.no-left-right-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.vertical-menu .bg-onhold {
    background: #08cac0;
}

.swal-width-800 {
    width:800px !important;
} 

.w-100{
	width:100%
}

.no-resize{
	resize:none;	
}

#PPPanel{
	width:472px !important;
	height:547px !important;
}

.red{
	color:rgba(200,0,0,.5);	
}

.coupon-details{
		text-align:left;
}

.th-cweight{
	background:#f2f2f2;
}

.thead-cweight{
	color:white;
	background:#999;
}

.coupon-code span{
	cursor: pointer;
    margin-left: 7px;
    margin-top: 4px;
    position: absolute;
}

.pay-button{
	padding:10.5px 24px !important;
}

.coupon-code{
	overflow:hidden;
}

.coupon-code input{
	width:209px !important;
}

.coupon-code input::-webkit-input-placeholder {
   color: #666;  
}

.coupon-code input:-moz-placeholder { /* Firefox 18- */
   color: #666;  
}

.coupon-code input::-moz-placeholder {  /* Firefox 19+ */
   color: #666;  
}

.coupon-code input:-ms-input-placeholder {  
   color: #666;  
}

.blue{
	color:blue;	
}

div#user-ext-menu{
    margin: 1rem;
    padding: 5px 10px;
}

div#user-ext-menu ul{
	color: white;
    margin: 0;
}

div#user-ext-menu ul li{
	background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    border-radius: 2px;
    float: left;
    margin: 2px 3px;
    padding: 2px 8px;
}

div#user-ext-menu ul li a{
	color:white;
}

.for-file{
	background: #008f89 none repeat scroll 0 0;
    color: white;
    margin-bottom: 10px;
    margin-left: 8px;
    margin-top: 5px;
    padding: 5px 10px;
    text-align: center;
    max-width: 260px; 
}

.a-stats{
	color: #333;
    text-align: center;
}

.a-stats div{
	color: #0d3955;
    font-size: 34px;
    font-weight: 600;
    margin: auto;
    max-width: 150px;
    padding: 20px;
    text-align: center;
}

.verify-error{
	color: red;
	cursor:default;
}

table.table-item{
	border: medium none;
    margin-top: 10px;
}

.cursor-pointer{
	cursor:pointer;
}

.invoice-table tr td{
	padding: 2px 8px !important;
}

.verify-valid{ 
	color: rgba(0, 150, 0, 1);
	cursor:default;
}

#verifyMessage{
	background: rgba(0, 100, 0, 0.5) none repeat scroll 0 0;
    color: white;
    margin-bottom: 10px;
    padding: 5px 10px;
}

.verify-account-div{
	background: rgba(0, 0, 0, 0.02) none repeat scroll 0 0;
    border-radius: 5px;
    padding: 10px 16px 0;
	overflow:hidden;
}

.verified{
	background: rgba(0, 120, 0, 1) none repeat scroll 0 0;
}

.not-verified{
	background: rgba(255, 0, 0, 1) none repeat scroll 0 0;
}

.not-verified,.verified{
	border-radius: 2px;
    font-weight: bold;
    padding: 1px 7px;
}

#map-container,#pickup-label,#delivery-label{
	margin-left:10px;	
}

.signup-form{
	box-shadow: none !important;
    margin: 5px auto 10px;
    max-width: 593px;
    overflow: hidden;
    padding: 19px;
}

ul.shipment-group{
	margin-bottom:10px;
	margin-left:12px;
}

#verify_account{
    background-size:contain;
	background-repeat:no-repeat;
    height: 200px; 
    margin-bottom: 7px;
    width: 100%;  
	cursor:pointer;
}

ul.shipment-group li label{
	height: 43px !important;
    line-height: 1 !important;
}

ul.shipment-group li label.button {
	background:#d9d9d9 none repeat scroll 0 0 !important;
}

#overlay_loading{
	background:rgba(3,3,3,.7);
    display: none;
    height: 100%;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
	display:none;
}

input[data-toggle] {
	display: none; 
}

input[data-toggle]:checked + label.button, input[data-toggle]:checked + label.button:active {
	background-color: #08bfdd !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05); 
}

.button-group.toggle li:not(first-child) 
{
	margin: 0 -0.9rem; 
}

#login-modal .login-btn{
	padding-left: 0 !important;
}

.header-margin{
	margin-bottom:104px;
}

#login-modal .google-btn:hover{
	background: #78ec97 none repeat scroll 0 0;
	color:white;
}

#login-modal .error-message{
    margin-bottom: -8px;
    margin-top: 10px;
    text-align: left;
}

#login-modal .google-btn{
	background:#34a853 none repeat scroll 0 0;
}

#signup #profile{
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    margin-bottom: 14px;
    margin-top: 14px;
    padding: 15px 20px;
}

.itemListTable img{
	width:100%;
}

div.clearing-blackout{
	background: rgba(0, 0, 0, 0.83) none repeat scroll 0 0;	
}

.clearing-blackout img.table-img-icon{
	height:auto;
	width:auto;
}

img.table-img-icon{
	height: 50px;
    width: 50px;
}

.lb-outerContainer {
	border-radius:0px;
}

.dashboard-menu{
    position: relative !Important;
    overflow: auto !important;
    background: #0d3955 none repeat scroll 0 0;
    min-height:100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#logo{
	cursor:pointer;
}

.tcenter{
	text-align:center;
}

.introjs-helperNumberLayer {
    height: 28px !important;
    width: 28px !important;
	margin-left:24px !important;
}

.introjs-overlay{
	background:rgba(0,0,0,.6) !important;
}

.manifest-container{
	height:100%;
	background:white;
}

.manifest-container .manifest-count{
	margin-left: 7px;
    margin-top: -16px;
}

.manifest-container img{
    border-radius: 24px;
    height: 50px;
    width: 50px; 
}

.manifest-container h2{
	padding-bottom: 10px;
    padding-top: 12px;
    text-align: center;
}

.introjs-showElement, tr.introjs-showElement > td, tr.introjs-showElement > th {
	color:#666;
}

#pageWrapper{
    clearfix: both !important;
    position: relative;
	height:100% !important;
	background:#E7E9EC;
}

.height-100{
	height:100% !important;
}

.vertical-menu{
	margin: 0;
    padding: 0;
}

.selectStatus{
	color: #4d4d4d;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 2.6;
    position: absolute;
    right: 245px;
    width: 169px;
}

.selectStatus #selectStatus{
	float: right; 
	width: 116px;
}

.vertical-menu li{
	color: white;
    font-size: 16px;
	cursor: pointer;
    padding: 15px 36px;
    overflow: auto;
}


.vertical-menu li:hover, .vertical-menu li.active{
	font-weight: bold;
}

.vertical-menu li:nth-child(1):hover{
    font-weight: normal !important;
}

.vertical-menu .bg-all{
	background:#11ded3;
}

.vertical-menu .bg-paid{
	background:#0bd8cd;
}

.vertical-menu .bg-unpaid{
	background:#10d2c8;
}

.vertical-menu .bg-hq{
	background:#15cbc2;
}

.vertical-menu .bg-history{
	background:#19c5bd;
}

.vertical-menu .bg-address{
	background:#1ebfb8;
}

.vertical-menu .bg-settings{
	background:#0aa09a;
}

.vertical-menu .bg-logs{
	background:#008f89;
}

.notif{
	background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    border-radius: 5px;
    float: right;
    font-size: 12px;
    font-weight: 100;
    padding: 2px 8px;
}

#user-picture{
	background-size: cover;
    border-radius: 50%;
    height: 80px;
    width: 80px;
	float:left;
	background-position: center center;
}

.menu-profile{
	overflow:hidden;
}

.user-detail{
	float: left;
    font-size: 14px;
    margin-left: 12px;
}

#logout2{
	font-size: 14px;
    margin-top: 0px !important;
    position: absolute;
	cursor:pointer; 
}

.nmp{
	margin: 0;
	padding: 0 !important;
}

.insured-width{
	background: #f0f0f0 none repeat scroll 0 0 !important;
    color: #a4a4a4 !important;
    width: 100% !important;
}

.insured-width:focus{
	border:none !important;	
}

.insured-width::-webkit-input-placeholder { /* Safari, Chrome and Opera */
  color: #a4a4a4;
}

.insured-width:-moz-placeholder { /* Firefox 18- */
  color: #a4a4a4;
}

.insured-width::-moz-placeholder { /* Firefox 19+ */
  color: #a4a4a4;
}

.insured-width:-ms-input-placeholder { /* IE 10+ */
  color: #a4a4a4;
}

.insured-width::-ms-input-placeholder { /* Edge */
  color: #a4a4a4;
}

.insured-width:placeholder-shown { /* Standard one last! */
  color: #a4a4a4;
}


#mailbox_details{
	background: #ececec none repeat scroll 0 0;
    border-radius: 5px;
    margin-top: 29px;
    padding: 14px;
}

#overlay_loading div{
    border-radius: 9px; 
    color: white;
    font-size: 24px;
    font-weight: bold;
    margin: auto;
    padding: 15px 5px;
    text-align: center;
}

.flex-emails{
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row /* works with row or column */
   flex-direction: row;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
}

.flex-emails i{
	font-size:33px;
	margin-right:10px;
}

header.sticky .menu li:first-child a::before {
	content:"Sign In" !important;
}

#profile_info{
	background-color: #0d3955;
    padding: 10px 2px;
}

#profile_info > div{
    color: white;
    padding-bottom: 5px;
    padding-left: 10px;
}

#linkedEmail ul li a{
	background: #0d3955 none repeat scroll 0 0;
    padding: 2px 7px 8px 3px;
	width: 100%;
}

#linkedEmail ul{
	margin: 5px 0;
}

#linkedEmail ul li i.icon-gmail{
    height: 42px;
    width: 44px;
	float:left;
}

#linkedEmail ul li i{
	float: left;
    font-size: 51px;
    margin: 5px;	
}

#linkedEmail ul li div{
	float:left;
	text-align:center;
	margin: 19px 8px 8px;
}

body {
  background: #F2F2F2;
  overflow-x: hidden; }

ul li {
  list-style-type: none; }

strong {
 }
 
.switch input:checked + label {
    background: #0d3955 none repeat scroll 0 0 !important;
}

#globeshopper strong{
  color: #02e4d7;
  font-size: 2em; 
}

.row{
	max-width:100% !important;
}

.icon-gmail{
	background: transparent url("https://developers.google.com/identity/images/g-logo.png") no-repeat scroll center center / cover ;
    border-right: 1px solid #8bc34a;
    display: inline-block;
    height: 64px;
    margin-left: 5px;
    margin-top: 7px !important;
    vertical-align: middle;
    width: 63px;
}

.header-width{
	max-width:100rem !important;
}

#globeshopper {
   margin-left: 70px;
    margin-top: 7px;
    position: absolute;
 }

#shopper {
  color: #fff;
  font-weight: normal; }

#lblmailing {
  color: #fff; }

table.display{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dddddd;
    margin-bottom: 1.25rem;
    table-layout: auto;
 }
 
table.display thead tr th, table.display tfoot tr th, table.display tfoot tr td, table.display tbody tr th, table.display tbody tr td, table.display tr td{
	display: table-cell;
    line-height: 1.125rem;
}
 
 table.display thead tr th, table.display thead tr td {
	color: #222222;
    font-size: 0.875rem;
    font-weight: 700;
    padding: 0.5rem 0.625rem 0.625rem;
 }
 
 table.display tr th, table.display tr td{
	color: #222222;
    font-size: 0.875rem;
    padding: 0.5625rem 0.625rem;
    text-align: left; 
 }
 
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

#header {
  background:#0D3955;
  z-index: 99999;
  display: block;
  padding: 5px 0 0 20px;
  -webkit-box-shadow: 0px 0px 8px 1px #000000;
  -moz-box-shadow: 0px 0px 8px 1px #000000;
  box-shadow: 0px 0px 8px 1px #000000; }

#logo {
    /*background: url("/app/helpers/images/jinio-white-w-tagline.svg");
    background-repeat: no-repeat;
    color: black;
    margin-left: 50px;
    margin-top: 2px;
    width: 170px;
    height: 90px;*/
	background: rgba(0, 0, 0, 0) url("/app/helpers/images/jinio-navy.svg") no-repeat scroll 0 0;
    color: black;
    height: 79px;
    margin:12px auto 0px;
    width: 138px;
}

/*#logo:hover{
    background: url("/app/helpers/images/jinio-mint-w-tagline.svg");
}*/ 

#menu-option {
  margin-right: 50px; }

#menu-option li {
  display: inline-block;
  padding: 10px;
  width: 40px;
  margin-top: 30px; }

#dashboardbtn, #profilebtn {
  margin-top: 7px; }

#filebtn, #logoutbtn {
  margin-top: 5px; }

#divName {
  background: #0058ac;
  width: 350px;
  margin-top: 2px;
  padding: 0 20px 0 10px;
  -webkit-box-shadow: inset 0 0 8px #000000;
  -moz-box-shadow: inset 0 0 8px #000000;
  box-shadow: inset 0 0 8px #000000; }

#profileName {
  color: #fff;
  padding: 15px 0 0 0;
  font-size: 0.9em; }

#tableData {
  /*padding: 30px; */
  }

#btnAction {
  border-radius: 15px;
  background: #dbb40a;
  padding: 10px;
  box-shadow: 0px 0px 8px 1px #000000;
  color: #fff; }

#dashboard, #mailbox, #logout, #multiple {
  margin-top: -4px;
  padding-right: 30px; }

#dashboard1, #mailbox1, #logout1, #multiple1 {
  position: absolute;
  margin-top: -15px;
  padding-right: 30px;
  display: none; }

.sidebar {
  background: #1a3747;
  margin-top: -16px;
  width: 350px;
  height: 100%;
  min-height: 500px; }

.sidebar li {
  padding: 20px; }

.sidebar li:hover {
  background: #cfe0e7;
  cursor: pointer; }
  .sidebar li:hover #dashboard1, .sidebar li:hover #mailbox1, .sidebar li:hover #logout1, .sidebar li:hover #multiple1 {
    display: block; }

.sidebar li a {
  color: #fff; }

.sidebar li a:hover {
  color: #000; }

.sidebar.active {
  background: #cfe0e7;
  color: #000; }

.mailing-address {
  padding: 20px; }

#save {
  color: #fff; }

.clearfix {
  clear: both; }

.pull-left {
  float: left !important; }

.pull-right {
  float: right !important; }

#searchbox {
  margin-top: -89px;
  margin-left: 300px;
  margin-bottom: 22px; }

.fullname {
  color: #fff; }

.name-add li {
  display: inline-block; }

.li-add {
  padding-left: 50px; }

.package-details {
  text-align: center;
  color: #fff; }

.active {
  background: #134891; }

.error-message{
	color: red;
    font-weight: 600;
    margin-bottom: 12px;
    /* margin-top: -12px; */
    padding-left: 7px;
}

.sweet-alert input.hidden{
	display:none !important;
}

button.tableBut{
	margin-left:2px !important;
}

table.invoice-table tr td,table.invoice-table tr th{
	padding: 0 9px;
}

table.invoice-table tr td input[type='text']{
	margin:0;
}

.chkwidth{
	width:20px;
}

.inswidth{
	width:140px;
}

.inswidth input{
	margin:0;
}

table .switch{
	margin-bottom:0px; 
}

.switch.tiny input:checked + label.custom::after {
    height: 1.5rem;
    left: 5.6rem;
    width: 3.5rem;
}

.switch.tiny label.custom {
	height: 2rem;
    width: 151px;
}

.switch.tiny label.custom::after {
	height: 1.5rem;
	width:3.5rem;
}

.switch-pickup {
	color: white;
    font-size: 14px;
    font-weight: bold;
    left: -54px;
    position: absolute;
    top: 5px;
 }

.switch-delivery {
	color: white;
    font-size: 14px;
    font-weight: bold;
    left: -143px;
    position: absolute;
    top: 5px;
 }
 
.select-pickup label{  
	background:#08BFDD !important;
}

.select-gender label{  
	background:#08BFDD !important;
}
 
.select-gender input:checked + label { 
	background:rgba(255, 0, 0, 0.6) !important;
}
 
 .switch-male {
	color: white;
    font-size: 14px;
    font-weight: bold;
    left: 60px;
    position: absolute;
    top: 5px;
 }

.switch-female {
	color: white;
    font-size: 14px;
    font-weight: bold;
    left: -32px;
    position: absolute;
    top: 5px;
 }
 
 .switch.tiny input:checked + label.yes-no::after {
    height: 1.5rem;
    left: 3rem;
    width: 2rem;
}

.switch.tiny label.yes-no {
	height: 2rem;
    width: 86px;
	z-index:5;
}

.switch.tiny label.yes-no::after {
	height: 1.5rem;
	width:2rem;
}

.switch.tiny label.yes-no span{
	color: white;
    font-size: 14px;
    font-weight: bold;
	position: absolute;
}

.switch.tiny label.custom-yes-no {
	margin-left:277px; 
}

.switch-no {
    left: -30px;
    top: 5px;
 }

.switch-normal{
	width:90px;
}

.switch-normal label{
	color: #333 !important;
    font-weight: 600;
}

.switch-normal label{
	white-space: pre;
}

.switch-yes {
    left: -79px;
    top: 5px;
}

.category-list span{ 
	color:white;
}
 
table.cursor-pointer tr{
	cursor:pointer; 
}

#shipped-back{
    border-radius: 5px !important;
    margin-left: 8px !important;
}

.switch-icons{
	/*margin-right:29px;*/
}

.switch-icons i.is-active{
	color:#333;
}

#itemListTable{
	border: medium none;
}

#itemListTable tr td:first-child{
	width: 183px;
}

.switch-icons i{
	cursor: pointer;
    font-size: 20px;
    margin-right: 3px;
	color:#d1d1d1;
}

.grid-border{
	background: white none repeat scroll 0 0;
    border: 1px solid #d1d1d1;
    margin-bottom: 6px;
    padding: 7px 10px;
}

.tleft{
	text-align:left;
}

.tright{
	text-align:right;
}

.ohidden{
	overflow:hidden;
}

.oauto{
	overflow:auto; 
}

#map{
	width:100%;
	height:300px;
}

.ol-popup{
	background: white none repeat scroll 0 0;
    height: 108px;
    margin-left: 16px;
    margin-top: -39px;
    padding: 10px;
    width: 191px;
}

#basicMap{
	position:relative;
	width:100%;
	margin-bottom: 50px;
	height:300px;
}

#totalPayment{
	margin-left:10px;
}

.insured{
	font-size: 18px;
    margin-bottom: 0 !important;
    margin-left: -7px;
    margin-top: 1px;
    position: absolute;
}
/*# sourceMappingURL=style.css.map */