/*#####################################################################################################################*/
@font-face {
    font-family: 'latoRegular';
    src: url('../font/lato/lato-v22-latin-regular.eot');
    src: url('../font/lato/lato-v22-latin-regular.eot?#iefix') format('embedded-opentype'),
         url('../font/lato/lato-v22-latin-regular.woff') format('woff'),
         url('../font/lato/lato-v22-latin-regular.ttf') format('truetype'),
         url('../font/lato/lato-v22-latin-regular.svg#lato-v22-latin-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoBold';
    src: url('../font/lato/l-bold-webfont.woff') format('woff'),
         url('../font/lato/Lato-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*GLOBAL STYLE */
html, body {font-family: Calibri, Century Gothic, Verdana, Arial, helvetica; color: #9c9c9c; font-size: 13px; line-height: 1.2em; font-weight: normal;  background-color: #F3F2F8; height: 100%; width: 100%; margin: 0; padding: 0;}

a,a:visited {text-decoration: none; color: #2B8AF6; font-size: 13px; font-family: Calibri, Century Gothic, Verdana, Arial, helvetica; outline: none;}
a:hover,a:visited:hover {text-decoration: none; color: #000; outline: none;}

a.password,a.password:visited {color: #2B8AF6; font-size: 14px;}
a.password:hover,a.password:visited:hover {color: #fff;}

.container-full {margin-right: 0; margin-left: 0; padding-left: 0; padding-right: 0;}

button {position: relative; margin: 0; padding: 1em; z-index: 1;}
@media (min-width:768px) {.container-full {width:100%}}
@media (min-width:992px) {.container-full{width:100%}}
@media (min-width:1200px) {.container-full {width:100%}}

.container {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {width: 750px;}
	.addspace{padding-left:2px;}
}
@media (min-width: 992px) {
  .container {width: 970px;}
}
@media (min-width: 1200px) {
  .container {width: 1090px;  }
}
@media (min-width: 1520px) {
  .container {width: 1500px;  }
}
.row {margin-right: 0px; margin-left: 0px;}
.row-centered {text-align: center;}
.col-centered {margin: 0 auto;}
/*#####################################################################################################################*/
/*UPGRADE BROWSER PAGE*/
.container-ie{border:none;background:url('../images/sprite/browsers-sprite.png') -506px 0px;  height:126px;width:126px;}
.container-chrome{border:none;background:url('../images/sprite/browsers-sprite.png')  0px 0px;height:126px;width:126px;}
.container-firefox{border:none;background:url('../images/sprite/browsers-sprite.png') -127px 0px;height:126px;width:126px;}
.container-safari{border:none;background:url('../images/sprite/browsers-sprite.png') -256px 0px;height:126px;width:126px;}
/*#####################################################################################################################*/
/*TOP*/
.logo {padding: 20px;}
.logolog {padding: 10px; height: 120px; display: initial;}
/*navigation*/
.navbar-default {margin-bottom: 0px; z-index: 1000; border: none; border-radius: 0; background-color: #fff; border-bottom: 1px solid #EDEBEE;}
.navbar-default .navbar-nav > li > a {padding: 18px 14px 18px 14px; color: #000; outline: none; font-size: 13px; font-family: Calibri, Century Gothic, Verdana, Arial, helvetica; transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {color: #fff; outline: none; background-color: #000;}
@media (max-width: 1520px) {
}
@media (max-width: 1200px) {
}
@media (max-width: 992px) {
	.navbar-default .navbar-nav > li > a {padding: 18px 20px 18px 20px;}	
}
@media (max-width: 767px) {
	.navbar-default .navbar-nav > li {padding: none;}
	.navbar-default .navbar-nav > li > a {padding: 4px 4px 4px 8px; margin: 0; font-size:12px; text-align: left;}
	.navbar-collapse {z-index: 1000; background-color: #858687;}	
	.navbar-collapse.collapse {text-align: left; /* Set this */}
}
/*mobile navbar*/
.navbar-toggle {position: relative; float: right; padding: 9px 7px; background-color: transparent; background-image: none; border: 0px solid transparent; border-radius: 4px; margin-top: 5px; margin-bottom: 5px; margin-right: 10px;}
.navbar-toggle .icon-bar {display: block; width: 28px; height: 5px; border-radius: 2px;}
.navbar-toggle .icon-bar + .icon-bar {margin-top: 5px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {background-color: #858687;}
.navbar-collapse {z-index: 1000; padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 0; -webkit-box-shadow: none; box-shadow: none;}
.navbar-collapse.in {overflow-y: auto;}
/*#####################################################################################################################*/
/*HEADINGS*/
h1 {color: #fff; font-size: 18px; font-family: Calibri, Century Gothic, Verdana, Arial, helvetica; margin: 0; padding: 40px 0 20px 0; clear: both; font-weight: bold;}

h1.login {font-size: 25px; padding: 0 0 20px 0; text-align: center;}

h2 {color: #000; font-size: 16px; font-family: Calibri, Century Gothic, Verdana, Arial, helvetica; margin: 0; padding: 0; font-weight: bold;}

h3{
	color: #fff; background-color: #012547; font-size: 16px; font-family: Calibri, Century Gothic, Verdana, Arial, helvetica; margin: 0; padding: 5px; font-weight: bold;
}

h4{
	color: #012547; background-color: #F3F2F8; font-size: 15px; font-family: Calibri, Century Gothic, Verdana, Arial, helvetica; margin: 0; padding: 5px; font-weight: bold;
}
/*#####################################################################################################################*/
/*CONTENT STYLES*/
.clear {clear: both;}
.contentpad1 {padding: 20px 20px;}
.contentpad2 {padding: 15px;}
.contentpad3 {padding-left: 15px;}

.whitebg {background-color: #fff; height: auto; overflow: hidden;}
.lightgreybg {background-color: #F3F2F8; overflow: hidden; height: auto;}
.blackbg {background-color: #000; height: auto; overflow: hidden;}
.blackimgbg {background-image: url('../images/background/black-bg.jpg'); background-repeat:no-repeat; background-position: bottom;  background-color: black; border-right: 1px solid #04315C;}
.blackimgbgnoborder {background-image: url('../images/background/black-bg.jpg'); background-repeat:no-repeat; background-position: bottom;  background-color: black;}
.whitebar {background-color: #fff; height: auto; overflow: hidden; border: 1px solid lightgrey; border-radius: 5px; padding: 10px;}
.whitebarusr {background-color: #fff; border: 1px solid lightgrey; border-radius: 5px; padding: 10px;}
.lightgreybg2 {background-color: #D0D0D0; overflow: hidden; height: auto;}

.icons {margin-right: 5px;}
.menupad {padding-left: 5px;}

.tel {pointer-events: none; cursor: default; color:#ccc;/*SET COLOUR SAME AS MAIN TEXT*/}
.tel:hover {color:#ccc;/*SET COLOUR SAME AS MAIN TEXT*/}

.anchor{
  display: block;
  height: 115px; /*same height as header*/
  margin-top: -115px; /*same height as header*/
  visibility: hidden;
} /*PLEASE USE THIS CLASS ON ANCHOR LINKS WHEN THERE IS A STICKY MENU. NOT THE LINK THE TARGET*/}

/* Shrink */
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

a.shows,a.shows:visited {text-decoration: none; color: #A8E4EE; font-size: 14px; font-family: Calibri, Century Gothic, Verdana, Arial, helvetica; outline: none; border-bottom: 2px solid black; display: block; padding: 7px; background-color: #012342;}
a.shows:hover,a.shows:visited:hover {text-decoration: none; color: #fff; outline: none;}

a.topmenu,a.topmenu:visited {text-decoration: none; color: #A8E4EE; font-size: 14px; font-family: Calibri, Century Gothic, Verdana, Arial, helvetica; outline: none;}
a.topmenu:hover,a.topmenu:visited:hover {text-decoration: none; color: #fff; outline: none;}

a.secondmenu,a.secondmenu:visited {text-decoration: none; color: #2B8AF6; font-size: 13px; font-family: Calibri, Century Gothic, Verdana, Arial, helvetica; outline: none; border-bottom: 1px solid black; display: block; padding: 10px 2px 10px 5px; cursor: pointer;}
a.secondmenu:hover,a.secondmenu:visited:hover {text-decoration: none; color: #000; outline: none;}

a.activemen,a.activemen:visited{
	text-decoration: none; color: #fff; font-size: 13px; font-family: Calibri, Century Gothic, Verdana, Arial, helvetica; outline: none; border-bottom: 1px solid black; display: block; padding: 10px 2px 10px 5px; cursor: pointer; background-color: #012547; font-weight: bold;
}
a.activemen:hover,a.activemen:visited:hover {text-decoration: none; color: #2B8AF6; outline: none;}

.inslink{padding: 18px 14px 18px 14px; color: #000; outline: none; font-size: 13px; font-family: Calibri, Century Gothic, Verdana, Arial, helvetica; text-align: center; float: right;}

.inslinkact{padding: 18px 14px 18px 14px; color: #fff; background-color: #000; outline: none; font-size: 13px; font-family: Calibri, Century Gothic, Verdana, Arial, helvetica; text-align: center; float: right;}

.table{
  color: #000;
  
}
.table-primary {
background-color: #fff;
  color: #000;
  border-color: #debeba;
}

.table-secondary {

  color: #000;
  border-color: #e6e6e6;
}

@media (max-width: 1520px) {
}
@media (max-width: 1200px) {
}
@media (max-width: 992px) {
	h1 {font-size: 25px;}
}
@media (max-width: 767px) {
	.tel {pointer-events: auto; cursor: pointer; color:#ccc;/*SET COLOUR SAME AS MAIN TEXT*/}
}
/*#####################################################################################################################*/
/*FONT STYLES*/	
.bold {font-weight: bold;}
.italic {font-style: italic;}
.white {color: white;}
/*#####################################################################################################################*/
/*FONTS COLORS*/
.text-danger {color: #000;}
/*#####################################################################################################################*/
/*CONTACT FORM*/
.form-control {border-radius: 5px; color: #777; font-size: 13px;}
.form-control:focus {border-color: #000; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(244,118,37,.075), 0 0 8px rgba(244,118,37, .6); box-shadow: inset 0 1px 1px rgba(244,118,37,.075), 0 0 8px rgba(244,118,37, .6);}

.btn-primary {
  color: #fff;
  background-color: #F3F2F8;
  border: none;
  font-size: 13px;
  padding: 9px;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #F3F2F8;
  background-color: #fff;
  border: none;
}
.btn {border-radius: 0px;}
.loading-form {
    width: 47px;
    height: 39px;
    background-image: url(../images/ico/loading.gif);
    background-repeat: no-repeat;
}

.buttonc {
  color: #fff !important;
  background-color: #012547;
  border: 1px solid #35C9D7;
  font-size: 13px;
  padding: 9px;
  border-radius: 3px;
}
.buttonc:hover{
  background-color: #000;
  border: 1px solid #35C9D7;
}

a.addbut{
	color: #fff !important;
	background-color: #012547;
	border: 1px solid #35C9D7;
	font-size: 12px;
	border-radius: 3px;
	line-height: 1.5;
    padding: 5px 10px;
}
a.addbut:hover{
  background-color: #000;
  border: 1px solid #35C9D7;
}

button.addbut{
	color: #fff !important;
	background-color: #012547;
	border: 1px solid #35C9D7;
	font-size: 12px;
	border-radius: 3px;
	line-height: 1.5;
    padding: 5px 10px;
}
button.addbut:hover{
  background-color: #000;
  border: 1px solid #35C9D7;
}

.btn-danger,.btn-success,.btn-info{
	border-radius: 3px;
}
.btn-info{
	background-color: #428bca;
}
/*#####################################################################################################################*/
/*FOOTER*/
.bot-bar {text-align:center; background-color: #a1a1a1; padding: 27px;}
.copytext {color: #fff; font-size: 11px; line-height: 1.2em; font-weight: normal; font-family: Calibri, Century Gothic, Verdana, Arial, helvetica;}
.copytext a {color: #fff; font-size: 11px; padding: 0 5px 0 5px;}
.copytext a:hover {color: #000; text-decoration:none;}

a.copytext,a.copytext:visited {text-decoration: none; color: #fff;  font-size: 11px; outline: none; font-family: Calibri, Century Gothic, Verdana, Arial, helvetica;}
a.copytext:hover,a.copytext:visited:hover {text-decoration: none; color: #000; outline: none;}
a.copyat, a.copyat:visited {text-decoration: none; color: #fff; outline: none; font-weight: normal;}
/*#####################################################################################################################*/
.clearfix:before, .clearfix:after { content: ""; display: table;}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1;}

.loginformspace{margin-left: 30px; margin-right: 30px;}
.formspace{margin-left: 15px; margin-right: 15px;}

/* DataTables Overrides */

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: transparent;
}

table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50,50,50,.5);
}

label {
	cursor: pointer;
	color:#012547;
}
input[type=checkbox]  {
	cursor: pointer;
}

span.typebut{
	padding: 6px;
	background-color: #012547;
	color:#fff;
	font-weight: bold;
}

span.headin{
	color:#012547;
	font-weight: bold;
}

.inspadd{padding:0px 10px 0px 0px;}

span.rej{
	font-weight: bold;
	color:#9A0002;
}
span.app{
	font-weight: bold;
	color:#007B0A;
}
span.pend{
	font-weight: bold;
	color:#D0CF00;
}
.panel-body {
    padding: 10px;
}
.panel-heading {
	font-weight: bold;
}

.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 20px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
hr{
	margin: 0px 0px 10px 0px;
}
.form-group {
    margin-bottom: 10px;
}
.alert {
	margin: 0px;
}
.input-group-btn{
	vertical-align: top;
}
.fa-trash{
	color:#DD0003;
	cursor: pointer;
}
.ui-widget.ui-widget-content{
	z-index: 99999;
}