input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }

input[type=number]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=number]::-ms-reveal {  display: none; width : 0; height: 0; }

.lcscolor {
  background-color: #0c2275 !important;
}

.lcscolor-text {
  color: #0c2275 !important;
}

.materialize-lcscolor-text {
  color: #0c2275 !important;
}


.fc-unselectable
{
	
}


.rotateimg270 {
  -webkit-transform:rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}

 .rotateimg90 {
  -webkit-transform:rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.numberCircle {
    border-radius: 50%;
    width: 12px;
    height: 12px;
    padding: 3px;

    background: #1600a1;
    border: 2px solid #666;
    color: #fff;
    text-align: center;

    font: 11px Arial, sans-serif;
}


@media only screen and (min-width: 992px) {
	  .icon-bar {
		  display: block;
		  width: 65%;
		  background-color: #ffc107;
		  overflow: hidden;
		  bottom: 0;
		  position: fixed;
		  margin: .5rem 0 1rem 0;
		  border-radius: 2px;
		  
		}
		
		.icon-bar a {
		  float: left;
		  text-align: center;
		  padding: 12px 0;
		  transition: all 0.1s ease;
		  color: white;
		  font-size: 36px;
		}
		
		
}

@media only screen and (max-width: 991px) {
	  .icon-bar {
		  display: block;
		  width: 92%;
		  background-color: #ffc107;
		  overflow: hidden;
		  bottom: 0;
		  position: fixed;
		  margin: .5rem 0 1rem 0;
		  border-radius: 2px;
		  
		}
		
		.icon-bar a {
		  float: left;
		  text-align: center;
		  padding: 12px 0;
		  transition: all 0.1s ease;
		  color: white;
		  font-size: 36px;
		}
}


.icon-bar a:hover {
  background-color: #ffecb3;
}

a.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.2;
}

@media only screen and (min-width: 992px) and (max-height: 730px) {
	 .fc-week {
		  height: 90px !important;
		  
	  }
	  .fc-content {
		  font-size:9px !important;
		  
	  }
	  .modal {
		    width: 50% !important;
		    padding: 0 2%;
	  }
	  
	  .positionCal{
	  		top:1%;
	  }
}

@media only screen and (min-width: 992px) and (min-height: 731px) {
	 .fc-week {
		  height: 120px !important;
		  
	  }
	  .fc-content {
		  font-size:12px !important;
		  
	  }
	  .modal {
		    width: 50% !important;
		    padding: 0 2%;
	  }
	  
	  .positionCal{
	  		top:1%;
	  }
}



/*	  
@media only screen and (min-width: 700px) and (min-height: 885px)  {
	  .fc-day-grid-container {
		  height: 675px !important;
		  
	  }
	  .fc-week {
		  height: 111px !important;
		  
	  }
	  
	  .modal {
		    width: 50% !important;
		    padding: 0 2%;
	  }
	  
	  .positionCal{
	  		top:1%;
	  }
}*/

@media only screen and (min-width: 400px) and (max-width: 991px) {
	  
	  .fc-week {
		  height: 70px !important;
		  
	  }
	  .fc-content {
		  font-size:9px !important;
		  
	  }
	 .modal {
		    width: 75% !important;
		    padding: 0 2%;
	  }
	  .positionCal{
	  		top:10%;
	  }
	  
}

@media only screen and (max-width: 399px){
	 .fc-content {
		  font-size:7px !important;
		  
	  }
	  .modal {
		    width: 95% !important;
		    padding: 0 2%;
		}
	   .positionCal{
	  		top:10%;
	  }
}

.datepicker{
	z-index: 2000 !important;
}

.datepicker--nav{
	background-color: #0c2275 !important;
	color: #ffffff !important;
	width: auto !important;
}


.only-timepicker .datepicker--nav,
.only-timepicker .datepicker--content {
    display: none;
}
.only-timepicker .datepicker--time {
    border-top: none;
}

.sidenav ul {
  float: none!important;
  line-height: 48px!important;
}

.sidenav ul.active {
  
  background-color: #FFAB00 !important;;
}

.sidenav ul > a {
  color:  #0c2275 !important;
  display: block!important;
  font-size: 14px!important;
  font-weight: 500!important;
  height: 48px!important;
  line-height: 48px!important;
  padding: 0 32px!important;
}

.sidenav ul > a:hover {
  background-color: rgba(0, 0, 0, 0.05)!important;
}

.sidenav ul > a.btn, .sidenav ul > a.btn-large, .sidenav ul > a.btn-small, .sidenav ul > a.btn-large, .sidenav ul > a.btn-flat, .sidenav ul > a.btn-floating {
  margin: 10px 15px!important;
}

.sidenav ul > a.btn, .sidenav ul > a.btn-large, .sidenav ul > a.btn-small, .sidenav ul > a.btn-large, .sidenav ul > a.btn-floating {
  color: #fff!important;
}

.sidenav ul > a.btn-flat {
  color: #343434!important;
}

.sidenav ul > a.btn:hover, .sidenav ul > a.btn-large:hover, .sidenav ul > a.btn-small:hover, .sidenav ul > a.btn-large:hover {
  background-color: #2bbbad!important;
}

.sidenav ul > a.btn-floating:hover {
  background-color: #26a69a!important;
}

.sidenav ul > a > i,
.sidenav ul > a > [class^="mdi-"], .sidenav ul > a li > a > [class*="mdi-"],
.sidenav ul > a > i.material-icons {
  float: left!important;
  height: 48px!important;
  line-height: 48px!important;
  margin: 0 16px 0 0!important;
  width: 24px!important;
  color: #0c2275!important;
}


.sidenav li>a {
    padding: 0 16px !important;
    color:  #0c2275 !important;
}


.sidenav li>a>i, .sidenav li>a>[class^="mdi-"], .sidenav li>a li>a>[class*="mdi-"], .sidenav li>a>i.material-icons {
    margin: 0 16px 0 0 !important;
 }
 
 .sidenav {
    color:  #0c2275 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}


.carousel .carousel-item {
    width: 80px !important;
    height: 60px !important;
    background-color: transparent !important;
    
}

.carousel .indicators .indicator-item.active {
    background-color: #ffc107;
}

.carousel .indicators .indicator-item {
    background-color: #0c2275;
}

.custom-collapsible-body {
    padding: 1rem !important;
    padding-left: 35px !important;
    padding-bottom: 35px !important;
}

.custom-collapsible-body-2 {
    padding: 1rem !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-bottom: 35px !important;
}