/*Only Headrs*/
body { margin: 0;padding: 0;font-family: sans-serif; height: 100%;}

body, html {height: 100%;margin: 0;padding: 0;font-family: sans-serif;}

.salesbranch {margin:10px; text-align:left; line-height:2;}
.salesbranch table {width:100%;border-collapse: collapse; background-color:white; box-shadow: 0px 0px 3px #ccc; border-radius: 3px;}
.salesbranch tr td{border-bottom:1px solid #ccc;padding: 10px;color: #7cb6f1;font-size: 14px;}


.birthdayList,
.userProfile,
.pendingRequest {box-shadow: 1px 1px 3px #777; border-radius:5px;}
.birthdayList table {border-collapse: collapse; background-color:white; font-family:sans-serif !important;}
.birthdayList table tr td {padding:10px;border-bottom:1px solid #ccc; text-align:left; color:black !important;}
.birthdayList .heading {font-weight:500;font-size:16px; text-align:left !important; color:black !important;}
/*.birthdayList table tr:first-child td div {font-weight:500;font-size:16px; float:left !important; color:black;}*/
.birthdayList .mobinum {font-size:13px; text-align:right !important; color:black !important;}
.birthdayList .memberName {font-size:13px; color: #7cb6f1 !important; text-align:left !important; cursor:pointer;}
.tasklist {box-shadow: 1px 1px 3px #777; border-radius:5px;}

.userProfile table {border-collapse: collapse;}
/*.userProfile table tr td {padding:10px;border-bottom:1px solid #ccc;background:#e6e6e6;}*/
.userProfile .userName {text-align: center;}
.userProfile .userName h4,
.userProfile .userName p{margin:10px 0px;}
.userProfile .userName p {font-size:12px;color:#f64108;}
.userProfile div img.icons{width:15px;}
.userProfile div span {font-size:13px;margin-left:10px;color: #4b5e67;}

.userProfilebgwht table {border: 1px solid #585858;}
.userProfilebgwht table tr td {padding: 10px;border-bottom: 1px solid #ccc;background: #ffffff;}
.userProfilebgwht .userName {text-align: center;}
.userProfilebgwht .userName h4,
.userProfilebgwht .userName p {margin: 10px 0px;}
.userProfilebgwht .userName p {font-size: 12px;color: #f64108;}
.userProfilebgwht div img.icons {width: 15px;}
.userProfilebgwht div span {font-size: 13px;margin-left: 10px}

.pendingRequest {width:600px; text-align:left !important; color:black !important;}
.pendingRequest table {border-collapse: collapse; text-align:left !important;}
.pendingRequest h3 {margin: 0px; padding:10px; border-bottom:2px solid #ccc;}
.pendingRequest .editPost {padding:15px; box-shadow:0px 0px 3px #818181; margin:10px 10px;}
.pendingRequest .editPost p {font-size: 12px; line-height: 20px;}
.pendingRequest .editPost p:nth-child(4) {color:#ff8e00;}
.pendingRequest .editPost > span {color:#2196F3;font-weight:600; font-size:14px; margin-right:10px;vertical-align: top;}
.pendingRequest .editPost p b {font-size: 12px;}
.pendingRequest .editPost p span {margin-left:15px;}
.pendingRequest .headerDiv img{float:right;margin-top:-32px;margin-right:10px;}

.tasklist {width:400px; text-align:left !important; color:black !important;}
.tasklist table {border-collapse: collapse;}
.tasklist h3 {margin: 0px; padding:10px; border-bottom:2px solid #ccc;}
.tasklist .editPost {padding:15px; box-shadow:0px 0px 3px #818181; margin:10px 5px 10px 5px;}
.tasklist .editPost p {font-size: 12px; line-height: 20px;}
.tasklist .editPost p:nth-child(4) {color:#ff8e00;}
.tasklist .editPost > span {font-weight:600; font-size:14px; margin-right:10px;vertical-align: top;}
.tasklist .editPost p b {font-size: 12px;}
.tasklist .editPost p span {margin-left:20px;}
.tasklist .headerDiv img{float:right;margin-top:-32px;margin-right:10px;}
.tasklist .headerDiv span{float:right;margin-top:-27px;margin-right:40px; font-size:11px; cursor:pointer; color:#0078d4}

/*Only Headrs*/

body {margin: 0;padding: 0;font-family: sans-serif;}
h2 {color: #555;font-weight: 500;}
input:focus-visible {outline: -webkit-focus-ring-color auto 0px !important;}

/*Header*/
table.header {background: #fff;padding: 10px; box-shadow: 0px 0px 9px #ccc;}
.inputDiv input {padding: 0px;border: 0px;height: 45px;width: 96%; background: transparent;text-indent: 10px;color:#000;}
.inputDiv input:focus-visible {outline:0;}
.inputDiv input:placeholder {color:#bbbbbb;}
.inputDiv {width: 100%;border: 1px solid #777;height: 45px;padding: 0px 15px; background-color:#F9FBFE}
.rightPart {text-align: right;color: #fff;}
.rightPart > span {margin-right: 40px;position: relative;}
.rightPart span.user {margin-right: 5px;}
.rightPart .count {position:absolute; top: -12px; right: -7px; background: red; padding: 3px 5px 4px 5px; font-size: 10px; border-radius: 50%; color:#fff; font-family:sans-serif;}
.rightPart select {background: transparent;color: #000;border: 0px;}
.rightPart img {width: 20px;vertical-align: middle;}
.salesbranch select {border: 0px;text-indent: 0px;margin-left: -4px;width:100%;}
.salesbranch p {margin:0px;color:#ff6800;font-family:sans-serif; font-size:14px;}
/*.table.header td {width: 20%;}
table.header tbody tr td:nth-child(1) {width: 10%;}
table.header tbody tr td:nth-child(2) {width: 15%;}
table.header tbody tr td:nth-child(3) {width: 50%;}*/

/*breadcrumbs*/
.breadcrumbDiv {padding: 6px 20px;font-size: 13px;font-family: monospace;border-bottom:1px solid #ccc;}
.breadcrumbDiv a {color:#a9a9a9}
.breadcrumbDiv span {margin-left:10px;color: #959595;}
.breadDate {text-align: right;}

table.calender {margin: 20px 0px;border-collapse: collapse;}
table.calender th {background:#e1e1e1;}
table.calender th,
table.calender td {border: 1px solid #ccc;padding:25px 10px;}
td.lgtbrwbg {background: #fbf0e1;position:relative;}
td.lgtbrwbg p {margin-bottom: 0px;}

td.lgtbrwbg:hover .editRoom{display:block;}

.editRoom {background:#fff;right:-49%;top:15px;box-shadow:0px 0px 3px #ccc;border-radius:5px}
.editRoom .cross {padding:5px 10px;text-align:right;background:#ddd;}
.editRoom .btns{padding:10px 15px;}
.editRoom .btns a {padding:5px 10px;text-decoration:none;color:#fff;font-size:12px; }
.editRoom .btns .blueBtn {background:green;}
.editRoom .btns .redBtn {background:red;}


.filterDiv .btnDiv {text-align: center;}
.filterDiv .btnDiv .resetbtn {background: #c5c5c5;font-size: 12px;text-decoration: none;padding: 7px 20px;margin-right: 10px;border-radius: 3px;color: #000;}

.msg-mnegmt h2 {border-bottom: 1px solid #ccc;margin-top: 0px; line-height:50px;}
.msg-mnegmt .filterInnerDiv p {margin:0px;}
.msg-mnegmt .balanceDiv table td {text-align: left !important;border: 0px !important;padding:0px !important;}
.msg-mnegmt .balanceDiv {padding:0px;margin-bottom:30px;}

.revenues .revenueform table th {text-align: left;padding: 15px 8px;}
.revenues .halfDiv {width:49%;display:inline-block;vertical-align:top;margin-right:10px;}

/*Roaster*/

.checkboxces {font-size:13px}
.checkboxces input{width:13px !important;vertical-align:middle;}

/*Roaster*/

table.pegiation {border: 0px;border-collapse: collapse;}
table.pegiation td {border-bottom: 0px !important;}
.paginationDiv {text-align: left;float: right; padding-right:20px;}
.paginationDiv a {padding: 7px 10px;border:1px solid #ccc;border-collapse: collapse;text-decoration: none;font-size: 12px;float: left;}
table.pegiation img {margin-left:10px;}
.paginationDiv a.active {background-color: #337ab7;color: white;border: 1px solid #337ab7;}
.paginationDiv a:hover:not(.active) {background-color: #ddd;}
.padinationexcel {float: left; padding-right:10px; }

.filterDiv .filterInnerDiv {background: #f5f8fd;padding: 20px;border-left: 5px solid #57a2ed;}
.filterDiv .filterInnerDiv h2 {margin:0px;font-size: 18px;font-weight: 600;}
.filtertablediv {padding:0px;}


.selectOptions {padding: 30px 20px;font-size:14px;}
.selectOptions input{margin-right:5px;}
.selectOptions select {margin: 0px 10px 0px 40px;width:12%;height:30px;}
.selectOptions input:nth-child(2) {margin-left:50px}
.selectOptions .btn.bluebtn {}


/*Foter Css*/
.footer {background: #28323c;padding: 10px 20px;color: #fff;font-family: system-ui;}
.footer td {vertical-align: top;padding: 5px;}
/*.footer .col-sm-3 {width: 25%;padding: 0px 10px;}*/
.footer img {margin-right:10px;vertical-align: middle;}
.footer a {color:#ccc;font-size: 13px;}
.footer p {margin-top:0px;color: #ccc;font-size: 13px;}
.copyright {background:#1c252e;color:#fff}
.copyright p{margin:0px;padding:20px;text-align:right;font-family: system-ui;}


/*Daily Expense*/
/*.totleExpense {border:1px solid #a0ccf3;line-height:36px;float:right;border-radius:5px;font-size:15px}
.totleExpense span {padding: 10px;}
.totleExpense span:nth-child(odd){background:#c4def5;border-right:1px solid #a0ccf3;}*/

/*Staff Calender*/
.togglediv .balanceDiv select {width: 170px;}
.togglediv .reportDiv input[type="checkbox"]{height:10px !important;}
.togglediv .balanceDiv {padding: 0px;}
.togglediv .balanceDiv h3 {margin:0px;}
.togglediv .balanceDiv table tr:first-child td:last-child {text-align: center;}
.togglediv .balanceDiv table.pegiation tr:first-child td:last-child {padding-right: 10px;}

/*Bills And Payments*/
.billsnpayments {padding: 0px !important;}
.billsnpayments h2 {margin:5px 0px;}
.billsradiobtn {margin: 15px 0px 5px;font-size: 14px;color: #9f9f9f;}
.billsradiobtn input[type="radio"] {width: auto;height: auto !important;margin-right: 5px;}
.billsradiobtn .createddate {margin-left:12px !important;}
.graphdiv .thirdHalfDiv {width: 33%;display: inline-block;vertical-align: top;}
.graphdiv .thirdHalfDiv table thead,
.graphdiv .thirdHalfDiv table tbody tr {background: transparent; font-size:15px;}
.graphdiv .thirdHalfDiv table tr th:nth-child(1),
.graphdiv .thirdHalfDiv table tr td:nth-child(1) {background:#E1EEF9}
.graphdiv .thirdHalfDiv table tr th,
.graphdiv .thirdHalfDiv table tr td {border:1px solid #75AEDB}

.graphdiv .HalfDiv {display: inline-block; vertical-align: top; padding-top:20px; padding-right:10px;}
.graphdiv .HalfDiv table thead,
.graphdiv .HalfDiv table tbody tr {background: transparent; font-size:15px;}
.graphdiv .HalfDiv table tr th:nth-child(1),
.graphdiv .HalfDiv table tr td:nth-child(1) {background:#E1EEF9}
.graphdiv .HalfDiv table tr th,
.graphdiv .HalfDiv table tr td {border:1px solid #75AEDB}

.graphdiv .Div60per {display: inline-block; vertical-align: top; padding-top:20px;}

.graphdiv .statisticheader {display: inline-block; vertical-align: top; padding-top:20px; padding-right:10px;}
.graphdiv .statisticheader th {background:#E1EEF9; font-size:14px; border:1px solid #75AEDB; text-indent:5px;}
.graphdiv .statisticheader td {font-size:14px; border:1px solid #75AEDB; padding:0px !important; height:40px; text-indent:10px;}

/*Payment Report*/
td.bluebg {background: #2196F3 !important;color: #fff !important;}

/*Member Matrix Report*/
.balanceDiv.conversationreport table tr:last-child td {text-align: left;}
.conversationreport h2,.conversationreport h4 {margin-bottom: 0px; line-height:50px;}

.callconversion table td {text-align: left !important;}
.callconversion table.selectoption tr:last-child td {text-align:center !important}


/*Membership Report*/
.memberReport table tr:last-child td {text-align:left}
.memberReport table.selectoption tr:first-child td {border: 0px;}
.memberReport table.selectoption tr:first-child td:last-child{text-align:left}
.memberReport table.selectoption tr:nth-child(4) select {width: 44%;}
/*.memberReport table.selectoption tr:nth-child(4) td{text-align: center;}*/
.totalreport {text-align: left;}
.totalreport table,
.databasetotalreport table {border-collapse: collapse; width:100%;}
.totalreport table th,
.databasetotalreport table th {padding:10px;border: 1px solid #75AEDB;font-size: 14px;}
/*.totalreport table th:first-child,
.databasetotalreport table th:first-child,*/
.databasetotalreport .tableheader {background:#E1EEF9;}

.databasetotalreport {padding: 20px;}

.dbreport table th {background:#ffc56c;}
.dbreport table th,.dbreport table td {padding: 10px;}

/*Session Report*/
.sessiontarget {padding: 20px;text-align: left;font-size:14px;}
.sessiontarget table {border-collapse: collapse;border:1px solid #fdb23e }
.sessiontarget table th,
.sessiontarget table td {padding:10px;}
.sessiontarget table th {background:#eee;}
.sessiontarget table thead,
.sessiontarget table tbody tr {border:1px solid #fdb23e;}

/*Selection Branch*/
.selectbranch {padding: 0px 20px 40px;}
.selectbranch table {box-shadow:1px 1px 5px #777;margin-bottom: 30px;border-radius:5px;}
.selectbranch table td {padding:15px 15px 10px;}
.selectbranch table h3 {margin:0px;color:#50877c;}
.selectbranch table tr:nth-child(1) td:nth-child(2) {color:#f9683b;}
/*Selection Branch*/

/*Manage Access template*/
.togglediv table {box-shadow:1px 1px 3px #ccc;margin-bottom:20px;border-collapse: collapse;}
.togglediv table tr:first-child{background:#ccc;}
.togglediv table tr:first-child td {padding:15px}
.togglediv table tr td {padding: 20px 15px;}
.togglediv table tr td span {margin-right:5%}
/*Manage Access template*/

/*Create Class*/
.createcClass input[type="checkbox"] {width: 15px;margin-top: 0px;vertical-align: middle;}
.createcClass td {font-size:13px}
.memberReport table.createcClass tr:nth-child(3) select {width:90%;}
.createclassfilter table tr:nth-child(1) td:last-child { text-align: right; font-size:13px;}
.createclassfilter table tr:nth-child(2) td:last-child span,
.createclassfilter table tr:nth-child(3) td:last-child span {margin-right: 5px;background: #fff;padding: 0px 7px;}
.createclassfilter table tr:nth-child(2) td:last-child {font-size:14px;}
.createclassfilter table tr:nth-child(2) td:last-child p,
.createclassfilter table tr:nth-child(3) td:last-child p {margin-top:0px}
.createclassfilter table tr:nth-child(2) td:last-child p.attended span {background: #06FC60;}
.createclassfilter table tr:nth-child(3) td:last-child p.noshow span {background: #ff9933;}
.createclassfilter table tr:nth-child(2) td:last-child p.cancel span {background: #FF0000;}
.createclassfilter table tr:nth-child(3) td:last-child p.absent span {background: #B43104;}

/*Create Class*/

/*Appointment*/
.reportDiv table.calender thead td {text-align:center;padding:5px;font-size:16px}
.reportDiv table.calender tbody td {height: 120px;vertical-align: top;text-align: right;padding: 5px;}

/*Appointment*/


/*Dashboard*/
.dashboardBox h2 {margin-top: 0px;margin-bottom: 10px;}
.dashboardBox table h2 {margin: 0px;color:#fff;}
.dashboardBox table td {width:20%;}
.dashboardBox .boxdiv { width:80%;padding:30px 15px;text-align:right;color:#fff;margin-bottom:20px;}
.dashboardBox .boxdiv p {margin:0px;}    

.dashboardBox .boxdiv.bluediv {background:#6ab4ff;background-image: url(../images/dash-prospect-user.png);
    background-repeat: no-repeat;background-size: 30%;background-position: bottom left;}
.dashboardBox .boxdiv.reddv {background:#ff4f4f;background-image: url(../images/dash-prospect-user.png);
    background-repeat: no-repeat;background-size: 30%;background-position: bottom left;}
.dashboardBox .boxdiv.skydiv {background:#00aec5;background-image: url(../images/Icon-open-transfer.png);
    background-repeat: no-repeat;background-size: 30%;background-position: bottom left;}
.dashboardBox .boxdiv.purplediv {background:#993394;background-image: url(../images/Icon-awesome-chart-line.png);
    background-repeat: no-repeat;background-size: 30%;background-position: bottom left;}
.dashboardBox .boxdiv.greendiv {background:#2cab58;background-image: url(../images/Icon-awesome-lock.png);
    background-repeat: no-repeat;background-size: 30%;background-position: bottom left;}

.dashboardBox .graydiv {background:#efefef;border:1px solid #ccc;color:#000;text-align:center;padding:40px 10px;}
.dashboardBox .graydiv h2 {color:#000; margin-bottom:10px;}
.dashboardBox .graydiv img {float: left;margin-top: -30px;}

.dashboardBox .cardinfodiv{border:1px solid #ccc;padding:10px;width:85%;margin-bottom:10px;border-radius:6px;color:#000;}
.dashboardBox .cardinfodiv p {margin: 10px 0px;font-size:18px;font-weight:600;}
.dashboardBox .cardinfodiv label {margin: 5px 0px;font-size:14px;}

.cardinfodiv.redborder {border-left: 3px solid red;}
.cardinfodiv.greenborder {border-left: 3px solid green;}
.cardinfodiv.blueborder {border-left: 3px solid blue;}
.cardinfodiv.purpleborder {border-left: 3px solid purple;}
.cardinfodiv.yellowborder {border-left: 3px solid #dddd00;}
.cardinfodiv.dblueborder {border-left: 3px solid navy;}
.cardinfodiv.nblueborder {border-left: 3px solid #00005a;}

table.tables {box-shadow: 1px 1px 3px #ccc;width: 97%;border-collapse: collapse;}
.dashboardBox table td {padding:5px;}
.dashboardBox table td h6 {font-size:14px;margin:0px;color:#72b8ff;}
.dashboardBox table.tables td {padding: 10px;font-size:14px;} 
.dashboardBox table.tables tr td{border-bottom:1px solid #ccc}
.clubTrget,
.reqapprdesk {box-shadow: 0px 0px 3px #ccc;padding: 10px;}
.clubTrget h3,
.reqapprdesk h3 {border-bottom:1px solid #ccc;padding-bottom:10px}
.reqapprdesk table {border-collapse: collapse;}
.reqapprdesk table tr{border-bottom: 1px solid #ccc;}
.reqapprdesk table tr td{padding:5px;}
.reqapprdesk .contentdiv {display: inline-grid;vertical-align: top;font-size: 11px;}
.reqapprdesk .contentdiv p {margin:0px;}
/*.reqapprdesk table tr td:nth-child(2) {width: 8%;}*/
.reqapprdesk div span {font-size:11px;}

.reqapprdesk .username {margin-top: 20px;}
.reqapprdesk .username span {vertical-align:top;display: inline-grid;}
/*Dashboard*/


/****************************************************************************/
/****************************************************************************/


body {margin: 0;padding: 0;}
h2 {color: #555;font-weight: 500;}
input:focus-visible {outline: -webkit-focus-ring-color auto 0px !important; }

/*breadcrumbs*/
.breadcrumbDiv {padding: 6px 20px;font-size: 13px;font-family: monospace;border-bottom:1px solid #ccc;}
.breadcrumbDiv a {color:#a9a9a9}
.breadcrumbDiv span {margin-left:10px;color: #959595;}
.breadDate {text-align: right;}

/*Six Box*/
.sixmemberdiv {padding:10px;font-family: sans-serif;}
.sixmemberdiv img {vertical-align: middle;width: auto;height: 50px;margin-right: 10px;}
.sixmemberdiv table {box-shadow: 0px 0px 4px #ccc;width:100%;margin:0 auto;}
.sixmemberdiv table td {padding:10px;}
.sixmemberdiv .icontext {display:inline-block;vertical-align: middle;}
.sixmemberdiv .icondiv .icon-count {display: block;font-size: 20px;font-weight: 600;color: #2d2e31;}
.sixmemberdiv .icondiv {vertical-align: middle;border-right: 1px solid #eae9ec;}
.sixmemberdiv span.icontitle {font-size: 12px;color: #14203a;line-height: 25px;}
.sixmemberdiv table td:last-child .icondiv {border:0px;}
.menuHeader {background: #f4f6f9;padding: 10px 20px;}
.menuHeader a {color: #333;text-decoration: none;font-size: 12px;font-family: sans-serif;margin-right: 30px;}


/*Table css*/
.reportDiv {padding: 20px 20px;font-family: sans-serif;font-size:13px;}
.reportDiv table,
.employeeleave table {border:1px solid #ccc;border-collapse: collapse;}
.employeeleave table {margin-bottom:20px;font-family: sans-serif;font-size:13px;}
.reportDiv table thead,
.employeeleave table thead{background:#e9e9e9;}
.reportDiv table thead td,
.employeeleave table thead td{padding:15px 8px;border:0px;border-bottom:1px solid #ccc;}
.reportDiv table tbody td,
.employeeleave table tbody td{border-bottom:1px solid #ccc; padding:15px 8px !important; color:#1C1C1C; font-size:13px;}
/*.reportDiv table tbody tr:nth-child(odd),
.employeeleave table tbody tr:nth-child(odd){background:#f1f1f1}*/


.reportDiv table tbody tr:last-child,
.employeeleave table tbody tr:last-child {background:transparent;}

.employeeleave a {text-decoration:none;color:blue;}
.employeeleave span.addplus,
.employeeleave span.removecross {background:#1bb535;padding:1px 5px;border-radius:50%;color:#fff;margin-right:3px;}
.employeeleave span.removecross {background: red;}
.employeeleave table.btnTable,
.employeeleave table.btnTable td {border: 0px !important;}
.employeeleave .amt {text-align: right;padding: 20px;float: right;background: #ddd;font-weight: 700;color: #000;}
.employeefilter h3 {margin:0px;}

.employeeDetails table {margin: 20px 0px;}
.employeeDetails h3 {margin-bottom:0px;}
.employeeDetails {padding: 0px;}
.employeeDetails .details,
.employeeDetails .details td {border:0px !important}


table.calender {margin: 20px 0px;border-collapse: collapse;}
table.calender th {background:#e1e1e1;}
table.calender th,
table.calender td {border: 1px solid #ccc;padding:25px 10px;}
td.lgtbrwbg {background: #fbf0e1;position:relative;}
td.lgtbrwbg p {margin-bottom: 0px;}
.lgtbrwbg .editRoom {position:absolute;background:#fff;right:-49%;top:15px;box-shadow:0px 0px 3px #ccc;border-radius:5px}
.lgtbrwbg .editRoom .cross {padding:5px 10px;text-align:right;background:#ddd;}
.lgtbrwbg .editRoom .btns{padding:10px 15px;}
.lgtbrwbg .editRoom .btns a {padding:5px 10px;text-decoration:none;color:#fff;font-size:12px; }
.lgtbrwbg .editRoom .btns .blueBtn {background:green;}
.lgtbrwbg .editRoom .btns .redBtn {background:red;}
td.lgtbrwbg:hover .editRoom{display:block;}

.popDiv {
    position: absolute;
    width: 70%;
    margin: 20px auto;
    background: #fff !important;
    padding: 0 !important;
    border: 0px;
    top: 20%;
    left: 0;
    right: 0;
    z-index: 99999999;
    box-shadow: 5px 5px 10px #ccc;
}
.popDiv td {padding:20px}


.filterDiv .btnDiv {text-align: center;}
.filterDiv .btnDiv .resetbtn {background: #c5c5c5;font-size: 12px;text-decoration: none;padding: 7px 20px;margin-right: 10px;border-radius: 3px;color: #000;}

.filterDiv a.btn.resetbtn {background: #c5c5c5;font-size: 12px;text-decoration: none;padding: 7px 20px;margin-right: 10px;border-radius: 3px;color: #000;}
.filterDiv a.btn.resetbtn:hover {background:#999;color:#fff;}

.revenues .revenueform table th {text-align: left;padding: 15px 8px;}
.revenues .halfDiv {width:49%;display:inline-block;vertical-align:top;margin-right:10px;}

table.pegiation {border: 0px;border-collapse: collapse;}
table.pegiation td {border-bottom: 0px !important;}
.paginationDiv {text-align: right;float: right;}
.paginationDiv a {padding: 7px 10px;border:1px solid #ccc;border-collapse: collapse;text-decoration: none;font-size: 12px;float: left;}
table.pegiation img {margin-left:10px;}
.paginationDiv a.active {background-color: #337ab7;color: white;border: 1px solid #337ab7;}
.paginationDiv a:hover:not(.active) {background-color: #ddd;}

/*Balance Report*/
/*Balance Report*/
.checkboxDiv,
.togglediv,
.dashboardBox {padding: 20px;font-family: sans-serif;}
.balanceDiv,
.tabSec,
.filterDiv {padding: 20px;font-family: sans-serif;}
.balanceDiv p,
.filterDiv p {margin:10px 0px;font-size:14px;color:#747474}
.balanceDiv input,
.filterDiv input,
.filterDiv input {width: 90%;height: 30px !important;text-indent: 10px;border: 1px solid #ccc;padding: 0px; cursor:pointer;}

.balanceDiv select,
.filterDiv select {width:90%;height:30px !important;text-indent: 5px;border:1px solid #ccc;padding:0px;}

.balanceDiv input[type=button] { width: 90%; height: 30px !important; border: 1px solid #ccc; padding: 0px; cursor:pointer; text-indent:0px !important; }

/*.filterDiv select,
.filterDiv input {width:98%;}*/
.balanceDiv table tr:first-child td {border-bottom:1px solid #ccc;}
/*.balanceDiv table tr:first-child td:last-child {text-align:right;}*/
/*.balanceDiv table tr:last-child td {text-align:center;padding: 20px 0px;}*/
.balanceDiv table a.btn,
.selectOptions .btn,
.filterDiv a.btn.filterbtn {font-size:12px;text-decoration: none;padding: 7px 20px;margin-right: 10px;border-radius:3px; cursor:pointer; text-decoration:none;}
.balanceDiv table a.btn.filterbtn,
.selectOptions .btn.bluebtn,
.filterDiv a.btn.filterbtn{background:#2196F3;color:#fff; cursor:pointer;}
.balanceDiv table a.btn.filterbtn:hover,
.selectOptions .btn.bluebtn:hover,
.filterDiv a.btn.filterbtn:hover{background:#0f7dd5;}
.balanceDiv table a.btn.resetbtn {background:#ccc;color:#666;}
.balanceDiv table a.btn.resetbtn:hover {background:#999;color:#fff;}
.balanceDiv h4 {color: #0078d4;}
/*.balanceDiv table tr:nth-child(2) td {width: 20%;}*/
.prodMaster table tr:nth-child(2) td {width: 20%;}
.filterInnerDiv table tr:nth-child(2) td {width: 200px;}

.filterDiv .filterInnerDiv {background: #f5f8fd;padding: 20px;border-left: 5px solid #57a2ed;line-height: 25px;
    font-size: 15px;}
/*.filterDiv .filterInnerDiv h2 {margin:0px;}*/
.filtertablediv {padding:0px;}

.tabSec table {/*border:1px solid #ccc;*/border-collapse: collapse;border-top:0px;}
.tabSec table tr td {padding:0px !important;}
.tabSec table tr:nth-child(2) td{border:1px solid #ccc;}
/*.tabSec .tabs span {padding: 7px 20px;border: 1px solid #ccc;line-height: 31px;color: #818181;font-size: 14px; cursor:pointer;}
.tabSec .tabs span:first-child {border-bottom:0px;border-top:2px solid #2196f3}
.tabSec .tabs span:nth-child(2) {border:0px;}
.tabSec .tabs span:nth-child(3) {border:0px;}*/
.tabSec .activetab {padding: 10px 30px;border: 1px solid #ccc;line-height: 33px;color: #818181;font-size: 14px; cursor:pointer; border-bottom:0px;border-top:3px solid #2196f3; font-weight:bold;}
.tabSec .inactivetab {padding: 10px 30px; line-height: 33px;color: #818181;font-size: 14px; cursor:pointer; border-bottom:0px;}

.selectOptions {padding: 30px 20px;font-size:14px;}
.selectOptions input{margin-right:5px;}
.selectOptions select {margin: 0px 10px 0px 40px; width:15%; height:30px; border: 1px solid #ccc; padding: 0px;}
.selectOptions input:nth-child(2) {margin-left:50px}
.selectOptions .textbox {margin: 0px 10px 0px 40px; width:10%; height:30px; border: 1px solid #ccc; padding-left: 5px;}
/* .selectOptions .btn.bluebtn {} */


/*Header*/
table{width:100%;}
.loginHeader {border-bottom: 1px solid #ccc;padding: 10px 10px;}
.formDiv {width: 400px;padding: 20px;margin: 5% auto;}
.row {display: flex;justify-content: center;}
.formDiv h3 {font-family: system-ui;margin-top: 0px;}
/*form div input {width: 98%;margin-bottom: 20px;height: 30px;border: 1px solid #ccc;}*/
.logininput {width: 98%;margin-bottom: 20px;height: 30px;border: 1px solid #ccc; text-indent:10px;}
form label {font-size: 13px;font-family: sans-serif;}
button {width: 100%;margin-top: 20px;padding: 10px;background: #369aff;color: #fff;border: 0;}


/*Daily Expense*/
.totleExpense {border:1px solid #a0ccf3;line-height:36px;float:right;border-radius:5px;font-size:15px}
.totleExpense span {padding: 10px;}
.totleExpense span:nth-child(odd){background:#c4def5;border-right:1px solid #a0ccf3;}

/*Deepak css starts here - 27 Nov */
.cstoppanel {padding: 20px;font-family: sans-serif;}
.pad10 {padding: 10px;}
.size17 {font-size:17px;} .size20 {font-size: 20px;}  .size11 {font-size:11px;} 
.size15 {font-size:15px;} .size14 {font-size:14px;}   .size12 {font-size:12px;} 
.size25 {font-size:25px;}  .size13 {font-size:13px;}  .size10 {font-size:10px;}
.size8 {font-size:8px;}  .size7 {font-size:7px;}.size16 {font-size:16px;}

.redclr {color: #F33619;}
.whtclr {color: #fff;}
.gryclr {color: #7F7F8B;}
.gryclr2 {color: #333333;}
.greenclr {color: #00A65A;}
.greenclr-two {color: #118D74;}
.orngclr {color: #FFA000;}
.bluclr {color: #0078D4;}


.grycolor1 {color: #9f9f9f;}
.grycolor2 {color: #555555;}
.grycolor3 {color: #999999;}
.grycolor4 {color: #7B7B83;}
.grycolor5 {color: #B5B5C3;}
.blkclr {color: #000;}

.margtop20 {margin-top: 20px;}
.margtop25 {margin-top: 25px;}
.margtop30 {margin-top: 30px;}
.margtop45 {margin-top: 45px;}

.txtright {text-align: right;}
.padtop6 {padding-top:6px;}
.divtab {display: table;}
.divcell {display: table-cell;}
.divcell-top {display: table-cell; vertical-align: top; padding-top: 10px; padding-left: 10px;}
.greentag {padding:4px 8px; border-radius: 4px; }

.follcircle {width: 20px; height:20px; border-radius: 50%;}
.margtop10 {margin-top:10px;} 
.margtop5 {margin-top:5px;} 
.margtop8 {margin-top:8px;} 
.margleft10 {margin-left: 10px;}
.margleft20 {margin-left: 20px;}
.margleft30 {margin-left: 30px;}
.margleft40 {margin-left: 40px;}
.margleft50 {margin-left: 50px;}
.leftfloat {float: left;}
.rightfloat {float: right;}
.cleardiv {clear: both;}

.basinfo td {padding-bottom: 20px;}
.basinfobor {border: 1px solid #DFDFDF;}

.brownbutton {background-color: #DD8917; padding:8px 8px; border-radius: 5px; width:150px; cursor: pointer;}
.brownbutton:hover {background-color: #B67011;}

.bodygreybg {background-color: #F4F7F9;}
.whitebgbor { background-color: #fff; border: 1px solid #DDDDDD; box-shadow: 2px 4px 2px #ccc;}

.panelhead {background-color: #F5F5F5; border-bottom: 1px solid #DDDDDD;}
.secpanelbg {background-color: #F4F7F9; }

.pad20 {padding:15px 20px;}
.pad21 {padding:25px 20px;}

.pad30 { padding: 30px 10px 30px 30px; }
.pad15 {padding: 15px;}
.pad7 {padding: 7px !important;}
.inputgen {border: 1px solid #ccc; padding:7px;}
.inputgen-red {border: 1px solid #FF0000 !important; padding:7px;}
.mwid150 {min-width: 175px;}

.padtop5 {padding-top:5px;}
.addimg {width:35%;}
.cancimg {width:18px; height:20px;}
.cursor {cursor: pointer;}
.margright10 {margin-right: 10px;}
.wid20pc {width:20%;}
.wid40pc {width:40%;}
.wid50pc {width: 50%;}
.wid60pc {width: 60%;}
.wid70pc {width:70%;}
.totaltab {width: 500px;;}
.totaltab .drkbg {background-color: #D1D7E1; padding: 10px; border-bottom: 1px solid #fff;}
.totaltab .lhtbg {background-color: #F1F4F7; padding: 10px; border-bottom: 1px solid #fff;}
.padtop20 {padding-top:20px !important;}
.bluebtn {font-size:14px;text-decoration: none;padding: 7px 20px;margin-right: 10px;
    border-radius:3px; background-color: #2196F3; }
.bluebtn:hover {background-color:#0061AC; }
.wid10pc {width:10%;}
.margtop10 {margin-top:10px;}
.margleft30pc {margin-left:10%;}
.margleft20pc {margin-left:20%;}
.margleft30per {margin-left:30%;}
.mlrauto { margin-left: auto; margin-right: auto; }

.blu-button {width: 100%;margin-top: 20px;padding: 10px;background: #369aff;color: #fff;border: 0;}
.blu-button:hover {background: #0064B0;}
.blu-button-reffer {width: 100%;padding: 10px;background: #369aff;color: #fff;border: 0;}
.blu-button-reffer:hover {background: #0064B0;}


.cr-green { background-color: #449D44; border-radius: 5px; width: 130px; height: 120px;  position: relative; } 
.dr-brown { background-color: #D9534F; border-radius: 5px; width: 130px; height: 120px;  position: relative; } 
.dr-purple { background-color: #B40486; border-radius: 5px; width: 130px; height: 120px;  position: relative; } 
.cent-text {padding-top:28%;}
.padtop30 {padding-top: 30px;}

.cslefbluebg {background-color: #0078D4; width: 60px;}
.cslefbluebg-td {background-color: #0078D4; cursor: pointer;}
.cslefbluebg-td-active {background-color: #000;}
.cslefbluebg-td:hover {background-color: #0066b4; }
/* .cslefbluebg-td:active {background-color: #000; } */

.whitebg{ background-color: #fff;}
.csblubgicon {min-height:70px;  display: flex; align-items: center; align-items: center; justify-content: center; }

.pr26 {width: 26px; height: 26px;} 
.pr45 {width: 36px; height: 30px;}
.pr22 {width: 22px; height: 28px;}
.pad0 {padding: 0px;}
.pinkbg{ background-color: #FF9E9E; border-radius: 5px;}
.greyborbot {border-bottom: 2px solid #D3D7DA;}
.greyborright2 {border-right: 2px solid #D3D7DA;}
.tanbg {background-color: #FDF8E4; border: 1px solid #A1997A; border-radius: 5px;}
.wid100pc {width:100%;}
.cancbtn {font-size:14px;text-decoration: none;padding: 7px 20px;margin-right: 10px;
    border-radius:3px; background-color: #ccc; }
.cancbtn:hover {background-color:#999; color:#fff }

.follup tr.greybg {background-color: #F7F7F7;} 
.follup tr.greybg td {padding:12px; color: #555555; font-size: 14px;} 
.follup tr.greybg td div {padding-top:7px;} 

.follup tr.whitebg {background-color: #fff;} 
.follup tr.whitebg td {padding:12px; color: #555555; font-size: 14px;} 
.follup tr.whitebg td div {padding:7px} 

.margtop3 {margin-top:3px;} 

.follbluebor {border: 1px solid #ccc; border-left:7px solid #1473E6;  } 
.bluesquv {width: 17px; height: 17px;}
.folluphead {background-color: #F5F5F5; border: 1px solid #DDDDDD;}
.greenbtn {background-color: #00A65A; padding:8px; border-radius: 4px; }
.greenbtn:hover {background-color: #00884A; }
.reftab td {border-bottom: 1px solid #ccc;}
.padtop10 {padding-top:10px;}

.padtop30 {padding-top:30px;}

.smll-popup {width: 700px;  background-color: #fff; box-shadow:2px 2px 5px 2px #dfdfdf; }
.greyborbot2 {border-bottom: 1px solid #707070; opacity: 0.2;}

.big-popup {width: 80%;  background-color: #fff; box-shadow:2px 2px 5px 2px #dfdfdf; margin-left: auto; margin-right: auto; }


.blackovrlay {  position: fixed;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.7);z-index: 2;cursor: pointer;}
.margtop40 {margin-top:40px;}
.smllicon {width:13px; height:13px;}
.greypanhead {background-color: #F1F4F7; }
.totsubtot td {padding:10px;}
.totsubtot tr.lhtbg td {background-color: #F1F4F7; border-bottom: #fff;}
.totsubtot tr.drkbg td {background-color: #D1D7E1; }
.margright30 {margin-right: 30px;}
.helptxt {background-color: #FFFFE0; border: 1px solid #FFDC1F; padding: 20px 15px;}
.margleft3pc {margin-left:3%;}
.margleft5pc {margin-left:5%;}
.margbot5pc {margin-bottom:5%;}
.greyborright {border-right: 1px solid #D3D7DA;}
.padleft10 {padding-left: 10px;}
.padleft20 {padding-left: 20px;}
.padleft5 {padding-left: 5px;}
.padright10 {padding-right: 10px;}
.padright5 {padding-right: 5px;}
.exprdtag {background-color: #F33619; padding:4px 8px; border-radius: 4px; }
.termnttag {background-color: #FFB400; padding:4px 8px; border-radius: 4px; }
.upgrdedtag {background-color: #0078D4; padding:4px 8px; border-radius: 4px; }
.smlltab {width:70%;}
.linkblu {color: #0078d4; text-decoration: none; cursor:pointer;}
.linkblu:hover { text-decoration:none;}
.filldformstab td {border-bottom: 1px solid #D1D7E1; padding-bottom: 15px; padding-top: 15px;} 
.wid30pc {width:30%;}
.orngtab tr.greybg {background-color: #F9F5EF;} 
.orngtab td {border: 1px solid #FDD799; padding:15px;}
.lockr-green {background-color: #146364; border-radius: 7px;  height: 100px; 
    padding: 10px; min-width: 170px; }
.lockr-amber {background-color: #FFC19E; border-radius: 7px;  height: 100px; padding: 10px; min-width: 170px;}
.lockr-lghtpink {background-color: #FF9E9E; border-radius: 7px;  height: 100px; padding: 10px; min-width:170px;}
.lockr-drkpink {background-color: #EA4C89; border-radius: 7px;  height: 100px; padding: 10px; min-width: 170px;}


.lockrrect td {padding-right: 20px; padding-bottom: 20px;}
.lockrwid {margin: auto; margin-top:10px; text-align:center;}

.saltaab tr.greybg td {background-color: #FDD799; border: 1px solid #FDD799; padding:5px; width: 50px;} 
.saltaab tr.databg td {background-color: #F9F5EF; border: 1px solid #FDD799; padding:5px; color: #000; width: 50px;} 

.orngtab-new td.greybg {background-color: #F9F5EF; border: 1px solid #FDD799; color: #000; padding:10px !important;} 
.orngtab-new td.whtbg {border: 1px solid #FDD799; padding:10px !important; background-color: #fff; color: #000; }

.payprngbtn {background-color: #FFC19E; padding:8px; border-radius: 4px; }
.feedrcvdbg-sec {background-color: #FAFAFA; padding: 10px;}
.feedrcvdbg-frst {border-right: 4px solid #1BBC9B; }
.feedrcvdbg-third td {border:1px solid #FDD799; padding: 10px;}
.feedrcvdbg-third-greybg { background-color: #F9F5EF;}

.grn-triangle-left { width: 0; height: 0; border-top:5px solid transparent; border-right:10px solid #1BBC9B;
    border-bottom:5px solid transparent; margin-top: 15px;}

.lht22 {line-height: 22px;}
.feedbacksumm td {padding-right:10px;}
.feedbacksumm tr.data td {padding-top:10px; padding-right: 10px;}
.feedbacksumm .drkgren { background-color: #088A08; width: 20%; height: 10px; border-radius: 10px ;}
.feedbacksumm .lhtgren { background-color: #81C784; width: 30%; height: 10px; border-radius: 10px ;}
.feedbacksumm .yellow { background-color: #FDD93A; width: 60%; height: 10px; border-radius: 10px ;}
.feedbacksumm .brown { background-color: #E57474; width: 10%; height: 10px; border-radius: 10px ;}
.feedbacksumm .red { background-color: #FF0000; width: 5%; height: 10px; border-radius: 10px ;}

.wid90pc {width:90%;}
.wid85pc {width:85%;}
.wid80pc {width:80%;}
.wid70pc {width:70%;}
.wid60pc {width:60%;}
.wid50pc {width:50%;}

.usrlstgreybg {background-color: #F5F5F5; width: 200px; padding: 7px; }


/* 16-apr-2022 starts */
.sb p {margin-top:7px;color:#ff6800; font-size: 14px;}
.srch {width: 15px; height: 15px; margin-top: 10px;}
.uparrow {margin-top: -10px; z-index: 100; margin-right: 25px;}
.accnt a {color: #4b5e67; text-decoration: none;}
.accnt a:hover {text-decoration:underline;}
.userProfile table tr td {padding:10px;border-bottom:1px solid #ccc;background:#fff;}
.userProfile .uparrow{margin-top: -13px; z-index: 100; margin-right: 25px;}

.omnisearch {background-color: #fff; border: 1px solid #cecece; font-size: 13px; }
.omnisearch .stckyfooter {background-color: #a0a0a0;}
.pad15 {padding: 10px;}
.omnisearch td {border-bottom: 1px solid #e2e9ee; padding-bottom: 10px; padding-top: 10px;}
.omnisearch .img {width:35px; height:35px;}
.omnisearch .ico {width:15px; height:15px;}
.membbuttons {background-color: #ccc; padding:10px; border-radius: 3px; color: #000; font-size: 16px; cursor: pointer;}
.membbuttons:hover {background-color: #d4d4d4;}
.memfootbg td {padding:0px;}


/* orange table starts here */
.orngtab-new td.headbg {background-color: #fdd799; padding:5px; border: 1px solid #FDD799; color: #000; font-size:13px;} 
.orngtab-new td.greybg {background-color: #F9F5EF; padding:10px; border-bottom: 1px solid #FDD799; color: #000; font-size:13px;} 
.orngtab-new td.whtbg {background-color: #fff;  padding:10px; border-bottom: 1px solid #FDD799; color: #000; }
.orngtab-new { border: 1px solid #fcdca6;}

.wid70pc {width: 70%;}
.tabnobor { padding: 0px !important; }  
.insidetab tr.headbg {background-color: #FDD799 !important; color: #000 !important; font-weight: bold;}
.insidetab tr.clrdbg {background-color: #F9F5EF !important; color: #000 !important;}
.insidetab tr.whtbg {background-color: #fff !important; color: #000 !important;}


/*Target Report*/

.targetReport td {text-align: center;}
.tar_report_div.reportDiv table tbody tr:nth-child(odd) {background:transparent;border: 0px;}

/* orange table ends here */

/* .input-icons i { position: absolute;}
.input-icons { width: 100%; margin-bottom: 10px;}
.icon { padding: 10px; min-width: 40px;}
.input-field { width: 100%; padding: 10px; text-align: center;} */

/* 16-apr-2022 ends */

/****************************************************************************/
/****************************************************************************/

.errmsg {color: red; display:none; background-color: #f4c1c1; font-family: sans-serif; padding: 10px 0px 10px 20px; border-radius:5px; position:fixed; width:max-content; text-align: center; top: 5px; z-index: 999999; margin:auto; left:-50%; right:-50%;}
.sucmsg {color: #000000; display: none; background-color: #88FFD1; font-family: sans-serif; padding: 10px 0px 10px 20px; border-radius:5px; position: fixed; text-align: center; width:max-content; top:5px; z-index: 999999; margin:auto; left:-50%; right:-50%;}
.cross {cursor: pointer;float: right;font-size: 18px;height: 20px;line-height: 20px;margin: 0 20px;}
.hidecontrol {display: none;}
.dialog-background {height: 100%;left: 0;margin: 0;padding: 0;position: absolute;top: 0;width: 100%;z-index: 999999;}
.dialog-loading-wrapper {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);border: 0 none;height: 100px;left: 50%;margin-left: -100px;margin-top: -50px;position: fixed;top: 50%;z-index: 9999999;}
.rightlogo {width: 150px !important;height: 80px;border: 1px solid #ccc;}
.margbot15 {margin-bottom:15px;}


.reporttab { height: 35px; border-bottom: 1px solid #aab385; border-top: 1px solid #aab385; border-left: 1px solid #aab385; text-align: center; cursor: pointer; background-color: #edeedd; font-size: 12px; }
.reporttabselected { height: 35px; border-top: 1px solid #aab385; border-left: 1px solid #aab385; text-align: center; cursor: pointer; background-color: #dcd9c7; font-size: 12px; font-weight: bold }


.apptgridHead {border-collapse: collapse;background-color: #EEEEEE !important;border: 1px solid #8d8d8d !important;font-weight: bold;font-family: sans-serif;}
.apptgridRow {border-collapse: collapse;background-color: #FFFFFF;border: 1px solid #8d8d8d;font-family: sans-serif;padding-left: 10px !important;font-size: 12px !important;}
.apptgridRowWithoutborder {border-collapse: collapse;background-color: #FFFFFF;border-bottom: 1px solid #8d8d8d;font-family: sans-serif;}
.padbot5 {padding-bottom:5px;}
.padbot10 {padding-bottom:10px;}
.padbot15 {padding-bottom:15px;}
.padbot20 {padding-bottom:20px;}
.padbot25 {padding-bottom:25px;}
.padbot30 {padding-bottom:30px;}


/* 26 June starts here */
.app-smll-cont {width: 255px; height: 68px;}
.padtop10 {padding-bottom:10px;}
.app-blue-smll {border-radius: 5px; padding: 5px; font-size:12px !important;}
.app-dtl-topbg {background-color: #F7F7F7; padding:15px 10px; border-bottom: 1px solid #ccc;  } 
.app-dtl-box {background-color: #fff; border: 1px solid #ccc; box-shadow: 3px 3px 5px #888888; width: 300px; min-height:150px;}
.app-dtl-box-img {background-color: #fff; border: 1px solid #ccc; box-shadow: 3px 3px 5px #888888; border-radius:10px; min-width: 250px; min-height:250px;}
.margtop40 {margin-top: 40px;}
.margtop45 {margin-top: 45px;}
.app-dtl-cont {padding:15px 10px;}
.app-dtl-cont-img {padding:10px 10px;}
.wid280 {width: 250px;}
.blk-tooltip {background-color: #000; border-radius: 8px; padding: 2px 2px 17px; }
.margright20 {margin-right:20px;}

.removeborderbottem { border-bottom:0px !important; }
/* 26 June ends here */

.member_Communications .member_table .contentdiv {display: inline-block;vertical-align: top;}
.member_Communications .member_table .contentdiv p {margin: 5px 0px 5px 0px;}
.member_Communications .member_table td{vertical-align:top}
.member_Communications .member_table {padding: 10px;box-shadow: 1px 1px 5px #ccc;border-radius: 5px;margin-right: 20px;}
.member_Communications .member_table tr td{padding-bottom: 10px;}
.member_Communications .member_table span.dot {width: 10px;height: 10px;background: #05a626;display: inline-block;border-radius: 100%;margin-right: 5px;}
.member_Communications .member_table .comn-chat span,
.member_Communications .member_table .comn-chat img{vertical-align: middle;margin-right:10px}
.member_Communications .member_table .comn-chat p{background:#f5f5f5;padding:10px;border-radius:4px;font-size:13px;line-height:22px;}
.member_Communications .member_table .left-chat{float:left;}
.member_Communications .member_table .right-chat{float:right;}
.member_Communications .member_table .top_cont {border-bottom: 1px solid #ccc;}
.member_Communications .member_table .bottom_cont {border-top: 1px solid #ccc;padding-top:10px;}
.member_Communications .member_table .bottom_cont input {border:0px;width:100%;margin-bottom:10px;}
.member_Communications .member_table .bottom_cont .btn {float:right;background: #1883ef;padding:7px 20px;border-radius:4px;text-decoration: none;color:#fff;}
.selectedrow { background-color:#F0F2F5 !important; }

.marquee { font-family: sans-serif; left: 0; top: 0; width: 100%; overflow: hidden; white-space: nowrap; box-sizing: border-box; animation: marquee 50s linear infinite; display: none; }
.pad715 {padding: 7px 15px;}
.lblcs {font-weight: bold;font-size: 15px;cursor: pointer;color: navy;}
.dietplancss { padding: 15px 8px; border: 0px; border-bottom: 1px solid #ccc; text-align: left;}
.mt_60 {margin-top: -60px;}
.mb_0px {border-bottom: 0px;}
.childgridcs{background: #FDD799;color: black;font-weight: bold;}
/*Rohit CSSS*/

.hover-img { position: relative;
    display: inline-block;
    vertical-align: top;
}

    .hover-img .hover-img-box {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        left: 100%;
        top: 0;
        z-index: 10;
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
        border: 1px solid #ccc;
        background-color: white;
        padding: 5px;
        white-space: nowrap;
        transition: opacity 0.5s ease, visibility 0.5s;
    }

    .hover-img:hover .hover-img-box {
        visibility: visible;
        opacity: 1;
    }

.hover-img-box img {
    max-width: 200px;
    max-height: 200px;
}

#viewimages {
    height: 236px;
    width: 332px;
    border: 1px solid #ccc;
    border-radius: 12px;
    float: right;
}

.inputgen {
    transition: all 0.3s ease;
}

    .inputgen.expanded {
        height: 100px;
        width: 94%;
    }

.workout-box {
    border: 1px solid #ccc;
    background-color: #f5f8fd;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 8px;
}

.workout-content {
    padding: 10px;
}

.removeborderbottom {
    border-bottom: none;
}


textarea.inputgen {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 8px;
    font-size: 14px;
}

.remove-row-btn {
    width: 44%;
    margin-top: 4px;
    padding: 6px 8px;
    background: #555;
    color: white;
    border-radius: 15px;
}

.add-row-btn {
    width: 18%;
    margin-top: 9px;
    padding: 8px;
    background: #369aff;
    color: #fff;
    border-radius: 15px;
    cursor: pointer;
}

.dietplancss {
    border-bottom: 0px;
}

.inputcss {
    border: 1px solid #f0f8ff !important;
    background-color: #f0f8ff;
    font-weight: bold;
    font-size: medium;
    transition: all 0.3s ease;
}

    .inputcss:hover {
        border: 1px solid #555;
        background-color: white;
        cursor: pointer;
    }

.exercise-row {
    transition: color 0.3s;
}

    .exercise-row:hover {
        color: blue;
    }

.add-row-btn {
    width: 18%;
    margin-top: 9px;
    padding: 8px;
    background: #369aff;
    color: #fff;
    border-radius: 15px;
}



.grycolorblue {
    background-color: #7D8BE0;
    text-align: center;
    padding: 12px;
    color: white;
    padding-top: 10px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 2px;
}

.remove-btn {
    position: relative;
    display: inline-block;
}

    .remove-btn[data-tooltip]:hover::after {
        content: attr(data-tooltip);
        position: absolute;
        top: -35px;
        right: 0;
        background-color: #333;
        color: #fff;
        padding: 5px 8px;
        border-radius: 5px;
        font-size: 12px;
        white-space: nowrap;
        z-index: 10;
        opacity: 0;
        transition: opacity 0.5s ease;
        pointer-events: none;
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
    }

    .remove-btn[data-tooltip]:hover::after {
        opacity: 1;
    }

.exercisepop {
    width: 58%;
    font-size: 14px;
    color: #555;
    padding-top: 5px;
    font-weight: bold;

}

.exercisepopcs {
    color: #555;
    font-size: 15px;
    padding-top: 6px;
}

.exercisepopheader {
    font-size: 17px;
    /*font-weight: bold*/;
    color: #555;
}
#the-count {
    float: right;
    padding: 0.1rem 0 0 0;
    font-size: 0.875rem;
    margin-right: 20px;
}