/**
 * @package admin
 * @ignore
 * @access private
 * @copyright Copyright 2003-2006 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet.css 5454 2006-12-29 20:10:17Z drbyte $
 */
@import url("menu.css");/* including stylesheet for dhtml menu */
@import url("index.css");/* including stylesheet for index.php */
/*BOC: Added css for multipart FC page. Module - webadmin/add_to_multipart_fc.php by SUHEL KHAN ON 15-JAN-2024 PMS TASK ID: 143971*/
.btn_new {
    margin: 5px;
    }
    
    input,
    radio,
    select,
    textarea,
    file {
    font-size: 15px;
    }
    
    .icon-css {
    color: white;
    display: inline-block;
    padding: 0px 5px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777777;
    border-radius: 10px;
    color: white;
    font-style: normal;
    font-variant: normal;
    }
    
    .tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px black;
    margin-bottom: 10px;
    }
    
    .tooltip .tooltiptext {
    visibility: hidden;
    width: 600px;
    background-color: white;
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
    padding: 12px !important;
    border-radius: 6px;
    padding: 5px 0;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    color: black;
    text-align: justify;
    font-style: none;
    font-variant: normal;
    font-size: 12px;
    }
    
    .tooltip:hover .tooltiptext {
    visibility: visible;
    }
    
    .loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('images/page-loader.gif') 50% 50% no-repeat rgb(249, 249, 249);
    }
    
    .page-title{
    font-size: 20px;
    font-weight: bold;
    color: darkgreen;
    padding-left: 10px;
    background-color: #fff;
    }
    .btn_download,
    .btn_complete {
    float: right;
    margin-left: 10px;
    background-color: darkgreen;
    border: none;
    color: white;
    padding: 8px 12px;
    text-align: center;
    text-decoration: none;
    font-size: 15px;
    cursor: pointer;
    }
    .search_button{
    background-color: darkgreen;
    border: none;
    color: white;
    padding: 8px 12px;
    text-align: center;
    text-decoration: none;
    font-size: 15px;
    cursor: pointer;
    }
    .search_button:hover, .btn_complete:hover, .btn_download:hover{
    background-color: #45a049;
    }
    /* Style the tab */
    .tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    }
    
    /* Style the buttons inside the tab */
    .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
    border-right: 1px solid #ccc;
    }
    
    /* Change background color of buttons on hover */
    .tab button:hover {
    background-color: #ddd;
    }
    /* Style the tab content */
    .tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
    }
    .active-tab{
    color: white;
    background-color: darkgreen;
    }
    
    .listingTable {
    width: 100%;
    }
    
    .listingTable td,
    .listingTable th {
    border: 1px solid #ddd;
    padding: 8px;
    }
    
    .listingTable .row-incomplete:nth-child(even) {
    background-color: #f2f2f2;
    }
    
    .listingTable tr:hover {
    background-color: #ddd;
    }
    
    .listingTable th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #777878;
    color: white;
    }
    
    .row-complete {
    background-color: rgba(255, 99, 71, 0.4);
    }
    .indicator{
    background-color: rgba(255, 99, 71, 0.4);
    border: 1px solid rgba(255, 99, 71, 0.5);
    padding: 3px 12px 3px 12px;
    margin-top: 20px;
    margin-right: 5px;
    }
    .indicator-text{
    color: black;
    font-size: small;
    font-weight: 100;
    tab-size: 2;
    }
    /*EOC: Added css for multipart FC page. Module - webadmin/add_to_multipart_fc.php by SUHEL KHAN ON 15-JAN-2024 PMS TASK ID: 143971*/
a{
color:#0000ff;
text-decoration:none;
}
a,body,html,table{
font:normal normal 11px Verdana,sans-serif;
}
a:hover{
color:#0000ff;
text-decoration:underline;
}
a.headerLink:link{
color:#ffffff;
font-weight:bold;
text-decoration:none;
}
a.headerLink:visited{
color:#ffffff;
font-weight:bold;
text-decoration:none;
}
a.headerLink:hover{
color:#ffffff;
font-weight:bold;
text-decoration:underline;
}
a.headerLink:active{
color:#ffffff;
font-weight:bold;
text-decoration:none;
}
a.menuBoxContentLink:link{
color:#0000ff;
text-decoration:none;
}
a.menuBoxContentLink:visited{
color:#0000ff;
text-decoration:none;
}
a.menuBoxContentLink:hover{
color:#0000ff;
text-decoration:underline;
}
a.menuBoxContentLink:active{
color:#0000ff;
text-decoration:none;
}
a.menuBoxHeadingLink:link{
color:#0000ff;
font-weight:bold;
text-decoration:none;
}
a.menuBoxHeadingLink:visited{
color:#0000ff;
font-weight:bold;
text-decoration:none;
}
a.menuBoxHeadingLink:hover{
color:#0000ff;
font-weight:bold;
text-decoration:none;
}
a.menuBoxHeadingLink:active{
color:#0000ff;
font-weight:bold;
text-decoration:none;
}
a.splitPageLink:link{
color:#0000ff;
text-decoration:none;
}
a.splitPageLink:visited{
color:#0000ff;
text-decoration:none;
}
a.splitPageLink:hover{
background-color:#ffff33;
color:#0000ff;
text-decoration:underline;
}
a.splitPageLink:active{
color:#0000ff;
text-decoration:none;
}
body{
background-color:#ffffff;
color:#333333;
margin:0;
}
.clearBoth {
	clear: both;
	}
body#login{
margin-top:100px;
text-align:center;
}
body#login .button{
cursor:pointer;
padding: 3px;
margin-top: 10px;
}
body#login fieldset{
margin:0 auto;
padding:10px;
width:400px;
}

.loginLabel {
	margin-left: 60px;
	margin-right: 5px;
	width: 125px;
	float: left;
	text-align: right;
	line-height: 1.5;
	}
body#login legend{
background:#ffffff;
border:1px solid #003D00;
color:#333333;
font-size:90%;
padding:0.2em 0.5em;
text-align:right;
}
checkbox,input,radio,select,textarea,file{
font-size:11px;
}
textarea {
width: 80%;
}
/* to handle textareas for browsers which don't like % widths */
textarea.sqlpatchKeyedQuery, TEXTAREA#file_contents {
width:auto;
}
form{
display:inline;
}
span.dataTableHeadingContentWhois{
color:#ff6600;
font-weight:bold;
}
span.normalprice{
text-decoration:line-through;
}
span.productPriceDiscount,.inputRequirement{
color:#ff0000;
}
span.productSpecialPrice,span.productSalePrice,.stockWarning,span.coming{
color:#ff0000;
}
span.productSpecialPriceSale{
color:#ff0000;
text-decoration:line-through;
}
span.SortOrderHeader{
color:#ff6600;
font-weight:bold;
}
span.SortOrderHeaderLink{
color:#0000ff;
font-weight:bold;
}
td.alert,span.alert{
color:#ff0000;
font-weight:bold;
}
td.attributeBoxContent{
background-color:#dcdbd1;
color:#333333;
}
td.ot-subtotal-Amount,td.ot-cod-fee-Amount,td.ot-group-pricing-Amount,td.ot-gv-Amount,td.ot-loworderfee-Amount,td.ot-shipping-Amount,td.ot-subtotal-Amount,td.ot-tax-Amount,td.ot-coupon-Amount{
}
td.ot-subtotal-Text,td.ot-cod-fee-Text,td.ot-total-Text,td.ot-group-pricing-Text,td.ot-gv-Text,td.ot-loworderfee-Text,td.ot-shipping-Text,td.ot-subtotal-Text,td.ot-tax-Text,td.ot-coupon-Text{
font-weight:bold;
}
td.ot-total-Amount{
border-top:1px solid #9a9a9a;
font-weight:bold;
}
tr.attributeBoxContent{
background-color:#dcdbd1;
color:#333333;
}
.attributeBoxContent{
background-color:#dcdbd1;
color:#333333;
}
.attributes-even{
background-color:#ffffff;
}
.attributes-odd{
background-color:#f7f6ef;
}
.columnLeft{
background-color:#f2f1ee;
border-color:#999999;
border-style:solid;
border-width:1px;
padding:2px;
}
.dataTableContent-first{
color:#333333;
}
.dataTableContent{
color:#333333;
}
.dataTableContentBot{
color:#333333;
}
.dataTableContentWhois{
color:#333333;
}
.dataTableHeadingContent-first{
color:#333333;
font-weight:bold;
}
.dataTableHeadingContent{
color:#333333;
font-weight:bold;
}
.dataTableHeadingContentWhois{
color:#333333;
font-weight:bold;
}
.dataTableHeadingContentWhois a:link,.dataTableHeadingContentWhois a:visited{
color:#0000ff;
font-weight:bold;
}
.dataTableHeadingContentWhois a:hover{
color:#ffffff;
font-weight:bold;
}
.dataTableHeadingRow{
background-color:#d7d6cc;
}
.dataTableHeadingRowWhois{
background-color:#d7d6cc;
}
.dataTableRow{
background-color:#f2f1ee;
}
.dataTableRowBot{
background-color:#facbfa;
}
.dataTableRowOver{
background-color:#ffffff;
cursor:pointer;
cursor:hand;
}
.dataTableRowOverBot{
background-color:#ffffff;
}
.dataTableRowOverWhois{
background-color:#ffffff;
}
.dataTableRowSelected{
background-color:#e7e6e0;
}
.dataTableRowSelectedBot{
background-color:#ff93ff;
}
.dataTableRowSelectedWhois{
background-color:#dee4e8;
}
.dataTableRowSpacer,td.dataTableRowSpacer,TR.dataTableRowSpacer{
background-color:#d7d6cc;
color:#ff6600;
font-size:11px;
font-weight:bold;
line-height:1.0;
}
.dataTableRowWhois{
background-color:#f2f1ee;
}
.errorText{
color:#ff0000;
}
.fieldRequired{
color:#ff0000;
}
.formArea{
background-color:#f1f9fe;
border-color:#7b9ebd;
border-style:solid;
border-width:1px;
}
.formAreaTitle{
font-family:Tahoma,Verdana,Arial,sans-serif;
font-size:12px;
font-weight:bold;
}
.headerBar{
background-color:#003D00;
}
.headerBarContent{
color:#ffffff;
font-weight:bold;
padding:2px;
}
.infoBoxContent{
background-color:#e7e6e0;
color:#333333;
}
.infoBoxHeading{
background-color:#003D00;
color:#ffffff;
}
.main{
}
.menuBoxContent{
color:#616060;
}
.menuBoxHeading{
background-color:#ffffff;
color:#616060;
}
.messageBox{
}
.messageStackCaution{
background-color:#ffff00;
}
.messageStackError,.messageStackWarning{
background-color:#ffb3b5;
}
.messageStackSuccess{
background-color:#d4ffbd;
}
.oldPrice{
text-decoration:line-through;
}
h1,.pageHeading{
color:#003D00; /*727272*/
font-size:16px;
font-variant:small-caps;
font-weight:bold;
}
.SaleMakerDisabled{
background-color:#f0f1f1;
}
.SaleMakerOver{
background-color:#ffffff;
cursor:pointer;
cursor:hand;
}
.SaleMakerSelected{
background-color:#dee4e8;
cursor:pointer;
cursor:hand;
}
.smallText{
font-size:9px;
}
.specialPrice{
color:#ff6600;
}
.lookupAttention {
  color: #FF0000;
}
.clearBoth {
	clear:both;
}

a.msghistorylink:link{
color:#0033CC;
font-weight:normal;
text-decoration:none;
}
a.msghistorylink:visited{
color:#0033CC;
font-weight:normal;
text-decoration:none;
}
a.msghistorylink:hover{
color:#0033CC;
font-weight:normal;
text-decoration:underline;
}
a.msghistorylink:active{
color:#0033CC;
font-weight:normal;
text-decoration:none;
}

/*ONBACKORDER CSS*/
.dataTableONBACKORDER {
    background-color: #fa8260;
}

.dataTableONBACKORDEROver {
    background-color: #ffffff;
    cursor: pointer;
    cursor: hand;
}

/*dhl background*/
.dataTableRowDHL {
	background-color:#13DFF9;
}

.dataTableRowDHLOver {
background-color:#ffffff;
cursor:pointer;
cursor:hand;
}
/*dhl background*/
/* BOC for fruugo orders row css by Hemant kumar upadhyay on 10-10-2014*/
.dataTableRowFruugo {
	background-color:#38ACEC;
}
.dataTableRowFruugoOver {
	background-color:#FFFFFF;
	cursor:pointer;
	cursor:hand;
}
/* BOC for fruugo orders row css by Hemant kumar upadhyay on 10-10-2014*/
/* BOF - Code added for Amzon row on orders page by Rupesh on 06-March-2013 */
.dataTableRowAmazon {
	background-color:#FFFF00;
}
.dataTableRowAmazonOver {
	background-color:#FFFFFF;
	cursor:pointer;
	cursor:hand;
}
/* EOF - Code added for Amzon row on orders page by Rupesh on 06-March-2013 */
/* BOC for Ebay order color on edit order page by Shashank Agarwal on 22-August-2014*/
.dataTableRowEbay {
	background-color:orange;
}
.dataTableRowEbayOver {
	background-color:#FFFFFF;
	cursor:pointer;
	cursor:hand;
}
/* BOC for Ebay order color on edit order page by Shashank Agarwal on 22-August-2014*/
.dataTableRowRakuten1 {
	background-color: #00ffbb;
}
.dataTableRowRakutenOver1 {
	background-color:#FFFFFF;
	cursor:pointer;
	cursor:hand;
}
.dataTableRowLazada1 {
	background-color: #999966;
}
.dataTableRowLazadaOver1 {
	background-color:#FFFFFF;
	cursor:pointer;
	cursor:hand;
}
.dataTableRowPriceminister1 {
	background-color: #fbfcc2;
}
.dataTableRowTeamzo {
	background-color: hotpink;
}

.dataTableRowTeamzoOver {
	background-color:#FFFFFF;
	cursor:pointer;
	cursor:hand;
} 
/*BO CSS for airosportswear changes*/
.dataTableRowAirosportswear {
	background-color: #F7C1DF;
}

.dataTableRowAirosportswearOver {
	background-color:#FFFFFF;
	cursor:pointer;
	cursor:hand;
} 
/*EO CSS for airosportswear changes*/
.dataTableRowPriceministerOver1 {
	background-color:#FFFFFF;
	cursor:pointer;
	cursor:hand;
}
/* BOC for Tesco orders by Hemant kumar upadhyay */
.dataTableRowTesco {
	background-color:lightsalmon;
}
.dataTableRowTescoOver {
	background-color:#FFFFFF;
	cursor:pointer;
	cursor:hand;
}
.dataTableRowClickAndCollect {
	background-color:#2E64FE;
}
.dataTableRowClickAndCollectOver {
	background-color:#FFFFFF;
	cursor:pointer;
	cursor:hand;
}
/* EOC for tesco orders by Hemant kumar upadhyay */
/* BOF - Code added for Mplaza row on orders page by Rishi on 25-September-2013 */
.dataTableRowMplaza {
	background-color:greenyellow;
}
.dataTableRowMplazaOver {
	background-color:#FFFFFF;
	cursor:pointer;
	cursor:hand;
}
/* EOF - Code added for Mplaza row on orders page by Rishi on 25-September-2013 */

/* BOF - Code added for Catch row on orders page by Shivika Tomar on 16-November-2018 */
.dataTableRowCatch {
	background-color:#e5b8fd;;
}
.dataTableRowCatchOver {
	background-color:#FFFFFF;
	cursor:pointer;
	cursor:hand;
}
/* EOF - Code added for Catch row on orders page by Shivika Tomar on 16-November-2018 */

/* BOF - Code added for Amazon Prime order on orders page by Arihant Jain on 13-April-2018 */
.dataTableRowAmazonPrime {
	background-color:#90EE90;
}
.dataTableRowAmazonPrimeOver {
	background-color:#FFFFFF;
	cursor:pointer;
	cursor:hand;
}
/* EOF - Code added for Amazon Prime order on orders page by Arihant Jain on 13-April-2018 */

/* BOF - Code added for Amazon Premium shipping on orders page by Shashank Agarwal on 27-October-2015 */
.dataTableRowAmazonPremium {
	background-color:red;
}
.dataTableRowAmazonPremiumOver {
	background-color:#FFFFFF;
	cursor:pointer;
	cursor:hand;
}
/* EOF - Code added for Amazon Premium shipping on orders page by Shashank Agarwal on 27-October-2015 */

/*Multisite Reporting Interface CSS*/
.dataTableReport {
	background-color: #E8E8E8;
    border: 1px solid #C0C0C0;
    font-weight: bold;
    padding: 9px;
    text-align: center;
}

.dataTableReportRow {
	border-left: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
    padding: 8px;
	font-family: Verdana,Arial,sans-serif;
    font-size: 11px;
}
.dataTableRowSuperSaver {
	background-color:#f2f1ee;
}
.dataTableRowSuperSaverOver {
	background-color:#ffffff;
	cursor:pointer;
	cursor:hand;
}



/*New CSS for admin pages*/

/* CSS for order processing reson module created by rohit singh yadav 7-feb-2014*/
#oid_notifications{
    color:red;
}
.oprerrormsg{
    border: 1px solid #FF0000;
}
.oprsuccessmsg{
    border: 1px solid #008000;
}
#prod_details{
    margin-top: -10px;
}
.showMsg {
    width:99%;
    float:left;
    margin-left: 7px;
}
.oprinputText{
    height: 20px; width: 150px; background: #FFFFCC;
}
.oprbtn{
    cursor:pointer; margin-top: 5px;
}
.oprtable{
    margin-left: 10px;
}
.smallTextopr{
    font-size: 12px; padding-right:  10px;
}
#order_details{
    margin-left: 15px; margin-top: 10px;
}
.showactionMsgoprerror{
    height: 15px;
    color: #FF0000;
    font-weight: bold;
    position: relative;
    padding: 3px 0 3px 20px;
    float: left;
    margin-left: -10px;
}

.showactionMsgoprsuccess{
    height: 15px;
    color: #008000;
    font-weight: bold;
    position: relative;
    padding: 3px 0 3px 20px;
    float: left;
    margin-left: -10px;
}
/* CSS for order processing reson module created by rohit singh yadav 7-feb-2014*/
.showactionMsg {
	height: 15px;
	color: #FFF;
	font-weight: bold;
	position: relative;
	padding: 3px 0 3px 20px;
	float: left;
}
#main_content {
	margin: auto;
}
#main_content {
	width: 98%;
	height: auto;
	padding: 10px;
	position: relative;
	background: #FFFFFF;
	margin-top: 30px;
	margin-bottom: 10px;
	box-shadow: 0 0 5px 0 #333333;
}
#getinfoDIV, #displayrecordDIV {
	margin: auto;
}
#getinfoDIV, #displayrecordDIV {
	width: 100%;
	height: auto;
	position: relative;
	background: #F2F2F2;
	margin-bottom : 10px; 
	padding: 10px 0px 10px 0px;
}
.fieldDescription {
	color: #000;
	font-weight: normal;
	font-family: Verdana,sans-serif;
	width: 600px;
	height: auto;
	position: relative;
	text-align: justify;
	line-height: 18px;
}
.required {
	color: #FF0000;
}
#getinfoDIV input {
	width: 160px !important;
}
#getinfoDIV select {
	width: 400px !important;
}
#displayrecordDIV table thead tr th {
	padding: 10px 0 10px 0;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-size: 12px;
	text-align: left;
}
#displayrecordDIV table tbody tr td {
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #CCCCCC;
	font-size: 12px;
}
#catName {
	display: none;
	width: auto;
	height: auto;
}
#noCatName {
	display: block;
	width: auto;
	height: auto;
}

.comment_popup {
    display:none;
    padding:5px;
    border:1px solid #aaa;
    font-family: Arial;
    font-size:11px;
    box-shadow: 3px 4px 10px #000000; 
    width: auto;
    max-width:200px;
    height:auto;
    position:absolute;
    float:left;
    background-color: #FFFFFF;
    margin-left:50px;
    color:#000000;
}

.address_popup {
    display:none;
    padding:5px;
    border:1px solid #aaa;
    font-family: Arial;
    font-size:11px;
    box-shadow: 3px 4px 10px #000000; 
    width:200px;
    height:auto;
    position:absolute;
    float:left;
    background-color: #FFFFFF;
    margin-left:50px;
    color:#000000;
}

.submit_shadow {
    background-color: white;
    border: 1px solid #999999;
    box-shadow: 1px 2px 5px 0 #333333;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
}

.nostyletd {
    padding: 0 !important;
    font-size: 11px !important;
    border: none !important;
}

.borderstyletd {
    padding: 0 !important;
    font-size: 11px !important;
    border-bottom: 1px solid #CCCCCC !important;
}

#processing_overlay {
    width: 100%;
    height: 100%;
    z-index: 100;
    display:none;
    opacity: 0.9;
    position: fixed;
}

#processing {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    height: 50px;
    left: 42%;
    padding-top: 50px;
    position: fixed;
    text-align: center;
    top: 45%;
    width: 200px;
    z-index: 100;
}

#archive_result {
    background: none repeat scroll 0 0 #F2F2F2;
    color: #009900;
    margin-bottom: 10px;
    padding: 10px;
}
.pixel_separator {
	height: 1px !important;
}
.pixel_separator_2 {
	height: 2px !important;
}
.pixel_separator_3 {
	height: 3px !important;
}
.pixel_separator_4 {
	height: 4px !important;
}
.pixel_separator_5 {
	height: 5px !important;
}
.pixel_separator_10 {
	height: 10px !important;
}
/*New CSS for admin pages*/

/*Clone Product Module CSS*/
#attrAddedDiv {
    margin-left: 30px;
    padding-left: 0px;

}
#attrAddedDiv li {
    list-style-type: none;
    background: transparent url(images/icon_down.gif) no-repeat scroll 5px 10px;
    padding-left: 20px !important;
}
.check_btn{
    background: transparent url(images/check_status.png) no-repeat scroll 0px 0px; 
    cursor:pointer;
    border: none;
    height: 20px;
    width: 20px;
}
.show_res{
    font-weight: bold;
    color: #009900
}

.multiselect {
    width:280px;
    height:200px;
    border:solid 1px #c0c0c0;
    overflow:auto;
}

.multiselect label {
    display:block;
}

.multiselect-on {
    color:#ffffff;
    background-color:#000099;
}


/* BOF rules for font solution by Nitin Sharma 9-July-2013 */
.font_names_table{
    margin-top:20px;
    border:1px solid #D7D6CC;
}
.font_loading_div{
    height:60px;
    width:60px;
    position:absolute;
    top:350px;
    right:700px;
    display: none;
}
.font_select_product_table{
    margin-top:20px;
}
.font_treeboxbox_tree{
    height: 400px;
    width: 250px;
}
.font_select_product_table .font_tr{
    text-align: right;
}
.font_select_product_table .font_tr .tr_submit{
    margin-right: 62px;
}
.font_csv_submit{
    text-align: right;
}
.font_main_h2{
    margin: 15px 0 0 15px;
}
.font_name_td{
    padding-left:130px;
}
.font_ajax_products{
    height:400px;
    width:350px;
    overflow:scroll;
    float:left;
    margin-right:50px;
    background:#fff;
}
.font_ajax_size{
    height:400px;
    width:350px;
    overflow:scroll;
    float:left;
    background:#fff;
}
.success_message_div{
    background-color: #D4FFBD;
    border: 1px solid #09D02A;
    font-size: 12px;
    margin: 5px 10px 0;
    
    padding: 10px;
}
.error_message_div{
    background-color:#FFA5A5;
    border: 1px solid #09D02A;
    font-size: 12px;
    margin: 5px 10px 0;
    
    padding: 10px;
}
/* EOF rules for font solution by Nitin Sharma 9-July-2013 */

/* BOC rules for awaiting printing report by Neha Mangla added on 22-Oct-2013 */
#awaiting_printing_button{
    padding: 7px 20px;
    border-radius: 5px;
    margin: 10px 98px;
    font-weight: bolder;
    color: white;
    background-color: #234;
    cursor: pointer;
    margin-left: 595;
    margin-top: 65;
}
#ap_legend{
    margin-top: 10px;
}
#awaiting_printing_message{
/*   background-color: pink; */
     background: url("../images/icons/error.gif") no-repeat scroll 0px 2px pink;
     padding: 1px 14px;
}
/* BOC rules for awaiting printing report by Neha Mangla added on 22-Oct-2013 */


/* BOF rules for Tesco Order Management by Rishi Sharma 17-April-2014 */
.dataTableRowYellow{
	background-color:yellow;
}
.tesco_order_detail{
	float: left;
	margin: 10px;
}
.tesco_bold{
	float: left;
	font-weight: bold;
}
.tesco_normal{
	float: left;
	margin-left: 5px;
}
.tesco_order_row{
	float: left;
	clear: both;
	width: 300px;
	margin-top: 2px;
}
.tesco_order_items{
	float: left;
	clear: both;
	margin-top: 20px;
}
.tesco_order_return{
	float: left;
	margin: 10px 0px;
}
.hide {
    display: none !important;
}

/* for order listing interval switch starts here */
.container > .onoffswitch {
    margin: 0 auto;
    position: relative;
    width: 100px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #999999;
    border-radius: 20px;
}
label {
    font-weight: 500;
}
.onoffswitch-inner {
    width: 200%;
    margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s;
    -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    float: left;
    width: 50%;
    height: 25px;
    padding: 0;
    line-height: 25px;
    font-size: 12px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "6 Months";
    padding-left: 11px;
    background-color: green;
    color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "3 Months";
    padding-right: 11px;
    background-color: #EEEEEE;
    color: #000000;
    text-align: right;
}
.onoffswitch-switch {
    width: 26px;
    margin: 2px;
    background: #FFFFFF;
    border: 2px solid #999999;
    border-radius: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}
.labeldiv{
    display: inline-block;
    vertical-align: top;
    margin-top: 8px;
    margin-right: 6px;
    font-size: 12px;
}
.onoffswitch{
    display: inline-block;
}
/* for order listing interval switch ends here */

/* for order listing right hand section starts here by sunil */ 
.rt_span_left_col{
    display: inline-block;
    width: 30%;
    padding-left: 10px;
    font-weight: bold;
}
.suppliers_dd{
    padding-top: 12px;
}
.suppliers_list{
    padding-top: 12px;
}
.rt_span_left_col_prod_sec{
    width: 80%;
    display: inline-block;
    padding-left: 10px;
}
.rt_bold{
    font-weight: bold;
}
.rt_product_seprator{ 
    border-bottom: 1px solid darkgray;
    display: inline-block;
    width: 100%;
    padding-top: 2px;
}
.linkdisabled{
    pointer-events: none;
    cursor: default;
    opacity: 0.5;
}
/* for order listing right hand section ends here by sunil */

/* for showing the tooltips css starts here by Sunny Saurabh on 26-02-2018 */ 

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    top: 150%;
    left: 50%;
    margin-left: -60px;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}
/* for showing the tooltips css end here by Sunny Saurabh on 26-02-2018 */ 

/* for showing the dropdown css in sales reports start here by Shivika Tomar on 14-February-2019 (PM TASK ID: 49850) */ 
.sales_report_type_dropdown{
    width: 212px;height: 33px;font-size: 14px;font-weight: bold;margin: 10px 4px;border: 1px solid;border-radius: 4px;cursor: pointer;
}
/* for showing the dropdown css in sales reports ends here by Shivika Tomar on 14-February-2019 (PM TASK ID: 49850) */ 

/*STRAT for showing the button "Add to Copa Sheet" on the order listing and edit order page by Sunny Saurabh on 17-June-2019 (PM TASK ID: 113193) */ 
.push_button {
  padding: 5px 10px;
  font-size: 10px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: darkslateblue;
  border: none;
  border-radius: 15px;
  box-shadow: 0 4px #999;
  margin-bottom: 15px
}
.push_button:hover {background-color: #3e8e41}
.push_button:active {
  background-color: #3e8e41;
  box-shadow: 0 2px #666;
  transform: translateY(2px);
}
.margin-left-15{margin-left: 15px !important;}
/*END for showing the button "Add to Copa Sheet" on the order listing and edit order page by Sunny Saurabh on 17-June-2019 (PM TASK ID: 113193) */ 
/*BOC: Classes added for the continent league.php file for adding custom style for task Pre-own shirts Phase -1 AUTHOR PULKIT DHAKA ON 24-FEBRUARY-2022 PM ID: (#127705)*/
.heading{ 
    background: grey;
    color: white;
    height: 25px;
}
checkbox, input, radio, select, textarea, file {
    padding: 5px;
    border-radius: 2px;
}
.mandatroryField {
    color: red;
}
.even {
    background: ghostwhite;
}
.rows {
    height: 40px;
}
.error {
    border-color: rgb(247, 106, 106);
    background: bisque;
}
/*EOC: Classes added for the continent league.php file for adding custom style for task Pre-own shirts Phase -1 AUTHOR PULKIT DHAKA ON 24-FEBRUARY-2022 PM ID: (#127705)*/
/*BOC: Classes added for the Module Video icon AUTHOR SUNNY SAURABH ON 13-May-2022*/
.icon-css {
    color: white;
    display: inline-block;
    padding: 0px 5px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 10px;
    color: white !important;
    font-style: normal;
    font-variant: normal;
}
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px black;
    opacity: 1;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 600px !important;
    background-color: white !important;
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
    padding: 12px !important;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    color: black !important;
    text-align: justify !important;
    font-style: none;
    font-variant: normal;
    font-size: 12px;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
}
/*EOC: Classes added for the Module Video icon AUTHOR SUNNY SAURABH ON 13-May-2022*/
/*BOC: CSS added to show the add/change personalization button on edit order page for the orders products. BY: RACHIT KUMAR ON 22-FEB-2024 PM ID: 146519*/
.add-change-personalisation-btn{
    font-size:10px; 
    margin-left:5px; 
}
/*EOC: CSS added to show the add/change personalization button on edit order page for the orders products. BY: RACHIT KUMAR ON 22-FEB-2024 PM ID: 146519*/

/*BOC: CSS added for the custom form on the order status Module. Module - webadmin/order_status.php by ANKIT SINGH ON 20-JUNE-2024 PMS TASK ID: 150719*/
.custom-form {
    width: 20%;
    margin-left: 10px;
}
.custom-form {
    display: flex;
    flex-direction: column;
}

.custom-form label {
    margin-bottom: 10px;
    font-weight: bold;
}

.custom-form input[type="date"] {
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

.custom-form .note {
    color: red;
    margin-bottom: 20px;
}

.custom-form button {
    padding: 10px 20px;
    background-color: #007BFF;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.custom-form button:hover {
    background-color: #0056b3;
}
/*EOC: CSS added for the custom form on the order status Module. Module - webadmin/order_status.php by ANKIT SINGH ON 20-JUNE-2024 PMS TASK ID: 150719*/