/* @font-face {
    font-family: 'dekarregular';
    src: url('fonts/dekar-webfont.eot');
    src: url('fonts/dekar-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dekar-webfont.woff') format('woff'),
         url('fonts/dekar-webfont.ttf') format('truetype'),
         url('fonts/dekar-webfont.svg#dekarregular') format('svg');
}

@font-face {
    font-family: 'dekar_lightregular';
    src: url('fonts/dekar_light-webfont.eot');
    src: url('fonts/dekar_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dekar_light-webfont.woff') format('woff'),
         url('fonts/dekar_light-webfont.ttf') format('truetype'),
         url('fonts/dekar_light-webfont.svg#dekar_lightregular') format('svg');
}

@font-face {
    font-family: 'quicksand_bookregular';
    src: url('fonts/quicksand_book-webfont.eot');
    src: url('fonts/quicksand_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/quicksand_book-webfont.woff') format('woff'),
         url('fonts/quicksand_book-webfont.ttf') format('truetype'),
         url('fonts/quicksand_book-webfont.svg#quicksand_bookregular') format('svg');
}

@font-face {
    font-family: 'ubuntu-titletitle';
    src: url('fonts/ubuntu-title-webfont.eot');
    src: url('fonts/ubuntu-title-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubuntu-title-webfont.woff') format('woff'),
         url('fonts/ubuntu-title-webfont.ttf') format('truetype'),
         url('fonts/ubuntu-title-webfont.svg#ubuntu-titletitle') format('svg');
}

@font-face {
    font-family: 'hammersmith_oneregular';
    src: url('fonts/hammersmithone-webfont.eot');
    src: url('fonts/hammersmithone-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/hammersmithone-webfont.woff') format('woff'),
         url('fonts/hammersmithone-webfont.ttf') format('truetype'),
         url('fonts/hammersmithone-webfont.svg#hammersmith_oneregular') format('svg');
}

@font-face {
    font-family: 'ostrich_sans_roundedmedium';
    src: url('fonts/ostrich-rounded-webfont.eot');
    src: url('fonts/ostrich-rounded-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ostrich-rounded-webfont.woff') format('woff'),
         url('fonts/ostrich-rounded-webfont.ttf') format('truetype'),
         url('fonts/ostrich-rounded-webfont.svg#ostrich_sans_roundedmedium') format('svg');
}

@font-face {
    font-family: 'ostrich_sansblack';
    src: url('fonts/ostrich-black-webfont.eot');
    src: url('fonts/ostrich-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ostrich-black-webfont.woff') format('woff'),
         url('fonts/ostrich-black-webfont.ttf') format('truetype'),
         url('fonts/ostrich-black-webfont.svg#ostrich_sansblack') format('svg');
}

@font-face {
    font-family: 'ostrich_sansmedium';
    src: url('fonts/ostrich-regular-webfont.eot');
    src: url('fonts/ostrich-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ostrich-regular-webfont.woff') format('woff'),
         url('fonts/ostrich-regular-webfont.ttf') format('truetype'),
         url('fonts/ostrich-regular-webfont.svg#ostrich_sansmedium') format('svg');
} */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
}
table.sortable th{
	text-align: center;
	font-weight: bold;
}

body {
    font-size: 14px;
    font-family: 'Poppins';
    text-align: center;
    background-color: #fff;
    color: #000;
}

.f_float {
    float: left;
}

.r_float {
    float: right;
}

.clearer {
    clear: both;
}
.overflow {
	overflow: hidden;
}

img {
    vertical-align: top;
}

a {
    color: #000;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
	color: #FF7234;
}

#top {
	width: 100%;
	margin: 0;
	padding: 0;
	position:fixed;
	z-index:9;
	background: #fff;
	left: 0;
}

#wrapper {
	width:100%;
	height:100%;
    display: block;
    background: #fff url('../images/backslash.png') repeat-x left top;
    padding-top: 60px;
}

#sub_container{
background-image: linear-gradient(to bottom,rgba(254,254,254,.47) 0,rgba(254,254,254,.65) 20%,rgba(255,255,255,.79) 60%),url(../../images/btm2-background.jpg);
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  height: 100vh; 
  width: auto;
}

#container, #container2 {
    width:100%;
	height: 100%;
	
}

.container_active {
    border-bottom: solid 3px #1a2e79;
}

.container_hover {
    background:url('../images/bg_orange.png') repeat-x left top;
}

#page {
	width:1300px;
	height:auto;
	margin:0 auto;
	text-align: left;
}

#sub_page {
	width:1300px;
	height:auto;
	margin:0 auto;
	text-align: left;
	padding-top: 126px;
	z-index:1;
}

#login-sub-page {
	height:auto;
	margin:0 auto;
	text-align: left;
	padding-top: 126px;
	z-index:1;
}

#header {
    /* height: 79px; */
    width: 1250px;
    /* overflow: hidden; */
	padding:0 25px;
	top:0;
	right:0;
	position: relative;
}

#header_container {
	position: fixed;
	margin-top: -50px;
}

#logo_company a:hover {
	text-decoration: none;
}

#logo_company {
    width: 360px;
	display: inline-flex;
	text-align: center;
	padding: 20px 0px;
}

#logo {
    width: 350px;
    height:auto;
    margin-top:8px;
}

#company_name {
	margin-top: 20px;
    width: auto;
    height:100%;
}

#company_name .company, #company_name .slogan {
	height:20px;
}

#company_name .company {
	height:20px;
	width: auto;
	font-family: 'Poppins';
	margin-top: 11px;
}

#company_name .slogan {
	width:300px;
	height:20px;
	font-family: 'Poppins';
}

/* sorting icons

.sort_asc:after { content: "\25B2"; }
.sort_desc:after { content: "\25BC"; }*/

table.sortable thead {
	cursor: pointer;
}

/* navigation menus */

#navigation {
    width: auto;
    /* height: 79px; */
    top: 50px;
    right: 45px;
    position:absolute;
}

#bg_images, #bg_images2 {
	height: 79px;
	display: block;
}

.faqs {
	background: url('../images/faqs.png') no-repeat -7px -16px;
}

.terms {
	background: url('../images/terms.png') no-repeat 50px 6px;
}

.privacy {
	background: url('../images/privacy.png') no-repeat 270px 8px;
}

#navigation #navigations_tabs {
    margin-top: 44px;
    padding: 0px;
    list-style-type: none;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
	font-family: 'Poppins';
}

/* #navigation ul li, #navigation ul li a {
    display: inline-block;
} */

#navigation ul li a {
    padding: 6px 10px;
}

#navigation ul li.nav_tab{
    background-color: #4fba16;
}

#navigation ul li.last_login {
	width: auto;
	text-align: left;
	margin-right: 100px;
}

#navigation ul li.last_login a{
    padding: 0px;
    font-weight:bold;
}

#navigation ul li.last_login a:hover {
}

#navigation  #navigations_tabs  .btn-group .dropdown-menu li a:hover {
	width:184px;
	text-align: left;
}

#navigation  #navigations_tabs  .btn-group .dropdown-menu li a {
	height:28px;
	line-height:28px;
}

#dropdown_menu_header .btn-group .dropdown-menu li { text-align:left; display: block; }
#dropdown_menu_header .btn-group .dropdown-menu { width:184px; }

/* content */
#content {
	display:block;
	width:1260px;
	height:auto;
	/* background: url('../images/content_bg.jpg') repeat-y left top; */
	background-color: #fff;
	padding:10px 25px 10px 15px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

#content_bottom {
	display: block;
	height: 20px;
	width: 1300px;
	background: url('../images/content_bg_bottom.jpg') no-repeat left top;
}

#form_container {
	margin: 50px auto;
}

#login_top {
	display: block;
	height: 59px;
	width: 406px;
	background: url('../images/login_top.png') no-repeat left center;
	margin: 0 auto;
}

#login_center {
	display: block;
	height: auto;
	width: 381px;
	background: url('../images/login_center.png') repeat-y center right;
	margin: 0 auto;
	padding:20px 10px 10px 15px;
	position:relative;
}

#login_bottom {
	display: block;
	height: 6px;
	width: 406px;
	background: url('../images/login_bottom.png') no-repeat center right;
	margin: 0 auto;
}

label.valid {
	width: 24px;
	height: 24px;
	background: url('../images/icons/valid.png') center center no-repeat;
	display: inline-block;
	text-indent: -9999px;
}
label.error {
	font-weight: bold;
	color: red;
	padding: 2px 8px;
	margin-top: 2px;
}

#group_username {
	width:380px; height:34px; padding-top:20px; padding-bottom:16px;
}

#group_password {
	width:380px; height:34px; padding-bottom:20px;
}

#group_submit {
	width:380px; height:auto; text-align:center;
}

#form_login .labels {
	float:left; width:90px; height:30px; text-align:right; padding-right:10px; line-height:30px;
}

#form_login .inputs {
	float:right; width:280px;
}
#form_login .inputs input{
	width: 240px; height:30px; padding:0 5px;
}

#form_submit {
	width:100px; margin:0 auto;
}

#form_submit button {
	color: #fff;
	border:none;
	background: #101010;
	margin-top:16px;
	margin-left: -8px;
	padding: 10px 50px;
	border-radius: 50px;
}

#form_submit button:hover{
	background: #102163;
}

.span_heading { font-size:16px; line-height:30px; }
.table_heading_bg { background:url(../images/ui-bg_highlight-soft_75_cccccc_1x100.png) #cccccc repeat-x 50% 50%; }
#dashboard_right .ajax_content_container { margin:4px 0px 0px 0px; padding:0; list-style-type:none; }
#dashboard_right .ajax_content_container li { padding: 4px 6px; background-color: #F2F2F2; border-bottom: 1px solid #E5EAF1; margin-bottom: 2px; }
#dashboard_right .ajax_content_container li, #ajax_content .ajax_content_container table td{font-size:11px;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-weight: bold;}
#ajax_content .ajax_content_container  { margin-top:6px; }
#ajax_content .ajax_content_container .table { margin-bottom:0px; }
.td_actions { margin: 0px; }
.td_actions td { border: none; margin: 0px; padding:0px; }

/* left sidebar */
.container-fluid  { margin: 0px; padding: 0px; }
.container-fluid  .row-fluid .navbar-inner { min-height:0px; width: 100%; margin: 0px; padding: 0px; background: #4FBA16; box-shadow: none; border: none; }
.navbar-left { background: #1a2e79; position: relative; float:left; left: 0px; width: 220px; padding: 0px; z-index: 6; min-height: 702px; }
.navbar-left .navbar-inner{ width: 100%; margin: 0px; padding: 0px; background: #4FBA16; box-shadow: none; border: none; }
.navbar-left .brand{ width: 186px; padding: 10px 0px 16px 60px; margin: 0px auto; display: block; position: relative; }
.navbar-left .nav{ width: 100%; margin: 0px; padding: 0px; }
.navbar-left .nav li{ width: 100%; margin: 0px; padding: 0px;  }
.navbar-left .nav li a.main_child{font-size: 17px;display: block;padding: 15px 10px 15px 10px;text-shadow: 0 1px 0 #606060;color:#fff;border-top: 1px solid #cecece;border-left: none;}
.navbar-left .nav li a.main_child > i {color: #f9f9f9 !important;}
.navbar-left .nav li a.main_child:hover > i { color: #181818 !important; }
.navbar-left .nav li:hover a.main_child {background: #fffa62;color: #292929;}
.nav-collapse .nav { width: 100%; margin: 0px; padding: 0px; }
.nav-collapse .nav li { width: 100%; margin: 0px; padding: 0px; }
.navbar-left .nav li.active a,
.navbar-left .nav li .submenu li.active a{color: #000; border-left: 5px solid #1a2e79;text-shadow:none;border-right: 1px solid #FFF;background: #FFF;}
.navbar-left .nav li.active a > i { color: #000 !important; }
.nav > li:nth-child(10) {
	border-bottom: 1px solid #cecece;
	}
/* CONTENT */
#main_content {float:left;width:1036px;position: relative;z-index: 5;border: 1px solid #ccc; border-radius: 6px;background: white;min-height: 700px;}
#main_content_popup { width:100%; height: 100%; }
#main_content .main_content_container {display: block;padding: 15px;position: relative;width: auto;zoom: 1;}
#main_content_popup .main_content_container_popup { width:auto; margin: 15px; padding:15px; }
#main_content_popup .main_content_container_popup .headings { background: url(../images/ui-bg_highlight-soft_75_cccccc_1x100.png) #CCC repeat-x 50% 50%; }
#main_content_popup .main_content_container_popup .sub_headings { background-color: #CEE3F6; }

/* my account - photos */
.photo_box { float:left; width:auto; height:auto;margin:10px; text-align:center; overflow:hidden; }

.photo_wrap { height:auto;background:#e8e8e8; float:left; display:block; border:1px solid #d7d7d7; -moz-border-radius:4px;-webkit-border-radius:4px; border-radius:4px; padding:0; -webkit-box-shadow:1px 1px 6px #ddd; -moz-box-shadow:1px 1px 6px #ddd; box-shadow:1px 1px 6px #ddd; margin-bottom:10px; }
.photo_wrap p { border:1px solid #ffffff;  padding:7px; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; margin:0;}

.photo_wrap1 { width:100%; height:auto; float:left; display:block; border:1px solid #d7d7d7; -moz-border-radius:4px;-webkit-border-radius:4px; border-radius:4px; padding:0; -webkit-box-shadow:1px 1px 6px #ddd; -moz-box-shadow:1px 1px 6px #ddd; box-shadow:1px 1px 6px #ddd; }
.photo_wrap1 #mydiv{ padding:7px; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; margin:0;}

.original_dimensions img { width:100% ! important;height:100% ! important; }
.photo_wrap a img { margin:auto;border:1px solid #eee; padding:7px; }
.photo_wrap a:hover img { border:1px solid #fff; }

.links_photos { font-size:11px; color:#007700; }
.links_photos a { color:#007700; text-decoration:none; }
.links_photos a:hover { color:#007700; text-decoration:underline; }

#MultiFile1_wrap_labels div { width: 100%; text-align: left; border-bottom: 1px solid #ff7234; }

.sublinks { margin: 12px 0px 0px 0px; text-align: center; }
.sublinks ul { list-style: none; }
.sublinks ul li { display: inline-block; }
.sublinks ul li .spacing { margin-left: 15px; }

#dashboard { width:100%; height:auto; }
#dashboard #dashboard_left {width: 75%;}
#dashboard #dashboard_left2 { width:100%; }
#dashboard #dashboard_right { width:220px; margin:0px 0px 0px 18px; }

#current-date-content { display:block; text-align:right; padding-right:75px; padding-top:14px; height:56px; background:url('../images/datetime.png') no-repeat right center; }
.current-date { line-height:16px; font-size:16px; }
#currentTime { font-weight:bold; line-height:26px; font-size:26px; }

#dashboard_right .dashboard_right_main_container {margin-bottom:20px;border: 1px solid #ddd;background: #dddddd;box-shadow: 0 0 1em #00668cbf;}
#dashboard_right .dashboard_right_main_container > table { background: linear-gradient(270deg, #114299 10%, #01749f 98%); width: 100%; color: #fff; }
/* #dashboard #dashboard_right table tbody tr td span.span_heading {font-weight: bold;} */
#dashboard_right .dashboard_right_main_container ul li .staff_photo { float:left; }
#dashboard_right .dashboard_right_main_container ul li .staff_photo img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    object-fit: contain;
}
#dashboard_right .dashboard_right_main_container ul li .staff_info { margin-left:50px; }

/**	pagination **/

.ajax_paging {
	display:inline;
}
.ajax_paging li{
	list-style:none;
	font-size:11px;
	float:left;
	margin:0 1px;
}
.ajax_paging li a{
	border:solid 1px #4193BE;
	margin:0 1px;
	text-shadow:0 1px 0 #aaa;
}
.ajax_paging .previous-off, .ajax_paging .next-off {
	border:solid 1px #111;
	color:#888888;
	display:block;
	float:left;
	/* font-weight:bold; */
	margin:0 1px;
	padding:2px 4px;
}
.ajax_paging .active{
	background:#2e6ab1;
	color:#FFFFFF;
	/* font-weight:bold; */
	display:block;
	float:left;
	padding:1px 6px;
	text-shadow:0 1px 0 #2e2e2e;
}
.ajax_paging a:link,
.ajax_paging a:visited {
	color:#0e509e;
	display:block;
	float:left;
	padding:0 6px;
	text-decoration:none;
}
.ajax_paging a:hover{
	border:solid 1px #0e509e;
}

/* footer */
#footer {
	text-align:center;
	padding: 20px 0px;
}

#recover-password{
	color: rgb(240, 0, 8);
	text-decoration: underline;
}
	#recover-password:hover{
		cursor:pointer;
	}

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

.rec-pword-container{
	position: absolute;
	top: 12px;
	bottom: 20px;
	background: rgb(255, 255, 255) none repeat scroll 0% 0%;
	width: 380px;
	/* height: 181px; */
	/* padding: 35px 0px; */
	/* padding-bottom: 40px; */
	display:none;
}

#recover-submit{
	margin-top:35px;
}

#recover-submit #recover-submit-btn{
	background: rgb(137, 180, 38) none repeat scroll 0% 0%;
	border: 0px none;
	padding: 10px 50px;
	color: rgb(255, 255, 255);
	border-radius: 50px;
	-webkit-box-shadow: 1px 3px 5px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 3px 5px -2px rgba(0,0,0,0.75);
	box-shadow: 1px 3px 5px -2px rgba(0,0,0,0.75);
}
	#recover-submit #recover-submit-btn:hover{
		background:#2097FF;
	}

#x-recover{
	position: absolute;
	top: 0px;
	right: 15px;
	z-index: 999;
}
	#x-recover:hover{
		color:#f00008;
		/* font-weight:bold; */
		text-decoration:underline;
		cursor:pointer;
	}
  .mrgn-left-10{
  	margin-left: 10px;
  }

  /* //Icons */

  a.main_child i {
    background-color: transparent;
}

a.main_child i:hover {
    background-color: #ff7234;
}

.checkbox_input {
    display: inline;
}
.checkbox_fieldset {
    width: 350px;
}
.checkbox_inline {
    display: block;
    width: 350px;
}
.checkbox_label {
    display: inline;
}

div.today {
    background: #93f781 !important;
}

input[type='text'], input[type='password'], button, input[type='email'] {
	font-family: 'Poppins';
}

/* Set all fonts to bold */
/* span, select, option, input, a, div, h3, th, label {
    font-weight: bold !important;
} */
/* End for bold */

/* span.btn-primary a {
    color: #fff !important;
} */
@media screen and (max-width: 1280px) {
  body #colorbox {
    width: 1050px !important;
    left: 11% !important;
  }
}

@media screen and (max-width: 1024px) {
  body #colorbox {
    left: 15% !important;
  }
}



@media screen and (max-width: 601px) {
  body #colorbox {
    left: 24% !important;
  }
}

@media screen and (max-width: 414px) {
  body #colorbox {
    left: 35% !important;
  }
}

@media screen and (max-width: 360px) {
  body #colorbox {
    left: 40% !important;
  }
}