/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 05/04/2016, 15:07:39
    Author     : maurojunior
*/

/* Top Navigation

8888888 8888888888 ,o888888o.     8 888888888o             b.             8          .8. `8.`888b           ,8' 
    8 8888    . 8888     `88.   8 8888    `88.           888o.          8         .888. `8.`888b         ,8'  
    8 8888   ,8 8888       `8b  8 8888     `88           Y88888o.       8        :88888. `8.`888b       ,8'   
    8 8888   88 8888        `8b 8 8888     ,88           .`Y888888o.    8       . `88888. `8.`888b     ,8'    
    8 8888   88 8888         88 8 8888.   ,88'           8o. `Y888888o. 8      .8. `88888. `8.`888b   ,8'     
    8 8888   88 8888         88 8 888888888P'            8`Y8o. `Y88888o8     .8`8. `88888. `8.`888b ,8'      
    8 8888   88 8888        ,8P 8 8888                   8   `Y8o. `Y8888    .8' `8. `88888. `8.`888b8'       
    8 8888   `8 8888       ,8P  8 8888                   8      `Y8o. `Y8   .8'   `8. `88888. `8.`888'        
    8 8888    ` 8888     ,88'   8 8888                   8         `Y8o.`  .888888888. `88888. `8.`8'         
    8 8888       `8888888P'     8 8888                   8            `Yo .8'       `8. `88888. `8.`          

*/


[class^="icon-"], [class*=" icon-"] {
    background-image: none; 
}
.navbar-top .dropdown-scroll li a:hover {
    background: none;
}
.dropdown-menu li > a {
    display: block;
    clear: both;
    font-weight: normal;
    white-space: nowrap;
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
    text-decoration: none;
    color: #ffffff;
}
.navbar-top .dropdown-toggle {
    padding-top: 6px;
    padding-bottom: 4px;
}

.navbar-top .nav-top {
    margin-left: 15px;
}

.navbar-top>.nav-top>.nav>li {
    display: inline-block;
    float: left;
}

.navbar-top>.nav-top>ul.navbar-right>li {
    margin-right: 5px;
}

.navbar-top>.nav-top>ul.navbar-right>li:last-child {
    margin-right: 0;
}

.navbar-top>.nav-top>.nav>li>a {
    height: 50px;
    padding-top: 15px;
    color: #fff;
}

.navbar-top>.nav-top>.nav>li>a:hover,
.navbar-top>.nav-top>.nav>li>a:focus {
    color: #fff;
    background-color: #142434;
}



.navbar-top .dropdown-alerts {
    left: -60px;
    min-width: 280px;
}

.navbar-top .dropdown-tasks {
    left: -119px;
    min-width: 280px;
    border-color: #94c0dc;
}

.navbar-top .dropdown-user {
    left: -80px;
    margin: 0;
    min-width: 200px;
}

.navbar-top .dropdown-scroll {
    margin: 0;
    padding: 0;
}

.navbar-top .dropdown-scroll .dropdown-header {
    padding: 15px 10px;
}

.navbar-top .dropdown-scroll .dropdown-header:active,
.navbar-top .dropdown-scroll .dropdown-header:focus,
.navbar-top .dropdown-scroll .dropdown-header:hover {
    color: inherit;
    background: inherit;
}



.navbar-top .dropdown-scroll li:last-child {
    border-bottom: none;
}

.navbar-top .dropdown-scroll li a {

    display: block;
    padding: 10px;
}

.navbar-top .dropdown-scroll li a:hover {
    text-decoration: none;
    background-color: inherit;
}

.navbar-top .dropdown-scroll .dropdown-footer {
    display: block;
    border-top: 1px solid #ccc;
    border-bottom: none;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}

.navbar-top .dropdown-scroll p {
    margin: 0;
}

.navbar-top .dropdown-scroll li a,
.navbar-top .dropdown-scroll li a:hover,
.navbar-top .dropdown-messages li a:hover,
.navbar-top .dropdown-alerts li a:hover,
.navbar-top .dropdown-tasks li a:hover {

    color: #333;
}

.navbar-top .messages-link,
.navbar-top .messages-link:hover,
.navbar-top .messages-link:focus,
.navbar-top .dropdown-messages .dropdown-header,
.navbar-top .dropdown-messages .dropdown-header:hover,
.navbar-top .dropdown-messages .dropdown-footer,
.navbar-top .dropdown-messages .dropdown-footer a,
.navbar-top .dropdown-messages .dropdown-footer a:hover {
    color: #fff;
    background: none !important;
}

.navbar-top .alert-icon {
    width: 25px;
    margin-right: 5px;
    text-align: center;
    color: #fff;
}

.navbar-top .tasks-link,
.navbar-top .dropdown-tasks .dropdown-header,
.navbar-top .dropdown-tasks .dropdown-header:hover,
.navbar-top .dropdown-tasks .dropdown-footer,
.navbar-top .dropdown-tasks .dropdown-footer a,
.navbar-top .dropdown-tasks .dropdown-footer a:hover {
    color: #fff;
    background: #2980b9 !important;
}

.navbar-top .dropdown-tasks .progress {
    height: 10px;
    margin-bottom: 5px;
    border-radius: 0;
}

.navbar-top .number {
    position: absolute;
    bottom: 33px;
    left: 30px;
    width: 20px;
    height: 20px;
    padding-right: 1px;
    border-radius: 50%;
    text-align: center;
    font-size: 11px;
    line-height: 20px;
    color: #fff;            
    background-color: #b94a48;
}

@media(min-width:768px) {
    .navbar-top {
        z-index: 1030;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        max-height: 50px;
        border-radius: 0;
    }

    .navbar-top .navbar-header {
        width: 225px;
        background-color: transparent;
    }

    .navbar-top .navbar-left {
        display: inherit;
    }

    .navbar-top #sidebar-toggle {
        display: inline-block;
    }

    .navbar-top .nav-top {
        margin-right: 15px;
        text-align: inherit;
    }

    .navbar-top .dropdown-user {
        left: inherit;
        min-width: inherit;
    }

    .navbar-top .dropdown-messages,
    .navbar-top .dropdown-alerts,
    .navbar-top .dropdown-tasks {
        left: inherit;
        width: 300px;
    }

    .navbar-top .dropdown-scroll li a:hover {
        text-decoration: none;
    }

    .navbar-top .dropdown-messages li a:hover {
        background-color: #e8f6f3;
    }

    .navbar-top .dropdown-alerts li a:hover {
        background-color: #DCDCDC;
        margin-left:-25px;
        padding-left:35px;
       

    }

    .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: #fff;
    
}
    .navbar-top .dropdown-tasks li a:hover {
        background-color: #eaf3f8;
    }

    .navbar-top .name {
        display: inherit;
        float: left;
        margin-right: 5px;
    }
}

/* Side Navigation

     d888888o.    8 8888 8 888888888o.      8 8888888888             b.             8          .8. `8.`888b           ,8' 
   .`8888:' `88.  8 8888 8 8888    `^888.   8 8888                   888o.          8         .888. `8.`888b         ,8'  
   8.`8888.   Y8  8 8888 8 8888        `88. 8 8888                   Y88888o.       8        :88888. `8.`888b       ,8'   
   `8.`8888.      8 8888 8 8888         `88 8 8888                   .`Y888888o.    8       . `88888. `8.`888b     ,8'    
    `8.`8888.     8 8888 8 8888          88 8 888888888888           8o. `Y888888o. 8      .8. `88888. `8.`888b   ,8'     
     `8.`8888.    8 8888 8 8888          88 8 8888                   8`Y8o. `Y88888o8     .8`8. `88888. `8.`888b ,8'      
      `8.`8888.   8 8888 8 8888         ,88 8 8888                   8   `Y8o. `Y8888    .8' `8. `88888. `8.`888b8'       
  8b   `8.`8888.  8 8888 8 8888        ,88' 8 8888                   8      `Y8o. `Y8   .8'   `8. `88888. `8.`888'        
  `8b.  ;8.`8888  8 8888 8 8888    ,o88P'   8 8888                   8         `Y8o.`  .888888888. `88888. `8.`8'         
   `Y8888P ,88P'  8 8888 8 888888888P'      8 888888888888           8            `Yo .8'       `8. `88888. `8.`          

*/

.navbar-side .navbar-collapse {
    max-height: none;
    border: none;
}

.navbar-side li.side-user {
    display: block;
    width: 100%;
    padding: 15px;
    border-top: none !important;
    border-bottom: 1px solid #142638;
    text-align: center;
}

.navbar-side .side-user img {
    display: block;
    margin-bottom: 15px;
    margin-left: 20px;
}

.navbar-side .side-user .welcome {
    margin: 0;
    font-style: italic;
    color: #9aa4af;
}

.navbar-side .side-user .welcome .fa {
    padding-right: 0;
}

.navbar-side .side-user .name {
    margin: 0;
    font-family: "Ubuntu","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 20px;
    font-weight: 300;
    color: #ccd1d7;
}

.navbar-side .side-user .name .last-name {
    font-weight: 400;
    color: #fff;
}

.navbar-side .nav-search {
    padding: 15px;
    border-top: none;
}

.navbar-side .nav-search:hover {
    background: none;
}

.navbar-side .nav-search input {
    padding-right: 30px;
    border-radius: 0;
}

.navbar-side .nav-search button {
    position: absolute;
    top: 15px;
    right: 5px;
    background-color: transparent;
}

.navbar-side .nav-search .btn:focus,
.navbar-side .nav-search .btn:active {
    outline: none;
    box-shadow: none;
}

.navbar-side ul.side-nav {
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #54677a;
    font-size: 13px;
    background-color: #34495e;
}

.navbar-side .navbar-nav>li>a,
.navbar-side .navbar-nav>li>a:focus,
.navbar-side .navbar-nav>li>a:hover,
.navbar-side .navbar-nav>li>a:active {
  /*  text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    outline: none;
    color: #fff;
    background-color: #34495e; */
}

.navbar-side .side-nav li,
.navbar-side .side-nav li.panel {
    border-top: 1px solid #54677a;
    border-bottom: 1px solid #142638;
}

.navbar-side .side-nav li.panel ul li {
    border-top: none;
    border-bottom: none;
}

.navbar-side .side-nav li.panel ul li a,
.navbar-side .side-nav li.panel ul li a:hover,
.navbar-side .side-nav li.panel ul li a:focus,
.navbar-side .side-nav li.panel ul li a:active,
.navbar-side .side-nav li.panel ul li .active {
    color: #333;
    background-color: #ecf0f1;
}

.navbar-side .side-nav li.panel i.fa,
.navbar-side .side-nav li i.fa {
    padding-right: 10px;
}

.navbar-side .side-nav li.panel ul li a {
    padding-left: 20px;
}

.navbar-side .side-nav .fa-caret-down {
    float: right;
    margin-top: 2px;
    margin-right: -10px;

}

.navbar-side .side-nav > li > a.active {
    background-color: #2c3e50;
}

.navbar-side .side-nav li.panel ul li a.active {
    background-color: #e0e7e8;
}


.list-unstyled {
    padding-left: 0;
    list-style: none;
}
#alertScroll{ margin:0 !important; padding: 0 10px !important}
small, .small {
    font-size: 85%;
}
/*#container, #container_principal{margin-top: 114px;}*/


.navbarTop  {
    padding-top: 30px;
}
.navbarTop li {
    margin-top:10px;
    margin-left:10px
}
.navbarTop  li.divider {
    margin-top:20px;
    margin-left:10px
}

.navbar-inner {
    height: 110px; 
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fff;
    background-image: none;
    filter: 0 !important;
    border: 0 !important;
    -webkit-border-radius: 0 !important; 

    -moz-border-radius: 0 !important; 
    border-radius: 0 !important; 
    -webkit-box-shadow: 0 0 0 !important ;  
    -moz-box-shadow: 0 0 0 !important; 
    box-shadow: 0 0 0 !important; 
    zoom: 1;
} 
.navbar .nav{
    margin: 5px 0 0 0 !important;
}

.navbar .nav>li>a { padding: 10px 5px 10px 5px;}

.navbar .nav > li > a {
    color: #fff;
    text-decoration: none;
    text-shadow: 0;
}

.navbar .brand {
   width: 220px;
}

.menuBtn{
    text-shadow:none !important;
    border: transparent solid 2px;
    font-size: 21px;
    border-radius: 4px;
    padding:0 !important;
    width: 45px;
    line-height: 45px;
    display: block;
    text-align: center;
    position: relative;
    border-color: rgba(255, 255, 255, 0.2); 
}

.label-disponivel
{
    background-color: LightSeaGreen;
}
.label-indisponivel
{
    background-color: DarkGray;
}
.label-reagendado
{
    background-color: DarkKhaki;
}
.label-agendado
{
    background-color: RoyalBlue;
}
.label-confirmado
{
    background-color: LimeGreen;
}
.label-encaixe
{
    background-color: DeepSkyBlue;
}
.label-finalizada-sem-retorno
{
    background-color: RosyBrown;
}
.label-retorno
{
    background-color: DarkSlateBlue;
}
.label-ag-resposta
{
    background-color: MediumOrchid;
}
.label-ag-confirmacao
{
    background-color: Gold;
}
.label-ag-atendimento
{
    background-color: Orange;
}
.label-royal-blue
{
    background-color: RoyalBlue;
}
.label-cancelado
{
    background-color: Red;
}
.label-finalizada-com-retorno
{
    background-color: Brown;
}