.paneldatabold label{
	color:#000000 !important;
	/* font-size:0.95rem !important; */
	font-size:.9rem !important; 
	font-weight:700 !important;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 100%;
}

.cssMerchant{
	padding: 0 !important;
}
.cssMerchant label{
	white-space: revert !important;
}

/*----------pin----------*/
.tableBorder{
  position: relative;
  overflow: auto;
}

.picker__table th{
  width:unset !important;
  color : black !important;
  border : none;
}
.searchDiv{
	top:10%;
	width: 80% !important;
	left: calc(100% - 90%);
	position:absolute !important;
}

.divBoard{
	/*top: 100%;
    height: 175vh;
    border: 1px solid red;*/
}
.showCenter{
	position: absolute !important;
	left: calc(100% - 65%);
	border: 1px solid #969696;
	/* top: 100%; */
	top:100vh;
}
.divBoard{
	/*top: 100%;
    height: 175vh;
    border: 1px solid red;*/
}
.showCenter{
	position: absolute !important;
	left: calc(100% - 65%);
	border: 1px solid #969696;
	/* top: 100%; */
	top:100vh;
}
.pinClose {
    position: relative;
    clear: both;
    z-index: 999;
    right: -7px;
}

.pinContent {
    overflow: auto;
    position: absolute;
    top: 35px;
    width: calc(100% - 4%);
    min-height: 250px;
    clear: both;
    padding: 0px 0px 0 25px;
    height: calc(100% - 25%);
    left: 0;
}
.activeDiv{
	z-index: 1100 !important;
	border: 3px solid !important;
    box-shadow: 0px 5px 10px 5px rgba(0,0,0,.6) !important;
}



.pinDiv {
	/* resize:both; */
	float: left;
	display: block;
	position: relative;
	padding: 1em;
	width: 40%;
	min-height: 300px;
	margin: 0 30px 30px 0;
	background: linear-gradient(top, rgba(0,0,0,.05), rgba(0,0,0,.25));
	background-color: ghostwhite;
	/* box-shadow: 5px 5px 10px -2px rgba(33,33,33,.3); */
	box-shadow: 0px 5px 10px 5px rgba(33,33,33,.3);
	/*transform: rotate(2deg);
	transform: skew(-1deg,1deg);
	*/transition: transform .15s;
	/* z-index: 9999; */
	z-index: 1080;
	@extend .noflick;
	&:hover {
		cursor: move;
	}
	&.ui-draggable-dragging:nth-child(n) {
		box-shadow: 5px 5px 15px 0 rgba(0,0,0,.3);
		transform: scale(1.125) !important;
		z-index: 100;
		cursor: move;
		transition: transform .150s;
	}
	&:nth-child(2n) {
		background: #FAAACA;
	}
	&:nth-child(3n) {
		background: #69F098;
	}
}
/*--------end of pin ---*/
/*---- alerts ------------*/
.totalAmounts{
	width: 50%;
    float: left;
    color: white;
    font-size: 1.5em;
}
.adccardright{
	margin-left: 10px;
    float: left;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #e2e2e2;
    padding: 0px;
    width: 90%;
}
.adccard{
     width: 18% ; 
}
.width20{
    width:20% !important;  
}
.ageclass_1{
	background-color: rgb(29, 166, 171) !important;
}

.ageclass_7{
	background-color: rgb(144, 144, 255) !important;
}

.ageclass_14{
	background-color: rgb(5, 115, 237) !important;
}

.ageclass_21{
	background-color: rgb(71, 127, 181) !important;
}
.ageclass_28{
	background-color: rgb(186, 103, 30) !important;
}
.ageclass_10000{
	background-color: rgb(198, 40, 40) !important
}
.ageclass_29{
	background-color: rgb(198, 40, 40) !important
}
/*----end of alerts ----------*/

/* start of auto complete*/

.caseTypeScrollCls{
	position:sticky !important;
}
.casetypeActive_1 span{
  color:red !important;
}
.fixedAutosuggest .autoInputOptions{
	position: fixed !important;
	width: 22% !important;
}

.autoInputLabel {
    top: 0 !important;
    position: absolute !important;
}
.autoInputOptions{
	margin-top: 1px !important;
	width:100% ! important;
  /*  position: fixed !important;
     width: calc(100vw - 78%) !important; */
     position: absolute !important;
    box-shadow:1px 1px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0px rgba(0, 0, 0, 0.2) !important;
    }
  .autoInputScroll{
 	position: absolute !important;
	width: 100% !important;
 }  
 .mailContent{
    height: 300px;
    resize: none;
    border: 1px solid gray;
    overflow: auto;
}
.mailContentDiv{
 	height: 300px;
    border: 1px solid gray;
    overflow: auto;
}

.highlight {
    overflow: auto;
    padding: 9px 0px;
    margin-bottom: 14px;
    border-radius: 4px;
    background: transparent;
    color: blue !important;
    border: none;
    width: auto;
}
.input-field .dropdown-content{
    margin-top: 0px;
}
.mailInput{
    position: absolute;
    left: 100px;
    top: -31px;
}
.mailInputDiv p{
      margin-left: 100px;
}

.mailInputDiv ul{
margin-left: 100px;
width: 100%;
/* box-shadow: 0px 0px 1px rgba(245, 245, 245, 0.1); */
}   
/* end of auto complete*/


.firstRow .popover{
  top:0px !important;
}
.lastRow .popover{
  top:calc(100% - 150px) !important; 
} 
.rightTriangle{
	left: 18px;
    position: relative;
    top: -18px;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 10px;
border-color:transparent transparent transparent #999;
}
 
.box_style{
	border:1px solid;
	float: left;
	margin: 5px;
	padding: 10px;
}

.chipClose{
    margin-right: -10px;
    margin-top: -10px;
    margin-left: 10px;
    cursor: pointer;
}

input[type=text].transDateMasking{
 background-color: transparent;
  border: none;
  border-bottom: 1px solid #9e9e9e;
  border-radius: 0;
  outline: none;
  height: 2rem;
  /*height: 1.5rem;  IE8, IE9 above */
  width: 100%;
  
  font-size: 0.9rem;
  margin: 0 0 -1px 0;
  padding: 0;
  box-shadow: none;
  box-sizing: content-box;
  transition: all 0.3s; 
}

.histSARDetailsBg > div {
	background-color:#fff !important;
}
.histSARDetailsBg > div >div {
	background-color:#fff !important;
}
.histSARDetailsBg > div>div>div>h6{
	background-color:#fff !important;
}
.histSARDetailsBg > div>div>div>input{
	background-color:#fff !important;
}
.histSARDetailsBg > div>div>div>div{
	background-color:#fff !important;
}
.histSARDetailsBg > h3 > div > h5{
	background-color:#f7f7f7 !important;
}
abbr{
	cursor: default !important;
}
.active_0 span{
  color:red !important;
}
.ieOverFlownone{
  overflow:visible  !important;
}
/*--- ned to check ---*/
.th{
	font-weight: bold;
}
.headingdiv{
  border: 1px dashed #d5d5d5;
}
.panelTitle {
  padding: 10px 10px;
    text-align: center;
    font-weight: 600;
}
#currentDiv li{
	margin-left: -10px;
    padding-left: 0;
    }
#availDiv li{
	margin-left: -10px;
    padding-left: 0;
    }   

.dropPanel li{
	margin-left: 20px;
    padding-left: 5px;
    }  
.dragPanel li{
	margin-left: 20px;
    padding-left: 5px;
    }             
.dropUl{
  	border: 1px dashed;
    min-height: 50px;
}    

.icon-tick:before {
 content:"\2714"; 
 font-size: 1em;
 }
 .icon-close:before {
 content:"\2716"; 
 font-size: 1em;
 }
 
 
.datetimeplaceholder input::placeholder {
  font-size: 0.8em;
}

  .dropdown-content li.divider {
    min-height: 0;
    height: 1px;
  }	
  .divider {
    height: 1px;
    overflow: hidden;
    background-color: #e0e0e0;
 }
.homeicon{
 	 position: absolute;
	/*right: 0;
	margin-top: -37px; */
/* 	padding: 0px 0px !important; */
	padding: 4px 0px 0px !important;

}
.dashboardhomeicon{
    height: 15px !important;
    line-height: 15px !important;
    padding-top: 6px !important;
 }
.defaulthome{
   /*position: absolute;
	right: 0;
	margin-top: -37px;
	padding: 0px 2px !important;
	background-color: #fff;
	*/
}
.menuHoverIcon{
	width: 20px;
    float: left;
}

.ui-grid-header-cell-last-col .ui-grid-column-menu-button {
    right: 7px !important;
}
.gridlink {
	padding: 2px 5px;
	cursor: pointer;
}

.ui-grid-filter-select {
	display: block !important;
	color: #212121;
	z-index: 100000;
}

#gridTemplate select {
	display: block !important;
	width: 35%;
	color: #212121;
	height: 35px;
}

.gridSelect select {
	display: block !important;
	/* color: #d63737; */
	color: #212121;
	z-index: 100000;
	margin-top: -5px;
}
.gridCheckbox{
    left: 2px !important;
    opacity: 10 !important;
    position: relative !important;
    width: 16px !important;
    height: 16px !important;
    margin: auto !important;
}
.grid {
	/* width: 100%;
	height: 300px; */
	
}

.minGrid {
	width: 100%;
	/* height: 300px; */
	height: 295px;
}

.gridWithInput {
	width: 100%;
	height: 260px !important;
}

.minGrid .ui-grid-filter-container {
	display: none;
}

.maxGrid {
	width: 100%;
	height: calc(100vh - 10vw);
}

.grid-tooltip {
	overflow: visible;
	z-index: 9999999;
	float: left;
}

.ui-tooltip, .arrow:after {
	background: black;
	border: 2px solid white;
}

.ui-tooltip {
	padding: 10px 20px;
	color: white;
	border-radius: 20px;
	font: bold 14px "Helvetica Neue", Sans-Serif;
	text-transform: uppercase;
	box-shadow: 0 0 7px black;
}

.arrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
}

.arrow.top {
	top: -16px;
	bottom: auto;
}

.arrow.left {
	left: 20%;
}

.arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	box-shadow: 6px 5px 9px -9px black;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.arrow.top:after {
	bottom: -20px;
	top: auto;
}

.adc-width-40{
	width: 40% !important;
}
.draggable-item {
	border: 1px solid #ddd;
    padding: 5px;
    margin: 5px;
    background-color: #f1f1f1;
}

/*---------- need to check end ---*/

.htmlContent table, .htmlContent th, .htmlContent td {
    border: 1px solid !important;
}
.browser-default > p{
  margin-bottom:0 !important;
}
/*-------------Pagination ---------*/
.pg-control {
    margin-right: 10px;
    margin-left: 10px;
    min-width: 135px;
    float: left;
    margin-top: -5px;
}
.pg-control .first-triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 8.7px 5px 0;
    border-color: transparent #4d4d4d transparent transparent;
    margin-left: 2px;
}
.pg-control .first-bar {
    width: 10px;
    border-left: 2px solid #4d4d4d;
    margin-top: -6px;
    height: 12px;
    margin-left: -3px;
}
.pg-control .last-bar {
    width: 10px;
    border-left: 2px solid #4d4d4d;
    margin-top: -6px;
    height: 12px;
    margin-left: 1px;
}

.pg-control .last-triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 8.7px;
    border-color: transparent transparent transparent #4d4d4d;
    margin-left: -1px;
}

.pg-control button.disabled,.pg-control button[disabled], fieldset[disabled] .pg-control button  {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.pg-control input {
   background-color: transparent !important;
    border: 1px solid #cccccc !important;
    border-radius: 1px !important;
    outline: none !important;
    height: 1.13rem !important;
    width: 10% !important;
    font-size: 0.75rem !important;
    box-shadow: none !important;
    box-sizing: content-box !important;
    transition: all 0.3s !important;
    margin-top: -4px !important;
}
.pg-control button {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    white-space: nowrap;
    padding: 6px 8px 5px 8px;
    font-size: 14px;
    border-radius: 4px;
    user-select: none;
    background: #f3f3f3;
    box-shadow: none;
    border: none;
    margin-top: -4px;
}

.pg-no-of-items {
    float: right;
    min-width: 50px;
    padding-right: 10px;
    margin-left:-60px;
}


.pg-select-count select {
	height: 15px;
    width: 42px;
    color:#555555;
	background-color:#ffffff;
	background-image: none;
	border: 1px solid #cccccc;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    padding: 0px 5px 4px 2px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    display: inline;
    margin-left: 3px;

}
.pg-panel {
    position: absolute;
    left: 0;
    width: 100%;
    padding-top: 3px;
    padding-bottom: 3px;
    box-sizing: content-box;
    padding-left: 15px;
}
.pagenateRecordCount {
   position: relative;
    right: 10px;
    float: right;   
}
.row-striped:nth-of-type(even){
  background-color: #efefef;
}

.row-striped:nth-of-type(odd){
  background-color: #ffffff;
}

/*-------- end of pagination ---------*/


/*---------alert css -----------*/

.notReviewed{
	background: #c0e5f8;
   /*  color: white; */
	border: 1px solid  #0382a6 !important;
}
.statusChart{
	color: white;
    height: 21px;
    margin-top: 5px;
    border-radius: 3px;
    width: 40% !important;
    margin-right: 5px;
}
.statusLabel{
    margin: 5px 10px;
	width: 60%;
	text-align: left;
}
.barWorkedCount{
	text-align: center; 
	float: left;
	padding: 5px 10px;
	color: #ffffff;
	font-size: 0.8rem;
}
.barOpenCount{
	 text-align: center; 
	float: right;
	padding: 5px 10px;
	color: #ffffff;
	font-size: 0.8rem;
	border-radius: 0px 15px 15px 0px;
}

.leftcardOuter{
	margin: 5px;
    clear: both;
    border-radius: 15px;
}
 
 .cardOuter{
    margin: 5px;
    clear: both;
    padding-top: 10px;
    border-radius: 15px;
    }  
.cardContent{
	padding-top: 7px;
}    
     
 .cardOuter .green{
   border:none;
   border-radius: 15px;
 }   
.cardOuter .bar{
    width: 25%;
    height: 15px;
    margin-top: -15px;
}
.cardOuter .fill{
    height: 19px;
    margin-top: -14px;
}

.medium .contentRow {
	width: 100%;
    display: flex;
    color: white;
    font-size: 1.5em;
 }

.contentRow {
	width: 100%;
    display: flex;
    font-size: 1.1em;
 }
.countContent{
    text-align: center;
    display: table !important;
    font-size: 2.5em !important;
} 
.contentLabel{
      width: 55%;
    text-align: right;
}
.contentValue{
  width: 45%;
    text-align: left;
    margin-left: 2px;
}
.diff_eql{
    font-size: 0.8em;
}
.diff_inc{
    color: green;
    font-size: 0.8em;
    }
 .diff_dec{
    color: red;
    font-size: 0.8em;
    }   
.cardContentDiv .title {
       font-size: 1.5em;
    background: rgba(0, 0, 0, 0.1);
}
.leftcardMedium{
    min-width: 100%;
   /*  min-height: 125px;  */
    float: left;
    background-color: #0e9ec7;
    margin-top: 2px;
   /*  margin-bottom: 10px; */
    border-radius: 5px;
    border: 2px solid #0382a6;
} 
.cardMedium{
       width: 225px;
    height: 200px;
    float: left;
    background-color: rgb(0, 114, 167);
    margin-top: 2px;
    margin-bottom: 10px;
    border-radius: 5px;
}
.adccard{
    margin-left: 10px;
    float: left;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #e2e2e2; 
    padding: 0px;
   /*  width:15%; */
}
.cardType{
   
    padding: 0px 7px;
    border-radius: 50%;
    float: left;
    margin: 3px 0px 0 3px; 
}
.cardText{
      text-align: center;
}
.hot,.class_10 {
      background-color:rgb(198, 40, 40)  !important;
 }
.warm,.class_12{
      background-color: rgb(186, 103, 30) !important;
}
.newaccount,.class_18{
      background-color: rgb(144, 144, 255) !important;
}
.new.account{
      background-color: rgb(144, 144, 255) !important;
}
.unknown,.class_20{
      background-color: rgb(29, 166, 171) !important;
}
.cool,.class_14{
      background-color: rgb(5, 115, 237) !important;
}
.cold,.class_16{
      background-color: rgb(71, 127, 181) !important;
}
.gray{
	background-color: gray;
}
.c100.gray .bar,
.c100.gray .fill {
  border-color: rgb(163, 163, 163) !important;
}
.cardText .title{
	color: white;
    font-size: 1.5em;
}
.green{
 background-color:#4db53c;
          border: 1px solid;
    
}
.small{
  height:30px;
}
/* .p20{
  width:20%;
}
.p21{
  width:21%;
}
.p22{
  width:22%;
}

.p25{
    width:25%;
} */

.p46 {
  width:46%;
}
.p54 {
 width:54%;
}
.p58{
 width:58%;
}
.p75{
    width:75%;
}
.p79{
  width:79%;
}
.p80{
  width:80%;
}
/* .p0{
  width:10%;
  display:none;
} */
.p0,.p1,.p2,.p3,.p4,.p5,.p6,.p7,.p8,.p9,.p10{
  width:10%;
}
.p11,.p12,.p13,.p14,.p15{
  width:15%;
}
.p16,.p17,.p18,.p19,.p20{
  width:17%;
}
.p21,.p22,.p23,.p24,.p25{
  width:20%;
}
.p26,.p27,.p28,.p29,.p30{
  width:25%;
}
.p31,.p32,.p33,.p34,.p35{
  width:30%;
}
.p36,.p37,.p38,.p39,.p40{
  width:35%;
}
.p41,.p42,.p43,.p44,.p45{
  width:40%;
}
.p46,.p47,.p48,.p49,.p50{
  width:45%;
}
.p51,.p52,.p53,.p54,.p55{
  width:50%;
}
.p56,.p57,.p58,.p59,.p60{
  width:55%;
}
.p61,.p62,.p63,.p64,.p65{
  width:60%;
}
.p66,.p67,.p68,.p69,.p70{
  width:65%;
}

.p71,.p72,.p73,.p74,.p75{
  width:70%;
}
.p76,.p77,.p78,.p79,.p80{
  width:75%;
}
.p81,.p82,.p83,.p84,.p85{
  width:80%;
}
.p86,.p87,.p88,.p89,.p90,.p91,.p92,.p93,.p94,.p95,.p96,.p97,.p98,.p99{
   width:83%;
}
.p100{
 width:83%;
 /* width:100%;
   border-radius: 15px; */
}
.cardsTitle{
	font-size: 1.8em;
	margin-bottom: 5px;
	margin-left: 5px;
}
.leftCard1{
    margin-top: 44px;
    min-height: 125px;
}
.leftCard2{
    margin-top: 44px;
    min-height: 125px;
}

.leftCard3{
    min-height: 125px;
}












/*----------------------end of Alert css --------------*/


.gridAssignTO{
	padding : 6px;
}
.panel-expanded div#scroll{
	overflow:hidden;
	min-height:175px;
	max-height:425px;
}
.panel-expanded div#y-fake-scroll{
	max-height:420px;
}
#tableSearch::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: grey;
  opacity: 1; /* Firefox */
}

#tableSearch:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: grey;
}


.fieldSetLabel{
	position: relative;
	top: -15px;
	left: 10px;
	background:#fff;
	padding: 0 5px;
}

.adc-width-575{
  width:575px !important;	
}
.right-triangle {
	float: right;
	display:block !important; 
	margin-top:2px;
}
.submenu-right {
    margin-top: -13px;
}
.dropdown-nested {
	overflow-y: visible;
}
.dropdown-content .dropdown-content {
	margin-left: 100%;
}
.width_unset{
 	width:unset !important;
 }

.li_notifycount{
	position: relative;top: -14px;left: -25px;margin-right: -20px;
   /* cursor: pointer;
     z-index: -100; */
   padding: 0px !important;
    height: 0px;
}

.notifyCount{
	color: #ffffff;position: relative;top: 4px;left: 7px;padding: 10px;
	border-radius: 50%;font-size: 0.7rem;
	font-weight: 600;
}

/*-----holiday page styles ---------*/

 .ft_container table { border-width: 0px; margin: 0px; border-collapse: collapse; margin: 0; outline-style: none; font-size: 0.9em; background-color: #fff; }

.ft_container table tr th {	font-weight: bold; }

.ft_container table thead { -moz-user-select: none;-webkit-user-select: none;}
.ft_container table tr th, 
/* .ft_container table tr td { border-collapse: collapse; padding: 2px 4px; word-wrap: break-word; border: 1px solid #CCCCCC; border-top-width: 0px; border-left-width: 0px; border-right-width: 1px; border-bottom-width: 1px; overflow:hidden; word-wrap: break-word;} */
.ft_container table tr td { border-collapse: collapse; padding: 2px 4px; word-wrap: break-word;  overflow:hidden; word-wrap: break-word;}


.ft_container table tr:first-child td,  
.ft_container table tr:first-child th { border-top-width: 1px; border-color: #CCCCCC; }
.ft_container table tr td:first-child,
.ft_container table tr th:first-child { border-left-width: 1px; border-color: #CCCCCC; }

.ft_container { overflow: hidden; padding: 0px; }

.ft_rel_container { position: relative; overflow: hidden; border-width: 0px; width: 100%; height: 100%; }

.ft_r, .ft_rc { background-image: none; }
.ft_rc { position: absolute; z-index: 10; }
.ft_r, .ft_c { position: relative; }

.ft_rwrapper, .ft_cwrapper { overflow: hidden; position: absolute; z-index: 1; border-width: 0px;  padding: 0px; margin: 0px; }
/*.ft_rwrapper { width: 100%; padding-right: 17px; }*/

.ft_scroller { overflow: auto; height: 100%; padding: 0px; margin: 0px;}

.ft_container tbody tr.ui-widget-content, thead.ui-widget-header { background-image: none; }

.ft_container table.sorttable thead tr th { cursor: pointer; }

 

 
 #holidaysDiv input{
 	height:2rem !important;
 }
 .holidayName{
   width:20%;
   min-width:250px;
 }
 .holidayValue{
   width:20%;
   min-width:200px;
   text-align: center;
    border: 1px solid #ddd;
}
 }
 .width100_P{
 	width:100%;
 }
 .holidayPadding{
 	padding: 10px 15px;
 }
 .scrollDiv{
   overflow:auto;
   max-height: 500px;
 }
 .holidayTitle{
 background:#e0e0e0 !important;
 height:50px !important;
 text-align: center;
 }

/*--------- end of holiday page styles ---------*/

/*---------------dashboard styles-------------*/
 .width_unset{
      width: unset;
 }
 
.overflowx_hidden{
	overflow-x:hidden;
}
.hidden1{
   display: none !important;
}
.clearIcon{
   margin-left: -30px;
    position: absolute;
    margin-top: 10px;
}
.currencyCell{
   text-align: right;
   margin-left: -5%;
}
.panel-expanded .width80{
    width:15% !important;  
}
.panel-expanded .width100{
    width:15% !important;  
}
.panel-expanded .width120{
    width:20% !important;  
}
.panel-expanded .width150{
    width:25% !important;  
}
 .panel-expanded .width250{
   width:45% !important;    
}
.width80{
  width:80px !important;  
}
.width100{
  width:100px !important;  
}
.width120{
  width:120px !important;  
}
.width150{
  width:150px !important;  
}
.width250{
  width:250px !important;  
}
.width200{
  width:200px !important;  
}
.width60f{
     width:60px !important;
}
.width80f{
  width:80px !important;  
}
.width100f{
  width:100px !important;  
}
.width150f{
  width:150px !important;  
}
.width200f{
  width:200px !important;  
}

.rightbordernone{
  border-right:none !important;
}

.dateCell{
  width:100px !important;  
  
}
.dueDateCell{
	color: #FF0000;
}
.presentDueDateCell{
	color:#FFA500;
}
.dateTimeCell{
  width:150px !important;  
  
}
.iconClass{
   /* width: 30px !important;*/
    width: 38px !important;
}

.recordCount{
  /* bottom: 10px; */
    float: right;
    position: relative;
    right: 10px;
    vertical-align: bottom;
    text-align: right;

}

/* -- end of data table-- */
.textarea_readonly{
   height: 8rem !important;
   resize:none;
}
.marker{
	background-color: Yellow;
}
span[contenteditable=true]{
	box-shadow: inset 0px 1px 4px black;
}
.overflowHidden{
  overflow:hidden !important;
}
.dataTables_scrollHeadInner{
  width:100% !important;
}
.dataTables_scrollHeadInner table{
  width:100% !important;
}
.dataTable td {
    /* max-width: 120px; */
    white-space: inherit;
    text-overflow: ellipsis;
    overflow: hidden;
     }
 .gridDropdown{
   display:block !important;
   width: 90%;
   height: 2.3em;
   
 }    
    
.ui-grid-header-cell-last-col .ui-grid-column-menu-button {
    right: 7px !important;
}
.gridlink {
	padding: 2px 5px;
	cursor: pointer;
}

.ui-grid-filter-select {
	display: block !important;
	color: #212121;
	z-index: 100000;
}

#gridTemplate select {
	display: block !important;
    width: 75%;
    color: #212121;
    height: 30px;
    margin: 7px 10px 0px !important;
    padding: 0px 5px;
}

.gridSelect select {
	display: block !important;
	/* color: #d63737; */
	color: #212121;
	z-index: 100000;
	margin-top: -5px;
}
.gridCheckbox{
    left: 2px !important;
    opacity: 10 !important;
    position: relative !important;
    width: 16px !important;
    height: 16px !important;
    margin: auto !important;
}
.grid {
	/* width: 100%;
	height: 300px; */
	
}

.minGrid {
	width: 100%;
	/* height: 300px; */
	height: 295px;
}

.gridWithInput {
	width: 100%;
	height: 260px !important;
}

.minGrid .ui-grid-filter-container {
	display: none;
}

.maxGrid {
	width: 100%;
	/* height: calc(100vh - 10vw); */
	height: calc(100vh - 15vw);
}

.grid-tooltip {
	overflow: visible;
	z-index: 9999999;
	float: left;
}

.ui-tooltip, .arrow:after {
	background: black;
	border: 2px solid white;
}

.ui-tooltip {
	padding: 10px 20px;
	color: white;
	border-radius: 20px;
	font: bold 14px "Helvetica Neue", Sans-Serif;
	text-transform: uppercase;
	box-shadow: 0 0 7px black;
}

.arrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
}

.arrow.top {
	top: -16px;
	bottom: auto;
}

.arrow.left {
	left: 20%;
}

.arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	box-shadow: 6px 5px 9px -9px black;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.arrow.top:after {
	bottom: -20px;
	top: auto;
}

.adc-width-40{
	width: 40% !important;
	
}
.draggable-item {
	border: 1px solid #ddd;
    padding: 5px;
    margin: 5px;
    background-color: #f1f1f1;
}

.headingdiv{
  border: 1px dashed #d5d5d5;
}
.panelTitle {
  padding: 10px 10px;
    text-align: center;
    font-weight: 600;
}
#currentDiv li{
	margin-left: -10px;
    padding-left: 0;
    }
#availDiv li{
	margin-left: -10px;
    padding-left: 0;
    }   

.dropPanel li{
	margin-left: 20px;
    padding-left: 5px;
    }  
.dragPanel li{
	margin-left: 20px;
    padding-left: 5px;
    }             
.dropUl{
  	border: 1px dashed;
    min-height: 50px;
}    

.icon-tick:before {
 content:"\2714"; 
 font-size: 1em;
 }
 .icon-close:before {
 content:"\2716"; 
 font-size: 1em;
 }    
 .gridpersonicon > div{
    margin-left: 25px;
 } 
.panel-expanded{
   top:62px !important;
}    



/*-------end of dashboard ---*/
.gridpersonicon{
    background-image: url(view/img/unknown_user.png);
    background-repeat: no-repeat;
    background-size: contain;
	}

.panelControlButton{
    /* width: 50%; */
    float: left;
    padding-top: 3px;
    padding-left: 12px;
}
.panelControlSelect{
  width: 35%;
    float: left;
    padding-left: 12px;
}
.panel-height-fix300 ~ .panelControl { 
/* 	min-height: 46px !important;  */
    min-height: 48px !important; 
}



.tableSearch{
	width: 75% !important;
    margin-bottom: 5px !important;
    margin-right:15px !important;
    clear: both;
}

td, th{
padding:5px;
}

.tableContent{
	 overflow: hidden; 
     text-overflow: ellipsis; 
    /* word-break: break-all; */
    white-space: nowrap;
    box-sizing: border-box;
}
.htmlTable {
      table-layout: fixed;
}
/*---- new table -------------*/
table#table-body, table#table-header, table#table-footer
{
border-spacing:0;
border-collapse:collapse;
border:1px solid;
table-layout:fixed;
/* width:1000px;  */
/* width:100%; */
border:1px solid #ddd;
}



table#table-footer td
{
background:#a39393;
}

table#table-body td
/*{
background:#e1d9d9;
}*/

table#table-body td, table#table-header th, table#table-footer td
{

width:100px;
/*height:30px;*/
overflow:hidden;
white-space:nowrap;	
}

div#header-container, div#footer-container
{
overflow:hidden;
}

.panel-height-fix300 div#scroll{
overflow:hidden;
min-height:175px;
/* max-height:225px; */
/* max-height:175px; */
max-height:200px;
padding-left:1px;

}
.panel-height-fix300 div#y-fake-scroll
{

overflow-y:auto; 
overflow-x:hidden;
background:transparent; 
position:absolute;
right:0;
position:absolute;
/* max-height:175px;  */
max-height:200px;
top:31px;
}

div#scroll
{
/* width:500px; */
overflow:hidden;
/* max-height:150px; */
min-height:175px;
/* max-height:225px; */
/* max-height:200px; */
max-height:220px;
/* padding-left:1px; */
}

div#fake-scroll-container
{
width:500px;
overflow:hidden;
position:relative;
}

div#y-fake-scroll
{
/* overflow-y:scroll; */
overflow-y:auto; 
overflow-x:hidden;
background:transparent; 
position:absolute;
right:0;
position:absolute;
/*  max-height:225px; */
/* max-height:200px; */ 
max-height:220px; 
top:31px;
}

div#x-fake-scroll
{
/*height:40px;
  margin-top:-23px; */
  height:20px;
margin-top:0px;  
overflow-x:auto;
overflow-y:hidden;
margin-top:expression('0px');/* IE 7 fix*/
height:expression('17px'); /* IE 7 fix*/
}

div#y-scroll
{
max-height:150px;
overflow-y:auto;
overflow-x:hidden;
overflow:scroll;
width:1010px;
padding:0px 1px 1px 1px;
}

div#header-container
{
/* padding:1px 1px 0 1px; */
}

div#footer-container
{
padding:0 1px;
}

.efileNameRow{
  background-color: #efefef !important;
}

/*------------------- fixed header ----------------*/

/*----------- for html table ---*/
.grid-container {
  display: grid; /* This is a (hacky) way to make the .grid element size to fit its content */
  overflow: auto;
  height: 300px;
  width: 600px;
}
.grid {
  display: flex;
  flex-wrap: nowrap;
}
.grid-col {
  width: 150px;
  min-width: 150px;
}

.grid-item--header {
  height: 100px;
  min-height: 100px;
  position: sticky;
  position: -webkit-sticky;
  background: white;
  top: 0;
}

.grid-col--fixed-left {
  position: sticky;
  left: 0;
  z-index: 9998;
  background: white;
}
.grid-col--fixed-right {
  position: sticky;
  right: 0;
  z-index: 9998;
  background: white;
}

.grid-item {
  height: 50px;
  border: 1px solid gray;
}


.notifications{
	max-height:300px;
	max-width:550px;
	width:550px;
}
.overflow_none{
	overflow-y: unset !important;
	 overflow: unset !important;  
}
.overflow_hidden{
	overflow-y: unset !important;
	overflow: hidden !important; 
}
.overflow_auto{
	 overflow: auto !important;  
}
.scrollTableContainer{
    padding-top: 7px;
    width: 99%;
}
.scrollTableContainer table tr th.fx_sort_bg{ background-image: url(../img/bg.gif)  !important; background-position: right center  !important; background-repeat: no-repeat  !important; }
.scrollTableContainer table tr th.fx_sort_asc{ background-image: url(../img/asc.gif)  !important; background-position: right center  !important; background-repeat: no-repeat  !important; }
.scrollTableContainer table tr th.fx_sort_desc{ background-image: url(../img/desc.gif) !important; background-position: right center  !important; background-repeat: no-repeat  !important; }

.selected {
/*  background-color: #c9dde1 !important;  */
}

.scrollTableContainer table th{
  cursor:pointer !important;
}

.scrollTableContainer table td.select-checkbox,
.scrollTableContainer table th.select-checkbox {
  position: relative;
}
.scrollTableContainer table  td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after,
.scrollTableContainer table  th.select-checkbox:before,
.scrollTableContainer table th.select-checkbox:after {
  display: block;
  position: absolute;

  left: 50%;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
}
.scrollTableContainer table td.select-checkbox:before,
.scrollTableContainer table th.select-checkbox:before {
  content: ' ';
  margin-top: -6px;
  margin-left: -6px;
/*  border: 1px solid black;*/
	content: '\2714';
 	color:#f1f1f1; 
 /*  color:rgba(255,255,255, 0.9); */
  border-radius: 3px;
  position:absolute;
}
.scrollTableContainer table tr.selected td.select-checkbox:after,
.scrollTableContainer table tr.selected th.select-checkbox:after {
  content: '\2714';
   margin-top: -6px;
  margin-left: -3px;
  text-align: center;
  /*text-shadow: 1px 1px #B0BED9, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9;*/
   color:#000000; 
 /*   color:rgba(255,255,255, 0.1); */
  position:absolute;
}



.divTable{
	color: #03a3d1 !important;
    background: #f9feff !important;
    border: solid 1px #a8e2f3 !important;
}
.adc-odd{
background-color: #fdfdfd !important;
  border-bottom: solid 1px #a8e2f3;
}
.adc-even{
 background-color: #f9feff !important;
  border-bottom: solid 1px #a8e2f3;
}
.searchName {
    background: inherit;
    box-shadow: 7px 0 0 #00baef;
    margin-left: -3px;
}





/*-------------------- end of new -------------*/
.gridCheckBox{ 
	position: relative !important;
    left: 0 !important;
    opacity: 1 !important;
}
.grid-Icon{
   width:20px !important;
/*    margin-top: -5px; */
}
.adc-margin-unset{
	margin: unset !important;  
}

.gridIconText{
   margin-top: -20px ;
    margin-left: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
}


.textLabel{
/* 	margin-top: -26px !important; */
	font-size: 0.8rem;
    transform: translateY(-140%);
}
.input-trailing-icon{
	float: right;
    margin-top: -25px;
     /* position: absolute; */
     position:relative;
    right: 0;
    width: auto;
    padding: 0;
}
.adc-disabled {
   pointer-events: none;
}
.adc-disabled ~ i{
 pointer-events: none;
} 

@-moz-document url-prefix() {
  .textLabel{
    margin-top: 6px !important;
	font-size: 0.8rem;
    transform: translateY(-140%);
	}
	.ft_c tr:first-child {
	   height:41px !important;
	  } 
	 
	.ft_r tr:first-child {
	   border:0px solid red !important; 
	}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .textLabel{
	margin-top: 6px !important;
	font-size: 0.8rem;
    transform: translateY(-140%);
	}
}
/* @supports(-ms-accelerator:true) {
	.textLabel{ margin-top:-23px !important }
} */

/* Microsoft Edge Browser 12+ (All) - one-liner method */
/* _:-ms-lang(x), _:-webkit-full-screen, .textLabel{
	font-size: 0.8rem;
    transform: translateY(-280%);
	} */
/* for Edge 18+ */
@supports (-ms-ime-align:auto) and (-webkit-mask: url()) {
	.textLabel { font-size: 0.8rem;
    transform: translateY(-280%) !important; 
    } 
}

@supports (-ms-ime-align:auto) {
  .textLabel{
	/* margin-top: 6px !important; */
	/* margin-top: -23px !important; */
	font-size: 0.8rem;
    transform: translateY(-140%);
	}
}

.clearfix {
  clear: both; }

.z-depth-0 {
  box-shadow: none !important; }

.z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible, .side-nav {
  /* box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); */ 
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.2)
  }

.z-depth-1-half, .btn:hover, .btn-large:hover, .btn-floating:hover {
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); }

.z-depth-2 {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); }

.z-depth-3 {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3); }

.z-depth-4, .modal {
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3); }

.z-depth-5 {
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3); }


/*********************
  Transition Classes
**********************/
ul.staggered-list li {
  opacity: 0; }

.fade-in {
  opacity: 0;
  transform-origin: 0 50%; }

/*********************
  Media Query Classes
**********************/
@media only screen and (min-width: 993px) and (max-width: 1300px) {
  .hide-on-small-and-down {
    display: none !important; } }

@media only screen and (min-width: 600px) and (max-width: 992px) {
  .hide-on-small-and-down {
    display: none !important; } }
    
@media only screen and (max-width: 600px) {
  .hide-on-small-only, .hide-on-small-and-down {
    display: none !important; } }

@media only screen and (max-width: 992px) {
  .hide-on-med-and-down {
    display: none !important; } }

@media only screen and (min-width: 601px) {
  .hide-on-med-and-up {
    display: none !important; } }

@media only screen and (min-width: 600px) and (max-width: 992px) {
  .hide-on-med-only {
    display: none !important; } }

@media only screen and (min-width: 993px) {
  .hide-on-large-only {
    display: none !important; } }

@media only screen and (min-width: 993px) {
  .show-on-large {
    display: block !important; } }

@media only screen and (min-width: 600px) and (max-width: 992px) {
  .show-on-medium {
    display: block !important; } }

@media only screen and (max-width: 600px) {
  .show-on-small {
    display: block !important; } }

@media only screen and (min-width: 601px) {
  .show-on-medium-and-up {
    display: block !important; } }

@media only screen and (max-width: 992px) {
  .show-on-medium-and-down {
    display: block !important; } }

@media only screen and (max-width: 600px) {
  .center-on-small-only {
    text-align: center; } }


table, th, td {
  border: none; }

table {
  width: 100%;
  display: table; }
  table.bordered > thead > tr, table.bordered > tbody > tr {
    border-bottom: 1px solid #d0d0d0; }
  table.striped > tbody > tr:nth-child(odd) {
    background-color: #f2f2f2; }
  table.striped > tbody > tr > td {
    border-radius: 0; }
  table.highlight > tbody > tr {
    transition: background-color .25s ease; }
    table.highlight > tbody > tr:hover {
      background-color: #f2f2f2; }
  table.centered thead tr th, table.centered tbody tr td {
    text-align: center; }

thead {
  border-bottom: 1px solid #d0d0d0; }

td, th {
/*   padding: 15px 5px; */
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  border-radius: 2px; }

@media only screen and (max-width: 992px) {
  table.responsive-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    display: block;
    position: relative;
    /* sort out borders */ }
    table.responsive-table td:empty:before {
      content: '\00a0'; }
    table.responsive-table th,
    table.responsive-table td {
      margin: 0;
      vertical-align: top; }
    table.responsive-table th {
      text-align: left; }
    table.responsive-table thead {
      display: block;
      float: left; }
      table.responsive-table thead tr {
        display: block;
        padding: 0 10px 0 0; }
        table.responsive-table thead tr th::before {
          content: "\00a0"; }
    table.responsive-table tbody {
      display: block;
      width: auto;
      position: relative;
      overflow-x: auto;
      white-space: nowrap; }
      table.responsive-table tbody tr {
        display: inline-block;
        vertical-align: top; }
    table.responsive-table th {
      display: block;
      text-align: right; }
    table.responsive-table td {
      display: block;
      min-height: 1.25em;
      text-align: left; }
    table.responsive-table tr {
      padding: 0 10px; }
    table.responsive-table thead {
      border: 0;
      border-right: 1px solid #d0d0d0; }
    table.responsive-table.bordered th {
      border-bottom: 0;
      border-left: 0; }
    table.responsive-table.bordered td {
      border-left: 0;
      border-right: 0;
      border-bottom: 0; }
    table.responsive-table.bordered tr {
      border: 0; }
    table.responsive-table.bordered tbody tr {
      border-right: 1px solid #d0d0d0; } }



 

nav ul a span.badge {
  display: inline-block;
  float: none;
  margin-left: 4px;
 /*  line-height: 22px; */
 line-height: unset; 
  height: 22px; }

.side-nav span.badge.new,
.collapsible span.badge.new {
  position: relative;
  background-color: transparent; }
  .side-nav span.badge.new::before,
  .collapsible span.badge.new::before {
    content: '';
    position: absolute;
    top: 10px;
    right: 0;
    bottom: 10px;
    left: 0;
    background-color: #ffef00;
    border-radius: 2px;
    z-index: -1; }

.collapsible span.badge.new {
  z-index: 1; }


.section {
  padding-top: 1rem;
  padding-bottom: 1rem; }
  .section.no-pad {
    padding: 0; }
  .section.no-pad-bot {
    padding-bottom: 0; }
  .section.no-pad-top {
    padding-top: 0; }


nav {
  
  color: #fff;
  background-color: #00baef;
  width: 100%;
  height: 56px;
  line-height: 56px; }
  nav.nav-extended {
    height: auto; }
    nav.nav-extended .nav-wrapper {
      height: auto; }
  nav a {
    color: #fff; }
  nav i,
  nav [class^="mdi-"], nav [class*="mdi-"],
  nav i.material-icons {
    display: block;
    font-size: 18px;
    height: 56px;
    line-height: 56px; }
  nav .nav-wrapper {
    position: relative;
    height: 100%; 
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	padding-top:0px;
	}
  @media only screen and (min-width: 993px) {
    nav a.button-collapse {
      display: none; } }
  nav .button-collapse {
    float: left;
    position: relative;
    z-index: 1;
    height: 56px;
    margin: 0 18px; }
    nav .button-collapse i {
      height: 56px;
      line-height: 56px; }
  nav .brand-logo {
    position: absolute;
    color: #fff;
    display: inline-block;
    font-size: 2.1rem;
    padding: 0;
    white-space: nowrap; 
    margin-top:-5px !important;}
    nav .brand-logo.center {
      left: 50%;
      transform: translateX(-50%); }
    @media only screen and (max-width: 992px) {
      nav .brand-logo {
        left: 8%;
        transform: translateX(-50%); }
        nav .brand-logo.left, nav .brand-logo.right {
          padding: 0;
          transform: none; }
        nav .brand-logo.left {
          left: 0.5rem; }
        nav .brand-logo.right {
          right: 0.5rem;
          left: auto; } }
    nav .brand-logo.right {
      right: 0.5rem;
      padding: 0; }
    nav .brand-logo i,
    nav .brand-logo [class^="mdi-"], nav .brand-logo [class*="mdi-"],
    nav .brand-logo i.material-icons {
      float: left;
      margin-right: 15px; }
  nav ul {
    margin: 0; }
    nav ul li {
      transition: background-color .3s;
      float: left;
      padding: 0; 
      margin-top: -1px !important;
      }
      nav ul li.active {
        background-color: rgba(0, 0, 0, 0.1); }
    nav ul a {
      transition: background-color .3s;
      font-size: 1.11rem;
      color: #fff;
      text-decoration: none !important;
      display: block;
      padding: 0 9px;
      cursor: pointer;
      font-weight: bold; }
      nav ul a.btn, nav ul a.btn-large, nav ul a.btn-large, nav ul a.btn-flat, nav ul a.btn-floating {
        margin-top: -2px;
        margin-left: 15px;
        margin-right: 15px; }
      nav ul a:hover {
        background-color: rgba(0, 0, 0, 0.1); }
    nav ul.left {
      float: left; }
  nav form {
    height: 100%; }
  nav .input-field {
    margin: 0;
    height: 50px; }
    nav .input-field input {
      height: 100%;
      font-size: 1.2rem;
      border: none;
      padding-left: 2rem; }
      nav .input-field input:focus, nav .input-field input[type=text]:valid, nav .input-field input[type=password]:valid, nav .input-field input[type=email]:valid, nav .input-field input[type=url]:valid, nav .input-field input[type=date]:valid {
        border: none;
        box-shadow: none; }
    nav .input-field label {
      top: 0;
      left: 0; }
      nav .input-field label i {
        color: rgba(255, 255, 255, 0.7);
        transition: color .3s; }
      nav .input-field label.active i {
        color: #fff; }
      nav .input-field label.active {
        transform: translateY(0); }

.navbar-fixed {
  position: relative;
  height: 65px;
  z-index: 997; 
  box-shadow:0 0 20px rgba(0, 0, 0, 0.2)
  }
  .navbar-fixed nav {
    position: fixed; }

@media only screen and (min-width: 601px) {
  nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
    height: 64px;
    /* line-height: 64px; */ }

  .navbar-fixed {
    height: 64px; } }


.tabs {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  height: 48px;
  width: 100%;
  background-color: #fff;
  margin: 0 auto;
  white-space: nowrap; }
  .tabs.tabs-transparent {
    background-color: transparent; }
    .tabs.tabs-transparent .tab a,
    .tabs.tabs-transparent .tab.disabled a,
    .tabs.tabs-transparent .tab.disabled a:hover {
      color: rgba(255, 255, 255, 0.7); }
    .tabs.tabs-transparent .tab a:hover,
    .tabs.tabs-transparent .tab a.active {
      color: #fff; }
    .tabs.tabs-transparent .indicator {
      background-color: #fff; }
  .tabs.tabs-fixed-width {
    display: flex; }
    .tabs.tabs-fixed-width .tab {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
  .tabs .tab {
    display: inline-block;
    text-align: center;
    line-height: 48px;
    height: 48px;
    padding: 0;
    margin: 0;
    text-transform: uppercase; }
    .tabs .tab a {
      color: rgba(0, 186, 239, 0.7);
      display: block;
      width: 100%;
      height: 100%;
      padding: 0 24px;
      font-size: 14px;
      text-overflow: ellipsis;
      overflow: hidden;
      transition: color .28s ease; }
      .tabs .tab a:hover, .tabs .tab a.active {
        background-color: transparent;
        color: #00baef; }
    .tabs .tab.disabled a, .tabs .tab.disabled a:hover {
      color: rgba(0, 186, 239, 0.7);
      cursor: default; }
  .tabs .indicator {
    position: absolute;
    bottom: 0;
    height: 4px;
    background-color: #3dd4ff;
    will-change: left, right; }

@media only screen and (max-width: 992px) {
  .tabs {
    display: flex; }
    .tabs .tab {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
      .tabs .tab a {
        padding: 0 12px; } }
.material-tooltip {
  padding: 10px 8px;
  font-size: 1rem;
  z-index: 2000;
  /* background-color: transparent; */
  background-color:#e8eaec;
  border-radius: 2px;
 /*  color: #fff; */
  min-height: 36px;
  line-height: 120%;
  opacity: 0;
 /*  display: none; */
  position: absolute;
  text-align: center;
  max-width: calc(100% - 4px);
  overflow: hidden;
  left: 0;
  top: 0;
  pointer-events: none; }

.backdrop {
  position: absolute;
  opacity: 0;
  display: none;
  height: 7px;
  width: 14px;
  border-radius: 0 0 50% 50%;
 /*  background-color: #323232; */
  z-index: -1;
  transform-origin: 50% 0%;
  transform: translate3d(0, 0, 0); }

.btn, .btn-large,
.btn-flat {
  border: none;
  border-radius: 2px;
  display: inline-block;
  /*height: 36px;
  line-height: 36px;*/
  padding: 0.25rem 1.2rem;
  text-transform: uppercase;
  vertical-align: middle;
  margin:0 3px auto;
  /*margin:0.5rem 1rem 0.5rem 0;*/
  -webkit-tap-highlight-color: transparent;
	text-align:center !important;
  }

.btn.disabled, .disabled.btn-large,
.btn-floating.disabled,
.btn-large.disabled,
.btn-flat.disabled,
.btn:disabled,
.btn-large:disabled,
.btn-floating:disabled,
.btn-large:disabled,
.btn-flat:disabled,
.btn[disabled],
[disabled].btn-large,
.btn-floating[disabled],
.btn-large[disabled],
.btn-flat[disabled] {
  pointer-events: none;
  background-color: #DFDFDF !important;
  box-shadow: none;
  color: #9F9F9F !important;
  cursor: default; }
  .btn.disabled:hover, .disabled.btn-large:hover,
  .btn-floating.disabled:hover,
  .btn-large.disabled:hover,
  .btn-flat.disabled:hover,
  .btn:disabled:hover,
  .btn-large:disabled:hover,
  .btn-floating:disabled:hover,
  .btn-large:disabled:hover,
  .btn-flat:disabled:hover,
  .btn[disabled]:hover,
  [disabled].btn-large:hover,
  .btn-floating[disabled]:hover,
  .btn-large[disabled]:hover,
  .btn-flat[disabled]:hover {
    background-color: #DFDFDF !important;
    color: #9F9F9F !important; }

.btn, .btn-large,
.btn-floating,
.btn-large,
.btn-flat {
  outline: 0; }
  .btn i, .btn-large i,
  .btn-floating i,
  .btn-large i,
  .btn-flat i {
    font-size: 1.3rem;
    line-height: inherit; }

.btn:focus, .btn-large:focus,.btn-floating:focus {
  /* background-color: #ccbf00; */
   /*   color:#333 ; */
    text-decoration: underline !important;
 }

.btn, .btn-large {
  text-decoration: none;
  color: #fff;
  background-color: #00baef;
  text-align: center;
  letter-spacing: .5px;
  transition: .2s ease-out;
  cursor: pointer; }
  .btn:hover, .btn-large:hover {
    /* background-color: #02a5d4;  */
   /*   color:#333 ; */
    text-decoration: underline !important;
    }
    

.btn-floating {
  display: inline-block;
  color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  background-color: #ffef00;
  border-radius: 50%;
  transition: .3s;
  cursor: pointer;
  vertical-align: middle; }
  .btn-floating i {
    width: inherit;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
    line-height: 40px; }
  .btn-floating:hover {
    background-color: #ffef00; }
  .btn-floating:before {
    border-radius: 0; }
  .btn-floating.btn-large {
    width: 56px;
    height: 56px; }
    .btn-floating.btn-large i {
      line-height: 56px; }

button.btn-floating {
  border: none; }

.fixed-action-btn {
  position: fixed;
  right: 23px;
  bottom: 23px;
  padding-top: 15px;
  margin-bottom: 0;
  z-index: 998; }
  .fixed-action-btn.active ul {
    visibility: visible; }
  .fixed-action-btn.horizontal {
    padding: 0 0 0 15px; }
    .fixed-action-btn.horizontal ul {
      text-align: right;
      right: 64px;
      top: 50%;
      transform: translateY(-50%);
      height: 100%;
      left: auto;
      width: 500px;
      /*width 100% only goes to width of button container */ }
      .fixed-action-btn.horizontal ul li {
        display: inline-block;
        margin: 15px 15px 0 0; }
  .fixed-action-btn.toolbar {
    padding: 0;
    height: 56px; }
    .fixed-action-btn.toolbar.active > a i {
      opacity: 0; }
    .fixed-action-btn.toolbar ul {
      display: flex;
      top: 0;
      bottom: 0; }
      .fixed-action-btn.toolbar ul li {
        flex: 1;
        display: inline-block;
        margin: 0;
        height: 100%;
        transition: none; }
        .fixed-action-btn.toolbar ul li a {
          display: block;
          overflow: hidden;
          position: relative;
          width: 100%;
          height: 100%;
          background-color: transparent;
          box-shadow: none;
          color: #fff;
          line-height: 56px;
          z-index: 1; }
          .fixed-action-btn.toolbar ul li a i {
            line-height: inherit; }
  .fixed-action-btn ul {
    left: 0;
    right: 0;
    text-align: center;
    position: absolute;
    bottom: 64px;
    margin: 0;
    visibility: hidden; }
    .fixed-action-btn ul li {
      margin-bottom: 15px; }
    .fixed-action-btn ul a.btn-floating {
      opacity: 0; }
  .fixed-action-btn .fab-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 40px;
    height: 40px;
    background-color: #ffef00;
    border-radius: 50%;
    transform: scale(0); }

.btn-flat {
  box-shadow: none;
  background-color: transparent;
  color: #343434;
  cursor: pointer;
  transition: background-color .2s; }
  .btn-flat:focus, .btn-flat:active {
    background-color: transparent; }
  .btn-flat:focus, .btn-flat:hover {
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: none; }
  .btn-flat:active {
    background-color: rgba(0, 0, 0, 0.2); }
  .btn-flat.disabled {
    background-color: transparent !important;
    color: #b3b3b3 !important;
    cursor: default; }

.btn-large {
  height: 54px;
  line-height: 54px; }
  .btn-large i {
    font-size: 1.6rem; }

.btn-block {
  display: block; }

.dropdown-content {
  background-color: #fff;
  margin: 0;
  display: none;
  min-width: 100px;
  max-height: 236px;
  overflow-y: auto;
  opacity: 0;
  position: absolute;
  z-index: 999;
  will-change: width, height; }
  .dropdown-content li {
    clear: both;
    color: rgba(0, 0, 0, 0.87);
    cursor: pointer;
    /* min-height: 50px; */
    line-height: 1.5rem;
    width: 100%;
    text-align: left;
    text-transform: none; }
    .dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected {
      background-color: #eee; }
    .dropdown-content li.active.selected {
      background-color: #e1e1e1; }
    .dropdown-content li.divider {
      min-height: 0;
      height: 1px; }
    .dropdown-content li > a, .dropdown-content li > span {
      font-size: 1rem;
      color: #4e4e4e;
      display: block;
      line-height: 15px;
      padding: 10px 16px; }
    .dropdown-content li > span > label {
      top: 1px;
      left: 0;
      height: 18px; }
    .dropdown-content li > a > i {
      height: inherit;
      line-height: inherit; }

.input-field.col .dropdown-content [type="checkbox"] + label {
  top: 1px;
  left: 0;
  height: 18px; }

/*!
 * Waves v0.6.0
 * http://fian.my.id/Waves
 
 */
.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  z-index: 1;
  will-change: opacity, transform;
  transition: .3s ease-out; }
  .waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    opacity: 0;
    background: rgba(0, 0, 0, 0.2);
    transition: all 0.7s ease-out;
    transition-property: transform, opacity;
    transform: scale(0);
    pointer-events: none; }
  .waves-effect.waves-light .waves-ripple {
    background-color: rgba(255, 255, 255, 0.45); }
  .waves-effect.waves-red .waves-ripple {
    background-color: rgba(244, 67, 54, 0.7); }
  .waves-effect.waves-yellow .waves-ripple {
    background-color: rgba(255, 235, 59, 0.7); }
  .waves-effect.waves-orange .waves-ripple {
    background-color: rgba(255, 152, 0, 0.7); }
  .waves-effect.waves-purple .waves-ripple {
    background-color: rgba(156, 39, 176, 0.7); }
  .waves-effect.waves-green .waves-ripple {
    background-color: rgba(76, 175, 80, 0.7); }
  .waves-effect.waves-teal .waves-ripple {
    background-color: rgba(0, 150, 136, 0.7); }
  .waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] {
    border: 0;
    font-style: normal;
    font-size: inherit;
    text-transform: inherit;
    background: none; }
  .waves-effect img {
    position: relative;
    z-index: -1; }

.waves-notransition {
  transition: none !important; }

.waves-circle {
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }

.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom; }
  .waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1; }

.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
  -webkit-mask-image: none; }

.waves-block {
  display: block; }

/* Firefox Bug: link not triggered */
.waves-effect .waves-ripple {
  z-index: -1; }



.collapsible {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  margin: 0.5rem 0 1rem 0; }

.collapsible-header {
  display: block;
  cursor: pointer;
  min-height: 3rem;
  line-height: 3rem;
  padding: 0 1rem;
  background-color: #fff;
  border-bottom: 1px solid #ddd; }
  .collapsible-header i {
    width: 2rem;
    font-size: 1.6rem;
    line-height: 3rem;
    display: block;
    float: left;
    text-align: center;
    margin-right: 1rem; }

.collapsible-body {
  display: none;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box; }
  .collapsible-body p {
    margin: 0;
    padding: 2rem; }

.side-nav .collapsible,
.side-nav.fixed .collapsible {
  border: none;
  box-shadow: none; }
  .side-nav .collapsible li,
  .side-nav.fixed .collapsible li {
    padding: 0; }
.side-nav .collapsible-header,
.side-nav.fixed .collapsible-header {
  background-color: transparent;
  border: none;
  line-height: inherit;
  height: inherit;
  padding: 0 16px; }
  .side-nav .collapsible-header:hover,
  .side-nav.fixed .collapsible-header:hover {
    background-color: rgba(0, 0, 0, 0.05); }
  .side-nav .collapsible-header i,
  .side-nav.fixed .collapsible-header i {
    line-height: inherit; }
.side-nav .collapsible-body,
.side-nav.fixed .collapsible-body {
  border: 0;
  background-color: #fff; }
  .side-nav .collapsible-body li a,
  .side-nav.fixed .collapsible-body li a {
    padding: 0 23.5px 0 31px; }

.collapsible.popout {
  border: none;
  box-shadow: none; }
  .collapsible.popout > li {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin: 0 24px;
    transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .collapsible.popout > li.active {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    margin: 16px 0; }



.materialboxed {
  display: block;
  cursor: zoom-in;
  position: relative;
  transition: opacity .4s; }
  .materialboxed:hover {
    will-change: left, top, width, height; }
    .materialboxed:hover:not(.active) {
      opacity: .8; }

.materialboxed.active {
  cursor: zoom-out; }

#materialbox-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #292929;
  z-index: 1000;
  will-change: opacity; }

.materialbox-caption {
  position: fixed;
  display: none;
  color: #fff;
  line-height: 50px;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 0% 15%;
  height: 50px;
  z-index: 1000;
  -webkit-font-smoothing: antialiased; }

select:focus {
  /* outline: 1px solid #fffef0; */ }

button:focus {
  outline: none;
/*   background-color: #fff014;  */
}



/* Text Inputs + Textarea
   ========================================================================== */
/* Style Placeholders */
::-webkit-input-placeholder {
  color: #ffffff; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #ffffff; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #ffffff; }

:-ms-input-placeholder {
  color: #ffffff; }

/* Text inputs */
input:not([type]),
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search],
textarea.materialize-textarea {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #9e9e9e;
  border-radius: 0;
  outline: none;
  height: 2rem;
  /*height: 1.5rem;  IE8, IE9 above */
  width: 100%;
  
  font-size: 1rem;
  margin: 0 0 -1px 0;
  padding: 0;
  box-shadow: none;
  box-sizing: content-box;
  transition: all 0.3s; }
  input:not([type]):disabled, input:not([type])[readonly="readonly"],
  input[type=text]:disabled,
  input[type=text][readonly="readonly"],
  input[type=password]:disabled,
  input[type=password][readonly="readonly"],
  input[type=email]:disabled,
  input[type=email][readonly="readonly"],
  input[type=url]:disabled,
  input[type=url][readonly="readonly"],
  input[type=time]:disabled,
  input[type=time][readonly="readonly"],
  input[type=date]:disabled,
  input[type=date][readonly="readonly"],
  input[type=datetime]:disabled,
  input[type=datetime][readonly="readonly"],
  input[type=datetime-local]:disabled,
  input[type=datetime-local][readonly="readonly"],
  input[type=tel]:disabled,
  input[type=tel][readonly="readonly"],
  input[type=number]:disabled,
  input[type=number][readonly="readonly"],
  input[type=search]:disabled,
  input[type=search][readonly="readonly"],
  textarea.materialize-textarea:disabled,
  textarea.materialize-textarea[readonly="readonly"] {
    color: rgba(0, 0, 0, 0.7);
    border-bottom: 1px dotted rgba(0, 0, 0, 0.26); }
  input:not([type]):disabled + label, input:not([type])[readonly="readonly"] + label,
  input[type=text]:disabled + label,
  input[type=text][readonly="readonly"] + label,
  input[type=password]:disabled + label,
  input[type=password][readonly="readonly"] + label,
  input[type=email]:disabled + label,
  input[type=email][readonly="readonly"] + label,
  input[type=url]:disabled + label,
  input[type=url][readonly="readonly"] + label,
  input[type=time]:disabled + label,
  input[type=time][readonly="readonly"] + label,
  input[type=date]:disabled + label,
  input[type=date][readonly="readonly"] + label,
  input[type=datetime]:disabled + label,
  input[type=datetime][readonly="readonly"] + label,
  input[type=datetime-local]:disabled + label,
  input[type=datetime-local][readonly="readonly"] + label,
  input[type=tel]:disabled + label,
  input[type=tel][readonly="readonly"] + label,
  input[type=number]:disabled + label,
  input[type=number][readonly="readonly"] + label,
  input[type=search]:disabled + label,
  input[type=search][readonly="readonly"] + label,
  textarea.materialize-textarea:disabled + label,
  textarea.materialize-textarea[readonly="readonly"] + label {
    color: rgba(0, 0, 0, 0.7); }
  input:not([type]):focus:not([readonly]),
  input[type=text]:focus:not([readonly]),
  input[type=password]:focus:not([readonly]),
  input[type=email]:focus:not([readonly]),
  input[type=url]:focus:not([readonly]),
  input[type=time]:focus:not([readonly]),
  input[type=date]:focus:not([readonly]),
  input[type=datetime]:focus:not([readonly]),
  input[type=datetime-local]:focus:not([readonly]),
  input[type=tel]:focus:not([readonly]),
  input[type=number]:focus:not([readonly]),
  input[type=search]:focus:not([readonly]),
  textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #00baef;
    box-shadow: 0 1px 0 0 #00baef; }
  input:not([type]):focus:not([readonly]) + label,
  input[type=text]:focus:not([readonly]) + label,
  input[type=password]:focus:not([readonly]) + label,
  input[type=email]:focus:not([readonly]) + label,
  input[type=url]:focus:not([readonly]) + label,
  input[type=time]:focus:not([readonly]) + label,
  input[type=date]:focus:not([readonly]) + label,
  input[type=datetime]:focus:not([readonly]) + label,
  input[type=datetime-local]:focus:not([readonly]) + label,
  input[type=tel]:focus:not([readonly]) + label,
  input[type=number]:focus:not([readonly]) + label,
  input[type=search]:focus:not([readonly]) + label,
  textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #00baef; }
  input:not([type]).valid, input:not([type]):focus.valid,
  input[type=text].valid,
  input[type=text]:focus.valid,
  input[type=password].valid,
  input[type=password]:focus.valid,
  input[type=email].valid,
  input[type=email]:focus.valid,
  input[type=url].valid,
  input[type=url]:focus.valid,
  input[type=time].valid,
  input[type=time]:focus.valid,
  input[type=date].valid,
  input[type=date]:focus.valid,
  input[type=datetime].valid,
  input[type=datetime]:focus.valid,
  input[type=datetime-local].valid,
  input[type=datetime-local]:focus.valid,
  input[type=tel].valid,
  input[type=tel]:focus.valid,
  input[type=number].valid,
  input[type=number]:focus.valid,
  input[type=search].valid,
  input[type=search]:focus.valid,
  textarea.materialize-textarea.valid,
  textarea.materialize-textarea:focus.valid {
    border-bottom: 1px solid #00f44a;
    box-shadow: 0 1px 0 0 #00f44a; }
  input:not([type]).valid + label:after, input:not([type]):focus.valid + label:after,
  input[type=text].valid + label:after,
  input[type=text]:focus.valid + label:after,
  input[type=password].valid + label:after,
  input[type=password]:focus.valid + label:after,
  input[type=email].valid + label:after,
  input[type=email]:focus.valid + label:after,
  input[type=url].valid + label:after,
  input[type=url]:focus.valid + label:after,
  input[type=time].valid + label:after,
  input[type=time]:focus.valid + label:after,
  input[type=date].valid + label:after,
  input[type=date]:focus.valid + label:after,
  input[type=datetime].valid + label:after,
  input[type=datetime]:focus.valid + label:after,
  input[type=datetime-local].valid + label:after,
  input[type=datetime-local]:focus.valid + label:after,
  input[type=tel].valid + label:after,
  input[type=tel]:focus.valid + label:after,
  input[type=number].valid + label:after,
  input[type=number]:focus.valid + label:after,
  input[type=search].valid + label:after,
  input[type=search]:focus.valid + label:after,
  textarea.materialize-textarea.valid + label:after,
  textarea.materialize-textarea:focus.valid + label:after {
    content: attr(data-success);
    color: #00f44a;
    opacity: 1; }
  input:not([type]).invalid, input:not([type]):focus.invalid,
  input[type=text].invalid,
  input[type=text]:focus.invalid,
  input[type=password].invalid,
  input[type=password]:focus.invalid,
  input[type=email].invalid,
  input[type=email]:focus.invalid,
  input[type=url].invalid,
  input[type=url]:focus.invalid,
  input[type=time].invalid,
  input[type=time]:focus.invalid,
  input[type=date].invalid,
  input[type=date]:focus.invalid,
  input[type=datetime].invalid,
  input[type=datetime]:focus.invalid,
  input[type=datetime-local].invalid,
  input[type=datetime-local]:focus.invalid,
  input[type=tel].invalid,
  input[type=tel]:focus.invalid,
  input[type=number].invalid,
  input[type=number]:focus.invalid,
  input[type=search].invalid,
  input[type=search]:focus.invalid,
  textarea.materialize-textarea.invalid,
  textarea.materialize-textarea:focus.invalid {
    border-bottom: 1px solid #ff2300;
    box-shadow: 0 1px 0 0 #ff2300; }
  input:not([type]).invalid + label:after, input:not([type]):focus.invalid + label:after,
  input[type=text].invalid + label:after,
  input[type=text]:focus.invalid + label:after,
  input[type=password].invalid + label:after,
  input[type=password]:focus.invalid + label:after,
  input[type=email].invalid + label:after,
  input[type=email]:focus.invalid + label:after,
  input[type=url].invalid + label:after,
  input[type=url]:focus.invalid + label:after,
  input[type=time].invalid + label:after,
  input[type=time]:focus.invalid + label:after,
  input[type=date].invalid + label:after,
  input[type=date]:focus.invalid + label:after,
  input[type=datetime].invalid + label:after,
  input[type=datetime]:focus.invalid + label:after,
  input[type=datetime-local].invalid + label:after,
  input[type=datetime-local]:focus.invalid + label:after,
  input[type=tel].invalid + label:after,
  input[type=tel]:focus.invalid + label:after,
  input[type=number].invalid + label:after,
  input[type=number]:focus.invalid + label:after,
  input[type=search].invalid + label:after,
  input[type=search]:focus.invalid + label:after,
  textarea.materialize-textarea.invalid + label:after,
  textarea.materialize-textarea:focus.invalid + label:after {
    content: attr(data-error);
    color: #ff2300;
    opacity: 1; }
  input:not([type]).validate + label,
  input[type=text].validate + label,
  input[type=password].validate + label,
  input[type=email].validate + label,
  input[type=url].validate + label,
  input[type=time].validate + label,
  input[type=date].validate + label,
  input[type=datetime].validate + label,
  input[type=datetime-local].validate + label,
  input[type=tel].validate + label,
  input[type=number].validate + label,
  input[type=search].validate + label,
  textarea.materialize-textarea.validate + label {
    width: 100%;
    pointer-events: none; }
  input:not([type]) + label:after,
  input[type=text] + label:after,
  input[type=password] + label:after,
  input[type=email] + label:after,
  input[type=url] + label:after,
  input[type=time] + label:after,
  input[type=date] + label:after,
  input[type=datetime] + label:after,
  input[type=datetime-local] + label:after,
  input[type=tel] + label:after,
  input[type=number] + label:after,
  input[type=search] + label:after,
  textarea.materialize-textarea + label:after {
 /*    display: block;
    content: "";
    position: absolute;
    top: 60px;
    opacity: 0; */
    transition: .2s opacity ease-out, .2s color ease-out; }

.input-field {
  position: relative;
  margin-top: 1rem; 
  margin-bottom: 15px;
  }
  .input-field.inline {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px; }
    .input-field.inline input,
    .input-field.inline .select-dropdown {
      margin-bottom: 1rem; }
  .input-field.col label {
    left: 0.75rem; }
  .input-field.col .prefix ~ label,
  .input-field.col .prefix ~ .validate ~ label {
    width: calc(100% - 3rem - 1.5rem); }
  .input-field label {
    
    position: absolute;
   /*  top: 0.8rem; */
    left: 0;
  /*   font-size: 1.0rem; */
    cursor: text;
    transition: .2s ease-out; }
  .input-field label.active {
    font-size: 0.8rem;
    transform: translateY(-140%); }
  .input-field .prefix {
    position: absolute;
    width: 3rem;
    font-size: 2rem;
    transition: color .2s; }
    .input-field .prefix.active {
      color: #ffef00; }
  .input-field .prefix ~ input,
  .input-field .prefix ~ textarea,
  .input-field .prefix ~ label,
  .input-field .prefix ~ .validate ~ label,
  .input-field .prefix ~ .autocomplete-content {
    margin-left: 3rem;
    width: 92%;
    width: calc(100% - 3rem); }
  .input-field .prefix ~ label {
    margin-left: 3rem; }
  @media only screen and (max-width: 992px) {
    .input-field .prefix ~ input {
      width: 86%;
      width: calc(100% - 3rem); } }
  @media only screen and (max-width: 600px) {
    .input-field .prefix ~ input {
      width: 80%;
      width: calc(100% - 3rem); } }

/* Search Field */
.input-field input[type=search] {
  display: block;
/*   line-height: inherit; */
  padding-left: 4rem;
  width: calc(100% - 4rem); }
  .input-field input[type=search]:focus {
    background-color: #fff;
    border: 0;
    box-shadow: none;
    color: #444; }
    .input-field input[type=search]:focus + label i, .input-field input[type=search]:focus ~ .mdi-navigation-close, .input-field input[type=search]:focus ~ .material-icons {
      color: #444; }
  .input-field input[type=search] + label {
    left: 0.2rem; 
	top:-0.1rem;	
	}
  .clearable-input > input {
  padding-right: 1.5em;
} 
  .input-field input[type=search] ~ .mdi-navigation-close, .input-field input[type=search] ~ .material-icons {
    position: absolute;
    top: 0;
    /* right: 2rem; */
    right: 0.5rem;
    color: transparent;
    cursor: pointer;
    font-size: 1rem;
    transition: .3s color; }
	
/* Textarea */
textarea {
  width: 100%;
  height: 3rem;
  background-color: transparent; }
  textarea.materialize-textarea {
    overflow-y: auto;
    /* prevents scroll bar flash */
    padding: .8rem 0 1.6rem 0;
    /* prevents text jump on Enter keypress */
    resize: none;
    min-height: 2rem;
	height:auto !important;
	}

.hiddendiv {
  display: none;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  /* future version of deprecated 'word-wrap' */
  padding-top: 1.2rem;
  /* prevents text jump on Enter keypress */ }

/* Autocomplete */
.autocomplete-content {
  margin-top: -15px;
  display: block;
  opacity: 1;
  position: static; }
  .autocomplete-content li .highlight {
    color: #444; }
  .autocomplete-content li img {
    height: 40px;
    width: 40px;
    margin: 5px 15px; }

/* Radio Buttons
   ========================================================================== */
[type="radio"]:not(:checked),
[type="radio"]:checked {
  position: absolute;
  left: -9999px;
  opacity: 0; }

[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
  position: relative;
  padding-left: 29px;
  cursor: pointer;
  display: inline-block;
  height: 22px;
  line-height: 22px;
  font-size: 0.8rem;
  transition: .28s ease;
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  user-select: none; }

[type="radio"] + label:before,
[type="radio"] + label:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 5px 0 5px 12px;
  width: 13px;
  height: 13px;
  z-index: 0;
  transition: .28s ease; }

/* Unchecked styles */
[type="radio"]:not(:checked) + label:before,
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:before,
[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:before,
[type="radio"].with-gap:checked + label:after {
  border-radius: 50%; }

[type="radio"]:not(:checked) + label:before,
[type="radio"]:not(:checked) + label:after {
  border: 2px solid #5a5a5a; }

[type="radio"]:not(:checked) + label:after {
  transform: scale(0); }

/* Checked styles */
[type="radio"]:checked + label:before {
  border: 2px solid transparent; }

[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:before,
[type="radio"].with-gap:checked + label:after {
  border: 2px solid #00baef; }

[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:after {
  background-color: #00baef; }

[type="radio"]:checked + label:after {
  transform: scale(1.02); }

/* Radio With gap */
[type="radio"].with-gap:checked + label:after {
  transform: scale(0.5); }

/* Focused styles */
[type="radio"].tabbed:focus + label:before {
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); }

/* Disabled Radio With gap */
[type="radio"].with-gap:disabled:checked + label:before {
  border: 2px solid rgba(0, 0, 0, 0.26); }

[type="radio"].with-gap:disabled:checked + label:after {
  border: none;
  background-color: rgba(0, 0, 0, 0.26); }

/* Disabled style */
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.26); }

[type="radio"]:disabled + label {
  color: rgba(0, 0, 0, 0.26); }

[type="radio"]:disabled:not(:checked) + label:before {
  border-color: rgba(0, 0, 0, 0.26); }

[type="radio"]:disabled:checked + label:after {
  background-color: rgba(0, 0, 0, 0.26);
  border-color: #BDBDBD; }

/* Checkboxes
   ========================================================================== */
/* CUSTOM CSS CHECKBOXES */
form p {
  margin-bottom: 10px;
  text-align: left; }

form p:last-child {
  margin-bottom: 0; }

/* Remove default checkbox */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
  opacity: 0; }

[type="checkbox"] {
  /* checkbox aspect */ }
  [type="checkbox"] + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 0.8rem;
    -webkit-user-select: none;
    /* webkit (safari, chrome) browsers */
    -moz-user-select: none;
    /* mozilla browsers */
    -khtml-user-select: none;
    /* webkit (konqueror) browsers */
    -ms-user-select: none;
    /* IE10+ */ }
  [type="checkbox"] + label:before, [type="checkbox"]:not(.filled-in) + label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 2px;
    transition: .2s; }
  [type="checkbox"]:not(.filled-in) + label:after {
    border: 0;
    transform: scale(0); }
  [type="checkbox"]:not(:checked):disabled + label:before {
    border: none;
    background-color: rgba(0, 0, 0, 0.26); }
  [type="checkbox"].tabbed:focus + label:after {
    transform: scale(1);
    border: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1); }

[type="checkbox"]:checked + label:before {
  top: -4px;
  left: -5px;
  width: 12px;
  height: 22px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #00baef;
  border-bottom: 2px solid #00baef;
  transform: rotate(40deg);
  backface-visibility: hidden;
  transform-origin: 100% 100%; }
[type="checkbox"]:checked:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.26);
  border-bottom: 2px solid rgba(0, 0, 0, 0.26); }

/* Indeterminate checkbox */
[type="checkbox"]:indeterminate + label:before {
  top: -11px;
  left: -12px;
  width: 10px;
  height: 22px;
  border-top: none;
  border-left: none;
  border-right: 2px solid #ffef00;
  border-bottom: none;
  transform: rotate(90deg);
  backface-visibility: hidden;
  transform-origin: 100% 100%; }
[type="checkbox"]:indeterminate:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.26);
  background-color: transparent; }

[type="checkbox"].filled-in + label:after {
  border-radius: 2px; }
[type="checkbox"].filled-in + label:before,
[type="checkbox"].filled-in + label:after {
  content: '';
  left: 0;
  position: absolute;
  /* .1s delay is for check animation */
  transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  z-index: 1; }
[type="checkbox"].filled-in:not(:checked) + label:before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 20% 40%;
  transform-origin: 100% 100%; }
[type="checkbox"].filled-in:not(:checked) + label:after {
  height: 16px;
  width: 16px;
  background-color: transparent;
  border: 2px solid #5a5a5a;
  top: 5px;
  z-index: 0; }
[type="checkbox"].filled-in:checked + label:before {
  top: 2px;
  left: 0px;
  width: 7px;
  height: 12px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }
[type="checkbox"].filled-in:checked + label:after {
      top: 4px;
    width: 16px;
    height: 16px;
    border: 2px solid #00baef;
    background-color: #00baef;
    z-index: 0;
}
[type="checkbox"].filled-in.tabbed:focus + label:after {
  border-radius: 2px;
  border-color: #5a5a5a;
  background-color: rgba(0, 0, 0, 0.1); }
[type="checkbox"].filled-in.tabbed:checked:focus + label:after {
  border-radius: 2px;
  background-color: #00baef;
  border-color: #00baef; }
[type="checkbox"].filled-in:disabled:not(:checked) + label:before {
  background-color: transparent;
  border: 2px solid transparent; }
[type="checkbox"].filled-in:disabled:not(:checked) + label:after {
  border-color: transparent;
  background-color: #BDBDBD; }
[type="checkbox"].filled-in:disabled:checked + label:before {
  background-color: transparent; }
[type="checkbox"].filled-in:disabled:checked + label:after {
  background-color: #BDBDBD;
  border-color: #BDBDBD; }



/* Select Field
   ========================================================================== */
select {
  display: none; 
  color:#737373;
  }

select.browser-default {
  display: block; }

select {
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  padding: 5px;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  height: 3rem; }

.select-label {
  position: absolute; }

.select-wrapper {
  position: relative; }
  .select-wrapper input.select-dropdown {
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    outline: none;
    height: 2rem;
   /*  line-height: 3rem; */
    width: 100%;
    font-size: 1rem;
   /*  margin: 20px 0 17px 0; */
    padding: 0;
    display: block; }
  .select-wrapper span.caret {
    color: initial;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 10px;
    margin: auto 0;
    font-size: 10px;
    line-height: 10px; }
    .select-wrapper span.caret.disabled {
      color: rgba(0, 0, 0, 0.26); }
  .select-wrapper + label {
    position: absolute;
    top: -21px;
    font-size: 0.8rem; }

select:disabled {
  color: rgba(0, 0, 0, 0.3); }

.select-wrapper input.select-dropdown:disabled {
  color: rgba(0, 0, 0, 0.3);
  cursor: default;
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -ms-user-select: none;
  /* IE10+ */
  border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

.select-wrapper i {
  color: rgba(0, 0, 0, 0.3); }

.select-dropdown li.disabled,
.select-dropdown li.disabled > span,
.select-dropdown li.optgroup {
  color: rgba(0, 0, 0, 0.3);
  background-color: transparent; }

.prefix ~ .select-wrapper {
  margin-left: 3rem;
  width: 92%;
  width: calc(100% - 3rem); }

.prefix ~ label {
  margin-left: 3rem; }

.select-dropdown li img {
  height: 40px;
  width: 40px;
  margin: 5px 15px;
  float: right; }

.select-dropdown li.optgroup {
  border-top: 1px solid #eee; }
  .select-dropdown li.optgroup.selected > span {
    color: rgba(0, 0, 0, 0.7); }
  .select-dropdown li.optgroup > span {
    color: rgba(0, 0, 0, 0.4); }
  .select-dropdown li.optgroup ~ li.optgroup-option {
    padding-left: 1rem; }


/***************
    Side Nav List
***************/
.table-of-contents.fixed {
  position: fixed; }
.table-of-contents li {
  padding: 2px 0; }
.table-of-contents a {
  display: inline-block;
  font-weight: 300;
  color: #757575;
  padding-left: 20px;
  height: 1.5rem;
  line-height: 1.5rem;
  letter-spacing: .4;
  display: inline-block; }
  .table-of-contents a:hover {
    color: #a8a8a8;
    padding-left: 19px;
    border-left: 1px solid #ea4a4f; }
  .table-of-contents a.active {
    font-weight: 500;
    padding-left: 18px;
    border-left: 2px solid #ea4a4f; }

.side-nav {
  position: fixed;
  width: 300px;
  left: 0;
  top: 0;
  margin: 0;
  transform: translateX(-100%);
  height: 100%;
  height: calc(100% + 60px);
  height: -moz-calc(100%);
  padding-bottom: 60px;
  background-color: #fff;
  z-index: 999;
  overflow-y: auto;
  will-change: transform;
  backface-visibility: hidden;
  transform: translateX(-105%); }
  .side-nav.right-aligned {
    right: 0;
    transform: translateX(105%);
    left: auto;
    transform: translateX(100%); }
  .side-nav .collapsible {
    margin: 0; }
  .side-nav li {
    float: none;
    line-height: 48px; }
    .side-nav li.active {
      background-color: rgba(0, 0, 0, 0.05); }
  .side-nav a {
    color: rgba(0, 0, 0, 0.87);
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 48px;
    line-height: 48px;
    padding: 0 32px; }
    .side-nav a:hover {
      background-color: rgba(0, 0, 0, 0.05); }
    .side-nav a.btn, .side-nav a.btn-large, .side-nav a.btn-large, .side-nav a.btn-flat, .side-nav a.btn-floating {
      margin: 10px 15px; }
    .side-nav a.btn, .side-nav a.btn-large, .side-nav a.btn-large, .side-nav a.btn-floating {
      color: #fff; }
    .side-nav a.btn-flat {
      color: #343434; }
    .side-nav a.btn:hover, .side-nav a.btn-large:hover, .side-nav a.btn-large:hover {
      background-color: #fff11a; }
    .side-nav a.btn-floating:hover {
      background-color: #ffef00; }
  .side-nav li > a > i,
  .side-nav li > a > [class^="mdi-"], .side-nav li > a > [class*="mdi-"],
  .side-nav li > a > i.material-icons {
    float: left;
    height: 48px;
    line-height: 48px;
    margin: 0 32px 0 0;
    width: 24px;
    color: rgba(0, 0, 0, 0.54); }
  .side-nav .divider {
    margin: 8px 0 0 0; }
  .side-nav .subheader {
    cursor: initial;
    pointer-events: none;
    color: rgba(0, 0, 0, 0.54);
    font-size: 14px;
    font-weight: 500;
    line-height: 48px; }
    .side-nav .subheader:hover {
      background-color: transparent; }
  .side-nav .userView {
    position: relative;
    padding: 32px 32px 0;
    margin-bottom: 8px; }
    .side-nav .userView > a {
      height: auto;
      padding: 0; }
      .side-nav .userView > a:hover {
        background-color: transparent; }
    .side-nav .userView .background {
      overflow: hidden;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: -1; }
    .side-nav .userView .circle, .side-nav .userView .name, .side-nav .userView .email {
      display: block; }
    .side-nav .userView .circle {
      height: 64px;
      width: 64px; }
    .side-nav .userView .name,
    .side-nav .userView .email {
      font-size: 14px;
      line-height: 24px; }
    .side-nav .userView .name {
      margin-top: 16px;
      font-weight: 500; }
    .side-nav .userView .email {
      padding-bottom: 16px;
      font-weight: 400; }

.drag-target {
  height: 100%;
  width: 10px;
  position: fixed;
  top: 0;
  z-index: 998; }

.side-nav.fixed {
  left: 0;
  transform: translateX(0);
  position: fixed; }
  .side-nav.fixed.right-aligned {
    right: 0;
    left: auto; }

@media only screen and (max-width: 992px) {
  .side-nav.fixed {
    transform: translateX(-105%); }
    .side-nav.fixed.right-aligned {
      transform: translateX(105%); }
  .side-nav a {
    padding: 0 16px; }
  .side-nav .userView {
    padding: 16px 16px 0; } }
.side-nav .collapsible-body > ul:not(.collapsible) > li.active,
.side-nav.fixed .collapsible-body > ul:not(.collapsible) > li.active {
  background-color: #00baef; }
  .side-nav .collapsible-body > ul:not(.collapsible) > li.active a,
  .side-nav.fixed .collapsible-body > ul:not(.collapsible) > li.active a {
    color: #fff; }

#sidenav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 120vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 997;
  will-change: opacity; }


/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what's here.
 */
 
.datepicker input{
	border:none !important;
} 
 
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
 /*  position: absolute; */
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/**
 * The picker input element.
 */
.picker__input {
  cursor: default; }

/**
 * When the picker is opened, the input element is "activated".
 */
.picker__input.picker__input--active {
  border-color: #0089ec; }

/**
 * The holder is the only "scrollable" top-level container element.
 */
.picker__holder {
  width: 100%;
  /* overflow-y: auto; */
  overflow: unset !important;
  -webkit-overflow-scrolling: touch; }

/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what's here.
 */
/**
 * Make the holder and frame fullscreen.
 */
.picker__holder,
.picker__frame {
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%; }

/**
 * The holder should overlay the entire screen.
 */
.picker__holder {
  position: fixed;
  -webkit-transition: background 0.15s ease-out, top 0s 0.15s;
  -moz-transition: background 0.15s ease-out, top 0s 0.15s;
  transition: background 0.15s ease-out, top 0s 0.15s;
  -webkit-backface-visibility: hidden; }

/**
 * The frame that bounds the box contents of the picker.
 */
.picker__frame {
  position: absolute;
  margin: 0 auto;
  min-width: 350px;
  width: 300px;
  max-height: 350px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

@media (min-height: 28.875em) {
  .picker__frame {
    overflow: visible;
    top: auto;
    bottom: -100%;
    max-height: 80%; } }
@media (min-height: 40.125em) {
  .picker__frame {
    margin-bottom: 7.5%; } }
/**
 * The wrapper sets the stage to vertically align the box contents.
 */
.picker__wrap {
  display: table;
  width: 100%;
  height: 100%; }

@media (min-height: 28.875em) {
  .picker__wrap {
    display: block; } }
/**
 * The box contains all the picker contents.
 */
.picker__box {
  background: #ffffff;
  display: table-cell;
  vertical-align: middle; }

@media (min-height: 28.875em) {
  .picker__box {
    display: block;
    border: 1px solid #777777;
    border-top-color: #898989;
    border-bottom-width: 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
    box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24); } }
/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  top: 0;
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
  zoom: 1;
  background: rgba(0, 0, 0, 0.32);
  -webkit-transition: background 0.15s ease-out;
  -moz-transition: background 0.15s ease-out;
  transition: background 0.15s ease-out; }

.picker--opened .picker__frame {
  top: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1; }

@media (min-height: 35.875em) {
  .picker--opened .picker__frame {
    top: 10%;
    bottom: auto; } }
/**
 * For `large` screens, transform into an inline picker.
 */
/* ==========================================================================
   CUSTOM MATERIALIZE STYLES
   ========================================================================== */
.picker__input.picker__input--active {
  border-color: #E3F2FD; }

.picker__frame {
  margin: 0 auto;
  max-width: 325px; }

@media (min-height: 38.875em) {
  .picker--opened .picker__frame {
    top: 10%;
    bottom: auto; } }
/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */

/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em; }

/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em; }

/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  height: 2em;
  padding: 0;
  margin-left: .25em;
  margin-right: .25em; }

.picker__select--month.browser-default {
  display: inline;
  background-color: #FFFFFF;
  width: 40%; }

.picker__select--year.browser-default {
  display: inline;
  background-color: #FFFFFF;
  width: 26%; }

.picker__select--month:focus,
.picker__select--year:focus {
  border-color: rgba(0, 0, 0, 0.05); }

/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em; }

.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em; }

.picker__nav--next {
  right: -1em;
  padding-left: 1.25em; }

.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5; }

/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: 1rem;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em; 
  }
.picker__table tr{
	 border-bottom : transparent !important;
}
.picker__table th, .picker__table td {
  text-align: center; }

.picker__table td {
  margin: 0;
  padding: 0; }

/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */ }

@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em; } }
/**
 * The days on the calendar
 */
.picker__day--today {
  position: relative;
  color: #595959;
  letter-spacing: -.3;
  padding: .75rem 0;
  font-weight: 400;
  border: 1px solid transparent; }

.picker__day--disabled:before {
  border-top-color: #aaaaaa; }

.picker__day--infocus:hover {
  cursor: pointer;
  color: #000;
  font-weight: 500; }

.picker__day--outfocus {
  display: none;
  padding: .75rem 0;
  color: #fff; }

.picker__day--outfocus:hover {
  cursor: pointer;
  color: #dddddd;
  font-weight: 500; }

.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer; }

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  border-radius: 50%;
  transform: scale(0.75);
  background: #0089ec;
  color: #ffffff; }

.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default; }

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb; }

/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between; }

.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  vertical-align: bottom; }

.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb; }

.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #b1dcfb;
  border-color: rgba(0, 0, 0, 0.05);
  outline: none; }

.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0; }

.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: .45em; }

.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: .66em solid transparent; }

.picker__button--clear:before {
  top: -0.25em;
  width: .66em;
  border-top: 3px solid #ee2200; }

.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: .35em;
  color: #777777; }

.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default; }

.picker__button--today[disabled]:before {
  border-top-color: #aaaaaa; }

/* ==========================================================================
   Date and Time MATERIALIZE STYLES
   ========================================================================== */
.picker__box {
  border-radius: 2px;
  overflow: hidden; 
   padding: 0;
   display:none;
  }
.picker--opened .picker__box {
	display: block !important;
}
.picker__date-display {
  text-align: center;
  background-color: #23abd2;
  color: #fff;
  padding-bottom: 15px;
  font-weight: 300; }

.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #f9f5b8; }

.picker__weekday-display {
  /* background-color: #0a9ac3; */
  padding: 10px;
  font-weight: 200;
  letter-spacing: .5;
  font-size: 1.0rem;
  margin-bottom: 15px; }

.picker__month-display {
  text-transform: uppercase;
  font-size: 1.0rem; }

.picker__day-display {
  font-size: 1.0rem;
  font-weight: 400; }

.picker__year-display {
  font-size: 1.8rem;
  color: rgba(255, 255, 255, 0.4); }


.picker__calendar-container {
  padding: 0 1rem; }
  .picker__calendar-container thead {
    border: none; }

.picker__table {
  margin-top: 0;
  margin-bottom: .5em; }

.picker__day--infocus {
  color: #595959;
  letter-spacing: -.3;
  padding: .75rem 0;
  font-weight: 400;
  border: 1px solid transparent; }

.picker__day.picker__day--today {
  color: #0a9ac3; }

.picker__day.picker__day--today.picker__day--selected {
  color: #fff; }

.picker__weekday {
  font-size: .9rem; }

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  border-radius: 50%;
  transform: scale(0.9);
  background-color: #ffef00;
  color: #ffffff; }
  .picker__day--selected.picker__day--outfocus,
  .picker__day--selected:hover.picker__day--outfocus,
  .picker--focused .picker__day--selected.picker__day--outfocus {
    background-color: #f9f5b8; }

.picker__footer {
  text-align: center;
  padding: 5px;
font-size:0.9rem;
  }

.picker__close, .picker__today {
  font-size: 0.9rem;
  padding: 0.3rem 1rem;
  color: #0a9ac3; 
  margin;0 0 0 -10px
  
  }

.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #676767;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto; }

.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #676767; }

button.picker__today:focus, button.picker__clear:focus, button.picker__close:focus {
  background-color: #f9f5b8; }





/*======================================================================
Top Nav bar
=======================================================================*/
/* --- Header --- */

.navbar-fixed,
.brand-logo,
nav {
	height: 52px; 
	
	}

.brand-logo img {
	/* margin: 15px 8px; */ 
	}
	
/* --- Left Header --- */

header .icon,
.icon img[src*="icon"] {
	width: 52px;
	height: 52px;
	margin: 0; }

nav {
	line-height: 52px; }

nav .nav-wrapper i, 
nav a.button-collapse i {
	height: 40px;
	line-height: 40px; }


/* --- Search --- */

.navbar-search,
input #search {
	display: inline-block;
	width: 236px;
	height: 52px;
	/* margin: 0 0 0 68px; */
	margin: 0 0 0 65px;
	padding: 6px; }

.navbar-search input[type=search] {
	margin: 0; }

nav .nav-wrapper .navbar-icon i, 
nav a.button-collapse .navbar-icon i {
	height: 52px;
	line-height: 52px; }

#nav-mobile .navbar-dropdown {
	margin-left: 0; }

.dropdown-content .subheader:hover {
	background-color: #fff; }

.dropdown-content .subheader a {
	color: rgba(0, 0, 0, 0.54); }

.dropdown-content li a {
	color: rgba(0, 0, 0, 0.87) !important; }

/* --- Right Header --- */




.caseTitleValue{
	font-size: 1.1rem !important;
	font-weight: 600 !important;
	text-transform:uppercase;
}

/*
.caseTitleText{
	font-size: 1.1rem !important;
	font-weight: 600 !important;
	text-transform:uppercase;
}*/

.panel-default > .panel-heading {    
    /* background-color: #edfbff; */
	background:#ffffff;
	color:#03a3d1;
	border-left:3px solid #03a3d1;
	
    
}

/* UI Grid/Angular Grid  theme*/
.ui-grid-menu-button {  
  background: #03a3d1;
  border: 1px solid #edfbff; 
}
.ui-grid-top-panel {
  color:#03a3d1;
  background: #edfbff;}
 
 .ui-grid-header-cell {
  border-color: #a8e2f3;  
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
  border-right-color: #a8e2f3;
} 

.ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: #fdfdfd;
  border-bottom: solid 1px #a8e2f3;
}
.ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #f9feff;
  border-bottom: solid 1px #a8e2f3;
}
.ui-grid-row:last-child .ui-grid-cell {
  border-bottom-color: #d4d4d4;
  border-bottom-style: solid #a8e2f3;
}
.ui-grid-cell {
  border-color: #a8e2f3;  
}
.ui-grid-row > div > div > div:last-child {
/* border-right: solid 1px #a8e2f3; */
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
  border-right-color: #a8e2f3;
}
.ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
  border-right: 1px solid #a8e2f3;
}

input[type="text"].ui-grid-filter-input {
border: 1px solid #a8e2f3;}

input[type="text"].ui-grid-filter-input:hover {
  border: 1px solid #a8e2f3;
}

/*date and time */
.dtp div.dtp-date, .dtp div.dtp-time {
    background: #3dc2e7;    
    color: #fff;    
}
.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
    background: #03a3d1;
    color: #fff;
}
 .dtp table.dtp-picker-days tr > td > a.selected {
    background: #03a3d1;
    color: #fff;
}
.dtp div.dtp-actual-year {    
    color: #03a3d1;
}
.menulinkbutton {
 	font-size: 1.0rem;
    padding: 15px 10px;
    position: relative;
    top: -8px;
}
.menulinkbutton:hover {
    background-color: rgba(0, 0, 0, 0.1);

}
.srch-fld1{
		float:left; height:50px;
		width:40%;
	}
	.srch-fld2{
		float:left; 
		width:40%;
		
		margin-bottom:15px;
	}

.srch-fld1{
		float:left; height:50px;
	}
	.srch-fld2{
		float:left; 
		
	}

	
.adc-text-field, .mdc-textfield{
	width:100%;/* IE8, IE9 above */
}


.right-ic:after{
	font-family: "Material Icons";
	content: "\e5c5";
	font-size:1.4rem;
	margin:0px;
	padding:0px;
	
}

.drop-ic > ul{
	margin-top:-5px !important;
}
.wrap-cell-text {
	word-wrap: normal;
    overflow: hidden;
}

.grid-ralign{
	text-align: right;
	padding-right: 8px;
}
.floatingButton{
	position: absolute;
	right: 0;
	top: 0;
}


tr:nth-child(even) {background: #f9feff !important; border-bottom:1px solid #a8e2f3; }
tr:nth-child(odd) {background: #fdfdfd !important; border-bottom:1px solid #a8e2f3; }


.cell-bdr{
 border-right:1px solid #a8e2f3;
}
.adc-centerImp{
     text-align: center !important;
}	
	
table#table-header th
{
	color:#03a3d1;
	background: #f9feff; border-bottom:1px solid #a8e2f3;
	text-align: left ;
}
.attachmentsData p {
  margin: 0 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}