/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 06/07/2020, 12:17:23 PM
    Author     : wnieto
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400&display=swap');

:root {
    --color-teal-teal-70: #00899c;
    --color-aqua-aqua-100: #002933;
    --color-purple-purple-50: #663dd4;
    --color-blue-blue-100: #00285c;
    --color-blue-blue-20: #cce2ff;
    --color-purple-purple-60: #4f23c9;
    --color-aqua-aqua-40: #3cc6e8;
    --color-gray-gray-60: #666666;
    --color-gray-gray-20: #cccccc;
    --color-blue-blue-50: #338cff;
    --color-gray-gray-5: #f5f5f5;
    --color-teal-teal-10: #ebfdff;
    --color-red-red-40: #e48181;
    --color-red-red-100: #4b1010;
    --color-purple-purple-30: #a890e8;
    --color-purple-purple-40: #8564de;
    --color-red-red-20: #f6d5d5;
    --color-green-green-50: #66cc77;
    --color-blue-blue-10: #e5f1ff;
    --color-aqua-aqua-60: #00afdb;
    --color-gold-gold-90: #855800;
    --color-aqua-aqua-90: #00495c;
    --color-red-red-10: #faeaea;
    --color-green-green-40: #8cd999;
    --color-gray-gray-70: #525252;
    --color-blue-blue-30: #99c5ff;
    --color-gray-gray-30: #b8b8b8;
    --color-blue-blue-40: #66a9ff;
    --color-green-green-80: #2b823a;
    --color-gold-gold-100: #5c3d00;
    --color-gold-gold-20: #ffeecc;
    --color-purple-purple-80: #39198f;
    --color-purple-purple-10: #eee9fb;
    --color-black: #000000;
    --color-red-red-50: #db5757;
    --color-gray-alpha-gray-alpha-40: rgba(61, 61, 48, 0.4);
    --color-gray-alpha-gray-alpha-50: rgba(61, 61, 48, 0.5);
    --color-gray-gray-2: #fafafa;
    --color-purple-purple-90: #2e1473;
    --color-aqua-aqua-70: #008fb3;
    --color-gray-gray-90: #292929;
    --color-blue-blue-90: #003a85;
    --color-gray-gray-80: #3d3d3d;
    --color-teal-teal-60: #0098ad;
    --color-green-green-70: #36a147;
    --color-gold-gold-80: #ad7400;
    --color-green-green-10: #ecf9ee;
    --color-green-green-60: #40bf55;
    --color-green-green-20: #d9f2dd;
    --color-aqua-aqua-80: #006c87;
    --color-red-red-60: #d22d2d;
    --color-gray-gray-50: #7a7a7a;
    --color-teal-teal-30: #73d1de;
    --color-gray-alpha-gray-alpha-30: rgba(61, 61, 48, 0.3);
    --color-gold-gold-30: #ffdd99;
    --color-aqua-aqua-10: #e0f9ff;
    --color-teal-teal-90: #005763;
    --color-white: #ffffff;
    --color-gold-gold-50: #ffbb33;
    --color-red-red-80: #8e1f1f;
    --color-gray-gray-100: #141414;
    --color-blue-blue-80: #004bad;
    --color-red-red-30: #edabab;
    --color-gold-gold-60: #ffaa00;
    --color-gray-alpha-gray-alpha-10: rgba(61, 61, 61, 0.1);
    --color-red-red-70: #b12626;
    --color-purple-purple-100: #220f57;
    --color-gold-gold-70: #d68f00;
    --color-red-red-90: #6d1717;
    --color-gray-alpha-gray-alpha-20: rgba(61, 61, 48, 0.2);
    --color-aqua-aqua-50: #0db6e0;
    --color-green-green-30: #b3e5bb;
    --color-teal-teal-50: #17a8bd;
    --color-green-green-90: #21632c;
    --color-gold-gold-10: #fff7e5;
    --color-teal-teal-40: #41bbcc;
    --color-green-green-100: #17451f;
    --color-aqua-aqua-30: #6ed6f0;
    --color-aqua-aqua-20: #a8e7f7;
    --color-gray-gray-10: #e0e0e0;
    --color-teal-teal-100: #00373d;
    --color-teal-teal-20: #abe5ed;
    --color-blue-blue-60: #006fff;
    --color-gray-gray-45: #8f8f8f;
    --color-gold-gold-40: #ffcc66;
    --color-purple-purple-20: #cbbdf2;
    --color-gray-gray-40: #a3a3a3;
    --color-blue-blue-70: #005dd6;
    --color-teal-teal-80: #007a8b;
    --color-orange-orange-10: #ffefe5;
    --color-orange-orange-20: #ffdfcc;
    --color-orange-orange-30: #ffbe99;
    --color-orange-orange-40: #ff9e66;
    --color-orange-orange-50: #ff7e33;
    --color-orange-orange-60: #ff5e00;
    --color-orange-orange-70: #d64f00;
    --color-orange-orange-80: #ad4000;
    --color-orange-orange-90: #853100;
    --color-orange-orange-100: #5c2200;
    --color-black-alpha-black-alpha-10: rgba(0, 0, 0, 0.1);
    --color-white-alpha-white-alpha-10: rgba(255, 255, 255, 0.1);
    --color-black-alpha-black-alpha-20: rgba(0, 0, 0, 0.2);
    --color-white-alpha-white-alpha-20: rgba(255, 255, 255, 0.2);
    --color-black-alpha-black-alpha-30: rgba(0, 0, 0, 0.3);
    --color-white-alpha-white-alpha-30: rgba(255, 255, 255, 0.3);
    --color-black-alpha-black-alpha-40: rgba(0, 0, 0, 0.4);
    --color-white-alpha-white-alpha-40: rgba(255, 255, 255, 0.4);
    --color-black-alpha-black-alpha-50: rgba(0, 0, 0, 0.5);
    --color-white-alpha-white-alpha-50: rgba(255, 255, 255, 0.5);
    --color-purple-purple-70: #441eab;

    --font-one :Roboto;
    --font-one-bold :Roboto-Bold;
}

.bglogin {
    width: 100%;
    height: 100%;
    background-image: radial-gradient(circle at 51% -13%, var(--color-aqua-aqua-60), #2d0d83 78%);
}

.footer {
    background-color: transparent;
    padding-bottom: 10px;
}
.logofoot {
    width: 200px;
    margin: auto;
}

.smartmatic-logo {
    width: 129.2px;
    height: 14px;
    object-fit: contain;
    background: url("../images/smarmatic-logo.svg") no-repeat center top;
}
.homelogo {
    margin-top: 10px;
    background: url("../images/sm_logo.png") no-repeat center top;
    background-size: contain;
    width: 200px;
}
.navbar3{
    background-color: white;
} 
.navbar{ 
    color:#383838;
    min-height: 0px;
    margin-bottom: 0px;
}
.card-background {
    /*width: 415px;*/
    /*min-height: 470px;*/
    min-width: 35%;
    max-width: 40%;
    min-height: 55%;
    border-radius: 8px;
    box-shadow: 0 1px 1px 0 rgba(51, 51, 51, 0.4);
    border: solid 1px #dfe1e5;
    background-color: var(--color-white);
    margin: auto;
}
.card-login {
    font-family: var(--font-one);
    min-height: 85%;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 40px;
    margin-right: 40px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
}

.welcome-to {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.33;
    letter-spacing: 0.5px;
    color: var(--color-gray-gray-60);
    padding-top: 20px;
}

.projectname {
    font-size: 32px;
    font-weight: bold;
    line-height: 1.38;
    color: var(--color-gray-gray-80);
}

.logincontinue {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    color: var(--color-gray-gray-80);
    margin-top: 20px;
    margin-bottom: 8px;
}

.labelmandatory {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.71;
    color: var(--color-gray-gray-80);
}
.forms-login label{
    font-size: 14px;
    font-weight: bold;
    line-height: 1.71;
    letter-spacing: normal;
    color: var(--color-gray-gray-80);
}
.loginfailed {
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
}
.bglogin .form-control{
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px var(--color-gray-gray-80);
    background-color: var(--color-white);
    width: 100%;
}
.btn-lg{
    padding: 6px 12px !important;
}
.btn-primary{
    font-weight: bold;
    border: solid 1px var(--color-purple-purple-90);
    background-color: var(--color-purple-purple-70);
}

.btn-primary:hover{
    border: solid 1px var(--color-purple-purple-90);
    background-color: var(--color-purple-purple-60);
}

.btn-primary[disabled]{
    border: solid 1px #c1c7d0;
    color: var(--color-gray-gray-45);
    box-shadow: inset 0 0 0 1px var(--color-gray-gray-20);
    background-color: var(--color-gray-gray-5);
}
.btn-login{
    width: 100%;
}

.table_header_buttons button.btn.btn-primary {
    margin-top: 0px;
    margin-bottom: 8px;
}

.forgotpassword a{
    color: #522eb3 !important;
    font-size: 14px;
    line-height: 1.71;
}

.breadcumb{
    background-color: #fbfbfb;
    color: #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.breadcumb .title{
    font-size: 28px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.5;
    letter-spacing: normal;
    color: #333;
    padding-left: 40px;
}

#saveUsersModal select[multiple] {
    height: 115px !important;
}

.popover-top-rigth{
    position:absolute;
    top:70px !important;
    right:70px !important;
    left: auto !important;
}   

.remarksremaining{
    text-align: right;
    font-size: 10pt;
}


/*Message Box*/
#divMensajesMainNb{
    z-index: 9999;
}

.divPopoverMensajes .header{
    float:left;
    width: 100%;
    border-radius: 5px;
    padding: 10px 10px;
}
.header-success{
    background-color: var(--color-green-green-20);
    color: var(--color-green-green-90);
}
.header-warning{
    background-color: var(--color-gold-gold-20);
    color: var(--color-gold-gold-90);
}
.header-info{
    background-color: var(--color-blue-blue-20);
    color: var(--color-blue-blue-90);
}
.header-error{
    background-color: var(--color-red-red-20);
    color: var(--color-red-red-90);
}
.messagetitle{
    font-family : var(--font-one-bold);
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
}
.messagetitle.image {
    background-size: contain;
    width: 10%;
    height: 25px;
    float: left;
}
.messagetitle.image.error{
    background: url("../images/exclamation-circle.svg") no-repeat center top;  
}
.messagetitle.image.info{
    background: url("../images/info-circle.svg") no-repeat center top;  
}
.messagetitle.image.warning{
    background: url("../images/exclamation-triangle.svg") no-repeat center top;  
}
.messagetitle.image.success{
    background: url("../images/check-circle.svg") no-repeat center top;  
}

.messagebody{
    font-family: var(--font-one);
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: var(--color-gray-gray-80);
}

.tabledescription {
    max-width: 400px !important;
}

.entities .showCurrentDate .modal-title {
    float:left;
    width: 90%;
}

.wtyDateCurrent{
    text-align: right;
    padding-right: 5px;
}

.totalcount .tabletextright button{
    vertical-align: unset;
}

.ticketborder-CRITICAL{
    /*border-left: 6px solid var(--color-red-red-50);*/
    box-shadow: inset 6px 0 0 0 var(--color-red-red-50);
}

.ticketborder-HIGH{
    /*border-left: 6px solid var(--color-orange-orange-50);*/
    box-shadow: inset 6px 0 0 0 var(--color-orange-orange-50);
}

.ticketborder-WARNING{
    box-shadow: inset 6px 0 0 0 var(--color-gold-gold-50);
    /*border-left: 6px solid var(--color-gold-gold-50);*/
}

.ticketborder-NONE{
    box-shadow: inset 6px 0 0 0 var(--color-green-green-70);
    /*border-left: 6px solid var(--color-green-green-70);*/
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {transform: rotate(360deg);}
}
@-webkit-keyframes rotate {
    from {-webkit-transform: rotate(0deg);
    }
    to {-webkit-transform: rotate(360deg);
    }
}

.imgrotate{
    -webkit-animation: 2s rotate linear infinite;
    animation: 2s rotate linear infinite;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.imgtorotate {
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}

.loading {
    background: url("../images/loading.png") no-repeat center top;
    height: 250px;
}
.viewdetails{
    font-size: 0.9em;
    cursor: pointer;
    text-decoration: underline;
}

.modal-table {
    padding-left: 10px;
    padding-right: 10px;
}

.borderless {
    border: none;
    box-shadow: none;
    padding-left: 0px;
}

.dragDropSelect {
    border: 1px solid #ccc;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 15px;
}

.btnattach {
    margin-top: 10px;
}


.scroll-left {
    height: 30px; 
    overflow: hidden;
    position: relative;
}
.scroll-left p {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    line-height: 30px;
    text-align: center;
    /* Starting position */
    -moz-transform:translateX(100%);
    -webkit-transform:translateX(100%); 
    transform:translateX(100%);
    /* Apply animation to this element */ 
    -moz-animation: scroll-left 50s linear infinite;
    -webkit-animation: scroll-left 50s linear infinite;
    animation: scroll-left 50s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
    0% { -moz-transform: translateX(100%); }
    100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
    0% { -webkit-transform: translateX(100%); }
    100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
    0% { 
        -moz-transform: translateX(100%); /* Browser bug fix */
        -webkit-transform: translateX(100%); /* Browser bug fix */
        transform: translateX(100%); 
    }
    100% { 
        -moz-transform: translateX(-100%); /* Browser bug fix */
        -webkit-transform: translateX(-100%); /* Browser bug fix */
        transform: translateX(-100%); 
    }
}
.itemThresholdDiv {
    display: inline;
    margin-left: 5px;
    margin-right: 5px;
    min-width: 1250px;
}
.bannertrheshold {
    background-color: var(--color-gold-gold-20);
    border: 1px solid var(--color-gold-gold-40);
    border-radius: 6px;
    color: black;
}
.banner{
    margin-top: 5px;
    margin-bottom: 5px;
}

.checkbox-checks{
    display: inline;
}

.checksenabled{
    
}

input[type="checkbox"]{
    width: 20px !important;
}

.checksenabled .checkbox-checks {
    margin-top: 0px;
    margin-left: 5px;
    vertical-align: middle;
}