@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700);

body{font-family: 'Lato', sans-serif; font-size:15px;}

footer{background-color:#23326d; color:#fff; padding:20px 0; text-align:center; float:left; width:100%;}
footer p{margin:0;}

.navbar-brand{padding:10px 25px 10px 10px;    height: auto;}

.navbar{}
.navbar a{color:#8b94a5;}
.home_table  table{background-color:#fff2cf;border-color:#000 !important;}
.home_table  table th{background-color:#bd9001; font-weight:700;}
.home_table  table th, .home_table  table td{border-color:#000 !important;}

.home_grid{}
.home_grid{}
.home_grid ul{margin:0; padding:0; margin-left:-15px;}
.home_grid ul li{ background-color:#2b78e4; list-style:none; padding:15px; color:#fff; margin-left:15px; width:23.444444%; float:left; margin-bottom:15px;    height: 170px;}
.home_grid ul li .li_details{display:inline-block; width:78%; vertical-align:top;}
.home_grid ul li .li_buttons{display:inline-block; width:18%; vertical-align:top;    float: right;    text-align: center;    margin-right: -5px;
}
.navbar{margin-bottom:0;}
.btn_groups{margin:30px 0;}
.btn_groups .btn-group{margin-left:30px;}
.btn_groups .btn-default{background-color:#dddce1;}
.btn_back{background-color:#049b10; border-color:transparent;}
.btn_next{background-color:#049b10; border-color:transparent;}
.home_title{border:1px solid #000; margin:0 0 15px 0;}
.home_title .h_t_header{background-color:#727f88; padding:5px; color:#fff;}
.home_title .home_title_detail{padding:10px;    border-top: 1px solid #000;clear: both;}
.home_title .home_title_detail p{margin-bottom:5px;}
.li_details p{margin-bottom:0;}
.home_title .blusbg{background-color:#2b78e0; padding:10px;font-size: 18px;
    line-height: 22px;}
.home_title .h_t_header span{display: block;
    padding: 10px;
    font-size: 22px;
    line-height: 22px;}
#myform {
    text-align: center;
    padding: 5px;
    border: 1px dotted #ccc;
    margin: 2%;
}
.qty {
    width: 36px;
    height: 30px;
    text-align: center;
}
input.qtyplus { width:25px; height:25px;}
input.qtyminus { width:25px; height:25px;}

.home_grid ul li .btn{    background-color: #dddddb;
    font-size: 18px;
    padding: 0;
    color: #000;
    font-weight: 700;border:1px solid #000; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; margin:2px 0; width:40px;}
.home_grid ul li .qty{    background-color: transparent;
    font-size: 30px;
    padding: 0;
    color: #000;
    font-weight: 700;
    border: 0;
    border: 0;
    color: #fff;}
	
.btn_switch.off{background:url(../images/btn_switch_off.png) no-repeat; width:40px; height:20px; background-size:100%; border:0; outline:0;}
.btn_switch.on{background:url(../images/btn_switch_on.png) no-repeat; width:40px; height:20px; background-size:100%; border:0; outline:0;}

.step_process_div{padding:15px 0;float:left; width:100%;}
.step_process_div .step{float:left; width:100%; text-align: center;}
.step_process_div .step ul{margin:0; padding:0; text-align:center; display:inline-block;}
.step_process_div .step ul li{list-style:none; float:none; display:inline-block; min-width:100px;    text-align: center;    margin-left: -3px;}
.step_process_div .step ul li .step_no{width:40px; height:40px;background-color:#dadada; color:#fff; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px; line-height:38px; font-weight:bold;    margin: 0 auto; position:relative;}
.step_process_div .chart_div{float:left; width:20%;}
.step_process_div .step ul li .step_no:before{
    content: "";
    width: 60px;
    height: 10px;
    position: absolute;
    left: -30px;
    right: auto;
    background-color: #dadada;
    top: 15px;
    z-index: -1;
}
.step_process_div .step ul li .step_no:after{
    content: "";
    width: 60px;
    height: 10px;
    position: absolute;
    right: -30px;
    left: auto;
    background-color: #dadada;
    top: 15px;
    z-index: -1;
}
.step_process_div .step ul li .step_no:before{}
.step_process_div .step ul li.completed .step_no{background-color:#4aaebd}
.step_process_div .step ul li.active .step_no{background-color:#8fc531}
.step_process_div .step ul li:first-child .step_no:before{border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -o-border-radius:3px 0 0 3px;}
.step_process_div .step ul li:last-child .step_no:after{border-radius: 0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; -o-border-radius:0 3px 3px 0;}
.step_process_div .step ul li.active .step_no:after{background-color:#4aaebd}
.step_process_div .step ul li.completed .step_no:before{   
    background-color: #4aaebd;
}
.step_process_div .step ul li.completed .step_no:after{
    background-color: #4aaebd;
}
.step_process_div .step ul li.active .step_no:before{
    background-color: #4aaebd;
}

.cus_chart{border:1px solid #ddd; padding:20px; width:100%;}

.green{background-color:#00b050;}
.red{background-color:#ff0000;}
.orange{background-color:#ffc000;}
.blue{background-color:#00b0f0;}
.grey{background-color:#aeaaaa;}
.yellow{background-color:#ffff00;}
.white{background-color: #ffffff;}
.home_chart table td{border-color:#000 !important;}


@media (min-width: 1200px){
.container { width: 1024px;}
}
@media (min-width: 768px){
.navbar-nav>li>a { padding: 25px 20px;}
.navbar-nav>li>a.active, .navbar-nav>li>a:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+0,ffffff+100 */
background: #f2f2f2; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f2f2 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f2f2f2 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f2f2f2 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
.navbar-nav>li {
    float: left;
    border-left: 1px solid #ddd;
}
}

@media(max-width:1024px){
.navbar-collapse{padding:0;}
.home_grid ul li{width:23.333333%;}
}
@media(max-width:991px){
.navbar-nav>li>a {padding: 25px 6px;}
.home_grid ul li {width: 22.8888888%;}
.home_grid ul li .li_details{    width: 70%;}
.home_grid ul li .li_buttons{width: 24%;}

}

@media(max-width:767px){
.home_grid ul li {width: 46.333333%;}
.navbar-collapse{background-color: #424274;}
.navbar-toggle{    background-color: #424274;    margin: 20px 0 0 0;}
.navbar-toggle .icon-bar{background-color:#fff;}
.navbar-nav>li>a{padding:8px 15px;}
.navbar-collapse{padding:0 15px; margin-bottom:15px;}
.navbar-nav>li>a{color:#fff;    border-top: 1px solid #2b2b5d;}
.navbar-nav>li>a:hover{background-color:#a63429;}
.navbar-nav{margin-top:0; margin-bottom:0;}
.home_grid ul li .li_buttons { width: 40px;}
.step_process_div .step ul{width:80%;}
.step_process_div .step ul li{min-width:55px;}
.step_process_div .step ul li .step_no{    width: 30px; height: 30px; line-height: 28px;}
.step_process_div .step ul li .step_no:before, .step_process_div .step ul li .step_no:after{top:11px;}
}

@media(max-width:479px){
.home_grid ul{margin:0;}
.home_grid ul li { width: 100%; margin-left:0;}
.btn_groups .btn-group { margin-left: 5px;}
.btn_groups{margin-top:10px;}
.home_title .h_t_header span{font-size:15px;}
.home_title .blusbg{font-size:15px;}
.navbar-brand{padding-left:0;}
.step_process_div .step ul li{min-width:32px;}
.step_process_div .step ul li .step_no{    width: 22px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;}
.step_process_div .step ul li .step_no:before, .step_process_div .step ul li .step_no:after {
    top: 9px;
    height: 6px;
}
.step_process_div .step ul li .step_no:before{width:30px; left:-15px;}
.step_process_div .step ul li .step_no:after{width:30px; right:-15px;}
.btn_groups .btn-group{margin-top:0px;}
.btn_groups{ margin-bottom:15px;}
.btn_groups .btn-group .btn{padding:6px 8px; vertical-align:top;}
}
.greyed_li{
    background-color: #8f928d !important;
}
.hide_li{
    opacity: 0;
}
.fix_left_bottom_div{background-color: #a8362b; width:80px; height:80px; display:block; position:fixed; bottom:80px; left:40px; z-index:1; line-height:normal; color: #fff; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border: 1px solid #86241b;padding-top: 3px;}
.fix_left_bottom_div span:first-child{display: block; width: 30px; margin: 0 auto;line-height: 32px; font-size: 20px; font-weight: bold;}
.fix_left_bottom_div span:last-child{display: block; border-top: 1px solid #fff; line-height: 32px; width: 30px; margin: 0 auto;  font-size: 20px; font-weight: bold;}
.home_grid ul li .btn.qtyplus{background:url(../images/btn_plus.png) no-repeat; background-size:100% auto;border: 0;height: 32px;width: 32px; text-indent: -100000px; margin: 0 auto;margin-bottom: 5px;}
.home_grid ul li .btn.qtyminus{background:url(../images/btn_minus.png) no-repeat; background-size:100% auto;border: 0;height: 32px;width: 32px; text-indent: -100000px; margin: 0 auto;margin-top: 5px;} 
.home_grid ul li .btn.qtyplus:focus{outline:0; border:0;}

.btn_groups .fix_left_bottom_div{
    display: inline-block;position: initial;margin-left: 40px;
}

.table-centered td, .table-centered th{
    text-align: center !important;
    vertical-align: middle !important;
}

.table-small-td td{
    line-height: 0.5 !important;
}

.opacity_0 .qtyplus,.opacity_0 .qty,.opacity_0 .qtyminus{
    opacity: 0;
    pointer-events: none;
}

/*.greyed_li .qtyplus,.greyed_li .qty,.greyed_li .qtyminus{
    opacity: 0;
    pointer-events: none;
}*/

.step_1 .greyed_li .qtyplus,.step_1 .greyed_li .qty,.step_1 .greyed_li .qtyminus{
    opacity: 0;
    pointer-events: none;
}

.step_1 .qtyplus,.step_1 .qty,.step_1 .qtyminus{
    opacity: 0;
    pointer-events: none;
}

.step_2 .greyed_li .qtyplus,.step_2 .greyed_li .qty,.step_2 .greyed_li .qtyminus{
    opacity: 0;
    pointer-events: none;
}

.step_2 li .btn_switch.on{
    display: none !important;
}

.li_buttons{
    line-height:25px;
}

.language-selector{
    cursor: pointer;
}

.show-all-cards,.hide-unselected{
    display: none;
}

.fix_left_bottom_div_inline{
    display: none !important;
}