body{
	overflow:hidden;
}
.width{
	max-width:1200px;
}
.signinPage{
	
}
.signinForm{
	max-width:500px;
	margin:0 auto;
}
.board{
	height:100vh;
}
/*boardSidebar*/
.boardSidebar{
	position:fixed;
	top:0;
	left:0;
	height:100vh;
	box-shadow: 0 0 20px rgba(0,0,0,0.05);
	transition:0.3s;
	z-index:9;
}
.boardDesktop .boardSidebar{
	width:270px;
}
.boardMobile .boardSidebar{
	width:70px;
}
.boardSidebarLogo{
	position:relative;
	display:flex;
	padding:0 20px;
	align-items:center;
	width:100%;
	height:70px;
	text-decoration:none;
}
.boardSidebarLogo:focus, .boardSidebarLogo:hover{
	text-decoration:none;
}
.boardSidebarLogo img{
	width:40px;
	height:40px;
	margin:0 20px 0 0;
}
.boardSidebarLogo span{
	color:#fff;
	font-size:24px;
	font-weight:400;
}
/*boardSidebarMenu*/
.sbr-mnu{	
	height:100vh;
	overflow-y:auto;
	padding:0 0 100px 0;
}
/*1*/
.sbr-mnu > ul{
	
}

@media (max-width: 980px) {
.boardSidebar{
	left:-100%;
	padding:40px 0 0 0;
}	
.boardSidebar.show{
	left:0;
}	
}

.sbr-mnu > ul > li{
	display:block;
	position:relative;
	padding:0 20px;
}
.sbr-mnu > ul > li.sbr-mnu-drp{
	padding:20px 20px 20px 20px;
	border-top:1px solid rgba(255,255,255,0.05);
	border-bottom:1px solid rgba(0,0,0,0.3);
}
.sbr-mnu > ul > li.sbr-mnu-drp:first-child{
	border-top:none;
}
.sbr-mnu > ul > li.sbr-mnu-drp:last-child{
	border-bottom:none;
}
.sbr-mnu > ul > li.sbr-mnu-drp .sbr-mnu-drp-tle{
	position:relative;
	display:block;
	height:50px;
	line-height:50px;
	color:#686c89;
	font-size:14px;
	font-weight:600;
	text-transform:uppercase;
	padding:0 0 0 40px;
	text-decoration:none;
	cursor:pointer;
}
.sbr-mnu > ul > li.sbr-mnu-drp > .sbr-mnu-drp-tle img{
	position:absolute;
	top:50%;
	transform:translate(0, -50%);
	left:0;
	width:30px;
	height:30px;
}


/*2*/
.sbr-mnu > ul > li > ul{
	
}
.sbr-mnu > ul > li > ul > li{
	display:block;
	position:relative;
}
.sbr-mnu > ul > li > ul > li .sbr-mnu-alrt small{
	position:absolute;
	top:50%;
	right:0;
	transform:translate(0, -50%);
	display:block;
	width:18px;
	height:18px;
	line-height:16px;
	border-radius:10px;
	text-align:center;
	background:#7986CB;
	font-size:12px;
	font-weight:500;
	color:#fff;
}
.fadeIn{
	animation-name: fadeIn;
	animation-duration: 2s;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
	animation-timing-function: linear;
	animation-play-state:running;
}
@-webkit-keyframes pulse {
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}


.sbr-mnu > ul > li > ul > li > a{
	position:relative;
	display:block;
	color:#adb1c9;
	font-size:14px;
	font-weight:400;
	text-decoration:none;
	transition:0.2s;
	padding:7px 0 7px 40px;
}
.sbr-mnu > ul > li > ul > li > a:before{
	content:'';
	position:absolute;
	top:50%;
	transform:translate(0, -50%);
	left:10px;
	display:block;
	width:6px;
	height:6px;
	border-radius:6px;
	border:1px solid #adb1c9;
}
.sbr-mnu > ul > li > ul > li:hover > a, .sbr-mnu > ul > li > ul > li.active > a{	
	color:#7986CB;
}
.sbr-mnu > ul > li > ul > li:hover > a:before, .sbr-mnu > ul > li > ul > li.active > a:before{
	background:#7986CB;
	border:1px solid #7986CB;
}




.extendSearchBtnShow.hide{
	display:none;
}

.extendSearchBtnHide.hide{
	display:none;
}
.extendSearch{
	display:none;
}
.extendSearch.show{
	display:block;
	padding:15px 0 0 0;
}

/*boardContainer*/
.boardContainer{
	height:100vh;
	overflow-y:auto;
	padding:70px 0 0 0;
}
.boardContainerHead{
	position:fixed;
	top:0;
	left:270px;
	right:0;
	background:#fff;
	box-shadow: 0 0 20px rgba(0,0,0,0.05);
	z-index:9;
}
.boardContainerHeadInner{
	display:flex;
	flex-wrap:wrap;
	height:70px;
	align-items: center;
	justify-content:space-between;
	padding:0 20px;
}
.boardContainerPanel{
	display:flex;
	flex-wrap:wrap;
	align-items: center;
}
.boardFooter{
	position: fixed;
    bottom: 0;
    left: 270px;
    right: 0;
    background: #fff;
	padding:10px 20px;
    box-shadow: 0 0 20px rgba(0,0,0,0.05);
    z-index: 9;
}
.boardFooter a{
	color:#333;
	text-decoration:none;
}
.boardFooter a:hover{
	
}

@media (max-width: 980px) {
.boardContainer{
	padding:40px 0 0 0;
}
.boardContainerHead{
	left:0px;
}	
.boardContainerHeadInner{
	padding:0 10px;
	height:40px;
}
.boardFooter{
    display:none;
}	
}
/*Store*/

.currentStore{
	position:relative;
	height:70px;
	line-height:70px;
	padding:0 20px;
	border-left:1px solid #ECEFF1;
}
.currentStore .currentStoreName{
	font-size:16px;
	font-weight:600;
	padding:0 10px 0 0;
}
.currentStore .currentStoreLink{
	font-size:16px;
	color:#333;
	text-decoration:none;
	background:#ECEFF1;
	display:inline-block;
	padding:5px 10px;
	border-radius:4px;
	margin:0 10px 0 0;
	transition:0.3s;
}
.currentStore .currentStoreLink:hover{
	color:#333;
	text-decoration:none;
	background:#CFD8DC;
}
.currentStore .currentStoreSetting{
	color:#444;
}
/*sign out*/
.signOutButton{
	width:70px;
	height:70px;
	line-height:70px;
	text-align:center;
	border-left:1px solid #ECEFF1;
}

.slideButton{
	position:absolute;
	top:0;
	left:0;
	width:70px;
	height:70px;
	line-height:70px;
	text-align:center;
	border-right:1px solid #ECEFF1;
}
@media (max-width: 980px) {
.signOutButton, .slideButton{
	height:40px;
	width:40px;
	line-height:40px;
}
}


.btnViber{
	display:inline-block;
	padding:2px 5px;
	border-radius:4px;
	text-decoration:none;
	font-size:12px;
	color:#fff !important;
	background:#7986CB;
}
.btnSms{
	display:inline-block;
	padding:2px 5px;
	border-radius:4px;
	text-decoration:none;
	font-size:12px;
	color:#333 !important;
	background:#FFCA28;
}
.btnCall{
	display:inline-block;
	padding:2px 5px;
	border-radius:4px;
	text-decoration:none;
	font-size:12px;
	color:#333 !important;
	background:#FFCA28;
}


.oTableRow{
	background:#fff;
	border-radius:4px;
	margin:0 0 10px 0;
}
.oTableRow:hover{
	background:#f8f8f8;
}
.oTableRowA{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	padding:10px;
}
.oTableRowA > div{
	
}
.oTableColNum{
	width:5%;
}
.oTableColNum a{
	display:inline-block;
	padding:0 10px;
	height:30px;
	border-radius:4px;
	text-align:center;
	line-height:30px;
	text-decoration:none;
	color:#fff;
}
.oTableColNum .viewed-0{
	background:#4DB6AC;
}
.oTableColNum .viewed-1{
	background:#ef9a9a;
}
.oTableColStore{
	width:7%;
}
.oTableColName{
	width:16%;
	margin:0 1% 0 0;
}
.oTableColName span{
	display:block;
}
.oTableColShipping{
	width:8%;
}
.oTableColPayment{
	width:10%;
}
.oTableColDate{
	width:10%;
}
.oTableColSum{
	width:5%;
}
.oTableColStatus{
	width:10%;
	text-align:right;
}
.oTableColStatus span{
	display:inline-block;
	padding:0 10px;
	height:30px;
	border-radius:4px;
	text-align:center;
	line-height:30px;
	font-size:12px;
	color:#fff;
}
.oTableColStatus i{
	display:inline-block;
	font-weight:bold;
	width:20px;
	height:20px;
	border-radius:10px;
	line-height:18px;
	text-align:center;
	background:#4DB6AC;
	font-size:16px;
	color:#fff;
}
.oTableColInvoice{
	width:10%;
	text-align:right;
}
.oTableColInvoice .np-inv{
	display:inline-block;
	padding:0 10px;
	height:30px;
	border-radius:4px;
	text-align:center;
	line-height:30px;
	font-size:12px;
	background:#f44336;
	color:#fff;
}
.np-status-2{
	background:#78909C !important;
}
.np-status-1{
	background:#4DB6AC !important;
}
.oTableColInvoice .up-inv{
	display:inline-block;
	padding:0 10px;
	height:30px;
	border-radius:4px;
	text-align:center;
	line-height:30px;
	font-size:12px;
	background:#FFA726;
	color:#fff;
}
.oTableColInvoice .up-status-0{
	background:#FFA726 !important;
}
.oTableColInvoice .up-status-1{
	background:#2b7e76 !important;
}
.oTableColInvoice .up-status-2{
	background:#78909C !important;
}
.oTableColChecklist{
	width:10%;
	text-align:right;
}
.oTableColChecklist span{
	display:inline-block;
	padding:0 10px;
	height:30px;
	border-radius:4px;
	text-align:center;
	line-height:30px;
	font-size:12px;
	background:#e0e6ea;
	color:#444;
}
.oTableColCallback{
	width:5%;
	text-align:center;
}

.oTableColShow{
	width:3%;
	text-align:right;
}
.oTableColShow .oTableColShowBtn{
	position:relative;
	display:inline-block;
	width:30px;
	height:30px;
	background:#e0e6ea;
	border-radius:15px;
	text-align:center;
	line-height:30px;
	cursor:pointer;
}
.oTableColShow .oTableColShowBtn img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:10px;
}
.oTableRow.active .oTableColShow .oTableColShowBtn img{
	transform:translate(-50%, -50%) rotate(180deg);
}
/**/
.oTableRowB{
	display:none;
	margin:10px 10px 10px 5.5%;
	border-top:1px dashed #dedede;
}
.oTableRow.active .oTableRowB{
	display:block;
}
.oTableColProds{
	padding:0 0 0 0;
}

.oTableColProds{
	
}
.oTableColProd{
	display:flex;
	align-items:center;
	padding:5px 0;
	border-bottom:1px dashed #dedede;
}
.oTableColProd:last-child{
	border-bottom:none;
}
.oTableColProdImage{
	width:18%;
	margin:0 2% 0 0;
}
.oTableColProdImage img{
	display:block;
	width:100%;
	height:auto;
}
.oTableColProdName{
	width:55%;
	margin:0 5% 0 0;
}
.oTableColProdName p{
	font-size:14px;
}
.oTableColProdQty{
	width:10%;
}
.oTableColProdSum{
	width:10%;
}
.oTableColProdBtn{
	width:20%;
	text-align:right
}
.oTableColProdOptions{
	
}
.oTableColProdOption{
	
}
.oTableColProdOption span{
	
}
.oTableColProdOption span:after{
	content:':';
}
.oTableColProdOption span:last-child:after{
	display:none;
}

.alertOtherManager{
	padding:10px;
	border-radius:4px;
	color:#fff;
	font-size:14px;
	font-weight:500;
	background:#ef9a9a;
	margin:0 0 10px 0;
}
.oTableColBtns{
	text-align:right;
	margin:15px 0 0 0;
}
.oTableColBtns span{
	display:inline-block;
	padding:8px;
	border-radius:20px;
	background:#90A4AE;
	cursor:pointer;
}
.oTableColBtns span img{
	display:block;
	width:14px;
	height:14px;
}
.oTableColBtns span:last-child img{
	transform:rotate(180deg);
}
.boardDesktop .boardContainer{
	margin:0 0 0 270px;
}
.boardMobile .boardContainer{
	margin:0 0 0 70px;
}
.boardPage{
	position:relative;
}
@media (max-width: 980px) {
.boardDesktop .boardContainer{
	margin:0;
}	
}
.boardPageHeader{
	display:flex;
	flex-wrap:wrap;
	height:71px;
	align-items: center;
	justify-content:space-between;
	padding:0 20px;
	margin:0 0 10px 0;
}
.boardPageHeaderTitle{
	font-size: 18px;
	text-transform: uppercase;
    font-weight: 600;
}
.boardPageHeaderControls{
	
}
@media (max-width: 980px) {
.boardPageHeader{
	padding:10px;
	height:auto;

}	
.boardPageHeaderTitle{
	margin:0 0 10px 0;
}
.boardPageHeaderControls{
	
}
}



.smsHistory{
	height:300px;
}
.smsHistory li{
	display:flex;
	align-items:center;
	border-bottom:1px dashed #dedede;
	padding:10px 0;
}
.smsHistory li small{
	width:12px;
	height:12px;
	border-radius:6px;
	margin:0 10px 0 0;
}
.smsHistory li .smsText{
	width:70%;
}
.smsHistory li .smsDate{
	width:30%;
	text-align:right;
}
.smsHistory li .smsError{
	width:30%;
	text-align:right;
	color:#f20000;
}


/*contentBody*/
.boardPageContent{
	margin:0 20px;
}
.boardPageContentScroll{

}
.boardPageContentScroll > div{
	
}
.boardPageSearchSection{
	padding:10px;
	background:#fff;
	border-radius:4px;
}
.boardPageSearchSection .form-group{
    margin: 0;
}
@media (max-width: 980px) {
.boardPageContent{
	margin:0 10px;
}	
}

.img-col{
	position:relative;
}
.img-col a.img-del{
	position:absolute;
	top:10px;
	left:10px;
	z-index:2;
	
}
.img-col img{
	border-radius:4px;
	display:block;
	max-width:100%;
	height:auto;
}
/*TABS*/
.rTabs{
	
}
.rTabsNav{
	display:flex;
	flex-wrap:wrap;
	margin:0 0 10px 0;
}
.rTabsNav li{
	position:relative;
	background:#fff;
	border-radius:0px;
	padding:10px 20px;
	font-weight:600;
	cursor:pointer;
	border-radius:4px;
	margin:0 10px 0 0;
}
.rTabsNav li svg{
	width:50px;
	height:50px;
}
.rTabsNav li svg path{
	fill:#fff;
}
.rTabsNav li.active{
	
}
.rTabsNav li.active:after{
	content:'';
	position:absolute;
	left:50%;
	bottom:-5px;
	transform:translate(-50%, 0);
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 5px solid;
}
.rTabsNav a{
	
}
.rTabsContent {
  display: none;
}
.rTabsContent.active {
  display: block;
}

audio{
	outline:none;
}

.order-scansheet-list{
	padding:10px 0;
}
.order-scansheet-new{

}
.order-scansheet-new input{
	height:40px;
	line-height:40px;
}

.dtaCnt{
	background:#fff;
	border-radius:4px;
	padding:10px;
}
.dtaCntTle{
	font-size:14px;
	font-weight:600;
	color:#7986CB;
	margin:0 0 10px 0;
}
.dtaCntLst{
	
}
.dtaCntLst > li{
	display:flex;
	align-items:center;
	padding:5px 0;
	border-bottom:1px dashed #dedede;
}
.dtaCntLst > li:hover{
	background:#f8f8f8;
}
.dtaCntLst > li:last-child{
	border-bottom:none;
}
.dtaCntLst > li span{
	display:flex;
	align-items:center;
	width:50%;
}
.dtaCntLst > li span a{
	color:#fff !important;
	margin:0 10px 0 0;
}
.dtaCntLst > li span a:first-child{
	margin:0 10px 0 10px;
}
.dtaCntLst > li span:first-child{
	font-weight:600;
}
.dtaCntLst > li span:last-child a{
	color:#7986CB;
	text-decoration:none;
}
.dtaCntLst > li .form-group{
	margin:0;
}
.dtaCntLst > li input, .dtaCntLst > li select{
	height:30px;
	line-height:30px;
}
.dtaCntLst > li textarea{
	height:60px;
	line-height:125%;
}


.dtaCntProds{
	
}
.dtaCntProd{
	display:flex;
	align-items:center;
	padding:10px 0;
	border-bottom:1px dashed #dedede;
}
.dtaCntProd > div{
	margin:0 0 0 20px;
}
.dtaCntProdImg{
	width:5%;
}
.dtaCntProdNme{
	width:50%;
}
.dtaCntProdEan{
	width:10%;
}
.dtaCntProdPce{
	width:35%;
}



/*rField*/
.rGrid{
	display:flex;
	flex-wrap:wrap;
	margin:0 0 0 -20px;
}
.rGrid > .rCol-right{
	text-align:right;
}
.rGrid > .rCol{
	margin:0 0 0 20px;
}
.rGrid > .rCol-1{
	width:calc(8.333333% - 20px);
	margin:0 0 0 20px;
}
.rGrid > .rCol-2{
	width:calc(16.666667% - 20px);
	margin:0 0 0 20px;
}
.rGrid > .rCol-3{
	width:calc(25% - 20px);
	margin:0 0 0 20px;
}
.rGrid > .rCol-4{
	width:calc(33.3333333% - 20px);
	margin:0 0 0 20px;
}
.rGrid > .rCol-5{
	width:calc(41.666667% - 20px);
	margin:0 0 0 20px;
}
.rGrid > .rCol-6{
	width:calc(50% - 20px);
	margin:0 0 0 20px;
}
.rGrid > .rCol-7{
	width:calc(58.333333% - 20px);
	margin:0 0 0 20px;
}
.rGrid > .rCol-8{
	width:calc(66.666667% - 20px);
	margin:0 0 0 20px;
}
.rGrid > .rCol-9{
	width:calc(75% - 20px);
	margin:0 0 0 20px;
}
.rGrid > .rCol-10{
	width:calc(83.333333% - 20px);
	margin:0 0 0 20px;
}
.rGrid > .rCol-11{
	width:calc(91.666667% - 20px);
	margin:0 0 0 20px;
}
.rGrid > .rCol-12{
	width:calc(100% - 20px);
	margin:0 0 0 20px;
}















/*rTable*/
.rTable{
	position:relative;
}
/*head*/
.rTable .rTableHead{
	padding:10px 0;
	background:#e0e6ea;
	border-radius:4px;
	margin:0 0 10px 0;
}
@media (max-width: 980px) {
	
}


.rTable .rTableHead .rTableRow{
	position:relative;
	display:flex;
	flex-wrap:wrap;
	padding:0 10px 0 40px;
}
.rTable .rTableHead .rTableRow{
	
}
.rTable .rTableHead .rTableRow .rTableCol{
	font-size:12px;
	font-weight:400;
	color:#78909C;
	text-align:left;
}
.rTable .rTableHead .rTableRow .rTableColNum{
	position:absolute;
	top:50%;
	left:10px;
	transform:translate(0, -50%);
	font-size: 12px;
    font-weight: 400;
    color: #78909C;
}
/*body*/
.rTable .rTableBody{
	padding:0 0 100px 0;
}


.rTable .rTableBody .rTableRow{
	position:relative; 
	display:flex;
	flex-wrap:wrap; 
	/*align-items: center;*/
	background:rgba(255,255,255,1);
	margin:0 0 2px 0;
	border-radius:4px;
	transition:0.3s;
	padding:16px 10px 16px 40px;
}
.rTable .rTableBody .rTableRow:hover{
	background:rgba(255,255,255,0.5);
}
.rTable .rTableBody .rTableCol-right{
	justify-content:flex-end;
}
.rTable .rTableBody .rTableCol-center{
	justify-content:center;
}
.rTable .rTableBody .rTableColNum{
	position:absolute;
	top:50%;
	left:10px;
	transform:translate(0, -55%);
	font-size: 12px;
    font-weight: 400;
    color: #78909C;
}
/**/
.rTable .rTableCol{
	display:flex;
	align-items:center;
	
}
.rTable .rTableCol-1{
	width:8.333333%;
}
.rTable .rTableCol-2{
	width:16.666667%;
}
.rTable .rTableCol-3{
	width:25%;
}
.rTable .rTableCol-4{
	width:33.333333%;
}
.rTable .rTableCol-5{
	width:41.666667%;
}
.rTable .rTableCol-6{
	width:50%;
}
.rTable .rTableCol-7{
	width:58.333333%;
}
.rTable .rTableCol-8{
	width:66.666667%;
}
.rTable .rTableCol-9{
	width:75%;
}
.rTable .rTableCol-10{
	width:83.333333%;
}
.rTable .rTableCol-11{
	width:91.666667%;
}
.rTable .rTableCol-12{
	width:100%;
}
/**/
.rTableCol-name{
	
}
.rTableCol-name a{
	color:#333;
}
.rTableCol-name a.active{
	color:#7986CB;
}
/**/
.rTableCol-col-desposition{
	
}
.rTableCol-col-desposition span{
	display:inline-block;
	padding: 0px 10px;
	height:30px;
	line-height:30px;
    border-radius: 4px;
    color: #fff;
}

.calltype{
	
}
.calltype .calltype-0{
	
}
.calltype .calltype-1{
	
}
/**/
.rTableCol-indicator{
	display:flex;
}
.rTableCol-indicator span{
	width:24px;
	margin:0 0 0 10px;
}

/**/
.rTableCol-status{
	
}
.rTableCol-status span{
	display:inline-block;
	padding: 0px 10px;
	height:30px;
	line-height:30px;
    border-radius: 4px;
    color: #fff;
}
/**/
.rTableCol-order-num a{
	padding:0px 10px;
	border-radius:4px;
	height:30px;
	line-height:30px;
	color:#fff;
}
.rTableCol-order-num span{
	padding:0px 10px;
	border-radius:4px;
	height:30px;
	line-height:30px;
	color:#333;
	background:#e0e6ea;
}
.rTableCol-order-num a.viewed-0{
	background:#4DB6AC;
}
.rTableCol-order-num a.viewed-1{
	background:#ef9a9a;
}

.checklist-active-1{
	background:#4DB6AC;
}
.checklist-active-0{
	background:#ef9a9a;
}

.viber{
	background:#7986CB;
}
.telegram{
	background:#2196f3;
}
.whatsapp{
	background:#2196f3;
}


.callGroup{
	align-items:center;
}
.callGroupA{
	width:15%;
}
.callGroupName a{
	font-size:20px;
	font-weight:400;
	text-decoration:none;
	color:#3F51B5;
}
.callGroupB{
	width:70%;
}
.callGroupCall{
	display:flex;
	align-items:center;
	padding:10px 0;
	border-bottom:1px dashed #dedede;
}
.callGroupCall:last-child{
	border-bottom:none;
}
.callGroupCallType{
	width:5%;
	font-size:18px;
}
.callType-0 i{
	color:#4CAF50;
}
.callType-1 i{
	transform:rotate(180deg);
	color:#f44336;
}
.callGroupCallDisposition{
	width:25%;
	text-align:right;
}
.callGroupCallWait{
	width:5%;
}
.callGroupCallEmployeeName{
	width:10%;
}
.callGroupCallPbxNumber{
	width:15%;
}
.callGroupCallPbxName{
	width:15%;
}
.callGroupCallDate{
	width:15%;
	
}
.callGroupCallRecord{
	width:10%;
}
.callGroupCallRecord audio{
	width:100% !important;
}
.callGroupC{
	width:15%;
}
.callGroupOrders{
	display:flex;
	align-items:center;
	justify-content:flex-end;
}
.callGroupOrdersAll{
	
}
.callGroupOrdersToday{
	
}
.callGroupOrdersAll div{
	display:flex;
}
.callGroupOrdersAll div a{
	display:flex;
	align-items:center;
	justify-content:center;
	line-height:30px;
	width:30px;
	height:30px;
	font-size:16px;
	color:#fff;
	margin:0 10px 0 0;
}

.viber{
	background:#7986CB;
}
.telegram{
	background:#2196f3;
}
.whatsapp{
	background:#43a047;
}




/**/
.rTableCol-img{
	padding:0 20px 0 0;
}
.rTableCol-name span{
	display:block;
	width:100%;
}
.rTableCol-name span.alias{
	color:#78909C;
	margin:0 0 5px 0;
}
.rTableCol-image{
	padding:0 40px 0 0;
}
/**/
.rTableCol-store{
	font-weight:600;
}
/**/
.rTableRowLevel{
	
}
.rTableRowLevel-1{
	padding:10px 10px 10px 40px;
}
.rTableRowLevel-2{
	padding:10px 10px 10px 60px !important;
}
.rTableRowLevel-3{
	padding:10px 10px 10px 80px !important;
}


.rTable .rTableCol a{
	text-decoration:none;
}
/*check all*/

.rTableCheckAll{
	display:none;
	width:16px;
	height:16px;
	border-radius:4px;
	background:#e5e3ef;
	cursor:pointer;
}
.rTableUncheckAll{
	display:none;
	width:16px;
	height:16px;
	border-radius:4px;
	background:#716aca;
	cursor:pointer;
}
/*property*/
.rTableRow .rTableCol .property-value-list{
	padding:0 0 0 20px;
}
.rTableRow .rTableCol .property-value-list > span{
	display:inline-block;
	background:#f8f8f8;
	padding:5px 10px;
	border-radius:4px;
	margin:0 3px 5px 0;
	cursor:pointer;
}
.rTableRow .rTableCol .property-value-list > span:hover{
	background:#ef9a9a;
	color:#fff;
}

/*events*/
.rTableRow .rTableCol .active-0{
	color:#ef9a9a;
}
.rTableRow .rTableCol .active-1{
	color:#4DB6AC;
}
/*events*/
.eventStatus, .eventTrash{
	position:relative;
}
.eventTrash i{
	font-size:14px;
	color:#f4516c;
}
.eventStatusLoader, .eventTrashLoader{
	display:none;
	position:absolute;
	top:0;
	color:#78909C;
	z-index:2;
	background:#fff;
	animation-name: eventLoader;
	animation-duration: 3s;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
	animation-timing-function: linear;
	animation-play-state:running;
}
.eventStatusLoader{
	left:0;
}
.eventTrashLoader{
	right:0;
}
@-webkit-keyframes eventLoader {
	0%{
		transform:rotate(0);
	}
	100%{
		transform:rotate(360deg);
	}
}

.statSection{
	background:#fff;
	padding:20px;
	border-radius:4px;
}
.statSectionTle{
	font-size:18px;
	font-weight:500;
	margin:0 0 30px 0;
}









/*footer*/
.rTableFooter{
	padding:20px 0 0 0;
}
.pagination-wrap{
	text-align:right;
}
.empty{
	padding:10px 0;
}
.summary{
	font-size:12px;
	color:#78909C;
}


.boardPageContentSection{
	margin:0 0 50px 0;
}

@media (max-width: 980px) {
.boardPageContentSection .rGrid > div{
    width: calc(100% - 20px);
    margin: 0 0 0 20px;
}	
}



.gallery{
	display:flex;
	flex-wrap:wrap;
	margin:0 0 0 -20px;
}
.galleryImage{
	width:calc(20% - 20px);
	margin:0 0 20px 20px;
	position:relative;
}
.galleryImage > span{
	position:absolute;
	top:10px;
	z-index:2;
	font-size:10px;
	text-transform:uppercase;
	border-radius:4px;
	padding:2px 5px;
	cursor:pointer;
}
.galleryImage.main-0 > span{
	background:#fff;
	opacity:0.6;
}
.galleryImage.main-0 > span:hover{
	opacity:0.9;
}
.galleryImage.main-1 > .galleryImageMain{
	background:#ef9a9a;
	color:#fff;
}
.galleryImage > .galleryImageMain{
	left:10px;
}
.galleryImage > .galleryImageDelete{
	right:10px;
	background:#fff;
	opacity:0.6;
}




.fieldDropdown{
	position:relative;
}
.fieldDropdown.show{
	z-index:999;
}
.fieldDropdown:after{
	content:"\f078";
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
	position:absolute;
	top:10px;
	right:10px;
	font-size:10px;
}
.fieldDropdown input{
	cursor:pointer;
}
.fieldDropdownResult{
	position:absolute;
	top:100%;
	padding-top:10px;
	left:0;
	right:0;
	display:none;
	z-index:99999;
}
.fieldDropdown:hover .fieldDropdownResult{
	
}
.fieldDropdownResult > div{
	min-height:150px;
	max-height:300px;
	overflow-y:auto;
	background:#fff;
	border-radius:4px;
	border:1px solid #eceff1;
}
.fieldDropdownResult > div > span{
	display:block;
	cursor:pointer;
	padding:6px 10px;
}
.fieldDropdownResult > div > span:hover{
	background:#f2f2f2;
}
.fieldDropdownResult > div > span span.level{
	display: inline-block;
    height: 1px;
    background: #444;
}
.fieldDropdownResult > div > span span.level-2{
	width: 10px;
    margin: 0 10px 0 0;
}
.fieldDropdownResult > div > span span.level-3{
	width: 20px;
    margin: 0 10px 0 0;
}



.ctyLst{
	background:#fff;
	border:1px solid #dedede;
	border-radius:3px;
	max-height:300px;
	overflow-y:auto;
}
.ctyLst li{
	padding:5px 10px;
	font-size:14px;
	cursor:pointer;
}
.ctyLst li:hover{
	background:#f2f2f2;
}


.training.hide{
	position:fixed;
	top:auto;
	right:20px;
	bottom:20px;
	z-index:9;
	width:400px;
	padding:20px;
	background:#fff;
	box-shadow: 0 0 20px rgba(0,0,0,0.05);
	border-radius:4px;
	animation-name: training;
	animation-duration: 7s;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
	animation-timing-function: linear;
	animation-play-state:running;
	transition:0.5s;

}
.training.show{
	position:fixed;
	top:20px;
	right:20px;
	bottom:20px;
	z-index:999;
	width:400px;
	padding:20px;
	background:#fff;
	box-shadow: 0 0 20px rgba(0,0,0,0.05);
	border-radius:4px;
	transition:0.5s;
}


.training.show .closeTraining{
	display:block;
}
.training.hide .closeTraining{
	display:none;
}
.training.show .openTraining{
	display:none;
}
.training.hide .openTraining{
	display:block;
}



.trainingTitle{
	position:relative;
}
.trainingTitle > span{
	font-size: 16px;
    font-weight: 600;
}
.trainingTitle > span small{
	font-size: 16px;
	text-transform:uppercase;
	color:#7986CB;
	padding:0 10px 0 0;
}
.trainingTitle > i{
	position:absolute;
	top:50%;
	right:20px;
	transform:translate(0, -50%);
	font-size:22px;
	cursor:pointer;
	color:#7986CB;
}
.trainingTitle > i:hover{
	color:#5C6BC0;
}

@-webkit-keyframes training {
	0%{
		bottom:20px;
	}
	90%{
		bottom:20px;
	}
	92%{
		bottom:40px;
	}
	94%{
		bottom:20px;
	}
	96%{
		bottom:30px;
	}
	98%{
		bottom:20px;
	}
	100%{
		bottom:20px;
	}
}

.training.hide .trainingContent{
	display:none;
}
.training.show .trainingContent{
	display:block;
	height:100%;
	overflow-y:auto;
	border-top:1px solid #eceff1;
	margin:20px 0;
	padding:20px 0;
	font-size:16px;
}
.trainingContentTitle{
	position:relative;
	font-size:18px;
	font-weight:600;
	color:#7986CB;
	padding:0 0 0 20px;
	margin:0 0 20px 0;
}
.trainingContentTitle:before{
	content:'';
	position:absolute;
	top:50%;
	left:0;
	transform:translate(0, -50%);
	display:block;
	width:8px;
	height:8px;
	background:#7986CB;
	border-radius:4px;
}
.trainingContent h2{
	font-size: 16px;
    font-weight: 600;
}
.trainingContent p{
	font-size:16px;
}
.trainingContent ul{
	
}
.trainingContent ul > li{
	position:relative;
	padding:5px 0 5px 20px;
}
.trainingContent ul > li:before{
	content:'';
	position:absolute;
	top:49%;
	left:0;
	display:block;
	width:4px;
	height:4px;
	background:#7986CB;
	border-radius:4px;
}







.table_sort {
	width:100%;
    border-collapse: collapse;
}
.table_sort thead {
	
 
}

.table_sort th {
    color: #333;
	font-weight:600;
}
.table_sort th.sort {
    color: #7986CB;
	font-weight:600;
    cursor: pointer;
}
.table_sort th:first-child{
	text-align:left;
}
.table_sort tr:hover{
	background:#f8f8f8;
}
.table_sort td,
.table_sort th {
    padding:10px;
    text-align: center;
    border:1px solid #dedede;
}
.table_sort td:first-child{
	text-align:left;
}
.table_sort tbody tr:nth-child(even) {
    
}

th.sorted[data-order="1"],
th.sorted[data-order="-1"] {
    position: relative;
}

th.sorted[data-order="1"]::after,
th.sorted[data-order="-1"]::after {
    right: 8px;
    position: absolute;
}

th.sorted[data-order="-1"]::after {
	content: "▼"
}

th.sorted[data-order="1"]::after {
	content: "▲"
}




.signPage{
	height:100vh;
	background:#242632;
}
.sign-lgo{
	position:absolute;
	top:50px;
	left:10%;
	padding:0 0 0 5px;
	display:flex;
	align-items:center;
	margin:0 0 30px 0;
}
.sign-lgo img{
	margin:0 20px 0 0;
}
.sign-lgo span{
	font-size:20px;
	font-weight:300;
	color:#fff;
}
@media (max-width: 980px) {
.sign-lgo{
	top:30px;
}
.sign-lgo img{
	width:40px;
	margin:0 20px 0 0;
}
.sign-lgo span{
	font-size:16px;
}	
}

.sign-dev{
	position:absolute;
	right:10%;
	bottom:50px;
	color:#e3e3e3;
	padding:0 5px 0 0;
	z-index:3;
}
.sign-dev a{
	color:#e3e3e3;
	text-decoration:none;
}
.signin-box{
	position:absolute;
	top:32%;
	left:10%;
	width:26.7%;
	padding:0 5px;
	z-index:9;
}
.signin-box-tle{
	font-size:42px;
	font-weight:200;
	color:#fff;
	margin:0 0 30px 0;
}
.signin-box .form-group input, .signin-box .form-group input:focus {
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    background: #191a1e;
    border: 1px solid #191a1e;
    transition: 0.3s;
    outline: none;
    border-radius: 4px;
    font-size: 14px;
    color: #cad1e4;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
	 -webkit-box-shadow: 0 0 0 30px #fff inset !important;
    -webkit-text-fill-color: #000;	
}
.signin-box .has-error input, .signin-box .has-error input:focus {
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    background: #191a1e;
    border: 1px solid #ef9a9a !important;
    transition: 0.3s;
    outline: none;
    border-radius: 4px;
    font-size: 14px;
    color: #cad1e4;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
	 -webkit-box-shadow: 0 0 0 30px #ef9a9a inset !important;
    -webkit-text-fill-color: #fff;	
}

.hme-bnr-text-bg {
    position: absolute;
    bottom: 50px;
    right: 10%;
    font-size: 280px;
    font-weight: 600;
    color: rgba(187,222,251,0.07);
    filter: blur(20px);
}
@media (max-width: 980px) {
.signin-box{
	width:40%;
}
.sign-dev{
	position:absolute;
	right:auto;
	left:10%;
	bottom:50px;
	color:#e3e3e3;
	padding:0 5px 0 0;
}
.signin-box-tle{
	font-size:32px;
}
.hme-bnr-text-bg {
    display:none;
}	
}
@media (max-width: 680px) {
.signin-box{
	width:80%;
}	
}


.lns{
	display:block;
	width:1px;
	height:100%;
	position:absolute;
	background:rgba(255,255,255,0.1);
	top:0;
}

.lns-ln-1{
	left:10%;
}
.lns-ln-2{
	left:36.7%;
}
.lns-ln-3{
	left:63.3%;
}
.lns-ln-4{
	left:90%;
}
@media (max-width: 980px) {
.lns-ln-1{
	left:10%;
}
.lns-ln-2{
	left:50%;
}
.lns-ln-3{
	display:none;
}
.lns-ln-4{
	left:90%;
}	
}
@media (max-width: 680px) {
.lns-ln-1{
	left:5%;
}
.lns-ln-2{
	display:none;
}
.lns-ln-4{
	left:95%;
}	
}




.modalAlert{
	position:fixed;
	bottom:-60px;
	right:20px;
	z-index:9;
	padding:20px;
	border-radius:4px;
	color:#fff;
	animation-name: modalAlert;
	animation-duration: 5s;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	animation-timing-function: linear;
	animation-play-state:running;
}
@-webkit-keyframes modalAlert {
	0%{
		opacity:0;
		bottom:-60px;
	}
	5%{
		opacity:1;
		bottom:60px;
	}
	95%{
		opacity:1;
		bottom:60px;
	}
	100%{
		opacity:0;
		bottom:-60px;
	}
}
.modalAlert ul{
	
}
.modalAlert ul li{
	position:relative;
	padding:2px 0 2px 10px;
}
.modalAlert ul li:before{
	content:'';
	position:absolute;
	top:50%;
	left:0;
	transform:translate(0, -50%);
	display:block;
	width:4px;
	height:4px;
	border-radius:2px;
	background:#fff;
}
.modalAlert.bg-red{
	background:#e57373;
}
.modalAlert.bg-green{
	background:#4DB6AC;
}




.boardPageContentScroll{
	overflow-x:scroll;
}
.rTable{
	min-width:1000px;
}

.containerSearchBtn{
	display:none;
}


.viber-desktop{
	display:block !important;
}
.viber-mobile{
	display:none !important;
}
@media (max-width: 980px) {
.viber-desktop{
	display:none !important;
}
.viber-mobile{
	display:block !important;
}	
	
}


@media (max-width: 980px) {

.containerSearchBtn{
	display:block;
	padding:10px 20px;
	font-weight:500;
	color:#7986CB;
	
}
.containerSearch{
	display:none;
}
.containerSearch.show{
	display:block;
}
.containerSearch{
	position:relative;	
	padding:10px 0  60px 0; 
}
.containerSearch .rGrid div{
	width:calc(100% - 0px);
}
.containerSearch .rGrid div .form-group{
	margin:0 0 10px 0 !important;
}
.extendSearch {
	display:block;
}
.extendSearchBtnShow {
	display:none !important;
}
.fltrBtns{
	position:absolute;
	bottom:0;
	left:0;
}


.boardPageHeader{
	
}
.boardPageHeaderTitle{
	width:100%;
}
.boardPageHeaderControls{
	width:100%;
	
}
.dtaCntLst > li span{
	flex-wrap:wrap;
}

.dtaCntLst > li span a, .dtaCntLst > li span a:first-child{
	width:100%;
	margin:0 0 5px 0;
}











}