﻿/* General */

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > p {
    margin: 0;
    text-align: right;
}

.page-footer-fixed .page-footer {
    height: auto;
}

.page-header.navbar .page-logo .logo-default {
    margin: 5px 0 0;
    /*max-width: 155px;*/
}

.page-header.navbar .menu-toggler {
    background-image: url("../../img/sidebar_toggler_icon_default.png");
}

.page-header.navbar .menu-toggler-configuracion-regional {
    background-image: url("../../img/sidebar_toggler_icon_default.png");
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
    background: #00517E;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background-color: #00517E;
}

/* Sidebar */

.page-sidebar .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a {
    background: #00517E;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
.page-sidebar .page-sidebar-menu > li.active > a,
.page-sidebar .page-sidebar-menu > li.active.open > a {
    background: #00517E;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
.page-sidebar .page-sidebar-menu > li.active > a:hover,
.page-sidebar .page-sidebar-menu > li.active.open > a:hover {
    background: #00517E;
}

.page-sidebar .page-sidebar-menu > li > div:first-child,
.page-sidebar .page-sidebar-menu > li > a, 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
    border-top: 1px solid #484848;
}

.page-sidebar .page-sidebar-menu > li > div:first-child {
    display: block;
    font-size: 14px;
    font-weight: 300;
    margin: 0;
    padding: 25px 15px 10px;
    text-decoration: none;
    color: #d9d9d9;
}

.page-sidebar .page-sidebar-menu > li > div .fa {
    color: #888;
}

.page-sidebar.navbar-collapse.collapse .page-sidebar-menu-closed .hidden-collapse {
    display: none;
}

/* Modal */

.modal-header h4 {
    margin-bottom: 0;
    margin-top: 0;
}

.modal-dialog .select2-container, .select2-fix .select2-container {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
}

/* Botones */

.btn.grey-carrara {
    color: #337ab7 !important;
}

/* Form Wizard */

.form-wizard .steps > li.active > a.step .number, .form-wizard .steps > li.done > a.step .number {
    background-color: #00517E;
}

.form-wizard .progress-bar-ds {
    background-color: #00517E;
}

.form-wizard .progress {
    margin-bottom: 0;
}

/* Buscador rápido */

.sidebar-search .select2-container {
    display: inline;
    background: transparent;
 
}

.sidebar-search .select2-container .select2-selection {
    border: none;
    background: transparent;
    width: 100%;
}

.sidebar-search .selection,
.sidebar-search .select2-selection.select2-selection--single {
    width: 100%;
    padding: 0px;
    padding-left: 5px;
}

.sidebar-search .select2-selection__arrow {
    display: none !important;
}

.sidebar-search .select2-container .select2-selection span:first-child {
    color: #5c5c5c;
    line-height: 30px;
}

.sidebar-search .select2-container .selection {
    display: inline-block;
}

.sidebar-search .select2-container .selection span .select2-selection__arrow {
    display: inline;
    height: 0;
    top: -5px;
}

.sidebar-search .select2-results ul li {
    color: white;
}

.sidebar-search .select2-dropdown {
    display: inline;
    width: auto;
    background: rgba(0, 0, 0, 0.2);
}
.sidebar-search .select2-search input:first-child {
    background: transparent;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #00517E;
}

#select2-txBuscadorRapido-container {
    height: 30px;
}

.buscador-item .photo {
    float: left;
    margin: 0 6px 6px 0;
}

.buscador-item .photo img {
    height: 40px;
    width: 40px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    -o-border-radius: 50% !important;
    border-radius: 50% !important;
}

.buscador-item .photo i {
    height: 40px;
    width: 40px;
    line-height: 37px;
    text-align: center;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    -o-border-radius: 50% !important;
    border-radius: 50% !important;
    background: #EEEEEE;
}

.buscador-item .photo-sm img {
    height: 30px;
    width: 30px;
}

.buscador-item .photo-sm i {
    height: 30px;
    width: 30px;
    line-height: 27px;
}

.buscador-item:hover .photo i {
    background: #E8F0FE;
}

.buscador-item .subject {
    display: block;
    margin-left: 46px;
}

.buscador-item .subject .from {
    font-size: 13px;
    font-weight: 600;
}

.buscador-item .message {
    display: block !important;
    font-size: 12px;
    line-height: 1.3;
    margin-left: 46px;
}

/* jqGrid */

.pagination {
    margin: 0;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #fff;
    border-color: #fff;
    color: #00517E !important;
}

table.table input#cb_jqgrid {
    display: inline-block;
    float: left;
    margin-top: -10px;
    margin-left: 3px;
}

table.table #jqgrid_cb .icheckbox_minimal {
    margin-top: -21px;
}

.ui-jqgrid .ui-jqgrid-hdiv {
    background-color: #fff;
    padding-right: 0 !important;
}

table.table.ui-jqgrid-htable tr th:last-child {
    border-right: 0 !important;
}

.ui-jqgrid .btn-default {
    background-color: #fff !important;
}

.ui-jqgrid .btn-quick {
    margin-right: 2px;
}

/* search */
.ui-widget-overlay {
    background-color: rgba(0,0,0,0.5);
}

.ui-widget-header {
    font-weight: bold;
    background-color: #F5F5F5;
    color: #333;
}

.ui-jqdialog-title {
    float: none !important;
    font-size: 14px;
}

.ui-jqdialog .ui-jqdialog-titlebar {
    padding: 6px;
}

.ui-jqdialog .ui-jqdialog-titlebar-close span:before {
    content: "\e014";
}

.ui-jqdialog .ui-jqdialog-titlebar-close span {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    font-size: 15px;
}

.searchFilter {
    padding: 15px;
}

    .searchFilter select,
    .searchFilter input {
        padding: 6px;
        border: #ccc 1px solid;
        height: 30px;
        margin-right: 6px;
    }

.fm-button {
    border: #ccc 1px solid;
    padding: 6px 15px;
    background-color: #fff;
    font-size: 14px;
    border-radius: 2px;
}

.EditTable {
    background-color: #eee;
}

.EditButton {
    padding: 0 15px;
}

.ui-widget-content {
    padding: 0 !important;
}

.s-ico {
    position: absolute;
    right: 15px;
    top: 14px;
}

.ui-grid-ico-sort {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAsCAYAAACpOaImAAAAXElEQVQ4je2UwQnAIBAEV7EDf1mEs/8iUowkVSyYTw5C0DQQ5zmz7wVuSGYz20lmdwEASilbSulwKYmttTO8w3MQRwEAZn6xWPyXUGvtsxglcRQk8fukXPjAAwBc9jonxB51QWoAAAAASUVORK5CYII=');
    background-position: right;
    background-repeat: no-repeat;
}

.ui-icon-triangle-1-n {
    background-position: 0 6px;
}

.ui-icon-triangle-1-s {
    background-position: 0 -33px;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: alpha(opacity=35);
}

/** jqGrid **/

.ui-jqgrid .ui-jqgrid-bdiv {
    overflow-y: auto;
    overflow-x: hidden;
}

.ui-jqgrid .ui-jqgrid-btable {
    table-layout: auto; /*fixed*/
}

.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
    text-align: left;
}

.ui-jqgrid .ui-jqgrid-view {
    font-size: inherit !important;
}

.ui-jqgrid-hbox {
    padding-right: 0;
    margin-bottom: 5px;
}

.grid-icon {
    padding-left: 10px;
}

/** Select-2 corrección  */
/*.select2-container { z-index: 1000 !important;}*/

.select2-container--open{ z-index: 1000 !important;}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

.nowrap {
    white-space: nowrap;
}

.scroll-x {
    overflow-x: auto;
}

.dropdown.dropdown-extended a, .dropdown.dropdown-tasks a {
    color: #999;
}

#menu-alumnos-activos span {
    display: inline-block;
    font-size: 1.3em;
    line-height: 47px;
    margin-right: 20px;
}

#menu-alumnos-activos .progress {
    height: 10px; 
    width: 100px; 
    margin: 17px 10px 0 0; 
    display: inline-block;
}

#menu-alumnos-activos .progress .bar {
    height: 10px; 
}

/* Notificaciones internas */

/* carousel */
#quote-carousel 
{
    padding: 0 10px 30px 10px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 160px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -25px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -25px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

.item .item-content {
    border-left: none; 
    margin: 0;

    max-height: 350px;
    height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}

.item .item-content img {
    margin-bottom: 10px;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}

#divEstadisticas { font-size: 12px;}

.btnReporteProblema { min-height: 100px;color: #000;}
.btnReporteProblema i { font-size: 50px;color: #000 !important;margin-top: 20px !important;margin-bottom: 10px !important; }

.btnReporteProblema.activo,.btnReporteProblema.activo i { color: #fff !important;}

.btnReporteProblema:hover, .btnReporteProblema:hover i { color: #fff !important;}

.rowDisabled { cursor: not-allowed!important; background: darkgrey;}