@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
.chosen-single{
    background: #FFFFFF !important;
    border: 1px solid #e5e6e7 !important;
    padding: 4px 12px !important;
    border-radius: 1px !important;
    box-shadow: 0 0 3px white inset, 0 1px 1px rgb(255 255 255 / 10%) !important;
}
.chosen-container-single .chosen-drop{
    margin-top: -5px !important;
    border-radius: 0 0 4px 4px !important;
    border: 1px solid rgb(251, 251, 251) !important;
}
.chosen-container-single .chosen-single div{
    top: 5px !important;
}
#obligatorio {
    color: #cc0000;
  }
/* CSS used here will be applied after bootstrap.css */
.modal-header-success {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #1ab394;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal-header-warning {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #f0ad4e;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal-header-danger {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #d9534f;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal-header-info {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #5bc0de;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal-header-primary {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #428bca;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


table{
    width: 100%;
}
.idRecibo{
    background-color: palevioletred;
    border-radius: 5px;
    font-size: 15px;
    font-family: Montserrat;
    color: rgb(237, 240, 241);
    font-weight: 900;
    text-align: center;
}
td.details-control {
    background: url('../img/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../img/details_close.png') no-repeat center center;
}
tr.details td.details-control {
    background: url('../img/details_close.png') no-repeat center center;
}

.ibox-content{
    background-color: rgb(234, 247, 255);
}

.btnForm{
    align-content: flex-start;
}
.guardar{
    padding-top: 50px;
}
#mvcMain {
    /*display: none;*/
}
#mvcIcon {
    /*display: block;*/
}
.shfDevelopmentBar {
    background-color: rgb(61,35,0);
    position: fixed;
    right: 0px;
    color: #ffffff;
    /*width: 500px;*/
    z-index: 2147483647;
    padding: 3px 3px 3px 5px;
    border-radius: 0px 0px 0px 5px;
    font-size: 0.8em;
    text-shadow: 1px 1px 2px rgba(20, 20, 20, 1);
    top: 0px;
}
.mvcPointer {
    cursor: pointer;
}
#imgProfile{
    width: 45px;
    height: 45px;
}
.dropdown-menu{
    min-width: 100px;
}
.dataTables_wrapper{
    padding-bottom: 0px;
    padding-right: 20px;
}

/*********************************** Estilos Personales ******************************/
/*********************************** Toast ******************************/
#myToast-container{
    display: none;
    position: fixed;
    z-index: 999999;
    right: 0px;
    color: #ffffff;
    /*width: 500px;*/
    z-index: 2147483647;
    /*padding: 3px 3px 3px 5px;*/
    font-size: 0.8em;
    text-shadow: 1px 1px 2px rgba(20, 20, 20, 1);
    top: 70px;
    right: 10px;
    opacity: 0.7;
}
#toast-content-mensaje{
    padding: 6px;
    border-radius: 5px;
    font-size: 15px;
}
#myToast-container:hover{
    opacity: 0.9;
}
#toast-mensaje:hover{
    cursor: pointer;
}
.my-toast-progress{
    display: none;
    /*    position: absolute;
        left: 0;
        bottom: 0;
        height: 4px;
        background-color: #000;
        opacity: .4;
        -ms-filter: alpha(Opacity=40);
        filter: alpha(opacity=40);
        top: 28px;
        width: 182px;
        border-radius: 0 0 5px 5px;*/
}
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 0, 0, 0, .4 ) 
        url('../img/loading.svg') 
        50% 50% 
        no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

/*estilo grande para el sweet alert2*/
.swal2-popup{
    font-size: 1.2em !important;
}