/*UI Changes Start*/
.custom-modal__bg {
	background-color: #000027 !important;
}
.petrol-light .btn-default-border {
   display: block;
   margin: 0px auto;
   font-size: 18px;
   border: 1px solid #02bd8a !important;
   color: rgb(0, 0, 0) !important;
   border: 0px;
   padding: 1em 2em;
   line-height: 16px;
   text-wrap: wrap;
}
.petrol-dark .btn-default-border {
   display: block;
   margin: 0px auto;
   font-size: 18px;
   border: 1px solid #00FFB9 !important;
   color: #00FFB9 !important;
   border: 0px;
   padding: 1em 2em;
   line-height: 16px;
}
.load-more-container .mx-listview-loadMore {
   display: block;
   margin: 0px auto;
   font-size: 20px;
   background-color: rgb(0, 255, 185) !important;
   color: rgb(0, 0, 0)  !important;
   border: 0px;
   padding: 14px;
}
.icon-calendar {
   color: #0098A6 !important;
}
/*UI Changes End*/
.no-scroll.custom-modal__bg .mx-dataview-content {
	overflow-y: hidden !important;
}
.custom-modal__bg h2, 
.custom-modal__bg h5, 
.custom-modal__bg p, 
.custom-modal__bg .mx-checkbox .control-label,
.custom-dark-theme__model .modal-header .close,
.custom-dark-theme__model .modal-header h4 {
	color:  #fff !important;
}
.custom-dark-theme__model.modal-dialog .modal-content {
	border-radius: 0px;
	border-width: 0px;
}
.custom-dark-theme__model .modal-header {
	border-bottom-width: 0px;
    background-color: #000033 !important;
}

.custom-dark-theme__model .mx-dataview-controls{
	border-top-width: 0px !important;
	padding-top: 0px !important;
}
table.custom_table_border {
	margin-bottom: 8px !important;
}
table.custom_table_border tbody {
	border-width: 0px;
}
table.custom_table_border tbody tr td{
	padding-top: 2px;
	padding-bottom:  2px;
}
.custom-search__listview.mx-listview ul li{
	background-color: #F7F7F7 !important;
}
.custom-search__listview.mx-listview ul li:hover{
	background-color: #F7F7F7 !important;
}
.petrol-light .custom-search__listview.listview-striped.mx-listview>ul>li:nth-child(even) {
	background-color: #ddd !important;
}
.petrol-light .custom-search__listview.listview-striped.mx-listview>ul>li:nth-child(even):hover {
	background-color: #ddd !important;
}



.petrol-dark .custom-search__listview.listview-striped.mx-listview>ul>li:nth-child(even) {
	
	background-color: #37374D !important;
}
.petrol-dark .custom-search__listview.listview-striped.mx-listview>ul>li:nth-child(odd) {
	
        background-color: #23233C !important;
}


.petrol-light .form-group input[type="text"], 
.petrol-light .form-group select.form-control,
.petrol-dark .form-group input[type="text"], 
.petrol-dark .form-group select.form-control,
.loginpage-formwrapper .inputwrapper input{
        /* // border: 1px solid #DADADA;
        // border-radius: 5px; */
        background-color: transparent;
        border: 0px !important;
        border-bottom: 1px solid #009999 !important;
        border-radius: 0px;
    }

	.petrol-dark input.form-control:focus, 
	.petrol-light input.form-control:focus,
	.petrol-light .form-group select.form-control:focus  {
		outline-width: 0px !important;
	}


	.banner-image{
		background-image: url(images/Project-o-verse\ Home\ Page\ Banner.png);
		width: 100%;
		background-repeat: no-repeat;
		min-height: 340px;
		background-size: cover;
	}



	.petrol-dark nav .navbar>ul>li.mx-navbar-item>a, 
	.petrol-light nav .navbar>ul>li.mx-navbar-item>a {
		padding: 0 !important;
		line-height: 1 !important;
	}



	.fs-25 .icon-yammer::before,
	.fs-25 .icon-information::before,
	.fs-25 .icon-notification::before,
	.fs-25 .icon-search ::before,
	.fs-25 .ie-search-btn::before,
	.fs-25 .icon-arrowhead-down::before{
		font-size: 25px !important;
	}

.btn-transparent.btn-default {
    border-radius: 0px;
	 border: 0px !important;
    background-color: transparent  !important;
    border-color: transparent !important;
    color: #0cc;
}

.btn-transparent.icon-arrow-right:before{	
	    font-size: 50px !important;
	}


.custom-search {

	.mx-listview>.mx-listview-searchbar {
		margin-right: 30px;
		min-width: 30%;
		margin-top: -8%;
		float: right;
	}
	.mx-listview>.mx-listview-searchbar>input {
		border-radius: 5px !important;
		border: 0.5px solid #DADADA !important;
		background-color: transparent !important;
		border: 0px !important;
		border-bottom: 1px solid #009999 !important;
		border-radius: 0px !important;
	}
	.mx-listview>.mx-listview-searchbar button.btn {
		margin-left: -30px;
	}

.glyphicon-refresh::before {
		content: "\e92f" !important;
		font-size: 18px;
		font-family: 'icomoon' !important;
		vertical-align: text-bottom;
		/* use !important to prevent issues with browser extensions that change fonts */
		/* //font-family: 'icomoon' !important; */
		speak: never;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		
		/* //align-self: self-end; */
  
		/* better font rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
  }
  @media (min-width: 1900px) and (max-width: 2049px){
		.mx-listview>.mx-listview-searchbar {
			margin-top: -5%;
		}
	}
  @media (min-width: 2050px) and (max-width: 3000px){
		.mx-listview>.mx-listview-searchbar {
			margin-top: -4%;
		}
	}
  @media (min-width: 3200px){
		.mx-listview>.mx-listview-searchbar {
			margin-top: -3%;
			min-width: 18%;
		}
	}
}



.custom-label-btn {
	color: #000 !important;
    background-color: #00FFB9 !important;
    border: 0px !important;
}

.custom-label-btn:hover, .custom-label-btn:focus {
	color: #000 !important;
    background-color: #009999 !important;
    border: 0px !important;
}

.petrol-light .icon-svg-bg{
	filter: invert(42%) sepia(93%) saturate(1352%) hue-rotate(197deg) brightness(1%) contrast(168%) !important;
} 

.petrol-light .card-list-col3>ul>li:hover .icon-svg-bg{
	filter: invert(42%) sepia(93%) saturate(1352%) hue-rotate(197deg) brightness(400%) contrast(168%) !important;
} 


.petrol-dark .icon-svg-bg{
	filter: invert(42%) sepia(93%) saturate(1352%) hue-rotate(197deg) brightness(400%) contrast(168%) !important;
} 

.petrol-dark .card-list-col3>ul>li:hover .icon-svg-bg{
	filter: invert(42%) sepia(93%) saturate(1352%) hue-rotate(197deg) brightness(1%) contrast(168%) !important;
} 

.petrol-light .text-dark a.mx-link, 
.petrol-light .text-dark .mx-link {
	color: #000000 !important;
}
.petrol-light a.mx-link:focus, .petrol-light .mx-link:focus {
    border-bottom: none;
    color:#000028;
}

.petrol-dark .text-dark a.mx-link, 
.petrol-dark .text-dark .mx-link {
	color: #ffffff !important;
}

.petrol-dark a.mx-link:focus, 
.petrol-dark .mx-link:focus {
    color: #00FFB9;
    border: none;
}

.welcomeone-img{ 
	background-image: url(/img/General$Brand_Images$_0_Welcome_Dialoge.png);
	min-width: 100%;
	background-size: 100% 100%;

} 

.welcomeone-img-2{ 
	background-image: url(/img/General$Brand_Images$_1_Welcome_Dialog_Learn_and_Accelerate.png);
	min-width: 100%;
	background-size: 100% 100%;
} 

.welcomeone-img-3{ 
	background-image: url(/img/General$Brand_Images$_3_Welcome_Dialog_Share.png);
	min-width: 100%;
	background-size: 100% 100%;

} 

.welcomeone-img-4{ 
	background-image: url(/img/General$Brand_Images$_4_Welcome_Dialog_Connect.png);
	min-width: 100%;
	background-size: 100% 100%;

} 
.welcomeone-img-5{ 
	background-image: url(/img/General$Brand_Images$_5_Welcome_Dialog_Event.png);
	min-width: 100%;
	background-size: 100% 100%;
} 


.popup2 .mx-window-body {
     height: 700px !important;
    overflow: hidden !important;
}

.custom_popup .mx-scrollcontainer-fixed>.mx-scrollcontainer-center>.mx-scrollcontainer-wrapper{
	overflow: hidden !important;
}



.custom_popup .modal-header,
    .custom_popup .mx-window-header{
       display: none !important;
    }

    .custom_header_pop{
        position: absolute;
        top: 0%;
    }

    .custom_header_pop_header{
        position: absolute;
		/* top: -4%; */
    }
   .custom_header_pop_footer{ 
        position: absolute;
	    top: 600px;
	}

	.custom_header_pop_footer .mx-layoutgrid {
		padding: 30px 30px 5px 30px !important;
	}



.popupBG .modal-body {
	background-color: #000033 !important; 
}

.custom_header_pop_footer .col-sm-9{
    min-width: 100%;
}


.tips-section .modal-dialog .modal-content .modal-body .mx-placeholder:last-child {
    display: flex;
    justify-content: center !important;
}

   .custom_popup .custom-modal__bg {
        background-color: transparent;
    }

    .custom_popup .modal-body {
        padding: 0px !important;
		
    }
	/* .custom_popup .modal-content,
.custom_popup .mx-window-content{
	background-color: transparent;
} */
    .custom_popup {
        max-height: 700px !important;
        }

		.custom_header_pop_footer .mx-link{
			color: #149a9b;
			font-size: 22px;
			font-weight: bold;
		}

.petrol-dark .bordered-load-more-btn .mx-listview-loadMore{
	background-color:#001f39 !important;
		color:#00FFB9 !important;
		border:1px solid #00FFB9 !important;
		width: fit-content !important;
} 


.petrol-light .hub-list-home-recommender>button,
 .petrol-light .contributor-list>button, .petrol-light .event-list>button{
	background-color:#ffffff !important;
		color:#007993 !important;
		border:1px solid #007993 !important;
 }


 .petrol-light .hub-list-home-recommender>button, 
 .petrol-light .contributor-list>button, .petrol-light .event-list>button{
  width: fit-content !important;
 }


 /* events  */


 /* Button */


 .add-event-btn {
box-sizing: border-box;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 56px !important;
width: auto;
background: linear-gradient(90deg, #00FFB9 0%, #00E6DC 100%) !important;
border: 2px solid #000028 !important;
color: #000 !important;
 }


 .petrol-light .event-calender{
	background: #F3F3F0 !important;
 }

 
 .petrol-dark .event-calender{
	background: #363636 !important;
 }

 .petrol-dark .event-calender th span, 
 .petrol-dark .event-calender td span{
	color: #ffffff !important;
 }
 .event-calender .fc td, 
 .event-calender .fc th {
    border-style: solid;
    border-width: 0px !important;
    padding: 0px;
    vertical-align: top;
    min-width: 200px !important;
	 /*display: inline-block !important; */
}
.petrol-dark .event-calender td, 
.petrol-light .event-calender td {
    border-top-width: 0px;
    border-bottom-width: 0px !important;
}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: unset !important;
	text-align: center !important;
    display: block;
	padding: 15px !important
}
 
  .fc-state-default{
	background-color: transparent !important;
 }
 .petrol-dark .event-calender h1, 
 .petrol-dark .event-calender h2, 
 .petrol-dark .event-calender h3, 
 .petrol-dark .event-calender h4, 
 .petrol-dark .event-calender h5, 
 .petrol-dark .event-calender h6 {
    color: #ffffff !important;
}
.petrol-light .fc-unthemed td.fc-today{
 background: #66FFD5 !important;
}

.petrol-dark .event-calender .fc-unthemed td.fc-today{
	background: #00646e !important;
   }
.fc-content-skeleton td:first-child{
	/* color:#00FFB9 !important;
	min-width: 200px !important; */
	color: #02d7a0 !important;
    min-width: 200px !important;
    font-weight: bold;
}

/* .petrol-dark  .event-calender td,  */
.petrol-light .event-calender td {
    border-top-width: 0px;
    border-bottom-width: 0px !important;
}


.fc-state-default.fc-corner-left {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    float: left !important;
    left: 8%;
	top: 5%;
    position: absolute;
    background-color: transparent !important;
}

.fc-state-default.fc-corner-right {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    right: 10%;
    position: absolute;
    top: 5%;
}

.fc-toolbar .fc-left {
    float: left;
    margin: 0 auto !important;
    clear: both;
    text-align: center !important;
    position: absolute;
    left: 40%;
}

.fc-view-container{
	margin-top:60px !important;
}

.fc-prev-button .fc-button .fc-state-default .fc-corner-left .fc-state-hover{
	-webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;

}

.alert-acceptance{
	background-color: #FF9000;
}
.btn.btn-hero.btn-default {
    border: none;
    border-radius: 0px;
    font-size: 18px;
    line-height: 18px;
    padding: 1em 1em;
    letter-spacing: 0.5px;
    text-wrap: wrap;
}