@CHARSET "UTF-8";

@import url("selects.css");
@import url("inputs.css");
@import url("tables.css");
@import url("buttons.css");
@import url("treemap.css");

/**
CORES:
    - bg-header: #243E61;
    - bg-default: #F2F2F2;
    - bg-panel: #FBFBFB;
    - bg-sidebar: #1B1B1B;
        - hover: 
    - separator: #404040;
    - panel-separator: #D9D9D9;
**/

@font-face {
    font-family: "Tw Cent MT";
    src: url("fonts/tw_cen_mt/fontscorecomttwcenmt.eot");
    src: url("fonts/tw_cen_mt/fontscorecomttwcenmt.eot?#iefix") format("embedded-opentype"), url("fonts/tw_cen_mt/fontscorecomttwcenmt.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

.sortorder:after {
    content: '\25b2';
    font-size: .8em;
}

.sortorder.reverse:after {
    content: '\25bc';
    font-size: .8em;
}

* {
    padding: 0px;
    margin: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    position: relative;
    font-family: "Tw Cent MT";
    resize: none;
    /*-webkit-appearance: none !important;*/ /*OCULTEI PARA APARECER O CHECKBOX NA TELA USUARIOS*/
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
}

a, label, li, dl, span {
    font-size: 12pt;
    text-decoration: none;
}

a:hover, a:active, a:visited {
    text-decoration: none;
}

h1, h2, h3, h4 {
    display: inline-block;
}

h1 {
    font-size: 20pt;
    font-weight: bold;
}

h2 {
    font-size: 14pt;
}

h3, h4 {
    font-size: 12pt;
}

ul {
    list-style: none;
}

html, body {
    overflow: hidden;
    height: 100%;
}

body {
    min-width: 1200px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

:-webkit-input-placeholder,
:-moz-placeholder,
:-moz-placeholder,
:-ms-input-placeholder {
    color: #7F7F7F;
    opacity: 1;
    font-weight: normal !important;
}

.ngdialog-content h1 {
    font-size: 18pt;
    color: #243E61;
}

.noselect, .noselect * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

i.fa-circle-o-notch {
    position: absolute;
    font-size: 24pt;
    color: #1B2F49;
    left: 48%;
    top: 45%;
}

.separator {
    border: none;
    border-bottom: 1px solid #D9D9D9;
}

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

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

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


/*PADDING*/
.p5 {
    padding: 5px;
}

.p10 {
    padding: 10px;
}

.p20 {
    padding: 20px;
}

.pt20 {
    padding-top: 20px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pt100 {
    padding-top: 100px !important;
}

.pb100 {
    padding-bottom: 100px !important;
}

.pr15 {
    padding-right: 15px !important;
}

/*MARGIN*/
.m5 {
    margin: 5px;
}

.mr5 {
    margin-right: 5px;
}

.m10 {
    margin: 10px;
}

.m20 {
    margin: 20px;
}

.mb10 {
    margin-bottom: 10px;
}

.mr10 {
    margin-right: 10px;
}

.ml10 {
    margin-left: 10px;
}

.mr0 {
    margin-right: 0px !important;
}

.mTop {
    margin-top: 10px;
}

.mBottom {
    margin-bottom: 10px;
}

/*FLOAT*/
.floatR {
    float: right;
}

.floatL {
    float: left;
}

.hide {
    display: none !important;
}

.initHidden {
    display: none !important;
}

.inputError {
    border: 1px solid #e84c4c !important;
}
/*TOOLTIPS BOX*/
i.tip {
    font-size: 80%;
    color: rgba(0,0,0,0.5);
}

.ui-tooltip, .arrow:after {
    background: #FFFFFF;
    border: 2px solid white;
}

.ui-tooltip {
    padding: 10px 20px;
    color: #333 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #7F7F7F !important;
    font-size: 10pt !important;
    text-align: center;
}

.arrow {
    width: 40px;
    height: 7px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -34px;
    bottom: -7px;
}

.arrow.top {
    top: -16px;
    bottom: auto;
}

.arrow.left {
    left: 20%;
}

.arrow:after {
    content: "";
    position: absolute;
    left: 22px;
    top: -22px;
    width: 20px;
    height: 20px;
    border-bottom: 1px solid #7F7F7F;
    border-right: 1px solid #7F7F7F;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.arrow.top:after {
    bottom: -20px;
    top: auto;
}

p.noResult {
    position: absolute;
    font-size: 18pt;
    color: #1B2F49;
    left: 42%;
    top: 42%;
}

.default th, .default td {
    white-space: nowrap;
}

#body {
    display: table-cell;
    padding: 0px;
    height: 100%;
    vertical-align: top;
}

header {
    display: block;
    background-color: #243E61;
    height: 58px;
    /*line-height: 34px;*/
}

header > img {
    margin: 16px 10px;
}

header h1 {
    color: #fff;
    font-weight: bold;
    padding: 10px 20px;
}

header .user-logged {
    float: right;
}

header .user-logged h2, header .user-logged i {
    color: #C0CBD2;
    font-weight: normal;
    padding: 18px 20px;
    font-size: 14pt;
    margin: 0;
}

header .user-logged i:hover {
    color: #FFFFFF;
}

header .user-logged h2 {
    border-right: 1px solid #21354E;
}

.pagination {
    /*margin-bottom: 10px;*/
    padding: 0px 10px 5px 5px;
    height: 50px;
    line-height: 40px;
}

.pagination p {
    padding: 0px 10px;
    display: inline-block;
    color: #243E61;
    font-size: 12pt;
}

#sidebar {
    display: table-cell;
    height: 100%;
    width: 250px;
    background-color: #262626;
    padding: 0px;
    vertical-align: top;
}

    #sidebar li:not(:last-child) {
        border-bottom: 1px solid #404040;
        height: 58px !important;
    }

#sidebar li > a {
    color: #E2E2E2;
    padding: 20px;
    font-size: 14pt;
    display: block;
    height: 58px !important;
}

    #sidebar li ul li > a {
        color: #E0E0E0;
        padding: 20px;
        font-size: 13pt;
        display: block;
        background: rgba(0,0,0,0.3);
        padding-left: 30px;
        height: 58px !important;
    }

#sidebar li ul li > a {
    border-top: 1px solid #303030;
}

#sidebar li > a i {
    color: #F2F2F2;
    font-size: 13pt;
    width: 30px;
    display: inline-block;
}

#sidebar li ul li > a i {
    color: #E0E0E0;
    font-size: 12pt;
    width: 30px;
    display: inline-block;
}

#sidebar li a:hover, #sidebar li a:hover i {
    color: #FFFFFF;
    background-color: #1B1B1B;
}

#sidebar li {
    height: 58px !important;
}

/*CONTRATOS*/
.featured {
    /*height: 97%;*/
    height: 100%;
}

.featured95{
    height:95%;
}

.featured90 {
    height: 90%;
    width: 90%;
}

#content.table {
    display: table;
    width: 100%;
    height: 100%;
}

#content .table {
    display: table;
    width: 100%;
    height: calc(100% - 27px);
    /*height: 100%;*/
}

#content.table .row, #content .table .row {
    display: table-row;
}

#content.table .cell {
    display: table-cell;
    height: 100%;
    vertical-align: top;
    -webkit-transition: display 1s ease-in-out;
    -moz-transition: display 1s ease-in-out;
    -o-transition: display 1s ease-in-out;
    transition: display 1s ease-in-out;
}

#content.table .cell.show {
    display: none;
}

#content.table .cell.list.show + .cell.details .btn_hide_show_list > i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

#content.table .cell.list {
    width: 400px;
    height: 100%;
    overflow: hidden;
}

#content.table .cell.list .list-key-obj {
    display: block;
    margin: 20px;
}

#content.table .cell.list .list-key-obj li {
    display: inline-block;
}

#content.table .cell.list .list-key-obj > li:first-child {
    width: 70px;
}

#content.table .cell.list .list-key-obj > li:nth-child(2) {
    width: 285px;
}

#content.table .cell.list .results {
    height: calc(100% - 208px);
    overflow: hidden;
    overflow-y: auto;
}

#content.table .cell.list .results ul {
    height: auto;
    display: block;
}

#content.table .cell.list .results ul li {
    display: block;
    padding: 20px;
    background-color: #FBFBFB;
    margin: 5px auto;
    width: calc(100% - 10px);
    color: #243E61;
}

#content.table .cell.list .results ul li:hover,
#content.table .cell.list .results ul li.open {
    background-color: #243E61;
    color: #FBFBFB;
    cursor: pointer;
}

#content.table .cell.details {
    background-color: #F2F2F2;
}

#content.table .cell.details .btn_hide_show_list {
    padding: 10px;
    background-color: #262626;
    color: #FBFBFB;
    cursor: pointer;
    line-height: 18px;
}

#content.table .cell.details .btn_hide_show_list:hover {
    color: #FFFFFF;
    background-color: #1B1B1B;
}

/*#content.table .cell.details h1 {
    color: #1B2F49;
    padding: 10px;
}*/

#content.table .cell.details h1 {
    padding: 10px;
    color: #1B2F49;
    display: block;
    word-wrap: normal;
    max-width: 700px;
}

#content.table .cell.details nav,
#content.table .cell.details .controls {
    display: table;
    width: 100%;
}

#content.table .cell.details nav a {
    display: table-cell;
    text-align: center;
    padding: 10px 0px;
    color: #1B2F49;
}

#content.table .cell.details nav a:hover {
    border-bottom: 3px solid #243E61;
    background-color: #FBFBFB;
}

#content.table .cell.details nav a.open {
    border-bottom: 3px solid #1B2F49;
}

#content.table .cell.details .details-content {
    display: none;
    max-width: 1400px;
    width: 100%;
    text-align: center;
    height: 100%;
}

#content.table .cell.details .details-content.open {
    display: block;
    height: 100%;
}

@media screen and (min-width: 1010px) {
    #content.table .cell.details .form-limit {
        width: 100%;
        max-width: 500px;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 1009px) {
    #content.table .cell.details .form-limit {
        width: 100%;
        display: block;
        vertical-align: top;
        margin-bottom: 20px;
    }
}

#content.table .cell.details .controls > div {
    display: table-cell;
    color: #1B2F49;
    padding: 5px 10px;
    vertical-align: top;
}

/*#content.table .cell.details .controls a {
    color: #243E61;
}*/

.cell.filters {
    padding: 0px;
    background-color: #D9D9D9;
}

.cell.filters .form-input {
    display: inline-block;
    margin-right: 10px;
    background-color: transparent;
}

#lblTemplatesError {
    margin: 10px;
    color: #243E61;
    display: block;
}

#load-templates {
    /*margin-left: 20px;*/
}

#content.table .cell.details .details-content .scroll > p {
    margin: 10px;
    text-align: left;
    color: #243E61;
}

#content.table .details-content .scroll > h2 {
    margin: 20px 10px 10px 10px;
    text-align: left;
    color: #243E61;
}

.scroll {
    overflow: hidden;
    overflow-y: auto;
    height: 100%;
}

#loginForm > form {
    text-align: center !important;
}

#content.table .cell.details form {
    height: 100%;
    display: block;
    /*text-align: right;*/
}

#content.table .cell.details .form-line, .form-line {
    margin: 10px auto;
}

#content.table .cell.details .form-line > label, .form-line > label {
    width: 240px;
    text-align: right;
    line-height: 45px;
    padding: 0px 20px;
    display: inline-block;
    vertical-align: top;
}

#content.table .cell.details .form-line .form-input, .form-line .form-input {
    width: calc(100% - 267px);
    text-align: left;
    margin-right: 20px;
    display: inline-block;
}

#mask, #mask_transfer {
    display: none;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

#mask #modal,
#mask .modal {
    width: 80%;
    height: auto;
    position: absolute;
    z-index: 20;
    top: 10%;
    left: 10%;
    background-color: #F2F2F2;
    border: 1px solid #243E61;
}

#mask_transfer #modal_transfer {
    width: 600px;
    height: auto;
    top: 20%;
    left: -300px;
    margin-left: 50%;
    background-color: #F2F2F2;
    border: 1px solid #243E61;
}

#mask.open, #mask_transfer.open {
    display: block;
}

#mask #modal #dvGrid,
#mask .modal .dvGrid,
#mask_transfer #modal_transfer #dvGrid_transfer {
    min-height: 100px;
}

#mask #modal #dvGrid > p,
#mask .modal .dvGrid > p,
#mask_transfer #modal_transfer #dvGrid_transfer > p {
    padding: 40px;
    text-align: center;
}

#mask_transfer #modal_transfer #dvGrid_transfer {
    padding: 10px;
}

#mask #modal #dvButtonsModal,
#mask .modal .dvButtonsModal,
#mask_transfer #modal_transfer #dvButtonsModal_transfer {
    padding: 10px;
    /*height: 60px;*/
    background-color: #D9D9D9;
}

#mask #modal #dvButtonsModal > .button,
#mask .modal .dvButtonsModal > .button,
#mask_transfer #modal_transfer #dvButtonsModal_transfer > .button {
    margin-left: 10px;
}

#mask #modal h1,
#mask .modal h1,
#mask_transfer #modal_transfer h1 {
    background-color: #263F60;
    color: #FFFFFF;
    font-size: 14pt;
    padding: 10px;
    display: block;
}

#mask #modal > ul,
#mask .modal > ul {
    list-style: none;
    padding: 5px;
}

#mask #modal > ul > li,
#mask .modal > ul > li {
    border: 1px solid #D9D9D9;
    background-color: #FFFFFF;
    margin-bottom: 5px;
}

#mask #modal > ul > li.active,
#mask .modal > ul > li.active {
    border: 1px solid #1E4E97;
}

#mask #modal > ul > li:hover,
#mask .modal > ul > li:hover {
    background-color: #EEEEEE;
    cursor: pointer;
}

#modal > ul > li h2, #modal h2,
#mask .modal > ul > li h2, #mask .modal h2 {
    color: #263F60;
    padding: 5px 10px;
    border-bottom: 1px solid #D9D9D9;
    display: block;
}

#mask #modal > ul > li table,
#mask .modal > ul > li table {
    width: 100%;
    color: #263F60;
    padding: 5px 10px;
}

#mask #modal > ul > li table th,
#mask .modal > ul > li table th {
    font-weight: bold;
}

#mask #modal ul > li table td,
#mask .modal > ul > li table td {
    padding: 5px 0px;
}

.table .dataTables_filter,
#dvGrid .dataTables_filter,
.dvGrid .dataTables_filter /*#tblOwners_filter, #tblContracts_filter*/ {
    display: block !important;
    float: none !important;
    text-align: left !important;
    padding: 10px 20px !important;
}

.table .dataTables_filter label,
#dvGrid .dataTables_filter label,
.dvGrid .dataTables_filter label /*#tblOwners_filter label, #tblContracts_filter label*/ {
    display: inline-block !important;
    float: none !important;
    width: 100% !important;
}

.table .dataTables_filter input,
#dvGrid .dataTables_filter input,
.dvGrid .dataTables_filter input /*#tblOwners_filter input, #tblContracts_filter input*/ {
    display: inline-block !important;
    float: none !important;
    width: calc(40%) !important;
    border: 1px solid #D9D9D9 !important;
    line-height: 45px !important;
    height: 45px !important;
    text-align: left !important;
    background-color: #FBFBFB !important;
    padding: 0px 10px !important;
    font-size: 12pt !important;
    color: #243E61 !important;
    font-weight: normal !important;
}

.table .dataTables_length,
#dvGrid .dataTables_length,
.dvGrid .dataTables_length {
    float: none !important;
    position: absolute !important;
    right: 20px !important;
    top: 10px !important;
    z-index: 2 !important;
}

.table .dataTables_length select,
.table .DTTT_container .DTTT_button,
#dvGrid .dataTables_length select,
#dvGrid .DTTT_container .DTTT_button,
.dvGrid .dataTables_length select,
.dvGrid .DTTT_container .DTTT_button {
    border: 1px solid #D9D9D9 !important;
    line-height: 45px !important;
    height: 45px !important;
    text-align: left !important;
    background-color: #FBFBFB !important;
    padding: 0px 10px !important;
    font-size: 12pt !important;
    color: #243E61 !important;
    font-weight: normal !important;
    box-shadow: none !important;
}

.table .DTTT_container,
#dvGrid .DTTT_containe,
.dvGrid .DTTT_containe {
    float: right !important;
    position: absolute !important;
    right: 230px !important;
    top: 10px !important;
    z-index: 2 !important;
    margin: 0px !important;
}

div.buttons-block {
    padding: 10px 20px;
    background-color: #B9B9B9;
    bottom: 0px;
}

div.buttons-block.resize {
    width: calc(100% - 250px) !important;
}

#new-occurrence-modal {
    /*position: fixed;
    bottom: 59px;
    right: 0px;
    z-index: 100;*/
    height: 240px;
    /*width: 500px;*/
    width: 100%;
    display: none;
    /*background: #F2F2F2;
    border: 1px solid #B9B9B9;*/
    padding: 20px 10px;
}

#new-occurrence-modal label {
    width: 110px !important;
    vertical-align: top;
}

#new-occurrence-modal .form-input {
    width: 200px !important;
    vertical-align: top;
}

#new-occurrence-modal textarea.form-input {
    width: 80% !important;
    vertical-align: top;
    height: 135px;
    line-height: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/*RADIO*/
.searchType {
    padding: 10px;
    margin: 0 auto;
}

.rdItem label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    margin-right: 15px;
    font-size: 16px;
    line-height: 45px;
}

.rdItem label:before {
    content: "\f10c";
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    width: 16px;
    font-size: inherit;
    font-weight: bold;
}

.rdItem input[type=radio] {
    display: none;
}

.rdItem input[type=radio]:checked + label:before {
    content: "\f192" !important;
}

/*CHECKBOX*/
.ckItem label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    margin-right: 15px;
    font-size: 15px;
    /*line-height: 40px;*/
}

.ckItem label:before {
    content: "\f096";
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    width: 16px;
    font-size: inherit;
    font-weight: bold;
}


.ckItem > input:disabled,
.ckItem > input:disabled + label {
    color: #BBB;
}

.ckItem input[type=checkbox] {
    display: none;
}

.ckItem input[type=checkbox]:checked + label:before {
    content: "\f046" !important;
}

.field-validation-error {
    position: absolute;
    display: inline-block;
    width: 300px;
    text-align: left;
    line-height: 38px;
    height: 40px;
    text-indent: 10px;
    color: #EC767C;
}

.validation-summary-errors {
    color: #DE3A3A;
    width: 230px;
    margin: 20px auto;
    text-align: left;
    position: absolute;
    left: calc(50% - 115px);
}

.validation-summary-errors ul {
    list-style-position: inside;
    list-style-type: square !important;
}

.inputError {
    border-color: #F00;
    padding: 2px
}

.inputOk {
    border-color: #057a1d;
    padding: 2px
}

.msgError {
    border: 1px solid #F00;
    padding: 2px;
    color: #F00;
}

.msgOk {
    border: 1px solid #057a1d;
    padding: 2px;
    color: #057a1d;
}

#admin {
    height: 100%;
}

#admin h2 {
    display: block;
    padding: 20px 10px 10px 10px;
    text-align: left;
    color: #243E61;
}

#admin .index_block,
#admin #tblContracts_filter,
#admin #tblContracts_info {
    padding: 10px 20px;
}

#admin table.default {
    margin: 0px 20px;
    width: calc(100% - 40px);
}

/*#admin .DTTT_container {
    float: none;
    position: absolute;
    right: 20px;
    top: 30px;
    z-index: 10;
    margin: 0px;
}*/

#modal .termsList {
    padding: 10px;
}

#modal .termsList > li {
    border: 1px solid #D9D9D9;
    background-color: #FFFFFF;
    margin-bottom: 5px;
}

#modal .termsList > li.active {
    border: 1px solid #1E4E97;
}

#modal .termsList > li:hover {
    background-color: #EEEEEE;
    cursor: pointer;
}

#modal .termsList > li table {
    left: -50px;
}

#modal .termsList > li table td {
    padding: 0px;
}

#modal .termsList > li table td .form-line {
    margin: 0px;
}

.templateDescription {
    margin: 5px auto;
    width: 600px;
    display: block;
    left: -60px;
}

.templateDescription:read-only {
    left: 0px;
}

/*DASHBOARD*/
#dashboard {
    padding: 20px;
    background-color: #F2F2F2;
    color: #243E61;
}

#dashboard h2 {
    display: block;
    font-weight: normal;
    margin-bottom: 10px;
}

#dashboard .dashboardColumn {
    display: inline-block;
    width: calc(50% - 45px);
    vertical-align: top;
}

#dashboard .dashboardColumn > dt {
    padding: 5px;
}

#dashboard .dashboardColumn .dashboard_item {
    /*border: 1px solid #D9D9D9;*/
    margin-bottom: 20px;
    font-size: 11pt;
    /*padding-bottom: 10px;*/
    background-color: #FFFFFF;
    cursor: default;
}

#dashboard .dashboardColumn .dashboard_item > h2 {
    border-bottom: 1px solid #D9D9D9;
    padding: 10px;
    margin-bottom: 10px;
    font-size: inherit;
    font-weight: bold;
    cursor: pointer;
}

#dashboard .dashboardColumn .dashboard_item > dl {
    color: #174CBA;
    padding: 2px 10px;
}

#dashboard .dashboardColumn .dashboard_item > dl {
    border: none;
    border-bottom: 1px solid #D9D9D9;
}

#dashboard .dashboardColumn .dashboard_item > dl > dt {
    font-weight: bold;
    float: left;
    width: 100px;
    clear: left;
    line-height: 25px;
}

#dashboard .dashboardColumn .dashboard_item > dl > dd {
    width: calc(100% - 100px);
    line-height: 25px;
    margin-left: 90px;
}

#dashboard .dashboardColumn .dashboard_item > form {
    top: 0px;
    right: 0px;
    position: absolute;
}

#dashboard .btnPrint {
    padding: 8px;
    color: #174CBA;
    cursor: pointer;
    border: none;
    background-color: transparent;
    font-size: 14pt;
}

#dashboard .botao {
    height:25px;
    text-align: right;
    margin-bottom:20px;
}

#dashboard .button {
    font-size: 14pt;
}

#dashboard  .primary {
    background-color: #16126C;
}

/*PERMISSIONS*/
.ngdialog.ngdialog-theme-default .ngdialog-close {
    border: none;
}

#users .search, #groups .search {
    display: inline-block;
    margin-right: 10px;
    width: 50%;
}

.userDialog,
.groupDialog {
    width: 100%;
}

.userDialog > div,
.groupDialog > div {
    margin-top: 10px;
}

.userDialog .inputModal,
.userDialog input[type=text].default,
.userDialog input[type=password].default,
.groupDialog .inputModal,
.groupDialog input[type=text].default,
.groupDialog input[type=password].default {
    display: inline-block;
    width: 100%;
    font-size: 12pt;
}

.userDialog div > i,
.groupDialog div > i {
    position: absolute;
    left: -10px;
    top: 15px;
    color: #DE3A3A;
    font-size: 12pt;
}

.userDialog .userDialogControls,
.groupDialog .groupDialogControls,
.transferDosesDialog .transferDosesDialogControls {
    width: 100%;
    text-align: right;
}

.userDialog .userDialogControls > input[type=button],
.groupDialog .groupDialogControls > input[type=button] {
    display: inline-block;
    font-size: 12pt;
    margin-left: 5px;
}

.groupDialog #permissionsList > dd > dl dt {
    width: 110px;
    display: inline-block;
    font-weight: bold;
    padding: 5px 10px;
}

.groupDialog #permissionsList > dd > dl dd {
    display: inline-block;
    padding: 5px 10px;
}

.tabs_permission {
    cursor: pointer;
}

/*FOOTERS*/
footer.totals {
    display: block;
    position: fixed;
    background-color: #D9D9D9;
    padding: 10px 10px 10px 10px;
    bottom: 0px;
    left: 250px;
    right: 0px;
}

footer.totals > dl {
    display: inline-block;
    width: 48%;
    float: right;
}

footer.totals > dl > dt {
    width: 100%;
    text-align: right;
}

footer.totals > dl > dt > label {
    display: inline-block;
    padding: 5px;
    color: #243E61;
}

footer.totals > dl > dt > label:first-child {
    text-align: right;
}

footer.totals > dl > dt > label:nth-child(2) {
    text-align: left;
    width: 120px;
    font-weight: bold;
}


/*DATEPICKER*/
._720kb-datepicker-calendar-day._720kb-datepicker-today {
    background: #C0CBD2 !important;
    color: #EEE;
}

._720kb-datepicker-calendar-day._720kb-datepicker-active {
    background: #243E61 !important;
    color: #FFF;
}

.calendar2.r0 > div {
    right: 0;
}

/*VERTICAL ALIGN*/
.valign-top {
    vertical-align: top !important;
}

/* DOSES TRANSFER*/
.transferDosesDialog i.error {
    position: absolute;
    left: -10px;
    top: 7px;
    color: #DE3A3A;
    font-size: 12pt;
}


.ngdialog {
    z-index: 1000 !important;
}

/*CHECKBOX USUARIOS*/
.ckItemUser label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    margin-right: 15px;
    font-size: 15px;
    /*line-height: 40px;*/
}

.ckItemUser label:before {
    content: "\f096";
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    width: 16px;
    font-size: inherit;
    font-weight: bold;
}


.ckItemUser > input:disabled,
.ckItemUser > input:disabled + label {
    color: #BBB;
}

.ckItemUser input[type=checkbox] {
    display: block;
}

.ckItemUser input[type=checkbox]:checked + label:before {
    content: "\f046" !important;
}


/*CONTEUDO USARIOS*/
.divprincipal {
    width: 620px;
}

.divmeio {
    width: 620px;
    float: left;
}

.divlistaprincipal {
    width: 1090px;
    float: left;
}

.divlista {
    width: 530px;
    float: left;
    height: 130px !important;
    /*font-size: 15px;*/
    /*padding-left: 20px;*/
    /*background-color: pink;*/
}

.divmeio1 {
    width: 230px;
    float: left;
}

.divmeio2 {
    width: 270px;
    float: left;
}

.divmeio3 {
    width: 400px;
    float: left;
}

.divmeio4 {
    width: 90px;
    float: left;
    padding-left: 10px;
}

.lbltexto {
    width: 500px;
    font-size: 20px;
}

.pbdiv35 {
    padding-bottom: 35px;
}

.pbdiv20 {
    padding-bottom: 20px;
}

.ListaDiv490 {
    width: 490px;
    float: left;
}

.ListaDiv25 {
    width: 25px;
    float: left;
}

.ListaDiv455 {
    width: 455px;
    float: left;
}

.lbltitresult {
    width: 515px;
    text-align: center;
    /*font-size: 17px;*/
    padding-bottom: 10px;
}

.colunaresult1 {
    /*white-space: nowrap;*/
    width: 25px;
    /*overflow: hidden;
    text-overflow: ellipsis;*/
    float: left;
}

.colunaresult2 {
    /*white-space: nowrap;*/
    width: 65px;
    /*overflow: hidden;
    text-overflow: ellipsis;*/
    float: left;
}

.colunaresult3 {
    /*white-space: nowrap;*/
    width: 290px;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

.colunaresult4 {
    /*white-space: nowrap;*/
    width: 100px;
    /*overflow: hidden;
    text-overflow: ellipsis;*/
    float: left;
}
/*
 * DEFAULT 3
 */
div.default3 {
    width: 100%;
    margin: 0px;
    border-collapse: separate;
    border-spacing: 0px;
    height: auto;
    /*background-color: red;*/
    float: left;
}

div.default3 .tdth {
    line-height: 30px;
    height: 30px;
    text-align: left;
    padding: 5px 10px;
    vertical-align: bottom;
    white-space: nowrap;
    vertical-align: middle;
    font-weight: normal;
    color: #243E61;
}

/*div.default3 tbody td {
        vertical-align: middle;
        font-weight: normal;
        color: #243E61;
    }*/

/*div.default3 tbody tr.green td {
        color: #035207;
    }

    div.default3 tbody tr.red td {
        color: #860909;
    }*/

.theadtrth {
    border: none;
    background-color: #243E61;
    color: #FFFFFF;
    border: none;
    padding: 2px;
    float: left;
}

.theadtrtd {
    padding: 5px;
}

div.default3 tbody tr:nth-child(even) {
    background-color: #FBFBFB;
}

div.default3 tbody tr:nth-child(odd) {
    background-color: #EEEEEE;
}

div.default3 tbody tr:hover {
    background-color: #C0CBD2;
}

div.default3 tbody tr i.fa-trash {
    display: none;
    padding: 5px;
    cursor: pointer;
}

div.default3:not(.readonly) tbody tr:hover i.fa-trash {
    display: block;
}

div.default3 tfoot tr .total {
    background-color: #243E61;
    color: #FFFFFF;
}

div.default3 th.checkAll,
div.default3 td.checkLine {
    padding: 5px 15px;
}


/*
 * DEFAULT 4
 */
.default4 {
    width: 480px;
    color: #243E61;
    float: left;
}


/*ATTACHMENTS*/
#tblAttachments a, #tblAttachments a:visited, #tblAttachments a:active {
    color: #243E61;
}

#tblAttachments a:hover {
    color: #16126C;
    text-decoration: underline;
    cursor: pointer;
}

#tblProcedures {
    width: 100% !important;
}

/* AGREEMENTS */
#agreementsList > * {
    vertical-align: top;
}

/* ------------- */
/* breadcrumb */

.breadcrumb {
    display: flex;
    overflow: hidden;
    margin: auto;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    height: 55px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1), 0 4px 14px rgba(0,0,0,0.5);
    background-color: #ddd;
    z-index: 2;
}

.breadcrumb a {
    position: relative;
    display: flex;
    text-decoration: none;
    margin: auto;
    height: 100%;
    color: #000;
}


.breadcrumb__inner {
    display: flex;
    flex-direction: column;
    margin: auto;
    z-index: 2;
}

.text-success {
    color:#28a745 !important;
}

.box {
    float: left;
    width: 49%;
}

/*SUMMARY*/
#summaries {
    display: table;
    width: 100%;
    max-width: 100%;
    height: 100%;
    color: #243E61;
    background: -webkit-repeating-linear-gradient( #F2F2F2 0px, #F2F2F2 1px, #FFFFFF 1px, #FFFFFF 3px);
    background: -o-repeating-linear-gradient( #F2F2F2 0px, #F2F2F2 1px, #FFFFFF 1px, #FFFFFF 3px);
    background: -moz-repeating-linear-gradient( #F2F2F2 0px, #F2F2F2 1px, #FFFFFF 1px, #FFFFFF 3px);
    background: repeating-linear-gradient( #F2F2F2 0px, #F2F2F2 1px, #FFFFFF 1px, #FFFFFF 3px);
    background-size: 2px 2px;
}

    #summaries .row {
        display: table-row;
    }

    #summaries .cell {
        display: table-cell;
    }

    #summaries #tblInventory {
        width: 100%;
        height: 100%;
        border-collapse: collapse;
    }

    #summaries #tblInventory td > p {
        padding: 10px;
        text-align: center;
        cursor: pointer;
    }

    #summaries #tblInventory .tabs {
        height: 40px;
    }

    #summaries #tblInventory .tabs > td > p.open {
        border-bottom: 4px solid #243E61;
    }


    /*PRECO MEDIO*/
    #summaries #tblPMedio {
        width: 100%;
        height: 100%;
        border-collapse: collapse;
    }

    #summaries #tblPMedio td > p {
        padding: 10px;
        text-align: center;
        cursor: pointer;
    }

    #summaries #tblPMedio .tabs {
        height: 40px;
    }

    #summaries #tblPMedio .tabs > td > p.open {
        border-bottom: 4px solid #243E61;
    }

/*INVENTORY*/
/*#inventory {
    display: table;
    width: 100%;
    max-width: 100%;
    height: 100%;
    background: -webkit-repeating-linear-gradient( #F2F2F2 0px, #F2F2F2 1px, #FFFFFF 1px, #FFFFFF 3px);
    background: -o-repeating-linear-gradient( #F2F2F2 0px, #F2F2F2 1px, #FFFFFF 1px, #FFFFFF 3px);
    background: -moz-repeating-linear-gradient( #F2F2F2 0px, #F2F2F2 1px, #FFFFFF 1px, #FFFFFF 3px);
    background: repeating-linear-gradient( #F2F2F2 0px, #F2F2F2 1px, #FFFFFF 1px, #FFFFFF 3px);
    background-size: 2px 2px;
}

    #inventory .row {
        display: table-row;
    }

    #inventory .cell {
        display: table-cell;
        height: 100%;
        vertical-align: top;
    }

    #inventory footer {
        display: block;
        position: fixed;
        background-color: #D9D9D9;
        padding: 10px 10px 10px 80px;
        bottom: 0px;
        left: 0px;
        right: 0px;
    }

        #inventory footer > dl {
            display: inline-block;
            width: 48%;
            float: right;
        }

            #inventory footer > dl > dt {
                width: 100%;
                text-align: right;
            }

                #inventory footer > dl > dt > label {
                    display: inline-block;
                    padding: 5px;
                    color: #243E61;
                }

                    #inventory footer > dl > dt > label:first-child {
                        text-align: right;
                    }

                    #inventory footer > dl > dt > label:nth-child(2) {
                        text-align: left;
                        width: 120px;
                        font-weight: bold;
                    }*/