body, html {font-family: 'Roboto', sans-serif;background-color: #e8e8e8 !important;}
.dl-horizontal dt {white-space: normal;}
.login_box {background-color: #aebe77;padding: 0px;}
.logo_box {border-radius: 100%;width: 140px;background-color: rgba(255,255,255,0.8);margin: 0 AUTO;margin-top: -70px;border: 2px solid #fff;}
.logo_border {padding: 15px;border: 2px solid #4b67c1;border-radius: 100%;}
.login_form{background:#fff !important;border-left:1px solid #9B9B9B;}
.logincard {border-radius: 10px !important;overflow:hidden;background:#fff !important}
.btn-sm {padding: 0.25rem 1.5rem !important;}
.boxshadow_class {box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);}
.headerlogin {background-color: #008364;color: white;font-weight: 600;}
.dropdown-content.select-dropdown {max-height: 150px !important;top: 40px !important;padding: 0 !important;}
.dropdown-primary .dropdown-content li span:hover {background-color: #aebe77 !important;}
.btnLogin {transition: all .5s ease !important;width: 25% !important;padding: 10px 5px !important;border-radius: 30px !important;color: white !important;font-size: 14px !important;font-weight: 600 !important;background-color: #008364 !important;border: 1px solid #008364 !important;}
.btnLogin:hover, .btnLogin:focus {background-color: #008364 !important;color: #fff !important;}
.custom-control-input:checked ~ .custom-control-label::before {color: #fff;border-color: #008364 !important;background-color: #008364 !important;}
.forgotpassword {color: black;font-weight: 600;font-size: 1.1rem;}
.membershiptext {color: #008364;font-weight: 600;font-weight: bold;font-size:20px !important;margin-top:60px !important}
.forgotpassword:hover {color: black !important;text-decoration-line: none !important}
.md-form .prefix.active {color: #008364 !important;}
input[type=text]:focus:not([readonly]) {border-bottom: 1px solid #008364 !important;box-shadow: 0 1px 0 0 #008364 !important;}
input[type=password]:focus:not([readonly]) + label {color: #000000 !important;}
.md-form label {color: black !important;font-weight:400 !important}
input[type=password]:focus:not([readonly]) {border-bottom: 1px solid #008364 !important;box-shadow: 0 1px 0 0 #008364 !important;}
input[type=password]:focus:not([readonly]) + label {color: #000000 !important;}
input[type=password]:focus:not([readonly]) {border-bottom: 1px solid #008364 !important;box-shadow: 0 1px 0 0 #008364 !important;}
.img-fluid {max-width: 66% !important;height: auto;}
input[type=number]:focus:not([readonly]) + label {color: #000000 !important;}
input[type=number]:focus:not([readonly]) {border-bottom: 1px solid #008364 !important;box-shadow: 0 1px 0 0 #008364 !important;}
.btn {box-shadow: 0 0px 0px 0 rgba(0,0,0,0), 0 0px 0px 0 rgba(0,0,0,0);}
.custombtn{margin:10px 0 0 15px !important }
.company__info {background: #fff !important;}
.filebtn.btn-primary {background-color: #aebe77 !important;}
.register {color: #093ce1;font-weight: 600;font-size: 1.1rem !important;}
.register:hover {color: #093ce1 !important;text-decoration-line: none !important}
.filebtn.btn-primary:not([disabled]):not(.disabled):active, .show > .btn-primary.dropdown-toggle {background-color: #aebe77 !important;}
.modal-header, .modal-footer{padding: 10px 15px !important;background: #EEEEEE !important;}
.modal-footer {-webkit-box-shadow: 0px -2px 4px rgba(50, 50, 50, 0.27);-moz-box-shadow: 0px -2px 4px rgba(50, 50, 50, 0.27);box-shadow: 0px -2px 4px rgba(50, 50, 50, 0.27);}
.cardtextmodal p {font-size: 16px !important;font-weight: 400 !important;}
.modal-header h4 {font-size: 18px !important;font-weight: 600 !important;}
.md-form input[type=date], .md-form input[type=datetime-local], .md-form input[type=email], .md-form input[type=number], .md-form input[type=password], .md-form input[type=search-md], .md-form input[type=search], .md-form input[type=tel], .md-form input[type=text], .md-form input[type=time], .md-form input[type=url], .md-form textarea.md-textarea {border-bottom: 1px solid #707070 !important;}
.md-form .validate{margin-bottom:0 !important}
.md-form .form-control {padding: 0.3rem 0 0.3rem !important}
.dropdown-content li.active, .dropdown-content li:hover {background-color: #008364 !important;}
.Layout_content_section {background-color: #e8e8e8;padding-right: 0;height: 100vh;padding-bottom: 0px;}
.dropdown-content li.active > span{color:#fff !important}.dropdown-content li.active > span, .dropdown-content li:hover > span {color: #ffffff !important;}
.profile_menu {position: relative;width: 100%;bottom: 0px;margin-top: 0 !important;background: #E6E6E6 !important;}
.martop:first-child {margin-top: 0 !important}
.martop{margin-top:1rem !important}
.borderradiusxtop6 {border-top-left-radius: 6px !important;border-top-right-radius: 6px !important;}
.jconfirm-content{margin-bottom:0 !important}
.jconfirm-content {margin-bottom: 0 !important}
.jconfirm-buttons .btn.btn-default {color: #fff !important;background: #008265 !important}
.jconfirm-content-pane{margin-bottom:0 !important}
.modalbottomborder {border-bottom: 1px solid #707070 !important}
.jconfirm-title{font-weight:400 !important}
.borderradius6 {border-radius: 6px !important}
.side-nav .profile_menu a .sidebardivblock {background: #E6E6E6 !important}
.side-nav .profile_menu a .sidebardivblock {background: #E6E6E6 !important}
.side-nav {padding: 0 !important;background: #fff !important;height: 100% !important;min-height: 100% !important;max-height: 100% !important}
.profile_menu .residenavli:hover .hovertext {color: #ffffff !important;background: #008265 !important;}
.darkbgredcolor {background-color: #FF2D2D !important}
.md-form label {transform: translateY(-140%) !important;font-size: 14px !important;}
.md-form label.active {transform: translateY(-140%) !important;font-size: 14px !important;}
.md-form .prefix {font-size:20px !important}
.darkbgbluecolor {background-color: #2580EB !important}
.subjectheader {border: 1px solid #ccc;padding: 15px;font-weight: 500 !important;border-radius: 7px;}
.subjectbody {border: 1px solid #ccc;padding: 15px;font-weight: 400 !important;border-radius: 7px;}
.fontw400 {font-weight: 400 !important}
.fontw500 {font-weight: 500 !important}
.fontw600 {font-weight: 600 !important}
.dropdown-primary .select-dropdown.dropdown-content li:hover > a, .dropdown-primary .select-dropdown.dropdown-content li:hover > span {background-color: #008265 !important;color:#fff !important}
.dropdown-primary .select-dropdown.dropdown-content li > a, .dropdown-primary .select-dropdown.dropdown-content li > span {color: #000 !important}
.dropdown-content li.active span {-webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15) !important;box-shadow: none !important;background: #fff !important;color: #000 !important;}
.dropdown-content {padding: 0 !important}
.dropdown-primary .select-dropdown.dropdown-content li span:hover {background-color: #008265 !important;}
.darkbggreencolor {background-color: #008265 !important}
.img_block_responsive {height: 60px;width: 60px;border-radius: 50%;border: 1px solid #e6e6e6;margin: 0;overflow: hidden;display: inline-block;}
.userimg_block_responsive {height: 100px;width: 100px;border-radius: 50%;border: 1px solid #e6e6e6;margin: 0;overflow: hidden;display: inline-block;}
.img_responsive {width: 100%;height: 100%;object-fit: cover;object-position: top;}
.darkbgyellowcolor {background-color: #FF9100 !important}
.darklogocolor {background: #aebe77 !important}
.darkblack{color:#000000 !important}
.darkblackbg {background: #000000 !important}
.darkredcolor {color: #FF2D2D !important}
.iconfont {padding: 5px !important;border-radius: 50%;color: #fff !important;font-size: 14px;text-align: center;width: 30px !important;height: 30px !important;display: inline-block;}
.whitecolor {color: #fff !important}
.whitebgcolor {background: #fff !important}
.ns-close{display:none !important}
.ns-box {font-size: 14px !important;font-weight: 400 !important;}
.ns-close{display:none !important}
.ns-effect-jelly {background: #2580eb !important;}
.ns-effect-slidetop {box-shadow: inset 4.5em 0 rgb(37, 128, 235) !important;}
.ns-box {background: rgb(37, 128, 235) !important;}
.bluecolor {color: #2680EB !important}
.layoutheading {background: #aebe77 !important;color: #fff !important;text-align: center !important;font-size: 24px !important;padding: 15px 0 15px !important;font-weight: 400 !important;-webkit-box-shadow: 0 8px 6px -6px #00000029;-moz-box-shadow: 0 8px 6px -6px #00000029;box-shadow: 0 8px 6px -6px #00000029;}
.border-bottomlayout {border-bottom: 1px solid #B1B1B1 !important;}
.backgroundbottom {background: #E6E6E6 !important }
.residenavli{padding:7px 10px !important}
.customfilterdropdown {background: #e6e6e6 !important;border-radius:8px !important}
input[type=text]:focus:not([readonly]).customfilterdropdown{border-bottom:none !important;box-shadow:none !important;outline:0 !important}
.customfilterdropdown:focus {border-color: #e6e6e6 !important}
.md-form.customfilterdropdown .select-dropdown {border-bottom: none !important;border-bottom: 1px solid #ced4da !important;}
input.select-dropdown {padding: 10px !important;}
.customfilterdropdown .caret{padding-right:10px !important}
.side-nav a {display: block !important;font-size: 1rem !important;font-size: 1rem !important;height: auto !important;line-height: 30px !important;padding: 0 !important;}
.menu_icon {height: 20px !important;width: 20px !important}
.sidebardivblock {padding: 5px 10px !important;background:#fff !important;border-radius:6px !important}
.hovertext {color: #000000 !important}
.residenavli:hover .hovertext {color: #ffffff !important;background: #008265 !important;}
.residenavli.active .hovertext {color: #ffffff !important;background: #008265 !important;}
.serach-textbox {padding: 5px 5px 5px 32px !important;color: #000000;transition:none !important;font-size: 16px !important;border: none;font-weight: 500;background-image: url(../../Content/img/search.svg) !important;background-repeat: no-repeat !important;-webkit-background-size: 17px 19px !important;-moz-background-size: 17px 19px !important;-o-background-size: 17px 19px !important;background-size: 17px 19px !important;background-position: 8px 8px !important;height: 36px !important;background-color: #E2E2E2;border: 1px solid #E2E2E2 !important;outline-offset: 0px !important;box-shadow: none;border-radius:6px !important;}
.serach-textbox:focus {padding: 5px 5px 5px 32px !important;color: #000000;transition:none !important;font-size: 16px !important;border: none;font-weight: 500;background-image: url(../../Content/img/search.svg) !important;background-repeat: no-repeat !important;-webkit-background-size: 17px 19px !important;-moz-background-size: 17px 19px !important;-o-background-size: 17px 19px !important;background-size: 17px 19px !important;background-position: 8px 8px !important;height: 36px !important;background-color: #E2E2E2;border: 1px solid #E2E2E2 !important;outline-offset: 0px !important;box-shadow: none;border-radius: 6px !important;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #000000 !important;font-size:16px !important;font-weight:400 !important;line-height:1}
::-moz-placeholder { /* Firefox 19+ */color: #000000 !important;font-size: 16px !important;font-weight: 400 !important;line-height:1}
:-ms-input-placeholder { /* IE 10+ */color: #000000 !important;font-size: 16px !important;font-weight: 400 !important;line-height:1}
:-moz-placeholder { /* Firefox 18- */color: #000000 !important;font-size: 16px !important;font-weight: 400 !important;line-height:1}
input[type=text].serach-textbox:focus:not([readonly]) {border-bottom: 1px solid #e2e2e2 !important;box-shadow: none !important;}
.datepickertext {padding: 5px 32px 5px 10px !important;color: #000000;font-size: 16px !important;border: none;font-weight: 500;background: #E5E5E5 url(../../Content/img/calendar.svg) 96.5% !important;background-repeat: no-repeat !important;-webkit-background-size: 17px 19px !important;-moz-background-size: 17px 19px !important;-o-background-size: 17px 19px !important;background-size: 17px 19px !important;height: 36px !important;border: 1px solid #E2E2E2 !important;outline-offset: 0px !important;box-shadow: none;border-radius: 6px !important;transition: none !important}
.datepickertext:focus {padding: 5px 32px 5px 10px !important;color: #000000;font-size: 16px !important;border: none;font-weight: 500;background: #E5E5E5 url(../../Content/img/calendar.svg) 96.5% !important;background-repeat: no-repeat !important;-webkit-background-size: 17px 19px !important;-moz-background-size: 17px 19px !important;-o-background-size: 17px 19px !important;background-size: 17px 19px !important;height: 36px !important;border: 1px solid #E2E2E2 !important;outline-offset: 0px !important;box-shadow: none;border-radius: 6px !important;transition: none !important}
.membershipdatepickertext {padding: 5px 32px 5px 15px !important; border: none;font-weight: 500;background: #ffffff url(../../Content/img/calendar.svg) 96.5% !important;background-repeat: no-repeat !important;-webkit-background-size: 17px 19px !important;-moz-background-size: 17px 19px !important;-o-background-size: 17px 19px !important;background-size: 17px 19px !important;  outline-offset: 0px !important;}
.membershipdatepickertext:focus {border: none;font-weight: 500;background: #ffffff url(../../Content/img/calendar.svg) 96.5% !important;background-repeat: no-repeat !important;-webkit-background-size: 17px 19px !important;-moz-background-size: 17px 19px !important;-o-background-size: 17px 19px !important;background-size: 17px 19px !important;     outline-offset: 0px !important;}
.greenfontcolor {color: #008265 !important}
.cardadminbtn {padding:3px 40px !important;border-radius: 25px !important;color: #fff !important;}
.cardadminblackbtn {padding: 5px 15px !important;border-radius: 25px !important;color: #fff !important;}
.responiconfa{height:16px !important;width:16px !important}
.file-upload {display: none;}
body.modal-open {overflow: hidden !important;}
.modalfooterbtn {padding: 6px 45px !important;border-radius: 25px !important;color: #fff !important;border:none !important}
.fontlarge{font-size:24px !important}
.md-tabs .nav-item.open .nav-link, .md-tabs .nav-link.active {background-color: rgb(0, 130, 101) !important;}
.greencolordownload {font-size: 14px !important;color: #009021 !important;}
.customizetextinput {border: 1px solid #ccc !important;padding: 15px !important;border-radius: 6px !important;display: block;font-size: 16px !important;outline: 0 !important}
.heightcal276{height:calc(100vh - 276px);}
.form-control:focus {box-shadow: none !important}
input[type=text].customizetextinput:focus:not([readonly]) {border-bottom: 1px solid #ccc !important;box-shadow: none !important}
/*editor css start*/
.line-control-status-bar {display: none !important}
.Editor-container .btn-default {background-color: #ffffff !important;color: #fff;box-shadow: none !important;color: #000000 !important;padding: 10px;font-size: 17px;margin: 0 !important;display:inline !important}
.Editor-container .line-control-menu-bar {background: #fff !important;padding: 0 !important;border: 1px solid #ccc !important;border-bottom: 0 !important;}
.Editor-container .btn-default:not([disabled]):not(.disabled):active {background:#fff !important}
.Editor-editor {border: 1px solid #ccc !important;}
.Editor-editor:focus {outline: 0 !important;}
.Editor-editor{padding:15px !important}
.minheight300 {min-height: 300px !important}
.datatablebtn {background: #2580EB !important;padding: 6px 15px;border-radius: 50px  !important;font-size: 14px !important;color: #fff !important;}
.margiptopmodal{margin-top:66px !important}
.yearpicker-items:hover {background-color: #fff !important;color: #008265 !important;color: var(--selected-text-color);cursor: pointer;}
.yearpicker-items.selected {color: #008265;font-weight: 500;}
.yearpicker-items {list-style: none;padding: 1rem 0.5rem;flex: 0 0 33.3%;width: 100%;font-weight: 500;}
.yearpicker-current{font-weight:500 !important}
.datetimepicker table tr td span:hover{background:#fff !important}
.datetimepicker table tr td span {font-weight: 500 !important;color: #000}
.datetimepicker table tr td span.active.active {background-color: #fff !important;background-image: none !important;color: #008265;font-weight: 600;}
.adminbtn {background: #008265 !important;border-radius: 6px !important;font-weight: 500;padding: 10px 20px !important;margin: 0 !important;}
.adminbtn:hover {color:#fff !important}
.paymentcard{padding:50px 0 !important}
.cursorpointer{cursor:pointer !important}
a{cursor:pointer !important}
.show-read-more {text-overflow: ellipsis;overflow: hidden;width: 80%;display: inline-block;vertical-align: middle;white-space: nowrap;}
.datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active:hover:hover, .datetimepicker table tr td span.active.disabled:hover, .datetimepicker table tr td span.active.disabled:hover:hover, .datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled:hover.active, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active:hover.disabled, .datetimepicker table tr td span.active.disabled.disabled, .datetimepicker table tr td span.active.disabled:hover.disabled, .datetimepicker table tr td span.active[disabled], .datetimepicker table tr td span.active:hover[disabled], .datetimepicker table tr td span.active.disabled[disabled], .datetimepicker table tr td span.active.disabled:hover[disabled] {color: #008265 !important}
/*editor css end*/
.select-wrapper input.select-dropdown {line-height: 1.3 !important;}
.select-wrapper input.select-dropdown{height:36px !important}
.search-wrap .md-form{margin-bottom:5px !important}
.search-wrap{padding-top:5px !important}
.alert-danger {color: #77373d !important;background-color: #fae1e4;border-color: #f7d5d9;background-color: #fae1e4;border-color: #f7d5d9;padding: 15px;border-radius: 6px;font-size:14px !important}
.resiconarrow {font-size: 18px !important;color: #008265 !important;margin-left: 10px !important;}
@media(min-width:1000px) and (max-width:1200px) {
    .iconfont {
        height: 29px !important;
        width: 29px !important
    }
}
    .spinnerparent{position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.6);
    z-index: 9;
    display: flex;
    left: 0;
    align-items: center;}
    .sk-chase {
  width: 40px;
  height: 40px;
  position: relative;
  animation: sk-chase 2.5s infinite linear both;
  margin: 0 auto;
}

.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; 
  animation: sk-chase-dot 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:before {
  content: '';
  display: block;
  width: 25%;
  height: 25%;
  background-color: #fff;
  border-radius: 100%;
  animation: sk-chase-dot-before 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }

@keyframes sk-chase {
  100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot {
  80%, 100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4); 
  } 100%, 0% {
    transform: scale(1.0); 
  } 
}
.btn-back-Container {
    position: absolute;
    right: 10px;
    top: 10px;
    height: 30px;
    width: 30px;
    background-color: #121e33;
    text-align: center;
    border-radius: 50%;
    color: #ffffff;
    padding: 4px 6px;
}
.pheadertext{font-size:25px}
/*responsive css */
@media (min-width: 1920px) {
    .body-content {height: 100vh;display: flex;align-items: center;}
.loginregister {margin-left: 10rem !important;margin-right: 10rem !important}
.cardheightformembership {min-height: 580px !important}
.minheightcarddiv {height: 91vh !important;overflow-y:auto !important}
.buttonbottom {position: absolute !important;width: 100% !important;bottom: 0 !important;}
.paddingclassres {padding: 1.5rem 1.5rem 1.5rem 1.5rem !important}
.customsidebar {padding: 0 !important}
.side-nav {width: 14rem !important}
.customsidelayout {padding-left: 14rem !important}
.hideindesktop {display: none !important}
.editprofileicon {padding: 9px;background: #008265;border-radius: 20px;color: #fff;font-size: 14px;position: absolute;top: 61%;right: 38%;}
.editprofileicon.edituserprofile {top: 61%;right: 40%;}
.font24 {font-size: 24px !important}
.font22 {font-size: 22px !important}
.font20 {font-size: 20px !important}
.font18 {font-size: 18px !important}
.font16 {font-size: 16px !important}
.font14 {font-size: 14px !important}
.modal .modal-full-height {width: 350px !important}
.serach_box {border-radius: 6px !important;background: #fff !important;padding: 20px 25px;margin: 10px 0;}
.responsivepadd:nth-of-type(1) {padding-top: 0px !important}
.responsivepadd:nth-of-type(2) {padding-top: 0px !important}
.responsivepadd:nth-of-type(3) {padding-top: 0px !important}
.responsivepadd:nth-of-type(3n+2) {padding-left: 7px !important;padding-right: 7px !important;padding-top: 15px}
.responsivepadd:nth-of-type(3n+1) {padding-right: 7px !important;padding-top: 15px}
.responsivepadd:nth-of-type(3n) {padding-left: 7px !important;padding-top: 15px}
/*css for member area start*/
.side-nav .profile_menu a .sidebardivblock.userprofile {background: #fff !important}
.profile_menu .residenavli:hover .hovertext.userprofile {color: #ffffff !important;background: #008265 !important;}
.profile_menu .residenavli.active .hovertext.userprofile {color: #ffffff !important;background: #008265 !important;}
.border-toplayout {border-top: 1px solid #B1B1B1 !important;}
.hovertext.userprofile{display:flex !important;align-items:center !important}
.cardheadertitle {background: #EBEBEB;font-size: 20px !important;border-radius: 6px !important;padding: 15px !important;margin: -33px 30px !important;color: #000 !important;text-align: center;display: block;-webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.1);}
.userimg_responsive {width: 25px;height: 25px;object-fit: cover;object-position: top;border-radius: 50%;border: 1px solid #cccccc;}
.logo_header{text-align:center !important;margin-top:-81px !important}
.logo_bodyimage{width: 130px;height: 130px;  border-radius: 50%;border: 4px solid #fff !important;   background: #fff !important;   }
.downloadcard {background: #EBEBEB;font-size: 16px !important;border-radius: 4px !important;margin-bottom: 15px !important;padding: 7px 15px !important;color: #000 !important;display: flex;align-items: center;-webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);box-shadow: 0 5px 5px 0 rgba(0,0,0,0.18), 0 4px 5px 0 rgba(0,0,0,0.1);}
.imgresponsivepdf{height:27px !important;width:27px !important}
.btnfootercard {position: absolute;width: 100%;left: 15px;bottom: 30px;}
/*css for member area end*/
.btnwidthcustom{width:45% !important}
.alignbottomdiv {position: absolute;bottom: 0;background: #fff !important;width: 100%;}
.aligntopdiv {height: calc(100vh - 205px);overflow-y: auto;}
.hideintablet {display: block !important}
.membericon{width:14% !important}
.custombtnwidth{width:43% !important}
.img-fluid.reslogoforsidebar {max-width: 60% !important;height: auto;}
#smsemailhistory tr th:nth-child(2), #smsemailhistory tr td:nth-child(2) {width: 600px !important;text-overflow: ellipsis;overflow: hidden;white-space: nowrap !important;display: inline-block !important;border-bottom: none !important;}
}
@media only screen and (min-width : 1280px) and (max-width: 1919px) {
.body-content {height: 100vh;display: flex;align-items: center;}
.loginregister {margin-left: 10rem !important;margin-right: 10rem !important}
.cardheightformembership {min-height: 580px !important}
.minheightcarddiv {height: 92vh !important;overflow-y:auto !important}
.buttonbottom {position: absolute !important;width: 100% !important;bottom: 0 !important;}
.paddingclassres {padding: 1.5rem 1.5rem 1.5rem 1.5rem !important}
.customsidebar {padding: 0 !important}
.side-nav {width: 14rem !important}
.customsidelayout {padding-left: 14rem !important}
.hideindesktop {display: none !important}
.downloadicon{
        padding: 9px;
    background: #008265;
    border-radius: 27px;
    color: #fff;
    font-size: 14px;
    position: absolute;
    top: 14%;
    right: 54%;
    z-index: 1000;
}
}
.editprofileicon {padding: 9px;background: #008265;border-radius: 20px;color: #fff;font-size: 14px;position: absolute;top: 61%;right: 38%;}
.editprofileicon.edituserprofile {top: 61%;right: 37%;}
.font24 {font-size: calc(24px - 1px) !important}
.font22 {font-size: calc(22px - 1px) !important}
.font20 {font-size: calc(20px - 1px) !important}
.font18 {font-size: calc(16px - 1px) !important; word-break: break-all;}
.font16 {font-size: calc(16px - 1px) !important}
.font14 {font-size: 14px !important}
.serach_box {border-radius: 6px !important;background: #fff !important;padding: 20px 25px;margin: 10px 0;}
.modal .modal-full-height {width: 350px !important}
.responsivepadd:nth-of-type(odd):first-child {padding-right: 7px !important;padding-top: 0px !important;}
.responsivepadd:nth-of-type(2) {padding-left: 7px !important;padding-top: 0px !important;}
.responsivepadd:nth-of-type(even) {padding-left: 7px !important;padding-top: 15px;}
.responsivepadd:nth-of-type(odd) {padding-right: 7px !important;padding-top: 15px;}
/*css for member area start*/
.side-nav .profile_menu a .sidebardivblock.userprofile {background: #fff !important}
.profile_menu .residenavli:hover .hovertext.userprofile {color: #ffffff !important;background: #008265 !important;}
.profile_menu .residenavli.active .hovertext.userprofile {color: #ffffff !important;background: #008265 !important;}
.border-toplayout {border-top: 1px solid #B1B1B1 !important;}
.hovertext.userprofile{display:flex !important;align-items:center !important}
.cardheadertitle {background: #EBEBEB;font-size: 20px !important;border-radius: 6px !important;padding: 15px !important;margin: -33px 30px !important;color: #000 !important;text-align: center;display: block;-webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.1);}
.userimg_responsive {width: 25px;height: 25px;object-fit: cover;object-position: top;border-radius: 50%;border: 1px solid #cccccc;}
.logo_header{text-align:center !important;margin-top:-81px !important}
.logo_bodyimage{width: 130px;height: 130px;  border-radius: 50%;border: 4px solid #fff !important;   background: #fff !important;   }
.downloadcard {background: #EBEBEB;font-size: 16px !important;border-radius: 4px !important;margin-bottom: 15px !important;padding: 7px 15px !important;color: #000 !important;display: flex;align-items: center;-webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);box-shadow: 0 5px 5px 0 rgba(0,0,0,0.18), 0 4px 5px 0 rgba(0,0,0,0.1);}
.imgresponsivepdf{height:27px !important;width:27px !important}
.btnfootercard {position: absolute;width: 100%;left: 15px;bottom: 30px;}
/*css for member area end*/
.btnwidthcustom{width:45% !important}
.alignbottomdiv {position: absolute;bottom: 0;background: #fff !important;width: 100%;}
.aligntopdiv {height: calc(100vh - 205px);overflow-y: auto;}
.hideintablet {display: block !important}
.membericon {width: 14% !important}
.custombtnwidth {width: 43% !important}
.img-fluid.reslogoforsidebar {max-width: 60% !important;height: auto;}
#smsemailhistory tr th:nth-child(2), #smsemailhistory tr td:nth-child(2) {width: 450px !important;text-overflow: ellipsis;overflow: hidden;white-space: nowrap !important;display: inline-block !important;border-bottom: none !important;}
}
@media (max-width:1280px){
.font24 {font-size: calc(24px - 2px) !important}
.font22 {font-size: calc(22px - 2px) !important}
.font20 {font-size: calc(20px - 2px) !important}
.font18 {font-size: calc(18px - 2px) !important}
.font16 {font-size: calc(16px - 2px) !important}
.font14 {font-size: 13px !important}
.editprofileicon {padding: 9px;background: #008265;border-radius: 20px;color: #fff;font-size: 14px;position: absolute;top: 59%;right: 38%;}
.editprofileicon.edituserprofile {top: 61%;right: 34%;}
.modal .modal-full-height {width: 350px !important}
.responsivepadd:nth-of-type(odd):first-child {padding-right: 7px !important;padding-top: 0px !important;}
.responsivepadd:nth-of-type(2) {padding-left: 7px !important;padding-top: 0px !important;}
.responsivepadd:nth-of-type(even){padding-left: 7px !important;padding-top: 15px;}
.responsivepadd:nth-of-type(odd) {padding-right: 7px !important;padding-top: 15px;}
/*css for member area start*/
.side-nav .profile_menu a .sidebardivblock.userprofile {background: #fff !important}
.profile_menu .residenavli:hover .hovertext.userprofile {color: #ffffff !important;background: #008265 !important;}
.profile_menu .residenavli.active .hovertext.userprofile {color: #ffffff !important;background: #008265 !important;}
.border-toplayout {border-top: 1px solid #B1B1B1 !important;}
.hovertext.userprofile{display:flex !important;align-items:center !important}
.cardheadertitle {background: #EBEBEB;font-size: 20px !important;border-radius: 6px !important;padding: 15px !important;margin: -33px 30px !important;color: #000 !important;text-align: center;display: block;-webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.1);}
.userimg_responsive {width: 25px;height: 25px;object-fit: cover;object-position: top;border-radius: 50%;border: 1px solid #cccccc;}
.logo_header{text-align:center !important;margin-top:-81px !important}
.logo_bodyimage{width: 130px;height: 130px;  border-radius: 50%;border: 4px solid #fff !important;   background: #fff !important;   }
.downloadcard {background: #EBEBEB;font-size: 16px !important;border-radius: 4px !important;margin-bottom: 15px !important;padding: 7px 15px !important;color: #000 !important;display: flex;align-items: center;-webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);box-shadow: 0 5px 5px 0 rgba(0,0,0,0.18), 0 4px 5px 0 rgba(0,0,0,0.1);}
.imgresponsivepdf{height:27px !important;width:27px !important}
.btnfootercard {position: absolute;width: 100%;left: 15px;bottom: 30px;}
/*css for member area end*/
.btnwidthcustom{width:45% !important}
.alignbottomdiv {position: absolute;bottom: 0;background: #fff !important;width: 100%;}
.aligntopdiv {height: calc(100vh - 205px);overflow-y: auto;}
.hideintablet {display: block !important}
.membericon {width: 14% !important}
.custombtnwidth {width: 43% !important}
.img-fluid.reslogoforsidebar {max-width: 60% !important;height: auto;}
#smsemailhistory tr th:nth-child(2), #smsemailhistory tr td:nth-child(2) {width: 450px !important;text-overflow: ellipsis;overflow: hidden;white-space: nowrap !important;display: inline-block !important;border-bottom: none !important;}

}
@media only screen and (min-width: 1025px) and (max-width: 1279px) {.customsidelayout {padding-left: 14rem !important;}
#smsemailhistory tr th:nth-child(2), #smsemailhistory tr td:nth-child(2) {width: 450px !important;text-overflow: ellipsis;overflow: hidden;white-space: nowrap !important;display: inline-block !important;border-bottom: none !important;}
}
@media only screen and (min-width : 768px) and (max-width: 1024px) {
.body-content {display: block;overflow-y: auto !important}
.paddingclassres {padding: 0 1.5rem 1.5rem 1.5rem !important;}
.cardheightformembership {min-height: 100% !important}
.minheightcarddiv {height: 100% !important;}
.buttonbottom {position: relative !important;width: auto !important;bottom: 0 !important;}
.btnLogin {transition: all .5s ease !important;width: 25% !important;padding: 10px 5px !important;border-radius: 30px !important;color: white !important;font-size: 14px !important;font-weight: 600 !important;background-color: #008364 !important;border: 1px solid #008364 !important;}
.membershiptext {font-size: 18px !important}
.hideintablet{display:none !important}
.customsidebar {padding: 0 !important}
.side-nav {width: 14rem !important}
.customsidelayout {padding-left: 0 !important;padding-top: 7%;overflow: auto;z-index: 2;}
.hideindesktop {display: block !important}
.topfixedblock {background-color: #aebe77;padding: 10px 0 10px;position: fixed !important;width: 100% !important;display: block !important;z-index:99 !important}
.marmobilediv{padding-top:16% !important}
.font24 {font-size: calc(24px - 2px) !important}
.font22 {font-size: calc(22px - 2px) !important}
.font20 {font-size: calc(20px - 2px) !important}
.font18 {font-size: calc(18px - 2px) !important}
.font16 {font-size: calc(16px - 2px) !important}
.font14 {font-size: calc( 14px - 2px) !important}
.serach_box {border-radius: 6px !important;background: #fff !important;padding: 10px 15px;margin: 10px 0;}
.modal .modal-full-height{width:350px !important}
.responsivepadd:nth-of-type(odd):first-child {padding-right: 7px !important;padding-top: 0px !important;}
.responsivepadd:nth-of-type(2) {padding-left: 7px !important;padding-top: 0px !important;}
.responsivepadd:nth-of-type(even) {padding-left: 7px !important;padding-top: 15px;}
.responsivepadd:nth-of-type(odd) {padding-right: 7px !important;padding-top: 15px;}
/*css for member area start*/
.side-nav .profile_menu a .sidebardivblock.userprofile {background: #fff !important}
.profile_menu .residenavli:hover .hovertext.userprofile {color: #ffffff !important;background: #008265 !important;}
.profile_menu .residenavli.active .hovertext.userprofile {color: #ffffff !important;background: #008265 !important;}
.border-toplayout {border-top: 1px solid #B1B1B1 !important;}
.hovertext.userprofile{display:flex !important;align-items:center !important}
.cardheadertitle {background: #EBEBEB;font-size: 20px !important;border-radius: 6px !important;padding: 15px !important;margin: -33px 30px !important;color: #000 !important;text-align: center;display: block;-webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.1);}
.userimg_responsive {width: 25px;height: 25px;object-fit: cover;object-position: top;border-radius: 50%;border: 1px solid #cccccc;}
.logo_header{text-align:center !important;margin-top:-81px !important}
.logo_bodyimage{width: 130px;height: 130px;  border-radius: 50%;border: 4px solid #fff !important;   background: #fff !important;   }
.downloadcard {background: #EBEBEB;font-size: 16px !important;border-radius: 4px !important;margin-bottom: 15px !important;padding: 7px 15px !important;color: #000 !important;display: flex;align-items: center;-webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);box-shadow: 0 5px 5px 0 rgba(0,0,0,0.18), 0 4px 5px 0 rgba(0,0,0,0.1);}
.imgresponsivepdf{height:27px !important;width:27px !important}
.btnfootercard {position: absolute;width: 100%;left: 15px;bottom: 30px;}
/*css for member area end*/
.btnwidthcustom{width:45% !important}
.alignbottomdiv {position: relative;bottom: 0;background: #fff !important;width: 100%;}
.aligntopdiv {height: calc(100vh - 205px);overflow-y: auto;}
.mobilelogo {background-color: #aebe77;height: 60px;}
.mobilelogoimg {position: relative;top: -41px;height: 80px !important;width: 80px !important;}
.membericon {width: 14% !important}
.custombtnwidth {width: 45% !important}
.img-fluid.reslogoforsidebar {max-width: 60% !important;height: auto;}
#smsemailhistory tr th:nth-child(2), #smsemailhistory tr td:nth-child(2) {width: 450px !important;text-overflow: ellipsis;overflow: hidden;white-space: nowrap !important;display: inline-block !important;border-bottom: none !important;}
}
@media (max-width: 768px) {
.paddingclassres {padding: 0 1.5rem 1.5rem 1.5rem !important;}
.body-content {display: block;overflow-y: auto !important}
.md-form label {font-size: 14px !important}
.membershiptext {font-size: 13px !important}
.hideintablet {display: none !important}
.customsidebar {padding: 0 !important}
.side-nav {width: 14rem !important}
.customsidelayout {padding-left: 0 !important;padding-top: 7%;overflow: auto;z-index: 2;}
.hideindesktop {display: block !important}
.topfixedblock {background-color: #aebe77;padding: 10px 0 10px;position: fixed !important;width: 100% !important;display: block !important;z-index:99 !important}
.marmobilediv {padding-top: 16% !important}
.font24 {font-size: calc(24px - 2px) !important}
.font22 {font-size: calc(22px - 2px) !important}
.font20 {font-size: calc(20px - 2px) !important}
.font18 {font-size: calc(18px - 2px) !important}
.font16 {font-size: calc(16px - 2px) !important}
.font14 {font-size: calc( 14px - 2px) !important}
.serach_box {border-radius: 6px !important;background: #fff !important;padding: 10px 15px;margin: 10px 0;}
.editprofileicon {padding: 9px;background: #008265;border-radius: 20px;color: #fff;font-size: 14px;position: absolute;top: 35%;right: 38%;}
.editprofileicon.edituserprofile {top: 61%;right: 27%;}
.modal .modal-full-height {width: 350px !important}
.responsivepadd:nth-child(2n) {padding-left: 15px !important;padding-top: 15px !important}
.responsivepadd:nth-child(2n+1) {padding-right: 15px !important;padding-top: 15px !important}
/*css for member area start*/
.side-nav .profile_menu a .sidebardivblock.userprofile {background: #fff !important}
.profile_menu .residenavli:hover .hovertext.userprofile {color: #ffffff !important;background: #008265 !important;}
.profile_menu .residenavli.active .hovertext.userprofile {color: #ffffff !important;background: #008265 !important;}
.border-toplayout {border-top: 1px solid #B1B1B1 !important;}
.hovertext.userprofile{display:flex !important;align-items:center !important}
.cardheadertitle {background: #EBEBEB;font-size: 20px !important;border-radius: 6px !important;padding: 15px !important;margin: -33px 30px !important;color: #000 !important;text-align: center;display: block;-webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.1);}
.userimg_responsive {width: 25px;height: 25px;object-fit: cover;object-position: top;border-radius: 50%;border: 1px solid #cccccc;}
.logo_header{text-align:center !important;margin-top:-81px !important}
.logo_bodyimage{width: 130px;height: 130px;  border-radius: 50%;border: 4px solid #fff !important;   background: #fff !important;   }
.downloadcard {background: #EBEBEB;font-size: 16px !important;border-radius: 4px !important;margin-bottom: 15px !important;padding: 7px 15px !important;color: #000 !important;display: flex;align-items: center;-webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);box-shadow: 0 5px 5px 0 rgba(0,0,0,0.18), 0 4px 5px 0 rgba(0,0,0,0.1);}
.imgresponsivepdf{height:27px !important;width:27px !important}
/*css for member area end*/
.btnwidthcustom{width:45% !important}
.alignbottomdiv {position: relative;bottom: 0;background: #fff !important;width: 100%;}
.aligntopdiv {height: 100%;overflow-y: auto;}
.mobilelogo {background-color: #aebe77;height: 60px;}
.mobilelogoimg {position: relative;top: -41px;height: 80px !important;width: 80px !important;}
.membericon {width: 14% !important}
.custombtnwidth {width: 45% !important}
.img-fluid.reslogoforsidebar {max-width: 60% !important;height: auto;}
#smsemailhistory tr th:nth-child(2), #smsemailhistory tr td:nth-child(2) {width: 450px !important;text-overflow: ellipsis;overflow: hidden;white-space: nowrap !important;display: inline-block !important;border-bottom: none !important;}
.pheadertext{font-size:20px}
}
/*.customflex{display:flex !important;flex-wrap:wrap !important}*/
@media (max-width: 767px) {
.body-content {display: block;overflow-y: auto !important}
.serach_box {border-radius: 6px !important;background: #fff !important;padding: 10px 15px;margin: 10px 0;}
.btn {width: 100% !important;}
.body-content {margin-top: unset !important}
.forgotpassword {color: black;font-weight: 600;font-size: 1rem !important;}
.forgotpassword:hover {color: black !important;text-decoration-line: none !important}
.register {color: #093ce1;font-weight: 600;font-size: 1rem !important;}
.register:hover {color: #093ce1 !important;text-decoration-line: none !important}
.headerlogin {background-color: #008364;color: white;font-weight: 600;font-size: 1.1rem !important}
.hideinmobiledevices {display: none !important}
.mobilelogo {background-color: #aebe77;height: 60px;}
.mobilelogoimg {position: relative;top: -41px;height: 80px !important;width: 80px !important;}
.logincard {margin: 4% 4% 20% 4% !important;border-radius: 0 !important;overflow: auto !important;background: #fff !important}
.cardheightformembership {min-height: 100% !important}
.minheightcarddiv {height: 100% !important;}
.buttonbottom {position: relative !important;width: auto !important;bottom: 0 !important;}
.mobmarbtn {margin-bottom: 20px !important}
.mobfont {font-size: 20px !important}
.paddingclassres {padding: 0 1.5rem 1.5rem 1.5rem !important}
.topfixedblock {background-color: #aebe77;padding: 10px 0 10px;position: fixed !important;width: 100% !important;display: block !important;z-index:99 !important}
.customsidebar {padding: 0 !important}
.side-nav {width: 14rem !important}
.customsidelayout {padding-left: 0 !important;padding-top: 20%;overflow: auto;z-index: 2; }
.hideindesktop {display: block !important}
.font24 {font-size: calc(24px - 2px) !important}
.font22 {font-size: calc(22px - 2px) !important}
.font20 {font-size: calc(20px - 2px) !important}
.font18 {font-size: calc(18px - 2px) !important}
.font16 {font-size: calc(16px - 2px) !important}
.font14 {font-size:  14px !important}
.editprofileicon {padding: 9px;background: #008265;border-radius: 20px;color: #fff;font-size: 14px;position: absolute;top: 61%;right: 38%;}
.editprofileicon.edituserprofile {top: 61%;right: 36%;}
.modal .modal-full-height {width: auto !important}
.iconfont {padding: 4px !important;border-radius: 50%;color: #fff !important;font-size: 14px;text-align: center;width: 26px !important;height: 26px !important;display: inline-block;}
.jconfirm-buttons{display:flex !important}
.responsivepadd:nth-child(2n) {padding-left: 15px !important;padding-top: 15px !important}
.responsivepadd:nth-of-type(odd):first-child {padding-right: 15px !important;}
.responsivepadd:nth-child(2n+1) {padding-right: 15px !important;padding-top: 15px !important}
.resheadingmar{margin-bottom:5px !important}
.Editor-container .btn-default {background-color: #ffffff !important;color: #fff;box-shadow: none !important;color: #000000 !important;padding: 7px;font-size: 12px;margin: 0 !important;display: inline !important}
.cardadminblackbtn {padding: 3px 20px !important;border-radius: 25px !important;color: #fff !important;}
.responsivelabel {display: block !important}
/*css for member area start*/
.side-nav .profile_menu a .sidebardivblock.userprofile {background: #fff !important}
.profile_menu .residenavli:hover .hovertext.userprofile {color: #ffffff !important;background: #008265 !important;}
.profile_menu .residenavli.active .hovertext.userprofile {color: #ffffff !important;background: #008265 !important;}
.border-toplayout {border-top: 1px solid #B1B1B1 !important;}
.hovertext.userprofile{display:flex !important;align-items:center !important}
.cardheadertitle {background: #EBEBEB;font-size: 16px !important;border-radius: 6px !important;padding: 12px !important;margin: 0px !important;color: #000 !important;text-align: center;display: block;-webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.1);}
.userimg_responsive {width: 25px;height: 25px;object-fit: cover;object-position: top;border-radius: 50%;border: 1px solid #cccccc;}
.logo_header{text-align:center !important;margin-top:-45px !important}
.logo_bodyimage{width: 100px;height: 100px;  border-radius: 50%;border: 4px solid #fff !important;   background: #fff !important;   }
.downloadcard {background: #EBEBEB;font-size: 16px !important;border-radius: 4px !important;margin-bottom: 15px !important;padding: 7px 15px !important;color: #000 !important;display: flex;align-items: center;-webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);box-shadow: 0 5px 5px 0 rgba(0,0,0,0.18), 0 4px 5px 0 rgba(0,0,0,0.1);}
.imgresponsivepdf{height:27px !important;width:27px !important}
.btnfootercard {position: relative;width: auto;left: 0;bottom: 0;margin-top:20px !important}
.customizepadding{padding-left:0px !important;padding-right:0px !important}
/*css for member area end*/
.btnwidthcustom{width:100% !important}
.alignbottomdiv {position: relative;bottom: 0;background: #fff !important;width: 100%;}
.aligntopdiv {height: 100%;overflow-y: auto;}
.login_form {background: #fff !important;border-left: none !important;}
.adminbtn {width: auto !important;border-radius: 6px !important;}
.mobimgicon {height: 20px !important;width: 20px !important;}
table.dataTable thead .sorting:after, table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc_disabled:after, table.dataTable thead .sorting_desc_disabled:before {bottom: 0.45em !important;}
.membericon {width: 20% !important}
.custombtnwidth {width: auto !important}
.img-fluid.reslogoforsidebar {max-width: 40% !important;height: auto;}
#smsemailhistory tr th:nth-child(2), #smsemailhistory tr td:nth-child(2) {width: 450px !important;text-overflow: ellipsis;overflow: hidden;white-space: nowrap !important;display: inline-block !important;border-bottom: none !important;}
input.font16 {font-size: 16px !important}
textarea.font16{font-size:16px !important}
}
@media(max-width:340px) {
.body-content {display: block;overflow-y:auto !important}
.font24{font-size:calc(24px - 4px) !important}
.font22 {font-size: calc(22px - 2px) !important}
.font20 {font-size: calc(20px - 3px) !important}
.font18 {font-size: calc(18px - 2px) !important}
.font16 {font-size: calc(16px - 3px) !important}
.font14 {font-size: calc(14px) !important}
.iconfont {padding: 4px !important;border-radius: 50%;color: #fff !important;font-size: 10px;text-align: center;width: 22px !important;height: 22px !important;display: inline-block;}
.editprofileicon {padding: 9px;background: #008265;border-radius: 20px;color: #fff;font-size: 14px;position: absolute;top: 57%;right: 33%;}
.editprofileicon.edituserprofile {top: 61%;right: 36%;}
.modal .modal-full-height {width: auto !important}
.Editor-container .btn-default {background-color: #ffffff !important;color: #fff;box-shadow: none !important;color: #000000 !important;padding: 7px;font-size: 12px;margin: 0 !important;display: inline !important}
.cardadminblackbtn {padding: 3px 10px !important;border-radius: 25px !important;color: #fff !important;}
.responsivelabel{display:block !important}
/*css for member area start*/
.side-nav .profile_menu a .sidebardivblock.userprofile {background: #fff !important}
.profile_menu .residenavli:hover .hovertext.userprofile {color: #ffffff !important;background: #008265 !important;}
.profile_menu .residenavli.active .hovertext.userprofile {color: #ffffff !important;background: #008265 !important;}
.border-toplayout {border-top: 1px solid #B1B1B1 !important;}
.hovertext.userprofile{display:flex !important;align-items:center !important}
.cardheadertitle {background: #EBEBEB;font-size: 16px !important;border-radius: 6px !important;padding: 12px !important;margin: 0px !important;color: #000 !important;text-align: center;display: block;-webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.1);}
.userimg_responsive {width: 25px;height: 25px;object-fit: cover;object-position: top;border-radius: 50%;border: 1px solid #cccccc;}
.logo_header{text-align:center !important;margin-top:-45px !important}
.logo_bodyimage{width: 100px;height: 100px;  border-radius: 50%;border: 4px solid #fff !important;   background: #fff !important;   }
.downloadcard {background: #EBEBEB;font-size: 16px !important;border-radius: 4px !important;margin-bottom: 15px !important;padding: 7px 15px !important;color: #000 !important;display: flex;align-items: center;-webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);box-shadow: 0 5px 5px 0 rgba(0,0,0,0.18), 0 4px 5px 0 rgba(0,0,0,0.1);}
.imgresponsivepdf{height:27px !important;width:27px !important}
.btnfootercard {position: relative;width: auto;left: 0;bottom: 0;margin-top:20px !important}
.customizepadding {padding-left: 0px !important;padding-right: 0px !important}
/*css for member area end*/
.btnwidthcustom{width:100% !important}
.alignbottomdiv {position: relative;bottom: 0;background: #fff !important;width: 100%;}
.aligntopdiv {height: 100%;overflow-y: auto;}
.adminbtn {width: auto !important;border-radius: 6px !important;}
.mobimgicon {height: 20px !important;width: 20px !important;}
table.dataTable thead .sorting:after, table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc_disabled:after, table.dataTable thead .sorting_desc_disabled:before {bottom: 0.45em !important;}
.membericon {width: 20% !important}
.custombtnwidth {width: auto !important}
.img-fluid.reslogoforsidebar {max-width: 30% !important;height: auto;}
.modalfooterbtn {padding: 6px 30px !important;border-radius: 25px !important;color: #fff !important;border: none !important;}
#smsemailhistory tr th:nth-child(2), #smsemailhistory tr td:nth-child(2) {width: 450px !important;text-overflow: ellipsis;overflow: hidden;white-space: nowrap !important;display: inline-block !important;border-bottom: none !important;}
input.font16{font-size:16px !important}
textarea.font16 {font-size: 16px !important}
.side-nav a{line-height:25px !important}
.img_block_responsive {height: 50px !important;width: 50px !important;}
.pheadertext{font-size:20px}
}