/**, *::before, *::after {box-sizing: border-box}*/
body {color: #29313d; font-family: 'Nunito Sans', sans-serif !important}
fieldset.aligned {border-radius: 1rem; border: 0.0625rem solid rgba(46, 54, 80, 0.125); box-shadow: 0 2px 5px rgba(140, 152, 164, 0.2) !important; margin-bottom: 20px}


/*  **** FORM **** */
form fieldset.aligned label {color: #29313d; font-size: 14px; font-weight: 400; float: none; display: block; margin-bottom: 8px}
form .aligned p.help:last-child,
form .aligned p.help {padding-left: 0; margin-left: 0; margin-top: 5px}
.aligned label {width: auto}

#toolbar form #searchbar,
form .aligned input[type="text"],
form .aligned input[type="email"],
form .aligned input[type="password"],
form .aligned input[type="url"],
form .aligned input[type="number"], form .aligned textarea {
    font-size: 14px !important;
    appearance: none;
    background: #F9FAFB;
    width: 500px;
    border:0.0625rem solid #D1D5DB!important;
    border-radius: 1rem;
    box-shadow: inset 0 1px 2px rgba(46, 54, 80, 0.075);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#toolbar form #searchbar,
form .aligned input[type="text"],
form .aligned input[type="email"],
form .aligned input[type="password"],
form .aligned input[type="url"],
form .aligned input[type="number"] {
    height: 43px;
}

.vDateField-link+.vTimeField,
.vDateField {width: 221px !important; border-radius: 1rem 0 0 1rem !important}

.form-row .add-related,
.vDateField-link span, .vTimeField-link span {
    box-sizing: border-box;
    color: #4B5563;
    width: 57px;
    min-height: 43px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: end;
    font-size: 16px;
    white-space: nowrap;
    background-color: #F3F4F6;
    border: 0.0625rem solid #D1D5DB;
    border-left: 0;
    border-radius: 0 1rem 1rem 0;
    margin-left: -15px;
    padding-right: 9px;
}


.charsleft .counter {
    display: flex!important;
    align-items: center;
    margin-left: -15px;
    border-radius: 0 1rem 1rem 0!important;
}

.form-row > div > div > .select2-container--jet .select2-selection {
    background: #F9FAFB !important;
    border:0.0625rem solid #D1D5DB!important;
    border-radius: 1rem 0 0 1rem!important;
    box-shadow: inset 0 1px 2px rgba(46, 54, 80, 0.075);
    min-height: 43px;
    height: 'auto';
    max-width: 98.7%;
    padding:4px 0 0 0;
}

.select2-container--jet .select2-selection {
    background: #F9FAFB !important;
    border:0.0625rem solid #D1D5DB!important;
    border-radius: 1rem;
    box-shadow: inset 0 1px 2px rgba(46, 54, 80, 0.075);
    min-height: 43px;
    /*height: 'auto';*/
    /*max-width: 98.7%;*/
    padding:4px 0 0 0;
}

.select2-container--jet .select2-results__option {
    font-size: 15px;
    font-weight: 800;
    color: #000;
}

.select2-container--jet .select2-selection .select2-selection__rendered {
    color: #000;
}

#user_form .select2-container--jet .select2-selection,
#alcance_form .select2-container--jet .select2-selection,
#comentarios_form .select2-container--jet .select2-selection,
#tokenproxy_form .select2-container--jet .select2-selection,
#noticia_form .select2-container--jet .select2-selection,
.field-regiao .select2-container--jet .select2-selection {border-radius: 1rem 0 0 1rem}

.field-user_permissions .select2-container--jet .select2-selection {border-radius: 1rem !important}
.field-status .select2-container--jet .select2-selection {border-radius: 1rem !important}

form .aligned input[type=checkbox]+label:before {color: #9f9f9f; font-size: 18px}

.aligned label+p {margin-left: 0 !important; padding-left: 0 !important;}

.related-widget-wrapper {display: flex}
.form-row .add-related {display: inline-flex; margin-top: 0}
.related-widget-wrapper-icon:before {color:#4B5563; font-size: 23px !important;order:2}
.form-row .change-related {order: 3; margin-left:10px}

.select2-container--jet .select2-selection--single .select2-selection__arrow {top:7px}
.select2-container--jet .select2-dropdown--below {top:0}

.submit-row input[type="submit"]{cursor: pointer; height: 40px}

input[type="file"] {
    display: block;
    padding: 0.55rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4B5563;
    background-color: #F9FAFB;
    background-clip: padding-box;
    border: 0.0625rem solid #D1D5DB;
    -webkit-appearance: none !important;
    appearance: none !important;
    border-radius: 1rem;
    box-shadow: inset 0 1px 2px rgba(46, 54, 80, 0.075);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

ul.messagelist li.success {color:#466646}
ul.messagelist li.warning, ul.messagelist li.error, .errornote {color: #87112b}
form .aligned ul {padding-left: 0; margin-left: 0}




/*  **** BUTTONS **** */
.submit-row input, .submit-row input:visited, .submit-row input:hover {
    font-size: 14px !important;
    border-radius: 0.375rem !important;
}

#toolbar form input[type="submit"],
.button.default, input[type="submit"].default, input[type="button"].default, .object-tools a.default {
    background-color: #0d6efd;

}

#changelist .actions .button, #changelist .actions .button:visited, #changelist .actions .button:hover {
    background-color: #0d6efd;
}


/*  **** HEADER **** */
.quiet, a.quiet:link, a.quiet:visited {color: inherit !important; font-size: 14px !important; margin-left: 10px}
.submit-row {margin: 0 0 20px !important}
div.breadcrumbs.initialized {margin-bottom: 20px}
#content #content-main .object-tools {float: none !important}

#toolbar .changelist-filter-select-wrapper {margin:0 10px}
.changelist-footer {background: transparent}


#changelist-search div {display: flex; align-items: center; flex-wrap: wrap}
#toolbar #changelist-search div input[type="submit"] {margin-bottom: 0 !important; margin-left: 10px !important; height: 40px}
#toolbar form #searchbar {margin-bottom: 0 !important}
#toolbar .select2-container--jet .select2-selection .select2-selection__rendered {font-size: 14px; padding-right: 34px; padding-left: 14px !important}


/*  **** MENU OFFCANVAS **** */
.sidebar-header-wrapper {
    background-color: #1B3058!important;
}

.sidebar-header-wrapper {
    position: absolute!important;
    left: -76px!important;
}

.btn-dark.show-sidebar {
    background-color: #1B3058!important;
    border-color: #1B3058!important;
}

.page-wrapper.toggled .sidebar-wrapper, .page-wrapper.toggled-min .sidebar-wrapper  {
    background: #1B3058;
    box-shadow: 0 0px 9px 0 rgba(46, 54, 80, 0.5);
    border-top-right-radius: 20px;
}
.chiller-theme .sidebar-wrapper {
    background: red;
}
.chiller-theme .sidebar-footer{
    box-shadow: 0 -1px 5px #121f39 !important;
    background: #121f39 !important;
}
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown div {
    background: #121f39 !important;
}

.chiller-theme .sidebar-wrapper .sidebar-menu {border-top:1px solid #b9b9b929 !important}
.sidebar-wrapper .sidebar-options {border-bottom: 1px solid #b9b9b929 !important}

.chiller-theme .sidebar-wrapper .sidebar-menu .header-menu span {color: #fff !important}
.chiller-theme .sidebar-wrapper .sidebar-menu ul li a {
    font-size: 14px;
    width: 96%;
    padding: 9px 0 14px 10px;
}
.chiller-theme .sidebar-wrapper .sidebar-menu ul li a i {background: transparent !important; font-size: 15px}

.active {
    background: #121f39 !important;
}

.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a,
.chiller-theme .sidebar-wrapper .sidebar-header .user-info {
    color: #fff!important;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown > a:after {
    top: 18px!important;
}

.sidebar-wrapper .sidebar-options > ul .sidebar-link:hover .sidebar-link-text,
.sidebar-wrapper .sidebar-options > ul .sidebar-link:hover .sidebar-link-icon,
.chiller-theme .sidebar-wrapper ul li:hover a i,
.chiller-theme .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu:focus+span,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active a i,
.chiller-theme .sidebar-wrapper .sidebar-menu ul li:hover>a,
.chiller-theme .sidebar-wrapper .sidebar-brand>a:hover,
.chiller-theme .sidebar-wrapper .sidebar-options>a:hover,
.chiller-theme .sidebar-footer>a:hover i {
  color: #dedede!important;
}

.page-wrapper.chiller-theme.toggled #close-sidebar {
    color: #121f39!important;
}

.page-wrapper.chiller-theme.toggled #close-sidebar:hover {
    color: #dedede!important;
}

.show-sidebar {left:68px !important}

.user-tools, .breadcrumbs {
    display: none!important;
}

table thead th {
    background: #1B3058;
}

#content {
    padding-top: 20px!important;
}

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

#container {
    background: white;
}

.inline-related.initialized > h3 {
    background: #f3f3f3;
    z-index: 1;
    position: relative;
    border-radius: 1rem;
    border: 0.0625rem solid rgba(46, 54, 80, 0.125);
    box-shadow: 0 2px 5px rgba(140, 152, 164, 0.2) !important;
    margin-top: 10px;
    margin-bottom: -18px;
    padding-bottom: 17px;
}

@media only screen and (min-width: 320px) {
    input[type="file"] {
        max-width: 268px;
    }
}

@media only screen and (min-width: 375px) {
    input[type="file"] {
        max-width: 280px;
    }
}

@media only screen and (min-width: 425px) {
    input[type="file"] {
        max-width: 319px;
    }
}

@media only screen and (min-width: 425px) {
    input[type="file"] {
        max-width: 319px;
    }
}

@media only screen and (max-width: 445px) {
    input[type="file"] {
        max-width: 355px;
    }
    #toolbar .changelist-filter-select-wrapper {margin:10px 0 0 0}
    #toolbar #changelist-search div input[type="submit"] {margin-bottom: 0 !important; margin-top: 10px !important; height: 40px}
}


.module > table > tbody > tr > th > a,
.module > table > tbody > tr > td > a,
.results > table > tbody > tr > td > a,
table > tbody > tr > th > a {
    color: #000 !important;
    font-weight: bold;
    font-size: 14px;
}

.module > table > tbody > tr > th > a:hover,
.module > table > tbody > tr > td > a:hover,
.results > table > tbody > tr > td > a:hover,
table > tbody > tr > th > a:hover {
    color: #414141 !important;
    font-weight: bold;
    font-size: 14px;
    text-decoration: underline;
}

table > tbody > tr > td {
    color: #000 !important;
}

/*SIDEBAR LOGOTIPO CUSTOMIZE*/

.sidebar-brand {
    background: white;
    border-left: #1B3058 solid 1px;
}

.changelist-footer.fixed {
    position: inherit!important;
}

/* LOGIN FORMULARIO */
body.login {
    background: #1B3058!important;
}

body.login #container {
    border-radius: 20px!important;
    margin-top: 11%!important;
}
body.login .submit-row input[type="submit"] {
    background-color: rgba(27, 48, 88, 0.89) !important;
}

body.login .submit-row input[type="text"] {
    color: #1B3058!important;
}


input[type="text"] {
    color: #000!important;
}

/* Scroll to top  */

.scrollToTop{
    position: fixed; 
    right: 50px; 
    bottom: 90px; 
    background-color: #1D2DD6;
    color: #fff;
    border: black 1px solid;
    border-radius: 50px;
    height: 40px;
    width: 40px;
    font-size: 19px;
    z-index: 1000;
}

.scrollToTop:hover{
    background-color: #313DB9;
    cursor: pointer;
}

.quiet {
  font-weight: 900;
}

.quiet > a {
  font-weight: 900;
  text-decoration: underline;
  text-transform: capitalize;
}