.top-section{
    padding: 20px 0 0 0;
    .box-type{
        box-shadow: 0 0px 8px rgba(0, 0, 0, 0.3);
        padding: 15px;
        float: left;
        width: 100%;
        border-radius: 5px;
        background: #fff;
    }
}

.section{
    padding: 0 20px;
    .sec-head{
        margin-top: 20px;
    }
}
.task-section .task-left {
    height: calc(100vh - 168px);
    overflow: auto;
}
.task-section .task-height{
    height:100%;
    overflow: auto;
}
.head{
    color: #28a8e0;
    font-weight: 700;
    font-size: 13px;
}
.wid100{
    width: 100%;
    float: left;
}
.model_select{
    width: 100%;
    float: left;
  
}
.model_select .form-group{
    width: 65%;
    float: left;
    select{
        font-size: 13px;
        color: #28a8e0;  
    }
    label{
        font-size: 13px;
        color: #28a8e0;
    }

}
.model_img{
    width: 35%;
    float: left;
    position: absolute;
    right: 0;
    top: -20px;
    .img_model{
       margin: 0px auto;
       display: block;
       max-width: 100%;
    }
}
.name_dealer{
    color: #28a8e0; 
    .wid100{
        border-bottom: 1px solid #ccc;
    }
    label{
        font-size: 13px;
        color: #000; 
        font-weight: bold;
    }
    width:100%;
    float: left;
    .dealer_left{
        width:50%;
        float: left;
        font-size: 14px;
        p{
            text-align: left;
            margin-bottom: 5px;
        }
    }
    .dealer_right{
        width:50%;
        float: left;
        font-size: 14px;
        color:#0397d7;
        p{
            text-align: right;
            margin-bottom: 5px;
        }
    }
}

.name_para{

    h4{
        font-size:16px;
        margin-bottom: 5px;
    }
    p{
        color: #333;
        font-size:12px;
        margin-bottom: 5px;
        a{
            color:#0397d7;
        }
    }
    border-bottom: 1px solid #ccc;
    padding-bottom: 19px;
    margin: 20px 0px;
}
.color_varient{
    width:50%;
    float: left;
  
    .form-group{
        width: 98%;
        float: left;
    }
    label{
        font-size: 13px;
        font-weight:bold;
    }
    select{
        font-size: 13px;
        color: #28a8e0;
    }
}

.price{
    h4{
        font-size:16px;
    }
    table{
        width:100%;
        tr{
            td{
                padding: 0px;
                border: none;
                font-size:12px;
                padding-bottom: 8px;
                
            }
            td:first-child{
                color:#666666;
                width:50%;
            }
            td:last-child{
                color:#343735;
                width:50%;
                text-align: center;
            }
        }
        margin-bottom: 0px;
    }
    border-bottom: 1px solid #ccc !important;
    margin-bottom: 20px;
}

.dis p{
    color:#0397d7 !important; 
}

.final_quote{
    font-size: 18px !important;
    color:#0397d7 !important;
}



.form-group1 {
    display: initial;
    margin-bottom: 0px;
  }
  
  .form-group1 input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
  }
  
  .form-group1 label {
    position: relative;
    cursor: pointer;
  }
  
  .form-group1 label:before {
    content:'';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #0079bf;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 6px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
  }
  
  .form-group1 input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 6px;
    width: 5px;
    height: 9px;
    border: solid #0079bf;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);

  }

//   Raj
.section{

    .w100{
        float: left;
        width: 100%;
        .back{
            display: inline-block;
            cursor: pointer;
            img{
                width: 14px;
                padding-right: 5px;
            }
        }
        .back:hover, .back:focus, .back:active{
            outline: none;
        }
        .monthly-det{
            float: right;
            margin: 0 10px 15px 10px;
            img{
                width: 12px;
                cursor: pointer;
            }
            p{
                margin: 0;
                display: inline-block;
                padding: 0 5px;
                min-width: 120px;
                text-align: center;
            }
        }
        .btns{
            width: auto;
            border-radius: 100px;
            float: right;
            margin: 0;
            padding: 6px 40px;
            font-size: 14px;
            height: auto;
            font-weight: 500;
        }
        .btns.blue{
            color: #28a8e0 !important;
            border: 2px solid #28a8e0;
            width: 100%;
        }
    }
    h5.tit{
        color: #003d58;
    }

    .task-left{
        .logo{
            img{
                max-width: 80%;
            }
        }
    }
.task-height{
    .logo{
        img{
            max-width: 80%;
        }
    }
}

    .showroom{
        text-align: center;
        h5{
            font-size: 16px;
            padding-top: 10px;
        }
        address {
		    font-size: 14px;
			width: 100%;
			float: left;
			word-break: break-all;
			
		}
    }
    .quote-detail{
        padding: 15px;
        .form-group{
            width: 100%;
            float: left;
            label{
                width: 35%;
                float: left;
                line-height: 3;
                font-weight: 500;
                font-size: 14px;
            }
            .form-control{
                width: 65%;
                float: left;
                font-size: 14px;
                font-weight: 500;
                color: #333;
            }
        }
    }
    .quote-table{
        border: 1px solid #dee2e6;
        thead{
            th{
                background: #28a8e0;
                color: #fff;
                white-space: nowrap;
                min-width: 240px;
                text-align: left;
                font-size: 14px;
            }
        }
        tbody{
            tr{
                td{
                    font-size: 14px;
                    font-weight: 500;
                    border: none;
                    vertical-align: middle;
                    text-align: left;
                    .form-group{
                        margin-bottom: 0;
                        .form-control{
                            font-size: 14px;
                            font-weight: 500;
                        }
                    }
                    textarea.form-control {
                        height: 38px;
                    }
                }
                td:before{
                    display: none;
                }
            }
            tr:last-child{
                background: #e0e0e0;
            }
            tr:nth-child(even){
                background: none;
            }
        }
    }
    .terms{
        h5{
            font-size: 16px;
        }
        p{
            margin: 0;
            padding: 0;
            margin-bottom: 10px;
            font-size: 14px;
            font-weight: 500;
        }
    }
}

@media only screen and (max-width:767px){
    .task-section .task-left {
        height: auto;
    }
    .task-right{
        display: none;
    }
}

.color_error {  
    right: 4px;
    top: 37px;
}

.form-group{
    position: relative;
}
.section .quote-table{
margin-bottom: 0px !important; 
}
.btn_share{
    background: #003d58;
    color: #fff;
    border: none;
    margin-top: 10px;
    border-radius: 5px;
    color: #fff;
    padding: 5px 20px;
    font-size: 12px;
    border-radius: 3px;
}
.btn_share:focus{
    outline: none;
}


.w100{
    width:100% !important;
}




@media screen and (min-width: 600px) {
	.mobile_hide {
		display: block;
	}
	.mobile_open {
		display: none;
	}
	.mobile_inner {
		display: none;
	}
}

@media screen and (max-width: 600px) {
    .section .quote-detail .form-group label{
        font-size: 13px !important;
    }
	.mobile_hide {
		display: none;
	}
	 ::placeholder {
		font-size: 12px;
	}
	.mobile_inner .open_head {
		display: block;
		width: 100%;
		float: left;
		background: #28a8e0;
		color: #fff;
		padding: 8px;
		text-align: center;
	}
	.mobile_open {
		display: block;
		width: 100%;
		float: left;
		border: 1px solid #ccc;
	}
	.mobile_open .open_head {
		width: 100%;
		float: left;
		background: #28a8e0;
		color: #fff;
		padding: 8px;
		text-align: center;
	}
	.mobile_open .open_data {
		width: 100%;
		float: left;
		font-size: 14px;
		font-weight: 500;
		padding-left: 10px;
		padding-right: 15px;
		margin-top: 10px;
	}
	.open_data {
		width: 50%;
		float: left;
		font-size: 14px;
		font-weight: 500;
	}
	.open_data .form-group textarea.form-control {
		height: calc(1.5em + .75rem + 2px) !important;
	}
	.section .quote-detail .form-group {
		margin-bottom: 0px !important;
		label, .form-control{
			width: 100%;
		}
	}
	.btn_share{
		width: 100%;
        margin-bottom: 10px;
	}
}

@media only screen and (max-width:599px){
    .color_error{
        top:83px !important;
    }
}