body {
    margin: 0;
    padding: 0;
    direction: rtl;
}

/*
    -------sabfiori Theme-------
*/
/*.ReceptionForm .receptionSubmit {
    padding: 10px;
    background-color: #39f;
    border-color: #47a3ff;
}

.ReceptionForm .receptionSubmitBox {
    border: 1px solid #ccc;
}

.ReceptionForm .receptionSubmitBox .footersubmit {
    float: left !important;
}

.ReceptionForm .receptionSubmitBox label {
    float: left;
    padding-top: 7px;
    font-size: 16px;
}*/
.hidden {
    display: none !important;
}

.hide {
    display: none !important;
}
.tileBoxReception {
    box-shadow: none;
    border: 1px solid #e5e5e5;
}

.ReceptionSearchBox {
    padding: 0 0 10px 11px;
}

.ReceptionForm .modal-footer {
    /*padding: 15px 0 11px 11px;*/
    padding: 15px 0 0 11px;
}

.ReceptionForm .sw-theme-arrows {
    border: none;
}

.ReceptionForm .panel {
    box-shadow: none !important;
    border: none !important;
    background: transparent;
    margin-bottom: 0;
}

.ReceptionForm .container-fluid {
    /*padding-right: 9px;*/
    padding-right: 5px;
    padding-left: 1px;
}

.ReceptionForm .row {
    /*margin-right: -9px;*/
    margin-right: -4px;
}

.ReceptionForm .tab-pane .row {
    /*margin-right: -9px;*/
    margin-right: -5px;
}
/*.vehicleStatusEdit > .row {
    margin-right: -4px;
}

.vehicleStatusEdit .col-xs-1, .vehicleStatusEdit .col-xs-2, .vehicleStatusEdit .col-xs-3, .vehicleStatusEdit .col-xs-4, .vehicleStatusEdit .col-xs-5, .vehicleStatusEdit .col-xs-6, .vehicleStatusEdit .col-xs-7, .vehicleStatusEdit .col-xs-8, .vehicleStatusEdit .col-xs-9, .vehicleStatusEdit .col-xs-10, .vehicleStatusEdit .col-xs-11, .vehicleStatusEdit .col-xs-12, .vehicleStatusEdit .col-sm-1, .vehicleStatusEdit .col-sm-2, .vehicleStatusEdit .col-sm-3, .vehicleStatusEdit .col-sm-4, .vehicleStatusEdit .col-sm-5, .vehicleStatusEdit .col-sm-6, .vehicleStatusEdit .col-sm-7, .vehicleStatusEdit .col-sm-8, .vehicleStatusEdit .col-sm-9, .vehicleStatusEdit .col-sm-10, .vehicleStatusEdit .col-sm-11, .vehicleStatusEdit .col-sm-12, .vehicleStatusEdit .col-md-1, .vehicleStatusEdit .col-md-2, .vehicleStatusEdit .col-md-3, .vehicleStatusEdit .col-md-4, .vehicleStatusEdit .col-md-5, .vehicleStatusEdit .col-md-6, .vehicleStatusEdit .col-md-7, .vehicleStatusEdit .col-md-8, .vehicleStatusEdit .col-md-9, .vehicleStatusEdit .col-md-10, .vehicleStatusEdit .col-md-11, .vehicleStatusEdit .col-md-12, .vehicleStatusEdit .col-lg-1, .vehicleStatusEdit .col-lg-2, .vehicleStatusEdit .col-lg-3, .vehicleStatusEdit .col-lg-4, .vehicleStatusEdit .col-lg-5, .vehicleStatusEdit .col-lg-6, .vehicleStatusEdit .col-lg-7, .vehicleStatusEdit .col-lg-8, .vehicleStatusEdit .col-lg-9, .vehicleStatusEdit .col-lg-10, .vehicleStatusEdit .col-lg-11, .vehicleStatusEdit .col-lg-12 {
    padding-right: 5px;
    padding-left: 5px;
}*/

.ReceptionForm .sw-theme-arrows .step-content {
    background: transparent;
    padding: 0 0;
}

/*.reception-tile {
    height: 237px;
    background: #fff;
    box-shadow: 1px 1px 3px rgba(119, 119, 119, 0.4);
}*/

.reception-vehiclestatus {
    /*margin: 0 10px 15px 10px;*/
    padding: 3px;
    /*background: #fff;*/
    /*box-shadow: 3px 3px 5px rgba(119, 119, 119, 0.5);*/
    /*box-shadow: 1px 1px 3px rgba(119, 119, 119, 0.4);*/
}

.reception-vehiclestatus-container {
    padding: 0 12px;
}

    .reception-vehiclestatus-container .mainform {
        max-height: 170px;
        overflow-x: hidden;
        overflow-y: auto;
        /*direction: ltr;*/
    }

.tileBox .checkbox-frame-fieldset, .tileBoxWithoutHeight .checkbox-frame-fieldset {
    border: none !important;
    padding-right: 11px !important;
}

.tileBox .checkbox-frame-scroll, .tileBoxWithoutHeight .checkbox-frame-scroll {
    max-height: 178px;
}

.tileBox legend h6, .tileBoxWithoutHeight legend h6 {
    padding-top: 5px;
    padding-bottom: 10px;
    font-size: 14px;
    font-family: 'IRANSans';
    font-weight:bold;
    color: #004a80;
    margin-top: 0;
    margin-bottom: 5px;
}

/*
    ----FormWizard----
*/
.reception-icon {
    border: none !important;
    background: transparent !important;
    margin: 0 auto !important;
    float: none !important;
    font-size: 35px !important;
    outline: none !important;
    text-decoration: none !important;
    color: #777;
}

    .reception-icon:hover, .reception-icon:focus {
        text-decoration: none !important;
        outline: none !important;
        color: #3399ff;
    }

.searchSubscriber, .SearchChassisGuarantee {
    margin: 2px 10px 16px 0 !important;
    font-size: 20px !important;
}

a.searchSubscriber:hover {
    text-decoration: none;
}

.ReceptionForm .leftPart {
    border: 1px solid #989898;
    background-color: #bfbfbf;
    height: 630px;
}

/*.ReceptionForm .ReceptionDetail {
    background-color: #d6e6f4;
    border: 1px solid #cbcbcb;
    padding: 3px;
    overflow: hidden;
}*/
.ReceptionDetail {
    background-color: #eae8e8 !important;
    background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, .6) 0, rgba(255, 255, 255, 0) 100%) !important;
}

    .ReceptionDetail .iconDetailBar {
        border: 1px solid #cbcbcb;
        border-bottom: 0;
        border-top: 0 !important;
        /*background-color: #d6e6f4;*/
        height: 25px;
        padding: 2px 3px 0 3px;
    }

    .ReceptionDetail .labelDetailBar {
        border: 1px solid #cbcbcb;
        border-top: 0;
        /*background-color: #d6e6f4;*/
        overflow: hidden;
        padding: 0px 3px 3px 3px;
    }

.ReceptionForm .ReceptionTopMenu {
    height: 80px;
    background-color: #D3E1FC;
    border: 1px solid #989898;
}

.ReceptionForm .ReceptionContainer {
    border: 1px solid #d8d8d8;
    padding: 10px;
    height: 500px;
}

.ReceptionForm .ReceptionContent {
    background-color: #5A9AD7;
    height: 400px;
    width: 100%;
}

.ReceptionForm .ReceptionBottomMenu {
    border: 1px solid #989898;
    background-color: #bfbfbf;
    width: 100%;
    height: 100%;
}

.ReceptionForm #FormWizard_ShowTabs,
.ReceptionForm .FormWizard_ShowTabs {
    float: right !important;
    padding: 0 !important;
    font-size: 22px !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.ReceptionDetail .labelDetailBar .ReceptionDetailLabels {
    float: right;
    margin-left: 85px;
    margin-right: 0px;
}

.ReceptionDetail .iconDetailBar .reception-icon {
    float: left !important;
    padding: 0 !important;
    margin-right: 5px !important;
    font-size: 22px !important;
}

.ReceptionDetail .iconDetailBar #search a {
    text-decoration: none;
    color: #777;
}

    .ReceptionDetail .iconDetailBar #search a:hover,
    .ReceptionDetail .iconDetailBar .dropdown .reception-icon:hover {
        text-decoration: none;
        color: #3399ff;
    }

.ReceptionDetail .iconDetailBar, .ReceptionDetail .labelDetailBar {
    clear: both;
}

/*
    ----DropMenu css----
*/

.ReceptionDetail .dropdown-menu > li > a {
    font-weight: bold;
    text-align: right;
}

.ReceptionDetail .dropdown-menu {
    top: 20px;
    right: auto;
    left: 0px;
}

.ReceptionDetail .receptionRelatedProcessMenu {
    left: 0px;
}

.ReceptionDetail .receptionPrintMenu {
    left: 28px;
}
/*.ReceptionDetail .iconDetailBar .dropdown {
    position: absolute;
}*/
/*----------------------*/

#base {
    background: red;
    display: inline-block;
    height: 55px;
    margin-left: 20px;
    margin-top: 55px;
    position: relative;
    width: 57px;
}

    #base:before {
        border-left: 35px solid red;
        border-top: 30px solid transparent;
        border-bottom: 25px solid transparent;
        content: "";
        height: 0;
        top: 0px;
        position: absolute;
        left: 57px;
        width: 0;
    }

    #base:after {
        border-left: 35px solid white;
        border-top: 28px solid transparent;
        border-bottom: 28px solid transparent;
        content: "";
        height: 0;
        top: 0;
        position: absolute;
        right: 23px;
        width: 0;
    }

/*form wizard setting*/
.sw-theme-arrows > ul.step-anchor > li > a, .sw-theme-arrows > ul.step-anchor > li > a:hover {
    padding: 5px 40px 3px 10px;
    cursor: not-allowed;
}

/*.sw-theme-arrows > ul.step-anchor > li > a:hover {
        padding-right: 30px;
    }*/

/*.sw-theme-arrows > ul.step-anchor > li:first-child > a {
    padding-right: 30px;
    padding-left: 0;
}

    .sw-theme-arrows > ul.step-anchor > li:first-child > a:hover {
        padding-right: 30px;
    }*/

/*@media screen and (max-width: 1199px) {*/
@media screen and (max-width: 991px) {
    .sw-theme-arrows > ul.step-anchor {
        display: none;
    }
}

/*@media screen and (min-width: 1200px) {*/
@media screen and (min-width: 992px) {
    .sw-theme-arrows > ul.step-anchor {
        display: block;
    }
}
/*--------change wizard border direction----------*/
/*-------stepWizard Changes------*/
.sw-theme-arrows .step-content {
    text-align: right;
}


/*========================================*/
/* SmartWizard Theme: Arrows */
.sw-theme-arrows > ul.step-anchor > li > a:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    /*border-top: 10.5px solid transparent;
    border-bottom: 14.5px solid transparent;*/
    border-top: 25px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 10px solid #f5f5f5;
    position: absolute;
    top: 50%;
    /*margin-top: -11.5px;*/
    margin-top: -13px;
    left: 100%;
    z-index: 2;
}

.sw-theme-arrows > ul.step-anchor > li > a:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    /*border-top: 10.5px solid transparent;
    border-bottom: 13.5px solid transparent;*/
    border-top: 26px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 10px solid #ddd;
    position: absolute;
    top: 50%;
    /*margin-top: -11.5px;*/
    margin-top: -13.5px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}

.sw-theme-arrows > ul.step-anchor > li > a:hover {
    color: #bbb;
    text-decoration: none;
    outline-style: none;
    background: #f5f5f5;
    border-color: transparent;
}

.sw-theme-arrows > ul.step-anchor > li.open > a:hover {
    background: #0072bc;
}

.sw-theme-arrows > ul.step-anchor > li > a:hover:after {
    border-left-color: #f5f5f5;
}

.sw-theme-arrows > ul.step-anchor > li.active > a {
    /*border-color: #f7931e !important;*/
    color: #fff !important;
    background: #f7931e !important;
}

    .sw-theme-arrows > ul.step-anchor > li.active > a:after {
        border-left: 10px solid #f7931e;
    }

.sw-theme-arrows > ul.step-anchor > li.danger > a {
    border-color: #d9534f !important;
    color: #d9534f !important;
    background: #fff !important;
}

.sw-theme-arrows > ul.step-anchor > li.disabled > a, .sw-theme-arrows > ul.step-anchor > li.disabled > a:hover {
    color: #eee !important;
}

/* Responsive CSS */
/*befor was-->(max-width: 768px) changed by gh*/
/*@media screen and (max-width: 1199px) {*/
@media screen and (max-width: 991px) {
    .sw-theme-arrows > ul.step-anchor {
        border: 0;
        background: #ddd !important;
    }

    .sw-theme-arrows > .nav-tabs > li {
        float: none !important;
        margin-bottom: 0;
    }

    .sw-theme-arrows > ul.step-anchor > li > a, .sw-theme-arrows > ul.step-anchor > li > a:hover {
        padding-left: 10.5px;
        margin-right: 0;
        margin-bottom: 1px;
    }

        .sw-theme-arrows > ul.step-anchor > li > a:after, .sw-theme-arrows > ul.step-anchor > li > a:before {
            display: none;
        }
}

/* Loader Animation
Courtesy: http://bootsnipp.com/snippets/featured/loading-button-effect-no-js
*/
@-webkit-keyframes ld {
    0% {
        transform: rotate(0deg) scale(1);
    }

    50% {
        transform: rotate(180deg) scale(1.1);
    }

    100% {
        transform: rotate(360deg) scale(1);
    }
}

@-moz-keyframes ld {
    0% {
        transform: rotate(0deg) scale(1);
    }

    50% {
        transform: rotate(180deg) scale(1.1);
    }

    100% {
        transform: rotate(360deg) scale(1);
    }
}

@-o-keyframes ld {
    0% {
        transform: rotate(0deg) scale(1);
    }

    50% {
        transform: rotate(180deg) scale(1.1);
    }

    100% {
        transform: rotate(360deg) scale(1);
    }
}

@keyframes ld {
    0% {
        transform: rotate(0deg) scale(1);
    }

    50% {
        transform: rotate(180deg) scale(1.1);
    }

    100% {
        transform: rotate(360deg) scale(1);
    }
}

.sw-theme-arrows > ul.step-anchor > li.loading:before {
    content: '';
    display: inline-block;
    position: absolute;
    background: transparent;
    border-radius: 50%;
    box-sizing: border-box;
    border: 2px solid #fff;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #4285f4;
    border-right-color: #4285f4;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
    width: 32px;
    height: 32px;
    z-index: 99;
    -webkit-animation: ld 1s ease-in-out infinite;
    -moz-animation: ld 1s ease-in-out infinite;
    -o-animation: ld 1s ease-in-out infinite;
    animation: ld 1s ease-in-out infinite;
}

.sw-theme-arrows > ul.step-anchor > li > a:before {
    border-left: 0;
    /*border-right: 10px solid #ddd;*/
    border-right: 11px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-left: 0;
    margin-right: 1px;
    left: initial;
    right: 100%;
}

.sw-theme-arrows > ul.step-anchor > li > a:after {
    /*border-right: 10px solid #f5f5f5;*/
    border-right: 11px solid #f5f5f5;
    border-left: 0;
    right: 100%;
    left: initial;
}



.sw-theme-arrows > ul.step-anchor > li.open > a:after {
    /*border-right: 10px solid #0072bc !important;*/
    border-right: 11px solid #0072bc !important;
    border-left: 0;
}

.sw-theme-arrows > ul.step-anchor > li.submit > a {
    /*border-color: #004a80 !important;*/
    color: #fff !important;
    background: #004a80 !important;
}

    .sw-theme-arrows > ul.step-anchor > li.submit > a:after {
        /*border-right: 10px solid #004a80 !important;*/
        border-right: 11px solid #004a80 !important;
        border-left: 0;
    }

.sw-theme-arrows > ul.step-anchor > li.active > a {
    /*border-color: #f7931e !important;*/
    color: #fff !important;
    background: #f7931e !important;
}

    .sw-theme-arrows > ul.step-anchor > li.active > a:after {
        /*border-right: 10px solid #f7931e !important;*/
        border-right: 11px solid #f7931e !important;
        border-left: 0;
    }

.sw-theme-arrows > ul.step-anchor > li.active > a,
.sw-theme-arrows > ul.step-anchor > li.submit > a,
.sw-theme-arrows > ul.step-anchor > li.open > a,
.sw-theme-arrows > ul.step-anchor > li.done > a {
    cursor: pointer;
}

/*.sw-theme-arrows > ul.step-anchor > li > a, .sw-theme-arrows > ul.step-anchor > li > a:hover {
    border-top: 1px solid #ddd!important;
    border-bottom: 1px solid #ddd!important;
}*/
.sw-theme-arrows > ul.step-anchor > li > a {
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
}

    .sw-theme-arrows > ul.step-anchor > li > a:hover {
        /*border: initial!important;*/
    }


.sw-theme-arrows > ul.step-anchor > li {
    margin-right: 2px;
}

    .sw-theme-arrows > ul.step-anchor > li > a:focus,
    .sw-theme-arrows > ul.step-anchor > li.open > a,
    .sw-theme-arrows > ul.step-anchor > li.open > a:focus,
    .sw-theme-arrows > ul.step-anchor > li.open > a:hover {
        font-family: 'IRANSans' !important;
    }

/*.nav .open > a, .nav .open > a:hover, .nav .open > a:focus*/