/* 
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */

body{
    font-family: Open Sans, Comfortaa, 'Roboto', sans-serif;
    background: #EEEEEE;
}

h1 {
    /*font-family: Open Sans-Bold;*/
    font-weight: bold;
    font-size: 24px;
    color: #2A2A2A;
}


/****************************** BOTONES ***************************************/

.btn-succes{
    background: #45BD5C;
    border: 1px solid #379749;
    border-radius: 2px;
    color: white;
}

.btn-blue{
    background: #13CEF2;
    border: 1px solid #0FA4C1;
    border-radius: 2px;
    color: white;
}

/****************************** FIN DE BOTONES ********************************/

.title-catalog{
    font-weight: bold;
    font-size: 24px;
    color: #2A2A2A;
    padding: 0px;

    text-align: left;
}

.admin-crud-panel{
    background: #FFFFFF;
    border: 1px solid #D8D8D8;
    padding-top: 30px;
    padding-bottom: 30px;
}

.admin-crud-panel.reporte .border-bottom{
    /*border-bottom: 1px solid #D1D1D1;*/
    border-bottom: none !important;
    /*margin: 10px;*/
}

.admin-crud-panel.reporte.edit > .row{
    margin-bottom: 20px;
}

.admin-crud-panel.reporte.edit label{
    font-family: Open Sans;
    font-size: 15px;
    color: #666666;
}

.admin-crud-panel.reporte.edit .row div{
    font-family: Open Sans;
    font-weight: bold;
    font-size: 16px;
    color: #666666;
}

textarea{
    resize: none;
}

label{
    font-family: Open Sans;
    font-size: 14px;
    color: #666666;
    letter-spacing: -0.29px;
    font-weight: normal !important;
}

span.nombrePerfil {
    font-family: Open Sans;
    font-weight: bold;
    font-size: 15px;
    color: #2DA3AC;
    letter-spacing: -0.36px;
}

.dataTable-section{
    background-color: white;
    margin-top: 30px;
    padding: 30px;
}

.dataTable-section table{
    border: 1px solid #DDDDDD;
}
.dataTable-section table thead{
    background-color: #242424;
    font-family: Open Sans;
    font-weight: bold;
    font-size: 13px;
    color: #FFFFFF;
    letter-spacing: -0.31px;
}
.dataTable-section table tr:first-child{
    height: 50px;
}
.dataTable-section table > thead > tr > th{
    vertical-align: middle !important;
}
.dataTable-section table thead th::after{
    color: white;
    margin-bottom: 7px;
}
.dataTable-section table td{
    border: 1px solid #DDDDDD;
}

.login-super-container{
    background-image: url('../img/bigstock-Doctor-typing-on-his-computer--46871380.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    /*background-position: center;*/
}

@media(min-height: 530px){
    .login-super-container{
        background-size: initial;
        /*background-position: center;*/
    }
}
@media(min-width: 1600px){
    .login-super-container{
        background-size: cover;
        /*background-position: center;*/
    }
}
.login-form{
    margin-top: 35px;
    background-color: white;
    padding: 25px;
    padding-bottom: 10px;
}

.login-title{
    margin-top: 200px;
    /*margin-bottom: 20px;*/
    font-size: 30px;
    font-weight: bold;
}

.login-form label{
    font-weight: bold !important;
    font-size: 18px !important;
}

.login-form input{
    height: 35px !important;
}
.login-form .button{

}

.section-title{
    text-align: left;
    font-family: Open Sans;
    font-weight: bold;
    font-size: 24px;
    color: #2A2A2A;
}


/**************** CURSO****************/
.curso-banner-background{
    height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/default-image-banner.png);
}

.registro-curso #info .campos{
    margin-top: 30px;
}

.registro-curso #info .campos > div{
    margin-bottom: 25px;
}
.registro-curso #info .campos textarea{
    height: 80px;
}
.registro-curso #info .campos label{
    font-family: Open Sans;
    font-size: 13px;
    color: #2A2A2A;
}


.border-bottom{
    border: none;
    border-bottom: 1px solid black;
    font-weight: 200;
    ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
        color:    #707070;
    }
    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color:    #707070;
    }
    ::-moz-placeholder { /* Mozilla Firefox 19+ */
        color:    #707070;
    }
    :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color:    #707070;
    }
}


.registro-curso #temas_capitulos #modulos{
    margin-top: 50px;
}

.registro-curso #temas_capitulos #modulos .ele-modulo{
    margin-top: 20px;
    margin-bottom: 20px;
}


@media(max-width: 768px){
    .registro-curso #temas_capitulos .btn-succes{
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
    .registro-curso #temas_capitulos .btn-blue{
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
}

@media(min-width: 768px){
    .registro-curso #temas_capitulos .btn-succes{
        margin-bottom: 0px !important
    }
}

.registro-curso #temas_capitulos .tipoTema > .title{
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: Open Sans;
    font-size: 13px;
    color: #2A2A2A;
}

.registro-curso #temas_capitulos .tipoTema .tiposTema{

}

.registro-curso #temas_capitulos .tipoTema .tiposTema .ele:first-child{
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.registro-curso #temas_capitulos .tipoTema .tiposTema .ele:last-child{
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.registro-curso #temas_capitulos .tipoTema .tiposTema .ele{
    padding-bottom: 20px;
    background: #FFFFFF;
    border: 1px solid #D1D1D1;
    color: #D1D1D1;
    text-align: center;
    border-radius: 0px !important;
}

.registro-curso #temas_capitulos .tipoTema .tiposTema .ele.active{
    background: #11B3CF;
    color: white;
}
.registro-curso #temas_capitulos .tipoTema .tiposTema .ele.active > .title{
    color: white;
}



.registro-curso #temas_capitulos .tipoTema .tiposTema .ele .icon{
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 30px;
}

.registro-curso #temas_capitulos .tipoTema .tiposTema .ele .title{
    font-size: 15px;
    font-family: Open Sans;
    color: #D1D1D1;
}

.registro-curso #temas_capitulos .tipoTema > .tema{
    border: 1px solid black;
    padding-top: 20px;
    padding-bottom: 20px;
}

.tema-video {
    padding: 20px;
    border: 1px solid #D1D1D1;
}

.tema-video .title{
    font-family: Open Sans;
    font-size: 13px;
    color: #2A2A2A;
}

.tema-video label{
    font-family: Open Sans;
    font-size: 13px;
    color: #2A2A2A;
}


.temas-modulo .tema .btns{
    padding: 0;
}

.temas-modulo .tema .topic-title{
    font-family: Open sans-serif;
    font-size: 13px;
    padding-top: 8px;

}

.agregar-pregunta{
    background: #F6A623;
    border: 1px solid #C4841C;
    font-family: Open Sans;
    font-weight: bold;
    font-size: 13px;
    color: #FFFFFF;
}

.tema .pregunta{
    font-family: Open Sans;
    font-size: 13px;
    color: #000000;
    letter-spacing: 0;
    line-height: 18px;
}

.apply-margin-sub-divs > div{
    padding:0;
    margin-top: 20px;
}

.line-bottom{
    padding-bottom: 30px;
    border-bottom: 2px solid gray;
}
#btnAgregarMaestros {
    margin-bottom: 25px;
}

#btnAgregarMaestros:after {
    content: "Agregar maestro" !important;
}
#btnAgregarAlumno {
    margin-bottom: 25px;
}

#btnAgregarAlumno:after {
    content: "Agregar" !important;
}

#btnDarDeAltaAlumno{
    margin-bottom: 25px;
}

#btnDarDeAltaAlumno:after {
    content: "Agregar Alumno" !important;
}

#modalAddMaestro .bootstrap-select .dropdown-toggle{
    background-color: white;
    color: black;
}

input[type="file"]{
    max-width: 100%;
}

ul.typeahead > li{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lable-success{
    color: white;
    background: green;
}
.lable-danger{
    color: white;
    background: red;
}