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

@import "less.less";
html, body { font-size:@bodyFontSize; font-family:Arial, Helvetica, sans-serif !important; background:@bodyBackgound; color:@bodyFontcolor }
a{ color:@linkFontColor}
a:hover{ color:@link-HoverFontColor}
h1, h2, h3, h4, h5, h6 { color:@HeadingFontColor}
hr { background-color:@Hairline; color:@Hairline; border: 0 none; margin:15px 0px !important}
.error-text{ color:red}


/* :::::::::::::::::::::::::::::: LOGIN PAGE CSS START :::::::::::::::::::::::::::::: */

/* Font Size Css*/
.login-page p { font-size: 22px; }
.login-page .sign h4 { font-size: 32px; }
.login-page .sign-box .login-input input { font-size:18px !important; }
.login-page .sign-box .login-input select{ font-size:18px !important; }
.login-page .sign-box .checkbox label{ font-size:12px !important; }
.blue-btn{  font-size:18px; }

/* Font Color Css*/
.login-page p { color: #757575; }
.login-page .sign h4 { color: #656565; }
.login-page .sign-box .login-input select{color:#757575}
.login-page .sign-box .checkbox label{color:#7e7e7e}
.blue-btn:hover {color: #fff;}

/* Background Color Css*/
.bg_login-page{background:#f2f2f2; height: 100vh;}
.bg_login-header{background:#3e515a; }
.bg_login-box{ background: #fff;   -webkit-box-shadow: 0px 1px 2px -2px rgba(0,0,0,1); -moz-box-shadow: 0px 1px 2px -2px rgba(0,0,0,1); box-shadow: 0px 1px 2px -2px rgba(0,0,0,1); border:1px; border-style:solid; border-color:#ccc;}
.login-page .sign-box .checkbox label{ color:#7e7e7e}
.blue-btn{background: ##40a3d2; border:1px solid; color:#fff;}
.blue-btn{ background:#007cc3;  }
.blue-btn:hover { background: #0d6c99; border: 1px solid #dcdcdc;}

/* :::::::::::::::::::::::::::::: LOGIN PAGE CSS ENDS :::::::::::::::::::::::::::::: */

/* :::::::::::::::::::::::::::::: HEADER CSS START :::::::::::::::::::::::::::::: */

/* ----- : TopBar Css Start : -----*/

/* Font Size Css*/
.bg_top-bar{ font-size:@headerFontsize}

/* Font Color Css*/
.bg_top-bar{ color:@headerFontcolor;}

/* Background Color Css*/
.bg_top-bar{ background:@headerBackground;}

/* ----- : TopBar Css Ends : -----*/

/* ----- : DropDown Css Start : -----*/

/* Font Size Css*/
.dropdown dd ul li a { font-size:12px; }

/* Font Color Css*/
.dropdown dd ul li a { color:@Logoutddl-FontColor;}
.dropdown dd ul li a:hover{  color:@Logoutddl-HoverFontColor; }

/* Background Color Css*/
.dropdown dt a {text-align:center;}
.dropdown dt a i{line-height:30px;}
.dropdown dt a i{color:@Logout-UserName !important}
.dropdown dt a.selected{background:@Logoutddl-BgColor;}
.dropdown dt a.selected i{ color:@Logoutddl-FontColor !important}
.dropdown dd ul { background:@Logoutddl-BgColor none repeat scroll 0 0; border:1px solid; border-color:@Logoutddl-BorderColor; border-top:none}
.dropdown dd ul li{ background-color:@Logoutddl-BgColor; }
.dropdown dd ul li.Line{ border-top:1px solid; border-top-color:@Logoutddl-BorderColor;}

/* ----- : DropDown Css Ends : -----*/

/* ----- : Main Navigation Start : -----*/

/* Font Size Css*/
.flexy-menu > li { font-size:@MenuFontSize; line-height:20px; }
.flexy-menu > li > a{font-size:12px; font-weight:bold; }
.flexy-menu ul li a {font-size:@MenuFontSize; }
.flexy-menu > li .indicator {font-size: 17px; }
.time{font-size:14px; }

/* Font Color Css*/
.flexy-menu > li > a{color:@MenuFontColor; }
.flexy-menu > li:hover > a, .flexy-menu > li.active a{ color:@MenuFontColor !important;}
.flexy-menu > li.showhide { color: #dedede;  }
.flexy-menu ul li a {color: #dedede;}
.flexy-menu > li .indicator { color: #dedede; }
.time{ color:#fff;}

/* Background Color Css*/
.flexy-menu > li > a{background:@MenuBgColor;}
.flexy-menu > li:hover > a, .flexy-menu > li.active a{ background:@MenuActiveBgColor; }

.flexy-menu ul, .flexy-menu ul li ul { background: #3e515a; box-shadow: 0 1px 1px rgba(0,0,0,0.3); }
.flexy-menu > li.showhide {border-bottom: solid 1px ; border-top:1px solid; background:@MoMenuBgColor; border-bottom-color:@MoMenuBorderBottom; border-top-color:@MoMenuBorderTop;}
.flexy-menu > li.showhide .icon em { background:@MoMenuIconcolor; }

/*.flexy-menu li:hover > a, .flexy-menu li.active a { background: #555; color: #fff; }*/

/* ----- : Main Navigation End : -----*/
/* ----- : Breadcrumb Start : -----*/

/* Font Size Css*/
.breadcrumb{ font-size:@BreadcrumbFontSize;}
.breadcrumb li{ font-size:@BreadcrumbFontSize; }

/* Font Color Css*/
.breadcrumb li{ color:@BreadcrumbFontColor; margin:5px 0px}
.breadcrumb li a{ color:@BreadcrumbFontColor}

/* Background Color Css*/
.bg_breadcrumb{ background:@BreadcrumbBgcolor; }
@media (max-width: 800px) {
.breadcrumb-l{ background:@MoBreadcrumbBgcolor; border-top:1px solid ; border-color:#2881ab }
.breadcrumb{border-bottom: 1px solid; border-bottom-color:@MoBreadcrumbBottomBorder}
.breadcrumb ul{margin-top:0px;}
}

/* ----- : Breadcrumb End : -----*/

/* ----- : Search-Box Start : -----*/

/* Font Size Css*/
.search-text { font-size: 14px; }
.search-button { font-size: 14px;}

/* Font Color Css*/
.search-text {color: #ddd;}
.search-box input[type="text"] {color:#000; border-color:#b2c0cb !important}
.search-button { color: #fff;}

/* Background Color Css*/
.search-form { border: 1px solid #b2c0cb; background-color: #fff; }
.search-text { color: #ddd; background: transparent;}
.search-button { color: #fff; background-color: #88acb8;}

/* ----- : Search-Box End : -----*/

/* :::::::::::::::::::::::::::::: HEADER CSS END :::::::::::::::::::::::::::::: */

/* :::::::::::::::::::::::::::::: PANEL CSS START :::::::::::::::::::::::::::::: */

/* Font Size Css*/
.panel .panel-heading{ font-size:@PanelHdFontSize}
.panel .panel-body h1{ font-size:@PanelHdFontSize; font-weight:bold;}
.panel .panel-bottom { font-size:@PanelHdFontSize}
.panel-heading a {color:@PanelHdFontColor}
/* Font Color Css*/
.panel .panel-heading, .panel .panel-heading i{ color:@PanelHdFontColor; }
.panel .panel-bottom { color:@PanelHdFontColor;}
/* Background Color Css*/
.panel .panel-heading{background:@PanelHdBgColor; }
.panel .panel-body{background:@PanelBodyBgColor; border-color:@PanelBodyBorderColor;}
.panel .panel-bottom { background:@PanelHdBgColor;}

/* :::::::::::::::::::::::::::::: PANEL CSS END :::::::::::::::::::::::::::::: */

/* :::::::::::::::::::::::::::::: SUB PANEL CSS START :::::::::::::::::::::::::::::: */

/* Font Size Css*/
.sub-panel .hd{font-size:14px;}
.sub-panel li a{font-size:16px;}
.sub-panel li .count{ font-size:20px; line-height:20px; } 
.sub-panel_link a{font-size:16px;}

/* Font Color Css*/
.sub-panel .hd{color:#000;}
.sub-panel li a{color:#000; }

.sub-panel li .count{ color:#000;} 
.sub-panel_link a{ font-size:16px;}


/* Background Color Css*/
.sub-panel{ background:@SubPanel-BgColor; border:1px solid; border-color:@SubPanel-BorderColor}
.sub-panel .hd{ background:@SubPanel-HdBgColor; border-bottom:1px solid; border-color:@SubPanel-BorderColor}
.sub-panel .content{ border-bottom:1px solid ; border-color:@SubPanel-BorderColor}
.sub-panel li{ border-bottom:1px solid ; border-color:@SubPanel-BorderColor}

.sub-panel li .count{ background:#ebf5ff; border:1px solid #c3d2db;} 
.sub-panel li:nth-child(even) {background:@SubPanel-RowEvenBg}
.sub-panel li:nth-child(odd) {background:@SubPanel-RowOddBg}
.sub-panel_link{ border-bottom:1px solid #c3d2db;}
.sub-panel_link a{ color:#1a1f23;}
.task { background:#f8fdff !important}
.task li {border-bottom:1px solid #d1dce3 !important}

/* :::::::::::::::::::::::::::::: SUB PANEL CSS END :::::::::::::::::::::::::::::: */

/* :::::::::::::::::::::::::::::: FOOTER CSS START :::::::::::::::::::::::::::::: */

/* Font Size Css*/
#footer{font-size:11px; color:@FooterFontColor; }

/* Font Color Css*/
#footer{color:@FooterFontColor; }

/* Background Color Css*/
#footer{ background:@FooterBgColor; border-top:2px solid; font-size:@FooterFontSize; color:@FooterFontColor; border-top-color:@FooterBorderColor}

/* :::::::::::::::::::::::::::::: FOOTER CSS ENDS :::::::::::::::::::::::::::::: */

/* :::::::::::::::::::::::::::::: LEFT PANEL CSS START :::::::::::::::::::::::::::::: */

/* Font Size Css*/
.left-nav li a{ font-size:13px}

/* Font Color Css*/
.left-nav li a:hover{ color:#40a3d2;}
.left-nav li a{color:#000; }

/* Background Color Css*/
.left-nav li{border-bottom:1px solid #a3c9e0; }

/* :::::::::::::::::::::::::::::: LEFT PANEL CSS ENDS :::::::::::::::::::::::::::::: */


/* :::::::::::::::::::::::::::::: TAB PANEL CSS START :::::::::::::::::::::::::::::: */

/* ----- : Tab Panel Button Css Start : -----*/

/* Font Size Css*/
ul.tabs li {font-size:14px; line-height: 31px; }

/* Font Color Css*/
ul.tabs li {color:@TabBTFontColor;}
ul.tabs li:hover {color: @TabBTActiveFontColor;}
ul.tabs li.active { color: @TabBTActiveFontColor;}

/* Background Color Css*/
ul.tabs { background:@TabHdBgColor; border-bottom: 2px solid ; border-bottom-color:@TabHdBorderColor;}
ul.tabs li{ background-color:@TabBTBgColor; border:1px solid ; border-color:@TabBTBorderColor;}
.tab_last { border-right: 1px solid #333; }
ul.tabs li:hover { background-color:@TabBTHoverBgColor; }
ul.tabs li.active { background-color:@TabBTActiveBgColor; border-bottom: 1px solid; border-bottom-color:@TabBTActiveBorder}

/* ----- : Tab Panel Button Css Ends : -----*/

/* ----- : Tab Panel Body Css Start : -----*/

.tab_container { background:@TabContentBgColor; border: 1px solid; border-bottom: 2px solid; border-color:@TabContentBorderColor; }


/* ----- : Tab Panel Body Css Ends : -----*/

@media screen and (max-width: 979px) { 
.tab_drawer_heading { background-color:@MoBTBgColor; color:@MoBTFontColor; border-top: 1px solid; border-top-color:@MoBTBorderColor}
.d_active { background-color:@MoBTActive; color:@MoBTActiveFontColor;}
}

/* :::::::::::::::::::::::::::::: TAB PANEL CSS ENDS :::::::::::::::::::::::::::::: */

/* :::::::::::::::::::::::::::::: ACCORDION CSS START :::::::::::::::::::::::::::::: */

/* Font Size Css*/
.accordion dl { border: 1px solid #ddd; }
.accordion dd {font-size: 1em;}
.accordionTitle:before { font-size: 1.5em; line-height: 20px;}

/* Font Color Css*/
.accordion dt > a { color: #393939; }
.accordionTitle:hover { color:#fff}
.accordionTitleActive { color:#fff !important}
.accordionTitleActive:before {color:#FFFFFF}

/* Background Color Css*/
.accordion dl { border: 1px solid #ddd; }
.accordion dl:after {background-color: #c4c4c4;}
.accordion dd { background-color: #fff;}
.accordion { background-color: #ffffff;}
.accordionTitle { background-color: #f2f2f2; border-bottom: 1px solid #c4c4c4;}
.accordionTitle:hover { background-color: #40a3d2; }
.accordionTitleActive { background-color: #40a3d2; }

/* :::::::::::::::::::::::::::::: ACCORDION CSS ENDS :::::::::::::::::::::::::::::: */

/* :::::::::::::::::::::::::::::: ADMIN ICON CSS START :::::::::::::::::::::::::::::: */

/* Font Size Css*/
.admin-box li a{ font-size:13px;}
.admin-box li a p{ font-size:12px;}

/* Font Color Css*/
.admin-box li a{color:#191919;}

/* Background Color Css*/
.admin-box li a{ background-color:#f8f8f8; border:1px solid #d6d6d6; }
.admin-box li a:hover{ background:#e8f3f7}

/* :::::::::::::::::::::::::::::: ADMIN ICON CSS ENDS :::::::::::::::::::::::::::::: */

/* :::::::::::::::::::::::::::::: ADMIN ICON CSS ENDS :::::::::::::::::::::::::::::: */

/* :::::::::::::::::::::::::::::: FORM ELEMENTS CSS ENDS :::::::::::::::::::::::::::::: */

label{ font-size:13px !important; font-weight:bold !important;}

/* ----- : From Group Css Start : -----*/

/* Font Size Css*/
.ms-container .ms-header{ font-size:14px; font-weight:bold}
.ms-container .ms-list li{font-size: 14px;}

/* Font Color Css*/
.ms-container .ms-header{ color:#FFFFFF; }
.ms-container .ms-list li{color: #555;}


/* Background Color Css*/
.form-group{ border: 1px solid #b5d0d9;}
.form-group fieldset{ background: #fff; border-top:1px solid #e6e6e6}
.ms-container .ms-header{ background:#6998a8;  color:#FFFFFF; font-size:14px; font-weight:bold}
.ms-container .ms-list { border:1px solid #6998a8;  }
.ms-container .ms-list li{border-bottom: 1px solid #eee; color: #555; font-size: 14px;}

/*.form-group fieldset:nth-child(odd){ background:#fff;}
.form-group fieldset:nth-child(even){ background:#eaf3f6}
*/
/* ----- : From Group Css Ends : -----*/

/* ----- : Select List Css Start : -----*/

/* Font Size Css*/
.select-xlarge{ font-size:12px;}
.select-large{ font-size:12px;}
.select-med{ font-size:12px; }
.select-sml{ font-size:12px;}
.select{ font-size:12px;}

/* Font Color Css*/
.select-xlarge{ color:#0B0B0B}
.select-large{color:#0B0B0B}
.select-med{ color:#0B0B0B}
.select-sml{ color:#0B0B0B}
.select{ color:#0B0B0B}

/* Background Color Css*/
/*.select-xlarge{ border:1px solid #abadb3; }
.select-large{ border:1px solid #abadb3; }
.select-med{ border:1px solid #abadb3; }
.select-sml{ border:1px solid #abadb3; }
.select{ border:1px solid #abadb3; }*/

/* ----- : Select List Css Ends : -----*/

/* ----- : Text Field Css Start : -----*/

/* Font Size Css*/
.textfield-xlarge{ font-size:12px;}
.textfield-large{ font-size:12px;}
.textfield-med{ font-size:12px; }
.textfield-sml{ font-size:12px;}
.textfield{ font-size:12px;}

/* Font Color Css*/
.textfield-xlarge{ color:#0B0B0B}
.textfield-large{ color:#0B0B0B}
.textfield-med{ color:#0B0B0B }
.textfield-sml{ color:#0B0B0B}
.textfield{ color:#0B0B0B}

/* Background Color Css*/
.textfield-xlarge{ border:1px solid #abadb3; }
.textfield-large{ border:1px solid #abadb3; }

.textfield-med{ border:1px solid #abadb3; }
.textfield-sml{ border:1px solid #abadb3;}
.textfield, input[type=text], input[type=password], select{ border:1px solid #abadb3;}


/* ----- : Text Field Css Ends : -----*/

/* ----- : Text Area Css Start : -----*/

/* Font Size Css*/
.textarea-xlarge{ font-size:12px;}
.textarea-large{ font-size:12px;}
.textarea-med{ font-size:12px;}
.textarea-sml{font-size:12px;}
.textarea{ font-size:12px;}

/* Font Color Css*/
.textarea-xlarge{ color:#0B0B0B}
.textarea-large{ color:#0B0B0B}
.textarea-med{ color:#0B0B0B}
.textarea-sml{ color:#0B0B0B}
.textarea{ color:#0B0B0B}

/* Background Color Css*/
.textarea-xlarge{ border:1px solid #abadb3; background:#fff }
.textarea-large{ border:1px solid #abadb3; background:#fff}
.textarea-med{ border:1px solid #abadb3; background:#fff}
.textarea-sml{ border:1px solid #abadb3; background:#fff}
.textarea{ border:1px solid #abadb3;}

/* ----- : Text Area Css Ends : -----*/

/* ----- : Button Css Start : -----*/

/* Font Size Css*/
.btn-large{font-size:18px; }
.btn-med{ font-size:16px; }
.btn-sml{font-size:12px;}


/* Font Color Css*/
.btn-default{color:@BtnDefault-FontColor;}
.btn-blue{color:@BtnBlue-FontColor}

/* Background Color Css*/
.btn:hover{background-color:@BtnHover-BgColor}
.btn-default{background:@BtnDefault-BgColor; border-color:@BtnDefault-BorderColor ; }
.btn-blue{ background:@BtnBlue-BgColor; border: 1px solid ; border-color:@BtnBlue-BorderColor }
.btn-green { background:@MenuBgColor; border: 1px solid ; border-color:@BtnBlue-BorderColor }

/* ----- : Button Css Ends : -----*/

/* :::::::::::::::::::::::::::::: FORM ELEMENTS CSS ENDS :::::::::::::::::::::::::::::: */

/* :::::::::::::::::::::::::::::: PAGINATION CSS START :::::::::::::::::::::::::::::: */

/* Font Size Css*/
.paginate a { font-size:@Pagination-FontSize; line-height:22px; }

/* Font Color Css*/
.paginate a { color:@Pagination-FontColor;}
.paginate li.active a{ color:@Pagination-ActiveFontColor;}
.paginate a:hover, .paginate a:focus {color:@Pagination-ActiveFontColor; }

/* Background Color Css*/
.paginate a {background-color:@paginationBgColor; border: 1px solid; border-color:@paginationBorderColor;  }
.paginate a:hover, .paginate a:focus {background-color:@pagination-hoverBgColor ; border-color:@pagination-ActiveBorderColor !important; border: 1px solid; }
.paginate a.more { background: transparent; box-shadow: 0 0 0 0 transparent; border:0 none;}
.paginate li.active a { background-color:@pagination-activeBgColor; border-color:@pagination-ActiveBorderColor !important;  border: 1px solid;}
.paginate-dark a { background-color:@paginationDark-BgColor; border: 1px solid; border-color:@paginationDark-BorderColor ;}
.paginate-dark a:hover, .paginate-dark a:focus { background-color:@paginationDark-HoverBgColor; border: 1px solid; border-color:@pagination-ActiveBorderColor !important;}
.paginate-dark a.active { background-color:@paginationDark-ActiveColor;  }
.paginate .disabled{ border:0px !important}

/* :::::::::::::::::::::::::::::: PAGINATION CSS ENDS :::::::::::::::::::::::::::::: */

/* :::::::::::::::::::::::::::::: TABLE CSS START :::::::::::::::::::::::::::::: */

/* ----- : Talel Header Section Css Start : -----*/

/* Font Size Css*/

/* Font Color Css*/

/* Background Color Css*/
.table-hd{ background:#FFF;}

/* ----- : Talel Header Section Css Ends : -----*/

/* ----- : Talel Css Start : -----*/

/* Font Size Css*/
.table table thead th{ font-weight:bold; font-size:12px; vertical-align:top}
.table table thead th .h1 a{ color:@GridHeaderFontColor; }
.table table thead th .sml-h1 a{ color:@GridHeaderFontColor; }
/* Font Color Css*/
.table table thead th{ color:#000;}

/* Background Color Css*/
/*.table{ border:1px solid #b5d0d9;overflow:auto;}*/
.table{ border:1px solid; border-color:@GridBorderColor}
.table table thead th{ background-color:@GridHdBgColor; border-right:1px solid; border-color:@GridRowBorderColor;}
.table table tbody td{border-right:1px solid #b5bec2; border-bottom:1px solid; border-color:@GridRowBorderColor;}
.table table tbody tr:nth-child(even) {background:@GridRowEvenBgColor ;   }
.table table tbody tr:nth-child(odd) {background:@GridRowOddBgColor; }
.table table tbody tr:hover { background:@GridRowHover; } 
.table table tbody tr.selected{ background:@GridRowHover; } 
.border{ border:1px solid #CBCBCB !important}
/* ----- : Talel Css Ends : -----*/

/* ----- : Border Talel Css Start : -----*/


/* Font Size Css*/

/* Font Color Css*/

/* Background Color Css*/
.table-bordered td{ border-bottom:1px solid #b5bec2 !important; background:#fff; border-color:#fff; /* background:@BorderGrid-RowBgColor; border-right:0px !important; border-color:@BorderGrid-RowBorderColor*/ }
.table-colored td{ background:@GridHdBgColor !important;}/*@ColoredGrid-RowBgColor*/



/* ----- : Border Talel Css Ends : -----*/


/* :::::::::::::::::::::::::::::: TABLE CSS ENDS :::::::::::::::::::::::::::::: */

/* :::::::::::::::::::::::::::::: ICON CSS START :::::::::::::::::::::::::::::: */

i{color:@IconColor ; }
a i{color:@IconColor }
button i{color:@IconColor !important}
i:hover{color:@IconHoverColor !important}
button:hover i{color:@IconHoverColor !important}

/* Icon Large Css*/
.icon-large{ font-size:@IconLargeSize}

/* Icon Mediume Css*/
.icon-med{ font-size:@IconMediumSize}

/* Icon Small Css*/
.icon-sml{ font-size:@IconSmallSize}

/* Icon Extra Small Css*/
.icon-xsml{ font-size:@IconXSmallSize}

/* ----- : Icon with Background Css : -----*/

/* BG Icon Large Css*/
.bg-icon-large button { background:none !important; border:none !important; }
.bg-icon-large button::-moz-focus-inner { border:0; padding:0 }
.bg-icon-large i { font-size: 22px; line-height: 22px;  background: #f8f8f8; border: 1px solid #dad9d9;}

/* BG Icon Mediume Css*/
.bg-icon-med button { background:none !important; border:none !important }
.bg-icon-med i { font-size: 16px; line-height: 14px; background: #f8f8f8; border: 1px solid #dad9d9;}

/* BG Icon Small Css*/
.bg-icon-sml button { background:none !important; border:none !important }
.bg-icon-sml i { font-size: 15px; line-height: 15px; background: #f8f8f8; border: 1px solid #dad9d9;}

/* ----- : Icon with Background Css : -----*/

/* :::::::::::::::::::::::::::::: ICON CSS ENDS :::::::::::::::::::::::::::::: */

/* :::::::::::::::::::::::::::::: ANNOUNCEMENT CSS START :::::::::::::::::::::::::::::: /*

/* Font Size Css*/

/* Font Color Css*/
.announcement li a{ color:#2E2E2E; border-bottom:1px solid #cecece}

/* Background Color Css*/
.announcement li a{ border-bottom:1px solid #cecece}
.announcement li:nth-child(even) {background:#fff}
.announcement li:nth-child(odd) {background:#f2f2f2}
.announcement .bg { background:#f2f2f2; height:100%}

/* :::::::::::::::::::::::::::::: ANNOUNCEMENT CSS ENDS :::::::::::::::::::::::::::::: */

/*:::::::::::::::::::::::::::::: HELP CSS ENDS :::::::::::::::::::::::::::::: */

/* Font Size Css*/

/* Font Color Css*/

/* Background Color Css*/
.help{ margin-bottom:20px}
.help ul{ background:#f4f4f4; border:1px solid #dfdfdf;}

/* :::::::::::: START TASK MENU ON INCIDENT LIST START ::::::::::::*/

/* Font Size Css*/

/* Font Color Css*/

/* Background Color Css*/
.custom-menu { border: 1px solid #6998a8;}
.custom-menu li {background-color: #fff !important;}
.custom-menu ul li:hover { background-color: #6998a8 !important; color:#fff}
.custom-menu ul li i:hover {color:#000 !important;}
.custom-menu li i { background:none !important; border:0px !important;
    }

/* :::::::::::: START TASK MENU ON INCIDENT LIST ENDS ::::::::::::*/

/* :::::::::::: END TASK MENU ON INCIDENT LIST START ::::::::::::*/

.loader { background: url("images/loading.gif") no-repeat center; background-color: #000; }

/* :::::::::::: END TASK MENU ON INCIDENT LIST END ::::::::::::*/

/* :::::::::::: START GRID FILTER MENU ::::::::::::*/

.thumbnail:hover {background:@GridRowHover}


/* Font Color Css*/
.filter_list li:hover, .filter_list li.selected { color:#fff}

/* Background Color Css*/
.filter_list { background-color: white; border: 2px solid #6998a8;}
.filter_list li:hover, .filter_list li.selected { background-color: #6998a8;}
.filter-box ul li:hover, .filter-box ul .selected { background: #b9dce8; cursor: pointer;}
.filter-box .list{ border:1px solid #b4b4b4}
.filter-box .list li:hover{ background:#b9dce8 !important; cursor:pointer}
.text-white{ color:@Logout-UserName}
.text-white a{ color:@Logout-UserName}
.text-white a:hover{ text-decoration:underline}
.thumbnail {background-color: #fff; border: 1px solid #ddd;}
.k-state-selected { background:@MenuBgColor !important; border-color:@BtnGreen-BorderColor !important}

#cssmenu { background: @PanelHdBgColor;  zoom: 1; font-size: 12px;}
#cssmenu > ul > li > a { border-right: 4px solid @MenuBgColor; color: @MenuFontColor;}
#cssmenu > ul > li > a:hover { color: @MenuFontColor;}
#cssmenu > ul > li.active a { background: @MenuBgColor;}
#cssmenu > ul > li a:hover,
#cssmenu > ul > li:hover a { background: @MenuBgColor;}
#cssmenu ul ul { border: 1px solid @MenuBgColor;}
#cssmenu ul ul a { font-size: 12px; color: @MenuFontColor;}
#cssmenu ul ul a:hover { color: @MenuFontColor;}
#cssmenu ul ul li { border-bottom: 1px solid #9cb731;}
#cssmenu ul ul li:hover > a {background: @PanelHdBgColor; color: @MenuFontColor;}
#cssmenu.align-right > ul > li > a {border-left: 4px solid #1b9bff; border-right: none;}

.enduser-box .top{ background:@EnduserBox-HdBgColor; }
.enduser-box .top .icon i{color:@EnduserBox-HdFontColor}
.enduser-box .title { background:@EnduserBox-BodyBgColor; color:@EnduserBox-BodyFontColor;}


.summary .box{ background:#fff;  border-color:#e8e8e8; }
.summary .box:hover{ background:#f4f4f4;}
.summary .box .icon{ background:@MenuActiveBgColor; }
.summary .box:hover .icon{ background:@MenuBgColor;}
.summary .box .icon i{ color:#fff;}
.summary .box:hover .icon i{ color:#fff;}
.summary .box:hover .icon i:hover{ color:#fff !important;}
.summary .box .content > h1{ color:#000}
.summary .box .content > p{ color:#000}


/* :::::::::::: START SEARCH DROPDOWN MENU ::::::::::::*/

/* Background Color Css*/
.search-box .input-group .search-group-btn .btn {background-color: @SearchDP-buttonBg; }
.search-box .input-group .search-group-btn .selected{ background:@SearchDP-buttonBg-selected}
.search-box .input-group .search-group-btn #settingul { background-color: @SearchDP-buttonBg-selected ;}
.search-box .input-group .search-group-btn #settingul ul li a{ background-color: @SearchDP-buttonBg-selected; }
.search-box .input-group .search-group-btn #settingul ul li a:hover{ background:@SearchDP-buttonBg;}

/* Font Color Css*/
.search-box .input-group .search-group-btn #settingul ul li a{ color: @SearchDP-FontColor; }
.search-box .input-group .search-group-btn #settingul ul li a:hover{color:@SearchDP-FontColor-hover; border-left:1px solid #f1f1f1; border-right:1px solid #f1f1f1;}
.search-box .input-group .search-group-btn #settingsBar i.selected{color:@SearchDP-FontColor !important;}

/* Background Color Css*/
.search-box .input-group .search-group-btn #settingul2 { background-color: @SearchDP-buttonBg-selected;}
.search-box .input-group .search-group-btn #settingul2 ul li a { background-color: @SearchDP-buttonBg-selected;}
.search-box .input-group .search-group-btn #settingul2 ul li a:hover {  background: @SearchDP-buttonBg; }

/* Font Color Css*/
.search-box .input-group .search-group-btn #settingul2 ul li a { color: @SearchDP-FontColor;}
.search-box .input-group .search-group-btn #settingul2 ul li a:hover { color: @SearchDP-FontColor-hover;border-left: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1;}
.search-box .input-group .search-group-btn #settingsBar2 i.selected { color: @SearchDP-FontColor !important;}

.notification {background:@MenuActiveBgColor; color:@MenuFontColor; font-size:11px; font-weight:bold; }
.massage { font-size:@BreadcrumbFontSize ; }/*border-left:1px solid @BreadcrumbFontColor */
.massage i { font-size:@BreadcrumbFontSize }
.massage i:hover{color:@BreadcrumbFontColor !important;}

/*Message color*/
.field-validation-error{color:@Message-Error;}/*font-weight:bold;*/
.sucess-text {color:@Message-Success !important;}
.panel-massage { font-size:@BreadcrumbFontSize !important; font-weight:normal !important}
.panel-massage i{ font-size:@BreadcrumbFontSize !important}
.panel-massage i:hover{color:@BreadcrumbFontColor !important;}

/*Popup color*/
.ui-widget-header{ background:@Popup-HdBgColor !important; color:@Popup-HdFontColor !important; }
.ui-widget-content { background:@Popup-BodyBgColor; border: 1px solid @Popup-HdBgColor !important; color:@bodyFontcolor !important;}