body {
    overflow: auto;
    height: 100%;
    font-size: 13px;
}
a {
    color: #337ab7;
}
a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
a:focus, a:hover {
    color: #23527c;
    text-decoration: underline;
}
a:active, a:hover {
    outline: 0;
}
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}
.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}

.nav>li>a:focus, .nav>li>a:hover, .nav>li.active>a {
    background-color: transparent !important;
    border-bottom: 2px solid #fff !important;
}
.tab-border .nav>li.active>a  {
    background-color: #fff !important;
    border-bottom: 2px solid #fff !important;
}
.navbar-right>li>a:focus, .navbar-right>li>a:hover, .navbar-right>li.active>a {
    background-color: transparent !important;
    border-bottom: none !important;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
}
.nav>li>a {
    border-bottom: 2px solid transparent;
}
.nav-bg a {
    color: #fff;
}
.photoprofile{width:100px; height:100px;display: table-cell;
    vertical-align: middle;}
.userdrop{
width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.nav-bg li{
cursor: pointer;
}
#headRow, #headRow .cssTableCell, .tbldpy>thead>tr>th {
    background: #fff !important;
    color: #333 !important;
    font-size: 13px;
    border-right: 1px solid #ccc;

}
body{overflow:hidden;}
.fixedheader{position: fixed;top:0;left:0; width: 100%;z-index: 99}
.page-content{ margin-top: 180px;}
.page-content .container{ padding-top:20px;}
.dropdown-menu>li>a, .dropdown-menu>li>label, .nwsubmnulist>li>a{line-height: 28px;}
.app_multi_select_open ul.dropdown-menu>li>a {line-height: 15px;}
.bxshdnon{box-shadow: none !important;}
.aside.col-sm-7, .aside.col-sm-6{    box-shadow: -5px -5px rgba(102,102,102,.3); width:41.666667% !important;}
.appheader .row > .col-sm-6:nth-child(2){ margin-top:4px;}
.appheader .row > .col-sm-6:nth-child(2)  .col-sm-6{padding-right:5px;}
.appheader .input-group-addon{ padding:5px 8px !important;}
.advbtn{
padding: 5px 14px !important;
    line-height: 15px;

}
.cntrtab{float:left; width:100% !important;}
.nav-tabs{float:left; width: 100%; margin-bottom: 10px}
.aside label.control-label{min-height: 26px
}
.aside .apppanel .col-sm-8 .col-sm-12.mgntp5{ margin-top: 0 !important}
.aside .apppanel .panel{ margin:0 !important;}
.aside .panel-body{ padding:5px 10px !important;}
/*.apppanel .panel-heading{display: none;}
*/.viewpage{ background-color: #eff3f8 !important}
.viewpage .vwfrmcnt{ border:1px dashed #ccc !important;}
.tblmoveleft, .tblmoveright, .tblmoveleft:hover, .tblmoveright:hover {
    background: rgba(99, 99, 99, 0) !important;
    background: linear-gradient(to bottom,rgba(99, 99, 99, 0) 0,rgba(88, 88, 88, 0) 100%);
    color: #636363 !important;
}
.apppanel .ttlarr{ padding:4px !important;}
#scrollBodyRows .cssTableCell {
    border-left: 1px solid #cccccc!important;
    border-right: 1px solid #cccccc!important;
}
.btn-primary {
    color: #fff;
    background: #357AE8 !important;
    border-color: #357AE8 !important;
}
.btn-primary:hover,.btn-primary:focus {
	box-shadow: 0 0 14px #60b0fb;
	/*border-color: #00182d !important;
	background: #408aca !important;*/
    color: #fff;
    background: #03437B !important;
    border-color: #03437B !important;
}
.btn-primary:focus{
	 box-shadow: 0 0 5px #03437b !important; 
}
.createpage .panel-default{ padding-bottom: 0 !important}
.asdtp {
    top: 140px !important;
    bottom: inherit;
}
.tblscroll {
    height: auto !important;
}
.navbar-right>li>a:hover, .navbar-right>li.dropdown.open:hover, .navbar-right>li>a:active, .tbldpy>thead>tr>th {
	border-bottom: none !important;
}
.navbar-right>li.dropdown.open:hover{
	border-bottom: none !important;
}
.confirm_msg_txt{
	background: #00c18c !important; 
	border: 1px solid #019c72 !important;
	color:#fff !important;
}
.confirmbox { 
	top:146px !important
}
.modal-content {
	box-shadow: none !important;
    border: 6px solid rgba(204,204,204,0.20);
}
.table td:last-child .btn{border-radius: 0; width: auto;}
.aside .tbldpy{ margin:10px 0;}
.tbldpy>thead { border: 1px solid #ccc; }
.aside .viewpage .bge9{ background-color: #fff !important}
.falkscroll > .container {  min-height: 320px; }
.quickentrybox{ top: 120px !important; width: 250px !important; }
.loadzin .loading{ z-index: 9999 !important;}

@media (min-width:768px) {
.container {
	width: 95%;
	max-width: 100%;
}
}

@media (min-width:992px) {
.container {
	width: 95%;
	max-width: 100%;
}
}

@media (min-width:1200px) {
.container {
	width: 95%;
	max-width: 100%;
}
}
.spinner {
 margin: 100px auto 0;
 width: 70px;
 text-align: center;
}
.spinner > div {
 width: 18px;
 height: 18px;
 background-color: #1462A9   ;

 border-radius: 100%;
 display: inline-block;
 -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
 animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
 -webkit-animation-delay: -0.32s;
 animation-delay: -0.32s;
}

.spinner .bounce2 {
 -webkit-animation-delay: -0.16s;
 animation-delay: -0.16s;
}

.vwfrmcnt .vwfrmcnt {
	border:none !important
} 
.caruser  .apptivo-attribute-container-salutation .col-xs-4 {
	width: 41.66666667% !important 
}
.caruser  .apptivo-attribute-container-salutation .col-xs-8 { 
	width:  58.33333333%  !important 
}   
.caruser .phfld .select2-arrow {
	display:none
}
.caruser .phfld input {
	padding-right:20px !important
}
.vtbl td, .vtbl td:hover {
    background-color: transparent !important;
}
.caruser .viewpage .phoneattr:hover {
    background-image:none !important;
}
.caruser .aside-body.viewpanel .form-group {
margin-bottom: 40px;
}
.stybtnno .stybtn {
	display:none !important;
}
.validationerror {
	color: red;
}
@-webkit-keyframes sk-bouncedelay {
 0%, 80%, 100% { -webkit-transform: scale(0) }
 40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
 0%, 80%, 100% { 
   -webkit-transform: scale(0);
   transform: scale(0);
 } 40% { 
   -webkit-transform: scale(1.0);
   transform: scale(1.0);
 }
}


.vrtmdl{vertical-align:middle !important}

a.viewcart.swtusr svg {
position: relative;
bottom: 2px;
right: 1px;
}

.busdrpdw1 li:hover {
	background-color: #eee
}

.busdrpdw1 li .btn.switchac {
	display: none;
	position: absolute;
	right: 17px;
	top: 11px;
	color: #fff !important;
}

.busdrpdw1 li:hover .btn.switchac {
	display: block
}
                                
.pd16px {
	padding: 16px !important
}
.selectScroll{
	height: calc(100vh - 67px);
	overflow: scroll;
	margin-top: 0px;	
}
.mgntp15{ margin-top: 15px }
.sidepanel-body.btmstat1.bdscroll { top: 42px !important;}

.btn-default.shipto:hover, .btn-default.shipto:focus {
   background-color: #fff !important;
}
.fsearch{
	margin-top: 10px;
}
.linhgt15{ line-height: 15px !important;}

.swichdealer{ width: 80%;
word-break: break-word;
white-space: normal;
display: inline-block;
}
.notblscr .cssTableCell, .notblscr .cssScrollContainer, .notblscr .cssFixedContainer{max-height:100% !important}
.posabs{ position:absolute !important}
.confirm_message {
   background: #F9EDBE !important;
   border: 1px solid #F0C36D !important;
   color: #222 !important;    
   font-weight: 700;
   padding: 2px 10px;
   z-index: 1999;  
   width: 19% !important;  
}
.notblscr .cssTableCell, .notblscr .cssScrollContainer{height:100% !important}
.notblscr .cssFixedContainer {overflow:inherit !important}
.adrstbl, .adminadrstbl { border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.adrstbl tbody { height: 325px; overflow-y: auto; float: left; }
.adrstbl1 tbody { height: 351px; overflow-y: auto; float: left; }
.adrstbl tr.active td, .adrstbl1 tr.active td, .adminadrstbl tr.active td, .adminadrstbl tr.active td { background-color: #1e90ff !important; color: #fff; }
.d-flex { display: flex;}
.align-items-center { align-items: center;}
.mr-auto { margin-right: auto;}
.white-space { white-space:nowrap;}
.adrstbl1 { border: 1px solid #ddd; }
.term-content { margin-top: 135px;}
.medium-password{color:#b7d60a;font-weight:700;padding-left:5px}
.weak-password{color:#ce1d14;font-weight:700;padding-left:5px}
.strong-password{color:#12cc1a;font-weight:700;padding-left:5px}
.resetfrm ul li.valid:before{background-color:#49b050;content:""}
.resetfrm ul li.mandatory:before{background-color:#c11e1f}
.resetfrm ul li.valid{color:#313131!important}
.resetfrm  ul li:before {
    content: "";
    width: 9px;
    height: 9px;
    left: -14px;
    top: 7px;
    position: absolute;
    background-color: #929292;
    border-radius: 50%;
}

.resetfrm ul {
    margin: 1px!important;
    padding-left: 6px!important;
    padding-top: 10px!important;
    margin-left: 1%!important;
}
.resetfrm ul li {
    font-size: 13px;
    font-weight: 600;
    color: #929292;
    list-style: none;
    margin-left: 10px;
    line-height: 22px !important;
    position: relative;
    text-align: left;
    margin-bottom: 10px;
}
.fetclaim { position: relative; top: 2px;  margin-right: 10px; }
.mandatoryfield:before {
content: "*";
color: red;
margin-right: 3px;
}
.mandatorynon span.red {
display: none;
}
.emgs {
    color: red;
    font-size: 12px;
    line-height: 1.2 !important;
    margin: 0;
}

[id^="scrollHeadContainer"],
[id*="scrollHeadContainer"],
.cssScrollContainer[id*="scrollHeadContainer"],
.cssScrollContainer[id^="scrollHeadContainer"] {
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

.table-responsive,
.ordersTable,
[app-data-table],
.dataTables_wrapper,
.col-sm-12.pad0,
[horizontal-scroll] {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    touch-action: pan-x pan-y;
}