html {
  position: relative;
  min-height: 100%;
}

body {background:#fff; margin:0; margin-bottom: 10px; padding:0; clear: both; font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color:#fff; overflow-x:hidden; font-size:10.5pt}

/* GENERAL FOR ALL START HERE */


select {border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2)}

input {border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2)}

text-area {border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2)}

.btn {border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2)}

a,
a:hover,
a:focus{
	color: inherit;
	text-decoration: none;
	transition: all 0.3s;
}


@media only screen and (max-height: 450px){
	.sidenav {margin-top:-16px}
}

@media screen and (max-height: 450px){
  .sidenav {padding-top: 15px;}
}


/*========================================================================================================================
----------------------------------------SIDEBAR NAVIGATION NCSS ----------------------------------------------------------
==========================================================================================================================*/
.sidenav {
  height: 100%; width: 260px; position: fixed; z-index: 1; top: 0; left: 0; background:#99ccff url(../image/envoy.png) no-repeat left bottom; background-attachment: fixed; overflow-x: hidden; transition: 0.5s; padding-top: 0px; border-style:solid; border-color:Gray; border-width:1px; border-left:none; border-top:none; border-bottom:none
}

.sidenav a {
}

.sidenav a:hover {
  color: #f1f1f1;
}

#sidenav_header {
	min-height:40px; background-image: linear-gradient(to right, #99ccff , #99ccff); line-height:2; padding:5px; font-weight:bold; position:fixed; width:100%; z-index:1000; border-style:solid; border-color:Gray; border-width:1px; border-left:none; border-top:none; border-right:none; 
}

#sidenav_header b {
	float:left; display:inline-block; color:#000; line-height:2.5
}

#sidenav_header span {
	color:#000; line-height:2
}

#openNav {
	display:none
}

#sidenav_header .closebtn {
	float:right; margin-right:15px; padding: 0px 20px 0px 20px;
}

#sidenav_header .openbtn {
	float:left; margin-left:15px; padding: 0px 20px 0px 20px; cursor: pointer; background:none
}

#sidebar ul li a{
	padding-left: 10px; padding-right: 10px; padding-top: 8px;  padding-bottom: 8px; display: inline-block; color:#000
}

#sidebar ul li a:hover {
    color: Gray; background: none
}

#homeSubmenu, #homeSubmenu1,  #homeSubmenu2,  #homeSubmenu3  {
	margin-left:20px;
}

.modal-content {
	max-width:400px; margin:auto
}




/*========================================================================================================================
-------------------------------------------- INDEX PAGE SCSS -------------------------------------------------------------
==========================================================================================================================*/
#index_container {
	padding:10px 0px 0px 0px; margin-top:0px; margin:auto; display:inline-block; min-height:100%; min-width:100%; height:auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background:#080838; background-image: url("/IT/image/background.png"); background-repeat: no-repeat; background-size: 100% 100%; background-position:center center;  margin:0;
}

#box_shadow {
	max-width:480px; margin:auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
}

#head {
	max-width:480px; margin:auto; margin-top:-10px; padding:5px;  text-align:center; margin-bottom:5px; font-size:12.5pt; font-weight:bold; line-height:3
}

#login_form {
	max-width:480px; margin:auto; background-image: linear-gradient(to right, #011932 , #044a95); padding:20px; opacity:.85; box-shadow: 1px 1px 2px 1px #000
}

#login_form input {
	 max-width:385px; border-color:#000
}

.input-group-addon{
	background:#000; border-color:#000; color:#fff
}




/*========================================================================================================================
-------------------------------------------- SYSTEM HEADER SCSS ----------------------------------------------------------
==========================================================================================================================*/

#system_header {
	background:#011932; padding:10px 10px 0px 10px; top:0; position:fixed; width:100%; height:40px; z-index:1000
}

#system_sheet_ul {
	margin-top:0px; display:inline-block; width:100%; color:#fff
}

#body_div {
	margin-top:40px
}

#rideside_main_body{
  transition: margin-left .5s; padding: 0px; margin-left:260px; height:100%;
}


/*========================================================================================================================
-------------------------------------------- SUPPORT PAGE SCSS -----------------------------------------------------------
==========================================================================================================================*/
#support_form {
	width:100%; display:inline-block; padding:30px; margin-top:30px; z-index:0;
}

#support_form_label {
	float:left; line-height:2.5; width:140px; display:inline-block; font-weight:normal; color:#000
}

.form-group {
	margin-bottom:20px
}

#support_form input {
	min-width:350px; max-width:350px; border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2)
}

#support_form select{
	min-width:350px; max-width:350px; border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2)
}

#support_form textarea {
	min-height:170px; max-height:170px; min-width:350px; max-width:350px; border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2)
}

#warning {
	color:white; font-weight:normal; font-size:9pt; min-width:350px; max-width:350px; background:red; display:inline-block;
}

#warning1 {
	color:white; font-weight:normal; font-size:9pt; min-width:100%; padding-left:10px; display:inline-block; background:red;
}


#warning2 {
	color:Red; font-weight:800; font-size:15pt;  background:none;
}



/*========================================================================================================================
------------------------------------------- OPEN REQUEST PAGE SCSS -------------------------------------------------------
==========================================================================================================================*/
#open_request_form {
	min-width:100%; width:100%; display:inline-block; position:relative; padding-bottom:0px; padding-right:10px; padding-top:5px; padding-bottom:4px; margin-bottom:15px; z-index:0; background-image: linear-gradient(to right, #b3e6ff , #fff); border-style:solid; border-width:1px; border-radius:5px; box-shadow:1px 1px 3px 1px silver;
}

#open_request_form input {
	min-width:220px; max-height:25px; border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2)
}

#open_request_form select {
	min-width:220px; max-height:25px; border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2)
}

#open_request_form .table1 {
	color:#000; font-size:10pt; margin-bottom:0px; width:100%; margin-left:10px
}

#open_request_form tr {
   line-height: 25px; min-height: 30px; height: 30px;
}

#open_request_form th {
	min-width:140px; display:inline-block; padding-left:5px;
}

#open_request_form td {
	display:inline-block; max-width:380px;
}


/*========================================================================================================================
------------------------------------------- OPEN REQUEST EDIT PAGE SCSS --------------------------------------------------
==========================================================================================================================*/
#open_request_form_edit {min-width:100%; display:inline-block; padding-bottom:0px; padding-right:10px; margin-bottom:10px; z-index:0;   color:#000}

#open_request_form_edit textarea {min-width:280px; max-width:280px; max-height:25px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2)}

#open_request_form_edit select {min-width:280px; max-height:25px; border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2)}

#open_request_form_edit .table2 {color:#000; font-size:10pt; margin-top:10px; margin-bottom:10px}

#edit_page_button {
	min-width:40px; min-height:40px; margin-left:15px; display:inline-block;
}

#open_request_form_edit tr {
   line-height: 40px; min-height: 30px; height: 30px;
  
}

#open_request_form_edit th {
	min-width:140px; display:inline-block; padding-left:5px;
}

#open_request_form_edit td {
	display:inline-block; max-width:380px;
}



/*========================================================================================================================
-------------------------------------------- PREVIOUS REQUEST PAGE SCSS --------------------------------------------------
==========================================================================================================================*/
#previous_request {
	min-width:100%; display:inline-block; padding-bottom:0px; padding-left:100px; padding-right:100px; margin-bottom:0px; z-index:0; background:none; color:#000; width:100%; border-style:solid; border-width:5px; border-color:#fff; border-top:none; border-left:none; border-right:none;
}

#request_log_search{
	margin-bottom:5px; min-width:200px; max-width:200px; display:inline-block; margin-bottom:5px;
} 

#request_log_search select{
	border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2); height:28px; padding-top:0; padding-bottom:0; min-width:100%; display:inline-block;
}

#request_log_search input {
	border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2); height:28px; padding-top:0; padding-bottom:0
}

#request_log_search button {
	border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2); height:28px; padding-top:0; padding-bottom:0
}

#request_log_search .employee_box {
	display:none
}

#previous_request_table th {
	text-align:center
}


#previous_request_table {
	border-style:none
}

#previous_request_table th,td {
	padding:2.5px; font-size:10pt
}

#previous_request_table th {
	background:#cccccc
}

#previous_request_table td {
	padding-left:5px
}



/*========================================================================================================================
------------------------------------------------- DUTY REPORT PAGE SCSS --------------------------------------------------
==========================================================================================================================*/
#duty_report_form {
	min-width:100%; display:inline-block; padding-bottom:0px; padding-left:100px; padding-right:100px; margin-bottom:0px; z-index:0; background:none; color:#000; width:100%; border-style:solid; border-width:5px; border-color:#fff; border-top:none; border-left:none; border-right:none;
}

#duty_report_search{
	margin-bottom:5px; min-width:200px; max-width:200px; display:inline-block; margin-bottom:5px;
}

#duty_report_search select{
	border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2); height:28px; padding-top:0; padding-bottom:0; min-width:100%; display:inline-block;
}

#duty_report_search input {
	border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2); height:28px; padding-top:0; padding-bottom:0
}


/*========================================================================================================================
---------------------------------------------- FABRIC LIBRARY PAGE SCSS --------------------------------------------------
==========================================================================================================================*/
#fabric_library_form{min-width:100%; display:inline-block; padding-bottom:0px; padding-left:100px; padding-right:100px; margin-bottom:0px; z-index:0; background:none; color:#000; width:100%; border-style:solid; border-width:5px; border-color:#fff; border-top:none; border-left:none; border-right:none;}


#fabric_library_search{
	margin-bottom:5px; min-width:200px; max-width:200px; display:inline-block; margin-bottom:5px;
}

#fabric_library_search select{
	border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2); height:28px; padding-top:0; padding-bottom:0; min-width:100%; display:inline-block;
}

#fabric_library_search input {
	border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2); height:28px; padding-top:0; padding-bottom:0
}

#fabric_library_search button {
	border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2); height:28px; padding-top:0; padding-bottom:0
}


/*========================================================================================================================
----------------------------------------------- IT CREDENTIAL PAGE SCSS --------------------------------------------------
==========================================================================================================================*/
.credential_btn{
	 border-style:solid; border-width:1px; border-radius:5px; box-shadow:1px 1px  2px 2px gray; text-align:left; font-weight:normal; min-width:100%; margin:auto; margin-top:5px; font-size:11.5pt; text-shadow:1px 1px Gray; padding:10px
}

#credential_option_left {
	 background-image: linear-gradient(to right, #003333 , #009999); color:#fff;
}

#credential_option_left:hover {
	background-image: linear-gradient(to right, #009999 , #00e6e6); color:#000
}

#credential_option_left_report {
	background-image: linear-gradient(to right, #3d3d29 , #7a7a52); color:#fff;
}

#credential_option_left_report:hover {
	background-image: linear-gradient(to right, #7a7a52 , #a3a375); color:#000
}

#credential_option_top {
	background-image: linear-gradient(to right, #003300 , #4d9900); color:#fff;
}

#credential_option_top:hover {
	background-image: linear-gradient(to right, #4d9900 , #73e600); color:#000
}

#credential_option {
	 background-image: linear-gradient(to right, #003366 , #0066cc); color:#fff; 
}

#credential_option:hover {
	background-image: linear-gradient(to right, #0066cc , #1a8cff); color:#000; 
}

#credential_option_left_library {
	 background-image: linear-gradient(to right, #b34700 , #ff751a); color:#fff;
}

#credential_option_left_library:hover {
	background-image: linear-gradient(to right, #ff751a , #ffa366); color:#000
}


#credential_option_warning{
	background-image: linear-gradient(to right, #660000 , #cc0000); color:#fff; 
}

#credential_option_warning:hover {
	background-image: linear-gradient(to right, #cc0000 , #ff1a1a); color:#000
}


/*========================================================================================================================
---------------------------------------------- USER CREATE/EDIT PAGE SCSS ------------------------------------------------
==========================================================================================================================*/
#user_profile_form {
	min-width:100%; display:inline-block; padding-bottom:0px; padding-left:100px; padding-right:100px; margin-bottom:0px; z-index:0; background:none; color:#000; width:100%; border-style:solid; border-width:5px; border-color:#fff; border-top:none; border-left:none; border-right:none;
}

#user_profile_search{
	margin-bottom:5px; min-width:200px; max-width:200px; display:inline-block; margin-bottom:5px;
}

#user_profile_search select{
	border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2); height:28px; padding-top:0; padding-bottom:0; min-width:100%; display:inline-block;
}

#user_profile_search input {
	border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2); height:28px; padding-top:0; padding-bottom:0
}

#user_profile_search button {
	border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2); height:28px; padding-top:0; padding-bottom:0
}


#user_profile_p {
	color:#000; width:100%; border-style:solid; border-width:1px; border-color:black; border-top:none; border-left:none; border-right:none;
}


#persentage_form {
	color:#000; float:right
}


#user_profile_div {
	color:#000; margin-top:10px
}

#division_heading {
	width:100%; border:none; font-weight:bold; text-align:left; padding:10px; letter-spacing: 1px; background:#00004d; color:#fff
}

#depatment_heading {
	width:50%; display:inline-block; border:none; font-weight:bold; text-align:left; text-shadow:.5px .5px Silver; padding-top:7px; padding-bottom:7px; padding-left:10px; padding-right:10px; background:#1affd1; color:#000; margin-top:5px; margin-bottom:0px
}

#users_individual {
	display:inline-block; margin:5px; width:100%; text-align:left; padding:5px; font-size:9.5pt; border-style:solid; border-color:gray; border-width:1px; border-radius:5px
}

#users_individual_div {
	line-height:1.8
}

.users_individual_50 {
	background-image: linear-gradient(to top, #e60000 -2%, #e60000 5%); color:#fff
}

.users_individual_50:hover {
	background-image: linear-gradient(to top, #e60000 -2%, #fff 1%);
}

.users_individual_65 {
	background-image: linear-gradient(to top, #e68a00 -2%, #e68a00 5%); color:#fff
}

.users_individual_65:hover {
	background-image: linear-gradient(to top, #e68a00 -2%, #fff 1%);
}

.users_individual_80 {
	background-image: linear-gradient(to top, #8a8a5c -2%, #8a8a5c 5%); color:#fff
}

.users_individual_80:hover {
	background-image: linear-gradient(to top, #8a8a5c -2%, #fff 1%);
}

.users_individual_90 {
	background-image: linear-gradient(to top, #009900 -2%, #009900 5%); color:#fff
}

.users_individual_90:hover {
	background-image: linear-gradient(to top, #009900 -2%, #fff 1%);
}

.users_individual_100 {
	background-image: linear-gradient(to top, #0099cc -2%, #0099cc 5%); color:#fff
}

.users_individual_100:hover {
	background-image: linear-gradient(to top, #0099cc -2%, #fff 1%);
}



/*========================================================================================================================
------------------------------------------------- CREATE USER PAGE SCSS --------------------------------------------------
==========================================================================================================================*/
#create_user_form {
	min-width:100%; display:inline-block; padding-bottom:0px; padding-left:100px; padding-right:100px; margin-bottom:0px; z-index:0; background:none; color:#000; width:100%; border-style:solid; border-width:5px; border-color:#fff; border-top:none; border-left:none; border-right:none;
}

#create_user_search{
	margin-bottom:5px; min-width:200px; max-width:200px; display:inline-block; margin-bottom:5px;
}

#create_user_search input {
	border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2); height:28px; padding-top:0; padding-bottom:0
}

#create_user_search button {
	border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2); height:28px; padding-top:0; padding-bottom:0
}


#create_user {
	width:100%; display:inline-block; padding:5px; margin-top:5px; z-index:0; color:#000; font-size:10.5pt
}

#support_form_label {
	float:left; line-height:2.5; width:140px; display:inline-block; font-weight:normal; color:#000
}

.form-group {
	margin-bottom:20px
}

#create_user input {
	min-width:350px; max-width:350px; border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2)
}

#create_user select {
	min-width:350px; max-width:350px; border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2)
}

#create_user textarea {
	min-height:195px; max-height:195px; min-width:350px; max-width:350px; border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2)
}

#warning {
	color:white; font-weight:normal; font-size:9pt; min-width:350px; max-width:350px; background:red; display:inline-block;
}

#warning1 {
	color:white; font-weight:normal; font-size:9pt; min-width:100%; padding-left:10px; display:inline-block; background:red;
}



/*========================================================================================================================
--------------------------------------- USER PROFILE DETAILS/UPDATE PAGE SCSS --------------------------------------------
==========================================================================================================================*/
#user_info_update{
	width:100%; display:inline-block; padding:5px; margin-top:5px; z-index:0; color:#000;
}

#user_intro {
	margin-bottom:15px; display:inline-block; width:100%
}

#user_profile_top{
	width:100%; background:#000066; color:#fff
}

#user_profile_top th,td {
	line-height:2.2
}

#user_details_head {
	color:#fff; width:100%; text-shadow:1px 1px Silver; background-image: linear-gradient(to right, #595959 5%, #737373 80%); padding:5px;
}

#user_details_head a {
	float:right; margin-right:15px; cursor: pointer; color:#fff
}

#user_profile_body{
	width:100%; background:none; color:#000
}

#user_profile_body th{
	min-width:150px; max-width:150px; padding-left:5px; line-height:1.6
}

#user_profile_body td{
	min-width:350px; max-width:350px; padding-left:5px; line-height:1.6
}

#user_modal_content {
	min-width:720px; color:#000; background-image: linear-gradient(to right, #fff 5%, #fff 80%);
}

.modal-header{
	background:#00004d; color:#fff
}


#user_modal_01 {
	width:100%; display:inline-block; padding:5px; margin-top:0px; z-index:0; color:#000; font-size:10pt
}

#user_modal_02 {
	width:100%; display:inline-block; padding:5px; margin-top:0px; z-index:0; color:#000; font-size:10pt
}

#user_modal_03 {
	width:100%; display:inline-block; padding:5px; margin-top:0px; z-index:0; color:#000; font-size:10pt
}

#user_modal_04 {
	width:100%; display:inline-block; padding:5px; margin-top:0px; z-index:0; color:#000; font-size:10pt
}

#user_modal_05 {
	width:100%; display:inline-block; padding:5px; margin-top:0px; z-index:0; color:#000; font-size:10pt
}

#user_modal_06 {
	width:100%; display:inline-block; padding:5px; margin-top:0px; z-index:0; color:#000; font-size:10pt
}

#user_modal_07 {
	width:100%; display:inline-block; padding:5px; margin-top:0px; z-index:0; color:#000; font-size:10pt
}

#user_form_label {
	float:left; line-height:1.6; width:140px; display:inline-block; font-weight:normal; color:#000
}

.form-group {
	margin-bottom:10px
}

.user_modal input {
	min-width:290px; max-width:290px; border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2)
}

.user_modal select {
	min-width:290px; max-width:290px; border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2)
}

.user_modal textarea {
	min-height:195px; max-height:195px; min-width:290px; max-width:290px; border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2)
}


/*========================================================================================================================
---------------------------------------------- USER INFORMATION PAGE SCSS ------------------------------------------------
==========================================================================================================================*/
#user_info {
	min-width:100%; width:100%; display:inline-block; padding-left:10px; padding-right:10px; margin-bottom:10px; z-index:0; background:none; color:#000; border-style:solid; border-width:5px; border-color:#fff; border-top:none; border-left:none; border-right:none; font-size:10pt
} 

#user_info_search{
	margin-bottom:5px; min-width:200px; max-width:200px; display:inline-block
}

#user_info select {
	border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.3); height:28px; padding-top:0; padding-bottom:0
}

#user_info input {
	border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.3); height:28px;  padding-top:0; padding-bottom:0
}

#user_info button {
	border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.3); height:28px;  padding-top:0; padding-bottom:0
}

#user_info th {
	text-align:center
}

#user_info_count {
	color:#000; margin-bottom:5px;
}

#user_info_count th {
	padding-top: 0px; padding-bottom: 0px; padding-left:5px; font-size:10pt
}

#user_info_count td {
	padding-top: 0px; padding-bottom: 0px; padding-left:5px; font-size:10pt
} 

#user_info_table {
	border-style:none
}

#user_info_table th {
	background:#ebebe0; padding:4px; font-size:10pt
}

#user_info_table td {
	padding:4px; font-size:10pt
}



/*========================================================================================================================
-------------------------------------------------- QR CODE PAGE SCSS -----------------------------------------------------
==========================================================================================================================*/

/* NO CSS CODE FOR QR CODE PAGE */



/*========================================================================================================================
------------------------------------------------ EMAIL ALIAS PAGE SCSS ---------------------------------------------------
==========================================================================================================================*/
#email_alias {
	min-width:100%; width:100%; display:inline-block; padding-left:10px; padding-right:10px; margin-bottom:10px; z-index:0; background:none; color:#000; border-style:solid; border-width:5px; border-color:#fff; border-top:none; border-left:none; border-right:none; font-size:10pt; padding-left:200px;  padding-right:200px
} 

#email_alias_search{
	margin-bottom:5px; min-width:200px; max-width:200px; display:inline-block
}

#email_alias_search select {
	border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.3); height:28px; padding-top:0; padding-bottom:0
}

#email_alias_search input {
	border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.3); height:28px;  padding-top:0; padding-bottom:0
}

#email_alias_search button {
	border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.3); height:28px;  padding-top:0; padding-bottom:0
}

#email_alias_count {
	color:#000; margin-bottom:5px;
}

#email_alias_count th {
	padding-left:5px; font-size:10pt
}

#email_alias_count td {
	padding-left:5px; font-size:10pt
} 


#email {
	border-style:none
}

#email th,td {
	padding:2.5px; font-size:10pt
}

#email th {
	background:#f5f5f0
}



/*========================================================================================================================
--------------------------------------------- CREATE EMAIL ALIAS PAGE SCSS -----------------------------------------------
==========================================================================================================================*/
#create_alias {
	min-width:100%; width:100%; display:inline-block; padding-left:10px; padding-right:10px; margin-bottom:10px; z-index:0; background:none; color:#000; border-style:solid; border-width:5px; border-color:#fff; border-top:none; border-left:none; border-right:none; font-size:10.5pt; 
} 


#create_alias_form {
	background:none;
}

#create_alias_form input {
	border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.3); height:30px;  padding-top:0; padding-bottom:0
}

#create_alias_form select {
	border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.3); height:30px;  padding-top:0; padding-bottom:0
}

#create_alias_form button {
	border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.3); height:30px;  padding-top:0; padding-bottom:0
}

#alias_mail{
	margin-bottom:10px
}




/*========================================================================================================================
------------------------------------------------- INVENTORY PAGE SCSS ----------------------------------------------------
==========================================================================================================================*/
#inventory {
	min-width:100%; width:100%; display:inline-block; padding-left:10px; padding-right:10px; margin-bottom:10px; z-index:0; background:none; color:#000; border-style:solid; border-width:5px; border-color:#fff; border-top:none; border-left:none; border-right:none; font-size:10pt;
} 

#inventory_search{
	margin-bottom:5px; display:inline-block
}

#inventory_search select {
	border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.3); height:28px; padding-top:0; padding-bottom:0
}

#inventory_search input {
	border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.3); height:28px;  padding-top:0; padding-bottom:0
}

#inventory_search button {
	border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.3); height:28px;  padding-top:0; padding-bottom:0
}

#inventory_count {
	color:#000; margin-bottom:5px;
}

#inventory_count th {
	padding-left:5px; font-size:10pt
}

#inventory_count td {
	padding-left:5px; font-size:10pt
} 




/*========================================================================================================================
------------------------------------------------ ADD DEVICE PAGE SCSS ----------------------------------------------------
==========================================================================================================================*/
#add_device_form {
	min-width:100%; display:inline-block; padding-bottom:0px; padding-left:10px; padding-right:10px; margin-bottom:0px; z-index:0; background:none; color:#000; width:100%; border-style:solid; border-width:5px; border-color:#fff; border-top:none; border-left:none; border-right:none;
}


#add_device_label {
	float:left; line-height:2.5; width:140px; display:inline-block; font-weight:normal; color:#000
}

.form-group {
	margin-bottom:20px
}

#add_device_form input {
	min-width:320px; max-width:320px; border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2)
}

#add_device_form select {
	min-width:320px; max-width:320px; border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2)
}

#add_device_form textarea {
	min-height:85px; max-height:85px; min-width:825px; max-width:825px; border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2);
}

#warning_device {
	color:white; font-weight:normal; font-size:9pt; min-width:320px; max-width:320px; background:red; display:inline-block;
}

#warning_device1 {
	color:white; font-weight:normal; font-size:9pt;  min-width:825px; max-width:825px; padding-left:10px; display:inline-block; background:red;
}

.rows_hidden {
	display:none
}


/*========================================================================================================================
------------------------------------------ INVENTORY & PURCHASE UPDATE PAGE SCSS -----------------------------------------
==========================================================================================================================*/
#update_device_form {
	min-width:100%; display:inline-block; padding-bottom:0px; padding-left:10px; padding-right:10px; margin-bottom:0px; z-index:0; background:none; color:#000; width:100%; border-style:solid; border-width:5px; border-color:#fff; border-top:none; border-left:none; border-right:none;
}


#update_device_label {
	float:left; line-height:2.5; width:140px; display:inline-block; font-weight:normal; color:#000
}

#update_device_form input {
	min-width:320px; max-width:320px; border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2)
}

#update_device_form select {
	min-width:320px; max-width:320px; border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2)
}

#update_device_form textarea {
	min-height:65px; max-height:65px; min-width:825px; max-width:825px; border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2);
}

#warning_device {
	color:white; font-weight:normal; font-size:9pt; min-width:320px; max-width:320px; background:red; display:inline-block;
}

#warning_device1 {
	color:white; font-weight:normal; font-size:9pt;  min-width:825px; max-width:825px; padding-left:10px; display:inline-block; background:red;
}



/*========================================================================================================================
--------------------------------------------- QR LIST/PURCHASE TYPE PAGE SCSS --------------------------------------------
==========================================================================================================================*/
#qrchart {
	min-width:100%; width:100%; display:inline-block; padding-left:10px; padding-right:10px; margin-bottom:10px; z-index:0; background:none; color:#000; border-style:solid; border-width:5px; border-color:#fff; border-top:none; border-left:none; border-right:none; font-size:10pt;
} 

#qrchart_search{
	margin-bottom:5px; display:inline-block
}

#qrchart_search select {
	border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.3); height:28px; padding-top:0; padding-bottom:0
}

#qrchart_search input {
	border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.3); height:28px;  padding-top:0; padding-bottom:0
}

#qrchart_search button {
	border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.3); height:28px;  padding-top:0; padding-bottom:0
}

#inventory_count {
	color:#000; margin-bottom:5px;
}

#inventory_count th {
	padding-left:5px; font-size:10pt
}

#inventory_count td {
	padding-left:5px; font-size:10pt
} 




/*========================================================================================================================
------------------------------------------------- ADD DEVICE TYPE PAGE SCSS -----------------------------------------------
==========================================================================================================================*/
#add_device_type {
	min-width:100%; width:100%; display:inline-block; padding-left:10px; padding-right:10px; margin-bottom:10px; z-index:0; background:none; color:#000; border-style:solid; border-width:5px; border-color:#fff; border-top:none; border-left:none; border-right:none; font-size:10pt;
} 

#device_type input{
	min-width:100%; width:100%
}

#device_type select{
	min-width:100%; width:100%
}

#warning_device_type {
	color:white; font-weight:normal; font-size:9pt; min-width:100%! important; width:100%; background:red; display:inline-block;
}


/*========================================================================================================================
----------------------------------------------- IT INFORMATION PAGE SCSS -------------------------------------------------
==========================================================================================================================*/
#it_information {
	min-width:100%; width:100%; display:inline-block; padding-left:10px; padding-right:10px; margin-bottom:10px; z-index:0; background:none; color:#000; border-style:solid; border-width:5px; border-color:#fff; border-top:none; border-left:none; border-right:none; font-size:10pt;
} 

#it_information_search{
	margin-bottom:5px; min-width:200px; max-width:200px; display:inline-block
}

#it_information_search select {
	border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.3); height:28px; padding-top:0; padding-bottom:0
}

#it_information_search input {
	border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.3); height:28px;  padding-top:0; padding-bottom:0
}

#it_information_search button {
	border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.3); height:28px;  padding-top:0; padding-bottom:0
}

#it_information_table th {
	padding-left:5px; padding-top:3px; padding-bottom:3px	
}

#it_information_table td {
	padding-left:5px;	
}


/*========================================================================================================================
--------------------------------------- IT INFORMATION PAGE SCSS UPDATE ---------------------------------------------------
==========================================================================================================================*/
#it_information_update {
	width:100%; display:inline-block; padding:30px; margin-top:0px; z-index:0; color:#000
}

#it_information_update input {
	width:100%; border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2); margin-bottom:10px
}

#it_information_update select{
	width:100%; border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2); margin-bottom:10px
}


#add_it_info {
	width:100%; display:inline-block; padding:10px; margin-top:0px; z-index:0; color:#000
}


/*========================================================================================================================
------------------------------------ PURCHASE INFORMATION PAGE SCSS UPDATE -----------------------------------------------
==========================================================================================================================*/
#purchase_info {
	min-width:100%; width:100%; display:inline-block; padding-left:10px; padding-right:10px; margin-bottom:10px; z-index:0; background:none; color:#000; border-style:solid; border-width:5px; border-color:#fff; border-top:none; border-left:none; border-right:none; font-size:10pt;
}

#purchase_search{
	margin-bottom:5px; display:inline-block
}

#purchase_search select {
	border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.3); height:28px; padding-top:0; padding-bottom:0
}

#purchase_search input {
	border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.3); height:28px;  padding-top:0; padding-bottom:0
}

#purchase_search button {
	border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.3); height:28px;  padding-top:0; padding-bottom:0
}

#purchase_count {
	color:#000; margin-bottom:0px
}

#purchase_count th {
	padding-left:5px; font-size:10pt;
}

#purchase_count td {
	padding-left:5px; font-size:10pt;
} 

#purchase {
	border-style:none; background:#fff; 
}

#purchase th,td {
	padding:2.5px; font-size:10pt
}

#purchase th {
	background:#262626; color:#fff; position: sticky; top: 0; height:40px;  box-shadow: .5px 1px 1px 1px Gray; text-align:center
}





/*========================================================================================================================
------------------------------------------------ ADD PURCHASE PAGE SCSS ----------------------------------------------------
==========================================================================================================================*/
#add_purchase_form {
	min-width:100%; display:inline-block; padding-bottom:0px; padding-left:10px; padding-right:10px; margin-bottom:0px; z-index:0; background:none; color:#000; width:100%; border-style:solid; border-width:5px; border-color:#fff; border-top:none; border-left:none; border-right:none;
}


#add_purchase_label {
	float:left; line-height:2.5; width:140px; display:inline-block; font-weight:normal; color:#000
}

#add_purchase_form input {
	min-width:320px; max-width:320px; border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2)
}

#add_purchase_form select {
	min-width:320px; max-width:320px; border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2)
}

#add_purchase_form textarea {
	min-height:65px; max-height:65px; min-width:825px; max-width:825px; border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2);
}

#warning_purchase {
	color:white; font-weight:normal; font-size:9pt; min-width:320px; max-width:320px; background:red; display:inline-block;
}

#warning_purchase1 {
	color:white; font-weight:normal; font-size:9pt;  min-width:825px; max-width:825px; padding-left:10px; display:inline-block; background:red;
}
















































/* CHANGE PASSWORD */
#change_password_form label {
	font-weight:normal
}


/* ACKNOWLEDGEMENT FORM PAGE */
#acknowledgement_form {
	width:100%; display:inline-block; padding:30px; margin-top:30px; z-index:0;
}

#acknowledgement_form_label {
	float:left; line-height:2.5; width:140px; display:inline-block; font-weight:normal; color:#000
}

.form-group {
	margin-bottom:20px
}

#acknowledgement_form input {
	min-width:350px; max-width:350px; border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2)
}

#acknowledgement_form select {
	min-width:350px; max-width:350px; border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2)
}

#acknowledgement_form textarea {
	min-width:350px; max-width:350px; min-height:80px; border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2)
}


/* DUTY FORM PAGE */
#duty_form {
	width:100%; display:inline-block; padding:30px; margin-top:30px; z-index:0;
}

#duty_form_label {
	font-weight:normal; color:#000
}

.form-group {
	margin-bottom:10px
}

#duty_form input {
	font-size:10pt; height:30px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2)
}





























/* SERVER PAGE */

#server_div {
	color:#fff; border-style:solid; border-width:1px; border-radius:5px; box-shadow:1px 1px  2px 2px gray; font-weight:normal; background-image: linear-gradient(to right, #0059b3 , #80bfff);  padding:10px; min-width:130px; min-height:130px; margin:auto; margin-top:5px
}

#server_div:hover {
	background-image: linear-gradient(to right, #80bfff , #fff); color:#000
}

#server_icon {
	max-width:40px; background:none; border-width:1px; border-style:solid; border-color:#ebebe0; border-radius:20px;
}

#server_div h4 {
	font-weight:800; font-size:12.5pt; text-shadow:.5px .5px Gray;
}

#server_table {
	text-shadow:.2px .2px Gray; text-align:left
}

#server_table tr {
	
}

#server_table td {
	border-style:none
}

#server_table th {
	max-width:100px;width:100px; border-style:none;
}


/* SERVER DETAILS PAGE */

#server_profile_div {
	color:#000; margin-top:35px;
}

#server_profile_page {
	background:#fff; padding:10px; box-shadow:.5px .5px 1px 1px gray
}

#sever_details_table {
	text-shadow:.2px .2px Gray; text-align:left;
}

#sever_details_table td {
	
}

#sever_details_table th{
	max-width:105px;width:105px;
}

#button_server_update {
	min-width:150px; margin-bottom:10px
}

#server_update {
	width:100%; display:inline-block; padding:5px; margin-top:0px; z-index:0; color:#000; font-size:10.5pt; margin-top:10px
}

#server_update label {
	line-height:2.4
}

#server_update input {
	min-width:290px; max-width:290px; border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2)
}

#server_update select {
	min-width:290px; max-width:290px; border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2)
}

#server_update option {
	background:red!important
}

#server_update textarea {
	min-height:55px; max-height:55px; border-radius:5px; min-width:290px; max-width:290px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2)
}



/* ANTIVIRUS PAGE */
#table_antivirus {
	color:#000; margin-bottom:5px;
}

#table_antivirus th, td{
	padding-left: 5px;
}



/* digital library updates */

#fabric_library_update input {
	min-width:250px; max-width:250px; border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2)
}



#fabric_library_update select {
	min-width:250px; max-width:250px; border-radius:5px; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2)
}

/*===========================================================================================================*/
/*=================================== Tap to Top CSS Code Start Here =====================================*/
#scroll {
    position:fixed; right:10px;  bottom:15px; cursor:pointer; width:40px; height:40px; background-color:#1c386d; text-indent:-9999px; display:none;  -webkit-border-radius:60px;  -moz-border-radius:60px; border-radius:60px; z-index:1000;
}
#scroll span {
    position:absolute; top:50%; left:50%; margin-left:-8px; margin-top:-12px; height:0; width:0; border:8px solid transparent; border-bottom-color:#ffffff;
}
#scroll:hover {
    background-color:#112751; opacity:1; filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)";
}

/*======================================= Tap to Top CSS Code Ends Here =========================================*/
/*===========================================================================================================*/