/*
	Developer: Ali BATURAY.
	Site: www.alibaturay.com
	E-mail:contact@alibaturay.com
	Location:Turkey,Antalya
*/
.block {
  display: block;
}
.iblock {
  display: inline-block;
}
.inline {
  display: inline;
}
.none {
  display: none;
}
.fleft {
  float: left;
}
.fright {
  float: right;
}
.rel {
  position: relative;
}
.abs {
  position: absolute;
}
.tcenter {
  text-align: center !important;
}
.tleft {
  text-align: left !important;
}
.tright {
  text-align: right !important;
}
.w100 {
  width: 100%;
}
a {
  text-decoration: none !important;
}
.w-light {
  font-weight: 300 !important;
}
.w-bold {
  font-weight: bold !important;
}
.w-normal {
  font-weight: normal !important;
}
.w-semi,
.w-medium {
  font-weight: 500 !important;
}
input[type=text],
input[type=password],
textarea {
  -webkit-appearance: none;
}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
  outline: none;
}
input {
  -webkit-appearance: none;
}
p {
  margin: 0;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
form {
  margin: 0;
}
.t-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block;
}
.pointer {
  cursor: pointer;
}
.p-l-5 {
  padding-left: 5px;
}
.p-r-5 {
  padding-right: 5px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
img {
  max-width: 100%;
}
.topbar .profile-pic {
  width: 30px;
  heighT: 30px;
  object-fit: cover;
}
.topbar ul.dropdown-user li .dw-user-box {
  white-space: nowrap;
}
.topbar ul.dropdown-user li .dw-user-box .u-text {
  width: 150px;
}
.topbar ul.dropdown-user li .dw-user-box .text-muted {
  display: block;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.topbar ul.dropdown-user li .dw-user-box .u-img img {
  heighT: 80px;
  object-fit: cover;
}
.scroll-sidebar,
.topbar .top-navbar {
  max-width: 100%;
  min-height: auto;
  padding: 0 15px;
}
.topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
  line-height: normal;
}
.topbar .top-navbar .navbar-nav > .nav-item > .nav-link .notify {
  top: -15px;
}
.topbar .top-navbar .navbar-header {
  line-height: 46px !important;
}
.container-fluid {
  max-width: 100%;
}
.sidebar-nav {
  height: 59px;
}
.sidebar-nav > ul > li > a {
  line-height: 31px;
}
.sidebar-nav ul {
  font-size: 0;
}
.sidebar-nav ul li a {
  color: #455a64;
  white-space: normal;
  border-radius: 4px;
  font-size: 13px;
  font-weight: bold !important;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.sidebar-nav ul li:hover > a {
  background: #fc4b6c;
  color: #fff !important;
}
.sidebar-nav ul li:hover > a i {
  color: #fff !important;
}
.sidebar-nav ul li:hover > ul {
  display: -ms-flexbox;
  display: flex;
}
.sidebar-nav ul.collapse {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.sidebar-nav ul.collapse li {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  width: auto;
}
.sidebar-nav ul.collapse li a {
  padding: 5px 10px;
  height: 100%;
  vertical-align: middle;
}
.sidebar-nav #sidebarnav li.three-column > ul li {
  -ms-flex: 0 0 33.33%;
  flex: 0 0 33.33%;
  max-width: 33.33%;
  width: auto;
}
.sidebar-nav #sidebarnav li.two-column > ul {
  width: 600px;
}
.sidebar-nav #sidebarnav li.two-column > ul li {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.sidebar-nav #sidebarnav > li:hover > ul,
.sidebar-nav #sidebarnav > li:hover > ul.collapse {
  max-height: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
a {
  cursor: pointer;
}
#menu .scroll-sidebar {
  position: relative;
  padding-right: 80px;
}
#menu .scroll-sidebar > a {
  position: absolute;
  right: 20px;
  top: 50%;
  font-size: 26px;
  color: #455a64;
  line-height: 40px;
  width: 40px;
  display: block;
  text-align: center !important;
  margin-top: -20px;
  border-radius: 4px;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
#menu .scroll-sidebar > a:hover {
  background: #fc4b6c;
  color: #fff !important;
}
.mm-wrapper_opening #app {
  overflow: hidden;
}
.scroll {
  overflow: auto;
}
#my-menu .mm-listitem:after {
  left: 0;
}
#my-menu .mm-searchfield__input {
  padding: 7px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#my-menu > .mm-panels > #mm-0 > .mm-listview a i {
  width: 27px;
  color: #99abb4;
  font-size: 21px;
  display: inline-block;
  vertical-align: middle;
}
#my-menu > .mm-panels > #mm-0 > .mm-listview:after {
  left: 0;
}
#header {
  position: fixed !important;
  width: 100%;
  top: 0;
}
.form-material .form-control {
  background-size: 0 2px, 100% 0px;
}
.page-wrapper {
  padding-top: 0;
}
.alert {
  padding: 7px 20px;
}
.el-element-overlay > div {
  padding-bottom: 30px;
}
.el-element-overlay > div > div {
  height: 100%;
  margin: 0;
}
.el-element-overlay > div > div img {
  object-fit: contain;
}
.load.area {
  position: relative;
  height: 200px;
}
.load.area .circular {
  position: absolute !important;
}
#pdf > div {
  -webkit-print-color-adjust: exact;
  margin: 0 auto;
  width: 21cm;
  min-height: 296mm;
  max-width: 100%;
}
#pdf > div > div {
  height: 100%;
  page-break-after: always;
  min-height: 296mm;
}
#pdf > div > div .header {
  padding: 10px;
  text-align: center !important;
}
#pdf > div > div > h1 {
  text-align: center !important;
  text-align: center;
  font-size: 24px;
  padding: 0 10px;
  font-weight: bold !important;
}
#pdf > div > div > img {
  width: 100%;
}
#pdf > div > div .content {
  padding: 20px 20px 106px 20px;
}
#pdf > div > div .content table {
  width: 100%;
}
#pdf > div > div .content table thead tr th {
  color: #fff;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #1e88e5;
  width: 50%;
  text-align: center !important;
  font-weight: 600;
}
#pdf > div > div .content table tbody tr td {
  padding: 5px 15px;
  font-size: 12px;
  font-weight: 500;
}
#pdf > div > div .content table tbody tr td b {
  display: block;
  text-align: right !important;
  font-weight: 600;
}
#pdf > div > div .content table tbody tr td b.tleft {
  text-align: left !important;
}
#pdf > div > div .content table tbody tr td.dot {
  widtH: 1px;
  font-weight: 600;
  padding: 0;
}
#pdf > div > div .content table tbody tr td:first-child {
  border-left: 1px solid #ddd;
}
#pdf > div > div .content table tbody tr td:last-child {
  border-right: 1px solid #ddd;
}
#pdf > div > div .content table tbody tr.sum {
  background: #c3e6cb !important;
}
#pdf > div > div .content table tbody tr.sumAll {
  color: #fff;
  background: #ffb22b !important;
}
#pdf > div > div .content table tbody tr.sumAll td {
  font-size: 14px !important;
}
#pdf > div > div .content table tbody tr:nth-child(odd) {
  background: #f9f9f9;
}
#pdf > div > div .content table tbody tr:last-child td {
  border-bottom: 1px solid #ddd;
}
#pdf > div #footerContent {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center !important;
  padding: 10px;
  border-top: 1px solid #dee2e6 !important;
}
#pdf > div #footerContent h5 {
  font-weight: 600;
}
#pdf > div #footerContent p {
  font-weight: 400;
  padding-top: 5px;
  font-size: 14px;
  color: #99abb4;
}
#pdf {
  position: relative;
  padding: 0;
  margin-left: 0;
  width: 21cm;
  background: #fff;
  max-width: 100%;
}
#pdf iframe {
  position: fixed;
  z-index: 51;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
#pdf > .load {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
  background: #fff;
}
@page {
  margin: 0;
}
@media print {
  padding: 0;
  margin: 0;
  body {
    margin-left: 0 !important;
    padding: 0 !important;
  }
}
.nav-tabs {
  white-space: nowrap;
  font-size: 0;
  display: block;
}
.nav-tabs li {
  display: inline-block;
  font-size: 16px;
}
.btn .circular {
  opacity: 0;
  height: 100%;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.btn span {
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.btn.load {
  position: relative;
}
.btn.load span {
  opacity: 0;
}
.btn.load .circular {
  opacity: 1;
}
.btn-icon {
  position: relative;
  padding-left: 45px;
}
.btn-icon .btn-label {
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  bottom: 0;
}
.btn-icon .btn-label i {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center !important;
  line-height: 0;
}
.btn-icon.btn-sm {
  padding-left: 35px;
}
.btn-icon.btn-sm .btn-label {
  width: 28px;
}
.btn-icon-right {
  position: relative;
  padding-right: 45px;
}
.btn-icon-right .btn-label {
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  bottom: 0;
}
.btn-icon-right .btn-label i {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center !important;
  line-height: 0;
}
.btn-icon-right.btn-sm {
  padding-right: 35px;
}
.btn-icon-right.btn-sm .btn-label {
  width: 28px;
}
.accordion ul li > div:first-child {
  position: relative;
  cursor: pointer;
  background: #eee !important;
  padding: 10px 50px 10px 10px;
}
.accordion ul li > div:first-child span {
  position: absolute;
  left: 8px;
  top: 50%;
  line-height: 22px;
  width: 24px;
  margin-top: -12px;
  background: #fff;
  text-align: center !important;
  border: 1px solid #dee2e6 !important;
  font-size: 14px;
  color: #009efb;
}
.accordion ul li > div:first-child span:before {
  opacity: 0;
}
.accordion ul li > div:first-child span.active:before {
  opacity: 1;
}
.accordion ul li > div:first-child i {
  position: absolute;
  right: 0;
  top: 50%;
  line-height: 0;
  text-align: center !important;
  width: 40px;
  color: rgba(50, 50, 50, 0.5);
}
.myHead {
  position: relative;
  width: 100%;
}
.myHead .border-top {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
}
.myHead .cart-title {
  padding: 0 5px;
  position: relative;
  z-index: 2;
}
.myHead .cart-title span {
  background: #fff;
  padding: 0 10px;
  color: #d21a3c;
}
.login-register {
  height: 100vh;
  overflow: auto;
}
.floating-labels .form-control {
  color: #495057;
  border: 1px solid #d9d9d9;
  padding: 5px 15px;
  height: auto;
  line-height: 28px;
  min-height: 40px;
}
.floating-labels .form-control:focus {
  border: 1px solid #d9d9d9;
  border-bottom: 0;
}
.floating-labels .form-control:focus + label {
  top: 0;
  font-size: 12px;
  color: #263238;
}
.floating-labels .form-control[disabled] + label {
  background: none;
}
.floating-labels .form-control[disabled] + label:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  right: 0;
  height: 50%;
  background: #f0f2f4;
  z-index: -1;
}
.floating-labels .form-group-check label {
  top: 0;
  left: 0;
  transform: unset;
}
.floating-labels .form-group .circular {
  max-height: 80%;
  display: none;
}
.floating-labels .form-group.load .circular,
.floating-labels .form-group .load .circular {
  display: block;
}
.floating-labels .form-group.sm .form-control {
  line-height: 20px;
  font-size: 14px;
  padding: 4px 15px;
  min-height: 30px;
}
.floating-labels .form-group.sm .form-control:focus + label {
  top: 0;
}
.floating-labels .form-group.sm select.form-control {
  padding: 3px 15px;
}
.floating-labels .form-group.sm label {
  top: 15px;
}
.floating-labels .form-group > strong {
  position: absolute;
  right: 0;
  top: 20px;
  line-height: 0;
  color: #99abb4;
}
.floating-labels .myCheckBox label {
  top: 0;
  left: 0;
  position: unset;
  transform: translate(0);
}
.floating-labels .myCheckBox input[type=checkbox] + label {
  padding-left: 23px;
}
.floating-labels .searchListBox input {
  height: 30px;
  font-size: 13px;
  border-bottom: 0;
}
.floating-labels .searchListBox label {
  top: 0 !important;
  font-size: 12px !important;
  color: #263238 !important;
}
.floating-labels .searchListBox select {
  height: 176px;
  overflow: auto;
}
.floating-labels .bar:after,
.floating-labels .bar:before {
  bottom: 0;
}
.floating-labels label {
  top: 20px;
  left: 5px;
  padding: 0 10px;
  margin: 0;
  background: #fff;
  transform: translateY(-50%);
}
.floating-labels .has-error .form-control {
  border-color: #fc4b6c;
}
.floating-labels .has-error .form-control-feedback {
  color: #fc4b6c;
}
.floating-labels .focused label {
  top: 0 !important;
}
.myTabs {
  display: table;
  border: none;
}
.myTabs > li {
  display: table-cell;
  white-space: nowrap;
}
.searchText {
  -ms-flex: 0 0 350px;
  flex: 0 0 350px;
  max-width: 100%;
}
.nowrap {
  white-space: nowrap;
}
.modal {
  overflow: auto;
  display: block;
  visibility: hidden;
  z-index: -1;
}
.modal .modal-content {
  top: -17px;
  opacity: 0;
  visibility: hidden;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.modal.show {
  visibility: visible;
  display: block;
  z-index: 1051;
}
.modal.show .modal-content {
  top: 0;
  opacity: 1;
  visibility: visible;
}
.modal > .modal-dialog {
  z-index: 2;
}
.modal .modal-title {
  text-transform: uppercase;
}
.modal .modal-body .load:not(.btn) {
  padding: 30px;
  position: relative;
  text-align: center !important;
}
.modal .modal-body .load:not(.btn) svg {
  position: relative;
}
.modal .modal-body .form-group.load {
  padding: 0;
}
.modal .modal-body .form-group.load svg {
  position: absolute;
}
.modal .multiSelectList {
  padding: 0 !important;
}
.modal > .overlay {
  position: fixed;
  left: 0;
  top: 0;
  righT: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}
#userAuthorizedParts {
  padding: 15px;
  height: auto;
}
#userAuthorizedParts .card-title {
  padding: 0 10px;
}
#userAuthorizedParts.show {
  transform: scale(1);
}
#userAuthorizedPartsContent > form {
  font-size: 0;
}
#userAuthorizedPartsContent > form > div {
  display: inline-block;
  width: 25%;
  padding: 10px;
  vertical-align: top;
}
#userAuthorizedPartsContent > form > div label {
  top: 0 !important;
  font-size: 12px !important;
  color: #263238 !important;
}
#userAuthorizedPartsContent > form > div .circular {
  display: block;
}
#userAuthorizedPartsContent > form > div input {
  height: 30px;
  font-size: 13px;
  border-bottom: 0;
}
#userAuthorizedPartsContent > form > div select {
  overflow: auto;
  height: 176px;
}
#userAuthorizedPartsContent > form > div select[multiple] {
  height: 200px;
}
#userAuthorizedPartsContent button {
  margin: 10px;
}
.sidebar-nav #sidebarnav li > ul:before {
  position: absolute;
  content: "" !important;
  left: 15px;
  top: 15px;
  right: 15px;
  border-top: 1px solid #d7dfe3;
}
.sidebar-nav #sidebarnav li > ul:after {
  position: absolute;
  content: "" !important;
  left: 15px;
  top: 15px;
  bottom: 15px;
  border-left: 1px solid #d7dfe3;
}
.sidebar-nav #sidebarnav li > ul li {
  border-right: 1px solid #d7dfe3;
  border-bottom: 1px solid #d7dfe3;
}
.sidebar-nav #sidebarnav li > ul li a {
  border-radius: 0;
}
.sidebar-nav #sidebarnav li > ul li a.active {
  color: green;
}
.sidebar-nav #sidebarnav li > ul li a.process {
  color: orange;
}
.pointer {
  cursor: pointer;
}
.dropdown-toggle:focus + div {
  display: block;
}
.plate {
  display: block;
  width: 105px;
  border: 1px solid #008fff;
  border-radius: 2px;
  line-height: 23px;
  font-size: 12px;
  font-weight: 700 !important;
  color: #363636;
  text-align: center;
  position: relative;
  padding-left: 24px;
  background: #fff;
}
.plate span {
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  background: #008fff;
  color: #fff;
}
.mySwitchs {
  heighT: 20px;
}
.mySwitchs label {
  background: #818181;
  border-radius: 15px;
  position: relative;
  height: 20px;
  width: 70px;
  margin: 0;
  top: 0;
  left: 0;
  transform: unset;
}
.mySwitchs label:before {
  position: absolute;
  content: "";
  left: 3px;
  top: 3px !important;
  border: none !important;
  width: 14px;
  heighT: 14px;
  background: #fff;
  border-radius: 100%;
  margin: 0;
  z-index: 3;
}
.mySwitchs label span {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 20px;
  color: #fff;
  font-weight: 600;
  font-size: 12px;
  padding: 0 10px;
  text-align: right !important;
  width: 100%;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.mySwitchs label span:last-child {
  text-align: left !important;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  opacity: 0;
}
.mySwitchs input {
  display: none;
}
.mySwitchs input:checked + label {
  background: #8BC34A;
}
.mySwitchs input:checked + label:before {
  left: 50px;
  transform: unset;
  top: 3px !important;
  border: none !important;
  height: 14px !important;
  width: 14px;
  margin: 0;
}
.mySwitchs input:checked + label span {
  opacity: 0;
}
.mySwitchs input:checked + label span:last-child {
  opacity: 1;
}
.mySwitchs input[disabled] + label {
  background: #d7dcde;
}
.mySwitchsRange {
  heighT: 20px;
}
.mySwitchsRange label {
  background: #818181;
  border-radius: 15px;
  position: relative;
  height: 20px;
  width: 70px;
  margin: 0;
  top: 0;
  left: 0;
  transform: unset;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.mySwitchsRange label .button {
  position: absolute;
  content: "";
  left: 10px;
  top: 3px !important;
  border: none !important;
  width: 14px;
  heighT: 14px;
  background: #fff;
  border-radius: 100%;
  margin: 0 0 0 -7px;
  font-size: 10px;
  line-height: 14px;
  text-align: center !important;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.mySwitchsRange label .button.center {
  left: 50%;
}
.mySwitchsRange label .button.right {
  left: 60px;
}
.mySwitchsRange label.success {
  background: #26c6da;
}
.mySwitchsRange label.warning {
  background: #ffb22b;
}
.mySwitchsRange label.danger {
  background: #fc4b6c;
}
.fileInput input {
  display: none;
}
.fileInput label {
  position: relative;
  left: 0;
  top: 0;
  color: #495057;
  border: 1px solid #d9d9d9;
  padding: 5px 115px 5px 15px;
  height: auto;
  line-height: 28px;
  min-height: 40px;
  display: block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transform: translate(0);
}
.fileInput label span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  line-height: 40px;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: 1px solid #d9d9d9;
  width: 100px;
  text-align: center !important;
}
.bankCard {
  position: relative;
  background: url("/src/assets/images/currency/turkish-lira.png") no-repeat center;
  background-size: contain;
}
.bankCard > label {
  position: absolute;
  right: 10px;
  top: 10px;
  padding-left: 18px;
}
.bankCard > label:before {
  margin: 0;
  border-width: 1px;
}
.bankCard img {
  height: 60px;
  display: block;
}
.bankCard h4 {
  font-weight: 500;
  padding: 15px 0 0;
}
.bankCard p {
  font-weight: 500;
  padding-bottom: 10px;
}
.bankCard h6 {
  margin: 0;
  padding-bottom: 4px;
}
.bankCard h6 b {
  font-weight: 500;
}
.bankCard .balance {
  font-size: 15px;
  font-weight: 500;
}
.bankCard.share {
  background: rgba(139, 195, 74, 0.15);
}
.caseCard {
  position: relative;
}
.caseCard > * {
  position: relative;
  z-index: 2;
}
.caseCard h4 {
  font-weight: 500;
  padding: 0;
}
.caseCard p {
  margin-bottom: 10px;
  line-height: 20px;
  font-size: 14px;
  padding: 0;
  height: 40px;
  overflow: hidden;
}
.caseCard h6 {
  margin: 0;
}
.caseCard h6 b {
  font-weight: 500;
}
.caseCard .balance {
  font-size: 15px;
  font-weight: 500;
}
.caseCard img {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -60px 0 0 -60px;
  width: 120px;
  height: 120px;
  opacity: 0.2;
  filter: blur(3px);
  animation: caseCard 4s linear infinite;
  z-index: 1;
}
[data-tooltip] {
  position: relative;
}
[data-tooltip]:after {
  position: absolute;
  content: attr(data-tooltip);
  left: 100%;
  top: 50%;
  white-space: nowrap;
  font-style: normal;
  color: #fff;
  background: #000;
  border-radius: 3px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 500;
  transform: translateY(-50%);
  margin-left: 7px;
  font-family: "Poppins", sans-serif !important;
  display: none;
  z-index: 1;
}
[data-tooltip] > .arrow {
  position: absolute;
  right: -7px;
  top: 50%;
  content: "";
  border: 5px solid transparent;
  border-right-color: #000;
  margin-top: -5px;
  display: none;
}
[data-tooltip]:hover:after,
[data-tooltip]:hover > .arrow {
  display: block;
}
[data-tooltip][data-tooltip-pos="top"]:after {
  top: auto;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin: 0 0 7px 0;
}
[data-tooltip][data-tooltip-pos="top"] .arrow {
  border-right-color: transparent;
  border-top-color: #000;
  right: 50%;
  top: -7px;
  margin: 0 -5px 0 0;
}
.groupBox {
  padding: 20px;
  background: rgba(0, 0, 0, 0.01);
  position: relative;
}
.groupBox > label {
  position: absolute;
  top: 0;
  left: 5px;
  padding: 0 10px;
  margin: 0;
  transform: translateY(-50%);
  font-size: 12px;
  color: #263238;
  background: none;
}
.groupBox > label:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  height: 50%;
  background: #fff;
  z-index: -1;
}
.settingsButton {
  position: relative;
  padding-right: 50px;
}
.settingsButton button {
  position: absolute !important;
  right: 0;
  top: 3px;
  padding: 0;
  width: 40px;
  line-height: 32px;
}
@keyframes caseCard {
  0% {
    transform: rotateY(0deg);
  }
  25% {
    transform: rotateY(40deg);
  }
  50% {
    transform: rotateY(0deg);
  }
  75% {
    transform: rotateY(-40deg);
  }
  100% {
    transform: rotateY(0deg);
  }
}
.btn-twitter:hover {
  color: #fff;
  -webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
  box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
}
.btn-xs {
  padding: 0 10px;
  line-height: 25px;
}
.btn-xs.txt {
  font-size: 12px;
  font-weight: 500;
}
.fileUpload {
  text-align: center !important;
  font-size: 0;
}
.fileUpload label {
  position: unset;
  display: inline-block;
  transform: translate(0);
  border-radius: 100%;
  overflow: hidden;
  border: 1px solid #dee2e6 !important;
  width: 180px;
  max-width: 100%;
  height: 180px;
  cursor: pointer;
  background: #000;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.fileUpload label span {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center !important;
  font-size: 16px;
  color: #fff;
  transform: translateY(-50%);
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.fileUpload label span i {
  display: block;
  font-size: 36px;
  line-height: 36px;
}
.fileUpload label img {
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  position: absolute;
  left: 0;
  z-index: 3;
  top: 0;
  width: 100%;
  font-size: 0;
  heighT: 100%;
  object-fit: cover;
  display: block;
}
.fileUpload label:hover span {
  color: #fff;
}
.fileUpload label:hover img {
  opacity: 0.5;
}
.myTable {
  font-size: 13px;
  font-weight: 400;
}
.myTable .table-responsive {
  overflow-y: visible;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.myTable .table {
  border-collapse: unset;
  border-spacing: 0;
  background: none;
}
.myTable .table thead {
  white-space: nowrap;
}
.myTable .table .colorTable {
  background: #eee;
}
.myTable .table .colorTable > tr {
  background: #eee !important;
}
.myTable .table.table-bordered {
  border-top: 1px solid #ddd;
  padding: 0;
}
.myTable .table.table-bordered th {
  border: 1px solid;
  padding: 5px !important;
  position: relative;
}
.myTable .table.table-bordered th:before {
  right: 5px;
  position: absolute;
  top: 50%;
  line-height: 0;
  color: rgba(50, 50, 50, 0.5);
  font-family: 'Font Awesome 5 Free' !important;
  font-weight: 900;
}
.myTable .table.table-bordered th.order {
  cursor: pointer;
  padding: 5px 18px 5px 5px !important;
}
.myTable .table.table-bordered th.order:before {
  content: "\f0dc";
}
.myTable .table.table-bordered th.asc {
  cursor: pointer;
  padding-right: 30px;
}
.myTable .table.table-bordered th.asc:before {
  content: "\f0de";
}
.myTable .table.table-bordered th.desc {
  cursor: pointer;
  padding-right: 30px;
}
.myTable .table.table-bordered th.desc:before {
  content: "\f0dd";
}
.myTable .table.table-bordered th,
.myTable .table.table-bordered td {
  vertical-align: middle;
  border-right: 0;
  border-left: 0;
  border-top: 0;
  border-color: #ddd;
  padding: 2px 5px;
}
.myTable .table.table-bordered th.null,
.myTable .table.table-bordered td.null {
  padding: 30px;
  text-align: center !important;
}
.myTable .table.table-bordered th.subButton,
.myTable .table.table-bordered td.subButton {
  padding: 0;
  width: 38px;
  text-align: center !important;
  background: #26c6da;
  color: white;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 12px;
}
.myTable .table.table-bordered th.subButton.primary,
.myTable .table.table-bordered td.subButton.primary {
  background: #7460ee;
}
.myTable .table.table-bordered th:first-child,
.myTable .table.table-bordered td:first-child {
  border-left: 0;
}
.myTable .table.table-bordered tbody tr {
  background: #fff;
}
.myTable .table.table-bordered tbody tr.active,
.myTable .table.table-bordered tbody tr:hover:not(.subRow) {
  background: #fff38e;
}
.myTable .table.table-bordered tbody tr.select {
  color: #fff;
}
.myTable .table.table-bordered tbody tr.select > td {
  border-color: #e86a81 !important;
  background: #fc4b6c !important;
}
.myTable .table.table-bordered tbody tr.subRow {
  background: none;
}
.myTable .table.table-bordered tbody tr.subRow > td {
  padding: 0;
  background: rgba(0, 0, 0, 0.03);
}
.myTable .table.table-bordered tbody tr.subRow > td > div {
  border-left: 5px solid #26c6da;
}
.myTable .table.table-bordered tbody tr.subRow.primary > td > div {
  border-left-color: #7460ee;
}
.myTable .table.table-bordered tbody tr:nth-child(even) {
  background: #f9f9f9;
}
.myTable .table.table-bordered tbody tr.search td {
  position: relative;
  height: 25px;
}
.myTable .table.table-bordered tbody tr.search td input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  line-height: 24px;
  border: none;
}
.myTable .table.table-bordered .load td {
  text-align: center !important;
  padding: 30px !important;
}
.myTable .table .process {
  font-size: 0;
  white-space: nowrap;
}
.myTable .table .process > * {
  margin-left: 3px;
}
.myTable .table .process > *:first-child {
  margin: 0;
}
.myTable .table .btn-xs {
  padding: 0 10px;
  line-height: 25px;
}
.myTable .table .btn-xs.txt {
  font-size: 12px;
  font-weight: 500;
}
.myTable .table .dropdown-menu {
  left: auto;
  right: 0;
}
.myTable .foot p {
  padding: 6px 0;
}
.myTable .foot .btn-group button:first-child,
.myTable .foot .btn-group button:last-child {
  display: inline-flex !important;
}
.myTable.table-sm > .table.table-bordered th,
.myTable.table-sm > .table.table-bordered td {
  padding: 3px 5px;
  font-size: 14px;
}
.myTable.table-sm > .table.table-bordered th.order,
.myTable.table-sm > .table.table-bordered td.order {
  padding-right: 30px;
}
.myTable.table-sm > .table.table-bordered td {
  font-size: 13px;
}
.myTable2 .table-responsive {
  overflow-y: visible;
  border-right: 1px solid #c7c7c7;
  border-left: 1px solid #c7c7c7;
}
.myTable2 .table {
  border-collapse: unset;
  border-spacing: 0;
  background: none;
}
.myTable2 .table thead {
  white-space: nowrap;
}
.myTable2 .table .colorTable {
  background: #eee;
}
.myTable2 .table .colorTable > tr {
  background: #eee !important;
}
.myTable2 .table.table-bordered {
  border-top: 1px solid #c7c7c7;
  padding: 0;
}
.myTable2 .table.table-bordered th {
  border: 1px solid;
  position: relative;
}
.myTable2 .table.table-bordered th:before {
  right: 10px;
  position: absolute;
  top: 50%;
  line-height: 0;
  color: rgba(50, 50, 50, 0.5);
  font-family: 'Font Awesome 5 Free' !important;
  font-weight: 900;
}
.myTable2 .table.table-bordered th.order {
  cursor: pointer;
  padding-right: 30px;
}
.myTable2 .table.table-bordered th.order:before {
  content: "\f0dc";
}
.myTable2 .table.table-bordered th.asc {
  cursor: pointer;
  padding-right: 30px;
}
.myTable2 .table.table-bordered th.asc:before {
  content: "\f0de";
}
.myTable2 .table.table-bordered th.desc {
  cursor: pointer;
  padding-right: 30px;
}
.myTable2 .table.table-bordered th.desc:before {
  content: "\f0dd";
}
.myTable2 .table.table-bordered th,
.myTable2 .table.table-bordered td {
  vertical-align: middle;
  border-right: 0;
  border-top: 0;
  border-color: #c7c7c7;
  padding: 5px 10px;
}
.myTable2 .table.table-bordered th.null,
.myTable2 .table.table-bordered td.null {
  padding: 30px;
  text-align: center !important;
}
.myTable2 .table.table-bordered th.subButton,
.myTable2 .table.table-bordered td.subButton {
  padding: 0;
  width: 38px;
  text-align: center !important;
  background: #26c6da;
  color: white;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 12px;
}
.myTable2 .table.table-bordered th.subButton.primary,
.myTable2 .table.table-bordered td.subButton.primary {
  background: #7460ee;
}
.myTable2 .table.table-bordered th:first-child,
.myTable2 .table.table-bordered td:first-child {
  border-left: 0;
}
.myTable2 .table.table-bordered tbody tr {
  background: #fff;
}
.myTable2 .table.table-bordered tbody tr.active,
.myTable2 .table.table-bordered tbody tr:hover:not(.subRow) {
  background: #fff38e;
}
.myTable2 .table.table-bordered tbody tr.select {
  color: #fff;
}
.myTable2 .table.table-bordered tbody tr.select > td {
  border-color: #e86a81 !important;
  background: #fc4b6c !important;
}
.myTable2 .table.table-bordered tbody tr.subRow {
  background: none;
}
.myTable2 .table.table-bordered tbody tr.subRow > td {
  padding: 0;
  background: rgba(0, 0, 0, 0.03);
}
.myTable2 .table.table-bordered tbody tr.subRow > td > div {
  border-left: 5px solid #26c6da;
}
.myTable2 .table.table-bordered tbody tr.subRow.primary > td > div {
  border-left-color: #7460ee;
}
.myTable2 .table.table-bordered .load td {
  text-align: center !important;
  padding: 30px !important;
}
.myTable2 .table .process {
  font-size: 0;
  white-space: nowrap;
}
.myTable2 .table .process > * {
  margin-left: 3px;
}
.myTable2 .table .process > *:first-child {
  margin: 0;
}
.myTable2 .table .btn-xs {
  padding: 0 10px;
  line-height: 25px;
}
.myTable2 .table .btn-xs.txt {
  font-size: 12px;
  font-weight: 500;
}
.myTable2 .table .dropdown-menu {
  left: auto;
  right: 0;
}
.myTable2 .foot p {
  padding: 6px 0;
}
.myTable2 .foot .btn-group button:first-child,
.myTable2 .foot .btn-group button:last-child {
  display: inline-flex !important;
}
.myTable2.table-sm > .table.table-bordered th,
.myTable2.table-sm > .table.table-bordered td {
  padding: 3px 5px;
  font-size: 14px;
}
.myTable2.table-sm > .table.table-bordered th.order,
.myTable2.table-sm > .table.table-bordered td.order {
  padding-right: 30px;
}
.myTable2.table-sm > .table.table-bordered td {
  font-size: 13px;
}
.myForm {
  font-size: 14px;
}
.myForm > table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.myForm > table tr {
  border-bottom: 1px solid #ddd;
}
.myForm > table tr:last-child {
  border: none;
}
.myForm > table td {
  padding: 7px 10px;
}
.myForm > table td:first-child {
  white-space: nowrap;
}
.myForm > table td.l {
  font-weight: 400;
}
.myForm > table td.l:after {
  content: " :";
}
.myForm > table input[type=text],
.myForm > table select {
  border-radius: 0;
  font-size: 14px;
  min-height: auto;
  height: auto;
  padding: 3px 10px;
}
.myForm > table input[type=text]:focus,
.myForm > table select:focus {
  box-shadow: none;
}
.myTreeView ul {
  position: relative;
}
.myTreeView ul li {
  position: relative;
  padding-left: 20px;
  min-height: 24px;
}
.myTreeView ul li > i {
  position: absolute;
  left: 0;
  top: 4px;
  line-height: 12px;
  width: 14px;
  text-align: center !important;
  font-size: 10px;
  border: 1px solid #455a64;
  background: #fff;
  z-index: 2;
}
.myTreeView ul li > span {
  color: #455a64;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  cursor: pointer;
}
.myTreeView ul li:before {
  position: absolute;
  content: "";
  lefT: 7px;
  top: 0;
  widtH: 10px;
  height: 100%;
  border-left: 1px dotted #455a64;
}
.myTreeView ul li:after {
  position: absolute;
  content: "";
  left: 7px;
  top: 0;
  widtH: 10px;
  height: 12px;
  border-left: 1px dotted #455a64;
  border-bottom: 1px dotted #455a64;
}
.myTreeView ul li.select {
  padding-left: 45px;
}
.myTreeView ul li.select > div {
  position: absolute;
  left: 20px;
  top: 3px;
}
.myTreeView ul li.select > div label {
  padding: 9px;
  height: 18px;
  margin: 0;
}
.myTreeView ul li.select > div label:before {
  margin: 0;
}
.myTreeView ul li.select > div label span {
  position: absolute;
  display: block;
  background: #5a5a5a;
  width: 10px;
  height: 10px;
  top: 4px;
  left: 4px;
  opacity: 0;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.myTreeView ul li.select > div label.active span {
  opacity: 1;
}
.myTreeView ul li:last-child:before {
  display: none;
}
.myTreeView ul ul {
  display: none;
}
.myTreeView ul ul.active {
  display: block;
}
.myTreeView > ul > li:before {
  top: 11px;
}
.myTreeView > ul > li:after {
  border-left: none;
}
.multiSelectInput {
  position: relative;
}
.multiSelectInput .form-group {
  position: unset;
}
.multiSelectInput .input .focused label {
  top: -1px !important;
  font-size: 12px !important;
}
.multiSelectInput .input {
  border: 1px solid #d9d9d9;
  padding: 0;
  padding: 5px 13px;
  font-size: 0;
  background: #fff;
}
.multiSelectInput .input.load,
.multiSelectInput .input.disabled {
  background: #e9ecef;
}
.multiSelectInput .input.load label,
.multiSelectInput .input.disabled label {
  background: none;
}
.multiSelectInput .input.load .form-group div,
.multiSelectInput .input.disabled .form-group div {
  display: block;
}
.multiSelectInput .input input {
  border: none !important;
  display: inline-block;
  width: auto;
  padding: 0 6px;
  line-height: 28px;
  heighT: 28px;
  min-height: 24px;
  width: 40px;
  font-size: 16px;
  vertical-align: middle;
  background: none;
}
.multiSelectInput .input input.visible {
  opacity: 0;
}
.multiSelectInput .input span {
  display: inline-block;
  font-size: 13px;
  background: #26c6da;
  color: #fff;
  margin: 2px;
  padding: 3px 30px 3px 6px;
  border-radius: 4px;
  line-height: 18px;
  position: relative;
  z-index: 2;
  vertical-align: middle;
}
.multiSelectInput .input span i {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  font-size: 12px;
  width: 26px;
  text-align: center !important;
  background: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.multiSelectInput .input span i:before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  line-height: 0;
}
.multiSelectInput .input .form-group label {
  font-size: 16px;
}
.multiSelectInput .input .form-group label:last-child {
  top: 0;
  bottom: 0;
  transform: translateY(0);
  left: 0;
  width: 100%;
  background: none;
}
.multiSelectInput .input .form-group div {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  display: none;
}
.multiSelectInput .modal-content {
  position: relative;
}
.multiSelectInput .modal-content > strong {
  display: block;
  background: #26c6da;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  text-align: center !important;
  padding: 5px;
}
.multiSelectInput .modal-content label {
  background: none !important;
  top: 0 !important;
  left: 0 !important;
  transform: translateY(0) !important;
}
.multiSelectInput .modal-content > p {
  display: block;
  background: #1f99a9;
  text-align: center !important;
  padding: 3px;
  margin: 0;
}
.multiSelectInput .modal-content > p a {
  color: #fff;
  font-size: 13px;
  margin: 0 10px;
}
.multiSelectInput .modal-content > div {
  padding: 10px;
  text-align: right !important;
}
.multiSelectInput .modal-content ul {
  padding: 10px;
}
.multiSelectInput .modal-content ul li {
  cursor: pointer;
}
.multiSelectInput .modal-content ul li label {
  margin: 0;
  padding-left: 26px !important;
}
.selectInputPop .modal-content {
  position: relative;
}
.selectInputPop .modal-content > strong {
  display: block;
  background: #1e88e5;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  text-align: center !important;
  padding: 10px 5px;
}
.selectInputPop .modal-content > input {
  border-radius: 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
.selectInputPop .modal-content > input:focus {
  box-shadow: none;
}
.selectInputPop .modal-content label {
  background: none !important;
  top: 0 !important;
  left: 0 !important;
  transform: translateY(0) !important;
}
.selectInputPop .modal-content > div {
  padding: 10px;
  text-align: right !important;
}
.selectInputPop .modal-content ul {
  padding: 10px;
}
.selectInputPop .modal-content ul li {
  cursor: pointer;
}
.selectInputPop .modal-content ul li label {
  margin: 0;
  padding-left: 26px !important;
}
.multiSelectList {
  background: transparent url(/dist/switch.png) no-repeat 50% 50%;
}
.multiSelectList ul {
  height: 200px;
  overflow: auto;
  border-radius: 3px 3px 0 0;
  border: 1px solid #ccc;
}
.multiSelectList ul li {
  border-bottom: 1px #eee solid;
  padding: 2px 10px;
  color: #555;
  font-size: 14px;
  cursor: pointer;
}
.multiSelectList ul li:hover {
  color: #fff;
  text-decoration: none;
  background-color: #08c;
}
.multiSelectList ul li.lock {
  color: #555;
  background: #fcfcfc;
}
.multiSelectList ul.disabled {
  background: #e9ecef;
}
.multiSelectList button {
  width: 100%;
  border-radius: 0 0 3px 3px;
}
.multiSelectList h6 {
  text-align: left !important;
}
.multiSelectList > .row {
  position: relative;
}
.multiSelectList > .row > div {
  position: relative;
}
.multiSelectList > .row > div > div {
  position: absolute;
  left: 15px;
  top: 0;
  right: 15px;
  bottom: 0;
  z-index: 2;
  display: none;
}
.multiSelectList > .row > div > div.active {
  display: block;
}
.multiSelectList.has-error ul {
  border-color: #fc4b6c;
}
.multiSelectList.has-error h6 {
  color: #fc4b6c;
}
.multiSelectList svg {
  position: absolute !important;
  left: 50%;
  top: 50%;
  margin: -25px 0 0 -25px;
  display: none;
}
.multiSelectList.load > .row > div > div {
  display: block;
}
.multiSelectList.load svg {
  display: block;
}
.multiSelectGroupInput {
  position: relative;
}
.multiSelectGroupInput .form-group {
  position: unset;
}
.multiSelectGroupInput .input .focused label {
  top: -1px !important;
  font-size: 12px !important;
}
.multiSelectGroupInput .input {
  border: 1px solid #d9d9d9;
  padding: 0;
  padding: 5px 13px;
  font-size: 0;
  background: #fff;
}
.multiSelectGroupInput .input.load {
  background: #e9ecef;
}
.multiSelectGroupInput .input.load label {
  background: none;
}
.multiSelectGroupInput .input.load .form-group div {
  display: block;
}
.multiSelectGroupInput .input input {
  border: none !important;
  display: inline-block;
  width: auto;
  padding: 0 6px;
  line-height: 28px;
  heighT: 28px;
  min-height: 24px;
  width: 40px;
  font-size: 16px;
  vertical-align: middle;
  background: none;
}
.multiSelectGroupInput .input input.visible {
  opacity: 0;
}
.multiSelectGroupInput .input span {
  display: inline-block;
  font-size: 13px;
  background: #26c6da;
  color: #fff;
  margin: 2px;
  padding: 3px 30px 3px 6px;
  border-radius: 4px;
  line-height: 18px;
  position: relative;
  z-index: 2;
  vertical-align: middle;
}
.multiSelectGroupInput .input span i {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  font-size: 12px;
  width: 26px;
  text-align: center !important;
  background: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.multiSelectGroupInput .input span i:before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  line-height: 0;
}
.multiSelectGroupInput .input .form-group label {
  font-size: 16px;
}
.multiSelectGroupInput .input .form-group label:last-child {
  top: 0;
  bottom: 0;
  transform: translateY(0);
  left: 0;
  width: 100%;
  background: none;
}
.multiSelectGroupInput .input .form-group div {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  display: none;
}
.multiSelectGroupInput .modal-content {
  position: relative;
}
.multiSelectGroupInput .modal-content > strong {
  display: block;
  background: #26c6da;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  text-align: center !important;
  padding: 5px;
}
.multiSelectGroupInput .modal-content label {
  background: none !important;
  top: 0 !important;
  left: 0 !important;
  transform: translateY(0) !important;
}
.multiSelectGroupInput .modal-content > p {
  display: block;
  background: #1f99a9;
  text-align: center !important;
  padding: 3px;
  margin: 0;
}
.multiSelectGroupInput .modal-content > p a {
  color: #fff;
  font-size: 13px;
  margin: 0 10px;
}
.multiSelectGroupInput .modal-content > div {
  padding: 10px;
  text-align: right !important;
}
.multiSelectGroupInput .modal-content > ul {
  font-size: 14px;
  color: #495057;
  font-weight: 400;
  overflow: auto;
}
.multiSelectGroupInput .modal-content > ul > li > div {
  padding: 5px 0;
  background: #d9d9d9;
}
.multiSelectGroupInput .modal-content > ul > li > div label {
  display: block;
  margin: 0;
  padding: 0 10px 0 36px;
}
.multiSelectGroupInput .modal-content > ul > li > div label:before {
  left: 10px;
}
.multiSelectGroupInput .modal-content > ul > li > div [type=checkbox]:checked + label:before {
  left: 8px;
}
.multiSelectGroupInput .modal-content > ul > li ul {
  padding: 10px 10px 10px 25px;
}
.multiSelectGroupInput .modal-content > ul > li ul li {
  cursor: pointer;
}
.multiSelectGroupInput .modal-content > ul > li ul li label {
  margin: 0;
  padding-left: 26px !important;
}
.stop-animate {
  animation-duration: 0s !important;
}
.soundInput {
  font-size: 0;
}
.soundInput > span {
  font-size: 16px;
  display: block;
  color: #263238;
  padding-bottom: 10px;
}
.soundInput ul {
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}
.soundInput li {
  position: relative;
  display: inline-block;
  width: 50%;
  font-size: 14px;
  border-top: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  line-height: 25px;
  padding: 3px 10px 3px 36px;
}
.soundInput li input {
  display: none;
}
.soundInput li label {
  position: absolute !important;
  top: 50%;
  left: 6px;
  padding: 12px !important;
}
.soundInput li i {
  cursor: pointer;
  font-size: 20px;
  margin-right: 5px;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.soundInput li i:hover {
  color: #26c6da;
}
html {
  background: #eef5f9;
}
body {
  background: #eef5f9;
  color: #455a64;
}
body * {
  box-sizing: border-box;
}
#app > .main-wrapper {
  padding-top: 46px;
}
@media (max-width: 1740px) {
  .sidebar-nav > ul > li:last-child {
    display: none;
  }
}
@media (max-width: 1630px) {
  .sidebar-nav > ul > li:nth-last-child(2) {
    display: none;
  }
}
@media (max-width: 1480px) {
  .sidebar-nav > ul > li:nth-last-child(3) {
    display: none;
  }
}
@media (max-width: 1340px) {
  .sidebar-nav > ul > li:nth-last-child(4) {
    display: none;
  }
  .sidebar-nav > ul > li:nth-last-child(5) > ul {
    right: 0;
  }
}
@media (max-width: 1230px) {
  .sidebar-nav > ul > li:nth-last-child(5) {
    display: none;
  }
  .sidebar-nav > ul > li:nth-last-child(6) > ul {
    right: 0;
  }
}
@media (max-width: 1060px) {
  .sidebar-nav > ul > li:nth-last-child(6) {
    display: none;
  }
  .sidebar-nav > ul > li:nth-last-child(7) > ul {
    right: 0;
  }
}
@media (max-width: 1060px) {
  .sidebar-nav > ul > li:nth-last-child(7) {
    display: none;
  }
}
@media (max-width: 992px) {
  #userAuthorizedPartsContent > form > div {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .sidebar-nav > ul {
    display: none;
  }
  .topbar .top-navbar .navbar-header {
    display: none;
  }
  #userAuthorizedPartsContent > form > div {
    width: 100%;
  }
  #userAuthorizedPartsContent > form > div input {
    display: none;
  }
  #userAuthorizedPartsContent > form > div select {
    height: auto;
  }
  .card .card-body .head {
    text-align: center !important;
  }
}
@media (max-width: 576px) {
  .xs-tcenter {
    text-align: center !important;
  }
  .searchText {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .page-titles {
    text-align: center !important;
  }
  .page-titles .breadcrumb {
    text-align: center;
    justify-content: center;
  }
  .myTable .foot {
    text-align: center !important;
  }
  .headTerm i {
    position: unset;
    transform: translateY(0%);
  }
  .headTerm span {
    display: none;
  }
}