@font-face {
font-family: dmsansBold;
src: url(../fonts/dmsans/DMSans-Bold.ttf);
font-display: swap;
}
@font-face {
font-family: dmsansMedium;
src: url(../fonts/dmsans/DMSans-Medium.ttf);
font-display: swap;
}
@font-face {
font-family: dmsansRegular;
src: url(../fonts/dmsans/DMSans-Regular.ttf);
font-display: swap;
}
@font-face {
font-family: marola;
src: url(../fonts/MAROLA.ttf);
font-display: swap;
}
html{
	overflow-x:hidden;
}
@media (max-width:768px){
	html{
		font-size:18px;
	}
}
body {
	background-color:#FFF;
	margin:0;
	padding:0;
	font-family:dmsansRegular;
}
.littleTitle{
	font-size:0.8em;
	color:#999;
}
.effect1{
  -webkit-box-shadow: 0 5px 6px -6px #777;
     -moz-box-shadow: 0 5px 6px -6px #777;
          box-shadow: 0 5px 6px -6px #777;
}
div, input:focus{
	outline:none;
}
a:link{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
input:focus{
	outline:none;
}
.whiteBg{
	background-color:#FFF;
}
.border-radius{
	border: none;
	border:1px solid #BBB;
	border-radius: 5px;
}
.text_boxes{
	padding: 5px;
	font-size: 1.2em;
	font-stretch: expanded;
	border: none;
	border:1px solid #BBB;
	border-radius: 5px;
}

.text_boxes_small{
	width:96%;
	padding: 5px;
	font-size: 1.0em;
	font-stretch: expanded;
	border: none;
	border:1px solid #BBB;
	border-radius: 5px;
	margin:5px 0;
}
.dropdown_lists{
	padding: 5px;
	font-size: 1.0em;
	font-stretch: expanded;
	border: none;
	border:1px solid #BBB;
	border-radius: 5px;
}
.buttons{
	padding: 5px 10px 5px 10px;
	font-size: 1.2em;
	font-stretch: expanded;
	border: none;
	border:1px solid #F66;
	border-radius: 5px;
	background-color:transparent;
	color:#F33;
	outline:none;
}
.buttons:hover{
	background-color:#F33;
	color:#FFF;
	font-weight:lighter;
}
.menu_buttons{
	width:100%;
	margin-bottom:2px;
	padding: 5px 10px 5px 10px;
	font-size: 1.2em;
	font-stretch: expanded;
	border: none;
	border:1px solid #060;
	border-radius: 5px;
	background-color:transparent;
	outline:none;
}
.disabledButton{
	padding: 5px 10px 5px 10px;
	font-size: 1.2em;
	font-stretch: expanded;
	border: none;
	border:1px solid #9D9D9D;
	border-radius: 5px;
	background-color:#EAEAEA;
	color:#9D9D9D;
}
#view{
	height:16px;
	width:25px;
	background-color:transparent;
	background-image:url(../images/view.png);
	background-position:center;
	background-repeat:no-repeat;
}
#delete{
	height:31px;
	width:25px;
	background-color:transparent;
	background-image:url(../images/delete.png);
	background-position:center;
	background-repeat:no-repeat;
}
#tick{
	height:31px;
	width:25px;
	background-color:transparent;
	background-image:url(../images/tick.png);
	background-position:center;
	background-repeat:no-repeat;
}
#tick:hover{
	background-image:url(../images/tick_over.png);
}
.deleteButtonRed{
	height:38px;
	width:64px;
	background-color:transparent;
	background-image:url(../images/delete_red.png);
	background-position:center;
	background-repeat:no-repeat;
	border:none;
}
.uploadBtn{
	width:45px;
	height:40px;
	margin:0 3px;
	background-image:url(../images/uploadBtn.png);
	background-position:center;
	background-repeat:no-repeat;
	background-color:transparent;
	border: none;
	float:left;
}
.item-div-home{
	border-top:1px solid #FFF;
	height:0;
}

/*Header Quotes Scroll*/
.ticker {
  width: 100%;
  background-color: #333;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.7em;
  font-weight: normal;
  padding: 5px 5%;
}

.ticker-content {
  display: inline-block;
  padding-left: 100%;
  animation: tickerScroll 70s linear infinite;
}

.ticker:hover .ticker-content {
  animation-play-state: paused;
}

@keyframes tickerScroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

.sep {
  padding: 0 14px;
  color: #F99;
}