/* Minification failed. Returning unminified contents.
(904,1): run-time error CSS1019: Unexpected token, found '@import'
(904,9): run-time error CSS1019: Unexpected token, found 'url("core.css")'
(906,1): run-time error CSS1019: Unexpected token, found '@import'
(906,9): run-time error CSS1019: Unexpected token, found 'url("accordion.css")'
(907,1): run-time error CSS1019: Unexpected token, found '@import'
(907,9): run-time error CSS1019: Unexpected token, found 'url("autocomplete.css")'
(908,1): run-time error CSS1019: Unexpected token, found '@import'
(908,9): run-time error CSS1019: Unexpected token, found 'url("button.css")'
(909,1): run-time error CSS1019: Unexpected token, found '@import'
(909,9): run-time error CSS1019: Unexpected token, found 'url("datepicker.css")'
(910,1): run-time error CSS1019: Unexpected token, found '@import'
(910,9): run-time error CSS1019: Unexpected token, found 'url("dialog.css")'
(911,1): run-time error CSS1019: Unexpected token, found '@import'
(911,9): run-time error CSS1019: Unexpected token, found 'url("draggable.css")'
(912,1): run-time error CSS1019: Unexpected token, found '@import'
(912,9): run-time error CSS1019: Unexpected token, found 'url("menu.css")'
(913,1): run-time error CSS1019: Unexpected token, found '@import'
(913,9): run-time error CSS1019: Unexpected token, found 'url("progressbar.css")'
(914,1): run-time error CSS1019: Unexpected token, found '@import'
(914,9): run-time error CSS1019: Unexpected token, found 'url("resizable.css")'
(915,1): run-time error CSS1019: Unexpected token, found '@import'
(915,9): run-time error CSS1019: Unexpected token, found 'url("selectable.css")'
(916,1): run-time error CSS1019: Unexpected token, found '@import'
(916,9): run-time error CSS1019: Unexpected token, found 'url("selectmenu.css")'
(917,1): run-time error CSS1019: Unexpected token, found '@import'
(917,9): run-time error CSS1019: Unexpected token, found 'url("sortable.css")'
(918,1): run-time error CSS1019: Unexpected token, found '@import'
(918,9): run-time error CSS1019: Unexpected token, found 'url("slider.css")'
(919,1): run-time error CSS1019: Unexpected token, found '@import'
(919,9): run-time error CSS1019: Unexpected token, found 'url("spinner.css")'
(920,1): run-time error CSS1019: Unexpected token, found '@import'
(920,9): run-time error CSS1019: Unexpected token, found 'url("tabs.css")'
(921,1): run-time error CSS1019: Unexpected token, found '@import'
(921,9): run-time error CSS1019: Unexpected token, found 'url("tooltip.css")'
 */
@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\002a";
}
.glyphicon-plus:before {
  content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}
.cal_day_container {
    position: relative;
    float: left;
    width: 14.28%;
    border: 0px solid green;
    height: 100%;
}
.cal_day {
    position: relative;
    float: left;
    min-height: 80px;
    width: calc(100% - 2px);
    border: 1px solid #cccccc;
    margin: 1px;
    height: 100%;
    border-radius: 4px;
}

.cal_day_clear {
    background-color: transparent;
}

.cal_day_gray {
    background-color: #eeeeee ;
}

.cal_item {
    margin: 2px;
    border: 1px solid ; 
    border-radius: 3px; 
    overflow: hidden;        
}

.cal_item_opacity_translucent {
    opacity: 0.30;
}

.cal_item_opacity_opaque {
    opacity: 1.00;
}

.cal_item_in_list {
    margin: 2px;
    padding-right: 12px;
    padding-left: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 3px; 
    overflow: hidden;
    text-wrap: none;
    text-overflow: ellipsis;
    cursor: pointer;
}

.cal_item_in_list:hover {
    opacity: 0.30;
}



.cal_row {
    border: 0px solid green;
    position: relative;
    height: auto;
    width: 100%;
    padding-bottom: 0px;
}

@media (max-width: 599px) {
    .cal_short {
        display: inline-block;
    }

    .cal_long {
        display: none;
    }
}

@media (min-width: 600px) {
    .cal_short {
        display: none;
    }

    .cal_long {
        display: inline-block;
    }
}

/*!
 * jQuery UI CSS Framework 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
@import url("core.css");

@import url("accordion.css");
@import url("autocomplete.css");
@import url("button.css");
@import url("datepicker.css");
@import url("dialog.css");
@import url("draggable.css");
@import url("menu.css");
@import url("progressbar.css");
@import url("resizable.css");
@import url("selectable.css");
@import url("selectmenu.css");
@import url("sortable.css");
@import url("slider.css");
@import url("spinner.css");
@import url("tabs.css");
@import url("tooltip.css");

/*!
 * jQuery UI CSS Framework 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*!
 * jQuery UI CSS Framework 1.12.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon,
.ui-state-default .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}

/*!
 * jQuery UI Datepicker 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/datepicker/#theming
 */
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

@font-face {
    font-family: 'Noto Sans' ;
    src: url('../fonts/NotoSans-Regular.ttf') format('truetype');
}  
@font-face {
    font-family: 'Noto Sans Bold' ;
    src: url('../fonts/NotoSans-Bold.ttf') format('truetype');
}  
@font-face {
    font-family: 'Noto Sans JP' ;
    src: url('../fonts/NotoSansCJKjp-Regular.otf');
}  
@font-face {
    font-family: 'Noto Sans SC' ;
    src: url('../fonts/NotoSansCJKsc-Regular.otf');
}

body {
    font-family: "Noto Sans", "Noto Sans JP", "Noto Sans SC", sans-serif !important;
    font-size: 15px;
    font-size-adjust: none ;
    color: #000000 ;
    margin: 0px;
    padding: 0px;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    overflow-y: hidden;
}

a:link, a:visited {
    color: #238dea ;
    text-decoration: none ;
}
    a:link:hover {
        color: #1b6cb4;
        text-decoration: underline;
    }
    a.nounderline:link:hover {
        text-decoration: none;
    }


/**************************************************************************************************/

div {
    outline: none;
    -webkit-overflow-scrolling: touch;
}

fieldset {
    border: none;
    padding: 0px;
    margin: 0px;
}

/**************************************************************************************************/
/* Login Page */
.login_table {
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url('../Images/login_background.png');
    background-size: 100% 100%;
}
.login_popup {
    padding: 8px;
    border-radius: 5px;
    border: 1px solid #eeeeee;
    border-image: none;
    width: 270px;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    box-shadow: 0px 0px, 10px 10px 10px rgba(0,0,0,0.1);
    background-color: rgba(255, 255, 255, 0.8);
}

.login_popup_left {
}

.login_popup_right {
}


@media (max-height: 480px){
    .login_popup {
        width: 600px;
        height: 300px;
    }

    .login_popup_left {
        float: left;
        width: 260px;
    }

    .login_popup_right {
        float: left;
        width: 280px;
        border-left: 1px solid rgba(0,0,0,0.10);
        height: 100%;
        margin-left: 20px;
        padding-left: 20px;
        padding-top: 23px;
    }
}

/**************************************************************************************************/
/* Main Page */
.page_container {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.page_title {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 44px;
    background-color: #134d80;
    color: #ffffff;

    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
}

.iniframe .page_title {
    display: none;
}

.page_title_left {
    box-sizing: border-box;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.page_title_right {
    box-sizing: border-box;
    vertical-align: middle;
    display: inline-block;
    text-align: right;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.page_title_icon {
    padding: 8px 8px 8px 10px;
    font-size: 20pt;
    vertical-align: middle;
    cursor: pointer;
}

.page_detail {
    position: absolute;
    top: 44px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin-left: 220px;
    padding-left: 0px;
    padding-right: 0px;
    overflow: auto;
    background-color: #ffffff;
    transition-property: width;
    transition-duration: 0.3s;

    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
    padding-bottom: env(safe-area-inset-bottom);
}

.iniframe .page_detail {
    top: 0px;
    margin: 0px;
}

.page_detail_open {
    margin-left: 220px;
    transition-property: margin-left;
    transition-duration: 0.3s;
}

.page_detail_closed {
    margin-left: 48px;
    transition-property: margin-left;
    transition-duration: 0.3s;
}

.page_menu_container {
    position: absolute;
    top: 44px;
    left: 0px;
    bottom: 0px;
    overflow: hidden;
    z-index: 1001;
    background-color: rgba(240,240,240,.95);

    padding-left: env(safe-area-inset-left);
}

.iniframe .page_menu_container {
    display: none;
}

.iniframe .popout_menu_container {
    display: none;
}

.page_menu_container_open {
    width: 220px;
    transition-property: width;
    transition-duration: 0.3s;
}

.page_menu_container_closed {
    width: 48px;
    transition-property: width;
    transition-duration: 0.3s;
}


@media (max-width: 1024px) {
    .page_menu_container_open {
        width: 220px;
        transition-property: width;
        transition-duration: 0.3s;
    }

    .page_detail_open {
        margin-left: 220px;
        transition-property: margin-left;
        transition-duration: 0.3s;
    }
}

@media (max-width: 768px) {
    .page_menu_container_open {
        width: 220px;
        transition-property: width;
        transition-duration: 0.3s;
    }

    .page_detail_open {
        margin-left: 48px;
        transition-property: margin-left;
        transition-duration: 0.3s;
    }

    .page_detail_closed {
        margin-left: 48px;
        transition-property: margin-left;
        transition-duration: 0.3s;
    }
    .page_menu_container {
        z-index: 1003;
    }
}

@media (max-width: 480px) {
    .page_menu_container_closed {
        width: 0px;
        transition-property: width;
        transition-duration: 0.3s;
    }

    .page_detail_open {
        margin-left: 0px;
        transition-property: margin-left;
        transition-duration: 0.3s;
    }

    .page_detail_closed {
        margin-left: 0px;
        transition-property: margin-left;
        transition-duration: 0.3s;
    }
    .page_menu_container {
        z-index: 1003;
    }
}

.page_menu_detail {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 230px;
    overflow: auto;
    background-color: rgba(240,240,240,0.95);
}


/**************************************************************************************************/
/* Menu */
.menu2 {
    list-style: none;
    margin: 0px;
    padding: 0px;    
    z-index: 10;
    padding-left: env(safe-area-inset-left);
}

    #options_menu {
        margin-right: env(safe-area-inset-left);
    }

    .popout_container ul.menu2 {
        padding: 0px;
    }

    .popout_menu_container .popout_container {
        padding-left: env(safe-area-inset-left);
    }

    .menu2 ul {
    }

    .menu2 li {
    }
        .menu2 li.disabled {
            opacity: 0.20;
        }
        .menu2 span.disabled {
            opacity: 0.20;
        }

        .menu2 li.open {
            overflow: hidden;
            transition-property: max-height;
            transition-duration: 0.3s;
            max-height: 40px;
        }
            .menu2 li.open.disabled {
                opacity: 0.20;
            }

        .menu2 li.closed {
            overflow: hidden;
            transition-property: max-height;
            transition-duration: 0.3s;
            max-height: 0px;
        }
            .menu2 li.closed.disabled {
                opacity: 0.20;
            }

        .menu2 li:hover {
            background-color: #238dea;
        }

        .menu2 li.nohighlight:hover {
            background-color: rgba(240, 240, 240, 1);
        }

        .menu2 li .edit {
            width: calc(100% - 40px) !important;
        }

        .menu2 li .delete {
            color: #800000;
            padding-left: 4px;
            padding-right: 8px;
            padding-top: 8px;
            padding-bottom: 4px;
            cursor: pointer;
        }

        .menu2 li .undelete {
            color: #008000;
            padding-left: 4px;
            padding-right: 8px;
            padding-top: 8px;
            padding-bottom: 4px;
            cursor: pointer;
        }

        .menu2 li.popout.disabled {
            opacity: 0.20;
        }
        .menu2 li.popout a {
            padding-left: 8px;
            padding-right: 8px;
        }
        .menu2 li.popout a:hover {
            text-decoration: none;
        }

        .menu2 li.popout label {
            padding-top: 8px;
            padding-bottom: 8px;
            padding-left: 8px;
            padding-right: 8px;
            color: #555555;
        }
        .menu2 li.popout label:hover {
            color: #ffffff;
        }
        .menu2 li.popout label.nohighlight:hover {
            color: #555555;
        }
        

    .menu2 .heading {
        font-family: "Noto Sans Bold", "Noto Sans JP", "Noto Sans SC", sans-serif !important;
        font-size: 15px;
        color: #555555;
    }

        .menu2 .heading:hover {
            color: #ffffff;
        }

        .menu2 .heading.selected {
            color: #238dea;
            background-color: #ffffff;
        }

            .menu2 .heading.selected:hover {
                color: #ffffff;
                background-color: #238dea;
            }

    .menu2 .subheading {
        font-family: "Noto Sans", "Noto Sans JP", "Noto Sans SC", sans-serif !important;
        font-weight: normal;
        font-size: 15px;
        color: #666666;
    }

        .menu2 .subheading:hover {
            color: #ffffff;
        }

        .menu2 .subheading.selected {
            color: #238dea;
            background-color: #ffffff;
        }

            .menu2 .subheading.selected:hover {
                color: #ffffff;
                background-color: #238dea;
            }

    .menu2 .icon {
        font-weight: normal;
        margin-left: 16px;
        margin-right: 16px;
    }

    .menu2 .iconi {
        font-weight: normal;
        margin-left: 16px;
        margin-right: 16px;
        visibility: hidden;
    }

    .menu2 a {
        padding-top: 8px;
        padding-bottom: 8px;
        display: block;
        min-height: 24px;
    }
    .menu2 a:hover {
        text-decoration: none;
    }

    .menu2 hr {
        margin-top: 4px;
        margin-bottom: 4px;
        border-style: solid;
        border-top-width: 1px;
        border-bottom-width: 0px;
        border-left-width: 0px;
        border-right-width: 0px;
        color: #cccccc;
    }

#menu_scroll_bottom {
    position: absolute;
    bottom: 0px;
    height: 32px;    
    width: 100%;
    background-color: rgba(240,240,240,0.95);
    box-sizing: border-box;    
    cursor: pointer;    
}
/*
    #menu_scroll_bottom nav {
        height: 100%;
        transition-property: opacity ;
        transition-duration: 0.3s;
        opacity: 0.0;
    }

    #menu_scroll_bottom div {
        width: 50%;
        height: 100%;
        text-align: center;
        float: left;
        color: #ffffff;
        background-color: #134d80;
    }
        #menu_scroll_bottom div:hover {
            background-color: #238dea;
        }

    #menu_scroll_bottom .down {
        width: 100%;
        height: 100%;
        background-image: url("../Images/select_arrow.png");
        background-position: center 10px;
        background-repeat: no-repeat;
        background-size: 10px;
    }
    #menu_scroll_bottom .up {
        width: 100%;
        height: 100%;
        background-image: url("../Images/select_arrow2.png");
        background-position: center 10px;
        background-repeat: no-repeat;
        background-size: 10px;
    }

    #menu_scroll_bottom a:link, #menu_scroll_bottom a:visited {
        color: #ffffff ;
        text-decoration: none ;
    }
    #menu_scroll_bottom a:link:hover {
        color: #ffffff ;
        text-decoration: underline ;
    }
*/
#menu_scroll_bottom_indicator {
    margin: 8px;
    border-radius: 8px;
    background-color: #cccccc;
    
    width: calc(100% - 16px);
    width: calc(100% - 16px - env(safe-area-inset-left));

    height: calc(100% - 16px);
    line-height: 1.3;
    font-size: 12px;
    color: #555555;
    transition-property: opacity;
    transition-duration: 0.3s;
    text-align: center;
}

.popout_menu_container {
    position: absolute;
    top: 124px;
    width: 0px;
    left: 48px;
    z-index: 1003;
}

.popout_container {
    position: relative;
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.4);
    background-color: rgba(240, 240, 240, 1);
    z-index: 10;
    width: 156px;
}

.popout_container_inline_input {
    display: none;
    width: calc(160% - 10px);
    padding-bottom: 8px;
    position: absolute;
    overflow-y: auto;
    max-height: 300px;
}
@media (max-width: 768px) {
    .popout_container_inline_input {
        width: 100%;
    }
}


.menu_spacer {
    content: "\e0020";
    display: block;
    height: 40px;
}

/*******************************************************************/
/* Inputs */
input, select, textarea, button {
    margin: 0px;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 1px;
    padding-top: 0px;
    box-sizing: border-box;
    outline: none;
    font-family: "Noto Sans", "Noto Sans JP", "Noto Sans SC", sans-serif !important;
    font-size: 13px;
    height: 30px;
    box-shadow: none;
}

select {
    padding-right: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("../Images/select_arrow.png");
    background-repeat: no-repeat;
    background-position-y: 10px;
    background-position-x: calc(100% - 3px);
    background-size: 8px;
}
select::-ms-expand {
    display: none;
}

.input_box {
    position: relative;
}

.input_box.help input {
    padding-right: 22px;
}
.input_box.help select {
    background-position-x: calc(-24px + 100%); /* for the fake arrow move in more*/
    padding-right: 32px;
}
.input_box span[class*="help_icon"] {
    position: absolute;
    right: 13px;
    top: 7px;
    cursor: pointer;
}

@media (max-width: 480px) {
    .side_by_side_300 .input_box span[class*="help_icon"] {
        right: 5px;
    }

    .side_by_side_300 .side_by_side_150 .input_box span[class*="help_icon"] {
        right: 13px;
    }
}

.input_box input, .input_box select, .input_box textarea {
    border: 1px solid #238dea;
    border-radius: 2px;
    background-color: white;
}

.input_box input, .input_box textarea {
    background: -webkit-linear-gradient(white, white); 
}

.input_box input:disabled, .input_box select:disabled, .input_box textarea:disabled {
    border: 1px solid #ccdcea;
    border-radius: 2px;
    background: #f2f2f2;
    background: -webkit-linear-gradient(#f2f2f2, #f2f2f2); 
}


.input_line input, .input_line select, .input_line textarea {
    border: 1px solid;
    border-top-color: transparent ;
    border-left-color: transparent ;
    border-right-color: transparent ;
    border-bottom-color: #cccccc ;
    border-radius: 0px;
    background: transparent;
    /*TOO SLOW IN CHROME background: -webkit-linear-gradient(transparent, transparent); */
}

.input_line select {
    padding-left: 2px;
}

input:focus, select:focus, textarea:focus {
    border: 1px solid #82e600;
    box-shadow: 0px 0px 5px #82e600;
    background-color: white;
    /*background: -webkit-linear-gradient(white, white); */
}
input.input-validation-error, select.input-validation-error {
    background-color: #ffeeee ;
    border-color: #ff0000;
    border-radius: 2px;
    background: -webkit-linear-gradient(#ffeeee, #ffeeee); 
}
input.input-validation-error:focus, select.input-validation-error:focus, textarea.input-validation-error:focus {
    border: 1px solid #ff0000;
    box-shadow: 0px 0px 5px #ff0000;
}

.input_box_fake {
    margin: 0px;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 0px;
    padding-top: 0px;
    box-sizing: border-box;
    outline: none;
    font-family: "Noto Sans", "Noto Sans JP", "Noto Sans SC", sans-serif !important;
    font-size: 13px;
    height: 30px;
    border: 1px solid #238dea;
    border-radius: 2px;
    background: white;
}

.input_box_fake_nm {
    box-sizing: border-box;
    outline: none;
    font-family: "Noto Sans", "Noto Sans JP", "Noto Sans SC", sans-serif !important;
    font-size: 13px;
    border: 1px solid #238dea;
    border-radius: 2px;
    background: white;
}
    .input_box_fake_nm.active {
        border-color: #82e600;
    }

input[type=button], input[type=submit], button {
    color: #ffffff;
    background-color: #238dea;
    font-size: 14px;
    border-radius: 3px;
    border: 0px;
    width: 128px;
    height: 30px;
    background: -webkit-linear-gradient(#238dea, #238dea); 
}

input[type=button]:hover, input[type=submit]:hover, button:hover {
    background-color: #1b6cb4;
    background: -webkit-linear-gradient(#1b6cb4, #1b6cb4); 
    text-decoration: underline;
    cursor: pointer;
}

input[type=button]:disabled, input[type=submit]:disabled, button:disabled {
    background-color: #bcd5eb;
    background: -webkit-linear-gradient(#bcd5eb, #bcd5eb); 
}

    input[type=button].invert, input[type=submit].invert, button.invert {
        color: #238dea;
        background-color: #ffffff;
        border: 2px solid;
        border-color: #238dea;
        background: -webkit-linear-gradient(#ffffff, #ffffff);
    }

        input[type=button].invert:hover, input[type=submit].invert:hover, button.invert:hover {
            background-color: #1b6cb4;
            border-color: #1b6cb4;
            color: #ffffff;
            background: -webkit-linear-gradient(#1b6cb4, #1b6cb4);
        }

        input[type=button].invert:disabled, input[type=submit].invert:disabled, button.invert:disabled {
            background-color: #f2f2f2;
            border-color: #bcd5eb;
            color: #bcd5eb;
            background: -webkit-linear-gradient(#f2f2f2, #f2f2f2);
        }

/*******************************************************************/
/* Custom inputs */

.checkbox_actual {
    margin: 0px;
    padding: 0px;
    width: 16px !important;
    height: 16px !important;
    position: absolute;
    opacity: 0.0;
    z-index: 2;
}
.checkbox_container {
    border: 1px solid #238dea;
    border-radius: 2px;
    border-image: none;
    width: 16px;
    height: 16px;
    overflow: hidden;
    display: inline-block;
    vertical-align: text-top;
    position: relative;
    top: 1px;
    margin-bottom: 12px;
    text-align: left;
}
.side_by_side_150 .checkbox_container, .side_by_side_300 .checkbox_container {
    top: 6px;
}
.checkbox_container_focus {
    border: 1px solid #82e600;
    box-shadow: 0px 0px 5px #82e600;
}
.checkbox_tick {
    font-size: 13px;
    margin-left: 1px;
    position: absolute;
}
    .checkbox_tick.glyphicon-ok {
        font-size: 13px;
    }

/* Radio Button */
.radiobutton_actual {
    margin: 0px;
    padding: 0px;
    width: 16px;
    height: 16px;
    position: absolute;
    opacity: 0.0;
    z-index: 2;
}
.radiobutton_container {
    border: 1px solid #238dea;
    border-radius: 8px;
    border-image: none;
    width: 16px;
    height: 16px;
    overflow: hidden;
    display: inline-block;
    vertical-align: text-top;
    position: relative;
    top: 1px;
    margin-bottom: 12px;
}
.radiobutton_container_focus {
    border: 1px solid #82e600;
    box-shadow: 0px 0px 5px #82e600;
}
.radiobutton_tick {
    margin-left: 3px;
    margin-top: 3px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #000000;
    position: absolute;
}

fieldset.inline {
    padding-top: 3px;
}
fieldset.inline .radiobutton_container {
    margin-bottom: 0px;
}

/* Switch */
.switch_actual {
    left: 0px;
    top: 0px;
    width: 50px;
    height: 100%;
    position: absolute;
    opacity: 0;
}
.switch_container {
    border-radius: 2px;
    border: 1px solid #238dea;
    border-image: none;
    width: 50px;
    height: 30px;
    overflow: hidden;
    vertical-align: top;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
}
.switch_container_focus {
    border: 1px solid #82e600;
    box-shadow: 0px 0px 5px #82e600;
}
.switch_container_inner {
    position: relative;
    width: 100px;
    height: 100%;    
    left: 0px;
    transition: left 0.3s;
}
.switch_container_inner_left {
    width: 32px;
    height: 100%;
    padding-top: 3px;
    padding-left: 4px;
    float: left;
}
.switch_container_inner_bar {
    width: 12px;
    height: 100%;
    float: left;
    background-color: #238dea;
}
.switch_container_inner_right {
    height: 100%;
    padding-top: 3px;
    padding-left: 4px;
    float: left;
}

/*******************************************************************/
/* Buttons */
.button_list {
    width: 56px;
}

.button_list_inline_input {
    top: 3px;
    width: 44px;
    height: 24px;
    font-size: 13px;
    position: absolute;
}
.button_list_inline_input.large {
    width: 64px;
}
.button_list_inline_input.button_list_inline_input_pos1 {
    right: 4px;
}
.button_list_inline_input.button_list_inline_input_pos2 {
    right: 60px;
}

.side_by_side_150col .button_list_inline_input.button_list_inline_input_pos1,
.side_by_side_300col .button_list_inline_input.button_list_inline_input_pos1 {
    right: 13px;
}

button[class*="button_list_inline_input_pos1"] ~ input {
    padding-right: 52px;

}
button[class*="button_list_inline_input_pos1"].large ~ input {
    padding-right: 70px;

}

@media (max-width: 768px) {
    .side_by_side_150col .button_list_inline_input.button_list_inline_input_pos1,
    .side_by_side_300col .button_list_inline_input.button_list_inline_input_pos1 {
        right: 4px;
    }
    .button_list_inline_input.button_list_inline_input_pos2 {
        right: 50px;
    }
}

.button_fake {
    font-family: "Noto Sans", "Noto Sans JP", "Noto Sans SC", sans-serif !important;
    color: #ffffff;
    background-color: #238dea;
    font-size: 14px;
    border-radius: 3px;
    border: 0px;
    width: 128px;
    height: 30px;
}
    .button_fake:hover {
        background-color: #1b6cb4;
        text-decoration: underline;
    }

.button_fake_list {
    font-family: "Noto Sans", "Noto Sans JP", "Noto Sans SC", sans-serif !important;
    font-size: 14px;
    border-radius: 3px;
    width: 56px;
    height: 30px;
    max-width: 100%;
    text-align: center;
    box-sizing: border-box;
    color: #ffffff;
    background-color: #238dea;
    display: inline-block;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
}
    .button_fake_list:not(button) {
        padding-top: 6px;
    }
    .button_fake_list:hover {
        background-color: #1b6cb4;
        text-decoration: underline;
    }

    a.button_fake_list:link, a.button_fake_list:visited {
        color: #ffffff ;
    }
.button_fake_list.auto {
    padding-left: 6px;
    padding-right: 6px;
    width: auto;
}

.button_fake_list.small {
    height: 24px;
    padding-top: 2px;
}

.button_file_upload {
}
    .button_file_upload:hover input[type=button] {
        background-color: #1b6cb4;
        background: -webkit-linear-gradient(#1b6cb4, #1b6cb4); 
        text-decoration: underline;
    }

.button_bar {
    padding: 8px;
    width: 100%;
    height: 48px;
    bottom: 0px;
    background-color: #ffffff;
    box-sizing: border-box;
}
.button_bar.hauto {
    height: auto;
}
.button_bar.with_error {
    height: 68px;
}

.button_bar_fixed_bottom {
    position: fixed;
    padding: 8px;
    width: 100%;
    height: 48px;
    bottom: 0px;
    background-color: #ffffff;
    box-sizing: border-box;
}

.button_bar_fixed_top {
    position: fixed;
    padding: 8px;
    width: 100%;
    height: 48px;
    top: 44px;
    background-color: #ffffff;
    z-index: 3;
}

.iniframe .button_bar_fixed_top {
    top: 0px;
}

.button_heading {
    margin-top: 4px;
    margin-left: 16px;
    color: #238dea;
    background-color: #ffffff;
    background: -webkit-linear-gradient(#ffffff, #ffffff);
    border: 2px solid;
    border-color: #238dea;
}
.button_heading:hover {
    color: #ffffff;
    border-width: 0px;
}

@media (max-width: 768px) {
    .button_heading {
        width: 96px;
    }
}


/*******************************************************************/
/* File Upload */
.upload_wrapper {
    position: relative;
    width: 172px;
    height: 30px;
    overflow: hidden;
}

.upload_file {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 128px;
    height: 30px;
    z-index: 2;
    opacity: 0;
}

.upload_button {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 128px;
    height: 30px;
    z-index: 1;
}

.upload_status {
    left: 140px;
    width: 28px;
    height: 28px;
    visibility: hidden;
    position: absolute;
    background-image: url("../Images/loading.gif");
    background-repeat: no-repeat;
    background-size: 28px 28px;
}

/**** Date Picker ****/
.ui-widget-content, .ui-widget.ui-widget-content {
    border: 1px solid #82e600;
    box-shadow: 0px 0px 5px #82e600;
}

.ui-datepicker-month, .ui-datepicker-year {
    border: 1px solid #238dea;
    border-radius: 3px;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border-color: #82e600;
}

/*******************************************************************/
/* Layout */
.side_by_side {
    float: left;
    padding-right: 4px;
}

.side_by_side_100pc {
    width: 100% ;
    margin-bottom: 16px;
    background-color: transparent;
    transition: max-height 0.3s;
    padding-top: 4px;
    padding-left: 8px;
    padding-right: 8px;
    box-sizing: border-box;
}
.side_by_side_100pcnm {
    width: 100% ;
    background-color: transparent;
    transition: max-height 0.3s;
    padding-top: 4px;
    padding-left: 8px;
    padding-right: 8px;
    box-sizing: border-box;
}
.side_by_side_100pc.np {
    padding-left: 0px;
    padding-right: 0px;
}
.side_by_side_100pc input[type=text], .side_by_side_100pc input[type=password], .side_by_side_100pc select, .side_by_side_100pcnm input[type=text], .side_by_side_100pcnm input[type=password], .side_by_side_100pcnm select {
    width: 100%;
}
.side_by_side_100pc label, .side_by_side_100pcnm label {
    font-family: "Noto Sans", "Noto Sans JP", "Noto Sans SC", sans-serif !important;
    font-size: 14px;
    display: block;
    max-height: 24px;
}
.side_by_side_100pc label.titleheader, .side_by_side_100pcnm label.titleheader, .side_by_side_100pc span.titleheader, .side_by_side_100pcnm span.titleheader {
    font-family: "Noto Sans Bold", "Noto Sans JP", "Noto Sans SC", sans-serif !important;
    font-size: 18px ;
    max-height: none;
}
.side_by_side_100pc label.titleheader2, .side_by_side_100pcnm label.titleheader2, .side_by_side_100pc span.titleheader2, .side_by_side_100pcnm span.titleheader2 {
    font-family: "Noto Sans Bold", "Noto Sans JP", "Noto Sans SC", sans-serif !important;
    font-size: 14px ;
    max-height: none;
}
.side_by_side_100pc fieldset label, .side_by_side_100pcnm fieldset label {
    display: inline-block;
}

.side_by_side_100pcnmnp {
    display: inline-block;
    width: 100%;
}

/* 300 */
.side_by_side_300 {
    position: relative;
    float: left;
    width: 320px ;
    margin-bottom: 8px;
    background-color: transparent;
}
.side_by_side_300.nm {
    margin: 0px;
}
.side_by_side_300 input[type=text], .side_by_side_300 input[type=password], .side_by_side_300 select {
    width: calc(100% - 8px) ;
}
.side_by_side_300 label .label {
    font-family: "Noto Sans", "Noto Sans JP", "Noto Sans SC", sans-serif !important;
    font-size: 14px;
    display: block;
    max-height: 24px;
}
.side_by_side_300 .label {
    width: calc(35% - 14px);
    margin-right: 14px;
    display: inline-block;
    font-size: 13px ;
    white-space: nowrap;
}
.side_by_side_300 .input {
    width: 65%;
    display: inline-block;
    margin-left: -14px; 
}
.side_by_side_300 .input input[type=text], .side_by_side_300 .input input[type=password] {
    width: 100%;
}
.side_by_side_300 label.titleheader {
    font-family: "Noto Sans Bold", "Noto Sans JP", "Noto Sans SC", sans-serif !important;
    font-size: 18px ;
    max-height: none;
}
.side_by_side_300 label.titleheader2 {
    font-family: "Noto Sans Bold", "Noto Sans JP", "Noto Sans SC", sans-serif !important;
    font-size: 14px ;
    max-height: none;
}
.side_by_side_300 label.with_microhelp {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
}

/*1200 is where 3 larg columns no longer fit.*/
@media (max-width: 1200px) {
    .side_by_side_300 {
        width: 260px ;
    }
}
@media (max-width: 768px) {
    .side_by_side_300 {
        width: 234px ;
    }
}
@media (max-width: 480px) {
    .side_by_side_300 {
        float: left;
        width: 100%;
        background-color: transparent;
    }
        .side_by_side_300 input[type=text], .side_by_side_300 input[type=password], .side_by_side_300 select {
            width: 100%;
        }
        .side_by_side_300 .input {
            margin-left: -4px; 
        }
}

/* 300 Column */
.side_by_side_300col {
    float: left;
    max-width: 320px ;
    width: 100%;
    margin-bottom: 8px;
    background-color: transparent;
    position: relative;
}
.side_by_side_300col input[type=text], .side_by_side_300col input[type=password], .side_by_side_300col select {
    width: calc(100% - 10px) ;
}
.side_by_side_300col label, .side_by_side_300col .label_inline .label_inline_visible {
    font-family: "Noto Sans", "Noto Sans JP", "Noto Sans SC", sans-serif !important;
    font-size: 14px;
    display: block;
    max-height: 24px;
    min-height: 24px;
}
.side_by_side_300col .label_inline_visible {
    width: 32%;
    display: inline-block;
    font-size: 13px ;
}
.side_by_side_300col .label_inline {
    position: relative;
    font-size: 13px ;
    display: none;
}
.side_by_side_300col .input_inline_with_label {
    position: relative;
    width: calc(68% - 4px);
    display: inline-block;
}
.side_by_side_300col .input_inline {
    position: relative;
    width: 100%;
    display: inline-block;
}
.side_by_side_300col .input_inline label, .side_by_side_300col .input_inline_with_label label {
    position: relative;
    font-size: 13px;
    padding-top: 3px;
}
.side_by_side_300col .input_inline .checkbox_container, .side_by_side_300col .input_inline .radiobutton_container {
    margin-top: 5px;
    margin-bottom: -5px;
}
.side_by_side_300col .input input[type=text], .side_by_side_300col .input input[type=password] {
    width: 100%;
}
.side_by_side_300col label.titleheader {
    font-family: "Noto Sans Bold", "Noto Sans JP", "Noto Sans SC", sans-serif !important;
    font-size: 18px ;
    max-height: none;
    position: relative;
    display: inline-block;
}
.side_by_side_300col label.titleheader2 {
    font-family: "Noto Sans Bold", "Noto Sans JP", "Noto Sans SC", sans-serif !important;
    font-size: 14px ;
    max-height: none;
    position: relative;
    display: inline-block;
}
.side_by_side_300col label.with_microhelp {
    display: inline-block;
}
.side_by_side_300col .center {
    text-align: center;
    width: 100%;
}
.side_by_side_300col.help .help_icon16 {
    top: -6px;
    right: 0px;
    display: inline-block;
    position: relative;
}

/* 150 */
.side_by_side_150 {
    position: relative;
    float: left;
    width: 160px ;
    margin-bottom: 8px;
    background-color: transparent;
}
.side_by_side_150nm {
    float: left;
    width: 150px ;
    background-color: transparent;
}
.side_by_side_150 input[type=text], .side_by_side_150 input[type=password], .side_by_side_150 select, .side_by_side_150nm input[type=text], .side_by_side_150nm input[type=password], .side_by_side_150nm select  {
    width: calc(100% - 8px) ;
}
.side_by_side_150 label, side_by_side_150nm label {
    font-family: "Noto Sans", "Noto Sans JP", "Noto Sans SC", sans-serif !important;
    font-size: 14px;
    display: block;
    max-height: 24px;
    min-height: 24px;
    white-space: nowrap;
}
.side_by_side_150 label.label_none::before {
    content: "\00a0" ;
}
.side_by_side_150 label.titleheader, .side_by_side_150nm label.titleheader  {
    font-family: "Noto Sans Bold", "Noto Sans JP", "Noto Sans SC", sans-serif !important;
    font-size: 18px ;
    max-height: none;
}
.side_by_side_150 label.titleheader2, .side_by_side_150nm label.titleheader2  {
    font-family: "Noto Sans Bold", "Noto Sans JP", "Noto Sans SC", sans-serif !important;
    font-size: 14px ;
    max-height: none;
}
.side_by_side_150 label.with_microhelp, .side_by_side_150nm label.with_microhelp {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
}

/* 150 Month / Day */
.side_by_side_150 .side_by_side_date_month {
    width: 100px;
    display: inline-block;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.side_by_side_150 .side_by_side_date_day {
    width: 50px;
    display: inline-block;
    margin-left: -4px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left: 0px;
}

/*1200 is where 3 larg columns no longer fit.*/
@media (max-width: 1200px) {
    .side_by_side_150 {
        width: 130px ;
    }
    .side_by_side_150 .side_by_side_date_month {
        width: 87px ;
    }
    .side_by_side_150 .side_by_side_date_day {
        width: 35px ;
    }
}
@media (max-width: 768px) {
    .side_by_side_150 {
        width: 117px ;
    }
    .side_by_side_150 .side_by_side_date_month {
        width: 74px ;
    }
    .side_by_side_150 .side_by_side_date_day {
        width: 35px ;
    }
}
@media (max-width: 480px) {
    .side_by_side_150 {
        width: 160px ;
    }
    .side_by_side_150 .side_by_side_date_month {
        width: 100px ;
    }
    .side_by_side_150 .side_by_side_date_day {
        width: 50px ;
    }
    .side_by_side_150 label.label_none {
        display: none;
    }
}

/* 150 Column */
.side_by_side_150col {
    float: left;
    max-width: 160px ;
    width: 100%;
    margin-bottom: 8px;
    background-color: transparent;
    position: relative;
}
.side_by_side_150col input[type=text], .side_by_side_150col input[type=password], .side_by_side_150col select {
    width: calc(100% - 10px) ;
}
.side_by_side_150col label, .side_by_side_150col .label_inline {
    font-family: "Noto Sans", "Noto Sans JP", "Noto Sans SC", sans-serif !important;
    font-size: 14px;
    display: block;
    max-height: 24px;
}
.side_by_side_150col .label_inline {
    position: relative;
    font-size: 13px ;
    display: none;
}
.side_by_side_150col .input_inline {
    position: relative;
    width: 100%;
    display: inline-block;
}
.side_by_side_150col .input_inline_fixed {
    position: relative;
    width: 100%;
    max-width: 160px;
    display: inline-block;
}
.side_by_side_150col .input_inline label {
    position: relative;
    font-size: 13px;
    padding-top: 3px;
}
.side_by_side_150col .input_inline .checkbox_container, .side_by_side_150col .input_inline .radiobutton_container {
    margin-top: 5px;
    margin-bottom: -5px;
}
.side_by_side_150col label.titleheader {
    font-family: "Noto Sans Bold", "Noto Sans JP", "Noto Sans SC", sans-serif !important;
    font-size: 18px ;
    max-height: none;
    position: relative;
    display: inline-block;
}
.side_by_side_150col label.titleheader2 {
    font-family: "Noto Sans Bold", "Noto Sans JP", "Noto Sans SC", sans-serif !important;
    font-size: 14px ;
    max-height: none;
    position: relative;
    display: inline-block;
}
.side_by_side_150col label.with_microhelp {
    display: inline-block;
}
.side_by_side_150col .center {
    text-align: center;
    width: 100%;
}
.side_by_side_150col.help .help_icon16 {
    top: -6px;
    right: 0px;
    display: inline-block;
    position: relative;
}

/* 150 Column Month / Day */
.side_by_side_150col .side_by_side_date_month {
    width: calc(100% - 60px);
    display: inline-block;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.side_by_side_150col .side_by_side_date_day {
    width: 44px;
    display: inline-block;
    margin-left: 2px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left: 0px;
}

.col7pc {
    width: 7%;
    max-width: 86px ;
}
.col13pc {
    width: 13%;
}
.col26pc {
    width: 26%;
}

.col20px {
    width: 20px;
}
.col50px {
    width: 50px;
}
.col100px {
    width: 100px;
}

/* 4 Columns */
.col_4 {
    width: 25%;
    max-width: none;
}

.col_4_half {
    width: 12.50%;
    max-width: none;
}

.col_4_third {
    width: 8.33%;
    max-width: none;
}

.col_4_two_third {
    width: 16.66%;
    max-width: none;
}

.col_4_quarter {
    width: 6.25%;
    max-width: none;
}

.col_4_double {
    width: 50%;
    max-width: none;
}

/* 8 Columns */
.col_8 {
    width: 12.50% ;
    max-width: none ;
}
.col_8_half {
    width: 6.25% ;
    max-width: none ;
}
.col_8_third {
    width: 4.16% ;
    max-width: none ;
}
.col_8_two_third {
    width: 8.33% ;
    max-width: none ;
}
.col_8_quarter {
    width: 3.12% ;
    max-width: none ;
}
.col_8_double {
    width: 25% ;
    max-width: none ;
}

/* 10 Columns */
.col_9 {
    width: 11.11% ;
    max-width: none ;
}
.col_9_half {
    width: 5.55% ;
    max-width: none ;
}
.col_9_third {
    width: 3.70% ;
    max-width: none ;
}
.col_9_two_third {
    width: 7.40% ;
    max-width: none ;
}
.col_9_quarter {
    width: 2.77% ;
    max-width: none ;
}
.col_9_double {
    width: 22.22% ;
    max-width: none ;
}

/* 10 Columns */
.col_10 {
    width: 10% ;
    max-width: none ;
}
.col_10_half {
    width: 5.00% ;
    max-width: none ;
}
.col_10_third {
    width: 3.33% ;
    max-width: none ;
}
.col_10_two_third {
    width: 6.66% ;
    max-width: none ;
}
.col_10_quarter {
    width: 2.50% ;
    max-width: none ;
}
.col_10_double {
    width: 20% ;
    max-width: none ;
}


@media (max-width: 768px) {
    .side_by_side_300col, .side_by_side_150col {
        float: left;
        width: 100%;
        max-width: none ;
        background-color: transparent;
    }
        .side_by_side_300col input[type=text], .side_by_side_300col input[type=password], .side_by_side_300col select {
            width: 100%;
        }
        .side_by_side_150col input[type=text], .side_by_side_150col input[type=password], .side_by_side_150col select {
            width: 100%;
        }
        .side_by_side_300col .input, .side_by_side_150col .input {
            margin-left: -4px; 
        }

    .side_by_side_150col .side_by_side_date_month {
        width: calc(100% - 50px);
    }

    .side_by_side_300col .label_inline_visible {
        width: 20%;
    }
    .side_by_side_300col .label_inline {
        width: 20%;
        display: inline-block;
        vertical-align: top;
        padding-top: 6px;
    }
    .side_by_side_300col .input_inline_with_label {
        width: calc(80% - 4px);
    }
    .side_by_side_300col .input_inline {
        width: calc(80% - 4px);
    }
        .side_by_side_300col .input_inline label, .side_by_side_300col .input_inline_with_label label {
            padding-left: 5px;
        }
        .side_by_side_300col .center {
            text-align: left;
        }
    
    .side_by_side_150col .label_inline {
        width: 20%;
        display: inline-block;
        vertical-align: top;
        padding-top: 6px;
    }
    .side_by_side_150col .input_inline {
        width: calc(80% - 4px);
    }
        .side_by_side_150col .input_inline label {
            padding-left: 5px;
        }
        .side_by_side_150col .center {
            text-align: left;
        }

    .side_by_side_300col .input_inline .checkbox_container, .side_by_side_300col .input_inline .radiobutton_container {
        margin-top: 0px;
    }
    .side_by_side_150col .input_inline .checkbox_container, .side_by_side_150col .input_inline .radiobutton_container {
        margin-top: 0px;
    }

    .col7pc {
        width: 100%;
    }
    .col13pc {
        width: 100%;
    }
    .col26pc {
        width: 100%;
    }

    .col20px {
        width: 100%;
    }
    .col50px {
        width: 100%;
    }
    .col100px {
        width: 100%;
    }

    .col_8, .col_8_half, .col_8_third, .col_8_quarter, .col_8_double {
        width: 100%;
    }
    .col_10, .col_10_half, .col_10_third, .col_10_quarter, .col_10_double {
        width: 100%;
    }
}
@media (max-width: 480px) {
    .side_by_side_300col .label_inline_visible {
        width: 35%;
    }
    .side_by_side_300col .label_inline {
        width: 35%;
        display: inline-block;
        vertical-align: top;
        padding-top: 6px;
    }
    .side_by_side_300col .input_inline_with_label {
        width: calc(65% - 4px);
    }
    .side_by_side_300col .input_inline {
        width: calc(65% - 4px);
    }
    .side_by_side_150col .label_inline {
        width: 35%;
        display: inline-block;
        vertical-align: top;
        padding-top: 6px;
    }
    .side_by_side_150col .input_inline {
        width: calc(65% - 4px);
    }
}

.side_by_side_clear {
    clear: both;
}

.hide_1024 {
    display: block;
}
.hide_768 {
    display: block;
}
.hide_768_cell {
    display: table-cell;
}
.hide_480 {
    display: block;
}
.show_1024 {
    display: none;
}
.show_768 {
    display: none;
}
    .show_768 .title {
        position: relative;
        display: inline-block;
        width: 100%;
        min-height: 24px;
        padding-top: 10px;
        padding-bottom: 6px;
        border-bottom: 1px solid #238dea;
        margin-bottom: 7px;
    }
    .show_768 .title label {
        overflow: hidden;
        padding-right: 28px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .show_768 .title.with_order_icon label {
        padding-left: 0px;
    }
    .show_768 .showhide {
        padding: 8px;
        font-size: 18px;
        float: right;
        cursor: pointer;
        margin-top: -52px;
    }
    .show_768.line {
        margin-top: 4px;
        border-bottom: 1px solid #238dea;
    }
.show_768_cell {
    display: none;
}
.show_480 {
    display: none;
}
@media (max-width: 1024px) {
    .hide_1024 {
        display: none;
    }
    .show_1024 {
        display: block;
    }
}
@media (max-width: 768px) {
    .hide_768 {
        display: none;
    }
    .hide_768_cell {
        display: none;
    }
    .show_768 {
        display: block;
    }
    .show_768_cell {
        display: table-cell;
    }
}
@media (max-width: 480px) {
    .hide_480 {
        display: none;
    }
    .show_480 {
        display: block;
    }
}


.list_order_icon {
    cursor: pointer;
    position: relative;
    font-size: 22px;
    top: 5px;
}

td .list_order_icon {
    padding-left: 4px;
    margin-bottom: 18px;
    top: 8px;
}

@media (max-width: 768px) {
    .list_order_icon {
        position: absolute;
        top: 6px;
    }

    .show_768 .title.with_order_icon label {
        padding-left: 40px;
    }

}


/*******************************************************************/
/* Checkbox Grid */
.checkbox_grid {
    width: 260px;
    float: left;
    position: relative;
}
.checkbox_grid.grid_150 {
    width: 160px;
}

    .checkbox_grid .checkbox {
        padding-right: 4px;
        float: left;
    }
    .checkbox_grid .label {
        top: -2px;
        width: 232px;
        float: left;
        position: relative;
        max-height: none;
        display: inline-block;
    }

    .checkbox_grid.grid_150 .label {
        width: auto;
    }

    .checkbox_grid label {
        max-height: none;
    }

    .checkbox_grid .label span[class*="help_icon"] {
        position: absolute;
        right: -20px;
        top: 4px;
        cursor: pointer;
    }

/* 260 x 2 with padding of menu...*/
@media (max-width: 580px) {
    .checkbox_grid {
        width: 100%;
    }
        .checkbox_grid .label {
            width: calc(100% - 24px);
        }
}
@media (max-width: 1200px) {
    .checkbox_grid.grid_150 {
        width: 130px;
    }
}
@media (max-width: 768px) {
    .checkbox_grid.grid_150 {
        width: 117px;
    }
}
@media (max-width: 480px) {
    .checkbox_grid.grid_150 {
        width: 160px;
    }
}

.checkbox_grid_100pc {
    width: 100%;
    float: left;
}
    .checkbox_grid_100pc .checkbox {
        padding-right: 4px;
        float: left;
    }
    .checkbox_grid_100pc .label {
        top: -2px;
        width: calc(100% - 24px);
        float: left;
        position: relative;
        max-height: none;
    }
    .checkbox_grid_100pc .label_fixed {
        top: -2px;
        float: left;
        position: relative;
        max-height: none;
    }
    .checkbox_grid_100pc label {
        max-height: none;
    }


/*******************************************************************/
/* Highlighting */
.alternate_highlight_0 {
    background-color: #f6f6f6;
}
.alternate_highlight_1 {
    background-color: #ffffff;
}
.alternate_highlight:nth-child(even) {
    background-color: #f6f6f6;
}
.alternate_highlight:nth-child(odd) {
    background-color: #ffffff;
}
.alternate_highlight2:nth-child(even) {
    background-color: #ffffff;
}
.alternate_highlight2:nth-child(odd) {
    background-color: #f6f6f6;
}
.highlight_row {
    background-color: #82e600;
}
.highlight_row:nth-child(even) {
    background-color: #82e600;
}
.highlight_row:nth-child(odd) {
    background-color: #82e600;
}
.highlight_row_delete, .alternate_highlight.highlight_row_delete, .alternate_highlight2.highlight_row_delete {
    background-color: #ffcccc;
}
.highlight_row_undelete, .alternate_highlight.highlight_row_undelete, .alternate_highlight2.highlight_row_undelete {
    background-color: #ccffcc;
}



/*******************************************************************/
/* Tabs */
.tabs, .tabs_small {
    font-family: "Noto Sans Bold","Noto Sans JP","Noto Sans SC",sans-serif !important;
    background-color: #ffffff;
    width: 100%;
    height: auto;
    font-size: 13px;
}
.tabs ul, .tabs_small ul {
    list-style: none;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding: 0px;
}
.tabs li, .tabs_small li {
    display: inline-block;
    height: 32px;
    padding-top: 6px;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    color: #555555;
}
.tabs li {
    width: 136px;
    margin-bottom: -1px;
    text-transform: uppercase;
}
.tabs_small li {
    width: 94px;
}
.tabs_container {
    width: calc(100% - 16px);
    margin-right: 8px;
    margin-left: 8px;
    box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.1);
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.tabs_container_text_message_only {
    padding: 12px;
}


@media (max-width: 768px) {
    .tabs li {
        display: inline-block;
        width: 100%;
        height: 32px;
        padding-top: 6px;
        text-align: center;
        cursor: pointer;
    }
}
@media (max-width: 599px) {
    .tabs_small li {
        width: 48px;
    }
}

.tabs li:hover, .tabs li.active:hover, .tabs_small li:hover, .tabs_small li.active:hover {
    color: #000000;
    border-bottom: 4px solid;
    border-bottom-color: #82e600;

    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.tabs li.active, .tabs_small li.active {
    color: #000000;
    border-bottom: 4px solid;
    border-bottom-color: #52ba0c;

    box-sizing: border-box;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;    
}

.tabpage_active {
    display: block;
}
.tabpage_inactive {
    display: none;
}


/*******************************************************************/
/* Tables */
.table_100 {
    width: 100%; 
    padding: 0px; 
    border-spacing: 0px;
}
.table_100_100 {
    width: 100%;
    height: 100%;
    padding: 0px;
    border-spacing: 0px;
    left: 0px;
    top: 0px;
    position: fixed;
    z-index: 1021;
}
.table_normal {
    padding: 0px; 
    border-spacing: 0px;
}

.subject_row_inline {
    display:  table-cell;
}
.subject_row_bottom {
    display: none;
}
.subject_row_inline_none {
    display: none;
}
@media (max-width: 480px) {
    .subject_row_inline {
        display: none;
    }
    .subject_row_bottom {
        display: table-row;
    }
    .subject_row_inline_none {
        display: table-cell;
    }
}

.table_data {
    border-spacing: 0px;
}
    .table_data th {
        font-family: "Noto Sans Bold", "Noto Sans JP", "Noto Sans SC", sans-serif !important;
        font-size: 14px ;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-right: 12px;
        text-align: left;
        vertical-align: bottom;
    }
    .table_data td {
        font-family: "Noto Sans", "Noto Sans JP", "Noto Sans SC", sans-serif !important;
        font-size: 13px ;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-right: 12px;
        vertical-align: middle;
        position: relative;
    }

    .table_data td.input_inline {
        padding-top: 0px;
    }

    .table_data.padding8 td {
        padding-top: 8px;
        padding-bottom: 8px;
    }

.table_info {
    border-spacing: 0px;
}
    .table_info th {
        font-family: "Noto Sans Bold", "Noto Sans JP", "Noto Sans SC", sans-serif !important;
        font-size: 14px ;
        padding-top: 4px;
        padding-bottom: 4px;
        text-align: left;
    }
    .table_info td {
        font-family: "Noto Sans", "Noto Sans JP", "Noto Sans SC", sans-serif !important;
        font-size: 14px ;
        padding-top: 2px;
        padding-bottom: 2px;
    }

ul {
    margin-top: 0px;
    margin-bottom: 0px;
}


.grid {
    float: left;
    margin-right: 22px;
}
    .grid.centre {
        text-align: center;
    }

.grid_clear {
    clear: left;
}


/* Table Menus */
.option_menu {
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
    display: inline-block;
}
.option_menu .popout_container {
    position: absolute;
    left: 0px;
    display: none;
    width: auto;
}
.option_menu:hover {
    text-decoration: underline;
}
.option_menu:hover .popout_container {
    display: block;
}


/*******************************************************************/
/* Misc */
.spacer {
    position: relative;
    height: 4px;
}

.options_container {
    cursor: pointer;
    display: inline-block;
}
    .options_container label {
        display: inline-block;
        position: relative;
        top: -4px;
    }
    .options_container .glyphicon-plus-sign {
        font-size: 24px;
        color: #238dea;
    }
    .options_container .glyphicon-minus-sign {
        font-size: 24px;
        color: #238dea;
    }



.panle {
    float: left;
    padding-right: 32px;
}
.panle.w320 {
    width: 320px;
}
.panle.w320_100pc {
    width: calc(100% - 352px);
}
.panle.nm {
    padding: 0px;
}
.panle.sm {
    padding: 8px;
}
.panle .table_data {
    max-width: 320px;
}
.shadow_drop {
    box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.1);
}
.shadow_around {
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
}

@media (max-width: 480px) {
    .panle {
        clear: left;
        padding-right: 0px;
        width: 100%;
    }
        .panle.w320 {
            width: 100%;
        }
        .panle.w320_100pc {
            width: 100%;
        }
        .panle.sm {
            width: calc(100% - 16px);
        }
    .panle .table_data {
        max-width: none;
        width: 100%;
    }
}


.edit_text_button_text___text1 {
    width: 40%;
    float: left;
    word-break: break-all;
}
.edit_text_button_text___button {
    float: left;
}
.edit_text_button_text___text2 {
    width: 34%;
    float: left;
    word-break: break-all;
}

@media (max-width: 480px) {
    .edit_text_button_text___text1 {
        width: 100%;
    }

    .edit_text_button_text___button {
        margin-left: 50px;
    }

    .edit_text_button_text___text2 {
        width: 100%;
        padding-left: 50px;
        box-sizing: border-box;
        margin-bottom: 14px;
        top: 4px;
    }
}

h1 {
    font-size: 27px ;
    font-family: "Noto Sans", "Noto Sans JP", "Noto Sans SC", sans-serif !important;
    font-weight: 200 ;
    opacity: 0.6;
    margin-top: 0px;
    margin-bottom: 32px;
    padding-left: 8px;
    max-width: calc(100% - 194px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
    h1.with_button {
        float: left;
    }
h2 {
    font-family: "Noto Sans Bold", "Noto Sans JP", "Noto Sans SC", sans-serif !important;
    font-size: 18px ;
    margin-top: 24px;
    margin-bottom: 4px;
    padding-left: 8px;
}
    h2.nm {
        margin-top: 0px;
    }
h3 {
    font-family: "Noto Sans Bold", "Noto Sans JP", "Noto Sans SC", sans-serif !important;
    font-size: 15px ;
    margin-top: 24px;
    margin-bottom: 4px;
    padding-left: 8px;
}
    h3.nm {
        margin-top: 0px;
    }
    h3 .help_icon {
        margin-left: 2px;
        margin-top: -4px;
    }

@media (max-width: 768px) {
    h1 {
        max-width: calc(100% - 164px);
    }
}



/*******************************************************************/
/* Validation */
.field-validation-error {
    color: #ff0000;
    font-size: 13px;
}

.input-validation-error {
    background-color: #ffeeee ;
    font-size: 13px;
}

.field-validation-error-div {
    min-height: 21px;
}
.field-validation-error-div-nm {
    min-height: 0px;
}

.text_ok {
    color: #52ba0c;
}


/*******************************************************************/
/* Colour Branding */
.text_colour_schoolenews {
    color: #51bb0c;
}
.text_colour_schoolenews a:link, .text_colour_schoolenews a:visited {
    color: #51bb0c;
}

.text_colour_medicalenews {
    color: #CC0000;
}
.text_colour_medicalenews a:link, .text_colour_medicalenews a:visited {
    color: #CC0000;
}

.text_colour_oshenews {
    color: #51bb0c;
}
.text_colour_oshenews a:link, .text_colour_oshenews a:visited {
    color: #51bb0c;
}

.text_colour_childcareenews {
    color: #51bb0c;
}
.text_colour_childcareenews a:link, .text_colour_childcareenews a:visited {
    color: #51bb0c;
}

.text_colour_clubenews {
    color: #51bb0c;
}
.text_colour_clubenews a:link, .text_colour_clubenews a:visited {
    color: #51bb0c;
}

.text_colour_businessenews {
    color: #51bb0c;
}
.text_colour_businessenews a:link, .text_colour_businessenews a:visited {
    color: #51bb0c;
}

.text_colour_churchenews {
    color: #51bb0c;
}
.text_colour_churchenews a:link, .text_colour_churchenews a:visited {
    color: #51bb0c;
}



/*******************************************************************/
/* Generic Labels */
label, .label {
    font-family: "Noto Sans", "Noto Sans JP", "Noto Sans SC", sans-serif !important;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    max-height: 24px;
}

.label13 {
    position: relative;
    font-size: 13px;
    padding-top: 6px;
}

.label_microhelp {
    opacity: 0.6 ;
    font-size: .70em;
    vertical-align: auto;
}

.label_disabled {
    color: #cccccc ;
}

.glyphicon.listrow {
    top: 6px;
    font-size: 20px;
}
.glyphicon.textrow {
    top: -2px;
    font-size: 18px;
}
.glyphicon.inputrow {
    top: 6px;
    font-size: 18px;
}

td .glyphicon.listrow {
    top: 2px;
}

/*******************************************************************/
/* Glyphicon Formats / Colours */
/*table .glyphicon-eye-open, table .glyphicon-trash, table .glyphicon-check, table .glyphicon-duplicate {
    font-size: 20px;
}

th .glyphicon-sort-by-alphabet, th .glyphicon-sort-by-alphabet-alt {
    font-size: 18px;
    margin-left: 8px;
}
*/
table span[class*="glyphicon"] {
    font-size: 20px;
}
th span[class*="glyphicon"] {
    margin-left: 8px;
}
.popout_container span[class*="glyphicon"] {
    font-size: 15px;
}

.green {
    color: #179b22;
}
.blue {
    color: #238dea;
}
.red {
    color: #e72b2b;
}


.theme_main {
    color: #238dea;
}
.theme_mid {
    color: #1b6cb4;
}
.theme_dark {
    color: #134d80;
}

span[data-export="N"] {
    text-decoration: line-through;
    opacity: 0.30;
}


/*******************************************************************/
/* Logo */
.logo {
    background-size: 270px, 89px; 
    width: 270px; 
    height: 89px; 
    background-color: #ffffff; 
    background-repeat: no-repeat;
}
.logo_schoolenews {
    background-image: url(../Images/login/schoolenews_login.png);
}
.logo_medicalenews {
    background-image: url(../Images/login/medicalenews_login.png);
}
.logo_oshenews {
    background-image: url(../Images/login/oshenews_login.png);
}
.logo_childcareenews {
    background-image: url(../Images/login/childcareenews_login.png);
}
.logo_clubenews {
    background-image: url(../Images/login/clubenews_login.png);
}
.logo_businessenews {
    background-image: url(../Images/login/businessenews_login.png);
}
.logo_churchenews {
    background-image: url(../Images/login/churchenews_login.png);
}



/*******************************************************************/
/* Icons */
.icon_16 {
    width: 16px;
    height: 16px;
    background-size: 100%;
    display: inline-block;
}
.icon_delete_16 {
    background-image: url(../Images/delete_32.png);
}
.icon_undelete_16 {
    background-image: url(../Images/undelete_32.png);
}
.icon_view_16 {
    background-image: url(../Images/view_32.png);
}
.icon_email_16 {
    background-image: url(../Images/email_32.png);
}
.icon_spinner_16 {
    background-image: url(../Images/spinner_32.gif);
}
    .icon_spinner_16.button_replace {
        background-position: 52px 4px;
        width: 128px;
        height: 30px;
        vertical-align: top;
        background-repeat: no-repeat;
        background-size: 24px;
        display: none;
    }
    .icon_spinner_16.button_replace_list {
        background-position: 16px 2px;
        width: 56px;
        height: 24px;
        vertical-align: top;
        background-repeat: no-repeat;
        background-size: 24px;
        display: none;
    }
.icon_spinner_16_centre_white {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
    background-color: rgb(255, 255, 255);
}

.icon_24 {
    width: 24px;
    height: 24px;
    background-size: 100%;
    display: inline-block;
}

    .icon_24.listrow {
        margin-left: -4px;
        margin-top: 2px;
    }

.icon_32 {
    width: 32px;
    height: 32px;
    background-size: 100%;
    display: inline-block;
}
.icon_menu_32 {
    background-image: url(../Images/menu_64.png);
}
.icon_24_hours_32 {
    background-image: url(../Images/24_hours_64.png);
}
.icon_7_days_32 {
    background-image: url(../Images/7_days_64.png);
}
.icon_14_days_32 {
    background-image: url(../Images/14_days_64.png);
}
.icon_delete_32 {
    background-image: url(../Images/delete_64.png);
}
.icon_undelete_32 {
    background-image: url(../Images/undelete_64.png);
}
.icon_view_32 {
    background-image: url(../Images/view_64.png);
}
.icon_attachment_32 {
    background-image: url(../Images/attachment_64.png);
}

.icon_app {
    width: 32px;
    height: 32px;
    padding: 4px;
}
    .icon_app:hover {
        background-color: #238dea;
    }
.icon_app_selected {
    width: 32px;
    height: 32px;
    padding: 4px;
    background-color: #238dea;
}
.icon_app_selected:hover {
    background-color: #1b6cb4;
}

.icon_app.input_right {
    margin-top: -5px;
    margin-bottom: -8px;
    margin-left: 2px;
}


.icon_popup {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 1020;
    display: none;
    opacity: 0;
    transition: opacity 0.2s;
    background-color: rgba(0, 0, 0, 0.65);
}
.icon_app_popup_display {
    border-radius: 3px;
    border: 1px solid #238dea;
    width: 50%;
    min-width: 300px;
    margin-right: auto;
    margin-left: auto;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    box-shadow: 2px 2px 20px 2px rgba(0,0,0,0.5);
    background-color: #ffffff;
    position: relative;
}
.icon_app_popup_display.no_scroll {
    overflow-y: hidden;
}

@media (max-width: 1024px) {
    .icon_app_popup_display {
        width: 90%;
    }
}

/* Loading */
.loading_32 {
    padding-top: 32px;
    padding-bottom: 32px;
    height: 32px;
    width: 100% ;
    background-image: url(../Images/loading.gif);
    background-position: center 32px;
    background-repeat: no-repeat;
    background-size: 32px 32px;
}



/*******************************************************************/
/* Help */
.help_icon {
    background-position: 100% 0px;
    background-image: url("../Images/Admin/Help_96.png");
    background-repeat: no-repeat;
    position: absolute;
    cursor: pointer;
}
label .help_icon {
    margin-left: 2px;
}
.help_icon:hover {
    background-image: url("../Images/Admin/Help2_96.png");
}
.help_icon32 {
    width: 32px;
    height: 32px;
    background-size: 32px;
}
.help_icon16 {
    width: 16px;
    height: 16px;
    background-size: 16px;
}
h1 + span[class*="help_icon"] {
    top: 4px;
    right: 4px;
    position: absolute;
}
.help_text {
    padding: 16px;
    top: 0px;
    right: 8px;
    margin-top: 1px;
    margin-left: 0px;
    max-width: 80%;
    z-index: 1002;
}
.help_text h1 {
    padding-left: 0px;
}
.help_text h2, .help_text h3 {
    font-family: "Noto Sans","Noto Sans JP","Noto Sans SC",sans-serif !important;
    margin-left: 0px;
    padding-left: 0px;    
}
.help_text h2 {
    color: #000000;
    font-size: 22px;
    margin-top: 36px;
    opacity: 0.6;
}
.help_text h3 {
    margin-top: 24px;
    color: #1b6cb4;
}
.help_text.popup_box h3 {
    margin-top: 0px;
}
.help_text p {
    margin-top: 4px;
    color: #555555;
}
.icon_app_popup_display .help_text {
    max-width: 100%;
}


@media screen and (max-resolution: 96dpi) {
    .help_icon {
        background-image: url("../Images/Admin/Help_32.png");
    }
    .help_icon:hover {
        background-image: url("../Images/Admin/Help2_32.png");
    }
}

/*******************************************************************/
/* Popups */
.popup_box {
    position: absolute;
    padding: 8px;
    border-radius: 3px;
    border: 1px solid #238dea;
    background-color: #ffffff;
    box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.5);
        
    z-index: 1003;
    display: none;
    opacity: 0;
    transition: opacity 0.2s;
}
.popup_box.nb {
    padding: 0px;
    border: 0px;
}
.svg_rect {
    stroke-width: 2;
    fill-opacity: 1.0;
    stroke-opacity: 1.0;
    transition-property: y;
    transition-duration: 0s;
}
.svg_colour_white {
    fill: #ffffff;  
	stroke: #ffffff;		
    background-color: #ffffff;
}
.svg_colour_blue {
    fill: #5b9bd5;  
	stroke: #5b9bd5;		
    background-color: #5b9bd5;
}
.svg_colour_green {
    fill: #70ad47;
    stroke: #70ad47;
    background-color: #70ad47;
}
.svg_colour_orange {
    fill: #ed7d31;
    stroke: #ed7d31;
    background-color: #ed7d31;
}
.svg_colour_red {
    fill: #ed3131;
    stroke: #ed3131;
    background-color: #ed3131;
}
.svg_colour_yellow {
    fill: #ffc000;
    stroke: #ffc000;
    background-color: #ffc000;
}
.svg_colour_purple {
    fill: #7577d3;
    stroke: #7577d3;
    background-color: #7577d3;
}
.svg_colour_pink {
    fill: #d55b8b;
    stroke: #d55b8b;
    background-color: #d55b8b;
}
.svg_colour_brown {
    fill: #9e480e;
    stroke: #9e480e;
    background-color: #9e480e;
}

.svg_colour_grey {
    fill: #595959;
    stroke: #595959;
}
.svg_colour_grey2 {
    fill: #595959;
}
	
.svg_colour_blue:hover {
    stroke-width: 2;
	stroke: #5b9bd5;
	opacity: 0.70;
}
.svg_colour_green:hover {
    stroke-width: 2;
	stroke: #70ad47;
	opacity: 0.70;
}
.svg_colour_orange:hover {
    stroke-width: 2;
	stroke: #ed7d31;
	opacity: 0.70;
}
.svg_colour_red:hover {
    stroke-width: 2;
	stroke: #ed3131;
	opacity: 0.70;
}
.svg_colour_yellow:hover {
    stroke-width: 2;
	stroke: #ffc000;
	opacity: 0.70;
}
.svg_colour_purple:hover {
    stroke-width: 2;
	stroke: #7577d3;
	opacity: 0.70;
}
.svg_colour_pink:hover {
    stroke-width: 2;
	stroke: #d55b8b;
	opacity: 0.70;
}
.svg_colour_brown:hover {
    stroke-width: 2;
	stroke: #9e480e;
	opacity: 0.70;
}
	
.svg_colour_horizontal_line {
    stroke: #d9d9d9;
	stroke-width: 1px;
}
.svg_text_data {
	font-family: Arial;
	font-size: 12px;
	text-anchor: end;
}
.svg_text_label {
	font-family: Arial;
	font-size: 13px;
    font-weight: normal;
	text-anchor: start;
}
.svg_info_box_show {
	transition-property: opacity;
    transition-duration: 300ms;
	opacity: 1.0;
}
.svg_info_box_hide {
	transition-property: opacity;
    transition-duration: 300ms;
	opacity: 0.0;
}
.svg_graph_bottom {
    fill: #ffffff;
    stroke: #ffffff;
    background-color: #ffffff;
}
.svg_text_data_colour {
    fill: #595959;
    stroke: #595959;
}
.svg_text_label_colour {
    fill: #595959;
}