/*--------------------------------------------
[seções]

1. Fontes e tipografia / #fontes-tipografia

2. Geral / #geral

3. Botões / #botoes

4. Menu lateral / #menu-lateral

5. Container principal / #container-principal

6. Barra superior / #barra-superior
--------------------------------------------*/

/*--------------------------------------------
[1. Fontes e tipografia / #fontes-tipografia]
--------------------------------------------*/
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url('../fonts/opensans/opensans-light-webfont.woff') format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url('../fonts/opensans/opensans-webfont.woff') format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/opensans/opensans-bold-webfont.woff') format('woff');
}

.text-light {
    color: #9BA3AF;
}

.text-title,
.modal-title {
    color: #6B7687;
}

.header h1 {
    font-size: 24px;
    font-weight: lighter;
}

.header h1 .fa {
    font-size: 23px;
}

.panel-heading h1,
.panel-heading h2,
.panel-heading h3,
.panel-heading h4,
.panel-heading h5,
.panel-heading h6 {
    margin-top: 5px;
    margin-bottom: 5px;
}

/*--------------------------------------------
[2. Geral / #geral]
--------------------------------------------*/
.atalhos .panel .fa {
    font-size: 80px;
}

.atalhos .panel p {
    margin-bottom: 0;
    margin-top: 5px;
}

body {
    background-color: #F7F6F2;
    font-family: 'Open Sans', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, sans-serif !important;
    padding-top: 70px;
    padding-bottom:30px;
    overflow-x: hidden;
    color: #8A95A5;
}

.dropdown-menu > li > a {
    padding: 5px 20px;
    color: #6B7687;
}

.header {
    border-bottom: 1px solid #eaedf0;
    margin-top: 10px;
}

.header .actions {
    margin-top: 5px;
}

@media screen and (max-width: 480px) {
    .header .actions div {
        float: left !important;
        margin-bottom: 5px;
    }
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #15A4F9;
    border-color: #15A4F9;
}

.panel-heading {
    background: none !important;
}

.panel-message-read {
    border-left: 5px solid #9BA3AF;
}

.panel-message-unread {
    border-left: 5px solid #CB292E;
}

table thead th {
    color: #fff !important;
    border-color: #6B7687 !important;
    /*border-width: 3px !important;*/
    font-weight: normal !important;
}

thead {
    background-color: #9BA3AF;
}

.table {
    
    margin-bottom:0px;
    
}

/*--------------------------------------------
[3. Botões / #botoes]
--------------------------------------------*/
.btn {
    color: #fff;
}

.btn .fa {
    color: #fff;
}

.btn-danger {
    background-color: #DF6164;
    border-color: #CB292E;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #CB292E !important;
    border-color: #CB292E !important;
}

.btn-default {
    background-color: #9BA3AF;
    border-color: #6B7687;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #6B7687 !important;
    border-color: #6B7687 !important;
}

.btn-group .btn.btn-danger.dropdown-toggle {
    border-left: 1px solid #CB292E;
}

.btn-group .btn.btn-default.dropdown-toggle {
    border-left: 1px solid #6B7687;
}

.btn-group .btn.btn-info.dropdown-toggle {
    border-left: 1px solid #719ed2;
}

.btn-group .btn.btn-primary.dropdown-toggle {
    border-left: 1px solid #0580C9;
}

.btn-group .btn.btn-success.dropdown-toggle {
    border-left: 1px solid #45A355;
}

.btn-group .caret {
    color: #fff;
}

.btn-info {
    background-color: #70bff3;
    border-color: #719ed2;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #719ed2;
    border-color: #719ed2;
}

.btn-primary {
    background-color: #15A4F9;
    border-color: #0580C9;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #0580C9;
    border-color: #0580C9;
}

.btn-success {
    background-color: #72C380;
    border-color: #45A355;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #45A355;
    border-color: #45A355;
}

/* simular botão do multiselect como combo */
.btn-multiselect {
    color: #555;
    background-color:#fff;
    border:1px solid #ccc;
    border-radius: 4px;
    webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.btn-multiselect:active,
.btn-multiselect.active,
.open .dropdown-toggle.btn-multiselect {
    background-image:none
}

.btn-multiselect.disabled,
.btn-multiselect[disabled],
fieldset[disabled] .btn-multiselect,
.btn-multiselect.disabled:hover,
.btn-multiselect[disabled]:hover,
fieldset[disabled] .btn-multiselect:hover,
.btn-multiselect.disabled:focus,
.btn-multiselect[disabled]:focus,
fieldset[disabled] .btn-multiselect:focus,
.btn-multiselect.disabled:active,
.btn-multiselect[disabled]:active,
fieldset[disabled] .btn-multiselect:active,
.btn-multiselect.disabled.active,
.btn-multiselect[disabled].active,
fieldset[disabled] .btn-multiselect.active{
    background-color:#fff;border-color:#ccc
}

.btn-multiselect .badge{
    color:#fff;
    background-color:#333
}

/*--------------------------------------------
[4. Menu lateral / #menu-lateral]
--------------------------------------------*/
.custom-nav {
    margin-bottom: 10px;
}

.custom-nav li .fa {
    font-size: 16px;
    vertical-align: middle;
    width: 16px;
    color: #A0ACBF;
}

.custom-nav .sub-menu-list {
    list-style: none;
    display: none;
    margin: 0;
    padding: 0;
}

.custom-nav .sub-menu-list > li > a {
    font-size: 13px;
    display: block;
    padding: 10px 5px 10px 50px;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    color: inherit;
}

.custom-nav .sub-menu-list ul {
    border: 0;
}

.custom-nav .sub-menu-list li {
    padding: 7px 0 7px 40px;
}

.custom-nav > li > a {
    border-radius: 0;
    -webkit-border-radius: 0;
    padding: 10px 0 10px 15px !important;
    color: inherit;
}

.custom-nav > li > a:hover,
.custom-nav > li > a:active,
.left-side .custom-nav > li.nav-hover > a,
.left-side .custom-nav > li.nav-hover.active > a {
    border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #2F3949;
    border-left: 3px solid #15A4F9;
}

.custom-nav > li > a:hover .fa,
.custom-nav > li > a:active .fa,
.left-side .custom-nav > li.nav-hover > a .fa,
.left-side .custom-nav > li.nav-hover.active > a .fa,
.custom-nav > li > a:hover span,
.custom-nav > li > a:active span,
.left-side .custom-nav > li.nav-hover > a span,
.left-side .custom-nav > li.nav-hover.active > a span,
.custom-nav .sub-menu-list > li > a:hover,
.custom-nav .sub-menu-list > li > a:active,
.custom-nav .sub-menu-list > li > a:focus,
.custom-nav .sub-menu-list > li > a:hover .fa,
.custom-nav .sub-menu-list > li > a:active .fa,
.custom-nav .sub-menu-list > li > a:focus .fa {
    color: #fff;
    text-decoration: none;
}

.custom-nav > li > a:hover .fa,
.custom-nav > li > a:active .fa,
.left-side .custom-nav > li.nav-hover > a .fa,
.left-side .custom-nav > li.nav-hover.active > a .fa {
    margin-left: -3px;
}

.left-side {
    width: 260px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #354052;
    display: none;
    -webkit-box-shadow: 5px 0 200px 30px rgba(0, 0, 0, .5);
    box-shadow: 5px 0 200px 30px rgba(0, 0, 0, .5);
}

.left-side > .left-side-inner > ul > li {
    border-bottom: 1px solid #4d5361;
}

.left-side .left-side-inner {
    padding: 0;
}

.left-side .custom-nav {
    margin: 2px 0 20px 0;
}

.left-side .custom-nav li a {
    position: relative;
}

.left-side .custom-nav > li.menu-list > a {
    background-image: none;
}

.left-side .custom-nav li a span {
    padding: 7px 0 7px 7px;
}

.left-side .custom-nav li.active a span {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.left-side .custom-nav ul,
.left-side .custom-nav .menu-list.nav-active ul {
    display: none;
    background-color: #2F3949;
}

.left-side .custom-nav .menu-list.nav-hover ul {
    display: block;
}

.left-side .custom-nav ul a {
    text-align: left;
    padding: 6px 10px;
}

.left-side .custom-nav li a i {
    margin-right: 0;
}

.left-side .sub-menu-list li .fa {
    font-size: 12px;
}

.left-side .sticky-left-side {
    overflow-y: visible;
}

.left-side-inner {
    padding: 0px;
    margin-bottom: 50px;
}

.sticky-left-side {
    position: fixed;
    height: 100%;
    z-index: 100;
}

.sticky-left-side .custom-nav {
    margin-top: 70px;
}

/*--------------------------------------------
[5. Container principal / #container-principal]
--------------------------------------------*/
.wrapper {
    padding: 0 15px 15px 15px;
}

.wrapper::after {
    clear: both;
    display: block;
    content: '';
    margin-bottom: 30px;
}


/*--------------------------------------------
[6. Barra superior / #barra-superior]
--------------------------------------------*/
.info-number .badge {
    background: #DF6164;
    padding: 2px 5px;
    position: absolute;
    right: 4px;
    top: 10px;
}

.menu-right {
    float: right;
}

.navbar-fixed-top {
    background-color: #fff;
    border-bottom: none;
    border-top: 3px solid #179fab;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .07);
    box-shadow: 0 2px 3px rgba(0, 0, 0, .07);
}

.notification-menu {
    list-style: none;
    padding: 0;
}

.notification-menu > li {
    display: inline-block;
    float: left;
    position: relative;
}

.notification-menu > li > a {
    text-decoration: none;
    color: inherit;
}

.notification-menu > li > a > i {
    margin-top: 13px;
    font-size: 20px;
}

.notification-menu .dropdown-menu {
    margin-top: 12px;
}

.notification-menu .dropdown-toggle {
    padding: 10px 12px 10px 12px;
}

.notification-menu .dropdown-toggle .caret {
    margin-left: 5px;
}

.notification-menu .info-number {
    padding: 8px 12px 10px 12px;
    height: 50px;
    font-size: 16px;
}

.toggle-btn {
    display: inline-block;
    border-right: 1px solid #eaedf0;
    margin-top: 5px;
    height: 40px;
    padding-left: 13px;
    padding-right: 15px;
    margin-left: -13px;
}

.navbar-fixed-top .dropdown-toggle:hover,
.toggle-btn:hover {
    background-color: #f5f5f5 !important;
    text-decoration: none;
    color: inherit;
}

.toggle-btn .fa {
    padding-top: 13px;
    font-size: 22px;
}