.contract_body p {
	margin:0;
}

.contract_body blockquote {
	font-size: 14px;
}

.whitespinner {
    height: 7px;
    width: 7px;
    margin: 0px auto;
    position: relative;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left: 3px solid rgba(255,255,255,.10);
    border-right: 3px solid rgba(255,255,255,.10);
    border-bottom: 3px solid rgba(255,255,255,.10);
    border-top: 3px solid rgba(255,255,255,.5);
    border-radius: 100%;
}

#content {
    position: absolute;
}

.contract_content {
    background-color: #ffffff;
    margin-left: 220px;
    position: relative;
    height: 100vh;
}

.body_header {
    display: flow-root;
    padding-bottom: 40px;
    border-bottom: 1px solid #f0f0f0;
    border-top: none;
    padding: 35px;
    margin-top: 80px;
}

#contract-edit .body_header {
    margin-top: 0 !important;
}

.paperwork-readonly-view.advance_noedit_receiver .body_header {
    padding-left: 35px;
    padding-right: 35px;
}

.contract_instructions + .contract_header + .contract_content .contract_body_container .contract_body,
.advance-submit-info + .contract_header + .contract_content .contract_body_container .contract_body,
.advance-submit-info-saved + .contract_header + .contract_content .contract_body_container .contract_body,
.advance-submit-info-submitted + .contract_header + .contract_content .contract_body_container .contract_body {
    margin-top: 120px !important;
}

.template-type-worksheet .contract_instructions + .contract_header + .contract_content .contract_body_container .contract_body {
    margin-top: 80px !important;
}


#contract-edit #content-wrapper-inner {
    background: #fff;
    border-collapse: collapse;
    box-shadow: 0 0 0 0.5px rgba(49,49,93,.03), 0 2px 5px 0 rgba(49,49,93,.1), 0 1px 2px 0 rgba(0,0,0,.08);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 5px;
    margin-right: 5px;
    overflow: hidden;
}
#contract-edit #content-wrapper{
	margin-left: -5px;
	margin-right: -5px;
}

/* EDIT HEADER */
.contract_header {
    height: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #ffffff;
    position: relative;
    z-index: 3;
    box-sizing: content-box;
    overflow: hidden;
    position: fixed;
    width: 100%;
    line-height: 40px;
    border-bottom: 1px solid #e8e8e8;
    overflow: initial;
}

.contract_instructions {
    position: fixed;
    width: 100%;
    background: #fdf0d2;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 3;
    box-sizing: content-box;
    top: 81px
}

.contract_instructions + .contract_header + .contract_content {
}

#edit_text {
    font-size: 21px;
    font-family: 'inter_semibold',"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: darkslategrey;
    margin-left: 80px;
}

#instruction_text {
    font-size: 12px;
}

#instruction_text .theicons {
    position: relative;
    top: 2px;
    font-size: 14px;
    margin-right: 5px;
}

.summary_content .dealterms-text-row .dealterms-text-vs-separator div.dealterms-text-vs-separator-txt {
    color: #b1b4b4;
}

.instruction i:hover {
    cursor: pointer;
}

.head_buttons {
  font-family: 'inter_semibold',"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px!important;
  width: 80px;
  margin-right: 10px;
  color: #4a4e51;
  background-color: #f1f1f1;
  height: 30px!important;
  padding-top: 7px;
}


#download_print {
    width: 150px!important;
}

#download_print:hover {
    background-color: #e1e1e1;
}

.header_buttons_div {
    position: relative;
    float: right;
    height: 30px;
    padding-top: 20px;
}

/* EDIT HEADER END */


/*
 templates edit and new header
*/

.contract_body {
	background-color: #fff !important;
}

#contract-edit .contract_body {
	padding: 0;
}

#contract-edit .contract_body_container {
	background-color: #fff !important;
    border-radius: 4px;
}

#contract-edit .new_template_header {
	width: 100%;
	margin-top: 10px;
	margin-left: 0px;
}

#contract-edit .new_template_header .head_buttons_cont {
	float: left;
    margin-bottom: 10px;
    width: 100%;
    padding-right: 5px;
}

#contract-edit .new_template_header .disabled {
	opacity: 0;
}

.new_template_header .mzk-pdf-download-disabled {
    font-size: 14px;
    font-family: inter_semibold,'Helvetica Neue',Arial,Helvetica,sans-serif;
    margin-left: 8px;
}

#contract-edit .new_template_header #save_contract {
    margin-right: 10px;
	float: left;
    margin-left: 5px;
    position: relative;
    top: -2px;
}

#contract-edit .new_template_header #download_print {
	width: auto !important;
	margin-left: 5px;
    position: relative;
    top: 5px;
}

#contract-edit .new_template_header #download_print:hover {
	background-color: transparent;
}

#contract-edit .contract_instructions {
	border-bottom: 1px solid #f0f0f0;
	background-color: #fff;
    position: relative;
    padding: 15px;
}

#contract-edit .contract_instructions #instruction_text {
	font-size:12px;
	padding-left: 28px;
}

#contract-edit .contract_instructions .instruction .theicons {
	position:absolute;
	font-size: 20px;
    color: #6495ed;
}

#contract-edit .new_template_header .mzk-hovertip {
	position:relative;
}

#contract-edit .new_template_header div.mzk-hovertip-note {
    min-width: 40px;
    left: 19px;
    bottom: 29px;
}

/* end templates edit and new header */
.user_and_image_details {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
}

.user_image_container {
    width: 110px;
    height: auto;
    margin: auto;
    text-align: center;
    position: relative;
    vertical-align: middle;
    display: inline-block;
}

.image_border {
    height: 102px;
    width: 102px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    margin-left: 10px;
    border: 1px solid #ffffff;
}

.image_border:hover {
    cursor: pointer;
    border: 1px solid #e9eceb !important;
}

.solidBorder {
    border: 1px solid #ffffff;
}

.dashedBorder {
    border: 1px dashed #e9eceb;
}

.image_border:hover {
    border-color: #ddd !important;
}

.user_image_div {
    height: 100px;
    width: 100px;
    margin: 0;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    background-size: cover!important;
    overflow: hidden;
    -webkit-print-color-adjust: exact;
}

.user_image {
    height: 100px;
    width: auto;
}

.user_details {
    max-width: calc(100% - 130px);
    margin: auto;
    text-align: center;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #ffffff;
    margin-top: 0;
    width:100%;
    display: inline-block;
    vertical-align: middle;
}

.user_details:hover {
    border: 1px solid #e9eceb;
    cursor: hand;
}

.user_details article {
    font-family: 'inter_regular','Helvetica Neue',Arial,Helvetica,sans-serif;
    font-size: 14px;
    color: #333338;
    line-height: 18px;
    text-align: right;
    background-color: #ffffff;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 10px;
}

#band_name {
    font-family: 'inter_bold','Helvetica Neue',Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #212228;
}

.body_section {
    min-width: 300px;
    padding: 0;
    border-bottom: 1px solid #fff;
    margin: 20px 50px;
}

.template-type-contract .body_section {
    padding: 0;
    border-bottom: 1px solid #666666;
}

.paperwork-readonly-view.template-type-contract .body_section {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.item_heading .section_num {
    padding-left: 20px;
    font-family: 'inter_semibold','Helvetica Neue',Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    padding-top: 10px;
}

.section_heading {
    padding: 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid transparent;
    position:relative;
}

.section_heading:hover {
    border: 1px solid #e9eceb;
}


.section_heading .input_data, .section_heading .readonly-section-heading  {
    font-family: 'inter_semibold','Helvetica Neue',Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 21px;
    background-color: #ffffff;
    padding-left: 10px;
    padding-right: 30px;
}

.item_heading .input_data, .item_heading span, .item_heading .readonly-item-heading {
    font-family: 'inter_semibold','Helvetica Neue',Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    padding-top: 20px;
    background-color: #ffffff;
}

.contract_body .body_section textarea {
    border-color:#fff;
    background: transparent;
    border: none;
    overflow: hidden;
    width: 90%;
    resize: none;
    vertical-align: top;
}

.contract_body .body_section .item_heading textarea {
    height: 32px !important;
    padding-top: 11px;
}

body.template-type-advance .contract_body .body_section .item_heading textarea {
    height: 30px !important;
    padding-top: 5px;
}

body.template-type-worksheet .contract_body .body_section .item_heading textarea {
    height: 34px !important;
    padding-top: 12px;
}

.contract_body .body_section .section_heading textarea {
    height: 37px !important;
    line-height: 37px;
}

.item_description {
    margin-top: 2px;
    position: relative;
}

.item_description article {
    font-family: 'inter_regular','Helvetica Neue',Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 10px 10px 10px;
    cursor: text;
}

.item_description article img {
    max-width: 100%;
}

.template-type-contract .item_description article{
    padding-left: 20px;
}

.section_item_contact_field_visible .item_description article,
.section_item_text_dealterm_field_visible .item_description article {
    padding-top: 3px;
}


.button_section {
    padding-left: 20px;
    padding-top: 40px;
}

.add_section {
    margin-left: 16px;
    margin-top: 30px;
    height: 60px;
}

#add_section {
    background-color: #ffffff;
    font-family: 'inter_semibold','Helvetica Neue',Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 21px;
    color: #d5d7d7;
    max-width: 350px;
    width: 100%;
    position: relative;
    float: left;
    text-align: left;
    margin-left: 30px;
}

#add_section:hover {
    color: #b1b4b4;
}

#add_section .fa {
    color: #d5d7d7;
}

#add_section:hover > .fa {
    color: #b1b4b4;
}


.add_section_button .theicons {
    position: relative;
    top: -2px;
}

.add_section_item {
    padding-left: 10px;
    padding-top: 10px;
    display: inline-block;
}

.template-type-contract .add_section_item {
    padding-left: 20px;
    margin-bottom: 30px;
}

.section_item {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid transparent;
    position:relative;
}

.section_item:hover {
    border: 1px solid #e9eceb;
}

.edit_text_cont {
    float: left;
    margin-left: 20px;
    position: absolute;
}

.edit_text_cont i {
    /*float: left;*/
}

#template_name {
    max-width: 50%;
    display: none;
}

#contract-edit .responsive-page-title #template_name {
 display: block;
}

#contract-edit .title_details #template_name {
    display: block; 
    padding: 5px 10px;
    margin-left: -10px;
    border-radius: 4px;
    background: #fff;
    width: 100%;
    max-width: 100%;
    border: 1px solid #fff;
}

#contract-edit .title_details #template_name:hover {
    background: #fff;
    border-color: #e9eceb;
}

.edit_text_cont h1 {
    font-family: 'inter_semibold';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: left;
    margin-left: 10px;
    font-size:21px;
}
/*
#template_name {
    max-width: 700px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display:inline-block;
    padding-left: 4px;
}*/

#heading-left {
    display:inline-block;
    overflow: hidden;
}


.head_buttons_cont {
    height: 20px;
    float: right;
    margin-right: 25px;
}

.signature_section {
    min-height: 300px;
    padding: 20px 60px;
    width: 100%;
    box-sizing: border-box;
}

#contract-edit .signature_section {
    margin-top: 20px;
}

#right-signature-contract-section {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding: 20px;
    margin-top: -20px;
    position: relative;
    border-radius: 6px;
    border: 1px solid #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#left-signature-contract-section {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding-right: 20px;
    position: relative;
    border-radius: 6px;
    border: 1px solid #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#left-signature-contract-section .standard-btn {
    width: 100%;
    max-width: 216px;
}

#loading-cosign-signature {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: none;
}

#right-signature-contract-section.cosign_loading {
    border: 1px solid #f0f0f0;
}

#right-signature-contract-section.cosign_loading #loading-cosign-signature {
    display: block;
}

#right-signature-contract-section.cosign_loading #creater-signature,
#right-signature-contract-section.cosign_loading #add-cosign-signature {
    opacity: 0;
    pointer-events: none;
}

#remove-cosign-signature {
    position: absolute;
    right: -10px;
    top: -20px;
    display: none;
    color: #B1B4B0;
    cursor: pointer;
}

#remove-cosign-signature:hover {
    color: #444;
}

#contract-edit #right-signature-contract-section.cosign_enabled:hover,
.paperwork-editable-view #right-signature-contract-section.cosign_enabled:hover {
    border: 1px solid #f0f0f0;
}

#contract-edit #right-signature-contract-section.cosign_enabled:hover #remove-cosign-signature,
.paperwork-editable-view #right-signature-contract-section.cosign_enabled:hover #remove-cosign-signature {
    display: block;
}

#creater-signature {
    display: none;
}

#right-signature-contract-section.cosign_enabled #creater-signature {
    display: block;
}

#add-cosign-signature {
    display: block;
    border: 2px dashed #f0f0f0;
    border-radius: 6px;
    width: 100%;
    height: 190px;
    position: relative;
    cursor: pointer;
}

#add-cosign-signature:hover {
    border-color: #e0e0e0;
    background-color: #f8f8f8;
}

.paperwork-readonly-view #add-cosign-signature {
    display: none;
}

#add-cosign-signature:hover #add-cosign-signature-text,#add-cosign-signature:hover #add-cosign-signature-text .fa {
    /* color: #24272f; */
}

#add-cosign-signature-text {
    color: #d5d7d7;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    width: 100%;
    text-align: center;
 }

#right-signature-contract-section.cosign_enabled #add-cosign-signature {
    display: none;
}

.signature_inner {
    position: relative;
}

.signature_inner p {
    font: 'inter_regular','Helvetica Neue',Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 30px;
}


p.signature-container {
    font-family: 'journalregular', 'inter_semibold', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 52px;
    color: #222222;
    line-height: 50px;
}

.old-signature .contract-name {
    font-family: 'journalregular', 'inter_semibold', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 52px;
    color: #222222;
    position:relative;
    top:10px;
}


.signature-area {
    border: 1px solid #ffffff;
    padding: 0 10px 10px 10px;
    position: relative;
    left: -10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.viewonly-contract .signature-area {
    padding: 10px;
}

.signature-area span {
    display: block !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.signature_input:hover {
    border: 1px solid #e9eceb;
}

.signature_bold {
    font-family: 'inter_bold','Helvetica Neue',Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 27px;
}

.signature_section #signature-editable-account-name {
    margin-bottom: 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding-bottom: 2px;
    padding-top: 5px;
    margin-top:12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  .signature_section #signature-editable-signee-account-name {
      margin-bottom: 0;
      border-radius: 4px;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      padding-bottom: 2px;
      padding-top: 5px;
      margin-top:12px;
      white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    }
  
  .signature_section #signature-editable-contact-name {
      border-radius: 4px;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      padding-bottom: 5px;
      padding-top: 3px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-bottom: 40px;
  }
  
  .signature_section #signature-editable-signee-contact-name {
      border-radius: 4px;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      padding-bottom: 5px;
      padding-top: 3px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-bottom: 40px;
  }
  

.viewonly-contract #signature-editable-contact-name {
    padding-bottom: 12px !important;
}



#intro-block {
    min-width: 600px;
    padding: 0 50px 0 50px;
    margin: 20px 0;
}

.intro-block-content {

}

.intro-block-content p {
    font-size: 14px;
    color: #333338;
    font-family: 'inter_regular', 'Helvetica Neue', Arial, Helvetica, sans-serif;font-weight:normal;
    padding:10px;
}

.intro-block-content-name {
    font-family: 'inter_semibold','Helvetica Neue',Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.templates_header {
    height: 34px;
    padding-top: 30px;
    padding-bottom: 25px;
    background-color: #ffffff;
}

.templates_header .standard-button {
    padding-top: 0;
    padding-bottom: 0;
}

.templates_header h1 {
    font-family: 'inter_semibold','Helvetica Neue',Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 30px;
    color: #333338;
}

.templates_table {
    background-color: #ffffff;
    overflow-y: scroll;
}

.table_header:hover {
    cursor: pointer;
}

.templates_table table {
    margin-left: 30px;
    margin-top: 10px;
    width: 95%;
    background-color: #ffffff;
}

.templates_table table th, .templates_table table tr td {
    font-family: 'inter_regular','Helvetica Neue',Arial,Helvetica,sans-serif;
    font-size: 14px;
}

.button-wide {
    color: #4a4e51;
    background-color: #d5d7d7;
    font-family: 'inter_bold','Helvetica Neue',Arial,Helvetica,sans-serif;
    height: 30px;
    font-size: 14px;
    padding-top: 7px;
}

.button-wide:hover {
    background-color: #e1e1e1;
}

.table_header {
    width: 170px; text-align: left;
}

#table_first_header {
    font-family: 'inter_bold','Helvetica Neue',Arial,Helvetica,sans-serif;
    width: 400px;
    text-align: left;
    color: #333338;
}

.contract_body_container, .stage_plot {
    overflow-y: scroll;
    background-color: #fff;
    min-height:300px;
    width: 100%;
}

.contract_body {
    background-color: #f7f8f9;
    margin-top: 0;
    padding: 0;
}

.contract_inner_body {
    background-color: #ffffff;
    -webkit-transition-duration: 100ms;
    -moz-transition-duration: 100ms;
    -o-transition-duration: 100ms;
    transition-duration: 100ms;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    padding-bottom: 30px;
    border-radius: 2px;
}


.contract_name {
    text-decoration: none;
    color: #367089;
    font-family: 'inter_semibold','Helvetica Neue',Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 330px;
    display:block;
}

.contract_name:hover {
    color: #485d68;
}
/*
*:hover {
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
*/
.section_item_delete {
    /* float: right;
    margin-right: 20px;
    margin-top: 15px;
    display: none;
    position: absolute;
    right: 0;
    top:10px;
    color: #b1b4b4;
    cursor: pointer; */
}

.section_item_delete:hover {
    /* color: #444; */
}

.section_delete {
    float: right;
    margin-right: 20px;
    margin-top: 2px;
    display: none;
    position: absolute;
    right: 0;
    top:10px;
    cursor: pointer;
    color: #b1b4b4;
}
.section_delete:hover {
    color: #444;
}

.body_section:hover > .section_heading .section_delete {
    display: block !important; 
}

.section_item:hover > .section_item_delete {
    display: block !important; 
}

.section_item_options {
    display: none;
    position: absolute;
    right: 15px;
    top: 10px;
}

.section_item_contact_field_visible .section_item_options,
.section_item_text_dealterm_field_visible .section_item_options {
    top: 10px;
}

.section_item:hover > .section_item_options {
    display: block !important; 
}

.section_item_options .section_item_options_icon {
    opacity: 0.5;
    padding: 5px;
    height: 26px;
    width: 26px;
    border-radius: 4px;
}

.section_item_options .section_item_options_icon:hover {
    opacity: 1;
    cursor: pointer;
}

.section_item_options .mzk-dropdown-menu {
    right: 0;
    left: unset;
    width: 280px;
}

.contact-field-select,
.text-dealterm-field-select,
.advance-field-select {
    margin-bottom: 0;
    margin-left: 2px;
    margin-top: 1px;
    box-shadow: none;
    display: none;
}
.contact-field-select:hover,
.text-dealterm-field-select:hover,
.advance-field-select:hover,
.contact-field-user-select:hover {
    box-shadow: none;
}

.contact-field-user-select {
    box-shadow: none;
    display: none;
    position: absolute;
    right: 50px;
    top: 1px;
    min-width: 235px;
    color: #b1b1b4;
}

.template-type-contract .contact-field-select,
.template-type-contract .text-dealterm-field-select {
    margin-left: 33px;
}

.contact-field-edit-link {
    display: none;
    position: absolute;
    top: 25px;
    right: 295px;
}

.section_item_contact_field_visible:hover .contact-field-edit-link {
    display: block;
}

.section-item .styled-select .bootstrap-select .dropdown-menu li a span.text {
    /* font-family: 'inter_regular','Helvetica Neue',Arial,Helvetica,sans-serif; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-top: 0;
    background-color: unset;
    font-size: 14px;
}

.contact-field-select.styled-select .bootstrap-select .dropdown-menu li a span.text,
.advance-field-select.styled-select .bootstrap-select .dropdown-menu li a span.text,
.text-dealterm-field-select.styled-select .bootstrap-select .dropdown-menu li a span.text {
    font-size: 16px;
}

.contact-field-select .bootstrap-select .btn,
.advance-field-select .bootstrap-select .btn,
.text-dealterm-field-select .bootstrap-select .btn {
    padding-left: 5px;
    border:1px solid #fff;
}
.section_item_contact_field_visible:hover .contact-field-select .bootstrap-select .btn,
.section_item_advance_field_visible:hover .advance-field-select .bootstrap-select .btn,
.section_item_text_dealterm_field_visible:hover .text-dealterm-field-select .bootstrap-select .btn {
    border: 1px solid #f0f0f0;
}

.contact-field-user-select .bootstrap-select .btn {
    border:1px solid #f0f0f0;
}

.contact-field-user-select .bootstrap-select .btn:hover {
    border:1px solid #e0e0e0;
}

.contact-field-select .styled-select-arrows,
.advance-field-select .styled-select-arrows,
.text-dealterm-field-select .styled-select-arrows {
    display: none;
    top: 7px;
}

.contact-field-select .bootstrap-select .dropdown-menu.inner,
.advance-field-select .bootstrap-select .dropdown-menu.inner,
.text-dealterm-field-select .bootstrap-select .dropdown-menu.inner {
    max-height: 350px;
}

.section_item_contact_field_visible:hover .contact-field-select .styled-select-arrows,
.section_item_advance_field_visible:hover .advance-field-select .styled-select-arrows,
.section_item_text_dealterm_field_visible:hover .text-dealterm-field-select .styled-select-arrows {
    display: block;
}

.contact-field-user-select .styled-select-arrows {
    top: 7px;
    color: #b1b1b4;
}

.contact-field-user-select .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    color: #b1b1b4;
}

.contact-field-select .bootstrap-select .btn:hover,
.advance-field-select .bootstrap-select .btn:hover,
.text-dealterm-field-select .bootstrap-select .btn:hover {
    border:1px solid #e0e0e0 !important;
}

.contact-field-select:hover .styled-select-arrows,
.text-dealterm-field-select:hover .styled-select-arrows,
.advance-field-select:hover .styled-select-arrows,
.contact-field-user-select:hover .styled-select-arrows {
    display: inline-block;
}

.section-item .bootstrap-select .bs-caret {
    display: none !important;
}

.contact-field-select .bootstrap-select .dropdown-toggle .filter-option-inner-inner,
.advance-field-select .bootstrap-select .dropdown-toggle .filter-option-inner-inner,
.text-dealterm-field-select .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    font-size: 16px;
    color: #24272f;
}

.section_item_contact_field_visible .contact-field-select,
.section_item_text_dealterm_field_visible .text-dealterm-field-select,
.section_item_advance_field_visible .advance-field-select {
    display: inline-block;
}

.section_item_contact_field_visible:hover .contact-field-user-select {
    display: inline-block;
}

/* Base placeholder styles */
.contact-field-content-placeholder,
.text-dealterm-field-content-placeholder,
.advance-field-content-placeholder {
    display: none;
    padding: 4px 20px 9px 10px;
    color: #b1b1b4;
}

.template-type-contract .contact-field-content-placeholder,
.template-type-contract .text-dealterm-field-content-placeholder,
.template-type-contract .advance-field-content-placeholder {
    padding-left: 20px;
}

/* Show placeholders in edit mode */
#contract-edit .section_item_contact_field_visible .contact-field-content-placeholder,
#contract-edit .section_item_text_dealterm_field_visible .text-dealterm-field-content-placeholder,
#contract-edit .section_item_advance_field_visible .advance-field-content-placeholder {
    display: block;
}

/* Hide item_desc by default in advance fields */
#contract-edit .section_item_advance_field_visible .item_description .item_desc {
    display: none;
}

/* Show item_desc only when we have an answer */
#contract-edit .section_item_advance_field_visible[data-advance-status="has_answer"] .item_description .item_desc {
    display: block;
}

/* Different placeholder messages based on booking status */
.section-item[data-has-booking="false"] .item_description .item_desc {
    display: block;
}

/* Status-specific messages */
.section-item[data-has-booking="true"][data-advance-status="no_template"] .item_description .item_desc,
.section-item[data-has-booking="true"][data-advance-status="no_answer"] .item_description .item_desc,
.section-item[data-has-booking="true"][data-advance-status="no_question"] .item_description .item_desc {
    display: block;
}

/* Hide empty advance items in readonly view */
.paperwork-readonly-view .section-item[data-advance-status="no_template"],
.paperwork-readonly-view .section-item[data-advance-status="no_answer"] {
    display: none;
}

/* Hide advance items without answers in readonly view */
.paperwork-readonly-view .readonly-section-item.section_item[data-advance-status="no_template"],
.paperwork-readonly-view .readonly-section-item.section_item[data-advance-status="no_answer"],
.paperwork-readonly-view .readonly-section-item.section_item[data-advance-status="no_question"] {
    display: none;
}


/* Instead, only hide the .item_desc within item_description */
#contract-edit .section_item_contact_field_visible .item_description .item_desc,
#contract-edit .section_item_text_dealterm_field_visible .item_description .item_desc,
#contract-edit .section_item_advance_field_visible .item_description .item_desc {
    display: none;
}

.section_item_contact_field_visible .section_item_options_contact_field,
.section_item_text_dealterm_field_visible .section_item_options_text_dealterm_field,
.section_item_advance_field_visible .section_item_options_advance_field {
    display: none !important;
}

.section_item_options_contact_field_refresh,
.section_item_options_text_dealterm_field_refresh,
.section_item_options_advance_field_refresh {
    display: none !important;
}
.section_item_contact_field_visible .section_item_options_contact_field_refresh,
.section_item_text_dealterm_field_visible .section_item_options_text_dealterm_field_refresh,
.section_item_advance_field_visible .section_item_options_advance_field_refresh {
    display: block !important;
}

.section_item_options_text {
    display: none !important;
}

.section_item_contact_field_visible .section_item_options_text,
.section_item_text_dealterm_field_visible .section_item_options_text,
.section_item_advance_field_visible .section_item_options_text {
    display: block !important;
}

.section_item_contact_field_visible .item_heading textarea,
.section_item_text_dealterm_field_visible .item_heading textarea,
.section_item_advance_field_visible .item_heading textarea {
    display: none !important;
}


/* Show full name in dropdown, selected name when selected */
.bootstrap-select .dropdown-menu .full-name {
    display: inline;
}
.bootstrap-select .dropdown-menu .selected-name {
    display: none;
}
.bootstrap-select .filter-option .full-name {
    display: none;
}
.bootstrap-select .filter-option .selected-name {
    display: inline;
}

/* Advance item states in edit mode */
.paperwork-editable-view .advance-missing {
    color: #dc3545;
}

.paperwork-editable-view .advance-no-answer {
    color: #b1b1b4;
}

/* Hide empty advance items in readonly view */
.paperwork-readonly-view .section-item[data-advance-status="missing"],
.paperwork-readonly-view .section-item[data-advance-status="no_answer"] {
    display: none;
}


/* MEDIUM EDITOR STYLES OVERRIDE */

b {
    font-family: 'inter_bold','Helvetica Neue',Arial,Helvetica,sans-serif !important;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.item_desc ol li, .item_desc ul li {
    margin-left: 40px;
}

.medium-editor-toolbar {
    min-width: 247px!important;
    min-height: 30px!important;
    box-shadow: none!important;
    border: 1px solid #24272F!important;
    background-color: #24272F!important;
    -webkit-transition: none!important;
    transition: none!important;
    position: absolute!important;
    z-index: 1!important;
    box-sizing: border-box;
}

#medium-editor-toolbar-1 {
	min-width: 107px!important;
}

.medium-editor-toolbar li button {
    min-width: 35px!important;
    height: 30px!important;
    padding: 0px!important;
    border-left: none!important;
    border-right: none!important;
    border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    -webkit-border-radius: 0px!important;
    box-shadow: none!important;
    background: none!important;
    background-color: #24272F!important;
}

.medium-toolbar-arrow-under:after {
    top: 30px !important;
    border-color: #24272F transparent transparent transparent !important;
}

.medium-editor-button-active {
    color: #F0AD49!important;
}

.medium-editor-toolbar li button:hover {
    background-color: #000;
    color: #F0AD49 !important;
}

.medium-editor-placeholder:after {
    display: none;
}

.paperwork-readonly-view.template-type-advance .medium-editor-placeholder:after {
    display: block;
}

#toolbar_header {
    width: 247px;
    position: absolute;
    margin-left: 255px;
    margin-top: -125px;
}
/* OVERRIDE END */

.fa-file-text-o, .fa-file-pdf-o, .fa-file-image-o {
    margin-right: 15px;
    margin-left: 15px;
}

.fa-file-pdf-o {
    color: #333338;
}

.fa-star, .fa-plus {
    color: #d5d7d7;
    cursor: pointer;
}

.fa-plus {
    margin-right: 5px;
}

.fa-level-up:hover, .fa-times:hover {
    color: #485d68!important;
    cursor: pointer;
}

.fa-level-up {
    /* Rotate div */
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);
    color: #333338;
}

.section_delete_icon {
    float: right; margin-right: 20px; margin-top: 8px; display: none;
}

.photo_delete { 
    margin-right: 15px; 
    display: none;
    color: #b1b4b4;
    cursor: pointer;
    position: absolute;
    right: 0;
}

.photo_delete:hover {
    color: #444;
}

#photo-plus {
    position: absolute;
    margin-left: -10px;
    margin-top: 50px;
}

.modal {
    width: 500px;
    background: #ffffff;
    box-shadow: 0 0 0 0.5px rgba(49,49,93,.03), 0 2px 5px 0 rgba(49,49,93,.1), 0 1px 2px 0 rgba(0,0,0,.08);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding-top: 25px;
    padding-bottom: 25px;
}

.modal_header {
    height: 10px;
    padding-left: 30px;
}

.modal_header h1 {
    font-family: 'inter_semibold','Helvetica Neue',Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #333338;
}

.modal_body, .invalid_modal_body {
    margin-top: 10px;
    padding-left: 30px;
    width: 330px;
}

#template_name_field, #import_name, #import_type {
    border: 1px solid #e9eceb;
    width: 425px;
    height: 34px;
    margin-top: 25px;
    padding: 0 10px 0 10px;
    font-family: 'inter_regular','Helvetica Neue',Arial,Helvetica,sans-serif;
    font-size: 14px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #ffffff;
    -webkit-appearance: none;
}

.modal-button {
    font-family: 'inter_bold','Helvetica Neue',Arial,Helvetica,sans-serif; !important;
    margin-top: 35px;
    heigth: 30px;
    width: 100px;
    font-size: 14px!important;
    padding-top: 7px!important;
}

#modal_create, #import_create {
    height: 30px;
    background-color: #5a97a4;
    color: #ffffff;
}



.button_collection {
    /*width: 200px;*/
    height: 30px;
    position: relative;
}

.more_dropdown {
    border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    width: 20px;
    padding-left: 10px!important;
}

.edit_template_button {
    border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    margin-right: 1px;
    width: 90px;
}

#new_import {
    margin-right: 40px;
}

#new_template {
    margin-right: 15px;
    padding-right: 10px;
}

.new_template_dropdown {
    width: 210px!important;
    margin-left: -75px!important;
}

.contract_dropdown, .new_template_dropdown {
    width: 140px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.2);
    background-color: #ffffff;
    position: absolute;
    z-index: 99999;
    margin-top: 32px;
    margin-left: 50px;
    color: #5cafc6;
}

.contract_dropdown ul, .new_template_dropdown ul {
    list-style: none;
}

.contract_dropdown ul li, .new_template_dropdown ul li {
    padding: 2px 20px;
    line-height: 21px;
    font-size: 14px;
    font-family: 'inter_regular','Helvetica Neue',Arial,Helvetica,sans-serif;
}

.contract_dropdown ul li:hover, .new_template_dropdown ul li:hover {
    background-color: #f1f2f2;
    color: #333338;
    cursor: pointer;
}

.border_separator {
    background-color: #d6e3e4;
    height: 35px;
}

.modal_body p, .invalid_modal_body p {
    font: 'inter_regular','Helvetica Neue',Arial,Helvetica,sans-serif;
    font-size: 14px;
    padding-top: 35px;
    width: 425px;
    color: #333338;
}


.disabled_false {
    cursor: pointer;
    opacity:1;
}

.disabled_false:hover {
    opacity:1;
}

/* DROPZONE STYLES */

#dropzone_div {
    top: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #000000;
    opacity: 0.7;
}

#dropzone_inner_div {
    height: 84.5%;
    width: 94.5%;
    margin: 30px;
    border: 4px dashed #b1b4b4;
    position: absolute;
}

#dropzone_inner_div:hover {
    cursor: pointer;
}

#dropzone_center_div {
    width: 95%;
    margin: auto;
    pointer-events: none;
}

#overlay_text_container {
    pointer-events: none;
}

#overlay-close {
    float: right;
    padding-right: 12px;
    padding-top: 10px;
}

#image_container {
    /*height: 80px;
    width: 55px;
    margin: auto;*/
    height: 120px;
    width: 120px;
    margin: auto;
    font-size:120px;
    color:#dddddd;
}

#image_text_container {
    color:#dddddd;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#image_container i {
    text-align: center;
    color: #eee;
    font-size: 120px;
}

#text_container h2, #white_spinner_text h2 {
    text-align: center;
    font-size: 21px;
    font: 'inter_semibold','Helvetica Neue',Arial,Helvetica,sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #b1b4b4;
    vertical-align: middle;
    color:#dddddd;
}

#overlay_text_container h2 {
    text-align: center;
    font-size: 21px;
    font: 'inter_semibold','Helvetica Neue',Arial,Helvetica,sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #b1b4b4;
    margin-top: 30%;
}

#close_upload {
    width: 100%;
}

#close_upload i {
    float: right;
    color: #b1b4b4;
    margin-right: 20px;
    margin-top: 16px;
}

.dragEnterUpload {
    border: 4px solid #cacccc!important;
}

.dragLeaveUpload {
    border: 4px dashed #cacccc!important;
}

#uploading_image {
    vertical-align: middle;
    height: 100px;
    width: 100px;
    margin: 0;
}

#uploading_info {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100px;
    width: 100px;
}

#white_spinner_text {
   position:relative;
   top:-63px;text-align:
   center;min-width:40px;
}
#white_spinner_text #uploading_progress {
font-size: 22px;
}


/* END OF DROPZONE STYLES */

/* MODALS */

#upload_template_modal {
    width: 600px;
    top: 20%;
    left: 30%;
}

.modal_note {
    margin-top: 40px;
    margin-left: 30px;
    margin-right: 40px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 20px;
    background-color: #e9eceb;
}

.modal_note p {
    font-family: 
    font-size: 14px;
}

#import_name {
    width: 300px!important;
    margin-left: 51px;
}

#import_type {
    width: 322px!important;
    margin-left: 52px;
    background: url(../images/icons/caret.png) no-repeat right;
    background-size: 27px 27px;
}

#modal_body span {
    font-family: 'inter_regular','Helvetica Neue',Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #333338;
    width: 400px;
}

.form-group {
    font-size: 14px;
    width: 510px;
    position: relative;
    padding: 0px!important;
    margin-top: -10px;
    color: #333338;
}

/* MODALS END */

/* STAGE PLOT STYLES */

.stage_plot {
    background-color: #FFF;
    border-radius: 4px;
}

.stage_plot_container {
    background-color: #fff;
    position: relative;
}

.stage_plot_inner {
    background-color: #ffffff;
    height: 100%;
    padding: 0;
    position: relative;
    text-align: center;
    padding-bottom: 0;
    padding-top: 80px;
}

.stage_plot_inner img#upload_image {
    width: 100%;
}

#upload_image_pdf {
    width: 100vw;
    height: calc(100vh - 82px); 
    top: 82px;
    -webkit-overflow-scrolling: touch !important;
    overflow-y: scroll !important;
    display: block;
    position: relative;
}
.stage_plot_inner #upload_image_pdf { top: 0; }
.header-modal .stage_plot_inner #upload_image_pdf { top: 82px; }

.dropzone_div_back {
    height: inherit;
    position: relative;
    z-index: 3;
}

.dropzone_div_back:hover {
    cursor: pointer;
}

.stage_plot_overlay {
    top: 85px;
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #000000;
    opacity: 0.7;
}

#cross-container {
    position: absolute;
    color: #ddd;
    top: 5px;
    margin-right: 0;
    right: 5px;
    font-size: 20px;
    width: auto;
    height: auto;}

#cross-container i:hover {
    color: #333338!important;
    cursor: pointer;
}

/* END OF STAGE PLOT STYLES */

/* STYLE GUIDE COLORS */
.white {color: #fff;}
.verylightgrey {color: #f1f2f2 ;}
.lightgrey {color: #e9eceb ;}
.grey {color: #d5d7d7 ;}
.grey2 {color: #b1b4b4 ;}
.grey2 {color: #A7ABAB ;}
.darkgrey1 {color: #4a4e51 ;}
.darkgrey2 {color: #333338 ;}
.darkergrey {color: #212228 ;}
.blackish {color: #131717 ;}

.brightblue {color: #5cafc5 ;}
.greenblue {color: #5a97a4 ;}
.strongblue {color: #367098 ;}
.darkblue {color: #485c67 ;}
.darkerblue {color: #384a54 ;}

.green {color: #5fce9b ;}
.red {color: #dd5050 ;}
.yellow {color: #f2d24c ;}
/* END STYLE GUIDE COLORS */


/*
*readonly
*/
.paperwork-readonly-view .body_header,
.paperwork-readonly-view .body_section,
.paperwork-readonly-view .item_description,
.paperwork-readonly-view .item_desc {
    /* pointer-events: none; */
}

.paperwork-readonly-view .summary-label {
    pointer-events: none;
}

.paperwork-editable-view  .summary-label[contenteditable="true"],
#demo-booking-summary .summary-label[contenteditable="true"] {
    padding: 2px 4px;
    border-radius: 4px;
    border: 1px solid #fff;
    position: relative;
    z-index: 2;
    margin-left: -5px;
}

#demo-booking-summary .summary_content .summary-value {
    color: #b1b1b4 !important;
}

[contenteditable="true"] {
    cursor: text;
    caret-color: #000; /* Makes the cursor visible and black */
}

[contenteditable="true"]:focus {
    outline: none; /* Optional: removes the default focus outline */
}

.paperwork-editable-view  .summary-label:hover[contenteditable="true"],
#demo-booking-summary .summary-label:hover[contenteditable="true"] {
    background: #f8f8f8;
}

.paperwork-editable-view .summary_content:hover .summary-label[contenteditable="true"],
#demo-booking-summary .summary_content:hover .summary-label[contenteditable="true"] {
    border: 1px solid #e9eceb;
}

.paperwork-readonly-view.template-type-advance .item_description article {
    border-left: 2px solid #f0f0f0;
    padding-left: 10px;
}

.paperwork-readonly-view.template-type-advance .item_description article.medium-editor-element {
    border-left: 0 !important;
}


.paperwork-readonly-view .section_heading:hover,
.paperwork-readonly-view .section_item:hover {
    border-color: #fff !important;
    background: #fff !important;
}

.paperwork-readonly-view .signature_input:hover {
    border-color: #fff !important;
    background: #fff !important;
}

.paperwork-readonly-view .user_details:hover {
    border-color: #fff !important;
    background: #fff !important;
    border: 1px solid #fff !important;
}

.paperwork-readonly-view .image_border:hover {
    cursor: default !important;
    border-color: #fff !important;
}

.paperwork-readonly-view .section_item:hover > .section_item_delete,
.paperwork-readonly-view .section_heading .section_delete {
    display: none !important;
}

.section_item_delete,
.section_delete {
    display: none;
}

.dropdown-menu li.section_item_delete {
    display: block;
}

.paperwork-editable-view .section_item:hover > .section_item_delete,
.paperwork-editable-view .section_heading:hover .section_delete {
    display: block;
}

.paperwork-readonly-view .section_item:hover > .section_item_delete,
.paperwork-readonly-view .section_heading:hover .section_delete {
    display: none !important;
}

.paperwork-readonly-view .body_section:hover > .section_heading .section_delete {
    display: none !important; 
}

.paperwork-readonly-view .add_section_item, 
.paperwork-readonly-view .add_section {
    display: none !important; 
}

/*
* incoming default switch
*/

#contract-edit #incoming-default-switch {
    display: inline-block;
    vertical-align: top;
    display: relative;
}
#contract-edit #incoming-default-switch .mzk-onoffswitch {
    transform: scale(0.75);
}

#contract-edit #incoming-default-switch div.mzk-hovertip-note {
    bottom: 40px;
}

#contract-edit #incoming-default-switch .mzk-onoffswitch-label {
    border-color: #f7f8f9;
}

#contract-edit #incoming-default-switch-text {
    display:inline-block;
    vertical-align: top;
    margin-top: 8px;
}

/* */
#contract-show-dealterms {
    margin-left: 10px;
}

#contract-show-dealterms .contract-show-dealterms-switch {
    display: inline-block;
}

#contract-show-dealterms .pretty.p-switch .state label {
    color: #b1b1b4;
}

.contract-dealterms-hidden .contract-dealterms,
.contract-dealterms-hidden .contract-text-dealterms {
    display: none !important;
}

.contract-dealterms-info-visible,
.contract-dealterms-info-hidden {
    display: none;
    color: #b1b1b4;
    margin-top: 5px;
    white-space: nowrap;
    font-family: inter_italic, 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

.contract-dealterms-visible .contract-dealterms-info-visible {
    display: block;
}

.contract-dealterms-hidden .contract-dealterms-info-hidden {
    display: block;
}

.head_template_title {
    font-size: 21px;
    max-width: 45%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'inter_semibold','Helvetica Neue',Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: left;
    margin-left: 30px;
}


/** WOrksheet header */
.worksheet_header .body_header {
    display: flow-root;
    padding-bottom: 40px;
    border-bottom: 1px solid #f0f0f0;
    border-top: none;
    padding: 70px 40px 40px 40px;
    margin-top: 40px;
}

.worksheet_header .user_image_container {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    padding-top: 0;
}

.worksheet_header .user_image_container .image_border{
    margin-left: 0;
    width: 102px;
    height: 102px;
}

.paperwork-editable-view .worksheet_header .user_image_container .image_border{
    margin-left: 0;
}

.worksheet_header .user_image_container .user_image_div {
    border: none;
    height: 100px;
    width: 100px;
}

.worksheet_header .user_details {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(45% - 140px);
    margin-top: 0;
    box-sizing: border-box;
}

.worksheet_header .user_details article {
    text-align: right;
    padding-right: 10px;
}

.worksheet_header .event_details_container {
    width: 55%;
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px 0 25px;
    box-sizing: border-box;
}

.title_details {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    padding: 0 25px;
    box-sizing: border-box;
}
.worksheet_header .title-details {
    width: 100%;
}

.worksheet_header .document_title,
.document_title {
    font-family: 'inter_semibold','Helvetica Neue',Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
}

.worksheet_header .event_details {
    margin-top: 10px;
}

.worksheet_header .event_details .summary-label {
    width: 70px;
    display: inline-block;
    vertical-align: top;
}

.worksheet_header .event_details .summary-value {
    width: calc(100% - 70px);
    display: inline-block;
    vertical-align: top;
}

.worksheet_header .event_details p {
    padding-bottom: 3px;
}

.worksheet_header #booking_summary_div {
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #f0f0f0;
}

#demo-booking-summary.worksheet_header { 
    margin-top: 0;
}

#demo-booking-summary.worksheet_header .body_header { 
    margin-top: 0;
    padding-top: 40px;
}

#demo-booking-summary.worksheet_header .worksheet_header_content .worksheet_header_col {
    color: #b1b1b4;
}

#demo-booking-summary.worksheet_header .worksheet_header_content .worksheet_header_col_full {
    margin-top: 10px;
    color: #b1b1b4;
    background: #f8f8f8;
    display: inline-block;
    width: auto;
    padding: 5px 10px;
    border-radius: 4px;
}

.worksheet_header .worksheet_header_content {
    margin-top: 10px
}

.worksheet_header .worksheet_header_content .worksheet_header_row {
   margin-top: 5px;
}

.worksheet_header .worksheet_header_content .worksheet_header_col {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
    box-sizing: border-box;
    overflow-wrap: break-word;
    word-wrap: break-word;
    position: relative;
}

.worksheet_header .worksheet_header_content .worksheet_header_col_half {
    width: 50%;
}

.worksheet_header .worksheet_header_content .worksheet_header_col_time {
    width: 18%;
}

.worksheet_header .worksheet_header_content .worksheet_header_col_artist {
    width: 21%;
}

.worksheet_header .worksheet_header_content .worksheet_header_col_person {
    width: 21%;
}

.worksheet_header .worksheet_header_content .worksheet_header_col_email {
    width: 40%;
}

.worksheet_header .worksheet_header_content .worksheet_header_col_full {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
    box-sizing: border-box;
}

.worksheet_header .worksheet_header_content .worksheet_header_col_full.empty_col {
    width: auto;
    background: #f8f8f8;
    padding: 5px 10px;
    width: auto;
    margin-top: 10px;
    border-radius: 4px;
    margin-left: 10px;
}

.worksheet_header .worksheet_header_content .worksheet_header_col_full_margin {
    margin-bottom: 10px;
}

.worksheet_header .worksheet_header_content .worksheet_header_col_link .theicons {
    display: none;
    position: relative;
    top: 1px;
}

.worksheet_header .worksheet_header_content .worksheet_header_col_link:hover .theicons {
    display: inline-block;
}

.worksheet_header .worksheet_header_content .worksheet_header_row:last-of-type .worksheet_header_col_full_margin {
    margin-bottom: 0;
}

.worksheet_header .worksheet_summary_section {
    padding: 20px 30px;
    border-bottom: 1px solid #f0f0f0;
}

.worksheet_header .worksheet_summary_section:last-of-type {
    /* margin-bottom: 20px; */
}

.worksheet_header .body_header {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.template-type-worksheet .body_section {
    margin: 20px 0;
    border-bottom: 1px solid #f0f0f0;
    padding: 0 30px 30px 30px;
}

.template-type-worksheet #add_section {
    margin-left: 10px;
}

.worksheet_header .worksheet_summary_section h2 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'inter_semibold','Helvetica Neue',Arial,Helvetica,sans-serif;
    font-size: 21px;
    background-color: #fff;
    padding-left: 10px;
    border: 1px solid transparent;
    box-sizing: border-box;
    margin-top: 0;
    margin-bottom: 0;
}


.worksheet_header .worksheet_summary_section_link {
    display: none;
    margin-left: 5px;
}

.worksheet_header .worksheet_summary_section_link,
.worksheet_header a {
    -webkit-font-smoothing: initial;
    -moz-osx-font-smoothing: unset;
}

.worksheet_header .worksheet_summary_section:hover .worksheet_summary_section_link {
    display: inline-block;
}

.worksheet_header .worksheet_summary_section_link_info {
    display: none;
    margin-left: 10px;
    -webkit-font-smoothing: initial;
    -moz-osx-font-smoothing: unset;
    background: #fdf0d2;
    font-size: 12px;
    padding: 5px 20px;
    border-radius: 4px;
    position: absolute;
    margin-top: -4px;
}

.worksheet_header .worksheet_summary_section:hover .worksheet_summary_section_link_info {
    display: inline-block;
}

.worksheet_header .worksheet_summary_section.worksheet_lineup_empty:hover .worksheet_summary_section_link_info {
    display: none !important;
}

.worksheet_summary_section_link_info .theicons {
    position: relative;
    top: 2px;
    font-size: 14px;
    margin-right: 5px;
}


.worksheet_header_switch {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    position: relative;
    top: -1px;
}

.worksheet_summary_section_off .worksheet_header_content {
    display: none;
}

.lineup-add-another-contact {
    font-size: 14px;
    display: inline-block;
    opacity: 0;
    pointer-events: none;
    line-height: 12px;
    top: -3px;
    position: relative;
}

.lineup-remove-contact {
    margin-left: 10px;
    font-size: 14px;
    position: absolute;
    right: 27px;
    display: inline-block;
    opacity: 0;
    pointer-events: none;
    line-height: 12px;
}

.worksheet_header_col_person:hover .lineup-add-another-contact,
.worksheet_header_col_person:hover .lineup-remove-contact {
    opacity: 1;
    pointer-events: all;
}

.lineup-contact-select {
    min-width: calc(100% - 10px);
    box-shadow: none;
    border: 1px solid #fff;
    height: auto !important;
    line-height: unset;
    margin-left: -7px;
    margin-top: -1px;
}

.lineup-contact-custom .lineup-contact-select {
    min-width: calc(100% - 10px);
}

.lineup-contact-select:hover {
    box-shadow: none;
}

.lineup-contact-select.styled-select .btn {
    padding: 0 3px;
    height: auto;
    line-height: 14px;
    border: 1px solid #fff;
}

.lineup-contact-select.styled-select .btn:hover {
    border: 1px solid #e0e0e0;
}

.lineup-contact-select.styled-select .bs-caret {
    display: none;
}

.lineup-contact-select.styled-select .bootstrap-select {
    height: auto;
}

.lineup-contact-select.styled-select .bootstrap-select .dropdown-toggle .filter-option {
    line-height: 20px;
}

.lineup-contact-select.styled-select .styled-select-arrows {
    display:none;
    right: 4px;
}

.lineup-contact-select.styled-select:hover .styled-select-arrows {
    display:block;
}

.lineup-contact-select.styled-select .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    font-family: 'inter_regular','Helvetica Neue',Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}

.lineup-contact-name-input {
    position: absolute;
    top: 2px;
    left: 3px;
    width: calc(100% - 35px);
    line-height: 14px;
    border-radius: 4px;
    background: #fff;
    display: none;
}

.worksheet_header_col input::-webkit-input-placeholder {
    color: #dddddd !important;
}
.worksheet_header_col input::-moz-placeholder {
    color: #dddddd !important;
}
.worksheet_header_col input:-ms-input-placeholder {
    color: #dddddd !important;
}
.worksheet_header_col input:-moz-placeholder {
    color: #dddddd !important;
}
.worksheet_header_col input {
    font-family: 'inter_regular','Helvetica Neue',Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}

.lineup-contact-email-input,
.lineup-contact-phone-input {
    display: none;
    border-radius: 4px;
    background: #fff;
    padding: 0;
    width: 100%;
}

.lineup-contact-custom .lineup-contact-phone-input,
.lineup-contact-custom .lineup-contact-email-input{
    display: none;
}

.lineup-contact-custom .lineup-contact-name-input,
.lineup-contact-custom .lineup-contact-phone-input,
.lineup-contact-custom .lineup-contact-email-input {
    display: block;
}

.lineup-contact-custom .lineup-contact-phone,
.lineup-contact-custom .lineup-contact-email {
    display: none;
}

.head_buttons_cont .mzk-dropdown-actions {
    display: inline-block;
    position: relative;
    float: right;
}  

.head_buttons_cont .dropdown-menu {
    right: 5px;
    left: unset;
    min-width: 210px;
}  

.hide-text-tag{
    color: #fff;
    user-select: none;
    font-size: 6px;
}

.sign-date-field, 
.cosign-date-field { 
    position: absolute;
    left: 30px;
    margin-top: -9px;
    height: 10px;
}

.sign-field,
.cosign-field {
    position: absolute;
    left: 30px;
    margin-top: -37px;
    height: 30px;
}

.sign-areas p {
    position: relative;
}
  
#cosign-enabled-default-switch {
    margin-top: 13px;
    margin-left: 20px;
}

#signnow-preview-iframe {
    height: calc(100vh);
    padding-top: 79px;
    border: none;
    background: transparent;
    position: relative;
    z-index: 1;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
}

#signnow-preview-iframe-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin-top: -33px;
}

#signnow-preview-iframe-loader .mzkloader {
    margin: auto;
}

#signnow-contract-body {
    display: none;
}

.paperwork-readonly-view .mzk-fullscreen-loading {
    top: 81px;
}

.signnow-hide-header .contract_header {
    display: none;
}

.signnow-hide-header #signnow-preview-iframe {
    padding-top: 0;
}

.signnow-doc-header-logo {
    width: 90px;
    line-height: 40px;
    margin-top: -7px;
}

.signnow-doc-header-logo-certified {
    height: 12px;
    line-height: 12px;
    font-size: 12px;
    color: #b1b1b4;
    margin-top: -9px;
}

.signnow-doc-header-logo img {
    width: 100%;
}

@media (max-width: 900px) {

    .template-type-advance .head_template_title {
        max-width: 35%;
        margin-left: 20px;
    }

}

@media (max-width: 760px) {

    .hide-mobile {
        display: none !important;
    }

    .left_panel, .center_panel, .right_panel {
        float: none;
          width: 100%;
          display: block;
          padding-bottom: 20px;
          margin-left: 10px;
    }

    .summary_content {
        height: auto;
    }

    .body_section, #booking_summary_div {
        padding: 0 20px;
        margin-top: 40px;
    }

    .signature_section {
        padding-left: 25px;
        padding-bottom:40px;
        margin-bottom:40px;
        padding-right: 30px;
    }

    /* .signature_inner {
        width:100% !important;
        max-width: 100% !important;
        margin-bottom: 40px;
    } */

    .viewonly-contract .signature-area {
        margin-bottom: 0;
    }
    
    .contract_inner_body {
        box-shadow: none;
    }

    .viewonly-contract #signature-editable-contact-name {
        padding-bottom: 0 !important;
    }

    .user_details article {
          padding-bottom: 35px;
    }

    .edit_text_cont {
        margin-left: 0;
        width: 100%;
        float: none;
        display: block;
        position: relative;
    }

    .head_buttons_cont {
        height: auto;
        padding: 10px 15px;
        width: 100%;
    }

    #contract-editfull-es .head_buttons_cont button {
        width: 100% !important;
        margin: 10px 0;
    }

    #contract-editfull-es .head_buttons_cont {
        width: 100% !important;
        box-sizing: border-box;
    }

    .contract_header {
        height: auto;
        border-bottom:1px solid #f0f0f0;
    }

    .body_header {
        margin-top: 60px !important;
    }
    
    .worksheet_header .event_details_container,
    .title_details,
    .worksheet_header .user_details {
        padding: 0 20px !important;
    }

    .worksheet_header .body_header {
        padding-right: 0;
        padding-left: 0;
    }

    .paperwork-editable-view .worksheet_header .body_header {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    .worksheet_header .worksheet_summary_section {
        padding-right: 10px;
        padding-left: 10px;
    }

    .paperwork-editable-view .worksheet_header .worksheet_summary_section {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    .template-type-worksheet .body_section {
        padding: 0 23px 20px 20px;
    }

    .body_header {
        padding: 30px;
    }

    .paperwork-readonly-view .body_header {
        margin-bottom: 30px !important;
        margin-top: 20px !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .worksheet_header .body_header {
        padding-right: 0 !important;
        padding-left:0 !important;
    }

    .paperwork-readonly-view .worksheet_header .body_header {
        margin-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .readonly-section-item .item_description article {
        padding-left: 0;
    }

    .contract_content {
        margin-top: 0;
    }

    h1, h2, .section_heading .input_data {
        font-size: 17px !important;
        /* width:100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 0;
        padding-left: 5px; */
    }

    .section_heading .readonly-section-heading {
        font-size: 19px !important;
        width:90%;
    }

    .item_heading .input_data, .item_heading span, .item_heading .readonly-item-heading {
        font-size: 14px;
    }

    .section_heading {
        padding-top: 0;
        padding-bottom: 0;
    }

    .summary_content {
        padding-top: 10px;
    }

    .section_heading .readonly-section-heading  {
        padding-left: 0;
    }

    .body_section, #booking_summary_div {
        margin-bottom: 20px;
        margin-right:0;
        margin-left:0;
    }

    .edit_text_cont h1 {
        padding-bottom: 10px;
    }

    #viewfull-summary-es .head_buttons_cont{
        display:none;
    }

    .section_delete {
        top: 0;
        margin-right: 10px;
    }

    .item_heading .readonly-item-heading {
        padding-left: 0;
        padding-right: 30px;
    }

    #add_section {
        margin-left: 15px;
    }

    #contract-edit .section_heading, #contract-edit .section_item {
        border: 1px solid #e9eceb;
        margin-bottom: 5px;
    }

    .head_buttons_cont .mzk-dropdown-actions {
        display: none;
    }

}


@media (max-width: 760px) {

    .left_panel, .center_panel, .right_panel {
        float: none;
          width: 100%;
          display: block;
          padding-bottom: 20px;
          margin-left: 10px;
    }

    .summary_content {
        height: auto;
    }

    .body_section, #booking_summary_div {
        padding: 0 20px;
        margin-left: 0;
    }

    /*.signature_section {
        display: none;
    }*/

    .user_details article {
          border-bottom: 1px solid #fff;
          padding-bottom: 35px;
    }

    .edit_text_cont {
        margin-left: 20px;
        width: 100%;
        float: none;
        display: block;
        position: relative;
    }

    .head_buttons_cont {
        float: left;
        height: auto;
        margin:auto;
        display:block;
    }

    .accept_contract {
        float: none;
        margin: auto;
    }

    .head_buttons_cont .standard-btn {
        float: none !important;
        margin: auto;
        display: block;
        box-sizing: border-box;
        line-height: 20px;
    }

    .contract_header {
        height: auto;
        padding-bottom: 0px;
    }

    .contract_body {
        padding: 0;
    }

    .acceptedlabel {
        padding-top: 0;
        margin-right: 30px;
        float: right;
        margin-right: 0;
        font-size: 12px;
        padding: 2px 10px;
    }

    .head_buttons {
        margin-left: 10px;
    }

    #download_print_booking {
        display:none;
    }

    .head_buttons_cont .print-btn, .head_buttons_cont .download-btn {
        display:none;
    }

    .contract_header h1 {
        text-align: center;
        margin-left:0;
    }

    .stage_plot_inner {
        padding:10px;
        margin-bottom:0;
        padding-top: 110px;
    }

    #creater-signature {
        margin-bottom: 40px;
    }

    .head_template_title,
    .template-type-advance .head_template_title {
        max-width: calc(100% - 49px);
        margin-left: 20px;
    }

    /* .worksheet_header .event_details_container {
        width: 100%;
    }

    .user_details {
        width: 100%;
        max-width: 100%;
        display: block;
        padding: 0 20px;
    }

    .user_details article {
        text-align: left;
        border-bottom: none;
        padding-bottom: 10px;
    } */

    /* .user_image_container {
        display: none;
    } */

    .user_and_image_details {
        width: calc(100% + 30px);
    }

    .title_details {
        width: 100%;
        padding: 0 !important;
    }

    .worksheet_header .title_details {
        padding: 0 20px !important;
    }

    /* .worksheet_header .user_details {
        width: 100%;
        max-width: 100%;
        display: block;
        padding: 0 20px;
    }

    .worksheet_header .user_details article {
        text-align: left;
        border-bottom: none;
        padding-bottom: 10px;
    } */

    .paperwork-readonly-view.template-type-contract .body_section {
        margin-left: 30px;
        margin-right: 30px;
    }

    #contract-edit #right-signature-contract-section.cosign_enabled,
    .paperwork-editable-view #right-signature-contract-section.cosign_enabled {
        border: 1px solid #f0f0f0;
    }
    
    #contract-edit #right-signature-contract-section.cosign_enabled #remove-cosign-signature,
    .paperwork-editable-view #right-signature-contract-section.cosign_enabled #remove-cosign-signature {
        display: block;
    }

    #signnow-preview-iframe {
        padding-bottom: 80px;
    }

    .signnow-doc-header-logo,
    .signnow-doc-header-logo-certified {
        display: none;
    }

}

@media (max-width: 550px) {

    .worksheet_header .event_details_container {
        width: 100%;
    }

    .worksheet_header .user_details {
        width: 100%;
        max-width: 100%;
        display: block;
        padding: 0 20px;
    }

    .worksheet_header .user_details article {
        text-align: left;
        border-bottom: none;
        padding-bottom: 10px;
    }

    .worksheet_header .user_image_container {
        display: none;
    }

    .user_details {
        width: 100%;
        max-width: 100%;
        display: block;
        padding: 0;
    }

    .user_image_container {
        display: none;
    }

    .user_details article {
        text-align: left;
        border-bottom: none;
        padding-bottom: 10px;
    }

    .signature_inner {
        width:100% !important;
        max-width: 100% !important;
        margin-bottom: 40px;
    }

    #left-signature-contract-section,
    #right-signature-contract-section {
        width:100% !important;
        max-width: 100% !important;
        padding-left: 20px !important;
        margin-top: 10px;
    }

    #left-signature-contract-section .standard-btn {
        max-width: unset;
    }

}