@import url(http://fonts.googleapis.com/css?family=Headland+One);
/*@font-face {
    font-family: 'gillsans_lightregular';
    src: url('gillsans-light.eot');
    src: url('gillsans-light.eot?#iefix') format('embedded-opentype'),
         url('gillsans-light.woff2') format('woff2'),
         url('gillsans-light.woff') format('woff'),
         url('gillsans-light.ttf') format('truetype'),
         url('gillsans-light.svg#gillsans_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

body{ background: url(../img/gray-texturelight.jpg) fixed; font-family: Arial, Helvetica, 'Nimbus Sans L', sans-serif; }
h1, h2, h3, h4, h5, h6{ font-family: Arial, Helvetica, 'Nimbus Sans L', sans-serif; }
.main_nav{ display: block; width: 78%; float: right;}
#header{ background-color: #e2e2e1; border-bottom: 1px solid #ffffff;}
nav.navbar{background-color: transparent; border:0;}
.navbar-brand {
    float: left;
    margin-bottom: 5px;
    margin-top: 25px;
    padding: 0;
    }
a:focus, a:hover, a:active{outline: 0;}
.right_nav{   margin-top: 20px; margin-bottom: 30px;}
.right_nav li{ padding-bottom: 15px; color: #183996;  font-family: Arial, Helvetica, 'Nimbus Sans L', sans-serif; font-weight: bold; line-height: normal;}
.right_nav.navbar-nav li a{ padding:0 15px;color: #183996; font-size: 12px; font-family: Arial, Helvetica, 'Nimbus Sans L', sans-serif; text-transform: uppercase; }
.right_nav.navbar-nav li a:hover, .right_nav.navbar-nav li a:focus{color: #81d742;}
.navbar-collapse{ padding-left: 0;}
.navbar-nav.main_nav li{ color: #183996; padding: 0 8px; line-height: normal; }
/*.navbar-nav.main_nav li:first-child{ padding-left:0; } */
/*.navbar-nav.main_nav li.sep{ padding: 0;}*/
.navbar-nav.main_nav li a{ background-color: transparent; color: #183996; font-size: 14px;/*font-size: 15px; font-family: 'gillsans_lightregular';*/ font-family: Arial, Helvetica, 'Nimbus Sans L', sans-serif; padding: 0 0 12px 0; line-height: normal; /*border-bottom: 4px solid transparent;*/ font-weight: 600; text-transform: uppercase;}
.navbar-nav.main_nav li a:hover, .navbar-nav.main_nav li a:focus{  /*border-bottom: 4px solid #8dc640;*/ color: #81d742; }
.navbar-nav.main_nav li.active a{ background-color: transparent; color: #231f20; border-bottom: 4px solid #8dc640;}
.first_row{ float: left; width: 100%; }
.dealer_signup_left { float: left;  width: 52%; }
.dealer_signup_right { float: left; width: 48%;  }
.page input[type="text"], .page input[type="password"], .page input[type="tel"], .page input[type="email"] { border: 1px solid #7c797a; width: 250px; height: 27px; padding: 0 10px; }
.page label{ font-size: 13px; font-family: Arial, Helvetica, 'Nimbus Sans L', sans-serif; color: #231f20; margin-bottom: 10px;}
.dealers_signup h2, .dealers_signup h4{ margin-left: 25px;}
/*.page h2{border-bottom: 3px solid transparent; border-image: url("../img/border_img.png") 3 3 3 3; border-top: 0;
padding-bottom: 20px; color: #183996; font-size: 38px; font-family: 'Headland One', Arial, Helvetica, 'Nimbus Sans L', sans-serif; font-weight: bold; margin-bottom: 80px; 
margin-top: 80px; line-height: 42px; }*/
.page h2{ 
          background-image: url("../img/border_img.png");
          border-top: 0;
          padding-bottom: 20px;
          color: #183996;
          background-repeat: repeat-x;
          background-position: 0 60px;
         /* font-size: 42px;
         font-family: Arial, Helvetica, 'Nimbus Sans L', sans-serif;*/
          font: 32px/56px Arial, Helvetica, 'Nimbus Sans L', sans-serif;
          font-weight: 600;
          margin-bottom: 80px;
          margin-top: 80px;
          background-size: 100% 3px;
          line-height: 42px;}
.page h3 {background-image: url("../img/border_img.png"); border-top: 0; color: #183996; background-repeat: repeat-x; background-position: 0 60px; font: 24px/48px Arial, Helvetica, 'Nimbus Sans L', sans-serif; font-weight: 600; background-size: 100% 3px; padding-bottom: 14px;}
.page h4{ margin-top: 0; color: #231f20; /*font: 32px/56px Arial, Helvetica, 'Nimbus Sans L', sans-serif;*/ font: 22px/40px Arial, Helvetica, 'Nimbus Sans L', sans-serif; background-image: url("../img/border_img.png"); background-size: 100% 3px;background-repeat: repeat-x; background-position: 0 60px; 
padding-bottom: 20px; margin-bottom: 40px; border-top: 0; font-weight: 600;}
.page h5 {font: 16px/40px Arial, Helvetica, 'Nimbus Sans L', sans-serif;}
.page p a{ font-family: Arial, Helvetica, 'Nimbus Sans L', sans-serif; color: #183996; font-size: 14px;border-top: 0;}
.page p{ margin-bottom: 15px; float: left; width: 100%;}
.mandat_field { background-image: url("../img/star_red.png"); background-repeat: no-repeat; background-position: left 5px; }
.dealers_signup p{ padding-left:25px; }
.border_div{ margin-left: 25px; height: 3px; background-image: url("../img/border_img.png"); background-size: 100% 3px;background-repeat: repeat-x;
          background-position: 0 60px; width: 100%; float: left; margin-bottom: 20px; margin-top: 5px;}
.page input[type="radio"]{ margin-right: 5px; vertical-align: middle; margin-top: -2px;}
.page .dealer_signup_left span{ display: inline-block; width: 55%; float: left;}
.page .dealer_signup_left span:nth-child(2n+1){ width: 45%;}

.page .dealer_signup_right span{ display: inline-block; width: 100%; float: left;}
#mandat_field span input[type="text"] {
    margin-left: 20px;
    width: 140px;
}
.capcha{ margin-top: 15px;}
.capcha img{ margin-bottom: 15px; }
#dealers_login_form input[type="submit"] {
    background-color: #183996;
    border: 0 none;
    color: #ffffff;
    font-family: Arial, Helvetica, 'Nimbus Sans L', sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 28px;
    line-height: normal;
    padding: 0;
    width: 86px; 
    text-align: center;
}
.page input[type="submit"], .page button[type="submit"] {
    background-color: #183996;
    border: 0 none;
    color: #ffffff;
    font-family: Arial, Helvetica, 'Nimbus Sans L', sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 28px;
    line-height: normal;
    padding: 0;
    width: 143px; 
    text-align: center;
}
.right_nav.navbar-nav li a.user_account{ color:#8cc63f; font-size: 13px;}
.welcome_txt h4{ clear: both; width: 100%; margin-bottom: 25px;}
.welcome_txt p {
    color: #231f20;
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 25px;
}
.welcome_txt { float: left; margin-bottom: 50px; width: 100%; }
.pro_info p{ font-size: 15px; color: #231f20; margin-bottom: 5px; }
.pro_info span {
    float: left;
    margin-right: 5px;
    text-align: right;
    width: 90px;
}
.pro_info .right_span { text-align: left; width: auto; } 
.pro_info { float: left; width: 50%; margin-bottom: 40px; }
.welcome_txt .pro_info h4{width: 100%;}
.mar_top_40{margin-top: 40px;}
.welcome_txt .pro_info p input{margin-left: 40px;}
.mod_sel select {
    border: 1px solid #7c797a;
    float: left;
    height: 27px;
    padding: 0 10px;
    width: 250px;
    color: #231f20;
}
.mod_sel p{ font-size: 15px; color: #231f20; margin-bottom: 10px; }
.mod_sel span {
    float: left;
    margin-right: 10px;
    text-align: left;
    width: 15%
}
.mod_sel input[type="submit"]{background-color: #8cc63f; padding:0 10px; width: auto; margin-top: 30px;}

/* ---- Table ---- */

table {
    border-collapse:collapse;
    margin-bottom:15px;
    width:100%;
    }
    
caption {
        text-align:left;
        font-size:15px;
        padding-bottom:10px;
        }
    
table td {
        padding:5px;
        border:1px solid #c3c3c3;
        /*border-width:0 1px 1px 0;*/
        border-width:0 1px 1px 1px;
        text-align: center;
        }
tbody td { border-top: 1px solid #c3c3c3;
    color: #183996;
    font-size: 16px;
    font-weight: bold; padding: 15px; }

tbody td:last-child { /*border: 0 none;*/ padding: 0;/* width: 25%;*/}
    
table th {
        padding:10px;
        border:1px solid #fff;
        border-width:0 1px 1px 0;
        text-align: center;
        }
        
thead th {
        background:#183996;
        color: #fff;
        font-size: 15px;
        }
thead tr.small_col th{font-size: 14px;}        
thead th[colspan],
thead th[rowspan] {
            background:#183996;
            color: #fff;
            padding: 10px 0;
            border-right: 1px solid #fff;
            }
        
tbody th,
tfoot th {
        text-align:center;
        background-color:transparent;
        }
        
tbody td,
tfoot td {
        text-align:center;
        background:transparent;
        }
        
tfoot th {
        background:#b0cc7f;
        }
        
tfoot td {
        background:#d7e1c5;
        font-weight:bold;
        }
            
tbody tr.odd td { 
       
        }
thead th.trans {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
        }
td a {
    /*background-color: #8cc63f;*/
    color: #183996;
    font-size: 14px;
    padding: 10px 20px;
}
td a:hover {
    color: #8cc63f;
    text-decoration: none;
    /*background-color: #72aa27;*/
}
.inner_pg h3{font-size: 30px; color: #183996; font-weight: bold; margin-bottom: 50px; margin-top: 35px;}
.inner_pg select{ width:auto; background-color: transparent; font-size: 15px; color: #231f20; height: 32px; padding: 5px 10px;}
.inner_pg option{padding: 5px 10px 5px 15px;}
.inner_pg span{width: auto;}
.selectboxit-text strong {
    margin-left: 30px !important;
}
.selectboxit .selectboxit-option-icon-container {
    margin-left: 5px;
    margin-right: 0;
}
.selectboxit .selectboxit-arrow-container .selectboxit-arrow{top: 46% !important; }
.selectboxit-container span, .selectboxit-container .selectboxit-options a{margin-right: 18px;}
.inner_pg {
    float: left;    
    width: 100%;
}
.border_50{margin-top: 60px; background: url("../img/border_img.png") no-repeat; height: 3px; display: block; float: left; width: 50%; background-size: 100% 3px;}
.lrg_green{background-color: #8cc63f; color:#fff ; font-size: 26px;padding:15px 25px; line-height: normal; font-weight: bold; margin-top: 45px; margin-bottom: 20px;}
input[type="submit"].submit_quote_btn{background-color: #183996; color:#fff ; font-size: 20px;padding:0 20px; height: 38px; margin:0; }
p.mandatory_txt{ color:#183996; font-size: 14px; margin-top: 25px; margin-bottom: 25px;}
p.qoute_links a{color:#fff; font-size: 15px; padding: 10px 30px;  background-color: #183996; text-decoration: none; margin-right: 5px; font-weight: bold;}
p.qoute_links a:hover{text-decoration: none; color: #fff; background-color: #106eb5;}
.pro_info > ul {
    float: left;
    padding-left: 12px;
    width: 100%;
}
.pro_info .price_span {
    color: #929497;
    display: inline-block;
    float: right;
    font-size: 20px;
    font-weight: bold;
    margin-top: 5px;
    width: 28%;
}
.pro_info > h4{float: left;}
.tech_select select{ width: auto; font-size:16px ; font-weight: bold; color: #231f20; padding: 5px 15px; background-color: transparent; border:1px solid #7c797a;}
.tech_select select option{padding: 5px 15px;}
.mod_list { float: left; width: 55%; }
.mod_list ul{padding-left: 0;}
.mod_list ul li a{background-color: #8cc63f; color:#fff ; font-size: 14px;padding:10px 20px; line-height: normal; font-weight: bold; float: right;}
.mod_list ul li a:hover{text-decoration: none;}
.mod_list ul li{padding:0 0 15px 0; margin-bottom: 10px; border-bottom: 1px dashed #a1a2a3; list-style-type: none; float: left; width: 100%;}
.mod_list ul li span{ font-size: 15px; color: #231f20; display: inline-block; margin-top: 5px; }
.mod_list ul li:last-child{border-bottom: 0;} 
.single_li h2{ margin-bottom: 30px; }
.mod_list ul li span a{ background-color: transparent;color: #231f20; font-size: 15px; font-weight: normal; padding-left: 0;}
.bg_machine{position: absolute; right: 0; top: 32px;}
.page .container{position: relative;}
.two_col_data h2{width: 70%;}
.mod_list.two_col { width: 36%; }
.mod_list.two_col h4{margin-bottom: 20px; }
.two_col_sec { float: left; margin-left: 15%; }
.page { margin-bottom: 50px; } 
h2.mar_bot_30{margin-bottom: 30px;}
.navbar-default .navbar-toggle{border-color: #aaa; background-color: #888; margin-top: 50px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color: #999;}

@media all and (min-width:300px) and (max-width: 480px){
    .navbar-header {text-align: center; height: 130px; padding: 10px 0 0 0;}
    .navbar-header button.navbar-toggle {float: none; position: absolute; margin: 0 auto; top: 110px; left: 150px;}
    .navbar-header .navbar-brand {float: none;}
    .navbar-default .navbar-toggle { margin-bottom: 0; margin-top: 25px; }
    .page h2{margin-top: 40px; font-size: 30px; margin-bottom: 40px; padding-bottom: 10px;}
    .mod_list { float: left; width: 100%; }
    .right_nav{margin: 20px 0px 0px 0px;}
    .navbar-default .navbar-collapse {background-color: #d3d3d3; padding: 0; margin-top: 15px;}
    .main_nav{margin-left: 0; width: 100%; float: none;}
    .navbar-nav.main_nav li, .right_nav.navbar-nav li {border-top: 1px solid #FFFFFF; width: 100%;}
    .navbar-nav.main_nav li.sep{display: none;}
    .navbar-nav.main_nav li:first-child, .right_nav.navbar-nav li:first-child {border-top: 2px solid #FFFFFF;}
    .navbar-nav.main_nav li:last-child {border-bottom: 2px solid #FFFFFF;}
    .navbar-nav.main_nav li, .navbar-nav.main_nav li:first-child{padding-left: 20px;}
    /*.right_nav > li:nth-child(2n) { display: none; }*/
    .right_nav li { display: inline-block; /*margin-bottom: 10px;*/ margin-left: 0; padding: 10px 0px 10px 8px; }
    .right_nav.navbar-nav li a{font-size: 12px; padding-left: 15px; padding-right: 0; }
    .right_nav.navbar-nav li a.user_account{font-size: 13px; padding-left: 15px; padding-right: 0; }
    .navbar-nav.main_nav li a{font-size: 14px; padding: 10px 0; /*margin-bottom: 10px;*/ border-bottom-width: 2px; }
    .navbar-nav.main_nav li a:hover, .navbar-nav.main_nav li.active a{border-bottom-width: 2px;}
    .pro_info{width: 100%;}
    .mod_sel span{width: 35%; font-size: 13px; margin-bottom: 10px;}
    .welcome_txt h4 { width: 100%;}
    .welcome_txt .pro_info p input{margin-left: 20px;}
    .mod_sel select{font-size: 13px; width: 200px;}
    .dealer_signup_left, .dealer_signup_right {float: none; width: 100%;}
    .page input[type="text"], .page input[type="password"], .page input[type="email"], .page input[type="tel"], input#UserHearAboutOurCompanyOther {width: 200px;}
    .page .dealer_signup_left span:nth-child(2n+1), .page .dealer_signup_left span {width: 100%;}
    .page .dealer_signup_left span.company_other { float: none !important; width: 100% !important; }
    .welcome_txt .pro_info h4{font-size: 20px; padding-bottom: 10px;}
    .pro_info .price_span{ font-size: 17px; margin-top: 0;}
    .inner_pg h3{font-size: 24px; margin-bottom: 20px;}
    .border_50{width: 100%; margin-top: 40px;}
    .inner_pg span{width: auto; font-size: 16px;}
    p.qoute_links a{padding:10px 20px; }
    p.mandatory_txt{ font-size: 12px; line-height: normal;}
    .inner_pg select{width: 100%;}
    .dealers_signup h2, .dealers_signup h4{margin-left: 0;}
    .page #dealers_signup_form input[type="text"], .page  #dealers_signup_form input[type="password"]{ width: 98%;}
    .dealers_signup p{ padding-left: 15px;}
    .border_div{margin-left: 10px;}
    #mandat_field{background-size: 10px;}
    .width_100 { width: 100%; }
    #other_options { width: auto !important; }
    .mod_list.two_col{ width: 100%;}
    .mod_list.two_col ul li span a{font-size: 15px; padding: 0;}
    .two_col_sec{margin-left: 0;}
    .bg_machine > img { width: 110px; }
    .mod_list ul li span{font-size: 14px;}
    .mod_list ul li a{font-size: 13px;}
    .col-md-7.dealers_signup {clear: both;}


}
@media all and (min-width:481px) and (max-width: 768px){
    .page h2{margin-top: 40px;}
    .mod_list { float: left; width: 100%; }
    .right_nav{margin-top: 20px;}
    .main_nav{margin-left: 0;}
    .navbar-nav.main_nav li.sep{display: none;}
    .navbar-nav.main_nav li, .navbar-nav.main_nav li:first-child{padding-left: 20px;}
    .right_nav > li:nth-child(2n) { display: none; }
    .right_nav li { display: inline-block; margin-bottom: 10px; margin-left: 0; padding-left: 4px; }
    .right_nav li:first-child{padding-left: 20px;}
    .right_nav.navbar-nav li a{font-size: 14px;}
    .navbar-nav.main_nav li a{font-size: 18px; padding: 0 0 5px; margin-bottom: 10px; border-bottom-width: 2px; }
    .navbar-nav.main_nav li a:hover, .navbar-nav.main_nav li.active a{border-bottom-width: 2px;}
    .pro_info{width: 80%;}
    .mod_sel span{width: 22%;}
    .welcome_txt h4 { width: 60%;}
    thead tr.small_col th {font-size: 12px;}
    thead th, tbody td{font-size: 13px;}
    td a{margin-left: 5px; font-size: 13px;}
    table{width: 100%;}
    thead th[colspan], thead th[rowspan]{padding:10px 5px; }
    .inner_pg span{width: auto; font-size: 20px;}
    .border_div{width: 90%;}
    .dealers_signup h2, .dealers_signup h4{margin-left: 0;}
    .two_col_data h2{width: 50%;}
    .bg_machine{ top: 18px;}
    .mod_list.two_col{ width: 45%;}
    .mod_list.two_col ul li span a{font-size: 15px; padding: 0;}
    .two_col_sec{margin-left: 5%;}


}
@media only screen and (min-width:768px) and (max-width:1024px) {
}
.dashboard-page a, a.link-with-box {
  background-color: #8cc63f;
  padding: 15px 20px;
  display: block;
  margin-bottom: 15px;
  color: #fff;
  border-radius: 5px;
  font-size: 15px;
  line-height: normal;
  background-image: url("../img/border_img.png");
  background-size: 115%;
}
thead th a{color: #fff;}
thead th a:hover {
  color: #fff;
  text-decoration: underline;
}
td:first-child a {
  /*width: 88px;*/
  display: block;
}
table.ui-datepicker-calendar td:first-child a { width: auto;}
table.ui-datepicker-calendar td:last-child { width: auto;}
.paging {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.paging span.current{padding: 5px 10px;  }
.paging span {
 
  color: #fff;
  margin: 0 5px;
  text-align: center;
}
.paging span.disabled{background-color:rgba(0,102,178,0.7); padding: 5px 10px;}
.paging span a {
  color: #fff;
  padding: 5px 10px;
  background-color: #183996; 
}
.paging span.current {
  background-color: #8cc63f;
}
.paging span.prev{margin-left: 0;}
.paging span a:hover {
  text-decoration: none;
  background-color: #8cc63f;
}
.dashboard-page a:hover, a.link-with-box:hover {
  background-color: #76AF2A;
  text-decoration: none;
}
.captcha_wrap {
  float: left;
  width: 100%;
  padding-left: 25px;
}
.captcha_wrap img{ /*width: 150px; height: auto;*/}
.captcha_wrap a{font-size: 10px; color: #333; text-decoration: underline; margin-left: 5px;}
.captcha_wrap .input label{ width: 100%; background-image: url("../img/star_red.png"); background-repeat: no-repeat; background-position: left 4px; margin-bottom: 0;}
.captcha_wrap .input{margin-left: -25px; margin-top: 10px;}
.captcha_wrap .input label p{margin-bottom: 0;}
.captcha_wrap .input input{margin-left: 25px;}
.dealers_signup .submit{margin-left: 25px;}
input#UserHearAboutOurCompanyOther{ width: 140px;}
.page .dealer_signup_left span.company_other { float: right; width: 50%; }
.voltage-sel select {float: none; width: 120px;}
.navbar-nav.main_nav li:last-child{padding-right: 0;}
.inner_pg h2 { margin: auto auto 25px !important; }
.circuit_breaker_options label {font-weight: normal;}
.message { text-align: center; margin-top: 10px; }
p.text-right a.btn-next, p.text-link a.btn-back { color: #FFFFFF; font-size: 18px; }
div.div-tbl-border div.column { border-top: 1px solid #c3c3c3; border-left: 1px solid #c3c3c3; padding-top: 8px; }
div.div-tbl-border div.column:last-child { border-right: 1px solid #c3c3c3; }
div.div-tbl-border:last-child>div.column { border-bottom: 1px solid #c3c3c3; }
div.div-tbl-border div.column div.date { padding-top: 3px; }
div.div-tbl-border div.column div.select { padding-top: 3px; }
div.div-tbl-border div.column div.submit { margin-bottom: 8px; }
div.div-tbl-border div.column div.input label { width: 28%; }
div.div-tbl-border div.column.last { padding-top: 5px; padding-bottom: 5px; }
ul.navbar-nav li:after { content: "|"; color: #666666; float: right; line-height: 15px; padding: 0 0 0 10px; }
ul.navbar-nav li:last-child:after { display: none; }
ul.navbar-nav li a { display: inline-block; }
ul.navbar-nav.right_nav li:after { padding-left: 0; line-height: 18px; }

@media all and (max-width: 767px) {
    ul.navbar-nav li:after { display: none; }
    ul.navbar-nav li a { display: block; }
}

.sizing_result_page input.width-sm { width: 50px; margin: 0 auto; }
.sizing_result_page select.width-sm { width: 45px; padding: 0 5px; }
.sizing_result_page select.width-md { width: 150px; padding: 0 5px; }
.modal-header h4.modal-title { margin: 0; padding: 0; }
td.action a { padding: 0; }
td.action a span { float: none; margin-right: 4px; }
.appends_breader .test{
    width: 60%;
    margin-top: 4px;
}
.appends_breader .product_sec{
    border: 1px solid;
    background: #c9c9c9;
    padding: 5px;
}
.appends_breader .product_name{
    display: inline-block;
    margin-right: 33px;
}
.appends_breader .pric {
    display: inline-block;
    margin-right: 10px;
}
.appends_breader .action {
    display: inline-block;
    /* padding: 5px; */
}
.delete_opt.link-with-box {
    padding: 6px;
    margin-left: 15px;
    margin-bottom: 1px;
}
.breaker_select_op_checkbox {
    display: inline-block;
}
.breaker_select_op_checkbox > input, .breaker_select_op_checkbox > label {
    display: inline-block;
    margin: 0 5px;;
}