/** LAYOUT PADRAO **/


html, body {
    font-family: Roboto,"Helvetica Neue",sans-serif;
}

/*body {*/
    /*margin: 0;*/
    /*padding: 0;*/
    /*min-width: 800px;*/
/*}*/

/*h1, h2, h3, h4, h5 {*/
    /*margin: 0;*/
    /*padding: 1em 0 1rem;*/
/*}*/

/*a:hover {*/
    /*color: #666;*/
    /*text-decoration: none;*/
/*}*/

body {
    margin-top: 72px;
    background-color: #f5f5f5;
}

@media only screen and (min-width: 601px) {
    body {
        margin-top: 80px;
    }
}

.main {
    height: 100%;
}

header {
    position: fixed;
    z-index: 997;
    width: 100%;
    top: 0;
}

@-webkit-keyframes gira {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes gira {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

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

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

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

.text-small {
    font-size: 0.8rem !important;
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.loader-texto {
    color: #999;
    left: 50%;
    top: 50%;
    margin-left: -26px;
    position: absolute;
    font-size: 11px;
    margin-top: -7px;
    font-weight: bold;
    z-index: 1001;
}

.loaded .loader-texto {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.loader-div {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.loaded .loader-div {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 0.3s 1s ease-out;
    transition: all 0.3s 1s ease-out;
}

.loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 160px;
    height: 160px;
    margin: -80px 0 0 -80px;
    border-radius: 50%;
    border: 4px solid transparent;
    border-top-color: #5BB1EA;
    -webkit-animation: gira 2s linear infinite;
    animation: gira 2s linear infinite;
    z-index: 1001;
}

.loaded .loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.loader:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 7px;
    right: 7px;
    bottom: 7px;
    border-radius: 50%;
    border: 4px solid transparent;
    border-top-color: #ffffff;
    -webkit-animation: gira 3s linear infinite;
    animation: gira 3s linear infinite;
}

.loader:after {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    border-radius: 50%;
    border: 4px solid transparent;
    border-top-color: #69EF7F;
    -webkit-animation: gira 1.5s linear infinite;
    animation: gira 1.5s linear infinite;
}

.loader-div .loader-lado.loader-esquerdo {
    left: 0;
}

.loader-div .loader-lado.loader-direito {
    right: 0;
}

.loader-div .loader-lado {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #eceff1;
    z-index: 1000;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.hidden {
    display: none !important;
}

.flash {
    position: fixed !important;
    margin: 0 auto !important;
    text-align: center;
    padding: 15px !important;
    z-index:10000;
    background-color: #577486 !important;
    color: #fff;
}

.flash .right {
    font-size: 20px;
}

.login-bg {
    background-color: #999;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
}

.center-login {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    width: 500px;
}

.card-header .card-title-login {
    padding: 20px;
    font-size: 1em;
}

.card-header .card-title, .card-header .card-title-selected {
    padding: 0 24px;
    height: 56px;
    max-height: 56px;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    margin: 0;
}

.card-header .card-title-selected {
    background-color: #e3f2fd;
    color: #1e88e5;
    font-size: 16px;
}

.card-title .title {
    font-size: 20px;
    color: rgba(0,0,0,.87);
}

.card-title-filtro .title {
    font-size: 20px;
    letter-spacing: .005em;
    box-sizing: border-box;
    font-weight: 400;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    height: 56px;
    max-height: 56px;
    padding: 0 16px;
    margin: 0;
}

.card-title-filtro .title input {
    margin-left: 16px;
}

.card-title-filtro .card-title-options {
    margin-left: 5px;
}

.card-title-filtro input {
    margin: 0;
    height: 2.5rem;
}

hr {
    margin: 0;
    border-bottom: #ececec 1px solid;
    border-top: transparent;
    border-left: transparent;
    border-right: transparent;
}

.card-content.title {
    padding: 10px  20px;
}

.flex {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    box-sizing: border-box;
}

.lean-overlay {
    background: #fff;
}

.error_wrapper {
    background: #F5CACA;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 0.7em;
    margin: 0 0 5px 0;
}

.error-message {
    border-radius: 6px;
    background-color: #EACACA;
    padding: 15px;
    font-size: 13px;
    color: #B91010;
    margin-bottom: 10px;
}

.error-message ul {
    margin: 10px 0 0 0;
}

.error-message .header {
    color: #7F2929;
    font-size: 18px;
    font-weight: bold;
}

  /* ALTERA PADROES MATERIALIZECSS E CORES FORM CAMPOS */

    li.divider {
        padding: 0;
    }

    nav i, nav [class^="mdi-"], nav [class*="mdi-"], nav i.material-icons {
        font-size: 1.6rem;
    }

    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 1rem;
    }

    .side-nav.right a {
        line-height: 25px;
        height: auto;
        min-height: 25px;
        padding: 10px 0;
    }

    .side-nav.right li {
        line-height: 30px;
    }
    
    .side-nav.right .light-blue {
        font-size: 1.2em;
        color: #fff;
        line-height: 50px;
    }

    @media only screen and (min-width: 601px) {
        .side-nav.right a i {
            height: 30px;
            line-height: 30px;
        }
        .container2 {
            width: 95%;
        }
    }

    @media only screen and (min-width: 993px) {
        .container2 {
            width: 95%;
        }
    }

    button.btn-flat:focus {
        outline: #ddd solid 1px;
        background-color: transparent;
    }

    input:not([type]):focus:not([readonly]),
    input[type=text]:focus:not([readonly]),
    input[type=password]:focus:not([readonly]),
    input[type=email]:focus:not([readonly]),
    input[type=url]:focus:not([readonly]),
    input[type=time]:focus:not([readonly]),
    input[type=date]:focus:not([readonly]),
    input[type=datetime-local]:focus:not([readonly]),
    input[type=tel]:focus:not([readonly]),
    input[type=number]:focus:not([readonly]),
    input[type=search]:focus:not([readonly]),
    textarea.materialize-textarea:focus:not([readonly]) {
      border-bottom: 1px solid #0288d1;
      box-shadow: 0 1px 0 0 #0288d1;
    }

    input:not([type]):focus:not([readonly]) + label,
    input[type=text]:focus:not([readonly]) + label,
    input[type=password]:focus:not([readonly]) + label,
    input[type=email]:focus:not([readonly]) + label,
    input[type=url]:focus:not([readonly]) + label,
    input[type=time]:focus:not([readonly]) + label,
    input[type=date]:focus:not([readonly]) + label,
    input[type=datetime-local]:focus:not([readonly]) + label,
    input[type=tel]:focus:not([readonly]) + label,
    input[type=number]:focus:not([readonly]) + label,
    input[type=search]:focus:not([readonly]) + label,
    textarea.materialize-textarea:focus:not([readonly]) + label {
      color: #0288d1;
    }

    textarea {
        padding: 10px !important;
        height: 10rem !important;
    }

    label.active.transform {
      transform: translateY(-160%) !important;
      padding-left: 0 !important;
    }

    label.transform {
      padding-left: 15px !important;
    }

    .label-data-transform {
        font-size: 0.8rem !important;
        transform: translateY(-140%) !important;
    }

    .input-field {
        margin-top: 0.5rem;
    }

   .input-field label {
     color: #0288d1;
   }

   .input-field input[type=text]:focus {
     border-bottom: 1px solid #02849e;
     box-shadow: 0 1px 0 0 #0288d1;
   }
   .input-field input[type=text].valid {
     border-bottom: 1px solid #02849e;
     box-shadow: 0 1px 0 0 #0288d1;
   }
   .input-field input[type=text].invalid {
     border-bottom: 1px solid #02849e;
     box-shadow: 0 1px 0 0 #0288d1;
   }
   .input-field .prefix.active {
     color: #0288d1;
   }

   [type="checkbox"]:checked+label:before {
       border-right: 2px solid #0288d1;
       border-bottom: 2px solid #0288d1;
   }

.modal.padrao.modal-fixed-footer {
    padding: 0;
    height: 85%;
}

.modal.mini.padrao.modal-fixed-footer {
    padding: 0;
    height: 55%;
}

.modal.padrao {
    max-height: 85%;
}

.modal.mini.padrao {
    max-height: 55%;
    width: 40%;
}

.modal.padrao .modal-content {
    margin-top: 56px;
    padding: 20px 20px 10px 20px;
}

.modal.padrao .modal-header {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    position: absolute;
    top: 0;
    height: 56px;
    width: 100%;
    padding: 10px;
}

.modal.padrao .modal-header .titulo {
    margin: 5px 15px;
    float: left;         font-size: 1.2em;
}

.modal.padrao .modal-header .sub-titulo {
    font-size: 11px;
    margin-top: -5px;
}

.modal.padrao .modal-header a {
    margin-right: 0 !important;
    right: 8px;
    top: 8px;
    position: absolute;
    padding: 5px 6px;
}

.modal.padrao .modal-header a i {
    font-size: 2em;
}

.modal.padrao.modal-fixed-footer .modal-content {
    height: calc(100% - 112px) !important;
}

/*.modal.padrao .modal-footer a {*/
    /*text-transform: none;*/
/*}*/

.menu-lateral {
    position: fixed;
    margin-left: -300px;
    width: 230px;
    top: 80px;
    z-index: 999;
    height: calc(100% - 30px);
}

.menu-lateral .side-nav {
    height: 100%;
    padding-bottom: 30px;
}

.menu-lateral .material-icons {
    margin-right: 10px;
    line-height: 64px;
}

.menu-lateral .side-nav .collapsible-body li a {
    margin: 0 1rem 0 0.5rem;
}

.side-nav .collapsible-body li.active>a,
.side-nav.fixed .collapsible-body li.active>a,
.menu-lateral li.active>a {
    color: #0288d1;
}

.side-nav .collapsible-body li.active,
.side-nav.fixed .collapsible-body li.active,
.menu-lateral .side-nav li:hover, .side-nav li.active {
    background-color: #f5f5f5;
}

.menu-lateral  .collapsible-header.active:after {
    content: "\e7c1";
}

.menu-lateral  .collapsible-header:after {
    font-family: "Material-Design-Icons";
    content: "\e7c3";
    float: right;
    color: #9e9e9e;
    font-size: 18px;
}

.conteudo-fundo {
    background-color: #ffffff;
    min-height: 300px;
    overflow: visible !important;
    padding: 15px;
    height: 100%;
    border-radius: 25px !important;
}

.card .card-content {
    padding: 10px 20px !important;
}

.menu-sanduiche {
    position: fixed;
    left: 20px;
    top: 13px;
    z-index: 998;
}

.menu-direita {
    margin-right: 20px;
    margin-top: 12px;
}

.img-logo {
    margin-left: 45px;
    height: 41px;
    width:auto;
    margin-top: 12px !important;
}

@media only screen and (min-width: 993px) {

    .side-nav.show-on-large {
        transform: translateX(0%) !important;
    }

    .img-logo {
         margin-left: 20px;
    }

    .center-login {
        top: calc(50% - 210px);
        position: absolute;
        left: calc(50% - 250px);
    }

    .menu-lateral .side-nav {
        height: calc(100% - 80px) !important;
    }

    .menu-lateral {
        margin-left: 0;
    }

    .side-nav.left.fixed {
        position: relative !important;
        left: 0 !important;
    }

    .main {
        padding-left: 245px;
    }

}

.menu-sem-hover:hover {
    background-color: #fff !important;
}

.footer {
    font-size: 9px !important;
    color: #999;
    padding-top: 8px;
    margin-bottom: 22px;
}

input.disabled {
    opacity: 0.5;
}

/*.ui.form .field.disabled, .ui.form .field.disabled label {*/
    /*opacity: 1;*/
/*}*/

/*.ui.form .field.disabled label::after {*/
    /*font-family: "Icons";*/
    /*content: " \f023";*/
    /*color: #a80005 !important;*/
/*}*/

/*.ui.form .field.required > label::before {*/
    /*font-family: "Icons";*/
    /*content: "\f069\ ";*/
    /*font-size: 0.7em;*/
    /*color: #a80005 !important;*/
/*}*/

/*.ui.form .field.required > label::after {*/
    /*content: "";*/
/*}*/

/*.ui.form .field.disabled {*/
    /*opacity: .5;*/
/*}*/
.ps-container > .ps-scrollbar-x-rail,
.ps-container > .ps-scrollbar-y-rail {
  opacity: 0.6;
    max-height: 20px;
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{
    border:1px solid #32bb1e !important;
    background: #32bb1e !important;
    font-weight: bold;
    color: #fff;
}

/** HELPERS **/

.hlp-upper-case>input {
    text-transform: uppercase !important;
}

.hlp-margin-top-menos-5 {
    margin-top: -5px !important;
}

.hlp-margin-top-5 {
    margin-top: 5px !important;
}

.hlp-margin-top-8 {
    margin-top: 8px !important;
}

.hlp-margin-top-10 {
    margin-top: 10px !important;
}

.hlp-margin-top-15 {
    margin-top: 15px !important;
}

.hlp-margin-top-18 {
    margin-top: 18px !important;
}

.hlp-margin-top-15 {
    margin-top: 15px !important;
}

.hlp-margin-top-20 {
    margin-top: 20px !important;
}

.hlp-margin-top-25 {
    margin-top: 25px !important;
}

.hlp-margin-top-30 {
    margin-top: 30px !important;
}

.hlp-margin-top-40 {
    margin-top: 40px !important;
}

.hlp-margin-left-5 {
    margin-left: 5px !important;
}

.hlp-margin-left-10 {
    margin-left: 10px !important;
}

.hlp-margin-left-20 {
    margin-left: 20px !important;
}

.hlp-margin-left-30 {
    margin-left: 30px !important;
}

.hlp-margin-right-3 {
    margin-right: 3px !important;
}

.hlp-margin-right-5 {
    margin-right: 5px !important;
}

.hlp-margin-right-7 {
    margin-right: 7px !important;
}

.hlp-margin-right-10 {
    margin-right: 10px !important;
}

.hlp-margin-right-15 {
    margin-right: 15px !important;
}

.hlp-margin-right-20 {
    margin-right: 20px !important;
}

.hlp-margin-right-30 {
    margin-right: 30px !important;
}

.hlp-margin-bottom-4 {
    margin-bottom: 4px !important;
}

.hlp-margin-bottom-5 {
    margin-bottom: 5px !important;
}

.hlp-margin-bottom-10 {
    margin-bottom: 10px !important;
}

.hlp-margin-bottom-15 {
    margin-bottom: 15px !important;
}

.hlp-margin-bottom-20 {
    margin-bottom: 20px !important;
}

.hlp-margin-bottom-30 {
    margin-bottom: 30px !important;
}

.hlp-margin-bottom-40 {
    margin-bottom: 40px !important;
}

.hlp-margin-rl-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.hlp-height-0 {
    height: 0 !important;
}

.btn-small {
    font-size: 16px !important;
    padding: 0 10px !important;
}

.btn-small>i.left {
    margin-right: 5px;
}

.btn-small>i.right {
    margin-left: 5px;
}

.hlp-no-margin {
    margin: 0 !important;
}

.hlp-no-margin-top {
    margin-top: 0 !important;
}

.hlp-no-margin-bottom {
    margin-bottom: 0 !important;
}

.hlp-no-margin-left {
    margin-left: 0 !important;
}

.hlp-no-margin-right {
    margin-right: 0 !important;
}

.hlp-padding-5 {
    padding: 5px !important;
}

.hlp-padding-7 {
    padding: 7px !important;
}

.hlp-padding-top-5 {
    padding-top: 5px !important;
}

.hlp-padding-top-10 {
    padding-top: 10px !important;
}

.hlp-padding-right-10 {
    padding-right: 10px !important;
}

.hlp-padding-left-10 {
    padding-left: 10px !important;
}

.hlp-padding-bottom-5 {
    padding-bottom: 5px !important;
}
.hlp-padding-bottom-10 {
    padding-bottom: 10px !important;
}

.hlp-no-padding {
    padding: 0 !important;
}

.hlp-no-padding-top {
    padding-top: 0 !important;
}

.hlp-no-padding-bottom {
    padding-bottom: 0 !important;
}

.hlp-no-padding-right {
    padding-right: 0 !important;
}

.hlp-no-padding-left {
    padding-left: 0 !important;
}

.hlp-no-rl-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.hlp-no-rl-padding-form {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.hlp-padding-20 {
    padding: 20px !important;
}

.hlp-padding-rl-5 {
    padding: 0 5px !important;
}

.hlp-padding-rl-10 {
    padding: 0 10px !important;
}

.hlp-padding-rl-15 {
    padding: 0 15px !important;
}

.hlp-padding-left-40 {
    padding-left: 40px !important;
}

.hlp-spacer-10 {
    display: inline-block;
    width: 10px;
}

.hlp-no-box-shadow {
    box-shadow:none !important;
}

.hlp-border-radius {
    border-radius: 4px !important;
}

.hlp-border-dashed {
    border: 2px dashed #ccc;
}

.hlp-border-solid {
    border: 1px solid #ccc !important;
}

.hlp-border-top>div {
    border-top: 1px solid #ddd !important;
}

.hlp-border-left {
    border-left: 1px solid #ddd !important;
}

.hlp-no-border {
    border: none !important;
}

.hlp-no-border-left {
    border-left: none !important;
}

.hlp-no-border-right {
    border-right: none !important;
}

.hlp-border-bottom {
    border-bottom: 1px solid #999;
}

.hlp-no-border-bottom {
    border-bottom: none !important;
}

.hlp-no-border-bottom-last:last-child {
    border-bottom: 0 !important;
}

.hlp-linha-pontos {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

@media only screen {
    .hlp-so-impressao {
        display: None !important;
    }

    .overflow-modal {
        width: 800px !important;
        min-height: 300px !important;
        max-height: 550px !important;
        overflow-y: auto !important
    }
}

@media only print {
    .hidden-impressao {
        display: None !important;
    }

    .hlp-no-padding-impressao {
        padding: 0 !important;
    }
}

.hcenter {
    display: table-cell;
    vertical-align: middle;
}

.lower {
    text-transform: lowercase !important;
}

.clearfix{
    *zoom:1
}

.clearfix:before,.clearfix:after{
    display:table;
    line-height:0;
    content:""
}

.clearfix:after{
    clear:both
}

.btn-icon {
    margin: 0;
    height: 40px;
    min-width: 0;
    line-height: 24px;
    padding: 8px;
    width: 40px;
    border-radius: 50%;
}

.btn-icon i {
    color: rgba(0,0,0,.54);
}

.btn-icon:last-child {
    margin-right: -12px;
}

.table-checkbox {
    width: 55px;
    padding: 10px 0 0 0;
}

.table-checkbox label {
    margin-left: 24px;
    padding-left: 24px;
}

.data-table tr.ativo {
    background-color: #f5f5f5;
}

.data-table>tbody>tr:hover {
    background-color: #eee!important;
}

.data-table td {
    color: rgba(0,0,0,.87);
    font-size: 13px;
}

.data-table th, .data-table th a {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.data-table th.ativo a {
    color: rgba(0,0,0,.87);
}

.data-table th i {
    transition: opacity .5s;
    opacity: 0;
}

.data-table th.ativo i {
    opacity: 1;
}

.data-table th a:hover i {
    opacity: 1;
}

.pagination .waves-effect {
    vertical-align: top;
}

.grid .pagination {
    margin: 0;
}

.grid .pagination li i {
    font-size: 1.2rem;
}

.grid .pagination li {
    font-size: 1rem;
    line-height: 24px;
}

.grid .pagination li:first-child, .grid .pagination li:last-child {
    padding: 0 2px;
}

.grid .card-action {
    color: #bbb;
    font-size: 0.9em;
}

.grid .pagination li.active {
    background-color: #76a0ee;
}

.grid div.trg-paginacao {
    width: 52px;
    height: 40px;
    display: inline-block;
}

.grid div.trg-paginacao input {
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    font-size: 1em;
}

.grid div.trg-paginacao .caret {
    color: #888;
    right: 2px;
    top: 10px;
    font-size: 8px;
}

.grid tr {
    transition:background-color 2s ease;
}

.grid tr.alterado {
    background-color: #97ee89;
}

.grid .img-mini {
    max-height: 45px;
    width: auto;
}

.modal-scroll {
    position: fixed;
    bottom: 55px;
    right: 20px;
    cursor: pointer;
}

.modal-scroll i {
    font-size: 3rem;
    color: #666;
}

.waves-effect.waves-blue .waves-ripple {
  background-color: rgba(66, 112, 244, 0.7);
}

.mensagem-atencao {
    text-align: center;
    width: 100%;
    height: auto;
    background-color: #E28F8F;
    border-radius: 4px;
    margin-top: 10px;
    padding: 15px;
    color: #fff;
}

.registro {
    margin-bottom: 10px;
}

.registro .col {
    background-color: #eaeaea;
    padding: 10px;
    border-radius: 6px;
    border: 3px solid #fbfbfb;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.input-field.erro label {
    color: red !important;
}

.input-field.erro input {
    border-bottom: 2px solid red !important;
}

.card.sem-borda {
    box-shadow: none !important;
}

.header-tela {
    color: #999;
}

.container_cad_ext {
    width: 50%;
    margin-top: 6%;
    min-width: 350px;
}

.container_cad_login {
    width: 50%;
    margin-top: 10%;
    min-width: 400px;
    max-width: 550px;
}


.container_cad_ext > .conteudo, .container_cad_login > .conteudo, .container_planos > .conteudo {
    border-radius: 25px;
}

.logo-cad-ext {
    width: 100%;
    text-align: center;
}

.logo-cad-ext > img {
    width: 210px;
    text-align: center;
}

.modal-footer-custom {
    border-top: 1px solid rgba(0,0,0,0.1);
    border-radius: 0 0 2px 2px;
    background-color: #fafafa;
    padding: 4px 6px;
    height: 56px;
    width: 100%;
}

.modal-footer-custom .btn-flat {
    margin: 6px 0;
}

.thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: all .2s ease-in-out;
    vertical-align: middle;
}

div.Tokenize {
    width: 100%;
}

div.Tokenize ul.TokensContainer li.TokenSearch input {
    height: 36px;
    text-align: center;
}

div.Tokenize ul.TokensContainer {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    outline: none;
    height: 44px;
    width: 100%;
    font-size: 1rem;
    margin: 0;
    padding: 0;
    box-shadow: none;
    box-sizing: content-box;
    transition: all 0.3s;
}

div.Tokenize ul.Dropdown {
    position: fixed !important;
}

.linha-titulo {
    font-size: 1.15rem;
    margin-bottom: 10px;
    color: #aaa;
}

.conta-view {
    padding: 20px 11px 30px 11px;
    font-size: 1.1rem;
    margin-bottom: 15px !important;
    color: #666;
}

.conta-add {
    background-color: #fff;
    overflow: visible !important;
    padding: 20px 11px 30px 11px;
    border: dashed 1px #aaa;
    border-radius: 4px;
    text-align: center;
    color: #666;
    display: block;
    margin-bottom: 15px !important;
}

.conta-add h1 {
    margin: 0 !important;
}

.bancos .autocomplete-content {
    position: absolute !important;
    max-height: 300px !important;
}

.btn-active, .btn-active:hover {
    background-color: #b0bec5
}

.btn-group-1 {
    border-radius: 2px 0 0 2px !important;
    font-size: 10px;
    padding: 0 10px;
}

.btn-group-2 {
    border-radius: 0 !important;
    font-size: 10px;
    padding: 0 10px;

}

.btn-group-3 {
    border-radius: 0 2px 2px 0 !important;
    font-size: 10px;
    padding: 0 10px;
}

.pagamento-padrao .modal {
    padding-top: 0 !important;
}

.hright {
    text-align: right !important;
    font-size: 11px !important;
}

.g-recaptcha>div {
    width: inherit !important;
}

.collapsible-header.active {
    background-color: #f5f5f5;
}

.color-green {
    color: #4caf50 !important;
}

.color-red {
    color: #f44336 !important;
}

.color-yellow {
    color: #ffeb3b !important;
}

.hlp-width-30 {
    width: 30%;
}