/* montserrat-100 - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/montserrat-v25-latin-ext-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-300 - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/montserrat-v25-latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-regular - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v25-latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500 - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat-v25-latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/montserrat-v25-latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v25-latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



@font-face {
    font-family: 'Boing';
    src: url('../fonts/Boing-Regular.woff2') format('woff2'),
    url('../fonts/Boing-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Boing';
    src: url('../fonts/Boing-Light.woff2') format('woff2'),
        url('../fonts/Boing-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Boing';
    src: url('../fonts/Boing-Bold.woff2') format('woff2'),
        url('../fonts/Boing-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Boing';
    src: url('../fonts/Boing-Medium.woff2') format('woff2'),
        url('../fonts/Boing-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}



body {
	margin: 0px;
	padding: 0px;
	background: #5b33ae;
	font-family: Montserrat, sans-serif;
	font-weight: 500;

}
.white_bg {
	background: #f0f4fb;
}
form {
	margin: 0px;
	padding: 0px;
}
input,textarea,select,button {
	font-family: Montserrat, sans-serif;
	margin: 0px;
	padding: 0px;
}

.blocker {
	z-index:3 !important;
}
.clear { clear:both;}

#login {
	width: 470px;
	margin: 200px auto;
	text-align: center;
}
#login .container {
	background: #6d47bc;
	margin-top: 30px;
	box-sizing:border-box;
	padding: 30px;
	border-radius: 7px;
	text-align: left;
	color:#e8defe;
	font-size: 18px;
	font-weight: 400;
}

#login .container .row {
	margin-bottom: 10px;
}

#login .container .row i {
	margin-right: 5px;
}

#login .container .row input {
	width: 100%;
	height: 40px;
	border-radius: 7px;
	border:0px;
	text-indent: 10px;
	font-size: 16px;
}


#login .container .row input::placeholder {
	color:#8d6dd0;
	font-size: 16px;
	text-indent: 10px;
}

#login .container .row button {
	width: 100%;
	height: 40px;
	border-radius: 7px;
	border:0px;
	text-indent: 10px;
	font-size: 16px;
	color:#5b33ae;
	background: #ffeb3c;
	font-weight: 600;
	cursor: pointer;
}
#login .container .row button:hover {
	opacity: 0.9;
}


#login .container .info {
	font-size: 14px;
	text-align: center;
	color:#e8defe;
}

#login .container .info a {
	color:#e8defe;
	font-weight: 600;
}



#login .container .error_login ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	margin-bottom: 20px;
}
#login .container .error_login ul li {
	width: 100%;
	background: #F11F38;
	padding: 5px 0px;
	color:#fff;
	font-size: 12px;
	text-align: center;
	margin-bottom: 10px;
}








#register {
	width: 470px;
	margin: 100px auto;
	text-align: center;
}
#register .container {
	background: #6d47bc;
	margin-top: 30px;
	box-sizing:border-box;
	padding: 30px;
	border-radius: 7px;
	text-align: left;
	color:#e8defe;
	font-size: 18px;
	font-weight: 400;
}

#register .container .row {
	margin-bottom: 10px;
}

#register .container .row i {
	margin-right: 5px;
}

#register .container .row input {
	width: 100%;
	height: 40px;
	border-radius: 7px;
	border:0px;
	text-indent: 10px;
	font-size: 16px;
}


#register .container .row input::placeholder {
	color:#8d6dd0;
	font-size: 16px;
	text-indent: 10px;
}

#register .container .row button {
	width: 100%;
	height: 40px;
	border-radius: 7px;
	border:0px;
	text-indent: 10px;
	font-size: 16px;
	color:#5b33ae;
	background: #ffeb3c;
	font-weight: 600;
	cursor: pointer;
}
#register .container .row button:hover {
	opacity: 0.9;
}


#register .container .info {
	font-size: 14px;
	text-align: center;
	color:#e8defe;
}

#register .container .info a {
	color:#e8defe;
	font-weight: 600;
}

#register .container .error_login ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	margin-bottom: 20px;
}
#register .container .error_login ul li {
	width: 100%;
	background: #F11F38;
	padding: 5px 0px;
	color:#fff;
	font-size: 12px;
	text-align: center;
	margin-bottom: 10px;
}


#register .container .account_created {
	width: 100%;
	background: #119a07;
	padding: 5px 0px;
	color:#fff;
	font-size: 12px;
	text-align: center;
	margin-bottom: 20px;
}






#page {

}


#page .container {
	width: 1250px;
	margin: 0px auto;
}

#page .sidebar {
	background: #5b33ae;
	float: left;
	width: 358px;
	min-height: 700px;
	position: fixed;
	height: 100vh;
}


#page .sidebar  .bg_left {
    background: #5b33ae;
    height: 100%;
    width: 2500px;
    position: fixed;
    margin-left: -2500px;
}


#page .sidebar .logo {
	margin:20px 0px 0px 0px;
	border-bottom: 1px solid #6d47bc;
	padding-bottom: 15px;
	
}

#page .sidebar .logo img {
	width: 290px;
}


#page .sidebar .menu {
	margin-top: 20px;
}


#page .sidebar .menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#page .sidebar .menu ul li {
	
	border-bottom: 1px solid #6d47bc;
}

#page .sidebar .menu ul li a {
	color:#e8defe;
	display: block;
	padding: 15px 10px;
}

#page .sidebar .menu ul li:hover, #page .sidebar .menu ul li.active {
	background: #6d47bc;
} 

#page .sidebar .menu ul li .icon {
	float: left;
	width: 35px;

}


#page .sidebar .menu ul li .text {
	float: left;
	width: 280px;
	margin-left: 15px;

}

#page .sidebar .menu ul li .text .title {
	font-size: 20px;
	font-weight: 500;
}


#page .sidebar .menu ul li .text .title .bubble {
	width: 15px; 
	height: 15px; 
	background-color: #d73434;
	border-radius: 50%; 
	color: #fff; 
	display: inline-flex;
	justify-content: center;
	align-items: center; 
	font-size: 12px; 
	vertical-align: middle;
	margin-top: -3px;
	padding: 3px;
}

#page .sidebar .menu ul li .text .description {
	font-size: 14px;
	font-weight: 300;
	color:#9775dc;
}


#page .sidebar .menu ul li.active .text .description, #page .sidebar .menu ul li:hover .text .description {
	color:#bca5ea;
}

#page .right {
	float: right;
	margin-left: 15px;
	width: 860px;
	position: relative;
	
}


#page .right .top_bar {
	padding: 20px;
	background: #fff;
	box-sizing:border-box;	
	position: fixed;
	width: 860px;
	border-bottom:1px solid #cfc0ed;
	border-left:1px solid #cfc0ed;
	border-right:1px solid #cfc0ed;
	z-index: 2;
}



#page .right .top_bar .search {
	float: left;	
	width: 400px;
}


#page .right .top_bar .search input {
	width: 350px;
	height: 31px;
	background: #f0f4fb;
	border-radius: 7px;
	border: 0px;
	text-indent: 20px;
}

#page .right .top_bar .search button {
	border: 0px;
	padding: 0px;
	background: #786c8f;
	color:#fff;
	padding: 6px;
	border-radius: 7px;
	margin: -3px 0px 0px -34px;
	cursor: pointer;
}

#search_bg {
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(0,0,0,0.5);
	left: 0;
	top: 0;
	display: none;
	z-index: 1;
}

#search_results {
	position: absolute;
	z-index: 3;
	margin-top: 70px;
	background: #fff;
	border:1px solid #cfc0ed;
	position: fixed;
	width: 860px;
	box-sizing: border-box;
	padding: 10px;
	display: none;
}

#search_results .title {
	text-align: center;
	margin: 10px 0px 15px;
	font-size: 18px;
}
#search_results .title span {
	font-weight: bold;
}


#search_results ul {
	width: 100%;
	list-style: none;
	margin: 0px;
	padding: 0px;
	border:1px solid #cfc0ed;
}

#search_results ul li {
	display: block;
	font-size: 14px;
	padding: 10px 0px;
	border-bottom: 1px solid #cfc0ed;
	color:#786C8F;
}

#search_results ul li:last-child {
	border:0px;
}


#search_results ul li:nth-child(2n-0) {
    background: #e8e4f0;
}

#search_results ul li .name {
	float: left;
	width: 200px;
	padding-left: 10px;
}

#search_results ul li .name .address {
	display: block;
	font-size: 12px;
}


#search_results ul li .phone {
	float: left;
	width: 200px;
	text-align: center;
}

#search_results ul li .date {
	float: left;
	width: 200px;
	text-align: center;
}

#search_results ul li .status {
	float: left;
	width: 100px;
	text-align: center;
}




#search_results ul li .status_confirmed {
	color:#fff;	
	background: #119a07;
	padding: 3px 5px;
	border-radius: 8px;
	
}

#search_results ul li .status_canceled {
	color:#fff;	
	background: #d73434;
	padding: 3px 5px;
	border-radius: 8px;
	
}

#search_results ul li .status_noanswer {
	color:#fff;	
	background: #3564b8;
	padding: 3px 5px;
	border-radius: 8px;
	
}

#search_results ul li .status_new {
	color:#786c8f;	
	background: #e8e4f0;
	padding: 3px 5px;
	border-radius: 8px;
	border: 1px solid #cfc0ed;
	
}





#search_results ul li .action {
	float: right;
	width: 100px;
	text-align: right;
	padding-right: 10px;
}

#search_results ul li .action a {
	background: #ebd306;
    text-decoration: none;
    color: #000;
    font-weight: 600;
    border-radius: 8px;
    padding: 3px 12px;
}



#search_results ul li.head {
	display: block;
	font-size: 14px;
	background: #5b33ae;
	color:#fff;
	font-weight: bold;
	border-radius: 0px;
	font-size: 16px;
}




#search_results .search_btn {
	margin: 15px 0px;
	display: block;
	text-align: center;
}


#search_results .search_btn a {
	text-decoration: none;
	text-align: center;
	background: #3564b8;
    color: #fff;
    padding: 8px 45px;
    border-radius: 6px;

}

#search_results .search_btn a i {
	vertical-align: middle;
	margin-left: 3px;
	font-size: 14px;
}


#search_results .no_results {
	text-align: center;
	background: #ffc0c0;
    color: #730000;
    text-align: center;
    padding: 7px 0px;
    border-radius: 8px;
}


#page .right .top_bar .user {
	float: right;
	width: 350px;
	text-align: right;
	color:#786c8f;
	font-size: 14px;
	margin-top: 5px;
}

#page .right .top_bar .user a {
	color:#786c8f;
	text-align: none;
	margin-left: 10px;
	background: #796d8f;
	color:#fff;
	padding: 4px;
	border-radius: 7px;


}






#page .right .dashboard {
	width: 100%;
	margin-top: 15px;
	
}


#page .right .dashboard .widget {
	background: #fff;
	width: 100%;
	box-sizing:border-box;
	padding: 15px;
	border-radius: 10px;
	/*border:1px solid #dae2ef;*/
	
}


#page .right .dashboard .orders .left {
	float:left;
	width: 425px;
}

#page .right .dashboard .orders .left .box {
	display: flex; 
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: flex-start;
	margin-top: 10px;	
	row-gap: 10px;
  	column-gap: 20px;
  	text-align: center;


}

#page .right .dashboard .orders .left .box .name {
	width: 50%;
	color:#5b33ae;
	font-size: 27px;
	font-weight: 800;
}

#page .right .dashboard .orders .left .box .name .info {
	font-size: 16px;
	font-weight: 400;
}

#page .right .dashboard .orders .left .box .name .growth {
	font-size: 16px;
	color:#18b40c;
	font-weight: 600;
	margin-top: 10px;
}


 

 #page .right .dashboard .orders .left .box .value {
	width: 50%;
	color:#5b33ae;
	font-size: 27px;
	font-weight: 800;
}

#page .right .dashboard .orders .left .box .value .growth {
	font-size: 16px;
	color:#18b40c;
	font-weight: 600;
	margin-top: 10px;
}

#page .right .dashboard .orders .left .box .value .down, #page .right .dashboard .orders .left .box .name .down {
	color:#ec1111;
	
}



#page .right .dashboard .orders .left .box .value .info {
	font-size: 16px;
	font-weight: 400;
}



#page .right .dashboard .orders .left .title, #page .right .dashboard .orders .right .title {
	font-size: 18px;
	color:#5b33ae;
	text-align: center;
	font-weight: 600;
	margin-bottom: 20px;
}


#page .right .dashboard .orders .right {
	float:right;
	width: 415px;
}



#page .right .dashboard .orders .right .box {
	display: flex; 
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: flex-start;
	margin-top: 10px;	
	row-gap: 10px;
  	column-gap: 20px;
  	text-align: center;


}

#page .right .dashboard .orders .right .box .name {
	width: 50%;
	color:#5b33ae;
	font-size: 27px;
	font-weight: 800;
}

#page .right .dashboard .orders .right .box .name .info {
	font-size: 16px;
	font-weight: 400;
}

#page .right .dashboard .orders .right .box .name .growth {
	font-size: 16px;
	color:#18b40c;
	font-weight: 600;
	margin-top: 10px;
}



#page .right .dashboard .orders .right .box .name .down {
	color:#ec1111;
	
}


 

 #page .right .dashboard .orders .right .box .value {
	width: 50%;
	color:#5b33ae;
	font-size: 27px;
	font-weight: 800;
}

#page .right .dashboard .orders .right .box .value .growth {
	font-size: 16px;
	color:#18b40c;
	font-weight: 600;
	margin-top: 10px;
}
#page .right .dashboard .orders .right .box .value .down {
	color:#ec1111;
	
}

#page .right .dashboard .orders .right .box .value .info {
	font-size: 16px;
	font-weight: 400;
}


#page .right .dashboard .status {

}

#page .right .dashboard .status .title {
	font-size: 18px;
	color:#5b33ae;
	text-align: center;
	font-weight: 600;
	margin-bottom: 20px;
}

#page .right .dashboard .status .left {
	float:left;
	width: 425px;
	margin-top: 20px;	
	height: 180px;
	overflow: hidden;
} 

#page .right .dashboard .status .left ul {
	list-style: none;	
	padding: 0px;
	margin-top: 10px;

}

#page .right .dashboard .status .left ul li {
	display: inline-block;
	background:#f0f4fb;
	padding: 5px 10px;
	width: 170px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	border-radius: 4px;
	
}



#page .right .dashboard .status .left ul li .total {	
	float: left;
	font-weight: 600;
}
#page .right .dashboard .status .left ul li .name {
	float: right;
}

#page .right .dashboard .status .left ul li:nth-child(2n+0), #page .right .dashboard .status .left ul li:last-child {
	margin-right: 0px;
}


#page .right .dashboard .status .left ul li.confirmed {
	background: #bef6ba;
	color:#065700;
}

#page .right .dashboard .status .left ul li.no_answer {
	background: #c8e3ff;
	color:#003b79;
}


#page .right .dashboard .status .left ul li.canceled {
	background: #ffc0c0;
	color:#730000;
}

#page .right .dashboard .status .left ul li.invoice {
	background: #fff1c0;
	color:#534100;
}


#page .right .dashboard .status .left ul li.no_procesed {
	background: #fde1ff;
	color:#3e0044;
}

#page .right .dashboard .status .right {
	float: right;
	width: 415px;
	margin-top: 20px;
}


#page .right .dashboard .status .right .revenue {
	float: left;
	width: 198px;
	color:#5b33ae;
	height: 180px;
	overflow: hidden;
}

#page .right .dashboard .status .right .revenue .subtitle, #page .right .dashboard .status .right .orders .subtitle {
	font-size: 14px;
	margin-top: -20px;
	text-align: center;
	color:#5b33ae;
}

#page .right .dashboard .status .right .revenue .total {
	text-align: center;
	font-size: 27px;
	font-weight: 700;
	margin-top: 10px;
}
#page .right .dashboard .status .right .revenue .total .currency {
	display: block;
	font-size: 20px;
	font-weight: 400;
}

#page .right .dashboard .status .right .revenue .bar {
	position: relative;
	font-size: 12px;
	margin-bottom: 15px;
}

#page .right .dashboard .status .right .revenue .bar .outside {
	width: 100%;
	height: 13px;
	background: #dde3ee;
	border-radius: 10px;
	margin-bottom: 5px;
	margin-top: 10px;
}

#page .right .dashboard .status .right .revenue .bar .outside .progress {
	background: #5b33ae;
	display: block;
	height: 100%;
	border-radius: 10px;
}

#page .right .dashboard .status .right .revenue .bar .precentage {
	position: absolute;
	left: 0;
	
}

#page .right .dashboard .status .right .revenue .bar .precentage2 {
	position: absolute;
	right: 0;
	

}

#page .right .dashboard .status .right .orders {
	float: right;
	width: 198px;
	color:#5b33ae;
	height: 180px;
	overflow: hidden;
}


#page .right .dashboard .status .right .orders .total {
	text-align: center;
	font-size: 27px;
	font-weight: 700;
	margin-top: 10px;
}
#page .right .dashboard .status .right .orders .total .currency {
	display: block;
	font-size: 20px;
	font-weight: 400;
}


#page .right .dashboard .status .right .orders .growth {
	font-size: 16px;
	color:#18b40c;
	font-weight: 600;
	margin-top: 10px;
	text-align: center;
}







#page .right .dashboard .status .right .revenue .total .currency {
	display: block;
	font-size: 20px;
	font-weight: 400;
}


#page .right .dashboard .last_7_days {
	margin-top: 20px;
}


#page .right .dashboard .last_7_days  .title {
	font-size: 18px;
	color:#5b33ae;
	text-align: center;
	font-weight: 600;
	margin-bottom: 20px;
}

#page .right .dashboard .top_products {
	margin-top: 20px;
}

#page .right .dashboard .top_products .title {
	font-size: 18px;
	color:#5b33ae;
	text-align: center;
	font-weight: 600;
	margin-bottom: 20px;
}

#page .right .dashboard .top_products ul {
	list-style: none;
	margin:0px 0px 30px;
	padding: 0px;
}
#page .right .dashboard .top_products ul li {
	background: #f0f4fb;
	padding: 8px 20px;
	margin-bottom: 10px;
	color:#424242;
	font-size: 14px;
	font-weight: 600;
	border-radius: 10px;
}

#page .right .dashboard .top_products ul li.hidden {
	display: none;
}

#page .right .dashboard .top_products ul li:first-child {
	background: #bef6ba;
}

#page .right .dashboard .top_products ul li:nth-child(2)  {
	background: #defcdc;
}

#page .right .dashboard .top_products ul li:nth-child(3)  {
	background: #f1fff0;
}

#page .right .dashboard .top_products ul li .name {
	float: left;
	width: 500px;
	font-weight: 500;


	
}

#page .right .dashboard .top_products ul li .value {
	float: right;
	width: 250px;
	text-align: right;
	font-weight: 600;

	
}

#page .right .dashboard .top_products .stats_top {
	float: left;
	width: 620px;
	font-size: 12px;
	color:#343434;
	line-height: 20px;
}

#page .right .dashboard .top_products .btn_more {
	float: right;
	background: #f0f4fb;
	border-radius: 4px;
	width: 180px;
	text-align: center;
	display: block;
	font-size: 14px;
	color:#3d3d3d;
	font-weight: 600;
	padding: 5px 0px;
	border-radius: 4px;
	cursor: pointer;
}
#page .right .dashboard .top_products .btn_more i {
	margin-right: 5px;
}

#page .right .dashboard .top_products .error {
	text-align: center;
	background: #ffc0c0;
    color: #730000;
    text-align: center;
    padding: 7px 0px;
    border-radius: 8px;
}

#page .right .dashboard .couriers_stats {
	margin-top: 20px;
}



#page .right .dashboard .couriers_stats .title {
	font-size: 18px;
	color:#5b33ae;
	text-align: center;
	font-weight: 600;
	margin-bottom: 20px;
}


#page .right .dashboard .couriers_stats {
	
}



#page .right .dashboard .couriers_stats .row {
	border:1px solid #e8e4f0;
	box-sizing: border-box;
	margin-bottom: 15px;
	border-radius: 8px;

}

#page .right .dashboard .couriers_stats .row .logo {
	float: left;
	border-right:1px solid #e8e4f0;
	width:50px;
	padding: 15px;
}

#page .right .dashboard .couriers_stats .row .logo img {
	width: 100%;
}


#page .right .dashboard .couriers_stats .row .contract {
	float: left;
	width: 320px;
	margin-left: 10px;
	color:#5b33ae;
	font-size: 16px;
	font-weight: 700;
	margin-top: 20px;
}

#page .right .dashboard .couriers_stats .row .contract .delivery {
	font-weight: 500;
	font-size: 14px;
	color:#959595;
}




#page .right .dashboard .couriers_stats .row .stats {
	float: right;
	width: 410px;
	margin-top: 12px;
}


#page .right .dashboard .couriers_stats .row .stats ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 100%;
}



#page .right .dashboard .couriers_stats .row .stats ul li {
	display: inline-block;
	margin-right: 10px;
	background: #e8e4f0;
	width: 90px;
	color:#5b33ae;
	text-align: center;
	padding: 8px 0px;	
	border-radius: 8px;
}

#page .right .dashboard .couriers_stats .row .stats ul li.shipped {
	background: #bef6ba;
	color:#065700;

}

#page .right .dashboard .couriers_stats .row .stats ul li.returned {
	background: #ffc0c0;
	color:#730000;
}


#page .right .dashboard .couriers_stats .row .stats ul li.rate {
	background: #c0e8ff;
	color:#00446b;
}

#page .right .dashboard .couriers_stats .row .stats ul li .name {
	font-size: 14px;
	font-weight: 400;
}


#page .right .dashboard .couriers_stats .row .stats ul li .value {
	font-size: 16px;
	font-weight: 800;
}




#page .right .dashboard .couriers_stats .row .stats ul li:last-child {
	margin-right: 0px;
}


#page .right .dashboard .couriers_stats .error {
	text-align: center;
	background: #ffc0c0;
    color: #730000;
    text-align: center;
    padding: 7px 0px;
    border-radius: 8px;
}





#page .right .content {
	width: 100%;
	margin-top: 90px;
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
	border:1px solid #cfc0ed;
}


#page .right .content .title {
	font-size: 20px;
	color:#786c8f;
	font-weight: 600;
}
#page .right .content .subtitle {
	display: block;
    font-size: 12px;
    color: #786c8f;
    margin-top: 4px;
    font-weight: 400;
}



#page .right .content .customers_list {
	margin-top: 15px;
}

#page .right .content .customers_list ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
	display: block;
}

#page .right .content .customers_list ul li {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	color:#fff;
}

#page .right .content .customers_list ul.head {
	background: #6d47bc;
	padding: 10px 20px;
	box-sizing: border-box;
	border-top-left-radius:8px;
	border-top-right-radius:8px;

}

#page .right .content .customers_list ul.head  li.name {
	width: 345px;
}

#page .right .content .customers_list ul.head li.phone, #page .right .content .customers_list ul.head li.invoice {
	width: 190px;
	text-align: center;
}

#page .right .content .customers_list ul.head li.status, #page .right .content .customers_list ul.head li.awb {
	width: 150px;
	text-align: center;
}


#page .right .content .customers_list ul.head li.actions {
	width: 80px;
	text-align: right;
}

#page .right .content .customers_list ul.customers {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
	display: block;
}

#page .right .content .customers_list ul.customers li {
	display: block;
	margin: 0px;
	color:#786c8f;
	font-size: 16px;	
	border:1px solid #cfc0ed;
	border-top:0px;
	padding: 15px 20px;
}
#page .right .content .customers_list ul.customers li .name {
	width: 345px;
	float: left;
	font-weight: 600;
}
#page .right .content .customers_list ul.customers li .name .date {
	font-weight: 400;
	font-size: 12px;
	display: block;
	margin-top: 3px;
	color:#9f94b5;
}
#page .right .content .customers_list ul.customers li .phone {
	width: 190px;
	text-align: center;
	float: left;
	font-weight: 600;
	margin-top: 7px;
	

}

#page .right .content .customers_list ul.customers li .invoice {
	width: 190px;
	text-align: center;
	float: left;	
	margin-top: 0px;	

}
#page .right .content .customers_list ul.customers li .invoice img {
	width: 45px;
}

#page .right .content .customers_list ul.customers li .invoice span {
	background: #e9ddff;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 600;
	padding: 5px 10px;
	margin-top: 14px ;
	display: inline-flex;
}



#page .right .content .customers_list ul.customers li .status {
	width: 150px;
	text-align: center;
	float: left;
	margin-top: 12px;
}

#page .right .content .customers_list ul.customers li .awb {
	width: 150px;
	text-align: center;
	float: left;
	margin-top: 0px;
}


#page .right .content .customers_list ul.customers li .awb span {
	background: #e9ddff;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 600;
	padding: 5px 10px;
	margin-top: 14px ;
	display: inline-flex;
}
#page .right .content .customers_list ul.customers li .awb img {
	width: 45px;
}
#page .right .content .customers_list ul.customers li .status span {
	background: #e9ddff;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 600;
	padding: 5px 10px;
	
}


#page .right .content .customers_list ul.customers li .actions {
	width: 80px;
	text-align: right;
	float: right;
	margin-top: 12px;

}

#page .right .content .customers_list ul.customers li .actions a {
	background: #ebd306;
	text-decoration: none;
	color:#000;
	font-weight: 600;
	font-size: 14px;
	border-radius: 8px;
	padding: 3px 20px;	
}

#page .right .content .customers_list ul.customers li .actions a.issue {
	background: #119a07;
	text-decoration: none;
	color:#fff;
	font-weight: 600;
	font-size: 14px;
	border-radius: 8px;
	padding: 3px 20px;	
}

#page .right .content .customers_list ul.customers li .actions a:hover {
	opacity: 0.7;
}

#page .right .content .customers_list ul.customers li.error_notify {
	background: #ffdfdf;
}

#page .right .content .customers_list ul.customers li.status_ready {
	background: #bcfeb7;
}

#page .right .content .customers_list ul.customers li.status_confirmed {
	background: #bcfeb7;
}
#page .right .content .customers_list ul.customers li.status_confirmed .status span {
	background: #119a07;
	color:#fff;
}
#page .right .content .customers_list ul.customers li.status_canceled {
	background: #ffd6d6;
}
#page .right .content .customers_list ul.customers li.status_canceled .status span {
	background: #d73434;
	color:#fff;
}
#page .right .content .customers_list ul.customers li.status_noanswer {
	background: #d6e3fa;
}
#page .right .content .customers_list ul.customers li.status_noanswer .status span {
	background: #3564b8;
	color:#fff;
}
#page .right .content .customers_list ul.pending_customers li {
	padding: 10px 20px;
}

#page .right .content .customers_list ul.pending_customers li .name {
	margin-top: 10px;
}
#page .right .content .customers_list ul.pending_customers li .actions {
	margin-top: 10px;
}
#page .right .content .customers_list ul.pending_customers li .actions a {
	margin-bottom: 5px;
	display: block;
}

#page .right .content .pagination {
	margin-top: 40px;
}

#page .right .content .pagination ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 100%;
	display: block;
}

#page .right .content .pagination ul li {
	display: inline-block;
}

#page .right .content .pagination ul li.current a, #page .right .content .pagination ul li a:hover {
	background: #786c8f;	
	color:#fff;
}

#page .right .content .pagination ul li a {
	border:1px solid #786c8f;
	border-radius: 5px;
	text-decoration: none;
	color:#786c8f;
	font-size: 18px;
	font-weight: 700;
	padding: 5px 10px;
}





#page .right .content .customer_info {
	
}

#page .right .content .customer_info .top_info {
	margin-bottom: 25px;
}

#page .right .content .customer_info .top_info .title {
	float: left;
	width: 550px;
}

#page .right .content .customer_info .top_info .title .info {
	display: block;
	font-size: 12px;
	color:#786c8f;	
	margin-top: 4px;
	font-weight: 400;
}
#page .right .content .customer_info .top_info .title .info span {
	font-weight: 700;
}
#page .right .content .customer_info .top_info .status {
	float: right;
}

#page .right .content .customer_info .top_info .status {
	float: right;
	text-align: right;
}

#page .right .content .customer_info .top_info .back_btn {
	margin-top: 20px;
	display: block;
	float: left;
}

#page .right .content .customer_info .top_info .back_btn a {
	background: #5b33ae;
	color:#fff;
	text-decoration: none;
	padding: 5px 10px;
	border-radius: 10px;
	font-weight: 600;
	font-size: 12px;
}


#page .right .content .customer_info .top_info .delete_customer {
	margin-top: 20px;
	float: right;
	background: #d73434;
	color:#fff;
	text-decoration: none;
	padding: 5px 10px;
	border-radius: 10px;
	font-weight: 600;
	font-size: 12px;
	cursor: pointer;
}




#page .right .content .top_info .status .status_confirmed {
	font-size: 14px;
	color:#fff;	
	background: #119a07;
	padding: 3px 10px;
	border-radius: 8px;
	
}

#page .right .content .top_info .status .status_canceled {
	font-size: 14px;
	color:#fff;	
	background: #d73434;
	padding: 3px 10px;
	border-radius: 8px;
	
}

#page .right .content .top_info .status .status_noanswer {
	font-size: 14px;
	color:#fff;	
	background: #3564b8;
	padding: 3px 10px;
	border-radius: 8px;
	
}

#page .right .content .top_info .status .status_new {
	font-size: 14px;
	color:#786c8f;	
	background: #e8e4f0;
	padding: 3px 10px;
	border-radius: 8px;
	
}

#page .right .content .customer_info .top_info .status .date {
	font-size: 12px;
	color:#786c8f;	
	display: block;
	margin-top: 10px;
}

#page .right .content .customer_info .shipping_address {
	float: left;	
	width: 390px;

}
#page .right .content .customer_info .shipping_address .bar {
	background: #6d47bc;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	color:#fff;
	font-size: 14px;
	padding: 10px 15px;
}
#page .right .content .customer_info .shipping_address .bar .name {
	float: left;
}

#page .right .content .customer_info .shipping_address .bar .action {
	float: right;
	cursor: pointer;
}

#page .right .content .customer_info .shipping_address .wrapper {
	border:1px solid #e8e4f0;	
	font-size: 14px;
	color:#786c8f;
}

#page .right .content .customer_info .shipping_address .wrapper ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#page .right .content .customer_info .shipping_address .wrapper ul li {
	padding: 8px 0px;
}


#page .right .content .customer_info .shipping_address .wrapper ul li:nth-child(2n-0)   {
	background: #e8e4f0;
}

#page .right .content .customer_info .shipping_address .wrapper ul li .left {
	float: left;
	width: 100px;
	margin-left:15px;
}

#page .right .content .customer_info .shipping_address .wrapper ul li .right {
	float: right;
	width: 240px;
	margin-right:15px;
	font-weight: 600;
	border: 1px solid transparent;
	text-align: right;
}

#page .right .content .customer_info .shipping_address .wrapper ul li .right input.hidden,#page .right .content .customer_info .shipping_address .wrapper ul li .right select.hidden, #page .right .content .customer_info .shipping_address .wrapper ul li .right textarea.hidden {
	display: none;
	width: 100%;
	font-weight: 400;
	height: 30px;
	text-align: left;
	font-weight: 600;
	box-sizing: border-box;
	padding-left: 5px;
	border: 1px solid #c8c2d4;
	color:#786C8F;
}


 #page .right .content .customer_info .shipping_address .wrapper ul li .right textarea.hidden {
	height: 40px;
	padding: 0px 0px 0px 5px;
}


 #page .right .content .customer_info .shipping_address .wrapper ul li .right select.hidden {
	padding: 0px;
	margin: 0px;
}

#page .right .content .customer_info .shipping_address .wrapper ul li.save_shipping {
	text-align: center;
	background: #119a07;
    color: #fff;
    font-size: 13px;
    padding: 5px;
    font-weight: 500;
    margin: 5px;
    cursor: pointer;
    display: none;
}

#page .right .content .customer_info .shipping_address .wrapper ul li.save_shipping:hover {
	opacity: 0.9;
}


#page .right .content .customer_info .shipping_address .wrapper ul li .edit_now {
	border: 1px solid #d1d1d1;
	box-sizing: border-box;
	text-align: left;
	text-indent: 5px;
}


#page .right .content .customer_info .billing_address {
	float: right;
	
	width: 390px;

}

#page .right .content .customer_info .billing_address .bar {
	background: #6d47bc;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	color:#fff;
	font-size: 14px;
	padding: 10px 15px;
}
#page .right .content .customer_info .billing_address .bar .name {
	float: left;
}

#page .right .content .customer_info .billing_address .bar .action {
	float: right;
	cursor: pointer;
}

#page .right .content .customer_info .billing_address .wrapper {
	border:1px solid #e8e4f0;	
	font-size: 14px;
	color:#786c8f;
}

#page .right .content .customer_info .billing_address .wrapper ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#page .right .content .customer_info .billing_address .wrapper ul li {
	padding: 8px 0px;
}


#page .right .content .customer_info .billing_address .wrapper ul li:nth-child(2n-0)   {
	background: #e8e4f0;
}

#page .right .content .customer_info .billing_address .wrapper ul li .left {
	float: left;
	width: 100px;
	margin-left:15px;
}

#page .right .content .customer_info .billing_address .wrapper ul li .right {
	float: right;
	text-align: right;
	width: 240px;
	margin-right:15px;
	font-weight: 600;
	border: 1px solid transparent;
}




#page .right .content .customer_info .billing_address .wrapper ul li.save_billing {
	text-align: center;
	background: #119a07;
    color: #fff;
    font-size: 13px;
    padding: 5px;
    font-weight: 500;
    margin: 5px;
    cursor: pointer;
    display: none;
}

#page .right .content .customer_info .billing_address .wrapper ul li.save_billing:hover {
	opacity: 0.9;
}


#page .right .content .customer_info .billing_address .wrapper ul li .edit_now {
	border: 1px solid #d1d1d1;
	box-sizing: border-box;
	text-align: left;
	text-indent: 5px;
}


#page .right .content .customer_info .info_add_product {
	text-align: center;
	margin:20px 0px -10px; 
	background: #119a07;
    color: #fff;
    padding: 8px 0px;
    border-radius: 4px;
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
    
}

@keyframes blink-animation {
	to {
        visibility: hidden;
    }
}
@-webkit-keyframes blink-animation {
	to {
    	visibility: hidden;
	}
}


#page .right .content .customer_info .customer_products {
	margin-top: 30px;
}

#page .right .content .customer_info .customer_products .bar {
	background: #6d47bc;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	color:#fff;
	font-size: 14px;
	padding: 10px 15px;
}

#page .right .content .customer_info .customer_products .bar .name {
	float: left;
	width: 530px;
}

#page .right .content .customer_info .customer_products .bar .tva {
	float: left;
	width: 80px;
	text-align: center;


}

#page .right .content .customer_info .customer_products .bar .cant {
	float: left;
	width: 80px;
	text-align: center;
}


#page .right .content .customer_info .customer_products .bar .price {
	float: right;
	width: 90px;
	text-align: right;
}

#page .right .content .customer_info .customer_products .wrapper {
	border: 1px solid #e8e4f0;
	color:#786c8f;
	font-size: 14px;
	font-weight: 600;
}

#page .right .content .customer_info .customer_products .wrapper ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#page .right .content .customer_info .customer_products .wrapper ul li {
	border-bottom: 1px solid #e8e4f0;
	padding: 10px 0px;
}

#page .right .content .customer_info .customer_products .wrapper ul li:last-child {
	border:0px;
}

#page .right .content .customer_info .customer_products .wrapper ul li .name {
	float: left;
	width: 530px;
	margin-left: 15px;
}

#page .right .content .customer_info .customer_products .wrapper ul li .name i {
	color:red;
	margin-right: 5px;
	font-size: 16px;
	vertical-align: middle;
	cursor: pointer;
}

#page .right .content .customer_info .customer_products .wrapper ul li .tva {
	float: left;
	width: 80px;
	text-align: center;
}

#page .right .content .customer_info .customer_products .wrapper ul li .cant {
	float: left;
	width: 80px;
	text-align: center;
}

#page .right .content .customer_info .customer_products .wrapper ul li .price {
	float: right;
	width: 90px;
	text-align: right;
	margin-right: 15px;
}


#page .right .content .customer_info .customer_products .wrapper .add_products {
	float: left;
	margin: 15px 0px 15px 15px;
}

#page .right .content .customer_info .customer_products .wrapper .add_products a {
	background: #e8e4f0;
	color:#786c8f;
	border-radius: 8px;
	padding: 5px 10px;
	cursor: pointer;
	text-decoration: none;
}

#page .right .content .customer_info .customer_products .wrapper .add_products a:hover {
	opacity: 0.8;
}



#page .right .content .customer_info .customer_products .wrapper .total {
	float: right;
	background: #e8e4f0;
	color:#786c8f;
	border-radius: 8px;
	padding: 5px 10px;
	margin: 15px 15px 0px 0px;
}










#page .right .content .customer_info .documents_list {
	margin-top: 30px;
}

#page .right .content .customer_info .documents_list .bar {
	background: #6d47bc;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	color:#fff;
	font-size: 14px;
	padding: 10px 15px;
}


#page .right .content .customer_info .documents_list .wrapper {
	border: 1px solid #e8e4f0;
	color:#786c8f;
	font-size: 14px;
	font-weight: 600;
}

#page .right .content .customer_info .documents_list .wrapper ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#page .right .content .customer_info .documents_list .wrapper ul li {
	border-bottom: 1px solid #e8e4f0;
	font-size: 14px;
	padding: 10px;
	box-sizing: border-box;
}

#page .right .content .customer_info .documents_list .wrapper ul li.awb {
	background: #e2f1ff;
}


#page .right .content .customer_info .documents_list .wrapper ul li.invoice {
	background: #e3ffe2;
}


#page .right .content .customer_info .documents_list .wrapper ul li.invoice_storno {
	background: #fff1f1;
}

#page .right .content .customer_info .documents_list .wrapper ul li:last-child {
	border-bottom: 0px;
}


#page .right .content .customer_info .documents_list .wrapper ul li .name {
	float: left;
	width: 600px;
}

#page .right .content .customer_info .documents_list .wrapper ul li .name i {
	font-size: 18px;
	vertical-align: middle;
	color:#d73434;
	margin-right: 5px;
}

#page .right .content .customer_info .documents_list .wrapper ul li .action {
	float: right;
}

#page .right .content .customer_info .documents_list .wrapper ul li .action a {
	text-decoration: none;
	font-weight: 600;
	color:#786C8F;
}












#page .right .content .customer_info .status_action {
	margin-top: 30px;
}

#page .right .content .customer_info .status_action ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#page .right .content .customer_info .status_action ul li {
	display: inline-block;
	font-size: 16px;
	background: #e8e4f0;
	text-align: center;
	padding: 8px 0px;
	width: 186px;
	margin-right: 20px;
	font-weight: 600;
	color:#786c8f;
	cursor: pointer;
	border-radius: 2px;
}
#page .right .content .customer_info .status_action ul li:hover {
	opacity: 0.8;
}
#page .right .content .customer_info .status_action ul li:last-child {
	margin-right: 0px;
}

#page .right .content .customer_info .status_action ul li.confirm {
	background: #119a07;
	color:#fff;
}

#page .right .content .customer_info .status_action ul li.cancel {
	background: #d73434;
	color:#fff;
}

#page .right .content .customer_info .status_action ul li.noanswer {
	background: #3564b8;
	color:#fff;
}

#page .right .content .customer_info .order_action {
	margin-top: 30px;
}

#page .right .content .customer_info .order_action ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: right;
}

#page .right .content .customer_info .order_action ul li {
	display: inline-block;
	background: #e8e4f0;
	width: 255px;
	text-align: center;
	padding: 10px 0px;
	margin-right: 20px;
	font-weight: 600;
	border-radius: 2px;
}
#page .right .content .customer_info .order_action ul li:hover {
	opacity: 0.8;
}

#page .right .content .customer_info .order_action ul li:last-child {
	margin-right: 0px;
}

#page .right .content .customer_info .order_action ul li a {
	text-decoration: none;
	color:#786c8f;
	display: block;
}

#page .right .content .customer_info .order_action ul li i {
	font-size: 16px;
	vertical-align: middle;
	margin-right: 5px;
}






#page .right .content .release {
	
}

#page .right .content .release .top_info {
	margin-bottom: 25px;
}

#page .right .content .release .top_info .title {
	float: left;
	width: 550px;
}

#page .right .content .release .top_info .title .info {
	display: block;
	font-size: 12px;
	color:#786c8f;	
	margin-top: 4px;
	font-weight: 400;
}
#page .right .content .release .top_info .title .info span {
	font-weight: 700;
}
#page .right .content .release .top_info .status {
	float: right;
}

#page .right .content .release .top_info .status {
	float: right;
	text-align: right;
}

#page .right .content .release .top_info .status .confirmed {
	font-size: 14px;
	color:#fff;	
	background: #119a07;
	padding: 3px 10px;
	border-radius: 8px;
	
}

#page .right .content .release .top_info .status .date {
	font-size: 12px;
	color:#786c8f;	
	display: block;
	margin-top: 10px;
}

#page .right .content .release .top_info .back_btn {
	margin-top: 20px;
	display: block;
	
}

#page .right .content .release .top_info .back_btn a {
	background: #5b33ae;
	color:#fff;
	text-decoration: none;
	padding: 5px 10px;
	border-radius: 10px;
	font-weight: 600;
	font-size: 12px;
}






#page .right .content .release .shipping_address {
	float: left;	
	width: 390px;

}
#page .right .content .release .shipping_address .bar {
	background: #6d47bc;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	color:#fff;
	font-size: 14px;
	padding: 10px 15px;
}
#page .right .content .release .shipping_address .bar .name {
	float: left;
}

#page .right .content .release .shipping_address .bar .action {
	float: right;
	cursor: pointer;
}

#page .right .content .release .shipping_address .wrapper {
	border:1px solid #e8e4f0;	
	font-size: 14px;
	color:#786c8f;
}

#page .right .content .release .shipping_address .wrapper ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#page .right .content .release .shipping_address .wrapper ul li {
	padding: 8px 0px;
}


#page .right .content .release .shipping_address .wrapper ul li:nth-child(2n-0)   {
	background: #e8e4f0;
}

#page .right .content .release .shipping_address .wrapper ul li .left {
	float: left;
	width: 100px;
	margin-left:15px;
}

#page .right .content .release .shipping_address .wrapper ul li .right {
	float: right;
	text-align: right;
	width: 240px;
	margin-right:15px;
	font-weight: 600;
}




#page .right .content .release .release_action {
	float: right;	
	width: 390px;

}

#page .right .content .release .release_action ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#page .right .content .release .release_action ul li {
	width: 100%;
	background: #5b33ae;
	color:#fff;
	margin-bottom: 15px;
	text-align: center;
	padding: 15px 0px;
	cursor: pointer;
}

#page .right .content .release .release_action ul li:hover, #page .right .content .release .release_action ul li.active {
	background: #ffeb3c;
	color:#000;
}

#page .right .content .release .release_action ul li .name {
	font-weight: 700;
	font-size: 20px;
}

#page .right .content .release .release_action ul li .info {
	font-size: 14px;
	margin-top: 5px;
	color:#d5c7f2;
	font-weight: 400;
}


#page .right .content .release .release_action ul li:hover .info, #page .right .content .release .release_action ul li.active .info  {
	color:#333;
}

#page .right .content .release .release_awb {
	margin-top: 20px;
}


#page .right .content .release .release_awb .no_contract {
	background: #d73434;
    color: #fff;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 3px;
    margin: 5px 0px;
    text-align: center;
    font-size: 14px;
}


#page .right .content .release .release_awb .title {
	text-align: center;
	margin-bottom: 20px;
}

#page .right .content .release .release_awb ul.courier {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: block;
	text-align: center;
}

#page .right .content .release .release_awb ul.courier li {
	display: inline-block;
	background: #5b33ae;
	width: 255px;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 0px 0px;
	box-sizing: border-box;
	border-radius: 0px;
	color:#fff;
	border:1px solid #5b33ae;
	cursor: pointer;
}

#page .right .content .release .release_awb ul.courier li:hover, #page .right .content .release .release_awb ul.courier li.active {
	background: #ffeb3c;
	color:#000;
	border-color:#ffeb3c;
}

#page .right .content .release .release_awb ul.courier li:last-child, #page .right .content .release .release_awb ul.courier li:nth-child(3n+0) {
	margin-right: 0px;
}


#page .right .content .release .release_awb ul.courier li .icon {
	float:left;
	width: 40px;
	background: #fff;
	padding: 10px;
}

#page .right .content .release .release_awb ul.courier li .icon img {
	width: 100%;
}

#page .right .content .release .release_awb ul.courier li .name {
	float:right;
	width: 190px;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	margin-top: 5px;
}

#page .right .content .release .release_awb ul.courier li .info {
	float:right;
	width: 190px;
	text-align: center;
	font-size:12px;
	margin-top: 5px;
}


#page .right .content .release .release_awb .review_shipping {

}

#page .right .content .release .release_awb .review_shipping .bar {
	background: #6d47bc;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	color:#fff;
	font-size: 14px;
	padding: 10px 15px;
	text-align: center;
}

#page .right .content .release .release_awb .review_shipping ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: 1px solid #e8e4f0;
    font-size: 16px;
    color: #786c8f;
    padding: 10px;
    box-sizing: border-box;
    font-weight: 600;
}

#page .right .content .release .release_awb .review_shipping ul li {
	padding: 10px 0px;
	border-bottom: 1px solid #e8e4f0;
}
#page .right .content .release .release_awb .review_shipping ul li:last-child {
	border: 0px;
}

#page .right .content .release .release_awb .review_shipping ul li .left {
	float: left;
	width: 200px;
}

#page .right .content .release .release_awb .review_shipping ul li .right {
	float: right;
	width: 580px;
	color: #786c8f;
}

#page .right .content .release .release_awb .review_shipping ul li .right input, #page .right .content .release .release_awb .review_shipping ul li .right select, #page .right .content .release .release_awb .review_shipping ul li .right textarea {
	width: 100%;
	height: 40px;
	padding:15px;
	border:1px solid #e8e4f0;
	border-radius: 4px;
	font-weight: 600;
	color: #786c8f;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color:#786c8f !important;
	font-size: 14px;
}

#page .right .content .release .release_awb .review_shipping ul li .right > textarea {
	height: 60px;
}

#page .right .content .release .release_awb .review_shipping button.release_btn {
	width: 350px;
	background: #ffeb3c;
	color:#000;
	border: 0px;
	font-size: 20px;
	padding: 15px 0px;
	display: block;
	margin: 20px auto;
	cursor: pointer;
	font-weight: 600;
}

#page .right .content .release .release_awb .review_shipping button.release_btn:hover {
	opacity: 0.8;
}


#page .right .content .release .review_invoice,  #page .right .content .review_all,  #page .right .content .review_awb {
	display: none;
}



#page .right .content .release .review_invoice button.release_btn,  #page .right .content .review_all button.release_btn,  #page .right .content .review_awb button.release_btn{
	width: 350px;
	background: #ffeb3c;
	color:#000;
	border: 0px;
	font-size: 20px;
	padding: 15px 0px;
	display: block;
	margin: 20px auto;
	cursor: pointer;
	font-weight: 600;

}
#page .right .content .release .review_invoice button.release_btn:hover,  #page .right .content .review_all button.release_btn:hover,  #page .right .content .review_awb button.release_btn:hover {
	opacity: 0.8;
}


#page .right .content .release .review_invoice .no_business {
	background: #d73434;
    color: #fff;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 3px;
    margin: 5px 0px;
    text-align: center;
    font-size: 14px;
}



#page .right .content .release .ajax_response {
	text-align: center;
}


#page .right .content .release .ajax_response .error {
	background: #d73434;
    color: #fff;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 3px;
    margin: 5px 0px;
}


#page .right .content .release .ajax_response .success {
	background: #119a07;
    color: #fff;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 3px;
    margin: 5px 0px;
}


#page .right .content .add_customers .shipping_address .wrapper .left {
	margin-top: 7px;
}
#page .right .content .add_customers input {
	width: 100%;
	height: 25px;
	text-indent: 10px;
	border:1px solid #e8e4f0;
	border-radius: 4px;
	font-weight: 600;
	color: #786c8f;
	text-indent: 0;
	padding:0px 10px;
	box-sizing:border-box;
}

#page .right .content .add_customers textarea {
	height: 60px;
	text-indent: 0;
	padding: 10px;
	box-sizing: border-box;
}

#page .right .content .add_customers span.required {
	color: red;
	font-weight: bold;
}

#page .right .content .add_customers .btn_add {
	
}

#page .right .content .add_customers .info {
	background: #e8e4f0;
	text-align: center;
	padding: 10px 0px;
	margin: 20px 0px;
}

#page .right .content .add_customers .error {
	background: #d64059;
	text-align: center;
	padding: 10px 0px;
	margin: 20px 0px;
	color:#fff;
	display: none;
}

#page .right .content .add_customers .btn_add button {
	width: 350px;
    background: #ffeb3c;
    color: #000;
    border: 0px;
    font-size: 20px;
    padding: 15px 0px;
    display: block;
    margin: 20px auto;
    cursor: pointer;
    font-weight: 600;
}

#page .right .content .add_customers .wrapper ul li .right {
	text-align: left !important;
}



.modal {
	max-width: 700px !important;
}





#page .right .content .couriers_list {
	
}

#page .right .content .couriers_list .info {
	display: block;
    font-size: 12px;
    color: #786c8f;
    margin-top: 4px;
    font-weight: 400;
}


#page .right .content .couriers_list .box {
	border: 1px solid #e8e4f0;	
    margin-top:30px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;

}


#page .right .content .couriers_list .box .heading {
	width: 100%;	
	background: #6d47bc;
	color:#fff;
	font-size: 14px;
	border-bottom: 1px solid #e8e4f0;
    height:40px;
    vertical-align: middle;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}


#page .right .content .couriers_list .box .heading .left {
	float:left;
	width: 350px;
}

#page .right .content .couriers_list .box .heading .left .logo {
	display: inline-block;
	vertical-align: middle;
	height: 40px;
	background: #fff;
	box-sizing: border-box;
	padding: 5px 15px;
	border-top-left-radius: 8px;

}


#page .right .content .couriers_list .box .heading .left .name {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}

#page .right .content .couriers_list .box .heading .left .logo img {
	width: 100%;
	height: 100%;
}


#page .right .content .couriers_list .box .heading .btn {
	float:right;
	margin-right: 7px;
	margin-top: 12px;
}

#page .right .content .couriers_list .box .heading .btn a {
	text-decoration: none;
	background: #ffeb3c;
    color: #000;
    padding: 3px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;

}


#page .right .content .couriers_list .box .list {
	
}


#page .right .content .couriers_list .box .list ul {
	list-style: none;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#page .right .content .couriers_list .box .list ul li {
	display: block;
	border-bottom: 1px solid #e8e4f0;
	padding: 16px 0px;
	
}

#page .right .content .couriers_list .box .list ul li:last-child {
	border-bottom: 0px;
}


#page .right .content .couriers_list .box .list ul li:nth-child(2n-0) {
    background: #e8e4f0;
}

#page .right .content .couriers_list .box .list ul li .contract_name {
	float: left;
	width: 460px;
	color:#786c8f;
	font-size: 14px;
	font-weight: 600;
	margin-left: 15px;
}


#page .right .content .couriers_list .box .list ul li .actions {
	float: right;
	text-align: right;
	margin-right: 15px;
}


#page .right .content .couriers_list .box .list ul li .actions a {
	text-decoration: none;
	background: #786c8f;
	border-radius: 8px;
	padding: 4px 10px;
	margin-left: 10px;
	color:#fff;
	font-size: 12px;
	font-weight: 400;
}

#page .right .content .couriers_list .box .list ul li .actions a:hover {
	opacity: 0.7;
}


#page .right .content .couriers_list .box .list ul li .actions span.main {
	background: #119a07;
	border-radius: 8px;
	padding: 4px 10px;
	margin-left: 10px;
	color:#fff;
	font-size: 12px;
	font-weight: 400;
}




#page .right .content .couriers_list .box .list ul li .actions a.btn_edit {
	background: #3564b8;
}

#page .right .content .couriers_list .box .list ul li .actions a.btn_delete {
	background: #f51d1d;
}



#page .right .content .couriers_list .box .list .no_active {
	color: #786c8f;
	font-size: 14px;
	text-align: center;
	margin: 15px 0px;
}



#page .right .content .couriers_edit {
	
}

#page .right .content .couriers_edit .info {
	display: block;
    font-size: 12px;
    color: #786c8f;
    margin-top: 4px;
    font-weight: 400;
    width: 100%;
   display: inline-block;
}

#page .right .content .couriers_edit .info .title {
	float: left;
}


#page .right .content .couriers_edit .info .right_test_credential {	
	float: right;
	
}


#page .right .content .couriers_edit .form {
	
}

#page .right .content .couriers_edit .form .section {
	background: #f0f4fb;
	box-sizing: border-box;
	padding: 20px;
	margin: 10px 0px 25px;
	border-radius: 8px;
}


#page .right .content .couriers_edit .form label {
	display: block;
	font-size: 14px;
    color: #786c8f;
    font-weight: 600;
    margin:15px 0px 5px;
}

#page .right .content .couriers_edit .form input {
	width: 100%;
    height: 40px;
    text-indent: 10px;
    border: 1px solid #e8e4f0;
    border-radius: 4px;
    font-weight: 600;
    color: #786c8f;
}

#page .right .content .couriers_edit .form .info {
	font-size: 20px;
}


#page .right .content .couriers_edit .form .btn {
	
}

#page .right .content .couriers_edit .form .btn button {
	width: 350px;
    background: #ffeb3c;
    color: #000;
    border: 0px;
    font-size: 20px;
    padding: 10px 0px;
    display: block;
    margin: 20px auto;
    cursor: pointer;
    font-weight: 600;
}


#page .right .content .couriers_edit .edited_notify {
	width: 100%;
	background: #119a07;
	padding: 5px 0px;
	color:#fff;
	font-size: 14px;
	text-align: center;
	margin: 20px 0px;
	border-radius: 4px;
}

#page .right .content .error_no_customers {
	text-align: center;
	background: #ffc0c0;
    color: #730000;
    text-align: center;
    padding: 7px 0px;
    border-radius: 8px;
    margin-top: 20px;
}


#page .right .content_settings {
	margin-top: 90px;
}

#page .right .content_settings .settings_box {
	width: 100%;	
	background: #fff;
	box-sizing: border-box;
	border:1px solid #cfc0ed;
	margin-bottom: 20px;
}

#page .right .content_settings .settings_box  .title {
	font-size: 18px;
	color:#ffff;
	font-weight: 500;
	background: #5b33ae;
	padding: 10px 0px 10px 15px;

}

#page .right .content_settings .settings_box  .title i {
	font-size: 16px;
	vertical-align: middle;
}

#page .right .content_settings .settings_box  .title img {
	width: 25px;
	vertical-align: middle;
}

#page .right .content_settings .settings_box  .wrapper {	
	color:#786c8f;
	font-size: 16px;	

}
#page .right .content_settings .settings_box  .wrapper_padding {
	color:#786c8f;
	font-size: 16px;	
	padding: 20px;
	box-sizing: border;
}


#page .right .content_settings .invoice_provider  .description {
	font-size: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cfc0ed;
    box-sizing: border-box;
    padding: 10px 20px;
    color: #786c8f;
}




#page .right .content_settings .settings_box  .wrapper .row {
	border-bottom: 1px solid #cfc0ed;
}

#page .right .content_settings .settings_box  .wrapper .row:last-child {
	border-bottom: 0px;
}

#page .right .content_settings .settings_box  .wrapper .row .left {
	float: left;
	width: 300px;
	margin:15px 0px 0px 20px;
}

#page .right .content_settings .settings_box  .wrapper .row .right {
	float: right;
	width: 500px;
	text-align: right;
	margin:10px 20px 0px 0px;

}

#page .right .content_settings .settings_box  .wrapper .row .right select {
	width: 300px;
	border:1px solid #cfc0ed;
	font-weight: 500;
	font-size: 14px;
	padding: 5px 0px;
	color:#786c8f;

}

#page .right .content_settings .settings_box  .wrapper .row .info {
	color:#bfbfbf;
	font-size: 14px;	
	margin:5px 20px 10px 20px;
}


#page .right .content_settings .settings_box  .integration ul {
	margin: 0px;
	padding: 20px;
	box-sizing: border-box;
	list-style: none;
} 

#page .right .content_settings .settings_box  .integration ul li {
	display: inline-block;
	border:1px solid #cfc0ed;	
	width: 190px;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 15px;
	position: relative;
}

#page .right .content_settings .settings_box  .integration ul li .status {
	position: absolute;
	right: 0;
	top:0;
	background: #119a07;
	color:#fff;
	padding: 3px 5px;
	border-radius: 10px;
	font-size: 10px;
	margin: 10px 10px 0px 0px;
}

#page .right .content_settings .settings_box  .integration ul li:last-child, #page .right .content_settings .settings_box  .integration ul li:nth-child(4n+0) {
	margin-right: 0px;
}
#page .right .content_settings .settings_box  .integration ul li a {
	display: block;
	padding: 20px 10px;
	box-sizing: border-box;
	text-decoration: none;
	color:#786C8F;
}

#page .right .content_settings .settings_box  .integration ul li .icon {
	width: 70px;
	margin: 0px auto;
}
#page .right .content_settings .settings_box  .integration ul li .icon img {
	width: 100%;
}

#page .right .content_settings .settings_box  .integration ul li .name {
	font-weight: 600;
	margin-top: 10px;

}

#page .right .content_settings .settings_box  .integration ul li .description {
	font-size: 13px;
	margin-top: 5px;

}

#page .right .content_settings .settings_box  .integration ul li:hover {
	background: #f8f8f8;
}


#page .right .content_settings .settings_box  .btn_save {
	margin: 10px 10px 10px 0px;
	text-align: right;
	display: block;
}

#page .right .content_settings .settings_box  .btn_save button {
	background: #119a07;
    color: #fff;
    border:0px;
    font-size: 16px;
    font-weight: 500;
    padding:7px 30px;
    cursor: pointer;
    border-radius: 4px;
}


#page .right .content_settings .invoice_provider ul {
	width: 100%;
	list-style: none;
	margin: 0px;
	padding: 0px;
} 

#page .right .content_settings .invoice_provider ul li {
	border-bottom: 1px dotted #e4e2e9;
	padding: 10px;
}

#page .right .content_settings .invoice_provider ul li .name {
	float: left;
}


#page .right .content_settings .invoice_provider ul li .btn_config {
	float: right;
	background: #3564b8;
	color:#fff;
	font-size: 12px;
	padding: 5px 10px;
	border-radius: 4px;
	cursor: pointer;
}
#page .right .content_settings .invoice_provider ul li .btn_config a {
	text-decoration: none;
	color:#fff;
}
#page .right .content_settings .invoice_provider ul li .btn_config:hover {
	opacity: 0.8;
}


#page .right .content_settings .invoice_provider ul li .btn_edit {
	float: right;
	background: #119a07;
	color:#fff;
	font-size: 12px;
	padding: 5px 10px;
	border-radius: 4px;
	cursor: pointer;
}
#page .right .content_settings .invoice_provider ul li .btn_edit a {
	text-decoration: none;
	color:#fff;
}
#page .right .content_settings .invoice_provider ul li .btn_edit:hover {
	opacity: 0.8;
}



#page .right .content_settings .error {
	text-align: center;
    background: #ffc0c0;
    color: #730000;
    text-align: center;
    padding: 7px 0px;
    border-radius: 8px;
    margin-top: 20px;
}


#page .right .content_settings .settings_app .wrapper {

}

#page .right .content_settings .settings_app .description {
	font-size: 14px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cfc0ed;
	box-sizing: border-box;
	padding: 10px 20px;
}



#page .right .content_settings .settings_app .row .right input {
	width: 100%;
	border: 1px solid #cfc0ed;
    font-weight: 500;
    font-size: 16px;
    padding: 5px 0px;
    color: #786c8f;
    text-align: center;
}


#page .right .content_settings .invoice_provider .row .right input {
	width: 100%;
	border: 1px solid #cfc0ed;
    font-weight: 500;
    font-size: 16px;
    padding: 5px 0px;
    color: #786c8f;
    text-align: left;
    text-indent: 10px;
}

#page .right .content_settings .invoice_provider .row .right input::placeholder {
	color:#ccc;

}

#page .right .content_settings .invoice_provider .btn_check {
	width: 350px;
	margin:20px auto;
	background: #119a07;
    color: #fff;
    border: 0px;
    font-size: 16px;
    font-weight: 500;
    padding: 7px 0px;
    cursor: pointer;
    border-radius: 4px;
    text-align: center;
}

#page .right .content_settings .invoice_provider .btn_check:hover {
	opacity: 0.8;
}

 




#add_products_modal {
	
}


.modal_add_product {
	max-width: 900px !important;
}


#add_products_modal .title {
	text-align: center;
	font-size: 20px;
  color: #786c8f;
  font-weight: 600;

}


#add_products_modal .form {
	display: block;
	text-align: center;
	margin-top: 20px;
}

#add_products_modal .form input {
	width: 350px;
	height: 35px;
	font-weight: 600;
	font-size: 14px;
	box-sizing: border-box;
	padding: 5px;
}

#add_products_modal .form button {	
	height: 35px;
	font-weight: 600;
	font-size: 14px;
	background: #6d47bc;
	color:#fff;
	padding: 0px 7px;
	border:0px;
	cursor: pointer;
}


#add_products_modal .ajax_response {
	margin-top: 20px;
}



#add_products_modal .ajax_response ul {
	width: 100%;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #e8e4f0;
	
}

#add_products_modal .ajax_response ul li {
	display: block;
	padding: 10px 0px;
	border-bottom: 1px solid #e8e4f0;

}

#add_products_modal .ajax_response ul li.heading .product {
	display: inline-block;
	width: 350px;
	margin-left:5px;
	margin-right: 10px;
}

#add_products_modal .ajax_response ul li.heading .qty {
	display: inline-block;
	width: 50px;
	text-align: center;
	margin-right: 10px;
}

#add_products_modal .ajax_response ul li.heading .sku {
	display: inline-block;
	width: 150px;
	text-align: center;
	margin-right: 10px;
}

#add_products_modal .ajax_response ul li.heading .price {
	display: inline-block;
	width: 70px;
	text-align: center;
}

#add_products_modal .ajax_response ul li.heading .stock {
	display: inline-block;
	width: 55px;
	text-align: center;
	margin-right: 10px;
}


#add_products_modal .ajax_response ul li.heading .actions {
	display: inline-block;
	width: 90px;
	text-align: right;
}



#add_products_modal .ajax_response ul li.heading  {
	background: #6d47bc;
	color:#fff;
	margin: 0px;
	padding: 0px;
	font-weight: 400;
	padding: 5px 0px;
}




#add_products_modal .ajax_response ul li .product {
	display: inline-block;
	width: 350px;
	margin-left:5px;
	margin-right: 10px;
}

#add_products_modal .ajax_response ul li .product input {
	border: 1px solid #e8e4f0;
	height: 30px;
	width: 100%;
}

#add_products_modal .ajax_response ul li .qty {
	display: inline-block;
	width: 50px;
	text-align: center;
	margin-right: 10px;
}

#add_products_modal .ajax_response ul li .qty select {
	padding: 2px;
	height: 30px;
	width: 50px;
}

#add_products_modal .ajax_response ul li .sku {
	display: inline-block;
	width: 150px;
	text-align: center;
	margin-right: 10px;
}

#add_products_modal .ajax_response ul li .sku input {
	border: 1px solid #e8e4f0;
	height: 30px;
	width: 140px;
	text-align: center;
}

#add_products_modal .ajax_response ul li .price {
	display: inline-block;
	width: 70px;
}

#add_products_modal .ajax_response ul li .price input {
	border: 1px solid #e8e4f0;
	height: 30px;
	width: 60px;
	text-align: center;
}

#add_products_modal .ajax_response ul li .stock {
	display: inline-block;
	width: 55px;
	text-align: center;
	margin-right: 10px;
}


#add_products_modal .ajax_response ul li .actions {
	display: inline-block;
	width: 90px;
	text-align: right;
}

#add_products_modal .ajax_response ul li .actions button {
	margin: 0px;
	padding: 0px;
	background: #119a07;
	border: 0px;
  color: #fff;
  border-radius: 8px;
  padding: 5px 10px;
  border:0px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
}

#add_products_modal .ajax_response ul li .actions button:hover {
	opacity: 0.8;
}







#page .right .content .business_list {
	
}



#page .right .content .business_list .info {
	display: block;
    font-size: 12px;
    color: #786c8f;
    margin-top: 4px;
    font-weight: 400;
}



#page .right .content .business_list .box {
	border: 1px solid #e8e4f0;	
    margin-top:30px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;

}


#page .right .content .business_list .box .heading {
	width: 100%;	
	background: #6d47bc;
	color:#fff;
	font-size: 14px;
	border-bottom: 1px solid #e8e4f0;
    height:40px;
    vertical-align: middle;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}


#page .right .content .business_list .box .heading .left {
	float:left;
	width: 350px;
}



#page .right .content .business_list .box .heading .left .name {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	font-size: 14px;
	margin-top: 10px;
}


#page .right .content .business_list .box .heading .btn {
	float:right;
	margin-right: 7px;
	margin-top: 12px;
}

#page .right .content .business_list .box .heading .btn a {
	text-decoration: none;
	background: #ffeb3c;
    color: #000;
    padding: 3px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;

}







#page .right .content .business_list .box ul {
	list-style: none;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#page .right .content .business_list .box ul li {
	display: block;
	border-bottom: 1px solid #e8e4f0;
	padding: 16px 0px;
	
}

#page .right .content .business_list .box ul li:last-child {
	border-bottom: 0px;
}


#page .right .content .business_list .box ul li:nth-child(2n-0) {
    background: #e8e4f0;
}

#page .right .content .business_list .box ul li .business_name {
	float: left;
	width: 460px;
	color:#786c8f;
	font-size: 14px;
	font-weight: 600;
	margin-left: 15px;
}


#page .right .content .business_list .box ul li .business_name .information {
	font-size:12px;
	font-weight: 500;
	margin-top: 2px;
}

#page .right .content .business_list .box ul li .actions {
	float: right;
	text-align: right;
	margin-right: 15px;
}


#page .right .content .business_list .box ul li .actions a {
	text-decoration: none;
	background: #786c8f;
	border-radius: 8px;
	padding: 4px 10px;
	margin-left: 10px;
	color:#fff;
	font-size: 12px;
	font-weight: 400;
}

#page .right .content .business_list .box ul li .actions a:hover {
	opacity: 0.7;
}


#page .right .content .business_list .box ul li .actions span.main {
	background: #119a07;
	border-radius: 8px;
	padding: 4px 10px;
	margin-left: 10px;
	color:#fff;
	font-size: 12px;
	font-weight: 400;
}




#page .right .content .business_list .box ul li .actions a.btn_edit {
	background: #3564b8;
}

#page .right .content .business_list .box ul li .actions a.btn_delete {
	background: #f51d1d;
}



#page .right .content .business_list .box .no_active {
	color: #786c8f;
	font-size: 14px;
	text-align: center;
	margin: 15px 0px;
}


#page .right .content .add_business .info {
    display: block;
    font-size: 12px;
    color: #786c8f;
    margin-top: 4px;
    font-weight: 400;
    width: 100%;
    display: inline-block;
}


#page .right .content .add_business .form {
	
}

#page .right .content .add_business .form .section {
	background: #f0f4fb;
	box-sizing: border-box;
	padding: 20px;
	margin: 10px 0px 25px;
	border-radius: 8px;
}


#page .right .content .add_business .form label {
	display: block;
	font-size: 14px;
    color: #786c8f;
    font-weight: 600;
    margin:15px 0px 5px;
}

#page .right .content .add_business .form input, #page .right .content .add_business .form select {
	width: 100%;
    height: 40px;
    text-indent: 10px;
    border: 1px solid #e8e4f0;
    border-radius: 4px;
    font-weight: 600;
    color: #786c8f;
}

#page .right .content .add_business .form .info {
	font-size: 20px;
}

#page .right .content .add_business .form .info_about {
	display: block;
    font-size: 12px;
    color: #786c8f;
    margin-top: 4px;
    font-weight: 400;
    width: 100%;
}


#page .right .content .add_business .form .btn {
	
}

#page .right .content .add_business .form .btn button {
	width: 350px;
    background: #ffeb3c;
    color: #000;
    border: 0px;
    font-size: 20px;
    padding: 10px 0px;
    display: block;
    margin: 20px auto;
    cursor: pointer;
    font-weight: 600;
}


#page .right .content .add_business .edited_notify {
	width: 100%;
	background: #119a07;
	padding: 5px 0px;
	color:#fff;
	font-size: 14px;
	text-align: center;
	margin: 20px 0px;
	border-radius: 4px;
}



#overlay_edit {
	width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,0.5);
    left: 0;
    top: 0;
    z-index: 2;
    display: none;
    
}	

#overlay_edit .edit_wrapper {
    width: 700px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    
}

#overlay_edit .edit_wrapper .title {
	width: 100%;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	color:#fff;
	background: #5b33ae;
	padding: 10px 0px;
	position: relative;

}
#overlay_edit .edit_wrapper .title span {
	position: absolute;
	right: 0;
	margin-right:10px;
	font-size: 24px;
	cursor: pointer;
}

#overlay_edit .edit_wrapper .form {	
}

#overlay_edit .edit_wrapper .form .row {
	display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #cfc0ed;
    color:#786C8F;
    font-size: 16px;
    font-weight: 600;
}

#overlay_edit .edit_wrapper .form .row:nth-child(2n-0) {
	background: #e8e4f0;
}

#overlay_edit .edit_wrapper .form .row .label {
	margin:15px 10px;
}

#overlay_edit .edit_wrapper .form .row .value {
	margin-right:10px;
	padding: 10px 0px;
}

#overlay_edit .edit_wrapper .form .row .value input, #overlay_edit .edit_wrapper .form .row .value select {
	width: 350px;
	height: 30px;
	border: 1px solid #cfc0ed;
	font-weight: 600;
	padding-left:  10px;
	color:#786C8F;
}

#overlay_edit .edit_wrapper .form .row .value textarea {
	width: 350px;
	height: 60px;
	border: 1px solid #cfc0ed;
	padding: 10px 0px;
	padding-left:  10px;
	font-weight: 600;
	color:#786C8F;
	text-transform: uppercase;
}
#overlay_edit .edit_wrapper .success_notice {	
	background: #f9df00;
	text-decoration: none;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    padding: 10px 0px;
    font-size: 18px;
    margin: 15px 10px 10px;
    cursor: pointer;
    color:#000;
    display: none;
}


#overlay_edit .edit_wrapper .empty_fields {	
	background: #ee2f3c;
	text-decoration: none;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    padding: 10px 0px;
    font-size: 18px;
    margin: 15px 10px 10px;
    cursor: pointer;
    color:#FFF;
    display: none;
}



#overlay_edit .edit_wrapper .btn_save {
	background: #119a07;
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    padding: 10px 0px;
    font-size: 18px;
    margin: 15px 10px 10px;
    cursor: pointer;
}
#overlay_edit .edit_wrapper .btn_save:hover {
	opacity: 0.8;
}



#page .right .stats {
	width: 100%;
	margin-top: 15px;	
}


#page .right .stats .filter_bar {
	width: 100%;
	background: #fff;
	display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 10px 20px;
    border-radius: 4px;
}
#page .right .stats .filter_bar .title {
	font-size: 26px;
	font-weight: 700;
	color:#5b33ae;
}


#page .right .stats .filter_bar  #bg_overlay {
	width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,0.5);
    left: 0;
    top: 0;
    z-index: 2;
    display: none;
    
}



#page .right .stats .filter_bar .filter_widget {
	background: #6d47bc; 
	cursor: pointer; 
	padding: 5px 10px; 
	width: 100%
	margin-right:10px;
	color:#fff;
	font-size: 14px;
}

#page .right .stats .filter_bar .filter_widget i.fa-calendar {
	margin-right: 10px;
	
}

#page .right .stats .filter_bar .filter_widget i.fa-caret-down {
	margin-left: 10px;
	
}
.daterangepicker {
	font-family: Montserrat, sans-serif !important;
}
.daterangepicker .ranges li.active {
	background: #6d47bc !important;
}

.daterangepicker .drp-buttons .cancelBtn  {
	background: #d73434;
	color:#fff;
	border:0px;
	cursor: pointer;
}

.daterangepicker .drp-buttons .applyBtn   {
	background: #119a07;
	color:#fff;
	border:0px;
	cursor: pointer;
}

.daterangepicker td.in-range {
    background-color: #f0e9ff !important;
  
}

.daterangepicker td.active, .daterangepicker td.active:hover {
	background: #6d47bc !important;
}




#page .right .stats .section_title {
	display: block;
	width: 100%;
	font-size: 18px;
	color:#5b33ae;
	text-align: center;
	margin-top: 30px;
}

#page .right .stats .rows4 {
	display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}


#page .right .stats .rows4 .cell {
	background: #fff;
	border-radius: 8px;
	width: 200px;
	text-align: center;
	padding-bottom: 50px;

}
#page .right .stats .rows4 .cell .title {
	background: #5b33ae;
	text-align: center;
	font-size: 18px;
	color:#fff;
	padding: 7px;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	font-weight: 300;
}

#page .right .stats .rows4 .delivered .title {
	background: #68ab5b ;
}

#page .right .stats .rows4 .delivered {
	background-image:url(../img/icon_stats_delivery.png);
	background-repeat: no-repeat;
  	background-position: calc(100% - 10px) calc(100% - 10px);

}

#page .right .stats .rows4 .returned .title {
	background: #ab5b66;
}
#page .right .stats .rows4 .returned {
	background-image:url(../img/icon_stats_returned.png?v=1);
	background-repeat: no-repeat;
  	background-position: calc(100% - 10px) calc(100% - 10px);
}




#page .right .stats .rows4 .delivered_rate .title {
	background: #5b79ab;
}

#page .right .stats .rows4 .delivered_rate {
	background-image:url(../img/icon_stats_success.png);
	background-repeat: no-repeat;
  	background-position: calc(100% - 10px) calc(100% - 10px);
}

#page .right .stats .rows4 .delivery_time .title {
	background: #ab925b;
}

#page .right .stats .rows4 .delivery_time {
	background-image:url(../img/icon_stats_rate.png);
	background-repeat: no-repeat;
  	background-position: calc(100% - 10px) calc(100% - 10px);
}

#page .right .stats .rows4 .invoice {
	background-image:url(../img/icon_stats_invoice.png);
	background-repeat: no-repeat;
  	background-position: calc(100% - 10px) calc(100% - 10px);
}

#page .right .stats .rows4 .customers {
	background-image:url(../img/icon_stats_customers.png);
	background-repeat: no-repeat;
  	background-position: calc(100% - 10px) calc(100% - 10px);
}

#page .right .stats .rows4 .expedition {
	background-image:url(../img/icon_stats_delivery.png);
	background-repeat: no-repeat;
  	background-position: calc(100% - 10px) calc(100% - 10px);
}

#page .right .stats .rows4 .medium_value {
	background-image:url(../img/icon_stats_medium_value.png);
	background-repeat: no-repeat;
  	background-position: calc(100% - 10px) calc(100% - 10px);
}



#page .right .stats .rows4 .cell .value {
	font-size: 28px;
	font-weight: 700;
	color:#5b33ae;
	margin-top: 20px;
}

#page .right .stats .rows4 .cell .sub_value {
	font-size: 20px;
	font-weight: 400;
	color:#5b33ae;
	margin-top: 0px;
}


#page .right .stats .rows2 {
	display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}


#page .right .stats .rows2 .cell {
	background: #fff;
	border-radius: 8px;
	width: 420px;
	text-align: center;
	padding-bottom: 10px;

}

#page .right .stats .rows2 .chart_profitability_list {
	height: 400px;
	

}
#page .right .stats .rows2 .chart_profitability_list ul {	
	height: 100%;
	margin-top: 5px !important;

}
#page .right .stats .rows2 .chart_profitability_list ul li {
	cursor: pointer;	
}

#page .right .stats .rows2 .chart_profitability_list ul li .name {
	padding-left: 10px;
}
#page .right .stats .rows2 .chart_profitability_list ul li .value {
	padding-right: 10px;
}

#page .right .stats .rows2 .chart_profitability_list ul li.active, #page .right .stats .rows2 .chart_profitability_list ul li:hover {
	background: #f0f4fb;
}

#page .right .stats .rows2 .chart_profitability_list ul li.button { 
  margin-top: 35px;


}


#page .right .stats .rows2 .cell .title {
	background: #5b33ae;
	text-align: center;
	font-size: 18px;
	color:#fff;
	padding: 7px;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	font-weight: 300;
}

#page .right .stats .rows2 .cell_chart_profitability .sub_title {
	font-size: 14px;
	margin: 5px 0px;
	font-weight: 600;
}

#page .right .stats .rows2 .cell ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	box-sizing: border-box;
	padding: 0px 15px;
}

#page .right .stats .rows2 .cell ul li {
	text-align: left;	
	display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-size: 14px;
    color:#363636;
    border-bottom: 1px solid #f0f4fb;
    padding: 5px 0px;
}
#page .right .stats .rows2 .cell ul li:last-child {
	border-bottom: 0px;
}
#page .right .stats .rows2 .cell ul li .name {
	width: 290px;
}

#page .right .stats .rows2 .cell ul li .value {
	
}
#page .right .stats .rows2 .cell ul li .value a {
	color:#000;
}

#page .right .stats .rows2 .cell #stats_chart_sex {
	width: 100%;
	height: 400px;
	margin-bottom: -40px;
	margin-top: 10px;
}


#page .right .stats .rows2 .cell #stats_chart_mobile {
	width: 100%;
	height: 400px;
	margin-bottom: -40px;
	margin-top: 10px;
}


#page .right .stats .rows2 .cell #chart_profitability {
	width: 100%;
	height: 400px;
	margin-bottom: -40px;
	margin-top: 10px;
}




#page .right .stats .rows1 {
	display: block;  
    margin-top: 20px;
}


#page .right .stats .rows1 .cell {
	background: #fff;
	border-radius: 8px;
	text-align: center;
	padding-bottom: 10px;

}

#page .right .stats .rows1 .cell .title {
	background: #5b33ae;
	text-align: center;
	font-size: 18px;
	color:#fff;
	padding: 7px;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	font-weight: 300;
}

#page .right .stats .rows1 .cell ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	box-sizing: border-box;
	padding: 0px 15px;
}

#page .right .stats .rows1 .cell ul li {
	text-align: left;	
	display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-size: 14px;
    color:#363636;
    border-bottom: 1px solid #f0f4fb;
    padding: 5px 0px;
}

#page .right .stats .rows1 .cell ul li:last-child {
	border-bottom: 0px;
}
#page .right .stats .rows1 .cell ul li .name {
	width: 290px;
}

#page .right .stats .rows1 .cell ul li .value {
	
}

#page .right .stats .rows1 .cell ul li.button {
	background: #f0f4fb;
	color:#313131;
	font-size: 14px;
	font-weight: 600;
	display: block;
	text-align: center;
	width: 100%;
	cursor: pointer;
	border-radius: 4px;
	margin-top: 20px;
}
#page .right .stats .rows1 .cell ul li.button:hover {
	opacity: 0.8;
}





#page .right .stats .couriers_stats{
  margin-top: 0px;
}



#page .right .stats .couriers_stats.title {
  font-size: 18px;
  color:#5b33ae;
  text-align: center;
  font-weight: 600;
  margin-bottom: 20px;
}


#page .right .stats .couriers_stats {
 	margin-top: 20px;
}



#page .right .stats .couriers_stats .row {
  border:1px solid #e8e4f0;
  box-sizing: border-box;
  margin-bottom: 15px;
  border-radius: 8px;
  background: #fff;

}

#page .right .stats .couriers_stats .row .logo {
  float: left;
  border-right:1px solid #e8e4f0;
  width:50px;
  padding: 15px;
}

#page .right .stats .couriers_stats .row .logo img {
  width: 100%;
}


#page .right .stats .couriers_stats .row .contract {
  float: left;
  width: 320px;
  margin-left: 10px;
  color:#5b33ae;
  font-size: 16px;
  font-weight: 700;
  margin-top: 20px;
}

#page .right .stats .couriers_stats .row .contract .delivery {
  font-weight: 500;
  font-size: 14px;
  color:#959595;
}




#page .right .stats .couriers_stats .row .stats {
  float: right;
  width: 410px;
  margin-top: 12px;
}


#page .right .stats .couriers_stats .row .stats ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  width: 100%;
}



#page .right .stats .couriers_stats .row .stats ul li {
  display: inline-block;
  margin-right: 10px;
  background: #e8e4f0;
  width: 90px;
  color:#5b33ae;
  text-align: center;
  padding: 8px 0px; 
  border-radius: 8px;
}

#page .right .stats .couriers_stats .row .stats ul li.shipped {
  background: #bef6ba;
  color:#065700;

}

#page .right .stats .couriers_stats .row .stats ul li.returned {
  background: #ffc0c0;
  color:#730000;
}


#page .right .stats .couriers_stats .row .stats ul li.rate {
  background: #c0e8ff;
  color:#00446b;
}

#page .right .stats .couriers_stats .row .stats ul li .name {
  font-size: 14px;
  font-weight: 400;
}


#page .right .stats .couriers_stats .row .stats ul li .value {
  font-size: 16px;
  font-weight: 800;
}




#page .right .stats .couriers_stats .row .stats ul li:last-child {
  margin-right: 0px;
}


#page .right .stats .couriers_stats .error {
  text-align: center;
  background: #ffc0c0;
    color: #730000;
    text-align: center;
    padding: 7px 0px;
    border-radius: 8px;
}

@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}

.animated-background {
    animation-duration: 1.25s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: darkgray;
    background: linear-gradient(to right, #eeeeee 10%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 100px;
    position: relative;
}