@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body {
  font-family: 'Poppins', sans-serif;
  transition: all 0.7s ease-in-out;
  color: #313131;
}

svg {
  border: none !important;
  width: 100%;
  font-size: 1rem;
  background-color: transparent !important;
}

svg .text {
  font-family: 'Poppins', sans-serif;
  stroke: rgb(53,138,251);
  font-size: 1rem;
  fill: rgb(53,138,251);
  font-weight: 100;
}

.primary-fill {
  fill: black;
  stroke: black;
}

table.dataTable thead>tr>td.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc{
  background: #2380FB !important;
}

:hover {
  transition: all .3s ease-out
}

.page-content {
  background: #F8F9FA !important;
  fill: #F8F9FA !important;
}

.bg-primary-600 {
  background: #2380FB;
}

.page-logo .page-logo-link {
  display: flex;
  justify-content: center;
  align-items: center;
}

.nav-menu li.active:not(.open)>a:before {
  color: #2380FB;
}

.subheader-title {
  flex: 0 0 auto;
  font-size: calc(1rem + (48 - 34) * ((100vw - 300px) / (1600 - 300))) !important;
  font-size: calc(1rem + (48 - 34) * ((100vw - 300px) / (2000 - 300))) !important;
  font-weight: 600;
  color: #313131;
}


.panel-hdr {
  padding: 1rem !important;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
}

.panel-hdr h2 {
  padding-right: 6rem !important;
}

.panel-hdr h2::after {
  content: ' ';
  width: 46px;
  top: 3rem;
  left: 1rem;
  position: absolute;
  display: block;
  border: 2px solid #2380fb;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.panel-hdr h2, .panel-hdr>:first-child {
  flex: 0 0 auto;
  font-size: calc(0.5rem + (48 - 34) * ((100vw - 300px) / (1600 - 300))) !important;
  font-size: calc(0.5rem + (48 - 34) * ((100vw - 300px) / (2000 - 300))) !important;
  font-weight: 600;
  color: #313131;
  margin-right: 6rem;
}

.subheader-title h2::after {
  content: ' ';
  margin: 25px 0;
  width: 46px;
  display: block;
  border: 2px solid #2380fb;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.subheader-title::after {
  content: ' ';
  margin: 25px 0;
  width: 46px;
  display: block;
  border: 2px solid #2380fb;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.panel .alert {
  padding: 1.5rem;
  margin:0;
  min-height: 100%;
  text-align: center;
}

.panel .row {
  margin: 1rem;
}

.alert-warning {
  background: #FF8201;
  color: white;
}

.alert-danger {
  background:#c0022e;
  color: white;
}

.alert-success {
  background: #7B9A01;
  color: white;
  border: 1px solid #abcf1c;
}

.alert-primary {
  background: #1090CD;
  color: white;
}

.warning-fill {
  fill: #f8f9fa !important;
  filter:none;
  stroke: rgb(35,128,251);
}

.warning-fill .text {
  color: white !important;
}

.mod-skin-light:not(.mod-skin-dark).mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact)>li>ul:before {
  border-left: 0;
}

ul::before {
  display: none !important;
}

.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact)>li>ul>li a:after {
  display: none;
}

ul li ul .active::after, ul li ul:hover::after {
  content: ' ';
  margin: -6px 0;
  width: 2rem;
  position: absolute;
  left: 3rem;
  d: ;
  left: 4rem;
  ck: ;
  border: 2px solid #2380fb;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  transition: all 0.7s ease-in-out;
}

.btn-primary {
  color: #fff;
  background-color: transparent !important;
  border: 1px solid #2198f3 !important;
  color: black;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  color: #fff;
  background-color: #2380FB !important;
  border-color: #2198f3;
  color: white !important;
}


.ms_choosen_list li {
  color: white;
  background-color: #2380FB;
}

.ms_choosen_list li .fal {
  color: white;
  padding: 1rem;
}