.login_bg
{
  font-family: sans-serif;
  background-image: url('../img/main_back.jpg');
  background-size: cover;
}


.login_bg::before {
     content: "";
    background-color: #00000085;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top:0px;
}
.menu_link_divider{
	border-right: 2px dotted #f2f2f3;
	padding-right: 10px;
}

.statistics_quick_links{
	margin : 12px;
}

.statistics_quick_links>a{
	color : #f2f2f3;
}

.statistics_quick_links>a>i{
	color : #fffff;
	margin : 5px;
}

.form_div{
	padding : 15px;
}

.shb_btn_label {
	position: relative;
	left: -12px;
	display: inline-block;
	padding: 6px 12px;
	background: rgba(0,0,0,0.15);
	border-radius: 3px 0 0 3px;
}

.shb_btn_action {
	padding-top: 0;
	padding-bottom: 0;
	background-color : #d12294;
}

.shb_btn_clear {
	padding-top: 0;
	padding-bottom: 0;
	background-color : #707070;
}

.btn { 
	margin-bottom:10px; 
}

.form-section-label{
	color: #97282C;
	font-family: Tahoma, Verdana, Segoe, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;
}

.last_login{
	font-family: Tahoma, Verdana, Segoe, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;
	padding-right : 5px;
}

.user_role{
	font-family: Tahoma, Verdana, Segoe, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;
}

.user_menu{
	font-family: Tahoma, Verdana, Segoe, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;
}

.breadcrumps_style{
	padding : 0px;
	font-family: Tahoma, Verdana, Segoe, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;
}

.view_header{
	color : #8a1119;
	font-family: Tahoma, Verdana, Segoe, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	font-weight: 595;
	line-height: 20px;
}

.menu_more{
	background-color : #a0a0a4;
	font-family: serif;
	color: #3c3c3c;
}

.menu_style{
	border-radius: 0 0 64px 64px / 0 0 38px 38px;
	width : 120px;
	background-color : #F9DF8D;
	color: #3c3c3c;
	font-size: 18px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;
}

.menu_div{
	background-color:#F4F4F2;
	padding-bottom:0px;
  border-top:solid 5px #f8dc0b;
  border-bottom: solid 5px #f8dc0b; 
}

.sub_menu_style{
	background-color : #F8DC0B;
	color: #3c3c3c;
	font-family: Tahoma, Verdana, Segoe, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;
}

.shb_footer{
	background-color : #5a5365;
	padding : 5px;
  color: #fff;
}

.shb_footer a:hover{
  color: yellow;
}

.shb_logo{
	margin: 11px;
}

.menu_dropdown{
	background-color : #F4F4F2;
	font-family: serif;
}

.lg_menu_padding{
	padding-top : 5px;
}

.user-login-role{
	font-size : 10px;
}

.main-header .navbar-custom-menu {
    float: right;
}

.custom_menus{
	float : right;
	max-height: 40px;
}

.navbar-custom-menu .navbar-nav {
    float: left;
    margin: 0;
}

.navbar-custom-menu > .navbar-nav {
    float: right;
}

.navbar-custom-menu .navbar-nav > li > a {
    line-height: 20px;
    padding-bottom: 15px;
    padding-top: 15px;
}

.navbar-nav > .user-menu .user-image {
    float: none;
    line-height: 10px;
    margin-right: 0;
    margin-top: -8px;
}

.navbar-custom-menu .navbar-nav > li {
    float: left;
}

.project-title
{
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
	z-index : 0;
	margin-top: 14px;
	font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
	font-size: 32px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 15.3999996185303px;
	padding-top:10px;
}


.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    height: 175px;
    padding: 10px;
    text-align: center;
}

.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    background: #fff none repeat scroll 0 0;
    
    left: auto;
    position: absolute;
    right: 5%;
}

.navbar-nav > .user-menu > .dropdown-menu, .navbar-nav > .user-menu > .dropdown-menu > .user-body {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.navbar-nav > .user-menu > .dropdown-menu > .user-body::before, .navbar-nav > .user-menu > .dropdown-menu > .user-body::after {
    content: " ";
    display: table;
}

.navbar-nav > .user-menu > .dropdown-menu > .user-body::after {
    clear: both;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
    border: 3px solid rgba(255, 255, 255, 0.2);
    height: 90px;
    width: 90px;
    z-index: 5;
}

.navbar-nav > .user-menu .user-image {
    border-radius: 50%;
    float: left;
    height: 25px;
    margin-right: 10px;
    margin-top: -2px;
    width: 25px;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li.header, .navbar-nav > .messages-menu > .dropdown-menu > li.header, .navbar-nav > .tasks-menu > .dropdown-menu > li.header {
    background-color: #ffffff;
    border-bottom: 1px solid #f4f4f4;
    border-radius: 4px 4px 0 0;
    color: #444444;
    font-size: 14px;
    padding: 7px 10px;
}

.label_notification{
    font-size: 9px;
    line-height: 0.9;
    padding: 2px 3px;
    position: absolute;
    right: 7px;
    text-align: center;
    top: 9px;
}

.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    left: auto;
    position: absolute;
    right: 0;
}

.shb-tittle{
	font-size : 35px;
	text-align : center
}

.login-title{
	font-size : 25px;
	text-align : center;
	margin-bottom : 30px;
}

.menu-content{
	position:absolute;
}

.menu-button{
	position : absolute;
	z-index : 5;
}

.menu-close-margin{
	margin-top : 4px;
}

.login-font-color{
	color : white;
}



.login-font-color:hover, a:focus
{
  color: #ffe106;

}

.login-box{
    margin: 15% auto;
    max-width: 360px;
}

.container{
	margin: 2% auto;
}

.login-body{
	background : #5a5365;
	padding : 20px;
  border-radius:10px;

}

.shb-logo
{
  text-align: center;
  background : #5a5365;
  padding-top: 20px;
  padding-bottom: 30px;
}

/* css for flyout */
     
.required {
  background-color:#F2DEDE !important;
  border: 1px #F00 solid !important;
}
     
.statistics {
  position  : fixed;
  font-family: Tahoma,Verdana,Segoe,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  line-height: 20px;
}
     
.statistics-form-wrapper {
  display : block;
  z-index : 9999;
  top : 640px; 
}

.content_border_padding{
	padding : 5px;
	background-color : #159594;
	border-radius: 15px;
}
    
.statistics input{
  margin-bottom:5px; 
}
     
.statistics legend{
  color   : #FFF;
}
     
.statistics-toggle {
  top     : 595px;
  cursor    : pointer;
  padding-left: -75px;
  z-index   : 10000;  
  background-color : #d12294;
  color : #fff;
}

.shb_header{
	background-color : #D12294;
	margin-bottom : 0;
}

.shb_menu_padding{
	padding : 0px;
	border-bottom: 1px dashed #a34e24;
}

.shb_white_font{
	color : white;
}

.close_button_position{
	position :absolute;
}

.footer_administrator{
	padding: 0 15px;
	 line-height: 1em;
}

.footer_links {
    border-right: 1px solid #e0f3f6;
}

/* for dotted line */
.dotted-seperator {
    border: 1px dotted grey;
    margin-bottom: 10px;
    margin-top: 10px;
}

.fa-style{
	color: #feca18;
}

.contact-admin a{
	color: #ffffff;
	font-size: 14px;
	margin: 5px;
	padding: 2px;
}

.page-dashboard-actions-bar{
	padding-left: 5px;
	padding-right: 5px;
}

.statistics_menu_heading{
	color : #f8dc0b;
}

.page-dashboard-button{
	background-color : #f2f2f3;
	color : #8a1119;
	margin : 5px;
	padding : 10px;
	border-radius : 50px;
}

.page-dashboard-button .badge{
	background-color: #d12294;
	color: white;
}

.page-dashboard-button .state_buttons{
	margin : 5px;
}


.page-content{
	margin: 25px 5px;
    /*border: 1px dotted grey;*/
}

.select-action-button-bar{
	margin-top: 25px;
	background-color: #ffffff;
}

.box {
  position: relative;
  border-radius: 3px;
  margin-bottom: 20px;
  /*background: #F2F2F3;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);*/
  padding: 5px 0px;
}

.box.box-top-border {
  border-top-color: #00777d;
}

.box.box-solid.box-danger > .box-header {
  color: #ffffff;
  background: #dd4b39;
  background-color: #dd4b39;
}

.box-header .box-title {
  display: inline-block;
  font-size: 18px;
  margin: 0;
  line-height: 1;
  color: #159594;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 20px;
  padding-left: 5px;
}

.box-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 10px;
}

.shb-portal{
  background-color: #1951fa;
  color: #feca18;
  text-align: center;
  padding: 10px;
  width: 100%;
}

.btn-actions-bar{
  background-color: #ffffff;
  margin: 0px;
  padding: 15px;
}

.btn-actions-bar>a{
	margin : 5px;
}

.pagination_padding{
	padding-right: 15px;
}

.btn-primary-action{
  background-color: #1951fa;
  color: #ffffff;
  border-radius: 5px;
  margin: 5px;
}

.btn-second-action{
	background-color: #feca18;
	padding-top: 0;
	padding-bottom: 0;
}

.btn-third-action{
  background-color: #00777d;
  padding-top: 0;
  padding-bottom: 0;
}

.btn-fourth-action{
  background-color: #CCCC00;
  padding-top: 0;
  padding-bottom: 0;
}

.btn-fifth-action{
  background-color: #CCCC00;
  padding-top: 0;
  padding-bottom: 0;
}

.btn-sixth-action{
  background-color: #00a65a;
  padding-top: 0;
  padding-bottom: 0;
}

.btn-seventh-action{
  background-color: #f39c12;
  padding-top: 0;
  padding-bottom: 0;
}

.btn-eightth-action{
  background-color: #00c0ef;
  padding-top: 0;
  padding-bottom: 0;
}

.btn-nineth-action{
  background-color: #dd4b39;
   padding-top: 0;
  padding-bottom: 0;
}

.btn-default-action{
  background-color: #fcfcfc;
  color: #00777d;
  border-radius: 5px;
  margin: 5px;
}

.tbl-header{
  background-color: #a8a8a8;
  color: #ffffff;
  border: 1px solid #efefef;
  text-align: center;
}

.tbl-body-cell{
  border: 1px solid #efefef;
  border-radius: 5px;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu, .navbar-nav > .messages-menu > .dropdown-menu > li .menu, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu {
    list-style: outside none none;
    margin: 0;
    max-height: 200px;
    overflow-x: hidden;
    padding: 0;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
    color: #444444;
    overflow: hidden;
    padding: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
    border-bottom: 1px solid #f4f4f4;
    display: block;
    white-space: nowrap;
}

.navbar-nav > .user-menu > .dropdown-menu > .user-body {
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #dddddd;
    padding: 15px;
}


@media(max-width : 505px){
	.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
		left: auto;
		position: relative;
		right: 0;
		float : left;
	}
}


/* Main Navigation */
#nav {
    position:relative;
    width:100%;
    margin:0 auto;
  
}
 
ul#navigation {
    margin:0px auto;
    position:relative;
    padding: 0px;
}
 
ul#navigation li {
    display:inline;
    font-size:12px;
    font-weight:bold;
    margin:0;
    padding:0;
    float:left;
    position:relative;
  
}
 
ul#navigation li a {
    padding:10px 10px;
    color:#000;
    text-decoration:none;
    display:inline-block;
    border-right:1px solid #fff;
    border-left:1px solid #C2C2C2;
    border-top:1px solid #fff;
    background: #f5f5f5;
    -webkit-transition:color 0.2s linear, background 0.2s linear;
    -moz-transition:color 0.2s linear, background 0.2s linear;
    -o-transition:color 0.2s linear, background 0.2s linear;
    transition:color 0.2s linear, background 0.2s linear;
    font-family: Tahoma, Verdana, Segoe, sans-serif;
    font-size: 14px;
    font-weight: normal;}
 
ul#navigation li a:hover {
   background: #5a5365 !important;
    color: #fff;
}
 
ul#navigation li a.first {
    border-left: 0 none;
}
 
ul#navigation li a.last {
    border-right: 0 none;
}
 
ul#navigation li:hover > a {
    background:#fff;
}

ul#navigation li:hover > ul
{
/*these 2 styles are very important,
being the ones which make the drop-down to appear on hover */
    visibility:visible;
    opacity:1;
}
 
ul#navigation ul, ul#navigation ul li ul {
    list-style: none;
    margin: 0;
    padding: 0;
/*the next 2 styles are very important,
being the ones which make the drop-down to stay hidden */
    visibility:hidden;
    opacity:0;
    position: absolute;
    z-index: 99999;
    width:180px;
    background:#f8f8f8;
    box-shadow:1px 1px 3px #ccc;
/* css3 transitions for smooth hover effect */
    -webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
    -moz-transition:opacity 0.2s linear, visibility 0.2s linear;
    -o-transition:opacity 0.2s linear, visibility 0.2s linear;
    transition:opacity 0.2s linear, visibility 0.2s linear;
}
 
ul#navigation ul {
    top: 43px;
    left: 1px;
}
 
ul#navigation ul li ul {
    top: 0;
    left: 181px; /* strong related to width:180px; from above */
}
 
ul#navigation ul li {
    clear:both;
    width:100%;
    border:0 none;
    border-bottom:1px solid #c9c9c9;
}
 
ul#navigation ul li a {
    background:none;
    padding:7px 15px;
    color:#616161;
    
    text-decoration:none;
    display:inline-block;
    border:0 none;
    float:left;
    clear:both;
    width:100%;
}