.dropdown a h4 {
    display: inline-block;
}

.btn {
    border-radius: 20px;

}

.login_content a:hover {
    text-decoration: none;
}

.login_content {
    text-shadow: none;
}

.login {
    background: #FBBC1E;
    color: #33343E;
}

.login .separator {
    border-top-color: #33343E;
}

.login_content h1::before {
    background: linear-gradient(to left, #33343E 0%, #FBBC1E 100%);

}

.login_content h1::after {
    background: linear-gradient(to left, #FBBC1E 0%, #33343E 100%);

}

.colorpicker-element .add-on i,
.colorpicker-element .input-group-addon i {
    height: 23px;
}

.empresa_gamificacion_slider {
    display: none;
}

.ajax-file-upload-preview {
    max-width: 150px;
}

a,
button,
div,
*:focus {
    outline: 0 !important;
}

.bootstrap-select button {
    border-radius: 0;
    border: 1px solid #ced4da;
    background-color: #fff;
}

.ajax-file-upload {
    font-size: 16px;
    border-radius: 30px;
    height: 40px;
    line-height: 30px;
    font-weight: normal;
    box-shadow: none;

}

.ajax-file-upload-container {
    margin: 0;
}

.menu_empresa_nombre {
    font-size: 1.2em;
}

.prev_img {
    border-radius: 2px;
    padding: 5px;
    border: solid 1px #ccc;
    margin-bottom: 10px;
    display: block;
    width: max-content;
    max-width: 100px;

}

.app_preview {
    width: 251px;
    height: 413px;
    margin: 0px auto;
    background-size: cover;
    background-color: #ccc;
    color: white;
    text-align: center;

    position: relative;
    display: flex;
    flex-direction: column;
     border: solid 3px #ccc;
    border-radius: 4px;
}
/*
.app_preview::before {
    position: absolute;
    content: '';
    width: 305px;
    height: 571px;
    left: -27px;
    top: -76px;
    background-image: url("../images/phone_template.png");
    background-repeat: no-repeat;
    background-position: center;
}
*/
.app_preview .v_center {
    width: 80%;
    margin: 0 auto;
    background-color: #F3F4F7;
    border-radius: 8px;
    padding: 15px;
    position: relative;

}
.app_preview .v_center_titulo{
    padding: 5px;
    margin-bottom: 10px;

}
.app_preview .v_center_titulo .contador{
    position: absolute;
    left: 43%;
    width: max-content;
    padding: 4px;
    top: -20px;
    border-radius: 20px;
    background-color: #fff;
}
.app_preview .v_center_titulo .contador span{
font-size: 10px;
}
.app_preview .titulo {
    font-size: 0.7rem;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.0075em;
}

.app_preview .subtitulo {
    margin: 10px;
    font-size: 0.9rem;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.235;
    letter-spacing: 0.00735em;
}

.app_preview .boton {
position: absolute;
bottom: -8px;
left: 0;
right: 0;

}
.app_preview .boton span {
    border-radius: 6px;
    background-color: #4F86A0;
    color: #fff;
    padding: 6px 16px;
    font-size: 0.6rem;
    min-width: 64px;
    box-sizing: border-box;
    font-weight: 800;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
}

.app_preview .imagen img {

    height: 100px;
   /* border-radius: 100%;*/
    margin-bottom: 20px;
}

.app_preview .bottom {
    align-self: flex-end;
    display: flex;
    justify-content: space-between;
    align-self: flex-end;
    width: 100%;
}

.app_preview .bottom span {
    padding: 8px 25px;
    border-radius: 0 10px 0px 0;
    color: #fff;
}

.app_preview .bottom span.btn-next {
    border-radius: 10px 0 0px 0;

}

.app_preview .bottom span.btn-back {
    line-height: 24px;

}

.app_preview .bottom span.btn-next i {
    font-size: 24px;
    vertical-align: sub;
    margin-left: 5px;
}

.app_preview .top {
    text-align: left;
    display: block;
    margin-top: 10px;
    margin-left: 10px;
    font-size: 18px;
}


.app_preview .video {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.app_preview .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.app_preview .archivo{
padding: 10px 0;
}
.app_preview .archivo a{
color: #fff;
padding: 10px 20px;
text-decoration: none;
    border-radius: 4px;


}
.app_preview .archivo a i{
    margin-right: 5px;
}


.nav.side-menu > li.active > a{

background: #777;

}
.tile_count{
min-width: 200px;
}
.vista_previa li{
    display: none;
}
.vista_previa li .btn-next,.vista_previa li .btn-back,.vista_previa .branding-color-main-back{
    cursor: pointer;
}
.bottom {
    z-index: 10;
}

.table-responsive{
overflow: hidden;
}
.dataTables_wrapper{
    margin-top: 10px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{
background-color: var(--main-color) !important;
color:#fff !important;
}
.dataTables_wrapper .dataTables_filter input{

height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.dataTables_length select{
    height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.dataTables_paginate a{
    background: none !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    color:#666 !important;
}


.tareas_vista_previa .tareas_vista_previa_image_container{

position: relative;

}
.tareas_vp_icono{
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: none;
    width: 30px;
    height: 30px;
}
.tareas_vista_previa .placeholder,
.tareas_vista_previa1 .placeholder{
    background-color: #ccc;
    min-width: 50px;
    min-height: 10px;
}
.vista_previa_title{
    display: block;

    color:#000;
}
.vista_previa_subtitle{
        display: block;

    color:#7A7F85;
}
.tareas_vista_previa .img-fluid{
    border-radius: 5px;
    display: block;
}
.tareas_vista_previa .bg{
    position: relative;
    display: inline-block;
}
.tareas_vista_previa .bg::after {
    border-radius: 5px;
  content:'';
  position:absolute;
  left:0; top:0;
  width:100%; height:100%;
  display:inline-block;
  background:linear-gradient(341deg, rgba(8,114,143,1) 0%, rgba(8,114,143,0.2273109927564776) 100%);

}

.tareas_vista_previa{
    background-color: #F8F9FC;
    border-radius: 5px;
    padding: 15px 0 5px 0;
    border: solid 1px #aaa;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
}

.tareas_vista_previa1_top{
    min-height: 100px;
    text-align: center;
    position: relative;
    background:radial-gradient(circle farthest-corner at bottom center, rgb(34, 44, 47) 0%, rgb(28, 134, 157) 100%);
}
.tareas_vista_previa1_top i{
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 30px;
    color: #fff;
}
.tareas_vista_previa1{
    border-radius: 5px 5px 0 0;
    border: solid 1px #aaa;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
}
.tareas1_vp_icono{
    margin-top: 10px;
    width: 50px;
    height: 50px;
}
.vista_previa1_title{
    font-weight: bold;
    color: #fff;    display: block;


}
.vista_previa1_text{
    text-align: center;
    font-weight: bold;
    color: #004659;

}
.tareas_vista_previa1_pie .img-fluid{
display: none;

}
.tag_item{
    background-color: #ECEFF3;
    border-radius: 50px;
    margin: 3px 3px 3px 0;
    padding: 3px 6px 3px 0px;
    display: inline-block;
    font-size: 12px;
}
.tag_item img{
width: 20px;
height: 20px;
margin-right: 3px;
}

.radio .tag_item{
    margin-left: 3px;
}
.tareas_vista_previa1_pie{

background-color: #E0E8EA;

}
.tareas_vista_previa1_pie strong{
    position: absolute;
    left: 0;
    top: 10px;
    right: 0;
    color:#000;
    text-align: center;
}
.show_capsule{display: none;}
.Insertado td{
background-color: green;
}
.modificado td{
background-color: orange;
}
.listado_paginas li{
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: solid 1px #ccc;

}
.tab-pane{
   padding-bottom: 50px !important;
}
.sw .toolbar{
    padding-top: 50px !important;
}
.sw > .tab-content{
    overflow: visible !important;
}
.tareas_etiquetas .radio{
display: inline-block;
}

.tareas_tipos_pregunta img{
    width: 80%;
}

.accordion .btn-link{
    float: right;
    width: 25px;
    margin: 0;
    padding: 0;

}
.accordion .card-header .custom-control{
    display: inline-block;
}
.accordion i {
    font-size: 30px;
    color:#fff;
}
.accordion .card-header{
    padding: 0px 20px;
    background-color: var(--main-color);
    color:#fff;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before{
  background-color:#1ABB9C;
  border-color: #1ABB9C;
}
    [data-toggle="collapse"][aria-expanded="true"] > .js-rotate-if-collapsed
        {
            -webkit-transform: rotate(180deg);
            -moz-transform:    rotate(180deg);
            -ms-transform:     rotate(180deg);
            -o-transform:      rotate(180deg);
            transform:         rotate(180deg);
        }



.zoom {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
border-radius: 3px;
border: solid 2px #ccc;
padding: 3px;
background-color: #fff;
}

.zoom:hover,
.zoom:active,
.zoom:focus {
/**adjust scale to desired size,
add browser prefixes**/
-ms-transform: scale(3.5);
-moz-transform: scale(3.5);
-webkit-transform: scale(3.5);
-o-transform: scale(3.5);
transform: scale(3.5);
position:relative;
z-index:100;
}

#cm_listado_bloques .card{
    overflow: visible;
}
.empleado-estado{
    float: right;
}
.empleado-estado i{
color: var(--main-color);
font-size: 20px;
margin-left: 10px;
}
.empleados-info .list-group-item{
    padding-right: 7px;
}
.tile-stats{
    cursor: pointer;
}
.table-dashboard .badge{
    padding: 5px 15px;
    font-size: 12px;
}
.table-dashboard td{

padding-top: 2px; padding-bottom: 2px;

}

.dropdown-header{

font-weight: bold;
background-color: #ccc;
}
.dropdown-divider{
    display: none;
}
.btn:disabled{
    background-color: #ccc !important;
    border-color: #ccc !important;
    color: #666 !important;

}
#cm_evaluaciones .alert{
    min-width: 336px;
    display: inline-block;
    margin-bottom: 0;
    padding: 5px 2px 5px 10px;
}
#cm_evaluaciones_info #cm_estandares_place label{

    font-size: 20px;
    font-weight: bold;
}

#cm_evaluaciones_info #cm_estandares_place .media-body{
    font-size: 20px;
}
.tile-stats h3{
font-size: 16px;
}
.tile-stats .icon i{
    font-size: 40px;
}
.tile-stats .icon{
    top:11px;
    right: 30px;
}

@media print {
    .left_col{
        display: none;
        width: 0 !important;
    }
    .nav_menu{display: none;
    }
.page-title{
    display: none;

}
.btn{
    display: none;
}
.right_col{
    margin-left:0 !important ;
}
body{
    background: none;
}
.x_title{
    display: none;
}
footer{
    display: none;
}
}
.daterangepicker .ranges li:hover,.daterangepicker .ranges li.active{
    background-color: var(--main-color) !important;
}
.btn-primary{
    background-color: var(--main-color) !important;
    border-color: var(--main-color) !important;
}



div.file {
  position: relative;
  overflow: hidden; cursor: pointer;
}
div.file input {
  position: absolute;
  font-size: 50px;
  opacity: 0;
  right: 0;
  top: 0;
}

#upload-image-i img{
    border: solid 1px #ccc;
    border-radius: 2px;
    padding: 4px;

}
.tabledit-toolbar-column {
    min-width: 200px;
}
.note-editable{
    border-top : solid 2px #ccc ;
}

.note-editable {
    color:initial;

}
.note-editable p{

    margin-bottom: 0;
}