﻿.hidden {
    display: none;
}

body{
    position: relative;
    min-height: 100vh;
}

.headerbar {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap !important;
    justify-content: space-around;
    align-items: center;
    background: #2D271F;
    color: white;
    height: 87px;
    padding: 0 !important;
    transition: all 700ms linear;
}

#headerbar_logo {
    flex-grow: 0.8;
}

    #headerbar_logo img {
        /*height: 75px !important;*/
        padding-left: 10px;
    }

#headerbar_dealerdetails p {
    font-size: 0.8rem;
    margin: 0;
}

#headerbar_collapse, #headerbar_collapse_profile, .mobilelanguagetoggle {
    display: none;
}


#headerbar_collapse_dropdown {
    background: #2D271F;
    color: white;
}

.btn-dark, .btn-light {
    color: #fff !important;
    border-color: #2D271F !important;
    background-color: #2D271F !important;
}

.mobilelanguagetoggle .toggle-group {
    width: 210% !important;
}

.languagetoggle .toggle-group {
    width: 240% !important;
}

.toggle-on {
    padding-left: 0 !important;
}

.toggle-off{
    left: 40% !important;
}

.toggle-off.btn {
    padding-left: 0.8rem !important;
}

.toggle-handle {
    visibility: hidden;
}


#ContentArea {
    margin-top: 87px;
    padding-bottom: 2.5rem;
}


#mainfooter {
    /*margin-top: auto;*/
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2.5rem;
}

    #mainfooter .pagefooter {
        background: #b22222;
    }

        #mainfooter .pagefooter a {
            cursor: pointer;
        }

            #mainfooter .pagefooter a:hover {
                transform: scale(1.5);
            }

    #mainfooter p {
        margin-bottom: 0;
    }



@media (max-width: 768px) {
    #headerbar_welcome, #headerbar_dealerphoto, #headerbar_dealerdetails,.languagetoggle {
        display: none !important;
    }

    #headerbar_collapse_profile, .mobilelanguagetoggle {
        display: block;
    }

    #headerbar_dealerdetails p {
        font-size: 0.7rem;
        margin: 0;
    }
}


@media (max-width: 700px) {

    #headerbar_welcome, #headerbar_dealerphoto, #headerbar_dealerdetails, .languagetoggle {
        display: none !important;
    }

    #headerbar_collapse_profile, .mobilelanguagetoggle {
        display: block;
    }

    #headerbar_logo img {
        width: 300px;
    }

  
    


    #headerbar_dealerdetails p {
        font-size: 0.7rem;
        margin: 0;
    }
}
 



/* Main Content Wrapper -----------Start-*/

/* Main Content Wrapper -------------End-*/

/* Row Content Wrapper--------------Start-*/
.row {
    margin-bottom: 0.3rem;
    margin-top: 0.3rem;
    margin-left: 0.1% ;
    margin-right: 0.1%;
}
/* Row Content Wrapper--------------End-*/

/*Page Element ------------------------------------------Start*/



/*Page Element ------------------------------------------End*/

/*Component Block --------------------------------------Start*/


/*Component Block --------------------------------------End*/


/* Pagination Style--------------Start-*/

/* Pagination Style--------------End-*/


/* Step Wizard --------------Start-*/

.stepactive {
    display: block;
}

.stepna {
    display: none;
}



/*Step Element*/



/* Step Wizard --------------End-*/

.closebtn {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer;
}

.closebtn:hover {
   transform: rotate(90deg);
}



/* Pad Screen ----------------------------------------------Start-*/

@media (max-width: 767px) {

    /* Main Content Wrapper -----------Start-*/


    /* Main Content Wrapper -------------End-*/
}

/* Pad Screen ----------------------------------------------End-*/

/* Mobile Screen -------------------------------------------Start-*/

@media (max-width: 549px) {

    /* Main Content Wrapper -----------Start-*/


    /* Main Content Wrapper -----------End-*/

    /*Page Element ------------------------------------------Start*/

    
    /*Page Element ------------------------------------------End*/

    /*Component Block --------------------------------------Start*/

  


    /*Component Block --------------------------------------End*/
}
/* Mobile Screen -------------------------------------------End*/
