.login-page{
	background-image: url(../assets/img/bg.jpg);
	background-size: cover;
}
html{
	user-select: none!important;
}
/*.sn-item{
	display: none;
	
}*/
/*.sidebar.long .sn-item{
	display: inline;
	transition: display .4s;
}*/

.input-group.invalid{
	border: 1px solid #FA5252!important;
}
.input-group.invalid .form-control{
	border-top-right-radius: inherit!important;
	border-bottom-right-radius: inherit!important;
}
.switch_lang_flag{
	height: 30px;
	width: 30px;
	object-fit: cover;
	border-radius: 50%;
	margin-right: 5px;
}
.switch_lang{
	min-width: 7.5em;
}
input::placeholder{
	color: #B2BEC3!important;
}
.like_button{
	position: absolute;
	top: -500px;
}
.like_button_label{
	width: 100%;
}
.like_button_label:hover{
	background-color: #fff;
	color: #1B998B;
}
.like_button:checked + label {
	background-color: #1B998B;
	color: #ffffff;
}
.end_not_round{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.start_not_round{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.custom-shadow{
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.19) !important;
}
.big_checkbox{
	width: 2em;
	height: 2em;
	border-radius: 2em!important;
	cursor: pointer;
}
.axov_card_bg{
	background-color: #fafafa8c;
	cursor: pointer;
}
.axov_card_bg:hover{
	transform: scale(1.01);
}


/* Loader 1 */
.loader-1 {
  position: relative;
  width: 50px;
  height: 50px;
  display: inline-flex;
  background-color: transparent;
  border: 5px solid #ECEFF1;
  border-radius: 50%;
}
.loader-1:after {
  position: absolute;
  content: "";
  top: -5px;
  left: -5px;
  width: 50px;
  height: 50px;
  padding: 3px;
  border-width: 2px;
  border-style: solid;
  border-color: #7986CB transparent transparent transparent;
  border-radius: 50%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  animation: ringrotate .8s infinite ease-in-out;
  -webkit-animation: ringrotate .8s infinite ease-in-out;
}
/* #Loader 1 */

/* Loader 2 */
.loader-2 {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: relative;
  display: inline-flex;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  animation: ringrotate 1.5s infinite linear;
  -webkit-animation: ringrotate 1.5s infinite linear;
}
.loader-2:after {
  content: "";
  position: absolute;
  top: 10%;
  left: 10%;
  width: 80%;
  height: 80%;
  border-radius: 50%;
  border: 5px solid #CFD8DC;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  z-index: 1;
  transform-origin: center;
}
.loader-2:before {
  content: "";
  position: absolute;
  top: 90%;
  left: 30%;
  width: 10%;
  height: 10%;
  border-radius: 50%;
  border: 3px solid #00B8D4;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  z-index: 1;
  transform-origin: center;
}
/* #Loader 2 */

/* Loader 3 */
.loader-3 {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: relative;
  display: inline-flex;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  animation: pendulum .5s infinite alternate linear;
  -webkit-animation: pendulum .5s infinite alternate linear;
}
.loader-3:after {
  content: "";
  position: absolute;
  top: 10%;
  left: 10%;
  width: 80%;
  height: 80%;
  border-radius: 50%;
  border: 5px solid #ECEFF1;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  z-index: 1;
  transform-origin: center;
}
.loader-3:before {
  content: "";
  position: absolute;
  top: 95%;
  left: 45%;
  width: 10%;
  height: 10%;
  border-radius: 50%;
  border: 3px solid #FFA726;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  z-index: 1;
  transform-origin: center;
}
/* #Loader 3 */

/* Animation */
@keyframes ringrotate {
  0% {
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
  }
}
@-webkit-keyframes ringrotate {
  0% {
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
  }
}

@keyframes pendulum {
  0% {
    transform: rotateZ(-20deg);
    -webkit-transform: rotateZ(-20deg);
  }
  100% {
    transform: rotateZ(20deg);
    -webkit-transform: rotateZ(20deg);
  }
}
@-webkit-keyframes pendulum {
  0% {
    transform: rotateZ(-20deg);
    -webkit-transform: rotateZ(-20deg);
  }
  100% {
    transform: rotateZ(20deg);
    -webkit-transform: rotateZ(20deg);
  }
}
/* #Animation */
.sq{
  height: 9px;
  width: 9px;
  display: inline-block !important;
  border-radius: 2px;
}
.sq1{
  background: rgba(231, 76, 60, .4);
}
.sq2{
  background: rgba(231, 76, 60, .5);
}
.sq3{
  background: rgba(231, 76, 60, .6);
}
.sq4{
  background: rgba(231, 76, 60, .7);
}
.sq5{
  background: rgba(231, 76, 60, .8);
}
.sq6{
  background: rgba(231, 76, 60, .9);
}

.problems p{
  font-size: 20px;
  font-weight: 600!important;
  margin-bottom: 0!important;
}

.mh-180{
  min-height: 180px;
}
.problems .card-body{
  justify-content: center;
}
.problems:hover .card{
  background-color: #1B998B!important;
  transition: background-color 0.5s ease;
}
.problems:hover p{
  color: #fff!important;
  transition: color 0.5s ease;
}

.alert-warning {
  color: #000;
  background-color: #f5b7596e;
  border-color: #f5b759;
}
.centered-text th, .centered-text td{
  text-align: center;
  vertical-align: middle;
}