/*******************************************************************************

	DK Framework
	Title: CSS Framework
	Author: Mohamed Azzam (http://www.designkey.net/)
	Date: February 2015

********************************************************************************

/* Reset & normalize
------------------------------------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
	display: block;
}
audio, canvas, video {
	display: inline-block;
 *display: inline;
 *zoom: 1;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
 [hidden] {
 display: none;
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
html, button, input, select, textarea {
	font-family: sans-serif;
}
body {
	line-height: 1;
}
a:focus {
	outline: 0;
}
a:hover, a:active {
	outline: 0;
}
abbr[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
b, strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
mark {
	background: #ff0;
	color: #000;
}
pre, code, kbd, samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -.5em;
}
sub {
	bottom: -.25em;
}
nav ol, nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}
svg:not(:root) {
	overflow: hidden;
}
legend {
	white-space: normal;
 *margin-left: -7px;
	display: none;
}
button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
 *vertical-align: middle;
}
button, input {
	line-height: normal;
}
a[href], label[for], select, input[type=checkbox], input[type=radio] {
	cursor: pointer;
}
button, input[type=button], input[type=reset], input[type=submit] {
	cursor: pointer;
	-webkit-appearance: button;
 *overflow: visible;
}
button[disabled], input[disabled] {
	cursor: default;
}
input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
 *height: 13px;
 *width: 13px;
}
input[type=search] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
 input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button {
 -webkit-appearance: none;
}
 button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Clearfix
------------------------------------------------------------------------------*/
#notify-content-already li:after,
.show-info-table li:after,
.tab-continer:after,
.list-login li:after,
.main-nav:after,
.intro-blocks:after,
.recent-happenings-specail:after,
.box-block:after,
.block-all:after,
.box li:after,
.boxnew1 li:after,
.wrapper:after,
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: ' ';
	clear: both;
	height: 0;
}
.clearfix {
	zoom: 1;
}
/* @font-face
------------------------------------------------------------------------------*/

@font-face {
	font-family: 'borda';
	src: url('../fonts/fonts-borda-regular-webfont.eot');
	src: url('../fonts/fonts-borda-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/fonts-borda-regular-webfont.woff') format('woff'), url('../fonts/fonts-borda-regular-webfont.ttf') format('truetype'), url('../fonts/borda-regular-webfont.svg#bordaregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'borda';
	src: url('../fonts/fonts-borda-bold-webfont.eot');
	src: url('../fonts/fonts-borda-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/fonts-borda-bold-webfont.woff') format('woff'), url('../fonts/fonts-borda-bold-webfont.ttf') format('truetype'), url('../fonts/borda-bold-webfont.svg#bordabold') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Helvetica-Light';
	src: url('../fonts/fonts-HelveticaNeue-Light.eot') format('embedded-opentype'), url('../fonts/HelveticaNeue-Light.otf') format('opentype'), url('../fonts/fonts-HelveticaNeue-Light.woff') format('woff'), url('../fonts/fonts-HelveticaNeue-Light.ttf') format('truetype'), url('../fonts/HelveticaNeue-Light.svg#HelveticaNeue-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Helvetica-Light';
	src: url('../fonts/fonts-HelveticaNeue-Medium.eot') format('embedded-opentype'), url('../fonts/HelveticaNeue-Medium.otf') format('opentype'), url('../fonts/fonts-HelveticaNeue-Medium.woff') format('woff'), url('../fonts/fonts-HelveticaNeue-Medium.ttf') format('truetype'), url('../fonts/HelveticaNeue-Medium.svg#HelveticaNeue-Medium') format('svg');
	font-weight: bold;
	font-style: normal;
}

/* 1.4 Selection pseudo-elements
------------------------------------------------------------------------------*/

::-moz-selection {
 color: #333;
 background: #ccc;
}
::selection {
	color: #333;
	background: #ccc;
}
*:focus {
	outline: none;
}
/* Pseudo-class transitions
------------------------------------------------------------------------------*/

a, a:hover, a:focus, a:active, button, button:hover, button:focus, button:active, input, input:hover, input:focus, input:active, textarea, textarea:hover, textarea:focus, textarea:active {
	-moz-transition: all .15s ease-out;
	-webkit-transition: all .15s ease-out;
	-o-transition: all .15s ease-out;
	-ms-transition: all .15s ease-out;
	transition: all .15s ease-out;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #ccc;
    font-style: italic;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #ccc;
   font-style: italic;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #ccc;
   font-style: italic;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #ccc;
   font-style: italic;
}

/* Image replacement
------------------------------------------------------------------------------*/

.ir {
	display: block;
	position: relative;
	overflow: hidden;
}
.ir span {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}
.ie7 .ir a span, .ie7 a.ir span {
	cursor: pointer;
}
/* Default styles
------------------------------------------------------------------------------*/

body {
	font: 12px/1 'Helvetica-Light', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #768086;
	background: #f4f6f6;
}
label {
	display: inline-block;
}

hr {
	display: none;
}
/* 1.8 Type & content properties
------------------------------------------------------------------------------*/
h2 {
	font: bold 16px/1 'borda', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #40505a;
	text-transform: uppercase;
	padding-bottom: 5px;
	margin: 0 20px 0 10px;
  display: inline-block;
  margin-top: 20px;
}
h3 {
	display: block;
	width: 100%;
	padding: 10px 0;
	margin: 20px 0 10px;
	font: bold 16px/1 'borda', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #40505a;
	text-transform: uppercase;
	text-align: center;
	border-top: 1px solid #c6cacc;
	border-bottom: 1px solid #c6cacc;
	background: #d9dcdd;
}
h4 {
	font: bold 14px/1 'borda', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #40505a;
	text-transform: uppercase;
	padding-bottom: 5px;
  display:block;
  clear: both;
  float: left;
  width: 100%;
  margin: 30px 20px -10px;
}

p, pre {
	font-size: 13px;
	font-weight: normal;
	line-height: 18px;
}

a {
	outline: none;
  color: #008a94;
}

a:hover {
  color: #2e2e2e;
}

/* COMMON
--------------------------------------------------------------------------------
==============================================================================*/

#header {
	height: 82px;
	background-color: #22b2bd;
	-webkit-box-shadow: 0 3px #138993, inset 0 0 1px rgba(251,247,194,.45);
	-moz-box-shadow: 0 3px #138993, inset 0 0 1px rgba(251,247,194,.45);
	box-shadow: 0 3px #138993, inset 0 0 1px rgba(251,247,194,.45);
	background-image: -webkit-linear-gradient(top, rgba(0,0,1,.1), rgba(255,255,255,.1));
	background-image: -moz-linear-gradient(top, rgba(0,0,1,.1), rgba(255,255,255,.1));
	background-image: -o-linear-gradient(top, rgba(0,0,1,.1), rgba(255,255,255,.1));
	background-image: -ms-linear-gradient(top, rgba(0,0,1,.1), rgba(255,255,255,.1));
	background-image: linear-gradient(to bottom, rgba(0,0,1,.1), rgba(255,255,255,.1));
}

#header .site-name {
	float: left;
	width: 87px;
	height: 69px;
	margin: 7px 0 0;
	text-indent: -99999px;
}

#header .site-name span {
	background: url(../images/images-logo.png) no-repeat;
}
.wrapper {
	width: 1200px;
	margin: 0 auto;
}
#content {
	float: left;
	width: 940px;
	margin-top: 3px;
	background: #f4f6f6;
}

#sidebar {
	float: left;
	width: 258px;
	margin-top: 3px;
	border-left: 1px solid #dadbdc;
	background: #e9ebec;
}
.intro {
	margin: 0 20px;
}
.box {
	padding: 5px 18px;
	border: 1px solid #e9ebec;
	border-radius: 5px;
	margin: 10px 0 20px;
  background: #fff;
}

.blocks {
	position: relative;
	float: left;
	width: 280px;
	margin-left: 30px
}
.blocks:first-child{
  margin-left: 0;
  margin-right: 0;
}

.box-block {
	height: 160px;
  background: #fff;
	margin: 11px 0 0;
	border: 1px solid #e9ebec;
	border-radius: 5px;
	overflow: hidden;
}
.ico {
	display: inline-block;
	background: url(../images/images-icons.png) no-repeat 0 0;
}
.icon-00 {
	width: 30px;
	height: 30px;
}
.icon-01 {
	width: 25px;
	height: 20px;
	margin: -8px 0 -5px 0;
	background-position: -35px -20px;
}
.icon-02 {
	width: 25px;
	height: 20px;
	margin: -8px 0 -7px 0;
	background-position: -60px -20px;
}
.icon-03 {
	width: 25px;
	height: 20px;
	margin: -8px 0 -5px 0;
	background-position: -85px -20px;
}
.icon-04 {
	width: 25px;
	height: 20px;
	margin: -8px 0 -5px 0;
	background-position: -110px -20px;
}
.icon-05 {
	width: 25px;
	height: 20px;
	margin: -8px 0 -5px 0;
	background-position: -135px -20px;
}
.icon-06 {
	width: 10px;
	height: 7px;
	background: url(../images/images-drop.png) no-repeat left 0;
}
.icon-07 {
	display: block;
	width: 11px;
	height: 11px;
	background: url(../images/images-ico-search.png) no-repeat center center;
}
.icon-08 {
	display: block;
	width: 5px;
	height: 10px;
	background: url(../images/images-ico-next.png) no-repeat center center;
}
.icon-09 {
	display: block;
	width: 24px;
	height: 25px;
	background: url(../images/images-actionTable.png) no-repeat left center;
}
.icon-10 {
	display: block;
	width: 24px;
	height: 25px;
	background: url(../images/images-actionTable.png) no-repeat center center;
}
.icon-11 {
	display: block;
	width: 24px;
	height: 25px;
	background: url(../images/images-actionTable.png) no-repeat right center;
}
.icon-09:hover {
	background: url(../images/images-actionTableHover.png) no-repeat left center;
}
.icon-10:hover {
	background: url(../images/images-actionTableHover.png) no-repeat center center;
}
.icon-11:hover {
	background: url(../images/images-actionTableHover.png) no-repeat right center;
}

.icon-12 {
	display: block;
	width: 52px;
	height: 38px;
	background: url(../images/images-btnCancel.png) no-repeat right center;
}

.icon-13 {
	display: block;
	width: 52px;
	height: 38px;
	background: url(../images/images-btnAdd.png) no-repeat right center;
}
/* Menu */
.top-nav {
	float: right;
	margin: 26px 0 0;
}
.top-info {
	float: right;
	position: relative;
}
.top-info > li {
	display: block;
	float: left;
}
li.notication {
	position: relative;
	margin: 0 15px;
}
li.profile {
	position:  relative;
	margin-left: 5px;
}
.noty {
	display: block;
	position: absolute;
	right: -2px;
	top: -8px;
	width: 15px;
	height: 15px;
	padding-top: 2px;
	background: url(../images/images-notify.png) no-repeat center center;
	font-size: 10px;
	color: #fff;
  line-height: 14px;
	text-align: center;
}
.main-nav {
  height: 70px;
	position: relative;
	background: #f4f6f6;
 	-moz-transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	transition: all .5s ease-out;

}

.longmenu.main-nav{
  height: 130px;
}

.longmenu2.main-nav{
  height: 130px;
}

.main-nav ul.level > li {
	display: block;
	float: left;
	height: 52px;
	width: 150px;
	cursor: pointer;
	margin: 0;
	overflow: hidden;
	padding: 0 3px;
	background: #5ac0cc;
}
.main-nav ul.level {
	float: left;
	width: 100%;
	height: 70px;
}
.main-nav ul.level > li {
}
.main-nav ul.level > li:hover, .main-nav ul.level > li.selected {
	background: #008a94;
	background-image: -webkit-linear-gradient(top, rgba(244,246,246,.1), rgba(244,246,246,0));
	background-image: -moz-linear-gradient(top, rgba(244,246,246,.1), rgba(244,246,246,0));
	background-image: -o-linear-gradient(top, rgba(244,246,246,.1), rgba(244,246,246,0));
	background-image: -ms-linear-gradient(top, rgba(244,246,246,.1), rgba(244,246,246,0));
	background-image: linear-gradient(to bottom, rgba(244,246,246,.1), rgba(244,246,246,0));
}
.main-nav ul.level > li > a {
	display: inline-block;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	line-height: 16px;
	margin: 18px 0;
	border-left: 1px solid #fff;
	width: 100%;
}
.main-nav ul.level > li:first-child > a {
	border-left: 0;
}
.main-nav ul.level > li:hover > a, .main-nav ul.level > li.selected a, .main-nav ul.level > li.current > a {
	color: #fff;
	border: none;
}
.main-nav ul.level > li:hover .icon-01, .main-nav ul.level > li.selected .icon-01, .main-nav ul.level > li.current .icon-01 {
	background-position: -35px -20px;
}
.main-nav ul.level > li:hover .icon-02, .main-nav ul.level > li.selected .icon-02, .main-nav ul.level > li.current .icon-02 {
	background-position: -60px -20px;
}
.main-nav ul.level > li:hover .icon-03, .main-nav ul.level > li.selected .icon-03, .main-nav ul.level > li.current .icon-03 {
	background-position: -85px -20px;
}
.main-nav ul.level > li:hover .icon-04, .main-nav ul.level > li.selected .icon-04, .main-nav ul.level > li.selected .icon-04 {
	background-position: -110px -20px;
}
.main-nav ul.level > li:hover .icon-05, .main-nav ul.level > li.selected .icon-05, .main-nav ul.level > li.current .icon-05 {
	background-position: -135px -20px;
}
.main-nav ul.level > li ul {
	display: none;
	width: 940px;
	position: absolute;
	left: 0;
	right: 0;
	top: 52px;
	list-style: none;
	-moz-transition: all .15s ease-out;
	-webkit-transition: all .15s ease-out;
	-o-transition: all .15s ease-out;
	-ms-transition: all .15s ease-out;
	transition: all .15s ease-out;
	background-color: #80cfd8;
}
.main-nav li ul li {
	display: block;
	float: left;
	width: 16.579%;
	margin-left: 0;
	height: 52px;
	border-top: 1px solid #008a94;
	border-bottom: 1px solid #008a94;
	border-left: 1px solid #fff;
	-webkit-box-shadow: inset 0 0 15px rgba(251,247,194,.25);
	-moz-box-shadow: inset 0 0 15px rgba(251,247,194,.25);
	box-shadow: inset 0 0 15px rgba(251,247,194,.25);
}
.main-nav li ul li:first-child {
	border-left: none;
}

/* Case */
.main-nav li ul li.case05{
  width: 19.9%;
  text-align: center;
}
.main-nav li ul li.case04{
  width:24.9%;
  text-align: center;
}
.main-nav li ul li.case03{
  width:33.2%;
  text-align: center;
}
.main-nav li ul li.case02{
  width:49.9%;
  text-align: center;
}
.main-nav li ul li.case01{
  width: 100%;
  text-align: center;
}

.main-nav li ul li.currentsub, .main-nav li ul li:hover {
	box-shadow: inset 0 -3px 0 0 #008a94;
}
.main-nav li ul li a {
	font-size: 12px;
	line-height: 52px;
	text-decoration: none;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	display: block;
}
.main-nav ul.level > li:hover > ul li.currentsub a, .main-nav ul.level > li.selected ul li.currentsub a, main-nav ul.level > li.current > ul li.currentsub a, .main-nav ul.level > li:hover > ul li:hover a, .main-nav ul.level > li.selected ul li:hover a, main-nav ul.level > li.current > ul li:hover a {
	color: #fff;
}
.main-nav ul.level > li.selected ul.sub-level {
	display: block;
	z-index: 10;
}
.main-nav ul.level > li ul.justshow {
	z-index: 100;
}
a.view {
	text-align: right;
	font-size: 12px;
	color: #40505a;
	text-transform: none;
	float: right;
}
a.view:hover {
	text-decoration: none;
}
.box li {
	list-style: none;
	margin: 15px 0;
	display: block;
}
.box p {
	display: block;
	float: left;
	font-size: 13px;
	line-height: 30px;
	font-weight: normal;
}
.box #contentpop p {
	float: none;
}
.star-rate {
	float: left;
	margin: 6px 0 0 10px;
}
.box li b {
	font-weight: bold;
}
.box .rate {
	float: left;
	margin-left: 30px;
	padding-left: 30px;
	border-left: 1px solid #e4e6e7;
}
.box .rate p {
	font-size: 12px;
}
.green {
	font-weight: bold;
	color: #37bf6d;
}
.yellow {
	font-weight: bold;
	color: #bfbd37;
}

.red {
	font-weight: bold;
	color: red;
}

.blue {
  font-weight: bold;
  color: #66a1ca;
}

.chart {
	float: left;
	width: 120px;
	margin: 10px 0 0 25px;
}
.info-chart {
	float: right;
	width: 110px;
	height: 170px;
	list-style: none;
	background: #008a94;
}
.info-chart li {
	margin-left: 0;
}
.info-chart li a {
	display: block;
	text-align: center;
	color: #fff;
	border-top: 1px solid #fff;
	margin: 5px auto;
	padding-top: 10px;
	font-size: 14px;
	line-height: 20px;
	text-shadow: 1px 1px 1px #333;
	text-decoration: none;
}
.info-chart li:first-child a {
	border: none;
	padding-top: 0;
}
.info-chart li a:hover {
	color: #333;
	text-shadow: none;
}
.info-chart li.case1 {
	margin-top: 60px;
}
.info-chart li.case2 {
	border-top: 1px solid #fff;
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 20px;
    margin: 5px auto;
    font-weight:  bold;
    padding-top: 10px;
    text-align: center;
}
.info-chart li.case2:first-child {
	border:none;
}

.info-chart li.case2 span {
	font-size: 10px;
	font-weight: normal;
}
.intro-blocks {
	list-style: none;
}
.block-all {
	margin-bottom: 10px;
}
.intro-blocks {
	margin-top: 10px;
}
.intro-blocks li {
	display: block;
	float: left;
	width: 280px;
	height: 163px;
	margin-left: 30px;
}
.intro-blocks li:first-child {
  margin-left: 0;
  margin-right: 0px;
}

.intro-blocks .figure {
	position: relative;
}
.intro-blocks .figcaption {
	position: absolute;
	left: 0px;
	top: 70px;
	width: 100%;
}
.intro-blocks .figcaption a, .intro-blocks .figcaption span {
	display: block;
	width: 100%;
	font: bold 20px/1 'borda', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}
.intro-blocks .figcaption a:hover, .intro-blocks .figcaption span:hover {
	text-decoration: underline;
}
/*	page comapny info	*/
.block-2 {
	display: block;
	width: 50%;
	float: left;
}
.border-right {
	border-right: 1px solid #dbdee0;
	margin-right: -1px;
}
.block-2 img {
	margin: 0 auto;
	display: block;
}
.block-2 ul {
}
.block-2 ul li {
	color: #2e2e2e;
	font-size: 12px;
	list-style: outside none none;
	margin: 12px 0;
	text-align: center;
}
.block-2 ul li a {
	color: #008a94;
	font-weight:  bold;
	text-decoration: none;
}
.block-2 ul li a.non-color {
	color: #2e2e2e;
}
.link-style {
	display: block;
	width: 205px;
	height: 40px;
	margin: 10px auto;
	border-radius: 5px;
	background: #534f4a;
	font: 14px/38px 'borda', "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	letter-spacing: 2px;
	text-align: center;
	text-transform: capitalize;
}
.drop-down {
	display: block;
	position: relative;
	margin: 0 auto;
	width: 205px;
}
.drop-down-list {
	display: none;
	background: #008a94;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	left: 0;
	margin: 0 auto;
	padding: 5px;
	position: absolute;
	top: 34px;
	width: 195px;
  z-index: 20;
}
/*.drop-down-list.open {
	display:block;
}*/

.drop-down:hover .drop-down-list {
	display: block;
}
.drop-down-list li, .block-2 ul.drop-down-list li {
	color: #2e2e2e;
	font-size: 12px;
	list-style: outside none none;
	margin: 0;
	text-align: center;
}
.drop-down-list li a, .block-2 ul.drop-down-list li a {
	margin: 0 auto;
  cursor: pointer;
	font: 14px/28px 'borda', "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	text-align: center;
	text-transform: capitalize;
	display: block;
}
.drop-down-list li a:hover, .block-2 ul.drop-down-list li a:hover {
	color: #534f4a;
	background: #fff;
}
.header-drop.drop-down {
	width: 120px;
	margin: -7px 0;
}
.header-drop .link-03 {
	width: 120px;
	height: 30px;
	margin: 0;
	line-height: 28px;
	color: #fff;
	letter-spacing: 1px;
}
.header-drop .drop-down-list {
	margin: 0;
	left: 0;
	top: 31px;
}
.header-drop .drop-down-list li {
	float: none;
	border: none;
	padding: 0;
}
.header-drop .drop-down-list li a {
	color: #fff;
	text-align: left;
	padding: 2px 5px;
}
.header-drop .drop-down-list li a:hover {
	color: #534f4a;
}
.box-2 {
	margin: 5px 0 0;
	float: left;
	width: 100%;
}
/* custom Scroll */
#scrollbar1 {
	width: 862px;
	margin: 0;
}
#scrollbar1 .viewport {
	width: 845px;
	height: 150px;
	overflow: hidden;
	position: relative;
}
#scrollbar1 .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
}
#scrollbar1 .scrollbar {
	background: transparent url(../images/images-bg-scrollbar-track-y.png) no-repeat 0 0;
	position: relative;
	background-position: 0 0;
	float: right;
	width: 15px;
}
#scrollbar1 .track {
	background: transparent url(../images/images-bg-scrollbar-trackend-y.png) no-repeat 0 100%;
	height: 100%;
	width: 13px;
	position: relative;
	padding: 0 1px;
}
#scrollbar1 .thumb {
	background: transparent url(../images/images-bg-scrollbar-thumb-y.png) no-repeat 50% 100%;
	height: 20px;
	width: 25px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: -5px;
}
#scrollbar1 .thumb .end {
	background: transparent url(../images/images-bg-scrollbar-thumb-y.png) no-repeat 50% 0;
	overflow: hidden;
	height: 5px;
	width: 25px;
}
#scrollbar1 .disable {
	display: none;
}
.noSelect {
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}
/* SideBar
--------------------------------------------------------------------------------
==============================================================================*/

.logo-sidebar {
  position: relative;
	display: inline-block;
	margin: 30px 50px 0 50px;
	background: #fff;
	border: 1px solid #e2e4e5;
	border-radius: 5px;
  padding: 0;
  width: 158px;
  height: 136px;
  z-index: 1;
  overflow: hidden;
}
.logo-sidebar img {
  position: relative;
  width: 158px;
  height: 136px;
  display: block;
}

.img-upload {
  display: block;
  width: 158px;
  height: 30px;
  background: rgba(0,0,0,0.6);
  position: absolute;
  z-index: 4;
  opacity: 0;
  cursor: pointer;
  left: 0;
  bottom: 0;
  padding: 0;
	transition:opacity .2s ease-in-out;
	-moz-transition:opacity .2s ease-in-out;
	-webkit-transition:opacity .2s ease-in-out;
}
.logo-sidebar:hover img {

}

.img-upload a{
	position:  absolute;
	left: 0;
	right: 0;
	bottom: 0;
	opacity:  0;
 	width: 158px;
	height: 30px;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	text-transform:  uppercase;
	text-align:  center;
	line-height:  30px;
	transition:opacity .2s ease-in-out;
	-moz-transition:opacity .2s ease-in-out;
	-webkit-transition:opacity .2s ease-in-out;
}


.img-icon{
	position: absolute;
	left: 10px;
	bottom: 5px;
	width: 16px;
	height: 16px;
	background: url(../images/images-cam.png) no-repeat 0 0;
	opacity: 0.8;
	background-size: contain;
	z-index:  10000;
	transition: all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out;

}

.logo-sidebar:hover .img-icon{
	width: 22px;
	height: 22px;
	opacity:  1;
}
.logo-sidebar:hover .img-upload {
	opacity: 1;
}

.logo-sidebar:hover .img-upload a {
	opacity: 1;
}

.logo-sidebar:hover  .img-upload:hover {
  background: rgba(0,0,0,0.8);
}

#sidebar li {
	margin: 12px 0;
    line-height: 16px;
	list-style: none;
	text-align: center;
	font-size: 12px;
	color: #2e2e2e;
}
#sidebar li a {
	font-weight:  bold;
	text-decoration: none;
	color: #008a94;
	cursor: text;
	pointer-events: none;
}
#sidebar li a:hover {
	text-decoration: underline;
}
a.link-01, button.link-01, input.link-01 {
	display: block;
	width: 205px;
	height: 40px;
  border: none;
	margin: 10px auto;
	border-radius: 5px;
	background-color: #1a72af;
	background-image: -webkit-linear-gradient(top, rgba(244,246,246,.1), rgba(244,246,246,0));
	background-image: -moz-linear-gradient(top, rgba(244,246,246,.1), rgba(244,246,246,0));
	background-image: -o-linear-gradient(top, rgba(244,246,246,.1), rgba(244,246,246,0));
	background-image: -ms-linear-gradient(top, rgba(244,246,246,.1), rgba(244,246,246,0));
	background-image: linear-gradient(to bottom, rgba(244,246,246,.1), rgba(244,246,246,0));
	font: 14px/38px 'borda', "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	letter-spacing: 2px;
	text-align: center;
}
a.link-01:hover, button.link-01:hover, input.link-01:hover {
	background-image: -webkit-linear-gradient(top, rgba(244,246,246,0), rgba(244,246,246,.1));
	background-image: -moz-linear-gradient(top, rgba(244,246,246,0), rgba(244,246,246,.1));
	background-image: -o-linear-gradient(top, rgba(244,246,246,0), rgba(244,246,246,.1));
	background-image: -ms-linear-gradient(top, rgba(244,246,246,0), rgba(244,246,246,.1));
	background-image: linear-gradient(to bottom, rgba(244,246,246,0), rgba(244,246,246,.1));
}

.link-05,
.link-02 {
	font: 14px/38px 'borda', "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: center;
	display: block;
	text-decoration: underline;
	color: #7b7b7b;
  border: none;
}

.link-05:hover,
.link-02:hover {
	text-decoration: none;
}

.link-05 {
  text-align: left;
  margin-left: 27px;
}

.link-04,
.link-03 {
	font: 14px/38px 'borda', "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
  border: none;
	letter-spacing: 2px;
	text-align: center;
	display: block;
	width: 205px;
	height: 40px;
	background: #008a94;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.link-04:hover,
.link-03:hover {
	background: #5ac0cc; /* Old browsers */
}

.link-04 {
  width: 270px;
  margin: 10px auto;
}

/** MENU **/
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#cssmenu:after, #cssmenu > ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#cssmenu #menu-button {
	display: none;
}
#cssmenu {
	float: left;
}
#cssmenu.align-right > ul > li {
	float: right;
}
#cssmenu > ul > li {
	float: left;
	display: inline-block;
	margin-left: 0;
}
.top-info > li, #cssmenu ul li {
	margin-left: 0;
}
#cssmenu.align-center > ul {
	float: none;
	text-align: center;
}
#cssmenu.align-center > ul > li {
	float: none;
}
#cssmenu.align-center ul ul {
	text-align: left;
}
#cssmenu > ul > li > a {
	color: #fff;
	padding: 8px 15px 10px;
	margin: 0;
	text-decoration: none;
	font-size: 14px;
}
#cssmenu > ul > li:hover > a, #cssmenu > ul > li > a:hover, #cssmenu > ul > li.active > a {
	color: #ccc;
}
#cssmenu > ul > li.has-sub > a {
	padding-right: 45px;
}
#cssmenu > ul > li.has-sub > a::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-top-color: #fff;
	right: 25px;
	top: 13px;
}
#cssmenu > ul > li.has-sub:hover > a::after, #cssmenu > ul > li.has-sub > a:hover::after, #cssmenu > ul > li.active.has-sub > a::after {
	border-top-color: #ccc;
}
/*#cssmenu > ul > li.has-sub.active > a::after,
#cssmenu > ul > li.has-sub:hover > a {
  border-top-color: #ffffff;
}*/
#cssmenu ul ul {
	position: absolute;
	left: -9999px;
	top: 60px;
	padding-top: 6px;
	font-size: 13px;
	opacity: 0;
	-webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
	-moz-transition: top 0.2s ease, opacity 0.2s ease-in;
	-ms-transition: top 0.2s ease, opacity 0.2s ease-in;
	-o-transition: top 0.2s ease, opacity 0.2s ease-in;
	transition: top 0.2s ease, opacity 0.2s ease-in;
}
#cssmenu.align-right ul ul {
	text-align: right;
}
#cssmenu > ul > li > ul::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-bottom-color: #ffffff;
	top: -4px;
	left: 20px;
}
#cssmenu.align-right > ul > li > ul::after {
	left: auto;
	right: 20px;
}
#cssmenu ul ul ul::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-right-color: #ffffff;
	top: 11px;
	left: -4px;
}
#cssmenu.align-right ul ul ul::after {
	border-right-color: transparent;
	border-left-color: #ffffff;
	left: auto;
	right: -4px;
}
#cssmenu > ul > li > ul {
	top: 120px;
}
#cssmenu > ul > li:hover > ul {
	top: 32px;
	left: 0;
	opacity: 1;
	z-index: 1000;
}
#cssmenu.align-right > ul > li:hover > ul {
	left: auto;
	right: 0;
}
#cssmenu ul ul ul {
	padding-top: 0;
	padding-left: 6px;
}
#cssmenu.align-right ul ul ul {
	padding-right: 6px;
}
#cssmenu ul ul > li:hover > ul {
	left: 180px;
	top: 0;
	opacity: 1;
}
#cssmenu.align-right ul ul > li:hover > ul {
	left: auto;
	right: 100%;
	opacity: 1;
}
#cssmenu ul ul li a {
	text-decoration: none;
	font-weight: 400;
	padding: 11px 25px;
	width: 180px;
	color: #777777;
	background: #ffffff;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);
}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a {
	color: #333333;
}
#cssmenu ul ul li:first-child > a {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
#cssmenu ul ul li:last-child > a {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
#cssmenu > ul > li > ul::after {
	position: absolute;
	display: block;
}
#cssmenu ul ul li.has-sub > a::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-left-color: #777777;
	right: 17px;
	top: 14px;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
	border-left-color: transparent;
	border-right-color: #777777;
	right: auto;
	left: 17px;
}
#cssmenu ul ul li.has-sub.active > a::after, #cssmenu ul ul li.has-sub:hover > a::after {
	border-left-color: #333333;
}
#cssmenu.align-right ul ul li.has-sub.active > a::after, #cssmenu.align-right ul ul li.has-sub:hover > a::after {
	border-right-color: #333333;
	border-left-color: transparent;
}
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
 #cssmenu {
 background: #39b1cc;
}
 #cssmenu > ul {
 display: none;
}
 #cssmenu > ul.open {
 display: block;
 border-top: 1px solid rgba(0, 0, 0, 0.1);
}
 #cssmenu.align-right > ul {
 float: none;
}
 #cssmenu.align-center > ul {
 text-align: left;
}
 #cssmenu > ul > li, #cssmenu.align-right > ul > li {
 float: none;
 display: block;
}
 #cssmenu > ul > li > a {
 padding: 18px 25px 18px 25px;
 border-right: 0;
}
 #cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a {
 background: rgba(0, 0, 0, 0.1);
}
 #cssmenu #menu-button {
 display: block;
 text-decoration: none;
 font-size: 13px;
 font-weight: 700;
 color: #d3eced;
 padding: 18px 25px 18px 25px;
 text-transform: uppercase;
 letter-spacing: 1px;
 background: url('../images/images-bg.png');
 cursor: pointer;
}
 #cssmenu ul ul, #cssmenu ul li:hover > ul, #cssmenu > ul > li > ul, #cssmenu ul ul ul, #cssmenu ul ul li:hover > ul, #cssmenu.align-right ul ul, #cssmenu.align-right ul li:hover > ul, #cssmenu.align-right > ul > li > ul, #cssmenu.align-right ul ul ul, #cssmenu.align-right ul ul li:hover > ul {
 left: 0;
 right: auto;
 top: auto;
 opacity: 1;
 width: 100%;
 padding: 0;
 position: relative;
 text-align: left;
}
 #cssmenu ul ul li {
 width: 100%;
}
 #cssmenu ul ul li a {
 width: 100%;
 box-shadow: none;
 padding-left: 35px;
}
 #cssmenu ul ul ul li a {
 padding-left: 45px;
}
 #cssmenu ul ul li:first-child > a, #cssmenu ul ul li:last-child > a {
 border-radius: 0;
}
 #cssmenu #menu-button::after {
 display: block;
 content: '';
 position: absolute;
 height: 3px;
 width: 22px;
 border-top: 2px solid #d3eced;
 border-bottom: 2px solid #d3eced;
 right: 25px;
 top: 18px;
}
 #cssmenu #menu-button::before {
 display: block;
 content: '';
 position: absolute;
 height: 3px;
 width: 22px;
 border-top: 2px solid #d3eced;
 right: 25px;
 top: 28px;
}
 #cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul li.has-sub > a::after {
 display: none;
}
}
/* Notify */
.notificationContainer {
	background-color: #fff;
	border: 1px solid rgba(100, 100, 100, .4);
	box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	overflow: visible;
	position: absolute;
	top: 41px;
	right: -30px;
	margin-left: -170px;
	width: 400px;
	z-index: 10000;
	display: none;
	border-radius: 10px;
}

.notificationContainer:before {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	color: transparent;
	border: 10px solid black;
	border-color: transparent transparent white;
	margin-top: -20px;
	margin-left: 347px;
}


.notificationContainer.profile-notify:before {
	margin-left: 97px;
}

.profile-notify .notificationsBody li a:hover {
	color: #4aaed4;
}

.profile-notify .notificationsBody li:last-child{
	border-bottom: none;
}

.notificationContainer.profile-notify {
	width: 150px;
}


.new-icon02,
.new-icon01{
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 5px -3px 3px;
	opacity: .7;
	background: url(../images/images-new-icon-01.png) 0 0 no-repeat;
	background-size: cover;
}

.new-icon02 {
	background: url(../images/images-new-icon-02.png) 0 0 no-repeat;
	background-size: cover;
}

.notificationTitle {
	z-index: 1000;
	font-weight: bold;
	padding: 8px;
	font-size: 13px;
	width: 384px;
	border-bottom: 1px solid #dddddd;
}
.notificationsBody {
	padding: 0!important;
}
.notificationFooter {
	text-align: center;
	font-weight: bold;
	padding: 8px;
	color: #fff;
	font-size: 12px;
	border-top: 1px solid #dddddd;
}
.notificationFooter a {
	color: #333;
}
.notificationsBody li {
	display: block;
	cursor: pointer;
	padding: 10px 5px;
	float: none;
	margin: 0;
	border-bottom: 1px solid #dddddd;
	-moz-transition: all .15s ease-out;
	-webkit-transition: all .15s ease-out;
	-o-transition: all .15s ease-out;
	-ms-transition: all .15s ease-out;
	transition: all .15s ease-out;
}
#notify-content li {
	background: #f7ee8b;
}
#notify-content li.read {
	background: none;
}
.notificationsBody li a {
	font-size: 12px;
	text-decoration: none;
	color: #333;
}
/* Star Rating */
.cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png {
	font-size: 2em;
}
@font-face {
	font-family: "raty";
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/fonts-raty.eot");
	src: url("../fonts/fonts-raty.eot?#iefix") format("embedded-opentype");
	src: url("../fonts/raty.svg#raty") format("svg");
	src: url("../fonts/fonts-raty.ttf") format("truetype");
	src: url("../fonts/fonts-raty.woff") format("woff");
}
.cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: "raty";
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	speak: none;
	text-transform: none;
}
.cancel-on-png:before {
	content: "\e600";
}
.cancel-off-png:before {
	content: "\e601";
}
.star-on-png:before {
	content: "\f005";
}
.star-off-png:before {
	content: "\f006";
}
.star-half-png:before {
	content: "\f123";
}
.chart {
	position: relative;
}
.chart-info {
	display: none;
	font: bold 11px/1 'borda', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #898b8b;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none;
}
.more-chart-info {
	position: absolute;
	left: 0;
	bottom: 38px;
	font-weight: bold;
	font-size: 18px;
	width: 120px;
	text-align: center;
}
.chart-info-nu {
	position: absolute;
	left: 0;
	top: 42px;
	font-size: 34px;
	width: 120px;
	text-align: center;
}
.chart-01 .chart-info-nu {
	color: #66a1ca;
}
.chart-02 .chart-info-nu {
	color: #9681ac;
}
.chart-03 .chart-info-nu {
	color: #90ab92;
}
.chart-info p {
	font: 11px/1 "borda", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.case-payment.chart-info {
	font-size: 11px;
	font-weight: normal;
}
/* popup */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}
.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}
.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.fancybox-opened {
	z-index: 8030;
}
.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
	position: relative;
}
.fancybox-inner {
	overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
	height: 340px!important;
}
.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-iframe {
  min-height: inherit;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/images-fancybox_sprite.png');
}
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}
#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../images/images-fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}
.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../images/images-blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}
.fancybox-prev {
	left: 0;
}
.fancybox-next {
	right: 0;
}
.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}
.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}
.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}
.fancybox-nav:hover span {
	visibility: visible;
}
.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}
/* Overlay helper */

.fancybox-lock {
	overflow: hidden !important;
	width: auto;
}
.fancybox-lock body {
	overflow: hidden !important;
}
.fancybox-lock-test {
	overflow-y: hidden !important;
}
.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../images/images-fancybox_overlay.png');
}
.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}
.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}
/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}
.fancybox-opened .fancybox-title {
	visibility: visible;
}
.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}
.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}
.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}
.fancybox-title-inside-wrap {
	padding-top: 10px;
}
.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}
.icon-iedrop {
	display: none;
}
/* my requests page
--------------------------------------------------------------------------------
==============================================================================*/
.recent-happenings-specail h2 {
	float: left;
  margin: 1px 20px 0 10px;
}
.wrapperFrom {
	float: right;
}
.wrapperFrom label {
	margin-left: 20px;
}
.searchWrapper {
	float: left;
}
.filterWrapper {
	float: left;
}

.wrapperWhite {
	float: right;
	padding: 10px 0 10px 10px;
	background: #fff;
	border: 1px solid #e9ebec;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: -15px 0 0 10px;

	position: relative;
    z-index: 1;
}
.wrapperWhite button {
	background: none;
	margin: 0 10px 0 5px;
}
.wrapperWhite .form-control {
	border-right: 1px solid #e9ebec;
	height: 20px;
	color: #768086;
	font-size: 13px;
	font-weight: normal;
}

.form-control-text {
  display: block;
	border: 1px solid #e9ebec;
	height: 32px;
	color: #768086;
  border-radius: 5px;
	font-size: 12px;
  line-height: 32px;
  float: left;
  padding: 0 5px;
	font-weight: normal;
 	margin: 0 0 0 10px;
  width: 200px;
}

.form-control-text:focus,
.form-control-text:hover{
	border: 1px solid rgba(51,137,186, 0.7);
	box-shadow: 0 0 2px rgba(51,137,186, 0.7);
}

/*	select 	box		*/
.filterWrapper .sbHolder {
	position: relative;
	float: right;
	width: 112px;
	margin: -15px 0 0 10px;
	padding: 11px 10px;
	border: 1px solid #e9ebec;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #fff;
}
.filterWrapper .sbSelector {
	text-transform: uppercase;
	color: #768086;
	background: #fff url(../images/images-selectBoxarrow.png) no-repeat right center;
	float: right;
	text-align: left;
	text-decoration: none;
	padding: 3px 0;
	width: 100%;
}
.filterWrapper .sbOptions {
	position: absolute;
	top: 45px !important;
	left: 0;
	width: 100%;
	z-index: 20;
	border: 1px solid #e9ebec;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #fff;
}
.filterWrapper .sbOptions li {
	float: left;
	clear: both;
	list-style: none;
	border-bottom: 1px solid #e9ebec;
	width: 100%;
}
.filterWrapper .sbOptions li:first-child {
	border-top: 0;
}
.filterWrapper .sbOptions li:hover {
	cursor: pointer;
}
.filterWrapper .sbOptions a {
	text-transform: capitalize;
	color: #768086;
	font-size: 13px;
	font-weight: normal;
	padding: 10px 2%;
	text-align: left;
	text-decoration: none;
	display: block;
	margin: 0 2%;
	width: 96%;
}
.filterWrapper .sbOptions li:hover a, .filterWrapper .sbOptions li.active a {
	color: #000;
}

/*
.filterWrapper .sbOptions li:first-child {
	display:none;
}
*/

.myrequests {
	width: 100%;
	clear: both;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 20px 0;
	background: #fff;
	border-bottom: 1px solid #e9ebec;
	border-right: 1px solid #e9ebec;
}

.mustEnter {
  color: red;
}

.myrequests tr {
	border-top: 1px solid #e9ebec;
}
.myrequests td, .myrequests th {
	font-size: 13px;
	line-height: 30px;
	padding: 5px 10px;
	text-align: left;
	border-left: 1px solid #e9ebec;
}
.myrequests th {
	font-weight: bold;
  background: #008a94;
  color: #fff;
}
.myrequests td {
	font-weight: normal;
}
/*
.myrequests th:first-child ,
.myrequests td:first-child {
	border-left: 0;
}*/

.pager {
	float: none;
	width: 175px;
	margin: 20px auto;
	text-align: center;
}

.pager.pager-right {
    float: right;
    margin: -39px 0 0;
    width: auto;
}

.pager li {
	text-align: center;
	display: inline-block;
	list-style: none;
}
.pager li a {
	color: #707171;
	font-size: 12px;
	font-weight: normal;
	padding: 3px 5px;
	text-decoration: none;
	display: block;
	text-align: center;
}
.pager li a:hover {
	color: #1b73af;
	text-decoration: underline;
}
.pager li a span {
	float: right;
	margin: 0 0 0 3px;
}
/*	page comapny	*/
.box-3 {
	float: left;
	padding: 10px 5%;
	width: 90%;
	border-bottom: 1px solid #dbdee0;
}

.company-pages .box-3 {
	border-bottom: 0;
}

.block-3 {
	display: block;
	width: 100%;
	float: left;
	margin: 12px 0;
}
.block-3 h4 {
	margin: 0 0 12px;
}
ul.blockThreeList {
	width: 100%;
	display: block;
}
ul.blockThreeList li {
	color: #2e2e2e;
	font-size: 12px;
	list-style: outside none none;
	margin: 7px 0;
	text-align: left;
	width: 50%;
	float: left;
}
ul.blockThreeList li a {
	color: #008a94;
	font-weight:  bold;
	cursor: text;
	pointer-events: none;
	text-decoration: none;
  	margin-left: 6px;
}
ul.blockThreeListTwo {
	width: 50%;
	display: block;
	float: left;
}
ul.blockThreeListTwo li {
	color: #2e2e2e;
	font-size: 12px;
	list-style: outside none none;
	margin: 12px 0;
	text-align: left;
	width: 100%;
	float: left;
	position: relative;
}
ul.blockThreeListTwo li a {
	color: #008a94;
	font-weight:  bold;
	cursor: text;
	pointer-events: none;
	text-decoration: none;
}
ul.blockThreeListTwo li .drop-down {
	float: left;
	width: 158px;
}
ul.blockThreeListTwo li .drop-down .link-style {
	margin: 0;
	color: #fff;
	font-style: normal;
	width: 100%;
}
ul.blockThreeListTwo li .drop-down .drop-down-list {
	width: 148px;
	/*margin: 0 0 0 -79px;*/
	margin: 0;
}
ul.blockThreeListTwo li .drop-down ul.drop-down-list li {
	color: #2e2e2e;
	font-size: 12px;
	list-style: outside none none;
	margin: 0;
	text-align: center;
}
ul.blockThreeListTwo li .drop-down ul.drop-down-list li a {
	color: #fff;
	font-style: normal;
}
ul.blockThreeListTwo li .drop-down ul.drop-down-list li a:hover {
	color: #534f4a;
}
p.fullAddress {
	width: 100%;
	margin: 5px 0;
	display: block;
	color: #008a94;
	font-weight:  bold;
}
.activityTable {
	width: 100%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 20px 0;
	background: #fff;
	border-bottom: 1px solid #e9ebec;
	border-right: 1px solid #e9ebec;
}
.activityTable tr, .activityTable tbody {
}
.activityTable tr {
	border-top: 1px solid #e9ebec;
}
.activityTable td, .activityTable th {
	font-size: 13px;
	padding: 10px 20px;
	border-left: 1px solid #e9ebec;
}
.activityTable th {
	font-weight: bold;
    background: #008a94;
  color: #fff;

}
.activityTable td {
	font-weight: normal;
}
.activityTable td.first, .activityTable th.first {
	width: 40px;
	text-align: center;
}
.checkboxbg.styledCheckbox {
	display: block;
	margin: 5px auto;
}
.drop-down-wrapper {
	float: right;
	position: relative;
	width: 158px;
}
.drop-down-wrapper .drop-down, .drop-down-wrapper .link-style {
	width: 158px;
}
.drop-down-wrapper .drop-down-list {
	width: 148px;
	margin: 0 0 0 -79px;
}
.mrgBottom {
}

.mrgBottom2 {
  margin-bottom: 30px;
}

/*	employee page	*/
.memberList {
	float: left;
}
.memberList li {
	list-style: none;
	float: left;
	border-left: 1px solid #c3c5c5;
	color: #2e2e2e;
	font-size: 12px;
	padding: 5px 10px;
}
.memberList li a {
	color: #2e2e2e;
	font-size: 12px;
	text-decoration: none;
}
.memberList li span {
	font-weight: bold;
	margin-left: 5px;
}
.memberList li span.pluse {
	font-size: 18px;
	line-height: 7px;
}
.wrapperFrom.employeeFilter label {
	margin-top: 5px;
}
.wrapperFrom.employeeFilter .wrapperWhite, .wrapperFrom.employeeFilter .filterWrapper .sbHolder {
	margin: -10px 0 0 10px;
}
.membersBlocks {
	width: 212px;
	padding: 20px;
	margin: 23px;
	background: #fff;
	border: 1px solid #dbdee0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.membersBlocks img  {
  width: 77px;
  height: 77px;
  border-radius: 5px;
  border: 1px solid #dbdee0;
}

.block-2 ul li a.redColor {
	color: #af1a25;
}
/*	dwc documents page	*/
.documentsTable {
	width: 100%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 20px 0;
	background: #fff;
	border-bottom: 1px solid #e9ebec;
	border-right: 1px solid #e9ebec;
}
.documentsTable tr, .documentsTable tbody {
	width: 100%;
}
.documentsTable tr {
	border-top: 1px solid #e9ebec;
}
.documentsTable td, .documentsTable th {
	font-size: 13px;
	padding: 10px 20px;
	border-left: 1px solid #e9ebec;
}
.documentsTable th {
	font-weight: bold;
    background: #534f4a;
  color: #fff;

}
.documentsTable td {
	font-weight: normal;
}
.documentsTable td.first, .documentsTable th.first {
	width: auto;
	text-align: center;
}
.documentsTable td.smallSize, .documentsTable th.smallSize {
	width: auto;
}
.documentsTable td.midSize, .documentsTable th.midSize {
	width: auto;
}
.documentsTable th.largeSize, .documentsTable td.largeSize {
	width: auto;
}
.downTable {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	margin: 0 0 50px;
}
.btnWrapper {
	float: left;
}

.btnWrapper.standalone {
  clear: both;
  float: none;
 }

.btnWrapper.fullbtn {
  width: 100%;
  text-align: center;
}

.btnWrapper.fullbtn li {
  text-align: center;
  display: inline-block;
}

.btnWrapper li {
	list-style: none;
	margin-right: 20px;
  display: inline;
  float: left;
}
/*.downTable ul.pager {
	margin: 15px 0;
	float: right;
}*/
/* customer documents page */

.documentsTable.customer-documents th {

  background: #008a94;
  color: #fff;
}

.documentsTable.customer-documents td, .documentsTable.customer-documents th {
	padding: 10px 15px;
}
.action-ico {
	margin: 0 auto;
}

.view-statement-page .action-ico{
  display: inline-block;
  margin: 2px auto;
  float: none;
}

.documentsTable td.minSize, .documentsTable th.minSize {
	width: auto;
	text-align: center;
}
.documentsTable th.extraSmallSize, .documentsTable td.extraSmallSize {
	width: auto;
}
.documentsTable th.smallSize2, .documentsTable td.smallSize2 {
	width: auto;
}
.documentsTable td.actionSize, .documentsTable th.actionSize {
	width: auto;
}
.documentsTable th.extraMidSize, .documentsTable td.extraMidSize {
	width: auto;
}
.documentsTable th.extralargeSize, .documentsTable td.extralargeSize {
	width: auto;
}
.link-03 span.pluse {
	font-size: 20px;
}
/* LOADER */
#loader {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(0,0,0,.8);
	z-index: 100000;
}
#loading-div {
	width: 220px;
	height: 90px;
	background: #ddd;
	position: absolute;
	margin-top: -55px;
	margin-left: -110px;
	box-shadow: 2px 2px 5px #000;
	padding: 20px;
	left: 50%;
	top: 40%;
	border-radius: 5px;
	border: 1px solid #ddd;
}
#loading-div p {
	color: #333;
	font-size: 12px;
}
#loading-div h1 {
	padding-bottom: 10px;
	color: #008a94;
}
.loading-img {
	width: 24px;
	height: 24px;
	margin: 10px auto 0;
	opacity: .2;
	display: block;
	background: url(../images/images-loading.gif) no-repeat center center;
}
/* Alerts */
/*	alert Error and Successful message
--------------------------------------------------*/

.alert {
	display: none;
	width: 850px;
	padding: 8px 35px 8px 14px;
	margin: 20px 0;
	line-height: 22px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.alert, .alert h4 {
	color: #c09853;
}
.alert h4 {
	margin: 0;
}
.alert .close {
	position: relative;
	top: -2px;
	right: -21px;
	line-height: 20px;
}
.alert-success {
	color: #468847;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
.alert-success h4 {
	color: #468847;
}
.alert-danger, .alert-error {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7;
}
.alert-danger h4, .alert-error h4 {
	color: #b94a48;
}
.alert-info {
	color: #3a87ad;
	background-color: #d9edf7;
	border-color: #bce8f1;
}
.alert-info h4 {
	color: #3a87ad;
}
.alert-block {
	padding-top: 14px;
	padding-bottom: 14px;
}
.alert-block > p, .alert-block > ul {
	margin-bottom: 0;
}
.alert-block p + p {
	margin-top: 5px;
}
.close {
	float: right;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	color: #000000;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
.close:hover, .close:focus {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.4;
	filter: alpha(opacity=40);
}
button.close {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}
/*	employee card details page
--------------------------------------------------*/
.holderDetailsWrapper ,
.cardDetailsWrapper {
	display:block;
	width:100%;
	float:left;
	margin-bottom:10px;
}

.employeecardstitle {
	background: none;
	border-top: 0 none;
	clear: both;
	display: block;
	margin: 0 auto;
	text-align: center;
	width: 95%;
  text-transform: uppercase;
  margin-bottom:  20px;
}

.employeeVisaSteps {
	float: left;
	width: 96%;
	display: block;
	border: 1px solid #dbdee0;
	background: #fff;
	padding: 15px 2%;
	margin-bottom: 45px;
}
.employeeVisaSteps li {
	float: left;
	color: #768086;
	list-style: none;
	margin-left: 30px;
}
.employeeVisaSteps li.first {
	margin-left: 0;
}
.employeeVisaSteps li p, .employeeVisaSteps li a {
	font-size: 15px;
	color: #768086;
	float: left;
	padding: 6px 0;
	text-decoration: none;
}
.employeeVisaSteps li .num {
	font-size: 15px;
	color: #fff;
	float: left;
	padding: 6px 10px;
	margin: 0 20px 0 0;
	background: url(../images/images-numgray.png) no-repeat center center;
}
.employeeVisaSteps li .num.active {
	background: url(../images/images-numblue.png) no-repeat center center;
}
.employeeVisaSteps li .num.done {
	background: url(../images/images-numgreen.png) no-repeat center center;
	text-indent: -9999px;
	width: 25px;
	display: block;
}
.box-4 {
	margin: 0;
	float: left;
	padding: 18px 5%;
	width: 90%;
}
.dropWrapper {
	width: 50%;
	margin: 5px 0;
	float: left;
	min-height: 40px;
}

.dropWrapper h3 {
	width: 85%;
}

.searchWrapper.dropWrapper .wrapperWhite {
	margin-top: 0;
	width: 201px;
	padding: 8px 0 8px 12px;
}
.dropWrapper label {
	display: block;
	float: left;
	text-align: right;
	width: 145px;
	padding: 13px 0 0;
}
/*	select 	box		*/
.dropWrapper .sbHolder {
	position: relative;
	float: left;
	height: 38px;
	width: 213px;
	margin: 0 0 0 10px;
	padding: 0;
	background: none;
}
.dropWrapper .sbSelector {
	text-transform: uppercase;
	color: #768086;
	background: #fff url(../images/images-droptwoarrow.png) no-repeat right center;
	float: right;
	text-align: left;
	text-decoration: none;
	border: 1px solid #e9ebec;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 201px;
	padding: 12px 0 12px 12px;
}

.dropWrapper .sbHolderDisabled{
  opacity: 0.7;
}

.dropWrapper .sbOptions {
	position: absolute;
	top: 45px !important;
	left: 0;
	width: 100%;
	z-index: 2;
	border: 1px solid #e9ebec;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #fff;
  overflow-y: scroll;
  overflow-x: hidden;
}
.dropWrapper .sbOptions li {
	float: left;
	clear: both;
	list-style: none;
	border-bottom: 1px solid #e9ebec;
	width: 100%;
  background: #fff;
}
.dropWrapper .sbOptions li:first-child {
	border-top: 0;
}
.dropWrapper .sbOptions li:hover {
	cursor: pointer;
}
.dropWrapper .sbOptions a {
	text-transform: capitalize;
	color: #768086;
	font-size: 13px;
	font-weight: normal;
	padding: 10px 2%;
	text-align: left;
	text-decoration: none;
	display: block;
	margin: 0 2%;
	width: 96%;
}
.dropWrapper .sbOptions li:hover a, .dropWrapper .sbOptions li.active a {
	color: #000;
}
.btnWrapper .link-01 {
	margin: 0;
}
ul.btnWrapper.right {
	float: right;
	margin: 50px 3% 50px 0;
}
ul.btnWrapper.right2{
  float: right;
  margin: 0 3% 20px 0;
}
ul.btnWrapper.right2 a{
  width: 230px;
}

ul.btnWrapper.right li {
	margin-left: 10px;
	margin-right: 0;
  display: inline-block;
}

.uploadWrapper {
	margin:0;
	display:block;
	width:100%;
}

.uploadWrapper .employeecardstitle {
	margin-bottom:20px;
}

.emptyWrapper {
	margin: 20px 3% 0 0;
	width: 80%;
	float:right;
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;
}
.uploadWrapper label {
	display: block;
    float: left;
    margin-top: 20px;
    padding: 13px 0;
    text-align: right;
    width: 13%;
}

.uploadWrapper .emptyWrapper .btnAdd ,
.uploadWrapper .emptyWrapper .btnCancel {
	position:absolute;
	right:0;
	top:0;
	background:none;
	margin:0;
}

/*	progress bars	*/
@-webkit-keyframes progress-bar-stripes {
 from {
 background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
 @-moz-keyframes progress-bar-stripes {
 from {
 background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
 @-ms-keyframes progress-bar-stripes {
 from {
   background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
 @-o-keyframes progress-bar-stripes {
 from {
   background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
 @keyframes progress-bar-stripes {
 from {
   background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
	height: 36px;
	overflow: hidden;
	background: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms--moz-border-radius: 4px;
	-o--moz-border-radius: 4px;
	border-radius: 4px;

	border: 1px solid #e9ebec;
}

.progress .bar {
	float: left;
	width: 0;
	height: 100%;
	font-size: 12px;
	color: #1a1a1a;
	text-align: left;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #0e90d2;
	background-image: -moz-linear-gradient(top, #149bdf, #0480be);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
	background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
	background-image: -o-linear-gradient(top, #149bdf, #0480be);
	background-image: linear-gradient(to bottom, #149bdf, #0480be);
	background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: width 0.6s ease;
	-moz-transition: width 0.6s ease;
	-o-transition: width 0.6s ease;
	transition: width 0.6s ease;
}
.progress .bar + .bar {
	-webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}
.progress-striped .bar {
	background-color: #84bee4;
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);


	-webkit-background-size: 40px 40px;
	-moz-background-size: 40px 40px;
	-o-background-size: 40px 40px;
	background-size: 40px 40px;
}

.progress.active .bar {
	-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;
}

.progress.complete .bar {
		background: #9ad0ec; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlhZDBlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NGE0ZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #9ad0ec 0%, #74a4d5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9ad0ec), color-stop(100%,#74a4d5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #9ad0ec 0%,#74a4d5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #9ad0ec 0%,#74a4d5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #9ad0ec 0%,#74a4d5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #9ad0ec 0%,#74a4d5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ad0ec', endColorstr='#74a4d5',GradientType=0 ); /* IE6-8 */

}

.progress .bar p {
	font-size: 12px;
	color: #1a1a1a;
	text-align: left;
	display:block;
	position:absolute;
	top:11px;
	left:15px;
}



/* Star Rating */
.rating-loading {
    width: 25px;
    height: 25px;
    font-size: 0px;
    color: #fff;
    background: transparent url('../images/images-loading.gif') top left no-repeat;
    border: none;
}


/*
 * Stars
 */

 .rating.form-control.hide {
   display: none;
 }

@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/fonts-glyphicons-halflings-regular.eot');
  src: url('../fonts/fonts-glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/fonts-glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/fonts-glyphicons-halflings-regular.woff') format('woff'), url('../fonts/fonts-glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}
/** {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}*/
.rating-gly {
    font-family: 'Glyphicons Halflings';
}
.rating-gly-star {
    font-family: 'Glyphicons Halflings';
    padding-left: 2px;
    font-size: 16px;
    cursor: pointer;
    margin-top: 5px;
}

.rating-gly-star .rating-stars:before {
    padding-left: 5px;
}

.rating-lg .rating-gly-star, .rating-lg .rating-gly-star .rating-stars:before {
    padding-left: 4px;
}

.rating-xl .rating-gly-star, .rating-xl .rating-gly-star .rating-stars:before {
    padding-left: 2px;
}

.rating-active {
    cursor: default;
    display: inline-block;
    margin-left: 10px;
}

.rating-sm{
  font-size: 0;
}

.rating-disabled {
    cursor: not-allowed;
}

.rating-uni {
    font-size: 1.2em;
    margin-top: -5px;
}

.rating-container {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    color: #e3e3e3;
    overflow: hidden;
}

.rating-container:before {
    content: attr(data-content);
}

.rating-container .rating-stars {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #fde16d;
    transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
}

.rating-container .rating-stars:before {
    content: attr(data-content);
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
}

.rating-container-rtl {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    color: #fde16d;
}

.rating-container-rtl:before {
    content: attr(data-content);
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
}

.rating-container-rtl .rating-stars {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #e3e3e3;
    transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
}

.rating-container-rtl .rating-stars:before {
    content: attr(data-content);
}

/**
 * Rating sizes
 */
.rating-xl {
    font-size: 4.89em;
}

.rating-lg {
    font-size: 3.91em;
}

.rating-md {
    font-size: 3.13em;
}

.rating-sm {
	display: inline;
    font-size: 2.5em;
}

.rate ,
.rate > p {
	display: inline;
}
.rating-xs {
    font-size: 2em;
}

/**
 * Clear rating button
 */
.star-rating .clear-rating, .star-rating-rtl .clear-rating {
    color: #aaa;
    cursor: not-allowed;
    display: inline-block;
    vertical-align: middle;
    font-size: 60%;
}

.clear-rating-active {
    cursor: pointer !important;
}

.clear-rating-active:hover {
    color: #843534;
}

.star-rating .clear-rating {
    padding-right: 5px;
}

/**
 * Caption
 */
.star-rating .caption, .star-rating-rtl .caption {
    color: #999;
    display: inline-block;
    vertical-align: middle;
    font-size: 55%;
}

.star-rating .caption {
    padding-left: 5px;
}

.star-rating-rtl .caption {
    padding-right: 5px;
}


.rcbox .styledRadio,
.rcbox .styledCheckbox {
  float: left;
  display: block;
  margin: 2px 0 0 10px;
}
.styledRadio .styledRadio,
.styledCheckbox .styledCheckbox {
  display: none;
}

/*	auto complete	*/
/* Autocomplete
----------------------------------*/
.ui-autocomplete { position: absolute; cursor: default; }
.ui-autocomplete-loading { background: white url('../images/images-ui-anim_basic_16x16.gif') right center no-repeat; }

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/* Menu
----------------------------------*/
.ui-menu {
        list-style:none;
        padding: 2px;
        margin: 0;
        display:block;
}
.ui-menu .ui-menu {
        margin-top: -3px;
}

.ui-datepicker {
  display: none;
}

.ui-widget-content{

  box-shadow:  0  1px 5px rgba(0, 0, 0, 0.5);
  border-radius: 0 0 5px 5px;
}

.ui-menu .ui-menu-item {
        margin:0;
        padding: 0;
        width: 100%;
        background: #fff;
}
.ui-menu .ui-menu-item a {
        text-decoration:none;
        display:block;
        padding:.2em .4em;
        line-height:1.5;
        zoom:1;
        color: #468bbb;
        cursor: pointer;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
        margin: -1px;
        color: #444;
}

/*	datepicker	*/

/* Component containers
----------------------------------*/
.ui-widget {
	font-size: 13px;
}
.ui-widget .ui-widget {
	font-size: 13px;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-size: 13px;
  margin: 0 5px;
}
.ui-widget-content {
	color: #444444;
  z-index: 10000;
}

.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all{
  position: absolute;
  right: -14px;
  top: -10px;
    background: none repeat scroll 0 0 #468bbb ;
    border-radius: 50%;
    color: #fff ;
    float: right ;
    padding: 5px 7px;
    font-size: 10px;
    line-height: 12px;
    font-weight: normal;
    box-shadow: 0 0 2px #333;
}

.ui-widget-content a {
	color: #444444;
}
.ui-widget-header {
	background: #468bbb;
	color: #fff;
}
.ui-widget-header a {
	color: #444444;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	color:#54708b;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #0073ea;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	background: #e9edf0;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #ffffff;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	background: #e9edf0;
	color:#54708b;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ff0084;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	color: #fff;
	background:#166ca6;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #fff;
	background:#166ca6;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	color: #222222;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #222222;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #222222;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70) /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Overlays */
.ui-widget-overlay {
	background: #eeeeee url("../images/images-ui-bg_flat_0_eeeeee_40x100.png") 50% 50% repeat-x;
	opacity: .8;
	filter: Alpha(Opacity=80); /* support: IE8 */
}
.ui-widget-shadow {
	margin: -4px 0 0 -4px;
	padding: 4px;
	background: #aaaaaa url("../images/images-ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
	opacity: .6;
	filter: Alpha(Opacity=60); /* support: IE8 */
	border-radius: 0px;
}


/*	edit datepicker*/
.ui-datepicker {
	box-shadow: 0 5px 20px 1px rgba(0,0,0,.5);
	-moz-box-shadow: 0 5px 20px 1px rgba(0,0,0,.5);
	-ms-box-shadow: 0 5px 20px 1px rgba(0,0,0,.5);
	-o-box-shadow: 0 5px 20px 1px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 5px 20px 1px rgba(0,0,0,.5);
	margin-left: -14px;
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
}

.ui-datepicker-header {
	position:relative;
	height:38px;
	width:244px;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-ms-border-radius:5px 5px 0 0;
	-o-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
}
.ui-datepicker-header a {
	position:absolute;
	top:50%;
	margin:-10px 0 0;
	background:none;
	display:block;
	width:20px;
	height:20px;

	border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
}
.ui-datepicker-header a:hover {
	background:#3f7da8;
	border:0;
}

.ui-datepicker-prev {
	left:15px;
}

.ui-datepicker-next {
	right:15px;
}
.ui-datepicker-prev span {
	display:block;
	width:20px;
	height:20px;
}

.ui-datepicker-header a span {
	display:block;
	text-indent:-9999px;
}

.ui-datepicker-title {
	text-align:center;
	position: absolute;
	margin: 5px 0 0 -75px;
	padding: 5px 5px;
	left:50%;
	border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
	width:140px;
	clear:both;
	background:#3f7da8;
}

.ui-icon-circle-triangle-w {
	display:block;
	width:20px;
	height:20px;
	background:url(../images/images-prev.png) no-repeat center center;
}
.ui-icon-circle-triangle-e {
  cursor: pointer;
	display:block;
	width:20px;
	height:20px;
	background:url(../images/images-next.png) no-repeat center center;
}

.datepickerstyle {
	background:#fff url(../images/images-datepickerIcon.png) no-repeat right center;
	width: 201px;
	padding: 0 0 0 12px;
}

.ui-datepicker-calendar {
	width:100%;
	background:#fff;
	border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	-ms-border-radius:0 0 5px 5px;
	-o-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
}

.ui-datepicker-calendar span ,
.ui-datepicker-calendar a {
	font: 12px/1 'Helvetica-Light', Helvetica, Arial, sans-serif;
}

.ui-datepicker-calendar span {
	color:#9aaec1;
}

.ui-datepicker-calendar td a,
.ui-datepicker-calendar th {
	padding:5px 0;
	text-decoration:none;
	border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
	text-align:center;
}
.ui-datepicker-calendar td a {
	margin:5px 0;
	text-align:center;
	display:block;
}

.ui-datepicker-buttonpane.ui-widget-content {
  box-shadow: none!important;
}

.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all {
  display: none;
}

/* Form Cases Build On HTML
--------------------------------------------------------------------------------
==============================================================================*/
/* Forms `-01 */

.formcase-01 .dropWrapper.rcbox table label{
  width: auto!important;
  text-align: left;
}

.formcase-01 .dropWrapper.rcbox table .styledRadio,
.formcase-01 .dropWrapper.rcbox table .styledCheckbox{
  float: left;
  margin-right: 10px;
}

.formcase-01 .multiSelectPicklistRow select {
    border: 1px solid #ccc;
    font-family: "Borda",sans-serif;
    font-size: 14px;
    padding: 5px;
    width: 100px!important;
    margin: 0 10px;

}
.formcase-01 .multiSelectPicklistRow td {
  display: block;
  float: left;
}

.formcase-01 .multiSelectPicklistCell a{
  display: block;
  float: left;
  margin: 10px 0 0;
}

.formcase-01 .multiSelectPicklistTable {
  width: 260px;
}


.form-info{
  display: block;
  float: left;
  line-height: 1;
  padding: 13px 0 0 10px;
  font-size: 12px;
}

.fcinside-01 td {
  padding: 10px 0;
}

.fcinside-01 table {
  margin-left: 26px;
}

.fcinside-01 .styledCheckbox{
  display: inline-block;
  margin-bottom: -10px;

}

.fcinside-02 .dropWrapper.rcbox{
  clear: both;
  margin-left: 26px;
  float: none;
  width: 100%;
}
.fcinside-02 .dropWrapper.rcbox label {
  float: none;
  width: auto;
  display: inline-block;
}

.fcinside-02 .myrequests .styledCheckbox {
	margin: 0 auto;
}
.fcinside-02 .rcbox .styledRadio, .fcinside-02 .rcbox .styledCheckbox{
    display: inline-block;
    float: none;
    margin-bottom: -10px;
    margin-left: 20px;
}

.fcinside-02  .rcbox > .styledCheckbox:nth-of-type(1){
  margin-left: 68px;
}

.boldlabel label {
  font-weight: bold;
  width: 155px;
}


.popupclass .dropWrapper label {
  padding: 5px 0;
}

.popupclass .dropWrapper label,
.popupclass .dropWrapper{
  text-align: left;
  float: none;
  width: 100%;
}


/* File Icon */
.file-type-icon .corner{display:block; position:absolute; top:-1px; right:-1px; width: 0; height: 0; border-left: 12px solid #eeeeee; border-top: 12px solid #ffffff; /*change this color if you want to use it on custom background*/ box-shadow:-1px 1px 0px 0 #E6E6E6;}
.file-type-icon .type{background:#777; text-align:center; display:block; position:absolute; bottom:6px; left:-2px; height:15px; line-height:15px; font-size:10px; color:#fff; border-radius:1px; width:25px;}
.file-type-icon .type.txt{background:#F9B142;}
.file-type-icon .type.doc{background:#0088CC;}
.file-type-icon .type.xls{background:#85A91A;}
.file-type-icon .type.pdf{background:#C80000;}
.file-type-icon .type.img{background:#85C459;}
.file-type { list-style: none;font-family:Helvetica,sans-serif;  display:block; color:#333; width: 600px;}
.file-type li { margin: 20px 10px 20px 0; display: block; }
.file-type-icon{float: left;margin-right:10px; }
.info-type { float: left;  width: 545px;}
.name-file {  color: #333; font-size: 14px; margin: 0; padding:0;margin-top: 3px; width: 380px; overflow:hidden;}
.name-file a { cursor: pointer;}
.links { float: right; margin-top: -19px;}
.info-type-down{display: block; margin-top: 8px;}
.links a { font-size: 12px; color:#fff; text-decoration: none; padding:4px 10px 6px; margin: 0 0 0 4px; width:auto; height: auto; float: left; line-height: 1; }
.size { margin-top: -6px; float:left;font-size: 12px; color: #333; padding-top: 0; }
.file-type li:after, info-type-down:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;}
.file-type-icon img { margin-top: 5px;}
.fancybox-inner .popUpAddItemSelect .btnWrapper {
  float: none;
  text-align: center;
}
.fancybox-inner .popUpAddItemSelect .btnWrapper li {
  float: none;
  display: inline-block;
}


.info_text {
  color: #2e2e2e;
  font-size: 12px;
  list-style: outside none none;
  margin: 12px 0;
  text-align: center;
}
.info_text input{
  border: 1px solid #e9ebec;
  border-radius: 5px;
  color: #768086;
  font-size: 12px;
  font-weight: normal;
  height: 38px;
  line-height: 38px;
  margin: 5px auto;
  padding: 0 5px;  width: 195px;
}

.img-holder-func {
  position: relative;
  width: 77px;
  height: 77px;
  margin: 0 auto;
}

.img-holder-func img {
  position: relative;
  z-index: 2;
}

.img-upload-func {
  position: absolute;
  left: 0;
  bottom: -1px;
  right: 0;
  width: 101%;
  height: 24px;
  border-radius: 0 0 5px 5px;
  background: rgba(0,0,0,0.6);
  z-index: 4;
  opacity: 0;
  cursor: pointer;
  border-raduis: 5px;
	transition:opacity .2s ease-in-out;
	-moz-transition:opacity .2s ease-in-out;
	-webkit-transition:opacity .2s ease-in-out;
}
.img-upload-func a{
	margin: 4px 0 0 7px;
  	display: block;
    border-radius: 2px;
    text-decoration: none;
    background: url("../images/images-cam.png") no-repeat 0 0;
    background-size:  contain;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    text-align: center;
}


.img-holder-func:hover .img-upload-func {
	opacity: 0.6;
}
.img-holder-func:hover .img-upload-func:hover{
  background: rgba(0,0,0,0.9);
  opacity: 0.8;
}



.RadioWrapper{
  clear: both;
  width: 600px;
  margin: 12px auto 5px;
}

.RadioWrapper.radio2 {
  width: 96.5%;
}

.RadioWrapper > label {
  float: left;
  margin: 10px;
}
.RadioWrapper .styledRadio{
  display: inline-block;
  margin: 0 5px -10px 30px;
}

.RadioWrapper .styledRadio > .styledRadio {
  display: none;
}

.RadioWrapper fieldset{
  float: left;
  width: 80%;
}

/* TRY */
.boxnew1 {
	padding: 5px 18px;
	border: 1px solid #e9ebec;
	border-radius: 5px;
	margin: 10px 0 0;
  background: #fff;
}

.box-newone {
  float: left;
  width: 600px;
}

.box-newone h2 {
  display: block;
}

.boxnew2 {
	margin: 0 0 0 20px;
  float: left;
  width: 240px;
}

.boxnew1 #scrollbar1 {
  width: 580px;
}
.boxnew1 #scrollbar1 .viewport {
  width: 560px;
}

#contentpop {
	height: 164px;
	overflow: hidden;
}

.boxnew1 li {
	list-style: none;
	margin: 5px 0 ;
	display: inline-block;
	line-height:  17px;
    border-bottom: 1px solid #e9ebec;
}
.boxnew1 p {
	display:  inline;
	font-size: 13px;
	line-height: 30px;
	font-weight: normal;
}

.boxnew1 li b {
	font-weight: bold;
}
.boxnew1 .rate {
	display: inline;
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #e4e6e7;
}

.part1 {
	float: left;
	width: 310px;
}
.boxnew1 .rate p {
	font-size: 12px;
	font-style: italic;
}


.personalPhoto {
  border: 1px solid #ddd;
  border-radius: 5px;
  margin: 0 10px;
}

/* Login Page
--------------------------------------------------------------------------------
==============================================================================*/

.container {
  position: fixed;
  width: 100%;
  height: 100%;
}

.left-cont {
  position: relative;
  background: #fff;
  margin-right: 360px;
  height: 100%;
}

.right-cont {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  overflow-y: scroll;
  width: 360px;
  background:#0072bc;
}

.login-content{
  width: 325px;
  height: 326px;
  margin: 0 auto;
}

.login-cont{
  width: 325px;
  height: 326px;
  position: absolute;
  top: 50%;
  margin: -163px auto 0;
}

.footer-login {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 60px;
  background: #d8e3e8;
  text-align: center;
}

.login-content .site-name {
	width: 200px;
	height: 58px;
  margin-bottom: 60px;
	text-indent: -99999px;
}
.login-content .site-name span{
  	background: url(../images/images-login-logo.png) no-repeat;
}

.login-content .form-control-text{
  float: none;
  margin: 10px 0;
  width: 95%;
}

.login-content .styledRadio,
.login-content .styledCheckbox {
  float: left;
  display: block;
  margin: 10px 10px 20px 0;
}

.login-content label {
    display: block;
    float: left;
    padding: 20px 0 0;
    width: 145px;
}

.login-content .btnWrapper{
  float: none;
  clear: both;
}

.login-content .link-01{
  width: 150px;
}

.login-content .btnWrapper a {
  line-height: 40px;
}

.footer-login p {
  line-height: 60px;
}

.right-cont h5 {
  display: inline-block;
  font: 20px/1 "borda","Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #fff;
  padding: 10px 10px 20px 40px;
  margin-bottom: 10px;
  border-bottom: 1px solid #fff;
}



.list-login li {
  margin: 10px 20px;
}

.list-login img {
  display: block;
  float: left;
  width: 75px;
  height: 75px;
  border: 2px solid #fff;
  border-radius: 50%;
  margin-left: 10px;
  box-shadow: 1px 1px 1px #333;
}

.list-login p {
  display: block;
  float: left;
  width: 200px;
  color: #fff;
  padding-left: 10px;
  padding-top: 24px;
}
.list-login p a{
  color: #fff;
  padding-left: 10px;
  padding-top: 24px;
  text-decoration:  none;
}

.list-login p span {
  display: block;
  color: #74a4d2;
}

.video-player {
  margin: 30px auto;
  width: 280px;
  height: 160px;
  background: #37bfbd;
}
.view-statement-page .recent-happenings-specail.extra .filterWrapper {
  margin: 20px 0 0;
}

.view-statement-page .filterWrapper .sbHolder {
  width: 200px;
}
.view-statement-page .dropWrapper {
  width: 300px;
}
.view-statement-page .dropWrapper label{
  width: auto;
}


.view-statement-page .myrequests td .link-03,
.view-statement-page .dropWrapper .link-03{
  float: right;
  width: 80px;
  height: 30px;
  line-height: 1;
  margin: 0 10px;
}

.view-statement-page .myrequests td .link-03{
	float:  none;
	margin: 2px auto;
	display: inline;
}


.recent-happenings-specail {
  padding-top: 20px;
}

.no-preview {
  font-size: 12px;
  font-style: italic;
}

.cardDetailsWrapper h4 {
  margin-bottom: 10px;
}

.new-way-blocks .img-holder-func{
  float: left;
  margin: 0 20px 0 0;
  width: 129px;
  height: 116px;
  cursor: pointer;
}
/*
.new-way-blocks .img-upload-func{
  width: 129px;
  height: 116px;
}

.new-way-blocks .img-upload-func a{
  margin: 50px auto 0;
}
*/
.new-way-blocks .personalPhoto{
  margin: 0;
}

.new-way-blocks .blockThreeList{
  float: left;
  width: 64%;
}

.icon-wrap{
  list-style: none;
  text-align: center;
}

.icon-wrap li {
  display: inline-block;
}

.documentsTable.customer-documents{
/*  display: inline-block;
  float: left;
  margin: 0 3px;
*/}


/* NEW-Menu */

#nav-top  {
  float: left;
  margin-top: 7px;
}

p.log-user {
	color:#fff;
	font-size: 12px;
	text-align:  right;
	font-style: italic;
	margin-right:20px;
	margin: -20px 20px 15px;
}

p.log-user b {
	font-style: normal;
	font-weight:  bold;
}

#nav-top > ul > li {
  display: inline-block;
    float: left;
    margin-left: 0;
}

#nav-top > ul > li > a {
  display: block;
   color: #fff;
    font-size: 14px;
    margin: 0;
    padding: 0px 15px 10px;
    text-decoration: none;
}

#nav-top > ul > li.active > a,
#nav-top > ul > li > a:hover {
  color: #ccc;
}

#nav-top > ul > li.hassub > a{
	padding-right: 45px;
	padding-bottom: 22px;
  position: relative;
}
#nav-top > ul > li.hassub > a::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-top-color: #fff;
	right: 25px;
	top: 4px;
}
#nav-top > ul > li.hassub:hover > a::after,
#nav-top > ul > li.hassub > a:hover::after,
#nav-top > ul > li.hassub.active > a:hover::after {
	border-top-color: #ccc;
}

.sub-nav-cont {
  position: absolute;
  left: 0;
  right: 0;
  top: 82px;
  width: 100%;
  opacity: 0;
  height:320px;
  visibility: hidden;
  opacity:  0;
  z-index: 1000;
  background: #576062;
 	-webkit-transition: top 0.2s ease, opacity 0.2s ease-out;
	-moz-transition: top 0.2s ease, opacity 0.2s ease-out;
	-ms-transition: top 0.2s ease, opacity 0.2s ease-out;
	-o-transition: top 0.2s ease, opacity 0.2s ease-out;
	transition: top 0.2s ease, opacity 0.2s ease-out;

}

/*#nav-top > ul > li.hassub:hover .sub-nav-cont  {
  top: 85px;
  opacity: 1;
  visibility: visible;
}*/

.sub-nav {
 	list-style: none;
}
.bx-wrapper {
	width: 1105px!important;
}
#nav-top li,
#nav-top ul {
	list-style: none;
}

.sub-nav > li {
	overflow: hidden;
}
.sub-nav > li > ul {
	list-style: none;
	width: 1105px;
	margin: 0 auto;
}

.sub-nav > li .cont ul > li{
	display:  block;
	float: left;
	width: 273px;
	margin: 5px 0;
	overflow:  hidden;
}

.sub-nav h5 {
  padding: 4px 0;
  font-size: 15px;
  font-weight: bold;
  line-height: 20px;
  color: #fff;
  margin: 5px 0;
  padding: 5px 0;
}

.sub-nav li li {
  list-style: none;
  margin: 10px 0;
}

.sub-nav li li a {
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  text-decoration: none;
}
.sub-nav li li a:hover{
  color: #ddd;
  text-decoration: underline;
}

.sub-nav h3 {
	text-align: left;
	background: none;
	color: #fff;
	border: none;
	font-size: 20px;
  margin: 5px 0;
  padding: 5px 0;

}

#nav-top .cont {
	width: 1100px;
	margin: 0 auto;
}
#nav-top > ul > li.hassub:hover .sub-nav-cont li li a {
  display: inline-block;
  visibility: visible;
}

.sub-nav h5.caseopen {
	display:  inline-block;
	margin-top: 25px;
}
/* Stuff */
.form-info .form-control-text,
.rcbox .form-info .styledRadio,
.rcbox .form-info .styledCheckbox {
  margin: -10px 0 0 0;
}


.text-only p{
  padding: 10px 20px;
}

.dropWrapper.stndalone {
  width: 100%;
}

.note {
  display: inline-block;
  padding: 20px 20px 10px
  font-style: italic;
 }


iframe {
  min-height: 567px;
}

.video-player iframe {
	min-height: inherit;
}

.activityTablenew th,
table .even {
  background: #fff;
}

table .odd {
  background:#d2dfed;
}
.activityTablenew td, .activityTablenew th,
.activityTablenew tr,
.activityTablenew,
table .even td,
table .odd td {
  border: none;
}

.activityTablenew th{
  border-bottom: 1px solid #4682bb;
}

.activityTablenew {
  border-top: 1px solid #4682bb;
  border-bottom: 1px solid #4682bb;
}

.activityTablenew td, .activityTablenew th{
  padding: 5px 10px;
  color: #2e6094;
}

.fancybox-iframe .cardDetailsWrapper {
  margin-bottom: 20px;
  float: none;
}

.poptab{
  margin: 20px 0 50px 0;
}

.poptab h4 {
  margin: 0;
  padding: 0;
}

.poptab li {
  list-style: none;
  border-left: 1px solid #c6cacc;
  padding-left: 20px;
  margin-left: 20px;
  display: block;
  float: left;
}

.poptab li:first-child {
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
}

.popup-case h4 {
  margin: 5px 0;
  text-align: right;
}

 .popup-case h4 a{
   cursor: pointer;
 }

.popup-case h4 span {
  font-size: 11px;
  margin-left: 20px;
}
.popup-case h5 {
	font: bold 12px/1 'borda', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #40505a;
  clear: both;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #40505a;
	text-transform: uppercase;
}

.popup-case .searchWrapper {
  width:585px;
  margin: 0;
  margin-bottom: 10px;
}

.popup-case .wrapperWhite{
  width:100%;
  float: none;
  margin: 0;
  padding: 5px 0 5px 10px;
}

.popup-case .wrapperWhite .form-control {
  width: 93%;
  text-align: left;
}

/* NEW PAGINATION */

.cd-pagination {
  text-align: center;
}
.cd-pagination li {
  display: inline-block;
  margin: 0 2px;
}
.cd-pagination li.button {
  display: inline-block;
}
.cd-pagination a, .cd-pagination span {
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 6px 10px;
  font-size: 14px;
}
.cd-pagination a {
  text-decoration: none;
  border-radius: 5px;
  color: #9d9d9d;
	background-color: #5176a3;
	-webkit-box-shadow: 0 0 5px rgba(201,201,201,.45), inset 0 0 1px 1px rgba(255,255,255,.64);
	-moz-box-shadow: 0 0 5px rgba(201,201,201,.45), inset 0 0 1px 1px rgba(255,255,255,.64);
	box-shadow: 0 0 5px rgba(201,201,201,.45), inset 0 0 1px 1px rgba(255,255,255,.64);
	border: solid 1px #8b8b8b;
	background-image: -webkit-linear-gradient(top, #f3f3f3, #dfdfdf 73%);
	background-image: -moz-linear-gradient(top, #f3f3f3, #dfdfdf 73%);
	background-image: -o-linear-gradient(top, #f3f3f3, #dfdfdf 73%);
	background-image: -ms-linear-gradient(top, #f3f3f3, #dfdfdf 73%);
	background-image: linear-gradient(to bottom, #f3f3f3, #dfdfdf 73%);
  -moz-transition: all .15s ease-out;
	-webkit-transition: all .15s ease-out;
	-o-transition: all .15s ease-out;
	-ms-transition: all .15s ease-out;
	transition: all .15s ease-out;
}
.cd-pagination a:active {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.cd-pagination a.disabled {
  pointer-events: none;
  opacity: 0.5;
  color: #333;
  background: #999;
  box-shadow: none;
}

.cd-pagination a:hover,
.cd-pagination .current {
	background-color: #70859a;
	-webkit-box-shadow: 0 0 5px rgba(39,104,182,.45), inset 0 0 1px 1px rgba(255,255,255,.64);
	-moz-box-shadow: 0 0 5px rgba(39,104,182,.45), inset 0 0 1px 1px rgba(255,255,255,.64);
	box-shadow: 0 0 5px rgba(39,104,182,.45), inset 0 0 1px 1px rgba(255,255,255,.64);
	border: solid 1px #6085c1;
	background-image: -webkit-linear-gradient(top, #6baaf2, #0e6adb 73%);
	background-image: -moz-linear-gradient(top, #6baaf2, #0e6adb 73%);
	background-image: -o-linear-gradient(top, #6baaf2, #0e6adb 73%);
	background-image: -ms-linear-gradient(top, #6baaf2, #0e6adb 73%);
	background-image: linear-gradient(to bottom, #6baaf2, #0e6adb 73%);
  color: #fff;
}

.cd-pagination .current {
  pointer-events: none;
}


.longdrop.dropWrapper .sbHolder{
  width: 480px;
}

.longdrop.dropWrapper .sbSelector{
   width: 467px;
}

.radio-center .styledCheckbox {
  float: none;
  text-align: center;
  margin: 0 auto;
}


#sidebar  .link-03 {
  margin: 0 auto;
}


.view-statement-page2 .dropWrapper{
  width: auto;
}


.view-statement-page2 label {
  width: 60px;
}

.view-statement-page2 .filterWrapper2 label {
  width: auto;
}

.view-statement-page2 .filterWrapper2 .sbHolder{
  width: 220px;
}


.view-statement-page2 .btnWrapper.fullbtn{
  margin: 20px 0;
}

.sign-up-page .login-content .form-control-text {
	width: 87%;
}

.sign-up-page .login-content label{
	text-align: left;
	padding-bottom: 10px;
}

.sign-up-page .login-cont{
	width: 480px;
	margin: -320px auto 0;
}

.sign-up-page .login-content .site-name{
	margin-bottom:  20px;
}

.sign-up-page .holderDetailsWrapper,.sign-up-page .cardDetailsWrapper{
	margin-bottom:  10px;
}

.sign-up-page .login-content .btnWrapper{
	text-align: center;
}



/* Reports */
.report {
	list-style: none;
	margin: 10px 0;
}
.report li {
	margin: 15px 0;
	display:  block;
}

.report .icons{
	display:  inline-block;
	width: 16px;
	height: 16px;
	margin: 0 5px -5px 0;
}

.ico0-01 {
	background: url("../images/images-report-icon-01.png") no-repeat 0 0;
}

.ico0-02 {
	background: url(../images/images-report-icon-02.png) no-repeat 0 0;
}


.nocart {
    color: ;
    font: bold 20px/1 "borda","Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 40px 20px 0;
    text-align: center;
    text-shadow: 1px 1px 2px #ccc;
}
.nocart > span {
	color: #1a72af;
    display: block;
    font-size: 40px;
    text-transform: uppercase;
}


.view-statement-page2 .btnWrapper.fullbtn li{
	float: none;
}

span[id*='org'][id$='oncomplete'] {
	display: none;
	visibility: none;
}



/* BX-Slider */


.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	left: -5px;

	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../images/images-bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: -50px;
	background: url(../images/images-controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: -30px;
	background: url(../images/images-controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 135px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
	-webkit-transition: none;
	   -moz-transition: none;
	    -ms-transition: none;
	     -o-transition: none;
	        transition: none;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../images/images-controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../images/images-controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

.fixiframe #content {
	padding-bottom:  100px;
}

.employcase .membersBlocks {
	min-height: 235px;
}



/* Tabs */
.tabs  {
	border-radius: 5px 5px 0 0;
}

.tabs li {
	list-style:none;
	display:inline;
}

.tabs a {
	padding:10px 20px;
	display:inline-block;
	background:#008a94;
	color:#fff;
	text-decoration:none;
	border-top: 1px solid #ccc;
	boderr-right: 1px solid #ccc;
}
.tabs a.active {
	background:#fff;
	color:#000;
}

.tabs li:first-child a{
	border-left: 1px solid #ccc;
	border-radius: 5px 0 0 0;
}


.tabs li:last-child a{
	border-radius: 0 5px 0 0;
	border-right: 1px solid #ccc;
}



.tab-continer {
	padding: 10px 20px;
	width: 94%;
	border-radius: 0 5px 5px 5px;
	border: 1px solid #ccc;
	background: #fff;
	margin-top: -1px;
}

.req-page .notes {
	font-size: 11px;
	font-style: italic;
	padding: 10px 0;
}
.req-page textarea.form-control-text{
	width: 500px;
	height: 100px;
	margin: 10px 0;
	float: none;
}

.req-page input.link-04{
	float: none;
	clear: both;
	margin:  10px 0 30px;
	width: 205px;
}




/* Tool Tips */
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px;
	border: 2px solid #000;
	background: #4c4c4c;
	color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}








/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0;
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important;
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important;
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important;
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important;
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

span.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
	background: #0078c9;
	border: 3px solid #0078c9;
	width: 2.3em;
	height: 2.3em;
	padding: 0.4em 0 0;
	margin: 2em 0 0 -3em;
}

.tooltipster-default .tooltipster-content {
	font-family: 'Open Sans', sans-serif;
}
.tooltipster-default .tooltipster-content img {
	float: left;
	margin-right: 10px;
	border: 2px solid #000;
}
.tooltipster-default .tooltipster-content p {
	margin: 0;
}
.tooltipster-default .tooltipster-content a {
	color: #fff;
	border-bottom: 1px solid rgba(255,255,255,0.4);
}
.tooltipster-default .tooltipster-content a:hover {
	color: #fff;
	border-bottom: 1px solid rgba(255,255,255,1);
}
.tooltipster-white {
	border-radius: 5px;
}
.tooltipster-white .tooltipster-content {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
}

.tooltipster-shadow {
	border-radius: 5px;
	background: #fff;
	box-shadow: 0px 0px 14px rgba(0,0,0,0.3);
	background: #fff;
	color: #0078c9;
}

.tooltipster-shadow .tooltipster-content {
	font-family: 'Arial', sans-serif;
	font-size: 12px;
	line-height: 14px;
	padding: 8px 10px;
}


.showerror {
    color: red;
    border-color: red;
}


/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) {

  #header .site-name span{
      background: url(../images/images-logo2x.png) no-repeat;
      background-size: cover;
  }

}


.show-info-table {
	display: none;
}

#notify-content-already .rate {
    display: block;
    margin-top: 5px;
}
#notify-content-already .rate p{
    display: block;
    font-size: 11px;
    float: left;
}

#notify-content-already .rating-gly-star{
    font-size: 14px;
    margin-top: 0;
}
#notify-content-already .rate .star-rating {
    margin-top: -6px;
    height: 22px;
    float: left;
}
/* verification page */


@media (max-width: 992px) {
	.verification-page .wrapper{
		width: 100%;
		margin: 0 auto;
	}

	.verification-page #content {
		float: none;
		width: 100%;
	}

	.verification-page .wrapperWhite .form-control {
		width: 92%;
	}
	.verification-page .wrapperWhite{
		width: inherit;
	}
}

@media (max-width: 767px) {

	.hide-mobile {
		display: none;
	}
	.verification-page .wrapperWhite .form-control {
		width: 81%;
	}

	.show-info-table {
		display:  block;
	}

	.show-info-table ul {
		background: #fff;
		border: 1px solid #e9ebec;
		margin: 20px 10px;
	}

	.show-info-table li {
		list-style: none;
		font-size: 13px;
		line-height:  26px;
		border-top: 1px solid #ddd;
	}

	.show-info-table li b {
		float: left;
		width: 90px;
		background: #534f4a;
		font-weight:  bold;
		color: #fff;
		padding: 5px;
	}

	.show-info-table li:first-child b{
		border-top: none;
	}
	.show-info-table li div {
		float: left;
		width: 50%;
		padding: 5px;
		margin-left: 10px;
	}

	.show-info-table li:first-child  {
		border-top: none;
	}




}

@media (max-width: 480px) {
	.verification-page .wrapperWhite .form-control {
		width: 70%;
	}

}

/* View Statement */


.statment {
	background: url(../images/images-bg-all.png) no-repeat left 20px;
	background-size: auto;
	height: 100%;
	width: 100%;
}

.statment .content {
	width: 1000px;
	margin: 0 auto;
}

.statment .login-content{
	height: auto;
	margin: 20px 0;
	float: right;
	width: auto;
}

.header-info {
	margin: 10px 0 0 0;
	float: left;
	text-align: left;
}

.statment h1 {
	font: bold 30px/1 'borda', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #40505a;
	text-transform: uppercase;
	padding-bottom: 5px;
}


.linknew-01{
	margin-left: 10px;
	float: left;
	width: 40px;
	height: 33px;
	line-height: 33px;
}

/* ie9
--------------------------------------------------------------------------------
==============================================================================*/
.jsie9 .drop-down-list, .jsie8 .drop-down-list {
	margin: 0 0 0 -103px;
}
.jsie9 .drop-down-wrapper .drop-down-list, .jsie8 .drop-down-wrapper .drop-down-list {
	margin: 0 0 0 -79px;
}
/* ie8
--------------------------------------------------------------------------------
==============================================================================*/
.jsie8 .icon-iedrop {
	display: block;
	width: 10px;
	height: 7px;
	background: url(../images/images-drop.png) no-repeat left top;
	float: right;
	margin: 6px 0 0 5px;
}
.jsie8 .membersBlocks {
	margin: 15px;
}

.jsie8 .progress.complete .bar {
	background: url(../images/images-completebg.png) repeat left top;
}

.jsie8  .progress.active .bar {
	background: url(../images/images-completebg.png) repeat left top;
}


.new-notes {
    display: block;
    margin: 0 0 20px;
    padding: 5px 2%;
    width: 96%;
    font-size: 12px;
    line-height: 16px;
    float: left;
    color: #625f5a;
    margin-top: -30px;
    background: #ececec;
}

.new-notes span {
	display: block;
	font: bold 14px/1 "borda","Helvetica Neue",Helvetica,Arial,sans-serif;
	padding: 0 0 10px;
}


/* chart slider */
		canvas {
			width: 120px!important;
			height: 120px!important
	}


		.item-arrows {
			position: absolute;
			right: 0px;
			top: 19px;
			z-index: 1000;
			opacity:0.7;
		}


	.item-arrows a{
		float: left;
		display: block;
		 height: 20px;
    outline: 0 ;
    text-indent: -9999px;
    transition: none 0s ease 0s ;
    width: 20px;
    z-index: 9999;
}

		.item-count{
			  color: #666;
    font-family: Arial;
    font-size: 0.85em;
    font-weight: bold;
    text-align: center;
    float: left;
    margin: 5px 5px 0;
		}


		.item-arrows a.arrow-prev{
			background: url(../images/images-left-01.png) no-repeat 0 0;
		}
		.item-arrows a.arrow-next{
			background: url(../images/images-right-01.png) no-repeat 0 0;
		}

		.item-arrows a:hover{
			opacity: 0.6;
		}

/* new Icons */
.new-iconz_18 {
	display: block;
	width: 24px;
	height: 9px;
	margin: 0 0 6px 3px;
	background: url(../images/24-new-iconz_18.png) no-repeat left center;
}

.new-iconz_33 {
	display: block;
	width: 24px;
	height: 24px;
	background: url(../images/24-new-iconz_033.png) no-repeat left center;
}


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

td.checkboxcenter > div,
td.checkboxcenter .styledCheckbox{
	margin: 0 auto;
	text-align: center;
}


.btnWrapper.fullbtn.btn-case-02 {
	margin-top:  10px;
}

.btn-caseforli li .link-03,
.btnWrapper.fullbtn.btn-case-02 li .link-03 {
	width: inherit;
	min-width: 130px;
	height: 30px;
	line-height: 30px;
}

.req-page .btn-case-02 .notes{
	float: left;
}

.btnWrapper li.pull-right {
	float: right;
}

ul.blockThreeList.ulcase05 li {
	width: 100%;
}

button[disabled], input[disabled] {
	background: #ddd;
	pointer-events: none;
}

.terms-page {
	width: 100%;
	height: 300px;
	overflow-y: scroll;
	background: #ddd;
	border: 1px solid #ccc;
}

.terms-page.inside-term {
	height: 200px;
	background: #fefefe;
}

.infoDetails {
	position: relative;
	font-size: 12px;
	line-height:  14px;
	font-style: italic;
	margin:0 17px 5px;
}
.infoDetails:after {
	position: absolute;
	left: -23px;
	top: 0;
	content: "";
	width: 20px;
	height: 20px;
	opacity: .7;
	background: url(../images/images-info-icon.png) no-repeat 0 center;
	background-size: contain;
}

.labelcase {
	float: left;
}
.custom-check table {
	width: 200px;
}
.custom-check .styledRadio {
	float: left;
	margin: -9px 5px 0 0;
}

.custom-check table td {
	padding: 0 10px;
}

.popup-new-div .employeecardstitle {
	margin-top: -15px;
}

.popup-new-div .dropWrapper {
	width: 40%;
	min-height: inherit;
}

.popup-new-div .filterWrapper {
	margin-top: 4px;
	width: 270px;
	float: right;
}

.popup-new-div .box-2,
.popup-new-div .cardDetailsWrapper{
	margin-top: 0;
	margin-bottom: 0;
}

.popup-new-div ul.btnWrapper.right {
	margin: 0;
}


.dropWrapper2 {
	display: inline-block;
	float: left;
}

.boldlabel .dropWrapper2 label {
	float: right;
}

.dropWrapper2.rcbox .styledCheckbox{
	margin: -10px 5px 0 0;
}


/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('../images/images-fancybox_sprite@2x.png');
    background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
  }
  #fancybox-loading div {
    background-image: url('../images/images-fancybox_loading@2x.gif');
    background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
  }
}

/* 5. PRINT
--------------------------------------------------------------------------------
==============================================================================*/

@media print {
  body {
    font: normal normal 12pt/1.5em "Times New Roman", Times, serif;
  }
  a[href]:after {
    content: " (" attr(href) ") ";
    font-size: 90%;
  }
  a[href^="/"]:after {
    content: " (http://domain.com" attr(href) ") ";
  }
  #accessibility-nav, .hide {
    display: none !important;
  }
}