/************************** 
* 1. Website Fonts
***************************/
@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed:200,300,400,500,600,700|Hind+Siliguri:300,400,500,600,700|Muli:300,400,600,700|Poppins:300,400,500,600,700|Titillium+Web:300,400,600,700|Varela');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');
@import url('https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700,700i,900');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Wire+One');
@import url('https://fonts.googleapis.com/css?family=Rambla:400,400i,700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
@import url('https://fonts.googleapis.com/css?family=Righteous');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700|Roboto:300,400,500,700&display=swap');

/************************** 
* 2. Imported styles 
***************************/
@import url(bootstrap4.css);
@import url(datatables.bootstrap4.css);
@import url(datepicker-1.7.css);
@import url(select2.css);
@import url(fSelect.css);
@import url(layout.css);
@import url(custom.css);
@import url(animate.css);
@import url(font-awesome.css);
@import url(ionicons.css);

/************************** 
* 3. TMS styles 
***************************/
html *{
    -webkit-font-smoothing: antialiased;
}
body{
	margin:0px; 
	padding:0px; 
	color: #354558;
	color: #001737;
	font-size:14px;
	font-family: 'Open Sans', sans-serif; 
	font-family: 'Merriweather', serif;
	font-family: 'Poppins', sans-serif;
    /*font-family: 'Roboto', sans-serif;*/
    /*font-family: 'Roboto Condensed', sans-serif;*/
	background:#fff;
	/*background: #F0F6FB;*/
	-webkit-font-smoothing: antialiased !important;
}
p {color: #354558; color: #001737; font-weight:400;}
a {color: #354558; color: #001737; text-decoration:none !important; outline:none !important;}
a img {border:none;}
.clr{clear:both;}
hr {
    margin-top: 25px;
    margin-bottom: 25px;
    border-top: 1px solid #dce2ea;
}
.box-1{
	padding-left:0px;
	padding-right:0px;
}
.box-2{
	padding-left:0px;
}
.box-3{
	padding-right:0px;
}

.mn-ht-100{min-height: 100px !important;}
.mn-ht-150{min-height: 150px !important;}
.mn-ht-200{min-height: 200px !important;}
.mn-ht-250{min-height: 250px !important;}
.mn-ht-300{min-height: 300px !important;}
.mn-ht-350{min-height: 350px !important;}
.mn-ht-400{min-height: 400px !important;}
.mn-ht-450{min-height: 450px !important;}
.mn-ht-500{min-height: 500px !important;}
.mn-ht-600{min-height: 600px !important;}
.mn-ht-700{min-height: 700px !important;}
.mn-ht-800{min-height: 800px !important;}
.mn-ht-900{min-height: 900px !important;}
.mn-ht-1000{min-height: 1000px !important;}

.mx-ht-100{max-height: 100px !important;}
.mx-ht-150{max-height: 150px !important;}
.mx-ht-200{max-height: 200px !important;}
.mx-ht-250{max-height: 250px !important;}
.mx-ht-300{max-height: 300px !important;}
.mx-ht-350{max-height: 350px !important;}
.mx-ht-400{max-height: 400px !important;}
.mx-ht-450{max-height: 450px !important;}
.mx-ht-500{max-height: 500px !important;}
.mx-ht-600{max-height: 600px !important;}
.mx-ht-700{max-height: 700px !important;}
.mx-ht-800{max-height: 800px !important;}
.mx-ht-900{max-height: 900px !important;}
.mx-ht-1000{max-height: 1000px !important;}

.mn-wd-100{min-width: 100px !important;}
.mn-wd-150{min-width: 150px !important;}
.mn-wd-200{min-width: 200px !important;}
.mn-wd-250{min-width: 250px !important;}
.mn-wd-300{min-width: 300px !important;}
.mn-wd-350{min-width: 350px !important;}
.mn-wd-400{min-width: 400px !important;}
.mn-wd-450{min-width: 450px !important;}
.mn-wd-500{min-width: 500px !important;}
.mn-wd-600{min-width: 600px !important;}
.mn-wd-700{min-width: 700px !important;}
.mn-wd-800{min-width: 800px !important;}
.mn-wd-900{min-width: 900px !important;}
.mn-wd-1000{min-width: 1000px !important;}

.mx-wd-100{max-width: 100px !important;}
.mx-wd-150{max-width: 150px !important;}
.mx-wd-200{max-width: 200px !important;}
.mx-wd-250{max-width: 250px !important;}
.mx-wd-300{max-width: 300px !important;}
.mx-wd-350{max-width: 350px !important;}
.mx-wd-400{max-width: 400px !important;}
.mx-wd-450{max-width: 450px !important;}
.mx-wd-500{max-width: 500px !important;}
.mx-wd-600{max-width: 600px !important;}
.mx-wd-700{max-width: 700px !important;}
.mx-wd-800{max-width: 800px !important;}
.mx-wd-900{max-width: 900px !important;}
.mx-wd-1000{max-width: 1000px !important;}

.tmsbg-1{background:#17ADCB !important;}
.tmsbg-2{background:#97CF42 !important}
.tmsbg-3{background:#F95C79 !important}
.tmsbg-4{background:#A6A7A9 !important}
.tmsbg-5{background:#FD9A00 !important}
.tmsbg-6{background:#33485D !important}
.tmsbg-7{background:#DB3B30 !important}
.tmsbg-8{background:#20328C !important}
.tmsbg-9{background:#4C5D30 !important}
.tmsbg-10{background:#3F9C4C !important}
.tmsbg-11{background:#83059B !important}
.tmsbg-12{background:#7A5447 !important}
.tmsbg-13{background:#CB4529 !important}
.tmsbg-14{background:#3C8A23 !important}
.tmsbg-15{background:#79578A !important}
.tmsbg-16{background:#A84C28 !important}
.tmsbg-17{background:#1462AE !important}
.tmsbg-18{background:#1C867E !important}
.tmsbg-19{background:#6E1C47 !important}
.tmsbg-20{background:#386571 !important}
.tmsbg-21{background:#376B27 !important}
.tmsbg-22{background:#B7C20A !important}
.tmsbg-23{background:#3D4078 !important}
.tmsbg-24{background:#6A7D0C !important}
.tmsbg-25{background:#A48D57 !important}
.tmsbg-26{background:#544F4E !important}

.bd-0{border: none !important;}
.bt-0{border-top: none !important;}

.pd-0{padding: 0px !important;}
.pt-0{padding-top: 0px !important;}
.pb-0{padding-bottom: 0px !important;}
.pl-0{padding-left: 0px !important;}
.pr-0{padding-right: 0px !important;}
.ptb-0{padding-top: 0px !important; padding-bottom: 0px !important;}
.plr-0{padding-left: 0px !important; padding-right: 0px !important;}

.pd5{padding: 5px !important;}
.pd10{padding: 10px !important;}
.pd15{padding: 15px !important;}
.pd20{padding: 20px !important;}
.pd25{padding: 25px !important;}
.pd30{padding: 30px !important;}
.pd35{padding: 35px !important;}
.pd40{padding: 40px !important;}
.pd50{padding: 50px !important;}

.mr-0{margin: 0px !important;}
.mt-0{margin-top: 0px !important;}
.mb-0{margin-bottom: 0px !important;}
.ml-0{margin-left: 0px !important;}
.mr-0{margin-right: 0px !important;}
.mtb-0{margin-top: 0px !important; margin-bottom: 0px !important;}
.mlr-0{margin-left: 0px !important; margin-right: 0px !important;}

.mr5{margin: 5px !important;}
.mr10{margin: 10px !important;}
.mr15{margin: 15px !important;}
.mr20{margin: 20px !important;}
.mr25{margin: 25px !important;}
.mr30{margin: 30px !important;}
.mr40{margin: 40px !important;}
.mr50{margin: 50px !important;}

.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt25{margin-top: 25px !important;}
.mt30{margin-top: 30px !important;}
.mt35{margin-top: 35px !important;}
.mt40{margin-top: 40px !important;}
.mt50{margin-top: 50px !important;}
.mt60{margin-top: 60px !important;}
.mt70{margin-top: 70px !important;}
.mt80{margin-top: 80px !important;}

.mb5{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.mb25{margin-bottom: 25px !important;}
.mb30{margin-bottom: 30px !important;}
.mb35{margin-bottom: 35px !important;}
.mb40{margin-bottom: 40px !important;}
.mb50{margin-bottom: 50px !important;}

.mr5{margin-right: 5px !important;}
.mr10{margin-right: 10px !important;}
.mr15{margin-right: 15px !important;}
.mr20{margin-right: 20px !important;}
.mr25{margin-right: 25px !important;}
.mr30{margin-right: 30px !important;}
.mr35{margin-right: 35px !important;}
.mr40{margin-right: 40px !important;}
.mr50{margin-right: 50px !important;}

.ml5{margin-left: 5px !important;}
.ml10{margin-left: 10px !important;}
.ml15{margin-left: 15px !important;}
.ml20{margin-left: 20px !important;}
.ml25{margin-left: 25px !important;}
.ml30{margin-left: 30px !important;}
.ml35{margin-left: 35px !important;}
.ml40{margin-left: 40px !important;}
.ml50{margin-left: 50px !important;}

.pt5{padding-top: 5px !important;}
.pt10{padding-top: 10px !important;}
.pt15{padding-top: 15px !important;}
.pt20{padding-top: 20px !important;}
.pt25{padding-top: 25px !important;}
.pt30{padding-top: 30px !important;}
.pt35{padding-top: 35px !important;}
.pt40{padding-top: 40px !important;}
.pt50{padding-top: 50px !important;}

.pb5{padding-bottom: 5px !important;}
.pb10{padding-bottom: 10px !important;}
.pb15{padding-bottom: 15px !important;}
.pb20{padding-bottom: 20px !important;}
.pb25{padding-bottom: 25px !important;}
.pb30{padding-bottom: 30px !important;}
.pb35{padding-bottom: 35px !important;}
.pb40{padding-bottom: 40px !important;}
.pb50{padding-bottom: 50px !important;}

.pr5{padding-right: 5px !important;}
.pr10{padding-right: 10px !important;}
.pr15{padding-right: 15px !important;}
.pr20{padding-right: 20px !important;}
.pr25{padding-right: 25px !important;}
.pr30{padding-right: 30px !important;}
.pr35{padding-right: 35px !important;}
.pr40{padding-right: 40px !important;}
.pr50{padding-right: 50px !important;}

.pl5{padding-left: 5px !important;}
.pl10{padding-left: 10px !important;}
.pl15{padding-left: 15px !important;}
.pl20{padding-left: 20px !important;}
.pl25{padding-left: 25px !important;}
.pl30{padding-left: 30px !important;}
.pl35{padding-left: 35px !important;}
.pl40{padding-left: 40px !important;}
.pl50{padding-left: 50px !important;}

.pos-abs{position: absolute;}
.pos-rlt{position: relative;}

.table > thead > tr > th {
    color: #1e91cf;
    font-size: 13px;
    color: #354558;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: 600;
    color: #50649c;
    color: #283866;
    background-color: #eff2f9;
    border-color: #eaf0f7;
}
.table > tbody > tr > td {
    color: #6c757d;
    font-size: 13px;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #7286a2;
    border-top: 1px solid #eaf0f7;
    border-bottom: 0px solid #eaf0f7;
    /*padding: .75rem;*/
    /*vertical-align: middle;*/
}
.table > tbody > tr > td a{
    color: #6c757d;
    color: #74affa;
}
.table > tbody > tr > td a:hover{
    color: #74affa;
    color: #3882e1
}
.table > tbody > tr:nth-of-type(2n+1) {
    background-color: #f8f9fa;
    background-color: #fff;
}
.table-hover > tbody > tr:hover {
    background-color: #f8f9fd;
}
.table > tbody > tr > td .fa{
    /*color: #6c757d;*/
    font-size: 17px;
    margin-right:0px;
}
.table > tbody > tr > td .fa:hover{
    animation: swing ease-in-out 0.5s 1 alternate;
}
.table > tbody > tr > td > mark{
	color: #346ba9;
	border-radius: 3px;
	padding: 0.25em 0.4em;
	font-size: 12px;
	font-weight: 500;
}
.act-vw{color: #9ba7ca !important; width: 40px !important; display: inline-block !important;}
.act-ed{color: #74affa !important; width: 40px !important; display: inline-block !important;}
.act-dl{color: #f1646c !important; width: 40px !important; display: inline-block !important;}
.act-ah{color: #face21 !important; width: 40px !important; display: inline-block !important;}
.st-act{
	background-color: rgba(30,202,184,.15)!important;
    color: #1ecab8!important;
    -webkit-box-shadow: 0 0 13px 0 rgba(241,100,108,.05);
    box-shadow: 0 0 13px 0 rgba(241,100,108,.05);
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 1px;
}
.st-inact{
	background-color: rgba(241,100,108,.15)!important;
    color: #f1646c!important;
    -webkit-box-shadow: 0 0 13px 0 rgba(241,100,108,.05);
    box-shadow: 0 0 13px 0 rgba(241,100,108,.05);
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 1px;
}
.st-prcs{
    background-color: rgba(93,120,255,.1)!important;
    color: #5d78ff!important;
    -webkit-box-shadow: 0 0 13px 0 rgba(241,100,108,.05);
    box-shadow: 0 0 13px 0 rgba(241,100,108,.05);
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 1px;
}
.st-arch{
    background-color: rgba(247,185,36,.1)!important;
    color: #f7b924!important;
    -webkit-box-shadow: 0 0 13px 0 rgba(241,100,108,.05);
    box-shadow: 0 0 13px 0 rgba(241,100,108,.05);
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 1px;
}
.st-blkd{
    background-color: rgba(93,120,255,.1)!important;
    color: #5d78ff!important;
    -webkit-box-shadow: 0 0 13px 0 rgba(241,100,108,.05);
    box-shadow: 0 0 13px 0 rgba(241,100,108,.05);
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 1px;
}
.pnd-st{
    background-color: rgba(25,180,240,.1)!important;
    color: #19b4f0!important;
    -webkit-box-shadow: 0 0 13px 0 rgba(241,100,108,.05);
    box-shadow: 0 0 13px 0 rgba(241,100,108,.05);
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 1px;
}
.app-st{
    background-color: rgba(16,210,118,.1)!important;
    color: #10d276!important;
    -webkit-box-shadow: 0 0 13px 0 rgba(241,100,108,.05);
    box-shadow: 0 0 13px 0 rgba(241,100,108,.05);
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 1px;
}
.rjt-st{
    background-color: rgba(241,100,108,.15)!important;
    color: #f1646c!important;
    -webkit-box-shadow: 0 0 13px 0 rgba(241,100,108,.05);
    box-shadow: 0 0 13px 0 rgba(241,100,108,.05);
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 1px;
}
.spd-st{
    background-color: rgba(0,103,125,.1)!important;
    color: #00677d!important;
    -webkit-box-shadow: 0 0 13px 0 rgba(241,100,108,.05);
    box-shadow: 0 0 13px 0 rgba(241,100,108,.05);
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 1px;
}
.wrn-st{
    background-color: rgba(247,185,36,.1)!important;
    color: #f7b924!important;
    -webkit-box-shadow: 0 0 13px 0 rgba(241,100,108,.05);
    box-shadow: 0 0 13px 0 rgba(241,100,108,.05);
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 1px;
}
.tbl-act-3btn-div{
	width: 100%;
	height: auto;
	margin: auto;
}
.page-item.active .page-link {
    background-color: #333;
    border-color: #333;
}
.page-link {
    color: #7286a2;
}
.page-link:hover {
    color: #333;
}
.fc2{
	width: 170px;
	height: 32px !important;
}
.form-control{
	box-shadow: none;
	outline: 0 none;
	border: 1px solid #ccc;
	font-size:13px;
	font-weight:400;
	border-radius:3px;
	height:34px;
	color:#666;
}
label {
	color: #50649c;
	color: #354558;
	color: #001737;
	margin-bottom: 0.3rem;
}
label span{
	color: #f1646c;
	margin-left: 1px;
}
.form-horizontal .control-label {
    padding-top: 10px;
}
.form-control:focus{
	box-shadow: none;
	outline: 0 none;
	border: 1px solid #999;
	border: 1px solid #00677d;
	/*border: 1px solid #10bed2;*/
	/*-webkit-box-shadow: 0 0 0 0.2rem rgba(0,103,125,.25);
    box-shadow: 0 0 0 0.2rem rgba(0,103,125,.25);*/

    /*-webkit-box-shadow: 0 0 0 0.2rem rgba(16,190,210,.25);
    box-shadow: 0 0 0 0.2rem rgba(16,190,210,.25);*/
}

/*select {
	-moz-appearance: none ;
	background-image: url("../images/select-arrow1.png") !important ;
	background-origin: content-box !important;
	background-position: right center !important;
	background-repeat: no-repeat !important;
}
select:focus {
	background-image: url("../images/select-arrow.png") !important ;
}*/
.btnsty-1{
	width:auto;
	/*min-width:100px;*/
	height:34px;
	float:left;
	background:#10d276;
	color:#fff;
	/*border-radius:0px !important;*/
	transition: all 150ms;
	border-color:transparent !important;
	font-size:14px;
	font-weight:500;
	border-radius: 4px;
	outline:none !important;
	padding-left: 15px;
	padding-right: 15px;
}
.btnsty-2{
	width:100%;
	margin:auto;
	float:none;
	display:block;
	/*height:40px;*/
}
.btnsty-3{
	min-width:150px;
	margin:auto;
	float:none;
	display:inline-block;
	/*height:40px;*/
}
.btnsty-vw{
	background: #9ba7ca !important;
}
.btnsty-ed{
	background: #74affa !important;
}
.btnsty-dl{
	background: #f1646c !important;
}

.btnsty-1:hover{
	background:#09c46c;
	color:#fff;
	transition: all 150ms;
	box-shadow: none;
}
.btnsty-1:active {
    box-shadow: none;
    background:#09c46c;
	transition: all 150ms;
	color:#fff;
}
.btnsty-1:active:focus {
    box-shadow: none;
    background:#09c46c;
	transition: all 150ms;
	color:#fff;
}
.btnsty-1:focus {
    background:#09c46c;
	color:#fff;
	transition: all 150ms;
	box-shadow: none;
    outline: none !important;
}
.btnsty-2:hover{
	background:#09c46c;
	color:#fff;
	transition: all 150ms;
	box-shadow: none;
}
.btnsty-2:active {
    box-shadow: none;
    background:#09c46c;
	transition: all 150ms;
	color:#fff;
}
.btnsty-2:active:focus {
    box-shadow: none;
    background:#09c46c;
	transition: all 150ms;
	color:#fff;
}
.btnsty-2:focus {
    background:#09c46c;
	color:#fff;
	transition: all 150ms;
	box-shadow: none;
    outline: none !important;
}
.form-group {
	margin-bottom: 20px
}
.btnsty-bck{
	width:auto;
	/*min-width:100px;*/
	height:34px;
	float:left;
	background:#10bed2;
	background:#19b4f0;
	color:#fff;
	/*border-radius:0px !important;*/
	transition: all 150ms;
	border-color:transparent !important;
	font-size:14px;
	font-weight:500;
	border-radius: 4px;
	outline:none !important;
}
.btnsty-bck:hover{
	background:#0ca8e4;
	color:#fff;
	transition: all 150ms;
	box-shadow: none;
}
.btnsty-bck:active {
    box-shadow: none;
    background:#0ca8e4;
	transition: all 150ms;
	color:#fff;
}
.btnsty-bck:active:focus {
    box-shadow: none;
    background:#0ca8e4;
	transition: all 150ms;
	color:#fff;
}
.btnsty-bck:focus {
    background:#0ca8e4;
	color:#fff;
	transition: all 150ms;
	box-shadow: none;
    outline: none !important;
}
.btnsty-elkt1{
	background: #10bed2 !important;
}
.btnsty-elkt1:hover{
	background:#006580 !important;
}
.btnsty-elkt1:active {
    background:#006580 !important;
}
.btnsty-elkt1:active:focus {
    background:#006580 !important;
}
.btnsty-elkt1:focus {
    background:#006580 !important;
}
.btn-minw-100{min-width: 100px !important;}
.btn-minw-110{min-width: 110px !important;}
.btn-minw-120{min-width: 120px !important;}
.btn-minw-130{min-width: 130px !important;}
.btn-minw-140{min-width: 140px !important;}
.btn-minw-150{min-width: 150px !important;}
.btn-minw-160{min-width: 160px !important;}
.btn-minw-170{min-width: 170px !important;}
.btn-minw-180{min-width: 180px !important;}
.btn-minw-190{min-width: 190px !important;}
.btn-minw-200{min-width: 200px !important;}

/******Login Page Css Start******/
.login-main-div{
	width: 100%;
	height: auto;
	margin: auto;
}
.log-lft-mnbx{
	width: 100%;
	height: 100vh;
	margin: auto;
	background: #006580;
	padding: 40px;
}
.lg-logo{
	width: 100%;
	height: auto;
	margin: auto;
	text-align: center;
	margin-top: 120px;
}
.lg-logo img{
	width: 130px;
}
.lg-logo h4{
	margin: 0px;
	padding-top: 30px;
	color: #10bed2;
	/*text-transform: capitalize;*/
	font-size: 22px;
	font-weight: 500;
}
.lg-form-mnbx{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 50px;
	max-width: 400px;
}
.inp-psw-fld{
	position:relative;
}
.lg-form-mnbx .inp-psw-fld a.shwpswrd{
    position: absolute;
    right: 0px;
    font-size: 13px;
    color: #777;
    top: 12px;
	right:15px;
	font-weight:500;
	font-family: 'Open Sans', sans-serif;
}
.lg-form-mnbx input[type="text"] {
    background: #fff;
    border-radius: 30px;
    border: none;
    height: 45px;
    font-size: 14px;
    padding: 0 30px;
    margin-bottom: 15px;
    color: #666;
    border: 1px solid #fff;
}
.lg-form-mnbx input[type="email"] {
    background: #fff;
    border-radius: 30px;
    border: none;
    height: 45px;
    font-size: 14px;
    padding: 0 30px;
    margin-bottom: 15px;
    color: #666;
    border: 1px solid #fff;
}
.lg-form-mnbx input[type="password"] {
    background: #fff;
    border-radius: 30px;
    border: none;
    height: 45px;
    font-size: 14px;
    padding: 0 30px;
    margin-bottom: 15px;
    color: #666;
    border: 1px solid #fff;
}
.logbtn-style {
    width: auto;
    height: 38px;
    margin: auto;
    margin-top: auto;
    margin-top: auto;
    float: left;
    display: block;
    margin-top: 5px;
    font-size: 16px;
    text-transform: capitalize;
    line-height: 36px;
    border-radius: 20px !important;
    background:#10bed2;
    color:#fff;
    transition: all 0.5s ease 0s;
    border-color: transparent !important;
    font-size: 15px;
    font-weight:600;
    padding-top: 0px;
    padding-left: 30px;
    padding-right: 30px;
}
.logbtn-style:hover {
    background: #088d9c;
    color: #fff;
    transition: all 0.5s ease 0s;
}
.frgt-psw-div {
    width: 97%;
    height: auto;
    margin: auto;
     margin-top: auto;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: 40px;
    padding-top: 20px;
}
.frgt-psw-div p {
    margin: 0px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
	font-weight:500;
}
.frgt-psw-div p a {
    color: #10bed2;
}
.log-rgt-mnbx{
	width: 100%;
	height: 100vh;
	margin: auto;
	background: #d5e5f6;
	padding: 40px;
	z-index: 999;
    background: rgba(212, 228, 246, 0.90) url(../images/login-bg.jpg) top left repeat;
    background-size: auto;
    background-size: cover;
    padding-left: 60px;
}
.log-rgt-mnbx h2{
	margin: 0px;
	padding-top: 180px;
	color: #006580;
	font-weight: 700;
	font-size: 42px;
	line-height: 65px;
	letter-spacing: 2px;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}
.log-rgt-mnbx h2 span{
	display: block;
}
.log-rgt-mnbx p{
	width: 60%;
	margin: 0px;
	padding-top: 20px;
	color: #354558;
	color: #001737;
	font-weight: 400;
	font-size: 16px;
	line-height: 34px;
}
/******Login Page Css Start******/

/******Login2 Page Css Start******/
.login2-maindiv:after{
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	left: 0px;
	top: 0px;
	background: rgba(0, 103, 125, 0.6);
}
.login2-maindiv{
	width: 100%;
	height: 100vh;
	background: url(../images/login-bg7.jpg) center no-repeat;
    background-size: auto;
    background-size: cover;
    position: relative;
}
.log2-wrk-mnbx{
	width: 100%;
	max-width: 700px;
	height: 500px;
	background: #fff;
	position: absolute;
	z-index: 999;
	border-radius: 10px;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	margin: auto;
	padding: 40px;
}
.log2-lft-bx{
	width: 45%;
	height: auto;
	min-height: 420px;
	float: left;
	background: #006580;
	/*background: #10bed2;*/
	margin-left: -100px;
	border-radius: 10px;
	text-align: center;
	padding: 30px;
}
.log2-lft-bx img{
	width: 130px;
	margin-top: 70px;
}
.log2-lft-bx h1{
	margin: 0px;
	font-size: 22px;
	color: #fff;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 36px;
	padding-top: 40px;
	color: rgba(255, 255, 255, 0.6);
	color: #10bed2;
}
.log2-lft-bx p{
	margin: 0px;
	font-size: 15px;
	color: rgba(255, 255, 255, 0.6);
	font-weight: 400;
	padding-top: 20px;
}
.log2-rgt-bx{
	width: 60%;
	height: auto;
	float: left;
	margin-left: 50px;
	overflow: hidden;
}
.log2-rgt-bx h2{
	margin: 0px;
	padding-top: 50px;
	color: #006580;
	font-size: 26px;
	font-weight: 600;
}
.log2-rgt-bx label{
	font-size: 18px;
	font-weight: 500;
}
.log2-eml-bx{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 50px;
}
.log2-inpt {
    width: 100%;
    border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-bottom: 1px solid #ddd;
    border-radius: 0px;
    box-shadow: none;
}
.log2-inpt:focus{
	box-shadow: none;
	outline: 0 none;
	border: none;
	border-bottom: 1px solid #999;
}
span.errorclass {
    color: #ff4949;
    font-size: 13px;
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
}
.log2-inpt-err{
	border-bottom: 1px solid #ff4949;
}
.log2-inpt-err:hover{
	border-bottom: 1px solid #000;
}
.logbtn-style2 {
    width: auto;
    height: 38px;
    margin: auto;
    margin-top: auto;
    margin-top: auto;
    float: right;
    display: block;
    margin-top: 5px;
    text-transform: capitalize;
    line-height: 36px;
    border-radius: 5px !important;
    background:#10bed2;
    color:#fff;
    transition: all 0.5s ease 0s;
    border-color: transparent !important;
    font-size: 16px;
    font-weight:600;
    padding-top: 0px;
    padding-left: 30px;
    padding-right: 30px;
}
.logbtn-style2:hover {
    background: #006580;
    color: #fff;
    transition: all 0.5s ease 0s;
}
.log2-psd-bx{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 30px;
}
.log2-psd-bx p{
	margin: 0px;
	font-size: 14px;
	color: #354558;
	color: #001737;
}
.log2-psd-bx p .fa{
	width: 20px;
	height: 20px;
	margin-right: 7px;
	color: #ddd;
	background: #fff;
	border-radius: 100%;
	text-align: center;
	line-height: 20px;
	margin-bottom: 20px;
}
.log2-psd-bx p .fa:hover{
	color: #10bed2;
	background: #f5f5f5;
}
.frgt-psw-div2 {
    width: 100%;
    height: auto;
    margin: auto;
     margin-top: auto;
    margin-top: 10px;
}
.frgt-psw-div2 a{
    margin: 0px;
    font-size: 13px;
    color: #10bed2;
    text-align: left;
    letter-spacing: 2px;
	font-weight:400;
}
.frgt-psw-div2 a:hover{
    color: #111;
    text-decoration: underline !important;
}
.log2-frgt-bx{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 30px;
}
.log2-frgt-bx p{
	margin: 0px;
	font-size: 14px;
	color: #999;
	margin-bottom: 20px;
	line-height: 25px;
}
/******Login2 Page Css Start******/

/******Dashboard Page Css Start******/
.tms-lftbx-maindiv{
	min-width: 260px;
    max-width: 260px;
	height:100vh;
}
.slimScrollDiv { 
	border:0px solid #eee;
}
.tms-rgt-panel{
	width: 100%;
	height: auto;
	margin: auto;
}
.tms-tophd-fixed{
	width:100%;
	height:60px;
	height: 50px;
	margin:auto;
	position: sticky;
	top: 0px;
	background: #fff;
	box-shadow: 1px 0px 5px rgba(0, 0 ,0, 0.05);
	z-index: 999;
}
.tms-logo{
	width: 100%;
	height: 60px;
	height: 50px;
	margin: auto;
	background: #00677d;
	position: relative;
    z-index: 999;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.tms-logo img{
	width: 110px;
	margin-top: 15px;
	margin-top: 10px;
	margin-left: 60px;
}
.tms-lft-menu{
	width: 100%;
	height: 90%;
	margin: auto;
	/*overflow: auto;
	overflow-x: hidden;*/
}
.sidecolsp-btn{
	width: 100%;
	height: auto;
	margin: auto;
}
.adminp-toprgt-div{
	width:100%;
	height:auto;
	margin:auto;
}
.admin-not-lst-lft{
	width:88%;
	width: 100%;
	height:auto;
	float:left;
}
.admin-logout-btn-rgt{
	width:90px;
	height:auto;
	float:right;
	background:#10bed2;
	text-align:center;
	line-height:32px;
	border-radius:2px;
	margin-top:10px;
}
.admin-logout-btn-rgt a{
	display:block;
	margin:auto;
	font-size:14px;
	font-weight:500;
	color:#fff;
}
.admin-logout-btn-rgt:hover{
	background:#006580;
	transition: all 0.5s ease 0s;
}
.admin-logout-btn-rgt:hover a{
	color:#fff;
}	
.top-log2 {
	width: 100%;
	height: auto;
	margin: auto;
}
.top-log2 ul {
	margin: 0px;
	padding: 0px;
}
.top-log2 ul li {
	float: left;
	list-style-type: none;
	margin-left: 40px;
	margin-top: 0px;
	line-height: 60px;
	line-height: 50px;
}
.top-log2 ul li img {
	width:35px;
	height: 35px;
	border-radius:100%;
	margin-right:10px;
	margin-top:-2px;
	box-shadow: 0 0 0px 2px rgba(0, 0, 0, 0.1);
}
.top-log2 ul li a {
	color: #354558;
	color: #001737;
	font-size: 26px;
	font-weight: 400;
	position:relative;
}
/*.top-log2 ul li a h3{
	margin:0px;
	font-size:26px;
	line-height: 60px;
}*/
.top-log2 ul li a strong {
    background: #10bed2;
	color: #fff;
	border-radius: 30px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	position: absolute;
	right: -17px;
	top: -5px;
	font-size: 11px;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
}
.top-log2 ul li a .fa {
	margin-right: 10px;
}
.acc-btn-style2 {
	background: none;
	color: #354558;
	color: #001737;
	border: none;
	border-radius: 0px;
	margin-top: -6px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-size: 15px;
	padding: 0px;
}
.acc-btn-style2:hover {
	background: none;
	color: #006580;
	outline:none !important;
}
.acc-btn-style2:active {
	background: none;
	color: #006580;
	outline:none !important;
}
.acc-btn-style2:focus {
	background: none;
	color: #006580;
	outline:none !important;
	box-shadow: none !important;
}
.acc-btn-style2:active:focus {
	background: none;
	color: #006580;
	outline:none !important;
	box-shadow: none !important;
}
.acc-btn-style2 .fa {
	margin-right: 10px;
	margin-left: 50px;
	animation: 2s linear 0s normal none infinite running fa-spin;
	color: #006580;
}
.acc-btn-style2:hover .fa {
	color: #18191B;
}
.acc-drop2 {
	margin-top: 0px !important;
	border-radius:1px;
	box-shadow: none;
    min-width: 170px;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(236, 236, 241, 0.44);
    /* box-shadow: 0px 0px 13px 0px rgba(236, 236, 241, 0.44); */
    background-color: #ffffff;
    border-color: #e9ecef;
    border-radius: 0px 0px 5px 5px ;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.top-log2 .dropdown-menu {
	margin-left: 0px;
}
.top-log2 .dropdown-menu > li:last-child {
	border-bottom:0px solid #ddd;
}
.top-log2 .dropdown-menu > li {
	float: none;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	width:100%;
	border-bottom:0px solid #ddd;
}
.top-log2 .dropdown-menu > li > a {
	display:block;
	/*color: #354558;*/
	background: none;
	float: none;
	font-size:13px;
	line-height:35px;
	padding-left: 15px;
	color: #7286a2;
}
.top-log2 .dropdown-menu li:hover {
	background:#f6fafd;
	
}
.top-log2 .dropdown-menu li:hover a{
	color: #354558;
	color: #001737;
}
.tms-main-content-box{
	width: 100%;
	height: auto;
	margin: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-left: 0px;
	padding-right: 0px;
	min-height: 640px;
	padding-bottom: 0px;
}
.tms-brdcum-maindiv{
	width: 100%;
	height: auto;
	margin: auto;
}
.tms-pghd{
	width: 100%;
	height: auto;
	margin: auto;
}
.tms-pghd h2{
	margin: 0px;
	font-size: 17px;
	font-weight: 400;
	line-height:60px;
	color:#50649c;
	color: #354558;
	color: #001737;
}
.breadcrumb-t {
    border-radius: 0px;
    list-style: outside none none;
    margin-bottom: 0px;
	margin-top:0px;
	padding-left:0px;
}
.breadcrumb-t ul {
	 margin:0px;
	 padding:0px;
}
.breadcrumb-t ul li  {
    display: inline-block;
	float:left;
	margin-left:0px;
	font-size:13px;
	font-weight:400;
	line-height:60px;
	line-height: 40px;
}
.breadcrumb-t li + li::before {
    color: #ccc;
    content: " / ";
    padding: 0 10px;
}
.breadcrumb-t ul li a{
	color: #354558;
	color: #001737;
	font-size:13px;
	text-decoration:none;
	font-weight:400;
}
.breadcrumb-t ul li a .fa{
	margin-right: 5px;
}
.breadcrumb-t ul li a:hover{
	color: #10bed2;
	font-weight:400;
}
.breadcrumb-t ul li.active{
	color: #999;
	font-weight: 400;
	color: #10bed2;
	color: #9ba7ca;
}
.tms-footer-main-strip{
	width: 100%;
	height: auto;
	margin: auto;
	/*background: #fff;*/
	border-top: 0px solid #ecf1f4;
	line-height: 40px;
	padding-left: 10px;
	padding-right: 10px;
	padding-left: 0px;
	padding-right: 0px;
}
.tms-ft-lft{
	width: 100%;
	height: auto;
	margin: auto;
}
.tms-ft-lft p{
	margin: 0px;
	color: #9ba7ca;
	font-weight: 300;
	font-size: 13px;
}
.tms-ft-lft p span{
	font-weight: 500;
}
.tms-ft-rgt{
	width: 100%;
	height: auto;
	margin: auto;
}
.tms-ft-rgt p{
	margin: 0px;
	color: #9ba7ca;
	font-weight: 300;
	font-size: 13px;
	text-align: right;
}
.tms-ft-rgt p a{
	color: #9ba7ca;
	font-weight: 400;
}
.tms-ft-rgt p a:hover{
	color: #10bed2;
	font-weight: 400;
}
/******Dashboard Page Css Start******/

/******USer List Page Css Start******/
.tms-wrk-mnbx{
	width: 100%;
	height: auto;
	margin: auto;
}
.tms-wrk-cnt-bx{
	width: 100%;
	height: auto;
	margin: auto;
	background: #fff;
	border-radius: 5px;
	min-height: 555px;
	border: 1px solid #ecf1f4;
	box-shadow: 0px 0px 5px rgba(0, 0 ,0, 0.05);
}
.tms-wrk-hd{
	width: 100%;
	height: auto;
	margin: auto;
	padding: 15px;
	padding-left: 25px;
	padding-right: 25px;
	border-bottom: 1px solid #ecf1f4;
}
.tms-wrk-hd h2{
	margin: 0px;
	font-size: 17px;
	font-size: 18px;
	font-weight: 500;
	color:#50649c;
	color: #354558;
	color: #001737;
	display: inline-block;
	line-height: 32px;
}
.tms-wrk-hd a {
    float: right;
    background: #10bed2;
    text-align: center;
    line-height: 32px;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
    font-size: 13px;
    font-weight: 500;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(16,190,210,.5);
    box-shadow: 0 2px 6px 0 rgba(16,190,210,.5);
    transition: all 150ms;
    margin-left: 10px;
}
.tms-wrk-hd a:hover {
    background: #006580;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,101,128,.5);
    box-shadow: 0 2px 6px 0 rgba(0,101,128,.5);
}
.tms-wrk-hd a .fa{
	margin-right: 7px;
}
.tws-wrk-bx{
	width: 100%;
	height: auto;
	margin: auto;
	padding: 25px;
}
.cmn-dt-tbl-mnbx{
	width: 100%;
	height: auto;
	margin: auto;
}
.dtbl-mnht{
	min-height: 500px;
}
.shw-mbno {
    width: 100%;
    height: auto;
    margin: auto;
}
/******USer List Page Css Start******/

/******Add Profile Page Css Start******/
.cmn-frm-mnbx{
	width: 100%;
	height: auto;
	margin: auto;
}
.add-prf-topbx{
	width: 100%;
	height: auto;
	margin: auto;
	padding: 20px;
	background: #eff2f9;
	border-radius: 2px;
	margin-bottom: 30px;
}
.add-prf-topbx .form-group{
	margin-bottom: 0px;
}
.cmn-tblbx{
	width: 100%;
	height: auto;
	margin: auto;
}
.cmn-tblbx .table-bordered {
    border: 1px solid #e1e8f6;
}
.cmn-tblbx .table-bordered th, .table-bordered td{
	border: 1px solid #e1e8f6;
}
.cmn-tblbx .table > thead > tr > th {
    color: #1e91cf;
    font-size: 13px;
    color: #354558;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: 600;
    color: #50649c;
    color: #283866;
    background-color: #eff2f9;
    border-color: #e1e8f6;
    border-bottom: 2px solid #e1e8f6;
}
.cmn-tblbx .table > tbody > tr > td {
    color: #6c757d;
    font-size: 13px;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #7286a2;
    border-top: 1px solid #e1e8f6;
    border-bottom: 0px solid #eaf0f7;
}
.inpt-error{
	margin: 0px;
	color: #ff4949;
	font-size: 12px;
	letter-spacing: 0.7px;
}
/******Add Profile Page Css Start******/

/******Dispatch Module Page Css Start******/
.dspt-wrk-mndiv{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 5px;
}
.dspt-tphd-tbflt-strip{
	width: 100%;
	height: auto;
	margin: auto;
}
.dspt-tab-lft{
	width: 42%;
	height: auto;
	float: left;
}
.dspt-addnw-mchbtn{
	width: 17%;
	height: auto;
	float: left;
	margin-left: 12px;
}
.dspt-addnw-mchbtn a{
	display: inline-flex;
	background: #fff;
	background: #505361;
	background: #FD8100;
	padding: 0px;
	text-align: center;
	color: #9ba7ca;
	color: #fff;
	transition: all 450ms;
	font-size: 14px;
	line-height: 35px;
	padding-left: 15px;
	padding-right: 15px;
	letter-spacing: 1px;
	font-weight: 500;
	width: 100%;
	transition: all 1000ms;
}
#content.active .dspt-addnw-mchbtn a{
	padding-left: 35px;
	transition: all 1000ms;
}
.dspt-addnw-mchbtn a i{
	font-size: 28px;
	margin-right: 7px;
	line-height: 35px;
}
.dspt-addnw-mchbtn a:hover{
	background: rgba(0, 101, 128, 0.6);
	color: #fff;
}
.dspt-fltr-rgt{
	width: 40%;
	height: auto;
	float: left;
}
.dspt-flrt-mndiv{
	width: 100%;
	height: auto;
	float: right;
}
.dspt-flrt-mndiv .form-group {
    margin-bottom: 0px;
}
.dspt-fltr-dt-frm{
	width: 40%;
	height: auto;
	float: left;
}
.dspt-fltr-dt-to{
	width: 40%;
	height: auto;
	float: left;
	border-left: 1px solid #ddd;
}
.dspt-fltr-dt-srch{
	width: 20%;
	height: auto;
	float: left;
}
.dt-frmto-inpt {
    width: 100%;
    border: none;
    border-radius: 0px;
    background: #c3d7ed;
    background: #fff;
    font-size: 13px;
    height: 35px;
}
.dt-frmto-inpt:focus{
	box-shadow: none;
	outline: 0 none;
	border: 0px solid #999;
	background: #c3d7ed;
	background: #d4dfeb;
}
.dt-rng-btn{
	width:100%;
	height:35px;
	float:left;
	background: rgba(0, 101, 128, 0.9);
	color:#fff;
	/*border-radius:0px !important;*/
	transition: all 150ms;
	border-color:transparent !important;
	font-size:15px;
	font-weight:500;
	border-radius: 0px;
	outline:none !important;
}
.dt-rng-btn:hover{
	background:#006580;
	color:#fff;
	transition: all 150ms;
	box-shadow: none;
}
.dt-rng-btn:active {
    box-shadow: none;
    background:#006580;
	transition: all 150ms;
	color:#fff;
}
.dt-rng-btn:active:focus {
    box-shadow: none;
    background:#006580;
	transition: all 150ms;
	color:#fff;
}
.dt-rng-btn:focus {
    background:#006580;
	color:#fff;
	transition: all 150ms;
	box-shadow: none;
    outline: none !important;
}
/******Dispatch Module Page Css Start******/

/******Board Page Css Start******/
.dspt-brd-slt-div{
	width: 100%;
	height: auto;
	margin: auto;
}
.dspt-brd-slt-div h2{
	margin: 0px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 500;
	color: #354558;
	color: #001737;
	background: #b3ceed;
	background: #7493b7;
	color: #fff;
	line-height: 40px;
	text-align: center;
}
.dspt-brdslt-plsbx{
	width: 100%;
	width: 94%;
	height: auto;
	margin: auto;
	margin-bottom: 12px;
	margin-top: 8px;
}
.dspt-brdslt-plsbx a{
	display: block;
	background: #fff;
	background: #505361;
	padding: 0px;
	text-align: center;
	color: #9ba7ca;
	transition: all 450ms;
	font-size: 32px;
	line-height: 35px;
}
.dspt-brdslt-plsbx a i{
	font-size: 32px;
	line-height: 35px;
}
.dspt-brdslt-plsbx a:hover{
	background: rgba(0, 101, 128, 0.6);
	color: #fff;
}
.dspt-brdslt-addbx{
	width: 94%;
	height: auto;
	margin: auto;
	margin-top: 20px;
	background: #fff;
	margin-bottom: 10px;
}
.dspt-brdslt-addbx-cls{
	width: 100%;
	height: auto;
	margin: auto;
}
.dspt-brdslt-addbx-cls a{
	text-align: right;
	margin-right: 7px;
	font-size: 18px;
	color: #9ba7ca;
	line-height: 7px;
	margin-top: 2px;
}
.dspt-brdslt-addbx-innr{
	width: 100%;
	height: auto;
	margin: auto;
	padding-left: 10px;
	padding-right: 10px;
}
.dspt-brdslt-add-mchno{
	width: 100%;
	height: auto;
	margin: auto;
}
.mchno-inpt{
	width: 100%;
	border: none;
	border-radius: 0px;
	background: #d6dee8;
	background: #edeff2;
	font-size: 12px;
	height: 32px;
}
.mchno-inpt:focus{
	box-shadow: none;
	outline: 0 none;
	border: 0px solid #999;
	background: #d6dee8;
	background: #edeff2;
}
.dspt-brdslt-add-dtusr-lst{
	width: 100%;
	height: auto;
	margin: auto;
	padding-bottom: 10px;
}
.dspt-brdslt-add-dtusr-lst ul{
	margin: 0px;
	padding: 0px;
}
.dspt-brdslt-add-dtusr-lst ul li{
	list-style-type: none;
	width: 100%;
	float: none;
	margin-top: 0px;
	line-height: 30px;
	margin-top: 5px;
}
.dspt-brdslt-add-dtusr-lst ul li a{
	font-size: 13px;
	color: #354558;
	color: #001737;
	display: inline-flex;
}
.dspt-brdslt-add-dtusr-lst ul li a i{
	font-size: 14px;
	margin-right: 10px;
	margin-top: 0px;
	line-height: 30px;
	color: #9ba7ca;
}
.dspt-add-dt-inpt{
	width: 100%;
	height: 30px;
	border: none;
	padding-left: 0px;
	font-size: 13px;
    color: #354558;
    color: #001737;
    padding: 0px;
}
.dspt-add-dt-inpt:focus{
	box-shadow: none;
	outline: 0 none;
	border: 0px solid #999;
}
.asgn-tgl{
	white-space: nowrap;
}
.asgn-tgl::after {
    display: none;
    content: "";
}
.dspt-addbx-asslst{
	width: auto;
	height: auto;
	display: inline-block;
}
.dspt-addbx-asslst span{
	width: 30px;
	height: 30px;
	border-radius: 100%;
	margin-right: 5px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-weight: 400;
	text-shadow: 1px 1px 1px #999;
	font-size: 14px;
	display: inline-block;
}
.dspt-addbx-asslst span img{
	width: 30px;
	height: 30px;
	border-radius: 100%;
	background: #b3ceed;
}
/*.dspt-addbx-asslst ul{
	margin: 0px;
	padding: 0px;
}
.dspt-addbx-asslst ul li{
	list-style-type: none;
	width: 30px;
	height: 30px;
	float: left;
	margin-right: 10px;
	border-radius: 100%;
	background: #b3ceed;
}
.dspt-addbx-asslst ul li img{
	width: 30px;
	height: 30px;
	border-radius: 100%;
}*/
.cmn-drpbx{
	border-radius: 2px;
	box-shadow: 0px 0px 7px #bbb;
	padding: 0px;
}
.dspt-add-asgn-lstbx{
	width: 260px;
	height: auto;
	min-height: 320px;
	max-height: 320px;
	margin: auto;
	padding: 20px;
	overflow: hidden;
}
.dspt-add-ass-srch-bx1{
	width: 100%;
	height: auto;
	margin: auto;
}
.dsptadd-asg-to-crs-mndiv{
	width: 100%;
	height: auto;
	margin: auto;
	max-height: 250px;
	overflow: auto;
	margin-top: 10px;
}
.dsptadd-asgnin-lst{
	width: 100%;
	height: auto;
	margin: auto;
}
.dsptadd-asgnin-lst h4{
	margin: 0px;
	font-size: 14px;
	font-weight: 500;
    color: #354558;
    color: #001737;
}
.dsptadd-asgnin-lst ul{
	margin: 0px;
	padding: 0px;
}
.dsptadd-asgnin-lst ul li{
	list-style-type: none;
	width: 100%;
	height: auto;
	float: none;
	line-height: 30px;
	margin-top: 7px;
}
.dsptadd-asgnin-lst ul li a{
	font-size: 13px;
	color: #9ba7ca;
	display: block;
}
.dsptadd-asgnin-lst ul li a i{
	float: right;
	font-size: 22px;
	margin-top: 0px;
	margin-right: 5px;
	line-height: 30px;
	color: #9ba7ca;
}
.dsptadd-asgnin-lst ul li a:hover{
	font-size: 13px;
	color: #354558;
	color: #001737;
}
.dsptadd-asgnin-lst ul li a:hover i{
	color: #354558;
	color: #001737;
}
.dsptadd-asgnin-lst ul li span{
	width: 30px;
	height: 30px;
	border-radius: 100%;
	background: #b3ceed;
	margin-right: 15px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-weight: 400;
	text-shadow: 1px 1px 1px #999;
	font-size: 14px;
	display: inline-block;
}
.dsptadd-asgnin-lst ul li span img{
	width: 30px;
	height: 30px;
	border-radius: 100%;
}

.dsptadd-asgnto-lst{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 10px;
}
.dsptadd-asgnto-lst h4{
	margin: 0px;
	font-size: 14px;
	font-weight: 500;
    color: #354558;
    color: #001737;
}
.dsptadd-asgnto-lst ul{
	margin: 0px;
	padding: 0px;
}
.dsptadd-asgnto-lst ul li{
	list-style-type: none;
	width: 100%;
	height: auto;
	float: none;
	line-height: 30px;
	margin-top: 7px;
}
.dsptadd-asgnto-lst ul li a{
	font-size: 13px;
	color: #9ba7ca;
	display: block;
}
.dsptadd-asgnto-lst ul li a:hover{
	font-size: 13px;
	color: #354558;
	color: #001737;
}
.dsptadd-asgnto-lst ul li span{
	width: 30px;
	height: 30px;
	border-radius: 100%;
	background: #b3ceed;
	margin-right: 15px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-weight: 400;
	text-shadow: 1px 1px 1px #999;
	font-size: 14px;
	display: inline-block;
}
.dsptadd-asgnto-lst ul li span img{
	width: 30px;
	height: 30px;
	border-radius: 100%;
}
.dspt-brdslt-add-taskbtn{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 5px;
}
.addtask-btn{
	width: 100%;
	height:36px;
	float:left;
	background: rgba(0, 101, 128, 0.9);
	color:#fff;
	/*border-radius:0px !important;*/
	transition: all 150ms;
	border-color:transparent !important;
	font-size:14px;
	font-weight:500;
	border-radius: 0px;
	outline:none !important;
}
.addtask-btn:hover{
	background:#006580;
	color:#fff;
	box-shadow: none;
	outline: none !important;
}
.addtask-btn:active {
    box-shadow: none;
    background:#006580;
	color:#fff;
	outline: none !important;
}
.addtask-btn:active:focus {
    box-shadow: none;
    background:#006580;
	color:#fff;
	outline: none !important;
}
.addtask-btn:focus {
    background:#006580;
	color:#fff;
	box-shadow: none;
    outline: none !important;
}
.dspt-sltbx{
	width: 100%;
	height: auto;
	margin: auto;
	position: relative;
}
.dspt-sltbx a{
	position: absolute;
	right: 0px;
	top: 0px;
	font-size: 10px;
	color: #9ba7ca;
	display: block;
	width: 25px;
	height: 25px;
	background: #f2f4f6;
	text-align: right;
	padding-right: 7px;
	padding-top: 7px;
	z-index: 777;
	transition: all 150ms;
}
.dspt-sltbx a:hover{
	/*animation: swing ease-in-out 0.5s 1 alternate;*/
	color: #354558;
	color: #001737;
	background: #e9eef3;
	/*background: rgba(0, 0, 0, 0.9);
	color: #fff;
	width: 100%;
	height: 90px;
	text-align: center;
	line-height: 90px;*/
}
.dspt-mch-dt-div{
	width: 100%;
	height: auto;
	margin: auto;
	padding: 7px;
}
.dspt-mch-dt-div h4{
	margin: 0px;
	font-size: 12px;
	color: #9ba7ca;
	font-weight: 500;
	color: #f95e03;
	color: #FD8100;
}
.dspt-mch-dt-div h4 span{
	/*display: block;*/
	font-size: 12px;
	font-weight: 400;
	color: #354558;
	color: #001737;
	padding-top: 3px;
	margin-left: 5px;
}
.dspt-mch-dt-div h5{
	margin: 0px;
	font-size: 12px;
	color: #9ba7ca;
	font-weight: 300;
	padding-top: 5px;
	padding-top: 7px;
}
.dspt-mch-dt-div h5 span{
	font-size: 12px;
	font-weight: 400;
	color: #354558;
	color: #001737;
	margin-left: 5px;
}
.dspt-mch-dt-div h5 em{
	font-size: 12px;
	font-weight: 400;
	color: #777;
	margin-left: 5px;
	font-style: normal;
}
.dspt-mch-asgn-div{
	width: 100%;
	height: auto;
	margin: auto;
	border-top: 1px solid #e1e8f6;
	/*line-height: 40px;*/
	padding-top: 7px;
}
.dspt-mch-asgn-div span:first-child{
	margin-left: 7px;
}
.dspt-mch-asgn-div span{
	/*width: 30px;
	height: 30px;
	border-radius: 100%;
	background: #b3ceed;
	margin-left: 7px;*/
	width: 30px;
	height: 30px;
	border-radius: 100%;
	margin-left: 2px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-weight: 400;
	text-shadow: 1px 1px 1px #999;
	font-size: 14px;
	display: inline-block;
	line-height: 30px;
}
.dspt-mch-asgn-div span img{
	width: 30px;
	height: 30px;
	border-radius: 100%;
	background: #b3ceed;
}
.slt-dt-maindiv{
	width: 100%;
	height: auto;
	margin: auto;
	padding-top: 55px;
	/*background: #fff;*/
}
.slt-dt-maindiv ul{
	margin: 0px;
	padding: 0px;
}
.slt-dt-maindiv ul li{
	width: 100%;
	height: auto;
	float: none;
	text-align: center;
	line-height: 96px;
	background: #6887ab;
	background: #7493b7;
	margin-bottom: 6px;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
}
.slt-lbl-vwlst{
	width: auto;
	height: auto;
	position: absolute;
	/*right: -5px;
	top: 0px;*/
	right: 4px;
	bottom: -2px;
}
.slt-lbl-vwlst ul{
	margin: 0px;
	padding: 0px;
}
.slt-lbl-vwlst ul li{
	/*width: 5px;
	height: 9px;
	margin-bottom: 3px;
	border-radius: 0px 1px 1px 0px;*/
	width: 8px;
	height: 8px;
	border-radius: 20%;
	float: left;
	margin-left: 3px;
}
/*.slt-lbl-1{background: #e000f1 !important}
.slt-lbl-2{background: #e04e27 !important}
.slt-lbl-3{background: #e39e27 !important}
.slt-lbl-4{background: #aee01e !important}
.slt-lbl-5{background: #46a08e !important}
.slt-lbl-6{background: #62cef0 !important}*/

.slt-lbl-1{background: #F3C300 !important}
.slt-lbl-2{background: #875692 !important}
.slt-lbl-3{background: #F38400 !important}
.slt-lbl-4{background: #A1CAF1 !important}
.slt-lbl-5{background: #BE0032 !important}
.slt-lbl-6{background: #C2B280 !important}

.sltpop-w{
	max-width: 1100px;
}
.sltpop-c{
	border-radius: 2px;
}
.sltpop-b{
	padding: 40px; 
}
.sltpop-b .close{
	margin-top: -30px;
	margin-right: -20px;
	font-size: 26px;
	outline: none !important;
}
.brdslt-popup-maindiv{
	width: 100%;
	height: auto;
	margin: auto;
	min-height: 600px;
	background: #fff;
}
.brdslt-popup-maindiv h5{
	margin: 0px;
	font-size: 20px;
	color: #354558;
	color: #001737;
	color: #001737;
	font-weight: 400;
	/*color: #FD8100;*/
}
.brdslt-popfrm-bx{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 20px;
}
.brdslt-asg-lbl-rw1{
	width: 100%;
	height: auto;
	margin: auto;
}
.brdslt-asg-lbl-rw1 .dspt-brdslt-add-dtusr-lst ul li{
	margin-top: 0px;
}
.brdslt-asg-lbl-rw1 .dsptadd-asgnin-lst ul li {
    margin-top: 7px;
}
.brdslt-asg-lbl-rw1 .dsptadd-asgnto-lst ul li {
    margin-top: 7px !important;
}
.brdslt-asg-lbl-rw2{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 10px;
}
.brdslt-asg-lbl-rw2 label {
    font-size: 12px;
    margin-bottom: 4px;
}
.brdslt-asg-lbl-rw2 .form-group {
    margin-bottom: 15px;
}
.brdslt-asg-lbl-rw2 .fs-label-wrap {
	color: #666;
	border: none;
	border-radius: 0px;
	background:#edeff2;
	font-size: 12px;
	height: 32px;
}
.brdslt-asg-lbl-rw2 .fs-label-wrap .fs-label {
    padding: 0.300rem 0.75rem;
}
.brdslt-asg-lbl-rw2 .fs-arrow {
	border-top: 5px solid #9ba7ca;
}
.brdslt-asg-lbl-rw2 .fs-dropdown {
	border: 1px solid #d5dde8;
}
.brdslt-asg-lbl-rw2 .fs-search {
    padding: 6px;
    border-bottom: 1px solid #d5dde8;
}
.brdslt-asg-lbl-rw2 .fs-option, .fs-search, .fs-optgroup-label {
    /*padding: 9px 8px;*/
    font-size: 12px;
}

.pop-lbl-chkbx {
    width: 85px;
    font-size: 11px;
    font-weight: 500;
    padding: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-left: 5px;
    color: rgba(255, 255, 255, 0.90);
}
.pop-lbl-chkbx:hover {
    color: rgba(255, 255, 255, 0.70);
}
.pop-lbl-chkbx:focus  {
    color: rgba(255, 255, 255, 0.70);
}

.pop-clndr2 {
    padding: 9px 15px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #9ba7ca;
    text-align: center;
    background-color: #edeff2;
    border-left: 1px solid #d5dde8;
    border-radius: 0px;
}
.badgebox{
    opacity: 0;
    margin-left: -3px;
}
.badgebox + .badge{
    text-indent: -999999px;
    width: 20px;
}
.badgebox:focus + .badge{
    box-shadow: inset 0px 0px 1px;
}
.badgebox:checked + .badge{
	text-indent: 0;
}
.pop-lbl-chkbx .badge {
    color: #428bca;
    background-color: #fff;
}
/******Board Page Css Start******/

/******Calendar Schedule Page Css Start******/
#calendar {
  width: 100%;
  margin: 0 auto;
  background: #fff;
  padding: 35px;
  margin-top: 20px;
  border-top: 5px solid #7493b7;
}

.dspt-lstvw-maindiv{
	width: 100%;
	height: auto;
	margin: auto;
	background: #fff;
	padding: 25px;
	margin-top: 20px;
    border-top: 5px solid #7493b7;
    min-height: 550px;
}
.dspt-lstvw-fltr-lbl-div{
	width: 100%;
	height: auto;
	margin: auto;
	margin-bottom: 10px;
}
/*.lstvw-tbl-scrl{
	width: 100%;
	height: auto;
	margin: auto;
	overflow-x: scroll;
	display: block;
	width: 100%;
	overflow-x: auto;
}*/
/******Calendar Schedule Page Css Start******/

/******Dispatch Charts Page Css Start******/
.dspt-charts-maindiv{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 20px;
}
.chrt-lft-mnbx{
	width: 100%;
	height: auto;
	margin: auto;
}
.chrt-rgt-mnbx{
	width: 100%;
	height: auto;
	margin: auto;
	/*background: #fff;
	padding: 25px;
	border-radius: 5px;
	border: 1px solid #ecf1f4;
	box-shadow: 0px 0px 2px rgba(0, 0 ,0, 0.02);*/
}
.chrt-rgt-mnbx h4{
	margin: 0px;
	font-size: 16px;
	font-weight: 500;
	color: #50649c;
	color: #354558;
	color: #001737;
}
.chrtcmn-bx{
	width: 100%;
	height: auto;
	margin: auto;
	background: #fff;
	padding: 25px;
	border-radius: 5px;
	border: 1px solid #ecf1f4;
	box-shadow: 0px 0px 2px rgba(0, 0 ,0, 0.02);
	margin-bottom: 30px;
}
.chrtcmn-2bx{
	width: 100%;
	height: auto;
	margin: auto;
}
/*.chrtcmn-bx2:last-child{
	margin-right: 0px;
}*/
.chrtcmn-bx2{
	width: 100%;
	height: auto;
	float: left;
	background: #fff;
	padding: 25px;
	border-radius: 5px;
	border: 1px solid #ecf1f4;
	box-shadow: 0px 0px 2px rgba(0, 0 ,0, 0.02);
	margin-bottom: 30px;
	margin-right: 0px;
}
.chrtcmn-hd{
	width: 100%;
	height: auto;
	margin: auto;
}
.chrtcmn-hd h4{
	margin: 0px;
	font-size: 16px;
	font-weight: 500;
	color: #50649c;
	color: #354558;
	color: #001737;
	/*color: #343a40;*/
}
.chrt-shwbx{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 20px;
}
#chartdiv {
  width: 100%;
  height: 500px;
}
#chartdiv2 {
  width: 100%;
  height: 500px;
}
#chartdiv3 {
  width: 100%;
  height: 400px;
}
.chrt-asgslt-bx{
	width: 100%;
	height: auto;
	margin: auto;
	background: #fff;
	padding: 0px;
	margin-top: 15px;
	border-radius: 5px;
	border: 1px solid #ecf1f4;
	box-shadow: 0px 0px 2px rgba(0, 0 ,0, 0.02);
	position: relative;
}
.chrt-asgslt-bx h4 {
    margin: 0px;
    font-size: 13px;
    color: #9ba7ca;
    font-weight: 500;
    color: #f95e03;
    color: #FD8100;
    padding-left: 15px;
    padding-top: 15px;
}
.chrt-asgslt-bx h4 span {
    font-size: 13px;
    font-weight: 400;
    color: #354558;
    color: #001737;
    padding-top: 3px;
    margin-left: 5px;
}
.chrt-asgslt-bx h5 {
    margin: 0px;
    font-size: 13px;
    color: #9ba7ca;
    font-weight: 300;
    padding-top: 10px;
    padding-left: 15px;
}
.chrt-asgslt-bx h5 span {
    font-size: 13px;
    font-weight: 400;
    color: #354558;
    color: #001737;
    margin-left: 5px;
}
.chrt-asglst-lst{
	width: 100%;
	height: auto;
	margin: auto;
	border-top: 1px solid #e1e8f6;
	/*line-height: 40px;*/
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
}
.chrt-asglst-lst span:first-child{
	margin-left: 15px;
}
.chrt-asglst-lst span{
	width: 30px;
	height: 30px;
	border-radius: 100%;
	margin-left: 7px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-weight: 400;
	text-shadow: 1px 1px 1px #999;
	font-size: 14px;
	display: inline-block;
	line-height: 30px;
}
.chrt-asglst-lst span img{
	width: 30px;
	height: 30px;
	border-radius: 100%;
	background: #b3ceed;
}
.slt-lbl-vwlst2{
	width: auto;
	height: auto;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.slt-lbl-vwlst2 ul{
	margin: 0px;
	padding: 0px;
}
.slt-lbl-vwlst2 ul li{
	width: 8px;
	height: 8px;
	border-radius: 20%;
	float: left;
	margin-left: 3px;
}
/******Dispatch Charts Page Css Start******/

/******Add Address Page Css Start******/
.add-map-proc-strp{
	width: 22%;
	width: auto;
	height: auto;
	float: right;
}
.add-prc-lft{
	width: auto;
	height: auto;
	float: left;
	height: 32px;
}
.add-map-rgt{
	width: auto;
	height: auto;
	float: right;
	margin-left: 10px;
}
.add-map-rgt a{
	min-width: 100px;
	background: #799abf;
	text-align: center;
	line-height: 32px;
	color: #fff;
	display: block;
	font-size: 13px;
	font-weight: 500;
	border-radius: 2px;
	transition: all 150ms;
	box-shadow: none;
	display: inline-flex;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 0px;
}
.add-map-rgt a:hover{
	background: #506f93;
	color: #fff;
	transition: all 150ms;
	box-shadow: none;
}
.add-map-rgt a i{
	margin-right: 8px;
	font-size: 18px;
	line-height: 32px;
	border-right: 1px solid rgba(255, 255, 255, 0.3);
    padding-right: 10px;
    color: rgba(255, 255, 255, 0.7);
    color: #c2defd;
    margin-top: 1px;
}
.add-mnat {
    width: 100%;
    height: auto;
    margin: auto;
}
.add-type-sbtype{
	width: 100%;
	height: auto;
	margin: auto;
}
.add-typ-lft{
	width: 55%;
	height: auto;
	float: left;
}
.add-sbtyp-rgt{
	width: 40%;
	height: auto;
	float: left;
	margin-left: 15px;
}
.add-typ-lft2{
	width: 68%;
	height: auto;
	float: left;
}
.add-sbtyp-rgt2{
	width: 27%;
	height: auto;
	float: left;
	margin-left: 15px;
}
.add-typ-lft3{
	width: 63%;
	height: auto;
	float: left;
}
.add-sbtyp-rgt3{
	width: 32%;
	height: auto;
	float: left;
	margin-left: 15px;
}
.pop-swa-maindiv{
	width: 100%;
	height: auto;
	margin: auto;
}
.pop-wr-mnbx{
	width: 100%;
	height: auto;
	margin: auto;
}
.pop-swa-cmn{
	width: 100%;
	height: auto;
	margin: auto;
	text-align: center;
}
.pop-swa-cmn img{
	width: 80px;
}
.pop-swa-cmn h4{
	margin: 0px;
	font-size: 22px;
	font-weight: 500;
	padding-top: 25px;
	letter-spacing: 1px;
}
.pop-swa-cmn p{
	margin: 0px;
	font-size: 14px;
	font-weight: 400;
	padding-top: 20px;
	line-height: 26px;
	color: #777;
	color: #354558;
	color: #001737;
}
.popswa-cmn-bntdiv{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 30px;
}
.popswa-cmn-bntdiv a{
	display: inline-block;
	min-width: 140px;
	margin: 0px;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: 600;
	font-size: 14px;
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 3px;
	color: #fff;
	transition: all 150ms;
}
.pop-hd-success{color: #1fcd5c !important;}
.pop-hd-warning{color: #f5a624 !important;}
.pop-hd-alert{color: #ed4a36 !important;}

.popbtn-1{
	background: #10bed2 !important;
	-webkit-box-shadow: 0 2px 6px 0 rgba(16,190,210,.5);
    box-shadow: 0 2px 6px 0 rgba(16,190,210,.5);
}
.popbtn-1:hover{
	background: #006580 !important;
}
.popbtn-2{
	background: #799abf !important;
	-webkit-box-shadow: 0 2px 6px 0 rgb(146, 178, 215);
    box-shadow: 0 2px 6px 0 rgb(146, 178, 215);
}
.popbtn-2:hover{
	background: #506f93 !important;
}
.add-locmap-fllbx{
	width: 700px !important;
}
.add-locmap-fllbx h4{
	font-size: 18px;
}
.add-locmap{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 10px;
}
.add-locmap #map {
  height: 100%;
  height: 500px;
}
/******Add Address Page Css Start******/

/******View List Address Page Css Start******/
.addclm{
	position: relative;
}
.addclm-drop {
	margin-top: 17px !important;
	border-radius:1px;
	box-shadow: none;
    min-width: 270px;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(236, 236, 241, 0.44);
    /* box-shadow: 0px 0px 13px 0px rgba(236, 236, 241, 0.44); */
    background-color: #ffffff;
    border-color: #e9ecef;
    border-radius: 0px 0px 5px 5px;
    padding: 0px;
    z-index: 9999;
    position: relative;
    transition: all 150ms;
    /*max-height: 400px;*/
    position: absolute;
    padding: 0px;
    height: auto;
}
.addclm-drplst{
	width: 100%;
	height: auto;
	margin: auto;
	max-height: 330px;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: auto;
}
.addclm-drplst ul{
	margin: 0px;
	padding: 0px;
}
.addclm-drplst ul li{
	list-style-type: none;
	width: 100%;
	float: none;
	margin-bottom: 0px;
	background: #fff;
	border-bottom: 1px solid #eee;
	padding: 10px;
	cursor: move;
}
.addclm-drplst ul li label{
	font-weight: 400;
	font-size: 13px;
}
.addclm-drplst ul li:hover{
	background: #f8f9fd;
}
.addclm-sbtcncl-btn{
	width: 100%;
	height: auto;
	margin: auto;
	padding: 15px;
	border-top: 1px solid #eee;
}
.addvw-tr{
	position: relative;
}
.addvw-tr td a .fa{
	opacity: 0;
}
.addvw-tr:hover td a .fa{
	opacity: 1;
}
.addpop-w{
	max-width: 1100px;
}
.addpop-c{
	border-radius: 2px;
}
.addpop-b{
	padding: 40px; 
}
.addrs-popup-maindiv{
	width: 100%;
	height: auto;
	margin: auto;
	min-height: 500px;
	background: #fff;
}
.addrs-pop-vwbx-mndiv{
	width: 100%;
	height: auto;
	margin: auto;
}
.addrs-pop-vwbx-mndiv h5 {
    margin: 0px;
    font-size: 20px;
    color: #354558;
    color: #001737;
    font-weight: 400;
}
.addrs-pvw-lst{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 10px;
	margin-top: 0px;
}
.addrs-pvw-lst ul{
	margin: 0px;
	padding: 0px;
}
.addrs-pvw-lst ul li{
	list-style-type: none;
	width: 50%;
	float: left;
	margin-top: 20px;
	color: #000;
	font-size: 13px;
	font-weight: 400;
}
.addrs-pvw-lst ul li span{
	width: 32%;
	float: left;
	color: #777;
}
.addrs-pvw-lst ul li em{
	width: 10%;
	float: left;
	color: #bbb;
	font-style: normal;
}
.addrs-pvw-lst ul li p {
	margin: 0px;
	margin-bottom: 0px;
	float: left;
	width: 58%;
}
.addrs-pvw-lst2{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 10px;
	margin-top: 0px;
}
.addrs-pvw-lst2 ul{
	margin: 0px;
	padding: 0px;
}
.addrs-pvw-lst2 ul li{
	list-style-type: none;
	width: 100%;
	float: left;
	margin-top: 20px;
	color: #000;
	font-size: 13px;
	font-weight: 400;
}
.addrs-pvw-lst2 ul li span{
	width: 20%;
	float: left;
	color: #777;
}
.addrs-pvw-lst2 ul li em{
	width: 10%;
	float: left;
	color: #bbb;
	font-style: normal;
}
.addrs-pvw-lst2 ul li p {
	margin: 0px;
	margin-bottom: 0px;
	float: left;
	width: 58%;
}
.addrs-pvw-edt-dlt-btns-div{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 40px;
	margin-top: 20px;
}
.addrs-pop-edtbx-mndiv{
	width: 100%;
	height: auto;
	margin: auto;
}
.addrs-pop-edtbx-mndiv h5 {
    margin: 0px;
    font-size: 20px;
    color: #354558;
    color: #001737;
    font-weight: 400;
    display: inline-block;
}
.modal1 {
    z-index: 1050;
}
.modal2 {
    z-index: 1090;
}
/*.modal-backdrop:nth-child(1n) {
  z-index: 1051;
}
.modal-backdrop:nth-child(2n) {
  z-index: 1049;
}*/

.modal-backdrop{z-index: 1040}
.modal-backdrop + .modal-backdrop {z-index: 1051}

.adtfltr{
	width: 100%;
	position: relative;
}
.adtfltr:after{
	position: absolute;
	right: 0px;
	top: 0px;
	background: rgba(0, 0, 0, 0.03);
	content: "";
	width: 33.5%;
	height: 100%;
}
.adtfltr form{
	position: relative;
	z-index: 999;
}
.add-flt-maindiv{
	width: 100%;
	height: auto;
	margin: auto;
	padding: 20px;
	background: #eff2f9;
	border-radius: 2px;
	margin-bottom: 30px;
	transition: all 150ms;
}
.advc-flt-dtfrmto-mndiv{
	width: 100%;
	height: auto;
	margin: auto;
}
.advc-fltr-dtfrm-lft{
	width: 48%;
	height: auto;
	float: left;
}
.advc-fltr-dtto-lft{
	width: 48%;
	height: auto;
	float: right;
}
/******View List Address Page Css Start******/

/******Notification Page Css Start******/
.notif-tgl{
	white-space: nowrap;
}
.notif-tgl::after {
    display: none;
    content: "";
}
.notif-drop {
	margin-top: 7px !important;
	border-radius:1px;
	box-shadow: none;
    min-width: 290px;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(236, 236, 241, 0.44);
    /* box-shadow: 0px 0px 13px 0px rgba(236, 236, 241, 0.44); */
    background-color: #ffffff;
    border-color: #e9ecef;
    border-radius: 0px 0px 5px 5px;
    padding: 0px;
    z-index: 9999;
    position: relative;
    transition: all 150ms;
}
.ntf-drplst{
	width: 100%;
	height: auto;
	margin: auto;
}
.ntf-drplst h4{
	margin: 0px;
	font-size: 12px;
	border-bottom: 1px solid #e9ecef;
	padding-left: 15px;
	line-height: 40px;
	text-transform: uppercase;
}
.ntf-drplst ul{
	margin: 0px;
	padding: 0px;
}
.ntf-drplst ul li{
	list-style-type: none;
	width: 100%;
	margin-left: 0px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e9ecef;
}
.ntf-drplst ul li h5{
	margin: 0px;
	font-size: 12px;
	font-weight: 500;

}
.ntf-drplst ul li h6{
	margin: 0px;
	font-size: 11px;
	font-weight: 400;
	color: #7286a2;
	padding-top: 3px;
	letter-spacing: 1px;
}
.ntf-sll{
	width: 100%;
	height: auto;
	margin: auto;
	text-align: center;
	line-height: 40px;
}
.ntf-sll a{
	display: inline-block;
	font-size: 12px !important;
	color: #10bed2 !important;
	font-weight: 500 !important;
}
.allntf-mnlst{
	width: 100%;
	height: auto;
	margin: auto;
}
.allntf-mnlst ul{
	margin: 0px;
	padding: 0px;
}
.allntf-mnlst ul li{
	list-style-type: none;
	width: 100%;
	height: auto;
	border-bottom: 0px solid #eaf0f7;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding: 20px;
	position: relative;
	border-radius: 10px;
	background: #f8f9fd;
	margin-bottom: 20px;
}

.allntf-mnlst ul li h4{
	margin: 0px;
	font-size: 15px;
	color: #354558;
	padding-right: 230px;
	font-weight: 500;
	color: #50649c;
}
.allntf-mnlst ul li p{
	margin: 0px;
	font-size: 13px;
	padding-top: 5px;
	color: #555;
	padding-right: 230px;
	line-height: 20px;
	/*color: #7286a2;*/
}
.allntf-mnlst ul li span{
	margin: 0px;
	font-size: 12px;
	font-weight: 400;
	color: #7286a2;
	letter-spacing: 1px;
	position: absolute;
	right: 20px;
	top: 20px;
}
.allntf-mnlst ul li span em{
	display: block;
	font-size: 18px;
	text-align: right;
	color: rgba(0, 0, 0, 0.2);
}
.ntf-unrd h4{
	font-weight: 600 !important;
	color: #000 !important;
}
.ntf-unrd p{
	font-weight: 500 !important;
}
.ntf-unrd em{
	color: #10bed2 !important;
}
.allntf-mnlst ul li:hover{
	background: #eff2f9;
	border-radius: 10px;
}
.allntf-mnlst ul li.active{
	background: #e0e6f4;
}
.allntf-mnlst ul li:hover em{
	animation: swing ease-in-out 0.9s 1 alternate;
}
/******Notification Page Css Start******/


/******R2 Detail Page Css Start******/
.r2-dtl-mndiv{
	width: 100%;
	height: auto;
	margin: auto;
}
.r2-tabs-div{
	width: 100%;
	height: auto;
	margin: auto;
}
.r2-ordr-cmn-bx{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 30px;
}
/******R2 Detail Page Css Start******/

/******Sales Order Detail Page Css Start******/
.sls-ordr-vwdt-mndiv{
	width: 100%;
	height: auto;
	margin: auto;
}
.sls-ordrvw-mnbx{
	width: 100%;
	height: auto;
	margin: auto;
}
.slsord-vwedt-hd{
	width: 100%;
	height: auto;
	margin: auto;
}
.slsord-vwedt-hd h5 {
    margin: 0px;
    font-size: 20px;
    color: #354558;
    color: #001737;
    font-weight: 400;
    display: inline-block;
}
.sls-nwadd-btn{
	width: auto;
	/*width: 290px;*/
	height: auto;
	margin: auto;
	float: right;
	position: relative;
}
.sls-nwadd-btn a{
	display: inline-flex;
	background: #fff;
	background: #505361;
	background: #FD8100;
	padding: 0px;
	text-align: center;
	color: #9ba7ca;
	color: #fff;
	transition: all 450ms;
	font-size: 13px;
	line-height: 32px;
	padding-left: 15px;
	padding-right: 15px;
	letter-spacing: 1px;
	font-weight: 500;
	float: right;
	text-transform: uppercase;
	position: relative;
}
.sls-nwadd-btn a i{
	font-size: 28px;
	margin-right: 10px;
	line-height: 32px;
}
.sls-nwadd-btn a:hover{
	background: rgba(0, 101, 128, 0.6);
	color: #fff;
}
.addnwordr-drop {   
    min-width: 240px;
    left: -123px !important;
    padding: 10px;
    font-size: 12px !important;
/*    min-height: 325px;*/
    background: #eff2f9;
}
.addnwordr-drop .fs-dropdown{
	position: static;
}
.addnwordr-drop .form-group {
    margin-bottom: 0px;
}
.addnwordr-drop .fs-search{
    padding: 4px 8px;
    font-size: 12px;
}
.slsordr-vwtbs-mndiv{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 10px;
}
.slsordr-vwtbs-mndiv .nav-tabs {
    border-bottom: 0px solid #506f93;
}
.slsordr-vwtbs-mndiv .nav-tabs .nav-item {
    margin-bottom: -1px;
    margin-right: 10px;
    margin-top: 10px;
}
.slsordr-vwtbs-mndiv .nav-tabs .nav-link {
    border: 1px solid 
    transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    background: rgba(80, 111, 147, 0.2);
    color: #506f93;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
}
.slsordr-vwtbs-mndiv .nav-tabs .nav-link span {
	display: block;
	font-weight: 300;
}
.slsordr-vwtbs-mndiv .nav-tabs .nav-link:hover {
	color: #001737;
}
.slsordr-vwtbs-mndiv .nav-tabs .nav-link.active, .slsordr-vwtbs-mndiv .nav-tabs .nav-item.show .nav-link {
    color: #fff;
	background-color:#f0f;
	border-color:#506f93;
	background:#506f93;
	transition: all 150ms;
	box-shadow: none;
	font-weight: 500;
	letter-spacing: 1px;
}
.slsordr-vwtbs-mndiv .tab-content{
	margin-top: 10px;
	background: #fff;
	border: 10px solid #eff2f9;
	padding: 20px;
}
.slsord-vword-mnbx{
	width: 100%;
	height: auto;
	margin: auto;
}
.slsord-vword-mnbx h5{
    margin: 0px;
    font-size: 16px;
    font-weight: 500;
    color: #50649c;
    color: #354558;
    color: #001737;
    margin-bottom: 15px;
}
.slsord-vword-mnbx .addrs-pvw-lst ul li {
    margin-bottom: 20px;
    margin-top: 0px;
}
.slsord-edtord-mnbx{
	width: 100%;
	height: auto;
	margin: auto;
}
.slsord-edtord-mnbx h5{
    margin: 0px;
    font-size: 16px;
    font-weight: 500;
    color: #50649c;
    color: #354558;
    color: #001737;
    margin-bottom: 15px;
}
.sls-item-lst-mndiv{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 0px;
}
.slsitm-lst-bx{
	width: 100%;
	height: auto;
	margin: auto;
	max-height: 400px;
	margin-top: 0px;
	overflow-y: auto;
	overflow-x: hidden;
}
.shp-chk{
	width: auto;
}
.shp-stp{
	color: #1ecab8;
	position: absolute;
	left: 0px;
}
.shp-stp .fa{
	font-size: 20px !important;
}
.shp-stp:hover{
	color: #f1646c;
	animation: none;
}
.table > tbody > tr > td .shp-stp .fa:hover{
	animation: none;
}
.slsitm-shpbtn{
	width: auto;
	height: auto;
	background: #10bed2;
	float: right;
	text-align: center;
	line-height: 34px;
	font-size: 14px;
	font-weight: 500;
	border-radius: 4px;
	outline: none !important;
	padding-left: 15px;
	padding-right: 15px;
	color: #fff;
}
.slsitm-shpbtn:hover {
    background: #006580;
	-webkit-box-shadow: 0 2px 6px 0 rgba(0,101,128,.5);
	box-shadow: 0 2px 6px 0 rgba(0,101,128,.5);
	color: #fff;
}
.slsitm-edtbx{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 0px;
	max-height: 445px;
	overflow: auto;
	margin-bottom: 20px;
}
/******Sales Order Detail Page Css Start******/

/******Shipping Page Css Start******/
.ordrinfo-maindiv{
	width: 100%;
	height: auto;
	margin: auto;
	background:#fff;
	border-radius: 5px;
	min-height: 555px;
	border: 1px solid #ecf1f4;
	box-shadow: 0px 0px 5px rgba(0, 0 ,0, 0.05);
	padding-bottom: 15px;
}
.ordinfo-vwed-tbs-mnbx{
	width: 100%;
	height: auto;
	margin: auto;
	padding: 20px;
}
.ordinfo-vwed-tbs-mnbx .nav-tabs {
    border-bottom: 0px solid #506f93;
}
.ordinfo-vwed-tbs-mnbx .nav-tabs .nav-item {
    margin-bottom: -1px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.ordinfo-vwed-tbs-mnbx .nav-tabs .nav-link {
    border: 1px solid 
    transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    background: rgba(80, 111, 147, 0.2);
    color: #506f93;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
}
.ordinfo-vwed-tbs-mnbx .nav-tabs .nav-link span {
	display: block;
	font-weight: 300;
}
.ordinfo-vwed-tbs-mnbx .nav-tabs .nav-link:hover {
	color: #001737;
}
.ordinfo-vwed-tbs-mnbx .nav-tabs .nav-link.active, .ordinfo-vwed-tbs-mnbx .nav-tabs .nav-item.show .nav-link {
    color: #fff;
	background-color:#f0f;
	border-color:#506f93;
	background:#506f93;
	transition: all 150ms;
	box-shadow: none;
	font-weight: 500;
	letter-spacing: 1px;
}
.ordinfo-vwed-tbs-mnbx .tab-content{
	margin-top: 10px;
	background: #fff;
	border: 10px solid #eff2f9;
	padding: 20px;
}
.ordrinfo-vwbx-mndiv{
	width: 100%;
	height: auto;
	margin: auto; 
}
.ordrinfo-vwbx-mndiv h5{
    margin: 0px;
    font-size: 16px;
    font-weight: 500;
    color: #50649c;
    color: #354558;
    color: #001737;
    margin-bottom: 15px;
}
.ordrinfo-vwbx-mndiv .addrs-pvw-lst {
    margin-bottom: 15px;
}
.ordrinfo-vwbx-mndiv .addrs-pvw-lst ul li {
    margin-top: 0px;
    margin-bottom: 15px;
}
.ordrinfo-ln-ht{
	max-height: 325px;
	overflow: auto;
}
.ordrinfo-edbx-mndiv{
	width: 100%;
	height: auto;
	margin: auto;
}
.ordrinfo-edbx-mndiv h5{
    margin: 0px;
    font-size: 16px;
    font-weight: 500;
    color: #50649c;
    color: #354558;
    color: #001737;
    margin-bottom: 15px;
}
.shpnw-maindiv{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 5px;
}
.shpnw-tphd-tbs-strip {
    width: 100%;
    height: auto;
    margin: auto;
    border-bottom: 4px solid #799abf;
    border-bottom: 4px solid #00677d;
    /*height: 65px;*/
}
.shpnw-tbs-lft {
    width: 70%;
    height: auto;
    float: left;
}
.shpnw-tbs-rgt {
    width: 30%;
    height: auto;
    float: left;
}
.shpnw-import-refgd-btn{
	width: auto;
	float: right;
	height: auto;
}
/*.shpnw-import-refgd-btn a{
	display: block;
	font-size: 13px;
	text-align: center;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 53px;
	background: #00677d;
	padding-left: 20px;
	padding-right: 20px;
	color: #fff;
	text-transform: uppercase;
	border-radius: 3px 3px 0px 0px;
	transition: all 150ms;
	border-top: 1px solid #00677d;
	border-left: 1px solid #00677d;
	border-right: 1px solid #00677d;
}*/
.shpnw-import-refgd-btn a {
    display: block;
    font-size: 13px;
    text-align: center;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 17px;
    background: #00677d;
	padding-left: 20px;
	padding-right: 20px;
	color: #fff;
	text-transform: uppercase;
	border-radius: 3px 3px 0px 0px;
	transition: all 150ms;
	border-top: 1px solid #00677d;
	border-left: 1px solid #00677d;
	border-right: 1px solid #00677d;
	width: 120px;
	height: 54px;
	padding-top: 3px;
}
.shpnw-import-refgd-btn a:hover{
	background: #fff;
	color: #00677d;
}
.irg-pop-w{
	width: 1000px;
	max-width: 1000px;
}
.irg-pop-mndiv{
	width: 100%;
	height: auto;
	margin: auto;
}
.irg-pop-mndiv h5 {
    margin: 0px;
    font-size: 20px;
    color: #354558;
    color: #001737;
    font-weight: 400;
    display: inline-block;
}
.irg-pop-mndiv h5 span{
	margin-left: 10px;
	color: #10bed2;
	font-weight: 500;
}
.shnw-alltab-maindiv{
	width: 100%;
	height: auto;
	margin: auto;
	/*background: #fff;
	min-height: 555px;
	border: 1px solid#ecf1f4;
	box-shadow: 0px 0px 5px
	rgba(0, 0 ,0, 0.05);*/
}
.shnw-cmn-flbx{
	width: 100%;
	height: auto;
	margin: auto;
	background: #fff;
	/*min-height: 250px;*/
	border: 1px solid#ecf1f4;
	box-shadow: 0px 0px 5px rgba(0, 0 ,0, 0.05);
	border-radius: 5px;
	margin-top: 15px;
}
.shnwcmn-lftbx{
	width: 50%;
	height: auto;
	float: left;
	border-right: 1px solid #ecf1f4;
}
.shnwcmn-lftbx-35{
	width: 35%;
	height: auto;
	float: left;
	border-right: 1px solid #ecf1f4;
}
.shnwcmn-rgtbx{
	width: 50%;
	height: auto;
	float: left;
	border-left: 1px solid #ecf1f4;
}
.shnwcmn-rgtbx-65{
	width: 65%;
	height: auto;
	float: left;
	border-left: 1px solid #ecf1f4;
}
.shnwcmn-wrk-hd{
	width: 100%;
	height: auto;
	margin: auto;
	padding: 12px;
	padding-left: 15px;
	padding-right: 15px;
	border-bottom: 1px solid #ecf1f4;
	position: relative;
}
.shnwcmn-wrk-hd h2{
	margin: 0px;
	font-size: 16px;
	font-weight: 500;
	color:#50649c;
	color: #354558;
	color: #001737;
	display: inline-block;
	/*line-height: 30px;*/
}
.shnwcmn-wrk-hd a {
    float: right;
    background: #10bed2;
    text-align: center;
    line-height: 32px;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
    font-size: 13px;
    font-weight: 500;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(16,190,210,.5);
    box-shadow: 0 2px 6px 0 rgba(16,190,210,.5);
    transition: all 150ms;
    margin-left: 10px;
}
.shnwcmn-wrk-hd a:hover {
    background: #006580;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,101,128,.5);
    box-shadow: 0 2px 6px 0 rgba(0,101,128,.5);
}
.shnwcmn-wrk-hd a .fa{
	margin-right: 7px;
}
.shnwcmn-wrk-bx {
    width: 100%;
    height: auto;
    margin: auto;
    padding: 15px;
    padding-bottom: 5px;
}
.sls-cmn-procd-btndiv{
	width: 100%;
	height: auto;
	margin: auto;
}
.sls-cmn-procd-btndiv a{
	display: block;
	width: auto;
	background: #00677d;
	float: right;
	color: #fff;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 40px;
	border-radius: 0px 0px 5px 5px;
	margin-bottom: 15px;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
}
.shpfrto-btnlst{
	width: auto;
	height: auto;
	position: absolute;
    right: 0px;
    top: 0px;
    border-bottom: none;
}
.shpfrto-btnlst .nav-link {
    display: block;
    padding: 0px;
    line-height: 45px;
    border: none;
    padding-left: 15px;
    padding-right: 15px;
    border-left: 0px solid #ecf1f4;
    border-radius: 0px;
    background-color: #fff;
    color: #001737;
    font-weight: 500;
    font-size: 13px;
    background: rgba(80, 111, 147, 0.2);
    /*background: #eff2f9;*/
    color: #346ba9;
    box-shadow: none !important;
    margin-left: 0px;
}
.shpfrto-btnlst .nav-link:hover {
    color: #001737;
    font-weight: 500;
    box-shadow: none !important;
    background: rgba(80, 111, 147, 0.4);
}
.shpfrto-btnlst .nav-link.active, .shpfrto-btnlst .nav-item.show .nav-link {
    color: #fff;
    background-color:#00677d5e;
    background-color: #506f93;
}
/*.shpfrto-btnlst ul{
	margin: 0px;
	padding: 0px;
}
.shpfrto-btnlst ul li{
	list-style-type: none;
	width: auto;
	float: left;
}
.shpfrto-btnlst ul li a{
	display: block;
	background: #799abf;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	line-height: 45px;
	padding-left: 15px;
	padding-right: 15px;
}*/

.pckdtl-doc{
	width: 100%;
	height: auto;
	margin: auto;
}
.pckdtl-nndoc{
	width: 100%;
	height: auto;
	margin: auto;
}
.shpn-pck-msrunt{
	width: 100%;
	height: auto;
	margin: auto;
}
.shpn-shpwt{
	width: 100%;
	height: auto;
	margin: auto;
	border-top: 1px solid #ecf1f4;
}
.splt-mnbx{
	width: 100px;
	height: auto;
	margin: auto;
	max-width: 100px;
}
.splt-chk{
	width: 30px;
	height: auto;
	float: left;
}
.splt-inpt{
	width: 70px;
	height: auto;
	float: right;
}
.table > tbody > tr > td > .btnsty-1  {
	padding-left: 10px;
	padding-right: 10px;
}
.table > tbody > tr > td > .btn .fa {
    margin-right: 0px;
    font-size: 15px;
}
.shpmnt-prcss-maindiv{
	width: 100%;
	height: auto;
	margin: auto;
}
.shpmnt-typslt-div{
	width: 100%;
	height: auto;
	margin: auto;
}
.shpmnt-srvslt-btn{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 0px;
}
.shpmnt-srvslt-btn a{
	width: 150px;
	height: auto;
	display: block;
	background: #799abf;
	text-align: center;
	line-height: 35px;
	font-size: 14px;
	font-weight: 500;
	border-radius: 2px;
	transition: all 150ms;
	box-shadow: none;
	color: #fff;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.shpmnt-srvslt-btn a .fa{
	margin-right: 7px;
}
.shpmnt-srvslt-btn a:hover {
    background: #506f93;
    color:#fff;
    transition: all 150ms;
    box-shadow: none;
}
.shpmnt-srvpop-mndiv{
	width: 100%;
	height: auto;
	margin: auto;
}
.shpmnt-srvpop-mndiv h5 {
    margin: 0px;
    font-size: 20px;
    color: #354558;
    color: #001737;
    font-weight: 400;
}
.alldhlfdx-srvs-mndiv{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 20px;
}
.aldhlfdx-srv-lst-bx{
	width: 100%;
	height: auto;
	margin: auto;
}
.shpmnt-srv-tabs{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 25px;
}
.shpmnt-srv-tabs .nav-tabs {
    border-bottom: 3px solid 
    #506f93;
}
.shpmnt-srv-tabs .nav-tabs .nav-item {
    margin-bottom: -1px;
    margin-right: 10px;
}
.shpmnt-srv-tabs .nav-tabs .nav-link {
    border: 1px solid 
    transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    background: rgba(80, 111, 147, 0.2);
    color: #506f93;
}
.shpmnt-srv-tabs .nav-tabs .nav-link span {
	display: block;
	font-weight: 300;
}
.shpmnt-srv-tabs .nav-tabs .nav-link:hover {
	color: #001737;
}
.shpmnt-srv-tabs .nav-tabs .nav-link.active, .shpmnt-srv-tabs .nav-tabs .nav-item.show .nav-link {
    color: #fff;
	background-color:#f0f;
	border-color:#506f93;
	background:#506f93;
	transition: all 150ms;
	box-shadow: none;
	font-weight: 500;
	letter-spacing: 1px;
}
.shpmt-prntlst{
	width: 100%;
	height: auto;
	margin: auto;
	background: #eff2f9;
	border-radius: 2px;
	padding: 0px;
	margin-top: 20px;
}
.shpmt-prntlst ul{
	margin: 0px;
	padding: 0px;
}
.shpmt-prntlst ul li{
	list-style-type: none;
	float: left;
	padding: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #001737;
	font-weight: 400;
	font-size: 14px;
}
.shpmt-prntlst ul li:nth-child(1n){
	width: 25%;
	border-right: 1px solid #d2daeb;
}
.shpmt-prntlst ul li:nth-child(2n){
	width: 50%;
	border-right: 1px solid #d2daeb;
}
.shpmt-prntlst ul li:nth-child(3n){
	width: 25%;
	border-right: 0px solid #d2daeb;
}
.shpmt-prntlst ul li span{
	display: block;
	font-size: 12px;
	color: #506f93;
	font-weight: 300;
	margin-bottom: 5px;
	color: #346ba9;
}
.shpmt-broker-bx{
	width: 100%;
	height: auto;
	margin: auto;
}
.shpmt-brkr-btn{
	width: 100%;
	height: auto;
	margin: auto;
	margin-bottom: 20px;
}
.shpmt-brkr-btn a {
    width: auto;
    height: auto;
    display: inline-block;
    background: #799abf;
	text-align: center;
	line-height: 35px;
	font-size: 14px;
	font-weight: 500;
	border-radius: 2px;
	transition: all 150ms;
	box-shadow: none;
	color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-left: 15px;
    padding-right: 15px;
}
.shpmt-brkr-btn a .fa{
	margin-right: 7px;
}
.shpmt-brkr-btn a:hover {
    background: #506f93;
    color:#fff;
    transition: all 150ms;
    box-shadow: none;
}
.shpmt-brkr-pop-mndiv{
	width: 100%;
	height: auto;
	margin: auto;
}
.shpmt-brkr-pop-mndiv h5 {
    margin: 0px;
    font-size: 20px;
    color: #354558;
    color: #001737;
    font-weight: 400;
}
.shpmtbrkr-pop-lst{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 20px;
	max-height: 500px;
	overflow: auto;
}
.shpmt-brkr-prntbx{
	width: 100%;
	height: auto;
	margin: auto;
	margin-bottom: 15px;
	background: #eff2f9;
	border-radius: 2px;
	padding: 20px;
}
.shpmt-brkr-prntbx h2 {
    margin: 0px;
    font-size: 16px;
    font-weight: 500;
    color: #50649c;
    color: #354558;
    color: #001737;
    display: inline-block;
}
.shpmtbrkr-prnt-lst{
	width: 100%;
	height: auto;
	margin: auto;
	background: #fff;
	margin-top: 10px;
	padding: 10px;
}
.shpmtbrkr-prnt-lst ul{
	margin: 0px;
	padding: 0px;
}
.shpmtbrkr-prnt-lst ul li{
	list-style-type: none;
	width: 25%;
	height: auto;
	float: left;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #001737;
	font-weight: 400;
	font-size: 14px;
}
.shpmtbrkr-prnt-lst ul li span{
	display: block;
	font-size: 12px;
	color: #506f93;
	font-weight: 300;
	margin-bottom: 2px;
	color: #346ba9;
}
.shpmt-bll3rd-1{
	width: 100%;
	height: auto;
	margin: auto;
}
.shpmt-bll3rd-2{
	width: 100%;
	height: auto;
	margin: auto;
	border-top: 1px solid #ecf1f4;
	padding-top: 15px;	
}
.sltpyr-1{
	width: 100%;
	height: auto;
	margin: auto;
	margin-bottom: 15px;
}
.sltpyr-2{
	width: 100%;
	height: auto;
	margin: auto;
	padding-bottom: 15px;
}
.p3rd-pop-w {
    max-width: 1300px;
}
.slt-3rdprty-lst {
    width: 100%;
    height: auto;
    margin: auto;
    margin-top: 25px;
}
.shpmt-invodtl-bx1{
	width: 100%;
	height: auto;
	margin: auto;
	border-right: 0px solid #ecf1f4;
	min-height: 400px;
}
.shpmt-invodtl-bx1 h4{
	margin: 0px;
	font-size: 14px;
	background: #eff2f9;
	padding: 10px;
	border-left: 3px solid #799abf;
	margin-bottom: 15px;
	color: #346ba9;
}
.shpmt-invodtl-bx1 p{
	margin: 0px;
	font-size: 13px;
	margin-bottom: 15px;
	color: #506f93;
	color: #7286a2;
	line-height: 24px;
}
.invo-frtvlu-div{
	width: 100%;
	height: auto;
	margin: auto;
}
.invofrt-inpt-lft{
	width: 30%;
	height: auto;
	float: left;
}
.invofrt-chk-rgt{
	width: 65%;
	height: auto;
	float: left;
	margin-left: 15px;
}
.invo-stmnt-btn{
	width: 100%;
	height: auto;
	margin: auto;
}
.invo-stmnt-btn a{
	width: 100%;
	height: auto;
	display: block;
	background: #799abf;
	text-align: center;
	line-height: 35px;
	font-size: 14px;
	font-weight: 500;
	border-radius: 2px;
	transition: all 150ms;
	box-shadow: none;
	color: #fff;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.invo-stmnt-btn a .fa{
	margin-right: 7px;
}
.invo-stmnt-btn a:hover {
    background: #506f93;
    color:#fff;
    transition: all 150ms;
    box-shadow: none;
}
.nwstmnt-pop-w{
	width: 600px;
}
.nwstmnt-addwrk-ppbx{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 25px;
}
.shpntinvo-prv-apprd-btndiv{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 30px;
}
.invo-prvapp-btns{
	width: 100%;
	height: auto;
	margin: auto;
}
.invo-prvapp-btns ul{
	margin: 0px;
	padding: 0px;
}
.invo-prvapp-btns ul li{
	list-style-type: none;
	width: auto;
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
}
.invo-prvapp-btns ul li a{
	background: #799abf;
	display: block;
	color: #fff;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 35px;
	border-radius: 2px;
	transition: all 150ms;
}
.invo-prvapp-btns ul li .btn{
	display: block;
	color: #fff;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-radius: 2px;
	transition: all 150ms;
	padding-left: 15px;
	padding-right: 15px;
	transition: all 150ms;
}
.invo-prvapp-btns ul li .btn:focus{
	outline: 0;
    box-shadow: none;
}
.invo-prvapp-btns ul li a:hover{
	background:#506f93;
}
.btn-rfa{background: #FD8100 !important;}
.btn-rqt{background: #19b4f0 !important;}
.btn-rap{background: #10d276 !important;}

.btn-rfa:hover{background: #E27504 !important;}
.btn-rqt:hover{background: #0ca8e4 !important;}
.btn-rap:hover{background: #09c46c !important;}

.invo-pck-lst-mndiv{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 5px;
	background: #eff2f9;
	padding: 15px;
	margin-bottom: 15px;
}
.invo-pck-lst-mndiv h4 {
    margin: 0px;
    font-size: 15px;
    color:#346ba9;
}
.invopck-lst{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 15px;
}
.invopck-lst ul{
	margin: 0px;
	padding: 0px;
}
.invopck-lst ul li{
	list-style-type: none;
	width: 49%;
	float: left;
}
.invopck-lst ul li:nth-child(1n){
	float: left;
}
.invopck-lst ul li:nth-child(2n){
	float: right;
}
.invopck-lst ul li a{
	background: #fff;
	width: 100%;
	display: block;
	line-height: 40px;
	padding-left: 15px;
	border-left: 3px solid #799abf;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: 500;
	text-align: left;
}
.gthscode-pop-w{
	width: 800px;
}
.gthscd-mnbx{
	width: 100%;
	height: auto;
	margin: auto;
}
.gthscd-mnbx h5 {
    margin: 0px;
    font-size: 20px;
    color: #354558;
    color: #001737;
    font-weight: 400;
}
.gthscd-src-div{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 20px;
	background: #eff2f9;
}
.gthscd-src-div .form-group{
	margin-bottom: 0px;
}
.gthscd-src-lft{
	width: 80%;
	height: auto;
	float: left;
}
.gthscd-src-rgt{
	width: 20%;
	height: auto;
	float: left;
}
.gthscd-src-lft1{
	width: 25%;
	height: auto;
	float: left;
}
.gthscd-src-mid1{
	width: 55%;
	height: auto;
	float: left;
}
.gthscd-src-rgt1{
	width: 20%;
	height: auto;
	float: left;
}
.gthscd-src-lft1 .select2-container--default .select2-selection--single {
	border: 1px solid #ccc !important;
	/*border-right: 1px solid #d2daeb !important;*/
	border-radius: 0px !important;
	background: #eff2f9 !important;
    font-size: 13px !important;
    height: 45px !important;
    padding-left: 5px !important;
}
.gthscd-src-lft1 .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45px;
}
.gthscd-src-lft1 .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 45px;
    position: absolute;
    top: 1px;
    right: 5px;
    width: 20px;
}
.gthscd-srcstyle{
	width: 100%;
	height: 45px;
	border-radius: 0px;
	border: 1px solid #eff2f9;
	background: #eff2f9;
}
.gthscd-srcstyle2{
	width: 100%;
	height: 45px;
	border-radius: 0px;
	border: 1px solid #ccc;
	border-left: 0px solid #ccc;
	background: #eff2f9;
}
.gthscd-srcstyle2:focus{
	border: 1px solid #ccc;
}
.gthscd-btn{
	width:100%;
	height:45px;
	float:left;
	background: rgba(0, 101, 128, 0.9);
	color:#fff;
	/*border-radius:0px !important;*/
	transition: all 150ms;
	border-color:transparent !important;
	font-size:15px;
	font-weight:500;
	border-radius: 0px;
	outline:none !important;
}
.gthscd-btn:hover{
	background:#006580;
	color:#fff;
	transition: all 150ms;
	box-shadow: none;
}
.gthscd-btn:active {
    box-shadow: none;
    background:#006580;
	transition: all 150ms;
	color:#fff;
}
.gthscd-btn:active:focus {
    box-shadow: none;
    background:#006580;
	transition: all 150ms;
	color:#fff;
}
.gthscd-btn:focus {
    background:#006580;
	color:#fff;
	transition: all 150ms;
	box-shadow: none;
    outline: none !important;
}
.gthscd-tblbx{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 20px;
	max-height: 500px;
	overflow: auto;
}
.shpmnt-alldoc-tb4-mndiv{
	width: 100%;
	height: auto;
	margin: auto;
}
.lip-3btn-lst{
	width: 100%;
	height: auto;
	margin: auto;
	margin-bottom: 10px;
}
.lip-3btn-lst ul{
	margin: 0px;
	padding: 0px;
}
.lip-3btn-lst ul li{
	list-style-type: none;
	width: auto;
	float: left;
	margin-right: 20px;
}
.lip-3btn-lst ul li a{
	display: block;
	line-height: 40px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: 500;
	text-align: left;
	background: #799abf;
	color: #fff;
	border-radius: 2px;
    transition: all 150ms;
}
.lip-3btn-lst ul li a:hover {
    background: #506f93;
    transition: all 150ms;
}
.shpmt-othdoc-mnbx{
	width: 100%;
	height: auto;
	margin: auto;  
}
.shpmt-brwdoc-div{
	width: 100%;
	height: auto;
	margin: auto;
	margin-bottom: 10px;
}
.shpmt-brwdoc-lst{
	width: 100%;
	height: auto;
	margin: auto;
}
.shpmt-brwdoc-lst ul{
	margin: 0px;
	padding: 0px;
}
.shpmt-brwdoc-lst ul li{
	list-style-type: none;
	width: 49%;
	float: left;
	margin-bottom: 15px;
	border: 1px solid #d2daeb;
	padding: 0px;
	margin-right: 15px;
	color: #001737;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: 500;
	text-align: left;
	background: #eff2f9;
	position: relative;
	padding-left: 0px;
	line-height: 35px;
}
.shpmt-brwdoc-lst ul li .btn{
	margin-right: 0px;
	background: #799abf;
	border-radius: 0px;
	color: #fff;
	font-weight: 500;
	letter-spacing: 1px;
	font-size: 13px;
	padding: 7px;
	padding-left: 15px;
	padding-right: 15px;
	transition: all 150ms;
}
.shpmt-brwdoc-lst ul li .btn:hover{
	background: #506f93;
    transition: all 150ms;
}
.shpmt-brwdoc-lst ul li:nth-child(2n){
	margin-right: 0px;
}
.shpmt-brwdoc-lst ul li a{
	display: block;
	float: left;
	line-height: 35px;
    /*background-color: rgba(241,100,108,.15) !important;*/
	color: #f1646c !important;
	-webkit-box-shadow: 0 0 13px 0 rgba(241,100,108,.05);
	box-shadow: 0 0 13px 0
    rgba(241,100,108,.05);
    font-weight: 600;
    font-size: 18px;
    width: 40px;
    text-align: center;
    margin-right: 5px;
    /*position: absolute;
    right: 0px;
    top: 0px;*/
}
.shpmt-epos-maindiv{
	width: 100%;
	height: auto;
	margin: auto;
	min-height: 350px;
}
.slct-eps-bx{
	width: 100%;
	height: auto;
	margin: auto;
}
.gnrt-eps-btn-lst{
	width: 100%;
	height: auto;
	margin: auto;
}
.gnrt-eps-btn-lst ul{
	margin: 0px;
	padding: 0px;
}
.gnrt-eps-btn-lst ul li{
	list-style-type: none;
	width: auto;
	float: left;
	margin-right: 13px;
	margin-bottom: 13px;
	width: 19%;
	text-align: center;
}
.gnrt-eps-btn-lst ul li:nth-child(5n){
	margin-right: 0px;
}
.gnrt-eps-btn-lst ul li a{
	display: block;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: 500;
	background: #eff2f9;
	border-radius: 20px;
	line-height: 35px;
	padding-left: 15px;
	padding-right: 15px;
	transition: all 150ms;
	border: 1px solid #799abf;
}
.gnrt-epsdoc-lst{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 30px;
}
.gnrt-epsdoc-lst ul{
	margin: 0px;
	padding: 0px;
}
.gnrt-epsdoc-lst ul li{
	list-style-type: none;
	width: 50%;
	float: none;
	margin-top: 15px;
	background: #eff2f9;
	border-left: 4px solid #10d276;
	padding: 10px;
	padding-left: 15px;
	background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,
    transparent);
    background-image: linear-gradient(45deg,rgba(200,200,200,.15) 25%,transparent 25%,transparent 50%,rgba(200,200,200,.15) 50%,rgba(200,200,200,.15) 75%,transparent 75%,
    transparent);
    background-size: 1rem 1rem;
    /*height: 35px;
    line-height: 35px;*/
}
.gnrt-epsdoc-lst ul li cite{
	width: 50%;
	float: left;
    color: #346ba9;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 35px;
}
.gnrteps-svprt-btndiv{
	width: 45%;
	height: auto;
	float: right;
}
.gnrteps-svprt-btndiv span a{
	width: auto;
	color: #fff;
	padding: 6px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 4px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 13px;
	line-height: 35px;
}
.gnrteps-svprt-btndiv span a .fa{
	margin-right: 7px;
}
.eps-sad-btn{
	float: left;
	background: #edbea7;
	border-radius: 4px;
}
.eps-prnt-btn{
	float: right;
	margin-right: 0px;
	background: #10d276;
	border-radius: 4px;
}
.epsgnrt-tbl-mndiv{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 20px;
}
/******Shipping Page Css Start******/

/******All Common Invoice & List PopUp Css Start******/
.allpop-invo-maindiv{
	width: 1000px;
	height: auto;
	margin: auto;
	max-width: 1000px;
}
.allpop-invo-maindiv2{
	width: 1150px;
	height: auto;
	margin: auto;
	max-width: 1150px;
}
.allpop-invo-wrkmnbx{
	width: 100%;
	height: auto;
	margin: auto;
}
.alpp-invhd{
	width: 100%;
	height: auto;
	margin: auto;
}
.alpp-invhd h2 {
    margin: 0px;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 1px;
    color: #001737;
}
.alpp-shp-frto-bx{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 15px;
	border-top: 1px solid #ecf1f4;
	padding-top: 15px;
}
.allpop-invo-maindiv2 .alpp-shp-frto-bx{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 15px;
	border-top: 0px solid #ecf1f4;
	padding-top: 0px;
}
.alppshp-frto-dtl{
	width: 100%;
	height: auto;
	margin: auto;
}
.alppshp-frto-dtl h4{
	margin: 0px;
	font-size: 16px;
	letter-spacing: 1px;
	color: #001737;
	font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 10px;
}
.allpop-invo-maindiv2 .alppshp-frto-dtl h4 {
    margin-bottom: 5px;
}
.alppshp-frto-dtl p{
	margin: 0px;
	font-size: 13px;
	font-weight: 400;
	padding-top: 7px;
	color: #333;
	color: #001737;
}
.alppshp-frto-dtl ul{
	margin: 0px;
	padding: 0px;
	border: 1px solid #ecf1f4;
	padding: 10px;
}
.alppshp-frto-dtl ul li{
	list-style-type: none;
	width: 100%;
	float: none;
	margin-top: 2px;
	margin-bottom: 2px;
    font-size: 13px;
    display: flex;
}
.alppshp-frto-dtl ul li:nth-child(1n){
	width: 100%;
	float: none;
}
.alppshp-frto-dtl ul li:nth-child(2n){
	width: 100%;
	float: none;
}
.alppshp-frto-dtl ul li:nth-child(3n){
	width: 100%;
	float: none;
}
.alppshp-frto-dtl ul li:nth-child(4n){
	width: 50%;
	float: left;
}
.alppshp-frto-dtl ul li:nth-child(5n){
	width: 50%;
	float: left;
}
.alppshp-frto-dtl ul li:nth-child(6n){
	width: 50%;
	float: left;
}
.alppshp-frto-dtl ul li:nth-child(7n){
	width: 50%;
	float: left;
}
.alppshp-frto-dtl ul li:nth-child(8n){
	width: 100%;
	float: none;
}
.alppshp-frto-dtl ul li:nth-child(9n){
	width: 100%;
	float: none;
}
.alppshp-frto-dtl ul li:nth-child(9n){
	width: 100%;
	float: none;
}
.alppshp-frto-dtl ul li span {
    font-size: 13px;
    font-weight: 400;
    color: #001737;
    float: left;
    width: 90px;
}
.alppshp-frto-dtl ul li em {
    color: #346ba9;
    margin-left: 20px;
    margin-right: 40px;
    font-style: normal;
    color: #001737;
    display: none;
}
.alppshp-frto-dtl ul li cite {
    font-style: normal;
    color: #346ba9;
}
.alpp-adinfo-bx{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 20px;
	border-top: 1px solid #ecf1f4;
	padding-top: 20px;
}
.alpp-adinfo-bx h4{
	margin: 0px;
	font-size: 16px;
	letter-spacing: 1px;
	color: #001737;
	font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 7px;
}
.alpp-adinfo-lst{
	width: 100%;
	height: auto;
	margin: auto;
}
.alpp-adinfo-lst ul{
	margin: 0px;
	padding: 0px;
}
.alpp-adinfo-lst ul li {
    list-style-type: none;
    width: 50%;
    float: left;
    margin-top: 7px;
    font-size: 13px;
}
.alpp-adinfo-lst ul li span {
    font-size: 13px;
    font-weight: 500;
    color: #001737;
    float: left;
    width: 160px;
}
.alpp-adinfo-lst ul li em {
    color: #346ba9;
    margin-left: 20px;
    margin-right: 40px;
    font-style: normal;
    color: #001737;
}
.alpp-adinfo-lst ul li cite {
    font-style: normal;
    color: #346ba9;
}
.alpp-cntinfo-lst{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 20px;
	border-top: 1px solid #ecf1f4;
	padding-top: 20px;
}
.alpp-cntinfo-lst h4{
	margin: 0px;
	font-size: 16px;
	letter-spacing: 1px;
	color: #001737;
	font-weight: 500;
    text-transform: capitalize;
}
.alpp-cntinfo-tbl{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 20px;
}
.alpp-cmnt-ttldtl-bx{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 20px;
}
.alpp-invo-cmntbx {
    width: 100%;
    height: auto;
    margin: auto;
}
.alpp-invo-cmntbx h4{
	margin: 0px;
	font-size: 16px;
	letter-spacing: 1px;
	color: #001737;
	font-weight: 500;
    text-transform: capitalize;
}
.invocmntbx-styl {
    width: 100%;
    height: 110px !important;
    border: none;
    background: #f4f7fc;
    resize: none;
	overflow: auto;
	border: 1px solid #eee;
	margin-top: 10px;
}
.allpp-invo-ttldtl-lst{
	width: 100%;
	height: auto;
	margin: auto;
}
.allpp-invo-ttldtl-lst ul{
	margin: 0px;
	padding: 0px;
}
.allpp-invo-ttldtl-lst ul li:last-child{
	margin-bottom: 0px;
}
.allpp-invo-ttldtl-lst ul li{
	list-style-type: none;
	width: 100%;
	height: auto;
	float: none;
	text-align: right;
	margin-bottom: 10px;
	color: #346ba9;
}
.allpp-invo-ttldtl-lst ul li span{
	font-size: 13px;
	font-weight: 500;
	color: #001737;
	float: left;
	width: 360px;
}
.allpp-invo-ttldtl-lst ul li em {
    color: #001737;
    margin-left: 70px;
    font-style: normal;
    float: left;
}
.alpp-sgntll-bx{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 20px;
	border-top: 1px solid #ecf1f4;
	padding-top: 20px;
}
.allpp-sgn-lst{
	width: 100%;
	height: auto;
	margin: auto;
}
.allpp-sgn-lst ul{
	margin: 0px;
	padding: 0px;
}
.allpp-sgn-lst ul li{
	list-style-type: none;
	width: 100%;
	height: auto;
	float: none;
	margin-top: 0px;
	margin-bottom: 15px;
}
.allpp-sgn-lst ul li span{
	font-size: 13px;
	font-weight: 500;
	color: #001737;
	float: left;
	width: 70px;
}
.allpp-sgn-lst ul li em {
    color: #001737;
    margin-left: 20px;
    margin-right: 20px;
    font-style: normal;
}
.allpp-sgn-lst ul li mark {
    color: #346ba9;
    background: #eff2f9;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 1px;
}

.allpp-pcklst-box-info{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 20px;
}
.pckbox-innr {
    width: 100%;
    height: auto;
    margin: auto;
    margin-bottom: auto;
    margin-bottom: 30px;
    border: 2px solid #799abf;
}
.pckbox-innr h5 {
    margin: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 0px;
    text-align: left;
    border-left: 1px solid #ecf1f4;
	border-top: 0px solid #ecf1f4 !important;
	border-right: 1px solid #ecf1f4;
	line-height: 40px;
	padding-left: 15px;
	color: #346ba9;
    text-transform: uppercase;
}
.pckbox-innr table{
	margin-bottom: 0px;
}
/******All Common Invoice & List PopUp Css Start******/

/******Add Account DHL & FeDex Css Start******/
.add-accnt-df-tabs-mndiv{
	width: 100%;
	height: auto;
	margin: auto;
}
.add-accnt-df-tabs-mndiv .nav-tabs {
    border-bottom: 3px solid 
    #506f93;
}
.add-accnt-df-tabs-mndiv .nav-tabs .nav-item {
    margin-bottom: -1px;
    margin-right: 10px;
}
.add-accnt-df-tabs-mndiv .nav-tabs .nav-link {
    border: 1px solid 
    transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    background: rgba(80, 111, 147, 0.2);
    color: #506f93;
    text-transform: uppercase;
    font-size: 14px;
}
.add-accnt-df-tabs-mndiv .nav-tabs .nav-link span {
	display: block;
	font-weight: 300;
}
.add-accnt-df-tabs-mndiv .nav-tabs .nav-link:hover {
	color: #001737;
}
.add-accnt-df-tabs-mndiv .nav-tabs .nav-link.active, .add-accnt-df-tabs-mndiv .nav-tabs .nav-item.show .nav-link {
    color: #fff;
	background-color:#f0f;
	border-color:#506f93;
	background:#506f93;
	transition: all 150ms;
	box-shadow: none;
	font-weight: 500;
	letter-spacing: 1px;
}
.add-accnt-df-tabs-mndiv .tab-content {
    margin-top: 10px;
    background: #fff;
	border: 10px solid #eff2f9;
    padding: 20px;
    min-height: 450px;
    /*box-shadow: 0px 0px 7px #bbb;*/
}
.addacnt-bx-mndiv{
	width: 100%;
	height: auto;
	margin: auto;
}
.addacnt-bx-mndiv h5 {
    margin: 0px;
    font-size: 16px;
    font-weight: 500;
    color: #50649c;
    color: #354558;
    color: #001737;
    margin-bottom: 20px;
}
.addacnt-lst-mndiv{
	width: 100%;
	height: auto;
	margin: auto;
}
.addacnt-lst-mndiv h5 {
    margin: 0px;
    font-size: 16px;
    font-weight: 500;
    color: #50649c;
    color: #354558;
    color: #001737;
    margin-bottom: 20px;
}
/******Add Account DHL & FeDex Css Start******/

/******Change Password Css Start******/
.chng-psw-mndiv{
	width: 100%;
	height: auto;
	/*margin: auto;*/
	max-width: 500px;
}
.pass_show{position: relative} 
.pass_show .ptxt { 
	position: absolute; 
	top: 72%; 
	right: 10px; 
	z-index: 1; 
	color: #10bed2; 
	margin-top: -10px; 
	cursor: pointer; 
	transition: .3s ease all; 
} 
.pass_show .ptxt:hover{color: #333333;}
/******Change Password Css Start******/

/******Manage Profile Css Start******/
.mng-prf-mndiv{
	width: 100%;
	height: auto;
	margin: auto;
}
.myprf-lftside-main-div:after{
	position:absolute;
	width:100%;
	content:"";
	height:140px;
	background:rgba(19, 30, 48, 0.3);
	background:rgba(235, 167, 78, 0.5);
	background:rgba(0, 103, 125, 0.5);
	background:rgba(121, 154, 191, 0.5);
	top:0px;
	left:0px;
}
.myprf-lftside-main-div{
	width:100%;
	height:auto;
	margin:auto;
	background:#EFF2F9;
	padding:20px;
	position:relative;
}
.usrprf-dtltop{
	width:100%;
	height:auto;
	margin:auto;
	text-align:center;
	position:relative;
	z-index:111;
}
.usrprf-dtltop img{
	width:150px;
	height:150px;
	margin:auto;
	border-radius:100%;
	text-align:center;
	border:5px solid #fff;
	margin-top:20px;
}
.usrprf-dtltop h4{
	margin:0px;
	padding-top:10px;
	font-size:18px;
	font-weight:500;
	color:#10bed2;
	color: #00677d;
	letter-spacing: 1px;
}
.usrprf-dtltop h5{
	margin:0px;
	padding-top:10px;
	font-size:14px;
	color:#888;
}
.usrprf-middtl{
	width:100%;
	height:auto;
	margin:auto;
	border-top:1px solid #ddd;
	margin-top:20px;
	padding-top:20px;
}
.usrprf-othdtl-lst{
	width:100%;
	height:auto;
	margin:auto;
}
.usrprf-othdtl-lst ul{
	margin:0px;
	padding:0px;
}
.usrprf-othdtl-lst ul li{
	list-style-type:none;
	width:100%;
	float:none;
	margin-bottom:20px;
}
.usrprf-othdtl-lst ul li p{
	margin:0px;
	font-size:13px;
	color:#555;
}
.usrprf-othdtl-lst ul li h4{
	margin:0px;
	font-size:14px;
	padding-top:5px;
	line-height:24px;
}
.mnprf-rgt-mndiv{
	width: 100%;
	height: auto;
	margin: auto;
	background: #eff2f9;
	padding: 30px;
	min-height: 510px;
}
.mnprf-rgt-mndiv h2{
	margin: 0px;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: 1px;
	color: #001737;
	margin-bottom: 30px;
}
/******Manage Profile Css Start******/

/******Add Part Master Css Start******/
.addprtmst-doc-div{
	width: 100%;
	height: auto;
	margin: auto;
	background: #eff2f9;
    border-radius: 2px;
    margin-bottom: 20px;
    padding: 20px;
    border: 2px dashed #ced3df;
}
.addprtmst-dc-btn{
	width: 85px;
	height: auto;
	margin-top: 26px;
}
.addprtmst-doc-div .form-group {
    margin-bottom: 0px;
}
/******Add Part Master Css End******/

/******Import Part Master Css Start******/
.impt-prtmst-fl-div{
	width: 100%;
	height: auto;
	margin: auto;
}
.impt-prtmst-rgt{
	width: 46%;
	height: auto;
	float: right;
	padding: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background: #eff2f9;
	border-radius: 2px;
	margin-bottom: 30px;
	border: 3px dashed #ced3df;
}
.imptprtmst-lft-inpt{
	width: 83%;
	height: auto;
	float: left;
}
.imptprtmst-rgt-btn{
	width: 15%;
	height: auto;
	float: left;
	margin-left: 10px
}
.impt-prtmst-rgt .form-group{
	margin-bottom: 0px;
}
.shpmt-brwdoc-lst2{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 20px;
	background: #fff;
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 2px dashed #ced3df;
}
.shpmt-brwdoc-lst2 ul{
	margin: 0px;
	padding: 0px;
}
.shpmt-brwdoc-lst2 ul li{
	list-style-type: none;
	width: 49%;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #d2daeb;
	padding: 0px;
	margin-right: 15px;
	color: #001737;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: 500;
	text-align: left;
	background: #fff;
	position: relative;
	padding-left: 0px;
	line-height: 35px;
}
.addrs-pop-vwbx-mndiv .shpmt-brwdoc-lst2 ul li{
	padding-left: 10px;
}
.shpmt-brwdoc-lst2 ul li .btn{
	margin-right: 0px;
	background: #799abf;
	border-radius: 0px;
	color: #fff;
	font-weight: 500;
	letter-spacing: 1px;
	font-size: 13px;
	padding: 7px;
	padding-left: 15px;
	padding-right: 15px;
	transition: all 150ms;
}
.shpmt-brwdoc-lst2 ul li .btn:hover{
	background: #506f93;
    transition: all 150ms;
}
.shpmt-brwdoc-lst2 ul li:nth-child(2n){
	margin-right: 0px;
}
.shpmt-brwdoc-lst2 ul li a{
	display: block;
	float: left;
	line-height: 35px;
    /*background-color: rgba(241,100,108,.15) !important;*/
	color: #f1646c !important;
	-webkit-box-shadow: 0 0 13px 0 rgba(241,100,108,.05);
	box-shadow: 0 0 13px 0
    rgba(241,100,108,.05);
    font-weight: 600;
    font-size: 18px;
    width: 40px;
    text-align: center;
    margin-right: 5px;
    /*position: absolute;
    right: 0px;
    top: 0px;*/
}
/******Import Part Master Css Start******/

/******ECCN Code Search Css Start******/
.eccn-mltacrd-mn-div{
	width: 100%;
	height: auto;
	margin: auto;
}
.eccn-flt-mndiv{
	width: 100%;
	height: auto;
	margin: auto;
}
.eccnflt-lft{
	width: 90%;
	height: auto;
	float: left;
}
.eccnflt-rgt{
	width: 7%;
	height: auto;
	float: left;
	margin-left: 30px;
}
/******ECCN Code Search Css Start******/

/******HS Code Search Css Start******/
.hscd-cntry-sltdiv{
	width: 100%;
	height: auto;
	margin: auto;
	margin-bottom: 30px;
}
.hscd-cntry-fltbx{
	width: 30%;
	height: auto;
	float: right;
}
.hscd-cntry-fltbx .form-group{
	margin-bottom: 0px
}
.hscd-mltacrd-mn-div{
	width: 100%;
	height: auto;
	margin: auto;
}
.hscd-mltacrd-mn-div h2{
	margin: 0px;
	font-size: 18px;
	letter-spacing: 1px;
	padding-bottom: 10px;
}
/******HS Code Search Css Start******/

/******HS Code Duty Css Start******/
.hscd-dtclt-mndiv{
	width: 100%;
	height: auto;
	margin: auto;
	background: #eff2f9;
	border-radius: 2px;
	padding: 20px;
	margin-bottom: 30px;
}
.hscd-flt-frm-mndiv{
	width: 100%;
	height: auto;
	margin: auto;
}
.hscdflt-top{
	width: 100%;
	height: auto;
	margin: auto;
}
.hscdflt-top .form-group {
    margin-bottom: 0px;
}
.hscd-add-rwbtn{
	width: 40px;
	height: 40px;
	margin: auto;
	background: #10d276;
	border-radius: 100%;
	text-align: center;
	margin-top: 22px;
	transition: all 150ms;
}
.hscd-add-rwbtn a{
	font-size: 18px;
	line-height: 40px;
	color: #fff;
	display: block;
}
.hscd-add-rwbtn:hover{
	background: #03b862;
}
.hscd-add-rwgrp{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 15px;
}
.hscd-add-inpt-rw{
	width: 82.70%;
	height: auto;
	float: left;
	background: #fff;
	padding: 10px;
	margin-left: 97px;
	border-radius: 3px 3px 3px 3px;
	border: 0px solid #d2daeb;
	border-right: 0px solid #d2daeb;
}
.hscd-add-inpt-rw .form-group {
    margin-bottom: 0px;
}
.hscd-add-inpt-rmv-btn{
	width: 3%;
	height: auto;
	float: left;
	background: #f1646c;
	border-radius: 0px 5px 5px 0px;
	text-align: center;
	margin-top: 22px;
}
.hscd-add-inpt-rmv-btn a{
	display: block;
	font-size: 18px;
	color: #fff;
	line-height: 35px;
}
.hscd-add-inpt-rmv-btn:hover{
	background: #db4c55;
}
.hscd-add-sbmt-btndiv{
	width: 100%;
	height: auto;
	margin: auto;
	padding-right: 50px;
}
.tbl-fl{
	width: 100% !important;
	overflow-x: auto !important;
}
.tbl-fl345{
	display: block;
}
/******HS Code Duty Css Start******/

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    outline: none;
    margin-top: -25px;
    margin-right: -20px;
}
.close {
    float: right;
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
    content: "\f00d";
    font-family: FontAwesome;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url("../images/loader-2.gif") center no-repeat #fff;
}