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

Template Name: Ticket 



**************************************
    Table Of Contents
**************************************

1.
2. 
3.   


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



/* common style  */
.bg-dark {
	background-color: #1D262D !important;
}
.select2-search--dropdown {
	padding: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
	display: none;
}
.form-group.textbox textarea{
	height: inherit;
}
.form-group.checkbox-group {
	margin-left: 20px;
}
.form-group.checkbox-group .cbx {
	position: absolute;
	left: 45px;
	top: 6px;
}

[class^="flaticon-"]::before, [class*=" flaticon-"]::before, [class^="flaticon-"]::after, [class*=" flaticon-"]::after {
	font-size: 16px;
	margin-left: 0;
	color: #4EB99F;
}
.developer a {
	color: #707070;
} 
.developer a:hover {
	color: #4EB99F;
} 


/* Dashboard style  */
.asset_overview {
	margin-top: 66px;
	height: 180px;
	border-radius: 30px;
    margin-bottom: 30px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
}
.asset_overview-img img{
	margin-top: -66px;
	position: relative;
}
.asset_overview h2 {
	font-size: 60px;
	line-height: 1;
	margin-top: -15px;
}
.asset_overview p {
    font-size: 30px;
}
.bg-gradient-purple  {
	background: linear-gradient(135deg, #e564fb 0%,#9c27b0 66%);
	box-shadow: 0 1rem 3rem rgba(156, 39, 176, .35);
}
.bg-gradient-blue {
	background: linear-gradient(135deg, #77C1FC 0%,#42A5F5 66%);
	box-shadow: 0 1rem 3rem rgba(66, 165, 245, .35);
}
.bg-gradient-green {
	background: linear-gradient(135deg, #6FF175 0%,#66BB6A 66%);
    box-shadow: 0 1rem 3rem rgba(102, 187, 106, .35);
}
.bg-gradient-yellow {
	background: linear-gradient(135deg, #FFD291 0%,#FFA726 66%);
	box-shadow: 0 1rem 3rem rgba(255, 167, 38, .35);
}
.asset_overview:hover{
    box-shadow: none;
}


/* Admission Form  */
.form__title {
	color: #ffffff;
	background-color: #042954;
	border-color: #15494e;
	font-size: 16px;
	padding: 12px 20px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}
.form--panel {
	border: 1px solid #ced4da;
	padding: 20px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

/* Student Details  */
.about--details img {
	width: 100%;
}
.about--details .table tr td:nth-child(1) {
	width: 200px;
}
.about--details .form--panel {
	padding: 0;
}

/* Message Form Style  */
.selectAllStaff-wrap label::before,
.selectAllStaff-wrap  label::after {
	top: .5px;
}
.selectAllStaff-wrap label {
	padding-left: 24px;
}
#selectAllStaff {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 1px;
	left: 12px;
	z-index: 1;
	opacity: 0;
}
.contactInfo--grid, .smsReport--grid {
	position: relative;
	overflow: hidden;
	height: 350px;
	border-radius: 5px;
}
.contactInfo--grid .table-responsive {
	height: 100%;
}
.smsReport--grid .table-responsive {
	overflow-x: hidden;
	height: 100%;
}

/* Responsive  Start here*/
@media only screen and (min-width: 1366.98px) {
    .new-added-form .row{
		padding-right: 60px;
	}
	.new-added-form label{
		padding-left: 55px;
	}
}
@media only screen and (max-width: 991.98px) {
    .about--details img {
		width: auto;
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 575.98px) {
    .card-body {
        padding: 15px 15px 30px;
    }
    .btn-fill-lg {
        padding: 8px 38px;
    }
	.dataTables_wrapper .dataTables_paginate .paginate_button {
		padding: 5px;
	}
	.item-title h3 span {
		display: block;
	}
	.row.center--row {
		flex-direction: column-reverse;
	}
}
@media only screen and (max-width: 480.98px) {
	.about--details .item-title h3 {
		margin-bottom: 15px;
	}
	.form--panel {
		padding: 15px;
	}
	
}


/* Toggle Switch  */
.switch {
	position: relative;
	display: inline-block;
	width: 70px;
	height: 34px;
  }
  
.switch input { 
	opacity: 0;
	width: 0;
	height: 0;
}
  .switchSlider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #9E9E9E;
	-webkit-transition: .4s;
	transition: .4s;
  }

  .switchSlider::before {
	position: absolute;
	content: "\f101";
	height: 32px;
	width: 32px;
	left: 3px;
	bottom: 1px;
	background-color: #DFE2EA;
	-webkit-transition: .4s;
	transition: .4s;
	font-family: Flaticon;
	color: #04B1E9;
	text-align: center;
	line-height: 32px;
	z-index: 9;
}
  
.switchSlider::after {
	position: absolute;
	content: "OFF";
	right: 8px;
	bottom: 6px;
	color: #fff;
	font-size: 12px;
}
input:checked + .switchSlider::after {
	position: absolute;
	content: "ON";
	left: 8px;
	bottom: 6px;
	color: #fff;
	font-size: 12px;
	text-align: left;
  }
  input:checked + .switchSlider {
	background-color: #04B1E9;
  }
  
  input:focus + .switchSlider {
	box-shadow: 0 0 1px #04B1E9;
  }
  
  input:checked + .switchSlider:before {
	-webkit-transform: translateX(32px);
	-ms-transform: translateX(32px);
	transform: translateX(32px);
  }
  
  /* Rounded sliders */
  .switchSlider.round {
	border-radius: 34px;
  }
  
  .switchSlider.round:before {
	border-radius: 50%;
  }
/* Settings  */
  .setting-title {
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 0;
  }
  #settings .row {
	margin-bottom: 10px;
  }

.btn-max  {
	padding: 15px 48px;
}


/*Login page Style start here*/ 
.container-login100 {
	width: 100%;
	min-height: 100vh;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 15px;
	background: #404F58;
}
.wrap-login100 {
	width: 500px;
	padding: 55px;
	background: #1D262D;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
}
#chkRemember {
	margin-right: 5px
}
.pnlBackGround {
	position: fixed;
	margin-left: 0%;
	padding: 25px;
	padding-top: 10px;
	min-width: 600px;
	text-align: center;
	background-color: #E3E3E3;
	border: 1px solid rgba(78, 185, 159, 0.6);
	border-radius: 5px;
}
hr {
	border-top: 1px solid rgba(78, 185, 159, 0.6);
}

#blogger.box {
	float: left;
	margin: 0 15px 15px 0;
	background: #fff;
	border-radius: 5px;
	border: 1px solid transparent;
}
	#blogger.box:hover {
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1) !important;
		border: 1px solid #ccc;
	}
	#blogger.box span,
	#blogger.box {
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}
	#blogger.box:hover span {
		color: #00B879 !important;
	}
.custom-title {
	color: #439A87;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 300;
}
/* Dashboard style  start here*/
.card.dashboard-card {
	background: #1D262D;
	padding: 20px 20px 50px;
	border-radius: 5px;
	height:inherit;
}

	.card.dashboard-card .card-body {
		background-color: transparent;
		box-shadow: none;
		padding: 0;
	}

.dashboard-card .card-title h4 {
	color: #439A87;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 300;
	margin-bottom: 15px;
}

.dashboard-card .card-item {
	border-bottom: 1px solid rgba(78, 185, 159, 0.6);
	padding-bottom: 10px;
	margin-bottom: 20px;
}

	.dashboard-card .card-item li {
		color: #fff;
		font-size: 16px;
		text-transform: capitalize;
		display: flex;
		justify-content: space-between;
		line-height: 1.5;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	.dashboard-card .card-item a:hover li {
		color: #00B879;
	}

	.dashboard-card .card-item li span:last-child {
		color: #439A87;
		font-weight: 300;
	}

.card-counter {
	height: 170px;
	width: 170px;
	margin: auto;
	text-align: center;
	margin-bottom: 28px;
}

	.card-counter h3 {
		color: #fff;
		line-height: 170px;
	}

.card-title-b {
	color: #439A87;
	text-transform: uppercase;
	font-size: 28px;
	margin-bottom: 5px;
}

.dashboard-card .card-desc {
	color: #fff;
	font-size: 14px;
	margin-bottom: 0;
}
.DocumentList a {
	color: #fff;
	display:block;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
	.DocumentList a:hover,
	.DocumentList  span{
		color: #00B879;
	}
.DocumentList hr {
	margin-top: 1em;
}
.DocumentList-title {
	color: #439A87;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 300;
}

/*Telerik Grid Style */
.radio-list input{
	margin-right: 5px;
}
.radio-list  label {
	margin-bottom: 0;
}
.card-body .RadGrid_Default {
	border-color: rgba(78, 185, 159, 0.6);
}

	.card-body .RadGrid_Default .rgAltRow,
	.card-body .RadGrid_Default .rgAltRow .rgSorted {
		background: #F2F2F2;
	}
.card-body .rgRow {
	background: #fff;
}
.card-body .RadGrid_Default .rgRow .rgSorted {
	border-bottom-color: transparent;
	background-color: #fff;
}
.card-body .RadGrid_Default td {
	text-transform: capitalize;
	font-size: 15px !important;
}
.card-body .RadGrid_Default .rgSelectedRow > td {
	border-bottom-color: rgba(78, 185, 159, 0.6);
}
.card-body .RadGrid .rgSelectedRow {
	font-weight: 600;
}
.card-body .RadGrid_Default .rgFilterRow {
	background: #fff;
}
.card-body thead tr th {
	border-bottom: 2px solid #EAEAEA;
}

/*Training Cart Style */

	.training-card .card-body {
		padding: 1.25rem;
	}

.training-card .panel-heading {
	color: #fff;
	padding: 10px;
	text-transform: capitalize;
	border-radius: 3px;
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
}


/*Offer Page design*/
.offProduct-wrap {
    border: 1px solid #4EB99F;
}
.single-offer {
    margin-bottom:30px;
    background: #fff;
}
    .single-offer:last-child {
        margin-bottom: 0;
    }
.off-inner {
    padding: 30px;
}
input.ls_Number {
    max-width: 75px;
    border: 1px solid #ccc;
    font-weight: 600;
    padding-left: 10px;
    border-radius: 3px;
    margin-left: 15px;
}
.off-thumb {
    margin-right: 20px;
}

	.off-thumb img {
		max-width: inherit;
	}

.off-title,
.off-subtitle {
    text-transform: capitalize;
    margin-bottom: 0;
    font-weight: 500;
    color: #333;
}
.off-subtitle {
    font-size: 18px;
}
    .lsTitle p {
        color: #333;
        font-size: 18px;
        font-weight: 500;
    }

.off-right-head {
    border-bottom: 1px solid #4EB99F;
}
.off-right-wrap {
    border: 1px solid #4EB99F;
    padding: 20px 30px 30px;
    background: #fff;
}
.off-textarea{
    font-size:16px;
}


.meta_CartBell a {
	height: 35px;
	width: 35px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	font-size: 30px;
	display: inline-block;
	border-radius: 50%;
}

	.meta_CartBell a:hover {
		box-shadow: 0 0 10px rgb(0 0 0 / 15%);
	}

	.meta_CartBell a span {
		position: absolute;
		top: -5px;
		right: -13px;
		height: 25px;
		width: 26px;
		line-height: 21px;
		text-align: center;
		background: #ff0000;
		font-size: 14px;
		color: #fff;
		border-radius: 50%;
		font-weight: 600;
		border: 3px solid #FFF;
	}
.totalcart{
	position:absolute;
}

#ContentPlaceHolder1_btnOffer {	
	position: relative;
}

#ContentPlaceHolder1_btnOffer:before {
	content: '\f217';
	font-family: "Font Awesome 5 Free";
	font-weight:900;
	left:0;
	top:0;
	position:absolute;
}
#modelAddtoCart.show,
#modalEmailError.show {
	display: block;
}
	#modelAddtoCart.show::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		background: rgba(0,0,0,0.5);
		height: 100%;
		width: 100%;
	}
	#modelAddtoCart.show .modal-dialog {
		transform: translate(0,30%);
	}

#lblNotificationCount {
	color: white !important;
	font-weight: bolder !important;
	border: 2px solid white;
	height: 20px;
	width: 20px;
}

.header-main-menu .navbar-nav .header-notification .navbar-nav-link span {	
	background-color: #109209;
}
.Modulewise_NewsWrap {
	height: 680px;
	overflow: scroll;
	padding-right: 50px;
}

::-webkit-scrollbar {
	width: .6vw;
	height: .6vw;
}

::-webkit-scrollbar-thumb {
	background-color: #BCBCBC;
	border-radius: 15px;
}

::-webkit-scrollbar-track {
	background-color: #F3F4F6;
	border-radius: 15px;
}
.gg-20 {
	grid-gap:20px;
}
.Modulewise_NewsWrap .VideoContainer {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
	grid-gap: 40px 50px;
}
.videoItem hr{
	background: #000;
}
.videoItem video {
	border: 1px solid #f2f2f2;
}