HTML { font-size:100%; }
BODY { color:#000000; font-family: Arial, sans-serif; font-size:15px; font-weight:400; line-height:19px; padding:4px; }
a.noline { text-decoration:none; }
h1 { font-size:1.6rem; font-weight:600; }
h2 { font-size:1.5rem; font-weight:600; }
h3 { font-size:1.3rem; font-weight:600; }
h4 { font-size:1.2rem; font-weight:600; }
h5 { font-size:1.1rem; font-weight:600; }
.btnRadio label { color:#000000; cursor:pointer; font-size:100%; font-variant:normal; margin:0 0 2px 6px; }
.btnRadio input[type="radio"]:checked+label { color:#3366cc; }
.border-medgray { border-color:#bbbbbb !important; }
.border-top { border-top:1px solid #bbbbbb; }
.border-bottom { border-bottom:1px solid #bbbbbb; }
.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus { outline:none !important; box-shadow:none !important; }
.font-monospace { font-family:Consolas,'Lucida Console','Andale Mono','Courier New', Courier, monospace; }
.col-form-label { color:#3477B0; font-variant:small-caps; line-height:17px; padding:2px; }
.form-control:focus { outline:none !important; box-shadow:none !important; border:1px solid #ccc !important; }
.form-control::-moz-placeholder { color:#aaa; font-style:italic; }
.form-control:-ms-input-placeholder { color:#aaa; font-style:italic; }
.form-control::-webkit-input-placeholder { color:#aaa; font-style:italic; }
.fs75p { font-size:75%; }
.fs80p { font-size:80%; }
.fs90p { font-size:90%; }
.fs110p { font-size:90%; }
.fw600 { font-weight:600; }
.fw700 { font-weight:700; }
.noclicking { cursor:not-allowed; pointer-events:none; }
.pointer { cursor:pointer; }
.table { background-color:#ffffff; }
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color:#ffffcc; }
.table-nonfluid { width:auto; }
.table-sm th, .table-sm td { border-color:#cccccc; font-size:14px; padding:0.2rem 0.3rem 0.1rem 0.3rem; }
.table-striped tbody tr:nth-of-type(odd){background-color:#fbfbfb; }
th { background-repeat:repeat-x; background-image:linear-gradient(to bottom, #efefef 0%, #dddddd 100%); }
.text-purple { color:#7d10e2; }
/* navs/tabs */
.navbar { padding:0 16px; }
.navbar-expand-lg .navbar-nav .nav-link { font-weight:600; padding:14px 14px; }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color:rgba(0, 0, 0, 1); background: #ffffff; }
.nav-tabs .nav-link { border-color: #dddddd; font-weight: 700; margin-left:2px; margin-right:2px; padding:6px 16px 2px 16px; background: rgb(253,253,253); background: -moz-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(229,229,229,1) 100%); 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,253,253,1)), color-stop(100%,rgba(229,229,229,1))); 	background: -webkit-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(229,229,229,1) 100%); background: -o-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(229,229,229,1) 100%); background: -ms-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(229,229,229,1) 100%); 	background: linear-gradient(to bottom, rgba(253,253,253,1) 0%,rgba(229,229,229,1) 100%); 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e5e5e5',GradientType=0 ); }
.nav-tabs .nav-link.active { color: #000000; background: #ffffff; background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 10%, #ffffff 11%, #ffffff 100%); background: -webkit-linear-gradient(top, #ffaf4b 0%,#ff920a 10%,#ffffff 11%,#ffffff 100%); background: linear-gradient(to bottom, #ffaf4b 0%,#ff920a 10%,#ffffff 11%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ffffff',GradientType=0 ); border-top-color: #dddddd; border-right-color: #dddddd; border-bottom-color: #ffffff; border-left-color: #dddddd; font-weight:700; }
a.nav-link.active { color: #000000; background: #ffffff; background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 10%, #ffffff 11%, #ffffff 100%); background: -webkit-linear-gradient(top, #ffaf4b 0%,#ff920a 10%,#ffffff 11%,#ffffff 100%); background: linear-gradient(to bottom, #ffaf4b 0%,#ff920a 10%,#ffffff 11%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ffffff',GradientType=0 ); border-top-color: #dddddd; border-right-color: #dddddd; border-bottom-color: #ffffff; border-left-color: #dddddd; font-weight:700; }
/* backgrounds */
.bg-yellow { background-color:#FFFAF0; }
.bg-verylight { background-color:#fafafa; }
.bg-primary-light { background-color:rgba(0, 123, 255, 0.15); }
.bg-secondary-light { background-color:rgba(134, 142, 150, 0.15); }
.bg-success-light { background-color:rgba(41, 168, 71, 0.15); }
.bg-danger-light { background-color:rgba(220, 56, 72, 0.15); }
.bg-warning-light { background-color:rgba(255, 193, 5, 0.15); }
.bg-info-light { background-color:rgba(42, 171, 210, 0.15); }

/* small */
@media (max-width: 767.98px) { 
	HTML { font-size:90%; }
}
/* extra small and smaller */
@media (max-width: 575.98px) { 
	HTML { font-size:80%; }
	BODY { background:#636363 url("../../images/bgComm-xs.jpg") no-repeat fixed center top; background-size:cover; }
}
/* for sm */
@media (min-width:576px) and (max-width: 767.98px) { 
	BODY { background:#636363 url("../../images/bgComm-sm.jpg") no-repeat fixed center top; background-size:cover; }
}
/* for md */
@media (min-width:768px) and (max-width: 991.98px) {
	BODY { background:#636363 url("../../images/bgComm-md.jpg") no-repeat fixed center top; background-size:cover; }
}
/* for lg */
@media (min-width:992px) and (max-width: 1199.98px) {
	BODY { background:#636363 url("../../images/bgComm-lg.jpg") no-repeat fixed center top; background-size:cover; }
}
/* for xl and larger */
@media (min-width:1200px) {
	BODY { background:#636363 url("../../images/bgComm-xl.jpg") repeat-x fixed center top; background-size:cover; }
}

/* checkbox toggle */
.switchwrapper { display:block; text-align:left; margin-bottom:0; }
.cbxSwitch { color:#000000; cursor:pointer; display:inline-block; font-variant:normal; margin:0 0 3px 3px; padding:0; vertical-align:bottom; }
.switch .form-control { padding-top:7px; margin-bottom:0; }
.switch * { cursor:pointer; }
.switch input { opacity:0; position:absolute; z-index:-1; }
.switch span { position:relative; display:inline-block; width:40px; height:20px; background-color:#fff; border:1px solid #dddddd; border-radius:100px; transition:all .5s; box-shadow:1px 2px 3px rgba(0, 0, 0, 0.1) inset; vertical-align:middle; }
.switch span:after { content:""; position:absolute; background-color:#fff; top:0; left:0; height:18px; width:18px; border:1px solid #ddd; border-radius:400px; box-shadow:1px 1px 3px rgba(0, 0, 0, 0.1); -webkit-transition:all .2s; }
.switch.switch-lg span { width:50px; height:25px; }
.switch.switch-lg span:after { height:23px; width:23px; }
.switch.switch-sm span { width:30px; height:15px; }
.switch.switch-sm span:after { height:13px; width:13px; }
.switch input:checked + span { background-color:#5d9cec; border-color:#5d9cec; transition:all .5s; }
.switch input:checked + span:after { left:50%; transition:all .2s; }
/* whirl behavior */
.whirl { position: relative; }
.whirl:before { content: ""; z-index: 3; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #999999; opacity: 0.6; }
.whirl:after { z-index: 4; content: ""; height: 60px; width: 60px; position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; -webkit-animation: rotation .6s infinite linear; -moz-animation: rotation .6s infinite linear; -o-animation: rotation .6s infinite linear; animation: rotation .6s infinite linear; border-left:6px solid rgba(0,123,239,.15); border-right:6px solid rgba(0,123,255,.15); border-bottom:6px solid rgba(0,123,255,.15); border-top:6px solid rgba(0,123,255,.8); border-radius:100%; }
@-webkit-keyframes rotation { from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(359deg);} }
@-moz-keyframes rotation { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(359deg); } }
@-o-keyframes rotation { from {-o-transform: rotate(0deg);} to {-o-transform: rotate(359deg);} }
@keyframes rotation { from {transform: rotate(0deg);} to {transform: rotate(359deg);} }