/* --------------------------------------------------------------
   * Resets default browser CSS.
-------------------------------------------------------------- */
@font-face {
  font-family: Montserrat;
  src: url("./fonts/Montserrat-Regular.ttf");
}

@media print {
    a:after { content:''; }
    a[href]:after { content: none !important; }
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

html{
  height: 100%;
}

body{
  margin: 0;
  padding: 0;
  font-family: 'Montserrat', sans-serif;
  font-size:14px;
  height: 100%;
}

a{
    text-decoration: none;
}

a:focus{
  outline:1px dotted invert
}

ul{
  list-style:none
}

a{
    cursor: pointer;
}

.float_left{
    float:left
}
.float_right{
    float: right;
}

.clear{
    clear: both;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.body_background{
  background: url(../img/background-1.png) no-repeat scroll center center / cover  rgba(0, 0, 0, 0);
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -99999;
}

.main_container{
  width:1000px;
  margin:0 auto;
}

.container{
  float:left;
  width:100%;

  #background: url(../img/background-1.png);
  height: 100%;
}

.main_container{
  width:1000px;
  margin:0 auto;
}

.content_header_wrapper{
  height: 91px;
  padding: 20px;
}

.content_header_wrapper .welcome{
  color: #00B09B;
  font-family: 'Montserrat', sans-serif;
}

.content_header_wrapper .logo{
  margin-top: 25px;
}

.content_header_wrapper .split{
   border-bottom: 1px solid #eceded;
}

.content_header_wrapper a{
    height: 108px;
    float: left;
}

.content_header_wrapper .logout a{
    height: auto;
    float: right;
  color: #00B09B;
  font-size: 18px;
}

.main_background{
  background-color:#ffffff;
  float:left;
  -webkit-box-shadow: #666 0px 2px 5px;
  -moz-box-shadow: #666 0px 2px 5px;
  box-shadow: #666 0px 2px 5px;
  behavior: url(/pie/PIE.htc);
}

.infomation_header_container{
  width:100%;
  height:80px;
  background: #00B09B;
  border-bottom:1px solid #00B09B;

  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
}


.menu_container{
  float:left;
  width:100%;
}

.menu_top_list{
  float:right;
  margin:10px 0;
}

.menu_top_list li{
  float:left;
}

.menu_top_list li a{
  font-size:13px;
  line-height:24px;
  color:#d8d6e8;
  letter-spacing:0.01em;
  padding:0 16px 0 10px;
}


.menu_list{
  float: right;
  margin-top:3px;
}

.menu_list li{
  float:left;
}

.menu_list li{
  float:left;
}

.menu_list li a{
  padding:7px 6px 3px 0;
  float:left;
  background:url("../img/menu_active_background.png") no-repeat scroll right -35px transparent;
}

.menu_list li a span{
  font-size:14px;
  line-height:24px;
  color:#ffffff;
  letter-spacing:0.01em;
  padding:0px 6px 0px 10px;
  float:left;
}

/*.menu_list li:first-child a{
  background:url("../img/menu_active_background.png") no-repeat scroll left 0px transparent;
}*/

.menu_list .active a,
.menu_list li:hover a{
  padding:7px 6px 2px 0;
  float:left;
  background-color:#f3f3f8;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: 0 -1px 1px #514C7C;
  -moz-box-shadow: 0 -1px 1px #514C7C;
  box-shadow: 0 -1px 1px #514C7C;
  behavior: url(/pie/PIE.htc);
  border-top:1px solid #514c7c;
}

.menu_list .active a span,
.menu_list li:hover a span{
  font-size:14px;
  line-height:24px;
  color:#313131;
  letter-spacing:0.01em;
  padding:0px 6px 0px 10px;
  float:left;
}

.page_container{
  width:985px;
  min-height: 545px;
  float:left;
  margin: 0px 20px;
  position: relative;

  -webkit-border-radius: 0 0 3px 3px;
   -moz-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
  behavior: url(/pie/PIE.htc);
}

.main_page_container{
  margin-top: 20px;
}

fieldset, .fieldset {
    border: 1px solid #CCCCCC;
    padding: 10px;
}

fieldset legend {
  color: #323232;
  font-size: 15px;
  line-height: 0px;
  width: auto;
  text-align: left;
}

.information_top_left{
  width: 35%;
}

.order_add_add_contatiner .information_top_left{
  width: auto;
}

.order_add_add_contatiner .information_top_left #block_size input{
  width: auto;
}

.order_add_add_contatiner .information_top_left #block_size label{
  width: 20px;
  margin-top: 0px;
}

.order_add_add_contatiner .information_top_right{
  float: left;
}

.radio_label{
  float: left;
  margin-top: 6px;
}

/*.radio_wrapper .radio{
  float: left;
  margin-left: 15%;
}*/

/*.radio_wrapper {
  float: left;
  width: 18%;
  margin: 0 1%;
}*/

.radio_wrapper .radio{
  float: left;
  margin-left: 0px;
}

.radio_wrapper {
  float: left;
  width: 20%;
  #margin: 0 1%;
}

.info_h_rebar_element_left .radio_wrapper{
  width: 100%;
}

.page_container .information_top_left .input_wrapper .element_wrapper{
  margin-top: 10px;
}

.page_container .information_top_left .input_wrapper label{
  width: 200px;
  float: left;
  line-height: 30px;
  text-align: right;
}
.page_container .information_top_left .input_wrapper input{
  float: left;
  margin-left: 10%;
  width: 25%;
}

.page_container #add_level_form .information_top_left .input_wrapper input{
  margin-left: 0px;
  width: 85px;
}

.page_container #add_level_form .information_top_left .input_wrapper label{
  width: 185px;
}

.page_container #add_level_form .information_top_left .input_wrapper .element_wrapper{
  float: left;
}

.page_container #add_level_form .information_top_left .input_wrapper .right_element{
  float: right;
  margin-right: 30px;
}

.order_add_add_contatiner .information_top_right_label_wrapper{
  width: 490px;
  float: left;
  text-align: right;
  margin-top: 41px;
}

/*.order_add_add_contatiner .information_top_right_label_wrapper label{
  line-height: 30px;
    margin-left: -52px;
    margin-top: 10px;
    width: 280px !important;
}*/

.order_add_add_contatiner .information_top_right_label_wrapper label{
  margin-left: -52px;
  width: 100% !important;
}

.order_add_add_contatiner #add_level_form .information_top_right_label_wrapper label{
  margin-left: -17px;
}

.order_add_add_contatiner .information_top_right_element_wrapper{
  width: 10%;
  margin-left: 6%;
  float: left;
  margin-top: 10px;
  text-align: center;
}

.order_add_add_contatiner .information_top_right_element_wrapper input:first-child{
  margin-top: 10px;
}

.order_add_add_contatiner .information_top_right_element_wrapper input{
  width: 60%;
  margin-bottom: 0px;
}

.order_add_add_contatiner #add_level_form .information_top_right_element_wrapper input{
  width: 80px;
  margin-bottom: 0px;
}

.order_add_add_contatiner #add_level_form .information_top_right_element_wrapper .splite{
  width: 110px;
}

.order_add_add_contatiner .information_top_right_element_wrapper .color_red{
  width: 75px;
}

.order_add_add_contatiner .information_top_right_element_wrapper .level_total{
  width: 75px;
}

.order_add_add_contatiner .information_top_right_element_wrapper .level_sub_total{
  width: 105px;
}

.order_add_add_contatiner .information_top_right .info_total_wrapper{
  margin-top: 100px;
}

.menu_top{
  margin-left: 23%;
    width: 60%;
}

.input-prepend{
  margin-top: 10px;
  margin-bottom: 0px;
  width: 100%;
  border-collapse: separate;
    display: table;
    position: relative;
  vertical-align: middle;
    white-space: nowrap;

}

.input-prepend .add-on:first-child, .input-prepend .btn:first-child{
  min-width: 1%;
}

.input-prepend .add-on:first-child{
  border-right: 0 none;
}

.menu_bottom{
  margin-left: 5%;
    width: 70%;
}

.info_amount_wrapper input{
  margin-top: 10px;
}

.info_total_wrapper{
  text-align: center;
  margin-top: 200px;
}

.color_red{
  color: red;
  font-size: 10px;
}

.splite{
  border-top: 1px solid #CCCCCC;
  width: 100%;
  margin-top: 10px;
}

/*bootstrap buttons*/

.btn.a {
    /*background-color: #5493A4;
    background-image: linear-gradient(#B8D3DA, #5493A4);
    background-repeat: repeat-x;
    border-color: #5493A4 #5493A4 #477D8B;*/
    background: url(../img/button_background.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border: none;
    color: #00B09B;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.49);
}
.btn.b {
    background-color: #CC7A00;
    background-image: linear-gradient(#FFAD33, #CC7A00);
    background-repeat: repeat-x;
    border-color: #CC7A00 #CC7A00 #B26B00;
    color: #323232;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.33);
}
.btn.c {
    background-color: #7CC817;
    background-image: linear-gradient(#DAF6B5, #7CC817);
    background-repeat: repeat-x;
    border-color: #7CC817 #7CC817 #5F9B12;
    color: #323232;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.66);
}
.btn.d {
    background-color: #C515A2;
    background-image: linear-gradient(#E727C0, #C515A2);
    background-repeat: repeat-x;
    border-color: #C515A2 #C515A2 #B91498;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.16);
}
.btn.e {
    background-color: #193F11;
    background-image: linear-gradient(#398F28, #193F11);
    background-repeat: repeat-x;
    border-color: #193F11 #193F11 #112B0C;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
}
.btn.f {
    background-color: #5E1111;
    background-image: linear-gradient(#B42121, #5E1111);
    background-repeat: repeat-x;
    border-color: #5E1111 #5E1111 #490D0D;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
}
.btn.g {
    background-color: #1798C4;
    background-image: linear-gradient(#56C5EB, #1798C4);
    background-repeat: repeat-x;
    border-color: #1798C4 #1798C4 #1487AD;
    color: #323232;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.33);
}
.btn.h {
    background-color: #282828;
    background-image: linear-gradient(#5B5B5B, #282828);
    background-repeat: repeat-x;
    border-color: #282828 #282828 #1C1C1C;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
}
.btn.i {
    background-color: #2C4361;
    background-image: linear-gradient(#7A99C1, #2C4361);
    background-repeat: repeat-x;
    border-color: #2C4361 #2C4361 #1F2F44;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.56);
}
.btn.j {
    background-color: #A5750D;
    background-image: linear-gradient(#EFB73D, #A5750D);
    background-repeat: repeat-x;
    border-color: #A5750D #A5750D #88600B;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.39);
}
.btn.k {
    background-color: #C9C9C9;
    background-image: linear-gradient(#FFFFFF, #C9C9C9);
    background-repeat: repeat-x;
    border-color: #C9C9C9 #C9C9C9 #AEAEAE;
    color: #323232;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.69);
}
.btn.l {
    background-color: #7ADFA4;
    background-image: linear-gradient(#CDF3DD, #7ADFA4);
    background-repeat: repeat-x;
    border-color: #7ADFA4 #7ADFA4 #66DB96;
    color: #323232;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.33);
}
.btn.m {
    background-color: #23748E;
    background-image: linear-gradient(#2D95B7, #23748E);
    background-repeat: repeat-x;
    border-color: #23748E #23748E #216B84;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.16);
}
.btn.n {
    background-color: #FFA3A3;
    background-image: linear-gradient(#FFCBCC, #FFA3A3);
    background-repeat: repeat-x;
    border-color: #FFA3A3 #FFA3A3 #FF9999;
    color: #323232;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.13);
}
.btn.o {
    background-color: #3E4134;
    background-image: linear-gradient(#7B7F66, #3E4134);
    background-repeat: repeat-x;
    border-color: #3E4134 #3E4134 #2F3127;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.36);
}

.information_bottom{
  width: 100%;
}

.information_bottom_left{
  float: left;
}

.information_bottom_right{
  width: 100%;
  float: left;
}

.information_bottom_right button{
  float: right;
}

.information_bottom button{
  margin-right: 10px;
  float: right;
}

.information_bottom .information_bottom_left .button_wrapper button:first-child{
  margin-right: 0px;
}

.space{
  height:15px;
}

.info_h_rebar_element_right{
  text-align: center;
  width: 50%;
  float: left;
}

.info_h_rebar_element_right input{
  width: 80%;
}

.checkbox{
  float: left;
}

.cb_wrapper{
  float: left;
    margin-left: 10px;
    margin-top: 5px;
    width: auto;
}

.checkbox_wrapper{
  display: inline-block;
  margin: 0 auto;
}

.top15{
  margin-top: 15px;
}

.info_h_rebar_element_left{
  float: left;
  width: 30%;
  text-align: center;
}

.info_h_rebar_element_right{
  float: left;
  width: 30%;
  text-align: center;
}

.width40{
  width: 40%;
}

.height0{
  height: 0px;
}

.info_h_rebar_element_right select{
  width: auto;
}

.info_wall_opeining_element_wrapper{
  width: 50%;
  float: left;
}

.info_wall_opeining_element_wrapper input{
  width: 80%;
}
.info_wall_opeining_element_wrapper label{
 	line-height: 30px;
}

.info_wall_opeining_element_wrapper_l{
  float: left;
  width: 70%;
}

.info_wall_opeining_element_wrapper_r{
  float: left;
  width: 30%;
}

.info_wall_opeining_element_wrapper_r select{
  width: 82px;
}

.info_wall_opeining_element_wrapper_l label{
 	line-height: 30px;
  width: 90% !important;
}

.info_wall_opeining_element_check_wrapper_l{
  float: left;
  width: 100%;
}

.info_wall_opeining_element_check_wrapper_l input{
  float: left;
    margin-top: 8px;
    width: 30px !important;
}

.info_wall_opeining_element_check_wrapper_l label{
  float: left;
  text-align: left !important;
  width: auto !important;
}

.info_wall_opeining_element_check_wrapper_r{
  float: left;
  width: 100%;
  text-align: right;
  margin-bottom: 10px;
}

.info_wall_opeining_element_check_wrapper_r input{
  float: right !important;
    margin-top: 8px;
    width: 30px !important;
}

.info_wall_opeining_element_check_wrapper_r label{
  float: right !important;
  text-align: left !important;
  width: 160px !important;
}

#opening_wrapper .info_wall_opeining_element_wrapper label{
  width: inherit;
}

#opening_wrapper{
  display: none;
}

#h_rebar_wrapper{
  display: none;
}

#bl_wrapper{
  display: none;
}

#protective_wrapper{
  display: none;
}

#radius_wrapper{
  display: none;
}

#tt_wrapper{
  display: none;
}

#t_wrapper{
  display: none;
}

#gable_wrapper{
  display: none;
}

#flooring_wrapper{
  display: none;
}

#floor_wrapper{
  display: none;
}

#one_sided_wrapper{
  display: none;
}

#insulation_wrapper{
  display: none;
}

.order_information_container{
  padding: 30px 50px;
  width: 685px !important;
}

.order_information_container #bl_wrapper .info_wall_opeining_element_wrapper label{
  width: 245px;
}

.order_information_container #radius_wrapper .info_wall_opeining_element_wrapper label{
  width: 245px;
}

.order_information_container #tt_wrapper .info_wall_opeining_element_wrapper label{
  width: 245px;
}

.order_information_container #t_wrapper .info_wall_opeining_element_wrapper label{
  width: 245px;
}

.fancy_window{
  display: none;
}

.fancy_window{
  width: 900px;
  padding-bottom: 2%;
}

.fancy_window .infomation_header_container{
  height: 40px;
}

.fancy_window .infomation_header_container .header_title{
  margin-left: 10px;
  margin-top: 10px;
  color: #FFFFFF;
}

.fancy_window #wall_content{
  padding: 2%;
}

#wall_content h1{
  font-size: 30px;
  margin-left: 25px;
}

#wall_content_prebuck{
    border: 1px solid #CCCCCC;
    padding: 2%;
    padding-left: 1%;
    display: inline-block;
    width: 96%;
  }
  
#wall_content_top{
  border: 1px solid #CCCCCC;
  padding: 2%;
  padding-left: 1%;
  display: inline-block;
  width: 96%;
}

.wall_content_top_element_gable{
  width: 100%;
  float: left;
  margin-left: 2%;
}

.wall_content_top_element{
  width: 25%;
  float: left;
  margin-left: 2%;
}

.width25{
  width: 25%;
}

#wall_content .radio_wrapper{
  width: 100%;
}

#wall_content .radio_wrapper{
  width: 100%;
}

#wall_content .radio_label{
  margin-left: 10px;
}

.width_half{
  width: 50%;
}

.left{
  float: left;
}

.right{
  float: right;
}

.text_center{
  text-align: center;
}

.width10{
  width: 10%;
}

#wall_main_width_input{
  width: 72%;
}

#wall_main_height_input{
  width: 72%;
}

#gable_ends_width_input{
  width: 72%;
}

#gable_ends_height_input{
  width: 72%;
}

.wall_content_top_element select{
  width: 88%;
}

#window_imp_inch_wrapper{
  display: none;
}

#window_imp_feet_wrapper{
  *display: none;
}

#window_met_milli_wrapper{
  display: none;
}

#window_met_meter_wrapper{
  display: none;
}

#door_imp_inch_wrapper{
  display: none;
}

#door_imp_feet_wrapper{
  display: none;
}

#door_met_milli_wrapper{
  display: none;
}

#door_met_meter_wrapper{
  display: none;
}

#wall_main_add_number{
  width: 50%;
}

#gable_ends_add_number{
  width: 50%;
}

#wall_content_bottom{
  width: 100%;
}

#wall_content_bottom_left{
  width: 40%;
  float: left;
}

#wall_content_bottom_left label{
  width: 40%;
  float: left;
  text-align: right;
  margin-top:6px;
}

#wall_content_bottom_left input{
  width: 40%;
  float: left;
  margin-left: 5%;
}

#wall_content_bottom_right{
  width: 56%;
  margin-left: 1%;
  float: left;
  /*border-top: 1px solid #CCCCCC;*/
}

#wall_content_bottom_right_top{
  border: 1px solid #CCCCCC;
  width: 100%;
  display: inline-block;
  padding: 10px;
}

#wall_content_bottom_right_top select{
  width: 100%;
}

#wall_remove{
  width: 100%;
}

#gable_ends_remove{
  width: 100%;
}

.wall_save_wrapper button{
  margin-right: 10px;
}

.wall_save_wrapper{
  margin-bottom: 30px;
}

.disabled{
  color: #CCCCCC;
}

.width48{
  width: 48%;
}

.add_on_window{
  display: none;
  width: 900px;
  padding-bottom: 2%;
}

#add_on_window{
  height: 500px;
}


#extras_window{
  height: 500px;
}

.close_window_btn{
  bottom: 10px;
  position: absolute;
  right: 10px;
}

.header_container{
  width:100%;
  height:45px;
  background: #736cb0;
  background: -moz-linear-gradient(top, #736cb0 0%, #736cb0 36%, #7069ad 64%, #575093 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#736cb0), color-stop(36%,#736cb0), color-stop(64%,#7069ad), color-stop(100%,#575093));
  background: -webkit-linear-gradient(top, #736cb0 0%,#736cb0 36%,#7069ad 64%,#575093 100%);
  background: -o-linear-gradient(top, #736cb0 0%,#736cb0 36%,#7069ad 64%,#575093 100%);
  background: -ms-linear-gradient(top, #736cb0 0%,#736cb0 36%,#7069ad 64%,#575093 100%);
  background: linear-gradient(to bottom, #736cb0 0%,#736cb0 36%,#7069ad 64%,#575093 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#736cb0', endColorstr='#575093',GradientType=0 );
  -pie-background: linear-gradient(to bottom, #736cb0 0%,#736cb0 36%,#7069ad 64%,#575093 100%);
  behavior: url(/pie/PIE.php);
  border-bottom:1px solid #3e3a69;
}

.has_submenu{
  height: 80px;
}

.page_container label{
  float: left;
    line-height: 30px;
    padding-right: 10px;
    text-align: right;
    width: 200px;
}

.w50{
  width: 50%;
}

.w55{
  width: 55%;
}
.w45{
  width: 45%;
}
.page_container button{
  margin-right: 10px;
}

.menu_top_list .active{
  text-decoration: underline;
}

.customer_menu{
  width: 55%;
}

.prices_menu{
  width: 61%;
}

.constants_menu{
  width: 66%;
}

#customer_search_top #button_wrapper{
  width: 300px;
  margin: 0 auto;
}

#customer_search_top fieldset{
  padding: 15px;
}

button.active{
  background-image: linear-gradient(#23748E, #5493A4) !important;
}

#customer_search_bottom{
  border: 1px solid #CCCCCC;
  padding: 20px;
  margin-top: 10px;
  text-align: center;
}

#customer_search_bottom #wrapper{
  width: 60%;
  margin: 0 auto;
  display: inline-block;
}

#customer_search_bottom #wrapper button{
  margin-right: 0px;
}

#customer_search_bottom #search_keyword{
  margin: 0 auto;
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
}

#customer_search_bottom select{
  width: 100%;
  margin: 0 auto;
}

#customer_search_bottom #customer_search_result{
  display: none;
}

#customer_detail_top{
  width: 100%;
}

#customer_detail_top label{
  width: 140px;
}

#customer_detail_top #customer_number{
  width: 30px !important;
}

#customer_detail_top_left{
  width: 60%;
}

#customer_detail_top_right .radio_label{
  margin-left: 5px;
    margin-top: 6px;
    width: 30px;
}

#customer_detail_top_right .radio{
  float: left;
  margin-top: 10px;
}

#customer_detail_top_right{
  width: 35%;
  margin-left: 5%;
}

#customer_detail_top_right #customer_type_other_input{
  margin-left: 5px;
  margin-top: 7px;
}

#customer_detail_top_right #cusomer_discount{
  width: 50px;
}

#customer_detail_top #province{
  width: 100px;
}

#customer_detail_top #postal_code{
  width: 100px;
}


#customer_detail_bottom #phone, #fax{
  width: 100px;
}

#customer_detail_bottom{
  width: 100%;
}

#customer_detail_bottom label{
  width: 140px;
}

#comments{
  width: 815px;
  height: 200px;
}


table th{
  width: 16%;
/*	background: #0EA5A0;*/
  color: #555555;
/*	border: 2px solid white;*/

  /*background: #736cb0;
  background: -moz-linear-gradient(top, #736cb0 0%, #736cb0 36%, #7069ad 64%, #575093 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#736cb0), color-stop(36%,#736cb0), color-stop(64%,#7069ad), color-stop(100%,#575093));
  background: -webkit-linear-gradient(top, #736cb0 0%,#736cb0 36%,#7069ad 64%,#575093 100%);
  background: -o-linear-gradient(top, #736cb0 0%,#736cb0 36%,#7069ad 64%,#575093 100%);
  background: -ms-linear-gradient(top, #736cb0 0%,#736cb0 36%,#7069ad 64%,#575093 100%);
  background: linear-gradient(to bottom, #736cb0 0%,#736cb0 36%,#7069ad 64%,#575093 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#736cb0', endColorstr='#575093',GradientType=0 );
  -pie-background: linear-gradient(to bottom, #736cb0 0%,#736cb0 36%,#7069ad 64%,#575093 100%);
  behavior: url(/pie/PIE.php);*/

  background-color: #FAFAFA;
    background-image: linear-gradient(to bottom, #FFFFFF, #F2F2F2);
    background-repeat: repeat-x;
    border: 1px solid #D4D4D4;
    border-radius: 4px 4px 4px 4px;
}

table td{
  word-break: break-all;
  text-align: center;
  border: 1px solid #D4D4D4;
  padding-bottom: 5px;
}

table th{
  padding-bottom: 5px;
  padding-top: 5px;
}

table{
  width: 100%;
}

table .odd{
  background: #ececee;
}

#order_search_wrapper button{
  margin-right: 0px;
}

#order_search_wrapper table input{
  width: 50px;
}

#button_wrapper ul li{
  margin-left: 30px;
}

#button_wrapper ul{
  margin: 0px;
}

#order_info_menu{
  display: inline-block;
  margin: 0 auto;
  width: 100%;
}

#order_info_bottom fieldset label{
  text-align: left;
  margin-left: 7px;
  width: 300px;
}

#order_info_bottom_right{
  width: 40%;
  margin-left: 5%;
}

.cb_label{
  text-align: left !important;
  margin-left: 7px !important;
  width: 300px !important;
}

#order_info_bottom_right #order_info_multiple_radio_wrapper label{
  width: 10px;
  margin-left: 5px;
  margin-top: 0px;
}

#order_info_multiple_wrapper > label{
  width: 160px !important;
  margin-top: 13px;
}

#order_info_multiple_wrapper #order_info_block_field{
  margin-top: 10px;
}

#order_info_block_field label{
  width: 10px !important;
  margin-top: 0px;
}

#order_info_bottom, #order_info_button_wrapper{
  margin-top: 20px;
}

.tab_measurements_notification{
  border: 1px solid #CCCCCC;
    padding: 10px;
}

#tab_measurements .element_wrapper{
  width: 500px;
  margin: 0 auto;
}

#tab_measurements .element_wrapper .element{
  width: 30%;
  margin-top: 10px;
}

#tab_measurements_button_wrapper{
  margin-top: 50px;
}

#tab_delivery{
  *width: 90%;
}

#tab_delivery_top{
  width: 100%;
}

#tab_delivery_top > div{
  width: 40%;
}

#tab_delivery_top{
  display: inline-block;
}

#tab_delivery{
  margin: 0 auto;
}

#tab_delivery #tab_delivery_top label{
  width: 100px;
}

#tab_delivery #tab_delivery_top div input{
  width: 95px;
}

#tab_delivery_bottom #charge_wrapper{
  padding: 15px;
}

#tab_delivery_bottom #charge_wrapper .radio_label{
  margin-top: 0px;
  text-align: left;
  margin-left: 10px;
}

#charge_distance{
  width: 40%;
}

#charge_distance{
  margin-top: 10px;
  float: left;
}

#charge_loads{
  float: left;
  width: 40%;
  margin-left: 10%;
  margin-top: 10px;
  padding-bottom: 22px;
  padding-top: 22px;
}

#charge_loads label{
  width: 70px;
}

#charge_loads select{
  width: 60px;
}

#charge_loads input{
  width: 60px;
  margin-left: 10px;
}

#charge_wrapper #bottom{
  display: inline-block;
    margin: 30px 100px;
}

#order_info_delivery_button_wrapper{
  margin-top: 10px;
}

#order_info_delivery_button_wrapper button:first-child{
  margin-right: 0px;
}

#order_delivery_address{
  width: 329px;
}

.w250{
  width: 250px !important;
}

#tab_labour_bottom{
  margin-top: 10px;
}

#tab_labour_bottom button{
  margin-left: 10px;
  margin-top: -11px;
}

#tab_labour_bottom #element{
  width: 160px;
  float: left;
  margin-left: 30px;
  text-align: center;
  margin-top: 15px;
}

#tab_labour_bottom #element_wrapper #element input{
  width: 100px;
}

.tab_labour_bottom_element_last{
  width: 40px !important;
  margin-top: 38px !important;
}

#tab_labour_bottom #element .radio_label{
  margin-top: 0;
    width: 35px;
}

#tab_labour_bottom #element label{
  margin-top: 12px;
}

.center{
  text-align: center;
}

#tab_labour_bottom #element .center{
  display: inline-block;
}

#tab_labour_bottom #element > input{
  margin-top: 12px;
}

#tab_labour #order_info_labour_button_wrapper{
  margin-top: 10px;
}

#tab_concrete_elemet_wrapper #order_info_concrete_wrapper{
  margin-top: 30px;
  margin-right: 10px;
}

#tab_concrete #tab_concrete_elemet_wrapper .tab_concrete_element{
  width: 30%;
  float: left;
  text-align: center;
}

#tab_concrete #tab_concrete_elemet_wrapper .tab_concrete_element:first-child{
  width: 10%;
}

#tab_concrete #tab_concrete_elemet_wrapper .tab_concrete_element .span_wrapper{
  margin-left: -2px;
    margin-top: 6px;
}

#tab_concrete #tab_concrete_elemet_wrapper .tab_concrete_element .input_wrapper{
  margin-left: -17px;
}

#tab_concrete #tab_concrete_elemet_wrapper .tab_concrete_element input{
  width: 70%;
}

#tab_concrete #tab_concrete_elemet_wrapper{
  margin: 20px 0;
}

#tab_discount .wrapper{
  width: 500px;
}

#tab_concrete_content_wrapper{
  float: left;
  width: 420px;
}

.tab_concrete_pump_content_wrapper{
  float: left;
  width: 240px;
}

.tab_concrete_pump_content_wrapper input{
  float: left;
  width: 80px !important;
}

.tab_concrete_pump_content_wrapper label{
  float: left;
  width: 55px !important;
}

.tab_concrete_pump_content_wrapper .concrete_pump_check_label{
  margin-bottom: 10px;
    margin-left: -16px;
    margin-top: -5px;
    width: auto !important;
}

.tab_concrete_pump_content{
  margin-top: 5px;
}

.w_450{
  width: 450px !important;
}

#order_select_summary_content #order_select_summary_left .element{
  width: 18%;
  margin-left: 1%;
  float: left;
  text-align: center;
}

#order_select_summary_content #order_select_summary_left .first_element{
  width: 35%;
  margin-left: 1%;
  float: left;
  text-align: center;
}

#order_select_summary_content #order_select_summary_left .element_wrapper{
  margin-top: 10px;
}

#order_select_summary_content #order_select_summary_left label{
  float: right;
    line-height: 30px;
    text-align: right;
  width: auto;
  padding-right: 0px;
}

#order_select_summary_content #order_select_summary_left input{
  margin: 0px;
  width: 70%;
}


#order_select_summary_content #order_select_summary_right .element_wrapper .element{
  width: 30%;
  margin-left: 2%;
  float: left;
}

#order_select_summary_content #order_select_summary_right .element_wrapper .element label{
  float: right;
    line-height: 30px;
    text-align: right;
  width: auto;
  padding-right: 0px;
}

#order_select_summary_content #order_select_summary_right .element_wrapper .element input{
  margin: 0px;
  width: 70%;
}

#order_select_summary_content #order_select_summary_right .element_wrapper .element .color_red{
  font-size: inherit;
}

#order_select_summary_content #order_select_summary_right .element_wrapper{
  margin-top: 10px;
}

#order_select_summary_content #order_select_summary_right .element_wrapper button{
  width: 150px;
}

#order_select_summary_content #order_select_summary_right .element_wrapper{
  text-align: center;
}

#order_select_add .infomation_main_container{
  width:1000px;
  margin:0 auto;
}

#order_select_add .infomation_main_background{
  background-color:#ffffff;
  float:left;
  -webkit-box-shadow: #666 0px 2px 5px;
  -moz-box-shadow: #666 0px 2px 5px;
  box-shadow: #666 0px 2px 5px;
  behavior: url(/pie/PIE.htc);
}

#order_select_add .infomation_menu_container{
  float:left;
  width:100%;
}

#order_select_add .infomation_menu_top_list{
  float:right;
  margin:10px 0;
}

#order_select_add .infomation_menu_top_list li{
  float:left;
}

#order_select_add .infomation_menu_top_list li a{
  font-size:13px;
  line-height:24px;
  color:#d8d6e8;
  letter-spacing:0.01em;
  padding:0 16px 0 10px;
}


#order_select_add .infomation_menu_list{
  float: right;
  margin-top:3px;
}

#order_select_add .infomation_menu_list li{
  float:left;
}

#order_select_add .infomation_menu_list li{
  float:left;
}

#order_select_add .infomation_menu_list li a{
  padding:7px 6px 3px 0;
  float:left;
  background:url("../img/menu_active_background.png") no-repeat scroll right -35px transparent;
}

#order_select_add .infomation_menu_list li a span{
  font-size:14px;
  line-height:24px;
  color:#ffffff;
  letter-spacing:0.01em;
  padding:0px 6px 0px 10px;
  float:left;
}

/*.infomation_menu_list li:first-child a{
  background:url("../img/menu_active_background.png") no-repeat scroll left 0px transparent;
}*/

#order_select_add .infomation_menu_list .active a,
#order_select_add .infomation_menu_list li:hover a{
  padding:7px 6px 2px 0;
  float:left;
  background-color:#f3f3f8;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: 0 -1px 1px #514C7C;
  -moz-box-shadow: 0 -1px 1px #514C7C;
  box-shadow: 0 -1px 1px #514C7C;
  behavior: url(/pie/PIE.htc);
  border-top:1px solid #514c7c;
}

#order_select_add .infomation_menu_list .active a span,
#order_select_add .infomation_menu_list li:hover a span{
  font-size:14px;
  line-height:24px;
  color:#313131;
  letter-spacing:0.01em;
  padding:0px 6px 0px 10px;
  float:left;
}

#order_select_add .infomation_container{
  width:950px;
  float:left;
  margin: 20px;

  -webkit-border-radius: 0 0 3px 3px;
   -moz-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
  behavior: url(/pie/PIE.htc);
}

#order_select_add .information_top_left{
  float: left;
  width: 35%;
}

#order_select_add .information_top_right{
  float: left;
  width: 62%;
  margin-left: 3%;
}

#order_select_add .infomation_container .information_top_left .input_wrapper{
  margin-top: 30px;
}

#order_select_add .infomation_container .information_top_left .input_wrapper .element_wrapper{
  margin-top: 10px;
}

#order_select_add .infomation_container .information_top_left .input_wrapper label{
  width: 60%;
  float: left;
  line-height: 30px;
  text-align: right;
}
#order_select_add .infomation_container .information_top_left .input_wrapper input{
  float: left;
  margin-left: 10%;
  width: 25%;
}

#order_select_add .information_top_right_label_wrapper{
  width: 38%;
  float: left;
  text-align: right;
  margin-top: 30px;
}

#order_select_add .information_top_right_label_wrapper label{
  margin-top: 10px;
  line-height: 30px;
}

#order_select_add .information_top_right_element_wrapper{
  width: 12%;
  margin-left: 3%;
  float: left;
  margin-top: 10px;
  text-align: center;
}

#order_select_add .information_top_right_element_wrapper input:first-child{
  margin-top: 10px;
}

#order_select_add .information_top_right_element_wrapper input{
  width: 60%;
  margin-bottom: 0px;
}

#order_select_add .information_menu_top{
  margin-left: 23%;
    width: 50%;
}

#order_select_add .input-prepend{
  margin-top: 10px;
  margin-bottom: 0px;
  width: 100%;
}

#order_select_add .input-prepend .add-on:first-child, .input-prepend .btn:first-child{
  min-width: 1%;
}

#order_select_add .information_menu_bottom{
  margin-left: 5%;
    width: 70%;
}

#order_select_add .info_amount_wrapper input{
  margin-top: 10px;
}

#order_select_add .info_total_wrapper{
  text-align: center;
  margin-top: 200px;
}

#add_on_window #order_select_add_add_on_header_wrapper{
  font-size: 25px;
    font-weight: bold;
    margin: 16px;
}

#add_on_window .frame{
  border: 1px solid #CCCCCC;
    margin: 15px;
    padding: 5px;
}

#add_on_window .element_wrapper{
  /*width: 48%;
  float: left;*/
  width: 100%;
}


#add_on_window .element_row_wrapper{
  width: 48%;
  float: left;
}



#add_on_window .element_wrapper .element{
  width: 45%;
  margin-left: 2%;
  float: left;
  text-align: right;
}

#order_select_add_add_on_content{
  padding: 10px;
}

#add_on_window .element_wrapper .element label{
  line-height: 28px
}


#add_on_window .button_wrapper button{
  float: right;
  margin-right: 10px;
}

#add_on_window .button_wrapper{
  float: right;
    margin-bottom: 10px;
    margin-right: 22px;
    margin-top: 10px;
    width: 300px;
}

#extras_window .frame{
  border: 1px solid #CCCCCC;
    margin: 15px;
    padding: 5px;
}

#extras_window .content{
  margin: 0 auto;
  width: 500px;
}

#extras_window .content input{
  margin-left: 10px;
}

#extras_window .button_wrapper{
  float: right;
  position: absolute;
    right: 10px;
  bottom: 10px;
}

#extras_window{
  width: 700px;
  height: 300px;
}

#price_product_top_wrapper #price_product_top_left{
  width: 45%;
  float: left;
}

#price_product_top_wrapper input{
  width: auto;
}

#price_product_top_wrapper #price_product_top_right{
  float: left;
  width: 45%;
  margin-left: 5%;
}

#price_product_top_wrapper{
  width: 500px;
  margin: 0 auto;
}

#price_product_top_wrapper #price_product_top_left label{
  margin-left: 10px;
  text-align: left;
}

#price_product_top_wrapper #price_product_top_right label{
  margin-left: 10px;
  text-align: left;
}

#price_product_top_wrapper #button_wrapper{
  display: inline-block;
    float: right;
    margin-right: -10px;
    margin-top: 19px;
}

.price_content{
  width: 655px;
  margin: 0 auto;
  margin-top: 30px;
}

.contants_content{
  width: 680px !important;
  margin: 0 auto;
  margin-top: 30px;
}

.contants_content .contants_concrete_content label{
  width: 70px;
}

.contants_content .contants_concrete_content .element_wrapper .elememt_row .element:first-child{
  width: 30%;
}

.price_tax_content{
  width: 700px;
  margin: 0 auto;
  text-align: center;
}

.price_content #price_rental_left{
  width: 45%;
  float: left;
}

.price_content #price_rental_right{
  width: 45%;
  float: left;
  margin-left: 9%;
}

.price_content #price_rental_right fieldset div{
  display: inline-block;
  margin-top: 5px;
}

.price_content #price_rental_right fieldset{
  text-align: center;
}

.price_content #price_rental_right label{
  text-align: left;
  float: left;
  width: 50px;
}

.price_content #price_rental_right input{
  float: left;
  width: 50px;
}

.price_content #price_rental_right .radio_wrapper label{
  text-align: left;
  float: left;
  width: 50px;
  margin-top: 0px;
}

.price_content #price_rental_right .radio_wrapper input{
  float: left;
  width: 50px;
}

.price_content #price_rental_right label{
  text-align: left;
  float: left;
  width: 160px;
  margin-top: 0px;
}

/*.price_content #price_rental_right input{
  float: left;
  width: 50px;
}*/

.price_content #price_rental_right .radio_wrapper{
  width: 50%;
}

.price_content #price_rental_right .elememt_row_label label{
  margin-top: -40px;
  text-align: right;
}

.price_content #price_charge_bottom{
  margin-top: 20px;
}

.price_content #price_charge_bottom .element_wrapper{
  width: 100%;
  margin-top: 30px;
}

.price_content #price_charge_bottom .element_wrapper .element{
  width: 25%;
  float: left;
}

.price_content #price_charge_bottom .element_wrapper .element label{
  width: 80%;
}

.price_content #price_charge_bottom .element_wrapper .element input{
  width: 80%;
}


/*charge right*/
.price_content #price_charge_right{
  width: 45%;
  float: left;
  margin-left: 9%;
}

.price_content #price_charge_right fieldset div{
  display: inline-block;
  margin-top: 5px;
}

.price_content #price_charge_right fieldset{
  text-align: center;
}

.price_content #price_charge_right label{
  text-align: left;
  float: left;
  width: 50px;
}

.price_content #price_charge_right input{
  float: left;
  width: 50px;
}

.price_content #price_charge_right .radio_wrapper label{
  text-align: left;
  float: left;
  width: 50px;
  margin-top: 0px;
}

.price_content #price_charge_right .radio_wrapper input{
  float: left;
  width: 30px;
}

.price_content #price_charge_right label{
  text-align: left;
  float: left;
  width: 80px;
  margin-top: -10px;
}

.price_content #price_charge_right label{
  text-align: left;
  float: left;
  width: 80px;
  margin-top: -10px;
}

/*.price_content #price_charge_right input{
  float: left;
  width: 50px;
}*/

.price_content #price_charge_right .radio_wrapper{
  width: 50%;
}

.price_content #price_charge_right .elememt_row_label label{
  margin-top: -40px;
  text-align: right;
}

.price_content #price_rental_left label{
  text-align: left;
  float: left;
  width: auto;
}

.price_content #price_rental_left input{
  float: left;
  width: 80px;
}

.price_content #price_rental_left fieldset div{
  display: inline-block;
  margin-top: 13px;
  float: right;
}

.price_content #price_rental_left fieldset{
  text-align: center;
}

.price_content #button_wrapper{
  display: inline-block;
    float: right;
    margin-right: -7px;
    margin-top: 50px;
}

.price_content #price_rental_right .element_wrapper .elememt_row{
  width: 30%;
}

.price_content #price_rental_right .element_wrapper{
  width: 100%;
}

.price_content #price_charge_right .element_wrapper .elememt_row{
  width: 30%;
}

.price_content #price_charge_right .element_wrapper{
  width: 100%;
}

.price_tax_content .element_wrapper .elememt_row .element_check{
  float: left;
  width: 50px;
}

.price_tax_content .element_wrapper .elememt_row .element_text{
  float: left;
  width: 150px;
  margin-left: 30px;
}

.price_tax_content .element_wrapper .elememt_row .element_text input{
  width: 150px;
}

.price_tax_content .element_wrapper{
  width: 500px;
  margin: 0 auto;
  margin-top: 30px;
}

.price_tax_content .element_wrapper .color_red_wrapper{
  font-size: inherit;
  text-align: left;
  color: red;
}

.price_tax_content .element_wrapper #button_wrapper{
  margin-top: 30px;
}

.contants_bundle_content label{
  width: 300px !important;
}

.contants_content{
  width: 700px;
  margin: 0 auto;
}

.contants_content input{
  width: 175px !important;
}

.contants_content .element_wrapper{
  width: 100%;
  margin-top: 30px;
}

.contants_content .element_wrapper .elememt_row .element{
  width: 33%;
  float: left;
}

.contants_content .element_wrapper .elememt_row .element:last-child label{
  text-align: left;
  margin-left: 30px;
}

.contants_content #button_wrapper{
  margin-top: 50px;
}

.contants_content .contants_concrete_content{
  text-align: center;
}

.contants_content .contants_concrete_content .element_wrapper{
  width: 50%;
  float: left;
  margin-left: 0px;
}

.contants_content .contants_concrete_content .element_wrapper .elememt_row{
  width: 100%;
}

.contants_content .contants_concrete_content .element_wrapper .elememt_row .element{
  width: 50%;
}

.contants_content .contants_concrete_content .element_wrapper .elememt_row .element input{
  width: 100px;
}

.contants_content .contants_concrete_content #button_wrapper{
  margin-top: 30px;
}

.contants_content .contants_rental_wrapper .element{
  margin-top: 30px;
  width: 645px;
}

.contants_content .contants_rental_wrapper .element label{
  width: 300px;
}

.contants_content .contants_rental_wrapper .element fieldset{
  padding: 30px;
}

#configuration_rentals #button_wrapper{
  margin-right: 85px;
}

.contants_content .contants_other_wrapper .element_row{
  width: 50%;
  float: left;
}
  
.contants_content .contants_other_wrapper .element_row .element{
  margin-top: 5px;
  width: 50%;
  float: left;
}

.contants_content .contants_other_wrapper .element_row .element input{
    margin-top: 5px;
    width: 50% !important;
    float: left;
}
  
.product_content{
  width: 700px;
  margin: 0 auto;
}

.product_content .element_wrapper{
  width: 50%;
  float: left;
}

.product_content .element_wrapper .element{
  float: left;
}

.product_content .element_wrapper .element label{
  text-align: left;
  margin-left: 10px;
}

.product_content .element_wrapper .element span{
  margin-left: -10px;
  color: red;
  line-height: 30px;
}

.products_block_notification{
  margin-left: 0px;
    margin-top: 30px;
}

.products_block_notification span:first-child{
  color: red;
}

.main_title{
  font-size: 30px;
    font-weight: bold;
    text-align: center;
}

.new_content_index_wrapper{
  width: 860px;
  margin: 5px auto;
}

/*.new_content_index_wrapper .element_wrapper:first-child{
  margin-left: 0px;
}*/

/*.new_content_index_wrapper .element_wrapper{
  width: 40%;
  display: inline-block;
  margin-left: 5%;
}*/

.new_content_index_wrapper .element_wrapper{
  margin: 0 auto;
}

.new_content_index_wrapper .element_wrapper .element{
  background: url(../img/card3.png);
  background-size: cover;
  background-repeat: no-repeat;
  float: left;
  height: 410px;
  padding: 5px 5px;
  margin-right: 10px;
  width: 190px;
  color: #596864;
  font-family: 'Montserrat', sans-serif;
}

.new_content_index_wrapper .element_wrapper .element .top {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  padding-top: 10px;
}

.new_content_index_wrapper .element_wrapper .element .products_wrapper a{
  line-height: 35px;
}

.new_content_index_wrapper .element_wrapper .element .middle{
  margin-top: 5px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
}

.new_content_index_wrapper .element_wrapper .element .middle a{
  font-size: 18px;
  line-height: 30px;
  text-transform: uppercase;
  vertical-align: top;
  color: #00B09B;
}

.new_content_index_wrapper .element_wrapper .element .bottom{
  margin-top: 5px;
  text-align: right;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
}

.new_content_index_wrapper .element_wrapper .element .bottom a{
  color: #00B09B;
  font-weight: bold;
  font-size: 16px;
}

/*
.new_content_index_wrapper .element_wrapper .element .bottom a:first-child{
  border-right: 1px solid #596864;
  display: inline-block;
  height: 15px;
  line-height: 1;
  padding-right: 10px;
}

.new_content_index_wrapper .element_wrapper .element .bottom a:last-child{
  margin-left: 7px;
}

*/

.header{
  float: right;
}

.header .title{
  font-size: 22px;
  color: #999999;
  font-weight: bold;
  font-family: inherit;
  float: right;
}

.header .title_user{
  font-size: 18px;
  color: #000000;
  float: right;
  text-transform: capitalize;
}

.left_menu{
  float: left;
  margin-left: -19px;
  padding-left: 13px;
  width: 247px;
  position: absolute;
  height: 100%;


  /* IE10 Consumer Preview */
  background-image: url('../img/left-menu-wrapper-background.png'), -ms-linear-gradient(right, #F5F5F5 0%, #FFFFFF 100%);

  /* Mozilla Firefox */
  background-image: url('../img/left-menu-wrapper-background.png'), -moz-linear-gradient(right, #F5F5F5 0%, #FFFFFF 100%);

  /* Opera */
  background-image: url('../img/left-menu-wrapper-background.png'), -o-linear-gradient(right, #F5F5F5 0%, #FFFFFF 100%);

  /* Webkit (Safari/Chrome 10) */
  /*background-image: url('../img/left-menu-wrapper-background.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0, #3B237B), color-stop(0.30, #FFFFFF), color-stop(1, #FFFFFF));*/

  /* Webkit (Chrome 11+) */
  background-image: url('../img/left-menu-wrapper-background.png'), -webkit-linear-gradient(right, #F5F5F5 0%, #FFFFFF 100%);

  /* W3C Markup, IE10 Release Preview */
  background-image: url('../img/left-menu-wrapper-background.png'), linear-gradient(right, #F5F5F5 0%, #FFFFFF 100%);

  background-color: #F5F5F5;

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#FFFFFF',GradientType=0 );

  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.left_menu .element_wrapper:first-child{
  margin-top: 10px;
}

.left_menu .element_wrapper{
  width: 210px;
  padding: 10px;
  display: inline-block;
  background: url(../img/leftmenu-background.png) no-repeat;
  background-size: 100% 100%;
  height: 70px;
}

.left_menu .element_wrapper .element img{
  max-width:60%;
  max-height:60%;
  margin: 10px;
}

.left_menu .element_wrapper .element a{
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  text-transform: uppercase;
  color: #00B09B;
}

.left_menu .element_wrapper .element:first-child{
  width: 73px;
}

.left_menu .element_wrapper .element:last-child{
  width: 100px;
  text-align: center;
}

.left_menu .element_wrapper .product_image_wrapper img{
  margin-left: 7px;
  margin-top: 0px;
}

.left_menu .element_wrapper .element{
  width: 73px;
  float: left;
}

.left_menu .element_wrapper .element a{
  margin-top: 10px;
  line-height: 45px;
}

.left_menu_split{
  position: absolute;
  left: 240px;
  top: 0px;
  width: 1px;
  height: 100%;
  border-right: 1px solid #ECEDED;
  bottom: 12px;
}

.content_container{
  float: right;
  margin-left: 35px;
  padding: 30px;
  width: 685px;
  margin-top: 25px;
}

.content_container label{
  width: 150px;
}

 .w100{
 	width: 100px !important;
 }

 .content_container input{
 	width: 425px;
 }

 .left_menu .element_wrapper .element .active{
 	text-decoration: underline;
 }

 .customer_container, .order_container, .product_container, .contants_container{
 	margin-top: 0px !important;
  padding-top: 10px !important;
 }

 #customer_search_top{
 	margin-top: 50px;
 }

#customer_detail_top #customer_detail_top_left #customer_detail_country_label{
 	width: 60px;
 }

#customer_detail_top #customer_detail_top_left #customer_detail_country_select{
  width: 100px !important;
}

#customer_detail_top #customer_detail_top_left input{
  width: 200px;
}

#customer_detail_top #customer_detail_top_left #contact_first_name{
  width: 50px;
  float: left;
}

#customer_detail_top #customer_detail_top_left #contact_last_name{
  width: 50px;
  float: left;
}

#customer_detail_top #customer_detail_top_left #contact_last_label{
  width: 50px;
  float: left;
}

#customer_detail_top_right input{
  width: 50px;
}

#customer_detail_top_right #customer_type_other_input{
  width: 100px;
}

#customer_detail_bottom #comments{
  width: 473px;
}

#customer_detail_bottom #email{
  width: 200px;
}

.product_container input{
  width: 50px;
}

.product_container label{
  width: 250px;
}

.product_extras_container input[type='text']{
  width: 150px;
}

.justify{
  text-align: justify !important;
}

.order_add_add_contatiner .information_top_right > div > label{
  width: 58px;
  margin-bottom: 0px;
  text-align: center;
}

.order_add_add_contatiner #add_level_form .information_top_right > div > label{
  width: 100px;
}

.order_information_container label{
  width: 130px;
}

.order_information_container input{
  width: 160px;
}

.add_level_container input{
  width: 68px;
}

.order_information_container #order_info_bottom input{
  width: 50px;
}

.order_information_container #order_info_bottom label{
  width: 265px !important
}

.order_information_container #order_info_bottom_right label{
  width: 173px !important;
}

.order_information_container .tab-content{
  overflow: hidden;
}

.order_information_container #order_info_multiple_wrapper #order_info_multiple_radio_wrapper label{
  width: 30px !important;
}

.order_information_container #order_info_multiple_wrapper #order_info_multiple_radio_wrapper input{
  width: 25px !important
}

.order_information_container #order_info_multiple_wrapper label{
  width: 135px !important;
}

.order_information_container #order_info_multiple_wrapper #order_info_block_field .radio_wrapper label{
  margin-left:18px;
}

.order_information_container .w425{
  width: 425px !important;
}

.order_information_container .w480{
  width: 480px !important;
}

.order_information_container #tab_measurements .content input{
  width: 45px;
}

#order_info_content #tab_delivery #tab_delivery_bottom #charge_wrapper label{
  width: 200px;
}

#order_info_content #tab_delivery #tab_delivery_bottom #charge_wrapper #bottom label{
  width: 170px;
}

#order_info_content #tab_delivery #tab_delivery_bottom #charge_wrapper #charge_distance label{
  width: 100px;
}

#order_info_content #tab_delivery #tab_delivery_bottom #charge_wrapper #charge_loads label{
  width: 80px;
}

#order_info_content #tab_delivery #tab_delivery_bottom #charge_wrapper #charge_loads input{
  margin-bottom: 2px;
}

#order_info_content #tab_delivery #tab_delivery_bottom #charge_wrapper fieldset input{
  width: 30px;
}

#order_info_content #order_info_labour_charge_input{
  width: 265px;
}

#order_select_summary_content #order_select_summary_right .element_wrapper .order_add_summary_discount_label{
  width: 100px !important;
}

.order_add_add_contatiner .info_h_rebar_element_left .cb_wrapper label{
  text-align: left;
}

.order_add_add_contatiner #v_rebar_wrapper .info_h_rebar_element_left .checkbox_wrapper input{
  width: 30px;
}

.order_add_add_contatiner #h_rebar_wrapper .info_h_rebar_element_left .checkbox_wrapper input{
  width: 30px;
}

.order_add_add_contatiner #v_rebar_wrapper .info_h_rebar_element_left .checkbox_wrapper .cb_wrapper{
  width: 50px;
  margin-top: 0px;
}

.order_add_add_contatiner #h_rebar_wrapper .info_h_rebar_element_left .checkbox_wrapper .cb_wrapper{
  width: 50px;
  margin-top: 0px;
}

.order_add_add_contatiner .v_rebar_radio_wrapper{
  margin-top: -35px;
}

.order_add_add_contatiner .h_rebar_radio_wrapper{
  margin-top: -35px;
}

.order_add_add_contatiner .v_rebar_radio_wrapper input{
  width: auto;
}

.order_add_add_contatiner .v_rebar_radio_wrapper label{
  width: 100px;
  margin-top: 0px;
  padding-right: 0;
}

.order_add_add_contatiner .h_rebar_radio_wrapper input{
  width: auto;
}

.order_add_add_contatiner .h_rebar_radio_wrapper label{
  width: 100px;
  margin-top: 0px;
  padding-right: 0;
}

#order_info_block_field .color_red{
  color: red;
  font-size: inherit;
}

.display_none{
  display: none;
}

#order_search_wrapper table th a{
  color: #555555;
}

#order_search_wrapper table th a:hover{
  text-decoration: none;
}

.configuration #button_wrapper{
  margin-right: 85px;
}
/*.test {
  background: url(../img/up.png) no-repeat right center transparent;
  width: 11px;
  height: 6px;
  padding-right:30px;
}*/

.order_container .sort_img{
  margin-left: 10px;
  margin-top: 7px;
  position: absolute;
}

#configuration_bundles #button_wrapper{
  margin-right: 85px;
}

#configuration_other #button_wrapper{
  margin-right: 85px;
}

#print_report_dialog{
  width: 500px;
}

#print_report_dialog .content{
  padding: 10px;
}

#print_report_dialog .content .top{
  text-align: center;
}

#print_report_dialog .content .middle{
  margin-top: 10px;
}

#print_report_dialog .content .middle .radio_wrapper{
  width: 100%;
}

#print_report_dialog .content .middle .radio_wrapper .radio_label{
  margin-left: 10px;
  margin-top: 4px;
}

#print_report_dialog .content .button_wrapper{
  margin-top: 10px;
}

#print_report_dialog .content #report_print{
  margin-left: 130px;
}

/*print report level dialog*/
#print_report_level_dialog{
  width: 500px;
}

#print_report_level_dialog .content{
  padding: 10px;
}

#print_report_level_dialog .content .top{
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 10px;
}

#print_report_level_dialog .content .middle{
  margin-top: 10px;
}

#print_report_level_dialog .content .middle .radio_wrapper{
  width: 100%;
}

#print_report_level_dialog .content .middle .radio_wrapper .radio_label{
  margin-left: 10px;
  margin-top: 4px;
}

#print_report_level_dialog .content .button_wrapper{
  margin-top: 10px;
}

#print_report_level_dialog .content #level_report_print{
  margin-left: 130px;
}
/*end print report level dialog*/

#report_informagin_sheet{
  width: 1000px;
}

#report_informagin_sheet .content{
  padding: 10px;
}

#report_informagin_sheet .content .top{
  text-align: center;
}

#report_informagin_sheet .content .middle{
  margin-top: 30px;
}

#report_informagin_sheet .content .middle .element{
  width: 50%;
}

#report_informagin_sheet .content .middle .element .element_row span:first-child{
  text-align: right;
  width: 150px;
}

#report_informagin_sheet .content .middle .element .element_row span:last-child{
  margin-left: 10px;
  width: 150px;
}

#report_informagin_sheet .content .bottom{
  margin-top: 30px;
}

#report_informagin_sheet .content .bottom table th{
  width: 50px;
}

#report_informagin_sheet .content .bottom table th:first-child{
  width: 150px;
}

#report_informagin_sheet .content .bottom table td:first-child{
  width: 150px;
}

#report_order_sheet{
  width: 1000px;
}

#report_order_sheet .content{
  padding: 10px;
}

#report_order_sheet .content .top{
  text-align: center;
}


#report_order_sheet .content .middle .element{
  width: 50%;
}

#report_order_sheet .content .middle .element .element_row span:first-child{
  text-align: right;
  width: 150px;
}

#report_order_sheet .content .middle .element .element_row span:last-child{
  margin-left: 10px;
  width: 150px;
}

#report_order_sheet .content .bottom{
  margin-top: 30px;
}

#report_order_sheet .content .bottom table th{
  width: 50px;
}

#report_order_sheet .content .bottom table th:first-child{
  width: 170px;
  text-align: left;
  padding-left: 10px;
}

#report_order_sheet .content .bottom table td:first-child{
  width: 170px;
  text-align: left;
  padding-left: 10px;
}

/*report_information_sheet*/
#report_information_sheet{
  width: 1000px;
}

#report_information_sheet .content{
  padding: 10px;
  position: relative;
}

.report_container .content .top{
  float: left;
  width: 100%;
  padding: 5px 0;
  font-size: 18px;
  border-bottom: 1px solid;
  margin-bottom: 5px;
}

.report_container .content .middle{
  border-bottom: 1px solid;
    float: left;
    margin-top: 5px;
    padding-bottom: 10px;
    width: 100%;
    text-align: left;
}

#report_order_summary .content .middle{
  border: none;
}
#report_order_sheet .content .middle{
  border: none;
}
#report_order_rental .content .middle{
  border: none;
}
.report_container .content .middle .element{
  width: 80%;
}
.report_container .content .middle .element_left{
  width: 60%;
  float: left;
}
.report_container .content .middle .element_right{
  width: 40%;
  float: left;
}
.report_container .content .middle .element_right .element_row{
  background: none repeat scroll 0 0 #e6e7e8;
    float: left;
    margin-bottom: 5px;
    padding: 5px;
    width: calc(100% - 10px);
}
.report_container .content .middle .element_row .left:first-child{
  margin-right: 5px;
}
.report_container .content .price_includes{
  margin-top: 20px;
}
.report_container .content .report_order_information_legal_content{
    margin: 20px 0 10px;
    width: 100%;
    float: left;
}
#report_order_summary .content .report_order_information_legal_content{
    margin: 20px 0 10px;
}
#report_order_sheet .content .report_order_information_legal_content{
    margin: 20px 0 10px;
}
#report_order_rental .content .report_order_information_legal_content{
    margin: 20px 0 10px;
}
.report_container .content .report_order_information_legal_content.report_bottom{
  bottom: 100px;
  left: 0;
  margin: 0 10px !important;
  position: absolute;
  width: calc(100% - 20px);
}

.report_container .content .report_order_information_legal_content span:first-child{
  margin-right: 10px;
  color: #323232;
}

.report_container .content .report_footer_content {
    padding: 10px 0;
    width: 100%;
    border-top: 1px solid;
    display: inline-block;
}

.report_container .content .report_footer_content.report_bottom {
    bottom: 0;
    left: 0;
    margin: 0 10px;
    position: absolute;
    width: calc(100% - 20px);
}

.report_container .content .report_footer_content .img1{
    float: left;
}
.report_container .content .report_footer_content .img2{
    float: right;
    margin-top: 13px;
}
.report_container .content .report_footer_content > span{
    color: #00B09B;
    float: left;
    font-size: 25px;
    margin-left: 68px;
    margin-top: 12px;
}
.mb_10{
  margin-bottom: 10px !important;
}

.mt_25{
  margin-top: 25px !important;
}

#report_information_sheet .content .middle .element .element_row span:first-child{
  text-align: right;
  width: 150px;
}

#report_information_sheet .content .middle .element .element_row span:last-child{
  margin-left: 10px;
  width: 300px;
}

#report_information_sheet .content .middle .element .element_row:last-child span:last-child{
  width: 230px;
}

#report_information_sheet .content .bottom{
  margin-top: 30px;
}

#report_information_sheet .content .bottom table th{
  width: 50px;
}

#report_information_sheet .content .bottom table th:first-child{
  width: 150px;
}

#report_information_sheet .content .bottom table td:first-child{
  width: 150px;
}

#report_information_sheet .price_for{
  margin-top: 30px;
}

#report_information_sheet .price_for .element{
  width: 50%;
}

#report_information_sheet .price_for .element span{
  width: 300px;
  text-align: right;
  display: block;
}

#report_information_sheet .price_for .element .elememt_row .small{
  width: 150px;
}

#report_information_sheet .price_for .element .elememt_row .small span{
  width: 150px;
}

#report_information_sheet .price_includes .element{
  width: 50%;
  float: left;
}

#report_information_sheet .price_includes .element:first-child .elememt_row{
  margin-left: 100px;
}

/*end report information sheet*/

#report_order_summary{
  text-align: center;
}

#report_order_summary .content{
  padding: 10px;
}

#report_order_summary .content .top .element{
  width: 50%;
  text-align: center;
}

#report_order_summary .content .top .element .element_row{
  width: 100%;
  text-align: center;
}

#report_order_summary .content .top .element .element_row span:first-child{
  width: 150px;
  text-align: right;
}

#report_order_summary .content .top .element .element_row span:last-child{
  width: 150px;
  margin-left: 10px;
  text-align: left;
}

#report_order_summary .content .bottom{
  width: 300px;
}

#report_order_summary .content .bottom .element{
  width: 30%;
  text-align: center;
  float: left;
}

#report_order_summary .content .bottom{
  width: 250px;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: 5px 0;
  margin-top: 20px;
}
#report_order_summary .content .bottom .split{
  border-top: 1px solid #000;
  padding: 5px 0 0 0;
  margin: 5px 0 0 0;
}

#report_order_rental{
  text-align: center;
}

#report_order_rental .content{
  padding: 10px;
}

#report_order_rental .content .top .element{
  width: 50%;
  text-align: center;
}

#report_order_rental .content .top .element .element_row{
  width: 100%;
  text-align: center;
}

#report_order_rental .content .top .element .element_row span:first-child{
  width: 150px;
  text-align: right;
}

#report_order_rental .content .top .element .element_row span:last-child{
  width: 150px;
  margin-left: 10px;
  text-align: left;
}

#report_order_rental .content .bottom{
  width: 300px;
}

#report_order_rental .content .bottom .element{
  width: 50%;
  text-align: center;
  float: left;
}

#report_order_rental .header{
  font-size: 20px;
  font-weight: bold;
  border-bottom: none;
  float: none;
}

.report_container{
  width: 680px !important;
  margin: 0 auto;
  padding: 20px;
  margin-top: 20px;
}

.report_container .content{
  min-height: 880px;
  border: 1px solid #000;
  display: inline-block;
  width: calc(100% - 20px);
  position: relative;
  height: 100%;
  position: relative;
}

body.report_body{
  background: #fff;
}

.report_container .button_wrapper{
  margin-bottom: 20px;
}

.report_container .button_wrapper button:last-child{
  margin-right: 10px;
}
.report_container .button_wrapper .report_print_button{
  margin-right: 10px;
}
.report_container .button_wrapper .report_preview_button{
  margin-right: 10px;
  font-family: 'Montserrat', sans-serif;
}

.user_manage .dist_name h1{
  font-weight: bold;
  font-size: 20px;
}

.user_manage_form label{
  width: 160px;
  float: left;
}

.user_manage_form button{
  margin-right: 10px;
}

.user_manage_form{
  width: 390px;
  margin: 0 auto;
  padding: 10px;
}

.login_wrapper{
  margin-top: 100px;
  margin-bottom: 100px;
}

.login_wrapper .content{
  width: 350px;
  margin: 0 auto;
}

.login_wrapper .content label{
  width: 100px;
}

.login_wrapper .error_wrapper span{
  color: #ff0000;
}

.dist_manage .btn_add{
  width: 100px;
}

.dist_manage .btn_users{
  width: 100px;
}

.dist_manage .form_wrapper{
  padding: 10px;
  border: 1px solid #CCCCCC;
}

.dist_manage #dist_select{
  width: 650px;
}

.logout{
    margin-top: -25px;
}

.product_override_wrapper label{
  width: 65px;
  margin-top: -5px
}

.product_override_wrapper input{
  margin-left: 270px
}

#product_id_wrapper{
  display: none;
}

#products_conform_window{
  width: 400px;
}

#products_conform_window .frame{
  width: 305px;
  border: 1px solid;
  margin: 10px auto;
  padding: 10px;
}

#products_conform_window button{
  margin-right: 10px;
  margin-bottom: 10px;
}

.price_product_head_wrapper .row label{
  float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 95px;
}

.price_product_head_wrapper .add_new input{
  visibility: hidden;
}

.price_product_head_wrapper .add_new .add_button{
  visibility: visible;
}

.price_product_head_wrapper .row input{
  float: left !important;
    margin: 0 0 0 17px !important;
    padding: 0 !important;
    text-align: center !important;
    width: 75px !important;
}

.price_product_head_wrapper .row select{
  float: left !important;
    margin: 0 0 0 17px !important;
    padding: 0 !important;
    text-align: center !important;
    width: 75px !important;
  height: 20px !important;
}

.currencies_wrapper{
  display: none;
}

.price_product_head_wrapper .row{
  margin-left: 0px;
  margin-top: 5px;
}

.order_information_container #order_info_content #tab_delivery #tab_delivery_bottom #charge_wrapper{
  margin-top: 15px;
}

.order_information_container #customer_discount{
  width: 115px;
}

.order_information_container #discount_total{
  width: 115px;
}

.info_h_rebar_element{
  width: 500px;
}

.add_level_submit_button_wrapper{
  margin-top: 25px;
}

.footer{
  margin-top: 5px;
  height: 20px;
  padding: 10px 10px;
  -webkit-box-shadow: #666 0px 1px 3px;
  -moz-box-shadow: #666 0px 1px 3px;
  box-shadow: #666 0px 1px 3px;
  background-color: #ffffff;
}

.footer .left_part{
  float: left;
}

.footer .left_part span{
  line-height: 1.7;
  vertical-align: top;
  float: left;
  color: #838181;
  font-family: 'Montserrat', sans-serif;
  float: left;
}

.footer .left_part img{
  float: left;
  margin-left: 5px;
}

.footer .left_part a{
  float: left;
}

.footer .right_part{
  float: right;
}

.footer .right_part img{
  vertical-align: middle;
}

.no_left_menu_container{
  min-height: 0px;
}

.all_product_ids_upper_wrapper{
  display: none;
}

#add_level_form .information_top_left #level_description{
  width: 320px;
}

#add_level_form .information_bottom_right{
  float: right;
}

#delivery_type1{
  width: 45px;
}

#delivery_type2{
  width: 45px;
}

.labout_element_wrapper .element_first{
  margin-left: 0px !important;
}

.labout_element_wrapper .element_first input{
  margin-left: -3px !important;
}

.labout_element_wrapper .element_second{
  margin-left: -35px !important;
}

.labout_element_wrapper .element_third{
  width: 254px !important;
}

.labout_element_wrapper .element_third input{
  width: 252px !important;
}

.labour_save_wrapper{
  margin-right: 40px !important;
}

.information_top_level{
  display: inline-block;
}

.information_top_level label{
  float: left;
}

.information_top_level input{
  float: left;
}

.information_top_level #level_description{
  width: 200px !important;
}

.level_main_section_block{
  float: left;
  width: 11%;
}

#lms_left{
  float: left;
  width: 16%;
  margin-top: 10px;
}

#lms_middle{
  float: left;
  width: 40%;
  margin-left: 2%;
}

#lms_right{
  float: right;
  width: 40%;
  margin-left: 2%;
}


.level_main_element{
  float: left;
  width: 50%;
}

.level_main_element input{
  float: left;
    margin-top: 8px;
    width: auto;
}

.level_main_element label{
  float: left;
  margin-left: 10px;
  width: auto;
  padding-right: 0;
  text-align: left;
}

.level_main_section_block input{
  /* width: 15px !important; */
  padding: 0;
  margin-top: 5px;
  /* margin-left: 15px !important; */
}

.level_main_section_block label{
  padding-right: 0;
  padding-left: 5px;
  width: 1px !important;
}

.level_main_section_block .radio_wrapper{
  width: 100%;
}

.summary_section_block{
  float: left;
  width: 35%;
  margin: 15px;
  padding: 10px 23px 10px 10px;
}

.summary_section_block input{
  width: 15px !important;
  padding: 0;
  margin-top: 5px;
  margin-left: 15px !important;
}

.summary_section_block label{
  padding-right: 0;
  padding-left: 5px;
  width: 1px !important;
}

.summary_section_block .radio_wrapper{
  width: 52px;
}
.input_level_wrapper{
  float: left;
  width: 50%;
}

.input_level_wrapper .element_wrapper{
  width: 100%;
}

.level_information_bottom_left{
  float: left;
  width: 50%;
  margin-top: 40px;
}

.level_information_bottom_left .info_h_rebar_element{
  width: auto !important;
}

.top_course_uap_ind_radio_wrapper label{
  line-height: 20px;
    margin-left: 10px;
    margin-top: 5px;
    text-align: left;
    width: 195px;
}


.mt_10{
  margin-top: 10px !important;
}

.mt_5{
  margin-top: 5px !important;
}

.mt_15{
  margin-top: 15px !important;
}

.mt_20{
  margin-top: 20px !important;
}

.mt_45{
  margin-top: 45px !important;
}

.mb_40{
  margin-bottom: 40px !important;
}

.ui-datepicker th{
  width: auto;
}

.summary_content{
  margin-top: 20px;
}

.summary_block_content label{
  float: left;
    margin-left: 0 !important;
    width: 100%;
}

.summary_block_content input{
    width: 60px;
}

.ml_10{
  margin-left: 10px !important;
}

.summary_total_wrapper{
  float: left;
    margin-left: 30px;
    margin-top: 20px;
    width: 130px;
}

.summary_total_wrapper label{
  float: left;
  width: 100% !important;
  text-align: center;
  margin-top: 10px;
}

.summary_total_wrapper input{
  width: 90px;
  margin-top: 0;
}

.summary_total_wrapper .input-prepend{
  margin-top: 0;
}

.summary_total_wrapper .color_red{
  height: 18px !important;
    margin: 0 !important;
}

.summary_total_wrapper_guest{
  float: left;
    margin-left: 30px;
    margin-top: 20px;
    width: 230px;
}

.summary_total_wrapper_guest label{
  float: left;
  width: 100% !important;
  text-align: center;
  margin-top: 10px;
}

.summary_total_wrapper_guest input{
  width: 90px;
  margin-top: 0;
}

.summary_total_wrapper_guest .input-prepend{
  margin-top: 0;
}

.summary_total_wrapper_guest .color_red{
  height: 18px !important;
    margin: 0 !important;
}


.right_text{
  text-align: right !important;
}

.w_50{
  width: 50px !important;
}

.customer_chaege_load{
  width: 43% !important;
  margin-left: 9% !important;
}

.mb_15{
  margin-bottom: 15px !important;
}

.report_level_table th:first-child{
  width: 50%;
  text-align: left;
  padding-left: 10px;
}

.report_level_table td:first-child{
  padding-left: 10px;
  text-align: left;
}
.report_level_table .right_text{
  padding-right: 10px;
}

.report_level_bottom{
  display: inline-block;
  width: 100%;
  text-align: right !important;
  margin-top: 20px;
}

.report_level_bottom .bottom .element{
  text-align: right !important;
}

.report_level_bottom .element{
  float: right !important;
  width: 45% !important;
}

.report_level_bottom .bottom{
  width: 250px !important;
}

.system_forms .element_wrapper .elememt_row{
  width: 50%;
  float: left;
}

.system_forms .element_wrapper .elememt_row .element:first-child{
  width: 50%;
}

.system_forms .element_wrapper .elememt_row .element{
  width: 25%;
}

.system_forms .element_wrapper .elememt_row .element:last-child label{
  margin-left: 10px;
}

.system_forms label{
  width: 155px;
}

.system_forms input{
  width: 70px !important;
}

.system_bundles input{
  width: 30px !important;
}

.system_bundles .element_wrapper .elememt_row{
  width: 50%;
  float: left;
}

.system_bundles label{
  width: 210px !important;
}

.mr_10{
  margin-right: 10px !important;
}

.discount_label{
  margin: 0 0 0 5px;
  padding: 0 !important;
  width: auto !important;
}

.ml_280{
  margin-left: 280px !important;
}

.rantals_content{
  display: inline-block;
  width: 600px;
  float: right;
  margin-right: 10px;
  margin-bottom: 15px;
}

  .rantals_content > label{
  float: left;
  width: 260px;
  padding: 0;
  }

  .rantals_content > input{
  float: left;
  margin-left: 10px;
  }

  .rantals_content .input-prepend{
  float: left;
  margin: 0 0 0 10px;
  width: auto;
  }

.w30{
  width: 30px !important;
}

.w60{
  width: 60px !important;
}

.w75{
  width: 75px !important;
}

.w40{
  width: 40px !important;
}

.rantals_content > span{
  float: left;
  margin-left: 10px;
  text-align: center;
  padding: 0 5px;
}

.ml_30{
  margin-left: 30px !important;
}

.ml_35{
  margin-left: 35px !important;
}

.rantals_content > label > input{
  width: auto !important;
  margin-top: 0;
  margin-right: 5px;
}

.rantals_total_content{
  float: right;
    position: relative;
    width: 238px;
  margin-right: 10px;
  margin-bottom: 15px;
}

.rantals_total_content > label{
  float: left;
    padding: 0;
    width: 100px;
}

.rantals_total_content .input-prepend{
  float: left;
  margin: 0 0 10px 10px;
  width: auto;
}

.rantals_total_content .input-prepend > input{
  width: 90px;
}

.rantals_default_content{
  float: left;
  margin-left: 80px;
    margin-top: -50px;
}

.report_rentals_table th:first-child{
  width: 38%;
  text-align: left;
  padding-left: 10px;
}

.report_rentals_table td:first-child{
  width: 38%;
  text-align: left;
  padding-left: 10px;
}
.report_rentals_table td:last-child{
  text-align: right;
  padding-right: 5px;
}

#report_order_rental .content .bottom .element{
  width: 40%;
  text-align: right;
}

#report_order_rental .content .bottom .element:first-child{
  width: 60%;
}

#report_order_rental .content .bottom{
  width: 250px;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: 5px 0;
  margin-top: 20px;
}
#report_order_rental .content .bottom .split{
  border-top: 1px solid;
  padding: 5px 0 0 0;
  margin: 5px 0 0 0;
}

.mt_15{
  margin-top: 15px !important;
}

.order_info_price_content{
  width: 507px !important;
  margin-left: 140px !important;
}

.order_info_price{
  display: inline-block;
    padding: 10px 10px 0;
    width: 465px;
}

.order_info_price > input{
  width: auto !important;
  margin: 9px 5px 0 0;
  float: left;
}

.order_info_price > label{
  float: left;
  margin: 0 20px 0 0 !important;
  width: auto !important;
  padding: 0;
}

.order_info_measurements{
  margin-left: 140px;
  margin-top: 15px;
  width: 510px;
  margin-bottom: 15px;
}

.w70{
  width: 70px !important;
}

.order_level_information{
  float: left;
  margin: 0px 0 10px 20px;
  width: 300px;
}

.order_level_information_content{
  float: left;
  width: 100%;
  margin-bottom: 15px;
}

.order_level_information_element{
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.order_level_information_element > span{
  float: left;
  width: 30px;
  text-align: center;
}

.order_level_information_element > span > input{
  width: auto;
}

.order_level_information_element .underline {
  width: 100px;
  border-top: 1px solid #000;
  margin: 8px 0 0 88px;
  height: 12px;
}

.order_level_information_element .gross_wall_area,
.order_level_information_element .net_wall_area {
  width: 300px;
  margin-bottom: 5px;
  color: #00B09B;
  font-weight: bold;
}

.gross_wall_area span:first-child,
.net_wall_area span:first-child {
  display: inline-block;
  width: 150px;
  text-align: right;
}
.gross_wall_area span:last-child,
.net_wall_area span:last-child {
  display: inline-block;
  width: 120px;
  text-align: right;
}

.order_level_information_btn{
  float: left;
  width: 155px;
  margin-left: 10px;
}

.order_level_information_btn > button{
  width: 100%;
  text-align: center;
}

.order_information_light_content{
  padding: 10px;
  width: 360px;
}

.order_information_fancy{
  width: 380px;
}

.order_information_light_content label{
  float: left;
    line-height: 30px;
    padding-right: 20px;
    text-align: right;
    width: 120px;
}

.order_information_light_content input{
    width: 68px;
}

.order_information_light_content .info_h_rebar_element {
    width: auto !important;
}

.order_information_light_content .h_rebar_radio_wrapper {
    margin-top: -35px;
}

.order_information_light_content .v_rebar_radio_wrapper {
    margin-top: -35px;
}

.order_information_light_content .h_rebar_radio_wrapper input {
    width: auto;
}

.order_information_light_content .h_rebar_radio_wrapper label {
    margin-top: 0;
    padding-right: 0;
    width: 90px;
}

.order_information_light_content .v_rebar_radio_wrapper input {
    width: auto;
}

.order_information_light_content .v_rebar_radio_wrapper label {
    margin-top: 0;
    padding-right: 0;
    width: 90px;
}

.order_information_light_content .info_h_rebar_element_left .checkbox_wrapper input {
    width: 30px;
}

.order_information_light_content .info_h_rebar_element_left .checkbox_wrapper .cb_wrapper {
    margin-top: 0;
    width: 30px;
}

.order_information_light_content .info_h_rebar_element_left .cb_wrapper label {
    text-align: left;
}

.order_information_light_content .fieldset{
  margin-top: 20px;
}

.dis_information_form textarea{
  width: 425px;
  height: 70px;
}

.tab_labour_check{
  float: left;
    margin: 10px 0 0;
}

.tab_labour_check input{
  float: left;
    margin-left: 20px;
    margin-top: 8px;
    width: auto;
}

.tab_labour_check label{
  float: left;
}

.width20{
  width: 20%;
}

.info_wall_opeining_element_check_wrapper_l{
  float: left;
  width: 100%;
  text-align: left;
}

.info_wall_opeining_element_check_wrapper_l input{
  float: left !important;
    margin-top: 8px;
    width: 30px !important;
}

.info_wall_opeining_element_check_wrapper_l label{
  float: left !important;
  text-align: left !important;
  width: auto !important;
}

.mb_20{
  margin-bottom: 20px !important;
}

.report_rental_legal_content{
  color: #ff0000;
  float: left;
  width: 355px;
  text-align: left;
}

.report_order_information_legal_content{
  color: #ff0000;
  margin: 0 auto;
  width: 75%;
  text-align: left;
  margin-top: 20px;
}

.order_product_asterisk{
  color: #ff0000;
}

.mt_0{
  margin-top: 0 !important;
}

.pt_0{
  padding-top: 0 !important;
}

#tab_delivery_address input{
  width: 150px;
}

#tab_delivery_address button{
  margin-left: 140px;
  margin-top: 10px;
}

.w460{
  width: 460px !important;
}

.w_p_50{
  width: 50px !important;
}

.report_order_summary_table td:first-child{
  width: 45%;
  text-align: left;
  padding-left: 10px;
}

.report_order_summary_table th:first-child{
  width: 45%;
  text-align: left;
  padding-left: 10px;
}
.height_adjustment_choice_window{
  width: 500px !important;
}

.height_adjustment_choice_window .order_information_light_content{
  width: 490px !important;
}

.access_error_wrapper{
  border: 1px solid #CCCCCC;
    color: #FF0000;
    font-size: 20px;
    line-height: 50px;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    width: 820px;
  margin-top: 5px;
  margin-bottom: 300px;
}

.information_wrapper_container{
  float: left;
  width: 100%;
    border: 1px solid #D4D4D4;
  -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
        border-radius: 4px;
}

.information_wrapper_title{
  width: 100%;
  color: #555555;
  background-color: #FAFAFA;
  background-image: -moz-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#F2F2F2));
  background-image: -webkit-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -o-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: linear-gradient(to bottom, #FFFFFF, #F2F2F2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffFFFFFF', endColorstr='#ffF2F2F2', GradientType=0);
    background-repeat: repeat-x;
  float: left;
    border-bottom: 1px solid #D4D4D4;
  -webkit-border-radius: 4px 4px 0 0;
   -moz-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
  padding: 10px 0;
  cursor: pointer;
}

.information_wrapper_title span{
  color: #555555;
  margin-left: 10px;
}

.information_wrapper_title i{
  background: url(../img/arrow.png) no-repeat;
  width: 11px;
  height: 11px;
  display: inline-block;
  float: right;
  margin-right: 10px;
  margin-top: 5px;
}

.information_wrapper_title.open i{
  background: url(../img/down.png) no-repeat;
  margin-top: 8px;
}

.information_wrapper_content{
  padding: 20px 10px;
  display: inline-block;
}

.information_wrapper_content .information_top_right_label_wrapper{
  margin-top: 0;
}

.order_level_top_section .level_main_element{
  width: 100%;
}

.order_level_top_section .level_main_element > span{
  float: left;
  margin-right: 9px;
    padding: 0 2px;
}

.hidden{
  display: none;
}

#brick_ledge_window{
  width: 415px;
}

#brick_ledge_window .order_information_light_content{
  width: 395px;
}

.brick_ledge_rebar_wrapper{
  float: right;
  margin-right: 20px;
}

.brick_ledge_rebar_wrapper select{
  width: 70px;
}

.mb_5{
  margin-bottom: 5px !important;
}

.additional_product_form_content{
  margin-top: 10px;
}

.additional_product_form_row_l,
.additional_product_form_row_r{
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.additional_product_form_row_l input[type="checkbox"]{
  float: left;
    margin-right: 10px;
    margin-top: 8px;
    width: auto;
}

.additional_product_form_row_l label{
  float: left;
  width: auto;
  padding: 0;
}

.additional_product_form_row_r label{
  float: right;
  padding: 0;
  margin: 0;
  width: auto;
}

.additional_product_form_row_r select{
  float: right;
  width: 133px;
  margin: 0 0 0 10px;
}

.additional_product_form_row_r input[type="text"]{
  float: right;
  width: 120px;
  margin: 0 0 0 20px;
}

.additional_product_form_row_r input[type="checkbox"]{
  float: right;
    margin-right: 10px;
    margin-top: 8px;
    width: auto;
}

.alignment_system_row{
  width: 100%;
  float: left;
  margin-bottom: 10px;
}

.alignment_system_row input{
  float: right;
  width: 55px;
  margin-left: 10px;
}

.alignment_system_row input[type="checkbox"]{
  margin-top: 8px;
}

.alignment_system_row label{
  float: right;
  width: auto;
  padding: 0;
}

.alignment_system_row .input-prepend{
  float: right;
  width: auto;
  margin-left: 10px;
  margin-top: 0;
}

.alignment_system_row .input-prepend .add-on{
  float: left;
}

.alignment_system_row .input-prepend input{
  float: left;
  margin: 0;
}

.alignment_system_label{
  width: 70px !important;
  text-align: center !important;
}
.user_table_content button{
  margin: 5px 0 0 0;
  width: 100px;
}

.level_details_content{
  margin: 30px 0;
}
#order_info_menu .nav-pills > li > a{
  color: #999999;
}

#order_info_menu .nav-pills > .active > a,
#order_info_menu .nav-pills > .active > a:hover,
#order_info_menu .nav-pills > .active > a:focus{
  background-color: #00B09B;
  color: #fff;
}

.nav {width: 100%}

#user-guide { float: right; }

.mt_35{
  margin-top: 35px !important;
}

.mlm_10{
  margin-left: -10px !important;
}

.width15{
  width: 15%;
}

.w_205{
  width: 205px !important;
}

.w_310{
  width: 310px !important;
}

.width60{
  width: 60% !important;
}

.ml_15{
  margin-left: 15px !important;
}

.mr_15{
  margin-right: 15px !important;
}

.mr_10{
  margin-right: 10px !important;
}
.mr_5{
  margin-right: 5px !important;
}

.fw_bold{
  font-weight: bold !important;
}

.gable_ends_title{
  font-size: 18px;
}

.w_425 {
  width: 425px !important;
}
.logoimg {
  width: 120px;
  height: auto;
}
.error {
  color: #FF0000;
}

#info_window{
  width: 400px;
}

#info_window .frame{
  width: 305px;
  border: 1px solid;
  margin: 10px auto;
  padding: 10px;
}

#info_window button{
  margin-right: 10px;
  margin-bottom: 10px;
}

.gross_wall_area {
  color: #00B09B;
  font-weight: bold;
}

.net_wall_area {
  color: #00B09B;
  font-weight: bold;
}

#register_btn {
  font-family: 'Montserrat', sans-serif;
  margin-right: 10px;
}

#forgotpwd_btn {
  font-family: 'Montserrat', sans-serif;
  margin-right: 10px;
}

.load_students_wrapper {
    display: inline-block;
    width: 100%;
}

.load_students_left {
    float: left;
    width: 25%;
    padding-top: 20px;
}

.load_students_left label {
    text-align: left;
    width: 100px;
    padding: 0;
}

.load_students_left span {
    float: left;
    margin-top: 5px;
}

.load_students_right {
    float: left;
    width: 75%;
}

.load_students_right p {
    margin-bottom: 5px;
}

.load_students h1 {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 20px;
}

.load_students_form {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}

.load_students_form span {
    float: left;
    margin-right: 0;
    margin-top: 5px;
}

.registration_form {
    width: 500px;
    margin: 30px auto;
}

.registration_form .fieldset{
  padding: 20px 15px;
}

.registration_form .registration_wrap{
  float: left;
  width: 100%;
}

.registration_form .registration_wrap.w50{
  width: 50%;
}

.registration_form label{
  width: 100%;
  text-align: left;
}

.registration_form input{
  width: 45%;
}

.registration_form .registration_wrap.w50 input{
  width: 90%;
}

.registration_form input.w95{
  width: 95%;
}

.registration_form button{
  margin-top: 15px;
  margin-right: 0px;
  margin-bottom: 10px;
}

.registration_form .registration_wrap .error{
  margin-top: 0px;
}

.registration_form .registration_wrap input.error{
  border-color: #FF0000;
  margin-top: 0;
}

.forgetpwd_form{
  width: 500px;
    margin: 30px auto;
}

.forgetpwd_form .fieldset{
  padding: 20px 15px;
}

.forgetpwd_form label{
  width: 100%;
  text-align: left;
}

.forgetpwd_form input{
  width: 97%;
}

.forgetpwd_form .submit_btn{
  margin-right: 0px;
}

.flashing-type-fieldset {
    display: grid;
    column-gap: 5px;
    row-gap: 0px;
    grid-template-columns: auto auto;
    padding: 5px;    
}

.flashing-type-grid-item {
    padding: 5px;
    text-align: left;
}

.report_level_wall_openings th:first-child{
    text-align: left;
    padding-left: 10px;
}

.report_level_wall_openings td:first-child{
    padding-left: 10px;
    text-align: left;
}
.report_level_wall_openings .right_text{
    padding-right: 10px;
}