﻿input[type=checkbox].toggled + label > span,
div.select-group span,
div.dropdown-group span,
.noselect {
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
}

div.email-group > .input-wrapper {
    min-width: 100px;
    overflow: hidden;
}

div.email-group > .input-wrapper > input {
    background: none;
    border: none;
    height: 24px;
    margin-top: 4px;
    padding: 0;
    width: 100%;
}

div.email-group > .email {
    background-color: #313031;
    display: inline-block;
    float: left;
    margin-right: 4px;
    margin-top: 4px;
    padding: 2px 25px 2px 5px;
    position: relative;
}

div.email-group > .email:hover { background-color: #363637; }

div.email-group > .email .close {
    background: url('/Images/icons/common/closeemail.svg') no-repeat 50% 50%;
    display: inline-block;
    height: 24px;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
}

div.email-group > .email .close:hover { background: url('/Images/icons/common/closeemail%20over.svg') no-repeat 50% 50%; }

div.email-group,
div.select-group span,
input,
input.form-control {
    -moz-transition: none;
    -o-transition: none;
    -webkit-box-shadow: none;
    -webkit-transition: none;
    background: #272728 none;
    border: none;
    border-bottom: 1px solid #5D5D5D;
    border-radius: 2px;
    box-shadow: none;
    display: inline-block;
    font-size: 14px;
    height: 32px;
    line-height: 1.42857143;
    padding: 4px 12px;
    transition: none;
    width: 100%;
}

div.email-group {
    height: auto;
    min-height: 32px;
    padding: 0 4px 4px 4px;
}

div.select-group.error span,
div.select-group.error:hover span,
div.select-group.error.focus span,
input.error,
input.error:hover,
input.error:focus,
input.form-control.error:hover,
input.form-control.error:focus,
input.form-control.error {
    border-color: #AB4E4D;
    color: #AB4E4D;
}

textarea:hover,
div.select-group:hover span,
input:hover,
input.form-control:hover { border-color: #7F7F7F; }

textarea:focus,
div.select-group.focus span,
input:focus,
input.form-control:focus {
    -webkit-box-shadow: none;
    border-color: #9CA36D;
    box-shadow: none;
    outline: 0;
}

button:focus,
button.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
}

div.select-group.disabled span,
input:disabled,
input.disabled,
input.form-control:disabled,
input.form-control.disabled {
    background: #2E2E2F none;
    border-color: #434343;
    color: #7E7E7E;
}

input.size48,
input.form-control.size48 {
    font-size: 24px;
    height: 48px;
    line-height: 1.42857143;
    padding: 4px 12px;
}

.form-group.size64 label,
.size64 label {
    color: #AEAEAF;
    font-size: 24px;
}

.size64 input,
.size64 input.form-control,
input.size64,
input.form-control.size64 {
    font-size: 40px;
    height: 64px;
    line-height: 1.42857143;
    padding: 4px 12px;
}

.form-group label { color: #757B7B; }

input.required:disabled,
input.required.disabled,
input:required:disabled,
input.disabled:required,
input.form-control.required:disabled,
input.form-control.required.disabled,
input.form-control:required:disabled,
input.form-control.disabled:required { background: #2E2E2F url('/Images/ui/corner.svg') no-repeat 99.9% 1px; }

select:required,
select.required { background: #272728 url('/Images/ui/corner.svg') no-repeat 99.9% 1px !important; }

textarea.required,
textarea:required,
input.required,
input:required,
input.form-control.required,
input.form-control:required { background: #272728 url('/Images/ui/corner.svg') no-repeat 99.9% 1px; }

div.password-field-group { height: 32px; }

div.password-field-group input,
div.password-field-group input.disabled,
div.password-field-group input:disabled,
div.password-field-group input.form-control,
div.password-field-group input.form-control.disabled,
div.password-field-group input.form-control:disabled {
    background-image: url('/Images/password_input_icon.png');
    background-position: 4px 50%;
    background-repeat: no-repeat;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    display: inline-block;
    padding-left: 25px;
    width: 78%;
}

div.password-field-group span.visibility {
    background-color: #272728;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-bottom: 1px solid #5D5D5D;
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 32px;
    width: 15%;
}

div.password-field-group span.safety {
    background-color: #272728;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-bottom: 1px solid #5D5D5D;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    display: inline-block;
    float: right;
    height: 32px;
    width: 7%;
}

div.password-field-group span.visibility.opened:after {
    background: url('/Images/icons/common/viewicon_gray.svg') no-repeat 50% 50%;
    content: "";
    display: block;
    height: 32px;
    width: auto;
}

div.password-field-group span.visibility.closed:after {
    background: url('/Images/icons/common/hideicon%20gray.svg') no-repeat 50% 50%;
    content: "";
    display: block;
    height: 32px;
    width: auto;
}

div.password-field-group span.safety.low { background-image: url('/Images/safety_low.png'); }

div.password-field-group span.safety.medium { background-image: url('/Images/safety_medium.png'); }

div.password-field-group span.safety.high { background-image: url('/Images/safety_high.png'); }

div.password-field-group:hover span.safety,
div.password-field-group:hover span.visibility,
div.password-field-group:hover input,
div.password-field-group:hover input.form-control { border-color: #7F7F7F; }

div.password-field-group:hover input:focus,
div.password-field-group:hover input.form-control:focus,
div.password-field-group span.visibility.focus,
div.password-field-group span.safety.focus { border-color: #9CA36D; }

div.password-field-group.disabled input,
div.password-field-group.disabled input.form-control { background-image: url('/Images/password_input_icon_disabled.png'); }

div.password-field-group.disabled input,
div.password-field-group.disabled input.form-control,
div.password-field-group.disabled span.visibility,
div.password-field-group.disabled span.safety {
    background-color: #2E2E2F;
    border-color: #434343;
    color: #434343;
}

div.password-field-group.error input,
div.password-field-group.error input:hover,
div.password-field-group.error input:focus,
div.password-field-group.error input.form-control:hover,
div.password-field-group.error input.form-control:focus,
div.password-field-group.error input.form-control,
div.password-field-group.error span.visibility,
div.password-field-group.error span.safety {
    border-color: #AB4E4D;
    color: #AB4E4D;
}

input.login,
input.form-control.login {
    background-image: url('/Images/login_input_icon.png');
    background-position: 4px 50%;
    background-repeat: no-repeat;
    padding-left: 25px;
}

input.login.disabled,
input.login:disabled,
input.form-control.login.disabled,
input.form-control.login:disabled { background-image: url('/Images/login_input_icon_disabled.png'); }



div.facility-time-select.splitter { padding: 0 2px !important; }

div.facility-time-select {
    float: left;
    padding: 0;
    width: 70px;
}

div.facility-time-select .ui-select-container .ui-select-choices .ui-select-choices-row a.ui-select-choices-row-inner span {
    color: #ffffff;
    text-decoration: none;
}

div.overflow-hidden { overflow: hidden; }

div.select-group { vertical-align: middle; }



div.select-group.splitter { padding: 0 2px !important; }

div.select-group span {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    cursor: pointer;
    overflow: hidden;
    padding-right: 30px;
    padding-top: 6px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.select-group.placeholder.error span,
div.select-group.placeholder span { color: #4f4f4f; }

div.select-group span:after {
    content: "\e252";
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    position: absolute;
    right: 5px;
    top: 6px;
}

div.dropdown-group ul,
div.select-group ul {
    display: none;
    left: 15px;
    margin-bottom: 0;
    padding-left: 0;
    position: absolute;
    right: 15px;
}

div.dropdown-group.focus ul,
div.select-group.focus ul {
    -moz-box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
    display: block;
    z-index: 2;
}

div.autocomplete-group ul {
    display: none;
    margin-bottom: 0;
    padding-left: 0;
}

div.autocomplete-group ul li,
div.dropdown-group ul li,
div.select-group ul li {
    background-color: #272728;
    cursor: pointer;
    display: block;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 5px;
}

div.autocomplete-group.open-list li:last-child,
div.select-group ul li:last-child,
div.dropdown-group ul li:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

div.dropdown-group ul li:hover,
div.autocomplete-group ul li:hover,
div.select-group ul li.selected { background-color: #1C1C16; }

div.dropdown-group ul li:active,
div.autocomplete-group ul li:active,
div.select-group ul li:hover,
div.select-group ul li.selected:hover {
    background-color: #9CA270;
    color: #FFFFFF;
}

div.select-group.size-big span {
    font-size: 24px;
    height: 50px;
    padding-top: 9px;
}

div.select-group.size-big span:after { top: 9px; }

div.select-group.size-big ul li {
    font-size: 24px;
    padding-bottom: 10px;
    padding-top: 11px;
}

div.autocomplete-group.open-list div.wrapper {
    -moz-box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
    background-color: #272728;
    border-radius: 2px;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
    min-height: 40px;
    position: absolute;
    z-index: 1;
}

div.autocomplete-group.open-list input {
    border-bottom: none;
    color: #CCC7B0;
}

div.autocomplete-group.open-list ul:before {
    background-color: #535354;
    content: "";
    display: block;
    height: 2px;
    margin: 0 10px;
}

div.autocomplete-group.open-list ul { display: block; }

div.autocomplete-group.open-list ul li span.selection { color: #CCC7B0; }

textarea {
    background-color: #272728;
    border: none;
    border-bottom: 1px solid #5D5D5D;
    border-radius: 2px;
    color: #78756E;
    padding: 10px;
    resize: none;
}

div.table .body .row .text-red { color: #BC5454; }

div.table div.body div.row div.progress-bar-col {
    padding-bottom: 5px;
    padding-top: 7px;
}

div.progress-bar-small {
    display: inline-block;
    height: 100%;
    width: 100%;
}

div.progress-bar-small .percent { font-size: 160%; }

div.progress-bar-small .line-wrapper {
    background-color: #202020;
    border-radius: 2px;
    height: 2px;
    width: 100%;
}

div.progress-bar-small .line-wrapper div {
    background-color: #9CA270;
    border-radius: 2px 0 0 2px;
    height: 100%;
}