/* ============================= calendar ================================== */

	:root {
		--ca-head-color: #fff;
		--ca-head-bgcolor: #1abc9c;
	}

   .graph-container {
      width: 100%;
      overflow: hidden;
   }

   .graph-head-tool {
      width: 100%;
   }

   .popup-container {
      width: 100%;
      height:100%;
   }

   .popup-body {
      width: 100%;
      height:100%;
      max-width: 100%;
      max-height: 100%;
   }

   .popup-buttons {
      width: 100%;
      height:100%;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      padding: 15px;
   }

   input.popup-button {
      font-size: .875rem;
      font-weight: bold;
      text-align: center;
      padding: 12px 25px;
      background-color: #fd9734;
      color: #f7f7f7;
      border: none;
      border-radius: 2px;
      cursor: pointer;
      -webkit-appearance: none;
       box-shadow:0 1px 2px hsla(0,0%,0%,0.15),inset 0 -1px 0 hsla(0,0%,0%,0.2);
   }


   input.popup-button:hover {
      background-color:#fb7d03;
      color: #fff;
      text-decoration: none;
   }


   input.popup-button.inactive {
      background-color: #eee;
      color: #555;
   }

   input.popup-button.inactive:hover {
      background-color: #ddd;
      color: #000;
   }

   .popup-main  {
      width: 100%;
      padding: 20px 15px;
      font-size: 1rem;
      font-weight: bold;
   }

   .popup-submain {
      width: 100%;
      padding: 5px 15px;
      font-size: 1.0rem;
      font-weight: normal;
   }

   .popup_detail {
      width: 100%;
      padding: 15px;
      font-size: .875rem;
      font-weight: bold;
      color: #1abc9c;
      text-align: center;
      cursor: pointer;
   }

   .popup_detail a {
      color: #1abc9c;
      margin: 0 5px !important;
   }

   .popup_detail a:hover {
      text-decoration: none;
   }


	.ca-container {
		overflow: hidden;
      width: 100%;
	}

   .ca-head-container {
      background-color: var(--ca-head-bgcolor);
      background-color: #1abc9c;
      width: 100%;
   }

    #ca-head-container.gc-nonmodal {
         cursor: move;
      }

	.ca-head {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		padding: 25px 0 25px 30px;
		color: var(--ca-head-color);
      width: -moz-calc(100% - 30px);
      width: -webkit-calc(100% - 30px);
      width: -o-calc(100% - 30px);
      width: calc(100% - 30px);
	}

@supports (not(--value: 0)) {
  /* CSS variables not supported */
  .ca-head {
      color: #fff;
  }
}

   .ca-head-tool {
      background-color: var(--ca-head-bgcolor);
      background-color: #1abc9c;
      color: var(--ca-head-color);
      color: #fff;
      width: 30px;
      vertical-align: middle;
      margin-top: 10px;
      padding-right: 5px;
   }

		.ca-head-menu {
		}

			.ca-head-menu-tab input[type=radio] {
				display: none;
			}

			.ca-head-menu-tab input[type=radio]:checked + .ca-tab {
				background-color: #fff;
				color: #1abc9c;
			}

			.ca-head-menu-tab input[type=radio]:hover + .ca-tab {
				background-color: #20e5be;
			}

			.ca-tab {
				width: 20%;
				padding: 10px;
				text-align: center;
				border: 1px solid #fff;
				border-radius: 2px;
				font-size:  0.875rem;
				font-weight: bold;
				background-color: var(--ca-head-bgcolor);
				background-color: #1abc9c;
				cursor: pointer;
			}

		.ca-head-title {
			padding-left: 10px;
			text-align: center;
			font-size: 1.25rem;
			font-weight: bold;
			letter-spacing: 2px;
		}

		.ca-head-nav {
			text-align: center;
		}

			.ca-head-nav a {
				padding: 5px 10px;
				font-size:  1.0rem;
				font-weight: bold;
				color: #fff;
				text-decoration: none;
			}

			.ca-head-nav a:hover {
				background-color: #20e5be;
			}

	.ca-body {
		width: 100%;
		background-color: #fff;
	}

		.ca-body-head {
			display: flex;
			width: 100%;
		}

	      .ca-body-head-item {
	         display: flex;
	         flex-direction: row;
	         flex-wrap: wrap;
	         justify-content: center;
	         width: 14.2857%;
	         padding: 10px;
         	text-align: center;
	         font-size: 0.8125rem;
	         font-weight: bold;
	         background-color: #f3f3f3;
	      }

	      .ca-body-head-item div {
	         width: 100%;
	      }

	   .ca-body-body-m, .ca-body-body-d, .ca-body-body-w {
	      display: flex;
	      flex-direction: column;
	      width: 100%;
	   }

	   .ca-body-body-w {
	      flex-direction: row;
	   }

	   .ca-body-row-m, .ca-body-row-d, .ca-body-row-w {
	      height: 90px;
	      width: 100%;
	     border-bottom: 1px solid #c0c0c0;
	   }

	   .ca-body-row-m:last-child  {
	      border-bottom: 1px solid transparent;
	   }

	   .ca-body-body-d > div:first-child > div:nth-child(2) {
  	      border-top: 1px solid #c0c0c0;
	   }

	   .ca-body-row-w {
	      display: flex;
	      flex-direction: row;
	      height: 30px;
	      width: -moz-calc(100% - 50px);
	      width: -webkit-calc(100% - 50px);
	      width: -o-calc(100% - 50px);
	      width: calc(100% - 50px);
	   }

	   .ca-body-row-d {
			display: block;
  			height: 30px;
			width: 100%;
	   }


	   .ca-body-col-m {
	      width: 14.2857%;
	      height: 100%;
	      vertical-align: top;
	      border-left: 1px solid #c0c0c0;
	      background-color: var(--bgcolor );
	      background-color: #fff;
         overflow: hidden;
	   }

      .ca-body-col-m:hover {
         overflow: visible;
         -webkit-transition: line-height 1s, height 1s, opacity 1s, border-radius 3s;
         background-color: #fcf9f9;
         z-index: 2;
      }

	   .ca-body-col-m:first-child {
	      border-left: 1px solid transparent;
	   }

		.ca-body-col-w-time {
			width: 50px;
			background-color: #f3f3f3;
		}

		.ca-body-col-w-time div {
			display: block;
			width: 50px;
			padding: 10px;
			height: 30px;
			font-size: 0.8125rem;
			font-weight: bold;
		}

		.ca-body-col-w-time div p {
			position: absolute;
			top: -12px;
		}

	   .ca-body-bar-w {
	      display: flex;
	      flex-direction: column;
	      height: 540px;
	      width: 14.2857%;
			border-right: 1px solid #c0c0c0;
	   }

		.ca-body-bar-w:last-child {
			border-right: 1px solid transparent;
		}
		.ca-body-col-w, .ca-body-col-d {
			display: block;
			width: 100%;
			height: 30px;
         overflow: hidden;
			vertical-align: top;
			border-bottom: 1px solid #c0c0c0;
			background-color: var(--bgcolor );
		}

      .ca-body-col-w:hover, .ca-body-col-d:hover {
         overflow: visible;
         z-index: 2;
      }

		.ca-body-col-d {
	      width: -moz-calc(100% - 50px);
	      width: -webkit-calc(100% - 50px);
	      width: -o-calc(100% - 50px);
	      width: calc(100% - 50px);
  			border-right: 1px solid transparent;
		}

		.ca-body-row-d:last-of-type > .ca-body-col-d, .ca-body-line-w:last-of-type > .ca-body-col-w {
			border-bottom: 1px solid transparent;
		}

		#time-sm {
			display: none;
		}

	   .ca-body-day {
	      vertical-align: top;
	      background-color: #fff;
	      font-size: 0.8125rem;
	      font-weight: bold;
	      padding: 2px;
	      width: 22px;
	      text-align: center;
	      display: block;
	      float:right;
	      border-left: 1px solid #c0c0c0;
	      border-bottom: 1px solid #c0c0c0;
	      border-radius: 2px;
	   }

	   .ca-value {
	         background-color: #9575CD;
	         font-size: 0.6875rem;
	         font-weight: bold;
	         padding: 3px;
	         cursor:pointer;
	         width: 100%;
	         height: 100%;
            z-index: 2;
	   }


	   .ca-M-label {
	      width: 100%;
	      padding: 10px;
	      font-size: 0.8125rem;
	      font-weight: bold;
	   }

	   .ca-W-label {
	      padding: 10px;
	      font-size: 0.8125rem;
	      font-weight: bold;
	      width: -moz-calc(100% - 50px);
	      width: -webkit-calc(100% - 50px);
	      width: -o-calc(100% - 50px);
	      width: calc(100% - 50px);
	      text-align: center;
	   }

	   .ca-W-sublabel {
	      background-color: #f3f3f3;
	      width: 50px;
	      padding: 10px;
	   }

	   .ca-W-value, .ca-W-value-100 {
	      background-color: #9575CD;
	      font-size: 0.6875rem;
	      font-weight: bold;
	      padding: 3px;
	      cursor:pointer;
	      width: 100%;
	      height: 33px;
	   }

	   .ca-W-value-100 {
	      height: 100%;
	   }

	   tr.ca-day-month {
	      height: 90px;
	   }

	   tr.ca-day-week {
	      background-color: #f3f3f3;
	      height: 30px;
	   }

	   .ca-anyday {
	      vertical-align: top;
	      border-left: 1px solid #c0c0c0;
	      border-bottom: 1px solid #c0c0c0;
	      background-color: var(--bgcolor );
	   }

	   .ca-today {
	      background-color: #f3f3f3;
	   }

	   div.ca-anyday {
	      background-color: #fff;
	      font-size: 0.8125rem;
	      font-weight: bold;
	      padding: 2px;
	      width: 22px;
	      text-align: center;
	      display: block;
	      float:right;
	      border-radius: 2px;
	   }

	   .ca-workday {
	      background-color: #f3f3f3;
	      width: 14.2857%;
	      border-bottom: 1px solid #c0c0c0;
	   }

	   .ca-holiday {
	      background-color: #f7fcf4;
	   }

	   p.ca-subject, div.ca-empty {
	      font-size: 0.6875rem;
	      font-weight: bold;
	      background-color: inherit;
	      padding: 3px;
	      cursor:pointer;
	      width: 100%;
	   }
	   div.ca-empty {
	      cursor: auto;
	   }

   .ca-recContainer {
      width: 100%;
      overflow: auto;
      background-color: #fff;
   }

   .ca-recCol {
   	width: 100%;
      display: flex;
      flex-flow: row wrap;
      border-bottom: 1px solid #dedef6;
   }

		.ca-recCol > div:first-child {
      	width: 15%;
      	min-width: 75px;
      	min-height: 100px;
      	font-weight: bold;
		}
		.ca-recCol > div:nth-child(2) {
			width: 85%;
		}

	.ca-recRow {
      display: flex;
      flex-flow: row wrap;
      align-items: center;
	}

	.ca-recTitle, .ca-recContent {
		justify-content: right;
		display: flex;
		padding: 10px;
		font-size: 0.875rem;
	}

	.ca-recContent {
		justify-content: left;
		font-size: 0.8125rem;
		padding: 10px 0;
	}

	.ca-recMiddle {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-flow: column;
      margin-left: 10px;
   }


   .ca-recItem {
      display: flex;
      flex-flow: column;
      justify-content: left;
   }

   div.ca-recItem > div {
   	display: inline-block;
      padding: 7px 25px;
      justify-content: top;
   }

   .ca-recItem p, .ca-recMiddle p {
      display: inline-block;
      padding: 0 6px 0 3px;
   }



/*
   .ca-recCol > div:first-child  {
      width: 15%;
      min-width: 100px;
      min-height: 75px;
      align-items: center;
      justify-content: center;
      font-weight: bold;
   }

   .ca-recCol > div:nth-child(2) {
      width: 85%;
      align-items: top;
   }
*/







/* ===================================================  dialog =============================================== */

	.dlg {
		width: auto;
		height: 100%;
		display: flex;
		flex-direction: column;
		border-radius : 7px;
	}

	.dlg_title {
		width: 100%;
		padding: 15px;
		font-size: 1.125rem;
		color: #555;
		font-weight: 400;
		background-color: #e8e8e8;
		background-color: #eee;
	}

	.dlg_title:empty {
		padding-top: 0px;
	}

	.dlg_xsign {
		position: absolute;
		top: 10px;
		right: 10px;
	}

	.dlg_message {
		width: 100%;
		padding: 10px 5px;
	}

	.dlg_message p:first-child {
		padding: 15px;
		font-size: 0.875rem;
  		font-weight: bold;
		width: 100%;
	}

	.dlg_message p:nth-child(2) {
		padding: 0 15px 25px 15px;
		font-size:  0.75rem;
		color: red;
		width: 100%;
	}

	.dlg_button-ok {
		background-color: #f48c30;
		color: #f7f7f7;
	}

	.dlg_button-ok:hover {
		background-color: #e67e22;
		color: #fff;
	}

	.dlg_button-cancel, .dlg_button-close {
		background-color: #eee;
		color: #555;
	}

	.dlg_button-cancel:hover, .dlg_button-close:hover {
		background-color: #ddd;
		color: #000;
	}

	button.dlg_button {
		font-size: .9375rem;
		font-weight: bold;
		padding: 10px 25px;
		cursor: pointer;
		border-width: 0;
		outline: none;
		border-radius: 1px;
		box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
		transition: background-color .1s;
	}

	div.formButton {
		float: right;
		margin: 10px;
		border-radius: 2px;
		box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
	}

	.formButton a {
		display: block;
		cursor: pointer;
		font-size: .9375rem;
		font-weight: bold;
		text-align: center;
		padding: 8px 25px;
	}

	.formButton a:hover {
   	text-decoration: none;
   }

	.dlg_xsign a {
         display: flex;
         align-items: center;
         justify-content: center;
		background: transparent;
		font-size: 1.75rem;
		font-weight: 400;
		text-decoration: none;
		/*padding: 0 5px;*/
		color: #000;
         width: 35px;
         height: 35px;
        border-radius: 50%;
        border: 1px dotted #ddd;
         transition: opacity .75s cubic-bezier(0.4,0.0,0.2,1);
	}

	.dlg_xsign a:hover {
	   background: #ddd;
	}

	.dlg-ok,	.dlg-cancel {
		display: block;
		margin: 20px auto 10px auto;
		padding:15px 30px;
		background: #eee;
		cursor: pointer;
		border-radius: 100px;
		font-weight: bold;
		max-width: 240px;
		transition: background 0.25s;
		box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
		user-select: none;
	}

	.dlg-ok {
		background: #007eff;
		color: #fff;
		margin-bottom: 20px;
	}


.mo-hide {
   display: none;
}

.mo-block {
   display: block;
}

.mo-1 {
	width: 75px;
	padding: 4px;
}


.mo-2 {
	font-size: 0.8125rem;
	margin: 0;
	padding: 0;
	border:solid 1px #ccc;
	border-radius: 2px;
}

.mo-3 {
	font-size: 0.8125rem;
	width: 2.5rem;
	padding: 4px;
	border: none;
	border:solid 1px #ccc;
	border-radius: 2px;
}

.mo-5 {
	font-size: 0.8125rem;
	padding: 5px;
	border: solid 1px #ccc;
	border-radius: 2px;
}

div.mo-4 {
	display: inline-block;
	position: relative;
	float: none;
}

.mo-4 input {
	font-size: 0.8125rem;
	padding: 4px;
	border: none;
	border:solid 1px #ccc;
	border-radius: 2px;
	padding: 4px 10px 4px 4px;
}

.mo-4 select {
	font-size: 0.8125rem;
	font-weight: 400;
	border: 1px solid #c6bbb3;
	border-radius: 2px;
	padding: 4px 20px 4px 4px;

	color: #34270A;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
}



.mo-4 select:hover, .mo-4 select:active, .mo-3:hover {
	border: 1px solid #e67e22;
}

	.mo-4:after {
		content: '\f0d7';
		font-family: 'FontAwesome';
		font-size: 0.75rem;
		font-weight: normal;
		color: #34270A;
		position: absolute;
		right: 10px;
		top: 5px;
		z-index: 1;
		pointer-events: none;
}


.wiz-subContainer {
	border: 1px solid red;
}

.wiz-subParam {
	border: 1px solid green;
}


   .sc-container {
      display: block;
      width: 100%;
      overflow: auto;
      background-color: #fff;
   }

   .sc-title {
      display: block;
      width: 100%;
      background-color: #f3f3f3;
      padding: 10px;
      overflow: auto;
   }

   .sc-flex-col {
      display: flex;
      flex-direction: column;
   }

   .sc-flex-row {
      display: flex;
      /*flex-direction: row;
      flex-wrap: wrap;
      */
      flex-flow: row wrap;
      justify-content: space-between;
      align-items: stretch;
      align-content: stretch;
      width: 100%;
   }

   .sc-flex-row > div {
     /*border: 1px solid #f1f1f1;*/
     background-color: inherit;
     margin: 10px;
     text-align: center;
     flex-grow: 1;
     flex-shrink: 1;

      flex-basis: -moz-calc(50% - 30px);
      flex-basis: -webkit-calc(50% - 30px);
      flex-basis: -o-calc(50% - 30px);
      flex-basis: calc(50% - 30px);
   }

   .sc-flex-row > div:nth-child(1) {
   }
   .sc-flex-row > div:nth-child(2) {
   }

   .sc-fieldset {
      border: 1px solid green;
      height: 100%;
   }

   .sc-legend {
      padding: 0 10px;
      font-weight: bold;
   }



   @media screen and (max-width: 1199px) {

      .ca-body-head-item div:first-child span {
         display: none;
      }

      .ca-body-head-item div:first-child::after {
         display: block;
         content: attr(data-label);
      }

   .sc-flex-row {
      flex-direction: column;
   }


   }

   @media screen and (max-width: 900px) {

   .ca-recCol > div:first-child {
      min-height: 50px;
   }
   .ca-recTitle {
      justify-content: left;
   }
      .ca-head-menu-tab {
         display: flex;
         flex-direction: column;
      }

      .ca-tab {
         width: 100%;
         margin-bottom: 5px;
      }

      .ca-head-nav {
         display: flex;
         flex-direction: column;
      }


      #head-M, #head-W {
         display: none;
      }

      .ca-body-row-w {
         width: 100%;
      }

      .ca-body-col-m div:first-child span {
         display: none;
      }

      .ca-body-col-m div:first-child::after {
         display: block;
         float: left;
         content: attr(data-label);
         padding: 10px;
      }

      .ca-body-col-m {
         width: 100%;
         border-bottom: 1px solid #c0c0c0;
      }

      .ca-body-day {
         width: 100%;
         border: none;
         padding: 5px;
         background-color: var(--bgcolor);
      }

      .ca-body-row-m {
         height: auto;
         display: flex;
         flex-direction: column;
         border: none;
      }

      .ca-body-row-w {
         height: 100%;
         display: flex;
         flex-direction: column;
      }

      .ca-body-line-w {
         display: flex;
         flex-direction: row;
         height: 30px;
      }

      .ca-body-line-s {
         height: 30px;
      }
      #time-lg {
         display: none;
      }

      #time-sm {
         display: block;
      }

      .ca-body-bar-w:before {
         display: inline-block;
         content: attr(data-label);
         background-color: #f3f3f3;
         padding: 20px 10px;
         font-size: 0.8125rem;
         font-weight: bold;
      }

      .ca-body-bar-w {
         width: 100%;
         height: 100%;
         /*height: 590px;        */
      }

      .ca-body-col-w {
         width: 100%;
         border: none;
         border-bottom: 1px solid #c0c0c0;
      }




      .ca-body-col-w:nth-child(2) {
         width: -moz-calc(100% - 50px);
         width: -webkit-calc(100% - 50px);
         width: -o-calc(100% - 50px);
         width: calc(100% - 50px);
      }

      div.ca-subject {
         padding: 10px 20px;
      }



   }

.linkContainer {

}

.link-identity {
	position: absolute;
	left: 453px;
	top: 5px;
}

.link-brand {
}

.link-close {
	color: #000000;
}

.linkHead, .linkmessage p	 {
	font-size: 1.75rem;
	font-weight: 600;
}

.linkmessage {
	margin-top: 0.75rem;
	margin-bottom: 0.75rem;
}

.linkBody, .linkHead {
	padding: 0.75rem;
}

.linkBody p {
	padding-right: 0.75rem;
}
.linkBody a {
	color: #0066cc;
	font-size: 0.875rem;
}

.link-capt {
	padding-bottom: 0.5rem;
	font-weight: 600;
	text-transform: capitalize;
}

.link-text, .linktext p{
	line-height:1.25;	
	padding-bottom: 0.5rem;
	font-size: 0.875rem;
	margin-bottom:0.5rem;
}

.link-text a {
	color: #0066cc;
	cursor: pointer;
}

.link-text-note {
}

.linkclose.mo-close{
	padding-top: 5px;
}