.modal-content {
    border-radius: 0px;
}
.modal-header .close {
    float: none;
    font-weight: 300;
    line-height: 30px;
    color: #fff;
    background-color: #3498db;
    text-shadow: 0 0 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0!important;
    margin: 0!important;
    width: 30px;
    height: 30px;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    display: block;
    z-index: 9999;
}
.modal-header .close:active, .modal-header .close:focus, .modal-header .close:hover {
    background: #2783c0;
    color: #fff;
    outline: 0
}
.modal-content {
    border-radius: 0;
}
.modal-footer {
    padding-top: 0;
    border-top: 0;
}
.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 0;
    background-color: #f3f4f6;
}
.modal-title {
    font-size: 14px;
    font-weight: 600;
    color: #3498DB;
    text-transform: uppercase;
}

/*alignment popup*/

#alighment-modal p.details{
    font-size: 12px;
    color:#757575;
    margin-bottom: 20px;

}
#alighment-modal .options{
    width:78px;
    height: 78px;
    display: inline-block;
    background-position: 0 0;
    margin-left: 10px;
    margin-right: 10px;
}
#alighment-modal .options.left{
    background-image: url("../../img/left-col.png");
}
#alighment-modal .options.center{
    background-image: url("../../img/center-col.png");
}
#alighment-modal .options.right{
    background-image: url("../../img/right-col.png");
}
#alighment-modal .options:hover,
#alighment-modal .options.active{
    background-position: 0 -78px;
}

/*delete block warning */
#delete-block-modal .modal-title{
    color: #d20000;
}
#delete-block-modal .modal-header .close {
    background-color: #d20000;
}
#delete-block-modal .modal-footer button{
    background-color: #d20000 !important;
    border-color: #d20000 !important;
}
#delete-block-modal  h4 {
    font-size: 14px !important;
}
/*optin modal*/
#optin-modal #integration-hover {
    width: 100% !important;
}
#optin-modal #integration-hover button {
    height: 34px;
    padding-left: 10px;
    color: #555;
}
#optin-modal #integration-hover button:hover, #optin-modal #integration-hover .btn-default.active {
    background-color: transparent;
}
#optin-modal #integration-hover .caret {
    margin-bottom: 3px;
}
#optin-modal #integration-hover ul.dropdown-menu {
    width: 100%;
}

/*------------------- POPUP -------------------*/
.modal-content {
    border-radius: 0px;
}
.modal-header .close {
    float: none;
    font-weight: 300;
    line-height: 30px;
    color: #fff;
    background-color: #3498db;
    text-shadow: 0 0 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0!important;
    margin: 0!important;
    width: 30px;
    height: 30px;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    display: block;
    z-index: 9999;
}
.modal-header .close:active, .modal-header .close:focus, .modal-header .close:hover {
    background: #2783c0;
    color: #fff;
    outline: 0
}
.modal-content {
    border-radius: 0;
}
.modal-footer {
    padding-top: 0;
    border-top: 0;
}
.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 0;
    background-color: #f3f4f6;
}
.modal-title {
    font-size: 14px;
    font-weight: 600;
    color: #3498DB;
    text-transform: uppercase;
}
:not(.has-error) > .form-control {
    border-radius: 2px!important;
    font-size: 11px;
    border: 1px solid #e1e1e1;
    box-shadow: inset 0 0px 0px rgba(0,0,0,.0);
    line-height: 13px;
}
:not(.has-error) > .form-control:focus {
    border-color: #3498db!important;
    box-shadow: none
}
label {
    color: #3a3938;
}
.help-block {
    font-size: 11px;
    margin-top: 5px;
}
.right-title {
    font-size: 14px;
    font-weight: 600;
    color: #3498DB;
    text-transform: uppercase;
    margin: 0px;
    padding: 15px;
}
.right-title span {
    color: #b2b2b2;
    font-size: 10px !important;
    font-style: italic;
    font-weight: 400;
    text-transform: capitalize;
}
.controls-title {
    border-bottom: 1px solid #eaeeef;
    background: #fff;
}
.controls-title span {
    font-size: 14px;
    font-weight: 400;
    color: #3498db;
    display: block;
    border-bottom: 2px solid #3498db;
    margin-left: 5px;
    margin-bottom: -2px;
    margin-top: 14px;
    padding: 5px 4px;
}
.border-right {
    border-right: 1px solid #eaeeef;
}
ul.controls {
    list-style: none;
    padding: 15px;
}
ul.controls li {
    color: #555555;
    line-height: 23px;
    margin-bottom: 15px;
}
ul.controls li span {
    color: #555555;
    font-size: 12px;
    float: left;
    width: 40%
}
ul.controls li label {
    color: #555555;
    font-size: 12px;
    font-weight: 400;
}
ul.controls li span i {
    color: #d7ddde
}
.control-options {
    float: right;
    width: 60%;
}
.control-options .form-group-sm {
    width: 47%;
}
.control-options .form-group-sm :not(.has-error) > .form-control {
    height: 23px;
    padding: 6px 5px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 2px 0px 0px 2px;
    color: #a5aab5;
    text-align: center;
    border-color: #dcdcdc
}
.form-group-sm select.form-control {
    height: 30px;
    line-height: 23px;
    font-size: 11px !important;
    padding: 2px 1px;
    color: #555;
}
.control-options .input-group-addon {
    padding: 5px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    color: #757575;
    text-align: center;
    background-color: #e7e7e7;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
}
.sep-div {
    height: 10px;
}
.form-control.textarea {
    color: #a5aab5 !important;
    font-size: 11px !important;
}
.sub {
    padding-left: 20px;
}
.no-padding-right {
    padding-right: 0px !important;
}
.subtitle {
    font-size: 11px;
    padding-bottom: 10px;
}
.subtitle b {
    font-weight: 600;
    color: #000;
}
.custom {
    margin-top: -6px;
    font-size: 12px;
    font-weight: 600;
    color: #b9b9b9;
    margin-bottom: 8px;
}
.display-inline {
    display: inline-block;
    margin-bottom: 5px;
}
.custom-feilds .form-group-sm select.form-control {
    width: 123px !important;
    font-size: 11px !important;
}
.display-inline input[type="checkbox"] {
    margin-left: -17px;
    margin-top: -5px;
}
.optin-form-content {
    padding: 25px;
}
.no-padding {
    padding: 0px;
}
.glowing-border {
    border: 1px solid red !important;
    border-radius: 2px !important;
}
.glowing-border:focus {
    outline: none;
    border-color: #F1290E !important;
    box-shadow: 0 0 10px #F1290E !important;
}
/*------------------- END -------------------*/


/*tracking report modal*/

#tracking-modal .modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 0;
    background-color: #f3f4f6;
}
#tracking-modal .modal-footer {
    border: none;
}
#tracking-modal .modal-footer .btn-primary, .modal-footer .btn-primary.disabled, .modal-footer .btn-primary[disabled] {
    background-color: #3598db;
    border-color: #3598db;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 2px;
}
#tracking-modal .modal-content {
    border-radius: 0px;
    border: none;
}
#tracking-modal .modal-title {
    font-size: 14px;
    font-weight: 600;
    color: #3598db;
    text-transform: uppercase;
}
#tracking-modal .modal-header .close {
    float: none;
    font-weight: 300;
    line-height: 30px;
    color: #fff;
    background-color: #3598db;
    text-shadow: 0 0 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0!important;
    margin: 0!important;
    width: 30px;
    height: 30px;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    display: block;
    z-index: 9999;
}
#tracking-modal .modal-header .close {
    margin-top: -2px;
}
#tracking-modal button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
#tracking-modal .modal-body textarea {
    width: 100%;
    border-radius: 2px;
    border: 1px solid #dcdcdc;
}
#tracking-modal .modal-body {
    padding-left: 50px;
    margin-right: 50px;
}
#tracking-modal .modal-body label {
    font-size: 12px;
    color: #2f2f2f;
    font-weight: bold;
    text-transform: capitalize;
}
#tracking-modal .modal-body p {
    color: #878787;
    font-size: 11px;
    line-height: 17px;
}
/*view gate popup*/

#view-gate-modal .modal-dialog {
    width: 860px;
}
#view-gate-modal .modal-header {
    padding: 0px 15px;
    border-bottom: 0;
}
#view-gate-modal .form-control {
    box-shadow: none;
    font-size: 12px;
    border-color: #dcdcdc
}
#view-gate-modal .form-control:focus {
    border-color: #3498db;
    box-shadow: none
}
#view-gate-modal .chat-box-content {
    padding: 0px 10px;
}
#view-gate-modal .mCSB_scrollTools {
    position: absolute;
    width: 5px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}
#view-gate-modal .mCSB_inside>.mCSB_container {
    padding-right: 15px;
    margin-right: 0px;
}
#view-gate-modal .modal-body {
    position: relative;
    padding: 0px 15px !important;
}
#view-gate-modal .controls {
    padding: 15px 0px !important;
    height: 460px;
}
#view-gate-modal .close {
    float: none;
    font-weight: 300;
    line-height: 30px;
    color: #fff;
    background-color: #3498db;
    text-shadow: 0 0 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0!important;
    margin: 0!important;
    width: 30px;
    height: 30px;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    display: block;
    z-index: 9999;
}
#view-gate-modal .close:active, #view-gate-modal .close:focus, #view-gate-modal .close:hover {
    background: #2783c0;
    color: #fff;
    outline: 0
}
#view-gate-modal .checkbox label {
    font-size: 11px;
    font-weight: 400;
    background: #bbb;
    padding: 4px 26px;
    color: #fff;
    border-radius: 2px;
    width: 126px !important;
    margin-top: 3px !important;
    /*padding-right: 10px;*/
}
#view-gate-modal .checkbox label input {
    margin-top: 2px;
}
#view-gate-modal .checkbox label.active {
    background: #3498db;
    color: #fff !important;
}
#view-gate-modal .panel {
    margin-bottom: 6px;
    background-color: #fff;
    border: none;
    border-radius: 4px;
    box-shadow: none !important;
}
#view-gate-modal .panel-body {
    padding-top: 0px;
}
#view-gate-modal .panel-default {
    border: none;
}
#view-gate-modal .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border: none;
}
#view-gate-modal .panel-default>.panel-heading {
    background: #fff;
    color: #3498db;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}
#view-gate-modal .panel-default>.panel-heading i {
    color: #3498db !important;
}
#view-gate-modal .optin-form-content .h2 {
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333333;
    margin-bottom: 30px;
}
#view-gate-modal .optin-form-content .form-control {
    border-radius: 2px!important;
    font-size: 14px;
    border: 1px solid #e8e8e8;
    box-shadow: inset 0 0px 0px rgba(0,0,0,.0);
    color: #a7a7a7;
    height: 46px;
    padding: 10px 16px;
    line-height: 1.3333333;
    margin-top: 5px;
}
#view-gate-modal .optin-form-content .btn-submit {
    display: block;
    width: 100%;
    border: 0px;
    white-space: normal;
    overflow: hidden;
    hyphens: auto;
    margin-top: 10px;
    background-color: #ffb400;
    margin-bottom: 30px;
}
#view-gate-modal .optin-form-content .btn-submit {
    font-size: 20px !important;
    /*display: #fff;*/
    width: 100%;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}
#view-gate-modal .optin-form-content .btn-submit h3 {
    font-size: 20px !important;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 15px;
}
#view-gate-modal .optin-form-conten .btn-warning i {
    font-size: 20px !important;
    /*display: #fff;*/
    font-weight: bold;
    text-transform: uppercase;
}
#view-gate-modal .sub-text {
    font-size: 11px;
    color: #434c52;
    display: inline-block;
}
#view-gate-modal .sub-text .view-sub-image {
    margin-top: -3px;
    margin-right: 1px;
    display: inline-block;
}
#view-gate-modal #notification .email {
    font-size: 12px;
    color: #2f2f2f;
    margin-top: 15px;
}
#view-gate-modal #notification .email i {
    color: #3598db !important;
    margin-left: 10px;
}
#view-gate-modal #notification button {
    background-color: #3598db;
    width: 26px;
    height: 26px;
    padding: 0px;
    border-radius: 2px;
    border: none;
    font-size: 10px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 4px;
    right: 5px;
}
#view-gate-modal #notification button i {
    margin: 0px;
    color: #fff !important;
}
#view-gate-modal #notification .detail-text {
    font-size: 11px;
    color: #878787;
}
#view-gate-modal #notification .panel-body {
    padding-left: 30px;
    padding-top: 10px;
}
#view-gate-modal #integration .panel-body {
    padding-top: 15px;
    padding-left: 30px;
}
#view-gate-modal #integration label {
    font-size: 12px;
    font-weight: bold;
    color: #2f2f2f;
}
/*exit popup*/

#exit-modal .modal-header {
    padding: 0px 15px;
    border-bottom: 0;
}
#exit-modal .form-control {
    box-shadow: none;
    font-size: 12px;
    border-color: #dcdcdc
}
#exit-modal .modal-body .optin-form-content .form-group {
    padding: 0px 40px;
}
#exit-modal .form-control:focus {
    border-color: #3498db;
    box-shadow: none
}
#exit-modal .chat-box-content {
    padding: 0px 10px;
}
#exit-modal .mCSB_scrollTools {
    position: absolute;
    width: 5px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}
#exit-modal .mCSB_inside>.mCSB_container {
    padding-right: 15px;
    margin-right: 0px;
}
#exit-modal .modal-body {
    position: relative;
    padding: 0px 15px !important;
}
#exit-modal .controls {
    padding: 15px 0px !important;
    height: 500px;
}
#exit-modal .close {
    float: none;
    font-weight: 300;
    line-height: 30px;
    color: #fff;
    background-color: #3498db;
    text-shadow: 0 0 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0!important;
    margin: 0!important;
    width: 30px;
    height: 30px;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    display: block;
    z-index: 9999;
}
#exit-modal .close:active, #exit-modal .close:focus, #exit-modal .close:hover {
    background: #2783c0;
    color: #fff;
    outline: 0
}
#exit-modal .checkbox label {
    font-size: 11px;
    font-weight: 400;
    background: #bbb;
    padding: 4px 26px;
    color: #fff;
    border-radius: 2px;
    width: 126px !important;
    margin-top: 3px !important;
    padding-right: 10px;
}
#exit-modal .checkbox label input {
    margin-top: 2px;
}
#exit-modal .checkbox label.active {
    background: #3498db;
    color: #fff !important;
}
#exit-modal .panel {
    margin-bottom: 6px;
    background-color: #fff;
    border: none;
    border-radius: 4px;
    box-shadow: none !important;
}
#exit-modal .panel-body {
    padding-top: 0px;
}
#exit-modal .panel-default {
    border: none;
}
#exit-modal .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border: none;
}
#exit-modal .panel-default>.panel-heading {
    background: #fff;
    color: #3498db;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}
#exit-modal .panel-default>.panel-heading i {
    color: #3498db !important;
}
#exit-modal .optin-form-content .h2 {
    font-size: 22px;
    font-weight: bold;
    text-transform: capitalize;
    color: #333333;
    margin-bottom: 50px;
    margin-top: 10px;
}
#exit-modal .optin-form-content .h2.orange {
    color: #ffb400;
    margin-bottom: 0px;
}
#exit-modal .optin-form-content .form-control {
    border-radius: 2px!important;
    font-size: 18px;
    border: 1px solid #e8e8e8;
    box-shadow: inset 0 0px 0px rgba(0,0,0,.0);
    color: #a7a7a7;
    height: 46px;
    padding: 10px 16px;
    line-height: 1.3333333;
    margin-top: 5px;
}
#exit-modal .optin-form-content .btn-submit {
    display: block;
    width: 100%;
    border: 0px;
    white-space: normal;
    overflow: hidden;
    hyphens: auto;
    margin-top: 10px;
    background-color: #ffb400;
    margin-bottom: 10px;
    padding: 0;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px !important;
}
/*#exit-modal .optin-form-content .btn-submit {*/
    /*font-size: 20px !important;*/
    /*!*display: #fff;*!*/
    /*width: 100%;*/
    /*font-weight: bold;*/
    /*text-transform: uppercase;*/
    /*text-align: center;*/
    /*padding: 0;*/
/*}*/
#exit-modal .optin-form-content .btn-submit h3 {
    margin-bottom: 20px;
    font-size: 0.8125em !important;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
}
#exit-modal .optin-form-conten .btn-warning i {
    font-size: 20px !important;
    /*display: #fff;*/
    font-weight: bold;
    text-transform: uppercase;
}
#exit-modal .sub-text {
    font-size: 11px;
    color: #434c52;
    display: inline-block;
}
#exit-modal .notification .email {
    font-size: 12px;
    color: #2f2f2f;
    margin-top: 15px;
}
#exit-modal .notification .email i {
    color: #3598db !important;
    margin-left: 10px;
}
#exit-modal .notification button {
    background-color: #3598db;
    width: 26px;
    height: 26px;
    padding: 0px;
    border-radius: 2px;
    border: none;
    font-size: 10px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 4px;
    right: 5px;
}
#exit-modal .notification button i {
    margin: 0px;
    color: #fff !important;
}
#exit-modal .notification .detail-text {
    font-size: 11px;
    color: #878787;
}
#exit-modal .notification .panel-body {
    padding-left: 30px;
}
#exit-modal .integration .panel-body {
    padding-top: 15px;
    padding-left: 30px;
}
#exit-modal .integration label {
    font-size: 12px;
    font-weight: bold;
    color: #2f2f2f;
}

#exit-modal .integration li label {
    margin-left: 10px;
}

#exit-modal .text-success {
    color: rgb(60, 118, 61);
}

#exit-modal .btn-warning i {
    margin-right: 2px;
    font-size: 18px;
    position: relative;
    top: 0;
}
#exit-modal .sub-text .exit-sub-image {
    margin-top: -3px;
    margin-right: 1px;
}
#exit-modal .edit-list #integration-hover.btn-group .btn {
    height: 34px;
}
#exit-modal .edit-list #integration-hover.btn-group .btn.btn-default:hover {
    background-color: transparent;
}
#exit-modal .edit-list #integration-hover.btn-default.active,
#exit-modal .edit-list #integration-hover.btn-default:active,
#exit-modal .edit-list #integration-hover.open>.dropdown-toggle.btn-default {
    background-color: transparent;
}
#exit-modal .has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
#exit-modal .modal-dialog.custom-width-exit-form-dialog {
    width: 860px !important;
}
#exit-modal .optin-form-content .form-box input.input-optim {
    border-left: none;
}
#exit-modal .optin-form-content .form-box .input-group{
    margin-top: 5px;
}
#exit-modal .optin-form-content .form-box .input-group-addon{
    background-color: #fff;
    padding-right: 0;
    padding-left: 6px;
    border-color: #e1e1e1;
    border-right: 0;
}
#exit-modal .optin-form-content .has-error .input-group-addon{
    color: #a94442 !important;
    border-color: #a94442 !important;
}
#exit-modal .optin-form-content .form-box .input-group .input-group-addon .fa{
    font-size: 14px;
    color: #C9C9C9;
}
#exit-modal .optin-form-content .form-box .form-control{
    padding-left: 6px;
    font-size: 18px !important;
    border-radius: 0px 2px 2px 0px !important;
    height: 44px !important;
    margin-top: 0;
    border-left: 0;
}
#exit-modal .optin-form-content .form-box .form-control:focus{
    border-color: #e1e1e1 !important;
}
@media (min-width: 320px) {
    #exit-modal .optin-form-content .btn-submit h3 {
        font-size: 0.67em !important;
    }
}

@media (min-width: 480px) {
    #exit-modal .optin-form-content .btn-submit h3 {
        font-size: 1.375em !important;
    }
}

@media (min-width: 768px) {

}
/*redirect popup*/

#redirect-modal .panel {
    margin-bottom: 6px;
    background-color: #fff;
    border: none;
    border-radius: 4px;
    box-shadow: none !important;
}
#redirect-modal .panel-body {
    padding-top: 0px;
}
#redirect-modal .panel-default {
    border: none;
}
#redirect-modal .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border: none;
}
#redirect-modal .panel-default>.panel-heading {
    background: #fff;
    color: #3498db;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}
#redirect-modal .panel-default>.panel-heading i {
    color: #3498db !important;
}
#redirect-modal .notification .email {
    font-size: 12px;
    color: #2f2f2f;
    margin-top: 15px;
}
#redirect-modal .notification .email i {
    color: #3598db !important;
    margin-left: 10px;
}
#redirect-modal .notification button {
    background-color: #3598db;
    width: 26px;
    height: 26px;
    padding: 0px;
    border-radius: 2px;
    border: none;
    font-size: 10px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 4px;
    right: 5px;
}
#redirect-modal .notification button i {
    margin: 0px;
    color: #fff !important;
}
#redirect-modal .detail-text {
    font-size: 11px;
    color: #878787;
}
#redirect-modal .notification .panel-body {
    padding-left: 30px;
}
#redirect-modal .integration .panel-body {
    padding-top: 15px;
    padding-left: 30px;
}
#redirect-modal .integration label {
    font-size: 12px;
    font-weight: bold;
    color: #2f2f2f;
}

/* webinar redirect modal */

#webinar-redirect-modal .panel {
    margin-bottom: 6px;
    background-color: #fff;
    border: none;
    border-radius: 4px;
    box-shadow: none !important;
}
#webinar-redirect-modal .panel-body {
    padding-top: 0px;
}
#webinar-redirect-modal .panel-default {
    border: none;
}
#webinar-redirect-modal .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border: none;
}
#webinar-redirect-modal .panel-default>.panel-heading {
    background: #fff;
    color: #3498db;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}
#webinar-redirect-modal .panel-default>.panel-heading i {
    color: #3498db !important;
}
#webinar-redirect-modal .notification .email {
    font-size: 12px;
    color: #2f2f2f;
    margin-top: 15px;
}
#webinar-redirect-modal .notification .email i {
    color: #3598db !important;
    margin-left: 10px;
}
#webinar-redirect-modal .notification button {
    background-color: #3598db;
    width: 26px;
    height: 26px;
    padding: 0px;
    border-radius: 2px;
    border: none;
    font-size: 10px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 4px;
    right: 5px;
}
#webinar-redirect-modal .notification button i {
    margin: 0px;
    color: #fff !important;
}
#webinar-redirect-modal .detail-text {
    font-size: 11px;
    color: #878787;
}
#webinar-redirect-modal .notification .panel-body {
    padding-left: 30px;
}
#webinar-redirect-modal .integration .panel-body {
    padding-top: 15px;
    padding-left: 30px;
}
#webinar-redirect-modal .integration label {
    font-size: 12px;
    font-weight: bold;
    color: #2f2f2f;
}

/*optin form popup*/

#optin-modal .modal-header {
    padding: 0px 15px;
    border-bottom: 0;
}
#optin-modal .modal-dialog.custom-width-optin-form-dialog {
    width: 950px !important;
}
#optin-modal .form-control {
    box-shadow: none;
    font-size: 12px;
}
#optin-modal .form-control:focus {
    border-color: #3498db;
    box-shadow: none
}
#optin-modal .chat-box-content {
    padding: 0px 10px;
}
#optin-modal .mCSB_scrollTools {
    position: absolute;
    width: 5px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}
#optin-modal .mCSB_inside>.mCSB_container {
    padding-right: 15px;
    margin-right: 0px;
}
#optin-modal .modal-body {
    position: relative;
    padding: 0px 15px !important;
}
#optin-modal .progress-bar-holder {
    padding: 0 0 5px 0 !important;
    background: #fff;
    border-bottom: 1px solid #ECECEC;
}
#optin-modal .optin-headline-title {
    color: #0096DF;
    font-size: 27px;
    font-weight: 700;
    padding: 10px 30px;
}
#optin-modal .optin-subheadline-title {
    color: #242424;
    font-size: 19px;
    font-weight: 700;
}
#optin-modal .controls {
    padding: 0px 0px !important;
    height: 400px;
}
#optin-modal .recurrent-webinar-items:hover, #optin-modal .recurrent-webinar-items:focus, #optin-modal .recurrent-webinar-items:visited {
    background-color: #ffffff;
}
#optin-modal .form-box {
    padding: 10px 70px 0 70px;
}
#optin-modal .close {
    float: none;
    font-weight: 300;
    line-height: 30px;
    color: #fff;
    background-color: #3498db;
    text-shadow: 0 0 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0!important;
    margin: 0!important;
    width: 30px;
    height: 30px;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    display: block;
    z-index: 9999;
}
#optin-modal .close:active, #exit-modal .close:focus, #exit-modal .close:hover {
    background: #2783c0;
    color: #fff;
    outline: 0
}
#optin-modal .checkbox label {
    font-size: 11px;
    font-weight: 400;
    background: #bbb;
    padding: 4px 26px;
    color: #fff;
    border-radius: 2px;
    width: 126px !important;
    margin-top: 3px !important;
    padding-right: 10px;
}
#optin-modal .checkbox label input {
    margin-top: 2px;
}
#optin-modal .checkbox label.active {
    background: #3498db;
    color: #fff !important;
}
#optin-modal .panel {
    margin-bottom: 6px;
    background-color: #fff;
    border: none;
    border-radius: 4px;
    box-shadow: none !important;
}
#optin-modal .panel-body {
    padding-top: 0px;
}
#optin-modal .panel-default {
    border: none;
}
#optin-modal .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border: none;
}
#optin-modal .panel-default>.panel-heading {
    background: #fff;
    color: #3498db;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}
#optin-modal .panel-default>.panel-heading i {
    color: #3498db !important;
}
#optin-modal .optin-form-content .h2 {
    font-size: 18px;
    font-weight: bold;
    text-transform: capitalize;
    color: #333333;
    margin-bottom: 50px;
    margin-top: 10px;
}
#optin-modal .optin-form-content .h2.orange {
    color: #ffb400;
    margin-bottom: 0px;
}
#optin-modal .optin-form-content .form-control {
    border-radius: 2px!important;
    font-size: 14px;
    box-shadow: inset 0 0px 0px rgba(0,0,0,.0);
    color: #a7a7a7;
    height: 46px;
    padding: 10px 16px;
    line-height: 1.3333333;
    margin-top: 5px;
}
#optin-modal .optin-form-content .btn-submit {
    display: block;
    width: 100%;
    border: 0px;
    white-space: normal;
    overflow: hidden;
    hyphens: auto;
    margin-top: 10px;
    background-color: #3498db;
    margin-bottom: 10px;
}
#optin-modal .optin-form-content .btn-submit h3 {
    font-size: 20px;
    /*display: #fff;*/
    width: 100%;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 15px;
}
#optin-modal .optin-form-conten .btn-submit i {
    font-size: 20px;
    /*display: #fff;*/
    font-weight: bold;
    text-transform: uppercase;
}
#optin-modal .sub-text {
    font-size: 11px;
    color: #434c52;
}
#optin-modal .notification .email {
    font-size: 12px;
    color: #2f2f2f;
    margin-top: 15px;
}
#optin-modal .notification .email i {
    color: #3598db !important;
    margin-left: 10px;
}
#optin-modal .notification button {
    background-color: #3598db;
    width: 26px;
    height: 26px;
    padding: 0px;
    border-radius: 2px;
    border: none;
    font-size: 10px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 4px;
    right: 5px;
}
#optin-modal .notification button i {
    margin: 0px;
    color: #fff !important;
}
#optin-modal .notification .detail-text {
    font-size: 11px;
    color: #878787;
}
#optin-modal .notification .panel-body {
    padding-left: 30px;
}
#optin-modal .integration .panel-body {
    padding-top: 15px;
    padding-left: 30px;
}
#optin-modal .integration label {
    font-size: 12px;
    font-weight: bold;
    color: #2f2f2f;
}
#optin-modal .btn-warning i {
    margin-right: 2px;
    font-size: 18px;
    position: relative;
    top: 0;
}
#optin-modal .check-title {
    color: #b9b9b9 !important;
    font-weight: 600;
    font-size: 12px;
    margin-bottom: -10px;
    margin-top: 10px;
}
#optin-modal .check-title i {
    margin-right: 5px;
}
#optin-modal .subtitle {
    font-size: 11px;
    padding-bottom: 0px;
}
#optin-modal .progress {
    margin-bottom: 0px;
    color: #fff;
    background-color: #eaebea;
    width: 93%;
}
#optin-modal .optin-form-content .h2 {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 20px;
}
#optin-modal .optin-form-content .h5 {
    font-size: 12px;
    color: #333;
}
#optin-modal .optin-form-content {
    padding: 10px;
}
#optin-modal .optin-form-content .col-xs-6, #optin-modal .optin-form-content .col-xs-12, #optin-modal .optin-form-content .col-xs-4, #optin-modal .optin-form-content .col-xs-2 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
#optin-modal .optin-form-content .form-control, #optin-modal .optin-form-content select {
    height: 38px !important;
    font-size: 18px !important;
    padding-bottom: 1px;
    padding-top: 1px;
}
#optin-modal .optin-form-content select {
    padding: 0px !important;
    padding-left: 10px !important;
}
#optin-modal .optin-form-content .sub-text {
    margin-bottom: 20px;
    display: inline-block;
}
#optin-modal .optin-sub-image {
    margin-top: -3px;
    margin-right: 1px;
    display:inline-block;
}
#optin-modal .progress-bar {
    background-color: #3498db;
}
#optin-modal .mobile-checkbox {
    font-size: 11px;
    font-weight: 400 !important;
    padding: 0 10px 0 0;
    color: #333;
    border-radius: 2px;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
    margin-left: 6px;
}
#optin-modal .mobile-checkbox label{
    font-size: 11px;
    margin-bottom: 0px;
    padding:3px 20px 3px 5px;
}
#optin-modal .mobile-checkbox input{
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -5px;
    overflow: hidden;
}
#optin-modal .edit-list #integration-hover.btn-default.active,
#optin-modal .edit-list #integration-hover.btn-default:active,
#optin-modal .edit-list #integration-hover.open>.dropdown-toggle.btn-default {
    background-color: transparent;
}
#optin-modal .edit-list #integration-hover.btn-group .btn.btn-default:hover {
    background-color: transparent;
}
#optin-modal .select-custom-1{
    max-height: 23px;
}
#optin-modal .checkbox, #exit-modal .checkbox{
    margin-top: 0px;
    margin-bottom: 5px;
    padding-left: 0px;
}
#optin-modal .checkbox input, #exit-modal .checkbox input{
    display: inline;
}
#optin-modal .optin-form-content .form-box input.input-optim {
    border-left: none;
}
#optin-modal .optin-form-content .form-box .input-group{
    margin-top: 5px;
}
#optin-modal .optin-form-content .form-box .input-group-addon{
    background-color: #fff;
    padding-right: 0;
    padding-left: 6px;
    border-color: #e1e1e1;
    border-right: 0;
}
#optin-modal .optin-form-content .has-error .input-group-addon{
    color: #a94442 !important;
    border-color: #a94442 !important;
}
#optin-modal .optin-form-content .form-box .input-group .input-group-addon .fa{
    font-size: 14px;
    color: #C9C9C9;
}
#optin-modal .optin-form-content .form-box .form-control{
    padding-left: 6px;
    font-size: 18px !important;
    border-radius: 0px 2px 2px 0px !important;
    height: 44px !important;
    margin-top: 0;
    border-left: 0;
}
#optin-modal .optin-form-content .form-box .form-control:focus{
    border-color: #e1e1e1 !important;
}

@media (min-width: 320px) {
    #optin-modal .modal-dialog {
        width: 94% !important;
    }
    #optin-modal .form-box {
        padding-left: 0px;
        padding-right: 0px;
    }
    #optin-modal .progress-bar-holder {
        padding: 10px 30px 10px 50px;
    }
    #optin-modal .progress {
        margin-bottom: 10px !important;
    }
    #optin-modal .optin-form-content .btn-submit {
        padding: 0;
    }
    #optin-modal .optin-form-content .btn-submit h3 {
        font-size: 16px;
    }
    #optin-modal .recurrent-webinar-items .recurrent-date-split {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
        width: 150px;
    }
}

@media (min-width: 480px) {
    #optin-modal .modal-dialog {
        width: 99% !important;
    }
    #optin-modal .form-box {
        padding-left: 30px;
        padding-right: 34px;
    }
    #optin-modal .progress-bar-holder {
        padding: 10px 20px 10px 40px;
    }
    #optin-modal .progress {
        margin-bottom: 10px !important;
    }
    #optin-modal .optin-form-content .btn-submit {
        padding: 0;
    }
    #optin-modal .optin-form-content .btn-submit h3 {
        font-size: 18px;
    }
    #optin-modal .recurrent-webinar-items .recurrent-date-split {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: initial;
    }
}

@media (min-width: 768px) {
    #optin-modal .modal-dialog {
        width: 560px !important;
    }
    #optin-modal .form-box {
        padding-left: 60px;
        padding-right: 60px;
    }
    #optin-modal .progress-bar-holder {
        padding: 10px 16px 10px 50px;
    }
    #optin-modal .progress {
        margin-bottom: 10px !important;
    }
    #optin-modal .optin-form-content .btn-submit {
        padding: 0;
    }
    #optin-modal .optin-form-content .btn-submit h3 {
        margin-top: 20px;
    }
    #optin-modal .recurrent-webinar-items .recurrent-date-split {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: initial;
    }
}

@media (max-width: 470px) {
    #optin-modal .recurrent-webinar-items .recurrent-date-split {
        line-height: 1.0;
    }
    #optin-modal .optin-headline-title{
        font-size: 16px;
    }
    #optin-modal .optin-subheadline-title{
        font-weight: 200;
        font-size: 14px;
    }
    #optin-modal .optin-form-content{
        padding: 5px;
    }
    #optin-modal .mobile-checkbox{
        padding-right: 0px;
    }
    #optin-modal .mobile-checkbox label{
        padding: 0px;
        font-size: 10px!important;
    }
    #optin-modal .mobile-checkbox{
        text-align: justify;
    }
    #optin-modal .not-on-page{
        text-align: justify;
    }
    #optin-modal .sub-text{
        font-size: 9px;
        margin-left: -6px;
    }
    #optin-modal .optin-sub-image{
        margin-top: 0px;
    }
    #optin-modal .mobile-checkbox input{
        top: -1px;
    }
}

@media (max-width: 300px) {
    #optin-modal .recurrent-webinar-items .recurrent-date-split {
        line-height: 1.0;
    }
    #optin-modal .optin-headline-title{
        font-size: 15px;
    }
    #optin-modal .optin-subheadline-title{
        font-weight: 200;
        font-size: 14px;
    }
    #optin-modal .optin-form-content{
        padding: 5px;
    }
    #optin-modal .mobile-checkbox{
        padding-right: 0px;
    }
    #optin-modal .mobile-checkbox label{
        padding: 0px;
        font-size: 10px!important;
    }
    #optin-modal .mobile-checkbox{
        text-align: justify;
    }
    #optin-modal .not-on-page{
        text-align: justify;
    }
    #optin-modal .sub-text{
        font-size: 9px;
        margin-left: 0px;
    }
    #optin-modal .footer-register{
        display: flex;
    }
    #optin-modal .optin-sub-image{
        margin-top: 0px;
        height: 10px;
    }
    #optin-modal .mobile-checkbox input{
        top: -1px;
    }
    #optin-modal .form-box {
        padding: 14px;
    }
}



@-moz-document url-prefix() {
    #optin-modal .mobile-checkbox input{
        float: left;
    }
    #optin-modal .mobile-checkbox label{
        padding: 0 0 0 3px;
    }
    #optin-modal .mobile-checkbox input{
        top: 0px;
    }
    @media (max-width: 470px) {
        #optin-modal .optin-headline-title{
            padding: 10px 21px;
            font-size: 15px;
        }
        #optin-modal .optin-subheadline-title{
            font-size: 12px;
        }
        #optin-modal .mobile-checkbox label{
            font-size: 9px!important;
        }
    }
}

/* webinar default modal */

/*optin form popup*/

#webinar-default-modal .modal-dialog {
    width: 900px;
}
#webinar-default-modal .modal-header {
    padding: 0px 15px;
    border-bottom: 0;
}
#webinar-default-modal .form-control {
    box-shadow: none;
    font-size: 12px;
    border-color: #dcdcdc
}
#webinar-default-modal .form-control:focus {
    border-color: #3498db;
    box-shadow: none
}
#webinar-default-modal .chat-box-content {
    padding: 0px 10px;
}
#webinar-default-modal .mCSB_scrollTools {
    position: absolute;
    width: 5px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}
#webinar-default-modal .mCSB_inside>.mCSB_container {
    padding-right: 15px;
    margin-right: 0px;
}
#webinar-default-modal .modal-body {
    position: relative;
    padding: 0px 15px !important;
}
#webinar-default-modal .controls {
    padding: 15px 0px !important;
    min-height: 400px;
}
#webinar-default-modal .close {
    float: none;
    font-weight: 300;
    line-height: 30px;
    color: #fff;
    background-color: #3498db;
    text-shadow: 0 0 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0!important;
    margin: 0!important;
    width: 30px;
    height: 30px;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    display: block;
    z-index: 9999;
}
#webinar-default-modal .close:active, #exit-modal .close:focus, #exit-modal .close:hover {
    background: #2783c0;
    color: #fff;
    outline: 0
}
#webinar-default-modal .checkbox label {
    font-size: 11px;
    font-weight: 400;
    background: #bbb;
    padding: 4px 26px;
    color: #fff;
    border-radius: 2px;
    width: 126px !important;
    margin-top: 3px !important;
    padding-right: 10px;
}
#webinar-default-modal .checkbox label input {
    margin-top: 2px;
}
#webinar-default-modal .checkbox label.active {
    background: #3498db;
    color: #fff !important;
}
#webinar-default-modal .panel {
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: #fff;
    border: none;
    border-radius: 4px;
    box-shadow: none !important;
}
#webinar-default-modal .panel-body {
    padding-top: 0px;
}
#webinar-default-modal .panel-default {
    border: none;
}
#webinar-default-modal .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border: none;
}
#webinar-default-modal .panel-default>.panel-heading {
    background: #fff;
    color: #3498db;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    border:none;
    padding-left:20px;
    margin: 10px 0 5px 0;
}
#webinar-default-modal .panel-default>.panel-heading i {
    color: #3498db !important;
}
#webinar-default-modal .optin-form-content .h2 {
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333333;
    margin-bottom: 50px;
    margin-top: 10px;
}
#webinar-default-modal .optin-form-content .h2.orange {
    color: #ffb400;
    margin-bottom: 0px;
}
#webinar-default-modal .optin-form-content .form-control {
    border-radius: 2px!important;
    font-size: 14px !important;
    border: 1px solid #e8e8e8;
    box-shadow: inset 0 0px 0px rgba(0,0,0,.0);
    color: #a7a7a7;
    height: 46px !important;
    padding: 10px 16px !important;
    line-height: 1.3333333;
    margin-top: 5px;
}
#webinar-default-modal .optin-form-content .btn-submit {
    display: block;
    width: 100%;
    border: 0px;
    white-space: normal;
    overflow: hidden;
    hyphens: auto;
    margin-top: 10px;
    background-color: #ffb400;
    margin-bottom: 30px;
}
#webinar-default-modal .optin-form-content .btn-submit h3 {
    font-size: 20px;
    /*display: #fff;*/
    width: 100%;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 15px;
}
#webinar-default-modal .optin-form-conten .btn-submit i {
    font-size: 20px;
    /*display: #fff;*/
    font-weight: bold;
    text-transform: uppercase;
}
#webinar-default-modal .sub-text {
    font-size: 11px;
    color: #434c52;
}
#webinar-default-modal .notification .email {
    font-size: 12px;
    color: #2f2f2f;
    margin-top: 15px;
}
#webinar-default-modal .notification .email i {
    color: #3598db !important;
    margin-left: 10px;
}
#webinar-default-modal .notification button {
    background-color: #3598db;
    width: 26px;
    height: 26px;
    padding: 0px;
    border-radius: 2px;
    border: none;
    font-size: 10px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 4px;
    right: 5px;
}
#webinar-default-modal .notification button i {
    margin: 0px;
    color: #fff !important;
}
#webinar-default-modal .notification .detail-text {
    font-size: 11px;
    color: #878787;
}
#webinar-default-modal .notification .panel-body {
    padding-left: 30px;
}
#webinar-default-modal .integration .panel-body {
    padding-top: 15px;
    padding-left: 30px;
}
#webinar-default-modal .integration label {
    font-size: 12px;
    font-weight: bold;
    color: #2f2f2f;
}
#webinar-default-modal .btn-warning i {
    margin-right: 2px;
    font-size: 18px;
    position: relative;
    top: 0;
}
#webinar-default-modal .check-title {
    color: #b9b9b9 !important;
    font-weight: 600;
    font-size: 12px;
    margin-bottom: -10px;
    margin-top: 10px;
}
#webinar-default-modal .check-title i {
    margin-right: 5px;
}
#webinar-default-modal .subtitle {
    font-size: 11px;
    padding-bottom: 0px;
}
#webinar-default-modal .progress {
    margin-bottom: 0px;
    color: #fff;
    background-color: #eaebea;
    width: 93%;
}

#webinar-default-modal .optin-form-content .h5 {
    font-size: 12px;
    color: #333;
}
#webinar-default-modal .optin-form-content {
    padding: 25px;
}
#webinar-default-modal .optin-form-content .col-xs-6, #webinar-default-modal .optin-form-content .col-xs-12, #webinar-default-modal .optin-form-content .col-xs-4, #webinar-default-modal .optin-form-content .col-xs-2 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

#webinar-default-modal .optin-form-content select {
    padding: 0px !important;
    padding-left: 10px !important;
}
#webinar-default-modal .optin-form-content .sub-text {
    margin-bottom: 20px;
    display: inline-block;
}
#webinar-default-modal .optin-sub-image {
    margin-top: -3px;
    margin-right: 1px;
    display:inline-block;
}
#webinar-default-modal .progress-bar {
    background-color: #3498db;
}
#webinar-default-modal .mobile-checkbox {
    font-size: 11px;
    font-weight: 400 !important;
    padding: 0px;
    color: #333;
    border-radius: 2px;
    margin-top: 3px !important;
    padding-right: 10px;
    float: left;
}
#webinar-default-modal .mobile-checkbox label{
    font-weight: normal !important;
    font-size: 11px;
    margin-bottom: 0px;
}
#webinar-default-modal .mobile-checkbox input{
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    overflow: hidden;
    margin-right: 5px;
}

/*notification popup */

#notification-modal .email-col {
    padding-right: 3px;
}
#notification-modal .mobile-col, #notification-modal .btn-col {
    padding-right: 3px;
    padding-left: 3px;
}
#notification-modal .modal-body button {
    background-color: #3498db;
    border-color: #3498db;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 2px;
    color: #fff;
}
#notification-modal input.email, #notification-modal input.mobile {
    height: 32px;
}
#notification-modal p {
    margin-top: 5px;
    font-size: 12px;
}
#notification-modal p i {
    color: #3498db;
    margin-right: 5px;
}
#notification-modal p i.fa-phone {
    margin-left: 10px;
}
#notification-modal .remove-email {
    margin-left: 10px;
}
/*// empty page name warning popup*/

.modal-error .modal-title,
#empty-page-name-modal .modal-title,
#reset-warning-modal .modal-title {
    color: #d20000;
}
.modal-error .modal-header .close,
#empty-page-name-modal .modal-header .close,
#reset-warning-modal .modal-header .close {
    background-color: #d20000;
}
.modal-error .modal-footer button,
#empty-page-name-modal .modal-footer button,
#reset-warning-modal .modal-footer button {
    background-color: #d20000;
    border-color: #d20000;
}
.modal-error  h4,
#empty-page-name-modal  h4,
#reset-warning-modal h4 {
    font-size: 14px !important;
}
/*seo  popup */


#seo-modal .modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 0;
    background-color: #f3f4f6;
}
#seo-modal .modal-footer {
    border: none;
}
#seo-modal .modal-footer .btn-primary, .modal-footer .btn-primary.disabled, .modal-footer .btn-primary[disabled] {
    background-color: #3598db;
    border-color: #3598db;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 2px;
}
#seo-modal .modal-content {
    border-radius: 0px;
    border: none;
}
#seo-modal .modal-title {
    font-size: 14px;
    font-weight: 600;
    color: #3598db;
    text-transform: uppercase;
}
#seo-modal .modal-header .close {
    float: none;
    font-weight: 300;
    line-height: 30px;
    color: #fff;
    background-color: #3598db;
    text-shadow: 0 0 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0!important;
    margin: 0!important;
    width: 30px;
    height: 30px;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    display: block;
    z-index: 9999;
}
#seo-modal .modal-header .close {
    margin-top: -2px;
}
#seo-modal button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
#seo-modal .modal-body textarea {
    width: 100%;
    border-radius: 2px;
    border: 1px solid #dcdcdc;
}
#seo-modal .modal-body {
    padding-left: 50px;
    margin-right: 50px;
}
#seo-modal .modal-body label {
    font-size: 12px;
    color: #2f2f2f;
    font-weight: bold;
    text-transform: capitalize;
}
#seo-modal p.subtext {
    color: #878787 !important;
    font-size: 11px !important;
    line-height: 17px !important;
    margin-top: -10px !important;
}

/*countdown popup*/
#countdown-modal .modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 0;
    background-color: #f3f4f6;
}
#countdown-modal .modal-footer {
    border: none;
}
#countdown-modal .modal-footer .btn-primary, .modal-footer .btn-primary.disabled, .modal-footer .btn-primary[disabled] {
    background-color: #3598db;
    border-color: #3598db;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 2px;
}
#countdown-modal .modal-content {
    border-radius: 0px;
    border: none;
}
#countdown-modal .modal-title {
    font-size: 14px;
    font-weight: 600;
    color: #3598db;
    text-transform: uppercase;
}
#countdown-modal .modal-header .close {
    float: none;
    font-weight: 300;
    line-height: 30px;
    color: #fff;
    background-color: #3598db;
    text-shadow: 0 0 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0!important;
    margin: 0!important;
    width: 30px;
    height: 30px;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    display: block;
    z-index: 9999;
}
#countdown-modal form{
    width: 52%;
    float: none;
    margin: auto;
}
#countdown-modal .modal-header .close {
    margin-top: -2px;
}
#countdown-modal button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
#countdown-modal .modal-body textarea {
    width: 100%;
    border-radius: 2px;
    border: 1px solid #dcdcdc;
}
#countdown-modal .modal-body {
    padding-left: 50px;
    margin-right: 50px;
}
#countdown-modal .modal-body label {
    font-size: 12px;
    color: #2f2f2f;
    font-weight: bold;
    text-transform: capitalize;
}
#countdown-modal p.subtext {
    color: #878787 !important;
    font-size: 11px !important;
    line-height: 17px !important;
    margin-top: -10px !important;
}
#countdown-modal select{
    /*width:70px;*/
    padding: 0px;
    padding-right: 10px;
    margin-right: 20px;
}
#countdown-modal .inline {
    width: 80px;
    display: inline-block;
    margin-bottom: 0px !important;
}

/*footer content  popup */

#footer-modal .modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 0;
    background-color: #f3f4f6;
}
#footer-modal .modal-footer {
    border: none;
    /*padding-left: 45px;*/
    padding-right: 65px;
}
#footer-modal .modal-footer .btn-primary, .modal-footer .btn-primary.disabled, .modal-footer .btn-primary[disabled] {
    background-color: #3598db;
    border-color: #3598db;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 2px;
}
#footer-modal .modal-content {
    border-radius: 0px;
    border: none;
}
#footer-modal .modal-title {
    font-size: 14px;
    font-weight: 600;
    color: #3598db;
    text-transform: uppercase;
}
#footer-modal .modal-header .close {
    float: none;
    font-weight: 300;
    line-height: 30px;
    color: #fff;
    background-color: #3598db;
    text-shadow: 0 0 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0!important;
    margin: 0!important;
    width: 30px;
    height: 30px;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    display: block;
    z-index: 9999;
}
#footer-modal .modal-header .close {
    margin-top: -2px;
}
#footer-modal button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
#footer-modal .modal-body textarea {
    width: 100%;
    border-radius: 2px;
    border: 1px solid #dcdcdc;
}
#footer-modal .modal-body {
    padding-left: 50px;
    margin-right: 50px;
}
#footer-modal .modal-body label {
    font-size: 12px;
    color: #2f2f2f;
    font-weight: bold;
    text-transform: capitalize;
}
#footer-modal p.subtext {
    color: #878787 !important;
    font-size: 11px !important;
    line-height: 17px !important;
    margin-top: -10px !important;
}
#footer-modal .no-padding-left{
    padding-left: 0px !important;
}

/*tokens popup*/
#tokens-modal .modal-header{
    background-color: #fff;
}
#tokens-modal .modal-body h3{
    color:#3598db;
    font-size: 30px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 45px;
}
#tokens-modal .modal-body h4{
    color:#878787;
    font-weight: 400 !important;
    font-size: 22px !important;
    text-transform: capitalize;
    margin-top: 0px;
    margin-bottom: 40px;
}
#tokens-modal .modal-body h5{
    font-size: 12px !important;
    color:#878787;
    font-weight: 400 !important;
    text-transform: capitalize;
    /*margin-bottom: 25px;*/
    margin-top: 20px;
}
#tokens-modal .modal-body .btn-reset-save{
    height: 60px;
    border-radius: 30px;
    background-color: #3598db;
    padding-left: 40px;
    padding-right: 40px;
    color:#fff;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 auto;
    display: block;
}

#view-gate-modal #view-gate-sub-title {
    color:#3a3938;
    font-size:16px;
    text-align: center;
    margin-bottom: 30px;
}

#view-gate-modal .form-fields {
    margin-bottom:20px;
}

#view-gate-modal .view-gate-form {
    min-height:460px;
}

#webinar-default-modal .form-fields {
    margin-bottom:10px;
}

#webinar-default-modal #webinar-default-headline {
    margin-bottom: 30px;
}

#webinar-default-modal #webinar-default-sub-headline {
    color:#3a3938;
    font-size:16px;
    text-align: center;
    margin-bottom: 30px;
}

#webinar-default-modal .webinar-default-form {
    /*min-height:530px;*/
}

#view-gate-modal .mobile-checkbox {
    font-size: 11px;
    font-weight: 400 !important;
    padding: 0px;
    color: #333;
    border-radius: 2px;
    margin-top: 3px !important;
    padding-right: 10px;
    float: left;
}

#view-gate-modal .mobile-checkbox label {
    font-weight: normal !important;
    font-size: 11px;
    margin-bottom: 0px;
}

/*
.activate-timer {
	padding:0;
	margin:0;
	width:40px;
	font-size:12px;
	text-align:center;
	height:24px;
}

.activate-timer-unit {
	padding:0;
	margin:0;
	width:80px;
	font-size:12px;
	height:24px;
	color: rgb(85, 85, 85);
}
*/

.activate-timer-unit {
    padding: 0;
    margin: 0;
    width: 50px;
    font-size: 11px;
    height: 22px;
    color: rgb(182, 177, 195);
    border: 1px solid #D8D8D8;
    cursor: pointer;
}

.activate-timer {
    padding: 0;
    margin: 0;
    width: 30px;
    font-size: 11px;
    text-align: center;
    height: 22px;
    outline: 0px;
    border-radius: 2px;
    border: 1px solid #D8D8D8;
    line-height: 22px;
}

.view-gate-timer-control {
    display:none;
    margin-right:10px;
    padding-top:5px;
}

#webinar-default-modal .action-on-options {
    padding-left:20px;
}

#webinar-default-modal .sub {
    margin-top: 0;
}

#webinar-default-modal .sub .checkbox, #webinar-default-modal .sub .radio {
    margin-top:5px;
}

#webinar-default-modal .action-type-redirect {
    display: none;
}

#webinar-default-modal #webinar-redirect-form {
    display: none;
}

#webinar-default-modal .linkfield {
    padding: 8px;
    margin: 0;
    margin-left: 7px;
    margin-top: 10px;
    font-size: 11px;
    height: 22px;
    outline: 0px;
    border-radius: 2px;
    border: 1px solid #D8D8D8;
    line-height: 22px;
}

#webinar-default-modal .url-text {
    font-size: 10px;
    display: block;
    margin-top: 5px;
    margin-left: 7px;
    margin-bottom: 0px;
}

#webinar-default-modal .linkurl-holder {
    margin-right:10px;
    margin-top:5px;
}

#webinar-default-modal .btn-success {
    height: 34px;
    padding: 6px 12px;
    border: none;
    margin-left:10px;
    line-height: 13px;
}

#webinar-default-modal .actions-controls-wrapper {
    margin-left: 17px;
}

#webinar-default-modal .panel-body {
    padding:5px 10px 5px 15px;
}

#webinar-default-modal .panel-body .form-group {
    margin-bottom: 0;
}

#webinar-default-modal .notificationEmail {
    padding: 8px;
    margin: 0;
    margin-left: 7px;
    margin-top: 10px;
    font-size: 11px;
    height: 22px;
    outline: 0px;
    border-radius: 2px;
    border: 1px solid #D8D8D8;
    line-height: 22px;
}

#webinar-default-modal .webinar-popup-main-row {
    overflow: hidden;
}

#webinar-default-modal .webinar-popup-main-row .webinar-left-col,
#webinar-default-modal .webinar-popup-main-row .webinar-right-col {
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

#webinar-default-modal .btn-redirect a {
    color:#FFF;
    text-decoration: none;
}

#webinar-default-modal #redirecturl {
    line-height: 14px !important;
}

#webinar-default-modal #webinar-redirect-sub-headline {
    color: #3a3938;
    font-size: 16px;
    text-align: center;
    margin-bottom: 30px;
}

#webinar-default-modal #webinar-redirect-headline {
    margin-bottom: 30px !important;
}


.reminder-text-box {
    position: relative;
    padding:0 8px 0 5px;
    display: inline-block;
}

.reminder-text-box:hover label {
    outline: 2px solid #3598db !important;
}

.tos-button {
     position: absolute;
     top: -2px;
     right: 9px;
     background-color: #3598db;
     color: #fff;
     border-radius: 2px;
     font-size: 10px;
     padding: 2px 4px;
     display: none;
     cursor: pointer;
 }

/*.mobile-checkbox.reminder-text-box::after {
    content: "\f013";
}

.mobile-checkbox.reminder-text-box:hover::after {
    display: block;
}*/

#tos-content {
    min-height: 200px;
}

#tos-modal .modal-dialog {
    width:750px;
}

#cke_tos-content .cke_toolbar_break {
    display: none;
}

.datepicker-dropdown.datepicker-orient-top:after {
    display: none !important;
}

#countdown-modal .counter-options {
    width:52%;
    margin: 0 auto;
    font-size:12px;
    color: #555555;
    margin-bottom: 10px;
}


#countdown-modal .counter-options i {
    color: #d7ddde;
    padding-right:5px;
}

/*footer content  popup */

/*footer wizard*/

#footer-modal .btn-footer-save {
}
/*#footer-modal .modal-footer {
    display: none !important;
}*/
#footer-modal .stepsControl span {
    display: block;
    margin: 15px 0;
    font-size: 12px;
    color:#555;
    line-height: 14px;
}
#footer-modal .stepsControl span i {
    margin-right:5px;
    color:#c9c9c9;
    font-size: 14px;
}

#footer-modal .stepsControl span.active {
    font-weight: bold;
}

#footer-modal .hideFooterStep {
    display: none;
}
#footer-modal .completedStep {
    color:#3dd37c !important;
}

#footer-modal .modal-dialog {
    width: 800px;
}

#footer-modal .buttonsGroup {
    padding: 0;
    padding-left: 5px;
}

#footer-modal .resetFooterWizard {
    background-color: #ffa800 !important;
    border-color: #ffa800 !important;
}

#footer-modal .resetFooterWizard:hover {
    background-color: #D89107 !important;
    border-color: #D89107 !important;
}

#footer-modal .buttonsGroup2-3 {
    padding: 0;
}

#footer-modal .modal-footer #btnSteps i,
#footer-modal .modal-footer #btnFinish i {
    margin-right: 0;
    margin-left: 5px;
    font-size: 11px;
}

/* Save page popup */

#save-page-notification-modal .modal-title {
    font-size: 14px;
    font-weight: 600;
    color: #22b661;
    text-transform: uppercase;
}

#save-page-notification-modal .modal-header .close:active,
#save-page-notification-modal .modal-header .close:focus,
#save-page-notification-modal .modal-header .close:hover {
    background: #22b661;
    color: #fff;
    outline: 0;
}

#save-page-notification-modal .modal-header .close {
    float: none;
    font-weight: 300;
    line-height: 30px;
    color: #fff;
    background-color: #22b661;
    text-shadow: 0 0 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0!important;
    margin: 0!important;
    width: 30px;
    height: 30px;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    display: block;
    z-index: 9999;
}

#save-page-notification-modal .btn-primary.active,
#save-page-notification-modal .btn-primary.focus,
#save-page-notification-modal .btn-primary:active,
#save-page-notification-modal .btn-primary:focus,
#save-page-notification-modal .btn-primary:hover,
#save-page-notification-modal .open>.dropdown-toggle.btn-primary {
    background-color: #22b661;
    border-color: #22b661;
}

#save-page-notification-modal .btn-primary, .btn-primary.disabled, .btn-primary[disabled] {
    background-color: #22b661;
    border-color: #22b661;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 2px;
}

#save-page-notification-modal h4 {
    font-size: 14px !important;
}

/* Event Time Popup*/

#event-time-modal .event-info-box .ticket-box-first-column {
    width: 28%;
    float: left;
}
#event-time-modal .event-info-box .ticket-box-first-column.summary {
    width: 20% !important;
}
#event-time-modal .event-info-box .ticket-box-second-column {
    float: left;
    width: 70%;
}
#event-time-modal .event-info-box .ticket-box-second-column.summary {
    width: 80% !important;
}
#event-time-modal .no-padding-horizontal {
    padding-left: 0;
    padding-right: 0;
}
#event-time-modal .horizontal-padding-10 {
    padding-left: 10px;
    padding-right: 10px;
}
#event-time-modal .no-padding-left {
    padding-left: 0;
}
#event-time-modal .no-padding-right {
    padding-right: 0;
}
#event-time-modal .event-info-box hr {
    border-top: 1px solid #e2e2e2;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}
#event-time-modal .event-info {
    background-color: #f3f3f3;
    border-radius: 8px;
    margin-top: 10px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -kthtml-transition: all .2s linear;
    transition: all .2s linear;
    padding-top: 10px;
    padding-bottom: 10px;
}
#event-time-modal .event-info-box {
    list-style: none;
    margin-left: -30px;
    margin-top: 15px
}
#event-time-modal ul.event-info-box {
    line-height: 22px;
}
#event-time-modal ul.event-info-box li i {
    color: #24aa98;
    margin-right: 10px;
}
#event-time-modal .event-info-box li b {
    margin-right: 10px;
    width: 40px;
    display: inline-block;
}
#event-time-modal .event-info-box li {
    margin-bottom: 10px;
    color: #3a3938;
    font-weight: 600
}
#event-time-modal .modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 0;
    background-color: #f3f4f6;
}
#event-time-modal .modal-footer .btn-success, .modal-footer .btn-success.disabled, .modal-footer .btn-success[disabled] {
    background-color: #2ecc71;
    border-color: #2ecc71;
    font-size: 12px;
    font-weight: 600;
    border-radius: 2px;
    color: #fff;
    padding: 5px 15px;
}
#event-time-modal .modal-body form .btn-primary, .modal-body form .btn-primary.disabled, .modal-body form .btn-primary[disabled] {
    background-color: #3498db;
    border-color: #3498db;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 2px;
}
#event-time-modal .overlay-btn {
    position: absolute;
    width: 320px;
    height: 100px;
}
#event-time-modal .modal-title {
    font-size: 14px;
    font-weight: 600;
    color: #3498DB;
    text-transform: uppercase;
}
#event-time-modal .modal-header .close {
    float: none;
    font-weight: 300;
    line-height: 30px;
    color: #fff;
    background-color: #3498db;
    text-shadow: 0 0 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0!important;
    margin: 0!important;
    width: 30px;
    height: 30px;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    display: block;
    z-index: 9999;
}
#event-time-modal .modal-header .close {
    margin-top: -2px;
}
#event-time-modal button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
#event-time-modal .event-time-form .form-group label {
    font-size: 12px;
    color: #555555;
    font-weight: normal;
    text-align: left;
    display: inline-block;
}
#event-time-modal .event-time-margin {
    padding-left: 15%;
}
#event-time-modal .socialshare-box .form-group {
    margin-bottom: 0px
}
#event-time-modal .event-time-form .col-sm-12 {
    padding-left: 10%;
    padding-right: 10%;
}
#event-time-modal #event-time-modal .event-time-form .form-group textarea {
    margin-top: 10px;
    display: inline-block;
}
#event-time-modal .event-time-form .form-group label i {
    color: #d7ddde;
    margin-right: 5px;
    font-size: 13px
}
#event-time-modal .datepicker {
    z-index: 1151 !important;
}
#event-time-modal .form-group-sm select.form-control {
    height: 30px;
}

#footer-tos-info-modal .mCSB_draggerContainer, #footer-policy-info-modal .mCSB_draggerContainer {
    margin-right: -15px;
}