/***** 3qk9m0be *****/

/***** Design style *****/
#main-container { background: #ffffff;
 background-repeat: no-repeat; background-position: center top;
 }

/* Form */
#main-form { background-color: #eaffe5; }

/* Fonts */
#main-form { font-family: Arial; font-size: 14px; color: #000000; }
#main-form label { font-family: Arial; font-size: 14px; color: #000000; }
#main-form .btn { font-family: Arial; }

/* Button */
#formHeaderButtons .btn-primary:not(.btn-grey), #main-form .btn { background-color: #64b400 !important;color: #000000 !important; }
#main-form .btn:hover { background-color: #509000 !important; }
#main-form .saveBtnLine { text-align:right; }

/* Radio, Checkbox, Stars */
#main-form .custom-checkbox .custom-control-icon { background: #ffffff; border: 1px solid #c5c9cb; }
#main-form .custom-checkbox .custom-control-input:checked ~ .custom-control-icon { background: #64b400; border: 1px solid #64b400; }
#main-form .custom-checkbox .custom-control-icon:after { border: solid #000000; border-width: 0 3px 3px 0; }
#main-form .custom-radio .custom-control-icon { background: #ffffff; border: 1px solid #c5c9cb; }
#main-form .custom-radio .custom-control-input:checked ~ .custom-control-icon { background: #64b400; border: 1px solid #64b400; }
#main-form .custom-radio .custom-control-icon:after { background: #000000; }
#main-form .stars-rating-stars .starList > label { color: #c5c9cb !important; }
#main-form .stars-rating-stars .starList > label:hover:before,
#main-form .stars-rating-stars .starList > label:hover ~ label:before { color: #64b400 !important; }
#main-form .stars-rating-stars .starList > input:checked ~ label:before { color: #64b400 !important; }

/* Table */
#main-form .table-statistic thead tr:not(.clearTH) th { background-color: #64b400 !important; border-color: #64b400 !important; color: #000000 !important; } 
/* Divider */
#main-form .divider.lineStyle::before, #main-form .divider.lineStyle::after { border-bottom: 1px solid #64b400 !important; }
#main-form .divider.lineStyle { color: #64b400 !important; }
#main-form .divider.boxStyle { background-color: #ffffff !important;color: #64b400 !important; }

/* Field */
.form-control:focus { border-color: #64b400 !important; }

/* Links */
#main-form div.textbox a, #main-form .link, #popup a { color: #64b400 !important; }

/* Totals */
#main-form #totalsBox #totalsTotal .sum { color: #64b400 !important; }

/***** Event style *****/
#totals div { text-align:right;height:30px;line-height:30px;font-size:16px; }
#totals div span { margin:0 5px 0 10px;display:inline-block;width:140px; }
#totals #grandTotal { font-size:20px; }
#totals #grandTotal span { font-size:27px;color:#ed1c24;font-weight:bold;text-shadow:1px 1px 1px rgba(0,0,0,0.5); }


.fieldLoader { position:absolute;display:none;right:14px;top:31px;width:20px;height:20px;background:url('../../system/img/loader.gif') no-repeat;background-size: 20px 20px; }
.promoStatus { position:absolute;display:none;right:8px;top:30px;height:16px;line-height:16px;border-radius:4px;font-size:11px;padding:3px 8px;color:#fff; }
.promoStatus.correct { background-color: #3ebb60; }
.promoStatus.incorrect { background-color: #dc5655; }

.custom-checkbox .custom-control-icon,
.custom-star .custom-control-icon,
.custom-radio .custom-control-icon { background: url('/media/exception/img/action_ed1c24.png') no-repeat; }

.custom-checkbox .custom-control-input:disabled~.custom-control-icon,
.custom-star .custom-control-input:disabled~.custom-control-icon,
.custom-radio .custom-control-input:disabled~.custom-control-icon{ background-image: url('../img/action_ed1c24.png'); }

.custom-checkbox .custom-control-icon { background-position: 0 -24px; }
.custom-star .custom-control-icon { background-position: -24px -24px; }
.custom-radio .custom-control-icon { background-position: -48px -24px; }

.custom-checkbox .custom-control-input:checked~.custom-control-icon { background-position: 0 0; }
.custom-star .custom-control-input:checked~.custom-control-icon{ background-position: -24px 0; }
.custom-radio .custom-control-input:checked~.custom-control-icon{ background-position: -48px 0; }

.btn { background-color: #4a4a49 !important }
.btn:hover, .btn:focus { background-color: #12aea6 !important; }

.divider {
    position: relative;
    display: block;
    height: 29px;
    line-height: 17px;
    text-align: center;
    color: #ed1c24;
    font-size: 16px;
}
.divider::before {
    display: block;
    position: absolute;
    content: '';
    width: 100%;
    top: 8px;
    height: 3px;
    background: #4a4a49;
}


.table-statistic thead th { background-color: #12aea6; border: 1px solid #12aea6; }

@media (max-width: 400px) {
	#totals div { font-size:13px; }
	#totals div span { width:100px; }
	#totals #grandTotal { font-size:16px; }
	#totals #grandTotal span { font-size:22px; }
}