@viewport{
	zoom:1.0;
	width:extend-to-zoom;
	}
@-ms-viewport{
	width:extend-to-zoom;
	zoom:1.0;
	}	

@media screen {
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html,body {margin:0px;padding:0px;height:100%;}
body {color:navy;background-color:#FEFEFE;font-family:Arial,Helvetica,Verdana;font-size:14px;}

p,ul,ol{color:#888888;background-color:transparent;padding:0px 5px; vertical-align:top;}
p{text-align:justify}
ul,ol {padding-left:10px}
ul li, ol li {list-style-type: unset; margin-left:10px; padding-top: 10px;}
label {display:block;width:100%}
h1 {color:#0000BE}
h3 {color:RoyalBlue;}
hr{line-height:5px; border:0;border-top:1px solid #a6d4fa;}

a {text-decoration:none;color:#9F6F03}a:hover {color:#0000BE;}a img {border:none;outline:none;margin:auto auto;}

/*############################### I N P U T S ##########################################*/

input[type="checkbox"]{zoom:2;vertical-align:middle;margin-left:0px;border-color:#00447C}
input[type="radio"]{zoom:1.5;vertical-align:middle;margin-left:0px}
input,select,textarea,.f-input{color:#888888;background-color:transparent;font-size:14px;border:0px solid #a6d4fa;border-bottom-width:1px;padding:8px}
.f-input{width:100%;}

select:focus{overflow:hidden}

input.text1[disabled], input.text1[readonly],
textarea.text1[disabled], textarea.text1[readonly],
select.text1:disabled  {color:#696969;background-color:transparent;border:1px dotted #B1D6F0; font-style:italic}

/*############################### B U T T O N S ##########################################*/

.f-button,button,button[type=submit],input[type=submit],input[type=button]{display:block;width:33%;color:white;background-color:#0b78d1;font-size:16px;border:none;border-radius:4px;padding:8px 20px 8px 20px;margin:auto;margin-top:20px;margin-bottom:20px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);cursor:pointer}
.f-button {min-width:40%;}
@media only screen and (min-width: 621px) and (max-width: 900px) {.f-button,button,button[type=submit],input[type=submit],input[type=button]{width:50%}}}
@media only screen and (max-width: 620px) {.f-button,button,button[type=submit],input[type=submit],input[type=button]{width:70%}}

a,.f-button-menu{color:RoyalBlue;background-color:transparent;font-size:14px;border:none;border-bottom:1px solid #a6d4fa;border-right:0px solid #2196f3;border-radius:0px;width:100%;font-weight:500;margin:auto;margin-top:0px;margin-bottom:0px;padding:5px;padding-bottom:5px;box-shadow:none;text-transform:uppercase;}
.help{font-size:14px;font-weight:400;text-align:left;padding:10px}

/*############################### FOCUS & HOVER ##########################################*/

button:focus,button[type=submit]:focus,input[type=submit]:focus,input[type=button]:focus{outline: none !important;}
button:hover,button[type=submit]:hover,input[type=submit]:hover,input[type=button]:hover{background-color:#0A70C3}

a,.f-button-menu:focus,input[type="text"]:focus,input[type="password"]:focus,select:focus,textarea:focus{outline: none !important;background-color:transparent;border:1px solid #00447C;border-radius:5px; color:#005CA6;}

.f-button-menu:hover,.help:focus,.help:hover{background-color:transparent}

/*############################ TABLES AND TABLE ELEMENTS ################################*/

table {background-color:transparent;padding:0px;margin:0px;border:0px solid #ffffff;border-collapse:separate; border-spacing:0px;width:100%;}
table.Container{background-color:transparent;vertical-align:top;margin:0px; position:absolute; top:0px; left:0px; border-collapse:collapse}
.Listing {table-layout:fixed;width:100%}

.Head1{box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.0), 0 6px 10px 0 rgba(0, 0, 0, 0.05);font-size:18px;font-weight:500;text-align:left;background-color:transparent}
.Head1 th{color:#005CA6;font-weight:500;padding:5px 3px 5px 3px;text-align:left;vertical-align:middle;border-bottom:0px solid #e1e1e1;}
.Head1 td{padding:5px 3px 5px 3px;vertical-align:middle;border-bottom:0px solid #e1e1e1}

.Head2 {font-size:16px;text-align:left;text-transform:uppercase;background-color:transparent;}
.Head2 th {width:100%;font-weight:600;padding-left:10px;padding-right:0px;margin:10px 0px 10px 0px;border-radius:0px;background-color:#f4f4f4/*FFD84B*/;border-bottom:0px solid #2196f3;color:#005CA6/*#8093FF #9F6F03*/}
.Head2 td {text-transform:none;text-align:left;color:#FFC800;border-bottom:5px solid #FFC800;border-radius:0px;vertical-align:middle;cursor:pointer}
.Head2 th:hover{cursor:pointer}

.Head3 {font-size:12px;text-transform:uppercase;/*#373737*/}
.Head3 th {color: white;font-weight: normal;text-align: center;vertical-align:top;border:1px}
.Head3 td {color:#FFC800;/*#03DAC6;*/font-weight:normal; font-style: normal;vertical-align:top;text-align:left; border:1px solid #7b8794;padding:5px 2px 5px 15px;border-radius:50px;}

.Body1 {color: #000000;background-color:transparent;}
.Body2 {color: #000000;background-color:transparent;}
.Body2 td {vertical-align:middle}

td {padding:0px;vertical-align:top} 
td.Container{height:100%;padding:10px 0px 10px 0px;}

.label{display:block;width:100%;text-align:left;vertical-align:middle;word-wrap:break-word; border:0pt solid yellow;margin:8px 0px 5px 5px;}
.value{display:block;color:#005CA6; width:100%;font-size:14px;border-bottom:0px solid #eee;text-align:left;vertical-align:middle;word-wrap:break-word;margin-left:0px;margin-bottom:0px}
.l-fix{display:table-cell;width:40%;text-align:right;padding:5px;word-wrap:break-word;}
.v-fix{display:table-cell;width:60%;text-align:left;padding:5px;word-wrap:break-word;}

/*##################################### SLIDER ###########################################*/

.slider {-webkit-appearance:none;margin-top:15px;margin-bottom:15px;width:96%;height:6px;border-radius:25px;background:#FBF1AE;outline:none;opacity:0.7;-webkit-transition:.2s;transition:opacity .2s;}
.slider::-webkit-slider-thumb {-webkit-appearance:none;appearance:none;width:30px;height:30px;border-radius:50%;background:#4CAF50;cursor:pointer;}
.slider::-moz-range-thumb {width:25px;height:25px;border-radius:50%;background:#4CAF50;cursor:pointer;}

/*##################################### ANIMATIONS #######################################*/

.w3-animate-opacity{animation:opac 0.7s}@keyframes opac{from{opacity:0.8} to{opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.4s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}

/*##################################### DIALOG_BOX #######################################*/

.dialogoverlay{display:none;opacity:.3;position:fixed;top:0px;left:0px;background:#FEFEFE;width:100%;height:100%;z-index:10}
.dialogbox, #alertDiv{display:none;position:fixed;top:25%;left:33%;background:#B5DCFB;border-radius:0px;width:33%;z-index:10;padding:5px;padding-top:0px}
@media only screen and (min-width: 621px) and (max-width: 900px) {.dialogbox{left:25%;width:50%}}
@media only screen and (max-width: 620px) {.dialogbox{left:5%;width:90%}}
#dialogbox > div{ background:#d2eafd; margin:0px 0px 0px 0px; }
#dialogbox > div > #dialogboxhead{ background: #B5DCFB; color:#085BA0; font-size:16px; padding:5px;margin:auto;}
#dialogbox > div > #dialogboxbody{ background: #fff; padding:10px; color:#000; }
#dialogbox > div > #dialogboxfoot{ background: #fff; padding:5px; text-align:center; }

/*##################################### LOADER ###########################################*/

.loader { 
	display:none;
  z-index: 12;
  left:0;
  right:0;
  margin-left:auto;	 
  margin-right:auto;
  position:fixed; 
  border: 8px solid #f3f3f3;/*16px solid #f3f3f3;*/
  border-radius: 50%;
  border-top: 8px solid #3498db; /*16px solid #3498db;*/
  width: 60px;/*120px*/
  height: 60px;/*120px*/
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*##################################### DIALOG_BOX #######################################*/

#sort_by{text-align:left;background-color:#F6FAFF;position:absolute;right:0px;top:0px;width:200px;padding:20px;overflow:visible;}

.clipped {white-space: nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;}

.divHint {display:none;left:0px;max-height:330px;margin-top:20px;margin-bottom:20px;border-top:0px solid #719ECE;background-color:transparent;}
.hint {padding:5px;padding-left:5px;padding-right:0px;border-bottom:1px solid lightgray; font-style:italic; font-size:14px;
   background-color:#F6FAFF;
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */}
/*
########################################################################################

################################### COMMON CLASSES #####################################
*/
/*----------------------------------- CONTAINERS -------------------------------------*/
.f-container,.f-panel{padding:0.01em 16px}.f-panel{margin-top:16px;margin-bottom:16px}
.f-container:after,.f-container:before,.f-panel:after,.f-panel:before,.f-row:after,.f-row:before,.f-row-padding:after,.f-row-padding:before,
.f-cell-row:before,.f-cell-row:after,.f-clear:after,.f-clear:before,.f-bar:before,.f-bar:after{content:"";display:table;clear:both}
.f-bar{width:100%;overflow:hidden}.f-center .f-bar{display:inline-block;width:auto}
.f-bar .f-bar-item{float:left;width:auto;border:none;display:block;outline:0}
/*---------------------------------- NOTES AND ICONS ----------------------------------*/
.note {background-color: #FFEBA2; border-left: 20px solid #FFC800;padding:10px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.job {color:#005CA6;background-color: #a6d4fa; border-color:#2196f3; font-size:18px; font-weight:600;text-transform:uppercase}
.info {text-align:left; background-color:transparent;color:#005CA6;border-left:20px solid #005CA6;border-bottom:1px solid #005CA6;padding:10px}

.f-dropped{text-align:left;background-color:transparent;color:#005CA6;border-left:20px solid #a6d4fa;border-right:20px solid #a6d4fa;border-bottom:1px solid #a6d4fa;border-top:1px solid #a6d4fa;padding:10px}

.f-info-alert{text-align:left;background-color:transparent;color:#ff4444;border-left:20px solid #ff4444;border-bottom:1px solid #ff4444;padding:10px;}
.f-info-warn{text-align:left;background-color:transparent;color:#F4A460;border-left:20px solid #F4A460;border-bottom:1px solid #F4A460;padding:10px;}

.app{ min-height:60px;color:#005CA6;background-color:transparent;font-size:14px;padding-top:5px;padding-bottom:5px;border:none;margin-bottom:10px}
.f-card{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2)}
.f-badge-num {display:inline-block;width:3.4em;line-height:3.4em;border-radius:1.7em;-moz-border-radius:1.7em;-webkit-border-radius:1.7em;margin-right:0px;font-weight:normal;text-align:center;background-color:cyan;color:#212121;}

.f-badge-char {display:inline-block;background-color:#03A9F4;color:#fff;padding:2px;margin-right:2px;font-size:14px;width:1em;text-align:center}

.f-badge {display:inline-block;width:2em;line-height:2em;border-radius:1em;-moz-border-radius:1em;-webkit-border-radius:1em;margin-right:0px;font-weight:normal;text-align:center;}
.f-badge-text {background:#03A9F4;color:#fff;padding: 5px 4px;border-radius:50%;font-size:30px;font-family:Consolas,'Lucida Console','DejaVu Sans Mono',monospace;}
.f-badge-font {width:45px;height:45px;border-radius:50%;vertical-align:middle;margin:auto}
.f-tag {color:white;background-color:#03A9F4;display:block; box-shadow:none;padding:8px 16px;text-align:left;font-size:16px;font-weight:500;text-transform:uppercase}

.f-tag-captcha{background-color:inherit/*darkcyan*/;color:gold;width:fit-content;width:-moz-fit-content;border:none}
.f-img-captcha{vertical-align:bottom;opacity:1}
/*----------------------------------- FONT AWESOME --------------------------------------*/
.fa,.fas,.far,.fab {font-size:24px;vertical-align:middle;padding-left:0px;color:#0b78d1;}
.f-circle-fa {margin:0px;margin-top:10px;padding:0px;color:#fff;opacity:1; }
/*----------------------------------- POSITIONS ---------------------------------------*/
.f-left{float:left!important}.f-right{float:right!important}
.f-top,.f-bottom{position:fixed;width:100%;z-index:1}.f-top{top:0}.f-bottom{bottom:0}
.f-hide{display:none!important}.f-show-block,.f-show{display:block!important}.f-show-inline-block{display:inline-block!important}.f-inline{display:inline!important}
.f-top-margin-small{margin-top:5px;}.f-top-margin-medium{margin-top:20px;}.f-top-margin-big{margin-top:40px;}
.f-margin-top-bottom{margin-top:10px;margin-bottom:10px;}.f-margin-no{margin:0}
.f-margin-small{margin-bottom:5px;margin-top:5px;margin-right:10px}.f-right-margin{margin-right:20px}.f-left-margin{margin-left:20px}.f-margin-auto{margin:auto}
.f-padding{padding:8px 16px!important}.f-no-padding {padding-left:0px;padding-right:0px;}
.f-padding-right-left {padding-left:5px;padding-right:15px}.f-padding-left-right {padding-left:15px;padding-right:5px}
.f-padding-right{padding-left:0px;padding-right:10px}.f-padding-right-1{padding-left:0px;padding-right:25px}.f-padding-right-big{padding-left:0px;padding-right:50px}.f-padding-left{padding-left:10px;padding-right:0px}.f-padding-small{padding:0 5px 0 5px}.
.f-left-align{text-align:left!important}.f-right-align{text-align:right!important}.f-justify{text-align:justify!important}.f-center{text-align:center!important}
.f-align{vertical-align:inherit}
/*------------------------------------- SIZES ------------------------------------------*/
.f-tiny{font-size:10px!important}.f-small{font-size:12px!important}.f-normal{font-size:15px!important}.f-medium{font-size:18px!important}
.f-large{font-size:22px!important}.f-xlarge{font-size:24px!important}.f-xxlarge{font-size:32px!important}.f-big{font-size:32px!important}
.f-regular{ font-weight:normal}.f-bold{ font-weight:bold}

.f-width-min{width:25%}.f-width-full {width:100%}.f-width-wide {width:96%}.f-width-narrow {width:73%}.f-width-20{width:20%}
.f-min-width{min-width:20%} .f-max-width{max-width:20%}.f-width-auto{width:auto!important}
/*------------------------------------- COLORS -----------------------------------------*/
.f-black,.f-hover-black:hover{color:#fff!important;background-color:#000!important}
.f-color{color:#085BA0}
.f-xxlight{color:#ffffff}.f-xlight{color:#E3F2FD}.f-light{color:#d2eafd}.f-theme{color:#03A9F4}.f-dark{color:#085BA0}.f-xdark{color:#074b83}.f-xxdark{color:#212121}.f-gold{color:#FFCC00!important}
.f-warn{color:red}.f-alert{background-color:red;color:white}.f-more{color:white;background-color:#03A9F4;}
.f-color-ok {background-color:green;color:white}.f-color-nok {background-color:red;color:white}
.f-active{text-decoration:none}.f-not-active{text-decoration:line-through} 
/*----------------------------------- BORDERS --------------------------------------*/
.f-border-thin{border:1px solid #085BA0}.f-border-thick{border:5px solid #085BA0;}.f-border-none{border:none}
.f-border-bottom-thin{border:none;border-bottom:1px solid #a6d4fa;}
.f-border-bottom-thick{border:none;border-bottom:3px solid #a6d4fa;margin-bottom:5px}
.f-border-left-thick{border:none;border-left:10px solid #a6d4fa;}
.f-border-round{border-radius:50%}
.f-border-color{border-color:#f4f4f4;}
/*-------------------------------------- LIST -----------------------------------------*/
.f-list-row{font-size:14px;color:#6a6a6a;border-bottom:1px solid #a6d4fa;padding-top:5px;padding-bottom:5px;}
.f-list-row th {background-color:#f4f4f4;border:none;padding-top:10px;padding-bottom:10px;padding-right:15px;height:50px}
/*.f-list-row th {border-bottom:1px solid #eaeaea;padding-top:10px;padding-bottom:10px;padding-right:15px;height:50px}*/
.f-list-row td{font-size:14px;color:#6a6a6a;border-bottom:1px solid #a6d4fa;padding-top:5px;padding-bottom:5px;height:70px}
.f-list-col-1{text-align:center;vertical-align:middle;width:17%;padding:25px 0px;float:left;overflow:visible}
.f-list-col-2{text-align:left;overflow:hidden;padding-left:5px;padding-right:0px;width:63%;float:left}
.f-list-col-3{text-align:right;width:18%;padding-left:0px;padding-right:7px;float:right; overflow:visible}
.f-list{color:#005CA6;font-size:20px;padding-left:3px;vertical-align:top}
.f-list-alert{color:#FD0625}

.f-list-col-2-firstline{color:#005CA6;font-weight:500}
/*------------------------------------ OTHER ---------------------------------------*/
.f-label{color:RoyalBlue;font-weight:500;font-size:14px;text-align:left;}
.f-label-detail{color:#005CA6;font-weight:500;text-transform:uppercase;padding-bottom:5px}

.f-detail{word-break:break-all;color:#888888;background-color:#f5f5f5;border-radius:4px;padding:5px;margin-bottom:5px}

.f-checkbox-list {margin-right:2px;margin-top:10px;display:inline-block;white-space:break-spaces; word-wrap:break-word;overflow:visible; font-size:11px; text-align:center; color:#005CA6; vertical-align:top}
.cell-1{width:90%;display:table-cell;text-align:left;padding:5px}
.cell-3{width:9%;display:table-cell;text-align:right;padding:5px}
.footer{text-align:center;vertical-align:middle;font-size:x-small;color:#393B3A;}
::-webkit-input-placeholder { /* Edge */ color:lightgray; font-size:12px; font-style:oblique}
:-ms-input-placeholder { /* Internet Explorer 10-11 */color:#FFC800;font-size:12px; font-style:oblique}
::placeholder {color:#A1A1A1;font-size:12px; font-style:oblique}
.d33 {width:32%;font-size:14px;color:#6a6a6a;float:left;padding:10px 0px;margin:10px 5px 5px 5px;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);cursor:pointer;border-bottom-color:#a6d4fa;border-bottom-style:solid;border-bottom-width:0px}


@media only screen and (min-width: 621px) and (max-width: 900px) {.d33{width:48%;}}
@media only screen and (max-width: 620px) {.d33{width:96%; box-shadow:none;border-bottom-width:1px;margin:0px 5px 0px 5px}}

@keyframes up-right {
    0% {<!--from w w w .  j  a va 2  s. c  o m-->
        transform: scale(1);
        opacity: .25
    }
    50% {
        transform: scale (1, 5);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: .25;
    }
}
/*
#############################################################################################################
##		 BUTTON ACCORDITION
#############################################################################################################
*/
button.accordion {
		margin-top:1px;
		margin-bottom:0px;
    box-shadow:none;
		color:#005CA6;
    cursor: pointer;
		width: 96%;
		background-color: transparent;/*#a6d4fa; */
    border: 1px solid #a6d4fa;
		/*border-bottom: 0px solid #a6d4fa;*/
    text-align: left;
    outline: none;
    transition: 0.4s;
		border-radius:4px;
}

button.accordion.active{background-color: #03A9F4;color:#fff}
button.accordion:hover {background-color: #03A9F4;color:#fff}

button.accordion:after {
		font-family: "Font Awesome 5 Free";
		font-size:30px;
		color:#0b78d1;
		content:"\f0d7";
    font-weight: 900;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
		font-family: "Font Awesome 5 Free";	
		font-size:30px;
		color:#fff;
    content:"\f0d8";
}

div.panel {
    padding: 0 0px;
    background-color:transparent;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

/*
#############################################################################################################
##			STICKY BUTTON
#############################################################################################################
*/
.f-sticky{
  display: block;
  position: fixed;
	width:auto;
  bottom: 60px;
  right: 10px;
  z-index: 99;
  font-size: 14px;
  border: none;
  outline: none;
  color: white;
  cursor: pointer;
	padding:0px;
	background-color:transparent;
  border-radius: 4px;
}
.f-sticky-button {background-color:#FF0000;width:60px;height:60px;opacity:1;margin:0px;margin-bottom:10px;padding-left:0px;padding-right:0px}
.f-sticky-button:hover {background-color: #555;}
/*
#############################################################################################################
##			CUSTOM CHECKBOX 
#############################################################################################################
*/
.container-1 {
  display: block;
	width:100%;
  position: relative;
	margin:auto;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.container-1 input {position: absolute;opacity:0;cursor:pointer;height:0;width:0;}

.checkmark {position:absolute;top:0;left:0;display:block;height:25px;width:25px;background-color:#eee;}

.container-1:hover input ~ .checkmark {background-color: #ccc;}

.container-1 input:checked ~ .checkmark {background-color: #2196F3;}

.container-1 input:disabled ~ .checkmark {background-color: #ccc;}

.checkmark:after {content:"";position:absolute;display: none;}

.container-1 input:checked ~ .checkmark:after {display: block;}

.container-1 .checkmark:after {
  left: 7px;
  top: 2px;
  width: 10px;
  height: 16px; 
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg); 
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*
#############################################################################################################
##			TOOLTIP
#############################################################################################################
*/
.tooltip {
  position: relative;
  display: inline-block;
	width:100%;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tooltip .tooltiptext-toparrow {
    visibility: hidden;		
    width: 100%;
    background-color: #a6d4fa;
    color: navy;
    text-align: left;
    border-radius: 6px;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
    top: 130%;
    left: 0;
}
.tooltip .tooltiptext-toparrow::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #a6d4fa transparent;
}
.tooltip:hover .tooltiptext-toparrow {
    visibility: visible;
}

.sidenav {
  height: 100%; 
  width: 0; 
  position: fixed; 
  top: 0; 
  right: 0;
  background-color: #FEFEFE;
	color:navy;
	z-index:100;
  overflow-x: hidden;
  padding-top: 60px; 
  text-align:center;
  transition: 0.5s; 
}

.f-table-menu-item {border-bottom:1px solid #a6d4fa;padding-left:5px;}
.f-td-menu{height:60px;width:8%;color:RoyalBlue;background-color:transparent;font-size:14px; text-transform:uppercase;border:0px;padding:5px 2px;text-align:left;vertical-align:middle;}

.snapshot {opacity:0.8; background:#fff}
/*
.snapshot {background:#fff;animation:opac 1s}@keyframes opac{from{opacity:1} to{opacity:0.5}}
*/

.f-img-container {
  position: relative;
  text-align: left;
  color: white;
	text-shadow: 2px 2px 2px #003C6E;
	background-color:#212121;
}
.f-bottom-left {
  position: absolute;
  bottom: 8px;
  left: 8px;
 	font-size:12px;
	color:#fff;
 	width:80%;
}

.f-top-left {
  position: absolute;
  top: 8px;
  left: 8px;
	font-size:12px;
	width:75%;
}

.f-top-right {
  position: absolute;
  top: 8px;
  right: 8px;
	font-size:12px;
	color:#d2eafd;  
	background-color:#005CA6;
	padding:5px;
	text-shadow:none;
}

.f-bottom-right {
  position: absolute;
  bottom: 8px;
  right: 8px;
	font-size:12px;
}

.f-centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.f-center-left {
  position: absolute;
  top: 25%;
  left: 8px;
	width:95%;
	font-weight:500;
	font-size:30px;
	color:#E3F2FD;
}
.f-center-right {
  position: absolute;
  top: 20%;
  right: 8px;
}
@media only screen and (min-width: 621px) and (max-width: 900px) {.f-center-left{ font-size:26px}}
@media only screen and (max-width: 620px) {.f-center-left{ font-size:20px}}

.f-banner{width:100%;height:300px;max-height:300px;object-fit:cover; object-position:center}
@media only screen and (min-width: 621px) and (max-width: 900px) {.f-banner{object-fit:cover}}
@media only screen and (max-width: 620px) {.f-banner{object-fit:cover}}

.f-img-card{width:100%;max-height:300px;}
.f-shadow{text-shadow: 2px 2px 2px #003C6E;}


.f-third,.f-twothird{float:left;width:100%}
.f-third{width:33.33333%}.f-twothird{width:66.66666%}

@media only screen and (min-width: 621px) and (max-width: 900px) {.f-third{width:40%}.f-twothird{width:60%}}
@media only screen and (max-width: 620px) {.f-third{float:left;width:100%;}.f-twothird{float:left;width:100%; }}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.f-footer {
  position: fixed;
  left: 0;
  bottom: 50px;
  width: 100%;
  color: white;
  text-align: center;
	display:table;
}
.f-cell{display:table-cell;width:33.333%;padding:10px}

.f-margin-bottom{margin-bottom:0px}

.site-stopped{background-color:black}
.f-disabled{opacity:0.5}

.noFlash {
/* Remove onclick Background Color Change */
/* REFERENCE: https://bit.ly/2Yc95wR */
	-webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.noFlash:focus {
/* Remove onclick Border Color Change */
/* REFERENCE: https://bit.ly/2KFgNG7 */
	outline: none;
  background-color: white!important;
}

}