/*
Config inicial do menu
*/

.page-header.navbar .menu-toggler.sidebar-toggler {
    display: block!important;
}
a.menu-toggler {
    display: none !important;
}

/* 
    Created on : 25/10/2016, 10:47:04
    Author     : Thiago do Amarante Farias
*/

@media (max-width:767px) {
    .dataTables_wrapper { 
        overflow-x: scroll !important;
        overflow-y: hidden;   
    }
    .btn {
        margin-bottom: 5px !important;
    }
    .page-header.navbar .page-logo{ height: 50px !important; }
    .page-header.navbar .page-top {
        height: 60px !important;
        min-height: 60px !important;
        background-color: #3866B3;
    }
    .page-header.navbar .menu-toggler {
        margin: 22px -195px 0px !important;
        float: left !important;
    }
    .page-header.navbar .page-logo .logo-default {
        margin: 19px -30px 0 !important;
    }
    .page-titulo{
        margin: 20px 0px 0 !important;
    }
    .page-sidebar, .page-sidebar.in {
        margin: 20px 20px 0px !important;
    }
    
}
@media (max-width: 991px) {
    .logo-default { padding-left: 20px; }
    .page-header.navbar .menu-toggler-sidemenu {
        margin: 22px -195px 0px !important;
        float: left !important;
        display: block !important;
    }
    .page-header.navbar .page-logo .logo-default {
        margin: 20px -38px 0 !important;
    }
    .page-titulo{
        margin: 20px 0px 0 !important;
    }
    .page-header-fixed .page-container {
        margin-top: 0px !important;
    }
    .page-sidebar .selected, .page-sidebar.navbar-collapse.collapse {
        display: block !important;
    }
    .page-sidebar, .page-sidebar.navbar-collapse.in {
        border-top: 0!important;
        margin: 3px 20px;
    }
}
@media (min-width: 991px) {
    .page-content-wrapper .page-content {
        margin-left: 235px;
        margin-top: -12px;
        min-height: 600px;
        padding: 10px 0 0 20px;
    }
    .page-titulo{
        margin: 20px 0px 0 !important;
    }
    .page-header-fixed .page-container {
        margin-top: 50px !important;
    }
    .page-sidebar,.navbar-collapse {
        margin: 20px 19px;
        position: absolute;
        z-index: 3;
    }
}
/* --------------- {START-customcolor} --------------- */
.btn.orange:not(.btn-outline) {
    color: #FFF;
    background-color: #FF6600;
    border-color: #FF6600;
}
.portlet.box.blue {
    border: 1px solid #3866B3;
    border-top: 0;
}
.portlet.box.blue>.portlet-title, .portlet.blue, .portlet>.portlet-body.blue {
    background-color: #3866B3; 
}
.font-orange-sharp { color: #FF6600 !important; }

.alert-success { 
    background-color: #cdd3cd !important; 
    color: #5d8b5d !important;
    border-color: #cdd3cd !important;
}
.alert-warning { 
    background-color: #fff3c7 !important; 
    color: #a7903d !important; 
    border-color: #fff3c7 !important;
}
.alert-danger { 
    background-color: #f3cbcb !important; 
    color: #dd3333 !important; 
    border-color: #f3cbcb !important;
}
ul>li>.btn-primary {
    color: white;
}
.color-forestgreen {
    color: forestgreen;
}

/* --------------- {END-customcolor} --------------- */


/* --------------- {START-Footer} --------------- */
.page-footer {
    background-color: #3866B3;
    height: 32px !important;
    text-align: center;
}
.page-footer-inner { color: white !important;  }
.page-footer-container>a { color:white !important; }
.page-footer .page-footer-inner {
    float: none; 
    display: inline-block;
}
/* --------------- {END-Footer} --------------- */


/* --------------- {START-Navbar} --------------- */
.navbar { background-color: #3866B3 !important; }
.navbar h4 { color: white !important; font-weight: bold; }
.navbar-nav>li>a:hover { background-color: #3F5A88 !important; }
.navbar-nav>li>a:active { background-color: #3F5A88 !important; }
.navbar-nav>li>a:visited { background-color: #3F5A88 !important; }
.navbar-nav>li>a:focus { background-color: #3F5A88 !important; }
.backgroud-menu-alterada { background-color: #3F5A88 !important; }
.page-header.navbar .menu-toggler.sidebar-toggler { 
    margin: 24px 22px 0px; 
    float: left !important;
}
.navbar-nav>li>a {
    height: 60px !important;
    margin-top: -19px !important;
    padding-top: 24px !important;
    color: white;
}
.page-header.navbar .page-logo>a {
    display: block;
    float: left;
    padding-right: 15px;
}
.page-header.navbar .page-logo { padding-left: 0px; }
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #3F5A88;
    border-color: #3F5A88;
}
.page-header.navbar .menu-toggler.sidebar-toggler {
    margin: 22px 22px 0px !important;
    float: left !important;
}
.page-header.navbar {
    height: 60px !important;
    min-height: 60px !important;
}
.page-header-top-icon {
    height: 5px;
    width: 80%;
    margin-left: 0px;
    padding-bottom: 11px;
    margin-top: 2px;
    border: 0px solid black;
}
.page-header-top-icon>i { color: #FF6600; }
.page-header.navbar .page-logo .logo-default { margin: 20px 0px 0; }
.keep-200 {
    width: 227px !important;
    margin-left: 0px !important;
}
.keep-200>a {
    width: 295px !important;
}
/* --------------- {END-Navbar} --------------- */


/* --------------- {START-Breadcrumb} --------------- */
.page-breadcrumb>li>a {
    text-decoration: none;
    font-weight: bold;
    color: #FF6600;
}
.page-breadcrumb>li>span { color: #9a9393 !important; }
.page-breadcrumb>span { color: #9a9393 !important; }
.sessaoMessage { float: right !important; }

.sessaoTime {
    background-color: #FF6600 !important;
    color: white !important;
}
/* --------------- {END-Breadcrumb} --------------- */


/* --------------- {START-Plugins} --------------- */
.bootstrap-touchspin-up {
    margin-right: 0px !important;
}
.progress {
    margin-bottom: 0px !important;
}
/* --------------- {END-Plugins} --------------- */


/* --------------- {START-Table} --------------- */
table>tbody>tr>td>a {
    text-decoration: none !important;
}
.group-tr-datatable>td {
    font-weight: bold;
    margin-left: 10px;
    background-color: #d8d8d8;
}
/* --------------- {END-Table} --------------- */

.name-user { margin: 20px !important; }
.request {
    color: red;
}

/* Alteração do menu para ficar proximo a extremidade da esquerda */
.page-content-wrapper .page-content.extra-class {
    margin-left: 0px !important;
}

.font-min {
    font-size: 12px;
}

.pesquisa-avancada {
    cursor: pointer;
}

.dataTables_processing {
    position: absolute !important;
    z-index: 400;
    top: 50% !important;
    left: 50% !important;
    width: 250px !important;
    height: 45px !important;
    margin-left: -125px !important;
    margin-top: -15px !important;
    padding: 14px 0 2px 0 !important;
    border: 1px solid #ddd !important;
    text-align: center !important;
    color: black !important;
    font-size: 14px !important;
    background-color: lightgray !important;
}

.tabbable-custom>.nav-tabs>li.active { /* Mudar estilo da borda ativa do tabs */
    border-top: 3px solid #3866B3 !important;
    margin-top: 0;
    position: relative;
}

/* ICheck */
.iradio_minimal-grey {
    position: relative;
}
.iCheck-helper {
    position: absolute; 
    top: 0%; 
    left: 0%; 
    display: block; 
    width: 100%; 
    height: 100%; 
    margin: 0px; 
    padding: 0px; 
    background: rgb(255, 255, 255) none repeat scroll 0% 0%; 
    border: 0px none; 
    opacity: 0;
}
.icheck {
    position: absolute; opacity: 0;
}

.font-sharp { color: #2e6da4 !important; }

.layoutBtnColor {
    background: #2e6da4;
    color: white;
}

.small-subtitle {
    color: lightslategray;
}

/* -------------- START Layout SIPEC ----------------- */
.select2-container {
    width: auto !important;
}

.arrow-blue {
    color: #3598dc;
}

.arrow-green {
    color: green;
}
.labelLeft {
    text-align: left !important;
}
/* -------------- END Layout SIPEC ----------------- */

/* ---------------------- PACOTE THIAGO LOADER (START) -------------- */

 /*Loading spin*/ 
.loader-custom {
  border: 16px solid #f3f3f3;
  border-radius: 50% !important;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /*Zafary*/
  animation: spin 2s linear infinite;
  opacity: 1 !important;
  z-index: 10052;
  position: inherit;
  margin-left: 140px; 
}
.loader-container {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: #222222;
    z-index: 10051;
    opacity: 0.8;
}
.loader-body{
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10051;
}
.loader-text {
    z-index: 10052;
    color: white;
    font-size: 20px;
    opacity: 1 !important;
    height: 200px;
    width: 400px;
    padding-top: 135px;
    position: inherit;
    text-align: center !important;
}
.loader-central {
    z-index: 10052;
    height: 500px;
    width: 400px;
    position: absolute;
    margin: 15% auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
/*Safari*/ 
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* ---------------------- PACOTE THIAGO LOADER (END) -------------- */

/* ---------------------- PACOTE Fontes (START) -------------- */
/* Mensagens de sem dados */
.smallNoEntires {
    color: gray; 
    padding-left: 15px;
}
/* ---------------------- PACOTE Fontes (END) -------------- */

/* ---------------------- PACOTE Tooltype (START) -------------- */
/* Mensagens de sem dados */
.tooltips-i {
    color: #3598dc !important;
    font-size: 18px;
}
.tooltip-inner {
    max-width: 350px;
    /* If max-width does not work, try using width instead */
    width: 350px;
}
/* ---------------------- PACOTE Fontes (END) -------------- */

div .radio {
    padding-top: 0px !important;
}

.mt-radio {
    padding-top: 7px !important;
    margin-left: 9px;
}

.has-error .mt-radio {
    color: red;
}

.background-gray {
    background-color: darkgray !important;
}
.dataTables_empty {
    text-align: center !important;
}