*{
    font-family: 'Open Sans', sans-serif !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body{
    font-size: 14px;
    font-weight: 600;
    color: #5e5e5e;
    background: #e6e6e6;
}
body.controller_login{
    background-image: url(images/pattern_bg.png);
}
#main_table{
    z-index: 1;
}
#main_table .content_td{
    width: 1366px;
}
#content{
    max-width: 1366px;
}
::selection{
    background: #000080;
    color: #fff;
    text-shadow: none;
}

::-moz-selection{
    background: #000080;
    color: #fff;
    text-shadow: none;
}

h1, h2, h3, h4, h5, h6{
    font-weight: 700;
}

b, strong{
    font-weight: 800;
}

.thin{
    font-weight: 300;
}

.lg_text{
    font-size: 19px;
    font-weight: 800;
}
a{
    color: #005588;
    text-decoration: none;
}

a:hover{
    color: #5990b1;
}

blockquote{
    border-left: 2px solid #005588;
    background: #fff;
}
blockquote, blockquote p{
    font-weight: 400;
}
blockquote cite, blockquote cite a{
    color: #005588;
}

pre, pre *{
    background: #fff !important;
    color: #000 !important;
}

pre a{
    color: #0000ee !important;
}

pre a:visited{
    color: #551A8B !important;
}

.green{
    color: #1b9b5e !important;
}

.status_box{
    font-weight: 700;
    color: #fff !important;
    background: #505050;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: rgba(0,0,0,0.5) 0px 1px 1px;
    -moz-box-shadow: rgba(0,0,0,0.5) 0px 1px 1px;
    box-shadow: rgba(0,0,0,0.5) 0px 1px 1px;
}

.status_box.green{
    background: #1b9b5e !important;
}

.alert_message.green{
    background: #1b9b5e;
}

.alert_message p{
    color: #fff;
}

.content_title{
    color: #a0a0a0;
    font-size:12px;
    font-weight: 700;
    text-transform: uppercase;
}
.uppercase{
    text-transform: uppercase;
}
hr{
    border-top: 1px solid rgba(0,0,0,0.2);
}

p{
    font-size: 14px;
    color: #5e5e5e;
}
.disclaimer{
    color: #ff0000;
    font-weight: 700;
    text-shadow: none;
}
.bg_gradient{
    background: #5e5e5e !important;
    background: -webkit-linear-gradient(bottom, #5e5e5e , #1E1E1E)!important;
    background: -o-linear-gradient(bottom, #5e5e5e, #1E1E1E)!important;
    background: -moz-linear-gradient(bottom, #5e5e5e, #1E1E1E)!important;
    background: linear-gradient(to bottom, #5e5e5e , #1E1E1E)!important;
}
.center_text{
    text-align: center!important;
}
.hidden{
    display: none;
}
.notice {
    font-size: 0.9em;
}
.no_bottom{
    margin-bottom: 0!important;
    padding-bottom: 0!important;
}
.responsive_img{
    max-width: 100%;
}
/** Layout **/
.header_container:after{
    display: table;
    content:"";
    clear:both;
}
.left_column {
    width: 33.33%;
    float:left;
}
.left_column:after{
    display: table;
    content:"";
    clear:both;
}
#main_content_column{
    float: none;
    width: 100%;
    padding-left: 340px;
    position: relative;
}
.sidebar_view #main_content{
    padding-right:280px; 
}
#main_content_wrap{
    padding-top: 82px;
}
#main_content_scroll_wrap{
    width: 100%;
    position: relative;
    /*overflow: hidden;*/
}

#main_content_scroll{
    width: 100%;
}
#main_content_scroll .main_column_left{
    width: 100%;
    float: none;
}
#main_content_scroll_wrap .iScrollLoneScrollbar{
    z-index: 99!important;
    width: 12px!important;
}
#main_content_scroll_wrap .iScrollLoneScrollbar .iScrollIndicator{
    border-radius: 5px!important;
    background: rgba(89, 144, 177, 0.8)!important;
}

#main_content{
    background: #e6e6e6;
}
.main_column{
    width: 66.66%;
    float: right;
    background: #e6e6e6;
    position: relative;
}
.main_column:after{
    display: table;
    content:"";
    clear:both;
}
.main_column_left{
    width: calc(100% - 280px);
    float:left;
    position: relative;
    min-height: 0;
}
#header_wrap .main_column_left{
    min-height: 0;
    width: 100%;
}
.header_container .main_column_left{
    height: 82px;
}
.main_column_right{
    background-color: #5990b1;
    width: 280px;
    float:right;
}
#sidebar_section{
    position: fixed;
    top: 110px;
    right: 0;
    padding-bottom: 2em;
    width: 280px;
    overflow: hidden;
}
#qb_info_section + #main_content #sidebar_section{
    top: 142px;
}
#qb_info_section.collapsed{
    height: 0!important;
}
/**MENU**/
#main_nav{
    text-align: left;
}
#menu_btn:before{
    background: #005588;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: rgba(0,0,0,0.5) 0px 1px 1px;
    -moz-box-shadow: rgba(0,0,0,0.5) 0px 1px 1px;
    box-shadow: rgba(0,0,0,0.5) 0px 1px 1px;
}

#main_nav nav ul{
    border-left: 0;
    float: none;
}

#main_nav nav ul li{
    display: block;
    background: transparent;
    border: 0;
}
#main_nav nav ul li:hover,
#main_nav nav ul li.open{
    background: transparent;
}
#main_nav nav > ul > li:hover:after,
#main_nav nav > ul > li.current:after{
    content:"";
    background: url(../media/img/bg/bg_current_menu.png?v=2.0) no-repeat;
    position: absolute;
    top: 0;
    width: 340px;
    height: 60px;
    right: 0;
    z-index: 2;
}
#main_nav nav > ul > li.sub_menu:hover:after,
#main_nav nav > ul > li.sub_menu.current:after{
    background-image: url(../media/img/bg/bg_current_menu_arrow.png?v=2.0);
}
#main_nav nav > ul > li.login_bar_menu_start:hover:after,
#main_nav nav > ul > li.login_bar_menu.current:after{
    background:none;
}
#main_nav nav ul li a, #main_nav nav ul li .title{
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    text-transform: none;
    padding: 1.45em 1.18em 1.45em 5.5em;
    height: 60px;
}
#main_nav nav ul li.login_bar_menu a{
    padding: 1.1em 2.4em;
    height: 50px;
}
#main_nav nav ul li.login_bar_menu a:hover{
    background: rgba(0, 0, 0, 0.5);
}
#main_nav nav ul li.login_bar_menu_start:before
,#main_nav nav ul li.login_bar_menu_end:after{
    content:"";
    height: 1px;
    display: block;
    margin: 0.45em 2.4em;
    background-color: #1E1E1E;
    right: initial;
    width: 272px;
    top: initial;
}

#main_nav nav ul li.current a, #main_nav nav ul li:hover a, #main_nav nav ul li .title{
    font-weight: 600;
    z-index: 3;
    position: relative;
}

#main_nav nav ul li.current > a, #main_nav nav ul li.current > .title{
    font-weight: 800;
}

#main_nav nav ul li.current > a, #main_nav nav ul li:hover > a, #main_nav nav ul li.current > .title, #main_nav nav ul li:hover > .title{
    /*background: #7899b0;*/
}

#main_nav nav ul li ul {
    position: relative;
    right: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#main_nav nav ul li ul li{
    border: 0;
    border-top: 1px solid #fff;
}
#main_nav nav ul li ul li:last-child{
    border-bottom: 1px solid #fff;
}
#main_nav nav ul li ul li a
,#main_nav nav ul li ul li .sub_menu{
    background-color: #1e1e1e;
    padding: 1.3em 1em 1.2em 3em;
    height: auto;
}
#main_nav nav ul li ul li ul li a{
    background-color: #444;
    padding: 1.1em 1em 1em 4.5em;
    height: 50px;
}
#main_nav nav ul li ul li a:hover,
#main_nav nav ul li ul li.current a,
#main_nav nav ul li ul li .sub_menu:hover{
    background-color: #5e5e5e;
}
#main_nav nav ul li ul li.sub_menu:after{
    content: "";
    z-index: 4;
    background: url(../media/img/icons/icon_arrow_right_white.svg) no-repeat;
    position: absolute;
    top: 18px;
    width: 9px;
    height: 18px;
    right: 35px;
}

#main_nav_wrap{
    background: transparent;
        -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    padding-bottom: 3em;
}
#main_nav_wrap.login_size{
    height: auto;
}
#main_nav .menu_icon{
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    width: 33px;
    height: 33px;
    position: absolute;
    left: 30px;
    top: 12px;
}
#main_nav .menu_icon.dashboard_icon{
    background-image: url(../media/img/icons/icon_dashboard.svg);
    background-size:30px;
}
#main_nav .menu_icon.contact_icon{
    background-image: url(../media/img/icons/icon_contacts.svg);
    background-size:30px;
}
#main_nav .menu_icon.purchase_orders_icon{
    background-image: url(../media/img/icons/icon_purchase_orders.svg);
    background-size:21px;
}
#main_nav .menu_icon.receiving_icon{
    background-image: url(../media/img/icons/icon_receiving.svg);
    background-size:22px;
}
#main_nav .menu_icon.receiving_icon{
    background-image: url(../media/img/icons/icon_receiving.svg);
    background-size:22px;
}
#main_nav .menu_icon.inventory_icon{
    background-image: url(../media/img/icons/icon_inventory.svg);
    background-size:33px;
}
#main_nav .menu_icon.sales_orders_icon{
    background-image: url(../media/img/icons/icon_sales_orders.svg);
    background-size:21px;
}
#main_nav .menu_icon.shipping_icon{
    background-image: url(../media/img/icons/icon_shipping.svg);
    background-size:31px;
}
#main_nav .menu_icon.accounting_icon{
    background-image: url(../media/img/icons/icon_accounting.svg);
    background-size:20px;
}
#main_nav .menu_icon.admin_icon{
    background-image: url(../media/img/icons/icon_admin.svg);
    background-size:22px;
}
#main_nav .menu_icon.deliveries_icon{
    background-image: url(../media/img/icons/icon_deliveries.svg);
    background-size:30px;
}
#main_nav .menu_icon.my_account_icon{
    background-image: url(../media/img/icons/icon_my_account.svg);
    background-size:18px;
    background-position-y: 12px;
}
#main_nav li:hover .menu_icon.my_account_icon{
    background-position-y: 4px;
}
#main_nav .menu_icon.logout_icon{
    background-image: url(../media/img/icons/icon_logout.svg);
    background-size:20px;
}
#main_nav nav ul li ul li ul{
    top: 0;
    left: auto;
    right: auto;
}
.icon.fill{
    width: 23px;
    height: 26px;
    background-image: url(../media/img/icons/icon_fill.svg);
    background-size: 20px;
    background-position: 0px 0px;
}
.icon.drain{
    width: 23px;
    height: 26px;
    background-image: url(../media/img/icons/icon_drain.svg);
    background-size: 20px;
    background-position: 0px 0px;
}
#main_nav .login_bar_menu .menu_icon{
    display: none;
}
#main_nav nav ul li.sub_menu > .title:after{
    display: none;
}
/*************/
#content h1, #content h2{
    color: #5e5e5e;
    text-shadow: none;
    font-weight: 800;
    text-transform: none;
}
#content h1{
    font-size:18px;
}
#content h2{
    font-size:15px;
}

#content h3, #gi_modal h3{
    font-weight: 800;
    font-size:15px;
    text-shadow: none;
    text-transform: none;
}
h4 {
    color: #005588;
    font-size:14px;
}
h5 {
    color: #a0a0a0;
    font-size:12px;
    text-transform: uppercase;
}
h6 {
    color: #1b9b5e;
    font-size:14px;
    text-transform: uppercase;
}
.sml_text h3{
    font-size: 1.07em !important;
}
.sml_text p{
    font-size: 1em !important;
}
#content_wrap{
    padding-bottom: 0;
}
#content, #login_box{
    background: #e6e6e6;
    -webkit-box-shadow: none; 
    -moz-box-shadow: none;
    box-shadow: none;
}
.content_padding{
    padding: 25px;
}
.content_padding > .right_btns{
    margin-top: 15px;
}
.advanced{
    position: relative;
    border-bottom: 0;
    padding-bottom: 0;
}
.advanced.advanced_block:last-child{
    border-bottom: 0;
}
.tab_content .advanced_content > .content_padding{
    padding: 0;
}
.content_bg_box{
    -moz-box-shadow: 0 0 5px 2px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,.2);
    box-shadow: 0 0 5px 2px rgba(0,0,0,.2);
    background-color: #fff;
    padding: 2.14em 25px;
    border-radius: 4px;
    position: relative;
    margin-bottom: 3em;
}
.content_bg_box.has_top_btns{
    margin-top: 76px;
}
.tab_content .advanced_content > .content_padding .content_bg_box.has_top_btns{
    margin-top: 0;
    padding: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.content_bg_box.has_half_top_btns{
    margin-top: 40px;
}
.content_bg_box.has_wizard{
    margin-top: 90px;
}
.content_bg_box.has_half_top_btns{
    margin-top: 40px;
}
.content_bg_box > .right_btns
,.content_bg_box form > .right_btns{
    position: absolute;
    right: 0;
    top: -80px;
    height: 50px;
}
.content_bg_box.has_half_top_btns > .right_btns{
    top: -50px;
}
.content_bg_box > .right_btns.in_box_btns
,.content_bg_box form > .right_btns.in_box_btns{
    position: absolute;
    right: 20px;
    top: 23px;
    height: 50px;
}
.content_bg_box > .left_btns{
    position: absolute;
    left: 0;
    top: -80px;
    height: 50px;
}
.content_bg_box .right_btns .custom_btn{
    display: inline-block;
    padding-top: 12px;
}
.content_bg_box .has_avatar .right_btns .custom_btn{
    padding-top: 0;
}
.right_btns.view_header_right_btns{
    top: 22px!important;
    right: 20px;
}
.content_bg_box > h1, .content_bg_box > div > h1, .content_bg_box > form > h1, .content_bg_box > div > form > div > h1, .content_bg_box > h2, .has_box_title > h2, .tab_content > h2, .tab_content > .table_columns > h2, .content_bg_box > h2.main_head, .content_bg_box .content_box_title, .content_bg_box .wiz_step .wiz_step_title, .content_bg_box #ship_shipments > h3, .content_bg_box .advanced .advanced_header {
    font-size: 18px!important;
    background-color: rgba(94,94,94, 0.1);
    margin-left: -25px;
    margin-right: -25px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.content_bg_box .advanced .advanced_content .has_box_title h3{
    font-size: 18px!important;
    background-color: rgba(94,94,94, 0.1);
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 1em;
}
.content_bg_box .advanced .advanced_header{
    background-color: transparent;
    position: relative;
}
.content_bg_box .advanced .advanced_content .content_box_title{
    margin-left: -15px;
    margin-right: -15px;
}
/*.content_bg_box .advanced .advanced_content > div >.right_btns{
    margin-top: 6px;
}*/
.content_bg_box .advanced_block .advanced_content .shipments_section .right_btns{
    margin-top: 6px;
}
.advanced_header:after {
    content: "";
    clear: both;
    display: table;
}
.content_bg_box .advanced .advanced_header:after{
    border-bottom: 2px solid #e7e7e7;
    width: 100%;
    margin-top: 10px;
    margin-bottom: -10px;
}
.advanced_title_right_icon{
    margin-left:10px; 
}
.svg_icon.inv_icon{
    margin-top: -5%;
    line-height: none;
}
.advanced_title_right_icon .svg_icon{
    width: 22px!important;
    height: 22px!important;
}
.completed.advanced_title_right_icon .svg_icon svg *{
    fill: #009000;
}
.in_progress.advanced_title_right_icon .svg_icon svg *{
    fill: #c2bfbd;
}
.advanced.has_right_btns:not(.sidebar_cagegory) .advanced_content{
    padding-top: 65px;
    position: relative;
}
#main_section .advanced.has_right_btns .advanced_content:before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 18px;
    width: 100%;
    height: 34px;
    background-color: rgba(94,94,94, 0.1);
}
.advanced.has_right_btns.sidebar_cagegory .advanced_content{
    padding-top: 1em;
}
.advanced.has_right_btns .advanced_content .advanced_content_btns.right_btns
,.advanced.has_right_btns .advanced_content > .right_btns
,.advanced.has_right_btns .advanced_content > .view_wrap > .right_btns{
    position: absolute;
    right: 15px;
    top: 23px;
    margin-top: 0;
    margin-bottom: 0;
}
.advanced.has_right_btns .advanced_content .advanced_content_btns.right_btns .custom_btn
,.advanced.has_right_btns .advanced_content > .right_btns .custom_btn
,.advanced.has_right_btns .advanced_content > .view_wrap > .right_btns .custom_btn{
    padding-top: 0;
}
.content_bg_box > form > fieldset{
    margin-left: -25px;
    margin-right: -25px;
}
.content_bg_box > form > fieldset > legend{
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 0;
    top: 0;
}
.content_bg_box > form > fieldset > div{
    padding-left: 25px;
    padding-right: 25px;
}
    
.container{
    width:100%;
    margin: 0 auto;
    max-width: 1366px;
}
body.fullscreen #content_wrap{
    min-height: 100vh; 
    position: relative;
}
#header {
    height: 82px;
    padding: 0;
}
#header_wrap{
    background-image:url(../media/img/bg/bg_header.png);
    background-repeat: repeat-y;
    background-size: 100%;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:    0px 5px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow:         0px 5px 5px 0px rgba(0, 0, 0, 0.1);
    z-index: 10100;
    position: fixed;
    top: 0;
    width: 100%;
    height: 82px;
}
#header_wrap:after {
  content: "";
  display: table;
  clear: both;
}
#header_wrap .left_column{
    background-color: #dfdad8;
}
#header_wrap .main_column{
    background-color: #fff;
    height: 82px;
}
#logo{
    margin-top: 0;
    top: 0;
    padding-top: 13px;
    height: 82px;
    /*right: 30px;*/
    right: auto;
    left: auto;
    position: relative;
}
#logo > img{
    width: 274px;
    height: 56px;
}
#logo_mobile{
    display: none;
}
#log_out{
    font-weight: 600;
    color: #f1f1f1;
    text-transform: uppercase;
}
.file_thumb .corner:before{
    background: #e6e6e6;
}
.content_bg_box .file_thumb .corner:before,
.gi_modal .file_thumb .corner:before{
    background: #fff;
}
.content_block_wrap{
    margin-top: 0;
}
.list_block .content_block_wrap .contact_info_view{
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}
.list_block .content_block_wrap .content_block_title{
    font-size: 1em !important;
    border-bottom: none;
}
.list_block .content_block_wrap:nth-child(even){
    background: transparent;
}
.list_block .content_block_wrap:nth-child(odd){
    background: transparent;
}
.list_block .content_block_wrap{
    border: 0!important;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  opacity: 0.3;
}
::-moz-placeholder { /* Firefox 19+ */
  opacity: 0.3;
}
:-ms-input-placeholder { /* IE 10+ */
  opacity: 0.3;
}
:-moz-placeholder { /* Firefox 18- */
  opacity: 0.3;
}
.full_width_column .columns .column{
    width: 100%!important;
}
.no_data_found{
    padding: 15px;
}
.advanced .advanced_content .no_data_found{
    background: #f0f0f0;
}
.ac_remove{
    top: 0.7em;
}
.integer_pos_element{
    /*max-width: 60px;*/
}
.gi_modal .integer_pos_element{
    max-width: 100%;
}
/**BREADCRUMBS**/
#breadcrumbs{
    background: #5990b1;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    z-index: 999;
    position: fixed;
    top:82px;
    width: calc(100% - 340px);
}

#breadcrumbs li:after{
    content: '\00bb';
    color: #005588;
}

#breadcrumbs li a, #breadcrumbs li .title{
    font-weight: 600;
    color: #fff;
    font-size: 13px;
}

#breadcrumbs li:last-child a,
#breadcrumbs li:last-child .title{
    color: #fff;
    text-transform: none;
    font-weight: 700;
}

#breadcrumbs a:hover{
    color: #005588;
}
/** QB bar **/
.qb_bar_wrap{
    position: fixed;
    top:110px;
    width: calc(100% - 340px);
}
/**FULLSCREEN**/
body.fullscreen {
    background: #e6e6e6;
}
#toggle_fullscreen{
    display: none;
}

#toggle_fullscreen:before{    
    display: none;
}

#toggle_fullscreen:after{    
    display: none;   
}

body.fullscreen #main_table .content_td{
    width: 100%;
}
body.fullscreen #content, body.fullscreen #content > .flex_columns{
    min-height: 0;
}
body.fullscreen .container{
    max-width: none;
}
body.fullscreen #header_wrap .main_column{
    width: calc(100% - 340px);
}
body.fullscreen .left_column{
    width: 340px;
}
#left_menu_column{
    position: fixed;
    top: 82px;
    z-index: 1;
    width: 340px;
}
body.fullscreen .columns.quarters>.column.three_quarters.main_column{
    width: calc(100% - 340px)!important;
}
/**FLEX TABLE**/
.flex_table{
    border: 0;
}
.nested_form_wrap .flex_table{
    margin-bottom: 0;
}
.flex_table .flex_col{
    color:#5e5e5e;
    font-size: 13px;
    font-weight: 600;
}

.flex_table a.flex_col{
    color: #005588;
    font-weight: 600;
}

.flex_table .flex_row:nth-child(even){
    background: #f0f0f0;
}
.flex_table.no_stripe .flex_row:nth-child(even) {
    background: inherit;
}
.flex_table .flex_row:nth-child(odd){
    background: #fff;
}
.flex_table.no_stripe .flex_row:nth-child(even)
,.flex_table.no_stripe .flex_row:nth-child(odd){
    background: transparent;
}
.flex_table.no_stripe .flex_row:nth-child(even) {
    background: inherit;
}
.flex_table .flex_row.subtotal_row
,.flex_table .flex_row.total_row{
    background: #d0d0d0;
    color: #5e5e5e;
}
.flex_table .flex_row.total_row .flex_col{
    font-weight: 700;
}

.flex_table.white_bg_head .flex_row:nth-child(odd){
    background: #f5f5f5;
}

.flex_table.white_bg_head .flex_row:nth-child(even){
    background: #efefef;
}

.flex_table .flex_row .flex_row{
    background: inherit;
}
.flex_table .flex_row.flex_head,
.flex_table .flex_row.flex_foot{
    background: transparent;
}

.flex_table.white_bg_head .flex_row.flex_head{
    background: #fff;
}
.flex_table.dgrey_bg_footer .flex_row.flex_foot{
    background: #5e5e5e;
}

.flex_table .flex_row.flex_head .flex_col,
.flex_table .flex_row.flex_foot .flex_col{
    color: #a0a0a0;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}
.flex_table.white_bg_head .flex_row.flex_head .flex_col{
    color: #a0a0a0;
}
.flex_table.dgrey_bg_footer .flex_row.flex_foot .flex_col{
    color: #fff;
}
.flex_col.none_flex.qb_product_codes{
    width: 160px;
}
.qb_modal#gi_modal h3.table_title{
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-weight: 700;
    font-size: 1.2em;
    text-transform: uppercase;
    text-shadow: none;
}
/**UI TABLE**/
.ui_table caption{
    text-align: left;
    color: #5e5e5e;
    text-shadow: none;
    font-weight: 800;
    padding: 8px 0.64em;
    background-color: rgba(94,94,94, 0.1);
}

.ui_table th, .ui_table td{
    border: 0;
    padding: 10px 5px;
}

.ui_table td{
    color:#5e5e5e;
    font-size: 13px;
    font-weight: 600;
}
.ui_table th{
    background: transparent;
    color: #a0a0a0;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.ui_table tr:nth-child(odd) td{
    background: #f0f0f0;
}

.ui_table tr:nth-child(even) td{
    background: #fff;
}

.ui_table tr:hover td{
    background: #fff5f5;
}
.ui_table.grey_bg_table tr th{
    border-bottom: 0;
}
.ui_table.grey_bg_table tr td{
    background-color:rgba(94,94,94,0.1); 
    border-bottom: 10px solid transparent;
}
.ui_table tr.checked:nth-child(odd) td{
    background: #ccdde7;
}

.ui_table tr.checked:nth-child(even) td{
    background: #d9e6ed;
}

.ui_table td a.black_link{
    color: #000;
}

.ui_table td a.simple_link{
    color: #000;
    font-weight: 300;
}

.ui_table td.adjust a.custom_btn .icon_wrap{
    background: #808080;
}

.ui_table tr.deleted td{
    text-decoration: line-through;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.ui_table tr.viewed td{
/*    text-decoration: line-through;*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.ui_table td.remove_cell .icon_wrap{
    background-color: #808080;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;    
}

.ui_table td.icon_cell,
.ui_table th.icon_cell{
    width: 50px;
}

tr.percent.discount:nth-child(odd) td,
tr.discounted:nth-child(odd) td{
    background: #dbe9f5;
}

tr.percent.discount:nth-child(even) td,
tr.discounted:nth-child(even) td{
    background: #cadceb;
}
.ui_table .col_large{
    width: 30%;
}
.ui_table .col_medium{
    width: 20%;
}
.ui_table .col_small{
    width: 10%;
}
.ui_table .col_xsmall{
    width: 40px!important;
}
.simple_table th, .simple_table td{
    vertical-align: middle;
}
.ui_table td a.inline_block {
    display: inline-block;
}
/**BUTTONS**/
.submit_btn, .reset_btn, .other_btn, input[type="button"]{
    background: #5990b1;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    text-transform: none;
    border-radius: 24px;
    padding: 16px 60px; 
    -moz-box-shadow: 0 0 2px 1px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,.4);
    box-shadow: 0 0 2px 1px rgba(0,0,0,.4);
    border: 1px solid #b8bbbe; /*fix Chrome bug with cut-off background*/
}
.gi_modal.shadow_box_modal .submit_btn,
.gi_modal.shadow_box_modal .reset_btn,
.gi_modal.shadow_box_modal .other_btn,
.gi_modal.shadow_box_modal input[type="button"]{
    padding-top:16px;
    padding-bottom: 16px;
}
.submit_btn.sml{
    padding: 10px 30px; 
}
.toggle_search_type_btn{
    background: #2CA01C;
    border-color: #2CA01C;
    color: #fff;
}
.toggle_search_type_btn:hover{
    background: #1c6612!important;
}

.jsignature_wrap .other_btn{
    padding: 8px 15px; 
}
.browse_computer{
    padding: 0.55em 0.4em;
}
.browse_computer,.browse_computer:hover{
    background: transparent;
    border: 0;
}
.browse_computer .btn_text{
    color: #005588;
    font-weight: 700;
    font-size: 14px;
    margin-left: 5px;
}
.browse_computer .icon.upload{
    left: 6px;
}
.browse_computer:before{
    content:"";
    background-color: #005588;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    position: absolute;
    padding: 0;
    left: 0;
    top: 4px;
    -moz-box-shadow: 0 0 2px 1px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,.4);
    box-shadow: 0 0 2px 1px rgba(0,0,0,.4);
    z-index: -1;
}
.browse_computer:hover:before{
    background-color: #5990b1;
}
.submit_btn.disabled, .reset_btn.disabled, .other_btn.disabled, input[type="button"].disabled{
    background: #c2c2c2;
    color: #fff!important;
        -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.submit_btn.slim_btn, .reset_btn.slim_btn, .other_btn.slim_btn, input[type="button"].slim_btn{
    border-radius: 12px;
    padding: 6px 60px;
    font-size: 13px;
}
.submit_btn:not(.disabled):hover, .reset_btn:not(.disabled):hover, .other_btn:not(.disabled):hover, input[type="button"]:not(.disabled):hover{
    background: #005588;
    color: #fff;
}
.custom_btn{
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    text-transform: none;
    border-radius: 24px;
    /*padding: 14px 36px;*/
}

.custom_btn .icon_wrap{
    background-color: #005588;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;    
    padding: 6px;
    -moz-box-shadow: 0 0 2px 1px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,.4);
    box-shadow: 0 0 2px 1px rgba(0,0,0,.4);
}

.custom_btn.gray,
.custom_btn.disabled{
    color: #808080;
}

.custom_btn.gray .icon_wrap,
.custom_btn.disabled .icon_wrap,
.custom_btn.disabled:hover .icon_wrap{
    background: #808080;
}

.custom_btn:hover .icon_wrap{
    background: #5990b1;
}
.custom_btn .btn_text{
    color: #005588;
    font-weight: 700;
    font-size: 14px;
}
.custom_btn.gray .btn_text{
    color: #5e5e5e;
}
.custom_btn:hover .icon_wrap .btn_text{
    color: #5990b1;
}
.custom_btn.disabled{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
.icon_btn .icon{
    left: 50px;
}
#gi_modal .submit_btn, #gi_modal .reset_btn, #gi_modal .other_btn, #gi_modal input[type="button"]{
    padding-left: 30px;
    padding-right: 30px;
}
#gi_modal.large_sized .submit_btn, #gi_modal.large_sized .reset_btn, #gi_modal.large_sized .other_btn, #gi_modal.large_sized input[type="button"]{
    padding-left: 60px;
    padding-right: 60px;
}
#delete_model .submit_btn {
    margin-right: 0.5em;
}
.has_right_btns .right_btns{
    margin-top: -15px;
}
.inline_btns{
    display: inline-block;
}
.trans_btns .custom_btn .icon_wrap{
    background-color: transparent;
        -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.inline_btns .right_btns{
    float: none;
}
/**PAGINATION**/
.pagination_bar .total_count{
    display: none;
}

.pagination_bar .total_count .numeric_index{
    font-weight: 600;
}

.pagination li,
.load_more_btn,
.result_limit_bar li{
    background: #005588;
    border-left: 1px solid #5990b1;
    border-bottom: 1px solid #5990b1;
    border-right: 1px solid #d7b6b9;
    border-top: 1px solid #d7b6b9;
    -webkit-box-shadow: rgba(0,0,0,0.5) 0px 1px 1px;
    -moz-box-shadow: rgba(0,0,0,0.5) 0px 1px 1px;
    box-shadow: rgba(0,0,0,0.5) 0px 1px 1px;
}

.pagination li:first-child{
    border-radius: 50% 0px 0px 50%;
    -moz-border-radius: 50% 0px 0px 50%;
    -webkit-border-radius: 50% 0px 0px 50%;
    padding-left: 5px;
}

.pagination li:last-child{
    border-right: none !important;
    border-radius: 0px 50% 50% 0px;
    -moz-border-radius: 0px 50% 50% 0px;
    -webkit-border-radius: 0px 50% 50% 0px;
    padding-right: 5px;
}

.pagination li:hover,
.pagination li.current,
.load_more_btn:hover,
.result_limit_bar li:hover,
.result_limit_bar li.current{
    -webkit-box-shadow: inset rgba(0,0,0,0.5) 0px 1px 1px;
    -moz-box-shadow: inset rgba(0,0,0,0.5) 0px 1px 1px;
    box-shadow: inset rgba(0,0,0,0.5) 0px 1px 1px;
    border-right: 1px solid #5990b1;
    border-top: 1px solid #5990b1;
    background: #5990b1;
}

.load_more_btn{
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 12px 18px;
}

.pagination li a,
.pagination li.more,
.load_more_btn .btn_text,
.result_limit_bar li .limit_btn{
    color: #f1f1f1;
    font-weight: 700;
}

.pagination li.more{
    background: none;
    color: #7899b0;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
/**AVATARS**/
.avatar_wrap{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #005588;
}

.avatar_wrap.avatar_placeholder{
    background: #005588;
}
.avatar_initials{
    color: #fff;
}
#user_bar{
    padding-left: 46px;
    text-align: left;
    height: 34px;
    margin-top: -17px;
}
#user_bar .notify_count{
    font-weight: 700;
    color: #fff;
    background: #d9392e;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    -webkit-box-shadow: rgba(0,0,0,0.4) 0px 0px 3px;
    -moz-box-shadow: rgba(0,0,0,0.4) 0px 0px 3px;
    box-shadow: rgba(0,0,0,0.4) 0px 0px 3px;
    top: -4px;
}
#user_bar .user_email:after{
    content:"";
    background: url(../media/img/icons/icon_notification.svg) no-repeat;
    background-size: 24px;
    position: absolute;
    width:24px;
    height:27px;
    right: 3px;
    top: 6px;
}
#user_bar .user_name{
    color: #005588;
    text-shadow: none;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 0;
}

#user_bar .user_email{
    color: #000;
    font-size: 13px;
    font-weight: 400;
}

#user_bar .img_thumb, #user_bar .avatar_placeholder{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    margin-top: -17px;
    left: 0;
}

#user_bar .img_thumb.missing,
.avatar_wrap .img_thumb.missing{
    border: 3px dashed #bd4b4b;
    background: url('images/missing_file.png') center;
    background-size: 36px 36px;
}
#user_bar .img_thumb img
,.avatar_wrap .img_thumb img{
    width: 120%;
    margin-left: -10%;
}
#user_bar .avatar_placeholder{
    background: #005588;
}
.avatar_placeholder .icon.avatar{
    background-position: -449px 3px;
    margin-left: -17px;
}
#user_bar .avatar_placeholder:after{
    -webkit-box-shadow: inset rgba(0,0,0,0.5) 0px 0px 10px;
    -moz-box-shadow: inset rgba(0,0,0,0.5) 0px 0px 10px;
    box-shadow: inset rgba(0,0,0,0.5) 0px 0px 10px;
}
/** gi_ui.css **/
.ui-menu .ui-menu-item.custom_btn, .ac_results ul.ui-menu li.ui-menu-item.custom_btn, .ac_list li.custom_btn
,.ui-menu .ui-menu-item.custom_btn:hover, .ac_results ul.ui-menu li.ui-menu-item.custom_btn:hover, .ac_list li.custom_btn:hover{
    background-color: transparent;
}
#eco_fees_rows ul.ac_list .ac_remove.custom_btn{
    margin-right: -36px;
}

/**GI_MODAL**/
#gi_modal_bg{
    background: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.gi_modal{
    width: 360px;
    background: #fff;
    border: 0;
    border-radius: 3px;
    -moz-box-shadow: 0 0 5px 2px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,.2);
    box-shadow: 0 0 5px 2px rgba(0,0,0,.2);
    z-index: 10109;
}
#gi_modal .content_padding.gi_modal_no_pad{
    margin-top: 20px;
}
#gi_modal.page_nested_modal .content_padding.gi_modal_no_pad{
    margin-top: 0;
}
#gi_modal .content_padding.gi_modal_no_pad h2{
    background-color: rgba(94,94,94, 0.1);
    color: #5e5e5e;
    text-transform: none;
    font-weight: 700;
    text-shadow: none;
    min-height: 34px;
}
#gi_modal .content_padding.gi_modal_no_pad .close_gi_modal .icon.remove_sml{
    background-position: -208px -52px;
    width: 13px;
    height: 13px;
}

#gi_modal .content_padding.breadcrumbs{
    background: #fff;
    border-bottom: 1px solid #404040;
}
.qb_modal#gi_modal{
    border:none;
    border-radius:6px;
    background-color: #fff;
}
.qb_modal#gi_modal .content_padding.gi_modal_no_pad h2.main_head{
    background: #2CA01C;
    color: #fff;
    margin-top: 1.5em;
    font-size: 1.2em;
}
.qb_modal#gi_modal .content_padding.gi_modal_no_pad .close_gi_modal .icon.remove_sml{
    background-position: -208px -4px;
}
.qb_modal#gi_modal .content_padding.gi_modal_no_pad h2.main_head:before{
    content: '';
    display: block;
    position: absolute;
    height: 10px;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.3) , rgba(0,0,0,0));
    background: -o-linear-gradient(bottom, rgba(0,0,0,0.3), rgba(0,0,0,0));
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0.3), rgba(0,0,0,0));
    background: linear-gradient(to bottom, rgba(0,0,0,0.3) , rgba(0,0,0,0));
    pointer-events: none;
}
.qb_modal#gi_modal .content_padding.gi_modal_no_pad h2.main_head:after{
    content:"";
    display: block;
    position: absolute;
    top: 0;
    right: 3em;
    background: url(images/qb/qb_logo.png) no-repeat right center;
    background-size: 152px 52px;
    width: 152px;
    height: 52px;
}
.qb_modal#gi_modal .close_gi_modal .icon_wrap{
    background-color: transparent;
}
.qb_modal#gi_modal .form_section .wrap_btns{
    margin-top: 2em;
}
.content_padding.breadcrumbs span{
    color: #404040;
    font-weight: 600;
}

.content_padding.breadcrumbs span:after{
    content: '>';
    color: #404040;
}
#gi_modal .close_gi_modal .icon_wrap{
    background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: -3px;
}
.gi_modal.shadow_box_modal{
    z-index: 10109;
}
.gi_modal.shadow_box_modal + #gi_modal_bg{
    z-index: 10108;
}
.gi_modal.shadow_box_modal .content_padding.gi_modal_no_pad .close_gi_modal .icon.remove_sml{
    background-image: url(../media/img/icons/icon_cross_lg_w.svg);
    background-size: 50px;
    width: 50px!important;
    height: 50px!important;
    background-position: center!important;
}
.gi_modal .no_pad{
    padding: 0;
}

.gi_modal .form_section_title{
    background-color: #7898af;
    color: #fff;
    font-size: 1.2em;
    font-weight: 700;
    text-transform: none;
    text-shadow: none;
    padding: 0.6em 1em;
    margin-bottom: 0;
}
.gi_modal .form_section_body{
    padding: 1.5em 1em;
}
/**OTHER STYLES**/
p.content_block, a.content_block, div.content_block{
    background: #fff;
    color: #808080;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
}
.content_block_title + p.content_block
,.content_block_subtitle + .content_block{
    padding: 0 0.8em;
}
.list_block .content_block_title + p.content_block{
    padding: 0 0.2em 0 0;
}
.list_block .qb_linked .content_block_title + p.content_block{
    padding: 0.5em 0.8em;
}
ul.inline_blocks li{
    background: #fff;
    color: #808080;
}

p.tag_block .tri{
    border-top: 1em solid #efedec;
    border-left: 1em solid transparent;
}
ul.round_border_selector{
    list-style: none;
}
ul.round_border_selector li{
    float: left;    
}
ul.round_border_selector li a
,ul.round_border_selector li label{
    display: block;
    border: 1px solid #a0a0a0;
    padding: 15px 20px;
    height: 50px;
    font-size: 15px;
    color:#5e5e5e;
}
ul.round_border_selector li a:hover
,ul.round_border_selector li.current label{
    background-color: #5990b1;
    border-color: #5990b1;
    color:#fff;
}
ul.round_border_selector li:first-child a
,ul.round_border_selector li:first-child label{
    border-top-left-radius:25px;
    border-bottom-left-radius:25px;
    padding-left: 30px;
}
ul.round_border_selector li:last-child a
,ul.round_border_selector li:last-child label{
    border-top-right-radius:25px;
    border-bottom-right-radius:25px;
    padding-right: 30px;
}
ul.round_border_selector li.current label
,ul.round_border_selector li:first-child a:hover{
    background: #005588;
    background: -webkit-linear-gradient(left, #005588 , #5990b1);
    background: -o-linear-gradient(right, #005588, #5990b1);
    background: -moz-linear-gradient(right, #005588, #5990b1);
    background: linear-gradient(to right, #005588 , #5990b1);
    border-color: #5990b1;
    color:#fff;
}
ul.round_border_selector li a:hover
,ul.round_border_selector li.current:last-child label{
    background: #5990b1;
    background: -webkit-linear-gradient(right, #005588 , #5990b1);
    background: -o-linear-gradient(left, #005588, #5990b1);
    background: -moz-linear-gradient(left, #005588, #5990b1);
    background: linear-gradient(to left, #005588 , #5990b1);
    border-color: #5990b1;
    color:#fff;
}
ul.round_border_selector li a{
    font-size: 15px;
    color:#5e5e5e;
}
ul.round_border_selector li.current label{
    color:#fff;
}
.columns.halves.no-padding-between>.column:nth-child(odd){
    padding-right: 0;
}
.columns.halves.no-padding-between>.column:nth-child(even){
    padding-left: 0;
}
.columns.halves.no-padding-between>.column:nth-child(odd) > .flex_columns >.border_column:last-child{
    border-right:0;
}
.border_column{
    border: 1px solid rgba(0,0,0,0.2);
    border-right: 0; 
    padding-left: 0!important;
    padding-right: 0!important;
}
.border_column:last-child{
    border-right: 1px solid rgba(0,0,0,0.2);
}

.hr_title{
    display: inline-block;
    width: 50%;
    font-size: 13px!important;
    font-weight: 700!important;
    text-align: right;
    text-transform: uppercase;
    padding: 0.4em;
    vertical-align: top;
    line-height: 1.4;
}
.hr_content{
    display: inline-block;
    width: 50%;
    padding: 0.4em;
    vertical-align: top;
}
.vr_title{
    display: inline-block;
    width: 100%;
    font-size: 13px!important;
    font-weight: 700!important;
    text-align: center;
    text-transform: uppercase;
    padding: 0.4em;
    vertical-align: top;
}
.vr_content{
    display: inline-block;
    width: 100%;
    padding: 0.4em;
    text-align: center;
    vertical-align: top;
}
.hr_content p.content_block
,.vr_content p.content_block{
    padding: 0;
}

.content_block_title {
    font-size: 18px!important;
    font-weight: 700!important;
    padding-bottom: 0.5em;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    margin-bottom: 1em;
}
.content_block_subtitle{
    display: inline-block;
    width: 40%;
    text-align: right;
    padding-right: 1em;
    font-weight: 700;
    color: #a0a0a0;
    font-size: 0.85em;
    line-height: 1.75em;
    text-transform: uppercase;
    vertical-align: top;
}
.contact_info_in_box:not(.on_order_form) h3.content_block_title
,.content_block_in_list_block h3.content_block_title{
    display: inline-block;
    width: 40%;
    text-align: right;
    padding-right: 1em;
    font-weight: 700!important;
    color: #a0a0a0;
    font-size: 13px!important;
    text-transform: uppercase!important;
    border-bottom: none;
    vertical-align: top;
    padding-bottom: 0;
    line-height: 1.3;
}
.list_block .content_block_title{
    text-align: right;
    padding-right: 1em;
    font-weight: 700!important;
    color: #a0a0a0;
    font-size: 13px!important;
    text-transform: uppercase!important;
    border-bottom: none;
    vertical-align: top;
    padding-bottom: 0;
    line-height: 1.3;
} 
.list_block .content_block{
    flex:1.5;
    font-weight: 600;
    font-size: 14px;
    color: #5e5e5e;
    margin-bottom: 0;
    line-height: 1.3;
}
.list_block .content_block_title + .content_block_list{
    flex:1.5;
}
.list_block .content_block_list .content_block{
    padding-right: 1em;
    padding-left: 0.5em;
    background-color: #e7e7e7;
}
.contact_info_in_box.two_col_width h3.content_block_title
, .content_block_in_list_block.two_col_width h3.content_block_title
,.two_col_width .content_block_subtitle{
    width: 18.91%;
}
.list_block p{
    margin-bottom: 10px;
    font-weight: 700;
}
.contact_info_in_box:not(.on_order_form) .content_block
,.content_block_in_list_block .content_block{
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    font-size: 1em;
    color: #5e5e5e;
    padding: 0;
    line-height: 1.5em;
    width: 55%;
    vertical-align: top;
}
.contact_info_in_box.two_col_width .content_block
, .content_block_in_list_block.two_col_width .content_block
, .two_col_width .content_block{
    width: 75%;
}
.content_block_in_list_block.comma_delimtited .content_item{
    display: inline-block;
}
.content_block_in_list_block.comma_delimtited .content_item:after{
    display: inline-block;
    content: ',';
    margin-right: 0.2em;
}
.content_block_in_list_block.comma_delimtited .content_item:last-child:after{
    content: '';
    margin-right: 0;
}
.content_block_in_list_block .content_block .columns .column{
    padding-right: 5px!important;
    padding-left: 0!important;
    width: auto!important;
}
.content_block_in_list_block .content_block .columns .column:last-child{
    padding-right: 0!important;
}
.content_summary_block{
    border-bottom: 1px solid rgba(0,0,0,0.2);
    padding-top: 1em;
    padding-bottom: 1em;
}
.content_summary_block:last-child{
    border-bottom: 0;
}
.clearfix{
    content: "";
    clear: both;
    display: table;
    width: 100%;
}
.onoff_element .options_wrap{
    padding: 0;
}
/** Drop down popup menu **/
.dropdown_tooltip_menu{
    padding: 5px;
    cursor: pointer;
    position: relative;
    float: right;
}
.ui_table .dropdown_tooltip_menu{
    position: inherit;
}
.dropdown_tooltip_menu .icon.tooltip_arrow
,.tooltip_icon_wrap .icon.tooltip_arrow{
    border: 0!important;
    /*background-image: url(../media/img/icons/icon_arrow_left_grey.svg);*/
    background-position: center;
    background-repeat: no-repeat;
/*    background-size: 6px;
    width: 10px;
    height: 20px;*/
    display: block;
    margin: 0 auto;
    background-image: url(../media/img/icons/icon_arrow_down_grey.svg);
    background-size: 10px;
    width: 10px;
    height: 20px;
}
/*.dropdown_tooltip_menu.open .icon.tooltip_arrow
,.tooltip_icon_wrap.open .icon.tooltip_arrow{
    background-image: url(../media/img/icons/icon_arrow_down_grey.svg);
    background-size: 10px;
    width: 10px;
    height: 20px;
}*/
ul.tooltip_menu{
    display: none;
    position: absolute;
    position: absolute;
    background-color: #fff;
    padding: 0.5em 1.5em;
    right: 15px;
    margin-top: 5px!important;
    -moz-box-shadow: 0 0 5px 2px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,.2);
    box-shadow: 0 0 5px 2px rgba(0,0,0,.2);
    border-radius: 3px;
    list-style: none;
    z-index: 9999;
    min-width: 120px;
}
ul.tooltip_menu.lg_menu{
    width: 200px;
}  

.tooltip_menu > li > a{
    color: #5e5e5e;
    font-size: 13px;
    font-weight: 600;
    padding: 1em 0;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    display: block;
    border-radius: 0;
}
.tooltip_menu > li:hover a{
    color: #005588;
}
.tooltip_menu > li:last-child > a{
    border-bottom: 0; 
}
.tooltip_menu > li > a .icon{
    background-position-y: -76px!important;
    margin-right: 10px;
}
/**Search box :start **/
.search_box{
    border-bottom: 0;
    margin-left: -25px;
    margin-right: -25px;
    padding: 25px;
    background-color: rgba(94,94,94, 0.1);
    position: relative;
    
}
/*.custom_btn.gray.open_search_box{
    border: 1px solid #a0a0a0;
    border-radius: 25px;
    padding: 8px 30px 12px 25px;
    margin-right: 32px;
    display: inline-block;
}*/
.search_box form{
    position: relative;
}
.search_box .submit_btn{
}
.custom_btn.gray.open_search_box .btn_text
,.search_box .submit_btn .btn_text{
    color: #5e5e5e;
    font-size: 15px;
    font-weight: 600;
}
.search_box .submit_btn .btn_text
,.search_box .submit_btn:hover .btn_text{
    color: #fff;
}
.open_search_box.custom_btn:hover .icon_wrap{
    background: #404040;
}
.search_box .close_search_box{
/*    background: transparent;
    padding: 10px;
    position: absolute;
    top: -15px;
    right: -1em;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;*/
    border-width: 1px;
}
.search_box .close_search_box:hover{
    background: #A0A0A0;
}
/*
.search_box .close_search_box .icon_wrap{
    margin-right: 0;
}
.search_box .close_search_box .btn_text{
    display: none;
}
.search_box .close_search_box .icon.eks{
    background-position: -208px -52px;
}*/
/**Search box :end **/

/** Forms.css :start **/
.form_element{
    position: relative;
}
.form_element input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]), .form_element textarea, .form_element .jsignature_signarea, .form_element ul.tagit{
    border-radius: 0;
    /*background-color: transparent;*/
    border-color: rgba(0,0,0,0.2);
    color: #5e5e5e;
    font-weight: 600;
    font-size: 13px;
    /*padding: 0.35em 1em;*/
    -webkit-box-shadow: inset rgba(0,0,0,0.15) 1px 1px 0.1em;
    -moz-box-shadow: inset rgba(0,0,0,0.15) 1px 1px 0.1em;
    box-shadow: inset rgba(0,0,0,0.15) 1px 1px 0.1em;
}
/*.form_element input[readonly].text_expander_display,*/
.form_element.read_only .selectric{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    cursor: default;
}
.form_element input.colour_picker_field {
    border: 0!important;
}
.form_element input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):focus, .form_element textarea:focus, .form_element .selectric-focus .selectric, .form_element ul.tagit.focused{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.form_element label.main{
    text-shadow: none;
    color: #5e5e5e;
    font-size: 15px;
    font-weight: 700;
}
#gi_modal form .content_block_title{
    font-size: 15px!important;
}
fieldset .form_element label.main{
    font-weight: 700;
}
.form_row_fields .form_element label.main
,form .addr_view .content_block_title 
,.form_row_fields .contact_info_in_box fieldset legend{
    color: #a0a0a0!important;
    font-size: 12px!important;
    text-transform: uppercase!important;
}
form .addr_view .content_block_title{
    border-bottom: 0;
    margin-bottom: 4px;
}
.form_row_fields .contact_info_in_box fieldset legend{
    margin-bottom: -5px;
    padding-bottom: 0;
    border-bottom: 0;
}
.form_element .selectric{
    border-radius: 25px;
    border: 1px solid rgba(0,0,0,0.2);
    font-size: 13px;
    font-weight: 600;
    color: #5e5e5e;
    -webkit-box-shadow: inset rgba(0,0,0,0.15) 1px 1px 0.1em;
    -moz-box-shadow: inset rgba(0,0,0,0.15) 1px 1px 0.1em;
     box-shadow: inset rgba(0,0,0,0.15) 1px 1px 0.1em; 
}
.fill_blank.form_element{
    margin: 0 0.2em;
}
.fill_blank.form_element .selectric{
    border-radius: 0;
    padding-bottom: 0.25em !important;
}
.form_element .autocomp_dropdown+input{
    border-radius: 25px !important;
}
.blend_form_elements .form_element:last-child .autocomp_dropdown+input{
    border-radius: 0px 3px 3px 0px !important;
    -moz-border-radius: 0px 3px 3px 0px !important;
    -webkit-border-radius: 0px 3px 3px 0px !important;
}
td .form_element .dropdown_field_wrap select, td .form_element .selectric{
    padding-right: 3.4em!important;
    padding-left: 0.5em!important;
}
.form_element .autocomp_dropdown, .form_element .selectric .button{
    border-left: 0;
}
.form_element .autocomp_dropdown,
.form_element .selectric .button{
    width: 3em!important;
}

.form_element .autocomp_dropdown:after{
    right: 0.9em;
}

.form_element .selectric .button:after, .form_element .autocomp_dropdown:after{
    border: 0!important;
    background: url(../media/img/icons/icon_arrow_down.svg) center no-repeat;
    background-size: 17px;
    width: 17px;
    height: 9px;
}
.form_element .selectric-open .selectric .button:after{
    background: url(../media/img/icons/icon_arrow_up.svg) center no-repeat;
}
.form_element input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]).autocomp_dropdown_field{
    padding-right:2.6em!important;
}
.ac_results li, .ac_list li, .selectric-items li{
    font-size: 13px;
    font-weight: 600;
    padding: 1em 1em !important;
}
.gi_modal .ac_results li, .gi_modal .ac_list li, .gi_modal .selectric-items li{
    padding: 1em 0.5em !important;
}
.ui-widget-content, .selectric-items{
    border: 0;
    -moz-box-shadow: 0 0 5px 1px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,.2);
    box-shadow: 0 0 5px 1px rgba(0,0,0,.2);
}
.ui-widget-content.tagit-choice{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
fieldset{
    border: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 1em;
}
fieldset legend{
    color: #5e5e5e;
}
.options_wrap label .radio_box, .options_wrap label .checkbox_box{
    background: #fff;
    border: 1px solid rgba(0,0,0,.2);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 32px;
    height: 32px;
}
.options_wrap label input[type="checkbox"]:checked + .checkbox_box:before{
    background: url(../media/img/icons/icon_check.svg) center no-repeat;
    background-size: 20px;
    width: 20px;
    height: 18px;
    margin-top: -9px;
    margin-left: -10px;
}
.options_wrap label input[type="radio"]:checked + .radio_box:before{
    background: #5990b1;
}
.reset_btn, .submit_btn.gray, .other_btn.gray, .submit_btn.disabled, input[type="button"].gray{
    border: 1px solid #A0A0A0;
}
/** checkbox to iphone style switch: start **/
.iphone_switch .options_wrap label input[type="checkbox"] + .checkbox_box {
	vertical-align: middle;
	width: 30px;	
        height: 18px;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 999px;
	background-color: transparent;
	-webkit-transition-duration: .4s;
	-webkit-transition-property: background-color, box-shadow;
	box-shadow: inset 0 0 0 0px rgba(0,0,0,0.4);
        margin-top: -3px;
}
.iphone_switch .options_wrap label input[type="checkbox"] + .checkbox_box:before {
	float: left;
	width: 16px; 
        height: 16px;
	border-radius: inherit;
	background: #ffffff;
	-webkit-transition-timing-function: cubic-bezier(.54,1.85,.5,1);
	-webkit-transition-duration: 0.4s;
	-webkit-transition-property: transform, background-color, box-shadow;
	-moz-transition-timing-function: cubic-bezier(.54,1.85,.5,1);
	-moz-transition-duration: 0.4s;
	-moz-transition-property: transform, background-color;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1), 0px 0px 0 1px rgba(0, 0, 0, 0.1);
	pointer-events: none;
	margin-top: -8px;
        margin-left: -14px;
}

.iphone_switch .options_wrap label input[type="checkbox"]:checked + .checkbox_box {
	background-position: 0 0;
	background-color: #005588;
        border: 1px solid #005588;
}
.iphone_switch .options_wrap label input[type="checkbox"]:checked + .checkbox_box:before {
    -webkit-transform: translate3d(16px, 0, 0);
    -moz-transform: translate3d(16px, 0, 0);
    margin-left: -18px;
}
/** Forms.css :end **/

/** Login **/
#login_logo_wrap{
    width: 100%;
    text-align: center;
    padding: 3em;
}
#login_logo_wrap img{
    width: 300px;
    height: 72px;
}
#login_box{
    width: 500px;
}
.login_actions a{
    text-shadow: none;
    margin-top: 0.8em;
}
#login_box .submit_btn{
    border: 0;
}
/** Invoice **/
.invoice_total .value, .table_total .value{
    font-weight: 800;
}
.highlited_count {
    font-size: 1.2em;
    color: #5e5e5e;
}
.highlited_count .highlited_index{
    font-size: 1.78em;
    font-weight: 800;
    color: #7898af;
}
.highlited_count .total_index{
    font-size: 1.48em;
    font-weight: 800;
    color: #5e5e5e;
}
.qb_colour{
    color: #1ca035!important;
}
.submit_btn.qb_colour{
    background-color: #1ca035!important;
    color: #fff!important;
    border-color: #1ca035!important;
}
/***PROGRESS BARS***/
.progress_bar{
    border: 2px solid #105f10;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset rgba(0,0,0,0.5) 0px 0px 0.5em;
    -moz-box-shadow: inset rgba(0,0,0,0.5) 0px 0px 0.5em;
    box-shadow: inset rgba(0,0,0,0.5) 0px 0px 0.5em;
}

.progress_bar .bar{
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    background: #1b9b5e;
    border-right: 2px solid #105f10;
    text-shadow: 1px 1px 1px #105f10;
}

.progress_bar .bar.back{
    background: none;
    color: #808080;
    border: none;
}

.progress_bar .bar.hide_bar{
    background: none;
    border: none;
}

.progress_bar .bar.no_border{
    border: none;
}

.progress_time_tracker .content_block, .progress_time_tracker .content_block_title{
    background: none;
    color: #000;
}

/** tabs.css **/
.tabs_wrap {
    border: 0!important;
    padding: 0!important;
    margin-bottom: 2em;
}
#content > .content_padding > .tabs_wrap{
    margin-bottom: 3em;
}
.tab{
    border-top: 0!important;
    left: 0!important;
    right: 0!important;
}
.tab_content{
    padding-left: 25px;
    padding-right: 25px;
}
.tabs_wrap.side_labels .tab_contents .tab{
    height: 100%;
}
.tab.current,
.tab.current .tab_label{
    -moz-box-shadow: 0 0 5px 2px rgba(0,0,0,.2)!important;
    -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,.2)!important;
    box-shadow: 0 0 5px 2px rgba(0,0,0,.2)!important;
}
.tabs_wrap.side_labels .tab_labels .tab_label.current .tab_label_text{
    font-weight: bold;
}
.tabs_wrap:not(.side_labels) > .tab > .tab_label{
    border: 0!important;
    text-shadow: none!important;
    font-size:15px;
    font-weight: 600!important;
    text-transform: none!important;
    width: 49.5%!important;
    padding: 0.6em 0!important;
    top: -2.2em!important;
    -webkit-border-top-left-radius: 4px!important;
    -moz-border-radius-topleft: 4px!important;
    border-top-left-radius: 4px!important;
    -webkit-border-top-right-radius: 4px!important;
    -moz-border-radius-topright: 4px!important;
    border-top-right-radius: 4px!important;
}
.tabs_wrap.side_labels .tab_labels .tab_label{
    -webkit-border-top-left-radius: 4px!important;
    -moz-border-radius-topleft: 4px!important;
    border-top-left-radius: 4px!important;
    -webkit-border-bottom-left-radius: 4px!important;
    -moz-border-radius-bottomleft: 4px!important;
    border-bottom-left-radius: 4px!important;
    background: #fff!important;
    margin: 4px 0;
    margin-left: 6px;
}
.tabs_wrap.side_labels .tab_labels .tab_label:first-child{
    margin-top: -1px;
}
.tabs_wrap.side_labels .tab_labels .tab_label.current{
    margin-left: 0px;
    z-index: 9;
    font-size: 1.1em;
    font-weight: 800;
    color: #5990b1!important;
}
.tabs_wrap.side_labels .tab_labels .tab_label.current:before{
    background: #eee!important;
}
.step_form_body.has_children_steps .tabs_wrap.side_labels .tab_labels .tab_label.current:before{
    background: transparent!important;
}
.tab.current .tab_label{
    color:#5990b1!important;
    font-size:18px;
    font-weight: 700!important;
    padding: 0.8em 0;
    top: -2.6em;
    text-shadow: none!important;
} 
.tabs_wrap, .tab, .tab .tab_label, .tab_content{
    background: #fff!important;
}
.tabs_wrap.side_labels .tab_labels .tab_label.current{
    -moz-box-shadow: 0 0 5px 2px rgba(0,0,0,.2)!important;
    -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,.2)!important;
    box-shadow: 0 0 5px 2px rgba(0,0,0,.2)!important;
}
.tabs_wrap.side_labels .tab_labels{
    padding: 5px 0 5px 5px;
    overflow: hidden;
    margin-top: -5px;
    border: 0;
}
.tabs_wrap.side_labels .tab_labels .tab_label,
.tabs_wrap.side_labels .tab_labels .tab_label:last-child:before{
    border: 0;
}
.tabs_wrap.side_labels{
    background: transparent!important;
}

.tabs_wrap:not(.side_labels) > .tab:first-child:nth-last-child(3) > .tab_label,
.tabs_wrap:not(.side_labels) > .tab:first-child:nth-last-child(3) ~ .tab > .tab_label{
    width: 32.666%!important;
}
.tabs_wrap:not(.side_labels) > .tab:first-child:nth-last-child(4) > .tab_label,
.tabs_wrap:not(.side_labels) > .tab:first-child:nth-last-child(4) ~ .tab > .tab_label{
    width: 24.25%!important;
}
.tabs_wrap:not(.side_labels) > .tab:first-child:nth-last-child(5) > .tab_label, 
.tabs_wrap:not(.side_labels) > .tab:first-child:nth-last-child(5) ~ .tab > .tab_label{
    width: 19.2%!important;
}
.tabs_wrap:not(.side_labels) > .tab:first-child:nth-last-child(6) > .tab_label, 
.tabs_wrap:not(.side_labels) > .tab:first-child:nth-last-child(6) ~ .tab > .tab_label{
    width: 15.833%!important;
}
.tabs_wrap:not(.side_labels) > .tab:nth-child(2) > .tab_label{
    left: 50.5%!important;
}
.tabs_wrap:not(.side_labels) > .tab:nth-child(2):nth-last-child(2) > .tab_label{
    left: 33.66%!important;
}
.tabs_wrap:not(.side_labels) > .tab:nth-child(3):nth-last-child(1) > .tab_label{
    left: 67.34%!important;
}
.tabs_wrap:not(.side_labels) > .tab:nth-child(2):nth-last-child(3) > .tab_label{
    left: 25.25%!important;
}
.tabs_wrap:not(.side_labels) > .tab:nth-child(3):nth-last-child(2) > .tab_label {
    left: 50.5%!important;
}
.tabs_wrap:not(.side_labels) > .tab:nth-child(4):nth-last-child(1) > .tab_label {
    left: 75.75%!important;
}
.tabs_wrap:not(.side_labels) > .tab:nth-child(2):nth-last-child(4) > .tab_label{
    left: 20.2%!important;
}
.tabs_wrap:not(.side_labels) > .tab:nth-child(3):nth-last-child(3) > .tab_label {
    left: 40.4%!important;
}
.tabs_wrap:not(.side_labels) > .tab:nth-child(4):nth-last-child(2) > .tab_label {
    left: 60.6%!important;
}
.tabs_wrap:not(.side_labels) > .tab:nth-child(5):nth-last-child(1) > .tab_label {
    left: 80.8%!important;
}
.tabs_wrap:not(.side_labels) > .tab:nth-child(2):nth-last-child(5) > .tab_label{
    left: 16.833%!important;
}
.tabs_wrap:not(.side_labels) > .tab:nth-child(3):nth-last-child(4) > .tab_label {
    left: 33.666%!important;
}
.tabs_wrap:not(.side_labels) > .tab:nth-child(4):nth-last-child(3) > .tab_label {
    left: 50.499%!important;
}
.tabs_wrap:not(.side_labels) > .tab:nth-child(5):nth-last-child(2) > .tab_label {
    left: 67.332%!important;
}
.tabs_wrap:not(.side_labels) > .tab:nth-child(6):nth-last-child(1) > .tab_label {
    left: 84.166%!important;
}
.tab_label_text{
    overflow: initial;
    text-align: left;
    position: relative;
}
/***SYNTAX HIGHLIGHTER***/
.syntaxhighlighter{
    border: 1px solid rgba(0,0,0,0.2);
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    -webkit-box-shadow: inset rgba(0,0,0,0.15) 1px 1px 0.1em;
    -moz-box-shadow: inset rgba(0,0,0,0.15) 1px 1px 0.1em;
    box-shadow: inset rgba(0,0,0,0.15) 1px 1px 0.1em;
}

.html_and_code_block .syntaxhighlighter{
    transition: opacity;
    -webkit-transition: opacity;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
}

.html_and_code_block:hover .syntaxhighlighter{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
/** Flex columns **/
.flex_columns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
/** Columns **/
.columns{
    margin-bottom: 50px;
}
.columns .columns{
    margin-bottom: 20px;
}
.content_block .columns{
    margin-bottom: 0;
}
.table_columns .columns{
    margin-bottom: 10px;
}
.table_columns .columns .columns
,.form_row_fields .columns{
    margin-bottom: 0;
}
.columns>.column{
    width: 100%;
}
/** Contact Pages **/
.columns.halves.ptype_address>.column{
    width: 100%;
}
.contact_info_fields{
    padding-right: 0;
}
.addr_element{
    border-radius: 0;
    border-color: #ddd;
/*    border-left: 0;
    border-right: 0;*/
}

form .addr_view .content_block{
    padding: 0.6em 0.8em !important;
    border: 1px solid #ddd;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-size: 13px;
}

.contact_info_in_box .addr_element{
    /*border: 0;*/
    border-bottom: 1px solid #ddd;
}
.contact_info_in_box .addr_element .addr_row{
    /*border: 0;*/
}
.contact_info_in_box fieldset{
    padding-top: 0;
}
.contact_info_no_legend legend{
    display: none;
}
.contact_info_no_legend fieldset{
    padding-top: 0;
    padding-bottom: 0;
}
.contact_info_no_legend .addr_element{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.addr_element .form_element input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]), .addr_element .form_element .selectric{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.addr_element .addr_row .form_element{
    /*border: 0;*/
}
.addr_element .form_element .selectric .button{
    border: 0;
}
.contact_info .remove_contact_info{
    top: -11px;
    right: -5px;
}
.contact_info .address_type_field{
    float: left;
    width:33%;
}
.contact_info .address_form_fields{
    float: right;
    width:65%;
}
.contact_info:after{
    content:"";
    display:table;
    clear:both;
}
.contact_infos_wrap.address .contact_info .remove_contact_info{
    top: -10px;
    right: -10px;
}
.contact_event .title{
    display: inline-block;
    margin-right: 2em;
}
.contact_event .title a{
    font-size: 14px;
    font-weight: 900;
    color: #5e5e5e;
}
.contact_event .event_time{
    color: #5e5e5e;
    font-size: 14px;
    font-weight: 600;
    display: block;
}
.appended_btns{
    display: inline-block;
}
.trans_btns .custom_btn .icon_wrap{
    background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.trans_btns .icon_wrap .icon.edit, .trans_btns .icon_wrap .icon.pencil{
    background-position: -38px -52px;
}
.trans_btns .icon_wrap .icon.delete, .trans_btns .icon_wrap .icon.trash{
    background-position: -21px -52px;
}
.trans_btns .icon_wrap .icon.attachment, .trans_btns .icon_wrap .icon.paperclip{
    background-position: -696px -52px;
}
.contact_event{
    margin-bottom: 2em;
}
.contact_event_edit .form_element textarea{
    min-height: 130px;
    padding: 1em!important;
}
.contact_event_edit .form_btns{
    text-align: right;
}
.contact_event_detail {
    margin-bottom: 3em;
}
.linked_contacts{
    margin-bottom: 2em;
}
.colour_picker_added{
    /*display: none;*/
}
/** Contact Cat **/
.has_more_category .category{
    display: none;
}
.has_more_category .category:first-child{
    display: block;
}
.has_more_category .category:first-child:after{
    content: "\2026";
}
.has_more_category:hover .category{
    display: block;
}
.has_more_category:hover .category:first-child:after{
    display: none;
}
.top_selector{
    padding: 1em 0;
    margin-left: 0;
}
.top_selector li{
    display: inline-block;
    margin-right: 0.5em;
}
.top_selector li a{
    padding: 1em 1.2em;
    color: #5e5e5e;
    font-size: 15px;
    font-weight: 600;
}
.top_selector li.current a
,.top_selector li:hover a
,.top_selector li:focus a
,.top_selector li:active a{
    background: #005588;
    background: -webkit-linear-gradient(left, #005588 , #5990b1);
    background: -o-linear-gradient(right, #005588, #5990b1);
    background: -moz-linear-gradient(right, #005588, #5990b1);
    background: linear-gradient(to right, #005588 , #5990b1);
    border-radius: 3px;
}
.top_selector li:hover a
,.top_selector li:focus a{
    cursor: pointer;
}
.top_selector li.current a
,.top_selector li:hover a
,.top_selector li:active a{
    color: #fff;
}
.contact_type_icon{
    background-repeat: no-repeat;
    background-position: center;
}
.contact_type_icon.ind{
    width: 16px;
    height: 24px;
    display: inline-block;
    background-image: url(../media/img/icons/icon_individual_dgrey.svg);
    background-size: 16px;
}
.contact_type_icon.org{
    width: 17px;
    height: 20px;
    display: inline-block;
    background-image: url(../media/img/icons/icon_building_dgrey.svg);
    background-size: 17px;
}
.contact_type_icon.loc{
    width: 14px;
    height: 26px;
    display: inline-block;
    background-image: url(../media/img/icons/icon_location_mark.png);
    background-size: 14px;
}
/** form_view.css **/
.form_rows_group{
    margin-bottom: 2em;
}
/** Relationship **/
.relationship_wrap{
    margin-top: 50px;
    margin-bottom: 30px;
    /*border-bottom: 1px solid rgba(0,0,0,0.2);*/
}
.advanced_content .relationship_wrap{
    margin-top: 0;
}
.relationship_wrap:last-child{
    margin-bottom: 15px;
    border-bottom: 0;
}

.relationship_wrap .content_summary_block{
    border-bottom: 0;
}
.relation_row {
    margin-bottom: 1em;
}
.contact_summary_row {
    color: #808080;
}
.contact_summary_row a.content_block{
    padding: 0;
}

.has_inline_btns{
    padding-right: 50px;
    position: relative;
}
.has_inline_btns .right_btns{
    position: absolute;
    float: none;
    top: 1em;
    right: 0;
}
#relation_rows .form_row{
    padding-bottom: 0;
}
#relation_rows .form_row .remove_form_row_wrap{
    margin-top: 24px;
}
/** Assign Salesperson **/
.assigned_row a{
    font-weight: 600;
    color: #5e5e5e;
}
/** file uploader **/
.content_files{
    margin-bottom: 50px;
}
.inventory_files .content_files{
    margin-bottom: 0;
    display: inline-block;
}
.inventory_files .content_files .content_block{
    padding: 0;
}
/** Google Map **/
.contact_org_map #google_map,
.google_map_wrap #google_map{
    height: 338px;
}
/** Google Map:end **/

/** Inventory **/
.wiz_step_timeline{
    width: 975px;
    background: url(../media/img/art/bg_wizard_step.png) no-repeat left top;
    position: absolute;
    left: -25px;
    top: -115px;
    height: 50px;
    padding-top: 30px;
    padding-left: 30px;
}
.wiz_step_timeline:before{
    content: "";
    display: block;
    width: 73px;
    height: 55px;
    background: url(../media/img/art/wizard_current_dot.png) no-repeat center;
    position: absolute;
    top: -22px;
    left: 66px;
    transition: left 0.3s ease-in-out;
}
.cur_step_accounting .wiz_step_timeline:before{
    left: 290px;
}
.cur_step_base_units .wiz_step_timeline:before{
    left: 516px;
}
.cur_step_base_units .wiz_step_timeline:before{
    left: 516px;
}
.cur_step_packaging .wiz_step_timeline:before{
    /*left: 742px;*/
    left: 516px;
}
.wiz_step_timeline .go_to_wiz_step{
    margin-right: 0;
    width: 225px;
}
.wiz_step_timeline .go_to_wiz_step:before{
    content: "";
    display: inline-block;
    vertical-align: -5px;
    margin-right: 10px;
}
.wiz_step_timeline .go_to_wiz_step:first-child:before{
    width: 20px;
    height: 20px;
    background: url(../media/img/icons/icon_wizard_step_pencil.svg) no-repeat center;
    background-size: 20px;
}
.wiz_step_timeline .go_to_wiz_step.current:first-child:before{
    background-image: url(../media/img/icons/icon_wizard_step_pencil_red.svg);
}
.wiz_step_timeline .go_to_wiz_step:nth-child(2):before{
    width: 22px;
    height: 26px;
    background: url(../media/img/icons/icon_wizard_step_cal.svg) no-repeat center;
    background-size: 22px;
}
.wiz_step_timeline .go_to_wiz_step.current:nth-child(2):before{
    background-image: url(../media/img/icons/icon_wizard_step_cal_red.svg);
}
.wiz_step_timeline .go_to_wiz_step:nth-child(3):before{
    width: 24px;
    height: 29px;
    background: url(../media/img/icons/icon_wizard_step_oil.svg) no-repeat center;
    background-size: 24px;
}
.wiz_step_timeline .go_to_wiz_step.current:nth-child(3):before{
    background-image: url(../media/img/icons/icon_wizard_step_oil_red.svg);
}
.wiz_step_timeline .go_to_wiz_step:nth-child(4):before{
    width: 20px;
    height: 28px;
    background: url(../media/img/icons/icon_wizard_step_barrel.svg) no-repeat center;
    background-size: 20px;
}
.wiz_step_timeline .go_to_wiz_step.current:nth-child(4):before{
    background-image: url(../media/img/icons/icon_wizard_step_barrel_red.svg);
}
.wiz_step_timeline .go_to_wiz_step.current{
    color: #5990b1;
}
.wiz_step_timeline .go_to_wiz_step:after{
    content: "";
    background: url(../media/img/art/wizard_step_arrow.png) no-repeat center;
    width: 60px;
    height: 10px;        
}
.wiz_step_wrap.wizard .wiz_step{
    background: transparent;
    border: 0;
    padding: 0;
}
.wiz_step_nav .icon.arrow_left{
    background: url(../media/img/icons/icon_arrow_pre_step.svg) no-repeat center;
    background-size: 34px;
    width: 34px;
    height: 12px;
}
.wiz_step_nav .icon.arrow_right{
    background: url(../media/img/icons/icon_arrow_next_step.svg) no-repeat center;
    background-size: 34px;
    width: 34px;
    height: 12px;
}
.wiz_step_nav .submit_btn{
    margin-bottom: 2em;
    margin-right: 0;
}
.wiz_step_nav .submit_btn:last-child{
    margin-bottom: 0;
}
.wiz_step_nav{
    clear: both;
    margin-top: 1em;
}
.wiz_step_wrap .inline_field_wrap .inline_block .text{
    padding-top: 1.55em;
}
.wiz_step_wrap .inline_field_wrap .inline_block .text.double{
    padding-top: 0.75em;
}
#pack_configs .colour_picker_field{
    width: 14px !important;
    height: 14px !important;
    margin-top: 8px;
    margin-left: 30px;
    border: 1px solid #808080!important;
    padding: 0;
}
#pack_configs > .form_row{
    position: relative;
    padding-right: 180px;
}
.default_amount_dropdown{
    position: absolute;
    right: 0;
    top: 33px;
    font-size: 13px;
    cursor: pointer;
    padding-right: 15px;
}
.default_amount_dropdown.tooltip_icon_wrap .icon.tooltip_arrow{
    position: absolute;
    right: 0;
    top: -2px;
}
.form_row.cost .remove_form_row_wrap
,.form_row.price .remove_form_row_wrap{
    margin-top: 9px;
}
.ui_table td.avatar_cell .avatar_wrap{
    width: 30px;
    height: 30px;
}
.ui_table td.avatar_cell .avatar_initials {
    font-size: 16pt;
}
.tab_content > .right_btns
,.tab_content > .table_columns > .right_btns{
    margin-top: 5px;
}
.tab_content > .right_btns + .main_head + .filter_btn_wrap
,.tab_content > .right_btns + h2 + .filter_btn_wrap {
    position: absolute;
    right: 150px;
    top: 33px;
}
.has_top_btns.has_tabs .tab_content >.right_btns{
    position: absolute;
    right: 150px;
    top: -90px;
}
.has_top_btns.has_tabs.one_btn_only .tab_content > .right_btns{
    right: 0;
    text-align: right;
}
.main_head + .main_head_filter{
    float: right;
    margin-top: -47px;
}
.table_columns h3{
    color: #a0a0a0;
    font-size: 12px!important;
    font-weight: 700!important;
    text-transform: uppercase!important;
}
.stock_report_row{
    margin-left: -25px;
    margin-right: -25px;
    margin-bottom: 20px;
    padding: 25px;
    background-color: rgba(94,94,94, 0.1);
}
.stock_report_row .columns
,.stock_report_row .columns .columns
,.stock_report_row .content_files{
    margin-bottom: 0;
}
.stock_report_row + hr{
    display: none;
}
.stock_report_row h4{
    font-weight: 700;
    color: #a0a0a0;
    font-size: 13px;
    text-transform: uppercase;
}
.stock_report_row .file_last_updated{
    font-size: 13px;
    margin-top: 15px;
}
.stock_report_row .stock_report_file{
    margin-left: -2.14em;
}
.tab_content .advanced > .main_head > .inline_block.thin{
    color: #a0a0a0;
    font-size: 14px;
    font-weight: 700;
}
.tab_content .advanced > .right_btns > .advanced_btn .btn_text{
    font-size: 13px;
    color: #5e5e5e;
    font-weight: 600;
}
.tab_content .advanced > .right_btns > .advanced_btn.tooltip_icon_wrap .icon.tooltip_arrow{
    display: inline-block;
}
/** Inventory:end **/


/** Order **/
.form_row_fields .order_tax
,.form_row_fields .bill_tax{
    width: auto;
}
.form_row_fields .order_tax, .form_row_fields .bill_tax .tax_string{
    font-size: 11px;
}
.form_row_fields .order_tax .options_wrap label
,.form_row_fields .bill_tax .options_wrap label{
    width: 40px;
    margin-right: 0;
    text-align: center;
}
.form_row_fields .order_tax .modal_content .options_wrap label
,.form_row_fields .bill_tax .modal_content .options_wrap label{
    width: 100px;
    text-align: left;
    display: inline-block;
}
.form_row_fields .order_tax .form_element label.main
,.form_row_fields .bill_tax .form_element label.main{
    width: 40px;
    text-align: center;
}
.form_row_fields .column{
    padding-right: 0!important;
    padding-left: 10px!important;
}
.form_row_fields .column:first-child{
    padding-left: 0!important;
}
.total_columns .ui_table tr:nth-child(even) td{
    background: #d0d0d0;
}
.total_columns .ui_table td
,#order_totals.ui_table td
,.order_totals.ui_table td
,#bill_totals.ui_table td{
    text-align: right;
}
#order_totals.ui_table th
,.order_totals.ui_table th
,#bill_totals.ui_table th
,.ui_table tfoot th{
    background: #d0d0d0;
    color: #5e5e5e;
    font-weight: bold;
    text-align: right;
}
#order_totals.ui_table tr:nth-child(even) td
,.order_totals.ui_table tr:nth-child(even) td
,#bill_totals.ui_table tr:nth-child(even) td
,.ui_table tfoot tr:nth-child(even) td{
    background: #e3e3e3;
}
.shipment_form_row{
    /*border-bottom: 1px solid rgba(0,0,0,0.2);*/
    padding-bottom: 30px !important;
}
.form_rows_group.give_me_space{
    margin-bottom: 30px;
}
.order_top_wrap .columns{
    margin-bottom: 0;
}
.order_top_wrap{
    /*margin-bottom: 10px;*/
}
.shipments_section, .additional_costs_section{
    margin-bottom: 50px;
}
.full_view_wrap .uploader_block_wrap .content_block_title{
    border-bottom: 0;
}
.form_row_fields .form_element textarea{
    height: 2.815em!important;
    line-height: 1em;
    overflow: hidden!important;
}
.form_row_fields .form_element textarea:focus{
    height: 100px!important;
    overflow:auto;
}
.form_row_fields .form_element.shipment_notes_felm textarea{
    height: 100px!important;
    line-height: 1.5;
}
.remove_form_row_wrap{
    margin-top: 23px;
}
.ui_table td .custom_btn .btn_text{
    color: #5e5e5e;
    font-size: 13px;
}
.ui_table .icon_wrap{
    /*padding: 4px;*/
}
.ui_table .icon_wrap .icon.plus{
/*    background: url(../media/img/icons/icon_plus_grey.svg) no-repeat center;
    width: 15px;
    height: 15px;
    background-size: 15px;*/
}
.add_shipment_row_item_wrap_btns
,.shipment_add_cost_rows_wrap.hide_on_load + .add_shipment_row_add_cost_wrap_btns
,.add_shipment_wrap_btns
,#add_cost_lines_wrap.hide_on_load + .add_add_cost_wrap_btns{
    display: inline-block;
}
#add_cost_lines_wrap.hide_on_load + .add_add_cost_wrap_btns.hide_on_load{
    display: none;
}
.shipment_add_cost_rows_wrap.hide_on_load + .add_shipment_row_add_cost_wrap_btns
,#add_cost_lines_wrap.hide_on_load + .add_add_cost_wrap_btns{
    margin-left: 20px;
}
.shipment_add_cost_rows_wrap{
    margin-top: 30px;
}
.more_than_one_shipment.form_body_wrap .shipment_menu .children_step_list .child_step_submenus .child_step_submenu .title{
    padding-left: 30px!important;
}
.shipment_line_header{
    margin-left: 0!important;
}
.shipment_line_header .date_element
,.shipment_line .accept_date_section
,.shipment_line .datepicker_section{
    text-align: right;
    margin-right: 2em;
}
.shipment_line_header .form_element .hasDatepicker 
,.shipment_line .accept_date_section .form_element .hasDatepicker
,.shipment_line .datepicker_section .form_element .hasDatepicker {
    width: auto!important;
}
.shipment_line_header .date_element label.main{
    color: #505050;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}
#add_cost_lines_wrap{
    margin-top: 70px;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    padding-bottom: 30px !important;
}
.list_header{
    margin-bottom: 1em;
    color: #a0a0a0;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    padding-left: 0.5em;
}
.list_table_tr{
    background-color: rgba(94,94,94, 0.1);
    margin-bottom: 0.5em;
    padding: 0.7em 0.5em;
    font-size: 13px;
    font-weight: 600;
}

.use_this_address,
.addr_picker_btn{
    color: #005588;
    text-decoration: underline;
    font-size: 0.9em;
    position: absolute;
}

.use_this_address:hover .contact_info_view .content_block{
    background: #005588;
    color: #fff;
}

.gi_modal .use_this_address{
    position: relative;
    text-decoration: none;
}

.contact_info_in_box fieldset legend{
    font-weight: 700;
    font-size: 18px;
    text-shadow: none;
    text-transform: none;
    background: transparent;
    padding-bottom: 0.6em;
    padding-left: 0;
    padding-top: 0.95em;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    /*margin-bottom: 1em;*/
    position: relative;
}
.step_form_body .contact_info_in_box fieldset legend{
    padding-top: 0;
    margin-bottom: 2.4em;
}
.total_form_column{
    margin-top: 50px;
}
.total_form_column .ui_table th{
    background:transparent!important;
    font-size: 14px!important;
    font-weight: 600!important;
}
.total_form_column .ui_table td{
    background:transparent!important;
    font-size: 14px!important;
    font-weight: 800!important;
}
.total_form_column .ui_table .invoice_total th
,.total_form_column .ui_table .table_total th{
    font-size: 19px!important;
}
.total_form_column .ui_table .invoice_total td
,.total_form_column .ui_table .table_total td{
    font-size: 19px!important;
}
.stock_section{
    border-bottom: 1px solid rgba(94,94,94, 0.2);
    margin-top: 10px;
    padding: 10px 0;
}
.valign_bottom{
    vertical-align: bottom!important;
}
#ship_shipments .shipment
,#receive_shipments .shipment
,#deliver_shipments .shipment{
    border: 0;
}
#ship_shipments .shipment > .flex_row.vert_bottom
,#receive_shipments .shipment > .flex_row.vert_center
,#deliver_shipments .shipment > .flex_row.vert_center{
    border-bottom: 1px solid rgba(94,94,94, 0.2);
    padding-bottom: 10px;
}
#ship_shipments .shipment > .flex_row.vert_bottom span
,#receive_shipments .shipment > .flex_row.vert_center span
,#deliver_shipments .shipment > .flex_row.vert_center span{
    color: #a0a0a0;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}
#ship_shipments .shipment > .flex_row.vert_bottom span.head
,#receive_shipments .shipment > .flex_row.vert_center span.head
,#deliver_shipments .shipment > .flex_row.vert_center span.head{
    font-size: 18px;
    color: #404040;
    text-transform: none;
}
#ship_shipments .shipment .shipment_line
,#receive_shipments .shipment .shipment_line
,#deliver_shipments .shipment .shipment_line{
    margin-left: 0;
}
#ship_shipments .shipment .shipment_line > .flex_row.vert_center
,#receive_shipments .shipment .shipment_line > .flex_row.vert_center
,#deliver_shipments .shipment .shipment_line > .flex_row.vert_center{
    background-color: rgba(94,94,94, 0.1);
    padding: 5px;
}
#ship_shipments .shipment .shipment_line > .vert_center .flex_col
,#ship_shipments .shipment .shipment_line > .vert_center .flex_col .form_element label.main
,#receive_shipments .shipment .shipment_line > .vert_center .flex_col
,#receive_shipments .shipment .shipment_line > .vert_center .flex_col .form_element label.main
,#deliver_shipments .shipment .shipment_line > .vert_center .flex_col
,#deliver_shipments .shipment .shipment_line > .vert_center .flex_col .form_element label.main{
    color: #505050;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}
#receive_shipments .shipment .shipment_line > .vert_center .flex_col .form_element{
    text-transform: none;
}
#ship_shipments .shipment .shipment_line > .vert_center .flex_col.single_char
,#receive_shipments .shipment .shipment_line > .vert_center .flex_col.single_char{
    display: none;
}
#ship_shipments .shipment .shipment_line .vert_center .form_element label.main
,#ship_shipments .shipment .shipment_line .vert_center .form_element .field_content
,#ship_shipments .shipment .shipment_line_header .date_element label.main
,#ship_shipments .shipment .shipment_line_header .date_element .field_content
,#receive_shipments .shipment .shipment_line .vert_center .form_element label.main
,#receive_shipments .shipment .shipment_line .vert_center .form_element .field_content
,#receive_shipments .shipment .shipment_line_header .date_element label.main
,#receive_shipments .shipment .shipment_line_header .date_element .field_content
,#deliver_shipments .shipment .shipment_line .vert_center .form_element label.main
,#deliver_shipments .shipment .shipment_line .vert_center .form_element .field_content
,#deliver_shipments .shipment .shipment_line_header .date_element label.main
,#deliver_shipments .shipment .shipment_line_header .date_element .field_content{
    display: inline-block;
}
 
#ship_shipments .shipment .shipment_line .vert_center .form_element input.ship_qty
,#receive_shipments .shipment .shipment_line .vert_center .form_element input[name^="qty_"]{
    width: 50px;
    margin-left: 10px;
}
#ship_shipments .shipment .shipment_line .flex_col.head
,#receive_shipments .shipment .shipment_line .flex_col.head
,#deliver_shipments .shipment .shipment_line .flex_col.head{
    padding-left: 40px;
    position: relative;
}
#ship_shipments .shipment .shipment_line .flex_col.head .onoff_element
,#receive_shipments .shipment .shipment_line .flex_col.head .onoff_element
,#deliver_shipments .shipment .shipment_line .flex_col.head .onoff_element{
    position: absolute;
    left: 0;
}
#ship_shipments .shipment .shipment_line .vert_center .form_element input.gi_field_date
,#receive_shipments .shipment .shipment_line .vert_center .form_element input.gi_field_date
,#deliver_shipments .shipment .shipment_line .vert_center .form_element input.gi_field_date{
    width: auto;
}
#ship_shipments .shipment .shipment_line .vert_center .form_element input.gi_field_date
,#receive_shipments .shipment .shipment_line .vert_center .form_element input.gi_field_date
,#deliver_shipments .shipment .shipment_line .vert_center .form_element input.gi_field_date
,#ship_shipments .shipment .shipment_line_header .date_element .field_content
,#receive_shipments .shipment .shipment_line_header .date_element .field_content
,#deliver_shipments .shipment .shipment_line_header .date_element .field_content
,.field_content.label_block{
    margin-left: 10px;
}

#receive_shipments .shipment_line_header .flex_col.single_char{
    flex: 0.2;
}
#deliver_shipments .shipment_line_header .flex_col.single_char{
    display: none;
}
#deliver_shipments .shipment .shipment_line > .vert_center .flex_col.size_2{
    flex: 1;
}
#gi_modal #select_stock .flex_row.form_element{
    margin-bottom: 35px;
    background-color: rgba(94,94,94, 0.1);
    padding: 5px 0;
}
#gi_modal #select_stock .flex_row.form_element .flex_col{
    flex: initial;
}
#gi_modal #select_stock .flex_row.form_element .flex_col input[type="text"]{
    width: 50px;
}
#gi_modal #select_stock .flex_row.form_element .flex_col input[type="text"] + .field_description{
    position: absolute;
    width: 300px;
}
#gi_modal #select_stock .shipment_head{
    border-bottom: 1px solid rgba(94,94,94, 0.2);
    padding-bottom: 10px;
    margin-bottom: 10px;
}
#gi_modal #select_stock .shipment_head .inline_block.item_name{
    color: #505050;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin-left: 30px;
}
.return_items_table_wrap .flex_table{
    margin-bottom: 3em;
}
/** Invoice **/
.ui_table th.checkbox_column,
.ui_table td.checkbox_column,
.ui_table th.tax_column,
.ui_table td.tax_column,
.ui_table th.select_all_column{
    width: 40px;
}

.oil_icon{
    width: 100%;
    height: 0;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url('images/oil_icon_grey.png');
    display: block;
    margin: auto;
    position: relative;
    right: -4%;
}
.avatar_initials .oil_icon{
    padding-top: 62%;
}
.avatar_initials .oil_icon{
    
}
.avatar_wrap.has_img .avatar_initials{
    display: none;
}
.avatar_wrap:hover .avatar_initials + .img_thumb{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.avatar_wrap.item_avatar{
    /*background: none;*/
}

.truck_diag{
    width: 480px;
    height: 120px;
    background-image: url(../media/img/icons/truck.svg);
    background-size: 480px;
    background-repeat: no-repeat;
    position: relative;
    margin-bottom: 2em;
}

.truck_tank_diag{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 6px solid #E70012;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    overflow: hidden;
    position: absolute;
    width: 390px;
    height: 65px;
    right: 0;
    top: 0;
}

.truck_tank_diag:before,
.truck_tank_diag:after{
    content: normal; /** To fix Safari bug with flex-wrap **/
}

.truck_tank_compartment{
    border-left: 3px solid #E70012;
    border-right: 3px solid #E70012;
    flex: 1;
    width: 100%;
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.truck_tank_compartment .wave{
    transition: height;
    -webkit-transition: height;
    transition-duration: 2s;
    -webkit-transition-duration: 2s;
    position: absolute;
    bottom: 0;
}

.truck_tank_compartment:first-child{
    border-left: none;
}

.truck_tank_compartment:last-child{
    border-right: none;
}

.truck_tank_compartment .fill_amount{
    position: absolute;
    width: 100%;
    top: 50%;
    font-weight: 700;
    color: #000;
    z-index: 100;
    text-align: center;
    margin-top: -1em;
    line-height: 1em;
    font-size: 0.9em;
}

.truck_tank_compartment .fill_amount .fill_units{
    font-size: 0.7em;
    font-weight: 400;
    display: block;
}

.fill_line{
    width: 100%;
    position: absolute;
    border-bottom: 1px dashed #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    margin-bottom: -1px;
}

.main_head_right_btns{
    float: right;
    margin-top: 0.3em;
}
/** Note **/
.note_form_wrap {
    border: 1px solid #a0a0a0;
}
.note_form_wrap .submit_btn{
    width: 28px;
    height: 28px;
}
.note_form_wrap .submit_btn
,.note_form_wrap .submit_btn:hover
,.note_form_wrap .submit_btn:active{
    padding: 0.234em 0.3em!important;
    background: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #c4c4c4;
}
.note_form_wrap .browse_computer{
    padding: 0.6em 0.25em!important;
}
.note_form_wrap .browse_computer:before{
    padding: 0.032em 0.032em!important;
    background: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #c4c4c4;
}
.note_wrap .edit_button .icon_wrap{
    background: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #c4c4c4;
    padding: 5px;
}
.note_form_wrap .submit_btn .icon.post {
    background: url(../media/img/icons/icon_post_blue.svg) no-repeat;
    background-size: 17px;
    width: 17px;
    height: 17px;
    background-position: center!important;
}

.note_form_wrap .browse_computer .icon.paperclip
,.note_wrap .paperclip{
    background: url(../media/img/icons/icon_paperclip_blue.svg) no-repeat;
    background-size: 20px;
    width: 20px;
    height: 10px;
    background-position: center!important;
}
.note_wrap .edit_button .icon.pencil{
    background: url(../media/img/icons/icon_pencil_blue.svg) no-repeat;
    background-size: 16px;
    width: 16px;
    height: 16px;
    background-position: center!important;
}
.note_wrap{
    border: 1px solid #a0a0a0;
}
.trumbowyg-box, .trumbowyg-editor{
    border-color: #a0a0a0;
}
.notes_thread{
    margin-bottom: 3em;
}
/** Accounting **/
.report_chunk h4{
    font-weight: 700;
    color: #a0a0a0;
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 0.3em;
}
.report_block_wrap{
    margin-top: 0;
}
.report_block_wrap .report_block{
    border-radius: 25px;
    border: 1px solid rgba(0,0,0,0.2);
    background: transparent;
    color: #5e5e5e;
    font-size: 12px;
    text-align: left;
    padding: 0.6em 1em;
}
a.report_block:hover
,a.report_block.current{
    background: #5990b1;
    color:#fff;
}
.graph_table_area{
    margin-top: 4em;
}
.graph_table_area h2 {
    font-size: 15px!important;
    font-weight: 700!important;
    padding-bottom: 0.5em;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    margin-bottom: 1em;
}
.graph_table_area .currency{
    text-align: right;
}
.sales_eco_area{
    position: relative;
    overflow: hidden;
}
.sales_eco_area .sales_eco_total .content_block_title {
    display: inline-block;
    width: 40%;
    text-align: right;
    padding-right: 1em;
    font-weight: 700!important;
    color: #5e5e5e;
    font-size: 13px!important;
    text-transform: uppercase;
    border-bottom: 0;
}
.sales_eco_area .sales_eco_total .content_block{
    display: inline-block;
    width: 60%;
}
.sales_eco_area .open_search_box{
    position:absolute;
    right: -90px;
    top: 35px;
    -webkit-transition: right 0.5s; /* Safari */
    transition: right 0.5s;
}
.sales_eco_area .open_search_box.custom_btn:hover .icon_wrap{
    background-color: #005588;
}
.sales_eco_area .open_search_box:hover{
    right: 0;
}

.options_wrap .option_group_title{
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.no_link_pad a{
    padding: 0 !important;
}
/*********/
.custom_btn .icon_wrap.border {
    background: #fff;
    border: 2px solid #ccc;
    transition: border;
    -webkit-transition: border;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    padding: 6px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/** Quick Books **/
.reports_bar h3{
    color: #333!important;
}
#qb_info_section #qb_info_section_close{
    height: 27px;
}
#qb_info_content .bg_section_box .h_content_wrap h3{
    font-weight: 600!important;
    font-size: 14px!important;
    border-bottom: 0;
    padding-bottom: 0;
}
#qb_info_content .bg_section_box.right_box, #qb_info_content .bg_section_box.left_box{
    padding-bottom:1em;
}

/** Quick Books:end **/

/** Step form **/
#side_step_form_body{
    background: #f0f0f0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    min-height: calc(100vh - 216px);
}
.step_form_footer_labels_wrap .submit_btn{
    background: #5990b1;
}
#side_step_form_body .submit_btn
,#side_step_form_body .reset_btn
,#side_step_form_body .other_btn
,#side_step_form_body input[type="button"]{
    border: 0;
}
.nested_form_wrap .flex_col.btn_col{
    padding-top: 2em!important;
}
.inv_pack_config_form_wrap .flex_col.btn_col.med
,.inv_item_convert_form_wrap .flex_col.btn_col.med{
    flex: 0.7;
}
.nested_form_wrap .form_element label.main{
    font-size: 13px;
}
.nested_form_wrap .btn_col
,#substitutions .flex_col.btn_col{
    min-width: 82px;
}
.nested_form_wrap .btn_col .custom_btn.submit_btn{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0!important;
    border: 0;
}
.gi_modal .nested_form_wrap form .columns {
    margin-bottom: 0.5em;
}
.step_form_body.has_children_steps .tabs_wrap.side_labels .tab_labels .tab_label{
    background: transparent!important;
    margin-left: 0;
}
.step_form_body.has_children_steps .tab_content
,.step_form_body.has_children_steps .tab{
    background: transparent!important;
}
.step_form_body.has_children_steps .tabs_wrap.side_labels .tab_labels .tab_label{
    border-bottom: 1px solid #808080;
    border-radius: 0!important;
    margin-bottom: 0;
    margin-top: 0;
    padding: 14px 1em 15px 0;
}
.step_form_body.has_children_steps .tabs_wrap.side_labels .tab_labels .tab_label:last-child{
    border-bottom: 0;
}
.step_form_body.has_children_steps .tabs_wrap{
    background: transparent!important;
    
}
.step_form_body.has_children_steps .tab.current{
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}
.step_3 .step_form_body.has_children_steps .tabs_wrap.side_labels .tab_labels{
    margin-top: 188px;
}
#form_step_view_wrap .custom_btn:not(.ac_remove) .icon_wrap{
    border: 0!important;
    -moz-box-shadow: 0 0 2px 1px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,.4);
    box-shadow: 0 0 2px 1px rgba(0,0,0,.4);
}
#form_step_view_wrap .form_row.cost .remove_form_row_wrap, #form_step_view_wrap .form_row.price .remove_form_row_wrap{
    margin-top: 25px;
}
.side_step_form .step_nav{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.page_nested_modal .select_pack_config_wrap.form_element{
    width: 340px;
}
.nested_form_wrap .flex_col.one_directional_col{
    padding-top: 2.2em;
}
.nested_form_wrap .flex_col.one_directional_col .checkbox_label{
    /*width: 50%;*/
}
#substitutions_table.flex_table .flex_col.btn_col .custom_btn, .nested_form_wrap .flex_table .flex_col.btn_col .custom_btn{
    margin-right: 0.5em!important;
    border: 0;
}
.shipment_subtabs.btn_style_labels{
    margin-bottom: 2em;
}
#form_step_view_wrap .form_row_fields .line_cost_per{
    min-width: 68px;
}
#form_step_view_wrap .custom_btn.add_shipment_form_row .icon_wrap{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0!important;
}
#form_step_view_wrap .custom_btn.add_shipment_form_row .btn_text{
    color: #fff;
}
.step_title
,#content h1.step_title{
    font-size: 18px;
    text-transform: uppercase;
}
#form_step_view_wrap .shipment_tab_details .shipment_title
,#form_step_view_wrap .shipment_tab_items .shipment_items_title
,#form_step_view_wrap .shipment_tab_add_costs .shipment_add_cost_title{
    font-size: 18px!important;
    text-transform: uppercase;
}
#form_step_view_wrap #order_shipments .shipment_form_row > .remove_form_row_wrap{
    top: 8.7em!important;
}
/** Step form:end **/
.overlay_grid{
    background-color: #5990b1;
}
.close_overlay{
    right: 40px;
    top: 40px;  
}
.custom_btn.close_overlay .icon_wrap{
    /*background-color: #5990b1;*/
}
.content_bg_box .view_header .right_btns .custom_btn{
    padding-top: 0;
}
.content_bg_box h1.view_header {
    padding-top: 10px;
    padding-bottom: 13px;
}
.open .overlay_grid:hover{
    color: #5990b1;
}
.overlay_grid:hover .svg_icon svg g *{
    fill: #5990b1;
}
.advanced_title .svg_icon svg *{
    fill: #5990b1;
}
.step_nav{
    background: #5990b1;
    background: -webkit-linear-gradient(top, #7a7373 , #5990b1);
    background: -o-linear-gradient(bottom, #7a7373, #5990b1);
    background: -moz-linear-gradient(bottom, #7a7373, #5990b1);
    background: linear-gradient(to bottom, #7a7373 , #5990b1);
}

/** Purchase order steps **/
.hide_header_title .header_title{
    display: none;
}
.hide_main_label label.main{
    display: none;
}
.file_uploader_view_block .content_files{
    margin-bottom: 0;
}
.advanced_btn_wrap .custom_btn{
    margin-right: 10px;
}
.advanced_btn_wrap .custom_btn:last-child{
    margin-right: 0;
}
.inner_tabs .tabs_wrap.side_labels .tab_labels .tab_label{
    text-transform: uppercase;
}
.inner_tabs .tab_content
,.content_bg_box .advanced_block .advanced_content{
    position: relative;
}
.inner_tabs .tab_content
,.inner_tabs .tab_content .content_block
,.inner_tabs .tab_content .file_thumb .corner:before{
    background: #eee!important;
}
.inner_tabs .tab_content .right_btns
,.content_bg_box .advanced_block .advanced_content .right_btns{
    margin-top: 0;
    float: none;
    position: absolute;
    right: 15px;
    top: 23px;
}
.content_bg_box .inner_tabs .tab_content .right_btns .custom_btn
,.content_bg_box .advanced_block .advanced_content .right_btns .custom_btn{
    padding-top: 0;
}
.content_bg_box .inner_tabs .tabs_wrap.side_labels .tab_contents{
    padding-right: 5px;
}
#overlay_grids_wrap{
    position: relative;
    width: 100%;
    padding: 40px 40px 20px;
    z-index: 100;
    background-color: rgba(94,94,94, 0.8);
}
.overlay_open #overlay_grids_wrap + div{
    position: absolute;
    top: 25px;
    left: 25px;
    width: calc(100% - 50px);
}
.overlay_open #main_section{
    padding: 0;
}
.overlay_grid_sub_icon {
    position: absolute;
    top: 30px;
    right: 30px;
    padding: 12px;
    border-radius: 50%;
}
.open .overlay_grid:hover{
    transform: scale(1); /**For avoid conflicts with scrollbar**/
}
.overlay_grid.completed .overlay_grid_sub_icon{
    background-color: #009000;
}
.overlay_grid.in_progress .overlay_grid_sub_icon{
    background-color: #c2bfbd;
}
.open .overlay_grid:hover .overlay_grid_sub_icon{
    background-color: transparent;
}
.overlay_grid.completed:hover .overlay_grid_sub_icon .svg_icon svg g *{
    fill: #009000;
}
.overlay_grid.in_progress:hover .overlay_grid_sub_icon .svg_icon svg g *{
    fill: #c2bfbd;
}
.overlay_grid .overlay_grid_sub_icon .svg_icon{
    margin: 0;
}
.gi_modal .wrap_btns .browse_computer{
    background: transparent!important;
    padding-left: 6px;
    padding-top: 8px;
}
.tab_label.in_progress .svg_icon svg *{
    fill: #c2bfbd;
}
.tab_label.in_progress .tab_label_text{
    color: #c2bfbd;
}
.tab_label.in_progress.current .svg_icon svg *{
    fill: #5e5e5e;
}
.tab_label.in_progress.current .tab_label_text{
    color: #5e5e5e;
}
.tab_label.completed .svg_icon svg *{
    fill: #009000;
}
.tab_label.completed .tab_label_text{
    color: #009000;
}
.tab_label .svg_icon{
    margin-right: 10px;
    width: 18px!important;
    height: 18px!important;
}
.tabs_wrap.side_labels .tab_labels .tab_label.left_icon{
    padding-left: 30px;
}
.tabs_wrap.side_labels .tab_labels .tab_label .tab_label_text{
    white-space: normal;
}
.tabs_wrap.side_labels .tab_labels .tab_label.left_icon .tab_label_text > .svg_icon{
    margin-left: -30px;
}
.step_form_body.has_children_steps .tabs_wrap.side_labels .tab_labels .tab_label .tab_label_text{
    white-space: nowrap;
    overflow: hidden;
}
.tab.current .tab_content,
.tab.current .tab_content .ajaxed_contents{
    height: 100%;
}
.fieldset_wrap_with_flex_row fieldset{
    padding-left: 0.5em;
    padding-right: 0.5em;
    margin-top: 15px;
}
.fieldset_wrap_with_flex_row > fieldset > .flex_row{
    margin-left: -0.5em;
    margin-right: -0.5em;
}
.advanced_block.locked .advanced_title.advanced_btn
,.sidebar_cagegory.locked .advanced_header{
    cursor: not-allowed;
}
.advanced_block.locked .advanced_content{
    display: none!important;
}
.sidebar_cagegory.open.locked{
    margin-bottom: 1.5em;
}
.advanced_block.locked .advanced_btn{
    cursor: not-allowed;
}
.advanced_block.locked .advanced_btn .icon{
    background: url(images/standard_icons.png?v=2.6) 13px 13px no-repeat;
    background-position: -747px -4px!important;
}

#main_section .advanced_block.locked .advanced_title_right_icon:after{
    content:"Complete Documents Step First";
    text-transform: uppercase;
    display: inline-block;
    margin-left: 2em;
    font-weight: 400;
    color: #e70012;
}
#main_section .advanced_block.locked.target_ref_trucking .advanced_title_right_icon:after{
    content:"Complete Customs Step First";
}
.shipment_menu .children_step_list .child_step .title, .shipment_menu .children_step_list .child_step_submenus .child_step_submenu .title
,.step_nav > ul > li > a, .step_nav > ul > li > .title{
    font-size: 15px!important;
    padding: 36px 25px;
}
/** Purchase order steps: end **/

/** Inventory **/
.step_form_body.has_children_steps .tabs_wrap.side_labels .tab_labels{
    padding: 0;
}
.step_4 .step_form_body.has_children_steps.inv_item_glass_form .tabs_wrap.side_labels .tab_labels{
    margin-top: 285px;
}
.columns  + .item_advanced_details_wrap{
    margin-top: -30px;
}
.advanced_block.target_ref_packaging .advanced_content .columns {
    margin-bottom: 5px;
}
.advanced_block .stock_list{
    margin-top: 20px;
}
.content_bg_box .advanced_block .advanced_content .stock_list .right_btns{
    top: 13px;
}
.advanced_block .advanced_content .stock_list .advanced .main_head{
    padding: 16px 10px;
    background: #f0f0f0;
    margin-bottom: 0;
}
#base_pack_config .form_group_wrap .flex_table .flex_row
,#pack_configs .form_group_wrap .flex_table .flex_row{
    background: transparent;
}
/** Inventory:end **/

/** Auto columns **/
.auto_columns>*, .auto_columns>.multi_column:nth-last-child(+2) {
    margin-bottom: 1em;
}
.list_block .auto_columns>*{
    margin-bottom: 0.5em;
}
/** Sidebar **/

/** Accounting **/
#bill_order_table
,#bill_sales_order_table{
    margin-top: 30px;
}

/**************/
.cost_breakdown .advanced_content{
    padding: 0;
    border: none;
}
.cost_breakdown .advanced_btn{
    position: absolute;
    right: 0;
    top: -0.2em;
    z-index: 100;
}
.dims_view {
    font-size: 0.8em;
    line-height: 1.2em;
    margin-top: 0.2em;
}
/********FLAG PICKER*******/
#felm_flag_picker,
#cur_flag{
    width: 125px;
    position: absolute;
    z-index: 1000;
    margin: 0;
    padding: 0;
    top: 50%;
    margin-top: -25px;
    left: 1em;
}

#cur_flag{
    height: 50px;
    width: auto;
}
#felm_flag_picker ul li{ /** For IE **/
    width: 125px;
}
#felm_flag_picker img{
    max-width: 100%;
    display: block;
}

#cur_flag img{
    height: 100%;
    display: block;
}

#felm_flag_picker .selectric{
    border-radius: 0;
    height: 50px;
    line-height: 35px;
}
#main_nav #felm_flag_picker, #main_nav #cur_flag{
    display: none;
}
#felm_access_to .checkbox_label{
    width: 100px;
    border: 5px solid transparent;
}

#felm_access_to .checkbox_label img{
    max-width: 100%;
    display: block;
}

#felm_access_to .checkbox_box{
    display: none;
}

#felm_access_to input[type="checkbox"]:checked + .checkbox_box + .checkbox_label{
    border-color: #5990b1;
}

#felm_access_to.error .options_wrap{
    border-color: #d9392e;
    -webkit-box-shadow: inset #d9392e 0px 0px 2px;
    -moz-box-shadow: inset #d9392e 0px 0px 2px;
    box-shadow: inset #d9392e 0px 0px 2px;
    padding: 1em 0.5em;
    padding-bottom: 0;
}
/*****/
body.loading:after{
    z-index: 99999;
}
body.loading > .loader_gif{
    z-index: 100000;
}
#ui-datepicker-div{
    z-index: 10110!important;
}
#gi_modal .content_padding > .right_btns{
    margin-top: 0;
}

.adj_contents_wrap .legend{
    background-color: #fff !important;
}


#warehouse_info{
    position: absolute;
    left: 150px;
    top: 50%;
    margin-top: -1.2em;
    font-size: 1em;
    line-height: 1.2em;
    font-weight: 800;
    text-transform: uppercase;
}
#warehouse_info .label,
#warehouse_info .addr{
    display: block;
}
#warehouse_info .addr{
    font-weight: 400;
    text-transform: none;
}
#warehouse_info .filter_btn_wrap{
    position: absolute;
    top: 50%;
    margin-top: -15px;
}
#warehouse_info .filter_btn_wrap .btn_text{
    display: none;
}
#warehouse_info .info_wrap{
    display: block;
}
#warehouse_info .filter_btn_wrap + .info_wrap{
    margin-left: 36px;
}
@media only screen and (max-width : 1680px){
    .left_column{
        width: 280px!important;
    }
    #main_content_column{
        padding-left: 280px;
    }
    body.fullscreen #header_wrap .main_column {
        width: calc(100% - 280px);
    }
    .qb_bar_wrap, #breadcrumbs{
        width: calc(100% - 280px);
    }

    #logo > img{
        width: 90%;
        height: auto;
        line-height: 82px;
        vertical-align: -webkit-baseline-middle;
    }
    #logo{
        padding-left: 15px;
    }
    #main_nav nav ul li.login_bar_menu_start:before, #main_nav nav ul li.login_bar_menu_end:after{
        width: 90%;
        margin-left: 5%;
    }
    .sidebar_title{
        padding: 28px 0.5em 1em 0.5em;
    }
    .sidebar_title .right_btns{
        margin-top: 0;
    }
    #content .sidebar_cagegory .advanced_header h2.advanced_title{
        font-size: 0.9em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .sidebar_cagegory .sidbar_btn{
        font-size: 0.9em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .overlay_grid .overlay_grid_sub_icon .svg_icon{
        width: 30px!important;
        height: 30px!important;
    }
}
@media only screen and (max-width : 1440px){
    #overlay_grids_wrap{
        padding: 30px;
    }
    .close_overlay{
        right: 30px;
        top: 30px;
    }
}

@media only screen and (max-width : 1280px){
    .left_column{
        width: 260px!important;
    }
    #main_content_column{
        padding-left: 260px;
    }
    #sidebar_section{
        width: 260px;
    }
    .sidebar_view #main_content{
        padding-right: 260px;
    }
    #header_wrap{
        width: 100%;
    }
    #header_wrap .left_column {
        display: none;
    }
    #header_wrap .main_column {
        width: 100%!important;
    }
    #header_wrap .main_column_left{
        width: 100%!important;
        background-color: #dfdad8;
    }
    #logo_mobile{
        display: inline-block;
        padding: 15px;
    }
    #logo_mobile img{
        width: auto;
        height: 50px;
    }
    
    #main_content_column {
        width: calc(100% - 60px)!important;
        left: 60px;
        transition: left 0.5s;
        padding-left: 0;
        z-index: 2;
    }
    .qb_bar_wrap, #breadcrumbs{
        width: calc(100% - 60px);
    }
    #left_menu_column.open + .main_column{
        left: 240px;
    }
    #main_nav nav > ul > li.sub_menu:hover:after, #main_nav nav > ul > li.sub_menu.current:after {
        background: url(../media/img/bg/bg_current_menu_arrow.png?v=2.0) no-repeat;
        background-position: right;
        top: 0;
        width: 294px;
        height: 60px;
        right: -6px;
        z-index: 2;
    }

    #main_nav nav ul li.sub_menu:after
    ,#main_nav nav ul li ul li.sub_menu:after{
        content: "";
        background: url(../media/img/icons/icon_arrow_right_white.svg) no-repeat;
        position: absolute;
        top: 20px;
        width: 12px;
        height: 20px;
        right: 30px;
    }
    #main_nav .menu_icon {
        left: 13px;
    }
    #main_nav .login_bar_menu .menu_icon{
        display: block;
    }
    #main_nav nav ul li a, #main_nav nav ul li .title{
        width: 280px;
        width: 100%;
        overflow: hidden;
        padding-left: 60px;
        padding-right: 0;
    }
    #main_nav nav ul li.login_bar_menu a{
        padding-left: 60px;
        padding-right: 0;
    }
    #felm_flag_picker, #cur_flag{
        left: 300px;
    }
    .overlay_grid_box .btn_text{
        font-size: 1.5em;
    }
    #warehouse_info{
        left: 430px;
        font-size: 0.9em;
    }
}
@media only screen and (max-width : 960px){
    /** To remove horizoltal scroll of mobile devices **/
    html, body {
        overflow-x: hidden;
    }
    body {
        position: relative;
    }
    /** To remove horizoltal scroll of mobile devices :end**/
    body.fullscreen{
        background-image: none;
    }
    #content_wrap {
        overflow: hidden;
        /*touch-action: none;*/
    }
    #user_bar{
        right: 20px;
    }
    #logo_mobile{
        padding: 22px 22px 22px 70px;
    }
    #logo_mobile img{
        height: 36px;
    }
    #main_content_scroll_wrap{
        width: 100%;
    }
    #sidebar_section{
        display: none;
    }
    #menu_btn {
        display: block;
        right: auto;
        left: 20px;
        top: 30px;
        z-index: 10101;
    }
    #main_nav_wrap {
        width: 260px;
        z-index: 3000;
        position: fixed;
        top: 0;
        right: auto;
        left: -260px;
        height: 100%;
        overflow-y: auto;
        overflow: hidden;
    }

    #header_wrap #felm_flag_picker, #header_wrap #cur_flag{
        display: none;
    }
    #main_nav_flag_picker{
        padding: 20px 5%;
    }
    #main_nav #felm_flag_picker, #main_nav #cur_flag{
        display: block;
        display: block;
        position: relative;
        top: 0;
        left: 0;
        margin-top: 0;
    }
    .controller_login #menu_btn{
        display: none;
    }
    #content_wrap:before{
        display: none;
    }
    #main_content_column{
        width: 100%!important;
        left: 0;
    }
    .qb_bar_wrap, #breadcrumbs{
        width: 100%;
    }
    #left_menu_column{
        left: 0;
        top: 0;
        height: 100%;
    }
    #left_menu_column.open + .main_column
    ,#left_menu_column.mouseenter + .main_column{
        left: 0;
    }
    
    #main_nav nav ul{
        border: none;
    }
    
    #main_nav nav ul li{
        border: none;
        text-align: left;
    }
    
    #main_nav nav ul li ul{
        border: none;
    }
    
    #main_nav nav ul li ul li{
        border: none;
    }
    #header_wrap
    ,#breadcrumbs
    ,.qb_bar_wrap{
        left: 0;
        transition: left;
        -webkit-transition: left;
        transition-duration: 0.4s;
        -webkit-transition-duration: 0.4s;
    }
    .menu_open #header_wrap
    , .menu_open #breadcrumbs
    , .menu_open .qb_bar_wrap{
        left: 260px;
    }
    #left_menu_column{
        background: #e6e6e6!important;
    }
    .menu_open #left_menu_column{
        background: #5e5e5e !important;
        background: -webkit-linear-gradient(bottom, #5e5e5e , #1E1E1E)!important;
        background: -o-linear-gradient(bottom, #5e5e5e, #1E1E1E)!important;
        background: -moz-linear-gradient(bottom, #5e5e5e, #1E1E1E)!important;
        background: linear-gradient(to bottom, #5e5e5e , #1E1E1E)!important;
    }
    
    .overlay_grid{
        width: 48%;
        margin-right: 4%;
        margin-bottom: 4%;
    }
    .overlay_grid:nth-child(3n+0) {
        margin-right: 4%;
    }
    .overlay_grid:nth-child(even) {
        margin-right: 0;
    }
    
    .columns .column.grid_column{
        margin-bottom: 0;
    }
    
    .gi_modal.shadow_box_modal .form_element{
        width: 100%;
        padding: 0;
        margin-bottom: 2em!important;
    }
    #main_nav nav ul li ul li ul li a{
        text-align: left;
    }
    .sidebar_view #main_content{
        padding-right: 0;
    }
    
    /** Fix mobile styles **/
    #main_content_wrap{
        padding-top: 0;
    }
    #content_wrap{
        padding-bottom:0;
    }
    #header_wrap{
        position: relative;
    }
    .menu_open #header_wrap
    , .menu_open #breadcrumbs
    , .menu_open .qb_bar_wrap{
        left: 0;
    }
    #breadcrumbs{
        position: relative;
        top:0;
    }
    .qb_bar_wrap{
        position: relative;
        top:0;
    }
    #main_content_column{
        padding-top: 0!important;
        position: relative;
    }
    #menu_btn{
        position: fixed;
        transition: left;
        -webkit-transition: left;
        transition-duration: 0.4s;
        -webkit-transition-duration: 0.4s;
    }
    .menu_open #menu_btn{
        left: 280px;
    }
    .menu_open #content_wrap{
        position: absolute;
    }
    /** Fix mobile styles : end **/
    #warehouse_info{
        margin-top: 0;
        bottom: 1.1em;
        top: auto;
        left: 120px;
        font-size: 0.8em;
    }
    #warehouse_info .label{
        display: none;
    }
    #warehouse_info .filter_btn_wrap{
        display: none;
    }
    #warehouse_info .filter_btn_wrap + .info_wrap{
        margin-left: 0;
    }
}
@media only screen and (max-width : 767px){
}
@media only screen and (max-width : 640px){
/*    .overlay_grid{
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }*/
    .overlay_grid_box .btn_text{
        font-size: 0.8em;
    }
    .overlay_grid .svg_icon{
        width: 25px !important;
        height: 25px !important;
    }
    #overlay_grids_wrap{
        padding: 20px 40px 40px 30px;
    }
    .overlay_grid{
        margin-bottom: 20px;
        height: 100px;
    }
    .close_overlay{
        right: 20px;
    }
    
    #login_box{
        width: 90%;
    }
    #login_logo_wrap{
        display: block;
        text-align: center;
        padding: 0;
        margin: 0 auto;
        width: 80%;
        height: auto;
    }
    #login_logo_wrap img{
        width: 90%;
        height: auto;
        margin: 50px auto;
    }
    #logo_mobile {
        display: none;
    }
    .footer_bar .flex_col{
        flex: 0;
        display: block;
    }
    .footer_bar .flex_row{
        display: block;
    }
    .footer_bar .flex_col.right_align{
        text-align: left;
    }
    .footer_bar .flex_col:not(:first-child){
        margin-top: 1em;
    }
    #warehouse_info{
        display: none;
    }
}

@media only screen and (max-width : 480px){
/*    #main_content_scroll_wrap{
        width: calc(100% - 60px);
    }
    #sidebar_section{
        width: 60px;
    }*/
    .sidebar_title{
        display: none;
    }
    #content .sidebar_cagegory .advanced_header h2.advanced_title .svg_icon.left_icon{
        margin-right: 40px;
    }
    #content .sidebar_cagegory .advanced_header h2.advanced_title
    ,.sidebar_cagegory .sidbar_btn{
        color: transparent;
    }
    .sidebar_cagegory a:hover{
        color: transparent;
    }
    #content .sidebar_cagegory .advanced_header .advanced_btn_wrap{
        display: none;
    }
    .overlay_title{
        font-size: 1.1em;
    }
    .content_padding{
        padding: 15px;
    }
}