@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Chrome- and Safari-specific CSS here*/
#title_gap{height:20px;}
}
@media(min--moz-device-pixel-ratio:0){
#title_gap{height:10px;}
}
.w98 {width:98%;}
.w95 {width:95%;}
/* FIREFOX PADDING WORK LIKE IE */
table,td,div,ul,li {box-sizing: border-box;-moz-box-sizing: border-box;}
/* FIREFOX WIDTH WORK LIKE IE */
span {display: -moz-inline-box; display: inline-block;}
body * { font-size: 100%; }
BODY {FONT-FAMILY: Helvetica,Arial,Verdana,Tahoma,sans-serif;FONT-SIZE: 14px; }
* {outline: none;}
table, td, div, ul, li{
user-select: auto;
}
table,td,div,ul,li {box-sizing: border-box;-moz-box-sizing: border-box;}
input.wide {display:block; width:100%;padding:0;border-width:0}
.input {font-family:Arial; height:20px;font-size:12px; border:1px solid #9CB6C8; color:#000080; background-color:#FFFFFF; }
.search {border:1px solid #9CB6C8;height:20px;border-radius: 10px; border-color: #D9D7D7; padding-right: 30px; width:200px }
.search-btn {background: url('../../../assets/images/search.png') no-repeat scroll 0% 0% transparent; border: medium none;width:20px;height:20px; position: absolute; margin-right:-20px; margin-top: 3px; cursor:pointer;float:left; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.search-btn {background: url('../../../assets/images/search.png') no-repeat scroll 0% 0% transparent; border: medium none;width:20px;height:20px; position: absolute; margin-right:-30px; margin-top: 3px; cursor:pointer;float:left; }
}
.w100{width:100%}
.w50{width:50%}
.inputOuter {border:1px solid #9CB6C8; color:#333333; background-color:#FFFFFF; height:20px; font-size:12px;}
.inputInner {font-family:Arial; font-size:12px;padding-right:2px;padding-left:2px;height:24px;width:100%; border:1px solid #9CB6C8; color:#333333; background-color:#FFFFFF;display:block; border-width:0 }
.selectInner {font-family:Arial; font-size:12px;padding-right:0px;padding-left:0px;height:24px;width:100%; border:0px; color:#333333; background-color:#FFFFFF; }
.multiselect {height: 60px;font-family:Arial; font-size:12px;padding-right:0px;padding-left:0px;width:100%; border:0px; color:#333333; background-color:#FFFFFF; }
.label2 {font-family:Arial Narrow; text-transform:capitalize;height:20px;font-size:12px;color:#dddddd;font-weight:bold; BORDER:#dddddd 1px solid; PADDING-right:5px; PADDING-left:5px; PADDING-BOTTOM:0px; PADDING-TOP:0px; BORDER-COLLAPSE:collapse; BACKGROUND-COLOR:#f9f9f9}
.textArea {font-family:Arial; font-size:12px;resize:none;border:1px solid #9CB6C8; color:#000080; background-color:#FFFFFF;width:100%; }
.iputFile {font-family:Arial; font-size:12px;padding-right:0px;padding-left:0px;height:20px; border:0px; color:#000080; background-color:#FFFFFF;width:100%;}
.block_title {
margin: 1em 0px 0.5em;
font-weight: 600;
font-family: 'museo','Helvetica Neue',Arial,'Titillium Web',sans-serif;
position: relative;
font-size: 18px;
line-height: 20px;
color: #505050;
text-transform: capitalize;
border-bottom: 1px solid rgba(53, 86, 129, 0.3);
white-space:nowrap;
}
input:-webkit-input-placeholder {
color: #999 !important;
}
input:-moz-placeholder { /* Firefox 18- */
color: #999 !important;
}
input::-moz-placeholder { /* Firefox 19+ */
color: #999 !important;
}
p.news img{height:120px; float:right;margin:5px;cursor:pointer;}
.nicEdit-main{background:#ffffff; }
.nicEdit-main a{margin:3px;}
.round_box {font-size:16px;font-weight:bold;border:solid 1px #C0C0C0; border-radius:5px ;color: #333333;}
.select {font-family:Arial; width:98%; font-size:12px; border:1px solid #9CB6C8; color:#000080; background-color:#FFFFFF; }
.text {font-family:Tahoma; font-weight:bold; font-size:11px; color:#333333; }
.red_text {font-family:Tahoma; font-weight:bold; font-size:11px; color:#ff0000; }
.help_text {padding-left:7px;padding-right:7px;padding-bottom:7px;font-family:Monotype kofi,MS Sans Sirif,Arial; font-size:12px; color:#333333; }
.boxtext {padding-left:13px;padding-right:13px;padding-bottom:13px;font-family:Tahoma; font-size:13px; color:#333333; }
.wtext {font-family:Al-Mothnna; font-size:13px; color:#707CA1; }
.btext {font-family:Arial; font-size:12px; color:#0000ff; }
.inset {font-family:Arial; font-size:12px; border:1px inset #ccccFF; }
.outset {font-family:Arial; font-size:12px; border:1px outset; color:#ffffff; }
.cells {width:95%; border-width:0; font-family: Arial Narrow; font-size: 14px; color: #015C8A; background: transparent; }
.cells3 {font-family: Arial Narrow; font-size: 14px; color: #015C8A; background-color:#ffffff; }
.cells4 {float:right;height:18px;font-size:14px;font-family: Arial Narrow; border:0px inset #bfcacd; border-Left-color:#ffffff; border-bottom-style:none;}
.cells2 {width:100%; border-style:solid; border-width:0; font-family: Arial Narrow; font-size: 12px; color: #015C8A; background-color:#F1F4FA; }
.dgInput {border-width:0px; font-family:Arial Narrow; font-size:14px; color:#015C8A; background-color:#ffffff;width:100%;}
.datatd {BORDER-right:#c6d2de 1px dotted; PADDING-right:5px; BORDER-TOP:#c6d2de 1px solid; PADDING-left:5px; BACKGROUND:#ffffff; PADDING-BOTTOM:1px; BORDER-left:#c6d2de 1px dotted; PADDING-TOP:1px; BORDER-BOTTOM:#c6d2de 1px solid}
.offcells {border-style:solid; border-width:0; font-family:Arial Narrow; font-size:12px; color:#015C8A; background-color:#E2F7DD; }
.title {font-family:Arial; font-size:12px; font-weight:bold;color:#505050;text-transform:capitalize}
.news_title {text-decoration:none;font-family:'museo','Helvetica Neue',Arial; font-size:18px; font-weight:bold;color:#505050;text-transform:capitalize;}
.news_title a {text-decoration:none;font-family:Arial; font-size:18px; font-weight:bold;color:#505050;text-transform:capitalize;}
.news_title a:hover {opacity:.7;}
.header {border:1px solid #FFFFFF;font-size:12px; font-family:Arial; color:#0000CC; background-color:#C0C0C0; }
.buttons {height:25px; color:#222222;font:bold 12px/24px Verdana; border-style:solid; border-left-width:0; border-right:#d5d5d5 1px solid; border-top-width:0; border-bottom-width:0}
.leftbtns {font-size:12px; font-family:Tahoma; color:#18224D; background-color:#C0C0C0; }
fieldset { border-style:solid; border-width:1px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px }
.tabsTable {background-color:#CCDEE7;border:1px solid; border-Left-color:#D7D4F9; border-right-color:#D7D4F9;border-bottom-color:#D7D4F9;;border-Top-width:0px;}
.dgTable {font-family:Arial, Arial, Helvetica, sans-serif; font-size:12px;background-color:#F6FCFF;}
.dgHeader {background-color:#ccc;cursor:pointer; font-family:Arial;font-size:12px;font-weight:bold; color:#000000;border:1px solid; border-Left-color:#ffffff; border-Right-color:#707CA1; border-top-color:#ffffff; border-bottom-color:#707CA1; height:25px;}
.dgHeader2 {cursor:pointer; font-family:Arial;font-size:12px;font-weight:bold; color:#000000;border:1px solid; border-Left-color:#ffffff; border-Right-color:#707CA1; border-top-color:#ffffff; border-bottom-color:#707CA1; height:24px;}
table.dgHeader A:hover {cursor:pointer;BORDER-LEFT-COLOR:#f9b119; BACKGROUND:#fcc247; BORDER-BOTTOM-COLOR:#f9b119; BORDER-TOP-COLOR:#f9b119; BORDER-RIGHT-COLOR:#f9b119}
.dgFooter { color:#000000; TEXT-ALIGN:center;font-family:Arial;font-size:12px;font-weight:bold; background-color:#DCDCDC; border:1px solid #aaa; border-top-width:1px ; border-top-color:#fff;}}
THEAD TD {font-family:Arial Narrow; font-size:14px; color:#ffffff; BACKGROUND-COLOR:#707CA1; BORDER-TOP:#C0C0C0 1px solid;BORDER-Left:#C0C0C0 1px solid;BORDER-Bottom:#006600 1px solid;BORDER-right:#006600 1px solid}
TFOOT TD {BORDER-TOP:slategray 2px solid; TEXT-ALIGN:center}
.label {font-family:Arial Narrow; font-size:14px;color:#000000; BORDER:#d5d5d5 1px solid; PADDING-right:5px; PADDING-left:5px; PADDING-BOTTOM:0px; PADDING-TOP:0px; BORDER-COLLAPSE:collapse; BACKGROUND-COLOR:#f9f9f9}
THEAD TD {font-family:Arial Narrow; font-size:14px;color:#18224D; BORDER:#d5d5d5 1px solid; PADDING-right:5px; PADDING-left:5px; PADDING-BOTTOM:0px; PADDING-TOP:0px; BORDER-COLLAPSE:collapse; BACKGROUND-COLOR:#f9f9f9}
.dgTree {float:right;height:18px;font-size:14px;font-family: Arial Narrow; border:1px solid #bfcacd; border-Left-color:#ffffff; border-bottom-style:none;}
.accountTree {float:right;height:20px;font-size:12px;font-family: Arial Narrow; border:1px solid #bfcacd; border-Left-color:#ffffff; border-bottom-style:none;}
.cp_buttons {FLOAT:left;height:40px;width:100px;}
table.tablesorter tr:nth-child(even) {background-color:#ffffff;color:#000000;font-size:14px;font-family:Arial Narrow;}
table.tablesorter tr:nth-child(odd) {background-color:#CCDEE7;color:#000000;font-size:14px;font-family:Arial Narrow;}
.dgTd {padding-left:5px;padding-right:5px;font-family:Arial Narrow; border:1px solid #bfcacd; border-Left-color:#ffffff; border-bottom-style:none;height:25px;overflow:hidden;}
.no {background-color:#ffffff;color:#000000;font-size:14px;font-family:Arial Narrow;}
.yes {background-color:#CCDEE7;color:#000000;font-size:14px;font-family:Arial Narrow;}
.dgRownorm {background-color:#ffffff;font-size:14px;font-family:Arial Narrow; border:1px solid #bfcacd; border-Left-color:#ffffff; border-bottom-style:none;height:25px;}
.hilight {background-color:#ffff00;font-size:14px;font-family:Arial Narrow; border:1px solid #bfcacd; border-Left-color:#ffffff; border-bottom-style:none;height:25px;}
.dgRownorm2 {background-color:#ffffff;font-size:14px;font-family:Arial Narrow; border:1px solid #bfcacd; border-Left-color:#ffffff; border-bottom-style:none;height:24px;}
.dgRowalt {background-color:#eeeeee;font-size:14px;font-family:Arial Narrow; border:1px solid #bfcacd; border-Left-color:#ffffff; border-bottom-style:none;height:25px;}
.excel {mso-style-parent:style0;border:.5pt solid silver;}
.popup_title {font-weight:bold;background-color:#CCDEE7;color:#18224D;font-size:18px;font-family:Arial; border:1px solid #bfcacd;border-Left-color:#ffffff;border-Top-color:#ffffff;padding:2px;}
.h_menu {color:#18224D;font:bold 12px Monotype kofi,MS Sans Sirif,Arial; border:1px solid #bfcacd;border-Left-color:#ffffff;border-Top-color:#ffffff;margin-bottom:1px;}
.v_menu {color:#18224D;font:bold 12px Monotype kofi,MS Sans Sirif,Arial; border:0px solid #bfcacd;border-Left-color:#ffffff;border-Top-color:#ffffff;}
.v_menu_table {background-color:#F1F4FA;background:url(vbuttons.png) right 50%;}
.tool_bar {font-size:12px;font-family:Arial; border:1px solid #bfcacd;border-Left-color:#ffffff;border-Top-color:#ffffff; height:28px; background-color:#eeeeee;color:#18224D;}
.note { font-size:18px;font-family:Arial;text-align:center;height:30px;line-height:30px; border:2px solid #FFA800; background-color:#FFF000; -webkit-border-radius: 8px; border-radius: 8px; }
.page_counter {text-decoration:none;float:left;height:25px;width:19px; text-align:center; font-weight:bold; font-size:12px;line-height:25px;margin:0 0 0 1px; color: #ffffff;background:url('../images/counter.gif'); }
.counter2 {text-decoration:none;float:right;height:25px;width:30px; text-align:center; font-weight:bold; font-size:12px;line-height:25px; color: #ffffff;background:url('../images/counter.gif'); }
.counter2 a:visit {color: #ffffff;}
.counter1 {text-decoration:none;cursor:pointer;float:right;margin:1px;height:25px;width:30px; text-align:center; font-weight:bold; font-size:12px;line-height:25px; }
.pageslct a {text-decoration:none;cursor:pointer;float:left;height:25px;width:25px; text-align:center; font-weight:bold; font-size:12px;line-height:25px; color: #ffffff;background:url('../images/counter.gif'); }
.pageslct a:hover {cursor:pointer;float:left;height:25px;width:25px; text-align:center; font-weight:bold; font-size:12px;line-height:25px; color: #ffffff;background:url('../images/counterhovr.gif'); }
.pageslctcrnt a {cursor:pointer;float:left;height:25px;width:25px; text-align:center; font-weight:bold; font-size:12px;line-height:25px; color: #ffffff;background:url('../images/counterhovr.gif'); }
TABLE.adminform {BORDER-right:#d5d5d5 1px solid; PADDING-right:10px; BORDER-TOP:#d5d5d5 1px solid; PADDING-left:10px; PADDING-BOTTOM:10px; BORDER-left:#d5d5d5 1px solid; WIDTH:100%; PADDING-TOP:10px; BORDER-BOTTOM:#d5d5d5 1px solid; BORDER-COLLAPSE:collapse; BACKGROUND-COLOR:#f9f9f9}
TABLE.reportTable {BORDER-right:#000000 1px solid; BORDER-TOP:#000000 1px solid; BORDER-left:#000000 1px solid; WIDTH:100%; BORDER-BOTTOM:#000000 1px solid; BORDER-COLLAPSE:collapse;}
#cpanel {VERTICAL-ALIGN:middle; TEXT-ALIGN:center; font:bold 12px Monotype kofi,MS Sans Sirif,Arial; color:#18224D;}
#cpanel DIV.icon {MARGIN:3px;}
#cpanel DIV.icon A {BORDER:#D7D4F9 2px solid; PADDING-right:3px; DISPLAY:block; PADDING-left:5px; PADDING-BOTTOM:1px; VERTICAL-ALIGN:middle; WIDTH:110px; PADDING-TOP:3px; HEIGHT:100px; TEXT-DECORATION:none;BACKGROUND-COLOR:#FFF;-webkit-border-radius: 8px; border-radius: 32px;}
#cpanel DIV.icon A:link {COLOR:#18224D;}
#cpanel DIV.icon A:hover {BORDER:#ADB0FF 2px solid; PADDING-right:3px;PADDING-left:5px; PADDING-BOTTOM:1px; COLOR:#333; PADDING-TOP:3px; BACKGROUND-COLOR:}
#cpanel DIV.icon A:active {COLOR:#18224D;}
#cpanel DIV.icon A:visited {COLOR:#18224D;}
#cpanel DIV.icon IMG {MARGIN-TOP:8px}
#cpanel DIV.icon SPAN {DISPLAY:block; PADDING-TOP:3px}
#library {VERTICAL-ALIGN:middle; TEXT-ALIGN:center; font:bold 12px Monotype kofi,MS Sans Sirif,Arial; color:#ffffff;}
#library DIV.icon {MARGIN:0px;}
#library DIV.icon A { PADDING-right:5px; DISPLAY:block; PADDING-left:5px; PADDING-BOTTOM:1px; WIDTH:120px; TEXT-DECORATION:none;cursor:default;}
#library DIV.icon IMG {MARGIN-TOP:3px; WIDTH:80px;HEIGHT:130px;cursor:pointer;}
#library DIV.icon SPAN {DISPLAY:block; PADDING-TOP:2px;margin-bottom:3px;cursor:pointer;background:#fff;opacity:0.8;overflow: hidden;}
.calendar {BORDER-right:#D7D4F9 1px solid; PADDING-right:3px; BORDER-TOP:#D7D4F9 1px solid; DISPLAY:block; PADDING-left:5px; PADDING-BOTTOM:1px; VERTICAL-ALIGN:middle; BORDER-left:#D7D4F9 1px solid; WIDTH:40px; PADDING-TOP:3px; BORDER-BOTTOM:#D7D4F9 1px solid; HEIGHT:25px; TEXT-DECORATION:none}
#vpanel {VERTICAL-ALIGN:middle; TEXT-ALIGN:right; border:1px solid #ADB0FF;font: bold 12px Monotype kofi,MS Sans Sirif,Arial; color:#18224D;}
#vpanel DIV.icon A {BORDER-right:#D7D4F9 1px solid; PADDING-right:0px; BORDER-TOP:#D7D4F9 1px solid; DISPLAY:block; PADDING-left:2px; FLOAT:left; PADDING-BOTTOM:1px; VERTICAL-ALIGN:middle; BORDER-left:#D7D4F9 1px solid; WIDTH:100%; PADDING-TOP:1px; BORDER-BOTTOM:#f9f9f9 1px solid; HEIGHT:20px; TEXT-DECORATION:none; background:url(vbutton_lgt_right.png) right 10%;}
#vpanel DIV.icon A:link {COLOR:#18224D;}
#vpanel DIV.icon A:hover {BORDER-right:#ADB0FF 1px solid; PADDING-right:1px; BORDER-TOP:#ADB0FF 1px solid; PADDING-left:2px; PADDING-BOTTOM:1px; BORDER-left:#ADB0FF 1px solid; COLOR:#ffffff; PADDING-TOP:2px; BORDER-BOTTOM:#ADB0FF 1px solid; background:url(vbutton_drk_right.png) right 10%;}
#vpanel DIV.icon A:active {COLOR:#18224D;}
#vpanel DIV.icon A:visited {COLOR:#18224D}
#vpanel DIV.icon IMG {MARGIN-TOP:2px}
.news {COLOR:#404040;VERTICAL-ALIGN:middle; TEXT-ALIGN:right;font-family:Tahoma,Arial;font-size:18px;line-height:22px;}
.s_news {COLOR:#404040;VERTICAL-ALIGN:middle; TEXT-ALIGN:right;font-family:Arial;font-size:11px}
.btn_panel {VERTICAL-ALIGN:middle; TEXT-ALIGN:right;font:bold 12px Monotype kofi,MS Sans Sirif,Arial; border:0px solid #ADB0FF;font-size:12px}
.btn_normal {COLOR:#18224D;BORDER-right:#D7D4F9 1px solid; BORDER-TOP:#D7D4F9 1px solid; PADDING-BOTTOM:2px; VERTICAL-ALIGN:middle; BORDER-left:#D7D4F9 1px solid; WIDTH:100%; PADDING-TOP:1px; BORDER-BOTTOM:#f9f9f9 1px solid; HEIGHT:25px; TEXT-DECORATION:none; background:url(vbutton_drk_right.png) right 10%;BACKGROUND-COLOR:#f9f9f9}
.btn_over {COLOR:#18224D;BORDER-right:#ADB0FF 1px solid; BORDER-TOP:#ADB0FF 1px solid; PADDING-BOTTOM:2px; BORDER-left:#ADB0FF 1px solid; WIDTH:100%; PADDING-TOP:1px; BORDER-BOTTOM:#ADB0FF 1px solid; HEIGHT:25px; background:url(vbutton_lgt_right.png) right 10%;BACKGROUND-COLOR:#E1E3EB;cursor:pointer;}
iframe {
display:block;
}
.TableDialog {
border: 1px solid #CCCCCC;
-webkit-border-radius: 8px;
border-radius: 8px;
padding:20px;
background-color:#ffffff;
margin:20px auto 20px auto;
box-shadow: 0px 0px 10px rgba(100, 100, 100, 1);
-webkit-box-shadow: 0px 0px 10px rgba(100, 100, 100, 1);
-moz-box-shadow: 0px 0px 10px rgba(100, 100, 100, 1);
}
.unselectable {
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
user-select: none;
}
.vertical{
transform: rotate(-90deg);
transform-origin: 50px 50%;
}
.vertical div{
position: absolute;
left: 10px;
top:-95px;
}
.button_dn {font-size:12px; font-family:Arial; color:#18224D}
.button_up {font-size:12px; font-family:Arial; color:#FFFFFF;}
.tabContent {BORDER-RIGHT:#18224D 1px solid; BORDER-TOP:0px; BORDER-LEFT:#18224D 1px solid; BORDER-BOTTOM:#18224D 1px solid;background-color:#CCDEE7;}
.button {text-decoration: none;font:bold 18px MS Sans Sirif,Monotype kofi,Arial;border-color: #0EB1E7;border-radius:5px;cursor:pointer;BORDER-right:#707CA1 1px solid; PADDING-right:8px; BORDER-TOP:#CCDEE7 1px solid; PADDING-left:8px; BACKGROUND: #F6FCFF repeat-x; PADDING-BOTTOM:2px; BORDER-left:#CCDEE7 1px solid; color:#222222 ; PADDING-TOP:2px; BORDER-BOTTOM:#707CA1 1px solid}
.sbutton {font:bold 12px MS Sans Sirif,Monotype kofi,Arial;border-color: #0EB1E7;border-radius:5px;cursor:pointer;BORDER-right:#707CA1 1px solid; PADDING-right:8px; BORDER-TOP:#CCDEE7 1px solid; PADDING-left:8px; BACKGROUND: #F6FCFF repeat-x; PADDING-BOTTOM:2px; BORDER-left:#CCDEE7 1px solid; color:#222222 ; PADDING-TOP:2px; BORDER-BOTTOM:#707CA1 1px solid}
.button:hover {BACKGROUND:url(../assets/images/btn_bg.gif) #F6FCFF repeat-x;}
.disabled {color:#ccc}
#select {height:20px;border:0px; font-family: Verdana, Arial, Helvetica, sans-serif ;font-size: 12px;font-weight: normal; color:#000080 ;background-color: #FFFFFF;arrow-color: ##18224D;}
.borderstyle {BORDER:#CCDEE7 1px solid;}
.borderl {border-style:solid; border-right-width:0; border-left-width:1px; border-top-width:0; border-bottom-width:0}
.borderr {border-style:solid; border-left-width:0; border-right-width:1px; border-top-width:0; border-bottom-width:0}
.rollover a {display:block;width: 60px;height:0px; background: url('news_btn.gif') 0 0 no-repeat;font-size:12px;}
.rollover a:hover {background-position: 0 -16px;color: #049;}
.rollover a:active {background-position: 0 -0px;color:#fff;}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
BUTTON DEFINITION CLASS */
button.cssbutton {border:0; text-align:right; padding:0; margin:0; cursor:pointer; width:100%}
button.cssbutton span {font:bold 12px/25px Verdana; color:#18224D; display:block; cursor:pointer; position:relative; white-space:nowrap; height:25px; margin-left:1px; padding:0 6px 0 6px;} /* padding-left = (padding-right - margin-left) NOTE: Firefox renders this different */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
LINK DEFINITION CLASS */
a.cssbutton {border:0;float:left;text-align:center;padding:0;margin:0;cursor:pointer;text-decoration: none;}
a.cssbutton span {font:bold 12px/25px Verdana; color:#18224D; display:block; float: left; white-space:nowrap; height:25px; margin-left:1px; padding:0 6px 0 6px;} /* padding-left = (padding-right - margin-left) NOTE: Firefox renders this different */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
INPUT DEFINITION CLASS */
div.cssbutton {border:0; float:left; text-align:center; padding:0; margin:0; cursor:pointer;}
div.cssbutton input {border:0; font:bold 12px/25px Verdana; color:#18224D; display:block; cursor:pointer; float:left; white-space:nowrap; height:25px; margin-left:1px; padding:0 6px 0 6px;} /* padding-left = (padding-right - margin-left) NOTE: Firefox renders this different */
button.cssbutton.sample.a {background:url('sample_aLeft.gif') no-repeat 0px center;}
button.cssbutton.sample.a span {background:url('sample_aRight.gif') no-repeat right 0%;}
button.cssbutton.sample.a:hover {background:url('sample_aLeft.gif') no-repeat -40px center;}
button.cssbutton.sample.a:hover span {background:url('sample_aRight.gif') no-repeat right 100%;}
a.cssbutton.sample.a {background:url('sample_aLeft.gif') no-repeat 0px center;}
a.cssbutton.sample.a span {background:url('sample_aRight.gif') no-repeat right 0%;}
a.cssbutton.sample.a:hover {background:url('sample_aLeft.gif') no-repeat -40px center;}
a.cssbutton.sample.a:hover span {background:url('sample_aRight.gif') no-repeat right 100%;}
div.cssbutton.sample.a {background:url('sample_aLeft.gif') no-repeat 0px center;}
div.cssbutton.sample.a input {background:url('sample_aRight.gif') no-repeat right 0%;}
div.cssbutton.sample.a:hover {background:url('sample_aLeft.gif') no-repeat -40px center;}
div.cssbutton.sample.a:hover input {background:url('sample_aRight.gif') no-repeat right 100%;}
#panelCover{
top: 0px;
left: 0px;
width: 100%;
height: calc (100% +100px);
z-index: 9001;
position: fixed;
background-color: rgb(50, 50, 50);
opacity: 0.5;
line-height: 662;
display: block;
}
@media screen and (max-width: 800px) {
.hide-800{display: none !important;}
}
/*========== annotation ========*/
.annotation {
background: #ffffff;
border: 4px solid #ffffff;
color: #888;
font-size: 14px;
font-family: Calibri, Arial;
line-height: 20px;
display: inline-block;
border-radius: 4px;
box-shadow: 2px 2px 8px rgba(0,0,0,.2);
margin: 6px 0px;
padding: 2px;
}
/*======= /ios checkbox =====*/
input[type="checkbox"].ios8 {
position: relative;
margin: 8px 0 0 16px;
visibility: hidden;
}
input[type="checkbox"].ios8 + label {
position: relative;
padding: 20px 50px 0 0;
line-height: 2.0em;
}
input[type="checkbox"].ios8 + label:before {
content: "";
position: absolute;
display: block;
right: 0;
top: 0;
width: 40px; /* x*5 */
height: 24px; /* x*3 */
border-radius: 16px; /* x*2 */
background: #fff;
border: 1px solid #d9d9d9;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
input[type="checkbox"].ios8 + label:after {
content: "";
position: absolute;
display: block;
right: 0px;
top: 0px;
width: 24px; /* x*3 */
height: 24px; /* x*3 */
border-radius: 16px; /* x*2 */
background: #fff;
border: 1px solid #d9d9d9;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
input[type="checkbox"].ios8 + label:hover:after {
box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
input[type="checkbox"].ios8:checked + label:after {
margin-right: 16px;
}
input[type="checkbox"].ios8:checked + label:before {
background: #55D069;
}
a.button4{
display:inline-block;
padding:0.3em 1.2em;
margin:0 0.1em 0.1em 0;
border:0.16em solid rgba(255,255,255,0);
border-radius:2em;
box-sizing: border-box;
text-decoration:none;
font-family:'Roboto',sans-serif;
font-weight:300;
color:#FFFFFF;
text-shadow: 0 0.04em 0.04em rgba(0,0,0,0.35);
text-align:center;
transition: all 0.2s;
}
a.button4:hover{
border-color: rgba(255,255,255,1);
}
@media all and (max-width:30em){
a.button4{
display:block;
margin:0.2em auto;
}
}
@media all and (max-width: 800px) {
.fixedElement {
position:fixed;
top:0;
width:100%;
z-index:100;
}
}
.ml-auto, .mx-auto {
margin-right: auto !important;
}
.lds-default {
#display: inline-block;
position: relative;
width: 80px;
height: 80px;
margin:auto;
top:40%;
}
.lds-default div {
position: absolute;
width: 6px;
height: 6px;
background: #fff;
border-radius: 50%;
animation: lds-default 1.2s linear infinite;
}
.lds-default div:nth-child(1) {
animation-delay: 0s;
top: 37px;
left: 66px;
}
.lds-default div:nth-child(2) {
animation-delay: -0.1s;
top: 22px;
left: 62px;
}
.lds-default div:nth-child(3) {
animation-delay: -0.2s;
top: 11px;
left: 52px;
}
.lds-default div:nth-child(4) {
animation-delay: -0.3s;
top: 7px;
left: 37px;
}
.lds-default div:nth-child(5) {
animation-delay: -0.4s;
top: 11px;
left: 22px;
}
.lds-default div:nth-child(6) {
animation-delay: -0.5s;
top: 22px;
left: 11px;
}
.lds-default div:nth-child(7) {
animation-delay: -0.6s;
top: 37px;
left: 7px;
}
.lds-default div:nth-child(8) {
animation-delay: -0.7s;
top: 52px;
left: 11px;
}
.lds-default div:nth-child(9) {
animation-delay: -0.8s;
top: 62px;
left: 22px;
}
.lds-default div:nth-child(10) {
animation-delay: -0.9s;
top: 66px;
left: 37px;
}
.lds-default div:nth-child(11) {
animation-delay: -1s;
top: 62px;
left: 52px;
}
.lds-default div:nth-child(12) {
animation-delay: -1.1s;
top: 52px;
left: 62px;
}
@keyframes lds-default {
0%, 20%, 80%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.5);
}
}
.float{
position:fixed;
width:60px;
height:60px;
bottom:60px;
left:30px;
background-color:#0C9;
color:#FFF;
border-radius:50px;
text-align:center;
box-shadow: 2px 2px 3px #999;
}
.my-float{
margin-top:15px;
}
/*=======responsive table ========*/
@media screen and (max-width: 1170px) {
.hide-lg {
display: none !important;
}
}
@media screen and (max-width: 970px) {
.hide-md {
display: none !important;
}
}
@media screen and (max-width: 750px) {
.hide-sm {
display: none !important;
}
}
@media screen and (max-width: 480px) {
.hide-xs {
display: none !important;
}
}
.rating {margin:0 20px;}
.rating__star { color: orange;
font-size: 1.3em;
cursor: pointer;
transition: filter linear .3s;
}