.rBtn{
	display: inline-block;
    text-decoration: none;
	text-align:center;
    transition: 0.3s;
    position: relative;
    outline: none;
    border: none;
    cursor: pointer;
	border-radius:4px; 
	font-weight:500;
	text-transform:uppercase;
	overflow:hidden;
	padding:0;
	margin:0;
}
.rBtnHld{
	display:flex;
}
.rBtnIcn{
	background:rgba(0,0,0,0.05);
	transition:0.3s;
}
/*Name*/
.rBtnNme{
	font-weight:400;
	white-space: nowrap

}
.rBtn.rBtnS .rBtnNme{
	padding:0 10px;
	font-size:12px;
}
.rBtn.rBtnM .rBtnNme{
	padding:0 15px;
	font-size:13px;
}
.rBtn.rBtnL .rBtnNme{
	padding:0 20px;
	font-size:14px;
}


.search-selected{
	border:1px solid #4DB6AC !important;
}

/*SIZE*/
.rBtnS{
	height:30px;
	line-height:30px;
}
.rBtnM{
	height:40px;
	line-height:40px;
}
.rBtnL{
	height:50px;
	line-height:50px;
}

/*Size*/
.rBtn.rBtnS .rBtnIcn{
	width:30px;
	height:30px;
	padding:8px;
}
.rBtn.rBtnM .rBtnIcn{
	width:40px;
	height:40px;
	padding:12px;
}
.rBtn.rBtnL .rBtnIcn{
	width:50px;
	height:50px;
	padding:16px;
}








/*COLOR*/
/**/
.rBtnBgGreen{
	background:#4DB6AC;
	color:#fff;
}
.rBtnBgGreen:hover{
	background:#26A69A;
	color:#fff;
}
/**/
.rBtnBgRed{
	background:#ef9a9a;
	color:#fff;
}
.rBtnBgRed:hover{
	background:#e57373;
	color:#fff;
}
.rBtnColorRed{
	color:#ef9a9a;
}
.rBtnColorRed:hover{
	color:#e57373;
}
.rBtnColorBlue{
	color:#7986CB;
}
.rBtnColorBlue:hover{
	color:#5C6BC0;
}

/**/
.rBtnBgBlue {
    background: #7986CB;
    color: #fff;
}
.rBtnBgBlue:hover {
    background: #5C6BC0;
    color: #fff;
}
.rBtnBgYellow{
	background:#FFEE58;
}
.rBtnBgYellow:hover{
	background:#FFEB3B;
}




/*PAGINATION*/
.pagination{
	
}
.pagination li{
	display:inline-block;
	margin:0 3px 0 0;
}
.pagination li a{
	display:block;
	width:30px;
	height:30px;
	border-radius:4px;
	line-height:30px;
	text-align:center;
	background:#fff;
	color:#333;
	text-decoration:none;
}
.pagination li a:hover{
	background:#7986CB;
	color:#fff;
	text-decoration:none;
}
/**/
.pagination li.prev {
	width:30px;
	height:30px;
	border-radius:4px;
	line-height:30px;
	text-align:center;
	background:#fff;
	color:#333;
}
/**/
.pagination li.active{
	
}
.pagination li.active a{
	display:block;
	width:30px;
	height:30px;
	border-radius:4px;
	line-height:30px;
	text-align:center;
	background:#7986CB;
	text-decoration:none;
	color:#fff;
}
.pagination li.active a:hover{
	color:#fff;
	text-decoration:none;
}
/**/
.pagination li.next{
	
}
.pagination li.next a{
	
}
/**/
.pagination li.disabled{
	width:30px;
	height:30px;
	border-radius:4px;
	line-height:30px;
	text-align:center;
	background:#fff;
	color:#333;
}


/*FORM*/
.form-group{
	position:relative;
	margin:0 0 30px 0;
}
.form-group label{
	font-size:12px;
	font-weight:400;
	color:#78909C;
}
.form-group .field{
	position:relative;
}
.form-group input, .form-group select{
	position:relative;
	display:inline-block;
	width:100%;
	height:42px;
	line-height:42px;
	padding:0 10px;
	background:#fff;
	border:1px solid #eceff1;
	transition:0.3s;
	outline:none;
	border-radius:4px;
	font-size:14px;
	color:#2c2e3e;
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
}

.form-group .field.prepend{
	padding:0 0 0 40px;
}
.form-group .field.prepend.append{
	padding:0 40px 0 40px;
}
.form-group .field.append{
	padding:0 40px 0 0;
}
.form-group .field.prepend input, .form-group .field.prepend select{
	border-radius:0 4px 4px 0;
}
.form-group .field.prepend.append input, .form-group .field.prepend.append select{
	border-radius:0;
}
.form-group .field.append input, .form-group .field.append select{
	border-radius:4px 0 0 4px;
}
.form-group .field span.prepend, .form-group .field span.append{
	display:block;
	width:40px;
	height:40px;
	line-height:40px;
	background:#eceff1;
	text-align:center;
	border-radius:4px 0 0 4px;
	font-size:14px;
	font-weight:400;
	color:#78909C;
}
.form-group .field span.prepend{
	position:absolute;
	top:0;
	left:0;
	border-radius:4px 0 0 4px;
}
.form-group .field span.append{
	position:absolute;
	top:0;
	right:0;
	border-radius:0 4px 4px 0;
}


.form-group input:focus, .form-group select:focus, .form-group textarea:focus{
	border:1px solid #eceff1;
}
.has-success label, .has-success label{
	color:#34bfa3 !important;
}
.has-error label, .has-error label{
	color:#f4516c !important;
}
.help-block{
	display:none;
}
.invalid{
	border:1px solid #f4516c;
}
.has-error label{
	animation-name: labelError;
	animation-duration: 2s;
	animation-delay: 0s;
	animation-iteration-count: 9999;
	animation-fill-mode: both;
	animation-timing-function: linear;
	animation-play-state:running;
}
@-webkit-keyframes labelError {
	0%{
		opacity:0;
	}
	25%{
		opacity:1;
	}
	75%{
		opacity:1;
	}
	100%{
		opacity:0;
	}
}



.categoriesSelect{
	
}
.categoriesSelectTitle{
	display: inline-block;
    width: 100%;
    height: 40px;
	line-height:40px;
    padding: 0 10px;
    background: #fff;
    border: 1px solid #eceff1;
    transition: 0.3s;
    outline: none;
    border-radius: 4px;
    font-size: 14px;
    color: #2c2e3e;
	margin:0 0 10px 0;
}

.categoriesSelectList{
	padding:5px 0;
	background: #fff;
    border: 1px solid #eceff1;
    transition: 0.3s;
    outline: none;
    border-radius: 4px;
    font-size: 14px;
    color: #2c2e3e;
}
.categoriesSelectList li{
	display:block;
	padding:5px 10px;
	cursor:pointer;
	transition: 0.3s;
}
.categoriesSelectList li:hover{
	background:#f8f8f8;
}
.categoriesSelectList li.active{
	color:#ef9a9a;
}
.dropDown{
	display:block;
	position:relative;
}
.dropDownBtn{
	display:block;
	position:relative;
	background:#fff;
	border-radius:4px;
	cursor:pointer;
	height: 40px;
    line-height: 40px;
	padding:0 10px;
}
.dropDownBtn:after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 50%;
	transform:translate(0, -50%);
    right: 10px;
    font-size: 10px;
}
.dropDownList{
	display:none;
	position:absolute;
	width:100%;
	top:65px;
	left:0px;
	z-index:3;
	background:#fff;
	border-radius:4px;
	max-height:300px;
	border:1px solid #ebebeb;
	z-index:999;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
.dropDownList li{
	padding:7px 10px;
	cursor:pointer;
	transition:0.3s;
}
.dropDownList li.level-2{
	padding-left:20px;
}
.dropDownList li.level-3{
	padding-left:30px;
}
.dropDownList li.selected{
	background:#ebebeb;
	color:#7986CB;
}
.dropDownList li.disabled{
	font-weight:700;
	pointer-events: auto! important;
	cursor: not-allowed! important;
}
.dropDownList li:hover{
	background:#ebebeb;
}

#overlay{
	display:none;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:9;
	background:rgba(0,0,0,0.5);
}


/*checkbox invoice*/
.u2CheckboxLabel{
	position:relative !important;
	top:0 !important;
	display: block !important;
    max-width: 100% !important;
    margin-bottom: 20px !important;
    font-weight: normal !important;
	border-bottom:1px dashed #dedede;
	padding:0 0 25px 0;
}
.u2CheckboxLabel input {
	position: absolute;
	z-index: -1;
	opacity: 0;	
}
.u2CheckboxNme {
	position: relative;
	padding: 5px 0 0 40px;
	cursor: pointer;
	display:flex;
	align-items:center;
}
.u2CheckboxNme div{
	display:flex;
	align-items:center;
	margin:0 20px 0 0;
	font-size:14px;
	font-weight:400;
}
.u2CheckboxNme div small{
	padding:0 5px 0 0;
	color:#78909C;
	font-size:14px;
	font-weight:400;
}
.u2CheckboxNme:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	border-radius: 4px;
	background: #fff;
	border:1px solid #eceff1;
	transition: .2s;
}
.u2CheckboxNme:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	border-radius: 4px;
	transition: .2s;
}
.u2CheckboxLabel input:checked + .u2CheckboxNme:before {
	content: '\f00c';
	font-family: "Font Awesome 5 Free";
	width:30px;
	height:30px;
	display:block;
	line-height:30px;
	text-align:center;
}
.u2CheckboxLabel input:checked + .u2CheckboxNme:after {
	left: 0px;
}
.u2CheckboxLabel input:focus + .u2CheckboxNme:before {
	
}


/*checkbox drop*/
.uCheckboxLabel{
	position:relative !important;
	top:0 !important;
	display: block !important;
    max-width: 100% !important;
    margin-bottom: 0 !important;
    font-weight: normal !important;
}
.uCheckboxLabel input {
	position: absolute;
	z-index: -1;
	opacity: 0;	
}
.uCheckboxNme {
	position: relative;
	padding: 5px 0 0 40px;
	cursor: pointer;
	display:block;
}
.uCheckboxNme:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	border-radius: 4px;
	background: #fff;
	border:1px solid #eceff1;
	transition: .2s;
}
.uCheckboxNme:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	border-radius: 4px;
	transition: .2s;
}
.uCheckboxLabel input:checked + .uCheckboxNme:before {
	content: '\f00c';
	font-family: "Font Awesome 5 Free";
	width:30px;
	height:30px;
	display:block;
	line-height:30px;
	text-align:center;
}
.uCheckboxLabel input:checked + .uCheckboxNme:after {
	left: 0px;
}
.uCheckboxLabel input:focus + .uCheckboxNme:before {
	
}

/*checkboxMin*/
.checkboxMin{
	
}
.checkboxMin input {
	position: absolute;
	z-index: -1;
	opacity: 0;	
}
.checkboxMinText {
	position: relative;
	cursor: pointer;
	display:block;
}
.checkboxMinText:before {
	content: '';
	position: absolute;
	top: 50%;
	transform:translate(0, -50%);
	left: 0;
	width: 16px;
	height: 16px;
	border-radius: 4px;
	background: #e5e3ef;
	transition: .2s;
}
.checkboxMinText:after {
	content: '';
	position: absolute;
	top: 50%;
	transform:translate(0, -50%);
	left: 0;
	width: 16px;
	height: 16px;
	border-radius: 4px;
	transition: .2s;
}
.checkboxMin input:checked + .checkboxMinText:before {
	content: '';
	width:16px;
	height:16px;
	display:block;
	line-height:20px;
	text-align:center;
	background:#716aca;
}
.checkboxMin input:checked + .checkboxMinText:after {
	left: 0px;
}
.checkboxMin input:focus + .checkboxMinText:before {
	
}


/*checkbox*/
.checkbox{
	position:relative !important;
	top:-11px !important;
	display: block !important;
    max-width: 100% !important;
    margin-bottom: 0 !important;
    font-weight: normal !important;
}
.checkbox input {
	position: absolute;
	z-index: -1;
	opacity: 0;	
}
.checkbox_text {
	position: relative;
	padding: 10px 0 0 50px;
	cursor: pointer;
	display:block;
}
.checkbox_text:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	border-radius: 4px;
	background: #fff;
	border:1px solid #eceff1;
	transition: .2s;
}
.checkbox_text:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	border-radius: 4px;
	transition: .2s;
}
.checkbox input:checked + .checkbox_text:before {
	content: '\f00c';
	font-family: "Font Awesome 5 Free";
	width:40px;
	height:40px;
	display:block;
	line-height:40px;
	text-align:center;
}
.checkbox input:checked + .checkbox_text:after {
	left: 0px;
}
.checkbox input:focus + .checkbox_text:before {
	
}

.select2-selection{
	height:40px !important;
	line-height:40px !important;
	padding:0 10px !important;
	border:1px solid #eceff1 !important;
}
.select2-container--krajee .select2-selection__arrow{
	height:40px !important;
	border-left: 1px solid #eceff1 !important;
}
.select2-container--krajee .select2-selection__clear{
	top:0 !important;
}
.select2-container--krajee .select2-dropdown {
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border-color: #eceff1 !important;
    overflow-x: hidden;
    margin-top: -1px;
}


.scroll{
	overflow:hidden;
	overflow-y:auto;
}
.scrollH250{
	height:250px;
}
.scroll::-webkit-scrollbar-button {
	width:3px;
	height:0px
}
.scroll::-webkit-scrollbar-track {
}
.scroll::-webkit-scrollbar-thumb {
	background-color:none;
}
.scroll::-webkit-scrollbar-thumb:hover{
}
.scroll::-webkit-resizer{
	width:3px;
	height:0px
}
.scroll::-webkit-scrollbar{
	width: 3px;
}