/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Dec 3, 2019, 1:09:02 PM
    Author     : WHI335
*/
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800&display=swap");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap");
body {
    font-family: "Open Sans", sans-serif;
}
hr,
p {
    margin: 20px 0;
}
a:focus,
a:hover {
    outline: 0;
    text-decoration: none;
}
.login .content .form-control::placeholder {
    color: #bfbfbf;
}
.form-group.remember-me {
    color: #bfbfbf;
}
.form-group.remember-me .everark-checkbox-container {
    display: flex;
    padding-bottom: 0px;
    height: 20px;
    padding-left: 20px;
}

.CustomClearfix {
    clear: both;
}

.form-group.remember-me .everark-checkbox-container .checkmark {
    top: 3px;
    left: 0;
    height: 15px;
    width: 15px;
    border-radius: 0px;
}

.form-group.remember-me .everark-checkbox-container .checkmark:after {
    left: 5px;
    top: 1px;
    width: 4px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
}
.font-light {
    font-weight: normal;
}

.align-center {
    text-align: center !important;
}
.font-dark-grey {
    color: gray !important;
}
.everark-title {
    margin: 10px;
}
.font-dark-green {
    color: #4bc869 !important;
}
#forget-password {
    color: #4bc869 !important;
}
.anova-center-align {
    text-align: center;
}

.btn.grey:not(.btn-outline).active,
.btn.grey:not(.btn-outline).focus,
.btn.grey:not(.btn-outline):active,
.btn.grey:not(.btn-outline):focus,
.btn.grey:not(.btn-outline):hover,
.open > .btn.grey:not(.btn-outline).dropdown-toggle {
    color: #333;
    background-color: #ccc;
    border-color: #ccc;
}
.btn {
    border-radius: 2px !important;
    outline: 0 !important;
}
.btn:not(.btn-sm):not(.btn-lg) {
    line-height: 1.44;
}
.btn.grey:not(.btn-outline) {
    color: #333;
    background-color: #e5e5e5;
    border-color: #e5e5e5;
}
.btn:hover {
    transition: all 0.3s;
}
.btn,
.form-control {
    box-shadow: none !important;
}
.pt-8 {
    padding-top: 8px;
}
.mt-8 {
    margin-top: 8px;
}

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .form-control-feedback,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
    color: rgb(127, 127, 127) !important;
}
.customUrlDIv {
    display: flex !important;
    position: relative;
}

.customUrlDIv .help-block {
    width: 100%;
    position: absolute;
    bottom: -30px;
}

.customUrlDIv span {
    color: #c5c4c4;
    line-height: 40px;
}
.customUrlDIv .inputAreaClass {
    border: 1px rgb(217, 217, 217) solid;
    color: rgb(127, 127, 127);
    padding: 6px 30px;
    background-color: #f7f7f7;
    color: #9d9d9d;
    height: 40px !important;
    border: 1px solid #dde3ec;
    padding: 6px 12px;
    border-radius: 4px;
    line-height: 26px;
    width: 100%;
    margin: 0px 7px;
}

.inputAreaClassLatest input {
    background: none;
    height: auto;
    line-height: 28px;
    border: none !important;
    padding: 0px;
}

.login .content {
    background-color: #fff;
    -webkit-border: 1px solid #c8c8c8;
    -moz-border: 1px solid #c8c8c8;
    -o-border: 1px solid #c8c8c8;
    border: 1px solid #c8c8c8;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    width: 400px;
    margin: 40px auto 10px;
    padding: 10px 30px 20px;
    overflow: hidden;
    position: relative;
}
.login .content.custmWidth {
    width: 475px;
}
.content.formHolder.custmWidth.verification-wrapperDiv {
    width: 580px;
    padding: 10px 60px 20px;
}

.verification-wrapper .logo {
    padding-bottom: 0px;
}
.login .content.NewSignupDiv {
    width: 530px;
}

.login .content.NewSignupDiv.welcomeMainWidth {
    width: 590px;
    padding: 10px 30px 30px;
}

.NewSignupDiv p.headerText-lines {
    margin: 0px;
    color: #bfbfbf;
    color: rgb(156 153 153) !important;
    font-size: 14px;
    text-align: center;
}

.NewSignupDiv p.headerText-lines.welcomeMSGclass {
    color: rgb(142 139 139) !important;
    font-size: 15px;
    border-bottom: 1px solid #e0dfdf;
    padding-bottom: 6px;
    margin: 0px 50px 0px 50px;
}

.Auto-generated-number p {
    margin: 40px 0px;
    font-size: 26px;
    font-weight: 600;
    color: rgb(142 139 139) !important;
}

.WelcomeBtmText p {
    color: rgb(142 139 139) !important;
    font-size: 14px;
}

.WelcomeBtmText span {
    display: block;
    color: rgb(167 166 166) !important;
    font-size: 13px;
}
.button-commonCenter {
    background-color: #4bc869;
    border: none;
    outline: none;
    color: #fff;
    padding: 7px 35px;
    font-size: 20px;
    margin: 5px 0px 35px 0px;
}

.NewSignupDiv .msgAreaHolder {
    margin-top: 15px !important;
    padding-left: 30px !important;
}
.mb-0 {
    margin-bottom: 0px;
}

.d-flex-holder {
    display: flex;
}
.d-flex-holder .form-group {
    margin-right: 10px;
    width: 100%;
}
.d-flex-holder .form-group:last-child {
    margin-right: 0px;
    padding-left: 0px;
}

.login .content.NewSignupDiv .form-actions {
    text-align: center;
}
.login .content.NewSignupDiv .form-actions .btn {
    margin-top: 1px;
    font-weight: 500;
    padding: 10px 20px !important;
    font-size: 18px;
    width: 240px;
}

.NewSignupDiv .form-group {
    margin-bottom: 0px;
    padding-left: 35px;
    position: relative;
}

.NewSignupDiv input {
    margin-bottom: 5px;
}
.centerInputHld {
    display: flex;
}

.centerInputHld .centerInputDiv {
    margin: 0px 10px;
    width: 100%;
}
.centerInputHld .centerInput {
    width: 100%;
}
.digit-code-div .centerInput {
    width: 100%;
    margin: 0px 10px;
}

.NewSignupDiv .form-group em {
    display: block;
    margin-top: 8px;
    margin-right: 0;
    position: absolute;
    left: 0;
}
.NewSignupDiv .form-group em.linkiconClass {
    margin-top: 18px;
}

.NewSignupDiv .form-group em.userNameSicon {
    margin-top: 15px;
}

.NewSignupDiv .form-group em img {
    width: 25px;
}

.NewSignupDiv .everark-checkbox-container label {
    color: #585858;
}

.NewSignupDiv .everark-checkbox-container label a {
    color: #585858;
}
.NewSignupDiv .everark-checkbox-container label a:hover {
    color: #4bc869;
}

.NewSignupDiv .field-icon {
    position: absolute;
    z-index: 1;
    right: 16px;
    top: 14px;
    color: #d8d7d7;
    font-size: 14px;
}

.NewSignupDiv .glyphicon-eye-open.field-icon.active:before {
    content: "\e106";
}
.NewLoginDiv  .glyphicon-eye-close.field-icon.active:before {
    content: "\e105";
}
.NewSignupDiv .form-actions a{
	display: block;
	margin-top: 10px;
	color:#4BC869;

}
.already_account {
    display: block;
}

.already_account a {
    display: inline-block !important;
}

.form-group.check-me {
    margin: 20px 0px 20px 0px;
    padding-left: 0px;
}
.centerInputHld p {
    color: #c5c4c4;
}

p.fooerCopyright {
    text-align: center;
    font-size: 13px;
    color: #a9a7a7;
}
p.fooerCopyright a {
    text-align: center;
    font-size: 13px;
    color: #a9a7a7;
}

.mailCheckerHld {
    text-align: center;
}
.mailtextCenter {
    text-align: center;
}
.mailCheckerHld p {
    margin: 7px 0px 0px 0px;
    color: #a9a7a7;
    font-size: 16px;
}
.digit-code-div button {
    background: #4bc869;
    color: #fff;
    line-height: 0px !important;
    height: 35px;
    margin-top: 5px;
    border-radius: 0px !important;
    padding: 0px 30px;
}
.digit-code-div button:hover {
    color: #fff;
}
.digit-code-div button:focus {
    color: #fff;
}
.digit-code-div p {
    width: 100%;
    margin: 15px 0px;
}
.login .content .digit-code-div .form-control {
    height: 34px;
}

.footerArea-signupVeri a {
    color: #4bc869 !important;
}
.digit-code-div p {
    color: rgb(127, 127, 127) !important;
}

.WhileWait-bottom {
    width: 475px;
    margin: 0px auto 10px;
    padding: 0px 30px 20px;
    text-align: center;
    font-family: "Montserrat", sans-serif;
}
.WhileWait-bottom p {
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 10px;
}

.WhileWait-bottom span {
    font-size: 14px;
    color: #fff;
    color: #bbbbbb;
    display: block;
}

/* login page */
.login .content.first-login-detail {
    width: 700px;
    margin: 40px auto 10px;
    padding: 20px 60px 20px;
}
.login .content.first-login-detail h3 {
    font-weight: 400;
    color: rgb(89, 89, 89);
}
.form-small-content {
    font-weight: 400;
    color: rgb(89, 89, 89);
    font-size: 16px;
    text-align: center;
}

.content.first-login-detail .form-group label {
    text-align: left;
    color: rgb(127, 127, 127);
    font-weight: 600;
    display: inline-block;
    font-size: 15px;
    margin-bottom: 0;
}
.content.first-login-detail .form-group span {
    color: rgb(184, 184, 184);
    font-weight: 600;
    display: inline-block;
    float: right;
}
.content.first-login-detail .form-group input.form-control {
    color: rgb(127, 127, 127);
    font-weight: 400;
    background: rgb(248, 248, 248);
    margin-bottom: 0;
}
.content.first-login-detail form .form-group.new-password {
    margin-bottom: 0;
}
.content.first-login-detail .form-group input.form-control::placeholder {
    color: rgb(127, 127, 127);
    font-weight: 400;
}
.content.first-login-detail .form-group input:-internal-autofill-selected {
    background-color: rgb(248, 248, 248) !important;
    background-image: none !important;
    color: -internal-light-dark-color(rgb(127, 127, 127)) !important;
}
.first-login-detail #message {
    display: block;
    background: transparent;
    position: relative;
    padding: 0px;
    margin-top: 0px;
}
.first-login-detail #message p {
    padding: 0px 0px;
    font-size: 16px;
    margin: 10px 0;
    color: rgb(127, 127, 127);
    font-weight: 400;
    display: flex;
    align-items: center;
    width: 100%;
}
.first-login-detail #message p.valid {
    color: rgb(75, 200, 105);
}

#message .valid .col-change g circle {
    stroke: #4bc869 !important;
}
.first-login-detail #message p.invalid {
    color: rgb(127, 127, 127);
}
.first-login-detail #message p svg {
    margin-right: 5px;
}
.first-login-detail #message p:before,
.first-login-detail #message p:after {
    display: none;
}
div.msgAreaHolder {
    padding: 0px !important;
    background: none !important;
}
div.msgAreaHolder p {
    padding: 0px 0px 0px 20px !important;
    margin: 0px 0px 9px 0px !important;
    font-size: 15px !important;
    position: relative;
    color: #868585 !important;
}

div.msgAreaHolder .invalid:before {
    position: relative;
    left: -12px;
    content: "✔";
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    line-height: 23px;
    background: #fff;
    color: #c3ccda;
    font-size: 12px;
    border: 1px solid #c3ccda;
}

div.msgAreaHolder .valid:before {
    position: relative;
    left: -12px;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    line-height: 23px;
    background: #fff;
    color: #4bc869;
    font-size: 12px;
    border: 1px solid #4bc869;
}

/* login page */
/*
    Full Page Loader Start Here
*/

.cemetery-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999;
    display: none;
}

.loader-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
}
.loader-content > i {
    font-size: 50px;
    margin-bottom: 35px;
}
.cemetery-loader .loader-content img {
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    width: 100px;
    position: relative;
    top: -10px;
}
/*
    Full Page Loader End Here
*/

/*
  Image css
*/
/*
    Created on : 02 Jan 2020
    Author     : Whiz-Solutions
    Everark 2.0
*/

.page-header.navbar .page-logo {
    position: relative;
}
.page-header.navbar .page-logo.cemetery-page-logo {
    padding-left: 0;
}
.cemetery-page-logo > a {
    margin-left: 45px;
    margin-top: 15px;
}
.tabContainer .heading h3 {
    font-weight: bold;
    color: rgb(89, 89, 89);
}

.tabContainer .heading p {
    font-weight: 400;
    color: rgb(89, 89, 89);
    margin: 10px 0;
}

.page-header.navbar .menu-toggler.sidebar-toggler {
    position: absolute;
    left: 10px;
    top: 17px;
    margin-right: 0;
}
.color-active {
    transform: scale(1.3);
}
.navbar-fixed-top .top-menu nav li a .username {
    color: #7f7f7f;
    font-weight: 400;
}
.page-header.navbar.navbar-fixed-top
    .top-menu
    .navbar-nav
    > li.dropdown
    .dropdown-toggle:hover,
.page-header.navbar.navbar-fixed-top
    .top-menu
    .navbar-nav
    > li.dropdown.open
    .dropdown-toggle {
    background-color: transparent !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu {
    margin-top: 15px;
}
.everark-form .credit-div .control-label {
    padding-top: 0;
}
.page-sidebar {
    position: fixed;
    top: 80px;
    z-index: 99;
}
.page-sidebar .page-sidebar-menu {
    height: 100vh;
}
.page-sidebar .page-header-fixed > li.open > a {
    background: #afb1b9 !important;
}
.page-sidebar .page-header-fixed > li.active.open > a {
    background: #AFB1B9 !important;
}
.page-sidebar .page-header-fixed > li.open > a svg path {
    fill: white !important;
}
/*.page-sidebar .page-header-fixed>li a svg{margin-right:10px;}*/
.page-sidebar .page-header-fixed > li:hover a svg path {
    fill: white !important;
}
.page-sidebar .page-header-fixed > li.open > a i {
    color: white !important;
}
.page-sidebar .page-header-fixed > li.open > a .arrow:before {
    color: white !important;
}
.page-sidebar .page-header-fixed > li:hover .arrow:before {
    color: white !important;
}
.page-sidebar .page-sidebar-menu .sub-menu > li > a {
    color: #fff;
    font-weight: 400;
    padding: 10px 15px 10px 60px;
}
.page-sidebar .page-sidebar-menu li.menuFontColorCode .sub-menu > li > a {
    color: #7f7f7f;
}
.page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sub-menu > li > a {
    color: #a6a6a6;
}
.page-sidebar
    .page-sidebar-menu.page-sidebar-menu-closed
    .sub-menu
    > li:hover
    a {
    color: #fff;
}
.page-sidebar .page-sidebar-menu li.menuFontColorCode .sub-menu > li:hover > a {
    color: #fff;
}
.page-sidebar.white-menu-text .page-sidebar-menu .sub-menu > li > a {
    color: #fff;
}
.page-sidebar
    .page-sidebar-menu
    li.menuFontColorCode
    .sub-menu
    > li.active
    > a {
    color: white;
}
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
    color: white;
}
.page-sidebar-menu .credit-div a {
    color: #a6a6a6;
    font-weight: 500;
}
.everark-model-content .everark-model-header .subscription-heading {
    text-align: center;
}
/* .everark-sidebar-white .page-sidebar-menu .nav-item a.nav-link{color:white;} */
.everark-sidebar-white .page-sidebar-menu .nav-item a.nav-link .arrow:before {
    color: white;
}
.everark-sidebar-white .page-sidebar-menu .nav-item a.nav-link svg path,
.everark-sidebar-white .page-sidebar-menu .nav-item a.nav-link i.fa {
    color: white;
    fill: white;
}
/*.page-sidebar .page-sidebar-menu li a i.fa{margin-right: 10px;}*/
/*.page-sidebar .page-header-fixed>li a svg.workspace{margin-right: 6px;}*/
.page-sidebar .page-sidebar-menu li a .nav-icon-width {
    width: 25px;
    display: inline-block;
}
.everark-model-body .subscriptionBlock .subscriptionBlock-left {
    text-align: center;
    margin: 20px 0;
}
.everark-model-body {
    text-align: center;
}
.everark-model-body .subscriptionBlock .subscriptionBlock-left h3 {
    font-size: 26px;
    color: #4bc869;
    font-weight: 400;
    margin: 0;
    margin-bottom: 5px;
}

#CemeterySetupPicturesModal .modal-body.everark-model-body.pl-30.pr-30 {
    max-height: 500px;
    overflow: auto;
}
.heightImgHldr {
    max-height: 450px;
    overflow: auto;
}

.ModelCenterHolder {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
}

.everark-active {
    color: #4bc869;
}
.everark-model-body .subscriptionBlock .subscriptionBlock-left span {
    color: black;
    font-weight: 400;
}
.everark-model-body .subscriptionBlock .subscriptionBlock-left .euro-counter {
    margin: 0;
    font-size: 50px;
    font-weight: 700;
    color: black;
    display: inline-flex;
}
.everark-model-body .subscriptionBlock .subscriptionBlock-left:nth-child(1) {
    border-right: 1px #f2f2f2 solid;
}
.everark-model-body
    .subscriptionBlock
    .subscriptionBlock-left
    .euro-counter
    span {
    font-size: 20px;
    position: relative;
    top: 7px;
    right: 5px;
    font-weight: 700;
}
.everark-model-body
    .subscriptionBlock
    .subscriptionBlock-left
    .euro-counter
    span:nth-child(2) {
    font-size: 16px;
    top: 30px;
    color: black;
    font-weight: 700;
}
.everark-model-body .subscriptionBlock .subscriptionBlock-left p {
    margin: 0;
    color: #a6a6a6;
    font-weight: 500;
}
.everark-popup-footer a.btn {
    background: #4bc869;
    color: white;
    font-weight: 400;
    border-radius: 10px !important;
    display: inline-block;
    padding: 20px 20px;
    margin: 5px 0;
}
.everark-popup-footer span {
    font-size: 12px;
    color: #7f7f7f;
    font-weight: 400;
}
.everark-popup-footer .day-trial {
    font-size: 16px;
    color: #a6a6a6;
    font-weight: 600;
}
.address-form .close-account {
    color: #4bc869;
    font-size: 13px;
    margin: 0;
    font-weight: 400;
    padding-left: 10px;
}
.everark-model-card-detail .everark-model-content .everark-model-header {
    text-align: center;
}
.everark-model-card-detail .everark-model-content .everark-model-body {
    overflow: hidden;
    margin: 15px 0 0 0;
}
.everark-model-card-detail .everark-model-content .everark-model-body label {
    color: #7f7f7f;
}
.everark-model-card-detail .everark-model-content .everark-model-body span {
    color: #7f7f7f;
}
.everark-model-card-detail .everark-model-content .everark-model-footer {
    text-align: center;
    margin-bottom: 10px;
}
.rectangle {
    border: none;
    outline: none;
    border-radius: 0px;
}
.rectangle:focus,
.rectangle:hover {
    border: 1px white solid;
    outline: 1px #acacac solid;
    outline-offset: 0;
}
.google-sign-up {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.19px;
    color: rgba(0, 0, 0, 0.54);
    padding: 17px 0;
    line-height: normal;
    background-image: url(../../../images/google.png);
    background-repeat: no-repeat;
    background-position: left 11px center;
    cursor: pointer;
    margin: auto;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    background-color: #fff;
    width: 100%;
    display: block;
    text-align: center;
}
.google-sign-up:hover {
    text-decoration: none !important;
    color: rgba(0, 0, 0, 0.54);
}
.dla-sign-up:hover {
    text-decoration: none !important;
    color: rgba(0, 0, 0, 0.54);
}
.lightgrey-dash {
    color: #bfbfbf;
    text-align: center;
    position: relative;
}
.lightgrey-dash:before {
    content: "";
    position: absolute;
    height: 1px;
    background: #e4e4e4;
    width: 24%;
    top: 50%;
    left: 0;
}
.lightgrey-dash:after {
    content: "";
    position: absolute;
    height: 1px;
    background: #e4e4e4;
    width: 24%;
    top: 50%;
    right: 0;
}

.tab-container .page-content {
    background: white;
    padding-left: 1px;
    padding-right: 0;
}
.page-content-white .page-bar {
    margin: 0;
}
.tab-container .page-content {
    padding-top: 0px;
}
.tab-container .nav.nav-tabs {
    background: #eeeeee;
    margin-bottom: 15px;
    padding-top: 5px;
    padding-left: 5px;
}

.everark-form-class .form-body .form-group .btn {
    background: #4bc869;
    color: white;
    margin: 20px 0;
    border-radius: 4px !important;
    padding: 5px 25px;
}
.text-right-custom {
    text-align: right !important;
}

.BulletCircleGrey .container-header-form .checkmark {
    border: none;
    background: #eeeeee;
}
.fileFormatHLd em {
    width: 15px;
    height: 15px;
    background: #4bc869;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    top: 0;
    margin-left: 9px;
}
.positionRel {
    position: relative;
}
.position_static {
    position: static !important;
}
.fileFormatHLd .PlusEditDeedTemplates {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(100%, -50%);
    margin-top: -12px;
    font-size: 24px;
    color: rgb(127, 127, 127) !important;
}
.fileFormatHLd img {
    width: 100%;
}
.Edit_Preview_tab {
    padding: 0px;
    list-style: none;
    text-align: right;
}

.Edit_Preview_tab li {
    display: inline-block;
    margin-left: 15px;
}
.Edit_Preview_tab li a {
    color: rgb(166, 166, 166);
}
.Edit_Preview_tab li.active a {
    color: #4bc869;
}
.framIMGHld {
    position: relative;
}
.framIMGHld .imhCstmHight {
    width: 100%;
    height: 700px;
}
.InactiveFrame.activeFrame {
    display: block;
}
.InactiveFrame {
    display: none;
}
.certificateHead
    .ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline {
    text-align: justify;
    font-size: 13px;
    min-height: 100px;
    max-height: 100px;
}
.certificateHead
    .ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline
    p {
    margin: 0px;
}
.textFill {
    fill: #b1afaf;
    font-size: 17px;
}
.ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-focused {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}
.certificateHead {
    position: absolute;
    top: 9%;
    width: 80%;
    margin-left: auto;
    left: 50%;
    transform: translate(-50%);
}

.previewTextHolder {
    text-align: justify;
    min-height: 100px;
    max-height: 115px;
    overflow: auto;
    margin-bottom: 30px;
    padding-right: 10px;
}
.previewTextHolder p {
    margin: 0px;
    margin-bottom: 10px;
    font-size: 13px;
}

.certificateHead .Deed_Id {
    position: absolute;
    top: 0px;
    right: 0;
    font-size: 12px;
    color: #ccc;
}

.certificateHead h3 {
    color: rgb(166, 166, 166);
    padding: 20px 0px 0px 0px;
}

.NameOwnerTop {
    margin: 0px 0px 20px 0px;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    border-bottom: 1px solid rgb(226 224 224);
    padding-bottom: 15px;
}

.editableAreaTp i {
    color: rgb(166, 166, 166);
    font-weight: normal;
}
.editableAreaTp input {
    width: 100%;
    outline: none;
    border: none;
}

.editableAreaTpBottom input {
    border-bottom: 1px solid rgb(226 224 224);
}
.pr-70 {
    padding-right: 70px;
}
.editableAreaTpBottom i {
    margin-top: 5px;
    display: block;
    font-style: normal;
    color: #9a9a9a;
}

.bottomDescriptonHld {
    color: rgb(199 198 198);
    display: block;
    text-align: center;
    font-size: 13px;
    margin-top: 40px;
}
.bottomDescriptonHld.text-left {
    text-align: left;
}
.printBtnPre {
    position: relative;
    top: 3px;
}
.fontSHldr p {
    font-size: 13px;
}

.RepresentativeText {
    color: rgb(193 192 192);
    font-size: 12px;
    text-align: right;
    display: block;
    margin-top: 4px;
}

.deedTemplateCertificateFormClass {
    float: left;
    width: 100%;
    border: 1px solid rgb(239 239 239);
    padding: 25px 25px 25px 25px;
}

/* .certificateHead{
	background-image: url(../../../images/certificate-fram01.png) !important;
	background-repeat: no-repeat !important;
	background-size:cover;
	width:100%;
	background-position: center center;
	height: 450px;
 }
 */
.CurveText {
    width: 100%;
    transform: rotate(15deg);
    margin-top: -30px;
}

.selectFramesThemes ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    padding: 0px 15px;
}

.selectFramesThemes ul li {
    padding: 0px 15px 0px 15px;
}
.selectFramesThemes ul li img {
    width: 100%;
    position: relative;
    cursor: pointer;
}
.selectFramesThemes ul li span {
    position: relative;
    display: block;
}
.selectFramesThemes ul li.active span:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    background: #4bc869;
    bottom: -10px;
}
.logoLeftFram img {
    display: block;
    padding: 0px 20px;
    margin-top: -15px;
}

.DropDown-class-inherit .btn {
    background-color: inherit !important;
    color: inherit !important;
    margin: inherit !important;
    border-radius: 0px !important;
    padding: 6px 35px 6px 10px !important;
}

.everark-form-class .form-body .form-group .btn .fa-plus {
    font-size: 22px;
    font-weight: 700;
    position: relative;
    top: 2px;
    line-height: 0;
}
.everark-form-class .form-body .form-group .btn .fa-plus:before {
    content: "\002B";
}
.everark-img-preview img {
    width: 100%;
}

.img-custome-circle {
    width: 204px;
    height: auto;
    border-radius: 50%;
}
.mrb20 {
    margin-bottom: 20px;
}

.stepwizard-step p {
    margin-top: 10px;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;
    width: 50%;
    position: relative;
}
.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.small-width {
    width: 300px;
    margin: auto;
    position: relative;
}

.extra-small-width {
    width: 256px;
}
.small-width230 {
    width: 230px;
}
.AddUsersDott .extra-small-width {
    width: 120px;
}

.CenterDotClass {
    left: -46px;
}

.CenterDotClass.collapsed_CenterDot {
    left: 50px;
}

.small-width50 {
    width: 300px;
}

.largeWidth {
    width: 70%;
    margin: auto;
    position: relative;
}

.top-success-drop ul {
    list-style: none;
    position: relative;
    display: flex;
    width: 100%;
    margin: 20px 0;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    margin-bottom: 50px;
}
.top-success-drop p {
    margin: 10px 0;
    text-align: center;
    color: rgb(191, 191, 191);
    font-weight: 300;
    text-transform: uppercase;
}
.top-success-drop .dot-slide1 {
    position: absolute;
    left: -65px;
    margin-bottom: 0;
    bottom: -25px;
}
.top-success-drop .dot-slide1.dot-slideCenter {
    left: -140px;
}

.top-success-drop .dot-slide3 {
    position: absolute;
    right: -60px;
    margin-bottom: 0;
    bottom: -25px;
    left: auto;
}
.top-success-drop .dot-slide3.dot-slide3center {
    right: -140px;
}

.top-success-drop .dot-slide2 {
    position: absolute;
    right: auto;
    margin-bottom: 0;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}
.top-success-drop ul li {
    width: 14px;
    position: relative;
    height: 14px;
    background: rgb(242, 242, 242);
    display: block;
    border-radius: 50%;
}

.top-success-drop ul li.active {
    background: #4bc869;
}

.top-success-drop ul:before {
    position: absolute;
    width: 100%;
    height: 1px;
    background: rgb(242, 242, 242);
    content: "";
    top: 50%;
}

.container-header-form {
    display: inline-flex;
    position: relative;
    padding-left: 0;
    cursor: pointer;
    font-size: 12px;
    color: #7f7f7f;
    max-width: 15px;
    user-select: none;
    text-align: center;
    width: 100%;
    justify-content: center;
    margin-right: 10px;
    margin-bottom: 0;
}

.radioCircleCenterCls .container-header-form {
    max-width: inherit;
    width: inherit;
    justify-content: inherit;
}
.radioCircleCenterCls .container-header-form .checkmark {
    left: 50%;
    transform: translate(-50%, 0);
}

.dattedSpacController .text-right.adjust-center-position {
    text-align: left;
}

.dattedSpacController .container-header-form {
    margin-right: 20px;
}
.header-form-column-container .CommonbaslineMsg .label-desc {

    line-height: 30px;
}

.container-header-form p {
    padding-top: 0px;
    margin-bottom: 0;
    margin-top: 16px;
    font-weight: normal;
}
.prefrences-blade .container-header-form {
    max-width: 47px;
    font-weight: 400;
    text-align: center;
}
/* Hide the browser's default radio button */
.container-header-form input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.container-header-form .checkmark {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    border: 1px rgb(127, 127, 127) solid;
    background: transparent;
}
.disabledCircleCls .container-header-form {
    cursor: not-allowed;
}

.prefrences-blade .container-header-form .checkmark {
    left: 50%;
    transform: translateX(-50%);
}
/* On mouse-over, add a grey background color */
.container-header-form:hover input ~ .checkmark {
    border: 1px rgb(127, 127, 127) solid;
    background: transparent;
}

/* When the radio button is checked, add a blue background */
.container-header-form input:checked ~ .checkmark {
    background-color: rgb(75, 200, 105);
    border: 1px rgb(75, 200, 105) solid;
}

/* Create the indicator (the dot/circle - hidden when not checked) */

/* Show the indicator (dot/circle) when checked */
.container-header-form input:checked ~ .checkmark:after {
    display: block;
}
.inner-header-form-column-container .d-flex .input-sec .adjust-center-position {
    position: relative;
    top: 8px;
}
.switcher {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 28px;
}

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

.slider-btn {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(75, 200, 105);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

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

.switcher input:focus + .slider-btn {
    box-shadow: none;
}

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

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

.slider-btn.round:before {
    border-radius: 50%;
}
.switcher-switch {
    display: flex;
    justify-content: center;
    align-items: center;
}
.switcher-switch p {
    padding: 0 15px;
}
.switcher-switch p.active {
    font-weight: 600;
    color: rgb(75, 200, 105);
}
.switcher-switch p {
    font-size: 14px;
    color: #a6a6a6;
}
.login .content .form-control {
    background: transparent;
}
.login .content .form-control.inputBG {
    background-color: #f7f7f7;
}
.login .content .form-control.inputBG:focus {
    background-color: #f7f7f7;
}
.page-footer {
    padding: 0;
    height: auto;
}
.alert-success {
    background-color: #4bc869;
    color: white;
    border-radius: 0;
    margin: 0;
    border: 0;
}
.login .content .form-actions .btn.Def-disabled:disabled {
    color: #333;
    background-color: #e5e5e5;
    border-color: #e5e5e5;
}
.login .content .form-actions .btn.Def-disabled {
    background-color: #4bc869;
    border: 1px #4bc869 solid;
    color: white;
}

.alert-danger {
    background-color: #e73d4a;
    color: white;
    border-radius: 0;
    margin: 0;
    border: 0;
}
.addMemberModalClass .alert-danger {
    position: relative;
    z-index: 99;
}
.alert-message-all {
    padding-left: 235px;
}
.content.formHolder {
    font-family: "Montserrat", sans-serif;
}
.login .content h3 {
    color: #787676 !important;
    text-align: center;
    font-size: 24px;
    font-weight: 400 !important;
}
.login .content.first-login-detail h3 {
    color: rgb(127, 127, 127) !important;
}
.content.formHolder label {
    font-weight: 400;
    color: #868585;
}
.showHidePasswordTxt {
    font-weight: 400;
    color: #909090;
    cursor: pointer;
}

.alert-success .close,
.alert-danger .close {
    opacity: 1;
    color: white;
    right: 0;
    top: 6px;;
    outline: none;
}
.alert-success p,
.alert-danger p {
    margin: 0;
    padding: 0 15px;
}

.login .content .form-group.has-error .form-control {
    border: 1px solid #e73d4a;
    color: #e73d4a;
}
.login .content .form-group.has-error .control-label {
    color: #e73d4a;
}
.login .content .form-group.has-error .form-control::placeholder {
    color: #e73d4a;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

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

/*everark custom checkbox*/
.everark-checkbox-container {

    display: flex;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media screen and (max-width:560px){
    .everark-checkbox-container {
        padding-left: 25px;
    }
    .everark-checkbox-container .checkmark {
        width: 17px !important;
        height: 17px !important;
    }
    .everark-checkbox-container .checkmark:after {
        left: 5px !important;
    }
    .everark-checkbox-container  label{
        font-size: 12px !important;
    }
    div.msgAreaHolder p {
    font-size: 12px !important;
    }

div.msgAreaHolder .invalid:before {
    position: relative;
    left: -12px;
    content: "✔";
    width: 20px !important;
    height: 20px !important;
}

}
.DealsSalesTable .everark-checkbox-container {
    padding-left: 15px;
}
.DealsSalesTableHld
    .ground-table.plot-owner-table
    .everark-checkbox-container
    .checkmark {
    top: 50%;
    transform: translate(0%, -50%);
}

.checkBox-right-class .everark-checkbox-container {
    padding-left: 0px;
    padding-right: 22px;
    margin-left: 20px;
}
.checkBox-right-class .everark-checkbox-container .checkmark {
    right: 0;
    left: inherit;
}

.checkBox-right-class .everark-checkbox-container:last-child {
    padding-right: 28px;
}

/* Hide the browser's default checkbox */
.everark-checkbox-container input {
    position: absolute;
    opacity: 0 !important;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.everark-checkbox-container .checkmark {
    position: absolute;
    top: 0px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 1px rgb(191, 191, 191) solid;
    border-radius: 4px;
}

.everark-checkbox-container .checkmark-small {
    position: absolute;
    top: 2px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: transparent;
    border: 1px rgb(191, 191, 191) solid;
    border-radius: 4px;
}

.long_checkmark .everark-checkbox-container .checkmark {
    width: 26px;
    height: 24px;
    border-radius: 0px;
    border: 2px solid #4bc869;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
}
.long_checkmark .everark-checkbox-container {
    padding-left: 30px;
    position: relative;
}
.long_checkmark .everark-checkbox-container .checkmark:after {
    content: none;
}

/* On mouse-over, add a grey background color */
.everark-checkbox-container:hover input ~ .checkmark {
    background-color: #4bc869;
}

/* When the checkbox is checked, add a blue background */
.everark-checkbox-container input:checked ~ .checkmark {
    background-color: #4bc869;
    border: 1px #4bc869 solid;
}

.SetupCheckBoxHld .everark-checkbox-container input:checked ~ .checkmark {
    background: none;
    border: 1px rgb(191, 191, 191) solid;
}

.SetupCheckBoxHld .everark-checkbox-container input:checked ~ .checkmark:after {
    display: none;
}

.SetupCheckBoxHld
    .everark-checkbox-container
    input:checked
    ~ .checkmark.checkbox-tick {
    background-color: #4bc869;
    border: 1px #4bc869 solid;
}

.SetupCheckBoxHld
    .everark-checkbox-container
    input:checked
    ~ .checkmark.checkbox-tick:after {
    display: block;
}

/* Create the checkmark/indicator (hidden when not checked) */
.everark-checkbox-container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.everark-checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.everark-checkbox-container .checkmark:after {
    left: 6px;
    top: 1px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.everark-checkbox-container .checkmark-small:after {
    left: 4px;
    top: 0px;
    width: 6px;
    height: 11px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.header-form-column-container .label-desc {
    display: flex;
    flex-direction: column;
}
.header-form-column-container .label-desc span {
    font-size: 12px;
    font-weight: normal;
}

.balance-edit {
    margin-right: 12px;
}
/* width */

.tableLongData::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}
/* Track */
.tableLongData::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.tableLongData::-webkit-scrollbar-thumb {
    background: #888;
}

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

/* width */

.tableLongDataBotttom {
    overflow-x: auto;
}
.rowmrgingremove .row {
    margin: 0px;
}

.rowmrgingremove .col-md-12 {
    padding: 0px;
}

.tableLongData.customPaginationHld {
    overflow-y: auto !important;
    max-height: 450px;
}

.frozenThead table thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

.frozenThead .frozenThead-container{
	/*max-height: 400px;*/
	overflow-y: auto;
}

/*.frozenThead .frozenThead-container {
    max-height: 400px;
    overflow-y: auto;
}*/

.frozenThead .frozenThead-container::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}
/* Track */
.frozenThead .frozenThead-container::-webkit-scrollbar-track {
    background: #fff;
}

/* Handle */
.frozenThead .frozenThead-container::-webkit-scrollbar-thumb {
    background: #fff;
}

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

/* Handle */
.frozenThead .frozenThead-container:hover::-webkit-scrollbar-thumb {
    background: #888;
}

.frozenThead .frozenThead-container:hover::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.tableLongData.customPaginationHld:hover {
    overflow-x: auto !important;
}

.tableLongDataBotttom::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}
/* Track */
.tableLongDataBotttom::-webkit-scrollbar-track {
    background: #fff;
}

/* Handle */
.tableLongDataBotttom::-webkit-scrollbar-thumb {
    background: #fff;
}

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

/* Handle */
.tableLongDataBotttom:hover::-webkit-scrollbar-thumb {
    background: #888;
}

.tableLongDataBotttom:hover::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.paginationSpaceremove .laravelPaginationClass {
    margin-top: 15px;
}

.visible_scroll_down .customPaginationHld {
    /* overflow-y:auto; */
    max-height: 450px;
}
.right-content-invetorylist .paginationSpaceremove .laravelPaginationClass {
    margin-top: 60px !important;
}

.visible_scroll_down .customPaginationHld::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}
/* Track */
.visible_scroll_down .customPaginationHld::-webkit-scrollbar-track {
    background: #fff;
}

/* Handle */
.visible_scroll_down .customPaginationHld::-webkit-scrollbar-thumb {
    background: #fff;
}

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

/* Handle */
.visible_scroll_down .customPaginationHld:hover::-webkit-scrollbar-thumb {
    background: #888;
}

.visible_scroll_down .customPaginationHld:hover::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* width */
.modal-body::-webkit-scrollbar {
    width: 5px;
}

.linkPlotRowCutom .modal-body::-webkit-scrollbar {
    height: 3px;
}
.inventory-fixed-left-list .modal-body::-webkit-scrollbar {
    width: 3px;
}
/* Track */
.modal-body::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.modal-body::-webkit-scrollbar-thumb {
    background: #888;
}

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

.inventory-fixed-left-list::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.inventory-fixed-left-list::-webkit-scrollbar-track {
    background: white;
}

/* Handle */
.inventory-fixed-left-list::-webkit-scrollbar-thumb {
    background: white;
}

/* Handle on hover */
.inventory-fixed-left-list::-webkit-scrollbar-thumb:hover {
    background: white;
}

.fc-scroller::-webkit-scrollbar {
    width: 7px;
}

/* Track */
.fc-scroller::-webkit-scrollbar-track {
    background: #fff;
}

/* Handle */
.fc-scroller::-webkit-scrollbar-thumb {
    background: #dadce0;
    border-radius: 50px;
}

/* Handle on hover */
.fc-scroller::-webkit-scrollbar-thumb:hover {
    background: #bdc1c6;
}

.main_div_calenderClass .fc-head-container.fc-widget-header::-webkit-scrollbar {
    width: 7px;
}

/* Track */
.main_div_calenderClass
    .fc-head-container.fc-widget-header::-webkit-scrollbar-track {
    background: #fff;
}

/* Handle */
.main_div_calenderClass
    .fc-head-container.fc-widget-header::-webkit-scrollbar-thumb {
    background: #dadce0;
    border-radius: 50px;
}

/* Handle on hover */
.main_div_calenderClass
    .fc-head-container.fc-widget-header::-webkit-scrollbar-thumb:hover {
    background: #bdc1c6;
}

.info-data {
    background-image: url(../../../images/info-icon.png);
    min-width: 20px;
    height: 20px;
    background-size: cover;
    background-position: center;
    display: inline-block;
    position: relative;
    top: -5px;
    left: 2px;
}

span.info-data-span {

    width: 115px !important;
}

.info-data.info-data-right.tooltip-ground {
    background-image: url(../../../images/info-icon.png);
    min-width: 20px;
    height: 23px;
    background-size: cover;
    background-position: center;
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 0px;
}

.billingHeading .info-data {
    top: -3px;
    left: -2px;
}

.billingHeading .info-data span {
    line-height: 1.42857;
    color: rgb(127, 127, 127);
}

.info-data-whiteBG {
    background-image: url(../../../images/info-icon-white.png);
}
th.sorting.font-light .info-data .remaining-tooltip-edit {
    width: 300px !important;
}

.total-sale .inside-side-sale .info-data {
    top: -10px;
    left: 10px;
    margin-left: auto;
}

.inside-side-sale-revenue p{
    margin-bottom: 1000px;
}

.total-sale .inside-side-sale .info-data-revenue {
    margin-left: auto;
}

.total-sale .inside-side-sale .inside-side-sale-inner .info-data {
    top: 0;
    left: 3px;
}

.info-data.btn-tip {
    top: -3px;
}
.info-data span {
    display: none;
    position: absolute;
    top: 20px;
    left: -14px;
    max-width: 300px;
    width: max-content;
    background: white;
    padding: 10px;
    border: 1px lightgrey solid;
    font-size: 12px;
    box-shadow: 3px 4px 8px -1px lightgrey;
    transition: 0.3s;
    z-index: 9999;
    text-align: left;
    font-weight: normal;
}

.info-data-left {
    display: block;
    margin: -40px 0 10px 10px;
    width: 30px;
    height: 22.5px;
    top: 14px;
    background-size: cover;
    background-position: center;
}

.info-data span:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 8px;
    top: 0px;
    left: 14px;
    z-index: 1;
    background: white;
}
.info-data span:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: white;
    top: -5.5px;
    left: 16px;
    transform: rotate(45deg);
    z-index: -1;
    border: 1px rgb(191, 191, 191) solid;
}
.info-data:hover span {
    display: block;
    transition: 0.3s;
    color: black !important;
}
.hover-icon-info-left:after{
    content: "" !important;
    position: absolute;
    width: 14px;
    height: 8px;
    z-index: 1;
    background: white;
    top: 0;
    left: 14px;
}
.hover-icon-info-right:after{
    left: inherit;
    right: 14px;
}

.info-data.longTextInfoData span {
    width: 500px;
}
.info-data.longTextInfoData p {
    margin: 0px 0px 13px 0px;
}

.info-data.longTextInfoData span em {
    font-style: normal;
    display: block;
    margin-top: 5px;
    position: relative;
    padding-left: 18px;
}

.info-data.longTextInfoData span em:before {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: rgb(179 178 178);
    left: 0;
    top: 5px;
}

.info-data-right span {
    right: -14px;
    left: auto;
}
.info-data-right span:before {
    right: 14px;
    left: auto;
}
.info-data-right span:after {
    right: 16px;
    left: auto;
}
.label-desc.info-tooltip {
    flex-direction: row;
    align-items: center;
}
/*.label-desc.info-tooltip .info-data {
    top: 2px;
    left: 5px;
}*/

.Define_Worker_Order .MinWdthClc .label-desc.info-tooltip .info-data {
    top: -2px;
}
.mt-7 {
    margin-top: 7px !important;
}

.everark-model-ProfilePhoto h5.modal-title {
    border: none;
    text-align: left;
    font-size: 20px;
    color: #5d5b5b;
}

.everark-model-ProfilePhoto .modal-footer.everark-model-footer {
    border-top: 1px solid #e0dfdf;
    padding-top: 23px;
}

.SaleForecastingModel h4 {
    font-weight: bold;
    color: #444;
}

.SaleForecastingModel h5 {
    color: #444;
    border-bottom: 1px solid #efebeb;
    margin-bottom: 0px;
    padding: 0px 0px 13px 0px;
}

.saleForcastingTable {
    overflow-x: auto;
    padding-bottom: 5px;
    margin-left: 130px;
    padding-right: 2px;
}
.saleForcastingTable thead th {
    background: none;
    padding: 0px;
}

.saleForcastingTable thead th.bghidden span {
    background: #fff;
    position: fixed;
    left: 16px;
    width: 130px;
    margin-top: -26px;
}

.saleForcastingTable thead th span {
    display: block;
    width: 100%;
    margin-bottom: 7px;
    background: #f2f2f2;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 5px;
    text-align: center;
    min-height: 45px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.model-commond-look .saleForcastingTable table tr td {
    padding: 0px;
}
.model-commond-look .saleForcastingTable table input {
    height: 40px;
    line-height: 40px;
    background-color: #fafafa;
    border: 1px solid #bfbfbf;
    border-radius: 0px;
    border-right: 0px;
    border-bottom: 0px;
    text-align: center;
    padding: 6px 12px;
    width: auto;
    display: block;
}
.model-commond-look .saleForcastingTable table input.Zero_value_Width {
    width: 61px;
}
table.ever-w-auto-tbl input.form-control.Zero_value_Width {
    width: auto;
}
.send-invoice-evr .help-block.err-color {
    width: auto;
}
.send-invoice-evr label.everark-checkbox-container.font-light {
    margin-bottom: 8px;
}
.model-commond-look .saleForcastingTable table tbody tr td:first-child {
    min-width: 130px;
    padding: 0px 5px;
    text-align: left;
    min-height: 45px;
    background: #fff;
    position: fixed;
    left: 16px;
    padding-top: 10px;
}
.model-commond-look .saleForcastingTable table tbody tr td:last-child {
    border-right: 1px solid #bfbfbf;
}

.model-commond-look .saleForcastingTable table tbody tr td .form-label-field {
    cursor: not-allowed;
}
.model-commond-look
    .saleForcastingTable
    table
    tbody
    tr
    td.disabled_Revenue
    .form-control {
    background: #f2f2f2;
    color: #cecccc;
    pointer-events: none;
    border-bottom: 1px solid #bfbfbf;
}
.model-commond-look .saleForcastingTable table tbody tr td .form-control:focus {
    background: transparent;
}

.model-commond-look.SaleForecastingModel .modal-header .close {
    text-shadow: none;
    opacity: 0.5;
    font-weight: 600;
}
.SaleForecastingModel form {
    clear: both;
}

.SaleForecastingModel .yerFiletBTn {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 450px;
        margin: 30px auto;
    }

    .model-commond-look.removeModelHolder .modal-dialog {
        width: 380px !important;
    }
    .model-commond-look.removeModelHolder .modal-dialog.modal-dialog435 {
        width: 435px !important;
    }
    .model-commond-look.removeModelHolder .modal-dialog.modal-dialog600 {
        width: 600px !important;
    }
    .model-commond-look.removeModelHolder.Restrict-DataModel .modal-dialog {
        width: 600px !important;
    }
    .modal.note-modal.ckeditor-holder-modal.model-commond-look.removeModelHolder.customeEditorHolder.activity-boxs .modal-dialog {
    width: 810px !important;
   }
    .modal-dialog600 {
        width: 600px;
    }
    .modal-dialog700 {
        width: 700px;
    }

    .modal-dialog810 {
        width: 810px;
    }
     .model-commond-look.removeModelHolder.evr-note-width .modal-dialog {
        width: 810px !important;
    }
    .modal-dialog630 {
        width: 630px;
    }
    .modal-dialog435 {
        width: 435px !important;
    }
    .modal-dialog900 {
        width: 900px;
    }
    .modal-dialog850 {
        width: 850px;
    }
    .modal-dialog880 {
        width: 880px;
    }
    .modal-dialog920 {
        width: 920px;
    }
    .modal-dialog300 {
        width: 300px;
    }
    .modal-dialog400 {
        width: 400px;
    }
    .first-time-logger .modal-dialog {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
        margin: 0;
    }
    .login .content {
        max-width: 400px;
        width: 100%;
    }
}

.modal-body.RecordsLimit .form-label-field {
    border-bottom: 1px solid #ebeaea;
    border-top: 1px solid #ebeaea;
    float: left;
    width: 100%;
    padding: 15px 0;
}
.modal-body.RecordsLimit {
    float: left;
    width: 100%;
    margin-bottom: 9px;
}
.model-commond-look .modal-body.RecordsLimit .form-label-field label {
    font-weight: 500;
    margin-top: 10px;
    color: #ccc;
    font-size: 15px;
}
.model-commond-look.removeModelHolder .modal-title.Add-Records {
    padding-bottom: 0px;
    color: rgb(101, 100, 100);
    font-size: 17px;
    text-align: left;
}

.model-commond-look.removeModelHolder.delete_invoiceMdl .modal-title {
    text-align: left;
    color: #555252;
    font-weight: 600;
}
.model-commond-look.removeModelHolder.delete_invoiceMdl
    .modal-title
    .modal-body {
    font-weight: 500;
}

.model-commond-look.removeModelHolder .modal-title.text-left {
    text-align: left;
}

.model-commond-look .modal-body.RecordsLimit .form-control {
    background-color: #fff;
    border: 1px solid #d2d1d1;
    border-radius: 0px;
}
.model-commond-look div.modal-dialog {
    top: 50%;
    transform: translate(0%, -50%) !important;
    margin: 0px auto !important;
}

.model-commond-look.fieldBGremover.CstmizeMdlHolder.addPaypalPaymentModel
    .modal-content
    h3 {
    color: rgb(84, 82, 82);
    font-weight: 600;
    font-size: 23px;
}

.addPaypalPaymentModel span.commonColor {
    font-size: 16px;
    margin-top: 15px;
    display: block;
    color: rgb(84, 82, 82);
}

.addPaypalPaymentModel .everark-checkbox-container .checkmark {
    margin-top: 3px;
}

.addPaypalPaymentModel .everark-checkbox-container {
    margin-top: 0px;
    padding-left: 26px;
}
.addPaypalPaymentModel .form-control.PayPalEmailInput {
    height: 37px;
    width: 70%;
}

.addStripePaymentModel .cemetery-logo-header {
    height: 70px;
}

.addStripePaymentModel .modal-content {
    padding: 0px 20px 0px 20px;
}
.addStripePaymentModel .modal-common-box {
    float: left;
    width: 100%;
    margin: 20px 0px 0px 0px;
    border-radius: 10px;
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
    overflow: hidden;
    margin-bottom: 15px;
}

.addStripePaymentModel .TopHed h1 {
    font-weight: bold;
    font-size: 26px;
    margin: 15px 0px 0px 0px;
    color: #636161;
}
.addStripePaymentModel .addStripePaymentColum {
    float: left;
    width: 100%;
    background: #f7fafc;
}

.S_assignUserIntoRoleModal .modal-body {
    position: relative;
    padding: 15px 30px 30px 15px;
}
.S_assignUserIntoRoleModal .assignRleArea {
    width: 100%;
    float: left;
    margin: 15px 0px 40px 0px;
}

.S_assignUserIntoRoleModal .assignUserArea .table > tbody > tr > td {
    border-top: none;
}
.S_assignUserIntoRoleModal .modal-header {
    display: none;
}
.S_assignUserIntoRoleModal h4 {
    margin: 0px 0px 6px 0px;
    font-size: 16px;
    color: rgb(166, 166, 166);
    font-weight: normal;
}

.S_assignUserIntoRoleModal select {
    width: 50%;
    border: 1px solid #ccc;
    border-radius: 4px !important;
    float: right;
}

.S_assignUserIntoRoleModal lable span {
    margin: 6px 0px 0px 0px;
    display: inline-block;
    font-size: 15px;
}

.S_assignUserIntoRoleModal #contact-filter {
    border: 1px rgb(191, 191, 191) solid;
    width: 100%;
    background-image: url(../../../../images/search-icon.svg);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center left 10px;
    padding: 8px 15px 9px 40px;
    margin: 5px 0 20px 0;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 4px !important;
    outline: none;
}

.CustomSelectPicker .bs-searchbox .modal-header,
.modal-footer {
    border: 0;
    text-align: left;
}
.modal-body .form-label-field {
    margin-bottom: 15px;
}
.modal-body .form-label-field:last-child {
    margin-bottom: 0;
}
.modal-body .form-label-field label {
    color: rgb(127, 127, 127);
    font-weight: 500;
    font-size: 14px;
}
.form-control {
    border: 1px rgb(191, 191, 191) solid;
    color: rgb(127, 127, 127);
    /*-webkit-box-shadow: 0 0 0 30px white inset !important;*/
}
 .has-success .form-control {
    border: 1px rgb(191, 191, 191) solid !important;
}

textarea.form-control {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
textarea {
    width: 100% !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.form-control::placeholder {
    color: rgb(127, 127, 127);
}

.model-commond-look .modal-title {
    border-bottom: 1.3px solid #a7a6a6;
    padding-bottom: 10px;
    text-align: center;
    color: #a7a6a6;
}
.model-commond-look .AddCharityModel .modal-title {
    border-bottom: 1px solid #f1eded;
    text-align: left;
    color: #a7a6a6;
    font-size: 22px;
    font-weight: 400;
}

.model-commond-look .modal-content.AddCharityModel {
    border-radius: 10px;
}
.model-commond-look.fieldBGremover .AddCharityModel .modal-body {
    padding: 10px 15px;
}

.LinkYourPlotModel .inventory-section {
    border-right: none;
    padding-right: 0px;
}

.model-commond-look .form-control {
    height: 40px;

    border: 1px solid #c2cad8;
}

.model-commond-look .CopyUrlOnClick .form-control {
    border-right: none;
    border-radius: 4px 0px 0px 4px;
}

.model-commond-look .CopyUrlOnClick button {
    border: 1px solid #c2cad8;
    border-radius: 0px 4px 4px 0px;
}
.model-commond-look .form-control.BGremove {
    background: none;
}
/* RecurringPaymentModel Start */
.Add-Financing-popup .modal-header {
    padding: 15px 0px;
}
.RecurringPaymentModel.Add-Financing-popup .control-label {
    color: rgb(191, 191, 191);
}
.Add-Financing-popup h3.modelMainTitle {
    margin: 5px 0px 15px 0px;
    padding-left: 30px;
    font-size: 20px;
    border-bottom: 1px solid #f1efef;
    padding-bottom: 15px;
    color: rgb(106 105 105) !important;
}
.RecurringPaymentModel .modal-title {
    color: rgb(191, 191, 191);
    font-weight: 300;
    text-transform: uppercase;
    font-size: 16px;
}
.RecurringPaymentModel .modal-content {
    border-radius: 8px;
}
.RecurringPaymentModel .control-label {
    font-weight: normal;
}
.RecurringPaymentModel span {
    color: rgb(191, 191, 191);
}
.borderSepCustom {
    width: 100%;
    height: 1px;
    display: block;
    background: rgb(234, 231, 231);
    margin: 15px 0px 20px 0px;
}
/* RecurringPaymentModel End */

.everark-popup-form .form-label-field .form-control.BGremove {
    border: 1px rgb(210, 208, 208) solid;
}
.textarea-form-control .form-control {
    min-height: 80px;
}
.model-commond-look  .modal-body .form-label-field label {
    font-weight: 600;
}
.model-commond-look .form-control:focus{
	background-color: #ececec;
}
textarea#szReqMessage:focus {
    background-color: #fff;
}
 .model-commond-look .form-control.BGremove:focus{
	background:none;
}
.model-commond-look.Restrict-DataModel .form-control {
	height: 35px;
	background-color: #fff;
	border: 1px solid #c2cad8;
	overflow: auto;
}
.model-commond-look.removeModelHolder.Restrict-DataModel .form-control:focus{
	background-color: none;
}
.model-commond-look.fieldBGremover .modal-body  {
	padding:30px 15px;
}
.model-commond-look.fieldBGremover .form-control {
    background-color:#fff;
    margin-bottom: 12px;
}

 #table-reorder .form-control.addTotalAmount{
	 text-align:right;
 }


.inputTypeNumbHld input[type=number] {
	-moz-appearance: textfield;
}

.inputTypeNumbHld input{
	-moz-appearance: textfield;
	border: 1px rgb(217,217,217) solid !important;
	color: rgb(113,113,113);
}

#addNewFilterFieldValue .form-field .dateDOBPicker {
	transition: 0.3s;
	background-image: url(../../../../images/caender-icon.png);
	background-size: 19px;
	background-repeat: no-repeat;
	background-position: center left 10px;
	padding-left: 35px;
	cursor: pointer;
    margin-top: 7px;
}

#table-reorder .form-control.addTotalAmount {
    text-align: right;
}

.inputTypeNumbHld input[type="number"] {
    -moz-appearance: textfield;
}

.inputTypeNumbHld input {
    -moz-appearance: textfield;
    border: 1px rgb(217, 217, 217) solid !important;
    color: rgb(113, 113, 113);
}

#addNewFilterFieldValue .form-field .dateDOBPicker {
    transition: 0.3s;
    background-image: url(../../../../images/caender-icon.png);
    background-size: 19px;
    background-repeat: no-repeat;
    background-position: center left 10px;
    padding-left: 35px;
    cursor: pointer;
    margin-top: 7px;
}

.datepicker-dropdown:after,
.datepicker-dropdown:before {
    display: none !important;
}

.model-commond-look.fieldBGremover .form-field-add {
    float: left;
    width: 100%;
}

.model-commond-look.fieldBGremover .modal-body .form-label-field label {
    font-weight: 500;
}
.model-commond-look.fieldBGremover .form-control:focus {
    background-color: #fff;
}

.modal.fade.model-commond-look.fieldBGremover.cross-arrow.in .model-commond-look .modal-header .close {
    font-size: 26px;
    outline: none;
    margin-right: -47px;
}
.modal.fade.model-commond-look.fieldBGremover.cross-arrow.in .modal-header .close{
    margin-top: 4px;
}
.modal-content {
    border-radius: 4px;
}

.model-commond-look.fieldBGremover.CstmizeMdlHolder .modal-content h3 {
    font-size: 20px;
    font-weight: 600;
}
.model-commond-look.fieldBGremover.CstmizeMdlHolder .modal-body {
    padding: 20px 15px;
}
.model-commond-look.fieldBGremover.CstmizeMdlHolder
    .fix-height-scroll
    .everark-popup-form {
    padding-bottom: 40px;
}

.model-commond-look.fieldBGremover.CstmizeMdlHolder label {
    margin-top: 6px;
    font-weight: 600 !important;
}
.model-commond-look.fieldBGremover.CstmizeMdlHolder label.font-light {
    font-weight: 500 !important;
}

#renameField .modal-title {
    border: none !important;
}

/* Delete Model Start Here */
.model-commond-look.removeModelHolder .modal-content {
    border-radius: 10px;
}

.model-commond-look.removeModelHolder .modal-header .close {
    font-size: 36px;
    outline: none;
    font-weight: 400;
    color: rgb(142, 141, 141);
    margin-top: -30px;
    opacity: 1;
}
.model-commond-look.removeModelHolder.Restrict-DataModel .modal-header .close {
    font-size: 30px;
    margin-top: -15px;
}
.model-commond-look.removeModelHolder.Restrict-DataModel select option:checked {
    background: #fff !important;
}
.finishedOption {
    padding-left: 20px;
    list-style: none;
}
.finishedOption li {
    position: relative;
    padding-left: 20px;
    color: rgb(127, 127, 127);
    font-size: 15px;
    margin-bottom: 2px;
}
.finishedOption li em {
    font-style: normal;
    margin-right: 6px;
    position: absolute;
    left: 0;
}
.finishedOption li span .three-dotted {
    margin-left: 8px;
    position: absolute;
    margin-top: -3px;
}
.smallColor {
    color: rgb(127, 127, 127);
}

.model-commond-look.removeModelHolder .modal-header {
    padding-bottom: 0px;
    margin-top: 20px;
    border: none;
}
.model-commond-look.removeModelHolder .modal-footer {
    padding-bottom: 20px;
}

.model-commond-look.removeModelHolder .modal-title {
    border-bottom: none;
    padding-bottom: 10px;
    text-align: center;
    color: rgb(127, 127, 127);
    font-size: 20px;
    font-weight: 400;
}

/* .model-commond-look.removeModelHolder#confirmationModal .modal-title {
    padding-bottom: 0px;
    text-align: left;
    color: rgb(78 77 77);
    font-size: 18px;
    font-weight: 500;
} */

.model-commond-look.commonPdfHolder .modal-title {
    color: rgb(127, 127, 127);
    font-size: 22px;
    font-weight: 400;
    border: none;
}
.model-commond-look.commonPdfHolder.commontitleholder .modal-title {
    color: rgb(89, 89, 89);
    font-size: 24px;
    font-weight: bold;
    border: none;
    text-align: left;
}

.model-commond-look.commonPdfHolder.commontitleholder
    .modal-header
    span.sepraterHolder {
    border-bottom: 1px solid rgb(242, 242, 242);
    padding-bottom: 20px;
    color: #000000;
}

.model-commond-look.commonPdfHolder .modal-header .close {
    font-size: 36px;
    outline: none;
    font-weight: 400;
    color: rgb(142, 141, 141);
    margin-top: -46px;
    opacity: 1;
}

.model-commond-look.commonPdfHolder.commontitleholder .modal-header {
    margin-bottom: 20px;
}
.model-commond-look.commonPdfHolder.commontitleholder .modal-header .close {
    margin-top: -55px;
}

.model-commond-look.removeModelHolder .modal-body p {
    color: rgb(127, 127, 127);
    line-height: 20px;
    padding-top: 5px;
    font-size: 15px;
    text-align: center;
    margin: 0px;
}

.model-commond-look.removeModelHolder.Restrict-DataModel .modal-title {
    text-align: left;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 10px;
}
.model-commond-look.removeModelHolder.Restrict-DataModel .modal-body p {
    text-align: left;
    font-weight: 600;
    margin-bottom: 20px;
}

.model-commond-look.removeModelHolder.Restrict-DataModel
    .select2.select2-container.select2-container--bootstrap {
    width: 100% !important;
}

.select2-container.select2-container--bootstrap.select2-container--open {
    z-index: 999999 !important;
}

.model-commond-look.removeModelHolder .modal-content.AddMail .modal-title {
    font-size: 20px;
    text-align: left;
    padding: 0px 15px 0px 15px;
    color: #444;
    font-weight: 600;
}
.model-commond-look.removeModelHolder
    .modal-content.AddMail.GPS_MappingModel
    ul {
    padding-left: 70px;
}
.model-commond-look.removeModelHolder .modal-content.AddMail.GPS_MappingModel {
    border-radius: 5px;
}
.model-commond-look.removeModelHolder
    .modal-content.AddMail.GPS_MappingModel
    .modal-title {
    font-weight: 700;
    border-bottom: 1px solid rgb(242, 242, 242);
    padding: 0px 0px 15px 0px;
    max-width: 315px;
}
.model-commond-look.removeModelHolder
    .modal-content.AddMail.GPS_MappingModel
    .modal-body {
    color: #444;
}
.model-commond-look.removeModelHolder
    .modal-content.AddMail.GPS_MappingModel
    p {
    margin: 0px 0px 20px 0px;
    color: #444;
    font-size: 14px;
}
.model-commond-look.removeModelHolder .modal-content.AddMail p {
    text-align: left;
    padding: 0px 15px;
    font-size: 13px;
    color: rgb(127, 127, 127);
}

.model-commond-look.removeModelHolder .AddMail .modal-header {
    margin-top: 5px;
}

/* Delete Model End Here */

.fix-height-scroll {
    max-height: 81vh;
    height: 100%;
    overflow-y: auto;
}
.fix-height-scroll70Vh {
    max-height: 70vh !important;
}
.scroll-x-hidden {
    overflow-x: hidden;
}

.fix-height-scroll .everark-popup-form {
    padding-bottom: 60px;
}
.AddMail .fix-height-scroll .everark-popup-form {
    padding-bottom: 70px;
}

.help-block {
    width: 100%;
}
.err-color {
    color: #e73d4a !important;
}
.int-red-color {
    color: #E73D4A !important;
  }
.select-apperence-none {
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(../../../images/select-dropdown-arrow.png);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: right 10px center;
    transition: none;
    cursor: pointer;
    background-color: #fff;
    padding-right: 26px;
}

.select-apperence-none.RotateArrow {
    background-image: url(../../../images/select-dropdown-arrow-up.png);
}
.select-apperence-white {
    background-image: url(../../../images/select-dropdown-arrow-white.png) !important;
}

.open .select-apperence-white {
    background-image: url(../../../images/select-dropdown-arrow-up-white.png) !important;
}
/*  For select2 dynamic data */
ul.select2-selection__rendered {
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(../../../images/select-dropdown-arrow.png);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: right 10px center;
}
.select2-container--open .select2-selection__rendered {
    background-image: url(../../../images/select-dropdown-arrow-up.png) !important;
}

.select2-search.select2-search--inline ::placeholder {
    font-size: 14px !important;
    line-height: 1.42857 !important;
    color: rgb(127, 127, 127) !important;
    font-family: "Open Sans", sans-serif !important;
}

.select2-selection__choice {
    color: rgb(127, 127, 127) !important;
    font-family: "Open Sans", sans-serif !important;
}
.select2-container--bootstrap
    .select2-selection--multiple
    .select2-selection__clear {
    margin-top: 5px;
    margin-right: 35px;
}
/*  End For select2 dynamic data */

small {
    margin: 5px 0 0 0;
    font-size: 90%;
    color: rgb(166, 166, 166);
    display: block;
}

.location-property-detail .control-label {
    font-size: 15px;
    font-weight: 500;
}
.message-div {
    position: fixed;
    right: 0;
    z-index: 99999;
    top: 80px;
    width: 100%;
    padding-left: 235px;
}

.message-div.DefaultInventoryView .alert-info {
    background-color: #4bc869;
    border-color: #4bc869;
    color: #fff;
    border-radius: 0px;
}
.message-div.DefaultInventoryView .alert-info p {
    margin: 0px;
}
.message-div.DefaultInventoryView .alert-info p i {
    font-size: 16px;
    position: relative;
    top: 1;
}
.message-div.DefaultInventoryView .alert-info button {
    opacity: 1;
    color: #fff;
    text-shadow: none;
}

.linkPlotErrorCls .message-div {
    top: 0px;
    padding-left: 0px;
}

.PlotOwnerError .message-div {
    position: static;
    right: 0;
    z-index: 99;
    top: 0;
    width: 100%;
    padding-left: 0;
}
.label-desc.info-tooltip.OwnershipTooltip {
    align-self: flex-start;
    display: inline-grid;
    text-align: left;
}
.PlotOwnerError .message-div .alert {
    margin: 70px 0px 10px 0px;
}
.PlotOwnerError.customErrorCls .message-div .alert {
    margin-top: 10px;
    margin-bottom: 0px;
}

.PlotOwnerError.customErrorCls .close {
    margin-top: -3px;
    right: -15px;
    font-size: 26px;
    outline: none;
}

.mt-35 {
    margin-top: 35px;
}
.fornt-end-message-margin {
    position: relative;
    z-index: 9;
    top: 66px;
}

.form-text-italic {
    font-style: italic;
    color: rgb(191, 191, 191);
    font-weight: bold;
}
.ml-45 {
    margin-left: 45px !important;
}
.mt-50 {
    margin-top: 50px !important;
}
a.disabled {
    pointer-events: none;
    cursor: default;
}

.grey-inactive-link {
    color: rgb(191, 191, 191);
    font-size: 12px;
    margin: 0;
    font-weight: 400;
    padding-left: 10px;
}
.Click-for-contract .grey-inactive-link {
    padding-left: 0px;
}
.Click-for-invoice .grey-inactive-link {
    padding-left: 0px;
}

.grey-inactive-link:hover,
.grey-inactive-link:focus {
    color: rgb(191, 191, 191);
    cursor: no-drop;
}
.everark-text-bold {
    font-weight: bold;
}
.active-month {
    border-right: 3px rgb(68, 84, 106) solid !important;
}
.overview-table table {
    text-align: center;
    background: rgb(242, 242, 242);
    margin-bottom: 0;
}
.overview-table .table,
.overview-table .table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
    border: 1px solid #ffffff;
}

.overview-table .table-bordered > tbody > tr.TopTable > td {
    border: 1px solid #e7ecf1 !important;
}

.customer-data-table > tbody > tr.TopTable > td.active-month {
    border-right: 3px solid #4bc869 !important;
}

.overview-table .table-bordered > tbody > tr.TopTable.AmountInvoiced > td {
    border-bottom: none !important;
}
.overview-table .table-bordered > tbody > tr.TopTable.TotalInvoicedRow > td {
    border-top: 1px solid #696868 !important;
    font-weight: 600;
}

.overview-table .table-bordered > tbody > tr.TotalInvoicedRowBorder > td {
    border-top: 1.5px solid #696868 !important;
}
.border-bottom-grey {
    border-bottom: 1px solid #e7ecf1 !important;
}

.overview-table .table-bordered > tbody > tr.TopTable > td.border-bottom-none {
    border-bottom: none !important;
}

.overview-table .table-bordered > tbody > tr > td.leftDataTd {
    font-size: 13px;
    font-weight: 600;
}

.overview-table table tr {
    color: rgb(127, 127, 127);
}
.overview-table table tr:nth-child(1) td {
    border-top: 1px rgb(227, 227, 227) solid;
}
.overview-table table tr.skyblue-color td {
    color: rgb(33, 197, 255);
}
.overview-table table tr.small-font td {
    font-size: 93%;
    font-weight: 600;
}
.overview-table table tr.small-font td:nth-child(1) {
    text-align: right;
}
.overview-table table tr td:nth-child(1) {
    min-width: 90px;
    text-align: left;
    background: white;
    border: 0;
}
.autoWidthHolder td:nth-child(1) {
    min-width: auto !important;
}
.overview-table table tr:nth-child(1) {
    background: white;
}
.nav-tab-center {
    display: flex;
    justify-content: Center;
}
.low-opacity {
    opacity: 0.6;
}
.overview-table table tr.low-opacity-inventery {
    color: rgba(127, 127, 127, 0.6);
}
.year-class .low-opacity {
    opacity: 1;
    color: rgba(127, 127, 127, 0.6);
}
.low-opacity-inventery-td {
    color: rgba(127, 127, 127, 0.6);
}
.lable-pending {
    background: rgb(33, 197, 255);
    display: block;
    max-width: 65px;
    padding: 6px 0px;
}
.lable-sold {
    background: #00b0f0;
    display: block;
    max-width: 65px;
    padding: 6px 0px;
}
.lable-partial {
    /* Value changed by 27 from #66ff66 to #FFD966 */
    background: #FFD966; 
    display: block;
    max-width: 65px;
    padding: 6px 0px;
}

.lable-late {
    background: #f1422d;
    display: block;
    max-width: 65px;
    padding: 6px 0px;
}

.lable-recurring {
    background: #21c5ff;
    display: block;
    max-width: 65px;
    padding: 6px 0px;
}

.lable-completed {
    background: #4bc869;
    display: block;
    max-width: 65px;
    padding: 6px 0px;
}
.lable-hold {
    background: rgb(127, 127, 127);
    display: block;
    max-width: 65px;
    padding: 6px 0px;
}
.lable-grey {
    background: rgb(127, 127, 127);
    display: block;
    max-width: 65px;
    padding: 6px 0px;
}
.lable-draft {
    background: rgb(209, 209, 209);
    display: block;
    max-width: 65px;
    padding: 6px 0px;
}

.lable-declined {
    background: #ff0000;
    display: block;
    max-width: 65px;
    padding: 6px 0px;
}

.lable-send {
    background-color: #00b0f0 !important;
    display: block;
    max-width: 65px;
    padding: 6px 0px;
}
.lable-Rejected {
    background-color: rgb(255, 0, 0) !important;
    display: block;
    max-width: 65px;
    padding: 6px 0px;
}

.lable-available {
    background: rgb(75, 200, 105);
    display: block;
    max-width: 65px;
    font-weight: 600;
    padding: 6px 0px;
}

.statusBGHolder .label {
    display: block;
    max-width: 65px;
    font-weight: 600;
    padding: 6px 0px;
}

.maintenace_rows_item .statusBGHolder .label {
    max-width: inherit;
    padding: 6px 10px;
}
.lable-Complete-color {
    background: #0091c4;
}

.lable-Closed-color {
    background: #d9d9d9;
}

.lable-Declined-color {
    background: #ff0000;
}

.lable-Cancel-color {
    background: #ccc;
}

.lable-Open-color {
    background: #21c5ff;
}

.lable-ONhold-color {
    background: #a6a6a6;
}

.lable-Rejected-color {
    background: #ffc000;
}
.lable-Progress-color {
    background: #4bc869;
}

.lable-Pending-color {
    background: #a6a6a6;
}

.lable-quote {
    background: #a6a6a6;
}

.labelColorWdth {
    padding: 6px 5px;
    max-width: 80px;
    display: block;
}
.font-activity {
    background: #ffba00;
}
.font-workorder {
    background: #7f7f7f;
}
.font-notes {
    background: #4bc869;
}
.font-meeting {
    background: #0091c4;
}
.font-task {
    background: #21c5ff;
}

.year-btn a.disabled {
    cursor: not-allowed;
}
.lable-unavailable {
    background-color: #d9d9d9 !important;
    display: block;
    max-width: 65px;
    font-weight: 600;
    padding: 6px 0px !important;
}
.plot-orders-views-blur {
    filter: blur(1.5px);
}
.non-click {
    position: absolute;
    width: 100%;
    height: auto;
    background: transparent;
    left: 0;
    top: 107px;
    z-index: 1;
    cursor: no-drop;
}
.blur-message {
    position: absolute;
    text-align: center;
    left: 50%;
    top: 50%;
    width: 50%;
    margin: auto;
    z-index: 9;
    background: white;
    min-width: 330px;
    padding: 15px;
    box-shadow: 0 0 5px;
    transform: translate(-50%, -50%);
}

.everark-green-status-btn {
    font-size: 14px;
    min-width: 75px;
    text-align: center;
    border-radius: 4px;
    background-color: #4bc869;
    border: 1px #4bc869 solid;
    color: white;
    display: inline-block;
    border-radius: 4px !important;
}
.everark-darkgrey-status-btn {
    font-size: 14px;
    min-width: 75px;
    text-align: center;
    border-radius: 4px;
    background-color: rgb(191, 191, 191);
    border: 1px rgb(191, 191, 191) solid;
    color: white;
    display: inline-block;
    border-radius: 4px !important;
}

.everark-blue-status-btn {
    font-size: 14px;
    min-width: 75px;
    text-align: center;
    border-radius: 4px;
    background-color: rgb(3, 148, 252);
    border: 1px rgb(3, 148, 252) solid;
    color: white;
    display: inline-block;
    border-radius: 4px !important;
}

.dummy-img img {
    width: 100%;
}

.progressHolder {
    overflow: inherit;
}
.progressHolder {
    overflow: inherit;
}

.progressHolder .progresstextBtm {
    position: relative;
    text-align: left;
}

.progressHolder .progresstextBtm.text-right {
    text-align: right;
}
.progresstextBtm span {
    position: absolute;
    top: 24px;
    color: rgb(127, 127, 127);
}

.progressHolderDash {
    margin-top: 20px !important;
    margin-bottom: 30px !important;
    position: relative;
}

.progressHolderDash .progresstextBtm span {
    right: -11px;
    top: 20px;
    min-width: 36px;
}

.progressHolderDash .progresstextBtm span.left_0 {
    left: 0;
}
.progressHolderDash .progresstextBtm span.top_24 {
    top: -20px;
}
.progressHolderDash.HolderDashNumberHold .progresstextBtm span.top_24 {
    top: inherit;
    bottom: 0;
}

.progressHolderDash.HolderDashNumberHold
    .pendingZero
    .progresstextBtm
    span.top_24 {
    min-width: 70px;
    text-align: right;
    right: -56px;
}

.maintenances_progress span.everak-progress-tol-tip.top_24 {
    top: -20px;
}

.progressHolderDash .progress_dateleft {
    position: absolute;
    left: -100px;
    top: 3px;
    font-size: 11px;
}

.progresstextBtm span.everak-progress-tol-tip-number {
    right: -104px;
    top: 1px;
    width: 100px;
    text-align: left;
    word-break: break-all;
}
.progresstextBtm span.everak-progress-tol-tip-number.tooltipalignCls {
    display: flex;
    flex-direction: row;
    right: -115px;
    width: 110px;
}
.procesbar-text {
    font-size: 11px !important;
}
.progressHolderDash
    .progresstextBtm
    span.everak-progress-tol-tip-number.tooltipalignCls
    span {
    right: -12px;
}
.top-25 {
    display: flex;
}

/*CSS for Croper Changes as Per Trello Comment*/

.cropper-dashed.dashed-v,
.cropper-dashed.dashed-h {
    border: none !important;
}

.padding-rght-zero {
    padding-right: 0px !important;
}

.user-submenu-list li a:focus,
.user-submenu-list li a:hover {
    color: #4bc869 !important;
}
.list-unstyled.map-all-views.submenu-list.user-submenu-list li a:hover {
    color: rgb(127, 127, 127) !important;
}
.userRolesTab .nav-link .userTabCount {
    display: none !important;
}

.userRolesTab .active .userTabCount {
    display: block !important;
}
.hide-mouse-pointer:hover {
    cursor: default !important;
}
.show-mouse-pointer:hover {
    cursor: pointer !important;
}
.rotate {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.invalid-middle {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin-top: 100px;
}

.select-apperence-vertical-dot {
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(../../../images/three-dotted.png);
    background-repeat: no-repeat;
    background-size: 5px;
    background-position: right 10px top;
    cursor: pointer;
}

.pointerIcon {
    cursor: pointer;
}

a[href^="http://maps.google.com/maps"]
{
    display: none !important;
}
a[href^="https://maps.google.com/maps"]
{
    display: none !important;
}

.gmnoprint a,
.gmnoprint span,
.gm-style-cc {
    /*    display:none;*/
}
.gmnoprint div {
    /*    background:none !important;*/
}

.model-commond-look .modalHeaderRemoveBorder {
    border-bottom: none;
    padding-bottom: 10px;
    text-align: left;
    color: #a7a6a6;
}
   /*.select2-search__field {
    min-width: 237px !important;
}*/
.note-modal p {
    text-align: left !important;
}
body {
    color: rgb(127, 127, 127) !important;
}
.month.active {
    background: #4bc869 !important;
    color: #ffffff !important;
}
.year.active {
    background: #4bc869 !important;
    color: #ffffff !important;
}
/* Change the white to any color ;) */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.ck.ck-list__item .ck-button.ck-on {
    background: #4bc869 !important;
    color: #ffffff !important;
}
.ck.ck-list__item .ck-button:hover:not(.ck-disabled) {
    background: rgb(243, 251, 245) !important;
    color: rgb(127, 127, 127) !important;
}
.disabledEditorhldr .ck.ck-reset.ck-editor.ck-rounded-corners {
    cursor: not-allowed;
}

.disabledEditorhldr .ck.ck-editor__main {
    pointer-events: none;
}
.disabledEditorhldr .ck-editor__editable_inline p {
    pointer-events: none;
}

.bs-searchbox {
    background: #eeeeee;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    z-index: 2;
    color: rgb(127, 127, 127);
    background-color: #eee;
    border-color: #eee;
    cursor: default;
}
.pagination > li > a,
.pagination > li > a,
.pagination > li > span,
.pagination > li > span {
    z-index: 3;
    color: rgb(127, 127, 127);
    background-color: #fff;
    border-color: #ddd;
}
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
    color: rgb(127, 127, 127);
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    z-index: 3;
    color: rgb(127, 127, 127);
    background-color: #fff;
    border-color: #ddd;
}

/*
.btn.disabled, .btn[disabled], fieldset[disabled] .btn{
    background: rgb(166,166,166) !important;
    border: rgb(166,166,166) !important;
    color: #fff !important;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn a{
    background: transparent !important;
    border: none !important;
    color: rgb(129,129,129) !important;
}*/
.disabled-checkmark {
    cursor: not-allowed !important;
    background: rgb(166, 166, 166) !important;
    border: rgb(166, 166, 166) !important;
}
.add-invoice-form-holder
    .CustomSelectPicker
    .bootstrap-select
    .disabled
    .filter-option-inner {
    cursor: not-allowed !important;
}
.CustomSelectPicker .disabled {
    cursor: not-allowed !important;
}
.hideBtnColor .btn {
    background: transparent !important;
    color: rgb(129, 129, 129) !important;
    margin: 0 !important;
    padding: 5px 12px !important;
}

.hideBtnColor .btn.themeDefoultColor {
    color: #4bc869 !important;
    padding: 7px 0px 0px 0px !important;
}

.hideBtnColor .btn.themeDefoultColor.pl-0 {
    padding-left: 0px !important;
    padding-right: 7px !important;
}

.greySpan {
    color: rgb(129, 129, 129) !important;
}

.login .content .form-control {
    color: #9d9d9d;
}
.pt-25 {
    padding-top: 25px !important;
}

@-moz-document url-prefix() {
    .login .content .form-control {
        color: #0000005e !important;
    }

     .has-success .form-control {
        border: 1px #0000002e solid !important;
    }
    .customTooltip .control-label::before {
        margin-top: 0px !important;
    }
}
.lowercase {
    text-transform: lowercase;
}
.preHOlder {
    white-space: pre-wrap;
}

.everark-chk-readonly {
    cursor: not-allowed;
    }
    .inactiveCls a{
        pointer-events: none;
    color: rgb(191,191,191)!important;
    }

   .approvedLabel{
		margin-top: 5px;
		color: #4bc869;
    }
   .flex-property{
        display:flex;
    }
   .fixheight{
        height: 398px;
    }
    .info-data span.LargeToolTip{
        width: 330px!important;
      }
      .modal-body .everark-model-body{
        padding-left: 0px;
      }
      .InvoiceOption{
          font-weight: 600;
      }

    form#cemeteryloginForm span.glyphicon.glyphicon-eye-close.field-icon {
        position: absolute;
        right: 10px !important;
        left: auto !important;
        margin-top: 15px !important;
        top: auto !important;
        color: #e6e1e1;
    }
    .form-group{
        position: relative;
    }
    .login-section-pull-none span.help-block.err-color.pull-left {
        float: none !important;
    }
    .login-section-pull-none span.help-block.err.pull-left {
        float: none !important;
    }
    .info-data.w-tooltip span {
        width: 307px;
    }


    /*ashish new help-section  css changes*/




    .top-success-drop.help-section-dropdown ul::before {
        position: absolute;
        width: 100%;
        height: 1px;
        background: rgb(242, 242, 242);
        content: "";
        top: 50%;
    }
    .top-success-drop.help-section-dropdown.largeWidth ul {
        width: 71%;
    }
    @media only screen and (min-width: 2101.8px){
        .model-commond-look.removeModelHolder.evr-note-width .modal-dialog{
            width: 900px !important;
        }
        .customeEditorHolder .ck.ck-editor__main>.ck-editor__editable{
            max-height: 401px !important;
            height: 401px !important;
        }
    }

    @media only screen and (min-width: 3241.24px){
        .model-commond-look.removeModelHolder.evr-note-width .modal-dialog{
            width: 1000px !important;

        }
        .customeEditorHolder .ck.ck-editor__main>.ck-editor__editable{
            max-height: 401px !important;
            height: 401px !important;
        }
    }
.everark-checkbox-container.new-check-box .checkmark {
    position: absolute;
    top: 7px;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 1px rgb(191, 191, 191) solid;
    border-radius: 4px;
    right: 115px;
    left: auto;
}
.everark-checkbox-container.new-check-box.ryt-box-new .checkmark {
    right: 95px !important;
}
.margin-no input {
    margin: 0px;
}
#garden-progress-bar .progressHolderDash {
    margin-top: 55px !important;
}
.custom-data-foure-look .text-center {
    padding-left: 18px;
    text-align: left;
}

.txt-decoration-none{
    text-decoration: none !important;
}
/*.width-lagre-checkbox .text-center {
    padding-left: 8px;
}*/