@font-face {
	font-family: "Titr";
	font-weight: 700;
	src: url(../fonts/titr.otf) format("otf"), url(../fonts/titr.ttf) format("truetype")
}

@font-face {
	font-family: "Vazir";
	font-weight: 400;
	src: url(../fonts/Vazir.eot) format("eot"), url(../fonts/Vazir.woff) format("woff"), url(../fonts/Vazir.woff2) format("woff2"), url(../fonts/Vazir.ttf) format("truetype")
}

body {
	margin: 0;
	font-family: "Vazir", Roboto,Tahoma, -apple-system, BlinkMacSystemFont,"Open Sans",Helvetica,Arial,sans-serif !important;
	font-size: 14px;
	line-height: 1.5;
	/* to disable top-pull-scroll */
	overscroll-behavior: contain;
	background: url('/images/bg.jpg');
}
main {
	padding: 40px 0;
}

h1,h2,h3,h4,h5,h6{
	font-family:"Titr",Roboto,Tahoma,"Open Sans",Helvetica,Arial,sans-serif !important;
}
*::-webkit-scrollbar{
	width:11px;
	height:11px;
}
*::-webkit-scrollbar-button{
	width:0;
	height:0;
	display:none;
}
*::-webkit-scrollbar-thumb:active{
	background-color:rgba(0,0,0,.5);
	-webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.35);
}
*::-webkit-scrollbar-thumb:hover{
	background-color:rgba(0,0,0,.4);
	-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.25);
}
*::-webkit-scrollbar-thumb{
	background-color:rgba(0,0,0,.2);
	-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
}
*::-webkit-scrollbar-track:vertical{
	-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.14),inset -1px -1px 0 rgba(0,0,0,.07);
}
*::-webkit-scrollbar-track:vertical:hover{
	background-color:rgba(0,0,0,.035);
}

.hidden {
	display: none;
	visibility: hidden;
}
.text-center {
	text-align: center;
}
.responsive-image {
	width: 100%;
	height: auto;
}
.blue-font {
    color: #03a9f4 !important;
}
.blue {
	background-color: #03a9f4 !important;
	color: #fff !important;
}
.red-font {
    color: #f44336 !important;
}
.red {
	background-color: #f44336 !important;
}
.orange-font {
    color: #ff5722 !important;
}
.orange {
	background-color: #ff9800 !important;
}
.green-font {
    
}
.green {
	background-color: #cddc39 !important;
	color: #000 !important;
}
.dark-green-font {
	color: #4caf50 !important;
}
.purple {
	background-color: #9c27b0 !important;
	color: #fff !important;
}
.purple-font {
	color: #9c27b0 !important;
}
.gray {
	background-color: #cfd8dc !important;
}
.gray-font {
	color: #74797b !important;
}
.yellow {
	background-color: #ffeb3b !important;
}
.yellow-font {
	color: #ffeb3b !important;
}
.light-yellow {
	background-color: #ffebc2 !important;
}
.black {
  background-color: #1d232a !important;
}
.white-font {
	color: white !important;
}
.note {
	background: #f2ece6;
	border-color: #e8a060;
	border-width: 2px;
}
.mdc-card__content {
	padding: 16px;
}
.float-left {
	float: left;
}

footer {
	height: 40px;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
}
footer header {
	margin-top: -7px;
	background-color: #1d232a;
	box-shadow: 0 5px 8px #888888;
}
footer .mdc-top-app-bar { bottom: 0; border-radius: 20px 20px 0 0; box-shadow: 0 0 5px 1px #464545; margin-top: -7px;}
.mdc-image-list__image-aspect-container {
	padding: 10px;
}
.mdc-image-list {
	justify-content: center;
}
@media only screen and (max-width: 480px) {
	.mdc-image-list__image-aspect-container {
		padding: 2px;
	}
	.my-image-list img {
		width: 120px;
	}
}