.margin-top-sm {margin-top:0.5em;}
.margin-top-md {margin-top:1em;}
.margin-top-lg {margin-top:1.5em;}
.margin-bottom-sm {margin-bottom:0.5em;}
.margin-bottom-md {margin-bottom:1em;}
.margin-bottom-lg {margin-bottom:1.5em;}

.padding-top-sm {padding-top:0.5em;}
.padding-top-md {padding-top:1em;}
.padding-top-lg {padding-top:1.5em;}
.padding-bottom-sm {padding-bottom:0.5em;}
.padding-bottom-md {padding-bottom:1em;}
.padding-bottom-lg {padding-bottom:1.5em;}


.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}

.float-left {float:left;}
.float-right {float:right;}

.float-left::after,.float-right::after {
    content:"";
    display:table;
    clear:both;
}

.inline-block-item {display:inline-block;}
.block-item {display:block;}

.content_area .iveo_gencon {display:block;}

.captcha-field.text-center .g-recaptcha>div {margin:10px auto;}

.artwork-wrapper ::-webkit-scrollbar {width: 10px;}
.artwork-wrapper ::-webkit-scrollbar-track { background: #bababa; }
.artwork-wrapper ::-webkit-scrollbar-thumb {background: #747265;}
.artwork-wrapper ::-webkit-scrollbar-thumb:hover { background: #747265; }

.artwork-wrapper .pagination {margin-top:10px; margin-bottom:10px; text-align:center;}
.artwork-wrapper .pagination b {text-decoration: underline;}
.artwork-wrapper .pagination b,.artwork-wrapper .pagination a {margin-right:5px;}

.artwork-wrapper span.required {color:#c8102e;}
.artwork-wrapper .error,.artwork-wrapper .error * {color:#c8102e;}
.artwork-wrapper .err-msg {color:#c8102e;}
.artwork-wrapper .errs-box {background-color:#f8d7da; color:#c8102e; padding:10px 1em; border-radius:10px; margin-bottom:1em; border:1px solid #ebccd1;}

.artwork-wrapper .errs-box UL {margin-top:1em; margin-bottom:1em;}

.manage-mailing-wrapper .success-box {display:block; margin:10px; }
.artwork-wrapper .success-msg,.artwork-wrapper .success-msg * ,.success-msg,.success-msg * {color:#3c763d;}
.artwork-wrapper .success-box,.success-box {background-color:#dff0d8; color:#3c763d; padding:10px 1em; border-radius:10px; margin-bottom:1em; border:1px solid #d6e9c6;}
.artwork-wrapper .success-box UL ,.success-box UL {margin-top:1em; margin-bottom:1em;}
.artwork-wrapper .success-msg {color:#3c763d;}
.btn-success {
    background-color: #3c763d;
    color: #fff;
    text-transform: uppercase;
    padding: 10px;
    border: none;
    outline: none;
    font-weight: 600;
    border-radius: 5px;
    cursor:pointer;
}
.artwork-wrapper .payment-failed-msg,.artwork-wrapper .payment-failed-msg * {color:#c8102e;}

.artwork-wrapper .info-msg,.artwork-wrapper .info-msg * {color:#31708f;}
.artwork-wrapper .info-box {background-color:#d9edf7; color:#31708f; padding:10px 1em; border-radius:10px; margin-bottom:1em; border:1px solid #bce8f1;}
.artwork-wrapper .info-box UL {margin-top:1em; margin-bottom:1em;}

.artwork-wrapper .inputs-section .input-section-title {background-color:#896448; color:#fff; padding:1em;  font-weight:600; text-transform: uppercase; border-radius:5px; margin-top:10px; margin-bottom:10px; }

.inputs-row { display:flex; flex-direction:row; }
.inputs-row .input-field { display:flex; flex-direction:column; width:100%; padding:10px; box-sizing:border-box; }
.inputs-row .input-field-inline { display:block; min-width:25%; width:auto; padding:10px; box-sizing:border-box; }
.inputs-row .input-field-inline * { margin:0px !important; }

.inputs-row #paymentElement { width:100%; padding:10px; box-sizing:border-box;  }

#frmProcess.hidden { display:none; }
#payReinit.hidden { display:none; }

.center-stage .errs-box {display:block; margin-left:auto; margin-right:auto;}

.input-col-1,.input-col-2, .input-col-3, .input-col-4,.input-col-5,.input-col-6,.input-col-8 {margin-bottom:10px; display:inline-block; box-sizing: border-box;}
.input-col-1 {width:12.5%; }
.input-col-2 {width:25%; }
.input-col-3 {width:36.75%; }
.input-col-4 {width:49.5%!important;}
.input-col-5 {width:62.5%!important;}
.input-col-6 {width:75%!important;}
.input-col-8 {width:99.25%; }
.input-col-12 {width:100% !important; }

.input-col-label {font-weight:600;}

.one-third-col {width:30%;}
.two-third-col {width:70%;}
.half-col {width:49.5%;}

.one-fifth-col {width:20%;}
.two-fifth-col {width:40%;}
.three-fifth-col {width:60%;}
.fourth-fifth-col {width:80%;}

.left-col {margin-right:5%; margin-left:3%;}

.input-col-2,.input-col-3,.input-col-4,.input-col-8 {margin-bottom:10px; box-sizing: border-box; display:inline-block;}

.icon-crown {position:relative; padding-left:25px;}
.icon-crown::before {
    content:"";
    background: url("../img/icon-curriculum-xl.png") no-repeat;
    background-size:contain;
    width:18px;
    height:12px;
    position:absolute;
    top:5px;
    left:0;
}
.artwork-wrapper input[type="checkbox"]{ margin:10px 10px 10px 0;}
.artwork-wrapper input[type='button'],.artwork-wrapper input[type='submit'] {
    transition:all 175ms ease-in-out 0s;
    -webkit-appearance: none!important;
    -moz-appearance:none!important;
    appearance:none!important;
}
.artwork-wrapper input[type='button']:hover,.artwork-wrapper input[type='submit']:hover {opacity:0.7;}

.artwork-wrapper .btn_ {padding:5px 10px; border-radius:5px;}
.artwork-wrapper .btn-sm {font-size:13px;}
.artwork-wrapper .btn-info {background-color:#696969!important; border-color:#696969!important; color:#fff!important;}
.artwork-wrapper .btn-parlist {margin-bottom:10px; text-align: center; display:block; background-color:#3c763d!important;}
.order-participant .status-cancelled {
    background-color: #B86759!important;
    color: #fff!important;
    font-size: 12px;
    padding: 5px 10px;
    text-align: center;
    display: inline-block!important;
    margin-left: 10px;
    font-weight: 600!important;
}
.artwork-wrapper input[type='button'].btn-danger,.btn-danger {background-color:#c8102e!important; border-color:#c8102e!important; color:#fff;}
.artwork-wrapper input[type="text"], .artwork-wrapper input[type="password"],.artwork-wrapper input[type="number"],.artwork-wrapper select, .artwork-wrapper textarea,.artwork-wrapper input[type="date"],.artwork-wrapper input[type="file"],.artwork-wrapper input[type="email"] {
    padding: 8px;
    font-family: 'Poppins',sans-serif;
    box-sizing: border-box;
    border-color: #C4C4C4;
    outline: none;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
}
.artwork-wrapper input[type="button"], .artwork-wrapper input[type="submit"]:not(.button_), .artwork-wrapper a.edit_btn, .artwork-wrapper .btn-cta,.btn-cta{
    background-color: #B86759!important;
    border: 1px solid #B86759;
    border-radius: 20px;
    padding: 10px 1em!important;
    color: #fff!important;
    margin-top: 1em;
    cursor: pointer;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size:14px;
    transition: all 0.2s linear;
    text-decoration: none;
}
.artwork-wrapper input[type="button"]:hover, .artwork-wrapper input[type="submit"]:not(.button_):hover, .artwork-wrapper a.edit_btn:hover, .artwork-wrapper .btn-cta:hover,.btn-cta:hover {
    background-color: #C2887E!important;
    border: 1px solid #C2887E;
}

.artwork-wrapper input[type="button"].bg-green, .artwork-wrapper input[type="submit"]:not(.button_).bg-green, .artwork-wrapper a.edit_btn.bg-green, .artwork-wrapper .btn-cta.bg-green,.btn-cta.bg-green {background-color:#777253!important; border-color:#777253!important;}
.artwork-wrapper input[type="button"].bg-green:hover,  .artwork-wrapper a.edit_btn:hover.bg-green, .artwork-wrapper .btn-cta.bg-green:hover,.btn-cta.bg-green:hover {background-color:#8C8661!important; border-color:#8C8661!important;}

.status-pending,.status-processing {color:#F0C34D;}
.status-cancelled {color:#c8102e;}
.status-completed,.status-completed *,.status-redeemed, .status-redeemed *,.status-attended, .status-attended *,.status-succeeded, .status-succeeded * {color:#639610!important; font-weight:600;}
.status-failed,.status-failed * {color:#c8102e!important;}
.status-refunded {color:#000;}

.payment-success,.validate-success {position:relative; padding-top:100px;}
.payment-success::before,.validate-success::before {
    content:"";
    background: url("../img/icons/payment-success-icon.png") no-repeat;
    background-size:contain;
    width:70px;
    height:70px;
    position:absolute;
    top:10px;
    left:50%;
    transform:translateX(-50%);
}

.payment-success .payment-information {text-align:left;}
.payment-success .payment-information UL {list-style-type:none;}

.payment-failed,.validate-failed {position:relative; padding-top:100px;}
.payment-failed::before,.validate-failed::before {
    content:"";
    background: url("../img/icons/payment-failed-icon.png") no-repeat;
    background-size:contain;
    width:70px;
    height:70px;
    position:absolute;
    top:10px;
    left:50%;
    transform:translateX(-50%);
}
 
.content_area .iveo_gencon {display:block;}


.manage-table {border-collapse:collapse; margin-top:10px;}
.manage-table thead {}
.manage-table thead th {color:#fff; background-color:#787351; padding:10px; text-align:left;}
.manage-table tbody td {padding:10px;}
.manage-table tbody tr:nth-child(even) {background-color:#f3f3f3;}

.icon-edit {text-indent: -9999px; width:18px; height:18px; display:inline-block; background: url('../img/icon-edit-xl.png') no-repeat; background-size:contain;}
.icon-view {text-indent: -9999px; width:18px; height:18px; display:inline-block; background: url('../img/icons/icon-view2.png') no-repeat; background-size:contain;}

.artist-profile { display:flex; }
.artist-profile .artist-img { display:block; width:200px; padding:0px 20px 0px 0px; }
.artist-profile .artist-img IMG { max-width:100%; }

@media only screen and (max-device-width:850px), only screen and (max-width:850px){
 #register-form-wrapper .inputs-row { display:flex; flex-direction:column; } 
 .floating-dialog .floating-dialog-wrapper {width:90%; max-width:500px;}
}