.togglebutton label input[type=checkbox]:checked+.toggle {
	background: #267cde !important;

}

.form-group.is-focused label  {
	color: #267cde !important;
	font-size: 14px;
}

.form-group.is-filled label{
	font-size: 10px;
}

.form-control,
.is-focused .form-control {
	background-image: linear-gradient(to top, #267cde 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
}

.form-control>button,
.form-control>select{
	background-image: none !important;
}

.form-check .form-check-input:checked+.form-check-sign .check {
	background: #267cde !important;
}

.close{
	text-align: right !important;
	/*width: 20px;*/
}


.form-group-row>input,
.form-group-row>textarea,
.form-group-row>select{
	border:none;
	box-shadow: 0px 0px 2px 0.2px #4a4a4a;
	border-radius: 5px;
	padding-left: 6px;
	
}

td>.form-group-row>input{
	padding: 4px 6px 4px 6px;
	/*max-width: 100px;*/
}

.form-group-row>input:focus,
.form-group-row>textarea:focus,
.form-group-row>select:focus{
	box-shadow: 0px 0px 2px 1px #267cde;
}

.text-top{
	vertical-align: top;
}

.btn-act{
	position: absolute;
	top: 0;
	right: 20;
}

.undisplay{
	display: none !important;
}

.card-collapse{
	box-shadow: 0px 0px 2px 1px #267cde;
}




.max-long{
	width: 350px !important;
}

.long1{
	width: 350px !important;
}

.short1{
	width: 40px !important;
}
.short2{
	width: 80px !important;
}
.medium1{
	width: 120px !important;
}
.medium2{
	width: 150px !important;
}

.medium3{
	width: 180px !important;
}
/*td>.form-check{
	margin-top: -10px !important;
}*/

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.table-detail{
	margin-top: 10px;
	width: 100%;
	background: white;
	box-shadow: 0 0 5pt -3pt #4a4a4a;
}

.paginate_button.active>.page-link{
	color: white !important;
}

.paginate_button{
	border:none !important;
}

.paginate_button:hover{
	background: transparent !important;
	border:none !important;
	/*box-shadow: 0px 0px 2px 1px #267cde !important;*/
	cursor: pointer;
}
.select2{

	margin-top: 5px !important;
	/*width: 100% !important;*/
}

.row{
	margin-top: 10px !important;
}

/*td>.form-check,
th>.form-check{
	position: relative;
	top:-10px;
}
*/
tr>td:nth-child(1)>.form-check{
	position: relative !important;
	top:12px !important;
}

tr>td:nth-child(1)>button{
	position: relative !important;
	top:0px !important;
}

.card-body{
	padding: 0px !important;
	padding-bottom: 10px !important;
}

.card-nav-tabs{
	margin-top: 60px;
}

.card-nav-tabs>.card-header{
	padding: 10px !important;
	padding-top: 0px !important;
}

.tab-content{
	margin-top: -20px;
}

.card-nav-tabs{
	margin-bottom: -20px !important;
}