.img-size-30 {
    width: 30px;
}

.img-size-50 {
    width: 70px;
}

.icon-success {
    color: #1bcbd4 !important;
}

img#displayImage, #up_displayImage {
    width: 150px !important;
    height: 150px !important;
}

.pad-10 {
    padding-top: 10px;
}

.pad-8 {
    padding-top: 8px;
}

.pad-5 {
    padding-top: 5px;
}

.k-edit-form-container {
    position: relative;
    width: 100%;
}

.k-prompt-container, .k-window-content {
    overflow: hidden !important;
}

.pad-btn {
    padding-top: 10px;
    padding-left: 25px !important;
}

.k-checkbox {
    width: 18px;
    height: 18px;
}

#edit-buttons {
    clear: both;
    text-align: right;
    border-width: 1px 0 0;
    border-style: solid;
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 10px;
    right: 0;
}

.k-window > div.k-popup-edit-form {
    padding: 1em 0 0;
}

.k-checkbox::before {
    background-size: 83%;
}

.k-light-primary {
    background-color: #e1f0ff;
    border-color: transparent;
    color: #007bff;
}

    .k-light-primary:hover {
        background-color: #3699ff;
        border: #3699ff;
        color: #fff;
    }


.Google, .Microsoft {
    background: #e0e0e0;
    color: #555;
}

.Facebook {
    background: #3b5998;
    color: #fff;
}

.GitHub {
    background: #000;
    color: #fff;
}

    .GitHub img {
        background: #fff;
    }

.Amazon {
    background: #febd69;
    color: #000;
}

.Twitter {
    background: #00acee;
    color: #fff;
}

.Apple {
    background: #000;
    color: #fff;
}

span.navi-text.text-muted.text-hover-primary {
    word-break: break-word;
}

.symbol.symbol-100 .symbol-badge {
    width: 12px;
    height: 12px;
    top: 3px;
    right: 3px;
}


div#winprofile {
    padding: 0 !important;
}

div#BigLoader {
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 9999;
}

.k-list-filter > .k-icon {
    position: absolute;
    right: 15px;
}

.k-edit-form-container .k-edit-buttons {
    bottom: 0;
}


.custom-input span.k-dropdown-wrap.k-state-default, .k-custom-input {
    height: 25px;
}

.custom-input span.text-muted {
    font-size: 10px;
}

.custom-input .k-dropdown .k-dropdown-wrap, .k-custom-input {
    border: none !important;
    border-bottom: 1px solid #e4e7eb !important;
}

.custom-input > .k-textbox > input {
    border: none !important;
}

.custom-input .k-textbox {
    /* border: none !important; */
    border-bottom-width: 1px;
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    border-radius: 0;
    line-height: 1;
    padding: 0 !important;
}

.fv-plugins-message-container span.is-valid {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%231BC5BD' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .325rem) center;
    background-size: calc(.75em + .65rem) calc(.75em + .65rem);
    padding-right: calc(1.5em + 1.3rem);
}

.fv-plugins-message-container span.is-valid {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23F64E60' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23F64E60' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .325rem) center;
    background-size: calc(.75em + .65rem) calc(.75em + .65rem);
    padding-right: calc(1.5em + 1.3rem);
}

.custom-input .k-multiselect-wrap {
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
    border-radius: 0 !important;
    border-bottom-width: 1px;
    border-style: solid;
}

.custom-input .k-checkbox {
    width: 14px !important;
    height: 14px !important;
}

.custom-input .k-radio {
    margin: 0;
    padding: 0;
    width: 12px;
    height: 12px;
}

    .custom-input .k-radio::before {
        content: "";
        width: 5px;
        height: 5px;
    }

.k-custom-input:focus {
    border: none !important;
    border-bottom: 1px solid #e4e7eb !important;
    outline: none !important;
}

#upload-section .k-dropzone {
    padding: 0 5px !important;
}

#upload-section .k-upload, #upload-section .k-dropzone {
    height: 20px;
}

#upload-section .k-button.k-upload-button {
    min-width: 0 !important;
    height: 16px !important;
}

#upload-section .k-button {
    line-height: 1 !important;
    padding: 3px 8px !important;
}


.k-widget.k-window {
    width: 80% !important;
}

.min-height {
    min-height: 130px;
}

@media (min-width: 992px) {
    .login.login-1 .login-content {
        width: 100% !important;
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .login.login-1 .login-aside {
        width: 100%;
        max-width: 500px;
    }
}


@media (min-width: 992px) {
    .header.header-fixed {
        height: 50px;
    }
}

@media (min-width: 992px) {
    .header-fixed.subheader-fixed .subheader {
        position: fixed;
        height: 40px;
        top: 50px;
    }
}

@media (min-width: 992px) {
    .header-fixed.subheader-fixed.subheader-enabled .wrapper {
        padding-top: 90px;
    }
}

@media (max-width: 991.98px) {
    .header-mobile-fixed .header-mobile {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 97;
        height: 45px;
        min-height: 45px;
    }
}

@media (max-width: 991.98px) {
    .header-mobile-fixed .wrapper {
        padding-top: 45px;
    }

    .k-widget.k-window {
        width: 100% !important;
    }
}