@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v12/iJWbBXyIfDnIV7nEt3KSJbVDV49rz8sDE0Uw.ttf) format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v12/iJWbBXyIfDnIV7nEt3KSJbVDV49rz8tdE0Uw.ttf) format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v12/iJWbBXyIfDnIV7nEt3KSJbVDV49rz8tvE0Uw.ttf) format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v12/iJWbBXyIfDnIV7nEt3KSJbVDV49rz8uDFEUw.ttf) format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v12/iJWbBXyIfDnIV7nEt3KSJbVDV49rz8u6FEUw.ttf) format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v12/iJWbBXyIfDnIV7nEt3KSJbVDV49rz8vdFEUw.ttf) format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v12/iJWbBXyIfDnIV7nEt3KSJbVDV49rz8v0FEUw.ttf) format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v12/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-WYi1UA.ttf) format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v12/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-B4i1UA.ttf) format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v12/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-NYi1UA.ttf) format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v12/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-2Y-1UA.ttf) format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v12/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-4I-1UA.ttf) format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v12/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-h4-1UA.ttf) format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v12/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-ro-1UA.ttf) format('truetype');
}
/*@color-tertiary  : mix(@baseColor, mintcream);*/
.text-primary {
  color: #0066cc !important;
}
.text-success {
  color: #507B26 !important;
}
body {
  font-family: 'Rubik', sans-serif !important;
  /*background: lighten(@colorDisable, 10%)!important;*/
}
.c-app {
  background-color: #e5e9ee;
}
.bg-light {
  background-color: #e0e6eb !important;
}
@media not all, (hover: hover) {
  a:hover {
    text-decoration: none;
    color: inherit;
  }
}
.link-sidebar,
.c-sidebar ul.c-sidebar-nav li.c-sidebar-nav-item a.c-sidebar-nav-link,
.c-sidebar ul.c-sidebar-nav li.nav-item a.c-sidebar-nav-link,
.c-sidebar ul.c-sidebar-nav li.c-sidebar-nav-dropdown a.c-sidebar-nav-dropdown-toggle {
  color: #333333;
  font-size: 14px;
  font-family: inherit;
  font-weight: 500;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.c-sidebar {
  background-color: #fff;
}
.c-sidebar.c-sidebar-lg-show {
  -webkit-box-shadow: 4px 0 150px 0 rgba(85, 85, 85, 0.08), 1px 0 20px 0 rgba(0, 0, 0, 0.07), 1px 0 11px 0px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 4px 0 150px 0 rgba(85, 85, 85, 0.08), 1px 0 20px 0 rgba(0, 0, 0, 0.07), 1px 0 11px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 4px 0 150px 0 rgba(85, 85, 85, 0.08), 1px 0 20px 0 rgba(0, 0, 0, 0.07), 1px 0 11px 0px rgba(0, 0, 0, 0.07);
}
.c-sidebar .c-sidebar-brand {
  background-color: transparent;
}
.c-sidebar .c-sidebar-brand a {
  display: block;
  padding: 20px 0;
}
.c-sidebar .c-sidebar-brand a img {
  width: 100%;
  height: unset;
  max-width: 100%;
}
.c-sidebar ul.c-sidebar-nav li.c-sidebar-nav-item.c-active a,
.c-sidebar ul.c-sidebar-nav li.nav-item.c-active a {
  color: #fff;
  background-color: #0066CC;
}
.c-sidebar ul.c-sidebar-nav li.c-sidebar-nav-item.c-active a i.c-sidebar-nav-icon,
.c-sidebar ul.c-sidebar-nav li.nav-item.c-active a i.c-sidebar-nav-icon {
  color: #fff !important;
}
.c-sidebar ul.c-sidebar-nav li.c-sidebar-nav-item a.c-sidebar-nav-link:hover,
.c-sidebar ul.c-sidebar-nav li.nav-item a.c-sidebar-nav-link:hover {
  background-color: #0066CC;
  color: #fff;
}
.c-sidebar ul.c-sidebar-nav li.c-sidebar-nav-item a.c-sidebar-nav-link:hover i.c-sidebar-nav-icon,
.c-sidebar ul.c-sidebar-nav li.nav-item a.c-sidebar-nav-link:hover i.c-sidebar-nav-icon {
  color: #fff;
}
.c-sidebar ul.c-sidebar-nav li.c-sidebar-nav-item a.c-sidebar-nav-link i.c-sidebar-nav-icon,
.c-sidebar ul.c-sidebar-nav li.nav-item a.c-sidebar-nav-link i.c-sidebar-nav-icon {
  color: #333333;
}
.c-sidebar ul.c-sidebar-nav li.c-sidebar-nav-title a {
  color: #003366;
  font-weight: 600;
}
.c-sidebar ul.c-sidebar-nav li.c-sidebar-nav-dropdown.c-show {
  background-color: transparent;
}
.c-sidebar ul.c-sidebar-nav li.c-sidebar-nav-dropdown.c-show .c-sidebar-nav-dropdown-items .c-sidebar-nav-item a,
.c-sidebar ul.c-sidebar-nav li.c-sidebar-nav-dropdown.c-show .c-sidebar-nav-dropdown-toggle .c-sidebar-nav-item a {
  padding: 0.4445rem 1rem;
  font-size: 12px;
  font-family: inherit;
  font-weight: 500;
}
.c-sidebar ul.c-sidebar-nav li.c-sidebar-nav-dropdown.c-show .c-sidebar-nav-dropdown-items .c-sidebar-nav-item a i,
.c-sidebar ul.c-sidebar-nav li.c-sidebar-nav-dropdown.c-show .c-sidebar-nav-dropdown-toggle .c-sidebar-nav-item a i {
  font-size: 0.89375rem;
  height: 0.79375rem;
}
.c-sidebar ul.c-sidebar-nav li.c-sidebar-nav-dropdown a.c-sidebar-nav-dropdown-toggle:after {
  height: 10px;
}
.c-sidebar ul.c-sidebar-nav li.c-sidebar-nav-dropdown a.c-sidebar-nav-dropdown-toggle:hover {
  background-color: #0066CC;
  color: #fff;
}
.c-sidebar ul.c-sidebar-nav li.c-sidebar-nav-dropdown a.c-sidebar-nav-dropdown-toggle:hover i.c-sidebar-nav-icon {
  color: #fff;
}
.c-sidebar ul.c-sidebar-nav li.c-sidebar-nav-dropdown a.c-sidebar-nav-dropdown-toggle i.c-sidebar-nav-icon {
  color: #000000;
}
.c-sidebar ul.c-sidebar-nav li.c-sidebar-nav-dropdown ul.c-sidebar-nav-dropdown-items li.c-sidebar-nav-item a.c-sidebar-nav-link {
  padding-left: 96px;
}
.c-sidebar ul.c-sidebar-nav li.c-sidebar-nav-dropdown ul.c-sidebar-nav-dropdown-items li.nav-item a.c-sidebar-nav-link {
  padding: 0.4445rem 1rem 0.4445rem 96px;
  color: #333333;
  font-size: 12px;
  font-family: inherit;
  font-weight: 500;
  text-transform: uppercase;
}
.c-sidebar ul.c-sidebar-nav li.c-sidebar-nav-dropdown ul.c-sidebar-nav-dropdown-items li.nav-item a.c-sidebar-nav-link i {
  font-size: 0.89375rem;
  height: 0.79375rem;
  color: #333333;
}
.c-sidebar ul.c-sidebar-nav li.c-sidebar-nav-dropdown ul.c-sidebar-nav-dropdown-items li.nav-item a.c-sidebar-nav-link:hover {
  background-color: #0066CC;
  color: #fff;
}
.c-sidebar ul.c-sidebar-nav li.c-sidebar-nav-dropdown ul.c-sidebar-nav-dropdown-items li.nav-item a.c-sidebar-nav-link:hover i.c-sidebar-nav-icon {
  color: #fff;
}
.c-sidebar .c-sidebar-minimizer {
  display: none;
}
.sidebar-footer {
  position: fixed;
  z-index: 10;
  bottom: 0px;
  left: 0px;
  -webkit-transition: 0.6s ease-out;
  -o-transition: 0.6s ease-out;
  transition: 0.6s ease-out;
  width: 255px;
  padding: 0px 27px 30px 33px;
}
.sidebar-footer .developer {
  border-top: 1px solid rgba(120, 130, 140, 0.13);
  padding-top: 10px;
}
.sidebar-footer .developer span {
  font-size: 12px;
  color: #cccccc;
  font-weight: 100;
}
.c-header {
  background-color: #003366;
  border: 0px;
}
.c-header ul.c-header-nav li.c-header-nav-item a.c-header-nav-link {
  color: #fff;
}
.c-header ul.c-header-nav li.c-header-nav-item a.c-header-nav-link .c-avatar {
  border: 2px solid #fff;
}
.c-header .c-subheader {
  background-color: #e5e9ee;
}
.c-header .c-subheader ol.breadcrumb li.breadcrumb-item a {
  color: #003366;
}
.header-container {
  background: #161616;
}
.header-container header.navbar {
  background: #161616;
  border-bottom: 0.01rem solid #161616;
}
.header-container header.navbar a.sidebarCollapse {
  display: block;
  color: #0066cc;
}
.header-container header.navbar .page-header .page-title h3 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 800;
  line-height: 20px;
  font-stretch: condensed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.header-container header.navbar ul.navbar-item .nameUserLogged {
  padding: 6px 0;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.header-container header.navbar ul.navbar-item .nav-link svg {
  color: #0066cc !important;
  fill: rgba(51, 153, 255, 0.2);
}
.c-footer {
  background: transparent;
  border-top: 0px;
}
.c-footer a {
  color: #768192;
}
.dropdown-menu {
  border-radius: 0px;
}
.dropdown-menu .dropdown-header {
  color: #003366;
  background-color: transparent!important;
  border-bottom: 1px solid #003366;
}
.dropdown-menu a.dropdown-item {
  color: #333333;
  font-weight: 400;
}
.dropdown-menu a.dropdown-item:hover {
  color: #003366;
  background: #dde3e9;
}
.widget {
  border-radius: 0px;
}
.widget .widget-header h4 {
  font-size: 24px!important;
  font-weight: 400!important;
  color: #333333 !important;
}
.widget .widget-heading h5 {
  font-size: 24px!important;
  font-weight: 400!important;
  color: #333333 !important;
}
.widget-table-two .table thead tr th {
  font-weight: 600;
  background: #161616;
}
.widget-table-two .table thead tr th .th-content {
  color: #0066cc !important;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
}
.widget-table-two .table tbody tr td .td-content {
  color: #333333;
  font-size: 14px;
  font-weight: 400;
}
.widget-table-two .table tbody tr td .td-content .outline-badge-primary {
  background-color: #ffc5a8;
}
.widget-table-two .table > thead > tr > th:first-child {
  border-top-left-radius: 0px;
}
.widget-table-two .table > thead > tr > th:first-child {
  border-bottom-left-radius: 0px;
}
.widget-table-two .table > thead > tr > th:last-child {
  border-top-right-radius: 0px;
}
.widget-table-two .table > thead > tr > th:last-child {
  border-bottom-right-radius: 0px;
}
.card-accent-primary,
.card-accent-info {
  border-top: 2px solid #003366 !important;
}
.card {
  border-radius: 0px;
  padding: 1rem;
}
.card .card-header {
  margin-bottom: 0;
  background-color: #fff;
  border-bottom: 0px;
}
.card .card-header h4 {
  font-size: 28px;
  font-weight: 300;
  color: #003366;
}
.card .card-body h3 {
  font-size: 16px;
  font-weight: 600;
  color: #99CC33;
  border-bottom: 1px solid #99CC33;
}
.card .card-body .card-title {
  font-size: 28px;
  line-height: 30px;
  font-weight: 400;
  color: #003366;
}
.card .card-body .card-title .text-muted {
  font-size: 20px;
}
.card .card-body p {
  font-size: 20px;
  font-weight: 100;
  color: #333333;
}
.card .card-body p small {
  font-size: 12px;
  line-height: 12px!important;
  font-weight: 100;
  color: #333333;
}
.btn-primary {
  color: #fff;
  background-color: #0066CC;
  border-color: #0066CC;
}
.btn-primary:hover {
  background-color: #0099CC;
  border-color: #0099CC;
}
.btn-info {
  background-color: #0099CC;
  border-color: #0099CC;
}
.btn-info:hover {
  background-color: #0066CC;
  border-color: #0066CC;
}
.btn-outline-primary {
  color: #003366;
  border-color: #003366;
}
.btn-outline-primary:hover {
  background-color: #003366;
  border-color: #003366;
}
.btn.btn-success {
  color: #fff;
  background-image: linear-gradient(to right, #009966, #99CC33);
  border-color: #009966;
  border: 0px;
}
.btn {
  border-radius: 1.25rem;
}
.btn-group-sm > .btn,
.btn-sm {
  border-radius: 1.25rem;
}
.btn-group-sm > .btn .i,
.btn-sm .i {
  margin: 0.291406rem 0;
}
.square-button {
  background-color: #99CC33;
  color: #ffffff;
  cursor: pointer;
  padding: 10px 20px;
  font-weight: 700;
  font-family: inherit;
  line-height: 1.5;
  font-size: 12px;
  letter-spacing: 1px;
  border: none;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.badge {
  border-radius: 0px;
  font-weight: 500;
  font-size: 10px;
  vertical-align: super;
}
.outline-badge-primary {
  color: #99CC33;
  background-color: transparent;
  border: 1px solid #99CC33;
  font-weight: 400;
}
.outline-badge-primary:hover {
  color: #99CC33;
}
.badge-primary {
  background-color: #0066CC;
}
.badge-success {
  color: #fff;
  background-color: #99CC33;
}
table.dataTable thead tr th,
.table thead tr th {
  color: #0066cc;
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
  letter-spacing: 0px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
table.dataTable thead tr .sorting_asc:before,
.table thead tr .sorting_asc:before {
  bottom: 0.4em;
  font-size: 18px;
  color: #333;
}
table.dataTable thead tr .sorting_asc:after,
.table thead tr .sorting_asc:after {
  bottom: 0.4em;
  font-size: 18px;
  color: #333;
}
table.dataTable thead tr .sorting_desc:before,
.table thead tr .sorting_desc:before {
  bottom: 0.4em;
  font-size: 18px;
  color: #333;
}
table.dataTable thead tr .sorting_desc:after,
.table thead tr .sorting_desc:after {
  bottom: 0.4em;
  font-size: 18px;
  color: #333;
}
table.dataTable thead tr .sorting:before,
.table thead tr .sorting:before,
table.dataTable thead tr .sorting:after,
.table thead tr .sorting:after {
  bottom: 0.4em;
  font-size: 18px;
}
table.dataTable tbody tr td,
.table tbody tr td {
  color: #333333;
  font-size: 16px;
  line-height: 16px;
}
table.dataTable tbody tr td svg,
.table tbody tr td svg {
  width: 18px;
  height: 18px;
}
table.dataTable tfoot tr,
.table tfoot tr {
  display: none;
}
.dataTables_paginate ul.pagination .paginate_button.page-item.active .page-link {
  color: #ffffff;
  background-color: #0066cc;
}
.dataTables_paginate ul.pagination .paginate_button.page-item.disabled {
  border-radius: 0px;
}
.dataTables_paginate ul.pagination .paginate_button.page-item.disabled .page-link {
  color: #d7dee4;
  background-color: #e3e8ed;
}
.dataTables_paginate ul.pagination .paginate_button.page-item.disabled .page-link svg {
  color: #d7dee4;
}
.dataTables_paginate ul.pagination .paginate_button.page-item .page-link {
  background-color: #e0e6eb;
  margin-right: 10px;
  max-width: 35px;
  min-width: 35px;
  max-height: 35px;
  min-height: 35px;
  text-align: center;
  padding: 8px 8px;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 0px;
  text-overflow: ellipsis;
}
.dataTables_paginate ul.pagination .paginate_button.page-item .page-link svg {
  width: 20px;
  height: 20px;
}
.dataTables_paginate ul.pagination .paginate_button.page-item .page-link:hover {
  color: #0066cc;
  background-color: #d1d9e0;
  border-color: #e0e6eb;
}
.dataTables_info {
  color: #0066cc !important;
  font-weight: 300!important;
  border: 0px!important;
  border-radius: 0px!important;
  font-size: 14px!important;
  padding-left: 0px!important;
}
.dataTables_filter label svg {
  color: #333333 !important;
}
.dataTables_filter label input {
  height: 40px;
  border: 1px solid #333333 !important;
  min-width: 250px;
  font-size: 14px;
  font-weight: 600;
  color: #333333;
  border-radius: 0px !important;
  box-shadow: unset!important;
}
.dataTables_length label {
  font-size: 14px!important;
  font-weight: 400!important;
  color: #333333 !important;
  letter-spacing: 0px;
}
.dataTables_length label select.form-control {
  /*height: 40px;
            max-width: 75px;*/
  border: 1px solid #333333 !important;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: #333333;
  border-radius: 0px !important;
  box-shadow: unset!important;
}
div.dataTables_wrapper div.dataTables_paginate {
  display: flex;
  justify-content: flex-end;
}
ul.table-controls li a svg {
  color: #99CC33;
}
/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #333333;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}
::placeholder {
  color: #c2ccd6;
  opacity: 1;
  /* Firefox */
  font-size: 16px!important;
  font-weight: 100!important;
}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #c2ccd6;
  font-size: 16px!important;
  font-weight: 100!important;
}
::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #c2ccd6;
  font-size: 16px!important;
  font-weight: 100!important;
}
.form-content {
  border-radius: 0px !important;
}
.form-content h1 {
  font-weight: 400;
  color: #0066cc !important;
}
.form-content p {
  font-weight: 300!important;
}
.form-body h4 {
  font-size: 18px;
  font-weight: 800;
  color: #333333;
}
.form-group label {
  font-size: 14px;
  font-weight: 400;
  color: #333333 !important;
}
.form-group .form-control {
  border-radius: 0px !important;
  border-color: #c2ccd6 !important;
  font-size: 16px!important;
  font-weight: 100!important;
}
.field-wrapper label {
  font-size: 14px!important;
  font-weight: 400!important;
  color: #333333 !important;
}
.field-wrapper input {
  border-radius: 0px !important;
  font-size: 16px!important;
  font-weight: 100!important;
}
.form-control:focus {
  box-shadow: 0 0 5px 2px rgba(51, 153, 255, 0.2) !important;
  border-color: #0066cc;
  color: #333333;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
.input-group.control-group .form-control {
  height: unset;
  border-radius: 0px;
}
.input-group.control-group .form-control:focus {
  border-color: transparent;
  color: #333333;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  box-shadow: 0 0 5px 2px rgba(51, 153, 255, 0.2) !important;
}
/* ------------   ATTACHs --------------------- */
.hdtuto.control-group.input-group {
  position: relative;
}
.hdtuto.control-group.input-group i {
  position: absolute;
  right: 15px;
  top: 33%;
  cursor: pointer;
  color: #da0404;
  z-index: 9;
}
/* ------------   SELECT --------------------- */
select.form-control {
  display: block;
  font-size: 16px;
  font-family: sans-serif;
  font-weight: 700;
  color: #444;
  line-height: 1.3;
  padding: 0.6em 1.4em 0.5em 0.8em;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: 1px solid #c2ccd6;
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
  border-radius: 0.5em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url("../img/dropdown-arrow-icon-16.jpg");
  background-repeat: no-repeat, repeat;
  background-position: right 0.2em top 50%, 0 0;
  background-size: 2.35em auto, 100%;
}
/* Hide arrow icon in IE browsers */
select.form-control::-ms-expand {
  display: none;
}
/* Hover style */
select.form-control:hover {
  border-color: #888;
}
/* Focus style */
select.form-control:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222;
  outline: none;
}
/* Set options to normal weight */
select.form-control option {
  font-weight: normal;
}
/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .select-css,
:root:lang(ar) .select-css,
:root:lang(iw) .select-css {
  background-position: left 0.7em top 50%, 0 0;
  padding: 0.6em 0.8em 0.5em 1.4em;
}
/* Disabled styles */
select.form-control:disabled,
.select-css[aria-disabled=true] {
  color: graytext;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
}
select.form-control:disabled:hover,
.select-css[aria-disabled=true] {
  border-color: #aaa;
}
/* ------------   SELECT 2 --------------------- */
.select2-container--bootstrap .select2-selection {
  border-radius: 0px!important;
  border: 1px solid #c2ccd6 !important;
}
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
  background-color: #f0f3f5 !important;
  color: #003366 !important;
}
/* ------------   CALENDAR --------------------- */
.flatpickr-calendar {
  border: 1px solid #c2ccd6;
  border-radius: 0px !important;
}
.flatpickr-calendar:before {
  border-bottom-color: #c2ccd6 !important;
}
.flatpickr-calendar .flatpickr-months {
  height: 50px;
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month {
  top: 6%;
  background: transparent;
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg {
  width: 20px;
  height: 20px;
}
.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14.48px 0 0 0;
}
.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month select.flatpickr-monthDropdown-months {
  font-weight: 800;
  font-size: 22px;
  color: #333333;
  border: 0px!important;
  border-radius: 0px!important;
  position: relative;
  -webkit-appearance: none;
  padding: 12px 5px;
}
.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper:hover {
  background-color: transparent;
}
.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper:hover .arrowUp,
.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper:hover .arrowDown {
  border: 0px;
}
.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper:hover .arrowUp:hover,
.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper:hover .arrowDown:hover {
  background-color: transparent;
}
.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper .numInput {
  border: 0px!important;
  -webkit-appearance: none;
  font-weight: 300;
  font-size: 22px;
  color: #333333;
  padding: 12px 0px;
}
.flatpickr-calendar .flatpickr-months .flatpickr-next-month {
  top: 6%;
  background: transparent;
}
.flatpickr-calendar .flatpickr-months .flatpickr-next-month svg {
  width: 20px;
  height: 20px;
}
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-weekdays .flatpickr-weekdaycontainer .flatpickr-weekday {
  color: #0066cc;
}
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day {
  color: #333333;
  font-weight: 500;
}
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day.prevMonthDay {
  color: #c2ccd6;
  font-weight: 600;
}
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day.today {
  border-color: #0066cc;
  color: #0066cc;
  font-weight: 700;
}
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day.selected {
  background: #0066cc;
  color: #ffffff;
  border-color: #0066cc;
  font-weight: 400;
}
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day:hover {
  background: #c2ccd6;
  border-color: #c2ccd6;
}
/* --------------------------------------------------------------- FORM-1 */
.form-form .form-form-wrap form .field-wrapper.expand {
  position: relative;
}
.form-form .form-form-wrap form .field-wrapper.expand:focus + .border-input {
  transform: scaleX(1);
}
.form-form .form-form-wrap form .field-wrapper.expand input {
  border-bottom: 1px solid #0066cc;
}
.form-form .form-form-wrap form .field-wrapper.expand input:focus {
  box-shadow: none!important;
}
.form-form .form-form-wrap form .field-wrapper.expand input:focus + .border-input {
  transform: scaleX(1);
}
.form-form .form-form-wrap form .field-wrapper input:focus {
  box-shadow: none!important;
}
.form-form .form-form-wrap form .field-wrapper svg {
  color: #333333;
  fill: rgba(0, 23, 55, 0.08);
}
.form-form .form-form-wrap form .border-input {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  top: 70%;
  background: #0066cc;
  transform: scaleX(0);
  transition: transform 0.5s;
  transform-origin: 0% 50%;
}
.secondSvgInput {
  left: unset!important;
  right: 5px;
  cursor: pointer;
}
.secondSvgInput.active {
  color: #0066cc !important;
}
/* --------------------------------------------------------------- DROPDOWN ACTION */
.dropdown.custom-dropdown .dropdown-menu {
  border: 1px solid #c2ccd6;
  border-radius: 0px;
  padding: 5px;
}
.dropdown.custom-dropdown .dropdown-menu .dropdown-item,
.dropdown.custom-dropdown .dropdown-menu .dropdown-item a {
  font-weight: 600!important;
  font-size: 16px!important;
  text-transform: capitalize;
  letter-spacing: 0px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #29333d !important;
  text-align: center;
}
.dropdown.custom-dropdown .dropdown-menu .dropdown-item:hover,
.dropdown.custom-dropdown .dropdown-menu .dropdown-item a:hover {
  border-radius: 0px;
  background-color: #c2ccd6 !important;
}
/* ----------------------------------------------------------------- MODAL */
.modal .modal-dialog .modal-content {
  border-radius: 0px;
  border: 0px;
}
.modal .modal-dialog .modal-content .modal-header {
  background-color: #0066cc;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  padding: 0.7rem 2rem;
  box-shadow: 0px 10px 20px -15px #111111ab;
}
.modal .modal-dialog .modal-content .modal-header .modal-title {
  font-size: 18px;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
}
.modal .modal-dialog .modal-content .modal-header .close {
  color: #ffffff;
}
.modal .modal-dialog .modal-content .modal-body {
  padding: 1.5rem 2rem;
}
.modal .modal-dialog .modal-content .modal-body h3 {
  font-size: 20px;
  font-weight: 300;
  color: #333333;
  margin-bottom: 1rem;
}
.modal .modal-dialog .modal-content .modal-footer {
  border-top: 0px;
  padding: 0rem 2rem 1.5rem 2rem;
}
.modal .modal-dialog .modal-content .modal-footer > * {
  margin: 0rem;
}
.modal .modal-dialog-centered {
  margin-top: -80px;
}
/* --------------------------DATA INFO IN MODAL */
.item-container {
  width: 100%;
}
.item-container .label-item {
  width: 100%;
  flex-wrap: wrap;
  color: #333333;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0px;
  padding: 5px 0 10px 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-bottom: 1px solid #333333;
}
.item-container .content-label-item {
  width: 100%;
  color: #0066cc;
  font-size: 12px;
  font-weight: 500;
  padding-top: 3px;
}
/* ---------------------------------------- PAGE LOGIN */
.login-page .page-header:before,
.profile-page .page-header:before {
  background-color: #e5e9ee;
}
.login-page .col-md-4.content-center {
  color: #333333;
  border: 1px solid #e0e6ed;
  -webkit-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.0901961), 0 1px 20px 0 rgba(0, 0, 0, 0.08), 0px 1px 11px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.0901961), 0 1px 20px 0 rgba(0, 0, 0, 0.08), 0px 1px 11px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.0901961), 0 1px 20px 0 rgba(0, 0, 0, 0.08), 0px 1px 11px 0px rgba(0, 0, 0, 0.06);
  background: #fff;
}
.login-page .header {
  padding: 2rem;
}
.login-page .form-check {
  text-align: left;
}
.login-page .form-check .input-group .input-group-prepend .input-group-text {
  border-radius: 0px;
  padding: 15px;
  border: 1px solid #e0e6ed;
}
.login-page .form-check .input-group .input-group-prepend .input-group-text .now-ui-icons {
  color: #0066CC;
}
.login-page .form-check .input-group input {
  border-radius: 0px;
  border: 1px solid #e0e6ed !important;
  font-size: 1.2571em;
  color: #333333 !important;
}
.login-page .form-check .input-group input:focus {
  color: #333333 !important;
}
.login-page .form-check .form-check-label .form-check-sign {
  color: #333333;
}
.login-page button.btn.btn-primary {
  border-radius: 0px;
  font-size: 20px;
  font-weight: 500;
}
.login-page button.btn.btn-primary:hover {
  background-color: #0099CC;
}
@media (min-width: 576px) {
  .modal-dialog {
    margin: 1.35rem auto;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 1000px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1100px;
  }
  .modal {
    top: 70px;
  }
}
@media (min-width: 1400px) {
  .modal-xl {
    max-width: 1350px;
  }
}
@media (min-width: 1600px) {
  .modal-xl {
    max-width: 1550px;
  }
}
@media (min-width: 1800px) {
  .modal-xl {
    max-width: 1750px;
  }
}
/*# sourceMappingURL=color-scheme.css.map */