@import "bootstrap/variables";
@import "bootstrap/mixins";


.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;
            }
        }
    }
}
.content-block{
    padding: 0;
}
h2{
    margin-top: 20px;
}
.back-link {
    margin: 10px 5px 0 25px;
    text-decoration: underline !important;
    color: lighten($gray-base, 35%);
}
.content-tab-block{
    h2{
        color: lighten($gray-base, 34.7%);
    }
}
.order-detail{
    padding: 12px 0;
    &.left-pane{
        border-right: 1px solid $border-color;
        min-height: 278px;
    }
}
.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:12px 30px;
        font-size: 13px;
        font-weight: $font-weight-semibold;
        color:$dark;
        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{
        ul{
            li{
    border-right:1px solid #187533
}
            :nth-chiild{
              border-right:none;
            }
    }
}

.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;
         }
    }
}
@media screen and (max-width: $screen-md){
   .pad15{
       margin-bottom: 15px;
   } 
  
}
@media screen and (min-width: $screen-md){
    .brd-left{
    border-left:1px solid #f1f1f1;
    }
}
@media screen and (max-width: $screen-sm){
    .img-block{
        margin: 0px auto;
    }
}

@media screen and (max-width: $screen-sm){
    .order_tab{
        float: none !important;
    }
    .order_tab ul li{
        width:100%;
        .tab{
            width:100%;
        }
        .active{
        background: $brand-primary;
        color:$light;
    }
    }
  
}