/* Color */
.bg-image {
  background:
    linear-gradient(to bottom,
      rgba(34, 74, 190, 1),
      rgba(34, 74, 190, 0.7)
    ),
    url('../img/photo.jpg');
  background-size: cover;
}

.text-navy {
  color: #224abe;
}

.btn-navy {
  color: white;
  background-color: #224abe;
}

.btn-navy:hover {
  color: white;
  background-color: #0d47a1;
}

/* Off-Canvas (SideBar) 
.offcanvas {
  width: 200px;
}

@media (min-width: 992px) {
  .offcanvas {
    transform: none;
    visibility: visible !important;
  }

  .offcanvas-outside {
    transition: margin-left 0.3s ease-in-out;
    margin-left: 200px;
  }
  
  .offcanvas-outside_main,
  .offcanvas-outside-w100 {
  	margin-left: 0;
  }
}
*/
.btn-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  opacity: 0.5;
  border: 0;
}

/* Link
a {
  text-decoration: none;
}
 */
/* Size */
.mh-100 {
  height: calc(100vh - 56px)
}

.row {
    margin-top: calc(var(--bs-gutter-y) * 1);
/*    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);*/
}

.vh-75 {
	height:75vh;
}

  .sticky-top tr:first-child th:before,
  .sticky-top tr th:first-child:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
  }

/* -------------------------------------------  
	CareShip 
-------------------------------------------- */
.ship-main {
	padding-top: 3px;
    width: 100vw;
    padding-left: 3px;
    padding-right: 3px;
    height: calc(100vh - 57px);
    overflow-y: auto;
    overflow-x: hidden;
}
/*
.ship-header {
	width:calc(100vw - 12px);
	overflow: hidden;
}
*/
.ship-table > .table {
	margin-bottom: 0;
}
.ship-table::-webkit-scrollbar{
	background-color: white;
	border:1px solid #dee2e6;  
	width:10px;
	height:10px;
} 
.ship-table::-webkit-scrollbar-thumb{
	background-color: silver;
} 

.ship-navbar-main {
	background-color:#CCFFCC;
	padding-right: 1.5rem;
}
.ship-navbar-banner {
/*	max-width:100%;
	height:auto;
	*/
	max-height:25px;
}
.ship-content-main{
	height:calc(100vh - 65px);
	overflow:auto;
}
.ship-main-personalList{
	max-height:calc(100vh - 215px);
}
.ship-main-infoBoard{
	height:calc(100vh - 260px);
	overflow-y: auto;
	overflow-x: hidden;
}
.ship-personalview-table{
	max-height:67vh;
	height:auto;
}
@media (max-width: 1200px){
	.ship-personalview-table{
		max-height:63vh;
		height:auto;
	}
}
@media (max-width: 991.98px) {
	.ship-main-md-off{
/*		height:calc(100vh - 820px);*/
		height:auto;
		overflow:hidden;
	}
	.ship-main-md-short{
		height:calc(100vh - 120px);
		overflow:hidden;
	}
	.ship-main-personalList{
		max-height:calc(100vh - 245px);
	}
	.ship-main-infoBoard{
		height:auto;
		max-height:calc(100vh - 260px);
	}
	.ship-personalview-table{
		max-height:65vh;
		height:auto;
	}
 }
 @media (max-width: 768px){
	.ship-personalview-table{
		max-height:63vh;
		height:auto;
	}
	
 }
 @media (max-width: 530px) {
	.ship-navbar-main {
		padding-right: 0;
	}
 	.ship-main-md-off{
 /*		height:calc(100vh - 820px);*/
 		height:auto;
 		overflow:hidden;
 	}
 	.ship-main-md-short{
 		height:calc(100vh - 95px);
 		overflow:hidden;
 	}
 	.ship-main-personalList{
 		max-height:calc(100vh - 255px);
 	}
 	.ship-main-infoBoard{
 		height:auto;
 		max-height:calc(100vh - 270px);
 	}
	.ship-personalView{
		height:calc(100vh - 75px);
	}
	.ship-personalview-table{
		max-height:62vh;
		height:auto;
	}
  }

.tableCaptionUndisplay{
  	height:1px;
  } 
.tableCaptionUndisplay:hover{
  	height:32px;
  }  
.tableRowCaptionUndisplay{
    width:1px;
  } 
.tableRowCaptionUndisplay:hover{
    width:32px;
  }  
 
div.ship-nav-tabs{
	overflow-x: auto;
	overflow-y: hidden;
	flex-wrap: nowrap;
}
  
button.ship-nav-tabs {
	display: block;
    padding: 0.5rem 1rem;
	white-space: nowrap;
    color: #0d6efd;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
	margin-bottom: -1px;
    background: 0 0;
    border-bottom: 1px solid transparent;
	border-top: 1px solid #dee2e6; 
	border-left: 1px solid #dee2e6; 
	border-right: 1px solid #dee2e6; 
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
button.ship-nav-tabs.active {
	color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}

.bg-caption{
	background-color: #e9ecef;
}

.bg-topCaption{
	--bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important;
    background-image: var(--bs-gradient)!important;
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important;
    padding: 0.5rem 0.5rem;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
    border-width: 0 1px;
    font-weight: bold;
    border-color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important;
}

.lineFeedBorder {
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
	border-right: 1px solid #ff00ff;
}
.lineFeedBorderSecondary {
    border-top: 1px solid #6c757d;
    border-bottom: 1px solid #6c757d;
    border-left: 1px solid #6c757d;
	border-right: 1px solid #ff00ff;
}

.divHover:hover {
	background-color: #555555;
	opacity: 0.3;
	z-index: 5;
	
}

.weekSunday {
	background-color: lavenderblush!important;
}
.weekSaturDay {
	background-color: lightcyan!important;
}

.infoCaption {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.infoCaptionOdd {
	background-color: white;
}
.infoCaptionEven {
	background-color: #e9ecef;
}
.infoCaptionOdd:hover,
.infoCaptionEven:hover {
	background-color: #555555;
}

.infoRowPink,
.infoRowPink:hover{
	background-color:lavenderblush;
}
.infoRowYellow,
.infoRowYellow:hover{
	background-color:#FAFAD2;
}

.inputResize {
	background-color: #FFFF99;
}
.selectResize {
	background-color: inherit;
}

.indicator, .imageView {
	width:100vw;
	height:100vh;
	background-color: transparent;
	position: fixed;
    top: 0;
	left: 0;
	z-index: 9999;
}

.sheetLock {
	height: 100%;
	position: absolute;
    top: 0;
	left: 0;
	background-color: transparent;
	z-index: 9999;
}

 .avatar {
	width:90px;
	height:auto;
}

 .avatar-xs {
	width:30px;
	padding-left: 5px;
	height:auto;
}

.text-pink {
	color:hotpink;
}

.uploadPreview {
	width: 200px;
	height: auto;
}

.uploadImageW {
	width: 300px;
	height: auto;
}
.uploadImageH {
	width: 	auto;
	height: 300px;
}

.sign00 {
	padding-top: 0.5em;
}

.sign01 {
	color: red;
	background-color: transparent;
	background-image: url("/img/sign_01.png");
	padding-top: 2em;
    padding-bottom: 1em;
    padding-left: 0.9em;
}
.sign09 {
	color: black;
	background-color: transparent;
	background-image: url("/img/sign_09.png");
	padding-top: 2em;
    padding-bottom: 1em;
    padding-left: 0.9em;
}
.ship-time {
	display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.ship-textArea {
  field-sizing: content;
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.ship-textRow-1{
	min-height: calc(1.5em + .75rem + 2px);
}
.ship-textRow-2{
	min-height: calc(3em + .75rem + 2px);
}
.ship-textRow-3{
	min-height: calc(4.5em + .75rem + 2px);
}
.ship-textRow-4{
	min-height: calc(6em + .75rem + 2px);
}
.ship-textRow-5{
	min-height: calc(7.5em + .75rem + 2px);
}
.ship-textRow-6{
	min-height: calc(9em + .75rem + 2px);
}
.ship-textRow-7{
	min-height: calc(10.5em + .75rem + 2px);
}
.ship-textRow-8{
	min-height: calc(12em + .75rem + 2px);
}
.ship-textRow-9{
	min-height: calc(13.5em + .75rem + 2px);
}
.ship-textRow-10{
	min-height: calc(15em + .75rem + 2px);
}


.responceNameList ul,
.responceNameList ul li ul{
    padding-left: 0;
}

.responceNameList ul li,
.responceNameList ul li ul li{
	list-style:none;
	padding-left: 0.5rem;
}
.responceNameList ul li ul{
    display: none;
}
.responceNameList ul li:hover ul{
    display: block;
}

td.ship-row-odd {
	background-color:#e9ecef;
}

.shipSticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
}
.shipSticky-top tr:first-child th:before,
.shipSticky-top tr th:first-child:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
 }
 
.shipAutoSizeImage {
	width:100%;
	height:auto;
} 

.dateList input:checked+label {
	background: yellowgreen;
}
.dateList label {
	width: 30px;
}