.box-sizing {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mulish/v1/1Ptyg83HX_SGhgqO0yLcmjzUAuWexRNRwaA.ttf) format('truetype');
}
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mulish/v1/1Ptyg83HX_SGhgqO0yLcmjzUAuWexc1RwaA.ttf) format('truetype');
}
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mulish/v1/1Ptyg83HX_SGhgqO0yLcmjzUAuWexZNRwaA.ttf) format('truetype');
}
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mulish/v1/1Ptyg83HX_SGhgqO0yLcmjzUAuWexaFRwaA.ttf) format('truetype');
}
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mulish/v1/1Ptyg83HX_SGhgqO0yLcmjzUAuWexU1WwaA.ttf) format('truetype');
}
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mulish/v1/1Ptyg83HX_SGhgqO0yLcmjzUAuWexXRWwaA.ttf) format('truetype');
}
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mulish/v1/1Ptyg83HX_SGhgqO0yLcmjzUAuWexRNWwaA.ttf) format('truetype');
}
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mulish/v1/1Ptyg83HX_SGhgqO0yLcmjzUAuWexTpWwaA.ttf) format('truetype');
}
/* CSS Reset*/
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
*,
div,
ul,
li,
span,
input,
textarea,
header,
footer,
nav,
b,
h1,
h2,
h3,
h4,
h5 {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
input:focus,
textarea:focus,
div:focus,
button:focus,
select:focus {
  outline: none;
}
body {
  background: #1b1a1f;
  font-size: 13px;
  font-family: "Mulish", sans-serif;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400;
}
a {
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  font-family: "Mulish", sans-serif;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400;
}
a:hover {
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  color: rgba(255, 255, 255, 0.6);
}
a:visited {
  text-decoration: none;
}
.container {
  width: 960px;
  margin: 0 auto;
  position: relative;
  display: block;
}
.cle::after {
  content: "";
  clear: both;
  display: block;
}
*::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
*::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
}
*::-webkit-scrollbar-thumb {
  background: #3e8bc4;
}
*::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.5);
}
.slider1 {
  opacity: 0;
}
.slider1.slick-initialized {
  opacity: 1 !important;
}
@media only screen and (min-width: 1366px) {
  .slick-slider {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
  }
  .slick-list.draggable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
}
/* SLİDER */
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25;
}
.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 35px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick-prev:before,
.slick-next:before {
  color: black;
}
/* Slider Arrows */
.sliderX .slick-prev,
.sliderX .slick-next {
  font-size: 0;
  display: block;
  position: absolute;
}
.sliderX .slick-prev::before,
.sliderX .slick-next::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: block;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  font-size: 6px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  background: #eeeeee;
  cursor: pointer;
}
.sliderX .slick-prev {
  right: 30px;
  top: -35px;
}
.sliderX .slick-next {
  right: 0px;
  top: -35px;
}
.sliderX .slick-prev::before {
  content: '\f053';
}
.sliderX .slick-next::before {
  content: '\f054';
}
/* Slider Bullets */
.regular .slick-dots {
  position: absolute;
  bottom: -33px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.regular .slick-dots li {
  position: relative;
  display: inline-block;
  list-style: none;
  text-align: center;
  margin: 0 12px;
  padding: 0;
  cursor: pointer;
}
.regular .slick-dots li div {
  display: block;
  border: 0;
  width: 8px;
  text-indent: -99999999px;
  font-size: 0;
  transition: all 0.2s ease-in-out;
  height: 8px;
  background: #949aa9;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  opacity: 1;
}
.regular .slick-dots .slick-active div {
  background: #00c5b5 !important;
  transition: all 0.2s ease-in-out;
}
.animation1 {
  animation-name: anime1;
  animation-duration: .5s;
  animation-fill-mode: forwards;
}
@keyframes anime1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.spe-inputX::placeholder {
  color: #68c38f !important;
  opacity: 1 !important;
}
.spe-inputX::-ms-input-placeholder {
  color: #68c38f !important;
  opacity: 1 !important;
}
.spe-inputX:-ms-input-placeholder {
  color: #68c38f !important;
  opacity: 1 !important;
}
.spe-inputX::-moz-placeholder {
  color: #68c38f !important;
  opacity: 1 !important;
}
.spe-inputX:-moz-placeholder {
  color: #68c38f !important;
  opacity: 1 !important;
}
.spe-inputX::-webkit-input-placeholder {
  color: #68c38f !important;
  opacity: 1 !important;
}
.ul-fix {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main-head {
  position: relative;
  z-index: 1;
  background: #12232b;
  -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.07);
}
@media only screen and (min-width: 1200px) {
  .main-head .mh-row {
    height: 55px;
  }
}
@media only screen and (min-width: 1200px) {
  .main-head .head-col:nth-child(1) {
    width: 6%;
  }
  .main-head .head-col:nth-child(2) {
    width: 47%;
  }
  .main-head .head-col:nth-child(3) {
    width: 47%;
  }
}
@media only screen and (max-width: 1199px) {
  .main-head .head-col:nth-child(1) {
    width: 20%;
    padding: 10px 0;
  }
  .main-head .head-col:nth-child(2) {
    width: 100%;
    padding: 10px 15px;
    background: rgba(0, 0, 0, 0.05);
  }
  .main-head .head-col:nth-child(3) {
    width: 80%;
    padding: 10px 15px;
  }
}
.title-one {
  font-weight: 700;
}
@media only screen and (min-width: 1200px) {
  .title-one {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1199px) {
  .title-one {
    font-size: 16px;
  }
}
.menu-icons li {
  display: inline-block;
  margin-right: 10px;
}
@media only screen and (max-width: 1199px) {
  .menu-icons li:last-child {
    margin-right: 0;
  }
}
.menu-icons li.search-icon .mi-click {
  background: rgba(255, 255, 255, 0.04);
}
.menu-icons li a,
.menu-icons li .mi-click {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  font-size: 18px;
  color: #666;
  padding: 5px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  cursor: pointer;
}
.menu-icons li a:hover,
.menu-icons li .mi-click:hover {
  color: #3e8bc4;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.mi-search .input-search {
  border: 0;
  width: 0px;
  background: transparent;
  border: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  display: block;
  height: 25px;
  font-size: 13px;
  padding: 0px;
}
.mi-search .input-search.current {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  padding: 0 10px;
}
@media only screen and (min-width: 1200px) {
  .mi-search .input-search.current {
    width: 140px;
  }
}
@media only screen and (max-width: 1199px) {
  .mi-search .input-search.current {
    width: 70px;
  }
}
.logo img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.logo a:nth-child(1) {
  display: none;
}
.logo a:nth-child(2) {
  display: block;
}
.main-row {
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 1200px) {
  .main-row .main-col:nth-child(1) {
    width: 6%;
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.07);
  }
  .main-row .main-col:nth-child(2) {
    width: 94%;
  }
}
@media only screen and (max-width: 1199px) {
  .main-row .main-col {
    border-top: 1px solid #1a303b;
  }
  .main-row .main-col:nth-child(1) {
    width: 100%;
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.07);
  }
  .main-row .main-col:nth-child(2) {
    width: 100%;
  }
}
.left-menu {
  background: #12232b;
}
@media only screen and (max-width: 1199px) {
  .left-menu ul {
    display: flex;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 1200px) {
  .left-menu li {
    display: block;
  }
}
@media only screen and (max-width: 1199px) {
  .left-menu li {
    width: 20%;
  }
  .left-menu li:first-child {
    margin-left: 0;
  }
  .left-menu li:last-child {
    margin-right: 0;
  }
}
.left-menu li a {
  display: block;
  text-align: center;
}
@media only screen and (min-width: 1200px) {
  .left-menu li a {
    padding: 20px 10px;
  }
}
@media only screen and (max-width: 1199px) {
  .left-menu li a {
    padding: 10px 0;
  }
}
.left-menu li a:hover {
  background: #3e8bc4;
  color: #ffffff;
}
.left-menu li a i {
  font-size: 24px;
}
.left-menu li a span {
  display: block;
}
@media only screen and (min-width: 1200px) {
  .left-menu li a span {
    font-weight: 600;
    font-size: 12px;
  }
}
@media only screen and (max-width: 1199px) {
  .left-menu li a span {
    font-weight: 500;
    font-size: 12px;
  }
}
.right-main {
  overflow-y: auto;
}
.rm-table {
  display: table;
  width: 100%;
}
.rm-table .rm-cell {
  display: table-cell;
  vertical-align: middle;
}
.rm-table .rm-cell img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.rm-pad {
  padding: 20px;
}
.border1 {
  border: 1px solid #456472;
}
.bg1 {
  background: #1b1a1f;
}
.form-controlx {
  background: transparent;
  display: block;
  width: 100%;
  height: 40px;
  padding: 0 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.form-controlx:focus {
  border-color: #3e8bc4;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.btn-border {
  color: #ffffff;
}
.btn-border:hover {
  background: #e93a3a !important;
  color: #ffffff !important;
  border-color: #e93a3a !important;
}
.upload-icon {
  width: 59px;
  height: 67px;
  border: none;
  margin: auto;
  display: inline-block;
  background: url("../images/icon2.png") no-repeat center center;
}
.upload-text1 {
  font-style: italic;
}
.text-blue {
  color: #3e8bc4;
}
.ur-top {
  padding: 0 20px;
  line-height: 45px;
  height: 45px;
  font-weight: 700;
  border-bottom: 1px solid #456472;
}
.ur-content {
  overflow-y: auto;
}
.ur-col {
  border-bottom: 1px solid #456472;
}
.ur-col a {
  display: block;
  padding: 20px;
}
.ur-col a:hover {
  background: rgba(0, 0, 0, 0.1);
}
.text-grey {
  opacity: 0.7;
}
.lh-24 {
  line-height: 24px;
}
.fs-12 {
  font-size: 12px;
}
.fs-16 {
  font-size: 16px;
}
.fs-10 {
  font-size: 10px !important;
}
.list-sys,
.grid-sys {
  font-size: 20px;
  cursor: pointer;
  display: inline-block;
  opacity: 0.3;
  margin-left: 10px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.list-sys:hover,
.grid-sys:hover,
.list-sys.current,
.grid-sys.current {
  opacity: 1;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.table-one {
  width: 100%;
  display: block;
  text-align: left;
}
.table-one thead {
  display: block;
  text-align: left;
}
.table-one tbody {
  display: block;
  text-align: left;
}
.table-one tbody tr {
  border: 1px solid #456472;
}
.table-one tbody tr.active td:nth-child(1) {
  background: #3e8bc4;
}
.table-one tbody tr.deactive td {
  color: #38383b;
}
.table-one tbody tr.deactive td:nth-child(1) {
  background: #2a2a2d;
}
.table-one tr {
  text-align: left;
  display: table;
  width: 100%;
  margin-bottom: 10px;
}
.table-one tr th {
  font-size: 12px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.table-one tr th:hover {
  background: rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.table-one tr th:focus {
  outline: 0;
}
.table-one tr th:nth-child(1) {
  width: 3% !important;
}
.table-one tr th:nth-child(2) {
  width: 7% !important;
}
.table-one tr th:nth-child(3) {
  width: 13% !important;
}
.table-one tr th:nth-child(4) {
  width: 16% !important;
}
.table-one tr th:nth-child(5) {
  width: 9% !important;
}
.table-one tr th:nth-child(6) {
  width: 6% !important;
}
.table-one tr th:nth-child(7) {
  width: 6% !important;
}
.table-one tr th:nth-child(8) {
  width: 7% !important;
}
.table-one tr th:nth-child(9) {
  width: 14% !important;
}
.table-one tr th:nth-child(10) {
  width: 7% !important;
}
.table-one tr th:nth-child(11) {
  width: 12% !important;
}
.table-one tr td,
.table-one tr th {
  padding: 10px ;
  display: table-cell;
  vertical-align: middle;
}
.table-one tr td:nth-child(1),
.table-one tr th:nth-child(1) {
  width: 3%;
}
.table-one tr td:nth-child(2),
.table-one tr th:nth-child(2) {
  width: 7%;
}
.table-one tr td:nth-child(3),
.table-one tr th:nth-child(3) {
  width: 13%;
  font-weight: 700;
}
.table-one tr td:nth-child(3) a,
.table-one tr th:nth-child(3) a {
  font-weight: 700;
}
.table-one tr td:nth-child(4),
.table-one tr th:nth-child(4) {
  width: 16%;
  font-size: 13px;
}
.table-one tr td:nth-child(5),
.table-one tr th:nth-child(5) {
  width: 9%;
}
.table-one tr td:nth-child(6),
.table-one tr th:nth-child(6) {
  width: 6%;
}
.table-one tr td:nth-child(7),
.table-one tr th:nth-child(7) {
  width: 6%;
}
.table-one tr td:nth-child(8),
.table-one tr th:nth-child(8) {
  width: 7%;
}
.table-one tr td:nth-child(9),
.table-one tr th:nth-child(9) {
  width: 14%;
}
.table-one tr td:nth-child(10),
.table-one tr th:nth-child(10) {
  width: 7%;
}
.table-one tr td:nth-child(11),
.table-one tr th:nth-child(11) {
  width: 12%;
}
.table-select {
  border: 1px solid #456472;
  padding: 5px;
  display: block;
  width: 100%;
  background: transparent;
}
.table-move,
.table-links {
  font-size: 20px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.table-move:hover,
.table-links:hover {
  color: #3e8bc4;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.table-one .active .table-tags a {
  display: inline-block;
  font-size: 12px;
  font-style: italic;
  border: 1px solid #456472;
  padding: 3px 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.table-one .active .table-tags a:hover {
  background: #3e8bc4;
  color: #ffffff;
  border-color: #3e8bc4;
}
.table-one .active .table-tags a i {
  color: #ffffff;
  margin-left: 5px;
}
.table-one .deactive .table-tags a {
  display: inline-block;
  font-size: 12px;
  font-style: italic;
  border: 1px solid #464549;
  background: #464549;
  color: #666;
  padding: 3px 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.table-one .deactive .table-tags a:hover {
  background: #555;
  color: #888;
  border-color: #555;
}
.table-one .deactive .table-tags a:hover i {
  color: #888;
}
.table-one .deactive .table-tags a i {
  color: #666;
  margin-left: 5px;
}
.table-label {
  display: block;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  width: 28px;
  height: 11px;
}
.table-label input {
  display: none;
}
.table-label input:checked + div {
  background: #3e8bc4;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.table-label input:checked + div span {
  margin-left: 17px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.table-label div {
  background: #b5b5b5;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  width: 28px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}
.table-label div span {
  display: block;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  width: 11px;
  height: 11px;
  background: #ffffff;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
}
.table-grid thead {
  display: none;
}
.table-grid tbody {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.table-grid tbody tr {
  padding: 20px 20px 20px 80px;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
  .table-grid tbody tr {
    width: 23.875%;
    display: block;
    margin-right: 1.5%;
    margin-bottom: 20px;
  }
  .table-grid tbody tr:nth-child(4n+0) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1920px) {
  .table-grid tbody tr {
    width: 18.8%;
    display: block;
    margin-right: 1.5%;
    margin-bottom: 20px;
  }
  .table-grid tbody tr:nth-child(5n+0) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .table-grid tbody tr {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}
.table-grid tbody tr td {
  display: block;
  padding: 0;
}
.table-grid tbody tr td:nth-child(1) {
  position: absolute;
  width: 60px !important;
  height: 100%;
  left: 0;
  top: 0;
}
.table-grid tbody tr td:nth-child(2) {
  width: 100%;
}
.table-grid tbody tr td:nth-child(3) {
  width: 45%;
}
.table-grid tbody tr td:nth-child(4) {
  width: 100%;
  margin-top: 10px;
  overflow-y: auto;
}
.table-grid tbody tr td:nth-child(5) {
  display: none;
}
.table-grid tbody tr td:nth-child(6) {
  display: none;
}
.table-grid tbody tr td:nth-child(7) {
  display: none;
}
.table-grid tbody tr td:nth-child(8) {
  display: none;
}
.table-grid tbody tr td:nth-child(9) {
  width: 100%;
  margin-top: 20px;
}
.table-grid tbody tr td:nth-child(10) {
  position: absolute;
  top: 38px;
  right: 50px;
  width: auto !important;
}
.table-grid tbody tr td:nth-child(11) {
  width: 100%;
  margin-top: 20px;
}
.table-grid tbody tr td:nth-child(11) .col-4:nth-child(1),
.table-grid tbody tr td:nth-child(11) .col-4:nth-child(2) {
  width: 50% !important;
}
.table-grid tbody tr td:nth-child(11) .col-4:nth-child(3) {
  width: auto !important;
  position: absolute;
  top: 35px;
  right: 10px;
}
.x-alert {
  background: #ffafaf;
  position: relative;
  padding: 10px 20px;
  color: rgba(0, 0, 0, 0.6);
}
.x-alert .x-alert-close {
  position: absolute;
  top: 10px;
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  right: 20px;
}
.x-warning {
  background: #fffeaf;
  position: relative;
  padding: 10px 20px;
  color: rgba(0, 0, 0, 0.6);
}
.x-warning .x-warning-close {
  position: absolute;
  top: 10px;
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  right: 20px;
}
.spe-select1 {
  background: transparent;
  border: none;
  cursor: pointer;
}
.pd-one {
  border-left: 50px solid #3e8bc4 !important;
}
@media only screen and (min-width: 1200px) {
  .pd-one {
    overflow-y: auto;
    height: 214px;
  }
}
@media only screen and (min-width: 1200px) {
  .pdo-text {
    height: 50px;
    overflow-y: auto;
  }
}
.text-grey {
  color: #9c9c9c;
}
@media only screen and (min-width: 1200px) {
  .pdo-tags input {
    height: 60px;
    width: 100% !important;
  }
}
.pdo-tags a {
  display: inline-block;
  padding: 2px 5px;
}
.pdo-tags a:hover {
  background: #3e8bc4;
  color: #ffffff;
}
.pd-two {
  overflow-y: auto;
}
@media only screen and (min-width: 1200px) {
  .pd-two .pdt-row {
    height: 212px;
  }
}
.pdt-title span {
  padding-left: 5px;
}
.pdt-title i {
  color: #3e8bc4;
  font-size: 24px;
}
.pdt-bot {
  text-align: left;
  margin-top: 10px;
}
.pdt-bot ul li {
  margin-top: 5px;
}
.pdt-bot ul li::before {
  content: "";
  width: 8px;
  height: 8px;
  float: left;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  background: #3e8bc4;
  margin: 5px 5px 0 0;
}
.small-button-border {
  display: inline-block;
  border: 1px solid #456472;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  padding: 2px 10px;
}
.small-button-border:hover {
  background: #3e8bc4;
  color: #ffffff;
  border-color: #3e8bc4;
}
.pdh-list {
  overflow-y: auto;
}
.bor-bottom {
  border-bottom: 1px solid #456472;
}
.bor-top {
  border-top: 1px solid #456472;
}
.pdh-list a {
  display: block;
  padding: 15px 15px 15px 35px;
  position: relative;
  color: #999;
}
.pdh-list a::before {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  left: 20px;
  top: 20px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  background: #3e8bc4;
}
.pdh-list a:hover {
  background: rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 1200px) {
  .pd-center {
    height: 110px;
    overflow-y: auto;
  }
}
.pd-upload {
  overflow-y: auto;
}
@media only screen and (min-width: 1200px) {
  .lr-table {
    display: table;
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .lr-table .lr-cell {
    display: table-cell;
    vertical-align: middle;
  }
}
.lr-table.lr-left {
  background: #225498;
  color: #ffffff;
}
@media only screen and (max-width: 1199px) {
  .lr-table.lr-left {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .lr-table.lr-left .d-xl-inline-block {
    max-width: 70%;
  }
}
@media only screen and (min-width: 1200px) {
  .login-logo {
    font-size: 70px;
    text-align: left;
    font-weight: 800;
    line-height: 72px;
  }
}
@media only screen and (max-width: 1199px) {
  .login-logo {
    font-size: 20px;
    font-weight: 800;
    line-height: 26px;
  }
}
.login-text {
  text-align: left;
}
.login-page {
  background: #ffffff;
}
.login-form {
  max-width: 400px;
  margin: 0 auto;
}
.text-login-grey {
  color: #aaa;
}
.text-login-grey a {
  color: #aaa !important;
}
.login-title {
  font-size: 30px;
  font-weight: 700;
}
.login-text1 {
  color: #999;
}
.login-text1 a {
  font-weight: 700;
  color: #405e7c !important;
}
.wrong-password {
  background: #ffc8c8;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #d62121;
}
@media only screen and (min-width: 1200px) {
  .wrong-password {
    width: 400px;
    position: absolute;
    top: 10%;
    padding: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .wrong-password {
    width: 90%;
    position: fixed;
    bottom: 160px;
    padding: 10px;
  }
}
.wrong-password .wp-close {
  position: absolute;
  right: -10px;
  top: -10px;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  line-height: 25px;
  background: #e24c4b;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.wrong-password .wp-title {
  font-size: 18px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 10px;
}
.wrong-password .wp-text {
  color: rgba(0, 0, 0, 0.6);
}
.table-two {
  overflow-x: auto;
}
.table-two table {
  display: block;
  overflow-y: auto;
  border: 1px solid #456472;
}
@media only screen and (min-width: 1200px) {
  .table-two table {
    width: 100%;
  }
}
@media only screen and (max-width: 1199px) {
  .table-two table {
    width: 1200px;
  }
}
.table-two thead,
.table-two tbody {
  display: block;
}
.table-two th {
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.table-two th::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f107";
  margin-left: 20px;
}
.table-two th .table-label2 {
  display: inline-block;
}
.table-two th:hover {
  background: rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.table-two th:focus {
  outline: none;
}
.table-two tr {
  display: table;
  width: 100%;
  border-bottom: 1px solid #456472;
}
.table-two tr td,
.table-two tr th {
  display: table-cell;
  vertical-align: middle;
  padding: 10px !important;
}
.table-two tr td:nth-child(1),
.table-two tr th:nth-child(1) {
  width: 40% !important;
}
.table-two tr td:nth-child(2),
.table-two tr th:nth-child(2) {
  width: 15% !important;
}
.table-two tr td:nth-child(3),
.table-two tr th:nth-child(3) {
  width: 15% !important;
}
.table-two tr td:nth-child(4),
.table-two tr th:nth-child(4) {
  width: 15% !important;
}
.table-two tr td:nth-child(5),
.table-two tr th:nth-child(5) {
  width: 15% !important;
}
.table-label2 {
  display: block;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
@media only screen and (min-width: 1200px) {
  .vyb-table {
    display: table;
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .vyb-cell {
    display: table-cell;
    vertical-align: middle;
  }
}
@media only screen and (min-width: 1200px) {
  .vyb-cell:nth-child(1) {
    width: 55%;
    text-align: right;
  }
}
@media only screen and (min-width: 1200px) {
  .vyb-cell:nth-child(1) .d-xl-inline-block {
    padding: 0 100px 0 0;
    border-right: 2px solid #3e8bc4;
  }
}
@media only screen and (max-width: 1199px) {
  .vyb-cell:nth-child(1) .d-xl-inline-block {
    border-bottom: 2px solid #3e8bc4;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .vyb-cell:nth-child(2) {
    width: 45%;
    text-align: left;
  }
}
@media only screen and (min-width: 1200px) {
  .vyb-cell:nth-child(2) .d-xl-inline-block {
    padding: 0 0 0 100px;
  }
}
@media only screen and (min-width: 1200px) {
  .vyb-sub-table {
    display: table;
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .main-changer {
    position: absolute;
    bottom: 100px;
    width: 6%;
    cursor: pointer;
    text-align: center;
  }
  .main-changer.current {
    width: 3% !important;
  }
  .main-changer.current::after {
    font-size: 16px;
    content: "\f054";
  }
  .main-changer:hover {
    color: #3e8bc4;
  }
  .main-changer:hover::after {
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
  }
  .main-changer::after {
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    content: "\f053";
    font-size: 30px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
  }
}
@media only screen and (min-width: 1200px) {
  .main-row.redesign .main-col:nth-child(1) {
    width: 3%;
  }
  .main-row.redesign .main-col:nth-child(1) .left-menu span {
    display: none;
  }
  .main-row.redesign .main-col:nth-child(1) .left-menu i {
    font-size: 16px;
  }
  .main-row.redesign .main-col:nth-child(2) {
    width: 97%;
  }
  .mh-row.redesign .head-col:nth-child(1) {
    width: 3%;
  }
  .mh-row.redesign .head-col:nth-child(2) {
    width: 48.5%;
  }
  .mh-row.redesign .head-col:nth-child(3) {
    width: 48.5%;
  }
}
@media only screen and (max-width: 1199px) {
  .top-menu {
    background: rgba(0, 0, 0, 0.1);
    margin-top: 10px;
    border: 1px solid rgba(255, 255, 255, 0.04);
    display: none;
  }
}
@media only screen and (min-width: 1200px) {
  .top-menu li {
    display: inline-block;
  }
}
@media only screen and (max-width: 1199px) {
  .top-menu li {
    display: block;
  }
}
.top-menu li a {
  display: block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
}
.top-menu li a:hover {
  background: rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 1200px) {
  .resp-menu {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .resp-menu {
    position: absolute;
    top: 64px;
    z-index: 10;
    right: 60px;
    font-size: 18px;
  }
}
.pd-history {
  background: #101f26;
}
select option {
  background: #1b1a1f;
  color: rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width: 1199px) {
  .pd-hider-x {
    display: none !important;
  }
}
.pd-hider::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f251";
  font-size: 18px;
  cursor: pointer;
  color: #3e8bc4;
}
.pd-hider.current::after {
  content: "\f253" !important;
  color: #3e8bc4;
}
.timeline-left.current {
  width: 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
.table-three {
  overflow-x: auto;
}
.table-three table {
  display: block;
  overflow-y: auto;
  border: 1px solid #456472;
}
@media only screen and (min-width: 1200px) {
  .table-three table {
    width: 100%;
  }
}
@media only screen and (max-width: 1199px) {
  .table-three table {
    width: 1200px;
  }
}
.table-three thead,
.table-three tbody {
  display: block;
}
.table-three th {
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.table-three th::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f107";
  margin-left: 20px;
}
.table-three th .table-label2 {
  display: inline-block;
}
.table-three th:hover {
  background: rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.table-three th:focus {
  outline: none;
}
.table-three tr {
  display: table;
  width: 100%;
  border-bottom: 1px solid #456472;
}
.table-three tr td,
.table-three tr th {
  display: table-cell;
  vertical-align: middle;
  padding: 10px !important;
}
.table-three tr td:nth-child(1),
.table-three tr th:nth-child(1) {
  width: 20% !important;
}
.table-three tr td:nth-child(2),
.table-three tr th:nth-child(2) {
  width: 20% !important;
}
.table-three tr td:nth-child(3),
.table-three tr th:nth-child(3) {
  width: 15% !important;
}
.table-three tr td:nth-child(4),
.table-three tr th:nth-child(4) {
  width: 15% !important;
}
.table-three tr td:nth-child(5),
.table-three tr th:nth-child(5) {
  width: 15% !important;
}
.table-three tr td:nth-child(6),
.table-three tr th:nth-child(6) {
  width: 15% !important;
}
.table-three-icons a {
  display: inline-block;
  margin-left: 5px;
}
.table-three-icons a:hover {
  color: #3e8bc4;
}
.status-bar {
  overflow-y: auto;
}
.status-number {
  width: 24px;
  display: inline-block;
  height: 24px;
  font-size: 12px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  line-height: 22px;
  text-align: center;
}
.animation1 {
  animation-name: anime11;
  animation-duration: .5s;
  animation-fill-mode: forwards;
}
@keyframes anime11 {
  0% {
    transform: rotate(0);
    -ms-transform: rotate(0);
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
.wfr-bar i {
  color: #3e8bc4;
  animation-name: anime11;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
}
.graphs-bar .graph-img {
  display: block;
  max-width: 90%;
}
.stat-img {
  margin-right: 5px;
  height: 14px;
}
.graph-tabs li {
  display: inline-block;
  cursor: pointer;
  font-weight: 700;
  font-size: 16px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.graph-tabs li:hover,
.graph-tabs li.current {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  color: #ddd;
}
.gt-top i {
  color: #3e8bc4;
}
.tab-content {
  display: none;
}
.tab-content.current {
  display: block;
}
.gs-col {
  margin-bottom: 10px;
}
.gh-dot {
  width: 16px;
  height: 16px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  display: block;
  float: left;
}
.gh-text {
  width: 90%;
  padding-left: 10px;
}
.grapht-scroll {
  position: relative;
  overflow-y: auto;
}
.select-form {
  border: 1px solid #456472;
  background: transparent;
  padding: 5px 10px;
  display: block;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .mi-select {
    position: absolute;
    top: 60px;
    right: 50px;
  }
}
@media only screen and (min-width: 1200px) {
  .mi-select {
    width: 150px;
  }
}
.kol-bg {
  background: #151418;
}
.kol-bg .kol-bg2 {
  background: #25242a;
}
.kolera-pers {
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  background: #26252c;
}
.kolera-pers span {
  display: block;
  background: #3e8bc4;
  height: 8px;
}
.kolera-pers-text {
  width: 32px;
  display: inline-block;
  height: 32px;
  font-size: 10px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  line-height: 30px;
  text-align: center;
}
.x-success {
  background: #c7ffaf;
  position: relative;
  padding: 10px 20px;
  color: rgba(0, 0, 0, 0.6);
}
.x-success .x-warning-close {
  position: absolute;
  top: 10px;
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  right: 20px;
}
.form-control {
  border: 1px solid #456472;
}
.button1 {
  display: block;
  padding: 10.5px 10px;
  cursor: pointer;
  font-size: 12px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.button1:hover {
  background: rgba(62, 139, 196, 0.2);
}
.button1.current {
  background: #3e8bc4;
  color: #ffffff;
}
.button1.current i {
  color: #ffffff;
}
.button1 i {
  color: #3e8bc4;
}
.feat-label {
  float: left;
  cursor: pointer;
  width: 50%;
  margin: 0;
  padding: 0;
  display: block;
}
.feat-label input {
  display: none;
}
.feat-label input:checked + span {
  background: #456472 !important;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.feat-label span {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  display: block;
  border: 1px solid #456472;
  background: transparent;
  padding: 10px 5px;
  text-align: center;
}
.feat-up,
.feat-down {
  display: inline-block;
  /*
  &::after {
    font-size:20px;
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    content:"\f077";
    display:block;
    text-align:center;
    padding:10px 0;
  }
  */
  cursor: pointer;
  padding: 10px 0;
  font-size: 20px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.feat-up:hover,
.feat-down:hover {
  color: #3e8bc4;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.feature-two {
  display: none;
}
.text-light {
  color: rgba(255, 255, 255, 0.75);
}
@media only screen and (min-width: 1200px) {
  .feat-three,
  .feat-four {
    height: 70px;
  }
}
.ff-icon {
  font-size: 30px;
  color: #e2574c;
  float: left;
  width: 30px;
}
.ff-text {
  float: left;
  margin: 2px 0 0 10px;
  width: 80%;
}
.ff-view {
  display: inline-block;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  padding: 10px 0;
}
.ff-view:hover {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  color: #3e8bc4;
}
@media only screen and (max-width: 1199px) {
  .table-four {
    overflow-x: auto;
  }
}
.table-four table {
  display: block;
  overflow-y: auto;
  border: 1px solid #456472;
}
@media only screen and (min-width: 1200px) {
  .table-four table {
    width: 100%;
  }
}
@media only screen and (max-width: 1199px) {
  .table-four table {
    width: 1200px;
  }
}
.table-four thead,
.table-four tbody {
  display: block;
}
.table-four th {
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.table-four th::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f107";
  margin-left: 6px;
}
.table-four th .table-label2 {
  display: inline-block;
}
.table-four th:hover {
  background: rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.table-four th:focus {
  outline: none;
}
.table-four tr {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #456472;
}
.table-four tr:nth-child(even) {
  background: rgba(69, 100, 114, 0.1);
}
.table-four tr th:nth-child(11) {
  display: none !important;
}
.table-four tr td,
.table-four tr th {
  padding: 10px !important;
}
.table-four tr td:nth-child(1),
.table-four tr th:nth-child(1) {
  width: 22% !important;
}
.table-four tr td:nth-child(2),
.table-four tr th:nth-child(2) {
  width: 12% !important;
}
.table-four tr td:nth-child(3),
.table-four tr th:nth-child(3) {
  width: 10% !important;
}
.table-four tr td:nth-child(4),
.table-four tr th:nth-child(4) {
  width: 9% !important;
}
.table-four tr td:nth-child(5),
.table-four tr th:nth-child(5) {
  width: 9% !important;
}
.table-four tr td:nth-child(6),
.table-four tr th:nth-child(6) {
  width: 8% !important;
}
.table-four tr td:nth-child(7),
.table-four tr th:nth-child(7) {
  width: 8% !important;
}
.table-four tr td:nth-child(8),
.table-four tr th:nth-child(8) {
  width: 8% !important;
}
.table-four tr td:nth-child(9),
.table-four tr th:nth-child(9) {
  width: 7% !important;
}
.table-four tr td:nth-child(10),
.table-four tr th:nth-child(10) {
  width: 7% !important;
}
.table-four tr td:nth-child(11),
.table-four tr th:nth-child(11) {
  width: 100% !important;
  display: none;
}
.table-four .fa-exclamation-triangle {
  color: #f21025;
}
.dataTables_filter input[type="search"] {
  display: inline-block;
  border: 1px solid #456472;
  background: transparent;
  height: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 0 10px;
}
@media only screen and (min-width: 1200px) {
  .table-four-funcs {
    position: absolute;
    width: 75%;
    left: 190px;
    top: 1px;
  }
}
.table-four-funcs select {
  height: 30px !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 0 10px;
}
.table-four-funcs a:hover {
  background: rgba(0, 0, 0, 0.1);
}
.table-four-funcs input {
  font-size: 12px;
  height: 30px;
  padding: 0 10px;
  line-height: 30px;
}
.table-four-funcs .button1 {
  height: 30px;
  line-height: 28px;
  padding: 0 10px;
}
.steps {
  display: flex;
}
.steps button {
  width: 33.3333%;
  position: relative;
  text-align: center;
  background: transparent !important;
  border: none !important;
  display: block;
}
.steps button:first-child::after {
  display: none;
}
.steps button::after {
  content: ".";
  height: 10px;
  text-indent: -9999999px;
  position: absolute;
  left: -50%;
  background: #354147;
}
@media only screen and (min-width: 1200px) {
  .steps button::after {
    width: 250px;
    top: 57%;
  }
}
@media only screen and (max-width: 1199px) {
  .steps button::after {
    width: 100px;
    top: 65%;
  }
}
.steps button[disabled] .step-icon {
  background: #354147;
}
.steps button.active .step-icon {
  background: #456472;
}
.steps button.active::after {
  background: #456472;
}
.steps button.active .step-name {
  color: #fff;
}
.steps button .step-icon {
  display: block;
  width: 64px;
  position: relative;
  z-index: 2;
  margin: 0 auto;
  height: 64px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  padding-top: 20px;
}
.steps button .step-icon img {
  display: block;
  margin: 0 auto;
}
.steps button .step-name {
  display: block;
  font-weight: 700;
  margin-bottom: 10px;
}
.no-js .multi-step-form fieldset button,
.no-js .multi-step-form h2,
.multi-step-form.edit-form fieldset button,
.multi-step-form.edit-form h2 {
  display: none !important;
}
.no-js .multi-step-form fieldset,
.multi-step-form.edit-form fieldset {
  display: block !important;
}
.no-js .multi-step-form [type="submit"],
.no-js .multi-step-form [type="reset"],
.multi-step-form.edit-form [type="submit"],
.multi-step-form.edit-form [type="reset"] {
  display: inline-block !important;
}
.no-js .multi-step-form .steps,
.multi-step-form.edit-form .steps {
  display: none;
}
.multi-step-form fieldset {
  display: none;
  border: none;
}
.multi-step-form fieldset:first-of-type {
  display: block;
}
.multi-step-form fieldset.hidden {
  display: none;
}
.multi-step-form fieldset.visible {
  display: block;
}
.multi-step-form .steps button {
  border: 0;
}
.multi-step-form .steps [disabled] {
  background: none;
}
.multi-step-form .steps .active {
  background: #eee;
}
.error-text {
  color: red;
}
label .optional {
  font-weight: normal;
  font-size: 90%;
}
.field-container {
  max-width: 500px;
  margin: 0 auto;
}
.form-label {
  display: block;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.form-label input {
  display: none;
}
.form-label input:checked + span {
  background: #3e8bc4;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.form-label span {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  display: block;
  float: left;
  border: 1px solid #456472;
  width: 16px;
  height: 16px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  margin: 0px 5px 0 0;
}
.step-overflow {
  position: relative;
  max-height: 300px;
  overflow-y: auto;
}
.range {
  -webkit-appearance: none;
  vertical-align: middle;
  outline: none;
  border: none;
  padding: 0;
  display: block;
  width: 100%;
  background: none;
}
.range::-webkit-slider-runnable-track {
  background-color: #c9d8f4;
  height: 3px;
  border-radius: 3px;
  border: 1px solid transparent;
}
.range[disabled]::-webkit-slider-runnable-track {
  border: 1px solid #c9d8f4;
  background-color: transparent;
  opacity: 0.4;
}
.range::-moz-range-track {
  background-color: #3e8bc4;
  height: 3px;
  border-radius: 3px;
  border: none;
}
.range::-ms-track {
  color: transparent;
  border: none;
  background: none;
  height: 6px;
}
.range::-ms-fill-lower {
  background-color: #3e8bc4;
  border-radius: 3px;
}
.range::-ms-fill-upper {
  background-color: #3e8bc4;
  border-radius: 3px;
}
.range::-ms-tooltip {
  display: none;
  /* display and visibility only */
}
.range::-moz-range-thumb {
  border-radius: 20px;
  height: 12px;
  width: 12px;
  border: none;
  background: none;
  background-color: #3e8bc4;
}
.range:active::-moz-range-thumb {
  outline: none;
}
.range::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  border-radius: 100%;
  background-color: #3e8bc4;
  height: 12px;
  width: 12px;
  margin-top: -5px;
}
.range[disabled]::-webkit-slider-thumb {
  background-color: transparent;
  border: 1px solid #3e8bc4;
}
.range:active::-webkit-slider-thumb {
  outline: none;
}
.range::-ms-thumb {
  border-radius: 100%;
  background-color: #405e7c;
  height: 18px;
  width: 18px;
  border: none;
}
.range:active::-ms-thumb {
  border: none;
}
.step-dot {
  width: 5px;
  height: 5px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  display: block;
}
.step-dot.sd-blue {
  background: #1e56bd;
}
.step-dot.sd-green {
  background: #35bd1e;
}
.step-dot.sd-red {
  background: #bd1e53;
}
.sd-bars {
  position: relative;
  height: 15px;
}
.sd-bars .sd-col {
  height: 15px;
  position: absolute;
  left: 0;
}
.sd-bars .sd-col.sd-bar-blue {
  z-index: 3;
  background: #1e56bd;
}
.sd-bars .sd-col.sd-bar-green {
  z-index: 2;
  background: #35bd1e;
}
.sd-bars .sd-col.sd-bar-red {
  z-index: 1;
  background: #bd1e53;
}
.fs-10 {
  font-size: 10px;
}
@media only screen and (min-width: 1200px) {
  .ver-2-height {
    height: 90px;
  }
}
.fs-20 {
  font-size: 20px;
}
.ver-big-text i {
  color: #3e8bc4;
}
.ui-menu {
  position: absolute;
  background: #232228;
  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
  max-height: 400px;
  overflow-y: auto;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 200px;
  z-index: 100;
}
.ui-menu li {
  display: block;
  margin: 0;
  padding: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  cursor: pointer;
}
.ui-menu li:last-child {
  border-bottom: none;
}
.ui-menu li:hover {
  background: rgba(255, 255, 255, 0.02);
}
.ui-menu .ui-state-highlight {
  font-weight: 900;
  color: #3e8bc4;
}
.ui-helper-hidden-accessible {
  display: none;
}
.stc-button {
  padding: 0;
  margin: 0;
  display: none;
  width: 100%;
  background: #3e8bc4;
  color: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  font-size: 11px;
  padding: 2px 5px;
  cursor: pointer;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.stc-button.current {
  display: block;
}
.stc-button .row {
  min-height: 32px;
}
.stc-button input {
  display: none;
}
.stc-button input:checked + div span.col-auto:nth-child(2) span:nth-child(1) {
  display: none;
}
.stc-button input:checked + div span.col-auto:nth-child(2) span:nth-child(2) {
  display: block;
}
.stc-button div span.col-auto {
  margin: 2px 0;
}
.stc-button div span.col-auto:nth-child(2) {
  background: rgba(0, 0, 0, 0.1);
  padding: 5px 7px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  font-weight: 700;
}
.stc-button div span.col-auto:nth-child(2) span:nth-child(1) {
  display: block;
}
.stc-button div span.col-auto:nth-child(2) span:nth-child(2) {
  display: none;
}
.fg-infosx {
  background: rgba(0, 0, 0, 0.1);
  font-size: 12px;
}
.table-four-tabs {
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.table-four-tabs li {
  display: inline-block;
  padding: 10px;
  cursor: pointer;
}
.table-four-tabs li.current {
  color: #3e8bc4;
}
.tf-table {
  border: 1px solid rgba(255, 255, 255, 0.05);
  max-width: 500px;
}
.tf-table .tf-col {
  border-right: 1px solid rgba(255, 255, 255, 0.07);
  width: 50%;
  position: relative;
  max-height: 300px;
  overflow-y: auto;
  padding: 10px;
}
.tf-table .tf-col:nth-child(2) {
  border-right: 0;
}
.tf-table .tf-bar {
  display: flex;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.tf-table .tf-bar:last-child {
  border-bottom: none;
}
.tf-table-three {
  border: 1px solid rgba(255, 255, 255, 0.05);
  max-width: 500px;
}
.ffd-laster {
  margin-top: 20px;
}
.form-switch {
  margin: 0 !important;
  padding: 0 !important;
  display: block;
  font-weight: 500;
  cursor: pointer;
}
.form-switch input {
  display: none;
}
.form-switch input:checked + div {
  background: #3e8bc4;
  border-color: #3e8bc4;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.form-switch input:checked + div span {
  background: #ffffff;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  margin-left: 20px;
}
.form-switch div {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  float: left;
  margin-right: 10px;
  display: block;
  width: 40px;
  height: 20px;
  position: relative;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  border: 2px solid #d4d4d4;
}
.form-switch div span {
  display: block;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  width: 14px;
  height: 14px;
  margin: 1px 0 0 1px;
  background: #c4c4c4;
}
.pdo-number {
  opacity: 0.5;
}
.pdo-input {
  border: 1px solid transparent;
  background: transparent;
  display: inline-block;
  width: auto;
  padding: 4px;
}
.pdo-input:focus {
  border: 1px solid #456472;
}
.pdo-textarea {
  border: 1px solid transparent;
  background: transparent;
  display: inline-block;
  width: 100%;
  padding: 4px;
  resize: none;
  height: 50px;
  text-align: left;
}
.pdo-textarea:focus {
  border: 1px solid #456472;
}
@media only screen and (max-width: 1199px) {
  .table-new-one {
    overflow-x: auto;
  }
}
.table-new-one table {
  display: block;
  overflow-y: auto;
  border: 1px solid #456472;
}
@media only screen and (min-width: 1200px) {
  .table-new-one table {
    width: 100%;
  }
}
@media only screen and (max-width: 1199px) {
  .table-new-one table {
    width: 1200px;
  }
}
.table-new-one thead,
.table-new-one tbody {
  display: block;
}
.table-new-one th {
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.table-new-one th::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f107";
  margin-left: 6px;
}
.table-new-one th .table-label2 {
  display: inline-block;
}
.table-new-one th:hover {
  background: rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.table-new-one th:focus {
  outline: none;
}
.table-new-one tr {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #456472;
}
.table-new-one tr:nth-child(even) {
  background: rgba(69, 100, 114, 0.1);
}
.table-new-one tr th:nth-child(11) {
  display: none !important;
}
.table-new-one tr td,
.table-new-one tr th {
  padding: 10px !important;
}
.table-new-one tr td:nth-child(1),
.table-new-one tr th:nth-child(1) {
  width: 35% !important;
}
.table-new-one tr td:nth-child(2),
.table-new-one tr th:nth-child(2) {
  width: 15% !important;
}
.table-new-one tr td:nth-child(3),
.table-new-one tr th:nth-child(3) {
  width: 10% !important;
}
.table-new-one tr td:nth-child(4),
.table-new-one tr th:nth-child(4) {
  width: 10% !important;
}
.table-new-one tr td:nth-child(5),
.table-new-one tr th:nth-child(5) {
  width: 20% !important;
}
.table-new-one tr td:nth-child(6),
.table-new-one tr th:nth-child(6) {
  width: 10% !important;
}
.table-new-one tr th:nth-child(7) {
  display: none;
}
.table-new-one tr td:nth-child(7) {
  width: 100% !important;
  display: none;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.table-new-one .fa-exclamation-triangle {
  color: #f21025;
}
.table-new-one .tno-dropdown {
  padding: 10px 0;
  cursor: pointer;
}
.table-new-one .tno-menu {
  position: relative;
  display: block;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.table-new-one .tno-menu:hover {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  color: #3e8bc4;
}
.table-new-one .dropdown-menu a {
  display: block;
  position: relative;
  padding: 10px !important;
  font-size: 12px !important;
}
.table-new-one .dropdown-menu a::after {
  position: absolute;
  right: 10px;
  font-size: 12px;
  font-family: "Font Awesome 5 Free";
  top: 12px;
  font-weight: 900;
  content: "\f105";
  color: #ddd;
}
.tno-dropped {
  padding: 10px;
}
.tno-dropped .tab-content {
  padding: 10px;
}
.tno-dropped .tabs {
  margin: 0;
  padding: 0;
}
.tno-dropped .tabs li {
  display: inline-block;
  opacity: 0.5;
  cursor: pointer;
  padding: 10px;
}
.tno-dropped .tabs li.current {
  opacity: 1;
  font-weight: 700;
  text-decoration: underline;
}
.tno-table {
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.tno-table .tno-cell {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 10px;
}
.tno-table .tno-cell:last-child {
  border-bottom: none;
}
.feat-create-two,
.feat-create-one,
.feat-create-three {
  display: none;
}
.feat-create-two.current,
.feat-create-one.current,
.feat-create-three.current {
  display: block;
}
.ffd-dropdown {
  position: absolute;
  right: 0;
  display: none;
  z-index: 30;
  text-align: left;
  -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 1200px) {
  .ffd-dropdown {
    width: 400px;
  }
}
@media only screen and (max-width: 1199px) {
  .ffd-dropdown {
    width: 280px;
  }
}
.ffd-dropdown .ffd-title {
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.ffd-dropdown .ffd-title:last-child {
  border-bottom: none;
}
.ffd-dropdown .ffd-icon {
  font-size: 20px;
  color: #3e8bc4;
}
.ffd-dropdown .ffd-close {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
  z-index: 100;
}
.ffd-dropdown .ffd-title-text {
  font-weight: 700;
}
.ffd-dropdown .ffd-title-text span {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #3e8bc4;
  color: #ffffff;
  display: inline-block;
}
.ffd-dropdown .ffd-title-text2 {
  font-size: 12px;
}
.lno-table2 {
  margin-top: 10px;
}
.lno-table2 .lno-col2 {
  width: 25%;
  padding: 10px;
}
.lno-table2 .lno-row3 {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.lno-table2 .lno-row3:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.lno-table2 .lno-green {
  color: #3c9f1a;
}
@media only screen and (max-width: 1199px) {
  .table-new-two {
    overflow-x: auto;
  }
}
.table-new-two table {
  display: block;
  overflow-y: auto;
  border: 1px solid #456472;
}
@media only screen and (min-width: 1200px) {
  .table-new-two table {
    width: 100%;
  }
}
@media only screen and (max-width: 1199px) {
  .table-new-two table {
    width: 1200px;
  }
}
.table-new-two thead,
.table-new-two tbody {
  display: block;
}
.table-new-two th {
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.table-new-two th::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f107";
  margin-left: 6px;
}
.table-new-two th .table-label2 {
  display: inline-block;
}
.table-new-two th:hover {
  background: rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.table-new-two th:focus {
  outline: none;
}
.table-new-two tr {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #456472;
}
.table-new-two tr:nth-child(even) {
  background: rgba(69, 100, 114, 0.1);
}
.table-new-two tr th:nth-child(11) {
  display: none !important;
}
.table-new-two tr td,
.table-new-two tr th {
  padding: 10px !important;
}
.table-new-two tr td:nth-child(1),
.table-new-two tr th:nth-child(1) {
  width: 30% !important;
}
.table-new-two tr td:nth-child(2),
.table-new-two tr th:nth-child(2) {
  width: 14% !important;
}
.table-new-two tr td:nth-child(3),
.table-new-two tr th:nth-child(3) {
  width: 14% !important;
}
.table-new-two tr td:nth-child(4),
.table-new-two tr th:nth-child(4) {
  width: 14% !important;
}
.table-new-two tr td:nth-child(5),
.table-new-two tr th:nth-child(5) {
  width: 14% !important;
}
.table-new-two tr td:nth-child(6),
.table-new-two tr th:nth-child(6) {
  width: 14% !important;
}
.table-new-two .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100% !important;
}
.table-new-two .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) button {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  border-radius: 0 !important;
}
.table-new-two .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) button:focus {
  outline: none !important;
}
.table-new-two .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) button .filter-option-inner-inner {
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 15px !important;
}
.table-new-two .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) button .filter-option-inner-inner small {
  display: block !important;
}
.table-new-two .dropdown-toggle::after {
  border: none !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f078";
  color: #999;
}
.table-new-two .dropdown-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  font-weight: 700;
}
.table-new-two .dropdown-item small {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}
.mk-graph {
  margin-top: 10px;
}
.mk-graph img {
  display: block;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .table-new-three {
    overflow-x: auto;
  }
}
.table-new-three table {
  display: block;
  overflow-y: auto;
  border: 1px solid #456472;
}
@media only screen and (min-width: 1200px) {
  .table-new-three table {
    width: 100%;
  }
}
@media only screen and (max-width: 1199px) {
  .table-new-three table {
    width: 1200px;
  }
}
.table-new-three thead,
.table-new-three tbody {
  display: block;
}
.table-new-three th {
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.table-new-three th::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f107";
  margin-left: 6px;
}
.table-new-three th .table-label2 {
  display: inline-block;
}
.table-new-three th:hover {
  background: rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.table-new-three th:focus {
  outline: none;
}
.table-new-three tr {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #456472;
}
.table-new-three tr:nth-child(even) {
  background: rgba(69, 100, 114, 0.1);
}
.table-new-three tr td,
.table-new-three tr th {
  padding: 10px !important;
}
.table-new-three tr td:nth-child(1),
.table-new-three tr th:nth-child(1) {
  width: 58% !important;
}
.table-new-three tr td:nth-child(2),
.table-new-three tr th:nth-child(2) {
  width: 5% !important;
}
.table-new-three tr td:nth-child(3),
.table-new-three tr th:nth-child(3) {
  width: 5% !important;
}
.table-new-three tr td:nth-child(4),
.table-new-three tr th:nth-child(4) {
  width: 5% !important;
}
.table-new-three tr td:nth-child(5),
.table-new-three tr th:nth-child(5) {
  width: 9% !important;
}
.table-new-three tr td:nth-child(6),
.table-new-three tr th:nth-child(6) {
  width: 12% !important;
}
.table-new-three tr td:nth-child(7),
.table-new-three tr th:nth-child(7) {
  width: 1% !important;
}
.table-new-three tr td:nth-child(1) {
  font-size: 15px;
  font-weight: 700;
}
.table-new-three tr td:nth-child(1) span {
  font-weight: 400;
}
.table-new-three tr td:nth-child(2) {
  font-size: 16px;
}
.table-new-three tr td:nth-child(3) {
  font-size: 16px;
}
.table-new-three tr td:nth-child(4) {
  font-size: 16px;
}
.table-new-three tr td:nth-child(5) img {
  max-width: 100%;
}
@media only screen and (min-width: 1200px) {
  .dep-col {
    width: 19%;
    margin-right: 1.25%;
  }
  .dep-col:nth-child(5) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .dep-col {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .dep-col .dep-bg {
    height: 160px;
    padding: 20px 20px 0px 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .dep-col .dep-bg {
    padding: 20px;
  }
}
.dep-col .dep-bg .dep-ad-text1 {
  font-size: 55px;
}
.dep-col .dep-bg .dep-pre-text1 {
  font-size: 30px;
  margin: 20px 0;
}
.dep-col .dep-bg .dep-pre-text1 span {
  font-size: 13px;
}
.dep-col .dep-bg .dep-shs-circle {
  width: 65px;
  height: 65px;
  line-height: 54px;
  font-size: 24px;
  text-align: center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  border: 3px solid #6acd1a;
}
.dep-col .dep-bg .dep-dds-circle {
  width: 65px;
  height: 65px;
  line-height: 54px;
  font-size: 24px;
  text-align: center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  border: 3px solid #cd1a1a;
}
.dep-col .dep-bg .dep-as-circle {
  width: 65px;
  height: 65px;
  line-height: 54px;
  font-size: 24px;
  text-align: center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  border: 3px solid #959595;
}
.dep-red {
  color: #cd1a1a;
}
.dep-yellow {
  color: #edea0d;
}
.dep-green {
  color: #6acd1a;
}
.dep-grey {
  color: #999;
}
#table-new-three_length {
  position: absolute;
  right: 0;
}
#table-new-three_length select {
  display: inline-block;
  border: 1px solid #456472;
  background: transparent;
  height: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 0 10px;
}
.table-new-three_length select {
  display: inline-block;
  border: 1px solid #456472;
  background: transparent;
  height: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 0 10px;
}
#table-new-three_paginate {
  display: none;
}
.dsub-top,
.cat-row {
  border-bottom: 1px solid #456472;
}
.dsub-top a.row {
  font-size: 16px;
  font-weight: 700;
}
.dsub-top a.row .col-auto span {
  display: block;
  font-size: 13px;
  font-weight: 400;
}
.dsub-top a.row i {
  font-size: 17px;
}
.dsub-question {
  font-size: 20px;
}
.dsub-bottom {
  overflow-y: auto;
  position: relative;
}
.dsub-tabs,
.app-tabs {
  margin: 0;
  padding: 0;
}
.dsub-tabs li,
.app-tabs li {
  display: inline-block;
  opacity: 0.5;
  cursor: pointer;
  padding: 10px;
}
.dsub-tabs li.current,
.app-tabs li.current {
  opacity: 1;
  font-weight: 700;
  text-decoration: underline;
}
.dsub-circle {
  width: 16px;
  height: 16px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.ser-he-bar select {
  height: 30px !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 0 10px;
}
.ser-he-bar .button1 {
  height: 30px;
  line-height: 28px;
  padding: 0 10px;
}
.ui-slider {
  background: #d3dae5;
  width: 100%;
  height: 5px;
  position: relative;
}
.ui-slider-handle {
  height: 13px;
  width: 13px;
  background: #5d5d5d;
  top: -4px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  display: block;
  position: absolute;
  cursor: pointer;
}
.ui-slider-handle:focus {
  outline: none !important;
}
.ui-slider-range {
  position: absolute;
  background: #2354e3;
  height: 5px;
}
@media only screen and (min-width: 1200px) {
  .dep-sub-row .dep-sup-col {
    width: 19%;
    margin-right: 1.25%;
  }
  .dep-sub-row .dep-sup-col:nth-child(5n+0) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .dep-sub-row .dep-sup-col {
    width: 100%;
  }
}
.ds-text1 {
  font-size: 50px;
}
.dep-sub-graph {
  max-width: 100%;
}
.apps-icons {
  font-size: 30px;
}
.apps-links a {
  margin-right: 10px;
  display: inline-block;
}
.cur-app-table {
  overflow-y: auto;
  position: relative;
}
.tra-bg1 {
  border: 1px solid #74a973;
  background: #dcfcde;
  color: rgba(0, 0, 0, 0.6) !important;
}
@media only screen and (max-width: 1199px) {
  .table-new-four .tnt-overflow {
    overflow-x: auto;
    position: relative;
  }
}
.table-new-four table {
  display: block;
  overflow-y: auto;
  border: 1px solid #456472;
}
@media only screen and (min-width: 1200px) {
  .table-new-four table {
    width: 100%;
  }
}
@media only screen and (max-width: 1199px) {
  .table-new-four table {
    width: 1200px;
  }
}
.table-new-four thead,
.table-new-four tbody {
  display: block;
}
.table-new-four th {
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.table-new-four th::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f107";
  margin-left: 6px;
}
.table-new-four th .table-label2 {
  display: inline-block;
}
.table-new-four th:hover {
  background: rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.table-new-four th:focus {
  outline: none;
}
.table-new-four tr {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #456472;
}
.table-new-four tr:nth-child(even) {
  background: rgba(69, 100, 114, 0.1);
}
.table-new-four tr td,
.table-new-four tr th {
  padding: 10px !important;
}
.table-new-four tr td:nth-child(1),
.table-new-four tr th:nth-child(1) {
  width: 35% !important;
}
.table-new-four tr td:nth-child(2),
.table-new-four tr th:nth-child(2) {
  width: 20% !important;
}
.table-new-four tr td:nth-child(3),
.table-new-four tr th:nth-child(3) {
  width: 15% !important;
}
.table-new-four tr td:nth-child(4),
.table-new-four tr th:nth-child(4) {
  width: 15% !important;
}
.table-new-four tr td:nth-child(5),
.table-new-four tr th:nth-child(5) {
  width: 15% !important;
}
@media only screen and (min-width: 1200px) {
  .table-new-four #table-new-four_filter {
    position: absolute;
    top: 0;
  }
}
.eym-sample {
  font-size: 28px;
  font-weight: 700;
}
@media only screen and (max-width: 1199px) {
  .table-new-five .tnf-overflow {
    overflow-x: auto;
    position: relative;
  }
}
.table-new-five table {
  display: block;
  overflow-y: auto;
  border: 1px solid #456472;
}
@media only screen and (min-width: 1200px) {*/
  .table-new-five table {
    width: 100%;!important;
  }
}
@media only screen and (max-width: 1199px) {
  .table-new-five table {
    width: 1200px;
 }
}
.table-new-five thead,
.table-new-five tbody {
  display: block;
}
.table-new-five th {
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.table-new-five th::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f107";
  margin-left: 6px;
}
.table-new-five th .table-label2 {
  display: inline-block;
}
.table-new-five th:hover {
  background: rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.table-new-five th:focus {
  outline: none;
}
.table-new-five tr {
  position: relative;
  height: 120px;
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #456472;
}
.table-new-five tr:nth-child(even) {
  background: rgba(69, 100, 114, 0.1);
}
.table-new-five tr td,
.table-new-five tr th {
  padding: 10px !important;
}
.table-new-five tr td:nth-child(1),
.table-new-five tr th:nth-child(1) {
  width: 35%;
}
.table-new-five tr td:nth-child(2),
.table-new-five tr th:nth-child(2) {
  width: 20%;
}
.table-new-five tr td:nth-child(3),
.table-new-five tr th:nth-child(3) {
  width: 15%;
}
.table-new-five tr td:nth-child(4),
.table-new-five tr th:nth-child(4) {
  width: 15%;
}
.table-new-five tr td:nth-child(5),
.table-new-five tr th:nth-child(5) {
  width: 15%;
}
.table-new-five tr td:nth-child(6),
.table-new-five tr th:nth-child(6) {
  width: 15%;
}
.table-new-five tr td:nth-child(7),
.table-new-five tr th:nth-child(7) {
  width: 15%;
}
.table-new-five tr td:nth-child(8) {
  width: 100% !important;
  display: none;
}
.table-new-five tr th:nth-child(8) {
  display: none;
}


@media only screen and (min-width: 1200px) {
  .table-new-five #table-new-five_filter {
    position: absolute;
    top: 0;
    margin-top: 20px;
  }
}
.table-new-five .tab-system {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.table-new-five .tab-system .tabs {
  margin: 0;
  padding: 0;
  list-style: none;
}
.table-new-five .tab-system .tabs li {
  display: inline-block;
  cursor: pointer;
  margin-right: 20px;
}
.table-new-five .tab-system .tabs li.current {
  font-weight: 700;
  color: #3e8bc4;
}
.mo-bg .mo-table {
  display: table;
  height: 150px;
  width: 100%;
}
.mo-bg .mo-table .mo-cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.mo-bg .mo-table .mo-cell i {
  font-size: 20px;
  color: #3e8bc4;
}
.tff-table {
  border: 1px solid #456472;
}
@media only screen and (min-width: 1200px) {
  .tff-table {
    width: 75%;
  }
}
.tff-table .tf-col {
  border-right: 1px solid #456472;
  width: 50%;
  position: relative;
  max-height: 300px;
  overflow-y: auto;
  padding: 10px;
}
.tff-table .tf-col:nth-child(2) {
  border-right: 0;
}
.tff-table .tf-bar {
  display: flex;
  border-bottom: 1px solid #456472;
}
.tff-table .tf-bar:last-child {
  border-bottom: none;
}
.et-fe-graph img {
  max-width: 100%;
}
.eg-al-upload {
  border: 2px dashed #456472;
  padding: 30px 0;
  text-align: center;
  position: relative;
}
.eg-al-upload .eg-al-dropdown {
  position: absolute;
  right: 20px;
  top: 40%;
}
.eg-al-upload .eg-al-dropdown .ead-link {
  cursor: pointer;
}
.tah-check .tc-icon {
  color: #3bb54a;
  font-size: 30px;
}
.tah-ready i {
  color: #3bb54a;
}
.td-link {
  cursor: pointer;
}
.ea-graphy-funcs i {
  color: #3e8bc4;
}
.ea-graphy img {
  max-width: 100%;
  display: block;
}
.mode-changer {
  cursor: pointer;
  text-align: center;
  z-index: 100;
}
@media only screen and (min-width: 1200px) {
  .mode-changer {
    left: 0;
    width: 6%;
    bottom: 20px;
    position: fixed;
  }
  .mode-changer.redesign {
    width: 3%;
  }
  .mode-changer.redesign::after {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1199px) {
  .mode-changer {
    position: absolute;
    top: 65px;
    right: 20px;
  }
}
.mode-changer:hover {
  color: #3e8bc4;
}
.mode-changer::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f185";
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
@media only screen and (min-width: 1200px) {
  .mode-changer::after {
    font-size: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .mode-changer::after {
    font-size: 20px;
  }
}
.mode-changer.current::after {
  content: "\f186" !important;
}
.light-mode {
  background: #fafafa;
  color: #444;
}
.light-mode a {
  color: #444;
}
.light-mode .main-head {
  background: #ffffff;
}
.light-mode .main-row .main-col .left-menu {
  background: #ffffff;
}
.light-mode .menu-icons li.search-icon .mi-click {
  background: #f1f1f1;
}
@media only screen and (max-width: 1199px) {
  .light-mode .main-row .main-col {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
  }
}
.light-mode .logo img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.light-mode .logo a:nth-child(2) {
  display: none;
}
.light-mode .logo a:nth-child(1) {
  display: block;
}
.light-mode .border1 {
  border: 1px solid #d3dae5;
}
.light-mode .bg1 {
  background: #fff;
}
.light-mode .btn-border {
  color: #22231e;
}
.light-mode .ur-top {
  border-bottom: 1px solid #d3dae5;
}
.light-mode .ur-col {
  border-bottom: 1px solid #d3dae5;
}
.light-mode .table-one tbody tr {
  border: 1px solid #d3dae5;
}
.light-mode .table-one tbody tr.active td:nth-child(1) {
  background: #3e8bc4;
}
.light-mode .table-one tbody tr.active td:nth-child(2) {
  color: #405e7c;
}
.light-mode .table-one tbody tr.active td:nth-child(2) a {
  color: #405e7c;
}
.light-mode .table-one tbody tr.active td:nth-child(3) {
  color: #405e7c;
}
.light-mode .table-one tbody tr.active td:nth-child(3) a {
  color: #405e7c;
}
.light-mode .table-one tbody tr.deactive td {
  color: #cdcdcd;
}
.light-mode .table-one tbody tr.deactive td:nth-child(1) {
  background: #cacaca;
}
.light-mode .table-one .active .table-tags a {
  border: 1px solid #0d9fbd;
  background: #0d9fbd;
  color: #ffffff;
}
.light-mode .table-one .active .table-tags a:hover {
  background: #79cfbe;
  color: #ffffff;
  border-color: #79cfbe;
}
.light-mode .table-one .deactive .table-tags a {
  border: 1px solid #d2d2d2;
  background: #d2d2d2;
  color: #aaa;
}
.light-mode .table-one .deactive .table-tags a:hover {
  background: #555;
  color: #888;
  border-color: #555;
}
.light-mode .table-one .deactive .table-tags a:hover i {
  color: #888;
}
.light-mode .table-one .deactive .table-tags a i {
  color: #aaa;
}
.light-mode .table-select {
  border: 1px solid #d3dae5;
}
.light-mode .bor-bottom {
  border-bottom: 1px solid #d3dae5;
}
.light-mode .bor-top {
  border-top: 1px solid #d3dae5;
}
.light-mode .small-button-border {
  border: 1px solid #ddd;
}
.light-mode .small-button-border:hover {
  background: #3e8bc4;
  color: #ffffff;
  border-color: #3e8bc4;
}
.light-mode .table-two table {
  border: 1px solid #d3dae5;
}
.light-mode .table-two tr {
  border-bottom: 1px solid #d3dae5;
}
.light-mode .table-three table {
  border: 1px solid #d3dae5;
}
.light-mode .table-three tr {
  border-bottom: 1px solid #d3dae5;
}
.light-mode .table-four table {
  border: 1px solid #d3dae5;
}
.light-mode .table-four tr {
  border-bottom: 1px solid #d3dae5;
}
.light-mode .table-four tr:nth-child(even) {
  background: #fff;
}
.light-mode .table-new-one table {
  border: 1px solid #d3dae5;
}
.light-mode .table-new-one tr {
  border-bottom: 1px solid #d3dae5;
}
.light-mode .table-new-one tr:nth-child(even) {
  background: #fff;
}
.light-mode .table-new-two table {
  border: 1px solid #d3dae5;
}
.light-mode .table-new-two tr {
  border-bottom: 1px solid #d3dae5;
}
.light-mode .table-new-two tr:nth-child(even) {
  background: #fff;
}
.light-mode .pd-history {
  background: #fff;
}
.light-mode select option {
  background: #fff;
  color: #333;
}
.light-mode .graph-tabs li:hover,
.light-mode .graph-tabs li.current {
  color: #3e8bc4;
}
.light-mode .select-form {
  border: 1px solid #d3dae5;
  background: #ffffff;
}
.light-mode .kol-bg {
  background: #e6f1ff;
}
.light-mode .kol-bg .kol-bg2 {
  background: #ffffff;
}
.light-mode .kolera-pers {
  background: #e6f1ff;
}
.light-mode .form-control {
  border: 1px solid #d3dae5;
}
.light-mode .bg2 {
  background: #cfe0f6;
}
.light-mode .feat-label input:checked + span {
  background: #cfe0f6 !important;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.light-mode .feat-label span {
  border: 1px solid #cfe0f6;
}
.light-mode .text-light {
  color: #405e7c !important;
}
.light-mode .dataTables_filter input[type="search"] {
  border: 1px solid #d3dae5;
}
.light-mode .modal-content {
  background-color: #fff;
  border: 1px solid transparent;
}
.light-mode .steps button::after {
  background: #88c2ed;
}
.light-mode .steps button[disabled] .step-icon {
  background: #88c2ed;
}
.light-mode .steps button.active .step-icon {
  background: #3e8bc4;
}
.light-mode .steps button.active::after {
  background: #3e8bc4;
}
.light-mode .steps button.active .step-name {
  color: #405e7c;
}
.light-mode .close {
  color: #333;
}
.light-mode .close:hover {
  color: #333;
}
.light-mode .ui-menu {
  background: #fff;
  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
.light-mode .ui-menu li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.light-mode .ui-menu li:hover {
  background: rgba(0, 0, 0, 0.02);
}
.light-mode .table-four-tabs {
  border-top: 1px solid #d3dae5;
}
.light-mode .tf-table {
  border: 1px solid #d3dae5;
}
.light-mode .tf-table .tf-col {
  border-right: 1px solid #d3dae5;
}
.light-mode .tf-table .tf-bar {
  border-bottom: 1px solid #d3dae5;
}
.light-mode .tf-table-three {
  border: 1px solid #d3dae5;
}
.light-mode .tno-table {
  border: 1px solid #d3dae5;
}
.light-mode .tno-table .tno-cell {
  border-bottom: 1px solid #d3dae5;
}
.light-mode .table-new-three table {
  border: 1px solid #d3dae5;
}
.light-mode .table-new-three tr {
  border-bottom: 1px solid #d3dae5;
}
.light-mode .table-new-four table {
  border: 1px solid #d3dae5;
}
.light-mode .table-new-four tr {
  border-bottom: 1px solid #d3dae5;
}
.light-mode .table-new-five table {
  border: 1px solid #d3dae5;
}
.light-mode .table-new-five tr {
  border-bottom: 1px solid #d3dae5;
}
.light-mode .lno-table2 .lno-row3 {
  border-top: 1px solid #d3dae5;
  border-right: 1px solid #d3dae5;
  border-left: 1px solid #d3dae5;
}
.light-mode .lno-table2 .lno-row3:last-child {
  border-bottom: 1px solid #d3dae5;
}
.light-mode .table-new-two .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) button {
  border: 1px solid #d3dae5 !important;
}
.light-mode .table-new-two .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) button .filter-option-inner-inner {
  color: #333 !important;
}
.light-mode .table-new-two .dropdown-item {
  border-bottom: 1px solid #d3dae5 !important;
}
.light-mode .dsub-top,
.light-mode .cat-row {
  border-bottom: 1px solid #d3dae5;
}
.light-mode .tff-table {
  border: 1px solid #d3dae5;
}
.light-mode .tff-table .tf-col {
  border-right: 1px solid #d3dae5;
}
.light-mode .tff-table .tf-bar {
  border-bottom: 1px solid #d3dae5;
}
.light-mode .eg-al-upload {
  border: 2px dashed #d3dae5;
  padding: 30px 0;
  text-align: center;
}
.light-mode .tff-table {
  border: 1px solid #d3dae5;
}
/* 12.10.2020 Yeni timeline tasarımı */
.table-new-five {
  position: relative;
}
.bg4 {
  background: #1f2128;
}
.border4 {
  border: 1px solid #2e313c;
}
.color4 {
  color: #809bbd;
}
.bg5 {
  background: #233137;
}
.bg6 {
  background: #2e3e45;
}
.info-notifications {
  position: fixed;
  z-index: 1001;
  bottom: 40px;
  right: 100px;
}
.info-notifications .in-first {
  width: 55px;
  height: 55px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  line-height: 53px;
  text-align: center;
  font-size: 26px;
  cursor: pointer;
  position: relative;
}
.info-notifications .in-first i:nth-child(3) {
  display: none;
}
.info-notifications .in-first.current i:nth-child(3) {
  display: inline-block;
}
.info-notifications .in-first.current i:nth-child(2) {
  display: none;
}
.info-notifications .in-first span {
  background: #d22c63;
  color: #ffffff;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  line-height: 20px;
  text-align: center;
  position: absolute;
  top: -5px;
  right: -5px;
  font-size: 12px;
}
.in-no-overlay {
  background: rgba(18, 25, 43, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: none;
  width: 100%;
  height: 100%;
}
.inf-opener {
  margin-bottom: 30px;
  display: none;
}
.inf-opener .inf-bar {
  margin-bottom: 10px;
  cursor: pointer;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.03);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.03);
  width: 45px;
  height: 45px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  position: Relative;
  font-size: 20px;
  text-align: center;
  line-height: 45px;
}
.inf-opener .inf-bar:hover .inf-opened {
  display: block;
}
.inf-opener .inf-bar span.inf-desc {
  position: absolute;
  left: 55px;
  font-size: 12px;
}
.inf-opener .inf-bar .inf-opened {
    position: absolute;
    display: none;
    width: 360px;
    bottom: 0px;
    right: 44px;
    line-height: 18px;
    font-size: 12px;
    cursor: auto;
    height: 300px;
    overflow: scroll;
}
.inf-opener .inf-bar .inf-opened img {
  max-width: 20px;
}
.infc-bottom {
  border-top: 1px solid #456472;
}
.ea-bottom-bar {
  position: fixed;
  bottom: 0;
  z-index: 10100;
}
@media only screen and (min-width: 1200px) {
  .ea-bottom-bar {
    width: 90%;
    right: 2%;
  }
}
@media only screen and (max-width: 1199px) {
  .ea-bottom-bar {
    width: 95%;
    right: 0;
    left: 0;
    margin: auto;
  }
}
.ea-bottom-bar .eabb-click {
  cursor: pointer;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.ea-bottom-bar .eabb-click.current i {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.eabb-tabs li {
  display: inline-block;
  padding: 10px 20px;
  cursor: pointer;
}
.eabb-tabs li.current {
  background: #3e8bc4;
  color: #ffffff;
  font-weight: 600;
}
.eabb-dropper {
  display: none;
}
.eabb-content {
  position: relative;
}
/*@media only screen and (min-width: 1200px) {
  .eabb-content {
    max-height: 600px;
    overflow-x: auto;
  }
}
@media only screen and (max-width: 1199px) {
  .eabb-content {
    max-height: 500px;
    overflow-x: auto;
  }
}*/
.light-mode .infc-bottom {
  border-top: 1px solid #d3dae5;
}
.light-mode .in-no-overlay {
  background: rgba(255, 255, 255, 0.8);
}
.light-mode .bg4 {
  background: #ebedf0;
}
.light-mode .border4 {
  border: 1px solid #b7c1d0;
}
.light-mode .color4 {
  color: #809bbd;
}
.light-mode .bg5 {
  background: #d3dae5;
}
.light-mode .bg6 {
  background: #ebedf0;
}
.light-mode .eabb-tabs li.current {
  background: #ffffff;
  color: #222;
}

/* 12.10.2020 Yeni timeline tasarımı - SON */