@font-face {
    font-family: MarkPro;
    src: url(../fonts/MarkPro.otf);
}

@font-face {
    font-family: MarkPro-Black;
    src: url(../fonts/MarkPro-Black.otf);
}

@font-face {
    font-family: MarkPro-BlackItalic;
    src: url(../fonts/MarkPro-BlackItalic.otf);
}

@font-face {
    font-family: MarkPro-Bold;
    src: url(../fonts/MarkPro-Bold.otf);
}

@font-face {
    font-family: MarkPro-BoldItalic;
    src: url(../fonts/MarkPro-BoldItalic.otf);
}

@font-face {
    font-family: MarkPro-Book;
    src: url(../fonts/MarkPro-Book.otf);
}

body {
    /*padding-top: 50px;*/
    padding-bottom: 10px;
    font-size: 11px !important;
    /* background-image: url('../img/sv-fondo-Intranet.jpg') */
}

div.transboxPpal {
    background: #FFFFFF;
    width: 250px;
    height: 120px;
    opacity: 0.6;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}


    div.transboxPpal:hover {
        box-shadow: inset 0 0 0 110px rgba(100,95,66, 0.4), inset 0 0 0 16px rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.1);
        cursor: pointer;
        opacity: 0.6;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }



div.transbox {
    background: rgb(244 246 230 / 85%);
    /*width: 220px;*/
    border: 2px solid #5f5457;
    min-height: 120px;
    /* opacity: 0.6; */
    margin-right: 10%;
    margin-left: 10%;
    border-radius: 5px;
}

div.transbox-content {
    color: #3f2a2f;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-top: 2%;
    /*top: 10%;*/
    /*transform: translateY(-50%);*/
    font-weight: 700;
    font-size: 22px;
    font-family: "Lato-Bol_0";
}

div.transbox-contentPpal {
    color: #000000;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 700;
    font-size: 22px;
    font-family: "Lato-Bol_0";
}

html {
    height: 100%
}

.backgroundGrey {
    background-color: #80808036;
}

@media (max-width: 768px) {
    .background-sv {
        background-image: url('../img/fondo-nueva-extranet-mobile.png');
        background-size: 145%;
        
    }
    .logo-sv {
        width: 90%;
        height: auto;
        margin-top: 6rem;
    }
/*    .login-box-body, .register-box-body {
        background: #dedede;
    }*/
}

@media (min-width: 768px) {
    .background-sv {
        background-image: url('../img/fondo-nueva-extranet.png');
        background-size: 100%;
        background-repeat: no-repeat;
        background-color: #73bc21;
    }

    .login-box-body {
        border: none;
    }
}


/*.Menu-Principal {
    background-image: url('../img/background-4.png');
    background-size: 100% 100%;
}

.Menu-Precios {
    background-image: url('../img/background-4.png');
    background-size: 100% 100%;
    /*background: linear-gradient(180deg, #82bb27 70%, #f4f6e6 70%);*/
}

/*.Menu-Viajes {
    background-image: url('../img/background-4.png');
    background-size: 100% 100%;
}

.Menu-Insumos {
    background-image: url('../img/background-4.png');
    background-size: 100% 100%;
}

.Menu-Creditos {
    background-image: url('../img/background-4.png');
    background-size: 100% 100%;
}

.Menu-Compliance {
    background-image: url('../img/background-4.png');
    background-size: 100% 100%;
}

.Menu-Clientes {
    background-image: url('../img/background-4.png');
    background-size: 100% 100%;
}

.Menu-Configuracion {
    background-image: url('../img/background-4.png');
    background-size: 100% 100%;
}

.Menu-Estadisticas {
    background-image: url('../img/background-4.png');
    background-size: 100% 100%;
}

.Menu-RepresentantesAgentes {
    background-image: url('../img/background-4.png');
    background-size: 100% 100%;
}

.Menu-Acopio {
    background-image: url('../img/background-4.png');
    background-size: 100% 100%;
}

.Menu-FYO_EXT {
    background-image: url('../img/background-4.png');
    background-size: 100% 100%;
}

.Menu-Finanzas {
    background-image: url('../img/background-4.png');
    background-size: 100% 100%;
}

.Menu-Administracion {
    background-image: url('../img/background-4.png');
    background-size: 100% 100%;
}

.Menu-Trading {
    background-image: url('../img/background-4.png');
    background-size: 100% 100%;
}

.Menu-Cupo {
    background-image: url('../img/background-4.png');
    background-size: 100% 100%;
}

.Menu-Cupera {
    background-image: url('../img/background-4.png');
    background-size: 100% 100%;
}

.Menu-OTC {
    background-image: url('../img/background-4.png');
    background-size: 100% 100%;
}

.Menu-Mensajes {
    background-image: url('../img/background-4.png');
    background-size: 100% 100%;
}

.Menu-Proveedores {
    background-image: url('../img/background-4.png');
    background-size: 100% 100%;
}

.Menu-ArgentinaValores {
    background-image: url('../img/background-4.png');
    background-size: 100% 100%;
}

.Menu-RRHH {
    background-image: url('../img/background-4.png');
    background-size: 100% 100%;
}

.Menu-Contabilidad {
    background-image: url('../img/background-4.png');
    background-size: 100% 100%;
}*/

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    background-color: #FFFFFF;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

#topnavbar {
    margin: 0 auto 0 auto;
}

    #topnavbar.affix {
        position: fixed;
        top: 0;
        width: 100%;
    }

#banner {
    position: relative;
}

    #banner img {
        width: 100%;
        height: 100%;
    }



/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    .divUsuarioLogueado {
        float: right;
        position: absolute;
        right: 25px;
        top: 60px;
        z-index: 1001;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .divUsuarioLogueado {
        float: right;
        position: absolute;
        right: 35px;
        top: 70px;
        z-index: 1001;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

    .divUsuarioLogueado {
        float: right;
        position: absolute;
        right: 45px;
        top: 100px;
        z-index: 1001;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

    .divUsuarioLogueado {
        float: right;
        position: absolute;
        right: 55px;
        top: 120px;
        z-index: 1001;
    }
}

@media (max-width: 768px) {

    .text-position {
        text-align: right;
    }

    #banner {
        padding-left: 0;
        padding-right: 0;
    }

    .boton-filtro {
        margin-top: 5px;
    }
}

.hiddentablerow {
    padding: 0px 0px !important;
}

.table-editable {
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-family: Lato-Bol_0;
    font-size: 12px;
}

    .table-editable > tbody > tr > td {
        padding: 1px 1px 1px 1px !important;
    }

table-editable > tbody > tr > td > input {
    padding: 0px 0px 2px 2px !important;
}

table-editable > tbody > tr > td > select {
    padding: 0px 0px 2px 2px !important;
}

h2.vistatitulo {
    color: #333333;
    border-bottom: 2px solid #333333;
    padding-bottom: 5px;
    font-size: 18px;
    /*margin: 20px 0 15px 0;*/
}


.table-condensed thead th,
.table-condensed > thead > th {
    padding: 10px;
    background-color: #655a5d;
    color: #fff;
    vertical-align: middle;
    line-height: 0;
}


.table-condensed thead.encabezadoClaro th,
.table-condensed > thead.encabezadoClaro > th {
    background-color: #655a5d;
}

.seguimientoEnProceso {
    background-color: rgba(0, 128, 0, 0.15) !important;
}

.seguimientoOtroEstado {
    background-color: rgba(0, 114, 255, 0.15) !important;
}

.bordeCeldaDivisoria {
    border-right: black solid 2px;
}

h4.encabezado {
    color: #333333;
}

h2.encabezadoLinea {
    /*color: #333333;
    border-bottom: 2px solid #333333;
    padding-bottom: 5px;
    margin: 2px 0 2px 0;*/
    color: #ffffff;
    border-bottom: 2px solid #655a5d;
    padding-bottom: 10px;
    margin: 3px 0 12px 0;
}

.form-control-filtro {
    display: block;
    width: 100%;
    padding-left: 5px !important;
    padding-right: 5px !important;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -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);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-combo-filtro {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: normal;
    color: #555555;
    height: 24px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -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);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.row-encabezado {
    padding-right: 10px;
}

.label-filtro {
    padding-top: 2px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: right;
}

.divDesplegableGrilla {
    padding-top: 10px;
    padding-bottom: 10px;
}

.divDesplegableGrillaMargen {
    padding: .5em .5em .5em 2.5em;
}

#divFiltroCollapse {
    border-bottom: 2px solid rgb(101, 90, 93);
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.inputDecimal0Negative,
.inputDecimal2Negative,
.inputDecimal3Negative,
.inputDecimal2NegativePorc,
.inputDecimal0,
.inputDecimal2,
.inputDecimal3,
.time,
.money,
.money1,
.money2,
.money3,
.money4 {
    text-align: right;
}

.align-right {
    text-align: right;
}

.align-center {
    text-align: center;
}

.align-left {
    text-align: left;
}

.mayusculas {
    text-transform: uppercase;
}

.row-filtro {
    padding-top: 10px;
}

#sidebar-wrapper {
    font-family: "Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

.tituloVista {
    color: #333333;
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    /*font-family: 'MarkPro-Bold';*/
    font-family: "Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-weight: 500;
    font-size: 18px;
}

.spanTituloLogin {
    /*color: #dceac0;*/
    color: #3c2e32;
    font-weight: 500;
    font-size: 20px;
    padding: 10px;
    /*background: #3c2e32;*/
    border-radius: 4px;
    /*border: 1px #5f5457 solid;*/
}


.spanTituloLogin2 {
    color: #3d3d3d;
    font-weight: 700;
    font-size: 25px;
    font-family: "Lato-Bol_0";
}

.spanTituloLogin3 {
    color: #3d3d3d;
    font-weight: 500;
    font-size: 20px;
    font-family: 'MarkPro';
}

.divColSacarPaddingRight {
    padding-right: 0px;
}

.divColSacarPaddingLeft {
    padding-left: 0px;
}

.divColSacarPadding {
    padding-right: 0px;
    padding-left: 0px;
}

.ch-item {
    width: 100%;
    height: 100%;
    /*border-radius: 50%;*/
    position: relative;
    cursor: default;
    box-shadow: inset 0 0 0 0 rgba(100,95,66, 0.4), inset 0 0 0 16px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.ch-info {
    position: absolute;
    width: 100%;
    height: 100%;
    /*border-radius: 50%;*/
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden; /*for a smooth font */
}

    .ch-info h3 {
        color: #3d3d3d;
        font-weight: 700;
        /*text-transform: uppercase;*/
        /*position: relative;*/
        /*letter-spacing: 2px;*/
        font-size: 22px;
        /*margin: 0 30px;*/
        padding: 70px 0 0 0;
        /*height: 110px;*/
        font-family: "Lato-Bol_0";
    }

.ch-item:hover {
    box-shadow: inset 0 0 0 110px rgba(100,95,66, 0.4), inset 0 0 0 16px rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.1);
    cursor: pointer;
}

    .ch-item:hover .ch-info {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

.ch-grid {
    margin: 0px 0 0 0;
    padding: 0;
    list-style: none;
    display: block;
    text-align: center;
    width: 100%;
}

    .ch-grid:after,
    .ch-item:before {
        content: '';
        display: table;
    }

    .ch-grid:after {
        clear: both;
    }

    .ch-grid li {
        display: inline-block;
        margin: 18px;
        vertical-align: middle;
    }

.negro, .negro a {
    color: #3d3d3d;
}

.linkEnGrilla {
    color: #333333;
    text-decoration: underline;
}

    .linkEnGrilla:hover {
        color: #333333;
        text-decoration: underline;
        cursor: pointer;
        font-weight: bold;
    }

    .linkEnGrilla:active {
        color: #555555;
        font-weight: bolder;
        text-decoration: underline;
    }

.linkEnGrillaHeader {
    color: #FFFFFF;
    text-decoration: underline;
}

    .linkEnGrillaHeader:hover {
        color: #333333;
        text-decoration: underline;
        cursor: pointer;
        font-weight: bold;
    }

    .linkEnGrillaHeader:active {
        color: #333333;
        font-weight: bolder;
        text-decoration: underline;
    }


.select2-container {
    width: 100% !important;
}

.select2-reset {
    float: right;
    padding-top: 3%;
}

    .select2-reset:hover {
        cursor: pointer;
    }

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

.panel {
    position: relative;
}

.buttonCon {
    display: none;
}

    .buttonCon.vis {
        display: block;
        cursor: pointer;
    }

.td-sin-bordes {
    border: none !important;
}

.th-sin-color {
    background-color: white !important;
}

/*********************************************
  PAGINA DE OPEN DE CONTRATOS
**********************************************/

.linkEnGrillaOpen {
    color: #333333;
    font-weight: bold;
}

    .linkEnGrillaOpen:hover {
        color: #949553;
        cursor: pointer;
    }

.linkEnGrillaOpenRojo {
    color: #ff5050;
    font-weight: bold;
}

    .linkEnGrillaOpenRojo:hover {
        color: #333333;
        cursor: pointer;
    }


.linkEnGrillaClickeado {
    font-weight: bolder;
    background-color: #3c2e32 !important;
}

    .linkEnGrillaClickeado > a {
        color: #FFFFFF;
    }

        .linkEnGrillaClickeado > a:hover {
            color: #fff;
            cursor: pointer;
        }

.linkEnGrillaClickeadoth {
    background-color: #3c2e32 !important;
}

.linkAFijar {
    color: #333333;
    font-weight: bold;
}

    .linkAFijar:hover {
        color: #949553;
        cursor: pointer;
    }

.divContenedorDetalle {
    margin-right: 10px;
    margin-left: 10px;
    border: solid 2px #949553;
}

    .divContenedorDetalle > table {
        margin-bottom: 0 !important;
    }

.panelTotalizador {
    background-color: #5f5457 !important;
}

    .panelTotalizador > h4.panel-title {
        color: #30b903 !important;
    }


/*EXPORTACION A EXCEL*/

.excelTEXT {
    mso-number-format: "\@";
}

/*IMPRESION*/

@media print {
    .ocultarEnPrint {
        display: none !important;
    }

    .mostrarEnPrint {
        display: block !important;
    }
}

.tdCeleste {
    background-color: #9AD7E8 !important; /*celeste*/
}

.tdNaranja {
    background-color: #f0ad4e !important; /*naranja*/
}

.tdRojo {
    background-color: #d9534f !important; /*rojo*/
}

.tdWarning {
    background-color: #ffffc1 !important;
}

.tdAlta {
    background-color: #50B6F9 !important;
}

.tdAceptado {
    background-color: #50F950 !important;
}

.tdAceptadoOscuro {
    background-color: #3db33d !important;
}

.tdAceptadoClaro {
    background-color: #affeaf !important;
}


.tdRechazado {
    background-color: #F96E50 !important;
}

.tdRenegociar {
    background-color: #F9B450 !important;
}

.tdPendienteTrading {
    background-color: violet !important;
}

.tdEnProcesoTrading {
    background-color: violet !important;
}

.tdDanger {
    background-color: #ff8181 !important;
}

.tdGray {
    background-color: gray !important;
}

.rowNoScroll {
    overflow-y: hidden !important;
}

.tbodyFixedModal {
    display: block;
    height: 300px;
    overflow-y: scroll;
}

    .theadFixedModal, .tbodyFixedModal tr {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

.theadFixedModal {
    width: 100%;
}

    .theadFixedModal th:last-child {
        width: 17px !important;
    }

/*CSS para Inbox defs Mensajes*/
.table-inbox {
    border: 1px solid #d3d3d3;
    margin-bottom: 0;
}

    .table-inbox tr td {
        padding: 12px !important;
    }

        .table-inbox tr td:hover {
            cursor: pointer;
        }

        .table-inbox tr td .fa-star.inbox-started, .table-inbox tr td .fa-star:hover {
            color: #f78a09;
        }

        .table-inbox tr td .fa-star {
            color: #d5d5d5;
        }

    .table-inbox tr.unread td {
        background: none repeat scroll 0 0 #f7f7f7;
        font-weight: 600;
    }

.AbrirPopupMensajes {
    z-index: 3000;
    object-fit: contain;
    position: fixed !important;
    top: 0px !important;
    right: 0px !important;
    bottom: 0px !important;
    left: 0px !important;
    box-sizing: border-box !important;
    min-width: 0px !important;
    max-width: none !important;
    min-height: 0px !important;
    max-height: none !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
    margin: 0px !important;
}

.frameAbrirPopupMensajes {
    height: 100% !important;
    width: 100%;
}

.badge-notify {
    background-color: red !important;
    position: relative;
    top: -15px;
    left: -18px;
}

.PintarFila {
    background-color: #b8d1f3;
}

#divToolbarMensajes a {
    font-size: 10px;
    text-align: right;
    color: #ffffff;
    padding: 3px;
}

.txtSistema {
    color: #ffffff;
    font-weight: bold;
    font-size: 13px;
    padding-left: 10px;
}


@media only screen and (max-width : 768px) {
    .mensajesPrincipalModal {
        display: block;
        height: 1px;
    }

    #divToolbarMensajes a {
        font-size: 8px;
        text-align: right;
    }

    #divToolbarMensajes {
        text-align: right;
        padding-top: 4px;
    }

        #divToolbarMensajes a {
            color: #FFFFFF;
            font-size: 10px;
            padding: 5px;
        }

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


#divToolbarMensajes .badge-notify {
    background-color: red !important;
    position: relative;
    top: -5px;
    left: 0px;
}

@media only screen and (min-width : 768px) {

    .text-position {
        text-align: center;
    }

    .mensajesPrincipalModal {
        display: block;
        /*position: absolute;*/
        margin-left: -130px;
        top: -10px;
        height: 31px;
    }

    .mensajesPrincipalModalAbrir {
        display: block;
        position: absolute;
        margin-left: -130px;
        top: -10px;
    }

    .textUserHeader {
        font-size: 12px !important;
    }
}

@media only screen and (min-width : 992px) {

    .mensajesPrincipalModal {
        display: block;
        /*position: absolute;*/
        margin-left: -130px;
        top: -10px;
        height: 31px;
    }

    .mensajesPrincipalModalAbrir {
        display: block;
        position: absolute;
        margin-left: -130px;
        top: -10px;
    }
}

@media only screen and (min-width : 1200px) {

    .mensajesPrincipalModal {
        display: block;
        /*position: absolute;*/
        margin-left: -8em;
        top: -10px;
        height: 31px;
    }

    .mensajesPrincipalModalAbrir {
        display: block;
        position: absolute;
        margin-left: -6em;
        top: -10px;
    }
}

/*LOADING*/
.loading, .loading > td, .loading > th, .nav li.loading.active > a, .pagination li.loading, .pagination > li.active.loading > a, .pager > li.loading > a {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
    background-size: 40px 40px;
    animation: 0.5s linear 0s normal none infinite progress-bar-stripes;
    -webkit-animation: progress-bar-stripes 0.5s linear infinite;
    z-index: 99999;
}

.btn.btn-default.loading, input[type="text"].loading, select.loading, textarea.loading, .well.loading, .list-group-item.loading, .pagination > li.active.loading > a, .pager > li.loading > a {
    background-image: linear-gradient(45deg, rgba(235, 235, 235, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(235, 235, 235, 0.15) 50%, rgba(235, 235, 235, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
    z-index: 99999;
}

@media screen and (max-width: 768px) {
    .buttonsHeader {
        position: absolute;
        top: 15px;
        left: -199px;
    }

    .userHeader {
        top: 29px;
        right: 49px;
    }

    .textUserHeader {
        font-size: 11px !important;
    }

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

    .divUsuarioLogueado {
        position: absolute;
    }
}

.hiddenShadow {
    -webkit-box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075) !important;
    box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.07) !important;
}

@media print {
    div.saltopagina {
        display: block;
        page-break-before: always;
    }
}


.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #eeeeee !important;
    color: #5f5457 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #655a5d !important;
    color: white !important;
    border: 1px solid black !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background: #5f5457 !important;
    color: white !important;
    border: 1px solid #000000 !important;
}

.dataTables_paginate {
    /*border: 1px solid #dddddd !important;*/
    font-size: 10px !important;
    width: 100% !important;
    text-align: center !important;
}

.dataTables_wrapper .dataTables_paginate {
    margin-top: 20px !important;
    padding-top: 0px !important;
}

.dataTables_filter input[type="search"] {
    border-radius: 20px !important;
    height: 34px !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
    border: 1px solid #cccccc !important;
    border-radius: 4px !important;
    width: 280px !important;
}

div.dataTables_length select {
    border-radius: 20px !important;
    height: 34px !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
    border: 1px solid #cccccc !important;
    border-radius: 4px !important;
}

table.dataTable {
    border-collapse: collapse !important;
}

    table.dataTable tbody th, table.dataTable tbody td {
        padding: 5px !important;
    }

    table.dataTable thead th, table.dataTable thead td {
        padding: 5px 18px !important;
        border-bottom: 1px solid #111 !important;
    }

div.DTFC_LeftBodyLiner table.DTFC_Cloned thead tr th {
    padding: 0px 5px 0px 18px !important;
}

.dataTables_info {
    font-size: 11px !important;
}


.dataTables_length .select-box {
    display: inline-block;
    min-width: 40px;
    background: transparent;
    position: relative;
    margin-left: 10px;
}


    .dataTables_length .select-box select {
        cursor: pointer;
        outline: none;
        width: 100%;
        z-index: 3;
        display: block;
        position: relative;
        background: transparent;
        border: 0px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-size: 13px;
    }

    .dataTables_length .select-box:before {
        content: '';
        z-index: 2;
        width: 0px;
        height: 0px;
        position: absolute;
        right: 5px;
        top: 10px;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #fff;
    }

    .dataTables_length .select-box:after {
        position: absolute;
        top: 0px;
        right: 0px;
        content: '';
        z-index: 1;
        width: 20px;
        height: 100%;
        /*background: #445268;*/
    }

.dataTables_paginate {
    position: absolute !important;
}

.ms-options-wrap {
    display: inline-block;
}

.table-responsive ::-webkit-scrollbar {
    width: 12px !important;
    height: 8px !important;
    background-color: transparent !important;
}

.table-responsive ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 10px #5f5457 !important;
    border-radius: 10px !important;
}

.table-responsive ::-webkit-scrollbar-thumb {
    border-radius: 10px !important;
    background: #655a5d !important;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5) !important;
}

td.details-control {
    background: url('../Content/DataTables/images/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('../Content/DataTables/images/details_close.png') no-repeat center center;
}


/* POSICION DIARIA */

.divPosicionDiaria {
    font-size: 12px !important;
}

    .divPosicionDiaria div#tabBan .dataTables_scrollBody thead tr[role="row"] {
        visibility: collapse !important;
    }

    .divPosicionDiaria div#tabBan table.dataTable thead th, table.dataTable thead td {
        border-bottom: 0px !important;
    }

    .divPosicionDiaria div#tabBan tfoot th {
        text-align: right;
    }

    .divPosicionDiaria div#tabBan table.dataTable tfoot th, table.dataTable tfoot td {
        padding: 10px 18px 6px 18px;
        border-top: 1px solid #f9f9f9;
    }

    .divPosicionDiaria div#tabBan table.dataTable.no-footer {
        border-bottom: 0px solid #111;
    }

    .divPosicionDiaria div#tabBan .dataTables_wrapper.no-footer .dataTables_scrollBody {
        border-bottom: 0px solid #111;
    }

    .divPosicionDiaria #GestionCtaBancariaCheque {
        position: relative;
    }

    .divPosicionDiaria .modal-dialog-float {
        position: fixed;
        margin: 0;
        padding: 10px;
    }

    .divPosicionDiaria .tab-content ::-webkit-scrollbar {
        width: 8px !important;
        height: 8px !important;
        background-color: transparent !important;
    }

    .divPosicionDiaria .tab-content ::-webkit-scrollbar-thumb {
        border-radius: 10px !important;
        background: #5f5457 !important;
        box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5) !important;
    }

    .divPosicionDiaria .tab-content ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 10px #5f5457 !important;
        border-radius: 10px !important;
    }

    .divPosicionDiaria .tab-content input[type="text"] {
        width: 100%;
    }

    .divPosicionDiaria .tab-content .hoverTD {
        background: #78bb67;
    }

@media (min-width: 600px) {
    .divPosicionDiaria .tblSvc div:not(.popover):not(.popover-content) {
        height: 450px;
    }

    .divPosicionDiaria .tblMat div:not(.popover):not(.popover-content) {
        height: 450px;
    }
}

.divPosicionDiaria .tblSvc div:not(.popover):not(.popover-content) {
    overflow-x: auto;
    width: 100%;
}

.divPosicionDiaria .tblMat div:not(.popover):not(.popover-content) {
    overflow-x: auto;
    width: 100%;
}

.divPosicionDiaria .tblChq div:not(.popover):not(.popover-content) {
    overflow-x: auto;
    width: 100%;
}

.divPosicionDiaria .tblChqMat div:not(.popover):not(.popover-content) {
    overflow-x: auto;
    width: 100%;
}

.divPosicionDiaria .tab-content td, th {
    width: 100px;
}

.divPosicionDiaria .tab-content table#tblSVC, .tab-content table#tblMAT, .tab-content table#tblChq, .tab-content table#tblChqMat {
    table-layout: fixed;
    width: 100%;
}

@media (min-width: 600px) {

    /*.divPosicionDiaria .tab-content td:first-child, .tab-content th:first-child {
        position: sticky;
        left: 0;
        z-index: 1;
    }*/

    .divPosicionDiaria table tr:not(.danger) td:first-child {
        background: #ffffff;
    }

    .divPosicionDiaria .tab-content th:first-child {
        position: sticky;
        left: 0;
        z-index: 1;
        background: #5f5457;
    }

    .divPosicionDiaria .tab-content thead tr th {
        position: sticky;
        top: 0;
    }

    .divPosicionDiaria .tab-content th:first-child, th:last-child {
        z-index: 2;
    }
}
/********* PARA DATATABLE RESPONSIVE **********/
.dataTables_scrollBody thead tr[role="row"] {
    visibility: collapse !important;
}

table.dt.dataTable thead th, table.dataTable thead td {
    border-bottom: 0px !important;
}

table.dt tfoot th {
    text-align: right;
}

table.dt.dataTable tfoot th, table.dataTable tfoot td {
    padding: 10px 18px 6px 18px;
    border-top: 1px solid #f9f9f9;
}

table.dt.dataTable.no-footer {
    border-bottom: 0px solid #111;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 0px solid #111;
}

.dataTables_scroll ::-webkit-scrollbar {
    width: 12px !important;
    height: 8px !important;
    background-color: transparent !important;
}

.dataTables_scroll ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 10px #655a5d !important;
    border-radius: 10px !important;
}

.dataTables_scroll ::-webkit-scrollbar-thumb {
    border-radius: 10px !important;
    background: #655a5d !important;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5) !important;
}

table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid #ddd !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 0px solid #111 !important;
}

/*
 * Page: Login & Register
 * ----------------------
 */
.login-logo,
.register-logo {
    font-size: 35px;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 300;
}

    .login-logo a,
    .register-logo a {
        color: #444;
    }

.login-page,
.register-page {
    background: #d2d6de;
}

.login-box,
.register-box {
    width: 320px;
    margin: 5% auto;
    background-color: white;
    padding: 3rem;
    border-radius: 16px;
}

@media (max-width: 768px) {
    .login-box,
    .register-box {
        width: 90%;
        margin-top: 14rem;
    }
}

.login-box-body,
.register-box-body {
    border: none;
    /* border-radius: 13px; */
    /* padding: 20px; */
    padding-right: 10px;
    padding-left: 10px;
    /* border-top: 0; */
    color: #3c2e32;
}

    .login-box-body .form-control-feedback,
    .register-box-body .form-control-feedback {
        color: #777;
    }

.login-box-msg,
.register-box-msg {
    margin: 0;
    text-align: center;
    padding: 0 20px 20px 20px;
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px;
}

.login-box-body .form-control-feedback, .register-box-body .form-control-feedback {
    color: #777;
}

table {
    background: white;
}

#topbar {
    background: #3c2e32;
    padding-top: 2px;
    font-size: 14px;
    /* border-bottom: 2px solid #82bb27; */
    height: 51px;
}

.topbar {
    background: #3c2e32;
    /*border-bottom: 1px solid #C9C097;*/
}

.fullwidth {
    max-width: 100% !important;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    font-size: 12px;
}

@media (min-width: 1200px) {
    #ContenedorLayout.container {
        max-width: 100% !important
    }
}

@media (max-width: 1200px) {
    #topbar {
        background: #3d3d3d;
        padding-top: 2px;
        font-size: 14px;
        border-bottom: 2px solid #C9C097;
        height: 65px;
    }
}

.dropdown-menu > li {
    position: relative;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
    cursor: pointer;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    display: none;
    margin-top: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-color: #5f5457;
    box-shadow: none;
}

.right-caret:after, .left-caret:after {
    content: "";
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    display: inline-block;
    height: 0;
    vertical-align: middle;
    width: 0;
    margin-left: 5px;
}

.right-caret:after {
    border-left: 5px solid #333333;
}

.left-caret:after {
    border-right: 5px solid #333333;
}

.radio-como-botones .btn-primary:active, .btn-primary.active {
    background-color: #5f5457 !important;
}


/* BOOSTRAP NOTIFY */
.alert-minimalist {
    background-color: #82bb27; /*rgb(241, 242, 240);*/
    border-color: rgba(149, 149, 149, 0.3);
    border-radius: 3px;
    color: navajowhite; /*rgb(149, 149, 149);*/
    padding: 10px;
}

    .alert-minimalist > [data-notify="icon"] {
        height: 50px;
        margin-right: 12px;
    }

    .alert-minimalist > [data-notify="title"] {
        color: rgb(51, 51, 51);
        display: block;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .alert-minimalist > [data-notify="message"] {
        color: rgb(251, 251, 251);
        font-size: 100%;
    }


.text-nowrap {
    white-space: nowrap !important
}




/* Hero Unit ----------------------*/


.hero-unit h1,
.hero-unit h2,
.hero-unit h3,
.hero-unit h4,
.hero-unit h5,
.hero-unit h6 {
    margin-top: -0.5rem;
    margin-bottom: 0;
    color: white;
}

.hero-unit h1 {
    font-weight: bold;
}

.hero-unit hgroup {
    margin: 3rem 0;
}

.hero-unit .card-icon { /* front of card */
    display: block;
    /* margin: 0.5rem auto 0; */
    margin-bottom: 19px;
    margin-top: 0px;
    font-size: 51px;
    color: #ffffff;
    /* text-align: center; */
}

.hero-unit .icon { /* front of card */
    display: block;
    /* margin: 0.5rem auto 0; */
    margin-bottom: 19px;
    margin-top: 0px;
    font-size: 51px;
    color: #ffffff;
    /* text-align: center; */
}

.hero-unit .clients {
    margin: 2rem auto;
}

    .hero-unit .clients a {
        color: white;
    }

.clients .fa-stack-2x {
    color: gray;
}

.clients:hover .fa-stack-2x {
    color: #333333;
}

/* Card design - front */
.button.large {
    margin: 0;
    padding: 3.25rem;
}

    .button.large a {
        color: #ffffff;
        font-size: 17px;
        /* box-shadow: 3px 2px white; */
        font-weight: 100;
        margin-top: 2rem;
        font-weight: bold;
        font-family: 'MarkPro-Bold';
    }

/* Card design - back */
.hero-unit .panel i {
    font-size: 2rem;
    display: block;
    float: left;
    width: 20%;
    opacity: 0.5;
}

.hero-unit .panel a,
.hero-unit .panel p,
.hero-unit .panel small {
    width: 80%;
    float: right;
}

.hero-unit .panel a {
    margin-bottom: 0.5rem;
}

    .hero-unit .panel a:hover {
        text-decoration: none;
    }

.hero-unit .panel small {
    margin-top: -0.5rem;
    font-style: italic;
}

.hero-unit .flip-cards {
    float: left;
    width: 100%;
    height: 100%;
    padding-left: 2%;
}

    .hero-unit .flip-cards li {
        float: left;
        width: 15%;
        margin-right: 20px;
        margin-bottom: 10px;
        height: 145px;
        position: relative;
        padding: 0;
        text-align: center;
    }

        .hero-unit .flip-cards li:hover {
            cursor: pointer;
        }

.flip-cards li:hover .card-front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transform: perspective(1000) rotateY(180deg);
    -moz-transform: perspective(1000) rotateY(180deg);
    -ms-transform: perspective(1000) rotateY(180deg);
    -o-transform: perspective(1000) rotateY(180deg);
    transform: perspective(1000) rotateY(180deg);
}

.flip-cards li:hover .card-back {
    z-index: 950;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform: perspective(1000) rotateY(0deg);
    -moz-transform: perspective(1000) rotateY(0deg);
    -ms-transform: perspective(1000) rotateY(0deg);
    -o-transform: perspective(1000) rotateY(0deg);
    transform: perspective(1000) rotateY(0deg);
}

.flip-cards .card-front,
.flip-cards .card-back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.6s;
    -moz-transition: -moz-transform 0.6s;
    -o-transition: -o-transform 0.6s;
    transition: transform 0.6s;
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
}

.flip-cards .card-front {
    -webkit-transform: perspective(1000) rotateY(0);
    -moz-transform: perspective(1000) rotateY(0);
    -ms-transform: perspective(1000) rotateY(0);
    -o-transform: perspective(1000) rotateY(0);
    transform: perspective(1000) rotateY(0);
    z-index: 900;
}

.flip-cards .card-back {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    z-index: 800;
}

/* Button Card Colors */
.flip-cards .panel {
    border: none;
}

    .flip-cards .panel i,
    .flip-cards .panel p,
    .flip-cards .panel a,
    .flip-cards .panel small {
        color: white;
    }

/* First button color */

.flip-cards .button {
    background-color: rgb(60 46 50);
    border: 2px solid #5f5457;
}

.flip-cards .panel {
    background-color: rgb(140 186 55 / 82%);
    border: 2px solid #3c2e32;
}

/*.flip-cards li:first-child > .button {
        background-color: rgba(40, 57, 77, 0.8);
    }

    .flip-cards li:first-child > .panel {
        background-color: rgba(40, 57, 77, 1);
    }*/

/* Second button color */
/*.flip-cards li:nth-child(2) > .button {
        background-color: rgba(109, 193, 202, 0.8);
    }

    .flip-cards li:nth-child(2) > .panel {
        background-color: rgba(109, 193, 202, 1);
    }*/

/* Third button color */
/*.flip-cards li:nth-child(3) > .button {
        background-color: rgba(211, 81, 45, 0.8);
    }

    .flip-cards li:nth-child(3) > .panel {
        background-color: rgba(211, 81, 45, 1);
    }*/

/* Fourth button color */
/*.flip-cards li:nth-child(4) > .button {
        background-color: rgba(235, 167, 36, 0.8);
    }

    .flip-cards li:nth-child(4) > .panel {
        background-color: rgba(235, 167, 36, 1);
    }*/

/* Fifth button color */
/*.flip-cards li:nth-child(5) > .button {
        background-color: rgba(75, 135, 150, 0.8);
    }

    .flip-cards li:nth-child(5) > .panel {
        background-color: rgba(75, 135, 150, 1);
    }*/

/* Sixth (last) button color */
/*.flip-cards li:last-child > .button {
        background-color: rgba(100, 66, 87, 0.8);
    }

    .flip-cards li:last-child > .panel {
        background-color: rgba(100, 66, 87, 1);
        color: white;
    }*/

/*
 * RESPONSIVENESS -------------------------------------------------
 */
@media only screen and ( max-width: 40em ) {
    .hero-unit {
        height: 800px;
    }

    .flip-cards li {
        width: 50%;
        /*height: 160px;*/
    }
}

@media only screen and ( max-width: 30em ) {
    .hero-unit h1 {
        font-size: 1.75rem;
    }

    .hero-unit h3 {
        font-size: 1.125rem;
    }
}

@media only screen and ( max-width: 25em ) {
    .hero-unit {
        height: 920px;
    }

        .hero-unit hgroup {
            margin: 2rem 0;
        }

        .hero-unit h1 {
            font-size: 1.35rem;
            padding-bottom: 0.25rem;
        }

        .hero-unit h3 {
            font-size: 0.85rem;
        }

        .hero-unit .card-icon {
            font-size: 1.35rem;
        }

        .hero-unit .card-back .card-icon {
            font-size: 2rem;
            margin: 0;
            padding: 5px 0 20px 5px;
        }

    .flip-cards li {
        width: 100%;
        font-size: 1.35rem;
        height: 120px;
    }

    .flip-cards .panel p {
        display: none;
    }

    .flip-cards .panel small {
        margin: 0;
    }

    .button.large {
        padding: 2rem;
    }

        .button.large a {
            font-size: 1.35rem;
        }
}


.hub-info {
    margin: 0;
    position: absolute;
    top: 42%;
    left: 23%;
    font-size: 20px;
}


.transbox .panel {
    background: transparent !important;
}

.aUserName {
    color: #ffffff;
    font-weight: bold;
}

.navbar-inverse {
    background-color: #3c2e32 !important;
    border-color: #82bb27;
}

    .navbar-inverse .navbar-nav > li > a {
        color: #ffffff !important;
    }

    .navbar-inverse .navbar-nav > li > a {
        font-weight: normal !important;
    }


.btn-default.btn-on.active {
    background: transparent !important;
    border: none !important;
    color: #acff12 !important;
}

.btn-default.btn-on:not(.active) {
    background-color: transparent;
    color: white;
    border: none;
}


.btn-default.btn-off.active {
    background: transparent !important;
    border: none !important;
    color: #acff12 !important;
}


/***** ICONOS SVG *******/

@font-face {
    font-family: 'icomoon';
    src: url('icon_svg/icomoon.eot?uu5ggj');
    src: url('icon_svg/icomoon.eot?uu5ggj#iefix') format('embedded-opentype'), url('icon_svg/icomoon.ttf?uu5ggj') format('truetype'), url('icon_svg/icomoon.woff?uu5ggj') format('woff'), url('icon_svg/icomoon.svg?uu5ggj#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-agencias-2:before {
    content: "\e913";
}

.icon-Trading:before {
    content: "\e900";
}

.icon-RRHH:before {
    content: "\e901";
}

.icon-Proveedores:before {
    content: "\e902";
}

.icon-OTC:before {
    content: "\e903";
}

.icon-Negocios:before {
    content: "\e904";
}

.icon-Interno:before {
    content: "\e905";
}

.icon-Insumos:before {
    content: "\e906";
}

.icon-instructivo:before {
    content: "\e907";
}

.icon-Granos:before {
    content: "\e908";
}

.icon-Futuro-Opciones:before {
    content: "\e909";
}

.icon-fianzas:before {
    content: "\e90a";
}

.icon-Cupo-20:before {
    content: "\e90b";
}

.icon-Creditos:before {
    content: "\e90c";
}

.icon-Configuracion:before {
    content: "\e90d";
}

.icon-Compliance:before {
    content: "\e90e";
}

.icon-Clientes:before {
    content: "\e90f";
}

.icon-PowerBI:before {
    content: "\e900";
}

.icon-agencias:before {
    content: "\e910";
}

.icon-Acopio:before {
    content: "\e911";
}

.icon-informes-2:before {
    content: "\e912";
}

.icon-soja:before {
    content: "\e914";
    /*soja img antes*/ /*background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='40,8pt' margin-bottom='19px' height='50pt' viewBox='2 0 598 378' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,165.000000) scale(0.100000,-0.100000)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M171 1586 c-41 -15 -71 -50 -71 -82 0 -29 15 -31 29 -5 12 21 79 51%0A114 51 43 -1 75 -45 98 -136 7 -27 29 -80 50 -119 20 -38 47 -95 60 -125 42%0A-100 86 -164 188 -272 80 -84 122 -119 203 -168 57 -35 123 -80 148 -100 105%0A-87 283 -185 480 -266 52 -21 139 -63 193 -92 130 -72 226 -105 404 -142 81%0A-17 173 -38 203 -47 60 -19 259 -24 342 -10 56 10 114 52 210 152 l67 71 -30%0A59 c-61 122 -160 190 -345 235 -66 16 -146 33 -180 39 -77 12 -285 76 -344%0A106 -25 13 -97 36 -161 53 -76 20 -146 46 -200 76 -46 24 -130 63 -187 85%0A-119 48 -230 102 -287 141 -22 15 -57 35 -78 44 -21 8 -79 40 -130 69 -60 36%0A-125 64 -187 82 -163 46 -245 82 -289 127 -23 22 -41 45 -41 50 0 15 -92 109%0A-122 124 -32 17 -91 17 -137 0z m747 -721 c45 -26 82 -52 82 -58 0 -16 -94 0%0A-142 24 -65 33 -108 70 -177 154 l-64 76 109 -74 c60 -41 146 -96 192 -122z%0Am568 -260 c30 -20 28 -45 -6 -63 -40 -21 -163 -8 -216 23 -57 33 -154 151%0A-154 186 0 13 34 2 176 -56 96 -41 186 -81 200 -90z m328 -151 c39 -14 117%0A-33 171 -42 88 -15 100 -20 103 -38 4 -28 -33 -57 -104 -84 -94 -35 -152 -25%0A-217 38 -45 43 -67 81 -67 115 0 45 14 47 114 11z m609 -149 c43 -8 103 -15%0A133 -15 60 0 69 -13 32 -47 -63 -57 -141 -68 -198 -29 -40 27 -65 67 -57 90 4%0A9 8 16 9 16 2 0 38 -7 81 -15z'/%3E%3C/g%3E%3C/svg%3E%0A");*/
    background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='443.000000pt' height='377.000000pt' viewBox='85 200 3400 2600' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,377.000000) scale(0.100000,-0.100000)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M1816 3267 c-57 -75 -107 -244 -93 -316 4 -22 -1 -30 -31 -49 -65%0A-40 -172 -202 -212 -317 -28 -80 -26 -156 6 -230 56 -132 58 -142 47 -229 -14%0A-105 -4 -165 46 -275 45 -96 49 -130 29 -237 -15 -85 -1 -161 49 -262 35 -72%0A38 -82 35 -152 -10 -223 -9 -241 23 -300 39 -72 167 -198 291 -286 97 -69 100%0A-73 169 -189 39 -66 80 -122 92 -128 17 -8 37 -1 99 32 193 104 333 223 384%0A323 29 59 30 67 30 188 0 123 1 130 30 181 93 168 95 174 93 299 -2 126 6 164%0A49 227 47 70 70 133 75 215 7 88 -9 128 -51 128 -35 0 -43 -17 -48 -106 -4%0A-68 -10 -89 -38 -140 -88 -156 -85 -147 -86 -291 -1 -144 2 -135 -85 -288 -33%0A-59 -34 -63 -39 -205 -6 -165 -12 -182 -97 -262 -52 -48 -174 -133 -240 -166%0Al-41 -22 -50 83 c-41 67 -48 85 -39 98 7 9 38 52 69 95 116 160 173 296 166%0A400 l-4 63 26 -7 c99 -28 198 35 215 139 14 81 -56 169 -146 184 -51 9 -125%0A-26 -156 -74 l-23 -34 0 33 c0 18 5 62 11 97 15 84 0 163 -46 254 l-35 69 70%0A83 c87 102 104 147 106 282 1 140 19 175 135 267 89 71 160 108 209 108 37 0%0A48 -6 80 -39 64 -67 127 -213 145 -334 9 -59 67 -70 95 -17 34 64 -96 367%0A-194 451 l-30 26 27 55 c24 48 78 106 170 183 22 20 22 40 -3 65 -28 28 -41%0A26 -108 -25 -71 -53 -105 -95 -153 -190 -34 -67 -38 -70 -79 -77 -57 -10 -196%0A-97 -276 -174 -92 -89 -113 -139 -116 -285 -3 -104 -6 -118 -31 -161 -15 -27%0A-31 -48 -35 -48 -4 0 -5 21 -3 47 4 61 -14 140 -50 217 -28 59 -29 65 -26 201%0A2 137 1 141 -27 195 -50 96 -251 272 -329 287 -15 3 -32 14 -38 25 -19 36 12%0A168 57 240 26 41 31 77 12 96 -22 22 -56 13 -82 -21z m46 -445 c46 -24 175%0A-131 209 -174 52 -67 54 -75 54 -228 0 -145 0 -145 35 -220 33 -70 35 -80 31%0A-160 -9 -231 -9 -227 39 -330 41 -89 44 -100 41 -165 -11 -225 -9 -243 38%0A-344 40 -85 43 -99 38 -150 -2 -31 -16 -82 -31 -114 -28 -63 -117 -203 -162%0A-255 l-29 -33 -79 60 c-109 82 -221 195 -247 249 -19 39 -21 52 -13 115 4 40%0A8 106 8 147 0 68 -4 84 -44 170 -43 90 -45 99 -41 170 11 224 9 237 -39 335%0A-42 86 -44 94 -41 165 8 183 6 201 -32 287 -52 113 -50 155 8 269 55 109 105%0A178 148 204 40 25 63 25 109 2z m699 -1470 c45 -38 16 -122 -43 -122 -25 0%0A-68 44 -68 70 0 26 43 70 68 70 11 0 30 -8 43 -18z'/%3E%3Cpath d='M1784 2689 c-42 -12 -101 -79 -110 -123 -23 -123 88 -228 207 -196%0A109 30 158 168 92 259 -23 32 -98 71 -133 70 -14 0 -39 -5 -56 -10z m79 -100%0Ac29 -16 37 -28 37 -61 0 -31 -34 -68 -62 -68 -25 0 -68 44 -68 70 0 22 41 70%0A60 70 6 0 21 -5 33 -11z'/%3E%3Cpath d='M1850 2199 c-166 -69 -115 -319 64 -319 58 0 97 19 132 65 55 72 38%0A183 -37 236 -36 26 -119 35 -159 18z m110 -109 c40 -40 14 -110 -42 -110 -42%0A0 -68 25 -68 66 0 57 69 85 110 44z'/%3E%3Cpath d='M1924 1701 c-113 -51 -135 -192 -44 -275 93 -84 237 -40 270 84 13%0A48 1 104 -32 145 -24 31 -91 65 -128 65 -14 0 -43 -9 -66 -19z m91 -91 c52%0A-20 52 -98 0 -122 -53 -24 -111 34 -87 87 10 21 26 33 59 44 1 1 13 -3 28 -9z'/%3E%3Cpath d='M1985 1166 c-103 -62 -108 -205 -11 -278 25 -19 44 -23 96 -23 79 0%0A122 26 151 89 25 54 24 92 -3 146 -43 85 -150 116 -233 66z m134 -102 c12 -15%0A21 -32 21 -39 0 -7 -9 -24 -21 -39 -38 -48 -111 -23 -111 39 0 62 73 87 111%0A39z'/%3E%3Cpath d='M2705 2409 c-44 -12 -92 -67 -106 -120 -44 -167 184 -278 290 -143%0A51 64 47 154 -9 217 -42 49 -108 66 -175 46z m86 -100 c41 -21 44 -86 5 -111%0A-24 -16 -75 -8 -90 14 -22 32 -20 55 9 83 26 27 46 31 76 14z'/%3E%3Cpath d='M2574 1926 c-108 -47 -133 -187 -49 -271 75 -74 213 -54 262 38 25%0A47 22 125 -5 169 -41 66 -136 95 -208 64z m115 -112 c12 -15 21 -32 21 -39 0%0A-27 -41 -65 -70 -65 -29 0 -70 38 -70 65 0 27 41 65 70 65 19 0 36 -9 49 -26z'/%3E%3C/g%3E%3C/svg%3E%0A");
    filter: invert();
}

.icon-haba-de-soja:before {
    content: "\e914";
}

.icon-Contabilidad:before {
    content: "\e915";
}

.icon-shopping-cart:before {
    content: "\e910";
}

.icon-gestion-equipo:before {
    content: "\e916";
}

.icon-calculadora1:before {
    content: "\e917";
}

.icon-calculadora:before {
    content: "\f1ec";
}

.modal-header[style*="background-color:#c6bd94;"] {
    background-color: #3c2e32 !important;
}

.nav a {
    color: #3c2e32 !important;
}

.panel-default > .panel-heading {
    background-color: #3c2e32 !important;
}

.ui-widget {
    font-family: MarkPro !important;
    text-decoration: none !important;
}

.ui-widget-content a {
    text-decoration: none !important;
}

.titIni {
    color: white !important;
    background: #3e2a2f;
}

td[style*="background-color: #c6bd94;"] {
    background-color: #655a5d !important;
    color: white;
}

td[style*="background-color:#c6bd94;"] {
    background-color: #655a5d !important;
    color: white;
}

td[style*="background-color: #c6bd94"] {
    background-color: #655a5d !important;
    color: white;
}

th[style*="background-color: #c6bd94;"] {
    background-color: #655a5d !important;
    color: white;
}

th[style*="background-color:#c6bd94;"] {
    background-color: #655a5d !important;
    color: white;
}

th[style*="background-color: #c6bd94"] {
    background-color: #655a5d !important;
    color: white;
}


td[style*="background: #c6bd94;"] {
    background-color: #655a5d !important;
    color: white;
}

td[style*="background:#c6bd94;"] {
    background-color: #655a5d !important;
    color: white;
}

td[style*="background: #c6bd94"] {
    background-color: #655a5d !important;
    color: white;
}


tr[style*="background: #c6bd94;"] {
    background-color: #655a5d !important;
    color: white;
}

tr[style*="background:#c6bd94;"] {
    background-color: #655a5d !important;
    color: white;
}

tr[style*="background: #c6bd94"] {
    background-color: #655a5d !important;
    color: white;
}

td[style*="background-color: rgb(198, 189, 148);"] {
    background-color: #655a5d !important;
    color: white;
}

td[style*="background-color: #949553;"] {
    background-color: #516f18 !important;
}

@media (max-width: 600px) {
    .hero-unit .flip-cards li {
        float: left;
        width: 44%;
        margin-right: 20px;
        margin-bottom: 10px;
        height: 145px;
        position: relative;
        padding: 0;
        text-align: center;
    }
}

.font-weight-bold {
    font-weight: bold;
}

.padding-badge {
    padding: 0.4em !important;
}

.badge:hover {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.badge-error {
    background-color: #b94a48;
}

    .badge-error:hover {
        background-color: #953b39;
    }

.badge-warning {
    background-color: #f89406;
}

    .badge-warning:hover {
        background-color: #c67605;
    }

.badge-success {
    background-color: #5cc45e;
}

    .badge-success:hover {
        background-color: #356635;
    }

.badge-info {
    background-color: #3a87ad;
}

    .badge-info:hover {
        background-color: #2d6987;
    }

.badge-inverse {
    background-color: #333333;
}

    .badge-inverse:hover {
        background-color: #1a1a1a;
    }

.badge-estado-orden {
    background-color: #50B6F9;
}

    .badge-estado-orden:hover {
        background-color: #50B6F9;
    }

.badge-estado-anotado {
    background-color: #50F950;
}

    .badge-estado-anotado:hover {
        background-color: #50F950;
    }

.badge-estado-rechazada {
    background-color: #F96E50;
}

    .badge-estado-rechazada:hover {
        background-color: #F96E50;
    }

.badge-estado-en-credito {
    background-color: #ebc516;
}

    .badge-estado-en-credito:hover {
        background-color: #ebc516;
    }

.badge-estado-aprobado {
    background-color: #f89406;
}

    .badge-estado-aprobado:hover {
        background-color: #c67605;
    }

.badge-estado-PEND_APROB_RESP_INS {
    background-color: #c62825; /* rojo */
}

    .badge-estado-PEND_APROB_RESP_INS:hover {
        background-color: #c62825;
    }

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

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

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


.subtitulo {
    color: #3c2e32;
    font-size: 15px;
    padding-bottom: 2px;
    text-align: center;
    background: #ffffff;
    border-bottom-color: #677f31;
    border-bottom: 4px solid #655a5d;
}

.separator {
    display: flex;
    flex-basis: 100%;
    align-items: center;
    width: 100%;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
    color: rgb(101 90 93);
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .separator:before,
    .separator:after {
        content: "";
        flex-grow: 1;
        background: rgb(101 90 93);
        height: 3px;
        font-size: 0px;
        line-height: 0px;
        margin: 0px 0px;
    }

.login-box .form-control {
    height: 44px;
}

.login-box a {
    color: #3e2a2f;
}

@media (max-width: 768px) {
    .dropdown-menu .sub-menu {
        left: 0%;
        position: absolute;
        top: 26px;
        display: none;
        margin-top: -1px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-left-color: #5f5457;
        box-shadow: none;
    }

    .dropdown-menu {
        position: absolute;
        top: 100%;
        /*left: -121px;*/
        z-index: 1000;
        display: none;
        float: left;
        min-width: 201px;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 14px;
        list-style: none;
        background-color: #f4f6e6;
        border: 1px solid #cccccc;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
        box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
        background-clip: padding-box;
        max-width: 600px;
    }
}


.liRoles {
    background: #6d6265;
    color: white;
    padding: 3px;
}

.separadorRolBottom {
    border-top: 2px solid #3c2e32;
}

@media (min-width: 768px) {
    .modal-dialog-detalle-cupo-sol {
        left: 100px;
    }

    .modal-dialog-detalle-sol-fondo {
        left: 50px;
    }

    .modal-dialog-factura {
        width: 95% !important;
        top: 10px;
        left: 30px;
    }

    .modal-dialog-art-insumo {
        position: fixed;
        margin: 0;
        padding: 10px;
        width: 90% !important;
        top: 0px;
        left: 100px;
    }

    .modal-dialog-contratos-insumo {
        position: fixed;
        margin: 0;
        padding: 10px;
        width: 90% !important;
        top: 80px;
        left: 80px;
    }

    .modal-dialog-remitos-insumos {
        position: fixed;
        margin: 0;
        padding: 10px;
        width: 90% !important;
        top: 80px;
        left: 80px;
    }

    .modal-dialog-orden-compra-pend-insumos {
        position: fixed;
        margin: 0;
        padding: 10px;
        width: 90% !important;
        top: 0px;
        left: 0px;
    }
}

@media (max-width: 768px) {
    .modal-dialog-detalle-cupo-sol {
        left: 18px;
    }

    .modal-dialog-detalle-sol-fondo {
        left: 0px;
    }

    .modal-dialog-factura {
        top: 0px;
        left: 0px;
    }

    .modal-dialog-art-insumo {
        top: 0px;
        left: 0px;
    }

    .modal-dialog-contratos-insumo {
        top: 0px;
        left: 0px;
    }

    .modal-dialog-remitos-insumos {
        top: 0px;
        left: 0px;
    }

}

.ultima-col-fija {
    position: sticky;
    right: 0;
    background-color: white;
    border-top: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
}