/*== Important Css ==*/
  body, html {font-family: 'Roboto', sans-serif;height:100%;background:#f4f3fa;min-height:100vh;}
  a{text-decoration:none !important;}
  .full {width:100%;float:left;}

  li{list-style:none;}

span.communication-response-lable {
    background: aquamarine;
    padding: 4px 8px;
    margin-left: 5px;
    border-radius: 5px;
    color: #000;
}
a.mycommunicatin_edit.btn.btn-warning {
    padding: 2px 0;
    margin-left: 6px;
}

  /*signup-page-css*/

  .sign-up-page{background:#f4f8fc;height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-perspective: 1500px;
            perspective: 1500px;}


.table-scroll thead th { min-width: 120px!important; max-width: 120px;}
  .table-scroll { overflow: hidden; }
  .bottom_table_scre .table-scroll { overflow: auto; }
  .schedule_inner { max-height: 350px;overflow: auto;margin-top: -6px;width: 100%;overflow-y:scroll; }
 
  .sign-up-page .signup-page-deatils{width: 95%;
      
      height:640px;
      position: relative;
      border-radius: 20px;
      box-shadow: 0 14px 28px -10px rgba(0, 0, 0, 0.1), 0 10px 10px -10px rgba(0, 0, 0, 0.02);
      -webkit-transform-style: preserve-3d;
      transform-style: preserve-3d;}

  .sign-up-page .client-login{
    position: absolute;
      width: 30%;
      min-width: 350px;
      height: 100%;
      top: 0;
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      
  }

  .sign-up-page .logingard{
    background: #ffffff;right:0;
      border-radius:0 20px 20px 0 ;width:54%;
  }


  .sign-up-page .client-content {
      width: 100%;
      padding: 20px 40px;
      
  }

  .inv-attachment-seprate-div {
    width: 100px;
    height: 80px;
    overflow: hidden;
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 5px;
    position: relative;display: inline-flex;
    align-items: center;    vertical-align: top;
    justify-content: center;
}
.inv-attachment-seprate-div a.deleteAttachment { position: absolute;  right: 5px;  top: 5px;    padding: 1px 5px;
    font-size: 11px;}
.inv-attachment-seprate-div .fa-file-pdf-o {font-size: 26px;}
.inv-attachment-seprate-div .fa-file-excel-o {font-size: 26px;}
.inv-attachment-seprate-div img {max-width: 100% !important;}


  .sign-up-page .client-content h1{color:#27367a;font-size:30px;font-weight:600;}
  .sign-up-page .client-content p{color:#70737f;font-size:18px;margin-bottom:20px;}

  .sign-up-page .sign-up-page-img{left: 0;color: #fff;border-radius:20px 0 0 20px;
    overflow:hidden;width: 46%;border-right: 2px solid #e7edf4;background: #fff; }



  .form-wrapper {

  }

  .sign-up-page .form-group {
    position: relative;margin-bottom: 2rem;
  }
  .sign-up-page .sign-up-page .form-group + .form-group {
    margin-top: 30px;
  }

  .sign-up-page .form-label {
    position: absolute;
    left:10px;
    top: 15px;
    color: #666666;
    background-color: #fff;
    z-index: 10;
    -webkit-transition: font-size 150ms ease-out, -webkit-transform 150ms ease-out;
    transition: font-size 150ms ease-out, -webkit-transform 150ms ease-out;
    transition: transform 150ms ease-out, font-size 150ms ease-out;
    transition: transform 150ms ease-out, font-size 150ms ease-out, -webkit-transform 150ms ease-out;
    font-size:16px;cursor: text;
  }

  .sign-up-page .focused .form-label {
    -webkit-transform: translateY(-107%);
            transform: translateY(-107%);
    font-size:18px;
  }

  .sign-up-page .form-input {
    position: relative;
    padding: 12px 0px 8px 10px;
    width: 100%;
    outline: 0;
    -webkit-transition: box-shadow 150ms ease-out;
    transition: box-shadow 150ms ease-out;font-size:18px;color:#666666;font-weight:600;
    border:solid 1px #dfe4ec;border-radius:4px;
  }

  .sign-up-page .client-content .btn{padding: 12px 20px;}
  .sign-up-page .client-content .btn-success{background-color:#1c3b71;border-color:#1c3b71;font-size:20px;}

  .sign-up-page .or-seperator {
      margin: 40px 0 10px;
      text-align: center;
      border-top: 1px dashed #c2c2c2;
  }

  .sign-up-page .or-seperator i {
      padding: 0 10px;
      background: #ffffff;
      position: relative;
      top: -11px;
      z-index: 1;
  }

  .sign-up-page .client-content .form-wrapper p{color:#666666;font-size:18px;text-align: center;margin-bottom:0;}
  .sign-up-page .client-content .form-wrapperp a{color:#27367a;}

  .sign-up-page .forgot-password-link{text-align:right;margin-bottom:30px;    margin-top: -25px;}
  .sign-up-page .forgot-password-link a{font-size:15px;color:#ff0000;}

  .sign-up-page .login-page p{margin-bottom:40px;}

  /*end-signup-page*/


  /*Dashboard-client-page*/

  .menu-area{background: #563d7c}
  .dropdown-menu{padding:0;margin:0;border:0 solid transition!important;border:0 solid rgba(0,0,0,.15);border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important}
  .mainmenu a, .navbar-default .navbar-nav > li > a, 
  .mainmenu ul li a , 
  .navbar-expand-lg .navbar-nav .nav-link{color:#fff;font-size:15px;text-transform:capitalize;padding:13px 2px 12px;
    display: block !important;margin: 0px 60px 0 0;}
  .mainmenu .active a,.mainmenu .active a:focus,.mainmenu .active a:hover,.mainmenu li a:hover,.mainmenu li a:focus ,.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover{color: #fff;background: utline: 0;}
  /*==========Sub Menu=v==========*/


  .mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background:#2f2a3c;margin-top:0px;}
  .mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background:#1E88E5}
  .mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background:#64B5F6}
  .mainmenu ul li a i{margin-right:7px;font-size: 15px;}
  .mainmenu ul li.active a{color:#ff4e00;position:relative;}
  .mainmenu ul li:nth-child(1) a i{font-size: 17px}
  .mainmenu ul li:nth-child(4) a i{font-size: 17px}
  .mainmenu ul li.active a{border-bottom: solid 3px #ff4e00;content: "";}

  /******************************Drop-down menu work on hover**********************************/
  .mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:20px;width: 100%;}
  @media only screen and (min-width: 767px) {
  .mainmenu .collapse ul li:hover> ul{display:block}
  .mainmenu .collapse ul ul{position:absolute;top:100%;left:0; min-width: max-content;display:none}
  /*******/
  .mainmenu .collapse ul ul li{position:relative}
  .mainmenu .collapse ul ul li:hover> ul{display:block}
  .mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
  /*******/
  .mainmenu .collapse ul ul ul li{position:relative}
  .mainmenu .collapse ul ul ul li:hover ul{display:block}
  .mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}

  }
  @media only screen and (max-width: 767px) {
  .navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}
  .navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}
  }



  .dashboard-page-topbar{background-color:#19223f;padding:0px}

  .dashboard-profile ul li{display:inline-block;}
  .dashboard-profile ul li.fa-question2{margin-top:6px;}
  .dashboard-profile ul{justify-content: space-between;display: flex;width: 100%;margin-bottom:0;
  padding-left:100px;}
  .dashboard-profile{padding:5px 0 0;position:relative;}

  .dashboard-profile ul li i{color:#ffffff;margin-top:8px;}
  .dashboard-profile ul li.fa-question2 i {font-size: 20px; margin-top: 6px;}
  .dashboard-profile ul li.profile-imagerimg img{height:37px;width:37px;border-radius:50px;
    border:solid 2px #8b8697;object-fit: contain;}
  .froms_dropdown ul li{ border-bottom: 1px solid #484a54;}
  .froms_dropdown ul li:hover{ background: #0f0a1b;}

  .dashboard-profile ul li a.profile-imager{position:relative;}
  .dashboard-profile ul li a.profile-imager::after {
      display: inline-block;
      width: 0;
      height: 0;
      margin-left: .255em;
      vertical-align: .255em;
      content: "";
      border-top: .3em solid #ffffff;
      border-right: .3em solid transparent;
      border-bottom: 0;
      border-left: .3em solid transparent;
  }

  .avatar-dropdown-menu {
    position: relative;
    cursor: pointer;
  }


  .com-info-inquiry-dd {
      width: 330px;
      position: absolute;
      top: 24px;
      padding-top: 15px;
      right: -30px;
      z-index: 99;
      display: none;
  }

  .com-info-inquiry {
      width: 100%;
      display: inline-block;
      padding: 0;
      background: #fff;
      border-radius: 0px;
      margin-top: 0px;
      position: relative;
      box-shadow: 0 0 5px rgba(0,0,0,.3);
  }

  .avatar-dropdown-menu:hover .com-info-inquiry-dd {
      display: block;
  }

  .profile-imagerimg:hover .com-info-inquiry-dd {
      display: block;
  }

  .exactive-deatils h5{background:#e5e5ef;color: #030306;font-size: 14px;padding: 6px 15px;
      font-weight: 600;margin-bottom: 0;}
  .con-heading
  .exactive-contact ul li{display:block;width:100%;}
  .con-heading {font-size: 16px; font-weight: 600;  padding: 6px 15px; color: #3d3652;}
  .exactive-contact ul { padding-left: 0;display: block;     padding: 0 15px;}
  .exactive-contact ul li { width: 100%;font-size: 13px;color: #050509; padding-bottom: 3px; }
  .exactive-contact ul li i { color: #8199af;font-size: 16px;margin-right: 15px;}
  .exactive-contact { padding-bottom: 5px; }
  .com-info-inquiry:after { content: ''; position: absolute; border-left: 9px solid transparent;
      border-right: 9px solid transparent;border-top: 6px solid transparent;
      border-bottom: 8px solid rgba(255,255,255,.95); top: -14px; right: 27px; transition: all 1s ease;
      -moz-transition: all 1s ease; -webkit-transition: all 1s ease;}
  /*Profile_dropworn*/

  .prifile_hidden-menu { position: absolute;min-width: 230px;background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.3);border-radius: 8px;border: 1px solid #dfdfdf;border-radius: 8px;
      border: 1px solid #dfdfdf; right: 0;  z-index: 9;  top: 50px;}

  .main_ac_pr { padding: 12px 15px; }
  .main_ac_pr a { font-size: 14px; color: #08090c; }
  .main_ac_pr a i { font-size: 15px; color: #3d3652; margin-right: 8px;}
  .Subaccount_text { background: #e6e6ed; padding: 5px 0px 5px 42px }
  .Subaccount_text a { font-size: 14px;color: #4f545c; }
  .profile_link_top ul { padding-left: 0px;display: block; }
  .profile_link_top ul li { width: 100%;border-bottom: 1px solid #dddde0;}
  .profile_link_top ul li a {font-size: 14px; color: #08090c;padding:10px 15px;display:block;width:100%;}
  .prifile_hidden-menu a:hover { color: #ff4e00; }


  /*End- Profile_dropworn*/


  /*client-dashboard-deatils*/



  .dash_welcom p { font-size: 14px;color: #616878;    margin-bottom: 2px; }
  .dash_welcom h2 { font-size: 17px;color: #0e1e47;font-weight: 600; }
  .dash_welcom {margin-bottom: 10px; background: #fff;border-radius: 5px; padding: 5px 10px 1px;}
  .dash_welcom h2 span { color: #007eff; }
  .client-dashboard-deatils{background-color:#f4f3fa;padding:25px 0;}
  .client-box {
      background:#ffffff;
      ;border-radius:6px;
      padding:16px 16px 6px;
      overflow: hidden;margin-bottom:20px;
  }

  .client-box.client-sheaduls{
    background-image: linear-gradient(to right top, #1ec4cd, #38c8cf, #4accd1, #59d0d3, #66d4d5);
  box-shadow:0 0 25px rgba(0, 8, 66, .2)}

  .client-box.client-sheaduls h3{color:#ffffff;}
  .client-box.client-sheaduls p{color:#ffffff;}

  .client-box.client-late h3{color:#ffffff;}
  .client-box.client-late p{color:#ffffff;}

  .client-box.client-late{
    background-image: linear-gradient(to right top, #f65cd4, #ef4dd2, #e73cd0, #de28cf, #d503ce);;
  box-shadow:0 0 25px rgba(0, 8, 66, .2)}

  .client-box.client-sheaduls i{color:#ffffff;border:solid 1px #ffffff;}
  .client-box.client-late i{color:#ffffff;border:solid 1px #ffffff;}

  .client-box i{
      float: left;
      border-radius: 50%;
      width: 47px;
      height:47px;
      line-height:46px;text-align: center;font-size:20px;color:#6e7a8f;
      border:solid 1px #b8c3d0;

  }
  .client-box span.maindol{
      float: left;
      border-radius: 50%;
      width: 47px;
      height:47px;
      line-height:46px;text-align: center;font-size:20px;color:#6e7a8f;
      border:solid 1px #b8c3d0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  }

  .client-info {
      float: left;
      width: auto;
      margin-left: 20px;}

  .client-box i span { font-weight: 600;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-size: 23px;
      line-height: 12px; }
  .client-info h3{color:#1d3b71;font-size:22px;font-weight:600;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  }
  .client-info h3 span { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
  .client-info p{color:#616878;font-size:15px;}

  .client-map-location{border-radius:4px;background-color:#ffffff;margin-bottom:30px;}
  .cliend-head h2{color:#0e1e47;font-size:20px;font-weight:600;margin:0;}
  .cliend-head{border-bottom:solid 1px #e9ebf9;padding:15px 15px;}

  .client-map-show{padding:13px 15px;}
  .client-map-show .right-contact-map{border-radius:5px;overflow: hidden;}

  .today-activity{border-radius:4px;background-color:#ffffff;}
  .today-activity-deatils{padding:13px 15px;}



  .orderstatus {
    color: #939393;
    display: block;
    padding: 4px 0;
    position: relative;
    text-align: center;
    min-height:90px;
  }

  .orderstatus.done:before {
    background: #32841f;
    
  }
  .orderstatus:before {
    content: '';
    height: 100%;
    position: absolute;
    left:1px;
    width: 2px;
    background: #e9ebf9;
    margin: 0 25px;
  }

  .orderstatus:last-child:before {
    height: 0;
  }



  .orderstatus-check img{height:100%;}
  .orderstatus-text p{color:#1a1f44;font-size:15px;margin-bottom:2px;font-weight: 600;}
  .orderstatus-text p span{color:#84829c;font-size:13.5px;}
  .orderstatus-text h4{color:#84829c;font-size:14px;    margin-bottom: 4px;}
  .orderstatus-text h4 span{color:#2d76c1;font-size:14px;font-weight: 600;}
  .orderstatus-text h5{color:#84829c;font-size:14px;border-bottom:solid 1px #e4e6f8;padding-bottom:15px;}

  @media only screen and (max-width: 40em) {
    .orderstatus {
      text-align: left;
    }
    .orderstatus:before {
      left: 0;
    }
    .orderstatus .orderstatus-text {
      left: 0;
      width: 100%;
    }
  }

  .orderstatus-text {
    position: relative;
    width:100%;
    text-align: left;
    padding-left:75px;
  }




  .orderstatus time {
    display: block;
    font-size: 1em;
    color: #939393;
  }

  .orderstatus.done time {
    color: #368d22;
  }

  @media only screen and (max-width: 40em) {
    .orderstatus-container {
      text-align: center;
    }
  }

  .orderstatus-check {
    border:3px solid #e4e6f8;
    width:55px;
    height:55px;
    display: inline-block;
    text-align: center;
    line-height: 48px;
    border-radius: 50%;
    margin-bottom: 0.5em;
    background: #fff;
    z-index: 2;
    position: absolute;
    color: #939393;
    left:0%;overflow:hidden;
  }

  .done .orderstatus-check {
    color: #368d22;
    border-color: #368d22;
  }

  @media only screen and (max-width: 40em) {
    .orderstatus-check {
      left: 0;
    }
  }

  .orderstatus-active {
    text-align: center;
    position: relative;
    left: 25px;
    top: 20px;
    color: #939393;
  }



  .client-copyright{background:#1a1f44;padding:10px 0;float: left;
      width: 100%;margin-top:auto;}
  .client-copyright p{margin-bottom:0;font-size:14px;color:#e4e6f8;text-align: center;}

  .dropdown-menu li{padding:0 10px;}

  /*end-client-dashboard-deatils*/

  /*end-Dashboard-client-page*/


  /*post-locations-deatils*/
  .post-locations{    background-color: #f4f3fa;
    padding: 25px 0;
        min-height: calc(100vh - 91px)!important;
    display: block;}
  .post-locations-left{background:#ffffff;border-radius:4px;padding-bottom:15px;}
  .post-locations-left h2{color:#000b1b;font-size:20px;margin:0;font-weight:600;padding:13px 16px;}

  .custom-selectr{padding: 0 12px;margin-bottom:17px;}
  .schedule_claint_pro .custom-selectr{padding: 0px;margin-bottom:17px;}
  .form-control:focus{border-color:#ebeff2;box-shadow:none;}
  .custom-selectr .form-control:focus{border-color:#ebeff2;background:#ebeff2;}
  .custom-selectr .form-control{background:#ebeff2;font-size:14px;border:0;}

  .post-left-loc ul li h5{color:#3f4a5a;font-size:15px;font-weight:600;margin-bottom:5px;}
  .post-left-loc ul li p{color:#7d818c;font-size:12px;margin-bottom:0;}
  .post-left-loc ul li a{display:flex;}
  .post-left-loc ul{padding:0;margin:0;}
  .post-track{width:100%;}
  .post-left-loc ul li{padding:5px 15px;border-top:solid 1px #dcdae8;}
  .arrow-cion{margin-top:8px;}
  .arrow-cion i{color:#475160;}
  .post-left-loc ul li.active h5{color:#ff4e00;}
  .post-left-loc ul li.active{border-left:solid 3px #ff4e00;}
  .post-left-loc ul li.active .arrow-cion i{color:#ff4e00;}

  /*post-locations-right*/

  .post-locations-right{background:#ffffff;border-radius:4px;padding-bottom:15px;}
  .nav-tabs .nav-link.active{border:0;color:#1c3b71;font-weight:600;}
  .nav-tabs .nav-link:hover{border-top-color:transparent;border-left-color:transparent;border-right-color:transparent;}
  .nav-tabs .nav-link{font-size:15px;color:#3f4a5a;padding:.7rem 21px;}
  .nav-tabs{display: flex;justify-content: space-between;}

  .postgeneral-box{background:#f4f8fb;border-radius:6px;padding:20px 20px 45px;}

  .postgeneral-box ul li{color:#747e8c;font-size:14px;min-height:50px;}
  .postgeneral-box ul li span{color:#0e1e47;font-size:15px;float:right;width:60%;text-align: right;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      max-height: 75px;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;line-height: 17px;font-weight:500;
    }
  .postgeneral-box ul{padding:0;margin: 0;}

  .postgeneral-deatils{padding:20px 20px;}

  .postgeneral-map h5{color:#000b1b;font-size:18px;border-bottom:solid 1px #dcdae8;
  padding-bottom:10px;margin-bottom:12px;}

  .postgeneral-map-pure{border-radius:4px;overflow: hidden;}

  /*postinstructions*/

  .postinstructions-date h4{color:#5a5e6a;font-size:14px;display:inline-block;position:relative;}
  .postinstructions-date h5{color:#090a10;font-size:14px;display:inline-block;margin-left:40px;}
  .postinstructions-date h4:after{content: '';
      height: 100%;
      position: absolute;
      left:96%;
      width:2px;
      background: #e9ebf9;
      margin: 0 25px;}

  .postinstructions-date{border-bottom:solid 1px #dedfe1;padding-bottom: 8px;}

  .postinstructions-box{display:flex;}
  .postdownload-link p{color:#333333;font-size:14px;font-weight:600;margin-bottom:1px;}
  .postdownload-link a{color:#848c95;font-size:14px;}
  .postdownload-link a i{color:#1c3b71;font-size:18px;margin-top:5px;margin-right:7px;}
  .postdownload-icon{margin-right:30px;}
  .postinstructions-downaload{padding:20px 0;border-bottom:solid 1px #dedfe1;}
  .postinstructions-box{padding:7px 0 !important;}
  .postinstructions-downaload .col-sm-4:last-child .postinstructions-box{border-right:0;}
  /*end-postinstructions*/

  /*postimgs*/
  .postimgs{height:269px;width:274px;overflow:hidden;border-radius:5px;}
  /*end-postimgs*/

  /*check-point*/
  .check-point-filter .custom-selectr{padding:0;margin:0;}
  .check-point-filter .custom-selectr .form-control{background:transparent;border:solid 1px #dddde5;}
  .post-location-search .form-control::placeholder{font-size:14px;color: #6f7988;}
  .post-location-search .form-control{height:34px;font-size:14px;}
  .post-search-btn .btn{padding: 3px 12px;border-radius: 3px;background:#16366e;border-color:#16366e;}
  .post-locations-table .table thead tr{background:#e2e8ed;}
  .post-locations-table .table thead th{border-bottom:0;font-weight:500;font-size:14px;color:#333333;
  padding:10px 10px;}
  .post-locations-table .table-responsive{border-radius:7px;}
  .post-locations-table .table td{padding:10px 10px;font-size:14px;color:#747e8c;}
  .post-locations-table .table td:first-child{color:#1a1f44;}
  .post-locations-table .table td i{color:#16366e;font-size:14px;margin: 0 7px;}
  .post-locations-table .table td span{font-size:13px;}

  /*end-check-point*/


  /*schedule-timeshhet*/
  .col-sm-12.contact_info_list_section.padding-0 .ms-options-wrap button {    height: 37px;
    border: 1px solid #ced4da;
    border-radius: .25rem;  }
  .schedule-timeshhet h3{color:#090a10;font-size:18px;font-weight:600;letter-spacing:.5px;
  border-bottom:solid 1px #dcdae8;padding-bottom: 13px;}
  .schedule-timesheet-track .orderstatus-check{height:39px;width:39px;line-height:34px;border: 2px solid #e4e6f8;}
  .orderstatus-text p{opacity: .7;}
  .schedule-timesheet-track .orderstatus-check img{height:auto;}
  .schedule-timesheet-track .orderstatus:before{margin: 0 19px;}
  .schedule-timesheet-track .orderstatus-text ul{padding:0;margin:0;border-bottom:solid 1px #dcdae8;
      padding-bottom:10px;}
  .schedule-timesheet-track .orderstatus-text ul li{color:#84829c;font-size:14px;display:inline-block;
  padding-right: 60px;position:relative;}
  .schedule-timesheet-track .orderstatus-text ul li span{color:#090a10;margin-left: 8px;}
  .schedule-timesheet-track .orderstatus-text ul li img{vertical-align: text-top;margin-right: 8px;}

  .schedule-timesheet-track .orderstatus-text ul li:after {
      content: '';
      height: 60%;
      position: absolute;
      left: 76%;
      width:1px;
      background: #5a5e6a;
      margin: 4px 25px;
  }

  .schedule-timesheet-track .orderstatus-text ul li:last-child:after{display:none;}
  .schedule-timesheet-track .orderstatus-text{padding-left:60px;}
  .schedule-timesheet-track .orderstatus{min-height:70px;}
  .schedule-timesheet-track{margin-top:20px;}

  .scheduledshifttimes .post-locations-table .table td{border-top:0;}
  .scheduledshifttimes h3{color:#0d0f13;font-size:17px;font-weight:600;margin-bottom:20px;}

  /*end-schedule-timeshhet*/

  /*communication*/
  .posttotal-quizzes-box .client-box.client-sheaduls{background:#16aa9d;max-width:188px;box-shadow:none;}
  .posttotal-quizzes-box .client-box{padding:9px 7px 0px;}
  .posttotal-quizzes-box .client-box.client-sheaduls p{margin-bottom:5px;}
  .posttotal-quizzes-box .client-box.client-sheaduls i{border: 0;font-size:30px;}
  .posttotal-quizzes-box .client-info{margin-left:10px;}
  .posttotal-quizzes-box .client-info h3{margin-bottom: 5px;}
  .posttotal-quizzes-teable .post-locations-table .table td{border:1px solid #dee2e6;padding: 8px 10px;
  font-size:13px;}
  .posttotal-quizzes-teable .post-locations-table .table thead th{border:1px solid #dee2e6;border-top: 0;}
  .posttotal-quizzes-teable .post-locations-table .table td a{color:#16366e;font-size:13px;}
  .posttotal-quizzes-teable .post-locations-table .table td:first-child{color:#747e8c;}

  .quizzie-question-modal .modal-dialog{max-width: 635px;}
  .quizzie-question-modal .modal-content{border-radius:10px;}
  .quizzie-question-modal .modal-content{border:solid 2px #5376b0;}
  .quizzie-question-modal .modal-header{background:#5376b0;padding:10px 15px;}
  .quizzie-question-modal .modal-header h4{color: #fff;font-size: 17px;}
  .quizzie-question-modal .close{color:#ffffff;opacity:1;}
  .quizzie-question-modal .close:hover{color:#ffffff;opacity:1;}
  .quetotalattempt-box h5{color:#6f7982;font-size:13.26px;margin-bottom:5px;}
  .quetotalattempt-box h6{color:#333333;font-size:15.91px;}
  .quetotalattempt-box{text-align: center;border-right:dashed 1px #959ca7;}
  .quetotalattempt .row .col-sm-6:last-child .quetotalattempt-box{border-right:0;}
  .quetotalattempt{border-bottom:dashed 1px #959ca7;padding-bottom: 8px;margin-top:0px;}

  .quizzie-questionss h4{color:#2b2639;font-size:17px;margin:10px 0;}
  .quizzie-box{background:#f4f3fa;border:solid 1px #dbdde4;border-radius:6px;padding:11px 15px;
  margin-bottom:10px;}
  .quizzie-box h5{color:#0e1e47;font-size:15.16px;line-height: 20px;}
  .quizzie-box p{color:#667184;font-size:13.26px;margin-bottom: 0;margin-top: 10px;}
  .quizzie-tick{background:#ffffff;border-radius:8px;border:solid 1px #dbdde4;
  padding:3px 10px;text-align:left;display: inline-flex;margin-right: 10px;max-width:84%;
  vertical-align: top;}
  .quizzie-tick i{color:#00a517;font-size:20px;vertical-align:middle;margin-right:7px;}
  .quizzie-tick p{color:#707a8c;font-size:13.26px;margin:0;}
  .quizzie-tick.quizzie-tick-no i{color:#ff3c00;}
  .quizzie-tick.quizzie-tick-no{max-width:unset;text-align: center;}

  .questions-box{max-height:430px;overflow-y:auto;}


  /*communication*/
  /*end-post-locations-deatils*/


  /*quizzes*/

  .main-quizzes{background:#ffffff;border-radius:4px;padding:10px 10px}
  .main-quizzes .client-box i{height:52px;width:52px;background:#f4f3fa;color:#3d3652;font-size:24px;line-height:50px;}
  .main-quizzes .client-info p{margin-bottom:5px;}
  .main-quizzes .client-box{padding:0;background:transparent;margin-bottom: 0;
  border-bottom:solid 1px #dddde5;border-radius:0;padding-bottom:5px;}
  .main-quizzes .postgeneral-deatils{padding:5px 7px}
  .posttotal-quizzes-teable tbody tr:nth-child(even) {background: #f1f5fb;}
  .main-quizzes .post-location-search .col-sm-3{max-width: 21%;}
  .main-quizzes .custom-selectr{padding:0;background:transparent;border:1px solid #ced4da;border-radius: 4px;}
  .main-quizzes .custom-selectr .form-control{background:transparent;border-radius: .25rem;}

  /*end-quizzes*/


  /*Rajendra*/

  .schedule_claint_pro { background: #f4f3fa;padding-bottom: 20px; }
  .schedule_das_box { width: 100%; }
  .schedule_das_box ul {padding-left: 0;    display: flex;}
  .schedule_das_box ul li {max-width: 183px; flex-grow: 1;border-radius: 5px;color: #fff;padding: 8px 15px;
   margin: 15px 5px 0px;}
  .schedule_das_box ul li.das_green {background: #10a699;    margin-left: 0;}
  .schedule_das_box ul li.das_red {background: #f35b54;}
  .schedule_das_box ul li.das_blue {background: #008fdf;}
  .schedule_das_box ul li i { float: left;font-size: 22px;margin-right: 18px; }
  .schedule_das_box ul li .schedule_info { float: left; }
  .schedule_das_box ul li .schedule_info h3 { font-size: 24px;font-weight: 600;margin-bottom: 0px; }
  .schedule_das_box ul li .schedule_info p { font-size: 14px;margin-bottom: 0px; }
  .padding_left { padding-left: 0; }
  .schedule_right_filter { text-align: right;margin-top: 24px; }
  .schedule_right_filter ul {display: flex;float: right; }
  .schedule_right_filter ul li {margin: 0 5px }
  .schedule_right_filter ul li.filter_text {font-size: 13px;color: #050607;padding-top:10px; }
  .schedule_right_filter ul li.filter_box {background: #fff;border: 1px solid #dddde5;border-radius: 5px;overflow: hidden;}
  .schedule_right_filter ul li.filter_box_right {background: #fff;border: 1px solid #dddde5;border-radius: 5px;}
  .filter_box_border a { font-size: 12px;color: #050607; padding: 9px 15px;line-height:normal;
    border-right: 1px solid #d2d2d2; margin: 0 -2px;}
  .filter_box_border a.active  { background: #727cf5; }
  .filter_box_border a.active  {color:#ffffff; }
  .filter_box_border { display: flex; }  
  .filter_box_border a:last-child { border-right: 0; }
  .filter_box_right a:last-child { border-right: 0;padding: 5px 9px; }
  .filter_box_right a { font-size: 20px;color: #050607; padding: 5px 11px;line-height: 32px;border-right: 1px solid #d2d2d2; }

  .schedule_shift { background: #fff;border-radius: 10px; }
  .schedule_shift ul { padding-left: 0;display: flex;margin-bottom: 0;border-bottom: 1px solid #e4e6f8;}
  .schedule_shift ul li {width: 100%; flex-grow: 1; border-right: 1px solid #e4e6f8;}
  .schedule_shift ul li:last-child { border-right: 0px ;}
  .schedule_claint_pro .check-point-filter .custom-selectr { background: #fff; }
  .schedule_day_fixed li {text-align: center; border-right: 1px solid #e4e6f8;font-size: 15px;color: #06070a;
      padding: 8px; }
  .client-portal-tables .table-scroll td:last-child {  text-align: center;}   
  .schedule_day_fixed li:last-child { border-right: 0px ; }
  .schedule_shift_ul_inner li  {  text-align: center;padding: 6px 10px;}
  .shift_box { text-align: left;background: #fff;box-shadow: 0 0 10px rgba(0, 15, 93, .10); padding-left: 12px;
      border-radius: 7px;position: relative;    padding-top: 4px;padding-bottom: 8px;    margin: 5px 0; }
  .sc_time { display: flex;color: #0e1e47;font-size: 14px;font-weight: 600; }
  .shift_box:before {content: ""; position: absolute; left: 3px; height: 90%;width: 2px;background: #0098f0;
      border-radius: 100px; top: 4px;}
  .shift_start_ti {padding-right: 3px;}    
  .shift_end_ti {padding-left: 3px;} 
  .shift_box p { font-size: 11px;color: #707070;margin-bottom: 3px; }   
  .shift_box h3 { font-size: 11px;color: #050508;margin: 0; }   
  .sc_box li h6 { font-size: 14px;color: #969697; font-weight: 400;margin-bottom: 0px; }   


  /*working-employees*/

  .working-employees_inner { background: #fff;padding: 15px;border-radius: 5px;float: left;width: 100%; }
  .working-employees_text h2 { color: #08080b;font-size: 18px;font-weight: 600; margin-bottom: 10px;}
  .working-employees_text { position: relative; }
  .working-employees_text:after {content: ""; position: absolute;top: 9px;width: 87%;height: 1px;
  background: #e4e5ed;right: 0; }
  .working-employees_box { background: #fff;box-shadow: 0 0 20px rgba(0, 15, 93, .15);border-radius: 6px;
    text-align: center;    padding: 30px 10px;overflow: hidden;position: relative;margin: 10px 0; }
  .working-employees_image {width: 100px;height: 100px;border-radius: 50px; overflow: hidden; margin: 0 auto;}
  .working-employees_box:after {content: "";position: absolute;right: -36px;top: -26px;width: 50px;height: 50px;
      background: #52c824;transform: rotate(45deg); }
  .working-employees_box h3 { margin-top: 15px;color: #08080b;font-size: 15px;font-weight: 600;margin-bottom: 0; }    
  .working-employees_box p { margin-top: 3px;color: #706e8a;font-size: 13px;margin-bottom: 3px; }    
  .working-employees_box h5 { margin-top: 6px;color: #0060ff;font-size: 14px; }   
  .working-employees_active { margin-bottom: 12px;} 
  .working-employees_inactive .working-employees_box:after {  background: #bdbdbd;}


  /*Profile*/
  .profile_inner { background: #fff;border-radius: 5px;padding: 30px; }
  .profile_img { width: 115px;height: 115px;overflow: hidden; border-radius: 50%;border: 2px solid #ddd;
  margin: 0 auto 20px;vertical-align: middle; display: flex; }
  .profile_img img { object-fit: contain; height: 100%; max-width: 100%;}
 .profile_inner.profile-left { padding: 0 0 30px;}
.profile-left-hedding {
    background: #dde0e4;
    font-size: 20px;
    padding: 10px 0;
    margin-bottom: 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #174592;
}


  .profile_inner_img { position: relative; text-align: center;}
  .profile_location img { margin-right: 15px; }
  
  .profile_text h2 {font-size: 20px;color: #1a1f44;margin-bottom: 20px; }
  
  .profile_text_in p {font-size: 14px;color: #747e8c;}
  .profile_text_in h3 {font-size: 15px;color: #0e1e47;}


  /*change password*/

  .Change_password label { width: 100% }
  .Change_password input { width: 100%;border:1px solid #dedede;background: #f4f8fb;border-radius: 5px;
      height: 38px; padding: 10px; }
  .Change_password input:focus {border:1px solid #dedede;outline: none;    }
  button.btn.btn-success.change_pas {
      float: right;
      background: #1c3670;
      border: 0;
      padding: 5px 25px;
      font-size: 14px;
  }


  /*corporate-communicators*/

  .corporate-communicators{background:#f4f3fa;padding: 25px 0;}
  .corporate-communicators-deatils{background: #ffffff;border-radius: 4px;}
  .corporate-communicators-stage{padding:10px 10px;}
  .corporate-communicators-stage .orderstatus-text h4{color:#008325;font-size:16px;}
  .corporate-communicators-stage .orderstatus-text h3{color:#0e0b17;font-size:16px;}
  .orderstatus-communicators {color:#0e0b17;font-size:14px;}
  .orderstatus-coprater{border-bottom:solid 1px #eaeaea;padding-bottom: 8px;margin-bottom: 10px;}
  .orderstatus-communicators img{vertical-align:text-top;margin-right:10px;}

  .orderstatus-coprater h5{color:#0e0b17 !important;font-size:12px !important;padding-bottom:0;border-bottom: 0;}
  .orderstatus-coprater h6{color:#767680;font-size:13px;}
  .orderstatus-coprater i{color:#ff4800;font-size:13px;margin-right:6px;position:relative;top:-4.5px;}
  .orderstatus-coprater span{color:#767680;font-size:13px;position:relative;top:0.2px;}

  .corporate-communicators-stage .schedule-timesheet-track{margin-top:0;}
  .corporate-communicators-stage  .orderstatus:before{width:3px;left:0}
  .communication-taxt-box p{font-size: 15px;margin-bottom: 24px; color: #222;line-height: 22px;
  padding-right: 95px; }

  .postgeneral-deatils .orderstatus-coprater textarea.form-control  { color: #222!important;font-size: 15px!important; }
  .postgeneral-deatils .orderstatus-coprater input.form-control  { color: #222!important;font-size: 15px!important; }
/*  .communication-taxt-box { background: #fff;padding: 15px 15px 1px;border-top: 2px solid #ff4e00;
  margin-bottom: 15px; box-shadow: 0 0 12px rgba(0, 0, 0, .1);}*/
  .custom-report-gen.custom-report-gen-coman { margin-top: 20px;right: 17px; position: absolute;
    top: -60px; }
  .custom-report-gen.custom-report-gen-coman i { margin-right: 5px; }
  .communication-taxt-box-width { max-width: 1050px;margin: 0; }
  .communication-taxt-box-width .form-actions .cc_report_forom.pull-right { padding: 5px 25px; }
  .communication-taxt-box-width .form-group label.control-label{font-size: 15px;color: #727cf5; }

  /*end-corporate-communicators*/

  /*personalchnageform*/
  .personalchnageform .cliend-head{padding: 8px 0 10px;border-bottom:0;}
  /*end-personalchnageform*/


  /*media qures*/


  @media (max-width:1199px){
  .dashboard-profile { float: right; } 
  .sign-up-page .sign-up-page-img{min-width:430px;}
  .sign-up-page .logingard{min-width:500px;}
  .sign-up-page .signup-page-deatils{width:100%;}
  .dashboard-profile ul{padding-left:10px;}
  .dashboard-profile::before{left:-15px;}
  .mainmenu a, 
  .navbar-default .navbar-nav > li > a, 
  .mainmenu ul li a, 
  .navbar-expand-lg .navbar-nav .nav-link{margin: 0px 20px 0 0;}
  .post-locations{    min-height: calc(100vh - 91px)!important;}
  .main-quizzes .post-location-search .col-sm-3{max-width:22%;}
  .posttotal-quizzes-teable .post-locations-table .table thead th{vertical-align:top;}
  /*.nav-tabs .nav-link{font-size:13px;padding:.7rem .1rem;}*/
  .postgeneral-box{padding: 10px 7px 45px;}
  .postgeneral-box ul li span{width:63%;font-size:13px;}


  }

  @media (max-width:991px){

  .sign-up-page .sign-up-page-img{    min-width: 310px;}
  .quizzie-question-modal-may .modal {padding-left: 0 !important}
  .sign-up-page .logingard {min-width: 380px;}
  .navbar-light .navbar-toggler-icon{filter:brightness(0) invert(1)}
  .nav-tabs{justify-content: unset;}
  .nav-tabs .nav-link{padding:.7rem .7rem;}
  .postdownload-icon {margin-right: 10px;}
  .postimgs{width:149px;height:190px;}
  .post-locations-left h2{font-size:17px;}
  .post-locations-left h2{padding: 13px 6px;}
  .custom-selectr{padding: 0 4px;}
  .dashboard-profile ul {padding-left: 0;}
  .post-locations-table .table td span{font-size:12px;}
  .postgeneral-box ul li{font-size:13px;}
  .postgeneral-deatils {padding: 10px 10px;}
  .schedule_right_filter ul{padding:0;}
  .schedule_right_filter ul li.filter_text{font-size:12px;}
  .filter_box_border a{    padding: 9px 9px;}
  .check-point-filter .padding_left{padding-left: 15px;}
  .schedule_shift ul{width:111%;}
  .schedule_shift{overflow-x:scroll;}
  .exactive-contact{    padding: 0 13px;}
  .client-box{padding:6px 7px 3px;}
  .client-box i{width:30px;height:30px;font-size:14px;line-height:31px;}
  .client-info{margin-left:10px;}
  .client-info p{font-size:14px;margin-bottom:0;}
  .client-info h3{font-size:17px;}
  .working-employees_text:after{width:78%;}
  .working-employees_image{    height: 56px;}

  div#navbarSupportedContent {
      position: absolute;
      width: 100%;
      right: 0;
      left: -15px;
      background: #000;
      z-index: 9999;
      top: 42px;
      padding: 5px 10px;
  }

  }  

  @media (max-width:767px){
    .quizzie-question-modal-may { width: 100% !important; }
  .sign-up-page .sign-up-page-img{display:none;}
  .sign-up-page .logingard{width:100%;min-width: unset;}
  .sign-up-page .client-content h1{font-size:25px;}
  .dashboard-profile ul{padding-left:0;}
  .exactive-contact {padding: 0 10px;}
  .nav-tabs .nav-link{padding:.7rem .7rem;}
  .nav-tabs{justify-content: unset;}
  .postgeneral-box ul li{font-size:13px;}
  .postgeneral-deatils {padding: 10px 10px;}
  .check-point-filter .padding_left{padding-left: 15px;}
  .schedule_shift ul{width:157%;}
  .schedule_shift{overflow-x:scroll;}
  .schedule_right_filter ul li.filter_text{font-size:13px;}
  .schedule_claint_pro .check-point-filter .custom-selectr{margin-bottom:10px;}
  .dashboard-profile ul li.fa-question2 i{font-size:17px;margin:0 5px;margin-top:5px;}
  .dashboard-profile ul li i{font-size:14px;}
  .dashboard-profile ul li img{height:30px;width:30px;}
  .dashboard-profile{padding: 5px 0 0;}
  .dashboard-profile::before{height: 20px;}
  .prifile_hidden-menu{top:40px;}
  .com-info-inquiry-dd{top:20px;}
  .custom-report-gen.custom-report-gen-coman { position: unset;top: 0;right: 0; }

  }  

  @media (max-width:550px){
  .sign-up-page .client-content{padding: 20px 10px;}
  .sign-up-page .form-group{margin-bottom:1rem;}
  .sign-up-page .focused .form-label{transform: translateY(-116%);font-size: 15px;}
  .sign-up-page .client-content .btn-success{font-size:17px;}
  .sign-up-page .client-content .btn {padding: 10px 20px;}
  .sign-up-page .or-seperator{    margin: 24px 0 0;}
  .sign-up-page .client-content .form-wrapper p{font-size:14px;}
  .sign-up-page .logingard{border-radius: 0;}
  .sign-up-page .client-content h1{font-size:20px;}
  .sign-up-page .client-content p{font-size:14px;}

  .sign-up-page .forgot-password-link{margin-top:0;}
  .sign-up-page .login-page p{margin-bottom:10px;}

  .mainmenu{}
  .dashboard-profile ul{padding-left:0;}
  .navbar-light .navbar-toggler-icon{filter:brightness(0) invert(1)}
  .dashboard-profile::before{left:-20px;}
  .com-info-inquiry-dd{width:300px;right:-50px;top: 20px;}
  .exactive-contact{padding:0 10px 5px 15px;}
  .com-info-inquiry:after{right:15%;}
  .prifile_hidden-menu{top:40px;}
  .client-box p{margin-bottom:0;}
  .client-box{padding:9px 16px 4px}
  .client-info h3{font-size:18px;}
  .cliend-head h2{font-size:18px;}
  .cliend-head {padding:10px 15px}
  .client-map-show {padding: 10px 9px;}
  .orderstatus-check{width:45px;height:45px;}
  .orderstatus:before{margin: 0 23px;}
  .orderstatus-text{padding-left: 57px;}
  .orderstatus-text p{font-size:13px;}
  .orderstatus-text h5{padding-bottom:8px;margin-bottom:0;}
  .today-activity-deatils{padding:7px 6px;}
  .client-box{margin-bottom:10px;}
  .main-quizzes{    padding: 5px 5px;}
  .post-search-btn{margin-bottom:15px;text-align: right;}

  .postimgs{width:100%;height: 189px;margin-bottom:20px;}
  .postgeneral-box {padding: 10px 7px 0px;}
  .postgeneral-map{margin-top:15px;}
  .postinstructions-downaload{border:0;padding:0;}

  .check-point-filter .custom-selectr{margin-bottom:10px;}
  .schedule-timesheet-track .orderstatus-text ul li{padding-right:0;}
  .schedule-timesheet-track .orderstatus-text ul li:after{display:none;}

  .quizzie-box{padding: 7px 6px;}
  .quizzie-box h5{font-size:13.16px;}
  .quizzie-box p{font-size:12px;}

  .corporate-communicators-stage {padding: 5px 5px;}
  .schedule-timesheet-track .orderstatus-text{    padding-left: 50px;}
  .corporate-communicators-stage .orderstatus-text h3{font-size: 14px;margin-top: 7px;}
  .corporate-communicators {background: #f4f3fa;padding: 15px 0;}
  .post-locations.personalchnageform{    padding: 15px 0;}
  .schedule_right_filter ul{padding: 0;}
  .schedule_right_filter{text-align:left;}
  .filter_box_border a{padding: 9px 4px;font-size:12px;}
  .schedule_shift{overflow-x:scroll;}
  .schedule_shift ul{width:282%;}

  }



  /*my-officer-listing*/

  .my-officer-listing{background-color: #f4f3fa;padding: 25px 0;min-height: calc(100vh - 91px)!important;
    display: block;}
  .officer-deatils{background: #ffffff;border-radius: 4px;padding: 0px 10px;padding-left:0;width: 100%;
display: inline-block;}
  .officer-deatils-filter label{font-size:14px;color:#19223f;margin-bottom:0;}
  .officer-deatils-filter .custom-selectr .form-control{background:transparent;border:solid 1px #727cf5;
  color:#727cf5;}

  .officer-deatils-filter.report-genrtae-skr .custom-selectr .form-control {color: #6f7988}
  .active-offers h3{color:#727cf5;font-size:17px;font-weight:600;}
  .traind-offers .active-offers h3.main-titles{background:#efefef;padding:6px 10px;}
  .traind-offers .no_record .alert-warning {margin-top: 15px;}
  .active-offers ul{padding:0;margin: 0;}
  .active-offers ul li{padding:10px 15px;border-bottom:solid 1px #d8dde6;}
  .officers-img{height:50px;width:50px;border-radius:50%;display:inline-block;overflow:hidden;}
  .officers-text h3{color:#000000;font-size:14px;font-weight:.8;margin-top:7px;margin-bottom:0;}
  .officers-pin span{color:#686868;font-size:11px;}
  .officers-img{margin-right:15px;}
  .officers-img img{width:100%;height:100%;object-fit:cover;}
  .officers-pin span{margin-right:20px;}
  .officers-pin span img{margin-right:5px;margin-top: -2px;}
  .active-offers ul li .officer-all{display:flex;}
  /*.active-offers ul li .row{width:100%;}*/
  .active-offers ul li:hover{background:#f2f3fe;box-shadow:0 2px 10px 0 rgba(0, 20, 140, .2) }
  .active-offers ul li.open-modales.active{background:#f2f3fe;box-shadow:0 2px 10px 0 rgba(0, 20, 140, .2) }
  .active-offers ul li:last-child{border-bottom:0;}

  .active-offers ul li{
      position:relative;
      width:100%;    cursor: pointer;
      height:100%;
      
  }

  div.sub{
      display:none;
      right:-350px;
      width:100%;margin-top:9px;
      height:100%;
      -webkit-transition: right 0.6s ease;
      -moz-transition: right 0.6s ease;
      -o-transition: right 0.6s ease;
      -ms-transition: right 0.6s ease;
      transition: right 0.6s ease;
  }
  .active-offers ul li:hover .sub{
      display:block;
  }

    .active-offers ul li.open-modales.active .sub{
      display:block;
  }


  div.sub a{font-size:13px;color:#6f7988;}

.officer-deatils.traind-offers{margin-top:0px;background:transparent;padding:0;margin-top:10px;}
.client-officersg{overflow-x: hidden;overflow-y: auto;max-height: 78vh;}

.active-offers-up{padding-left:10px !important;}

  /*end-my-officer-listing*/
.no_record .alert-warning {font-size: 12px;  }


  .menu-drawer {
    width:100%;box-shadow:0 0 6px rgba(0, 0, 0, .1);
    background-color: #ffffff;
    max-height:78vh;min-height: 78vh;
    right: -550px; padding:22px 22px;
    top:8%;
    transition: right linear .2s;
    z-index:9999;border-radius:0px;padding-top:15px;    overflow-y: scroll;
    overflow-x: hidden;
    overflow-y: auto;
  }

  .toggle-menu {
    width: 50px;
    height: 50px;
    display: inline-block;
    position: relative;
    top: 10px;
    float: right;
    z-index: 1000;
  }

  .toggle-menu i {
    position: absolute;
    display: block;
    height: 2px;
    background: #0094FC;
    width: 30px;
    left: 0px;
    -webkit-transition: all .3s;
    transition: all .3s;
  }

  .toggle-menu i:nth-child(1) {
    top: 16px;
  }

  .toggle-menu i:nth-child(2) {
    top: 24px;
  }

  .toggle-menu i:nth-child(3) {
    top: 32px;
  }

 .toggle-menu.active i:nth-child(1) {
    top: 25px;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
  }

  .toggle-menu.active i:nth-child(2) {
    background: transparent;


  }

  .toggle-menu.active i:nth-child(3) {
    top: 25px;
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
  }

  /*.container {
    position: relative;
    overflow: hidden;
    height: 9000px;
  }*/



  .open {
     right:15px;
    transition: right linear .2s;
  }


  .menu-drawer li a {
    text-decoration: none;
    color: #555;
  }
  .menu-drawer li a:hover {
    color: #0094FC;
  }

  
  .menu-drawer.open{display:block;}
  .rowofficer{display:flex;}

  .officer-menu-profile{width:130px;height:120px;border:solid 1px #bec0d6;border-radius:20px;overflow:hidden;
    text-align:center;}
  .officer-menu-profile img{height:100%;object-fit:cover;}
  .officer-menu-right h4{color:#000000;font-size:14px;font-weight:600;margin-bottom: 4px;}
  .officer-menu-right h5{color:#686868;font-size:13px;margin-bottom: 4px;}
  .officer-menu-right h6{color:#727cf5;font-size:13px;}
  .officer-menu-right{margin-top:10px;margin-left:20px;}
  .awards h4{color:#000000;font-size:14px;position: relative;}
  .awards h4:after{    content: "";
      position: absolute;
      top:8px;
      width: 87%;
      height: 1px;
      background: #e4e5ed;
      right: 0;}

  .awards{margin-top:12px;} 
  .awards.certified{margin-top:0px;margin-bottom:2px;}
  .awards ul li{border:solid 1px #dedede;height:40px;width:40px;display:inline-block;margin-right:12px;
  display:inline-flex;align-items: center;
  justify-content: center;border-radius:4px;overflow:hidden;vertical-align: top;margin-bottom:10px;}   

  .awards ul li img{max-width:100%;padding: 3px;max-height:100%;object-fit: contain;}
  
  .awards ul li:last-child{border:solid 1px #dedede;} 
  .awards ul li:hover{background:transparent;box-shadow:none;}
  .awards.certified ul li{width:48px;height:48px;display:inline-flex;align-items: center;
  justify-content: center;}
  .awards.certified :after{width: 87%;}

  .order-guard{border-top:solid 1px #d3d8e1;margin:0 -23px;padding: 4px 0;}
  .order-guard ul li:hover{background:transparent;box-shadow:none;}
  .order-guard ul li{font-size:13px;color:#686868;border-bottom:0;padding:7px 21px;}
  .order-guard ul li span{float:right;}
  .order-guard ul li span i{font-size:18px;color:#727cf5;}
  .order-guard ul li span.cross-ckeck i{font-size:18px;color:#f05036;}
  .close-div i{color:#909191;}
  .close-div{text-align:right;
    position: absolute;
    top: -7px;
    right: 11px;
    cursor: pointer;
    z-index: 99999;}


.client-officersg{width:50%;display:inline-block;}
.client-officersg-deatils{width:50%;display:inline-block;float:right;}
.active-offers .main{text-align: right;}

/*post-locations-right*/
.post-locations-right .officer-deatils-filter{padding:10px 10px 0;}
.nav-tabs{justify-content:unset;}
.posttotal-quizzes-teable .post-locations-table .table td a{color:#727cf5;}
.garud-notification-shape{border-radius:50%;background:#e5e9fb;height:44px;width:44px;
text-align: center;line-height:42px;}
.garud-notification h4{color:#08080a;font-size:15px;margin-bottom:3px;}
.garud-notification p{color:#9192a7;font-size:13px;line-height:19px;}
.paddding-r-0{padding-right:0;}
.col-sm-1{max-width:6.333333%}
.padding-l-0{padding-left:0;}
.notification-time h5{color:#515257;font-size:14px;}
.notification-time{text-align: right;}
.garud-notification{border-bottom:solid 1px #e9e8f0;padding: 14px 0 0;}
.postgeneral-deatils .garud-notification:first-child{padding-top:0;}
.postgeneral-deatils .garud-notification:last-child{border:0;padding-bottom: 0;}
.postgeneral-deatils .garud-notification:last-child p{margin-bottom:0px;}

.client-communications { color: #174592;  font-size: 20px; font-weight: 600;padding: 17px 20px 0;margin: 0; }
.officer-deatils .client-communications {padding: 17px 10px 10px;margin: 0; }
.bg-nav-communicat.nav-tabs .nav-link { color: #fff; }
.bg-nav-communicat { background: #5376b0;    margin: 0 20px;border-radius: .25rem; }
.bg-nav-communicat.nav-tabs .nav-link.active { background: #19223f;color: #fff;border-radius: .25rem; }
.nav-tabs .nav-link { color: #fff; }
.nav-tabs { background: #5376b0;    margin: 0 20px; border-radius: .25rem;}
.nav-tabs .nav-link.active { background: #19223f;color: #fff;   border-radius: .25rem; }

.row.listing_tours_logs_data .tourlogs-left .nav-tabs { background: #fff; }
/*end-post-locations-right*/

/*GPS*/

.gps-check-point p{color:#07080b;font-size:15px;margin-top:7px;font-weight:normal;}
.gps-check-point p span{color:#6f7988;font-size:13px;}
.gps-check-point .orderstatus-text ul li{color:#686868;font-size:13px;
margin-right:180px;padding: 8px 0;}
.schedule-timesheet-track.gps-check-point .orderstatus-text ul{padding-left:10px;}
.schedule-timesheet-track.gps-check-point .orderstatus-text ul li:after{display:none;}
.schedule-timesheet-track.gps-check-point .orderstatus-check{background:#effcf9;
border:solid 1px #cff7ee;}
.schedule-timesheet-track.gps-check-point .orderstatus-text ul li img{margin-top:3px;}
.schedule-timesheet-track.gps-check-point{margin-top:0;}
.schedule-timesheet-track.gps-check-point .orderstatus:before{border:dashed 1px #d5dce7;margin:0 18px;
background:transparent;}

.tourlogs-left ul li h3{color:#000000;font-size:14px;margin-bottom:1px;}
.tourlogs-left ul{margin:0;padding:0;border-right:solid 1px #d8dde6;}
.post-tabbing .tab-pane .tourlogs-left ul{background: transparent;}
.tourlogs-left ul li{border-bottom:solid 1px #d8dde6;width:100%;}
.tourlogs-left ul li a{padding: 12px 13px 7px;}
.tourlogs-left ul li:last-child{border-bottom:0;}
.tourlogs-left ul li:hover{background: #f2f3fe;box-shadow: 0 2px 10px 0 rgba(0, 20, 140, .2);}
.tourlogs-left ul li.active{background: #f2f3fe;box-shadow: 0 2px 10px 0 rgba(0, 20, 140, .2);}

.tourlogs-right h4{color:#727cf5;font-size:16px;margin-bottom:5px;}
.tourlogs-right h5{color:#686868;font-size:12px;}
.tourlogs-right ul li{display:flex;padding:7px 0;margin:0;}
.tourlogs-right ul {padding:0;margin:0;}
.arrow-shape {height:21px;width:21px;border-radius:50%;border:solid 1px #d8d5e3;text-align: center;}
.arrow-shape img{filter:brightness(0.2);
    vertical-align: super;
    margin-top: 6px;}
.tourlogs-right ul { max-height: 75vh;overflow: auto; }
.tourlogs-right{padding:15px 0;}    


.tourlogs-time{margin:0 40px;}
.tourlogs-time h6{color:#000000;font-size:14px;margin-top:3px;margin-bottom: 0;}
.tourlogs-text-arrow{margin-right:30px;}
.tourlogs-text p{color:#686868;font-size:14px;margin-bottom: 0;}
.tourlogs-right ul li.disable{opacity:.5}
.tourlogs-text{flex:2;}
.tourlogs-deatils{border:solid 1px #d8dde6;border-left: 0;}

.scheduledduties h6{color:#010101;font-size:14px;margin-bottom:3px;}
.scheduledduties p{color:#1a1f44;font-size:13px;opacity:1;font-weight:normal;}
.scheduledduties h6 span{color:#6f7988;font-size:13px;}
.schedule-timesheet-track.scheduledduties{margin-top:0;}

.tourlogs-left .nav-tabs .nav-link.active{border-bottom:0;font-weight:normal;
background: #f2f3fe;box-shadow: 0 2px 10px 0 rgba(0, 20, 140, .2);}

.tourlogs-left .nav-tabs .nav-link{padding:.7rem 1rem;}

.awards ul{padding:0;margin:0;}
.order-guard ul{padding:0;margin:0;}

/*end-GPS*/

/*specs*/
.postinstructions-pin h5{color:#07080b;font-size:15px;border:0;padding:0;margin-bottom:3px;
    margin-top: 7px;}
.postinstructions-pin h5 span{color:#6f7988;font-size:13px;}

.postinstructions-pin h6{color:#5a5e6a;font-size:11px;}
.postinstructions-pin h6 span{color:#090a10;margin-left:5px;}
.postinstructions-downaload{padding:0 0 15px 0;}
.postinstructions-box{padding:0;}
.postinstructions.gps-check-point p{margin-top:0;font-size:13px;color:#333333;opacity:1;margin-bottom:-2px;}
.gps-check-point .postdownload-link a{color:#848c95;font-size:10.60px;}
.gps-check-point .postdownload-link a i{font-size:14px;}
.postdownload-icon{margin-right:10px;}
.postdownload-icon img{margin-top:5px;}


.client-p-invoice-payment-status .btn { padding: .20rem .4rem!important; font-size: 12px!important;
 margin: 2px!important; }
.invoiceequipment.posttotal-quizzes-teable .post-locations-table .table td{border:0;}
.invoiceequipment.posttotal-quizzes-teable tbody tr:nth-child(even){background:transparent;}
.invoiceequipment.posttotal-quizzes-teable .post-locations-table .table thead th{border:0;    padding: 3px 5px;}
.invoiceequipment .post-locations-table .table thead tr{background:transparent;}
.invoiceequipment .post-locations-table .table thead th{color:#6f7988;font-size:16px;}
.invoiceequipment.posttotal-quizzes-teable .post-locations-table .table td:first-child{color:#080a0f;font-size:13px;
    padding: 5px 0px;}
.invoiceequipment.posttotal-quizzes-teable .post-locations-table .table th:first-child{padding: 5px 0px;}

.invoiceequipment.posttotal-quizzes-teable .post-locations-table .table td{padding:5px;vertical-align:middle;}    
.invoiceequipment .post-locations-table .table td{color:#080a0f;font-size:13px;padding: 5px 10px;}


.turnoverratesss .schedule_das_box ul li{display:flex;max-width:215px;padding:11px 15px;margin: 0px 10px 0px 0;}
.turnoverratesss .schedule_das_box ul li i{margin-right:9px;}
.schedule_das_box ul li.das_greens{background:#00821c;}

.invoice-approved-view {  }

.invoiceequipment.posttotal-quizzes-teable .post-locations-table .table td .btn{padding: 3px 0px;
    margin-right: 10px;
    border-radius: 4px !important;}
.invoiceequipment.posttotal-quizzes-teable .post-locations-table .table td .btn i{color:#ffffff;

}

/*end-specs*/



/*css-add-22 may*/
.question-box{box-shadow: 1px 0 8px rgba(0,0,0,.2);background:#fff;border-radius:4px;}
.question{background-color:#eff5fd;color:#000000;font-size:15px;padding:8px 15px 0px;}
.question .ch-account-user-row{padding-bottom: 2px;}
.question-model{padding:0px 17px 24px;}
.question h5{color:#000000;font-size:15px;}
.question h4{color:#000000;font-size:15px;margin-bottom: 0;margin-top: 0;}
.option h5{color:#333333;margin-bottom: 0;}
.option h4{color:#4e4e4e;}
.answer-penal{background-color:#f6f6f6;}
.answer-penal .ch-account-user-row{padding: 7px 10px 7px 13px;}
.answer-submit .ch-account-user-row {padding: 7px 10px 7px 13px;}
.answer-penal h5{color:#0057e8;font-size:14px;}
.answer-penal h4{color:#000000;font-size:14px;}
.answer-submit{background-color:#e1fbe5;}
.answer-submit h5{color:#009419;font-size:14px;}
.answer-submit h4{color:#000;font-size:14px;}

.question-box .ch-account-user-row{padding-top: 7px;padding-bottom: 7px;border-bottom: 1px solid #e3e7ea;}
.question-box .question-model .ch-account-user-row h4, 
.question-box .question-model .ch-account-user-row h5{margin: 4px 0;font-size: 13px;}
.question-box .ch-account-user-row:hover{background-color:transparent;}
.option .ch-account-user-row {border: 1px #ddd;border-radius: 4px;padding: 5px 10px;
    border-style: dashed;margin: 5px 0;}
.option .ch-account-user-row img{max-height: 50px;
    max-width: 100%; width: auto; border-radius: 5px;}
.option .ch-account-user-row .row {align-items: center;}   

/*end-css-add-22 may*/


/*client-portal-home*/
.client-portal-left{background: #fff;border-radius:4px;padding:10px 10px;}
.table-scroll {
  position: relative;
  width:100%;
  z-index: 1;
  margin: auto;
  overflow: auto;
 
}
.table-scroll table {
  width: 100%;
  
  margin: auto;
  border-collapse: separate;
  border-spacing: 0;
}
.table-wrap {
  position: relative;
}
.table-scroll th,
.table-scroll td {
  padding: 1px 10px;
  border: .5px solid #e4e6f8;
  background: #fff;
  vertical-align: top;
}

.table-scroll td a{font-size:12px;color:#636ef7;font-weight:normal;}

.table-scroll thead th {
  background: #f4f4f4;
  color: #06070a;
  position: -webkit-sticky;
  position: sticky;
  top: 0;font-size:11px;font-weight:normal;text-align: center;vertical-align:middle;
}


.table-scroll thead th span{color:#6f6f6f;}

/* safari and ios need the tfoot itself to be position:sticky also */
.table-scroll tfoot,
.table-scroll tfoot th,
.table-scroll tfoot td {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  background: #f4f4f4;
  color: #000000;
  z-index:4;font-size:11px;    padding: 7px 9px 3px;
}

.table-scroll tfoot td { padding: 12px 9px 9px; }

.client-portalhome .report_officer { padding-bottom: 1px; }
.client-portalhome .no_record .alert-warning {     margin-left: 10px;
    margin-right: 10px; }
.client-portal-tables th:first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 2;
  font-size:14px;font-weight:normal;border:0;
}

.client-portal-tables th:first-child span{color:#6a6a6a;font-size:12px;}

.client-portal-tables thead th:first-child,
.client-portal-tables tfoot th:first-child {
  z-index: 5;
}
.client-portal-tables tfoot th:first-child{background:#ffffff}
.garud-timesd h5{color:#0e1e47;font-size:13px;margin-bottom:2px;}
.garud-timesd h6{color:#707070;font-size:11px;margin-bottom: 0;}
.garud-timesd{    padding: 3px 4px;background: #eff0f9;margin-left: 1px;
min-height:38px;max-height:38px;}
.garud-timesd.shift_no_record_lr { background: transparent!important;margin: 0!important; }
.garud-horse{background:#f4f4f4 !important;color:#707070;font-size:11px; padding:3px 2px;min-height:38px;max-height:38px;}
.garud-timesd.garud-timesdempty{background:#ffffff !important;}

.sc_time {
    display: flex;
    color: #0e1e47;
    font-size: 11px;
    font-weight: 500 !important;
}
.shift_start_ti {
    padding-right: 3px;
}
.shift_end_ti {
    padding-left: 3px;
}

.garud-reports{background:#ffffff;background: #fff;border-radius: 4px;margin-top:13px;}
.garud-reports h4{color:#19223f;font-size:17px;padding:8px 10px;margin:0;border-bottom:solid 1px #eeeef2;}
.report-top{padding:5px 10px;border-bottom:solid 1px #eeeef2;
      background: #f7f7f7;margin-bottom:15px;}
.report-tops{padding:10px 10px 0;}
.report-top .officer-deatils-filter .custom-selectr .form-control{font-size:13px;}
.sc_time{color:#090c15;font-weight:normal;}
.report-top .officer-deatils-filter .custom-selectr{margin-bottom:7px;}
.garud-reports-list ul{padding:0;margin:0;width: 49%;}
.garud-reports-list ul li{display:inline-flex;position: relative;padding:10px 8px;border-bottom:solid 1px #eeeef2;
width:100%;}
/*.garud-reports-list ul li:nth-child(odd) {margin-right:73px;}*/
.garud-reports-list ul li:hover{box-shadow: 0 0 7px rgba(0, 0, 0, .1);background: #fff;}
.garud-reports-list ul li span{color:#747474;font-size:12px;margin-right:10px;}
.garud-reports-list ul li h5{color:#090c15;font-size:13px;margin-bottom:0;margin-top:1px;}
.garud-reports-list ul li h6{color:#616161;font-size:11px;position:absolute;right:10px;
margin-bottom:0;margin-top:2px;}
.garud-reports-list{padding:10px 10px;padding-top:0;}
.garud-reports-list ul li h6 a i{color:#727cf5;font-size:13px;margin-left:5px;}
.garud-reports-list ul li h6.active{color:#00821c;}
.garud-reports-list ul li h6.daily-report{color:#4b4b4b;}
.garud-reports-list ul li h6.daily-report a{color:#4b4b4b;}

.table-scroll td {padding: 0}

.schedule_inner .client-portal-tables { padding-left: 2px;position: relative; }
.bottom_table_scre .client-portal-tables  { position: unset !important; }
.schedule_inner .client-portal-tables:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    background: #ddd;
}
p.quiz_reson {
    border-top: 1px solid #ddd;
    padding-top: 5px;
}
.no_award { font-size: 14px;margin-bottom: 10px; }

.invoice-approved-view .btn-success { background-color: #218838!important;
    border-color: #1e7e34!important; }
/*.invoiceequipment .table {     table-layout: fixed; }*/
.Das_account_name { display: inline-block;width: 12%;float: left; }
  .client-portal-tables { display: inline-block;width: 88%; }
  .client-portal-tables .table-scroll td { min-width: 120px;max-width: 120px; min-height: 38px;}
  .client-portal-tables th.fixed_row { font-size: 12px;color: #636ef7; padding-top: 6px;
    border-top: .5px solid #e4e6f8; }
  .remove_th_top_border {border-top: 0px !important;}  
  .client-portal-tables th:first-child {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 2;
    font-size: 11px;
    font-weight: normal;
   
    min-width: 115px;
    max-width: 115px;width: 115px;
    text-align: left;
}
.ac_name_bg { font-size: 11px;color: #000; background: #f4f4f4;padding: 10px; }
.ac_name { font-size: 14px;color: #000;    padding-left: 10px;padding-top: 10px;
    margin-bottom: 0;
    border-top: 1px solid #eff0f9;}
.Das_account_name_text p { font-size: 12px;color: #6a6a6a;padding-left: 10px; margin-bottom: 0; }
.table-scroll {     border-left: 1px solid #e4e6f8; }
.table-scroll th, .table-scroll td {     border-top: .5px solid #e4e6f8;    border-left: .5px solid #e4e6f8;
border-bottom: 0;border-right: 0; }
.close-div{display:none;}

/*end-client-portal-home*/


/*.corporate-communicators-modal*/
.corporate-communicators-modal .orderstatus-text{padding-left: 0;}
.corporate-communicators-modal .corporate-communicators-stage{padding: 0;}
.corporate-communicators-modal .orderstatus-communicators{border-top:solid 1px #eaeaea;
padding-top: 5px;margin-bottom:12px;border-bottom:solid 1px #eaeaea;padding-bottom:3px;}
.corporate-communicators-modal .corporate-communicators-stage .orderstatus-text h3{margin-bottom:3px;}
.corporate-communicators-modal .orderstatus-coprater{border-bottom:0;padding-bottom: 0;margin-bottom:0;}
.corporate-communicators-modal .orderstatus-coprater h5{margin-bottom:15px;}
/*end.corporate-communicators-modal*/

.client_logo_top {    
    padding: 2px;
    overflow: hidden;
    text-align: center;   
    border: 1px dashed #ccc;    
    vertical-align: middle;
    justify-content: center;
    align-content: center;
    align-items: center;
    border-radius: 10px;
    display: flex;
    background: #fff;width: 200px;height: 110px;margin-bottom: 20px;
}
.client_logo img { max-height: 100%; max-width: 100%; }
.client_logo_top img { max-height: 100% }

.client_logo {
    position: absolute;
    right: auto;
    top: 50%;
    padding: 2px;
    overflow: hidden;
    text-align: center;
    margin: auto auto;
    border: 1px dashed #ccc;
    z-index: 9;
    vertical-align: middle;
    justify-content: center;
    align-content: center;
    align-items: center;
    border-radius: 10px;
    display: flex;
    background: #fff;
    bottom: 50%;
    width: 260px;
    height: 140px;
}


.workunderprogess{color: #d60508;border: solid 3px;padding:6px 20px;font-size:17px;text-align:center;}
.schedule_claint_pro{min-height: calc(100vh - 91px)!important;}

.schedule_das_box.sk_reward ul li.das_green i{font-size:18px;margin-top:4px;}

@-webkit-keyframes autofill {
    to {
        
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

.form-group input:-webkit-autofill + .form-label {
    -webkit-transform: translateY(-107%) !important;
    transform: translateY(-107%) !important;
}

.custom-report-gen{margin-top:24px;padding-left: 10px;}
.GenerateReportadd{cursor: pointer;
    font-size: 13px;
    background: #5376b0;
    padding: 10px 10px;
    border-radius: 4px;
    color: #fff !important;
    font-size: 16px;}

.btn-success.GenerateReportb{font-size: 13px;
    background: #5376b0;
    padding: 6px 10px;
    border-radius: 4px;
    color: #fff !important;border:solid 1px #5376b0;
    font-size: 16px;}


.report-genrtae-skr .custom-selectr{padding:0;}
.no_certified{font-size:13px;padding: 1px 0 5px;}
.tourlogs-right ul li.no_record_tour_log{padding:0;}
.tourlogs-right ul li.no_record_tour_log .alert-warning{width:97%;margin-bottom:0;padding:10px 1.25rem;
font-size:13px;margin-top:7px;}

.alert-warning{font-size:13px;text-align: left;}


/*custom arrow*/

.se-seg label,
.radio label {
   padding: 10px 0;
}
.ms-options-wrap > .ms-options .ms-selectall {     text-transform: none !important; }
.se-seg li { padding-right: 0 !important;width: 100%; }
.col-sm-12.contact_info_list_section.padding-0 .ms-options {min-height: 0 !important  }

.se-seg ,
.radio {
    margin: 0;
}

.se-new-car .custom-radios input[type="radio"]:checked+label span {
    opacity: 1;
    background: url(../images/from-arro.png) center center no-repeat;
    width: 23px;
    height: 23px;
    display: inline-block
}

.se-seg label:after,
.se-seg .radio label:after {
    content: '';
    display: table;
    clear: both
}

.se-seg .cr,
.se-seg .radio .cr {
    position: relative;
    display: inline-block;
   
    border-radius: 2px;
    width: 17px;
    height: 17px;
    float: left;
    margin-right: .5em
}

.se-seg .radio .cr {
    border-radius: 50%
}

.se-seg .cr .cr-icon,
.se-seg .radio .cr .cr-icon {
    position: absolute;
    font-size: 14px;
    line-height: 0;
    top: 50%;
    left: 0%;
    color: #1c3670;
}

.ms-options-wrap > .ms-options > ul li label {padding: 4px 4px 4px 10px !important;}

.se-seg .radio .cr .cr-icon {
    margin-left: .04em
}

.se-seg label input[type="checkbox"],
.se-seg .radio label input[type="radio"] {
    display: none
}

.se-seg label input[type="checkbox"]+.cr>.cr-icon,
.se-seg .radio label input[type="radio"]+.cr>.cr-icon {
    transform: scale(2) rotateZ(-20deg);
    opacity: 0;
    transition: all .2s ease-in
}
.searching_filters.account_filter_ganeral.report-section .form-group .col-sm-2.date.date-from { padding-right: 20px;position: relative; }
.searching_filters.account_filter_ganeral.report-section .form-group .col-sm-2.date.date-from:after { 
    position: absolute;content: "To";top: 7px;    right: -2%; }


.se-seg label input[type="checkbox"]:checked+.cr>.cr-icon,
.se-seg .radio label input[type="radio"]:checked+.cr>.cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1
}

.se-seg label input[type="checkbox"]:disabled+.cr,
.se-seg .radio label input[type="radio"]:disabled+.cr {
    opacity: .5
}

.se-new-car ul li {
    width: 100%
}

.custom-radios {
    display: inline-block;
    margin-left: 20px;
    color: #666
}


/*history*/
.schedule-history-accor{
  position: relative;
  width: 100%;
 
}
.schedule-history-accor > a{
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  color: #1c3670;
  font-weight: 600;
  border: 1px solid #ddd;
  -webkit-transition:all 0.2s linear;
  -moz-transition:all 0.2s linear;
  transition:all 0.2s linear; border-radius: 5px;
}
.schedule-history-accor > a i{
  float: right;
  margin-top: 2px;
}
.schedule-history-accor > a.active{
  background-color:#1c3670;
  color: #fff; border-radius: 5px;
}
.schedule-history-accor-open{
  background-color: #fff;
 
  display:none;
}
.schedule-history-accor .ch-account-user-row { padding-left: 10px;padding-right: 10px; }
.padding-0 { padding: 0; }



/*css-add-by-ShrawanRewar-12-5-2020*/
.invoice-pdf-main-may .invoice-col{margin-bottom:6px;margin-top:-5px;    font-size: 14px;}
.invoice-heades{padding:10px 0px;}
.invoice {position: relative;
    background: #fff;
    border: 1px solid #f4f4f4;
    padding: 20px;
    }

.page-header{border-bottom:1px solid #eee;padding-bottom:9px;margin: 10px 0 20px 0;font-size: 22px;}
.invoice-heades h1{font-size:32px;}
.invoice-heades h1 small{font-size: 20px;color: #898888;}
.invoice .table th{font-size:15px;padding:8px;}
.invoice .table td{font-size:15px;padding:8px;}

/*End-css-add-by-ShrawanRewar-12-5-2020*/


/*media-qures*/
@media (min-width:1400px){
  .Das_account_name { width: 10%; }
  .client-portal-tables { width: 90%; }
}

@media (min-width:1299px){
.officer-menu-right{margin-left:20px;}
 } 

@media (max-width:1199px){
div.sub a{font-size:11px;}
.schedule_right_filter ul{padding:0;}
.filter_box_border a{padding: 9px 7px;}
.profile_location{left:17%;}
.officer-menu-right{margin-left:30px;}
.profile_location {
    left: 16%;
}
}


/*@media (max-width:1050px){
.officer-menu-right{margin-left:50px;}

}*/

@media (max-width:991px){
div.sub a i{display:none;}
.garud-reports-list ul li{display:inline-block;}
.garud-reports-list ul li h6{right:6px;top:8px;}
.garud-reports-list ul li{padding: 4px 8px;}
.client-copyright {padding: 7px 0;  }
.client-copyright p { font-size: 13px; }
.open-modales .col-sm-10 { padding: 0 5px; }
.officers-img { width: 38px;height: 38px;margin-right: 10px; }
.officers-text h3 {     font-size: 13px;margin-top: 0; }
.officers-pin span { margin-right: 10px;}
.profile_location{left:21%;}
.garud-notification .padding-l-0{padding-left:20px;}
.gps-check-point .orderstatus-text ul li{margin-right: 130px;}
.officers-pin span{display:block;margin-bottom:5px;}
.tourlogs-left .nav-tabs .nav-link{padding:.7rem 10px;}
.officer-menu-right{margin-left:20px;}

.invoice .btn{padding:.300rem .55rem;margin-top:0;}

}



@media (max-width:767px){
  .Das_account_name { width: 100%; margin-top: 10px;}

  .schedule_right_filter { margin-top: 0; }
  .schedule_right_filter ul { display: block;float: none; }
  li.filter_text { width: 100%; }
  .schedule_right_filter ul li.filter_box { float: left;width: auto; }
  .schedule_right_filter ul li.filter_box_right { float: left;width: auto; }
  .client-portal-tables { width: 100%; }
  .garud-reports-list ul { width: 100%; }
.menu-drawer{width:100%;display: none;}
.officer-menu-profile{width: 90px;height: 90px;}
.officer-menu-profile img{width:100%;height:100%;}
.officer-menu-right{margin-top:5px;margin-left:0;}
.awards h4:after{width:89%;}
.awards.certified :after {width: 88%;}
.custom-selectr{margin-bottom:5px;}
.nav-tabs .nav-link.active{padding:5px 5px;}
.posttotal-quizzes-teable .post-locations-table .table td{padding: 5px 5px;font-size: 12px;}
.post-locations-table .table thead th{font-size: 13px;padding: 3px 4px;}
.garud-notification .padding-l-0{padding-left:15px;}
.garud-notification h4{font-size:14px;margin-top:10px;}
.garud-notification p{margin-bottom:0;}
.garud-notification{padding: 4px 0 0;}
.post-tabbing .nav-tabs .nav-link{font-size:12px;}
.post-tabbing .nav-tabs .nav-link{padding: 10px 5px;}
.gps-check-point .orderstatus-text ul li{margin-right:10px;padding:0;}
.postinstructions-box{margin-bottom:7px;border:0;}
.postinstructions-downaload {padding: 0 0 0px 0;}
.dashboard-profile ul li img{height:auto;width:auto;}
.dashboard-profile ul{justify-content:unset;}
.dashboard-profile{float:right;}
.dashboard-profile ul li.fa-question2 img{margin-right:10px;}
.client-portalhome .padding-l-0{padding-left:15px;margin-top:10px;}

.client-officersg{width:100%;}
.menu-drawer{position: fixed;margin: 0 auto;width: 100% !important;max-height: 90vh;min-height: auto;}
.close-div{display:block;}
.profile_location{left:32%;}
.active-offers .main{display:none;}
.officers-pin span:last-child{margin-bottom:0}
.officer-menu-right{margin-left:20px;}
.open{right:0;}
.corporate-communicators-modal .orderstatus-coprater h5{
    margin-bottom: 5px;
    border-bottom: solid 1px #eeeeee;
}
.profile_location {left: 27%;}

.sign-up-page .sign-up-page-img{display:block;}
.sign-up-page .client-login{position:unset;height:auto;width:100%;border-radius:0;border:0;padding:20px 0 0;}
.client_logo{position:relative;height:65px;top:20%;}
.client_logo_top{height:65px;width:260px;margin:0 auto;margin-bottom:25px;}
.sign-up-page .signup-page-deatils{height:100%;}
.sign-up-page .client-content{padding-top:0;}
.sign-up-page{display:block;}
.custom-report-gen{margin-top:12px;margin-bottom:13px;}
.invoice{padding:10px;}
.invoice .btn-primary{margin-top:20px;}
.invoice .table th{font-size:13px;padding:4px;}
.invoice .table td{font-size:13px;padding:4px;}

}

@media (max-width:730px){
.profile_location {
    left: 28%;
}



}  



@media (max-width:575px){
/*.officer-menu-right{margin-left:-50px;}*/
.awards h4:after{width:83%;}
.awards.certified :after {width: 82%;} 
.sign-up-page{display:flex;}

}

@media (max-width:550px){
.dashboard-profile ul li img{height:auto;width:auto;}
.active-offers h3{font-size:15px;}
.menu-drawer{width:100%;padding: 8px 11px;}
.menu-drawer{right:0;}
.schedule_das_box ul li{    padding: 8px 12px;}
.garud-reports-list ul li {display: block;width: 100%;}
.garud-reports-list ul li h6{top:14px;}
.profile_img{width:70px;height:70px;}
.profile_img img{width:100%;}
.profile_location{top:16px;}
.profile_inner{    padding: 10px;}
.profile_text h2{font-size:15px;margin-bottom:5px;}
.profile_text_in h3{font-size:13px;}
.officer-menu-right{margin-left:20px;}

 } 

@media (max-width:412px){

.profile_location{left:22%;}

 } 

@media (max-width:375px){

.profile_location{left:25%;}
 } 

/*end-medai-qures*/


/*New css add 12 Apr 2021*/

.dragandrophandler input.form-control.image_file { font-size: 12px!important; padding: 5px 5px !important;height: 36px; }

#dragandrophandler{
color:#92AAB0;
text-align:left;vertical-align:middle;
padding:10px 10px 10 10px;
margin-bottom:10px;
}
#dragandrophandler_edit{
color:#92AAB0;
text-align:left;vertical-align:middle;
padding:10px 10px 10 10px;
margin-bottom:10px;

}
.progress_bar_width_mass .statusbar { border-radius: 4px; border: 1px solid #d2d6de; }
.progress_bar_width_mass .filename { width: 60%;}
.progress_bar_width_mass .filesize { text-align: right;}
.ms-options-wrap > button:focus, .ms-options-wrap > button { height: 34px;border-radius: 4px; }
.progress_bar_width_mass .progressBar { width: 73%; }
.progressBar {
width: 240px;
height: 22px;
border: 1px solid #ddd;
border-radius: 5px;
overflow: hidden;
display:inline-block;
margin:0px 10px 5px 0px;
vertical-align:top;
}
.addNewslatter .ajax-file-upload-error { color: red; }
.EditNewslatter .ajax-file-upload-error { color: red; }
.progressBar div {
height: 100%;
color: #fff;
text-align: right;
line-height: 22px; / same as #progressBar height if we want text middle aligned /
width: 0;padding: 0 7px;
background-color: #0ba1b5; border-radius: 3px;
}
.statusbar{
border-top:1px solid #A9CCD1;
min-height:25px;font-size: 13px;margin-bottom: 3px;

padding:4px 10px 0px 10px;
vertical-align:top;
}
.statusbar{
background:#EBEFF0;
}
.statusbar_edit{
border-top:1px solid #A9CCD1;
min-height:25px;

padding:10px 10px 0px 10px;
vertical-align:top;
}
.statusbar_edit:nth-child(odd){
background:#EBEFF0;
}
.filename{
display:inline-block;
vertical-align:top;
width:240px;
}
.filesize{
display:inline-block;
vertical-align:top;
color:#30693D;
width:100px;
margin-left:10px;
margin-right:5px;
}
.abort{
background-color:#A8352F;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;display:inline-block;
color:#fff;
font-family:arial;font-size:13px;font-weight:normal;
padding:2px 10px;
cursor:pointer;
vertical-align:top
}
.delete_video_upload{
background-color:#A8352F;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;display:inline-block;
color:#fff;
font-family:arial;font-size:13px;font-weight:normal;
padding:2px 10px;
cursor:pointer;
vertical-align:top
}
.response_cc_email {
    color: #0c49d0;
}
.orderstatus-coprater .delete_video_upload i {
    color: #ffffff;
    font-size: 13px;
    margin-right: 0;
    position: relative;
    top: 0;
}