/*
desktop.css
*/

body {
	font-family: arial;
	margin: 0px;
}

/* drag container*/
#custom-drag {
	width: 100%;
	margin: auto;
}


/* tables */
#custom-drag table {
	border-collapse: collapse;
	/*margin: 5px;*/
	height: 98vh;
}

@media only screen and (min-width: 600px) {
	#custom-drag table {
		background-color: #eee;
		border-collapse: collapse;
		margin: 1px;
	/* height: 97vh;*/
		height: calc(100vH - 25px - 4px - 4px); /*=viewport 100%-header25px-bottom 4px- 4px spacing)*/
	}
}

@media only screen and (max-width: 600px) {
	.noPadding{
		padding:0;	
	}	
}
	/* table cells */
#custom-drag td {
	font-size: 10pt;
	padding: 0px;
	overflow:hidden;
}
#table2{
	width:100%;
}	
#table1{
	width:100%;
}	
#table3{
	width:100%;
}		



textarea:focus, input:focus{
    outline: none;
}

@media screen and (max-height: 700px) {
	.treeView{
		padding:0;
		height:90%;
		overflow-y:auto;
	}
}
@media screen and (min-height: 700px) {
	.treeView{
		padding:0;
		height:92%;
		overflow-y:auto;
	}
}

.treeViewRed{
	padding:0;
	height:80%;
}

#td1, #td2, #td3, #td4 {
	height: 39vh;
}

.treeViewGrey{
	padding:0;
	/*height: calc(100vH -25px - 4px - 4px - 39px);*/ /*=viewport 100%-header25px-bottom 4px- 4px spacing)*/
	height: 39vh;
	overflow-y:auto;
}
@media screen and (max-height: 700px) {
	.treeViewGrey{
		padding:0;
		height: 39vh;
		/*height: calc(100vH - 25px - 4px - 4px - 39px); /*=viewport 100%-header25px-bottom 4px- 4px spacing)*/
		/*overflow-y:auto;*/
	}
}

.blue{
	color:blue;
}	

.pointer{
		cursor:pointer;
}	
.center{
		text-align:center;
}	


span{
  cursor:pointer;
}	

.limitTask {
  width:50%;
}

.btn-primary{
	background-color:#0044aa!important;	
}	


#mainDiv{
	background-color:#eee;
	font-size:20px;
	font-weight:bold;
	padding:10px;
}

@media only screen and (max-width: 600px) {
	#mainDiv{
		font-size:16px;
	}
}

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}


body1 {
  touch-action: none;
}
.colHead{
		height:36px;
		padding:0.5em;
	}
@media only screen and (max-width: 600px) {
	.colHeader{
		display: inline-block; 
		width: 80% !important;
	}
	.colHead{
		height:36px;
		padding:0.5em;
	}
}

.noPaddingHeader{
	padding:0!important;		
}

.noPadding{
	padding:0!important;		
}

.swipeoutIcon{
	height:20px;
	width:20px;
	z-index:999;
}

.logoPlus{
  background:url('../img/logo.png') no-repeat top left;
  width:20px;
  height:20px;
  color:#fff;
  background-size:cover;
  text-align:center;
  cursor:pointer;
  font-size:14px; 
}

.swipeout-actions-right{
	z-index:1111;
}

.bottomTaskBar{
 background-image: linear-gradient(to right, rgb(220,220,220) 81%, rgb(220,220,220) 10%);
 width:100%;
 z-index:999;
 padding:5px	
}

.date-display{
	width:8%;
}

.table-one{
	width:62%;
}


.pdca-filled{
	background-color:#ccc;
}

.green{
	background-color:rgb(0, 255, 0)!important;
}

.name-area{
	display:inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
	height:32px;
}

.subtask-duration{
	margin-left: -26px;
}

li.collapsibleListClosed .main-duration{
	margin-left: -30px;
}

.collapsibleListClosed .limitTask .swipeout-content {
	margin-left: 20px !important;	
}