:root {
	/* --primary-color: rgb(4, 148, 241); */
	--primary-color: rgb(42, 79, 162);
	--accent-color: rgb(251, 127, 1);
	--bs-accent-rgb: 251,127,1;
	--swiper-theme-color: rgb(251, 127, 1)!important;
	--accent-color-dark: rgb(221, 113, 4);
	--secondary-color: rgb(255, 0, 212);
	--grey-color: rgb(244, 246, 250);
	--text-gray: #595959;

	--bs-primary-rgb: 4,148,241;

}

/* Доор нь орчихоод ажиллахгүй байгаа */
.bg-opacity-10 {
    --bs-bg-opacity: 0.1!important;
}

.pagination {
	--bs-pagination-active-bg: var(--primary-color)!important;
	--bs-pagination-active-border-color: var(--primary-color)!important;
	--bs-link-color: var(--primary-color)!important;
	--bs-link-hover-color: var(--primary-color)!important;
}

.hover_bg_grey:hover {
	background-color: var(--grey-color);
}

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: var(--primary-color); }

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

.h_30 {
    height: 30px;
}

.h_40 {
    height: 40px;
}

.h_60 {
    height: 60px;
}

.h_80 {
    height: 80px;
}

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

.h_60_ {
    height: calc(100% - 60px);
}

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

.w_20 {
	width: 20px;
}

.w_30p {
	width: 30px;
}

.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);
	}
}

.opacity_100_hover:hover {
	opacity: 1!important;
}

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

.border_w_2 {
	border-width: 2px!important;
}

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

.border_top_dashed {
	border-top-style: dashed!important;
}

.border_bottom_dashed {
	border-bottom-style: dashed!important;
}

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

.bg_accent {
	--bs-bg-opacity: 1;
    background-color: rgba(var(--bs-accent-rgb),var(--bs-bg-opacity))!important;
}

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

.bg_cover {
	background-size: cover;
	background-position: center center;
}

.bg_contain {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.fs_16 {
	font-size: 16px;
}

.fs_25 {
	font-size: 25px;
}

.fs_30 {
	font-size: 30px;
}

.fs_11 {
	font-size: 11px!important;
}

.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;
}

.pb_p100 {
	padding-bottom: 100%;
}

.pb_p50 {
	padding-bottom: 50%;
}

.pt_6 {
	padding-top: 6rem!important;
}

.bg_transparent, .form-select.bg_transparent {
    background-color: rgba(0, 0, 0, 0)!important;
}