@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');

@font-face {
    font-family: 'MontSerrat';
    src: url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
}

.light-login {
    background-color: #283043 !important;
}

.login-layout .widget-box .widget-main {
    background-color: #f5f5f5 !important;
    color: #283043 !important;
}

.white, .lbl {
    color: #f5f5f5 !important;
}

.forgot-password-link {
    color: #ff0062 !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,
.table, .btn, .body, .control-label, .form-control, .align-center,
.center, .breadcrumb, .ng-binding {
    font-family: Montserrat, FontAwesome, Glyphicons Halflings !important;
}

.fa-file-excel-o:before {
    color: seagreen !important;
}

.navbar {
    background-color: #283043;
}

.navbar-brand {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0.5em !important;
}

    .navbar-brand > img {
        display: block;
        max-width: 200px !important;
        max-height: 50px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

.navbar-toggle {
    background-color: #283043 !important;
    margin-top: 13px !important;
}

.ace-nav > li > a > .ace-icon, .ace-nav > li > a {
    color: #ff0062 !important;
}

.fa-caret-down:before {
    color: #fff !important;
}

.sidebar:before {
    background-color: #283043 !important;
}

.no-skin .nav-list > li > a {
    background-color: #283043;
    color: white;
    font-family: Montserrat !important;
    font-size: 12px !important
}

.nav-list > li > a > .menu-Check {
    color: white !important;
    width: 20px !important;
}


.ace-nav > li.light-blue > a {
    background-color: #283043 !important;
    color: #fff !important;
}

.ace-nav > li {
    height: 50px !important;
}

    .ace-nav > li > a {
        padding: 2px 8px !important;
    }

.fa-info-circle:before {
    color: #ffffff !important;
}

.no-skin .nav-list > li > a:focus, .no-skin .nav-list > li:hover > a {
    background-color: #d4dff8;
    color: #283043;
}

.nav-list > li:before {
    display: none;
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    z-index: 1;
    height: 41px;
    width: 3px;
    max-width: 3px;
    overflow: hidden;
    background-color: #283043 !important
}

.no-skin .nav-list .open > a, .no-skin .nav-list .open > a:hover,
.no-skin .nav-list .open > a:focus {
    color: #283043 !important;
}

.no-skin .nav-list > li .submenu > li > a:hover {
    color: #364249 !important;
    background-color: #d4dff8 !important;
}

.no-skin .nav-list li.active > a:after, .no-skin .nav-list > li.active:after {
    border-right-color: #283043 !important;
}

.no-skin .nav-list > li .submenu > li.active > a, .no-skin .nav-list > li.active > a {
    color: #283043 !important;
}

a:hover .hipert, .hipert:hover {
    background-color: #283043 !important;
}


.breadcrumb > li > a {
    display: inline-block;
    color: #ff0062 !important;
}

.steps > li.active .step,
.steps > li.active:before,
.steps > li.complete .step,
.steps > li.complete:before {
    border-color: #283043 !important;
}

.pagination > li.active > a, .pagination > li.active > a:focus, .pagination > li.active > a:hover {
    background-color: #283043 !important;
    border-color: #283043 !important;
    color: #ffffff !important;
}

.pager > li > a, .pagination > li > a {
    color: #283043 !important;
    border-color: #283043 !important;
    background-color: #ffffff;
}

.pager > li > a, .pagination > li.disabled > a {
    color: #283043 !important;
    border-color: #283043 !important;
    background-color: #f5f5f5 !important;
}

.page-header h1 {
    color: #ff0062;
}

.no-skin .sidebar-toggle {
    background-color: #283043;
    border-color: #f5f5f5;
}

.dropdown-toggle {
    font-family: Montserrat !important;
}

.dropdown-menu:focus:hover {
    background-color: #ff0062 !important;
}

.dropdown-info > li:hover > a,
.dropdown-info > li > a:focus,
.dropdown-info > li > a:active,
.dropdown-info > li.active > a,
.dropdown-info > li.active:hover > a {
    border: none !important;
    background-color: #364249 !important;
}

label,
.body, .footer .footer-inner .footer-content,
.tspan,
.rowElem > tspan,
.highcharts-title,
.highcharts-legend,
.highcharts-axis > text,
.highcharts-axis-labels > text,
.highcharts-legend-item > text {
    font-family: Montserrat !important;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus, input[type="month"]:focus,
input[type="time"]:focus, input[type="week"]:focus,
input[type="number"]:focus, input[type="email"]:focus,
input[type="url"]:focus, input[type="search"]:focus,
input[type="tel"]:focus, input[type="color"]:focus {
    border-color: #283043 !important;
    background-color: lavender !important;
}


.body.no-skin, .rect {
    font-family: Montserrat !important;
}

.no-skin .nav-list > li .submenu > li > a {
    font-family: Montserrat !important;
}

.blue {
    color: #ff0062 !important
}

    .blue:hover {
        color: #b40045 !important
    }

.footer-content {
    left: 45px !important;
}

.page-content {
    margin: 12px !important;
}

.btn-white.btn-info {
    background-color: #ff0062 !important;
    color: #ffffff !important;
    border: none !important;
}

    .btn-white.btn-info:hover,
    .btn-white.btn-info:focus,
    .btn-white.btn-info:active,
    .btn-white.btn-info.hover,
    .btn-white.btn-info.focus
    .btn-white.btn-info.active {
        background-color: #b40045 !important;
        color: #ffffff !important;
        border: none !important;
    }

.btn-white.btn-primary {
    color: #ff0062 !important;
    border-color: #364249 !important;
}

.btn-login {
    background-color: #364249 !important;
    border-style: solid;
    border-color: #ffffff;
    border-width: 1px;
}

.btn-white > span > i[class*=fa] {
    color: #283043 !important;
}

.btn-white:hover > span > i[class*=fa] {
    color: white !important;
}

.open > .btn-white.btn-info.dropdown-toggle,
.open > .btn-white.btn-info.active.dropdown-toggle {
    background-color: #ffffff !important;
    color: #ff0062 !important;
}

.btn-grey,
.btn-grey:focus,
.btn-grey.focus,
.btn-grey:hover,
.btn-grey.hover,
.btn-grey:active:focus,
.btn-grey.active.focus,
.btn-grey:active:hover,
.btn-grey.active.hover,
.btn-grey:focus:hover,
.btn-grey.focus.hover {
    background-color: transparent !important;
    border-color: transparent !important;
    width: 30px !important;
    height: 30px !important;
    padding: 0px 1px !important;
}

.dataTable > thead > tr > th[class*=sorting_] {
    color: gray;
}

.btn-white.btn-primary.active,
.btn-white.btn-primary:active,
.btn-white.btn-primary:focus,
.btn-white.btn-primary:hover,
.open > .btn-white.btn-primary.active.dropdown-toggle,
.open > .btn-white.btn-primary.dropdown-toggle {
    background-color: #5a5e61 !important;
    color: #fff !important;
}

.btn.btn-white:focus.btn-bold, .btn.btn-white.focus.btn-bold, .btn.btn-white:hover.btn-bold, .btn.btn-white.hover.btn-bold, .btn.btn-white.active.btn-bold {
    color: #ffffff !important;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    color: #ffffff !important
}

.btn-group > .btn:first-child > .fa-caret-down:before {
    color: #ffffff !important;
}

.btn.btn-round {
    border: none !important;
}

.btn-info, .btn-info:focus, .btn-info.focus {
    background-color: #364249 !important;
    border-color: #364249 !important;
}

    .btn-info:hover {
        background-color: #5a5e61 !important;
        border-color: #5a5e61 !important;
    }

.btn-success, .btn-success:focus, .btn-success.focus {
    background-color: #ff0062 !important;
    border-color: #ff0062 !important;
}

    .btn-success:hover {
        background-color: #b40045 !important;
        border-color: #b40045 !important;
    }

#back {
    background-color: #364249 !important;
}

    #back.focus:hover,
    #back:active:hover,
    #back:focus:active,
    #back:focus:hover,
    #back:hover {
        background-color: #5a5e61 !important;
        color: #ffffff !important;
    }

#btnCriar {
    background-color: #ff0062 !important;
    color: #ffffff !important;
}

    #btnCriar.focus:hover,
    #btnCriar:active:hover,
    #btnCriar:focus:active,
    #btnCriar:focus:hover,
    #btnCriar:hover {
        background-color: #b40045 !important;
        color: #ffffff !important;
    }

.ace-file-input .ace-file-container:before {
    background-color: #ff0062 !important;
    color: #ffffff;
}

.ace-file-input:hover .ace-file-container:before {
    background-color: #b40045 !important;
    color: #ffffff;
}


.btn.btn-round, .btn-white.btn-default {
    background-color: #ff0062 !important;
    color: #ffffff !important;
}

    .btn.btn-round:hover {
        background-color: #b40045 !important;
        color: #ffffff !important;
    }

    .btn.btn-round > .fa-trash-o:before {
        color: white !important;
    }

.btn-danger, .btn-second {
    background-color: #364249 !important;
    border-color: #364249 !important;
}

    .btn-danger.focus:hover,
    .btn-danger:active:hover,
    .btn-danger:focus:active,
    .btn-danger:focus:hover,
    .btn-danger:hover,
    .open > .btn-danger.dropdown-toggle,
    .open > .btn-danger.dropdown-toggle.focus,
    .open > .btn-danger.dropdown-toggle:active,
    .open > .btn-danger.dropdown-toggle:focus,
    .open > .btn-danger.dropdown-toggle:hover,
    .btn-second.focus:hover,
    .btn-second:active:hover,
    .btn-second:focus:active,
    .btn-second:focus:hover,
    .btn-second:hover,
    .open > .btn-second.dropdown-toggle,
    .open > .btn-second.dropdown-toggle.focus,
    .open > .btn-second.dropdown-toggle:active,
    .open > .btn-second.dropdown-toggle:focus,
    .open > .btn-second.dropdown-toggle:hover {
        background-color: #5a5e61 !important;
        border-color: #5a5e61 !important;
    }

.fa-save:before, .fa-floppy-o:before, .fa-arrow-left:before {
    color: #ffffff !important;
}


.btn-xs > .ace-icon, .btn-mini > .ace-icon, .btn-minier > .ace-icon {
    margin-right: 0px !important;
}

input[type=checkbox].ace + .lbl,
input[type=checkbox].ace + input[type=hidden] + .lbl,
input[type=radio].ace + .lbl,
.login-box .forgot-password-link,
.forgot-box .toolbar {
    font-family: 'Montserrat' !important;
}

.widget-header > .widget-title {
    color: #ff0062 !important;
}

.widget-header-flat {
    background-color: #f5f5f5 !important;
    background: #f8f8f8;
    background-image: initial;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
}

.tree .tree-item, .tree .tree-branch .tree-branch-header {
    color: black !important;
}

.tree .tree-plus.ace-icon:first-child, .tree .tree-minus.ace-icon:first-child {
    border: 1px solid gray !important;
}

.tree .tree-branch .tree-branch-children:before,
.tree .tree-branch .tree-branch-children.tree:before,
.tree:before,
.tree .tree-branch:before,
.tree .tree-item:before {
    border: 1px dotted gray !important;
}

.tree .tree-item.tree-selected, .tree .tree-item.tree-selected:hover, .tree .tree-branch .tree-branch-header:hover, .tree .tree-item:hover {
    background-color: rgba(171,186,195,0.2) !important;
}

.tree .tree-branch > .tree-branch-header > .tree-branch-name > .tree-label,
.tree .tree-item, .tree .tree-branch .tree-branch-header {
    font-family: 'Montserrat' !important;
    font-size: 11px !important;
}

.tree li a:hover, .tree li a:hover + ul li a {
    background-color: #283043 !important;
    border: 1px solid #f5f5f5 !important;
}

.modal-header {
    background-color: #283043 !important;
}

.modal-title {
    background-color: #283043 !important;
}

.hide_on_load {
    color: #ffffff !important;
}

.black {
    color: #393939 !important;
}


.dynamic-table-documents {
    background-color: #ff0062 !important;
}

    .dynamic-table-documents:hover {
        background-color: #b40045 !important;
    }

.label-info, .label.label-info, .badge.badge-info, .badge-info {
    background-color: #ff0062 !important;
}

    .label-info.arrowed-in-right:after {
        border-color: #ff0062 transparent #ff0062 #ff0062;
    }

    .label-info.arrowed-in:before {
        border-color: #ff0062 #ff0062 #ff0062 transparent;
    }

.profile-user-info-striped .profile-info-name {
    background-color: #f5f5f5 !important;
    color: #364249 !important;
    border-color: #364249 !important;
}

.widget-color-blue2 > .widget-header {
    background-color: #f5f5f5 !important;
}

.widget-color-blue2 > .widget-header, .widget-color-blue2 {
    border-color: #5a5e61 !important;
}

.fa-file-excel:before {
    content: "\f1c3";
    color: mediumaquamarine !important;
}

#forgotPassword {
    color: #283043 !important;
}

#login_lbl {
    color: #5a5e61 !important;
}

#pink_Arrow > .fa-arrow-left:before {
    color: #ff0062 !important;
}

#btn-gear {
    color: #283043 !important;
    overflow: hidden;
    transition-duration: 30s;
    transition-property: transform;
}

    #btn-gear:hover {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }

#tree-header {
    color: #364249 !important;
}

#navbarError {
    background-color: #fff !important;
}

#btnLogoutError {
    background-color: #fff !important;
}

#roundedDelete {
    background-color: #364249 !important;
    color: #fff !important;
}

span[id^=lbl_ListaColunas] {
    color: #364249 !important;
}

.text-size-box svg {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 10px;
    margin-left: 3px;
    vertical-align: middle;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
}


    .text-size-box svg path {
        fill: #fff;
        color: #fff;
    }

.text-size-box:hover svg path {
    fill: #283043;
    color: #283043;
}