@import url(loader.css);
        @media (min-width: 992px) {
            .typo-line {
                padding-left: 140px;
                margin-bottom: 40px;
                position: relative;
            }
            .typo-line .category {
                transform: translateY(-50%);
                top: 50%;
                left: 0px;
                position: absolute;
            }
        }
        
        #map {
            position: relative;
            width: 100%;
            height: calc(100% - 60px);
            margin-top: 70px;
        }
        
        .places-buttons .btn {
            margin-bottom: 30px
        }
        
        .space-70 {
            height: 70px;
            display: block;
        }
        
        .tim-row {
            margin-bottom: 20px;
        }
        
        .tim-typo {
            padding-left: 25%;
            margin-bottom: 40px;
            position: relative;
        }
        
        .tim-typo .tim-note {
            bottom: 10px;
            color: #c0c1c2;
            display: block;
            font-weight: 400;
            font-size: 13px;
            line-height: 13px;
            left: 0;
            margin-left: 20px;
            position: absolute;
            width: 260px;
        }
        
        .tim-row {
            padding-top: 50px;
        }
        
        .tim-row h3 {
            margin-top: 0;
        }
        
        .fixed-plugin li>a,
        .fixed-plugin .badge {
            transition: all .34s;
            -webkit-transition: all .34s;
            -moz-transition: all .34s;
        }
        
        .fixed-plugin {
            position: fixed;
            top: 180px;
            right: 0;
            width: 64px;
            background: rgba(0, 0, 0, .3);
            z-index: 1031;
            border-radius: 8px 0 0 8px;
            text-align: center;
        }
        
        .fixed-plugin .fa-cog {
            color: #FFFFFF;
            padding: 10px;
            border-radius: 0 0 6px 6px;
            width: auto;
        }
        
        .fixed-plugin .dropdown-menu {
            right: 80px;
            left: auto;
            width: 290px;
            border-radius: 10px;
            padding: 0 10px;
        }
        
        .fixed-plugin .dropdown-menu:after,
        .fixed-plugin .dropdown-menu:before {
            right: 10px;
            margin-left: auto;
            left: auto;
        }
        
        .fixed-plugin .fa-circle-thin {
            color: #FFFFFF;
        }
        
        .fixed-plugin .active .fa-circle-thin {
            color: #00bbff;
        }
        
        .fixed-plugin .dropdown-menu>.active>a,
        .fixed-plugin .dropdown-menu>.active>a:hover,
        .fixed-plugin .dropdown-menu>.active>a:focus {
            color: #777777;
            text-align: center;
        }
        
        .fixed-plugin img {
            border-radius: 0;
            width: 100%;
            height: 100px;
            margin: 0 auto;
        }
        
        .fixed-plugin .dropdown-menu li>a:hover,
        .fixed-plugin .dropdown-menu li>a:focus {
            box-shadow: none;
        }
        
        .fixed-plugin .badge {
            border: 3px solid #FFFFFF;
            border-radius: 50%;
            cursor: pointer;
            display: inline-block;
            height: 23px;
            margin-right: 5px;
            position: relative;
            width: 23px;
        }
        
        .fixed-plugin .badge.active,
        .fixed-plugin .badge:hover {
            border-color: #ffea2f;
        }
        
        .fixed-plugin .badge-blue {
            background-color: #00bcd4;
        }
        
        .fixed-plugin .badge-green {
            background-color: #4caf50;
        }
        
        .fixed-plugin .badge-orange {
            background-color: #ff9800;
        }
        
        .fixed-plugin .badge-purple {
            background-color: #9c27b0;
        }
        
        .fixed-plugin .badge-rose {
            background-color: #e91e63;
        }
        
        .fixed-plugin .badge-black {
            background-color: #000;
        }
        
        .fixed-plugin .badge-dark-blue {
            background-color: #1a237e;
        }
        
        .fixed-plugin .badge-white {
            background-color: rgba(200, 200, 200, 0.2);
        }
        
        .fixed-plugin h5 {
            font-size: 14px;
            margin: 10px;
        }
        
        .fixed-plugin .dropdown-menu li {
            display: block;
            padding: 5px 2px;
            width: 25%;
            float: left;
        }
        
        .fixed-plugin .dropdown-menu li.theme-box {
            width: 50% !important;
        }
        /* .fixed-plugin .dropdown-menu li.theme-box .img-holder:hover {
            width: 50% !important;
        } */
        
        .fixed-plugin li.adjustments-line,
        .fixed-plugin li.header-title,
        .fixed-plugin li.button-container {
            width: 100%;
            height: 50px;
            min-height: inherit;
        }
        
        .fixed-plugin li.button-container {
            height: auto;
        }
        
        .fixed-plugin li.button-container div {
            margin-bottom: 5px;
        }
        
        .fixed-plugin #sharrreTitle {
            text-align: center;
            padding: 10px 0;
            height: 50px;
        }
        
        .fixed-plugin li.header-title {
            height: 30px;
            line-height: 25px;
            font-size: 12px;
            font-weight: 600;
            text-align: center;
            text-transform: uppercase;
        }
        
        .fixed-plugin .adjustments-line p {
            float: left;
            display: inline-block;
            margin-bottom: 0;
            font-size: 1em;
            color: #3C4858;
        }
        
        .fixed-plugin .adjustments-line a .badge-colors {
            position: relative;
            top: -2px;
        }
        
        .fixed-plugin .adjustments-line .togglebutton {
            float: right;
        }
        
        .fixed-plugin .adjustments-line .togglebutton .toggle {
            margin-right: 0;
        }
        
        .fixed-plugin .dropdown-menu>li.adjustments-line>a {
            padding-right: 0;
            padding-left: 0;
            border-bottom: 1px solid #ddd;
            border-radius: 0;
            margin: 0;
        }
        
        .fixed-plugin .dropdown-menu>li>a.img-holder {
            font-size: 16px;
            text-align: center;
            border-radius: 10px;
            background-color: #FFF;
            border: 3px solid #FFF;
            padding-left: 0;
            padding-right: 0;
            opacity: 1;
            cursor: pointer;
            max-height: 100px;
            overflow: hidden;
            padding: 0;
        }
        
        .fixed-plugin .dropdown-menu>li>a.switch-trigger:hover,
        .fixed-plugin .dropdown-menu>li>a.switch-trigger:focus {
            background-color: transparent;
        }
        
        .fixed-plugin .dropdown-menu>li:hover>a.img-holder,
        .fixed-plugin .dropdown-menu>li:focus>a.img-holder {
            border-color: rgba(0, 187, 255, 0.53);
            ;
        }
        
        .fixed-plugin .dropdown-menu>.active>a.img-holder,
        .fixed-plugin .dropdown-menu>.active>a.img-holder {
            border-color: #00bbff;
            background-color: #FFFFFF;
        }
        
        .fixed-plugin .dropdown-menu>li>a img {
            margin-top: auto;
        }
        
        .fixed-plugin .btn-social {
            width: 50%;
            display: block;
            width: 48%;
            float: left;
            font-weight: 600;
        }
        
        .fixed-plugin .btn-social i {
            margin-right: 5px;
        }
        
        .fixed-plugin .btn-social:first-child {
            margin-right: 2%;
        }
        
        .fixed-plugin .dropdown .dropdown-menu {
            -webkit-transform: translateY(-15%);
            -moz-transform: translateY(-15%);
            -o-transform: translateY(-15%);
            -ms-transform: translateY(-15%);
            transform: translateY(-15%);
            top: 27px;
            opacity: 0;
            transform-origin: 0 0;
        }
        
        .fixed-plugin .dropdown.open .dropdown-menu {
            opacity: 1;
            -webkit-transform: translateY(-13%);
            -moz-transform: translateY(-13%);
            -o-transform: translateY(-13%);
            -ms-transform: translateY(-13%);
            transform: translateY(-13%);
            transform-origin: 0 0;
        }
        
        .fixed-plugin .dropdown-menu:before,
        .fixed-plugin .dropdown-menu:after {
            content: "";
            display: inline-block;
            position: absolute;
            top: 78px;
            width: 16px;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
        }
        
        .fixed-plugin .dropdown-menu:before {
            border-bottom: 16px solid rgba(0, 0, 0, 0);
            border-left: 16px solid rgba(0, 0, 0, 0.2);
            border-top: 16px solid rgba(0, 0, 0, 0);
            right: -17px;
        }
        
        .fixed-plugin .dropdown-menu:after {
            border-bottom: 16px solid rgba(0, 0, 0, 0);
            border-left: 16px solid #FFFFFF;
            border-top: 16px solid rgba(0, 0, 0, 0);
            right: -16px;
        }
        
        .wrapper-full-page~.fixed-plugin .dropdown.open .dropdown-menu {
            -webkit-transform: translateY(-17%);
            -moz-transform: translateY(-17%);
            -o-transform: translateY(-17%);
            -ms-transform: translateY(-17%);
            transform: translateY(-17%);
        }
        
        .wrapper-full-page~.fixed-plugin .dropdown .dropdown-menu {
            -webkit-transform: translateY(-19%);
            -moz-transform: translateY(-19%);
            -o-transform: translateY(-19%);
            -ms-transform: translateY(-19%);
            transform: translateY(-19%);
        }
        
        .fixed-plugin {
            top: 120px;
        }
        
        @media (min-width: 992px) {
            .typo-line {
                padding-left: 140px;
                margin-bottom: 40px;
                position: relative;
            }
            .typo-line .category {
                transform: translateY(-50%);
                top: 50%;
                left: 0px;
                position: absolute;
            }
        }
        
        @media (max-width: 991px) {
            .wrapper-full-page~.fixed-plugin .dropdown-menu:after,
            .wrapper-full-page~.fixed-plugin .dropdown-menu:before {
                top: 99px;
            }
            .wrapper-full-page~.fixed-plugin .adjustments-line a .badge-colors {
                top: 3px;
            }
            .wrapper-full-page~.fixed-plugin .adjustments-line+.header-title {
                margin-top: 15px;
            }
            .fixed-plugin .dropdown-menu {
                right: 81px;
                width: 250px;
            }
            .fixed-plugin li.button-container {
                height: auto;
            }
            .fixed-plugin .adjustments-line .switch {
                float: right;
                margin: 0 0px;
            }
            .fixed-plugin li.header-title {
                height: 40px;
            }
            .fixed-plugin .dropdown .dropdown-menu {
                top: 10px;
            }
            .fixed-plugin .dropdown-menu:after,
            .fixed-plugin .dropdown-menu:before {
                top: 96px;
            }
            .fixed-plugin .dropdown-menu>li>a.img-holder {
                max-height: 75px;
            }
            .fixed-plugin {
                top: 80px;
            }
        }
        /* //modal styling */
        
        .modal-header {
            background: linear-gradient(60deg, #F44336, #8e24aa);
            box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2);
            color: white;
            /* border-top-left-radius: 5px;
    border-top-right-radius: 5px; */
            padding-top: 12px !important;
            padding-bottom: 12px !important;
        }
        /*userhome.html css*/
        
        #myappAccord .panel-heading {
            /* background: linear-gradient(60deg, #ab47bc, #8e24aa73);
        box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
        color: white;
        border: none; */
            background: #9e9e9e5c;
            cursor: pointer;
            border-radius: 3px;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            padding: 10px 15px;
            border-bottom: none;
        }
        
        #myappAccord .panel-heading a {
            /* color: #0964c5; */
            font-weight: 500;
        }
        
        #myappAccord .panel-heading.collapsed {
            /* background: linear-gradient(60deg, #ab47bc, #8e24aa73);
        box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
        color: white;
        border: none; */
            background: #9e9e9e5c;
            cursor: pointer;
            border-radius: 3px;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
            padding: 10px 15px;
            box-shadow: 4px 4px 4px rgba(68, 68, 68, 0.25) !important;
        }
        /* #myappAccord .panel-heading.collapsed a {
            color: #3C4858;
        }
         */
        
        #myappAccord .panel-heading .gotoappdashboard {
            /* background: linear-gradient(60deg, #ab47bc, #8e24aa73);
        box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
        color: white;
        border: none; */
            margin: 0 !important;
        }
        
        #myappAccord .panel-body {
            padding: 15px 15px;
            border-radius: 5px;
            background: #eceaea;
            border: none;
            border-top: none;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }
        /* #myappAccord .panel-body .card {
            box-shadow: 0 1px 4px 0 rgba(23, 123, 226, 0.71) !important;
        } */
        /*     
    #myappAccord .panel-heading a {
        color: white;
    }
     */
        
        .roundbtn {
            border-radius: 25px !important;
        }
        
        #myappAccord table td {
            padding: 0 10px;
        }
        
        .modal-header {
            background: linear-gradient(60deg, #F44336, #8e24aa);
            box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2);
            color: white;
            /* border-top-left-radius: 5px;
    border-top-right-radius: 5px; */
            padding-top: 12px !important;
            padding-bottom: 12px !important;
        }
        
        .userhome_content .card .card-content {
            padding: 15px 30px;
        }
        
        #treeview-selectable {
            max-height: 350px;
            overflow-y: auto;
            /* border: 5px solid red; */
            box-shadow: 0 12px 20px -10px #9e9e9ead, 0 4px 20px 0px #9e9e9e4d, 0 7px 8px -5px #ffffff;
        }
        
        #pgmlist {
            max-height: 350px;
            padding: 10px;
            border: 1px solid #aaaaaa;
        }
        
        .newappbtn {
            float: right;
        }
        
        .chatBtn {
            right: 1%;
            position: fixed !important;
            /* top: 90px; */
            z-index: 1000;
            width: 70px !important;
            height: 70px !important;
            bottom: 10%;
        }
        
        .chatBtn i {
            font-size: 30px !important;
        }
        
        .newappbtn .card-title a {
            color: white !important
        }
        
        .logo .simple-text {
            text-transform: initial !important;
        }
        
        .appicons,
        .iconviews {
            width: 50px !important;
            height: 50px !important;
            margin: 10px;
        }
        
        .newappbtn .card-title {
            color: white !important
        }
        
        .appicons:hover {
            width: 60px !important;
            height: 60px !important;
            cursor: pointer;
            margin: 5px !important;
        }
        
        .capitalise {
            text-transform: uppercase !important;
        }
        
        .camelcase {
            text-transform: capitalize !important;
        }
        
        .imgcustomslide {
            margin-left: auto;
            margin-right: auto
        }
        
        img.imgcustomslide:hover {
            border: 2px solid #e91e63;
        }
        
        .custom-text-shadow {
            font-weight: 700;
            text-shadow: 1px 1px #e91e6347;
        }
        
        .texttablestyle {
            text-transform: capitalize;
        }
        
        .customSetupSelect input {
            visibility: hidden !important;
        }
        
        label>input:checked+img {
            border: 2px solid #e91e63;
            background: #e5c7c7;
            box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2);
        }
        
        .userapplogo {
            width: 30px !important;
            height: auto !important;
            margin: 0 5px 0 0 !important;
        }
        
        label>.radio>input {
            visibility: hidden !important;
        }
        
        label>.radio>input:checked+img {
            /* (RADIO CHECKED) IMAGE STYLES */
            border: 2px solid #e91e63;
            background: #e5c7c7;
            box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2);
        }
        
        label>input:checked+.zoom>a>img {
            /* (RADIO CHECKED) IMAGE STYLES */
            border-radius: 50%;
            border: 2px solid #e91e63;
            background: #e5c7c7;
            box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2);
        }
        /*ends*/
        
        label>.radio>input+img {
            /* IMAGE STYLES */
            cursor: pointer;
            border: 2px solid transparent;
        }
        /* Style For Setup Wizard*/
        
        .smart_set_img {
            cursor: pointer;
        }
        
        .words {
            text-align: center;
        }
        
        @-moz-keyframes bounce {
            0%,
            20%,
            50%,
            80%,
            100% {
                -moz-transform: translateY(0);
                transform: translateY(0);
            }
            40% {
                -moz-transform: translateY(-30px);
                transform: translateY(-30px);
            }
            60% {
                -moz-transform: translateY(-15px);
                transform: translateY(-15px);
            }
        }
        
        @-webkit-keyframes bounce {
            0%,
            20%,
            50%,
            80%,
            100% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
            }
            40% {
                -webkit-transform: translateY(-30px);
                transform: translateY(-30px);
            }
            60% {
                -webkit-transform: translateY(-15px);
                transform: translateY(-15px);
            }
        }
        
        @keyframes bounce {
            0%,
            20%,
            50%,
            80%,
            100% {
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -webkit-transform: translateY(0);
                transform: translateY(0);
            }
            40% {
                -moz-transform: translateY(-30px);
                -ms-transform: translateY(-30px);
                -webkit-transform: translateY(-30px);
                transform: translateY(-30px);
            }
            60% {
                -moz-transform: translateY(-15px);
                -ms-transform: translateY(-15px);
                -webkit-transform: translateY(-15px);
                transform: translateY(-15px);
            }
        }
        
        .arrow {
            text-align: center;
        }
        
        .bounce {
            -moz-animation: bounce 2s infinite;
            -webkit-animation: bounce 2s infinite;
            animation: bounce 2s infinite;
        }
        /* .smart_set_img:hover {
    width: 62% !important;
} */
        /*ends*/
        
        #genUICmodal table th {
            white-space: nowrap;
        }
        
        .modal-header {
            background: linear-gradient(60deg, #0964c5, #7cb3ef);
            box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
            color: white;
            /* border-top-left-radius: 5px;
    border-top-right-radius: 5px; */
            padding-top: 12px !important;
            padding-bottom: 12px !important;
        }
        
        .modal-content {
            border-radius: 0px !important
        }
        
        .customTableCard {
            box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.63) !important;
        }
        
        .customtabButton {
            margin-left: -10px;
        }
        
        .removeRow {
            cursor: pointer;
        }
        
        .uictxt {
            margin-top: 5px;
        }
        
        .movebtn {
            cursor: pointer;
        }
        
        .upbtn {
            margin-right: 25px;
        }
        
        .selectable .ui-selecting {
            border: 2px dashed #ff0000;
        }
        
        .selectable .ui-selected {
            border: 2px solid #ff0000;
            -webkit-box-shadow: 0px 0px 8px 0px rgba(255, 0, 0, 1);
            -moz-box-shadow: 0px 0px 8px 0px rgba(255, 0, 0, 1);
            box-shadow: 0px 0px 8px 0px rgba(255, 0, 0, 1);
        }
        
        .selectable img {
            margin: 5px;
            padding: 5px;
            border: 2px solid #ffffff;
        }
        
        .selected-items {
            border: 2px solid #ff0000;
            line-height: 32px;
        }
        
        .dskimg {
            width: 250px !important;
        }
        
        .layoutlist .well:hover {
            background-color: #7cb3ef;
            cursor: pointer;
        }
        
        .layoutactive {
            background-color: #7cb3ef;
        }
        
        .mbimg {
            width: 100px !important;
        }
        
        .dimg {
            height: 140px !important;
        }
        
        .layoutlist .well {
            /* padding: 0; */
            display: inline-block !important;
        }
        
        .logo .simple-text {
            text-transform: initial !important;
        }
        
        .appicons,
        .pgmicons,
        .comicons,
        .iconviecom,
        .iconviews {
            width: 50px !important;
            height: 50px !important;
            margin: 10px;
        }
        
        .pgmicons:hover,
        .comicons:hover {
            width: 60px !important;
            height: 60px !important;
            cursor: pointer;
            margin: 5px !important;
        }
        
        .label-on-left {
            padding: 18px 5px 0 0 !important;
        }
        /*end styling*/
        /* userauth page styling */
        
        .lock-page .card-profile {
            width: 350px !important;
        }
        
        .rolesList li {
            float: left;
            /* padding: 10px; */
            width: 25%;
            font-size: 1.1em;
            list-style: none;
        }
        
        .fixed-header-custom-sm {
            max-height: 180px;
            overflow-y: auto;
        }
        
        td.details-control .actionBtnrow {
            content: url('../img/plus_row.png');
            width: 20px;
            height: 20px;
            cursor: pointer;
        }
        
        tr.shown td.details-control .actionBtnrow {
            content: url('../img/minus_row.png');
            width: 20px;
            height: 20px;
            cursor: pointer;
        }
        
        .fixed-header-custom-lg {
            max-height: 250px;
            overflow-y: auto;
        }
        
        .slainput,
        .ftypeslainput {
            width: 50px !important;
            display: inline-block;
            margin-left: 5px;
        }
        
        #templateInputModal .form-group input[type=file] {
            opacity: 1 !important;
            position: relative !important;
        }
        /* DASHBOARD */
        
        .pgmlogo {
            display: inline-block;
            font-size: 24px;
            float: left;
            margin-right: 15px;
            line-height: 30px;
            width: 30px !important;
            text-align: center;
        }
        
        .smallTXT {
            font-size: 12px;
        }
        
        .menuiconImg {
            display: inline-block;
            font-size: 24px;
            float: left;
            margin-right: 15px;
            line-height: 30px;
            width: 30px;
            text-align: center;
        }
        
        .pname p {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        
        .username {
            text-transform: capitalize !important;
            white-space: pre-wrap;
        }
        
        .tab-pane .table tbody>tr>td:first-child {
            width: auto !important;
        }
        
        .comm_user_list label {
            margin-top: 10px;
        }
        
        .handCursor {
            cursor: pointer;
        }
        
        .form-control {
            border-bottom: 1px solid #D2D2D2;
        }
        /* MULTISELECT DROPDOWN */
        
        .selectBox {
            position: relative;
            cursor: pointer;
        }
        
        .selectBox select {
            width: 100%;
            font-weight: bold;
        }
        
        .font-450 {
            font-weight: 450;
        }
        
        .overSelect {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
        }
        
        .multicheckboxes {
            display: none;
            border: 1px #dadada solid;
            padding: 10px;
            position: absolute;
            width: 100%;
            background: white;
            /* background-color: white; */
            /* opacity: 10; */
            z-index: 100;
        }
        
        .multicheckboxes label {
            display: block;
        }
        /* END/ */
        
        #crChart .chartIconsView .icon {
            overflow: hidden;
            height: 60px;
            width: 60px;
            padding: 10px;
            border-width: 2px;
            margin: 5px;
        }
        
        #crChart .choice {
            display: inline-block;
        }
        
        .inline-checkbox .checkbox {
            display: inline-block !important;
            margin: 10px !important;
        }
        
        #treeview-selectable .list-group {
            padding-left: 0;
            margin-bottom: 0 !important;
        }
        
        .dashedBox {
            border: 2px dashed orange;
            padding: 5px;
        }
        
        .folder {
            color: #FFC400;
        }
        
        .blankchart {
            width: 400px !important;
            height: auto;
        }
        
        .roundBarHeading {
            padding: 5px 10px 5px 15px;
            border-radius: 25px;
            box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px #9e9e9e52;
            background: #9e9e9e45;
        }
        
        .custom_devider {
            box-shadow: 0 1px 2px 0 #9E9E9E, 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12);
        }
        
        .workflow-steps .card {
            background: #777777;
        }
        
        #workflow-view .wksteps::after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border-top: 12px solid transparent;
            border-bottom: 12px solid transparent;
            border-left: 12px solid #777777;
            position: absolute;
            top: 41%;
            right: 3px;
        }
        
        .wksteps {
            display: inline-block;
            margin: 5px;
        }
        
        #step {
            padding: 0;
            list-style-type: none;
            font-family: arial;
            font-size: 12px;
            clear: both;
            line-height: 1em;
            margin: 0;
            text-align: center;
            display: table;
            /* width: 100%; */
            margin-left: auto;
            margin-right: auto;
        }
        
        #step .stepsarrow {
            float: left;
            padding: 10px 30px 10px 40px;
            background: #7cb3ef;
            color: #fff;
            border-radius: 5px;
            position: relative;
            box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
            margin: 10px 10px;
        }
        
        #step .stepsarrow:after {
            content: '';
            border-left: 16px solid #7cb3ef;
            border-top: 16px solid transparent;
            border-bottom: 16px solid transparent;
            position: absolute;
            top: 34%;
            left: 100%;
            z-index: 20;
        }
        
        #step ul li {
            text-align: left;
            padding: 5px;
            display: inline-block;
            background: #0964c5;
            margin-left: 5px;
            color: #f4f4f4;
        }
        
        #step ul,
        #step h5 {
            padding: 0;
            margin: 0;
            color: #f4f4f4;
        }
        
        #step .custom_devider {
            padding: 0;
            margin: 10px 20px 10px 20px;
            background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
            border: 0;
            height: 1px;
            background: #ffff;
            box-shadow: none;
            background-image: -webkit-linear-gradient(left, #f4f4f4, #0964c5, #f4f4f4);
        }
        
        #dashindicators .category {
            height: 50px;
            overflow: hidden;
        }
        
        #dashindicators .card-content {
            padding-bottom: 0;
        }
        /* 
table.dataTable>thead>tr>th {
    border: 1px solid #ddd !important;
} */
        
        #distanceSelect {
            color: #ffffff;
        }
        
        #distanceSelect option {
            margin: 40px;
            background: #9c27b0;
            color: #fff;
            text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
        }
        /* //////////////////icon sizes */
        
        .small-icon {
            width: 30px !important;
            height: 30px !important;
            cursor: pointer;
        }
        
        .custom_action_btn_sm {
            padding: 5px !important;
            float: right;
            margin: -23px 5px 0px 0
        }
        
        .edit_PGM_flow .panel-heading {
            padding: 25px 10px 10px 0px;
        }
        
        .edit_PGM_flow .table .td-actions .btn {
            margin: 0 5px 0 0;
        }
        /* .programAttributeData td {
    text-transform: capitalize
} */
        
        .nav a {
            cursor: pointer;
        }
        
        .add_optionValues_ProgQuest,
        .remove_optionValues_ProgQuest {
            cursor: pointer;
        }
        /* AUTOCOMLETE style */
        /* END */
        /* loader */
        
        .lds-facebook {
            display: inline-block;
            position: relative;
            width: 64px;
            height: 64px;
        }
        
        .lds-facebook div {
            display: inline-block;
            position: absolute;
            left: 6px;
            width: 13px;
            background: #fcf;
            animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
        }
        
        .lds-facebook div:nth-child(1) {
            left: 6px;
            animation-delay: -0.24s;
        }
        
        .lds-facebook div:nth-child(2) {
            left: 26px;
            animation-delay: -0.12s;
        }
        
        .lds-facebook div:nth-child(3) {
            left: 45px;
            animation-delay: 0;
        }
        
        @keyframes lds-facebook {
            0% {
                top: 6px;
                height: 51px;
            }
            50%,
            100% {
                top: 19px;
                height: 26px;
            }
        }
        /* ends */
        /* FONT WEIGH */
        
        .font-bold {
            font-weight: 700 !important;
        }
        
        .font-medium {
            font-weight: 500 !important;
        }
        
        .font-lite {
            font-weight: 400 !important;
        }
        
        .font-italic {
            font-style: italic;
        }
        
        .newappbtn .card-title {
            padding-bottom: 0 !important;
        }
        
        #dashchartContainer .card-title {
            padding-bottom: 0 !important;
        }
        /* BOX SHADOW/ */
        
        .green-Box {
            box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
        }
        
        .orange-Box {
            box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
        }
        
        .rose-Box {
            box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4);
        }
        
        .blue-Box {
            box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
        }
        
        .red-Box {
            box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4);
        }
        
        .purple-Box {
            box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
        }
        
        .theme-UI-lite {
            background: linear-gradient(60deg, #9963a2, #c893d6) !important;
        }
        /* 
.navbar.navbar-transparent {
    position: fixed;
    background-color: #bdbbbb;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(144, 136, 136, 0.94);
    border-bottom: 0;
}

.navbar.navbar-transparent[data-background-color="blue"] {
    background-color: #00bcd4;
    color: white;
}

.navbar.navbar-transparent[data-background-color="green"] {
    background-color: #4caf50;
    color: white;
}

.navbar.navbar-transparent[data-background-color="orange"] {
    background-color: #ff9800;
    color: white;
}

.navbar.navbar-transparent[data-background-color="purple"] {
    background-color: #9c27b0;
    color: white;
}

.navbar.navbar-transparent[data-background-color="rose"] {
    background-color: #e91e63;
    color: white;
}

.navbar.navbar-transparent[data-background-color="black"] {
    background-color: #000;
    color: white;
}

.navbar.navbar-transparent[data-background-color="white"] {
    background-color: rgba(200, 200, 200, 0.2);
    color: #000;
} */
        
        .mpesa-icon {
            color: #fb2222;
            font-weight: 500;
        }
        /* ANIMATION */
        
        .zoom {
            position: relative;
        }
        
        .zoom-fab {
            display: inline-block;
            border-radius: 50%;
            background-color: #9e9e9e96;
            vertical-align: middle;
            text-decoration: none;
            text-align: center;
            transition: 0.2s ease-out;
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
            cursor: pointer;
            color: #fff;
            font-weight: 500;
        }
        
        .zoom-fab-step {
            /* font-size: 12px;  //CIRCLE VIEW
    width: 90px;
    height: 90px;
    padding: 27% 10px;
    text-shadow: 1px 1px 1px #000000; */
            font-size: 12px;
            width: 110px;
            height: 74px;
            border-radius: 10px;
            padding: 10px 10px;
        }
        
        .zoom-fab:hover {
            color: #151414eb;
            box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
        }
        
        .zoom-btn-red {
            background-color: #f77066;
        }
        
        .zoom-btn-red:hover {
            background-color: #e57373;
        }
        
        .zoom-btn-yellow {
            background-color: #fff498;
        }
        
        .zoom-btn-yellow:hover {
            background-color: #fff176;
        }
        
        .zoom-btn-green {
            background-color: #62bb66;
        }
        
        .zoom-btn-green:hover {
            background-color: #81c784;
        }
        
        .zoom-btn-blue {
            background-color: #592d80;
        }
        
        .zoom-btn-blue:hover {
            background-color: #a53eff;
        }
        
        .zoom-btn-primary {
            background-color: #b666c4;
        }
        
        .zoom-btn-primary:hover {
            background-color: #ba68c8;
        }
        
        .zoom-menu {
            position: relative;
            /* right: 70px; */
            /* padding: 0; */
            display: inline;
            /* left: auto; */
            /* margin-top: 10%; */
            /* top: 50%; */
            transform: translateY(-50%);
            /* height: 100%; */
            /* width: 500px; */
            /* list-style: none; */
            /* text-align: right; */
        }
        
        .success-step {
            color: #000000;
            background: transparent;
            box-shadow: none;
        }
        
        .success-step:hover {
            color: #000000;
            background: transparent;
            box-shadow: none;
        }
        
        .zoom-menu li {
            display: inline-block;
            margin-right: 10px;
        }
        
        .cursor_hand {
            cursor: pointer;
        }
        
        .zoom-card {
            position: relative;
            right: 150px;
            bottom: 70px;
            transition: box-shadow 0.25s;
            padding: 24px;
            border-radius: 2px;
            background-color: #009688;
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
            color: #FFF;
        }
        
        .zoom-card ul {
            -webkit-padding-start: 0;
            list-style: none;
            text-align: left;
        }
        
        .scale-transition {
            transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
        }
        
        .scale-transition.scale-out {
            transform: scale(0);
            transition: transform 0.2s !important;
        }
        
        .scale-transition.scale-in {
            transform: scale(1);
        }
        
        .arrow1 {
            animation: slide1 1s ease-in-out infinite;
        }
        
        .arrow-fab {
            background-color: transparent !important;
            box-shadow: none !important;
            cursor: pointer !important;
            color: #FF5722 !important;
        }
        
        .arrow-fab:hover {
            background-color: transparent !important;
            box-shadow: none !important;
            cursor: pointer !important;
            color: #FF5722 !important;
        }
        
        .circle {
            border: 0.1em solid white;
            border-radius: 100%;
            height: 25px;
            width: 25px;
            display: block;
            margin-left: auto;
            margin-right: auto;
        }
        
        .circle p {
            font-size: 1.5em;
            font-weight: bold;
            font-family: sans-serif;
            color: #f7f7f7;
        }
        
        @keyframes slide1 {
            0%,
            100% {
                transform: translate(0, 0);
            }
            50% {
                transform: translate(10px, 0);
            }
        }
        
        .el-padding {
            padding: 15px;
        }
        
        .custom-alert-list,
        .custom-alert-list_attr {
            padding: 10px 10px !important;
            margin: 0 0 10px 0!important;
        }
        
        .custom-alert-list button,
        .custom-alert-list_attr button {
            padding: 4px 10px !important;
        }
        /* nav effect */
        
        .nav-shadow {
            position: fixed;
            color: white;
            border-radius: 0;
            background-color: #000000b0 !important;
            box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.25) !important;
        }
        
        .btn-logout {
            background: transparent !important;
            box-shadow: none !important;
            color: #fff !important;
            border: 1px solid #fff;
        }
        
        .btn-logout:hover {
            background: transparent !important;
            box-shadow: none !important;
            color: #7cb3ef !important;
            border: 1px solid #7cb3ef;
        }
        
        .hoversection {
            color: #fff !important;
            /* text-transform: capitalize; */
        }
        
        .hoversection:hover {
            font-weight: 400;
            /* text-transform: capitalize; */
            color: #7cb3ef !important;
        }
        
        .navbar-brand p {
            display: inline-block;
        }
        /*     
    .btn-logout:hover {
        background: transparent !important;
        box-shadow: none !important;
        color: #de1bff!important;
        border: 1px solid #de1bff;
    }
    
    .hoversection {
        color: #fff !important;
        text-transform: capitalize;
    }
    
    .hoversection:hover {
        font-weight: 400;
        text-transform: capitalize;
        color: #eb75ff !important;
    } */
        
        .seperator {
            border-right: 1px solid #b1a8a8f5;
            padding-right: 10px !important;
            padding-left: 5px !important;
        }
        
        .completeshow {
            display: none;
        }
        
        .more {
            background: lightblue;
            color: navy;
            font-size: 13px;
            padding: 3px;
            cursor: pointer;
        }
        
        .overflow-scroll-y {
            overflow-y: auto !important;
        }
        
        .nowrap {
            white-space: nowrap;
        }
        
        .color-pic-boxes div {
            width: 20px;
            margin: 5px;
            height: 30px;
            cursor: pointer;
            border-radius: 25px;
            /* border: 1px solid #FFEB3B; */
            box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
        }
        
        .color-pic-boxes div.active {
            width: 40px;
            margin: 0px 0px;
            height: 40px;
            border: 2px solid #FFEB3B;
            box-shadow: 0 19px 36px -12px rgba(0, 0, 0, 0.82), 0 10px 33px 0px rgba(0, 0, 0, 0.12), 0 8px 20px -5px rgba(0, 0, 0, 0.2);
        }
        
        .color-pic-boxes div:hover {
            width: 40px;
            margin: 0px 0px;
            height: 40px;
            border: 2px solid #FFEB3B;
            box-shadow: 0 19px 36px -12px rgba(0, 0, 0, 0.82), 0 10px 33px 0px rgba(0, 0, 0, 0.12), 0 8px 20px -5px rgba(0, 0, 0, 0.2);
        }
        /* #selectedTheme::before,
    #selectedTheme_comm::before {} */
        
        #chooseThemeModal .color-pic-boxes,
        #chooseThemeModal_Comm .color-pic-boxes {
            margin-left: 12.5%;
        }
        
        .color-pic-boxes .badge-blue {
            background-color: #00bcd4;
        }
        
        .color-pic-boxes .badge-green {
            background-color: #4caf50;
        }
        
        .color-pic-boxes .badge-orange {
            background-color: #ff9800;
        }
        
        .color-pic-boxes .badge-purple {
            background-color: #9c27b0;
        }
        
        .color-pic-boxes .badge-rose {
            background-color: #e91e63;
        }
        
        .color-pic-boxes .badge-black {
            background-color: #000;
        }
        
        .color-pic-boxes .badge-red {
            background-color: #ee1c2ef2;
        }
        
        .color-pic-boxes .badge-dark-blue {
            background-color: #1a237e;
        }
        
        .custom-link {
            color: #0e0eb7;
            background: #0f0b0b29;
            border-radius: 25px;
            padding: 5px;
        }
        
        .custom-link:hover {
            color: #00008f;
            background: #100e0e29;
            border-radius: 25px;
            padding: 5px;
        }
        /* GOOGLE CHANGE LAGUAGE */
        
        #google_translate_element span a img {
            width: 34px;
        }
        
        .skiptranslate iframe {
            display: none;
        }
        
        body {
            top: 0px !important;
        }
        
        #google_translate_element {
            display: inline-block !important;
        }
        
        #google_translate_element .goog-te-gadget-simple {
            white-space: nowrap !important;
            background-color: transparent !important;
            color: white !important;
            border: 0;
            background-size: 0 2px, 100% 1px;
            background-repeat: no-repeat;
            background-position: center bottom, center calc(100% - 1px);
            background-color: rgba(0, 0, 0, 0);
            transition: background 0s ease-out;
            float: none;
            box-shadow: none;
            border-radius: 0;
            font-weight: 400;
        }
        
        #google_translate_element .goog-te-gadget-simple img {
            display: none !important;
        }
        
        #google_translate_element .goog-te-gadget-simple span a {
            color: #000000 !important;
            padding: 0 !important;
        }
        
        .usermgm #google_translate_element .goog-te-gadget-simple span a {
            color: #ffffff !important;
        }
        
        #google_translate_element .goog-te-gadget-simple span a span {
            border: 0 !important;
            color: #000000 !important;
            font-size: 12px !important;
        }
        
        .usermgm #google_translate_element .goog-te-gadget-simple span a span {
            border: 0 !important;
            color: #ffffff !important;
            font-size: 12px !important;
        }
        
        .lang-section i {
            color: #000000 !important;
            font-size: 12px !important;
        }
        
        .usermgm .lang-section i {
            color: #ffffff !important;
            font-size: 12px !important;
        }
        
        .theme-stripe-red {
            border-left: 8px solid #ee1c2ef2;
        }
        
        .theme-stripe-green {
            border-left: 8px solid #4caf50;
        }
        
        .theme-stripe-blue {
            border-left: 8px solid #00bcd4;
        }
        
        .theme-stripe-orange {
            border-left: 8px solid #ff9800;
        }
        
        .theme-stripe-purple {
            border-left: 8px solid #9c27b0;
        }
        
        .theme-stripe-rose {
            border-left: 8px solid #e91e63;
        }
        
        .theme-stripe-black {
            border-left: 8px solid #000;
        }
        /* // loader section */
        
        .loadersection {
            width: 100%;
            height: 100%;
            z-index: 1000;
            background: #1f191982;
            color: white;
            font-weight: 500;
            /* text-align: center; */
            position: absolute;
        }
        
        .loadprogress {
            width: 95%;
            display: inline-block;
        }
        
        .innerloadersection {
            padding: 20px 50px;
            margin-top: 10%;
            background: white;
            color: black;
            width: 500px;
            box-shadow: 5px 10px 18px #2b2b2b;
            border-radius: 5px;
            margin-left: auto;
            margin-right: auto;
        }
        
        .progress {
            height: 10px !important;
        }
        
        .success_step {
            display: inline-block;
            top: auto;
            position: absolute;
            margin-top: -8px;
            margin-left: 5px;
        }
        
        .swal2-modal {
            overflow-x: visible !important;
            overflow-y: visible !important;
        }
        /* .fc-month-button,
    .fc-agendaWeek-button,
    .fc-agendaDay-button {
        display: none;
    }
     */
        
        .calendar-Body .swal2-modal {
            background: url(http://localhost:8080/Admin_Dashboard/assets/img/reminder.jpg) no-repeat;
            background-position: center;
            /* background-color: red; */
            background-size: cover;
        }
        
        .reminderTheme .theme-box {
            width: 60px;
            margin: 0 5px;
            height: 30px;
            font-size: 12px;
            vertical-align: middle;
            text-align: center;
            padding: 5px 0;
            cursor: pointer;
            border: 2px solid #9E9E9E;
        }
        
        .reminderTheme .theme-box:hover {
            border: 2px solid #e91e63;
        }
        
        .reminderTheme .theme-box.active {
            border: 2px solid #e91e63;
        }
        
        #userListTBL {
            table-layout: fixed;
            width: 100%;
        }
        
        #userListTBL td {
            word-break: break-all;
        }
        
        #Defaultuserdiv .form-horizontal .form-group {
            padding: 0 !important;
            margin: 0 !important;
        }
        
        #communitybroadcastuserTBL .checkbox .checkbox-material .check {
            top: -10px;
        }
        /* Special Custom Theme for Landing Page Login,Register */
        /*     
    .usermgm .card {
        background: #ffffff54 !important;
    }
    
    .usermgm .input-group-addon,
    .usermgm label,
    .usermgm .form-control,
    .usermgm .btn-google {
        color: #ffffff !important;
    }
    
    .register-page .card-signup .info .info-title {
        color: #ffad43 !important;
    }
    
    .usermgm .description,
    .card-description,
    .footer-big p {
        color: #ffffff !important;
    }
     */
        /* .usermgm .title,
    .usermgm .title a,
    .usermgm .card-title,
    .usermgm .card-title a,
    .usermgm .info-title,
    .usermgm .info-title a,
    .usermgm .footer-brand,
    .usermgm .footer-brand a,
    .usermgm .footer-big h5,
    .usermgm .footer-big h5 a,
    .usermgm .footer-big h4,
    .usermgm .footer-big h4 a,
    .usermgm .media .media-heading,
    .usermgm .media .media-heading a,
    .usermgm .text-info {
        color: #ffffff;
    }

    /* end theme */
        /* universal styles */
        
        .table-strait-row th {
            white-space: nowrap;
            background: #efd7ef !important;
        }
        
        .freqcheckboxes .checkbox,
        .notifmodecheckboxes .checkbox,
        .notifmodecheckboxes .radio,
        .notiffreqcheckboxes .checkbox,
        .notiffreqcheckboxes .radio {
            display: inline-block !important;
            margin: 10px !important;
        }
        
        .custom_background {
            background: #eee;
            box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
            border-radius: 6px;
            margin-top: 15px;
            padding: 1px 10px 15px 10px;
        }
        
        .custom_background .form-control,
        .custom_background .form-control .form-group .form-control {
            border: 0;
            background-image: none;
            background-size: 0 2px, 100% 1px;
            background-repeat: no-repeat;
            background-position: center bottom, center calc(100% - 1px);
            background-color: rgb(255, 255, 255);
            /*  rgba(0, 0, 0, 0); */
            transition: background 0s ease-out;
            float: none;
            box-shadow: none;
            border-radius: 0;
            font-weight: 400;
        }
        
        .no_background {
            background: transparent;
            box-shadow: none;
            margin: 0;
        }
        
        .custom-input {
            border: 0;
            background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#D2D2D2, #D2D2D2);
            background-size: 0 2px, 100% 1px;
            background-repeat: no-repeat;
            background-position: center bottom, center calc(100% - 1px);
            background-color: rgba(0, 0, 0, 0);
            transition: background 0s ease-out;
            float: none;
            box-shadow: none;
            border-radius: 0;
            font-weight: 400;
        }
        /* //end */
        /* CUSTOM ERRORS */
        
        .selectError {
            border: 2px dashed red;
        }
        
        .selectError::before {
            content: "* Select Template.";
            color: red;
        }
        
        .application_form_section label {
            margin: 15px 0;
        }
        
        #defineservices .panel-body {
            box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
        }
        
        .blockMsg {
            z-index: 2000 !important;
        }
        
        .blockUI {
            z-index: 1500 !important;
        }
        
        .chooseTemplateForApp.active {
            background: #ddd;
        }
        
        .check_list i {
            margin-right: 5px;
        }
        
        .custom-panel-accordian .panel-heading {
            background-color: #00bcd4;
            color: #ffffff;
            border-radius: 3px;
            border-color: #00bcd4;
            padding: 10px 10px !important;
            margin: 0 0 10px 0!important;
            box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
        }
        
        .custom-panel-accordian .panel-title {
            color: #ffffff;
        }
        
        .custom-panel-accordian .customic {
            -webkit-transform: rotate(0) !important;
            -ms-transform: rotate(180deg) !important;
            transform: rotate(0) !important;
            float: none !important;
            margin-right: 5px;
        }
        
        .table th {
            text-transform: capitalize;
        }
        /* custom checkbox */
        
        .checkbox.custom-checkbox .checkbox-material .check {
            width: 30px;
            height: 30px;
            box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
            border: 1px solid #0964c5;
        }
        
        .checkbox.custom-checkbox .checkbox-material .check:before {
            margin-top: 2px;
            margin-left: 13px;
        }
        
        .checkbox.custom-checkbox label {
            padding: 0;
            background: white;
            line-height: 0;
        }
        
        .checkbox.custom-checkbox {
            margin-top: -15px;
        }
        
        .checkbox.custom-checkbox .checkbox-material {
            top: 0px;
        }
        
        .help-block-error {
            color: #f44336;
        }
        
        .lefticon {
            float: left !important;
            transform: none !important;
        }
        
        .advance-setbox {
            padding: 0 5px;
        }
        /* translation css */
        
        .selectLocaletrans {
            margin-left: 15px;
        }
        
        .langicon {
            position: absolute;
            margin-top: 13px;
        }
        /* END */
        /* ////////////////////////TRANSLATION */
        
        .transradioadjust {
            left: 30px !important;
        }
        
        .selectTDActive {
            background: #7cb3ef1a !important;
        }
        
        .warningfordependency::before {
            content: "* Only Question name can be editable because its a part of dependency.";
            color: red;
            text-align: center;
        }
        /* TRANSPARENT MODAL */
        
        .dashboardpage .sidebar .user .info .caret {
            position: absolute;
            top: -3px;
            right: 20px;
        }
        
        .transparent-modal,
        .transparent-modal .modal-header,
        .transparent-modal .modal-content {
            background: transparent !important;
            box-shadow: 0 4px 20px 0px transparent, 0 7px 10px -5px transparent !important;
        }
        /* END */
        /* File icon */
        
        .staticfileicon {
            /* width: 100px !important; */
            /* height: 100px !important; */
            /* cursor: pointer; */
            /* padding-top: 5px; */
            /* margin: auto; */
            cursor: pointer;
            padding-top: 5px;
            margin: auto;
            text-align: center;
        }
        
        .staticfileicon:hover {
            background: #b260c4;
        }
        
        .outerimgIconContainer img {
            vertical-align: middle;
        }
        
        .outerimgIconContainer .content {
            background: rgb(0, 0, 0);
            background: rgba(0, 0, 0, 0.5);
            color: #f1f1f1;
            width: 100px;
            /* padding: 20px; */
            margin: 4px auto;
        }
        /* COLOR CONFIG */
        
        .green {
            color: #4caf50;
        }
        
        .blue {
            color: #00bcd4;
        }
        
        .red {
            color: #f44336;
        }
        
        .orange {
            color: #ff9800;
        }
        
        .purple {
            color: #9c27b0;
        }
        
        .rose {
            color: #e91e63;
        }
        
        .gray {
            color: #999999;
        }
        
        .nav-pills>li.active>.background-green {
            background-color: #4caf50 !important;
            box-shadow: 0 2px 2px 0 rgba(76, 175, 80, 0.14), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12) !important;
        }
        
        .nav-pills>li.active>.background-blue {
            background-color: #00bcd4 !important;
            box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12) !important;
        }
        
        .nav-pills>li.active>.background-red {
            background-color: #f44336 !important;
            box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12) !important;
        }
        
        .nav-pills>li.active>.background-orange {
            background-color: #ff9800 !important;
            box-shadow: 0 2px 2px 0 rgba(255, 152, 0, 0.14), 0 3px 1px -2px rgba(255, 152, 0, 0.2), 0 1px 5px 0 rgba(255, 152, 0, 0.12) !important;
        }
        
        .nav-pills>li.active>.background-purple {
            background-color: #9c27b0 !important;
            box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12) !important;
        }
        
        .nav-pills>li.active>.background-rose {
            background-color: #e91e63 !important;
            box-shadow: 0 2px 2px 0 rgba(233, 30, 99, 0.14), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.12) !important;
        }
        /* //end */
        
        .margin-zero {
            margin: 0 !important;
        }
        
        #dashchartContainer .card-default .card-header {
            background: transparent !important;
        }
        
        #dashchartContainer .card.red {
            background: linear-gradient(60deg, #ef5350, #e53935);
            box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4);
        }
        
        #dashchartContainer .card.green {
            background: linear-gradient(60deg, #66bb6a, #43a047);
            box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
        }
        
        #dashchartContainer .card.blue {
            background: linear-gradient(60deg, #26c6da, #00acc1);
            box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
        }
        
        #dashchartContainer .card.orange {
            background: linear-gradient(60deg, #ffa726, #fb8c00);
            box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
        }
        
        #dashchartContainer .title,
        #dashchartContainer .category,
        #dashchartContainer .stats {
            color: #ffffff !important;
        }
        
        #dashchartContainer .card-content {
            padding: 5px 20px !important;
        }
        
        #dashchartContainer .title {
            margin: 0px !important;
        }
        /* // CHAT SECTION */
        
        .chat-conifg-section .wizard-card {
            min-height: auto !important;
        }
        /* END CHAT */
        
        .custom-img-holder {
            font-size: 16px;
            text-align: center;
            border-radius: 10px !important;
            background-color: #FFF;
            border: 3px solid #FFF;
            padding-right: 0;
            opacity: 1;
            cursor: pointer;
            max-height: 100px;
            overflow: hidden;
            padding: 0px !important;
        }
        
        .custom-img-holder:hover {
            border-color: #00bbff;
            background-color: #FFFFFF;
        }
        
        .custom-img-holder img {
            border-radius: 0;
            width: 100%;
            height: 100px;
            margin: auto;
        }
        
        .multicolor-pallete {
            padding: 3px;
            color: white;
            border-radius: 5px;
            background-color: red;
            background-image: linear-gradient(to right, #1a237e, #00bcd4, #9c27b0, #e91e63, #4caf50, #ffea2f);
        }
        
        .template-title {
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }
        /*         
        #dashindicators_section .owl-item {
            margin: 0 5px;
        } */
        /* DOM LAODER STYLE */
        
        .loadme {
            position: absolute;
            background: #5a5454;
            width: 100%;
            height: 100%;
            z-index: 1000;
        }
        
        .wait {
            width: 60%;
            margin: 100px auto;
            text-align: center;
            text-transform: Capitalize;
            /* border-bottom:1px solid lightgreen; */
            position: relative;
            color: #beb;
            animation: glowtext .8s linear infinite alternate;
            padding: 2px;
        }
        
        @keyframes glowtext {
            0% {
                color: #393;
                /* text-shadow:10px 0px 3px rgba(0,0,0,.8); */
            }
            50% {
                color: #6f6;
                /* text-shadow:0 0px 0px rgba(0,0,0,1); */
            }
            100% {
                color: #393;
                /* text-shadow:-10px 0px 3px rgba(0,0,0,.8); */
            }
        }
        
        .wait:before {
            content: "";
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: #0B0B0B;
            animation: glow .4s linear infinite alternate;
        }
        
        @keyframes glow {
            0% {
                border-color: #393;
                box-shadow: 0 0 5px rgba(0, 255, 0, .2), inset 0 0 5px rgba(0, 255, 0, .1), 0 2px 0 #000;
            }
            100% {
                border-color: #6f6;
                box-shadow: 0 0 15px rgba(0, 255, 0, .6), inset 0 0 10px rgba(0, 255, 0, .4), 0 2px 0 #000;
            }
        }
        
        .wait:after {
            content: "";
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 10%;
            height: 3px;
            background-color: #6f6;
            animation: progress linear .8s infinite/* alternate */
            ;
        }
        
        @keyframes progress {
            0% {
                left: 0;
                width: 0;
                right: 100%
            }
            50% {
                left: 0;
                width: 100%;
                right: 0
            }
            100% {
                left: 100%;
                width: 0;
                right: 0
            }
        }
        /* END */
        
        .registration .bootbox-body {
            font-weight: 500;
        }
        
        .registration .text-custom-note {
            font-weight: 400 !important;
            font-size: 12px !important;
        }
        
        .custom-table-responsive {
            overflow-x: auto !important;
            width: 100% !important;
        }
        
        .custom-table-responsive th {
            white-space: nowrap !important;
            color: #000;
            font-size: 15px !important;
        }
        /* /SCROLL BAR */
        
         ::-webkit-scrollbar {
            width: 8px;
            /* for vertical scrollbars */
            height: 8px;
            /* for horizontal scrollbars */
            /* border-radius: 16px; */
        }
        
         ::-webkit-scrollbar-track {
            background: #11111126;
        }
        
         ::-webkit-scrollbar-thumb {
            /* background: #9c27b0; */
            background: linear-gradient(#b5a59e, #c2c2c2, #8f827f);
            border-radius: 8px;
        }
        /* END SCROLL BAR */
        /* // THEEMING OF USER .card-profile */
        /* .theme-card {
            background: linear-gradient(60deg, #9E9E9E, #e0e0e0);
        } */
        
        .theme-card .card-title {
            /* color: #f4f4f4f4; */
            font-weight: 500;
        }
        /* .theme-card .panel .panel-heading a,
        .theme-card .card-title {
            color: #f4f4f4f4;
        }
         */
        
        #myappAccord .card-header {
            margin: -5px 0px 0px -30px !important;
            padding: 2px 15px;
        }
        
        #myappAccord .card-header h5 {
            padding: 0;
            margin: 0;
            font-size: 14px;
            /* text-transform: uppercase; */
        }
        
        .btn-anchor {
            background: transparent !important;
            color: #0964c5 !important;
            box-shadow: none !important;
            border-bottom: 1px solid #0964c540 !important;
        }
        
        .btn-anchor:hover {
            background: transparent !important;
            color: #ff9800 !important;
            box-shadow: none !important;
            border-bottom: 1px solid #ff9800 !important;
        }
        /* END  */
        /* FACILITY MANAGEMENT */
        
        .map-icon {
            width: 50px !important;
            height: 50px !important;
        }
        
        hr.style-two {
            border: 0;
            height: 1px;
            background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
        }
        
        .hr-text {
            line-height: 1em;
            position: relative;
            outline: 0;
            border: 0;
            color: black;
            text-align: center;
            height: 1.5em;
            opacity: .5;
        }
        
        .hr-text:before {
            content: '';
            background: linear-gradient(to right, transparent, #2196F3, transparent);
            position: absolute;
            left: 0;
            top: 50%;
            width: 100%;
            height: 3px;
        }
        
        .hr-text:before .hr-text {
            line-height: 1em;
            position: relative;
            outline: 0;
            border: 0;
            color: black;
            text-align: center;
            height: 1.5em;
            opacity: 0.5;
        }
        
        .hr-text:before .hr-text:before {
            content: "";
            background: linear-gradient(to right, transparent, #818078, transparent);
            position: absolute;
            left: 0;
            top: 50%;
            width: 100%;
            height: 1px;
        }
        
        .hr-text:before .hr-text:after {
            content: attr(data-content);
            position: relative;
            display: inline-block;
            color: black;
            padding: 0 0.5em;
            line-height: 1.5em;
            color: #818078;
            background-color: #fcfcfa;
        }
        
        .hr-text:after {
            content: attr(data-content);
            position: relative;
            display: inline-block;
            color: black;
            padding: 0 .5em;
            line-height: 1.5em;
            color: #818078;
            background-color: #fcfcfa;
        }
        
        ul.nav li ul.nav li>a {
            /* background: #9e9e9e52; */
            padding-left: 24px;
            font-size: 13px;
            font-weight: 400 !important;
            /* color: #fffffffa !important; */
        }
        
        ul.nav li a {
            font-weight: 500;
        }
        
        .custom-align--address {
            display: block;
        }
        
        #facilityslamappingtbl .form-group.has-error label,
        .form-group.has-error .help-block {
            color: rgb(9, 100, 197) !important;
        }
        
        #facilityslamappingtbl .form-group.has-error .form-control {
            background-image: linear-gradient(rgb(9, 100, 197), rgb(9, 100, 197)), linear-gradient(#D2D2D2, #D2D2D2) !important;
        }
        /* .dashboardpage .sidebar .sidebar-wrapper .nav .sidebar-mini
        {
            padding-left: 5px !important;
        } */
        /* END FACILITY MANAGEMENT */
        /* CUSTOM REPORTS */
        
        .chkinline {
            width: 100% !important;
        }
        
        .chkinline span:nth-child(3) {
            top: -1px !important;
        }
        
        table td input {
            width: 100%;
        }
        /* END CUSTOM REPORTS */
        /* MASTER LIST */
        
        .paddzero {
            padding: 0px !important;
        }
        
        .marginzero {
            margin: 0px !important;
        }
        
        .no-li-style li {
            list-style: none;
        }
        
        .optioncontainer {
            margin-top: 21px;
            padding-top: 9px;
        }
        
        .custom-hr {
            padding: 0;
            margin: 10px 20px 10px 20px;
            background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
            border: 0;
            height: 1px;
            background: #ffff;
            box-shadow: none;
            background-image: -webkit-linear-gradient(left, #f4f4f4, #0964c5, #f4f4f4);
        }
        /* END MASTERLIST */
        
        .dashboardpage .block {
            padding: 0 !important;
        }
        .bg-gray {
            background-color: #eee;
        }