@import url('../Font.css');

/*Header*/
.Tab .ajax__tab_header {
    color: #4682b4;
    font-family:BYekan;
    font-size: 17px;
    height: 40px;
 align-content:center;
 float:right;
}
/*Body*/
.Tab .ajax__tab_body {
   /* border: 1px solid #cacbce;*/
    padding: 5px;
    margin-top: 2px;
    margin-bottom:5%;
    float: right;
    width: 100%;
    max-width: 150rem;
}

/*Tab Active*/
.Tab .ajax__tab_active .ajax__tab_tab {
    color: black;
    height: 40px;
    width: 150px;
    border-top: 2px solid #f51b59;
    /* background: #5c686d;
    background: linear-gradient(to bottom, #a6a6a6 -30%, #ffffff 99%);*/
    /*background: -webkit-linear-gradient(to bottom, #a6a6a6 -30%, #ffffff 99%);*/
    /*background: -moz-linear-gradient(top, #7dc8eb, #6fb8db 50%, #60a8ca 51%, #549bbc);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7dc8eb), color-stop(.9, #6fb8db), color-stop(.5, #60a8ca), to(#549bbc));*/
}

.Tab .ajax__tab_active .ajax__tab_inner {
    color: Red;
    /*background: url("../../../Img/download.png") no-repeat left;*/
    padding-left: 2px;
    width: 150px;
}

.Tab .ajax__tab_active .ajax__tab_outer {
    color: Blue;
    /*background: url("../../../Img/download.png") no-repeat right;*/
    padding-right: 0px;
}
/*Tab Hover*/
.Tab .ajax__tab_hover .ajax__tab_tab {
    color: #022f93;
    height: 40px;
}

.Tab .ajax__tab_hover .ajax__tab_inner {
    color:black;
    height: 40px;
}

.Tab .ajax__tab_hover .ajax__tab_outer /*select*/ {
    color: Red;
}
/*Tab Inactive*/
.Tab .ajax__tab_tab {
    color: black;
    border-top: 1px solid #cacbce;
    border-left: 1px solid #cacbce;
    border-right: 1px solid #cacbce;
    height: 40px;
    width: 150px;
    background: #338db8;
    background: linear-gradient(to bottom, #e7da0a -30%, #ffffff 99%);
    /*background: -moz-linear-gradient(top, #588cf5, #487be4 50%, #3b6dd4 51%, #3262c3);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #588cf5), color-stop(.9, #487be4), color-stop(.5, #3b6dd4), to(#3262c3));*/
}

.Tab .ajax__tab_inner {
    /*background: url("../../tab_left_inactive.gif") no-repeat left;*/
    padding-left: 1px;
}

.Tab .ajax__tab_outer {
    color: #666666;
    padding-right: 0px;
    margin-right: 0px;
}

/*------------- Tab Wizard --------------------*/

/*Header*/
.TabWizard .ajax__tab_header {
    color: #4682b4;
    font-family: BYekan;
    font-size: 17px;
    height: 40px;
    float: right;
    visibility: hidden;
}
/*Body*/
.TabWizard .ajax__tab_body {
    /*border: 1px solid #cacbce;*/
    padding: 5px;
    margin-top: 2px;
    margin-bottom: 5%;
    float: right;
    width: 100%;
    max-width: 150rem;
}

/*Tab Active*/
.TabWizard .ajax__tab_active .ajax__tab_tab {
    color: black;
    height: 40px;
    width: 150px;
    /*border-top: 2px solid #fd057a;*/
    background: #5c686d;
    background: linear-gradient(to bottom, #a6a6a6 -30%, #ffffff 99%);
    /*background: -webkit-linear-gradient(to bottom, #a6a6a6 -30%, #ffffff 99%);*/
    /*background: -moz-linear-gradient(top, #7dc8eb, #6fb8db 50%, #60a8ca 51%, #549bbc);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7dc8eb), color-stop(.9, #6fb8db), color-stop(.5, #60a8ca), to(#549bbc));*/
}

.TabWizard .ajax__tab_active .ajax__tab_inner {
    color: Red;
    /*background: url("../../../Img/download.png") no-repeat left;*/
    padding-left: 2px;
    width: 150px;
}

.TabWizard .ajax__tab_active .ajax__tab_outer {
    color: Blue;
    /*background: url("../../../Img/download.png") no-repeat right;*/
    padding-right: 0px;
}
/*Tab Hover*/
.TabWizard .ajax__tab_hover .ajax__tab_tab {
    color: #022f93;
    height: 40px;
}

.TabWizard .ajax__tab_hover .ajax__tab_inner {
    color: black;
    height: 40px;
}

.TabWizard .ajax__tab_hover .ajax__tab_outer /*select*/ {
    color: Red;
}
/*Tab Inactive*/
.TabWizard .ajax__tab_tab {
    color: black;
    border-top: 1px solid #cacbce;
    border-left: 1px solid #cacbce;
    border-right: 1px solid #cacbce;
    height: 40px;
    width: 150px;
    background: #338db8;
    background: linear-gradient(to bottom, #a6a6a6 -30%, #ffffff 99%);
    /*background: -moz-linear-gradient(top, #588cf5, #487be4 50%, #3b6dd4 51%, #3262c3);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #588cf5), color-stop(.9, #487be4), color-stop(.5, #3b6dd4), to(#3262c3));*/
}

.TabWizard .ajax__tab_inner {
    /*background: url("../../tab_left_inactive.gif") no-repeat left;*/
    padding-left: 1px;
}

.TabWizard .ajax__tab_outer {
    color: #666666;
    padding-right: 0px;
    margin-right: 0px;
}



.Tapanel {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    /* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
   
}

@media (max-width: 768px) {
    .Tapanel {
        width: 300px;
        left: 0px;
    }

    .btnlistcar {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .btntypecar {
        border: 0px;
    }

    .TabWizard
    {
        margin-top:2px;
        padding-top:0px;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* Styles */
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    /* Styles */
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    /* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
    /* Styles */
}