@font-face {
	font-family: 'Pistara';
	src: url('../font/pistara/Pistara.ttf.woff') format('woff'),
		url('../font/pistara/Pistara.ttf.svg#Pistara') format('svg'),
		url('../font/pistara/Pistara.ttf.eot'),
		url('../font/pistara/Pistara.eot?#iefix') format('embedded-opentype'); 
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Raleway-Regular';
	src:  url('../font/raleway/Raleway-Regular.ttf');
	font-weight: normal;
	font-style: normal;
	line-height: 3.3em;
	letter-spacing: 4.2em;
	font-size: 1.3em;
	color: #464646;
}

@font-face {
	font-family: 'Raleway-Medium';
	src:  url('../font/raleway/Raleway-Medium.ttf');
	font-weight: normal;
	font-style: normal;
	line-height: 3.3em;
	letter-spacing: 4.2em;
	font-size: 1.3em;
	color: #464646;
}

@font-face {
	font-family: 'Raleway-SemiBold';
	src:  url('../font/raleway/Raleway-SemiBold.ttf');
	font-weight: normal;
	font-style: normal;
	line-height: 3em;
	letter-spacing: 4.2em;
	font-size: 1.3em;
	color: #464646;
}

@font-face {
	font-family: 'Raleway-SemiBoldItalic';
	src:  url('../font/raleway/Raleway-SemiBoldItalic.ttf');
	font-weight: normal;
	font-style: normal;
	line-height: 3em;
	letter-spacing: 4.2em;
	font-size: 1.3em;
	color: #464646;
}






@font-face {
  font-family: 'Calibri';
  font-style: italic;
  font-weight: 400;
  src: url('../font/Calibri_Italic.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}

@font-face {
  font-family: 'Calibri';
  font-style: italic;
  font-weight: 700;
  src: url('../font/Calibri_Bold_Italic.woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}

@font-face {
  font-family: 'Calibri';
  font-style: normal;
  font-weight: 400;
  src: url('../font/Calibri.woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}

@font-face {
  font-family: 'Calibri';
  font-style: normal;
  font-weight: 700;
  src: url('../font/Calibri_Bold.woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}



html {
	height: 100%;
}

body {
	font-size: 14px;
	background-color: #EFF0F4;
 height: 100%;
  margin: 0;
  font-family: "Calibri" !important;
/*font-family: 'Raleway-Regular';*/
	/*background: -moz-linear-gradient(center top , #FFFFFF, #f0eced) repeat fixed 0 0 rgba(0, 0, 0, 0);
  	-webkit-background-size: cover !important; 
  	-moz-background-size: cover !important; 
  	-o-background-size: cover !important; 
  	background-size: cover !important; */
        /*color: #B20000;*/
        color: #302E45;
}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container

{
min-height:45px;
}

.navbar-fixed-top, .navbar-fixed-bottom {
	position: relative;
}

footer .navbar-inner {
	padding-top: 15px;
	padding-bottom: 15px;
	min-height: auto;
	background-color: transparent;

}

.navbar-fixed-bottom .navbar-inner {
	box-shadow: none;
	background-image: none;
}

.container-fluid {
	padding-top: 30px;
}

/*Nav bar*/
.navbar .brand {
	display: block;
	float: left;
	font-size: 20px;
	font-weight: 200;
	padding: 10px 20px;
	margin-left: -15px;
}

.navbar .nav > li > a {
	float: none;
	padding: 10px 15px;
	text-decoration: none;
}

.navbar-search .search-query {
  	border-radius: 5px;
}

.navbar {
	min-height: 45px;
	border: 0;
}

.container-fluid {
    padding-left: 10px;
    padding-right: 10px;
}

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
	max-height: 100px;
	box-shadow: none;
}

.navbar .brand:hover {
	color: #eb0323;
}

section#navigation-main {
	border-bottom: 1px solid;
}

.navbar ul#yw1 {
	margin-top: 5px;
}

.navbar ul#yw1 a:hover {
	text-decoration: underline;
}

.navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover {
	background-color: transparent;
	color: #000;
}

a:hover {
	color: #333333 !important;
}

.status-danger {
    color: #fff !important;
    background-color: #dc3545 !important;
}

.status-primary {
    color: #fff !important;
    background-color: #007bff !important;

}

.status {
    display: inline-block !important;
    padding: .25em .4em !important;
    font-size: 75% !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: #fff !important;
    text-align: center !important;
    white-space: nowrap !important;
    vertical-align: baseline !important;
    border-radius: .25rem !important;
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
	.container-fluid {
		padding-top: 15px;
	}

	.navbar .brand {
		margin-left: -90px;
	}

	.style-switcher {
		margin-left: -70px;
	}
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
	.container-fluid {
		padding-top: 30px;
	}

	.navbar .brand {
		margin-left: -90px;
	}

	.style-switcher {
		margin-left: -70px;
	}
}

table.detail-view td {
	font-size: 12px;	
}

h1, h2, h3, h4, .portlet > .portlet-decoration, .sidebar-nav > ul > li > a, .navbar a, th {
	font-family: "Calibri";
}

.portlet > .portlet-decoration, .sidebar-nav > ul > li > a, .navbar li > a, th {
	font-size: 14px!important;
}

/* Start Portlets*/
.portlet {
	-webkit-box-shadow: #F9F9F9 0 1px 0 inset;
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	box-shadow: #F9F9F9 0 1px 0 inset;
	margin-bottom: 20px;
	min-height: 40px;

}

.portlet-decoration {
	border-bottom: 1px solid #DDD;
	background-color: #F1F1F1;
	background-image: -moz-linear-gradient(top, #F1F1F1, #DBDBDB);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F1F1F1), to(#DBDBDB));
	background-image: -webkit-linear-gradient(top, #F1F1F1, #DBDBDB);
	background-image: -o-linear-gradient(top, #F1F1F1, #DBDBDB);
	background-image: linear-gradient(to bottom, #F1F1F1, #DBDBDB);
	background-repeat: repeat-x;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffF1F1F1', endColorstr='#ffDBDBDB', GradientType=0);
	padding: 10px;
}

.portlet-decoration [class^="icon-"], .portlet-decoration [class*=" icon-"] {
	margin-right: 5px;
}

.portlet-content {
	padding: 5px;
	background-color: #FFFFFF;
}

/* end Portlets*/
.navbar {
	margin-bottom: 0px;
	overflow: visible;
}

.summary ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.summary ul li {
	height: 52px;
	clear: both;
	margin-bottom: 14px;
}

.summary ul li .summary-icon {
	width: 36px;
	height: 36px;
	float: left;
	margin-right: 10px;
	padding: 6px;
	background: white;
	border: #DDD 1px solid;
	-webkit-box-shadow: inset 0 0 3px #EEE;
	-moz-box-shadow: inset 0 0 3px #eee;
	box-shadow: inset 0 0 3px #EEE;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}

.summary ul li .summary-number {
	font-size: 20px;
	font-weight: bold;
	display: block;
	padding-top: 8px;
}

.summary ul li .summary-title {
	display: block;
	text-transform: uppercase;
	font-size: 11px;
	color: #AB4000;
}

.stat-block {
	margin-bottom: 20px;
	padding: 10px;
	min-height:40px;
	background: #F1F1F1;
	background: -moz-linear-gradient(top, #F1F1F1 0%, #DBDBDB 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F1F1F1), color-stop(100%, #DBDBDB));
	background: -webkit-linear-gradient(top, #F1F1F1 0%, #DBDBDB 100%);
	background: -o-linear-gradient(top, #F1F1F1 0%, #DBDBDB 100%);
	background: -ms-linear-gradient(top, #F1F1F1 0%, #DBDBDB 100%);
	background: linear-gradient(to bottom, #F1F1F1 0%, #DBDBDB 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#dbdbdb', GradientType=0 );
	border: 1px solid #DDD;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 0 #F9F9F9;
	-moz-box-shadow: inset 0 1px 0 #f9f9f9;
	box-shadow: inset 0 1px 0 #F9F9F9;
}

.stat-block ul {
	margin: 0px;
	padding: 0px;
}

.stat-block li {
	list-style: none;
	float: left;
}

.stat-block .stat-graph {
	width: auto;
	background: white;
	padding: 10px 10px 8px 10px;
	border: #D7D7D7 1px solid;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-right: 10px;
}

.stat-block .stat-count {
	width: 90px;
}

.stat-block .stat-count span:last-child {
	color: #666;
	font-size: 12px;
	font-weight: normal;
	padding-top:3px;
}

.stat-block li span {
	display: block;
}

.stat-block .stat-count span:first-child {
	color: #1D2E7B;
	font-weight: bold;
	font-size: 20px;
}

.stat-block .stat-percent {
	width: 40px;
	float: right !important;
	text-align: center !important;
}

.stat-percent {
	font-size: 20px;
	font-weight: bold;
}

/*Navbar*/
.navbar-fixed-top {
	top: 0;
	left: 0;
}
 
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
	color: #ffffff;
	text-decoration: none;
	background-color: #848282;
	background-color: #848282;
	background-image: -moz-linear-gradient(top, #848282, #9e9090);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#848282), to(#9e9090));
	background-image: -webkit-linear-gradient(top, #848282, #9e9090);
	background-image: -o-linear-gradient(top, #848282, #9e9090);
	background-image: linear-gradient(to bottom, #848282, #9e9090);
	background-repeat: repeat-x;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#848282', endColorstr='#9e9090', GradientType=0);
}

.dropdown-menu .active > a, .dropdown-menu .active > a:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #848282;
	background-color: #848282;
	background-image: linear-gradient(to bottom, #848282, #9e9090);
	background-image: -moz-linear-gradient(top, #848282, #9e9090);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#848282), to(#9e9090));
	background-image: -webkit-linear-gradient(top, #848282, #9e9090);
	background-image: -o-linear-gradient(top, #848282, #9e9090);
	background-repeat: repeat-x;
	outline: 0;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#848282', endColorstr='#9e9090', GradientType=0);
}

/*Side Nav*/
/*.sidebar-nav {
	max-width: 228px;
  	padding: 0!important;
  	background-color: #fff;
  	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    box-shadow: 0 1px 4px rgba(0,0,0,.065);
}*/

.sidebar-nav ul {
	padding: 0;
	margin: 0;
}

.sidebar-nav ul li {
  list-style: none;
}

.sidebar-nav ul > li:first-child > a {
  	-webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

/*.sidebar-nav ul > li:last-child > a {
  	-webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}

.sidebar-nav ul > li > a {
	background-color: #FFFFFF;
    border: 1px solid #e5e5e5;
    display: block;
    margin: 0 0 -1px;
    padding: 8px 14px;
}*/

..sidebar-nav ul > li > a:hover {
	background-color: #E6E7E8;
	text-decoration: none;
	/*color: #01426a !important;*/
	color: #116E39;
}

.sidebar-nav ul > li.active > a {
	position: relative;
	z-index: 2;
	padding: 9px 15px;
	border: 0;
	text-shadow: 0 1px 0 rgba(0,0,0,.15);
	-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
	-moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
	box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
}

.sidebar-nav ul > li.active > a, .sidebar-nav ul > li.active > a:hover, .sidebar-nav ul > li.active > a:focus {
    background-color: #E6E7E8;
    /*color: #01426a !important;*/
    color: #444041 !important;
padding: 5px;
	text-shadow: none;
}

.sidebar-nav
{
margin-top:-3px !important;
}

.subnav.navbar-fixed-top {
	top: 40px;
	z-index: 1;
}

#bgCSS {
/*background: url("../img/pixel-60fff.png") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;*/
	/*border: 2px solid #01426a;*/
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	background: white;
	//border-top: none;
	//-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 6, 0.75);
	//-moz-box-shadow: 2px 2px 5px rgba(0, 0, 6, 0.75);
	//box-shadow: 2px 2px 5px rgba(0, 0, 6, 0.75);
	padding: 1em;
}

/*Progress bar*/
.progress, .ui-progressbar {
	height: 10px;
}

.ui-progressbar {
	border: 0;
	border-radius: 4px;
	clear: both;
	margin-bottom: 20px;
}

.ui-progressbar.ui-widget-content {
	-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0 1px 2px inset;
	background-color: #F7F7F7;
	background-image: -webkit-linear-gradient(top, #F5F5F5, #F9F9F9);
	background-repeat: repeat no-repeat;
	box-shadow: rgba(0, 0, 0, 0.0980392) 0 1px 2px inset;
	overflow: hidden;
}

.ui-progressbar .ui-widget-header{
	background-image:-webkit-linear-gradient(top, #149BDF, #0480BE);
	background-repeat:repeat no-repeat;
	box-shadow: none;
	box-sizing:border-box;
	color:#FFFFFF;
	float:left;
	height:100%;
	border:0;/**/
}
.ui-progressbar .ui-progressbar-value {
  margin:0px;
}


.ui-progressbar .ui-widget-header {
  -webkit-box-shadow:rgba(0, 0, 0, 0.14902) 0 -1px 0 inset;
  -webkit-transition:width 0.6s ease;
  background-color:#149BDF;
  background-image:-webkit-linear-gradient(top, #149BDF, #0480BE);
  background-repeat:repeat no-repeat;
  box-shadow:rgba(0, 0, 0, 0.14902) 0 -1px 0 inset;
  box-sizing:border-box;
  color:#FFFFFF;
  float:left;
  font-size:12px;
  height:100%;
  text-align:center;
  text-shadow:rgba(0, 0, 0, 0.247059) 0 -1px 0;
  width:0;
}

.progress-info .ui-widget-header, .progress-info.ui-slider.ui-widget-content  {
  background-color:#4BB1CF !important;
  background-image:-webkit-linear-gradient(top, #5BC0DE, #339BB9);
  background-repeat:repeat no-repeat;;
}

.progress-success .ui-widget-header, .progress-success.ui-slider.ui-widget-content  {
  background-color:#5EB95E  !important;
  background-image:-webkit-linear-gradient(top, #62C462, #57A957);
  background-repeat:repeat no-repeat;
}

.progress-warning .ui-widget-header, .progress-warning.ui-slider.ui-widget-content {
  background-color:#FAA732 !important;
  background-image:-webkit-linear-gradient(top, #FBB450, #F89406);
  background-repeat:repeat no-repeat;
}

.progress-danger .ui-widget-header, .progress-danger.ui-slider.ui-widget-content  {
  background-color:#DD514C !important;
  background-image:-webkit-linear-gradient(top, #EE5F5B, #C43C35);
  background-repeat:repeat no-repeat;
}

.progress-striped .ui-widget-header, .progress-striped.ui-slider.ui-widget-content  {
  -webkit-background-size:40px;
  background-color:#149BDF;
  background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.14902) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.14902) 50%, rgba(255, 255, 255, 0.14902) 75%, transparent 75%, transparent);
  background-repeat:repeat;
}

.active.ui-progressbar .ui-widget-header {
	  -webkit-animation: progress-bar-stripes 2s linear infinite;
     -moz-animation: progress-bar-stripes 2s linear infinite;
      -ms-animation: progress-bar-stripes 2s linear infinite;
       -o-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}
/*slider*/
.ui-slider{
	margin-bottom:20px;
}

.ui-slider.ui-widget-content{
	-webkit-box-shadow:rgba(0, 0, 0, 0.14902) 0 -1px 0 inset;
	-webkit-transition:width 0.6s ease;
	background-color:#149BDF;
	background-image:-webkit-linear-gradient(top, #149BDF, #0480BE);
	background-repeat:repeat no-repeat;
	box-shadow:rgba(0, 0, 0, 0.14902) 0 -1px 0 inset;
	box-sizing:border-box;
	border:none;
}

/*Table*/
.table > table{
	width:100%;
}

/*CGridview*/
.filters select, .filters input, .filters .uneditable-input {
  border-radius:none;
  font-size:14px;
  height:30px;
  line-height:10px;
  margin-bottom:0;
  padding:0;
}

/*Pagination*/
.pagination{margin:10px 0 !important;}
.pager{
	margin:20px 0;
}
.pager ul{
	-webkit-box-shadow:rgba(0, 0, 0, 0.0470588) 0 1px 2px;
  border-radius:0px;
  box-shadow:rgba(0, 0, 0, 0.0470588) 0 1px 2px;
  display:inline-block;
  margin-bottom:0;
  margin-left:0;
  text-align:center;
}

.pager a, .pager span{
	
	border-radius:0px;
	margin-left:3px;
}

.pager ul > li.last > a, .pager ul > li.last > span {
  border-left-radius:4px;
}

.pager ul > li > a, .pager ul > li > span {
  background-color:#FFFFFF!important;
  border-color:#DDDDDD!important;
  border-style:solid;
  border-width:1px 1px 1px 0;
  float:left;
  line-height:20px;
  padding:4px 12px!important;
  text-decoration:none;
}

.pager ul > li.first > a, .pager ul > li.first > span {
  border-bottom-left-radius:4px;
  border-top-left-radius:4px;
}

ul.yiiPager li.hidden{
	display:none!important;	
}

/*CListView*/
.list-view div.view{
	
	border:solid 1px #DDDDDD;
	padding: 10px;
	margin-bottom:10px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.0470588) 0 1px 1px inset;
	box-shadow:rgba(0, 0, 0, 0.0470588) 0 1px 1px inset;
	border-radius:4px;
	
}

/*Form*/
.filters input, .filters .uneditable-input {
  width:100% !important;
}

div.form > form  .row {
  margin-left:0px;
}

/*Footer*/
footer {
	margin-top:50px;
	text-align:center;
	/*position:absolute;*/
	width:100%;
	bottom:0px;
	z-index: 999;
	/*background-image: url(../img/footerBg.jpg);
	background-position: center bottom;
	background-size: cover;
	height: 240px;
	opacity: 0.9;*/
}
/*Style switcher*/
.style-switcher
{
	padding-top:13px;
}
.style-switcher span.style
{
	width:16px; 
	height:16px; 
	display:block;
	margin-right:5px;
	float:left;
}

/*Button styles*/
.btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  *background-color: #2f96b4;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}
div.flash-success
{
	background: #ddd;
	/*background: #bfd8e5;*/
	/*color:#264409;*/
	border-color:#C6D880;
	border: 0px;
}

/*div.flash-success a {
	color:#264409;
}*/

.zeroPadding {
	padding: 0;
}

#custListView .panel-heading {
	background-color: #FFFFFF;
	border: none;
}

#custListView .panel-title {
	line-height: 20px;
}

.label.label-default , .div-default{
	background-color: #9866c5;
}

.label.label-primary, .div-primary {
	background-color: white;
        border: 1px solid #b1b4b6;
}

.div-gold {
	background-color: #F0AD4E;
}

.label.label-success, .div-success {
	background-color: #5cb85c;
}

.label.label-info, .div-info {
	background-color: #5bc0de;
}

.label.label-warning, .div-warning {
	background-color: #f0ad4e;
}

.label.label-danger, .div-danger {
	background-color: #d9534f;
}

.rankLabel span.label {
	margin-right: 5px;
}

#custListView.odd, #custListView.odd .panel-heading {
	background-color: #f5f5f5;
}

button {
	background-image: none !important;
}

button, .btn {
    height: 30px;
margin-top:13px;
}

.btn-primary {
    /*background-color: #428bca;*/
    /*background: #7bc145;*/
    background: #234090;
}

.btn-primary:hover {
	/*background-color: #3279b1;*/
	/*background-color: #116e39;*/
	background-color: #6e85c4;
}

.center-text {
	text-align: center;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	height: auto;
	width: 100%;
}

#Registartioncount {
	height: 68px;
	display:table;
}

#Registartioncount div.col {
	width: 16%;
	margin-right: 5px;
	padding: 10px;
	text-transform: uppercase;
	cursor: pointer;
    vertical-align:bottom;
    height: 60px;
    float: left;
    margin-top: 8px;
    color: #000;
opacity:0.7;
}

#Registartioncount div.col.div-primary:hover {
	background: #b1b4b6;
    border-bottom: 6px solid rgba(0, 0, 0, 0.35);
	margin-top: 0px;
	height: 68px;
}

#Registartioncount div.col.div-success:hover {
	background: #5cb85c;
    border-bottom: 6px solid rgba(0, 0, 0, 0.35);
	margin-top: 0px;
	height: 68px;
}

#Registartioncount div.col.div-info:hover {
	background: #5bc0de;
    border-bottom: 6px solid rgba(0, 0, 0, 0.35);
	margin-top: 0px;
	height: 68px;
}

#Registartioncount div.col.div-warning:hover {
	background: #f0ad4e;
    border-bottom: 6px solid rgba(0, 0, 0, 0.35);
	margin-top: 0px;
	height: 68px;
}

#Registartioncount div.col.div-danger:hover {
	background: #d9534f;
    border-bottom: 6px solid rgba(0, 0, 0, 0.35);
	margin-top: 0px;
	height: 68px;
}

#Registartioncount div.col.div-default:hover {
	background: #9866c5;
    border-bottom: 6px solid rgba(0, 0, 0, 0.35);
	margin-top: 0px;
	height: 68px;
}

#Registartioncount .count {
	font-family: "Calibri";
    font-size: 1.2rem;
    letter-spacing: -0.05em;
}





.zeroPadding {
  padding: 0 !important;
}

#row-0 input, #row-0 textarea, #row-0 .uneditable-input, #row-0 select {
	width: 100%;
}

#row-0 input.delete-row-button {
	width: auto;
	margin-top: 25px; 
}

#deleteBtn {
	text-align: center;
	vertical-align: middle;
}

#eduDetailsDiv {
	margin-bottom: 10px;
}

#genderDiv label.radio {
	/*width: 25%;*/
	float: left;
	margin-top: 10px;
	margin-right: 5px;
}

.form-horizontal .control-label {
	text-align: left;
	width: 120px;
        line-height: 14px;
}

.form-horizontal .control-group {
	margin-bottom: 10px;
}

.form-horizontal .controls {
	margin-left: 120px;
}

form {
	margin-bottom: 0;
}

.btnDiv {
	text-align: center;
}

.formSection {
	border: 1px solid #d2d2d2;
	margin-bottom: 10px;
	padding-top: 10px;
}

.formSection .mainDiv {
	margin-bottom: 5px;
	display: inline-block;
	width: 100%;
}

.formSection .heading {
	font-size: 14px;
	font-weight: 600;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e5e5e5;
	background-color: #d2d2d2;
	color: #666;
}

h3 {
	font-size: 18px;
font-weight: normal !important;
}

#custListView .panel-heading h4 {
	font-size: 18px;
	font-weight: 600;
}

#custListView .panel-subTitle {
	color: #1295c9;
}

#custListView {
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
}

.locationDiv p, .custTableDiv p {
	font-size: 13px;
}

.locationDiv .hidden-xs, .custTableDiv .hidden-xs {
	color: #999;
}

.locationDiv .custColor {
	color: #337ab7;
}

.leftPaddingZero {
	padding-left: 0 !important;
}

.rightPaddingZero {
	padding-right: 0 !important;
}

.custBtnDiv {
	margin-bottom: 10px;
}

button.btn, input.btn {
	height: 35px;
/*margin-top:7px;*/
}

.data-row {
    clear: both;
    margin: 5px 0;
    padding: 5px 0;
}

.data-row label {
    float: left;
    margin-right: 10px;
    text-align: left;
    width: 100%;
   font-weight: bold;
   line-height: 20px;
}

.headingpanel
{
color: #4d4d4d;font-size:16px; font-weight: bold;margin: 10px 0;display: block;
}

.data
{
 margin-bottom: 20px;
 /*background-color:#F9FAFC;*/
}
.topclass
{
width:49% !important;
}



/*********************************************************
Internship offer list CSS
*********************************************************/
.internshipBy {
	font-size: 16px !important;
	color: #990000 !important;
}

.internshipTable {
	margin-bottom: 15px;
	font-size: 13px;
	width: 100%;
}

.internshipTable th {
	color: #717171;
	font-weight: normal;
}

.internshipTable td {
	font-weight: 700;
}

.internshipTable td, .internshipTable th {
	border-right: 2px solid #dee6f2;
	padding: 5px;
}

.internshipTable td:last-child, .internshipTable th:last-child {
	border: none;
}

/*.listing-intro-show-count {
    background-color: #f0f0f0;
    border-bottom: 5px solid #e4e4e4;
    border-radius: 3px;
    border-top: 1px solid #e2e2e2;
    color: #596d27;
    display: block;
    font-family: "Raleway-Regular","Pistara";
    font-size: 21px;
    font-weight: normal;
    margin-bottom: 30px;
    margin-top: 0;
    padding: 8px 0;
    text-align: center;
    text-transform: uppercase;
}

.listing-intro-show-count span {
    display: inline-block;
    line-height: 28px;
    margin: 0 auto;
    max-width: 600px;
    padding: 0 25px;
    position: relative;
    width: auto;
}

.listing-intro-show-count strong {
    font-weight: 400;
}

.listing-intro-show-count i {
    color: #969696;
    font-size: 14px;
    position: absolute;
    top: 7px;
}

.listing-intro-show-count i.left {
    left: 0;
}

.listing-intro-show-count i.right {
    right: 0;
}*/

.program-listing {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.program-listing article {
    background-color: #fff;
    border-radius: 5px;
    border-top: 1px solid #d5d5d5;
    box-shadow: 0 2px 2px #aaa;
    margin-bottom: 30px;
}

.program-listing .body::after {
    clear: both;
    content: "";
    display: table;
}

.program-listing .body {
    border-bottom: 1px solid #ddd;
    padding: 15px;
}

.program-listing .title {
    display: block;
    font-size: 18px;
    letter-spacing: -0.5px;
    margin-bottom: 10px;
    color: #444;
}

.program-listing .body .content p {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 15px;
    color: #333;
}

.program-listing .actions .links::after {
    clear: both;
    content: "";
    display: table;
}

.program-listing .actions .links {
    float: left;
    width: 100%;
}

.program-listing .actions .btn {
    float: right;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

.btn-sm, .btn-group-sm > .btn {
    border-radius: 3px !important;
    height: 30px;
}

.btn-info {
    background-color: #990000;
    border-color: #A01326;
    color: #fff;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
	color: #fff;
	background-color: #A01326;
	border-color: #A01326
}

.btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 1px;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    line-height: 15px;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.table-bordered
{
word-break:break-all;
}

.view
{
	margin-right: 3px;
}

#hu-testimonials-form .mainDiv, #hu-news-form .mainDiv , #hu-help-form .mainDiv{
	margin-top: 10px;
}

#hu-testimonials-form .mainDiv textarea, #hu-news-form .mainDiv textarea, #hu-help-form textarea {
	height: auto;
}
#hu-offer-goals-form #statusDiv input {
    width: auto;
    margin: 0;
}

#hu-offer-goals-form #statusDiv label {
    margin-left: 10px;
    margin-right: 10px;
}

/* grid border */
/*.grid-view table.items th, .grid-view table.items td {
    border: 1px solid #ddd !important;
}*/

/* disable selection for extrarows */     
.grid-view td.extrarow {
    background: none repeat scroll 0 0 #D5D4D4; 
}

#invite-detail-grid .extrarow {
    background: #b1b4b6 !important;
}

#experiences-invite-detail-grid .extrarow {
    background: #93c5e4 !important;
}

.subtotal {
    font-size: 11px;
    color:#383838;
}      

.tag {
    border-radius: 2px !important;
    color: white;
    //display: block;
    font-size: 10px !important;
    font-weight: bold;
    letter-spacing: 0.09em;
    padding: 4px !important;
    text-align: center;
    width: 70px;
}

#offerDataTable td, #offerDataTable th {
    padding: 4px;
}

#eduDetailsDiv input {
    margin-bottom: 5px;
}



.offerDetailDiv {
	border: 1px solid #ddd;
	background-color: #ddd;
	margin-right: 15px;
	width: 300px;
}

.offerDetailDiv .goalHeading {
	color: #fff;
	font-size: 16px;
	background-color: #B62625;
	padding: 12px;
	display: block;
	font-weight: 600;
	text-decoration: none;
}

.offerDetailDiv .goalObjectiveDiv span {
	color: #000;
	font-size: 14px;
	background-color: #fff;
	padding: 5px;
	display: block;
	font-weight: 500;
	margin: 10px;
	min-height: 50px;
	-moz-box-shadow: 0 0 2px #888;
	-webkit-box-shadow: 0 0 2px#888;
	box-shadow: 0 0 2px #888;	
	border-radius: 2px;
}

.offerGoalDiv {
	overflow-x: scroll;
    overflow-y: hidden;
    height: 450px;
    padding: 0 15px;    
    position: relative;
}

.goalObjectiveDiv {
	overflow-y: scroll;
	overflow-x: hidden;	
    position: relative;
    min-height: 380px;
}

.offerGoalDiv .row, .goalObjectiveDiv .row {
    margin: 0;
}


.offerDetailDiv .goalHeading a {
color: #fff;
text-decoration: none;
}

.offerDetailDiv .goalObjectiveDiv span a {
color: #000;
text-decoration: none;
}

.form-actions {
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 10px;
border-top: 0px;
background-color:#fff !important;
}

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

#back-top span {
    background: #ddd url("/img/up-arrow.png") no-repeat scroll center center;
    }


#rememberDiv #LoginForm_rememberMe {
	margin-right: 10px;
	float: left;
}

#rememberDiv label {
	float: left;
	width: 90%;
}

.loginDiv {
	margin: 0 !important;
}

.loginDiv .page-header {
	margin: 0 0 10px;
}

.loginDiv .page-header h1 {
	font-size: 25px;
	margin: 0;
}

.loginDiv .page-header h1 small {
	font-size: 20px;
}

#login-form .row {
	margin: 0;
}

#login-form .btn {
	padding: 6px 20px;
        text-shadow:none;
}

#login-form .btn-reset {
	margin-left: 10px;
	background: #e6e6e6;
}

#login-form .btn-reset:hover {
	background: #c6c6c6;
}

#login-form {
	margin: 0;
}

#login-form .btnDiv {
	margin-top: 15px;
}

.resetBtn .btn-reset {
	margin-left: 5px;
	background: #e6e6e6;
}

.resetBtn .btn-reset:hover {
	background: #c6c6c6;
}

.resetBtn input {
	width: 75px;
}

.selectDiv select {
	margin-top: 3px;
	margin-bottom: 5px;
}

.dashboardPanel {
	margin-bottom: 0;
	box-shadow: none;
}

#hu-notification-form .resetBtn {
	margin-top: 20px;
}

#hu-offer-form .resetBtn, #hu-offer-form1 .resetBtn {
	margin-top: 20px;
}

.pagination {
	margin: 0;
}

.tableFloatingHeaderOriginal {
	background: #FFFFFF;
}

.grid-view table thead th, .grid-view table thead th a {
	 /*color: #003C50 !important;*/
	 color: #444041 !important;
     /*opacity:0.7;*/
}

.grid-view table.items th:hover a.sort-link::after {
	content: none;
}

.tbrelational-column {
	/*color: #990000;
	border-bottom: 1px dashed #990000;*/
	color: #115a99;
	border-bottom: 1px dashed #115a99;
	font-size: 12px;
}

.editable-click, a.editable-click, a.editable-click:hover {
	border-bottom: 1px dashed #990000;	
}

.homeSectionDiv {
	min-height: 482px;
	/*padding-bottom: 15px !important;*/
}

.gridTableDiv .fixed{
	top:0;
  	position:fixed;
  	width:auto;
  	display:none;
  	border:none;
  	background: #ffffff;
}

.dashboardPanel .grid-view .pagination {
	margin-top: 15px;
}

.row-fluid .adminMainContent {
	width: 81.47%;
	margin-left: 20px;
}

#adminSideMenu {
	width: 17%;
}

table th, table td {
	word-break: initial;
}

.grid-view {
	display: inline-block;
	width: 100%;
	overflow-x:auto;
	padding-top: 0px; 
}
#adminMainContent
{
padding-right: 0px;
}

.panel
{
	box-shadow: none;
}

.ct-form-control
{
	min-width: auto;
}

footer .container
{
	min-height: auto !important;
}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(182, 36, 38, 1) url(../img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0.5;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  z-index: 9999;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 0.5;
}
.cd-top.cd-fade-out {
  opacity: .5;
}
.no-touch .cd-top:hover {
  opacity: 1;
}

.cd-top:hover{
	opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 10px;
  }
}
#navigation-main {
position: fixed;
width: 100%;
z-index: 9999;
}

#mainDiv {
	margin-bottom: 60px;
	position: relative;
	top: 45px;
	min-height: 100%;
}

#mainDiv section.main-body {
	//min-height: 560px;
}

#adminSideBar {
position: fixed;
	z-index: 9999;
}

#adminMainContent {
left: 199px;
}
.noformat
{
	margin-bottom:0px;
	display:inline-block;
	text-align: center;
}


input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
	cursor: pointer !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	#adminSideBar {
		margin-top: 40px;
	}
}
.nav .dropdown-menu {
   display: none !important;
}

.nav .open > .dropdown-menu {
   display: block !important;
}

.contact
{
	font-size:11px;
	display:block;
	margin-bottom: 7px;
}







table {
	border: 0 !important;
}

table, .table th, .table td {
	border-radius: 0 !important;
	line-height: 1.5 !important;
	padding: 6px !important;
}

.table th, .table td {
	border-left: 0 !important;
	border-right: 1px solid #ddd !important;
}

.table th:first-child, .table td:first-child {
	border-left: 0 !important;
}

.table th:last-child, .table td:last-child {
	border-right: 0 !important;
}

.table th {
	border-top: 1px solid #ddd !important;
	border-bottom: 1px solid #ddd !important;
	font-size: 14px !important;
}

.table td {
	border-top: 0 !important;
	border-bottom: 1px solid #ddd !important;
	font-size: 14px !important;
}

.dashboardPanel, .headingBar {
	/*background: #e1e1e1;*/
	border-radius: 0 !important;
	margin-bottom: 10px;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
}

.homeSectionDiv .resetBtn {
	margin-top: 20px;
}

#hu-offer-form .grid-view {
	padding-top: 0 !important;
}

#hu-offer-form #statcount {
	padding-top: 22px !important;
}

.homeSectionDiv #update #container, .homeSectionDiv #progressdata #container1, .homeSectionDiv #completedata #container2, .homeSectionDiv #providerinternships #provider, .homeSectionDiv #facultydata #faculty {
	padding-top: 42px !important;
}

.headingBar {
	margin-bottom: 0!important;
}

.headingBar span {
	//font-weight: bold;
	font-size: 18px;
	color: #000;
	line-height: 1.42857;
       // opacity : 0.7;
	/*color: #666666;*/
}
.headingBar label,select {
	//font-weight: bold;
	font-size: 16px;
	color: #000;
	line-height: 1.42857;
       // opacity : 0.7;
	/*color: #666666;*/
}

.mainContainerDiv {
	padding: 1em;
	display: inline-block;
	width: 100%;
	/*border: 1px solid #e1e1e1;*/
}

.btnDivContainer .nav-pills {
	margin-bottom: 10px;
}

.mainBtnDiv {
	width: 100%;
	display: inline-block;
	margin-bottom: 10px;
}

.backLink {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

.deleteLink {
	float: right;
}

.backLink a{
	border-radius: 1px;
    margin-bottom: 2px;
    margin-top: 2px;
    padding-bottom: 8px;
    padding-top: 8px;
    line-height: 14px;
    margin-right: 2px;
    padding-left: 12px;
    padding-right: 12px;
}

.backLink a:hover {
	text-decoration: none;
	background-color: #eee; 
}

.search-form form {
	margin: 0;
}

.greenBtn {
	background-color: #00B16A;
}

.greenBtn:hover {
	background-color: #009952;
	border-color: #009952;
}

.redBtn {
	background-color: #C0392B;
}

.redBtn:hover {
	background-color: #990000;
	border-color: #990000;
}

.borderTable {
	width: 100%;
}

.borderTable th, .borderTable td {
	border: 1px solid #ddd;
}

/*label {
	font-size: 14px;
}*/

.grid-view td a, .grid-view td a:hover {
	color: #115a99;
}

/*.grid-view th a, .grid-view th {
	color: #666666 !important;
}*/

tr[id^=relatedinfo] > td {
	background: #d7dbdc !important;
	border-bottom: 5px solid #bdc3c7 !important;
}

tr[id^=relatedinfo] > td > h4 {
	margin: 0 !important;
}

tr[id^=relatedinfo] > td > div > table {
	padding: 0 !important;
}

#hu-offer-goals-grid .selected, #hu-student-offer-faculty-grid .selected td {
	background-color: #bdc3c7 !important;
}

#applicantsDiv div {
	border-right: 1px solid #cbcbcb;
	margin-bottom: 15px;
}

#applicantsDiv {
	margin-top: 65px;
}

.mainReportDiv {
	margin-bottom: 10px;
	border-bottom: 1px solid #cbcbcb;
	padding-bottom: 10px;
}

#applicantsDiv div .number, .valueDiv {
	font-size: 24px;
}

.valueDiv1 {
	font-size: 20px;
}

#applicantsDiv div .countDiv {
	margin-bottom: 10px;
}

.mainReportDiv .header {
	padding-bottom: 10px;
}

#reportGridDiv #hu-student-offer-grid #reportGridDiv #hu-internship-offer-grid {
	max-height: 185px;
}

.reportPieChart {
	max-height: 250px !important;
	height: 250px !important;
}

#reportsearchDiv {
	border-bottom: 1px solid #cbcbcb;
	padding-bottom: 10px !important;
	margin-bottom: 10px;
}

td.merge {
	text-align: left !important;
}

.reportTableDiv {
    display: inline-block;
    overflow-y: auto;
    max-height: 170px;
    min-height: 170px;
    width: 100%;
}

.zeroBorder {
	border: 0 !important;
}

.zeroMargin {
	margin: 0 !important;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #428bca !important;
    color: #fff !important;
}

.pagination > li > a, .pagination > li > span {
    border: 1px solid #ddd !important;
}

.qq-upload-button:hover
{
color:white;
text-decoration:none;
}

.loading {
    background-color: #eee;
    background-image: url("../img/loading.gif") !important;
    background-position: 80% center !important;
    background-repeat: no-repeat !important;
    opacity: 1;
}

.loading1 {
	background-color: #eee;
    background-image: url("../img/loading.gif") !important;
    background-position: 12% center !important;
    background-repeat: no-repeat !important;
    opacity: 1;	
}

.loading2 {
	background-color: #fff;
    background-image: url("../img/loading.gif") !important;
    background-position: 5% center !important;
    background-repeat: no-repeat !important;
    opacity: 1;	
}

.layoutBtn .ecolumns-link {
	float: none !important;
}

.layoutBtn {
	width: 100%;
	text-align: center;
	margin-left: 10px;
	margin-bottom: 2px;
	font-size: 14px !important;
	padding: 5px 15px;
	background: #424f63;
	border-radius: 2px;
        color:#d2b994;
}

.layoutBtn a:hover {
	color: #fff !important;
}

.layoutBtn a, .layoutBtn a:hover {
	color: #fff;
	font-weight: normal;
}

.headingBar span {
	vertical-align: text-top;
}

.panel-heading {
	min-height: 43px;
}

.headingBar p {
	margin-bottom: 0;
	margin-top: 4px;
}

.status {
    border: 1px solid #bebebe !important;
    display: inline-block;
    margin-bottom: 5px;
    text-align: center;
    width: 162px;
}

.statustext {
    background-color: #fff !important;
    border-right: 1px solid #bebebe;
    color: #080808 !important;
    display: inline-block;
    font-size: 9px;
    font-weight: normal !important;
    padding: 4px 3px 3px 2px !important;
    text-align: right;
    text-transform: uppercase;
    width: 82px;
}

.statusvalue {
    background-color: white;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    padding: 2px;
    text-align: center;
    width: 78px;
}






#bill-generate-form textarea, input[type="text"] {
	height: 30px;
}

table th {
	white-space: nowrap;
	min-width: 70px;
}

.marginTop {
	margin-top: 10px !important;
}

.ui-datepicker td, .ui-datepicker th {
    min-width: 20px !important;
    white-space: normal !important;
}
















#mainDiv {
	top: 0 !important;
	background-color: #EFF0F4;
	margin-bottom: 0 !important;
}

.sidebar-nav, .sidebar-nav ul > li:first-child > a {
	border-radius: 0 !important;
}

.navbar a:hover, .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle, #mainTopMenu ul a:hover {
	/*background-color: #00afd9 !important;*/
	background-color: #2A0000 !important;
	color: #fff !important;
}

#loginDiv {
	margin-top: 4.5%;
	display: inline-block;
	width: 100%;
}

.logo {
    /*background-image: url("../img/vegicologo.png");*/
    background-repeat: no-repeat;
    display: inline-block;
    /*height: 85px;*/
    margin-bottom: 2px;
    margin-top: 10px;
	width: 160px;
	text-align: center;
    /*float: left;*/
}

.logoDiv .logo {
    background-repeat: no-repeat !important;
    display: block !important;
    /*height: 85px !important;*/
    margin-bottom: 10px;
    margin-top: 10px;
    width: 197px !important;
    padding-left: 10px;
    padding-right: 10px;
}

.logoDiv {
	display: inline-block;
	background-color: #fff;
	text-align: center;
}

.logoDiv a.logo img {
	/*height: 125px;*/
	width: 100px;
}

.loginMenu ul {
	margin-top: 20px !important;
}

#mainDiv section.main-body {
	min-height: 560px !important;
}

#mainTopMenu {
	background-color: #fff;
}

#mainTopMenu h3, #mainTopMenu ul {
	margin: 0;
}

#mainTopMenu ul a {
	text-align: center;
}

.sidebar-nav ul li a {
	color: #fff !important;
/*opacity: 0.7;*/
background-color: transparent;
}

.sidebar-nav .has-sub ul li a {
	/*color: #01426a !important;*/
	color: #444041 !important;
/*opacity: 0.7;*/
background-color: transparent;
}

span.textSpan {
	display: none;
}


.container-fluid {
	padding-top: 0;
}

.mainBtnDiv {
	margin-bottom: 0;
}

#ogrid, #ogrid1 ,#ogrid2{
	min-height: 200px;
	max-height: 200px;
}

.panel-heading {
	min-height: 41px;
	padding: 5px 15px;
}

/*.headingBar span {
    font-size: 16px;
}*/



.ui-dialog {
	z-index: 9999 !important;
}

.wrapper .ui-sortable ul {
	margin: 0;
}

.wrapper .ui-sortable > li {
	padding-bottom: 10px !important;
	padding-left: 5px;
	padding-right: 5px;
}

.wrapper .ui-sortable > li span {
	display: block;
}

.wrapper .ui-sortable ul li {
	list-style-type: none;
}

.group1 {
	background-color: #5C97BF;
}

.group2 {
	background-color: #DCC6E0;
}

.group3 {
	background-color: #81CFE0;
}

.group4 {
	background-color: #87D37C;
}

.group5 {
	background-color: #C8F7C5;
}

.group6 {
	background-color: #E9D460;
}

.group7 {
	background-color: #EB974E;
}

.group8 {
	background-color: #049372;
}

.group9 {
	background-color: #BE90D4;
}

.group10 {
	background-color: #4ECDC4;
}





.divBg {
	background: #CDCDCD;
}

.divLabelBg, .divLightBg {
	background: #e3e3e3;
}

.divLabelBg label {
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}

.divBg1, .divInputBg {
	background: #fff;
}

.divInputBg input, .divInputBg select {
	margin-top: 5px;
	margin-bottom: 5px;
}

.divBg .control-group, .divBg1 .control-group, .divLightBg .control-group {
	margin-top: 5px;
	margin-bottom: 5px;
}

#iteamTable thead, #iteamTable1 thead {
	background: #CDCDCD;
}


.labelGreen, .labelRed {
    border-radius: 2px;
    color: #fff;
    text-align: center;
    width: 70px;
    display: block;
}

.labelGreen {
	background-color: green;
}

.labelRed {
	background-color: red;
}


#categoryDiv .panel-heading {
	background-color: #fff;
	color: #fff;
}

#categoryDiv .panel-heading a:hover {
	color: #fff !important;
}

.mainContainerDiv {
	background-color: #fff;
}

.topLink {
	padding: 0;
}

.topLink .portlet-content {
	background-color: transparent;
}

.topLink .portlet-content ul {
	margin-bottom: 0;
}

.divShadow {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	padding: 0;
}

footer .navbar-fixed-bottom{
	position: relative !important;
	width: 100% !important;
}

.qq-upload-list {
	margin: 0;
}

.qq-upload-button {
	margin-top: 5px;
	background: #535351;
}

.grid-view table.items tr.selected td {
	background: #fff;
}

.summaryDiv .mainContainerDiv {
	min-height: 540px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.dashboardSection .mainContainerDiv {
	min-height: 100px;
	box-shadow: 0 1px 1px #b1b4b6;
}

.summaryDiv .headingBar, .dashboardSection .headingBar {
	/*background-color: #bfd8e5;*/
	/*background-color: #00AC4F;*/
	background-color: #234090;
}

.summaryDiv .headingBar span, .dashboardSection .headingBar span {
	/*color: #01426a;*/
	color: #fff;
}

.summaryDiv i {
	font-size: 22px;
	color: #d2b994;//#424F63;
}

.summaryDiv span.cnt {
	font-weight: bold;
	font-size: 18px;
	display: block;
}

.summaryDiv span.label {
	background: transparent none repeat scroll 0 0;
	color: #888;
	display: block;
	font-size: 10px;
	text-align: left;
	text-shadow: none;
}

#accordion .panel-heading {
	min-height: 32px;
}

#accordion .panel-heading .panel-title a {
	width: 100%;
	display: block;
	font-size: 14px;
}

#accordion .panel-heading .panel-title a:hover {
	text-decoration: none;
}

.btn-blue {
    background-color: #5bc0de;
    border-color: #46b8da;
    color: #ffffff !important;
    text-shadow: none;
}

.btn-blue:hover, .btn-blue:focus {
    background-color: #39b3d7 !important;
    border-color: #269abc !important;
    color: #ffffff !important;
}

.btn-red {
    background-color: #d9534f;
    border-color: #d43f3a;
    color: #ffffff !important;
    text-shadow: none;
}

.btn-red:hover, .btn-red:focus {
    background-color: #d2322d !important;
    border-color: #ac2925 !important;
    color: #ffffff !important;
}

.btn-green {
    /*background-color: #5cb85c;
    border-color: #4cae4c;*/
    background-color: #234090;
    border-color: #234090;
    color: #ffffff !important;
    text-shadow: none;
}

.btn-green:hover, .btn-green:focus {
    background-color: #6e85c4!important;
    border-color: #6e85c4!important;
    color: #ffffff !important;
}

.btn-dark {
    background-color: #fff;
    border-color: #374152;
    color: #d2b994 !important;
    text-shadow: none;
}

.btn-dark:hover, .btn-dark:focus {
    background-color: #374152 !important;
    border-color: #2e3644 !important;
    color: #ffffff !important;
}

.btn-light {
    background-color: #9ba8bc;
    border-color: #778493;
    color: #ffffff !important;
    text-shadow: none;
}

.btn-light:hover, .btn-light:focus {
    background-color: #374152 !important;
    border-color: #2e3644 !important;
    color: #ffffff !important;
}

.gridTopBtn {
    height: 34px;
}

.circle {
  position: relative;
  display: block;
  background-color: transparent;
  color: #222;
  text-align: center;
}

.circle:after {
  display: block;
  padding-bottom: 90%;
  width: 100%;
  height: 0;
  border-radius: 50%;
  content: "";
  border: 5px solid #154E28;
}

.circle__inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.circle__wrapper {
  display: table;
  width: 100%;
  height: 100%;
}

.circle__content {
  display: table-cell;
  padding: 1em;
  vertical-align: middle;
}

table .mrpTd {
  min-width: auto;
  width: 70px;
}

table .qtyTd {
  min-width: auto;
  width: 60px;
}

table .amtTd {
  width: 150px;
}

table .stockTd {
  width: 80px;
  min-width: auto;
}

.gridBtn {
	padding: 3px 12px;
	font-size: 12px;
	height: 26px;
}

.text-right {
	text-align: right !important;
}

.text-center {
	text-align: center !important;
}

.grid-view tfoot td {
	text-align: right !important;
}

.select2-container {
    min-width: 100%;
    width:100%;
}

.button-column i {
	font-size: 18px;
	color: #000;
opacity : 0.7;
}

.button-column a:hover i {
	color: #353F4F;
}

a.logo:hover {
	background-color: transparent !important;
}

#sidebar .has-sub ul li a {
	width: 99%;
	padding-left: 5px;
	padding-right: 5px !important;
border:none !important; 
}

/*#sidebar .has-sub ul li a :hover,*/

#sidebar .has-sub ul li a:hover{
	background: #B1B4B6 !important;
}

#sidebar .has-sub ul li.active a {
	background: #B1B4B6 !important;
}

#registrationCountAdmin, #FranchiseeOrderAdmin , #Exp div.col , #Lunch div.col {
	display: table;
	/*height: 68px;*/
}


#registrationCountAdmin div.col, #FranchiseeOrderAdmin div.col, #Exp div.col , #Lunch div.col {
	color: black;//#ffffff;
    cursor: pointer;
    float: left;
    height: 68px;
    margin-right: 5px;
    padding: 10px;
    text-transform: uppercase;
    vertical-align: bottom;
}

#registrationCountAdmin .count, #FranchiseeOrderAdmin .count, #Exp .count , #Lunch .count {
  	/*font-family: "Raleway-SemiBold";*/
    font-size: 2rem;
    letter-spacing: -0.05em;
}

#FranchiseeOrderAdmin div.col {
	width: 23%;
}

#registrationCountAdmin div.col {
	width: 30%;
	border:1px solid #b1b4b6;
}

#Exp div.col {
	width: 30%;
	border:1px solid #93c5e4;
}

#Lunch div.col {
	width: 30%;
	border:1px solid #d2b994;
}

#Registartioncount {
	height: 68px;
	display:table;
}

#registrationCountAdmin div.col, #FranchiseeOrderAdmin div.col , #Exp div.col , #Lunch div.col{
	margin-right: 5px;
	padding: 10px;
	text-transform: uppercase;
	cursor: pointer;
    vertical-align:bottom;
    height: 68px;
    float: left;
    color: #000;//#ffffff;
	opacity:0.7;
}

#registrationCountAdmin div.col.div:hover{
	background: #BFD8E5;
    border-bottom: 6px solid rgba(0, 0, 0, 0.35);
	margin-top: 0px;
	height: 68px;
    /*color:#01426A;*/
    color: #116E39;
	text-decoration:none;
}

#Exp div.col.div:hover{
	background: #93c5e4 !important;
    border-bottom: 6px solid rgba(0, 0, 0, 0.35);
	margin-top: 0px;
	height: 68px;
    color:#fff;
	text-decoration:none;
}

#Lunch div.col.div:hover{
	background: #d2b994 !important;
    border-bottom: 6px solid rgba(0, 0, 0, 0.35);
	margin-top: 0px;
	height:68px;
    color:#fff;
	text-decoration:none;
}

#registrationCountAdmin div.col.div-primary:hover, #FranchiseeOrderAdmin div.col.div-primary:hover {
	background: #428BCA;
    border-bottom: 6px solid rgba(0, 0, 0, 0.35);
	margin-top: 0px;
	height: 68px;
}

#FranchiseeOrderAdmin div.col.div-gold:hover {
	background: #F0AD4E;
    border-bottom: 6px solid rgba(0, 0, 0, 0.35);
	margin-top: 0px;
	height: 68px;
}

#registrationCountAdmin div.col.div-success:hover, #FranchiseeOrderAdmin div.col.div-success:hover {
	background: #5cb85c;
    border-bottom: 6px solid rgba(0, 0, 0, 0.35);
	margin-top: 0px;
	height: 68px;
}

#registrationCountAdmin div.col.div-info:hover, #FranchiseeOrderAdmin div.col.div-info:hover {
	background: #5bc0de;
    border-bottom: 6px solid rgba(0, 0, 0, 0.35);
	margin-top: 0px;
	height: 68px;
}

#registrationCountAdmin div.col.div-warning:hover, #FranchiseeOrderAdmin div.col.div-warning:hover {
	background: #f0ad4e;
    border-bottom: 6px solid rgba(0, 0, 0, 0.35);
	margin-top: 0px;
	height: 68px;
}

#registrationCountAdmin div.col.div-danger:hover, #FranchiseeOrderAdmin div.col.div-danger:hover {
	background: #d9534f;
    border-bottom: 6px solid rgba(0, 0, 0, 0.35);
	margin-top: 0px;
	height: 68px;
}

#registrationCountAdmin div.col.div-default:hover, #FranchiseeOrderAdmin div.col.div-default:hover {
	background: #9866c5;
    border-bottom: 6px solid rgba(0, 0, 0, 0.35);
	margin-top: 0px;
	height: 68px;
}

#registrationCountAdmin .count, #FranchiseeOrderAdmin .count, #Exp .count, #Lunch .count{
	/*font-family: "Raleway-SemiBold";*/
    font-size: 2rem;
    letter-spacing: -0.05em;
}

.searchBtnDiv {
	margin-top: 20px;
}

.grid-view .summary {
	float: left;
	margin-top: 21px !important;
}

.table tfoot td {
	font-size: 13px !important;
	font-weight: bold;
}

.stockViewBtn {
	font-size: 12px;
    height: 23px;
	line-height: 1;
    padding: 5px;
    text-decoration: underline;
    color: #5BC0DE;
}

.linkText {
	padding: 0 !important;
	display: inline-block !important;
}

.btn-primary.disabled, .btn-primary[disabled], .btn.disabled, .btn[disabled]  {
	background-color: #428bca !important;
	border-color: #428bca !important;
}

.editable-date table th {
    min-width: auto;
}


#divLoading, #divLoading.hide {
    display : none;
}

#divLoading.show {
    display : block;
    position : fixed;
    z-index: 100;
    background-image : url('../img/3.gif');
    background-color:#666;
    opacity : 0.4;
    background-repeat : no-repeat;
    background-position : center;
    left : 0;
    bottom : 0;
    right : 0;
    top : 0;
}

.table-striped tbody ,.table-striped tr , .table-striped td , .table-striped th {
	background-color : #fff !important;
}

.form-control {
    box-shadow: none !important;
}
.custInput {
    border-left: 0 none !important;
    border-radius: 0 !important;
    border-right: 0 none !important;
    border-top: 0 none !important;
}

.btn-default2 {
    background: #00AFD9 none repeat scroll 0 0;
    /*background: #00AC4F;*/
    background: #234090;
    border: 0 none;
    color: #f6f6f6;
    font-size: 18px;
    margin: 0 8px;
    padding: 12px 24px;
    transition: all 0.5s ease 0s;
    border-radius: 1px;
    font-family: "Calibri";
}

.btn-default2:hover, .btn-default2:focus {
	/*background: #00AFD9;*/
	background: #6e85c4;
	color: #f6f6f6;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
	border-color: #6F471B;
}

.btn-default1 {
    background: #b1b4b6 none repeat scroll 0 0;
    border: 0 none;
    color: #f6f6f6;
    font-size: 18px;
    margin: 0 8px;
    padding: 12px 24px;
    transition: all 0.5s ease 0s;
    border-radius: 1px;
    font-family: "Calibri";
}
.btn-default1:hover {
	background-color: #a8abad;
}

.btn:hover, .btn:focus {
    color: #333333;
}

.nav-pills > li > a
{
border-radius :1px !important;
}

a {
    text-decoration: none !important;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border-radius: 1px !important;
}

/*#cssmenu ul ul a:hover
{
background-color:#11495C !important;
}*/

.inviteText, .cntText {
    font-size: 12px;
    font-weight: bold;
}

.generateLink, .generateLink:hover {
    color: #fff !important;
    line-height: 15px;
}


.inviteHead {    color: #cfbb92;    font-size: 15px;    font-style: italic;    letter-spacing: 0.05em;    line-height: 40px;    text-transform: none; margin : 0px !important;}

p.mainFont, span.mainFont, .select2-container {    color: #000;    font-size: 15px;    letter-spacing: 0.05em;    line-height: 40px;    opacity: 0.7; margin :0px !important}

.semiBoldItalic {    font-family: "Calibri";}

p.mainFont.smallLineHeight {    line-height: 20px;}

p.sliderHead {
    color: #000;
    font-size: 20px;
    letter-spacing: 0.1em;
    line-height: 42.57px;
    opacity: 0.7;
text-transform: uppercase;
}
.sliderHead {
    font-family: "Calibri";
}
.supperInnerBanner {    background-attachment: scroll;    background-clip: border-box;    background-color: rgba(0, 0, 0, 0);    background-image: url("/../front/img/bg.png");    background-origin: padding-box;    background-position: 50% 100% !important;    background-repeat: no-repeat;    background-size: 100% 100%;    height: 555px;    margin: 20px;    opacity: 0.8;    position: relative;    width: 480px;}

.zeroPadding.supperInnerBanner {    padding-left: 20px !important;    padding-right: 20px !important;}

.zeroPadding {    padding: 0 !important;}

.cocktailsBanner {    background-attachment: scroll;    background-clip: border-box;    background-color: rgba(0, 0, 0, 0);    background-origin: padding-box;    background-position: 50% 100% !important;    background-repeat: no-repeat;    background-size: 100% 100%;    height: 600px;    position: relative;}

.inviteHead1 {
    color: #9fa1a4;
    font-size: 31px;
    letter-spacing: 0.2em;
    line-height: 83px;
    text-transform: uppercase;
}

.supperInnerBanner .mainFont {
    font-family: "Calibri";
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 30px;
}

/*.semiBold, .semiBold1 {
    font-family: "Raleway-SemiBold";
}*/

.semiBold a {
    border: 1px solid;
    padding: 4px 8px;
    text-align: center;
}
.semiBold a, .semiBold1 a {
    color: #000;
    cursor: pointer;
    opacity: 0.7;
}

.supperInnerBanner .logo img {
    width: 110px;
}
.marginTop1 {
    margin-top: 20px !important;
}
.supperInnerBanner p
{
margin : 0 0 10px !important;
}

.supperInnerBanner .logo {
    line-height: 47px;
    width:100%;
}

.lunchBanner {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-origin: padding-box;
    background-position: 50% 100% !important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 600px;
    position: relative;
}

.ui-dialog-titlebar
{
background-color: #b1b4b6 !important;
}

.ui-dialog-titlebar span
{
color:#fff;
}

/*.grid-view {
    height: 400px;
}*/

/*#sidebar-wrapper, .logoDiv {
    background: #E5F1EF !important;
}*/

.navbar {
    /*color: #003C50;*/
    /*color: #00AC4F;*/
    color: #234090;
}

.adhockDataDiv {
    margin-top: 45px;
}

.adhockDataDiv .formSection {
    border-left: 0;
    min-height: 175px;
    /*background: #003C50;*/
    background: #116E39;
    color: #fff;
}

.fc td, .fc th {
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    padding-right: 5px !important;
    border-bottom: 1px solid !important;
}

.fc-content-skeleton td {
    border: 0 !important;
}

.fc th {
    padding-top: 5px !important;
    text-align: right !important;
}

#planCalendar .fc-view-container {
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    border-left: 1px solid #d2d2d2;
}

#pauseAdhocTab, #pauseAdhocTab1 {
    background: transparent;
}

.formSection .formSection {
    border: 0 !important;
}


.ui-tabs .ui-tabs-nav li {
	padding: 0px;
	top: 0px;
}

.ui-tabs .ui-tabs-nav li a {
	margin-right: 0px;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	margin-bottom: 0px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a, .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    background: #d4d7dc;
}

#pauseAdhocTab .ui-widget-header, #pauseAdhocTab1 .ui-widget-header {
    border: 0px !important;
    border-radius: 0;
}

#pauseAdhocTab .ui-tabs-panel, #pauseAdhocTab1 .ui-tabs-panel {
    /*border: 1px solid #003c50 !important;*/
    -moz-box-shadow: 0 2px 0 #d4d7dc, -1px -1px 0 #eceef1, 1px 0 0 #eceef1;
    -webkit-box-shadow: 0 2px 0 #d4d7dc, -1px -1px 0 #eceef1, 1px 0 0 #eceef1;
	box-shadow: 0 2px 0 #d4d7dc, -1px -1px 0 #eceef1, 1px 0 0 #eceef1;
    display: inline-block;
}

#pauseAdhocTab .ui-tabs-active, #pauseAdhocTab1 .ui-tabs-active {
 border: 1px solid #d4d7dc !important;
}

#pauseAdhocTab .ui-tabs-active a, #pauseAdhocTab1 .ui-tabs-active a {
    color: #fff !important;
}

.ui-tabs .ui-tabs-nav li:hover, .ui-tabs .ui-tabs-nav li a:hover, .ui-tabs .ui-tabs-nav li.ui-tabs-active:hover {
  background: transparent !important;
  border: none !important;
  border-radius: 0px;
  padding-bottom:0px;
   color:#00438A;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li a {
	border: none;
}

#pauseAdhocTab li, #pauseAdhocTab1 li {
	border-radius: 0;
}

#pauseAdhocTab a.ui-tabs-anchor:hover, #pauseAdhocTab1 a.ui-tabs-anchor:hover {
	border: 1px solid #d4d7dc !important;
	background: #d4d7dc !important;
	color: #fff !important;
}

#pauseAdhocTab .ui-tabs-active a.ui-tabs-anchor:hover, #pauseAdhocTab1 .ui-tabs-active a.ui-tabs-anchor:hover {
	border: 0px !important;
}

#pauseAdhocTab .ui-state-default, #pauseAdhocTab1 .ui-state-default {
    border: 1px solid #eceef1;
    border-bottom: 0px;
}

#pauseAdhocTab .ui-state-default a, #pauseAdhocTab1 .ui-state-default a {
    color: #000;
}

.adhockDataDiv .formSection .mainDiv {
    margin-bottom: 0;
}

.sameHeight {
    display: table;
}

.sameHeight [class*="sameHeightDiv"] {
    float: none;
    display: table-cell;
    vertical-align: top;
}

.MainDiv {
	width: 1090px;
}

.renewBtn {
	margin-top: 0 !important;
	height: 30px !important;
	font-size: 12px;
}

.view-bar-color
{
	/*border-top: 4px solid #00afd9;*/
}

.radio input[type="radio"] {
margin-top:-5px;
}

.ng-binding {
	/*float: right;*/
    width: 100%;
    border-bottom:1px solid #999;
    padding-bottom:7px;
    font-size: 14px;
    /*color: #3B3B3B;*/
    display:inline-block;
    min-height: 27px;
}

.datepicker table th {
	min-width: 30px;
}

div#genderDiv label{
	line-height: 5px !important;
}

.printableArea {
	padding: 20px 60px;
}

.checkbox-column, #cw-plan-master-grid_c0 {
    width: 15px !important;
}



/***************** Bottle css *********************/
.glass {
			height: 220px;
			position: relative;
			background-image: url('../img/milk-bottle.png');
			background-repeat: no-repeat;
			background-position: center;
			width:99px;
			margin: 0 auto;
			z-index: 1;
		}

		.liquid {
			z-index:-1;
			position:absolute;
			bottom:7px;
			width: 79px;
			left: 10px;
			background-image: url('../img/bg.jpg');
			-webkit-animation: move 150s linear infinite;
			-moz-animation: move 150s linear infinite;
			border-bottom-left-radius: 20px;
			border-bottom-right-radius: 20px;
		}
		
		@-webkit-keyframes move {
		    0% {
		       background-position: 0 0;
		    }

		    100% {
		       background-position: 2212px 0px;
		    }
		}
		
		@-moz-keyframes move {
		    0% {
		       background-position: 0 0;
		    }

		    100% {
		       background-position: 2212px 0px;
		    }
		}

.plannerfieldset
{
	min-width:600px;
}

.ui-widget {
	font-family: "Calibri";
	font-size: 14px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	font-size: 14px;
}

#accordion1 .panel-title {
	margin-bottom: 5px;
	margin-top: 5px;
}

#accordion1 .panel-title a {
	display: inline-block;
	width: 100%;
}

#accordion1 .panel-heading {
	min-height: 35px;
}

#accessList .fa-check {
	color: green;
}

#accessList .fa-times {
	color: red;
}

.viewDetail label, .viewDetail th {
	color: #A5A0A0 !important;
	text-transform: uppercase;
	font-size: 15px !important; 
	opacity: 1 !important;
}

.viewDetail .ng-binding, .viewDetail td {
	font-size: 18px !important;
	font-weight: normal !important;
}

.subDataDiv {
	background-color: #fff;
	padding: 10px;
	border-radius: 4px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	color: #000;
}

.subDataDiv:hover {
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.subDataDiv .planName {
	font-size: 20px;
	font-weight: bold;
}

.subDataDiv .planDuration {
	font-size: 16px;
	text-transform: uppercase;
}

.subDataDiv .planDuration span {
	font-size: 25px;
	font-weight: bold;
	text-transform: normal;
	/*color: #04A4DF;*/
	/*color: #00AC4F;*/
	color: #234090;
}

.subDataDiv .planDate {
	font-size: 18px;
	color: #A5A0A0;
}

.planBalance {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	margin-top: 10px;
}

.myPlansDiv {
	/*background-color: #EAECEC;*/
	background-color: #f7f7f7;
	-moz-box-shadow: 0 2px 0 #00AC4F, -1px -1px 0 #eceef1, 1px 0 0 #eceef1;
    -webkit-box-shadow: 0 2px 0 #00AC4F, -1px -1px 0 #eceef1, 1px 0 0 #eceef1;
	box-shadow: 0 2px 0 #00AC4F, -1px -1px 0 #eceef1, 1px 0 0 #eceef1;
	border-radius: 4px;
	color: #748080;
	margin-bottom: 15px;
}

.myPlansDiv .planHead {
	padding: 5px 10px;
	border-bottom: 1px solid #00AC4F;
	font-weight: bold;
}

.myPlansDiv .planHead small {
	font-size: 95%;
}

.myPlansDiv .planHead .fa-angle-right {
	font-size: 20px;
	float: right;
	font-weight: bold;
	margin-left: 10px;
}

#cssmenu {
    height: 520px;
    overflow-x: scroll;
    overflow-y: auto;
}
.myPlansDiv .planData .tag {
	line-height: 14px;
    width: 50px;
}

.myPlansDiv .planHead span {
	font-size: 16px;
}

.myPlansDiv .planData {
	padding: 10px;
}

.myPlansDiv .planData .planProductImg img {
	width: 64px;
	height: 64px;
}

.planAmountDiv {
	text-align: right;
	font-size: 18px;
	/*color: #00A5DB;*/
	color: #00AC4F;
}

.selectPlanBtn {
	/*background-color: #00a5db;*/
	/*background-color: #7bc145;*/
	background-color: #234090;
    color: #fff;
    font-size: 12px !important;
    line-height: 10px;
    padding: 6px;
    text-align: center;
    width: 50px;
}

.subPlanBtn {
	/*background-color: #00a5db;*/
	/*background-color: #7BC145;*/
	background-color: #234090;
    color: #fff;
    font-size: 14px !important;
    line-height: 18px;
    margin-left: 10px;
    padding: 6px;
    text-align: center;
    width: auto;
}



.close {
    float:right;
    display: inline-block !important;
    padding:5px;
    width: auto !important;
    border: 0px !important;
    cursor: pointer;
    color: #fff !important;
    font-weight: normal !important;
    opacity: 1;
}

.close i {
	font-size: 20px;
}

.eventDiv {
	position:fixed;
    top: 50%;
    left: 50%;
    margin-top: -9em;
    margin-left: -15em;
    z-index: 9999;
}


#sidebar .has-sub ul {
    /*max-height: 130px;*/
    overflow-y: auto;
    background: #fff;
}


/*a.logo img {
	width: 160px;
}*/


.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.wrapper ul {
	padding-left: 0px !important;
	list-style:none;
}

.wrapper ul li label{
	padding-left: 5px;
	padding-top: 2px;
}














div.flash-success {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    background: #f7f7f7;
    color: #2f2f2f;
    -webkit-box-shadow: 0 9px 6px -6px #ddd;
    -moz-box-shadow: 0 9px 6px -6px #ddd;
    box-shadow: 0 9px 6px -6px #ddd;
}

div.flash-success .nameSpan {
	font-size: 16px;
	/*color: #00AC4F;*/
	color: #234090;
	font-weight: bold;
}

div.flash-success .subSpan {
	font-size: 12px;
	color: #646464;
}

div.flash-success .dateSpan {
	font-size: 12px;
}

div.flash-success .closeBtn i {
	font-size: 22px;
	color: #7E7E7E;
}

div.flash-success .viewBtn {
	/*background: #00AC4F none repeat scroll 0 0;*/
	background: #234090 none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 0;
    color: #fff;
    display: block;
    font-size: 11px;
    font-weight: 600;
    margin: 10px auto 0;
    padding: 4px;
    position: relative;
    text-transform: uppercase;
    width: 70px;
    text-align: center;
}

div.flash-success .viewBtn:hover {
	color: #fff !important;
}

.textUpper {
	text-transform: uppercase;
}

.redColor {
	color: #FF2E2E;
}

.greenColor {
	color: #0CA200 !important;
	font-size: 18px !important
}

.absolute {
	position: absolute !important;
}

.custNotificationDiv div {
	padding-left: 5px;
	padding-right: 5px;
}

.custNotificationDiv .nameSpan {
	display: block;
	margin-bottom: 5px;
}

.pausetr td
{
	background-color: #ddd !important;
}