body{
    font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
a{
    cursor:pointer;
}
label{
    font-weight:600;
}
.error {
    border:1px solid #dc3b3b!important;
}
#error_msg{
    display:block;
    padding:0px 15px;
    font-size:12px;
    color:red;
}
.Approved {
    color:green;
    font-weight:600;
}

.Pending {
    color:red;
    font-weight:600;
}

.Approved span {
    background-color:#16c416e0;
    padding:3px 7px;
    border-radius:17px;
    color:#fff;
    font-size:12px;
}

.Pending span {
    background-color:#f7ab00;
    padding:3px 7px;
    border-radius:17px;
    color:#fff;
    font-size:12px;
}

.fa-cog {
    position:absolute;
    left:5px;
    top:10px;
}

.sticky-top {
    z-index:990;
}

.sidebar .nav-item {
font-size:9pt;
    position:relative;
}

.sidebar .nav-item .nav-link:hover,
.sidebar .nav-item .nav-link.active {
    background:#db3838;
    color:#fff;
}

.sidebar .nav-link span {
    margin-right:4px;
    vertical-align:middle;
}

.submenu {
    padding-left:0;
}

.submenu li {
    list-style:none;
}

.submenu .nav-link {
    padding-left:30px;
}

.sub-icon {
    position:absolute;
    right:20px;
    font-weight:400;
    transition:all 0.3s ease 0s;
}

.parent-chevron .sub-icon {
    transform:rotate(90deg);
}

.nav-link .feather {
    vertical-align:text-top;
}

.suggestion-list {
    border:1px solid #ced4da;
    border-radius:0.25rem;
    min-width:340px;
    position:absolute;
    z-index:1;
    background-color:#fff;
    top:110%;
    padding:14px 0px;
}

.suggestion-list ul {
    margin:0px;
    padding:0px;
    list-style-type:none;
}

.suggestion-list ul li {
    font-size:14px;
    padding:0px 14px;
    color:#aaa;
    cursor:pointer;
}

.suggestion-list ul li:hover {
    background-color:#3498db;
    color:#fff;
}

.suggestion-list ul li:nth-child(n + 2) {
    margin-top:10px;
}

.form-group .spinner {
    display:none;
    position:absolute;
    bottom:11px;
    right:20px;
}

.spinner.position-relative {
    bottom:0;
    right:0;
}

.form-group .spinner.spinner-border {
    width:1rem;
    height:1rem;
    position:absolute;
    right:8px;
    left:auto;
    bottom:10px;
    top:auto;
    border:0.15em solid currentColor;
    border-right-color:transparent;
    border-radius:50%;
    -webkit-animation:spinner-border 0.75s linear infinite;
    animation:spinner-border 0.75s linear infinite;
}


.form-group .spinner_phone {
    display:none;
    position:absolute;
    bottom:11px;
    right:20px;
}

.spinner_phone.position-relative {
    bottom:0;
    right:0;
}

.form-group .spinner_phone.spinner-border {
    width:1rem;
    height:1rem;
    position:absolute;
    right:8px;
    left:auto;
    bottom:10px;
    top:auto;
    border:0.15em solid currentColor;
    border-right-color:transparent;
    border-radius:50%;
    -webkit-animation:spinner-border 0.75s linear infinite;
    animation:spinner-border 0.75s linear infinite;
}


.form-group .spinner_name {
    display:none;
    position:absolute;
    bottom:11px;
    right:20px;
}

.spinner_name.position-relative {
    bottom:0;
    right:0;
}

.form-group .spinner_name.spinner-border {
    width:1rem;
    height:1rem;
    position:absolute;
    right:8px;
    left:auto;
    bottom:10px;
    top:auto;
    border:0.15em solid currentColor;
    border-right-color:transparent;
    border-radius:50%;
    -webkit-animation:spinner-border 0.75s linear infinite;
    animation:spinner-border 0.75s linear infinite;
}

.table,
.table tr,
.table td {
    background-color:white !important;
}

.view_all {
    display:inline-block;
    margin:0 auto;
    text-align:center;
    width:100%;
}

/* width */
::-webkit-scrollbar {
    width:5px;

}

/* Track */
::-webkit-scrollbar-track {
    background:#f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background:#ff0000;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background:#555;
}

.intake_tbl,
.fixed-table-body {
    max-height:460px;
}

#table_loader {
    text-align:center;
    height:100px;
    color:#212529;
    font-weight:bold;
}

.spinner_intake {
    width:21px;
    height:20px;
    display:none;
    float:right;
}

.ld_mre_main {
    display:inline-block;
    margin:0 auto;
    text-align:center;
    width:100%;
    margin:20px;
}

.ld_mre {
    color:white;
    padding:10px;
    background:#212529;
    cursor:pointer;
    border:none;
    position:relative;
}

.ld_mre_ajx {
    color:#212529;
    background:#fff;
    cursor:not-allowed;
    border:1px solid #212529;
}

.intake_tbl td:nth-child(2) {
    width:133px !important;
}

.hide {
    display:none;
}
/* START NOTIFICATION DETAILS */
.notification-inr{position: relative;}
.notification-count{position: absolute;top: -6px;right: -8px;border: 1px solid #fff;width: 16px;height: 16px;line-height: 14px;border-radius: 50%;text-align: center;font-size: 10px;background: #000000;}

/* START SEARCH DETAILS */
.search {
    --text-color:#414856;
    --border-radius:10px;
    --width:260px;
    --height:36px;
    width:auto;
    height:var(--height);
    position:relative;
    border-radius:var(--border-radius);
    display:-webkit-box;
    display:flex;
    -webkit-box-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    align-items:center;
}

.search .input-group {
    position:relative;
    width:var(--height);
    height:var(--height);
    font:400 16px "Varela Round", sans-serif;
    color:var(--text-color);
    border:0;
    box-sizing:border-box;
    outline:none;
    padding:0 0 0 0;
    -webkit-transition:width 0.6s ease;
    transition:width 0.6s ease;
    z-index:0;
    opacity:0;
    cursor:pointer;
    background:#fff;
}

.search .input-group .btn.btn-danger {
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
    background:#fff;
    color:#2196F3;
    border:0;
}

.search .input-group .btn.btn-danger:focus {
    box-shadow:none;
    outline:none;
}

.search .input-group .btn.btn-danger img {
    max-width:20px;
    border-radius:50px;
}

.search input[type="text"] {
    width:calc(100% - 60px);
    border:none;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
    background:transparent;
    /*padding:0 35px 0 35px;*/
}

.search.open-search .input-group {
    outline:none;
}

.search input[type="text"]:focus {
    outline:none;
}

.search.open-search .input-group {
    opacity:1;
    width:var(--width);
    border-radius:10px;
}

/* .search input[type="text"]:focus ~ .symbol::before , */
.search.open-search .input-group~.symbol::before {
    width:0%;
}

/* .search input[type="text"]:focus ~ .symbol:after , */
.search.open-search .input-group~.symbol:after {
    -webkit-clip-path:inset(0% 0% 0% 100%);
    clip-path:inset(0% 0% 0% 100%);
    -webkit-transition:-webkit-clip-path 0.04s linear 0.105s;
    transition:-webkit-clip-path 0.04s linear 0.105s;
    transition:clip-path 0.04s linear 0.105s;
    transition:clip-path 0.04s linear 0.105s,
        -webkit-clip-path 0.04s linear 0.105s;
}

/* .search input[type="text"]:focus ~ .symbol .cloud , */
.search.open-search .input-group~.symbol .cloud {
    top:-30px;
    left:-30px;
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0);
    -webkit-transition:all 0.6s ease;
    transition:all 0.6s ease;
}

/* .search input[type="text"]:focus ~ .symbol .lens , */
.search.open-search .input-group~.symbol .lens {
    top:12px;
    left:auto;
    right:15px;
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0);
    fill:#f72503;
    -webkit-transition:top 0.5s ease 0.1s, left 0.5s ease 0.1s, fill 0.3s ease;
    transition:top 0.5s ease 0.1s, left 0.5s ease 0.1s, fill 0.3s ease;
}

.search .symbol {
    height:100%;
    width:34px;
    position:absolute;
    top:2px;
    right:0%;
    z-index:1;
    display:-webkit-box;
    display:flex;
    -webkit-box-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    align-items:center;
    cursor:pointer;
}

.search .symbol:before {
    content:"";
    position:absolute;
    right:0;
    width:100%;
    height:100%;
    z-index:-1;
    -webkit-transition:width 0.6s ease;
    transition:width 0.6s ease;
}

.search .symbol:after {
    content:none !important;
    position:absolute;
    top:18px;
    left:16px;
    width:16px;
    height:16px;
    border-radius:50%;
    background:#f72503;
    z-index:1;
    -webkit-clip-path:inset(0% 0% 0% 0%);
    clip-path:inset(0% 0% 0% 0%);
    -webkit-transition:-webkit-clip-path 0.04s linear 0.225s;
    transition:-webkit-clip-path 0.04s linear 0.225s;
    transition:clip-path 0.04s linear 0.225s;
    transition:clip-path 0.04s linear 0.225s,
        -webkit-clip-path 0.04s linear 0.225s;
}

.search .symbol .cloud,
.search .symbol .lens {
    position:absolute;
    fill:#fff;
    stroke:none;
    top:50%;
    left:50%;
}

.search .symbol .cloud {
    width:24px;
    height:20px;
    -webkit-transform:translate(-50%, -60%);
    transform:translate(-50%, -60%);
    -webkit-transition:all 0.6s ease;
    transition:all 0.6s ease;
    color:#fff;
    top:60%;
    left:60%;
    font-size:15px;
}

.search .symbol .lens {
    fill:#fff;
    width:12px;
    height:12px;
    z-index:2;
    top:20px;
    left:19px;
    -webkit-transition:top 0.3s ease, left 0.3s ease, fill 0.2s ease 0.2s;
    transition:top 0.3s ease, left 0.3s ease, fill 0.2s ease 0.2s;
}

.search-holder {
    background:#f72503;
    font:400 16px "Varela Round", sans-serif;
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    -webkit-box-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    align-items:center;
    position:relative;
    margin-right:20px;
}

.search-holder .socials {
    position:fixed;
    display:block;
    left:20px;
    bottom:20px;
}

.search-holder .socials>a {
    display:block;
    width:30px;
    opacity:var(--opacity, 0.2);
    -webkit-transform:scale(var(--scale, 0.8));
    transform:scale(var(--scale, 0.8));
    -webkit-transition:-webkit-transform 0.3s cubic-bezier(0.38, -0.12, 0.24, 1.91);
    transition:-webkit-transform 0.3s cubic-bezier(0.38, -0.12, 0.24, 1.91);
    transition:transform 0.3s cubic-bezier(0.38, -0.12, 0.24, 1.91);
    transition:transform 0.3s cubic-bezier(0.38, -0.12, 0.24, 1.91),
        -webkit-transform 0.3s cubic-bezier(0.38, -0.12, 0.24, 1.91);
}

.search-holder .socials>a:hover {
    --scale:1;
}

.search-holder ul {
    position:absolute;
    top:43px;
    background:#fff;
    width:100%;
    border-radius:3px;
    box-shadow:0 2px 40px rgba(0, 0, 0, 0.4);
    -webkit-transition:opacity 0.218s;
    -moz-transition:opacity 0.218s;
    -o-transition:opacity 0.218s;
    transition:opacity 0.218s;
    overflow-x:hidden;
    min-width:160px;
    padding:5px 0;
    margin:0;
    font-size:14px;
    list-style:none;
    background-clip:padding-box;
    border:1px solid rgba(0, 0, 0, 0.15);
    border-bottom:none;
    border-top:0;
    max-height:400px;
    overflow-y:auto;
    display:none;
    border-color:#3eb243db;
    border-style:solid;
    border-width:5px 0px;
}

/* width */
.search-holder ul::-webkit-scrollbar {
    width:5px;
}

/* Track */
.search-holder ul::-webkit-scrollbar-track {
    background:#f1f1f1;
}

/* Handle */
.search-holder ul::-webkit-scrollbar-thumb {
    background:#3eb243db;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background:#555;
}

.search-holder ul li {
    border-bottom:1px solid #f3f3f3;
    background:#fff;
}

.search-holder ul li a {
    font-size:16px;
    color:#fff;
    cursor:pointer;
    padding-top:10px;
    padding-bottom:10px;
    background:#fff;
    color:#333;
    font-size:13px;
    white-space:normal;
    padding-left:10px;
    padding-right:15px;
    display:block;
}

.search-holder ul li a .icon-div {
    display:table-cell;
    vertical-align:middle;
}

.search-holder ul li a .icon-div .avatar-no-image {
    display:inline-block;
    margin-right:10px;
    height:40px;
    width:40px;
    line-height:40px;
    border-radius:40px;
    background-color:#ddd;
    color:#fff;
    text-align:center;
    text-transform:uppercase;
    font-size:18px;
}

.search-holder ul li a .content {
    display:table-cell;
    vertical-align:middle;
}

.search-holder ul li a .content .email {
    font-size:12px;
    color:#aaa;
}

.search-holder ul li.active a,
.search-holder ul li:hover a {
    background:#f7f7f7;
    color:#428bca;
}

/* -------------------------------
   SEARCH HOLDER 1 - UPDATED STYLE
--------------------------------*/
/* --- Responsive Fix for Mobile Screens --- */
@media (max-width: 480px) {
  .search-holder1 {
    max-width: 100% !important;
    width: 85% !important;
    margin: 0 10px 15px;
  }

  .search-holder1 .search {
    padding: 5px 8px; 
    border-radius: 40px;
  }

  .search-holder1 .search-global {
    font-size: 14px;
    padding: 6px 35px 6px 10px;
  }

  .search-holder1 .symbol {
    right: 8px;
    font-size: 18px;
    transform: translateY(-50%);
  }
}

.search-holder1 {
  position: relative;
  width: 100%;
  max-width: 400px;
  margin: 0 auto 20px;
  font: 400 16px "Varela Round", sans-serif;
}

/* --- Search Box --- */
.search-holder1 .search {
  display: flex;
  align-items: center;
  background: #fff;
  border: 1px solid #f72503;
  border-radius: 50px;
  padding: 5px 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
  position: relative;
  flex-wrap: nowrap;
  overflow: hidden;
}

.search-holder1 .input-group-prepend {
  flex-shrink: 0; 
}

.search-holder1 .search:focus-within {
  box-shadow: 0 0 5px #f72503;
  border-color: #f72503;
}

/* --- Dropdown Button (IntakeQ/MyTime) --- */
.search-holder1 .input-group-prepend button {
  border: none !important;
  background: transparent !important;
  padding: 0;
  border-radius: 50%;
}

.search-holder1 .input-group-prepend img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

/* --- Search Input --- */
.search-holder1 .search-global {
  border: none;
  outline: none;
  flex: 1;
  min-width: 0; 
  padding: 8px 40px 8px 12px;
  font-size: 15px;
  color: #333;
  background: transparent;
}

.search-holder1 .search-global::placeholder {
  color: #aaa;
}

/* --- Search Icon --- */
.search-holder1 .symbol {
  position: absolute;
  top: 50%;
  right: 10px; /* thoda kam right margin */
  transform: translateY(-50%);
  color: #f72503;
  font-size: 20px;
  cursor: pointer;
  z-index: 5;
}
@media only screen and (max-width: 767px) {
  .search-holder1 .symbol {
    left: 81% !important;
    right: auto !important;
  }
}




/* --- Loading Spinner --- */
.search-holder1 .search-load {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1; 
  pointer-events: none;
}


/* --- Dropdown Menu (Source Select) --- */
.search-holder1 .dropdown-menu img {
  width: 20px;
  height: 20px;
}

/* -------------------------------
   SEARCH RESULT LIST (from IntakeQ)
--------------------------------*/
.search-holder1 ul {
  position: absolute;
  top: 50px;
  left: 0;
  background: #fff;
  width: 100%;
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
  transition: opacity 0.2s;
  list-style: none;
  margin: 0;
  padding: 5px 0;
  font-size: 14px;
  z-index: 9999;
  max-height: 400px;
  overflow-y: auto;
  display: none;
  border: 2px solid #f72503;
  border-top: none;
}

/* Scrollbar Styling */
.search-holder1 ul::-webkit-scrollbar {
  width: 6px;
}
.search-holder1 ul::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.search-holder1 ul::-webkit-scrollbar-thumb {
  background: #3eb243db;
}
.search-holder1 ul::-webkit-scrollbar-thumb:hover {
  background: #2b8c35;
}

/* --- Result List Items --- */
.search-holder1 ul li {
  border-bottom: 1px solid #f3f3f3;
  background: #fff;
}

.search-holder1 ul li a {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  color: #333;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.2s ease;
}

.search-holder1 ul li:hover a {
  background: #f7f7f7;
  color: #0dcaf0;
}

/* --- Avatar Circle --- */
.search-holder1 ul li a .icon-div {
  flex-shrink: 0;
}

.search-holder1 ul li a .avatar-no-image {
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 40px;
  background-color: #ddd;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  margin-right: 10px;
}

/* --- Text Section --- */
.search-holder1 ul li a .content {
  flex-grow: 1;
}

.search-holder1 ul li a .content span {
  display: block;
  font-weight: 600;
}

.search-holder1 ul li a .content .email {
  font-size: 12px;
  color: #888;
}

/* --- Active Hover --- */
.search-holder1 ul li.active a {
  background: #f1faff;
  color: #0dcaf0;
}


/* END SEARCH DETAILS */
/* PUSH MENU */
.intake-top-title {
    position:relative;
    z-index:9;
    background-color:#f8fafc;
    margin-left:-1.5rem;
    padding-left:1.5rem;
}

.summery-details-holder {
    position:relative;
    width:100%;
}

#menu-switch {
    display:none;
}

#menu {
    position:fixed;
    top:0;
    left:-260px;

    width:260px;
    height:100%;
    padding:150px 0 0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;

    -webkit-transition:all 0.3s ease-in;
    -moz-transition:all 0.3s ease-in;
    -o-transition:all 0.3s ease-in;
    transition:all 0.3s ease-in;

    background-color:#fff;
}

#menu ul {
    padding:0;
    margin-top:30px;
    list-style:none;
}

#menu ul li a {
    display:block;

    font-weight:900;
    line-height:50px;

    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
    text-decoration:none;
    text-transform:uppercase;

    color:#232629;
    border-top:1px solid #eee;
}

#menu ul li:last-child a {
    border-bottom:1px solid #eee;
}

#menu-switch:checked~#menu {
    left:240px;
}

/* MAIN PAGE */
.page-wrap {
    padding:0;
    /* margin:0 -10px; */
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;

    -webkit-transition:all 0.3s ease-in;
    -moz-transition:all 0.3s ease-in;
    -o-transition:all 0.3s ease-in;
    transition:all 0.3s ease-in;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    background:#fff;
    border-top:1px solid #dee2e6;
}

#menu-switch:checked~.page-wrap {
    margin-left:260px;
}

.tag_add_btn {
    float:right;
    margin:3px;
}

/* MENU TOGGLE ICON */
#menu-toggle:focus {
    outline:none;
}

#menu-toggle {
    display:inline-block;
    position:relative;

    width:35px;
    height:35px;

    cursor:pointer;

    border:none;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    background:#38c172;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    transition:all 0.5s ease;
    margin:10px 0 10px 15px;
    text-align:center;
    line-height:35px;
    color:#fff;
}

/* #menu-toggle:before,
#menu-toggle:after {
  position:absolute;

  content:"";

  background-color:#fff;
} */

#menu-toggle:before {
    top:12px;
    left:25px;

    width:1px;
    height:27px;
}

#menu-toggle:after {
    top:25px;
    left:12px;

    width:27px;
    height:1px;
}

#menu-switch:checked~.page-wrap #menu-toggle {
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
}
#menu-toggle,
#menu-switch:checked + #menu-toggle {
  transform: none !important;
  transition: none !important;
}


/* CONTENT CONTAINER */
.summery-details {
    max-width:100%;
    min-width:200px;
    margin:0 auto;
}

/* SIDEBAR MENU INNER */
.summery-details-holder #left-panel {
    position:relative;
    border-right:1px solid #ddd;
    min-height:400px;
}

.summery-details-holder .timeline .header {
    overflow:hidden;
    background-color:#f7f7f7;
    padding:5px 10px;
    text-align:center;
    font-weight:normal;
    height:36px;
    color:#666;
    border-bottom:1px solid #eee;
}

.summery-details-holder .timeline .filter {
    position:absolute;
    left:0;
    top:0;
    width:64px;
    height:36px;
    font-size:23px;
}

.summery-details-holder .timeline .filter .btn {
    width:64px;
    height:36px;
    border:0;
    color:#666;
    background-color:transparent;
}

.summery-details-holder .timeline .add-new {
    position:absolute;
    right:0;
    top:0;
    width:36px;
    height:36px;
    font-size:23px;
    padding:1px 0 5px 0;
    border-radius:0;
    text-align:center;
    font-weight:bold;
    cursor:pointer;
}

.summery-details-holder .timeline .add-new span {
    display:block;
    width:100%;
}

.summery-details-holder .timeline .list {
    display:table;
    width:100%;
}

.summery-details-holder .timeline .list a {
    display:table-row;
    position:relative;
    text-decoration:none;
    font-size:13px;
    line-height:1.4em;
    word-break:break-word;
}

.summery-details-holder .timeline a.pinned {
    background-color:#fff;
}

.summery-details-holder .timeline a.pinned:hover {
    background-color:#f7f7f7;
}

.summery-details-holder .timeline a .date {
    display:table-cell;
    position:relative;
    font-size:12px;
    white-space:nowrap;
    background:#93cc76;
    color:#fff;
    padding:12px 3px;
    max-width:65px;
    border-bottom:1px solid #f2f2f2;
}

.summery-details-holder .timeline a .date i {
    position:absolute;
    bottom:2px;
    right:4px;
    font-size:12px;
}

.summery-details-holder .timeline a .date .copying {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:#fff;
    line-height:54px;
    text-align:center;
    color:#333;
}

.summery-details-holder .timeline a .date.pinned-note {
    color:#2e86c1;
    background-color:transparent;
}

.summery-details-holder .timeline a .name {
    display:table-cell;
    padding:8px;
    border-bottom:1px solid #f2f2f2;
    position:relative;
    min-width:50px;
}

/* END PUSH MENU  */
/* SUMMERY DETAILS */
.summery-details-container {
    margin:0;
}

.summery-details-holder .page-header {
    padding-bottom:0;
    vertical-align:middle;
    padding:20px 15px 15px;
    border-bottom:1px solid #eee;
    border-top:1px solid #eee;
}

.summery-details-holder .page-header .avatar-link {
    float:left;
}

.summery-details-holder .page-header .avatar-no-image {
    display:inline-block;
    margin-right:10px;
    height:50px;
    width:50px;
    line-height:50px;
    border-radius:50px;
    background-color:#ddd;
    color:#fff;
    text-align:center;
    text-transform:uppercase;
    font-size:18px;
}

.summery-details-holder .page-header h2 {
    font-family:"Lato", arial, sans-serif;
    float:left;
    margin-top:10px;
}

.summery-details-holder .list-inline>li {
    display:inline-block;
    padding-right:5px;
    padding-left:5px;
    position:relative;
}

.summery-details-holder .btn-round {
    width:36px;
    height:36px;
    line-height:32px;
    border-radius:36px;
    text-align:center;
    border:2px solid #d2dae2;
    background-color:#fff;
    padding:0;
    color:#9ba3af;
    font-size:13px;
    cursor:pointer;
}

.summery-details-holder .btn-round:hover {
    color:#aaa;
    background-color:#f7f7f7;
}

.summery-details-holder .btn:focus {
    box-shadow:none;
}

.summery-details-holder .btn-group.open .dropdown-toggle {
    -webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.summery-details-holder .btn-round i {
    vertical-align:middle;
}

.summery-details-holder .btn-round.ellipsis i {
    font-size:5px;
    margin:0 1.7px;
}

.summery-details-holder .dropdown-toggle:after {
    display:none;
}

.summery-details-holder .dropdown-menu {
    position:absolute;
    top:100%;
    left:0;
    z-index:1000;
    display:none;
    float:left;
    min-width:160px;
    padding:5px 0;
    margin:2px 0 0;
    font-size:14px;
    list-style:none;
    background-color:#fff;
    background-clip:padding-box;
    border:1px solid #ccc;
    border:1px solid rgba(0, 0, 0, 0.15);
    border-radius:4px;
    -webkit-box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);
}

.summery-details-holder .dropdown-menu-right {
    right:0;
    left:auto;
}

.summery-details-holder ul.dropdown-menu-round {
    border-radius:5px;
    padding:0;
    z-index:10;
}

.summery-details-holder .open>.dropdown-menu {
    display:block;
}

.summery-details-holder ul.dropdown-menu-round li a {
    display:block;
    clear:both;
    font-weight:normal;
    line-height:1.42857143;
    color:#333;
    white-space:nowrap;
    padding:12px 25px;
    cursor:pointer;
    border-bottom:1px solid #e5e5e5;
}

.summery-details-holder ul.dropdown-menu-round li:last-child a {
    border-bottom:none;
}

.summery-details-holder ul.dropdown-menu-round li a i {
    color:#777;
}

.summery-details-holder ul.dropdown-menu-round li a:hover {
    background-color:#eafaff;
}

.summery-details-holder .summery-content {
    background-color:#f8fafc;
    padding:20px 15px 10px;
}

.type-tag-holder {
    display:none;
    width:200px;
    right:0px;
    position:absolute;
    padding:9px 14px;
    text-align:left;
    white-space:normal;
    background-color:#fff;
    background-clip:padding-box;
    border:1px solid #ccc;
    border:1px solid rgba(0, 0, 0, 0.2);
    border-radius:6px;
    -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
    margin-top:10px;
    z-index:9;
}

.type-tag-holder span:after {
    content:"";
    display:block;
    position:absolute;
    top:-6px;
    right:20px;
    width:10px;
    height:10px;
    background:#ffffff;
    border-right:1px solid #cad5e0;
    border-top:1px solid #cad5e0;
    -moz-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
}

.type-tag-holder.open {
    display:block;
}

.summery-details-holder .form-control:focus {
    box-shadow:none;
}

.summery-details-holder .btn-link:hover {
    text-decoration:none;
}

/* END SUMMERY DETAILS */
.not-active {
    pointer-events:none;
    cursor:default;
    text-decoration:none;
    color:grey;
}

ul.client-tags {
    display:inline-block;
    float:left;
    margin-left:10px;
    margin-top:15px;
    margin-bottom:10px;
}

.list-unstyled {
    padding-left:0;
    list-style:none;
}

ul.client-tags li {
    float:left;
    position:relative;
    padding:1px 4px;
    margin:4px;
    background:#3498db;
    color:#fff;
    font-size:12px;
    padding-right:13px;
    border-radius:2px;
}

ul.client-tags li a.close {
    position:absolute;
    right:4px;
    top:3px;
    font-size:9px;
    color:#eee;
    opacity:1;
}

.add-tag-loader {
    position:absolute;
    right:65px;
    width:1.3rem;
    border-width:.12em;
    height:1.3rem;
    bottom:15px;
}

.tgl_icn1,
.tgl_icn2 {
    cursor:pointer;
}

/*************************capmpaign-modal*************************/
.capmpaign-modal .modal-content {
    background:rgb(255, 255, 255, .5);
    padding:.5rem;
    border-radius:.25rem;
}

.capmpaign-modal .modal-header {
    background:#f40a0a;
    color:#fff;
    border-top-left-radius:.25rem;
    border-top-right-radius:.25rem;
}

.capmpaign-modal .modal-footer {
    border-bottom-left-radius:.25rem;
    border-bottom-right-radius:.25rem;
    background:#fff;
}

.capmpaign-modal .modal-header,
.capmpaign-modal .modal-footer {
    position:relative;
    padding:.5rem 1rem;
}

.capmpaign-modal .modal-header button.close {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:1.5rem;
    padding:0;
    margin:0;
    color:#fff !important;
    opacity:.8;
}

.capmpaign-modal .modal-header button.close:hover {
    opacity:1;
    outline:none;
}

.capmpaign-modal .modal-body {
    background:#fff;
}

.capmpaign-modal .modal-footer {
    background:#fff;
}

.capmpaign-modal form label {
    color:#439dfe;
    font-size:16px;
}

.sidebar .nav-item {
    font-size:9pt;
    position:relative;
}
.appt-loadmore-btn{
    background:#f40a0a;
    color: #fff !important;
}

/*.rc-icon-incoming-call:before {
    content:"\e9dc";
}
.rc-icon-outgoing-call:before {
    content:"\ea51";
}
.rc-icon-missed-call:before {
    content:"\e9c1";
}*/
.syncicon {
    left:5px;
    top:10px;
}

.rc_pagination,
.rc_msg_pagination {
    list-style:none;
    display:flex;
    justify-content:center;
}

.rc_pagination li,
.rc_msg_pagination li {
    display:inline-block;
    padding:5px 0 3px 0;
    width:42px;
    border:1px solid #ff4425;
    border-radius:2px;
    font-size:20px;
    text-align:center;
}

.rc_pagination li.rc_current,
.rc_msg_pagination li.rc_current {
    background:#ff4425;
    color:#fff;
}

.rc_pagination li a,
.rc_msg_pagination li a {
    font-size:20px;
    color:#ff4425;
}

.rc_pagination li:nth-child(n+2),
.rc_msg_pagination li:nth-child(n+2) {
    margin-left:5px;
}

.rc_filter_form_common {
    margin-left:-15px;
    margin-right:-15px;
    background:#e8eeee66;
    padding:16px 16px 0 16px;
    margin-bottom:20px;
}

.rc_filter_form_common .form-group {
    position:relative;
}

.rc_filter_form_common .form-group .icon-group {
    position:absolute;
    top:2px;
    bottom:4px;
    right:17px;
    padding:6px;
    background:#fff;
}

.bootstrap-select .bs-ok-default::after {
    width:0.3em;
    height:0.6em;
    border-width:0 0.1em 0.1em 0;
    transform:rotate(45deg) translateY(0.5rem);
}

.btn.dropdown-toggle:focus {
    outline:none !important;
}

.search-holder .dropdown-item img {
    max-width:20px;
    border-radius:50px;
}

/*Today new ADD*/
.filters-hide {
    display:none;
}

.filters-show {
    display:flex;
}

.msg-filter-icon {
    color:orangered;
    font-size:20px;
    padding:9px;
    cursor:pointer;
}

.fa-calendar {
    color:#ff4500;
    ;
}

/*New Added on 14-09-2020*/
th.sort {
    position:relative;
}

th.sorted.ascending:after {
    font-family:"Font Awesome 5 Free";
    content:" \f0de";
    position:absolute;
    right:9px;
    top:6px;
    color:skyblue;
    font-size:17px;
}

th.sorted.descending:after {
    font-family:"Font Awesome 5 Free";
    content:" \f0dd";
    position:absolute;
    right:9px;
    top:6px;
    color:skyblue;
    font-size:17px;
}

.sort {
    cursor:pointer;
}

.wrapper_phone {
    position:relative;
}

.rc_phone_search_add_one {
    padding-left:34px;
}

.ext_number {
    display:none;
}

.wrapper_phone span {
    position:absolute;
    left:10px;
    top:7px;
    font-size:16px;
}

.Inbound {
    max-width:45%;
    background-color:pink;
    padding:10px 0px 10px 10px;
    margin-bottom:8px;
    border-bottom-left-radius:25px;
}

.Outbound {
    max-width:45%;
    margin-left:auto;
    background-color:skyblue;
    padding:6px 10px 10px 8px;
    margin-bottom:8px;
    border-top-right-radius:25px;
}

.history-modal {
    display:none;
    /* Hidden by default */
    position:fixed;
    /* Stay in place */
    z-index:999;
    /* Sit on top */
    padding-top:100px;
    /* Location of the box */
    left:0;
    top:0;
    width:100%;
    /* Full width */
    height:100%;
    /* Full height */
    overflow:auto;
    /* Enable scroll if needed */
    background-color:rgb(0, 0, 0);
    /* Fallback color */
    background-color:rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

.history-modal.tab-modal{
	padding-top:0;
}

/* Modal Content */
.history-modal-content {
    background-color:#fefefe;
    margin:auto;
    padding:20px;
    border:1px solid #888;
    width:50%;
    max-height:500px;
    overflow:auto;
}

.history-modal-content.tab-modal-content{
	width:100%;
	padding-top:-100px;
}

.tab-modal-content .nav.nav-tabs{
	margin-bottom:2em;
}

.tab-modal-content .nav-item{
	flex:1;
}

.tab-modal-content .nav-item .nav-link{
	color:#319fb5;
}
.tab-modal-content .nav-item .nav-link:hover{
	background-color:#319fb5;
    border-color:#319fb5 #319fb5 #319fb5;
	color:#fff;
}
.tab-modal-content .nav-item .nav-link.active{
	background-color:#319fb5;
    border-color:#319fb5 #319fb5 #319fb5;
	color:#fff;
}

.history-close {
    font-size:22px;
    cursor:pointer;
}

.history-icon {
    color:green;
    font-size:14px;
    padding:9px;
    cursor:pointer;
}

.fa-clock {
    font-size:10px;
}

.chat_date_div {
    text-align:center;
}

/*.chat_date_div{text-align:center;border-bottom:1px solid grey;}*/
.chat_date {
    display:inline-block;
    font-size:10px;
    color:#808080e0;
    margin:10px 10px 0px 0px;
}

#syncrctoac .spinner-holder {
    position:fixed;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.5);
    left:0;
    top:0;
    display:none;
    z-index:100;
}

.spinner-border {
    position:absolute;
    margin:auto;
    top:0;
    bottom:0;
    left:0;
    right:0;
}

.sent-medium-active {
    font-size:20px;
    color:green;
}

.sent-medium-inactive {
    font-size:12px;
    color:grey;
}

.rc_active_call_tbl thead tr th,
.rc_call_tbl thead tr th {
    width:30%;
}

#syncrctoac input[type=radio]+label {
    cursor:pointer;
    font-size:13px;
    color:#5f5656;
}

.notification .badge {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:122px;
    padding:3px 7px;
    background:#00afff;
    color:white;
}

.signof-menu {
    display:none;
}

.switch {
    position:relative;
    display:inline-block;
    width:35px;
    height:20px;
}

.switch input {
    opacity:0;
    width:0;
    height:0;
}

.slider {
    position:absolute;
    cursor:pointer;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#ccc;
    -webkit-transition:.4s;
    transition:.4s;
}

.slider:before {
    position:absolute;
    content:"";
    height:14px;
    width:14px;
    left:4px;
    bottom:3px;
    background-color:white;
    -webkit-transition:.4s;
    transition:.4s;
}

input:checked+.slider {
    background-color:#f33421;
}

input:focus+.slider {
    box-shadow:0 0 1px #2196F3;
}

input:checked+.slider:before {
    -webkit-transform:translateX(14px);
    -ms-transform:translateX(14px);
    transform:translateX(14px);
}

/* Rounded sliders */
.slider.round {
    border-radius:34px;
}

.slider.round:before {
    border-radius:50%;
}

.inner-drop-down {
    top:100%;
    left:0px;
    right:0px;
    background:#fff;
    border:1px solid #eaeaea;
    border-top:0px;
    padding:5px 0px;
    z-index:2;
    max-height:310px;
    overflow:auto;
    border-radius:0px 0px 4px 4px;
    -webkit-transition:all ease-in-out .3s;
    -o-transition:all ease-in-out .3s;
    transition:all ease-in-out .3s;
    visibility:visible;
    opacity:1;
}

.toggle-drop {
    top:150%;
    -webkit-transition:all ease-in-out .3s;
    -o-transition:all ease-in-out .3s;
    transition:all ease-in-out .3s;
    visibility:hidden;
    opacity:0;
    z-index:-11;
}

.inner-drop-down ul li {
    border-bottom:1px solid #f3f3f3;
}

.inner-drop-down ul li:last-child {
    border-bottom:0px;
}

.inner-drop-down ul li h3 {
    font-size:12px;
    margin-bottom:3px !important;
    color:#000;
}

.inner-drop-down ul li p {
    font-size:12px;
    color:#868686;
    margin-bottom:3px !important;
}

.inner-drop-down ul li p span {
    left:0px;
    top:0px;
    min-width:24px;
    text-align:center;
}

.inner-drop-down ul li a {
    display:inline-block;
    width:100%;
    -webkit-transition:all ease-in-out .3s;
    -o-transition:all ease-in-out .3s;
    transition:all ease-in-out .3s;
}

.inner-drop-down ul li:hover a {
    background-color:rgb(247 37 3 / 12%);
}

.mt_delete {
    padding:4px 15px 4px;
}

.d-flex {
    flex-wrap:wrap;
}

.ld_mre_tbl {
    text-align:center;
}

.client-details.border-right {
    border-right:1px solid #c5c5c5;
    padding-right:30px;
}

.client-details h4 {
    border-bottom:1px solid #c5c5c5;
}

.client-details ul {
    list-style-type:none;
    border-bottom:1px dotted #c5c5c5;
}

.client-details ul li {
    padding:5px 0;
}

.client-details .others h5 {
    font-size:15px;
    margin:10px 0 3px 0;
    font-weight:600;
}

.client-details .others p {
    font-size:14px;
    line-height:1.2;
}

.client-details .preference h5 {
    font-size:15px;
    margin:10px 0 5px 0;
    font-weight:600;
}

.client-details .preference p {
    font-size:14px;
    line-height:1.2;
}

.client-details .preference i {
    color:rgb(246, 190, 43);
}

.client-details .contact p {
    font-size:14px;
    line-height:1.2;
    margin:0;
}

.client-details .contact ul {
    border-bottom:none;
}

.variation_name {
    background:#40ceeb;
    padding:2px 9px;
    color:#fff;
    font-weight:700;
    border-radius:3px;
}

.staff_mytime {
    background-color:#03A9F4;
    color:#fff;
    padding:2px;
    font-size:11px;
    border-radius:3px;
}

.modal.appointment label {
    width:100%;
    max-width:80px;
}

.modal.appointment-onfleet label {
    width:100%;
    max-width:80px;
}

.modal.appointment .input-container {
    width:100%;
    max-width:calc(100% - 120px);
    padding:0 5px;
}

.modal.appointment .input-container .form-control,
.modal.appointment .input-group {
    flex:1;
}

.modal.appointment .btn-container .btn {
    min-width:40px;
}

.modal-dialog-scrollable .modal-body {
    max-height:calc(100vh - 212px);
}

.appointment {
    background:rgb(0, 0, 0, 0.5);
}

.appointment-onfleet{
    background:rgb(0, 0, 0, 0.5);
}

.form-group .mt-add-on-loader {
    display:none;
    position:absolute;
    bottom:1px;
    right:6px;
}

.form-group .mt-service-loader {
    display:none;
    position:absolute;
    bottom:12px;
    right:19px;
}

.form-group .mt-settime-loader {
    display:none;
    position:absolute;
    bottom:12px;
    right:19px;
}

.dialog-ovelay {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0, 0, 0, 0.50);
    z-index:999999
}

.dialog-ovelay .dialog {
    width:470px;
    margin:100px auto 0;
    background-color:#fff;
    box-shadow:0 0 20px rgba(0, 0, 0, .2);
    border-radius:3px;
    overflow:hidden
}

.dialog-ovelay .dialog header {
    padding:10px 8px;
    background-color:#94969a;
    border-bottom:1px solid #e5e5e5;
    color:#fff;
}

.dialog-ovelay .dialog header h3 {
    font-size:14px;
    margin:0;
    color:#fff;
    display:inline-block
}

.dialog-ovelay .dialog header .fa-close {
    float:right;
    color:#c4c5c7;
    cursor:pointer;
    transition:all .5s ease;
    padding:0 2px;
    border-radius:1px
}

.dialog-ovelay .dialog header .fa-close:hover {
    color:#b9b9b9
}

.dialog-ovelay .dialog header .fa-close:active {
    box-shadow:0 0 5px #673AB7;
    color:#a2a2a2
}

.dialog-ovelay .dialog .dialog-msg {
    padding:12px 10px
}

.dialog-ovelay .dialog .dialog-msg p {
    margin:0;
    font-size:15px;
    color:#333
}

.dialog-ovelay .dialog footer {
    border-top:1px solid #e5e5e5;
    padding:8px 10px
}

/*.dialog-ovelay .dialog footer .controls {
    direction:rtl;
    padding:8px;
    float:right;
}*/
.mt_delete_yes:hover {
    color:#fff !important;
}

.mt_delete_cancel:hover {
    color:#5D5D5D !important;
}

.dialog-ovelay .dialog footer .controls .button {
    padding:5px 15px;
    border-radius:3px
}

.button {
    cursor:pointer
}

.button-default {
    background-color:rgb(248, 248, 248);
    border:1px solid rgba(204, 204, 204, 0.5);
    color:#5D5D5D;
}

.button-danger {
    background-color:#f44336;
    border:1px solid #d32f2f;
    color:#f5f5f5
}

.link {
    padding:5px 10px;
    cursor:pointer
}

.fa-times-circle {
    float:right;
    cursor:pointer;
}

.fa-compass {
    float:right;
    cursor:pointer;
}

#snackbar_success {
    visibility:hidden;
    min-width:250px;
    margin-left:-125px;
    background-color:green;
    color:#fff;
    text-align:center;
    border-radius:2px;
    padding:16px;
    position:fixed;
    z-index:1;
    left:50%;
    bottom:30px;
    font-size:17px;
}

#snackbar_error {
    visibility:hidden;
    min-width:250px;
    margin-left:-125px;
    background-color:red;
    color:#fff;
    text-align:center;
    border-radius:2px;
    padding:16px;
    position:fixed;
    z-index:1;
    left:50%;
    bottom:30px;
    font-size:17px;
}

#snackbar_success.show {
    visibility:visible;
    -webkit-animation:fadein 0.5s, fadeout 0.5s 2.5s;
    animation:fadein 0.5s, fadeout 0.5s 2.5s;
}

#snackbar_error.show {
    visibility:visible;
    -webkit-animation:fadein 0.5s, fadeout 0.5s 2.5s;
    animation:fadein 0.5s, fadeout 0.5s 2.5s;
}
.booked_slot{
    color:#f70707;
    font-weight:700;
}
.task-input{
    display:none;
}
.eye{
    position:relative;
    left:-60px;
    top:8px;
    cursor:pointer;
}
.gen_password{
    position:relative;
    top:8px;
    color:#2c76b5;
    text-decoration:underline;
    cursor:pointer;
}
.eye2{
    position:absolute;
    right:23px;
    top:8px;
    cursor:pointer;
}
.strength {
    color:#fff;
    font-size:15px;
    text-align:center;
}
.edit-role{
    color:#bebebe;
    text-decoration:underline;
}
.role_edit-link{
    color:#007bff!important;
    cursor:pointer;
}
.role-modal .modal-content,
.marketing-modal .modal-content{
    padding:25px 20px 20px 20px;
    border-radius:0;        border:0;
}
.role-modal .modal-title,
.marketing-modal .modal-title{
    font-weight:400;
}
.role-modal .btn,
.marketing-modal .btn{
    border-radius:0;
    font-weight:500;
    font-size:.9em;
}
.role-modal .btn:focus,
.marketing-modal .btn:focus{
    box-shadow:none !important;
}
.role-modal .btn.btn-secondary,
.marketing-modal .btn.btn-secondary{
    background:#dbdfe3;
    border-color:#dbdfe3;
    color:#4b555d;  
}
.role-modal .btn.btn-primary,
.marketing-modal .btn.btn-primary{
    background:#009de1;
    border-color:#009de1;
    color:#fff;
}
.role-modal .btn.btn-primary img,
.marketing-modal .btn.btn-primary img{
    max-width:20px;
}
.role-modal .modal-footer,
.marketing-modal .modal-footer{
    border-top:0;
}
.role-modal .modal-body .offer{
    font-family:'Lato', sans-serif;
    display:block;
    padding:22px 10px;
    border:1px solid #c2c2c2;
    border-radius:6px;
    text-align:center;
}
.role-modal .modal-body .offer.active,
.role-modal .modal-body .offer:hover{
    border:1px solid #009de1;
}
.role-modal .modal-body .offer h5{
    font-weight:400;
    font-size:1.12em;
    margin-top:12px;
    color:#000;
}
.role-modal .modal-body .offer p{
    font-weight:800;
    font-size:.82em;
    margin-top:12px;
    color:#000;
}
.role-modal .modal-body .title{
    font-weight:800;
    font-size:1em;
}
.modal.role-modal {
    background:rgb(0,0,0,0.5);
}
.fa-bell.ring-animate{
  animation-name:bellring;
  animation-duration:0.3s;
  animation-direction:alternate;
  animation-iteration-count:infinite;
}
.additional-client-div-content{
    display:block;
    padding:11px;
    border:1px solid #e9ecef;
    width:93%;
}
.pckg-dwnld-eye{
   padding:0px 4px 0px 4px; 
}


@keyframes bellring {
  0%   {transform:translateX(-5px);}
  50%  {transform:translateX(0px);}
  100% {transform:translateX(5px);}
}
.close-choose-offer-modal{
    font-size:19px;
}
.add_card_text{
    padding:0px 10px 0px 0px;
}
.parking_span{
    display:none;
}
@-webkit-keyframes fadein {
    from {
        bottom:0;
        opacity:0;
    }

    to {
        bottom:30px;
        opacity:1;
    }
}

@keyframes fadein {
    from {
        bottom:0;
        opacity:0;
    }

    to {
        bottom:30px;
        opacity:1;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom:30px;
        opacity:1;
    }

    to {
        bottom:0;
        opacity:0;
    }
}

@keyframes fadeout {
    from {
        bottom:30px;
        opacity:1;
    }

    to {
        bottom:0;
        opacity:0;
    }
}

@media only screen and (max-width:991px) {
    .modal.appointment label {
        max-width:100%;
        margin-bottom:10px !important;
    }

    .modal.appointment .input-container {
        max-width:calc(100% - 30px);
        padding:0 5px 0 0;
    }
}

@media only screen and (max-width:767px) {
    .client-details.border-right {
        border-right:none !important;
        padding-right:0;
    }

    .modal-dialog-scrollable .modal-body {
        max-height:calc(100vh - 240px);
    }
}

@media only screen and (max-width:1199px) {
    .notification .badge {
        left:68%;
    }
    main{background-position: right 30% center!important; }
}

@media only screen and (max-width:991px) {
    .notification .badge {
        left:64%;
    }
}

@media only screen and (max-width:767px) {
    .notification .badge {
        left:122px;
    }

    .rc_active_call_tbl thead tr th,
    .rc_call_tbl thead tr th {
        width:40%;
    }
}

#handleModal .modal-title i {
    font-size:10px;
}

.label_cond {
    font-size:12px;
    color:#b12525;
}
.additional_client{
    text-align:center;
    color:grey;
    padding:10px;
    cursor:pointer;
}

.rc-task-time{
    text-align:center;
    color:grey;
    padding:10px;
}

@media only screen and (max-width:767px) {
    .search-wrapper {
        position:absolute;
        left:50%;
        transform:translateX(-50%);
        width:100%;
        justify-content:center;
    }

    .search-wrapper .navbar-nav {
        background:#f72503;
        position:relative;
        z-index:2;
    }

    .search {
        --width:95%;
    }

    .search .symbol {
        left:21%;
    }

    .search input[type="text"] {
        padding:0 20px 0 35px;
    }

    button.navbar-toggler {
        z-index:1;
    }

    .search-holder {
        margin-right:0;
    }

    .sidebar {
        padding:0 !important;
        top:3.3rem !important;
    }

    .search-wrapper ul {
        display:none;
    }

    .search-wrapper svg+span {
        display:none;
    }

    .signof-menu {
        display:block;
    }
}

@media only screen and (max-width:575px) {
    .search {
        --width:100%;
    }
	
	.search-wrapper.expand{
		z-index:1;
		background:red;
    }
}

@media only screen and (max-width:410px) {
    .dialog-ovelay .dialog {
        width:350px;
    }
}

@media only screen and (max-width:360px) {
    .search .symbol:before {
        background:transparent;
    }

    .dialog-ovelay .dialog {
        width:350px;
    }
}

@media only screen and (max-width:359px) {
    .dialog-ovelay .dialog {
        width:350px;
    }
}

.loader {
    border:6px solid #f3f3f3;
    border-top:6px solid #F44336;
    border-radius:50%;
    width:50px;
    height:50px;
    animation:spin 2s linear infinite;
}

.loader.position-absolute {
    z-index:1;
    top:35%;
    left:44%;
    transform:translate(-50%, -50%);
}

@keyframes spin {
    0% {
        transform:rotate(0deg);
    }

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

.loader+.blur {
    filter:blur(8px);
    pointer-events:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

.my_time_pagination li {
    display:inline-block;
    padding:5px 0 3px 0;
    width:42px;
    border:1px solid #ff4425;
    border-radius:2px;
    font-size:20px;
    text-align:center;
}

.rc_pagination li.rc_current,
.my_time_pagination li.rc_current {
    background:#ff4425;
    color:#fff;
}

.rc_pagination li a,
.my_time_pagination li a {
    font-size:20px;
    color:#ff4425;
}

.rc_pagination li:nth-child(n+2),
.my_time_pagination li:nth-child(n+2) {
    margin-left:5px;
}
.blur_rc{
	filter:blur(3px);
    cursor:none;
    pointer-events:none;
}
.layer_select{
    position:absolute;
    width:100%;
    background:#fff;
    height:36px;
    opacity:0.1;
    z-index:9999999;
    display:none;
}

.select-role + button{  
    border:1px solid #ced4da !important;
}

/********************************************/
.parking_span{
	align-items:center;
	justify-content:center;
	padding:6px 0;
}
.parking_span .save_parking,
.parking_span .cancel_parking{
	padding:3px;
	background:#fff;
	border-radius:50%;
	font-size:16px;
    filter:drop-shadow(2.2px 2.5px 2px rgba(0,0,0,.2));
	margin:0 7px;
	cursor:pointer;
	transition:all .5s;
}
.parking_span .save_parking:hover,
.parking_span .cancel_parking:hover{
	filter:drop-shadow(1px 2px 2px rgba(0,0,0,.2));
}
.parking_span .save_parking{
	order:1;
	-webkit-order:1;
	color:green;
}
.parking_span .cancel_parking{
	order:2;
	-webkit-order:2;
	color:red;
}

/***************************************/
.chart-blank{
	position:relative;
	min-width:100%;
	min-height:300px;
}
.chart-blank:before{
	content:"";
	background:#dcdcdc;
	position:absolute;
	top:0;
    left:0;
    right:0;
    bottom:0;
	width:100%;
}
.chart-blank:after{
	content:"";
    border:9px solid #f3f3f3;
    border-top:9px solid #db3838;
    border-radius:50%;
    width:70px;
    height:70px;
    position:absolute;
    top:40%;
    left:44%;
    transform:translate(-50%,-50%);
    animation:spin 2s linear infinite;
}
@keyframes stroke {
    0% { transform:rotate(0deg); }
    100% { transform:rotate(360deg); }
}
@media only screen and (max-width:991px) {
	main{
		padding-left:0 !important;
		padding-right:0 !important;
	}
	.chart-blank:after{
		left:41%;
	}
}

@media only screen and (max-width:500px) {
    .user-distance{
        max-width: 250px;
        margin: auto;
    }
}

.modal{
	top:100px;
    
}
.modal-content{
    z-index: 999999 !important;
    top:50px !important
}
.modal-open .modal{
    top:0px !important;
}
.modal.show .modal-dialog{
    margin-top:0px !important;
}