@import url('https://fonts.googleapis.com/css?family=Montserrat|Open+Sans');

body, td, div{ font-size:16px; line-height: 140%; text-align:left; }

/* Div */
#divMain{ border-top: 5px solid #00B0F5;}
#divStatus{ position: fixed; display:none; bottom:0px; background: #666666; opacity: 0.9; width:100%; text-align:center; font-size:120%; padding:10px 0px; color: #ffffff; z-index: 999999 }
#divContent{ clear:both; overflow:auto; position: relative; padding:20px 10px 50px 10px;  text-align:left; min-height:100vh; max-width:500px; margin-left:auto; margin-right:auto;  }
#divTitle{ clear:both; overflow:hidden; text-align:center; font-size:24px; font-weight:bold; padding:30px 10px 10px 10px; margin-bottom:0px; }
#divDescp{ clear:both; overflow:hidden; text-align:center; font-size:14px; font-weight:normal; margin:0px 20px 20px 20px !important; }
#divMenu{  }
#divPrint{ text-align:center; }
#divTop{ max-width: 500px; margin-left: auto; margin-right: auto; padding:0px 20px; }

.footer{ padding:20px 0px; border-top:0px solid #b2b2b2; background: #efefef; }

.blocksearch{ margin-bottom:20px; text-align:center; }
.block2{ display:inline-block; vertical-align:top; width:48% !important; min-width:450px; margin: 0px 5px 20px 5px !important; overflow:hidden;  }


.faq{ font-size:12px; background: #efefef; padding:10px; display:none; }
.screenshot{ height:200px; }
.term li{ font-size:14px; margin-bottom:10px; line-height:130%;}
.figure{ text-align:center; font-size:20px; font-weight:bold; }
.figure2{ text-align:center; font-size:16px; font-weight:normal; }


/* Menu */
.topmobile{ top:0px; width:100%; height: 50px; padding-top:6px; position:fixed; background: #ffffff; z-index: 99; display:table; font-size: 24px; border-bottom: 5px solid #00B0F5; }
.topmobile i{ font-size: 24px; padding:12px 10px; color: #303030; }


.menu{ width:100%;  max-width:500px; margin-left: auto; margin-right:auto;  }
.menu td{ text-align:center; font-weight:bold; }


/* Link */
a:link { color: #00B0F5; }
a:hover { color: #00B0F5; }
a:active { color: #00B0F5; }
a:visited { color: #00B0F5; }

/* Color */
.darkgrey { color: #333333 !important; }
.blue { color: #00B0F5 !important; }
.lightgrey{ color: #aeaeae !important; }
.white{ color: #ffffff !important; }

.bgdarkgrey { background: #333333 !important; }
.bgblue { background: #00B0F5 !important; }
.bggrey{ background: #aeaeae !important; }
.bglightgrey{ background: #efefef !important; }
.bgwhite{ background: #ffffff !important; }


/* Alignment */
.left{ text-align: left !important; }
.center{ text-align: center !important; }
.right{ text-align: right !important; }
.p5{ padding: 5px; }
.p10{ padding: 10px; }
.p15{ padding: 15px; }
.p20{ padding: 20px; }
.pt5{ padding-top: 5px; }
.pt10{ padding-top: 10px; }
.pt15{ padding-top: 15px; }
.pt20{ padding-top: 20px; }
.pr5{ padding-right: 5px; }
.pr10{ padding-right: 10px; }
.pr15{ padding-right: 15px; }
.pr20{ padding-right: 20px; }
.pl5{ padding-left: 5px; }
.pl10{ padding-left: 10px; }
.pl15{ padding-left: 15px; }
.pl20{ padding-left: 20px; }


/* Border */
.borderblack{ border:1px solid #000000; }
.borderred{ border:1px solid #ff0000; }


/* Form */


.form{ width:0%; margin-left:auto; margin-right:auto; }
.form td{ padding:5px; }
.form td:first-of-type {  min-width: 120px !important; text-align:left; }

.form-wide{ width:100%; }
.form-wide td{ padding:7px; }

.form2{ width:100%; margin:0px 0px; }
.form2 td{ padding:0px; }


.btn{ background-color: #ffffff; font-family: Montserrat !important; font-weight:bold !important; font-size:16px !important; font-weight: 1000 !important; line-height: 24px;  color: #00B0F5; padding:10px 20px !important; border:2px solid #00B0F5 !important; border-radius: 0px !important; margin:5px 0px; }
.btn-default{ background-color: #00B0F5 !important; color: #ffffff !important; font-weight:bold; }
.btn-disable{ background-color: #F6F6F6 !important; color: #e2e2e2 !important; font-weight:bold; border: 2px solid #EBEBEB !important;}
.btn-align{ text-align:center  !important; padding: 20px 0px !important; }
.btn-none{ -webkit-appearance: none; border:0px; background: inherit; outline: none; }

.btn-search{ font-size:16px !important; padding:10px 20px !important; border:1px solid #b2b2b2 !important; margin:0px 0px 5px 0px !important; height:50px; border-radius: 2px !important; }
.btn-narrow{ font-size:16px !important; padding:10px 15px !important; border:1px solid #b2b2b2 !important; margin:0px 0px !important; border-radius: 5px; }
.btn-max{ font-size:16px !important; padding:10px 20px !important; border:1px solid #b2b2b2 !important; margin:5px 0px; width:350px; height:50px; }
.btn-active{ background: #f1c50e !important; color: #ffffff !important; }


input[type=text]{ -webkit-appearance: none; box-sizing: border-box; border:1px solid #AEAEAE; padding:10px 15px; font-size: 16px; width:250px; height:50px; border-radius:2px;  margin:5px 0px; color: #50514F; font-family: "Open Sans"; line-height: 22px;	}
input[type=password]{ -webkit-appearance: none; box-sizing: border-box; border:1px solid #AEAEAE; padding:10px 15px; font-size: 16px; width:250px; height:50px; border-radius:2px;  margin:5px 0px; color: #50514F; font-family: "Open Sans"; line-height: 22px;	}
input[type=number]{ -webkit-appearance: none; box-sizing: border-box; border:1px solid #AEAEAE; padding:10px 15px; font-size: 16px; width:250px; height:50px; border-radius:2px;  margin:5px 0px; color: #50514F; font-family: "Open Sans"; line-height: 22px;	}

.txtfield2 { -webkit-appearance: none; box-sizing: border-box; border:1px solid #AEAEAE; padding:10px 15px; font-size: 16px; width:200px !important; height:50px; border-radius:2px;  margin:5px 0px; color: #50514F; font-family: "Open Sans"; line-height: 22px;	}


textarea{ -webkit-appearance: none; box-sizing: border-box; border:1px solid #AEAEAE; padding:10px 15px; font-size: 16px; width:250px; height:100px; border-radius:2px;  margin:5px 0px;  color: #50514F; font-family: "Open Sans"; line-height: 22px; }
select{ -webkit-appearance: none; box-sizing: border-box; border:1px solid #AEAEAE; background: #ffffff; padding:15px 15px; font-size: 16px; width:250px; height:50px; border-radius:2px !important;  margin:5px 0px; color: #50514F; font-family: "Open Sans"; line-height: 22px;		
	background: url(images/arrowdown.svg) no-repeat 26px 26px; 
	background-position: calc(100% - 1.0em) 
}

.checklist{ list-style: none; margin-left:-40px; }
.checklist li{  margin-bottom: 2px;  }


.selsearch{ width:fit-content !important; background: #ffffff !important; margin-bottom:3px; }

.seldropdown{ -webkit-appearance: none; box-sizing: border-box; border:1px solid #AEAEAE; background-color: #ffffff !important; padding:5px 15px !important; font-size: 16px; max-width:100px; width: 100px !important; height:50px; border-radius:2px !important;  margin:0px 0px; color: #50514F; font-family: "Open Sans"; line-height: 22px;		
	background: url(images/arrowdown.svg) no-repeat 26px 26px; 
	background-position: calc(100% - 0.5em) 
}

.txtsearch{ width:150px !important; padding-right:45px !important;	background:url(images/search2.svg) no-repeat !important; background-position: calc(100% - 1.0em) !important; background-size: 24px 24px !important;  }
.txtunit{ width:50px !important; }
.txtprice{ width: 100px !important; text-align:right !important; }
.txtdate{ width: 120px !important; text-align:left !important; }
.txtlink{ height:50px; text-align:center }


.dashboard { width: 100%; background: #f6f6f6; }
.dashboard td{ text-align: center; width: 25%; padding:10px; border:1px solid #e2e2e2; }

/* New Grid */

.gridTable{ width: 100%; }
.gridTable th{ font-size:14px; background: #f6f6f6; border-bottom:1px solid #e2e2e2; padding: 15px 10px; }
.gridTable th.nopad{ font-size:14px; background: #f6f6f6; border-bottom:1px solid #e2e2e2; padding: 5px 5px !important; }
.gridTable td{ font-size:14px; background: #ffffff; border-bottom:1px solid #e2e2e2; padding: 15px 10px; text-align:left; }
.gridTable td.noborder{ border-bottom:0px !important; }
.gridTable td.nopad{ padding: 5px 10px !important; }
.gridTable a{ color: #333333; }
.gridTable td i{ margin:0px 10px; font-size:20px !important; }
.gridTable tr{ background: #ffffff; }
.gridTable tr:hover td{ background: #f0fafe !important; }
.gridTable .min { width: 1%; white-space: nowrap;  }
.gridTable .added { background: #f0fafe !important; }
.gridTable .boldborder { border-top:2px solid #e2e2e2 !important;  }

.gridForm{ width: 100%; }
.gridForm td{ padding:5px 0px; }
.gridForm td:first-of-type{ width:35%; }

.gridNav{ text-align:center; margin:5px 0px; }

.gridBar td{ padding:0px !important; border:0px !important; }
.gridBar tr:hover td{ background: # !important; }


.mview{ display: table-cell; }
.dview{ display: none; }
.min { width: 1%; white-space: nowrap;  }

/* Table */
.table-p5 td{ padding:5px; }
.table-p10 td{ padding:10px 2px; }



.list li{ padding-bottom:10px; text-align:left !important;  list-style-position: outside; }
.list2 li{ padding-bottom:10px; text-align:left !important;  list-style-position: outside; list-style-type: square }

/* Text */
.title{ text-aign:center; 	font-family: Arial; font-size: 24px; font-weight: bold; 	}
.subtitle{ font-size:18px !important; }
.small{ font-size:14px !important; }
.xsmall{ font-size:10px !important; }
.bold{ font-weight: 900 !important; }

/* Tab */
.tablink{  margin-left: 0px; width:100%; }
.tablink li{  list-style-type: none; display: inline-block; }
	

/* Loader */
#divLoading{ position: fixed; top:0px; left:0px; height:100%; width:100%; z-index: 9999; display:none; }
.spinner { border: 16px solid #f3f3f3;  border-top: 16px solid #00B0F5;  border-radius: 50%; animation: spin 2s linear infinite;  position: fixed; width: 100px; height: 100px; top: 50%; left: 50%; margin-top: -50px;  margin-left: -50px;  }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }


/* Image */

.logo{ height:35px; margin:10px 0px; } 
.thumb{ width:50px; }

.video { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }