/** Generated by FG **/
@font-face {
	font-family: 'Conv_Bellerose';
	src: url('../fonts/Bellerose.eot');
	src: local('☺'), url('../fonts/Bellerose.woff') format('woff'),
		url('../fonts/Bellerose.ttf') format('truetype'),
		url('../fonts/Bellerose.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/** Generated by FG **/
@font-face {
	font-family: 'Conv_urw-chancery-l-medium-italic';
	src: url('../fonts/urw-chancery-l-medium-italic.eot');
	src: local('☺'), url('../fonts/urw-chancery-l-medium-italic.woff') format('woff'),
		url('../fonts/urw-chancery-l-medium-italic.ttf') format('truetype'),
		url('../fonts/urw-chancery-l-medium-italic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/** Generated by FG **/
@font-face {
	font-family: 'Conv_Ubuntu-R';
	src: url('../fonts/Ubuntu-R.eot');
	src: local('☺'), url('../fonts/Ubuntu-R.woff') format('woff'),
		url('../fonts/Ubuntu-R.ttf') format('truetype'),
		url('../fonts/Ubuntu-R.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'icomoon';
	src: url('../fonts/icomoon.eot?l2nk4v');
	src: url('../fonts/icomoon.eot?l2nk4v#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.ttf?l2nk4v') format('truetype'),
		url('../fonts/icomoon.woff?l2nk4v') format('woff'),
		url('../fonts/icomoon.svg?l2nk4v#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

.template_top_30 {
	margin-top: 30px;
}

@font-face {
	font-family: 'bookmoon';
	src: url('../fonts/font_book/bookmoon.eot?yl7d3v');
	src: url('../fonts/font_book/bookmoon.eot?yl7d3v#iefix') format('embedded-opentype'),
		url('../fonts/font_book/bookmoon.ttf?yl7d3v') format('truetype'),
		url('../fonts/font_book/bookmoon.woff?yl7d3v') format('woff'),
		url('../fonts/font_book/bookmoon.svg?yl7d3v#bookmoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

label {
	font-weight: normal;
}

a:focus,
a:hover,
a {
	color: #1a349b;
	text-decoration: none;
}
.qrscanner-active {
	display: none;
  }
.Mys {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-clipboard-edit:before {
	content: "\e900";
}

.icon-128:before {
	content: "\e901";
}

.icon-2123:before {
	content: "\e902";
}

.icon-holiday-512:before {
	content: "\e903";
}

.icon-Teacher:before {
	content: "\e904";
}

.book_mys {
	font-family: 'bookmoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-book:before {
	content: "\e91f";
}

html {
	min-height: 100%;
	position: relative;
	background-color: transparent !important;
}

.body_bg {
	background-image: url(../images/ptrn1.png);
	background-position-x: initial;
	background-position-y: initial;
	background-size: 20%;
	background-repeat-x: initial;
	background-repeat-y: initial;
	background-attachment: initial;
	background-origin: initial;
	background-clip: initial;
	min-height: 100vh;
	font-family: 'Conv_PublicSans-Regular';
	font-size: 14px;
	color: #161c2d;
	background-blend-mode: luminosity;
	background-color: #d4d9e6 !important;
	background-attachment: fixed;
}

footer {
	background: #000000;
	height: 45px;
	bottom: 0;
	width: 100%;
	z-index: 3;
	display: none !important;
}

.dropdown-menu.drop_1 {
	margin: 0 !important;
	padding: 0 !important;
	left: auto !important;
	min-width: 240px;
	top: 50px !important;
	right: 0;
	background-color: #fff;
	/*box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 4px;
	box-shadow: 0 1px 3px 0 rgba(59, 89, 108, 0.20);*/
	-webkit-box-shadow: 0 3px 6px 0 rgba(59, 89, 108, 0.20);
	box-shadow: 0 3px 6px 0 rgba(59, 89, 108, 0.20);
}

.dropdown-menu.drop_1>li>a {
	background-color: #fff;
	padding: 10px 20px !important;
}

.dropdown-menu.drop_1 .header_info {
	padding: 10px 20px !important;
	font-size: 14px;
	border-bottom: 1px solid rgba(0, 0, 0, .125) !important;
	margin: 0;
	border-radius: 0;
	background-color: #7882ff !important;
	color: #fff !important;
	font-family: 'Conv_PublicSans-SemiBold' !important;
	background-image: linear-gradient(90deg, #949dff, #626dff)
}

.dropdown-menu.drop_1 .header_info:hover {
	border-radius: 0;
	background-color: #7882ff !important;
	background-image: linear-gradient(90deg, #949dff, #626dff);
}

.dropdown-menu.drop_1>li>a:hover {
	background-color: #eee !important;
	border-radius: 0;
}

#user_detail>a:nth-of-type(1):hover,
#user_detail>a:nth-of-type(1):focus {
	background-color: transparent !important;
}

nav a:hover {
	border-radius: 5px;
}

.navbar-toggle .icon-bar {
	background-color: #3F51B5 !important;
}

.navbar-toggle .icon-bar+.icon-bar {
	margin-top: 5px;
}

.navbar-toggle {
	background: transparent !important;
	float: left !important;
	margin-right: 10px !important;
	border: none !important;
	padding: unset !important;
	height: 60px !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.top_0_dropdown>li>a {
	top: 0px !important;
}

.top_0_new{
	top: 0 !important;
}

.over-back-bg {
	background-size: contain;
	background-position: center;
	min-height: 100vh;
}

.header-top.in {
	height: 100vh;
	left: 0;
	position: fixed;
	display: flex;
	width: 100%;
	z-index: 1001;
	max-width: unset;
	min-height: 100vh;
	background: transparent;
	top: 0;
	padding: 0;
	margin-top: 0px;
	margin-left: 0;
}

.mobile_menu_inner {
	display: flex;
}

.mobile_menu_inner li.active a,
.mobile_menu_inner li.active a:hover {
	background-image: linear-gradient(90deg, #949dff, #626dff) !important;
	color: #fff !important;
	background-image: linear-gradient(-90deg, #ffdc1d, #ffc359) !important;
	color: #333 !important;
	border-radius: 5px;
}

.header-top.in .mobile_menu_inner {
	position: absolute;
	background: rgb(255, 255, 255) none repeat scroll 0% 0%;
	top: 0px;
	left: 0px;
	max-height: unset;
	min-height: calc(100vh - 0px) !important;
	border: none !important;
	width: 80vw;
	max-width: 340px;
	flex-direction: column;
}

.header-top.collapsing {
	opacity: 0;
}

.navbar-brand img {
	height: 40px !important;
}

.form-signin {
	max-width: 650px;
	padding: 25px 30px 90px 30px;
	margin: 0 auto;
	background-color: #fff;
	border-top: 4px solid #ff9800;
}

.navbar-toggle .icon-bar {
	height: 1.5px !important;
}

.school_logo {
	font-size: 16px;
	color: #8C8585;
	float: left;
	padding-right: 5px;
	margin-bottom: 0 !important;
	font-family: 'Conv_PublicSans-SemiBold';
	max-width: 250px;
	line-height: 01;
	word-wrap: break-word;
}

.school_logo a {
	color: #2c2c4b !important;
}

.mobile_school_logo {
	display: none !important;
}

.mobile_menu_wrap {
	display: flex;
	align-items: center;
}

.side-sub-menu {
	display: none;
}

.box-white {
	-moz-box-shadow: -2px 4px 5px #000000;
	-webkit-box-shadow: -2px 4px 5px #000000;
	box-shadow: -2px 4px 5px #000000;
}

.white-box-shadow {
	-moz-box-shadow: 0 1px 3px 0 rgba(59, 89, 108, 0.20);
	-webkit-box-shadow: 0 1px 3px 0 rgba(59, 89, 108, 0.20);
	box-shadow: 0 1px 3px 0 rgba(59, 89, 108, 0.20);
}

.wrapper {
	position: relative;
	margin-top: 54px;
	margin-bottom: 100px;
}

.wrapper-white {
	background: #fff;
}

.all-clean {
	padding: 0;
	margin: 0;
}

.bold {
	font-weight: bold;
}

.font-normal {
	font-weight: normal;
}

.font-familt-time {
	font-family: Trebuchet MS;
}

.font-conv {
	font-family: 'Conv_urw-chancery-l-medium-italic';
}

.font-bellerose {
	font-family: 'Conv_Bellerose';
}

.font-open {
	font-family: 'Open Sans', sans-serif;
}

.font-size10 {
	font-size: 10px;
}

.font-size12 {
	font-size: 12px;
}

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

.font-size13 {
	font-size: 13px;
}

.font-size14 {
	font-size: 14px !important;
}

.font-size15 {
	font-size: 15px;
}

.font-size16 {
	font-size: 16px !important;
}

.font-size17 {
	font-size: 17px;
}

.font-size18 {
	font-size: 18px;
}

.font-size19 {
	font-size: 19px !important;
}

.font-size22 {
	font-size: 22px;
}

.font-size30 {
	font-size: 30px;
}

.font-size55 {
	font-size: 55px;
}

.margin6 {
	margin: 6px 0;
}

.margin10 {
	margin: 10px 0;
}

.margin-10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.margin-15 {
	margin: 15px 0;
}

.margin0 {
	margin: 0 auto;
}

.margin20 {
	margin: 20px 0px 20px;
}

.border-white3 {
	border: 3px solid #fff;
}

.border-radius {
	border-radius: 50px;
}

.border-grey {
	border: 1px solid #eee;
}

.border-bottom-grey {
	border-bottom: 1px solid #ccc;
}

.border-radius4 {
	border-radius: 4px;
}

.border_radius_8 {
	border-radius: 8px;
}

.border-right-grey {
	border-right: 1px solid #ccc;
}

.dash-border {
	padding-left: 20px;
}

.dash-border1 {
	padding-left: 20px;
}

.img-list-radius {
	border-radius: 50%;
	height: 147px;
	width: 152px;
	border: 1px solid #ccc;
	padding: 2px;
}

.img-list-radius2 {
	border-radius: 78px;
	height: 97px;
	width: 97px;
	border: 1px solid #ccc;
	padding: 2px;
}

#profileImageLetter {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  /* background: #512DA8; */
  background-color: rgb(26, 52, 155) !important;
  font-size: 35px;
  color: #fff;
  text-align: center;
  line-height: 75px;
  /*margin: 10px 0;*/
  margin: 0;
}

.profile-box{
	width: 135px;
	height: 135px;
	border-radius: 5px;
	background-color: rgb(26, 52, 155);
	font-size: 70px;
	color: #fff;
	text-align: center;
	line-height: 75px;
	display: flex;
	justify-content: center;
	align-items: center;
	/* border: 1px solid rgb(221, 221, 221); */
}

.profile-parent{
	width: 25px;
	height: 25px;
	background-color: rgb(26, 52, 155);
	border-radius: 50%;
	color: #fff;
}

.pattern-img1 {
	background: url('../images/album-bg.png') no-repeat;
	background-size: contain;
	background-position: center;
}

.pattern-dash {
	border: 1px solid #e2e2e2;
	border-radius: 6px;
	background-size: 80%;
	display: flex;
	align-items: center;
	padding: 10px 0px 0px;
}

.pattern-dash.min_183:hover {
	background-color: #fffac2;
	border-color: #ffcd34;
}

.gallery-img {
	height: 97px;
	width: 97px;
	background-color: #fff;
	cursor: pointer;
}

.gallery-img-dashboard {
	height: 30px;
	min-width: 30px;
}

.logo_width {
	width: 200px;
	margin: 0 auto;
}

.col_lg_custom_2 {
	width: 33.33%;
	float: left;
}

.display_990 {
	display: none;
}

.color_type {
	color: #4a515b;
}

/*border-width: 1px 1px 2px; border-style: solid; border-color: rgb(204, 204, 204);*/

.header-top ul li a {
	padding: 7px 10px;
	margin: 0px 2px 0;
	font-size: 13px;
	color: #2c2c4b !important;
	font-family: 'Conv_PublicSans-Regular' !important;
}

.header-top ul li a:hover,
.header-top ul li a:focus {
	color: #1a349b !important;
	background-color: #f6f7f9;
	border-radius: 5px;
}

.border-form {
	border-width: 1px 1px 2px;
	border-style: solid;
	border-color: #ccc;
}

.border-dark-grey {
	border: 1px solid #ccc;
}

.border-radius-none {
	border-radius: 0;
}
.relative_new{
	position: relative;
}

.padding-right {
	padding-right: 0;
}

.padding3 {
	padding: 3px;
}

.padding7 {
	padding: 7px;
}

.padding8 {
	padding: 8px;
}

.padding10 {
	padding: 10px;
}

.padding12 {
	padding: 12px;
}

.padding13 {
	padding: 13px;
}

.padding16 {
	padding: 15px;
}

.padding18 {
	padding: 18px;
}

.padding20 {
	padding: 20px;
}

.fg-color-royal-orange {
	color: #D65B09;
}

.fg-color-blue {
	color: #33BEED;
}

.fg-color-white {
	color: #fff !important;
}

.fg-color-orange {
	color: #DF8142;
}

.fg-color-grey {
	color: #8495a8;
}

.fg-color-dark-grey {
	color: #8495a8;
}

.fg-color-red {
	color: #D35F5F;
}

.fg-color-black {
	color: #242738;
}

.bg-color-dblack {
	background: #000;
}

.fg-color-green {
	color: #35BDB2;
}

.bg-color-green {
	background: #6CBD7D;
}

.bg-color-blue {
	background: #36AFD9;
}

.bg-color-grey {
	background: #ECECEC;
}

.bg-color-light-grey {
	background: #e4e6e1;
	overflow: hidden;
}

.bg-color-red {
	background: #A02C2F;
}

.bg-color-white {
	background: #fff !important;
}

.bg-color-blue {
	background: #242738;
}

/*================================form-css=============================3*/

/*  bhoechie tab */

div.bhoechie-tab-container {
	z-index: 10;
	background-color: #ffffff;
	padding: 0 !important;
	border-radius: 4px;
	-moz-border-radius: 4px;
	border: 1px solid #ddd;
	margin-top: 20px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	background-clip: padding-box;
	opacity: 0.97;
	filter: alpha(opacity=97);
}

div.bhoechie-tab-menu {
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
}

div.bhoechie-tab-menu div.list-group {
	margin-bottom: 0;
}

div.bhoechie-tab-menu div.list-group>a {
	margin-bottom: 0;
}

div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
	color: #5A55A3;
}

div.bhoechie-tab-menu div.list-group>a:first-child {
	border-top-right-radius: 0;
	-moz-border-top-right-radius: 0;
}

div.bhoechie-tab-menu div.list-group>a:last-child {
	border-bottom-right-radius: 0;
	-moz-border-bottom-right-radius: 0;
}

div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa {
	background-color: #FFCD34;
	background-image: #5A55A3;
	color: #000;
}

div.bhoechie-tab-menu div.list-group>a.active:after {
	content: '';
	position: absolute;
	left: 100%;
	top: 50%;
	margin-top: -13px;
	border-left: 0;
}

div.bhoechie-tab-content {
	background-color: #ffffff;
	padding-left: 20px;
	padding-top: 10px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
	display: none;
}

/*================================================form css=============================*/

.nav-side-menu {
	font-family: verdana;
	font-size: 12px;
	font-weight: 200;
	top: 0px;
	height: 100%;
	color: #e1ffff;
}

.nav-side-menu .brand {
	background-color: #23282e;
	line-height: 50px;
	display: block;
	text-align: center;
	font-size: 14px;
}

.nav-side-menu .toggle-btn {
	display: none;
}

.nav-side-menu ul,
.nav-side-menu li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	line-height: 45px;
	cursor: pointer;
	width: 100%;
}

.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
	font-family: FontAwesome;
	content: "\f078";
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	float: right;
}

.nav-side-menu ul .active,
.nav-side-menu li .active {
	border-left: 4px solid #d19b3d;
	background-color: #FFCD34;
}

.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
	color: #d19b3d;
	background: #F5F5F5;
}

.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
	color: #D45500;
}

.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
	background-color: #f2f2f2;
	border: none;
	line-height: 45px;
	border-bottom: 1px solid #23282e;
	margin-left: 0px;
}

.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
	background-color: #d5d5d5;
}

.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
	font-family: FontAwesome;
	content: "\f105";
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
}

.nav-side-menu li {
	padding-left: 15px;
	border-left: 4px solid #d5d5d5;
	background: #f2f2f2;
	color: #313538;
}

.nav-side-menu li a {
	text-decoration: none;
	color: #242738;
	font-weight: bold;
	font-family: arial;
}

.nav-side-menu li a i {
	padding-left: 10px;
	width: 20px;
	padding-right: 20px;
}

.nav-side-menu li:hover {
	padding-left: 15px;
	border-left: 4px solid #d19b3d;
	background-color: #FFCD34;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}

/*=============================panel==============================*/

.panel.with-nav-tabs .panel-heading {
	padding: 5px 5px 5px 5px;
}

.panel.with-nav-tabs .nav-tabs {
	border-bottom: none;
}

.panel.with-nav-tabs .nav-justified {
	margin-bottom: -1px;
}

.nav-tabs li a {
	padding: 6px 12px;
	border-radius: 6px;
}

/********************************************************************/

/*** PANEL WARNING ***/

.with-nav-tabs.panel-warning .nav-tabs>li>a,
.with-nav-tabs.panel-warning .nav-tabs>li>a:hover,
.with-nav-tabs.panel-warning .nav-tabs>li>a:focus {
	color: #000;
}

.with-nav-tabs.panel-warning .nav-tabs>.open>a,
.with-nav-tabs.panel-warning .nav-tabs>.open>a:hover,
.with-nav-tabs.panel-warning .nav-tabs>.open>a:focus,
.with-nav-tabs.panel-warning .nav-tabs>li>a:hover,
.with-nav-tabs.panel-warning .nav-tabs>li>a:focus {
	color: #8a6d3b;
	background-color: #faebcc;
	border-color: transparent;
}

.with-nav-tabs.panel-warning .nav-tabs>li.active>a,
.with-nav-tabs.panel-warning .nav-tabs>li.active>a:hover,
.with-nav-tabs.panel-warning .nav-tabs>li.active>a:focus {
	color: #000;
	background-color: #FFCD34;
	border-color: #FFCD34;
	border-bottom-color: transparent;
}

.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu {
	background-color: #fcf8e3;
	border-color: #faebcc;
}

.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>li>a {
	color: #8a6d3b;
	background-color: #fff;
}

.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>li>a:hover,
.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>li>a:focus {
	background-color: #faebcc;
}

.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>.active>a,
.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover,
.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus {
	color: #fff;
	background-color: #8a6d3b;
}

.border-left-radius8 {
	border-bottom-left-radius: 8px;
}

.border-right-radius8 {
	border-bottom-right-radius: 8px;
}

.padding-right-cont {
	padding-right: 0px;
}

.padding-right-bar {
	padding: 0px 0px 0 10px;
}

.the-legend {
	border: medium none !important;
	color: #df8142 !important;
	padding: 2px 5px !important;
	width: auto !important;
	margin: 0 !important;
	border-color: #555 !important;
}

.the-legend-1{
	color: #df8142;
	font-size: 20px;
	padding-left: 15px;
}

.fileUpload {
	position: relative;
	overflow: hidden;
}

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {

	.fileUpload input.upload {
		position: absolute;
		top: 0 !important;
		right: 0;
		margin: 0;
		padding: 0;
		font-size: 20px;
		cursor: pointer;
		opacity: 0;
		filter: alpha(opacity=0);
	}

	.line_0 {
		line-height: 15px !important;
	}

}

.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	height: 35px;
}

.cursor {
	cursor: pointer;
}

.cursor:hover {
	text-decoration: none;
}

.student_search .ngdialog-content {
	animation: 0.5s ease 0s normal none 1 running ngdialog-flyin;
	border-radius: 5px;
	color: #444;
	font-family: "Helvetica", sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 0 auto;
	max-width: 1000px;
	padding: 1em;
	position: relative;
	overflow: auto;
	width: 100%;
}

.gallery_popup .ngdialog-content {
	animation: 0.5s ease 0s normal none 1 running ngdialog-flyin;
	background: #fff;
	border-radius: 5px;
	color: #444;
	font-family: "Helvetica", sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 0 auto;
	max-width: 50vw;
	padding: 1em;
	position: relative;
	overflow: hidden;
	min-height: 350px;
}

#scrollArea {
	height: 280px;
	overflow: auto;
}

#bottom {
	display: block;
	margin-top: 2000px;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background-color: #f0ad4e !important;
	border-color: #337ab7;
	color: #fff;
	cursor: default;
	z-index: 3;
}


/*shakir*/

.display_767 {
	display: none;
}

.top_15_media {
	margin-top: 15px;
}

.top_1{
	top: 1px !important}

.clear_both {
	clear: both;
}

.min_height_500 {
	min-height: 520px !important;
}

.min_height_450 {
	min-height: 520px !important;
}
.min_height_850{
	min-height: 850px !important;
}

.padding_0 {
	padding: 0 !important;
}

.padding_left_0 {
	padding-left: 0 !important;
}

.padding_right_0 {
	padding-right: 0 !important;
}

.margin_24 {
	margin-top: 24px;
}

.margin_top_40{
	margin-top: 40px;
}

.min_height_460 {
	min-height: 460px;
}

.dropdown-menu>.back_orange>li>a:focus,
.dropdown-menu>.back_orange>li>a:hover {
	background-color: #ffcd34 !important;
}

.min_height_30 {
	min-height: 30px;
}
.px-0{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.list_none {
	list-style: none;
}

.gray_color_p {
	color: #AAAAAA;
	font-size: 15px;
}

.bg-color-pink_light {
	background: #FFD5D5;
}

.bg-color-pink_dark {
	background: #FF8080;
}

.odd {
	background-color: #D1D1D1
}

.even {
	background-color: #E8E9E8
}

.thead_background {
	background-color: #ffd826;
	background-image: linear-gradient(90deg, #ffd826 60%, #ffae35);
}

.right_media {
	float: right !important;
}

.medeia_top_20 {
	margin-top: -20px;
}

.top_13 {
	top: 13px;
	position: relative;
}

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin: unset;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px 6px;
	border-radius: 0 6px 6px 6px;
	padding: 0;
}

.dropdown-submenu:last-child .dropdown-menu{
	bottom: 0 !important;
	top: unset !important;
}

.dropdown-submenu:hover>.dropdown-menu {
	display: block;
	box-shadow: 0 1px 3px 0 rgba(59, 89, 108, 0.20);
	background: #fff !important;
}

.dropdown-submenu>a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 4px 0 4px 4px;
	border-left-color: #cccccc;
	margin-top: 6px;
	margin-right: -5px;
	border-left: 4px solid #ff9b34;
	position: absolute;
	top: 6px;
	right: 15px;
}

.dropdown-submenu.active>a:after {
	border-left-color: #ffffff;
}

.dropdown-submenu:hover>a:after {
	border-left-color: #1a349b;
}

.dropdown-submenu.pull-left {
	float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
	background-image: linear-gradient(90deg, #949dff, #626dff);
	color: #fff !important;
}

.dropdown-submenu>li>a {
	background-color: #ffcd34;
	height: 35px;
}

.dropdown-submenu>.dropdown-menu>li>a {
	background-color: #fff;
	line-height: 1.8;
}

.dropdown-menu>li>a:hover {
	color: #1a349b !important;
	background-color: #f6f7f9;
}

.active {
	position: relative;
}

.padding_lr_50,
.subscriptions_outer_wrap {
	padding-right: 35px;
	padding-left: 35px;
}

.dropdown-menu>li>a {
	position: relative;
	align-items: center;
	display: flex;
	/*justify-content: space-between;*/
	border: none !important;
}

ul.dropdown-menu.menu_border {
	margin-top: 0px;
	padding-top: 0;
	margin-right: 10px;
	background: #fff;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	z-index: 9;
	box-shadow: 0 1px 3px 0 rgba(59, 89, 108, 0.20);
	border-radius: 5px 5px;
	position: sticky !important;
	top: 75px;
	min-height: calc(100vh - 90px);

}

.page_title_wrap {
	display: flex;
	align-items: center;
	z-index: 9;
	width: 220px;
	border-radius: 5px 5px 0 0;
	color: #1a349b;
	background: #f6f7f8 !important;
	margin-bottom: 15px;
	/*position: fixed !important;*/
	/*top: 75px;*/
}

.dropdown-submenu:nth-of-type(1)>.dropdown-menu {
	top: 50px !important;
	bottom: unset !important;
}

.dropdown-submenu:hover>.parent_student_list {
	position: fixed;
	z-index: 1000;
	top: 115px !important;
	width: 220px;
	height: calc(100vh - 130px);
	left: 270px;
	overflow: auto;
}

.last_menu_item~.dropdown-menu {
	bottom: 0;
	top: unset;
	border-radius: 6px 6px 6px 0;
}

.page_title_wrap>span:nth-of-type(1) {
	width: 40px;
	display: flex;
	justify-content: center;
	height: 40px;
	align-items: center;
	padding: 0;
	background: none;
	border-top-left-radius: 5px;
	color: #1a349b !important;
}

.page_title_wrap>span:nth-of-type(2) {
	padding: 0;
	font-weight: normal;
	text-transform: uppercase;
}

@media (min-width: 768px) {

	/*body.ngdialog-open .min_height_500.col_lg_10_custom.border-radius4.bg-color-white.white-box-shadow {
		max-width: calc(100% - 350px);
	}*/

	body.ngdialog-open .tab-content.col-lg-12.col-md-12.col-sm-12.col-xs-12.min_height_450.padding_0 {
		position: fixed;
		width: calc(100% - 100px);
	}

}

body.ngdialog-open .tab-content.col-lg-12.col-md-12.col-sm-12.col-xs-12.min_height_450.padding_0 {
	position: fixed;
}

.page_title_wrap>span,
.page_title_wrap>span i {
	color: #1a349b !important;
}

.padding_lr_50>div {
	background: transparent !important;
	box-shadow: none;
}

.padding_lr_50 .tab-content {
	display: flex;
}

.col_lg_10_custom {
	flex: 1;
	float: left;
	background: #fff;
	max-width: calc(100% - 230px);
}

.dropdown-menu>.dropdown-submenu a {
	top: unset !important;
	display: block;
	margin: 10px !important;
	padding: 5px 20px 5px 10px !important;
	border-radius: 5px;
}

.search {
	padding: 6px 26px;
}

.top_media_25 {
	margin-top: 25px;
}

.top_24 {
	margin-top: 24px;
}

.mt-22-0{
	margin-top: 22px;
}

.search_btn_alignment_new{
	margin-top: 22px; 
	display: flex; 
	justify-content: start; 
	align-items: center;
}

calendar {
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: white;
}

calendar>div.header {
	float: left;
	width: 100%;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

calendar>div.header>* {
	height: 40px;
	line-height: 40px !important;
	display: inline-block;
	vertical-align: middle;
}

calendar>div.header>i {
	font-size: 14px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0 10px;
	cursor: pointer;
}

calendar>div.header>i.fa-angle-left {
	text-align: left;
}

calendar>div.header>i.fa-angle-right {
	text-align: right;
}

calendar>div.header>span {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-align: center;
	color: #1a349b;
}

calendar>div.week {
	float: left;
	width: 100%;
	display: flex;
	justify-content: space-around;
	position: relative;
}

calendar>div.week.names {
	background: #f7f7f7;
	border-radius: 6px;
	text-align: center;
}

calendar>div.week:first-child {
	border-top: none;
}

calendar>div.week>span.day {
	flex: 1;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-size: 11px;
	text-align: center;
	height: 30px;
	line-height: 30px !important;
	vertical-align: middle;
	cursor: pointer;
	color: #2c2c4b;
	position: relative;
	font-family: 'Conv_PublicSans-Regular';
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 0;
}

calendar>div.week>span.day:first-child {
	border-left: none;
}

calendar>div.week>span.day.today {
	background: #ffcd34;
}

calendar>div.week>span.day.different-month {
	color: #C0C0C0;
}

calendar>div.week>span.day.selected {
	background: #fff;
	color: #000;
}

calendar>div.week.names>span {
	color: #1a349b;
	font-weight: normal;
	font-family: 'Conv_PublicSans-Regular';
}

.calendar_highlight {
	width: 22px;
	height: 22px;
	position: absolute;
	z-index: -1;
	border-radius: 50%;
}

.calendar_holiday {
	background: #fffac2;
	background-color: #ffcd34;
	border: 1px solid #ffcd34;
}

.calendar_today {
	background-color: #1a349b;
}

.red {
	color: red !important;
	font-size: 14px !important;
}

.text_warning {
	color: red !important;
	position: absolute;
	font-size: 14px !important;
}

.tab {
	padding: 0;
}

.tab li {
	list-style: none;
	display: inline;
	padding: 0 20px 0 0;
}

.yellow {
	background-color: #ffcd34 !important;
	/* margin-right: 10px; */
	border: none !important;
}

.bg_yellow {
	background-color: #ffeb99;
}

.bg-color-yellow {
	background: #ff9800;
}

.yellow_bg {
	background-color: #ffcd34;
}

.yellow_light {
	background-color: #fffac2;
}

.top_25 {
	margin-top: 25px;
}

.top_23 {
	margin-top: 23px;
}

.top_22 {
	margin-top: 25px;
}

.file_input {
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ededed 0%, #dedede 100%) repeat scroll 0 0;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.gray_1 {
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ededed 0%, #dedede 100%) repeat scroll 0 0 !important;
}

.btn-file {
	position: relative;
	overflow: hidden;
}

.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	outline: none;
	background: white;
	cursor: inherit;
	display: block;
}

.width_62 {
	width: 62%;
}

.top_30_margin {
	margin-top: 30px;
}

.session {
	padding: 8px;
	margin: 0;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
}

.session_1 {
	padding: 8px;
	margin: 0;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
}


.session_1 {
	padding: 8px;
	margin: 0;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding-right: 0px;
}

.session_2 {
	padding: 8px;
	padding-right: 0px;
	margin: 0;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;	
	border-right: 1px solid #ddd;

}

.session_monthly {
	padding: 8px;
	margin: 0;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	min-height: 74px;
	display: flex;
	align-items: center;
}

.select {
	padding: 8px;
	margin: 0;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.box_chek {
	padding: 4px 0 6px 8px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	margin: 0;
	min-height: 37px;
}

.margin_25 {
	margin-top: 25px;
}

.bottom_15 {
	margin-bottom: 15px;
}

.center {
	text-align: center;
}

.add_padding {
	padding: 6px 50px;
}

.right_10 {
	margin-right: 5px;
}

.bottom_20 {
	padding-bottom: 00px !important;
}

.plus-button {
	line-height: 20px !important;
	padding: 9px 14px !important;
	margin: 0 0 0 5px !important;
}

.minus-button {
	line-height: 20px !important;
	padding: 9px 14px !important;
}

.plus_button {
	line-height: 20px !important;
	padding: 3px 14px !important;
	margin: 0 0 0 5px !important;
}

.minus_button {
	line-height: 20px !important;
	padding: 3px 17px !important;
}

.padding_minus {
	line-height: 20px !important;
	padding: 3px 20px !important;
	background-color: #ffc566 !important;
	border: 1px solid #ffc566 !important;
}

.save_btn{
	background-color: #1a349b;
	border: 1px solid #1a349b;
	color: #fff;
}

.save_btn:hover{
	color: #fff;
}

.clear_button {
	padding: 6px 20px !important;
}

.add_button_padding {
	padding: 6px 26px !important;
}

.margin_020 {
	padding: 0px 0px 25px !important;
	margin: 0 0 20px;
}

.top_padding_24 {
	padding-top: 24px;
	margin-bottom: 15px;
}

.acti {
	position: relative;
	top: 3px;
	font-weight: normal;
}

.top_15 {
	margin-top: 15px;
}

.padding_1 {
	padding-left: 1px;
	padding-right: 1px;
}

.custom-dropdown ul{
	background: #fff;
	border: 1px solid #ddd;
}

.height_150 {
	width: 100%;
	height: 130px !important;
	display: block !important;
}

.normal_font {
	font-weight: normal;
}

.top_10 {
	margin-top: 10px;
}

.overflow_hidden {
	overflow: hidden;
}

.top_20 {
	margin-top: 20px;
}

.border_1px {
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}

.padding_bottom_25 {
	padding-bottom: 25px;
}

.bottom_10 {
	margin-bottom: 10px !important;
}

.width_345 {
	width: 345px;
	height: 103px;
}

.word_wrap {
	word-wrap: break-word;
}

.white_space_normal {
	white-space: normal !important;
}

.bottom_5 {
	margin-bottom: 5px !important;
}

.wrap_10 {
	margin-top: 10px;
	word-wrap: break-word;
}

.font_size15 {
	font-size: 15px !important;
}

.right_0 {
	margin-right: 0px;
}

.Search_1 {
	color: #000;
	cursor: pointer;
	position: relative;
	bottom: 23px;
	float: right;
	right: 7px;
}

.Search_2 {
	color: #000;
	cursor: pointer;
	float: right;
	position: relative;
}

.submit_form {
	padding: 8px 12px !important;
}

.left_30 {
	padding-left: 30px;
}

.panel-heading {
	padding: 0 !important;
}

.padding_15 {
	padding: 0 15px;
}

.bottom_29 {
	margin-bottom: 29px;
}

.top_14 {
	position: relative;
	top: 13px;
}

.error {
	color: red;
}

.clear_overflow {
	clear: both;
}

.listing li {
	list-style: none;
	display: inline;
	float: left;
	margin: 0 15px;
}

.listing {
	padding: 0;
}

.btn_padding {
	text-align: center !important;
	padding: 0 !important;
	line-height: 0 !important;
}

.line_0 {
	line-height: 0;
}

.width_50 {
	width: 50px;
	line-height: 19px;
}

.border_img {
	border: 1px solid #ccc;
	float: left;
	width: 90px;
	text-align: center;
	margin-bottom: 0px;
}

.border_img_10 {
	border: 1px solid #ccc;
	float: left;
	text-align: center;
	margin-bottom: 0px;
	width: 10px;
	text-align: center;
}

.left_80 {
	margin-left: 80px;
	margin-top: 24px;
}

.width_60 {
	width: 60%;
}

.width_40 {
	width: 40%;
}

.right_3 {
	position: relative;
	right: -3px;
}

.padding_bottom_20 {
	padding-bottom: 20px;
}

.border_bottom {
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.border_bottom1 {
	border-bottom: 1px solid;
}

.bottom_0 {
	margin-bottom: 0px !important;
}

.color_black {
	color: #000;
}

.margin_bottom_15 {
	margin-bottom: 15px;
}

.top_30 {
	padding-top: 30px;
}

.left_15 {
	padding-left: 15px;
}

.menu-font {
	font-size: 12px !important;
	text-transform: uppercase;
}

.space-normal{
	white-space: normal;
}

.dropdown-submenu>a>.menu-font {
	padding-left: 10px;
}

.menu-uppercase {
	text-transform: uppercase;
}

.bottom_9 {
	margin: 0 0 9px;
}

.padding_10 {
	padding: 0 10px 5px;
}

.min_height_230 {
	min-height: 260px !important;
}

.min_height_260 {
	min-height: 260px !important;
}

.min_height_290 {
	min-height: 290px !important;
}

.left_10 {
	padding-left: 10px;
}

.margin_left_10 {
	margin-left: 10px;
}

.min_height_347 {
	min-height: 348px !important;
}

.margin_auto {
	float: none !important;
	margin: 0 auto;
}

.padding-right-0 {
	padding-right: 0px !important;
}

.min_399 {
	min-height: 399px !important;
}

.max_155 {
	max-height: 155px;
}

.min_height_293 {
	min-height: 313px !important;
}

.padding_bottom_10 {
	padding-bottom: 10px;
}

.left_9 {
	padding-left: 9px;
}

.min_262 {
	min-height: 300px !important;
}

.min_435 {
	min-height: 435px !important;
}

.min_218 {
	min-height: 218px !important;
}

.min_150 {
	min-height: 150px;
}

.width_51 {
	width: 50%;
}

.panel-default>.panel-heading {
	border-bottom: 1px solid #ff9b34 !important;
	padding: 4px 8px !important;
}

.panel-default>.panel-heading1 {
	border-bottom: 3px solid #ff9b34 !important;
	padding: 11px 15px !important;
}

#accordion-first .accordion-group {
	margin-bottom: 10px;
}

#accordion-first .accordion-heading,
#accordion-first .accordion-toggle:hover,
#accordion-first .accordion-heading .accordion-toggle.active {
	background: none repeat scroll 0% 0% transparent;
}

#accordion-first .accordion-heading {
	border-bottom: 0px none;
	font-size: 16px;
}

#accordion-first .accordion-heading .accordion-toggle {
	display: block;
	cursor: pointer;
	padding: 5px 0px !important;
	color: #222;
	outline: medium none !important;
	text-decoration: none;
}

#accordion-first .accordion-heading .accordion-toggle.active em {
	background-color: #F7C221;
}

#accordion-first .accordion-heading .accordion-toggle>em {
	background-color: #222;
	border-radius: 100px;
	color: #FFF;
	font-size: 14px;
	height: 32px;
	line-height: 32px;
	margin-right: 10px;
	text-align: center;
	width: 32px;
}

.bottom_4 {
	bottom: 4px;
	position: relative;
}

.right_15 {
	padding-right: 15px;
}

.min_300 {
	min-height: 300px !important;
}

.padding_151 {
	padding: 151px 10px;
}

.padding_8 {
	padding: 8px 15px;
}

.width_127 {
	width: 127px;
}

.height_129 {
	height: 129px !important;
}

.height_150 {
	height: 150px !important;
}

.top_18 {
	top: 18px;
	right: 25px;
	position: relative;
}

.img_height_236 {
	height: 236px;
	margin-bottom: 120px;
	padding: 53px 0px 0px;
	margin-left: 0;
	text-align: center;
}

.img_height_237 {
	height: 236px;
	padding: 53px 0px 0px;
	margin-left: 0;
	text-align: center;
}

.padding_2 {
	padding: 2px 0px 0px 15px;
}

.font-size25 {
	font-size: 25px;
}

.width_auto {
	width: auto !important;
}

.height_auto {
	height: auto;
}

.stroke {
	stroke-dasharray: 392px, 392px;
	stroke-dashoffset: 392px;
}

.padding_12 {
	padding: 8px 12px !important;
}

.height_100 {
	height: 120px !important;
	width: 100%;
}

.top_26 {
	margin-top: 23px;
}

.padding_3 {
	padding: 3px;
}

.block {
	display: block !important;
	position: static !important;
	margin-bottom: 5px !important;
	min-width: 60px !important;
	border: none !important;
}

.left_200 {
	margin-left: 200px;
}

.size_16 {
	font-size: 16px;
}

.padding_9 {
	padding: 9px 0px 0px 15px;
}

.left_100 {
	margin-left: 100px;
}

.padding_36 {
	padding: 8px 36px !important;
}

.right_22 {
	margin-right: 22px;
}

.padding_12 {
	padding: 8px 12px !important;
}

.over_auto {
	overflow: auto;
}

.height_101 {
	height: 100px;
}

.height_400 {
	height: 400px;
}

.left_81 {
	margin-left: 80px;
}

.risize_none {
	resize: none;
}

.border_black {
	border: 1px solid #000;
}

.border_gray_1 {
	border: 1px solid #ddd;
}

.border_black_1 {
	border: 1px solid #000;
	padding: 15px;
	overflow: hidden;
}

.border_right_bottom {
	border: 1px solid #000;
	min-height: 52px;
}

.size_25 {
	font-size: 25px;
	background: #ffcd34;
	margin-bottom: 0px;
	min-height: 50px;
	padding: 10px;
	width: 155px;
	text-align: center;
	color: #000;
}

.social {
	padding: 10px;
	width: 155px;
	text-align: center;
}

.z_index_21 {
	z-index: 2147483647 !important;
}

.width_195 {
	height: 194px;
	border: 2px solid #ddd;
	width: 195px;
	margin-left: 150px;
}

.panel_icon {
	width: 30px;
	float: left;
	text-align: center;
	position: relative;
	top: -6px;
}

.padding_10_7 {
	padding-bottom: 10px;
	padding-top: 7px;
}

.top_8 {
	position: relative;
	top: 8px;
}

.top_2 {
	top: 2px !important;
	position: relative;
}

.top_3_2 {
	position: relative;
	top: 2px;
}

.pr_0 {
	padding-right: 0px !important;
}

@-moz-document url-prefix() {

	.top_3_position {
		position: relative;
		top: 3px !important;
	}

	.top_2_0 {
		top: 2px;
		position: relative;
	}

	.top_3_0 {
		position: relative;
		top: 3px;
	}

	.top_3_2 {
		position: relative;
		top: 3px;
	}

	.top_2_0 {
		position: relative;
		top: 2px;
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

	.top_2 {
		top: 0px;
	}

	.acti {
		top: 0px;
	}
}

.padding_11 {
	padding: 10px 0px;
}

.px-8{
	padding-left: 8px;
	padding-right: 8px;

}

.right_5 {
	margin-right: 5px;
}

.right_margin_15 {
	margin-right: 15px;
}

.right_2 {
	margin-right: 2px !important;
	margin-top: 18px !important;
}

.border_red {
	border: 1px solid red;
}

.margin_0 {
	margin: 0 !important;
}

.top_76 {
	margin-top: 76px;
}

.top_32 {
	position: relative;
	float: right;
	top: -32px;
}

.position_absolute {
	position: absolute !important;
}

.position_relative {
	position: relative;
}

.font_size35 {
	font-size: 35px;
}

.top_25_relative {
	top: 25px;
	position: relative;
}

.width_240 {
	max-width: 240px;
	margin-bottom: 10px;
	height: 150px;
}

.width_195 {
	height: 194px;
	border: 2px solid #ddd;
	width: 195px;
	margin-left: 150px;
}

.left_120 {
	margin-left: 120px;
}

.padding_16 {
	padding: 15px 0 0;
}

.top_bottom_10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.uib-datepicker {
	background: #fff;
}

.top_40 {
	margin-top: 40px;
}

.padding_40 {
	padding: 40px;
}

.reset {
	padding: 6px 26px !important;
}

.top_0 {
	margin-top: 0px !important;
}

.width_30 {
	width: 70px;
	float: left;
	position: relative;
	top: 3px;
}

.right_12 {
	margin-left: 0px !important;
	margin-right: 10px !important;
}

.bottom_3 {
	bottom: 3px;
	position: relative;
}

.payment_receipt .ngdialog-content {
	animation: 0.5s ease 0s normal none 1 running ngdialog-flyin;
	background: #f0f0f0 none repeat scroll 0 0;
	border-radius: 5px;
	color: #444;
	font-family: "Helvetica", sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 0 auto;
	max-width: 100%;
	padding: 1em;
	position: relative;
	width: 640px;
	margin-top: 100px;
}

.border_2 {
	border: 1px solid #ccc;
	float: left;
	width: 100%;
	padding: 15px 0 0;
}

.top_150 {
	margin-top: 150px;
}

.top_200 {
	margin-top: 200px;
}

.gray_back {
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 0 0 1px !important;
}

.gray_back li a {
	background-color: #fff;
	margin: 0 !important;
}

.width_100 {
	width: 100%;
}

.padding_top_0 {
	padding-top: 0px !important;
}

.float_right {
	float: right;
}

.active_user_tab {
	background-color: #ff9b34 !important;
}

.top_45 {
	margin-top: 45px;
}

.height_100 {
	width: 100%;
	max-height: 100px;
	display: block !important;
}

.padding_top_10 {
	padding-top: 10px;
}

.top_5 {
	position: relative;
	top: 5px;
}

.min_hight_130 {
	min-height: 130px
}

.col-lg-2_custom {
	width: 19%;
	float: left;
}

.col_lg_2_custom {
	width: 220px;
}

.col-lg-10_custom {
	width: 81%;
	float: left;
}

.nowrap {
	word-wrap: break-word;
	white-space: normal !important;
}

.bottom_31 {
	padding-bottom: 30px;
}

.margin_1199 {
	margin-top: 25px;
}

.margin_1199_20 {
	margin-top: 20px;
}

.font_size_20 {
	font-size: 20px !important;
}

.font_size_25{
	font-size: 25px !important;
}

.right_839 {
	float: right;
}

.right_840 {
	float: right;
	margin-right: -15px;
}

.navbar-brand {
	padding: 0 !important;
	height: 40px !important;
	display: flex;
	align-items: center;
	margin-left: 0px !important;
	margin-right: 10px;
	width: 40px;
}



.blue_font {
	color: #6DA8D6;
}

.yellow_font {
	color: #FFCD34;
}

.view_all {
	padding: 2px 12px !important;
	font-size: 12px !important;
}

/*.view_all a{
	color: #fff;
}*/

.view_all a:hover {
	color: #fff;
	text-decoration: none;
}

.more_msg a {
	color: #1a349b !important;
}

.more_msg a:hover {
	color: #1a349b !important;
}

.view_all_1 {
	padding: 2px 6px !important;
	font-size: 12px !important;
}

.view_all_1 a {
	color: #fff;
}

.view_all_1 a:hover {
	color: #fff;
	text-decoration: none;
}

.width_25 {
	width: 25%;
}


.album_bottom_30 {
	margin-bottom: 30px;
}

.book li {
	list-style: none;
}

.book {
	padding: 0;
}

.book li a:hover {
	text-decoration: none;
}

.icon_right_10 {
	margin-right: 10px;
}

.right_6 {
	margin-right: 6px;
}

.parent_right_0 {
	padding-right: 0px !important;
}

.max_160 {
	max-height: 160px;
}

.max_140 {
	max-height: 140px;
}

.size_18 {
	font-size: 18px;
	margin: 0;
}

.min_290 {
	min-height: 290px !important;
}

.light_border {
	border: 1px solid #ccc;
}

.zindex_0 {
	z-index: 0;
}

.float_width {
	float: left;
	width: 100%;
}

.min_315 {
	min-height: 315px;
}

.input-group .bootstrap-select.form-control {
	z-index: inherit;
}

.max_150 {
	max-height: 150px;
}

.padding_left_media {
	padding-left: 0px;
}

.margin_10 {
	margin: 10px 0 5px;
}

.right_16 {
	margin-right: 15px;
}

.public {
	font-size: 25px;
}

.padding_top_15 {
	padding-top: 15px;
}

.padding_left_16 {
	padding-left: 15px;
}

.padding_right_15 {
	padding-right: 15px;
}

.padding_top_20 {
	padding-top: 20px;
}

.min_height_290 {
	min-height: 290px;
}

.height-350-media{
	height: 350px !important;
}

.object-contain {
	object-fit: contain;
}

.padding_5 {
	padding: 5px !important;
}

.padding_10_5 {
	padding: 10px 5px 5px 5px !important;
}

.min_height_100 {
	min-height: 100px;
}

.padding_left_right_5 {
	padding-right: 5px;
	padding-left: 5px;
}

.top_50 {
	margin-top: 50px !important;
}

.min_height_200 {
	min-height: 150px !important;
}

.min_height_201 {
	min-height: 200px !important;
}

.top_66 {
	position: relative;
	top: 65px;
}

.background_yello {
	background-color: pink !important;
}

.min_height_378 {
	min-height: 368px !important;
}

.min_293 {
	min-height: 293px !important;
}

.top_relative {
	color: #000;
	font-size: 18px;
}

.margin_top_0 {
	margin-top: 0px;
}

.top_24_media {
	margin-top: 24px;
}

.padding_992 {
	padding-right: 0px !important;
}

.top_35 {
	margin-top: 35px;
}

.bottom_55 {
	margin-bottom: 55px;
}

.font_size30 {
	font-size: 30px;
}

.color_blue {
	color: #23527c;
}

.padding_top_50 {
	padding: 50px;
	position: relative;
	top: 40px;
}

.padding_top_51 {
	padding: 50px;
	position: relative;
}

.min_height_310 {
	min-height: 310px !important;
}

.margin_30_top {
	margin-top: 30px;
}

.padding_top_52 {
	padding: 50px;
	position: relative;
	top: 70px;
}

.padding_top_53 {
	padding: 50px;
	position: relative;
	top: 25px;
}

.width_15 {
	width: 15%;
}

.width-auto{
	width: auto !important;
}

.width_17 {
	width: 17%;
}

.width_10 {
	width: 10%;
}

.width_20 {
	width: 20%;
}

.width_14_action {
	width: 14%;
}

.minus_margin {
	margin-top: 5px;
}

/*===============loder=============*/

.loader1 {
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #3498db;
	width: 120px;
	height: 120px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

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

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

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.on-load-spinner1 {
	animation: 1s steps(8) 0s normal none infinite running anim-rotate;
	color: #fff;
	font-size: 128px;
	left: 50%;
	position: fixed;
	text-shadow: 0 0 0.25em rgba(255, 255, 255, 0.3);
	top: 42%;
	transform: translate(-50%, -50%);
	z-index: 333;
}

.on-load-spinner-steps11 {
	animation: 1s steps(8, end) 0s normal none infinite running anim-rotate;
}

.dimm-background {
	background-color: #1c1c1c;
	display: block;
	height: 100%;
	left: 0;
	opacity: 0.8;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1;
}

#loader1 {
	font-size: 18px;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	text-indent: -9999em;
	-webkit-animation: load5 1.1s infinite ease;
	animation: load5 1.1s infinite ease;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

@-webkit-keyframes load5 {

	0%,
	100% {
		box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
	}

	12.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
	}

	25% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}

	37.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}

	50% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}

	62.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}

	75% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}

	87.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
	}

}

@keyframes load5 {

	0%,
	100% {
		box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
	}

	12.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
	}

	25% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}

	37.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}

	50% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}

	62.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}

	75% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}

	87.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
	}

}

.display_inline {
	display: inline !important;
}

.min_height_300 {
	min-height: 300px !important;
}

.min_height_400 {
	min-height: 400px !important;
}

.margin_bottom_30 {
	margin-bottom: 30px;
}

.z_index_999 {
	z-index: -999 !important;
}

.z_index_99 {
	z-index: -99;
}

.padding_top_bottom_40 {
	padding-top: 40px;
	padding-bottom: 40px;
}

.padding_top_bottom_20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.center_hight{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: calc(100vh - 250px);
}

.padding_10_5 {
	padding: 10px 0 5px;
}

.right_padding_0 {
	padding-right: 0px !important;
}

.padding_top_25 {
	padding-top: 25px;
}

.display_block {
	width: 100%;
	max-height: 150px;
	display: block;
}

.top_27 {
	margin-top: 25px;
}

#veil {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999999999999999999999;
	height: 100%;
	width: 100%;
	cursor: not-allowed;
	filter: alpha(opacity=60);
	opacity: 0.6;
	background: #090c21 center;
	background-image: none;
	background-size: auto;
	background-image: url(../images/ptrn1.png);
	background-size: 15%;
	background-blend-mode: multiply;
}

#feedLoading {
	position: fixed;
	top: 0px;
	z-index: 9999999999999999999998;
	width: 100%;
	text-align: center;
	font-size: 4em;
	color: white;
	text-shadow: 2px 2px 2px #021124;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 100%;
}

.load_wrap_inner {
	width: 80vw;
	height: 200px;
	max-width: 300px;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.load_wrap_img {
	background-image: url('../images/load/book2.gif');
	height: 100px;
	width: 100px;
	background-size: 330%;
	background-position: center;
	overflow: hidden;
	border-radius: 50%;
}

.load_wrap_text {
	font-size: 14px;
	color: #FFF;
	text-shadow: none;
	margin: 20px;
	font-family: 'Conv_PublicSans-SemiBold';
}

.top_3 {
	position: relative;
	bottom: 4px;
}

.bottom_2 {
	position: relative;
	bottom: 2px;
}

.calender_push_top,
.top_datepicker ._720kb-datepicker-calendar {
	margin-top: -290px !important;
}

.panel-group .panel-heading .panel-title a.plus_minus:before {
	content: '-';
	left: 20px;
	top: 5px;
	font-size: 24px;
	color: #333;
}

.panel-group .panel-heading .panel-title a.collapsed:before {
	content: '+';
	color: #333;
}

.height_175 {
	height: 175px;
}

.carousel-indicators li {
	visibility: hidden;
}

.bottom_5_relative {
	position: relative;
	bottom: 5px;
}

.min_45 {
	min-height: 30px;
}

.notify {
	position: absolute;
	bottom: 17px;
	left: 14px;
	padding: 3px;
	border: 1px solid red;
	border-radius: 50%;
	line-height: 10px;
	font-size: 12px;
	background-color: red;
	color: #fff;
	font-weight: bold;
}

.top_21 {
	margin-top: 25px;
}

.border_radius_0 {
	border-radius: 0px !important;
}

.edit_hover:hover {
	text-decoration: none;
}

.hostel_payment_receipt .ngdialog-content {
	animation: 0.5s ease 0s normal none 1 running ngdialog-flyin;
	background: #f0f0f0 none repeat scroll 0 0;
	border-radius: 5px;
	color: #444;
	font-family: "Helvetica", sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 0 auto;
	max-width: 1000px;
	padding: 1em;
	position: relative;
	top: 100px;
	overflow: hidden;
	max-width: 650px;
}

.no_student_to_view {
	margin-left: 250px;
	margin-top: 150px;
}

.slide_height_150 {
	height: 150px;
}

.left_840 {
	float: left;
}

.border-grey_top {
	border-top: 1px solid #eee;
}

.top_button_margin {
	margin-top: 25px;
}

.bottom_10_relative {
	position: relative;
	bottom: 10px;
}

.min_335 {
	min-height: 355px;
}

.navbar-inverse {
	background-color: #fff !important;
	border-color: transparent !important;
	box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 4px;
}

.navbar-inverse .container-fluid {
	height: 60px !important;
	display: flex;
	align-items: center;
}

.top-margin-25 {
	margin-top: 25px;
}

.border_right_grey {
	border-right: 1px solid #ccc;
}

.margin_top_30 {
	margin-top: 30px;
}

.top_6_relative {
	position: relative;
	top: 6px;
}

.right_8 {
	margin-right: 8px;
}

.margin_5_top {
	margin-top: 5px;
}

#bottom_margin_20 {
	min-height: 80px;
}

.top_1 {
	position: relative;
	top: 1px;
}

.bottom_16 {
	position: relative;
	bottom: 16px;
}

.back_button {
	padding: 6px 20px !important;
}

.bottom_50 {
	margin-bottom: 50px;
}

.top_76 {
	margin-top: 75px;
}

.exist {
	float: left;
	margin-bottom: 5px;
	width: 100%;
	font-weight: bold;
}

.multi-select-button {
	width: 100% !important;
}

.width_18 {
	width: 13%;
}

.padding_30_left_right {
	padding-right: 30px;
	padding-left: 30px;
}

.exl_icon {
	color: green;
	font-size: 20px !important;
}

.pdf_icon {
	color: #1a349b;
	font-size: 16px !important;
}

.pdf_icon_1 {
	color: red;
	font-size: 17px !important;
}

.top_7 {
	position: relative;
	top: 7px;
}

.padding_bottom_15 {
	padding-bottom: 15px;
}

.padding_11_15 {
	padding: 11px 15px !important;
}

.min_height_35 {
	min-height: 30px;
}

.min_height_36 {
	min-height: 35px;
}

.right_768 {
	float: right;
}

.right_991 {
	float: right;
}

.padding_bottom_5 {
	padding-bottom: 5px;
}

.border_padding {
	border-bottom: 1px solid #ddd;
	padding: 10px 10px 10px 10px;
}

.min_height_133 {
	min-height: 133px;
}

.del_teacher .ngdialog-content {
	animation: 0.5s ease 0s normal none 1 running ngdialog-flyin;
	background: #fff;
	border-radius: 5px;
	color: #444;
	font-family: "Helvetica", sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 0 auto;
	max-width: 500px;
	padding: 20px;
	position: relative;
	/* top: 100px; */
	overflow: hidden;
}

@font-face {
	font-family: 'icomoon1';
	src: url('../fonts/icomoon1.eot?3trmly');
	src: url('../fonts/icomoon1.eot?3trmly#iefix') format('embedded-opentype'),
		url('../fonts/icomoon1.ttf?3trmly') format('truetype'),
		url('../fonts/icomoon1.woff?3trmly') format('woff'),
		url('../fonts/icomoon1.svg?3trmly#icomoon1') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="Mys1"],
[class*=" Mys1"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon1' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.Mys1pay-icon:before {
	content: "\e920";
}

@font-face {
	font-family: 'mys_icon';
	src: url('./fonts/mys_icon.eot?732kca');
	src: url('./fonts/mys_icon.eot?732kca#iefix') format('embedded-opentype'),
		url('./fonts/mys_icon.ttf?732kca') format('truetype'),
		url('./fonts/mys_icon.woff?732kca') format('woff'),
		url('./fonts/mys_icon.svg?732kca#mys_icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-mys"],
[class*=" icon-mys"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'mys_icon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-myspay-icon:before {
	content: "\e920";
}

.carousel .carousel-control {
	visibility: hidden;
}

.carousel:hover .carousel-control {
	visibility: visible;
}

.panel-title {
	font-size: 14px !important;
}

.font-size24 {
	font-size: 24px;
}

.bottom_position {
	bottom: 0;
	position: relative;
}

.carousel .carousel-control {
	visibility: hidden;
}

.carousel:hover .carousel-control {
	visibility: visible;
}

.news_container {
	width: 100%;
	height: 21em;
	margin: 1em auto;
}

.padding_15_left_right {
	padding: 0 15px;
}

.border_center {
	border: 1px solid #ddd;
	text-align: center;
}

.top_bottom_100 {
	margin-bottom: 100px;
	margin-top: 100px;
}

.top_25_1199 {
	margin-top: 25px;
}

.center_1240 {
	text-align: center;
}

.min_height82 {
	min-height: 162px;
}

.min-height-170 {
	min-height: 170px;
}

.task-ul ul{
	padding-left: 11px;
}

.mb-15{
	margin-bottom: 15px;
}

.left-3-767{
	position: relative;
	left: -3px;
}

.right_20 {
	margin-right: 20px;
}

.min_height_291 {
	min-height: 299px;
}

.marquee {
	height: 310px;
	overflow: hidden;
	box-sizing: border-box;
	padding-top: 30px;
}

.marquee>ul {
	text-align: left;
	padding-left: 7px;
	animation: marquee 30s linear infinite;
}

@keyframes marquee {
	0% {
		transform: translate(0, 0);
	}

	100% {
		transform: translate(0, -100%);
	}
}

.marquee ul:hover {
	animation-play-state: paused;
}

.border_bottom_orange {
	border-bottom: 1px solid #ff9b34;
}

.border_bottom_black {
	border-bottom: 1px solid #000;
	padding: 0 0 3px;
}

.color_red {
	color: red;
}

.angucomplete-alt {
	overflow-y: auto;
	max-height: 200px;
}

.padding_2_7 {
	padding: 2px 7px 7px;
}

.min_75 {
	min-height: 75px;
	border: 1px solid #ddd;
	padding: 5px;
}

.margin_520 {
	margin-top: 24px;
}

.radius_50 {
	border-radius: 50%;
	height: 40px;
	position: relative;
	width: 40px;
	border: 1px solid #ddd;
}

.radius_border {
	border-radius: 50%;
	border: 1px solid #ddd;
	padding: 8px;
	height: 40px;
	width: 40px;
}

.bottom_2_5 {
	position: relative;
	bottom: 5px;
	right: 2px;
}

.bottom_2_7 {
	position: relative;
	bottom: 7px;
	right: 2px;
}

.border_gray_left_right {
	border-right: 1px solid #ddd;
}

.min_height_115 {
	min-height: 115px;
}

.min_height_330 {
	min-height: 251px;
}

.border_center_1 {
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	padding: 10px;
	border-bottom: 3px solid #ff9b34 !important;
	background-color: #f5f5f5;
	border-color: #ddd;
	text-align: center;
}

.border_padding_1 {
	border-top: 1px solid #ddd;
	padding: 10px 10px 10px 10px;
}

.center_1024 {
	text-align: center;
}

.margin_1200 {
	margin-top: 24px;
}

.text_right_408 {
	text-align: right;
}

.text_right_768 {
	text-align: right;
}

.bottom_5_header {
	position: relative;
}

.submitted {
	border: 1px solid #ddd !important;
	padding: 6px 12px;
	background: #fff;
}

.green_color {
	color: green;
}

.text_right_1025 {
	text-align: right;
}

.min_height_130 {
	min-height: 130px;
}

.right_1025 {
	float: right;
}

.top_media_26 {
	margin-top: 25px;
}

.bottom_35 {
	margin-bottom: 35px;
}

.col_lg_3 {
	width: 33.3333%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}

@media print {

	.my_class {
		width: 16.2%;
		float: left;
	}

}

@media print {

	.print_height {
		min-height: 100px;
	}

	.print_padding {
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.print_margin_top {
		margin-top: 5px;
	}

	.print_padding_top {
		padding-top: 0px;
	}

	.print_padding_bottom {
		padding-bottom: 5px;
	}

	@page {
		size: auto;
		margin: 10px;
	}

}

/* Style for Dues_Section */

.payment-amount {
	background-color: #DDD;
}

.rTable {
	display: block;
	width: 100%;
}

.rTableHeading,
.rTableBody,
.rTableFoot,
.rTableRow {
	clear: both;
}

.rTableHead,
.rTableFoot {
	background-color: #DDD;
	font-weight: bold;
}

.rTableSubHead {
	background-color: #fafafa;
	font-weight: bold;
	font-size: 12px;
}

.rTableSubHead1 {
	background-color: #fafafa;
	font-weight: bold;
	font-size: 12px;
}

.rTableCell,
.rTableHead,
.rTableSubHead1 {
	border: 1px solid #999999;
	float: left;
	height: 25px;
	overflow: hidden;
	padding: 3px 1.8%;
	width: 50%;
}

.rTableCell,
.rTableHead,
.rTableSubHead {
	border: 1px solid #999999;
	float: left;
	height: 25px;
	overflow: hidden;
	padding: 3px 1.8%;
	/*width: 25%;*/
	width: 33.33%;
}

.rTableCellBlank {
	float: left;
	height: 25px;
	overflow: hidden;
	padding: 3px 1.8%;
	width: 28%;
}

.rTable:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.print_icon {
	font-size: 20px !important;
}

.padding_top_90 {
	padding-top: 90px;
}

.form-padding-0 {
	padding: 0px !important
}

.form-height250 {
	min-height: 250px;
}

.top_25_media {
	margin-top: 25px;
}

.min_180 {
	min-height: 180px;
}

.top_10_25 {
	margin-top: 10px;
}

.margin_5_25 {
	margin-top: 5px;
}

.top_25_10 {
	margin-top: 0px;
}

.search_1 {
	padding: 6px 15px !important;
}

.margin_24_992 {
	margin-top: 24px;
}

.margin_24_1199 {
	margin-top: 24px;
}

.left {
	margin-right: 5px;
	left: 5px;
	position: relative;
}

@font-face {
	font-family: 'icomoon1';
	src: url('../fonts/font_book/icomoon1.eot?pm83o7');
	src: url('../fonts/font_book/icomoon1.eot?pm83o7#iefix') format('embedded-opentype'),
		url('../fonts/font_book/icomoon1.ttf?pm83o7') format('truetype'),
		url('../fonts/font_book/icomoon1.woff?pm83o7') format('woff'),
		url('../fonts/font_book/icomoon1.svg?pm83o7#icomoon1') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="mys-book"],
[class*=" mys-book"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon1' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.margin_40 {
	margin-top: 40px;
}

.fg_color_red {
	color: red;
}

.fg_color_blue {
	color: #33BEED;
}

.top_4 {
	position: relative;
	top: 4px;
}

.fg_color_green {
	color: green;
}

.bottom_right_3 {
	position: relative;
	bottom: 3px;
	margin-right: 3px;
}

.float_margin {
	margin-bottom: 7px;
}

.top_relative_3 {
	position: relative;
	top: 3px;
}

.padding_left_right_15 {
	padding-left: 15px;
	padding-right: 15px;
}

.bottom_33 {
	margin-bottom: 33px;
}

.width_height {
	width: 100%;
	height: 150px !important;
}

.top_100 {
	margin-top: 100px;
}

.min_400 {
	min-height: 400px !important;
}

.border_blue {
	border: 3px solid #0055d4;
}

.top_fee {
	margin-top: 25px;
}

.amount_35 {
	margin-top: 35px;
}

.input_25 {
	margin-top: 25px;
}

.top_32_media {
	margin-top: 32px;
}

.top_6_media {
	margin-top: 6px;
}

.height_min_45 {
	min-height: 45px;
}

.height_25 {
	height: 25px !important;
}

.right_padding_0 {
	padding-right: 0px !important;
}

.center_1025 {
	text-align: center;
}

.checking_teacher .ngdialog-content {
	animation: 0.5s ease 0s normal none 1 running ngdialog-flyin;
	background: #f0f0f0;
	border-radius: 5px;
	color: #444;
	font-family: "Helvetica", sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 0 auto;
	max-width: 100%;
	padding: 1em;
	position: relative;
	width: 656px;
	margin-top: 80px;
	min-height: 310px;
}

.notification_margin {
	margin-right: -67px;
	margin-top: 12px;
}

.width_100_fee_structure {
	width: 100px;
}

.right_transparent {
	margin-right: 10px;
	background: transparent;
}

.bg_orange {
	background: #ff9b34 !important;
}

/*.notify_bg{
	background: #f5f5f5!important;
}*/

.icon_img {
	width: 40px;
	position: relative;
}

.border_radious_5 {
	border-radius: 5px;
	border: 1px solid #ddd;
	padding: 5px;
}

.border_radious_6 {
	border-radius: 5px;
	border: 1px solid #ddd;
	padding: 5px;
	margin-left: 72px;
}

.color_blue {
	color: #337ab7;
}

.top_bottom_50 {
	margin-bottom: 40px;
	margin-top: 120px;
}

.border_none {
	border: none !important;
}

.parent_field_error {
	color: red;
}

.display_1025 {
	display: none;
}

.right_992 {
	float: right;
}

/*scroll all the way up*/

#goUp-cont {
	bottom: 50px;
	cursor: pointer;
	font-size: 35px;
	position: fixed;
	right: 10px;
	transition: all 0.5s ease 0s;
	z-index: 999;
}

#goUp {
	color: #ccc;
}

.facebook_1 {
	color: #3b5998;
	font-size: 25px !important;
}

.twitter_1 {
	color: #2aaae0;
	font-size: 25px !important;
}

.google_plus_1 {
	color: #cf1717;
	font-size: 25px !important;
}

.word_break {
	word-break: break-all;
}

.cloud_bg {
	background: #ffcd34;
	padding: 10px;
	float: left;
	width: 100%;
}

.right_30 {
	padding-right: 30px !important;
}

.banner_div {
	margin-top: 3%;
}

.banner_order {
	float: left;
	word-break: break-word;
	/* line-height: 8px; */
}

.delete_icon {
	float: right;
	margin-right: 2%;
	margin-top: 1%;
}

.word_icon {
	color: red;
	font-size: 20px !important;
}

.map_icon {
	font-size: 14px !important;
	position: relative;
	height: 30px;
	border: none;
	margin-left: 10px;
	display: flex;
	align-items: center;
	width: 30px;
	margin-top: -5px;
	justify-content: center;
}

.border_gray_2 {
	border: 2px solid gray;
}

*::after,
*::before {
	box-sizing: border-box;
}

.min-height20 {
	min-height: 150px;
}

.margin_25_1200 {
	margin-top: 25px;
}

.margin_25_992 {
	margin-top: 25px;
}

.multiselect {
	display: block;
}

.multiselect .btn {
	width: 100%;
	background-color: #FFF;
}

.multiselect .btn.error {
	border: 1px solid #da4f49 !important;
}

.multiselect .dropdown-menu {
	max-height: 300px;
	overflow-y: auto;
}

.multiselect .dropdown-menu {
	width: 100%;
	box-sizing: border-box;
	padding: 2px;
}

.multiselect .dropdown-menu>li>a {
	padding: 3px 10px;
	cursor: pointer;
}

.border_width {
	float: left;
	width: 100%;
	padding: 10px 0 0 0;
	border: 1px solid #ddd;
}

.left_5_position {
	position: relative;
	bottom: 4px;
	left: 5px;
}

.margin_23_992 {
	margin-bottom: 23px;
}

.padding_top_bottom_10 {
	padding: 10px 0;
}

.min_340 {
	min-height: 340px !important;
}

.width_12 {
	width: 12%;
}

.width_13 {
	width: 13%;
}

.top_25_0 {
	margin-top: 25px;
}

.top_20_0 {
	margin-top: 20px;
}

.top_25_767 {
	margin-top: 25px;
}

.margin_24_0 {
	margin-top: 24px;
}

.margin-24-768{
	margin-top: 24px;
}

.margin_1223 {
	margin-top: 24px;
}

.top_3 {
	position: relative;
	top: 3px;
}

.top_position_3 {
	position: relative;
	top: 3px;
}

.exam_report .ngdialog-content {
	animation: 0.5s ease 0s normal none 1 running ngdialog-flyin;
	background: #f0f0f0 none repeat scroll 0 0;
	border-radius: 5px;
	color: #444;
	font-family: "Helvetica", sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 0 auto;
	max-width: 100%;
	padding: 1em;
	position: relative;
	width: 750px;
	margin-top: 100px;
}

.view_transport_map .ngdialog-content {
	animation: 0.5s ease 0s normal none 1 running ngdialog-flyin;
	background: #f0f0f0 none repeat scroll 0 0;
	border-radius: 5px;
	color: #444;
	font-family: "Helvetica", sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 0 auto;
	max-width: 100%;
	padding: 1em;
	position: absolute;
	width: 750px;
	margin-top: 100px;
}

.glyphicon-download {
	font-size: 1.5em;
}

#DropZoneFiddle {
	cursor: pointer;
	border: 1px solid #e0e0e0;
	text-align: center;
	font-size: 16px;
	width: 100%;
	color: #1a349b;
	border-radius: 4px;
	padding: 0
}

.bottom_margin_2 {
	margin-bottom: 2px;
}

.bottom_margin_0 {
	margin-bottom: 4px;
}

.margin-left2px {
	margin-right: 9px;
}

.min_height205 {
	min-height: 205px;
}

.margin_loader {
	margin-left: 106px;
	margin-top: -22px;
}

.pull_right_767 {
	float: right;
}

a:focus {
	outline: none !important;
}

*:focus {
	outline: none !important;
}

.width_height_20 {
	width: 20px !important;
	height: 20px !important;
}

.bg_black_nav {
	background: #000;
}

.bg_black_nav li a {
	color: #fff;
}

.bg_black_nav>li>a:focus,
.bg_black_nav>li>a:hover {
	background-color: #ff9b34 !important;
	color: #000;
	border-radius: 0px;
}

.top_25_991 {
	margin-top: 25px;
}

.height_230 {
	height: 230px;
}

.color_transparent {
	color: transparent;
}

.attendance-image-position {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 51%;
	transform: translateY(-50%);
}

.bottom_gray_border {
	border-bottom: 1px solid #ddd;
}

.top_2_relative {
	position: relative;
	top: 2px;
}

/*parent side css*/

.margin_20_30 {
	margin-top: 20px;
	margin-bottom: 30px;
}

.min_height_476 {
	min-height: 476px !important;
}

.top_50_bottom {
	margin-top: 50px;
	margin-bottom: 50px;
}

.margin_20_5 {
	margin-left: 20px;
	margin-top: 5px;
}

.margin_5_15 {
	margin-top: 5px;
	margin-bottom: 15px;
}

.bottom_10_1025 {
	margin-bottom: 10px;
}

.update_button {
	border: none;
	border-radius: 4px;
	padding: 3px 12px;
	font-size: 12px;
	position: relative;
	top: 1px;
}

.left_media_10 {
	margin-left: 10px;
}

.pdf_top_3 {
	position: relative;
	top: 3px;
}

.pdf_top_6 {
	position: relative;
	top: 6px;
}

.upload-box .btn-file1 {
	/* background-color: #d9534f;
	border: #761c19; */
	background-color: #1a349b;
  	border: #1a349b;
}

.upload-box .btn-file1 {
	position: relative;
	overflow: hidden;
	padding: 6px 26px;
	color: #fff;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
	float: left;
}

.upload-box .btn-file1 input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	text-align: right;
	opacity: 0;
	outline: none;
	background: #fd0707;
	cursor: inherit;
	display: block;
}

.top_30_0 {
	margin-top: 30px;
}

.margin_991_0 {
	margin-top: 30px;
}

.sortorder:after {
	content: '\25b2';
}

.sortorder.descending:after {
	content: '\25bc';
}

.up_icon {
	width: 58px;
	float: left;
	border: 1px solid #ddd;
	text-align: center;
	padding: 2px;
}

.down_icon {
	width: 58px;
	float: left;
	border: 1px solid #ddd;
	text-align: center;
	padding: 2px;
}

.semi_icon {
	float: left;
	width: 10px;
	text-align: center;
	border: 1px solid #ddd;
	padding: 2px;
}

.hours_button {
	width: 58px;
	float: left;
	border: 1px solid #ddd;
	text-align: center;
	padding: 2px;
}

.time_button {
	width: 58px;
	float: left;
	border: 1px solid #ddd;
	text-align: center;
	padding: 2px;
	height: 32px;
}

.blank_div {
	width: 58px;
	float: left;
	border: 1px solid #ddd;
	text-align: center;
	padding: 2px;
}

.place_button {
	width: 50px;
}

.width_27 {
	width: 27%;
}

.max-width115 {
	max-width: 115px;
}

.poup-word-break {
	word-wrap: break-word;
}

.rTableSubHead-width {
	width: 50% !important;
}

.border_bottom_padding_5 {
	border-bottom: 1px solid #ddd;
	padding: 0 0 5px;
}

.text_left_767 {
	text-align: right;
	margin-bottom: 0px;
}

.display-none {
	display: none;
}

.all-border {
	border: 1px solid #ddd;
}

.margin_5_13 {
	margin-top: 5px;
}

.margin-bottom-14 {
	margin-bottom: 14px;
}

.line_height_35 {
	line-height: 35px;
}

.right_margin_10 {
	margin-right: 10px;
}

.margin_25_991 {
	margin-top: 25px;
}

.line_height_30 {
	line-height: 30px;
}
.line_height_30_new{
	/* line-height: 30; */
	line-height: 68vh;
}

.top-4 {
	position: relative;
	top: -4px;
}

.height_34 {
	height: 34px;
}

.dropbtn {
	background-color: #4CAF50;
	color: white;
	padding: 16px;
	font-size: 16px;
	border: none;
}

.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #fff;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
	border-radius: 4px;
}

.dropdown-content a {
	color: black;
	padding: 8px 20px 7px 10px;
	text-decoration: none;
	display: block;
	text-align: left;
}

.dropdown-content a:hover {
	background-color: #f6f7f9;
	color: black;
	cursor: pointer;
}

.dropdown:hover .dropdown-content {
	display: block;
}

.dropdown:hover .dropbtn {
	background-color: #3e8e41;
}

.staff_button {
	padding: 5px 12px !important;
	font-size: 12px !important;
	color: #000;
	background-color: #ffca48;
	border-color: #fff;
	background-image: linear-gradient(-90deg, #ffdc1d, #ffc359);
}

.staff_button a {
	color: #fff;
}

.staff_button a:hover {
	color: #fff;
	text-decoration: none;
}

.staff_button:active {
	color: #000;
	background-color: #fff;
	border-color: #eea236;
	box-shadow: none !important;
}

.parent_button {
	padding: 2px 12px !important;
	font-size: 12px !important;
	color: #000;
	background-color: #ffcd34;
	border-color: #eea236;
}

.parent_button:active {
	background-color: #fff;
	box-shadow: none !important;
}

.max_65 {
	max-height: 65px;
}

.timeline {
	list-style: none;
	padding: 20px 0 20px;
	position: relative;
}

.timeline:before {
	top: 0;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 3px;
	background-color: red;
	left: 50%;
	margin-left: -1.5px;
}

.timeline>li {
	margin-bottom: 20px;
	position: relative;
}

.timeline>li:before,
.timeline>li:after {
	content: " ";
	display: table;
}

.timeline>li:after {
	clear: both;
}

.timeline>li:before,
.timeline>li:after {
	content: " ";
	display: table;
}

.timeline>li:after {
	clear: both;
}

.timeline>li>.timeline-panel {
	width: 50%;
	float: left;
	padding: 20px;
	position: relative;
	min-height: 70px;
}

.timeline>li.timeline-inverted+li:not(.timeline-inverted),
.timeline>li:not(.timeline-inverted)+li.timeline-inverted {
	margin-top: -10px;
}

.timeline>li:not(.timeline-inverted) {
	padding-right: 15px;
}

.timeline>li.timeline-inverted {
	padding-left: 0px;
}

.timeline>li>.timeline-panel:before {
	/*position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";*/
}

.timeline>li>.timeline-panel:after {
	/*position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";*/
}

.timeline>.home_first>.timeline-badge {
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 1.4em;
	text-align: center;
	position: absolute;
	top: 16px;
	left: 50%;
	margin-left: -25px;
	z-index: 0;
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
}

.timeline>li>.timeline-badge {
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 1.4em;
	text-align: center;
	position: absolute;
	top: 16px;
	left: 50%;
	margin-left: -25px;
	z-index: 0;
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
}

.timeline>li.timeline-inverted>.timeline-panel {
	float: right;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
	border-left-width: 0;
	border-right-width: 15px;
	left: -15px;
	right: auto;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
	border-left-width: 0;
	border-right-width: 14px;
	left: -14px;
	right: auto;
}

.timeline-badge.primary {
	background-color: #2e6da4 !important;
}

.timeline-badge.success {
	background-color: #3f903f !important;
}

.timeline-badge.warning {
	background-color: #f0ad4e !important;
}

.timeline-badge.danger {
	background-color: #d9534f !important;
}

.timeline-badge.info {
	background-color: #5bc0de !important;
}

.timeline-title {
	margin-top: 0;
	color: inherit;
}

.timeline-body>p,
.timeline-body>ul {
	margin-bottom: 0;
}

.timeline-body>p+p {
	margin-top: 5px;
}

.icon_house {
	width: 50px;
	position: absolute;
	bottom: -50px;
	left: 50%;
	margin-left: -25px;
}

.icon_hostel {
	width: 50px;
	position: absolute;
	top: -50px;
	left: 50%;
	margin-left: -25px;
}

.icon_school {
	position: absolute;
	top: 110px;
	left: 47%;
	width: 60px;
}

/* The radio */

.radio_1 {
	display: block;
	position: relative;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 20px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default radio button */

.radio_1 input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom radio button */

.checkround {
	position: absolute;
	top: 6px;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #fff;
	border-color: #ffcd34;
	border-style: solid;
	border-width: 2px;
	border-radius: 50%;
}

/* When the radio button is checked, add a blue background */
.radio_1 input:checked~.checkround {
	background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkround:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio_1 input:checked~.checkround:after {
	display: block;
}

/* Style the indicator (dot/circle) */
.radio_1 .checkround:after {
	left: 2px;
	top: 2px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #6dad05;
}

.top_5_768 {
	margin-top: 25px;
}

.circle_green {
	width: 1.2em;
	height: 1.2em;
	border-radius: 50%;
	background-color: #6DAD05;
	border: 2px solid #fff;
	box-shadow: 0 0 0 2px #FFDB3C;
	margin: 0 auto;
}

.circle_red {
	width: 1.2em;
	height: 1.2em;
	border-radius: 50%;
	background-color: #EE6878;
	border: 2px solid #fff;
	-webkit-box-shadow: 0 0 0 5px #EE6878;
	box-shadow: 0 0 0 2px #FFDB3C;
	margin: 0 auto;
}

.circle_yellow {
	width: 1.2em;
	height: 1.2em;
	border-radius: 50%;
	background-color: white;
	border: 2px solid #fff;
	-webkit-box-shadow: 0 0 0 5px greenyellow;
	box-shadow: 0 0 0 2px #FFDB3C;
	margin: 0 auto;
}

.footer_button {
	font-family: 'Conv_URW Gothic L Book';
	font-size: 20px;
	color: #fff;
	box-shadow: none;
	background-color: red;
}

.bus_icon {
	position: absolute;
	left: 45px;
}

/*New Css For Pricing detail*/

/** Generated by FG **/
@font-face {
	font-family: 'Conv_PublicSans-Regular';
	src: url('../fonts/PublicSans-Regular.eot');
	src: local('☺'), url('../fonts/PublicSans-Regular.woff') format('woff'),
		url('../fonts/PublicSans-Regular.ttf') format('truetype'),
		url('../fonts/PublicSans-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/** Generated by FG **/
@font-face {
	font-family: 'Conv_PublicSans-Bold';
	src: url('../fonts/PublicSans-Bold.eot');
	src: local('☺'), url('../fonts/PublicSans-Bold.woff') format('woff'),
		url('../fonts/PublicSans-Bold.ttf') format('truetype'),
		url('../fonts/PublicSans-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/** Generated by FG **/
@font-face {
	font-family: 'Conv_PublicSans-SemiBold';
	src: url('../fonts/PublicSans-SemiBold.eot');
	src: local('☺'), url('../fonts/PublicSans-SemiBold.woff') format('woff'),
		url('../fonts/PublicSans-SemiBold.ttf') format('truetype'),
		url('../fonts/PublicSans-SemiBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.white_customize {
	background: #fff;
	opacity: 0;
	width: 0;
	/* transition: 400ms; */
	padding: 30px;
	position: absolute;
	left: 60%;
	max-height: 0px;
	top: 80%;
	overflow: hidden;
	height: 0;
	box-shadow: 0 1px 3px 0 rgba(59, 89, 108, 0.20);
	border-radius: 5px;
}

.get_btn {
	color: #1a349b;
	border: none;
	border-bottom-color: currentcolor;
	border-bottom-style: none;
	border-bottom-width: medium;
	padding: 5px 25px 5px 25px;
	font-family: 'Conv_PublicSans-SemiBold';
	font-size: 15px;
	background-color: #ffcd34;
	border-bottom: 3px solid #ff9b34;
	border-radius: 4px;
	height: 35px;
}

.mt_5 {
	margin-top: 5px;
}

.mt_25 {
	margin-top: 25px;
}

.px_10{
	padding: 0px 10px;
}

.w-100{
	width: 100% !important;
}
/* This css is for normalizing styles. You can skip this. */
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

.border_chek {
	border: 2px solid #e6e6e6;
}

.around_flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 15px;
}

.basis_100 {
	display: flex;
	align-items: baseline;
	max-width: 50%;
}

.pb_10 {
	padding-bottom: 10px;
}

.setup {
	color: #1a349b;
	font-size: 16px;
	margin: 0;
	font-family: 'Conv_PublicSans-SemiBold';
	font-weight: normal;
	display: flex;
}

.nav_logo {
	padding: 0;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
}

.pricing_report .ngdialog-content {
	animation: 0.5s ease 0s normal none 1 running ngdialog-flyin;
	background: #f0f0f0 none repeat scroll 0 0;
	border-radius: 0px;
	color: #444;
	font-family: "Helvetica", sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 0 auto;
	max-width: 100%;
	padding: 0;
	position: relative;
	width: 900px;
	/*margin-top: 100px;*/
	overflow: hidden;
}

.session_filled .ngdialog-content {
	animation: 0.5s ease 0s normal none 1 running ngdialog-flyin;
	background: #f0f0f0 none repeat scroll 0 0;
	border-radius: 0px;
	color: #444;
	font-family: "Helvetica", sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 0 auto;
	max-width: 100%;
	padding: 0;
	position: relative;
	width: 900px;
	overflow: hidden;
	min-height: calc(100% - 180px);
}

.pricing_top {
	position: sticky;
	width: 100%;
	height: 100%;
	z-index: 0;
	top: 0;
}

.top_bg_pricing {
	background: url('../images/price-bg.png');
	height: 80vh;
	width: 100%;
	background-size: cover;
	background-position: center;
	background-color: #30409d;
	background-attachment: fixed;
	position: absolute;
}

#upgrade_custom .top_bg_pricing {
	height: 100%;
	min-height: calc(100 - 60px)
}

.bg_white_img {
	background: url('../images/price-bg-white.png');
	height: 80%;
	width: 100%;
	background-size: cover;
	background-position: center;
	background-color: #fff;
}

.top_bg_pricing1 {
	background: url('../images/price-bg.png');
	width: 100%;
	background-size: cover;
	background-position: center;
	background-color: #30409d;
	background-attachment: fixed;
	height: unset;
	display: flex;
	align-items: center;
	padding-top: 80px;
	padding-bottom: 30px;
	min-height: calc(100vh - 60px);
}

.plan_pricing_head {
	color: #fff;
	font-family: 'Conv_PublicSans-Bold';
	font-size: 35px;
	margin-top: 0px;
}

.simple_pricing {
	color: #fff;
	margin-bottom: 5px;
}

.mt_80 {
	margin-top: 80px;
}

.shadow {
	transform: scale3d(1.05, 1.05, 1);
	z-index: 2;
	-moz-box-shadow: -1px 1px 55px -3px rgba(86, 86, 86, 0.26) !important;
	box-shadow: -1px 1px 55px -3px rgba(86, 86, 86, 0.26) !important;
	transition: 300ms;
}

#upgrade_plan .box_white {
	background-color: #fff;
	position: relative;
	border: 1px solid #e6e8eb;
	float: left;
	width: 100%;
	padding: 50px;
	display: flex;
	flex-direction: column;
	justify-content: unset;
	transition: 300ms;
}

#upgrade_plan .box_white:hover {
	transform: scale3d(1.01, 1.01, 1);
	z-index: 3;
	-moz-box-shadow: -1px 1px 55px -3px rgba(86, 86, 86, 0.26);
	box-shadow: -1px 1px 55px -3px rgba(86, 86, 86, 0.26);
	transition: 300ms;
}

#upgrade_plan .box_white div:nth-of-type(2) {
	min-height: 315px;
}

.pricing_top~div {
	align-items: center;
	min-height: 100vh;
	justify-content: center;
}

.top_card {
	z-index: 2 !important;
}

.box_white.shadow .value {
	font-size: 13px;
}

.mb_70 {
	margin-bottom: 70px;
}

.width_20 {
	width: 15px;
}

.value {
	font-size: 14px;
	color: #2c2c4b;
	padding-left: 30px;
	margin-bottom: 25px;
}

.gold {
	margin: 0;
	border-bottom: 1px solid #dee3e8;
}

.package {
	color: #1a349b;
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 20px;
	font-family: 'Conv_PublicSans-SemiBold';
}

.package span {
	color: #d9534f;
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 20px;
	padding-left: 10px;
}

.border_slach {
	color: #dee3e8 !important;
}

.padding_top_20 {
	padding-top: 20px;
}

.margin_0 {
	margin: 0px;
}

.mt_35 {
	margin-top: 35px;
}

.dolor {
	color: #8495a8;
	margin-top: 10px;
	font-size: 15px;
	margin-bottom: 18px;
}

.dolor_font {
	font-size: 13px !important;
}

.number_color {
	color: #d9534f;
	font-size: 20px;
	font-family: 'Conv_PublicSans-SemiBold';
}

.mt-5 {
	margin-top: 3rem !important;
}

.pt_15 {
	padding-top: 15px !important;
}

.mb_25 {
	margin-bottom: 25px;
}
.pt_0{
	padding-top: 0px !important;
}

.add_btn {
	border-radius: 4px;
	color: #1a349b;
	padding: 5px 25px 5px 25px;
	font-family: 'Conv_PublicSans-SemiBold';
	background-color: #fffae4;
	border: 2px solid #ffcd34;
}

.top_card.shadow .add_btn,
.bottom_card:hover .add_btn {
	color: #1a349b;
	border: none;
	border-bottom-color: currentcolor;
	border-bottom-style: none;
	border-bottom-width: medium;
	padding: 5px 25px 5px 25px;
	font-family: 'Conv_PublicSans-SemiBold';
	font-size: 15px;
	background-color: #ffcd34;
	/* border-bottom: 3px solid #ff9b34; */
	border-radius: 4px;
}

.mb_90 {
	margin-bottom: 130px;
}

.mb_70_30 {
	margin-bottom: 70px;
}

.pb_40 {
	padding-bottom: 40px;
}

.recommended-plan-ribbon {
	box-sizing: content-box;
	background-color: #ffd700;
	color: #1a349b;
	position: absolute;
	padding: 3px 6px;
	font-size: 11px !important;
	font-weight: 500;
	left: 270px;
	top: 25px;
	transform: rotate(45deg);
	z-index: 99;
	width: 130px;
	-webkit-box-shadow: 0 -1px #c2284c inset;
	box-shadow: 0 -1px #c2284c inset;
}

/* common */
.ribbon {
	width: 150px;
	height: 132px;
	overflow: hidden;
	position: absolute;
}

.ribbon::before,
.ribbon::after {
	position: absolute;
	z-index: -1;
	content: '';
	display: block;
	border: 5px solid #3a3a3a;
}

.ribbon span {
	position: absolute;
	display: block;
	width: 225px;
	padding: 6px 0px;
	background-color: #ffd700;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	color: #1a349b;
	text-transform: uppercase;
	text-align: center;
	font-size: 13px;
}

/* top right*/
.ribbon-top-right {
	top: -10px;
	right: -10px;
}

.ribbon-top-right::before,
.ribbon-top-right::after {
	/*border-top-color: transparent;
  border-right-color: transparent;*/
}

.ribbon-top-right::before {
	top: 0;
	left: 19px;
}

.ribbon-top-right::after {
	bottom: 0;
	right: 0;
}

.ribbon-top-right span {
	left: -25px;
	top: 30px;
	transform: rotate(45deg);
	padding-left: 25px;
}

.pricing_top_modal {
	width: 100%;
	height: 100%;
	z-index: -1;
}

.top_bg_pricing_modal {
	background-image: url('../images/price-bg.png');
	background-size: cover;
	background-position: 95%;
	background-color: #30409d;
	padding: 50px;
}

.bg_white_modal {
	background-image: url('../images/price-bg-white.png');
	width: 100%;
	background-size: cover;
	background-position: center;
	background-color: #fff;
	padding: 50px 50px 65px 50px;
}

.modal-open .modal {
	display: flex !important;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding-right: 0 !important;
}

.flex_center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.flex_1 {
	flex: 1;
}

.border_top_modal {
	border-top: 1px solid #dee3e8;
}

.dolor_modal {
	color: #8495a8;
	margin-top: 15px;
	font-size: 15px;
	margin-bottom: 15px;
}

.float_width_modal {
	float: left;
	width: 100%;
	border-radius: 0;
}

.body_modal_height {
	min-height: 500px;
	display: flex;
}

.close_button {
	position: absolute;
	right: 15px;
	z-index: 10;
	top: 15px;
}

.font_size_17 {
	font-size: 17px;
}

.mt_10 {
	margin-top: 10px;
}

.mt_50_modal {
	margin-top: 50px;
}

.bg_white_modal .value {
	margin-bottom: 20px;
}

.gap_7{
	gap:7px
}
.gap_5{
	gap:5px;
}

.bg_white_modal .add_btn {
	color: #1a349b;
	border: none;
	border-bottom-color: currentcolor;
	border-bottom-style: none;
	border-bottom-width: medium;
	padding: 5px 25px 5px 25px;
	font-family: 'Conv_PublicSans-SemiBold';
	font-size: 15px;
	background-color: #ffcd34;
	border-bottom: 3px solid #ff9b34;
	border-radius: 4px;
}

.dolor_modal .month_size {
	font-size: 14px;
}

.dolor_modal .number_color {
	font-size: 25px;
}

/*Subscriptions*/

.flex_width_subscriptions {
	width: 100%;
	display: flex;
}

.first_flex {
	display: flex;
	justify-content: space-between;
	flex: 1;
	padding-right: 15px;
}

.top_head {
	color: #1a349b;
	font-size: 16px;
	margin-top: 0;
	font-family: 'Conv_PublicSans-SemiBold';
	margin-bottom: 0;
}

.pr-10{
	padding-right: 10px;
}

.current_bg {
	background: url("/mys_images/bg.png") no-repeat;
	background-size: cover;
	background-color: #30409d;
	background-position: center;
	margin-top: 15px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	padding: 20px;
	background-blend-mode: soft-light;
}

.plan_text {
	color: #fff;
	margin-bottom: 0px;
	font-family: 'Conv_PublicSans-Regular';
	font-size: 13px;
}

.plan_head {
	color: #fff;
	font-size: 20px;
	margin: 0;
	font-family: 'Conv_PublicSans-SemiBold';
	line-height: 22px;
}

.dolor_head {
	font-size: 16px;
}

.plan_btn {
	color: #1a349b;
	padding: 10px 25px 10px 25px;
	font-family: 'Conv_PublicSans-SemiBold';
	font-size: 14px;
	background-color: #fff;
	border-radius: 5px;
	border: none;
}

.mys_bg_white {
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 3px 0 rgba(59, 89, 108, 0.20);
	height: 100%;
	display: flex;
	flex-direction: column;
}

.border_mys {
	border-bottom: 1px solid #f5f5fb;
}

/* .mys_padding>div {
	position: relative;
} */

.flex_between {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}

.card_title_payment {
	color: gray;
	margin-bottom: 10px;
	font-size: 14px;
	font-family: 'Conv_PublicSans-SemiBold';
	font-weight: normal;
}

.card_btn_payment {
	color: #1a349b;
	margin-bottom: 10px;
	font-size: 13px;
}

.mys_border_width {
	width: 25px;
	height: 5px;
	background-color: #1a349b;
	position: absolute;
	border-radius: 5px;
	bottom: -3px;
	left: 0px;
}

.profile_plr {
	padding-left: 0px !important;
	padding-right: 7px !important;
}

.profile_prl {
	padding-left: 7px !important;
	padding-right: 0px !important;
}

.border_doc {
	border: 1px solid #f5f5fb;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
}

.mys_box_center {
	display: flex;
	align-items: center;
	padding-bottom: 20px;
}

.flex1 {
	flex: 1;
}

.mys_padding {
	padding-left: 20px !important;
	padding-right: 20px !important;
	padding-top: 20px;
	position: relative;
}
.mys_padding_widthout_left{
	padding-right: 20px !important;
	padding-top: 20px;
	position: relative;
}

.around_flex1 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.date_text {
	margin-bottom: 0;
	color: #8495a8;
	font-family: 'Conv_PublicSans-regular';
	font-size: 14px;
	margin-left: 0px;
}

.date_number_text {
	color: #2c2c4b;
	font-family: 'Conv_PublicSans-SemiBold';
	font-size: 16px;
	margin-bottom: 0;
	line-height: 15px;
}

.mys_padding_card {
	padding: 20px;
}

.mb_20 {
	margin-bottom: 20px;
}

.box_btn {
	background-color: #f9f9fb;
	border: 1px solid #f5f5fb;
	padding: 10px;
	display: flex;
	align-items: center;
	border-radius: 5px;
}

.star_icon {
	font-size: 7px;
	color: #1a349b;
	letter-spacing: 3px;
}

.circle_icon {
	font-size: 9px;
	color: #1a349b;
	letter-spacing: 3px;
}

.visa_text {
	color: #1a349b;
	padding-left: 10px;
	padding-right: 20px;
}

.btn_visa {
	color: #ffd700;
	padding: 5px 20px 5px 20px;
	font-family: 'Conv_PublicSans-SemiBold';
	font-size: 13px;
	background-color: #1a349b;
	border-radius: 5px;
	border: none;
}

.pl_15 {
	padding-left: 15px;
}

.display_center_subscriptions {
	display: flex;
	align-items: center;
}

.paid_card {
	color: #2c2c4b;
	font-family: 'Conv_PublicSans-SemiBold';
	margin: 0;
	font-size: 13px;
}

.flex_bottom {
	margin-bottom: 20px;
	flex: 1;
	display: flex;
}

.flex_2 {
	flex: 2;
}

.flex_3 {
	flex: 3;
}

#Subscriptions_page .shadow {

	transform: scale3d(1, 1, 1);
}

#Subscriptions_page .box_white:hover {
	transform: scale3d(1.01, 1.01, 1)
}

/* The radio */
#radio_custome .radio {
	display: block;
	position: relative;
	cursor: pointer;
	font-size: 20px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 20px;
	height: 20px;
	margin: 0;
	padding-left: 30px;
}

/* Hide the browser's default radio button */
#radio_custome .radio input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom radio button */
#radio_custome .checkround {
	position: absolute;
	top: 0px;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: transparent;
	border: 1px solid #f5f5fb;
	border-radius: 50%;
}


/* When the radio button is checked, add a blue background */
#radio_custome .radio input:checked~.checkround {
	background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
#radio_custome .checkround:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
#radio_custome .radio input:checked~.checkround:after {
	display: block;
}

/* Style the indicator (dot/circle) */
#radio_custome .radio .checkround:after {
	left: 4px;
	top: 4px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #1a349b;
}

.add_btn_make {
	color: #1a349b;
	border: none;
	border-bottom-color: currentcolor;
	border-bottom-style: none;
	border-bottom-width: medium;
	padding: 5px 35px 5px 35px;
	font-family: 'Conv_PublicSans-SemiBold';
	font-size: 15px;
	background-color: #ffd700;
	border-bottom: 3px solid #ffb000;
	border-radius: 4px;
}

.height_column_plan {
	height: 60px;
	flex-direction: column;
	box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 4px;
}

.summary_width {
	width: 100%;
	display: flex;
	align-items: center;
	height: 60px;
}

.module_price {
	display: flex;
	justify-content: space-between;
	padding: 0px 40px;
	width: 100%;
}

.data_height {
	height: calc(100vh - 90px);
	overflow: hidden;
	overflow-y: auto;
}

/*<!--- Payment-->*/

/* This css is for normalizing styles. You can skip this. */
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

.border_custome {
	border-left: 1px solid #dee3e8;
	padding-left: 15px;
	padding-right: 15px;
}

.border_get {
	border-top: 1px solid #dee3e8;
	padding-top: 20px;
}

.border_get .number_color {
	font-size: 30px;
}

.mt_15 {
	margin-top: 15px;
}

.border_chek {
	border: 2px solid #e6e6e6;
}

.mb_15 {
	margin-bottom: 15px !important;
}

.text_round {
	width: 22px;
	height: 22px;
	border: 2px solid #e6e6e6;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	font-size: 13px;
	color: #e6e6e6;
	margin-bottom: 10px;
}

.text_round:hover {
	cursor: no-drop;
}

.text_round_payment {
	width: 15px;
	height: 15px;
	border: 2px solid #e6e6e6;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	font-size: 13px;
	color: #e6e6e6;
	margin-bottom: 10px;
}

.text_round_payment:hover {
	cursor: no-drop;
}

.vertical-align-center{
	vertical-align: middle !important;
}

.text_round1 {
	width: 22px;
	height: 22px;
	border: 2px solid #ffcc00;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	font-size: 13px;
	color: #1a349b;
}

.detail_custome {
	font-size: 15px;
	color: #707e8e;
	font-weight: normal;
	margin: 0;
}

.detail_custome1 span {
	color: #707e8e;
	font-weight: normal;
	font-size: 14px !important;
}

.pb_30 {
	padding-bottom: 30px;
}

.select2-container{
	width: 100% !important;
}

.select2-container .select2-selection--multiple{
	min-height: 40px !important;
	border: 1px solid #cddae9 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
	background-color: #f6f9fe !important;
	color: #707e8e !important;
	font-size: 12px !important;
	padding: 2px 5px !important;
}

.select2-container .select2-search--inline .select2-search__field{
	padding: 3px 10px !important;
}

.setup {
	color: #1a349b;
	font-size: 16px;
	margin: 0;
	font-family: 'Conv_PublicSans-SemiBold';
	font-weight: normal;
	display: flex;
}

.custom_ui .form-group {
	display: block;
	margin-bottom: 10px;
}

.card_btn_end{
	display: flex;
	flex-direction: column;
	align-items: end;
	justify-content: c;
}

.custom_ui .form-group input,
.custom_ui_btn .form-group input {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
}

.custom_ui .form-group label {
	position: relative;
	cursor: pointer;
	margin-bottom: 0px;
	height: 22px;
	display: flex;
}

.custom_ui .form-group label:before {
	content: "\f00d";
	-webkit-appearance: none;
	background-color: transparent;
	border: 2px solid #cecece;
	/* padding: 2.2px 4px; */
	padding: 1px 3px;
	cursor: pointer;
	margin-right: 15px;
	font: normal normal normal 13px/1 FontAwesome;
	color: #ababab;
	width: 20px;
	height: 20px;
}

.custom_ui .form-group input:checked+label:before {
	content: '';
	padding: 8px 8px;
	border: 2px solid #fc0;
}

.custom_ui .form-group input:checked+label:after {
	content: "\f00c";
	display: block;
	padding: 5px;
	position: absolute;
	top: -2px;
	left: -1px;
	font: normal normal normal 13px/1 FontAwesome;
	color: #1a349b;
}

.custom_ui .width_custome .form-group input:checked+label::after {
	top: -3px;
	color: #1a349b;
}

#notificationTitle .form-group label:before {
	margin-right: 3px;
}

.light-gray-color{
	color: #707e8e;
}

@supports (-moz-appearance:none) {

	.custom_ui .form-group input:checked+label:after {
		content: "\f00c";
		display: block;
		padding: 7px;
		position: absolute;
		top: -4px;
		left: -3px;
		font: normal normal normal 13px/1 FontAwesome;
	}

	.custom_ui .width_custome .form-group input:checked+label::after {
		top: -4px;
		color: #1a349b;
	}

}

.custom_ui .form-group label:hover::before {
	border: 2px solid #fc0;
}

.custom_ui .form-group label:hover span {
	color: #1a349b;
}

.custom_ui .form-group input:checked+label span {
	color: #1a349b;
}

.custom_ui .basis_100 .form-group input:checked+label::after {
	top: -3px;
}

.white_customize.in {
	width: 100%;
	/* transition: 400ms; */
	opacity: 1;
	position: relative;
	left: 0;
	max-height: 100%;
	z-index: 1;
	height: 100%;
}

.box_white_pricing.out,
.premi_plan.out,
#free_plan.out,
.sms_record.out,
.whatsapp_record.out,
.image_record.out {
	display: none;
}

.custom_plan_wrap {
	width: 100% !important;
}

.d-flex {
	display: flex !important;
}

.close_customize {
	color: #e4e4e4;
	font-size: 25px;
	padding-left: 10px;
	cursor: pointer;
}

.form_customize_height {
	height: 300px;
	overflow: auto;
	padding: 20px 15px;
}

.flex_item {
	display: flex;
	align-items: center;
}

.mt_15_0 {
	margin-top: 15px;
}

.display_wrap {
	display: flex;
	flex-wrap: wrap;
}

.border_doc1 {
	padding: 5px 10px;
	border: 1px solid #ededed;
	margin: 3px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	font-size: 12px;
}

.border_doc1 span {
	margin-left: 40px;
}

.btn_coll:hover {
	text-decoration: none !important;
	color: #2c347e !important;
}

.btn_coll:focus {
	text-decoration: none !important;
}

.btn_coll {
	color: #2c347e !important;
	font-family: 'Conv_PublicSans-SemiBold';
	padding: 0 !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
}

.plus_btn {
	width: 10px;
	height: 2px;
	background: #d9534f;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.plus_btn:nth-of-type(2) {
	transform: rotate(0deg);
	transition: 500ms;
}

.collapsed .plus_btn:nth-of-type(2) {
	transform: rotate(90deg);
	transition: 500ms;
}

.btn_width {
	position: relative;
	width: 30px;
	top: -2px;
}

.btn_coll:focus {
	outline: none;
}

.rupay_font {
	color: #d9534f;
	font-size: 10px !important;
}

.leave_name {
	color: #707e8e;
}

.flex_between_admin {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.mt_17_0 {
	margin-top: 17px;
}

.display_center_main {
	display: flex;
	justify-content: center;
}

.flex_wrap_display {
	display: flex;
	flex-wrap: wrap;
}

.month_wrap {
	padding: 5px 10px;
}

.month_wrap label {
	margin-bottom: 0px;
}

.month_wrap span {
	color: #fff;
	font-family: 'Conv_PublicSans-SemiBold';
}

.monthly_invoice {
	display: flex;
	justify-content: space-between;
	padding: 15px 10px;
	width: 100%;
	background-image: url("/mys_images/bg.png");
	background-size: 110%;
	min-height: 100px;
	background-color: #30409d;
	border-radius: 5px;
	background-blend-mode: luminosity;
	margin-bottom: 10px;
	background-position: center;
}

.module_top_bg {
	background-color: #ffd700;
	padding: 10px 15px;
	margin-bottom: 10px;
	border-radius: 5px;
	justify-content: space-between;
	display: flex;
}

.module_top_text {
	color: #1a349b;
	font-family: 'Conv_PublicSans-SemiBold';
	margin-bottom: 0;
}

.module_data_text {
	/*color: #8495a8;*/
	margin-bottom: 0px;
	font-size: 14px;
}

/*superadmin module*/

.direction_module {
	flex-direction: column;
}

.module_width {
	padding-left: 5px;
	padding-right: 5px;
	width: 33.3%;
}

.module_label_text {
	margin-bottom: 0px;
	font-size: 13px;
	font-weight: normal;
	color: #2c2c4b;
}

.module_height {
	/*height:20px;*/
	max-height: 20px;
	width: 40px !important;
	border: none !important;
	box-shadow: none;
	padding: 0px !important;
	padding-left: 5px !important;
}

.template_box {
	background: #fff;
	padding: 15px;
	border: 1px solid rgba(0, 0, 0, .125);
	float: left;
	width: 100%;
	height: 150px;
	overflow: hidden;
}

.border_temp {
	float: left;
	width: 100%;
	border-color: rgba(0, 0, 0, .125);
	border-width: 0 1px 1px 1px;
	padding: 15px 10px;
}


.user-search input:focus .clear_call,
.user-search input.ng-not-empty .clear_call {
	display: flex !important;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
	background-color: #fff;
}

.ptb_10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.panel-group .panel+.panel,
.panel-group .panel {
	margin-bottom: 10px;
	/* padding-bottom: 0px; */
	border: 1px solid #eee;
}

.panel-group .panel {
	border-radius: 4px;
	display: flex;
	position: relative;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	padding: 5px 15px;
}

.panel-body {
	padding: 15px 0;
}

button.btn.btn-warning.plus_button {
	height: 40px;
	border-radius: 0 4px 4px 0;
	margin: 0 !important;
	z-index: 2;
	position: relative;
	width: 40px;
}

button.btn.btn-default.clear_button.minus_button {
	height: 40px;
	border-radius: 4px;
	margin-right: -4px;
	font-size: 30px;
	width: 43px;
	padding-right: 0px !important;
	padding-left: 0 !important;
	/*	margin-left: -3px;*/
	font-weight: normal;
}

.ta-toolbar.btn-toolbar {
	overflow: hidden;
	overflow-y: hidden;
	position: absolute;
	right: 15px;
	z-index: 1;
	overflow-y: auto;
	height: 310px;
	border: 1px solid #ced4da;
	background: #fff;
	flex-direction: column;
	width: 60px;
}

.ta-toolbar.btn-toolbar .btn-group {
	display: flex;
	margin-left: 0;
	flex-direction: column;
}

.ta-toolbar.btn-toolbar .btn-group .btn {
	border-width: 0px 0 1px 0px;
	border-radius: 0;
}

.ta-scroll-window.ta-text.ta-editor.form-control {
	height: 310px;
	overflow-y: auto;
	padding: 0;
	width: calc(100% - 70px);
}

.ta-root.focussed>.ta-scroll-window.form-control {
	border-color: #1a349b;
	outline: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.ta-scroll-window.ta-text.ta-editor.form-control>div {
	padding: 15px !important;
	line-break: anywhere;
}

.ta-editor ul,
.ta-editor ol {
	margin-left: 40px;
}

#Manage_News .left_50.word_wrap.ng-binding h1,
#Manage_News .left_50.word_wrap.ng-binding h2,
#Manage_News .left_50.word_wrap.ng-binding h3,
#Manage_News .left_50.word_wrap.ng-binding h4,
#Manage_News .left_50.word_wrap.ng-binding h5,
#Manage_News .left_50.word_wrap.ng-binding h6,
#Manage_News .left_50.word_wrap.ng-binding p {
	font-size: 14px !important;
	font-weight: normal !important;
	margin-top: 0;
}

#Manage_News .left_50.word_wrap.ng-binding ul,
#Manage_News .left_50.word_wrap.ng-binding ol {
	margin-left: 20px;
}

.uib-timepicker tbody td {
	border: 1px solid #eee;
}

.uib-time input {
	width: 50px;
	display: block;
	background: #fff;
	font-size: 16px;
	border: 1px solid #cddae9;
	line-height: 1;
	width: 100%;
	color: #9daab9;
	-webkit-transition: all 0.28s ease;
	transition: all 0.28s ease;
	box-shadow: none;
	height: 30px;
	border-radius: 6px;
	color: #1a349b;
}

.am-pm .width_50.text-center {
	background-color: #1a349b;
	border: #1a349b;
	padding: 5px 15px 5px 10px;
	color: #fff;
	border-radius: 4px;
}

.uib-increment .glyphicon:hover {
	cursor: pointer;
}

.uib-timepicker tr.text-center:first-child,
.uib-timepicker tr.text-center:last-child {
	display: none;
}

.form-control[disabled],
fieldset[disabled] .form-control {
	background-color: #ffffd4 !important;
	opacity: 0.5 !important;
	cursor: not-allowed;
	border-color: #ffcd34;
	box-shadow: none;
}

.form-control[readonly] {
	background-color: #fff !important;
}

.flex_end {
	align-items: flex-end;
}

.flex_start {
	align-items: flex-start;
}

.manage_top_25 {
	margin-top: 25px;
}

.vertical_middle {
	vertical-align: middle !important;
}

.tabel_check_box {
	width: 23px;
	margin: 0 auto !important;
}

.bottom_table {
	margin-bottom: 10px !important;
}

.pb_0 {
	padding-bottom: 0px !important;
}

.display_large {
	display: flex;
}

.no_word_break {
	white-space: nowrap;
}

.mys_btn {
	height: unset;
	padding: unset !important;
	line-height: unset !important;
	margin-bottom: 0 !important;
}

.mys_btn:hover,
.mys_btn:focus,
.mys_btn:active {
	height: unset !important;
	padding: unset !important;
	line-height: unset !important;
	box-shadow: none !important;
}

._720kb-datepicker-calendar-header {
	background: #1a349b !important;
}

._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active {
	color: rgba(255, 255, 255, 1) !important;
}

._720kb-datepicker-calendar-header a:hover {
	background: transparent !important;
}

._720kb-datepicker-calendar-day._720kb-datepicker-active {
	background: rgb(255, 204, 0) !important;
	border-radius: 4px;
	color: #1a349b !important;
	font-weight: bold;
}

._720kb-datepicker-calendar-days-header {
	display: flex;
	justify-content: space-around;
}

.row.upper .internal,
.row.middle .internal {
	border-top: 1px solid #f5f5fb;
	padding-top: 20px;
}

.row.header .main-title,
.row.upper,
.row.middle,
.row.description,
.row.items,
.row.totals,
.row.payments,
.footer {
	padding-bottom: 20px;
	display: block;
}

.padding_20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.internal .first_tab_text {
	display: flex;
	justify-content: flex-end;
}

.internal .col-xs-6.flex1~div {
	display: flex;
	flex-direction: column;
}

.border_tabular {
	border: none;
	border-bottom: 1px solid #ddd;
	padding: 8px 15px 10px;
}

.icon_top {
	position: absolute;
	top: 12px !important;
	right: 20px;
}
.icon_top_new{
	top: 0px !important;
	right: 20px;
}

.routine_published {
	position: relative;
	left: -5px;
	top: 3px;
}

.info_circle_chex {
	position: relative;
	top: 3px;
	left: -4px;
}

.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn-default {
	border-color: #ddd;
	color: #8495a8;
}

.btn-default:hover {
	border-color: #ddd;
	background: #f5f5f5;
}

.btn-warning {
	background-color: #fffac2;
	border-color: #ffcd34;
	color: #1a349b;
}

.template_menu{
	background: #fff;
	position: absolute;
	top: 0;
	left: 81%;
	width: 100px;
	box-shadow: 2px 1px 12px #ccc;
	padding: 10px;
	z-index: 99;
}

.template_menu li{
	padding: 5px;
}
.template_menu li:hover{
	background-color: #ccc;
	cursor: pointer;
}

.btn-warning:hover {
	background-color: #ffcd34;
	border-color: #ff9234;
}

.btn-warning.focus,
.btn-warning:focus,
.btn-warning.active,
.btn-warning:active {
	background-color: #ffcd34;
	border-color: #ff9234;
	color: #2c2c4b;
}

.mys_primary_light {
	background-color: #fffac2;
	border-radius: 5px;
	color: #1a349b;
	display: flex;
	border: 1px solid;
	align-items: center;
	border-color: #ffcd34;
	font-size: 12px;
	margin: 0 5px;
	padding: 5px 10px;
}

.mys_second_light {
	border-radius: 5px;
	display: flex;
	border: 1px solid;
	align-items: center;
	font-size: 12px;
	margin: 0 5px;
	border-color: #ddd;
	color: #8495a8;
	background-color: #fff;
	padding: 5px 10px;
}

.mys_primary_light:hover {
	background-color: #f5f5f5;
	border-color: #ddd;
}

.mys_second_light:hover {
	background-color: #eee !important;
}

.p-1{
	padding: 1px !important;
}

.mys_btn_large {
	font-family: 'Conv_PublicSans-Regular';
	max-height: 40px;
	padding: 5px 25px 5px 25px;
	font-size: 14px;
	text-transform: uppercase;
}

.mys_btn_small {
	font-family: 'Conv_PublicSans-SemiBold';
	max-height: 40px;
	padding: 5px 25px 5px 25px;
	font-size: 14px;
}

.justify_between {
	justify-content: space-between;
}

.align_center {
	align-items: center !important;
}

.mb_10 {
	margin-bottom: 10px !important;
}

.selection_box {
	margin: 3px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #cddae9;
	border-radius: 5px;
	padding: 20px !important;
	min-width: 200px;
	flex-direction: column;
	row-gap: 5px;
	min-width: 224px;
	max-width: 300px;
	overflow: hidden;
	line-break: anywhere;
}

.attendance_wrap .selection_box {
	padding: 10px !important;
	min-width: 50px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	font-weight: normal;
}

.attendance_wrap .selection_box .mys_active_text.mb_0 {
	color: #8495a8;
	padding: 0 10px;
}

.selection_box span {
	margin-left: 40px;
}

.selection_box:hover {
	background-color: #f6f7f9;
	border-color: #cfcfe1;
	cursor: pointer;
}

.selection_box:focus {
	background-color: #f0f2f8;
	border-color: #cfcfe1;
}

.selection_box:hover .card_title_payment,
.selection_box:hover .module_data_text {
	color: #000;
}

.selection_box_wrap {
	flex-wrap: wrap;
}

.selection_box_wrap input[type="radio"] {
	display: none;
}

.selection_box_wrap input[type="radio"]+label {
	display: inline-block;
	cursor: pointer;
	padding: 5px 10px;
}

#sms-upgrade .selection_box_wrap input[type="radio"]:checked+label {
	background-color: #ffcd34;
	border-color: #ff9234;
}

#sms-upgrade .selection_box_wrap input[type="radio"]:checked+label p {
	color: #000;
}

#whatsapp-upgrade .selection_box_wrap input[type="radio"]:checked+label {
	background-color: #ffcd34;
	border-color: #ff9234;
}

#whatsapp-upgrade .selection_box_wrap input[type="radio"]:checked+label p {
	color: #000;
}

.attendance_mark {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1;
	font-size: 16px;
	border-radius: 5px;
	box-shadow: 0px 0px 0px 3px white;
}

.present_mark {
	background-color: #E7FFEF;
	/* border: 1px solid rgb(133, 231, 185); */
	color: #1a349b;
}

.divider {
	border-right: 1px solid #e9e9e9;
	padding-right: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
}

.late_mark {
	background-color: #ECEFFF;
	color: #1a349b;
	border: 1px solid #8ba1ff;
}

.absent_mark {
	background-color: #ffefe1;
	border: 1px solid #ffae34;
	color: #1a349b;
}

.mys_full_height {
	min-height: 100vh;
}

.mys_full_container {
	min-height: calc(100vh - 60px);
}

.text_lower {
	text-transform: unset;
}

.back_signup {
	background: url("/mys_images/bg.png") no-repeat;
	background-size: cover;
	min-height: 100vh;
	background-color: #30409d;
}

.back_signup .container {
	padding: 30px 0;
}

.left_welcome {
	background: url("/mys_images/welcome-bg.png") no-repeat;
	background-size: auto;
	background-size: contain;
	min-height: 500px;
	position: relative;
	left: 20px;
	z-index: 1;
	transform-origin: center;
	animation: anim-plane infinite;
	animation-name: anim-plane;
	animation-duration: 0s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-fill-mode: none;
	animation-timing-function: linear;
	animation-duration: 1300ms;
	animation-name: anim-plane;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear;
	transform: translateY(0px);
	animation-fill-mode: forwards;
}

@keyframes anim-plane {
	to {
		transform: translateY(10px);
	}
}

.bg-color-light-white {
	background: #fbfeffcc !important;
}

.school_image_outer {
	border: 1px solid #ffcd34;
	border-radius: 4px;
	overflow: hidden;
	background: #fffac2;
	margin-bottom: 10px;
	padding: 5px;
	width: 130px;
	display: flex;
	justify-content: center;
}

.mb_0 {
	margin-bottom: 0px !important;
}

.wh-profile{
	/* min-width: 150px;
	height: 120px; */
	min-width: 140px;
	height: 140px;
}

.header_height {
	height: 60px !important;
}

.clipboard_top {
	position: absolute;
	top: 15px !important;
	right: 20px;
}

.clipboard_top a {
	color: #242738;
}

.btn_plus_right {
	position: absolute;
	right: 15px;
	height: 34px;
	top: 25px;
}

.p_0 {
	padding: 0 !important;
}

.mys_padding_content {
	padding: 10px 20px;
}

.left.carousel-control {
	position: absolute;
}

.min_height_template {
	min-height: calc(100vh - 134px);
}

.plus_absolute {
	position: absolute;
	right: 15px;
	height: 34px;
	z-index: 1;
}

.quick_links {
	position: sticky;
	top: 85px;
}

.position-sticky{
	position: sticky !important;
}

.padding_regular {
	padding: 15px;
}

.padding_narrow {
	padding: 5px !important;
}

.media_padding_left {
	padding-left: 15px !important;
}

.bg_box_form {
	box-shadow: 0 1px 3px 0 rgba(59, 89, 108, 0.20);
	background: #fff;
	padding: 25px;
	border-radius: 5px;
}

.media_margin_0 {
	margin-left: 5px;
	margin-right: 5px;
}

.mys_active_text {
	color: #1a349b;
	font-size: 16px;
	margin-bottom: 0;
	color: #1a349b;
	font-size: 14px;
	margin-bottom: 0;
	line-height: 15px;
	text-transform: capitalize;
}

.pr-25{
	padding-right: 25px;
}

.mb_5 {
	margin-bottom: 5px !important;
}

.popup-exit {
	border-radius: 0 5px;
	cursor: pointer;
	position: absolute;
	background: none;
	text-align: center;
	vertical-align: middle;
	color: #FF9800;
	background-color: #f5f5f5;
	height: 35px;
	width: 35px;
	display: block;
	top: 0;
	right: 0;
	z-index: 1;
}

.popup-exit:before {
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 30px;
	content: '\00D7';
}

.card_inner {
	border-radius: 6px;
	border: 1px solid #e2e2e2;
	padding: 15px;
}

.table_card_inner {
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #e2e2e2;
}

.card_inner:hover,
.table_card_inner:hover {
	background-color: #f7f7f7;
	border-color: #e1e1e1 !important;
	cursor: pointer;
}

.background_cover {
	background-size: cover;
}

.margin_10 {
	margin: 10px 0 10px;
}

.color_blue {
	color: #1a349b !important;
}

.color_light {
	color: #8495a8;
}

.notify_bg img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
}

.btn-warning:hover {
	color: #2c2c4b;
}

.panel.panel-default .accordion-toggle {
	flex: 1;
}

.icon_top~.panel-collapse {
	width: 100%;
}

.text-caps {
	text-transform: capitalize;
}

.admin_quick_link .school_box img {
	width: 100%;
	max-width: 150px;
	margin-bottom: 10px;
}

.media_hide {
	display: flex !important;
}

.media_show {
	display: none !important;
}

.mx-10{
	margin-left: 10px;
	margin-right: 10px;

}

#mapmove .pac-container {
	width: 459px;
	position: absolute;
	top: 60px !important;
	left: 0px !important;
	z-index: 9 !important;
}

.auto_location.ng-not-empty.ng-valid:focus~#mapmove .pac-container {
	display: block !important;
}

.auto_location.ng-not-empty.ng-valid:focus~#mapmove .pac-container.pac-logo:after {
	height: 0 !important;
	background: none !important;
}

.top_20_0 {
	margin-top: 20px;
}

.margin-top-25-0{
	margin-top: 25px;
}

.mys_tab_default {
	border-color: #ddd;
	color: #8495a8;
	background: #fff;
}

.mys_tab_default:hover {
	background: #ddd;
}

.mys_tab_active,
.mys_tab_active:hover,
.mys_tab_default:focus,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	font-family: 'Conv_PublicSans-Bold';
	border-radius: 4px;
	background-color: #1a349b !important;
	color: #fff !important;
	border-color: #1a349b !important;
}

.student_img .gallery-img-dashboard {
	height: 28px;
	margin-right: 10px;
}

.dashboard-student-width {
	max-width: 60%;
}

.error_info {
	height: 15px;
	top: 15px;
	font-size: 12px;
	position: absolute;
	padding-bottom: 10px;
	float: right;
	right: 34px;
	color: #9daab9;
}

.error_info_new{
	height: 15px;
	top: 44px;
	font-size: 12px;
	position: absolute;
	padding-bottom: 10px;
	float: right;
	left: 0px;
	color: #9daab9;
}

.error_info_red {
	color: #ff4b4b !important;
}
/* .fa-eye-slash{
	position: absolute;
  right: 10px !important;
  top: 90px !important; */
  /* top: 14px !important; */
  /* cursor: pointer;
} */
.fa-eye-slash{
	position: absolute;
  right: 20px !important;
  /* top: 90px !important; */
  top: 14px !important;
  cursor: pointer;
}
/* .fa-eye-slash {
	position: absolute;
	right: 32px !important;
	top: 33px !important;
	cursor: pointer;
  } */




input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 30px white inset !important;
	background-color: rgb(254, 254, 254) !important;
	-webkit-text-fill-color: #1a349b !important;
}

select {
	padding: 5px;
	background: none;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
}

select option:checked {
	/* background: linear-gradient(#1a349b, #1a349b); */
	background-color:  #f9e79f  !important;
	/* for IE */
	color: #fff;
}

select[multiple] option,
select[size] option,
select>option {
	padding: 5px;
	color: #2c2c4b;
}

select.form-control.ng-empty {
	font-size: 12px;
	color: #9daab9;
}

.angular-input-stars>li {
	color: #8495a8;
}

.angular-input-stars>li .active {
	color: #1a349b;
	text-shadow: none;
}

.angular-input-stars>li .active.angular-input-stars-hover {
	text-shadow: none;
}

.mb_0_10 {
	margin-bottom: 0px;
}

.justify-content-end-start {
	justify-content: flex-end;
}

.justify-content-end-start-575 {
	justify-content: flex-end;
}

.top_sticky {
	position: sticky;
	top: 60px;
}

.ml_15 {
	margin-left: 15px;
}

.parent-dash-padding {
	padding: 10px 20px !important;
}

.right_border_bg {
	float: right;
	border: 1px solid #efefef;
	padding: 5px;
	background: #eee;
}

.width_notify {
	width: 20px;
}

.max_60 {
	max-width: 60%;
}

.width_parent_110 {
	width: 100px;
}

.navbar {
	border: none;
}

.bus_stop {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: rgb(255, 255, 255);
	border: none;
	box-shadow: none;
	margin: 0 auto;
	background-image: url(../images/transportation-icon.png);
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: center;
	margin-left: -5px;
	margin-top: -7px;
}

.timeline:before {
	top: 0;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 5px;
	background-color: #c2c3d0;
	left: 10%;
	margin-left: -2.5px;
}

.icon_hostel {
	width: 50px;
	position: absolute;
	top: -15px;
	left: 10%;
	margin-left: -25px;
}

.timeline>li>.timeline-panel {
	left: 10%;
	float: left;
	padding: 0;
	position: relative;
	min-height: 50px;
	text-transform: capitalize;
	font-family: 'Conv_PublicSans-SemiBold';
	color: #1a349b;
	line-height: 1;
	top: 25px;
	width: unset;
	margin-left: 25px;
}

.timeline>.home_first>.timeline-badge {
	color: #fff;
	width: 20px;
	height: 20px;
	line-height: 50px;
	font-size: 1.4em;
	text-align: center;
	position: absolute;
	top: 25px;
	left: 10%;
	margin-left: -10px;
	z-index: 0;
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
}

.timeline>li:not(.timeline-inverted) {
	padding-left: 0px;
	padding-right: unset;
}

.circle_yellow {
	width: 15px;
	height: 15px;
	box-shadow: 0 0 0 2px #1a349b;
	background-color: #ffcd34;
}

.circle_red {
	background-color: #1a9b31;
	width: 15px;
	height: 15px;
	box-shadow: 0 0 0 2px #98bd9c;
}

.icon_house {
	width: 40px;
	position: absolute;
	bottom: -40px;
	left: 10%;
	margin-left: -20px;
	border: 2px solid #1a349b;
	border-radius: 50%;
}

.top_3_relative {
	position: relative;
	top: 3px;
}

.gallery_flex {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 30px 0;
	min-height: calc(100vh - 380px);
}

.user_flex {
	display: flex;
	justify-content: space-between !important;
	height: 30px;
	margin-bottom: 10px;
	width: 100%;
}

.album_input {
	height: 30px !important;
    border: none !important;
    box-shadow: none !important;
    width: 180px !important;
    background: #eee !important;
    border-radius: 4px 0 0 4px !important;
    padding-right: 30px;
}

.album_input:focus {
	border-color: #ccc;
}

.input_search {
	display: none;
	height: 30px;
	align-items: center;
}

.album_input.ng-not-empty~.input_search {
	display: block;
}

.album_input.ng-not-empty~.btn_search_flex {
	background-image: linear-gradient(-90deg, #ffdc1d, #ffc359);
}

.search_right {
	top: 7px;
	right: 10px;
	color: #ccc;
}

.btn_search_flex {
	height: 30px;
	border: none;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	width: 30px;
	padding: 10px 20px;
	border-radius: 0 4px 4px 0;
	background: #fffac2;
	border-left: 1px solid #ffcd34;
}

.btn_search_flex:hover {
	background: rgb(232, 240, 254);
	border-left: 1px solid #85c5fe;
}

.btn_search_flex:focus {
	background: rgb(232, 240, 254);
	border-left: 1px solid #85c5fe;
}

.btn_search_flex>.Search_1 {
	bottom: 0px;
}

.btn_img_add {
	height: 30px;
	border: none;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	width: 30px;
	padding: 10px 20px;
	background: rgb(232, 240, 254);
	border-left: 1px solid #85c5fe;
}

.btn_img_add>.Search_1 {
	bottom: 0px;
	color: #1a349b;
}

.empty_img {
	max-width: 250px;
	width: 100%;
}

.empty_text {
	font-family: 'Conv_PublicSans-SemiBold';
	color: #8495a8;
}

.mtl_15_5 {
	margin: 15px 5px 0 0;
}

.top_30_767_0 {
	margin-top: 30px;
}

.col_lg_10_custom .border_doc {
	background-color: #f6f9fe;
	border-color: #e2e9f9 !important;
}

.allocated-bg{
	background-color: #f6f9fe;
	border: 1px solid #e2e9f9;
	padding: 10px;
	margin-bottom: 20px;
	margin-top: 20px;
	border-radius: 5px;
}

.add_remove_wrap {
	padding: 0px 100px 0px 0px;
}

.radius_curve {
	border-radius: 50%;
}

.flip {
	transform: rotateY(180deg)
}

.smooth_trans {
	transition: 300ms;
}

.btn_block_detail {
	flex-direction: column;
	align-items: start;
	position: absolute;
	top: 31px;
	right: 0px;
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 4px;
	padding: 20px 10px;
	z-index: 9;
	box-shadow: 0 3px 6px 0 rgba(59, 89, 108, 0.20);
}

.z_index_7 {
	z-index: 7;
}

.max_100 {
	max-width: 100px;
}

.payment_chek .border_doc {
	background-color: #f6f9fe;
	border-color: #e2e9f9 !important;
}

.p_10_0 {
	padding: 10px;
}

.mrl_5_0 {
	margin-left: 5px;
	margin-right: 5px;
}

.min_width_150 {
	min-width: 150px;
}

.top-50{
	margin-top: 50px;
}

.submit-btn {
	width: 100%;
	height: 50px;
	color: #333 !important;
	background-color: #ffcd34 !important;
	box-shadow: 0 8px 26px 0 rgba(170, 99, 255, .3);
	border: medium none;
	background-image: linear-gradient(-90deg, #ffdc1d, #ffc359);
	font-weight: 800;
}

.submit-btn:hover,
.submit-btn:focus,
.submit-btn:active {
	box-shadow: 0 4px 26px 0 rgba(170, 99, 255, .05);
}

#upgrade_plan .custome_container {
	width: 100%;
}

.pdf_icon{
	color: #f90f0f;
}
.exl_icon{
	color: #05d748;
}

.pdf-icon{
	font-size: 20px;
	color: #f90f0f;
}

.pdf_icon,
.exl_icon {
	
	font-size: 25px !important;
	margin: 0px 5px;
}

.pdf_icon:hover,
.exl_icon:hover {
	color: #1a349b;
}

b,
strong {
	font-weight: normal;
	font-family: 'Conv_PublicSans-SemiBold';
}

.status_icon_wrap {
	border-radius: 50%;
	font-size: 11px !important;
	color: #fff;
	text-align: center;
}

.status_icon_success {
	background: #22d463;
	padding: 2px 2px 3px 3px;
}

.status_icon_cross {
	background: #f92d2d;
	padding: 2px 3px 3px 4px;
}

.bg_box_form {
	max-width: 500px;
}

.table>tbody+tbody {
	border-top: none;
}

.driver_list {
	float: left;
	margin-bottom: 5px;
	margin-right: 10px;
}

.line_height_15 {
	line-height: 15px;
}

.img_width_50 {
	width: 50px;
}

.w-24{
	width: 24px !important;
}

.min_height_150 {
	min-height: 150px;
}

.min_height_165 {
	min-height: 165px;
}

.Re-Admission-found {
	min-height: calc(100vh - 420px);
}

.waiver-found{
	min-height: calc(100vh - 330px);
}

.discontinue-found{
	min-height: calc(100vh - 325px);
}

.setup-list{
	min-height: calc(100vh - 340px);
}

.staff-salary{
	min-height: calc(100vh - 355px);
}

.Notification-List-Found{
	min-height: calc(100vh - 360px);
}

.enquiry_list_height{
	min-height: calc(100vh - 110px);
}

.holiday-found{
	min-height: calc(100vh - 180px);
}

.attendance-record{
	min-height: calc(100vh - 400px);
}

.Structur-Details{
	min-height: calc(100vh - 290px);
}

.Seat-Pricing-found{
	min-height: calc(100vh - 410px);
}

.Total-User-found{
	min-height: calc(100vh - 150px);
}

.Storag-Record-found{
	min-height: calc(100vh - 210px);
}

.Allocated-Leaves-Found {
	min-height: calc(100vh - 25px);
}

.Payment_Details {
	min-height: calc(100vh - 190px);
}

.Slip_Details {
	min-height: calc(100vh - 235px);
}

.Payment_Details_hostel {
	min-height: calc(100vh - 250px);
}

.Mark-Details {
	min-height: calc(100vh - 220px);
}

.View-Attendance-Details {
	min-height: calc(100vh - 270px);
}

.Manage-Feedback {
	min-height: calc(100vh - 275px);
}

.Allocate-Rout {
	min-height: calc(100vh - 485px);
}

.min-80-767{
	min-height: 80px;
}

.multi-select-button .caret{
	right: 6px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear{
	position: absolute;
	right: 5px;
	top: 10px;
	margin-top: 0px !important;
	margin-right: 0px !important;
}

.custom-dropdown .multiselect-parent.btn-group.dropdown-multiselect {
	width: 100% !important;
}

.custom-dropdown .dropdown-toggle {
	width: 100% !important;
	min-height: 40px;
	position: relative;
	text-align: left;
}

.custom-dropdown .dropdown-toggle:hover {
	background-color: #fff;
}

.custom-dropdown .dropdown-toggle:focus {
	background-color: #fff;
}

.custom-dropdown .dropdown-menu > li > a{
	padding: 8px 20px 7px 20px !important;
}

.caret{
	position: absolute;
	right: 16px;
	top: 18px;
}

.custom-dropdown .dropdown-menu {
	top: 45px !important;
}
  
.select-wrapper {
	background: url(../images/arrow-down.png);
	background-position-x: 0%;
	background-position-y: 0%;
	background-repeat: repeat;
	background-size: auto;
	background-repeat: no-repeat;
	background-position: calc(100% - 10px);
	background-size: 8px;
}

.mt-30-0{
	margin-top: 30px;
}

.assigned-book-record{
	min-height: calc(100vh - 425px);
}

.designation-found{
	min-height: calc(100vh - 270px);
}

.Access-Right{
	min-height: calc(100vh - 285px);
}

.Staff-Feedback-Found{
	min-height: calc(100vh - 375px);
}

.Proxy-Setup-Found{
	min-height: calc(100vh - 240px);
}

.Registered-Student-Found{
	min-height: calc(100vh - 300px);
}

.Time-Map-found{
	min-height: calc(100vh - 275px);
}

.min-120{
	min-width: 120px
}

.border-grey {
	border: 1px solid #ccc;
}

.p-15{
	padding: 15px;
}

.img-start{
	display: flex; 
	flex-wrap: wrap; 
	justify-content: start; 
	align-items: center;
}

.img-width{
	display: flex; 
	flex-wrap: wrap; 
	justify-content: center; 
	align-items: center; 
	max-width: 180px;
}

.max_height_100 {
	max-width: 70px !important;
	height: 100% !important;
}

.img_width{
	width: 24px ;
	cursor: pointer;
}

.img_width_30{
	width: 30px ;
	cursor: pointer;
}

.img_width_25{
	width: 25px !important;
}

.ml_25 {
	margin-left: 25px !important;
}

.listData{
	margin-left: 24px;
}

.width_200 {
	width: 200px;
}

.left_50.word_wrap>div {
	word-wrap: break-word;
	width: unset !important;
}

.line_height_section {
	line-height: 25px;
}

.bg_branch {
	background-color: #f6f9fe;
	border-color: #e2e9f9 !important;
}

.width_rating {
	width: 20%;
}

.month_bg_border {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-color: #f6f9fe;
}

.p_8 {
	padding: 8px;
}

.border_padding_left {
	padding: 8px;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.border_padding_left_br {
	padding: 8px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.session_monthly_border {
	padding: 8px;
	margin: 0;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.session_border {
	padding: 8px;
	margin: 0;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd
}

.border_dotted_height {
	/*float:left;
	width:50%;*/
	border-bottom: 1px dotted;
	margin-bottom: 0px;
	min-height: 15px;
}

.school_head {
	margin-top: 3px;
	margin-bottom: 10px;
	text-transform: uppercase;
	color: #000;
	font-size: 16px;
}

.school_add {
	margin-top: 0;
	text-transform: uppercase;
	font-size: 16px;
}

.height-no-data{
	display: flex;
	height: 84%;
	align-items: center;
	justify-content: center;
}

.no-data-result{
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: calc(100vh - 370px);
}

.height-incident{
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(100vh - 240px);
}

.btn-center{
	height: 40px;
	display: flex;
	align-items: center;
}

.mr_10{
	margin-right: 10px;
}

.driver-nodata{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	min-height: calc(100vh - 200px);
}

/* .mys_tab_active, .mys_tab_active:hover, .mys_tab_default:focus, .nav-tabs-login>li.active>a, .nav-tabs-login>li.active>a:focus, .nav-tabs-login>li.active>a:hover{
	background-color: #ffcd34 !important;
    border-color: #ff9234 !important;
} */

.width-175{
	width: 175px;
}
.padding-10{
	padding: 10px !important;
}
.mb-10{
	margin-bottom: 10px;
}

.flex-column{
	flex-direction: column;
}

.bg-blue{
	background:#30409d;
}

.bg-yellow{
	background: #ffcd34;
}

.text-white{
	color: #fff;
}

.pattern-dash.min_183:hover{
	color: #000;
}

.max-50{
	max-width: 50%;
}

.mr_15_400{
	margin-right: 15px;
}

.max-width-140{
	max-width: 140px;
}

.max-width-120{
	max-width: 120px;
}

.auto-overflow-width{
	overflow: auto;
	width: 100%;
}

.auto-overflow-x-width{
	overflow-x: auto;
	width: 100%;
	overflow-y: hidden;
}

.min-width-960{
	min-width: 960px;
}

.border-right-991{
	border-right: 0 !important;
}

.border-left-991{
	border-left: 0 !important;
}

/*========================================Media css=======================================*/


@media only screen and (min-width : 320px) and (max-width :1024px) {

	.min-width-960{
		min-width: auto !important;
	}
}

@media only screen and (min-width : 406px) and (max-width :635px) {
	.pb_30_media{
		padding-bottom: 30px !important;
	}

}

@media only screen and (min-width : 320px) and (max-width :405px) {
	.pb_30_media{
		padding-bottom: 50px !important;
	}

}

@media only screen and (min-width : 320px) and (max-width :400px) {
	.pb_30_400{
		padding-bottom: 30px !important;
	}

	.flex-column-400{
		flex-direction: column;
	}

	.mr_15_400{
		margin-right: 0px;
	}

}


@media (max-width: 767px) {

	.nav-side-menu {
		position: relative;
		width: 100%;
		margin-bottom: 10px;
	}

	.nav-side-menu .toggle-btn {
		display: block;
		cursor: pointer;
		position: absolute;
		right: 10px;
		top: 10px;
		z-index: 10 !important;
		padding: 3px;
		background-color: #ffffff;
		color: #000;
		width: 40px;
		text-align: center;
	}

	.brand {
		text-align: left !important;
		font-size: 22px;
		padding-left: 20px;
		line-height: 50px !important;
	}

	.media_height_full {
		min-height: calc(100vh - 60px) !important;
	}

	.media_border {
		border-radius: 0;
	}

}

@media (min-width: 767px) {

	.nav-side-menu .menu-list .menu-content {
		display: block;
	}
}

@media only screen and (min-width : 768px) and (max-width :991px) {
	
	.pl-35-991{
		padding-left: 35px;
	}

}

@media only screen and (min-width : 320px) and (max-width :575px) {

	/* .flex-direction-respo{
		flex-direction: column !important;
	} */

	.album_input {
		width: 120px !important;
		padding-right: 30px;
	}

	.img-start{
		flex-direction: column;
		align-items: self-start;
	}

	.gallery_popup .ngdialog-content {
		min-height: 250px;
	}

	.height-350-media{
		height: 235px !important; 
	}

	.img-width{
		display: block;
		margin-bottom: 15px;
	}

	.mb-15-575{
		margin-bottom: 15px;
	}

	.font_575_10 {
		font-size: 9px;
	}

	.mrl_5_0 {
		margin-left: 0px;
		margin-right: 0px;
	}

	.max_logo {
		max-width: 140px;
	}

	.unset_media {
		display: unset !important;
		float: left;
	}

	.left_575 {
		float: left;
	}

	.justify-content-end-start-575 {
		justify-content: flex-start;
	}

	.mtl_15_5 {
		margin: 15px 0 0 0;
	}

	.pl-15-575 {
		padding-left: 15px;
	}

	.mb_0_10 {
		margin-bottom: 10px;
	}

	.mt-15-575 {
		margin-top: 15px;
	}

	.width-575 {
		width: 100%;
	}

	.dashboard-student-width {
		max-width: 100%;
	}

	.mr-15-575 {
		margin-right: 15px;
	}

	select[multiple],
	select[size] {
		min-height: 35px;
		/*height: 35px !important;*/
	}

	.media_flex {
		flex-direction: column;
	}

	.plan_btn {
		padding: 5px 20px 5px 20px;
	}

	.column_media {
		flex-direction: column;
	}

	.margin_media {
		margin-bottom: 10px;
	}

	.width_custome {
		width: 100%;
	}

	.direction_column {
		flex-direction: column;
	}

	.mt_15_0 {
		margin-top: 0px;
	}

	.border_doc1 {
		width: 100%;
	}

	.mt_17_0 {
		margin-top: 0px;
	}

	.direction_column {
		flex-direction: column;
		display: unset;
	}

	.mobile_flex1 {
		flex: 1
	}

	.padding16 {
		padding: 0;
	}

	.mb_20_575 {
		margin-bottom: 20px;
	}

}

@media screen and (min-width: 1200px) and (max-width: 2500px) {

.col-lg-2-custom{
	width: 20%;
}

}


@media screen and (min-width: 992px) and (max-width: 1199px) {

	.slider-margin {
		margin: 0px 0px 45px 0 !important;
	}

	.clear_1199 {
		clear: both;
	}

}

@media screen and (min-width: 1049px) and (max-width: 1200px) {

	.header-top ul li a {
		padding: 7px 7px;
	}

}

@media screen and (min-width: 1061px) and (max-width: 1072px) {

	.notify {
		bottom: 17px !important;
		left: 17px !important;
	}

}

@media screen and (min-width: 934px) and (max-width: 1060px) {

	.notify {
		bottom: 17px !important;
		left: 17px !important;
	}

}

@media screen and (min-width: 840px) and (max-width: 933px) {

	.notify {
		bottom: 17px !important;
		left: 18px !important;
	}

}
@media screen and (min-width: 320px) and (max-width: 400px) {
	.flex-direction-respo{
		flex-direction: column !important;
	}
	.px-respo{
		padding: 0px !important; 
	}
	.p-0-respo{
		padding: 0px !important;
	}
}


@media screen and (min-width: 320px) and (max-width: 767px) {

	.max-180{
		max-width: 180px;
	}

	.ta-toolbar.btn-toolbar {
		right: 1px;
	}

	.margin-24-768{
		margin-top: 0px;
	}

	.min-80-767{
		min-height: auto !important
	}

	.col_lg_10_custom {
		max-width: 100% !important;
	}


	.d-none-767{
		display: none;
	}

	.small_card-respo{
		height: 100% !important;
		border-radius: 4px;
	}

	.mt-22-0{
		margin-top: 0px;
	}

	.margin-top-25-0{
		margin-top: 0px;
	}
	
	.left-14-767{
		position: relative;
		left: -14px;
	}

	.left-5-767{
		position: relative;
		left: 5px;
	}

	.mt_20_new-respo{
		margin-top: 0px !important;
	  }

	.pl-0-respo{
		padding-left: 0px !important;
	}

	.dropdown-submenu:nth-of-type(1)>.dropdown-menu {
		top: 0px !important;
	}

	.page_title_wrap {
		display: none;
	}

	.plr_5_767 {
		padding-left: 5px;
		padding-right: 5px;
	}

	.left_welcome {
		min-height: 30vh;
	}

	.back_signup .container {
		padding: 0px 0;
	}

	.bg_box_form {
		margin-bottom: 30px;
		padding: 20px;
	}

	
	.col_lg_2_custom {
    	width: unset;
	}

	.padding_lr_50>div>.bg-color-blue,
	.media_hide {
		display: none !important;
		;
	}

	.media_show {
		display: flex !important;
		justify-content: center;
	}

	.plus-media{
		position: absolute;
		top: 14px;
		left: 285px;
	}

	/*.data_height{
		margin-top: 50px;
	}*/

	.body_modal_height {
		min-height: 500px;
		display: flex;
		flex-direction: column;
	}

	.modal-open .modal {
		display: block !important;
	}

	.bg_white_modal {
		padding: 30px;
	}

	.top_bg_pricing_modal {
		padding: 30px;
	}

	.mt_50_modal {
		margin-top: 0px;
	}

	.box_white {
		padding: 30px;
		transform: scale3d(1, 1, 1) !important;
		min-height: unset;
		box-shadow: -1px 1px 55px -3px rgba(86, 86, 86, 0.26);
	}

	.mb_media_70 {
		margin-bottom: 30px;
	}

	.box_white.shadow .value {
		font-size: 14px;
	}

	.mb_70_30 {
		margin-bottom: 30px;
	}

	.media_padding_0 {
		padding: 0 !important;
	}

	.uib-timepicker {
		position: relative;
	}

	.uib-timepicker tr {
		border: none !important;
		padding: 0 !important;
		margin-bottom: 0 !important;
	}

	.uib-timepicker tr.text-center:first-child,
	.uib-timepicker tr.text-center:last-child {
		display: contents;
	}

	.uib-timepicker tbody td {
		border: none;
		margin-bottom: 0;
	}

	.uib-timepicker tr.text-center:first-child td:nth-of-type(2),
	.uib-timepicker tr.text-center:first-child td:nth-of-type(6),
	.uib-timepicker tr.text-center:last-child td:nth-of-type(2),
	.uib-timepicker tr.text-center:last-child td:nth-of-type(6) {
		display: none;
	}

	.uib-timepicker tr.text-center:first-child td:nth-of-type(1),
	.uib-timepicker tr.text-center:first-child td:nth-of-type(3),
	.uib-timepicker tr.text-center:last-child td:nth-of-type(1),
	.uib-timepicker tr.text-center:last-child td:nth-of-type(3) {
		position: absolute;
		padding: 0 5px;
		border: 1px solid #cddae9 !important;
		background: #f6f9fe;
	}

	.uib-timepicker tr.text-center:first-child td:nth-of-type(1) {
		top: 7px;
		left: 65px;
		border-top-right-radius: 5px;
	}

	.uib-timepicker tr.text-center:first-child td:nth-of-type(3) {
		top: 7px;
		left: 166px;
		border-top-right-radius: 5px;
	}

	.uib-timepicker tr.text-center:last-child td:nth-of-type(1) {
		bottom: 6px;
		left: 65px;
		border-bottom-right-radius: 5px;
	}

	.uib-timepicker tr.text-center:last-child td:nth-of-type(3) {
		left: 166px;
		bottom: 6px;
		border-bottom-right-radius: 5px;
	}

	.uib-time input {
		height: 44px;
		padding: 10px 30px 10px 10px;
		width: 85px
	}

	.uib-separator {
		padding: 0 !important;
	}

	.uib-timepicker tr:nth-of-type(2) {
		display: flex;
		align-items: center;
	}

	.uib-increment:hover,
	.uib-decrement:hover {
		background: #efefef;
		cursor: pointer;
	}

	.uib-increment:hover a,
	.uib-decrement:hover a {
		color: #7f8bba;
	}

	.am-pm .width_50.text-center {
		height: 45px;
	}

	.top_20_media {
		margin-top: 20px;
	}

	.mobile_wrap {
		flex-wrap: wrap;
	}

	.display_large {
		display: none;
	}

	.module_width {
		width: 100%;
	}

	.dropdown-menu>.dropdown-submenu a {
		padding: 5px 10px 5px 10px !important;
	}

	.dropdown-menu>.dropdown-submenu.student_img>a {
		padding: 0px !important;
	}

	.dropdown-menu>.dropdown-submenu.student_img>a::after {
		margin-right: 0;
	}

	.dropdown-menu>.dropdown-submenu.student_img>a:hover {
		background-color: transparent !important;
	}

	.dropdown-submenu.student_img:hover>a::after {
		border-left-color: #ff9b34;
	}

	ul.dropdown-menu.menu_border {
		margin-right: 0px;
		margin-top: 0px;
		top: 60px !important;
		/*min-height: 100vh;*/
		margin-right: -340px;
		position: fixed !important;
		width: 80vw;
		max-width: 340px;
		overflow: hidden;
		overflow-y: scroll;
		height: calc(100vh - 60px);
		border-radius: 0;
		left: unset !important;
		right: 0;
		padding-top: 10px;
	}

	.left_0 {
		margin-left: 0 !important;
	}

	.right_0 {
		margin-right: 0 !important;
	}

	.dropdown-submenu:hover>.dropdown-menu {
		position: relative;
		left: 0;
		box-shadow: none;
		background: #f6f7f9 !important;
		width: 100%;
		border-bottom: 1px solid #e7e7e7;
		border-top: 1px solid #e7e7e7;
		border-radius: 0;
		/*display: flex;*/
		flex-wrap: wrap;
		align-items: center;
		padding: 10px;
		flex-direction: column;
	}

	.dropdown-submenu:hover>.parent_student_list {
		height: auto;
		top: unset !important;
	}

	.dropdown-submenu {
		border-bottom: 1px solid #e7e7e7;
		height: auto;
		display: flex;
		flex-direction: column;
	}

	.dropdown-menu>li>a:hover {
		color: #1a349b !important;
		background-color: transparent;
	}

	.dropdown-submenu>.dropdown-menu>li>a {
		background-color: transparent;
		margin: 0 !important;
		margin-bottom: 5px !important;
	}

	.menu-font {
		font-size: 14px !important;
	}

	.submenu_call {
		transition: 300ms;
		position: fixed;
		bottom: 5px;
		z-index: 7;
		background-image: linear-gradient(90deg, #949dff, #626dff);
		border-radius: 50%;
		border: 1px solid #fff;
	}

	.submenu_call-in {
		width: 40px;
		height: 40px;
		box-shadow: 2px 2px 15px #c8c8c8, -2px -2px 5px #fff;
		margin: 20px;
	}

	.submenu_call-in div {
		width: 38px;
		height: 38px;
	}

	.submenu_call-off {
		left: 20px;
		width: 30px;
		height: 30px;
	}

	.submenu_call-off div {
		width: 28px;
		height: 28px;
	}

	.box_white_pricing {
		padding: 30px 15px;
		transform: scale3d(1, 1, 1) !important;
		min-height: unset;
		box-shadow: -1px 1px 55px -3px rgba(86, 86, 86, 0.26);
	}

	.mb_media_70 {
		margin-bottom: 30px;
	}

	.box_white_pricing.shadow .value {
		font-size: 14px;
	}

	.media_row {
		margin-left: -15px;
		margin-right: -15px;
	}

	.ta-toolbar.btn-toolbar {
		width: 40px;
	}

	.ta-scroll-window.ta-text.ta-editor.form-control {
		width: calc(100% - 35px);
	}

	.ta-scroll-window.ta-text.ta-editor.form-control>div {
		margin-left: 0px;
	}

	.display_center_main {
		display: unset;
	}

	.checking_teacher .ngdialog-content {
		min-height: 490px;
	}

	.col_xs_12 {
		width: 100% !important;
	}

	.rtable-font {
		font-size: 10px !important;
		word-wrap: break-word !important;
	}

	.rTableSubHead-width {
		width: 50% !important;
	}

	.rTableCell,
	.rTableHead,
	.rTableSubHead {
		height: 32px !important;
	}

	.bus_icon {
		width: 70px;
	}

	.margin_20_5 {
		margin-top: 0px !important;
	}

	.width_766 {
		width: 100%;
	}

	.center_766 {
		text-align: center;
	}

	.add_remove_wrap {
		padding: 0px 85px 0px 15px;
	}

	.right_padding_767 {
		padding-right: 0px !important;
	}

	.paddind_10_767 {
		padding-right: 10px !important;
		padding-left: 10px !important;
	}

	.padding_15_20 {
		padding-right: 20px !important;
		padding-left: 15px !important;
	}

	.right_765 {
		padding-right: 30px !important;
	}

	.right_764 {
		padding-right: 30px !important;
		padding-left: 30px !important;
	}

	.clear_767 {
		clear: both;
	}

	.right_768 {
		float: none !important;
	}

	.width_767 {
		width: 100%;
	}

	.bottom_767 {
		margin-bottom: 10px;
	}

	.bottom_766 {
		margin-bottom: 15px;
	}

	.border_none_767 {
		border: none !important;
	}

	.padding_right_767 {
		padding-right: 10px !important;
	}

	.menu-uppercase {
		padding-left: 15px;
		padding-right: 20px;
	}

	.pull_right_767 {
		float: none !important;
	}

	.submitted_1 {
		padding-top: 15px;
		padding-left: 5px;
		float: left;
	}

	.top_20_767 {
		margin-top: 20px;
	}

	.top_25_767 {
		margin-top: 0px !important;
	}

	.margin_1223 {
		margin-top: 0px !important;
	}

	.text_right_768 {
		text-align: left !important;
	}

	.padding_30_left_right {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}

	.top-margin-25 {
		margin-top: 0px !important;
	}

	.left_140 {
		position: absolute;
		left: -141px !important;
	}

	.dropdown-menu.pull-right {
		left: 0 !important;
		right: auto !important;
	}

	.top_27 {
		margin-top: 15px !important;
	}

	.bottom_40_media {
		margin-bottom: 40px !important;
	}

	.padding_left_media {
		padding-left: 15px;
	}

	.padding_151 {
		padding: 50px 10px !important;
	}

	.height_100 {
		height: 100% !important;
	}

	.top_media_25 {
		margin-top: 15px !important;
	}

	.padding_left_5 {
		padding-left: 5px !important;
	}

	.display_767 {
		display: block;
	}

	.display_768 {
		display: none;
	}

	.float_right {
		float: left !important;
	}

	.right_767 {
		float: right;
	}

	.paddding_medai_10 {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.top_76 {
		margin-top: 15px !important;
	}

	.left_991 {
		padding-left: 0px !important;
	}

	.padding_15 {
		padding: 0px !important;
	}

	.media_bottom_15 {
		padding-bottom: 15px;
	}

	.session_1 {
		border-right: 1px solid #ddd;
	}

	.top_30_margin {
		margin-top: 0px !important;
	}

	.top_22 {
		margin-top: 0px !important;
	}

	.top_23 {
		margin-top: 0px !important;
	}

	.margin_25 {
		margin-top: 25px !important;
	}

	.top_25 {
		margin-top: 0px !important;
		margin-bottom: 5px;
	}

	.margin_10_top {
		margin-top: 10px !important
	}

	.padding_right_0 {
		padding-right: 15px !important;
	}

	.left_minus_15 {
		margin-left: -15px !important;
	}

	.padding_right_media_0 {
		padding-right: 0px !important;
	}

	.padding_left_media_0 {
		padding-left: 0px !important;
	}

	.margin_24 {
		margin-top: 0px !important;
	}

	.margin_top_40{
		margin-top: 0px !important;
	}

	.bottom_media_20 {
		margin-bottom: 20px;
	}

	.bottom_media_15 {
		margin-bottom: 15px;
	}

	.top_15_media {
		margin-top: 0px !important;
	}

	.padding_media_0 {
		padding: 0 !important;
	}

	.margin_766 {
		margin-bottom: 15px;
	}

	.text_center_767 {
		text-align: center;
	}

	.margin_bottom_10_767 {
		margin-bottom: 10px;
	}

	.min_height_500 {
		min-height: calc(100vh - 60px) !important;
		border-radius: 0;
	}

	.top_30_767_0 {
		margin-top: 0px;
	}

	.plr_10_0 {
		padding-left: 10px;
		padding-right: 0px;
	}

	.the-legend {
		padding: 0px !important;
	}

	.justify-content-end-start {
		justify-content: flex-start;
	}

	.justify-end{
		justify-content: end !important;
	}

	.right_0_767 {
		right: 0px;
	}

	.icon_media_responsive {
		position: relative;
		right: 0px;
		top: 0px !important;
		margin-bottom: 10px;
	}

	.media_padding_left {
		padding-left: 0px !important;
	}

	.top_5_768 {
		margin-top: 0px !important;
	}

	.text_left_767 {
		text-align: left !important;
		margin-bottom: 10px !important;
	}

	.top_25_media {
		margin-top: 0px !important;
	}

	.center_media_text {
		text-align: center !important;
	}

	.margin_767 {
		margin: 0 !important;
	}

	.mb_767 {
		margin-bottom: 0 !important;
	}

	.body_bg {
		background-color: #fff !important;
		background: #fff;
	}

	.border-radius4,
	.current_bg,
	.mys_bg_white {
		border-radius: 0;
	}

	.media_center {
		float: none !important;
		margin: 0 auto;
	}

	.slider-margin {
		margin: 0px 0px 56px;
	}

	.both-side-padding {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}

	.margin-0 {
		margin: 0px !important;
	}

	.notifi-bg li {
		background: none;
	}

	.right_media {
		float: none;
	}

	.medeia_top_20 {
		margin-top: 0px !important;
	}

	.top_13 {
		top: 0px !important;
		position: relative;
	}

	.padding_lr_50,
	.subscriptions_outer_wrap {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}

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

	.ps-0-respo{
		padding-left: 0px !important;
	}

}

@media only screen and (min-width: 320px) and (max-width: 389px){
	.p_0-respo{
		padding: 0px !important;
	}
}

@media only screen and (min-width: 320px) and (max-width: 389px) {

	.ps-0-respo{
		padding-left: 0px !important;
	}

	.margin-form15 {
		margin: 15px;
	}

	.footer-font11 {
		font-size: 11px;
	}

}

@media screen and (min-width: 500px) and (max-width: 599px) {

	.the-legend {
		font-size: 18px;
	}
}

@media screen and (min-width: 500px) and (max-width: 615px) {

	.details_1 {
		font-size: 15px !important;
	}

}

@media screen and (min-width: 992px){
	.w-211{
		width: 211px;
	}
	
	.w-218{
		width: 218px;
	}



}


@media screen and (min-width: 320px) and (max-width: 991px) {

	.mt-40-respo{
		margin-top: 40px !important;
	}

	.border-right-991{
		border-right: 1px solid #ddd !important;
	}

	.border-left-991{
		border-left: 1px solid #ddd !important;
	}

	.mt-30-0{
		margin-top: 0px;
	}

	.p-0-991{
		padding: 0px !important;
	}

	.center-991{
		display: flex;
		justify-content: center;
	}

	.text-center-respo{
		text-align: center !important;
	}
	
	.justify-center-respo{
		justify-content: center !important;
	}

	.padding-right {
		padding-right: 15px !important;
	}	

}

@media screen and (min-width: 320px) and (max-width: 620px) {

	.user-tab li a {
		margin: 0 5px 0px 0 !important;
	}

}

@media screen and (min-width: 392px) and (max-width: 620px) {

	.user-search {
		right: 18px !important;
		top: 34px !important;
	}

}

@media screen and (min-width: 320px) and (max-width: 391px) {

	.user-search {
		right: 18px !important;
		top: 64px !important;
	}

}

@media screen and (min-width: 300px) and (max-width: 560px) {

	.rTableCell {
		font-size: 10px !important;
	}

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

	.rTableSubHead {
		font-size: 10px !important;
	}
}

.flex-column-respo{
	flex-direction: row !important;
}

@media screen and (min-width: 320px) and (max-width: 450px) {
	.bottom_-9-respo{
		position: absolute !important;
		bottom: -9px !important;
	}
	.direction-column-respo{
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: wrap;
	}

	.top-0-respo{
		padding-top: 0px !important;
	}

	.flex-column-respo{
		flex-direction: column !important;
	}

	.width_450 {
		width: 100% !important;
	}

	.left_welcome{
		left: 0px !important;
	}

	.rTableSubHead1 {
		border: 1px solid #999999;
		float: left;
		height: 25px;
		overflow: hidden;
		padding: 3px 1.8%;
		width: 100% !important;
		text-align: center !important;
	}

}

@media screen and (min-width: 300px) and (max-width: 338px) {

	.margin_338 {
		margin-top: 5px !important;
	}
}

@media screen and (min-width: 345px) and (max-width: 421px) {

	.class_section {
		font-size: 15px !important;
	}

}

@media screen and (min-width: 320px) and (max-width: 345px) {

	.max-width-345 {
		width: 100% !important;
	}

}

@media screen and (min-width: 300px) and (max-width: 344px) {

	.class_section {
		font-size: 14px !important;
	}

}

@media screen and (min-width: 1200px) and (max-width: 1247px) {

	.height-media-md{
		min-height: 51px;
	}
}

@media screen and (min-width: 300px) and (max-width: 1024px) {

	.center_1240 {
		text-align: left !important;
	}

	.text_right_1025 {
		text-align: left !important;
	}

	.second-price{
		position: absolute;
		top: 83px;
		left: 16px;
		color: #8495a8 !important;
		font-family: 'Conv_PublicSans-Regular' !important;
		display: block;
		line-height: 18px;
	}

}

@media screen and (min-width: 300px) and (max-width: 360px) {

	.top_10_margin {
		margin-top: 10px;
	}

}

@media screen and (min-width: 320px) and (max-width: 350px) {

	.delete_icon {
		float: none !important;
	}

}

@media screen and (min-width: 300px) and (max-width: 332px) {

	.margin_332 {
		margin-left: 0 !important;
	}

}

@media screen and (min-width: 300px) and (max-width: 364px) {

	legend {
		font-size: 16px !important;
	}

}

@media screen and (min-width: 300px) and (max-width: 390px) {

	.local {
		font-size: 14px !important;
	}

	.working_days {
		font-size: 15px !important;
	}

}

/* iPads (portrait and landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

	.bottom_25 {
		margin-bottom: 25px;
	}

	.bottom_30 {
		margin-bottom: 30px;
	}
}


@media screen and (min-width: 768px) and (max-width: 991px) {

	.px-0-respo{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.pl-15-991{
		padding-left: 15px !important;
	}

	.pl_0_991 {
		padding-left: 0px;
	}

	.top_30_margin {
		margin-top: 0px !important;
	}

	.media_991_0 {
		padding: 0 !important;
	}

	.media_991_right_0 {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.media_991_left_0 {
		padding-left: 0 !important;
	}

	.bottom_media_15 {
		margin-bottom: 15px;
	}
}

@media screen and (min-width: 300px) and (max-width: 336px) {

	.search {
		padding: 6px 17px;
	}

}

@media screen and (min-width: 992px) and (max-width: 1019px) {
	
	.width-1019{
		width: 100%;
		margin-top: 10px;
	}

}

@media screen and (min-width: 300px) and (max-width: 991px) {

	.flex_991 {
		display: flex;
	}

	.direction_start {
		flex-direction: column;
		align-items: flex-start ! important;
	}

	.top_20_0 {
		margin-top: 0px;
	}

	.col_lg_custom_2 {
		width: 50%;
		float: left;
	}

	.display_991 {
		display: none;
	}

	.display_990 {
		display: block;
	}

	.margin_991_0 {
		margin-top: 0px !important;
	}

	.right_992 {
		float: none !important;
	}

	.margin_23_992 {
		margin-bottom: 15px !important;
	}

	.margin_25_992 {
		margin-top: 0px !important;
	}

	.session {
		border-right: 1px solid #ddd;
		;
	}

	.session_1 {
		border-right: 1px solid #ddd;
		;
	}

	.margin_24_992 {
		margin-top: 0px !important;
	}

	.bottom_28_media {
		margin-bottom: 15px;
	}

	.top_25_0 {
		margin-top: 0px !important;
	}

	.top_20_0 {
		margin-top: 0px !important;
	}

	.margin_993 {
		margin-top: 0px !important;
	}

	.top_991 {
		margin-top: 10px;
	}

	.top_24 {
		margin-top: 0px !important;
	}

	.padding_991 {
		padding-left: 0px !important;
	}

	.padding_992 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.top_button_margin {
		margin-top: 5px !important;
	}

	.top_25_991 {
		margin-top: 0px !important;
	}

}

@media screen and (min-width: 1200px) and (max-width: 1340px) {

	.margin_1340 {
		margin: 0 !important;
	}

}

@media screen and (min-width: 1025px) and (max-width: 1340px) {

	.publish_margin {
		margin-top: 10px !important;
	}

}

@media screen and (min-width: 816px) and (max-width: 899px) {

	.publish_margin {
		margin-top: 5px !important;
	}

}

@media screen and (min-width: 300px) and (max-width: 399px) {

	.publish_margin {
		margin-top: 5px !important;
	}

}

@media screen and (min-width: 1025px) and (max-width: 1126px) {

	.margin_1126 {
		margin-bottom: 10px !important;
	}

}

@media screen and (min-width: 768px) and (max-width: 899px) {

	.margin_1340 {
		margin: 0 !important;
	}
}

@media screen and (min-width: 300px) and (max-width: 500px) {

	.width_500 {
		width: 100% !important;
	}

	.table-font-12 {
		font-size: 12px;
	}
}

@media screen and (min-width: 768px) and (max-width: 820px) {

	.size_12 {
		font-size: 12px !important;
	}
}

@media screen and (min-width: 992px) and (max-width: 1053px) {

	.padding_1053 {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
}

@media screen and (min-width: 300px) and (max-width: 1024px) {

	.width_62 {
		width: 100%;
	}

	.bottom_1024 {
		margin-bottom: 0px !important;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1298px) {

	.media_size_12 {
		font-size: 12px;
	}

}

@media screen and (min-width: 768px) and (max-width: 991px) {

	.padding_768 {
		padding: 0px !important;
	}

	.media_size_12 {
		font-size: 12px;
	}

	.size_991 {
		font-size: 12px;
	}

	.clear_991 {
		clear: both;
	}

}


@media screen and (min-width: 300px) and (max-width: 991px) {

	.margin_25 {
		margin-top: 0px;
	}

	.margin_25_991 {
		margin-top: 0px !important;
	}
}

@media screen and (min-width: 300px) and (max-width: 330px) {

	.width_70 {
		width: 70px !important;
		padding: 0px !important;
	}

	.manage {
		font-size: 15px !important;
	}

	.margin_delete {
		margin-top: 5px;
	}
}

@media screen and (min-width: 768px) and (max-width: 796px) {

	.reset {
		padding: 6px 18px !important;
	}

}

@media screen and (min-width: 300px) and (max-width: 346px) {

	.padding_button {
		padding: 6px 15px !important;
	}

}

/*@media screen and (min-width: 992px) and (max-width: 1024px) {

	.menu-font{
		font-size: 11px!important;
	}
}*/

@media screen and (min-width: 768px) and (max-width: 818px) {

	.padding_783 {
		padding: 0px !important;
	}
}

@media screen and (min-width: 500px) and (max-width: 815px) {

	.seat {
		padding-left: 1px;
	}

}

@media screen and (min-width: 300px) and (max-width: 389px) {

	.margin_bottom_389 {
		margin-bottom: 10px !important;
	}

}

@media screen and (min-width: 300px) and (max-width: 363px) {

	.margin_363_4 {
		margin-bottom: 4px;
	}

	.margin_363_5 {
		margin-bottom: 5px;
	}

}

@media screen and (min-width: 300px) and (max-width: 354px) {

	.margin_update {
		margin-bottom: 10px !important;
	}
}

/*@media screen and (min-width: 300px) and (max-width: 499px) {

	.menu-font{
		font-size: 10px!important;
		text-transform: uppercase;
	}

}*/

@media screen and (min-width: 500px) and (max-width: 510px) {

	.multiSelect>button {
		font-size: 13px !important;
	}

}

@media screen and (min-width: 992px) and (max-width: 2000px) {
	.pe-1-respo{
		padding-right: 5px !important;
	}
	
	.ps-1-respo{
		padding-left: 5px !important;
	}
	

	.padding_left_991 {
		padding-left: 0px !important;
	}

}

@media screen and (min-width: 300px) and (max-width: 991px) {

	.padding_left_991 {
		padding-left: 15px;
	}

	.top_8 {
		position: relative;
		top: 0px !important;
	}

	.margin_auto_991 {
		margin: 0 auto !important;
		float: none !important;
	}

	.center_991 {
		text-align: center !important;
	}

}

@media screen and (min-width: 451px) and (max-width: 767px) {

	.margin_16 {
		margin-left: 16.6667%;
	}

}

@media screen and (min-width: 600px) and (max-width: 767px) {

	.margin_17 {
		margin-left: 16.6667%;
	}

}

@media screen and (min-width: 1250px) and (max-width: 1300px) {

	.col-lg-2_custom {
		width: 17.5%;
		float: left;
	}

	.col-lg-10_custom {
		width: 82.5%;
		float: left;
	}

}

@media screen and (min-width: 992px) and (max-width: 1199px) {

	.col-lg-2_custom {
		width: 23%;
	}

	.col-lg-10_custom {
		width: 77%;
		float: left;
	}

	.clear_992 {
		clear: both;
	}

	.top_10_25 {
		margin-top: 25px !important;
	}

	.margin_minus {
		margin-top: 5px;
	}

	.width_47 {
		width: 47% !important;
	}

	.width_23 {
		width: 47% !important;
	}

}

@media screen and (min-width: 797px) and (max-width: 991px) {

	.width_47 {
		width: 46% !important;
	}

	.width_23 {
		width: 46% !important;
	}

}

@media screen and (min-width: 768px) and (max-width: 796px) {

	.width_47 {
		width: 45% !important;
	}

	.width_23 {
		width: 45% !important;
	}

}

@media screen and (min-width: 768px) and (max-width: 991px) {

	.col-lg-2_custom {
		width: 32%;
	}

	.col-lg-10_custom {
		width: 68%;
		float: left;
	}

}

@media screen and (min-width: 500px) and (max-width: 767px) {

	.col-lg-2_custom {
		width: 44%;
	}

	.col-lg-10_custom {
		width: 56%;
		float: left;
	}

}


@media screen and (min-width: 300px) and (max-width: 499px) {

	.col-lg-2_custom {
		width: 50%;
	}

	.col-lg-10_custom {
		width: 100%;
		float: left;
	}

}

@media screen and (min-width: 300px) and (max-width: 1199px) {

	.mt_10_1199 {
		margin-top: 10px !important;
	}

	.margin_1199_20 {
		margin-top: 0px !important;
	}

	.top_30_0 {
		margin-top: 0px !important;
	}

	.margin_1199 {
		margin-top: 0px !important;
	}

	.margin_25_1200 {
		margin-top: 0px !important;
	}

	.padding_1199 {
		padding: 0px !important;
	}

	.margin_24_0 {
		margin-top: 0px !important;
	}

	.padding_300 {
		padding: 0px !important;
	}

	.padding_1199 {
		padding: 0 !important;
	}

	.top_21 {
		margin-top: 0px !important;
	}

	.top_25_1199 {
		margin-top: 0px !important;
	}

	.top_media_26 {
		margin-top: 5px !important;
	}

	.clear_1199 {
		clear: both;
	}

}

@media screen and (min-width: 1025px) and (max-width: 1050px) {

	.padding_1050_0 {
		padding: 0 !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 823px) {

	.padding_823 {
		padding: 0px !important;
	}

	.padding_824 {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}

	.width_823 {
		width: 100% !important;
	}

	.margin_823 {
		margin: 0 !important;
	}

	.margin_823_5 {
		margin-top: 5px;
	}
}

@media screen and (min-width: 655px) and (max-width: 767px) {

	.margin_823_5 {
		margin-top: 5px;
	}

}

@media screen and (min-width: 300px) and (max-width: 461px) {

	.margin_823_5 {
		margin-top: 5px;
	}

}

@media screen and (min-width: 1025px) and (max-width: 1142px) {

	.margin_823_5 {
		margin-top: 5px;
	}

}

@media screen and (min-width: 300px) and (max-width: 840px) {

	.right_840 {
		float: left !important;
	}

}

@media screen and (min-width: 300px) and (max-width: 1049px) {


	.bottom_5_header {
		top: 5px !important;
	}

	.bottom_2_5 {
		top: 5px !important;
	}

	.bottom_2_7 {
		bottom: 0px !important;
		font-size: 12px;
	}

	.top_12_media {
		margin-top: 12px !important;
	}

	.right_2 {
		margin-top: 11px !important;
		margin-right: -15px !important;
		margin-left: 0 !important;
	}

	.left_839 {
		float: left !important;
	}

	.width_839 {
		flex: 1;
	}

	.left_840 {
		float: none !important;
	}

	.navbar-inverse .navbar-collapse,
	.navbar-inverse .navbar-form {
		margin-top: 10px;
	}

	.navbar-right {
		float: right !important;
	}

	.notifi-bg li {
		background: none;
	}

	.icon_img {
		bottom: 6px !important;
	}

}

@media screen and (min-width: 300px) and (max-width: 1050px) {

	.navbar-nav .open .dropdown-menu.drop_1 {
		position: absolute !important;
	}

}

@media screen and (min-width: 300px) and (max-width: 549px) {

	.position_20 {
		position: relative;
		right: 0px !important;
	}
}

@media screen and (min-width: 992px) and (max-width: 1100px) {

	.form-signin {
		max-width: 350px !important;
		padding: 25px 30px 50px !important
	}

}

@media screen and (min-width: 380px) and (max-width: 500px) {

	.form-signin {
		max-width: 300px !important;
		padding: 25px 30px 50px !important
	}

}

@media screen and (min-width: 320px) and (max-width: 379px) {

	.form-signin {
		max-width: 280px !important;
		padding: 25px 30px 50px !important
	}

}

/*@media screen and (min-width: 1320px) and (max-width: 1444px) {

	.media_height{
		min-height: 311px!important;
	}

}

@media screen and (min-width: 1200px) and (max-width: 1319px) {

	.media_height{
		min-height: 327px!important;
	}

}

@media screen and (min-width: 1107px) and (max-width: 1199px) {

	.media_height{
		min-height: 327px!important;
	}

}

@media screen and (min-width: 1090px) and (max-width: 1106px) {

	.media_height{
		min-height: 345px!important;
	}

}

@media screen and (min-width: 1030px) and (max-width: 1089px) {

	.media_height{
		min-height: 362px!important;
	}
}

@media screen and (min-width: 992px) and (max-width: 1029px) {

	.media_height{
		min-height: 395px!important;
	}
}*/

@media screen and (min-width: 768px) and (max-width: 1199px) {

	.top_24_media {
		margin-top: 0px !important;
	}

}

@media screen and (min-width: 300px) and (max-width: 395px) {

	.font_395 {
		font-size: 15px !important;
	}
}

@media screen and (min-width: 400px) and (max-width: 767px) {

	.width_400 {
		width: 50% !important;
	}

}

@media screen and (min-width: 320px) and (max-width: 400px) {

	.direction_400 {
		flex-direction: column;
		align-items: flex-start;
	}

	.right_400 {
		width: 100%;
	}

}

@media screen and (min-width: 300px) and (max-width: 370px) {
	


	.left_media_10 {
		margin-left: 0px !important;
	}

}

@media screen and (min-width: 300px) and (max-width: 323px) {

	.margin_326 {
		margin-top: 10px !important;
	}

}

@media screen and (min-width: 768px) and (max-width: 780px) {

	.margin_780 {
		margin-left: 0 !important;
	}

}

@media screen and (min-width: 768px) and (max-width: 815px) {

	.width_800 {
		width: 100% !important;
	}

}

@media screen and (min-width: 300px) and (max-width: 991px) {

	.right_991 {
		float: none !important;
	}

	.width_991 {
		width: 100%;
	}

	.bottom_991 {
		margin-bottom: 10px;
	}

}

@media screen and (min-width: 541px) and (max-width: 767px) {

	.right_15_button {
		right: 15px;
	}

}

@media screen and (min-width: 300px) and (max-width: 499px) {

	.right_15_button {
		right: 15px;
	}

}

@media screen and (min-width: 500px) and (max-width: 540px) {

	.right_15_button {
		right: -8px !important;
	}
}


@media screen and (min-width: 1200px) and (max-width: 1237px) {

	.width_18 {
		width: 14%;
	}

}

@media screen and (min-width: 1150px) and (max-width: 1199px) {

	.width_18 {
		width: 16%;
	}
}

@media screen and (min-width: 1100px) and (max-width: 1149px) {

	.width_18 {
		width: 17%;
	}

}

@media screen and (min-width: 1050px) and (max-width: 1099px) {

	.width_18 {
		width: 18%;
	}

}

@media screen and (min-width: 1025px) and (max-width: 1049px) {

	.width_18 {
		width: 18%;
	}

}

@media screen and (min-width: 500px) and (max-width: 524px) {

	.clear_button {
		padding: 6px 16px !important;
	}

}

@media screen and (min-width: 300px) and (max-width: 342px) {

	.back_button {
		padding: 6px 14px !important;
	}

}

@media screen and (min-width: 500px) and (max-width: 570px) {

	.padding_570 {
		padding: 0px !important;
	}
}

@media screen and (min-width: 300px) and (max-width: 340px) {

	.padding_570 {
		padding: 0px !important;
	}

}

@media screen and (min-width: 300px) and (max-width: 780px) {
	.paddingleft_30{
		padding-left: 17px;
	}
	.card_title_padding{
	margin-bottom: 30px;
}
.contectContainer{
	margin-top: 50px;
}
}
@media screen and (min-width: 781px) and (max-width: 1900px) {
	.paddingleft_30{
		padding-left: 30px;
	}
	.card_title_padding{
		margin-bottom: 30px;
	}
	.contectContainer{
		margin-top: 0px;
	}
}
@media screen and (min-width: 300px) and (max-width: 346px) {

	footer {
		height: 60px;
	}

	.margin_5_13 {
		margin-top: 5px !important;
	}
}

@media screen and (min-width: 300px) and (max-width: 520px) {

	.width_520 {
		width: 100% !important;
	}

	.margin_520 {
		margin-top: 0px !important;
	}
}

@media screen and (min-width: 300px) and (max-width: 1024px) {

	.center_1024 {
		text-align: left !important;
	}

	.clear_1024 {
		clear: both;
	}
}

@media screen and (min-width: 300px) and (max-width: 1199px) {

	.margin_1200 {
		margin-top: 0px !important;
	}

	.minus_margin {
		margin-top: 0px !important;
	}

}

@media screen and (min-width: 320px) and (max-width: 407px) {

	.width_407 {
		width: 100% !important;
		text-align: center;
	}

	.text_right_408 {
		text-align: center;
	}
}

@media screen and (min-width: 300px) and (max-width: 330px) {

	.margin_330 {
		margin-top: 10px;
	}

}

/*@media screen and (min-width: 300px) and (max-width: 350px) {

	.uib-time input{
		padding: 5px;
	}
}
*/
@media screen and (min-width: 1200px) and (max-width: 1213px) {

	.margin_24_0 {
		margin-top: 0px !important;
		width: 100% !important;
	}

}

@media screen and (min-width: 1200px) and (max-width: 1223px) {

	.margin_1223 {
		margin-top: 0px !important;
		width: 100% !important;
	}

}

@media screen and (min-width: 768px) and (max-width: 823px) {

	.margin_1223 {
		margin-top: 0px !important;
		width: 100% !important;
	}

}

@media screen and (min-width: 300px) and (max-width: 359px) {

	.margnin_359 {
		margin: 0px !important;
	}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {

	.bottom_28_media {
		margin-bottom: 28px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {

	.padding_1024 {
		padding-left: 30px;
		padding-right: 30px;
	}

	.padding_right_767 {
		padding-right: 25px !important;
	}
}

@media screen and (min-width: 300px) and (max-width: 1054px) {

	.margin_1054 {
		margin: 0px !important;
	}
}

@media screen and (min-width: 581px) and (max-width: 815px) {

	.seat {
		margin-top: 20px;
	}

}

@media screen and (min-width: 500px) and (max-width: 580px) {

	.seat {
		margin-top: 35px;
	}

}

@media screen and (min-width: 339px) and (max-width: 499px) {

	.seat {
		margin-top: 20px;
	}

}

@media screen and (min-width: 320px) and (max-width: 339px) {

	.left_339 {
		margin-left: 0px;
		margin-bottom: 10px;
	}

}

@media screen and (min-width: 300px) and (max-width: 338px) {

	.seat {
		margin-top: 35px;
	}

}

@media screen and (min-width: 768px) and (max-width: 991px) {

	.top_10_25 {
		margin-top: 25px !important;
	}

	.margin_5_25 {
		margin-top: 25px !important;
	}

}

@media screen and (min-width: 992px) and (max-width: 1199px) {

	.top_25_10 {
		margin-top: 25px !important;
	}

}

@media screen and (min-width: 992px) and (max-width: 1024px) {

	.margin_1025 {
		margin-top: 5px !important;
	}

	.padding_1024_right {
		padding-right: 0px !important;
	}

}

@media screen and (min-width: 300px) and (max-width: 1024px) {

	.center_1025 {
		text-align: left !important;
	}

	.top_1024 {
		margin-left: 5px;
		position: relative;
		bottom: 3px;
	}

	.right_1025 {
		float: none !important;
	}
}

@media screen and (min-width: 300px) and (max-width: 362px) {

	.font_362 {
		font-size: 11px;
	}

	.top_32_media {
		margin-top: 28px !important;
	}

	.top_6_media {
		margin-top: 0px !important;
	}

}


@media screen and (min-width: 1200px) and (max-width: 2000px) {

	.width_23 {
		width: 23% !important;
	}

}

@media screen and (min-width: 1025px) and (max-width: 1199px) {

	.checking_teacher .ngdialog-content {
		min-height: 340px;
	}

}

@media screen and (min-width: 840px) and (max-width: 1024px) {

	.checking_teacher .ngdialog-content {
		min-height: 420px;
	}

}

@media screen and (min-width: 768px) and (max-width: 839px) {

	.checking_teacher .ngdialog-content {
		min-height: 470px;
	}

}

@media screen and (min-width: 1025px) and (max-width: 1070px) {

	.padding_1070 {
		padding: 0px !important;
	}
}

@media screen and (min-width: 1025px) and (max-width: 2000px) {

	.display_1024 {
		display: none;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1269px) {

	.padding_1269 {
		padding: 0px !important;
	}

}

@media screen and (min-width: 1200px) and (max-width: 1244px) {

	.paddig_1244 {
		padding-left: 0px !important;
	}

}

@media screen and (min-width: 768px) and (max-width: 835px) {

	.paddig_1244 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

}

@media screen and (min-width: 1200px) and (max-width: 1286px) {

	.padding_1286 {
		padding: 0px !important;
	}

}

@media screen and (min-width: 992px) and (max-width: 1002px) {

	.padding_1002 {
		padding-left: 0px !important;
	}
}

@media screen and (min-width: 992px) and (max-width: 1090px) {

	.padding_1045 {
		padding: 0px !important;
	}

}

@media screen and (min-width: 300px) and (max-width: 1024px) {

	.display_1025 {
		display: block !important;
	}

}

@media screen and (min-width: 300px) and (max-width: 1199px) {

	.padding_right_1199 {
		padding-right: 0px !important
	}

	.margin_24_1199 {
		margin-top: 0px !important;
	}
}

@media screen and (min-width: 1025px) and (max-width: 2000px) {

	.left_1025 {
		float: left;
	}

}

@media screen and (min-width: 300px) and (max-width: 1024px) {

	.left_1025 {
		float: left !important;
	}

	.right_1025 {
		float: right !important;
	}
.card_title_padding{
	padding-left: 0px;
}
}

@media screen and (min-width: 992px) and (max-width: 1083px) {

	.padding_1083 {
		padding: 0px !important;
	}

}

@media screen and (min-width: 300px) and (max-width: 610px) {

	.top_471 {
		position: relative;
		top: 5px;
	}

}

@media screen and (min-width: 341px) and (max-width: 420px) {

	.details {
		font-size: 15px !important;
	}

}

@media screen and (min-width: 300px) and (max-width: 340px) {

	.details {
		font-size: 13px !important;
	}

}

@media screen and (min-width: 300px) and (max-width: 356px) {

	.margin_626 {
		margin-bottom: 10px !important;
	}

}

@media screen and (min-width: 345px) and (max-width: 430px) {

	.deduction {
		font-size: 15px !important;
	}

}

@media screen and (min-width: 320px) and (max-width: 344px) {

	.deduction {
		font-size: 13px !important;
	}

}

@media screen and (min-width: 300px) and (max-width: 432px) {

	.margin_432 {
		margin-left: 0px !important;
	}

}



@media screen and (min-width: 300px) and (max-width: 346px) {

	.margin_346 {
		margin-left: 0px !important;
	}

	.margin_top_346 {
		margin-top: 10px !important;
	}
}

@media screen and (min-width: 300px) and (max-width: 396px) {

	.margin_396 {
		margin: 0px !important;
	}

}

@media screen and (min-width: 1025px) and (max-width: 1199px) {

	.up_icon {
		border: 1px solid #ddd;
		float: left;
		padding: 2px;
		text-align: center;
		width: 40px;
	}

	.blank_div {
		border: 1px solid #ddd;
		float: left;
		padding: 2px;
		text-align: center;
		width: 40px;
	}

	.hours_button {
		border: 1px solid #ddd;
		float: left;
		padding: 2px;
		text-align: center;
		width: 40px;
	}

	.time_button {
		border: 1px solid #ddd;
		float: left;
		height: 32px;
		padding: 2px;
		text-align: center;
		width: 40px;
	}

	.down_icon {
		border: 1px solid #ddd;
		float: left;
		padding: 2px;
		text-align: center;
		width: 40px;
	}

	.place_button {
		width: 35px;
	}

}

@media screen and (min-width: 816px) and (max-width: 920px) {

	.up_icon {
		border: 1px solid #ddd;
		float: left;
		padding: 2px;
		text-align: center;
		width: 40px;
	}

	.blank_div {
		border: 1px solid #ddd;
		float: left;
		padding: 2px;
		text-align: center;
		width: 40px;
	}

	.hours_button {
		border: 1px solid #ddd;
		float: left;
		padding: 2px;
		text-align: center;
		width: 40px;
	}

	.time_button {
		border: 1px solid #ddd;
		float: left;
		height: 32px;
		padding: 2px;
		text-align: center;
		width: 40px;
	}

	.width_50 {
		line-height: 19px;
		padding: 0;
		min-width: 35px;
	}

	.down_icon {
		border: 1px solid #ddd;
		float: left;
		padding: 2px;
		text-align: center;
		width: 40px;
	}

	.place_button {
		width: 35px;
	}

}

@media screen and (min-width: 320px) and (max-width: 402px) {

	.up_icon {
		border: 1px solid #ddd;
		float: left;
		padding: 2px;
		text-align: center;
		width: 30px;
	}

	.blank_div {
		border: 1px solid #ddd;
		float: left;
		padding: 2px;
		text-align: center;
		width: 36px;
	}

	.hours_button {
		border: 1px solid #ddd;
		float: left;
		padding: 2px;
		text-align: center;
		width: 30px;
	}

	.time_button {
		border: 1px solid #ddd;
		float: left;
		height: 32px;
		padding: 2px;
		text-align: center;
		width: 36px;
	}

	.width_50 {
		line-height: 19px;
		padding: 0;
		width: 40px;
	}

	.down_icon {
		border: 1px solid #ddd;
		float: left;
		padding: 2px;
		text-align: center;
		width: 30px;
	}

	.place_button {
		width: 30px;
		padding: 0;
	}

	.semi_icon {
		float: left;
		width: 8px;
		text-align: center;
		border: 1px solid #ddd;
		padding: 1px;
	}

}

@media screen and (min-width: 992px) and (max-width: 1199px) {

	.rtable-font {
		font-size: 10px !important;
	}

}

@media screen and (min-width: 768px) and (max-width: 991px) {

	.rtable-font {
		font-size: 10px !important;
	}

	.rTableCell,
	.rTableHead,
	.rTableSubHead {
		height: 32px !important;
	}

}

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

	.box_white {
		padding: 40px;
	}
}




@media only screen and (min-width : 320px) and (max-width :991px) {

	.flex_width_subscriptions {
		flex-direction: column;
	}

	.pt_subscriptions {
		padding-top: 10px;
	}

	.flex_payment {
		flex-direction: column;
	}

	.profile_plr {
		padding: 0 !important;
	}

	.profile_prl {
		padding: 0 !important;
	}
}

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

	.box_white_pricing {
		padding: 40px 20px;
	}
}

@media only screen and (min-width : 320px) and (max-width :1024px) {

	.tabel_check_box {
		margin: 0 !important;
	}

}

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

	.module_width {
		width: 50%;
	}

}

@media screen and (min-width:320px) and (max-width: 1049px) {

	.navigation__expand {
		width: 2.6rem;
		height: 2.6rem;
		position: relative;
		margin-left: auto;
		border-radius: 100%;
		border: 1px solid #e5e5e5;
		transition: border-color .2s ease;
	}

	.custome_container {
		width: 90% !important;
	}

	.navigation__expand::after,
	.navigation__expand::before {
		content: "";
		width: 1rem;
		height: 2px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: #acacac;
		transition: transform .2s ease, background-color .2s ease;
	}

	.navigation__expand::before {
		transform: translate(-50%, -50%) rotate(90deg);
	}

	#notification_nav {
		width: 100%;
		justify-content: flex-end;
	}

	.navbar-header {
		display: flex;
	}

	.mobile_menu_inner .icon-bar:nth-of-type(3) {
		opacity: 0;
	}

	.mobile_menu_inner .icon-bar:nth-of-type(2) {
		transform: rotate(45deg);
		margin-top: 5px;
		background-color: #fff !important;
		top: 6.5px;
		position: relative;
	}

	.mobile_menu_inner .icon-bar:nth-of-type(4) {
		transform: rotate(-45deg);
		margin-top: 5px;
		background-color: #fff !important;
		top: -6.5px;
		position: relative;
	}

	.mobile_menu_inner #collbtn {
		position: absolute;
		right: -50px;
		z-index: 1000;
	}

	.mobile_menu_inner .logo-flex {
		display: flex !important;
		padding: 5px 15px;
		border-bottom: 1px solid #e7e7e7;
		position: relative;
		height: 70px;
	}

	.mobile_menu_inner ul {
		padding: 0px 10px !important;
	}

	.mobile_menu_inner ul li a {
		padding: 5px 10px !important;
		margin: 5px !important;
		font-size: 14px !important;
		display: flex;
		display: -ms-flexbox;
		align-items: center;
	}

	.mobile_school_logo {
		display: flex !important;
	}

	.sidebar li {
		border-bottom: 1px solid #e7e7e7;
		display: flex;
		align-items: center;
		padding: 5px;
	}

	.school_logo {
		max-width: 210px;
		margin-right: 40px;
	}

	.mobile_menu_wrap {
		display: block;
		height: calc(100vh - 70px);
		overflow: auto;
	}

	.mobile_menu_inner .gallery-img-dashboard {
		height: 24px;
		overflow: hidden;
		margin-right: 15px;
	}

	.side-sub-menu ul.dropdown-menu.menu_border {
		width: 100%;
		margin-top: 0;
		border-right: none !important;
		padding: 0 !important;
	}

	.side-sub-menu .sidebar li:nth-of-type(2) {
		padding-top: 0px;
	}

	.side-sub-menu .dropdown-menu>.dropdown-submenu a {
		padding: 5px !important;
		line-height: 1;
		height: unset !important;
		display: flex;
		max-height: 24px;
		align-items: center;
		width: 100%;
	}

	.side-sub-menu .dropdown-submenu {
		background: #f7f7f7;
		padding: 0 !important;
	}

	.mobile_menu_inner .side-sub-menu li.active a {
		display: flex;
		width: 100%;
	}

	.side-sub-menu i {
		display: none;
	}

	.side-sub-menu .menu-font.display_768 {
		display: block;
		/*font-size: 12px !important;*/
	}

	.side-sub-menu .dropdown-submenu:hover>.dropdown-menu {
		display: none !important;
	}

	.side-sub-menu .dropdown-submenu>a:after {
		position: absolute;
		right: 5px;
		margin-top: 0;
		margin-right: 0px;
	}

	.collaps.header-top {
		display: none;
	}

	.collaps.header-top.in {
		display: flex !important;
	}

	.side-sub-menu.opened {
		display: flex !important;
	}

	.min_height_500 {
		min-height: calc(100vh - 60px) !important;
	}
}

.field-icon {
	float: right;
	margin-left: -25px;
	margin-top: -117px;
	position: relative;
	z-index: 2;
	margin-right: 10px !important;
}

.fa-disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.sDeduction {
	cursor: pointer;
	border: none;
	width: 100px;
	padding: 4px;
	border-radius: 7px;
	transition: .1s;
}

.width-auto{
	width: auto !important;
}

/* .sDeduction:hover {
	background-color: #f4d03f;
} */

.h-100 {
	height: 100% !important;
}

.h-75 {
	height: 75%;
}

.h-50 {
	height: 50%;
}

.h-25 {
	height: 25%;
}

.h_px-100 {
	height: 100px;
}

.h_px-200 {
	height: 200px;
}

.h_px-300 {
	height: 300px;
}

.h_px-400 {
	height: 400px;
}

.h_px-500 {
	height: 500px;
}

.h_px-600 {
	height: 600px;
}

.h_px-700 {
	height: 700px;
}

.h_px-800 {
	height: 800px;
}

.onActiveCleandEvent:active {
	transition: 0.5s ease-in-out 0.2s;
}

.onActiveCleandEvent:hover {
	height: 300px;
}

.overflowHidden {
	overflow: hidden;
}

.cursor_pointer {
	cursor: pointer;
}

.addmiListContainer {
	
	/* padding: 20px 0px; */
	/* border-radius: 10px; */
	background-color: white;
	/* height: 700px; */
}
.flex_wrap{
	flex-wrap: wrap;
}
/* table>tbody>tr:nth-child(odd) {
    background-color: #f0f0f0;
    
}

table>tbody>tr:nth-child(even) {
    background-color: #005285;
	color: white;
    
} */
.boxFlex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
	row-gap: 10px;
}
.tableHeading{
	text-align: center;
	color: white ;
	/* background-color: #2d6ea1; */
	border-radius: 10px;
	padding: 14px 0px;
	font-weight: 600;
}
.detailBox{
	border-radius: 10px;
	
}
.Cflex-Column{
	flex-direction: column !important;
}
.Cflex-row{
	flex-direction: row !important;
}
.wrap-nowrap{
	flex-wrap: nowrap !important;
}
.justify-content-between{
	display: flex;
	justify-content: space-between;
}
.flex-direction-column{
	flex-direction: column;
}
.align-end{
	align-items: end;
}
.bg-c{
	background-color: pink;
}
.listData{
	/* background-color:#f2f4f4 ; */
	text-align: start;
	padding-left: 10px;
	border-radius: 10px;
	margin-left: 10px;
}

.mt-50{
	margin-top: 50px;
}
.col-gap{
	column-gap: 30px;
}
.detail{
	color: gray;
	text-transform: capitalize;
}

.align_center{
	align-items: center;
}

.key{
	font-weight: 500;
	font-size: 14px;
	color: darkslategrey;
}
.valueD	{
	color: gray;
}
.card-title{
	font-weight: 600;
	font-size: large;
	/* background: rgb(245,245,245); */
	/* background: linear-gradient(90deg, rgba(245,245,245,1) 0%, rgba(235,235,255,1) 35%, rgba(255,255,255,1) 100%);	 */
	border-radius: 4px;
	line-height: 30px;
	padding: 0px 10px;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 0px;
}

.card-subTitle{
	font-size: 20px;
	color: gray;
	font-weight: 600;
	padding: 0px 10px;
	line-height: 20px;
	margin: 5px 0px;
	margin-left: 20px;
	/* bac	kground: rgb(245,245,245); */
	border-radius: 5px;
	/* background: linear-gradient(90deg, rgba(245,245,245,1) 0%, rgba(246,246,246,1) 35%, rgba(255,255,255,1) 100%); */

}
.card-discription{
	margin: 30px 0px ;
	width: 80%;
	text-align: center;
	margin-left: 30px;
	/* margin-right: auto; */
}
.boxShadow{
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
.searchContainer{
	display: flex;
	position: relative;
	/* flex-direction: column; */
}

.btnContainer{
	display: flex;
	justify-content: end;
}

.managerImage{
	overflow: hidden;
}

.managerImage>img{
	height: 40px;
	width: 40px;
	background-position: center;
	background-repeat: no-repeat;
	
	background-size: cover;
}
.managerFont{
	font-size:medium;
	font-weight: 500;
	
}
.testimonialUserDetails{
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.modal_container {
	width: 100%;
	height: 100%;
	border: 2px solid;
	position: absolute;
	top: 0;
	background: #02112485;
	z-index: 1;
}

.modal_box {
	margin: auto;
	background: #fff;
	padding: 1rem 3rem;
	border-radius: 9px;
	position: absolute;
	left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.mainbranch{
	padding-top: 25px;
}

.iconSize{
	width: 20px;
	margin-right: 15px;
	height: 20px;
}

.locationText{
	color: gray;
}

.imagerounded{
	border-radius: 5px;
}

.min-height-350{
	min-height: 350px;
}

.mb-20{
	margin-bottom: 20px;
}

.plr-10{
	padding: 0 10px;
}

.flexOrder{
	display: flex;
	justify-content: center;
	align-items: center;
}

.formContainer{
	width: 100%;
}

.flexOrderH{
    display: flex;
	justify-content: center;
}

.flexOrderI{
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-direction: column	;
}

.card_title_align{
	display: flex;
	justify-content: start		;
}

.outerBorder{
	/* box-shadow: 1px 1px 12px rgba(220, 220, 220, 0.500); */
	border: 1px solid #f5f5fb;
	/* border: 1px solid #000; */
	padding-top: 13px; 
	padding-bottom: 10px;
	margin-top: 10px;
	border-radius: 5px;
	margin-bottom: 10px;
}

.pl-37{
	padding-left: 37px;
}

.alignContent{
	display: flex;
	flex-wrap: wrap; 
	justify-content: center;
}

.alignContent2{
	display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
}

.justify_content_center{
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center !important;
}

.justify_content_between{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.justify_content_around{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.justify_content_end{
	display: flex;
	flex-wrap: wrap;
	justify-content: end;
}

.justify_content_start{
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
}

.align_items_center{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.mt_20{
	margin-top: 40px;
}

.mr_20{
	margin-right: 20px;
}

.mt_50pr{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	height: 70vh;
	justify-content: center;
}

.empty_text{
	color: gray;
}

.align_self{
	align-self: baseline;
}	

.playStoreIcon{
	width: 100px;
}
/* .color_light{
	color: white;
	font-weight: 700;
} */
.color_dark{
	color: black;
	margin-right: 8px;	
}

.max_height{
	max-height: 80px;
}

.min_height{
	min-height: 80px;
}

.small_card{
	height: 100px;
	border-radius: 4px;
}

.small_card-respo{
	height: 100px;
	border-radius: 4px;
}

.max_width{
	max-width: 290px;	
}

.font_w{
	font-weight: 700;
}

.col_gap_10{
	column-gap: 10px;
	row-gap: 0px;
}
.height_200{
	height: 200px;
}
.height_300{
	height: 300px;
}
.height_400{
	height: 400px;
}
.relative_height{
 height: 100%;
}
.justify-between{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.justify-center{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.align-start{
	align-items: start !important;
}
.align-center{
	align-items: center	;
}

.fa-close{
	position: absolute;
	top: 12px;
	right: 12px;
}

.inputW{
	min-width: 224px;
	max-width: 300px;
}

.Logo_for_pdf{
	background-position: center;
	width: 100px;
	margin: 10px 0px 20px 0px;
}

.card_logo_name_container{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	margin-bottom: -20px;
}

.Id_card_container{
	/* width: 400px; */
	
}
.col_gap_10{
	column-gap: 20px;
}

.H_font_size{
	font-size: 100%;
}
.logo_card{
	width: 30%;
}
.heading_card{
	width: 70%;
	font-size: 22px;
	font-weight: bolder;
}
.addr_card{
	margin-top: -20;
}

.heading_Container{

}
.school_heading{
	font-size: 25px;
	font-weight: 700;
}

.fa-eye{
	position: absolute;
	right: 20px !important;
	/* top: 150px !important; */
	top: 14px !important;
	/* margin-left: 4px; */
	cursor: pointer;
}
.icon-position{
	position: absolute;
	top: 32px !important;
	right: 10px !important;
	margin-left: 0 !important;
	margin-top: 0 !important;
}
.search-icon-position{
	top: 20px ! important;
	right: 15px !important; 
	padding: 9px;
	position: absolute;
	margin-left: 0 !important;
	margin-top: 0 !important;
}
.position-relative{
	position: relative !important;
}

.position-absolute{
	position: absolute !important;
}





.HR{
	color: black;
	width: 100%;
}

.flex_column{
	flex-direction: column;

}

.footer_background{
	background-color: gray;
}

.mx_10{
	margin: 0px 10px;
}

.my_10{
	margin: 10px 0px;
}

.footer_icon_size{
	width: 30px;
}

.footer_link{
	color: black;
}

.footer_link:hover{
	color: #1a349b;
}

.background_style{
	background-color: white;
	margin-top: 15px;
	min-height: 80vh;
	border: none;	
}

.card_title {
    color: #1a349b;
    margin-bottom: 10px;
    font-family: 'Conv_PublicSans-Bold';
    text-transform: capitalize !important;
}

/* @media print {
	* {
			-webkit-print-color-adjust: exact !important;   / Chrome, Safari 6 – 15.3, Edge /
			color-adjust: exact !important;                 / Firefox 48 – 96 /
			print-color-adjust: exact !important;           / Firefox 97+, Safari 15.4+ /
	}
} */


@media screen  and (max-width: 464px) {
	.UpperLower{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: start;
	}
	.UpperLower > label{
		display: block;
	}
}

@media screen and (min-width: 200px) and (max-width: 334px) {
	.planWidth{
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	.Id_card_container{
		width: 300px;
	}
	.background_style{
		background-color: white;
		margin-top: 0px;
	}
	/*
	.H_font_size{
		font-size: 50%;
	} */
	 
}

@media screen and (min-width: 150px) and (max-width: 567px) {

}


@media screen and (min-width: 575px) and (max-width: 992px) {
  .workReport_H{
	height: 200px;
  }
  .workReport_MB{
	margin-bottom: 60px;
  }
  .workReport_MT{
	margin-top: 20px;
  }
}

@media screen and (min-width: 993px) and (max-width: 2000px) {
	.workReport_MT{
		margin-top: 40px;
	  }
	  .workReport_MB{
		margin-bottom: 20px;
	  }
}




@media screen and (min-width: 335px) and (max-width: 777px) {
	.mt_50pr{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		height: 300px;
		justify-content: center;
	}

	.planWidth{
		width: 50%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	.planItem{
		row-gap: 20px
	}
	.Id_card_container{
		width: 350px;
	}
	.background_style{
		background-color: white;
		margin-top: 0px;
	}
  }
  

  @media screen and (min-width: 778px) and (max-width: 1050px) {
	.mt_50pr{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		height: 400px;
		justify-content: center;
	}
	.Id_card_container{
		width: 400px;
	}
	.background_style{
		background-color: white;
		margin-top: 0px;
	}
  }
  



  /* PAYMENT METHOD CSS CODE START */
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.pamentContainer {
    width: 800px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(128, 128, 128, 0.397);
    border-radius: 5px;
    transition: .3s;
	background-color: white;

}

.pamentContainer:hover {
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
    transition: .3s;
}

.fullWidthRow {
    width: 100%;
    height: 12%;
    border-bottom: 1px solid red;
    box-shadow: rgba(27, 31, 35, 0.04) 0px 1px 0px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset;
}

.threeColumnContainer {
    width: 100%;
    height: 88%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.columnOne {
    width: 30%;
    background-color: rgba(54, 71, 71, 0.068);
    border-right: 1px solid rgba(128, 128, 128, 0.397);
    display: flex;
    justify-content: center;
}

.columnOne>ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    margin-top: 20px;
    width: 100%;
}

.columnOne>ul>li>p {
    text-align: center;
}

.columnOne>ul>li {
    text-align: center;
}


.columnOne>ul>li>a {
    text-decoration: none;
    color: black;
    line-height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.columnOne>ul>li>a>.Picon {
    display: flex;
    align-items: center;
    justify-content: start;
}

.columnOne>ul>li>a>span>img {
    width: 30px;
    margin-right: 5px;
}

.nextArrowSize {
    display: flex;
	padding-left: 6px;
}

.columnOne>ul>li>a:first-child {
    margin-left: 10px;
}

.columnOne>ul>li>a:last-child {
    margin-right: 10px;
}

.columnTwo {
    width: 40%;
}

.columnThree {
    width: 30%;
    background-color: rgba(54, 71, 71, 0.068);
}

.pamentIcons>span>img {
	width: 40px;
    height: 32px;
}

.pamentCardsIcons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    row-gap: 30px;
    padding: 20px;
}

.pamentIcons {
	width: 100%;
    display: flex;
    column-gap: 10px;
    justify-content: center;
    align-items: center;
}

.cardDetailForm {
    display: flex;
    justify-content: center;
}

.cardDetailForm {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}

.cardDetailForm>form {
    padding: 0px 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.cardDetailForm>form>input {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 40px;
    padding-left: 10px;
    padding-right: 33px;
    border: none;
    border-bottom: 1px solid rgba(128, 128, 128, 0.397);
}

.cardDetailForm>form>span>img {
    width: 25px;
    position: absolute;
    margin-top: -40px;
    margin-left: 100px;

}

.cardDetailForm>form>button {
    width: 80%;
    height: 40px;
    border: none;
    border-radius: 4px;
    color: white;
    font-weight: 600;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 14px;
    background-color: rgba(255, 98, 7, 0.925);
}

.cardDetailForm>form>button:hover {
    background-color: rgb(255, 98, 7);
}

.halfWidthInput {
    width: 100%;
    display: flex;
    padding: 0px;

    justify-content: space-between;
}

.halfWidthInput>input {
    width: 48%;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 40px;
    padding-left: 15px;
    padding-right: 33px;
    border: none;
    border-bottom: 1px solid rgba(128, 128, 128, 0.397);
}

.halfWidthInput>span>img {
    width: 21px;
    position: absolute;
    margin-top: 12px;
    margin-left: -30px;
}

.columnThree {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    row-gap: 16px;
    border-left: 1px solid rgba(128, 128, 128, 0.397);
}

.merchantName,
.orderId,
.paymentAmount {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    row-gap: 5px;
}

.merchantName,
.orderId,
.paymentAmount>p {
    color: rgb(49, 49, 49);
}

.franchi_text_align{
	position: absolute;
    top: 10px;
    left: 10px;
}


.link-break_new{
	line-break: anywhere;
}

.borderd_card_new{
	border: 1px solid #f2f2f2; 
    border-radius: 5px; 
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	padding-bottom: 15px;
}

.pl-0{
	padding-left: 0px !important;
}

.pr-20{
	padding-right: 20px !important;
}

.font-size-20{
	font-size: 20px;
}

.scroll_bar_new{
	height: 54vh; /* fixed height */
	overflow-y: auto;
	overflow-x:hidden; /* scrollbar on the right side when text overflows */
	padding: 10px;
}

.scroll_bar_new::-webkit-scrollbar {
    /* height: 12px; */
    width: 5px;
    background: transparent;
}
  
.scroll_bar_new::-webkit-scrollbar-thumb {
    background: #bbbbbb;
}

.ml_5{
	margin-left: 5px;
}
/* admission enquiry css */

.admission-enquiry-template .form-group{
	width: 100%;
	display: inline-block;
}
.admission-enquiry-template .outerBorder{
	border: 1px solid #f5f5fb;
	box-shadow: none;
}

.admission-enquiry-template form > div{
	max-height: 90px;
}
/* .enquiry-data-main-box {
	border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
} */
.enquiry-data-main-box .mys_padding{
	padding-bottom: 20px;
}
.enquiry-data-full-box .mys_padding .card_title {
	margin-bottom: 0;
}
.enquiry-data-main-box > .mys_padding{
	padding-top: 0px;
}
.student-details-box .border_mys.addmiListContainer{
	margin-bottom: 20px;
}
.student-details-box .enquiry-input-box{
	padding: 10px;
	display: flex;
	gap: 10px;
}
.student-details-box .enquiry-input-box .card_title,.student-details-box .enquiry-input-box .detail{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.enquiry-data-main-box .listData:first-child{
	/* border-bottom: 1px solid #05d748; */
	box-shadow: 0px 1px 0px #eee;
	padding-bottom: 30px;
}
.full-box-enquiry-details {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    display: inline-block;
    overflow: hidden;
}
.email-box .detail{
	text-transform: inherit;
}
.ps-0{
	padding-left: 0;
}

.id-dard-details{
	clear:both;
	padding:10px 0;
	/* border:1px solid black; */
	width:100%;
	float:left;
}
.id-card-full-details {
	border: 1px solid #8495a8;
	width: 100%;
	height: 100%;
	display: inline-block;
	padding: 10px;
	border-radius: 4px;
}
.print-cards .ngdialog.ngdialog-theme-default .ngdialog-close{
	right: 20px;
}
.print-cards .id-print-button{
	padding-bottom: 10px;
}
.fs-20{
	font-size: 20px;
}

.fs-18{
	font-size: 18px;
}

.top_55_new{
	top: 55px !important;
}
.left_14_new{
	left: 14px !important;
}

/* .pl-20{
	padding-left: 20px !important;
} */

@media   (min-width: 320px) and (max-width: 767px){
	.pl-20{
		padding-left: 0px !important;
	}
}
@media (min-width: 768px){
	.pl-20{
		padding-left: 17px !important;
	}
}

.school-logos {
	width:100%;
	display: inline-block;
	padding-left:15px;
	text-align: center;
}
.school-logos p.ng-binding{
	margin-bottom: 5px;
	font-size: 13px;
	line-height: 1rem;
}
.id-card-full-details label b,.heading_Container + .card-view b{
	display: inline-block;
	width: 125px;
}
.mb-0{
	margin-bottom: 0px !important;
}
.pe-0{
	padding-right: 0;
}
.pt-20{
	padding-top: 20px;
}
.pt-10{
	padding-top: 10px;
}
.gallery-ui-wrap-design {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
}

.gallery-ui-wrap-design > .padding_left_0.media_padding_0 > .white-box-shadow1 {
	margin-bottom: 0;
}

.print-card{
	clear:both;
	border:1px solid #e4e4e4;
	border-radius: 10px; 
	width:100%;
	display: flex;
	flex-wrap: wrap;
}

.heading_Container {
	padding: 10px;
	background-color: #ffd826;
  	background-image: linear-gradient(90deg, #ffd826 60%, #ffae35);
	/* background-image: linear-gradient(90deg, #949dff, #626dff); */
	width: 100%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	border-radius: 8px 8px 0px 0px;
}

.m-0{
	margin: 0 !important;
}

.main-print-card{
	clear:both;
	border:1px solid #e4e4e4;
	border-radius: 10px; 
	width:100%;
	display: flex;
  	flex-direction: column;
}

.border-top-1{
	border-top:1px solid #e4e4e4;
}

.border-bottom-1{
	border-bottom: 1px solid #e4e4e4;
}

.fixed-card-width{
	width: 500px;
}

.head-card{
	font-family: 'Conv_PublicSans-regular';
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 25px;
	text-align: center;
	font-weight: bold;
}

.head-text{
	font-size: 14px;
	margin-bottom: 0px;
	text-align: center;
	text-transform: capitalize;
}

.w-50{
	width: 50%;
}

.mt-40-0{
	margin-top: 40px;
}

@media only screen and (min-width : 320px) and (max-width :991px) {

	.mt-40-0{
		margin-top: 0px;
	}

}

@media only screen and (min-width : 576px) and (max-width :861px) {

	.media-center-861{
		align-items: center;
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	.width-861{
		width: 100%;
	}


}

@media only screen and (min-width : 320px) and (max-width :575px) {

	.fixed-card-width{
		width: 100%;
	}

	.width-575-card{
		width: 100% !important;
	}

	.center-card{
		text-align: center;
	}

	.p-0-575{
		padding: 0 !important;
	}
}

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

	.fixed-card-width{
		width: 100%;
	}

}

@media (min-width: 305px) {
    .pamentContainer {
        width: 300px;
    }

    .columnOne {
        width: 100%;
        border-bottom: 1px solid rgba(128, 128, 128, 0.397);

    }

    .columnTwo {
        width: 100%;
    }

    .columnThree {
        width: 100%;
        padding: 10px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 10px;
        border-top: 1px solid rgba(128, 128, 128, 0.397);
    }

    .cardDetailForm>form>span>img {
        width: 25px;
        position: absolute;
        margin-top: -36px;
        margin-left: 110px;
    }
	.fullWidthRow {
		height: 60px;
	}

}

@media only screen and (min-width : 320px) and (max-width :991px) {
    
    .clear_both_991{
        clear: both;
    }
}

/* / // Small devices (landscape phones, 576px and up) / */
@media (min-width: 576px) {
    .pamentContainer {
        width: 500px;


    }

    .columnOne {
        width: 100%;
        border-bottom: 1px solid rgba(128, 128, 128, 0.397);
        border-right: none;
        border-left: 0px;
    }

    .columnTwo {
        width: 90%;
    }
 
    .columnThree {
        width: 100%;
        padding: 10px 35%;
        height: 100%;
        display: flex;
        justify-content: center;
        row-gap: 10px;
        border-top: 1px solid rgba(128, 128, 128, 0.397);
		border-left: 0px;
    }

    .cardDetailForm>form>span>img {
        width: 25px;
        position: absolute;
        margin-top: -36px;
        margin-left: 185px;
    }
	.fullWidthRow {
		height: 60px;
	}

}

/* / // Medium devices (tablets, 768px and up) / */
@media (min-width: 768px) {
    .pamentContainer {
        width: 700px;
        height: 500px;
    }

    .columnOne {
        width: 30%;
    }

    .columnOne {
        width: 30%;
        height: 100%;
        border-bottom: none;
        border-right: 1px solid rgba(128, 128, 128, 0.397);
    }

    .columnTwo {
        width: 40%;
        height: 100%;
    }

    .columnThree {
        width: 30%;
        padding: 10px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        row-gap: 10px;
        justify-content: start;
        border-left: 1px solid rgba(128, 128, 128, 0.397);
    }

    .cardDetailForm>form>span>img {
        width: 25px;
        position: absolute;
        margin-top: -36px;
        margin-left: 100px;
    }

    .columnOne>ul>li>a {
        line-height: 14px;
    }

}

@media (min-width: 900px) {
	.directionChange{
		flex-direction: column;
	}
}



/* / // X-Large devices (large desktops, 1200px and up) / */
@media (min-width: 1200px) {
    .pamentContainer {
        width: 800px;
        height: 500px;

    }

    .columnOne {
        width: 30%;
        height: 100%;
    }

    .columnTwo {
        width: 40%;
        height: 100%;
    }

    .columnThree {
        width: 30%;
        align-items: start;
        padding: 20px;
        row-gap: 15px;
        border-left: 1px solid rgba(128, 128, 128, 0.397);
    }

    .cardDetailForm>form>span>img {
        width: 25px;
        position: absolute;
        margin-top: -40px;
        margin-left: 120px;
    }

    .columnOne>ul>li>a {
        line-height: 40px;
    }
}

/* / // XX-Large devices (larger desktops, 1400px and up) / */
@media (min-width: 1400px) {
    .pamentContainer {
        width: 800px;
        height: 500px;
    }

    .columnOne {
        width: 30%;
        height: 100%;
    }

    .columnTwo {
        width: 40%;
        height: 100%;
    }

    .columnThree {
        width: 30%;
        padding: 20px;
        row-gap: 15px;
        border-left: 1px solid rgba(128, 128, 128, 0.397);
    }
}
  /* PAYMENT METHOD CSS CODE END */



  .border-right-1{
	border-right: 2px solid rgb(184, 184, 184);
	margin-right: 5px;
  }

  .color-mGray{
	color : #868686;
  }
  .fs_14{
	font-size: 14px;
  }
  .mt_20_new{
	margin-top: 20px;
  }

  .mt_20_new-respo{
	margin-top: 20px;
  }

  .mt_0{
	margin-top: 0px;
  }
  .justify-end{
	display: flex;
	flex-wrap: wrap;
	justify-content: end;
  }

  .action_data_alignment{
	display: flex;
	flex-direction: column;
	justify-content: center;
  }

  .text_red{
	color: red;
  }
  .text_gray{
	color: gray;
  }

  .fs_16{
	font-size: 16px;
  }

  .align-items-center{
	align-items: center !important;
  }

  .justify-content-center{
	justify-content: center;
  }
.fix_width_300{
	width: 300px !important;
}
  .line_height_12{
	line-height: 12;
  }

  .text_formate_new{
	font-weight: 600; 
	color: gray; 
	line-height: 20px; 
	margin-bottom: 15px; 
	/* border-bottom: 1px solid rgb(216, 216, 216);  */
	box-shadow: rgba(27, 31, 35, 0.04) 0px 1px 0px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset;
  }

  .py_10{
	padding: 10px 0px;
  }

  .mb-10{
	margin-bottom: 10px !important;
  }

  .mb-12{
	margin-bottom: 12px !important;
  }

  .top_-69{
	top: 75px !important;
  }

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

  .error-enduiry{
	max-height: 20px;
	color: red !important;
	margin-bottom: 0px;
	font-size: 12px;
	line-height: 20px;
  }

  .mt-20{
	margin-top: 20px;
  }

  .fs-16{
	font-size: 16px !important;
  }

  .fw-600{
	font-weight: 600 !important;
  }

  .fs-14{
	font-size: 14px !important;
  }

  .fs-12{
	font-size: 12px !important;
  }

  .mt-10{
	margin-top: 10px !important;
  }

  .me-10{
	margin-right: 10px !important;
  }

  .gap-10{
	gap: 10px !important;
  }

  /* .flex-direction-respo{
	flex-direction: row !important;
} */

.p-30{
	padding: 30px !important;
}

.overflow-y-hidden{
	overflow-y: hidden !important;
}

.overflow-x-auto{
	overflow-x: auto;
}

.top-0{
	top: 0px !important;
}
.p-0{
	padding: 0px !important;
}

.max-h-200{
	max-height: 200px !important;
}

.max-h-100{
	max-height: 100px !important;
}

.overflow-hidden{
	overflow: hidden !important;
}

.overflow-y-auto{
	overflow-y: auto !important;
}

@media only screen and (min-width : 320px) and (max-width :575px) {
	
	.pricing th{
		font-size: 14px !important;
	}

	.plan_pricing_head{
		font-size: 30px;
	}

	.simple_pricing{
		font-size: 14px;
	}

}

@media only screen and (min-width : 320px) and (max-width :829px) {

	.mt_-70{
		margin-top: 0px !important;
	}

}

@media only screen and (min-width : 320px) and (max-width :767px) {
	
	.news_letter{
		margin-bottom: 30px;
	}
}

@media only screen and (min-width : 320px) and (max-width :603px) {
	
	.NOS-width-respo{
		width: 165px !important;
	}

	.mt-20-respo{
		margin-top:20px !important ;
	}

	.P-width-respo{
		width: 97px !important;
		padding: 0px;
	}

	.M-width-respo{
		width: 61px !important;
	}

	.B-width-respo{
		width: 61px !important;
	}

	.A-width-respo{
		width: 113px !important;
	}

	.custome_container {
        width: 98% !important;
    }
}

.flex-wrap{
	flex-wrap: wrap !important;
}

/* .w-153{
	width: 153px !important;
}

.w-75{
	width: 75px !important;
}

.w-50{
	width: 50px !important;
}

.w-60{
	width: 60px !important;
}

.w-70{
	width: 70px !important;
} */

.justify-content-around{
	justify-content: space-around !important;
}

.p-25{
	padding: 25px !important;
}

.top-4{
	top: 4px !important;
}

.fw-500{
	font-weight: 500 !important;
}

.justify-content-start{
	justify-content: start !important;
}

.justify-content-end{
	justify-content: end !important;
}

.self-align-end{
	align-self: flex-end;
}
.align-items-start{
	align-items: start !important;
}

.direction-column-respo{
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap;
}

.px-respo{
	padding: 0px 10px !important; 
}

.mt_-70{
	margin-top: -70px ;
}

.b_-19{
	bottom: -19px !important;
}

.r_15{
	right: 15px;
}

.r_0{
	right: 0px !important;
}

.b_-9{
	bottom: -9px !important;
}

.r-15{
	right: 15px !important;
}

.px_5{
	padding: 0px 5px !important;
}

.mt-5{
	margin-top: 5px !important;
}
.mt-25{
	margin: 25px 0px !important;
}

.pe-7{
	padding-right: 7px !important;
}

.w-177{
	width: 177px !important;
}

.top-3px{
	top: 3px !important;
}

.width-200{
	width: 200px !important;
}

.width-20{
	width: 20%;
}

.mt_15{
	margin-top: 15px !important;
}

.mr_15{
	margin-right: 15px !important;
}

.l_15{
	left: 15px !important;
}

.lh-41{
	line-height: 41px !important;
}

.pl-15{
	padding-left: 15px !important;
}

.pr-15{
	padding-right: 15px !important;
}

.px_15{
	padding: 0px 15px !important;
}

.c-blue{
	color: #1a349b !important;
}

.bottom_4{
	bottom: 4px !important;
}


/* Ensure dropdown background is not transparent */
.ng-dropdown-wrapper {
    background-color: #fff; /* Set a solid background color */
    border: 1px solid #ccc; /* Optional: Add a border for better visibility */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Optional: Add shadow for depth */
}

/* Style the dropdown list for better visibility */
.ng-dropdown-panel {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Style the selected options */
.ng-multiselect-container {
    background-color: #fff;
    border: 1px solid #ccc;
}

/* Change background color when hovering over options */
.ng-dropdown-panel .ng-option:hover {
    background-color: #f1f1f1; /* Light grey on hover */
}

/* Change background color of selected items */
.ng-multiselect-container .ng-value {
    background-color: #e6f7ff; /* Light blue for selected items */
    border: 1px solid #b3e0ff; /* Blue border */
}

/* Ensure the dropdown input field is larger */
.ng-multiselect {
    width: 100% !important; /* Make it fill the available width */
    padding: 10px; /* Add some padding inside the input for a more spacious look */
    font-size: 16px; /* Increase font size for better readability */
    border: 1px solid #ccc; /* Define a border for visibility */
    border-radius: 4px; /* Optional: rounded corners */
}

/* Style the dropdown panel to expand as well */
.ng-dropdown-panel {
    width: 100% !important; /* Match the width of the dropdown input */
    padding: 10px 0; /* Optional: Add some padding */
    border-radius: 4px; /* Rounded corners for consistency */
}

/* Adjust size of selected items in the dropdown */
.ng-multiselect-container {
    padding: 10px; /* Add padding to make the input area larger */
    font-size: 16px; /* Match the font size with the input field */
    min-height: 40px; /* Ensure enough height for the input */
}