/*custom main header*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat');

.main-header .logo {
  font-weight: bold;
  font-family:"Montserrat", Arial, Helvetica, Sans-Serif ;
}

/*    Move everything below the header */
/*
.content-wrapper {
    margin-top: 76.4px;
}
.content {
    padding-top: 60px;
}
*/


/*    Format the title/subtitle text */
.title-box {
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform:translate(-50%, -50%);
}

@media (max-width: 590px) {
    .title-box {
        position: absolute;
        text-align: center;
        top: 10%;
        left: 10%;
        transform:translate(-5%, -5%);
    }
}

@media (max-width: 767px) {
    .primary-title {
        font-size: 1.1em;
    }
    .primary-subtitle {
        font-size: 1em;
    }
}


/*    Override the default media-specific settings */
@media (max-width: 5000px) {
    .main-header {
        padding: 0 0;
        position: relative;
    }
    .main-header .logo,
    .main-header .navbar {
        width: 100%;
        height: 110%;
        float: none;
    }
    .main-header .navbar {
        margin: 0;
    }
    .main-header .navbar-custom-menu {
        float: right;
    }
}
/*    Move the sidebar down */

.main-sidebar {
    position: absolute;
}
.left-side, .main-sidebar {
    padding-top: 100px;
}

/*    COLOR HEADER */
.skin-blue .main-header .logo {
    background-color: #343a40;
}

.skin-blue .main-header .logo:hover {
    background-color: #343a40;
}


/*    COLOR NAVBAR  */
 .skin-blue .main-header .navbar {
     background-color:#606164 
}
 .skin-blue .main-header .navbar .nav > li > a {
     color:#fff 
}
 .skin-blue .main-header .navbar .nav > li > a:hover {
     background:#343a40;
     color:#ffffff 
}
 .skin-blue .main-header .navbar .sidebar-toggle {
     color:#ffffff 
}
 .skin-blue .main-header .navbar .sidebar-toggle:hover {
     background:#343a40;
     color:#ffffff 
}
 .skin-blue .main-header .navbar .navbar-custom-menu .navbar-nav > li > a, .skin-blue .main-header .navbar .navbar-right > li > a {
     border-left:1px solid #606164;
     border-right-width:0 
}

/* BUTTONS RIGHT NAV BAR*/

 .nav-tabs-custom > .nav-tabs > li.active {
     border-top-color:#343a40 
}
 .nav-tabs-custom {
     box-shadow:5px 5px 5px lightgrey 
}

.navbar-nav > .messages-menu > .dropdown-menu, .navbar-nav > .notifications-menu > .dropdown-menu, .navbar-nav > .tasks-menu > .dropdown-menu {
    width: 450px;
    padding: 1;
    margin: 10px;
    top: 100%;
    background-color: #ECF0F5;
    box-shadow: 10px 10px 10px darkgrey;
}
.navbar-nav > .messages-menu > .dropdown-menu > li.header, .navbar-nav > .notifications-menu > .dropdown-menu > li.header, .navbar-nav > .tasks-menu > .dropdown-menu > li.header {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #606164;
    padding: 7px 10px;
    border-bottom: 3px solid #6F5378;
    color: #ffffff;
    font-size: 15px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu, .navbar-nav > .notifications-menu > .dropdown-menu > li .menu, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu {
    max-height: 1200px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: hidden;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
    color: #000000;
    overflow: hidden;
    white-space: normal;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a >.fa, -navbar-nav {
    color: #6F5378;
    overflow: hidden;
    white-space: normal;
}


/*    MAIN HEADER */
 .skin-blue .main-header > .logo {
     background-color:#B3CBB9;
     color:#000000;
     border-bottom:0 solid transparent;
     border-right:1px solid transparent;
     
}
 .skin-blue .main-header > .logo:hover {
     background-color:#B3CBB9 
}


/*    SIDEBAR MENÚ */
 .skin-blue .left-side, .skin-blue .main-sidebar, .skin-blue .wrapper {
     background-color:#D2D6DA;
     color: #373D43
}

 .skin-blue .sidebar-menu > li.active > a, .skin-blue .sidebar-menu > li:hover > a {
     color:#fff;
     background:#79A484;
     border-left-color:#00404d;
}

 .skin-blue .sidebar a {
     color: #373D43;
}


/*  Treeview */
.skin-blue .sidebar-menu > li > .treeview-menu {
     margin:0 1px; 
     background:#D2D6DA;
     box-shadow:inset 0px 0px 7px #606164;
     color:#373D43;
     padding-bottom:2px 
}
.skin-blue .treeview-menu > li > a {
    color: #373D43;
}
.skin-blue .treeview-menu > li:hover > a {
    color: #fff;
    background-color:#92B59A;
    border-left-color:#de0707;
}



