/* Para que el button dropdown no salga tapado
 * TODO: comprobar que el override del overflow del td y .table-responsible no afecta otras cosas
 */
.dropdown-menu {
    left: auto;
    right: 0;
}
td {
    overflow: visible !important;
}
.table-responsive {
    overflow: visible;
}

/*
 * Programs
 */
.cell-1 {
    /*background-color: green;*/
    background-color: #00a65a;
}
.cell-2 {
    /*background-color: yellow;*/
    background-color: #ffed3c;
}
.cell-4 {
    /*background-color: red;*/
    background-color: #dd4b39;
}
.cell-3 {
    /*background-color: #01B0F0;*/
    background-color: #00c0ef;
}

.grey-cell{
    background-color: #CFD5EA;
}

.separator {
    background-color: #E7E6E6;
    width: 20px;
}

/*
 * Logo esquina superior izquierda
 */

.logo img {
    display: inline;
    padding-bottom: 4px;
    max-height: 100%;
    max-width: 160px;
}

.skin-black .main-header>.logo {
    border-right: 1px solid #36859B;
}

.skin-black .main-header .logo {
    background-color: #2e7386;
}

.skin-black .main-header>.logo:hover {
    background-color: #2b6b7d;
}

/*
 * Barra superior
 */
.skin-black .main-header .navbar{
    background-color: #36859B;
}

/*
 * Icono menú toggle
 */

.skin-black .main-header .navbar .sidebar-toggle {
    color: #fff;
    border-right: 1px solid #36859B;
}
.skin-black .main-header .navbar .sidebar-toggle:hover {
    color: #fff;
    background-color: #2b6b7d;
}

/*
 * Icono derecho dropdown user
 */

.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav>li>a, .skin-black .main-header .navbar .navbar-right>li>a {
    color: #fff;
    border-left: 1px solid #36859B;
}

.skin-black .main-header .navbar .nav>li>a:hover {
    background-color: #2b6b7d;
}

.skin-black .main-header .navbar .nav>li>a:hover,
.skin-black .main-header .navbar .nav>li>a:active,
.skin-black .main-header .navbar .nav>li>a:focus,
.skin-black .main-header .navbar .nav .open>a,
.skin-black .main-header .navbar .nav .open>a:hover,
.skin-black .main-header .navbar .nav .open>a:focus,
.skin-black .main-header .navbar .nav>.active>a {
    color: #fff;
    background-color: #2b6b7d;
}

/*
 * Login y registro
 */
.login-page, .register-page {
    background: #36859B;
}
.login-logo img {
    width: auto !important;
}

/*
 * Crear element (para hacer un clear both, por ejemplo para el admin create de user para organizar las rows/columns
 */
.clearelement {
    clear: both;
}

.content-alerts{
    min-height: 0 !important;
}

.border-group-trainer{
    border-left: 2px solid #999999;
}

.size-label{
    font-size: 85% !important;
}

.zone-srollable{
    height: 325px;
    overflow-y: auto;
}