.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}
@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateX(0);
    }
    40% {
        transform: translateX(0);
    }
    60% {
        transform: translateX(-5px);
    }
}
.headerIcons {
    padding: 16px 0px !important;
}
.loginChangeLanguageIcon {
    float: left;
    height: 30px;
    margin: -5px 0px 0px 0px;
    padding: 0px;
}
.login-logo {
    max-width: 100% !important;
    height: 34px;
    margin: 20px auto 40px auto;
    text-align: center;
}
.addBackBtncolumn {
    position: fixed;
    top: 112px;
    width: 20px;
    left: 0px;
    height: 43px;
    float: left;
    padding: 0px 6px;
    line-height: 43px;
    background: #002EDC;
    z-index: 9999;
}
.addBackBtncolumn i {
    color: #fff;
}
.coApplicantHeading h4 {
    background: #656668 !important;
}
#accordianmenu {
    width: 23%;
    float: left;
    margin: 0px;
    padding: 0 10px 0 0;
    top: 126px !important;
    left: 20px;
    bottom: 0;
    position: fixed;
    overflow-y: auto;
    overflow-x: hidden;
    color: black;
}
#accordianmenu ul {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}
#accordianmenu p {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    line-height: 40px;
    padding: 0 10px;
    cursor: pointer;
    margin: 0;
}
#accordianmenu ul li p a {
    font-size: 16px;
    font-weight: 600;
    color: #444;
    line-height: 40px;
    padding: 0 10px;
    cursor: pointer;
    margin: 0;
}
#accordianmenu li.activeSideMenu p a {
    color: #fff !important;
}
#accordianmenu li.activeSideMenu p.mbt10 {
    color: #fff !important;
    margin-bottom: 10px !important;
}
#accordianmenu li {
    list-style-type: none;
}
#accordianmenu ul ul li a {
    position: relative;
    color: #444;
    text-decoration: none;
    font-size: 14px;
    line-height: 40px;
    font-weight: 600;
    display: block;
    padding: 0 15px 0 25px;
    border-bottom: 1px dotted #ccc;
}
#accordianmenu ul ul li a:after {
    content: "\f101";
    font-family: "FontAwesome";
    position: absolute;
    left: 10px;
    top: 0px;
    font-size: 11px;
    color: #999;
}
#accordianmenu ul ul li a:hover {
    background: #f1f1f1;
    color: #444;
}
#accordianmenu ul ul li a.active {
    background: #fff;
    color: #ED1F48;
}
#accordianmenu ul ul {
    display: none;
}
#accordianmenu li.active ul {
    display: block;
}
#accordianmenu li.active ul li.active {
    background-color: #ddd;
}
#accordianmenu li p {
    background: #fff;
    float: left;
    width: 100%;
    margin-bottom: 5px;
    box-shadow: -2px 2px 2px 0px rgb(0 0 0 / 20%) !important;
    color: #000 !important;
    font-size: 16px !important;
}
#accordianmenu li.activeSideMenu p {
    border-radius: 8px 8px 0px 0px;
    background: #ED1F48 !important;
    color: #fff !important;
    font-size: 16px !important;
    margin-bottom: 0px !important;
}
#accordianmenu li.activeSideMenu ul {
    margin-bottom: 5px;
    background: #fff;
    box-shadow: -2px 2px 2px 0px rgb(0 0 0 / 20%) !important;
}
li.applicationSideMenu {
    float: left;
    width: 100%;
    position: relative;
}
li.applicationSideMenu:before {
    content: "\f105";
    font-size: 20px;
    font-family: "FontAwesome";
    position: absolute;
    right: 10px;
    top: 5px;
    color: #444;
}
li.applicationSideMenu.activeSideMenu:before {
    color: #fff;
    content: "\f107";
    font-size: 20px;
    font-family: "FontAwesome";
}
.bootstrap-duallistbox-container select {
    overflow-y: scroll !important;
}
span.width-change div {
    min-width: 120px !important;
}
.btn-primary:hover {
    background-color: #7381d2 !important;
    border-color: #7381d2 !important;
}
.datasettingwidth,
.settingwidth {
    min-width: 200px;
    width: 400px;
    text-align: center;
    margin: 0 auto;
}
.Ntable th {
    padding-left: 15px !important;
    padding-right: 15px !important;
    text-align: center;
    background: #f4f3f3;
}
.Ntable {
    border-bottom: 1px solid #eeeeee !important;
}
.Ntable th,
.Ntable td {
    font-size: 14px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.Ntable > thead > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border: 0px;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;
}
.Ntable td {
    text-align: center;
}
.pull-left {
    float: left !important;
}
.pull-right {
    float: right !important;
}
.smbtn {
    padding: 0px 3px;
}
.Nform {
    border: 1px #dddddd solid;
    margin-right: 10px;
}
.mtop15 {
    margin-top: 15px;
}
.flt_left {
    float: left;
}
.flt_right {
    float: right;
}
.m0 {
    margin: 0 !important;
}
.mt20 {
    margin-top: 20px;
}
.dtinput {
    width: 110px !important;
    margin-right: 0 !important;
}
.dataTables_paginate {
    margin-top: 30px;
}
.breadcrumb {
    padding: 12px 0px 19px 0px;
    margin-bottom: 0px;
}
ul.multiselect-container li a {
    padding: 0px !important;
}
.w200 {
    width: 220px !important;
}
.site-settings {
    right: -150px !important;
}
.site-head.fixedHeaoder {
    position: fixed;
}
.ptop80 {
    padding-top: 80px !important;
}
.btn-primary1 {
    color: #fff;
    background-color: #ea73a0;
    border-color: #ea73a0;
}
.onlymobile,
li.onlymobile {
    display: none !important;
}
@media (max-width: 768px) {
    .page .page-wrap > .row {
        padding: 0 0;
    }
}
@media (min-width: 320px) and (max-width: 767px) {
    .app .main-container.nav-horizontal .content-container {
        margin-top: 42px;
    }
    .dtinput {
        width: 100% !important;
        margin-right: 0 !important;
    }
    .onlymobile,
    li.onlymobile {
        display: block !important;
    }
}
/*@media (min-width : 768px) and (max-width:1060px){.app .main-container.nav-horizontal .content-container{margin-top: 220px;}}*/
.blkshow {
    padding: 7px 7px;
}
.blkshowpadd {
    padding-left: 2px;
    padding-right: 2px;
}
.waves-effect {
    overflow: hidden;
    cursor: pointer;
}
li div.eff.waves-effect a,
.app
    .main-container.nav-horizontal
    .nav-wrap
    .site-nav
    .nav-list
    > li
    div.eff.waves-effect
    a
    .text {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.125rem !important;
}
.main-container .nav-wrap .site-nav .nav-list > li a {
    text-transform: capitalize;
    font-size: 16px;
    overflow: hidden !important;
    display: block;
    position: relative;
    /* font-family: "Lato", sans-serif; */
}
.main-container .nav-wrap .site-nav .nav-list > li a span {
    padding: 0px;
    margin: 0px;
}
ul#icondisplay-inline-block,
ul#icondisplay-inline-block li {
    margin: 0;
    padding: 0;
}
ul#icondisplay-inline-block li {
    display: inline-block;
}
ul#display-inline-block,
ul#display-inline-block li {
    margin: 0;
    padding: 0;
}
ul#display-inline-block li {
    width: 24%;
    height: auto;
    display: inline-block;
    height: 100px;
    padding: 3px;
}
.daterangepicker .prev.available,
.next.available {
    background: inherit !important;
}
.daterangepicker select.monthselect {
    border: 1px solid #ddd !important;
    height: 25px;
    line-height: 18px;
    font-weight: 100;
}
.daterangepicker select.yearselect {
    border: 1px solid #ddd !important;
    height: 25px;
    line-height: 18px;
    font-weight: 100;
}
.daterangepicker select.hourselect {
    border: 1px solid #ddd !important;
    height: 25px;
    line-height: 18px;
    font-weight: 100;
}
.daterangepicker select.minuteselect {
    border: 1px solid #ddd !important;
    height: 25px;
    line-height: 18px;
    font-weight: 100;
}
.daterangepicker select.ampmselect {
    border: 1px solid #ddd !important;
    height: 25px;
    line-height: 18px;
    font-weight: 100;
}
.daterangepicker .drp-buttons .btn {
    padding: 2px 8px !important;
    font-size: 10px !important;
    text-shadow: inherit !important;
    border: 0px !important;
    line-height: 20px !important;
    box-shadow: inherit !important;
}
.daterangepicker .drp-buttons .applyBtn.btn-primary {
    background: #002EDC !important;
    color: #fff !important;
}
.daterangepicker .drp-buttons .cancelBtn.btn-default {
    background: #ED1F48 !important;
    color: #fff !important;
}
.daterangepicker .calendar-table td {
    line-height: 0px !important;
}
/* .daterangepicker .table-condensed > tbody > tr > td{padding: 5px 10px!important;} */
.daterangepicker {
    box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034),
        0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06),
        0 22.3px 17.9px rgba(0, 0, 0, 0.072),
        0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 0px 0px rgba(0, 0, 0, 0.12);
}
.commonAllTable {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.commonAllTable tr th {
    margin: 0px;
    padding: 3px 5px;
    border: 1px solid #ddd !important;
    background: #f9f9f9;
}
.commonAllTable tr td {
    margin: 0px;
    padding: 3px 5px;
    border: 1px solid #ddd !important;
}
.filterBodyPannelBody .commonAllTable tr th {
    border: 0px !important;
}
.filterBodyPannelBody .commonAllTable tr td {
    border: 0px !important;
}
.available {
    background: #80d9b3;
}
td.available {
    background: none;
}
.booked {
    background: #f66f62;
}
.tentative {
    background: #ffeb3b;
}
.booked_investor {
    background: #784bc8;
}
.notopen {
    background: #42b7ff;
}
.nonecolor {
    background: #ffffff;
}
.colorscheme {
    padding: 40px;
    background: #f9f9f9;
    border-radius: 10px;
    margin-bottom: 25px;
}
.iconcontainer {
    margin: 15px;
}
.flt1 {
    text-align: center;
}
.nbox {
    margin-bottom: 2px;
    font-weight: bold;
}
.txteditor {
    height: auto;
    min-height: 300px;
}
.fileUpload {
    position: relative;
    overflow: hidden;
}
.fileUpload input.choose {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: #464646;
}
button.multiselect {
    box-shadow: none !important;
}
.err_display {
    color: #f00;
}
.pt90 {
    padding-top: 90px;
}
.text-primary.text-bold span {
    font-weight: normal;
    font-size: 12px;
    color: #464646;
    display: block;
}
.pl0pr0 {
    padding-left: 2px;
    padding-right: 2px;
}
.option_head {
    font-weight: 600;
}
.option_sec {
    margin-left: 3px;
}
ul.ui-autocomplete {
    z-index: 9999;
    height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.btn-info {
    color: #ffffff;
    background-color: #f28916;
}
.btn-info:hover {
    color: #ffffff !important;
    background-color: #ad2e21;
}
.filterBtn i {
    color: #fff;
}
.nav-list ul.dropdown-menu-right li a {
    padding: 10px 0px !important;
}
.popover {
    z-index: 9999 !important;
}
.featureTableData tbody > tr > td {
    border: 1px solid #eee !important;
}
/*==========Styling for signup form========*/
.customLogo {
    float: left;
    height: 55px;
    margin: 0px;
    padding: 0px;
    background: #fff;
}
.customLogo img {
    float: left;
    margin: 10px 0;
}
.wlcmCol {
    float: right;
    margin: 0px;
    padding: 0px;
}
.wlcmCol p {
    float: right;
    color: #fff;
    font-size: 14px;
    margin: 15px 20px;
    padding: 0px;
}
.customHeader {
    width: 100%;
    height: 55px;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1030;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    background: #cc3727;
}
.main-container .nav-wrap .nav-head .site-logo {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.main-container .nav-wrap .nav-head {
    padding: 8px;
    margin: 0 10px;
}
.inqubut {
    cursor: default;
}
.tour-image1 {
    float: left;
    border: 1px solid #ddd;
    padding: 5px;
    background: url(../images/tabsImg.png);
    width: 200px;
    height: 200px;
}
.tour-image2 {
    float: left;
    border: 1px solid #ddd;
    padding: 5px;
    background: url(../images/tabsImg.png) -200px 0;
    width: 200px;
    height: 200px;
}
.tour-image3 {
    float: left;
    border: 1px solid #ddd;
    padding: 5px;
    background: url(../images/tabsImg.png) -400px 0;
    width: 200px;
    height: 200px;
}
.tour-image4 {
    float: left;
    border: 1px solid #ddd;
    padding: 5px;
    background: url(../images/tabsImg.png) -600px 0;
    width: 200px;
    height: 200px;
}
.tour-image1:hover {
    float: left;
    border: 1px solid #ddd;
    padding: 5px;
    background: url(../images/tabsImg.png) -0px -200px;
    width: 200px;
    height: 200px;
}
.tour-image2:hover {
    float: left;
    border: 1px solid #ddd;
    padding: 5px;
    background: url(../images/tabsImg.png) -200px -200px;
    width: 200px;
    height: 200px;
}
.tour-image3:hover {
    float: left;
    border: 1px solid #ddd;
    padding: 5px;
    background: url(../images/tabsImg.png) -400px -200px;
    width: 200px;
    height: 200px;
}
.tour-image4:hover {
    float: left;
    border: 1px solid #ddd;
    padding: 5px;
    background: url(../images/tabsImg.png) -600px -200px;
    width: 200px;
    height: 200px;
}
.nav-pills li a {
    padding: 0px !important;
    margin: 5px 20px;
}
.nav-pills p {
    text-align: center;
    font-weight: 400;
    font-size: 15px;
    padding: 0px;
    line-height: 40px;
}
.tab-contentModle {
    margin: 0 20px !important;
    background: #f40204 !important;
}
.tab-contentModle h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 100;
    text-align: center;
}
.tab-contentModle p {
    color: #fff;
    font-size: 18px;
    font-weight: 100;
    text-align: center;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background: #f40204 !important;
}
.csemdl {
    font-size: 30px;
    background: #fff !important;
    padding: 3px 10px !important;
    opacity: inherit !important;
}
.carousel-control.left {
    background: inherit !important;
}
.carousel-control.right {
    background: inherit !important;
}
.popupImgscrl {
    border: 1px solid #dddddd;
    padding: 5px;
    margin-bottom: 20px;
}
/*.dropdown-menu>li>a {text-align: left!important;}
.dropdownMenuAction>li>a{border-bottom: 1px dashed #eee;}
.dropdownMenuAction{min-width: auto!important;  box-shadow: 0 6px 12px rgba(0,0,0,.175);} */

.plusBtnMenuAction > li > a {
    border-bottom: 1px dashed #eee;
}
.plusBtnMenuAction {
    min-width: auto !important;
    top: 36px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.dropdown .ui-checkbox {
    margin: 0px !important;
}
.wrapper-dropdown-4 {
    margin: 0px;
    padding: 1px 3px 0px 3px;
    background: #fff;
    border: 1px solid #acadb1;
    cursor: pointer;
    outline: none;
    font-weight: 300;
    font-size: 12px;
    line-height: 12px;
    color: #acadb1;
    position: absolute;
    left: 15px;
    z-index: 9;
    top: 18px;
}
.wrapper-dropdown-4:after {
    content: "\f067";
    font-family: FontAwesome;
    width: 0;
    height: 0;
}
.wrapper-dropdown-4 .dropdown {
    position: absolute;
    top: 100%;
    width: 250px;
    margin-top: 1px;
    left: -1px;
    right: -1px;
    margin: 0px;
    padding: 0px;
    background: white;
    border: inherit;
    list-style: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 0;
    pointer-events: none;
}
.wrapper-dropdown-4 .dropdown li {
    position: relative;
}
.wrapper-dropdown-4 .dropdown li:last-child {
    border-top: 1px solid #e6e6e6 !important;
}
.wrapper-dropdown-4 .dropdown li label {
    color: #4b4b4b !important;
    font-size: 14px;
    font-weight: normal !important;
    display: block;
    text-align: left;
    margin-bottom: 0px !important;
    padding: 12px 15px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.wrapper-dropdown-4 .dropdown li:last-of-type label {
    border: none;
}
.wrapper-dropdown-4 .dropdown li input {
    position: absolute;
    display: none;
    left: 10px;
    top: 50%;
    margin-top: -8px;
}
.wrapper-dropdown-4 .dropdown li:hover label {
    background: #f8f8f8;
    border-radius: 8px;
}
.wrapper-dropdown-4 .dropdown li input:checked ~ label {
    color: grey;
    text-decoration: line-through;
}
.wrapper-dropdown-4.active:after {
    border-width: 0 6px 6px 6px;
}
.wrapper-dropdown-4.active .dropdown {
    opacity: 1;
    pointer-events: auto;
    z-index: 9999;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    padding: 10px;
}
.btn-submit-dropdwon.activeActionBtn {
    float: left;
    width: auto;
    margin: 10px 0px 0px 10px;
    padding: 8px 15px 10px 15px !important;
    font-size: 14px !important;
    height: inherit;
    line-height: inherit;
}
.no-opacity .wrapper-dropdown-4 .dropdown,
.no-pointerevents .wrapper-dropdown-4 .dropdown {
    display: none;
    opacity: 1;
    pointer-events: auto;
}
.no-opacity .wrapper-dropdown-4.active .dropdown,
.no-pointerevents .wrapper-dropdown-4.active .dropdown {
    display: block;
}
.wrapper-dropdown-4 .dropdown .ui-checkbox label > span:before,
.ui-checkbox label > i:before,
.ui-radio label > span:before,
.ui-radio label > i:before {
    top: 2px !important;
}
.wrapper-dropdown-4 .dropdown .ui-checkbox label > input:checked + span:after,
.ui-checkbox label > input:checked + i:after,
.ui-radio label > input:checked + span:after,
.ui-radio label > input:checked + i:after {
    top: 4px !important;
    left: 3px !important;
}

.reportMainHeading {
    padding: 10px !important;
    background: #f40204;
    margin: 0px !important;
}
.reportMainHeading a {
    font-size: 16px;
    color: #fff;
}
.reportColumn {
    box-shadow: none !important;
    padding: 0px;
    overflow: visible !important;
}
.reportColumn table tr td {
    padding-left: 10px !important;
}
.reportColumn table tr td a {
    font-size: 14px !important;
    color: #444 !important;
}
.reportColumn table tr td .fa {
    margin-right: 10px;
    color: #444 !important;
}
.reportColumn .glyphicon {
    margin-right: 10px;
    color: #fff !important;
}

.reportColumn .table {
    margin-bottom: 0px;
}
.reportTab .tabheader h4 {
    background: #f7f7f7;
    padding: 5px 10px;
    margin: 0 0 10px 0 !important;
}
#accordion td {
    position: relative;
}
#accordion td .arrow_box {
    display: none;
    position: absolute;
    right: -350px;
    top: 0;
    width: 350px;
    z-index: 9999;
}
#accordion td:hover .arrow_box {
    display: block;
}
.arrow_box {
    position: relative;
    background: #ffffff;
    border: 1px solid #ccc;
    padding: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
.arrow_box:after,
.arrow_box:before {
    right: 100%;
    top: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #f40204;
    border-width: 10px;
    margin-top: -10px;
}
.reportMenuHoverImg {
    width: 100%;
}
.arrow_box h6 {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 10px 0;
    padding: 0px;
    font-size: 14px;
    font-weight: normal;
}
.arrow_box img {
    border: 1px solid #ddd;
}
.timelineScroll {
    overflow-y: scroll;
    height: 1300px;
}
.pagination > li > a,
.pagination > li > span {
    color: #444 !important;
}
.rankImg {
    background: url(../images/rankBg.png) no-repeat;
    width: 39px;
    height: 45px;
    line-height: 35px;
    margin: 0 auto;
    display: block;
}

.task-panel {
    background: transparent !important;
    box-shadow: none !important;
}
.taskTable {
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.taskTable table {
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.taskTable table tr th {
    width: 250px;
    margin: 0px;
    padding: 10px;
    font-size: 13px;
    border-bottom: 0px !important;
    box-shadow: none !important;
}
.taskTable table tr td {
    width: 250px;
    margin: 0px;
    padding: 0px 10px;
    vertical-align: top !important;
    border-top: 0px !important;
}
.taskCompletedTable {
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.taskCompletedTable table {
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.taskCompletedTable table tr th {
    width: 250px;
    margin: 0px;
    padding: 10px;
    font-size: 15px;
    border-bottom: 0px !important;
    box-shadow: none !important;
}
.taskCompletedTable table tr td {
    width: 250px;
    margin: 0px;
    padding: 10px;
    vertical-align: top !important;
    border-top: 0px !important;
}
.grideMenu {
    float: left;
    height: 35px;
    margin: 0px;
    padding: 0px;
}
.settingGear {
    float: left;
    height: 35px;
    margin: 0px;
    padding: 0px;
}
.notificationIcon {
    float: left;
    height: 35px;
    margin: 0px;
    padding: 0px;
    position: relative;
}
.notificationIconBellIcon {
    float: left;
    width: 25px;
    height: 25px;
    margin: 0px;
    padding: 0px;
    position: relative;
    font-size: 36px;
}
.queryCount {
    float: left;
    width: 15px;
    height: 15px;
    background: red;
    margin: 0px !important;
    top: 10px;
    right: 0px;
    border-radius: 50%;
    padding: 0px !important;
    text-align: center;
    position: absolute;
    color: #fff;
    font-size: 10px;
}
.notificationCount {
    float: left;
    width: 15px;
    height: 15px;
    background: red;
    margin: 0px !important;
    top: 10px;
    right: 10px;
    border-radius: 50%;
    padding: 0px !important;
    text-align: center;
    position: absolute;
    color: #fff;
    font-size: 10px;
}
.language-icon {
    float: left;
    height: 35px;
    margin: 0px;
    padding: 0px;
}
.moreMenu {
    float: left;
    padding: 0px;
    margin: 8px 0 0 5px;
    width: 20px;
    height: 12px;
    cursor: pointer;
}
.noTask {
    /*box-shadow: 0px 0px 5px 0px #aaaaaa; border-radius: 5px;background: #FFFFFF; border: 1px solid #eeeeee;*/
    min-height: calc(82vh - 210px) !important;
    float: left;
    width: 100%;
    color: #444;
    margin: 0px;
    padding: 0;
    position: relative;
}
.noTask h4 {
    font-size: 16px;
    margin: 0px;
    padding: 185px 20px;
    text-align: center;
}
.task-item {
    box-shadow: 0px 0px 5px 0px #aaaaaa;
    border-radius: 5px;
    margin-top: 0;
    float: left;
    width: 100%;
    background: #ffffff;
    color: #444;
    margin: 0px;
    padding: 5px;
    position: relative;
    border: 1px solid #eeeeee;
}
.time {
    color: #797979;
    font-size: 14px;
    padding: 6px 0 0 0;
    margin: 0px;
    line-height: 15px;
}
.time i {
    font-size: 14px;
    color: #797979;
}
.task-header {
    padding: 0px;
    float: left;
    margin: 0px;
    width: 100%;
}
.task-header h6 {
    float: left;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 10px 0px 10px;
    line-height: 20px;
    margin: 0px;
}
.task-header span {
    float: left;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
}
.task-body {
    padding: 6px 10px 0px 10px;
    float: left;
    margin: 0px;
    width: 100%;
}
.task-body p {
    float: left;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    color: #797979;
}
.task-footer {
    float: left;
    margin: 0px;
    width: 100%;
    padding: 0px 10px;
}
.task-user-block {
    float: left;
    width: 100%;
    margin: 5px 0;
    padding: 0px;
}
.task-user-block h6 {
    float: left;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 0 10px;
    padding: 0px;
    color: #797979;
}
/*.task-user-block img {width: 25px; height: 25px; float: left;} */
/*.task-img-circle {border-radius: 50%;} */
.task-img-bordered-sm {
    width: 18px;
    height: 18px;
    float: left;
    padding: 0px;
    margin: 0px;
}
.task-description {
    display: block;
    margin: 10px 0px 10px 50px;
}
.task-btn {
    background: none !important;
    box-shadow: none !important;
    padding: 0px !important;
    margin: 0px !important;
}
.task-btn i {
    font-size: 16px;
    font-weight: 100 !important;
    color: #717171;
    text-shadow: none !important;
}
.tasksHeadingOverdue {
    background: #fff;
    color: #717171;
    box-shadow: 0px 0px 5px #ccc;
    border-bottom: 7px solid #fc5c66;
    font-weight: 700;
    text-transform: uppercase;
    padding: 12px 15px;
    font-size: 14px;
    border-radius: 10px 10px 0 0;
}
.tasksHeadingToday {
    background: #fff;
    color: #717171;
    box-shadow: 0px 0px 5px #ccc;
    border-bottom: 7px solid #45aaf2;
    font-weight: 700;
    text-transform: uppercase;
    padding: 12px 15px;
    font-size: 14px;
    border-radius: 10px 10px 0 0;
}
.tasksHeadingTomorrow {
    background: #fff;
    color: #717171;
    box-shadow: 0px 0px 5px #ccc;
    border-bottom: 7px solid #fed32f;
    font-weight: 700;
    text-transform: uppercase;
    padding: 12px 15px;
    font-size: 14px;
    border-radius: 10px 10px 0 0;
}
.tasksHeadingLater {
    background: #fff;
    color: #717171;
    box-shadow: 0px 0px 5px #ccc;
    border-bottom: 7px solid #26dd81;
    font-weight: 700;
    text-transform: uppercase;
    padding: 12px 15px;
    font-size: 14px;
    border-radius: 10px 10px 0 0;
}
.taskTabs {
    box-shadow: 0px 0px 5px #ccc;
    position: relative;
    z-index: 999;
}
.taskTabs li {
    text-align: center;
    width: 50% !important;
    background: #fff !important;
}
.taskTabs .active {
    border-bottom: 2px solid #707070;
    box-shadow: none !important;
}
.taskTabs .active a {
    box-shadow: none !important;
    font-weight: 600 !important;
    color: #707070 !important;
    border: 0px !important;
    text-align: center;
}
.taskTabs > li > a {
    color: #a5a5a5 !important;
    padding: 12px 0px;
    font-weight: 400 !important;
}
.taskTabs > li > a:hover {
    color: #707070 !important;
}
.taskContent {
    height: 500px;
    background: #dedede !important;
    box-shadow: 0px 0px 5px #ccc;
    border: 0px !important;
    margin: 0px;
    padding: 15px 10px 3px 10px !important;
    max-height: calc(94vh - 210px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
.priority {
    margin: 12px 0 15px 0;
    padding: 0px;
}
.task-actin-btn {
    box-shadow: none !important;
    padding: 10px 5px !important;
    margin: 0px !important;
    background: #a5a5a5;
    border-radius: 50% !important;
    line-height: 0px !important;
}
.task-actin-btn i {
    font-size: 16px;
    font-weight: 100 !important;
    color: #ffffff;
    line-height: 7px;
}
.label {
    font-weight: 600;
    text-transform: uppercase;
    line-height: inherit !important;
    padding: 0.2em 0.6em 0.2em !important;
}
.label.label-sm.label-warning {
    color: #000 !important;
}
.dropdown-menu-rightOpen {
    position: absolute;
    right: -10px !important;
    width: 250px !important;
    left: inherit !important;
    top: 54px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: opacity 0.5s ease, top 0.4s ease;
    border-radius: 2px !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22) !important;
}
/* ---------------- Login Page css ---------------- */
.login-wrapper-table {
    height: 100%;
}
.login-wrapper {
    width: 100%;
    max-width: 280px;
    margin: 0 auto !important;
    padding: 0px;
    height: 100%;
}
.login-containt {
    padding: 10px 20px;
}
.signText {
    font-size: 18px;
    line-height: 20px;
    color: #4b4b4b;
    font-weight: bold;
}
.login-input {
    border: 1px solid #ddd !important;
    height: 35px !important;
    padding: 6px 12px !important;
    margin: 5px 0px 10px 0px !important;
    color: #8290a3 !important;
    font-size: 14px;
}
.signInbtn {
    padding: 8px 15px !important;
    border-radius: 8px !important;
    border: 0px !important;
    background: #ED1F48 !important;
    border-color: inherit !important;
    box-shadow: inherit !important;
}
.forgot-password-column {
    margin: 0px;
    padding: 15px 0 17px;
    text-align: center;
    background-color: #002EDC;
    border-radius: 0px 0px 8px 8px;
}
.forgot-password-column a {
    color: #fff;
    font-size: 13px;
    font-weight: 100 !important;
}
.forgot-password-column a:hover {
    color: #fff !important;
}

/* Dashboard Filter Css*/
.filterDashBtn {
    margin: 0px;
    padding: 0px;
}
.filterDashBtn img {
    width: 28px;
    height: 28px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}
.filterBoxDash.activefltr {
    display: block;
}
.filterBoxDash {
    display: none;
}
.filterBoxDash {
    right: 10px !important;
    left: 10px !important;
    width: auto !important;
    position: absolute !important;
    z-index: 99 !important;
    background: #fff !important;
    padding: 10px !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22) !important;
}
.filterBoxSmall {
    right: 10px !important;
    width: auto !important;
    position: absolute !important;
    z-index: 99 !important;
    background: #fff !important;
    padding: 10px !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22) !important;
}
.filterBoxHeadr {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0px;
    border-bottom: 1px solid #ddd;
}
.filterBoxHeadr h4 {
    float: left;
    margin: 8px 0 !important;
    padding: 0px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.borderlessTable tr td {
    border: 0px !important;
    padding: 5px !important;
}
.filterBody button.multiselect {
    width: 230px !important;
    text-align: left;
    height: 32px !important;
    line-height: 30px !important;
    padding: 0px 12px !important;
    font-size: 11px !important;
}
.filterBody .caret {
    margin-left: 4px !important;
    margin-top: 13px;
    right: 0;
    float: right;
}
.filterBody .form-control {
    width: 100% !important;
    height: 32px !important;
    line-height: 30px !important;
    padding: 0px 12px !important;
    font-size: 11px !important;
}
.filterBody .input-group-addon {
    padding: 2px 10px !important;
}
.filterBody .form-control.datedbreport {
    width: 195px !important;
}
.filterBody .form-control.fromMonth {
    width: 195px !important;
}
.filterBody .form-control.daywiseRange {
    width: 195px !important;
}
.filterBody .form-control.toMonth {
    width: 195px !important;
}
.filterBoxFooter {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
    padding: 0px;
    border-top: 1px solid #ddd;
}
.filterBody .multiselect-container > li > a {
    padding: 0px !important;
}

.repors-page-card{
	float: left;
	width: 100%;
	margin: 0px;
	padding: 10px;
	background: #fff;
	box-shadow: 0px 3px 6px rgb(0,0,0,5%)!important;
	border-radius: 8px!important;
	border: 0px!important;
  }
  .repors-page-card .icons{
	float: left;
	width: 40px;
	height: 40px;
	margin: 0 20px 0 0;
	padding: 0px;  
  } 
  .repors-page-card .report-section{
	float: left; 
	margin: 0px;
	padding: 0px;
	color: #249D57;
	font-size: 20px;
	font-weight: 400;
  } 
  .repors-page-card .report-section{
	float: left; 
	margin: 0px;
	padding: 0px;
	color: #464646;
	font-size: 20px;
	font-weight: 400;
  } 
  .repors-page-card .report-section:hover{
	color: #249D57;
  }

  
.table-responsive::-webkit-scrollbar {
    height: 5px;
}
/* All Scroll Bar Css */
::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #888;
}
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Modal CSS Start */
.modal-header {
    border-color: #ddd !important;
    background: #fff !important;
    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
    border-bottom: 1px solid rgb(221, 219, 218) !important;
    padding: 15px 20px !important;
}
.modal-title {
    font-weight: 600 !important;
    font-size: 16px !important;
}
.modal-body {
    padding: 10px 20px 20px 20px !important;
}
.modal-body label {
    margin-bottom: 0px !important;
}
.modal-content {
    border-radius: 6px 6px 4px 4px !important;
}
.modal-content form {
    margin: 0px;
}
.modal-footer {
    border-color: #ddd !important;
    border-radius: 0 0 10px 10px !important;
    margin-top: 0px !important;
    padding: 5px 20px !important;
    background-color: rgb(243, 242, 242);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
}
.btn-info .fa {
    color: #fff !important;
    font-weight: 100 !important;
    margin: 0 5px 0 0;
}
.btn-success .fa {
    color: #fff !important;
    font-weight: 100 !important;
    margin: 0 5px 0 0;
}
.btn.form-control {
    height: inherit !important;
}
.blueInfoColor {
    background-color: #2196f3 !important;
    color: #fff;
    margin-top: 3px;
}
.blueInfoColor .fa {
    color: #fff;
    margin: 0 5px 0 0;
}
/*.modal-open .modal{padding-right:0px!important; z-index: 9999;}*/

.daterangepicker .dropdown-menu {
    z-index: 9999 !important;
}
/*.modal-footer {position: fixed; width: 100%; bottom: -46px; left: 0; background-color: rgb(243, 242, 242); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16); border-radius: 0 0 4px 4px!important;}*/
/*.modal-dialog{width:800px;}*/
.modal-body {
    max-height: calc(100vh - 210px) !important;
    overflow-y: auto !important;
    overflow-x: auto !important;
}
.modal-footer-fix {
    position: fixed;
    width: 100%;
    bottom: -47px;
    left: 0;
    background-color: rgb(243, 242, 242);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
    border-radius: 0 0 4px 4px !important;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
    background: #f5f5f5 !important;
}
.appnewtable tr th {
    text-align: right !important;
    width: 20%;
    color: #000;
    border: 1px solid #ddd !important;
    vertical-align: middle !important;
    font-size: 14px;
}
.appnewtable tr td {
    padding: 10px !important;
    width: 30%;
    font-weight: normal !important;
    border: 1px solid #ddd !important;
    vertical-align: middle !important;
    font-size: 14px;
}
.appnewtable.thcenter tr th {
    text-align: center !important;
    color: #000;
    background: #eee;
}
.appnewtable.thcenter tr td {
    font-weight: normal !important;
}
.modal-body h5 {
    font-weight: 600;
    width: auto;
    color: #464646;
    text-transform: uppercase;
    overflow: hidden;
    z-index: 9;
    position: relative;
}
.modal-body h5::after {
    content: "";
    background-color: #999;
    height: 1px;
    float: right;
    width: 100%;
    margin: 0 0 0 10px;
    top: 6px;
    position: absolute;
}
.modal-body h5 + hr {
    display: none;
}

/*Edit Lead Page CSS*/
.panel-heading-common {
    background: #dddddd !important;
    margin: 0px !important;
    padding: 8px 10px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}
.panel-body-common {
    padding: 0px !important;
    margin: 0px !important;
    max-height: 250px;
    height: 250px;
    overflow-y: scroll;
}
.panel-body-common ul {
    margin: 0px !important;
    padding: 0px !important;
}
.panel-body-common ul li:nth-child(odd) {
    background-color: #f1f1f1 !important;
}
.btn-circal {
    border-radius: 50% !important;
    color: #fff !important;
    width: 30px !important;
    height: 30px !important;
    display: inline-block;
    text-align: center;
    margin: 3px;
    border: 0px !important;
}
.btn-circal .fa {
    color: #fff !important;
    line-height: 26px !important;
}
.panel-footer-common {
    padding: 2px 10px !important;
}

/*SVG Icon Css*/
.timeIcon {
    float: left;
    margin: 0 10px 0 0;
    padding: 0px;
    width: 14px;
    height: 14px;
    cursor: pointer;
}
.userIcon {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 14px;
    height: 14px;
    cursor: pointer;
}
.userGroupIcon {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 14px;
    height: 14px;
    cursor: pointer;
}
.editIcon {
    float: left;
    margin: 0 5px 0 0;
    padding: 0px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.addIcon {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 14px;
    height: 14px;
    cursor: pointer;
}
.deleteIcon {
    float: left;
    margin: 0 5px 0 0;
    padding: 0px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.doneIcon {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.copyIcon {
    float: left;
    margin: 0 5px 0 0;
    padding: 0px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.mark_as_closed {
    float: left;
    margin: 0 5px 0 0;
    padding: 0px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.well .form-control {
    background-color: #fff !important;
    border: 1px solid #ddd !important;
}

@media only screen and (min-width: 1024px) {
    .taskContent {
        height: 330px !important;
    }
}
@media only screen and (min-width: 1280px) {
    .taskContent {
        height: 600px !important;
    }
}
@media only screen and (min-width: 1366px) {
    .taskContent {
        height: 375px !important;
    }
}
@media only screen and (min-width: 1440px) {
    .taskContent {
        height: 510px !important;
    }
}
@media only screen and (min-width: 1600px) {
    .taskContent {
        height: 690px !important;
    }
}
@media only screen and (min-width: 1920px) {
    .taskContent {
        height: 690px !important;
    }
}

/*Common css*/

.theme-tooltip + .tooltip > .tooltip-inner {
    max-width: 100% !important;
    width: 100% !important;
    white-space: nowrap;
    background-color: #fff;
    color: #000;
    font-size: 14px;
    color: #464646;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1),
        0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 5px;
}
.theme-tooltip + .tooltip > .tooltip-arrow {
    border-top-color: #888;
}

.cursorPointer {
    cursor: pointer !important;
}
.cursorDefault {
    cursor: default !important;
}

.whiteBg {
    background: #fff !important;
}
.text-left {
    text-align: left !important;
}
.text-right {
    text-align: right !important;
}
.text-center {
    text-align: center !important;
}
.text-white {
    color: #fff !important;
}
.text-black {
    color: #464646 !important;
}
.text-red {
    color: #da0000 !important;
}

.commonPlusIcon {
    width: 24px;
    height: 24px;
    margin: 0px;
    padding: 0px;
}
.overFlowNonAll {
    overflow: hidden !important;
}
.overFlowAuto {
    overflow: auto !important;
}
.overFlowYNone {
    overflow-y: inherit !important;
}
.overFlowXnone {
    overflow-x: hidden;
}
.orangeIcon {
    color: #dd4b39 !important;
}
.orangeBorder {
    border: 2px solid #dd4b39;
    background: #fff;
    padding: 5px 10px;
    font-size: 14px !important;
}

.noWidth {
    width: inherit !important;
}
.noBg {
    background: none !important;
}
.noMin-Width {
    min-width: inherit !important;
}
.noHeight {
    height: inherit !important;
}
.noliheight {
    line-height: 0px !important;
}
.no-box-shadow {
    box-shadow: inherit !important;
}

.noPosition {
    position: inherit !important;
}
.absolutePosition {
    position: absolute !important;
}
.relativePosition {
    position: relative !important;
}

.widthFull {
    width: 100% !important;
}
.heightFull {
    height: 100% !important;
}
.width-auto {
    width: auto !important;
}
.height-auto {
    height: auto !important;
}

.top-none {
    top: inherit !important;
}
.right-none {
    right: inherit !important;
}
.bottom-none {
    bottom: inherit !important;
}
.left-none {
    left: inherit !important;
}

.noBorder {
    border: 0px !important;
}
.noBorderBottom {
    border-bottom: 0px !important;
}
.borderBottom {
    border-bottom: 1px solid #ddd;
}
.border {
    border: 2px solid #ff9800;
}
.borderImg {
    border: 1px solid #ddd;
    padding: 5px;
}

.noBborderRadius {
    border-radius: 0px !important;
}
.noBborderRadiusTopLeft {
    border-radius: 5px 0px 0px 5px !important;
}
.noBborderRadiusBottomRight {
    border-radius: 0px 5px 5px 0px !important;
}

.noAll-padding {
    padding: 0px !important;
}
.noTop-padding {
    padding-top: 0px !important;
}
.noRight-padding {
    padding-right: 0px !important;
}
.noBottom-padding {
    padding-bottom: 0px !important;
}
.noLeft-padding {
    padding-left: 0px !important;
}

.paddingAll-xs {
    padding: 5px !important;
}
.paddingAll-sm {
    padding: 10px !important;
}
.paddingAll-md {
    padding: 15px !important;
}
.paddingAll-lg {
    padding: 20px !important;
}
.paddingAll-xl {
    padding: 25px !important;
}
.paddingAll-xxl {
    padding: 30px !important;
}

.paddingTopBottom-no {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.paddingTopBottom-xs {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.paddingTopBottom-sm {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.paddingTopBottom-md {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.paddingTopBottom-lg {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.paddingTopBottom-xl {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}
.paddingTopBottom-xxl {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.paddingRightLeft-no {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.paddingRightLeft-xs {
    padding-right: 5px !important;
    padding-left: 5px !important;
}
.paddingRightLeft-sm {
    padding-right: 10px !important;
    padding-left: 10px !important;
}
.paddingRightLeft-md {
    padding-right: 15px !important;
    padding-left: 15px !important;
}
.paddingRightLeft-lg {
    padding-right: 20px !important;
    padding-left: 20px !important;
}
.paddingRightLeft-xl {
    padding-right: 25px !important;
    padding-left: 25px !important;
}
.paddingRightLeft-xxl {
    padding-right: 30px !important;
    padding-left: 30px !important;
}

.paddingTop-xs {
    padding-top: 5px !important;
}
.paddingRight-xs {
    padding-right: 5px !important;
}
.paddingBottom-xs {
    padding-bottom: 5px !important;
}
.paddingLeft-xs {
    padding-left: 5px !important;
}

.paddingTop-sm {
    padding-top: 10px !important;
}
.paddingRight-sm {
    padding-right: 10px !important;
}
.paddingBottom-sm {
    padding-bottom: 10px !important;
}
.paddingLeft-sm {
    padding-left: 10px !important;
}

.paddingTop-md {
    padding-top: 15px !important;
}
.paddingRight-md {
    padding-right: 15px !important;
}
.paddingBottom-md {
    padding-bottom: 15px !important;
}
.paddingLeft-md {
    padding-left: 15px !important;
}

.paddingTop-lg {
    padding-top: 20px !important;
}
.paddingRight-lg {
    padding-right: 20px !important;
}
.paddingBottom-lg {
    padding-bottom: 20px !important;
}
.paddingLeft-lg {
    padding-left: 20px !important;
}

.noAll-margin {
    margin: 0px !important;
}
.noTop-margin {
    margin-top: 0px !important;
}
.noRight-margin {
    margin-right: 0px !important;
}
.noBottom-margin {
    margin-bottom: 0px !important;
}
.noLeft-margin {
    margin-left: 0px !important;
}

.marginAll-xs {
    margin: 5px !important;
}
.marginAll-sm {
    margin: 10px !important;
}
.marginAll-md {
    margin: 15px !important;
}
.marginAll-lg {
    margin: 20px !important;
}

.marginTopBottom-xs {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
.marginTopBottom-sm {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.marginTopBottom-md {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}
.marginTopBottom-lg {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.marginTopBottom-xl {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
.marginTopBottom-xxl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.marginRightLeft-no {
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.marginRightLeft-xs {
    margin-right: 5px !important;
    margin-left: 5px !important;
}
.marginRightLeft-sm {
    margin-right: 10px !important;
    margin-left: 10px !important;
}
.marginRightLeft-md {
    margin-right: 15px !important;
    margin-left: 15px !important;
}
.marginRightLeft-lg {
    margin-right: 20px !important;
    margin-left: 20px !important;
}

.marginTop-xs {
    margin-top: 5px !important;
}
.marginRight-xs {
    margin-right: 5px !important;
}
.marginBottom-xs {
    margin-bottom: 5px !important;
}
.marginLeft-xs {
    margin-left: 5px !important;
}

.marginTop-sm {
    margin-top: 10px !important;
}
.marginRight-sm {
    margin-right: 10px !important;
}
.marginBottom-sm {
    margin-bottom: 10px !important;
}
.marginLeft-sm {
    margin-left: 10px !important;
}

.marginTop-md {
    margin-top: 15px !important;
}
.marginRight-md {
    margin-right: 15px !important;
}
.marginBottom-md {
    margin-bottom: 15px !important;
}
.marginLeft-md {
    margin-left: 15px !important;
}

.marginTop-lg {
    margin-top: 20px !important;
}
.marginRight-lg {
    margin-right: 20px !important;
}
.marginBottom-lg {
    margin-bottom: 20px !important;
}
.marginLeft-lg {
    margin-left: 20px !important;
}

.marginTop-xl {
    margin-top: 30px !important;
}
.marginRight-xl {
    margin-right: 30px !important;
}
.marginBottom-xl {
    margin-bottom: 30px !important;
}
.marginLeft-xl {
    margin-left: 30px !important;
}

.marginTop-xxl {
    margin-top: 40px !important;
}
.marginRight-xxl {
    margin-right: 40px !important;
}
.marginBottom-xxl {
    margin-bottom: 40px !important;
}
.marginLeft-xxl {
    margin-left: 40px !important;
}

.marginTop-minus-xxl {
    margin-top: -40px !important;
}

.swal-button {
    background-color: #002EDC !important;
}

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

.cpdropdown-content {
    display: none;
    position: absolute;
    right: 0px;
    top: 38px;
    background-color: white;
    min-width: fit-content;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.cpdropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.cpdropdown-content a:hover {
    background-color: #e1e1e1 !important;
}

.cpdropdown:hover .cpdropdown-content {
    display: block;
}

.cpdropdown:hover .cpdropbtn {
    background-color: #002EDC !important;
}

.width100 {
    width: 100px !important;
}

.width100percent {
    width: 100% !important;
}
.mr10 {
    margin-right: 10px !important;
}
.mr15 {
    margin-right: 15px !important;
}
.powered-logo {
    width: 30% !important;
}

/* start css by anand  for header naviagation bar */
.main-container .nav-wrap .site-nav .nav-list > li > a > .text {
    font-weight: 400 !important;
}
.main-container .nav-wrap .site-nav .nav-list > li a,
.main-container .nav-wrap .site-nav .nav-list li .inner-drop a {
    /* font-family: "DIN Next LT Arabic"; */
    font-weight: 400 !important;
}
/* end css by anand  for header naviagation bar */

.multirsz-col:focus {
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
        0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
        0 0 8px rgba(102, 175, 233, 0.6);
}
.multirsz-col {
    padding: 10px 5px !important;
    line-height: 16px !important;
    width: 100%;
}
.multirsz-col:read-only {
    background: #eeeeee;
    cursor: not-allowed;
}

.forgot-password-column a {
    padding: 0 10px;
}