@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/* CSS Document */

html, body{ 
    height: 100%; 
	margin:0px;
	padding:0px;
	background-color:#ffffff;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
  font-style: normal;

} 

.style2 {color: #666666}

#header{
    height: 80px;
	position:fixed;
	top:0;
	width:100%;
	z-index:9;
	background: #fff;
}

#content{
	top:105px;
	position:absolute;
   /* height:calc(100% - 80px -20px);
	overflow-x:hidden;
	overflow-y:auto;
	overflow:auto; */
	bottom:25px;
	width:100%;
}

.content_recyclebin{	
	background: #FF3333 !important;
	
}

#footer, #push{
    height: 20px; /*Push must be same height as Footer */
	position:fixed;
	bottom:0;
	width:100%;
	background: #fff;
}
/*==================== For Validation Display  ====================*/
.frm_addedit .status {
	padding-top: 2px;
	padding-left: 8px;
	vertical-align: top;
	width: 246px;
	white-space: nowrap;
}
.frm_addedit label.error {
	background:url("../images/exclamation.gif") no-repeat 0px 0px;
	padding-left: 20px;
	padding-bottom: 2px;
	color: #F00;
	font-size:12px;
	display:block;
}
.frm_addedit label.checked {
	background:url("../images/accept.gif") no-repeat 0px 0px;
}
/*====================================================*/

.sucess_msg{
	border-top:#006600 1px solid; 
	border-bottom:#006600 1px solid; 
	 
	font-size:12px;
	margin-bottom:10px;
}
.error_msg{
	border-top:#FF0000 1px solid; 
	border-bottom:#FF0000 1px solid; 
	 
	font-size:12px;
	margin-bottom:10px;
}	
/*==================== For Paging ====================*/
.paging_nolink {
	
	font-size: 10px;
	color: #000000;
	display:block, inline;
	height:12px;
	padding:0px 2px 0px 2px;
	vertical-align:middle;
	border:1px solid #A1A1A1;
	background-color:#f2f2f2;
}

.paging_link, .paging_link:hover  {
	
	font-size: 10px;
	color: #FF0000;
	text-decoration:none;
	display:block, inline;
	height:12px;
	padding:0px 2px 0px 2px;
	vertical-align:middle;
	border:1px solid #2DC1FF;
	background-color:#fff;
}

.paging_selected {
	
	font-size: 10px;
	color: #FFFFFF;
	text-decoration:none;
	background-color: #0483B8;
	display:block, inline;
	height:12px;
	padding:0px 2px 0px 2px;
	vertical-align:middle;
	border:1px solid #fff;
}
/*====================================================*/

.smallfont {
	
	font-size: 11px;
	color: #000000;
}

form{
	padding:0px;
	margin:0px;
}

.textarea{
	padding: 3px;
	border: 1px solid #FF6000;
}

h1{
	
	font-size: 22px;
	font-weight: bold;
	color: #000000;
	margin:0px;
	padding:0px;
}
h3 {
	
	font-size: 13px;
	font-weight: bold;
	color: #006600;
	margin:0px;
	padding:0px;
}

.red_star{
	color:#FF0000;
}
.icon_link{
	font-size:10px;
	text-align:center;
	color:#03F;	
}

.even{
	/*background-color:#B7CABC;*/
	background-color:#fff;
	/*background-color:#666666;*/
}	
.odd{
	/*background-color:#B7CACB;*/
	background-color:#f2f2f2;
	/*background-color:#708C8F;*/
}
.button{
	
	font-size:13px;
	color:#000000;
	border:1px solid #999999;
	height:25px;
	width:70px;
	background-color:#eef5f6;
	cursor:pointer;
}

.textbox{
	border:#99999 1px solid;
	padding:4px;
	color:#003300;
	font-size:12px;
	
	width:180px;
}

.table_header{
	background-image:url(../images/wbg.gif); 
	
	font-weight:700; 
	font-size:13px; 
}

.records_table_header{
	background-image:url(../images/wbg.gif); 
	 
	font-size:12px; 
	border-bottom:#CCCCCC 1px solid;
}

.main_table{
	border-left:#CCCCCC 1px solid; 
	border-right:#CCCCCC 1px solid; 
	border-bottom:#CCCCCC 1px solid;
	margin-bottom:7px;
}

.login_table{
	border: 1px solid #9c9d9d;
    border-color: rgba(63,65,67,.5);
    border-radius: 5px;
    box-shadow: 0 6px 10px -2px #3f4143;
	width: 345px;
    padding: 15px;
	background:rgba(255,255,255,0.5);
}
.login_table .login_btn{
	float: left;
    width: 96%;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    text-transform: uppercase;
}
.login_table .textbox_login{
	float: left;
    width: 96%;
    padding: 10px 4%;
    background-color: #fff;
    border-radius: 5px;
    margin: 0 0 15px;
    font-size: 14px;
	box-shadow: inset 0 10px 10px #e9e9e9;
    border: 2px solid #bebebe;
}

.main_table_login{
	border-top:#CCCCCC 1px solid; 
	border-left:#CCCCCC 1px solid; 
	border-right:#CCCCCC 1px solid; 
	border-bottom:#CCCCCC 1px solid;
	margin-bottom:15px;
}
.main_table_header{
	border-left:#CCCCCC 1px solid; 
	border-right:#CCCCCC 1px solid; 
	border-bottom:#CCCCCC 1px solid;
	border-top:#CCCCCC 1px solid;
	margin-bottom:15px;
	 
	font-size:12px; 
	font-weight:600;
	color:#000000;
	text-decoration:none;
}
.search_table{
	 
	font-size:12px;
	border-top:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	margin-bottom:12px;
}
.records_table{
	border-left:#CCCCCC 1px solid; 
	border-right:#CCCCCC 1px solid; 
	border-top:#CCCCCC 1px solid;
}

.table_field{
	background-image:url(../images/fhbg.gif); 
	 
	font-size:12px; 
	font-weight:600;
}
.table_field_value{
	 
	font-size:12px;
	color:#000;
	text-decoration:none;
}
.table_caption{
	 
	font-size:12px; 
	font-weight:600;
	color:#000000;
	text-decoration:none;		 
}
.forgot_pass{
	
	color:#000;
	text-decoration:none;
	font-size:12px;
	font-weight:700;
	cursor:pointer;
}
.forgot_pass a{
	
	color:#000;
	text-decoration:none;
	font-size:12px;
	font-weight:700;
	cursor:pointer;
}
.forgot_pass a:hover{
	
	color:#FF0000;
	text-decoration:none;
	font-size:12px;
	font-weight:700;
	cursor:pointer;	
}
.text_font{
	
	font-size:12px;
}
.btn_reset{background:#990000 !important; border: 1px solid #777777;  color:#FFF;  font-weight: bold;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.blog_date{
	background: url("../images/blog-post-number.jpg") no-repeat scroll 0% 0% transparent; background-color: transparent;background-image: url("../images/blog-post-number.jpg");background-repeat: no-repeat;background-attachment: scroll;background-position: 0% 0%;background-clip: border-box;background-origin: padding-box;background-size: auto auto;float: left;padding: 4px 0px 0px;width: 24px;height: 14px;font-size: 10px;text-align: center;
vertical-align: middle;
}

/****** /// Left Part /// ********/
.l-r-home{
	padding-top:10px;
	padding-left:10px;
	width:49%;
	float:left;
	
}
.l-r-home.abe{position:absolute;background:#FFFFFF;right:0px;top:145px;padding:30px;height:100%;}

.box-home{margin:15px;}
.box-image{
	border:#000000 solid thin;
	border-radius: 5px;
	color:#E045AF;
	margin:5px;
 	width:170px;
	height:135px;
	text-align:center;
 	float:left;
}
.box-image:hover { 
background:#F26C1B;
cursor:pointer;
color:#fff;
}
.box-image img{padding-top:20px;}
.box-image div{position:inherit;}
.box-image label:hover{cursor:pointer;}

/****** /// Right Part /// ********/
.l-r-home .info{
	float:right;
	font-size:14px;
	width:500px;;
	border:#000000 thin solid;
	border-radius: 5px;
	text-align:left;
}
.l-r-home .info .hadder{
	background:#F26C1B;
	color:#FFFFFF;
	padding:5px;
	
}
.l-r-home .info .hadder a{
	color:#FFFFFF;
}
.l-r-home .info .detail{
	padding:5px;
}

.bold{font-weight:bold;}

.disabled {    z-index: 1000;   opacity: 0.6;    pointer-events: none;}

/*.reminder_div ul {position:relative;font-weight:200;}*/
.reminder_div ul {  font-weight: 200;  padding: 0;  position: relative;  text-align: center;  width: 35px;z-index: 99999;}
/*.reminder_div ul li {position:relative;  list-style-type: square;cursor:pointer;float:left;text-align:left;z-index:99;}*/
.reminder_div ul.js > li {  cursor: pointer;  list-style: outside none none;  margin: 0;  text-align: center;  width: 35px;}
/*.reminder_div ul.js > li {position:relative;list-style:none;cursor:pointer; margin: -1px 0 0 -27px;width:35px;}*/
.reminder_div ul li ul {position:absolute;left:0;right:0;width: 265px; background-color: #B21319;padding: 2px 10px 10px 20px;
  margin: -2px 0 0 -40px;
  border-radius: 10px;}
.reminder_div ul .clicker {position:relative;background:#379189;color:#FFF;font-size:15px;  padding-left: 5px;}
.reminder_div ul .clicker:hover,.click-nav ul .active {background:#379189;}
.reminder_div ul li a {transition:background-color 0.2s ease-in-out;-webkit-transition:background-color 0.2s ease-in-out;
-moz-transition:background-color 0.2s ease-in-out;display:block;text-decoration:none;font-size:12px;color:#fff}
.reminder_div ul li a:hover {color:#FC9}

/* Fallbacks */
.reminder_div .no-js ul {display:none;}
.reminder_div .no-js:hover ul {display:block;}

.vehicle_list_box{
	background-color:#fcfcfc;
	border:1px solid #ccc;
	border-radius:10px;
	width:100%;
	min-height:180px;
}

.vehicle_list_box:hover{	
	box-shadow: 3px 3px 4px -1px #cfcfcf;
}

.scrollable_calendar{
	height:470px;overflow-y:auto;display:inline-block;width:100%;float:left;
}

.scrollable_table{
	max-height:395px;overflow-y:scroll;width:100%;float:left;
}


/*New Css by Samir / 18-2-16*/

.top_head {  padding: 10px;}
.icons > img {  cursor: pointer;  height: 35px;  margin: 0 5px;}
.reminder_div{	background: url("../images/notification.png") no-repeat;	display:inline-block;	padding: 0px 5px 0px 0px;	width: 35px;	height: 35px;	font-size: 12px;	text-align: center;	vertical-align: middle;	background-size: 35px 35px;	margin-right: 15px;	color:#FFF;	cursor:pointer;	line-height: 35px;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin-top: 0px }
.welcom_text {  padding: 10px 20px;  text-align: right;}	
.head_right {  padding-right: 10px;  text-align: right;  width: 100%;  float: right;}
.welcom_text, .icons {  display: inline-block;}
.top_head h1 {  margin-bottom: 5px;}

.dropdown:hover .dropdown-menu{display: block}
.navbar-inverse .navbar-nav > li > a {  color: #fff;padding: 8px 10px;  cursor: pointer;  display: block;   font-size: 14px;  font-weight: 500;  text-decoration: none; text-transform:uppercase;}
.navbar-inverse {  background-color:#F26C1B;  border-color:#F26C1B;}
.navbar {  border: 0px solid transparent;  margin-bottom: 0;  min-height: 30px;  position: relative;}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover { background-color: #FFCA22;
    color: #000;}
.dropdown-menu { background-color: #222;padding:0 }
.dropdown-menu li a {  color: #fff;  padding: 5px 15px; font-size:12px; text-transform:uppercase;}
.dropdown-menu.last{ right: 0; left: auto; }
.btn-report {  background: #F26C1B;border: 1px solid #F26C1B;border-radius: 5px;color: #fff;float: right;font-size: 20px;padding: 5px 50px;text-decoration:none;}
.reminder_btn {  float: right;  padding: 0px;  position: absolute;  right: 10px;  top: 17px; }
.btn-report:hover{color: #fff ;}


.w70{width:70%;float:left}
.w30{width:30%;float:left}
.homeright{overflow-y:auto; height:550px;overflow-x:hidden}
#content h1 {  float: left;  margin: 12px 0;width: 100%; clear: both}

.main_inner {  float: left; margin-top:20px;  padding: 10px 5px 25px;  width: 100%;}
.content_table {  display: inline-block;  width: 99%;margin:0 5px; min-height: 400px}
.content_table.table-responsive > tbody {  display: inline-table;  width: 100%;}
.table_field_value > td {  border: 1px solid #ccc; padding-left:5px; }
.login_page .table_field_value > td {  border: none; }

.minict_wrapper * {    font-size: 14px !important; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .login_btn , #btn_search{background: #F26C1B;border: 1px solid #F26C1B;border-radius: 4px;color: #fff;font-family: Arial,Helvetica,sans-serif;font-weight: bold;padding: 0.4em 1em;cursor: pointer;display: inline-block; padding:5px 7px;
margin-right: 0.1em;overflow: visible;position: relative;text-decoration: none !important;}
.ui-state-active a{color:#fff; background:#FFCA22; border-color:#FFCA22}
.login_btn:hover, #btn_search:hover{color: #009933;background: #fff; border-color:#009933;}
.btn_reset:hover{color: #990000 !important;background: #fff !important; border-color:#990000;}

.btn_reset{border-radius: 4px;color: #fff;font-family: Arial,Helvetica,sans-serif;font-weight: bold;padding: 0.4em 1em;cursor: pointer;display: inline-block; margin-right: 0.1em;overflow: visible;position: relative;text-decoration: none !important; background:#990000 !important;}

btn_reset_new{border-radius: 4px;color: #fff;font-family: Arial,Helvetica,sans-serif;font-weight: bold;padding: 0.4em 1em;cursor: pointer;display: inline-block; margin-right: 0.1em;overflow: visible;position: relative;text-decoration: none !important; background:#990000 !important;}

#fancybox-wrap{padding: 0px !important}
.hotel_inner_table{height:100%;display: inline-block;top: 0;bottom: 0;/*position: absolute;*/left: 0;right: 0;}

@media (min-width:768px) and (max-width:980px) { 
	#content {top: 140px;  width: 100%;}
}


@media (max-width:767px) {
	#content {  top: 225px;}
	.header .col-md-4 {  padding: 0 10px 15px;  text-align: center;}
	.head_right {  text-align: center;  width: 100% !important;}
	.reminder_div, .icons img {  margin: 0;  padding: 0;}
	.w70, .w30{width:100%;float:left}
	.btn-report {  padding: 5px 30px;}
	.reminder_btn {  padding: 12px;position: static;}
	.collapse.navbar-collapse {  max-height: 350px;  overflow-y: auto;}
	.login_page {  top: 100px !important;}
	.login_table {  margin: 12px;  width: 92%;}
	.login_table .login_btn{width: 92%;}
	#header {    height: auto !important;}
}	


@media (max-width:340px) {
	.head_right {  text-align: center;  width: 58%;}
	.welcom_text {  float: left;  padding: 10px 0;  text-align: center;  width: 100%;}
	/*#content {  top: 150px;}*/
	#content {  top: 0px; padding: 0}
	.collapse.navbar-collapse {  max-height: 250px;  overflow-y: auto;}
	.top_head h1, .top_head {  font-size: 16px;  margin: 0;  padding: 3px;}
	#header {  position: relative;}
	.login_page {  top: 50px !important;}
}


/********************end of css by samir********************************/



@media (max-width:767px) {
.box-image{
	width:85px;
	height:70px;
	text-align:center;
	font-size:10px;
	display:inline !important;
}

.box-image img{padding-top:10px; width:40px; height:40px;}
.l-r-home{	
	width:29%;
	display:inline !important;
	
}
.l-r-home.abe{position:relative; width:50% !important;left:10px; padding:30px;height:100%;}
#content{
    min-height: 60%; 
	display:inline-block !important;
	
}
}
@media (max-width:360px) {
.top_head, .headr-ight{visibility:hidden !important;}
.navbar, .navbar-inverse, .navbar-static-top, .top-head, .mobile-hide{margin-top:-150px;  }
#content{margin-top:-170px;}
.minict_wrapper { width: 200px !important;}
.minict_wrapper ul li { white-space: nowrap;}
#btn_reset, #btn_search {
 margin-left: 5px;
 padding: 5px 25px;
}
}
@media (max-width:435px) {
.top_head, .headr-ight{visibility:hidden !important;}
.navbar, .navbar-inverse, .navbar-static-top, .top-head, .mobile-hide{margin-top:-130px;  }
#content{margin-top:-190px;}
.minict_wrapper { width: 200px !important;}
.minict_wrapper ul li { white-space: nowrap;}
#btn_reset, #btn_search {
 margin-left: 5px;
 padding: 5px 25px;
}
}
@media (max-width:411px)  {
.top_head, .headr-ight{visibility:hidden !important;}
.navbar, .navbar-inverse, .navbar-static-top, .top-head, .mobile-hide{margin-top:-130px;  }
#content{margin-top:-190px;}
.minict_wrapper { width: 200px !important;}
.minict_wrapper ul li { white-space: nowrap;}
#btn_reset, #btn_search {
 margin-left: 5px;
 padding: 5px 25px;
}
}

@media (max-width:414px) {
.top_head, .headr-ight{visibility:hidden !important;}
.navbar, .navbar-inverse, .navbar-static-top, .top-head, .mobile-hide{margin-top:-120px;  }
#content{margin-top:-190px;}
.minict_wrapper { width: 200px !important;}
.minict_wrapper ul li { white-space: nowrap;}
#btn_reset, #btn_search {
 margin-left: 5px;
 padding: 5px 25px;
}
}

@media (max-width:640px) {
.top_head, .headr-ight{visibility:hidden !important;}
.navbar, .navbar-inverse, .navbar-static-top, .top-head, .mobile-hide{margin-top:-100px;  }
#content{margin-top:-190px;}
.minict_wrapper { width: 200px !important;}
.minict_wrapper ul li { white-space: nowrap;}
#btn_reset, #btn_search {
 margin-left: 5px;
 padding: 5px 25px;
}
}

@media (max-width:667px) {
.top_head, .headr-ight{visibility:hidden !important;}
.navbar, .navbar-inverse, .navbar-static-top, .top-head, .mobile-hide{margin-top:-100px;  }
#content{margin-top:-190px;}
.minict_wrapper { width: 200px !important;}
.minict_wrapper ul li { white-space: nowrap;}
#btn_reset, #btn_search {
 margin-left: 5px;
 padding: 5px 25px;
}
}

@media (max-width:773px) {
.top_head, .headr-ight{visibility:hidden !important;}
.navbar, .navbar-inverse, .navbar-static-top, .top-head, .mobile-hide{margin-top:-90px;}
#content{margin-top:-80px;}
.minict_wrapper { width: 200px !important;}
.minict_wrapper ul li { white-space: nowrap;}
#btn_reset, #btn_search {
 margin-left: 5px;
 padding: 5px 25px;
}
}