@charset "utf-8";
/*
COLOR HEX:
BLUE - 134781
LIGTH BLUE - 00d0fa
LIGTH GRAY - f4f4f4

Changelog - 09/28/2015 (According to the final revision sent by Zhec)
1. change body font color from #777 to #666
2. change font size of <p> from 14 to 16px
3. added a theme style_darkblue.css - override light blue. 
*/


/*------------------------------------------------
---------------- 001 GENERIC ---------------------
-------------------------------------------------*/

body { font: 14px "Lato", Arial, Helvetica, sans-serif; overflow-x: hidden; color: #666; font-weight: 400; background-color: #ffffff; }
h1, h2, h3, h4, h5, h6 { margin-top: 0; color: #777; font-weight: 700; }
h1, h2 { margin-bottom: 30px; }
h3 { margin-bottom: 20px; }
h4, h5, h6 { margin-bottom: 10px; }
p { margin-bottom: 30px; font-size: 16px; }
a {
	color: var(--primary-color);
}
hr { border-color: #dedede; }

/*------------------------------------------------
---------------- 002 LOGIN -----------------------
-------------------------------------------------*/

#fullscreen-bg-slider, .fullscreen-static { position: relative; height: auto }
.fullscreen-static, .fullscreen-static-admin { background-size: cover; background-position: top center;}
.login-container  {
	position: relative;
	z-index: 1000;
	background-color: rgba(255,255,255,0.8);
	padding-top: 30px;
	padding-bottom: 20px;
	margin-top: 50px; 
	margin-bottom: 20px;
	min-height: 300px; 
	/*width: 420px;*/
}
.login-logo { padding-left: 10px; padding-right: 10px; }
.login-container hr { border-color: #c5c5c5; }
.subtitle { font-size: 16px; font-weight: 700; }
.login-container .form-group label { font-weight: 400; font-size: 16px; }
.login-container .form-group .form-control { height: 40px; }
.login-container.login-container-admin { max-width: 420px; margin-left: auto; margin-right: auto; }
.login-container.login-container-admin h2 { color: var(--primary-color); border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-top: 10px; padding-bottom: 10px; }

.bottom-stream { /*position: absolute; bottom: 0;*/ width: 100%; background-color: rgba(255,255,255,0.8); border-top: 3px solid #00d0fa; padding-top: 20px; /*padding-bottom: 10px;*/ }
.bottom-stream h3 { margin-bottom: 5px; }
.bottom-stream h3 a { color: inherit; font-size: 18px; }
.bs-social-icon, .bs-social-icon li { list-style-type: none; }
.bs-social-icon li { margin-bottom: 5px; }
.bs-social-icon li .fa { font-size: 22px; position: relative; bottom: -3px; margin-right: 4px; }
.bs-social-icon li a { color: #777; font-size: 16px; }
.bs-social-icon li a:hover {text-decoration: none; }
.bs-social-icon li .fa.fa-facebook-square { color: var(--primary-color); }
	.bs-social-icon li .fa.fa-twitter-square {
		color: var(--primary-color);}
.stick-to-bottom { width: 100%; }

.fullscreen-static h2 { color: #444; }

.lock-ico { margin-top: 50px; }
.box-resetpassword .box, .box-resetpassword .alert.alert-custom-blue { max-width: 750px; margin-left: auto; margin-right: auto; }
.box-resetpassword .alert.alert-custom-blue { font-size: 14px; }
.box-resetpassword .box.panel { border-radius: 0; -webkit-border-radius: 0; box-shadow: none; padding-bottom: 0; }
.box-resetpassword .box.panel a.panel-toggle {
	color: #777;
	display: block;
	padding-bottom: 20px;
}
.box-resetpassword .box.panel a.panel-toggle.collapsed:after {
    content: "\e250";    /* adjust as needed, taken from bootstrap.css */
}
.box-resetpassword .box.panel a.panel-toggle:after {
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e252";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.box-resetpassword.box-resetpassword-2 .lock-ico { margin-top: 0; }

/*------------------------------------------------
---------------- 003 HEADER ----------------------
-------------------------------------------------*/

.header { background-color: #fff; width: 100%; }
.header.stuck { position: fixed; top: 0; z-index: 1; /*transition: all ease 0.3s;*/ -webkit-box-shadow: 0 0 3px 0 #000000; box-shadow: 0 0 3px 0 #000000; }
/*.header.stuck, .stuck .header-left, .stuck .header-right { height: 55px; }*/
.header.stuck .fli-sd-logo { display: none; }

.header-top { background-color: #f4f4f4; }
.header-top ul, .header-top ul li { margin: 0; list-style: none; }
.header-top ul li { float: left; }
.header-top ul li a { display: block; padding: 10px; color: #777; text-transform: uppercase; font-size: 12px; }

.fli-sd-logo { position: relative; top: 15px; }
.header, .header-left, .header-right { height: 120px; position: relative; }
.header .sf-menu { position: absolute; bottom: 0; right: 0; margin-bottom: 0; }
	.header .fa-bars {
		color: #fff;
		font-size: 25px;
		background-color: var(--background-color);
		padding: 8px 12px 10px;
		cursor: pointer;
		position: absolute;
		right: 0;
		top: 35px;
		transition: all ease 0.5s;
	}
		.header .fa-bars:hover {
			background-color: var(--background-color);
		}
.header.header-admin { background-color: #f4f4f4; margin-bottom: 30px; }

.search-header { margin-top: 15px; }

.sf-menu li { background: transparent; white-space: normal; }
.sf-menu > li > a { text-align: center; height: 55px; color: #777; display: table-cell; vertical-align: middle; padding: 5px 12px; position: relative; }
.sf-menu > li > a span { display: block; }
.sf-menu > li:hover { background-color: var(--background-color); }
.sf-menu > li:hover a, .sf-menu > li.current-menu-item:hover a { color: #fff; }
.sf-menu > li.current-menu-item > a { color: var(--primary-color); border-bottom: 3px solid #00d0fa; font-weight: 700; }

.sf-menu > li > ul {
	border-top: 3px solid var(--primary-color);
}
.sf-menu > li > ul > li { background-color: rgba(0,0,0,0.5); }
.sf-menu > li > ul > li a { color: #fff; }
.sf-menu > li > ul > li:hover { background-color: rgba(0,0,0,0.7);  }
.sf-menu a { border: 0; }

#mobile-menu { display: none; }
#mobile-menu, #mobile-menu li, #mobile-menu li > ul { margin: 0; padding: 0; list-style: none; }
#mobile-menu li { border-bottom: 1px solid #fff;}
#mobile-menu a { display: block; padding: 10px; text-align: center; color: #333; background-color: #e5e5e5; position: relative }
	#mobile-menu li.current-menu-item a { background-color: #d2d2d2; } 
	#mobile-menu a:hover { text-decoration: none; background-color: #d2d2d2; }
#mobile-menu li ul { border-top: 1px solid #fff; }
#mobile-menu li ul li:last-child { border-bottom: 0; }
#mobile-menu a .dcjq-icon { display: block; width: 12px; height: 10px; background: url(../images/accordion-arrow-close.png) no-repeat 0 center; top: 40%; right: 30px; position: absolute; }
#mobile-menu a.dcjq-parent.active .dcjq-icon { background: url(../images/accordion-arrow-open.png) no-repeat 0 center; }

#mobile-menu li > ul > li > a { background-color: #d2d2d2; }
#mobile-menu li > ul > li { border-bottom: 1px solid #fff;}

#notification-no { background-color: #F00; color: #fff; font-size: 11px; display: inline-block; width: auto; min-width: 15px; height: 15px; border-radius: 4px; position: relative; top: -7px; left: -2px; }
a#back-top { color: rgba(0,0,54,0.3); font-size: 40px; position: fixed; bottom: 0; right: 10px; z-index: 5000; }

/*------------------------------------------------
---------------- CONTENT -------------------------
-------------------------------------------------*/
.content-wrapper { padding-bottom: 30px; }
.banner-static { height: 450px; background-color: #f4f4f4; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; }
.banner-static .container .row .col-sm-6 { position: absolute; bottom: 30px; }
.banner-static .container .row .col-sm-6 h1, .slide-content h1 { color: #fff; margin-bottom: 20px; }

.banner-subpage { /*height: 150px; line-height: 150px;*/ height: 175px; line-height: 175px; background-size: cover; }
.banner-subpage h1 { /*padding-top: 20px; padding-bottom: 20px;*/ color:#fff; margin-bottom: 0; display: inline-block; vertical-align: middle; line-height: normal; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); }

/*.personal-contact-info { background: url(../images/home-bg-logo.jpg) bottom left no-repeat; min-height: 280px; padding-left: 250px; }
.personal-contact-info h2 {}*/

.personal-contact-info { background: url(../images/personal-contact-info.jpg) bottom left no-repeat; background-size: contain; min-height: 260px; padding-left: 270px; padding-top: 20px; padding-right: 20px; border: 1px solid #dedede;  }
.personal-contact-info h2 {}

.slide-content { position: absolute; width: 100%; bottom: 50px; left: 0; }
.slide-content h1 { text-shadow: 1px 2px 2px rgba(0,0,0,0.5); }
.sidebar-contact address { font-weight: 700; color: #adadad; }

.contact-info-wrapper h5 { color: #024089; }
/*------------------------------------------------
---------------- 004 FOOTER ----------------------
-------------------------------------------------*/

.footer-top { background-color: #f4f4f4; padding-top: 40px; padding-bottom: 30px; }
.footer-top a { text-decoration: underline; color: #777; }
.footer-menu, .footer-articles { list-style-type: none; padding-left: 0; }
.footer-menu li { margin-bottom: 10px; }
.footer-menu li a, .footer-articles h5 a { color: #777; text-decoration: none; }
.footer-articles li { margin-bottom: 15px; }
.footer-articles li h5 { font-weight: 400; }
.footer-articles li small { font-weight: 700; }
.footer-top a.btn { color: #fff; text-decoration: none; }

.footer-top address { margin-bottom: 7px; }
.footer-top .footer-contactus {}
.footer-top .footer-contactus address small { display: block; line-height: 1.2; }
.footer-top .footer-contactus .form-control { height: 27px; padding: 0px; margin: 0 0 5px; }

.footer { overflow: hidden; position: relative; height: 45px; background-color: var(--background-color); color: #ffffff; }
.footer p { margin-bottom: 0; padding-top: 12px; }
.footer .fli-footer-logo { float: right; padding-top: 12px; }
.footer img {max-width: 100%; height: auto; float: right; padding-top: 12px; }
.footerSelection { display: none; }

#popupContact {}
#popupContact .popupContact-left, #popupContact .popupContact-right { min-height: 470px; padding-top: 20px; padding-bottom: 20px; }
#popupContact .popupContact-left { background-color: #fff }
#popupContact .popupContact-right { background-color: var(--primary-color); color:#fff; }
#popupContact .popupContact-left h4, #popupContact .popupContact-right h4 { font-size: 14px; }
	#popupContact .popupContact-left h4 { color: #000038; }
	#popupContact .popupContact-right h4 { color: #fff; }
#popupContact .popupContact-right table tr td, #popupContact .popupContact-left table tr td { border: 0; }	
#popupContact .popupContact-right table tr td { color: #b1cef1; }

/*------------------------------------------------
---------------- HELPERS -------------------------
-------------------------------------------------*/

h1.hr, h2.hr, h3.hr, h4.hr, h5.hr, h6.hr {}
h4.hr, h5.hr, h6.hr { margin-bottom: 20px; }
h1.hr:after, h2.hr:after, h3.hr:after, h4.hr:after, h5.hr:after, h6.hr:after {
    content: "";
    display: block;
    width: 50px;
    position: relative;
    top: 10px;
    height: 0px;
	border-top-color: var(--secondary-color);
    border-top-style: solid;
    border-top-width: 3px;
}
h1.hr.hr-center:after, h2.hr.hr-center:after, h3.hr.hr-center:after, h4.hr.hr-center:after, h5.hr.hr-center:after, h6.hr.hr-center:after { margin: 0 auto; }
h2.hdr-border-btm, h3.hdr-border-btm { border-bottom: 3px solid var(--secondary-color); padding-bottom: 15px; margin-bottom: 30px; position: relative; }
h2.hdr-border-btm .btn, h3.hdr-border-btm .btn { position: absolute; top: 10px; right: 0; font-size: 12px; padding: 3px 10px; }
h3.hdr-border-btm { font-size: 20px; }

.hdr-alt-1 { color: var(--primary-color); }

h1.bg, h2.bg, h3.bg, h4.bg, h5.bg, h6.bg { color: #fff; background-color: #777; margin-bottom: 0; padding-top: 15px; padding-bottom: 10px; position: relative; }
h1.bg:after, h2.bg:after, h3.bg:after, h4.bg:after, h5.bg:after, h6.bg:after { content:""; display: block; margin: 0 auto; position: relative; bottom: -15px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #777; z-index: 1000; }
h1.bg.h1-bg-blue, h2.bg.h1-bg-blue, h3.bg.h1-bg-blue, h4.bg.h1-bg-blue, h5.bg.h1-bg-blue, h6.bg.h1-bg-blue { background-color: var(--background-color); color: var(--primary-color); border-top: var(--tertiary-color);  }
	h1.bg.h1-bg-blue:after, h2.bg.h1-bg-blue:after, h3.bg.h1-bg-blue:after, h4.bg.h1-bg-blue:after, h5.bg.h1-bg-blue:after, h6.bg.h1-bg-blue:after {
		border-top-color: var(--tertiary-color);
}
	h1.bg.h1-bg-blue-2, h2.bg.h1-bg-blue-2, h3.bg.h1-bg-blue-2, h4.bg.h1-bg-blue-2, h5.bg.h1-bg-blue-2, h6.bg.h1-bg-blue-2 {
		background-color: var(--primary-color);
		color: #fff;
		border-top: var(--tertiary-color);
}
		h1.bg.h1-bg-blue-2:after, h2.bg.h1-bg-blue-2:after, h3.bg.h1-bg-blue-2:after, h4.bg.h1-bg-blue-2:after, h5.bg.h1-bg-blue-2:after, h6.bg.h1-bg-blue-2:after {
			border-top-color: var(--tertiary-color);
		}

a.alt { color: var(--primary-color); }
.img-thumbnail {  padding: 8px; border-radius: 0; }

.topFilter { background-color: #f3f3f3; border: 1px solid #cfcfcf; padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; }
.topFilter .form-group { margin-bottom: 0; }
.topFilter .control-label { font-weight: 700; }


.statusBox {
	background-color: var(--status-box-background);
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 5px;
}

	.statusBox h2, .statusBox.statusBox-horizontal h3 {
		color: var(--font-status-box-color);
		font-size: 25px;
		display: block;
		height: 80px;
		line-height: 80px;
		border-bottom: 1px solid var(--status-border-color);
		margin-bottom: 0;
	}

	.statusBox h3 {
		color: var(--font-status-box-color);
		height: 115px;
		line-height: 115px;
		font-size: 25px;
		text-transform: uppercase;
		margin-bottom: 0;
	}

		.statusBox h2 span, .statusBox h3 span, .statusBox.statusBox-horizontal h3 span {
			display: inline-block;
			vertical-align: middle;
			line-height: normal;
		}

		.statusBox h3 span {
			line-height: 1;
		}

	.statusBox.statusBox-active {
		background-color: var(--active-status-box-background);
	}

		.statusBox.statusBox-active h2 {
			border-bottom: 1px solid var(--active-status-border-color);
			color: var(--font-status-box-color);
		}

.statusBox-bottom {
	text-align: center;
	font-weight: 700;
	font-size: 13px;
}

	.statusBox-bottom p {
		margin-bottom: 0;
	}

	.statusBox-bottom a {
		text-decoration: underline;
		color: var(--active-status-bottom-color);
	}

.statusBox.statusBox-horizontal {
	padding-top: 5px;
	padding-bottom: 5px
}

	.statusBox.statusBox-horizontal h2, .statusBox.statusBox-horizontal h3 {
		border-bottom: 0;
	}

	.statusBox.statusBox-horizontal h2 {
		border-right: 1px solid var(--status-box-horizontal-color);
	}

	.statusBox.statusBox-horizontal h3 {
		color: var(--font-status-box-color);
	}

	.statusBox.statusBox-horizontal.statusBox-active h2 {
		border-right: 1px solid var(--active-status-border-color);
	}

	.statusBox.statusBox-horizontal.statusBox-horizontal-2 { /*background-color: #024089;*/
	}

		.statusBox.statusBox-horizontal.statusBox-horizontal-2 h2, .statusBox.statusBox-horizontal.statusBox-horizontal-2 h3 {
			font-size: 18px;
			color: var(--font-status-box-color);
			text-transform: none;
			border: 0;
		}

		.statusBox.statusBox-horizontal.statusBox-horizontal-2 .col-md-8 {
			text-align: right;
		}

.statusBox.statusBox-blue {
	background-color: var(--status-blue-box-background);
}

	.statusBox.statusBox-blue h2 {
		color: var(--font-status-box-color);
		border-color: var(--status-blue-border-color);
	}

.statusBox.statusBox-clear {
	background-color: transparent;
}

	.statusBox.statusBox-clear h3, .statusBox.statusBox-clear h2 {
		color: var(--font-status-box-color);
		;
		text-transform: none;
		font-size: 20px;
	}

.statusBox.statusBox-horizontal-3 {
	padding-top: 0;
	padding-bottom: 0
}

	.statusBox.statusBox-horizontal-3 .row {
		margin-left: -10px;
		margin-right: -10px;
	}

.icon-menu-button { display: block; background-color: #f3f3f3; border: 1px solid #cfcfcf; height: 170px; line-height: 170px; transition: all ease 0.5s; }
.icon-menu-button, .icon-menu-button:hover { color: #777; }
.icon-menu-button img { margin-bottom: 10px; }
.icon-menu-button span { display: inline-block; vertical-align: middle; line-height: normal; width: 100%; }
.icon-menu-button h4 { letter-spacing: 1px; font-weight: normal; margin-bottom: 3px; padding-left: 10px; padding-right: 10px; }
.icon-menu-button p { margin-bottom: 0; font-size: 12px; padding: 0 10px; }
.icon-menu-button:hover { background-color: #eee; }

.icon-menu-button { height: 250px; line-height: 250px; }

.what { cursor: pointer; }
.box { background-color:#f3f3f3; border: 1px solid #cfcfcf; padding: 20px;  }

.no-margin { margin: 0 !important; }
.margin-bottom-big { margin-bottom: 40px !important; }
.margin-bottom { margin-bottom: 20px !important; }
.margin-bottom-half { margin-bottom: 10px; }
.pads { padding-top: 20px; padding-bottom: 20px; }
.btn-margin-right { margin-right: 5px; }
.fa-question-circle { color: #999; font-size: 22px; }
.text-label-left .form-group label.control-label { text-align: left; font-weight: 700; } 
.alert-custom-blue { background-color: rgba(2,64,137,0.2); border: 1px solid rgba(2,64,137,0.4); color: #00316a; }
.fli-popup { display: none; }
/* format
<div class="inner-addon left-addon">
    <i class="glyphicon glyphicon-user"></i>
    <input type="text" class="form-control" />
</div>
*/
.inner-addon { position: relative; }
.inner-addon .glyphicon { position: absolute; padding: 10px; pointer-events: none; padding: 8px 10px 0; color: #aaa; }
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

.pagination.pagination-2 > .active > a, .pagination.pagination-2 > .active > a:focus, .pagination.pagination-2 > .active > a:hover, .pagination.pagination-2 > .active > span, .pagination.pagination-2 > .active > span:focus, .pagination.pagination-2 > .active > span:hover {
    background-color: transparent;
    border: 1px solid var(--primary-color);
	border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #134781;
}
.pagination.pagination-2 > li > a:focus, .pagination.pagination-2 > li > a:hover, .pagination.pagination-2 > li > span:focus, .pagination.pagination-2 > li > span:hover {
	color: var(--primary-color);
	background-color: transparent;
	border-color: transparent;
}
.pagination.pagination-2 > li > a, .pagination.pagination-2 > li > span { border: none; padding: 0 5px; color: #777; }

.form-group label { font-weight: normal; }
.form-group input[type="text"], .form-group input[type="email"], .form-group input[type="password"], .form-group select, .form-group textarea { border-radius: 0; }
.form-control:focus {
	border-color: var(--tertiary-color);
	outline: 0px none;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px var(--box-shadow-color);
}
.btn { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; text-transform: uppercase; }
.btn-success {
	background-color: var(--btn-success-bg-color);
	color: #fff;
	border-color: var(--btn-success-border-color);
	transition: all ease 0.5s;
}
.btn-danger {
	background-color: var(--btn-danger-bg-color);
	color: #fff;
	border-color: var(--btn-danger-border-color);
	transition: all ease 0.5s;
}
.btn-primary {
	background-color: var(--tertiary-color);
	color: #fff;
	border-color: var(--secondary-color);
	transition: all ease 0.5s;
}

	.btn-primary:hover, .btn-primary:focus {
		background-color: var(--secondary-color);
		color: #fff;
		border-color: var(--tertiary-color);
	}
.btn-default {
	background-color: var(--tertiary-color);
	color: #fff;
	border-color: var(--secondary-color);
	transition: all ease 0.5s;
}
	.btn-default:hover, .btn-default:focus {
		background-color: var(--secondary-color);
		color: #fff;
		border-color: var(--tertiary-color);
	}
.btn-white { background-color: #fff; border:1px solid #cfcfcf; color: #777; }
.btn-white:hover { color: #777; text-decoration: none; }
.btn-gray { background-color: #777; border:1px solid #777; color: #fff; }
.btn-gray:hover { background-color: #666; border:1px solid #777; text-decoration: none; }

.btn-ico-colored { height: 80px; background-color: #ccc; color: #fff; display: block; margin-bottom: 10px; background-size: cover; }
.btn-ico-colored span { display: none; }
	.btn-ico-colored.btn-client-guide { background: url(../../images/icons/btn-client-guide.png) bottom right var(--primary-color); }
	.btn-ico-colored.btn-inbox { background: url(../../images/icons/btn-inbox.png) bottom right var(--tertiary-color); }
	.btn-ico-colored.btn-download { background: url(../../images/icons/btn-download.png) bottom right #777777; }

table.table thead tr th { background-color: #777; color: #fff; font-size: 16px; }
table.table thead tr th.clear { background-color: #f9f9f9; color: #777; }
table.table thead tr th:last-child { /*border-right: 0;*/ }
table.table thead tr th, table.table tbody tr td { /*padding: 15px 20px;*/ }
.table > thead > tr > th { vertical-align: middle; }
table.table thead tr.secondary-header th{ background-color: var(--background-color); }

table.table-lg-1 thead tr th { background: var(--background-color); text-align: center; border-right: 1px solid #5f9aa6; border-bottom: none; }
table.table-lg-1 thead tr th { font-size: 18px; }
table.table-lg-1 tr td {
	background: var(--background-color);
	padding: 25px 0;
	border-top: none;
	border-right: 1px solid #5f9aa6;
}
table.table-lg-1 tr td { color: #fff; font-size: 24px; font-weight: 900; }
table.table-lg-1 tr td:last-child { border-right: none; }

table.table-search { color: #024089; }
table.table-search tr td {}
table.table-search a .fa { padding: 0 10px; color: #777; }

table.table-inbox thead tr th {
	background-color: var(--background-color);
	
}
table.table-inbox .checkbox, table.table-inbox .radio { margin-top: 0; margin-bottom: 0; }
table.table-inbox tfoot tr td { background-color: #545454; }
table.table-inbox tfoot .btn-white { background-color: transparent; color: #fff; }
table.table-inbox tfoot .pagination a { background-color: transparent; color: #fff; border-color: #fff; }
table.table-inbox tfoot .pagination > .active > a, table.table-inbox tfoot .pagination > .active > a:focus, table.table-inbox tfoot .pagination > .active > a:hover, 
table.table-inbox tfoot .pagination > .active > span, table.table-inbox tfoot .pagination > .active > span:focus, table.table-inbox tfoot .pagination > .active > span:hover { background-color: #00d0fa; border-color: #fff; }
table.table-inbox strong { color: #134781; }
table.table-inbox tr.current-item td { background-color: #f3f3f3; font-weight: bold; }
table.table-inbox tr.current-item td:last-child { background-color: transparent; }

table.table-2x-header > thead > tr:first-child > th { border-bottom-width: 1px; }
table.table > thead > tr > th.border-left { border-left: 1px solid #ddd; }

table.download-tbl-items a {
	color: var( --primary-color);
}
table.download-tbl-items .fa { margin-right: 5px; }

.well { border: 0; border-radius: 0; -webkit-border-radius: 0; }
.well.vcard .form-group { margin-bottom: 0; }
.well.vcard .vcard-controls { font-size: 12px; }
.well.vcard .vcard-controls a { color: #777; padding-right: 15px; }
.well.vcard .vcard-controls a:hover { text-decoration: none; color: var(--secondary-color); }
.well.vcard .vcard-controls .fa { padding-right: 3px; }

iframe#messageContent { min-height: 450px; }

.box-scroll { border: 1px solid #ccc; width: 100% !important; border-top: 0; overflow: hidden; height: 210px; }
.map-container { background-position: center center; background-repeat: no-repeat; }

.legend { color: #bdbdbd; display: inline-block; margin-right: 10px; } 
.legend i { display: inline-block; background-color: #bdbdbd; width: 14px; height: 14px; border-radius: 7px; margin-right: 2px; }
	.legend.available { color: var(--primary-color); }
		.legend.available i {
			background-color: var(--secondary-color);
		}

/*------------------------------------------------
---------------- PLUGIN MODS ---------------------
-------------------------------------------------*/

.modal-content { border-radius: 0; }
.modal-header { background: var(--primary-color); color: #fff; border: none; }
.modal-title { color: #fff; font-size: 30px; font-weight: 900; }
.modal-header .close { margin-top: -8px; margin-right: -2px; }

/*-- FANCYBOX --*/

/*-- BOOTSTRAP DATEPICER --*/
.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:focus, .datepicker table tr td.today:hover:focus, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today.disabled:hover:focus, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today.active:hover, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.active:hover, .open .dropdown-toggle.datepicker table tr td.today, .open .dropdown-toggle.datepicker table tr td.today:hover, 
.open .dropdown-toggle.datepicker table tr td.today.disabled, .open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
    color: #FFF;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.active:hover, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
	color: #FFF;
	background-color: var(--background-color);
	border-color: var( --tertiary-color);
}
.datepicker table tr td, .datepicker table tr th { border-radius: 0; -moz-border-radius: 0; }

/*-- FLEXSLIDER --*/
.flexslider { margin: 0; border: none; border-radius: 0; box-shadow: none; }
.flexslider .flex-control-nav { bottom: -20px; }
.flex-direction-nav a { height: 48px; }

.flex-control-nav li { margin: 0 5px 0 0; }
.flex-control-paging li a {
	background: none;
	box-shadow: none;
	border: 1px solid var( --tertiary-color);
}
.flex-control-paging li a.flex-active, .flex-control-paging li a:hover {
	background: #00d0fa;
}

.flexslider.fs-fullwidth .flex-control-nav { bottom: 10px; z-index: 1000; }
.flexslider.fs-fullwidth .flex-control-paging li a { border:1px solid #fff; }
.flexslider.fs-fullwidth .flex-control-paging li a.flex-active, .flexslider.fs-fullwidth .flex-control-paging li a:hover { background: #fff; }

/*--- #inlineCalendar-wrapper .inlineCalendar (use in DEMO can be change later on seen on Book an Appointment / Payment Turnover ) --*/
.inlineCalendar .datepicker-inline, .inlineCalendar .datepicker table { width: 100%; }
.inlineCalendar .datepicker table thead tr:first-child { color: #fff; background-color: #777; }
.inlineCalendar .datepicker table thead tr:first-child th { padding: 14px 0; }
.inlineCalendar .datepicker { padding: 0; }
.inlineCalendar .datepicker thead tr:first-child th:hover, .inlineCalendar .datepicker tfoot tr th:hover { background: none; }
.inlineCalendar .datepicker-inline { border: 1px solid #dbdbdb; border-radius: 0; -webkit-border-radius: 0; min-height: 210px; }

/*-- boostrap table --*/
.bootstrap-table { margin-bottom: 20px; }
.fixed-table-container, .fixed-table-footer, .fixed-table-header, .bootstrap-table .table, .fixed-table-container thead th:first-child { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
.fixed-table-header { background-color: #777; }
.fancybox-skin { border-radius: 0; }

.bootstrap-table .table.table-no-bordered > thead > tr > th, .bootstrap-table .table.table-no-bordered > tbody > tr > td {
    border-right: inherit;
}

/* LG */
@media only screen and (min-width: 1199px) {
	.announcements .flex-control-nav {
		bottom: 20px;
		margin-left: 40px;
		z-index: 1000;
	}
	.fli-sd-logo { top: 15px; }
}

/* MD */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.bs-social-icon li a span { /*display: none;*/ }
	.sf-menu > li > a { font-size: 13px; padding: 5px 10px; }
	.btn-ico-colored { background-position: -85px 0 !important; }
	
	.statusBox h2 { font-size: 18px; }
	.statusBox h3 { font-size: 23px; }
	
	.btn-ico-colored { height: 80px; background-size: contain; }
	.btn-ico-colored.btn-client-guide, .btn-ico-colored.btn-inbox, .btn-ico-colored.btn-download { background-position: -70px 0 !important; }
}

/* SM */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.login-container { margin-top: 20px; }
	.bs-social-icon li a span { display: none; }
	.personal-contact-info { border-bottom: 1px solid #dedede; margin-bottom: 30px; }
	.tableMobile-container-sm { overflow-x: scroll; }
	
	.statusBox h2 { font-size: 18px; }
	.statusBox h3 { font-size: 23px; }
	table.table-lg-1 thead tr th { font-size: 14px; white-space: nowrap; }
	table.table-lg-1 tr td { padding: 10px 0; font-size: 14px; white-space: nowrap; }

	.btn-ico-colored { height: auto; background-color: #ccc; color: #fff; display: block; margin-bottom: 10px; background-size: cover }
	.btn-ico-colored.btn-client-guide, .btn-ico-colored.btn-inbox, .btn-ico-colored.btn-download { background-image: none; }
	.btn-ico-colored span { display: block; text-align: center; font-weight: 700; font-size: 20px; padding-top: 20px; padding-bottom: 20px; }
	.btn-ico-colored:hover { text-decoration: none; color: #fff; }
	
	#popupContact .popupContact-left, #popupContact .popupContact-right { min-height: inherit; }
	.slide-content { bottom: 20px; }
}

/* XS */
@media only screen and (max-width: 767px) {
	.header .fa-bars { right: 15px; }
	.login-container { margin-top: 0; margin-left: 20px; margin-right: 20px; }
	.fullscreen-static-admin, #fullscreen-bg-slider { padding-top: 20px; }
	.tableMobile-container { overflow-x: scroll; }
	
	.personal-contact-info { background: none; /*border-bottom: 1px solid #dedede;*/ padding-left: 0; border: 0; }
	.banner-static { height: 250px; }
	.banner-subpage { height: 80px; line-height: 80px; margin-bottom: 20px; }
	.banner-subpage h1 { font-size: 25px; }
	.date-inline { margin-bottom: 3px; }
	
	.btn-wrapper { padding-top: 20px; }
	.btn.pull-right { float: none !important; }
	
	.top-filter { padding-top: 10px; padding-bottom: 15px; }
	
	.bottom-stream h3 a { font-size: 18px; }
	.statusBox.statusBox-horizontal { padding-top: 10px; padding-bottom: 10px }
	.statusBox.statusBox-horizontal h2, .statusBox.statusBox-horizontal.statusBox-active h2 { border-right: 0; margin-bottom: 5px; }
	.statusBox.statusBox-horizontal h2, .statusBox.statusBox-horizontal h3 { height: auto; line-height: normal; font-size: 16px; }
	.statusBox.statusBox-horizontal h3 { text-align: center; }
	
	.statusBox.statusBox-horizontal-3 { padding-top: 0; padding-bottom: 0 }
	.statusBox.statusBox-horizontal-3 .col-sm-6 { padding-top: 10px; padding-bottom: 10px }	

	table.table-lg-1 thead tr th { font-size: 14px; white-space: nowrap; }
	table.table-lg-1 tr td { padding: 10px 0; font-size: 14px; white-space: nowrap; }
	
	.box-resetpassword .lock-ico { margin-top: 20px; }
	.box-resetpassword h2 { font-size: 18px; }
	.bs-social-icon { padding-left: 15px; margin-bottom: 40px; }
	
	.footer-top { text-align: center; }
	.footer { height: auto; padding-bottom: 20px; text-align: center }
	.footer .fli-footer-logo { float: none; margin: 0 auto; }
	.footer img{max-width: 100% ; height: auto}
	.footer {overflow: hidden; position: relative}
	#popupContact .popupContact-left, #popupContact .popupContact-right { min-height: inherit; }
	.fancybox-close { top: 10px; right: 10px; }
	
	.btn-ico-colored { height: 80px; background-size: contain; }
	.btn-ico-colored.btn-client-guide, .btn-ico-colored.btn-inbox, .btn-ico-colored.btn-download { background-position: -70px 0 !important; }
	
	h2.hdr-border-btm .btn, h3.hdr-border-btm .btn { position: relative; top: 0; right: 0; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) { .container { width: 420px; } }
@media only screen and (max-width: 479px) {}