/* geral */
* {font-family: 'Roboto';}
section.content {margin: 120px 15px 0 15px;}
.overlay{z-index: 20;}
.link-clear:hover {text-decoration: none;}

/* displays */
.d-flex {display: flex !important;}
.d-none {display: none !important;}
.d-block {display: block !important;}
.d-inline-block {display: inline-block !important;}

/* flex / container options */
.flex-wrap {flex-wrap: wrap !important;}

/* flex / position options */
.justify-content-center {justify-content: center !important;}
.position-relative {position: relative !important;}
.position-absolute {position: absolute !important;}
.fixed-center-page {position: fixed !important; z-index: 999; top: 50%; left: 50%; transform: translate(-50%, -50%);}

/* border */
.border-radius {border-radius: 4px !important;}
.border-none {border: none !important;}

/* border - rounded */
.rounded-sm {border-radius: 2px !important;}
.rounded {border-radius: 4px !important;}
.rounded-top {border-top-left-radius: 4px !important; border-top-right-radius: 4px !important;}
.rounded-right {border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important;}
.rounded-bottom {border-bottom-right-radius: 4px !important; border-bottom-left-radius: 4px !important;}
.rounded-left {border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important;}
.rounded-lg {border-radius: 8px !important;}
.rounded-circle {border-radius: 50% !important;}
.rounded-pill {border-radius: 50% !important;}
.rounded-0 {border-radius: 0 !important;}

/* shadows */
.shadow-sm {box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;}
.shadow {box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;}
.shadow-lg {box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;}
.shadow-none {box-shadow: none !important;}

/* typography */
.font-thin {font-weight: 100 !important;}
.font-regular {font-weight: 400 !important;}
.font-medium {font-weight: 500 !important;}
.font-bold {font-weight: 700 !important;}
.font-size-10 {font-size: 10px !important;}
.font-size-14 {font-size: 14px !important;}
.font-size-16 {font-size: 16px !important;}
.font-size-34 {font-size: 34px !important;}
.uppercase {text-transform: uppercase;}

/* colors */
.color-a {color: #3E6AAB !important;}
.color-b {color: #FF8D4D !important;}
.color-white {color: #fff !important;}
.color-gray-a {color: #666 !important;}
.color-gray-b {color: #999 !important;}
.color-gray-c {color: #bbb !important;}
.color-gray-d {color: #ddd !important;}
.bg-a {background-color: #3E6AAB !important;}
.bg-b {background-color: #FF8D4D !important;}
.bg-gray-b {background-color: #fafafa !important;}
.bg-gray-c {background-color: #F2F2F2 !important;}
.border-a {border: 1px solid #3E6AAB !important;}
.border-gray-a {border: 1px solid #999 !important;}
.border-gray-b {border: 1px solid #bbb !important;}
.border-gray-c {border: 1px solid #ccc !important;}
.border-gray-d {border: 1px solid #0000001F !important;}
.fill-a {fill: #3E6AAB !important;}
.fill-b {fill: #FF8D4D !important;}

/* sizing */
.w-100 {width: 100% !important;} .w-95 {width: 95% !important;} .w-90 {width: 90% !important;} .w-85 {width: 85% !important;} .w-80 {width: 80% !important;} .w-75 {width: 75% !important;} .w-70 {width: 70% !important;} .w-65 {width: 65% !important;} .w-60 {width: 60% !important;} .w-55 {width: 55% !important;} .w-50 {width: 50% !important;} .w-45 {width: 45% !important;} .w-40 {width: 40% !important;} .w-35 {width: 35% !important;} .w-30 {width: 30% !important;} .w-25 {width: 25% !important;} .w-20 {width: 20% !important;} .w-15 {width: 15% !important;} .w-10 {width: 10% !important;} .w-5 {width: 5% !important;}

/* spacing */
.m-0 {margin: 0 !important;} .m-5 {margin: 5px !important;} .m-10 {margin: 10px !important;} .m-15 {margin: 15px !important;} .m-20 {margin: 20px !important;} .m-25 {margin: 25px !important;} .m-30 {margin: 30px !important;} .m-35 {margin: 35px !important;} .m-40 {margin: 40px !important;} .m-45 {margin: 45px !important;} .m-50 {margin: 50px !important;}
.mt-0 {margin-top: 0 !important;} .mt-5 {margin-top: 5px !important;} .mt-10 {margin-top: 10px !important;} .mt-15 {margin-top: 15px !important;} .mt-20 {margin-top: 20px !important;} .mt-25 {margin-top: 25px !important;} .mt-30 {margin-top: 30px !important;} .mt-35 {margin-top: 35px !important;} .mt-40 {margin-top: 40px !important;} .mt-45 {margin-top: 45px !important;} .mt-50 {margin-top: 50px !important;}
.mb-0 {margin-bottom: 0 !important;} .mb-5 {margin-bottom: 5px !important;} .mb-10 {margin-bottom: 10px !important;} .mb-15 {margin-bottom: 15px !important;} .mb-20 {margin-bottom: 20px !important;} .mb-25 {margin-bottom: 25px !important;} .mb-30 {margin-bottom: 30px !important;} .mb-35 {margin-bottom: 35px !important;} .mb-40 {margin-bottom: 40px !important;} .mb-45 {margin-bottom: 45px !important;} .mb-50 {margin-bottom: 50px !important;}
.mr-0 {margin-right: 0 !important;} .mr-5 {margin-right: 5px !important;} .mr-10 {margin-right: 10px !important;} .mr-15 {margin-right: 15px !important;} .mr-20 {margin-right: 20px !important;} .mr-25 {margin-right: 25px !important;} .mr-30 {margin-right: 30px !important;} .mr-35 {margin-right: 35px !important;} .mr-40 {margin-right: 40px !important;} .mr-45 {margin-right: 45px !important;} .mr-50 {margin-right: 50px !important;}
.ml-0 {margin-left: 0 !important;} .ml-5 {margin-left: 5px !important;} .ml-10 {margin-left: 10px !important;} .ml-15 {margin-left: 15px !important;} .ml-20 {margin-left: 20px !important;} .ml-25 {margin-left: 25px !important;} .ml-30 {margin-left: 30px !important;} .ml-35 {margin-left: 35px !important;} .ml-40 {margin-left: 40px !important;} .ml-45 {margin-left: 45px !important;} .ml-50 {margin-left: 50px !important;}
.p-0 {padding: 0 !important;} .p-5 {padding: 5px !important;} .p-10 {padding: 10px !important;} .p-15 {padding: 15px !important;} .p-20 {padding: 20px !important;} .p-25 {padding: 25px !important;} .p-30 {padding: 30px !important;} .p-35 {padding: 35px !important;} .p-40 {padding: 40px !important;} .p-45 {padding: 45px !important;} .p-50 {padding: 50px !important;}
.pt-0 {padding-top: 0 !important;} .pt-5 {padding-top: 5px !important;} .pt-10 {padding-top: 10px !important;} .pt-15 {padding-top: 15px !important;} .pt-20 {padding-top: 20px !important;} .pt-25 {padding-top: 25px !important;} .pt-30 {padding-top: 30px !important;} .pt-35 {padding-top: 35px !important;} .pt-40 {padding-top: 40px !important;} .pt-45 {padding-top: 45px !important;} .pt-50 {padding-top: 50px !important;}
.pb-0 {padding-bottom: 0 !important;} .pb-5 {padding-bottom: 5px !important;} .pb-10 {padding-bottom: 10px !important;} .pb-15 {padding-bottom: 15px !important;} .pb-20 {padding-bottom: 20px !important;} .pb-25 {padding-bottom: 25px !important;} .pb-30 {padding-bottom: 30px !important;} .pb-35 {padding-bottom: 35px !important;} .pb-40 {padding-bottom: 40px !important;} .pb-45 {padding-bottom: 45px !important;} .pb-50 {padding-bottom: 50px !important;}
.pr-0 {padding-right: 0 !important;} .pr-5 {padding-right: 5px !important;} .pr-10 {padding-right: 10px !important;} .pr-15 {padding-right: 15px !important;} .pr-20 {padding-right: 20px !important;} .pr-25 {padding-right: 25px !important;} .pr-30 {padding-right: 30px !important;} .pr-35 {padding-right: 35px !important;} .pr-40 {padding-right: 40px !important;} .pr-45 {padding-right: 45px !important;} .pr-50 {padding-right: 50px !important;}
.pl-0 {padding-left: 0 !important;} .pl-5 {padding-left: 5px !important;} .pl-10 {padding-left: 10px !important;} .pl-15 {padding-left: 15px !important;} .pl-20 {padding-left: 20px !important;} .pl-25 {padding-left: 25px !important;} .pl-30 {padding-left: 30px !important;} .pl-35 {padding-left: 35px !important;} .pl-40 {padding-left: 40px !important;} .pl-45 {padding-left: 45px !important;} .pl-50 {padding-left: 50px !important;}
.px-0 {padding-left: 0 !important; padding-right: 10px;} .px-5 {padding-left: 5px !important; padding-right: 10px;} .px-10 {padding-left: 10px !important; padding-right: 10px;} .px-15 {padding-left: 15px !important; padding-right: 10px;} .px-20 {padding-left: 20px !important; padding-right: 10px;} .px-25 {padding-left: 25px !important; padding-right: 10px;} .px-30 {padding-left: 30px !important; padding-right: 10px;} .px-35 {padding-left: 35px !important; padding-right: 10px;} .px-40 {padding-left: 40px !important; padding-right: 10px;} .px-45 {padding-left: 45px !important; padding-right: 10px;} .px-50 {padding-left: 50px !important; padding-right: 10px;}

/* SVG icons */
.svg-icon {width: 100%; height: 100%; margin-bottom: -5px; fill: #FF8D4D;}
.box-icon {
    display: block; width: 48px; height: 48px; padding: 10px; margin: 0; border-radius: 50%; background-color: #fff; box-shadow: 0px 3px 6px #00000029;
    /*border: 1px solid #1E44C94D;*/
}
.box-icon.icon-sm {width: 36px; height: 36px; padding: 5px;}

/* header */
.sub-links .btn {width: 200px; height: 41px; white-space: inherit; display: flex !important; justify-content: center; align-items: center;}
.sub-links .btn-success {background-color: #27AE60 !important; box-shadow: none !important; border-radius: 4px !important;}

/* tables */
.table {background: #F5F5F5; border: none;}
.table .sorting_desc,
.table .sorting_asc {color: #3E6AAB;}
.table thead .empty:after {display: none !important;}
.table thead tr th {border-bottom: 2px solid #ddd; padding-top: 20px;}
.table tbody tr td {border-bottom: 1px solid #ddd;}
.table tbody tr:nth-child(odd) {background-color: #fafafa;}
.table.dataTable thead .sorting_asc:after,
.table.dataTable thead .sorting_desc:after {opacity: 1;}
.export-table .btn-default {background: #ECF0F7 !important; box-shadow: none !important; border-radius: 15px !important;}
.dataTables_info,
.dataTables_paginate,
#data-table_wrapper .dt-buttons,
#data-table_filter {display: none;}
.export-table .tooltip:before {content: ""; width: 0; height: 0; position: absolute; bottom: -8px; right: 20px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid #3E6AAB; display: block;}

/* dataTables Icons */
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {bottom: 7px; right: 5px; font-family: 'Material Icons'; font-size: 18px;}
table.dataTable thead .sorting:after {content: "swap_vert";}
table.dataTable thead .sorting_desc:after {content: "sort"; transform: rotate3d(0, 10, 0, 3.14rad);}
table.dataTable thead .sorting_asc:after {content: "sort"; transform: rotate(180deg);}

/* forms */
.form .label {position: absolute; z-index: 1; top: -5px; left: 10px; background: #fff; padding: 0 5px; color: #666; font-size: 12px;}
.form .form-group {margin-bottom: 0;}
.form .form-group .form-line {border: 1px solid #ddd; border-radius: 4px; height: 46px; padding: 6px 0;}
.form .form-group .form-line.focused:after {display: none;}
.form .form-group .form-control {padding-left: 15px; font-size: 16px;}
.form .button-demo .btn {background: #2B5BA0 !important; height: 46px; font-weight: 700; font-size: 16px; border-radius: 4px; width: 100%; box-shadow: none;}

/* datepicker */
.ui-datepicker{border-radius: inherit; padding: 13px; width: 270px;}
.ui-datepicker .ui-datepicker-header{ background: none; border: none; text-transform: uppercase;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{border-radius: 30px;}
.ui-datepicker th span{color: #ccc; text-transform: uppercase;}
.ui-widget-content .ui-state-default{ background: none; border: none; text-align: center; height: 30px; width: 30px; padding: 0; line-height: 30px; border-radius: 30px; margin: 0; }
.ui-widget-content .ui-state-default:hover{background: #ddd;}
.ui-widget-content .ui-state-default.ui-state-active{ background: #007fff; }
.ui-widget-content .ui-state-highlight{background: #eee; color: #999;}
.datepicker-icon{ position: absolute; right: 0; bottom: 0; font-size: 21px; padding: 8px; }

/* bootstrap select */
.bootstrap-select.form-control .bootstrap-select.form-control {display: none;}
.bootstrap-select.form-control {border: 1px solid #ddd; border-radius: 4px; padding: 9px 0; height: 46px;}
.bootstrap-select.form-control .btn {font-size: 16px;}
.bootstrap-select.form-control .dropdown-menu.open {margin-top: 0 !important; top: -1px;}

/* chips */
.chip {display: inline-block; min-width: 10px; padding: 0 10px; font-size: 14px !important; line-height: 30px; color: #999; text-align: center; white-space: nowrap; vertical-align: middle; border-radius: 15px !important; border: 1px solid #eee; box-shadow: none !important;}
.chip .material-icons {font-size: 18px; float: left; padding: 5px; margin-left: -8px; top: 0 !important;}

/* topo */
#topo.scrolled{ height: 70px; overflow: hidden;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}
.bars{opacity: 0;}
.navbar{box-shadow: none;}
.extra.navbar{
	height: 225px; z-index: -1;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}
#topo .nav-pills li > a {padding: 10px 7px;}
#topo .nav-pills a:hover {background: rgba(255,255,255,.1);}
.nav-pills > li.active > a {background: none;}
.nav-pills li.active a::before {content: ""; background-color: #fff; width: 100%; height: 100%; opacity: 0.15; position: absolute; top: 0; left: 0; }

/* rodape */
#footer {
    position: fixed;
    bottom: 0;
    background: #fff;
    border-top: 1px solid #0000001F;
    width: 100%;
    padding: 10px 0;
}
#footer .tit-1 {}
#footer .tit-2 {color: #ccc;}
#footer {}

/* sidebar left */
#leftsidebar{height: 100%;}

/* sidebar right */
#leftsidebar{top: 0; z-index: 20 !important;}
.right-sidebar.open{z-index: 25 !important;}

/* progress spinner */
.spinner {display: inline-block; position: relative; width: 120px; height: 120px;}
.spinner div {box-sizing: border-box; display: block; position: absolute; width: 105px; height: 105px; margin: 8px; border: 8px solid #2B5BA0; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #2B5BA0 transparent transparent transparent;}
.spinner div:nth-child(1) {animation-delay: -0.45s;}
.spinner div:nth-child(2) {animation-delay: -0.3s;}
.spinner div:nth-child(3) {animation-delay: -0.15s;}
@keyframes lds-ring {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}

/* pagina home */
.infobox a:hover {text-decoration: none;}
.infobox .h4 {font-size: 16px; color: #3E6AAB;}
.infobox .card {border-radius: 12px; box-shadow: none; border: 1px solid #ddd; margin-bottom: 10px;}
.infobox .card .header {background-color: #fff !important; min-height: 95px; font-size: 16px; border: none; padding: 12px 15px; border-radius: 12px; transition: box-shadow 0.3s ease-in-out, background 1s;}
.infobox .card .header:hover {box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);}
.infobox .card .header p {margin-bottom: 0; color: #2B5BA0;}
.infobox .card .header .bullet {position: absolute; right: 15px; top: 50%; margin-top: -12px; color: #FF8D4D !important;}
.infobox .more-info {position: absolute; bottom: 0; left: 30px; border: 1px solid #ddd; border-radius: 12px; padding: 2px 10px 0px 10px; color: #2B5BA0; background: #fff; font-size: 12px; box-shadow: 0px 2px 6px rgb(0 0 0 / 10%);}
.infobox .tooltip {display: none; z-index: 10; opacity: 1; background: #ECF0F7; padding: 10px; border-radius: 4px; border: 1px solid #ddd; bottom: 25px; left: 20px;}
.infobox .tooltip:before {display: block; content: ""; width: 8px; height: 8px; position: absolute; bottom: -5px; left: 20px; background: #ECF0F7; transform: rotate(45deg); border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
.infobox .tooltip-open .tooltip {display: block;}
.infobox .tooltip-open .more-info{color: #fff; background: #2B5BA0; box-shadow: none;}
.info-box-5 {border: 1px solid #0000001F; border-radius: 4px;min-height: 110px; display: flex; cursor: default; background-color: #fff; position: relative; margin-bottom: 10px; cursor: pointer; transition: box-shadow 0.3s ease-in-out, background 1s;}
.info-box-5 .ctn-icon {position: absolute; top: -20px; left: 15px;}
.info-box-5 .box-icon {border: 1px solid rgba(43, 91, 160, 0.12); box-sizing: border-box; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); transition: box-shadow 0.3s ease-in-out;}
.info-box-5:hover {box-shadow: 0px 3px 6px #00000029; background: #ECF0F7;}
.info-box-5:hover .box-icon {box-shadow: 0px 0px 0px #00000029;}
.info-box-5:before {display: block; content: ""; position: absolute; bottom: 0; left: 15px; width: 35px; height: 2px; background-color: #0000001F;}
.info-box-5:hover:before {background: #2B5BA0;}
.info-box-5 .content {display: inline-block; padding: 15px;}
.info-box-5 .content .text {font-size: 14px; margin-top: 10px; color: #555;}
.info-box-5 .content .text:hover {text-transform: none;}
.info-box-5 .content .text.tit {font-size: 16px; color: #2B5BA0;}

/* breadcrumb */
.breadcrumb {position: absolute; right: 0; bottom: 0; margin: 0; padding: 15px 25px;}
.breadcrumb li a .material-icons {color: #777;}
@media (max-width: 900px) {.breadcrumb {display: none;}}

/* slider links */
#slider-links {max-height: 130px;}
#slider-links .info-box-5 {min-height: 86px;}
#slider-links .owl-nav {position: static;}
#slider-links .owl-nav .owl-prev,
#slider-links .owl-nav .owl-next {position: absolute; margin-top: -12px;}
#slider-links .owl-nav .owl-prev {top: 50%; left: -1px;}
#slider-links .owl-nav .owl-next {top: 50%; right: -7px;}

/* mobile */
@media (max-width: 1170px) {
	.bars{opacity: 1;}
	#topo{height: 70px; overflow: hidden;}
	section.content {margin-top: 70px;}
}

/* IFRAME LAYOUT */
body.clear section.content {margin: 50px 15px 0 15px;}
body.clear .extra.navbar {height: 150px;}

/* FORM VALIDATION */
.validation-form .validation-alert { position: fixed; bottom: -50%; left: 25%; width: 50%; transition: all 0.5s ease-out; margin: 0; z-index: 999; font-size: 1.5em; text-align: center;}
.validation-form .validation-alert.show { bottom: 3%; }
.validation-form .validation-alert.jump { animation: jump 1s normal forwards ease-in-out; }
@keyframes jump {
    from { transform: scale(1, 1); }
    50% { transform: scale(1.1, 1.1); }
    to { transform: scale(1, 1); }
}
@keyframes splash {
    from { opacity: 0; transform: scale(0, 0); }
    50% { opacity: 1; transform: scale(1.1, 1.1); }
    to { transform: scale(1, 1); }
}

/* DATE RANGE */
.date-range .range-divisor{ float: left; width: 5%; text-align: center; margin: 18px 2.4% 0 2.4%; }
.date-range .form-line{ float: left; width: 45%; }

/* loader inline */
.inline-loader{text-align: center; margin: 30px 0;}

/* XS (<768px) */
@media (max-width: 767px) {

    /* breadcrumb */
    .breadcrumb {display: none;}
}

/* SM (≥768px) */
@media (min-width: 768px) {}

/* MD (≥992px) */
@media (min-width: 992px) {

    /* widths */
    .w-md-20 {width: 20% !important;}
}

/* LG (≥1200px) */
@media (min-width: 1200px) {}