body {
      background-image: url('../images/back.jpg');
}


.sidebar-nav li a.disabled{
   color:#999;
  pointer-events: none;
}

.flexnav li ul li a.disabled{
     color:#999;
  pointer-events: none;
}

.loader-form{
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: rgb(249,249,249);
        opacity: .8;
    }
.loader-image{
    position:fixed;
    left: 40%;
    top: 40%;
    width: 25%;
    height: 25%;
    z-index: 9999;
    background:url('../images/loading.gif') no-repeat center rgb(249,249,249);
    background-size: 50%;

    /*position:fixed;
    left: 40%;
    top: 40%;
    width: 25%;
    height: 25%;
    z-index: 9999;
    background:url('../images/loading_old.gif') no-repeat center rgb(249,249,249);
        */
    /*border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border:1px solid black;*/
}
/*====== Layout General ======*/
.background-black {
    background: #1f1f20; /* Old browsers */
    background: -moz-linear-gradient(top, #1f1f20 0%, #1d1d1f 32%, #1b1a1d 67%, #19181c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #1f1f20 0%,#1d1d1f 32%,#1b1a1d 67%,#19181c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1f1f20 0%,#1d1d1f 32%,#1b1a1d 67%,#19181c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f20', endColorstr='#19181c',GradientType=0 ); /* IE6-9 */
}

.detail-span-body {
    font-size: 11pt;
    font-family: Lato Regular;
    font-weight: bold;
    color: #414042;
    display: block;
    overflow-wrap: break-word;
}

.img-owner {
    width: 94px;
    height: 33px;
    float: left;
}

.img-customer {
    height: 35px;
    float: left;
}

.min-max-height50 {
    min-height: 50px;
    max-height: 50px;
}

.padding-body {
    padding: 20px 15px 15px;
}

.navbar-black {
    background-color: #000000;
    border-color: #000000;
}

.margin-top5 {
        margin-top: 7px;
}

.font-header {
    font-size: 11pt !important;
    font-family: "Lato Light";
    color: #A6A8AB !important;
}

.menu-layout {
    width: 50%;
    padding: 0px;
    background-color: #000000;
}

    .menu-layout > li {
        min-height: 99px;
        max-height: 99px;
        display: block;
    }

.margin-top51 {
    margin-top: 51px;
}

.drop-header {
    padding-top: 15px;
}

    .drop-header a {
        color: #A6A8AB; /*!important;*/
        text-decoration: none;
    }

    .drop-header li a {
        color: #A6A8AB; /*!important;*/
        text-decoration: none;
    }

    .drop-header a:hover {
        text-decoration: none;
    }

.text-user-drop {
    padding-right: 5px;
}

.dropdown {
    float: left;
    height: 50px;
    line-height: 20px;
}

.dropdown-header-menu {
    padding: 0px;
    margin: 0px;
    background: #1f1f20; /* Old browsers */
    background: -moz-linear-gradient(top, #1f1f20 1%, #1d1d1f 31%, #1b1a1d 67%, #19181c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #1f1f20 1%,#1d1d1f 31%,#1b1a1d 67%,#19181c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1f1f20 1%,#1d1d1f 31%,#1b1a1d 67%,#19181c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f20', endColorstr='#19181c',GradientType=0 ); /* IE6-9 */
}

    .dropdown-header-menu > li {
        background: #1f1f20; /* Old browsers */
        background: -moz-linear-gradient(top, #1f1f20 0%, #1d1d1f 32%, #1b1a1d 67%, #19181c 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #1f1f20 0%,#1d1d1f 32%,#1b1a1d 67%,#19181c 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #1f1f20 0%,#1d1d1f 32%,#1b1a1d 67%,#19181c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f20', endColorstr='#19181c',GradientType=0 ); /* IE6-9 */
    }

        .dropdown-header-menu > li > a:hover,
        .dropdown-menu > li > a:focus {
            color: #EC7503;
            text-decoration: none;
            background-color: transparent;
        }

.background-orange-gradient {
    /*hover*/
    background: #8b4304; /* Old browsers */
    background: -moz-linear-gradient(top, #8b4304 0%, #7c3a03 31%, #6a2f02 67%, #582400 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #8b4304 0%,#7c3a03 31%,#6a2f02 67%,#582400 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #8b4304 0%,#7c3a03 31%,#6a2f02 67%,#582400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b4304', endColorstr='#582400',GradientType=0 ); /* IE6-9 */
}

.open a.user-drop img {
    content: url('../images/user_over.png');
}

.open a.configuration-drop img {
    content: url('../images/configuration_over.png');
}

.open a.entity-drop img {
    color: #f38121;
    content: url('../images/entarrow_over.png');
}

.open a.entity-drop .caret {
    color: #f38121;
}

.alert {
    border-radius: 0px !important;
    min-height: 60px;
    margin-bottom: 0px;
    text-align: left;
    font-family: "Lato Medium";
    font-size: 14.5pt;
}

.alert-small {
    font-size: 12pt !important;
    min-height: 25px !important;
}

    .alert-small img {
        height: 35px;
    }

.alert-notification-success {
    color: #006838;
    background-color: rgba(57,181,74, 0.2);
    border-color: rgba(57,181,74, 0.2);
}

.alert-notification-error {
    color: #7A0810 !important;
    background-color: rgba(237,28,36, 0.2) !important;
    border-color: rgba(237,28,36, 0.2) !important;
}

.alert-notification-info {
    color: #086599 !important;
    background-color: rgba(28,117,188,.2) !important;
    border-color: rgba(28,117,188, 0.2) !important;
}

.alert-notification-warning {
    color: #B74506;
    background-color: rgba(239,117,33,.4) !important;
    border-color: rgba(239,117,33,.4) !important;
}

.width100 {
    width: 100%;
}

.min-height31 {
    height: 35px;
}

.background-white-opacity50 {
    background-color: rgba(255,255,255, 0.5);
}

.margin-top10 {
    margin-top: 10px;
}

/*====== Fin Layout General ======*/

/*======== Logos =======*/

.img-height{
    height: 35px !important;
    margin-left: 0px !important;
    margin-top: -6px !important;

}


/*====== end logos ======*/

/*====== Menu Lateral ======*/

a.dashboard:hover img {
    content: url(../images/dashboard_off2.png);
}

a.import:hover img {
    content: url(../images/importar_off2.png);
}

a.consult:hover img {
    content: url(../images/consultar_off2.png);
}

a.customer:hover img {
    content: url(../images/clientes_off2.png);
}

a.alarm:hover img {
    content: url(../images/alarmas_off2.png);
}

a.reports:hover img {
    content: url(../images/reportes_off2.png);
}

#menu > li {
    min-height: 99px;
    max-height: 99px;
    display: block;
    font-size: 14.5pt;
    font-family: Lato Regular;
    overflow-y: hidden;
    overflow-x: hidden;
    margin: auto;
}

    #menu > li.footer-scisa {
        text-indent: 0px;
        line-height: 1.42857143;
        padding-top: 30px;
    }

.icon-footer {
    padding-left: 20px;
}

#menu > li span.footer-lateral-menu label {
    font-size: 9pt;
    font-family: Lato Light;
    color: #6D6E70;
}

.orange-link {
    color: #F37F22;
    text-decoration: underline;
    padding-left: 5px;
}

#menu > img {
    background-repeat: no-repeat;
    margin: 0px 0px;
}

 li.active :active {
    background-color: blue;
}

/*====== Fin Menu Lateral ======*/

/*====== Login ======*/

.padding-top56 {
    padding-top: 56px;
}

.padding-top40 {
    padding-top: 40px;
}

.padding-bottom50 {
    padding-bottom: 50px;
}

.padding-bottom10 {
    padding-bottom: 10px;
}

.padding-bottom20 {
    padding-bottom: 20px;
}

.padding-bottom40 {
    padding-bottom: 40px;
}

.background-superior {
    background: url('../images/bg_superior.jpg');
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    border-bottom: 1.5px solid rgba(81, 81, 82, .8);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}

html, body {
    height: 100%;
    font-family: "Lato Regular";
    font-size: 10.5pt;
}

#full {
    height: 100%;
}

#header {
    float: left;
    width: 100%;
}

#body {
    min-height: 100%;
    background: url('../images/bg_inferior.jpg');
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
}

.login .form-control {
    border-radius: 0px;
    color: #000;
    padding-top: 8px;
    height: 44px;
}

.login .button {
    width: 100%;
    font-size: 15pt;
    font-family: 'Lato Regular';
    border-radius: 0;
}

.left-inner-addon {
    position: relative;
}

    .left-inner-addon input {
        padding-left: 64px;
        font-family: 'Lato Regular';
        font-size: 15pt;
        color: #BBBDC0;
    }

    .left-inner-addon i {
        position: absolute;
        padding: 10px 12px;
        pointer-events: none;
    }

.username-field-icon {
    background-image: url("../images/user.png");
    background-repeat: no-repeat;
    margin-left: 26px;
    margin-top: 12px;
}

.password-field-icon {
    background-image: url("../images/password.png");
    background-repeat: no-repeat;
    margin-left: 26px;
    margin-top: 12px;
}

/*Link "¿Forgot Password?"*/
a.forgot-pass-login:link {
    text-decoration: none;
    color: #F37F22;
    text-decoration: underline;
    font-family: 'Lato Light';
    font-size: 11pt;
}

/* Link visited*/
a.forgot-pass-login:visited {
    color: #F37F22;
    text-decoration: underline;
}

/*Link active*/
a.forgot-pass-login:active {
    text-decoration: none;
    color: #F37F22;
    text-decoration: underline;
}

/*Link hover*/
a.forgot-pass-login:hover {
    color: #F37F22;
    text-decoration: underline;
}

/*Checkbox Custom*/
.custom-checkbox > [type="checkbox"],
.custom-checkbox > label {
    margin-bottom: 0px !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.custom-checkbox > [type="checkbox"]:not(:checked),
.custom-checkbox > [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

.custom-checkbox > [type="checkbox"]:not(:checked) + label,
.custom-checkbox > [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 22px;
    cursor: pointer;
}

.custom-checkbox > [type="checkbox"]:not(:checked) + label:before,
.custom-checkbox > [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
    width: 17px;
    height: 17px;
    border: 1px solid #ddd;
    background: #ffffff;
    border-radius: 2px;
}

.custom-checkbox > [type="checkbox"]:not(:checked) + label:after,
.custom-checkbox > [type="checkbox"]:checked + label:after {
    font: normal normal normal 12px/1 'Glyphicons Halflings';
    content: '\e013';
    position: absolute;
    top: 50%;
    margin-top: -7px;
    left: 2px;
    color: #F37F22;
    transition: all .2s;
}

.custom-checkbox > [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

.custom-checkbox > [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

.label-checkbox {
    font-family: 'Lato Light';
    font-size: 11pt;
    color: #FFFFFF;
}

.button-login:hover {
    color: #fff;
    background-image: none !important;
    background-color: #F37F22 !important;
}

.button-login {
    color: #fff;
    background-image: none !important;
    background-color: #F37F22 !important;
    border: 0px;
}

.padding-top0 {
    padding-top: 0px;
}

.footer-text {
    margin: 40px 0;
    text-align: center;
    font-family: 'Lato Light';
    color: #6D6E70;
}

/*Link Footer SCISA Web*/
a.link-footer-login:link {
    text-decoration: none;
    color: #F37F22;
    text-decoration: underline;
}

/* Link Visited*/
a.link-footer-login:visited {
    text-decoration: none;
    color: #F37F22;
    text-decoration: underline;
}

/*Link Active*/
a.link-footer-login:active {
    text-decoration: none;
    color: #F37F22;
    text-decoration: underline;
}

/*Link hover*/
a.link-footer-login:hover {
    text-decoration: underline;
    color: #F37F22;
    text-decoration: underline;
}

/*====== Fin Login ======*/

.eupopup-button_1 {
    color: #fff;
    font-weight: bold;
    font-size: 10.5pt;
    text-decoration: underline;
}

.eupopup-button_2 {
    color: #f6a21d;
    font-weight: normal;
    font-size: 9pt;
}

.eupopup-button {
    margin: 0 10px;
}

    .eupopup-button:hover,
    .eupopup-button:focus {
        text-decoration: underline;
        color: #f6a21d;
    }

/*Classes _LayoutDashBoard*/

/*Logo EntityLayout Header*/
.EntityLogo {
    float: left;
    height: 50px;
    padding: 15px 15px;
    line-height: 20px;
}

/*Entity DropDownLayout Header*/
.dropbtn {
    background-color: #222;
    color: #999;
    padding: 16px;
    font-size: 12pt;
    border: none;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #222;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

    .dropdown-content a {
        color: #999;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

        .dropdown-content a:hover {
            color: #F37F22;
        }

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #222;
}

/*user AccountLayout*/
.User-Account label {
    float: left;
    height: 50px;
    padding: 20px 45px;
    line-height: 20px;
    color: #999;
    float: right;
}

.Configuracion-Account {
    height: 50px;
    line-height: 20px;
    color: #999;
    float: right;
    padding: 20px 0px;
}

/*Menu CollapserLayout*/

/*.left {
    position: fixed;
    left: 5%;
    top: 7.3%;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: hidden;
}*/

.menu-label-text {
    font-family: 'Lato Regular';
    font-size: 14.5pt;
}

/*Icons Menu BigSize*/

.menu-label-layout {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 99px;
}

/*Icons Menu BigSize*/
.footer-layout {
    font-family: Lato;
    font-size: 9pt;
    height: 75px;
    width: 100%;
    background: #1f1f20; /* Old browsers */
    background: -moz-linear-gradient(top, #1f1f20 0%, #1d1d1f 32%, #1b1a1d 67%, #19181c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #1f1f20 0%,#1d1d1f 32%,#1b1a1d 67%,#19181c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1f1f20 0%,#1d1d1f 32%,#1b1a1d 67%,#19181c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f20', endColorstr='#19181c',GradientType=0 ); /* IE6-9 */
}

/*Link Footer SCISA Web*/
a.Link-Footer-menu:link {
    text-decoration: none;
    color: #F37F22;
    text-decoration: underline;
    background: #1f1f20; /* Old browsers */
    background: -moz-linear-gradient(top, #1f1f20 0%, #1d1d1f 32%, #1b1a1d 67%, #19181c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #1f1f20 0%,#1d1d1f 32%,#1b1a1d 67%,#19181c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1f1f20 0%,#1d1d1f 32%,#1b1a1d 67%,#19181c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f20', endColorstr='#19181c',GradientType=0 ); /* IE6-9 */
}

/* Link Visited*/
a.Link-Footer-menu:visited {
    text-decoration: none;
    color: #F37F22;
    text-decoration: underline;
    background: #1f1f20; /* Old browsers */
    background: -moz-linear-gradient(top, #1f1f20 0%, #1d1d1f 32%, #1b1a1d 67%, #19181c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #1f1f20 0%,#1d1d1f 32%,#1b1a1d 67%,#19181c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1f1f20 0%,#1d1d1f 32%,#1b1a1d 67%,#19181c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f20', endColorstr='#19181c',GradientType=0 ); /* IE6-9 */
}

/*Link Active*/
a.Link-Footer-menu:active {
    text-decoration: none;
    color: #F37F22;
    text-decoration: underline;
    background: #1f1f20; /* Old browsers */
    background: -moz-linear-gradient(top, #1f1f20 0%, #1d1d1f 32%, #1b1a1d 67%, #19181c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #1f1f20 0%,#1d1d1f 32%,#1b1a1d 67%,#19181c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1f1f20 0%,#1d1d1f 32%,#1b1a1d 67%,#19181c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f20', endColorstr='#19181c',GradientType=0 ); /* IE6-9 */
}

/*Link hover*/
a.Link-Footer-menu:hover {
    text-decoration: underline;
    color: #F37F22;
    text-decoration: underline;
    background: #1f1f20; /* Old browsers */
    background: -moz-linear-gradient(top, #1f1f20 0%, #1d1d1f 32%, #1b1a1d 67%, #19181c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #1f1f20 0%,#1d1d1f 32%,#1b1a1d 67%,#19181c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1f1f20 0%,#1d1d1f 32%,#1b1a1d 67%,#19181c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f20', endColorstr='#19181c',GradientType=0 ); /* IE6-9 */
}

/*====== Css for Layout General ======*/

a.user-drop:hover img {
    text-decoration: none;
    content: url('../images/user_over.png');
}

a.configuration-drop:hover img {
    text-decoration: none;
    content: url('../images/configuration_over.png');
}

a.entity-drop:hover img {
    text-decoration: none;
    content: url('../images/entarrow_over.png');
}

.open a.entity-drop img {
    color: #f38121;
    content: url('../images/entarrow_over.png');
}

/*====== End Css for Layout General ======*/

.padding-top-bottom-header {
    padding-bottom: 7.5px;
    padding-top: 7.5px; /*0*/
    /*margin-top:-8px;*/
}

.padding-encarrow {
    padding-bottom: 3px;
    padding-left: 5px;
}

.dropdown-menu {
    border-radius: 0px !important;
}

.scisa-orange {
    /*rgb:(255,99,6)*/
    color: #FF6306;
}

.scisa-blue {
    /*rgb:(10,41,114)*/
    color: #203F80;
}

.dropdown-header-menu li {
    height: 30px;
}

    .dropdown-header-menu li a {
        color: #FFFFFF;
        padding-top: 5px; /*9amts*/
        font-size: 11pt;
        padding-left: 10px;
    }

        .dropdown-header-menu li a:hover .dropdown-header-menu li a:focus {
            text-decoration: none;
            color: #EF7521;
        }

.no-padding-margin {
    padding: 0px;
    margin: 0px;
}

.menu-internal-option {
    background: #1f1f20;
    background: -moz-linear-gradient(top, #1f1f20 0%, #1d1d1f 32%, #1b1a1d 67%, #19181c 100%);
    background: -webkit-linear-gradient(top, #1f1f20 0%,#1d1d1f 32%,#1b1a1d 67%,#19181c 100%);
    background: linear-gradient(to bottom, #1f1f20 0%,#1d1d1f 32%,#1b1a1d 67%,#19181c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f20', endColorstr='#19181c',GradientType=0 );
    font-family: "Lato Regular";
    font-size: 12pt;
    color: #FFFFFF;
    display: block !important;
    /*padding-left: 45px !important;*/
}

    .menu-internal-option li {
        display: block;
        line-height: 1.42857143;
        text-indent: 17px;
        float: none;
        height: auto;
    }

        .menu-internal-option li a {
            padding-top: 5px;
            padding-bottom: 5px;
            text-align: left;
            padding-left:45px;
        }

            .menu-internal-option li a:hover {
                background: transparent;
                text-decoration: none;
                color: #EF7521;
                cursor: pointer;
            }

/*Classes PopUp Cookies Login*/
.clearfix {
    clear: both;
}

/*Body PopUp Cookies login*/
.eupopup-container {
    background-color: #F37F22;
    color: #FFF;
    padding: 5px 20px;
    font-size: 9pt;
    line-height: 1.2em;
    text-align: center;
    display: none;
    z-index: 9999999;
}

/*Bottom Close PopUp Cookies login*/
.eupopup-container-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.eupopup-closebutton {
    font-size: 12pt;
    font-weight: 100;
    line-height: 1;
    color: #FFF;
    filter: alpha(opacity=20);
    position: absolute;
    font-family: helvetica, arial, verdana, sans-serif;
    top: 0;
    right: 0;
    padding: 5px 10px;
}

    .eupopup-closebutton:hover,
    .eupopup-closebutton:active {
        color: #fff;
        text-decoration: none;
    }

/*Text PopUp Cookies login*/
.eupopup-head {
    font-size: 1.2em;
    padding: 7px;
    color: #fff;
}

.eupopup-body {
    color: #fff;
    font-size: 1.2em;
}

/*Buttoms PopUp Cookies login*/

.menu-internal-option li.dropdown ul.dropdown-menu-left li {
    background: #1f1f20;
    background: -moz-linear-gradient(top, #1f1f20 0%, #1d1d1f 32%, #1b1a1d 67%, #19181c 100%);
    background: -webkit-linear-gradient(top, #1f1f20 0%,#1d1d1f 32%,#1b1a1d 67%,#19181c 100%);
    background: linear-gradient(to bottom, #1f1f20 0%,#1d1d1f 32%,#1b1a1d 67%,#19181c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f20', endColorstr='#19181c',GradientType=0 );
    font-family: "Lato Light";
    font-size: 11pt;
}

    .menu-internal-option li.dropdown ul.dropdown-menu-left li a {
        color: #FFFFFF;
    }

        .menu-internal-option li.dropdown ul.dropdown-menu-left li a:hover {
            color: #EF7521;
            text-decoration: none;
            cursor: pointer;
        }

.padding-top86 {
    padding-top: 86px;
}

.icon-entarrow {
    height: 9px;
}

.padding-left-10 {
    padding-left: 10px;
}

.label {
    padding: 5px;
    border-radius: 0px;
    font-size: 9pt;
    font-family: "Lato Light";
}

.label-active {
    background-color: #3ab54a;
}

.label-inactive {
    background-color: #333333;
}

.breadcrumb {
    border-radius: 0px;
    background-color: #333333;
}

    .breadcrumb > li + li:before {
        content: "\203A";
    }

    .breadcrumb li a {
        color: #FFFFFF;
    }

.padding-left-right-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.link-orange {
    color: #EF7521;
    text-decoration: underline;
    padding-left: 10px;
}

.link-black {
    color: black;
    text-decoration: underline;
    padding-left: 10px;
}

.btn-orange {
    font-size: 12pt !important;
    color: #FFFFFF;
    border-color: #8b4304;
    background: -moz-linear-gradient(top, #8b4304 0%, #7c3a03 31%, #6a2f02 67%, #582400 100%);
    background: -webkit-linear-gradient(top, #8b4304 0%,#7c3a03 31%,#6a2f02 67%,#582400 100%);
    background: linear-gradient(to bottom, #8b4304 0%,#7c3a03 31%,#6a2f02 67%,#582400 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b4304', endColorstr='#582400',GradientType=0 );
    border-radius: 0px;
    /*height:55px;*/
}

    .btn-orange:focus,
    .btn-orange:hover {
        color: #FFFFFF;
    }

a.link-orange:hover,
a.link-orange:focus {
    color: #EF7521;
    cursor: pointer;
}

.padding-top-bottom-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.padding-top-15 {
    padding-top: 15px;
}

.padding-bottom-15 {
    padding-bottom: 15px;
}

.link-orange-no-padding, .sui-toolbar .sui-button {
    color: #EF7521;
    text-decoration: underline;
}

    a.link-orange-no-padding:hover,
    a.link-orange-no-padding:focus, .sui-toolbar .sui-button:hover,
    .sui-toolbar .sui-button:focus {
        color: #EF7521;
        cursor: pointer;
    }

.sui-datepicker, .sui-monthyearpicker, .sui-timepicker, .sui-datetimepicker {
    width: 100% !important;
}

.sui-grid {
    border-color: transparent !important;
}

#filterbox {
    text-align: right;
    margin-bottom: 0px;
}

#filterbox input {
}

#filterbox img {
    line-height: 0;
    padding: .3em;
}

#filterboxRisk {
    text-align: right;
    margin-bottom: 0px;
}

#filterboxRisk input {
}

#filterboxRisk img {
    line-height: 0;
    padding: .3em;
}


#filterboxRiskIndicator {
    text-align: right;
    margin-bottom: 0px;
}

#filterboxRiskIndicator input {
}

#filterboxRiskIndicator img {
    line-height: 0;
    padding: .3em;
}

#filterboxElementVSIndicator {
    text-align: right;
    margin-bottom: 0px;
}

#filterboxElementVSIndicator input {
}

#filterboxElementVSIndicator img {
    line-height: 0;
    padding: .3em;
}

#filterboxConceptosEBR {
    text-align: right;
    margin-bottom: 0px;
}

#filterboxConceptosEBR input {
}

#filterboxConceptosEBR img {
    line-height: 0;
    padding: .3em;
}


#filterboxRiskIndicator {
    text-align: right;
    margin-bottom: 0px;
}

#filterboxRiskIndicator input {
}

#filterboxRiskIndicator img {
    line-height: 0;
    padding: .3em;
}


#filterboxElementVSIndicator {
    text-align: right;
    margin-bottom: 0px;
}

#filterboxElementVSIndicator input {
}

#filterboxElementVSIndicator img {
    line-height: 0;
    padding: .3em;
}


#filterboxConceptosEBR {
    text-align: right;
    margin-bottom: 0px;
}

#filterboxConceptosEBR input {
}

#filterboxConceptosEBR img {
    line-height: 0;
    padding: .3em;
}



#filterboxRP {
    text-align: right;
    margin-bottom: 0px;
}

#filterboxRP input {
}

#filterboxRP img {
    line-height: 0;
    padding: .3em;
}

#filterboxTP {
    text-align: right;
    margin-bottom: 0px;
}

#filterboxTP input {
}

#filterboxTP img {
        line-height: 0;
        padding: .3em;
}

#filterboxQOV {
    text-align: right;
    margin-bottom: 0px;
}

#filterboxQOV input {
}

#filterboxQOV img {
    line-height: 0;
    padding: .3em;
}

#Alias {
    min-height: 150px;
}

#AdditionalInformation {
    min-height: 150px;
}

.input-empty {
    border-color: #b94a48 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    border-width: 2px !important;
}

.popover {
    font-family: "Lato Regular" !important;
    color: #333333 !important;
}

#UserName-error {
    color: #FFFFFF;
}

#Password-error {
    color: #FFFFFF;
}

.login .input-validation-error {
    border: 1px solid #FF6306;
}

.sui-grid-core, .sui-input {
    font-family: inherit !important;
    font-size: 9pt !important;
}

#Observations {
    min-height: 100px;
}

#Comments {
    min-height: 100px;
}

.background-white {
    background-color: #FFFFFF !important;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.validation-summary-errors ul {
    padding: 0px;
}

    .validation-summary-errors ul li {
        display: block;
    }

.font-orange {
    color: #EF7521;
}

.block {
    display: block;
}

.panel-form {
    background-color: transparent !important;
    border: transparent !important;
    box-shadow: none !important;
}

    .panel-form > .panel-body {
        padding: 0px;
    }

.sui-hover .sui-row:hover,
.sui-hover .sui-alt-row:hover,
.sui-hover .sui-selected:hover td,
.sui-hover .sui-selected:hover td {
    color: #333 !important;
}

/*.sui-grid-core .sui-editable-cell {
    text-align: left !important;
}*/

.bold {
    font-weight: bold;
}

.margin-right-30-percent {
    margin-right: 30%;
}

.sui-checkbox-element {
    width: 1.3em !important;
    height: 1.3em !important;
}

.sui-checkbox-checked .sui-checkmark {
    width: .90em !important;
    height: .40em !important;
}

.icon-catalog-menu {
    font-size: 14.5pt;
    display: block;
    padding-bottom: 10px;
    padding-top: 10px;
}

.no-border-bottom {
    border-bottom: none !important;
}

.no-margin-bottom {
    margin-bottom: 0px !important;
}

.no-padding-bottom {
    padding-bottom: 0px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.no-border-top {
    border-top: none !important;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #7A0810;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border-width: 2px !important;
    border-style: solid !important;
    border-color: #7A0810 !important;
}

.input-empty {
    border-width: 2px !important;
    border-style: solid !important;
    border-color: #7A0810 !important;
}

.input-validation-error:focus {
    border: 2px solid #7A0810;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(122,8,16, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(122,8,16, .6);
}

/*.error {
    border-width: 2px !important;
    border-style: solid !important;
    border-color: #7A0810 !important;
}*/

.validation-summary-valid {
    display: none;
}

.required-icon {
    padding-left: 15px;
    max-height: 20px;
}

.popover-content {
    background-color: #7A0810 !important;
}

.popover {
    background-color: #7A0810 !important;
    color: #FFFFFF !important;
    border: 1px solid #7A0810 !important;
    border: 1px solid rgba(122,8,16, .2) !important;
    border-radius: 6px !important;
    -webkit-box-shadow: 0 5px 10px rgba(122,8,16, .2) !important;
    box-shadow: 0 5px 10px rgba(122,8,16, .2) !important;
}

.popover > .arrow {
    background-color: transparent !important;
}

.popover.top > .arrow {
    margin-left: -11px !important;
}

    .popover.top > .arrow:after {
        border-top-color: #7A0810 !important;
    }

.input-group-addon {
    background-color: transparent !important;
    border: none !important;
    padding: 0px 4px !important;
}

.label-required-space {
    width: 20px;
    height: 14px;
    padding: 11px;
}

h3 {
    font-size: 14.5pt;
    font-family: "Lato Medium";
    color: #000000;
    margin-top: 0px;
    margin-bottom: 0px;
}

.page-title-container {
    padding-left: 28px;
}
/*agregar flecha a los controles accordion*/
.title-accordion{
background: url('../images/entarrow_over.png') 99% 50% no-repeat;
}


.title-accordion-hiden{
background: url('../images/entarrow_over.png') 99% 50% no-repeat;
transform:rotate(180);
}


.page-title-box {
    height: 30px;
    background-color: #000000;
    line-height: 30px;
    padding-left: 45px;
}

    .page-title-box h2 {
        font-size: 12pt;
        font-family: "Lato Medium";
        color: #FFFFFF;
        vertical-align: middle;
        margin-top: 0px;
        margin-bottom: 0px;
        line-height: 30px;
    }

.padding-left-5 {
    padding-left: 5px !important;
}

.label-required {
    font-size: 9pt;
    color: #18171c;
    font-weight: bold;
}

.form-control {
    height: 30px;
    border-radius: 0px;
}

.sui-datepicker .sui-picker-input,
.sui-monthyearpicker .sui-picker-input,
.sui-timepicker .sui-picker-input,
.sui-datetimepicker .sui-picker-input {
    padding: 6px 12px !important;
    height: 30px;
}

.sui-datepicker, .sui-monthyearpicker, .sui-timepicker, .sui-datetimepicker {
    font-size: 11pt;
}

.sui-combobox, .sui-dropdown {
    width: 100% !important;
    padding: 6px 12px;
    height: 30px;
}

.sui-input, .sui-numeric-textbox, .sui-combobox, .sui-dropdown, .sui-button, .sui-switch {
    font-size: 11pt;
    height: 30px;
}

    .sui-combobox .sui-caret-container, .sui-dropdown .sui-caret-container {
        padding: 0.4em 0;
    }

.sui-numeric-textbox {
    width: 100% !important;
}

    .sui-numeric-textbox .sui-spinners {
        min-height: 30px;
    }

    /*.sui-numeric-textbox .sui-spinner:hover {
    background-color: #EF7521 !important;
}*/

    .sui-numeric-textbox .sui-spinner:hover {
        color: #fff;
        background-color: transparent !important;
    }

    .sui-numeric-textbox:hover {
        background-color: #EF7521 !important;
    }

        .sui-numeric-textbox:hover .sui-caret-down {
            border-top-color: #FFFFFF;
        }

        .sui-numeric-textbox:hover .sui-caret-up {
            border-bottom: .4em solid #FFFFFF;
        }

.sui-datepicker .sui-calendar-icon, .sui-monthyearpicker .sui-calendar-icon, .sui-timepicker .sui-calendar-icon, .sui-datetimepicker .sui-calendar-icon, .sui-datetimepicker .sui-time-icon {
    /*padding-top: 14px;
    padding-left: 20px;*/
    background-image: url('shield-ui/img/calendar.png');
    background-position: 0px !important;
    width: 20px;
    height: 20px;
    /*background-image: none !important;*/
}

span.sui-calendar-icon:hover {
    /*content: url('shield-ui/img/calendar_over.png');*/
    background-image: url('shield-ui/img/calendar_over.png');
    width: 20px;
    height: 20px;
}


.sui-calendar .sui-footer:hover, .sui-calendar .sui-text:hover, .sui-calendar .sui-prev:hover, .sui-calendar .sui-next:hover {
    color: #fff !important;
    background-color: #414042 !important;
}

.sui-calendar {
    color: #FFFFFF !important;
    background-color: #18171c !important;
    border: transparent !important;
}

    .sui-calendar .sui-header {
        text-align: center !important;
        line-height: normal !important;
        position: relative !important;
        background-color: #414042 !important;
        font-family: "Lato Bold" !important;
        height: 35px !important;
        font-size: 12pt !important;
        color: #FFFFFF !important;
    }

    .sui-calendar .sui-left-arrow {
        border-right-color: #FFFFFF !important;
    }

    .sui-calendar .sui-right-arrow {
        border-left-color: #FFFFFF !important;
    }

    .sui-calendar .sui-week-header th {
        border-color: transparent !important;
    }

.sui-dropdown:focus {
    border-color: #EF7521;
}

.sui-calendar .sui-footer, .sui-calendar .sui-week-header th, .sui-calendar .sui-date, .sui-calendar .sui-month, .sui-calendar .sui-year, .sui-calendar .sui-years {
    color: #ffffff !important;
    font-size: 11pt !important;
}

.sui-calendar .sui-hoverable .sui-date:hover, .sui-calendar .sui-hoverable .sui-month:hover, .sui-calendar .sui-hoverable .sui-year:hover, .sui-calendar .sui-hoverable .sui-years:hover {
    background-color: #EF7521 !important;
}

.sui-calendar .sui-calendar-view .sui-focused {
    box-shadow: 0 0 0 1px #EF7521 inset !important;
    background-color: #ef7521 !important;
}

.sui-week-header {
    background-color: #58595b;
}

.sui-footer {
    background-color: #414042;
}

span.label-detail label {
    font-size: 9pt;
    color: #18171c;
    font-weight: bold;
    display: block;
}

span.label-detail2 label {
    font-size: 9pt;
    color: #18171c;
    /*font-weight: bold;*/
    display: block;
}

span.label-detail3 label {
    font-size: 9pt;
    color: #18171c;
    font-weight: bold;
    /*display: block;*/
}

.sizeLabel{
    font-size: 10pt;
    color: #18171c;
}

.sui-listbox-item-selected {
    color: #fff;
    background-color: #1B1A1D !important;
}

.sui-listbox-item:hover, .sui-listbox:focus .sui-listbox-item-active {
    cursor: pointer;
    color: #fff;
    background-color: #58595B !important;
}

.sui-combobox:hover, .sui-dropdown:hover {
    color: #fff;
    background-color: #EF7521 !important;
}

.sui-combobox:focus, .sui-combobox-focus, .sui-dropdown:focus, .sui-dropdown-focus {
    border-color: #EF7521 !important;
}

.form-control:focus {
    border: 1px solid #EF7521;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(239,117,33, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(239,117,33, .6);
}

.sui-numeric-textbox .sui-input:focus {
    border: 1px solid #EF7521 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(239,117,33, .6) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(239,117,33, .6) !important;
}

.sui-datepicker.sui-datepicker-focus,
.sui-monthyearpicker.sui-monthyearpicker-focus,
.sui-timepicker.sui-timepicker-focus,
.sui-datetimepicker.sui-datetimepicker-focus {
    border: none !important;
}

    .sui-datepicker.sui-datepicker-focus .sui-picker-input,
    .sui-monthyearpicker.sui-monthyearpicker-focus .sui-picker-input,
    .sui-timepicker.sui-timepicker-focus .sui-picker-input,
    .sui-datetimepicker.sui-datetimepicker-focus .sui-picker-input {
        border: 1px solid #EF7521 !important;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(239,117,33, .6) !important;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(239,117,33, .6) !important;
    }

.sui-dropdown:focus .sui-input {
    border: 1px solid #EF7521 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(239,117,33, .6) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(239,117,33, .6) !important;
}

.sui-combobox .sui-input, .sui-combobox .sui-input:focus, .sui-dropdown .sui-input, .sui-dropdown .sui-input:focus {
    padding-left: 8px !important;
}

.sui-calendar .sui-calendar-view .sui-selected {
    background-color: #EF7521 !important;
}

.img-alert {
    width: 30px;
    margin-right: 5px;
}

.inline-block {
    display: inline-block;
}

.inline-block img {
    display: inherit;
}

.inline-block div {
    display: inherit;
}

.alert-short {
    min-height: 45px !important;
    font-size: 13.5pt !important;
}

.no-margin-top {
    margin-top: 0px;
}

.padding-9 {
    padding: 9px;
}

.padding-left-45 {
    padding-left: 45px !important;
}

.padding-left-20 {
    padding-left: 20px;
}

.label-bottom label {
    padding-left: 20px;
}

.sui-numeric-textbox-disabled {
    background-color: #1B1A1D !important;
    border-color: inherit;
    opacity: .4;
}

/*Iconos de la apicacion*/
.icon-edit {
    background-image: url('../images/editar.png');
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../images/cancel.png');
    background-image: url('../images/edit.png');
}

.icon-save {
    background-image: url('../images/save.png');
    background-repeat: no-repeat;
    background-position: center;
}

.icon-cancel {
    background-image: url('../images/cancel.png');
    background-repeat: no-repeat;
    background-position: center;
}

.sui-checkbox-label-hover label {
    display: block;
}

.page-title-container-form {
    padding-left: 38px;
}

.padding-left-25 {
    padding-left: 25px;
}

.sui-datepicker:hover, .sui-monthyearpicker:hover, .sui-timepicker:hover, .sui-datetimepicker:hover {
    background-color: transparent !important;
}

h4 {
    font-family: 'Lato Medium';
    font-size: 11pt !important;
    color: #18171C;
    text-align: left;
}

h4.subtitle-line {
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: left;
    padding-left: 40px;
    margin-right: 15px;
    line-height: 1.4;
}

h4.subtitle-line span {
    vertical-align: baseline;
    zoom: 1;
    position: relative;
    text-transform: uppercase;
    padding-right: 15px;
}

h4.subtitle-line:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 100%;
    height: 1px;
    content: '\a0';
    background-color: #18171C;
}

h4.subtitle-line-no-padding {
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: left;
    padding-left: -10px !important;
    margin-right: 0px !important;
} 

h4.subtitle-line-no-padding span {
    vertical-align: baseline;
    zoom: 1;
    position: relative;
    text-transform: uppercase;
    padding-right: 1px;
}

h4.subtitle-line-no-padding:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 100%;
    height: 1px;
    content: '\a0';
    background-color: #18171C;
}

.btn-right-pointer {
    color: #9D9E9F;
    padding: 4px 8px;
    border-radius: 0px;
    background-color: #1B1A1D;
}

.btn-right-pointer:focus,
.btn-right-pointer:hover {
    color: #FFFFFF;
    background-color: #EF7521 !important;
}

.btn-transparent {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 10.5pt;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent !important;
    border-radius: 4px;
    background: transparent;
}

    .btn-transparent:focus img,
    .btn-transparent:hover img {
        content: url('../images/add_over.png');
        border: 1px solid transparent !important;
    }

    .btn-transparent:active {
        outline: none !important;
        outline-offset: 0px !important;
        -webkit-box-shadow: transparent !important;
        box-shadow: transparent !important;
    }

        .btn-transparent:active:focus,
        .btn-transparent:active:hover {
            outline: none !important;
            outline-offset: 0px !important;
            -webkit-box-shadow: transparent !important;
            box-shadow: transparent !important;
        }

            .btn-transparent:active:focus img .btn-transparent:active:hover img {
                content: url('../images/add_over.png');
            }

.padding-left-right-30 {
    padding-left: 30px;
    padding-right: 30px;
}

.img-thumbnail-display {
    width: 150px;
    height: 115px;
}

.img-thumbnail {
    background-color: #55555A;
    border: 1px solid #55555A;
}

.inline {
    display: inline;
}

.padding-left-23 {
    padding-left: 23px;
}

.padding-left-40 {
    padding-left: 40px;
}

div.checkbox-modal span.sui-checkbox {
    display: block;
}

.background-table-modal {
    background: #BABABA;
}

/*@media (min-width: 768px) {
    .modal-dialog {
        width: 900px;
    }
}*/

.modal-dialog-bs {
    width: 550px !important;
}

#notification-related .modal-footer {
    padding-top: 0px;
    border-top: transparent;
}

#alert-notification-message {
    display: none;
}

.sui-datepicker .sui-picker-input, .sui-monthyearpicker .sui-picker-input, .sui-timepicker .sui-picker-input, .sui-datetimepicker .sui-picker-input {
    border-radius: 0px !important;
}

.sui-numeric-textbox .sui-input, .sui-numeric-textbox .sui-input {
    border-radius: 0px !important;
}

@media (min-width: 768px) {
    .font-header {
        font-size: 9pt !important;
    }

    .sidebar-nav li {
        text-indent: 0px;
    }
}

@media (min-width: 992px) {
    .font-header {
        font-size: 11pt !important;
    }
}

.grid-buttom {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #EF7521 !important;
    text-decoration: underline;
}

.carousel-border {
    border: 13px solid #FFFFFF;
}

.carousel-indicators .active {
    background-color: #EF7521;
    border: 1px solid #EF7521;
}

.carousel-indicators li {
    background-color: #FFFFFF;
}

.carousel-control.right {
    background-image: none;
}

.carousel-control.left {
    background-image: none;
}

.carousel-control {
    opacity: 1;
}

#carousel-preview .modal-content {
    background-color: transparent;
    border: none;
    box-shadow: none;
}


.not-title .page-title-box {
    padding-left: 20px;
    color: #fff;
}

.not-title .detail-span-body {
    padding-left: 20px;
}

#found-justification .subtitle-line {
    padding-left: 30px;
}

.sui-grid .sui-selected .sui-cell,.sui-grid tr .sui-selected{
    color:#231F20 !important;
    background-color:rgba(255, 255, 255, 0.70) !important;
}

.background-white-60 {
    background-color: rgba(255, 255, 255, 0.70);
}

.padding-left-30{
    padding-left: 30px;
}

.padding-left-36 {
    padding-left: 36px;
}

.background-gray-modal {
    background-color: #b3b3b3;
}

.modal-content {
    background-color: #b3b3b3;
}



.modal-content legend {
    border-bottom: transparent;
}

.modal-body {
    background-color: #e9e9e9;
    margin-left: 10px;
    margin-right: 10px;
    /*padding-bottom: 10px;
    padding-top: 10px;*/

    position: relative !important;
    padding: 1px !important;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: none !important;
}

#modal-container-detail h4.subtitle-line {
    padding-left: 0px;
    margin-right: 0px;
}

.padding-left-right-45 {
    padding-left: 45px;
    padding-right: 45px;
}

.margin-left-35 {
    margin-left: 35px;
}

.margin-left-5 {
    margin-left: 5px !important;
}

.alert-notification-person-in-blacklist {
    font-size:20px;
    background-color:#cd9c7b;
    color:#b64503;
}

.nonPadding-right
{ 
    padding-right:0px !important; 
}

.nonPadding-left
{ 
    padding-left:0px !important; 
}

.insideGrid-Header
{
    background-color:black !important;
    

}

.Grid-Black-Header
{
    background-color:black !important; 
}
a.Grid-Black-Header:link,
a.Grid-Black-Header:visited,
a.Grid-Black-Header:active { color: white !important; text-decoration: none; }

a.Grid-Black-Header:hover { color: white !important; text-decoration: underline; }

.iconomas {
    background:url('../images/add.png') no-repeat;
    height: 22px;
    width: 22px;
    background-size: 20px 20px;
}

.iconomas:hover {
    background:url('../images/add_over.png') no-repeat;
    height: 22px;
    width: 22px;
    background-size: 20px 20px;
}

.iconview {
    background:url('../images/consultar.png') no-repeat;
    height: 22px;
    width: 22px;
    background-size: 22px 15px;
}

.iconview:hover {
    background:url('../images/consultar_over.png') no-repeat;
    height: 22px;
    width: 22px;
    background-size: 22px 15px;
}


.iconerror {
    background:url('../images/errorusd.png') no-repeat;
    height: 22px;
    width: 22px;
    background-size: 19px 18px;
}

.iconerror:hover {
    background:url('../images/errorusd_over.png') no-repeat;
    height: 22px;
    width: 22px;
    background-size: 19px 18px;
}

a.insideGrid-Header:link,
a.insideGrid-Header:visited,
a.insideGrid-Header:active { color: white !important; text-decoration: none; }

a.insideGrid-Header:hover { color: white !important; text-decoration: underline; }

/* css para homologacion */

.sortable-list {
	/*background-color: #d9d9d9;*/
	list-style: none;
	margin-bottom: 0px; /* 10px */
	min-height: 30px !important;
	padding: 0px !important; /*5px */
}

.placeholder {
	background-color: Yellow;
	border: 1px dashed #666;
	height: 40px;
	margin-bottom: 5px;
}

.sortable-item {
	cursor: move;
	display: block;
	margin-bottom: 2px;
	padding: 6px 6px 6px 0px;
}

.ui-sortable-helper {
    background: rgba(255, 255, 255, 0.50) !important;
}

@media (min-width: 992px) {
	#EconomicTypeHolder .sui-dropdown {
		width: 20vw !important;
	}
}

.sui-grid-core .sui-cell {
    /*overflow: visible !important;*/
}

#Comment {
    min-height: 150px !important;
}

#filterboxImport,
#filterboxInternal {
    text-align: right;
    margin-bottom: 0px;
}

#filterboxImport input {
}
#filterboxInternal img,

#filterboxImport img {
    line-height: 0;
    padding: .3em;
}

.border-gray {
    border: 1px solid #ccc !important;
}

.preview-image {
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
    width: auto;
    height: auto;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.preview {
    Background: #58595B;
    height: 75px;
    position: relative;
}

.preview-image-input {
    display: none;
}

.menu-hide {
    display: none;
}

.homologation-import-table .sui-headercell 
{
    padding-left: 0px !important;
}

#sorttable_sortfwdind, #sorttable_sortrevind {
    font-size: 7.5pt;
    color: #EF7521;
    padding: .2em .4em .2em;
    margin: 0em -.6em 0em;
}


.margin-left-imageQVO {

    margin-left: 25px;

}

  .carousel-inner > .item 
  .carousel-inner > .item > a {
      width: 70% !important; 
      margin: auto !important;
  }

.carousel-indicatorsNuva {

    bottom: -51px !important;
}

.item-modal {

    border:solid 8px #ffffff;
    background:#000;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright:0px;
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:0px;
    -webkit-border-top-left-radius:0px;
    -webkit-border-top-right-radius:0px;
    -webkit-border-bottom-left-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
    width:600px; 
    height:345px;
    margin: auto !important;
}

.item-imagen {
    position:relative;
   height:329px !important; 
   width: auto;
    max-width: 100%;
}

.panel-group{
    margin-bottom:0px;
}

/*grid*/
/*.sui-grid .sui-gridheader{
    padding-left:0px;
}*/

/*.sui-grid-core .sui-headercell{
    padding-top:0px;
    padding-bottom:0px;
    padding-left:0px;
    padding-right:0px;
}*/

/*===============Fin Definition of Classes PLDNET===============*/