*
{
	margin: 0px;
	padding:0px;
}
#hideDiv{background:red; width:400px; margin:0 auto; color:#fff; padding:10px; text-align:center;}
.container-fluid
{
	width: 100%;
	display: flex;
	justify-content:center;

}
.container
{
border: 0px solid black;
display: flex;
justify-content:center;
width: 90%;
}
.row
{
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
}
/*???????????????????????????????????????????????????*/
.login
{
height: 100vh;
}
.login_frame {
    padding-top: 10px;
    border: 2px solid #1e3c29;
    width: 50%;
    height: 40vh;
    border-radius: 20px;
    text-align: center;
}
.login_logo img {
    width: 50%;
}
.login_form {
    margin: 12px 0px 0 0;
}
.login_form input {
    padding: 10px 0px;
    width: 70%;
    margin: 10px 0 0 0;
     text-align: center;
}
.login_form input.login_s_btn
{
	width:50%;
}
/*?????????????????????????????????????????????????????????????*/
.head {
    display: flex;
}
.head_logo img {
	 margin: 10px 0px;
    width: 15%;
}
.head_user img {
    margin: 20px 0px;
    width: 45%;
}
/*?????????????????????????????????????????????????????????????????????*/
.nav {
    background: #1e3c29;
    padding: 15px 0px;
    color: white;
}
.row div.nav_link {
    padding: 5px 10px;
    margin: 0px 5px;
}
.nav_link a {
    text-decoration: none;
    color: white;
}
.head_user {
    position: relative;
    top: 0px;
    border: 0px;
}
div#panel {
    display: none;
}
.profile {
    width: max-content;
    position: absolute;
    right: 0px;
    background: white;
    padding: 10px;
    border: 1px solid red;
    border-radius: 10px;
    margin-left: 80%;
}
.profile p {
    border: 1px solid red;
    width: fit-content;
    padding: 5px 10px;
    margin-left: 80%;
    margin-bottom: 8%;
}
.profile div button {
    margin: 10px 0px;
    color: white;
    background: red;
    width: 100%;
    padding: 6px;
}
/*????????????????????????????????????????????????????????????????????????????*/
.title {
    margin-top: 15px;
}
/*?????????????????????????????????????????????????????????????????????????????*/
.new_dealer_form {
    display: flex;
    margin-top: 20px;
    justify-content: center;
    width: 50%;
    border: px solid;
    flex-wrap: wrap;
}
.new_dealer_form_input {
    padding: 5px 10px;
}
.new_dealer_form_input input {
       width: 20vw;
    padding: 12px 0px;
    border-radius: 5px;
    border: 1px solid;
    text-align: center;
}
.new_dealer_form_input select {
    width: 20vw;
    padding: 13px;
    border-radius: 10px;
}
textarea.new_dealer_form_input_msg {
    width: 40vw;
}
.submit input {
    width: 70vh;
    padding: 15px;
    margin-bottom: 50px;
    font-size: bold;
    font-size: large;
    background: #1e3c29;
    color: white;
    border-radius: 10px; 
}
/*????????????????????????????????????????????????????????????????*/
.re_request_box {
    margin-top: 20px;
    width: 40%;
    
    border: 0px solid;
}
.re_request_box select {
    width: 30vw;
    padding: 15px;
    text-align: center;
    margin: 15px 0px;
}
.re_request_box textarea {
    width: 34vw;
}

/*???????????????????????????????????????????????????????????????????*/
table.request_table {
    width: 100%;
    text-align: center;
    border: 1px solid;
    margin: 20px;

}
table.request_table tr td {
    border: 1px solid;
    width: 1px;
    padding: 10px 0px;
    
}
table.request_table tr td button {
    width: 80%;
    padding: 20px 0px;
    background: #1e3c29;
    color: white;
        font-weight: 700;
}

.Aprove_reject_pending_Status {
    padding: 20px 0 0 0;
    width: 100%;
    text-align: center;
}
.Aprove_reject_pending_Status button {
    width: 20%;
    /* text-align: center; */
    /* margin: auto; */
}
.Aprove_reject_pending_Status table {
    
    width: 100%;
    text-align: center;
}
.Aprove_reject_pending_Status button {
    font-weight: 600;
    padding: 10px 20px;
}
/*?????????????????????????????????????????????????????*/

.dealer_info_table {
    width: 100%;
    display: flex;
}
.dealer_info_table div {
    border: 0px solid;
    margin: 10px;
    width: 100%;
}
table.info_tab tr td {
    border: 1px solid;
    padding: 10px;
}
table.info_tab .info-hed {
    width: 20%;
}
.info_status table {
    width: 100%;
}
.info_status table tr td {
   
    text-align: center;
    padding: 15px;
    border: 1px solid;
    font-weight: 800;
}
.info_status tr td button {
    font-size: 16px;
    width: 80%;
    padding: 11px;
}

.estimate {
    width: 100%!important;
}
.estimate tr td {
    border: 0px!important;
}
input.est_input {
    padding: 10px;
    width: 20vw;
    border-radius: 10px;
    padding: 15px 0px;
    text-align: center;
}
input.est_btn {
    font-weight: 600;
    width: 10vw;
    border-radius: 6px;
    padding: 10px;
    margin-left: 15px;
}


.f_cost table tr td {
    border: 0px;
}

.f_cost table tr td input {
    border-radius: 10px;
    padding: 15px 0px;
    text-align: center;
}



/*??????????????????????????????????? ADMIN ????????????????????????????????????????????*/

table.user_table {
    padding: 10px 0 0 0;
    width: 100%;
}
table.user_table tr td
{
    text-align: center;
}

table.user_table tr td input {
    width: 20vw;
    text-align: center;
    padding: 15px 10px;
    border-radius: 5px;
    margin: 5px;
}

table.user_table tr td select {
    width: 20vw;
    text-align: center;
    padding: 15px 10px;
    border-radius: 5px;
    margin: 5px;
}

/*????????????????????????????????????????????????????????????*/

.sales_container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.sales_update {
    width: 32%;
    text-align: center;
    border: 2px solid green;
    margin: 5px;
    margin-top: 15px;
}
.sales_update table tr td input {
    width: 90%;
    padding: 10px 0px;
    margin: 10px 0px;
}
.u_title {
    margin: 10px;
    margin-top: 15px;
    text-align: left;
    font-size: 21px;
    padding-bottom: 10px;
    border-bottom: 1px solid;
}
.sales_update tr td button {
    width: 90%;
    padding: 10px;
    margin-bottom: 20px;
}
.sales_update tr td button {
    width: 90%;
    padding: 10px;
    margin-bottom: 20px;
}
td.sale_info {
    text-align: left;
    /* margin: 10px!important; */
    padding: 0px 10px;
}

/*????????????????????????????????????????????????????????????????????????????*/
.u_info {
    width: 100%;
    margin: 30px 0px;
}
.u_info table {
    width: 100%;
    border: 1px solid;
    border-radius: 10px;
}
td.u_head {
    width: 10%;
    padding: 10px 25px;
}
td.u_info {
    width: 23%;
}
.u_data {
    width: 100%;
}
.u_data table {
    width: 100%;
    text-align: center;
    border: 1px solid;
}
table.select_info {
    width: 100%;
    text-align: center;
}
table.select_info tr td input, select {
    width: 95%;
    padding: 20px;
    margin: 10px 0px 30px 0px;
}
form.select_i {
    width: 80%;
/*}???????????????????????????????????????????????????????????????????????????*/