@charset "utf-8";
/* CSS Document */

html{ overflow-y: scroll; }

body{
 font-family:Arial, Helvetica, sans-serif; 
 margin:0;
 padding:0; 
 background: #1f3349; 
 //background: #5481b8; 
 //background-image: url("../images/background.gif");
 background-repeat: repeat-x;
}

input[type="text"], input[type="password"], textarea, select { 
    border: 1px solid;
    background-color: #FFFFFF;
    border-color: #727272;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { 
    background-color: #E1E8F2;
    border-color: #203348;
}

/**
ui-autocomplete:focus, ul.ui-autocomplete, li.ui-menu-item, a.ui-corner-all{	
	background-color: #E1E8F2;
}
**/

//::-webkit-scrollbar{width: 14px;}
//::-webkit-scrollbar-thumb{background-color:#1f3349; border-radius: 0;}
//::-webkit-scrollbar-thumb:hover{background-color:#555555;}
//::-webkit-scrollbar-track{background-color:#5481b8;}

a.main-link:link 		{ color:#466994; }
a.main-link:visited		{ text-decoration:none; color:#466994; }
a.main-link:active		{ text-decoration:none; color:#466994; }
a.main-link:hover		{ text-decoration:none; color:#FFFFFF; background: #466994; }

a.main-link-phone:link 		{ color:#466994; }
a.main-link-phone:visited	{ text-decoration:none; color:#466994; }
a.main-link-phone:active	{ color:#466994; }
a.main-link-phone:hover		{ color:#000000; background: #FFFFFF; }

a.main-link-email:link 		{ color:#466994; }
a.main-link-email:visited	{ text-decoration:none; color:#466994; }
a.main-link-email:active	{ color:#466994; }
a.main-link-email:hover		{ color:#000000; background: #FFFFFF; }

.uppercase-text { text-transform: uppercase; }
.lowercase-text { text-transform: lowercase; }
.capitalize-text { text-transform: capitalize; }

//#core-wrapper{width:1241px; min-height:650px; margin:auto;  background:#f7f8fa; border:0px solid #466994; ccc; border-bottom:10px solid #1f3349; overflow:auto;}
#core-wrapper{width:1241px; min-height:650px; margin:auto;  background:#f7f8fa; border:0px solid #466994; ccc; border-bottom:10px solid #111111; overflow:auto;}

/*** TOP NAVIGATION ***/
#top-nav-wrapper {
 width: 1241px;
 position: relative;
 height:31px;
 background-color:#111111;
}
.top-nav-left, .top-nav-right {
 font-size:10px;
 font-weight:bold;
 color:#BBBBBB;
 //background-color:#1f3349;
 background-color:#111111;
}
.top-nav-left {
 width: 660px;
 float: left;
 padding: 9px 0px 0px 33px;
}
.top-nav-right {
 width: 510px;
 float: right;
 text-align: right;
 padding: 9px 38px 0px 0px;
}

a.top-link:link 	{ color:#BBBBBB; text-decoration:none; } 
a.top-link:visited	{ color:#BBBBBB; text-decoration:none; }
a.top-link:active	{ color:#BBBBBB; text-decoration:none; }
a.top-link:hover	{ color:#FFFFFF; text-decoration:none; }

a.top-link-on:link 	{ color:#FFFFFF; text-decoration:none; } 
a.top-link-on:visited	{ color:#FFFFFF; text-decoration:none; }
a.top-link-on:active	{ color:#FFFFFF; text-decoration:none; }
a.top-link-on:hover	{ color:#FFFFFF; text-decoration:none; }

/*** MAIN NAVIGATION ***/
//#nav-wrapper{height:82px; background-color:#1f3349;}
#nav-wrapper{height:82px; background-color:#111111;}
#main-nav{width:1170px; margin:auto}
#main-nav ul{list-style:none; padding:0; margin:0}
#main-nav ul li{float:left; margin-right:10px}
#main-nav ul li a{display:block}
#main-nav ul li:nth-last-child(1){margin-right:0px}

#nav-toggle{border-top:5px solid #94afd0; position:relative;}
#nav-toggle span{width:40px; height:25px; background-color:#94afd0;  position:absolute; top:0px; right:0px; text-align:center}
#nav-toggle a{display:block}

#nav-toggle-2{border-top:10px solid #94afd0; position:relative;}
#nav-toggle-2 span{width:40px; height:25px; background-color:#94afd0;  position:absolute; top:0px; right:0px; text-align:center}
#nav-toggle-2 a{display:block}

#interface-wrapper{width:1170px; margin:auto; margin-top:20px}

/*** CREATE PAWN SECTION ***/
#create-pawn-section{width:660px; float:left; marign-right:20px;}
#create-pawn-section h2, #customer-section h2, #sales-customer-section h2, #sale-section h2{background-color:#94afd0; color:#fff; width:50%; font-weight:100; font-size:16px; margin:0; padding:5px 15px}
#create-pawn-section h2, #customer-section_search h2{background-color:#94afd0; color:#fff; width:50%; font-weight:100; font-size:16px; margin:0; padding:5px 15px}

#customer-header{
		background-color: #94afd0;
		color: #fff;
		width: 25%;
		font-weight: 100;
		font-size: 16px;
		margin: 0;
		padding: 5px 15px; }

#customer-header-2{
		color: #fff;
		width: 50%;
		font-weight: 100;
		font-size: 16px;
		padding: 5px 0px; }

#create-pawn{background-color:#fff; min-height:486px; border:1px solid #b7c8df; padding:15px 10px}
#create-pawn textarea{width:99%; height:35px}

#pawn-buy-summary-header{
		background-color: #94afd0;
		color: #fff;
		width: 48%;
		font-weight: 100;
		font-size: 16px;
		margin: 0;
		padding: 5px 5px; }

#pawn-buy-summary-header-2{
		color: #fff;
		width: 50%;
		font-weight: 100;
		font-size: 16px;
		padding: 5px 0px; }

/*** INVENTORY SCREEN ***/
#inventory-main{text-align:center; margin-bottom:45px; height:30px}
#inventory-main input{width:200px; padding:5px; font-size:20px}
#inventory-results{text-align:center; margin-bottom:10px;  font-size:20px}
#inventory_buttons{margin-left:42.5%; margin-top:10px; margin-bottom:10px; height:45px}

.custom_scroll::-webkit-scrollbar { width: 5px; }
.custom_scroll::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 5px;
}
.custom_scroll::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #abbed3;
} 

.psec1{border-bottom:1px solid #b7c8df; margin-bottom:10px; height:35px}
.psec1 select, .psec2 select, .psec3 select{width:207px; padding:4px; margin-bottom:3px}

.psec2 .select-sm{width:100px;}
.psec2 input{width:180px; padding:4px; margin-bottom:5px}

.psec1 input{width:80px; padding:4px}
.psec2 label, .psec3 label{width:60px; display:inline-block; margin-bottom:5px}
.psec3{padding-top:5px; height:10px}
.psec3 input{width:195px; padding:4px; margin-bottom:3px}

.psec4{border-top:1px solid #b7c8df; padding-top:5px; display:block; min-height:1}
.pawn-form-left{float:left; width:295px}
.pawn-form-left img{float:right}
.pawn-form-right{float:right; width:170px; text-align:right}

#create-pawn-main{width:495px; float:left; font-size:12px}
#create-pawn-sidebar{width:125px; float:right}
#create-pawn-sidebar ul{list-style:none; margin:0px; padding:0px}
#create-pawn-sidebar ul li{margin-bottom:5px}

#pawn-status-active{background-color:#4d78a5; width:100%; height:50px; color:#fff; margin-top:17px}
#pawn-status-active span{display:inline-block; width:165px; padding:15px 15px; float:left; background-color:#1f3349; text-align:center; font-size:17px; font-weight:bold; margin-right:10px}
#pawn-status-active p{padding:15px; font-size:17px}
#status-countdown-active{color:#FFF; font-size:17px}

#pawn-status{background-color:#df3737; width:100%; height:50px; color:#fff; margin-top:15px}
#pawn-status span{display:inline-block; width:165px; padding:15px 15px; float:left; background-color:#830101; text-align:center; font-size:17px; font-weight:bold; margin-right:10px}
#pawn-status p{padding:15px; font-size:17px}
#status-countdown{color:#FF0; font-size:17px}

#pawn-extension-date{padding-top:10px}


/*** CUSTOMER SECTION ***/
#customer-section{width:500px; float:right; position:relative}
#customer-section_search{width:490px; position:relative}
#pawn-customer{background-color:#fff; border:1px solid #b7c8df; padding:0px; }

#customer-search-bar{background-color:#bfd0e3; border-bottom:1px solid #b7c8df; height:30px; padding:7px 4px 3px 10px; width:485px;}
#customer-search-bar select{padding:6px; width:270px;}
#customer-search-bar input[type=button]{padding:4px 6px}

#customer-info{padding:10px; font-size:13px; color:#1f3349; clear:both}
#customer-info #customer-detail{width:75%; float:left}
#customer-info #customer-photo{width:25%; float:right; text-align:left}
#customer-info h4{margin:0px; font-size:18px}
#customer-info p{margin:3px 0px; padding:0}
#customer-info textarea{width:98.5%; height:50px }

#customer-ids-hdr{padding-top:5px; clear:both;  border-bottom:3px solid #fff}
#customer-ids{height:px}

#customer-ids-edit{height:140px}

#customer_spinner{ 

/* position:relative; margin-top:100px; margin-left:165px  */

  position: absolute;
  left: 37%;
  top: 32%;
  margin-left: -30px; /* -1 * image width / 2 */
  margin-top: -30px; /* -1 * image height / 2 */

}


/*** USERS ADMIN SECTION ***/
#user-picture-bar{background-color:#bfd0e3; border-bottom:1px solid #b7c8df; height:30px; padding:7px 18px 3px 10px; width:272px;}


/*** SALES CUSTOMER SECTION ***/
#sales-customer-section{width:490px; }

/* #sale-section {float:left;} */

/*** PAWM ITEMS SECTION ***/
#pawn-items-section{width:1170px; padding-top:10px; clear:both; position:relative}
#pawn-items-hdr{width:98.5%}

.list-input{width:100%}

/*** ADMIN SECTIONS ****/
.admin-items-header { margin:0px; border-width:1px; border-style:solid; color:#1f3349 }

#admin-section{width:1170px; clear:both; position:relative}

#admin-general-section{width:1170px; padding-top:5px; clear:both; position:relative}


.admin-items-tabs{margin:0; padding:0; list-style:none; clear:both}
.admin-items-tabs li {list-style:none;display:inline;cursor:pointer;font-size:15px}
.admin-items-tabs a {padding:6px 6px; display:inline-block; background:#f7f8fa; color:#1f3349; border:1px solid #1f3349;   border-bottom:none; text-decoration:none;}





/***  BUTTONS IN ITEMS SCREEN ***/
.inv-btns{color:#fff; background-color:#1f3349; font-size:14px; text-align:center; width:90px; float:left; text-decoration:none; padding:5px; margin-right:5px; cursor:pointer}
	
/*#pawn-items-section #tab3{height:80px; overflow:auto; border:1px solid #1f3349}*/
#pawn-items-section #add-new-item{ width:150px; background:#1f3349; position:absolute; top:6px; right:0px; font-size:14px; text-align:center; margin-top:6px }
#pawn-items-section #add-new-item a{ color:#fff; text-decoration:none; display:block; padding:10px;}



#pawn-items-section #add-new-item_2{width:150px; background:#1f3349; position:absolute; top:12px; right:0px; font-size:14px; text-align:center; }
#pawn-items-section #add-new-item_2 a{color:#fff; text-decoration:none; display:block; padding:10px;}

#pawn-items-section #add-new-item_3{width:600px;  position:absolute; top:10px; left:210px; font-size:14px; margin-top:5px; }
#pawn-items-section #price_out_status{width:215px;  position:absolute; top:10px; left:195px; font-size:14px; margin-top:10px; }
#add-new-item_3 input {padding:4px; width:70px}

.pawn-items-tabs{margin:0; padding:0; list-style:none; clear:both}
.pawn-items-tabs li {list-style:none;display:inline;}
.pawn-items-tabs a {padding:10px 10px; display:inline-block; background:#f7f8fa; color:#1f3349; border:1px solid #1f3349;   border-bottom:none; text-decoration:none;}
.pawn-items-tabs a.active {border:1px solid #1f3349; border-bottom:none; background:#94afd0; color:#fff; padding:10px 10px}

.ui-datepicker-trigger {float:right;}



/*** PAWM PROCESS SECTION ***/
#pawn-process-wrapper{clear:both; margin-top:20px; height:65px}
#pawn-process{width:505px; height:60px; float:left; background-color:#fff; border:1px solid #b7c8df; padding:20px; font-size:12px}
#process-pawn-btn{color:#fff; background-color:#3eb061; font-size:24px; text-align:center; width:220px; float:left; text-decoration:none; padding:15px; margin-right:10px}
#pawn-process #checkboxs{float:left; width:120px; margin-right:10px; margin-left:10px}
#pawn-process #checkboxs p, #pawn-process #radios p{margin:0px; padding:0}
#pawn-process #radios{float:left; width:100px}

.process-receipts-btn{color:#fff; background-color:#3eb061; font-size:12px; text-align:center; width:55px; float:left; text-decoration:none; padding:4px; margin-right:0px; cursor:pointer; }

.process-ignore-btn{color:#fff; background-color:#3eb061; font-size:12px; text-align:center; text-decoration:none; padding:5px 10px 5px 10px; margin-right:0px; cursor:pointer; }

.inv-sync-btn{color:#fff; background-color:#3eb061; font-size:14px; text-align:center; width:100px; float:left; text-decoration:none; padding:6px; margin-right:0px}

.void-btn{color:#fff; background-color:red; font-size:12px; text-align:center; width:55px; float:left; text-decoration:none; padding:4px; margin-right:0px; cursor:pointer}

.admin-cat-btn{color:#fff; background-color:#3eb061; font-size:12px; text-align:center; float:left; text-decoration:none; padding:4px; margin-right:0px}


/*** PRICE ITEMS PROCESS SECTION ***/
#price-items-process{width:100%; height:75px; font-size:12px; margin-top:20px; margin-bottom:30px;}
#process-items-btn{color:#fff; background-color:#3eb061; font-size:21px; text-align:center; width:110px; float:left; text-decoration:none; padding:8px; margin-right:10px}
#process-items-btn-back{color:#fff; background-color:#1f3349; font-size:19px; text-align:center;  float:left; text-decoration:none; padding:9px; margin-right:10px}

/*** CUSTOMER EDIT BUTTONS ***/
.customer_btn{color:#fff; background-color:#1f3349; font-size:14px; text-align:center; width:60px; float:right; text-decoration:none; padding:6px; margin-right:8px}



/*** INVENTORY PREV-NEXT BUTTONS ***/
.inventory_btn{color:#fff; background-color:#1f3349; font-size:20px; text-align:center; width:60px; text-decoration:none; padding:10px; margin-right:25px}


/*** ON HOLD/EXTENSION/PICKUP PROCESS SECTION ***/
#process-on-hold-btn{color:#fff; background-color:#3eb061; font-size:19px; text-align:center; width:186px; float:left; text-decoration:none; padding:10px; margin-left:63px}
#process-extension-btn{color:#fff; background-color:#3eb061; font-size:19px; text-align:center; width:186px; float:left; text-decoration:none; padding:10px; margin-left:63px}
#process-pickup-btn{color:#fff; background-color:#3eb061; font-size:19px; text-align:center; width:186px; float:left; text-decoration:none; padding:10px; margin-left:63px}


/*** PAWN TOTAL SECTION ***/
#pawn-total{width:245px; height:225px; margin-bottom:50px; float:right; background-color:#1f3349; padding:0; }
#pawn-total h3{background-color:#94afd0; color:#fff; padding:5px 10px 2px 10px; font-weigth:100; font-size:16px; margin:0 0 5px 0; text-align:right;}
#pawn-total p{margin:10px 10px 0px 0px; padding:0; text-align:right; }
#pawn-total label{color:#fff; font-size:13px; padding:8px; display:inline-block; width:50px; text-align:right }
#pawn-total label strong{color:#94afd0}
#pawn-total input{width:55px; margin-bottom:3px; padding:4px }

/*** SALES TOTAL SECTION ***/
#sales-total{width:100%; height:520px; background-color:#1f3349; margin-top:10px; margin-bottom:20px }
#sales-total h3{background-color:#94afd0; color:#fff; padding:5px 10px 2px 10px; font-weigth:100; font-size:16px; margin:0 0 5px 0}
#sales-total p{margin:0; padding:0}
#sales-total label{color:#fff; font-size:17px; padding:8px; display:inline-block; width:80px; text-align:left }
#sales-total label strong{color:#94afd0}
#sales-total input{width:75px; margin-bottom:3px; padding:4px }

/*** PAWN CHECKOUT SALES SECTION ***/
#checkout-total{width:100%; height:380px; background-color:#1f3349; margin-top:10px; margin-bottom:20px }
#checkout-total h3{background-color:#94afd0; color:#fff; padding:5px 10px 2px 10px; font-weigth:100; font-size:16px; margin:0 0 5px 0}
#checkout-total p{margin:0; padding:0}
#checkout-total label{color:#fff; font-size:17px; padding:8px; display:inline-block; width:80px; text-align:left }
#checkout-total label strong{color:#94afd0}
#checkout-total input{width:75px; margin-bottom:3px; padding:4px }

#process-sale-btn{color:#fff; background-color:#3eb061; font-size:24px; text-align:center; width:200px; float:left; text-decoration:none; padding:15px; margin-left:20px}

#preview-ticket-btn{color:#fff; background-color:grey; font-size:24px; text-align:center; width:auto; float:left; text-decoration:none; padding:15px; margin-left:20px}

#preview-receipt-btn{color:#fff; background-color:#3eb061; font-size:20px; text-align:center; width:150px; float:left; text-decoration:none; padding:10px;}

.process-ebay-btn{color:#fff; background-color:#3eb061; font-size:13px; text-align:center; width:150px; float:left; text-decoration:none; padding:10px;}

#void-btn{color:#fff; background-color:#cc0000; font-size:24px; text-align:center; width:230px; float:left; text-decoration:none; padding:15px; margin-left:8px}

.add_sale_btn{color:#fff; background-color:#1f3349; font-size:17px; text-align:center; width:70px; text-decoration:none; padding:10px; }

.sale_history_btn{color:#fff; background-color:#1f3349; font-size:17px; text-align:center; width:70px; text-decoration:none; padding:10px; }

#sale-items-section{width:100%; padding-top:10px; clear:both; position:relative}
.total_sec{ height:35px}
.total_sec select {width:207px; padding:4px; margin-bottom:3px}
.total_sec input{width:70px; padding:4px}

.total-form-left{float:left; width:460px;  }
.total-form-left select {padding:4px}
.total-form-right{float:right; width:180; }

.total-form-right table { width:185}
.total-form-right table td{ color:#fff; font-size:18px; border-color:#1f3349; padding:5px; text-align:right}


/** TABLE ELEMENTS **/
.clear_table {text-align:left; font-size:12px; padding:7px;  height: 20px; border-right:0px;} /* 1px solid #f7f8fa; */
.border-color { border-right: 1px solid #f7f8fa;}

th{background-color:#1f3349; color:#fff; font-weight:100; font-size:13px; padding:8px; text-align:left; }
td{text-align:left; font-size:12px; padding:7px; border-right:1px solid #fff; height: 20px;}

.row-color-admin:hover{background:#e1e8f2}
.row-color-even{background:#e1e8f2} 
.row-color-even:hover{background:#abbed3} /* original FFFFDD, the BDBDBD  */
.row-color-odd{background:#c6d7ea}
.row-color-odd:hover{background:#abbed3}

.faq-row-color-odd{background:#c6d7ea}

.clear{clear:both; min-height:1; display:block}

/**** FIXED TABLE HEADERS *****/
.fixed_headers {
  table-layout: auto;
  border-collapse: collapse;
}

.fixed_headers th:focus {
  outline: none;		
}	

table.fixed_headers {width:100%;}
.fixed_headers th{border-bottom:3px solid #fff}
.fixed_headers th,
.fixed_headers td {
  padding: 5px;
  text-align: left;
}

a.pagec:link 		{ text-decoration:none; padding:3px 7px 3px 7px; font-family: arial, verdana; font-size:13px; font-weight: bold; border:1px ridge #888888; color:#45658c; background: #FFFFFF; } 
a.pagec:visited		{ text-decoration:none; padding:3px 7px 3px 7px; font-family: arial, verdana; font-size:13px; font-weight: bold; border:1px ridge #888888; color:#45658c; background: #FFFFFF; }
a.pagec:active		{ text-decoration:none; padding:3px 7px 3px 7px; font-family: arial, verdana; font-size:13px; font-weight: bold; border:1px ridge #888888; color:#45658c; background: #FFFFFF; }
a.pagec:hover		{ text-decoration:none; padding:3px 7px 3px 7px; font-family: arial, verdana; font-size:13px; font-weight: bold; border:1px ridge #45658c; color:#FFFFFF; background: #45658c; }

a.pageo:link 		{ text-decoration:none; padding:3px 7px 3px 7px; font-family: arial, verdana; font-size:13px; font-weight: bold; border:1px ridge #45658c; color:#FFFFFF; background: #45658c; } 
a.pageo:visited		{ text-decoration:none; padding:3px 7px 3px 7px; font-family: arial, verdana; font-size:13px; font-weight: bold; border:1px ridge #45658c; color:#FFFFFF; background: #45658c; }
a.pageo:active		{ text-decoration:none; padding:3px 7px 3px 7px; font-family: arial, verdana; font-size:13px; font-weight: bold; border:1px ridge #45658c; color:#FFFFFF; background: #45658c; }
a.pageo:hover		{ text-decoration:none; padding:3px 7px 3px 7px; font-family: arial, verdana; font-size:13px; font-weight: bold; border:1px ridge #888888; color:#FFFFFF; background: #888888; }


/***
#file_browse_wrapper {
	width: 100px;
    height: 99px;
    background: url('images/customer-profile-pic-default.jpg') 0 0 no-repeat;
    border:none;
    overflow:hidden;
}

#file_browse{
    margin-left:0px;
    width: 100px;
    height: 99px;
    opacity:0.0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
***/

#file_browse_wrapper {
	height:100px
}

/*** file_id represents the 4 pieces of id for a customer ***/
#file_id_wrapper_1 {
	width: 15px;
    height: 11px;
    background: url('../images/photo-btn-sm.png') 0 0 no-repeat;
    border:none;
    overflow:hidden;
	display: inline-block;
	background-size: 100% 100%;
}

#file_id_1{
    margin-left:0px;
    width: 30px;
    height: 20px;
    opacity:0.0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

#file_webcam_img_wrapper_1 {
	width: 16px;
    height: 17px;
    background: url('../images/webcam-btn-sm.png') 0 0 no-repeat;
    border:none;
    overflow:hidden;
	display: inline-block;
	vertical-align:bottom;
}

#file_webcam_img_1{
    margin-left:0px;
    width: 20px;
    height: 20px;
    opacity:0.0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

#file_id_wrapper_2{
	width: 15px;
    height: 11px;
    background: url('../images/photo-btn-sm.png') 0 0 no-repeat;
    border:none;
    overflow:hidden;
	display: inline-block;
	background-size: 100% 100%;
}

#file_id_2{
    margin-left:0px;
    width: 30px;
    height: 20px;
    opacity:0.0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

#file_webcam_img_wrapper_2{
	width: 16px;
    height: 17px;
    background: url('../images/webcam-btn-sm.png') 0 0 no-repeat;
    border:none;
    overflow:hidden;
	display: inline-block;
	vertical-align:bottom;
}

#file_id_wrapper_3 {
	width: 15px;
    height: 11px;
    background: url('../images/photo-btn-sm.png') 0 0 no-repeat;
    border:none;
    overflow:hidden;
	display: inline-block;
	background-size: 100% 100%;
}

#file_id_3{
    margin-left:0px;
    width: 30px;
    height: 20px;
    opacity:0.0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

#file_webcam_img_wrapper_3 {
	width: 16px;
    height: 17px;
    background: url('../images/webcam-btn-sm.png') 0 0 no-repeat;
    border:none;
    overflow:hidden;
	display: inline-block;
	vertical-align:bottom;
}

#file_webcam_img_3{
    margin-left:0px;
    width: 20px;
    height: 20px;
    opacity:0.0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

#file_id_wrapper_4 {
	width: 15px;
    height: 11px;
    background: url('../images/photo-btn-sm.png') 0 0 no-repeat;
    border:none;
    overflow:hidden;
	display: inline-block;
	background-size: 100% 100%;
}

#file_id_4{
    margin-left:0px;
    width: 30px;
    height: 20px;
    opacity:0.0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

#file_webcam_img_wrapper_4 {
	width: 16px;
    height: 17px;
    background: url('../images/webcam-btn-sm.png') 0 0 no-repeat;
    border:none;
    overflow:hidden;
	display: inline-block;
	vertical-align:bottom;
}

#file_webcam_img_4{
    margin-left:0px;
    width: 20px;
    height: 20px;
    opacity:0.0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

#file_webcam_img_2{
    margin-left:0px;
    width: 20px;
    height: 20px;
    opacity:0.0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}


#cust_webcam_wrapper {
	width: 20px;
    height: 20px;
    background: url('../images/webcam-btn.png') 0 0 no-repeat;
    border:none;
    overflow:hidden;
	margin-left: 7px;
	margin-top:3px;
    display:inline;
	position:absolute;
}

#cust_webcam_wrapper_2 {
	width: 20px;
    height: 20px;
    background: url('../images/webcam-btn2.png') 0 0 no-repeat;
    border:none;
    overflow:hidden;
	margin-right: 6px;
	margin-top:3px;
    float:right;
}

#cust_webcam{
    margin-left:0px;
    width: 20px;
    height: 20px;
    opacity:0.0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

#cust_lookup_img{
	width: 24px;
    height: 16px;
    border:none;
    overflow:hidden;
	float:right;
	margin-right: 6px;
	margin-top:7px;
}

#cust_roll_wrapper{
	width: 24px;
    height: 16px;
    background: url('../images/photo-btn.png') 0 0 no-repeat;
    border:none;
    overflow:hidden;
	float:right;
	margin-right: 8px;
	margin-top:7px;
}

#cust_roll_wrapper_2{
	width: 24px;
    height: 16px;
    background: url('../images/photo-btn2.png') 0 0 no-repeat;
    border:none;
    overflow:hidden;
	float:right;
	margin-right: 8px;
	margin-top:7px;

}

#cust_roll{
    margin-left:0px;
    width: 24px;
    height: 16px;
    opacity:0.0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

#logo_roll{
    margin-left:0px;
    width: 24px;
    height: 16px;
    opacity:0.0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

#icon_roll{
    margin-left:0px;
    width: 24px;
    height: 16px;
    opacity:0.0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

#user_webcam_wrapper {
	width: 20px;
    height: 20px;
    background: url('../images/webcam-btn.png') 0 0 no-repeat;
    border:none;
    overflow:hidden;
	margin-right: 6px;
	margin-top:3px;
    float:right;
}

#user_webcam{
    margin-left:0px;
    width: 20px;
    height: 20px;
    opacity:0.0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

#user_roll_wrapper{
	width: 24px;
    height: 16px;
    background: url('../images/photo-btn.png') 0 0 no-repeat;
    border:none;
    overflow:hidden;
	float:right;
	margin-right: 8px;
	margin-top:7px;
}

#user_roll{
    margin-left:0px;
    width: 24px;
    height: 16px;
    opacity:0.0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	
}

#inv_image_wrapper_1{
	width: 24px;
    height: 16px;
    background: url('../images/photo-btn.png') 0 0 no-repeat;
    border:none;
    overflow:hidden;
}

#inv_image_1{
    margin-left:0px;
    width: 24px;
    height: 16px;
    opacity:0.0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}


#webcam_img_wrapper_1{
	width: 20px;
    height: 20px;
    background: url('../images/webcam-btn.png') 0 0 no-repeat;
    border:none;
    overflow:hidden;
}

#webcam_img_1{
    margin-left:0px;
    width: 20px;
    height: 20px;
    opacity:0.0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.clear_sales_report {text-align:left;}
.clear_sales_report td{border-right: 1px solid #f7f8fa;}
 

.sales_report{ text-align:left; }
.sales_report th{background-color:#1f3349; color:#fff; font-weight:100; font-size:14px; padding:3px; text-align:left; }
.sales_report td{text-align:left; font-size:14px; padding:2px; height: 10px;}

.sales_report_sm{ text-align:left; }
.sales_report_sm th{background-color:#1f3349; color:#fff; font-weight:100; font-size:12px; padding:3px; text-align:left; }
.sales_report_sm td{text-align:left; font-size:12px; padding:2px; height: 10px;}

.bin_report{ text-align:left; }
.bin_report th{background-color:#1f3349; color:#fff; font-weight:100; font-size:14px; padding:3px; text-align:left; }
.bin_report td{text-align:left; font-size:14px; padding:2px; height: 10px;}

/*** JEWELLERY ESTIMATOR METAL SECTION ***/
#create-metal-section{width:250px; float:left; marign-right:20px;}
#create-metal-section h2, #customer-section h2, #sales-customer-section h2, #sale-section h2{background-color:#94afd0; color:#fff; width:50%; font-weight:100; font-size:16px; margin:0; padding:5px 15px}
#create-metal-section h2, #customer-section_search h2{background-color:#94afd0; color:#fff; width:50%; font-weight:100; font-size:16px; margin:0; padding:5px 15px}
#create-metal{background-color:#fff; min-height:425px; border:1px solid #b7c8df; padding:15px 10px; margin-bottom: 15px; }
#create-metal textarea{width:99%; height:40px}

/*** JEWELLERY ESTIMATOR DIAMONDS SECTION ***/
#create-diamonds-section{width:900px; float:right; marign-right:20px;}
#create-diamonds-section h2, #customer-section h2, #sales-customer-section h2, #sale-section h2{background-color:#94afd0; color:#fff; width:50%; font-weight:100; font-size:16px; margin:0; padding:5px 15px}
#create-diamonds-section h2, #customer-section_search h2{background-color:#94afd0; color:#fff; width:50%; font-weight:100; font-size:16px; margin:0; padding:5px 15px}
#create-diamonds{background-color:#fff; min-height:546px; border:1px solid #b7c8df; padding:10px 10px; margin-bottom: 15px; }
#create-diamonds textarea{width:99%; height:45px}

/*** JEWELLERY ESTIMATOR RESULTS SECTION ***/
#create-results-section{width:1170px; float:left; marign-right:20px; margin-bottom:20px }
#create-results-section h2, #customer-section h2, #sales-customer-section h2, #sale-section h2{background-color:#94afd0; color:#fff; width:50%; font-weight:100; font-size:16px; margin:0; padding:5px 15px}
#create-results-section h2, #customer-section_search h2{background-color:#94afd0; color:#fff; width:50%; font-weight:100; font-size:16px; margin:0; padding:5px 15px}
#create-results{background-color:#fff; min-height:150px; border:1px solid #b7c8df; padding:15px 10px; margin-bottom: 15px; }
#create-results textarea{width:99%; height:40px}

.metal_sec1{ margin-bottom:5px; height:35px}
.metal_sec2{ margin-bottom:10px; height:35px; border-bottom: 1px solid #b7c8df;}
.metal_sec3{ font-size:15px; height:60px}
.metal_sec4{ margin-bottom:10px; margin-top:5px; height:35px; font-size:15px}

.metal_sec5{ margin-bottom:10px; margin-top:10px; height:20px; border-bottom: 1px solid #b7c8df; }

.metal-form-left{float:left; width:75px}
.metal-form-right{float:right; width:100px;}

.metal_sec3-left{float:left; width:148px}
.metal_sec3-right{float:right; width:80px;}

.diamond_sec1{ margin-top:8px; margin-left: 25px;}
.diamond_sec2{ margin-top:15px; margin-left: 25px}
.diamond_sec3{ margin-top:191px; margin-left: 25px}
.diamond_sec4{  margin-left: 25px}


/***  BUTTONS IN JEWELLERY ESTIMATOR SECTION ***/
.jewellery-btns2{color:#fff; background-color:#3eb061; font-size:14px; text-align:center; width:135px; float:left; text-decoration:none; padding:6px; margin-right:40px}
.jewellery-btns{color:#fff; background-color:#3eb061; font-size:14px; text-align:center; width:135px; float:left; text-decoration:none; padding:6px;}
.add-diamond-btns{color:#fff; background-color:#3eb061; font-size:14px; text-align:center;  text-decoration:none; padding:6px 29px 6px 29px; }

#create-diamond-left{width:670px; height:487px; float:left; font-size:12px}
#create-diamond-left-2{width:670px; height:0px; font-size:12px}
#create-diamond-right{width:200px; float:right; font-size:12px}


/*** FIREARMS ***/
#create-firearm-section{width:1170px; float:left; marign-right:20px;}
#create-firearm-section h2 {background-color:#94afd0; color:#fff; width:50%; font-weight:100; font-size:16px; margin:0; padding:5px 15px}
#create-firearm{background-color:#fff; min-height:400px; border:1px solid #b7c8df; padding:15px 10px; margin-bottom: 15px; }
#create-firearm textarea{width:99%; height:40px}

#firearm_sec1{ float:left; width:350px; }
#firearm_sec2{ float:left; width:330px; }
#firearm_sec3{ float:left; width:310px; margin-left:30px; }

.firearms-btns2{color:#fff; background-color:#3eb061; font-size:14px; text-align:center; width:135px; float:left; text-decoration:none; padding:6px; margin-right:40px}
.firearms-btns{color:#fff; background-color:#3eb061; font-size:14px; text-align:center; width:135px; float:left; text-decoration:none; padding:6px;}


/*** APPRAISALS ***/
#create-appraisal-section{width:1170px; float:left; marign-right:20px;}
#create-appraisal-section h2 {background-color:#94afd0; color:#fff; width:50%; font-weight:100; font-size:16px; margin:0; padding:5px 15px}
#create-appraisal{background-color:#fff; min-height:350px; border:1px solid #b7c8df; padding:15px 10px; margin-bottom: 35px; }
#create-appraisal textarea{width:99%; height:40px}
#appraisal_sec1{ float:left; width:700px; }
#appraisal_sec2{ float:left; width:300px; margin-left:75px; }

#appraisal_photos_html{border:1px solid #000000; width:548px; height:90px }

/*** PURCHASE ORDERS ***/
#create-po-section{width:1170px; float:left; marign-right:20px;}
#create-po-section h2 {background-color:#94afd0; color:#fff; font-weight:100; font-size:16px; margin:0; padding:5px 15px}
#create-po{background-color:#fff; border:1px solid #b7c8df; padding:5px 10px; margin-bottom: 25px; }


/*** PURCHASE ORDERS DETAILS ***/
#create-po-details-section{width:100%; float:left; marign-right:20px;}
#create-po-details-section h2 {background-color:#94afd0; color:#fff; width:50%; font-weight:100; font-size:16px; margin:0; padding:5px 15px}
#create-po-details{background-color:#fff; min-height:100px; border:1px solid #b7c8df; padding:15px 10px; margin-bottom: 15px; }

#create-po-inventory-section{width:23%; float:right; }
#create-po-inventory-section h2 {background-color:#94afd0; color:#fff; width:50%; font-weight:100; font-size:16px; margin:0; padding:5px 15px}
#create-po-inventory{background-color:#fff; min-height:270px; border:1px solid #b7c8df; margin-bottom: 15px; }


/*** REPAIRS ***/
#create-repair-section{width:610px; float:left; marign-right:20px;}
#create-repair-section h2 {background-color:#94afd0; color:#fff; width:50%; font-weight:100; font-size:16px; margin:0; padding:5px 15px}
#create-repair{background-color:#fff; min-height:265px; border:1px solid #b7c8df; padding:15px 10px; margin-bottom: 15px; }
#create-repair textarea{width:99%; height:40px}

#create-repair-payment-section{width:535px; float:right; marign-right:20px;}
#create-repair-payment-section h2 {background-color:#94afd0; color:#fff; width:50%; font-weight:100; font-size:16px; margin:0; padding:5px 15px}
#create-repair-payment{background-color:#fff; min-height:265px; border:1px solid #b7c8df; padding:15px 10px; margin-bottom: 15px; }
#create-repair-payment textarea{width:99%; height:40px}

#repair-admin-payment{width:1170px; float:left; marign-right:20px; margin-bottom:20px }
#admin-payment{background-color:#fff; min-height:175px; border:1px solid #b7c8df; padding:15px 10px; margin-bottom: 15px; }
#repair-admin{background-color:#fff; min-height:175px; border:1px solid #b7c8df; padding:15px 10px; margin-bottom: 15px; }

.repair-btns2{color:#fff; background-color:#3eb061; font-size:14px; text-align:center; width:135px; float:left; text-decoration:none; padding:6px; margin-right:40px}
.repair-btns{color:#fff; background-color:#3eb061; font-size:14px; text-align:center; width:135px; float:left; text-decoration:none; padding:6px;}
.repair_table_1 td { font-size: 15px ; padding:3px }
.payment_table_1 td { font-size: 15px; padding:3px }

#repair-items-tabs{margin:0; padding:0; list-style:none; clear:both}
#repair-items-tabs li {list-style:none;display:inline;}
.repair-btn {padding:10px 10px; display:inline-block;  color:#1f3349; border:1px solid #1f3349;   border-bottom:none; text-decoration:none;}*/

/*#repair-items-tabs a.active {border:1px solid #1f3349; border-bottom:none; background:#94afd0; color:#fff; padding:10px 10px}*/


/*** MARKETPLACE ***/
#marketplace-form{background-color:#fff; min-height:1000px; border:1px solid #b7c8df; padding:15px 10px; margin-bottom: 15px; }

#ebay-fields-section{width:1146px; float:left; margin-top:15px; }
#ebay-fields-section h2 {background-color:#94afd0; color:#fff; width:50%; font-weight:100; font-size:16px; margin:0; padding:5px 15px}
#ebay-fields{background-color:#F6F9EE; min-height:500px; border:1px solid #b7c8df; }
#ebay-fields table td { border:1px solid #F6F9EE; }
#ebay-fields h1 { font-size:large; font-weight:normal; margin:0px 0px 0px 20px; }
#ebay-fields .section_heading { margin-top: 20px; margin-bottom: 20px }
.section_heading:after{ border:0; color:white; content:""; display:block; height:3px; background: -webkit-linear-gradient(left,#fff 0,#eee 15%,#eee 79%,#fff 100%); margin: 8px 20px 0px 20px;   }

#ebay-format-header { margin-bottom:15px; }
#ebay-format-header:before{ border:0; color:white; content:""; display:block; height:3px; background: -webkit-linear-gradient(left,#fff 0,#eee 15%,#eee 79%,#fff 100%); margin: 0px 20px 0px 20px;   }

#ebay-fields .req { 
	color:#f18e00; 
    font-size: large;
    margin-top: 3px; 
	position:absolute;
}

#gunbroker-fields .req { 
	color:#f18e00; 
    font-size: large;
    margin-top: 3px; 
	position:absolute;
}

#gunscom-fields .req { 
	color:#f18e00; 
    font-size: large;
    margin-top: 3px; 
	position:absolute;
}

.ebay_field_label {
	color: #666;
    display: inline-block;
    font-size: medium;
    font-weight: normal;
    margin-top: 4px;
    margin-left: 12px
}

#ecom-fields-section{width:1146px; float:left; margin-top:15px; margin-bottom:20px; }
#ecom-fields-section h2 {background-color:#94afd0; color:#fff; width:50%; font-weight:100; font-size:16px; margin:0; padding:5px 15px}
#ecom-fields{background-color:#F6F9EE; min-height:500px; border:1px solid #b7c8df; }
#ecom-fields table td { border:1px solid #F6F9EE; }

#create-listing-left{width:530px; float:left; font-size:12px}
#create-listing-right{width:600px; float:right; font-size:12px}

#ebay_photos_html{border:1px solid #b7c8df; width:589px; height:88px }

.marketplace-buttons{color:#fff; background-color:#3eb061; font-size:16px; text-align:center; width:110px; float:left; text-decoration:none; padding:6px; margin-right:10px}

#gunbroker-fields-section{width:1146px; float:left; margin-top:15px; margin-bottom:20px; }
#gunbroker-fields-section h2 {background-color:#94afd0; color:#fff; width:50%; font-weight:100; font-size:16px; margin:0; padding:5px 15px}
#gunbroker-fields{background-color:#F6F9EE; min-height:500px; border:1px solid #b7c8df; }
#gunbroker-fields table td { border:1px solid #F6F9EE; }
#gunbroker-fields .section_heading { margin-top: 20px; margin-bottom: 20px }
#gunbroker-fields h1 { font-size:large; font-weight:normal; margin:0px 0px 0px 20px; }

#gunscom-fields-section{width:1146px; float:left; margin-top:15px; margin-bottom:20px; }
#gunscom-fields-section h2 {background-color:#94afd0; color:#fff; width:50%; font-weight:100; font-size:16px; margin:0; padding:5px 15px}
#gunscom-fields{background-color:#F6F9EE; min-height:500px; border:1px solid #b7c8df; }
#gunscom-fields table td { border:1px solid #F6F9EE; }
#gunscom-fields .section_heading { margin-top: 20px; margin-bottom: 20px }
#gunscom-fields h1 { font-size:large; font-weight:normal; margin:0px 0px 0px 20px; }

/*** SALES TOTAL SECTION IN MASTER CHECKOUT SCREEN ***/
#create-sales-total-section{width:655px; float:left; marign-right:20px;}
#create-sales-total-section h2, #customer-section h2, #sales-customer-section h2, #sale-section h2{background-color:#94afd0; color:#fff; width:50%; font-weight:100; font-size:16px; margin:0; padding:5px 15px}
#create-sales-total-section h2, #customer-section_search h2{background-color:#94afd0; color:#fff; width:50%; font-weight:100; font-size:16px; margin:0; padding:5px 15px}
#create-sales-total{background-color:#fff; border:1px solid #b7c8df; padding:10px 10px 20px 10px}
#create-sales-total textarea{width:99%; height:40px}
#create-sales-total-main{width:495px; float:left; font-size:12px}

.sales-total-form-right{float:right; width:180; }
.sales-total-form-right table { width:185}
.sales-total-form-right table td{ font-size:18px;  padding:5px; text-align:right}

.sales-total-form-left{float:left; width:350px; height:290px; }
.sales-total-form-left select {padding:4px}

.sales-total-form-left-2{float:left; width:340px; position:static; margin-top:35px  }
.sales-total-form-left-2 select {padding:4px}

#sales_header{background-color:#94afd0; color:#fff; width:20%; font-weight:100; font-size:16px; padding:5px 15px; }
#multi-pawn-items-section{width:100%; clear:both; padding-bottom:10px; position:relative}

#multi-pawn-header{background-color:#94afd0; color:#fff; width:23%; font-weight:100; font-size:16px; margin:0; padding:5px 15px; display: inline-block; }
#check-cashing-header{background-color:#94afd0; color:#fff; width:30%; font-weight:100; font-size:16px; margin:0; padding:5px 15px;  }
#retail-sales-header{background-color:#94afd0; color:#fff; width:25%; font-weight:100; font-size:16px; margin:0; padding:5px 15px; display: inline-block; white-space: nowrap;}
#layaway-header{background-color:#94afd0; color:#fff; width:25%; font-weight:100; font-size:16px; margin:0; padding:5px 20px 3px 15px; }
/* #inventory-log-header{background-color:#94afd0; color:#fff; width:25%; font-weight:100; font-size:16px; margin:0; padding:5px 15px;} */


#layaway-sales-header{ width:60%; font-weight:100; font-size:16px; margin-left:10px; padding:0px; }

#multi-pawn-header-2{ width:60%; font-weight:100; font-size:16px; margin-left:10px; padding:0px; }

#pawn-items-section #add-sale-item{width:155px; background:#1f3349; position:absolute; top:6px; right:0px; font-size:14px; text-align:center; margin-right:160px; margin-top:6px }
#pawn-items-section #add-sale-item a{color:#fff; text-decoration:none; display:block; padding:10px;}


#layaway-items-section{width:100%; padding-top:30px; clear:both; padding-bottom:10px; position:relative}

#check-items-section{width:100%; padding-top:10px; clear:both; padding-bottom:10px; position:relative}
#pawn-items-section #add-check-item{width:150px; background:#1f3349; position:absolute; top:12px; right:0px; font-size:14px; text-align:center; }
#pawn-items-section #add-check-item a{color:#fff; text-decoration:none; display:block; padding:10px;}

/** TILL SCREEN **/
#till-main{text-align:left; margin-bottom:5px;}
#manage_tills_1{width:570px; float:left; margin-bottom:40px; }
#manage_tills_2 {width:550px; float:right; }


#till-main-left{width:540px; float:left; marign-right:20px;}
#till-main-right{width:590px; float:right; margin-top:0px; margin-bottom:30px}

#transfer_tills_1{width:800px;  margin-bottom:10px; }
#confirm_vault{width:410px;   margin-bottom:10px; }



.transfer-funds-btn{color:#fff; background-color:#3eb061; font-size:13px; text-align:center; width:65px; float:left; text-decoration:none; padding:6px; margin-right:0px}
.save-scrapbin-btn{color:#fff; background-color:#3eb061; font-size:13px; text-align:center; width:55px; float:left; text-decoration:none; padding:5px; margin-right:0px}

/** PRICE OUT SCREEN **/
#inventory-section{float:left; width:375px; margin-bottom:30px }
#inventory-action-section{float:right; width:770px; }
#save_inventory_action{color:#fff; background-color:#3eb061; font-size:14px; text-align:center;  text-decoration:none; padding:5px 25px 5px 25px; }
#inventory-log-section{width:1170px; padding-top:10px; clear:both; position:relative}
#firearm-section{width:1170px; clear:both; position:relative}

/* Table footers */
.table_footers td  {  background-color:#1f3349; color:#fff; font-size:14px; background-image: none; }



/* Home Screen Sections */
#financial_totals {width:875px; background-color:#1f3349;padding-top:2px;padding-bottom:3px; color:#FFFFFF; padding-left:5px; margin-bottom:10px; }
#home-left-section {float:left; width:880px; }
#home-right-section { width:270px; float:right; margin-top: -45px}


/* Favorites Link */
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 1000;

}

.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 30px 30px 10px 10px;
  background: #fff;
  border-radius: 5px;
  width: 250px;
  position: relative;
  transition: all 5s ease-in-out;
  text-align:left;
}

.popup h2 {
  margin-top: 0;
  color: #000;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 0px;
  right: 10px;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #000;
}

.popup .content {
  max-height: 30%;
  overflow: auto;
  font-size: 15px;
}

@media screen and (max-width: 700px){
  .popup{
    width: 70%;
  }
}


/* Customer History tabs */
.cust-tabs { list-style-type: none; margin: 0; padding: 0; width: 1170px; }
.cust-tabs .cust_tab_on { margin: 3px 3px 3px 2px; padding: 1px 10px 1px 10px; float: left; cursor:pointer; text-align:center; color:white; background:#94afd0; height:35px; font-size:14px; border: 1px solid #1f3349;}
.cust-tabs .cust_tab_off { margin: 3px 3px 3px 2px; padding: 1px 10px 1px 10px; float: left; cursor:pointer; text-align:center; color:black; background:white; height:35px; font-size:14px; border: 1px solid #1f3349;}

.cust-tabs-open { list-style-type: none; margin: 0; padding: 0; width:600px; }
.cust-tabs-open .cust_tab_on { margin: 3px 3px 3px 2px; padding: 5px 10px 5px 10px; float: left; cursor:pointer; text-align:center; color:white; background:#94afd0;  font-size:14px; border: 1px solid #1f3349;}
.cust-tabs-open .cust_tab_off { margin: 3px 3px 3px 2px; padding: 5px 10px 5px 10px; float: left; cursor:pointer; text-align:center; color:black; background:white;  font-size:14px; border: 1px solid #1f3349;}

/* Inventory Marketplace tabs */
.marketplace-tabs { list-style-type: none; margin: 0; padding: 0; width: 1170px; }
.marketplace-tabs .marketplace_tab_on { margin: 3px 3px 3px 2px; padding: 10px 10px 1px 10px; float: left; cursor:pointer; text-align:center; color:white; background:#94afd0; height:27px; font-size:15px; border: 1px solid #1f3349;}
.marketplace-tabs .marketplace_tab_off { margin: 3px 3px 3px 2px; padding: 10px 10px 1px 10px; float: left; cursor:pointer; text-align:center; color:black; background:white; height:27px; font-size:15px; border: 1px solid #1f3349;}

/* Table Sorter Arrows */
.tablesorter-arrows .header,
.tablesorter-arrows .tablesorter-header {
	/*background-image: url(images/white-unsorted.gif);*/
	background-repeat: no-repeat;
	background-position:  95% 50%;
	cursor: pointer;
	padding-right:11px;
}

.tablesorter-arrows .header.sorter-false,
.tablesorter-arrows .tablesorter-header.sorter-false {
	background-image: none;
	cursor: default;
}

.tablesorter-arrows .headerSortUp,
.tablesorter-arrows .tablesorter-headerSortUp,
.tablesorter-arrows .tablesorter-headerAsc {
	background-color: #3eb061;
	background-image: url(images/white-desc.gif);
}
.tablesorter-arrows .headerSortDown,
.tablesorter-arrows .tablesorter-headerSortDown,
.tablesorter-arrows .tablesorter-headerDesc {
	background-color: #3eb061;
	background-image: url(images/white-asc.gif);
}

.tablesorter-arrows tfoot {
	background-image: none;
	cursor: default;
}

table.dotted-leaders {
	border-collapse: collapse;
}

.dotted-leaders td {
	padding:1em 0 0 0;
	vertical-align:bottom;
	background-image:radial-gradient(circle, grey 1px, white 0px);
	background-size: 7px 7px;
	background-repeat:repeat-x;
	background-position: left bottom;
	font-size:13px;
}

.dotted-leaders td span{
	background-color:#fff;
}

.dotted-leaders td:first-child {
	text-align: left;
}

.dotted-leaders td:first-child span{
	padding-right:1em;
}

.dotted-leaders td:last-child {
	text-align:right;
	width:25em;
}

.dotted-leaders td:last-child span{
	padding-left:1em;
}


/*
.toggle {
  position: absolute;
  width: 50px;
  height: 25px;

  background-color: #ddd;
  overflow: hidden;
  box-shadow: inset 0 0 2px 1px rgba(0,0,0,0);
}

.check {
  position: absolute;
  display: block;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 6;
}

  .check:checked ~ .track {
    box-shadow: inset 0 0 0 20px #1f3349;
  }

  .check:checked ~ .switch {
    right: 2px;
    left: 22px;
    transition: .15s cubic-bezier(0.785, 0.135, 0.150, 0.860);
    transition-property: left, right;
    transition-delay: .02s, 0s;
  }

.switch {
  position: absolute;
  left: 2px;
  top: 2px;
  bottom: 2px;
  right: 22px;
  background-color: #fff;

  z-index: 1;
  transition: .15s cubic-bezier(0.785, 0.135, 0.150, 0.860);
  transition-property: left, right;
  transition-delay: 0s, .05s;
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.track {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: .15s cubic-bezier(0.785, 0.135, 0.150, 0.860);
  box-shadow: inset 0 0 0 2px rgba(0,0,0,.05);

}

*/


/* 20 pixel toggle switch Main Toggle Styling https://codepen.io/mburnette/pen/LxNxNg */
.check-toggle-20{
	height: 0;
	width: 0;
	display:none;
}

.label-toggle-20 {
	cursor: pointer;
	text-indent: -9999px;
	width: 20px;
	height: 12px;
	background: grey;
	display: block;
	border-radius: 0px;
	position: relative;
}

.label-toggle-20:after {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: 9px;
	height: 8px;
	background: #fff;
	border-radius: 0px;
	transition: 0.1s;
}

.check-toggle-20:checked + .label-toggle-20 {
	background: #3eb061;
}

.check-toggle-20:checked + .label-toggle-20:after {
	left: calc(100% - 2px);
	transform: translateX(-100%);
}

.label-toggle-20:active:after {
	width: 9px;
}

/* 30 pixel toggle switch */
.check-toggle-30{
	height: 0;
	width: 0;
	display:none;
}

.label-toggle-30 {
	cursor: pointer;
	text-indent: -9999px;
	width: 30px;
	height: 15px;
	background: grey;
	display: block;
	border-radius: 0px;
	position: relative;
}

.label-toggle-30:after {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: 13px;
	height: 11px;
	background: #fff;
	border-radius: 0px;
	transition: 0.1s;
}

.check-toggle-30:checked + .label-toggle-30 {
	background: #3eb061;
}

.check-toggle-30:checked + .label-toggle-30:after {
	left: calc(100% - 2px);
	transform: translateX(-100%);
}

.label-toggle-30:active:after {
	width: 13px;
}

/* 40 pixel toggle switch */
.check-toggle-40{
	height: 0;
	width: 0;
	display:none;
}

.label-toggle-40 {
	cursor: pointer;
	text-indent: -9999px;
	width: 40px;
	height: 22px;
	background: grey;
	display: block;
	border-radius: 0px;
	position: relative;
}

.label-toggle-40:after {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: 18px;
	height: 18px;
	background: #fff;
	border-radius: 0px;
	transition: 0.1s;
}

.check-toggle-40:checked + .label-toggle-40 {
	background: #3eb061;
}

.check-toggle-40:checked + .label-toggle-40:after {
	left: calc(100% - 2px);
	transform: translateX(-100%);
}

.label-toggle-40:active:after {
	width: 18px;
}

.grid-container {
  display: grid;
  grid-template-columns: 1fr auto; /* One column for label, one for value */
  grid-gap: 0; /* Remove any grid gaps */
  color:grey;
  font-size:13px;
  width:fit-content;
}

.grid-container .label{
  margin-right:15px;
  width:130px;
}

#loyalty-points-link-value:hover {
    color: white; /* Hover color */
}