body {
}

/* styles for validation helpers */
.field-validation-error {
    color: #B94A48;
    /*font-weight: bold;*/
}
.data-val-required::before {
    content: '*';
    margin-right: 4px;
    color: red;
}
.field-validation-valid {
    display: none;
}

input.input-validation-error {
    /*border: 1px solid #e80c4d;*/
    border-bottom: 1px solid #d38e99;
    background-color: #fbf4f4;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    background: none repeat scroll 0% 0% / 20px 20px #fbf4f4;
    border-color: #e66454;
    color: #B94A48;
    padding: 5px;
    margin-bottom: 18px;
    border: 1px solid transparent;
    border-radius: 2px;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    /* line-height: 1.42857; */
    padding-bottom: 0px;
    border-left: 3px solid #e66454;
    border-right: 0 solid #ddd;
    /* margin-bottom: 20px; */
    /* padding: 20px; */
}

.validation-summary-valid {
    display: none;
}
/*****************************************/

.form-group .k-widget,
.form-group .k-textbox {
    width: 100%;
}

.k-input {
    width: 100%;
}


/*#main-navbar .navbar-header {
    width: 250px;
}*/

div.navbar-header a {
}


.form-group .k-colorpicker {
    width: 100%;
}

.form-group .k-selected-color {
    width: 100%;
}

.page-header {
    padding-top: 0px;
    padding-bottom: 3px;
    margin-bottom: 8px;
}

.k-state-selected a.patientFullName {
    color: #fff;
}

a.patientFullName {
    text-decoration: underline;
    color: #333;
    /*font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;*/
}


input[type=checkbox], input[type=radio] {
    -webkit-appearance: none;
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 0;
    cursor: pointer;
    vertical-align: bottom;
    background: #fff;
    border: 1px solid #c6c6c6;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    outline: 0;
}

/*input[type=checkbox]:checked::after {
        content: url(../Images/check.png);
        display: block;
        position: absolute;
        top: -4px;
        left: -2px;
    }*/

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 0 -webkit-focus-ring-color;
    outline-offset: -2px;
}


/*************************************************************************************************************/

.theme-clean #main-navbar .navbar-header a {
    font-size: 14px;
}

.theme-clean .dropdown-menu > li > a:hover, .theme-clean .dropdown-menu > li.active > a {
    cursor: pointer;
}

#main-menu .navigation .menu-icon, #main-menu .mmc-dropdown-open-ul .menu-icon {
    /*font-size: 22px;
    width: 26px;*/
}

.form-control {
    height: 27px;
}

.theme-clean #main-navbar .navbar-brand div {
    background: #3d4a5d;
}

.page-signin-alt .signin-password input {
    height: 46px;
    padding-right: 15px;
}

.page-signin-alt .signin-userName input {
    height: 46px;
}

.right-to-left.mmc #main-menu ul.navigation > li > a > .menu-icon {
    margin-left: 6px;
}


.page-signin-alt .signin-header {
    background: #3d4a5d;
}

.header-text {
    color: white;
    font-size: 23px;
}

.login-btn {
    background: #3d4a5d;
    color: white;
}

.form-header-text {
    color: grey;
}


/************************************************Growls*********************************************************/
/* jQuery Growl
 * Copyright 2015 Kevin Sylvestre
 * 1.3.1
 */
#growls {
    z-index: 50000;
    position: fixed;
}

    #growls.default {
        top: 10px;
        right: 10px;
    }

    #growls.tl {
        top: 10px;
        left: 10px;
    }

    #growls.tr {
        top: 10px;
        right: 10px;
    }

    #growls.bl {
        bottom: 10px;
        left: 10px;
    }

    #growls.br {
        bottom: 10px;
        right: 10px;
    }

    #growls.tc {
        top: 10px;
        right: 10px;
        left: 10px;
    }

    #growls.bc {
        bottom: 10px;
        right: 10px;
        left: 10px;
    }

        #growls.tc .growl, #growls.bc .growl {
            margin-left: auto;
            margin-right: auto;
        }

.growl {
    opacity: 0.8;
    filter: alpha(opacity=80);
    position: relative;
    border-radius: 4px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

    .growl.growl-incoming {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .growl.growl-outgoing {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .growl.growl-small {
        width: 200px;
        padding: 5px;
        margin: 5px;
    }

    .growl.growl-medium {
        width: 250px;
        padding: 10px;
        margin: 10px;
    }

    .growl.growl-large {
        width: 300px;
        padding: 15px;
        margin: 15px;
    }

    .growl.growl-default {
        color: #FFF;
        background: #7f8c8d;
    }

    .growl.growl-error {
        color: #FFF;
        background: #C0392B;
    }

    .growl.growl-notice {
        color: #FFF;
        background: #0A8A0A;
    }

    .growl.growl-warning {
        color: #FFF;
        background: #F39C12;
    }

    .growl .growl-close {
        cursor: pointer;
        float: right;
        font-size: 14px;
        line-height: 18px;
        font-weight: normal;
        font-family: helvetica, verdana, sans-serif;
    }

    .growl .growl-title {
        font-size: 18px;
        line-height: 24px;
    }

    .growl .growl-message {
        font-size: 14px;
        line-height: 18px;
    }

#growls {
    bottom: 10px;
    right: 10px;
    top: initial;
}

.main-navbar-fixed #growls {
    top: initial;
}
/*******************************************************************************************************************/
.k-upload-pct {
    visibility: hidden;
    display: none;
}

.k-upload-status k-upload-status-total {
    visibility: hidden;
    display: none;
}

.label-form {
    color: grey;
    white-space: nowrap;
}
/**********************************Tooltip****************************************/
.k-callout-n {
    border-bottom-color: #3d4a5d;
}

/*.k-widget.k-tooltip {
background-color:#3d4a5d;
border-color:#3d4a5d;
}*/

.antiforgeryError {
    color: #e80c4d;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    margin: 40px 0;
}

.k-widget.k-combobox.k-header {
    width: 100%;
}

.k-button {
    line-height: normal;
    font-size: 12px;
}



/**teeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeest*/
/* form starting stylings ------------------------------- */

label {
    padding-top: 8px;
    color: #7F7F7F;
    font-size: 12.5px;
}

textarea {
    resize: none;
}

input, textarea {
    padding: 4px 4px 5px 5px;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #e0e0e0;
}

    input:focus, textarea:focus {
        outline: none;
    }

/* BOTTOM BARS ================================= */
.bar {
    position: relative;
    display: block;
    width: 100%;
}

    .bar:before, .bar:after {
        content: '';
        height: 2px;
        width: 0;
        bottom: .5px;
        position: absolute;
        background: #1aaada;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
    }

    .bar:before {
        left: 50%;
    }

    .bar:after {
        right: 50%;
    }

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
    width: 50%;
}

textarea:focus ~ .bar:before, textarea:focus ~ .bar:after {
    width: 50%;
}

@-webkit-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

.input-group-addon {
    border: 0;
    background-color: white;
}

.input-group input {
    position: initial;
}

.right-to-left .input-group-addon {
    border: 0;
}

label {
    display: table-cell;
}

/************************************************/
/*
 * Checkbox and Radio
 */

.checkbox label, .radio label {
    padding-top: 0;
    font-weight: 600;
}

.checkbox-label {
    cursor: pointer;
}

.radio, .checkbox {
    padding-left: 11px;
    margin-top: 10px;
}

    .checkbox label,
    .radio label {
        padding-left: 30px;
        position: relative;
    }

    .checkbox input,
    .radio input {
        top: 0;
        left: 0;
        margin-left: 0 !important;
        z-index: 1;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
        margin-top: 0;
    }

    .checkbox .input-helper:before,
    .radio .input-helper:before,
    .checkbox .input-helper:after,
    .radio .input-helper:after {
        -webkit-transition: all;
        -o-transition: all;
        transition: all;
        -webkit-transition-duration: 250ms;
        transition-duration: 250ms;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        position: absolute;
        content: "";
    }

    .checkbox .input-helper:before,
    .radio .input-helper:before {
        left: 0;
        border: 1px solid #ccc;
    }

    .checkbox.disabled,
    .radio.disabled {
        opacity: 0.6;
        filter: alpha(opacity=60);
    }

    .checkbox input {
        width: 17px;
        height: 17px;
    }

        .checkbox input:checked + .input-helper:before {
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
        }

        .checkbox input:checked + .input-helper:after {
            -webkit-transform: scale(1) rotate(-50deg);
            -ms-transform: scale(1) rotate(-50deg);
            -o-transform: scale(1) rotate(-50deg);
            transform: scale(1) rotate(-50deg);
            opacity: 1;
            filter: alpha(opacity=100);
        }

    .checkbox .input-helper:before {
        top: 0;
        width: 17px;
        height: 17px;
    }

    .checkbox .input-helper:after {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: scale(0) rotate(80deg);
        -ms-transform: scale(0) rotate(80deg);
        -o-transform: scale(0) rotate(80deg);
        transform: scale(0) rotate(80deg);
        width: 22px;
        height: 9px;
        border-bottom: 2px solid #1aaada;
        border-left: 2px solid #1aaada;
        border-bottom-left-radius: 2px;
        left: -1px;
        top: 1px;
    }

.has-error .checkbox .input-helper:before {
    border-color: #f99d97;
}

.has-error .checkbox .input-helper:after {
    border-bottom-color: #f77066;
    border-left-color: #f77066;
}

.has-success .checkbox .input-helper:before {
    border-color: #92cf94;
}

.has-success .checkbox .input-helper:after {
    border-bottom-color: #6ec071;
    border-left-color: #6ec071;
}

.has-warning .checkbox .input-helper:before {
    border-color: #ffdb6d;
}

.has-warning .checkbox .input-helper:after {
    border-bottom-color: #ffce3a;
    border-left-color: #ffce3a;
}

.radio input {
    width: 19px;
    height: 19px;
}

    .radio input:checked + .input-helper:after {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

.radio .input-helper:before {
    top: -1px;
    width: 19px;
    height: 19px;
    border-radius: 50%;
}

.radio .input-helper:after {
    width: 11px;
    height: 11px;
    background: #1aaada;
    border-radius: 50%;
    top: 3px;
    left: 4px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.checkbox-inline,
.radio-inline {
    vertical-align: top;
    margin-top: 0;
    padding-left: 25px;
}
/************************************************/
/*
 * endddddddddd Checkbox and Radio
 */


:root * > .k-icon, :root * > .k-sprite, :root * > .k-button-group .k-tool-icon {
    vertical-align: sub;
}

.k-window-actions .k-icon {
    vertical-align: top;
}

.toolbar-btns {
    padding-top: 4px;
}

.btn-custom, .btn-custom:focus {
    color: #ffffff;
    border-color: #1aaada;
    border-bottom-color: #1aaada;
    background: #1aaada;
    background-image: -webkit-linear-gradient(top, #1aaada 0%,#1aaada 100%);
    background-image: linear-gradient(to bottom, #1aaada 0%, #1aaada 100%);
    background-repeat: repeat-x;
}

    .btn-custom:hover {
        color: #ffffff;
        border-color: #1aaada;
        border-bottom-color: #1aaada;
        background: #1aaada !important;
        background-image: -webkit-linear-gradient(top, #1aaada 0%, #1aaada 100%) !important;
        background-image: linear-gradient(to bottom, #1aaada 0%, #1aaada 100%) !important;
        background-repeat: repeat-x;
    }


.btn-success, .btn-success:focus {
    border-color: #4ED84E;
    border-bottom-color: #4ED84E;
    background: #4ED84E;
    background-image: -webkit-linear-gradient(top, #4ED84E 0%,#4ED84E 100%);
    background-image: linear-gradient(to bottom, #4ED84E 0%, #4ED84E 100%);
    background-repeat: repeat-x;
}

    .btn-success:hover {
        color: #ffffff;
        border-color: #5ED05E;
        border-bottom-color: #5ED05E;
        background: #5ED05E !important;
        background-image: -webkit-linear-gradient(top, #5ED05E 0%, #5ED05E 100%) !important;
        background-image: linear-gradient(to bottom, #5ED05E 0%, #5ED05E 100%) !important;
        background-repeat: repeat-x;
    }

.btn-danger, .btn-danger:focus {
    border-color: #EF7363;
    border-bottom-color: #EF7363;
    background: #EF7363;
    background-image: -webkit-linear-gradient(top, #EF7363 0%, #EF7363 100%);
    background-image: linear-gradient(to bottom, #EF7363 0%, #EF7363 100%);
    background-repeat: repeat-x;
}

    .btn-danger:hover {
        color: #ffffff;
        border-color: #e57b6c;
        border-bottom-color: #e57b6c;
        background: #e57b6c !important;
        background-image: -webkit-linear-gradient(top, #e57b6c 0%, #e57b6c 100%) !important;
        background-image: linear-gradient(to bottom, #e57b6c 0%, #e57b6c 100%) !important;
        background-repeat: repeat-x;
    }


.btn-info, .btn-info:focus {
    border-color: #6CC9E4;
    border-bottom-color: #6CC9E4;
    background: #6CC9E4;
    background-image: -webkit-linear-gradient(top, #6CC9E4 0%, #6CC9E4 100%);
    background-image: linear-gradient(to bottom, #6CC9E4 0%, #6CC9E4 100%);
    background-repeat: repeat-x;
}

    .btn-info:hover {
        border-color: #55C6E6;
        border-bottom-color: #55C6E6;
        background: #55C6E6;
        background-image: -webkit-linear-gradient(top, #55C6E6 0%, #55C6E6 100%);
        background-image: linear-gradient(to bottom, #55C6E6 0%, #55C6E6 100%);
        background-repeat: repeat-x;
    }

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    background: #4ED84E;
}

.waves-button {
    padding: 0.55em 1.1em;
}
.k-header {
    
    vertical-align: middle !important;
}
.k-header a,
a:visited {
    text-decoration: none;
}
.k-header a {
    white-space:normal;
    vertical-align:middle !important;
}
    .k-header a:hover,
    a:focus {
        text-decoration: none;
    }


.Grid-View:hover {
    color: #46b8da !important;
}

.Grid-Delete:hover {
    color: #e45847 !important;
}

.Grid-Pay:hover {
    color: #478847 !important;
}

.Grid-Icon {
    cursor: pointer !important;
    color: #3d4a5d;
}

.Icon-Size {
    font-size: 1.3em !important;
}

.tooltipster-theme {
    border-radius: 1px;
    background: #1aaada;
    color: #ffffff;
}

    .tooltipster-theme .tooltipster-content {
        font-size: 12px;
        line-height: 8px;
        padding: 8px 10px;
        overflow: hidden;
    }




/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
    border-radius: 5px;
    border: 2px solid #000;
    background: #1aaada;
    color: #fff;
}

    /* Use this next selector to style things like font-size and line-height: */
    .tooltipster-default .tooltipster-content {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 16px;
        padding: 8px 10px;
        overflow: hidden;
    }

    /* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
    .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
        /* border-color: ... !important; */
    }


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
    cursor: help;
    margin-left: 4px;
}


/*Garage**********************************************************************************/

.photos {
    margin: 2px 0 0;
}

    .photos .lightbox {
        margin: 0 -8px;
    }

    .photos:not(.p-timeline) [data-src] {
        padding: 3px;
        -webkit-transition: all;
        -o-transition: all;
        transition: all;
        -webkit-transition-duration: 150ms;
        transition-duration: 150ms;
    }

.p-timeline {
    position: relative;
    padding-left: 80px;
    margin-bottom: 75px;
}

/*
 * Lightbox  
 */

.lightbox .lightbox-item {
    position: relative;
}

    .lightbox .lightbox-item > img {
        width: 100%;
        border-radius: 2px;
    }

    .lightbox .lightbox-item:before {
        left: 0;
        top: 0;
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-transform: scale3d(0, 0, 0);
        -moz-transform: scale3d(0, 0, 0);
        -ms-transform: scale3d(0, 0, 0);
        -o-transform: scale3d(0, 0, 0);
        transform: scale3d(0, 0, 0);
        -webkit-transition: all;
        -o-transition: all;
        transition: all;
        -webkit-transition-duration: 250ms;
        transition-duration: 250ms;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        background-color: rgba(0, 0, 0, 0.1);
        z-index: 0;
        border-radius: 0;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .lightbox .lightbox-item:hover:before {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .lightbox .lightbox-item:hover {
        cursor: pointer;
    }

.lightbox [data-src]:before,
.lightbox [data-src]:after {
    content: " ";
    display: table;
}

.lightbox [data-src]:after {
    clear: both;
}

.lightbox [data-src]:before,
.lightbox [data-src]:after {
    content: " ";
    display: table;
}

.lightbox [data-src]:after {
    clear: both;
}

.lightbox .lightbox-item:not(.p-item) {
    position: relative;
}

/*
 * end /*Garage**********************************************************************************
 */


/*circle btns*/

.circle-custom-btn {
    /*background-color: #726868;*/
    border-radius: 50%;
    /*height: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);*/
}

/*end*/

/*disable inputs*/

button[disabled], html input[disabled], textarea[disabled] {
    cursor: not-allowed;
    color: #9d9d9d;
    background: transparent;
}

html .k-widget:not(.k-tabstrip) input[disabled] {
    cursor: not-allowed;
    color: #ffffff;
    background: transparent;
}

/*end*/


#SecurityUserGrid .k-pager-wrap {
    padding: .333em 0 .333em 0;
}

.content-btn {
    margin-top: 1.7px;
    height: 16.2px;
}


/*Search box and actions*/
.listview .lv-attrs > li.danger {
    border: 1px solid #f44336;
    background: #f44336;
    color: #ffffff;
}

.listview .lv-attrs > li > a {
    display: block;
}

.listview:not(.lv-message) .lv-title {
    color: #000;
}

[class*="lv-img"] {
    border-radius: 50%;
}

.lv-img {
    width: 48px;
    height: 48px;
}

.lv-img-sm {
    width: 35px;
    height: 35px;
}

.lv-header {
    text-align: center;
    padding: 15px 10px 13px;
    line-height: 100%;
    text-transform: uppercase;
    border-bottom: 1px solid #F0F0F0;
    font-weight: 500;
    color: #4C4C4C;
    margin-bottom: 10px;
}

    .lv-header .actions {
        position: absolute;
        top: 6px;
        right: 8px;
        z-index: 10;
    }

.lvh-search {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 4;
    display: none;
}

    .lvh-search:before {
        content: "\f002";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #ADADAD;
        font-size: 16px;
        padding-right: 0.5em;
        position: absolute;
        top: 6px;
        left: 14px;
    }

.lvh-search-ar {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 4;
    display: none;
}

    .lvh-search-ar:before {
        content: "\f002";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #ADADAD;
        font-size: 16px;
        padding-right: 0.5em;
        position: absolute;
        top: 6px;
        right: 14px;
        left: initial;
    }

.lvhs-input {
    border: 0;
    padding: 0 26px 0 55px;
    height: 34px;
    font-size: 13px;
    width: 100%;
    font-weight: 100;
    background: #2a2d33;
    border-bottom: 1px solid #EEE;
    border-radius: 18px;
    color: white;
}

.lvh-search-close {
    font-style: normal;
    position: absolute;
    top: 10px;
    right: 22px;
    font-size: 13px;
    width: 13px;
    height: 13px;
    background-color: #ADADAD;
    line-height: 100%;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
}

    .lvh-search-close:hover {
        background: #5F5655;
    }

.lv-header-alt {
    /*position: relative;
    padding: 0;*/
}

    .lv-header-alt .lv-actions {
        z-index: 3;
        float: right;
        margin-top: 0;
        position: relative;
    }

        .lv-header-alt .lv-actions > li > a {
            margin: 0 3px;
        }

.lvh-label {
    color: #818181;
    display: inline-block;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    padding: 0 6px;
    line-height: 33px;
    vertical-align: middle;
    float: left;
}

.lv-footer {
    display: block;
    text-align: center;
    padding: 7px 10px 8px;
    border-top: 1px solid #F0F0F0;
    line-height: 100%;
    font-size: 11px;
    margin-top: 20px;
    color: #828282;
}

a.lv-footer:hover {
    color: #050505;
}

.actions {
    list-style: none;
    padding: 0;
    z-index: 2;
    margin: 0;
}

    .actions > li {
        display: inline-block;
        vertical-align: baseline;
    }

        .actions > li > a,
        .actions > a {
            width: 30px;
            height: 30px;
            line-height: 35px;
            display: inline-block;
            text-align: center;
            position: relative;
        }

            .actions > li > a > i,
            .actions > a > i {
                -webkit-transition: color;
                -o-transition: color;
                transition: color;
                -webkit-transition-duration: 1300ms;
                transition-duration: 1300ms;
                color: #adadad;
                font-size: 20px;
            }

            .actions > li > a:hover > i,
            .actions > a:hover > i {
                color: #000;
            }

            .actions > li > a:before,
            .actions > a:before {
                left: 0;
                top: 0;
                content: "";
                position: absolute;
                width: 100%;
                height: 100%;
                -webkit-transform: scale3d(0, 0, 0);
                -moz-transform: scale3d(0, 0, 0);
                -ms-transform: scale3d(0, 0, 0);
                -o-transform: scale3d(0, 0, 0);
                transform: scale3d(0, 0, 0);
                -webkit-transition: all;
                -o-transition: all;
                transition: all;
                -webkit-transition-duration: 250ms;
                transition-duration: 250ms;
                -webkit-backface-visibility: hidden;
                -moz-backface-visibility: hidden;
                backface-visibility: hidden;
                background-color: rgba(0, 0, 0, 0.1);
                z-index: 0;
                border-radius: 50%;
                opacity: 0;
                filter: alpha(opacity=0);
            }

            .actions > li > a:hover:before,
            .actions > a:hover:before {
                -webkit-transform: scale3d(1, 1, 1);
                -moz-transform: scale3d(1, 1, 1);
                -ms-transform: scale3d(1, 1, 1);
                -o-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
                opacity: 1;
                filter: alpha(opacity=100);
            }

        .actions > li.open > a > i,
        .actions.open > a > i {
            color: #000;
        }

        .actions > li.open > a:before,
        .actions.open > a:before {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
            opacity: 1;
            filter: alpha(opacity=100);
        }

    .actions.actions-alt > li > a > i {
        color: #fff;
    }

        .actions.actions-alt > li > a > i:hover {
            color: #fff;
        }

    .actions.actions-alt > li.open > a > i {
        color: #fff;
    }

    .actions.open {
        z-index: 3;
    }

.undo-search-icon {
    font-style: normal;
    position: absolute;
    top: 10px;
    right: 42px;
    font-size: 13px;
    width: 13px;
    height: 13px;
    /* background-color: #ADADAD; */
    line-height: 100%;
    color: #C3C3C3;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
}

    .undo-search-icon:hover {
        color: #fff;
    }

.search-action-icon {
    font-style: normal;
    position: absolute;
    top: 10px;
    right: 62px;
    font-size: 13px;
    width: 13px;
    height: 13px;
    /* background-color: #ADADAD; */
    line-height: 100%;
    color: #C3C3C3;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
}

    .search-action-icon:hover {
        color: #fff;
    }

/*end search*/

/**custom light box gallery*/

.image-delete-thumb {
    font-size: medium;
}

    .image-delete-thumb:hover {
        color: #D22B2B;
    }

.image-download-thumb {
    font-size: medium;
}

    .image-download-thumb:hover {
        color: #2b9ad2;
    }

.image-delete-btn {
    text-align: center;
    position: absolute;
    top: 0px;
    visibility: hidden;
    padding-top: 2px;
    width: 100%;
    background: black;
    opacity: .75;
}

.mid a {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    color: white;
    text-transform: uppercase;
    margin: 0;
    position: absolute;
    top: 80%;
    left: 80%;
    font-size: 1rem;
    transform: translate(-50%, -50%);
}

.round-button {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 25px;
    border: 2px solid #f5f5f5;
    border-radius: 50%;
    color: #f5f5f5;
    text-align: center;
    text-decoration: none;
    background: #464646;
    box-shadow: 0 0 3px gray;
    font-size: 1rem;
    font-weight: bold;
}

    .round-button:hover {
        background: #262626;
    }

.dz-filename {
    white-space: nowrap;
}

.dropzone-box {
    padding: 0;
    border-bottom: 0;
}



/*******************/


/*upload***********************/


/*end upload***********************/

.opacity-icons {
    opacity: .75;
}

.logged-user-name {
    color: #8E8E8E;
    opacity: .9;
    text-transform: capitalize;
}




/*custom icons*/

#main-menu .navigation .menu-icon, #main-menu .mmc-dropdown-open-ul .menu-icon {
    font-size: 20px;
}

.icon-toolbar {
    font-size: 20px;
}

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?7clbcw');
    src: url('../fonts/icomoon.eot?7clbcw#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?7clbcw') format('truetype'), url('../fonts/icomoon.woff?7clbcw') format('woff'), url('../fonts/icomoon.svg?7clbcw#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icomoon {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-home223:before {
    content: "\e96f";
}

.icon-apartment2:before {
    content: "\e931";
}

.icon-balance102:before {
    content: "\e932";
}

.icon-bank52:before {
    content: "\e933";
}

.icon-black3382:before {
    content: "\e934";
}

.icon-budget12:before {
    content: "\e935";
}

.icon-building2:before {
    content: "\e936";
}

.icon-building412:before {
    content: "\e937";
}

.icon-building782:before {
    content: "\e938";
}

.icon-building862:before {
    content: "\e939";
}

.icon-buildings82:before {
    content: "\e93a";
}

.icon-buildings102:before {
    content: "\e93b";
}

.icon-business82:before {
    content: "\e93c";
}

.icon-businessman2292:before {
    content: "\e93d";
}

.icon-businessman2332:before {
    content: "\e93e";
}

.icon-car2212:before {
    content: "\e93f";
}

.icon-cars472:before {
    content: "\e940";
}

.icon-cash5:before {
    content: "\e941";
}

.icon-city212:before {
    content: "\e942";
}

.icon-coins182:before {
    content: "\e943";
}

.icon-compound2:before {
    content: "\e944";
}

.icon-construction22:before {
    content: "\e945";
}

.icon-construction472:before {
    content: "\e946";
}

.icon-data-analytics12:before {
    content: "\e947";
}

.icon-dollar922:before {
    content: "\e948";
}

.icon-door142:before {
    content: "\e949";
}

.icon-email147:before {
    content: "\e94a";
}

.icon-envelope:before {
    content: "\e94b";
}

.icon-envelope103:before {
    content: "\e94c";
}

.icon-envelope120:before {
    content: "\e94d";
}

.icon-expenses2:before {
    content: "\e94e";
}

.icon-garage2:before {
    content: "\e94f";
}

.icon-home402:before {
    content: "\e950";
}

.icon-house992:before {
    content: "\e951";
}

.icon-inbox50:before {
    content: "\e952";
}

.icon-increasing162:before {
    content: "\e953";
}

.icon-key92:before {
    content: "\e954";
}

.icon-kitchen622:before {
    content: "\e955";
}

.icon-laptop88:before {
    content: "\e956";
}

.icon-laptop-computer32:before {
    content: "\e957";
}

.icon-lock902:before {
    content: "\e958";
}

.icon-locked162:before {
    content: "\e959";
}

.icon-mail35:before {
    content: "\e95a";
}

.icon-man422:before {
    content: "\e95b";
}

.icon-man1832:before {
    content: "\e95c";
}

.icon-message29:before {
    content: "\e95d";
}

.icon-money132:before {
    content: "\e95e";
}

.icon-money342:before {
    content: "\e95f";
}

.icon-money233:before {
    content: "\e960";
}

.icon-money429:before {
    content: "\e961";
}

.icon-network32:before {
    content: "\e962";
}

.icon-network142:before {
    content: "\e963";
}

.icon-patetrn2:before {
    content: "\e964";
}

.icon-protected92:before {
    content: "\e965";
}

.icon-selling12:before {
    content: "\e966";
}

.icon-send3:before {
    content: "\e967";
}

.icon-statistics2:before {
    content: "\e968";
}

.icon-tray30:before {
    content: "\e969";
}

.icon-user72:before {
    content: "\e96a";
}

.icon-users72:before {
    content: "\e96b";
}

.icon-villa2:before {
    content: "\e96c";
}

.icon-window172:before {
    content: "\e96d";
}

.icon-wireless-connectivity512:before {
    content: "\e96e";
}

.icon-apartment:before {
    content: "\e900";
}

.icon-balance10:before {
    content: "\e901";
}

.icon-bank5:before {
    content: "\e902";
}

.icon-black338:before {
    content: "\e903";
}

.icon-budget1:before {
    content: "\e904";
}

.icon-building:before {
    content: "\e905";
}

.icon-building41:before {
    content: "\e906";
}

.icon-building78:before {
    content: "\e907";
}

.icon-building86:before {
    content: "\e908";
}

.icon-buildings8:before {
    content: "\e909";
}

.icon-buildings10:before {
    content: "\e90a";
}

.icon-business8:before {
    content: "\e90b";
}

.icon-businessman229:before {
    content: "\e90c";
}

.icon-businessman233:before {
    content: "\e90d";
}

.icon-car221:before {
    content: "\e90e";
}

.icon-cars47:before {
    content: "\e90f";
}

.icon-city21:before {
    content: "\e910";
}

.icon-coins18:before {
    content: "\e911";
}

.icon-compound:before {
    content: "\e912";
}

.icon-construction2:before {
    content: "\e913";
}

.icon-construction47:before {
    content: "\e914";
}

.icon-data-analytics1:before {
    content: "\e915";
}

.icon-dollar92:before {
    content: "\e916";
}

.icon-door14:before {
    content: "\e917";
}

.icon-expenses:before {
    content: "\e918";
}

.icon-garage:before {
    content: "\e919";
}

.icon-home40:before {
    content: "\e91a";
}

.icon-house99:before {
    content: "\e91b";
}

.icon-increasing16:before {
    content: "\e91c";
}

.icon-key9:before {
    content: "\e91d";
}

.icon-kitchen62:before {
    content: "\e91e";
}

.icon-laptop-computer3:before {
    content: "\e91f";
}

.icon-lock90:before {
    content: "\e920";
}

.icon-locked16:before {
    content: "\e921";
}

.icon-man42:before {
    content: "\e922";
}

.icon-man183:before {
    content: "\e923";
}

.icon-money13:before {
    content: "\e924";
}

.icon-money34:before {
    content: "\e925";
}

.icon-network3:before {
    content: "\e926";
}

.icon-network14:before {
    content: "\e927";
}

.icon-patetrn:before {
    content: "\e928";
}

.icon-protected9:before {
    content: "\e929";
}

.icon-selling1:before {
    content: "\e92a";
}

.icon-statistics:before {
    content: "\e92b";
}

.icon-user7:before {
    content: "\e92c";
}

.icon-users7:before {
    content: "\e92d";
}

.icon-villa:before {
    content: "\e92e";
}

.icon-window17:before {
    content: "\e92f";
}

.icon-wireless-connectivity51:before {
    content: "\e930";
}


/*end custom icons*/



.k-webkit .k-numeric-wrap:before {
    display: table-column;
}



/*#region Notification and badge on the toolbar */

.notification-user-image {
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    border-radius: 999999px;
    top: 50%;
    margin-top: -16px;
    border-radius: 5px;
}

.badge-toolbar {
    background: #1aaada;
    font-size: 10px;
    padding: 0 2px;
    line-height: 13px;
    position: absolute;
    display: block;
    right: 12px;
    font-size: 10px;
    padding: 0 2px;
    line-height: 13px;
    position: absolute;
    display: block;
    top: 5px;
}

@media (min-width: 768px) {
    .navbar .nav-icon-btn > a .label, .navbar .nav-icon-btn > a .badge {
        background: #1aaada;
        font-size: 10px;
        padding: 0 2px;
        line-height: 13px;
        position: absolute;
        display: block;
        right: 12px;
        font-size: 10px;
        padding: 0 2px;
        line-height: 13px;
        position: absolute;
        display: block;
        top: 5px;
    }
}

@media (max-width: 768px) {
    #notificationsCount {
        top: 13px;
    }
}


.notification-empty-hint {
    vertical-align: text-top;
    top: 50%;
    position: absolute;
    text-align: center;
    width: 100%;
    font-size: 10px;
    font-weight: 800;
    color: #999;
    text-transform: capitalize;
}

.no-data-toolbarPanel {
    top: 22%;
    position: absolute;
    text-align: center;
    width: 100%;
    font-size: 95px;
    color: #BBB;
}

.no-data-toolbarPanelText {
    vertical-align: bottom;
    top: 60%;
    position: absolute;
    text-align: center;
    width: 100%;
    font-size: 22px;
    font-weight: 800;
    color: #BBB;
    text-transform: capitalize;
}

#noNotificationDiv {
    width: 100%;
    height: 188px;
    background-repeat: no-repeat;
    top: 30px;
    position: absolute;
    background-position-x: 50%;
    background-image: url(../Images/notifications.png);
    background-size: contain;
}

/*#endregion */


/*#region Messaging */

.page-mail .mail-item.starred .m-star a:before {
    color: #1aaada;
}

.messgae-item-row:hover {
    background: #DEDDDD;
    cursor: pointer;
}

    .messgae-item-row:hover .message-subject {
        font-weight: bold;
    }

    .messgae-item-row:hover .message-description {
        font-weight: bold;
    }

#noMessagesDiv {
    width: 100%;
    height: 188px;
    background-repeat: no-repeat;
    top: 30px;
    position: absolute;
    background-position-x: 50%;
    background-image: url(../Images/messages.png);
    background-size: contain;
}

/*#endregion */











/*
 * Page Loader
 */

html:not(.ismobile) .page-loader {
    background: #fff;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999999;
}

    html:not(.ismobile) .page-loader .preloader {
        width: 50px;
        position: absolute;
        left: 50%;
        margin-left: -25px;
        top: 50%;
        margin-top: -55px;
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
        -webkit-animation-duration: 3000ms;
        animation-duration: 3000ms;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

        html:not(.ismobile) .page-loader .preloader p {
            white-space: nowrap;
            position: relative;
            left: -9px;
            top: 22px;
            color: #CCC;
        }

html.ismobile .page-loader {
    display: none;
}

.ie-warning {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: #000000;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    font-family: "Courier New", Courier, monospace;
    padding: 50px 0;
}

    .ie-warning p {
        font-size: 17px;
    }

    .ie-warning .iew-container {
        min-width: 1024px;
        width: 100%;
        height: 200px;
        background: #fff;
        margin: 50px 0;
    }

    .ie-warning .iew-download {
        list-style: none;
        padding: 30px 0;
        margin: 0 auto;
        width: 720px;
    }

        .ie-warning .iew-download > li {
            float: left;
            vertical-align: top;
        }

            .ie-warning .iew-download > li > a {
                display: block;
                color: #000;
                width: 140px;
                font-size: 15px;
                padding: 15px 0;
            }

                .ie-warning .iew-download > li > a > div {
                    margin-top: 10px;
                }

                .ie-warning .iew-download > li > a:hover {
                    background-color: #eee;
                }


svg:not(:root) {
    overflow: hidden;
}

.preloader {
    position: relative;
    margin: 0px auto;
    display: inline-block;
}

    .preloader:not([class*="pl-"]) {
        width: 40px;
    }

    .preloader:before {
        content: '';
        display: block;
        padding-top: 100%;
    }

    .preloader.pl-xs {
        width: 20px;
    }

    .preloader.pl-sm {
        width: 30px;
    }

    .preloader.pl-lg {
        width: 50px;
    }

    .preloader.pl-xl {
        width: 80px;
    }

    .preloader.pl-xxl {
        width: 100px;
    }

    .preloader:not([class*="pls-"]) .plc-path {
        animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    }

    .preloader[class*="pls-"] .plc-path {
        animation: dash 1.5s ease-in-out infinite;
    }

    .preloader.pls-red .plc-path {
        stroke: #f44336;
    }

    .preloader.pls-blue .plc-path {
        stroke: #1aaada;
    }

    .preloader.pls-green .plc-path {
        stroke: #4caf50;
    }

    .preloader.pls-yellow .plc-path {
        stroke: #ffeb3b;
    }

    .preloader.pls-bluegray .plc-path {
        stroke: #607d8b;
    }

    .preloader.pls-amber .plc-path {
        stroke: #ffc107;
    }

    .preloader.pls-teal .plc-path {
        stroke: #009688;
    }

    .preloader.pls-gray .plc-path {
        stroke: #9e9e9e;
    }

    .preloader.pls-pink .plc-path {
        stroke: #e91e63;
    }

    .preloader.pls-purple .plc-path {
        stroke: #9c27b0;
    }

    .preloader.pls-white .plc-path {
        stroke: #fff;
    }

.pl-circular {
    animation: rotate 2s linear infinite;
    height: 100%;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.plc-path {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    stroke-width: 2;
    stroke-miterlimit: 10;
    fill: none;
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px;
    }
}

@keyframes color {
    100%, 0% {
        stroke: #f44336;
    }

    40% {
        stroke: #2196f3;
    }

    66% {
        stroke: #4caf50;
    }

    80%, 90% {
        stroke: #ffc107;
    }
}


/*#region customized inputs */

.input-transparent {
    background: #edece7;
}

.customer-name {
    padding-bottom: 10px;
    font-style: italic;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 15px;
}

.label-section {
    padding-bottom: 2px;
    font-style: italic;
    font-weight: 700;
    text-transform: capitalize;
}

/*#endregion */

.text-info {
    color: #969696;
    font-weight: bold;
}


/*For Try*/
.k-webkit .k-rtl .k-dropdown-wrap .k-input, .k-webkit .k-rtl .k-numeric-wrap .k-input {
    margin-right: 0;
}

.k-rtl .k-dropdown-wrap .k-input, .k-rtl .k-picker-wrap .k-input, .k-rtl .k-numeric-wrap .k-input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
/*end trial*/


.color-black {
    color: black;
}


/**/

.k-grid .prepaid {
    color: rgba(214, 220, 129, 0.97);
}

div.prepaid {
    background: rgba(214, 220, 129, 0.97);
}

.k-grid .deposit {
    color: darkseagreen;
}

div.deposit {
    background: darkseagreen;
}

.k-grid .editable {
    color: white;
}

div.editable {
    background: white;
}

.color-box {
    float: left;
    width: 10px;
    height: 10px;
    margin: 4px;
    border: 1px solid rgba(0,0,0,.2);
}


.k-grid .latePayment {
    color: rgb(255, 123, 2);
}

div.latePayment {
    background: rgb(255, 123, 2);
}

.k-grid .postponedWithCourier {
    color: rgb(193, 175, 48);
}

div.postponedWithCourier {
    background: rgb(193, 175, 48);
}

.line-box {
    float: left;
    width: 10px;
    /*height: 10px;*/
    margin: 8px;
    border: 1px solid rgba(0,0,0,.2);
}
/**/

.label-only {
    padding-top: 0;
}




/**/

.btn-copy, .btn-copy:focus {
    border-color: #FFFFFF;
    background: #E66454;
    background-image: linear-gradient(to bottom, #E66454 0%, #E66454 100%);
    background-repeat: repeat-x;
    border-bottom-color: #ffffff;
    color: #fff;
}

    .btn-copy:hover {
        color: #ffffff;
        border-color: #FFFFFF;
        background: #DC7265 !important;
        background-image: -webkit-linear-gradient(top, #DC7265 0%, #DC7265 100%) !important;
        background-image: linear-gradient(to bottom, #DC7265 0%, #DC7265 100%) !important;
        background-repeat: repeat-x;
    }
/**/

.money-word-hint {
    color: #03A9F4;
    font-weight: bold;
    font-style: oblique;
    font-size: 12px;
}

.sms-template-div {
    overflow-y: scroll;
    height: 180px;
    width: 100%;
    background-color: white !important;
}

.label-info-grey {
    color: #aba5a5;
}

.label.label-partial-green {
    background: #b9c13b;
}

.label.label-purple {
    background: #b75ebd;
}

.label.label-grey {
    background-color: brown;
}

.btn-success.disabled, .btn-success[disabled] {
    color: white;
}


.create-new-account {
    text-align: center;
    bottom: 0;
    position: absolute;
    padding-bottom: 5px;
    /*margin: auto;*/
    /* left: 50%; */
    right: 40%;
}


.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}
.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;   
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}