body {
	 background: #f5f8fa !important;
	 width:99%;
	 /* height:100%; */
	 margin: 0;
	 position: relative;
	 min-height: 100%;

 
  padding-bottom: 6rem;
 /*  min-height: 100%;
  font-family: "Helvetica Neue", Arial, sans-serif; */
 }
 .ui.menu .pointing.dropdown.item .menu {
    margin-top: 0.4em !important; 
    background: #F2711C !important;
    color:#ffffff !important;
}
.ui.menu .ui.dropdown .menu > .item:hover{
	
	color: #ffffff !important;
}
.background_head {background: #F9E7DC !important; color:#000000 !important}
 .ui.segment {
       border-radius: 0rem !important;
    border: 0px solid rgba(34, 36, 38, 0.15) !important;
    }
table{width:100%}

#hot-display-license-info{
	display: none;
}

#myAppraisalListTable, #teamAppraisalListDiv, #reportsListDiv{
	margin: 0 auto;
	max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.login-box {margin-top: 2% !important;}
	
.mc-logo-setting {
	text-align: center !important; 
	margin-top: 3% !important;
	font-size: 11px; 
	color:#9B9A9A;
	}
	
.header-color {
	color: #ffffff !important;
	font-size: 2.5rem;
} 

.mc-column {
	width:43% !important
	
}

.mc-field {padding:2% !important }

.mc-fixed-zone {
	width:80%; 
	background: #ffffff; 
	padding:8px; 
	border:1px solid #eaeaea;
	}
	
.mc-gap {
	padding-top: 0.3rem !important; 
	padding-bottom: 0.3rem !important;
	}
	
/* .handsontableInput {height:1px !important; min-height:1px !important} */

.ui.form textarea:not([rows]) {
	min-height: auto!important;
    max-height: initial!important;
}
#overallRatingDiv {font-size:1.2em !important}
#totalRatingDiv {font-size:1.2em !important}

#datatableMyAppraisal  th{
	 text-align :left;
}

.ui-pnotify-action-button{
	cursor: pointer;
}

.teamAppraisaldataTable {
	border:1px solid #f3f3f3; 
	text-align: left !important
	}

#datatableTeamAppraisal  th{
	 text-align :left;
	 /* padding:0px 4px; */
	 padding-top:0px;
	 padding-bottom:0px;
	 border-top: 1px solid #ddd !important;
	 /* border-bottom: 1px solid #f3f3f3 !important; */
	/*  background: #e8e8e8 !important */
	
}

.table-team-apprai-head {
	background: #F7F6F6 !important; 
	margin: 0 auto  !important; 
	padding:0px 0px 0px 10px !important;
	
	
	}
	.sorting{
	cursor:pointer ! important;
	}
#table-team-apprai-head-top { background: #F7F6F6 !important; border-top: 1px solid #f7f6f6 !important}
.buttons-excel {
	padding:2px 18px; 
	background: #e7e7e7; 
	border:1px solid #cccccc; 
	border-radius: 7px; 
	margin-left: 15px;  
	cursor: pointer;
	}
#datatableTeamAppraisal_filter {
	  
	margin-bottom: 12px;
	}
#datatableTeamAppraisal td.details-control {
    background: url('../../resources/images/details_open.png') no-repeat center center;
    cursor: pointer;
}
#datatableTeamAppraisal tr.shown td.details-control {
    background: url('../../resources/images/details_close.png') no-repeat center center;
}
.shownTRClass {
	background-color: #b0bed9 !important; 
	border:1px solid #EFEFEF !important; 
	} 
#filters {text-align: left !important}

/* table.dataTable thead .sorting {
    background-image: url(../../resources/images/sort_both.png) !important;
    z-index:9999;
} */


.datatableTeamSelect{
	  max-width: 100px !important;  
}
.userguide_manager {
	font-size: 14px;
    text-decoration:none !important;
    font-weight: bold;
    background: #f2711d;
    color: #ffffff;
    padding: 6px 8px;
    border-radius: 6px;
}

.ui.table thead th {
	padding:0.92857143em 0.285714em;
}
<!----- new css ------>

.boxShadow(@level: 1){
    & when (@level = 1) {
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    }
    & when (@level = 2) {
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    }
    & when (@level = 3) {
        box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    }
    & when (@level = 4) {
        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    }
    & when (@level = 5) {
        box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
    }
}

.container {
  display: inline-block;
  margin-left: 20px;  
}

/* .treemenu {
  float: left;  
  width: 100%;
  max-height: 100%;  
   
  
  &.boxed {
    background: #fff;
    border-radius: .35rem;
    .boxShadow();    
  
    .u-i {    
      &.styled {
        &.accordion {
          > .title:not(:first-child) {
            border-top: 1px solid rgba(39,41,43,.15);
          }
        }
      }
    }
  }
}
.u-i {
  &.styled {
    &.accordion,
    &.accordion .accordion {
      background: inherit;
      box-shadow: none;      
      padding: 0;
      margin: 0;      
                  
      .accordion .title, .title {      
        border-top: none;
        margin-left: 0;        
        padding: .35em 0;
        margin: 0;
        color: rgba(0, 0, 0, 0.8);
      }
      
      .accordion .content, .content {      
        margin-left: 1.75rem;
        padding: 0;
        
        .subtitle {
          margin: 0 1.75rem 0 0;
          padding: .35em 0;
          color: rgba(0, 0, 0, 0.5);
          font-size: 0.9rem;
          
          &.hide {
            display: none;            
          }
        }
      }
    }
  }
} */
/* .footer {
	background: #E3E2E2;
	height: auto;
	padding-top: 4px;
	padding-bottom: 3px;
	width: 100%;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #DDDDDD;
	text-align:center;
	font-size:12px;
	
  right: 0;
  bottom: 10px;
  left: 0;

} */
/* footer {

 
    bottom: 0;
    width: 100%;
    height: 60px;
    padding-top: 20px;
    padding-bottom: 20px;
   background: #cccccc;
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #DDDDDD;
	text-align:center;
	font-size:12px;
} */

<!---- record view css------->

	.table-wrapper {
        background: #fff;
        padding: 20px;
        margin: 30px 0;
        box-shadow: 0 1px 1px rgba(0,0,0,.05);
		padding-right:15px !important;
		border:1px solid #434343;
    }
	.table-wrapper_set{padding-right:15px !important;}
	.table-title {
		font-size: 15px;
        padding-bottom: 10px;
        margin: 0 0 10px;
		min-height: 45px;
    }
    .table-title h2 {
        margin: 5px 0 0;
        font-size: 24px;
    }
	.table-title select {
		border-color: #ddd;
		border-width: 0 0 1px 0;
		padding: 3px 10px 3px 5px;
		margin: 0 5px;
	}
	.table-title .show-entries {
		margin-top: 7px;
	}
	
    table.table tr th {
        padding:8px 7px;
		font-size:14px;
		background:#d3d6c5;
		text-align: left;
		font-size:14px;
		
    }
    
     table.table tr td {
        padding:4px;
		font-size:14px;
		background:#ffffff;
		text-align: left;
		
    }
  .active {
  	background:#F4F8E9 !important
  	}
  .indent-size1{
  	padding-left:30px !important;
  }
  .indent-size2{
  	padding-left:65px !important;
  	}
  .ui.styled.accordion .title, .ui.styled.accordion .accordion .title {	
  	background: #EBEAEA; 
  	color:#000000; 
  	margin-bottom: 5px;
  	}
/*  .ui.button {
 	min-height: auto !important;
 	background: none !important;
 	padding:0px !important;
 	} */
  
  
  .footer {

  /* right: 0; */
/*   bottom: 0;
  left: 0;
  padding: 1rem; */
  background-color: #efefef;
  text-align: center;

}


/* @media (min-height: 500px) {
  .ui.footer.form-page { 
    position: absolute; 
    bottom: 0;
    width: 100%;
  }
} */

.form-page{
	 position: absolute; 
    bottom: 0;
    width: 100%;
}

.greyOut{
	color:grey;
}