@charset "utf-8"; 
/* CSS Document */ 
html, body {font-size: 14px;}
a {color: #0092CF;}
a:hover {color: #666666;}
a img {border: 0;}
img {max-width: 100%;height: auto;}
h1, h2, h3, h4, h5, h6 {line-height: normal;color: #333;}
.form-group {margin-bottom: 15px;position: relative;}
body {color: #666;font-family: 'Open Sans', sans-serif;}
#header {padding: 18px 0;background: #fff;border-bottom: 1px solid #e5e5e5;}
#logo {float: left;}
#logo img {max-height: 50px;}
ul.account-nav {float: right;margin: 0;padding: 0;list-style: none;}
ul.account-nav li {display: inline-block;}
ul.account-nav li + li {margin-left: 20px;}

ul.account-nav li.welcome-user {vertical-align: middle;position: relative; display: inline-block;font-weight: 600;font-size: 13px;border-right: 1px solid #ddd;padding: 5px 20px 5px 0;}

ul.account-nav li.welcome-user small {display: block;font-weight: normal; margin-top: 2px;}

ul.account-nav li .logout-btn {background: #c00000;}

#main-content {min-height: 500px;background: #EEEEEE;}

.container-fluid {max-width: 1500px;}

#comp-header {padding: 20px 0;}

#comp-header .edit-profile {

  padding: 0 0 2px 0;

  font-weight: 600;

  border-bottom: 2px solid #0093d0;

  color: #0093d0;

  text-decoration: none;

}

.desc-item ul {

  margin: 0;

  padding: 0;

  list-style: none;

}

.desc-item ul li {

  display: inline-block;

  margin-right: 20px;

}

.desc-item ul li.f-right {

  float: right;

  margin-right: 0;

  margin-left: 20px;

}

.desc-item ul li .button.act-subscription {

  padding: 3px 15px;

  background: #c00000;

}

#pagelink-item {

  background: #0092CF;

  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

}

#pagelink-item ul {

  padding: 0;

  margin: 0;

  border-left: 1px solid #35baf2;

  border-right: 1px solid #35baf2;

  list-style: none;

	display: flex;

    justify-content: space-around; align-items: center;

}

#pagelink-item ul li {

  padding: 10px 15px;

  font-weight: 600;

  font-size: 13px;

  letter-spacing: 1px;

  text-transform: uppercase;

  color: #FFF;

  vertical-align: middle;

  display: inline-block;

  text-align: center;

  width: 100%;

}
#pagelink-item ul li.logout{display:none;}
#pagelink-item ul li + li {

  border-left: 1px solid #35baf2;

}

#pagelink-item ul li .fa {

  font-size: 24px;

  margin-bottom: 10px;

  display: block;

}

#pagelink-item ul li a {

  display: block;

  border-radius: 4px;

  padding: 10px 5px;

  color: inherit;

  text-decoration: none;

}

#pagelink-item ul li.integrations-tab {}

#pagelink-item ul li.integrations-tab .integrations-icon {

  width: 32px;

  height: 32px;

  text-align: center;

  margin: 0 auto;

  background: url(assets/images/integrations.png);

  background-size: contain !important;

}

#pagelink-item ul li.integrations-tab:hover .integrations-icon {

  background: url(assets/images/integrations-hover.png);

}

#pagelink-item ul li.help-center-tab span {

  display: block;

  margin-top: 5px;

}

#pagelink-item ul li.help-center-tab .help-center-tab-icon {

  width: 34px;

  height: 28px;

  text-align: center;

  margin: 0 auto;

  background: url(assets/images/help_center.png);

  background-size: contain !important;

}

#pagelink-item ul li.help-center-tab:hover .help-center-tab-icon {

  background: url(assets/images/help_center_hover.png);

}

#pagelink-item ul li.help-center-tab span {

  display: block;

  margin-top: 5px;

}

#pagelink-item ul li a.no_permission {

  opacity: 0.5;

}

.acceeded_form_field {

  opacity: 0.5;

  pointer-events: none;

}

.radio-wrapper {

    background: #fff;

    padding: 20px;

    display: flex;

    align-items: center;

    justify-content: center; border-radius: 4px;

}

.radio-wrapper label.radio-inline {

    display: inline-flex;

    align-items: center;

    background: #fff;

    padding: 3px 10px;

    border-radius: 50px;

    font-weight: bold; cursor: pointer;

}

.radio-wrapper label.radio-inline:hover{

   

    background: #bfe3f1;

    

}

.radio-wrapper label.radio-inline + .radio-inline {

    margin-left: 20px;

}

.radio-wrapper label.radio-inline input {

    margin-right: 6px;

}

label.complete_online_wrap {

    padding: 4px 10px;

    background: #bfe3f1;

    border-radius: 50px;

    display: flex;

    align-items: center;

    max-width: 90px;

    justify-content: center;

}

label.complete_online_wrap input {

    margin-right: 6px;

}

/**************RADIO STYLE**************/

label.radio-style.radio-inline {margin: 0 10px 0px 0;}

label.radio-style.radio-inline + label.radio-style.radio-inline {margin-left: 0;}

label.radio-style.mb_0 {margin-bottom: 0 !important;}

label.radio-style {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-weight: 500;margin-bottom: 0;line-height: normal;padding-left: 0;}

label.radio-style input[type="radio"] {display: none;}

label.radio-style input[type="radio"]:disabled + span {opacity: 0.6 !important;}

label.radio-style input[type="radio"] + span {padding-left: 20px;display: block;cursor: pointer;position: relative;}

label.radio-style input[type="radio"] + span:before {position: absolute;left: 0;opacity: 0.9;top: 1px;content: "\f10c";font-family: "FontAwesome";font-size: 18px;font-weight: normal;}

label.radio-style input[type="radio"]:checked + span:before {content: "\f192";color: #0092CF;}

/**************CHECKBOX STYLE**********/

label.checkbox-style.checkbox-inline {margin: 0 10px 0px 0;}

label.checkbox-style.checkbox-inline + label.checkbox-style.checkbox-inline {margin-left: 0;}

label.checkbox-style {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin-bottom: 0;line-height: normal;padding-left: 0;font-weight: 500;}

label.checkbox-style input[type="checkbox"] {display: none;}

label.checkbox-style input[type="checkbox"]:disabled + span {opacity: 0.6 !important;}

label.checkbox-style input[type="checkbox"] + span {padding-left: 20px;display: inline-block;cursor: pointer;position: relative;}

label.checkbox-style input[type="checkbox"] + span:before {position: absolute;left: 0;opacity: 0.9;top: 0;content: "\f096";font-family: "FontAwesome";font-size: 18px;font-weight: normal;}

label.checkbox-style input[type="checkbox"]:checked + span:before {content: "\f046";color: #213f9a;}

.row.p-relative {

    position: relative;

}

.row.p-relative .pass_validation {

    position: absolute;

    top: 0;

    background: #f5f5f5;

    z-index: 999;

    border: 1px solid #ddd;

    padding: 10px 15px;

    width: 73%;

    margin: 0 15px;

    left: 42%;

    font-size: 13px; border-radius: 12px;

}

.pass_validation {

    position: absolute;

    background: #f5f5f5;

    z-index: 999;

    border: 1px solid #ddd;

    padding: 10px 15px;

    width: 73%;

    margin: 0 15px;

    left: 24%;

    font-size: 13px; border-radius: 12px;

}
.login-page{height: 100%;
    background-attachment: fixed !important;}
.register-page{height: 100%;
    background-attachment: fixed !important;}

#custom_form_preview ul li.field-row .table-create.orderformp {
    width: 100%;
}

@media screen and (min-width:768px) {

  #pagelink-item ul li:hover a:not(.deactive), #pagelink-item ul li.current-item a:not(.deactive) {

    background: #fff;

    color: #666666;

  }

}

.int_use {

  font-size: 12px;

  color: gray;

}

#pagelink-item ul li a.deactive {

  opacity: 0.5;

}

#pagelink-item ul li.home {

  max-width: 30px;

}

.section-header {

  margin-bottom: 20px;

}

.section-header .heading {

  float: left;

}

.section-header .heading h2 {

  font-size: 24px;

  margin: 0;

}

.section-header .f-right {

  float: right;

}

.badge {

  background: #ccc;

  color: #444;

}

.badge.badge-blue {

  background: #0092CF;

  color: #fff;

}

#topbar {

  background: #e3e0e0;

  border-bottom: 1px solid #ddd;

  padding: 18px 0;

}

#topbar .title-holder {

  float: left;

}

#topbar .title-holder h1 {

  margin: 0;

  font-size: 20px;

}

#topbar .right-block{float: right; display: flex;align-items: center;}

.button {

  text-align: center;

  font-weight: 600;

  outline: none;

  border: 0;

  text-decoration: none;

  display: inline-block;

  padding: 8px 25px;

  background: #0092CF;

  color: #fff;

  border-radius: 4px;

}

.button .fa.l-icon {

  margin-right: 5px;

}

.button .fa.r-icon {

  margin-left: 7px;

  font-size: 15px;

}

.button:hover {

  background: #666666;

  color: #fff;

  text-decoration: none;

}

.button.button-md {

  padding: 15px 25px;

  min-width: 170px;

}

#topbar .right-block a + a {

    margin-left: 5px;

}

.button.button-xs {

  padding: 6px 15px;

  line-height: normal;

  margin: 0px 5px 0px 0px;	

}

.button.button-outline {

  border: 1px solid #0092CF;

  background: none;

}

a.button.disabled {

  opacity: 0.6;

  cursor: not-allowed;

}

.button:active, .button:focus, .button:visited {

  color: #FFF;

  text-decoration: none;

}

.button.button-light {

  background: #DDDDDD;

  color: #666 !important;

}

.button.button-green {

  background: #093;

  color: #fff !important;

}

.t-btn {

  margin: 2px;

  display: inline-block;

  min-width: 28px;

  text-align: center;

  white-space: nowrap;

  padding: 2px 5px;

  line-height: normal;

  border: 1px solid #aaa;

  color: #666;

  font-size: 11px;

  border-radius: 4px;

}

.t-btn:hover {

  text-decoration: none;

  background: #0092CF;

  color: #fff;

  border-color: #0092CF;

}

.t-btn.blue-btn {

  background: #0092CF;

}

.t-btn.mobile-prev {

  font-size: 16px;

  height: 22px;

  vertical-align: middle;

  line-height: 15px;

}

.t-btn.disabled {

  opacity: 0.4;

  pointer-events: none;

  background: none !important;

  border-color: #aaa !important;

  color: #666 !important;

}

.t-btn.disabled.showmodel, .t-btn.disabled.has_tooltip {

  pointer-events: auto;

}

.t-btn.no-bdr {

  border: 0;

  padding: 0;

  margin: 3px;

  background: none !important;

  color: #444;

} /*.t-btn.forward-link {    height: 22px;    width: 22px;    background: url(assets/images/forward-icon.png) no-repeat 5px 3px;}.t-btn.forward-link:hover {    background: #0092CF url(assets/images/forward-icon.png) no-repeat 5px -14px;}*/ .nobreak {

  white-space: nowrap;

}

.action .action-btn {

  margin: 2px;

  display: inline-block;

  padding: 2px 7px;

  line-height: normal;

  background: #0092CF;

  color: #fff !important;

  font-size: 11px;

  border-radius: 6px;

}

.action .action-btn.delete {

  background: #0092CF;

}

.action .action-btn.edit {

  background: #00b050;

}

.sectionArea {

  padding: 30px 0;

}

.lightbg {

  background: #f8f8f8;

}

hr {

  border-color: #ddd;

}

.inner-addon {

  position: relative;

}

.inner-addon .icon {

  position: absolute;

  font-size: 18px;

  padding: 12px 20px;

  opacity: 0.3;

  pointer-events: none;

}

.left-addon .icon {

  left: 0px;

}

.right-addon .icon {

  right: 0px;

}

.left-addon input {

  padding-left: 50px;

}

.right-addon input {

  padding-right: 50px;

}

.req {

  color: #c00000;

}

.frm-holdr label {

  font-weight: 600;

  font-size: 13px;

  color: #333;

}

.frm-holdr .form-control {

  height: 40px;

  border: 1px solid #ddd;

  background: #fcfcfc;

  border-radius: 4px;

}

.frm-holdr textarea.form-control {

  height: auto;

  min-height: 180px;

}

.frm-holdr textarea.form-control.height-xs {

  min-height: 80px;

}

.frm-holdr .button {

  border-radius: 0;

  border-radius: 25px;

}

select, input, textarea, button {

  outline: none;

  border: 0;

  box-shadow: none !important;

}

.form-control:focus {

  border-color: #0092CF

}

.frm-holdr.bdr-wrap {

  background: #fff;

  padding: 30px;

}

.frm-holdr#frm-middle { /*max-width: 800px;*/ margin: auto;

  position: relative;

}

.frm-holdr#frm-middle .ms-options-wrap {

  position: relative;

}

.frm-holdr#frm-middle [class*="col-"] .ms-options-wrap > .ms-options {

  left: 0px;

  right: 15px;

  width: 100%;

}

.ms-options-wrap {

  position: relative;

}

.ms-options-wrap > .ms-options {

  width: 100%;

}

.frm-holdr#admin-frm {

  width: 550px;

  max-width: 550px;

  margin: auto;

  left: 0;

  right: 0;

  

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

}

.loginfrm.frm-holdr .form-control {

    height: 40px;

    border-radius: 4px;

}

.social-btn-wrap {
    margin: 25px -3px 20px;
}
.social-btn-wrap .col-md-6 {
    padding: 0 3px;
}
.frm-holdr#admin-frm form {

  padding: 40px;

  background: #fff;

  border-radius: 12px;

}

a.social-signup img {

    width: 24px;

    margin: 0 7px 0 0px;

}

.frm-holdr#admin-frm #logo {

  float: none;

  text-align: center;

  margin-bottom: 20px;

}

.frm-holdr#admin-frm input[type="submit"] {

  border-radius: 4px;

  width: 100%;

  margin: 0 0 8px 0;

}

a.social-signup {

    margin-bottom: 10px;

    width: 100%;

    height: 40px;

    border: none;

    border-radius: 4px;

    color: #FFF;

    font-weight: 500;

    transition: 0.2s ease;

    cursor: pointer;

    padding: 3px 5px;

    display: flex;

    align-items: center;
    text-decoration: none;
    font-size: 13px;
}
.register-page {
    display: flex;
    align-items: center;
    position: relative;
}
.login-page {
    display: flex;
    align-items: center; position: relative;
}
body.register-page:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100vh;
    background: rgba(0,0,0,0.4);
    width: 100%;
}
body.login-page:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100vh;
    background: rgba(0,0,0,0.4);
    width: 100%;
}
.registerfrm-wrap .form_group {
    margin-bottom: 10px; text-align: center;
}

.registerfrm-wrap .form_group .button{border-radius: 30px }
a.social-signup:hover,

a.social-signup:focus {box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);transition: 0.2s ease;}

a.social-signup:active {box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);transition: 0.2s ease;}

a.social-signup.facebook {background: #32508E;}

a.social-signup.google {background: #3477F6;}

.frm-holdr#admin-frm.registerfrm {

  max-width: 550px;

}

.frm-holdr.nopadd#frm-send-wrap {

  padding: 0;

}

.frm-holdr#frm-send-wrap {

  margin-bottom: 30px;

  padding: 30px;

  background: #f0f0f0;

  border-radius: 8px;

}

.frm-holdr#frm-send-wrap .table.ct-style {

  background: #FFF;

} /*.w1 {    max-width: 800px;    margin: 0 auto;}*/ #topbar3 {

  margin-top: -10px;

  margin-bottom: 20px;

}
.registerfrm-wrap {
    width: 90%;
    display: flex;
    height: 100vh;
    position: relative;
    align-items: center;
    margin: 0 auto;
    justify-content: space-between; z-index: 999;
}
.registerfrm-wrap .content-area {
    position: relative;
    z-index: 99;
    max-width: 530px;
    color: #fff;
    background: rgba(0,0,0,0.3);
    padding: 25px;
    border: 1px solid #000;
    float: right;
}
.registerfrm-wrap .bg-red-500 {
    position: relative;
    width: 50%;
}



.registerfrm-wrap .bg-red-500 p {
    line-height: 1.7;
    margin: 0;
    font-size: 18px;
    word-break: break-word;
    font-weight: 600;
}
.registerfrm-wrap .content-area .btn {
    background: transparent;
   
    border-radius: 30px;
    padding: 8px 20px;
    margin-top: 25px;
    font-weight: 600;
    font-size: 15px;
    border: 2px solid #fff;
}
.registerfrm-wrap .bg-red-500 p + p {
    margin-top: 35px;
}
.registerfrm-wrap .bg-white {
    
     display: flex;
    align-items: center;
}
.registerfrm-wrap .bg-white form {
    min-width: 450px;
    margin: 0 0 0 auto;
    background: #fff;
    padding: 30px; border-radius: 6px;}
.registerfrm-wrap #logo {
    float: none;
    text-align: center;
}
#topbar3 a {

  color: #0092CF;

  font-size: 15px;

  text-decoration: none !important;

  font-weight: 600;

}

.lightbg {

  background: #F7F7F7;

}

.table.ct-style td, .table.ct-style th {

  padding: 8px 12px;

  font-weight: 600;

}

.table.ct-style thead {

  background: #0092CF;

}

.table.ct-style thead tr th {

  text-transform: uppercase;

  color: #fff;

  vertical-align: middle;

}

.table.ct-style a:not(.t-btn) {

  color: #0092CF;

} /*.table.ct-style tr.public-forms{ background:#f1f1f1;}.table.ct-style tr.public-forms td{ color:#222;}*/ .table.ct-style tr.disabled {

  opacity: 0.45;

  pointer-events: none;

}

.table.ct-style#price-table td, .table.ct-style#price-table th {

  text-align: center;

  vertical-align: middle;

}

.table.ct-style#price-table th {

  font-size: 24px;

}

.table.ct-style#price-table td {

  font-size: 17px;

}

.table.ct-style#price-table .plan-price {

  margin: 0;

  color: #666;

}

.table.ct-style#price-table td {

  position: relative;

}

.table.ct-style#price-table td .disabled {

  opacity: 0.1;

  pointer-events: none;

}

.table.ct-style#price-table td .msg {

  position: relative;

  z-index: 1;

  font-size: 14px;

}

.table.ct-style#price-table tr.activate-plan-wrap {

  display: none;

}

.table.ct-style#price-table tr.activate-plan-wrap td {

  padding: 18px;

}

form.update-card-btn {

  margin-left: 20px;

}

.table.ct-style#price-table .stripe-button-el span {

  min-height: 0 !important;

  line-height: 24px;

  height: 24px;

}

.table.ct-style#price-table tr.activate-plan-wrap .terms-alert-msg {

  display: none;

  color: #c00000;

  font-size: 13px;

}

.table.no_th tr:first-child td {

  border-top: 0;

} /*.table.ct-style.style1 td,.table.ct-style.style1 th{ padding:6px 14px; font-size:13px;}*/ #recipents-table.table.ct-style th {

  padding: 12px 14px;

  vertical-align: middle;

}

#recipents-table.table.ct-style td {

  padding: 4px 14px;

  vertical-align: middle;

}

.table.ct-style#response-table td, .table.ct-style#response-table th {

  padding: 6px;

}

.table.ct-style#table_view td, .table.ct-style#table_view th {

  padding: 3px 12px;

}

.cus-panel .cus-panel-header {

  padding: 6px 25px;

  color: #FFF;

  background: #0092CF;

}

.cus-panel .cus-panel-header h4 {

  color: #FFF;

  margin: 0;

}

.cus-panel .cus-panel-body {

  padding: 25px;

  background: #FFF;

}

#terms-condition-wrap .term-text {

  border-radius: 5px;

  max-height: 220px;

  overflow: hidden;

  margin-top: 10px;

  overflow-y: auto;

  background: #eaedef;

  padding: 10px 15px;

}

#terms-condition-wrap a {

  text-transform: uppercase;

  display: inline-block;

  vertical-align: top;

  font-weight: 600;

  text-decoration: none;

}

#terms-condition-wrap .term-txt-link {

  border-bottom: 1px solid #0092CF;

  margin-right: 10px;

}

#terms-condition-wrap .download-terms {

  color: #333;

}

.saveloader {}

.saveloader.visible {

  color: transparent !important;

  background-image: url(assets/images/emailsending.gif) !important;

  background-size: contain !important;

  background-position: center !important;

  background-repeat: no-repeat !important;

  opacity: 0.8;

  cursor: not-allowed;

  pointer-events: none;

}

.content-holder {

  border: 2px solid #dddddd;

  padding: 20px;

  background: #fcfcfc;

  border-radius: 5px;

}

.space35 {

  margin-top: 35px;

}

.space25 {

  margin-top: 25px;

}

.space15 {

  margin-top: 15px;

}

.blue-txt {

  color: #0092CF;

}

.upload-wrap {

  text-align: center;

  position: relative;

  border-radius: 6px;

  background: #FFF;

  padding: 30px;

  outline-offset: -15px;

  outline: 3px dashed #ddd;

  max-width: 300px;

}

.upload-wrap .file-value h4 {

  opacity: 0.3;

}

.upload-wrap .file-value h5 small {

  padding: 4px 15px;

  border-radius: 25px;

  background: #00B0F0;

  color: #FFF;

  display: inline-block;

}

.upload-wrap input[type="file"] {

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  cursor: pointer;

}

.upload-wrap .file-value {

  font-size: 11px;

  width: 100%;

  text-align: center;

  background: none;

  border: 0;

  outline: none;

  color: #CCCFDA;

  margin-top: 12px;

  text-decoration: none;

}

.file-wrap {

  position: relative;

  margin-bottom: 10px;

  padding-right: 55px;

}

.file-wrap input[type="file"] {

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

  pointer-events: none;

}

.file-wrap .browse {

  display: inline-block;

  color: #fff;

  font-weight: 600;

  text-decoration: none;

  position: relative;

  z-index: 99;

  outline: none;

  cursor: pointer;

  border: 0;

  border-radius: 4px;

  background: #0092CF;

  padding: 8px 20px;

}

.file-wrap .fileval {

  display: block;

  position: absolute;

  right: 0;

  left: 0;

  padding: 0 0 0 100px;

  text-overflow: ellipsis;

  white-space: nowrap;

  display: block;

  top: 7px;

  overflow: hidden;

}

.file-wrap.haslogo .fileval {

  padding-right: 140px;

}

.file-wrap.haslogo {

  padding-right: 140px;

}

.file-wrap.haslogo .logo-thumb {

  width: 130px;

  height: 50px;

  line-height: 50px;

  position: absolute;

  right: 0;

  top: 50%;

  margin-top: -25px;

}

.file-wrap.haslogo .logo-thumb img {

  max-width: 130px;

  max-height: 50px;

}

.file-wrap.haslogo .logo-thumb .remove-logo {

  position: absolute;

  display: none;

  font-size: 9px;

  border-radius: 50%;

  width: 16px;

  height: 16px;

  line-height: 15px;

  text-align: center;

  background: #0092CF;

  color: #FFF;

  position: absolute;

  right: -8px;

  top: -8px;

}

.file-wrap.haslogo .logo-thumb:hover .remove-logo {

  display: block;

}

.frm-search .form-control {

  margin: 0 0 0 5px;

  vertical-align: middle;

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;

  max-width: 160px;

  height: 32px;

  padding: 2px 10px;

  border-radius: 0;

  display: inline-block;

}

.frm-search .button {

  vertical-align: middle;

  margin-left: 5px;

} /*.img_mapping{height: 160px; width: auto;  max-width:300px;object-fit: contain; object-position: center;}*/ .img_mapping {

  height: auto;

  width: 100%;

  max-width: 650px;

  object-fit: contain;

  object-position: center;

  max-height: 450px;

}

.img_mappingg {

  height: auto;

  width: 780px;

  object-fit: contain;

  object-position: center;

}

.custom-model.model-md .modal-dialog, .custom-model.model-md .modal-dialog {

  max-width: 94%;

  width: 740px;

}

.custom-model .modal-body {

  padding: 35px;

}

.custom-model .modal-content {

  border-radius: 20px;

  border: none;

}

.custom-model .modal-dialog {

  max-width: 500px;

}

.custom-model .modal-header {

  background: #0092CF;

  color: #FFF;

  padding-left: 35px;

  justify-content: normal;

  display: inline-block;

  width: 100%;

  border-radius: 20px 20px 0 0;

}

.custom-model .modal-header h4, .custom-model .modal-header small {

  color: #FFF;

}

.custom-model .modal-header .close {

  opacity: 0.6;

  margin-top: 0;

  float: right;

  border-radius: 50%;

  width: 26px;

  color: #212529;

  height: 26px;

  line-height: 26px;

}

.custom-model strong {

  font-weight: 600;

}

.terms-info a {

  display: inline-block;

  color: #444;

  text-decoration: none;

  vertical-align: top;

  margin-right: 20px;

  text-transform: uppercase;

  font-weight: 700;

}

.terms-info a.terms-link {

  border-bottom: 1px solid #0092CF;

  padding-bottom: 2px;

  color: #0092CF;

}

.phone-field-wrap {

  max-width: 400px;

  font-size: 32px;

}

.phone-field-wrap .phone-field-wrap {

  display: inline-block;

}

.phone-field-wrap .form-control {

  margin-bottom: 0;

  padding: 2px 6px;

  height: 34px;

  font-size: 14px;

  display: inline-block;

  text-align: center;

  vertical-align: middle;

}

.phone-field-wrap .form-control.field0 {

  width: 42px;

  margin-right: 4px;

}

.phone-field-wrap .form-control.field1 {

  width: 42px;

  margin-right: 4px;

}

.phone-field-wrap .form-control.field2 {

  width: 42px;

  margin-left: 4px;

  margin-right: 4px;

}

.phone-field-wrap .form-control.field3 {

  width: 52px;

  margin-left: 4px;

}

.custom-tabs-wrapper .nav-tabs {

  border-bottom: 0;

  margin: auto;

  display: table;

}

.custom-tabs-wrapper .nav-tabs > li {

  display: inline-block;

  vertical-align: top;

  float: none;

  margin-bottom: 0;

  text-align: center;

  color: #666;

  font-weight: 700;

  text-transform: uppercase;

  border-bottom: 2px solid transparent;

  position: relative;

}

.custom-tabs-wrapper .nav-tabs > li + li {

  margin-left: 50px;

}

.custom-tabs-wrapper .nav-tabs > li + li:before {

  content: '';

  width: 1px;

  height: 23px;

  top: 50%;

  margin-top: -11px;

  background: #ccc;

  content: '';

  position: absolute;

  left: -25px;

}

.custom-tabs-wrapper .nav-tabs > li > a {

  padding: 0 5px;

  padding-bottom: 10px;

  outline: none;

  color: inherit !important;

  border: 0 !important;

  background: none !important;

}

.custom-tabs-wrapper .nav-tabs > li.active {

  border-bottom-color: #0092CF;

  color: #0092CF;

}

.custom-tabs-wrapper .nav-tabs > li.active a {

  text-decoration: none;

}

.custom-tabs-wrapper .nav-tabs > li.active:after {

  border-left: 8px solid transparent;

  border-right: 8px solid transparent;

  border-top: 8px solid #0092CF;

  position: absolute;

  left: 0;

  right: 0;

  margin: auto;

  width: 0;

  content: '';

  bottom: -8px;

}

.custom-tabs-wrapper .tab-content {

  padding: 30px 0;

}

.custom-tabs-wrapper .nav-tabs > li > a .active-frm-count {

  color: #777;

  font-weight: 600;

  text-transform: none;

  font-size: 10px;

  display: block;

}

.custom-tabs-wrapper .nav-tabs > li > a .active-frm-count strong {

  font-size: 11px;

  font-weight: 900;

  color: #0092CF;

}

#footer {

  background: #464e54;

  color: #fff;

  font-size: 13px;

  padding: 25px 0;

  position: relative;

  z-index: 999;

}

#footer a {

  text-decoration: underline;

}

#footer .copy {

  text-align: right;

}

#footer ul.social {

  margin: 0;

  padding: 0;

  list-style: none;

}

#footer ul.social li {

  display: inline-block;

  margin-right: 10px;

  color: #FFF;

  font-size: 18px;

  text-align: center;

  vertical-align: top;

}

#footer ul.social li a {

  border: 1px solid #ddd;

  border-radius: 7px;

  display: block;

  height: 36px;

  line-height: 36px;

  color: inherit;

  width: 36px;

  opacity: 0.5;

  padding: 0;

}

#footer ul.social li a:hover {

  opacity: 0.9;

  background: #0092CF;

  border-color: #0092CF;

}

#sub_btn.update-card-btn {

  display: inline-block;

}

.stripe-button-el {

  background: #00b0f0 !important;

  line-height: normal;

  padding: 6px 15px;

  border: 0 none;

  border-radius: 4px;

  color: #fff;

  display: inline-block;

  font-size: 14px;

  outline: medium none;

  text-align: center;

  text-decoration: none;

}

[class*="col-"] .ms-options-wrap > .ms-options {

  left: 15px;

  right: 15px;

}

.ms-options-wrap > button:focus, .ms-options-wrap > button {

  border-color: #ddd;

  background: #fcfcfc;

  color: #555;

  height: 42px;

  font-size: 14px;

  padding: 6px 14px;

}

.ms-options-wrap .ms-options.ms-active {

  min-height: 135px !important;

  max-height: 135px !important;

}

.tble-vscroll {

  max-height: 430px;

  overflow-y: auto;

}

.tble-vscroll .table.ct-style td, .tble-vscroll .table.ct-style th {

  padding: 7px 10px;

  font-size: 13px;

}

#response-filter {

  padding: 18px 0;

  border-bottom: 1px solid #ccc;

}

.s-filter form {

  position: relative;

  padding-right: 75px;

}

.s-filter form .btns {

  position: absolute;

  right: -25px;

  top: 0;

  font-size: 14px;

}

.s-filter form .btns button {

  display: block;

  min-width: 95px;

}

.s-filter form .btns button.reset-btn {

  font-size: 12px;

  ropacity: 0.8;

  background: none;

  font-weight: 600;

}

.s-filter form .btns a {

  text-decoration: none;

}

.s-filter form .btns a .resetbtn {

  color: #0092CF;

}

.s-filter .row {

  margin: 0 -4px;

}

.s-filter .row [class*="col-"] {

  padding: 0 4px;

}

.s-filter input, .s-filter select {

  width: 100%;

  background: #fff;

  border: 1px solid #ccc;

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;

  height: 38px;

  font-size: 13px;

  padding: 2px 6px;

}

.loader {

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;

  background: rgba(255, 255, 255, 0.5) url(assets/images/loader.gif) no-repeat center center;

  display: none;

  z-index: 9999;

}

.loader.fixed {

  position: fixed;

}

.upload-form-wrap {

  position: relative;

  padding: 20px;

  max-width: 100%;

  overflow: hidden;

  border-radius: 3px;

}

.upload-form-wrap .divmsg {

  color: #333;

}

.upload-form-wrap div.remove {

  margin: 15px 0;

  border-top: 1px solid #ddd;

}

.upload-form-wrap .uploaded_file_name {

  position: relative;

  padding: 5px 0;

  font-size: 13px;

  padding-right: 30px;

  word-break: break-all;

  border-bottom: 1px solid #ddd;

}

.upload-form-wrap .uploaded_file_name .remove_document {

  position: absolute;

  right: 0;

  top: 8px;

  width: 16px;

  height: 16px;

  line-height: 16px;

  background: #F00;

  color: #FFF;

  text-align: center;

  font-size: 9px;

  border-radius: 2px;

}

.upload-form-wrap#upload-form {

  position: relative;

  border: 2px solid #ececec;

  border-top: 0;

  margin-top: -5px;

  z-index: 1;

  padding: 30px 40px;

  background: #f0f0f0;

  border-radius: 0 0 5px 5px;

  text-align: center;

}

.upload-form-wrap#upload-form .uploaded_file_name {

  padding: 10px 0;

}

.upload-form-wrap#upload-form .file-wrap {

  padding: 20px 20px 40px;

  background: #fff;

  margin-bottom: 0;

  border-radius: 8px;

}

.upload-form-wrap#upload-form .file-wrap .fileval {

  padding-left: 0;

  top: auto;

  bottom: 10px;

}

.upload-form-wrap#upload-form div.remove {

  margin: 0;

  border-top: 0; /*padding:20px; background:#fff;*/

}

.download-csv {

  position: relative;

}

.download-csv .row {

  margin: 0 -4px;

}

.download-csv .row [class*="col-"] {

  padding: 0 4px;

}

.download-csv .frm-holdr {

  padding: 15px 190px 0 15px;

  position: relative;

  display: none;

  background: #fff;

  margin-top: 15px;

}

.download-csv .frm-holdr .close-filter {

  position: absolute;

  right: -5px;

  top: -5px;

  background: #c00000;

  color: #FFF;

  line-height: 22px;

  height: 22px;

  width: 22px;

  font-size: 10px;

  border-radius: 50%;

  text-align: center;

}

.download-csv.show-frm .frm-holdr {

  display: block;

}

.download-csv .button {

  border-radius: 4px;

  position: absolute;

  right: 15px;

  top: 15px;

  transition: 0.3s;

}

.download-csv a.button {

  right: 0;

}

.download-csv .frm-holdr .form-control, .download-csv .frm-holdr .ms-options-wrap > button {

  height: 36px;

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;

  background: #fff;

}

.download-csv [class*="col-"] .ms-options-wrap > .ms-options {

  left: 4px;

  right: 4px;

}

.horz-scroll {

  overflow: hidden;

  overflow-x: auto;

}

#mob-nav .navicon {

  padding: 8px 0;

  font-size: 16px;

  text-transform: uppercase;

  font-weight: 600;

  color: #FFF;

}

#mob-nav .navicon .open-nav {

  width: 40px;

  height: 40px;

  margin: -8px 0;

  text-align: center;

  line-height: 38px;

  float: right;

  font-size: 22px;

}

#userDetail.custom-model .badge.badge-blue {

  color: #333;

  background: #fff;

}

#userDetail.custom-model .editusername-wrap {

  margin: -10px 16px 0 0;

  position: relative;

}

#userDetail.custom-model .editusername-wrap .form-control {

  border-color: transparent !important;

  pointer-events: none;

  text-align: right;

}

#userDetail.custom-model .editusername-wrap .editusername {

  position: absolute;

  right: -20px;

  top: 7px;

  color: #777;

}

#userDetail.custom-model .editusername-wrap.active .form-control {

  pointer-events: auto;

  border-color: #ccc !important;

} /*body.modal-open {    padding-right: 0 !important;}*/ /*error msg*/ #custom_form_preview ul.dragable li .error-display {

  position: relative;

}

#custom_form_preview ul.dragable li .error-display .form-control, #custom_form_preview ul.dragable li .error-display.form-control {

  border-color: #c00000;

}

#custom_form_preview ul.dragable li .error-display.questf-req-wrap {

  border: 1px solid #c00000;

  border-radius: 4px;

  padding-left: 12px;

  padding-right: 12px;

}

#custom_form_preview ul.dragable li .error-display.questf-req-wrap .req-msg.hide1 {

  display: block !important;

}

#custom_form_preview ul.dragable li .error-display .req-msg.hide1 {

  display: none !important;

}

#custom_form_preview ul.dragable li .error-display .req-msg {

  display: block;

  position: absolute;

  right: 5px;

  bottom: 3px;

}

#custom_form_preview ul.dragable li .req-msg {

  display: none;

  color: #c00000;

  font-size: 11px;

}

#custom_form_preview ul.dragable li .questf-field-wrap .input-wrap.error-display .form-control[readonly] {

  border-color: #ccc !important;

}

#custom_form_preview ul.dragable li .error-display.select-signer .req-msg {

  bottom: -14px;

  right: 0;

}

#custom_form_preview ul.dragable li .signature-wrap.error-display {

  padding-bottom: 20px;

}

#planInfoModal.custom-model .modal-dialog {

  width: 900px;

  max-width: none;

}

#planInfoModal hr {

  float: left;

  width: 100%;

}

.downgrade-update label {

  padding: 0.5rem 0;

}

#planInfoModal.custom-model .modal-dialog .modal-title {

  font-size: 15px;

  padding-right: 20px;

}

#planInfoModal.custom-model .modal-dialog .table-responsive {

  max-height: 300px;

  overflow: auto;

  border: 1px solid #ddd;

  padding: 10px;

  margin-top: 10px;

}

#planInfoModal.custom-model .table.ct-style td {

  font-size: 13px;

  padding: 8px;

}

.session-expired-content .icon {

  float: left;

  margin-top: 5px;

  width: 72px;

}

.session-expired-content .session-txt {

  margin-left: 100px;

}

.session-expired-content .session-txt h4 {

  line-height: 30px;

  font-size: 17px;

  margin-top: 0;

}

.create-form-popup .modal-dialog {

  width: 550px;

  max-width: 100%;

}

.create-form-popup .modal-content {

  border-radius: 0;

}

.create-form-popup .create-form-wrap {

  margin: 35px;

  text-align: center;

}

.create-form-popup .create-form-wrap h4 {

  margin: 0;

  color: #0092CF;

}

.create-form-popup .create-form-wrap form {

  margin-top: 30px;

}

.create-form-popup .create-form-wrap .close {

  position: absolute;

  top: 16px;

  right: 20px;

}

.create-form-popup .create-form-wrap .form-control {

  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;

  height: 54px;

}

.create-form-popup .create-form-wrap button[type="submit"] {

  border-radius: 25px;

  border: 0;

  outline: none;

  background: #0092CF;

  color: #FFF;

  text-transform: uppercase;

  padding: 15px 20px;

  min-width: 200px;

}

@font-face {

  font-family: VladimirScriptRegular;

  src: url('assets/fonts/vs.eot');

  src: url('assets/fonts/vs?#iefix') format('embedded-opentype'), url('assets/fonts/vs.woff') format('woff'), url('assets/fonts/vs.ttf') format('truetype');

  font-weight: normal;

  font-style: normal;

}

.h-signature {

  font-family: VladimirScriptRegular !important;

  font-size: 24px;

  font-weight: normal !important;

  color: #145394;

  cursor: default;

}

.start-trial-wrap {

  margin: -30px;

  margin-top: 25px;

  border-radius: 0 0 18px 18px;

  background: #eee;

  padding: 20px;

}

.start-trial-wrap .start-trial-btn {

  text-decoration: none !important;

  text-transform: uppercase;

  border-bottom: 2px solid #777;

  font-size: 12px;

  padding: 0 10px;

  font-weight: 600;

  color: #c00000;

} /*form preview styling*/ #custom_form_preview.lightbg.container-width {

  max-width: none;

}

#custom_form_preview.lightbg {

  font-family: Arial, Helvetica, sans-serif;

  border: 2px solid #dddddd;

  padding: 20px;

  background: rgb(255 255 255);

  border-radius: 5px;

  max-width: 1024px;

  margin: auto;

}

#custom_form_preview {

  color: #333;

  font-size: 15px;

  line-height: normal;

}

#custom_form_preview h1, #custom_form_preview h2, #custom_form_preview h3, #custom_form_preview h4, #custom_form_preview h5, #custom_form_preview h6 {

  color: #333;

}

#custom_form_preview .frm-header.has_logo {

  position: relative;

  min-height: 80px;

}

#custom_form_preview .frm-header.has_logo .comp-logo {

  position: absolute;

  right: 0;

  top: 0;

  z-index: 1;

}

#custom_form_preview .frm-header.has_logo .comp-logo img {

  max-width: 145px;

  max-height: 80px;

}

#custom_form_preview .frm-header.has_logo .header-title {

  padding-right: 160px;

}

#custom_form_preview .header-title {

  margin-top: 0;

}

.custom_form_preview ul.dragable li.logoheading-wrap {

  margin-bottom: 15px;

}

.custom_form_preview ul.dragable li.logoheading-wrap table td {

  vertical-align: middle;

}

.custom_form_preview ul.dragable li.logoheading-wrap table td.logoleft {

  padding-right: 15px;

  width: 195px;

}

.custom_form_preview ul.dragable li.logoheading-wrap table td.logoright {

  padding-left: 15px;

  width: 195px;

  text-align: right;

}

.custom_form_preview ul.dragable li.logoheading-wrap table td img {

  width: auto;

  max-height: 75px;

}

.custom_form_preview ul.dragable li.logoheading-wrap h1.heading {

  font-size: 36px;

  line-height: normal;

  margin: 0;

}

.custom_form_preview ul.dragable {

  margin: 0;

  padding: 0;

  list-style: none;

}

.custom_form_preview ul.dragable li {

  margin: 0 0 10px 0;

}

.custom_form_preview ul.dragable li ol li {

  list-style: inherit;

}

.custom_form_preview ul.dragable li ul li {

  list-style: disc;

}

.custom_form_preview ul.dragable li table.table {

  margin: 0;

}

.custom_form_preview ul.dragable li table.table th {

  color: #FFF;

}

.custom_form_preview ul.dragable li.checkbox label {

  padding-left: 0;

}

.custom_form_preview ul.dragable li.checkbox input[type="checkbox"] {

  margin-left: 0;

  margin-right: 5px;

  position: static;

}

.custom_form_preview ul.dragable li label {

  font-weight: 400;

}

.custom_form_preview ul.dragable li.radiobutton input[type="radio"] {

  margin-right: 5px;

}

.custom_form_preview ul.dragable li .form-control {

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;

}

.custom_form_preview ul.dragable li .table-create td, .custom_form_preview ul.dragable li .table-create th {

  padding: 3px 10px;

  border: 1px solid #ccc;

}

.custom_form_preview ul.dragable li div.form-control {

  height: auto;

}

.custom_form_preview ul.dragable li .table-create td .col-header {

  width: 100%;

  padding: 0 3px;

  border-radius: 3px;

  border: 1px solid #ccc;

}

.custom_form_preview ul.dragable li.paragraph blockquote {

  font-size: 15px;

}

.custom_form_preview ul.dragable li.paragraph {

  line-height: 22px;

}

.custom_form_preview ul.dragable li.paragraph * {

  font-size: 15px !important;

  font-family: Arial, Helvetica, sans-serif !important;

}

.custom_form_preview ul.dragable li.paragraph .h-signature {

  font-family: VladimirScriptRegular !important;

  font-size: 24px !important;

}

.custom_form_preview ul.dragable li .table-create td .col-header.disabled {

  background: #dddddd;

  border: 1px solid #cccccc;

}

.custom_form_preview ul.dragable li.paragraph .paragraph_input.short {

  width: 80px;

}

.custom_form_preview ul.dragable li.paragraph .paragraph_input.mid {

  width: 160px;

}

.custom_form_preview ul.dragable li.paragraph .paragraph_input.large {

  width: 240px;

}

#custom_form_preview li.signature .signature_prev > label, #custom_form_preview li.signature .signature_prev > label + .signature_required {

  display: none;

}

.custom_form_preview ul.dragable li .txtfield {

  border-radius: 3px;

  border: 0;

  outline: none;

  padding: 3px 15px;

  background: #eaedef;

  height: 45px;

  width: 100%;

  margin-bottom: 15px;

  min-height: 40px;

}

.custom_form_preview ul.dragable li .table-create th {

  background: #555;

}

.custom_form_preview ul.dragable li .table-create textarea {

  resize: none;

  overflow: hidden;

}

.custom_form_preview ul.dragable li .table-create tr:first-child {

  font-weight: 700;

  color: #FFF;

  background: #0092CF;

  border: 1px solid #ccc;

}

.custom_form_preview ul.dragable li.signature .freehandSignature {

  position: relative;

}

.custom_form_preview ul.dragable li.signature .freehandSignature {

  line-height: 0;

  border: 1px solid #ccc;

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

  border-radius: 4px;

}

.custom_form_preview ul.dragable li.signature .freehandSignature .clearButton {

  line-height: normal;

  position: absolute;

  font-size: 10px;

  text-transform: uppercase;

  right: 1px;

  top: 1px;

  font-weight: 600;

}

.custom_form_preview ul.dragable li.signature .freehandSignature .clearButton a {

  line-height: normal;

  padding: 2px 10px;

  display: block;

  background: #eee;

  color: #666;

  text-decoration: none;

  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2) inset;

  border-radius: 0 4px 0 4px;

}

.custom_form_preview ul.dragable li.signature .sigPad label {

  display: block;

}

.custom_form_preview ul.dragable li.signature .sigPad .freehandSignature {

  display: inline-block;

} /*.custom_form_preview ul.dragable li.signature .freehandSignature .sigPad{max-width:100%; border:1px solid #ccc; box-shadow:inset 0 1px 1px rgba(0,0,0,.075); border-radius:4px;}*/ .custom_form_preview ul.dragable li.paragraph:after, .custom_form_preview ul.dragable li.paragraph:before {

  content: '';

  display: table;

  clear: both;

}

.custom_form_preview ul.dragable li.paragraph img.img-center {

  display: block;

  margin: 15px auto;

}

.custom_form_preview ul.dragable li.paragraph img.img-left {

  float: left;

  margin: 0 15px 15px 0;

}

.custom_form_preview ul.dragable li.paragraph img.img-right {

  float: right;

  margin: 0 0 15px 15px;

}

.custom_form_preview ul.dragable li.currencyfield {

  position: relative;

}

.custom_form_preview ul.dragable li.currencyfield .form-control {

  padding-left: 24px;

}

.custom_form_preview ul.dragable li.currencyfield:before { /*content:'\f155'; font-family:'FontAwesome';*/ content: '$';

  z-index: 9;

  line-height: 14px;

  position: absolute;

  left: 14px;

  bottom: 10px;

  font-weight: normal;

  font-size: 14px;

  color: #555;

}

.custom_form_preview ul.dragable li .questf-field-wrap label {

  margin-right: 15px;

}

.custom_form_preview ul.dragable li .questf-field-wrap label input {

  margin-right: 2px;

}

hr.seprator_small_line {

  max-width: 150px;

}

hr.seprator_small_line.text-center, hr.seprator_small_line.center {

  margin-left: auto !important;

  margin-right: auto !important;

}

.paragraph_input {

  border: 1px solid #ccc;

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

  border-radius: 4px;

  height: 22px;

  line-height: normal !important;

  margin: 0 2px;

  padding: 0 6px;

  max-width: 100%;

}

.table.para-table > tbody > tr > td {

  border: 1px solid #999;

}

.signature-certificate-wrap {

  max-width: 1024px;

  margin: auto;

}

.signature-certificate-wrap .pdf-bottom {

  background: #fcfcfc;

}

.pdf-bottom {

  padding: 20px;

  border: 4px double #ccc;

  margin-top: 15px;

}

.pdf-bottom h3 {

  margin-top: 0;

  font-size: 28px;

}

.pdf-bottom .pdf-bottom-logo {

  margin-bottom: 15px;

}

.pdf-bottom .signature-holder {

  border: 2px solid #e7e8e9;

  padding: 20px;

  display: inline-block;

  position: relative;

  max-width: 300px;

}

.pdf-bottom .signature-holder .printed-txt {

  pointer-events: none;

  position: absolute;

  left: 5px;

  top: 2px;

  font-weight: 600;

  opacity: 0.4;

}

.pdf-bottom .pdf-meta {

  margin-top: 20px;

}

.pdf-bottom .pdf-meta table td {

  padding: 0 10px;

}

.pdf-bottom .pdf-meta table thead {

  background: #e5e5e5;

}

.pdf-bottom .pdf-meta table thead td {

  padding: 5px 10px;

}

.pdf-bottom .pdf-meta table tbody tr:first-child td {

  padding-top: 4px;

}

.pdf-bottom .sent-info p {

  margin: 0;

} /*new signature css*/ .custom_form_preview ul.dragable li.signature .sigPad .signature-wrap {

  position: relative;

  width: 100%;

  display: inline-block;

}

.custom_form_preview ul.dragable li.signature .sigPad .signature-wrap .signature-area {

  border: 1px solid #ccc; /*border-top:2px solid #aaa;*/ line-height: 0;

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

  border-radius: 4px;

}

.custom_form_preview ul.dragable li.signature .sigPad .signature-wrap .signature-area canvas {

  border-radius: 4px;

}

.custom_form_preview ul.dragable li.signature .sigPad .signature-wrap input[value='Undo last stroke'] {

  left: auto !important;

  line-height: normal;

  right: 1px !important;

  top: 0 !important;

  padding: 3px 10px;

  display: block;

  background: #eee;

  color: #444;

  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2) inset;

  border-radius: 4px;

  border: 0;

  outline: none;

  font-size: 10px;

  font-weight: 600;

}

.custom_form_preview ul.dragable li.signature .sigPad .signature-wrap .sign_prev {

  display: none;

}

.custom_form_preview ul.dragable li.signature .sigPad .signature-wrap .signature-area.drawInactive canvas, .custom_form_preview ul.dragable li.signature .sigPad .signature-wrap .signature-area.drawInactive {

  background: #eee !important;

  pointer-events: none !important;

}

.custom_form_preview ul.dragable li.signature .sigPad .signature-wrap .sign-display {

  min-height: 100px;

  text-align: center;

  display: block;

  border: 1px solid #ccc;

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

  padding: 10px;

  border-radius: 4px;

}

.custom_form_preview ul.dragable li.signature .sigPad .signature-wrap.signers_email {

  max-width: 700px;

  padding-right: 200px;

  position: relative;

}

.custom_form_preview ul.dragable li.signature .sigPad .signature-wrap.signers_email .select-signer {

  width: 185px;

  position: absolute !important;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

}

.custom_form_preview ul.dragable li.signature .sigPad .signature-wrap.signers_email .select-signer .form-control {

  height: 26px;

  border-radius: 0;

  padding: 2px 8px;

}

.custom_form_preview ul.dragable li.signature .sigPad .signature-wrap.signers_email .select-signer label {

  font-weight: 700;

  font-size: 12px;

  color: #0092CF;

}

.custom_form_preview ul.dragable li.signature .sigPad.text-right .signature-wrap.signers_email, .custom_form_preview ul.dragable li.signature .sigPad.text-center .signature-wrap.signers_email {

  padding-right: 0;

  padding-left: 200px;

}

.custom_form_preview ul.dragable li.signature .sigPad.text-right .signature-wrap.signers_email .select-signer, .custom_form_preview ul.dragable li.signature .sigPad.text-center .signature-wrap.signers_email .select-signer {

  position: absolute;

  right: auto;

  left: 0;

}

textarea.form-control:disabled, textarea:disabled, input:not([type]):disabled, input[type="color"i]:disabled, input[type="date"i]:disabled, input[type="datetime"i]:disabled, input[type="datetime-local"i]:disabled, input[type="email"i]:disabled, input[type="month"i]:disabled, input[type="password"i]:disabled, input[type="number"i]:disabled, input[type="search"i]:disabled, input[type="tel"i]:disabled, input[type="text"i]:disabled, input[type="time"i]:disabled, input[type="url"i]:disabled, input[type="week"i]:disabled, select:disabled, select.form-control:disabled {

  background-color: #ddd;

}

#addRecipientForm .error-display {

  position: relative;

}

#addRecipientForm .error-display .form-control, #addRecipientForm ul.dragable li .error-display.form-control {

  border-color: #c00000;

}

#addRecipientForm .error-display .req-msg {

  display: block;

  position: absolute;

  right: 5px;

  bottom: 3px;

}

#addRecipientForm .req-msg {

  display: none;

  color: #c00000;

  font-size: 11px;

} /*form preview Tighten the space styling Start here*/ #custom_form_preview .custom_form_preview.newspacing hr {

  margin: 15px 0 10px 0;

}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li {

  font-size: 14px !important;

  line-height: 21px !important;

  margin-bottom: 10px;

}
#custom_form_preview .custom_form_preview.newspacing ul.dragable li .radio-btn-table-wrap thead {
    background: #ddd;
}
#custom_form_preview .custom_form_preview.newspacing ul.dragable li.field-row.emailfield .req.show_star {

  margin-left: 3px;

}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li.signature {

  margin-bottom: 6px;

}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li.signature .sign-display {

  margin-bottom: 4px;

}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li label {

  margin-bottom: 1px !important;

  font-weight: 600;

  font-size: 14px;

}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li .input-wrap.form-control {

  border: none;

  box-shadow: none;

}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li .form-control label {

  font-weight: 400;

}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li label.item-checkbox {

  display: block;

  font-weight: 400;

}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li .table td, #custom_form_preview .custom_form_preview.newspacing ul.dragable li .table th {

  padding: 1px 4px;

}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li.coloredbg_active .heading {

  color: #fff;

  margin: 0;

}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li.coloredbg_active {

  margin: 5px 0 10px 0;

  border-radius: 4px;

  padding: 5px 15px;

}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li .heading {

  margin: 5px 0 10px 0;

}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li h1.heading {

  line-height: 30px;

  font-size: 28px;

}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li h2.heading {

  line-height: 26px;

  font-size: 24px;

}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li h3.heading {

  line-height: 22px;

  font-size: 20px;

}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li .form-control {

  padding: 0 8px;

  height: 34px;

  border-color: #ccc; /*border-top:2px solid #aaa;*/ border-radius: 4px;

}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li textarea.form-control {

  height: auto;

  min-height: 0;

}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li div.form-control {

  height: auto;

}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li div.form-control.radiooption {

  border: none !important;

  box-shadow: none !important;

  background: transparent;

}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li div.form-control.checkboxoption {

  border: none !important;

  box-shadow: none !important;

  background: transparent;

}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li div.form-control.checkboxoption label.item-checkbox {

  display: block;

  font-weight: 400;

}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li div.form-control.checkboxoption.input-inline {

  display: flex;

}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li div.form-control.checkboxoption.input-inline label + label {

  margin-left: 20px;

}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li .input-wrap label {

  font-weight: 400;

}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li.paragraph ul li, #custom_form_preview .custom_form_preview.newspacing ul.dragable li.paragraph ol li {

  margin-bottom: 0;

}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li.currencyfield .form-control {

  padding-left: 20px;

}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li.currencyfield:before {

  left: 10px;

  bottom: 9px;

}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li.twopart-que .form-group {

  margin-bottom: 10px;

}

#custom_form_preview .custom_form_preview.newspacing .table-create div.col-headerr {

  border: 1px solid #ddd;

  padding: 2px 4px;

  min-height: 26px;

  margin: 0;

}

#custom_form_preview .custom_form_preview.newspacing .table-create div.col-headerr {

  border: none;

}

#custom_form_preview .custom_form_preview.newspacing .table-create tr:first-child div.col-headerr {

  border: 0;

  padding-left: 0;

  padding-right: 0;

}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li .table-create textarea.form-control {

  border-radius: 0;

}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li .error-display .req-msg {

  bottom: 2px;

  line-height: normal;

}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li.field-row.inputfield .form-control, #custom_form_preview .custom_form_preview.newspacing ul.dragable li.field-row.date .form-control, #custom_form_preview .custom_form_preview.newspacing ul.dragable li.field-row.emailfield .form-control, #custom_form_preview .custom_form_preview.newspacing ul.dragable li.field-row.currencyfield .form-control, #custom_form_preview .custom_form_preview.newspacing ul.dragable li.field-row.select-dropdown .form-control, #custom_form_preview .custom_form_preview.newspacing ul.dragable li.field-row.numberfield .form-control, #custom_form_preview .custom_form_preview.newspacing ul.dragable li.field-row.autoincfield .form-control {

  max-width: 370px;

}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li.field-row.inputfield textarea.form-control {

  max-width: 100%;

}

.table td.newbadge {

  position: relative;

  padding-top: 15px;

}

.table td.newbadge:before {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 32px;

  height: 32px;

  background: url(assets/images/new-badge.png) no-repeat center;

}

.table.ct-style#response-table td.newbadge {

  padding-top: 22px !important;

}

#response-table .groupedrow:not(.first_grp) {

  display: none;

}

#response-table.table-striped .firstrow {

  background: #fff;

  cursor: pointer;

  color: #000;

}

#response-table .firstrow.activve .button {

  color: #000;

}

#response-table.table-striped .firstrow td {

  border-color: transparent;

  padding: 10px 20px;

  border-bottom: 1px solid #fff;

}

#response-table.table-striped .groupedrow {

  background: #f9f9f9;

}

#response-table .formgrp-row {

  color: #fff;

  cursor: pointer;

  background: #0092CF;

}

#response-table .formgrp-row td {

  border: 0;

}

#response-table .firstrow .button {

  display: none;

  text-transform: uppercase;

  background: none !important;

  font-size: 12px;

  padding: 0;

}

#response-table .firstrow.activve .button {

  display: block;

}

#response-table tr td.table-view-outer .table {

  margin: 0;

}

#response-table tr td.table-view-outer {

  background: #fff;

  padding: 0 !important;

}

#response-table tr td.table-view-outer .table-view-wrap {

  display: none;

  max-height: 400px;

  overflow: auto;

  max-width: 1140px

}

#response-table tr td.table-view-outer .table-view-wrap.first_grp {

  display: block;

}

#response-table tr td.table-view-outer .table th {

  color: #333;

  background: #eee;

} /*#response-table tr td.table-view-outer .table{ margin:0; width:100%;}.table.ct-style#response-table td.table-view-outer {position: relative; padding:0; background: #eee;}#response-table tr td.table-view-outer .table-view-wrap{ display:none; max-height:400px; overflow:auto; max-width:1140px}#response-table tr td.table-view-outer .table-view-wrap.first_grp{ display:block;}#response-table tr td.table-view-outer .table-view-wrap .table td,#response-table tr td.table-view-outer .table-view-wrap .table th {background: #fff;}#response-table tr td.table-view-outer .table-view-wrap .table thead th {height: 0; line-height: 0; color: transparent;}#response-table tr td.table-view-outer .table-view-wrap .table thead th div{position: absolute; background: transparent; color: #333; padding:6px; top: 0; line-height: normal;}*/ /*.pdf-bottom{ padding:10px 18px;}.pdf-bottom .pdf-meta{ margin-top:10px;}.pdf-bottom .pdf-meta table thead td{ padding:1px 8px;}.pdf-bottom .signature-holder{ padding:5px; padding-top:20px; max-width:250px;}.pdf-bottom h3{ font-size:10px; line-height:11px; margin-bottom:10px;}*/ /*form preview Tighten the space styling Ends here*/ #p_free a {

  color: #fff;

}

.custom_form_preview ul.dragable li.signature .sigPad .signature-wrap label {

  display: block;

  text-align: left;

}

@media screen and (min-width:768px) {

  .custom_form_preview ul.dragable li.signature .sigPad .signature-wrap {

    max-width: 500px;

  }

} /******************/ .temp-list-wrap h4 {

  margin-top: 0;

  text-transform: uppercase;

}

.temp-list-wrap ul.temp-list {

  margin: 0;

  padding: 0;

  list-style: none;

}

.temp-list-wrap ul.temp-list li {

  font-weight: 600;

  margin-bottom: 7px;

  font-size: 15px;

}

#add-tem-frm {

  padding: 20px;

  background: #f9f9f9;

  border: 1px solid #eee;

  margin-top: 30px;

}

#add-tem-frm h4 {

  margin-top: 0;

  text-transform: uppercase;

  color: #0092CF;

}

#update-tem-frm {

  padding: 20px;

  background: #f9f9f9;

  border: 1px solid #eee;

  margin-top: 30px;

}

#update-tem-frm h4 {

  margin-top: 0;

  text-transform: uppercase;

  color: #0092CF;

}

.note-txt {

  line-height: 12px;

  font-size: 13px;

}

.row.captcha-row {

  margin: 0 -5px;

}

.row.captcha-row [class*="col-"] {

  padding: 0 5px;

}

.row.captcha-row .img-catcha {

  position: relative;

  padding-right: 15px;

  display: block;

}

.row.captcha-row .img-catcha .refresh-captcha {

  position: absolute;

  right: 0;

  top: 12px;

  color: #333;

}

#cke_mail_message .cke_combo_button, #cke_mail_message .cke_toolbar_break, #cke_mail_message .cke_toolbar_separator, #cke_mail_message .cke_button, #cke_mail_message .cke_toolgroup a.cke_button:last-child:after {

  display: none;

}

#cke_mail_message .cke_button.cke_button__bold, #cke_mail_message .cke_button.cke_button__italic, #cke_mail_message .cke_button.cke_button__paste, #cke_mail_message .cke_button.cke_button__undo, #cke_mail_message .cke_button.cke_button__scayt, #cke_mail_message .cke_button.cke_button__strike, #cke_mail_message .cke_button.cke_button__numberedlist, #cke_mail_message .cke_button.cke_button__bulletedlist, #cke_mail_message .cke_button.cke_button__maximize {

  display: inline-block;

}

.center-iframe {

  display: block;

  margin: auto;

}

.upload-files-wrap {

  padding: 20px;

  border: 2px solid #ececec;

  background: #fcfcfc;

  border-radius: 5px;

  margin-bottom: 30px;

}

.upload-files-wrap h3 {

  margin-top: 0;

}

.upload-files-wrap hr.heading-line {

  max-width: 90px;

  border: 0;

  border-bottom: 2px solid #012160;

}

.upload-files-wrap .text-center hr.heading-line {

  margin: 10px auto 20px auto !important;

}

.addmultiple-files input[type="file"] {

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

}

.addmultiple-files {

  max-width: 400px;

  margin: auto;

}

.addmultiple-files .file-wrap {

  position: relative;

  margin-bottom: 10px;

  padding-right: 55px;

}

.addmultiple-files .file-wrap .browse {

  display: inline-block;

  color: #333;

  text-decoration: none;

  position: relative;

  z-index: 99;

  outline: none;

  cursor: pointer;

  border: 0;

  border-radius: 4px;

  background: #ddd;

  padding: 8px 20px;

}

.addmultiple-files .file-wrap .fileval {

  display: block;

  position: absolute;

  right: 0;

  left: 0;

  padding: 0 60px 0 100px;

  text-overflow: ellipsis;

  white-space: nowrap;

  display: block;

  top: 7px;

  overflow: hidden;

}

.addmultiple-files #remScnt {

  color: red;

  position: absolute;

  right: 0;

  top: 5px;

  font-size: 12px;

  cursor: pointer;

}

.addmultiple-files .add_more {

  border-radius: 3px;

  color: #FFF;

  width: 100%;

  border: 0;

  outline: none;

  background: #5BC0DE;

  padding: 10px 20px;

  text-decoration: none;

  text-align: center;

  display: block;

}

.pagination-nav:after, .pagination-nav:before {

  display: block;

  content: '';

  clear: both;

}

.pagination-nav {

  margin: 30px 0;

}

.pagination-nav .pag-nation {

  float: left;

}

.pagination-nav .pag-nation a, .pagination-nav .pag-nation span.current {

  height: 32px;

  line-height: 32px;

  padding: 0 15px;

  text-decoration: none;

  font-size: 18px;

  font-weight: 300;

  color: #666;

  text-align: center;

  display: inline-block;

  vertical-align: top;

}

.pagination-nav .pag-nation span.current {

  font-weight: 700;

  color: #0092CF;

}

.pagination-nav .pag-cnt {

  float: right;

  font-size: 12px;

  margin-top: 7px;

}

table#multiple-signers-table .signers-list {

  position: relative;

  padding-right: 25px;

}

table#multiple-signers-table .signers-list .remove_signers {

  color: #c00000 !important;

  position: absolute;

  right: 0;

  top: 0;

}

table#multiple-signers-table .move {

  display: inline-block;

  margin-right: 15px;

  cursor: move;

}

table#multiple-signers-table tr.ui-sortable-helper td {

  background: #FFF;

  display: block;

}

table#multiple-signers-table tbody.signers-emailwrap {

  border-left: 1px solid #ddd;

}

table#multiple-signers-table tbody td {

  padding: 0;

  border: 0;

}

table#multiple-signers-table tbody td table {

  width: 100%;

  border-spacing: 0;

  border-collapse: collapse;

}

table#multiple-signers-table tbody td table td {

  border: 1px solid #ddd;

  padding: 7px 10px;

}

table#multiple-signers-table tbody td table tr:nth-of-type(2n+1) td {

  background: #f9f9f9

}

table#multiple-signers-table tbody td table tr:first-child td:first-child {

  border-top: 0;

}

table#multiple-signers-table tbody td table tr:last-child td:first-child {

  border-bottom: 0;

}

table#multiple-signers-table tbody td table tr td:first-child {

  border-left: 0;

}

table#multiple-signers-table tbody td table tr td:last-child {

  border-right: 0;

} /*Toggle button***********************/ .switch {

  overflow: hidden;

  display: inline-block;

  padding: 3px;

  font-size: 0;

  border-radius: 25px;

  color: #fff;

  background: #aaa;

}

.switch input {

  position: absolute !important;

  clip: rect(0, 0, 0, 0);

  height: 1px;

  width: 1px;

  border: 0;

  overflow: hidden;

}

.switch label {

  display: inline-block;

  cursor: pointer;

  font-size: 13px;

  border-radius: 25px;

  text-align: center;

  color: #FFF;

  opacity: 0.9;

  padding: 5px 20px;

  margin: 0;

  transition: all 0.1s ease-in-out;

}

.switch input:checked + label {

  background-color: #4ED164;

  color: #FFF;

  opacity: 1;

  box-shadow: 0 2px 5px rgba(0, 0, 0, .3);

}

.formprev-switch {

  float: right;

  margin: 0 0 25px 0;

  padding: 3px;

  border-radius: 25px;

  color: #fff;

  background: #aaa;

}

.formprev-switch .switch-btn {

  display: inline-block;

  text-decoration: none !important;

  background: none;

  text-transform: uppercase;

  font-weight: 600;

  cursor: pointer;

  font-size: 13px;

  border-radius: 25px;

  text-align: center;

  color: #FFF;

  opacity: 0.9;

  padding: 5px 20px;

  outline: none;

}

.formprev-switch .switch-btn.activemode {

  background-color: #4ED164;

  color: #FFF;

  opacity: 1;

  box-shadow: 0 2px 5px rgba(0, 0, 0, .3);

}

.payment-option-wrap {

  padding: 20px 40px;

  border: 2px solid #ececec;

  background: #fcfcfc;

  position: relative;

  border-radius: 5px;

  margin-bottom: 30px;

  display: none;

}

.payment-option-wrap .payment-row .icon {

  margin-bottom: 15px;

  max-width: 100px;

}

.payment-option-wrap .payment-row .paybutton {

  font-weight: 900;

  font-style: italic;

  font-size: 18px;

  margin-top: 10px;

  text-transform: uppercase;

}

.payment-option-wrap .payment-row {

  display: none;

  font-size: 16px;

  font-style: italic;

  line-height: 28px;

}

.payment-option-wrap, .payment-option-wrap * {

  cursor: pointer;

}

.payment-option-wrap .del-button.delpayment {

  position: absolute;

  right: 20px;

  height: 23px;

  background: #c00000;

  top: -10px;

  color: #fff;

  line-height: 24px;

  text-align: center;

  width: 30px;

  border-radius: 25px;

}

#custom_form_preview table.table-create td label {

  display: none !important;

}

.table-create.table {

  table-layout: fixed;

}

table.table-style2.manage-create-forms .date-text {

  font-size: 13px;

}

table.table-style2.manage-create-forms tr th, table.table-style2.manage-create-forms tr td {

  padding: 6px;

  vertical-align: middle;

}

@media screen and (min-width:768px) {

  .table-create.table {

    width: auto;

  }

}

.table-create.table td.show-checkbox input[type="checkbox"].column_checbox.disabled {

  opacity: 0.5;

  pointer-events: none;

}

#custom_form_preview .custom_form_preview ul.dragable li.form-logo .logoright {

  text-align: right;

}

#custom_form_preview .custom_form_preview ul.dragable li.form-logo .logoright img {

  max-height: 80px;

}

ul.nav.nav-tabs.tabs-style > li {

  text-align: center;

  color: #333;

  font-size: 14px;

  font-weight: 600;

}

ul.nav.nav-tabs.tabs-style > li a {

  color: inherit !important;

  border-radius: 0;

  outline: none;

  border: 1px solid #ddd;

  border-top: 3px solid #ddd;

  border-bottom: 0;

}

ul.nav.nav-tabs.tabs-style > li > a.active {

  color: #0092CF !important;

  border-top-color: #0092CF;

}

#before_send_form {

  padding: 30px;

  background: #fff;

}

.table.table-style2 td, .table.table-style2 th {

  padding: 7px 12px;

  border-color: #aaa;

  color: #666;

  font-weight: 600;

}

.table.table-style2 thead {

  background: #0092CF;

}

.table.table-style2 thead tr th {

  text-align: center;

  color: #fff;

  vertical-align: bottom;

}

.table.table-style2 .wordbreak {

  word-break: break-all;

}

.table.table-style2 .nobreak {

  white-space: nowrap;

}

.action-btn-wrap {

  white-space: nowrap;

}

.action-btn-wrap .action-btn {

  margin: 2px;

  border-radius: 10px;

  font-size: 11px;

  display: inline-block;

  padding: 2px 7px;

  line-height: normal;

  background: #00b050;

  font-weight: 700;

  text-decoration: none;

  color: #fff !important;

}

.action-btn-wrap .action-btn.btn-grey {

  background: #c0c0c0;

  color: #444 !important;

}

.action-btn-wrap .action-btn.edit-btn {

  background: #bf8f00;

}

.action-btn-wrap .action-btn.copy-btn {

  background: #0092CF;

}

.action-btn-wrap .action-btn.delete-btn {

  background: #c00000;

}

.action-btn-wrap .action-btn.disabled {

  opacity: 0.6;

}

.description-wrap {

  display: flex;

  align-items: center;

  justify-content: space-between;

  width: 100%;

  font-weight: 400;

}

.description-wrap .description-text {

  text-decoration: none;

  width: 100%;

  max-width: 256px;

  overflow: hidden;

  margin: 0px;

  padding: 2px 0px;

  height: auto;

  min-height: 24px;

  margin-right: 15px;

  line-height: 1.42857143;

}

.description-wrap .description-input {

  display: none;

  padding: 1px 5px;

  height: auto;

  margin-right: 15px;

}

.description-wrap.edit-active .description-text {

  display: none;

}

.description-wrap.edit-active .description-input {

  display: block;

}

.description-wrap .edit-description {}

.profile-phone {

  position: relative;

}

.profile-phone .pro-phone-btn {

  position: absolute;

  top: 2px;

  right: 2px;

  height: 38px;

  padding: 0 15px;

  background: #ddd;

  color: #333;

  border: 1px solid #ddd;

  min-width: 90px;

  bottom: 2px;

}

.profile-phone .input {

  padding-right: 100px;

}

.profile-email {

  position: relative;

}

.profile-email .pro-email-btn {

  position: absolute;

  top: 2px;

  right: 2px;

  padding: 0 15px;

  background: #ddd;

  color: #333;

  border: 1px solid #ddd;

  min-width: 90px;

  bottom: 2px;

}

.profile-email .input {

  padding-right: 100px;

}

.watermarks-row {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-top: 20px;

}

.watermarks-row .watermarks img {

  height: 35px;

}

.customer_restriction {

  opacity: 0.5;

} /*========Start Form List Page CSS===================*/ .form-list-page .custom-tabs-wrapper .tab-content {

  background: #fff;

  padding: 20px;

  box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);

  border-radius: 4px;

}

.form-list-page table.table-style2.manage-create-forms tr th, table.table-style2.manage-create-forms tr td {

  padding: .75rem;

}

.form-list-page .table.table-style2 thead {

  background: #fff;

}

.form-list-page .table.table-style2 td, .table.table-style2 th {

  border-color: #ddd;

}

.form-list-page .table.table-style2 thead tr th {

  color: #666;

} /**************CHECKBOX STYLE**********/ .form-list-page label.checkbox-style.checkbox-inline {

  margin: 0 10px 10px 0;

}

.form-list-page label.checkbox-style.checkbox-inline + label.checkbox-style.checkbox-inline {

  margin-left: 0;

}

.form-list-page label.checkbox-style {

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  margin-bottom: 0;

  line-height: normal;

  padding-left: 0;

  font-weight: 700;

  color: #111;

}

.form-list-page label.checkbox-style input[type="checkbox"] {

  display: none;

}

.form-list-page label.checkbox-style input[type="checkbox"]:disabled + span {

  opacity: 0.6 !important;

}

.form-list-page label.checkbox-style input[type="checkbox"] + span {

  padding-left: 20px;

  display: inline-block;

  cursor: pointer;

  position: relative;

  color: #555;

  font-weight: 600;

  font-size: 13px;

}

.form-list-page label.checkbox-style input[type="checkbox"] + span:before {

  position: absolute;

  left: 0;

  opacity: 0.9;

  top: 1px;

  content: "\f096";

  font-family: "FontAwesome";

  font-size: 16px;

  font-weight: normal;

}

.form-list-page label.checkbox-style input[type="checkbox"]:checked + span:before {

  content: "\f046";

  color: #012160;

}

.form-list-page .t-btn {

  margin: 2px;

  display: inline-block;

  min-width: 28px;

  text-align: center;

  white-space: nowrap;

  padding: 5px 5px;

  line-height: normal;

  border: none;

  color: #666;

  font-size: 11px;

  border-radius: 4px;

  background: #fff;

  box-shadow: rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 12%) 0px 1px 1px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(60 66 87 / 12%) 0px 2px 5px 0px;

  height: 28px !important;

}

.form-list-page .t-btn:hover {

  background: #fff;

  color: #666;

}

.form-list-page .action-btn-wrap .action-btn.btn-grey {

  background: #c0c0c0;

  color: #65a30d !important;

}

.form-list-page .action-btn-wrap .action-btn {

  margin: 2px;

  border-radius: 10px;

  font-size: 11px;

  display: inline-block;

  padding: 2px 7px;

  line-height: normal;

  background: #e0edcf !important;

  font-weight: 700;

  text-decoration: none;

  color: #65a30d !important;

}

.form-list-page .sectionArea {

  padding: 30px 0;

  background: #f3f2ef;

}

.form-list-page button.frmname {

  padding: 0;

  text-align: left;

  color: #0092CF;

}

.form-list-page .manage-create-forms {

  max-width: 1200px;

  margin: 20px auto;

  display: grid;

  gap: 1.5rem;

  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));

}

.form-list-page .manage-create-forms .form-box {

  float: left;

  background: #fff;

  min-height: 220px;

  padding: 10px;

  margin: 0;

  border-radius: 12px;

  transition: all 0.3s cubic-bezier(.25, .8, .25, 1);

  border: 1px solid transparent;

}

.form-list-page .manage-create-forms .form-box:hover {

  border: 1px solid #888;

}

.form-list-page .manage-create-forms .form-box.current {

  box-shadow: rgb(0 0 0 / 25%) 0px 0px 8px 8px, rgb(0 0 0 / 12%) 0px 0px 8px 8px;

}

.form-list-page .nobreak {

  white-space: nowrap;

  display: none;

  align-items: center;

  justify-content: flex-end;

  margin-top: 4px;

  min-height: 32px;

  transition: all .5s ease-in-out;

}

.form-list-page .manage-create-forms .form-box.current .nobreak {

  display: block;

}

.form-list-page .all-btn-wrap {

  white-space: nowrap;

  display: none;

  align-items: center;

  justify-content: flex-end;

}

.form-list-page .arrow-icon {

  opacity: 0.8;

  width: 27px;

  cursor: pointer;

  border: 1px solid;

  border-radius: 50%;

  padding: 2px;

  transition: all 0.3s ease-in-out;

  margin-left: 5px;

}

.form-list-page .manage-create-forms .form-box.current .arrow-icon {

  transform: rotate(90deg);

}

.form-list-page .manage-create-forms .form-box.current .all-btn-wrap {

  display: flex;

}

.form-list-page .default-form-img {

  object-fit: contain;

  object-position: center;

  height: 150px;

  width: 100%;

}

.form-list-page .manage-create-forms .form-box.current .all-btn-wrap a, .manage-create-forms .form-box.current .all-btn-wrap button {

  border: 1px solid #27AAE2;

  background: #fff !important;

  box-shadow: none;

  font-size: 16px;

  border-radius: 8px;

  color: #27AAE2 !important;

  display: inline-block;

  vertical-align: middle;

  padding: 3px 6px;

  line-height: 20px;

  margin: 2px;

}

.form-list-page .manage-create-forms .form-box.current .all-btn-wrap img {

  max-width: 17px;

  padding-bottom: 3px;

}

.form-list-page .manage-create-forms .form-box.current .all-btn-wrap a.t-btn.confirmation-btns {

  border-color: rgb(154, 28, 31);

  color: rgb(154, 28, 31) !important;

}

.form-list-page .form-info-wraps {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  margin-top: 5px;

}

.form-list-page .iframe-prview {

  text-align: center;

}

.form-list-page .iframe-prview iframe {

  width: 100% !important;

}

.form-list-page .forms-title {}

.form-list-page .forms-title a {

  color: #333;

  font-weight: 600;

}

.form-list-page .date-text {

  font-size: 13px;

  font-weight: 600;

}

.form-list-page .form-top-rows {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 5px;

}

.form-list-page .delete-modal {}

.delete-modal .modal-dialog {

  max-width: 480px;

}

.delete-modal .modal-dialog .card {

  border: none;

  text-align: center;

}

.delete-modal .modal-dialog .card-header {

  padding: 0.75rem 1.25rem;

  background: #fff;

  border: none;

}

.delete-modal .modal-dialog .card-header button.close {

  line-height: 0;

  float: right;

  background: transparent;

}

.delete-modal .modal-dialog .card-header button.close span {

  font-size: 40px;

}

.delete-modal .modal-dialog .card-header .font-weight-bold {

  color: #212529;

  font-weight: 500;

  font-size: 18px;

  font-family: 'Rubik', sans-serif;

}

.delete-modal .modal-dialog .text-muted {

  color: #6c757d !important;

}

.delete-modal .modal-dialog .card .card-body {

  padding: 0;

}

.delete-modal .modal-dialog .card .card-body .btn-wraps {

  text-align: right;

  margin-right: 15px;

}

.delete-modal .modal-dialog .card .card-body .btn-wraps .btn-light {

  background: transparent;

  border: none;

}

.delete-modal .modal-dialog .card .card-body .btn-wraps .btn-danger {

  border-radius: 11px;

  box-shadow: 0px 5px 5px rgb(0 0 0 / 20%);

}

.form-list-page .pagination-nav {

  margin: 30px 0;

  text-align: center;

}

.form-list-page .pag-nation {

  padding: 15px 0;

  text-align: center;

  width: 100%;

}

.form-list-page .pagination-nav .pag-nation span.current {

  height: 32px;

  line-height: 32px;

  padding: 0 10px;

  text-decoration: none;

  font-size: 18px;

  font-weight: 600;

  color: #fff;

  text-align: center;

  display: inline-block;

  vertical-align: top;

  background: #0092CF;

  width: auto;

  border-radius: 4px;

  margin: 0 2px;

  min-width: 32px;

}

.form-list-page .pagination-nav .pag-nation a {

  height: 32px;

  line-height: 32px;

  padding: 0 10px;

  text-decoration: none;

  font-size: 18px;

  font-weight: 600;

  color: #666;

  text-align: center;

  display: inline-block;

  vertical-align: top;

  background: #fff;

  width: auto;

  border-radius: 4px;

  margin: 0 2px;

  min-width: 32px;

}

.form-list-page .pagination-nav .pag-cnt {

  float: none;

}

.form-list-page .pagination-nav .pag-nation a:hover {

  background: #91d1ec;

}

.form-list-page .form-info-wraps .switch {

  overflow: hidden;

  display: inline-block;

  padding: 0;

  font-size: 0;

  border-radius: 25px;

  color: #fff;

  background: transparent;

  box-shadow: inset 0 1px 2px rgb(0 0 0 / 12%), inset 0 0 2px rgb(0 0 0 / 15%);

}

.form-list-page .switch input {

  display: none;

}

.form-list-page .switch small {

  display: inline-block;

  width: 70px;

  height: 18px;

  background: #eceeef;

  border-radius: 30px;

  position: relative;

  cursor: pointer;

}

.form-list-page .switch small:after {

  content: "Inactive";

  position: absolute;

  color: #aaa;

  font-size: 11px;

  font-weight: 600;

  width: 100%;

  left: 0px;

  text-align: right;

  padding: 0 6px;

  box-sizing: border-box;

  line-height: 18px;

}

.form-list-page .switch small:before {

  content: "";

  position: absolute;

  width: 12px;

  height: 12px;

  background: #fff;

  border-radius: 50%;

  top: 3px;

  left: 3px;

  transition: .3s;

  box-shadow: -3px 0 3px rgba(0, 0, 0, 0.1);

}

.form-list-page .switch input:checked ~ small {

  background: #4fb845;

  transition: .3s;

}

.form-list-page .switch input:checked ~ small:before {

  transform: translate(52px, 0px);

  transition: .3s;

}

.form-list-page .switch input:checked ~ small:after {

  content: "Active";

  text-align: left;

  color: #fff;

}

.video-wrap label {

  display: block;

} /*========End Form List Page CSS===================*/ .custom-model .modal-body label.checkbox-inline {}

.custom-model .modal-body label.checkbox-inline + label.checkbox-inline {

  margin: 0 0 0 15px;

}

.custom-model .modal-body label.checkbox-inline input[type="checkbox"] {

  margin: 0 4px 0 0;

}

#response-table.table-bordered > :not(caption) > * {

  border-width: 1px 0;

  border-bottom: 1px solid #a7a6a6;

}

#response-table.table-bordered > :not(caption) > * > * {

  border-width: 0;

}
.s-filter form .m-blocks {
    display: none;
}
#custom_form_preview .custom_form_preview.newspacing ul li.orderformp.table td.td4 { width: 150px !important; min-width: 150px;}
#custom_form_preview ul li.field-row .table-create.orderformp tr.Row2 td.td3 textarea.col-header.float-number { padding: 1px 18px;}
#custom_form_preview ul li.field-row .table-create.orderformp tr td textarea.col-header{ height: 35px; margin: 2px 0 0 0;}
#custom_form_preview ul li.field-row .table-create.orderformp tr td input.col-header.form-control{margin: 2px 0 0 0;}
table.table-create.table.table-bordered.orderformp tr td.td4 {
    width: 150px;
    min-width: 150px;
}

@media(max-width: 1199px) {
.s-filter form{padding-right: 0;}
.s-filter form .m-blocks {display: block;}
.btns.d-blocks {display: none;}
.s-filter form .m-blocks .btns {position: static;}
.s-filter .row {
    margin: 0 -4px;
    display: block;
}
.s-filter .row div {
    width: 24% !important;
    margin: 5px 0;
    display: inline-block;
}
.s-filter .row div.m-blocks {position: absolute;}
	.plan-wrap .plan-desc{min-height: 195px !important;}
	#topbar{text-align: center;}
	#topbar .title-holder {
    float: none;
    text-align: center;
}
	#topbar .right-block {
    float: none;
   
    align-items: center;
    text-align: center;
    justify-content: center;
    margin-top: 14px; display: inline-block;
}
	.frm-search .form-control{max-width: 180px !important;}
}
@media(max-width: 1024px) {
.container{max-width: 100%;}
	.login-page, .register-page{display: block !important;}	
.registerfrm-wrap {
    width: 100%;
    display: block;
    height: auto;
    position: relative;
    margin: 0 auto;
    z-index: 999;
    padding: 30px 0;
}
.registerfrm-wrap .bg-red-500 {
    position: relative;
    width: 100%;
}	
.registerfrm-wrap .content-area {
    position: relative;
    z-index: 99;
    max-width: 95%;
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    padding: 25px;
    border: 1px solid #000;
    float: none;
    margin: 0 auto 30px;
}
.registerfrm-wrap .bg-white form {
    min-width: 95%;
    margin: 0 auto;
    background: #fff;
    padding: 30px;
    border-radius: 6px;
}
.registerfrm-wrap .bg-red-500 p + p {margin-top: 5px;}
.social-btn-wrap { margin: 25px -3px 20px;display: flex;justify-content: center;}	
	
a.social-signup{margin: 0 auto; width: 200px;}
.email-verification-wrapper span {
    display: block;
}	
.email-verification-wrapper span span.check-icon {
    display: inline;
}	
}
@media(max-width: 991px) {
	.plan-wrap .plan-name{font-size: 18px !important;}
	.plan-wrap .plan-desc {
    min-height: 185px !important; font-size: 12px !important;}
	ul.form-list-item li{font-size: 12px !important;}
	ul.form-list-item{min-height: 400px !important;}
	
}
.row.mobile-rows{display:none;}
@media screen and (max-width:767px) {

  #header {

    padding: 8px 0;

  }

  #comp-header {

    padding: 14px 0;

  }

  #logo {

    float: none;

    text-align: center;

  }

  #logo img {

    max-height: 45px;

  }

  ul.account-nav {

    margin-top: 4px;

  }

  ul.account-nav li.welcome-user {

    border-right: 0;

    padding: 0;

    max-width: 130px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

  }

  ul.account-nav li + li {

    margin-left: 10px;

  }

  #pagelink-item.menu-opened:before {

    z-index: 999;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    position: fixed;

    content: '';

    opacity: 0.5;

    background: #000;

  }

  #pagelink-item.menu-opened .menu-container {

    right: 0;

    visibility: visible;

    opacity: 1;

  }

  #pagelink-item .menu-container {

    position: fixed;

    right: 0;

    top: 0;

    height: 100%;

    background: #464e54;

    overflow-y: auto;

    text-align: left;

    z-index: 9999;

    width: 240px;

    padding: 50px 0;

    right: -240px;

    transition: 0.12s;

    opacity: 0;

    visibility: hidden;

  }

  #pagelink-item .menu-container .close-menu {

    font-size: 16px;

    opacity: 0.7;

    color: #FFF;

    background: #596065;

    width: 54px;

    height: 44px;

    line-height: 40px;

    text-align: center;

    border-radius: 0 0 0 35px;

    position: absolute;

    right: 0;

    top: 0;

  }

  #pagelink-item .menu-container .welcome-msg {

    padding: 0 20px;

    margin: 0 0 30px 0;

    color: #FFF;

    font-size: 18px;

    line-height: normal;

  }

  #pagelink-item .menu-container .welcome-msg small {

    color: #FFF;

    opacity: 0.5;

  }

  #pagelink-item ul {

    border: 0;

    text-align: left;

  }

  #pagelink-item ul li.home {

    max-width: none;

  }

  #pagelink-item ul li {

    display: block;

    padding: 0;

    width: 100%;

    letter-spacing: normal;

    border-top: 1px solid #596065;

  }

  #pagelink-item ul li .fa {

    display: inline-block;

    font-size: 16px;

    margin-bottom: 0;

    margin-right: 7px;

  }

  #pagelink-item ul li a {

    padding: 15px 20px;

  }

  #pagelink-item ul li + li {

    border-left: 0;

  }

  #pagelink-item ul li.logout {

    padding: 12px 20px;

  }

  #pagelink-item ul li.logout a {

    display: inline-block;

    background: #c00000;

    padding: 8px 25px;

  }

  #topbar {

    padding: 10px 0;

  }

  #topbar .title-holder h1 {

    font-size: 18px;

  }

  #topbar .title-holder, #topbar .right-block {

    float: none;

    margin: 8px 0;

  }

  .button.button-xs {

    padding: 5px 15px;

  }

  .button {

    font-size: 13px;

  }

  .table.ct-style td, .table.ct-style th {

    padding: 10px 15px;

    font-size: 13px;

  }

  .frm-holdr#admin-frm {

    position: static;

    transform: none !important;

  }

  .frm-holdr#admin-frm form {

    padding: 40px 20px;

    border-radius: 0;

  }

  .frm-search .form-control {

    max-width: 120px;

  }

  .frm-search .button {

    height: 32px;

  }

  .desc-item {

    margin: 0 -12px;

  }

  .desc-item ul li {

    margin-right: 5px;

    font-size: 12px;

  }

  .desc-item ul li.f-right {

    margin-left: 5px;

  }

  #response-filter {

    padding: 5px 0;

    display: none;

  }

  .s-filter .filter {

    font-weight: 600;

    font-size: 16px;

  }

  .s-filter form {

    margin-top: 10px;

    padding: 20px;

    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.1);

    border-radius: 7px;

    background: #FFF;

  }

  .s-filter form .btns {

    position: static;

    text-align: center;

  }

  .s-filter form .btns button {

    display: inline-block;

    width: 150px;

  }

  .s-filter form .btns button.reset-btn {

    margin-left: 2%;

    width: auto;

  }

  .s-filter input, .s-filter select {

    margin-bottom: 10px;

  }

  .frm-holdr.bdr-wrap {

    padding: 20px;

  }

  .button.button-md {

    padding: 12px 25px;

    min-width: 115px;

  }

  .custom-model .modal-body {

    padding: 25px;

  }

  .custom-model .modal-header {

    padding-left: 25px;

  }

  .table.ct-style#price-table, .table.ct-style#price-table thead, .table.ct-style#price-table tr, .table.ct-style#price-table th, .table.ct-style#price-table tbody, .table.ct-style#price-table td {

    display: block;

  }

  .table.ct-style#price-table .plan-col, .table.ct-style#price-table .licenses-col {

    width: 50%;

    display: inline-block;

    margin-right: -4px;

  }

  .table.ct-style#price-table th {

    font-size: 14px;

  }

  .table.ct-style#price-table td {

    font-size: 12px;

  }

  .table.ct-style#price-table tr.plan-row {

    width: 50%;

    text-align: center;

    position: relative;

    text-align: center;

    border-right: 1px solid #ddd;

  }

  .table.ct-style#price-table tr.plan-row + tr.plan-row {

    border-top: 1px solid #ddd;

  }

  .table.ct-style#price-table tr.plan-row td {

    border: 0;

    padding: 4px;

  }

  .table.ct-style#price-table tr.plan-row td.licenses-col {

    position: absolute;

    padding: 18px;

    right: -100%;

    width: 100%;

    top: 0;

    padding: 5px;

  }

  .table.ct-style#price-table tr.plan-row td.licenses-col .button {

    padding: 5px 8px;

    font-size: 13px;

  }

  .table.ct-style#price-table .plan-price {

    font-size: 18px;

  }

  .table.ct-style#price-table tr.activate-plan-wrap {

    display: block !important;

    width: 100%;

  }

  #userDetail.custom-model .table, #userDetail.custom-model .table tbody, #userDetail.custom-model .table tr, #userDetail.custom-model .table td {

    display: block;

    width: 100%;

  }

  #userDetail.custom-model .table td {

    padding: 0;

    border: 0;

    text-align: left;

    border-top: 0;

  }

  #userDetail.custom-model .table tr {

    padding: 10px 0;

  }

  #userDetail.custom-model .table tr + tr {

    border-top: 1px solid #ddd;

  }

  #userDetail.custom-model .table td.text-right {

    font-size: 15px;

    color: #333;

  }

  #topbar .right-block.subscription-btn:before {

    clear: both;

    content: '';

    display: table;

  }

  #topbar .right-block.subscription-btn {

    width: 100%;

    float: none;

  }

  .custom_form_preview ul.dragable li .table-create td .col-header {

    border-color: #ccc;

  }

  #topbar .right-block.subscription-btn #sub_btn.update-card-btn {

    float: none !important;

    margin-left: 0;

  }

  #topbar .right-block.subscription-btn #sub_btn.update-card-btn .stripe-button-el span {

    min-height: 27px !important;

    font-size: 11px;

    padding: 0 6px;

    height: 27px;

  }

  #topbar .right-block.subscription-btn #cancel_subscription {

    padding: 5px 7px;

    font-size: 11px;

  }

  #topbar3 {

    margin-top: -10px;

    margin-bottom: 10px;

  }

  #footer .copy {

    margin-top: 20px;

  }

  #footer ul.social, #footer .copy {

    text-align: center;

  }

  #topbar .right-block.frm-search-wrap:before {

    content: '';

    display: table;

    clear: both;

  }

  #topbar .right-block.frm-search-wrap {

    float: none !important;

  }

  .tble-vscroll.sendto-tble-wrap {

    max-height: none;

  }

  .download-csv .frm-holdr {

    padding: 15px;

    transform: none;

    display: none;

  }

  .download-csv.show-frm .frm-holdr {

    transform: none;

    display: block;

  }

  .download-csv .button {

    position: static;

  }

  .download-csv.show-frm a.button {

    display: none;

  }

  #custom_form_preview .frm-header.has_logo .header-title {

    padding-right: 0;

  }

  #custom_form_preview .frm-header.has_logo .comp-logo {

    position: static;

    margin-bottom: 20px;

  }

  #planInfoModal.custom-model .modal-dialog {

    width: auto;

    max-width: 100%;

  }

  .frm-holdr#admin-frm {

    width: 100%;

  }

  .session-expired-content .icon {

    float: none;

    margin: 0 auto 20px auto;

    width: 72px;

  }

  .session-expired-content .session-txt {

    text-align: center;

    margin-left: 0;

  }

  .frm-holdr#frm-send-wrap {

    padding: 20px;

  }

  .custom-tabs-wrapper .nav-tabs > li + li {

    margin-left: 30px;

  }

  .custom-tabs-wrapper .nav-tabs > li + li:before {

    left: -15px;

  }

  .custom_form_preview ul.dragable li.logoheading-wrap {

    text-align: center;

  }

  .custom_form_preview ul.dragable li.logoheading-wrap .prev-field .logo {

    margin-bottom: 15px;

    max-width: 180px;

    max-height: 86px;

  }

  #custom_form_preview .custom_form_preview.newspacing ul.dragable li textarea.form-control {

    padding: 2px 8px;

    height: auto;

  }

  .img_mappingg {

    height: auto;

    width: 100%;

  }
	.full-form-wrap .row.desktop-rows .button#submit{position:static !important;}


}

@media screen and (max-width:479px) {

  .phone-field-wrap .form-control.field1, .phone-field-wrap .form-control.field2 {

    width: 52px;

  }

  .phone-field-wrap .form-control.field3 {

    width: 67px;

  }
	
a.social-signup{margin: 0 auto; width: 160px;}
.registerfrm-wrap .bg-white form{width: 95%;}	
}

.no_permission {

  position: relative;

  cursor: not-allowed !important;

}

.search-field-wrap form{

    display: flex;

    align-items: center;

    position: relative;

    max-width: 400px;

}

.search-field-wrap .form-control {

    margin: 0;

    max-width: 400px;

    border-radius: 30px;

    height: 40px;

    padding-right: 100px;

    border: 2px solid #d0d0d0;

}

.search-field-wrap .btn {

    position: absolute;

    right: 4px;

    background: #012160;

    color: #fff;

    border-radius: 30px;

    min-width: 90px;

}

.uploadweb.or {

    position: relative;

    border-bottom: 1px solid #ddd;

    margin: 30px 0 30px 0;

}

.uploadweb.or:after {

    content: 'or';

    width: 32px;

    height: 32px;

    text-align: center;

    line-height: 28px;

    text-transform: uppercase;

    border: 1px solid #ddd;

    border-radius: 50%;

    position: absolute;

    left: 0;

    right: 0;

    bottom: -15px;

    margin: auto;

    background: #0092CF;

    color: #fff;

    font-size: 12px;

    font-weight: bold;

}

.use-template-item-img {

    background: #f5f5f5;

    width: auto;

    padding: 10px 5px;

    display: inline-block;

    border: 1px solid #ddd;

    border-radius: 4px;

}

.use-template-wrap a {

    text-decoration: none;

}

.create-form-popup .create-form-wrap h4.use-template-item-text {

    font-size: 16px;

    text-decoration: none;

    font-weight: bold;

    margin: 10px 0 0; color: #333;

}

.create-form-popup .create-form-wrap h4.use-template-item-text:hover{color: #0092CF;}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li div.form-control.radiooption label{display:block;}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li div.form-control.radiooption.input-inline label{display:inline-block;}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li div.form-control.radiooption.input-inline label + label{margin-left:20px;}

#custom_form_preview .timeoption.time-input {

    display: flex;

    align-items: center;

}

#custom_form_preview .timeoption.time-input .form-control {

    width: 90px;

    margin: 0 10px 0 0 !important;

}

#custom_form_preview .timeoption.time-input select{

width: 100%;

  max-width: 400px;

  padding: 0.75rem;

  border: 1px solid rgba(0, 0, 0, 0.1);

  /* Arrow */

  appearance: none;

  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");

  background-repeat: no-repeat;

  background-position: right 0.7rem top 50%;

  background-size: 0.65rem auto;

}
.time_col{position: relative;left: -4px;}

.custom-form-wrap > ul > li.checklist .table td.td1 {min-width: 60px !important; max-width: 60px !important;width: 60px !important; vertical-align: middle;}
#custom-form-builder .table-create div.col-headerr{margin: 0 0;}
.table-create.table.checkboxlist tr td.td1 input[type="checkbox"] {display: block;margin: 0 auto;}
.custom_form_preview ul.dragable li .table-create.checkboxlist tr td:first-child {width: 60px;max-width: 60px; min-width: 60px;text-align: center;vertical-align: middle;}
#custom_form_preview .custom_form_preview.newspacing ul.dragable li.field-row.checklist .table td.td1{text-align: center;vertical-align: middle;}
.table-create tr:first-child {background: #ddd;color: #333 !important;}
.table-create tr:first-child td {color: #333 !important;}
.table-create tr:first-child .col-headerr {color: #333 !important;}


.custom-form-wrap ul li.field-row.newaddressfield .address-wrapers, .custom-form-wrap ul li.field-row.newaddress-input-wrap .address-wrapers{margin-top: 10px;}
#custom-form-builder label.main_address {margin-bottom: 10px;}
.custom-form-wrap ul li.field-row.newaddressfield .address-wrapers .form-group, .custom-form-wrap ul li.field-row.newaddress-input-wrap .address-wrapers .form-group{margin-bottom: 5px;}
#custom-form-builder .custom-form-wrap ul li.field-row.newaddressfield .address-wrapers label, #custom-form-builder .custom-form-wrap ul li.field-row.newaddress-input-wrap .address-wrapers label{font-size: 12px;color: #5d5c5c;}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li.newaddressfield .address-wrapers .form-group{margin-bottom: 5px;}
#custom_form_preview .custom_form_preview.newspacing ul.dragable li.newaddressfield .address-wrapers label{
    font-size: 12px;
    color: #5d5c5c;
}
#custom_form_preview label.main_address { margin-bottom: 10px;}
.custom_form_preview ul.dragable li .table-create tr:first-child{background: #ddd;}
#custom_form_preview .custom_form_preview.newspacing ul.dragable li .phone-field-wrap {display: flex;}
#custom_form_preview .custom_form_preview.newspacing ul.dragable li .phone-field-wrap .form-control.phone-field-ext.field1{width: 60px !important;}

.custom_form_preview ul.dragable li .radio-btn-table-wrap table.table th {color: #333; text-align:center;}
.custom_form_preview ul.dragable li .radio-btn-table-wrap table.table td{text-align:center;}
.custom_form_preview ul.dragable li .radio-btn-table-wrap table.table .radio{margin: 0;}
.custom_form_preview ul.dragable li .radio-btn-table-wrap table.table .radio input {position: relative; margin: 0;}

.custom_form_preview ul.dragable li .radio-btn-table-wrap table.table tr td:first-child {text-align: left;}
#custom_form_preview .custom_form_preview.newspacing ul.dragable li .radio-btn-table-wrap .table td, #custom_form_preview .custom_form_preview.newspacing ul.dragable li .radio-btn-table-wrap .table th {padding: 4px 4px;}
#custom-form-builder .field-row .prev-field .rating{ margin-top: -5px;}
.rating {display: flex; margin-top: 0px;flex-direction: row-reverse;justify-content: start;}
.rating input {display: none;}
.rating label {cursor: pointer;width: 26px; height: 26px; margin: 0; padding: 0; float: right;}
.rating label:before { content: '\2605';font-size: 26px;color: #ccc;}
.rating input:checked ~ label:before,
.rating input:checked  label  label:before { color: #ffcc00;}