@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/roboto-regular-webfont.eot');
    src: url('../fonts/roboto/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/roboto/roboto-regular-webfont.woff2') format('woff2'),
        url('../fonts/roboto/roboto-regular-webfont.woff') format('woff'),
        url('../fonts/roboto/roboto-regular-webfont.ttf') format('truetype'),
        url('../fonts/roboto/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sanitrixie';
    src: url('fonts/sanitrixie/SaniTrixieSans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css?family=Sawarabi+Gothic');


body{
    font-family: 'Sawarabi Gothic', 'Roboto', sans-serif;
    font-size: 1.30em;
}


th a.desc:after {
    content: ' ⇣';
}
th a.asc:after {
    content: ' ⇡';
}

.title-pages h3{
    margin-top: 5px !important;
    font-size: 22px;
    margin-bottom: 0px;
}

.title-pages span{
    margin-top: -10px !important;
}

.text-smallCaps{
    font-variant: small-caps;
}

.row {
    margin-right: -20px;
    margin-left: -20px;
}

.contain-sm{
    max-width: 400px;
    margin: 0 auto;
}

.card-body {
    padding: 10px;
}

.card-body p{
    margin: 10px 0 5px;
}

.card-body hr {
    margin-top: 30px !important;
    margin-bottom: 5px;
    border-top: 2px solid #eee;
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.help-block{
    bottom: -17px;
}

.has-error .form-control,
.has-error .form-control:focus{
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control.selectize-control{
    height: 30px;
}

.header-nav .open > a:focus {
    color: #222;
}

.header-nav > li > a,
.header-nav .header-nav-brand a{
    color: #f9f9f9;
}


.header-nav > li > a:hover {
    text-decoration: none;
    background-color: rgba(250,250,250,0.3);
    color: #fff;
}

.gui-controls {
    font-size: 12px;
    padding: 0;
    margin-bottom: 0px;
}

.gui-controls > li > a {
    font-size: 1.15em;
    font-weight: bold;
    padding: 5px 0px 0px 3px;
    min-height: 30px;
}

.gui-icon {
    position: absolute;
    left: 23px;
    top: 1px;
    width: 25px;
    height: 25px;
}
.gui-icon .fa:first-child, 
.gui-icon .md:first-child, 
.gui-icon .glyphicon:first-child {
    line-height: 30px;
}

.gui-controls > li > a .title{
    font-size: 1.05em;
    margin-left: 45px;
    /* padding-top: 4px; */
    font-weight: bolder;
    font-family: 'sanitrixie';
    font-style: normal !important;
}
.gui-controls li ul {
    margin-left: 5px;
}

.gui-controls > li ul > li:before {
    content: "";
    left: 30px;
    top: 12px;
    bottom: -12px;
    position: absolute;
    display: block;
    width: 1px;
    border-left: 1px dashed rgba(12, 12, 12, 0.3);
    z-index: 1;
}

.gui-controls > li ul > li > a:before {
    content: "";
    left: 30px;
    top: 12px;
    position: absolute;
    display: block;
    width: 8px;
    border-bottom: 1px dashed rgba(12, 12, 12, 0.3);
    z-index: 1;
}
.gui-controls > li ul > li > a {
    font-size: 1.05em;
    color: #000;
    padding: 1px 3px 3px 40px;
}

.gui-controls > .gui-folder > a:after,
.gui-controls > .gui-folder.expanding > a:after, 
.gui-controls > .gui-folder.expanded > a:after {
    margin-left: 10px;
    font-weight: bolder;
    top: 10px;
}

.menubar-pin .gui-controls li .title {
    padding-top: 3px;
    padding-left: 0px;
    white-space: normal;
}

.gui-icon {
    font-size: 1.05em;
}

#menubar {
    font-family: 'sanitrixie';
}

#menubar .nano-pane {
    width: 12px;
}

#menubar .menubar-foot-panel small{
    font-size: 1.1em;
}

.btn.focus, .btn:focus, .btn:hover {
    color: #fff;
}

.modal-backdrop{
    z-index: 0 !important;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

/*.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}
*/
.header-nav > li > a:hover, .header-nav > li > a:focus {
    text-decoration: none;
    color: #222;
    background-color: rgba(255, 255, 255, 1);
}

.usuarioIndicador{
    display:inline;
    float:right;
    margin-right: 40px;
}

.chosen-container-single .chosen-single {
    height: 37px;
    /*border-color: rgb(229, 230, 230);*/
    background: none;
    border-color: #fff;
    border-bottom-color: rgb(240,240,240);
    box-shadow: none;
    line-height: 19.45px;
    font-size: 16px;
}
.chosen-container-single .chosen-single span {
    padding-top: 6px;
    margin-left: -8px;
}
.chosen-container-single .chosen-single div b {
    margin-top: 6px;
}
.chosen-container-active .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-single,
.chosen-container-single .chosen-drop {
    border-color: #ccc;
    border-color: rgba(82, 168, 236, .8);
    outline: 0;
    outline: thin dotted \9;
    -moz-box-shadow: 0 0 8px rgba(82, 168, 236, .6);
    box-shadow: 0 0 8px rgba(82, 168, 236, .6)
}
.datepicker{
    padding: 0px;
}

input[type="checkbox"]{
    border: 2px solid #535658;
    height: 20px;
    width: 20px;
    margin: 0px 4px 0px 0px;
    cursor: pointer;
}

.status-success{
    border-radius: 10px;
    color: #fff;
    font-weight: 400;
    background-color: rgb(76, 175, 80) !important;
}

.status-info{
    border-radius: 10px;
    color: #fff;
    font-weight: 400;
    background-color: rgb(33, 150, 243) !important;
}

.status-danger{
    border-radius: 10px;
    color: #fff;
    font-weight: 400;
    background-color: rgb(244, 67, 54) !important;
}

.data_hora_geracao {
    text-align: right;
    font-size: 10px;
}

.form-control{
    /*font-size: 16px !important;*/
    height: 30px;
}
.form .form-group,
.form-inline .form-group{
    padding: 14px 0px 2px 0px;
    margin-bottom: 15px;
}
.form-group .form-control ~ label{
    color: #337ab7;
    opacity: 0.7;
}

.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td{
    padding: 0px 4px;
}
.table-condensed>thead>tr>th{
    padding: 4px 4px;
}

img.logo_partithura{
    height: 50px;
}

img.logo_empresa{
    height: 50px;
}

.div_center{
    margin: 0 auto;
    width: 50%;
}

@media only screen and (max-width: 960px) {
    img.logo_partithura{
        display: none;
    }

    img.logo_empresa{
        height: 50px;
    }

}

@media only screen and (max-width: 480px) {
    img.logo_partithura{
        display: none;
    }

    img.logo_empresa{
        height: 50px;
    }
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.text-light {
    font-weight: 300 !important;
}
.text-normal {
    font-weight: 400 !important;
}
.text-medium,
strong {
    font-weight: 500 !important;
}
.text-bold {
    font-weight: 700 !important;
}
.text-ultra-bold {
    font-weight: 900 !important;
}
/**
* Cleber Ribeiro - [15/09/2015]
* Ajuste de estilos das abas da view index.ctp controller FichaTecnica
**/

.nav-tabs > li > a {
    font-size: 11px !important;
}
#btn-dados-ft{
    font-size: 11px !important;
    margin: 1px 3px;
}
.card-body hr {
    margin-top: 0px !important;
}
#ficha_tecnica > .form-group {
    margin-bottom: 5px !important;
}

.boletario-sublinhado{
    border-bottom: solid #313335;
    border-radius: 3px;
}

.azul-partithura{
    background-color: #0098DA;
    border-color: #0098DA;
    color: #ffffff;
}

#header.header-inverse {
    background: #0098DA;
    color: rgba(255, 255, 255, 0.6);
}

.btn-primary {
    color: #fff;
    background-color: #0098DA;
    border-color: #028CC7;
}

.selectize-dropdown .active {
    background-color: #0098DA;
    color: #ffffff;
}

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

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #0098DA;
    border-color: #0098DA;
}

.list-aniversariantes{
    line-height: 13px !important;
}

.tile-text> blockquote{
    font-size: 13px;
    padding: 0px 10px 0px 20px;
    margin: 0 0 0px;
}

.list-indicadores-pendentes {
    line-height: 10px !important;
}
.list-indicadores-pendentes .tile {
    min-height: 20px;
}
.list-indicadores-pendentes .tile .tile-text {
    font-size: 13px;
}

.table-acoes-pendentes>tbody tr:hover {
    color: #2196f3;
}
.table-acoes-pendentes>tbody>tr>td {
    border-bottom: 1px solid #ddd;
}
.table-acoes-pendentes {
    margin-bottom: 0px;
}

.list .tile .tile-content-aniversariantes:last-child {
    padding-right: 0px;
}

.card-head-dashboard {
    border-radius: 0;
}

.badge.style-info {
    background-color: #0098DA;
    border-color: #0098DA;
    color: #ffffff;
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover{
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    background-color: #0098DA;
}

.panel .card-head{
    text-align: center;
    background-color: #0098DA !important;
    color: #fff;
}
/**
* Cleber Ribeiro - [21/09/2015]
* Girar icone das ações filhas
**/

.rot {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.span-checkbox{
    margin-left: 5px;
}

.search-input{
    border-radius: 4px;
    margin-bottom: 5px;
    width: 100%;
}

.linkView{
    cursor: pointer;
}

.card-head.nav-tabs > li > a, 
.card-head > .nav-tabs > li > a {
    line-height: 50px;
}

.small, small {
    font-size: 90%;
}

@media print{
    .boletario-sublinhado{
        border: none;
    }

    a[href]:after {
        content: none !important;
    }
}

@media (max-width: 768px){
    .header-inverse .headerbar-left {
        background: #0098DA;
        border-bottom-color: rgba(255, 255, 255, 0.15);
    }

    .header-inverse .headerbar-right {
        background: #0098DA;
    }
}

/**
 * Modal cargo funcionários
 * CSS used here will be applied after bootstrap.css
 */
@media screen and (max-height: 768px) {
    #modalcargofuncionario .modal{
        display: block !important;
    }
    #modalcargofuncionario .modal-dialog{
        overflow-y: hidden !important;
    }
    #modalcargofuncionario .modal-body{
        height: 512px;
        overflow-y: auto;
    }
    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: hidden;
    }
}


.bkgClrMenu {
    color: #0098DA !important;
    background-color: #FFF !important;
}

.card-anexo{
    display: block;
    width: 80%;
    left: 7%;
    position: absolute;
    bottom: 80px;
    border: 1px solid rgb(204, 204, 204);
    z-index: 2;
    box-shadow: rgba(222, 222, 222, 0.498039) 0px 0px 2px 2px;
    background: rgb(242, 244, 247);
}


.btn-default {
    color: #96999c;
    color: #313335;
    background-color: #e5e6e6;
    border-color: #e5e6e6;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: #96999c;
    background-color: #caccce;
    border-color: #c5c7c9;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #e5e6e6;
    border-color: #e5e6e6;
}
.btn-default .badge {
    color: #e5e6e6;
    background-color: #96999c;
}
.btn-default:hover,
.btn-default:focus,
.open .dropdown-toggle.btn-default {
    color: #313335;
    background-color: #d2d4d5;
    border-color: #d2d4d5;
}
.btn-default:active,
.btn-default.active {
    color: #313335;
    background-color: #caccce;
    border-color: #caccce;
}
.btn-default.btn-flat,
.btn-default.btn-icon-toggle {
    color: #96999c;
}
.open .dropdown-toggle.btn-default.btn-flat,
.open .dropdown-toggle.btn-default.btn-icon-toggle {
    color: #e5e6e6;
}
/**
 * Cleber Ribeiro [02/02/2016]
 */
.section-floating-action-row {
    z-index: 10;
}

#loading {
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    text-align: center;
    z-index:10000;
}

#loading-msg {
    position: fixed;
    top: 50%;
    left: 50%;
    /* IE filter */
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    -moz-opacity: 0.9; /* Mozilla extension */
    -khtml-opacity: 0.9; /* Safari/Conqueror extension */
    opacity: 0.9; /* CSS3 */
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.btn-voltar-topo {
    border-radius: 0;
    bottom: 50px;
    color: #ffffff;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    position: fixed;
    right: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    z-index: 9999;
    cursor: pointer;
}

.error-message {
    font-size: .8em;
    color: red;
}

.btn-canto {
    position: fixed;
    right: 25px;
    bottom: 25px;
    z-index: 9999;
}

.xsmall-padding {
    padding: 4px;
}

.div_acao_pendente {
    line-height: 1.25em;
    font-size: 0.90em;
}

.footer {
    font-size: 11px;
}

@media (min-width: 768px){
    .modal-dialog {
        width: 700px;
        margin: 30px auto;
    }
}

@media only screen and (max-width: 768px) {

    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables tr { border: 1px solid #ccc; }

    #no-more-tables td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 30%;
        white-space: normal;
        text-align:left;
    }

    #no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 30%;
        min-width: 25%;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }

    /*
    Label the data
    */
    #no-more-tables td:before { content: attr(data-title); }

    #no-more-tables .nav-pills>li {
        float: right;
    }
}