@charset "utf-8";
/* CSS Document */
html{
	font-size:16px;
}
body{
	font-family: "Jost", sans-serif;
	font-size:16px;
	color:#222;
	line-height: 1.3;
}
.table{
	font-size:15px;
	word-wrap: initial;
}
.main-header{
	margin:0 !important;
	background:#000;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1037;
}
.h3, h3 {
  font-size: 1.315em;
}

h4, .h4 {
  font-size: 1.25rem;
}
h5, .h5 {
  font-size: 1.18rem;
}
h6, .h6 {
  font-size: 1rem;
  font-weight:600;
}
.content-header h1, .heading_1 {
  margin-top:3px !important;
  margin-bottom:0 !important;
  font-size: 21px;
  font-weight: 500;
  color: #000;
  text-transform: uppercase;
  position: relative;
	display: inline;
	border-bottom: #00a2ff solid 2px;  /*25jun24*/
	line-height:1.6;
}
@media(max-width:576px){
	.content-header h1, .heading_1 {
	  font-size: 18px;
		border-bottom: #00a2ff solid 2px;
		margin-bottom: 7px !important;
	}
}

.content-header h6 {
  font-size: 1em;
  margin: 10px 0 0 0;
  font-weight: 400;
}
.content-header h6 + h6{
  margin: 5px 0 0 0;
}
.heading_2 {
  margin: 0 0 15px;
  font-size: 1.25em;
  font-weight: 500;
  color: #1898e2;
  text-transform: capitalize;
}
.heading_3 {
  margin: 0 0 15px;
  font-size:1.188em;
  font-weight: 500;
}
img{
	max-width:100%;
}
.btn{
	font-weight:400;
	padding:.375rem .85rem;
	/*text-transform: capitalize;*/
	text-transform:uppercase;
	padding: 10px 14px;
  line-height: 1.28;
  font-size: 14.5px;
}
.navbar-brand {
  margin-right: 1rem;
  max-width:70px;
  display:block;
  padding:0;
}
.main-header .nav-link{
	height:auto;
}
.main-header .login_dropdown  .dropdown-toggle{
	color:#fff;
	cursor:pointer;
	text-align: right;
	display: inline-block;
	position:relative;
	padding:0 20px 0 0;
	font-size:0.9em;
}
.main-header  .login_dropdown .dropdown-toggle span{
	display: block;
	font-size: 0.9em;
	color: #bbb;
}
.main-header .login_dropdown .dropdown-toggle:after{
	position:absolute;
	right:0;
	top:11px;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255,255,255,1);
}
.content-wrapper{
	margin:0 !important;
	margin-top:54px !important;
}
@media(max-width:1200px){
.content-wrapper {
  margin-top: 94px !important;
}
}
.main-header > .nav > .nav-item > .nav{
	display:none;
}
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show > .nav-link {
  color:#52c0ff;
}
a, .text_link {
  color: #0394e7;
}
.text_link {
  cursor:pointer;
}
a:hover {
  color: #0394e7;
  text-decoration:underline;
}
.btn:hover{
	box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
	transition:all 0.1s;
}
.btn-disabled {
  color: #fff;
  background-color: #c5cbd0;
	border-color: #b9bec3;
	cursor:default !important;
}
.btn-disabled:hover {
  color: #fff;
  box-shadow:none;
}
.btn-outline-primary {
	color: #0394e7;
	border-color:#0394e7;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #00a2ff;
  border-color: #00a2ff;
}
.btn-primary {
  color: #fff;
  background-color: #1898e2;
  border-color: #1898e2;
  box-shadow: none;
}
.btn-primary:hover {
  color: #fff;
  background-color: #1898e2;
  border-color: #1898e2;
}
.bg-gradient-primary, .bg-gradient-primary:active {
  background: hsla(217, 100%, 50%, 1);
  background: #1898e2 linear-gradient(90deg,#1898e2,#27ccff) repeat-x !important;
  color: #fff;
  border:none;
}
.bg-gradient-primary.btn:hover{
  background: #1898e2 linear-gradient(90deg,#1898e2,#27ccff) repeat-x !important;
  color: #fff;
  border:none;
}
.bg-gradient-primary.btn.active, .bg-gradient-primary.btn:active, .bg-gradient-primary.btn:not(:disabled):not(.disabled).active, .bg-gradient-primary.btn:not(:disabled):not(.disabled):active {
    background: #1898e2 linear-gradient(90deg,#1898e2,#27ccff) repeat-x !important;
  border-color: #005cbf;
  color: #fff;
}
.bg-primary {
  background-color: #1898e2 !important;
}
.btn-secondary {
  color: #fff;
  background-color: #9ea5aa;
  border-color: #939fa9;
  box-shadow: none;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #9ea5aa;
  border-color: #939fa9;

}
.btn-success {
  color: #fff;
  background-color: #06B56D;
  border-color: #06B56D;
  box-shadow: none;
}
.bg-success {
  background-color: #06B56D  !important;
}
.btn-success:hover {
  color: #fff;
  background-color: #06B56D;
  border-color: #06B56D;
  box-shadow: none;
}
.btn .fas{
	font-size:0.8em;
	position: relative;
    top: -1px;
}
.btn .fas.icon_left{
	margin-right:5px;
}
.btn .fas.icon_right{
	margin-left:5px;
}
.btn-group-sm > .btn, .btn-sm {
  padding:8px 10px;
  font-size:14px;
  line-height:1;
  border-radius: .2rem;
}
.btn-xs {
  padding: 5px 7px 4px;
  font-size: 12.5px;
  line-height: 1;
  border-radius: .25rem;
}
.table tr td .btn {
	margin:0px 5px 5px ;
}
.dropdown-toggle::after {
  vertical-align: .155em;
}
.badge.icon {
  padding: .3em .3em;
}
.table td, .table th {
  padding: 0.6rem .75rem;
}
.table.table-sm td, .table.table-sm th {
  padding: 0.3rem .75rem;
}
.table thead th {
  background:#1898e2;
  color: #fff;
  font-weight:500;
  padding: 0.4rem .75rem;
}
.table thead th, .table tbody td {
	font-size:0.95em;
}
label:not(.form-check-label):not(.custom-file-label) {
  font-weight: 500;
  margin-bottom: 2px;
  font-size: 14px;
}
.card-primary:not(.card-outline) > .card-header {
  background-color: #00a2ff;
}
.text-info{
	color:#00a2ff !important;
}
.border-info{
	border-color:#00a2ff   !important;
}
.card-title{
	font-size:18px;
	font-weight:500;
	text-transform:capitalize;
	line-height: 21px;
}
.card-header {
  background-color: #e5f8ff;
  background-color:#f0f0f0;
}
.dropdown-item:focus, .dropdown-item:hover {
  color: #16181b;
  text-decoration: none;
  background-color: #e5f8ff;
}
.card-header form{
	/*padding-top:15px;*/
	margin-bottom:-15px;
}
.form-group {
  margin-bottom:20px;
}
label.error{
	display: inline;
	font-weight: 400 !important;
	font-size: 0.9em;
	color: red;
}
.form-group label.error{
	margin-bottom:0;
}
.dropdown-menu{
	background:#00a0fc;
	padding-top:2px;
	padding-bottom:2px;
}
.dropdown-menu.datepicker{
	background:#fff;
}
.dropdown-item {
  border-bottom:solid 1px #0485d0;
  color: #fff;
  font-size: 15px;
  line-height: 1.42857143;
  padding: .30rem 1rem;
}
.dropdown-menu li:last-child .dropdown-item, .dropdown-menu > .dropdown-item:last-child  {
  border-bottom:none;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #0483cc;
}
.dropdown-item .fas {
  font-size: 12px;
  position:relative;
  left: -3px;
  top: -2px;
}
@media (max-width:1200px){
		.log_setting{
		display:block;
		width:100%;
		text-align:right;
		-ms-flex-order: 2;
	    order: 2;
	}
}
@media (max-width:1200px){

#navbarCollapse{
	position:relative;
	z-index:200;
	margin:10px 0 0 0;
}
#navbarCollapse .dropdown-menu{
	padding:2px 0;
}
#navbarCollapse .dropdown-item {
	padding-top:10px;
	padding-bottom:10px;
}
#navbarCollapse .nav-item {
	padding:5px 10px;
	border-bottom:solid 1px #3e4b64;
}
#navbarCollapse > ul {
	border-top:solid 1px #ccc;
	text-transform:none;

}
}
/*.btn + .btn{
	margin-left:10px;
}*/
.dropdown-item.inactive{
	opacity:0.4;
	cursor:default !important;
}
.dropdown-item.inactive:hover{
	color:#fff;
	opacity:0.4;
	cursor:default !important;
	background: #00a0fc;
}
.data_listing{
	margin:0;
}
.data_listing dt, .data_listing dd {
	z-index:1;

	margin-bottom:3px;
	padding:4px 10px;
	position:relative;
}

.data_listing dt:after {
	position:absolute;
	content:'';
	height:100%;
	width:100%;
	background: #c7e6f8;
	margin-left:-8px;
	z-index:-1;
	left:8px;
	right:8px;
	top:0;
	bottom:0;

}
.data_listing dt{
	font-weight:500;
}
.data_listing dd:after {
	position:absolute;
	content:'';
	height:100%;
	width:100%;
	background: #e5f8ff;
	z-index:-1;
	left:0px;
	right:0px;
	top:0;
	bottom:0;
}
@media (min-width:768px){
	.data_listing{
	margin:0 -6px;
}
.data_listing dt{
	border-left: solid 6px #fff;
}
.data_listing dd {
	border-right: solid 6px #fff;
	word-wrap: normal;
}
}
.fieldsetbg{
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:15px;
	border: 1px solid #c4dfe9 !important;
	background-color: #edf7fb !important
}
.mt-45, .my-45, .mt-sm-45, .my-sm-45, .mt-md-45, .my-md-45 {
  margin-top: 2rem !important;
}
.nav-pills .nav-link {
  color: #000;
border: solid 1px #afd4ea;
margin-right: -1px;
background-color: #ebf8fc;
border-radius:0;
}
.nav-pills .nav-link:hover, .nav-pills .nav-link:not(.active):hover {
color: #00a2ff;
}
.nav-pills .nav-item:first-child .nav-link {
border-radius:4px 0 0 4px;
}
.nav-pills .nav-item:last-child .nav-link {
border-radius:0px 4px 4px 0;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background: #2794d3 linear-gradient(90deg,#00a2ff,#03ccfb) repeat-x !important;
}
.table .dropdown{
	display:inline-block;
}
@media (min-width:897px){
.table-striped tbody tr:nth-of-type(2n+1) {
  background-color: rgba(0,0,0,.03);
}
table.table-bordered tbody, table.table-bordered td, table.table-bordered th, table.table-bordered tr {
  border: 1px solid #dee2e6 !important;
}
}
@media (max-width:896px){
.table tr td.text-center .btn {
  margin:2px auto 2px;
}
}
.card .nav.flex-column:not(.nav-sidebar) > li {
  border-bottom: none;
  margin: 0;
}
.nav.flex-column .nav-link{
	color:#222;
	border-bottom: 1px solid rgba(0,0,0,.125);
	padding:10px;
}
.nav.flex-column .nav-link:hover{
	color: #00a2ff;
}
.nav.flex-column .nav-link.active{
	border: solid 1px rgba(0,0,0,.125);
	border-radius:5px;
	color: #00a2ff;
	background: #ebf8fc;
}
.nav.flex-column .form-check{
  color: #222;
  border-bottom: 1px solid rgba(0,0,0,.125);
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
}
.alert {
  padding: 12px 12px 12px 48px;
  position: relative;
  margin-bottom: 25px;
  border:none;
  color:#000;
}
.alert-success {
  background-color: #d6f5d6;
  color: #034c03;
}
.alert-secondary {
  color: #1b3877;
  background-color: #dae1f0;
}
.alert-danger {
  background-color: #f2d9d9;
  color:#c22929;
}
.alert-warning {
  background-color: #ffff99;
  color: #000;
}
.alert::before {
  font-size: 22px;
  position: absolute;
  top:7px;
  margin: 0 6px 0 0;
  left: 15px;
  font-family: FontAwesome;
}
.alert-success::before {
  content: '\f046';
}
.alert.alert-secondary::before {
  content: '\f06a';
}
.alert.alert-danger::before {
  content: '\f05e';
  font-size: 23px;
}
.alert.alert-warning::before {
  content: '\f06a';
  content: '\f0a4 ';
}
.input_btn{
	position:relative;
	top:-2px;
	float:right;
	margin:-2px 0 0 0;
}
.btn-danger.btn-xs{
	border:none;
}
.swal2-popup {
  flex-direction: column;
  justify-content: center;
  margin: auto;
}
.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
  background: rgba(0,0,0,.6);
}
.swal2-container {
  z-index: 999999;
}
.swal2-styled.swal2-confirm {
  background-color: #00a2ff;
}
.swal2-styled.swal2-cancel{
  background-color: #9ea5aa
}
.swal2-close{
	position: absolute;
    top: 4px;
	right: 4px;
	background:#c7e6f8;
	color:#999;
	border-radius: 50% ;
	height:27px;
	width:27px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 30px;
}
.astrik{
	color:red;
}
.school_logo{
	text-align:center;
	margin:20px auto 0;
}
.school_logo img{
	max-height:160px;
}
.hasDatepicker {
  background: #fff !important;
}
@media(min-width:576px){
[class*="col-sm-"] .full_height{
	min-height:calc(100vh - 180px);
}
}
@media(min-width:768px){
[class*="col-md-"] .full_height{
	min-height:calc(100vh - 180px);
}
}
@media(min-width:992px){
[class*="col-lg-"] .full_height{
	min-height:calc(100vh - 180px);
}
}
@media(min-width:1200px){
[class*="col-xl-"] .full_height{
	min-height:calc(100vh - 180px);
}
}
.form-control::-webkit-input-placeholder {
  color: #999;
  opacity: 1;
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
  opacity: 1;
}
.form-control::-ms-input-placeholder {
  color: #999;
  opacity: 1;
}
.form-control::placeholder {
  color: #999;
  opacity: 1;
}
.select2-container{
	z-index:1;
	width: 100% !important;
}
.select2-container--default .select2-results__option:nth-child(even){
	background:#f4f4f4;
	color:#333;
}
.select2-container--default .select2-results__option strong{
	text-transform:capitalize;
}
.select2-container--default .select2-results__option span{
	display:block;
	width:calc(100% - 50px);
	overflow: hidden;
  	text-overflow: ellipsis;
	white-space: nowrap;
}
.select2-container--default .select2-results__option figure{
	width:40px;
	height:40px;
	border-radius:50%;
	float:left;
	overflow:hidden;
	margin:0 10px 25px 0;
	border:solid 1px #ccc;
}
.select2-container--default .select2-results__option figure img{
	width:40px;
	height:40px;
	object-fit:cover;
}
.placeholder + .select2-container--default .select2-selection--single .select2-selection__rendered{
	color:#939ba2;
}
.select2-container--default .select2-results__option:nth-child(even).select2-results__option--highlighted {
	 background:#5897fb;
	 color:#fff;
 }
.loader_container{
		height:100vh;
		width:100vw;
		position:fixed;
		z-index:99999999;
		background: rgba(255, 255, 255, 0.9);
		top: 0;
}
.loader_container img{
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
}
.form-control{
	color:#222;
}
input[type="text"].form-control,
input[type="tel"].form-control,
input[type="date"].form-control,
input[type="email"].form-control,
input[type="number"].form-control,
input[type="password"].form-control,
input[type="file"].form-control,
select.form-control{
height: 42px;
}
select.placeholder {
    color: #999;
}
select option {
  color: #222;
}
embed{
	max-width:100%;
}
.table th{
	text-transform:capitalize;
}
.table td:first-letter {
    text-transform: uppercase;
}
.text-right .btn.btn-round.btn-outline-primary.btn-xs.mt-2 {
	margin-top:4px !important;
}
@media(min-width:768px) and (max-width:1200px){
.navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl {
    display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.navbar-expand-md .navbar-toggler {
  	display: block;
}
.navbar-expand-md .navbar-collapse {
 	display: block !important;
 	width: 100%;
}
.collapse:not(.show) {
  display: none !important;
}
#navbarCollapse > ul {
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
}
.navbar-expand-md .navbar-nav .nav-link {
  	padding-right: 0;
  	padding-left: 0;
}


.navbar-expand-md .dropdown-item:focus, .navbar-expand-md .dropdown-item:hover {
  color: #fff;
  text-decoration: none;
  background:transparent;
}
.navbar-expand-md .dropdown-item.active, .navbar-expand-md .dropdown-item:active {
  color:#52c0ff;
  text-decoration: none;
  background:transparent;
}
}
@media(max-width:1200px){
.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu{
	position:static;
	background:transparent;
}

.navbar-expand-md .navbar-collapse .dropdown-item{
 border-bottom: solid 1px #3e4b64;
}
}
input:disabled.date-filter, input[readonly].date-filter {
	background:#fff !important;
}
.heading_4 {
  font-size: 19px;
  border-bottom: #d5d6d6 solid 1px;
  margin-bottom: 20px;
  padding-bottom:5px;
  font-weight: 500;
  line-height: 1.4;
  margin-top: 0;
}
.form_box1 {
  background: #edf7fb;
  padding: 15px;
  border-radius: 5px;
}
.input_icon {
  position: relative;
}
.input_icon .fa {
  position: absolute;
  left: 13px;
  top: 5px;
  color: #017ec4;
  background: #f0f0f0 !important;
  height: 32px;
  width: 32px;
  border-radius: 12%;
  font-size: 15px;
  padding: 8px;
  text-align: center;
}
.input_icon .fa + input {
  padding-left: 47px !important;
}
.input_icon input + .fa {
  left: auto;
  right: 16px;
  background: transparent !important;
}
.right_icon input{
	padding-right:20px  !important;
}
.input_icon label + input + .fa {
  left: auto;
  top: 29px;
  right: 16px;
  background: transparent !important;
}
.input_style{
	width: 100%;
	margin: 0 0 15px;
	padding: 0px 0px 0px 95px;
	border: 1px solid #cccccc;
	height: 42px;
	border-radius: 5px;
	background: #fff;
	color: #212529;
	font-size: 1em;
	position:relative;
}
.input_style:before{
	content:'https://www.';
	position:absolute;
	left:11px;
	top:8px;
	display:inline-block;
}
.input_style input{
	border:none !important;
	height:40px !important;
	padding-left:7px !important;
}
.input_style input:focus, .input_style input:focus-visible{
	border:none !important;
	outline:none !important;
}
.tag {
  background: #e9e9e9;
  padding: 3px 10px;
  border-radius: 14px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  margin:6px 5px 0 0;
  line-height:1;
}
.heading_box{
	background:#2694d3;
	color:#fff;


	margin:-15px -15px 14px;
	border-radius:12px 12px 0 0;
	padding:10px 10px 10px 22px;

	margin:0 0 14px;
	border-radius:6px;
	padding:10px 14px;
}
.heading_box h5{
	margin-bottom: .3rem;
	font-size: 24px;
}
.heading_box dl, .heading_box dl dt, .heading_box dl dd{
	display:inline;
	margin:0;
}
.heading_box dl dt{
	padding:0 5px 0 0;
}
.heading_box dl dd:after{
	content:'/';
	display:inline;
	margin:0 10px;
}

.heading_box dl dd:last-child:after{
	display:none;
}

.engagement_done{
	background:#f4f4f4;
	padding:10px;
	margin:0 0 20px 0;
}

@media (min-width: 768px){
.engagement_done .data_listing dt {
  border-left: solid 6px #f4f4f4;
}
.engagement_done .data_listing dd {
  border-right: solid 6px #f4f4f4;
}
}
.inline_dl dt, .inline_dl dd{
	display:inline;
}

.red_text{
	color:red;
}

.border .inline_dl{
	margin:0;
}
.all_pics figure{
	background:#f4f4f4;
  margin-bottom: 12px;
  margin-right: 1%;
  overflow: hidden;
  padding-top: 20%;
  position: relative;
  width: calc(95%/5);
}
.all_pics figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

@media (max-width: 768px){
.all_pics figure {
  margin-bottom: 1%;
  margin-right: 1%;
  overflow: hidden;
  padding-top: 31.66%;
  position: relative;
  width: calc(95%/3);
}
}
/*.tag2 {
  background: #06B56D;
  padding: 3px 10px;
  border-radius: 14px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
}*/
.tag1{
  font-size: 13px;
  line-height:1.3;
  padding: 0 4px;
  border-radius: 3px;
  font-weight: 500;
  font-style: normal;
  display: inline-block !important;
  color: #06B56D;
  background: #fff;
  border: solid 1px #06B56D;
}
.icon1{
	color: #017ec4;
	font-size: 22px;
	margin: 0 0 0 10px;
	cursor:pointer;
}
@media (max-width:567px){
.tableMobilize .tag1 + .icon1{
	margin:8px 0 0px 0;
	display: block;
}
}

.tooltip-inner {
	padding:8px 10px 9px;
	background-color: #0090e3 ;
	opacity:1;
	text-align:left;
	font-family: 'Jost', sans-serif !important;
	font-size:15px;
	font-weight:normal;
	max-width: 300px;
	border-radius:3px;
	line-height:1.2;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
	border-right-color: #0090e3 !important;
}
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
	border-left-color: #0090e3 !important;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
	border-bottom-color: #0090e3 !important;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before  {
	border-top-color: #0090e3 !important;
}
.email{
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	white-space: nowrap;
}
.intl-tel-input {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0 0 15px;
  padding: 5px 11px;
  border: 1px solid #cccccc;
  height: 42px;
  border-radius: 5px;
  background: #fff;
  color: #212529;
  font-size: 1em;
}
.intl-tel-input input[type="tel"]{
  border:none;
}
.intl-tel-input .flag-container {
  left: 0px;
  right: 0px;
}
.intl-tel-input .selected-flag {
  padding: 0 18px 0 12px !important;
  width: 100% !important;
}
.intl-tel-input .selected-flag .arrow {
  right: 10px !important;
}
.tag2 {
  background: #00598C;
  color: #fff;
  font-size: 13px;
  padding: 0 6px;
  border-radius: 3px;
  font-weight: 500;
  font-style: normal;
  display: inline-block;
}
.intl-tel-input {
width: calc(100% + 13px);
}
.no_caps{
	text-transform:none;
}
.table2 thead th {
  background:#F6F6F6;
  color: #222;
  font-weight: 600;
  padding: 0.4rem .75rem;
}
.report_block .card-title{
	padding:0 0 0 17px;
	position:relative;
}
.report_block .card-title .fa, .report_block .card-title .fas {
  font-size: 13px;
  margin: 0 3px 0 0px;
  position:absolute;
  top:3px;
  left:0;
}
.card-header p{
  margin: 0px 0 0 0px;
  float: right;
  padding-right: 102px;
}
.card-header p em{
	font-style:normal;
	margin:0 20px 3px 0;
	display:inline-block;
	border-left:solid 2px #b5b5b5;
	padding:0 0 0 20px;
	line-height:1;
	font-size:0.95em;
}
.card-header p em:first-child{
	margin-left:0;
	border:none;
	padding:0;
}
.card-header p em:last-child{
	margin-right:0;
}
.card-header p em strong{
	font-weight:600;
}
@media (max-width:896px){
.report_block .card-title {
	margin:1px 0 0 -7px;
	width:calc(100% + 15px);
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;

}

.card-header p{
  margin: 4px 0 0 0px;
  float:left;
  width:100%;
  padding:7px 0 0 0;
}
.report_block .card-header p{
  margin: 0px 0 0 10px;
}
.card-header p em{
	font-style:normal;
	margin:0 0px 6px;
	display:block;
	border:none;
	padding:0;
}
}
.card-header p .btn{
	margin:-29px 0 -25px 16px;
	padding: .04rem .3rem;
	font-size: 13px;
}
.card > span > .btn{
	position:absolute;
	top:6px;
    right: 10px;
    z-index: 10;
}
.card > span > .paid_text{
	position:absolute;
	top: 7px;
    right: 84px;
    z-index: 10;
}
.content-header h1 span {
  color: #969899;
}
@media (max-width:896px){
	.content-header h1 span {
  font-size:0.71em;
  display:block;
  margin:7px 0 0 0;
 }
.card > span > .btn{
    top: 76px;
}
 .card > span > .paid_text{
    top: 76px;
    left: 81px;
    right: auto;
}
}
.ellipse{
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  font-style: normal;
}
button.fa{
  background: transparent;
  border: none;
  padding: 0;
  color: #1898E2;
}

a[data-toggle="tooltip"] {
 color:#333;
}
a[data-toggle="tooltip"]:hover {
  color:#333;
  text-decoration:none;
}
.dropdown-item.text-secondary{
	cursor:default;
}
.dropdown-item.text-secondary:focus, .dropdown-item.text-secondary:hover {
  background-color:transparent;
}
.bg-success {
  background-color: #06B56D !important; /*green*/
}
.text-success {
  color: #06B56D !important;  /*green*/
}
.highlight_1, tr.highlight_1 td{
	background:#FCEDED;
}
.report_block .card-header{
	background:#1898E2;
	color:#fff;
	padding: 7px 1.25rem 5px;
	/*background: #D1E4F8;
	color: #000;*/
}
table tr td dd{
	display:inline-block;
	margin:0;
}
.table3 tr th, .table3 tr td {
	color:#046FAE;
  background: #EDF7FB;
  font-size:1em;
}
.report_block .card-body section{
	margin:0 0 15px 0;
}
.report_block .card-body section > div{
		padding:10px;
	}
	.report_block .card-body section div table{
		background:#fff;
		margin:0;
	}
	.report_block .card-body section .table3{
		margin:0;
	}
@media only screen and (max-width: 896px) {
	.report_block .card-body{
		padding:0px;
	}

	 .table3.tableMobilize tr{
		 border-radius:0;
		 border:none;
	 }
  .table3.tableMobilize tr td {
    padding-left: 10px !important;
	display: block;
	border:none;
    border-radius:0px;

  }
table.table-sm.tableMobilize td {
    font-size: 14px;
    padding: 7px 0px !important;
  }
   table.table-sm.tableMobilize td[data-title]::before{
	   font-size: 14px;
    padding: 6px 10px !important;
    margin: 3px 10px -17px 0;
  }
}
.bg_1{
	background:#EDF7FB; /*light teal*/
}
.bg_2{
	background:#F8F9FA; /*light gray*/
}
.card-title .fa{
	font-size:16px;
}
.card-header dl{
	font-style:normal;
	margin:5px 0px 3px 0;
	display:block;
	line-height:1;
	font-size:1.065em;
	float:none;
	clear:both;
}
.card-title + dl{
	margin-top:0;
	margin-bottom:0;
}
.card-header dl dt, .card-header dl dd{
	display:inline-block;
	margin:0px 10px 0 0;
	font-weight:500;
	line-height:1.2;
}
@media(min-width:768px){
	.card-header dl{
	margin-left:20px;
	display:inline-block;
	}
	.card-header dl dt, .card-header dl dd{
	margin-right:10px;
	}
}
.card-header dl dt{
	color: #878787;
}
.card-header dl dd{
	color: #878787;
}
.disabled_option{
	color:#f4f4f4 !important;
	cursor:default !important;
}
.card-title .fa, .card-title .fas {
  font-size: 14px;
  margin: 0 3px 0 -7px;
}
.msg_error{
	color:#777 !important;
}
.input_info{
	color:#777 !important;
	font-size:14px;
	display:block;
	font-weight:400 !important;
	line-height:1.3;
}
.vessel_toggle{
	color:#000;
	font-size: 13px;
	display:inline-block;
	letter-spacing:-0.3px;
	text-transform:uppercase !important;

	font-weight:600;
	margin:7px 10px 0 20px;
	position: relative;
	background:none !important;
	padding:0 !important;
	width: 100px;
}
.vessel_toggle .switch {
	position: relative;
	display: block;
	height: 25px;
	line-height: 25px;


}
.switch input {
  opacity: 0;  /* Hide default HTML checkbox */

	width: 100%;
	height: 100%;
	margin: 0;
	top: 0;
}
.slider {
  position: absolute;
  float:left;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#d9d9d9;
 -webkit-transition: .4s;
  transition: .4s;
  color:#999;
  width:100%;
  height:25px;
  line-height:25px;
  border-radius: 5px;
  text-align:left;

}
.slider em, .slider b{
	float:left;
	width:50%;
	text-align:center;
	font-style:normal;
	font-weight:400;
	position:relative;
	z-index:10;
}
.slider:before {
	position: absolute;
	content: "";
	font-weight:600;
	left: 0px;
	top:0;
	background-color: white;
   -webkit-transition: .4s;
	transition: .4s;
	background-color: #d9d9d9;
	border-radius: 5px;
	height:25px;
	background-color: #6699ff;
	text-align:center;
	width:50%;
	left:0;
    text-align:center;
}
input:checked + .slider:before {
  background:#0033CC;
   -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}
.slider b {
	color:#999;
}
.slider em{
	color:#fff;
}
input:checked + .slider b {
	color:#fff;
}
input:checked + .slider em {
	color:#999;
}
.gray {
  color: gray;
}
.small_text {
  font-size: 0.7em;
  font-weight: normal;
}
.tooltip.show {
    opacity: 1;
}
.status_tooltip b{
	color:#00ff06;
}
.iti {
  position: relative;
  display: block;
  border: solid 1px #ccc;
  height: 42px;
  width: calc(100% + 12px);
  border-radius: .25rem;
}
.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
  width: 100%;
}
.iti__flag {
  width: 20px;
  margin: 0 auto;
}
.iti__arrow {
  margin-left: 0px;
}
.iti__selected-flag {
  padding: 0 4px 0 4px;
}
.iti__country-list{
  white-space: normal;
  min-width: 265px;
}
.select2-container--default .select2-selection--single {
  height: 42px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  margin-top: -1px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 3px;
}
.wrapper .content-wrapper {
  min-height: calc(100vh - 56px) !important;
}
.icon2, .data_listing .fa.icon2{
	color: #017ec4;
	font-size: 16px;
	margin: 0 0 0 10px;
	cursor:pointer;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #acabab !important;
    border-color: #8a8a8a !important;
}
input[type="file"] {
	cursor: pointer;
  }
  .instagram-media {
	min-height: 100%;
	max-height: 410px !important;
	min-height: 100%;
	margin: 0 0 0px 0 !important;
	min-width: 100% !important;
	border-radius: 12px !important;
	border-color: #cfd9de !important;
  }
  blockquote {
	margin: 0 0 0px 0 !important;
	height: 100% !important;
	max-height: 432px !important;
	width: 100% !important;
	width: 100% !important;
	border: #ccc solid 1px;
	padding:0;
	border-bottom: #ccc solid 1px;
	border-radius: 7px;
  }

  @media (max-width: 991px) {
	.social_block.row > div {
	  margin-bottom: 25px;
	}
  }

  .select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999 !important;
	background: transparent !important;
}
  @media (min-width:1200px) {
	.engagement_row .column_1{
		-ms-flex: 0 0 12%;
		flex: 0 0 12%;
		max-width: 12%;
		min-width: 224px;
	}
	.engagement_row .column_2{
		-ms-flex: 0 0 7%;
		flex: 0 0 7%;
		max-width: 7%;
		min-width: 106px;
	}
	.engagement_row .column_3{
		-ms-flex: 0 0 13%;
		flex: 0 0 13%;
		max-width: 13%;
		min-width: 247px;
	}
	.engagement_row .column_4{
		-ms-flex: 0 0 8%;
		flex: 0 0 8%;
		max-width: 8%;
		min-width: 122px;
	}
	.engagement_row .column_5{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	}
	.form-check-input {
		position: absolute;
		margin-top: .15rem;
	}
.form-check-input {
  position: absolute;
  margin-top: .15rem;

}
.border{
	border-radius:.25rem;
}
.data_listing .fa{
	font-size:13px;
	color:#06B56D;
}
.data_listing dd strong{
	font-weight:600;
}
.data_listing .fa-angle-down, .data_listing .fa-chevron-down{
	color:#222;
}
.data_listing p{
	margin:0 0 5px 19px;
}
.data_listing p .fa{
	font-size:11px;
	position:relative;
	top:-2px;
}
	.input_check{
		margin:0px 0 17px 0;
	}
	.input_check .form-check-input, .form-group label + input + .form-check .form-check-input{
		margin-top: .27rem;
		top:0 !important;
		scale:1 !important;
		margin-right: 0 !important;
	}
	.input_check label, .form-group label + input + .form-check .form-check-label{
		font-weight:normal;
		line-height:1.2;
		margin:3px 0 0 0;
		font-size:14px;
		padding-top:0 !important;
	}
	.border_box {
		border: solid 1px #ccc;
		border-radius: 7px;
		padding: 10px;
		  padding-bottom: 10px;
	  }
	  .upload_pic_circle {
		  position:relative;
		  border-radius:50%;
	  }
	  .upload_pic_circle figure{
		  border-radius:50%;
		  height:200px;
		  width:200px;
		  overflow:hidden;
		  display: inline-block;
	  }
	  .file_upload{
		  position: absolute;
		  bottom: 13px;
		  right: 32px;
		  border-radius: 50%;
		  height: 35px;
		  width: 35px;
		  background: #00a2ff linear-gradient(90deg, #0090e3, #01d2ea) repeat-x !important;
		  text-align: center;
		  color: #fff;
		  font-size: 22px;
		  line-height: 35px;
		  text-align: center;
	  }
	  .school_heading{
		  text-transform:uppercase;
		  font-size:20px;
		  margin:15px 0;
	  }
	  .upload_pic {
		  text-align:center;
		  border:dashed 1px #898888;
		  border-radius:10px;
		  width: 135px;
		  float:left;
		  margin:0 20px 14px 0;
		  position:relative;
	  }
	  .upload_pic figure:hover {
		  box-shadow:0 0 4px rgba(0, 0, 0, 0.3);
	  }
	  .upload_pic input[type="file"] {
		  display: none;
	  }
	  .upload_pic figure label {
		  cursor:pointer;
		  padding-top:40px;
		  margin:0;
	  }
	  .upload_pic #imageName {
		  color:green;
	  }
	  .upload_pic img {
		  height: 133px;
		  width: 133px;
		  object-fit:cover;
	  }
	  .upload_pic figure {
		  height: 133px;
		  width: 133px;
		  overflow:hidden;
		  border-radius:10px 10px 0 0;
		  border-bottom:solid 1px #ccc;
	  }
	  .upload_pic .remove {
		  position: absolute;
		  top: -10px;
		  right: -5px;
		  z-index: 1;
		  font-size: 25px;
		  color: #ff4500;
		  background: #fff;
		  border-radius:50%;
	  }
	  .upload_pic dl {
		  padding:5px 0 5px 0;
		  margin:0;
		  height:31px;
	  }
	  .upload_pic dl label, .upload_pic dl input {
		  cursor:pointer;
		  margin:0;
	  }
	  @media (max-width:576px) {
	  .upload_pic {
	   width:130px;
	   margin:0 10px 10px 0;
	  }
	  .upload_pic figure label {
	   padding-top:25px;
	   height:130px;
	   width:130px;
	  }
	  .upload_pic img {
	   height:128px;
	   width:128px;
	  }
	  .upload_pic figure {
	   height:128px;
	   width:128px;
	  }
	  }
	  figure{
		  margin:0;
	  }
	  .outer{
		  position:relative;
		  margin:0 auto;
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  line-height: 1;
	  }
	  .level_radio {
		  color: #ffffff;
		  font-size: 17px;
		  font-weight: normal;
		  text-align: center;
		  display: inline-block;
		  position:relative;
		  margin-right:6px;
		  height: 21px;
		  width: 21px;
		  border-radius: 50%;
		  background: #fff;
		  border: 1px solid #adadad;
	  }
	  .level_radio label {
		  border: 2px solid #fff;
		  border-radius: 50%;
		  display: inline-block;
		  margin: 0;
		  height: 19px;
		  width: 19px;
	  }
	  .level_radio input[type="radio"] {
		  border-radius: 50%;
		  height: 21px;
		  width: 21px;
		  margin: 0;
		  opacity: 0;
		  position: absolute;
	  }
	  .level_radio input[type="radio"] + label {
		  background: #ffffff none repeat scroll 0 0;
	  }
	  .level_radio input[type="radio"]:checked + label {
		  background: #06b56d none repeat scroll 0 0;
	  }
	  .upload_pic.profile {
		width: 100px;
		float:none;
		display: inline-block;
		vertical-align: top;
		border-radius: 10px;
		margin-bottom:25px;
	  }
	  .upload_pic.profile figure {
		  border-radius: 10px;
		height: 98px;
		width: 98px;
		border:none;
	  }
	  .upload_pic.profile figure label {
		  padding-top:24px;
		height: auto;
		width: auto;
		color: #969696;
	  }
	  .upload_pic.profile img {
		  height:98px;
		  width:98px;
		  object-fit:cover;
	  }
	  .upload_pic .level_radio {
		  height:21px;
		  width:21px;
		  top:3px;
	  }
	  .upload_pic .level_radio label {
		  height: 19px;
		  width: 19px;

	  }
	  .upload_pic .level_radio input[type="radio"] {
		  height: 21px;
		  width: 21px;

	  }
	.btn_small {
		padding: 3px 7px 3px;
		border-radius: 15px;
		font-size: 12px;
		line-height: 1.2;
 }


.box1 {
  background: #fff;
  border: solid 1px #eeeeee;
  padding: 15px;
  border-radius: 6px;
  box-shadow: 0 0px 3px rgba(0,0,0,0.1);
}
.thank_page article {
  max-width: 850px;
  margin: 0 auto;
}
.thankYou_icon{
	font-size:90px;
	position:relative;
	z-index:1;
}
.action_stop.thankYou_icon{
	color:#f00;
}
.attention.thankYou_icon{
	color:#fec901;
}
.attention.thankYou_icon:after{
   content: '';
  height: 60px;
  width: 23px;
  background: #333;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
  top: 24px;
}
.action_done.thankYou_icon{
	color:#090;
}
.main_heading_center {
  font-size: 22px;
  font-weight: 500;
  color: #000;
  margin: 15px 0 25px;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 10px;
}
.main_heading_center::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 70px;
  height: 3px;
  background-color: #63bcff;
  left: 50%;
  margin-left: -35px;
}
.row.equal_height > [class*="col-"] > div {
    height: calc(100% - 20px);
	margin-bottom:20px;
}
.acl_check .row{
	margin:0;
}
.acl_check .row > div{
	padding:0;
}
.acl_check .form-check{
	padding:8px 8px 8px 30px;
}
.acl_check .form-check h6{
	margin:0;
	font-weight:700;
	font-size: 16.5px;
    color: #046FAE;
}
.acl_check .form-check-input {
  margin-top: .1rem;
}
.acl_check article{
	border:solid 1px #ced4da;
	margin:0 0px 15px -1px;
	padding:0px;
}
.acl_check article > .form-check{
	background:#EDF7FB;
}
.acl_check article .row{
	padding:10px;
	/* background:#f9f8f8; */
}
.acl_check article .row > div{
	border:solid 1px #d7dde3;
	border-right:0;
}
.acl_check article .row > div:last-child{
	border-right:solid 1px #c2c9d2;
}
.acl_check article .row .form-check{
	background:#f4f4f4;
	padding:6px 6px 6px 30px;
}
.acl_check article .row .form-check .form-check-label{
	color:#222;
}
.acl_check article .row dl{
	margin:10px;
}
.acl_check article .row dl dd{
 margin-bottom: -1px;
}
.acl_check article .row dl .form-check{
	background:#effbef;
	/* border: solid 1px #e1e1e1; */
	margin: 0 0 7px 0;
}
.acl_check article .row dl .form-check  .form-check-label{
	color:#427342;
}
.acl_check article .row dl ul .form-check{
	background:#EFF4FF;
	border:none;
}
.acl_check article .row dl ul{
	list-style:none;
	margin:7px 0 0 0;
	padding: 0 0 0 20px;
}
.acl_check article .row ul .form-check .form-check-label{
	color:#0D3A9D;
}
.acl_listing p{
    margin:5px 0px ;
    padding:3px 6px;
    background: #f4f4f4;
  }
  .acl_listing .row{
      margin:0;
  }
  .acl_listing .row {
      background:#fff;
      margin: 4px 0;
  }
  .acl_listing .row > div{
      border:solid 1px #d7dde3;
  }
  .acl_listing dl{
	margin:5px 0px 5px;
  }
  .acl_listing dl dd{
	border-right:0;
  }
  .acl_listing p + dl{
	margin:0 0px 5px 15px;
  }
  .acl_listing dl dd::after{
      display:none;
      background:transparent;
  }
  .acl_listing dl dd{
      margin:0;
      padding:2px 0;
  }
  .acl_listing dl dd p{
    background: #effbef;
    border: solid 1px #e1e1e1;
    margin: 0;
  }
  .acl_listing dl dd > p::before{
    font-family: FontAwesome;
    content: '\f054';
    font-size: 6px;
    position: relative;
    top: -4px;
    margin: 0 7px 0 0;
  }
  .acl_listing ul {
      margin:6px 0 0;
      padding:0 0 0 20px;
  }
  .acl_listing ul li{
    list-style:none;
    margin:2px 0;
  }
  .acl_listing ul li p{
   background: #EFF4FF;
  }
  .acl_listing ul li > p::before{
    font-family: FontAwesome;
    content: '\f111';
    font-size: 4px;
    position: relative;
    top: -4px;
    margin: 0 7px 0 0;
  }
.inactiveLink {
	pointer-events: none;
	cursor: default;
	color: #555;
}
.analytics .row{
	margin-right: -5px;
	margin-left: -5px;
  }
  .analytics .row [class*="col-"]{
	  padding-right: 5px;
	padding-left: 5px;
		margin:0 0 10px 0;
  }
  .analytics article{
	  background:#E1E8F7;
	  padding:5px 5px 10px;
	  text-align:center;
	  height:100%;
	  border-radius:12px;
	  color:#fff;
  }
.gradient_box1,
.analytics .row > div:nth-child(1) article{
	 background: rgb(248,37,154);
	background: linear-gradient(114deg, rgba(248,37,154,1) 0%, rgba(154,53,255,1) 100%);
}
.gradient_box2,
.analytics .row > div:nth-child(2) article{
	background: rgb(23,207,255);
	background: linear-gradient(124deg, rgba(23,207,255,1) 0%, rgba(32,86,245,1) 100%);
}
.gradient_box3,
.analytics .row > div:nth-child(3) article{
	 background: rgb(251,201,51);
	 background: linear-gradient(124deg, rgba(251,201,51,1) 0%, rgba(245,64,57,1) 100%);
}
.gradient_box4,
.analytics .row > div:nth-child(4) article{
	 background: rgb(0,233,219);
	 background: linear-gradient(124deg, rgba(0,233,219,1) 0%, rgba(0,144,115,1) 100%);
}
.gradient_box5,
.analytics .row > div:nth-child(5) article{
	 background: rgb(255,75,117);
background-image: linear-gradient(310deg,#ea0606,#ff667c);
}
.gradient_box6,
.analytics .row > div:nth-child(6) article{
	background: rgb(193,60,255);
	background-image: linear-gradient(310deg,#627594,#a8b8d8) ;
}
.gradient_box7,
.analytics .row > div:nth-child(7) article{
	background: #17ad37 !important;
	background-image: linear-gradient(310deg,#17ad37,#98ec2d) !important;
}
.gradient_box1{
	 background: rgb(248,37,154) !important;
	background: linear-gradient(114deg, rgba(248,37,154,1) 0%, rgba(154,53,255,1) 100%) !important;
}
.gradient_box2{
	background: rgb(23,207,255) !important;
	background: linear-gradient(124deg, rgba(23,207,255,1) 0%, rgba(32,86,245,1) 100%) !important;
}
.gradient_box3{
	 background: rgb(251,201,51) !important;
	 background: linear-gradient(124deg, rgba(251,201,51,1) 0%, rgba(245,64,57,1) 100%) !important;
}
.gradient_box4{
	 background: rgb(0,233,219) !important;
	 background: linear-gradient(124deg, rgba(0,233,219,1) 0%, rgba(0,144,115,1) 100%) !important;
}
.gradient_box5{
	 background: rgb(255,75,117) !important;
	background-image: linear-gradient(310deg,#ea0606,#ff667c) !important;
}
.gradient_box6{
	background: rgb(193,60,255) !important;
	background-image: linear-gradient(310deg,#627594,#a8b8d8) !important;
}
.gradient_box7{
	background: #17ad37 !important;
	background-image: linear-gradient(310deg,#17ad37,#98ec2d) !important;
}
  .analytics article h4{
	  font-size:33px;
	  font-weight:500;
	  margin:5px 0 0px 0;
	  line-height: 1;
  }
  .analytics article h3{
	  font-size:17px;
	  font-weight:normal;
	  margin:5px 0 0px 0;
	  width:100%;
	  clear:both;
  }
  .analytics article figure{
	  width: 45px;
	height: 55px;
	margin: 0px 0 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
  }
  .analytics article figure img{
	  max-height:45px;
  }
  .analytics  .row [class*="col-"]:nth-child(3) article figure img{
	  max-height:40px;
  }
  @media only screen and (max-width:1200px) {
  .analytics article{
	   padding: 8px;
  }
  .analytics article h4{
	font-size: 28px;
	}
  }
  @media only screen and (max-width:1000px) {
  .analytics article{
	   padding: 8px;
  }
  .analytics article figure{

	  height:45px;
  }
  .analytics article h4{
	font-size: 22px;
	margin: 10px 0 0px 0;
	}
	.analytics article h3{
	font-size: 15px;
	}
  }
  @media only screen and (max-width: 896px) {
	  .analytics article{
		padding: 5px;
		border-radius: 7px;
	  }
	  .analytics article h3{
		font-size: 14px;
		margin: 6px 0 6px 0;
	  }
	  .analytics article h4{
		font-size: 27px;
		margin: 6px 0 6px 0;
	  }
	  .analytics article figure{
	  display:none ;
	  }
  }
  .sorting {
	position: relative;
	display: inline-block;
	height: 15px;
	margin-left: 4px;
	top: 3px;
	cursor:pointer;
	color: #fff;
  }

  .sorting:hover{
	  background:#fff;
	  border-radius:2px;
	  color:#333;
	  box-shadow:0 0 4px rgba(255, 255, 255, 0.6);
  }
  .sorting .fa{
	position: relative;
	top: -3px;
  }
.engagement_header{
	background:#e8e8e8  !important;
	margin: 0 0 15px !important;
	font-size: 21px !important;
	font-weight: 500 !important;
	color: #222 !important;
	text-transform: capitalize !important;
	padding: 13px 1.25rem 13px;
  }
  .engagement_header .card-title{
	padding: 0 0 0 0px;
	position: relative;
  }
.contract_tabs.nav-tabs .nav-link{
	text-transform:uppercase;
	color: #222;
}
.contract_tabs.nav-tabs .nav-link:hover{
	background:transparent;
	 color:#0394e7;
	 border-top-color:transparent;
	 border-right-color:transparent;
	 border-left-color:transparent;
}
.contract_tabs.nav-tabs .nav-item.show .nav-link,
.contract_tabs.nav-tabs .nav-link.active {
  background-color: #f0f0f0;
  border-color: rgba(0,0,0,.125) rgba(0,0,0,.125) #fff;
  color: #0394e7;
  /* cursor: default; */
}
.nav-tabs {
  border-bottom: 1px solid rgba(0,0,0,.125);
}
.card-header p.no_right_space{
	padding-right:0px;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1570px;
	padding:0 7px;
  }
@media (min-width: 991px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
	padding:0 50px;
  }
}
.card-primary.card-outline {
  border-top: 3px solid #00a2ff;
}
.card-outline .card-header{
	background:transparent;
}
.recuring_donation_text {
    color:#fffc00;
    margin: 5px 0 0 0;
}
.status_stats{
	background:#EDF7FB;
	padding:10px;
	border-radius:5px;
	margin:0 0 15px 0;
}
.status_stats table{
	background:#fff;
}
.status_stats h4{
	color: #1898e2;
	font-size:16px;
	margin:0px 0  10px 0;
}
.status_stats h4 span{
	color:#333;
}
.status_stats .btn{
	margin:0 !important;
}
@media(min-width:577px) and (max-width:1300px){
	.status_stats h4{
	font-size:15px;
	height:30px;
	margin:5px 0  10px 0;
	}
}
.name_label{
	background: #ececec;
	padding: 6px 20px;
	color:#333;
	font-size:16px !important;
}
.form-group label.error {
	margin-top: 3px;
	margin-bottom: 0;
  }
table.tableMobilize td .tag1{
	margin-left:4px;
}
.international_tag{
	background:#F25944;
	color:#fff;
	font-size:13px;
	padding:0 6px;
	border-radius:3px;
	font-weight:500;
	font-style:normal;
	 display: inline-block;
}
.border_box .form-check{
	margin:0px 3rem 0 0;
}
.border_box .form-check:last-child{
	margin:0px 0rem 0 0;
}
.border_box{
	border-radius: .25rem;
	border: 1px solid #ced4da;
	padding-bottom:9.2px;
}
.img_box{
	width:50px;
	height:42px;
	border-radius: .25rem;
	border: 1px solid #ced4da;
	display:inline-block;
	overflow:hidden;
	margin: 0px 00 10px 0;
}
.img_box img{
	width:50px;
	height:40px;
	object-fit:cover;
}
@media(min-width:576px){
	.img_box{
	margin: 22px 00 0 0;
	}
}
.img_box2{
	width: 80px;
    height: 60px;
	border-radius: .25rem;
	border: 1px solid #ced4da;
	display:inline-block;
	overflow:hidden;
}
.img_box2 img{
	width: 80px;
    height: 60px;
	object-fit:cover;
	border-radius: .25rem;
}
@media(max-width:896px){
	.img_box2{
	margin:0px 00 8px 0;
	}
}
.pluginSeparator, .pluginSeparator:hover{
	background-color: #06B56D ;
	font-size: 19px;
	color: #fff;
	display: block;
	padding: 0 10px;
	margin: -4px -10px;
	font-weight: normal;
}
.select2-container--default .select2-selection--multiple {
    min-height: 42px;
}
.text_bottom{
	font-size:14px;
	color:#717171;
}
.text_bottom label span{
	font-weight:normal;
	margin:-5px 0 0 0;
	display:block;
	font-size:14px;
}
.count_area{
	position:relative;
}
.count_area .text_bottom {
  width: 45%;
  text-align: right;
  margin: 2px 0 0px 0;
  float: right;
}
.count_area label.error{
	width:50%;
	float:left;
}
.modal.show .modal.show {
	background: rgba(0, 0, 0, 0.6) !important;
  }

.tooltip ul, .status_tooltip ul{
	margin:10px 0 0 0;
	padding:0 0 0 20px;
}
.tooltip ul li, .status_tooltip ul li{
	margin:0 0 5px 0;
}
.tooltip .fa-check{
	color:#00ff96;
	font-size:14px !important;
}
.tooltip .fa-times{
	color:#ff8282;
	font-size:14px !important;
}
.bg-danger, .btn-danger {    /*red bg*/
	color: #fff;
	border-color: #F25944;
	background-color: #F25944 !important;
  }
  .bg-tertiary, .btn-tertiary {  /*purple bg*/
	color: #fff;
	background-color: #8154ef !important;
  }
  .list0 {
	list-style: none;
	margin: 15px 0;
	padding: 00 0 0 0px;
  }
  .list0 li {
	position: relative;
	margin-bottom: 12px;
	line-height: 1.25;
  }

  .list1 {
	list-style: none;
	margin: 20px 0;
	padding: 00 0 0 0px;
  }
  .list1 li {
	padding-left: 20px;
	position: relative;
	margin-bottom: 12px;
	line-height: 1.25;
  }
  .list1 li::before {
	content: '\f00c';
	position: absolute;
	left: 0;
	top: 2px;
	font-family: fontawesome;
	color: #00b900;
	font-size: 14px;
  }
  .list2 {
	padding: 0 0 0 12px;
	 list-style: none;
  }
  .list2 li {
	padding: 0 0 0 5px;
	 margin-bottom: 12px;
	 position:relative;
  }
  .list2 li::before {
	content: '\f111 ';
	position: absolute;
	left: -10px;
	top: 6px;
	font-family: fontawesome;
	font-size: 6px;
  }
  .list3 {
	list-style: none;
	margin: 15px 0 10px;
	padding: 00 0 0 0px;
  }
  .list3 li {
	padding-left:25px;
	position: relative;
	margin-bottom: 12px;
	line-height: 1.25;
  }
  .list3 li::before {
	content: '';
	position: absolute;
	width:18px;
	height:15px;
	background:url(../images/check1.png) top left no-repeat;
	left: 0;
	top:0px;
  }
  .list4 {
	list-style: none;
	margin:20px 0;
	padding:0px 0;
  }
  .list4 li {
	padding-left: 22px;
	position: relative;
	margin-bottom: 10px;
	line-height: 1.25;
  }
  .list4 li:last-child {
	margin-bottom: 0px;
  }
  .list4 li::before {
	content: '\f178';
	position: absolute;
	left: 0;
	top: 0px;
	font-family: fontawesome;
	color: #00b900;
	font-size: 14px;
  }
  .legends{
	font-size:90%;
	margin:20px 0 0 0;
	color:gray;
}
.legends .tag1{
	font-size:80%;
	padding: 0 3px;
}
@media (max-width:576px){
	.content-wrapper .nav-link {
		padding: .5rem 0.5rem;
		font-size: 15px;
	}
	}
	.tag_small {
		background: #e9e9e9;
		padding: 3px 10px;
		border-radius: 3px;
		display: inline-block;
		margin:6px 5px 0 0;
		line-height:1;
	  }
	  .colored_listing li{
		padding: 9px 0 9px 46px;
	  position: relative;
	  margin: 0;
	  border-bottom: solid 1px #e1e1e1;
	}
	.colored_listing li:nth-child(odd){
		background:#EDF7FB;
	}
	.colored_listing li:nth-child(even){
		background:#F8F9FA;
	}
	.colored_listing li i{
		position: absolute;
	  left: 0px;
	  top: 0px;
	  border-right: solid 1px #e1e1e1;
	  height: 100%;
	  padding: 8px 10px 0 9px;
	  width: 36px;
	  text-align: center;
	}
	.fa-user-cog{
		color: #bb44ac;
	}
	.fa-clipboard-check{
		color: #2198d9;
	}
	.fa-donate{
		color: #c89c20;
	}
	.fa-user-shield{
		color: #2eb07e;
	}
	.fa-running{
		color: #855dfb;
		font-size:21px;
	}
	.fa-calculator{
		color: #8eb031;
	}
	.chat_boxA{
		text-align:left;
	}
	.chat_boxB{
		text-align:right;
	}
	.chat_boxA p, .chat_boxB p{
		background:#EDF7FB;
		border-radius:12px;
		padding:10px;
		display:inline-block;
		margin:10px 0;
	}
	.chat_boxB p{
		background:#F8F9FA;
		text-align:left;
	}
	.chat_boxA dl, .chat_boxA p, .chat_boxB dl, .chat_boxB p{
		margin:0;
	}
	.chat_boxA dt, .chat_boxA dd, .chat_boxB dt, .chat_boxB dd{
		display:inline-block;
		font-weight:normal;
		font-size:14px;
		margin:0;
	}
	.chat_boxA dt, .chat_boxB dt{
		margin:0 10px 0 0;
	}
.shoutoutvideo{
	max-width: 750px;
  max-height: 540px;
  width: 100%;
  min-height: 500px;

}
/* mass images pop css */
	.assign_btns{
		margin:15px 0 0 0;
		position: relative;
    	padding: 0 0 45px 0;
	}
	.assign_img_large{
		max-height:250px;
	}
	@media (max-width: 767px) {  /*14jun24*/
	.assign_btns{
		max-width:320px;
		margin:15px auto 0 ;
	}
	}
	@media (min-width: 768px) {
	.assign_btns{
		height: 100%;
		border-left: solid 1px #ccc;
		margin-right: -10px;   /*14jun24*/
		padding: 0 15px 45px 15px;   /*14june24*/
	}
	.assign_img_large{
		max-height:calc(100vh - 215px);
	}
	}
	.assign_btns .btn{
		width:100%;
		max-width:280px;
		margin:0 0 10px 0;
	}
	.next_link{
		position:absolute;
		bottom:20px;
		left:0;
		right:0;
		text-align:center; /*14jun24*/
	}
	@media(max-width:767px){
		.next_link{
		bottom:0px;
		}
	}
	#athleteSelectBox .form-group{
		/* max-width: 280px; */
		  margin-left: auto;
		  margin-right: auto;
	}
	#athleteSelectBox .form-group .select2-container{
		width:100% !important;
		text-align: left;
	}
	.modal-open .modal .select2-container{
		z-index: 999999;
	}
.assign_popup .card{
	margin:0;
}
@media(min-width:768px){
	.assign_popup{
		height:515px;
	}
	.assign_popup .card-body{
	height: 395px;
	padding:10px;
	}
	.assign_popup .card-body .row{
		height:100%;
	}
}
.assign_img_large{
	max-height:375px;
}
@media(max-width:767px){
  .assign_popup {
    height: 84vh;
  }
  .assign_popup .card-body{
	height: calc(100vh - 290px);
	padding:10px;
	}
	.assign_img_large {
	  max-height: calc(100vh - 700px);
	}
}
.assign_box{
	display:inline-block;
	position:relative;
	cursor:pointer;
}
.assign_box i{
  position: absolute;
  right: 5px;
  bottom: 5px;
  color: #fff;
  font-size: 20px;
  background: rgba(0,0,0,0.5);
  height: 30px;
  width: 30px;
  border-radius: 50%;
  padding: 5px 00 0 0;
  transition:0.9s all;
}
.assign_box:hover i{
  z-index:30;
  font-size: 25px;
   height: 35px;
  width: 35px;

  color: #fff;
  padding: 6px 00 0 0;
  transition:0.9s all;

}
.view_large{
	position:fixed;
	z-index:9999999;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(255,255,255,0.7);
	display:flex;
	justify-content:center;
	align-items:center;
}
.view_large img{
	max-height:100vh;
	border:solid 1px #fff;
}
.view_large div{
	display:inline-block;
	position:relative;
}
.view_large .large_close{
	position:absolute;
	top:10px;
	right:15px;
	width:27px;
	font-size:20px;
	padding:0;
	font-weight:bold;
	height:27px;
	z-index:40;
}
.assign_col{
	display: flex;
  justify-content: center;
  align-items: center;
}
@media(max-width:767px){
	.assign_col{
		height:calc(100vh - 680px);
	}
	.assign_btns{
		height:calc(100vh - 580px);
	}
}

.contract_tabs.nav-tabs.athlete_tabs {
	border-color: #fff ;
	border-color:#adb5bd ;
	margin-bottom: -1px;
  }
  .contract_tabs.nav-tabs.athlete_tabs .nav-item.show .nav-link,
  .contract_tabs.nav-tabs.athlete_tabs .nav-link.active,
  .contract_tabs.nav-tabs.athlete_tabs .nav-link.active:hover {
	background-color: transparent;
	border-color: #adb5bd #adb5bd #fff #adb5bd ;
	margin-bottom:-1px;
  }
  .contract_tabs.nav-tabs.athlete_tabs .nav-link:hover {
	border-bottom-color: transparent;
  }
  .text-xs {
	font-size: .7rem !important;
  }
  @media (min-width: 897px) {
	.table1 tbody tr:nth-of-type(2n+1) {
	  background-color: #fff;
	}
  }
  .table1 thead th {
	background: #e5f8ff;
	color: #222;
	font-weight: 600;
  }
  .fas.text-sm, .fa.text-sm{
	  font-size:.81rem !important;
  }
  article.form-control .row{
	width:100%;
	margin:0;
}
article.form-control .row > div{
	padding:0;
	text-align: left;
}
article.form-control  .form-control{
	border:0;
	padding:0;
	min-height:0;
	height:30px !important;
	line-height: 30px;
}
article.form-control .row > div:first-child{
	margin: -6px 6px 0px -12px;
	padding: 7px 12px 6px;
	background: #e9ecef;
}
@media (max-width: 576px) {
	article.form-control{
		height:auto !important;
	}
	article.form-control .row > div{
		display:block;
		width:100%;
		flex:none;
	}
	article.form-control .row > div:first-child{
		margin: -6px 0px 0px -12px;
		padding: 7px 12px 6px;
		background: #e9ecef;
		width: calc(100% + 24px);
		max-width: none;
	}
}
td.no_uppercase::first-letter {
	text-transform: none;
  }
.custom-control-label{
	font-size:1em !important;
}
.custom-control-input, .custom-control-label{
	cursor:pointer;
}

  .card > span > .paid_text.text-danger {
	right: 97px;
  }
  @media (max-width:896px){
	.card > span > .paid_text.text-danger {
	  top: 77px;
	  left: 139px;
	}
  }

  @media (min-width: 576px) {
	.modal .mt-sm-35.mb-3 {
	  margin-top: 3px !important;
	  margin-bottom:0 !important;
	}
  }

article.form-control .row {
	width: 100%;
	margin: 0;
}

article.form-control .row>div {
	padding: 0;
}

article.form-control .form-control {
	border: 0;
	padding: 0;
	min-height: 0;
	height: 30px !important;
	line-height: 30px;
}

@media (max-width: 576px) {
	article.form-control {
		height: auto !important;
	}

	article.form-control .row>div {
		display: inline;
		width: auto;
		flex: none;
	}
}

article.form-control .row>div:first-child {
	padding-top: 3px;
}

article.form-control.auto_height {
	height: auto;
	position: relative;
	padding-left: 60px;
	min-height: 42px;
}

article.form-control .engagement-date-picker,
article.form-control .engagement-date-picker-dynamic {
	width: 35px;
	/*opacity: 0;*/
	position: absolute;
	top: 5px;
	left: 10px;
	z-index: 1;
	display: inline-block;
	background: transparent;
}

article.form-control.auto_height::after {
	position: absolute;
	width: 47px;
	height: 100%;
	font-family: FontAwesome;
	content: '\f073';
	top: 0px;
	left: 1px;
	font-size: 21px;
	background: #EDF7FB;
	color: #00a2ff;
	text-align: center;
	line-height: 42px;
}


.contract_form_dates_div {
	display: inline-block;
}

.contract_form_dates_div .date_tag {
	background: #e1e1e1;
	border-radius: 16px;
	padding: 4px 15px 4px 9px;
	display: inline-block;
	margin: 5px 12px 5px 0;
	font-size: 13px;
	position: relative;
	font-weight: 500;
}

.contract_form_dates_div .date_tag span {
	height: 15px;
	width: 15px;
	border-radius: 50%;
	color: #F25944;
	font-size: 16px;
	font-weight: 600;
	display: inline-block;
	font-style: normal;
	text-align: center;
	line-height: 15px;
	position: absolute;
	cursor: pointer;
	top: -1px;
	right: -5px;
	background: #fff;
}

.contract_form_dates_div .date_tag span:hover {
	text-decoration: none;
}


  .list_only.data_listing{
	margin-left:0;
	padding:10px;
}
@media (min-width: 576px) {
  .list_only.data_listing dd {
    border-right: solid 4px #fff;
    word-wrap: normal;
  }
}
.sports_listing{
	margin: 0 0px;
}
.sports_listing article {
  border: solid 1px #ced4da;
  margin: 0 0px 15px -1px;
  padding: 0px;
}
.sports_listing article h6 {
  margin: 0;
  font-weight: 500;
  font-size: 16.5px;
  color: #1b1d1e;
  background: #EDF7FB;
  padding:10px;
}
.sports_listing .data_listing dd {
  color: #427342;
  margin-bottom: 4px;
}
.sports_listing .data_listing dd::after {
  background: #effbef;
}
.play_icon{
	height:42px;
}
.own_box input{
	margin-left: -10px;
}
.commission_data section{
	background:#f9f9f9;
	padding:10px;
	margin:0 0 20px 0;
}
.commission_data .heading_2 {
  margin: 0 0 10px 0px;
}
.commission_data dt{
	font-size:15px;
}
.commission_data article{
	background:#fff;
	padding:5px 7px;
	border:solid 1px #dfdfdf;
	border-radius:3px;
	margin:0 0 12px 0;
}
.commission_data article h5{
	font-size:16px;
}
.commission_data dl dd em{
		font-style:normal;
}
@media(max-width:767px){
	.commission_data{
		padding:5px;
	}
	.commission_data section{
	padding:10px 0px 0;
	}
}
@media(min-width:768px){
	.commission_data dl dd span{
		  max-width: calc(100% - 45px);
		  white-space: nowrap;
		  overflow: hidden;
		  text-overflow: ellipsis;
		  display: inline-block;
		  font-style: normal;
	}
	.commission_data dl dd em{
		display:inline-block;
		overflow: hidden;
	}
}

@media (min-width:768px) and (max-width:1300px) {
 .commission_data  .col-md-4 {
    -ms-flex: 0 0 37%;
    flex: 0 0 37%;
    max-width: 37%;
  }
   .commission_data  .col-md-8 {
    -ms-flex: 0 0 63%;
    flex: 0 0 63%;
    max-width: 63%;
  }
}
article.form-control .row{
	width:100%;
	margin:0;
}
article.form-control .row > div{
	padding:0;
}
article.form-control  .form-control{
	border:0;
	padding:0;
	min-height:0;
	height: 30px !important;
    line-height: 30px;
}
article.form-control .row > div:first-child{
	margin: -6px 6px 0px -12px;
	padding: 7px 12px 6px;
	background: #e9ecef;
	height: 40px;   /*10jul24*/
}
@media (max-width: 576px) {
	article.form-control{
		height:auto !important;
	}
	article.form-control .row > div{
		display:block;
		width:100%;
		flex:none;
	}
	article.form-control .row > div:first-child{
		margin: -6px 0px 0px -12px;
		padding: 7px 12px 6px;
		background: #e9ecef;
		width: calc(100% + 24px);
		max-width: none;
	}
}
.form-control{
	height:42px;
}
article.form-control.icon_before .row > div:first-child {
  margin: -6px 6px 0px -12px;
  padding: 9px 8px 0px;
  background: #e9ecef;
  height: 40px;
}
.icon_before i{
	display: inline-block;
  width: 20px;
  text-align: center;
  font-size: 20px;
  color: #666 !important;
}
.bootstrap-datetimepicker-widget.dropdown-menu{
	background:#fff;
}
.bootstrap-datetimepicker-widget table td a.btn:hover{
	box-shadow:none;
}
@media (max-width:991px){
    .bnr_img img{
      max-height: 50px;
      margin: 10px 0 0 00;
    }
    }
.list5 {
list-style: none;
margin:20px 0;
padding:0px 0;
}
.list5 li {
padding-left: 18px;
position: relative;
margin-bottom: 10px;
line-height: 1.25;
}
.list5 li:last-child {
margin-bottom: 0px;
}
.list5 li::before {
content: '';
background:url(../../defaultImage/arrow_gray.png) top left no-repeat;
width:10px;
height:7px;
position: absolute;
left: 0;
top: 6px;
background-size:100% auto;
}
.host_events {
    background:#EDF7FB;
    padding:10px;
    border-radius:4px;
    margin:22px 0 15px 0;
}
.host_events h5{
    margin:0;
    font-size:1em;
}
.host_events ul{
    margin:10px 0 0 0;
}
.host_events ul li{
    margin:0 0 6px;
    padding-bottom:6px;
    position:relative;
    padding-right:150px;
    border-bottom:solid 1px #ddd;
}
.host_events ul li span{
    font-size:15px;
    position:absolute;
    width:185px;
    right: 0;
text-align: right;
color:#9b9b9b;
}

.stream_box {
	padding:0 20px 0;
  margin: 0 auto;
  min-height: calc(100vh - 52px);
}
.stream_box .inner_box{
	position:relative;
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
    min-height:calc(100vh - 244px);
}
.stream_box video {
  max-width: 100%;
  max-height: calc(100vh - 226px);
}
.stream_box article{
	position: absolute;
  bottom: 4px;
  left: 0;
  right: 0;
  background: rgba(0,0, 0, 0.4);
  padding: 10px 0;
}
.stream_box article button{
	background:transparent;
	border:none;
	cursor:pointer;
}
.stream_box article i{
	color:#fff;
	font-size:29px;
}
.live_ad{
	margin:5px 0 0;
  text-align: center;
}
@media(max-width:767px){
	.desktop_ad{
		display:none;
	}
	.live_ad{
	}
}
@media(min-width:768px){
	.mobile_ad{
		display:none;
	}
}
.bg_7 .heading_1 {
	color:#fff;
}
.stream_box .head_group{
	display:block;
	text-align:center;
}
.live_ad_left{
	position:fixed;
	left:10px;
	top:100px;
	text-align:right;

}
.stream_box .head_group span{
	color:#7fb0db;
}
.stream_box {
	min-height:calc(100vh - 125px);
}
.stream_box .inner_box{
	 padding: 0 20px;   /*5aug24*/
}
.stream_box .inner_box #root {
	width: calc(100vw - 45px);   /*5aug24*/
}
.jF_DhwXwBFswm5nphXHX{ /*5aug24*/
	padding:12px;
}
.bg_7 {
    background: #000;
  }
  .head_group {
    margin: 16px 0 20px;
  }
#content img {
    display: flex;
    margin: 0 auto;
    justify-content: center;
  }
  #content img {
    display: none;
  }

article.form-control.auto_height {
	padding-top: 0;
	padding-bottom: 0;
}
article.form-control .engagement-date-picker, article.form-control .engagement-date-picker-dynamic{
	width: 100% !Important;
	height: 100% !Important;
	cursor:pointer;
	left:0;
	top:0;
	caret-color: transparent;
}
.contract_form_dates_div .date_tag{
	position:relative;
	z-index:1;
}

.table .bg-danger a{
	color: #fff;
	}

@media (min-width:768px) {
.preview_field{
margin: -25px 25px 0 0;
}
}
.preview_modal iframe.base_preview {
height: calc(96vh - 130px); 
border:0;
}


@media (min-width:768px) and (max-width:991px) {
.preview_modal iframe {
  height: calc(96vh - 220px);
}
}

@media (max-width:700px) {
	.base_preview{
	  height: 792px;
	 border:0;
	 margin:0 auto;
 }
}
@media (min-width:701px) and (max-width:1200px) {
	.base_preview{
	 height: 822px;
	 border:0;
	 margin:0 auto;
	 text-align:center;
}
}
@media (min-width:1201px) {
.base_preview{
	 height:395px;
	 border:0;
}
}
@media (min-width:1301px) {
.base_preview{
	 height:355px;
	 border:0;
}
}
@media (min-width:1401px) {
.base_preview{
	 height:470px;
	 border:0;
}
}
@media (min-width:1500px) {
.base_preview{
	 height:515px;
}
}
@media (min-width:1700px) {
.base_preview{
	 height:650px;
}
}
iframe.base_preview {
  width: calc(100% + 30px) !important;
  margin: 0 -15px;
}

.disabled-country-code + .intl-tel-input{
	background:#e9ecef;
}
.color_box{
	width: 70px;
	height:40px;
	display: inline-block;
	margin: 2px 0 2px 10px;
	vertical-align: top;
}
@media(max-width:767px){
.color_box{
	width: 40px;
	vertical-align: middle;
}
}
@media(min-width:1500px){
.color_box{
	width: 80px;
}
}
.select2-container--open {
    z-index: 9999999;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline .select2-search__field, .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    cursor: pointer;
}
.textarea_box {
	font-weight: normal;
	border: 1px solid #ced4da;
	-webkit-border-width: 1px;
	border-radius: 0;
	width: 100%;
	display: inline-block;
	border-radius: 8px;
	font-size: 16px;
	padding: 10px;
	background: #fff;
	line-height: 1.2;
}
.textarea_box p {
	margin: 0 0 4px 0;
}
.textarea_box em {
	color: #959595;
	font-weight: 400;
	margin: 15px 0 0px 0;
	display: block;
	text-align: center;
}
.textarea_box textarea {
	border: none !important;
	height: 80px;
	padding-left: 0;
	padding-right: 0;
	line-height: 20px;
	margin-bottom: 0 !important;
	width:100%;
}
.textarea_box textarea:focus-visible, .textarea_box textarea:focus {
	outline:none;
	border:none;
}
.pre-written-hidden {
	visibility: none;
	opacity:0;
	height:0;
}
.form-control.show_placeholder::-webkit-input-placeholder {
  color: #999;
  opacity: 1;
}
.form-control.show_placeholder::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control.show_placeholder::-ms-input-placeholder {
  color: #999;
  opacity: 1;
}
.swal2-popup {
	color: #222;
  }
  .swal2-header{
	  text-align:center;
	  margin: 15px 0 15px;;
  }
  .swal2-title{
	font-size: 1.15em;
	font-weight: 500;
	display: inline;
	padding:0;
	color:#222;
  }
  .swal2-content{
	  font-weight:400;
	  font-size: 16px;
	  line-height: 21px;
	  color: #222;
  }
  .swal2-title h5{
	  font-weight:400;
	  font-size: 18px;
  	line-height: 24px;
  }
  button.swal2-styled{
	  text-transform:uppercase;
	  padding: 10px 14px;
	  line-height: 1.28;
	  font-size: 14.5px !important;
	  font-weight:normal;
	  border: 1px solid transparent !important;
  }
  .swal2-html-container{
	  font-size:1em;
  }
.proof_link i{
	background : #1898E2;
	color : #fff ;
	 height: 24px;
	 width: 24px;
	 border-radius: 50%;
	 line-height: 24px;
	 text-align: center;
	 font-size:14px;
   }
   .bg-light {
	 background-color: #f4f4f4 !important;
   }
   .text-sm strong{
	   font-weight:600;
   }
   .funding_report .card-header p {
	 padding-right: 0;
   }
   @media (max-width: 896px) {
	 .funding_report .card-title {
		 border-bottom: solid 1px #7bbfe6;
	   padding-bottom: 5px;
	   margin-bottom: 5px;
	 }
   }
   .common-box{
	margin-top: -11px;
   }
.report_block .card-title {
	padding: 0 0 0 17px;
}
   @media (max-width:991px) {
    .school_logo img {
      max-height: 150px;
    }
    }
    .bnr_img2 img{
     max-height: 70px;
    }
	.swal2-popup, .swal2-content{
		color: #222 !important;
	}



.chat_boxA{
	text-align:left;
}
.chat_boxB{
	text-align:right;
}
.chat_boxA p, .chat_boxB p{
	background:#E5F8FF;
	border-radius:12px;
	padding:10px;
	display:inline-block;
	margin:10px 0;
	position:relative;
	margin:7px 0 15px;
	max-width: 85%;
}
.chat_boxB p{
	background:#F4F4F4;
	text-align:left;
}
.chat_boxA dl, .chat_boxB dl{
	margin:0;
	color:#999;
	font-size:13.5px;
}
.chat_boxA dt, .chat_boxA dd, .chat_boxB dt, .chat_boxB dd{
	display:inline-block;
	font-weight:normal;
	margin:0;
}
.chat_boxA dt, .chat_boxB dt{
	margin:0 5px 0 0;
}
.chat_boxA p:before {
	content:'';
	position:absolute;
	top:-10px;
	left:20px;
	width: 12px;
	height: 11px;
	background:url(../dist/img/chat_arrow1.png) top left no-repeat;

}
.chat_boxB p:before {
	content:'';
	position:absolute;
	top:-10px;
	right:20px;
	width: 12px;
	height: 11px;
	background:url(../dist/img/chat_arrow2.png) top left no-repeat;
}
.contract_tabs.nav-tabs.athlete_tabs {
  border-color: #fff ;
  border-color:#adb5bd ;
  margin-bottom: -1px;
}
.contract_tabs.nav-tabs.athlete_tabs .nav-item.show .nav-link,
.contract_tabs.nav-tabs.athlete_tabs .nav-link.active,
.contract_tabs.nav-tabs.athlete_tabs .nav-link.active:hover {
  background-color: transparent;
  border-color: #adb5bd #adb5bd #fff #adb5bd ;
  margin-bottom:-1px;
}
.contract_tabs.nav-tabs.athlete_tabs .nav-link:hover {
  border-bottom-color: transparent;
}
.text-xs {
  font-size: .7rem !important;
}
@media (min-width: 897px) {
  .table1 tbody tr:nth-of-type(2n+1) {
    background-color: #fff;
  }
}
.table1 thead th {
  background: #e5f8ff;
  color: #222;
  font-weight: 600;
}
.fas.text-sm, .fa.text-sm{
	font-size:.81rem !important;
}
.chat_footer{
    margin:10px 0px 0;
	background:#E1E8F7;
}

.chat_footer i{
  color: #5e5e5e;
  font-size: 18px;
  position: relative;
  top: 3px;
  background: #fff;
  height: 36px;
  width: 36px;
  line-height: 35px;
  text-align: center;
  border-radius: 50%;
  margin: 0 0px 0 0px;
}
.chat_footer a + a{
	margin-left:5px;
}

.chat_footer dl{
	margin:0 10px 0 -6px;
}
@media (max-width: 896px) {
	.chat_footer i{
		font-size: 20px;
  top:9px;
  background: transparent;
  height: 23px;
  width: 23px;
  line-height: 23px;
  margin: 0 5px 0 0px;
}
.chat_footer dl{
	display:inline-block;
	margin:0 8px 0 0;
}
.chat_footer{
	padding:10px;
}
.chat_footer .btn {
  padding: 10px 5px;
}
}
.sms_box{
	margin: 0 -16px;
}
.messageslider{
	height:calc(100vh - 300px);
	overflow:auto;
	padding:0 10px;
}
.nav_field{
	border: solid 1px rgba(255, 255, 255, 0.5);
  padding: 4px 10px;
  border-radius: 4px;
  width: 150px;
  display: inline-block;
  margin-top: -5px;
  margin-bottom: -5px;
  color: #c8c8c8;
  font-size: 15px;
  background:rgba(255, 255, 255, 0.2);
}
.nil_stats{
	border:solid 1px #cedde3;
	margin:2px 0px 12px 0;
	padding:9px 10px 6px;
	border-radius:3px;
	background:#EDF7FB;
	min-width:235px;
}
.nil_stats h4{
	font-size:15px;
	line-height:1;
	font-weight:600;
	margin:0 0 6px 0;
	display:inline-block;
	text-transform:uppercase;
}
.nil_stats h5{
	font-size:17px;
	font-weight:600;
	line-height:1;
	margin:0 0 6px 0;
	display:inline-block;
	color:#06B56D;
}
.nil_stats h6{
	font-size:18px;
	font-weight:normal;
	line-height:1;
	margin: 3px 0 6px 0;
	color: #1898E2 ;
	font-weight: 500;
	display:inline-block;
}
@media (max-width: 1550px) {
	.nil_stats h5{
		display:block;
	}
	
}
@media (max-width: 767px) {
	.nil_stats{
		margin:2px 10px 12px 0;	
		display:block;
	}	
	.nil_stats h4{
		font-size:15px;
	}
	.nil_stats h5, .nil_stats h6{
		font-size:16px;
		display:block;
	}
}
.form-control.inactive_input, .form-control[readonly].inactive_input {
	background-color: #e9ecef !important;
}
.text-tertiary{
	color:#8154ef;
} 
.large_text {
	font-size: 1.2em;
}
.card-header .nav.nav-tabs{
	border:none;
}
.card-header .nav-tabs .nav-link {
  background:#f0f0f0;
  color: #1898E2;
  text-transform:uppercase;
  font-weight: 500;
}
.card-header .nav-tabs .nav-link.active {
  background:#fff;
  border-color: #bfbfbf #bfbfbf #fff #bfbfbf ;
}
.nav-tabs .nav-link, .nav-tabs .nav-link:hover {
 border-bottom: 1px solid rgba(0,0,0,.125);
}
.nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover {
  border-bottom-color: #fff;
}
.card-header .nav.nav-tabs{
	border:none;
}
.card-header .nav-tabs .nav-link {
  background:#f0f0f0;
  color: #1898E2;
  text-transform:uppercase;
  font-weight: 500;
}
.card-header .nav-tabs .nav-link.active {
  background:#fff;
  border-color: #bfbfbf #bfbfbf #fff #bfbfbf ;
}
.nav-tabs .nav-link, .nav-tabs .nav-link:hover {
 border-bottom: 1px solid rgba(0,0,0,.125);
}
.nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover {
  border-bottom-color: #fff;
}
.card-header .nav.nav-tabs{
	border:none;
}
.card-header .nav-tabs .nav-link {
  background:#f0f0f0;
  color: #1898E2;
  text-transform:uppercase;
  font-weight: 500;
}
.card-header .nav-tabs .nav-link.active {
  background:#fff;
  border-color: #bfbfbf #bfbfbf #fff #bfbfbf ;
}
.nav-tabs .nav-link, .nav-tabs .nav-link:hover {
 border-bottom: 1px solid rgba(0,0,0,.125);
}
.nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover {
  border-bottom-color: #fff;
}
.guidelines_page code, .guidelines_page pre{
	display:block;
	color:#444;
	padding:0;
	margin:10px 0;	
}
.tag_up {
  background: #F25944;
  color: #fff;
  font-size: 13px;
  padding: 0 6px;
  position: relative;
  top: -10px;
  border-radius: 3px;
  font-weight: 500;
  font-style: normal;
}
.tag4 {
  display: inline-block;
  border-radius: 2px;
  height: 15px;
  background: #eaea01;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
  text-align: center;
  color: #222;
  padding: 0 4px;
}
.bg-secondary {
  background-color: #9ea5aa !important;
}
.show > .bg-gradient-primary.btn.dropdown-toggle{
	 background: rgb(24,152,226) !important;
  background: -moz-linear-gradient(90deg, rgba(24,152,226,1) 0%, rgba(39,204,255,1) 100%) !important;
  background: -webkit-linear-gradient(90deg, rgba(24,152,226,1) 0%, rgba(39,204,255,1) 100%) !important;
  background: linear-gradient(90deg, rgba(24,152,226,1) 0%, rgba(39,204,255,1) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1898e2",endColorstr="#27ccff",GradientType=1) !important;

}
.tag1[class*="tag-"]{
	 background:#fff !important;
	border: solid 1px #06B56D;
}
.tag-primary{
	border-color: #1898e2 !important;
	color:#1898e2 !important;
}
.tag-secondary{
	border-color: #9ea5aa  !important;
	color:#9ea5aa  !important;
}
.tag-tertiary{
	border-color: #8154ef  !important;
	color:#8154ef  !important;
}
.tag-success{
	border-color: #06B56D  !important;
	color:#06B56D  !important;
}
.tag-danger{
	border-color: #F25944  !important;
	color:#F25944  !important;
}
.tag-warning{
	border-color: #dfa700 !important;
    color: #dfa700 !important;
}
.tag-info{
	border-color: #17a2b8  !important;
	color:#17a2b8  !important;
}
td .tag1 {
  margin-bottom: 3px;
}
.daterangepicker {
  width: 305px !important;
}
.daterangepicker .drp-calendar {
    max-width: 295px !important
}

@media (min-width:564px) {
    .daterangepicker {
        width: auto !important
    }
}
@media (max-width:576px) {
.for_date_margin{
	margin-bottom:320px;
}
}
.dropdown-menu.show{
	z-index: 99999!important;
}