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

/* { font-family: 'open_sansregular', Arial, sans-serif; }
    { font-family: 'open_sanslight', 'open_sanssemibold', Arial, sans-serif; }
    {font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"}*/
.fa-rotate-45 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

html, body{ height:100%; font-family: 'open_sansregular', Arial, sans-serif; font-size:13px; color:#444;}
 .PageMainWrapper { position:relative; min-height:100%; /*background-color:#01579b*/}
.PageMainLoginWrapper{position:relative; min-height:100%; background-color:#01579b} /*explicitelt for login page on 16th jan */
/* Logo */
.TopBarLogoContainer {background-color:#01579b;  padding: 8px 0;}
/*.TopBarLogoContainer {background-color:##01579b; padding:8px 0;} */   /*FOR JCB */
.TopBarLogoContainer a.LogoLink { text-decoration:none;}

/*Right logo for client */
.TopBarRightLogoContainer {background-color:#01579b;  padding: 8px 0;}
.TopBarRightLogoContainer a.LogoLink { text-decoration:none;}

/* user-details */
.user-details {float:right; position:relative; margin: 0px;}
.user-details .welcome-text  {    float: left; color:#ffffff;    text-align: right; line-height:12px;     font-size: 12px;    padding: 0px 10px;}
.user-details .welcome-text p { margin:0 0 5px; padding:0;  line-height:12px;     font-size: 12px;}
.user-img {    float: right;}
.user-details .user-img img {    width: 27px;    height: 24px;    border: 0px;    -webkit-border-radius: 2px;    -moz-border-radius: 2px;    border-radius: 2px;}
.user-details .user-img .dropdown-menu {right:0; left:inherit;}
.user-details .user-img .dropdown-menu i.fa {    width: 16px;    height: 16px;    font-size: 16px;    margin: 0 5px 0 0;}

/* Top Menu Container */
.TopMenuContainer {background-color: #0288d1;  padding: 0; margin:0;}
.TopMenuContainer .navbar {border-bottom:0px;     min-height: 40px;}
/*.TopMenuContainer .navbar {border-bottom:0px;     min-height: 0px;}*/ /*Updated on 7th Jan*/
.TopMenuContainer li.dropdown { position:static;}

/* MEGA MENU STYLE
********************************/ 
.TopMenuContainer .dropdown-menu.mega-menu { background-color:#eceff1; width:100%; margin:0 0; padding:0px 0 5px; border-bottom:1px solid #6593b5;      -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .0);      box-shadow: 0 0px 0px rgba(0, 0, 0, .0);}
.TopMenuContainer .dropdown-menu.mega-menu .mega-menu {	padding: 10px 0px ! important; max-width:1150px; margin:0 auto;  	width:100% /*540px*/;  border-radius: 0;   }
	/* .mega-menu li { 		display: inline-block;		float: left;		font-size: 0.94rem;		padding: 3px 0px;		}
		.mega-menu li.mega-menu-column {			margin-right: 20px;			width: 150px;			}*/
		.mega-menu .nav-header { padding: 0 !important; margin-bottom: 10px; display: inline-block; width: 100%; border-bottom: 1px solid #ddd;	}
      .mega-menu img { padding-bottom: 10px;}
.TopMenuContainer .dropdown-menu.mega-menu ul { padding:0 0 5px; margin:0; list-style:none;  z-index: 2147483647;}
.TopMenuContainer .navbar ul.nav > li  { border-left:1px solid  #cccccc; border-color: #cccccc;}
.TopMenuContainer .navbar ul.nav > li:last-child { border-right:1px solid  #cccccc; border-color: #cccccc;}

/* Disable Toggle style
********************************/  

/* Dropdown Toggle on style */
.navbar .nav li.dropdown.open > .dropdown-toggle, 
.navbar .nav li.dropdown.active > .dropdown-toggle, 
.navbar .nav li.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: #f99406; /* Set to inherit when using mouse hover to open dropdown 
    color: inherit;*/
        z-index: 2147483647;
    }   
    /* Toggle off style */
    .navbar .nav li.dropdown.open.active > .dropdown-toggle,
    .navbar .nav > li.dropdown > a:focus { 
    background: inherit;
    color: #ffffff;
    }
   .navbar .nav > li.dropdown li.nav-header h3 {    font-size: 14px;    font-weight: normal;    padding: 0;    margin: 8px 0 ;    color: #0288d1;}
            
            
    /* Toggle caret*/
    .navbar .nav li.dropdown > .dropdown-toggle .caret {        /*border-bottom-color: ;        border-top-color:;  */      }
        /* Toggle caret hover */
        .navbar .nav li.dropdown > a:hover .caret, 
        .navbar .nav li.dropdown > a:focus .caret {        border-bottom-color: #fff;        border-top-color: #fff;        }
        /* Toggle caret active */
        .navbar .nav li.dropdown.open > .dropdown-toggle .caret, 
        .navbar .nav li.dropdown.active > .dropdown-toggle .caret, 
        .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {        border-bottom-color:#fff;        border-top-color: #fff;        }

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
   background-color: #000;
    background-image: none;
    border: 1px solid #cbaaaa00;
    border-radius: 4px;
}
.navbar-toggle .icon-bar {
    background-color: #fff;
}
/* Hover style
********************************/ 
.navbar .nav > li > a, .mega-menu a
 { 
  -webkit-transition: all 200ms ease;
	 -moz-transition: all 200ms ease;
	  -ms-transition: all 200ms ease;
	   -o-transition: all 200ms ease;
	      transition: all 200ms ease; 
	
		 /* -webkit-transform: translate3d(0, 0, 0); Webkit Hardware Acceleration*/ 
	     -webkit-backface-visibility: hidden; /* Safari Flicker Fix #2 */
	     -webkit-transform: translateZ(0);
}		

.TopMenuContainer .navbar .nav > li > a {color:white; padding:10px 25px 10px;font-size:15px;}
.TopMenuContainer .navbar .nav > li > a:after { content:" "; position:absolute; left:50%; bottom:0;  display: inline-block;
  width: 0;
  height: 0;
  margin-left: -4px;
  vertical-align: middle;
  border-bottom: 8px dashed rgba(255,255,255,0.64);
  border-bottom: 8px solid \9;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;}
  .TopMenuContainer .navbar .nav > li > a:hover:after, .navbar .nav li.active > a:after { border-bottom:8px dashed rgba(236,239,241,1); }
  .TopMenuContainer .navbar .nav > li.dropdown > a:hover:after { border-bottom:9px dashed rgba(236,239,241,1); z-index:1001; bottom:-1px; display:block;}
  
  .TopMenuContainer .navbar .nav li.dropdown > a {z-index:1011;}
  .TopMenuContainer .navbar .nav li.active > a  {
    text-decoration: none; background-color:#f89406; color:#ffffff;
  }
.TopMenuContainer .nav > li > a:hover, .TopMenuContainer .nav > li > a:focus,  
/* Toggle hover */
    .TopMenuContainer .navbar .nav li.dropdown > .dropdown-toggle:hover,
    .TopMenuContainer .navbar .nav li.dropdown.open > .dropdown-toggle:hover  {
    text-decoration: none;
    background-color:#01579b; color:#ffffff;
}
.TopMenuContainer .navbar .nav > li .dropdown-menu a { color:#333333; font-size: 13px;   padding-left: 0px;}
.TopMenuContainer .navbar .nav > li .dropdown-menu a:hover {font-weight:normal; color:#0288d1;text-decoration:none}
/*.TopMenuContainer .navbar .nav > li .dropdown-menu a { color:#01579b; font-size: 12px;   padding-left: 15px;}*/ 

/* Footer */
footer {    position: absolute;    bottom: 0;    width: 100%;    padding: 0;    margin: 0; height:0px;} /*Height updated on 7th jan*/
.FooterContainer { background-color:#01579b;}
.FooterContainer  .FooterLogo { text-align:right;     margin: 8px 0;    height: 14px;}

/* Common CSS */
.input-block-level {    display: block;    width: 100%;    min-height: 30px;    box-sizing: border-box;}
.text-Red    { color: #fe0000; float:left; padding:0 5px 0 0;}

.tab-content label { font-weight:normal;}
.row.bg-info.form-group {    padding-top: 5px;    border-radius: 4px;}
.PageContentDiv {    padding-bottom: 80px; /*background-color:#01579b;*/ /*padding-top:68px;*/ margin-bottom:0px;}/*updated on 16th Jan*/
.PageContentPaddingDiv {padding-bottom: 195px; background-color:#FFF; margin-top:28px; /*margin-bottom:0px;*/}  /*explicitely for Login Page*/
.PageContentLoginDiv {    /*padding-bottom: 80px; background-image:url(../Images/LoginPage_00218.png);*/ background-color:#FFF; background-position:center;  margin-top:68px; background-repeat:no-repeat; height:348px; background-size:inherit; } /*implicitely for login page (8th jan)*/
.row.bg-info.form-group .form-group .checkbox {    margin-top: 22px;}
/* login Page */
.signin {    position:relative;    width: 380px;    height: 274px;    margin-top: 0%;margin-bottom: 52px;}
.signin h2 {    line-height: 32px;    font-weight:normal; text-align:center; font-size:24px;    margin-bottom: 20px;    color: black;} /*SignIn h2 color (8th jan)*/
.signin .signin-wrapper {    background: #FFF;    border: 1px solid #6593b5;    border-radius: 4px;    padding: 10px;  -webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, .3); 
     box-shadow: 0 0px 15px rgba(0, 0, 0, .3);  }
.signin .signin-wrapper .content {    padding: 10px 10px 0;}
.signin .signin-wrapper .content .input-group {    margin-bottom: 20px;}
.signin .signin-wrapper .actions {    padding: 0px 10px 5px; text-align:center;}
.signin .signin-wrapper .content .input {padding: 4px 6px;     margin-top: 5px;    font-weight: 400;    background: #FAFAFA none repeat scroll 0% 0%;    border: 1px solid #D9D9D9;}
.signin .signin-wrapper .actions a {    color: #e6e6e6;}

/* Add Emploee Page */
.page-header {    margin: -10px 0 10px 0px;    border-bottom: 1px solid #0287d2;}
.page-header h2{ font-weight: normal;
    margin: 12px 0 0;
    padding: 0;
    color: #0287d2;
    font-size: 20px; }  


	/* Tabs Styling */
.PageContentDiv ul.nav.nav-tabs {
    background-color: #cfd8dc;
    /*-webkit-box-shadow:inset 0 2px 4px 0 rgba(0,0,0,.25);*/
    /*box-shadow:inset 0 2px 4px 0 rgba(0,0,0,.25); border-radius: 4px;*/
}
    .PageContentDiv .tab-content > .active {    padding: 10px 15px; background:#f5f7fa;}
.PageContentDiv ul.nav.nav-tabs > li > a {
    margin-right: 5px;
    line-height: 2em;
    border: 0px solid transparent;
    border-radius: 0 0; margin:0;
    
    color: #333;
}
.PageContentDiv ul.nav.nav-tabs > li:first-child > a {border-radius:4px 0 0 4px  ;}

.PageContentDiv ul.nav.nav-tabs > li.active > a, .PageContentDiv ul.nav.nav-tabs > li.active > a:hover, .PageContentDiv ul.nav.nav-tabs > li.active > a:focus, .PageContentDiv ul.nav.nav-tabs > li > a:hover, .PageContentDiv ul.nav.nav-tabs > li > a:focus {
    color: #fff;
    cursor: default;
    /*background-color: #f49206;*/ 
     background-color: #0287d2;
    border: 0px solid #ddd;
    border-bottom-color: transparent; -webkit-box-shadow:inset 0 3px 2px 0 rgba(0,0,0,.25);
box-shadow:inset 0 2px 2px 0 rgba(0,0,0,.25);
 
}
.PageContentDiv ul.nav.nav-tabs > li > a:hover, .PageContentDiv ul.nav.nav-tabs > li > a:focus { background-color: #f49206; }
.PageContentDiv ul.nav.nav-tabs > li.active > a:after,.PageContentDiv ul.nav.nav-tabs > li > a:hover:after, .PageContentDiv ul.nav.nav-tabs > li > a:focus:after { content:" "; position:absolute; left:50%; bottom:-6px;  display: inline-block;
  width: 0;
  height: 0;
  margin-left: -3px;
  vertical-align: middle;
  /*border-top: 6px dashed #0287d2;*/
  /*border-top: 6px solid \9;*/
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;}
   
  .PageContentDiv ul.nav.nav-tabs > li.active > a:hover:after { /*border-top:6px dashed red;*/  }
  
  .TabContentSectionTitle {    margin: 5px 0;    padding: 0 0 3px; border-bottom:1px #cfcfcf solid;}
  
 /* User Photo Control */
  .UserPhotoThumbnailContainer .thumbnail { border-color:#999999; padding:0px; background-color:transparent;     max-height: 255px;    height: 260px;    width: 100%;    max-width: 230px; overflow:hidden; -webkit-box-shadow:inset 2px 2px 1px 0 rgba(0,0,0,0.2); box-shadow:inset 2px 2px 1px 0 rgba(0,0,0,0.2); margin: 25px 0 20px; position:relative;}
  
  .UserPhotoThumbnailContainer .thumbnail:before {content:"upload your photo"; color: #666; font-size: 14px; position: absolute; top: 46%; left: 50%; margin-left: -60px;  z-index: -1;}
  .UserPhotoThumbnailContainer .thumbnail img { width:100%; height:auto; z-index:2; vertical-align: middle;}
  
  .UserImageUploadContainer #files.files {    margin: 25px 0 10px;   height: 170px;}
  .UserImageUploadContainer .progress {height:8px;}
  .UserImageUploadContainer .files p span {    border: 1px solid #ccc;    width: 100%;    display: block;    margin: 10px 0;    padding: 5px;    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);    border-radius: 4px;}
.UserImageUploadContainer button.btn.btn-primary {    position: absolute;    right: 100px;    border: 0;    bottom: 0px;   height: 34px;}
.UserImageUploadContainer span.text-danger {
    width: 50% !important;
    /* display: table; */
    right: 15px;
    position: absolute;
    bottom: -10px;
}

/* Logo Photo Control */
  .LogoPhotoThumbnailContainer .thumbnail { border-color:#999999; padding:0px; background-color:transparent; max-height: 155px;    height: 150px;    width: 100%;    max-width: 230px; overflow:hidden; -webkit-box-shadow:inset 2px 2px 1px 0 rgba(0,0,0,0.2); box-shadow:inset 2px 2px 1px 0 rgba(0,0,0,0.2); margin: 5px 0 20px; position:relative;}
  
  .LogoPhotoThumbnailContainer .thumbnail:before {content:"Logo Placeholder"; color: #666; font-size: 14px; position: absolute; top: 46%; left: 50%; margin-left: -60px;  z-index: -1;}
  .LogoPhotoThumbnailContainer .thumbnail img { width:100%; height:auto; z-index:2; vertical-align: middle;}
  
  .LogoImageUploadContainer #files.files {    margin: 25px 0 10px;   height: 70px;}
  .LogoImageUploadContainer .progress {height:8px;}
  .LogoImageUploadContainer .files p span {    border: 1px solid #ccc;    width: 100%;    display: block;    margin: 10px 0;    padding: 5px;    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);    border-radius: 4px;}
.LogoImageUploadContainer button.btn.btn-primary {    position: absolute;    right: 100px;    border: 0;    bottom: 0px;   height: 34px;}
.LogoImageUploadContainer span.text-danger {    width: 50% !important;    /* display: table; */    right: 15px;   position: absolute;   bottom: -10px;}
.LogoImageUploadContainer #files div p canvas {    display: none;}


 /* breadcrumb */
.breadcrumb.breadcrumb-bar-inverse, .breadcrumb-bar-inverse {  background-color: #404040; color:#ffffff; border-color: #404040; margin-bottom: 0;    border-radius: 4px;}
.row.breadcrumb-bar-inverse {margin-bottom:15px;}
.breadcrumb.breadcrumb-bar-inverse a {color:#ffffff;}
.breadcrumb.breadcrumb-bar-inverse > .active {color:#e8e8e8;}
.breadcrumb.breadcrumb-bar-inverse > li + li:before { content:">"}

.breadcrumbEditBar { text-align:right;}
.breadcrumbEditBar a.btn {    color: #fff;    font-size: 18px;}
.breadcrumbEditBar a.btn:hover { color: #cccccc;}


/* ActionBtnDiv */
.actionBtnContainer hr {    border-top: 1px solid #cfcfcf;}
.ActionBtnDiv { text-align:center;     margin-bottom: 10px;}
.ActionBtnDiv input.btn {
    margin: 0 5px;
}

/* modal */
.modal-header {    background-color: #333;    border-radius: 0px;    padding: 7px 15px;}
.modal-body { color:#333;}

/* Table */
.table th {    background-color: #81d4fa;}
.table-striped > tbody > tr:nth-of-type(odd) {   background-color: #f9f9f9;}
.table-striped > tbody > tr:hover:nth-of-type(odd) {   background-color: #f5f5f5;}
.table > thead > tr > th { border-bottom-color: #81d4fa;}
.hsHide {    display: none;    visibility: hidden;}
.headerSearchIcon {    float: right;    margin-right: 12px;}
.headerShort  { float: right;    margin-right: 5px;}
.input-append { background:#fdffc7;    margin: 0 -6px -7px;    padding: 0 5px;}
.input-append input[type="text"] { height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #000; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; margin:5px 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.input-small {    width: 90px;}
/*a.EditLink {    color: #333;    text-align: center;    display: block;    width: 28px;    margin: 0 auto;}*/
a.EditLink {    color: #333;    text-align:center;    display:inherit;    width: 28px;    margin: 0 auto;} /*alignment left (8th Jan)*/


/* Custom CSS By SMS Start here */

.treegrid-indent {width:16px; height: 16px; display: inline-block; position: relative;}
.treegrid-expander {width:16px; height: 16px; display: inline-block; position: relative; cursor: pointer;}
.treegrid-expander-expanded{background-image: url('../Images/System/collapse.png'); }
.treegrid-expander-collapsed{background-image: url('../Images/System/expand.png');}

/*CSS for collapse  Div start here*/

.collapseDiv, .mainDiv {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-right: 0px;
    margin-left: 0px;
    border: 1px solid rgba(22,100,136,0.6);
    margin-bottom: 16px;
    margin-top: 16px;
    -webkit-box-shadow: 0 2px 0 0 rgba(22,100,136,0.6);
    box-shadow: 0 2px 0px 0 rgba(22,100,136,0.6);
}
.collapseDivHeading, .ReportDivheading {
   font-weight: bold;
   padding:4px 9px;
   background: #3bb8e4;
 }
    .collapseDivHeading a, .ReportDivheading a { display:block; cursor:pointer; text-decoration:none;
    }
    .collapseDivHeading label, .ReportDivheading label {
        margin-left: 38px;
            font-size: 13px;     margin-top: 2px;
    color: #fff;
    font-family: 'open_sanssemibold', Arial, sans-serif;
    }
.collapseDivHeading a:before, .ReportDivheading a:before {
    content: "\f068";
    font: normal normal normal 14px/1 FontAwesome;
    margin-top: 2px;
    position: absolute;
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    width: 20px;
    text-align: center;
    background-color: #0a7796;
    color: #fff;
    /* border: 1px solid #eee; */
    -webkit-box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.15);
    box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.15);
}

.collapseDivHeading a.collapsed:before, .ReportDivheading a.collapsed:before {
     content: '\f067';
     font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    background-color: #0a7796;
    color: #fff;
    /* border: 1px solid #eee; */
    -webkit-box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.15);
    box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.15);
}

     .collapseDivContent.form-group {
    margin-left: 0px;
    margin-right: 0px;
    padding: 10px 0 0;
    margin-bottom: 0px !important;
    background: #fff;
    border-radius: 3px;

}

    /*CSS for collapse  Div end here*/

/*  Custom CSS By SMS END here  */


/* Custom CSS Akbar */

.custom.nav > li > a {
    padding:2px 15px;
}

.no-shadow.custom {
    box-shadow:none !important;
}

.no-shadow.custom.nav.nav-tabs > li.active > a, .no-shadow.custom.nav.nav-tabs > li.active > a:hover, .no-shadow.custom.nav.nav-tabs > li.active > a:focus, .no-shadow.custom.nav.nav-tabs > li > a:hover, .no-shadow.custom.nav.nav-tabs > li > a:focus{
    box-shadow:none !important;
}

.p-0 {
    padding:0;
}

.p-5 {
    padding:5px;
}

.p-10 {
    padding:10px;
}
.p-b-10 {
    padding-bottom:10px;
}
.m-t-55 {
    margin-top:55px;
}

.m-t-30 {
    margin-top:30px;
}

.m-t-25 {
    margin-top:25px;
}

.m-t-15 {
    margin-top:15px;
}

.m-b-15 {
    margin-bottom:15px;
}

.m-t-20 {
    margin-top:20px;
}
.m-t-10 {
    margin-top:10px;
}

.m-b-10 {
    margin-bottom:10px;
}
.m-b-20 {
    margin-bottom:20px;
}

.m-t-0 {
    margin-top:0px;
}

.m-b-0 {
    margin-bottom:0px;
}

.td-10 {
    width:10%;
}

.td-20 {
    width:20%;
}

.td-30 {
    width:30%;
}

.td-40 {
    width:40%;
}
.td-80 {
    width:80%;
}
.datepicker{z-index:1151 !important;}
.form-control {
    font-weight: normal;
}
.input-append {
    background: transparent;
}
.input-append input[type="text"] {
    margin: 0;
}
.btn-transperant {
    background:transparent;
    border:0;
}
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    /*width:463px;*/
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
}
.text-align{
    /*CSS for create button */
    font-size:15px;
background-color:#337ab7;
border-color:#2e6da4;
color:#fff;
border:0px;
}
.dummy {
padding-top:10px;
padding-bottom:10px;

padding-right:10px;
}
.table-top-margin {
border-top:0px;
}
.innertablealign {
white-space:nowrap;
}
.normal-label {
    font-weight:normal;
}
.no-border {
    border:none !important;
}
.bottom-border {
    border-bottom: 1px solid #ddd;
}
.custom.list-group {
    margin-bottom:0;
}

.list-group-item:first-child {
    border-radius:0;
}

.list-group-item:last-child {
    border-radius:0;
}

.tree-level-1 {
    color:#8F06DA;
    color:#910317;    
    font-size:19px;
}
.tree-level-2 {
    color:#6C0AA2;
    color:#03092F;
    color: #FF00B1;
    font-size:18px;
}
.tree-level-3 {
    color:#783F97;
    color:#986C0E;
    color: #29D5CD;
    font-size:17px;
}
.tree-level-4 {
    color:#8F06DA;
    color:#53102A;
    color: #F41A6F;
    font-size:16px;
}
.tree-level-5 {
    color:#5C048C;
    color:#530808;
    color: #3A22FF;
    font-size:15px;
}
.tree-level-6 {
    color:#9F12EC;
    color:#9F12EC;
    font-size:14px;
}

#EmployeeDetail label {
    font-weight:600;
}

.label-600 label {
    font-weight:600;
}
b, strong {
    font-weight:600;
}

.table > thead > tr > th {
    font-weight: 600;
}
.table > thead > tr > th b{
    font-weight: 600;
}

.form-group {
    margin-bottom: 10px !important;
}
.form-control {
   /* height: 26px !important; */
    color:#000;
    padding: 0 0 0 5px;
}
.select-control {
    height:85px !important;
    color:#000;
    padding:0 0 0 5px;
    width:238px;
}

.TopMenuContainer .navbar {
    /*min-height: 30px;*/
    min-height: 0px;
}
    .TopMenuContainer .navbar .nav > li > a {
        padding: 5px 25px 6px;
    font-size: 14px;
    }
        .TopMenuContainer .navbar .nav > li > a:after {
            content:none;
        }

/* Tab Navigation */
.nav-tabs {
    margin: 0;
    padding: 0;
    border: 0;    
    background:none !important;    
}
.nav-tabs > li > a {
    background: #e6e6e6;
   border-radius: 4px 4px 0 0 !important;
    box-shadow: inset 0 -8px 7px -9px rgba(0,0,0,.4),-2px -2px 5px -2px rgba(0,0,0,.4);
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover {
    background: #F5F5F5;
    box-shadow: inset 0 0 0 0 rgba(0,0,0,.4),-2px -3px 5px -2px rgba(0,0,0,.4);
}

.footer-text {
font-size:12px}
/* Tab Content */
.tab-pane {
    /*background: #F5F5F5;
    box-shadow: 0 0 4px rgba(0,0,0,.4);
    border-radius: 0;
    text-align: center;
    padding: 10px;*/
}

.UserPhotoThumbnailContainer .thumbnail {
    max-height: 100px;
    max-width:100px;
}

.btn-file {
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.btn-file:HOVER {
 	opacity:0.9;
	border-bottom: medium;
}

.btn-file input[type=file] {
 	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
/* 	font-size: 999px; */
	/*text-align: right;*/
    text-align: center;
 	filter: alpha(opacity = 0);
 	opacity: 0;
	outline: none;
	background: white;
	cursor: inherit;
	display: block;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.faint {
    display:    none;
    position:   fixed;
    z-index:    1050;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../Images/System/loading36.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

.modal.in.loading{
	overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .faint {
    display: block;
}

.modal.in.loading .faint{
	display: block;
}

.dashboard-panel,.dashboard-panel-fixed {
    border-radius:0;
    height : 200px;
}

.dashboard-panel .panel-heading ,.dashboard-panel-fixed .panel-heading {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.dashboard-panel .panel-body{
    max-height:143px; 
    overflow-y:auto;
}

.dashboard-panel .panel-body-nooverflow{
    max-height:143px; 
    
}


.dashboard-panel .panel-body-no-height{
    overflow-y:auto;
}

.dashboard-panel-fixed .panel-body {
    overflow-y:auto;
    height:200px;
}

.dashboard-panel .list-group-item, .dashboard-panel-fixed .list-group-item {
    padding: 6px 15px;
    font-size: 16px;
}

    .dashboard-panel .panel-body p, .dashboard-panel-fixed .panel-body p {
        margin-bottom: 5px;
    }
td.fc-header-right {
    width: 245px;
}

a#ShowDayStatus {
    float: right;
    color: white;
    padding: 2px 3px 0;
    margin: 1px 7px 0;
    font-size: 17px;
}
.panel-body .badge {
    font-size:15px;
    width:50px;
    float:right;
}
.word-wrap {
word-wrap:break-word;
}
.main-image {
/*border:1px solid gray;*/
margin-left:58px
}
.initcap::first-letter{                 /*explicitely for first letter to be capital (20th Jan)*/
text-transform:uppercase;
}
.border-right {
        border-right: 1px solid #ddd;
    }
    .panel-body .data-item label {
        font-weight:600;
    }
    .panel-body .data-item{
        margin-bottom:6px;
    }

    .panel {
        border-radius: 4px;
    }

    .panel-heading {
        padding:12px 12px;
    }
    /*Facesheet CSS */
.width-140 {
width: 140px;
}
.width-160 {
width:160px;
}
.width-130 {
width:130px
}
.width-120 {
 width:120px;
}
.width-175 {
width:175px;
}
.width-23 {
 width:23%}
.padding-right-left-2 {
padding-right:2px;
padding-left:2px;
}
.width-62 {
 width:62%
}
/*.no-gutters starts*/
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}
.width-51 {
 width:51% 
}
.width-49 {
    width:49%;
}
.width-194 {
width:194px;
}
.experience-height {
padding:3px 15px;
}
/*.page-header-custom {    margin: 0px 0 5px;    border-bottom: 1px solid #9E9E9E;}
.page-header-custom h2{ font-weight:normal; margin:0; padding:0; color:#333333; font-size:22px; }*/  
/*.no-gutters ends*/

/*Facesheet CSS ends*/

  .capitalize {
        text-transform: capitalize;
    }
/* Custom CSS Akbar */

/* Custom CSS Start 06-May-2016 */
.tbl-up-side
{
    background: #e3e3e3;
    margin: 0px;
    padding: 8px;
    border: 1px solid #d9d9d9; border-bottom:0px;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

    .tbl-up-side .col-md-10 { padding-left:0;
    }
.tab-content-bdr{
    border: 2px solid #0287d2; /*padding: 10px;*/
}



.fl-left {
    float : left;
}

.fl-right {
    float : right;
}

.panel-heading-title {
        font-size : 15px;
        color : #02579a;
        padding:12px 12px;
       font-weight : 600;
    }

.grid-txt {
    font-size: 12px;
    color: #444445;
    line-height: 16px;
    border-top: 1px solid #e9eaec;
}
/* Custom CSS End 06-May-2016 */

/* Custom CSS Start 17-May-2016 */
.btn { padding:3px 12px 5px; font-size:13px; }

/* File Upload Button */
.LogoPhotoThumbnailContainer {    margin: 10px 0;}
input#btnUpload { width:50%;}

input[type="text"].form-control, select.form-control, textarea.form-control { -webkit-border-radius: 3px; border-radius: 3px; border-color:#ccc;
                                  font-size:12px; color:#666;}

.SubFooterContainer .RequiredfieldsContainer { font-size:11px;
   /* margin-top: 15px;
    padding-top: 8px;
    border-top: 0px dotted #333;*/
}

label {   
    font-family: 'open_sansregular', Arial, sans-serif;
}

.TabContentSectionTitle label {
    color: #0287d2;
    font-weight: normal;
    font-size: 13px;
    font-family:'open_sanssemibold', Arial, sans-serif;
}

.table.table-condensed th {
    background-color: #00bff3;
    border: 0px;
    color: #fff;
    font-size: 13px;
    font-family: 'open_sanssemibold', Arial, sans-serif;
    padding: 6px 5px 6px 10px;
}
.table-condensed > tbody > tr > td { padding: 5px 5px 5px 10px;
}
.tbl-up-side .col-md-2 {
    text-align: right;
}
.tbl-up-side .col-md-2 span {
    font-size: 13px;
    display: inline-block;
    padding: 4px 0 0 2px;
    font-family: 'open_sanssemibold', Arial, sans-serif;
    text-shadow: 1px 1px 1px #FFFFFF;
    color: #0287d2;
}

.EmployeeSSContainer {
    -webkit-box-shadow: inset 0 0 12px 0 rgba(5,89,112,0.25);
    box-shadow: inset 0 0 12px 0 rgba(5,89,112,0.25);
    padding: 15px 0;
    background-color: #FFF;
    height: auto;
    min-height: 100px;
    margin: 0 0 10px;
    border-radius: 4px;
}

.EmployeeTitleDiv {
    color: #0287d2; line-height:26px;
}
img#ImgEmployeeShortSummary {
    border: 3px solid #00bff3;
}

.aInnerMenu.btn .fa {
    padding-right: 5px;
}

#spnemployeeStatusName {
    color: #fff;
    background-color: green;
    padding: 1px 15px 2px;
    border-radius: 10px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}

#divEmployee label.normal-label.width-130 {
    line-height: 24px;
}

.form-group .checkbox {
    margin: 0px 0 10px;
}
table#tblEmployeeAllocateToOrg, table#tblEmployeeReporting, table#tblEmployeeProbation, table#tblEmployeeShiftPattern, table#tblEmployeeCard, table#tblEmployeeAddress,
table#tblEmployeeEducation, table#tblEmployeeDelegation, table#dtEmployeeAppaeralList, table#dtEmployeeExperienceList, table#dtEmployeeTrainingList, table#dtEmployeeOverSeasList,
table#dtEmployeeRatingList, table#dtEmployeeSabbaticalList, table#dtFamilyMemberList
 {
    background-color: #fff;
}

.EmplRepoMgerContainer {
    background-color: #fff;
    padding: 10px;
    border: 1px #ccc solid;
    border-radius: 3px;
}
.EmplRepoMgerContainer label {
    font-weight: normal;
    color: #0287d2;
    font-size: 13px;
    font-family: 'open_sanssemibold', Arial, sans-serif;
}
.EmplRepoContainer {
    margin-top:24px;
}

.modal-header .close, h4.modal-title {
  
    color: #fff;
}
/* Custom CSS End 17-May-2016 */
/* Custom CSS start 18-May-2016 */
span.LabelTitle {
    font-family: 'open_sanssemibold', Arial, sans-serif;
}
#divEmployeeExperience span.LabelTitle {
    color:#0287d2;
}

.input-group-addon {
    padding: 4px;
}
#divEmployeeList .input-group-addon, #divEmployeeList .input-group-btn {
    width: 0%;
}
#divEmployee .panel-body .data-item label { font-family: 'open_sanssemibold', Arial, sans-serif; font-weight:normal;
}
/* Custom CSS End 18-May-2016 */
/* Custom CSS Start 19-May-2016 */
.alert {
    padding: 5px 15px;
}
.alert span.fa-stack {    margin-right: 8px;}
.alert span.fa-stack.fa-lg {    font-size: 14px;}
/* Custom CSS End 19-May-2016 */
/* Custom CSS Start 20-May-2016 */

.user-details .user-img .dropdown {
    cursor: pointer;
}
#divWorkFlowMasterList .dtTable table table {
    color: #000;
}
.ArrowContainer {
    position: absolute;
    text-align: center;
    left: 50%;
    font-size: 18px;
    line-height: 1em;
    margin-top: -4px;
}
#divWorkFlowMasterList .dtTable table table tr:nth-child(1), 
#divWorkFlowDetailList #tblWorkFlowDetailList tr:nth-child(1) {
    background: #f49206;
}
#divWorkFlowMasterList .dtTable table table tr:nth-child(2), #divWorkFlowDetailList #tblWorkFlowDetailList tr:nth-child(2) {
    background: #faaa32;
}
#divWorkFlowMasterList .dtTable table table tr:nth-child(3), #divWorkFlowDetailList #tblWorkFlowDetailList tr:nth-child(3) {
    background: #fcc067;
}
#divWorkFlowMasterList .dtTable table table tr:nth-child(4), #divWorkFlowDetailList #tblWorkFlowDetailList tr:nth-child(4) {
    background: #fdd9a2;
}
#divWorkFlowMasterList .dtTable table table tr:last-child .ArrowContainer, 
#divWorkFlowDetailList #tblWorkFlowDetailList tr:last-child .ArrowContainer{
    display:none;
}
#divEmployeeNamesLevelWiseDisplay div {
    font-family: 'open_sanssemibold', Arial, sans-serif; font-weight:normal;
    padding: 5px 10px;
    margin-bottom: 3px;
    border-radius: 4px;
}
#divEmployeeNamesLevelWiseDisplay div.Level1 {
    background: #f49206;
}
#divEmployeeNamesLevelWiseDisplay div.Level2 {
    background: #faaa32;
}
#divEmployeeNamesLevelWiseDisplay div.Level3 {
    background: #fcc067;
}
#divEmployeeNamesLevelWiseDisplay div.Level4 {
    background: #fdd9a2;
}
.table .table {
    margin: 5px 0;
}
#tblsubsidiaryBranchEmpCategory.table th .table {
    border: 0px; margin:0;
}
#tblsubsidiaryBranchEmpCategory.table.table-condensed > tr > th {
    padding:3px 5px 3px 10px;
}
#tblsubsidiaryBranchEmpCategory.table.table-condensed tr > th:nth-child(2) {
    padding:3px 5px 0px 10px;
}

#divShiftTimeConfigList .input-group.hsShow {
    max-width: 215px;
}
/* Custom CSS End 20-May-2016 */

/* Custom CSS Start 21-May-2016 */
/* Dashboard Page */
.nav-tabs > li#liMDashboard, .nav-tabs > li#liTDashboard, .nav-tabs > li#liAdminDashboard {
    margin-bottom: 0px;
}
.nav-tabs > li#liMDashboard > a, .nav-tabs > li#liTDashboard > a, .nav-tabs > li#liAdminDashboard > a {
    box-shadow:none; line-height:2.5em;
    border-radius: 4px 4px 0 0 !important;
    
}
.nav-tabs > li > a i.fa {
    margin: 0 5px; font-size:1.5em; vertical-align:middle;
}

.nav-tabs > li > a i.fa.fa-cog.fa-stack-1x {
    font-size: 1em;
    color: #999;
    left: -6px;
    position: absolute;
    top: -2px;
}
    .nav-tabs > li > a:hover i.fa.fa-cog.fa-stack-1x {color: #ccc;
    }
/* Calendar */
#divShowCalenderStatus .LeftDiv {
    padding: 0;
    width: 100%;
    position:relative;
}
#divShowCalenderStatus table.fc-header {
    background-color: #0287d2; border: 0px;
}
#divShowCalenderStatus .EmployeeDiv {
    color: #fff;
}


#divShowCalenderStatus div#spnEmp {
    max-width: 250px;
    background-color: #f6f7fa;
    margin: 5px auto;
    border-radius: 4px;
    color: #0e1a35;
    padding: 2px;
}
#divShowCalenderStatus div#spnEmp span#spnSelectEmployee {
    float: left;
    padding: 0 7px 0 5px;
}
#divShowCalenderStatus div#spnEmp span#clearSelectEmployee {
    float: left;
    margin: 3px 0 0;
}
#divShowCalenderStatus .EmployeeDiv a {
    color: #0e1a35;    float: right;
    margin: -1px 5px 0;
}

#maincalendar > table.fc-header td.fc-header-left {
    width: 200px;
    padding: 1px 10px;
    color: #fff;
    font-family: 'open_sanssemibold', Arial, sans-serif;
    font-weight: normal;
}
#maincalendar table.fc-header .fc-button {
    margin: 4px 5px;
    background: transparent;
    box-shadow: none;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    padding:0;
}
#maincalendar table.fc-header .fc-header-title h2 {
    margin-top: 6px;
}
#maincalendar table.fc-header .fc-text-arrow {
    margin: 0 0;
    line-height: 20px;
    vertical-align: top;
}

#maincalendar table.fc-border-separate { border-color:#0287d2;
}

th.fc-day-header.fc-widget-header {
    text-align: left;
    padding: 3px 10px;
    font-family: 'open_sanssemibold', Arial, sans-serif;
    color: #333;
    text-transform: uppercase;
    font-size: 11px;
}
td.fc-day.fc-widget-content {
    position: relative;
}
.fc-day-content {
    position: absolute;
    width: 100%;
    bottom: 10px;
}
.fc-grid .fc-widget-content .fc-day-number {
    float:none;
    font-weight:bold;
    padding-left:5px;
}
.CalImgContainer {
    float: left;
    width: 34px;
}
.CalImgContainer img {
    height: 24px;
    width: 24px;
}
.CalDayStatusDiv {
    background-color: #f6f6f6;
    margin: 0px 10px 0 36px;
    min-height: 20px;
    line-height: 20px;
    font-family: 'open_sanssemibold', Arial, sans-serif;
    font-weight: normal;
    font-size: 12px;
    border:1px solid #dadada;
    border-left: 3px solid #ff8951;
}
    .CalDayStatusDiv span {
        padding-left:5px;
        font-size:12px;
    }

    /*.CalPopOver {
    background-color: #fff;
    border: 1px solid #ccc;
    min-height:80px;
    width:150px;
    display:none;
    position:absolute;
    z-index:10; 
    overflow:visible;
    padding: 5px;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(30,30,30,0.2);
box-shadow: 2px 2px 5px 0 rgba(30,30,30,0.2);
}*/

    .CalPopOver {
    background-color: #fff;
    border: 1px solid #ccc;
    min-height:80px;
    width:150px;
    display:none;
    position:absolute;
    z-index:1000000; 
    overflow:visible;
    padding: 5px;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(30,30,30,0.2);
box-shadow: 2px 2px 5px 0 rgba(30,30,30,0.2);
}

        .CalPopOver table {
            border: 0px transparent;
        }


        .StatusPopContent {
    position: relative;
    display: block;
}
            .StatusPopContent {
                font-size:12px;
            }
      .StatusPopContent .CalPopStatusDetails .Date {
    text-align: center;
    font-size: 12px;
    font-family: 'open_sanssemibold', Arial, sans-serif;
}

   .StatusPopContent .CalPopStatusDetails .InTime span,
   .StatusPopContent .CalPopStatusDetails .OutTime span,
   .StatusPopContent .CalPopStatusDetails .ManHours span,
   .StatusPopContent .CalPopShiftDetails span {
    color: #666;
    display: inline-block;
    width: 75px;
}

   .StatusPopContent .CalPopStatuDetails {
    border-top: 1px solid #ccc;
    font-size: 13px;
    padding: 3px 0;
    font-family: 'open_sanssemibold', Arial, sans-serif;
}
   .StatusPopContent .CalPopStatuDetails span {color: #666;
    display: inline-block;
    width: 75px;
}


/* Square Box */
.SquareBox {
    display:block;
    border-radius: 4px;
    padding:10px;

}
.SquareBox1 {
    display:block;
    border-radius: 4px;
    padding:10px;

}

.SquareBox2 {
    display:block;
    border-radius: 4px;
    padding:10px;

}

.SquareBox3 {
    display:block;
    border-radius: 4px;
    padding:10px;

}

.SquareBoxTitle {
    font-size: 12px;
    color:#fff;
}
.SquareBoxDigit {
    font-size: 3em;
    color:#fff;
    font-weight:normal;
}
.SquareBoxLink {
    border-top: 1px solid #fff;
    padding: 7px 0 0;
    font-size: 10px;
}
.SquareBoxLink a {
    color: #fff;
}
.col-md-6.First, .col-md-6.Third {
    padding-right: 5px;
}
.col-md-6.Second, .col-md-6.Forth {
    padding-left: 5px;
}
.RedB_BGC {
    background-color: #e06d6a;
}
.SkyB_BGC {
    background-color: #00bff3;
}
.LGreen_BGC {
    background-color: #7cc576;
}
.Violet_BGC {
    background-color: #8c6239;
}
/* Birthday */
#divTodayBdayListDash .panel.dashboard-panel {
    height: auto;
    max-height: 318px;
    min-height:318px;
}

#divTodayBdayListDash .panel.dashboard-panel .p-5 {overflow-y:auto;
}
#divTodayBdayListDash .panel-heading-title.active {
    font-family: 'open_sanssemibold', Arial, sans-serif;
    color: #02579a;
}

#divTodayBdayListDash .panel-heading-title {
    font-size: 14px;
    color: #979797;
    font-weight: normal;
}
#divTodayBdayListDash i.fa {
    color: #02579a;
}
a#showTodaysBithday, a#showMonthsBithday {
    margin: 0px 15px 0 0;
}
.bd-emp-img {
   height: 50px;
   width : 50px;
   border-radius: 25px;
   border : 2px solid #cbcbcb;
    
}

.bd-emp-txt{
    font-weight: 600;
    font-size : 12px;
    color: #444445;
    line-height: 16px;
}

.bd-emp-deg{
    font-size : 12px;
    color: #6f7a8c;
    line-height: 16px;
}

.bd-div {
    border-top: 1px solid #e9eaec;
    margin:0 2px 12px;
    min-height:64px;
    padding-top: 12px;

}
.bd-div img.img.img-responsive {
    max-height: 58px;
}
/* Custom CSS End 21-May-2016 */
.DashboardContainer .dashboard-panel {
    height:auto;
    min-height:240px; position:relative;
}
.DashboardContainer .panel-heading {
    padding: 10px 5px;
}
.DashboardContainer .panel-heading-title {
       font-size: 14px;
    font-weight: normal;
    padding: 0;
    font-family: 'open_sanssemibold', Arial, sans-serif;
    margin-left: 5px;
}
.DashboardContainer .dashboard-panel .divfooter {
    position: absolute;
    bottom: 15px;
    right: 10px;
}
.DashboardContainer .divfooter .panel-heading-title {
    font-size: 13px;
    color: #979797;
}
.DashboardContainer .divfooter .panel-heading-title.active {
    font-family: 'open_sanssemibold', Arial, sans-serif;
    color: #02579a;
}
i.fa.fa-newspaper-o.fa-2x.fl-right {
    font-size: 2.3em;
}

canvas {-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;}

/* Report Page Styles */
  /* .mainDiv {
        border: 1px solid #d4d4d4;
    }


    .ReportDivheading {
        background: #d4d4d4 none repeat scroll 0 0;
        font-weight: normal;
        padding: 4px;
    }

        .ReportDivheading a {
            cursor: pointer;
            font-size: 16px;
        }

        .ReportDivheading .title {
            margin-left: 17px;
            color: black !important;
            cursor: pointer;
            font-weight: normal;
        }

        .ReportDivheading a:before {
            content: '-';
            position: absolute;
            color: black;
            font-size: 20px;
            margin-top: -4px;
        }

        .ReportDivheading a.collapsed:before {
            content: '+';
            color: black;
            margin-top: -4px;
            font-size: 20px;
        }
*/
    .SubDiv {
        padding: 15px;
    }

    .SubDivHeading {
        background: #00bff3;
        font-weight: normal;
        color: #fff;
        padding:4px 4px 2px;
        border: 1px solid #00bff3;
        font-size: 14px;
        -webkit-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
        clear:both;
    } 
    .SubDivHeading input{
            float: left; margin:0 3px 0 0;
        }
     .SubDivHeading span {
            float: left; font-size: 12px;
    display: inline-block;
    margin-top: -2px; text-transform:uppercase;
        }
    .SubDivBody {
        margin-left: 5px !important;
    }
     .listDiv {
        width: auto;
        height: 102px;
        border: 1px solid #00bff3;
        padding: 10px;
        overflow-y: auto;
    }
#divBasicChk input[type="checkbox"], #ReportColoumnDiv input[type="checkbox"] { margin:0 3px 0 0 ;    vertical-align: middle;
}
#DivSubsidiary .form-group, #DivEmpCategory .form-group, #DivEmpStatus .form-group, #DivGender .form-group, #ReportColoumnDiv .form-group,
#DivEmpDesignation .form-group, #DivDivision .form-group, #DivDepartment .form-group, #DivSubDepartment .form-group, #DivSection .form-group,
#DivBranch .form-group  {
    margin-bottom: 5px !important;
}


.dashboard-panel .panel-body #ulHeadCountList li.list-group-item, .dashboard-panel .panel-body #ulSubordinateList li.list-group-item {
    margin: 0;
    padding: 3px 10px 5px;
    font-size: 13px;
    border: 0px;
    border-bottom: 1px solid #ccc;
}
.dashboard-panel .panel-body #ulSubordinateList li.list-group-item {
    padding: 3px 15px 5px;
}
.dashboard-panel .panel-body #ulHeadCountList .badge {
    font-size: 13px; background-color:#00bff3;
}

#subordinateDiv {
    margin-left: 10px;
    padding: 4px 0;
}
select#ddlSubordinate {
    border: 0px transparent;
    padding: 0 5px;
    height: 23px !important;
}

/* WorkFlow */
#tblWorkFlowDetailList.table.table-condensed th {
    background-color: #333;
}
#divWorkFlowDetailList a.levelEdit {
    display: inline-block;
}
#divWorkFlowDetailList a.levelDelete {
    color:#333;
}
#divWorkFlowDetail table#tblWorkFlowDetail {
    background-color: #efefef;
}
#divWorkFlowDetail .table > tbody > tr > td.EditWorkFlowDetlHeadTD {
    padding: 0px;
}
.EditWorkFlowDetailHeading {
    padding: 5px 10px;
    color: #fff;
    background-color: #00bff3;
    font-family: 'open_sanssemibold', Arial, sans-serif;
}
.EditWorkFlowDetailHeading input#WorkFlowDetail_LevelNo {
    background-color: #fff;
    border: 1px solid #0096BF;
    padding: 0 5px;
    font-size: 14px;
    text-align: center;
    margin: 0 0 0 5px;
    width: 30px !important;
    font-family: 'open_sanssemibold', Arial, sans-serif;
    color: #02579a;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-weight: normal;
    -webkit-box-shadow: 0 0 2px 0 #0096BF;
    box-shadow: 0 0 2px 0 #0096BF;
}

#WorkFlowSubActionBtnDiv input[type="button"] {
    background-color: #444;
}
#WorkFlowSubActionBtnDiv input[type="button"]:hover {
    background-color: #0287d2;
}

/*.bp-item.bp-corner-all.bp-cursor-frame, .bp-item.bp-corner-all.bt-item-frame {
    width: 200px !important;
}*/


#divAttendanceSummary.panel-body, #divAttendanceStatistics.panel-body, #divAttendanceSummaryGraph { max-height:350px; min-height: 350px;
}
 .DashboardContainer .AttendanceSummaryDiv .dashboard-panel, .DashboardContainer .AttendanceStatisticsDiv .dashboard-panel {
    min-height: 300px;
}

 html body .PageMainLoginWrapper {
        background-image:url("../images/System/eMPower-Login-BG.jpg");
        background-size:cover;
        background-position:center;
        margin-top:0;
    }

 button.btn.btn-info.btn-select {
    background-color:#09c823;
        font-size: 12px;
    padding: 2px 8px;
}

 .DashboardContainer .fl-right .fa-stack  i.fa-sort-asc {
    font-size: 1.1em;
    left: 10px;
    position: absolute;
    top: -2px;
}

 .DashboardContainer .fl-right .fa-stack  i.fa-sort-desc {
    font-size: 1.1em;
    left: 10px;
    position: absolute;
    top: -8px;
}
  .DashboardContainer .fl-right .fa-stack  i.fa-sign-out {
    font-size: 1em;
    left: 12px;
    position: absolute;
    top: -6px;
}
   .DashboardContainer .fl-right .fa-stack  i.fa-calendar-times-o {
    font-size: 1em;
    left: 10px;
    position: absolute;
    top: -5px;
}
  
  button#btnDeleteNotificationAlertConfigEmployee.btn.btn-danger {
    padding: 1px 8px;
    margin: -3px 0 0 5px;
}
/* 23/06/2016 */
#OrgStructScopeDiv .OrgStructScopeTitleDiv {
    background-color: #333;
    color: #fff;
    padding:5px 10px;
}
#OrgStructScopeDiv .OrgStructScopeRoundDiv {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow:hidden;
}
#OrgStructScopeDiv .control-group.form-inline {
    background-color: #683f04;
    color: #fff;
}
#OrgStructGridTable.table {
    border:0px;
    margin:0 auto;
}
#OrgStructGridTable.table td {
    padding:0 8px 5px;
    font-family: 'open_sanssemibold', Arial, sans-serif;
}
#OrgStructGridTable.table .tree-level-1 {
    font-size: 14px;
    background-color:#d57f03;
    color:#000;
}
#OrgStructGridTable.table .tree-level-2{
    font-size: 14px;
    background-color:#f49206;
    color:#000;
}
#OrgStructGridTable.table .tree-level-3{
    font-size: 14px;
    background-color:#faaa32;
    color:#000;
}
#OrgStructGridTable.table .tree-level-4{
    font-size: 14px;
    background-color:#fcc067;
    color:#000;
}
#OrgStructGridTable.table .tree-level-5{
    font-size: 14px;
    background-color:#fdd9a2;
    color:#000;
}
#OrgStructGridTable.table .tree-level-6{
    font-size: 14px;
    background-color:#feeaca;
    color:#000;
}
 .changeColor {
        color:#7A35E6;
        background-color: rgba(255, 165, 0, 0.32);
    }
   .spnUserNm {
            border: 1px #ccc solid;
            border-radius: 3px;
            padding: 4px;
            min-width: 190px;
            display: inline-block;
            height:30px;
           vertical-align: middle;
           /*background-color: #000000;*/
    }
/*CSS for new  workflow*/
.pa
{
	padding: 0px;
}
.panel-body {
    padding: 5px;
}
.title
{
	font-size: 18px;
font-weight: 500;
color: #fff;
}
.labelcss
{
	color: #0E56B5;
font-size: 11px;
margin-bottom:0px;
font-weight:500;
}
.labelno
{
	color: #0E56B5;
font-size: 18px;
margin-bottom:0px;
padding-left: 20px;
margin-top: 5px;
}
.ml
{
	margin-left:5px;
}
.border
{
	text-align: center;padding:0px;border: 1px solid #0E56B5;
}

.centerdiv {
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.img-circle
{
	border-radius: 50%;
width: 35px;
height:35px;
border: 1px solid #0E56B5;
margin-top:4px;
}
.panel-default > .panel-heading {
   background-color: #00bff3;
    border-color: #00bff3;
    color: white;
font-size: 18px;
font-weight: 500;
padding: 10px;
}
.panel-default {
    border-color: #00bff3;
}
.ulcss
{
	list-style: none;padding:0px;
}
.inline
{
	display:inline-flex;
}


@media(max-width:480px){
		.SquareBox {
    display: block;
    border-radius: 4px;
    padding: 10px;
	margin-right: 11px;
}
.SquareBox1 {
    display:block;
    border-radius: 4px;
    padding:10px;
     margin-left: 12px;
	 margin-top: 10px;
}

.SquareBox2 {
    display:block;
    border-radius: 4px;
    padding:10px;
   margin-right: 9px;
}

.SquareBox3 {
    display:block;
    border-radius: 4px;
    padding:10px;
    margin-left: 9px;
margin-top: 11px;
}
.modal-dialog {
    width: 292px;
    margin: 40px auto;
}

	}
	@media(max-width:1024px){
		.SquareBox {
    display: block;
    border-radius: 4px;
    padding: 10px;
	margin-right: 11px;
}
.SquareBox1 {
    display:block;
    border-radius: 4px;
    padding:10px;
     margin-left: 12px;
	 margin-top: 10px;
}

.SquareBox2 {
    display:block;
    border-radius: 4px;
    padding:10px;
   margin-right: 9px;
}

.SquareBox3 {
    display:block;
    border-radius: 4px;
    padding:10px;
    margin-left: 9px;
margin-top: 11px;
}
	}