@charset "utf-8";
/* CSS Document */

/* Main Color theme */

.k-draghandle, .k-button:hover,.k-button.k-state-hover, .k-button:active:hover,.k-button.k-state-active:hover, .k-state-focused,.k-grouping-row .k-state-focused, .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-filebrowser-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-recur-view .k-check:active, .k-mobile-list .k-scheduler-timezones .k-edit-field:nth-child(2):active, .k-ie7 .k-window-titlebar .k-state-hover,.k-ie8 .k-window-titlebar .k-state-hover, .k-state-hover>.k-select,.k-state-focused>.k-select, .k-textbox:hover,.k-tiles li.k-state-hover, .k-tabstrip-items .k-state-hover,.k-ie7 .k-tabstrip-items .k-state-hover .k-loading, .k-primary:hover, .k-checkbox-label:hover:after,.k-checkbox:checked+.k-checkbox-label:hover:after, .k-checkbox-label:active:after, .k-checkbox:checked+.k-checkbox-label:active:after, .k-radio-label:hover:before,.k-radio:checked+.k-radio-label:hover:before, .k-radio-label:active:before, .k-radio:checked+.k-radio-label:active:before {
    border-color: #a71d44 !important;
}

.k-draghandle:hover, .k-event,.k-task-complete, .k-scheduler-marquee:before,.k-scheduler-marquee:after, .k-state-active,.k-state-active:hover,.k-active-filter,.k-tabstrip .k-state-active, .k-button:active,.k-button.k-state-active, .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, .k-tiles li.k-state-selected, .k-state-selected.k-task-milestone,.k-state-selected .k-task-summary-complete, .k-task-single, .k-state-selected.k-task-single, .k-tabstrip-items .k-state-active,.k-panelbar .k-tabstrip-items .k-state-active,.k-ie7 .k-tabstrip-items .k-state-active .k-loading, .k-primary,.k-overflow-container .k-primary, .k-primary:active {
    border-color: #8e182b !important;
}


.k-task-dot:after, .k-task-milestone,.k-task-summary-complete {
    border-color: #787878;
}

.k-draghandle, .k-button:hover,.k-button .k-state-hover, .k-button:active:hover,.k-button .k-state-active:hover, .k-calendar .k-nav-fast.k-state-hover, .k-ie8 .k-panelbar span.k-state-focused,.k-ie8 .k-menu li.k-state-focused,.k-ie8 .k-listview>.k-state-focused,.k-ie8 .k-grid-header th.k-state-focused,.k-ie8 td.k-state-focused,.k-ie8 .k-tool.k-state-hover,.k-ie8 .k-button:focus,.k-ie8 .k-button.k-state-focused,.k-ie7 .k-panelbar span.k-state-focused,.k-ie7 .k-menu li.k-state-focused,.k-ie7 .k-listview>.k-state-focused,.k-ie7 .k-grid-header th.k-state-focused,.k-ie7 td.k-state-focused,.k-ie7 .k-tool.k-state-hover,.k-ie7 .k-button:focus,.k-ie7 .k-button .k-state-focused, .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-filebrowser-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-recur-view .k-check:active, .k-mobile-list .k-scheduler-timezones .k-edit-field:nth-child(2):active, .k-autocomplete.k-state-hover,.k-autocomplete.k-state-focused,.k-picker-wrap.k-state-hover,.k-picker-wrap.k-state-focused,.k-numeric-wrap.k-state-hover,.k-numeric-wrap.k-state-focused,.k-dropdown-wrap.k-state-hover,.k-dropdown-wrap.k-state-focused, .k-autocomplete.k-state-hover,.k-picker-wrap.k-state-hover,.k-numeric-wrap.k-state-hover,.k-dropdown-wrap.k-state-hover, .k-autocomplete.k-state-focused,.k-picker-wrap.k-state-focused,.k-numeric-wrap.k-state-focused,.k-dropdown-wrap.k-state-focused,.k-multiselect.k-header.k-state-focused, .k-primary:hover {
    background-color: #a71d44;
}

.k-state-selected.k-task-milestone,.k-state-selected .k-task-summary-complete {
    background: #8e182b;
}

.k-ie7 .k-event .k-resize-handle,.k-event .k-resize-handle:after,.k-ie7 .k-task-single .k-resize-handle,.k-task-single .k-resize-handle:after, .k-task-dot:after, .k-line {
    background-color: #787878;
}


.k-button:active,.k-button.k-state-active, .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, .k-slider-selection, .k-editor-inline ::selection, .k-editor-inline ::-moz-selection, .k-gantt .k-treelist .k-state-selected,.k-gantt .k-treelist .k-state-selected td,.k-gantt .k-treelist .k-alt.k-state-selected,.k-gantt .k-treelist .k-alt.k-state-selected>td, .k-state-selected.k-line, .k-numeric-wrap .k-link.k-state-selected, .km-pane-wrapper .k-mobile-list .k-item.k-state-selected, .k-primary,.k-overflow-container .k-primary, .k-primary:active, .k-radio:checked+.k-radio-label:after {
    background-color: #8e182b;

}


.k-button:hover,.k-button.k-state-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-filebrowser-dropzone em,.k-draghandle:hover,  .k-autocomplete.k-state-hover,.k-autocomplete.k-state-focused,.k-picker-wrap.k-state-hover,.k-picker-wrap.k-state-focused,.k-numeric-wrap.k-state-hover,.k-numeric-wrap.k-state-focused,.k-dropdown-wrap.k-state-hover,.k-dropdown-wrap.k-state-focused, .k-autocomplete.k-state-hover,.k-picker-wrap.k-state-hover,.k-numeric-wrap.k-state-hover,.k-dropdown-wrap.k-state-hover, .k-autocomplete.k-state-focused,.k-picker-wrap.k-state-focused,.k-numeric-wrap.k-state-focused,.k-dropdown-wrap.k-state-focused,.k-multiselect.k-header.k-state-focused  {
     background-color: #a71d44 !important;
	 border-color:#8e182b !important;
	background-image: none,-webkit-linear-gradient(top,#a71d44 0,#a71d44 100%)!important;
    background-image: none,-moz-linear-gradient(top,#a71d44 0,#a71d44 100%)!important;
    background-image: none,-o-linear-gradient(top,#a71d44 0,#a71d44 100%) !important;
    background-image: none,linear-gradient(to bottom,#a71d44 0,#a71d44 100%)!important;
}



.k-button:focus:not(.k-state-disabled):not([disabled]), .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, .k-editor .k-tool:focus,  {
    -webkit-box-shadow: inset 0 0 0 1px #a71d44 !important;
	 box-shadow: inset 0 0 0 1px #a71d44 !important;
	 border-color:#8e182b !important;
	 box-shadow:none !important;
}





.k-checkbox:checked+.k-checkbox-label:after {
	    color: #8e182b;
}


.k-input,input.k-textbox,textarea.k-textbox,input.k-textbox:hover,textarea.k-textbox:hover,.k-textbox>input,.k-multiselect-wrap, .k-input[readonly], .k-block,.k-widget,.k-popup,.k-content,.k-toolbar,.k-dropdown .k-input, .k-block, .k-link:link,.k-link:visited,.k-nav-current.k-state-hover .k-link, .k-tabstrip-items .k-link,.k-panelbar>li>.k-link, .k-header,.k-treemap-title,.k-grid-header .k-header>.k-link, .k-button, .k-scheduler-layout, .k-scheduler-datecolumn,.k-scheduler-groupcolumn, .k-event-inverse, .k-panelbar .k-content,.k-panelbar .k-panel,.k-panelbar .k-item, .k-panelbar>li>.k-link, .k-calendar .k-link, .k-calendar .k-footer .k-nav-today, .k-calendar .k-link.k-nav-fast, .k-pager-wrap, .km-pane-wrapper .k-mobile-list input:not([type="checkbox"]):not([type="radio"]),.km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]),.km-pane-wrapper .k-mobile-list textarea,.k-dropdown .k-state-focused .k-input, .k-widget.k-tooltip-validation, .k-line, html .km-pane-wrapper .km-widget,.k-ie .km-pane-wrapper .k-widget,.k-ie .km-pane-wrapper .k-group,.k-ie .km-pane-wrapper .k-content,.k-ie .km-pane-wrapper .k-header,.k-ie .km-pane-wrapper .k-popup-edit-form .k-edit-field .k-button,.km-pane-wrapper .k-mobile-list .k-item,.km-pane-wrapper .k-mobile-list .k-edit-label,.km-pane-wrapper .k-mobile-list .k-edit-field, @media screen and (-ms-high-contrast:active) and (-ms-high-contrast:none) {}, .k-list-container, .k-dropdown .k-input,.k-dropdown .k-state-focused .k-input,.k-menu .k-popup, .k-tabstrip-items .k-state-default .k-link,.k-panelbar>li.k-state-default>.k-link, .k-tabstrip .k-content.k-state-active, .k-grouping-row td,.k-group-footer td,.k-grid-footer td, .k-grouping-header {
  
  /*color: #787878;*/
  color: #181818;
	
}


.k-grid-mobile .k-column-active+th.k-header {
    border-left-color: #787878;
}

/* Main Color theme End */



.k-widget {/*- applied to the widget wrapper to set a border, text and background color. In addition to t-widget, every widget has its own specific CSS class, for example k-menu, k-panelbar, k-tabstrip, etc.*/
/*border:solid 1px red;*/

}

.k-header {/*- applied to Grid headers, Menu top level items, PanelBar top level items, TabStrip items, DropDownLists, to set a background image and a background color*/
/*background-color:#039;*/

}
.k-link {/*- applied to hyperlinks and clickable text items to set a text color*/
/*color:#039;*/

}
.k-button {/*- applied to elements that should look like push buttons. The class sets a text color, background color, background image and hover styling. This is the recommended **class for styling **form buttons*/
/*background-color:#a71b42;*/
}

.k-primary{background-color:#a71b42;}

.k-input {/*- applied to textboxes inside input widgets like ComboBox and AutoComplete to set border, text and background color*/
/*border:solid 1px red; color:#ccc;*/
}

.k-textbox {/*- same as k-input, but used for standalone (generic) input elements that are not part of widget. This is the recommended **class for styling user form input elements** as it provides the same look, height and vertical alignment as the Kendo UI input widgets*/
/*border:solid 1px red; color:#ccc;*/
}

.k-checkbox {/*- applied to checkboxes inside the treeview widget, when checkboxes are enabled for it.*/

/*border:solid 1px red;*/
}

.k-group, .k-content {/*- applied to various containers to set a background and border color*/
/*border:solid 1px red;*/
}

.k-popup {/*- applied to popup containers that are detached from their opener component and are placed in the body element*/
/*border:solid 1px red;*/
}

.k-icon, .k-sprite {/*- applied to elements that display part of a sprite image as background to init their dimensions*/

}
.k-image {/*- applied to inline images to set their dimensions*/

}
.k-item {/*- applied to various repeating widget items, e.g. in the Menu, TabStrip, TreeView, PanelBar, ComboBox, DropDownList, etc. This CSS class does not apply any particular global styles and sports display: block.*/

}

.k-first, k-last {/*- set on first and last k-item respectively, where special styling is needed - rounded corners, removing borders*/
/*background-color:#CCC;*/
}




The appearance of a component may also depend on its state, which is also tied to CSS classes:

.k-state-default {/*- this class is applied on items to set their default appearance background and colors*/

}

.k-state-hover {/*- this class is set to items when they are hovered to apply their hovered look*/
/*background-color:#a71b42 !important;*/ border-color:#8e0028 !important; /*color:#fff;*/
}

.k-state-focused {/*- this class is applied on focused mostly input elements (plus DropDownList)*/
background-color:#a71b42 !important;
}
.k-state-active, .k-state-active:hover, .k-active-filter,  {/*- a class set on activated k-link elements*/
/*color:#fff;*/ border-color:#a71b42 !important;
}
.k-state-selected {/*- selected items receive this class to apply their selected look, like in PanelBar and TabStrip*/
background-color:#a71b42 !important; border-color:#a71b42; /*color:#fff;*/
}
.k-state-disabled {/*- this class is set on disabled items*/
background-color:#f1f1f1 !important;
}


.k-dropdown .k-state-focused active, .k-state-focused:active, .k-popup{
	
	/*color:#fff !important;*/
	
}
/*tab styles*/

 #tabstrip {
                    width: 100%;
                    margin: 0px auto;
                    border:0px;
                }

                 #tabstrip ul {
                    margin-left:100px;
                }

                  #tabstrip ul li{
                   margin-right:20px;
                   padding:5px;
                   background-color:#eee;
                   color:#000 !important;
                }

                  #tabstrip ul li a{
                   color:#000 !important;
                }

                    #tabstrip ul li a:hover{
                   color:#fff ;
                }

                 #tabstrip ul li:hover{
                   background-color:#fff !important;
                }

.k-tabstrip .k-state-active {
    border-color: #ccc !important;
}

.k-tabstrip-items .k-state-active  {
    background-color:#fff !important;
}

.k-tabstrip-items li:hover  {
    color:#fff !important;
    background-color:#fff !important;
}

.k-tabstrip-items .k-state-active.li a:hover  {
    color:#000 !important;
}

#tabstrip ul li a{
                   color:#000 !important;
                }


/*tab styles*/

.k-textbox:hover{
	background:#fff !important;
}

.k-button{font-weight:normal;}

.k-button:focus, .k-button:active{border-color:#a71b42 !important; *border-color:#a71b42 !important;
-webkit-box-shadow: none !important;
	 box-shadow: none !important;
 }
 
 .k-filter-help-text, .k-textbox{font-weight:normal;}

.k-header > .k-grid-filter, input, textarea, button{outline:none;}

/* highlighting the row is been removed by below classes start */
/* commenting the code will enable default behavior*/
.customDataTable tr.k-state-selected{background-color:#fff !important; color:#000;}

.customDataTable tr:nth-of-type(odd).k-state-selected { 
		background-color: #eee !important; color:#000;
	}
/* highlighting the row is been removed by below classes end */
	
	.deleteRow{background::#A71B42 !important; background-color:#A71B42 !important; color:#fff;}
	


/*.k-link:visited,.k-nav-current.k-state-hover .k-link{color:#ffffff !important;/}

*/
/*
.k-dropdown .k-input, .k-menu .k-popup, .k-input, input.k-textbox, textarea.k-textbox, input.k-textbox:hover, textarea.k-textbox:hover, .k-textbox > input, .k-multiselect-wrap
{color:#787878;}

.k-dropdown .k-state-focused .k-input, .k-dropdown-warp .k-state-focused .k-input active, .k-state-focused .k-input, .k-popup .k-state-default .k-input active, .k-popup.k-input:active, .k-popup .k-state-active .k-input {color:#fff !important; background-color:#fff;}*/