/* 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")'
(2783,46): run-time error CSS1030: Expected identifier, found '.'
(2783,61): run-time error CSS1031: Expected selector, found ')'
(2783,61): run-time error CSS1025: Expected comma or open brace, found ')'
(4801,40): run-time error CSS1046: Expect comma, found '0'
(4801,44): run-time error CSS1046: Expect comma, found '/'
 */
@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;
    }

a:link label, a:visited label {
    cursor: pointer;
}

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

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: fixed;
    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, .popout_container_inline_input_left {
    display: none;
    width: calc(160% - 10px);
    padding-bottom: 8px;
    position: absolute;
    overflow-y: auto;
    max-height: 300px;    
}
.popout_container_inline_input_left {
    left: -60%;
}
@media (max-width: 768px) {
    .popout_container_inline_input, .popout_container_inline_input_left {
        width: 100%;
    }
    .popout_container_inline_input_left {
        left: auto;
    }
}


.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_box .inline_box {
    position: absolute;
    top: 1px;
}
    .input_box .inline_box select {
        border: none;
        height: 28px;
        padding-right: 14px;
        padding-bottom: 0px;
    }

.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 input:disabled, .input_line select:disabled, .input_line textarea:disabled {
    color: #6d6d6d;
    opacity: 0.70;
}

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

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].wauto, input[type=submit].wauto, button.wauto {
        width: auto;
        padding-left: 6px;
        padding-right: 6px;
    }

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);
        }

input[type=color] {
    width: calc(100% - 8px);
}

/*******************************************************************/
/* 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_pos2"] ~ input {
    padding-right: 96px;
}
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: calc(100% - 16px);
    height: 48px;
    top: 44px;
    background-color: #ffffff;
    z-index: 3;
}
    .button_bar_fixed_top.hauto {
        height: auto;
    }

.page_detail_open .button_bar_fixed_top {
    width: calc(100% - 16px - 220px);
}

.page_detail_closed .button_bar_fixed_top {
    width: calc(100% - 16px - 48px);
}

@media (max-width: 480px) {
    .page_detail_open .button_bar_fixed_top, .page_detail_closed .button_bar_fixed_top {
        width: calc(100% - 16px);
    }
}

.iniframe .button_bar_fixed_top {
    top: 0px;
}

.iniframe .page_detail_open .button_bar_fixed_top, .iniframe .page_detail_closed .button_bar_fixed_top {
    width: calc(100% - 16px);
}



.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:not(:disabled) {
        color: #ffffff;
        border-width: 0px;
    }
    .button_heading.nm {
        margin-top: 0px;
        margin-left: 0px;
    }
    .button_heading:disabled {
        background-color: #ffffff;
        background: -webkit-linear-gradient(#ffffff, #ffffff);
        border-color: #bcd5eb;
        color: #bcd5eb;
    }

@media (max-width: 768px) {
    .button_heading:not(#message_box_buttons .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;
}

.upload_status.small {
    left: 106px;
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
}

/**** 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, .side_by_side_100pcnm.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 label.titleheader3, .side_by_side_100pcnm label.titleheader3, .side_by_side_100pc span.titleheader3, .side_by_side_100pcnm span.titleheader3 {
    font-family: "Noto Sans", "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 label.with_input, .side_by_side_300col .input_inline_with_label label.with_input {
    padding-left: 5px;
}
.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 .vcenter {
    vertical-align: middle;
}
.side_by_side_300col .right {
    text-align: right;
}

.side_by_side_300col.help .help_icon16 {
    top: -6px;
    right: 0px;
    display: inline-block;
    position: relative;
}
.side_by_side_300col.help_top .help_icon16 {
    top: -30px;
    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 label.with_input {
    padding-left: 5px;
}
.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 .vcenter {
    vertical-align: middle;
}
.side_by_side_150col .right {
    text-align: right;
}

.side_by_side_150col.help .help_icon16 {
    top: -6px;
    right: 0px;
    display: inline-block;
    position: relative;
}
.side_by_side_150col.help_top .help_icon16 {
    top: -30px;
    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;
}
.col_4_plus_two_third {
    width: calc(25% + 16.66%);
    max-width: none;
}

/* 5 Columns */
.col_5 {
    width: 20%;
    max-width: none;
}

.col_5_half {
    width: 10%;
    max-width: none;
}

.col_5_third {
    width: 6.66%;
    max-width: none;
}

.col_5_two_third {
    width: 13.33%;
    max-width: none;
}

.col_5_quarter {
    width: 5%;
    max-width: none;
}

.col_5_double {
    width: 40%;
    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 ;
}

/* 9 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 ;
}

.col_datetime {
    min-width: 160px;
}


@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_4 .col_4_half .col_4_third .col_4_two_third .col_4_quarter .col_4_double .col_4_plus_two_third {
        width: 100%;
    }
    .col_5, .col_5_half, .col_5_third, .col_5_quarter, .col_5_double {
        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%;
    }

    .col_datetime {
        width: 100%;
        min-width: auto;
    }
}
@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_768_to_1200 {
    display: block;
}
.hide_1024 {
    display: block;
}
.hide_768 {
    display: block;
}
.hide_768_cell {
    display: table-cell;
}
.hide_480 {
    display: block;
}
.show_768_to_1200 {
    display: none;
}
.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: 1200px) and (min-width: 768px) {
    .hide_768_to_1200 {
        display: none;
    }

    .show_768_to_1200 {
        display: block;
    }
}
@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;
    }
}

.inline {
    display: inline-block;
}
@media (max-width: 480px) {
    .inline {
        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;
}

.spacer_h {
    position: relative;
    display: inline-block;
    height: 4px;
    width: 8px;
}
    .spacer_h.small {
        width: 8px;
    }
    .spacer_h.medium {
        width: 16px;
    }
    .spacer_h.large {
        width: 32px;
    }

@media (max-width: 480px) {
    .spacer_h.small {
        display: none;
    }

    .spacer_h.medium {
        display: none;
    }

    .spacer_h.large {
        display: none;
    }
}

.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;
    }
    h1.full {
        max-width: none;
    }
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;
    }

h4 {
    font-family: "Noto Sans Bold", "Noto Sans JP", "Noto Sans SC", sans-serif !important;
    font-size: 13px;
    margin-top: 18px;
    margin-bottom: 4px;
    padding-left: 8px;
}

    h4.nm {
        margin-top: 0px;
    }

@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;
}
.green_dark {
    color: #008000;
}
.blue {
    color: #238dea;
}
.red {
    color: #e72b2b;
}
.red_dark {
    color: #800000;
}
.orange {
    color: #e7a02b;
}
.disabled {
    color: #6d6d6d;
    opacity: 0.70;
}
.disabled20 {
    opacity: 0.20;
}

.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.message_box {
        position: absolute;
        bottom: 15px;
        left: 12px;
        width: 24px;
        height: 24px;
        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_28 {
    width: 28px;
    height: 28px;
    background-size: 100%;
    display: inline-block;
}

.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_app_np {
    width: 32px;
    height: 32px;
}

.icon_app_container {
    height: 182px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.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;
        overflow-x: hidden;
    }
    .icon_app_popup_display.large {
        width: 85%;
        max-width: 1480px;
    }

@media (max-width: 1024px) {
    .icon_app_popup_display {
        width: 90%;
    }
    .icon_app_popup_display.large {
        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;
}


/*******************************************************************/
/* Messagebox */
#message_box {
    position: relative;
    width: 440px;
    max-width: calc(100% - 44px);
    height: auto;
    background-color: #ffffff;
    margin-right: auto;
    margin-left: auto;
    top: 20%;
    box-shadow: 2px 2px 20px 2px rgb(0 0 0 / 50%);
    padding: 12px;
    border-radius: 12px;
}
#message_box_title {
    font-size: 1.3em;
    font-weight: bold;
}
#message_box_content {
    padding-bottom: 40px;
}
#message_box_buttons {
    bottom: 12px;
    position: absolute;
    width: calc(100% - 24px);
    text-align: end;
}
.icon_background_32 {
    background-size: 32px 32px;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    position: relative;
}

.icon1 {
    background-image: url("../Images/App/ABC.png");
}

.icon2 {
    background-image: url("../Images/App/Accounting.png");
}

.icon3 {
    background-image: url("../Images/App/Administrator Female.png");
}

.icon4 {
    background-image: url("../Images/App/Administrator Male.png");
}

.icon5 {
    background-image: url("../Images/App/Advertising.png");
}

.icon6 {
    background-image: url("../Images/App/Alarm Clock.png");
}

.icon7 {
    background-image: url("../Images/App/Alligator.png");
}

.icon8 {
    background-image: url("../Images/App/Android OS.png");
}

.icon9 {
    background-image: url("../Images/App/Appointment Reminders.png");
}

.icon10 {
    background-image: url("../Images/App/Aquarium.png");
}

.icon11 {
    background-image: url("../Images/App/Assistant.png");
}

.icon12 {
    background-image: url("../Images/App/Attach.png");
}

.icon13 {
    background-image: url("../Images/App/Baby.png");
}

.icon14 {
    background-image: url("../Images/App/Babys Room.png");
}

.icon15 {
    background-image: url("../Images/App/Bank Cards.png");
}

.icon16 {
    background-image: url("../Images/App/Banknotes.png");
}

.icon17 {
    background-image: url("../Images/App/Baseball Cap.png");
}

.icon18 {
    background-image: url("../Images/App/Baseball.png");
}

.icon19 {
    background-image: url("../Images/App/Basketball.png");
}

.icon20 {
    background-image: url("../Images/App/Bass Drum.png");
}

.icon21 {
    background-image: url("../Images/App/Beach Ball.png");
}

.icon22 {
    background-image: url("../Images/App/Bicycle.png");
}

.icon23 {
    background-image: url("../Images/App/Birthday.png");
}

.icon24 {
    background-image: url("../Images/App/Bishop.png");
}

.icon25 {
    background-image: url("../Images/App/Book Shelf.png");
}

.icon26 {
    background-image: url("../Images/App/Book Stack.png");
}

.icon27 {
    background-image: url("../Images/App/Book.png");
}

.icon28 {
    background-image: url("../Images/App/Bookmark Ribbon.png");
}

.icon29 {
    background-image: url("../Images/App/Bottle of Water.png");
}

.icon30 {
    background-image: url("../Images/App/Boy.png");
}

.icon31 {
    background-image: url("../Images/App/Breastfeeding.png");
}

.icon32 {
    background-image: url("../Images/App/Brick.png");
}

.icon33 {
    background-image: url("../Images/App/Broom.png");
}

.icon34 {
    background-image: url("../Images/App/Building.png");
}

.icon35 {
    background-image: url("../Images/App/Bus.png");
}

.icon36 {
    background-image: url("../Images/App/Businessman.png");
}

.icon37 {
    background-image: url("../Images/App/Cafe.png");
}

.icon38 {
    background-image: url("../Images/App/Calendar.png");
}

.icon39 {
    background-image: url("../Images/App/calendar2.png");
}

.icon40 {
    background-image: url("../Images/App/Camping Tent.png");
}

.icon41 {
    background-image: url("../Images/App/Car.png");
}

.icon42 {
    background-image: url("../Images/App/Cat.png");
}

.icon43 {
    background-image: url("../Images/App/Chapel.png");
}

.icon44 {
    background-image: url("../Images/App/Chat.png");
}

.icon45 {
    background-image: url("../Images/App/Children.png");
}

.icon46 {
    background-image: url("../Images/App/Choir.png");
}

.icon47 {
    background-image: url("../Images/App/Christmas Candle.png");
}

.icon48 {
    background-image: url("../Images/App/Christmas Star.png");
}

.icon49 {
    background-image: url("../Images/App/Christmas Tree.png");
}

.icon50 {
    background-image: url("../Images/App/Circled Play.png");
}

.icon51 {
    background-image: url("../Images/App/Circled User Female Skin Type 3.png");
}

.icon52 {
    background-image: url("../Images/App/Circled User Female Skin Type 4.png");
}

.icon53 {
    background-image: url("../Images/App/Circled User Female Skin Type 5.png");
}

.icon54 {
    background-image: url("../Images/App/Circled User Female Skin Type 6.png");
}

.icon55 {
    background-image: url("../Images/App/Circled User Male Skin Type 1 2.png");
}

.icon56 {
    background-image: url("../Images/App/Circled User Male Skin Type 3.png");
}

.icon57 {
    background-image: url("../Images/App/Circled User Male Skin Type 4.png");
}

.icon58 {
    background-image: url("../Images/App/Circled User Male Skin Type 5.png");
}

.icon59 {
    background-image: url("../Images/App/Circled User Male Skin Type 6.png");
}

.icon60 {
    background-image: url("../Images/App/Classic Music.png");
}

.icon61 {
    background-image: url("../Images/App/Classroom.png");
}

.icon62 {
    background-image: url("../Images/App/Clinic.png");
}

.icon63 {
    background-image: url("../Images/App/Clipboard.png");
}

.icon64 {
    background-image: url("../Images/App/Coach.png");
}

.icon65 {
    background-image: url("../Images/App/Code.png");
}

.icon66 {
    background-image: url("../Images/App/Coffee to Go.png");
}

.icon67 {
    background-image: url("../Images/App/Coins.png");
}

.icon68 {
    background-image: url("../Images/App/Collaboration.png");
}

.icon69 {
    background-image: url("../Images/App/Compact Camera.png");
}

.icon70 {
    background-image: url("../Images/App/Compass.png");
}

.icon71 {
    background-image: url("../Images/App/Conference.png");
}

.icon72 {
    background-image: url("../Images/App/Contacts.png");
}

.icon73 {
    background-image: url("../Images/App/Controller.png");
}

.icon74 {
    background-image: url("../Images/App/Cool.png");
}

.icon75 {
    background-image: url("../Images/App/Copy Link.png");
}

.icon76 {
    background-image: url("../Images/App/Cottage.png");
}

.icon77 {
    background-image: url("../Images/App/Counselor.png");
}

.icon78 {
    background-image: url("../Images/App/Create New.png");
}

.icon79 {
    background-image: url("../Images/App/Cricket.png");
}

.icon80 {
    background-image: url("../Images/App/Cross.png");
}

.icon81 {
    background-image: url("../Images/App/Cup.png");
}

.icon82 {
    background-image: url("../Images/App/Customer Support.png");
}

.icon83 {
    background-image: url("../Images/App/Cymbals.png");
}

.icon84 {
    background-image: url("../Images/App/Desk Lamp.png");
}

.icon85 {
    background-image: url("../Images/App/Diploma.png");
}

.icon86 {
    background-image: url("../Images/App/DJ.png");
}

.icon87 {
    background-image: url("../Images/App/DNA Helix.png");
}

.icon88 {
    background-image: url("../Images/App/Document.png");
}

.icon89 {
    background-image: url("../Images/App/Documents Folder.png");
}

.icon90 {
    background-image: url("../Images/App/Dog Park.png");
}

.icon91 {
    background-image: url("../Images/App/Dolphin.png");
}

.icon92 {
    background-image: url("../Images/App/Domain.png");
}

.icon93 {
    background-image: url("../Images/App/Donate.png");
}

.icon94 {
    background-image: url("../Images/App/Downpour.png");
}

.icon95 {
    background-image: url("../Images/App/Drafting Compass 2.png");
}

.icon96 {
    background-image: url("../Images/App/Drafting Compass.png");
}

.icon97 {
    background-image: url("../Images/App/Drill.png");
}

.icon98 {
    background-image: url("../Images/App/Driver.png");
}

.icon99 {
    background-image: url("../Images/App/Duck.png");
}

.icon100 {
    background-image: url("../Images/App/E Learning 2.png");
}

.icon101 {
    background-image: url("../Images/App/E Learning.png");
}

.icon102 {
    background-image: url("../Images/App/Easter Egg.png");
}

.icon103 {
    background-image: url("../Images/App/Easter Eggs.png");
}

.icon104 {
    background-image: url("../Images/App/Easter Rabbit.png");
}

.icon105 {
    background-image: url("../Images/App/Edit File.png");
}

.icon106 {
    background-image: url("../Images/App/Edit Image.png");
}

.icon107 {
    background-image: url("../Images/App/Edit Property.png");
}

.icon108 {
    background-image: url("../Images/App/Edit Row.png");
}

.icon109 {
    background-image: url("../Images/App/Edit.png");
}

.icon110 {
    background-image: url("../Images/App/Employee Card.png");
}

.icon111 {
    background-image: url("../Images/App/Engineering.png");
}

.icon112 {
    background-image: url("../Images/App/Exterior.png");
}

.icon113 {
    background-image: url("../Images/App/External Link.png");
}

.icon114 {
    background-image: url("../Images/App/Facebook.png");
}

.icon115 {
    background-image: url("../Images/App/Family Man Woman.png");
}

.icon116 {
    background-image: url("../Images/App/FAQ.png");
}

.icon117 {
    background-image: url("../Images/App/File.png");
}

.icon118 {
    background-image: url("../Images/App/Finger and Thumb.png");
}

.icon119 {
    background-image: url("../Images/App/Flickr.png");
}

.icon120 {
    background-image: url("../Images/App/Flower Bouquet.png");
}

.icon121 {
    background-image: url("../Images/App/Flower.png");
}

.icon122 {
    background-image: url("../Images/App/Folder.png");
}

.icon123 {
    background-image: url("../Images/App/Football 2.png");
}

.icon124 {
    background-image: url("../Images/App/Form.png");
}

.icon125 {
    background-image: url("../Images/App/French Fries.png");
}

.icon126 {
    background-image: url("../Images/App/Geo-fence.png");
}

.icon127 {
    background-image: url("../Images/App/Giraffe.png");
}

.icon128 {
    background-image: url("../Images/App/Girl.png");
}

.icon129 {
    background-image: url("../Images/App/Golf Ball.png");
}

.icon130 {
    background-image: url("../Images/App/Golf.png");
}

.icon131 {
    background-image: url("../Images/App/Google Forms.png");
}

.icon132 {
    background-image: url("../Images/App/Graduation Cap.png");
}

.icon133 {
    background-image: url("../Images/App/Greentech.png");
}

.icon134 {
    background-image: url("../Images/App/Guitar.png");
}

.icon135 {
    background-image: url("../Images/App/Hamburger.png");
}

.icon136 {
    background-image: url("../Images/App/Hand Planting.png");
}

.icon137 {
    background-image: url("../Images/App/Hand Right.png");
}

.icon138 {
    background-image: url("../Images/App/Hand Up.png");
}

.icon139 {
    background-image: url("../Images/App/Handball.png");
}

.icon140 {
    background-image: url("../Images/App/Happy.png");
}

.icon141 {
    background-image: url("../Images/App/Helping Hand.png");
}

.icon142 {
    background-image: url("../Images/App/Herald Trumpet.png");
}

.icon143 {
    background-image: url("../Images/App/High Volume.png");
}

.icon144 {
    background-image: url("../Images/App/Home Decorations.png");
}

.icon145 {
    background-image: url("../Images/App/Home.png");
}

.icon146 {
    background-image: url("../Images/App/Horse.png");
}

.icon147 {
    background-image: url("../Images/App/Hot Dog.png");
}

.icon148 {
    background-image: url("../Images/App/Ice Cream Cone.png");
}

.icon149 {
    background-image: url("../Images/App/Idea.png");
}

.icon150 {
    background-image: url("../Images/App/Info.png");
}

.icon151 {
    background-image: url("../Images/App/Informatics.png");
}

.icon152 {
    background-image: url("../Images/App/Instagram.png");
}

.icon153 {
    background-image: url("../Images/App/Internet Folder.png");
}

.icon154 {
    background-image: url("../Images/App/Jingle Bell.png");
}

.icon155 {
    background-image: url("../Images/App/JPG.png");
}

.icon156 {
    background-image: url("../Images/App/Kangaroo.png");
}

.icon157 {
    background-image: url("../Images/App/Kiwi Bird.png");
}

.icon158 {
    background-image: url("../Images/App/Knight.png");
}

.icon159 {
    background-image: url("../Images/App/Laptop.png");
}

.icon160 {
    background-image: url("../Images/App/Law.png");
}

.icon161 {
    background-image: url("../Images/App/Leaderboard.png");
}

.icon162 {
    background-image: url("../Images/App/Light On.png");
}

.icon163 {
    background-image: url("../Images/App/Lighthouse.png");
}

.icon164 {
    background-image: url("../Images/App/Link.png");
}

.icon165 {
    background-image: url("../Images/App/LinkedIn.png");
}

.icon166 {
    background-image: url("../Images/App/Linux.png");
}

.icon167 {
    background-image: url("../Images/App/Literature.png");
}

.icon168 {
    background-image: url("../Images/App/Lock.png");
}

.icon169 {
    background-image: url("../Images/App/Mac Client.png");
}

.icon170 {
    background-image: url("../Images/App/Mac OS.png");
}

.icon171 {
    background-image: url("../Images/App/Magazine.png");
}

.icon172 {
    background-image: url("../Images/App/Map Marker.png");
}

.icon173 {
    background-image: url("../Images/App/Marker.png");
}

.icon174 {
    background-image: url("../Images/App/Math.png");
}

.icon175 {
    background-image: url("../Images/App/Medal First Place.png");
}

.icon176 {
    background-image: url("../Images/App/Medical Doctor.png");
}

.icon177 {
    background-image: url("../Images/App/Medium Icons.png");
}

.icon178 {
    background-image: url("../Images/App/Megaphone.png");
}

.icon179 {
    background-image: url("../Images/App/Microphone 2.png");
}

.icon180 {
    background-image: url("../Images/App/Microscope.png");
}

.icon181 {
    background-image: url("../Images/App/Minecraft Sword.png");
}

.icon182 {
    background-image: url("../Images/App/Money Box.png");
}

.icon183 {
    background-image: url("../Images/App/Movies Folder.png");
}

.icon184 {
    background-image: url("../Images/App/Multiple Choice.png");
}

.icon185 {
    background-image: url("../Images/App/Music Folder.png");
}

.icon186 {
    background-image: url("../Images/App/Music Transcript.png");
}

.icon187 {
    background-image: url("../Images/App/Musical Notes.png");
}

.icon188 {
    background-image: url("../Images/App/My Topic.png");
}

.icon189 {
    background-image: url("../Images/App/New.png");
}

.icon190 {
    background-image: url("../Images/App/News.png");
}

.icon191 {
    background-image: url("../Images/App/Number Pad.png");
}

.icon192 {
    background-image: url("../Images/App/Nurse Female.png");
}

.icon193 {
    background-image: url("../Images/App/Open Folder.png");
}

.icon194 {
    background-image: url("../Images/App/Open in Browser.png");
}

.icon195 {
    background-image: url("../Images/App/Overtime.png");
}

.icon196 {
    background-image: url("../Images/App/Page Overview.png");
}

.icon197 {
    background-image: url("../Images/App/Page Overview 2.png");
}

.icon198 {
    background-image: url("../Images/App/Page Overview 3.png");
}

.icon199 {
    background-image: url("../Images/App/Paint Bucket.png");
}

.icon200 {
    background-image: url("../Images/App/Paint Palette.png");
}

.icon201 {
    background-image: url("../Images/App/Parent Guardian.png");
}

.icon202 {
    background-image: url("../Images/App/Partly Cloudy Day.png");
}

.icon203 {
    background-image: url("../Images/App/Partly Cloudy Rain.png");
}

.icon204 {
    background-image: url("../Images/App/Party Baloons.png");
}

.icon205 {
    background-image: url("../Images/App/PDF.png");
}

.icon206 {
    background-image: url("../Images/App/Pencil Tip.png");
}

.icon207 {
    background-image: url("../Images/App/Person in a Mirror.png");
}

.icon208 {
    background-image: url("../Images/App/Phone.png");
}

.icon209 {
    background-image: url("../Images/App/Physics.png");
}

.icon210 {
    background-image: url("../Images/App/Piano.png");
}

.icon211 {
    background-image: url("../Images/App/Picture.png");
}

.icon212 {
    background-image: url("../Images/App/Pictures Folder.png");
}

.icon213 {
    background-image: url("../Images/App/Pin 2.png");
}

.icon214 {
    background-image: url("../Images/App/Pin.png");
}

.icon215 {
    background-image: url("../Images/App/Pineapple.png");
}

.icon216 {
    background-image: url("../Images/App/Pizza.png");
}

.icon217 {
    background-image: url("../Images/App/Planner.png");
}

.icon218 {
    background-image: url("../Images/App/Playground.png");
}

.icon219 {
    background-image: url("../Images/App/PNG.png");
}

.icon220 {
    background-image: url("../Images/App/Popular Topic.png");
}

.icon221 {
    background-image: url("../Images/App/POS Terminal.png");
}

.icon222 {
    background-image: url("../Images/App/Potted Plant.png");
}

.icon223 {
    background-image: url("../Images/App/Print.png");
}

.icon224 {
    background-image: url("../Images/App/Pumpkin.png");
}

.icon225 {
    background-image: url("../Images/App/Queen.png");
}

.icon226 {
    background-image: url("../Images/App/Racism.png");
}

.icon227 {
    background-image: url("../Images/App/Reading Ebook.png");
}

.icon228 {
    background-image: url("../Images/App/Reading.png");
}

.icon229 {
    background-image: url("../Images/App/Receive Cash.png");
}

.icon230 {
    background-image: url("../Images/App/Recycling.png");
}

.icon231 {
    background-image: url("../Images/App/Referee.png");
}

.icon232 {
    background-image: url("../Images/App/Refund.png");
}

.icon233 {
    background-image: url("../Images/App/Regular Biking.png");
}

.icon234 {
    background-image: url("../Images/App/Reindeer.png");
}

.icon235 {
    background-image: url("../Images/App/Reminder.png");
}

.icon236 {
    background-image: url("../Images/App/Restaurant.png");
}

.icon237 {
    background-image: url("../Images/App/RGB Circle 1.png");
}

.icon238 {
    background-image: url("../Images/App/Robot 2.png");
}

.icon239 {
    background-image: url("../Images/App/Rock Music.png");
}

.icon240 {
    background-image: url("../Images/App/RSS.png");
}

.icon241 {
    background-image: url("../Images/App/Rugby.png");
}

.icon242 {
    background-image: url("../Images/App/Running.png");
}

.icon243 {
    background-image: url("../Images/App/Sale.png");
}

.icon244 {
    background-image: url("../Images/App/Santa.png");
}

.icon245 {
    background-image: url("../Images/App/School Director.png");
}

.icon246 {
    background-image: url("../Images/App/School.png");
}

.icon247 {
    background-image: url("../Images/App/Seesaw.png");
}

.icon248 {
    background-image: url("../Images/App/Shop.png");
}

.icon249 {
    background-image: url("../Images/App/Singing Teacher.png");
}

.icon250 {
    background-image: url("../Images/App/Sleeping Bag.png");
}

.icon251 {
    background-image: url("../Images/App/Slippery Floor.png");
}

.icon252 {
    background-image: url("../Images/App/SLR Large Lens.png");
}

.icon253 {
    background-image: url("../Images/App/Small Icons.png");
}

.icon254 {
    background-image: url("../Images/App/Snowman.png");
}

.icon255 {
    background-image: url("../Images/App/Solar Panel.png");
}

.icon256 {
    background-image: url("../Images/App/SoundCloud.png");
}

.icon257 {
    background-image: url("../Images/App/Sport Net.png");
}

.icon258 {
    background-image: url("../Images/App/Stack of Photos.png");
}

.icon259 {
    background-image: url("../Images/App/Stadium.png");
}

.icon260 {
    background-image: url("../Images/App/Standing Man.png");
}

.icon261 {
    background-image: url("../Images/App/Standing Woman.png");
}

.icon262 {
    background-image: url("../Images/App/Star Filled.png");
}

.icon263 {
    background-image: url("../Images/App/Stationery.png");
}

.icon264 {
    background-image: url("../Images/App/Storm.png");
}

.icon265 {
    background-image: url("../Images/App/Summer.png");
}

.icon266 {
    background-image: url("../Images/App/Super Mario.png");
}

.icon267 {
    background-image: url("../Images/App/Sushi.png");
}

.icon268 {
    background-image: url("../Images/App/Swimming.png");
}

.icon269 {
    background-image: url("../Images/App/Swingset.png");
}

.icon270 {
    background-image: url("../Images/App/System Information.png");
}

.icon271 {
    background-image: url("../Images/App/System Task.png");
}

.icon272 {
    background-image: url("../Images/App/Taco.png");
}

.icon273 {
    background-image: url("../Images/App/Taxi.png");
}

.icon274 {
    background-image: url("../Images/App/Tear Off Calendar.png");
}

.icon275 {
    background-image: url("../Images/App/Technology Items.png");
}

.icon276 {
    background-image: url("../Images/App/Teddy Bear.png");
}

.icon277 {
    background-image: url("../Images/App/Template.png");
}

.icon278 {
    background-image: url("../Images/App/Tennis.png");
}

.icon279 {
    background-image: url("../Images/App/Test Tube.png");
}

.icon280 {
    background-image: url("../Images/App/Text Box.png");
}

.icon281 {
    background-image: url("../Images/App/Therapy.png");
}

.icon282 {
    background-image: url("../Images/App/Timer.png");
}

.icon283 {
    background-image: url("../Images/App/To Do.png");
}

.icon284 {
    background-image: url("../Images/App/Toilet.png");
}

.icon285 {
    background-image: url("../Images/App/Train.png");
}

.icon286 {
    background-image: url("../Images/App/Trainers.png");
}

.icon287 {
    background-image: url("../Images/App/Training.png");
}

.icon288 {
    background-image: url("../Images/App/Trampoline Park.png");
}

.icon289 {
    background-image: url("../Images/App/Treble Clef.png");
}

.icon290 {
    background-image: url("../Images/App/Trekking.png");
}

.icon291 {
    background-image: url("../Images/App/Triangular Bandage.png");
}

.icon292 {
    background-image: url("../Images/App/Trigonometry.png");
}

.icon293 {
    background-image: url("../Images/App/True False.png");
}

.icon294 {
    background-image: url("../Images/App/TV.png");
}

.icon295 {
    background-image: url("../Images/App/Twitter.png");
}

.icon296 {
    background-image: url("../Images/App/Two Smartphones.png");
}

.icon297 {
    background-image: url("../Images/App/Umbrella.png");
}

.icon298 {
    background-image: url("../Images/App/University.png");
}

.icon299 {
    background-image: url("../Images/App/Unlock.png");
}

.icon300 {
    background-image: url("../Images/App/US Dollar.png");
}

.icon301 {
    background-image: url("../Images/App/User Female.png");
}

.icon302 {
    background-image: url("../Images/App/User Folder.png");
}

.icon303 {
    background-image: url("../Images/App/User Group Man Woman.png");
}

.icon304 {
    background-image: url("../Images/App/User Groups.png");
}

.icon305 {
    background-image: url("../Images/App/User Location.png");
}

.icon306 {
    background-image: url("../Images/App/User Male.png");
}

.icon307 {
    background-image: url("../Images/App/User Manual.png");
}

.icon308 {
    background-image: url("../Images/App/Video Conference.png");
}

.icon309 {
    background-image: url("../Images/App/View File.png");
}

.icon310 {
    background-image: url("../Images/App/Vimeo.png");
}

.icon311 {
    background-image: url("../Images/App/Violin.png");
}

.icon312 {
    background-image: url("../Images/App/Walking.png");
}

.icon313 {
    background-image: url("../Images/App/Wallet.png");
}

.icon314 {
    background-image: url("../Images/App/Watch.png");
}

.icon315 {
    background-image: url("../Images/App/Watering Can.png");
}

.icon316 {
    background-image: url("../Images/App/Waypoint Map.png");
}

.icon317 {
    background-image: url("../Images/App/Weber.png");
}

.icon318 {
    background-image: url("../Images/App/Wedding Rings.png");
}

.icon319 {
    background-image: url("../Images/App/Windows Client.png");
}

.icon320 {
    background-image: url("../Images/App/Windows8.png");
}

.icon321 {
    background-image: url("../Images/App/Wink.png");
}

.icon322 {
    background-image: url("../Images/App/Worker Female.png");
}

.icon323 {
    background-image: url("../Images/App/Worker Male.png");
}

.icon324 {
    background-image: url("../Images/App/Workers Female.png");
}

.icon325 {
    background-image: url("../Images/App/Workers Male.png");
}

.icon326 {
    background-image: url("../Images/App/Year of Monkey.png");
}

.icon327 {
    background-image: url("../Images/App/YouTube Play.png");
}

.icon328 {
    background-image: url("../Images/App/YouTube.png");
}

.icon329 {
    background-image: url("../Images/App/Push Notifications.png");
}

.icon330 {
    background-image: url("../Images/App/Conference Foreground Selected.png");
}

.icon331 {
    background-image: url("../Images/App/Apple.png");
}

.icon332 {
    background-image: url("../Images/App/HTML Filetype.png");
}

.icon333 {
    background-image: url("../Images/App/Location.png");
}

.icon334 {
    background-image: url("../Images/App/EPUB.png");
}

.icon335 {
    background-image: url("../Images/App/Sway.png");
}

.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_text_title {
    font-family: Arial;
    font-size: 18px;
    font-weight: normal;
    text-anchor: middle;
}
.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;
}