::-webkit-scrollbar-track {
    background: #f7f7f7;
}
::-webkit-scrollbar-thumb {
    background: #1691d6;
    border-radius: 5px;
    max-width: 8px;
}
::-webkit-scrollbar{
    width: 8px;
    max-width: 8px;
    height: auto;
    max-height: 8px;
}
/*
|
| Elementos de Invoice
| ----------------------------
|
*/
.invoice-title h2, .invoice-title h3 {
    display: inline-block;
}

.table > tbody > tr > .no-line {
    border-top: none;
}

.table > thead > tr > .no-line {
    border-bottom: none;
}

.table > tbody > tr > .thick-line {
    border-top: 2px solid;
}
/*
|
| Elementos de mensaje de error jQueryValidate
| ----------------------------
|
*/
li.input-error{
    list-style: none;
    height: 20px;
    line-height: 30px;
    margin-left: 10px;
    color: red;
    font-weight: bold;
    font-family: helvetica;
    font-size: 13px;
}
/*
|
| Elementos de busqueda jQuery
| ----------------------------
|
*/
.list-search{
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    max-height: 200px;
    position: absolute;
    z-index: 99;
    overflow-y: scroll;
    display: none;
}
.list-search .list-item{
    list-style: none;
    margin: 0;
    padding-left: 15px;
    height: 35px;
    background: white;
    width: 100%;
    border: rgb(210, 214, 222) 1px solid;
    border-left: 3px rgb(210, 214, 222) solid;
    border-top: none;
    line-height: 35px;
    padding-right: 15px;
    display: block;
    cursor: pointer;
    transition: all .1s;
}
.list-item:hover{
    background: rgb(55, 72, 80);
    color: rgb(184, 199, 176);
    border: rgb(55, 72, 80);
    border-left: 3px rgb(60, 141, 188) solid;
}
.list-item>a{
    display: block;
    color: #555;
}
.list-item>a:hover{
    display: block;
    color: rgb(184, 199, 176);
}
/*
|
| Media Print para impresión
| --------------------------
|
*/
#print_qrcode { display: none; }
#print_barcode { display: none; }
#print_invoice { display: none; }
@media print {
    #print_qrcode { display: block; }
    #print_barcode { display: block; }
    #print_invoice { display: block; }
}

/*
|
| Botones de tipo app para panel principal del manager
| ----------------------------------------------------
|
*/
ul.nav-list-items{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
ul.nav-list-items>li{
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    width: 170px;
    text-align: center;
}
ul.nav-list-items>li a.btn-full{
    min-width: 150px !important;
    height: 150px !important;
}
ul.nav-list-items>li a>i.fa-full{
    font-size: 8em !important;
}
ul.nav-list-items>li a>span{
    font-size: 1.5em !important;
}

/*
|
| Extensiones para bootstrap 3.0
| ------------------------------
|
*/
.input-group .form-control {
    z-index: auto !important;
}

/*
|
| Nuevo estilo para buscador personalizado
| ----------------------------------------
|
*/
.search-list{  
    position: absolute;
    border: 1px solid rgb(210, 214, 222);
    margin: 0;
    padding: 0;
    list-style: none;
    top: 95px;
    width: calc(100% - 30px);
    display: block;
    background-color: rgb(245, 245, 245);
    z-index: 999999999;
    border-top: none;
    overflow-y: scroll;
    max-height: 176px;
}

.search-list>li{
    margin: 0;
    width: 100%;
    cursor: pointer;
    border-top: 1px solid rgb(210, 214, 222);
    border-right: 1px solid rgb(210, 214, 222);
    transition: all .3s;
}
.search-list>li:hover{

}
.search-list>li a{
    color: #8A8A8A;
    transition: all 0.3s ease 0s;
    padding: 0px 0px 0px 12px;
    display: block;
    line-height: 34px;
    height: 34px;
    font-size: 20px;
    font-style: italic;
    font-family: times new roman;
}
.search-list>li a:hover{
    color: #FFFFFF;
    background: #2791AE;
}

#response_student_search, #response_parents_search, #response_attorney_search{
    display: none;
}


/*
|
| Estilo para inputs en grupo
| ---------------------------
|
*/
.panel-wall{
    display: block;
    width: 100%;
    float: left;
    height: auto;
    border-radius: 10px;
    border: 1px solid #E5E5E5;
    margin-bottom: 15px;
    margin-top: 15px;
    background: #F5F5F5 none repeat scroll 0% 0%;
    padding: 15px;
    box-shadow: 1px 2px 2px #D0D0D0;
}


.check_rememberme{
    height: 20px;
    line-height: 23px;
    display: block;
    float: right;
    margin-left: 5px;
}

/*
|
| Estilo para inputs
| ------------------
|
*/
.disabled{
    background: rgb(221, 221, 221) none repeat scroll 0% 0%;
    cursor: not-allowed;
    pointer-events: none;
}

/*
|
| Estilos para Formulario de Pasos (formStep)
| ------------------------------------------
|
*/
#formStep{
    display: block;
    list-style: outside none none;
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
    text-align: center;
}
#formStep li{
    display: inline-block;
    width: calc(100% / 4);
    text-align: center;
}
#formStep li span{
    color: #7E7E7E;
    margin-top: 15px;
    display: block;
    font-size: 15px;
    font-weight: bold;
}
#formStep li a{
    height: 100px;
    display: block;
    width: 100px;
    margin: 0px auto;
    line-height: 100px;
    border-radius: 50%;
    font-family: "Open Sans",Arial;
    font-size: 15px;
    background: #D8D8D8;
    color: #7D7C7C;
    font-size: 400%;
    font-style: normal;
    font-weight: bold;
    border: 5px solid rgb(255, 255, 255);
    box-shadow: 0px 8px 6px -6px rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}
#formStep li a:hover{
    color: #FFF;
    background: rgb(0, 180, 255) none repeat scroll 0% 0%;
}
#formStep li a.active{
    color: #FFF;
    background: rgb(0, 180, 255) none repeat scroll 0% 0%;
}


/*
|
| Estilo par titulo de formularios
| --------------------------------
|
*/
.text-title{
    display: block;
    border-bottom: 1px dashed rgb(225, 225, 225);
    width: 97%;
    height: auto;
    font-size: 16px;
    margin: 0px auto 20px;
    /*color: #000;*/
    font-family: Arial;
    min-height: 35px;
    line-height: 35px;
}
.text-title-ajax{
    text-align: center;
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    color: rgb(105, 105, 105);
}

/*
|
| Listado de imagenes para galeria
| --------------------------------
|
*/
.list-image-gallery{
    text-align: center; 
    list-style: outside none none; 
    margin: 0px; 
    width: 320px; 
    display: inline-block; 
    padding: 10px 5px;
    overflow-y: scroll;
    max-height: 200px;
    height: auto;
}
.list-image-gallery>li{
    width: calc(100% / 5); 
    text-align: center; 
    display: inline-block;
    padding: 5px;
}

/*
|
| Estilos para ColorBox
| ---------------------
|
*/
#cboxWrapper {
    position: fixed !important;
    transform: translate(-50%, -50%) !important;
    top: 50% !important;
    left: 50% !important;
}

/*
|
| Estilos para Horarios
| ---------------------
|
*/
.list-timeline{
    margin: 0px; 
    list-style: outside none none; 
    text-align: center; 
    display: table-cell; 
    vertical-align: middle; 
    padding: 0px;
    padding-top: 5px;
}
.list-timeline li{
    display: inline-block; 
    padding: 0px;
    padding-left: 5px;
    padding-right: 5px;
}
/* Lengueta Lateral Red Social */
.panel-slide{
    width: 400px;
    height: 500px;
    position: fixed;
    z-index: 10;
    right: -400px;
    /*right: 0px;*/
    top: 105px;
    background-color: white;
    border-bottom: #CECBCB 1px solid;
    border-radius: 4px 0px 0px 0px;
    border-top: #CECBCB 1px solid;
    border-left: #CECBCB 1px solid;
}
.panel-list{
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    overflow-y: scroll;
    min-height: 300px;
    max-height: 300px;
}
.panel-list>li{
    width: 49.5%;
    display: inline-block;
}
.panel-list .panel-input{
    padding: 10px;
}
.button-slide{
    width: 50px;
    height: 200px;
    position: fixed;
    z-index: 10;
    right: 0px;
    /*right: 400px;*/
    top: 405px;
    background-color: #1691d6;
    border-bottom: #CECBCB 1px solid;
    border-radius: 4px 0px 0px 0px;
    border-top: #CECBCB 1px solid;
    border-left: #CECBCB 1px solid;
}
.button-slide>a{
    color: #FFFFFF;
    writing-mode: vertical-lr;
    text-align: center;
    font-size: 25px;
    text-transform: uppercase;
    line-height: 50px;
    width: 100%;
    height: 100%;
    display: block;
}
/*
| ----------------
| Estilos para box
| ----------------
*/
.box.box-dauperu {
    border-top-color: #1691d6;
}
.box.box-solid.box-dauperu {
    border: 1px solid #03657C;
}
.box.box-solid.box-dauperu > .box-header {
    color: #505763;
    background: #cdcdcd;
    background-color: #f2f2f2;
}
.box.box-solid.box-dauperu > .box-header a,
.box.box-solid.box-dauperu > .box-header .btn {
    color: #ffffff;
}
.box.box-ace {
    border-top-color: #008ac3;
}
.box.box-solid.box-ace {
    border: 1px solid #008ac3;
}
.box.box-solid.box-ace > .box-header {
    color: #ffffff;
    background: #008ac3;
    background-color: #008ac3;
}
.box.box-solid.box-ace > .box-header a,
.box.box-solid.box-ace > .box-header .btn {
    color: #ffffff;
}
/*
| ---------------
| Estilos para bg
| ---------------
*/
.bg-dauperu {
    color: #fff !important;
    background-color: #1691d6 !important;
}
.bg-ace {
    color: #fff !important;
    background-color: #008ac3 !important;
}
/*
| ----------------
| Estilos para btn
| ----------------
*/
.btn-dauperu {
    color: #fff;
    background-color: #003D74;
    border-color: rgba(0,0,0,0.2);
}
.btn-dauperu:hover,
.btn-dauperu:focus,
.btn-dauperu:active,
.btn-dauperu.hover {
    color: #fff;
    background-color: #002240;
    border-color: rgba(0,0,0,0.2);
}
.btn-black {
    color: #fff;
    background-color: #444444;
    border-color: rgba(0,0,0,0.2);
}
.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.hover {
    color: #fff;
    background-color: #2b2b2b;
    border-color: rgba(0,0,0,0.2);
}
.btn-blue {
    color: #fff;
    background-color: #3b5998;
    border-color: rgba(0,0,0,0.2);
}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.hover {
    color: #fff;
    background-color: #2d4373;
    border-color: rgba(0,0,0,0.2);
}
.btn-red {
    color: #fff;
    background-color: #dd4b39;
    border-color: rgba(0,0,0,0.2);
}
.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.hover {
    color: #fff;
    background-color: #c23321;
    border-color: rgba(0,0,0,0.2);
}
.btn-justify{
    margin-left: 0px;
    margin-right: 10px;
}
/*
| -----------------------
| Estilos para paginacion
| -----------------------
*/
.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #004254;
    border-color: rgba(0,0,0,0.2);
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #cecece !important;
}

.form-readonly{
    margin: 5px 0px 5px 0px;
    padding: 0px 5px 0px 5px;
    border: 1px solid darkgrey;
    background-color: #cecece !important;
    height: 24px;
    border-radius: 0;
    box-shadow: none;
    border-color: #3c8dbc;
}
.form-normal-width{
    margin: 5px 0px 5px 0px;
    padding: 0px 5px 0px 5px;
    border: 1px solid darkgrey;
    height: 24px;
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    border-color: #d2d6de;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-normal-width:focus{
    border-color: #3c8dbc;
    box-shadow: none;
    outline: 0;
}
.form-normal{
    margin: 5px 0px 5px 0px;
    padding: 0px 5px 0px 5px;
    border: 1px solid darkgrey;
    height: 24px;
    border-radius: 0;
    box-shadow: none;
    border-color: #d2d6de;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-normal:focus{
    border-color: #3c8dbc;
    box-shadow: none;
    outline: 0;
}

.checkboxEsp label {
    display: inline-block;
    cursor: pointer;
    color: rgb(102, 102, 102);
    position: relative;
    padding: 5px 10px 5px 51px;
    font-size: 12px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
.checkboxEsp label:hover {
    background: rgb(144 198 246 / 15%); }
.checkboxEsp label:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    position: absolute;
    left: 15px;
    border-radius: 50%;
    background: none;
    border: 3px solid rgb(102, 102, 102);
}

.checkboxEsp label:before {
    border-radius: 3px; }
.checkboxEsp input[type="checkbox"] {
    display: none; }
.checkboxEsp input[type="checkbox"]:checked + label:before {
    display: none; }
.checkboxEsp input[type="checkbox"]:checked + label {
    padding: 4px 15px;
    border: 0px solid black;
    width: 100%;
    color: rgb(102, 102, 102);
    border-style: solid;
    border-color: rgb(0, 0, 0);
    border-width: 1px;
    font-size: 12px;
    text-align: center;
    border-radius: 5px;
    background: rgb(189, 215, 238);

}

.checkboxCol label {
    display: inline-block;
    cursor: pointer;
    color: rgb(102, 102, 102);
    position: relative;
    padding: 0px 0px 1px 30px;
    font-size: 11px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
.checkboxCol label:hover {
    background: rgb(144 198 246 / 15%); }
.checkboxCol label:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 2px;
    border-radius: 50%;
    background: none;
    border: 3px solid rgb(102, 102, 102);
}

.checkboxCol label:before {
    border-radius: 3px; }
.checkboxCol input[type="checkbox"] {
    display: none; }
.checkboxCol input[type="checkbox"]:checked + label:before {
    display: none; }
.checkboxCol input[type="checkbox"]:checked + label {
    padding: 0px 0px;
    border: 0px solid rgb(236 237 237);
    width: 100%;
    color: #32849c;
    border-style: solid;
    border-color: rgb(163 163 163);
    /* border-width: 1px; */
    font-size: 11px;
    text-align: center;
    border-radius: 5px;
    /* background: rgb(236 237 237); */
}
.botonCierreProceso{
    background: green;
    color: white;
}
.sinBordes{
padding-left: 0px;
padding-right: 0px;
}