html {
	word-break: break-word;
}

body {
	
}

.introbox {
    position: fixed;
    bottom: 5px;
    right: 5px;
    width: 300px;
    box-shadow: 3px 3px 6px;
    z-index: 100;
    max-height: 400px;
    overflow-y: auto;
}

h1::first-letter,
h2::first-letter,
h3::first-letter,
h4::first-letter,
h5::first-letter,
h6::first-letter,
p::first-letter {
	text-transform: uppercase;
}

.is-256x256 {
	height: 200px;
	width: 200px;
}

.content-area {
	flex-grow: 1;
}

#main {
	display: flex;
	flex-direction: column;
	min-height: calc(100vh - 3.25rem);
}

.background {
	background-image: url(../img/banner.jpg);
	background-size: cover;
	background-position: top center;
}


.textarea {
	max-height: 150px;
	overflow: auto;
}

.tutor-card {
	min-height: 100%; 
	flex-direction: column; 
	justify-content: space-between;
}

.tutor-card-figure {
	border: 1px solid #ddd;
}
.select2-container .select2-selection--multiple, .select2-container .select2-selection--single  {
	min-height: 40px;
	width: 100% !important;
	/*line-height: 40px !important;*/
}

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

.multiple > span {
	width: 100% !important;
}

.chatbox {
	display: flex;
	height: 75vh;
	flex-direction: column;
	justify-content: space-between;
}

#messages {
	overflow-x: auto;
	flex-grow: 1;
}

#messages .notification {
	margin-bottom: 0.5rem;
}

.cropInputs {
    position: fixed;
    top: 52px;
    left: auto;
    right: 0;
    width: 350px;
    height: calc(100vh - 52px);
    background-color: #e7e8e8;
    text-align: center;
    z-index: 1000;
    padding: 2rem;
}

.noty_body{
	padding: 0 !important;
}


@media screen and (min-width: 1024px) {
	#chat-sidebar {
		position: fixed;
		top: 64px;
		bottom: 0;
		left: 0;
		z-index: 32;
	}
	#chat-messages {
		position: fixed;
		top: 64px;
		bottom: 0;
		right: 0;
		z-index: 32;
	}
	.skills {
		overflow-y: scroll;
		max-height: 500px;
	}
}


.scrollToTop{
    position:fixed;
    bottom:15px;
    right:15px;
    display:none;
    z-index: 99;
}

table {
	word-break: initial !important;
}

.my-writers {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 20;
	width: 300px;
	box-shadow: 2px 2px 10px black;
}

.writers-detail {
	height: 300px;
	overflow-y: scroll;
}

.topbar {
	position: fixed;
    left: 0;
    right: 0;
    z-index: 29;
    top: 4.25rem;
    height: 3rem;
}

/*.has-navbar-fixed-top {
	padding-top: 7.25rem !important
}*/


.offer-bg {
	background-image: url(../img/banner.jpg);
	background-position: center;
	background-size: cover;
}



@media screen and (min-width: 769px) {
	.modal-content, .modal-card {
	    margin: 0 auto;
	    max-height: calc(100vh - 40px);
	    width: 800px !important;
	}
}


.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



.stuck {
  position: fixed;
  top: 116px;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 31;
}