/*POPIPNS*/
@font-face {
  font-family: Poppins;
  src: url("./fonts/poppins/Poppins-Regular.ttf") format('truetype')    
}

@font-face {
  font-family: Poppins;
  src: url("./fonts/poppins/Poppins-Bold.ttf") format('truetype');
  font-weight: 500;
}

/*ROBOTO*/
@font-face {
  font-family: Roboto;
  src: url("./fonts/roboto/Roboto-Regular.ttf") format('truetype');
}

/*ROBOTO*/
@font-face {
  font-family: Roboto;
  src: url("./fonts/roboto/Roboto-Bold.ttf") format('truetype');
  font-weight: 500;
}

/************************************************/
/************************************************/
/************************************************/

.rotate-90 {    
	  display: block;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg); /* IE 9 */
    -moz-transform: rotate(90deg); /* Firefox */
    -webkit-transform: rotate(90deg); /* Safari and Chrome */
    -o-transform: rotate(90deg); /* Opera */
}

.rotate-180 {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg); /* IE 9 */
    -moz-transform: rotate(180deg); /* Firefox */
    -webkit-transform: rotate(180deg); /* Safari and Chrome */
    -o-transform: rotate(180deg); /* Opera */
}

.rotate-270 {
    transform: rotate(270deg);
    -ms-transform: rotate(270deg); /* IE 9 */
    -moz-transform: rotate(270deg); /* Firefox */
    -webkit-transform: rotate(270deg); /* Safari and Chrome */
    -o-transform: rotate(270deg); /* Opera */
}

.m-input {
  border: 1px solid #808080 !important;
}

.m-portlet .m-portlet__body {
  color: black !important;
}

.m-portlet .m-portlet__head .m-portlet__head-text {
  color: black !important;
}