.modal-dialog{
        width: 50%;
    }
.modal-cart{
    width: 80%;
   margin: 10%;
}
.nav-menu li{
    width:200px !important;
}
.nav-menu.nav_menu2 li{
    width: auto !important;
}
.form-group input[type=text]{
    background-color: #ffffff !important;
}
.form-group input[type=number]{
    background-color: #ffffff !important;
}
.form-group input[type=email]{
    background-color: #ffffff !important;
}
.form-group select{
    background-color: #ffffff !important;
}
.form-group textarea{
    background-color: #ffffff !important;
}
select.form-control:not([size]):not([multiple]){
    height: 42px !important;
}
#distributor .form-control, #export .form-control, #franchise .form-control{
    color: #495057;
    /* background-color: #fff; */
    border-color: #999999;
    box-shadow: none;
}
.footer-block{
    margin-right: 0px !important;
}
.modal{
       z-index: 9999; 
    }      
            .background{
                background-color: #fff;
                width:100%;
                height: auto;
                /*border-bottom-width: 5px;
                border-bottom-color: aqua;
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
                
            } 
            .sign h1{
                color: #000;
                margin-left: 2%;
                font-size: 26px;
                font-family: 'Source Sans Pro', sans-serif;
                font-weight:700;
               /* padding-top: 111px;
                padding-left: 24%;*/
            }
    .sign button{
        float: right;
        margin-right: 4%;
        border: none;
        background: none;
    }
.sign.sign_form button{
        float: none;
        margin-right: 0%;
        border: 1px solid #555;
        background: none;
        background-color: #fff;
    }
            .fb-button{
                float: left;
                padding: 20px;
            }
            .fb-button button{
                background-color: #3b5998;
                border:none;
                padding: 12px 30px;
                color:#fff;
                font-size: 15px;
                font-weight: 700;
                border-radius: 2px;
            }
            .google-button{
               float: left;
                padding: 20px; 
            }
            .google-button button{
                background-color: #dd4b39;
                border:none;
                padding: 12px 40px;
                color:#fff;
                font-size: 15px;
                font-weight: 700;
                border-radius: 2px;
            }
            .signupform{
                width:90%;
                margin: 0px auto;
                padding-bottom:20px;
            }
            .signupform input[type=text]{
                width:90%;
                color: #9f9f9f;
                padding: 10px 12px;
                border-bottom: 1px solid #acacac;
                border-left: none;
                border-right: none;
                border-top: none;
                margin-top: 10px;
                font-family: 'Source Sans Pro', sans-serif;
            }
            .signupform input[type=password] {
                width: 90%;
                color: #9f9f9f;
                padding: 10px 12px;
               border-bottom: 1px solid #acacac;
                border-left: none;
                border-right: none;
                border-top: none;
                margin-top: 10px;
                border-radius: 2px;
            }
            .sign-up{
                width: 100%;
                height: auto;
                padding-bottom: 20px;
            }
            .sign-up button{
                background-color:#dc9d7c;
                color:#000;
                font-size: 20px;
                font-weight: 700;
                font-family: 'Source Sans Pro', sans-serif;
                padding: 15px 50px;
                border: none;
                border-radius: 2px;
            }
            .selectitem h1{
                color: #000;
                margin-left: 2%;
                font-size: 26px;
                font-family: 'Source Sans Pro', sans-serif;
                font-weight:700;
               /* padding-top: 111px;
                padding-left: 24%;*/
                        }
                .selectitem button{
                    float: right;
                    margin-right: 2%;
                    border: none;
                    background: none;
                }
                
                th{
                    background-color: #dc9d7c;
                    text-align: center;
                }
                
                table, th, td {
                    border-collapse: collapse;
                }
                th, td {
                    padding: 10px;
                }
                tr{
                    font-weight: 700;
                    font-size: 12px;
                    font-family: 'Montserrat', sans-serif;
                    text-align: center;
                }
                .itemtable{
                        height:300px;
                        overflow-y: hidden;
                        float:left;
                        width:100%;
                }
                .item{
                    width: 100%;
                }
                .item .dropdown{
                    list-style-type: none;
                }
                .item .dropdown a{
                   text-decoration: none;
                   color:#000; 
                }
                .item .item-dtls{
                    padding:10px;
                    text-align: left;
                    padding-left: 15px;
                }
                .item .itemdtl{
                    width:10%;
                } 
                .item .item-dtls img{
                    max-height:90px;
                } 
                .item .itemtext{
                    width:25%;
                } 
                .item .item .itemqty,.item .itemsub{
                    width:15%;
                }
                .item .itemprc{
                    width:20%;
                }
                .item .itemdd{
                    width:20%;
                }
                .item th{
                    text-align: left;
                    padding-left: 15px;
                }
                .cartselect{
                    font-size: 11px;
                    width: 60px;
                    height: 34px;
                    border-radius: 4.5px;
                    background-color: #ffffff;
                    padding: 6px 11px;
                    line-height: 22px !important;
                    min-width: 0px !important;
                    box-sizing: border-box;
                    overflow: initial;
                    margin: 0 auto;
                    min-height: 24px;
                    border-color: #bbbbbb;
                    left: 3px;
                    display: block;
                    text-align: left;
                }
                .cartoptiondiv {
                    position: relative;
                    width: 80%;
                    margin-top:10px; 
                    color: #7a8383;
                    left: 12.5%;
                    padding-left: 16px;
                    padding-top: 5px;
                    padding-bottom: 16px;
                }
               .cartheader{
                    width:100%; float:left;
                    background:#dc9d7c;
                }
                .cartheader .itemdtl{
                    width:35%;
                    float: left;
                    padding: 10px;
                    text-align: left;
                    padding-left: 15px;
                } 
               
                .cartheader .itemqty{
                    width:15%;
                    float: left;
                    padding: 10px;
                    text-align: left;
                    padding-left: 0px;
                }
                .cartheader .itemsub{
                    width:15%;
                    float: left;
                    padding: 10px;
                    text-align: left;
                    padding-left: 64px;
                    }
                .cartheader .itemprc{
                    width: 15%;
                    float: left;
                    padding: 10px;
                    text-align: left;
                    padding-left: 54px;
                }
                .cartheader .itemdd{
                    width:20%;
                    float: left;
                    padding: 10px;
                    text-align: left;
                    padding-left: 15px;
                }
                .itemfooter{
                    width: 100%;
                    height: auto;
                    padding: 20px;
                }
                .itemfooter h5{
                     font-size: 14px;
                    color:#000;
                    letter-spacing: 2px;
                    line-height: 20px;
                }
            .itemfooter p{
                     font-size: 14px;
                    color:#000;
                    letter-spacing: 2px;
                    line-height: 20px;
                }
                    .itemfooter button{
                        width: 100%;
                        height: auto;
                        background-color: #dc9d7c;
                        color:#000;
                        font-size: 16px;
                        font-weight: 700;
                        border:none;
                        padding: 12px 0px;
                        margin-top: 40px;
                    }
                 @media (max-width:1024px) {
                .fb-button button{
                    width: 100%;
                    float: none;
                }
                  .google-button button{
                      float: none;
                       width: 100%;
                  }
                  .signupform{
                    width:80%;  
                  }
                  .sign-up button{
                    width: 72%;
                    margin-left: 14%;
                      margin-right: 0px;
                      padding: 10px 12px;
                  }
            }
            @media (max-width:967px) {
                 #cartcontent{
                       float:left;
                       width:90%;
                       overflow-x: hidden;
                        }
               
            }
              @media (max-width:767px) {
                 
                  .background{
                        background-color: #fff;
                        width: 85%;
                        height: auto;;
                        margin: 73px auto;
                        margin-bottom: 23px;
                        /*border-bottom-width: 5px;
                        border-bottom-color: aqua;
                        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
                    } 
                    .background h1{
                        font-size:22px;
                         margin-left: 12%;
                    }
                  .fb-button button{
                    width: 100%;
                    float: none;
                }
                  .fb-button{
                      margin-left: 7%;
                  }
                  .google-button button{
                      float: none;
                       width: 100%;
                  }
                  .signupform{
                    width:87%;
                      margin-left: 11%;
                  }
                  
                  .sign-up button{
                    width: 72%;
                    margin-left: 14%;
                      margin-right: 0px;
                      padding: 10px 12px;
                  }
                   table, th, td{
                        width: 50%;
                    }
                   
            }



.list .account{
    list-style-type: none;
    line-height: 20px;
    padding: 0;
}
.account li{
    line-height: 5px;
    letter-spacing: 2px;
    margin-bottom: 20px;
    font-family: "Rubik", sans-serif;
    font-weight: 600;
    font-size: 15px;
    padding:0 15px;
    line-height: 40px;
    text-align: center;
    cursor: default;
    width: 100%;
    color: #666666;
    border: 2px solid #e5e6e7;
    cursor: pointer;
    border-radius: 3px;
}
.account li:hover,.account li:active,.account li.active,.account li:focus{
    border-color: #777;
}
.order-details.content3 p{
    font-size: 10px;
}

.list-details{
    width: 100%;
    height: auto;
    margin-top: 100px;
    padding-bottom: 50px;
}
.list-details p{
    font-size: 25px;
    line-height: 40px;
    text-transform: uppercase;
    color: #454545;
    font-family: "Rubik", sans-serif;
    font-weight: normal;
    padding: 0px 0px 40px 0px;
    margin-left: 9%;
}

.list-details button.dash-board{
    line-height: 40px;
    text-transform: uppercase;
    color: #454545;
    font-family: "Rubik", sans-serif;
    font-weight: normal;
    text-decoration: none;
    background: #5ebb60;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    padding: 15px 42px;
    transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    outline: none !important;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    border: 0px solid #fff;
}
.list-details button a{
    margin-left: -22px;
    color: #fff;
}
.list-details button a:hover{
    text-decoration: none;
    font-size: 16px;
}
.list-details button.dash-board:hover{
    background: #000;
    color: #fff;
}
.list-details p.dash_p{
    font-size: 25px;
    line-height: 40px;
    text-transform: uppercase;
    color: #454545;
    font-family: "Rubik", sans-serif;
    font-weight: normal;
    padding: 0px;
    margin-left: 43%;
    margin-top: -11.4%;
    color: #fff;
}
.list-details p.dash_p2{
    font-size: 25px;
    line-height: 40px;
    text-transform: uppercase;
    color: #454545;
    font-family: "Rubik", sans-serif;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
    margin-left: 55%;
    margin-top: -11.4%;
    color: #fff;
}
.right{
    float: right;
    margin-right: 34%;
    margin-top: -2%;
}
.left{
    margin-left: 6%;
}
.list-details .table>thead>tr>th{
    font-family: "Rubik", sans-serif;
    padding: 15px;
}
.list-details .table>tbody>tr>td{
    font-family: "Rubik", sans-serif;
    padding: 15px;
}
.list-details .table>tbody>tr>td>button{
    font-size: 12px;
    text-transform: uppercase;
    color: #454545;
    font-family: "Rubik", sans-serif;
    text-decoration: none;
    background: #5ebb60;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 20px;
    transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    outline: none !important;
    line-height: 20px;
    font-weight: bold;
    border: none;
}
.list-details .table>tbody>tr>td>button:hover{
    background: #000;
    color: #fff;
}
.order_detail{
    margin-left: -5%;
}
.list-details button.profile{
    font-size: 14px;
    line-height: 40px;
    text-transform: uppercase;
    color: #454545;
    font-family: "Rubik", sans-serif;
    text-decoration: none;
    background: #5ebb60;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 20px;
    transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    outline: none !important;
    line-height: 20px;
    font-weight: bold;
    border: none;
    margin-left: 9%;
}
.list-details button.profile:hover{
    background: #000;
    color: #fff;
}
.list .modal-footer button{
    font-size: 15px;
    line-height: 40px;
    text-transform: uppercase;
    color: #454545;
    font-family: "Rubik", sans-serif;
    text-decoration: none;
    background: #5ebb60;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 20px;
    transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    outline: none !important;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    border: none;
}
.list-details .modal-footer button:hover{
    background: #000;
    color: #fff;
}
.list-details .modal-body {
    position: relative;
    padding: 6% 0% 16% 4%;
    margin-left: -5%;
}
.list-details .text_left .modal-body{
    padding:5%;
    margin-left:0%;
}
.list-details .text_left .modal-header{
    padding-bottom:3%;
    font-size: 22px;
}
.list-details .text_left .modal-header .close {
    margin-top: -25px;
}
.list-details .text_left .modal-header .modal-title{
    font-size: 22px;
    width: 80%;
}
.list-details .modal-content{
    font-family: "Rubik", sans-serif;
    font-weight: normal;
}
.list-details .text_left p.heading{
    text-align: left;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0px;
}
.list-details .text_left p{
    text-align: left;
    font-size: 16px;
    margin-bottom: 0px;
    padding-bottom: 1%;
}

.order-details .table>thead>tr>th {
    border-bottom: 0px solid #fff;
    background-color: transparent;
}
.order-details .table>tbody>tr>td{
    border-top: 0px solid #fff;
}

ol.progtrckr {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ol.progtrckr li {
    display: inline-block;
    text-align: center;
    line-height: 3.5em;
}

ol.progtrckr[data-progtrckr-steps="2"] li { width: 49%; }
ol.progtrckr[data-progtrckr-steps="3"] li { width: 33%; }
ol.progtrckr[data-progtrckr-steps="4"] li { width: 24%; }
ol.progtrckr[data-progtrckr-steps="5"] li { width: 19%; }
ol.progtrckr[data-progtrckr-steps="6"] li { width: 16%; }
ol.progtrckr[data-progtrckr-steps="7"] li { width: 14%; }
ol.progtrckr[data-progtrckr-steps="8"] li { width: 12%; }
ol.progtrckr[data-progtrckr-steps="9"] li { width: 11%; }

ol.progtrckr li.progtrckr-done {
    color: black;
    border-bottom: 4px solid yellowgreen;
}
ol.progtrckr li.progtrckr-todo {
    color: silver; 
    border-bottom: 4px solid silver;
}

ol.progtrckr li:after {
    content: "\00a0\00a0";
}
ol.progtrckr li:before {
    position: relative;
    bottom: -2.5em;
    float: left;
    left: 50%;
    line-height: 1em;
}
ol.progtrckr li.progtrckr-done:before {
    content: "\2713";
    color: white;
    background-color: yellowgreen;
    height: 2.2em;
    width: 2.2em;
    line-height: 2.2em;
    border: none;
    border-radius: 2.2em;
}
ol.progtrckr li.progtrckr-todo:before {
    content: "\039F";
    color: silver;
    background-color: white;
    font-size: 2.2em;
    bottom: -1.2em;
}

/* distributors form */

#distributor form,#export form,#franchise form {
    margin: 30px 0px 20px 0px;
}
#distributor label,#export label,#franchise label {
    font-family: "Rubik", sans-serif;
    font-weight: 600;
    font-size: 13px;
    color: #666666;
    letter-spacing: 2px;
}
#distributor .form-control,#export .form-control,#franchise .form-control {
    border: 1px solid #ced4da;
    border-radius: 0px;
    font-size: 15px;
    font-family: "Rubik", sans-serif;
    font-weight: normal;
}
#distributor .form-control:focus,#export .form-control:focus,#franchise .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #999999;
    box-shadow: none;
}

#distributor .btn,#export .btn,#franchise .btn {
    border: 1px solid transparent;
    padding: 0 35px;
    line-height: 38px;
    font-size: 16px;
    border-radius: 0px;
    color: #fff;
    letter-spacing: 1px;
    background-color: #444;
    border-radius: 3px;
}

#distributor .btn:hover,#export .btn:hover,#franchise .btn:hover {
    box-shadow: none;
    background-color: #111;
}
#distributor h2,#export h2,#franchise h2 {
    text-transform: capitalize;
    font-family: "Rubik", sans-serif;
    margin-top: 3%;
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 2%;
}
#distributor p,#export p,#franchise p{
    text-transform: capitalize;
    font-family: "Rubik", sans-serif;
    font-size: 14px;
    color: #555555;
    font-weight: 500;
}
#distributor .border_btm,#export .border_btm,#franchise .border_btm {
    border-bottom: 1px solid #ced4da;
}
.business-form-holder h1{
    text-transform: capitalize;
    font-family: "Rubik", sans-serif;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 30px;
}
#franchise .fran_top{
    margin-bottom: 25px;
}
#franchise .border_btm{
    margin-top: 5%;
    padding-bottom: 2%;
}
#franchise h3{
    text-transform: capitalize;
    font-family: "Rubik", sans-serif;
    font-size: 25px;
    margin-bottom: 4%;
}
#franchise .fas{
    color: #339933;
    margin-right: 3%;
    margin-top: 1%;
}
#franchise h4{
    text-transform: uppercase;
    font-family: "Rubik", sans-serif;
    font-size: 20px;
    margin-bottom: 4%;
    margin-top: 5%;
}
.form_head .far {
    font-size: 30px;
}
#franchise h6{
    font-family: "Rubik", sans-serif;
    font-weight: 600;
    font-size: 13px;
    color: #666666;
    letter-spacing: 2px;
}
#franchise .custom-file-label{
    border-radius: 0px;
}
#franchise .form_head{
    margin-top: 1%;
}
#franchise .custom-file-input:focus~.custom-file-label {
    border-color: #999999;
    box-shadow: none;
}
#franchise .custom-file{
    margin-bottom: 6%;
}





/*
.footer{
        width: 100%;
        height: auto;
        margin-top: 30px;
    }
    .footer h5{
        text-align: left;
        font-size: 15px;
         letter-spacing: 5px;
        margin-left: 14%;
    }
    .footer ul li {
        font-size: 15px;
        list-style-type: none;
         letter-spacing: 2px;
            padding: 5px;
    }
    .footer ul li a{
        list-style-type: none !important;
        color:#000;
        text-decoration: none;
    }
    .footer-form input[type=text]{
        width: 100%;
        height: auto;
        border-bottom: 1px solid #000;
        border-left: none;
        border-right:none;
        border-top:none;
        padding: 20px 0px;
    }
*/
    .links{
        width: 100%;
        height: auto;
        margin-top: 20px;
    }
    .links .fa{
        padding: 10px;
        font-size: 20px;
        color:#000;
    }
    .links .fa:hover{
        padding: 10px;
        font-size: 20px;
        color:#dc9d7c;
    }
    .footer2{
        width: 100%;
        height: auto;
        margin-top: 30px;
    }
    .footer2 p{
        font-size: 12px;
        letter-spacing: 5px;
        text-align: center;
    }
.arrival{
        width: 100%;
        height: auto;
        border-top:1px solid #b0b0b0;
    }
    .arrival h1{
        width: 100%;
        text-align: center;
        font-size: 25px;
        margin-top: 50px;
        letter-spacing: 5px;
    }

@media (max-width:1024px) {
     
}
@media (max-width:767px) {
    
        .footer h5{
            margin-left: 7%;
        }
    .list-details{
        width: 100%;
        overflow: hidden;
    }
    .list-details .text_left p.heading{
    text-align: center;
    }
    .left {
    margin-left: 10%;
    }
    .right {
    margin: 10% 20% 0% 0%;
    }
    .list .account{
        padding: 0%;
    }
    .list-details button.profile{
        margin-left: 34%;
    }
    .list-details .modal-content {
    width: 185%;
    }
    .account li{
        width: 100%;
    }
    .list-details p.dash_p2{
    margin-left: 85%;
    margin-top: -17.4%;
}
    .list-details p.dash_p{
        margin-left: 65%;
    margin-top: -17.4%;
    } 
}
@media (max-width:600px){
    .list-details p {
    padding: 0px 0px 17px 0px;
    }
}