:root {
	--primary-color: rgb(158, 4, 4);
	--secondary-color: rgb(4, 53, 158);
}

html, body {
    font-family: 'Roboto', 'Arial';
    font-size: 0.95rem;
    height:100%;
    margin:0;
    padding:0;
}

a { color: #333; text-decoration: none; }
a:hover { text-decoration: none; color: rgb(0 85 254); }

.required:after {
    content:" *";
    color: red;
}

.h_40 {
    height: 40px;
}

.h_40_ {
    height: calc(100% - 40px);
}

.h_80_ {
    height: calc(100% - 80px);
}

.w_20 {
	width: 20px;
}

.w_30 {
	width: 30%;
}

.w_70 {
	width: 70%;
}

.w_40 {
	width: 40px;
}

.w_60 {
	width: 60px;
}

.w_80 {
	width: 80px;
}

.min_w_35 {
	min-width: 35px;
}

.h_20 {
	height: 20px;
}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .sm_vh_100 {
        height: 100vh!important;
    }

	.sm_w_200 {
		width: 200px!important;
	}

	.sm_w_360 {
		width: 360px!important;
	}
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    
}

/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    
}

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    
}

/* loader */
	.loader {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background: rgba(255, 255, 255, 0.5);
		z-index: 999999999;
	}
	
	.loader .box {
		position: absolute;
		width: 100px;
		height: 50px;
		top: 50%;
		left: 50%;
		margin-left: -50px;
	}

	.loader_img {
		position: absolute;
		width: 50px;
		height: 50px;
		top: 50%;
		left: 50%;
		margin-left: -25px;
		background: url(loading.png) no-repeat center center;
	
		-webkit-animation-name: rotate;
		-webkit-animation-duration: 2s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		-moz-animation-name: rotate;
		-moz-animation-duration: 2s;
		-moz-animation-iteration-count: infinite;
		-moz-animation-timing-function: linear;
	}
/* loader */

@-webkit-keyframes rotate {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes rotate {
	from {
		-moz-transform: rotate(0deg);
	}

	to {
		-moz-transform: rotate(360deg);
	}
}

.bg_grey, .bg_grey_hover:hover {
	background-color: rgb(213 216 219);
}

.border_grey {
	border-color: rgb(185, 188, 190)!important;
}

.bg_primary {
	background-color: var(--primary-color);
}

.bg_primary_opacity {
	background-color: var(--primary-color);
}

.fs_16 {
	font-size: 16px;
}

.fs_30 {
	font-size: 30px;
}

.fs_7 {
	font-size: 0.75rem!important;
}

.text_crop_1, .text_crop_2, .text_crop_3, .text_crop_4 {
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }
  
  .text_crop_1 {
    -webkit-line-clamp: 1;
  }
  
  .text_crop_2 {
    -webkit-line-clamp: 2;
  }
  
  .text_crop_3 {
    -webkit-line-clamp: 3;
  }
  
  .text_crop_4 {
    -webkit-line-clamp: 4;
  }

.zi_1 {
	z-index: 1;
}