/* Font */
html {
  font-family: "K2D",sans-serif;
}

body {
  background-color: #eee;
  color: #3C4858;
  font-weight: 400;	
  font-family: "K2D","Roboto", "Helvetica", "Arial", sans-serif;
  overflow: hidden;
  font-size: 14px !important;  
}
.tooltip {
  font-family: "K2D","Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;  
}
.tooltip-inner {
  padding: 5px 10px;
	min-width: auto;
	border-radius: 6px;
}
.popover, .tooltip-inner {
	background: #000000cc;	
	color: #fff;
}
.tooltip.bs-tooltip-left .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before {
	border-left-color: #313131;	
}
.tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before {
	border-top-color: #313131;	
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  border-bottom-color: #313131 !important;	 
}
.popover {
  font-family: "K2D","Roboto", "Helvetica", "Arial", sans-serif;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4 {
  font-family: "K2D","Roboto", "Helvetica", "Arial", sans-serif;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
  font-family: "K2D",'Courier New', Courier, monospace;
}

table.dataTable.dtr-column>tbody>tr>td.control:before,
table.dataTable.dtr-column>tbody>tr>th.control:before {
  font-family: "K2D",'Courier New', Courier, monospace;
}
@media screen and (max-width: 767px) {
  table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
  table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    font-family: "K2D",'Courier New', Courier, monospace;
  }
}
/* Font */

/* sidebar menu */
.sidebar .user a {
	font-weight: 400;
}
.sidebar[data-color="primary"] li.active>a {
  background-image: linear-gradient(220deg,#ffab6e,#cd5600);
  box-shadow: 0 4px 20px 0px rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(212 98 0 / 45%);
}
.sidebar .nav p {
	font-size: 14px;
	font-weight: 500;
}
.sidebar .nav i {
	color: #767c88;
}
.sidebar .nav li a, .sidebar .nav li .dropdown-menu a {
	border-radius: 5px;
}
.sidebar , .sidebar .nav li .dropdown-menu a:hover, .sidebar .nav li .dropdown-menu a:focus, .sidebar .nav li.active>[data-toggle="collapse"] {
	color: #ffffff;
}
.sidebar .nav li.active>[data-toggle="collapse"] i {
	color: #ffffff;	
}
.badge.badge-primary {
  background-color: #1068af;
}
.badge.badge-menu {
	position: absolute;
	right: 6px;
    margin-top: 3px;
    padding: 7px 4px;
    font-size: 14px;
    line-height: 9px;	
	border-radius: 0.50rem;		
}
.navbar.bg-primary {
  background-image: linear-gradient(46deg,#237abf,#0d65ab);
	background-color: #1068af;
	box-shadow: 0 4px 20px 0px rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(68 68 68 / 45%);
}
.navbar .navbar-brand {
	font-size: 22px;
	font-weight: 500;
}
.position-sticky {
    position: sticky!important;
}
.input-lg {
    border-radius: 5px;
    border: 1px solid #ddd;
    height: 40px;
    background: no-repeat center bottom, center calc(100% - 0px);
    background-size: 0 100%, 100% 100%;
}
.togglebutton label input[type=checkbox]:checked+.toggle {
    background-color: rgb(39 103 176 / 70%);
}
.togglebutton label input[type=checkbox]:checked+.toggle {
  background-color: #ff7f3a;
}
.togglebutton label input[type=checkbox]:checked+.toggle:after {
  border-color: #ff7c2d;
}
.togglebutton label input[type=checkbox]:checked+.toggle:active:after {
    box-shadow: 0 1px 3px 1px rgb(0 0 0 / 40%), 0 0 0 15px rgb(39 77 176 / 10%);
}
.bmd-form-group [class^='bmd-label'].bmd-label-floating, .bmd-form-group [class*=' bmd-label'].bmd-label-floating {
	padding-left: 7px;
}
.is-focused .bmd-label-floating,
.is-filled .bmd-label-floating {
  top: -1rem;
  left: 0;
  font-size: 16px;
}
.bmd-form-group .checkbox label, .bmd-form-group .radio label, .bmd-form-group label {
    font-size: 16px;
}
.form-control {
    color: #313131;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
}
.form-control:focus {
    color: #313131;
}
.form-control::-moz-placeholder {
    font-size: 18px;
}

.form-control:-ms-input-placeholder {
    font-size: 16px;
}

.form-control::-webkit-input-placeholder {
    font-size: 16px;
}
.form-control,
.is-focused .form-control {
  border-radius: 5px;
  border: 1px solid #ddd;
  background-image: linear-gradient(to top, #ff6b00 2px, rgba(156, 39, 176, 0) 2px),linear-gradient(to top, #d2d2d2 0px, rgb(255 255 255) 0px);
}

.input-group>.form-control:not(:last-child), .input-group>.custom-select:not(:last-child) {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;	
}
.btn.btn-white, .btn.btn-white:focus, .btn.btn-white:hover {
	color: #313131;		
}
.btn, .btn.btn-default {
	color: #313131;	
}
.btn.btn-primary {
	color: #fff;
	background-color: #3587c9;
    border-color: #569ed8;
    box-shadow: 0 2px 2px 0 rgb(39 138 176 / 14%), 0 3px 1px -2px rgb(39 106 176 / 20%), 0 1px 5px 0 rgb(39 125 176 / 12%);	
}
.btn.btn-primary:focus, .btn.btn-primary.focus, .btn.btn-primary:hover {
    color: #fff;
    background-color: #1068af;
    border-color: #1068af;
}
.btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:hover {
    box-shadow: 0 14px 26px -12px rgb(39 125 176 / 42%), 0 4px 23px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(39 125 176 / 20%);
}
.btn.btn-primary:active:hover, .btn.btn-primary:active:focus, .btn.btn-primary:active.focus, .btn.btn-primary.active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active.focus, .open>.btn.btn-primary.dropdown-toggle:hover, .open>.btn.btn-primary.dropdown-toggle:focus, .open>.btn.btn-primary.dropdown-toggle.focus, .show>.btn.btn-primary.dropdown-toggle:hover, .show>.btn.btn-primary.dropdown-toggle:focus, .show>.btn.btn-primary.dropdown-toggle.focus {
	color: #fff;
    background-color: #1068af;
    border-color: #103348;	
}
.btn.btn-outline-primary {
    color: #025ba0;
    background-color: transparent;
    border-color: #025ba0;
}
.btn.btn-outline-primary:focus, .btn.btn-outline-primary.focus, .btn.btn-outline-primary:hover {
    color: #025ba0;
    background-color: rgba(153, 153, 153, 0.2);
    border-color: #025ba0;
}
.btn.btn-outline-primary:active:hover, .btn.btn-outline-primary:active:focus, .btn.btn-outline-primary:active.focus, .btn.btn-outline-primary.active:hover, .btn.btn-outline-primary.active:focus, .btn.btn-outline-primary.active.focus, .open>.btn.btn-outline-primary.dropdown-toggle:hover, .open>.btn.btn-outline-primary.dropdown-toggle:focus, .open>.btn.btn-outline-primary.dropdown-toggle.focus, .show>.btn.btn-outline-primary.dropdown-toggle:hover, .show>.btn.btn-outline-primary.dropdown-toggle:focus, .show>.btn.btn-outline-primary.dropdown-toggle.focus {
    color: #025ba0;
    background-color: rgba(153, 153, 153, 0.4);
    border-color: #025ba0;
}
.bg-warning {
  background-color: #ffc107 !important;
}
.fixed-plugin {
	background: #0000007a;	
}
.card .card-header-primary .card-icon, .card .card-header-primary:not(.card-header-icon):not(.card-header-text), .card .card-header-primary .card-text {
	box-shadow: 0 4px 20px 0px rgb(0 0 0 / 0%), 0 7px 10px -5px rgb(39 144 176 / 0%);
}
.card .card-header-primary .card-icon, .card .card-header-primary .card-text, .card .card-header-primary:not(.card-header-icon):not(.card-header-text), .card.bg-primary, .card.card-rotate.bg-primary .front, .card.card-rotate.bg-primary .back {
  background: linear-gradient(25deg, #607d8b00, #607d8b00);
}
.card .card-header.card-header-icon i, .card .card-header.card-header-text i {
	font-size: 30px;
}
.text-primary {
    color: #025ba0 !important;
}
.card .card-header {
    border-bottom: 1px solid #e1e1e1;	
}
a:hover, a:focus {
    color: #89229b;
    text-decoration: none;
}
.footer ul li a:hover {
    color: #0075d2;
}
.card .card-body+.card-footer .stats, .card .card-footer .stats {
	font-size: 14px;
}
.card .card-body+.card-footer .stats .material-icons, .card .card-footer .stats .material-icons {
	font-size: 14px;
}
.card {
    font-size: 14px;
}
.card .card-title {
    margin-top: 0;
    margin-bottom: 15px;
}
.card .card-title+ .card-title-right {
    right: 15px;
    left: auto !important;	
}
a:hover, a:focus {
    color: #0075d2;
}
.description, .card-description, .footer-big p {
    color: #6f6f6f;
}
.nav-pills .nav-item .nav-link{
	color: #313131;
}
.nav-pills.nav-pills-primary .nav-item .nav-link.active, .nav-pills.nav-pills-primary .nav-item .nav-link.active:focus, .nav-pills.nav-pills-primary .nav-item .nav-link.active:hover {
    color: #fff;
	background-color: #0f67ad;
	background-image: linear-gradient(220deg,#4bafff,#0f67ad);
    box-shadow: 0 4px 20px 0px rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(0 134 212 / 45%);	
}

.nav-pills.nav-pills-white .nav-item .nav-link.active, .nav-pills.nav-pills-white .nav-item .nav-link.active:focus, .nav-pills.nav-pills-white .nav-item .nav-link.active:hover {
    color: #025ba0;
    background-color: #fff;
    box-shadow: 0 4px 20px 0px rgb(0 0 0 / 14%), 0 10px 15px -7px rgb(68 68 68 / 40%);
	border-radius: 10px;
}
.nav-pills.nav-pills-tap-white .nav-item .nav-link.active, .nav-pills.nav-pills-tap-white .nav-item .nav-link.active:focus, .nav-pills.nav-pills-tap-white .nav-item .nav-link.active:hover {
	color: #025ba0;
	font-weight: 900;
    background-color: #fff;
	box-shadow: 0 0px 10px 4px rgb(0 0 0 / 14%), 0px 7px 5px -10px rgb(68 68 68 / 30%);
    border-radius: 10px;	
}
.nav-pills .nav-item .nav-link:hover {
    color: #0076d4;
    background-color: rgba(200, 200, 200, 0.2);
}

.nav-link-hover:hover {
	border-radius: 10px !important;
}
.fixed-plugin {
	border-radius: 10px 0 0 10px;
    width: 55px;
}
.font-0 { font-size: 0px !important; }
.font-14 { font-size: 14px !important; }
.font-16 { font-size: 16px !important; }
.font-18 { font-size: 18px !important; }
.font-20 { font-size: 20px !important; }
.font-22 { font-size: 22px !important; }
.font-24 { font-size: 24px !important; }
.font-26 { font-size: 26px !important; }
.font-28 { font-size: 28px !important; }
.font-30 { font-size: 30px !important; }
.font-36 { font-size: 36px !important; }
.font-38 { font-size: 38px !important; }
.font-40 { font-size: 40px !important; }
.font-48 { font-size: 48px !important; }
.font-weight-400 { font-weight: 400 !important; }
.font-weight-500 { font-weight: 500 !important; }
.font-weight-600 { font-weight: 600 !important; }
.font-weight-700 { font-weight: 700 !important; }
.font-weight-800 { font-weight: 800 !important; }
.font-weight-900 { font-weight: 900 !important; }
.line-height-1 { line-height:1 !important;}
.line-height-2 { line-height:2 !important;}
.border-top-1 { border-top: 1px solid #eee !important; }
.border-bottom-1 { border-bottom: 1px solid #eee !important; }
.border-bottom-gradient-1 { border-bottom: 1px solid; border-image: linear-gradient( 90deg,  transparent,rgba(238,58,136,1) 11.2%, rgba(128,162,245,1) 91.1%,transparent ) 10;}
.w-5 { width: 5% !important; }
.w-10 { width: 10% !important; }
.w-15 { width: 15% !important; }
.w-20 { width: 20% !important; }
.w-25 { width: 25% !important; }
.w-30 { width: 30% !important; }
.w-35 { width: 35% !important; }
.w-40 { width: 40% !important; }
.w-45 { width: 45% !important; }
.w-50 { width: 50% !important; }
.w-55 { width: 55% !important; }
.w-60 { width: 60% !important; }
.w-65 { width: 65% !important; }
.w-70 { width: 70% !important; }
.w-75 { width: 75% !important; }
.w-80 { width: 80% !important; }
.w-85 { width: 85% !important; }
.w-90 { width: 90% !important; }
.w-95 { width: 95% !important; }
.w-96 { width: 96% !important; }
.w-100 { width: 100% !important; }
.white-space-nowrap { white-space: nowrap !important; }
.mb-d-2 { margin-bottom: -2rem !important; }
.mw-30 { max-width: 30% !important;}
.mw-40 { max-width: 40% !important;}
.mw-50 { max-width: 50% !important;}
.table thead tr th {
    font-size: 14px;
    font-weight: 900;
    color: #333a3d;
    text-align: center;
}

.filter-dropdown .dropdown .dropdown-menu {
  border-radius: 10px;
}

.filter-dropdown .dropdown .dropdown-menu li.adjustments-line {
  border-bottom: 1px solid #ddd;
}

.filter-dropdown .dropdown .dropdown-menu li {
  padding: 5px 2px !important;
}

.filter-dropdown .dropdown .dropdown-menu .adjustments-line .bootstrap-switch {
  position: absolute;
  right: 10px !important;
}

.filter-dropdown .dropdown .dropdown-menu .adjustments-line label {
  margin-bottom: .1rem !important;
}

/* .filter-dropdown .btn { */
  /* position: relative; */
  /* padding: 12px 30px; */
  /* margin: .6rem 1px; */
  /* font-size: .75rem; */
  /* border-radius: 0.2rem; */
  /* transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1); */
  /* will-change: box-shadow, transform; */
/* } */

.filter-dropdown .btn.btn-primary {
	color: #fff;
	background-color: #1068af;
    border-color: #1068af;
    box-shadow: 0 2px 2px 0 rgb(39 138 176 / 14%), 0 3px 1px -2px rgb(39 106 176 / 20%), 0 1px 5px 0 rgb(39 125 176 / 12%);
}

.filter-dropdown .btn.btn-primary:hover {
  color: #fff;
  background-color: #246ea3;
  border-color: #1c4b7e;
}

.filter-dropdown .btn.btn-primary:focus,
.filter-dropdown .btn.btn-primary.focus,
.filter-dropdown .btn.btn-primary:hover {
  color: #fff;
  background-color: #246ea3;
  border-color: #1c4b7e;
}

.filter-dropdown .btn.btn-primary:active,
.filter-dropdown .btn.btn-primary.active,
.open>.filter-dropdown .btn.btn-primary.dropdown-toggle,
.show>.filter-dropdown .btn.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #246ea3;
  border-color: #1c4b7e;
  box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12);
}

.filter-dropdown .btn.btn-primary:active:hover,
.filter-dropdown .btn.btn-primary:active:focus,
.filter-dropdown .btn.btn-primary:active.focus,
.filter-dropdown .btn.btn-primary.active:hover,
.filter-dropdown .btn.btn-primary.active:focus,
.filter-dropdown .btn.btn-primary.active.focus,
.open>.filter-dropdown .btn.btn-primary.dropdown-toggle:hover,
.open>.filter-dropdown .btn.btn-primary.dropdown-toggle:focus,
.open>.filter-dropdown .btn.btn-primary.dropdown-toggle.focus,
.show>.filter-dropdown .btn.btn-primary.dropdown-toggle:hover,
.show>.filter-dropdown .btn.btn-primary.dropdown-toggle:focus,
.show>.filter-dropdown .btn.btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #246ea3;
  border-color: #3f1048;
}

.open>.filter-dropdown .btn.btn-primary.dropdown-toggle.bmd-btn-icon {
  color: inherit;
  background-color: #1068af;
}

.open>.filter-dropdown .btn.btn-primary.dropdown-toggle.bmd-btn-icon:hover {
  background-color: #246ea3;
}

.filter-dropdown .btn.btn-primary.disabled:focus,
.filter-dropdown .btn.btn-primary.disabled.focus,
.filter-dropdown .btn.btn-primary:disabled:focus,
.filter-dropdown .btn.btn-primary:disabled.focus {
  background-color: #1068af;
  border-color: #1068af;
}

.filter-dropdown .btn.btn-primary.disabled:hover,
.filter-dropdown .btn.btn-primary:disabled:hover {
  background-color: #1068af;
  border-color: #1068af;
}

.filter-dropdown .btn.btn-primary:focus,
.filter-dropdown .btn.btn-primary:active,
.filter-dropdown .btn.btn-primary:hover {
	box-shadow: 0 14px 26px -12px rgb(39 125 176 / 42%), 0 4px 23px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(39 125 176 / 20%);
}

.filter-dropdown .btn.btn-primary.btn-link {
  background-color: transparent;
  color: #1068af;
  box-shadow: none;
}

.filter-dropdown .btn.btn-primary.btn-link:hover,
.filter-dropdown .btn.btn-primary.btn-link:focus,
.filter-dropdown .btn.btn-primary.btn-link:active {
  background-color: transparent;
  color: #1068af;
}

.filter-dropdown .btn.btn-secondary {
  color: #333333;
  background-color: #fafafa;
  border-color: #ccc;
  box-shadow: 0 2px 2px 0 rgba(250, 250, 250, 0.14), 0 3px 1px -2px rgba(250, 250, 250, 0.2), 0 1px 5px 0 rgba(250, 250, 250, 0.12);
}

.filter-dropdown .btn.btn-secondary:hover {
  color: #333333;
  background-color: #f2f2f2;
  border-color: #adadad;
}

.filter-dropdown .btn.btn-secondary:focus,
.filter-dropdown .btn.btn-secondary.focus,
.filter-dropdown .btn.btn-secondary:hover {
  color: #333333;
  background-color: #f2f2f2;
  border-color: #adadad;
}

.filter-dropdown .btn.btn-secondary:active,
.filter-dropdown .btn.btn-secondary.active,
.open>.filter-dropdown .btn.btn-secondary.dropdown-toggle,
.show>.filter-dropdown .btn.btn-secondary.dropdown-toggle {
  color: #333333;
  background-color: #f2f2f2;
  border-color: #adadad;
  box-shadow: 0 2px 2px 0 rgba(250, 250, 250, 0.14), 0 3px 1px -2px rgba(250, 250, 250, 0.2), 0 1px 5px 0 rgba(250, 250, 250, 0.12);
}

.filter-dropdown .btn.btn-secondary:active:hover,
.filter-dropdown .btn.btn-secondary:active:focus,
.filter-dropdown .btn.btn-secondary:active.focus,
.filter-dropdown .btn.btn-secondary.active:hover,
.filter-dropdown .btn.btn-secondary.active:focus,
.filter-dropdown .btn.btn-secondary.active.focus,
.open>.filter-dropdown .btn.btn-secondary.dropdown-toggle:hover,
.open>.filter-dropdown .btn.btn-secondary.dropdown-toggle:focus,
.open>.filter-dropdown .btn.btn-secondary.dropdown-toggle.focus,
.show>.filter-dropdown .btn.btn-secondary.dropdown-toggle:hover,
.show>.filter-dropdown .btn.btn-secondary.dropdown-toggle:focus,
.show>.filter-dropdown .btn.btn-secondary.dropdown-toggle.focus {
  color: #333333;
  background-color: #f2f2f2;
  border-color: #8c8c8c;
}

.open>.filter-dropdown .btn.btn-secondary.dropdown-toggle.bmd-btn-icon {
  color: inherit;
  background-color: #fafafa;
}

.open>.filter-dropdown .btn.btn-secondary.dropdown-toggle.bmd-btn-icon:hover {
  background-color: #f2f2f2;
}

.filter-dropdown .btn.btn-secondary.disabled:focus,
.filter-dropdown .btn.btn-secondary.disabled.focus,
.filter-dropdown .btn.btn-secondary:disabled:focus,
.filter-dropdown .btn.btn-secondary:disabled.focus {
  background-color: #fafafa;
  border-color: #ccc;
}

.filter-dropdown .btn.btn-secondary.disabled:hover,
.filter-dropdown .btn.btn-secondary:disabled:hover {
  background-color: #fafafa;
  border-color: #ccc;
}

.filter-dropdown .btn.btn-secondary:focus,
.filter-dropdown .btn.btn-secondary:active,
.filter-dropdown .btn.btn-secondary:hover {
  box-shadow: 0 14px 26px -12px rgba(250, 250, 250, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(250, 250, 250, 0.2);
}

.filter-dropdown .btn.btn-secondary.btn-link {
  background-color: transparent;
  color: #fafafa;
  box-shadow: none;
}

.filter-dropdown .btn.btn-secondary.btn-link:hover,
.filter-dropdown .btn.btn-secondary.btn-link:focus,
.filter-dropdown .btn.btn-secondary.btn-link:active {
  background-color: transparent;
  color: #fafafa;
}

.filter-dropdown .btn.btn-info {
  color: #fff;
  background-color: #00bcd4;
  border-color: #00bcd4;
  box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12);
}

.filter-dropdown .btn.btn-info:hover {
  color: #fff;
  background-color: #00aec5;
  border-color: #008697;
}

.filter-dropdown .btn.btn-info:focus,
.filter-dropdown .btn.btn-info.focus,
.filter-dropdown .btn.btn-info:hover {
  color: #fff;
  background-color: #00aec5;
  border-color: #008697;
}

.filter-dropdown .btn.btn-info:active,
.filter-dropdown .btn.btn-info.active,
.open>.filter-dropdown .btn.btn-info.dropdown-toggle,
.show>.filter-dropdown .btn.btn-info.dropdown-toggle {
  color: #fff;
  background-color: #00aec5;
  border-color: #008697;
  box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12);
}

.filter-dropdown .btn.btn-info:active:hover,
.filter-dropdown .btn.btn-info:active:focus,
.filter-dropdown .btn.btn-info:active.focus,
.filter-dropdown .btn.btn-info.active:hover,
.filter-dropdown .btn.btn-info.active:focus,
.filter-dropdown .btn.btn-info.active.focus,
.open>.filter-dropdown .btn.btn-info.dropdown-toggle:hover,
.open>.filter-dropdown .btn.btn-info.dropdown-toggle:focus,
.open>.filter-dropdown .btn.btn-info.dropdown-toggle.focus,
.show>.filter-dropdown .btn.btn-info.dropdown-toggle:hover,
.show>.filter-dropdown .btn.btn-info.dropdown-toggle:focus,
.show>.filter-dropdown .btn.btn-info.dropdown-toggle.focus {
  color: #fff;
  background-color: #00aec5;
  border-color: #004b55;
}

.open>.filter-dropdown .btn.btn-info.dropdown-toggle.bmd-btn-icon {
  color: inherit;
  background-color: #00bcd4;
}

.open>.filter-dropdown .btn.btn-info.dropdown-toggle.bmd-btn-icon:hover {
  background-color: #00aec5;
}

.filter-dropdown .btn.btn-info.disabled:focus,
.filter-dropdown .btn.btn-info.disabled.focus,
.filter-dropdown .btn.btn-info:disabled:focus,
.filter-dropdown .btn.btn-info:disabled.focus {
  background-color: #00bcd4;
  border-color: #00bcd4;
}

.filter-dropdown .btn.btn-info.disabled:hover,
.filter-dropdown .btn.btn-info:disabled:hover {
  background-color: #00bcd4;
  border-color: #00bcd4;
}

.filter-dropdown .btn.btn-info:focus,
.filter-dropdown .btn.btn-info:active,
.filter-dropdown .btn.btn-info:hover {
  box-shadow: 0 14px 26px -12px rgba(0, 188, 212, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2);
}

.filter-dropdown .btn.btn-info.btn-link {
  background-color: transparent;
  color: #00bcd4;
  box-shadow: none;
}

.filter-dropdown .btn.btn-info.btn-link:hover,
.filter-dropdown .btn.btn-info.btn-link:focus,
.filter-dropdown .btn.btn-info.btn-link:active {
  background-color: transparent;
  color: #00bcd4;
}

.filter-dropdown .btn.btn-success {
  color: #fff;
  background-color: #4caf50;
  border-color: #4caf50;
  box-shadow: 0 2px 2px 0 rgba(76, 175, 80, 0.14), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12);
}

.filter-dropdown .btn.btn-success:hover {
  color: #fff;
  background-color: #47a44b;
  border-color: #39843c;
}

.filter-dropdown .btn.btn-success:focus,
.filter-dropdown .btn.btn-success.focus,
.filter-dropdown .btn.btn-success:hover {
  color: #fff;
  background-color: #47a44b;
  border-color: #39843c;
}

.filter-dropdown .btn.btn-success:active,
.filter-dropdown .btn.btn-success.active,
.open>.filter-dropdown .btn.btn-success.dropdown-toggle,
.show>.filter-dropdown .btn.btn-success.dropdown-toggle {
  color: #fff;
  background-color: #47a44b;
  border-color: #39843c;
  box-shadow: 0 2px 2px 0 rgba(76, 175, 80, 0.14), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12);
}

.filter-dropdown .btn.btn-success:active:hover,
.filter-dropdown .btn.btn-success:active:focus,
.filter-dropdown .btn.btn-success:active.focus,
.filter-dropdown .btn.btn-success.active:hover,
.filter-dropdown .btn.btn-success.active:focus,
.filter-dropdown .btn.btn-success.active.focus,
.open>.filter-dropdown .btn.btn-success.dropdown-toggle:hover,
.open>.filter-dropdown .btn.btn-success.dropdown-toggle:focus,
.open>.filter-dropdown .btn.btn-success.dropdown-toggle.focus,
.show>.filter-dropdown .btn.btn-success.dropdown-toggle:hover,
.show>.filter-dropdown .btn.btn-success.dropdown-toggle:focus,
.show>.filter-dropdown .btn.btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: #47a44b;
  border-color: #255627;
}

.open>.filter-dropdown .btn.btn-success.dropdown-toggle.bmd-btn-icon {
  color: inherit;
  background-color: #4caf50;
}

.open>.filter-dropdown .btn.btn-success.dropdown-toggle.bmd-btn-icon:hover {
  background-color: #47a44b;
}

.filter-dropdown .btn.btn-success.disabled:focus,
.filter-dropdown .btn.btn-success.disabled.focus,
.filter-dropdown .btn.btn-success:disabled:focus,
.filter-dropdown .btn.btn-success:disabled.focus {
  background-color: #4caf50;
  border-color: #4caf50;
}

.filter-dropdown .btn.btn-success.disabled:hover,
.filter-dropdown .btn.btn-success:disabled:hover {
  background-color: #4caf50;
  border-color: #4caf50;
}

.filter-dropdown .btn.btn-success:focus,
.filter-dropdown .btn.btn-success:active,
.filter-dropdown .btn.btn-success:hover {
  box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2);
}

.filter-dropdown .btn.btn-success.btn-link {
  background-color: transparent;
  color: #4caf50;
  box-shadow: none;
}

.filter-dropdown .btn.btn-success.btn-link:hover,
.filter-dropdown .btn.btn-success.btn-link:focus,
.filter-dropdown .btn.btn-success.btn-link:active {
  background-color: transparent;
  color: #4caf50;
}

.filter-dropdown .btn.btn-warning {
  color: #fff;
  background-color: #ff9800;
  border-color: #ff9800;
  box-shadow: 0 2px 2px 0 rgba(255, 152, 0, 0.14), 0 3px 1px -2px rgba(255, 152, 0, 0.2), 0 1px 5px 0 rgba(255, 152, 0, 0.12);
}

.filter-dropdown .btn.btn-warning:hover {
  color: #fff;
  background-color: #f08f00;
  border-color: #c27400;
}

.filter-dropdown .btn.btn-warning:focus,
.filter-dropdown .btn.btn-warning.focus,
.filter-dropdown .btn.btn-warning:hover {
  color: #fff;
  background-color: #f08f00;
  border-color: #c27400;
}

.filter-dropdown .btn.btn-warning:active,
.filter-dropdown .btn.btn-warning.active,
.open>.filter-dropdown .btn.btn-warning.dropdown-toggle,
.show>.filter-dropdown .btn.btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #f08f00;
  border-color: #c27400;
  box-shadow: 0 2px 2px 0 rgba(255, 152, 0, 0.14), 0 3px 1px -2px rgba(255, 152, 0, 0.2), 0 1px 5px 0 rgba(255, 152, 0, 0.12);
}

.filter-dropdown .btn.btn-warning:active:hover,
.filter-dropdown .btn.btn-warning:active:focus,
.filter-dropdown .btn.btn-warning:active.focus,
.filter-dropdown .btn.btn-warning.active:hover,
.filter-dropdown .btn.btn-warning.active:focus,
.filter-dropdown .btn.btn-warning.active.focus,
.open>.filter-dropdown .btn.btn-warning.dropdown-toggle:hover,
.open>.filter-dropdown .btn.btn-warning.dropdown-toggle:focus,
.open>.filter-dropdown .btn.btn-warning.dropdown-toggle.focus,
.show>.filter-dropdown .btn.btn-warning.dropdown-toggle:hover,
.show>.filter-dropdown .btn.btn-warning.dropdown-toggle:focus,
.show>.filter-dropdown .btn.btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: #f08f00;
  border-color: #804c00;
}

.open>.filter-dropdown .btn.btn-warning.dropdown-toggle.bmd-btn-icon {
  color: inherit;
  background-color: #ff9800;
}

.open>.filter-dropdown .btn.btn-warning.dropdown-toggle.bmd-btn-icon:hover {
  background-color: #f08f00;
}

.filter-dropdown .btn.btn-warning.disabled:focus,
.filter-dropdown .btn.btn-warning.disabled.focus,
.filter-dropdown .btn.btn-warning:disabled:focus,
.filter-dropdown .btn.btn-warning:disabled.focus {
  background-color: #ff9800;
  border-color: #ff9800;
}

.filter-dropdown .btn.btn-warning.disabled:hover,
.filter-dropdown .btn.btn-warning:disabled:hover {
  background-color: #ff9800;
  border-color: #ff9800;
}

.filter-dropdown .btn.btn-warning:focus,
.filter-dropdown .btn.btn-warning:active,
.filter-dropdown .btn.btn-warning:hover {
  box-shadow: 0 14px 26px -12px rgba(255, 152, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 152, 0, 0.2);
}

.filter-dropdown .btn.btn-warning.btn-link {
  background-color: transparent;
  color: #ff9800;
  box-shadow: none;
}

.filter-dropdown .btn.btn-warning.btn-link:hover,
.filter-dropdown .btn.btn-warning.btn-link:focus,
.filter-dropdown .btn.btn-warning.btn-link:active {
  background-color: transparent;
  color: #ff9800;
}

.filter-dropdown .btn.btn-danger {
  color: #fff;
  background-color: #f44336;
  border-color: #f44336;
  box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12);
}

.filter-dropdown .btn.btn-danger:hover {
  color: #fff;
  background-color: #f33527;
  border-color: #e11b0c;
}

.filter-dropdown .btn.btn-danger:focus,
.filter-dropdown .btn.btn-danger.focus,
.filter-dropdown .btn.btn-danger:hover {
  color: #fff;
  background-color: #f33527;
  border-color: #e11b0c;
}

.filter-dropdown .btn.btn-danger:active,
.filter-dropdown .btn.btn-danger.active,
.open>.filter-dropdown .btn.btn-danger.dropdown-toggle,
.show>.filter-dropdown .btn.btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #f33527;
  border-color: #e11b0c;
  box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12);
}

.filter-dropdown .btn.btn-danger:active:hover,
.filter-dropdown .btn.btn-danger:active:focus,
.filter-dropdown .btn.btn-danger:active.focus,
.filter-dropdown .btn.btn-danger.active:hover,
.filter-dropdown .btn.btn-danger.active:focus,
.filter-dropdown .btn.btn-danger.active.focus,
.open>.filter-dropdown .btn.btn-danger.dropdown-toggle:hover,
.open>.filter-dropdown .btn.btn-danger.dropdown-toggle:focus,
.open>.filter-dropdown .btn.btn-danger.dropdown-toggle.focus,
.show>.filter-dropdown .btn.btn-danger.dropdown-toggle:hover,
.show>.filter-dropdown .btn.btn-danger.dropdown-toggle:focus,
.show>.filter-dropdown .btn.btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #f33527;
  border-color: #a21309;
}

.open>.filter-dropdown .btn.btn-danger.dropdown-toggle.bmd-btn-icon {
  color: inherit;
  background-color: #f44336;
}

.open>.filter-dropdown .btn.btn-danger.dropdown-toggle.bmd-btn-icon:hover {
  background-color: #f33527;
}

.filter-dropdown .btn.btn-danger.disabled:focus,
.filter-dropdown .btn.btn-danger.disabled.focus,
.filter-dropdown .btn.btn-danger:disabled:focus,
.filter-dropdown .btn.btn-danger:disabled.focus {
  background-color: #f44336;
  border-color: #f44336;
}

.filter-dropdown .btn.btn-danger.disabled:hover,
.filter-dropdown .btn.btn-danger:disabled:hover {
  background-color: #f44336;
  border-color: #f44336;
}

.filter-dropdown .btn.btn-danger:focus,
.filter-dropdown .btn.btn-danger:active,
.filter-dropdown .btn.btn-danger:hover {
  box-shadow: 0 14px 26px -12px rgba(244, 67, 54, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2);
}

.filter-dropdown .btn.btn-danger.btn-link {
  background-color: transparent;
  color: #f44336;
  box-shadow: none;
}

.filter-dropdown .btn.btn-danger.btn-link:hover,
.filter-dropdown .btn.btn-danger.btn-link:focus,
.filter-dropdown .btn.btn-danger.btn-link:active {
  background-color: transparent;
  color: #f44336;
}

.filter-dropdown .btn.btn-rose {
  color: #fff;
  background-color: #e91e63;
  border-color: #e91e63;
  box-shadow: 0 2px 2px 0 rgba(233, 30, 99, 0.14), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.12);
}

.filter-dropdown .btn.btn-rose:hover {
  color: #fff;
  background-color: #ea2c6d;
  border-color: #b8124a;
}

.filter-dropdown .btn.btn-rose:focus,
.filter-dropdown .btn.btn-rose.focus,
.filter-dropdown .btn.btn-rose:hover {
  color: #fff;
  background-color: #ea2c6d;
  border-color: #b8124a;
}

.filter-dropdown .btn.btn-rose:active,
.filter-dropdown .btn.btn-rose.active,
.open>.filter-dropdown .btn.btn-rose.dropdown-toggle,
.show>.filter-dropdown .btn.btn-rose.dropdown-toggle {
  color: #fff;
  background-color: #ea2c6d;
  border-color: #b8124a;
  box-shadow: 0 2px 2px 0 rgba(233, 30, 99, 0.14), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.12);
}

.filter-dropdown .btn.btn-rose:active:hover,
.filter-dropdown .btn.btn-rose:active:focus,
.filter-dropdown .btn.btn-rose:active.focus,
.filter-dropdown .btn.btn-rose.active:hover,
.filter-dropdown .btn.btn-rose.active:focus,
.filter-dropdown .btn.btn-rose.active.focus,
.open>.filter-dropdown .btn.btn-rose.dropdown-toggle:hover,
.open>.filter-dropdown .btn.btn-rose.dropdown-toggle:focus,
.open>.filter-dropdown .btn.btn-rose.dropdown-toggle.focus,
.show>.filter-dropdown .btn.btn-rose.dropdown-toggle:hover,
.show>.filter-dropdown .btn.btn-rose.dropdown-toggle:focus,
.show>.filter-dropdown .btn.btn-rose.dropdown-toggle.focus {
  color: #fff;
  background-color: #ea2c6d;
  border-color: #7b0c32;
}

.open>.filter-dropdown .btn.btn-rose.dropdown-toggle.bmd-btn-icon {
  color: inherit;
  background-color: #e91e63;
}

.open>.filter-dropdown .btn.btn-rose.dropdown-toggle.bmd-btn-icon:hover {
  background-color: #ea2c6d;
}

.filter-dropdown .btn.btn-rose.disabled:focus,
.filter-dropdown .btn.btn-rose.disabled.focus,
.filter-dropdown .btn.btn-rose:disabled:focus,
.filter-dropdown .btn.btn-rose:disabled.focus {
  background-color: #e91e63;
  border-color: #e91e63;
}

.filter-dropdown .btn.btn-rose.disabled:hover,
.filter-dropdown .btn.btn-rose:disabled:hover {
  background-color: #e91e63;
  border-color: #e91e63;
}

.filter-dropdown .btn.btn-rose:focus,
.filter-dropdown .btn.btn-rose:active,
.filter-dropdown .btn.btn-rose:hover {
  box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2);
}

.filter-dropdown .btn.btn-rose.btn-link {
  background-color: transparent;
  color: #e91e63;
  box-shadow: none;
}

.filter-dropdown .btn.btn-rose.btn-link:hover,
.filter-dropdown .btn.btn-rose.btn-link:focus,
.filter-dropdown .btn.btn-rose.btn-link:active {
  background-color: transparent;
  color: #e91e63;
}

/* .filter-dropdown .btn, */
/* .filter-dropdown .btn.btn-default { */
  /* color: #fff; */
  /* background-color: #999999; */
  /* border-color: #999999; */
  /* box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12); */
/* } */

.filter-dropdown .btn:hover,
.filter-dropdown .btn.btn-default:hover {
  color: #fff;
  background-color: #e1e1e1;
  border-color: #e1e1e1;
}

.filter-dropdown .btn:focus,
.filter-dropdown .btn.focus,
.filter-dropdown .btn:hover,
.filter-dropdown .btn.btn-default:focus,
.filter-dropdown .btn.btn-default.focus,
.filter-dropdown .btn.btn-default:hover {
  color: #fff;
  background-color: #e1e1e1;
  border-color: #e1e1e1;
}

.filter-dropdown .btn:active,
.filter-dropdown .btn.active,
.open>.filter-dropdown .btn.dropdown-toggle,
.show>.filter-dropdown .btn.dropdown-toggle,
.filter-dropdown .btn.btn-default:active,
.filter-dropdown .btn.btn-default.active,
.open>.filter-dropdown .btn.btn-default.dropdown-toggle,
.show>.filter-dropdown .btn.btn-default.dropdown-toggle {
  color: #fff;
  background-color: #e1e1e1;
  border-color: #e1e1e1;
  box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
}

.filter-dropdown .btn:active:hover,
.filter-dropdown .btn:active:focus,
.filter-dropdown .btn:active.focus,
.filter-dropdown .btn.active:hover,
.filter-dropdown .btn.active:focus,
.filter-dropdown .btn.active.focus,
.open>.filter-dropdown .btn.dropdown-toggle:hover,
.open>.filter-dropdown .btn.dropdown-toggle:focus,
.open>.filter-dropdown .btn.dropdown-toggle.focus,
.show>.filter-dropdown .btn.dropdown-toggle:hover,
.show>.filter-dropdown .btn.dropdown-toggle:focus,
.show>.filter-dropdown .btn.dropdown-toggle.focus,
.filter-dropdown .btn.btn-default:active:hover,
.filter-dropdown .btn.btn-default:active:focus,
.filter-dropdown .btn.btn-default:active.focus,
.filter-dropdown .btn.btn-default.active:hover,
.filter-dropdown .btn.btn-default.active:focus,
.filter-dropdown .btn.btn-default.active.focus,
.open>.filter-dropdown .btn.btn-default.dropdown-toggle:hover,
.open>.filter-dropdown .btn.btn-default.dropdown-toggle:focus,
.open>.filter-dropdown .btn.btn-default.dropdown-toggle.focus,
.show>.filter-dropdown .btn.btn-default.dropdown-toggle:hover,
.show>.filter-dropdown .btn.btn-default.dropdown-toggle:focus,
.show>.filter-dropdown .btn.btn-default.dropdown-toggle.focus {
  color: #fff;
  background-color: #e1e1e1;
  border-color: #e1e1e1;
}

.open>.filter-dropdown .btn.dropdown-toggle.bmd-btn-icon,
.open>.filter-dropdown .btn.btn-default.dropdown-toggle.bmd-btn-icon {
  color: inherit;
  background-color: #999999;
}

.open>.filter-dropdown .btn.dropdown-toggle.bmd-btn-icon:hover,
.open>.filter-dropdown .btn.btn-default.dropdown-toggle.bmd-btn-icon:hover {
  background-color: #e1e1e1;
}

.filter-dropdown .btn.disabled:focus,
.filter-dropdown .btn.disabled.focus,
.filter-dropdown .btn:disabled:focus,
.filter-dropdown .btn:disabled.focus,
.filter-dropdown .btn.btn-default.disabled:focus,
.filter-dropdown .btn.btn-default.disabled.focus,
.filter-dropdown .btn.btn-default:disabled:focus,
.filter-dropdown .btn.btn-default:disabled.focus {
  background-color: #999999;
  border-color: #999999;
}

.filter-dropdown .btn.disabled:hover,
.filter-dropdown .btn:disabled:hover,
.filter-dropdown .btn.btn-default.disabled:hover,
.filter-dropdown .btn.btn-default:disabled:hover {
  background-color: #999999;
  border-color: #999999;
}

.filter-dropdown .btn:focus,
.filter-dropdown .btn:active,
.filter-dropdown .btn:hover,
.filter-dropdown .btn.btn-default:focus,
.filter-dropdown .btn.btn-default:active,
.filter-dropdown .btn.btn-default:hover {
  box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2);
}

.filter-dropdown .btn.btn-link,
.filter-dropdown .btn.btn-default.btn-link {
  background-color: transparent;
  color: #999999;
  box-shadow: none;
}

.filter-dropdown .btn.btn-link:hover,
.filter-dropdown .btn.btn-link:focus,
.filter-dropdown .btn.btn-link:active,
.filter-dropdown .btn.btn-default.btn-link:hover,
.filter-dropdown .btn.btn-default.btn-link:focus,
.filter-dropdown .btn.btn-default.btn-link:active {
  background-color: transparent;
  color: #999999;
}

.filter-dropdown .btn:focus,
.filter-dropdown .btn.focus,
.filter-dropdown .btn:active:focus,
.filter-dropdown .btn:active.focus,
.filter-dropdown .btn.active:focus,
.filter-dropdown .btn.active.focus {
  outline: 0;
}

/* .filter-dropdown .btn.btn-round { */
  /* border-radius: 30px; */
/* } */

.filter-dropdown .button-container .btn:not(.btn-facebook):not(.btn-twitter) {
  display: block;
}

.filter-dropdown .button-container.github-star {
  margin-left: 100px;
}

.filter-dropdown li>a,
.filter-dropdown .badge {
  transition: all .34s;
  -webkit-transition: all .34s;
  -moz-transition: all .34s;
}

.filter-dropdown {
  /* position: fixed; */
  /* top: 115px; */
  /* right: 0; */
  /* width: 64px; */
  /* background: rgba(0, 0, 0, 0.3); */
  z-index: 1031;
  /* border-radius: 8px 0 0 8px; */
  text-align: center;
}

.filter-dropdown .fa-cog {
  color: #FFFFFF;
  padding: 10px;
  border-radius: 0 0 6px 6px;
  width: auto;
}

.filter-dropdown .dropdown-menu {
  right: 80px;
  left: auto;
  width: 290px;
  border-radius: 0.1875rem;
  padding: 0 10px;
}

.filter-dropdown .dropdown-menu:after,
.filter-dropdown .dropdown-menu:before {
  right: 46%;
  margin-left: auto;
  left: auto;
}

.filter-dropdown .fa-circle-thin {
  color: #FFFFFF;
}

.filter-dropdown .active .fa-circle-thin {
  color: #00bbff;
}

.filter-dropdown .dropdown-menu>.active>a,
.filter-dropdown .dropdown-menu>.active>a:hover,
.filter-dropdown .dropdown-menu>.active>a:focus {
  color: #777777;
  text-align: center;
}

.filter-dropdown img {
  border-radius: 0;
  width: 100%;
  height: 100px;
  margin: 0 auto;
}

.filter-dropdown .dropdown-menu li>a:hover,
.filter-dropdown .dropdown-menu li>a:focus {
  box-shadow: none;
}

.filter-dropdown .badge {
  border: 3px solid #FFFFFF;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 23px;
  margin-right: 5px;
  position: relative;
  width: 23px;
  padding: 8px;
}

.filter-dropdown .badge.active,
.filter-dropdown .badge:hover {
  border-color: #00bbff;
}

.filter-dropdown .badge-black {
  background-color: #000;
}

.filter-dropdown .badge-azure {
  background-color: #2CA8FF;
}

.filter-dropdown .badge-green {
  background-color: #18ce0f;
}

.filter-dropdown .badge-orange {
  background-color: #f96332;
}

.filter-dropdown .badge-yellow {
  background-color: #FFB236;
}

.filter-dropdown .badge-danger {
  background-color: #f44336;
}

.filter-dropdown .badge-purple {
  background-color: #9368E9;
}

.filter-dropdown .badge-white {
  background-color: rgba(200, 200, 200, 0.2);
}

.filter-dropdown .badge-rose {
  background-color: #e91e63;
}

.filter-dropdown .badge-red {
  background-color: #f44336;
}

.filter-dropdown h5 {
  font-size: 14px;
  margin: 10px;
}

.filter-dropdown .dropdown-menu li {
  display: block;
  padding: 18px 2px;
  width: 25%;
  float: left;
}

.filter-dropdown li.adjustments-line,
.filter-dropdown li.header-title,
.filter-dropdown li.button-container {
  width: 100%;
  height: 50px;
  min-height: inherit;
}

.filter-dropdown li.button-container {
  height: auto;
}

.filter-dropdown li.button-container div {
  margin-bottom: 5px;
}

.filter-dropdown #sharrreTitle {
  text-align: center;
  padding: 10px 0;
  height: 50px;
}

.filter-dropdown li.header-title {
  height: 30px;
  line-height: 25px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
}

.filter-dropdown .adjustments-line p {
  float: left;
  display: inline-block;
  margin-bottom: 0;
  font-size: 1em;
  color: #3C4858;
  padding-top: 0px;
}

.filter-dropdown .adjustments-line a .badge-colors {
  position: relative;
  top: -2px;
}

.filter-dropdown .adjustments-line .togglebutton {
  padding-right: 7px;
}

.filter-dropdown .adjustments-line .togglebutton .toggle {
  margin-right: 0;
}

.filter-dropdown .dropdown-menu>li.adjustments-line>a {
  padding-right: 0;
  padding-left: 0;
  /*border-bottom: 1px solid #ddd;*/
  border-radius: 0;
  margin: 0;
}

.filter-dropdown .dropdown-menu>li>a.img-holder {
  font-size: 16px;
  text-align: center;
  border-radius: 10px;
  background-color: #FFF;
  border: 3px solid #FFF;
  padding-left: 0;
  padding-right: 0;
  opacity: 1;
  cursor: pointer;
  display: block;
  max-height: 100px;
  overflow: hidden;
  padding: 0;
  min-width: 25%;
}

.filter-dropdown .dropdown-menu>li>a.switch-trigger:hover,
.filter-dropdown .dropdown-menu>li>a.switch-trigger:focus {
  background-color: transparent;
}

.filter-dropdown .dropdown-menu>li:hover>a.img-holder,
.filter-dropdown .dropdown-menu>li:focus>a.img-holder {
  border-color: rgba(0, 187, 255, 0.53);
}

.filter-dropdown .dropdown-menu>.active>a.img-holder,
.filter-dropdown .dropdown-menu>.active>a.img-holder {
  border-color: #00bbff;
  background-color: #FFFFFF;
}

.filter-dropdown .dropdown-menu>li>a img {
  margin-top: auto;
}

.filter-dropdown .btn-social {
  width: 50%;
  display: block;
  width: 48%;
  float: left;
  font-weight: 600;
}

.filter-dropdown .btn-social i {
  margin-right: 5px;
}

.filter-dropdown .btn-social:first-child {
  margin-right: 2%;
}

.filter-dropdown .adjustments-line a:hover,
.filter-dropdown .adjustments-line a:focus,
.filter-dropdown .adjustments-line a {
  color: transparent;
}

.filter-dropdown .dropdown .dropdown-menu {
  top: 60px !important;
  opacity: 0;
  left: -225% !important;
  transform-origin: 100% 0;
}

.filter-dropdown .dropdown.show .dropdown-menu {
  opacity: 1;
  transform: scale(1);
}

.filter-dropdown .dropdown-menu:before,
.filter-dropdown .dropdown-menu:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 65px;
  width: 16px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}

.filter-dropdown .dropdown-menu:before {
	top: -8px;
    border-bottom: 16px solid #FFF;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
}

.filter-dropdown .dropdown-menu:after {
	top: -8px;
    border-bottom: 16px solid #FFF;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
}

.wrapper-full-page~.filter-dropdown .dropdown.open .dropdown-menu {
  -webkit-transform: translateY(-17%);
  -moz-transform: translateY(-17%);
  -o-transform: translateY(-17%);
  -ms-transform: translateY(-17%);
  transform: translateY(-17%);
}

.wrapper-full-page~.filter-dropdown .dropdown .dropdown-menu {
  -webkit-transform: translateY(-19%);
  -moz-transform: translateY(-19%);
  -o-transform: translateY(-19%);
  -ms-transform: translateY(-19%);
  transform: translateY(-19%);
}
@media (min-width: 992px) {
	.navbar-toggler2 {
		display: none;
	}
}
@media (max-width: 991px) {
	.navbar .dropdown.show .dropdown-menu, .navbar .dropdown .dropdown-menu {		
		background-color: #FFF;
		width: 290px;
		height: auto;
		animation-name: bmd-dropdown-animation;
		animation-duration: 0.3s;
		animation-fill-mode: forwards;
		animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);		
		overflow-y: hidden;
		overflow-x: hidden;	  
		transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
		box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
	}		
	.filter-dropdown .dropdown .dropdown-menu {
		left: -210px !important;
	}
}
/* รอแยกไฟล์ */
.select2-container {
 width: 100% !important;	
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
 width: 100% !important;	
 margin-left: 3px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
 color: #313131 !important;
 padding: 4px 4px !important;
}
.select2-container .select2-selection--single {
height: 40px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #575757 transparent transparent transparent !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
 padding-left: 25px !important;
 color: #313131 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 40px !important;
}
.select2-container .select2-search--inline .select2-search__field {
 font-family: "K2D",sans-serif !important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #aaa 1px !important;
    outline: 0 !important;
}
.select2-container .select2-search--inline .select2-search__field {
	height: 18px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	padding-left: 0px !important;
}
/* จบแยกไฟล์ */
.card-header-dark-search .card-icon, .card .card-header-dark-search .card-text, .card .card-header-dark-search:not(.card-header-icon):not(.card-header-text), .card.bg-dark-search, .card.card-rotate.bg-dark-search .front, .card.card-rotate.bg-dark-search .back {
	background-image: linear-gradient( 112.1deg,  rgba(32,38,57,1) 11.4%, rgba(63,76,119,1) 70.2% );
}
.card-header-dark-history .card-icon, .card .card-header-dark-history .card-text, .card .card-header-dark-history:not(.card-header-icon):not(.card-header-text), .card.bg-dark-history, .card.card-rotate.bg-dark-history .front, .card.card-rotate.bg-dark-history .back {
	background-image: linear-gradient( 171.8deg,  rgba(5,111,146,1) 13.5%, rgba(6,57,84,1) 78.6% );
}
.card-header-dark-favorite .card-icon, .card .card-header-dark-favorite .card-text, .card .card-header-dark-favorite:not(.card-header-icon):not(.card-header-text), .card.bg-dark-favorite, .card.card-rotate.bg-dark-favorite .front, .card.card-rotate.bg-dark-favorite .back {
	background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(230,115,1,0.68) 21.4%, rgba(255,78,78,1) 80.3% );
}
.card-header-dark-like .card-icon, .card .card-header-dark-like .card-text, .card .card-header-dark-like:not(.card-header-icon):not(.card-header-text), .card.bg-dark-like, .card.card-rotate.bg-dark-like .front, .card.card-rotate.bg-dark-like .back {
	background-image: linear-gradient( 146deg,  rgba(24,175,231,1) 11.2%, rgba(67,82,186,1) 74.6% );
}
.card-header-dark-subscribe .card-icon, .card .card-header-dark-subscribe .card-text, .card .card-header-dark-subscribe:not(.card-header-icon):not(.card-header-text), .card.bg-dark-subscribe, .card.card-rotate.bg-dark-subscribe .front, .card.card-rotate.bg-dark-subscribe .back {
	background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(251,106,12,1) 0%, rgba(193,11,135,1) 97.4% );
}
.gradient-bg-home-dashboard {
	background-image: linear-gradient( 109.6deg, rgba(223,234,247,1) 11.2%, rgba(244,248,252,1) 91.1% );
}
.gradient-bg-search {
	background-image: radial-gradient(circle at 1.3% 2.8%, rgb(239, 249, 249) 0%, #b6c7e2 100.2%);	
}
.gradient-bg-history {
	background-image: radial-gradient( circle farthest-corner at 10% 20%, rgba(215,223,252,1) 0%, rgba(255,255,255,1) 0%, rgba(215,223,252,1) 84% );
}
.gradient-bg-favorite {
	background-image: radial-gradient( circle farthest-corner at 18.7% 37.8%,  rgba(250,250,250,1) 0%, rgba(225,234,238,1) 90% );
}
.gradient-bg-like {
	background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(234,249,249,0.67) 0.1%, rgba(239,249,251,0.63) 90.1% );
}
.gradient-bg-subscribe {
	background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(242,235,243,1) 0%, rgba(234,241,249,1) 90.1% );
}
.gradient-subscribe-icon {
   background-image: linear-gradient( 222deg,  rgba(255,90,109,1) 2.6%, rgba(119,76,231,1) 97.9% );
}
.gradient-ams {
	background: linear-gradient(25deg, #216eab, #009ee4);	
}
.gradient-pbms { 
	background-image: linear-gradient( 109.6deg,  rgba(255,194,48,1) 11.2%, rgba(255,124,0,1) 100.2% );
}

.box-shadow-00000066 {
	box-shadow: 0 1px 4px 0 #00000066;
}
/* นิ้วชี้ */
.cursor-pointer{ 
	cursor :pointer;
}
/* บวก */
.cursor-cell{
	cursor: cell;
}
.icon-shape {
    width: 48px;
    height: 48px;
    background-position: 50%;
    border-radius: .5rem;
}
.icon-shape i {
    color: #fff;
    position: relative;
}


.top-5{
	top:5px;
}
.card-animation:hover[data-animation=true] .card-header {
  -webkit-transform: translate3d(0, -25px, 0);
  -moz-transform: translate3d(0, -25px, 0);
  -o-transform: translate3d(0, -25px, 0);
  -ms-transform: translate3d(0, -25px, 0);
  transform: translate3d(0, -25px, 0);
}

.card-animation[data-animation=true] .card-header {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
  transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
}
.card [class*="card-header-collapse"]:not(.card-header-icon):not(.card-header-text):not(.card-header-image) {
    border-bottom: 1px solid #ddd;
    padding: 25px 10px 5px 0px;
    margin: 0;
    box-shadow: none !important;
    background: #ffffff;
}
.card-collapse .card-header-collapse a[aria-expanded=true] i {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    transform: rotate(180deg);	
}
.card-collapse .card-header-collapse a i {
	transition: all .15s ease 0s;	
}
.btn.btn-outline-primary:focus, .btn.btn-outline-primary.focus, .btn.btn-outline-primary:hover {
	background-color: rgb(2 91 160 / 10%);
}
.btn.btn-outline-danger:active:hover, .btn.btn-outline-danger:active:focus, .btn.btn-outline-danger:active.focus, .btn.btn-outline-danger.active:hover, .btn.btn-outline-danger.active:focus, .btn.btn-outline-danger.active.focus, .open>.btn.btn-outline-danger.dropdown-toggle:hover, .open>.btn.btn-outline-danger.dropdown-toggle:focus, .open>.btn.btn-outline-danger.dropdown-toggle.focus, .show>.btn.btn-outline-danger.dropdown-toggle:hover, .show>.btn.btn-outline-danger.dropdown-toggle:focus, .show>.btn.btn-outline-danger.dropdown-toggle.focus {
	background-color: rgb(244 67 54 / 20%);
}
.btn.btn-outline-danger:focus, .btn.btn-outline-danger.focus, .btn.btn-outline-danger:hover {
	background-color: rgb(244 67 54 / 5%);
}
.rounded-top-7 {
  border-top-left-radius: 7px !important;
  border-top-right-radius: 7px !important;	
}
.modal-backdrop {
  background: rgba(0, 0, 0, 1);
}
.modal-open .modal {
 background: rgba(0, 0, 0, 0.50) !important;
}

@media (min-width: 991px) {
  .sidebar-mini .sidebar {
    z-index: 1040;
  }
}

.is-focused .label-input, .is-filled .label-input {
  top: -0.7rem !important;
  left: 0px;
  font-size: 14px !important;
  color: #025ba0 !important;
  font-weight: 600 !important;
  background: #FFF;
}
.bmd-form-group [class^='bmd-label'].label-input, .bmd-form-group [class*=' bmd-label'].label-input {
	padding-left: 0px;
  margin-left: 7px;
}
.card-hover:hover{
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 8%), 0 3px 1px -2px rgb(0 0 0 / 8%), 0 1px 10px 0 rgb(0 0 0 / 30%);
}
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus, .dropdown-menu a:hover, .dropdown-menu a:focus, .dropdown-menu a:active {
  box-shadow: 0 4px 20px 0px rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(179 179 179 / 40%);
  background-color: #ffffff;
  color: #313131;
  border-radius: 7px;
  font-weight: 600;  
}
.btn:active, .btn.active, .open>.btn.dropdown-toggle, .show>.btn.dropdown-toggle, .btn.btn-default:active, .btn.btn-default.active, .open>.btn.btn-default.dropdown-toggle, .show>.btn.btn-default.dropdown-toggle {
  color: #313131;
  background-color: #dedede;
  border-color: #dedede;  
}
.btn:active:hover, .btn:active:focus, .btn:active.focus, .btn.active:hover, .btn.active:focus, .btn.active.focus, .open>.btn.dropdown-toggle:hover, .open>.btn.dropdown-toggle:focus, .open>.btn.dropdown-toggle.focus, .show>.btn.dropdown-toggle:hover, .show>.btn.dropdown-toggle:focus, .show>.btn.dropdown-toggle.focus, .btn.btn-default:active:hover, .btn.btn-default:active:focus, .btn.btn-default:active.focus, .btn.btn-default.active:hover, .btn.btn-default.active:focus, .btn.btn-default.active.focus, .open>.btn.btn-default.dropdown-toggle:hover, .open>.btn.btn-default.dropdown-toggle:focus, .open>.btn.btn-default.dropdown-toggle.focus, .show>.btn.btn-default.dropdown-toggle:hover, .show>.btn.btn-default.dropdown-toggle:focus, .show>.btn.btn-default.dropdown-toggle.focus {
  color: #313131;
  background-color: #dedede;
  border-color: #dedede;  
}
.collapsing {
  width:100%;
}

.card-icon-widgets {
  font-size: 24px !important;
  width: 40px !important;
  line-height: 40px !important;
  height: 40px !important;
}
.card-pricing .card-body {
  padding: 5px !important;  
}
.card-pricing .card-icon.icon-primary i {
  color: #025ba0;
}
.card-scrollbar{
  height: calc(70vh - 100px);
}
.card-drop {
  height: 59.1vh;
}
.card-main {
  height: 28vh;
}
.card-scrollbar-main {
  height: calc(27vh - 20px);
}
.card-widgets-right {
  height: 100%
}
.card-inset {
  box-shadow: inset 0 0 5px 0px rgb(0 0 0 / 40%);
}
.list-group-item.active {
  background-color: #278bb8;
  border-color: #278bb8;  
  border-radius: 5px;  
}
.fixed-breadcrumb {
  position: fixed; 
  z-index: 1; 
  width: 90%; 
} 
.card-widgets-drop {
  height: 100vh; 
  top: 30px;
}
.fixed-card-main {
  position: fixed; 
  bottom: 0;
}
.fixed-card-widgets-right {
  top: 70px; 
  position: fixed; 
  right: 0; 
  height: 100%;
}
.transform-45deg {
  transform: rotate(45deg);
}
.border-radius-sm {
  border-radius: .25rem !important;
}
.border-radius-xl {
  border-radius: .75rem !important;
}
.filter-dropdown .right-7:after, .filter-dropdown .right-7:before {
    right: 7%;
}
.card .card-header-orange .card-icon, .card .card-header-orange:not(.card-header-icon):not(.card-header-text), .card .card-header-orange .card-text {
    box-shadow: 0 4px 20px 0px rgb(0 0 0 / 14%), 0 7px 10px -5px #ff6b0066;
}
.card .card-header-orange .card-icon, .card .card-header-orange .card-text, .card .card-header-orange:not(.card-header-icon):not(.card-header-text), .card.bg-orange, .card.card-rotate.bg-orange .front, .card.card-rotate.bg-orange .back {
    background: linear-gradient(60deg, #ff984d, #ff6b00);
}
.btn.btn-orange {
  color: #fff;
  background-color: #ff6b00;
  border-color: #ff6b00;
  box-shadow: 0 2px 2px 0 rgb(233 30 99 / 14%), 0 3px 1px -2px rgb(233 30 99 / 20%), 0 1px 5px 0 rgb(233 30 99 / 12%);
}
.btn.btn-orange:focus, .btn.btn-orange:active, .btn.btn-orange:hover {
  box-shadow: 0 14px 26px -12px rgb(176 90 39 / 42%), 0 4px 23px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(176 90 39 / 20%);
}
.btn.btn-orange:active:hover, 
.btn.btn-orange:active:focus, 
.btn.btn-orange:active.focus, 
.btn.btn-orange.active:hover, 
.btn.btn-orange.active:focus, 
.btn.btn-orange.active.focus, 
.open>.btn.btn-orange.dropdown-toggle:hover, 
.open>.btn.btn-orange.dropdown-toggle:focus, 
.open>.btn.btn-orange.dropdown-toggle.focus, 
.show>.btn.btn-orange.dropdown-toggle:hover, 
.show>.btn.btn-orange.dropdown-toggle:focus, 
.show>.btn.btn-orange.dropdown-toggle.focus {
  color: #fff;
  background-color: #c95500;
  border-color: #8b3a00;
}
.btn.btn-lg, .btn-group-lg>.btn, .btn-group-lg .btn {
  font-size: 16px;
}
.bmd-form-group .is-focused .bmd-label-floating, .bmd-form-group .is-filled .bmd-label-floating {
  top: -11px !important;
  left: 0;
  font-size: 14px;
  background-color: #FFF;
  color: #ff6b00 !important;
}
.is-focused .bmd-label-floating, .is-filled .bmd-label-floating {
  top: -11px !important;
  left: 0;
  font-size: 14px;
  background-color: #FFF;
  color: #ff6b00 !important;
}
.bmd-form-group [class^='bmd-label'].bmd-label-floating, .bmd-form-group [class*=' bmd-label'].bmd-label-floating {
  padding-left: 0px;
  margin-left: 10px;
}
.card [class*="card-header-"]:not(.card-header-icon):not(.card-header-text):not(.card-header-image) {
  border-radius: 10px;
}
.bmd-form-group:not(.has-success):not(.has-danger) [class^='bmd-label'].bmd-label-floating, 
.bmd-form-group:not(.has-success):not(.has-danger) [class*=' bmd-label'].bmd-label-floating {
  color: #7b809a;
}
.btn.btn-lg, .btn-group-lg>.btn, .btn-group-lg .btn {
  border-radius: 10px;
}
.btn {
  font-size: 14px;
}
.navbar.bg-orange {
  background-image: linear-gradient(46deg,#ffffff,#ffffff);
  box-shadow: 0 4px 20px 0px rgb(0 0 0 / 14%), 0 4px 7px -5px rgb(68 68 68 / 45%);
  color: #f66a06 !important;
}
.card [class*="card-header-"] .card-icon, .card [class*="card-header-"] .card-text {
  border-radius: 10px;
}
.a-hover:hover, .a-hover:focus {
  background-color: #e2e2e2;
  border-radius: 6px;
  box-shadow: 0 1px 4px 0 rgb(0 0 0 / 14%);
}
.text-orange {
 color: #3f4e55 !important;
}
.ct-chart .ct-label {
  fill: rgb(0 0 0);
  color: rgb(0 0 0);
  display: -webkit-flex;
  display: flex;
  font-weight: 600;
}
.sidebar .nav li a, .sidebar .nav li .dropdown-menu a {
  color: #313131;
  font-size: 14px;
  font-weight: 400;
}
.sidebar .nav li:hover>a, .sidebar .nav li .dropdown-menu a:hover, .sidebar .nav li .dropdown-menu a:focus, .sidebar .nav li.active>[data-toggle="collapse"] {
  color: #313131;
  font-size: 14px;
  font-weight: 400;
}
.form-control:read-only {
  background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #d2d2d2 0px, rgba(210, 210, 210, 0) 0px);
}
.form-check, label {
  color: #7b809a;
}
.dataTable>thead>tr>th, .dataTable>tbody>tr>th, .dataTable>tfoot>tr>th, .dataTable>thead>tr>td, .dataTable>tbody>tr>td, .dataTable>tfoot>tr>td {
  padding: 8px !important;
}
.btn .material-icons, .btn:not(.btn-just-icon):not(.btn-fab) .fa {
  font-size: 20px;
}
.pagination>.page-item.active>a, .pagination>.page-item.active>a:focus, .pagination>.page-item.active>a:hover, .pagination>.page-item.active>span, .pagination>.page-item.active>span:focus, .pagination>.page-item.active>span:hover {
  background-color: #ff6a00;
  border-color: #ff6a00;
  color: #fff;
  box-shadow: 0 4px 5px 0 rgb(176 96 39 / 14%), 0 1px 10px 0 rgb(176 96 39 / 12%), 0 2px 4px -1px rgb(176 83 39 / 20%);
}
.form-control:invalid {
  background-image: linear-gradient(to top, #ff6b00  2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 0px, rgba(210, 210, 210, 0) 0px);
}
.bmd-form-group.bmd-form-group-lg .form-control, .bmd-form-group.bmd-form-group-lg label, .bmd-form-group.bmd-form-group-lg input::placeholder {
  line-height: 3;
}
.bmd-form-group .form-control, .bmd-form-group label, .bmd-form-group input::placeholder {
  line-height: 3; 
}
.form-check .form-check-input:checked+.form-check-sign .check {
  background: #ff6a00;
}
.form-check .form-check-sign:before {
  background-color: rgb(234 118 7 / 84%);
}
.btn.btn-danger {
  background-color: #e65050;
  border-color: #f27f77;
  box-shadow: 0 2px 2px 0 rgb(244 67 54 / 14%), 0 3px 1px -2px rgb(244 67 54 / 20%), 0 1px 5px 0 rgb(244 67 54 / 12%);
}
.btn.btn-secondary {
  color: #FFF;
  background-color: #6c757d;
  border-color: #6c757d;
  box-shadow: 0 2px 2px 0 rgb(250 250 250 / 14%), 0 3px 1px -2px rgb(250 250 250 / 20%), 0 1px 5px 0 rgb(250 250 250 / 12%);
}
.btn.btn-secondary:focus, .btn.btn-secondary.focus, .btn.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}
.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn.btn-dark:focus, .btn.btn-dark.focus, .btn.btn-dark:hover {
  background-color: #23272b;
  border-color: #1d2124;
}
.nav-pills .nav-item .nav-link {
  font-size: 15px;
  border-radius: 10px;
}
.nav-pills.nav-pills-orange .nav-item .nav-link.active, .nav-pills.nav-pills-orange .nav-item .nav-link.active:focus, .nav-pills.nav-pills-orange .nav-item .nav-link.active:hover {
  color: #fff;
  background-color: #607d8b;
  background-image: linear-gradient( 220deg,#607d8b,#607d8b);
  box-shadow: 0 4px 20px 0px rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(71 91 101);
}
.nav-pills .nav-item .nav-link:hover {
  color: #0076d4;
  background-color: rgba(200, 200, 200, 0.2);
}
.badge {
  font-size: 12px;
  padding: 5px 10px;
  font-weight: 600;
}
.swal2-icon.swal2-warning {
  border-color: #ffa04d;
  color: #ffa04d;
}
.swal2-icon.swal2-success .swal2-success-ring {
  border: 0.25em solid rgb(76 175 80 / 59%);
}
.swal2-icon.swal2-success {
    border-color: #4caf50;
    color: #4caf50;
}
.swal2-icon-content {
  font-size: 50px;
}
.collapse-search {
  border: 1px solid #313131 !important;
  background-color: #f6f6f6 !important;
  margin-bottom: 0px !important;
}
.card-collapse .card-header {
  border: 1px solid #aaa;
  margin-bottom: 10px;
  padding-left: 20px;
  background-color: #eee;
  border-radius: 5px;
  padding: 15px 15px 10px 15px;
}
.card-collapse .collapse-search a {
  color: #ffffff;
}
.card-collapse .card-header a {
  color: #313131;
  font-size: 16px;
  font-weight: bold;
}
.card-collapse .card-header a:hover, .card-collapse .card-header a:active, .card-collapse .card-header a[aria-expanded="true"] {
  color: #313131;
}
.bootstrap-datetimepicker-widget table td.today>div:before {
  content: '';
  display: inline-block;
  border: 0 0 5px 5px solid transparent;
  border-bottom-color: #ff6b00;
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.bootstrap-datetimepicker-widget table td.today>div:before {
  content: '';
  display: inline-block;
  border: 0 0 5px 5px solid transparent;
  border-bottom-color: #ff6b00;
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.bootstrap-datetimepicker-widget table td.active>div,
.bootstrap-datetimepicker-widget table td.active:hover>div {
  background-color: #ff6b00;
  color: #fff;
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
}
.bootstrap-datetimepicker-widget table td span.active {
  background-color: #ff6b00;
  color: #fff;
}
a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #0056b3;
}
@media (min-width: 1200px) {
  .modal-xl {
      max-width: 1140px;
  }
}
.modal-footer {
  display : unset;
}
.modal-dialog .modal-footer {
  border-top: none;
  padding: 24px !important;
}
.animate__bounceIn {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
.top-10 {
  top: 10px !important;
}
.card [data-header-animation="true"] {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 600ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -moz-transition: all 600ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -o-transition: all 600ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -ms-transition: all 600ms cubic-bezier(0.34, 1.61, 0.7, 1);
  transition: all 600ms cubic-bezier(0.34, 1.61, 0.7, 1);
}
.progress {
  height: 6px;
  border-radius: 0.125rem;
}
.progress .progress-bar.progress-bar-primary {
  background: #0b78cf !important;
}
.nav-pills.nav-pills-orange .nav-item 
.nav-link.active, .nav-pills.nav-pills-orange 
.nav-item .nav-link.active:focus, .nav-pills.nav-pills-orange 
.nav-item .nav-link.active:hover {
    background-color: #607d8b;
    box-shadow: 0 4px 20px 0px rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(66 87 97);
    color: #fff;
}
.card .card-header-dark .card-icon, .card .card-header-dark .card-text, .card .card-header-dark:not(.card-header-icon):not(.card-header-text), .card.bg-dark, .card.card-rotate.bg-dark .front, .card.card-rotate.bg-dark .back {
  background: linear-gradient(60deg, #42424a00, #19191900);
}
.card .card-header-dark .card-icon, .card .card-header-dark:not(.card-header-icon):not(.card-header-text), .card .card-header-dark .card-text {
  box-shadow: 0 4px 20px 0px rgb(0 0 0 / 0%), 0 7px 10px -5px rgb(67 67 67 / 0%);
}
.btn.btn-tumblr {
  background-color: #5b718d;
}
.card .card-header-info .card-icon, .card .card-header-info .card-text, .card .card-header-info:not(.card-header-icon):not(.card-header-text), .card.bg-info, .card.card-rotate.bg-info .front, .card.card-rotate.bg-info .back {
  background: linear-gradient(60deg, #607d8b00, #607d8b00)
}
.card .card-header-info .card-icon, .card .card-header-info:not(.card-header-icon):not(.card-header-text), .card .card-header-info .card-text {
  box-shadow: 0 4px 20px 0px rgb(0 0 0 / 0%), 0 7px 10px -5px #607d8b00;
}
.card .card-header-rose .card-icon, .card .card-header-rose .card-text, .card .card-header-rose:not(.card-header-icon):not(.card-header-text), .card.bg-rose, .card.card-rotate.bg-rose .front, .card.card-rotate.bg-rose .back {
  background: linear-gradient(60deg, #607d8b00, #607d8b00)
}
.card .card-header-rose .card-icon, .card .card-header-rose:not(.card-header-icon):not(.card-header-text), .card .card-header-rose .card-text {
  box-shadow: 0 4px 20px 0px rgb(0 0 0 / 0%), 0 7px 10px -5px #607d8b00;
}
.card .card-header-orange .card-icon, .card .card-header-orange .card-text, .card .card-header-orange:not(.card-header-icon):not(.card-header-text), .card.bg-orange, .card.card-rotate.bg-orange .front, .card.card-rotate.bg-orange .back {
  background: linear-gradient(60deg, #607d8b00, #607d8b00)
}
.card .card-header-orange .card-icon, .card .card-header-orange:not(.card-header-icon):not(.card-header-text), .card .card-header-orange .card-text {
  box-shadow: 0 4px 20px 0px rgb(0 0 0 / 0%), 0 7px 10px -5px #607d8b00;
}
.card .card-header-orange2 .card-icon, .card .card-header-orange2 .card-text, .card .card-header-orange2:not(.card-header-icon):not(.card-header-text), .card.bg-orange, .card.card-rotate.bg-orange .front, .card.card-rotate.bg-orange .back {
  background: linear-gradient(60deg, #ff984d, #ff6b00);
}
.card .card-header-orange2 .card-icon, .card .card-header-orange2:not(.card-header-icon):not(.card-header-text), .card .card-header-orange2 .card-text {
  box-shadow: 0 4px 20px 0px rgb(0 0 0 / 14%), 0 7px 10px -5px #ff6b0066;
}
.card .card-header-danger .card-icon, .card .card-header-danger:not(.card-header-icon):not(.card-header-text), .card .card-header-danger .card-text {
  background: linear-gradient(60deg, #1e6cab00, #1e6cab00)
}
.card .card-header-danger .card-icon, .card .card-header-danger:not(.card-header-icon):not(.card-header-text), .card .card-header-danger .card-text {
  box-shadow: 0 4px 20px 0px rgb(0 0 0 / 0%), 0 7px 10px -5px #607d8b00;
}
#show-time {
  color: #313131 !important;
}
.card [class*="card-header-"] .card-icon, .card [class*="card-header-"] .card-text {
  margin-top: 0px;
  margin-right: 0px;
  padding: 7px;
}
.card [class*="card-header-"], .card[class*="bg-"] {
  color: #ffffff;
  background: #607d8b;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
  border-color: #a9a9a9;
  border: 0.1px solid #a9a9a9 !important;
}
.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #e8e8e8;
}
.form-control, .is-focused .form-control {
  border: 1px solid #797979;
}
.form-check, label {
  color: #494949;
}
.text-secondary {
  color: #414141 !important;
}
.card .card-header {
  border-bottom: 1px solid #959595;
}
h4, .h4 {
  font-size: 16px !important;
}
.toolbar {
  text-align: right;
}
.card .card-header-success .card-icon, .card .card-header-success:not(.card-header-icon):not(.card-header-text), .card .card-header-success .card-text {
  box-shadow: 0 4px 20px 0px rgb(0 0 0 / 0%), 0 7px 10px -5px rgb(76 175 80 / 0%);
}
.card .card-header-success .card-icon, .card .card-header-success .card-text, .card .card-header-success:not(.card-header-icon):not(.card-header-text), .card.bg-success, .card.card-rotate.bg-success .front, .card.card-rotate.bg-success .back {
  background: linear-gradient(60deg, #66bb6a00, #43a04700);
}

.card .card-header-warning .card-icon, .card .card-header-warning:not(.card-header-icon):not(.card-header-text), .card .card-header-warning .card-text {
  box-shadow: 0 4px 20px 0px rgb(0 0 0 / 0%), 0 7px 10px -5px rgb(255 152 0 / 0%);
}

.card .card-header-warning .card-icon, .card .card-header-warning .card-text, .card .card-header-warning:not(.card-header-icon):not(.card-header-text), .card.bg-warning, .card.card-rotate.bg-warning .front, .card.card-rotate.bg-warning .back {
  background: linear-gradient(60deg, #ffa72600, #fb8c0000);
}
.card [class*="card-header-"] {
  margin: 0px 0px 0;
  padding: 0px 15px 0px !important;
}
.card .card-header.card-header-icon .card-title, .card .card-header.card-header-text .card-title {
  color: #ffffff;  
}
.tab-content .tab-pane .td-actions {
	display: table-cell;
	text-align: center;
}

.btn-group, .btn-group-vertical {
    position: fixed;
}

.bg-darkblue {
  background-color: #607d8b !important;
}