.logo{width:250px;}

.navbar-black
{
    background-color:#373737;
    background:url('../images/bg/bg-sidemenu.jpg');
 }
a {
    color: #00548D; 
}
 
 #top-link-color li a 
 {
    color:white;    
 }
 
 #top-link-color ul>li>a
 {
    color:Black;    
 }
 #top-link-color>li>a:hover,#top-link-color>li>a:focus
 {
     background-color:#606060;
     color:white;
 }

 #wrapper {
    background-color: #373737;
    background:url('../images/bg/bg-sidemenu.jpg');
}
.nav>li>a:hover, .nav>li>a:focus{
    background: rgba(0,0,0,0.2);
}
#side-menu
{
    margin-top:10px;
}
#side-menu.nav li a
{
    color: #fff;
}

#side-menu li 
{
    display: block;
    position: relative;
   
}
#side-menu li .fa.arrow:before
{
    content: "";
}
#side-menu ul {
    max-width: 99%;
    padding-left: 0px;
    position: relative;
    top: 0;
    border-radius:0;
}

/*
#side-menu ul li:first-child, 
#side-menu ul li:first-child a
{
    border-radius: 5px 5px 0 0;
}

#side-menu ul li:last-child,
#side-menu ul li:last-child a
{
    border-radius: 0 0 5px 5px;
}
*/

#side-menu ul:before
{
    background: url('../images/arr3.png') no-repeat;
    content: 'a';
    font-size: 0;
    height: 14px;
    left: 4px;
    position: absolute;
    top: 13px;
    width: 10px;
    display:none;
}
/*
#side-menu li:hover > ul
{
    display: block;
}
*/
#side-menu ul >  li > ul
{
   display: none;
   left: 100%;
   min-width: 100%;
   position: absolute;
   padding-left: 10px;
   top: 0;
    }

#side-menu li > ul > li:hover > ul
{
    display: block;
}

.nav-second-level li{
    background: rgba(0,0,0,0.5);
    padding-left:22px;
}
.nav-second-level.sub_menu.collapse{
    display:none;    
} 
.nav-second-level.sub_menu.collapse.in{
    display:block;    
}
.nav-second-level li > ul > li{
    background: #373737;
    overflow: hidden;
}

.nav-second-level li a 
{
    display: block; 
    padding-left: 15px;
    -webkit-transition: 0.5s padding, 0.5s background;
    -moz-transition: 0.5s padding, 0.5s background;
    transition: 0.5s padding, 0.5s background;
       
}

.nav-second-level li > ul > li a 
{
    display: block; 
    padding-left: 15px;
    -webkit-transition: 0.5s padding, 0.5s background;
    -moz-transition: 0.5s padding, 0.5s background;
    transition: 0.5s padding, 0.5s background;
       
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    color:#373737;
}

#side-menu ul li a:hover
{
    background: rgba(0,0, 0,0.2 );
    padding-left: 25px;
}

#side-menu ul li ul li a:hover
{
    background: rgba(0,0, 0,0.2 );
    padding-left: 25px;
}

body, html, .container-fluid {
  height: 100%;
}
body{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:14px;
	line-height:21px;
}
.login-bg{
	background: url("../../images/bg-login.jpg") no-repeat scroll center center / cover  rgba(0, 0, 0, 0);
}

.vertical-center {
	height:100%;
	text-align:center;
	width: 100%;
}

.vertical-center:before {    /* create a full-height inline block pseudo=element */
  content: ' ';
  display: inline-block;
  height: 100%;
  vertical-align: middle;  /* vertical alignment of the inline element */
}

.vertical-center > .container {
  display: inline-block;
    max-width: 99%;
  vertical-align: middle;  /* vertical alignment of the inline element */
}

.panel-unlock-light-blue > .panel-heading {
    border-color: #009FE3;
    color: #FFFFFF;
}

.panel-unlock-light-blue{
    border-color: #009FE3;
    background-color: #009FE3;
}

a.white {
	color:#FFF;
}

.btn, button, html input[type="button"], input[type="reset"], input[type="submit"] {
    padding-left:18px;
    padding-right:18px;
    text-transform:uppercase;
    font-weight:bold;
    border-radius:5px;
}


.btn-unlock-dark-blue, .btn-unlock-dark-blue:hover{
    background-color: #03247E;
    border-color: #03247E;
    color: #FFFFFF;
}

.btn-unlock-dark-blue:hover{
   background-color: #000;
}

.btn-primary {
    background-color: #009fe3;
    border-color: #009fe3; 
}

.page-header {
    border-bottom: 2px solid #CEDCE2; 
}

.page-header h1 {
    color: #009fe3;    
    font-size: 24px;
    font-weight: bolder;
    margin: 0 8px;
    padding: 0;
    text-transform:uppercase;
}

.panel-heading{
    color: #373737;
    text-transform: uppercase;
    font-weight: bold;
}

.req {
    color: #FF0000;
    float: right;
}

div.panel-body div.page-header
{
    margin-top:5px;
    }
    
#AddOrder .col-md-4, #AddOrder .col-md-8
  {
    padding-left:0px;padding-right:20px;
        }
        
#AddOrder .control-label {padding-top:0px;}
        
#AddOrder input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .uneditable-input{width:97%}
.footer{background-color:#000000;}

#Modal-add-product-to-list {width:75%}

.next {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    color: #428BCA;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}
.paginate_button {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    color: #428BCA;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}
.paginate_active {
    background-color: #428BCA;
    border-color: #428BCA;
    color: #FFFFFF;
    cursor: default;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 7px 12px;
    position: relative;
    text-decoration: none;
}
.paginate_active:hover {
    background-color: #428BCA;
    border-color: #428BCA;
    color: #FFFFFF;
    cursor: default;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 7px 12px;
    position: relative;
    text-decoration: none;
}
.samplefile {
    padding-left: 25px;
}

.margin-top-less
{
    margin-top:-5px !important;
    }
    
   .fixed-height-40
    {
        height:40px;
        }
.fileupload
{
     
}
.inline
{ 
   display:inline
}
.no-padding-right{padding-right:0px !important;}
.no-padding-left{padding-left:0px !important;}
.no-padding-top{padding-top:0px !important;}
.no-padding-bottom{padding-bottom:0px !important;}

.export-customer-filter
{
     margin-top: 5px;
    }
    
.margin-top-5{ margin-top:5px;}
.margin-top-10{ margin-top:10px;}
.padding-top-5{ padding-top:5px;}
.padding-top-10{ padding-top:10px;}
.padding-top-18{ padding-top:18px;}

.padding-bottom-5{ padding-bottom:5px;}
.padding-bottom-10{ padding-bottom:10px;}
   
li.light-black > a {
background-color: #404040;
}
    
.no-margin-no-padding
{
    padding:0px;
    margin:0px;
    }

.orderstatus {
    border-radius: 3px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    padding: 2px 4px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: baseline;
}

.pending {
    background-color: #B84846;
}
.awpayment {
    background-color: #FF9900;
}
.awfulfillment {
    background-color: #0099FF;
}
.awshipment {
    background-color: #8033CC;
}
.awpickup {
    background-color: #004D99;
}
.prshipped {
    background-color: #996666;
}
.completed {
    background-color: #00CC00;
}
.shipped {
    background-color: #333399;
}
.cancelled {
    background-color: #666600;
}
.declined {
    background-color: #999900;
}
.refunded {
    background-color: #006666;
}
.verificationrequired {
    background-color: #660066;
}
.separator {
    border-bottom: 1px solid #EEEEEE;
}

.no-margin-bottom{margin-bottom:0px;}

.valerrormsg{ color:Red;font-size:12px; }

.light-black.domainname  a {
    color: #009FE3 !important;
    font-weight: bold;
}

.no-vertical-margin {margin-top:0px;margin-bottom:0px;}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    text-transform:uppercase;
    font-weight:bold;
    outline: none;
}

.nav-tabs > li {
   
}
.nav-tabs > li > a{
    text-transform:uppercase;
    color:#222;
    background:#eee;
    margin-right:0;  
    border:1px solid #ddd; 
    border-radius:10px 10px 0 0;
    margin-left:-1px;
}
.nav-tabs > li > a:hover {
    background:#fff;  
    border-color:#ccc;
}

/*h3, .h3 {
    background-color: #e4eef2; 
    padding: 10px;
    border-bottom:2px solid #CEDCE2;
}*/

.imgbtn{box-shadow:none}
.ostatus,.ostatus:hover{color:#fff;}
.autoCompletehilghedlistitem:hover {background-color:#009FE3; color:#fff;cursor:pointer}
.margin-bottom-5 {margin-bottom:5px;}
.margin-bottom-15 {margin-bottom:15px;}
.margin-left-5 {margin-left:5px;}
.margin-right-5 {margin-right:5px;}
.padding-left-5 {padding-left:5px;}
.padding-left-10 {padding-left:5px;}
.padding-right-5 {padding-right:10px;}

.panel-white > .panel-heading {
    background-color: #fff;
    border-color: #BCE8F1;
    color: #31708F;
}

.footer-content {
    background-color: #373737;
    color: #FFFFFF;
    padding-left:5px;
    padding-right:5px;
}
.footer-content  a {
    color: #009fe3;
}
.shipping-icon {background: url("../images/shipping.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    width: 24px;}
.currency-icon {background: url("../images/currency.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    width: 32px;height:32px;}    
 .checkout-icon {background: url("../images/checkout1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    width: 24px;
  }     
 .gift-cert-icon {background: url("../images/gift-cert-icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    width: 24px;
  }     
.TableHeader
{
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    color:#1C1C1C;
    background-color:#F2F2F2;
    padding:8px 0;
}
div.table-responsive div tbody tr td.ItemPadding table.ShipZoneBorder tbody tr td.table-footer
{
   border-bottom: none;padding:8px 0px;
}
table.displayGrid {
	width : 100%;
	padding : 0;
	border-collapse : collapse;
	text-align :center;
	margin:0px auto !important;
/*	border : 1px solid #d6d6d6;*/
	border-top:1px solid #c9c9c9;
	-moz-box-shadow:0px 0px 4px #efefef;
	-webkit-box-shadow:0px 0px 4px #efefef;
	box-shadow:0px 0px 4px #efefef;
}

table.displayGrid  tr th, table.display tfoot tr th {
	color : #1c1c1c;
}

table.displayGrid th {
	text-shadow: 1px 1px 1px #fff;
	background-image: url(../../images/inner-shadow.png);
	background-color: #f2f2f2;
	background-repeat: repeat-x;
	background-position: left top;
}

table.displayGrid  tr th{
/*	border:1px solid #d6d6d6 ;*/
	border-top:none ;
/*	border-right : 1px solid #ffffff;*/
	border-bottom : 1px solid #e6e6e6;
	padding : 8px 10px 8px;
	line-height : 25px;
}
	table.displayGrid  tr th:first-child {
/*	border-left : 1px solid #ffffff;*/
}
table.displayGrid  tr th:last-child {
		border-right :none;
}
table.displayGrid tbody td {
/*	border : 1px solid #e6e6e6;*/
	border-bottom : none;
/*	border-right : 1px solid #ffffff;*/
border-right:none;
border-left:none;
padding:0px 0px!important;
line-height:3;
}


table.displayGrid tbody td:first-child {
		/*border-left : 1px solid #ffffff;*/
}
table.displayGrid tbody td:last-child {
		border-right : none;
}

table.displayGrid tbody tr.odd, table.display tbody tr.even {
 -webkit-transition: background-color .2s ease-out;
 -moz-transition: background-color .2s ease-out;
 -o-transition: background-color .2s ease-out;
 transition: background-color .2s ease-out;
	}
table.displayGrid tbody tr.odd  {
	background-color : #fdfdfd;
}
table.displayGrid tbody tr.even  {
	background-color : #fafafa;
}

table.displayGrid tbody tr:hover 
{
    background-color:White;
}
table.displayGrid tbody tr:last-child  td {
	border-bottom : none;
}
table.displayGrid  tr th.sorting {
	background-image: url(images/table-sort.png);
	background-repeat: no-repeat;
	background-position: right 15px;
}
table.ShipMethod {
	width : 100%;
	padding : 0;
	border-collapse : collapse;
	text-align :center;
	margin:0px auto !important;
/*	border : 1px solid #d6d6d6;*/
	border-top:1px solid #c9c9c9;
	-moz-box-shadow:0px 0px 4px #efefef;
	-webkit-box-shadow:0px 0px 4px #efefef;
	box-shadow:0px 0px 4px #efefef;
}

table.ShipMethod  tr th, table.display tfoot tr th {
	color : #1c1c1c;
}

table.ShipMethod th {
	text-shadow: 1px 1px 1px #fff;
	background-image: url(../../images/inner-shadow.png);
	background-color: #f2f2f2;
	background-repeat: repeat-x;
	background-position: left top;
}

table.ShipMethod  tr th{
/*	border:1px solid #d6d6d6 ;*/
	border-top:0px solid #d6d6d6 ;
/*	border-right : 1px solid #ffffff;*/
	border-bottom : 1px solid #e6e6e6;
	padding : 8px 10px 8px;
	line-height : 25px;
}
	table.ShipMethod  tr th:first-child {
/*	border-left : 1px solid #ffffff;*/
}
table.ShipMethod  tr th:last-child {
		border-right :none;
}
table.ShipMethod tbody td {
/*	border : 1px solid #e6e6e6;*/
	border-bottom : 1px solid #e6e6e6;
/*	border-right : 1px solid #ffffff;*/
border-right:none;
border-left:none;
padding:0px 0px!important;
line-height:3;
}


table.ShipMethod tbody td:first-child {
		/*border-left : 1px solid #ffffff;*/
}
table.ShipMethod tbody td:last-child {
		border-right : none;
}

table.ShipMethod tbody tr.odd, table.display tbody tr.even {
 -webkit-transition: background-color .2s ease-out;
 -moz-transition: background-color .2s ease-out;
 -o-transition: background-color .2s ease-out;
 transition: background-color .2s ease-out;
	}
table.ShipMethod tbody tr.odd  {
	background-color : #fdfdfd;
}
table.ShipMethod tbody tr.even  {
	background-color : #fafafa;
}

table.ShipMethod tbody tr:hover 
{
    background-color:White;
	
}
table.ShipMethod tbody tr:last-child  td {
	border-bottom : 1px solid #e6e6e6;
}
table.ShipMethod  tr th.sorting {
	background-image: url(images/table-sort.png);
	background-repeat: no-repeat;
	background-position: right 15px;
}
.ShipZoneBorder
{
    border-left:1px solid #D9D9D9;
    border-right:1px solid #D9D9D9;
    border-top:1px solid #D9D9D9;
}

.grey {
    border-bottom: 1px solid #E1E0DF;
}

.divWeightRangeWrapper {font-size:12px;}
.divOrderTotalRangeWrapper {font-size:12px;}
.divWeightRangeWrapper .req, .divOrderTotalRangeWrapper .req {
     position: relative;
     top: 5px;
}
.big-button-font {font-size:40px;display:block;width:122%;margin-bottom:5px}
.theme-option-link {display:block;color:#373737;cursor:pointer;font-size:14px;font-weight:bold;margin-top:20px;}
.theme-option-wrapper {background-color: #DDDDDD;
    border-radius: 70px;
    margin: 37px;
    padding: 10px;
    text-align: center;
    width: 125px;height:125px}
.theme-option-link:hover {color:#373737;text-decoration:none}
.theme-mode-active {background-color:#373737}
.theme-mode-active a.theme-option-link {color:#DDDDDD}



ul.template-files li.list-item,
ul.assets-js li.list-item,
ul.assets-img li.list-item,
ul.assets-css li.list-item {padding-left: 22px;font-size:10px;padding-top:5px; background-image:url('../images/tree-bullet.png');background-position:left center;background-repeat:no-repeat;}
ul.assets-img li.directory-list-item,ul.assets-js li.directory-list-item {}
ul.template-files li.list-item:hover,
ul.assets-js li.list-item:hover,
ul.assets-img li.list-item:hover,
ul.assets-css li.list-item:hover{text-decoration:underline;cursor:pointer}
div#accordion.ui-accordion div.ui-accordion-content span.folder-path {font-size:10px}

ul.assets-js,ul.assets-img,ul.assets-css {padding:8px 0px}


.doc_tabs ul li.active {
    background: none repeat scroll 0 0 #FFFFFF;
    font-weight: bold;
}
.doc_tabs ul li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #D9D9D9 #D9D9D9 -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-width: 1px 1px medium;
    font-size: 11px;
    list-style: none outside none;
    background:#F7F7F7;
    text-align:center;
    display:inline-block;
    line-height: 20px;
}
.doc_tabs ul li a{color:#666666;}

.doc_tabs ul li.active a, .doc_tabs ul li.active a:hover {
    cursor: default;
    text-decoration: none;
}
.doc_tabs ul li a, .doc_tabs ul li a:hover {
    color: #555555;
    line-height: 24px;
    outline: medium none !important;
    padding: 16px 10px 16px 16px;
}
.close-file {
    color: #6D6D6D !important;
    cursor: pointer !important;
    display: inline-block;
    font-size: 16px !important;
    font-weight: bold;
    line-height: 24px !important;
    margin: 0 !important;
    padding: 0 10px 0 0 !important;
}

.template-loading-wrapper
{
height: 0;
position: relative;
text-align: center;
top: 350px;
z-index: 999;
}

.template-bg-loading
{
 opacity:0.5;
 background-color:#EFEFEF;
}
div.template-editor {}
div.template-editor div.doc_tabs ul li.active a.tablink {cursor:pointer}
div.template-editor div#divimgServer.server-img{padding: 200px 0px;text-align: center;width: 100%;border: 1px solid #CCCCCC;}
span.action-bar {float:right}
#Fullscreen_message {background-color: #FF0000;color: #FFFFFF;font-weight: bold;left: 500px;padding: 10px;position: fixed;top: 0;z-index: 99999;}
.img-upload {bottom: 10px;cursor: pointer;float: right;position: relative;right: -8px;width: 25px;background-image: url("../assets/images/Upload-img.png");}
        
div.template-editor div#divCustomUpload {padding: 20px 0;text-align: center;font-weight:bold}

.displayGrid tbody tr.odd td table.Prod-Info tbody tr td {border-bottom:none;}
.template-editor div.doc_tabs ul {padding-left:0px;margin-bottom:0px;}


div.jspContainer div.jspPane table.chk {width:100%}
div.jspContainer div.jspPane table.chk tbody tr td label {padding-left:5px;}
a > img {vertical-align: top;}

#btntoggletoolbar {
    background: -moz-linear-gradient(center top , #CCCCCC, #999999) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #FFFFFF #555555 #555555;
    border-style: solid;
    border-width: 1px;
    bottom: 0;
    box-shadow: 0 1px 5px #777777, 0 -1px 0 #999999, 0 -1px 0 #ABABAB inset, 0 -2px 1px #999999 inset;
    cursor: pointer;
    display: block;
    height: 36px;
    margin: 0 0px 20px;
    padding-left: 5px;
    padding-right: 0;
    padding-top: 5px;
    position: absolute;
    right: -96px;
    vertical-align: middle;
    width: 120px;
}

#btntoggletoolbar:hover
{
    transition:all 1s;
    right:0;
    }

.linkbtntoggletoolbar {
    color: #333333;
    padding-bottom: 5px;
    text-shadow: 0 2px 0 #CCCCCC;
}

#toolbarpanel {
    background-color: #FFFFFF;
    border: 5px solid #999999;
    bottom: 59px;
    height: 550px;
    overflow: auto;
    position: fixed;
    right: 0;
    width: 0;
}
#toolbarpanel .rtoolbar {
    margin: 5px;
}

.table tbody tr td.ItemPadding {border-top:none;padding:0px;}
.table tbody tr td.ItemPadding table.ShipZoneBorder tbody tr td div table.ShipMethod tbody 
tr td table tbody tr td input.Ship-Zone {left: 7px;position: relative;top: 7px;}

.deletezone {background-image: url("../images/icon/bin.jpg");
background-position: center center;
background-repeat: no-repeat;
border: 1px dashed #666666;
color: #666666;
font-size: 10px;
letter-spacing: 1px;
line-height: 250px;
margin-top: 20px;
min-height: 250px;
text-align: center;
text-transform: uppercase;
width: 100%;}

.deletezoneover {
	border:1px dashed #000;
}
.deletezonedragging {
	border:1px dashed red;
	color: #F00;
}

div#divRelItemsDragId.divRelItemsDrag div.dvAccordion div#divRelAttrWrapper.row div.col-sm-12 
div.col-sm-9 div#divRelatedProdAttrs table tbody tr td label {font-weight:normal}

H3 {font-size:20px;margin-bottom:0px;}
#page-wrapper{
    padding-left:0px;
    padding-right:0px;
}
.border-radius-right
{
    border-radius: 0 4px 4px 0 !important;}
    
 .font-weight-normal{font-weight:normal;}
 .save{ border-top:1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; padding:10px; text-align:right; }
 .save-panel{text-align:right; }
 .theme-img{Height:200px;border:1px solid #000;}
 
#side-menu li > a:after { content: "\f105"; 
                           float:right;
                           font-family: FontAwesome; }
#side-menu > li > a:after { content: "\f105"; 
                           float:right;
                           font-family: FontAwesome;}
 #side-menu > li.active > a:after { content: "\f107"; 
float:right;
font-family: FontAwesome;}                          
                           
#side-menu li > a:only-child:after {content: ''; }
.text-final-amount {color: #008000;
    font-size: 1.1em;
    font-weight: bold;}
    
 #collapseOneUserControl .nav-tabs > li {
    float: left;
    margin-bottom: -2px;
    width: 24%;
}
 #collapseOneUserControl .nav-tabs > li:nth-of-type(3) {
    width: 28%;
}






.btn-outline-SignUp
{
    color: inherit;
    background-color: transparent;
    transition: all .5s;
    
}

/********* subscription Invoice Styles **********/
.inv-address {width:60%;padding:10px 0px}
.inv-labels {font-weight:bold}


.panel-filter-footer{background-color: #F5F5F5;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: 1px solid #DDDDDD;
    padding: 5px 15px;}
       
.panel-filter-footer input.btn {height:28px;}

.btn-sm:focus,.btn-sm:hover
    {
    color:White;
    background-color:darkgray;
    text-decoration:none;    
        
    }
    
    
    .navbar-info.collapse-left {
left: -250px;
}
#page-wrapper.stretch
{
    margin-left: 0;
}

#side-menu-toggle
{
  color:White;
  cursor:pointer;
  padding-left: 30px;
  padding-top: 21px;
}

@media(max-width:750px) 
{
    #side-menu ul.collapse.in
    {
        position: relative;
        display: block;
        left: 0;
    }
    #side-menu ul.collapse.in:before
    {
        display: none;
    }
}

.loader-sign { height: 0;
    position: relative;
    text-align: center;
    top: 150px;
    z-index: 99999;}
   
.opaque-bg {opacity:0.5;filter: alpha(opacity=50);}

.vert-padd-20 { padding-top:20px; }

/*** Icon Menu ***/ 

.icon-menu .nav .open > a, .nav .open > a:hover, .nav .open > a:focus
{
    background:none !important;
    
    }
    
    
/*** For ICon In PageHeader ***/

 .icon-menu-wrapper .icon-menu{
        text-align:right;    
    }
                       
.icon-menu a {
    border:1px solid #ddd;
    border-radius:50%;
    padding:8px;
    height:30px;
    width:30px; 
    margin-left:5px;   
}
.icon-menu a .glyphicon-plus {
    left: 1px;
    position: relative;
}
.icon-menu a:focus, icon-menu a:hover{
    outline:none; 
    text-decoration:none;
}
.targetDiv {
    display: none
}
.icon-content{
    position:relative;
}
.icon-content .targetDiv {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    padding: 15px 15px 5px;
    position: relative;
    right: 0;
    z-index: 1;
    margin-top:25px;  
}
.targetDiv.big {
        width:207%;
        left:-107%;    
    }  
@media screen and (max-width:767px) { 
    .icon-content .targetDiv{
        /* width:210%;
        left:-110%; */  
    }  
}
.icon-content .btn {
    padding:5px;    
}
.icon-content .form-control {
    width:100%;    
}
.icon-menu a{
    z-index:10;
    position:relative;     
    cursor:pointer;                       
}
                        
.icon-menu a:before {
    background: none repeat scroll 0 0 #F5F5F5;
    box-shadow: -1px -1px 1px #BBBBBB;
    content: "";
    height: 20px;
    left: 6px;
    opacity: 0;
    position: absolute;
    top: 42px;
    transform: rotate(45deg);
    transition: bottom 0.5s ease 0s, opacity 0.2s ease 0s;
    width: 20px;
}
.icon-menu a.activated:before {
    bottom: -20px;
    opacity: 1;
    transition: 0.5s bottom, 0.5s opacity;
    z-index:11;
}
.icon-content #div4{
        border-top-right-radius:0;  
    }
.icon-content #div4 ul {
    list-style:none;
    padding-left:0;    
}
.icon-content #div4 ul li{
    list-style-type:none; 
}
.icon-content #div4 ul li a {
    color:#333;    
}
    @media screen and (max-width:400px) { 
    .icon-menu-wrapper,#ModuleHead {
        width:100%;
                                 
    }
    .icon-menu-wrapper .icon-menu{
        text-align:center;
        margin-top:15px;      
    }
    .icon-menu-wrapper .icon-menu a {
        margin:7px ; 
                                  
    }
        .icon-content > .targetDiv { 
        left:0;
        width:100%;    
    }
}
@media screen and (min-width:767px) {
    .icon-content > .targetDiv {   
        position: absolute;
        box-shadow:0 0px 3px #bbb;
    }
    .icon-content #div4{
        border-top-right-radius:0;  
    }
}

.menu-drag {padding-left:20px;float:left;padding-top: 10px; cursor:pointer }
.fa fa-caret-left menu-drag: hover,.fa fa-caret-right menu-drag: hover {background-color:red}
.move{cursor:move;}    
    
 /*** Themes Apply Remove btn ***/   
.apply-remove-button
{
    position: relative;
}
.apply-remove-button
{
    display: block;
    opacity: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0px;
    transition: all 0.5s ease 0s;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    border-radius:4px;
}
.apply-remove-wrap .image
{
    position:relative; 
    display:inline-block;  
    margin-bottom:20px; 
}
.apply-remove-wrap .image img {
    max-width:100%;    
}
.apply-remove-wrap .image:hover .apply-remove-button
{
    opacity: 1;
}
.apply-remove-wrap .apply-remove-button a
{
    top: 45%;
    position: relative;
}
.apply-remove-wrap .apply-remove-button span
{
    color: #fff;
}
.apply-remove-button a
{
    font-size: 52px;
    height: 30px;
    padding: 8px;
    width: 30px;
}
/*********************************************************/
/*MCI Exam*/
@media screen and (min-width: 767px) {
    .mci.content .nav-tabs-custom {
        border:1px solid #ddd;
        float:left;
        border-left:0;
        margin-left:20px;
        margin-bottom:20px;
        min-width:98%;
    }
    .mci.content .nav-tabs {
        float:left;
        width:25%;
        margin-right:25px;
        margin-bottom:0;
    }
    .mci.content .tab-content {
       margin-left: 27%;
       margin-right: 2%;   
    }
    .mci .nav-tabs > li {
        display:block;
        margin:0;   
        width:100%;
        float:right;
    }
    .mci.content .nav-tabs > li > a {
      height:auto;
      margin:0; 
      margin-top:-1px;
      top:0;
    }
    .mci .nav-tabs > li.active{
        width:105%;    
    }
    .mci.content .nav-tabs > li.active > a {
        border-right: 0 none;
        border-bottom:1px solid #ddd;
    }
    .mci.content .nav-tabs > li:last-child > a,
    .mci.content .nav-tabs > li:last-child.active > a {
       margin-bottom:-1px; 
    }
    .mci .nav-tabs.nav-justified > .active > a, 
    .mci .nav-tabs.nav-justified > .active > a:hover, 
    .mci .nav-tabs.nav-justified > .active > a:focus {
        border-bottom:1px solid #ddd;
    }
}

/******* Error Page Style Start*********/

.content {
    background: none repeat scroll 0 0;
    padding: 20px 15px;
}
.error-page:before, .error-page:after {
    content: " ";
    display: table;
}
*, *:before, *:after {
    box-sizing: border-box;
}
.error-page:after {
    clear: both;
}
.error-page:before, .error-page:after {
    content: " ";
    display: table;
}
*, *:before, *:after {
    box-sizing: border-box;
}
.error-page {
    margin: 20px auto 0;
    width: 70%;
}
.error-page > .headline {
    float: left;
    font-size: 100px;
    font-weight: 300;
}
.error-page > .error-content {
    display: block;
    margin-left: 190px;
}
.error-page > .error-content > h3 {
    font-size: 25px;
    font-weight: 300;
    padding-bottom:10px;
}
p {
    margin: 0 0 10px;
}

/******* Error Page Style End *********/

.swatch-option tbody tr td input {display:none;}
.radio-option tbody tr td input { margin-left:0px; }
.swatch-option tbody tr td {padding: 0px 8px;}
.swatch-option tbody tr td input:checked + label { border:3px solid; }
.radio-option tbody tr td { padding: 5px 8px 0px 8px; }
.radio-option tbody tr td:first-child, .swatch-option tbody tr td:first-child { padding-left:0px; }
.swatch-option tbody tr td label { border: 1px solid}
.radio-option tbody tr td label { padding-left:5px; }

.Order-item-swatch-option-1 {
    height: 30px;
    width: 30px; cursor:pointer}
    
    .Order-item-swatch-option-2 {
    height: 15px;
    width: 30px; cursor:pointer}
    
    .Order-item-swatch-option-3 {
    height: 10px;
    width: 30px; cursor:pointer}


.panel-heading-inner {
background-color: #f5f5f5;
border-color: #ddd;
color: #333;
}
.panel-heading-inner {
color: #373737;
font-weight: 700;
text-transform: uppercase;
}
.panel-heading-inner {
border-bottom: 1px solid transparent;
padding: 10px 15px;
}