@import url("/template/plugins/jquery-ui/jquery-ui.css");
@import url("/template/plugins/bootstrap_3.3.7/bootstrap.min.css");
@import url("/template/plugins/DataPicker-1.6.4/bootstrap-datepicker.css");
@import url("/template/plugins/bootstrapselect-1.12.4/bootstrap-select.min.css");
@import url("/template/plugins/tablesort-2.29.2/theme.default.css");
@import url("/template/plugins/select2/select2.min.css");
@import url("/template/plugins/datatable/dataTables.bootstrap.min.css");
@import url("/template/plugins/jstree/jstree.min.css");



body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ui-autocomplete {
    z-index: 999999
}

a img, button {
    border: none !important;
    outline: none !important;
}

.error {
    background: #FFDAB9 !important;
}
/*antiga cor #002c6c*/
/* Topo logo*/
.skin-blue .main-header .logo {
    background: #486794 !important;
    opacity: .8;
}
/* Topo */
.skin-blue .main-header .navbar {
    background: #486794 !important;
}
/*Topo sanduiche*/
.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background: #486794 !important;
}
/*menu lateral*/
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {

}
/* topo gerenciamento*/
.skin-blue .sidebar-menu > li.header {
    color: white !important;
    background: #486794 !important;
    font-size: 16px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    padding-top:13px;
    border-bottom: 1px solid rgba(255,255,255,.3);    
    border-width: thin;
    text-align: center;
}

/*SubMenu*/
.treeview-menu {
    background: #486794 !important;
}

/*Menu pai selecionado*/
.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a, .skin-blue .sidebar-menu > li.menu-open > a {
    color: #fff;
    background: rgba(255,255,255,.35) !important;
}
/*Lateral selecionada*/
.skin-blue .sidebar-menu > li.active > a {
    border-left-color: #ddd !important;
}
/*Menu minimizado*/
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right), .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
    display: block !important;
    position: absolute;
    width: 180px;
    left: 50px;
    background-color: #486794 !important;
}

.main-sidebar {
    background-image: linear-gradient( rgba(0, 44, 108, 0.6), rgba(0, 44, 108,0.8) ),url('/Template/img/fundo_menu.jpg') !important;
    background-size: cover;
    position: fixed !important
}

.skin-blue .sidebar a {
    color: white !important;
}

.skin-blue .sidebar-menu .treeview-menu > li.active > a, .skin-blue .sidebar-menu .treeview-menu > li > a:hover {
    color: #8AA4AF !important;
}

/*menu filho */
.treeview-menu > li {
    color: red !important;
}

a.sidebar-toggle {
    color: white !important;
}

.icon-menu {
    font-size: 1.6em !important;
    color: white;
    margin-right: 10px;
}

.fa-user-topo {
    color: white;
    padding-top: 20px;
}

.no-border {
    border: 0 0 1px 0;
    box-shadow: none; /* You may want to include this as bootstrap applies these styles too */
}

.tablesorter-default th, .tablesorter-default thead td {
    background-color: #002c6c;
}

.close, .close:hover {
    color: white;
}

.modal-cabecalho {
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #002c6c !important;
    opacity: .8;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: white;
}

.modal-content {
    border-radius: 5px !important;
}

.bootbox .modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #002c6c;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: white;
    opacity: .8;
}

.bootbox.modal {
    z-index: 9999999999999999 !important;
}

.pointer {
    cursor: pointer;
}

.modal {
    overflow: auto !important;
}


/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

* {
    font-family: Lato !important;
}

.fa, .sidebar-toggle {
    font-family: FontAwesome !important;
}

.row {
    padding: 5px 0 5px 0;
}

.panel-heading {
    color: #fff;
    /*  background-color: #222d32;*/
    background-color: #002c6c !important;
    opacity: .8;
}

.panel-footer {
    padding: 10px 15px;
    background-color: transparent;
    border-top: none;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel-formulario {
    border-color: #CCCCCC;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    box-shadow: 5px 7px 7px #CCCCCC;
}

.input-layout {
    color: #002c6c;
    opacity: .8;    
    font-size: 14px;
}

.input-label {
    font-size: 16px;
    font-weight: bold;
    color: #002c6c;
    opacity: .8;
}

.data {
    width: 105px;
}   

.filtro-texto {
    font-size: 16px;
    font-weight: bold;
    color: #002c6c;
    opacity: .8;
}

/* Tabela */
.tabela {
    background-color: white;
    border: 2px solid #CCCCCC;
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    box-shadow: 5px 7px 7px #CCCCCC;
}

    .tabela thead {
        background-color: #002c6c;
        border-top: medium none;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
        opacity: .8;
    }

        .tabela thead th {
            color: #fff !important;
            text-align: center;
        }

    .tabela tbody, .tabela tfoot {
        font-size: 15px;
        color: #002c6c;
        background-color: white;
        text-align: center;
    }



.separador {
    padding: 10px 0 10px 0;
}

.IndicadorRotina {
    color: #002c6c;
    opacity: .8;
}

.main-sidebar {
    box-shadow: 5px 7px 7px #000000;
}


@media (min-width: 768px) {
    .navbar-nav > li > a {
        padding-top: 0;
        padding-bottom: 0;
    }
    .logo {
        position: fixed;
    }   
}
@media (max-width: 768px) {
    .tabela-responsive {
         overflow-x:auto;       
    }   
}
.NomePagina {
    font-weight: bold;
    color: #002c6c !important;
    opacity: .8;
}
.select2-selection--multiple:before {
    content: "";
    position: absolute;
    right: 7px;
    top: 42%;
    border-top: 5px solid #888;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}
.obrigatorio {
    font-size: 10px;
    color: #f28642;
    display: none;
}

.obrigatorio-campo {
    border: 1px solid #F3C9AD !important;
}

/*Button 3d*/
.btn3d {
    position: relative;
    top: -6px;
    border: 0;
    transition: all 40ms linear;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 2px;
    margin-right: 2px;
}

.btn3d:active:focus,
.btn3d:focus:hover,
.btn3d:focus {
    -moz-outline-style: none;
    outline: medium none;
}

.btn3d:active, .btn3d.active {
    top: 2px;
}

.btn3d.btn-white {
    color: #666666;
    box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255,255,255,0.10) inset, 0 8px 0 0 #f5f5f5, 0 8px 8px 1px rgba(0,0,0,.2);
    background-color: #fff;
}

.btn3d.btn-white:active, .btn3d.btn-white.active {
    color: #666666;
    box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,.1);
    background-color: #fff;
}

.btn3d.btn-default {
    color: #666666;
    box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255,255,255,0.10) inset, 0 8px 0 0 #BEBEBE, 0 8px 8px 1px rgba(0,0,0,.2);
    background-color: #f9f9f9;
}

    .btn3d.btn-default:active, .btn3d.btn-default.active {
        color: #666666;
        box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,.1);
        background-color: #f9f9f9;
    }

.btn3d.btn-primary {
    box-shadow: 0 0 0 1px #417fbd inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #4D5BBE, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color: #4274D7;
}

    .btn3d.btn-primary:active, .btn3d.btn-primary.active {
        box-shadow: 0 0 0 1px #417fbd inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
        background-color: #4274D7;
    }

.btn3d.btn-success {
    box-shadow: 0 0 0 1px #31c300 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #5eb924, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color: #78d739;
}

    .btn3d.btn-success:active, .btn3d.btn-success.active {
        box-shadow: 0 0 0 1px #30cd00 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
        background-color: #78d739;
    }

.btn3d.btn-info {
    box-shadow: 0 0 0 1px #00a5c3 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #348FD2, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color: #39B3D7;
}

    .btn3d.btn-info:active, .btn3d.btn-info.active {
        box-shadow: 0 0 0 1px #00a5c3 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
        background-color: #39B3D7;
    }

.btn3d.btn-warning {
    box-shadow: 0 0 0 1px #d79a47 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #D79A34, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color: #FEAF20;
}

    .btn3d.btn-warning:active, .btn3d.btn-warning.active {
        box-shadow: 0 0 0 1px #d79a47 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
        background-color: #FEAF20;
    }

.btn3d.btn-danger {
    box-shadow: 0 0 0 1px #b93802 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #AA0000, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color: #D73814;
}

    .btn3d.btn-danger:active, .btn3d.btn-danger.active {
        box-shadow: 0 0 0 1px #b93802 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
        background-color: #D73814;
    }

.btn3d.btn-magick {
    color: #fff;
    box-shadow: 0 0 0 1px #9a00cd inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #9823d5, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color: #bb39d7;
}

    .btn3d.btn-magick:active, .btn3d.btn-magick.active {
        box-shadow: 0 0 0 1px #9a00cd inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
        background-color: #bb39d7;
    }
.btn-success:hover, .btn-success:active, .btn-success.hover {
    background-color: #78ea2c !important;
}

.tablesorter-default thead .headerSortUp, .tablesorter-default thead .tablesorter-headerSortUp, .tablesorter-default thead .tablesorter-headerAsc {
    background-image: url('/Template/img/arrow-asc.png');
    border-bottom: #000 2px solid;
}

.tablesorter-default thead .headerSortDown, .tablesorter-default thead .tablesorter-headerSortDown, .tablesorter-default thead .tablesorter-headerDesc {
    background-image: url('/Template/img/arrow-desc.png');
    border-bottom: #000 2px solid;
}

.tablesorter-default .header, .tablesorter-default .tablesorter-header {
    background-image: url('/Template/img/arrow-up-down.png');
    background-position: center right;
    background-repeat: no-repeat;
    cursor: pointer;
    white-space: normal;
    padding: 4px 20px 4px 4px;
}
.pagedisplay {
    color: rgba(0,0,0,0.5);
    font-size:12px;
    font-weight:bold;
}
.tablesorter-pager {
    padding: 5px;
}
/* pager wrapper, in thead/tfoot */
td.tablesorter-pager {
    background-color: #e6eeee;
    margin: 0; /* needed for bootstrap .pager gets a 18px bottom margin */
}
/* pager navigation arrows */
.tablesorter-pager img {
    vertical-align: middle;
    margin-right: 2px;
    cursor: pointer;
}

/* pager output text */
.tablesorter-pager .pagedisplay {
    padding: 0 5px 0 5px;
    width: 50px;
    text-align: center;
}

/* pager element reset (needed for bootstrap) */
.tablesorter-pager select {
    margin: 0;
    padding: 0;
}

.tablesorter-pager.disabled {
    display: none;
}
/* hide or fade out pager arrows when the first or last row is visible */
.tablesorter-pager .disabled {
    /* visibility: hidden */
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: default;
}
.color-tooltip + .tooltip > .tooltip-inner {
    background-color: #5264e9;
}

.color-tooltip + .tooltip > .tooltip-arrow {
    border-bottom-color: #5264e9;
}