/*common class*/
.uppercase {text-transform:uppercase;}
.line_height1{line-height:1}
.line_height22{line-height: 22px;}
.b_radius {border-radius:5px;}
.invisible {opacity:0; filter:alpha(opacity=0);}
.font_normal { font-weight: normal !important; }
.bold {font-weight:bold}
.italic {font-style:italic;}
.pointer {cursor:pointer;}
/* border */
.border {border:1px solid rgb(160, 160, 160);}
.borderb1 {border-bottom:1px solid #ddd;}
.border_none {border:none;}
.border_radius{border-radius:5px}

.line_height_31{line-height:31px;}

.ordered_money {
    color: #000;
    font-size: 13px;
    line-height: 30px;
    text-transform: none;
}

.orange_font {color:#fc7019 !important;}
.white_font {color:#fff !important;}
.light_orange {color:#F79760 !important;}

.clear{   
    clear:both;
    height:0;
    width:0;
    margin:0;
    padding:0;
    line-height:1px !important;
    overflow: hidden;
    font-size:0px;
}
.clear_r{clear:right}
.hide {display:none;}
.show, .display_block {display:block;}
.display-inline {display: inline!important;}
.inline_block {display:inline-block;}
.inline_table {display:inline-table;}
.over_hidden{overflow:hidden;}
.layout h1{text-align: center;}
.layout h2{text-align: center;}
.text-right { text-align: right; }
.text-center { text-align: center; }
.center {margin:0 auto}

.nowrap {white-space:nowrap}
/* padding all*/
.p_0 {padding:0px}
.pad_all{padding:10px}
.pad_all_2{padding:2px}
.pad_5 {padding:5px}
.pad_20 {padding:20px}

/* padding top */
.padt_20 {padding-top:20px;}
.padt_10 {padding-top:10px;}
.padb_10{padding-bottom:10px;}
.pad_2_26{padding:2px 26px}
.padlr_10 {padding-left:10px;padding-right:10px;}
.padlr_20 {padding:0 20px}
.padlrt_20 {padding:20px 20px 0 20px}
.padb_20 {padding-bottom:20px;}
.padb_10 {padding-bottom:10px;}
/* margin all */
.marg_0 {margin:0px}
.marg_20{margin:20px 20px 0px 20px;} /* margin bottom 0px */
.marg_40{margin:12px 40px 9px 56px;}
/* margin top */
.margt_20{margin-top:20px}
.margt_15{margin-top:15px}
.margt_30{margin-top:30px}
.margt_0 {margin-top:0px;}
.margt_5 {margin-top:5px;}
.margt_10 {margin-top: 10px;}
/* margin left */
.margl_156{margin-left:156px;}
.margl_12{margin-left:12px;}
.margl_28{margin-left:28px;}
.margl_25{margin-left:25px;}
.margl_20{margin-left:20px;}
.margl_30{margin-left:30px;}
.margl_40{margin-left:40px;}
.margl_60{margin-left:60px;}
.margl_80{margin-left:80px;}
.margl_100{margin-left:100px;}
.margl_10 {margin-left:10px;}
.margl_5 {margin-left:5px;}
/* margin right */
.margr_5 {margin-right:5px}
.margr_28{margin-right:28px}
.margr_30 {margin-right:30px}
.margr_35 {margin-right:35px}
.margr_30 {margin-right:30px}
.margr_37 {margin-right:37px}
.margr_40 {margin-right:40px}
.margr_45 {margin-right:45px}
.margr_64 {margin-right:64px}
.margr_50 {margin-right:50px}
.margr_20{margin-right:20px;}
.margr_31{margin-right:31px;}
.margr_60{margin-right:60px;}
.margr_88{margin-right:88px;}
.margr_100{margin-right:100px;}
.margr_120{margin-right:120px;}
.margr_25{margin-right:25px;}
.margr_23 {margin:23px}
.margr_10 {margin-right:10px;}
/* margin left,right */
.marglr_5 {margin:0 5px}
.marglr_2 {margin:0 2px}
.marglr_20 {margin:0 20px}
.marglr_40 {margin:0 40px}
.marglr_2_5 {margin:0 2px 0 5px}
/* margin bottom */

.margb_5{margin-bottom:5px}
.margb_10{margin-bottom:10px}
.margb_15{margin-bottom:15px}
.margb_20{margin-bottom:20px}
.margb_30{margin-bottom:30px}
.margb_40{margin-bottom:40px}
.margb_0{margin:20px 20px 0 20px}
/* float */
.float_r {float:right;}
.float_l {float:left;}
.float_none {float:none !important;}
/* text-align */
.al_l {text-align:left !important;}
.al_r {text-align:right;}
.al_center {text-align:center;}
/* width */
.w-100pr {width:100%;}
.w_40 {width:40px;}
.w_50 {width:50px;}
.w_68 {width:68px;}
.w_72 {width:72px;}
.w_83 {width:83px;}
.w_90 {width:90px;}
.w_100 {width:100px;}
.w_110 {width:110px;}
.w_150 {width:150px;}
.w_186 {width:186px;}
.w_144 {width:144px;}
.w_168 {width:168px;}
.w_136 {width:136px;}
.w_130 {width:130px;}
.w_137 {width:137px;}
.w_162 {width:162px;}
.w_172 {width:172px;}
.w_170 {width:170px;}
.w_177 {width:177px;}
.w_143 {width:143px;}
.w_142 {width:142px;}
.w_145 {width:145px;}
.w_155 {width:155px!important;}
.w_187 {width:187px;}
.w_180 {width:180px;}
.w_184 {width:184px;}
.w_185 {width:185px;}
.w_189 {width:189px;}
.w_200 {width:200px;}
.w_210 {width:210px;}
.w_222{width:222px;}
.w_236 {width:236px;}
.w_230 {width:240px;}
.w_250 {width:250px;}
.w_280 {width:280px;}
.w_257 {width:257px;}
.w_213 {width:213px;}
.w_309 {width:309px;}
.w_300 {width:300px;}
.w_331 {width:331px;}
.w_347 {width:347px;}
.w_317 {width:317px;}
.w_350 {width:350px;}
.w_340 {width:340px;}
.w_380 {width:380px;}
.w_400 {width:400px;}
.w_1000 {width:1000px;}
.w_134 {width:134px;}
.w_1140 {width:1140px !important;}
.w_1180 {width:1180px !important;}
.w_1280 {width:1180px !important;}
.w_1120 {width:1120px !important;}
.w_1310 {width:1310px;}
.w_1510 {width:1510px;}

.minw_1180 {min-width:1180px;}
.city-width {width:94px !important;}
.zip-width {width:50px !important;}
/* height */
.height{height:1px;}
.height_30{height:30px;}
.height_20{height:20px !important;}
.height_250{height:250px;}
.height_231{height:231px;}
/* background and color */
.even{ background:#ddd;}
.odd{ background:#f0f0f0;}
.odd.orange_row, .even.orange_row, .orange_row { background-color: #ffe3cd;}
.special_odd{ background:#b0b0b0;}
.bg_W{background:#fff;}
.li_float ul li{float:left;}
.colorred {color:rgb(207, 51, 51) !important; font-weight:bold;}
.colorgreen{color:#2e9700 !important; font-weight:bold;}
.attention_color, table.list td.attention_color {color:#fc7019;font-weight:bold;}
table.list td.attention_color {min-width:50px;}
table.list td.attention_color .fa {font-size:13px; color:#fc7019;}
.relative {position:relative}
.absolute {position:absolute}
.layer_1{z-index:1}
.layer_2{z-index:2}
.vertical_middle{vertical-align:middle;}
.va_top {vertical-align:top;}
.va_bottom {vertical-align:bottom;}
.va_base {vertical-align:baseline;}
/*END common class*/



/* plastics status */
.unpaid {
    color:#fe0000 !important;
    font-weight:bold;
}
.approved,.paid{
    color:#35A700 !important;
    font-weight:bold;
}
.denied {
    color:#ffe0bc !important;
    font-weight:bold;
}
/* GiftCards status */

#red_1{ color:#fe0000; }
#grean{ color:#0fad00; }
#orange{ color:#ff9202; }
#gray{ color:#c4007c; }


.pending{
    color:#000000;
    font-weight:bold;
}
.confirm{
    color:#ff9202;
    font-weight:bold;
}
.declined{
    color:#fe0000;
    font-weight:bold;
}
.approve{
    color:#0fad55;;
    font-weight:bold;
}

.produced{
    color:#0fad55;;
    font-weight:bold;
}
.sold{
    color:#0fad00;;
    font-weight:bold;
}
.destroyed{
    color:#fe0000;
    font-weight:bold;
}

.in_production{
    color:#ff9202;
}

.virtual-tariff {
    color: #666; padding: 2px 5px; background-color: #dfefec;
}

.order_status_1 {color:#000000;}
.order_status_2 {color:#ff9202;}
.order_status_3 {color:#fe0000 !important;}
.order_status_4 {color:#c4007c;}
.order_status_5 {color:#0fad55 !important;}
.order_status_6 {color:#0fad00;}
.order_status_8 {color:#fe0000;}
.order_status_9 {color:#919191;}
.order_status_10 {color:#818181;}
.order_status_11 {color:#919191;}
.order_status_12 {color:#818181;}

.current_edit_item {
    background: #F1BFA0;
    font-weight: bold;
}

/* BEGIN - Alerts CSS */

#popup_container {
    font-family: Arial, sans-serif;
    font-size: 12px;
    min-width: 300px; /* Dialog will be no smaller than this */
    max-width: 600px; /* Dialog will wrap after this width */
    background: #FFF;
    border: solid 5px #999;
    color: #000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    right: 50%;
    left: 50%;
    top: 50%;
}

#popup_container.big {
    min-width: 400px;
    max-width: 800px;
}

#popup_title {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 1.75em;
    color: #666;
    background: #CCC url(../../img/primitives/alerts/title.gif) top repeat-x;
    border: solid 1px #FFF;
    border-bottom: solid 1px #999;
    cursor: default;
    padding: 0em;
    margin: 0em;
    width: auto;
}

#popup_content {
    background: 16px 16px no-repeat url(../../img/primitives/alerts/info.gif);
    padding: 1em 1.75em;
    margin: 0em;
}

#popup_content.alert {
    background-image: url(../../img/primitives/alerts/info.gif);
}

#popup_content.confirm {
    background-image: url(../../img/primitives/alerts/important.gif);
}

#popup_content.prompt {
    background-image: url(../../img/primitives/alerts/help.gif);
}

#popup_message {
    padding-left: 48px;
    color:#666;
}

#popup_panel {
    text-align: center;
    margin: 1em 0em 0em 1em;
}

#popup_prompt {
    margin: .5em 0em;
    height: 20px;
    border: 1px solid #ccc;
    padding: 5px;
}

/* FINISH - Alerts CSS */

/* font-size */
.f_size_14, .fs_14 {font-size:14px !important;;}
.fs_12 {font-size:12px !important;}
.fs_11 {font-size:11px !important;}
.underline {text-decoration:underline;}
/* end font-size */
.empty_icon {
    width: 24px;
    height: 16px;
    float: left;
    margin-left: 5px;
}

.filter-table select {
    margin-left:20px;
    margin-right:20px;
}
.filter-table input {
    margin-left:20px;
    width:134px;
    margin-right:20px;
}

.filter-table label{
    margin-right: 20px;
}

.filter-table .btnwrapper{
    margin-left:20px;
}


/* Payment transaction status*/
.payment_pending { color:#111; }
.payment_canceled { color:#fe0000;  }
.payment_failed { color:#fe0000;}
.payment_reversed { color:#D39933;  }
.payment_successful { color:#0fad00;  }

/* links */
.link {
    text-decoration:underline;
    color: #888;
    font-size: 12px;
}

.link:hover {text-decoration:none;}

textarea, input {font-family: inherit;font-size: 12px;}

/* orders edit card */
.ident_box_label {
    background-color: #f0f0f0;
    border-radius: 4px;
    padding: 2px 5px;
}

/* new fa icons */
.fa {
    color: #a0a0a0;
    font-size: 20px;
    cursor:pointer;
}

.fa.min {
    font-size:13px;
}

.fa.alink {float:none;}

.fa:hover {
    color:#666;
}

.border_b_dot {
    border-bottom:1px dotted #ccc;
}	

.info_boxes {
    background-color:#fff;
    border-radius: 5px;
    padding: 10px;
}

/* table list td colors */
table.list td.dark_grey {background-color:#ccc;}

.link.fs_10 {font-size:11px;}

.strong {font-weight:bold!important;}
.fs_15 {font-size:15px!important;}
.border-left td {border-left: 1px solid #ccc;}
.border-left td:first-child {border-left:none;}

h3 #customTitle {text-shadow:none;}

.img-responsive {
    width: 100%;
    height: auto;
}
.file_name {
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pending_users {
    td:not(:first-child) {
        padding-left: 15px;
    }
}