/*
Theme name: OJT;
Author	:	Vijith;
Date 	:	27-02-2019;
Time	:	10.00;
*/

*, body{

			font-family: 'Roboto', sans-serif;
}

.login-container h5{

	font-size: 20px;
	font-weight: bold;
}

.login-container h2{

			font-weight: bold;
			font-size: 35px;
}


.login-container p{

			font-weight: 300;
			font-size: 15px;
}

.login-container button{

			font-size: 17.5px;
			font-weight: 500px;
}

.search{

	height: 40px;
	border-radius: 30px;
}

.search-btn{

	width:100px;
	border-radius: 30px;
}


.sign-container{

	font-size:15px;
	font-weight: 500px;
}

 .sign-container h3{

	font-size:30px;
	font-weight: 900;
	
}
.font-fam{
	font-family: Montserrat;
}

.bck{
 			background-color: #F4F9F9;
			border-radius: 17px;
			margin-top: -80px;
			padding-top: 70px;
}	

 
.button-bgcolor{

			background-color: #FF5271;
			border-radius: 7.5px;
			width: 320px;
			height: 55px;
}

.red_star{

	color:red;
	display: none;
}

/*...........................................*/

.fa-hint{

			color: rgba(143, 143, 143, 0.6);
}


.flag-hint{

			right: 102%;
    top: 37px;
    height: auto;
}
.underlined
{

border-bottom: 1px solid #D1D1D1;
    padding-bottom: 4px;
}
.tick-hint {

			left:102%;
			top:10px;	
}
.upload-hint{

			    right: 125%;
    top: 20px;
    color: #8F8F8F;
    width: 91px;
    font-size: 12px;
    font-weight: normal;
}



.btn-signin{
			width:320px;
			height: 55px;
			background-color: #264AA6;
			border-radius: 7.5px;

}

.arrow{
	position: relative;
	left: -50px;
	top: 15px;		
}



.plusicon{

			right: 66%;
    top: 22%;
}

.wrap-p{

			padding-top:40px;
}

.bck-dash{
 
			background-color: #F4F9F9;
			border-radius: 10px;
			height: auto;
}	
button#register {
    margin-left: -6px !important;
}

.bck-dash>div>p{

			color:#939393;
}

.bottom-border{

	border-bottom-width:0!important;
}

.dash-hint{

	color: #A5B6C7;
}

.checkbox label {

	border: 2px solid #DADADA;
	box-sizing: border-box;
	border-radius: 5px;
}

.checkbox span{

	font-size: 15px;
	color: #454545;
	
}
.text-pm{
color:#595959 !important;
}
.btn-skip{
	background: #F4F9F9;
	width: 160px;
height: 55px;
border-radius: 5px;
}

/*carousel starts*/
.text-bright{
	color:#525252 !important;

}
.text-head{
	color: #3D3D3D;
}
.btn-border{
	border: 1px solid #DFDFDF;

}
.corosel-cntrl{

left: 140px;

}
.tops{
	margin-top: 71px !important;
}
.back-carousel{

	background-color:  #F4F9F9;
	width: 303px;
height: 318px;
	padding-top: 25px!important;
	border-radius: 15px;
	margin-top:15px;
	z-index: 99;
	position: relative;
}
input#myCheck {
    width: 17px;
    height: 17px;
}
.col-center {
	margin-left: 0px;
	float: none !important;
}
.carousel {
	margin: 50px auto;
	padding: 0 40px;
}
.carousel .item {
	color: #999;
	font-size: 14px;
    text-align: center;
	overflow: hidden;
    min-height: 290px;
}
.carousel .item .img-box {
	width: 58px;
	height: 58px;
	margin: 0 auto;
	
}

.carousel .img-box img {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
}
.carousel .testimonial {
	padding: 10px 0 10px;
}
.carousel .overview {	
	font-style: italic;
}
.carousel .overview b {
	text-transform: uppercase;
	color: #7AA641;
}
.carousel .carousel-control {
	width: 40px;
	height: 40px;
	margin-top: -20px;
	background: #fff;
	box-shadow: 5px 4px 6px 0px rgba(0,0,0,.1);
	display: block;
	opacity: 1;
	text-align: center;
	border-radius: 50%;
	border: 1px solid #F1F1F1;
}
.m-top{
	margin-top: -10px;
}
.corosel-cntrl {
	left: 0;
	width: 100%;
	top: auto;
	bottom: 10px;
}
.carousel-control-prev {
	left: auto;
	right: 30px;
}
.carousel-control-next {
	right: auto;
	left: 30px;
}
.carousel-control i {
    font-size: 20px;
	line-height: 40px;
    display: inline-block;
	color: rgba(0, 0, 0, 0.8);
	color: #818181;
}
.carousel .carousel-indicators {
	bottom: -40px;
}
/*.carousel-indicators li{
	width: 5px !important;
	height: 5px !important;
	margin: 1px 3px;
	border-radius: 50%;
}

 .carousel-indicators li.active {
	width: 5px;
	height: 5px;
	margin: 1px 3px;
	border-radius: 50%;
}
.carousel-indicators li:nth-child(2)
{
	width: 12px !important;
    height: 12px !important;
    margin: 14px 14px !important;
    border-radius: 50%;
}

.carousel-indicators li {	
	background: #999;
	border-color: transparent;
	box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}
.carousel-indicators li.active {	
	background: #555;		
	box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
} */
.carousel-indicators li, .carousel-indicators li.active {
	width: 10px;
	height: 10px;
	margin: 1px 3px;
	border-radius: 50%;
}
.carousel-indicators li {	
	background: #999;
	border-color: transparent;
	box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}
.carousel-indicators li.active {	
	background: #555;		
	box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
} 
.deliver-carousel{
	position: relative;
}
.deliver-carousel .owl-nav {
	display: block !important;
}
.deliver-carousel .owl-nav .owl-next:after{
	content: "\f054";
	color:#305995;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.deliver-carousel .owl-nav .owl-prev:after{
	content: "\f053";
	color:#305995;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.deliver-carousel .owl-nav .owl-next{
	position: absolute;
	top:100px;
	left:98%;
}
.deliver-carousel .owl-nav .owl-prev{
	position: absolute;
	top:100px;
	right:98%;
}
.deliver-carousel span {
    display: none;
}

.owl-carousel .owl-nav.disabled {
    display: block !important;
}
.customer-carousel{
	position: relative;
}
.customer-carousel .owl-nav .owl-next:after{
	content: "\f054";
	color:#305995;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.customer-carousel .owl-nav .owl-next{
	position: absolute;
	top:50px;
	left:98%;
}
.customer-carousel .owl-nav .owl-prev:after{
	content: "\f053";
	color:#305995;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.customer-carousel .owl-nav .owl-prev{
	position: absolute;
	top:50px;
	
}
.customer-carousel .owl-nav span {
display: none;
}
/*--------------right bar------------------*/



.font-hint{
		font-size: 15px;
		font-weight: 500;
		line-height: 150%;

}

.btn-size-dash{

	width: 321px;
	height: 55px;
	background: #366CF8;
	border-radius: 5px;
}

.btn-size{

			width:301px;
			height: 55px;
			background-color: #366CF8;
			border-radius: 7.5px;
}

.btn-size-order{

	width: 227px;
	height: 51px;
	background: #F5F5F5;
	border: 1px solid #E3E3E3;
	box-sizing: border-box;
	border-radius: 5px;
}

.position-order{

	left: -20px;

}

.size-hint{

	height: 55px;
}

.size_order{

	width: 493px;
	height: 43px;
	background: #FBFBFB;
	border: 1px solid #E2E2E2;
	box-sizing: border-box;
	border-radius: 5px;
}

.size  input {

	width: 100%;
	height: 55px;
	border-radius: 5px;
}

.size textarea{

	width: 100%;
	height: 89px;
}
.flagimg {
    position: absolute;
    top: 3px;
    right: -31px;
}
.size select{
	width: 100%;
	height: 55px;
	box-sizing: border-box;
	border-radius: 5px;

}


.circle-fa{

	font-size:0.5em }


.right-side-bar{

	line-height: 150%;
	font-size: 15px;
	font-weight: bold;	
}

.right-side-bar h5{
	font-size: 20px;
	font-weight: bold;
}

.right-side-bar h3{

	font-size: 30px;
	font-weight: bold;
}

.right-side-bar p{
	font-size: 15px;
	color: #000000;
	font-weight: 500 !important;
}

.right-side-bar a{

	color:#000000;
	font-weight: bold;
	text-decoration: none;
}

.right-side-bar label{

	color:#000000;
	font-size: 15px;
	font-weight: bold;

}
#role_details input {

    width: 100px;

}
.myTabContent .basic div{
	position: relative;
}
#custumphone table{
	position: absolute;
	z-index: 1;
border-collapse: collapse;
border-bottom: none;
color:#969696;
font-size: 15px;
font-weight: 500;
border-top: none;
padding: 10px;
width: 100%;
}
#custumphone table td{
background:#F4F9F9;
border-top: none;
color:#656565;
font-size: 15px;
padding: 10px;
cursor: pointer;
}
#retro1457806069 {
    width: 80%;
}

.wizardtab .nav-link {
    display: block;
    padding:4px;
}
.dot-bg{
	background: url('http://boutique.oi/assets/image/dot-img.png');
	background-repeat: no-repeat;
	background-position: center;
}
.dot-img{
	top:234px;
	position: absolute;
	transform: translateX(-50%);
	    z-index: -1;
}
.btn-blue{
	background: #264AA6;
	border-radius: 5px;
	width: 321px;
height: 55px;

}
.table th{
	position: relative;
	padding-right: 20px;


}
.sort-icon{
	position: absolute;
	right: -4px;
	font-size: 9px;
	top: calc(50% - 7px);
}
.dot{
	font-size:5px;
}
.completed div{

	height: 40px;
	background: #F4F9F9;
	border-radius: 7.5px;
}
.completed p {
  position: relative;
}
.completed p::after {
  border-bottom: 2px solid #000000;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
}

.completed .tick{
	display: block;
}
.completed .dot{
	display: none;
}

.completed .rightarrow{
	display: none;
}

.current div{
	height: 40px;
}

.current .rightarrow{
	display: block;
}

.current .dot{
	display: none;
}

.current .tick{
	display: none;
}

.inactive div{
	height: 40px;
}

.inactive .dot{
	display: block;
	    color: #C4C4C4 !important;
}

.inactive .rightarrow{
	display: none;
}

.inactive .tick{
	display: none;
}


.badge.badge-danger.bg-magenta.text-dark.rounded-circle.text-center.p-3.font-15 {
    width: 15%;
}

.text-colour{
color:#525252;
}
.border-colour{
border:1px solid #D4DDE6!important;
}

.badg-hint{

	position:absolute;
	margin-top:-30px!important;
	margin-left:15px!important;
	
}
.admin-position{
	position:absolute;
	margin-top:-20px;
	margin-left:55px;
}
.dropdown-message{
	margin-right:9rem!important;
}
.dropdown-notification{
	margin-right:4rem!important;
}
.bg-sec2{
	background-color: #F4F9F9;
}
.text-high{
	color: #A5B6C7;
	font-size:10px;
}
.bg-sec2 div>p{
	color:#6f6f6f;
}
.text-recent{
	color:#6F6F6F !important;
}
button#register {
    margin-left: -15px;
}
.text-black{
	color:#000000;
}
.slide{
	margin-top:14px; 
}
.font-17.5{
	font-size:17.5px;
}
.font-10{
	font-size:10px;

}
.font-13{
	font-size:13px;
}
.font-14{
	font-size:14px;
}
	.font-12{
	font-size:12px !important;
}
.font-15{
	font-size:15px;
}

.font-25{
	font-size:25px;
}
.font-20{
	font-size:20px;
}
.font-9c9c9c{
	color:#9c9c9c;
}

.font-p-style{
		font-size:15px;
}
.font-p{
		font-size:14px;
		line-height: 150%;
}
.font-size{
		font-size:30px;
}
.font-style{
		font-size:20px;
}
.line-height{
	line-height: 160%;
}
.line-height1{
	line-height: 150%;
}

.bg-blue{
background-color: #305995 !important;
}
.text-blue{
color: #305995 !important;
}
.light-dark{
	color:#5A5A5A;
}
.text-color{
	color:#8D8D8D;
}

.card-size{
	width:300px;
}
.card-img-size{
	width:50px;
}
#gridCheck {
    width: 17px;
    height: 17px;
}
.text-sent{
	color:#8E8E8E;
}
.text-mail{
	color:#666666;
}
/*..........recent orders page...........
.bordered-deep-purple::-webkit-scrollbar-track {
-webkit-box-shadow: none;
border: 1px solid black; }

.bordered-deep-purple::-webkit-scrollbar-thumb {
-webkit-box-shadow: none; }*/
.scrollbar-ripe-malinka::-webkit-scrollbar-track {

background-color: #FFFFFF;
border-radius: 10px; }

.scrollbar-ripe-malinka::-webkit-scrollbar {
width: 12px;
background-color: #F5F5F5; }

.scrollbar-ripe-malinka::-webkit-scrollbar-thumb {
border-radius: 10px;
background-image: linear-gradient(120deg, #D3D3D3 100%, #f5576c 0%); }

.my-custom-scrollbar {
  position: relative;  
  height: 250px;
  overflow-y: scroll;
}

.thin::-webkit-scrollbar {
width: 6px; }
.left-subtitle div{
	width:250px;
	height: 1px;
	background: #6c757d;
}

.panel-wrap {
    background: #666;
    display: block;
    padding: 20px 30px;
    margin-top: 20px;
    border-radius: 10px;
}
.panel-wrap i {
    color: #fff;
    font-size: 22px;
}
.panel-wrap h5 {
    color: #fff;
    font-size: 15px;
    text-align: right;
}
.panel-wrap .huge {
    color: #fff;
    font-size: 18px;
    text-align: right;
}
.form-signin .form-control {
	height: 55px;
}
.btn-outline {
	display: inline-block;
	width: 36px;
	height: 36px;
	border: 1px solid #6681d7;
	border-radius: 50%;
	text-align: center;
	line-height: 36px;
	color: #6681d7;
}
#sidebar-wrapper .h5 {
	font-size: 20px;
	font-weight: bold;
	margin-top: 20px;
	color: #000000;
	margin-left:15px;
}
#sidebar-wrapper ul{
margin-left:15px;
}
#sidebar-wrapper li{
	position: relative;
}
#sidebar-wrapper i{
	position: absolute;
	top:16px;
	left:0px;
}
.navbar p{
	color: #000000;
}

.login-container {
  padding-top: 30px;
}
.card .currency {
	margin-right: 0.375rem;
	color: #393939;
	font-size: 1.5rem;
	vertical-align: 56%;
}
.card .value {
	color: #393939;
	font-weight: 700;
	font-size: 3.5rem;
	line-height: 4rem;
	text-align: center;
}
.card .frequency {
	margin-top: 0.25rem;
	font-size: 0.875rem;
	text-align: center;
}
.card .price {
	padding-top: 0.875rem;
	padding-bottom: 1.5rem;
}

 .card .frequency {
	margin-top: 0.25rem;
	font-size: 0.875rem;
	text-align: center;
}
.card .list-unstyled {
	margin-top: 1.875rem;
	margin-bottom: 1.625rem;
	text-align: left;
	padding-left: 30px;
}
.media {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	padding-left: 10px;
}
 .card .list-unstyled.li-space-lg li {
	margin-bottom: 0.5rem;

}
.media-body{
	padding-left: 10px;
}
 .card .list-unstyled .fas {
	color: #393939;
	line-height: 1.375rem;
}
.price {
	border-bottom: 1px solid #eee;
}
.list-group-flush li a {
	font-size: 15px;
	color: #464646;
}
.admin-position {
	position: absolute;
	margin-top: -18px;
	margin-left: 48px;
}

#userDropdown {
	min-width: 150px;
}
#page-wrapper .table {
	background: rgba(249, 249, 249, 0.3);
	margin-top: 20px;
	border-radius: 3px;
	width:100% !important;
	border:1px solid #F3F3F3;

}
	.dataTables_wrapper {	
		margin-top: 0px !important;	
		border: 1px solid #F3F3F3 !important;	
		overflow: auto;	
		width: 100%;	
		border-radius: 5px;	
		background: rgba(249, 249, 249, 0.3);	
	}	
		
	.table-head {	
		color: #222222;	
		font-size: 20px;	
		font-weight: bold;	
		margin-top: 20px;	
	}

#page-wrapper .table thead th, .dataTables_wrapper table th{
	border-bottom: none;
	color: #969696;
	font-size: 15px;
	font-weight: 500;
	border-top: none;
	padding: 10px;
}
#page-wrapper .table td, .dataTables_wrapper table td {
	background: #F4F9F9;
	border-top: none;
	color: #656565;
	font-size: 15px;
	padding: 10px;
}
#page-wrapper .table tr:nth-child(2n+1) td, .dataTables_wrapper table tr:nth-child(2n+1) td{
	background: #F4F9F9;
}
.activebtn {
	background: #3b3;
	color: #fff;
	margin-left: 5px;
}
.deactivebtn {
	background: #ea6060;
	color: #fff;
	margin-left: 5px;
}
.font-p-style strong a {
	color: #000;
}
.login-container .form-control {
	height: 55px;
}
.dataTables_length{
	display: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	width: 30px;
	height: 30px;
	line-height: 28px;
	background: #f0f0f0 no-repeat !important;
	color: #007bff !important;
	padding: 0 !important;
	border-radius: 15% !important;
	margin: 5 !important;
}
.dataTables_wrapper .dataTables_paginate .pagination .previous {
    border-radius: 50px !important;
}
.dataTables_wrapper .dataTables_paginate .pagination .next {
    border-radius: 50px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button:hover{
	background: #007bff !important;
	color: #ffffff !important;
}
.paginate_button:hover a, .paginate_button:hover a:after{
	color: #ffffff !important;

}
.form-inline{
	display: block;
}
.dataTables_paginate {
	float: right;
	display: block;
}
.previous a {
	font-size: 0;
	text-decoration: none;
}
.previous a::after {
    content: '\f053';
    font-size: 15px;
    color: #6c757d;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.next a{
	font-size: 0;
	text-decoration: none;
}
.next a:after {
	content: '\f054';
    font-size: 15px;
    color: #6c757d;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.paginate_button a{
	display: block;
width: 30px;
height: 30px;
}
.paginate_button {
	text-align: center;
	font-size: 13px !important;
	margin-left: 4px !important;
	cursor: pointer;
}
.pagination{
	margin-top: 10px !important;
	background: #f2f3f7;
}
.dataTables_info {
	float: left;
}

.paginate .previous a::after {
    content: '\f100';
    font-size: 20px;
    color: #6c757d;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
.paginate .next a::after {
    content: '\f101';
    font-size: 20px;
    color: #6c757d;
font-family: "Font Awesome 5 Free";
font-weight: 900;
}


#role_details {
    width: 100% !important;
}
#txtHint table {
    border-collapse: collapse;
    border-bottom: none;
    color: #969696;
    font-size: 15px;
    font-weight: 500;
    border-top: none;
    padding: 10px;
    width: 80%;
}
#txtHint table td{
background:#F4F9F9;
border-top: none;
color:#656565;
font-size: 15px;
padding: 10px;
cursor: pointer;
}
#customer_search {
    position: relative;
}
#customer_search #txtHint{
	position: absolute;
	width: 100%;
}
.ui-datepicker {
	border: none !important;
	box-shadow: 0px 0px 30px 0 rgba(0,0,0,.1);
}
.ui-state-default {
	border: none !important;
	background: transparent !important;
	text-align: center !important;
	font-size: 12px;
}
.ui-state-default.ui-state-highlight {
	baowl-prevckground: #aad0f7 !important;
	border-radius: 50px;
	height: 28px;
	width: 28px;
	padding: 0;
	line-height: 28px;
	color: #171717 !important;
	font-weight: 600 !important;
}
.ui-state-default.ui-state-active{
	background: #007bff !important;
	border-radius: 50px;
	height: 28px;
	width: 28px;
	padding: 0;
	line-height: 28px;
	color: #171717 !important;
	font-weight: 600 !important;
}
.ui-datepicker-header {
	background: transparent !important;
	border: none !important;
}
.ui-datepicker-title select {
	border: 1px solid #eee;
	margin: 2px !important;
	border-radius: 3px;
}
.carousel-indicators {
	background: #fff;
	width: 100px;
	margin: 0 auto;
	box-shadow: 5px 4px 6px 0px rgba(0,0,0,.1);
	border-radius: 100px;
	height: 40px;
	bottom: -12px !important;
	top: auto;
	border: 1px solid #F1F1F1;
	display: block;
}

.carousel-indicators li {
	background: #E9E9E9;
	border-color: transparent;
	box-shadow: none;
	height: 12px !important;
	width: 12px !important;
	overflow: hidden;
	display: inline-block;
	position: relative;
	padding: 0;
	margin: 15px 4px !important;
	opacity: 1;
	box-sizing: border-box;
	font-size: 0 !important;
	flex: auto;
	border: none;
}
.carousel-indicators li.active {
	background: #264AA6;
}

	.inner-head h3 {	
		font-size: 20px;	
		color: #000;	
		font-weight: bold;	
		margin-top: 10px;	
	}	
	.inner-head .nav-item {	
		padding: 0 0 !important;	
		display: inline-block;	
		float: none;	
	}	
	#myTab {	
		text-align: center;	
		display: block;	
	}	
	.inner-head .nav-item a {	
		color: #5A5A5A;	
		position: relative;	
	}	
	.inner-head .nav-item a.active{	
		color: #366CF8;	
	}	
	.inner-head {	
		border-bottom: 1px solid #F7F7F7;	
		padding-bottom: 15px;	
		padding-top: 10px;	
	}	
	.inner-head .nav-item a.active::after {	
		content: '';	
		border-bottom: 2px solid #366cf8;	
		position: absolute;	
		width: calc(100% - 30px);	
		height: 1px;	
		left: 15px;	
		bottom: -25px;	
	}	
	.inner-head .btn-primary {	
		height: 50px;	
	}	
	.delivers-wrp h5 {	
		color: #264AA6;	
	}	
	.delivers-wrp h6 {	
		color: #000;	
		font-size: 10px;	
		font-weight: bold;	
	}	
	.delivers-wrp .badge, .newcustmr-wrp .badge {	
		min-width: 28px;	
		height: 28px;	
		padding: 0 5px !important;	
		line-height: 28px;	
		border-radius: 100px !important;	
		background: #264AA6;	
		color: #fff;	
		font-weight: 500;	
		font-size: 15px;	
		margin-right: 13px !important;	
	}	
	.seebtn {	
		float: right;	
		color: #546E8C;	
		font-size: 14px;	
		margin-top: 10px;	
	}	
	.seebtn i{	
		color: #4969BB;			
	}	
	
.delivers-wrp h4 {
	font-size: 30px;
	color: #222222;
	margin-top: 4px;
}
.newcustmr-wrp h3 {
	color: #222;
	font-size: 20px;
	font-weight: bold;
}
.btn-link {
	color: #305995;
	font-weight: bold;
	font-size: 17px;
}
.table.dataTable{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.card-img-size.letrcntnr {
	width: 41px;
	height: 41px;
	background: #EEA886;
	text-align: center;
	line-height: 41px;
	padding: 0;
	border-radius: 50%;
	margin-right: 15px;
}
.card-img-size.letrcntnr h5 {
	line-height: 40px;
	margin: 0;
	font-size: 15px;
	font-weight: 600;
}
.delivery-card h4 {
	color: #4170AE;
	font-size: 17px !important;
	margin-top: 5px;
}
.recent-order{
	width: 210px;
height: 305px;
}
.card.sidebar-list-item.list-group-item.m-2 {
    padding: 10px;
}
.order-card{
	width: 100%;
}
.wizardtab {
	border: none !important;
}
.wizardtab .nav-item {
	border: none;
	float: left;
}
.wizardtab .nav-link {
	border: none;
	color: #9B9B9B !important;
	font-weight: normal;
	padding: 15px 0;
	margin-right: 40px;
}
.wizardtab .nav-link.active {
	color: #000000 !important;
	font-weight: bold;
	border-bottom: 1px solid #264AA6 !important;
}
.form-container .form-group {
	margin-bottom: 20px;
}
.nextbtn{
	position: relative;
}
.order-card small{
	line-height: 150%;
}
.nextbtn img {
position: absolute;
    right: 20px;
    top: 18px;
    display: block;
    /* width: 22px; */
    left: auto;
}
#breadcrumbs i{
	color: #366CF8;
	font-size: 10px;
	margin-right: 5px;
}
#breadcrumbs {
	float: left;
	margin-right: 12px;
	color: #333333;
	font-weight: normal;
	font-size: 15px;
}
.navbar h6 {
	float: left;
	font-weight: bold;
	position: relative;
	top: 2px;
}
.detaildrpdwn:after{
	display: none;
}
.detaildrpdwn i {
	color: #007bff;
	font-size: 20px;
	margin-right: 2px;
	margin-top: 2px;
	
}
.dropdown-menu .dropdown-item {
	font-size: 13px;
	color: #5e5e5e;
	padding: 5px 11px;
}
.dataTables_wrapper .paginate_button.active {
	background: #007bff !important;
	color: #fff !important;
}
.active.paginate_button a {
	color: #fff;
}
.dataTable input[type="text"] {
	border: 1px solid #ced4da;
	height: 38px;
	border-radius: 4px;
	padding-left: 5px;
}

#sample_search {
	padding-left: 30px;
}

.letter-hint {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450 !important;
    font-size: 15px !important;
    line-height: 150%;
}
.m-l{
	margin-left: -10px;
}
.shtick{
	color:#B3B3B3;
}

.smalltextbox{
	width: 219px;
	height: 55px;
}
.bigtextbox{
	width: 455px;
	height: 55px;
}
.mediumtextbox{
	width: 370px;
	height: 55px;
}
.mobbox{
	width: 440px;
height: 55px;
}
.mobselect{
	width: 72px !important;
height: 55px !important;
}
.mobselect select{
	color:#414141;
	font-size:15px;
	font-weight: bold;
}
.selectdrop select{
	color:#353535;
	font-size:15px;
	font-weight: bold;
}
.gray-select select{
	color:#ACACAC;
	font-size:15px;
	font-weight: bold;
}
.color-hint{
	color:#414141;;
}

.droparrow {
    background: white;
    font-size: 14px !important;
    color: #8B8B8B !important;
    pointer-events: none;
    width: 17px;
}


.selectdrop{
	position: relative;
    overflow: hidden;
    border: 1px solid #ced4da;
    border-radius: 6px;
}
.selectdrop select{
	border: none;
}
.selectdrop i {
    position: absolute;
   height: 100%;
    top: 0;
    line-height: 55px;
    width: 20px;
    right: 0;
    left: auto;
    pointer-events: none;
}

/*.check-wrap {
    border-radius: 5px;
    width: 21px;
    height: 21px;
    position: relative;
    border: 2px solid #DADADA;
}
input#myCheck {
    opacity: 0;
}

.ticked {
   position: absolute;
    left: 3px;
    top: 0px;
    width: 8px;
    height: 12px;
    border: solid #007bff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    display: none
}

input::checked + .ticked{
	display: block;
}

.check-text{
	position: absolute;
    top: 0;
   
}*/

.check-wraper {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 13px;

}

.check-wraper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}


.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 21px;
  width: 21px;
  background-color: white;
  border: 2px solid #DADADA;
	box-sizing: border-box;
	border-radius: 5px;
}






.checkmark:after {
  content: "";
  position: absolute;
  /*display: none;*/
}

.check-wraper input:checked ~ .checkmark{
	  border: 2px solid #366CF8;
}


.check-wraper input:checked ~ .checkmark:after {
  border: solid #366CF8;
    border-width: 0 2px 2px 0;
}




.check-wraper .checkmark:after {
 left: 4px;
    top: 0;
    right: 0;
    width: 7px;
    height: 14px;
    border: solid #DADADA;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.invalid-tick .gray-tick{
	color:#ADADAD;
	display: none !important;
}
.invalid-tick .red-tick{
	color:#FF5271;
	display: block !important;
}
.invalid-tick .green-tick{
	color:#28a745;
	display: none !important;
}
.valid-tick .gray-tick{
	color:#ADADAD;
	display: none !important;
}
.valid-tick .red-tick{
	color:#FF5271;
	display: none !important;
}
.valid-tick .green-tick{
	color:#28a745;
	display: block !important;
}
.inactive-tick .gray-tick{
	color:#ADADAD;
	display: block !important;
}
.inactive-tick .red-tick{
	color:#FF5271;
	display: none !important;
}
.inactive-tick .green-tick{
	color:#28a745;
	display: none !important;
}
.place input::placeholder {
	color: #414141 !important;
	font-weight: bold;
	font-size: 15px;


  }
  .place-hint input::placeholder {
	color: #414141 !important;
	font-weight: bold;
	font-size: 20px;
	

  }
   .placehold-hint input::placeholder {
	color: #8A8A8A !important;
	font-weight: bold;
	font-size: 15px;
	

  }
  
   .placeholder-hint textarea::placeholder {
	color: #BCBCBC !important;
	font-weight: bold;
	font-size: 15px;


  }

  .btn-text-color{
  	color:rgba(255, 255, 255, 0.6);
  }

  .bg-blue{
  	background-color: #264AA6;
  }
  .size-hint{
  	width: 82px;
height: 54px;
  }
  .checked-textbox{
  	position: relative;
  }
  .checked-textbox .gray-tick {
    position: absolute;
    top: 5px;
    right: 13px;
}
.qoute2{
	margin-top:-22px;
}
.carosel-texts{
	margin-top: -14px;
}
.bg-back{
	background-image:url('../image/backarrow.png');
	background-repeat: no-repeat;
}
.img-position {
    margin-top: -7px;
}
@media (max-width:576px)
{

		.bck h2{
				 	font-size:15px;
				 	font-family: 'Roboto', sans-serif;
				 	font-weight: bold;
				}

		.bck{ 
				 	 background-color: #F4F9F9;
				 	 border-radius: 17px;
				 	 margin-top: -50px;
 			}

 			.tick-right-bar1 {

					font-size: 10px;
					right: 100%;
					top:15px;
	
			}
			.badg-hint{

					position:absolute;
					margin-top:-10px!important;
					margin-left:-5px!important;
					
			}
 		}





@media (max-width:768px)
			{

		.bck h2{
					 	font-size:35px;
					 	font-family: 'Roboto', sans-serif;
					 	font-weight: bold;
 				}

 		.bck{
 
					 	background-color: #F4F9F9;
					 	border-radius: 17px;
					 	margin-top: -50px;
 				}	

 				.net{
							width:250px;
				}
				
 			}
 

@media (max-width:992px)

{

	.upload-hint{

						right: 70%;
						top:20px;
						color: #8F8F8F;
						width: 90px;
						font-size: 12px;
				}
	


}

@media (min-width:768px)
{

	.flag-hint{

						position: absolute;
				}

.w-hint{

		width: 100% !important;
	}
	
}

@media (min-width:768px) and (max-width:992px)
{
	.badg-hint{

					position:absolute;
					margin-top:-5px!important;
					margin-left:-15px!important;
					
			}
	
}
@media (max-width:768px){
		.font-control {font-size:10px;
  }
}