html {
  overflow-y: scroll;
}

.togglebutton label input[type="checkbox"]::placeholder {
	display: none;
	line-height: 0;
}

[data-switch] {cursor: pointer;}
[data-switch][data-state='0'] {color: #aaa;}
[data-switch][data-state='1'] {color: #ff9800 ;}
[data-switch='set_status'][data-state='0'] {color: #f44336;}
[data-switch='set_status'][data-state='1'] {color: #4caf50;}

.toggle_mini_label {
  position: absolute;
  font-size: 9px;
  text-transform: uppercase;
  top: 2px;
  left: 50%;
  transform: translateX(-50%);
}

.toggle_mini_label + div {
  transform: scale(.7);
  transform-origin: center bottom;
}

.nav-link,
.cursor,
[data-toggle="dropdown"]
 {
  cursor: pointer!important;
}

/* html, body {
  overflow-x: hidden;
} */

.sidebar {
  z-index: unset;
}

.sidebar[data-background-color="black"] .sidebar-background:after {
  background: #111911;
}

.sidebar .nav li a,
.sidebar .nav li .dropdown-menu a {
  margin: unset;
  padding: 15px 20px;
  border-radius: unset;
}

.sidebar .nav li:first-child > a {
  margin: unset;
}

.sidebar li.active > a {
  background: linear-gradient(60deg, #ffffff1a, #ffffff1a);
}

.main-panel {
  box-shadow: 0 0 15px rgba(0,0,0,.3);
}

.main-panel .content {
  /* min-height: calc(100vh - var(--vh)); */
  min-height: calc(100vh - 55px - 71px);
}


.opacity0 {opacity: 0!important}
.opacity10 {opacity: .1!important}
.opacity20 {opacity: .2!important}
.opacity30 {opacity: .3!important}
.opacity40 {opacity: .4!important}
.opacity50 {opacity: .5!important}
.opacity60 {opacity: .6!important}
.opacity70 {opacity: .7!important}
.opacity80 {opacity: .8!important}
.opacity90 {opacity: .9!important}




.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
  width: 100%;
}

.bootstrap-select .dropdown-menu .dropdown-item:hover,
.bootstrap-select .dropdown-menu .dropdown-item:focus,
.bootstrap-select .dropdown-menu a:hover,
.bootstrap-select .dropdown-menu a:focus,
.bootstrap-select .dropdown-menu a:active {
  color: #212529;
  background: #eee;
  box-shadow: 0 0 0;
}

.bootstrap-select .dropdown-menu .dropdown-item.active {
  background: linear-gradient(60deg, #66bb6a, #43a047);
  box-shadow: 0 0 0;
}

.bootstrap-select .btn.dropdown-toggle.select-with-transition {
  height: 36px;
  margin: 0;
  font-size: 14px;
  text-transform: none;
}

.bootstrap-select .dropdown-toggle .filter-option {
  top: 1px;
}

.bootstrap-select .dropdown-item.active,
.bootstrap-select .dropdown-item.active span,
.bootstrap-select .dropdown-item.active i {
    background: transparent;
    color: #fff;
}


.bootstrap-select .btn.dropdown-toggle.select-with-transition,
form:not(.style_underlined) .form-control,
form:not(.style_underlined) .is-focused .form-control {
  padding: 0.4375rem 10px !important;
  border: 1px solid #f1f1f1 !important;
  background: #ffffff !important;
  border-radius: 3px;
}

.has-danger label {color: #f44336;}
.has-success label {color: #4caf50;}


form .card:before,
form .card:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 0;
	background-repeat: no-repeat;
	background-position: center;
	transition: all 300ms ease-in-out;
}
form.is-saving .card:before {
	display: block;
	background: rgba(255,255,255,.8);
	opacity: 1;
	z-index: 3;
}
form.is-saving .card:after {
	display: block;
	background-image: url("data:image/svg+xml,%0A%3Csvg width='50px' height='50px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' class='lds-ripple' style='background: rgba(0, 0, 0, 0) none repeat scroll 0%25 0%25;'%3E%3Ccircle cx='50' cy='50' r='0' fill='none' ng-attr-stroke='%7B%7Bconfig.c1%7D%7D' ng-attr-stroke-width='%7B%7Bconfig.width%7D%7D' stroke='%2393dbe9' stroke-width='2'%3E%3Canimate attributeName='r' calcMode='spline' values='0;50' keyTimes='0;1' dur='1.5' keySplines='0 0.2 0.8 1' begin='-0.75s' repeatCount='indefinite'%3E%3C/animate%3E%3Canimate attributeName='opacity' calcMode='spline' values='1;0' keyTimes='0;1' dur='1.5' keySplines='0.2 0 0.8 1' begin='-0.75s' repeatCount='indefinite'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='50' cy='50' r='0' fill='none' ng-attr-stroke='%7B%7Bconfig.c2%7D%7D' ng-attr-stroke-width='%7B%7Bconfig.width%7D%7D' stroke='%23689cc5' stroke-width='2'%3E%3Canimate attributeName='r' calcMode='spline' values='0;50' keyTimes='0;1' dur='1.5' keySplines='0 0.2 0.8 1' begin='0s' repeatCount='indefinite'%3E%3C/animate%3E%3Canimate attributeName='opacity' calcMode='spline' values='1;0' keyTimes='0;1' dur='1.5' keySplines='0.2 0 0.8 1' begin='0s' repeatCount='indefinite'%3E%3C/animate%3E%3C/circle%3E%3C/svg%3E");
	opacity: 1;
	z-index: 3;
}




.select-option-l1 {}
.select-option-l2 { margin-left: 1rem;}
.select-option-l3 { margin-left: 2rem; }

select[name='kv']+button+.dropdown-menu .dropdown-item  { padding-left: 0.625rem; padding-right: 0.625rem;}
select[name='kv']+button+.dropdown-menu .dropdown-item i {transform: scale(.75); }



.accordion .card-header {
  padding: unset;
  /* border-bottom-width: 10px; */
  border: unset;
  border-radius: unset;
  background: unset;
}

.accordion .card-header .row {
  border: 1px solid #dee2e6;
  background: #fff;
}

.accordion .card-header .row > * {
  display: flex;
	align-items: center;

	padding: .5rem 1rem;
}

.accordion .card-header .row .col-auto {
  /* flex-basis: 60px; */
  /* text-align: center; */
}

.accordion .card-header .row .col-auto a i,
.settings_menu  a i,
.text-disabled {
  color: #aaa;
  transition: transform .3s;
}

.accordion .card-header .row .col-auto a[aria-expanded="true"] i {
  transform: rotate(180deg);
}

.accordion .card-header .row > *:not(:last-child) {
  border-right: 1px solid #dee2e6;
}

.accordion .card-header .row > * > *:first-child {
  /* display: block; */
  /* height: 100%; */
  /* padding: 10px 15px; */
}

.accordion .card-header .row span,
.material-datatables tr span {
  font-size: 14px;
  font-weight: 500;
}

.accordion .card-header .row  a,
.material-datatables tr  a {
  font-size: 14px;
  font-weight: 500;
  color: #59d;
}

.accordion .card-header .row .dropdown-menu a,
.material-datatables tr .dropdown-menu a {
  color: #999;
}
.material-datatables tr .dropdown-menu a.text-disabled:hover {
  color: #999;
}

.accordion .card-header .row .dropdown-menu a:hover,
.accordion .card-header .row .dropdown-menu a:active,
.accordion .card-header .row .dropdown-menu a:focus,
.material-datatables tr .dropdown-menu a:hover,
.material-datatables tr .dropdown-menu a:active,
.material-datatables tr .dropdown-menu a:focus {
  background: #eee;
  box-shadow: unset;
}

.accordion .card-header .row .dropdown-menu .dropdown-item,
.material-datatables tr .dropdown-menu .dropdown-item {
	font-size: .8rem;
	font-weight: 400;
}
.accordion .card-header .row .dropdown-menu i,
.material-datatables tr .dropdown-menu i  {
  font-size: 17px !important;
}

.accordion .card-body {
  padding: 30px;
}

a.disabled {
	opacity: .3;
}



.togglebutton { transform: scale(.8);}
.togglebutton label .toggle,
.togglebutton label input[type=checkbox][disabled]+.toggle { margin: 0 5px 0 0;}

.togglebutton label input[type=checkbox]:checked+.toggle 				{background-color: #4caf50;}
.togglebutton label input[type=checkbox]:checked+.toggle:after 	{border-color: rgba(11, 117, 0, .54);}


.togglebutton label input[type=checkbox][disabled]:checked+.toggle 				{background-color: #dee2e6;}
.togglebutton label input[type=checkbox][disabled]:checked+.toggle:after 	{border-color: #e8e8e8;}

.togglebutton label input[type=checkbox][disabled]+.toggle:after,
.togglebutton label input[type=checkbox][disabled]:checked+.toggle:after {
    background-color: #ffffff;
}



/* .accordion .togglebutton { */
  /* position: absolute; */
  /* top: 10px; */
  /* left: 12px; */
/* } */

/* .togglebutton label .toggle { */
  /* width: 28px; */
  /* height: 16px; */
/* } */

/* .togglebutton label .toggle:after { */
  /* top: 0; */
  /* left: 2px; */
  /* width: 12px; */
  /* height: 12px; */
  /* border: unset; */
  /* box-shadow: unset; */
/* } */

/* .togglebutton label input[type=checkbox] + .toggle         { background: #ec8585; } */
/* .togglebutton label input[type=checkbox]:checked + .toggle { background: #66bb6a; } */

/* .togglebutton label input[type=checkbox]:checked + .toggle:after { */
  /* left: 14px !important; */
/* } */


.ui-sortable-handle {
  cursor: grab;
}

.ui-sortable-placeholder {
  border: 1px dashed #b7b7b7;
  background: #dedede;
}








/* margin screws with the accordion animation, so I set the margins with pseudo elements */

.card-header:before,
.card-header:after {
  content: '';
  display: block;
  width: 100%;
  height: 5px;
}






.content .card-header.card-header-success {
  font-weight: 500;
  /* background: linear-gradient(60deg, #80bc01, #618c07) !important; */
}





.disabled-sorting:before,
.disabled-sorting:after {
  display: none !important;
}

/* th:not(:last-child), */
/* td:not(:last-child) { */
  /* border-right: 1px solid #ddd; */
/* } */






.img-holder:empty {
	background-repeat: no-repeat;
  background-position: center;
  background-size: 40px;
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath fill='%23e6e6e6'  d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E");}



.fileinput {

}
.fileinput .thumbnail {
	min-width: 80px;
	min-height: 80px;
	box-shadow: none;
	line-height: inherit!important;
	background-repeat: no-repeat;
  background-position: center;
  background-size: 40px;
}
.fileinput .thumbnail:empty {
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath fill='%23e6e6e6' d='M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z'/%3E%3C/svg%3E");
}

.fileinput input[type="file"] {
	z-index: 0;
	cursor: pointer;
}


.fileinput.width250 {
	width: 250px;
}
.fileinput.width250 .thumbnail {
	max-width: 250px;
	max-height: 250px;

}




@media (min-width: 992px) {
	.modal-lg {
			max-width: 1200px;
			margin-top: 0!important;
	}
}



.bootstrap-select .filter-option-inner-inner small,
.bootstrap-select .filter-option-inner-inner br {
  display: none;
}


.more_vert {
  border: 0!important;
  cursor: pointer;
  transition: all .4s ease-in-out;
}
more {
  width: 0px;
  overflow: hidden;
  opacity: 0;
  transition: all .4s ease-in-out;
}

.more_vert:hover + more,
more:hover {
  opacity: 1;
  width: 112px;
}

.more_vert.p1:hover + more,
more.p1:hover {
  opacity: 1;
  width: 56px;
}

.more_vert.p3:hover + more,
more.p3:hover {
  opacity: 1;
  width: 168px;
}