/*GLOBAL
============================================= */
html,
body {
  min-height: 100%;
  height: 100%;
}

@font-face {
  font-family: Roboto-Regular;
  src: url(/fonts/Roboto-Regular.ttf);
}

@font-face {
  font-family: Roboto-Bold;
  src: url(/fonts/Roboto-Bold.ttf);
}

@font-face {
  font-family: Roboto-Medium;
  src: url(/fonts/Roboto-Medium.ttf);
}

body {
  font-family: "Roboto-Regular", Open Sans, Helvetica, Arial, sans-serif;
  line-height: 1.428;
  color: #000000;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto-Medium', 'Open Sans','Helvetica Neue',Arial,sans-serif;
}

.admin-login-body {
	background-image: url("/img/login_bg.jpg");
	background-size: cover;
	overflow: hidden;
}

.form-control {
	border: 1px solid #ced4da;
	border-radius: 0;
}

.btn-app {
	font-family: Roboto-Light;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 6px 12px;
	border-radius: 0;
	transition: 0.5s;
	margin: 10px;
	color: #fff;
	background: rgba(0, 0, 0, 0.1);
	border: 1px solid #E86623;
}

.btn-app:hover {
	background: #black;
	color: #fff;
}

.blink {
  animation: blinker 2s linear infinite;
}

@keyframes blinker {  
  50% {   
    background-color: #98E4F2;
    }
}


/*==============ADMIN LOGIN===============*/

#login-container {
	margin: 20% auto;
}

#login-container .text-danger {
	color: #FFF !important;
}

/*==================================*/

/*==============MEDIA===============*/
@media only screen and (max-width : 1300px) {
  
}

@media only screen and (max-width : 768px) {
 
}

@media only screen and (max-width : 736px) {

  
}

@media only screen and (max-width : 414px ) {
 
}