@import url('bootstrap.min.css');
@import url('dataTables.bootstrap.min.css');
@import url('font-awesome.min.css');
@import url('style.css');
@import url('bootstrap-datepicker/bootstrap-datetimepicker.min.css');
.btn.btn-ghost{
    color: #666;
}
.btn.btn-ghost:hover{
    color: #fff;
}
.mrg-top{
    margin-top: 15px;
    }
#tblModalAdjuntosLicitacion.table > tbody > tr > td:last-child,
#tblModalAdjuntosLicitacion .btn{
    min-width: inherit;
    width: auto;
    margin: 0;
}
#tblModalAdjuntosLicitacion.table > tbody > tr > td{
    vertical-aling: middle;
    text-align: left;
    text-transform: capitalize;
}
#modalVerDocumentos > .modal-dialog > .modal-content {
    margin-top: -120px;
    }
#modalVerDocumentos > .modal-dialog > .modal-content > .modal-body{
    overflow: scroll;
    }
#historial-acciones > div > table > tbody > tr > td:last-child {
    width: 300px;
}
#tblModalAdjuntosLicitacion.table > tbody > tr > td > a,
#tblAdjuntosContrato a {
    color: #0667B4;
}
#tblAdjuntosContrato p {
    font-size: 14px;
}
#tblAdjuntosContrato a,
#tblAdjuntosContrato a.btn {
    width: 24px;
    min-width: 24px;
    margin: 0 1px;
    display: inline-block;
    line-height: 24px;
    padding: 0;
    border: none;
    height: 24px;
    position: static;
}
#tblAdjuntosContrato a.btn {
    position: relative;
    top: 0px;
}
.button-delete-adjuntos{
    position: relative !important;
    top: 4px;
    }
#tblAdjuntosContrato a.btn > .ico-small {
    display: block;
    margin: 2px 0;
}

/** Estilos tabla sanción aplicada **/
#tabla-sancion-aplicada a {
    color: #0667B4;
}
#tabla-sancion-aplicada p {
    font-size: 14px;
}
#tabla-sancion-aplicada p {
    font-size: 14px;
}
#tabla-sancion-aplicada a, #tabla-sancion-aplicada a.btn {
    width: 24px;
    min-width: 24px;
    margin: 0 1px;
    display: inline-block;
    line-height: 24px;
    padding: 0;
    border: none;
    height: 24px;
    position: static;
}
#tabla-sancion-aplicada a.btn > .ico-small {
    display: block;
    margin: 2px 0;
}
#tabla-sancion-aplicada a.btn {
    position: relative;
    top: 0px;
}
/** Fin Estilos tabla sanción aplicada **/

#msgAdjuntosContrato{
    top: 55px;
}
#msghitosContratoPanel{
    top: 110px;
}
#msgingresarDocumentos{
    top: 165px;
}
#msgingresarClausulas{
    top: 220px;
}
#msgHistorialAcciones{
    top: 317px;
}
.relative{
    position: relative;    
}
.msgAccordion{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: none;    
}
.msgAccordion:before{
    content: '';
    position: absolute;
    border: 5px solid #5bc0de;
    border-left-color: transparent;
    border-bottom-color: transparent;
    top: 0;
    right: 100%;
}

button.save-button{
    min-width: 140px;
    text-align: center;    
}
button.save-button i{
    font-size: 1.5em;
}
.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 500ms infinite steps(8);
}
.alert.alerta-info{
    display: none;
}
.hide
{
    display: block;
    }
.alert.alerta-info-azul{
    margin: 20px 0 -2px 0;
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
    min-height: inherit;
    padding: 14px;
    border-radius: initial;
    }
.alert.alerta-info-azul h5{
    text-align: center;
    }
.table input[type="text"]{
    width: 100%;    
}

#tblProveedores thead th:nth-child(2),
#tblProveedores tbody td:nth-child(2){
    width: 50px;
    text-align: center;
}

/* Tranversales */
.row.sgc-accordion{
    position: relative;
}
main{
    display: block;    
}
#fraDetalle{
    min-height: inherit !important;
    }
#myAffix{
    top: 15px;
    width: 100%;
}
#myAffix.affix{
    width: 23.53515625%;
}
.text-right{
    text-align: right;
}
.text-left{
    text-align: left;
}
.text-center{
    text-align: center;
}
html,
body{
    height: 100%;
    display: block;
}
body{
    overflow: scroll;
    position: relative;
}
main:after,
main:before{
    content:'';
    display: table;
    clear: both;
}
body{
    text-rendering: optimizeLegibility;
}
a,
a:hover,
a:focus,
:hover,
:focus {
  outline: 0;
  text-decoration: none;
}
.clear{
    clear: both;    
}
.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 13px;
    color: #737373;
}
.warning-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 13px;
    color: orange;
}
.example-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 11px;
    color: #969696;
}
.collapse,
.collapse.in {
    display: block !important;
    float: none !important;
    margin: 0 !important;
}
.collapse {
    display: none !important;
}
.row [class*="col-12"],
.row-no-rs [class*="col-12"]{
    clear: both;
    float: none !important;
    width: 100%;
    margin: 0;
}
.input-wrap textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    height: 174px;
}
textarea{
    resize: none;
    line-height: 1.3em;
}
.form-group.edit {
    position: relative;    
}
.form-group.edit a.button-edit{
    position: absolute;
    padding: 6px;
    right: 0;
    top: -8px;
    height: 32px;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 16px;
}
.form-group.edit a.button-edit.save{
    background: #00BC9B;
}
.ico-small{
    display: inline-block;
    float: none;
    margin: 0;    
}
.ico-green.ico-save {
    background-position: -520px -80px;
}
strong,
b,
.upper select{
    font-weight: bold;
}
h6{
    font-weight: bold;
    font-size: 16px;
    }
.btn-pri:focus {
    color: #fff;
    background: #034C87;
}
.no-margin {
    margin: 0 !important;
}
.margin-bottom {
    margin-bottom: 30px !important;
}
.margin-bottom-xs {
    margin-bottom: 10px !important;
}
.margin-top {
    margin-top: 30px;
}
section.padding {
    padding: 20px 0 20px 0;
}
/* Creación */
.blocks {
    padding: 15px 15px 15px 80px;
    position: relative;
    border: 1px solid #196cb1;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
    transition: all 300ms ease;
    min-height: 205px;
}
.blocks:before, .blocks.active:before {
    content: '';
    position: absolute;
    left: 60px;
    top: 0;
    bottom: 0;
    right: 100%;
    background: #196cb1;
}
.blocks.active:before {
    right: 0;
}
.blocks:after {
    content: '';
    position: absolute;
    border: 10px solid transparent;
    left: 50%;
    top: 95%;
    margin: 0 0 0 -10px;
}
.blocks.active:after {
    top: 100%;
    border-top-color: #196cb1;
}
.blocks.active .info {
    color: #fff;
}
.blocks:hover {
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.6);
}
.blocks:hover:before {
    right: 0;
}
.blocks:hover .info {
    color: #fff;
}
.blocks h4 {
    line-height: 1.2em;
    min-height: 60px;
}
.blocks .info {
    position: relative;
    z-index: 2;
}
.blocks .icon {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    bottom: 0;
    background: #196cb1;
    width: 60px;
}
.blocks .icon:before {
    content: '';
    position: absolute;
    left: 100%;
    border: 6px solid transparent;
    border-left-color: #196cb1;
    top: 50%;
    margin: -6px 0 0 0;
}
.blocks .icon .round {
    position: absolute;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #fff;
    line-height: 34px;
    text-align: center;
    left: 50%;
    top: 50%;
    margin: -16px 0 0 -16px;
    color: #196cb1;
    font-weight: 900;
    font-size: 1em;
}
form.form-toggle {
    display: none;
}
form.form-toggle:after,
form.form-toggle:before,
.row:after,
.row:before {
    content: '';
    display: table;
    clear: both;
}
.input-wrap em {
    display: block;
    margin: 10px 0 0 0;
}
.input-group-addon{
    border-radius: 0;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background-color: #fff !important;
    background-image: none;
    color: #444;
}

.info-bloq .info-bloq-head span{
    font-weight: normal;
    font-size: 0.9em;
    display: inline-block;
}

/* Datos del Contacto */
.info-block{
    border: 1px solid #dddddd;
    border-radius: 5px;
}
.info-block .margin-bottom{
    margin-bottom: 10px;
}
.info-block p{
    margin-bottom: 5px;
}

/* Transversales */
.upper,
.upper select{
    text-transform: uppercase;
    font-size: 14px;
    line-height: 16px;
}
#DatosBasicos > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > select:nth-child(1){
    padding: 10px 0px 10px 10px;
}
.select-wrap select{
    padding: 10px 40px 10px 10px;
}
hr.sep,
hr.line{
    clear: both;
    padding: 30px 0 0 0;
    margin: 0;
    height: 0;
    width: 100%;
    border: none;
}
hr.line{
    border-top: 1px solid #ddd;
    margin: 20px 0;
}
#AdjuntosContrato  hr.line{
    margin: 20px 0 0px 0px;
    }
hr.line-alert{
    border-top: 1px solid #e74c3c;
    margin: 20px 0;
}
.row.sgc-accordion .panel{
    border: none;
    background: none;
    border-radius: 0;
    position: relative;
}
.row.sgc-accordion .panel:after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
}
.row.sgc-accordion .panel.no-after:after{
    position: static;
}
.row.sgc-accordion .panel .panel-title{
    font-size: 16px;
    z-index: 3;
    margin: 0 -15px;
    position: relative;
}
.row.sgc-accordion .panel .panel-title a{
    padding: 15px 15px;
    margin: -10px 0;
    display: block;
    width: 100%;
}
#adjuntos > h4 > a{
    display:table;
}

.row.sgc-accordion .panel-disabled .panel .panel-title a{
    pointer-events: none;
}
.row.sgc-accordion .panel{
    cursor: no-drop;
}
.row.sgc-accordion .panel.no-after{
    cursor: default;
}
.row.sgc-accordion .panel .panel-title a span{
    display: block;
    font-weight: normal;
    font-size: 0.8em;
    margin: -5px 0 0 0;
}
.row.sgc-accordion .panel-heading,
.row.sgc-accordion #accordion .panel.no-after .panel-heading{
    background: #8AB7DC;
    color: #fff;
    font-weight: bold;
    margin-bottom: 1px;
    border-radius: 0;
    position: relative;
    z-index: 1;
    display: block;
    font-style: normal;
}
.row.sgc-accordion #accordion .panel-heading{
    background: #aaa;
    font-style: italic;
    color: #ddd;
}
.row.sgc-accordion #accordion .panel.no-after .panel-heading.active > h4 > a {
    font-style: normal;
}
.row.sgc-accordion .panel-heading:after{
    content: "\f067";
    position: absolute;
    right: 10px;
    top: 50%;
    margin: -12px 0 0 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #fff;
    text-align: center;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 20px;
}
label.file{
    display: inline-block;
}

.table.table-adjuntos > tbody > tr > td:first-child{
    vertical-align: middle;
}
.table.table-adjuntos #docname{
    height: 40px !important;
}

.row.sgc-accordion .panel-heading.panel-ok:before{
    content: "\f00c";
    position: absolute;
    right: 44px;
    top: 50%;
    margin: -12px 0 0 0;
    width: 24px;
    height: 24px;
    background-color: #064475;
    border-radius: 50%;
    border: 2px solid #fff;
    text-align: center;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 20px;
}

.row.sgc-accordion .panel-collapse{
    background: #f0f0f0 none repeat scroll 0 0;
}
.row.sgc-accordion .panel-collapse .panel-body{
    background: none;
    border: none;
    padding: 20px 25px;
}
.panel-group .panel+.panel {
    margin-top: 1px;
}
.row.sgc-accordion .panel-heading.active,
.row.sgc-accordion #accordion .panel-heading.active,
.row.sgc-accordion #accordion .panel.no-after .panel-heading.active{
    background: #0667B4;
}
.row.sgc-accordion .panel-heading.active:after{
    content: "\f068";
}
.form-group{
    margin-bottom: 20px;   
 }
.form-group .input-wrap,
.form-group .select-wrap{
    margin-bottom: 0;   
 }
 .form-group label{
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
    display: block;  
 }
 .invalid-form {
    color: #c0392b;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
select,
textarea{
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    height: 45px;
    color: #444 !important;
}
input[type="text"]:disabled,
input[type="email"]:disabled,
input[type="url"]:disabled,
input[type="password"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="number"]:disabled,
select:disabled,
textarea:disabled{
    background: rgba(255,255,255,.8);
}
.btn.btn-pri:disabled{
    background-color: #666;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus{
    border: 1px solid #8AB7DC;
    outline: 0;
    box-shadow: none !important;
}
.invalid-form{
    color: #e74c3c;
}
.invalid-form strong{
    font-weight: normal;
    font-family: "gobCL";
    font-size: 14px;
}

.file{
    position: relative;
}
.file span{
    display: block;
    padding: 10px;
    height: 45px;
    min-width: inherit;
}
.file input[type="file"]{
    display: none;
}
#myfiles ol{
    margin: 0 0 0 20px;
}
#myfiles ol li{
    list-style: none;
    font-size: 16px;
    margin-bottom: 5px;
    color: #0667B4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#myfiles ol li:last-child{
    margin-bottom: 0;
}
.float-50,
.float-35,
.float-22,
.float-25,
.float-70,
.float-60,
.float-40,
.float-30,
.float-10,
.float-30b {
    float: left;
}
.float-60{
    width: 60%;
}
.float-40{
    width: 40%;
}
.float-70{
    width: 70%;
}
.float-30{
    width: 30%;
}
.float-30b{
    width: 30% !important;
    margin: 0px;
    margin-right: -4em;
}
.float-50{
    width: 50%;
}
.float-35{
    width: 35%;
}
.float-25{
    width: 25% !important;
    margin-right: 1em;
}
.float-22{
    width: 22% !important;
    margin-right: 1em;
}
.float-10 {
    width: 10% !important;
    margin-right: 1em;
}
.float-30,.float-
.checkeado > td > a{
    pointer-events: none;
}
.checkeado > td{
    background-color: #dff0d8;
}
.table > tbody > tr.checkeado:hover > td{
    background-color: #d6e9c6;
}
.num-contratos-vig
{
    cursor: pointer;
    }
.myflexbox .myflex .num-contratos-vig a {
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    background: #8AB7DC;
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 1.5em;
    padding: 0;
    position: relative;
    border-radius: 0 2px 2px 2px;
}
    .myflexbox .myflex .num-contratos-vig a:before {
        content: "";
        position: absolute;
        border: 3px solid transparent;
        border-top-color: #8AB7DC;
        border-right-color: #8AB7DC;
        top: 0;
        left: -6px;
    }

.myflexbox .myflex .num-contratos-vig a:hover{
    background: #155489;
}
.myflexbox .myflex .num-contratos-vig a:hover:before{
    border-top-color: #155489;
    border-right-color: #155489;
}

h4.lineH{
    line-height: 1.2em;
}

.input-wrap input.invalid,
.input-wrap textarea.invalid,
.input-group input.invalid{
    border: 1px solid #e74c3c;
    background: url(../img/val-neg.png) no-repeat right center #fff;
}
.select-wrap select.invalid{
    border: 1px solid #e74c3c;
}
.input-group input.invalid::-webkit-input-placeholder {
  color: #e74c3c;
}
.input-group input.invalid.invalid:-moz-placeholder {
  /* Firefox 18- */
  color: #e74c3c;
}
.input-group input.invalid.invalid::-moz-placeholder {
  /* Firefox 19+ */
  color: #e74c3c;
}
.input-group input.invalid:-ms-input-placeholder {
  color: #e74c3c;
}

.ico-blue.ico-upload {
    background-position: -340px 0;
}
.ico-blue.ico-repeat {
    background-position: -540px 0;
}
.ico-blue.ico-repeat:hover{
    background-position: -540px -20px;
}
a.simple-link{
    line-height: 20px;
}
a.simple-link i{
    float: left;
    margin: 0 5px 0 0;
}
.table-hitos,
.table-garantiass,
.table-clausulas{
    display: none;
}
.table-hitos table a,
.table-garantias table a{
    display: inline-block;
    margin: 0 2px;
    height: 20px;
}

.table-hitos tbody td,
.table-garantias tbody td{
    vertical-align: middle;
}
.table tbody td .input-group{
    width: 100%;
}
.table tbody td input,
.table tbody td input:disabled{
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    height: 45px !important;
    margin: 0 !important;
}
.table tbody td input:disabled{
    border: none;
    background: none;
    padding: 10px 0;
    text-align: center;
}
.disabledBtn,.disabledBtn:hover{
    cursor: not-allowed;
    background: #666;
    opacity: .65;
    color:#fff !important;
    }
.modal-dialog{
    z-index: 1060 !important;
}
.custom-checkbox{
    position: relative;
    padding: 5px 0 5px 34px;
    margin: 8px 0;
    min-height: 24px;
    display: inline-block;
}
table .custom-checkbox{
    padding: 5px 0 5px 24px;
}
.custom-checkbox label{
    position: absolute;
    left: 0;
    top: 0;
    width:24px;
    height: 24px;
    border-radius: 3px;
    border: 1px solid #0667B4;
    cursor: pointer;
    overflow: hidden;
}
.custom-checkbox label input,
.table tbody td .custom-checkbox label input{
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.custom-checkbox label span{
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 24px;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    background: #0667B4;
    opacity: 0;
}
.custom-checkbox label span:after{
    content: "\f00c";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    position: absolute;
    left: 0;
    text-shadow: 0 1px 1px rgba(0,0,0,.4);
    top: 24px;
}
.custom-checkbox label < input:checked{
    background: red;
}
.custom-checkbox label input:checked + span{
    opacity: 1;
}
.custom-checkbox label input:checked + span:after{
    top: 0;
}

.modal button.cerrar{
    float: left;
}

.bloque-clausula{
    margin: 30px 0 0 0;  
}
.bloque-clausula .titulo{
    padding: 8px;
    background: #8AB7DC;
    border-bottom: 4px solid #779EC0;
    color: #fff;
}
.bloque-clausula.new-element .titulo{
    background: #FFEBC2;
    border-color: #FFB300;
    color: #444;
}

.bloque-clausula .titulo h5,
.bloque-clausula .titulo p{
    font-weight: normal;
    font-size: 17px;
    margin: 0;
    padding: 0;
    line-height: normal;   
}
.bloque-clausula .titulo p{
    font-size: 14px;
}
.bloque-clausula .detalle{
    padding: 8px;
    background: #fff;
    border: 1px solid #ccc;
    border-top: none;
    font-size: 15px;
    line-height: 1.2em;
    max-height: 200px;
    overflow: auto;
    overflow-x: hidden;
}
.bloque-clausula .titulo a{
    padding: 10px 5px;
    display: inline-block;
}

.modal-header{
    background: #0667B4;
    border-radius: 4px 4px 0 0;
    color: white;
}
.modal-header button.close {
    width: 32px;
    height: 32px;
    background: black;
    border-radius: 50%;
    text-shadow: 0;
    color: #fff;
    position: relative;
    top: -2px;
    opacity: 0.4;
}
button.close:hover,button.close:focus{
    opacity: 0.8;
    }
.modal button.cerrar.close{
    float: right;
}
.modal-header button.close:hover, .modal-header button.close:focus{
    color: #fff;
}

span.block{
    display: block;
}

.set-wysiwyg,
.bloque-claudula .detalle,
#deleteDetClausula{
    overflow: auto;
    overflow-x: hidden;
    height: 200px;
    padding: 10px;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 0 0 4px 4px;
    font-size: 16px;
    line-height: 1.2em;
}
.set-wysiwyg ul,
.set-wysiwyg ol,
.bloque-clausula .detalle ul,
.bloque-clausula .detalle ol,
#deleteDetClausula ul,
#deleteDetClausula ol{
    list-style: inherit;
    margin: inherit;
    padding: inherit;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
    -moz-padding-start: 40px;
    -moz-margin-start: 0;
    -moz-margin-end: 0;
}
.set-wysiwyg ul ul,
.bloque-clausula .detalle ul ul,
.bloque-clausula .detalle ol ol,
.set-wysiwyg ol ol,
#deleteDetClausula ul ul,
#deleteDetClausula ol ol{
    -webkit-margin-before: 0.4em;
    -webkit-margin-after: 0.4em;
    
}
.info-bloq h3.text-left,
.info-bloq .cont-bloq.text-left{
    text-align: left;
}
.info-bloq .cont-bloq.text-left{
    padding: 15px;
}
.set-wysiwyg ol,
.bloque-clausula .detalle ol{
    list-style: decimal;    
}
.set-wysiwyg ol ol,
.bloque-clausula .detalle ol ol{
    list-style: lower-latin;    
}
.set-wysiwyg li,
.bloque-clausula .detalle li{
    list-style: inherit;
    margin: inherit;
}
.btn-toolbar{
    background: #f4f4f4;
    padding: 5px;
    margin: 0;
    border-radius: 4px 4px 0 0;
    border: 1px solid #ddd;
    border-bottom: none;
}
.btn-toolbar.invalid,
.set-wysiwyg.invalid{
    border-color: #e74c3c;
}


.btn-toolbar .btn-group{
    margin-left: 4px;
}
.btn-toolbar .btn-group:first-child{
    margin: 0;
}
.btn-toolbar .btn-group .btn{
    min-width: 40px;
    padding: 5px 0;
    line-height: 30px;
    margin: 0;
    background: #ddd;
    border-right: 1px solid #ccc;
    color: #444;
}
.btn-toolbar .btn-group .btn.btn-info{
    background: #444;
    color: #fff;
    border: none;
}
.btn-toolbar .btn-group .btn:first-child{
    border-radius: 3px 0 0 3px;
}
.btn-toolbar .btn-group .btn:last-child{
    border-radius: 0 3px 3px 0;
    border: none;
}
.btn-toolbar .btn-group .btn.alone{
    border-radius: 3px;
    border: none;
}
.btn:focus {
    outline: 0;
    outline-offset: 0;
}
.info-blocks{
    background: #5bc0de;
    color: #fff;
    padding: 15px;
}
.info-blocks .icon{
    text-align: center;
    font-size: 3em;
    margin: 0 0 15px 0;    
}

div.block{
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 15px;
}
div.block a{
    font-size: 14px;
    color: #0667B4;
    text-decoration: underline;
}

div.block p:first-child{
    margin-top: 0;
}
div.block.gray{
    background: #f0f0f0;
}
div.block.alert{
    background: #FCE7E4;
}
div.block.alert .title{
    color: #e74c3c;
}
div.block.warning{
    background: #FFF7E5;
}
div.block.warning .title{
    color: #f1c40f;
}

.myflexbox{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}
.myflexbox > .myflex{
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 15px 0 0;
    padding: 10px;
    border-radius: 4px;
    flex-direction: column;
}
.myflexbox > .myflex:last-child{
    margin: 0;
}
.myflexbox > .myflex p,
.myflexbox > .myflex > ul > li{
    font-size: 1rem;
}
.myflexbox > .myflex > ul{
    padding: 0 0 0 30px;
    list-style: disc;
}
.myflexbox > .myflex > ul > li{
    padding: 3px 0;
}
.myflexbox > .myflex a{
    font-size: 1rem;
    display: inline-block;
    padding: 3px 0;
}
.myflexbox > .myflex > .myflexbox{
    flex-direction: column;
    height: 100%;
}
.myflexbox > .myflex > .myflexbox > .myflex{
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    margin: -10px -10px 25px -10px;
}
.myflexbox > .myflex > .myflexbox > .myflex.no-marginB{
    margin-bottom: -10px;
}
.myflexbox .myflex a{
    font-size: 14px;
    color: #0667B4;
    text-decoration: underline;
}
.myflexbox .myflex h4 a{
    color: #666;
    text-decoration: none;
    font-size: inherit;
    padding: 0;
}
.myflexbox .myflex.shadow{
    position: relative;
    top: 0;
}
.myflexbox .myflex.shadow:hover{
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 3;
    top: -3px;
}
.badge{
    font-family: sans-serif;
}
/*
.myflexbox > .myflex .myTable{
    height: 100%;
}
*/
.myflexbox .myflex h4 span{
    font-size: 34px;
    display: block;
    margin-top: 0.6em;
}
.myflexbox .myflex h4 span.inline{
    display: inline-block;
}
.myflexbox .myflex .title{
    font-size: 1.1rem;
    padding: 15px;
    margin: -10px -10px 10px -10px;
    border-radius: 4px 4px 0 0;
    position: relative;
}
.myflexbox .myflex .title:before{
    content: '';
    position: absolute;
    border: 6px solid transparent;
    top: 100%;
    left: 50%;
    margin-left: -6px;
}
.myflexbox > .myflex.alert .title {
    color: #f0f0f0;
    background: #0667B4;
}
    .myflexbox > .myflex.alert .title:before {
        border-top-color: #0667B4;
    }
.myflexbox > .myflex.alert {
    background: #f0f0f0;
}
.myflexbox > .myflex.resume {
    background: #f0f0f0;
}
.myflexbox > .myflex.alert >.margin-bottom #lblSinRetraso{
    display: none;
    }
.myflexbox > .myflex.normal{
    background: #f0f0f0;
}
.myflexbox > .myflex.normal .title{
    background: #ddd;
}
.myflexbox > .myflex.normal .title:before{
    border-top-color: #ddd;
}
.myflexbox > .myflex.warning{
    background: #FFF7E5;
}
.myflexbox > .myflex.warning .title{
    background: #f1c40f;
    color: #FFF7E5;
}
.myflexbox > .myflex.resume .title {
    background: #0667b4;
    color: #FFF7E5;
    padding: 5px;
}

.myflexbox > .myflex.warning .title:before{
    border-top-color: #f1c40f;
}
.myflexbox > .myflex.gray{
    background: #f0f0f0;
}
.myflexbox > .myflex.green{
    background: #EDFAF7;
    border: 1px solid #1ABC9C;
    height: 240px;
}
.myflexbox > .myflex.green .title{
    background: #1ABC9C;
    color: #EDFAF7;
    }
.myflexbox > .myflex.green a{
    display: none;
    }
.myflexbox > .myflex.green hr{
    display: none;
    }
.myflexbox > .myflex.green >.margin-bottom #lblConRetraso{
    display: none;
    }
.myflexbox > .myflex.green >.margin-bottom p{
    display: none;
    }
.myflexbox > .myflex.green .title:before{
    border-top-color: #1ABC9C;
    }
.myflexbox > .myflex.green#contenedorIncumplimiento{
    display: none;
    }
.myflexbox > .myflex#contenedorIncumplimiento a {
    margin-top: -15px;
    }
.myflexbox > .myflex#contenedorIncumplimiento p {
    line-height: 20px;
    }
.myflexbox > .myflex#contenedorIncumplimiento hr.line-alert {
    margin: 15px 0;
    }
.myflexbox > .myflex#contenedorIncumplimiento h4 span  {
    font-size: 25px;
    }
    
.myTable{
    display: table;
    width: 100%;
}
.myTable .myRow{
    display: table-row;
}
.myTable .myRow .myCell{
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}
.myTable .myTd{
    display: table-cell;
    height: 270px;
    vertical-align: middle;
}
.myflexbox > .myflex > ul.admin-list{
    max-height: 154px;
    overflow-y: auto;
    overflow-x: hidden;
}
.myflexbox > .myflex > ul.admin-list,
.myflexbox > .myflex > ul.admin-list li{
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
}
.myflexbox > .myflex > ul.admin-list li{
    margin: 0;
    position: relative;
}
.myflexbox > .myflex > ul.admin-list li a{
    display: block;
    padding: 6px;
    border-bottom: 1px solid #ddd;
    text-decoration: none;
    font-size: 1rem;
    color: #666666;
    position: relative;
    z-index: 2;
}
.myflexbox > .myflex > ul.admin-list li a > .badge{
    background: #1ABC9C;
}
.myflexbox > .myflex.marginB-flexbox{
    margin-bottom: 15px;
}
.myflexbox > .myflex > ul.admin-list li:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 100%;
    background: #ddd;
}
.myflexbox > .myflex > ul.admin-list li:hover:after{
    right: 0;
}
.myflexbox > .myflex > ul.admin-list li:last-child a{
    border: none;
}
.tooltip-inner{
    max-width: inherit;
    white-space: nowrap;
    background: #fff;
    border-radius: 0;
    color: #0667B4;
    border: 2px solid #0667B4;
    font-family: "gobCL";
    font-size: 14px;
    padding: 8px 12px;
}
.tooltip.bottom .tooltip-arrow{
    border-bottom-color: #0667B4;
}
.tooltip.top .tooltip-arrow{
    border-top-color: #0667B4;
}
.tooltip.left .tooltip-arrow{
    border-left-color: #0667B4;
}
.tooltip.right .tooltip-arrow{
    border-right-color: #0667B4;
}
.progress{
    position: relative;
    height: 24px;
    overflow: inherit;
    border-radius: 0;
}
.progress .progress-bar{
    left: 0;
    top: 0;
    opacity: .8;
}
.progress .progress-bar#actual{
    z-index: 1;
}

.progress .progress-bar.progress-bar-danger#actual:hover + div > div{
    border-bottom-color: #d9534f;
}
.progress .progress-bar.progress-bar-danger#actual:hover + div > div + div{
    color: #d9534f;
    border-color: #d9534f;
}

.progress .progress-bar.progress-bar-success#actual:hover + div > div{
    border-bottom-color: #45e045;
}
.progress .progress-bar.progress-bar-success#actual:hover + div > div + div{
    color: #45e045;
    border-color: #45e045;
}

.progress .progress-bar.progress-bar-warning#actual:hover + div > div{
    border-bottom-color: #f0ad4e;
}
.progress .progress-bar.progress-bar-warning#actual:hover + div > div + div{
    color: #f0ad4e;
    border-color: #f0ad4e;
}

.progress .progress-bar#proyectado:hover + div > div{
    border-bottom-color: #5bc0de;
}
.progress .progress-bar#proyectado:hover + div > div + div{
    color: #5bc0de;
    border-color: #5bc0de;
}

a.link,
a.simple-link{
    color: #0667B4;
    text-decoration: underline;
    font-size: 16px;
}
.order-center{
    position: relative;
    padding: 0 15px 0 0;
}
.order-center ul.order{
    position: absolute;
    float: none;
    margin: -10px 0 0 0;
    right: 0;
    top: 50%;
}
ul.order{
    float: right;
    margin: 2px 0 0 3px;
}
ul.order li{
    display: block;
    width: 10px;
    height: 10px;
    position: relative;
    overflow: hidden;
}
ul.order li a{
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    color: #333;
}
ul.order li:nth-child(1) a{
    top: -6px;
}
ul.order li:nth-child(2) a{
    top: inherit;
    bottom: -6px;
}
.table > thead > tr > th {
    background: rgba(123, 177, 222, 0.88);
    }
.table#table-hitos > thead > tr > th {
    padding-right: 8px !important;
    }
#table-hitos > thead > tr > th:last-child{
    width: inherit !important;
    min-width: 100px;
    }
#table-hitos > tbody > tr > td:last-child{
    width: inherit !important;
    min-width: 100px;
    }
.table > thead > tr > th:last-child{
    border-right:inherit;
    }
.table#table-garantiass > tbody > tr > td:last-child{
    width: inherit !important;
    }
.table#table-garantiass > thead > tr > th[data-override="MontoGarantia"]{
    width: 115px !important;
    }
.table > tbody > tr > td:first-child {
    vertical-align: middle;
}
#tableGestion.table > tbody > tr > td:first-child {
    white-space: nowrap;
}
#tableGestion.table > tbody > tr > td:last-child i{
    font-size:24px;
    }
#tableGestion.table > tbody > tr > td:last-child{
    width: 50px;
    }
#tableGestion.table > tbody > tr > th:last-child{
    width: 50px;
    }
.table > tbody > tr > td.precio-tb{
    font-weight: bold;
    font-size: 1.1em;
    white-space: nowrap;
}
.table > tbody > tr > td a.link{
    font-size: 14px;
    margin: 0 5px 0 0;
    display: block;
}
.table span {
    display: inline;
}
.table > tbody > tr > td span.date{
    display: block;
    font-weight: bold;
}
.table > tbody > tr > td:nth-child(2) {
    text-align: center;
}
.table > tbody > tr > td.alert-td {
    background: #FCE7E4;
}
.table > tbody > tr:hover > td.alert-td {
    background: #ffd1d1;
}
.table > tbody > tr > td.warning-td,
.table > tbody > tr.new-element > td{
    background: #FFEBC2;
}
.table > tbody > tr:hover > td.warning-td{
    background: #FFCA28;
}
.table > tbody > tr.new-element:hover > td{
    background: #FFB300;
}
#table-historial-acciones > thead > tr > th:nth-child(1){
    max-width: 250px;
    }
#table-historial-acciones > thead > tr > th:last-child{
    max-width: 200px;
    }
#tblModalAdjuntosLicitacion.table > tbody > tr > td:nth-child(5){
    white-space: nowrap;
}
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background: #f4f4f4;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
}
::-webkit-scrollbar-track {
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #0667B4;
}
.row.sgc-accordion .panel-heading.active:after,
.row.sgc-accordion .panel-heading:after,
.row.sgc-accordion .panel-heading,
.row.sgc-accordion .panel-heading.active,
.blocks,
.blocks:hover,
.blocks .info,
.blocks:hover .info,
.blocks:hover:before,
.blocks:after,
.blocks.active:before,
.blocks:before,
.form-group.edit a.button-edit,
.form-group.edit a.button-edit.save,
.custom-checkbox label input + span,
.custom-checkbox label input:checked + span,
.custom-checkbox label input + span:after,
.custom-checkbox label input:checked + span:after,
.btn.btn-pri,
.btn.btn-pri:disabled,
.myflexbox > .myflex > ul.admin-list li:after,
.myflexbox > .myflex > ul.admin-list li:hover:after,
.cont-gris-ciudadania,
.cont-gris-ciudadania-padre,
.myflexbox .myflex.shadow,
.myflexbox .myflex.shadow:hover,
#btnModalCorreosAdicionales,
#btnModalCorreosAdicionales:hover{
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.nav-tabs{
    border-bottom: 3px solid #0667B4;
}
.nav-tabs>li{
    margin: 0;
}
.nav-tabs>li>a{
    font-size: 18px;
    font-weight: bold;
    color: #666;
    margin-right: 4px;
    border: none;
}
.nav-tabs>li>a,
.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover{
    background: #e3e3e3;
    border-radius: 0;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover{
    background: #0667B4;
    color: #fff;
    border: none;
}
.tab-content{
    border: 1px solid #c1c1c1;
    border-top-color: #5AB1D0;
    padding: 15px;
    background: #fff;
}

/*-- Grafico Reporteria --*/
.tab-content .filtro-grafico{
    background: #f0f0f0;
    padding: 1em;
    padding-top: 1em;
    margin: -1em -1em 1em -1em;
    }
.highcharts-container{
    width:100% !important;
    }
.tab-content .filtro-grafico h3{
    text-align: center;
    padding-bottom: 0.3em;
    margin-bottom: 1em;
    width: 100%;
    border-bottom: 1px solid #c1c1c1;
    }
.tab-content .filtro-grafico .inline-form {
    position: relative;
}
.tab-content .filtro-grafico .select-toggle{
    height: 45px;
    padding: 15px;
    }
.tab-content .filtro-grafico .dropdown-menu.option-select {
    width: 100%;
    top: 68px;
    overflow-y: scroll;
    max-height: 500px;
}
#tab_compra .filtro-grafico .row .col-3 .input-wrap > a.select-toggle ,
#tab_proveedor .filtro-grafico .row .col-3 .input-wrap > a.select-toggle,
#tab_mecanismo .filtro-grafico .row .col-3 .input-wrap > a.select-toggle{
    width: 80%;
    }
.tab-content #tab_compra .filtro-grafico .btn-pri{
    margin-top: 2.3em;
    height: 45px;
    min-width: inherit;
    }
.tab-content #tab_proveedor .filtro-grafico .btn-pri{
    margin-top: 24px;
    height: 45px;
    min-width: initial;
    }
.tab-content #tab_proveedor .filtro-grafico .form-group{
    margin-bottom: 10px;
    }
.tab-content #tab_mecanismo .filtro-grafico .btn-pri{
    margin-top: 27px;
    min-width: inherit;
    }
#btnGraficoUnidadCompra > i,
#btnGraficoProveedores > i,
#btnGraficoMecanismoCompra > i{
     padding-left: 8px;
     }
.filtro-grafico .col-1.last .tab-content{
    padding-top: 23px;
}
#tblContratosMontosPorUnidad > tbody > tr > td > input{
    height: 32px !important;
    }
#cboTipoMonedaGrafico{
    height: 45px;
    padding: 10px;
    border-radius: 3px;
    border: 1px solid #ccc;
    }
#tab_compra .filtro-grafico .row .col-5,
#tab_compra .filtro-grafico .row .col-3,
#tab_proveedor .filtro-grafico .row .col-3,
#tab_proveedor .filtro-grafico .row .col-5{
    margin-top: 16px;
    }
.tab-content .filtro-grafico .inline-form .caret {
    float: right;
    margin: 0;
    border-top: 11px dashed;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
}
#detallesProveedores .paginador{
    float:none;
    height: 35px;
    padding: 0;
    }
.table#tblContratosProveedores > tbody > tr > td:last-child{
    width:69px;
    }
#ordenesCompraGrafico > li > a{
    cursor: pointer;
    }
#ordenesCompraGrafico > li > a > input{
    margin-right: 10px;
    }
    
.tab-content.filtro-grafico.dropdown-menu.option-select a {
    padding: 3px 0 2px 30px;
    text-decoration: none;
    white-space: normal;
}

.select-toggle {
    width: 100%;
    background: #fff;
    padding: 10px;
    height: 35px;
    display: block;
    border-radius: 3px;
    border: 1px solid #ccc;
    color: #666;
    text-decoration: none;
}
.dropdown-menu.option-select {
    width: 95%;
    top: 59px;
}
.dropdown-menu.option-select li .checkbox{
    padding: 1px 0.4em;
    margin: 0;
    }
.dropdown-menu.option-select li .checkbox:hover {
    background-color: #0667B4;
    color: #fff;
}
.dropdown-menu.option-select li .checkbox label {
    font-size: 14px;
    margin: 0.8em 0.5em;
    font-weight: normal;
}
.option-select li {
    position: relative;
}

#highcharts-4 text tspan{
    font-size:16px;
    }
    
#myModal2 > div.modal-dialog > div > div.modal-body > div{
    margin: 1em !important;
    }
    
#historial-contrato > div > table > tbody > tr > td:last-child{
    width: 50%;
    }
    
/*-- DISPLAY NONE DEL HISTORIAL DE ACCESO --
#accordion > div:nth-child(1){
    display:none;
    }*/
.highcharts-label.highcharts-no-data > text{
    font-size:18px !important;
    }
    
/*-- Ciudadania --*/
.revisarContrato .blocks{
    height: 165px;
    min-height: inherit;
    }
.revisarContrato .blocks .info{
    height: 135px;
    position: absolute;
    }
.revisarContrato .blocks .info h4{
    top: 50%;
    -webkit-transform: translateY(-50%);
    moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    min-height:inherit;
    position: relative;
    padding-right: 10px;
    }
.align-right{
    text-align:right;
    margin-top: -15px;
    }
.padding-top{
    margin-top: 60px;
    }
.padding-table {
    padding: 20px;
}
#tableCiudadania > tbody > tr > td:last-child{
    width: 100px;
    }
.cont-gris-ciudadania-padre{
    padding: 17px;
    }
.tabla-ciudadania{
    width: 100%;   
    }
.cont-gris-ciudadania{
    background: #eee;
    border-radius: 5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border: 0px solid #e6e6e6;
    padding: 13px;
    min-height: 75px;
    margin-bottom: 1.953125%;
    position: relative;
    top: 0;
    }
.cont-gris-ciudadania:hover{
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 3;
    top: -3px;
    }
.cont-gris-ciudadania p{
    line-height: 10px;
    }
.cont-gris-ciudadania a{
    position: relative;
    top: -5px;
    left: 3px;
    }
.cont-gris-ciudadania i{
    margin-top: 13px;
    }

a#imprimir-contrato {
    margin-bottom: 0px;
}
.getBackPage{
    font-size: 14px;
    padding-top: 20px;
    margin-bottom: -20px !important;
    }
.getBackPage p{
    display: inline-block;
    font-size: 14px;
    }
.detalleScroll{
    max-height: 130px;
    }
.coincidencias{
    text-align:center;
    }
.coincidencias > div{
    margin-left: 17%;
    }
.coincidencias p{
    display: inline;
    }
.listaCoincidencias{
    max-height: 325px;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 1px solid #196cb1;
    border-radius: 4px;
    margin-left: 10%;
    }
.listaCoincidencias ul li span {
    display: block;
    font-size: 16px;
    padding: 10px 0%;
    border-bottom: 1px solid #196cb1;
    color:#666;
    cursor:pointer;
}
.listaCoincidencias ul li:last-child span{
    border-bottom: none;
    }
.listaCoincidencias ul li span:hover {
    background: #DBF2FF;
    color: #666;
}
.listaCoincidencias ul li {
    width: 100%;
    background: #fff;
}
.listaCoincidencias ul li:nth-of-type(odd) {
    background-color: #f9f9f9;
}
#sinCoincidencias,#sinCoincidenciasIns{
    text-align: left;
    }
.footVolver{
    margin-top: -8.7em;
    }
.footVolver a{
    font-size: 2.5em;
    color: #666;
    }
.footVolver a:hover,.footVolver a:focus,.footVolver a:active{
    font-size: 2.5em;
    color: #0667B4;
    }
.mar-top{
    margin-top: -6em;
    }
/* Tabla modal replicar hito */
.tabla-test span{
    display: block;
    }

/*-- Tabla Detalles Total OC --*/
table.table-total-oc {
    width: 32.6%;
    margin-left: 67.5%;
    font-size: 16px;
    }

.table-total-oc > tbody > tr:last-child td{
    background: #1ABC9C !important;
    border-right: 1px solid #159279;
    color: #fff;
    font-size: 18px;
    }

.table-total-oc tr td:first-child{
    width: 44% !important;
    }

.table-horizontal.table-dual tr td:first-child{
    text-align: left;
    }

.table-total-oc > tbody > tr> td:last-child{
    background: #FFEBC2;
    font-weight: bold;
    white-space: nowrap;
    text-align: right;
    }

.table-total-oc > tbody > tr:hover > td:last-child{
    background: #FFC46E;
    }

#table-hitos i.fa-refresh,#table-garantiass i.fa-refresh{
    font-size: 22px;
    color: #0066b7;
    top: -2px;
    position: relative;
    }

#table-hitos i.fa-refresh:hover{
    color: #004a89;
    }

/*---- Proveedor ----*/
.tableListadoProveedores #tableGestion.table > tbody > tr > td:last-child i{
    font-size:14px;
    }

#contentView > section.padding > div:nth-child(1) > article > div.cont-bloq-wrap > div > div > div > div:nth-child(1) > div > div:nth-child(1)
{
    padding-top: 2em;
    }

#contentView > section.padding > div:nth-child(2) > article > div.cont-bloq-wrap.compradorEstilo > div > div > div > div:nth-child(1) > div > div:nth-child(1)
{
    padding-top: 1.5em;
    }

#contentView > section.padding > div:nth-child(2) > article > div.cont-bloq-wrap.proveedorEstilo > div > div > div > div:nth-child(1) > div > div:nth-child(1)
{
    padding-top: 1em;
    }

/*fin region hitosIncumplidos*/
.myflexbox .myflex #hitosIncumplidos .pull-right a {
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    background: rgb(6, 103, 180);
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 1.5em;
    padding: 0;
    position: relative;
    border-radius: 0 2px 2px 2px;
}

.myflexbox .myflex #hitosIncumplidos .pull-right a:before {
    content: "";
    position: absolute;
    border: 3px solid transparent;
    border-top-color: rgb(6, 103, 180);
    border-right-color: rgb(6, 103, 180);
    top: 0;
    left: -6px;
}

.myflexbox .myflex #hitosIncumplidos .pull-right a:hover {
    background: #155489;
}

.myflexbox .myflex #hitosIncumplidos .pull-right a:hover:before {
    border-top-color: #155489;
    border-right-color: #155489;
}

.myflexbox .myflex #hitosIncumplidos {
    height: 45px;
    margin: 1em 0 0 0;
}

.myflexbox .myflex #hitosIncumplidos h4{
    margin-top: 11px;
}

.myflexbox .myflex #hitosIncumplidos .pull-right.rojo a{
    background: #e74c3c;
}

.myflexbox .myflex #hitosIncumplidos .pull-right.rojo a:before{
    border-top-color: #e74c3c;
    border-right-color: #e74c3c;
}

.myflexbox .myflex #hitosIncumplidos .pull-right.rojo a:hover{
    background: #b40505;
}

.myflexbox .myflex #hitosIncumplidos .pull-right.rojo a:hover:before{
    border-top-color: #b40505;
    border-right-color: #b40505;
}

.proveedorEstilo .myflexbox .myflex #hitosIncumplidos {
    margin: 1.4em 0 0 0;
}

/*fin region hitosIncumplidos*/

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(../fonts/glyphicons-halflings-regular.eot);
    src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
}

hr.line-alert-yellow {
    border-top: 1px solid #FFCA28;
    margin: 20px 0;
}

/*region garantias*/

.myflexbox #garantias .pull-left h4 {
    font-size: 15px;
}

.myflexbox #garantias .pull-right a {
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    background: #8AB7DC;
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 1.5em;
    padding: 0;
    position: relative;
    border-radius: 0 2px 2px 2px;
}

    .myflexbox #garantias .pull-right a:before {
        content: "";
        position: absolute;
        border: 3px solid transparent;
        border-top-color: #8AB7DC;
        border-right-color: #8AB7DC;
        top: 0;
        left: -6px;
    }

    .myflexbox #garantias .pull-right a:hover {
        background: #8AB7DC;
    }

        .myflexbox #garantias .pull-right a:hover:before {
            border-top-color: #8AB7DC;
            border-right-color: #8AB7DC;
        }

.myflexbox  #garantias {
    height: 45px;
    margin: 1em 0 0 0;
   
}

.proveedorEstilo .myflexbox  #garantias {
    margin: 1.4em 0 0 0;
}

/*fin region garantias*/


/*region sanciones*/

.myflexbox #sanciones .pull-left h4 {
    font-size: 15px;
}

.myflexbox #sanciones .pull-right a {
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    background: #8AB7DC;
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 1.5em;
    padding: 0;
    position: relative;
    border-radius: 0 2px 2px 2px;
}

    .myflexbox #sanciones .pull-right a:before {
        content: "";
        position: absolute;
        border: 3px solid transparent;
        border-top-color: #8AB7DC;
        border-right-color: #8AB7DC;
        top: 0;
        left: -6px;
    }

    .myflexbox #sanciones .pull-right a:hover {
        background: #8AB7DC;
    }

        .myflexbox #sanciones .pull-right a:hover:before {
            border-top-color: #8AB7DC;
            border-right-color: #8AB7DC;
        }


.myflexbox .myflex #sanciones .num-sanciones a:hover {
    background: #155489;
}

    .myflexbox .myflex #sanciones .num-sanciones a:hover:before {
        border-top-color: #155489;
        border-right-color: #155489;
    }



.myflexbox #sanciones {
    height: 45px;
    margin: 1em 0 0 0;
}

.proveedorEstilo .myflexbox #sanciones {
    margin: 1.4em 0 0 0;
}

/*fin region sanciones*/

#contentView > section.padding > div:nth-child(1) > article > div.cont-bloq-wrap > div > div > div > div:nth-child(1) > div > div:nth-child(1) {
    padding-top: 2em;
}

#contentView > section.padding > div:nth-child(2) > article > div.cont-bloq-wrap.compradorEstilo > div > div > div > div:nth-child(1) > div > div:nth-child(1) {
    padding-top: 1.5em;
}

#contentView > section.padding > div:nth-child(2) > article > div.cont-bloq-wrap.proveedorEstilo > div > div > div > div:nth-child(1) > div > div:nth-child(1) {
    padding-top: 1em;
}

/*region garantias*/

.myflexbox  #garantias h4 {
    margin-top: 11px;
}

.myflexbox #garantias .pull-right.rojo a {
    background: #8AB7DC;
}

    .myflexbox #garantias .pull-right.rojo a:before {
        border-top-color: #8AB7DC;
        border-right-color: #8AB7DC;
    }

    .myflexbox  #garantias .pull-right.rojo a:hover {
        background: #b40505;
    }

        .myflexbox #garantias .pull-right.rojo a:hover:before {
            border-top-color: #8AB7DC;
            border-right-color: #8AB7DC;
        }


.myflexbox .myflex #garantias .num-garantias a:hover {
    background: #155489;
}

    .myflexbox .myflex #garantias .num-garantias a:hover:before {
        border-top-color: #155489;
        border-right-color: #155489;
    }
/*fin region garantias*/

/*region sanciones*/

.myflexbox #sanciones h4 {
    margin-top: 11px;
}

.myflexbox #sanciones .pull-right.rojo a {
    background: #FFCA28;
}

    .myflexbox #sanciones .pull-right.rojo a:before {
        border-top-color: #FFCA28;
        border-right-color: #FFCA28;
    }

    .myflexbox #sanciones .pull-right.rojo a:hover {
        background: #b40505;
    }

.myflexbox #sanciones .pull-right.rojo a:hover:before {
    border-top-color: #FFCA28;
    border-right-color: #FFCA28;
}

/*fin region sanciones*/


@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(../fonts/glyphicons-halflings-regular.eot);
    src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
    content: "\2a"}
.glyphicon-plus:before {
    content: "\2b"}
.glyphicon-euro:before, .glyphicon-eur:before {
    content: "\20ac"}
.glyphicon-minus:before {
    content: "\2212"}
.glyphicon-cloud:before {
    content: "\2601"}
.glyphicon-envelope:before {
    content: "\2709"}
.glyphicon-pencil:before {
    content: "\270f"}
.glyphicon-glass:before {
    content: "\e001"}
.glyphicon-music:before {
    content: "\e002"}
.glyphicon-search:before {
    content: "\e003"}
.glyphicon-heart:before {
    content: "\e005"}
.glyphicon-star:before {
    content: "\e006"}
.glyphicon-star-empty:before {
    content: "\e007"}
.glyphicon-user:before {
    content: "\e008"}
.glyphicon-film:before {
    content: "\e009"}
.glyphicon-th-large:before {
    content: "\e010"}
.glyphicon-th:before {
    content: "\e011"}
.glyphicon-th-list:before {
    content: "\e012"}
.glyphicon-ok:before {
    content: "\e013"}
.glyphicon-remove:before {
    content: "\e014"}
.glyphicon-zoom-in:before {
    content: "\e015"}
.glyphicon-zoom-out:before {
    content: "\e016"}
.glyphicon-off:before {
    content: "\e017"}
.glyphicon-signal:before {
    content: "\e018"}
.glyphicon-cog:before {
    content: "\e019"}
.glyphicon-trash:before {
    content: "\e020"}
.glyphicon-home:before {
    content: "\e021"}
.glyphicon-file:before {
    content: "\e022"}
.glyphicon-time:before {
    content: "\e023"}
.glyphicon-road:before {
    content: "\e024"}
.glyphicon-download-alt:before {
    content: "\e025"}
.glyphicon-download:before {
    content: "\e026"}
.glyphicon-upload:before {
    content: "\e027"}
.glyphicon-inbox:before {
    content: "\e028"}
.glyphicon-play-circle:before {
    content: "\e029"}
.glyphicon-repeat:before {
    content: "\e030"}
.glyphicon-refresh:before {
    content: "\e031"}
.glyphicon-list-alt:before {
    content: "\e032"}
.glyphicon-lock:before {
    content: "\e033"}
.glyphicon-flag:before {
    content: "\e034"}
.glyphicon-headphones:before {
    content: "\e035"}
.glyphicon-volume-off:before {
    content: "\e036"}
.glyphicon-volume-down:before {
    content: "\e037"}
.glyphicon-volume-up:before {
    content: "\e038"}
.glyphicon-qrcode:before {
    content: "\e039"}
.glyphicon-barcode:before {
    content: "\e040"}
.glyphicon-tag:before {
    content: "\e041"}
.glyphicon-tags:before {
    content: "\e042"}
.glyphicon-book:before {
    content: "\e043"}
.glyphicon-bookmark:before {
    content: "\e044"}
.glyphicon-print:before {
    content: "\e045"}
.glyphicon-camera:before {
    content: "\e046"}
.glyphicon-font:before {
    content: "\e047"}
.glyphicon-bold:before {
    content: "\e048"}
.glyphicon-italic:before {
    content: "\e049"}
.glyphicon-text-height:before {
    content: "\e050"}
.glyphicon-text-width:before {
    content: "\e051"}
.glyphicon-align-left:before {
    content: "\e052"}
.glyphicon-align-center:before {
    content: "\e053"}
.glyphicon-align-right:before {
    content: "\e054"}
.glyphicon-align-justify:before {
    content: "\e055"}
.glyphicon-list:before {
    content: "\e056"}
.glyphicon-indent-left:before {
    content: "\e057"}
.glyphicon-indent-right:before {
    content: "\e058"}
.glyphicon-facetime-video:before {
    content: "\e059"}
.glyphicon-picture:before {
    content: "\e060"}
.glyphicon-map-marker:before {
    content: "\e062"}
.glyphicon-adjust:before {
    content: "\e063"}
.glyphicon-tint:before {
    content: "\e064"}
.glyphicon-edit:before {
    content: "\e065"}
.glyphicon-share:before {
    content: "\e066"}
.glyphicon-check:before {
    content: "\e067"}
.glyphicon-move:before {
    content: "\e068"}
.glyphicon-step-backward:before {
    content: "\e069"}
.glyphicon-fast-backward:before {
    content: "\e070"}
.glyphicon-backward:before {
    content: "\e071"}
.glyphicon-play:before {
    content: "\e072"}
.glyphicon-pause:before {
    content: "\e073"}
.glyphicon-stop:before {
    content: "\e074"}
.glyphicon-forward:before {
    content: "\e075"}
.glyphicon-fast-forward:before {
    content: "\e076"}
.glyphicon-step-forward:before {
    content: "\e077"}
.glyphicon-eject:before {
    content: "\e078"}
.glyphicon-chevron-left:before {
    content: "\e079"}
.glyphicon-chevron-right:before {
    content: "\e080"}
.glyphicon-plus-sign:before {
    content: "\e081"}
.glyphicon-minus-sign:before {
    content: "\e082"}
.glyphicon-remove-sign:before {
    content: "\e083"}
.glyphicon-ok-sign:before {
    content: "\e084"}
.glyphicon-question-sign:before {
    content: "\e085"}
.glyphicon-info-sign:before {
    content: "\e086"}
.glyphicon-screenshot:before {
    content: "\e087"}
.glyphicon-remove-circle:before {
    content: "\e088"}
.glyphicon-ok-circle:before {
    content: "\e089"}
.glyphicon-ban-circle:before {
    content: "\e090"}
.glyphicon-arrow-left:before {
    content: "\e091"}
.glyphicon-arrow-right:before {
    content: "\e092"}
.glyphicon-arrow-up:before {
    content: "\e093"}
.glyphicon-arrow-down:before {
    content: "\e094"}
.glyphicon-share-alt:before {
    content: "\e095"}
.glyphicon-resize-full:before {
    content: "\e096"}
.glyphicon-resize-small:before {
    content: "\e097"}
.glyphicon-exclamation-sign:before {
    content: "\e101"}
.glyphicon-gift:before {
    content: "\e102"}
.glyphicon-leaf:before {
    content: "\e103"}
.glyphicon-fire:before {
    content: "\e104"}
.glyphicon-eye-open:before {
    content: "\e105"}
.glyphicon-eye-close:before {
    content: "\e106"}
.glyphicon-warning-sign:before {
    content: "\e107"}
.glyphicon-plane:before {
    content: "\e108"}
.glyphicon-calendar:before {
    content: "\e109"}
.glyphicon-random:before {
    content: "\e110"}
.glyphicon-comment:before {
    content: "\e111"}
.glyphicon-magnet:before {
    content: "\e112"}
.glyphicon-chevron-up:before {
    content: "\e113"}
.glyphicon-chevron-down:before {
    content: "\e114"}
.glyphicon-retweet:before {
    content: "\e115"}
.glyphicon-shopping-cart:before {
    content: "\e116"}
.glyphicon-folder-close:before {
    content: "\e117"}
.glyphicon-folder-open:before {
    content: "\e118"}
.glyphicon-resize-vertical:before {
    content: "\e119"}
.glyphicon-resize-horizontal:before {
    content: "\e120"}
.glyphicon-hdd:before {
    content: "\e121"}
.glyphicon-bullhorn:before {
    content: "\e122"}
.glyphicon-bell:before {
    content: "\e123"}
.glyphicon-certificate:before {
    content: "\e124"}
.glyphicon-thumbs-up:before {
    content: "\e125"}
.glyphicon-thumbs-down:before {
    content: "\e126"}
.glyphicon-hand-right:before {
    content: "\e127"}
.glyphicon-hand-left:before {
    content: "\e128"}
.glyphicon-hand-up:before {
    content: "\e129"}
.glyphicon-hand-down:before {
    content: "\e130"}
.glyphicon-circle-arrow-right:before {
    content: "\e131"}
.glyphicon-circle-arrow-left:before {
    content: "\e132"}
.glyphicon-circle-arrow-up:before {
    content: "\e133"}
.glyphicon-circle-arrow-down:before {
    content: "\e134"}
.glyphicon-globe:before {
    content: "\e135"}
.glyphicon-wrench:before {
    content: "\e136"}
.glyphicon-tasks:before {
    content: "\e137"}
.glyphicon-filter:before {
    content: "\e138"}
.glyphicon-briefcase:before {
    content: "\e139"}
.glyphicon-fullscreen:before {
    content: "\e140"}
.glyphicon-dashboard:before {
    content: "\e141"}
.glyphicon-paperclip:before {
    content: "\e142"}
.glyphicon-heart-empty:before {
    content: "\e143"}
.glyphicon-link:before {
    content: "\e144"}
.glyphicon-phone:before {
    content: "\e145"}
.glyphicon-pushpin:before {
    content: "\e146"}
.glyphicon-usd:before {
    content: "\e148"}
.glyphicon-gbp:before {
    content: "\e149"}
.glyphicon-sort:before {
    content: "\e150"}
.glyphicon-sort-by-alphabet:before {
    content: "\e151"}
.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"}
.glyphicon-sort-by-order:before {
    content: "\e153"}
.glyphicon-sort-by-order-alt:before {
    content: "\e154"}
.glyphicon-sort-by-attributes:before {
    content: "\e155"}
.glyphicon-sort-by-attributes-alt:before {
    content: "\e156"}
.glyphicon-unchecked:before {
    content: "\e157"}
.glyphicon-expand:before {
    content: "\e158"}
.glyphicon-collapse-down:before {
    content: "\e159"}
.glyphicon-collapse-up:before {
    content: "\e160"}
.glyphicon-log-in:before {
    content: "\e161"}
.glyphicon-flash:before {
    content: "\e162"}
.glyphicon-log-out:before {
    content: "\e163"}
.glyphicon-new-window:before {
    content: "\e164"}
.glyphicon-record:before {
    content: "\e165"}
.glyphicon-save:before {
    content: "\e166"}
.glyphicon-open:before {
    content: "\e167"}
.glyphicon-saved:before {
    content: "\e168"}
.glyphicon-import:before {
    content: "\e169"}
.glyphicon-export:before {
    content: "\e170"}
.glyphicon-send:before {
    content: "\e171"}
.glyphicon-floppy-disk:before {
    content: "\e172"}
.glyphicon-floppy-saved:before {
    content: "\e173"}
.glyphicon-floppy-remove:before {
    content: "\e174"}
.glyphicon-floppy-save:before {
    content: "\e175"}
.glyphicon-floppy-open:before {
    content: "\e176"}
.glyphicon-credit-card:before {
    content: "\e177"}
.glyphicon-transfer:before {
    content: "\e178"}
.glyphicon-cutlery:before {
    content: "\e179"}
.glyphicon-header:before {
    content: "\e180"}
.glyphicon-compressed:before {
    content: "\e181"}
.glyphicon-earphone:before {
    content: "\e182"}
.glyphicon-phone-alt:before {
    content: "\e183"}
.glyphicon-tower:before {
    content: "\e184"}
.glyphicon-stats:before {
    content: "\e185"}
.glyphicon-sd-video:before {
    content: "\e186"}
.glyphicon-hd-video:before {
    content: "\e187"}
.glyphicon-subtitles:before {
    content: "\e188"}
.glyphicon-sound-stereo:before {
    content: "\e189"}
.glyphicon-sound-dolby:before {
    content: "\e190"}
.glyphicon-sound-5-1:before {
    content: "\e191"}
.glyphicon-sound-6-1:before {
    content: "\e192"}
.glyphicon-sound-7-1:before {
    content: "\e193"}
.glyphicon-copyright-mark:before {
    content: "\e194"}
.glyphicon-registration-mark:before {
    content: "\e195"}
.glyphicon-cloud-download:before {
    content: "\e197"}
.glyphicon-cloud-upload:before {
    content: "\e198"}
.glyphicon-tree-conifer:before {
    content: "\e199"}
.glyphicon-tree-deciduous:before {
    content: "\e200"}    

    
 .table > tbody > tr.trItemAsignado > td {
  background: #FFEBC2 !important;
}

.table > tbody > tr.trItemAsignado:hover > td  {
  background: #FFC46E !important; }   
  
  .the-loader {
    position: absolute;
    width: 60px;
    height: 60px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #FFF url(https://www.mercadopublico.cl/Home/Imagenes/status.gif) center center no-repeat;
    top: 50%;
    left: 50%;
}       
 
.spinner-interiores {
    position:relative;
    z-index:999;
    width:100%;
    top:0;
    left: 0;
} 

.highcharts-axis-labels.highcharts-xaxis-labels > span{
    white-space: normal !important;
}
.noExistePadre{
    background: #f0f0f0;
    padding: 20px 20px 30px 20px;
    margin-top: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #b9b9b9;
    }
.noExiste{
    margin-top: 20px;
    width:60%;
    margin-left: 20%;
    }
    
.errorVentana{
    width: 60%;
    margin-top: 9%;
    margin-left: 20%;
    }
.errorPadre{
    height: 400px;
    }
    
.errorVentana > .panel-body > .row{
    margin-bottom: 10px;
    }
.errorVentana > .panel-body > .col-12{
    text-align: center;
    margin-top: 30px;
    }
.montosTotales{
    position: absolute;
    margin-top: -80px;
    font-size: 14px;
    width:400px;
    }
table.montosTotales > tbody > tr > td:last-child{
    width:200px;
    }
input#totalHitos{
    height:20px !important;
    padding: 0px !important;
    }
.calendarVencimientoGarantia,.calendarVencimientoContrato{
    width:85%;
    float: left;
    }
.cboAvisoGarantia,.cboAvisoContrato{
    float:right;
	margin-right: -10px;
    }
.float-30b > .form-group > .cboAvisoGarantia{
    margin-left: 1em;
	float: none;
    }
.float-30b > .form-group > .calendarVencimientoGarantia{
    width: 75%;
    }
.calendarDisabled,.calendarDisabledContrato{
    width: 100%;
    height: 45px;
    background: rgba(151, 151, 151, 0.3);
    position: absolute;
    }
.contratosVigentesCont .num-contratos-vig, .contratosVigentesCont .pull-left{
    margin-top: 5% !important;
    }
.proveedorEstilo .contratosVigentesCont .num-contratos-vig, .contratosVigentesCont .pull-left{
    margin-top: 8% !important;
    }
#btnModalCorreosAdicionales
{
    line-height: normal;
    font-weight: initial;
    margin-left: -3px;
    display: inline;
    position: relative;
    top: -1px;
    color: #0066b7;
    font-size: 18px;
    z-index: 10;
    }    
#btnModalCorreosAdicionales:hover{        
    color: #ffffff;    
    }
#btnModalCorreosAdicionales>i{
    font-size: 15px;
    margin-left: 5px;
}
.btnCorreosAdicionales
{
    position: absolute;
	bottom: 1.9em;
    }
.txtIntroModal > p{
    text-align: center;
    padding: 0em 1em 1em;
    margin-bottom: 2em;
    margin-left: -10px;
    border-bottom: 1px solid #e5e5e5;
    margin-right: -10px;
    }
a#modificarFechaDeVencimiento {
    margin-top: 10px;
}
#txtObsCambioEstadoContrato
{
    height: 120px;
    }
#modalModificarAvisoDeVencimiento > div.modal-dialog > div > div.modal-body
{
    padding: 2em 15px 4em;
    }
#DatosBasicos > div.panel-body > div:nth-child(4) > div.col-6.last > div > div > div.col-7 > div
{
    margin-top: 1em;
    }
.add-hito,.add-garantia {
	margin-top: 1em !important;
}

.totalHitos {
    /*position: absolute;
    margin-top: -80px;*/
    font-size: 14px;
    width: 400px;    
}

table.totalHitos > tbody > tr > td:last-child {
    width: 200px;
    text-align: right;
}

table.totalHitos > tbody > tr > td > input.alerta-monto-rojo {
    color: red !important;
}

.alertas {
    background: #FFF7E5;
    border: 1px solid #f1c40f;
    box-sizing: border-box;
    width: 99.9%;
    margin-bottom: 20px;
    padding: 20px 20px 15px 20px;
    position: relative;
}

.opcionRespuestaEvaluacion {
    margin: 2px;
    border: solid;
    border-color: #F4F6FC;
    border-width: 1px;
    border-radius: 5px;
    padding: 10px 10px 10px 10px;
    text-align: justify;
    font-size: small;
    width: 19%;
    display: inline-block;
    background-color: #F4F6FC;
}

div.opcionRespuestaEvaluacion:hover {
    border-color: #2A7DFF;
}

.cuadroNotaEvaluacion {
    background-color: #EDFAED;
    width: 100px;
    height: 100px;
}

.textoNotaEvaluacion {
    color: #3DB038;
    text-align: center;
    vertical-align: central;
    font-size: 70px;
}
.botonDecargarGarantias {
    text-decoration: none !important;
    font-size: 16px !important;
    padding: 8px !important;
}


/* ---- IE ----*/
@media screen and (min-width:0\0) {
    /* Tus estilos CSS para IE9, IE10, IE11  */
    .select-wrap select{
        padding: 10px;
    }
    .montosTotales{
        position: inherit !important;
        margin-bottom: 10px !important;
    }
}

@media screen\0 { 
    /* Tus estilos CSS para IE8, IE9, IE10  */
    .select-wrap select{
        padding: 10px;
    }
    .montosTotales{
        position: inherit !important;
        margin-bottom: 10px !important;
    }
}