/*DESKTIO */


.assignmentHolder.dekstop
{
    
    margin-top:20px;
   
    border:10px solid #EEE;
    border-radius:5px;

}

.assignmentHolder.dekstop .assignmentHeader
{
    

    background-color:#EEE;
    padding:5px;
    padding-bottom:10px;
    
}
.assignmentHolder.dekstop .assignmentHeaderText
{
    
    
        font-size:30px;
    
}
.assignmentHolder.dekstop .assignmentInnerContent
{
    
       max-width:850px;
    padding:10px;
  
   
}

.assignmentHolder.dekstop .assignmentInnerSummaryText
{

    font-size:20px;
}



.assignmentHolder.dekstop .assignmentHeaderDate
{
    
    
    padding:5px;
    border-radius:5px;
    font-weight:600;
    margin-left:10px;
}
.assignmentHolder.dekstop .assignmentInnerPageContent
{
    margin-top:40px;

}





.assignmentHolder.dekstop .assignmentMainButton
{
    
    
    width:260px;
    display:inline-block;
    border:1px solid gray;
    padding:10px 10px;
    margin-right:10px;
    cursor:pointer;
    height:80px;
    vertical-align:top;
    font-size:20px;
    border-radius:5px;
    margin-bottom:10px;
  
}
.assignmentHolder.dekstop .assignmentMainButton .left
{

width:25px;height:80px;float:left;

}
.assignmentHolder.dekstop .assignmentMainButton .right
{

width:190px;height:80px;float:left;

}
.assignmentHolder.dekstop .assignmentMainButton.selected
{
    
    background-color:#5bc0de;
    color:white;
      font-weight:600;
}



.assignmentHolder.dekstop .prioKey
{
      font-size:20px;
      font-weight:600;
}

.assignmentHolder.dekstop  #divSimulatePageContent
{
    
    
    font-size:20px;
    
}







/* ------------ MOBILE-----------*/
/* ------------ MOBILE-----------*/
/* ------------ MOBILE-----------*/
.assignmentHolder.mobile
{
    
    margin-top:10px;
   margin:-5px;
    border:3px solid #EEE;
    border-radius:5px;

}

.assignmentHolder.mobile .assignmentHeader
{
    

    background-color:#EEE;
    padding:5px;
    padding-bottom:10px;
    
}
.assignmentHolder.mobile .assignmentHeaderText
{
    
    
        font-size:22px;
    
}
.assignmentHolder.mobile .assignmentInnerContent
{
    
       max-width:850px;
    padding:10px;
    
  
    
}
.assignmentHolder.mobile .assignmentHeaderDate
{
    
    display:block;
    padding:5px;
    border-radius:5px;
    font-weight:600;
    margin-left:10px;
}
.assignmentHolder.mobile .assignmentInnerPageContent
{
    margin-top:40px;

}



.assignmentHolder.mobile .assignmentMainButton
{
    
    

    border:1px solid gray;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:10px;
    cursor:pointer;
    vertical-align:top;
    font-size:14px;
    border-radius:5px;
    margin-bottom:10px;
  
}

.assignmentHolder.mobile .assignmentMainButton.selected
{
    
    background-color:#5bc0de;
    color:white;
    font-weight:600;
}


.assignmentHolder.mobile .divListHolder
{
    
   margin:0px -10px;
}
.assignmentHolder.mobile .mobileSortLink
{
    color:black;
  padding:3px;
  display:blocK;
}
.assignmentHolder.mobile .mobileSortLink.selected
{
    
  font-weight:bold;
}


.assignmentHolder.mobile .mobileSortRow
{
        background-color:#EEE;
         padding: 10px 0px;

}



.assignmentHolder.mobile .mobileSortColumn
{
    
 width:50%;
 float:right;
}

.assignmentHolder.mobile .mobileSortColumnLeft
{
 
  width:40%;
 padding-left:10px;
  float:left;

    font-size:18px;
}

.assignmentHolder.mobile .prioKey
{
      font-size:20px;
      font-weight:600;
}



/* ------------ MOBILE-END----------*/
/* ------------ MOBILE-END----------*/
/* ------------ MOBILE-END----------*/


.doneHeader
{
    
    
    font-size:24px;
    padding:20px;
    margin:10px;
    background-color:lightgreen;
    font-weight:bold;
    border-radius:5px;
    
}


.doneDesc
{
    
    padding:20px;
        padding-bottom:5px;
     font-size:14px;
    margin-left:10px;
     margin-top:10px;
    font-size:18px;
}

.doneCheck
{
       margin-left:30px;
       font-size:18px;
       padding-left:20px;
  
}




.queMainError
{
    
    
    margin-top:20px;
    padding:20px;
    color:orange;
    font-size:30px;
    
}





   table.intresttable{
    
    
    
     
  
    
    }
    


   table.intresttable tr.greenRow td {
  
 
 /*  background: rgba(227, 232, 130, 0.5);*/
    background: rgba(255, 127, 0, 0.3);
  
  

  background: rgba(230, 173, 216, 0.5);
  
  
   background: rgba(227, 232, 130, 0.5);
     background: rgba(255, 255, 0, 0.3);
  
    }
    
    
    
    
    
   table.intresttable tr.greenRow td:first-child {
  
  

   
    }
    
    
    
.queueMapLink
{
   color:black;
   padding:5px;
   background-position: 3px 3px;
   background-repeat: no-repeat;
   background-image:url(https://cdn.hsystemcontent.com/images/211.png);
   padding-left:40px;
 
    
}
    
 
    
    
   table.intresttable tr.disabledRow td {
    	background-color:#EEE;
          
    }
    
    
       table.intresttable tr.disabledRow td:first-child {

            text-decoration:	line-through;
    }
    
    
      table.intresttable tr.editSelect td {
        
        	
        	
        	  	border-top:solid black 3px;
        	  	border-bottom:solid black 3px;
        
        	
    }
    
    
       
      table.intresttable tr.editSelect td:first-child {
        
        	
        	
          	border-left:solid black 3px;
        	
    }
    
       table.intresttable tr.editSelect td:last-child {
        
        	
        	
        	  	border-right:solid black 3px;
        
        	
    }
    
    
    
    
   h3.areaHeader
   {
       
       color:#000;
       margin:0px;
       padding:10px;
       
       
   }
   
      
   h3.areaHeaderNoValid
   {
       
       margin:0px;
       padding:10px;
       color:gray;
       
   }
    



.bigWarningDiv
{
    
    
    
    font-size:20px;
    margin-top:10px;
    color:red;
    padding:20px 20px;
    background-color:#DDF2FF;
    border:1px solid black;
    border-radius:5px;
}




.spinner {
  margin-left:10px;
  width: 80px;
  height: 22px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
  background-color: #5cb85c;
  height: 100%;
  width: 12%;
  display: inline-block;
  
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}




.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}





.QueueFade {
  background-color: rgba(128, 128, 128, 0.65);
  left:0px;
    top:0px;
    /*opacity: 0.7;*/
    width:100%;
    height:100%;
    bottom:0px;
    position:fixed;
    z-index:200;

}



.QueueFadeInnerDiv {
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid gray;
    max-width: 400px;
    width: 100%;
    margin: auto;
    background-color: white;
    color: black;
    padding: 5px;
    opacity: 1;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.QueueFadeInnerMobileDiv {
    position:absolute;
    top: 5%;
      left: 0%;
    border: 1px solid gray;
    max-width: 400px;
    width: 100%;
    margin: auto;
    background-color: white;
    color: black;
    padding: 30px;
    opacity: 1;
    -moz-border-radius: 8px;
    border-radius: 8px;
}