html {
    height: 100%;
}

body {
    padding: 0px;
    height: 100%;
    background-size: cover;
    font-family: Arial;
    background-color: #ede9e5;
    color: #4a4a4a;
}

a {
    text-decoration: underline;
    color: #d02630;
}

.header-text {
    color: #ffffff;
    font-size: 20px;
    font-weight: normal;
}

.secondary-text {
    font-size: 12px;
    font-style: italic;
}

h2 {
    color: #37868e;
    font-weight: 700;
    font-size: 24px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
}

.navigation-row {
    background: #897a6b;
    padding: 20px;
}

.public-container {
    background: url(../Public/images/star-banner.jpg);
    background-size: cover;
    padding: 20px 20px 60px 20px;
    border-top: 10px solid #ffffff;
    min-height: calc(100% - 92px);
    margin-bottom: -40px;
}

.border-line {
    height: 40px;
    background-color: #37868e;
    border-bottom: 10px solid #ffffff;
    border-top: 10px solid #ffffff;
    position: relative;
    bottom: 0px;
}

.inner-container {
    background-color: #ffffff;
    margin: 30px auto;
    padding: 20px;
    width: initial;
    max-width: 800px;
    min-height: 450px;
}

@media (max-width:767px) {
    .public-container {
        background-image: none;
        background-color: #ede9e5;
        padding: 0px;
    }

    .inner-container {
        margin-top: 10px;
    }
}


.btn-register {
    background-color: #ef362a;
    color: #fff;
    font-size: 16px;
    border: none;
    min-width: 122px;
    height: 37px;
}

    .btn-register:hover, .btn-register:active, .btn-register:focus {
        background-color: #911a21;
        color: #fff;
    }

.auth-form {
    margin: 0;
}

.auth-container {
    padding: 0 0 10px 0;
    width: 0;
    background-color: transparent;
    margin-left: -39px;
}

.container {
    margin: 0;
    width: 100%;
    min-height: 100%;
    padding: 0;
}

.reg-auth-container {
    background-color: #fff;
    border-radius: 1em;
    display: table-cell;
    color: #4a4a4a;
    padding: 15px;
}

.auth-container-left {
    background-color: #ffffff;
    display: table-cell;
    width: 277px;
    color: #4a4a4a;
    padding: 15px;
}


.form-control, .k-grid-edit-row td > input:not(.check-box), .k-grid-edit-row select, .k-grid-edit-row textarea {
    background-color: #fff;
    color: #4a4a4a;
    padding: 0 6px;
    height: 35px;
}


.auth-container-right {
    background-color: #fff;
    border-radius: 0 1em 1em 0;
    display: table-cell;
    width: 403px;
    color: #4a4a4a;
    padding: 15px;
    line-height: 1.5;
}

.auth-container .btn.btn-login {
    margin-left: 34px;
}

#register-form-fields .form-horizontal .k-widget {
    width: 100%;
}

.form-group-login {
    margin-bottom: 2px;
}

.form-group {
    margin-bottom: 10px;
}

.rank-container {
    width: 500px;
}

#register-container .form-horizontal .form-input {
    float: left;
    padding-left: 15px;
}

#register-container .form-group:last-child {
    margin-bottom: 0;
}


.captcha-container {
    padding: 0 15px 15px;
}

#external-login-container {
}


#register-top {
    margin-top: 13px;
}

.control-label {
    color: #4a4a4a;
    font-family: Arial;
}

.k-autocomplete.k-state-default, .k-picker-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-dropdown-wrap.k-state-default {
    background-position: 50% 50%;
    background-color: #fff;
    border-color: #4a4a4a;
}

.k-icon, .k-tool-icon, .k-grouping-dropclue, .k-drop-hint, .k-column-menu .k-sprite, .k-grid-mobile .k-resize-handle-inner:before, .k-grid-mobile .k-resize-handle-inner:after {
    color: #4a4a4a;
}

.k-header, .k-grid-header-wrap, .k-grid .k-grouping-header, .k-grid-header, .k-pager-wrap, .k-pager-wrap .k-textbox, .k-pager-wrap .k-link, .k-grouping-header .k-group-indicator {
    border-color: #4a4a4a;
}

.k-block, .k-header, .k-grid-header, .k-toolbar, .k-grouping-header, .k-pager-wrap, .k-button, .k-draghandle, html .km-pane-wrapper .k-header {
    background-color: #fff;
}

.k-list-container {
    border-color: #4a4a4a;
    background-color: #fff;
    color: #4a4a4a;
}


.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color {
    color: #4a4a4a;
    background-color: #4a4a4a;
    border-color: #4a4a4a;
}

.k-state-hover, .k-state-hover:hover, .k-splitbar-horizontal-hover:hover, .k-splitbar-vertical-hover:hover, .k-list > .k-state-hover, .k-scheduler .k-scheduler-toolbar ul li.k-state-hover, .k-pager-wrap .k-link:hover, .k-dropdown .k-state-focused, .k-imagebrowser-dropzone, .k-mobile-list .k-item > .k-link:active, .k-mobile-list .k-item > .k-label:active, .k-mobile-list .k-edit-label.k-check:active, .k-mobile-list .k-scheduler-timezones .k-edit-field:nth-child(2):active, .k-mobile-list .k-recur-view .k-check:active {
    color: #4a4a4a;
    background-color: #fff;
    border-color: #4a4a4a;
}

.k-header, .k-grid-header, .k-toolbar, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, .k-grouping-header, .k-pager-wrap, .k-textbox, .k-button, .k-progressbar, .k-draghandle, .k-autocomplete, .k-state-highlight, .k-tabstrip-items .k-item, .km-pane-wrapper > .km-pane > .km-view > .km-content {
    background-color: #fff;
}

    .k-input, input.k-textbox, textarea.k-textbox, input.k-textbox:hover, textarea.k-textbox:hover, .k-textbox > input, .k-multiselect-wrap {
        background-color: #fff;
        color: #4a4a4a;
    }

    .k-link:not(.k-state-disabled):hover > .k-i-calendar, .k-state-hover > .k-i-calendar, .k-state-hover > * > .k-i-calendar, .k-button:hover .k-i-calendar, .k-textbox:hover .k-i-calendar, .k-button:active .k-i-calendar {
        background-position: -32px -176px;
    }

.k-group, .k-toolbar, .k-grouping-header, .k-pager-wrap, .k-group-footer td, .k-grid-footer, .k-footer-template td, .k-widget .k-status, .k-calendar th, .k-dropzone-hovered, .k-widget.k-popup {
    background-color: #fff;
}

.k-block, .k-widget {
    background-color: #fff;
}

.k-calendar .k-link.k-nav-fast, .k-calendar .k-footer .k-nav-today, .k-calendar .k-footer .k-nav-today:hover {
    color: #d02630;
}

.k-content, .k-editable-area, .k-panelbar > li.k-item, .k-panel > li.k-item, .k-tiles {
    background-color: #fff;
}

.k-calendar .k-link {
    color: #d02630;
}

.k-calendar .k-footer .k-nav-today {
    color: #d02630;
    background-color: #fff;
}

.k-state-hover > .k-link, .k-other-month.k-state-hover .k-link, div.k-imagebrowser-dropzone em {
    color: #333;
}

.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color {
    color: #4a4a4a;
    background-color: #fff;
    border-color: #d02630;
}

.form-control[readonly] {
    background-color: #eee;
    opacity: .7;
}

.help-label {
    font-style: italic;
    color: #d02630;
}

.link-btn {
    background-color: #ef362a;
    border-radius: .5em;
    width: 200px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    margin: 40px 140px;
}

.link-btn-label {
    color: #fff;
    font-size: 23px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.1;
}

.k-dropdown span.k-dropdown-wrap.k-state-focused, .k-dropdown span.k-dropdown-wrap.k-state-hover {
    background-color: white;
}

    .k-dropdown .k-input, .k-menu .k-popup, .k-dropdown span.k-dropdown-wrap.k-state-hover .k-input, .k-dropdown span.k-dropdown-wrap.k-state-focused .k-input {
        color: #4a4a4a;
    }


.k-calendar td.k-state-focused .k-link {
    box-shadow: inset 0 0 0 1px #9cbac9;
}

.k-calendar .k-today .k-link {
    color: #4a4a4a;
    box-shadow: inset 0 0 0 1px #4a4a4a;
}

.k-calendar td.k-state-selected .k-link {
    box-shadow: inset 0 0 0 1px #911a21;
}

.k-calendar td.k-state-selected .k-link {
    border-color: #911a21;
    color: #fff;
    background-color: #911a21;
    background-image: none;
}

.k-calendar td.k-state-hover .k-link {
    border-color: #d02630;
    color: #fff;
    background-color: #d02630;
    background-image: none;
}

.k-icon.k-clear-value.k-i-close {
    display: none;
}

a.link-btn-label:hover, a.link-btn-label:focus {
    color: #fff;
}

.link-btn:hover, .link-btn:active, .link-btn:focus {
    background-color: #911a21;
}

.link-btn a:hover, .link-btn a:active, .link-btn a:focus {
    color: #fff;
    text-decoration: none;
}