﻿/*******************************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/
.mayus {
    text-transform: uppercase !important;
}

/*#navbar{
    background-color: #87B87F !important;
}*/

/*******************************************************************************************/

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 5px !important;
    vertical-align: middle !important;
}
.table>thead>tr>th,.table>tbody>tr>th { text-align:center !important; }
.table-hover>tbody>tr:hover
{
    cursor: pointer !important;
}


.hide tbody > tr > th:nth-child(1) {
    display: none;
}

.hide tbody > tr > td:nth-child(1) {
    display: none;
}

tr.paginacion td table { width: 100%; }
tr.paginacion td table td {  }
tr.paginacion td table td a
,tr.paginacion td table td span 
{ 
    padding: 2px;
    line-height: 1.42857143;
    color: #0099da;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    display: block;
    width: 97%;
    text-align: center;
}
tr.paginacion td table td span 
{
    cursor: default;
    background-color: #353946;
    border-color: #353946;
    color: #ffffff;
}
tr.paginacion td table td a:hover
{
    background-color: #d2d2d2;
    border-color: #d2d2d2;
    color: #ffffff;
}




/******************************************************************/
/*                  CALENDARIOS                                   */
/******************************************************************/

.calendario div
{
    top: 30px !important;
    left: 0px !important;
    /*position: absolute !important;*/
    float: left !important;
    display: block;
}

.calendario input[type=text]
{
    text-align: center;
    background-color: #fff;
    /*letter-spacing: 1px;*/
}

.calendario_header_mes
{
    background-color: #4682B4;
    background-color: #F18103;
    color: #ffffff;   
    border: none;
}

.calendario_header_dia
{
    background-color: #F18103;
    background-color: #4682B4;
    color: #ffffff;
    font-weight: bold;
}

.calendario_dia_semana
{
    background-color: #FFFFFF;
    color: #000099;  
    height: 10px;  
}

.calendario_fin_semana
{
    background-color: #FFFFFF;
    color: #990000;   
}

.calendario_otro_mes
{
    background-color: #FFFFFF;
    color: #DDDDDD;
}

.calendario_dia_hoy
{
    background-color: #F18103;
    color: #ffffff; 
    font-weight: bold;
    border: solid 1px Navy;
}

.calendario_dia_seleccionado
{
    background-color: #FFFF00;
    color: #000000;
    font-weight: bold; 
    border: solid 1px navy; 
}

.calendario_dia_limpio
{
    background-color: #C3D9FF;
    color: #000000;
    font-weight: bold;
}

.calendario_mes_ano
{
    background-color: #FFFFC0;
    color: #000000;
}

.calendario_mes_ano_selec
{
    background-color: #C3D9FF;
    color: #000000;
    font-weight: bold;     
}

/*  FIN DE CALENDARIOS  */
/****************************************************************************/

.reloj div
{
    position: absolute !important; 
    left: 12px !important;
    top: 36px !important;
}

.reloj div td
{
    font-size: 110% !important;
}

/*****************************************************************************************************************/

/*.dataTables_length select{width:70px;height:25px;padding:2px 3px}.dataTables_length label{font-weight:normal}.dataTables_filter{text-align:right}.dataTables_filter input[type=text]{width:125px;height:18px;line-height:18px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;padding:4px 6px}.dataTables_filter label{font-weight:normal}.dataTables_info{font-size:14px}.dataTables_paginate{text-align:right}.dataTables_paginate .pagination{margin:0 12px}.dataTables_wrapper label{display:inline-block;font-size:13px}.dataTables_wrapper input[type=text],.dataTables_wrapper select{margin-bottom:0 !important;margin:0 4px}.dataTables_wrapper .row{margin:0 !important}.dataTables_wrapper .row:first-child{padding-top:12px;padding-bottom:12px;background-color:#EFF3F8}.dataTables_wrapper .row:first-child+.dataTable{border-top:1px solid #ddd;border-bottom:1px solid #ddd}.dataTables_wrapper .row:last-child{border-bottom:1px solid #e0e0e0;padding-top:12px;padding-bottom:12px;background-color:#EFF3F8}.dataTables_wrapper .dataTables_scroll+.row{border-top:1px solid #e0e0e0}.dataTable{margin-bottom:0}.dataTable>thead>tr>th[class*=sort]{cursor:pointer}.dataTable>thead>tr>th[class*=sort]:after{float:right;display:inline;content:"\f0dc";font-family:FontAwesome;font-size:13px;font-weight:normal;color:#555}.dataTable>thead>tr>th[class*=sort]:hover{color:#547ea8}.dataTable>thead>tr>th[class*=sorting_]{color:#307ecc}.dataTable>thead>tr>th.sorting_desc,.dataTable>thead>tr>th.sorting_asc{background-image:-webkit-linear-gradient(top, #eff3f8 0, #e3e7ed 100%);background-image:linear-gradient(to bottom, #eff3f8 0, #e3e7ed 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeff3f8', endColorstr='#ffe3e7ed', GradientType=0)}.dataTable>thead>tr>th.sorting_desc:after{content:"\f0dd";top:-6px;color:#307ecc}.dataTable>thead>tr>th.sorting_asc:after{content:"\f0de";top:4px;color:#307ecc}.dataTable>thead>tr>th.sorting_disabled{cursor:inherit}.dataTable>thead>tr>th.sorting_disabled:after{display:none}.dataTables_scrollHead+.dataTables_scrollBody>.dataTable>thead>tr>th:after{display:none}.dataTables_scrollHeadInner{width:auto !important}.dataTables_scrollHeadInner>.dataTable>thead>tr>th{border-bottom-width:0 !important}.dataTables_borderWrap .dataTables_scrollBody,.dataTables_borderWrap .dataTables_scrollHead{border:1px solid #ddd !important;border-width:0 1px !important}.dataTables_borderWrap .dataTables_scrollBody .table-bordered,.dataTables_borderWrap .dataTables_scrollHead .table-bordered{border-left-width:0;border-right-width:0}.dataTables_borderWrap .dataTables_scrollBody .table-bordered>thead>tr>th:first-child,.dataTables_borderWrap .dataTables_scrollHead .table-bordered>thead>tr>th:first-child,.dataTables_borderWrap .dataTables_scrollBody .table-bordered>tbody>tr>td:first-child,.dataTables_borderWrap .dataTables_scrollHead .table-bordered>tbody>tr>td:first-child{border-left-width:0}.dataTables_borderWrap .dataTables_scrollBody .table-bordered>thead>tr>th:last-child,.dataTables_borderWrap .dataTables_scrollHead .table-bordered>thead>tr>th:last-child,.dataTables_borderWrap .dataTables_scrollBody .table-bordered>tbody>tr>td:last-child,.dataTables_borderWrap .dataTables_scrollHead .table-bordered>tbody>tr>td:last-child{border-right-width:0}table.dataTable{clear:both;max-width:none !important}table.dataTable th:active{outline:none}div.dataTables_scrollHead table{margin-bottom:0 !important;border-bottom-left-radius:0;border-bottom-right-radius:0}div.dataTables_scrollHead table thead tr:last-child th:first-child,div.dataTables_scrollHead table thead tr:last-child td:first-child{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}div.dataTables_scrollBody table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dataTables_scrollBody tbody tr:first-child th,div.dataTables_scrollBody tbody tr:first-child td{border-top:none}div.dataTables_scrollFoot table{margin-top:0 !important;border-top:none}

.dataTables_filter input[type=text] {
    text-transform: uppercase !important;
}*/

.tab { min-width: 800px; }
.ajax__tab_header{ background: transparent !important; height: 40px !important;   }
        
.ajax__tab_inner,.ajax__tab_outer { background: transparent !important; }
.ajax__tab_body { padding: 0px !important;  border: none !important; }

.ajax__tab_tab{ background: transparent !important; height: 43px !important; min-width: 150px; border: none;  
                font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
                font-size: 1.3em;
                font-weight: 320;
                border-top-left-radius: 4px;
                border-top-right-radius: 4px;
                border: solid 1px #cccccc;
                border-bottom: none;
                }
.ajax__tab_tab:hover { background: #E2E2E2 !important; }
.ajax__tab_active .ajax__tab_tab{   background: #fff !important;                                         
                                    color: #666;                                        
                                    background-color: #fff;
                                    border: solid 1px #E2E2E2;   
                                    border-bottom: solid 1px #fff;                                                                                    
                                }


/**************************************************************************/
/*                     MODAL                                     */
/**************************************************************************/
/**************************************************************************/

.myModal{ 
        /*top: center !important; left: center !important;*/
        position: fixed !important;
        top: 0px !important;
        width: 90%;
        margin: 10px auto 0px !important;
        z-index: 1080000;
        }

.modal-body
{
    /*overflow-y: visible !important;*/
    max-height: 450px !important;
}
.modalBackground 
{
	background-color: #000000;
	filter:alpha(opacity=90);
	opacity:0.5;
	z-index: 1040 !important;
}

.modalBackground_2
{
	background-color: #46709E;
	filter:alpha(opacity=70);
	opacity:0.5;
	z-index: 1049 !important;
}

#cargando
{
    position: fixed; left: 0px; top: 0px; z-index: 180140; width: 100%; height: 100%;
    background-color: #000000;
    background-color: #F0AD4E;
	filter:alpha(opacity=15);
	opacity: 0.15;
	/*z-index: 100001;*/
}
.progreso{ margin: 0px auto; position: fixed !important; left: 30%; width: 40% !important; top: 10% !important;  z-index: 180150; 
           filter:alpha(opacity=100) !important; 
           opacity: 1 !important;
}
.progreso_texto { font-size: 1.3em !important; margin-bottom: 10px; }


.modal-form, .modal-ayuda
{
    margin: 0px auto; position: fixed !important; left: 30%; width: 80% !important; top: 10% !important;  z-index: 10010; 
    filter:alpha(opacity=100) !important; 
    opacity: 1 !important;
}
.modal-form .modal-header, .modal-ayuda .modal-header
{
    overflow-y: hidden !important;
    min-height: 50px;
}
.modal-form .modal-body
{
    height: 300px;
    overflow-y: scroll; 
}

.modal-ayuda
{
    margin: 0px auto; position: fixed !important; left: 30%; width: 80% !important; top: 3% !important;  z-index: 10010; 
    filter:alpha(opacity=100) !important; 
    opacity: 1 !important;
}
.modal-ayuda .modal-body
{
    height: 450px;
    /*overflow-y: scroll;*/ 
}


.modal-form2
{
    margin: 0px auto; position: fixed !important; left: 30%; width: 80% !important; top: 10% !important;  z-index: 10020; 
    filter:alpha(opacity=100) !important; 
    opacity: 1 !important;
}
.modal-form3
{
    margin: 0px auto; position: fixed !important; left: 30%; width: 80% !important; top: 10% !important;  z-index: 10030; 
    filter:alpha(opacity=100) !important; 
    opacity: 1 !important;
}

/****************************************************************************************************/
.form-group
{
    margin-bottom: 2px !important;
}



.widget-header {
    padding-top: -10px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 2px !important;
    min-height: 10px !important;
}
.widget-header > .widget-title {
    line-height: normal !important;
    font-size: 0.9em;
}

.grilla-header {
    font-size: 0.9em;
    vertical-align: middle;
}

.div_CursoSeleccionado .widget-body,.div_CursosLista .widget-main{
    padding: 4px !important;
}

hr {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.modal-open {
    overflow: auto !important;
}

.navbar {
    background: #313945 !important;
}

.ace-nav > li.light-blue > a:hover, .ace-nav > li.light-blue > a:focus, .ace-nav > li.open.light-blue > a {
    background-color: #313945 !important;
}

.ace-nav > li > a {
    background-color: #313945 !important;
}

.no-skin .navbar .navbar-toggle {
    background-color: #313945 !important;
}

    .no-skin .navbar .navbar-toggle.display, .no-skin .navbar .navbar-toggle[data-toggle=collapse]:not(.collapsed) {
        background-color: #313945 !important;
    }

    .no-skin .navbar .navbar-toggle:hover {
        background-color: #313945 !important;
        border-color: rgba(255,255,255,0.1);
    }

    .no-skin .navbar .navbar-toggle:focus {
        background-color: #313945 !important;
        border-color: transparent;
    }

.ace-nav > li {
    line-height: 45px !important;
    height: 45px !important;
    border-left: 1px solid #E1E1E1;
    padding: 0;
    position: relative;
    float: left;
}

 /*.breadcrumbs-fixed {
    position: fixed;
    right: 0;
    left: 190px;
    top: 45px !important;
    z-index: 1024;
}


.sidebar .sidebar-shortcuts {
    text-align: center;
    min-height: 45px !important;
    margin-bottom: 0;
    overflow: hidden;
    position: relative;
    border: 0 solid;
}*/

/*******************************************************************************************/
.btn-goes {
    background-color: #313945 !important;
    border-color: #313945 !important;
}


@media only screen and (max-width: 991px) {
    .sidebar.responsive {
        margin-top: 80px !important;
    }
}


.nav-user-photo {
    margin: -4px 8px 0 0;
    border-radius: 100%;
    border: 2px solid #FFF;
    max-width: 40px;
}

 .background-modal  {  
    background-color: Black;  
    filter: alpha(opacity=90);  
    opacity: 0.8;  
}  

.popup-confirmar {  
    background-color: #FFFFFF;  
    border-width: 3px;  
    border-style: solid;  
    border-color: black;  
    padding:5px;
    width: 400px;  
    height: 195px;  
 }

@media only screen and (max-width: 991px) {
    .responsivo {
        width: 18%;
    } 
}

@media only screen and (min-width: 768px) {
    .responsivo {
        width: 15%;
    }
}

@media only screen and (max-width: 600px) {
    .responsivo {
        width: 30%;
    }
}

.text-pause {
    color: #D43F8D !important;
}

.danger .pricing-divider {
    background: linear-gradient(to bottom right, #f095c4 0%, #eb6aad 100%) !important;
    padding: 1em 1em 4em 1em;
    position: relative;
}


.dashboard-col-xs-5,
.dashboard-col-sm-5,
.dashboard-col-md-5,
.dashboard-col-lg-5 {
    min-height: 1px !important;
    position: relative !important;
    padding-right: 0.50rem;
    padding-left: 0.50rem;
}
}

.dashboard-col-xs-5 {
    float: left !important;
    width: 20% !important;
}


@media (max-width: 576px) {
    .dashboard-col-xs-5 {
        float: left !important;
        width: 100% !important;
    }

    .responsivo{
        width:auto !important;
    }
}

@media (min-width: 576px) {
    .dashboard-col-xs-5 {
        float: left !important;
        width: 50% !important;
    }

    .responsivo {
        width: auto !important;
    }
}

@media (min-width: 768px) {

    .dashboard-col-sm-5 {
        float: left !important;
        width: 50% !important;
    }

    .responsivo {
        width: auto !important;
    }
}

@media (min-width: 992px) {

    .dashboard-col-md-5 {
        float: left !important;
        width: 20% !important;
    }
}

@media (min-width: 1200px) {

    .dashboard-col-lg-5 {
        float: left !important;
        width: 20% !important;
    }
}

.list-group-item .count{
    font-size:18px !important;
}

.text-end-movil {
    position: relative !important;
    /* width: 100%; */
    min-height: 1px !important;
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
}
}

