/*body {
    background: #fffce7;
}*/

.modal-backdrop.in {
    opacity: 0.5;
}

.sosmed__list li a {
    width: 40px;
    height: 40px;
    transition: 0.5s;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    font-size: 20px;
    color: black;
}

p {
    font-family: 'Poppins';
}

.sosmed__list li a:hover {
    color: white;
    background-color: black;
    box-shadow: 0px 10px 40px #3e3c3c7a;
}

.sosmed__list li a i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


/*.navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,102,203, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}*/

.custom-toggler span.navbar-toggler-icon {
    background: #fa4338;
    color: #fff;
    border: none;
    padding: 5px;
    font-size: 20px;
    margin: 10px;
}

.sidebar__navbar {
    height: 100%;
    border-radius: 0px 0px 20px 0px;
    position: fixed;
    background-color: #e35f21;
    box-shadow: 0px 0px 7px 0px #cacaca;
    width: 0;
    left: -100%;
    z-index: 999;
    transition: 0.5s ease;
}

    .sidebar__navbar.active {
        width: 234px !important;
        left: 0;
        border-left: 3px solid #fff;
    }

.sidebar__content {
    transition: 0.5s ease;
}

.sidebar__side {
    background-color: #ffffff;
    box-shadow: 0px 0px 7px 0px #cacaca;
    position: relative;
    padding: 30px 10px;
}

.sidebar__list--menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .sidebar__list--menu li {
        margin-bottom: 0px;
    }

        .sidebar__list--menu li a {
            padding: 12px 4px;
            color: #ffffff !important;
            display: inline-block;
            width: 100%;
            font-family: 'Poppins';
            font-size: 14px;
            text-align: left;
            opacity: 0.9;
            text-decoration: none;
            cursor: pointer;
        }

.check-no span {
    color: green;
    font-size: 20px;
    display: block;
    margin-bottom: 0;
    font-family: 'Poppins';
}

.no-checkout {
    padding: 27px;
    padding-top: 8px;
    padding-bottom: 0px;
}

.broadcast {
    color: #fa4338;
    font-family: 'Poppins';
}

.sidebar__list--menu li a.active {
    background-color: #ffffff;
    color: #e35f21 !important;
    font-family: 'Poppins';
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.1);
    opacity: 1;
}

.app-menu__item i.app-menu__icon {
    display: inline-block;
    font-size: 19px;
    text-align: center;
    margin-bottom: 10px;
    margin-right: 6px;
    margin-left: 10px;
}

li.nav-item i {
    margin-left: 10px;
}

.side-top {
    height: 76vh;
    overflow-y: auto;
    scroll-behavior: smooth;
    transition: color .3s ease;
    overflow-x: hidden;
}

.sidebar__navbar.active ~ .sidebar__content {
    margin-left: 234px;
    transition: 0.5s ease;
}

.app-title h1 {
    padding: 28px 32px 28px 75px;
    color: #000;
    font-family: 'Russo One', sans-serif;
    font-size: 24px;
    box-shadow: 0 4px 20px -12px rgb(0 0 0 / 33%);
    margin-top: -65px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.app-title i.fa {
    //background: linear-gradient( 90deg, rgba(2,0,36,1) 0%, rgb(18 70 130) 0%, rgba(74,61,217,1) 100%);
    background: #e35f21;
    padding: 12px 12px;
    border-radius: 4px;
    color: #ffffff;
    margin-left: 16px;
    margin-top: 10px;
    font-size: 26px;
    cursor: pointer;
}

.Admin-sms {
    background-color: #f8f9fa;
    padding: 50px 30px;
}

.navabar__menu h1 {
    font-size: 19px;
    margin-left: 10px;
    color: #000;
    font-weight: 600;
    font-family: 'Poppins';
    padding: 7px;
    margin-top: 5px;
}

.red-tooltip + .tooltip > .tooltip-inner {
    background-color: #f00;
}

.navabar__menu i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.navabar__menu:hover,
.navabar__menu:focus {
    color: white;
}

.brand__sidebar {
    color: #313131;
}

img.app-sidebar__user-avatar {
    max-width: 90px;
    border-radius: 100%;
    z-index: 999;
    position: relative;
}

.app-header__logo img {
    width: 121px;
    border-radius: 50%;
    border: 3px solid #fff;
    margin: 6px 5px 2px 5px;
    height: 97px;
}

.user-img {
    text-align: center;
}

.app-sidebar__user-name {
    text-align: center;
    margin-top: 20px;
}

.Gridbutton a {
    color: #fa4338;
}

.app-sidebar__user-name ul {
    padding-left: 0;
}

.app-sidebar__user-name li {
    list-style: none;
    color: #fa4338;
    font-family: 'Poppins', sans-serif;
}

.col-sms {
    border-radius: 10px;
    background: #fff;
    padding: 10px 10px;
    text-align: center;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.1);
}

span.text-sp {
    color: #fa4338;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 14px;
}

span.text-no {
    color: #124682;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 14px;
}

.a-target a {
    margin-top: 20px;
    font-weight: bold;
    padding-bottom: 10px;
    color: #fa4338;
    font-family: 'Poppins';
}

.col-top {
    background: #ffffff;
    text-align: center;
    padding: 33px 25px;
    color: #fa4338;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.1);
    border-left: 2px solid #fa4338;
    cursor: pointer;
    transition: transform .8s;
    overflow: hidden;
}

    .col-top:hover {
        -ms-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    .col-top i.fa {
        font-size: 40px;
        color: #124682;
        margin-right: 15px;
    }

.Gridbutton a .fa {
    font-size: 16px;
}

.TableDesign {
    width: 100%;
}

    .TableDesign .dataTables_filter {
        margin-top: 54px;
        padding: 4px 12px;
    }

        .TableDesign .dataTables_filter input[type="search"] {
            border: 1px solid #d8d0d0;
        }

    .TableDesign table.dataTable.no-footer {
        background: #fff;
        border: 1px solid #e2dddd;
        box-shadow: 0px 5px 20px rgb(0 0 0 / 5%);
        padding: 20px 5px;
    }

    .TableDesign table > tbody > tr > td {
        padding: 15px 10px;
        font-size: 15px;
        font-family: 'Poppins';
        color: #124682;
        font-weight: 500;
        text-align: center;
    }

    .TableDesign table tr th {
        background: #f8f9fa;
        color: #124682;
        font-family: 'Poppins';
        border-top: 1px solid #e2dddd;
        border-bottom: 1px solid #e2dddd;
        text-align: center;
        padding: 10px 5px;
        font-weight: normal;
        font-size: 14px;
    }

    .TableDesign table {
        margin-top: 10px;
        float: left;
        width: 100%;
    }

    .TableDesign th {
        width: 18% !important;
    }

.check-out {
    padding: 27px;
    padding-bottom: 0px;
    display: grid;
}

.scrollbar {
    height: auto;
    overflow-y: auto;
    max-height: 417px;
}

.check-outs {
    margin-top: 0px;
    padding: 27px;
    display: grid;
    padding-bottom: 0px;
}

i.fa.fa-circle.checkin {
    color: #019601;
}

.TableDesign .dataTables_length select {
    padding: 4px 12px;
    height: 35px;
}

button.btn.action-btn-inner {
    background: #fff;
    border-radius: 15px 0px 0px 15px;
    box-shadow: 0 0 12px 2px rgba(191, 191, 191, 0.28);
}

button.btn.action-btn-inner1 {
    background: #fff;
    border-radius: 0px 15px 15px 0px;
    box-shadow: 0 0 6px 0px rgba(191, 191, 191, 0.28);
}

.side-top::-webkit-scrollbar,
.side-top::-webkit-scrollbar-thumb {
    width: 10px;
    border-radius: 4px;
    border: 3px solid transparent;
}

.side-top::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 0 10px;
}

.side-top:hover {
    color: rgba(245 245 245);
}

.SignInPopup .modal-header {
    background: #e35f21;
    color: #fff;
    padding: 10px 0;
    display: block;
    text-align: center;
    font-family: 'Russo One', sans-serif;
    border-radius: 0;
}

label.control-label {
    font-size: 16px;
    font-family: 'Poppins';
    margin-right: 10px;
    color: #124682;
}

span.form-controlLabel {
    color: #fa4338;
    font-size: 16px;
    font-family: 'Poppins';
}

.all-modal-body .from-group {
    padding: 4px 6px;
}

.SignInPopup .modal-header .close {
    right: 20px;
    top: 15px;
    position: absolute;
    opacity: 1;
    color: #fff;
    cursor: pointer;
}

.app-title {
    width: 100%;
    display: flex;
    align-items: center;
}

.dash-btn {
    background: #fff;
    box-shadow: 0 3px 20px -7px rgb(0 0 0 / 32%);
    font-size: 14px !important;
    color: #fa4338;
    height: 40px;
    font-family: 'Poppins';
    margin-top: 15px;
}

.LoginButton button.btn.btn-default {
    background: #e35f21;
    box-shadow: none;
    color: #fff;
    padding: 5px 28px;
    font-size: 16px;
    font-family: 'Poppins';
}

.rightside-nav .profile-btn {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

    .rightside-nav .profile-btn img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        position: absolute;
        bottom: 2px;
        box-shadow: 0 6px 12px -7px rgb(0 0 0 / 32%);
        position: relative;
        z-index: 999;
    }

.smscheck {
    font-family: 'Poppins';
    color: #124682;
}

.noteRefresh b {
    font-family: 'Poppins';
    color: #fa4338;
    margin-right: 26px;
    font-weight: 500;
    font-size: 14px;
}

p.noteRefresh {
    text-align: end;
}

.smsbody textarea#Smsbody_txtarea {
    height: 150px;
}

.NF {
    font-size: 20px;
    font-family: 'Poppins';
    color: #fa4338;
}

.user-name {
    font-family: 'Poppins';
    color: #ffffff;
    font-size: 14px;
    display: block;
    text-align: center;
    padding-bottom: 6px;
    padding-top: 10px;
}

a.app-menu__item.clsDashboardSetting.active {
    margin-bottom: 20px;
}

p.form-controlLabel {
    color: red;
    font-family: 'Poppins';
}

.user-icon-nav {
    position: relative;
    width: 100%;
}

    .user-icon-nav ul.navbar-nav {
        position: absolute;
        right: 58px;
        top: -17px;
    }

.rightside-nav li.list-group-item {
    padding: 6px 10px;
    background: #124682;
}

    .rightside-nav li.list-group-item a {
        color: #ffffff !important;
        font-size: 12px;
        font-family: 'Poppins';
        text-decoration: none;
    }

.Settingbread .breadcrumb {
    background: none;
    font-family: 'Poppins';
    margin-bottom: 0;
    padding: 0 10px;
}

.rightside-nav li.list-group-item a.fillter-color:hover {
    background: #fff;
}

.rightside-nav ul.dropdown-menu {
    border: none;
    box-shadow: 0 3px 20px -7px rgb(0 0 0 / 32%);
    padding: 0;
}

.footer.AdminFooter {
    height: 5vh;
    position: relative;
}

.AdminFooter .BottomFooter {
    float: left;
    width: 100%;
    background: #ebf0f4;
    color: #000;
    border-top: 1px solid #dee6ec;
    padding: 10px 0;
    position: fixed;
    bottom: 0;
    box-shadow: 0 0px 3px 1px rgb(0 0 0 / 21%);
    margin: 15px 0px 0px 0px;
    z-index: 99;
}

.qr-img {
    max-width: 200px;
}

.BTotalem {
    display: block;
}

.sidebar__navbar.active.toggled {
    left: -251px;
}


/*.TableWidth {
    width: 370px;
    overflow-x: scroll;
}*/

.fileimg {
    max-width: 110px;
}

.sidebar__navbar.active ~ .sidebar__content.toggled-right {
    margin-left: 0px;
}

.hamburger i {
    font-size: 18px;
    margin-left: 10px;
    color: #ffffff;
    background: #e35f21;
    padding: 8px;
    border-radius: 5px;
}

/*.map-img {
    width: 1200px;
    height: 660px;
    background-size: contain;
    border: 1px solid #ced4da;
    margin-top: 25px;
    background-position: center center;
    background-repeat: no-repeat;
}*/
.mng-block a {
    background: #e35f21;
    border: 0;
    padding: 11px 20px;
    font-family: poppins;
    color: white;
    text-decoration: none;
    border-radius: 5px;
}

.mng-block i {
    padding-right: 10px;
}


.icondesk {
    height: 32px;
    width: 32px;
    /* background: #e35f21; */
    border-radius: 50%;
    box-shadow: 0 3px 20px -7px rgb(0 0 0 / 32%);
    border: 1px dashed #e35f21;
    margin: 0px 5px 0px 5px;
    cursor: grab;
    padding: 3px;
}

.clsdesk {
    height: 15px;
    width: 15px;
    background: red;
    border-radius: 50%;
    box-shadow: 0 3px 20px -7px rgb(0 0 0 / 32%);
    border: 1px dashed red;
    margin: 0px 5px 0px 5px;
    cursor: grab;
}

    .clsdesk:hover {
        transform: scale(1.5);
    }

.clsmeetingroom {
    height: 30px;
    width: 35px;
    border-radius: 50%;
    box-shadow: 0 3px 20px -7px rgb(0 0 0 / 32%);
    border: 1px dashed #424141;
    margin: 0px 5px 0px 5px;
    cursor: grab;
}

.iconMeetingRoom {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    box-shadow: 0 3px 20px -7px rgb(0 0 0 / 32%);
    border: 1px dashed #424141;
    margin: 0px 5px 0px 5px;
    cursor: grab;
}

.clsMeetingRoom:hover {
    transform: scale(1.5);
}

label {
    color: #124682;
    font-family: 'Poppins';
}

.formRow .form-control {
    font-family: Poppins;
    border: none;
    border-bottom: 1px solid #c1c1c1;
    padding: 10px;
}

    .formRow .form-control:focus {
        border-bottom: 1px solid #27ff00;
        box-shadow: none;
    }

.FormBG {
    background: #8eabd3;
    padding: 20px 20px;
}

.form-sure {
    font-family: Poppins;
    font-weight: 400;
}

.FormStyle .AppTag {
    position: relative;
    background: #124683;
    padding: 15px 20px;
    color: #fff;
    text-align: left;
    font-family: 'Russo One';
    font-size: 20px;
}

.AppContentNew {
    height: 42vh;
}

.inductionlinkOffSetInnercolor {
    color: #fa4338;
}

.inductionlinkOffSetInnercolor {
    color: #fa4338;
}

.inductionlinkOffSetInner {
    border-bottom: 1px solid #d3d3d3;
    width: 100%;
    display: block;
    padding: 10px;
    font-size: 16px;
    margin-bottom: 8px;
}

.AppTag i.fa {
    margin-right: 8px;
    font-size: 24px;
}

.successalert {
    background: #dff0d8;
    color: #3c763d;
    font-family: 'Poppins';
    padding: 10px;
    margin-top: 20px;
    border-radius: 20px;
    box-shadow: 0px 3px 33px 0px rgb(112 243 79 / 40%);
    border: 1px solid #3c763d;
}

.app-menu__icon.fa-eye-slash {
    position: absolute;
    right: 30px;
    top: 36px;
    color: #fa4338;
    font-size: 20px;
    cursor: pointer;
}

.admNote b {
    color: #fa4338;
    font-size: 18px;
    margin-right: 8px;
    font-family: 'Poppins';
}

.note-font li {
    font-family: 'Poppins';
}

.choose-import .custom-file-label::after {
    height: 36px;
    padding: 5px 10px;
}

.GridTooltip {
    display: none;
    position: absolute;
    top: 44px;
    left: -36px;
    background: linear-gradient( 90deg, rgba(2, 0, 36, 1) 0%, rgb(18 70 130) 0%, rgba(74, 61, 217, 1) 100%);
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 7px 13px;
    border-radius: 4px;
    width: 120px;
    z-index: 999;
    font-family: Poppins;
}


/*.GridTooltip1 {
    display: none;
    position: absolute;
    bottom: -5px;
    left: -94px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    text-align: center;
    width: 120px;
    z-index: 999;
    background: linear-gradient(90deg, rgb(2, 0, 36) 0%, rgb(18, 70, 130) 0%, rgb(74, 61, 217) 100%);
    padding: 7px 13px;
    border-radius: 4px;
}
*/

.export-date span.input-group-addon {
    position: absolute;
    top: 6px;
    right: 5px;
}

.export-date {
    position: relative;
}

span.newtooltip i {
    margin-right: 20px;
    font-size: 19px;
    color: #fa4338;
    margin-left: 8px;
}

.newtooltip:hover .tooltiptext {
    visibility: visible;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom {
    margin-top: 20px;
    /* z-index: 999 !important;*/
}

.table-sms th {
    background: #f8f9fa;
    color: #124682;
    font-family: 'Poppins';
}

.table-sms td {
    font-family: arial;
}

.Qanswer input[type=checkbox],
input[type=radio] {
    margin-left: 0px;
}

input[type=checkbox],
input[type=radio] {
    width: 20px !important;
    height: 20px !important;
    margin-left: -25px;
}


/*.GridTooltip:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #124682;
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    margin: auto;
    transform: rotate( 180deg);
}*/


/*.GridTooltip1:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #124682;
    position: absolute;
    bottom: 14px;
    left: 115px;
    right: 0;
    margin: auto;
    transform: rotate( 270deg);
}*/

.TableDesign .Gridbutton input {
    border-radius: 100%;
    color: #fff;
    font-size: 26px;
    height: 30px;
    width: 30px;
    padding: 0;
    line-height: 5px;
    background: #f47a49;
}

span.Gridbutton:hover .GridTooltip {
    display: block;
}

.Gridbutton.ButtonWithIcon {
    position: relative;
}

span.GridTooltip.csv-tool {
    width: 180px;
    left: -61px;
}

.label-blnc {
    font-family: 'Poppins';
    color: #fa4338;
    font-size: 22px;
    font-weight: 600;
}

.settings-tab li.nav-item .nav-link .fa {
    display: block;
    text-align: center;
    margin-bottom: 10px;
    font-size: 20px;
}

.settings-tab a.nav-link {
    padding: 5px 10px;
    color: #124682;
    font-family: 'Poppins';
    border-radius: 0;
    font-size: 14px;
    opacity: 0.5;
}

    .settings-tab a.nav-link.active {
        border: 0;
        border-radius: 0;
        color: #4d5d89;
        border-bottom: 2px solid #fa4338;
        opacity: 1;
    }

.alert.alert-info {
    font-family: 'Poppins';
    margin-top: 10px;
}

.banner-m {
    margin-top: 30px;
}

button.btn.action-btn-inner2 {
    background: #fff;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 12px 2px rgba(191, 191, 191, 0.28);
}

.color-warning {
    font-family: 'Poppins';
    color: #fa4338;
    font-size: 16px;
}

a.color-warning:hover {
    color: #fa4338;
    text-decoration: none;
}

.cssEnabled {
    background-color: #00af00;
    color: #fff !important;
    border: none;
    border-radius: 6px;
    padding: 4px 10px;
}

.cssDisabled {
    background-color: #ff2a2a;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 4px 10px;
    font-family: 'Poppins';
}

span.techsup {
    background: #fa4338;
    width: 240px;
    text-align: center;
    padding: 10px 6px;
    position: relative;
    right: -53%;
    border-radius: 5px;
    font-family: 'Poppins';
}

.modal input[type='checkbox'] {
    height: 20px;
    width: 20px;
    margin-right: 6px;
}

.js-show-small-loader {
    display: none;
}

button.btn.action-btn-inner.btn-radius {
    border-radius: 10px;
}

.js-showmessage {
    display: none;
}

.n-ta {
    background: #fff;
    margin-bottom: 20px;
    padding: 20px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.1);
    border-left: 3px solid #fa4338;
    transition: .5s ease;
    width: 100%;
}

.DesignAdminContent label {
    width: 250px;
    float: left;
}

.n-ta:hover {
    transform: translateY(-10px);
}

.profile-box {
    height: 100px;
    width: 100px !important;
    padding: 10px 10px;
}

.n-dash {
    background: #fff;
    margin-bottom: 20px;
    padding: 20px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.1);
    border-left: 3px solid #124682;
    transition: .5s ease;
    width: 100%;
}

i.fa.fa-circle.checkout {
    color: red;
}

.check-out img {
    margin-right: 10px;
    border-radius: 50px;
    float: left;
}

.check-out img {
    margin-right: 10px;
    border-radius: 50px;
    float: left;
    box-shadow: 0 6px 12px -7px rgb(0 0 0 / 32%);
    border: 2px solid #fff;
}

.n-dash:hover {
    transform: translateY(-10px);
}


/*.check-in img {
    margin-right: 10px;
    border-radius: 50px;
    float: left;
    box-shadow: 0 6px 12px -7px rgb(0 0 0 / 32%);
    border: 2px solid #fff;
}*/

.app-menu__icon1.fa-eye-slash {
    position: absolute;
    color: #fa4338;
    font-size: 20px;
    margin-left: 5px;
}

.app-menu__icon2.fa-eye-slash {
    position: absolute;
    color: #fa4338;
    font-size: 14px;
    margin-left: 5px;
    margin-top: 0px;
    cursor: pointer;
}

span.access-dash {
    text-align: center;
    padding: 10px 15px;
    width: 200px;
    position: absolute;
    right: 50%;
    background: rgb(6, 14, 131);
    background: linear-gradient(0deg, rgb(18 70 130) 0%, rgb(68 123 187) 100%);
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    transition: all 0.3s ease;
    overflow: hidden;
    cursor: pointer;
}

    span.access-dash a {
        color: #fff;
        text-decoration: none;
        font-family: 'Poppins';
        font-size: 14px;
        cursor: pointer;
    }

.wel-text p {
    font-size: 24px;
    text-align: center;
    color: #fa4338;
}

.wel-text a {
    font-weight: 300;
    font-family: 'Poppins';
}

.color-warning1 {
    font-family: 'Poppins';
    color: #124682;
    font-size: 16px;
}

.rightside-nav li.list-group-item a i.fa {
    font-size: 14px;
    color: #ffffff;
}

.col-two {
    margin-bottom: 8px;
    font-family: 'Poppins';
    margin-left: 10px;
}

span.vname {
    color: #fa4338;
    font-size: 18px;
    font-weight: 600;
}

.clshover:hover {
    transform: scale(2.5);
    cursor: pointer;
}

.newtooltip .tooltiptext {
    visibility: hidden;
    width: 244px;
    background-color: #124682;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 7px;
    position: absolute;
    z-index: 9;
    margin-top: 20px;
    font-size: 12px;
}

.datepicker table tr th {
    background: #fa4338;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff;
}

.row-top {
    margin-top: 20px;
}

.super-check i.fa {
    font-size: 22px;
    margin-left: 10px;
    color: #fa4338;
}

.tam-block b {
    font-size: 18px;
    font-family: 'Poppins';
    font-weight: 400;
    color: #fa4338;
}

.tam-block span {
    font-size: 16px;
    color: #124682;
}

.super-check label.control-label {
    float: left;
}

.SubscriptionDetails .ta-text.ta-editor.form-control {
    width: 100%;
    max-width: 100%;
    display: inline-block;
    height: 255px;
    overflow-y: auto;
}

.AdminCopyright {
    font-family: 'Poppins';
    text-align: center;
}

.table-meeting th,
td {
    padding: 10px 5px;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #999;
}

.setting-tab label.control-label {
    float: left;
    margin-right: 8px;
    width: 300px;
}

.newtooltip .tooltiptext1 {
    visibility: hidden;
    width: 120px;
    background-color: #124682;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 98%;
    left: 50%;
    margin-left: -60px;
}

.check-in {
    padding: 14px;
    display: grid;
}

.check-ins {
    padding: 14px;
    display: grid;
}

.align-middle {
    display: flex;
    align-items: center;
}

.newtooltip {
    position: relative;
    display: inline-block;
    z-index: auto;
    opacity: 1;
}

img.dashImg {
    max-width: 24px;
    height: 24px;
    cursor: pointer !important;
}

.modal {
    z-index: 9998 !important;
}

.newtooltip .tooltiptext1::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #124682 transparent transparent transparent;
}

.newtooltip:hover .tooltiptext1 {
    visibility: visible;
}

.dashlogo {
    width: 100%;
    background: #e35f21;
    /* box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 28%); */
    position: relative;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 27px;
}

p.desk-info.ng-binding {
    font-family: 'Poppins';
    color: #124581;
    font-size: 20px;
    box-shadow: 0 3px 20px -7px rgb(0 0 0 / 32%);
    padding: 15px;
    border-left: 3px solid #fa4338;
}

.desk-info i {
    display: block;
    font-size: 35px;
    color: #fa4338;
    margin-bottom: 10px;
}

.DisableFloorMapDesk {
    background: red;
    border: 1px solid red;
    cursor: pointer;
}

    .DisableFloorMapDesk:hover {
        transform: none;
    }

.bootstrap-datetimepicker-widget .picker-switch td span {
    font-size: 30px;
    color: #fa4338;
}

.hoverDeskdetails {
    display: none;
}

.clsMeetingRoom:hover + .hoverDeskdetails {
    width: 300px;
    height: auto;
    font-size: 12px;
    position: absolute;
    background: #fff;
    box-shadow: 0 0px 15px rgb(231 233 234 / 91%);
    padding: 6px;
    border-radius: 6px;
    font-family: 'Poppins';
    display: block;
}

.clsdesk:hover + .hoverDeskdetails {
    width: 300px;
    height: auto;
    font-size: 12px;
    position: absolute;
    background: #fff;
    display: block;
    box-shadow: 0 0px 15px rgb(231 233 234 / 91%);
    padding: 6px;
    border-radius: 6px;
    font-family: 'Poppins';
}

.hoverDeskdetails p {
    margin-bottom: 0;
}

.hoverDeskdetails:after,
.hoverDeskdetails:after {
    z-index: -1;
    position: absolute;
    top: 78%;
    left: 0;
    content: '';
    width: 0;
    height: 0;
    border-top: solid 20px #124581;
    border-left: solid 20px transparent;
    border-right: solid 20px transparent;
}

i.faDesk::before {
    content: '';
    width: 20px;
    height: 20px;
    background: url(../images/icon-desk.png);
    position: absolute;
    left: 34px;
    top: -25px;
    background-repeat: no-repeat;
}

i.faMeeting::before {
    content: '';
    width: 20px;
    height: 20px;
    background: url(../images/icon-meeting.png);
    position: absolute;
    left: 60px;
    top: -25px;
    background-repeat: no-repeat;
}

i.faDesk {
    position: relative;
}

i.faMeeting {
    position: relative;
}

span.fa.fa-map-marker.cur-point {
    cursor: pointer;
    font-size: 20px;
}

.finalMap {
    width: 100%;
    overflow-x: scroll;
}

    .finalMap::-webkit-scrollbar {
        width: 12px;
        height: 4px;
    }

    .finalMap::-webkit-scrollbar-button {
        background: #ccc;
    }

    .finalMap::-webkit-scrollbar-track-piece {
        background: #888;
    }

    .finalMap::-webkit-scrollbar-thumb {
        background: #eee;
    }

.pac-container {
    z-index: 99999;
}


/*.testMeeting .clsMeetingRoom {
    height: 47px;
    width: 47px;
}*/

.sidebar__sideNew {
    background: #fa4338;
    border-radius: .25rem;
    color: #fff;
    display: inline-block;
    padding: 6px 6px;
}

.instructionimg .close {
    opacity: 1;
    color: #fff;
    font-size: 68px;
    position: absolute;
    right: -18px;
}

.newlink i {
    font-size: 14px !important;
}

.sidebar__sideNew ul {
    left: -10px;
    top: 31px;
}

a.newlink:hover {
    color: #fff !important;
}

a.newlink {
    font-size: 12px !important;
}

.shiftinput {
    border: none;
    box-shadow: none;
    color: #fa4338;
    font-size: 16px;
    padding: 0;
}

.instructionmodal .modal-content {
    background: #fff0;
    border: none;
}

.instructionmodal .modal-header {
    border: none;
}

.instructionimg img {
    max-width: 100vw;
    margin-top: 3rem;
}

.tempcolor {
    color: #757575;
    font-size: 16px;
    font-family: poppins;
}

.Broadcast button.btn {
    width: 100%;
    background: #fa4338;
    color: #ffffff;
    font-family: poppins;
    opacity: 1;
    font-weight: 100;
    font-size: 16px;
}

.broadText p {
    font-family: 'Poppins';
    font-weight: 500;
}

.Broadcast i.fa {
    font-size: 24px;
    color: red;
    margin-bottom: 6px;
}

.t-error {
    color: red;
    font-family: 'Poppins';
    text-align: center;
}

p.Mailsub {
    color: #fa4338;
    font-family: 'Russo One', sans-serif;
    font-size: 22px;
    margin-bottom: 5px;
}

.importDATA a {
    background: #fa4338;
    color: #fff;
    padding: 2px 10px;
    border-radius: 5px;
    font-family: 'Poppins';
}

.importDATA ul {
    padding: 4px;
}

.importDATA li {
    list-style: none;
    font-family: 'Poppins';
    margin-top: 10px;
}


/*.modal-backdrop {
    opacity: 0.9 !important;
}*/

.instructionclose {
    margin-top: -57px;
}

.ImgHeight {
    width: 100% !important;
    height: 210px;
}

.example-open .modal-backdrop {
    opacity: 0.9;
}

.price-logout a.btn {
    color: #fa4338;
    font-family: 'Poppins';
}

.price-logout {
    text-align: center;
}

#SubscriptionExpiredPopup span {
    font-family: 'Poppins';
}

.curs-point {
    cursor: pointer;
}

.nopadding li a {
    padding: 10px;
    color: #fa4338;
    display: block;
}

.modal-body.termsAndCondition {
    height: 400px;
    overflow-y: scroll;
}

.Vimg img {
    max-width: 150px;
}

.MainID1 {
    font-family: 'Poppins';
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
    background: #dcdcdc;
}

.Vdetails .Row {
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 12px;
}

.Vdetails b {
    font-weight: 500;
    font-family: 'Poppins';
    color: #000000;
}

.Vdetails span {
    font-family: 'Poppins';
    color: #676767;
}

.mainVP {
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.Vdetails {
    width: 68%;
    padding: 0px 10px;
}

.Vimg {
    width: 32%;
    padding: 0px 10px;
}

.termsAndCondition::-webkit-scrollbar {
    -webkit-appearance: none;
}

    .termsAndCondition::-webkit-scrollbar:vertical {
        width: 12px;
    }

    .termsAndCondition::-webkit-scrollbar:horizontal {
        height: 12px;
    }

.termsAndCondition::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

.termsAndCondition::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}

.appIMG img {
    max-width: 100%;
}

.appSection {
    background: #f7f8fd;
    padding: 20px 20px 0px 20px;
}

.AppMain {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.AppText h2 {
    color: #fa4338;
    font-family: 'Russo One', sans-serif;
    font-size: 34px;
}

.AppText span {
    color: #124682;
}

.AppText p {
    color: #fa4338;
    font-size: 20px;
    font-family: 'Russo One';
}

.AppText h3 {
    margin-top: 0px;
    color: #124682;
    font-size: 18px;
    font-family: poppins;
    margin-bottom: 10px;
}

.modal {
    overflow-y: auto;
}

.nopadding .note-editable {
    height: 250px;
}

.nopadding .panel-heading.note-toolbar {
    border-bottom: 1px solid #c1c1c1;
}

.ThankyouBGImageMSGInner {
    text-align: center;
    margin-top: 40px;
}

    .ThankyouBGImageMSGInner h3 {
        font-family: 'Poppins';
        margin-top: 20px;
        color: red;
        font-weight: 400;
    }

.form-group.reasonNote {
    color: red;
    font-family: 'Poppins';
    font-size: 14px;
}

.meetinglist .modal-body {
    height: 530px;
    overflow-y: scroll;
}

.meetbtn a {
    background: #fff;
    padding: 3px 8px;
    border-radius: 8px;
    box-shadow: 0 0 12px 2px rgb(191 191 191 / 28%);
    cursor: pointer;
    margin-right: 6px;
}

    .meetbtn a i {
        color: #7b7a7a;
    }

td.meetbtn {
    display: flex;
    margin-top: 32px;
}

p.meetTime {
    color: #343434;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 5px;
}

.MainSetting .Sicon {
    font-size: 22px;
    margin-right: 14px;
    color: #fa4338;
}

.jasimg a {
    text-decoration: none;
    color: #fff;
    font-family: 'Poppins';
}

.Sname h3 {
    color: #124682;
    font-family: 'Poppins';
    font-size: 16px;
    margin-bottom: 8px;
    font-weight: 600;
}

.Sname p {
    font-family: 'Poppins';
    font-weight: 100;
    font-size: 14px;
    color: #343434;
    margin-bottom: 5px;
}

.currency a.btn {
    list-style: none;
    display: inline-block;
    padding: 3px 7px;
    font-size: 17px;
    background: #ebf0f4;
    border-radius: 4px;
    margin-right: 12px;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 14%), 0 2px 2px 0 rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 8%);
    color: #124682;
}

a.SettingClick {
    text-decoration: none !important;
    display: block;
}

.MainSetting {
    display: flex;
    padding: 10px;
    margin-top: 26px;
    border: 0px solid #56aaf3;
}

    .MainSetting:hover {
        padding: 10px;
        border: 1px solid #56aaf3;
    }

.settingSearch i.fa {
    background: none;
    color: #fff;
    padding: 0;
    font-size: 18px;
    margin: 0;
}

.settingSearch input.form-control {
    background: #ffffff;
    border: 0;
    box-shadow: 0 4px 10px -5px rgb(0 0 0 / 32%);
}

.settingSearch button {
    box-shadow: 0 4px 11px -4px rgb(0 0 0 / 32%);
}

    .settingSearch button:focus {
        outline: none;
        box-shadow: 0 4px 11px -4px rgb(0 0 0 / 32%);
    }

.sideIcon {
    position: absolute;
    right: 10px;
}

    .sideIcon li {
        list-style: none;
        display: inline-block;
        padding: 3px 7px;
        font-size: 20px;
        background: #ebf0f4;
        border-radius: 4px;
        margin-right: 12px;
        box-shadow: 0 3px 1px -2px rgb(0 0 0 / 14%), 0 2px 2px 0 rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 8%);
    }

        .sideIcon li i.fa {
            color: #0f0f10;
        }

    .sideIcon ul {
        padding-left: 0;
        margin-bottom: 0;
    }

.Shadow-Remove {
    box-shadow: none !important;
}

.maincount {
    display: flex;
}

.countsection {
    background: #fff;
    box-shadow: 0 3px 20px -7px rgb(0 0 0 / 32%);
    margin-right: 5px;
    border-radius: 5px;
}

.counticon {
    text-align: center;
}

.countsection {
    background: #fff;
    box-shadow: 0 4px 20px -12px rgb(0 0 0 / 33%);
    margin-right: 5px;
    border-radius: 5px;
    padding: 8px 10px;
    margin-top: 16px;
    width: 100%;
    border: 1px solid #ebf0f4;
}

.counticon i {
    color: #fa4338;
}

    .counticon i.fa {
        background: none;
        color: #fa4338;
        font-size: 22px;
        padding: 0;
        margin: 0;
    }

.counttext {
    font-family: 'Poppins';
    font-size: 14px;
    color: #124682;
}

    .counttext p {
        margin-bottom: 0;
        border-bottom: 1px solid #ebf0f4;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .counttext p span {
            color: #fa4338;
            font-weight: 500;
            font-size: 20px;
            letter-spacing: 2px;
        }

.SuperAdminBTN input.btn {
    background: #fa4338;
    color: #fff;
    padding: 2px 4px;
    font-size: 12px;
}

.Emtopimg {
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-bottom: 1px solid #dee2e6;
}

    .Emtopimg img {
        max-width: 60px;
        border: 1px solid #ebf0f4;
        padding: 4px;
    }

span.EMimg {
    text-align: center;
}

.tooltip.fade.bs-tooltip-bottom.show .tooltip-inner {
    background: linear-gradient( 90deg, rgba(2, 0, 36, 1) 0%, rgb(18 70 130) 0%, rgba(74, 61, 217, 1) 100%) !important;
    color: #fff !important;
}

.tooltip.fade.bs-tooltip-bottom.show .tooltip-inner {
    background: linear-gradient( 90deg, rgba(2, 0, 36, 1) 0%, rgb(18 70 130) 0%, rgba(74, 61, 217, 1) 100%) !important;
    color: #fff !important;
}

.tooltip-inner {
    background: linear-gradient( 90deg, rgba(2, 0, 36, 1) 0%, rgb(18 70 130) 0%, rgba(74, 61, 217, 1) 100%) !important;
}

.Totalem a {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 12px;
}

.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: #124682 !important;
}

.presentem a {
    color: #ffffff;
    font-weight: 700;
    text-decoration: none;
    font-size: 12px;
}

span.Totalem a {
    color: #124682;
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 500;
}

.Totalem p {
    margin-bottom: 0;
}

.EMimg p {
    font-size: 16px;
    font-family: 'Poppins';
    margin-bottom: 0;
}

.Gallery a {
    text-decoration: none;
    background-color: #fa4338;
    font-family: 'Poppins';
    padding: 5px 10px;
    color: #fff;
    border-radius: 4px;
}

.Gallery span {
    font-family: 'Poppins';
}

.bannergallery {
    background: #ebf0f4;
    display: flex;
    align-items: center;
    flex-direction: column;
    box-shadow: 0px 10px 20px 0px rgb(8 18 109 / 14%);
    padding: 20px 20px;
    border-radius: 10px;
}

    .bannergallery p {
        font-family: 'Poppins';
        font-size: 14px;
        text-align: center;
        color: #124682;
        margin: 15px 0px 15px 0px;
        font-weight: 600;
        border-bottom: 1px dashed #124682;
        padding-bottom: 8px;
    }

    .bannergallery img {
        max-width: 100%;
        height: 130px;
    }


/*    .appSection:before {
        content: '';
        width: 100%;
        position: absolute;
        top: 0;
        background-image: url(../images/AppBg.png);
        left: 0;
        background-size: cover;
        background-repeat: no-repeat;
        height: 375px;
    }*/


/*Media Query*/


/*table design*/

.sectionName h4 {
    color: #fa4338;
    font-family: 'Poppins';
    border-radius: 5px;
    font-size: 16px;
    background: #ffffff;
    box-shadow: 0 6px 10px -7px rgb(0 0 0 / 22%);
    border: 1px solid #f2f2f2;
    padding: 6px 10px;
    display: inline-block;
    margin-bottom: 10px;
    border-bottom: 1px solid #fa4338;
}

span.sectionName {
    width: 100%;
    display: block;
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 15px;
    text-align: center;
}

.EmployeePart {
    text-align: center;
    margin-top: 15px;
}

.MainPanel {
    background: #ffffff;
    box-shadow: 0 4px 20px -5px rgb(0 0 0 / 12%);
    padding: 20px 8px;
    height: 50vh;
    overflow-y: auto;
}

    .MainPanel::-webkit-scrollbar,
    .MainPanel::-webkit-scrollbar-thumb {
        width: 10px;
        border-radius: 4px;
        border: 3px solid transparent;
    }

    .MainPanel::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 0 10px;
    }

.MainList {
    display: flex;
    justify-content: space-between;
    background: #fbe4e2;
    border-radius: 5px;
    padding: 10px 12px;
    align-items: center;
    font-family: 'Poppins';
    color: #060606;
    margin-bottom: 8px;
}

.MainName i {
    color: #5a5959;
    font-size: 16px;
    margin-right: 5px;
}

.MainList:hover {
    box-shadow: 0 8px 4px -6px #7777776e;
    border-bottom: 1px solid #989a9c;
}

.MainName a {
    text-decoration: none;
    color: #5f5f5f;
    font-size: 18px;
}

.allIcon span {
    display: block;
}

.MainList p.MainName {
    font-weight: 400;
    margin-bottom: 0;
    color: #5a5959;
    font-size: 14px;
}

.MainListStaff p.MainName {
    font-weight: 400;
    margin-bottom: 0;
    color: #5a5959;
    font-size: 16px;
}

.MainListStaff .MainName i {
    color: #5a5959;
    font-size: 18px;
    margin-right: 5px;
}

.MainList img {
    border-radius: 50%;
}

.MainList.maingreen {
    background: #ebf0f4;
}

.onlineicon {
    position: relative;
}

.offlineicon {
    position: relative;
}

.onlineicon:before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #3be23c;
    position: absolute;
    right: 0px;
}

.offlineicon:before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #9c9c9c;
    position: absolute;
    right: 0px;
}

.Totalvs {
    color: #3be23c;
}

.EMimg i {
    font-size: 16px;
    font-weight: 300;
}

.Totalvs1 {
    transform: rotate( 39deg);
    color: #f51111;
}

.Totalvs2 {
    color: #f1810d;
    transform: rotate( 319deg);
}

.sectionName .form-control {
    padding: 4px 10px;
    font-size: 12px;
    height: 30px;
}

.form-width select.form-control {
    height: 30px !important;
}

.tableList {
    height: 514px;
    overflow-y: auto;
}

.reporticon span {
    margin-left: 50px;
}

.sectionName button.btn {
    padding: 6px 10px;
    font-size: 12px;
    margin-bottom: 1px;
}

.sectionName {
    border-bottom: 1px solid #dee2e6;
}


/*End table design*/


/*track design*/

.hh-grayBox {
    background-color: #ffffff;
    box-shadow: 0 4px 20px -12px rgb(0 0 0 / 33%);
    padding: 10px 20px;
    border-radius: 6px;
}

.order-tracking {
    text-align: center;
    width: 16%;
    position: relative;
    display: block;
}

.NextStep .order-tracking .is-complete {
    display: block;
    position: relative;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    border: 0px solid #AFAFAF;
    background-color: #f7be16;
    margin: 0 auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
    z-index: 2;
}

.order-tracking .is-complete {
    display: block;
    position: relative;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    border: 0px solid #AFAFAF;
    background-color: #a9a9a9;
    margin: 0 auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
    z-index: 2;
}

.NextStep .is-complete {
    display: block;
    position: relative;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    border: 0px solid #AFAFAF;
    background-color: #fff824;
    margin: 0 auto;
    z-index: 2;
    transition: box-shadow 0.3s cubic-bezier(0.75, 0, 0.24, 1);
}

    .NextStep .is-complete:before {
        animation: ripple 2s linear infinite;
        content: "";
        position: absolute;
        top: 5px;
        width: 40px;
        height: 40px;
        left: 5px;
        border-radius: 50%;
    }

.NextStep .order-tracking .is-complete:after {
    display: block;
    position: absolute;
    content: '';
    height: 14px;
    width: 7px;
    top: -2px;
    bottom: 0;
    left: 5px;
    margin: auto 0;
    border: 0px solid #AFAFAF;
    border-width: 0px 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
}

.order-tracking .is-complete:after {
    display: block;
    position: absolute;
    content: '';
    height: 14px;
    width: 7px;
    top: -2px;
    bottom: 0;
    left: 5px;
    margin: auto 0;
    border: 0px solid #AFAFAF;
    border-width: 0px 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
}

.order-tracking.completed .is-complete {
    border-color: #3be23c;
    border-width: 0px;
    background: linear-gradient( 359deg, rgba(2, 0, 36, 1) 0%, rgba(174, 255, 151, 1) 0%, rgba(0, 255, 201, 1) 100%);
}

.order-tracking.completed .range-profile {
    border-color: #3be23c;
    border-width: 0px;
    background-color: #fff;
}

.order-tracking .range-profile {
    display: block;
    position: relative;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    border: 2px solid #fa4338 !important;
    margin: 0 auto;
    color: #124581;
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 600;
    padding: 12px 5px;
    z-index: 99;
    box-shadow: 0 4px 10px -6px rgb(0 0 0 / 62%);
}

.order-tracking.completed .is-complete:after {
    border-color: #fff;
    border-width: 0px 3px 3px 0;
    width: 7px;
    left: 22px;
    opacity: 1;
}

.order-tracking p {
    color: #A4A4A4;
    font-size: 14px;
    margin-top: 8px;
    margin-bottom: 0;
    font-family: 'Poppins';
}

    .order-tracking p span {
        font-size: 14px;
    }

.order-tracking.completed p {
    color: #124581;
    font-family: 'Poppins';
    font-size: 14px;
}

.NextStep p {
    color: #fa4338;
    font-size: 14px;
    font-family: 'Poppins';
}

.order-tracking::before {
    content: '';
    display: block;
    height: 3px;
    width: calc(100% - 40px);
    background-color: #a9a9a9;
    top: 26px;
    position: absolute;
    left: calc(-50% + 22px);
    z-index: 0;
}

.lineRemove::before {
    z-index: -9 !important;
}

.range-border {
    border-right: 1px dotted #a9a9a9;
    padding-right: 4px;
}

.NextStep.order-tracking::before {
    content: '';
    display: block;
    height: 3px;
    width: calc(100% - 40px);
    background-color: #fff824;
    top: 26px;
    position: absolute;
    left: calc(-50% + 22px);
    z-index: 0;
}

.order-tracking:first-child:before {
    display: none;
}

.order-tracking.completed:before {
    background-color: #3be23c;
}

.noteTab p {
    background: #ffffff;
    padding: 5px 10px;
    border-left: 2px solid #fa5a5d;
    box-shadow: 0 4px 20px -13px rgb(0 0 0 / 33%);
    font-family: 'Poppins';
    color: #124682;
    font-size: 16px;
    letter-spacing: 1px;
    margin-top: 10px;
    font-weight: 600;
    margin-bottom: 30px;
}

.noteTab i {
    font-size: 22px;
    color: #fa4338;
}

.TabCard.selected {
    background: #fff;
    box-shadow: 0 2px 18px -6px rgb(0 0 0 / 41%);
    padding: 0px 10px;
    position: relative;
    border-radius: 5px;
}

.TabCardBG {
    background: #fff;
    box-shadow: 0 5px 16px -8px rgb(0 0 0 / 41%);
    padding: 20px 10px;
    position: relative;
    border-radius: 5px;
}

.TabCard .ActiveService {
    display: block;
    position: relative;
    margin-top: 15px;
    text-align: center;
}

.TabCard .ActiveService {
    display: block;
    position: relative;
    margin-top: 0px;
    padding: 4px;
    font-weight: 800;
    border-bottom: 1px dotted #645151;
    margin-bottom: 20px;
}

.ActiveService {
    border-bottom: 1px dotted #a9a9a9;
    display: block;
    position: relative;
    margin-top: 20px;
}

.innerTAB {
    padding: 0px 20px 0px 20px;
    margin-top: 0px;
}

.TabCard .innerTAB p {
    font-family: 'Poppins';
    color: #a9a9a9;
    font-size: 14px;
    margin-bottom: 7px;
    font-weight: 600;
    margin-top: 10px;
}

.selected .innerTAB p {
    font-family: 'Poppins';
    color: #124581;
    font-size: 14px;
    margin-bottom: 4px;
    font-weight: 600;
}

p.congtext {
    font-family: 'Poppins';
    color: #19be1e;
    font-size: 18px;
    margin-top: 20px;
}

h6.btnLinkPage {
    font-family: 'Poppins';
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 12px;
    color: #545454;
    display: none;
}

.TabMainBtn {
    background: #fa4338;
    color: #fff !important;
    font-family: 'Poppins';
    padding: 4px 18px;
    font-size: 16px;
    cursor: pointer;
    margin-right: 10px;
}

.btnLinkPage a {
    color: #fa5a5d;
}

.tabgalary b {
    font-family: 'Poppins';
}

.tabgalary a {
    font-family: 'Poppins';
    font-size: 14px;
    color: #fa4338;
    font-weight: 600;
}

.mainTypeTable {
    font-family: 'Poppins';
    font-size: 13px;
    color: #124581;
}

.all-anchor-new {
    font-size: 12px;
    color: #124682;
}

.import-list {
    color: #fa4338 !important;
    background: #ffffff;
    padding: 10px;
    box-shadow: 0 8px 18px -12px rgb(250 67 56);
    border: 1px solid #fa4338;
    border-radius: 6px;
    margin-top: 12px;
    margin-bottom: 10px;
}


/*.innerTAB input[type=checkbox], input[type=radio] {
    width: 30px;
    height: 30px;
}*/

.innerTAB input[type='radio']:after {
    width: 25px;
    height: 25px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    content: '';
    display: inline-block;
    visibility: visible;
}

.innerTAB input[type='radio']:checked:after {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    top: -2px;
    left: -1px;
    position: relative;
    content: '';
    display: inline-block;
    visibility: visible;
    box-shadow: 0 4px 10px -6px rgb(0 0 0 / 62%);
    background: linear-gradient( 359deg, rgba(2, 0, 36, 1) 0%, rgba(174, 255, 151, 1) 0%, rgba(0, 255, 201, 1) 100%);
}

#TimeSheetModal th {
    font-family: 'Poppins';
    text-align: center;
}

#TimeSheetModal td {
    font-family: 'Poppins';
    text-align: center;
}

@keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 248, 36, 0.3), 0 0 0 0.03em rgba(255, 248, 36, 0.3), 0 0 0 0.05em rgba(255, 248, 36, 0.3), 0 0 0 0.08em rgba(255, 248, 36, 0.3);
    }

    100% {
        box-shadow: 0 0 0 0.01em rgba(255, 248, 36, 0.3), 0 0 0 0.5em rgba(255, 248, 36, 0.3), 0 0 0 1em rgba(255, 248, 36, 0.2), 0 0 0 2em rgba(255, 248, 36, 0);
    }
}

.gallerylocation p {
    font-family: 'Poppins';
}

.gallerylocation b {
    font-family: 'Poppins';
}

.gallerylocation p a {
    color: #fa4338;
}


/*end track design*/

.optionDrop .dropdown-menu {
    padding: 5px 5px;
    margin-top: 20px;
    text-align: left;
    border: none;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    border-top: 2px solid #fa4338;
}

    .optionDrop .dropdown-menu a {
        font-family: 'Poppins';
        padding: 5px 5px;
        font-size: 14px;
        border-bottom: 1px solid #f2f2f2;
    }

.shadow-remove {
    padding: 15px;
    background: #fff;
    margin-top: 10px;
    border-bottom: 1px solid #ebebeb;
}

    .shadow-remove:hover {
        background: #ebf0f4;
    }

.modalframe iframe {
    width: 100%;
    height: 500px;
}

.SiconNew {
    color: #3be23c !important;
    font-size: 16px;
}

.PageList {
    position: absolute;
    width: 550px;
    box-shadow: 0 1px 6px rgb(174 171 171);
    top: 57px;
    background: #fff;
    height: 260px;
    overflow-y: scroll;
    border-radius: 5px;
    z-index: 9;
    display: none;
    right: 5px;
}

.profileAlert {
    font-family: 'Poppins';
    letter-spacing: 2px;
    text-align: center;
    font-size: 18px;
}

.PageList li {
    display: block;
    border-bottom: 1px solid #eaeaea !important;
    border-radius: 0;
    margin-right: 0;
    padding: 10px 10px;
    cursor: pointer;
}

.GalleryText {
    font-family: 'Poppins';
}

    .GalleryText a {
        color: #fa4338;
    }

.PageList li:hover {
    background-color: #ebf0f4 !important;
}

.PageList li a {
    color: #124581 !important;
    font-family: 'Poppins';
    font-size: 16px;
    text-decoration: none;
}

.shadow-remove span {
    font-size: 13px;
    display: block;
    font-family: 'Poppins';
    color: #868686;
    letter-spacing: 1px;
}

.PageList li a:hover {
    color: #fa4338 !important;
}


/*begin page new css*/

.textInnerDiv {
    color: white;
    font-size: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.TabFinish {
    text-align: center;
    margin-top: 65px;
}

    .TabFinish span {
        font-size: 30px;
        font-family: 'Russo One';
        color: #fa4338;
    }

        .TabFinish span a {
            color: #124682;
        }

.TabCard {
    border: none;
    background: #f2f2f2;
    box-shadow: 0 5px 16px -10px rgb(0 0 0 / 41%);
    padding: 0px 10px;
}

.cssDisable {
    cursor: not-allowed;
    pointer-events: none;
    color: grey;
}

.mainSpan b {
    font-family: 'Poppins';
    color: #fa4338;
    margin-right: 8px;
}

span.italics {
    font-size: 12px;
    font-family: cursive;
    margin-left: 5px;
}

.mainSpan {
    margin-bottom: 20px;
    border-bottom: 1px solid #e1dfdf;
    padding-bottom: 10px;
}

    .mainSpan i {
        font-size: 20px;
        color: #124682;
        background: #ebf0f4;
        padding: 6px 14px;
        border-radius: 4px;
        box-shadow: 0 3px 1px -2px rgb(0 0 0 / 14%), 0 2px 2px 0 rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 8%);
    }

.innerTAB p a {
    color: #fa4338;
    text-decoration: underline;
}

.DesableLink {
    cursor: not-allowed;
    text-decoration: none;
}

    .DesableLink:hover {
        filter: blur(1px);
    }

.selected .ActiveService span i {
    font-size: 34px;
    background: linear-gradient( 359deg, rgba(2, 0, 36, 1) 0%, rgba(174, 255, 151, 1) 0%, rgba(0, 255, 201, 1) 100%);
    border-radius: 50%;
    height: 50px;
    width: 50px;
    padding: 8px;
    color: #fff;
}

.ActiveService span i {
    font-size: 20px;
    background: #AFAFAF;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    padding: 8px;
    color: #fff;
}

.conTab img {
    max-width: 220px;
    filter: grayscale(1);
}

.conTab p {
    color: #c1c1c1;
    font-weight: 500;
    font-size: 14px;
}

label.control-label.lableWidth {
    width: auto;
}

.conTab {
    background: #F2F2F2;
    padding: 10px;
    box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 15%);
}


/*end begin page new css*/

.innerTAB ul {
    padding-left: 0;
    height: 270px;
    overflow: auto;
    margin-bottom: 0px;
}

    .innerTAB ul::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #F5F5F5;
    }

    .innerTAB ul::-webkit-scrollbar {
        width: 6px;
        background-color: #F5F5F5;
    }

    .innerTAB ul::-webkit-scrollbar-thumb {
        background-color: #000000;
        border-radius: 10px;
    }

    .innerTAB ul li {
        list-style: none;
        font-family: 'Poppins';
        padding-bottom: 14px;
        font-size: 14px;
        border-bottom: 1px solid #dcdbdb;
        margin-top: 14px;
        color: #124682;
    }

.selected .innerTAB ul li i {
    color: #46da46;
}

.innerTAB ul li i {
    color: #afafaf;
}

.ActiveSuccess i {
    background: #46da46;
    padding: 5px;
    border-radius: 50%;
    color: #fff;
    display: none;
}

.selected .innerTAB .ActiveSuccess i {
    display: inline-block;
}

span.ActiveSuccess {
    display: block;
    width: 100%;
    text-align: end;
}

th.locationNameInput {
    font-family: 'Poppins';
    font-size: 12px;
}

.locationNameInput a {
    color: #fa4338;
}


/*notification bar*/

.icons {
    display: inline;
    float: right
}

.notification {
    position: relative;
    display: inline-block;
}

.issueSelect select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px);
}

.number {
    height: 22px;
    width: 22px;
    background-color: #fa4338;
    border-radius: 20px;
    color: white;
    text-align: center;
    position: absolute;
    top: -10px;
    left: 13px;
    padding: 0px;
    font-size: 16px;
    font-family: 'Poppins';
}

    .number:empty {
        display: none;
    }

.notBtn {
    transition: 0.5s;
    cursor: pointer
}

.fas {
    font-size: 25pt;
    padding-bottom: 10px;
    color: black;
    margin-right: 40px;
    margin-left: 40px;
}

.box {
    width: 550px;
    height: 50vh;
    position: absolute;
    overflow-y: scroll;
    margin-top: 5px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgb(0 0 0 / 41%) 0px 2px 18px -6px;
    cursor: context-menu;
    right: 43%;
    display: none;
    border-radius: 2px;
    transition: all 0.5s ease 0s;
    padding: 0px;
    z-index: 999;
}

#acloseNote {
    background: #ebf0f4;
    opacity: 1;
    padding: 6px 10px;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 14%), 0 2px 2px 0 rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 8%);
    border-radius: 5px;
    position: absolute;
    right: 10px;
}

.TopFillter a.btn {
    font-family: 'Poppins';
    background: #ebf0f4;
    text-decoration: none;
    color: #124581;
    padding: 5px 10px;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 14%), 0 2px 2px 0 rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 8%);
}

img.b-image {
    max-width: 100%;
}

.TopFillter {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    align-items: center;
    border-bottom: 1px solid #124581;
}

.txt i.fa.fa-check-circle-o {
    float: right;
    color: #3be23c;
    font-size: 22px;
}


/*.notBtn:hover > .box {
    height: 32vh;
    z-index: 999;
}*/

.content {
    padding: 20px;
    color: black;
    vertical-align: middle;
    text-align: left;
}

.cont {
    position: absolute;
    top: 0;
    width: 100%;
    height: 50vh;
    background-color: #ffffff;
}

    .cont:empty {
        display: none;
    }

.stick {
    text-align: center;
    display: block;
    font-size: 50pt;
    padding-top: 70px;
    padding-left: 80px
}

    .stick:hover {
        color: black;
    }

.cent {
    text-align: center;
    display: block;
}

.sec {
    padding: 10px 4px;
    background-color: #ffffff;
    transition: 0.5s;
    border-bottom: 1px solid #ebebeb;
}

    .sec:hover {
        background-color: rgb(239 243 247);
    }

.secbg {
    background: #fff;
}

.profCont {
    padding-left: 15px;
}

.MrecordBTN {
    font-family: 'Poppins';
    background: #ebf0f4;
    padding: 5px 10px;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 14%), 0 2px 2px 0 rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 8%);
    margin: 8px;
    margin-right: 44px;
}

#closeNote {
    background: #ebf0f4;
    position: absolute;
    right: 5px;
    padding: 5px 10px;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 14%), 0 2px 2px 0 rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 8%);
    cursor: pointer;
    top: 54px;
    z-index: 9999;
    opacity: 1;
}

.profile {
    -webkit-clip-path: circle(50% at 50% 50%);
    clip-path: circle(50% at 50% 50%);
    width: 75px;
    float: left;
}

.txt i.fa.fa-dot-circle-o {
    color: #3be23c;
    margin-right: 5px;
    font-size: 16px;
}

.txt {
    vertical-align: top;
    padding: 5px;
    font-family: 'Poppins';
    font-size: 14px;
    color: #124581;
    font-weight: 600;
}

.sub {
    font-size: 1rem;
    color: grey;
}

.NotiTime {
    font-size: 14px;
    color: #fa4338;
    font-family: 'Poppins';
}

.secFADE {
    filter: grayscale(1);
    padding: 10px 4px;
    transition: 0.5s;
    border-bottom: 1px solid #ebebeb;
}

    .secFADE:hover {
        background: #f2f2f2;
    }

i.fa.fa-trash.notidelete {
    color: red;
    font-size: 20px;
    margin-left: 8px;
    border-left: 2px solid #b1adad;
    padding-left: 10px;
}

a.notextdecoration {
    text-decoration: none;
    color: #fa4338;
}

.text-BLUE {
    font-size: 14px;
    color: #124581;
    width: 100%;
    display: block;
    text-align: end;
}

.readMORE {
    margin-left: 2px;
    color: #124581 !important;
    font-weight: 600;
}

#showMessageDescription {
    padding: 10px;
}

    #showMessageDescription p {
        font-family: 'Poppins';
    }

.NotificationBACK {
    background: #f64237;
    border: none;
    margin: 4px;
    border-radius: 5px;
}

    .NotificationBACK i.fa.fa-arrow-left {
        color: #fff;
    }

.ReadMoreBtn {
    text-align: end;
    width: 100%;
    display: block;
    font-size: 13px;
    font-family: 'Poppins';
    color: #fa4338;
    text-decoration: underline;
}

.readmorebox {
    padding: 5px 18px;
    font-size: 13px;
    font-family: 'Poppins';
    color: #8c8c8c;
}

.TopFillter p {
    font-family: 'Poppins';
    color: #124581;
    font-weight: 700;
}

.box::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.box::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.box::-webkit-scrollbar-thumb {
    background-color: #124581;
}

li.PlanDETAILS {
    font-family: 'Poppins';
    font-size: 14px;
    padding: 4px 10px;
    background: #FFF;
    box-shadow: 0 5px 18px -10px rgb(0 0 0 / 41%);
    border-left: 2px solid #fa4338;
}

.PlanDETAILS b {
    color: #124581;
}

.TABHEADING {
    font-family: 'Poppins';
    font-size: 22px;
    color: #ffffff;
}

.image-chip {
    float: left !important;
}

.billingCard {
    width: 216px;
    height: 144px;
    background-color: #1133dd;
    border: 2px solid #000000;
    border-radius: 31px;
    background-image: linear-gradient(17deg, #a3204dfa 0%, #a3204deb 12%, #a3204df7 37%, #522a82f5 1%, #a3204d 64%, #441b74 83%, #4e1593 100%);
    position: relative;
    overflow: hidden;
}

    .billingCard::before,
    .billingCard::after {
        content: "";
        display: block;
        border-radius: 70%;
    }

    .billingCard::before {
        height: 39%;
    }

    .billingCard p {
        background: none;
        color: #fff;
        box-shadow: none;
        padding: 0;
        font-size: 12px;
        font-family: 'Poppins';
        font-weight: 600;
        margin: 7px 0px;
    }

    .billingCard i.fa.fa-plus-circle {
        color: #fff;
        font-size: 14px;
        margin-left: 10px;
    }

    .billingCard img {
        float: right;
        max-width: 22px;
        margin-right: 10px;
        margin-top: -28px;
    }

li.billingCard a {
    padding: 0px;
    display: inherit;
}

li.billingCard {
    padding-left: 15px;
    padding-top: 0px;
    padding-bottom: 72px;
    margin-left: 4px;
    margin-right: 4px;
    border-radius: 10px;
}

a.app-menu__item.log-out {
    text-align: center;
    background: white;
    color: #e35f21 !important;
    width: 57%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border-radius: 10px;
    padding-bottom: 7px;
    margin-bottom: 24px;
}

.billingCard i.fa.fa-star-o {
    color: #124581;
    float: right;
    background: #fff;
    padding: 4px 4px;
    border-radius: 16px;
    margin-top: 5px;
}

.billingCard a {
    font-size: 12px;
    padding: 2px 5px;
    margin-top: 3px;
    float: right;
}

.billFont {
    font-size: 18px;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.PlanDETAILS a {
    color: #fa4338;
    text-decoration: underline;
}


/*End notification bar*/

.upgradebtn {
    font-size: 12px;
    padding: 2px 2px;
    margin-top: 20px;
}

.switch {
    display: inline-flex;
    margin: 0 10px;
}

    .switch input[type=checkbox] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

.selected .switch input[type=checkbox]:checked + label {
    background: #46da46;
}

.switch input[type=checkbox]:checked + label::after {
    right: calc(100% - 22px) !important;
}

.switch label {
    cursor: pointer;
    width: 48px;
    height: 24px;
    background: gray;
    display: block;
    border-radius: 24px;
    position: relative;
}

    .switch label::after {
        content: "";
        position: absolute;
        top: 4px;
        right: 4px;
        width: 16px;
        height: 16px;
        background: white;
        border-radius: 16px;
        transition: 0.3s;
    }

.selected .switch label {
    cursor: pointer;
    width: 48px;
    height: 24px;
    background: #46da46;
    display: block;
    border-radius: 24px;
    position: relative;
}

.PRICETABSMENU a.nav-link.active {
    background: none;
    color: #fa4338;
    border-bottom: 2px solid #fa4338;
    margin: 5px 10px;
    font-size: 20px;
}

.PRICETABSMENU.nav-tabs .nav-link {
    border: none;
    font-family: 'Poppins';
    color: #606060;
    margin: 5px 10px;
    font-size: 20px;
}

.HeaderGOBack {
    background: #fff;
    box-shadow: 0px 1px 8px -2px rgb(239 15 15 / 38%);
    padding: 10px;
    border-radius: 10px;
    position: absolute;
    left: 35%;
    top: 63px;
}

    .HeaderGOBack p {
        font-family: 'Poppins';
        color: #fa4338;
        margin-bottom: 0;
    }

.inputWIDTH {
    width: 42%;
    cursor: pointer;
}

.modalSetup {
    width: 370px;
}

.modalwelcomemain span {
    font-family: 'Poppins';
    color: #124682;
    font-size: 18px;
}

.modalwelcomemain .modal-content {
    border: none;
    box-shadow: 0 3px 25px #d4d5d6;
    background: #f4f7f9;
}

.WELCOMEIMG {
    background: linear-gradient( 90deg, rgba(2, 0, 36, 1) 0%, rgb(18 70 130) 0%, rgba(74, 61, 217, 1) 100%);
    padding: 15px;
    display: flex;
    justify-content: center;
}

.modalwelcomemain h4 {
    font-family: 'Russo One';
    margin: 15px 0px;
    color: #fa4338;
}

.modalwelcomemain a {
    color: #fa4338;
    text-decoration: underline;
}

.mainSpan input {
    cursor: pointer;
}

.instructionmodal .modal-dialog {
    width: 100vw;
    height: 100%;
    margin: inherit;
}

.instructionmodal .modal-dialog {
    width: 100vw;
    height: 100vh;
}

.instructionmodal .modal-body.instructionimg {
    width: 100vw;
    height: 100vh;
}

.instructionmodal {
    text-align: center;
}


/*.TableDesign .modal-dialog {
    max-width: 100%;
    display: flex;
    justify-content: center;
}*/


/*.TableDesign .modal-content {
    width: 1300px;
}*/

.DTable {
    height: 500px;
    overflow-y: scroll;
}

.tableList ul {
    padding-left: 0;
    display: block;
    width: 100%;
}

span.reportTxt {
    display: block;
    width: 100%;
    background: #f2f2f2;
    font-family: 'Russo One';
    padding: 10px;
    text-align: center;
    font-size: 26px;
    color: #fa4338;
    margin-bottom: 26px;
}

.tableList ul li {
    list-style: none;
    font-family: 'Poppins';
    border-bottom: 1px solid #c1c1c16b;
    margin-bottom: 14px;
    display: block;
    padding-bottom: 8px;
}

.shiftlable {
    margin-bottom: 0;
    display: block;
}

h3.timetxt {
    margin: 12px 0px;
    background: #f3f3f3;
    padding: 8px 15px;
    border-left: 4px solid #fa4338;
    font-size: 18px;
    font-family: 'Poppins';
    color: #fa4338;
}

.timesheetslide.DisabledummyClass {
    display: none;
}

a.btn.xlBTN {
    background: #3be23c;
    font-family: 'Poppins';
    color: #000;
    font-size: 16px;
    padding: 0px 16px 0 0px;
}

span.onBTN {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

span.shiftHRS {
    font-family: 'Poppins';
    color: #fa4338;
}

a.btn.xlBTN i {
    background: #2ecc71;
    font-size: 20px;
    padding: 10px;
    margin-right: 10px;
}

.DemoVisitordate {
    font-family: 'Poppins';
    color: #fff;
    position: absolute;
    right: 10%;
    top: 15%;
    font-size: 12px;
}

.DemoVisitorhour {
    font-family: 'Poppins';
    color: #fff;
    position: absolute;
    right: 10%;
    top: 5%;
    font-size: 25px;
}

.bandinnerwrapdesktop .DemoVisitordate {
    font-family: 'Poppins';
    color: #fff;
    position: absolute;
    right: 8%;
    top: 18%;
    font-size: 24px;
}

.timesheetslide.EnabledummyClass {
    display: block;
}

.shiftinput {
    border: none;
    box-shadow: none;
    color: #fa4338;
    font-size: 16px;
    padding: 0;
    font-family: 'Poppins';
    background: none;
    display: inline-block;
    width: 19%;
}


/*Quick Setup*/

.setupmain {
    padding: 40px;
    box-shadow: -1px 1px 24px #9d9d9deb, -16px 5px 38px #d9d9d9e3;
    border-radius: 25px;
    background: #f0f6f6;
}

    .setupmain a.nav-link {
        color: #124682;
        background: none !important;
        border-left: 0;
        padding: 12px 4px;
    }

    .setupmain .faq-nav {
        flex-direction: column;
        border: none;
        box-shadow: none;
    }

        .setupmain .faq-nav .nav-link.active {
            color: #124682;
            font-family: 'Poppins', sans-serif;
            border-right: 2px solid #fa4338;
            box-shadow: 6px 6px 12px #d1d1d1, -6px -6px 12px #ffffff;
            border-left: 0;
            border-bottom: 0;
        }

    .setupmain .addhead {
        background: #124682;
        text-align: center;
        padding: 4px;
        color: #fff;
        font-family: 'Poppins';
        margin-bottom: 10px;
    }

    .setupmain .faq-tab {
        height: 410px;
        overflow-y: scroll;
    }

.counting {
    color: #fff;
    background: #fa4338;
    border-radius: 50%;
    font-size: 12px;
    padding: 3px 6px;
    margin-right: 10px;
}

.setupmain .TabCard .ActiveService {
    display: block;
    position: relative;
    margin-top: 0px;
    background: #fa4338;
    padding: 4px;
    font-weight: 800;
    border: none;
    margin-bottom: 20px;
}

.inductonBTN {
    background: linear-gradient( 90deg, rgba(2, 0, 36, 1) 0%, rgb(18 70 130) 0%, rgba(74, 61, 217, 1) 100%);
    border-radius: 4px;
    color: #ffffff;
    margin-left: 16px;
    margin-top: 10px;
    font-size: 26px;
    cursor: pointer;
    display: inline-block;
}

.welTEXT {
    font-family: 'Poppins';
    color: #fa4338;
}

.ACTIVETING i {
    float: right;
    font-size: 24px;
    padding: 0px 20px;
}

.Activeicon i {
    color: #46da46;
}

.NOTActiveicon i {
    color: #d90220;
}
    .NOTActiveicon i.fa-check-circle:before {
        content: "\f00d"!important;
    }
    .backetText {
        color: #fa4338;
        font-size: 14px;
    }


/*End Quick Setup*/

.mainFilterInduction {
    border: 2px solid #cccccc;
    padding: 20px 6px;
    border-radius: 10px;
    margin-left: 20px;
}

.mainWidthActivity {
    width: 76vw;
}

.bandTab a.nav-link.active {
    color: #fa4338;
}

.bandTab a.nav-link {
    font-family: 'Poppins';
    font-weight: 600;
    color: #124682;
}

    .bandTab a.nav-link i {
        font-size: 22px;
        margin-right: 2px;
    }

.bandinnerwrapipad {
    background-image: url(../images/brandviewiPad.png);
    width: 420px;
    margin-top: 40px;
    height: 620px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.bandinnerwrapmobile {
    background-image: url(../images/brandviewmobile.png);
    width: 300px;
    margin-top: 40px;
    height: 600px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.bandinnerwrapdesktop {
    background-image: url(../images/brandviewdektop.png);
    max-width: 820px;
    margin-top: 20px;
    height: 710px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.imgNext {
    font-family: 'Poppins';
    background: #fa4338;
    color: #fff;
}

.bandinnerwrapipad iframe {
    max-width: 282px;
    height: 420px;
    position: absolute;
    left: 20%;
    top: 4%;
    z-index: -99;
}

.bandinnerwrapmobile iframe {
    max-width: 225px;
    height: 390px;
    position: absolute;
    left: 20%;
    top: 9%;
    z-index: -99;
}

.bandinnerwrapdesktop iframe {
    width: 773px;
    height: 500px;
    position: absolute;
    left: 3%;
    top: 0%;
    z-index: -99;
}

.addNewImg {
    height: 178px;
    position: absolute;
    border: 1px solid #ced4da;
    display: flex;
    top: 12%;
    right: 16%;
}

.PowredByImg {
    max-width: 130px !important;
}

.ListCheckType {
    height: 75vh;
    overflow-y: scroll;
}

    .ListCheckType::-webkit-scrollbar,
    .ListCheckType::-webkit-scrollbar-thumb {
        width: 10px;
        border-radius: 4px;
        border: 3px solid transparent;
    }

    .ListCheckType::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 0 10px;
    }

    .ListCheckType:hover {
        color: rgba(0 0 0);
    }

.AppTagNew {
    background: #fa4338 !important;
}

.FormStyle .AppTagNew:before {
    border-color: #fa4338 transparent transparent transparent;
}

.bandinnerwrapmobile .PowredByImg {
    max-width: 120px !important;
}

.newImg {
    max-width: 120px !important;
    position: absolute;
    left: -25px;
    top: 0px;
}

.SideBG span {
    display: block;
    font-family: 'Poppins';
    margin-bottom: 5px;
}

.SideBG .nav-link {
    padding: 10px 10px;
    font-size: 12px;
    cursor: pointer;
}

    .SideBG .nav-link.active {
        background-color: #175daf;
        color: #ffffff;
        font-family: 'Poppins';
        box-shadow: 0 5px 15px -5px rgb(0 0 0 / 10%);
        opacity: 1;
    }

.SideBG {
    background: #124682;
    color: #fff;
    height: 100%;
}

.welTEXT b {
    color: #124683;
    margin-right: 10px;
    font-size: 18px;
}

.iPadScanText {
    position: absolute;
    bottom: 21%;
    left: 8%;
    font-size: 10px;
}

.bandinnerwrapdesktop .iPadScanText {
    bottom: 42%;
    left: 9%;
    font-size: 10px;
}

.inductionLogin {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80vh;
    width: 100vw;
}

.mainTextPre {
    font-size: 15px;
    color: burlywood;
}

.mainTextPreInner {
    font-size: 12px;
}

.ComName {
    text-align: center;
    font-size: 26px;
    font-family: 'Poppins';
    margin-bottom: 20px;
}

    .ComName a {
        color: #fa4338;
        font-weight: 800;
    }

.boxIAMNew .boxIAMInner {
    width: 276px;
    text-align: center;
    justify-content: center;
}

.sidebar__navbar.active.dashSideNew.DashHide {
    display: none;
}

.sidebar__list--menu li a.active span.status-span span {
    font-size: 12px;
    color: #8c0303;
    padding-left: 10px;
    /* font-weight: bold; */
    text-decoration: underline;
}

a.app-menu__item span.status-span span {
    font-size: 12px;
    color: #ffffff;
    padding-left: 10px;
    /* font-weight: bold; */
    text-decoration: underline;
}

.sidebar__list--menu.pre-aproved li a.active {
    margin-bottom: 10px;
}

.dashlogo.pre-logo {
    padding-bottom: 43px;
    padding-top: 63px;
}

.pre-logo img {
    width: 86%;
}

@media screen and (max-width:768px) {
    .sidebar__navbar.active {
        width: 100px !important;
        left: -103px;
    }

        .sidebar__navbar.active ~ .sidebar__content {
            margin-left: 0px;
            transition: 0.5s ease;
        }

    .sideIcon li {
        margin-right: 2px;
    }

    .app-title h1 {
        padding: 22px 9px 15px 56px;
        font-size: 18px;
        text-align: center;
    }

    .sectionName h4 {
        font-size: 10px;
    }

    .app-menu__icon2.fa-eye-slash {
        display: none;
    }

    .billingCard {
        display: none !important;
    }
}


/*End Media Query*/
:root {
    --mapheight: 660px;
}
.ez-mapwrap {
    width: 100%;
    max-width: 1200px;
    margin-top: 25px;
    overflow: auto;
}
.ez-map {
    position: relative;
    width: 1200px !important;
    height: var(--mapheight);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #ced4da;
}
.ez-mapitem {
    position: absolute !important;
}
.ez-imgdrag {
    filter: drop-shadow(0px 0px 10px rgba(0,0,0,1));
}
.a-dashpage {
    position: absolute !important;
    top: 64%;
    left: 30%;
    -ms-transform: translate(-30%, -45%);
    transform: translate(-30%, -45%);
}