body{background:#f5f5f7;min-height:100vh;font-family: 'Roboto', sans-serif;}
div#collapsibleNavbar {justify-content: flex-end;}
nav.navbar.navbar-expand-md {background:#fff;padding-top: 0;padding-bottom: 0;}
ul.navbar-nav img {max-width: 22px;margin-right: 8px;}
ul.navbar-nav > li:nth-child(2) img {max-width: 18px;}
a.navbar-brand img {max-height: 60px;}
ul.navbar-nav a {color: #668095;}
.container-fluid.customContainer {padding: 0;padding-top: 20px;}
.container-fluid.customContainer > .row > .col-sm-12{padding:0;}
.container-fluid.customContainer > .row {margin: 0;}
.menuContent {display: flex;}
.contentArea {flex: 1;width: 80%;max-width: calc(100% - 250px);min-width: calc(100% - 250px);background: #fff;padding: 0 15px;}
.menuArea {width: 20%;min-width: 250px;max-width: 250px;min-height: calc(100vh - 90px);}
.tableSreach input {border-radius: 40px;border: 1px solid #ccc;padding: 5px 20px;outline: none;font-size:15px;}
ul.leftMenu {margin: 0;padding: 0;list-style-type: none;}
li a {border-left: 10px solid transparent;width: 100%;display: inline-block;padding: 22px;padding-left: 80px;color:#333;font-weight:500;text-decoration:none;}
li.active a {background:#e4e4ee;border-left: 10px solid #605a1c;}
ul.leftMenu > li.active a.formPage {background-image: url(../images/form.png);background-repeat: no-repeat;background-position: 40px center;}
ul.leftMenu > li a.formPage {background-image: url(../images/nfrm.png);background-repeat: no-repeat;background-position: 40px center;}
ul.leftMenu > li a.clientPage {background-image: url(../images/client.png);background-repeat: no-repeat;background-position: 30px center;}
ul.leftMenu > li.active a.clientPage {background-image: url(../images/cclient.png);background-repeat: no-repeat;background-position: 30px center;}
.tableSreach {padding: 5px 0;text-align: right;}
table.cusTable {width: 100%;}
table.cusTable tr {box-shadow: 0 0px 5px #ccc;border-radius: 10px;vertical-align:middle;}
table.cusTable tr td {padding: 3px 15px;padding-top: 6px;vertical-align:middle;}
.upperText {font-size: 14px;}
.textTable {display: inline-block;padding-left:12px;}
span.sp1 {background: #fa3030;color: #fff;padding: 1px 8px;font-size: 12px;margin: 0 3px;display: inline-block;}
span.sp2 {background: #f26522;color: #fff;padding: 1px 8px;font-size: 12px;margin: 0 3px;display: inline-block;}
.lowerText {color: #aaa;font-size: 13px;}
label.cusCheck {border: 1px solid #ccc;display: inline-block;width: 18px;height: 20px;position:relative;margin-right: 2px;margin-top: 0px;margin-bottom: 4px;background:#fff;}
table.cusTable td {position: relative;}
table.cusTable input[type="checkbox"] {position: absolute;left: 15px;top: 13px;display: inline-block;width: 20px;height: 24px;opacity: 0;z-index:999;}
input[type="checkbox"]:checked + label.cusCheck::after {content: "";display: inline-block;position: absolute;width: 6px;height: 10px;border-bottom: 2px solid #333;border-right: 2px solid #333;transform: rotate(45deg);left: 5px;top: 3px;}
.staredFile {display: inline-block;background: url(../images/star.png);width: 20px;height: 30px;background-size: 20px;background-repeat: no-repeat;background-position: center;}
.fileIcon {display: inline-block;background: url(../images/frm.png);width: 20px;height: 30px;background-size: 15px;background-repeat: no-repeat;background-position: center;margin-right: 3px;}
.sendIt {display: inline-block;background: url(../images/send.png);width: 24px;height: 30px;background-size: 23px;background-repeat: no-repeat;background-position: center;margin-right: 3px;}
.editIt {display: inline-block;background: url(../images/edit.png);width: 20px;height: 30px;background-size: 18px;background-repeat: no-repeat;background-position: center;margin-right: 3px;}
.delIt {display: inline-block;background: url(../images/del.png);width: 20px;height: 30px;background-size: 16px;background-repeat: no-repeat;background-position: center;margin-right: 3px;}
.shareIt {display: inline-block;background: url(../images/share.png);width: 20px;height: 30px;background-size: 13px;background-repeat: no-repeat;background-position: center;margin-right: 3px;}
table.cusTable tr > td:last-child {text-align: right;}
table.cusTable tr > td:last-child span {margin-right: 0;margin-left: 10px;}
ul.navbar-nav img.drpdwn {max-width: 14px;margin-right: 0;margin-left: 10px;}
ul.navbar-nav li {position: relative;}
.userList {position: absolute;top: calc(100% + 13px);right: 0;z-index: 99;background: #fefefe;box-shadow: 0 4px 7px 0px #ccc;width: 100%;max-height: 0;opacity: 0;transition: 1s;overflow:hidden;}
a.nav-link.userDrop.open + .userList {opacity: 1;max-height: 90px;}
ul.userOpenList {margin: 0;padding: 0;width: 100%;list-style-type: none;}
ul.userOpenList li a {margin: 0;font-weight: 400;font-size: 14px;padding: 5px;text-decoration: none;}
ul.userOpenList li a:hover {background: #f1f1f1;}
header button.navbar-toggler {background: #605a1c;position: relative;color: #333;padding: 4px 5px;outline: none;width: 33px;height: 30px;}
button.navbar-toggler::after {content: "";position: absolute;display: inline-block;height: 2px;width: 70%;background: #fff;left: 15%;top: 50%;border-radius: 5px;overflow: hidden;transform: translateY(-50%);}
span.navbar-toggler-icon::after {content: "";position: absolute;display: inline-block;height: 2px;width: 70%;background: #fff;left: 15%;top: 8px;border-radius: 5px;overflow: hidden;transform: translateY(-50%);}
span.navbar-toggler-icon::before {content: "";position: absolute;display: inline-block;height: 2px;width: 70%;background: #fff;left: 15%;bottom: 6px;border-radius: 5px;overflow: hidden;transform: translateY(-50%);}
table.cusTable {width: 100%;min-width: 570px;}
.table-responsivez {overflow: hidden;overflow-x: auto;padding: 3px;}
table.cusTable tr:nth-child(2n + 1) td {background: #f3f4fb;overflow: hidden;border-radius: 10px;padding: 3px 15px;}
table.cusTable tr:nth-child(2n + 1) > td:first-child {border-radius: 10px 0 0 10px;}
table.cusTable tr:nth-child(2n + 1) > td:last-child {border-radius: 0 10px 10px 0;}
table.cusTable.clntLst label.cusCheck {margin-top: -14px;margin-bottom: 14px;}
table.cusTable.clntLst input[type="checkbox"] {top: 18px;}
table.cusTable.clntLst .textTable {padding-left: 10px;}
.tableSreach {display: flex;justify-content: space-between;}
h4.frmHd {font-size: 18px;margin: 5px 0;color: #444;font-weight: 400;}
ul.frmListUl {margin: 0;padding: 0;list-style-type: none;}
ul.frmListUl > li {display: flex;justify-content: space-between;align-items: center;box-shadow: 0 0px 5px #ccc;border-radius: 10px;padding: 2px 15px;padding-top: 4px;}
.frmListLeft {position: relative;}
.frmListLeft input[type="checkbox"] {position: absolute;left: 0;top: 9px;display: inline-block;width: 20px;height: 24px;opacity: 0;z-index: 999;}
.frmListRight > * {margin-left: 7px;}
ul.frmListUl > li:nth-child(2n + 1) {background: #fff;}
ul.frmListUl > li:nth-child(2n + 2) {background: #eee;}
ul.frmListUl.clntList .frmListLeft {display: flex;align-items: center;}
ul.frmListUl.clntList .frmListLeft input[type="checkbox"] {top: 16px;}



/*------------dashboard start--------------------*/
.container-fluid.customContainer.dashBoard {padding-top: 0;}
.dashTop {padding: 5px 15px;display: flex;justify-content: space-between;align-items:center;}
.frmName > label {color: #668095;font-size: 17px;margin-bottom:0;text-decoration: underline;}
ul.nmSlect {margin: 0;padding: 0;list-style-type: none;display: flex;}
ul.nmSlect li {font-size: 12px;background: #fff;border: 1px solid #aaa;margin-right: 5px;padding: 0 5px;}
ul.sharList {list-style-type: none;margin: 0;display: flex;padding: 0 10px;align-items: center;}
button.btn.shBtn {display: flex;align-items: center;padding: 0 10px;}
button.btn.shBtn > img {max-height: 20px;max-width: 26px;margin-right: 8px;}
.frmSeet img {max-height: 30px;}
.indexmenuArea {display:flex;width: 26%;margin-right: 15px;min-width: 365px;}
.areaBlocks {flex: 1;padding-right: 15px;     margin-left: 440px;}
ul.leftMenuDash {display: inline-block;margin: 0;list-style-type: none;padding: 5px;padding-right: 9px;padding-left: 15px;}
ul.leftMenuDash > li {border: 1px solid #605a1c;text-align: center;padding: 4px;width: 35px;height: 35px;border-radius: 5px;margin-bottom: 7px;}
ul.leftMenuDash > li img {max-width: 23px;}
ul.leftMenuDash > li:first-child img {max-width: 20px;}
.oprnArea {flex: 1;background: #fff;padding: 5px 13px;}
.inrHd {background: #f5f5f7;border-radius: 5px;text-align: center;color: #888;font-weight: 500;}
ul.inrList {display: inline-block;width: 100%;margin: 0;padding:4px 0;list-style-type: none;}
ul.inrList > li {display: inline-block;width: 49%;padding: 5px 0;font-size: 13px;font-weight: 500;}
ul.inrList > li img {width: 32px;margin-right: 5px;}
ul.showBlocks {margin: 0;padding: 0;list-style-type: none;}
ul.showBlocks > li {background: #fff;margin-bottom: 15px;padding: 5px 10px;border-radius: 5px;padding-bottom: 10px;}
label.lblHd {display: inline-block;margin: 0;width: 100%;font-weight: 500;font-size: 14px;color: #555;}
.dataField > input {display: inline-block;width: 100%;border: 1px solid #555;border-radius: 3px;padding: 4px;}
.dataField > label {margin: 0;margin-top: 7px;font-size: 14px;color: #666;display: inline-block;width: 100%;}
.btaddress {display: flex;justify-content: space-between;}
.btaddress .dataField.shortInput {margin-left: 15px;}
.btaddress > .dataField:first-child {flex: 1;}
.dataField > textarea {display: inline-block;width: 100%;border: 1px solid #555;border-radius: 3px;padding: 4px;}
.areaBlocks input[type="submit"] {background: #1eba67;color: #fff;border: none;padding: 5px 30px;border-radius: 100px;width: 120px;margin: 10px 0;}
ul.showBlocks > li:hover {box-shadow: 0 0 6px 0px #aaa;}
.larger.forMedium {display: flex;justify-content: space-between;}
.larger.forMedium > div {flex: 1;}
.larger.forMedium > div:first-child {margin-right: 7.5px;}
.larger.forMedium > div:last-child {margin-left: 7.5px;}
.btaddress.forMedium .dataField.shortInput {max-width: 170px;}
.oprnArea {display: none;}
.indexmenuArea.openHtml .oprnArea.openHtml {display: inline-block;}
.indexmenuArea.openSettings .oprnArea.openSettings {display: inline-block;}
.indexmenuArea.openUser .oprnArea.openUser {display: inline-block;}
.frmSeet {cursor: pointer;}
body .modal-dialog {max-width: 640px;}
body .modal-header {padding: 10px;padding-top: 8px;background:#eee;padding-bottom: 5px;}
.modal-header h5 {font-size: 16px;color: #666;}
.modal-header h5 img {max-width: 26px;margin-right: 10px;}
.dataFeild {display: flex;flex-flow: column;margin-bottom:10px;}
.dataFeild > label {margin-bottom: 0;font-size: 14px;color: #888;}
.dataFeild input[type="text"] {border: 1px solid #aaa;border-radius: 5px;padding: 4px;}
.dataFlex {display: flex;}
.dataFlex > div {width: 50%;padding-right: 15px;}
.radioAlign {display: flex;}
.cusRadio {position: relative;margin-right: 15px;margin-top:4px;}
.cusRadio label {margin: 0;padding: 4px;border-radius: 3px;}
.cusRadio img {width: 32px;}
.cusRadio > input {position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}
.cusRadio > input:checked + label {background: #eee;}
div .sp-replacer {background: transparent;border: 1px solid #aaa;border-radius: 5px;padding: 6px;height: 34px;display: flex;justify-content: space-between;}
span.spRequired {color: red;font-size: 14px;padding: 0 2px;}
.requiredMsg {color: red;font-size: 14px;padding-top: 5px;}
span.closePopup {display:none;}
ul.hIcons {padding: 0;margin: 0;list-style-type: none;display: flex;display:none;}
.mnHhd {display: flex;justify-content: space-between;min-height:25px;}
ul.hIcons > li {padding: 0 5px;}
ul.hIcons > li img {cursor:pointer;max-width: 19px;max-height: 19px;}
ul.showBlocks > li:hover ul.hIcons {display: flex;}

/*------------dashboard end---------------------*/
/*-------------rnage-slider-------------------*/
.range-wrap {position: relative;margin: 0 auto 3rem;}
.range {width: 100%;}
.bubble {background: #605a1c;color: white;padding: 2px 8px;position: absolute;border-radius: 4px;font-size:14px;left: 50%;transform: translateX(-75%);top: 39px;}
.bubble::after {content: "";position: absolute;width: 2px;height: 2px;background: #605a1c;top: -1px;left: 50%;}
/*-------------rnage-slider-------------------*/
/*---------------------------media-query-------------------------*/


@media only screen and (max-width: 767px) {
    .indexmenuArea {
        width: auto !important;
    }
	li.active a {background: #e4e4ee;border-left: 2px solid #605a1c;}
	ul.leftMenu > li a {background-position: 10px center !important;background-size: 20px;text-indent: 170px;max-width: 44px;padding: 10px;}
	.menuArea {width: 45px;min-width: 45px;max-width: 45px;}
	.contentArea {width: calc(100% - 45px);max-width: calc(100% - 45px);min-width: calc(100% - 45px);}
	li a {border-left: 2px solid transparent;}
	ul.leftMenu > li.active a.formPage {background-position: 12px center !important;background-size: 16px;}
	ul.leftMenu > li a.clientPage {background-position: 8px center !important;background-size: 26px;}
	ul.frmListUl > li {align-items: flex-start;flex-flow: column;}
	.indexmenuArea {width: 50px;min-width: 50px;}
	.dashTop {position: relative;padding-bottom: 40px;}
	.dashShare {position: absolute;left: 50%;transform: translateX(-50%);bottom: 5px;}
	ul.nmSlect li {font-size: 10px;background: #fff;border: 1px solid #aaa;margin-right: 2px;padding: 0 2px;}
	.btaddress {flex-flow: column;}
	.btaddress .dataField.shortInput {margin-left: 0;}
	.oprnArea {position: fixed;top: 0;left: 0;max-height: 100vh;overflow-y: auto;width: 100%;height: 100%;}
	span.closePopup {position: fixed;z-index: 999;top: 10px;right: 10px;background: rgba(0,0,0,0.3);color: #fff;display: none;width: 32px;height: 32px;line-height: 33px;text-align: center;border-radius: 20px;}
	.indexmenuArea.openHtml .oprnArea.openHtml,.indexmenuArea.openUser .oprnArea.openUser,.indexmenuArea.openSettings .oprnArea.openSettings {display: none;}
	.indexmenuArea.openHtml.openIt .oprnArea.openHtml,.indexmenuArea.openUser.openIt .oprnArea.openUser,.indexmenuArea.openSettings.openIt .oprnArea.openSettings {display: inline-block;}
	.indexmenuArea.openIt span.closePopup {display: inline-block;}



}


@media only screen and (max-width: 450px) {
	.frmSeet img {max-height: 24px;}
	.frmSeet > span {font-size: 14px;}
	button.btn.shBtn {font-size: 14px;}
	
}



/*****New Css****/

body .modal-header { text-align: left !important;}
.modal-title {  font-size: 20px; color:#fff;      padding: 10px;}
.modal-open .modal { background:#343a409e ;}
.modal-content {  background-color: #fff;}
.close{color: #fff; text-align: right; padding-top: 30px !important;}
.modal-header{    padding: 0rem 1rem;    background: #605a1c !important;}
.form-control:focus {box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0%);}
.form-control1 {   width: 85%; float: left;  border: 1px solid #ced4da;}
.rightbut { clear: both;  float: right; margin-top: 15px;}
.org-but{ background-color: #fa3030; color: #fff !important;}
.yelbut{ background-color: #605a1c;  color: #fff !important;  margin-left: 10px;}
.md-form.mb-4 {  clear: both;}
label {   font-size: 15px;}
.textcolo { color: #343a40; font-size: 14px; padding-top: 20px;}
h4.client-head {  border-bottom: 2px solid #5e581d;  color: #5e581d;  font-size: 21px; margin-top: 10px;  margin-bottom: 25px;}
label {  color: #8e8c8c;}
.save-but{ text-align: center;  margin: 30px auto; background: #605a1c;  display: block; color: #fff; padding: 12px 30px 10px 30px;}
button.btn.save-but:hover {  color: #fff; background: #000;}
.form-control{ background-color: #f1f1f14a; border: 1px solid #ced4da87;}
.form-check-input {margin-top: 8px;}
input[type=checkbox], input[type=radio] { width: 20px; height: 20px;}
label.form-check-label {  font-size: 17px; color: #000;padding-left: 10px;}
.centerbut {margin: 20px auto 50px auto; text-align: center;}
button.btn.savebut img { height: 17px; width: auto;  padding-right: 8px;}
button.btn.savebut1 img { height: 23px; width: auto;  padding-right: 8px;}
button.btn.btn-dark.savebut { margin-left: 20px;  margin-right: 5px;}

.panel-box {     margin-bottom: 20px;
    margin-top: 20px;
    
    background: #f7f7f7 !important;
    width: 100%;
    border-radius: 5px;
    box-shadow: 0px 0px 3px 1px #00000040;
    padding: 0px 20px;
}
.hide-text p {color: #757171;
    padding: 4px 0px 0px 0px;
    font-size:13px;
}
.hide-text h3 {
    font-size: 16px;
    font-weight: bold;
    color: #000;
}
.hide-icon{
    display: inline-block;
    margin-right: 10px;
}

.hide-icon i {vertical-align: super;
    font-size:29px;
    color: #605a1c;
}
.hide-text {
    display: inline-block;
}

.right-arrow {
    font-size: 52px;
    text-align: right;
    float: right;
    color: #5f591a;
}


h3.page-header {
    font-weight: bold;
    padding-top: 55px;
    /* margin-top: 40px; */
    clear: both;
}

label.fomtext {    font-weight: bold;
    color: #3e3b3b;
}

.firstDiv {
    background: #605a1c;
    padding: 5px;
    border-radius: 5px;
    color: #fff;
}


.codition-head h4 {
    font-size: 16px;
    padding-top: 20px;
    margin-bottom: 0px;
    color: #8a8a8a;
}

button.button1 {float: left;
    background: #fff;
    border-radius: 5px;
}

.firstDiv h6 {
    margin-left: 15px;
    display: inline-flex;
    vertical-align: sub;
}

header {top: 0px;
    position: fixed;
    left: 0px;
    right: 0px;
    z-index: 1;
}

.textlog {
    float: left;
    font-size: 20px;
}

.textna {
    background: none !important;
    box-shadow: none;
    box-shadow: none !important;
    margin-top: 30px !important;
    padding: 0px !important;
}



.oprnArea::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    }
    .oprnArea ::-webkit-scrollbar-track {
    border: 1px solid #f5f5f7;
    border-radius: 10px;
    }
    .oprnArea::-webkit-scrollbar-thumb {
    background: #f5f5f7;
    border-radius: 10px;
    }
    .oprnArea::-webkit-scrollbar-thumb:hover {
    background: #f5f5f7;
    }



    

.main-content {
    margin-top: 79px;
}

.indexmenuArea.openUser .oprnArea.openUser {
    display: inline-block;
    /* position: fixed; */
    /* bottom: 0px; */
    /* top: 0px; */
    /* top: 96px; */
    overflow-y: scroll;
    /* overflow: hidden; */
    height: 530px;
}

.indexmenuArea {
    height: 100%;
    min-height: 1200px;
    width: 32%;
    position: fixed;
    bottom: 0px;
    top: 0px;
    top: 108px;
  
}

.secondDiv{transition-property: top;
    transition-duration: .5s;
    transition-timing-function: ease-in-out;
    background: #fff;
    box-shadow: 0px 0px 3px 1px #00000017;
    padding: 20px;
}

.panel-heading {
    font-size: 21px;
    font-weight: bold;
    color: #605a1e;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;

}

.butbox1 p{ color:red; font-size: 13px;}
.butbox1 button {
    color: #fff;
    background: #605a1d;
    border-radius: 5px;
    padding: 8px 20px;
    border: none;
}
.butbox1 button:hover{color:#fff;}
.add-plus img{width:15px;}
.add-plus {
    background: #605a1c;
    padding: 0px 5px;
    border-radius: 5px;
    cursor: pointer;
}

.butbox1 {
    float: left;
}
img.add-plus {
    width: 25px;
    padding: 5px;
    margin-left: 10px;
}
.codition-head h4 img {
    width: 14px;
    float: right;
    margin-top: 6px;
    cursor: pointer;
}

button.button1 img {
    width: 14px;
}

.text-truncate {font-size: 14px;
    color: #605a1c;
}


.text-truncate img {
    width: 15px;
    margin-right: 6px;
}

.panel-icon {
    float: right;
}

.panel-icon {
    float: right;
    width: 20%;
    margin-top: 10px;
}


.edit-icon {
    float: left;
    margin-right: 10px;
    cursor: pointer;
}
.edit-icon img {
    width: 18px;
}
.del-icon img {
    width: 16px;
}
.sigCanvas{
	border: 1px solid;
}
.publishForm .textareaSignature, .clientFormView .textareaSignature{
	display: none;
}
.clientFormView .sigCanvas{
	pointer-events: none;
}
.frmName{
	display: flow-root;
}
.publishForm .collapseBtn{
	transform: rotate(90deg);
}
.publishForm .collapseBtn.collapseFalse{
	transform: rotate(0deg);
}
.clientFormView .collapseBtn{
	transform: rotate(90deg);
}
.clientFormView .collapseBtn.collapseFalse{
	transform: rotate(0deg);
}