@import "bootstrap/variables";
@import "bootstrap/mixins";
@import "custom/tab";
@import "custom/chosen";

.ordr-status{
    min-height: 230px; 
    padding: 20px;
    ul {
        li{
                padding-bottom: 5px;
                border-bottom: 1px solid $border-color;
                padding-top: 5px;
            .rightside01{
               font-weight: $font-weight-semibold;
            }
        }
    }
}
h2{
    margin-top: 20px;
}
.back-link {
    margin: 10px 5px 0 25px;
    color: $brand-primary;
    float: right;
    text-decoration: underline !important;
}
 h2{
    color: lighten($gray-base, 34.7%);
}

.order-detail{
    padding: 12px 0;
    &.left-pane{
        border-right: 1px solid $border-color;
        min-height: 278px;
         @media screen and (max-width: $screen-xs-max) {
        min-height: 175px;
    }
    }
}
.order_details{
    h3{ 
        padding: 10px 30px 8px !important;
        span{
            padding: 6px 0;
            display: block;
        }
    }
    .listing-03{
        padding: 10px 30px;
        li{
            padding: 10px 0;
            font-size: 13px;
            font-weight: $font-weight-semibold;
            .col-first{
                color:#6b6b6b;
            }
            .col-last{
                color:$dark;
            }
        }
    }
    address{
        padding:6px 30px 12px;
        font-size: 13px;
        color:lighten($gray-base, 65%);
        font-style: normal;
    }
}
.grid_table00{
    font-size: 13px;
    td{
        color: #6b6b6b;
    }
    td,th{
        font-weight: 600;
    }
    th{
        color: $dark;
    }
}
.order_amount{ 
    .amount-listing{
        padding:30px;
        li {
            font-size: 17px;
            font-weight: 500;
            padding: 5px 0;
            .col-frst{
                color: #6b6b6b;
            }
            .col-lst{
                color: $dark;
            }
        }
    }
}
.shipping-address{
    border-left: 1px solid $border-color;
}
.shipment-form{
    padding: 20px 40px 40px 30px ;
}
.original_details, .shipping-address{
    .form-group{
        margin-bottom: 23px;
    }
    label{
        color:#8e8e8e;
    }
    h3{
        padding: 15px 30px !important;
    }
}
.create-shippment{
    .grid_table00{
        padding:30px 20px;
        border-top: 1px solid $border-color;
        border-bottom: 1px solid $border-color;
        th{
            border-top: 1px solid $border-color;
        }
        table{
            border-right: 1px solid $border-color;
            border-left: 1px solid $border-color;
        }
        .form-control{
            padding: 6px 5px;
        }
    }
}
.notify{
    margin-top: 5px;
}
.shipment-info-block{
    border-left: 1px solid $border-color;
}
.order-view{
    ul li{
        border-right: 0 !important;
    }
}

.order_tab_a{
      background-color: $brand-primary;
    &.active{
            background-color: $light;
            color: #000;
    }
}



.payment-list{
    margin-top:15px;
}


#cboxOverlay{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top:0;
    background: $gray-base;
}
.cboxIframe{
    width: 100%;
    height: 100%;
    background: $light;
}


.head-title {
    font-size: 17px;
    font-weight: 400;
    border-bottom: 1px solid #f1f1f1;
    padding: 10px 25px !important;
}
.basic-infosection{
    min-height: 240px;
}
.agreement-content{
    padding: 15px 25px;
    font-weight: $font-weight-semibold;
    font-size: 13px;
}
.edit{
    margin-bottom: 10px !important;
}
.info{
    padding:15px;
    address{
        font-size: 13px;
        color: $dark;
        font-style: normal;
        font-weight: $font-weight-semibold;
    }
    .info-details {
    font-weight: $font-weight-semibold;
    font-size: 13px;
        a{
           font-weight: $font-weight-rglr;
        }
    }
    .business-name {
        font-weight: $font-weight-semibold;
        font-size: 16px;
        padding: 0 0 10px;
    }
    .img-block {
        max-width: 270px;
    }
}
.account-details , .payment-details{
    .detail_listing02{
        padding: 15px;
        li{
            padding: 9px 0;
            font-weight: $font-weight-semibold;
            font-size: 13px;
            .left{
             color:#8e8e8e;
            }
            .right{
                color:#232121;
            }
        }
    }
    .mapcontainer{
        padding: 15px;
        #map_canvas {
           
            img{
                 display: inline-block;
            }
            }
    }
}

.section_wrap{
  .head-title {
         margin-bottom: 15px;
    }
    .map_block{
        padding: 15px; 
    }
    .help-icon{
        padding: 0 30px 15px 30px;
        display: inline-block;
    }
}
.mar-left{
    margin-left:-15px;
    margin-right: -15px;
}
.tooltipbox{
    position: relative;
    .arrow{
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        background-image: url(..//images/signs.png);
        
    }
    .tooltip01{
                opacity: 0;
                visibility: hidden;
                position: absolute;
                width: 250px;
                font-size: 11px;
                background: #eee;
                padding: 5px;
                z-index: 1;
                left: -112px;
                bottom: 50px;
        &:after{
                content: " ";
                width: 0;
                height: 0;
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                border-top: 5px solid #eee;
                position: absolute;
                bottom: -5px;
                left: 117px;
        }
        }
    &:hover{
         .tooltip01{
              opacity: 1;
             visibility: visible;
             bottom: 22px;
             transition: 0.5s;
         }
    }
}
.delivery-zone{
    .left-pane{
        padding: 15px;
        ul {
            li{
                padding-bottom: 5px;
                padding-top: 5px;
            }
        }
       
    }
    .geozone-table{
     .grid_table01{
            margin: 10px;
        }
    }
    .tableBodyeven {
        > td#ajax_new_country {
            padding: 0 !important;
        }
    }
}
// #cboxClose{
//     position: absolute;
//     top:-25px;
//     right:0;
// }
.tabpane{
    padding: 20px;
}
.form-control.date_picker_field {
    background: url(../images/date-picker.png) no-repeat;
    padding-left: 30px;
}
.products_ordered{
    h3{
        padding: 10px 30px;
    }
}
.profile{
    .message_success, .message_info, .warning, .message_error{
        margin-bottom: 15px;
    }
}
.geozone-table .grid_table01 td tr{
    border-bottom: 0;
}


@media screen and (max-width: $screen-sm-max){
   .pad15{
       margin-bottom: 15px;
   } 
   .basic-infosection{
        min-height: auto;
    }
}
@media screen and (min-width: $screen-md) {
    .brd-left{
    border-left:1px solid #f1f1f1;
    }
}


@media screen and (max-width: $screen-xs-max) {
    .img-block{
        margin: 0px auto;
    }
    .order_tab {
        margin-top: 8px;
        ul {
            li{
                margin-bottom: 8px;
                // width:100%;
                .tab{
                    width: 152px;
                    height: auto;
                    font-size: 13px;
                }
                .active{
                    background: $brand-primary;
                    color:$light;
                }
            }
        }
    }
}

    @media screen and (max-width: 460px){
        .account-details .detail_listing02 li .left, .account-details .detail_listing02 li .right {
            padding: 0;
            width: 100%;
        }
        .profile-edit{
            .left-pane,.right-pane{
                padding: 0 10px;
            }
        }
        .delivery-zone{
            li{
                .left,.right{
                    width: 100%;
                    padding-left: 0;
                }
            }
        }
    }
@media screen and (max-width: $screen-xs-max){
    .order_tab{
        float: none !important;
    }
   .delivery-zone{
        .left-pane{
            ul {
                li{
                    border-bottom: 1px solid $border-color;
                      padding-bottom: 8px;
                    padding-top: 8px;
                }
            }
        }
    }
    .order_amount {
        .amount-listing {
            padding: 20px 0;
        }
    }
}

@media screen and (max-width: 619px){
    .order_tab {
        width: 100%;
        ul {
            li {
                float: none;
                a.tab{
                    width: 100%;
                    margin-bottom: 8px;
                    font-size: 14px;
                }
            }
        }
    }
   .delivery-zone{
        .left-pane{
            ul {
                li{
                    border-bottom: 1px solid $border-color;
                    padding-bottom: 8px;
                    padding-top: 8px;
                    &:last-child{
                        border-bottom: 0;
                    }
                    .left,.right{
                        padding-left: 0;
                    }
                }
            }
        }
    }
}

@import "rtl/details_rtl";

