.navbar-header .navbar-brand .logo-icon img{
    width: 100%;
}

:root{
    --azul : #273a7e;

}

.topbar{ background: var(--azul) !important; }
body{ background: #f2f7f8 !important; }
.nav-pills .nav-link.active, .nav-pills .show>.nav-link { background: var(--azul) !important; }
a{ color:#737373 !important; }
.nav-link.active { color:#FFF !important;  }
.nav-item a.active { font-weight: bold;}
.nav-item a i { margin-right: 10px; }
.nav-item{ border-bottom: 1px solid #ced6d8;}
header .navbar-nav a { color: #FFF !important; }
.b { font-weight: bold !important;}
.color-white{ color : #FFF !important; }
.color-mary{ color : var(--azul) !important; }
.btn-marymount{ background: var(--azul) !important; color:#FFF !important; text-decoration: none;}
.btn-marymount i { margin-right: 10px;}
a.color-white:hover{ color : #FFF !important; }

.btn-marymount-back{
        background: #dadada !important;
        border:1px solid #dadada;
        color:#000 !important;
        text-decoration: none;
}

.tj { text-align: justify; }
.btn-marymount-back i { margin-right: 10px;}

.help {
    font-size: 12px;
    margin:10px 0px;
    display: block;
}

.css-bar-green{ background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #1ea740 50%, #fafafa 50%, #fafafa) !important }
.select-card .card .card-body{ border: 2px solid #FFF; border-radius: 5px; }
.select-card .card .card-body:hover{ border: 2px solid #273a7e; border-radius: 5px; }
.select-card .card .card-body .css-bar { transition: ease all 0.5s;}
.select-card .card .card-body:hover .css-bar{ transform: scale(1.2) ;}
.uppercase{ text-transform: uppercase !important;}
.form-control:focus { border-color: rgb(39 58 126); !important }
.tdpb5 td { padding-bottom: 5px; }
.td2pl10 tr td:last-child::before{ content: ':';
    padding-right: 10px;
    display: inline-block;
    float: left; }
.td2pl10 tr td:last-child{ padding-left: 10px; }

.w100{ width: 100px !important; }
.w150{ width: 150px !important; }
.w200{ width: 200px !important; }
.w250{ width: 250px !important; }
.w300{ width: 300px !important; }
.w350{ width: 350px !important; }
.hand{ cursor: pointer; }

@media (max-width: 575.98px) {
    .w100, .w150, .w200 , .w250 , .w300 , .w350 { width: 100% !important;}
}

.custom-file-input:lang(en)~.custom-file-label:after { content: "Buscar"; }
.may{ text-transform: uppercase; }
.select2-container .select2-selection--single{
    height: 35px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px !important;
}

.table-white { background:#FFF; }
.table-white td { background:#FFF; }

.box-color{ background: whitesmoke;}
.form-group { margin-bottom: 5px; width: 100%;}

select.form-control.is-valid{
    background-position: right calc(0.375em + 1.1875rem) center !important;
    padding-right: calc(1.5em + -0.25rem) !important;
}

label {
    color: #000;
    font-weight: 400;
}

.nav-item a{ position: relative; }
.step-complete{
    position: absolute;
    right: 0px;
    top: 1px;
    font-size: 24px;
    color: #3bf162;
    text-shadow: 3px 3px 5px #000;
}

.pull-right{ float: right;}
.pull-left{ float: left;}

.bar-title{
    background: #273a7e;
    color: #FFF;
    padding: 5px 10px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    margin-bottom: 0px;
    text-align: center;
    text-transform: uppercase;
}

.form-check-custom{
    background: #e4e2e2;
    padding-left: 30px;
    border-radius: 5px;
    padding-top: 5px;
}

.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label {
    color: #000 !important;
}

.form-check-custom input{
    margin-top: 1px;
    width: 22px;
    height: 15px;
    margin-left: -25px;
}

.loading{
    text-align: center;
    padding:10px;
}

.btn-alone{
    margin-top: 29px !important;
}

.clearfix{ clear: both !important; display: block; width: 100%; }
.sign-email{ font-weight: bold;}
.error-list ul { margin: 0px; padding:0px;}
.error-list ul li { padding:5px; list-style: none; }
.big-icon{
    display: block;
    font-size: 40px;
}

.sign-cel{ display:none; }

.auth-wrapper {
    position: relative;
    min-height: 100vh;
}

.rounded {  border-radius: 4px!important; }
.greend{ color : green; }
.auth-wrapper .auth-box {
    box-shadow: 1px 0 20px rgb(0 0 0 / 8%);
    margin: 10% 0;
    max-width: 400px;
    width: 90%;
}

*{ outline: none !important; }

.error-list li{
        color : #f34d4d;
        margin-bottom: 5px;
}

.error-list li ul li{
    margin-bottom: -5px;
}

.error-list li a{
    font-weight: bold;
    color : #f34d4d !important;

}

.bg-white{  background: #FFF !important; }
.bg-green{  background: rgb(41, 141, 54) !important; }


.exa-complete{
    font-size: 36px;
    float: right;
    margin-top: -24px;
    margin-right: -15px;
}

@media (min-width: 768px){
    .col-md-1-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 10.33333%;
        max-width: 18.33333%;
    }

    .col-md-2-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 23.66667%;
        max-width: 23.66667%;
    }
}

.input-currency{
    position: relative;
}

.input-currency span {
    position: absolute;
    top: 5px;
    left: 13px;
}

.input-currency input{
    padding-left : 30px;
    text-align: right;
    max-width: 130px;
}

.min-box{
    min-height: 142px;
}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.875em;
    margin-bottom: .125rem;
}

.form-check-inline {
    display: inline-block !important;
    margin-right: 1rem;
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input:checked {
    background-color: #009efb;
    border-color: #009efb;
}
.form-check-input[type=radio] {
    border-radius: 50%;
}
.form-check .form-check-input {
    float: left;
    margin-left: -1.875em;
}
.form-check-input {
    background-position: left center;
}
.form-check-input {
    width: 1.375em;
    height: 1.375em;
    margin-top: .0625em;
    vertical-align: top;
    background-color: #eaedf5;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 0;
    appearance: none;
    color-adjust: exact;
    transition: background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.fl_checkbox{
    width: 25px;
    height: 25px;
    float: left;
    margin-top: -2px;
    margin-right: 10px;
}

.border{
    border:1px solid #dadada;
}

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

ul{ margin: 10px 0px; }

.label-input{
    display: inline-block;
    margin-right: 10px;
}

b, strong { color:#273a7e !important; }

.red{ color:red; }
.card-body .card-cap{
    border-left: 5px solid #273a7e;
    padding-left: 10px;
    border-top: 1px solid #273a7e !important;
    padding-top: 5px;
}

.sin-info{
    display: block;
    height: 38px;
}

.group-input-dir *{
    float:left;
}

.box-innert{
    background:#f5f5f5;
}

.group-input-dir input{ width :45%; }
.group-input-dir span { width: 10%; display: block; text-align: center; padding-top: 5px; }
.danger{ color: red;  }
.inline{ display: inline !important; }
.box-input-horizontal{
    display:block;
}

.box-input-horizontal label{
    display: block;
    margin-bottom: 5px;
}



.btn-group.bg-marymount {
    background: #273a7e;
    color: #FFF;
    border-radius: 15px;
}

.btn-group.bg-marymount button { color: #FFFFFF !important; }
.pagination { justify-content: center !important; }


.box-col{
    display: flex;
    flex-wrap: wrap;
}

.box-col .item{
    width: 31.33%;
    padding: 5px 0px 5px 30px;
    margin: 5px;
    border: 1px solid #FFF;
     position: relative;
}

.box-col .item:hover ,
.box-col .item.active {
  border: 1px solid;
  box-shadow: 1px 1px 1px;
}


.box-col .item input{
    position: absolute;
    left: 3px;
    top: 6px;
    width: 18px;
    height: 18px;
}


.select2-container{
   /* z-index: 999999999; */
}

.table-inner{
    width: 100%;
}

.table-inner tr{

}

.table-inner tr th {
    margin: 0px;
    border: none !important;
}

.table-inner tr td {
    margin: 0px;
    border: none !important;
}

.td-nopadding td{ padding:0px !important; }

.card-marymount{
    margin-bottom:0px;
    color: #2c2b2e;
    border: 1px solid #273a7e;
    border-radius: 8px;
}

.card-marymount .card-header b {
    color:#FFF !important;
}

.resaltar{
    background: #a6afb9;
    border-radius: 7px;
    border: 1px solid #303c4a;
}

.form-group-card  .form-group label {
    font-weight: bold;
    color: #273a7e;
}

.bg-box-resaltar{
    background: #efeeee;
    padding: 5px 10px;
    border: 1px solid #273a7e;
}

.color-white{ color:#FFF !important }
.color-black{ color:#000 !important }
.color-green{ color:rgb(49, 185, 101) !important }

.sidebar-nav ul .sidebar-item .sidebar-link{
    white-space: break-spaces;
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

.p-relative{
    position: relative;
}

.mascara{
    display:block;
    width: 100%;
    height: 100%;
    position: absolute;
    top:0px;
    left:0px;
}


[data-hide="true"]{
    display: none;
}

.field-error{ border:1px solid red; }

.info-record{
    padding: 5px;
}

.cap{ text-transform: uppercase; }

.label-cap{
    background: whitesmoke;
}

.table-div{
    border: 1px solid #b5b5b5;
    background: #FFF;
    padding: 0px !important;
}

.table-div label{
    display:block;
    background: #efefef;
    padding: 5px 10px;
}

.table-div .value{
    padding: 5px 10px;
}

.creadonly{  background: #FFF !important; }
.cred{ color: red; }

#act-emp-hijos tr{
    position: relative;
}

#act-emp-hijos tr:hover i{
    display:block;
}

#act-emp-hijos tr i{
    position: absolute;
    left: -15px;
    top: 23%;
    font-size: 18px;
    background: red;
    padding: 5px;
    border-radius: 8px;
    color: #FFF;
    display: none;
    cursor: pointer;
}

:root{
    --separador-height : 10px;
    --separador-color : #273a7e;
    --separador-margin : 20px 0px;
    --separador-width : 100%;
}

.separador{
    border-top: var(--separador-height)  solid var(--separador-color);
    margin: var(--separador-margin);
    width: var(--separador-width);
    display: block;
    clear: both;
}

.border-bottom-10{
    border-bottom: var(--separador-height)  solid var(--separador-color);
}

.resaltarbox{
 background: #f3f3d2;
 padding: 20px;
}

.progress{
    height: 15px !important;
}


.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgb(39 58 126);
    border-bottom: 0px solid transparent;
    color: #FFF;
    font-weight: bold;
}

.hand{ cursor: pointer; }
.border-start { border-left: 1px solid #e9ecef!important; }
.border-bottom { border-bottom: 1px solid #e9ecef!important; }

ul.empty{ margin:0px !important; padding: 0px !important; }
ul.empty li { margin:0px !important; padding: 0px !important; list-style: none; }

.page-item.active a{
     color:#FFF !important;
}

.warning {
    background-color: #FFCACA !important;
}
.success {
    background-color: #BDE4F0 !important;
}

.btn {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}


.btn-app {
    color: white;
    box-shadow: none;
    border-radius: 3px;
    position: relative;
    padding: 10px 15px;
    margin: 0;
    min-width: 60px;
    max-width: 80px;
    text-align: center;
    border: 1px solid #ddd;
    background-color: #f4f4f4;
    font-size: 12px;
    transition: all .2s;
    background-color: steelblue !important;
}

.btn-app > .fa, .btn-app > .glyphicon, .btn-app > .ion {
    font-size: 30px;
    display: block;
}

.btn-app:hover {
    border-color: #aaa;
    transform: scale(1.1);
}

.pdf {
  background-color: #dc2f2f !important;
}

.excel {
    background-color: #3ca23c !important;
}

.csv {
    background-color: #e86c3a !important;
}

.imprimir {
    background-color: #8766b1 !important;
}


      .filter {
        position: absolute;
        border: solid 1px;
        background-color: white;
        width: 100%;
        right: 0;
      }
      .arrow {
        border: solid black;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 5px;
        margin-left: 15px;
      }
      .down {
        transform: rotate(45deg);

      }

#datatable {
        font-family: Arial, Helvetica, sans-serif;
        border-collapse: collapse;
        width: 100%;
      }
      #datatable th {
        position: relative;
      }
      #datatable td,
      #datatable th {
        border: 1px solid #ddd;
        padding: 8px;
      }

.card-rounded{
    border-radius: 8px;
    margin-top: 20px;
}

.card-rounded .card-header{
    border-radius: 8px;
    margin-top: -20px;
}


.bg-APROBADO,
.bg-RECHAZADO,
.bg-PENDIENTE,
{

}

.bg-APROBADO { background :#1ea740; color: #FFF;}
.bg-RECHAZADO { background :#bd0505; color: #FFF;}
.bg-PENDIENTE { background :#e9e969; color: #000;}

.border{ border: 1px solid #e5e5e5; }
.bbold{ color:#000; font-weight: bold; }
.may { text-transform: uppercase; }

.badge-table{
    font-size: 12px;
    letter-spacing: 1px;
}

.fixed-bottom-buttom{

    position: fixed;
    bottom: 0px;
    background: #FFF;
    width: 95%;
    padding: 20px;

}

.resaltar-card{
    border: 1px solid #e1dcdc !important;
    box-shadow: 5px 7px 7px rgb(39 58 126) !important;
}

.table-cap thead tr{
    background-color: var(--azul);
    color: #FFF !important;
}


.table-result{
    width: 100%;
}

.table-result thead {

}

.table-result thead tr{
    border: 1px solid;
}

.table-result thead tr th{
    padding: 10px 5px;
    background: #ededed;
}

.table-result thead tr td{

}

.table-result tbody tr{

}

.table-result tbody tr td{
    padding: 5px;
}


td.cap{
        text-transform: uppercase;
        background: #efefef;
        padding: 7px;
        border: 1px solid #d5d5d5;
}

td.value{
    background: #FFF;
    padding: 7px;
    border: 1px solid #d5d5d5;
    font-weight: bold;
    color:var(--azul)
}

.card-boder,
.card-border{
  border: 1px solid #273a7e;
}

.ul-list{
    margin:0px;
    padding: 0px;
    width: 100%;
}

.ul-list li{
    list-style: none;
    width: 100%;
    margin-bottom: 5px;
}
.ul-list li .sub-item{
    margin: 0px;
    padding: 0px 0px 0px 30px;
    border: 1px solid #273a7e;
}

.ul-list li .sub-item li {
    list-style: auto;
    margin: 5px 0px;
    position: relative;
}

.link-caso{
    display: block;
    padding: 8px;
    background: #f3eeee;
    border-radius: 10px;
    font-weight: bold;
}

.icon-acta{
    font-size: 28px;
    margin-right: 13px;
    margin-top: 8px;
    cursor: pointer;
    position: absolute;
    right: 0px;
}

.icon-acta:hover{

    color: var(--azul);

}

ul.nav-tabs{
    margin: 0px  !important;
}

.nav-tabs .nav-link{
    border:none !important;
}

.nav-link i{
    font-size: 25px;
    float: left;
}

.nav-tabs .nav-link.active {
    background-color: #273a7e;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.tab-content>.active {
    display: block;
    border: 1px solid #e5e5e5;
}

.card-border{
    border: 1px solid var(--azul);
}

.tableInfo{
    padding-left : 10px;
    margin-bottom: 10px;
    word-break: break-all;
}

.tableInfo label{
    display: block;
    margin-bottom: -3px;

}


.titular-caso{
    background: #273a7e;
    color: #FFF;
    padding: 9px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

ul li{
    list-style: none;
}

ul.hover li:hover{
    background: #e6e7e9;
}

.box-drop{
    padding: 10px;
    border: 3px dotted var(--azul);
}

.item-pdf{
    list-style: none;
    display: inline-grid;
    margin: 10px 10px;
    width: 150px;

}
.item-pdf a {
    text-align: center;
}

.item-pdf button{
    visibility: hidden;
}

.item-pdf:hover button {
    visibility : inherit;
}

.item-pdf a i{
    color: #db2121;
    font-size: 92px;
    margin-bottom: 10px;
}

.item-pdf .name-file{
    word-break: break-all;
}

.ul-list-icon a {

}
.ul-list-icon i {
    float: left;
}

.ul-list-icon .name-file {
    padding-left: 30px;
    position: relative;
}

.ul-list-icon .name-file  i {
    position: absolute;
    left: 10px;
    top: 3px;
}


.header-sm {
    height:50px;
    margin-bottom:20px;
    background:var(--azul);
}

.header-sm img {
    width: auto !important;
}

.header-cap{
    color: #FFF;
    font-size: 20px;
}

.header-cap img{
    width: 45px;
    margin-right: 20px;
}

.welcome img{
    width: 45px;
    float: left;
}
.welcome h1{
    float: left;
    color: #FFF;
    margin: 0px;
    font-size: 15px;
}

.info-welcome{
    padding-left: 140px;

}

.bg-mary{
    background : var(--azul);
}

.header-cap strong {
    color:#FFF !important;
}

.info-welcome b{
    color: var(--azul);
}

.info-welcome img{
    float: left;
    margin-left: -122px;
    margin-top: -10px;
}

.link-box-app{
    text-decoration: none !important;
}

.link-box-app div i {
    font-size: 90px;
    position: absolute;
    right: 5px;
    bottom: 8px;
    opacity: 0.2;
}

.li-documento {
    padding: 5px;
}

.text-red{ color: red !important; }
.btn-col{ margin-top:  27px; }
.btn-sm.btn-col{ margin-top:  30px; }

.col-fecha{
    max-width: 180px !important;
}

.avatar-est{
    width: 75px;
    height: 75px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #e2e3d5;
    box-shadow: 2px 2px 6px 0px #c5c5c5;
}

.avatar-est img{
    width: 100%;
}

#list-compromisos{
    display: block;
    clear: both;
    padding-top: 20px;
}

#list-compromisos ul{
    margin: 0px;
    padding: 0px;
}

#list-compromisos ul li:first-child{
    border-top: none;
}

#list-compromisos ul li{
    position: relative;
    padding-left: 110px;
    margin: 10px 0px;
    padding-top: 10px;
    border-top: 1px solid #c5c5c5;
    text-align: justify;
    padding-right: 200px;
}

#list-compromisos ul li .acciones{
    position: absolute;
    top: 6px;
    right: 0px;
}

#list-compromisos ul li::before{
    content: attr(fecha);
    display: inline-block;
    width: 80px;
    position: absolute;
    left: 0px;
    font-weight: bold;
    color: #273a7e;
}

.docAdj{
    display: block;
    padding: 5px 10px 5px 10px;
    margin: 10px 0px 10px 10px;
    color: var(--azul);
    font-weight: 500;
    position: relative;
}

.progress-bar-danger{
    background-color: red !important;
    color: #FFF !important;
}
 
/** SUMMER EDITOR **/

.note-btn-group button{
    margin-left: 2px !important;
}

.note-btn-group button.btn-default {
    background-color: #c7c1c1 !important;
}

#attc-all .item-pdf a {
    text-align: left;
}

#attc-all .item-pdf a i {
    font-size: 37px;
    float: left;
    margin-right: 10px;
}

#attc-all .item-pdf .btn-danger{
    position: absolute;
    right: 9px;
}

[type="checkbox"].big {
    width: 25px;
    height: 24px;
}

.value-td{
  color: #5e5959;
  font-weight: 600;
}

.pull-right-float {
    padding: 8px 15px;
    border-radius: 57px !important;
    font-size: 28px;
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5);
    position: fixed;
    bottom: 50px;
    right: 5%;
}

.c-red{ color :red }


.color-yellow{
   color: rgb(234 179 8 / 1);
}

.color-success{
    color:#1ea740;
}

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

.event-delete{ 
    float: right !important;
    margin-left: 10px;
    margin-right: 6px;
    visibility: hidden;
}

.item-pdf:hover .event-delete{
    visibility: visible;
}

.cursor-pointer{ cursor: pointer; }