/* Body Background Color */
body{
    background-color: #fafbfe !important;
}

/* Tables Box Shadows */
/* no border for time table */
.GroupofElements{
    box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
    border: none;
}

/* Link Navebar Box Shadow */
.header-navbar.navbar-shadow{
    box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
}

/* Main Navbar Box Shadow */
.header-navbar.navbar-shadow{
    box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
}

.title > h3:nth-child(1){
    color: black;
    background-color: transparent;
    
}

/* Deleting Background */
.horizontal-menu.navbar-floating .horizontal-menu-wrapper{
    background: none;
}

/* Padding for Time Table */
#mainDiv{
    padding: 10px;
}


#scheduler > table > tr:nth-child(1) > td > div > div{
    background-color: #f8fafc;
}


.k-scheduler-times tr, .k-scheduler-times th, .k-scheduler-table td, .k-scheduler-header th, .k-scheduler-header-wrap, .k-scheduler-times{
    border-color: #f1f3fa !important;
}


/* Active Day Back Ground */
.k-scheduler-table .k-today, .k-today > .k-scheduler-datecolumn, .k-today > .k-scheduler-groupcolumn{
    background-color: #f1f3fa !important ;
}

/* Make small cirule background for the numbers of days */
#scheduler > table > tr > td > div > table > tbody > tr > td > span{
        background-color: #f1f3fa;
        padding: 4px;
        border-radius: 50px;
}


/* Time Table header border Colors */
.k-block, .k-widget, .k-input, .k-textbox, .k-group, .k-content, .k-header, .k-editable-area, .k-separator, .k-colorpicker .k-i-arrow-s, .k-textbox > input, .k-autocomplete, .k-dropdown-wrap, .k-toolbar, .k-group-footer td, .k-grid-footer, .k-footer-template td, .k-state-default, .k-state-default .k-select, .k-state-disabled, .k-grid-header, .k-grid-header-wrap, .k-grid-header-locked, .k-grid-footer-locked, .k-grid-content-locked, .k-grid td, .k-grid td.k-state-selected, .k-grid-footer-wrap, .k-pager-wrap, .k-pager-wrap .k-link, .k-pager-refresh, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-panelbar > .k-item > .k-link, .k-panel > .k-item > .k-link, .k-panelbar .k-panel, .k-panelbar .k-content, .k-calendar th, .k-slider-track, .k-splitbar, .k-dropzone-active, .k-tiles, .k-toolbar, .k-tooltip, .k-button-group .k-tool, .k-upload-files{
    border-color: #f1f3fa !important;
}


/* time table header background transparent  */
.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: transparent !important;
}


/* When hover on day-week etc on time table */

.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{
    background-color: #eef2f7 !important;
}

/* Active button on time table buttons day week mounth .... */
.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{
    background-color: #727cf5 !important;
}


/* small table of choose monthes & days Box shadow */
.k-popup, .k-menu .k-group, .k-grid .k-filter-options, .k-time-popup, .k-datepicker-calendar, .k-autocomplete.k-state-border-down, .k-autocomplete.k-state-border-up, .k-dropdown-wrap.k-state-active, .k-picker-wrap.k-state-active, .k-multiselect.k-state-focused, .k-imagebrowser .k-image, .k-tooltip{
    box-shadow: 0 0 35px 0 rgba(154,161,171,.15) !important;
}
/* small table of choose monthes & days BackGround Color */
.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: white !important;
}

/* small table header info */
.k-calendar th{
    background-color: #f8fafc !important;
}

/* selected day in small table */
.k-state-focused.k-state-selected, .k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected{
    box-shadow: none !important;
}


/* -------------------------------------------------------------------------------------------------------------------- */

/* Navbar Links  */

/* Hover on links */
/* .horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li:hover > a{
    background: linear-gradient(-118deg, #7367F0, rgba(115, 103, 240, 0.7));
    box-shadow: 0 0 6px 1px rgba(115, 103, 240, 0.6);
    color: #FFFFFF;
} */

/* Title size */
h3{
    font-size: 30px;
}

/* nav items drop down list box shadow */
.dropdown .dropdown-menu{
    box-shadow: 0 0 35px 0 rgba(154,161,171,.15) !important;
}

/* Drop down menu list a hover */

.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li > .dropdown-menu a:hover{

    background-color: #f8fafc;
}

/* Delete Box Shadows from the other pages */
.box-shadow-2{
    box-shadow: none !important;
}



/* Rows in Grids */
.k-alt, .k-separator{
    /*background-color: #f8fafc !important; */
}

/* header of grid */
.k-grid-header{
    background-color: #eef2f7 !important;
}


/* Grid header background image deletion */
.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-image: none !important;
}




/* Change Some inside */
.k-in.k-state-selected:visited:active , .text-primary:visited:active 
{
    color: white !important;
}
.text-primary{
    color: black !important;
}


/* Delete orange border from the page number */
.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{
    border-color: transparent !important;
}
/* Delete background from the page number */
.k-state-selected, .k-button:active, .k-draghandle.k-state-selected:hover{
    background-image: none;
}


.box-shadow-1{
    box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
}

/* Delete orange Border From the Products Cards */
.border-warning{
    border-color: none;
}



/* --------------- BUTTONS ------------- */

/* Save Button */
.k-grid-save-changes{
    box-shadow: 0 2px 6px 0 rgba(10,207,151,.5) !important;
    color: #fff !important;
    background-color: #0acf97 !important;
    border-color: #0acf97 !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
    padding: .45rem .9rem !important;
    line-height: 1.5 !important;
    border-radius: .15rem !important;
    border: 1px solid transparent !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-weight: bold !important;
    font-size: 0.99rem !important;
    margin: 2px !important;
}

.k-grid-save-changes:hover{
    background-color: #08ab7c !important;
    border-color: #089e74 !important;
}

.k-grid-save-changes:focus{
    box-shadow: 0 0 0 .2rem rgba(47,214,167,.5) !important;
    -webkit-box-shadow: 0 0 0 .2rem rgba(47,214,167,.5) !important;
    background-color: #08ab7c !important;
    border-color: #089e74 !important;
}


/* Save Button Disabled */
.k-grid-save-changes.k-state-disabled{
    background-color: #eef2f7 !important;
    border-color: #eef2f7 !important;
    box-shadow: 0 2px 6px 0 rgba(238,242,247,.5) !important;
}

.k-grid-save-changes.k-state-disabled:hover{
    background-color: #d4deeb !important;
    border-color: #cbd7e7 !important;
    box-shadow: 0 2px 6px 0 rgba(238,242,247,.5) !important;
}

.k-grid-save-changes.k-state-disabled:focus{
    background-color: #d4deeb !important;
    border-color: #cbd7e7 !important;
    -webkit-box-shadow: 0 0 0 .2rem rgba(210,214,220,.5) !important;
    box-shadow: 0 0 0 .2rem rgba(210,214,220,.5) !important;
}



/* Cancel Button */
.k-grid-cancel-changes{
    box-shadow: 0 2px 6px 0 rgba(238,242,247,.5) !important;
    color: #313a46 !important;
    background-color: #eef2f7 !important;
    border-color: #eef2f7 !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
    padding: .45rem .9rem !important;
    line-height: 1.5 !important;
    border-radius: .15rem !important;
    border: 1px solid transparent !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-weight: bold !important;
    margin: 2px !important;
}

.k-grid-cancel-changes:hover{
    background-color: #d4deeb !important;
    border-color: #cbd7e7 !important;
}

.k-grid-cancel-changes:focus{
    background-color: #d4deeb !important;
    border-color: #cbd7e7 !important;
    -webkit-box-shadow: 0 0 0 .2rem rgba(210,214,220,.5) !important;
    box-shadow: 0 0 0 .2rem rgba(210,214,220,.5) !important;
}

/* Button Add */
.k-grid-add{
    box-shadow: 0 2px 6px 0 rgba(114,124,245,.5) !important;
    color: #fff !important;
    background-color: #727cf5 !important;
    border-color: #727cf5 !important; 
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
    padding: .45rem .9rem !important;
    line-height: 1.5 !important;
    border-radius: .15rem !important;
    border: 1px solid transparent !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-weight: bold !important;
    font-size: 0.99rem !important;
    margin: 2px !important;
}

.k-grid-add:hover{
    background-color: #4e5bf2 !important;
    border-color: #4250f2 !important;
}

.k-grid-add:focus{
    background-color: #4e5bf2 !important;
    border-color: #4250f2 !important;
    -webkit-box-shadow: 0 0 0 .2rem rgba(135,144,247,.5) !important;
    box-shadow: 0 0 0 .2rem rgba(135,144,247,.5) !important;
}


/* DELETE BUTTON */

.k-grid-delete{
    color: #fa5c7c !important;
    border-color: #fa5c7c !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
    padding: .45rem .9rem !important;
    line-height: 1.5 !important;
    border-radius: .15rem !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-weight: bold !important;
    font-size: 0.99rem !important;
    margin: 3px !important;
}

.k-grid-delete:hover{
    color: #ffffff !important;
    background-color: #fa5c7c !important;
    border-color: #fa5c7c !important;
}

.k-grid-delete:focus{
    -webkit-box-shadow: 0 0 0 .2rem rgba(250,92,124,.5) !important;
    box-shadow: 0 0 0 .2rem rgba(250,92,124,.5) !important;
}

/* Print Button */

.k-grid-طباعة{
    box-shadow: 0 2px 6px 0 rgba(57,175,209,.5) !important;
    color: #fff !important;
    background-color: #39afd1 !important;
    border-color:  #39afd1 !important; 
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
    padding: .45rem .9rem !important;
    line-height: 1.5 !important;
    border-radius: .15rem !important;
    border: 1px solid transparent !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-weight: bold !important;
    font-size: 0.99rem !important;
    margin: 4px !important;
}

.k-grid-طباعة:hover{
    
background-color: #2b99b9 !important;
border-color: #2991ae !important;
}

.k-grid-طباعة:focus{
    
    background-color: #2b99b9;
    border-color: #2991ae;
    -webkit-box-shadow: 0 0 0 .2rem rgba(87,187,216,.5);
    box-shadow: 0 0 0 .2rem rgba(87,187,216,.5);
}


/* EDIT Button */
.k-grid-edit{
    color: #4ad5f3 !important;
    border-color: #4ad5f3 !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
    padding: .45rem .9rem !important;
    line-height: 1.5 !important;
    border-radius: .15rem !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-weight: bold !important;
    font-size: 0.99rem !important;
    margin: 3px !important;
}

.k-grid-edit:hover{
    color: #ffffff !important;
    background-color: #4ad5f3 !important;
    border-color: #4ad5f3 !important;
}

.k-grid-edit:focus{
    background-color: #2b99b9 !important;
    border-color: #2991ae !important;
    -webkit-box-shadow: 0 0 0 .2rem rgba(87,187,216,.5) !important;
    box-shadow: 0 0 0 .2rem rgba(87,187,216,.5) !important;
}







/* td on focus */
.k-state-focused, .k-list > .k-state-focused, .k-listview > .k-state-focused, .k-grid-header th.k-state-focused, td.k-state-focused, .k-button.k-state-focused{
    -webkit-box-shadow: inset 0 0 5px 1px #d5ddfc !important;
    box-shadow: inset 0 0 5px 1px #d5ddfc !important;
}


/* Button View Details */

.k-grid-ViewDetails{
    color: #ffbc00 !important;
    border-color: #ffbc00 !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
    padding: .45rem .9rem !important;
    line-height: 1.5 !important;
    border-radius: .15rem !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-weight: bold !important;
    font-size: 0.99rem !important;
    margin: 2px !important;
}

.k-grid-ViewDetails:hover{
    color: #ffffff !important;
    background-color: #ffbc00 !important;
    border-color: #ffbc00 !important;
}

.k-grid-ViewDetails:focus{
    -webkit-box-shadow: 0 0 0 .2rem rgba(255,188,0,.5) !important;
    box-shadow: 0 0 0 .2rem rgba(255,188,0,.5) !important;
}

/* Button Dismiss */

.k-grid-dismiss{
    color: #313a46 !important;
    border-color: #313a46 !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
    padding: .45rem .9rem !important;
    line-height: 1.5 !important;
    border-radius: .15rem !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-weight: bold !important;
    font-size: 0.99rem !important;
    margin: 2px !important;
}


.k-grid-dismiss:hover{
    color: #fff !important;
    background-color: #313a46 !important;
    border-color: #313a46 !important;
}

.k-grid-dismiss:focus{
    -webkit-box-shadow: 0 0 0 .2rem rgba(49,58,70,.5) !important;
    box-shadow: 0 0 0 .2rem rgba(49,58,70,.5) !important;
}

/* Bootstrap 3 info buttons Upgrade */


/* Save General Setting */
.btn.btn-info.span6{
    box-shadow: 0 2px 6px 0 rgba(10,207,151,.5) !important;
    color: #fff !important;
    background-color: #0acf97 !important;
    border-color: #0acf97 !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
    padding: .45rem .9rem !important;
    line-height: 1.7 !important;
    border-radius: .15rem !important;
    border: 1px solid transparent !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    font-weight: bold !important;
    margin: 3px !important;
    margin-bottom: 10px !important;
    font-size: 15px !important;
}

.btn.btn-info.span6:hover{
    background-color: #08ab7c !important;
    border-color: #089e74 !important;
}

.btn.btn-info.span6:focus{
    box-shadow: 0 0 0 .2rem rgba(47,214,167,.5) !important;
    -webkit-box-shadow: 0 0 0 .2rem rgba(47,214,167,.5) !important;
    background-color: #08ab7c !important;
    border-color: #089e74 !important;
}


/* new qeed , reports , save and add elements to fatora */

.btn.btn-info.span3{

    box-shadow: 0 2px 6px 0 rgba(114,124,245,.5) !important;
    color: #fff !important;
    background-color: #727cf5 !important;
    border-color: #727cf5 !important; 
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
    padding: .45rem .9rem !important;
    line-height: 1.5 !important;
    border-radius: .15rem !important;
    border: 1px solid transparent !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-weight: bold !important;
    margin: 4px !important;

}

.btn.btn-info.span3:hover{
    background-color: #4e5bf2 !important;
    border-color: #4250f2 !important;
}

.btn.btn-info.span3:focus{
    background-color: #4e5bf2 !important;
    border-color: #4250f2 !important;
    -webkit-box-shadow: 0 0 0 .2rem rgba(135,144,247,.5) !important;
    box-shadow: 0 0 0 .2rem rgba(135,144,247,.5) !important;
}

/* Show All */
.btn.btn-info.span2{
    box-shadow: 0 2px 6px 0 rgba(238,242,247,.5) !important;
    color: #313a46 !important;
    background-color: #eef2f7 !important;
    border-color: #eef2f7 !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
    padding: .45rem .9rem !important;
    line-height: 1.5 !important;
    border-radius: .15rem !important;
    border: 1px solid transparent !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-weight: bold !important;
    margin: 4px !important;
}   


.btn.btn-info.span2:hover{
    background-color: #d4deeb !important;
    border-color: #cbd7e7 !important;
}

.btn.btn-info.span2:focus{
    background-color: #d4deeb !important;
    border-color: #cbd7e7 !important;
    -webkit-box-shadow: 0 0 0 .2rem rgba(210,214,220,.5) !important;
    box-shadow: 0 0 0 .2rem rgba(210,214,220,.5) !important;
}


/* Normal Setting Accounts */

.btn.btn-info.waves-input-wrapper.waves-effect{
    box-shadow: 0 2px 6px 0 rgba(57,175,209,.5) !important;
    color: white !important;
    background-color: #39afd1 !important;
    border-color: #39afd1 !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
    padding: .45rem .9rem !important;
    line-height: 1.5 !important;
    border-radius: .15rem !important;
    border: 1px solid transparent !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-weight: bold !important;
    margin: 4px !important;
}

.btn.btn-info.waves-input-wrapper.waves-effect:hover{
    background-color: #2b99b9 !important;
    border-color: #2991ae !important;
}


.btn.btn-info.waves-input-wrapper.waves-effect:focus{
color: #fff;
background-color: #2b99b9;
border-color: #2991ae;
-webkit-box-shadow: 0 0 0 .2rem rgba(87,187,216,.5);
box-shadow: 0 0 0 .2rem rgba(87,187,216,.5);
}


/* زر الحسابات للعملاء */
.k-grid-Accounts{
    color: #727cf5 !important;
    border-color: #727cf5 !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
    padding: .45rem .9rem !important;
    line-height: 1.5 !important;
    border-radius: .15rem !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-weight: bold !important;
    font-size: 0.99rem !important;
    margin: 2px !important;
}

.k-grid-Accounts:hover{
    color: #fff !important;
    background-color: #727cf5 !important;
    border-color: #727cf5 !important;
}

.k-grid-Accounts:focus{
    box-shadow: 0 0 0 .2rem rgba(114,124,245,.5) !important;
}


/* -- MODAL WINDOW CUSTOMIZATION -- */

/* HEADER */
.k-window-titlebar.k-header{
    background-color: #f1f3fa !important;
}

/* SAVE BUTTON */
.k-button.k-scheduler-update{
    box-shadow: 0 2px 6px 0 rgba(10,207,151,.5) !important;
    color: #fff !important;
    background-color: #0acf97 !important;
    border-color: #0acf97 !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
    padding: .45rem .9rem !important;
    line-height: 1.5 !important;
    border-radius: .15rem !important;
    border: 1px solid transparent !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-weight: bold !important;
    font-size: 0.99rem !important;
    margin: 2px !important;
}

.k-button.k-scheduler-update:hover{
    background-color: #08ab7c !important;
    border-color: #089e74 !important;
}

.k-button.k-scheduler-update:focus{
    box-shadow: 0 0 0 .2rem rgba(47,214,167,.5) !important;
    -webkit-box-shadow: 0 0 0 .2rem rgba(47,214,167,.5) !important;
    background-color: #08ab7c !important;
    border-color: #089e74 !important;
}

/* CANCEL BUTTON */
.k-button.k-scheduler-cancel{
    box-shadow: 0 2px 6px 0 rgba(238,242,247,.5) !important;
    color: #313a46 !important;
    background-color: #eef2f7 !important;
    border-color: #eef2f7 !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
    padding: .45rem .9rem !important;
    line-height: 1.5 !important;
    border-radius: .15rem !important;
    border: 1px solid transparent !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-weight: bold !important;
    margin: 2px !important;
}

.k-button.k-scheduler-cancel:hover{
    background-color: #d4deeb !important;
    border-color: #cbd7e7 !important;
}

.k-button.k-scheduler-cancel:focus{
    background-color: #d4deeb !important;
    border-color: #cbd7e7 !important;
    -webkit-box-shadow: 0 0 0 .2rem rgba(210,214,220,.5) !important;
    box-shadow: 0 0 0 .2rem rgba(210,214,220,.5) !important; 
}

/* ADD NEW CUSTOMER etc... GRID BUTTONS */

/* SAVE BUTTON */
.k-button.k-button-icontext.k-grid-update{
    box-shadow: 0 2px 6px 0 rgba(10,207,151,.5) !important;
    color: #fff !important;
    background-color: #0acf97 !important;
    border-color: #0acf97 !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
    padding: .45rem .9rem !important;
    line-height: 1.5 !important;
    border-radius: .15rem !important;
    border: 1px solid transparent !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-weight: bold !important;
    font-size: 0.99rem !important;
    margin: 2px !important;
}

.k-button.k-button-icontext.k-grid-update:hover{
    background-color: #08ab7c !important;
    border-color: #089e74 !important;
}

.k-button.k-button-icontext.k-grid-update:focus{
    box-shadow: 0 0 0 .2rem rgba(47,214,167,.5) !important;
    -webkit-box-shadow: 0 0 0 .2rem rgba(47,214,167,.5) !important;
    background-color: #08ab7c !important;
    border-color: #089e74 !important;
}

/* CANCEL BUTTON */

.k-button.k-button-icontext.k-grid-cancel{
    box-shadow: 0 2px 6px 0 rgba(238,242,247,.5) !important;
    color: #313a46 !important;
    background-color: #eef2f7 !important;
    border-color: #eef2f7 !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
    padding: .45rem .9rem !important;
    line-height: 1.5 !important;
    border-radius: .15rem !important;
    border: 1px solid transparent !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-weight: bold !important;
    margin: 2px !important;
}

.k-button.k-button-icontext.k-grid-cancel:hover{
    background-color: #d4deeb !important;
    border-color: #cbd7e7 !important;
}

.k-button.k-button-icontext.k-grid-cancel:focus{
    background-color: #d4deeb !important;
    border-color: #cbd7e7 !important;
    -webkit-box-shadow: 0 0 0 .2rem rgba(210,214,220,.5) !important;
    box-shadow: 0 0 0 .2rem rgba(210,214,220,.5) !important; 
}

/* شاشة المميز لاختيار اللون */

.k-button.apply{
    box-shadow: 0 2px 6px 0 rgba(10,207,151,.5) !important;
    color: #fff !important;
    background-color: #0acf97 !important;
    border-color: #0acf97 !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
    padding: .45rem .9rem !important;
    line-height: 1.5 !important;
    border-radius: .15rem !important;
    border: 1px solid transparent !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-weight: bold !important;
    font-size: 0.99rem !important;
    margin: 2px !important;
}

.k-button.apply:hover{
    background-color: #08ab7c !important;
    border-color: #089e74 !important;
}

.k-button.apply:focus{
    box-shadow: 0 0 0 .2rem rgba(47,214,167,.5) !important;
    -webkit-box-shadow: 0 0 0 .2rem rgba(47,214,167,.5) !important;
    background-color: #08ab7c !important;
    border-color: #089e74 !important;
}


/* شاشة المميز للالغاء */

.k-button.cancel{
    box-shadow: 0 2px 6px 0 rgba(238,242,247,.5) !important;
    color: #313a46 !important;
    background-color: #eef2f7 !important;
    border-color: #eef2f7 !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
    padding: .45rem .9rem !important;
    line-height: 1.5 !important;
    border-radius: .15rem !important;
    border: 1px solid transparent !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-weight: bold !important;
    margin: 2px !important;
}

.k-button.cancel:hover{
    background-color: #d4deeb !important;
    border-color: #cbd7e7 !important;
}


.k-button.cancel:focus{
    background-color: #d4deeb !important;
    border-color: #cbd7e7 !important;
    -webkit-box-shadow: 0 0 0 .2rem rgba(210,214,220,.5) !important;
    box-shadow: 0 0 0 .2rem rgba(210,214,220,.5) !important; 
}



/* next , prev and today`s buttons in the table */

/* today */
.k-state-default.k-nav-today{
    border: none !important;
    background-color: #eef2f7 !important;
    -webkit-box-shadow: 0 2px 6px 0 rgba(238,242,247,.5) !important;
    box-shadow: 0 2px 6px 0 rgba(238,242,247,.5) !important; 
}

.k-state-default.k-nav-today.k-state-hover:hover{
    background-color: #d4deeb !important;
}

.k-state-default.k-nav-today.k-state-hover:focus{

    background-color: #d4deeb !important;
    border-color: #cbd7e7 !important;
    -webkit-box-shadow: 0 0 0 .2rem rgba(210,214,220,.5) !important;
    box-shadow: 0 0 0 .2rem rgba(210,214,220,.5) !important;

}

/* previous */

.k-state-default.k-nav-prev{
    border: none !important;
    background-color: #eef2f7 !important;
    -webkit-box-shadow: 0 2px 6px 0 rgba(238,242,247,.5) !important;
    box-shadow: 0 2px 6px 0 rgba(238,242,247,.5) !important; 
}

.k-state-default.k-nav-prev.k-state-hover:hover{
    background-color: #d4deeb !important;
}

/* next */

.k-state-default.k-nav-next{
    border: none !important;
    background-color: #eef2f7 !important;
    -webkit-box-shadow: 0 2px 6px 0 rgba(238,242,247,.5) !important;
    box-shadow: 0 2px 6px 0 rgba(238,242,247,.5) !important; 
}

.k-state-default.k-nav-next.k-state-hover:hover{
    background-color: #d4deeb !important;
}


/* DELETE BACKGROUND HOVER ON BUTTONS */
.k-button:hover, .k-button:focus, .k-button.k-state-focused, .k-textbox:hover, .k-state-hover, .k-state-hover:hover, .k-pager-wrap .k-link:hover, .k-other-month.k-state-hover .k-link, div.k-imagebrowser-dropzone em, .k-draghandle:hover{
    background-image: none !important;
}

.k-state-selected, .k-button:active, .k-draghandle.k-state-selected:hover{
    background-image: none !important;
}

/* Make Space For the numbers */

.k-rtl .k-scheduler-monthview .k-scheduler-table td{
    padding-top: 7px !important;
}



/* Text Inputs ------------------ */

input[type="text"]{
    /* display: block !important; */
    width: 100% !important;
    /* height: calc(1.5em + .75rem + 2px) !important;
    padding: .375rem .75rem !important; */
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #495057 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    border-radius: .25rem !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
}

input[type="text"]:focus{
    color: #495057 !important;
    background-color: #fff !important;
    border-color: #80bdff !important;
    outline: 0 !important;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) !important;
}

/* Text Areas */
textarea{
    width: 100% !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #495057 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    border-radius: .25rem !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
}

textarea:focus{
    color: #495057 !important;
    background-color: #fff !important;
    border-color: #80bdff !important;
    outline: 0 !important;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) !important;
}


/* قائمة النافبار العلوي قائمة البحث */

/* Close Btn */
#btn_close{
    box-shadow: 0 2px 6px 0 rgba(250,92,124,.5) !important;
    color: #fff !important;
    background-color: #fa5c7c !important;
    border-color: #fa5c7c !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
    padding: .45rem .9rem !important;
    line-height: 1.5 !important;
    border-radius: .15rem !important;
    border: 1px solid transparent !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-weight: bold !important;
    font-size: 0.99rem !important;
    margin: 2px !important;
}
#btn_close:hover{
    background-color: #f9375e !important;
    border-color: #f82b54 !important;
}
#btn_close:focus{
    color: #fff !important;
    background-color: #f9375e !important;
    border-color: #f82b54 !important;
    -webkit-box-shadow: 0 0 0 .2rem rgba(251,116,144,.5) !important;
    box-shadow: 0 0 0 .2rem rgba(251,116,144,.5) !important;
}

/* btn_SetValue */
#btn_SetValue{
    box-shadow: 0 2px 6px 0 rgba(57,175,209,.5) !important;
    color: #fff !important;
    background-color: #39afd1 !important;
    border-color: #39afd1 !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
    padding: .45rem .9rem !important;
    line-height: 1.5 !important;
    border-radius: .15rem !important;
    border: 1px solid transparent !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-weight: bold !important;
    font-size: 0.99rem !important;
    margin: 2px !important;
}
#btn_SetValue:hover{
    color: #fff !important;
    background-color: #2b99b9 !important;
    border-color: #2991ae !important;
}
#btn_SetValue:focus{
    color: #fff !important;
    background-color: #2b99b9 !important;
    border-color: #2991ae !important;
    -webkit-box-shadow: 0 0 0 .2rem rgba(87,187,216,.5) !important;
    box-shadow: 0 0 0 .2rem rgba(87,187,216,.5) !important;
}

/* زر التحويل */

#createTransaction{
    box-shadow: 0 2px 6px 0 rgba(10,207,151,.5) !important;
    color: #fff !important;
    background-color: #0acf97 !important;
    border-color: #0acf97 !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
    padding: .45rem .9rem !important;
    line-height: 1.5 !important;
    border-radius: .15rem !important;
    border: 1px solid transparent !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-weight: bold !important;
    font-size: 0.99rem !important;
    margin: 4px !important;
}

#createTransaction:hover{
    background-color: #08ab7c !important;
    border-color: #089e74 !important;
}

#createTransaction:focus{
    box-shadow: 0 0 0 .2rem rgba(47,214,167,.5) !important;
    -webkit-box-shadow: 0 0 0 .2rem rgba(47,214,167,.5) !important;
    background-color: #08ab7c !important;
    border-color: #089e74 !important;
}

/* شاشة الترحيل */

.k-widget.k-window{
    box-shadow: rgba(154, 161, 171, 0.15) 0px 0px 35px 0px !important;
    border: none !important;
}

.k-widget.k-window.k-state-focused{
    box-shadow: rgba(154, 161, 171, 0.15) 0px 0px 35px 0px !important;
    border: none !important;
}


/* Schedular Table no today Color */

.k-nonwork-hour{
    background-color: white !important;
}


/* DropDowns Links Hover */
.k-item.k-state-hover:hover{
    border-color: transparent !important;
}



/* Scedualr Table - Day - week - week work */


/* DAY */
.k-state-default.k-view-day{
    border: none !important;
    background-color: #eef2f7 !important;
    -webkit-box-shadow: 0 2px 6px 0 rgba(238,242,247,.5) !important;
    box-shadow: 0 2px 6px 0 rgba(238,242,247,.5) !important;
}

.k-state-default.k-view-day.k-state-hover:hover{
    background-color: #d4deeb !important;
}

/* WEEK */
.k-state-default.k-view-week{
    border: none !important;
    background-color: #eef2f7 !important;
    -webkit-box-shadow: 0 2px 6px 0 rgba(238,242,247,.5) !important;
    box-shadow: 0 2px 6px 0 rgba(238,242,247,.5) !important;
}

.k-state-default.k-view-week.k-state-hover:hover{
    background-color: #d4deeb !important;
}

/* Work Week */ 
.k-state-default.k-view-workWeek{
    border: none !important;
    background-color: #eef2f7 !important;
    -webkit-box-shadow: 0 2px 6px 0 rgba(238,242,247,.5) !important;
    box-shadow: 0 2px 6px 0 rgba(238,242,247,.5) !important;
}

.k-state-default.k-view-workWeek.k-state-hover:hover{
    background-color: #d4deeb !important;
}


/* Month */ 
.k-state-default.k-view-month{
    border: none !important;
    background-color: #eef2f7 !important;
    -webkit-box-shadow: 0 2px 6px 0 rgba(238,242,247,.5) !important;
    box-shadow: 0 2px 6px 0 rgba(238,242,247,.5) !important;
}

.k-state-default.k-view-month.k-state-hover:hover{
    background-color: #d4deeb !important;
}

/* Agenda */ 
.k-state-default.k-view-agenda{
    border: none !important;
    background-color: #eef2f7 !important;
    -webkit-box-shadow: 0 2px 6px 0 rgba(238,242,247,.5) !important;
    box-shadow: 0 2px 6px 0 rgba(238,242,247,.5) !important;
}

.k-state-default.k-view-agenda.k-state-hover:hover{
    background-color: #d4deeb !important;
}

/* Selected Choice */

.k-state-default.k-state-selected{
    background-color: #727cf5 !important;
    border-color: #727cf5 !important;
    box-shadow: 0 2px 6px 0 rgba(114,124,245,.5) !important;
}

.k-state-default.k-state-selected.k-state-hover:hover{
    background-color: #4e5bf2 !important;
    color: white !important;
}

.k-state-default.k-state-selected.k-state-hover:focus{
    background-color: #4e5bf2 !important;
    border-color: #4250f2 !important;
    -webkit-box-shadow: 0 0 0 .2rem rgba(135,144,247,.5) !important;
    box-shadow: 0 0 0 .2rem rgba(135,144,247,.5) !important;
}











/* Show All Times Button (Schedular Table) */

.k-state-default.k-scheduler-fullday a{
    color: white !important;
}

.k-state-default.k-scheduler-fullday{
    box-shadow: 0 2px 6px 0 rgba(114,124,245,.5) !important;
    color: #fff !important;
    background-color: #727cf5 !important;
    border-color: #727cf5 !important; 
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
    padding: .45rem .9rem !important;
    line-height: 1.5 !important;
    border-radius: .15rem !important;
    border: 1px solid transparent !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-weight: bold !important;
    font-size: 0.99rem !important;
    margin: 2px !important;
}

.k-state-default.k-scheduler-fullday:hover{
    background-color: #4e5bf2 !important;
    border-color: #4250f2 !important;
}

.k-state-default.k-scheduler-fullday:focus{
    background-color: #4e5bf2 !important;
    border-color: #4250f2 !important;
    -webkit-box-shadow: 0 0 0 .2rem rgba(135,144,247,.5) !important;
    box-shadow: 0 0 0 .2rem rgba(135,144,247,.5) !important;
}

/* Error Messages */

.validation-summary-errors{

    color: #823040 !important;
    background-color: #fedee5 !important;
    border-color: #fed1da !important;
    padding: 10px !important;
    border-radius: .5rem !important;

}


/* Footer Customization */

.footer.footer-static.footer-light.navbar-shadow{
    background-color: white !important;
    box-shadow: 0 0 35px 0 rgba(154,161,171,.15) !important;
}

/* Delete an Event Button */

.k-scheduler-delete{
    box-shadow: 0 2px 6px 0 rgba(250,92,124,.5) !important;
    color: #fff !important;
    background-color: #fa5c7c !important;
    border-color: #fa5c7c !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
    padding: .45rem .9rem !important;
    line-height: 1.5 !important;
    border-radius: .15rem !important;
    border: 1px solid transparent !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-weight: bold !important;
    font-size: 0.99rem !important;
    margin: 2px !important;
}

.k-scheduler-delete:hover{

    background-color: #f9375e !important;
    border-color: #f82b54 !important;
}

.k-scheduler-delete:focus{
    background-color: #f9375e !important;
    border-color: #f82b54 !important;
    -webkit-box-shadow: 0 0 0 .2rem rgba(251,116,144,.5) !important;
    box-shadow: 0 0 0 .2rem rgba(251,116,144,.5) !important;
}


/* Scroll Bar */ 

html{
    scrollbar-color: #98a6ad transparent;
    scrollbar-width: thin;    
}


/* Fixing the Kindo Bar Problem */
.k-grid-header .k-header{
    padding: 0 !important;
    border-style: none !important;
    border: solid 0.1px gainsboro !important;
}

.k-grid-header .k-header > .k-link{
    padding: .5em .6em .4em .0em !important;
    overflow: initial !important; 
}
.k-grid-header .k-with-icon .k-link{
    margin-right: 0.4em !important;
    width: max-content !important;
}

.k-alt .k-master-row .k-state-selected{
    background-color: #727cf5 !important;
}

/*set alternate grid raw colors*/ 
/*detail*/
.k-detail-row .k-grid-content .k-alt {
      background-color:#ced4da ;
    }
/*master*/
.k-grid-content .k-alt {
      background-color:#dddff5;
    }

.validation-summary-Info {
  color: #089e74 !important;
  background-color: #f3fbe8 !important;
  border-color: #fed1da !important;
  padding: 10px !important;
  border-radius: .5rem !important;
}
/*---------------Solving buttons pressing small aria - Has to press on button caption----------------*/
.waves-button-input {
padding: 10px 10px; 
background-color: #30c2c2 !important;
}

.btn.btn-info.waves-input-wrapper.waves-effect{
background-color: #fff !important;
box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5) !important;
padding: .0rem .0rem !important;
}
/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

/*Raizing grid control menu link - to prevent covaring header label*/
.k-grid-header .k-header > .k-link { margin: 0 !important}
/*Label of controls in form*/
.table th, label{ 
    font-size:1.2rem !important;
    font-weight: bold !important
}
/*Grid header label*/
.k-header .k-link { 
    font-weight: bold !important}
/*unit label color*/
#GridDetailNormalInvoiceItem th.k-header:nth-child(13) > a:nth-child(2) {
    color:blue
}
/*Grid header border*/
.k-grid-header{
    border-bottom:solid !important;
    border-width:1px !important;
}
.k-grid-content{
    border-bottom:solid !important;
    border-width:1px !important;
}