/* 
    Created on : Feb 13, 2015, 2:29:10 PM
    Author     : Mukul
*/

#general_popup , .general_popup{
    background:url("../img/black_transperent_img.png") repeat 0 0;
    height:100%;
    width: 100%;
    position:fixed;
    top: 0;
    left: 0;
    z-index:999;
}
#general_popup_container , .general_popup_container{
    background: white;
    position: absolute;
    width: 80vw;
    height: 90vh;
    margin-left: 10vw;
    /*margin-top: 12.5vh;*/
    margin-top: 2.5vh;
    padding: 2.5vh;
    border-radius: 1vh;
}
#general_popup_content_place , .general_popup_content_place{
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}
#general_popup_close , .general_popup_close{
    float: right;
    position: absolute;
    top: 2px;
    right:2px;
    /*width: 3vh;*/
    cursor: pointer;
}

.general_popup_content{
    display: none;
}
/*-----------------------sourav 28th july 2015 for print Stock take Sheet---------------*/
#general_popup1{
    background:url("../img/black_transperent_img.png") repeat 0 0;
    height:100%;
    width: 100%;
    position:fixed;
    top: 0;
    left: 0;
    z-index:999;
}
#general_popup_container1{
    background: white;
    position: absolute;
    width: 70vw;
    height: 90vh;
    margin-left: 12.5vw;
    /*margin-top: 12.5vh;*/    margin-top: 2.5vh;
    padding: 2.5vh;
    border-radius: 2vh;
}
#general_popup_content_place1{
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}
#general_popup_close1{
    float: right;
    position: absolute;
    top: 2px;
    right:2px;
    width: 3vh;
    cursor: pointer;
}
/*-----------------------sourav 28th july 2015 for print Stock take Sheet---------------*/
.search_btn_small{
    background: #10a8b3;
    padding: 5px;
    width: 16px;
    height:24px;
    margin: 0 0 0 5px;
    text-align: center;
    display: table-cell; 
    vertical-align: middle;
    border-radius:3px;
    color:#fff;
    cursor: pointer;
}
 
 .search_btn_small img{
     margin: 0px !important;
     border: 0px !important;
     padding: 0px !important;
     width: 20px;
}

.check-box_day_inline{
    display: inline-block;
    
    margin: 0 10px;
}

.check-box_day_inline > div{
    padding: 0 5px ;
}

.day_panel_box{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.productSelectRow{
    color:#000;
    cursor: pointer;
}

.productSelectRow:hover > td{
/*    background:#10a8b3 !important;
    color:#fff;*/
}


.search_btn_green{
    background: #21aa6b; 
}

.promo_item_selected{
    background:#10a8b3;
    color:#fff;
    border-radius:3px;
}

optgroup.common_optgroup{
    padding: 5px;
    font-style: normal !important;
}

optgroup.common_optgroup > option{
    padding-left: 5px;
}

input[readonly="readonly"], input[readonly] {
    background: #e5e5e5 none repeat scroll 0 0;
}

/* 30 th june 2015 sourav stock delivery time pop up */
#delivery_time_popup{
    background:url("../img/black_transperent_img.png") repeat 0 0;
    height:100%;
    width: 100%;
    position:fixed;
    top: 0;
    left: 0;
    z-index:999;
}
#delivery_time_popup_container{
    background: white;
    position: absolute;
    width: 70vw;
    height: 90vh;
    margin-left: 12.5vw;
    /*margin-top: 12.5vh;*/    margin-top: 2.5vh;
    padding: 2.5vh;
    border-radius: 2vh;
}
#delivery_time_popup_content_place_{
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}
#delivery_time_popup_close{
    float: right;
    position: absolute;
    top: 2px;
    right:2px;
    width: 3vh;
    cursor: pointer;
}

.delivery_time_popup_content{
    display: none;
}
.view_type{
    background: #e5e5e5;
}
/* 30 th june 2015 sourav stock delivery time pop up */


.prn_opt_ul{
    height: 100%;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}

.prn_opt_li{
    display: inline-block;
    height: 100%;
    list-style: outside none none;
    margin: 0;
    max-width: 100px;
    padding: 0;
    width: 20%;
}

.prn_opt_li > div{
    height: 100%;
    background: #FF0;
    margin: 0 5%;
}

.scroll_div{
    width:10%;      
}
/* common popup 4th August sourav */
.common_popup{
    background:url("../img/black_transperent_img.png") repeat 0 0;
    height:100%;
    width: 100%;
    position:fixed;
    top: 0;
    left: 0;
    z-index:999;
}
.common_popup_container{
    background: white;
    position: absolute;
    width: 70vw;
    height: 70vh;
    margin-left: 12.5vw;
    /*margin-top: 12.5vh;*/    margin-top: 2.5vh;
    padding: 2.5vh;
    border-radius: 2vh;
}
.common_popup_content_place{
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}
.common_popup_close{
    float: right;
    position: absolute;
    top: 2px;
    right:2px;
    width: 3vh;
    cursor: pointer;
}

.common_popup_content{
    display: none;
}


#pin_number_checking{
    color: red; 
    display: inline-block;
    font-size: 12px;
    margin: 10px 15px;
    display: none;
}

.flag_holder , .discount_holder{
    display: none;
}

li.training_mode_class > a{
    border: 1px solid  #F30 !important;
    border-radius: 50% !important;
}


.discount_location{
    display: none;
}

.top_button{
    /*background: #f14e56cc none repeat scroll 0 0;*/
    background: rgba(241, 78, 86, 0.8) none repeat scroll 0 0;
/*    color: #10a8b3;*/
    border: #FFF solid 1px;
    border-radius: 2px;
    display: inline-block;
    line-height: 35px;
    padding: 5px 5px;
    position: absolute;
    right: 190px;
    top: 6px;
}

.top_button:hover { 
    /*background: #f57c82cc none repeat scroll 0 0;*/
    background: rgba(245, 124, 130, 0.8);
}

.top_button *{
    color: #FFF !important;
    text-decoration: none !important;
    font-weight: bold;
}

.stock_location_panel{
    display: none;
}

.till_serial_font_size{
    font-size: 24px !important;
}

.header_message , .trailer_message {
    width: 90%; height:200px; border: 1px solid #ccc; margin-bottom: 10px;
}

.hide_visible{
    color: #DF6300;
    border: solid 2px;
}

.dash_cell{
    float: left;
    margin: 6px;
    border: 1px solid #03030336;
    color: #000102c7;
    background-color: #9be6ff;
    width: 200px;
    height: 140px;
}

.dash_cell_head{
     /*background: #e5e5e5 none repeat scroll 0 0;*/
    /*background: #10a8b3 !important;*/
    background: rgba(3, 3, 3, 0.28) !important;
    color: #FFF;
    border-bottom: 1px solid #02020248;
    border-right: 1px solid #03030342;
    font-family: "MyriadProRegular";
    font-size: 22px;
    font-weight: normal;
    padding: 5px;
    text-align: center;
}

.dash_cell_val{
    padding: 5px;
    text-align: center;
    font-size: 32px;
    font-weight: normal;
    color: #FFF;
}
.dash_cell_count{
    font-size: 19px;
}

.dash_cell_red {
    background-color: #D74A38;
}

.dash_cell_green {
    background-color: #1BBC9B;
}

.dash_cell_blue {
    background-color: #588EBD;
}

.dash_cell_yellow {
    background-color: #F57C00;
}
.dash_cell_yellow_light {
    background-color: #66BB6A;
}

.dash_cell_purple {
    background-color: #8D44AD;
}

.dash_cell_dark_blue {
    background-color: #4B77BE;
}

.dash_cell_very_dark_blue {
    background-color: #0277BD;
}

.dash_cell_dark_purple {
    background-color: #9A59B5;
}

.dash_link {
    text-decoration: none;
}

.dash_box {
    width: 100%;
    height: 100%;
    background-color: #2196F3;
}

.dash_box h1 {
    font-family: "Helvetica";
    color: #FFF;
    text-align: center;
    font-size: 70px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.dash_box p {
    background-color: rgba(3, 3, 3, 0.28);
    color: #FFF;
    font-family: "Helvetica";
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    padding: 4px 2px;
}

.partner_main_menu .dash_box p,.super_admin_main_menu .dash_box p {
    height: 36px;
    vertical-align: middle;
    display: table-cell;
    width: 140px;
}


.bg_light_green {
    background-color: #81C784 !important;
}

.bg-light-blue {
    background-color: #2196F3 !important;
}
.bg-blue {
    background-color: #588EBD !important;
}

.bg-indigo {
    background-color: #4B77BE !important;
}

.bg-green {
    background-color: #4CAF50 !important;
}

.bg-grey {
    background-color: #616161 !important;
}

.bg-light-orange-grey {
    background-color: #e6e4d9 !important;
}


.bg-red {
    background-color: #D74A38 !important;
}

.bg-orange {
    background-color: #F57C00 !important;
}

.bg-purple {
    background-color: #9A59B5 !important;
}

.bg-yellow {
    background-color: #FFD600 !important;
}

.drop_menu_item{
    width: 100%;
    height: 100%;
    background-color: #2196F3;
}
.drop_menu_item h1 {
    font-family: "Helvetica";
    color: #FFF;
    text-align: center;
    font-size: 35px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.drop_menu_item p {
    background-color: rgba(3, 3, 3, 0.28);
    color: #FFF;
    font-family: "Helvetica";
    text-align: center;
    font-size: 6px;
    font-weight: normal;
    margin: 0;
    padding: 4px 2px;
}

.fafa-span{
    font-size: 40px;
    line-height: 60px;
    text-align: center;
    height: 56px !important;
    border: 2px solid #f1f1f1 !important;
}
.fafa-span .fa{
    color: #FFF;
}

#last_refresh{
    font-size: 16px;
    font-weight: bold;
}

.strike_through{
    text-decoration: line-through;
}
tr.stkp_heading td , tr.stkp_heading th{
    font-weight: bold !important;
    background: #d9d9d9;
}
/*--------------------------------------------------*/
#CCFormPopUp{
    background:url("../img/black_transperent_img.png") repeat 0 0;
    height:100%;
    width: 100%;
    position:fixed;
    top: 0;
    left: 0;
    z-index:999;
}

.CCFormPopUp_container {
    background: white none repeat scroll 0 0;
    border-radius: 10px;
    min-height: 450px;
    left: 50%;
    margin-left: -175px;
    /*margin-top: -194px;*/
    padding: 25px 10px 10px;
    position: absolute;
    top: 50px;
    width: 400px;
}

.CCFormPopUp_content_place{
    height: 100%;
    overflow: hidden;
}
/*#general_popup_close , .general_popup_close{
    float: right;
    position: absolute;
    top: 2px;
    right:2px;
    width: 3vh;
    cursor: pointer;
}*/

/*.general_popup_content{
    display: none;
}*/

.engg_ac > td, .engg_ac{
    background-color: #adf !important;
}


.pricelevelwidth{
    /*width: 75px;*/
}

.charge_txt{
    color: #F30;
    margin-bottom: 20px;
    /*text-transform: uppercase;*/
}

.ChangePassFailure{
    top: 55px; 
    color: #F30;
    font-weight: bold;
}

.black_text_children *{
    color: #000 !important;
}
.ui-dialog { z-index: 9000 !important ;}
.ui-front { z-index: 9000 !important; }


.jqdialog-no-titlebar .ui-dialog-titlebar {
    display: none;
}

.goepos-dialog .ui-dialog-titlebar {
    display: none;
}

.goepos-dialog .ui-widget-content p {
    font-size: 1.2em;
}

.goepos-dialog .ui-dialog-buttonpane button {
    background-color: rgba(16, 168, 179,1);
    color: #fff;
    margin: .5em .8em .5em .8em;
    padding: .7em 2em;
}

.goepos-dialog .ui-dialog-buttonpane { 
    text-align: center;
}
.goepos-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { 
    float: none;
}

.goepos-dialog .ui-dialog-buttonpane .jq-red-button {
    background-color:#ea5252;
    color: #ffffff;
    margin: .5em .6em .5em .6em;
    padding: .7em 2em;
}

.underline-text{
    text-decoration: underline;
}
.bold-text{
    font-weight: bold;
}
.center_text{
    text-align:  center;
}
.red-text{
    color: #FF3300;
}
.green-text{
    color:#00CC00;
}
.blue-text{
    color:#0000FF;
}
.normal-text{
    color:#666;
}
.yellow_background , td.yellow_background{
    background: #ffff99 !important;
}

.just_edited_row td:first-child{
    background: #ffff99 ;
}

.just_edited_row td:not(:first-child){
    background: #ffff99 !important;
}


.deleted_prod_row td, .deleted_prod_row{
    background: #f5e1e1 !important;
}

.del_prod_badge{
    /*font-size: 12px;*/
    font-weight: bold;
    color:#990033;
}

.excluded_prod_badge{
    font-size: 13px;
    /* font-weight: bold; */
    color: #fff;
    padding: 5px;
    background-color: rgba(51, 51, 51, .7);
    text-decoration: line-through;
}

/*.just_edited_row, .just_edited_row td:not(:first-child){
    background: #ffff99 !important;
}*/


.prod_price_plus{
    display: inline-block;
    margin-right: 15px;
    line-height: 22px;
    height: 22px;
    width: 22px;
    text-align: center;
    font-weight: bold;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid #27a900;
    background: rgba(199, 255, 182,.3);
}

.goepos-dialog-content{
    display: none;
}

select[disabled="disabled"], select[disabled] , .disabled {
    background: #e5e5e5 none repeat scroll 0 0 !important;
}

.new_row{
    /*background-color: #ffff0061 !important;*/
    background-color: #feffb9 !important;
}

tr.new_row td{
    background: transparent !important;
}

.DI_image_label{
    cursor: pointer;
    float: left;
}

.DI_image_label img{
    margin: 0;
    float: none;
}

.blank_favourite_button{
    background: #555 !important;
    color: #FFF !important;
}

.allergen_row_tr td, .allergen_row_tr .select-style{
    background: transparent !important;
    color: inherit !important;
}
.allergen_row_tr_does_not_contain{
    /*background: #efefef !important;*/
    background: #ecf9e8 !important;
    color: black !important;
}
.allergen_row_tr_may_contain{
    background: orange !important;
    color: black !important;
}
.allergen_row_tr_does_contain{
    background: #f14e56 !important;
    color: white !important;
}


.error_tab, 
.error_tab *, 
.error_row, 
.error_row *, 
.error_cell,
.error_cell * {
    /*background: #f14e56a0 !important;*/
    background: rgba(241, 78, 86, 0.63) !important;
    color: white !important;
}

.success_tab, 
.success_row, 
.success_cell  
 {
    background: #c7ffb6 !important;
    color: black !important;
}
/*.success_tab *, 
.success_row *, 
.success_cell * */

.pelican_tabs2{
    text-decoration: none;
    color: #666;
    display: block;
    font-size: 18px;
    padding: 4px 20px;
    border: 1px solid #fff;
    outline: none;
    font-family: 'MyriadProRegular';
    border-radius:3px;
}

ul.pelican_tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	width: auto;
}
ul.pelican_tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 40px;
	line-height: 31px;       
/*	border-left: none;*/
	margin-bottom: 2px;
	background: #cbcbcb;
	overflow: hidden;
	position: relative;
        margin-right: 2px;
        border-radius:3px;
       
}

ul.pelican_tabs li:first-child{
    border-left: none;
}

ul.pelican_tabs li a {
    text-decoration: none;
    color: #666;
    display: block;
    font-size: 18px;
    padding: 4px 20px;
    border: 1px solid #fff;
    outline: none;
    font-family: 'MyriadProRegular';
    border-radius:3px;
}

ul.pelican_tabs li.active a {
    font-size: 24px;
    font-style: oblique;
}

.product_default_size{
    margin: 4px 0;
    padding: 1px !important;
}
.default_size_cell{
    padding: 5px !important;
    background: #c7ffb6 !important;
}
.default_size_cell .product_default_size:nth-child(odd){
    /*background: #c7ffb6 !important;*/
}
.default_size_cell .product_default_size:nth-child(even){
    /*background: #b6e4ff !important;*/
}

/*
jq UI custom
*/

.ui-datepicker{
    width: 24em;
}

.ui-datepicker table{
    font-size: 1.1em;
    line-height: 1.4em;
}

#submit_dialog{
    font-size: 20px;
}
.product_desc_search{
    font-weight: bold;
    /*font-size: 18px;*/
}

.exclude_loc_heading{
    color: #F33;
    /*margin: 10px 0 3px 0;*/
    font-weight: normal;
    background-color: #FFFB;
    padding: 5px 5px 5px 44px;
    margin-top: 5px;
}

.exclude_loc_name{
    color: #666;
    margin: 3px 0 3px 0;
    font-weight: normal;
    border-bottom: 1px solid #aaa;
    width: 90%;
}
.course_name_product_search_list{
    color: #666;
    margin: 3px 0 3px 10px;
    font-weight: normal;
    border-bottom: 1px solid #aaa;
    font-size: 14px;
}

.product_search_only_location , .product_only_location{
    color: #F33 !important;
}

.product_search_all_location{
    color: #666;
}

.product_search_all_location ,  .product_search_only_location{
    font-size: 18px;
    font-family: 'MyriadProRegular' , arial;
}

.custom-checkbox{
    margin-top: 10px;
}

.spinner_time{
    position: absolute;
    bottom: 15px;
    line-height: 80px;
    display: inline-block;
    color: #333;
    right: 50px;
    font-size: 32px;
}

.scheduled_date_time_heading {
    color: rgba(16, 168, 179,1);
    font-weight: bold;
    background-color: #FFFB;
    padding: 5px 5px 5px 44px;
    margin-top: 5px;
    /*font-size: 20px;*/
    line-height: 20px;
}
.scheduled_date_time_text{
    font-weight: normal;
    line-height: 20px;
}

.report_included_totals{
    font-weight: normal;
    color: red;
}

.report_time_preset_message{
    font-size: 20px; 
    color: #666;
}
.report_time_preset_message span{
    font-size: 24px; 
    color: black;
    font-weight: bold;
}

.full_width_section_panel{
    padding: 1vw;
    margin: 1vw 0;
    border: 1px solid #ccc;
}

.full_width_section_panel h1{
    background-color: #f1f1f1;
    padding: 0;
    padding-left: 1vw;
    line-height: 48px;
    /*color: black;*/
}


/*reseller module to be moved to seperate file*/
.reseller_hello_pannel{
		text-align:right;
		position:absolute;
		top:20px;
		left:72px;
}

.reseller_hello_pannel p{
		color:#000;
		font-size:30px;
		font-family: 'MyriadProRegular';
}

.reseller_hello_pannel p span a{
		color:#9ae1ff;
		padding:0 0 0 5px;
		text-decoration:none;
}

.reseller_hello_pannel p a{
		padding:0 0 0 5px;
		color:#fff;
}

.growyze_posting_search{
    width: 450px; 
    margin-top: 0px; 
    font-size: 16px;
    padding-left: 10px;
}
.growyze_posting_search::placeholder{
    color: blue;
    opacity: .75;
}

element.style {
    width: 100%;
}
select.background_light_red[disabled="disabled"], select.background_light_red[disabled], .background_light_red{
    background-color: #FFCCCC !important;
    color: #000;
}

.preset_date_buttons {
    width: 133px;
    height: 40px;
    color: #666 !important;
/*    background: rgba(173, 128, 82,1);*/
    background: #cbcbcb;
    font-family: 'MyriadProRegular';
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 2px;
    font-size: 18px;
    border: 0 !important;
}

.preset_date_buttons:hover{
    /*background: rgba(207, 87, 137, .3);*/
    background: rgba(16, 168, 179, 1);
    color: #FFF !important;
}
.preset_date_buttons:active{
    background:  rgba(16, 168, 179, .5);
    color: #FFF !important;
}
.preset_date_buttons_selected{
    /*background: rgba(207, 87, 137, 1);*/
    background:  rgba(16, 168, 179, 1);
    color: #FFF !important;
}

#term_condition ,
.terms_con #tandc
{
    visibility: visible !important;
}


tr.unsaved_new_row td{
    background: rgba(189, 243, 255, 1);
    padding:10px 10px 11px 10px;				
    font-family: 'MyriadProRegular';
    color:#666;
    font-weight:normal;
    border-right:#ccc solid 1px;
    border-bottom:#ccc solid 1px;
    font-size:16px;
    
    animation-name: unsaved_new_row_bg;
    animation-duration: 1s;
    animation-iteration-count: 3
}

.inline_block_buttons {
    display: inline-block;
}

.ac_bookmark{
    color: #cbcbcb;
    font-size: 32px;
    margin-left: 20px;
    cursor: pointer;
}

.ac_bookmark:hover{
    color: rgba(16, 168, 179, 1);
}

.ac_bookmark_selected{
    color: rgba(16, 168, 179, 1);
}

.b_gate_options{
    display: none;
}

.dates_selection_compact{
    width: 275px;
    margin-right: 25px;
}

.dates_selection_compact .dates_selection_label{
    float: left;
    line-height: 40px;
    margin-right: 10px;
}

.dates_selection_compact .dates_selection_input{
    float: left; margin-top: 0; width:140px; margin-bottom: 10px;
}

.dates_selection_compact .dates_selection_calender{
     float: right; width:41px; margin: 0 auto 15px auto;
}
@keyframes unsaved_new_row_bg {
  0%   {background: rgba(189, 243, 255, 1) }
  50%  {background: rgba(189, 243, 255, .25)}
  100%  {background: rgba(189, 243, 255, 1)}

}

/* 
Disk stat
*/

.textarea_console_print{
    width: 80%;
    height: 300px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    padding: 5px;
    font-family: courier;
    font-weight: bold;
    font-size: 16px;
    background: #000;
    color: #DDD;
}

/*super admin -> super user add/edit*/
.account_code{
    text-align: center !important;
}


/*************************************SELECT BOX********************************/
  
.select-style {
    padding: 0;
    margin: 0;
    width: 99.7%;
    /*overflow: hidden;*/
    background-color: #fff;
	min-height:42px;
}

.select-style select {
    height:40px;
    width: 100%;
    margin: 0;
    padding: 8px 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	font-size:18px;
    color:#666;
    background: #fff url(../img/select_box_arrow.png) no-repeat 98% 50%;
    font-family: 'MyriadProRegular';
}

.select-style select:focus {
    outline: none;
}

.ResponsiveSpinner{
    position: fixed !important;
}

 /*************************************SELECT BOX********************************/

@media screen and (max-width: 1024px){
    .tab_inner_tall{
        height: 70px;
    }

    .tab_inner_tall .custom-checkbox{
        margin-top: 20px;
    }
}

@media (max-width: 450px) {
    
    .ResponsiveSpinner {
        max-width: 350px !important;
    }

}