body {
    background-color:  #a3a3a3;
}

.nav {
    background-color:  #a3a3a3;
}

.btn-primary{
    position: relative;
	 border:1px solid #666666;-webkit-box-shadow: #4d4d4d 0px 2px 2px ;-moz-box-shadow: #4d4d4d 0px 2px 2px ; box-shadow: #4d4d4d 0px 2px 2px ; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;font-size:20px;font-family:arial, helvetica, sans-serif; padding: 3px 6px; text-decoration:none; display:inline-block;text-shadow: 2px 2px 0 rgba(0,0,0,0.3);font-weight:bold; color: #e6ffff;
	 background-color: #c4a93c; background-image: -webkit-gradient(linear, left top, left bottom, from(#8c8c8c), to(#000000));
	 background-image: -webkit-linear-gradient(top, #8c8c8c, #000000);
	 background-image: -moz-linear-gradient(top, #8c8c8c, #000000);
	 background-image: -ms-linear-gradient(top, #8c8c8c, #000000);
	 background-image: -o-linear-gradient(top, #8c8c8c, #000000);
	 background-image: linear-gradient(to bottom, #8c8c8c, #000000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8c8c8c, endColorstr=#000000);
}

.btn-primary:hover{
	 border:1px solid #66cc66; color: #F3FAB6;
	 background-color: #00aaff; background-image: -webkit-gradient(linear, left top, left bottom, from(#00aaff), to(#002133));
	 background-image: -webkit-linear-gradient(top, #00aaff, #002133);
	 background-image: -moz-linear-gradient(top, #00aaff, #002133);
	 background-image: -ms-linear-gradient(top, #00aaff, #002133);
	 background-image: -o-linear-gradient(top, #00aaff, #002133);
	 background-image: linear-gradient(to bottom, #00aaff, #002133);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8c8c8c, endColorstr=#002133);
}

.btn-primary-index{
    position: relative;
    z-index: -1;
	 border:1px solid #666666;-webkit-box-shadow: #4d4d4d 0px 2px 2px ;-moz-box-shadow: #4d4d4d 0px 2px 2px ; box-shadow: #4d4d4d 0px 2px 2px ; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;font-size:20px;font-family:arial, helvetica, sans-serif; padding: 3px 6px; text-decoration:none; display:inline-block;text-shadow: 2px 2px 0 rgba(0,0,0,0.3);font-weight:bold; color: #e6ffff;
	 background-color: #c4a93c; background-image: -webkit-gradient(linear, left top, left bottom, from(#8c8c8c), to(#000000));
	 background-image: -webkit-linear-gradient(top, #8c8c8c, #000000);
	 background-image: -moz-linear-gradient(top, #8c8c8c, #000000);
	 background-image: -ms-linear-gradient(top, #8c8c8c, #000000);
	 background-image: -o-linear-gradient(top, #8c8c8c, #000000);
	 background-image: linear-gradient(to bottom, #8c8c8c, #000000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8c8c8c, endColorstr=#000000);
}

.btn-primary-index:hover{
	 border:1px solid #66cc66; color: #F3FAB6;
	 background-color: #00aaff; background-image: -webkit-gradient(linear, left top, left bottom, from(#00aaff), to(#002133));
	 background-image: -webkit-linear-gradient(top, #00aaff, #002133);
	 background-image: -moz-linear-gradient(top, #00aaff, #002133);
	 background-image: -ms-linear-gradient(top, #00aaff, #002133);
	 background-image: -o-linear-gradient(top, #00aaff, #002133);
	 background-image: linear-gradient(to bottom, #00aaff, #002133);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8c8c8c, endColorstr=#002133);
}

.btn-secondary{
	 border:1px solid #666666;-webkit-box-shadow: #4d4d4d 0px 2px 2px ;-moz-box-shadow: #4d4d4d 0px 2px 2px ; box-shadow: #4d4d4d 0px 2px 2px ; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;font-size:20px;font-family:arial, helvetica, sans-serif; padding: 3px 6px; text-decoration:none; display:inline-block;text-shadow: 2px 2px 0 rgba(0,0,0,0.3);font-weight:bold; color: #e6ffff;
	 background-color: #c4a93c; background-image: -webkit-gradient(linear, left top, left bottom, from(#c4a93c), to(#000000));
	 background-image: -webkit-linear-gradient(top, #c4a93c, #000000);
	 background-image: -moz-linear-gradient(top, #c4a93c, #000000);
	 background-image: -ms-linear-gradient(top, #c4a93c, #000000);
	 background-image: -o-linear-gradient(top, #c4a93c, #000000);
	 background-image: linear-gradient(to bottom, #c4a93c, #000000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8c8c8c, endColorstr=#000000);
}

.btn-secondary:hover{
	 border:1px solid #66cc66; color: #F3FAB6;
	 background-color: #d60423; background-image: -webkit-gradient(linear, left top, left bottom, from(#d60423), to(#002133));
	 background-image: -webkit-linear-gradient(top, #d60423, #002133);
	 background-image: -moz-linear-gradient(top, #d60423, #002133);
	 background-image: -ms-linear-gradient(top, #d60423, #002133);
	 background-image: -o-linear-gradient(top, #d60423, #002133);
	 background-image: linear-gradient(to bottom, #d60423, #002133);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8c8c8c, endColorstr=#002133);
}


.btn-third{
	 border:1px solid #ffff00;-webkit-box-shadow: #4d4d4d 0px 2px 2px ;-moz-box-shadow: #4d4d4d 0px 2px 2px ; box-shadow: #4d4d4d 0px 2px 2px ; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;font-size:20px;font-family:arial, helvetica, sans-serif; padding: 3px 6px; text-decoration:none; display:inline-block;text-shadow: 2px 2px 0 rgba(0,0,0,0.3);font-weight:bold; color: #e6ffff;
	 background-color: #00b300; background-image: -webkit-gradient(linear, left top, left bottom, from(#00b300), to(#000000));
	 background-image: -webkit-linear-gradient(top, #00b300, #000000);
	 background-image: -moz-linear-gradient(top, #00b300, #000000);
	 background-image: -ms-linear-gradient(top, #00b300, #000000);
	 background-image: -o-linear-gradient(top, #00b300, #000000);
	 background-image: linear-gradient(to bottom, #00b300, #000000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8c8c8c, endColorstr=#000000);
}

.btn-third:hover{
	 border:1px solid #66cc66; color: #F3FAB6;
	 background-color: #cccc00; background-image: -webkit-gradient(linear, left top, left bottom, from(#cccc00), to(#002133));
	 background-image: -webkit-linear-gradient(top, #cccc00, #002133);
	 background-image: -moz-linear-gradient(top, #cccc00, #002133);
	 background-image: -ms-linear-gradient(top, #cccc00, #002133);
	 background-image: -o-linear-gradient(top, #cccc00, #002133);
	 background-image: linear-gradient(to bottom, #cccc00, #002133);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8c8c8c, endColorstr=#002133);
}

.btn-menu{
	border:1px solid #b8bec6;-webkit-box-shadow: #4d4d4d 0px 0px 0px ;-moz-box-shadow: #4d4d4d 0px 0px 0px ; box-shadow: #4d4d4d 0px 0px 0px ; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;font-size:20px;font-family: Times New Roman, Georgia, Serif, helvetica, sans-serif; padding: 3px 6px; text-decoration:none; display:inline-block;text-shadow: 1px 1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #000000;
	 background-color: #7c7c7c; background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#7c7c7c));
	 background-image: -webkit-linear-gradient(top, #f2f2f2, #7c7c7c);
	 background-image: -moz-linear-gradient(top, #f2f2f2, #7c7c7c);
	 background-image: -ms-linear-gradient(top, #f2f2f2, #7c7c7c);
	 background-image: -o-linear-gradient(top, #f2f2f2, #7c7c7c);
	 background-image: linear-gradient(to bottom, #f2f2f2, #7c7c7c);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f2f2f2, endColorstr=#7c7c7c);
}

.btn-menu:hover{
	 border:1px solid #84e949;
	 color: #F3FAB6;
	 background-color: #002133; background-image: -webkit-gradient(linear, left top, left bottom, from(#00aaff), to(#002133));
	 background-image: -webkit-linear-gradient(top, #00aaff, #002133);
	 background-image: -moz-linear-gradient(top, #00aaff, #002133);
	 background-image: -ms-linear-gradient(top, #00aaff, #002133);
	 background-image: -o-linear-gradient(top, #00aaff, #002133);
	 background-image: linear-gradient(to bottom, #00aaff, #002133);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#00aaff, endColorstr=#002133);
}

input[type=text], select {
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

input[type='checkbox'] {
  width: 20px;
  height: 20px;
  border: 1px solid;
  border-radius: 3px;
  border-color: #737373;

}

tr:hover {
	
 background-color: #e6faff;

}

.pageTitle {
    background-color: #48b0e4;
    width: 100%;
	background-color: #0088cc; background-image: -webkit-gradient(linear, left top, left bottom, from(#48b0e4), to(#0088cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #001133);
    background-image: -moz-linear-gradient(top, #0088cc, #001133);
    background-image: -ms-linear-gradient(top, #0088cc, #001133);
    background-image: -o-linear-gradient(top, #0088cc, #001133);
    background-image: linear-gradient(to bottom, #0088cc, #001133);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#48b0e4, endColorstr=#0088cc);
	color: #F3FAB6;
	font-family: Georgia;
	padding: 3px;
	box-shadow: 3px 3px #888888;
}
.pageTitleBlack {
    
    width: 100%;
	background-color: #000; background-image: -webkit-gradient(linear, left top, left bottom, from(#0088cc), to(#002233));
    background-image: -webkit-linear-gradient(top, RED, #002233);
    background-image: -moz-linear-gradient(top, RED, #002233);
    background-image: -ms-linear-gradient(top, RED, #002233);
    background-image: -o-linear-gradient(top, RED, #002233);
    background-image: linear-gradient(to bottom, RED, #002233);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=RED, endColorstr=#002233);
	color: rgb(252, 246, 246);
	font-family: Georgia;
	padding: 3px;
	box-shadow: 3px 3px #888888;
	
}

.pageTitleGrey {
    
    width: 100%;
	background-color: #000; background-image: -webkit-gradient(linear, left top, left bottom, from(#0088cc), to(#6b8d9e));
    background-image: -webkit-linear-gradient(top, rgb(161, 151, 151), #6b8d9e);
    background-image: -moz-linear-gradient(top, rgb(161, 151, 151), #6b8d9e);
    background-image: -ms-linear-gradient(top, rgb(161, 151, 151), #6b8d9e);
    background-image: -o-linear-gradient(top, rgb(161, 151, 151), #6b8d9e);
    background-image: linear-gradient(to bottom, rgb(161, 151, 151), #6b8d9e);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=rgb(161, 151, 151), endColorstr=#6b8d9e);
	color: rgb(252, 246, 246);
	font-family: Georgia;
	padding: 3px;
	box-shadow: 5px 5px #888888;
	
}

.form-wrapper .field-list .field .option {
     font-size: 10px;
 }

div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

#form_passportFile {
	
	position: relative;
	text-align: right;
	-moz-opacity: 1;
	filter:alpha(opacity: 1);
	opacity: 1;
	z-index: 2;
}

#form_visaFile {
	
	position: relative;
	text-align: right;
	-moz-opacity: 1;
	filter:alpha(opacity: 1);
	opacity: 1;
	z-index: 2;
}

#form_stamp1 {
	
	position: relative;
	text-align: right;
	-moz-opacity: 1;
	filter:alpha(opacity: 1);
	opacity: 1;
	z-index: 2;
}

#form_stamp2 {
	
	position: relative;
	text-align: right;
	-moz-opacity: 1;
	filter:alpha(opacity: 1);
	opacity: 1;
	z-index: 2;
}

#form_otherFile {
	
	position: relative;
	text-align: right;
	-moz-opacity: 1;
	filter:alpha(opacity: 1);
	opacity: 1;
	z-index: 2;
}

a.one:link {	
	color: darkblue;
}

a:one:visited {
	color: darkblue;
}

a:one:hover {
	color: darkblue;
}

a:one:active {
	color: darkblue;
}

.three {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 14px;
    color: rgb(12, 48, 114);
    padding: 3px;
}
.three:hover {
    color: rgb(139, 0, 12);
}
.three:link {
    color: rgb(12, 27, 161);
}
.three:visited {
    color: rgb(12, 48, 114);
}
.three:active {
    color: rgb(12, 48, 114);
}

.two {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 14px;
    color: rgb(12, 48, 114);
}
.two:hover {
    color: rgb(139, 0, 12);
}
.two:link {
    color: rgb(12, 27, 161);
}
.two:visited {
    color: rgb(12, 48, 114);
}
.two:active {
    color: rgb(12, 48, 114);
}

a {
    color: rgb(46, 224, 30);
    text-decoration: none;
}

a:hover,
a:focus {
    color: rgb(201, 204, 26);
    text-decoration: underline;
}

a:active {
    color: rgb(45, 206, 30);
    text-decoration: underline;
    text-shadow: 1px 1px #00000050;
}

.table2 {
  background-color: transparent;
}

#tableShadow {
	
  padding: 10px;
  box-shadow: 3px 3px #888888;
	
}

#tableShadow2 {
	
  background-color: #fff;
  padding: 10px;
  box-shadow: 3px 3px #888888;
	
}


#tableShadow2 {
	
  background-color: #fff;
  padding: 10px;
  box-shadow: 3px 3px #888888;
	
}

.dropbtn {
    background-color: transparent;
    color: #006658;
    padding: 22px;
    font-size: 15px;
    font-weight: bold;
    border: none;
    cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
    display: block;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content { 
    z-index: 5;   
    display: none;
    position: fixed;
    background-color: #dddcdc;
    min-width: 327px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content {   
    z-index: 5; 
    display: none;
    position: fixed;
    background-color: #dddcdc;
    min-width: 327px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a { 
    z-index: 5;
    color: #006658;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    border-bottom: 2px solid #006658;
}

.dropdown-content a:hover { 
    z-index: 5;
    background-color: #1d5db1;
    color: white;
}
.dropdown:hover .dropdown-content {
    z-index: 5;
    display: block;
    background-color: #ddd;
}

.drop3down {
    position: relative;
    display: inline-block;
}

.drop3down-content {
    overflow-x: hidden;
    display: none;
    position: fixed;
    background-color: #f0f0f0;
    width: 198px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.drop3down-content a { 
    font-weight: 300;
    background-color: #dad8d8;
    color: #166459;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    border-bottom: 2px solid #006658;
}

.drop3down-content a:hover { 
    font-weight: 300;
    background-color: #1d5db1;
    color: white;
}
.drop3down:hover .dropdown-content {
    display: block;
    background-color: #ddd;
}

.show {display:block;}

.drop2down {
    position: relative;
    display: inline-block;
}

.drop2down-content {
    display: none;
    position: absolute;
    background-color: #cccaca;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);    
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
    padding: 12px 16px;
    z-index: 1;
}

.drop2down:hover .drop2down-content {
    display: block;
}

.drop3down {
    position: relative;
    display: inline-block;
}

.drop3down-content {
    overflow-x: hidden;
    display: none;
    position: absolute;
    background-color: #bbc5c3;
    min-width: 66px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);    
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
    padding: 3px 3px;
    z-index: 5;
}

.drop3down:hover .drop3down-content {
    display: block;
}

.date-change-content { 
    padding-left: 10px;
    font-size: 10px;
    font-style: italic;
    display: none;
}

.date-change:hover .date-change-content {    
    display: block;
}

.date-change-content a { 
    font-weight: 300;
    background-color: #dad8d8;
    color: #166459;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    border-bottom: 2px solid #006658;
}

.date-change-content a:hover { 
    font-weight: 300;
    background-color: #1d5db1;
    color: white;
}


.btn-information {
    color: rgb(0, 0, 0);
    background-color: #15303d;
    border-color: #162738;
  }
  .btn-information:hover {
    color: rgb(0, 0, 0);
    background-color: #198b29;
    border-color: #16293a;
  }

  
.btn-successful {
    color: rgb(0, 0, 0);
    background-color: #8de68d;
    border-color: #4b7e4b;
  }

  .btn-successful:hover {
    color: rgb(0, 0, 0);
    background-color: #7dd37d;
    border-color: #457c45;
  }

.glyphicon-calendar {
    margin-left: 5px;
    font-size: 15px;
    position: relative;
}

.calendar {
    width: 222px;
    min-height: 222px;
    background-color: rgb(247, 247, 247);
    border-radius: 5px;
    position: relative;
    z-index: 1001;
    font-size: 9px;
    padding-left: 2px;
}

.calendar-day-week-names {
    width: 27px;
    height: 27px;
    padding: 3px;
    margin: 2px;
    background-color: rgb(247, 247, 247);;
    color: rgb(0, 0, 0);
    border: rgb(247, 247, 247);
    position: relative;
    z-index: 1002;
}

.calendar-day-empty {
    width: 27px;
    height: 27px;
    padding: 3px;
    margin: 2px;
    background-color: rgb(247, 247, 247);
    color: rgb(247, 247, 247);
    border: rgb(247, 247, 247);
    position: relative;
    z-index: 1002;
}

.calendar-day-week {
    width: 27px;
    height: 27px;
    color: #000;
    padding: 3px;
    margin: 2px;
    border: 0;
    position: relative;
    z-index: 1002;
}

.calendar-day-week:hover {
    background-color: rgb(117, 115, 115);
    color: rgb(255, 255, 255);
    border-radius: 5px;
}

.calendar-day-saturday {
    width: 27px;
    height: 27px;
    padding: 3px;
    margin: 2px;
    color: rgb(22, 84, 126);
    border: 0;
    position: relative;
    z-index: 1002;
}

.calendar-day-saturday:hover {    
    background-color: rgb(22, 84, 126);
    color: rgb(255, 255, 255);
    border-radius: 5px;
}
  
.calendar-day-sunday {
    width: 27px;
    height: 27px;
    padding: 3px;
    margin: 2px;
    color: rgb(155, 11, 11);
    border: 0;
    display: inline-block;
    position: relative;
    z-index: 1002;
}

.calendar-day-sunday:hover {        
    background-color: rgb(155, 11, 11);
    color: rgb(255, 255, 255);
    border-radius: 5px;
}

.calendar-month {
    width: 160px;
    height: 18px;
    font-size: 15px;
    color: #000;
    background-color: rgb(247, 247, 247);
    padding: 3px;
    margin: 2px;
    border: 0;
    position: relative;
    z-index: 1002;
}

.calendar-month-change {
    width: 16px;
    height: 18px;
    font-size: 15px;
    color: #000;
    background-color: rgb(247, 247, 247);
    padding: 3px;
    margin: 5px;
    border: 0;
    position: relative;
    z-index: 1002;
}

.calendar-year {
    width: 160px;
    height: 18px;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    background-color: rgb(235, 235, 224);
    margin: 2px;
    border: 0;
    position: relative;
    z-index: 1002;
}

.calendar-year-change {
    width: 16px;
    height: 18px;
    font-weight: bold;
    font-size: 15px;
    color: #000;
    background-color: rgb(235, 235, 224);
    margin: 5px;
    border: 0;
    position: relative;
    z-index: 1002;
}

.onoffswitch:before {
    content: "TAK";
    padding-left: 10px;
    background-color: #34A7C1; color: #FFFFFF;
}
.onoffswitch:after {
    content: "NIE";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}

.changeRecommendingPersonClass {
    border: 1px solid gray;
    border-radius: 3px;
    background-color: whitesmoke;
    max-width: 36%;
    padding: 3px;
    margin-bottom: -9px;
}

.changeRecommendingPersonClass:hover {
    border: 1px solid darkblue;
    background-color: lightblue;
    color: black;
}

.divBox
{
    width: 180px;
    height: 20px;
}

.divBox:hover
{
    background-color: whitesmoke;
    color: #0f1c30;
    border: 1px solid black;
}

.divBox a
{
    width: 100%;
    height: 100%;
    display: block;
    color: black;
}

.divBoxClean
{
    width: 100%;
    height: 20px;
    font-size: 15px;
}

.divBoxClean:hover
{
}

.divBoxClean a
{
    width: 100%;
    height: 100%;
    display: block;
    color: black;
}

#searchbar {
    margin-left: 15%;
    padding:15px;
    border-radius: 10px;
}

input[type=text] {
    -webkit-transition: width 0.15s ease-in-out;
    transition: width 0.15s ease-in-out;
}

/* When the input field gets focus,
     change its width to 100% */
input[type=text]:focus {
}

#list {
    font-size:  1.5em;
    margin-left: 90px;
}

.foreigners {
    display: list-item;
}

#liveSearchForeignersTable {
    position: absolute;
    background-color: whitesmoke;
    margin-top: 9px;
    float: left;
}

.search-results-table {
    width: 100%;
    background-color: whitesmoke;
    margin-top: 9px;
    float: left;
    font-size: 15px;
}

.search-results-table td {
    padding-left: 3px;
}

.search-results-table td {
    padding-bottom: 6px;
    padding-top: 6px;
}

.sqsTable {
    width: 100%;
    max-width: 100%;
    margin-bottom: 5px;
}

.sqsTable > thead > tr > td,
.sqsTable > tbody > tr > td,
.sqsTable > tfoot > tr > td {
    padding: 3px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #0f1c30;
}

.sqsTable > thead > tr > th,
.sqsTable > tbody > tr > th,
.sqsTable > tfoot > tr > th {
    padding: 3px;
    line-height: 1.42857143;
    vertical-align: top;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 3px;
    line-height: 1.2;
    vertical-align: top;
    border-bottom: 1px solid #ddd;

}

.removeBorderTop {
    border-top: none !important;
}

.darkerTableBackground {
    background-color: #e6f5ee;
}

.activeData {
    color: #9fffc1;
}

.unactiveData {
    color: firebrick;
}

.repeal1 {
    background-color: #bbbbf9;
}

.repeal2 {
    background-color: #b1efc7;
}

.repeal3 {
    background-color: #b1efc7;
}

.repeal4 {
    background-color: #bbbbf9;
}

.textAlignLeft {
    text-align: left;
}

a.removeHover {
    color: red;
}

a.removeHover:visited {
    color: red;
}

a.removeHover:hover {
    color: black;
}

.baseTableAlignLeftCell {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 9px;
    text-align: left;
}

.smallTableNameCell {
    width: 50%;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 9px;
    text-align: left;
}

.left-menu-search {
    background-color: #0088cc; background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#0088cc));
    background-image: -webkit-linear-gradient(top, #000000, #0088cc);
    background-image: -moz-linear-gradient(top, #000000, #0088cc);
    background-image: -ms-linear-gradient(top, #000000, #0088cc);
    background-image: -o-linear-gradient(top, #000000, #0088cc);
    background-image: linear-gradient(to bottom, #000000, #0088cc);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#000000, endColorstr=#0088cc);
    border: 1px solid rgb(238, 238, 238);
    border-radius: 8px 8px 0 0;
    max-width: 18%;
    padding: 18px;
    color: white;
    height: 81vh;
}

.main-menu-search {
    margin-left: 1%;
    min-width: 81%;
    border: 1px solid rgb(238, 238, 238);
}

.top-menu-search {
    background-color: #0088cc; background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#0088cc));
    background-image: -webkit-linear-gradient(top, #000000, #0088cc);
    background-image: -moz-linear-gradient(top, #000000, #0088cc);
    background-image: -ms-linear-gradient(top, #000000, #0088cc);
    background-image: -o-linear-gradient(top, #000000, #0088cc);
    background-image: linear-gradient(to bottom, #000000, #0088cc);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#000000, endColorstr=#0088cc);
    border: 1px solid rgb(238, 238, 238);
    border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    min-height: 81px;
    padding: 3px;
    color: white;
}

.bg-blue-text-white {
    font-weight: bold;
    background-color: lightgrey;
    text-align: left;
}

.foreigner-table-data td {
    color: white;
    background-color: #6b8d9e;
    text-align: left;
}

.foreigner-table-last {
    padding-bottom: 12px;
    border-bottom: 3px solid dimgrey;
}

.foreigner-table-comments td {
    border-bottom: 1px solid lightgrey;
}

.text-bold {
    font-weight: bold;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.search-navigation {
    color:whitesmoke;
    font-size: 18px;
}

.display-inline-flex {
    display: inline-flex;
}

.width-100-pct {
    width: 100%;
}

.width-90-pct {
    width: 90%;
}

.width-50-pct {
    width: 50%;
}

.width-33-pct {
    width: 33%;
}

.width-28-pct {
    width: 28%;
}

.width-10-pct {
    width: 10%;
}

.margin-left-3-pct {
    margin-left: 3%;
}

.margin-right-3-pct {
    margin-right: 3%;
}

.display-as-button {
    background-color: #0C611A;
    border-radius: 6px;
    padding: 6px 9px;
    margin-right: 6px;
    margin-left: 6px;
}

.display-as-button a {
    color: whitesmoke;
}

.display-as-button-darker {
    background-color: #0c3f00;
    border-radius: 6px;
    padding: 6px 9px;
    margin-right: 6px;
    margin-left: 6px;
}

.display-as-button-darker a {
    color: #5bc0de;
}

.priority-down:hover, .priority-up:hover {
    background-color: lightblue;
    border-radius: 3px;
}

.form-group {
    margin-bottom: 9px !important;
}

.pad-top3 {
    padding-top: 3px !important;
}

.pad-top6 {
    padding-top: 6px !important;
}

.pad-top9 {
    padding-top: 9px !important;
}

.pad-top12 {
    padding-top: 12px !important;
}

.pad-top18 {
    padding-top: 18px !important;
}

.border-bottom-grey-2 {
    border-bottom: 2px solid darkgray !important;
}

.border-bottom-grey-3 {
    border-bottom: 3px solid darkgray !important;
}

.border-right-grey-1 {
    border-right: 1px solid darkgray !important;
}

.hidden-tip {
    color: #0c3f00;
    background-color: lightgrey;
    display: none;
    position: fixed;
    width: 63vw;
    min-height: 36px;
    right: 18vw;
    border: 1px solid black;
}

.table-td-left-padding-6 {
    padding-left: 6px !important;
}

.table-td-left-padding-9 {
    padding-left: 9px !important;
}

.f-size-18 {
    font-size: 18px;
}

.f-size-27 {
    font-size: 27px;
}

.f-size-36 {
    font-size: 36px;
}

.textButton {
    border: unset;
    background-color: unset;
}

.fcDarkGreen {
    color: #0c3f00;
}

.fcDarkRed {
    color: darkred;
}

.fsLarge {
    font-size: large;
}

.margin-top6 {
    margin-top: 6px;
}

.drop4down {
    left: 8vw;
    top: 40vh;
    position: absolute;
    display: inline-block;
}

@media screen and (min-width: 999px) {
    .drop4down {
        top: 21vh;
        left: 1vw;
    }
}

@media screen and (min-width: 1400px) {
    .drop4down {
        top: 21vh;
        left: 3vw;
    }
}

@media screen and (min-width: 1500px) {
    .drop4down {
        left: 6vw;
    }
}

@media screen and (min-width: 1600px) {
    .drop4down {
        left: 8vw;
    }
}

@media screen and (min-width: 1700px) {
    .drop4down {
        left: 10vw;
    }
}

@media screen and (min-width: 1700px) {
    .drop4down {
        left: 12vw;
    }
}

.form-control {
    display: flex;
    align-items: center;
    gap: 4px;
}

.form-control input[type="text"] {
    width: 60px;
    text-align: center;
    height: 22px;
    padding: 0px;
    font-size: 13px;
}

.form-control {
    font-weight: bold;
    font-size: 18px;
    height: 36px !important;
}

label.form-control {
    font-weight: normal !important;
    text-transform: none !important;
    color: inherit !important;
    background: none !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: auto !important;
    font-size: 12px !important;
}