/** COLOR PROJECT **/
:root{
  --main-color-first: #2d7587;
  --main-color-second: #fdc565;
  --main-color-third: #e86659;
  --main-color-disabled: #bdbdbd;
  --main-color-first_hover: #3490a8;

  --main-color-text-first: #212121;
  --main-color-text-second: #6f6d6d;

  --main-color-first-hover: #d4e1e2;

  --main-color-border-first: #c3c0c0;

  --main-color-link-first: #00838f;

  --main-color-info: #1486a3;
  --main-color-warning: #e87c09;
  --main-color-success: #2d7587;
  --main-color-danger: #ff5252;

  --main-bgcolor-light: #f5f5f5;
}

html, body {
  height: 100%;
  margin: 0;
  color: var(--main-color-text-first) !important;
  font-family: 'Titillium Web', sans-serif !important;
  overflow: hidden;
}
#card_login{
  opacity: 0.8;
}
button, input, optgroup, select, textarea{
  font-family: 'Titillium Web', sans-serif !important;
}
a{ color: var(--main-color-link-first); }
.ahidden{ display: none; }
.bgcolor_first{ background-color: var(--main-color-first); }
.bgcolor_second{ background-color: var(--main-color-second); }
.bgcolor_third{ background-color: var(--main-color-third); }
.bgcolor_first-text{ color: var(--main-color-first); }
.bgcolor_second-text{ color: var(--main-color-second); }
.bgcolor_third-text{ color: var(--main-color-third); }
.input_first{
  border-bottom: 1px solid var(--main-color-first) !important;
  box-shadow: 0 1px 0 0 var(--main-color-first) !important;
}
.input_second{
  border-bottom: 1px solid var(--main-color-second) !important;
  box-shadow: 0 1px 0 0 var(--main-color-second) !important;
}
.input_third{
  border-bottom: 1px solid var(--main-color-third) !important;
  box-shadow: 0 1px 0 0 var(--main-color-third) !important;
}
.active { color: var(--main-color-first) !important; }
.btn:hover, .btn-large:hover, .btn-small:hover { background-color: var(--main-color-first_hover); }

/** HELPERS SIZE **/
.full_width{ width: 100%; }
.line-height-25{ line-height: 25px !important; }

/** HELPERS CURSOR **/
.cursor-pointer{ cursor: pointer; }

/** HELPERS ALIGN **/
.v-align-t-bottom{ vertical-align: text-bottom; }

/** HELPERS POSITION **/
.margin0{ margin: 0; }
.mt0{ margin-top: 0px; }
.mt5{ margin-top: 5px; }
.mt8{ margin-top: 8px; }
.mt10{ margin-top: 10px; }
.mt20{ margin-top: 20px; }
.mt30{ margin-top: 30px; }
.mt40{ margin-top: 40px; }
.mb0{ margin-bottom: 0px; }
.mb5{ margin-bottom: 5px; }
.mb8{ margin-bottom: 8px; }
.mb10{ margin-bottom: 10px; }
.mb20{ margin-bottom: 20px; }
.mb30{ margin-bottom: 30px; }
.mb40{ margin-bottom: 40px; }
.ml0{ margin-left: 0px; }
.ml5{ margin-left: 5px; }
.ml8{ margin-left: 8px; }
.ml10{ margin-left: 10px; }
.ml20{ margin-left: 20px; }
.ml30{ margin-left: 30px; }
.mr0{ margin-right: 0px; }
.mr5{ margin-right: 5px; }
.mr8{ margin-right: 8px; }
.mr10{ margin-right: 10px; }
.mr20{ margin-right: 20px; }
.mr30{ margin-right: 30px; }

.mt-5{ margin-top:- 5px; }
.mt-8{ margin-top:- 8px; }
.mt-10{ margin-top: -10px; }
.mt-12{ margin-top: -12px; }
.mt-20{ margin-top: -20px; }
.mt-30{ margin-top: -30px; }
.mt-40{ margin-top: -40px; }
.mb-5{ margin-bottom:- 5px; }
.mb-8{ margin-bottom:- 8px; }
.mb-10{ margin-bottom: -10px; }
.mb-20{ margin-bottom: -20px; }
.mb-30{ margin-bottom: -30px; }
.mb-40{ margin-bottom: -40px; }
.ml-5{ margin-left:- 5px; }
.ml-8{ margin-left:- 8px; }
.ml-10{ margin-left: -10px; }
.ml-20{ margin-left: -20px; }
.ml-30{ margin-left: -30px; }
.mr-5{ margin-right:- 5px; }
.mr-8{ margin-right:- 8px; }
.mr-10{ margin-right: -10px; }
.mr-20{ margin-right: -20px; }
.mr-30{ margin-right: -30px; }

.p15 { padding: 15px; }

/** HELPERS FONT **/
.font_size_10{ font-size: 10px !important; }
.font_size_11{ font-size: 11px !important; }
.font_size_12{ font-size: 12px !important; }
.font_size_13{ font-size: 13px !important; }
.font_size_14{ font-size: 14px !important; }
.font_size_15{ font-size: 15px !important; }
.font_size_16{ font-size: 16px !important; }
.font_size_17{ font-size: 17px !important; }
.font_size_18{ font-size: 18px !important; }
.font_size_19{ font-size: 19px !important; }
.font_size_20{ font-size: 20px !important; }
.font_size_25{ font-size: 25px !important; }
.font_size_30{ font-size: 30px !important; }
.font_size_35{ font-size: 35px !important; }
.font_size_40{ font-size: 40px !important; }
.uppercase{ text-transform: uppercase; }
.underline{ text-decoration: underline; }
.underline_hover:hover{ text-decoration: underline; }
.bold{ font-weight: bold; }
.justify{ text-align: justify; }

/** HELPERS SELECT **/
select:focus{
  outline: none;
}
select:disabled{
  background-color: white !important;
  color: var(--main-color-text-first);
  cursor: default !important;
}

/** MATERIALIZECSS **/
.modal-overlay{
  z-index: 9999 !important;
}
.dropdown-content li>a, .dropdown-content li>span{
  color: var(--main-color-first) !important;
}
.select-wrapper input.select-dropdown:focus{
  border-bottom: 1px solid var(--main-color-first) !important;
}
.select-dropdown.dropdown-content li:hover {
  background-color: var(--main-color-second) !important;
}
.select-dropdown.dropdown-content li.disabled:hover {
  background-color: var(--main-color-disabled) !important;
  cursor: default;
}
.select-dropdown li.disabled{
  background-color: var(--main-color-disabled) !important;
  cursor: default;
}

[type="checkbox"].filled-in:checked+span:not(.lever):after {
  border: 2px solid var(--main-color-first);
  background-color: var(--main-color-first);
}
[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:before, [type="radio"].with-gap:checked+span:after {
  border: 2px solid var(--main-color-first);
}
[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:after {
  background-color: var(--main-color-first);
}
[type="checkbox"].filled-in:not(:checked)+span:not(.lever):after {
  height: 17px;
  width: 17px;
  top: 4px;
}
[type="checkbox"]+span:not(.lever) {
  padding-left: 26px;
}
[type="checkbox"].filled-in:checked+span:not(.lever):after {
  width: 17px;
  height: 17px;
  top: 4px;
}
[type="checkbox"].filled-in:checked+span:not(.lever):before {
  top: 2px;
  width: 6px;
  height: 12px;
}
input[type=range]::-webkit-slider-thumb {
  background-color: var(--main-color-first);
}
input[type=range]{
  border: none !important;
  margin: 10px 0 !important;
}
::placeholder {
  color: var(--main-color-text-second);
}
/** CARET **/
li.active .collapsible-header .caret {
  transform: rotate(-180deg);
}
.caret{
  margin-top: 2px;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.collapsible_search_result  .caret{
  margin-top: 7px;
}
/** USER MANAGEMENT **/
#container_user_profile{
  z-index: 999;
  position: absolute;
  top: 10px;
  right: 10px;
}
#user{
  min-width: 240px;
}
.thumbnail_photo_profile{
  height: 32px;
  padding-top: 6px;
}
/** SIDEBAR SOGEFI **/
#sidenav_container select{
  border: 1px solid var(--main-color-border-first);
  cursor: pointer;
}
#sidebar_mini {
  width: 42px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: white;
  border-right: 1px solid var(--main-color-border-first);
}
#sidebar_mini>a>div{
  height: 42px;
}
.sidenav_li_title {
  background-color: var(--main-color-first);
  height: 42px;
  color: white;
  font-size: 17px;
  line-height: 42px;
  padding-left: 8px;
  cursor: pointer;
}
.sidenav-li-content {
  margin-left: 42px;
}
.sidenav_li_content li {
  display: list-item !important;
  line-height: 25px;
}
.sidenav_li_content p, .sidenav_li_content ul li {
  font-size: 16px;
  line-height: 19px;
}
.sidenav-overlay {
  z-index: 1 !important;
  display: none !important;
  opacity: 0 !important;
}
.img_sidbar_mini{
  border-bottom: 1px solid var(--main-color-border-first);
  cursor: pointer;
}
.img_sidbar_mini:hover{
  background-color: var(--main-color-first-hover);
}
.img_sidbar_mini.active {
  background-color: var(--main-color-first-hover);
}
/** TOASTS **/
.toast_error {
  background-color: var(--main-color-danger);
  color: white;
}
.toast_success {
  background-color: var(--main-color-success);
  color: white;
}
.toast_warning {
  background-color: var(--main-color-warning);
  color: white;
}
.toast_info {
  background-color: var(--main-color-info);
  color: white;
}

/** LOADER **/
#sogefi_loader{
  display: none;
  position: absolute;
  top: 38%;
  left: 47%;
  z-index: 10001;
  border: 16px solid white;
  border-top: 16px solid var(--main-color-third);
  border-radius: 50%;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
#sogefi_overlay{
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  background: #000;
  will-change: opacity;
  opacity: 0.5;
  z-index: 10000;
  height: inherit;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/** HELPERS SOGEFI **/
.list_circle::before {
  content: "\2022";
  color: var(--main-color-first);
  font-weight: bold;
  display: inline-block;
  width: 1em;
}
li.list_circle>a{
  color: var(--main-color-first);
  display: contents;
  font-size: inherit;
  font-weight: inherit;
  height: inherit;
  line-height: inherit;
  padding: inherit;
}
.div_info_emphasis{
  border-bottom: 3px solid var(--main-color-first);
  border-top: 3px solid var(--main-color-first);
}
.title_underline{
  text-align: left;
  font-size: 16px;
  text-transform: uppercase;
  border-bottom: 1px dotted var(--main-color-second);
}