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

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

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

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

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

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

button#btnAddSecurityGroup {
    float: right;
}

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

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

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

/*loading-panel*/
.load-panel {
    position: fixed;
    z-index: 9999;
    /* top: 62%; */
    top: 0;
    width: 100%;
    height: 100%;
    /* left: 50%; */
    background: rgba(0,0,0,0.4);
    display: none;
}

.loader-content {
    position: absolute;
    top: 50%;
    left: 34%;
}



.mar-50 {
    margin-top: 50px;
}

.k-danger {
    border-color: #ff6358;
    color: #ffffff;
    background-color: #ff6358;
    background-image: linear-gradient(rgba(255, 138, 88, 0), rgba(255, 138, 88, 0.2));
}

.k-success {
    color: #fff;
    border-color: #10c4b2;
    background-color: #10c4b2;
}


/*jqgrid as kendo grid css*/

.ui-state-hover, .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid rgba(33,37,41,0.125) !important;
    background: rgba(0, 0, 0, 0.04) !important;
    color: inherit !important;
    font-weight: inherit !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border-color: #dde2e7 !important;
    color: #212529 !important;
    background: none;
    background-color: #f8f9fa !important;
}

.ui-jqgrid .ui-jqgrid-labels th.ui-th-column {
    border-top: 0 none;
    border-bottom: 0 none;
    border-right: 1px solid rgba(33,37,41,.125);
    white-space: normal;
    border-radius: 0;
    padding: 0.75rem;
}

.ui-widget-content.ui-jqgrid {
    border-color: rgba(33,37,41,.125) !important;
    color: #212529 !important;
    background-color: #fff !important;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    border-radius: 0;
    overflow: scroll;
    outline: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 1rem;
    line-height: 1.5;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    display: block;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border-width: 0 0 1px 1px;
    white-space: nowrap;
    font-weight: inherit;
    border: 1px solid #c5dbec;
    color: #212529 !important;
    border: 1px solid;
    background: #f8f9fa !important;
    font-family: "Segoe UI";
    font-size: 1rem;
    text-align: left !important;
    box-sizing: border-box;
    border-radius: 0;
}

.ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-color: #dde2e7;
    color: #212529;
    background-color: #f8f9fa;
    border-bottom-width: 1px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    /* padding-right: 17px; */
    border-width: 0;
    border-style: solid;
    border-color: inherit;
    border-bottom: 1px solid rgba(33,37,41,.125);
    border-radius: 0;
}

.ui-jqgrid-jquery-ui.ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr > td, .ui-jqgrid-jquery-ui.ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-rtl > td {
    /* border-width: 0 0 0 1px; */
    vertical-align: middle;
    border-color: rgba(33,37,41,0.125);
    padding: 0.75rem;
    text-align: left !important;
    white-space: normal;
    font-size: 1rem;
    font-family: "Segoe UI";
}

.ui-jqgrid > .ui-jqgrid-pager {
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    min-height: 22px;
    overflow: hidden;
    border-top: none !important;
    border-bottom: none !important;
    padding: 0.375rem;
    background: #f8f9fa !important;
    font-size: 11px;
}

.ui-jqgrid > .ui-jqgrid-pager {
    border: 0;
    padding: 0.375rem;
    background: #f8f9fa !important;
    text-align: left !important;
    font-size: 1rem;
    font-family: "Segoe UI";
}

td#list-pager_left {
    display: none !important;
}

.right-items {
    float: right;
}

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

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

.k-custom-input {
    padding: 0 7px;
    height: 22px !important;
    width: 96% !important;
}
/*
.k-upload .k-upload-files {
    display: none;
}*/

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

.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;
}


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

.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;
    }

.custom-mt-check {
    margin-top: 10px !important;
}

.custom-mt {
    margin-top: 7px !important;
}

.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-textarea {
    width: 100%;
}

.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;
}

.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;
    }
}



.isactive {
    padding-left: 20px;
}

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

.custom-input .k-datetimepicker .k-select {
    border-left: none;
    border-right: none;
    border-top: none;
}

.custom-input.wid-100 span.k-numerictextbox {
    background-color: transparent;
    width: 100%;
}

.custom-input .k-icon {
    font-size: 13px !important;
}

.custom-input .k-rating-container .k-rating-item .k-icon {
    font-size: 24px !important;
}

.red {
    color: red !important;
}

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

.k-custom-input:focus {
    border: none !important;
    border-bottom: 1px solid #e4e7eb !important;
    outline: none !important;
}
/*//mlwizard grid*/
.k-grid .k-grouping-row td {
    border-bottom-width: 0;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.k-grid-header th.k-with-icon .k-link {
    margin-right: 18px;
    text-transform: uppercase !important;
}

.k-pager-numbers .k-link.k-state-selected {
    border-color: #808080 !important;
    color: #ffffff;
    background-color: #808080 !important;
}

/*ml wizard steps*/
.k-stepper .k-step-current .k-step-indicator, .k-stepper .k-step-done .k-step-indicator {
    border-color: #808080 !important;
    color: #ffffff;
    background-color: #808080 !important;
}

.k-stepper .k-step-done:hover .k-step-indicator, .k-stepper .k-step-done.k-step-hover .k-step-indicator, .k-stepper .k-step-current:hover .k-step-indicator, .k-stepper .k-step-current.k-step-hover .k-step-indicator {
    background-color: #7d7d7d !important;
}

.k-progressbar .k-state-selected {
    color: white;
    background-color: #808080 !important;
}

.k-stepper .k-step-label .k-step-text {
    text-transform: uppercase !important;
}
/*mizard panel*/
.k-panelbar {
    border: 1px solid #efefef;
}
    .k-panelbar > .k-item > .k-link{
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .k-panelbar > .k-item > .k-link.k-state-selected {
        border-color: #808080;
        padding-top: 7px;
        padding-bottom: 7px;
        color: #ffffff;
        background-color: #808080;
    }
        .k-panelbar > .k-item > .k-link.k-state-focused.k-state-selected {
            box-shadow: inset 0 0 0 3px #808080;
        }

.dark-bg {
    background: #808080;
}

.k-button-hover {
    background: transparent;
    border: 1px solid #efefef;
}

.k-button-hover:hover{
    background: #efefef;
    border: 1px solid #efefef;
}

.custom-input .k-datetimepicker .k-picker-wrap {
    padding-right: 4em;
    border: none !important;
    border-bottom: 1px solid #e4e7eb !important;
    line-height: 1;
    height: 25px;
}

.custom-input .k-datetimepicker {
    width: 100% !important;
}

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;
}*/

#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;
}


@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;
    }
}