.tableBox  form{
    display: flex;
    justify-content: space-between;
    background: #ebeff1;
    padding: 10px;
    padding-bottom:5px;
}
.tableBox  form i.searchReset
.tableBox{
    background: #fff;
    padding:10px;
    /*box-shadow: 0 0 15px rgba(69,84,95,.55);*/
}

@media screen and (max-width:414px){
    .tableBox{
        padding:0;
    }
}
.tableBox label.control-label{
    font-size: 16px;
    color: #818894;
    text-transform: inherit;
    float: left;
    line-height: 42px;
    margin-bottom: 0px;
    margin-right: 10px;
}
body.rtl .tableBox label.control-label{
    float: right;
    margin-right: 0;
    margin-left: 10px;
}
.tableBox select.form-control{
    width: auto;
    padding-left: 5px;
    padding-right: 5px;
}
body.rtl .tableBox .form-group.search .form-control {
    float: left;
}
.tableBox .form-group.search .form-control {
    width: 20px;
    float: right;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing:border-box;
    height:44px;
    /*margin-right:10px;*/
}

.tableBox .form-group.search{
    position: relative;
    float: right;
    max-width: 92% !important;
}
.tableBox .form-group.search > .iop {
    top: 15px;
    right:12px;
    font-size:15px;
    cursor: pointer;
    position: absolute;
    background: #fff;
}

.tableBox form .form-group.search + i.searchReset{
    position:absolute;
    margin:0 0 0;
    right:0px;
    top:0px;
}
#stakeholderhub.service-com .tableBox form .form-group.search + i.searchReset,
#Investor_License_Tracker .tableBox form .form-group.search + i.searchReset{
    right: 0px;
    top: 13px;
}
#stakeholderhub.service-com .tableBox form .form-group.search + i.searchReset{
    right:15px;
}
body.rtl .tableBox .form-group.search{
    float:left;
}
body.rtl .tableBox .form-group.search > .iop { /*RTL Language*/
    right: auto;
    top:16px;
    left:14px;
}
body.rtl .tableBox form .form-group.search + i.searchReset{
    right:inherit !important;
    left:10px;
}
 .tableBox .form-group.search.input-focused .form-control,
 .tableBox .form-group.search.input-has-value .form-control{    
    width:100% !important;
    padding-right:2rem;
}

.panel{
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: rgb(255, 255, 255);
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.panel-heading {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    color:#fff;
    background-color: rgb(0, 123, 255)!important;
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.panel-primary {
    border-color: rgb(0, 123, 255)!important;
}
.bg-primary {
    background-color: rgb(0, 123, 255)!important;
}

.kartik-sheet-style {
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
}
.kv-detail-content {
    padding-left:50px;
    overflow:hidden;
}
.kv-button-stack {
    text-align: center;
}
.kv-button-stack .btn {
    margin-bottom: 5px;
}
.kv-panel-pager {
    min-height:40px !important;
    height:auto !important;
    float:left;
    width:100%;
    position:relative;
}
@media screen and (max-width: 1024px) {
    .kv-detail-content {
        max-width: 768px;
        padding-left: 5px;
    }
}
@media screen and (max-width: 767px) {
    .kv-detail-content {
        max-width: 460px;
        padding: 0 5px;
    }
    .kv-detail-content .img-thumbnail {
        width: 200px;
        text-align: center;
        margin-bottom: 20px;
    }
    .kv-panel-pager .pagination{
        flex-wrap:wrap;
    }
    .kv-panel-pager .pagination li{
        margin-top:5px;
    }
    
    body.rtl .table-bordered td.skip-export .profile-link{
        float:none !important;
        margin-left:10px;
    }
   
}
@media screen and (max-width: 520px) {
    .kv-detail-content {
        width: 350px;
    }
}
@media screen and (max-width: 420px) {
    .kv-detail-content {
        width: 260px;
    }
}
@media screen and (max-width: 300px) {
    .kv-detail-content .table {
        width: auto;
    }
    .kv-button-stack {
        text-align: left;
    }
}
.table-bordered thead td, .table-bordered thead th {
    border-bottom-width: 2px;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid rgb(222, 226, 230);
}
.table thead th{
    color: rgb(0, 123, 255);
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    -webkit-text-decoration-skip: objects;
}
/*.grid-view th {
    white-space: nowrap;
}*/
.table-bordered td, .table-bordered th {
    border: 1px solid rgb(222, 226, 230);
}
.table thead tr td input[type="text"].form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: rgb(73, 80, 87);
    background-color: rgb(255, 255, 255);
    background-clip: padding-box;
    border: 1px solid rgb(206, 212, 218);
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.kv-panel-after {
    display:none;
    padding: 10px;
    border-top: 1px solid rgb(221, 221, 221);
}

.panel-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
}

.panel-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0,0,0,.03);
    border-top: 1px solid rgba(0,0,0,.125);
}
.kv-panel-pager .pagination {
    margin: 0 0 -5px;
    padding: 0;
}
/****** PAGINATION START HERE *******/
    .pagination {
        float:right;
        padding-left: 0;
        list-style: none;
        border-radius: .25rem;
    }

    .pagination li.disabled .span {
        color: rgb(108, 117, 125);
        pointer-events: none;
        cursor: auto;
        background-color: rgb(255, 255, 255);
        border-color: rgb(222, 226, 230);
    }

    .pagination li{
        margin-left: 5px;
    }
    .pagination li:first-child{
        margin-left:0px;
    }
    .pagination li span,
    .pagination li a{
        position: relative;
        display: block;
        padding: .5rem .75rem;
        line-height: 1.25;
        color: #8b999f;
        background-color: rgb(255, 255, 255);
        border: 1px solid #b4bec8;
    }
    .pagination li a:hover,
    .pagination li.active a,
    .pagination li span:hover,
    .pagination li.active span {
        z-index: 1;
        color: rgb(255, 255, 255);
        background-color: #8b999f;
        border-color: #b4bec8;
    }

    .pagination li:not(:disabled):not(.disabled) {
        cursor: pointer;
    }
    .pagination li.prev span,
    .pagination li:first-child span {
        margin-left: 0;
        border-top-left-radius: .25rem;
        border-bottom-left-radius: .25rem;
    }
    .pagination li:last-child a {
        border-top-right-radius: .25rem;
        border-bottom-right-radius: .25rem;
    }
    /**** BODY RTL START HERE *****/
    
    body.rtl .pagination {
        float:left;
    }
    body.rtl .pagination li{
        margin-left:0px;
        margin-right:5px;
    }

    body.rtl .pagination li:first-child{
        margin-left:0px;
        margin-right:0;
    }
    
    body.rtl .pagination li:first-child,
    body.rtl .tablebox .pagination li:first-child{
        margin-left:0px;
        margin-right:0.71429em;
    }
    body.rtl .pagination li.prev a,
    body.rtl .pagination li.prev span,
    body.rtl .tablebox .pagination li.prev a,
    body.rtl .tablebox .pagination li.prev span{
        border-top-left-radius: 0;
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: .25rem;
    }
    body.rtl .pagination li.next a,
    body.rtl .pagination li.next span,
    body.rtl .tablebox .pagination li.prev a,
    body.rtl .tablebox .pagination li.prev span{
        border-top-left-radius: .25rem;
        border-top-right-radius: 0;
        border-bottom-left-radius: .25rem;
        border-bottom-right-radius: 0;
    }
    /**** BODY RTL END HERE *****/
    
/****** PAGINATION END HERE *******/    
.daterangepicker {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    
    margin-right:-0.625rem;
    margin-left: -0.625rem;
    
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    right:30px !important;
    min-width:50% !important;
}
.daterangepicker.opensright:before {
    left: 50% !important;
}
.daterangepicker.opensright:after{
    left: 50.2%  !important;
}
.daterangepicker .drp-buttons{
    float:left;
    width:100%;
}
#mastersprocedureindex .tableBox .datatablelst table tbody > tr:hover {
    border-left: 5px solid #0e71bf;
}
body.rtl#mastersprocedureindex .tableBox select.form-control{
    float:right !important;
}
body.rtl .citymst-tbl-index .btn-group{
    margin-right:0px;
}
 body.rtl .citymst-tbl-index .btn-group:last-child{
       margin-right:10px !important;
}
body.rtl #licensauthoritiesmsttbl-lam_status label.radio-inline input{
        margin-right:-25px;
}
body.rtl#trackerliczonetracker #licenseGridLst .tableBox form .form-group.search i.searchReset {
    left: -25px;
    right: auto !important;
}
#trackermarkettracker .tableBox .form-group.search .form-control{
    background:#fff;
}
#trackermarkettracker .tableBox .form-group.search + i.searchReset{
    right:12px;
    top:14px;
}
body.rtl .tableBox .form-group.search.input-focused .form-control,
body.rtl .tableBox .form-group.search.input-has-value .form-control{
    padding-left:2rem;
}
body.rtl#projectproject-owner-search .tableBox .form-group.search i.searchReset{
        left:-30px;
    }
body.rtl#trackerowner-approval .tableBox .form-group.search i.searchReset {
    left:-30px;
} 
@media (max-width:768px){
    body.rtl#mastersprocedureindex .tableBox .form-group.search i.searchReset  {
        left:-30px;
    }
}
@media (max-width:767px){
    #trackerlicense .tableBox form{
       display:inline-block !important;
       width:100% !important;
    }
    #trackerlicense .tableBox form .form-control.w-100{
       width:87% !important;
       max-width:250px;
    }
    #trackerlicense .d-flex.pagination-style, .d-flex.pagination-style{
       flex-direction:column;
    }
    #trackerlicense .d-flex.pagination-style .pagination, .d-flex.pagination-style .pagination{
        flex-wrap:wrap;
        margin-top:5px;
    }
    #trackerlicense .d-flex.pagination-style .pagination li, .d-flex.pagination-style .pagination li{
        margin-bottom:5px;
    }
    body.rtl #mastersprocedureindex .tableBox .form-group.search i.searchReset ,
    body.rtl #projectproject-owner-search .tableBox .form-group.search i.searchReset{
        left:-30px;
    }
    #trackerliczonetracker #licenseGridLst .tableBox form,
    #projectproject-owner-search .tableBox form{
        display: inline-block !important;
        width: 100%;
    }
 
    #OwnerAprLstTab .tableBox form, #projectSubmital .tableBox form, #proposalSubmital .tableBox form{
       display:inline-block !important;
       width:100% !important;
    }
    
}
@media (min-width:768px){
    body.rtl#mastersprocedureindex .tableBox .form-group.search i.searchReset  {
        left:-30px;
    }
    
}