html,
body {
	height: 100%;
	font-size: 17px;
	background: #e2e2e2;
	color: #222b2e !important;
	/*background: url(../images/bg.jpg) no-repeat center center fixed;*/
    background-size: cover;
}

h1, h2, h3, h4, h5, p {
	color: #222b2e !important;
}

@media (min-width: 1360px){
.container {
    max-width: 1850px;
	min-height: 75vh;
}}

.bg-dark90{
    background-color: #384043;
}
.bg-dark80{
    background-color: #4E5558;
}
.bg-dark60{
    background-color: #7A8082;
}
.bg-dark50{
    background-color: #909596;
}
.bg-dark20{
    background-color: #D3D5D5;
}

.text-chalk{
    color: #e2e2e2;
}

.btn-dark-sm{
    color: #e2e2e2;
    border: 2px solid #e2e2e2;
    background: #222b2e;
    font-size: 1rem;
    padding: 0.25rem;
}

.btn-dark{
    color: #e2e2e2;
    border: 2px solid #e2e2e2;
    background: #222b2e;
    padding: 12px 25px;
    font-size: 1.1rem;
}
.btn-dark-sm:hover, .btn-dark:hover{
    color: #e2e2e2;
    border: 2px solid #e30091;
    background: #222b2e;
}
.btn-dark-sm:active, .btn-dark:active{
    color: #222b2e;
    border: 2px solid #e2e2e2;
    background: #e2e2e2;
}

.teal-text {
  color: #009688 !important;
}

.btn-teal {
  color: #fff;
  background-color: #00796b !important;
}

.border-secondary {
    border-color: #dfba82 !important;
}

.text-dark{
    color: #222b2e !important;
    text-decoration: none;
}
.text-dark:hover{
    color: #e30091 !important;
    text-decoration: none;
}
.text-gold{
    color: #e30091 !important;
}
.link-gold {
    color: #e30091;
    text-decoration: none;
}
.link-gold:hover{
    color: #91005d;
}
.link-dark {
    color: #222b2e;
    text-decoration: none;
}
.link-dark:hover{
    color: #e30091;
}

.btn-dark-gold {
  background: #b19870;
  color: #fff;
  transition: all 100ms linear;
}

.btn-dark-gold:hover {
  background: #977f59;
  color: #fff;
  text-decoration: none;
}

.btn-outline-dark-gold{
  background: transparent;
  color: #977f59;
  border: 1px solid #977f59;
  transition: all 100ms linear;
}

.btn-outline-dark-gold:hover {
  background: #b19870;
  border: 1px solid #b19870;
  color: #fff;
  text-decoration: none;
}

.btn-gold {
    color: #e2e2e2;
    border: 2px solid #e2e2e2;
    background: #222b2e;
    border-radius: 35px;
    padding: 5px 15px;
    transition: all 100ms linear;
}

.btn-gold:hover {
    color: #e2e2e2;
    border: 2px solid #e30091;
    background: #222b2e;
}

.btn-outline-gold{
  background: transparent;
  color: #caa369;
  border: 1px solid #caa369;
  transition: all 100ms linear;
}

.btn-outline-gold:hover {
  background: #caa369;
  border: 1px solid #caa369;
  text-decoration: none;
}

.btn-dark {
	background: transparent;
	color: #272a3c;
	border: 1px solid #272a3c;
	transition: all 100ms linear;
}

.btn-dark:hover {
	background: #272a3c;
	color: #ceac79;
	text-decoration: none;
}
.bg-dark {
    background: #222b2e!important;
}

.bg-gold{
	background: #dfba82!important;
}

.bg-purple{
    background: #b400ff!important;
}

.scrollable-div{
	resize: vertical;
	overflow: auto;
}

@media (max-width: 768px) {
    .overflow{
        overflow: auto;
    }
}

.nav-tabs .nav-link:hover {
    background: #e2e2e2;
}

.alert-success {
    color: #006908;
    background-color: #d7f7c2;
    border-color: #badbcc;
    padding: 1px 15px;
    border-radius: 25px;
}
.alert-info {
    color: #0055bc;
    background-color: #cff4fc;
    border-color: #b6effb;
    padding: 1px 15px;
    border-radius: 25px;
}
.alert-danger {
    color: #b3093c;
    background-color: #ffe7f2;
    border-color: #e30091;
    padding: 1px 15px;
    border-radius: 25px;
}
.alert-warning {
    color: #4f5500;
    background: #f0ff31;
    border-color: #ddee00;
    padding: 1px 15px;
    border-radius: 25px;
}
.alert-gold {
    color: #4f5500;
    background: #ffe9c8;
    border-color: #dfba82;
    padding: 1px 15px;
    border-radius: 25px;
}

.btn {
    border-radius: 1rem !important;
}

.btn-green{
    color: #006908;
    background-color: #d7f7c2;
    border-color: #badbcc;
    transition: all .20s ease-in-out;
}
.btn-green:hover{
    background-color: #89ff86;
    border-color: #00ff11;
    box-shadow: 0 0 0 0.25rem rgb(0 225 121 / 25%);
}

.btn-red{
    color: #b3093c;
    background-color: #ffe7f2;
    border-color: #e1008f;
    transition: all .20s ease-in-out;
}
.btn-red:hover{
    background-color: #fd7fcf;
    border-color: #ff00a2;
    box-shadow: 0 0 0 0.25rem rgb(225 0 123 / 25%);
}

.btn-blue {
    color: #084298;
    background-color: #cfe2ff;
    border-color: #b6d4fe;
}
.btn-blue:hover {
    background-color: #afcfff;
}

.card{
    border-radius: 1rem;
}
.modal-content{
    border-radius: 1rem;
}
/* ///////////////////// MESSENGER /////////////////////////////*/
    .telegram{
        display: flex;
    }

    .sidebar{
        display: flex;
        flex: .35;
        height: 82vh;
        flex-direction: column;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
    .menu-arrow{
        display: none;
    }

    @media (max-width: 768px) {
        .sidebar{
            display: none;
        }
        .menu-arrow{
            display: revert;
        }
        .thread {
            flex: 1 !important;
        }
        .sidebar_threads{
            width: max-content;
        }
    }
    .sidebar__header {
        display: flex;
        justify-content: space-between;
        padding: 6px;
        border-right: 1px solid rgba(190, 190, 190, .1);
        border-bottom: 1px solid rgba(190, 190, 190, .1);
    }

    .sidebar__header__avatar {
        margin-left: 14px;
        margin-top: 3px;
    }

    .sidebar__headerRight {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-width: 10vw;
    }

    .sidebar__headerRight > .MuiSvgIcon-root {
        margin-right: 2vw;
        font-size: 24px !important;
    }

    .sidebar__headerRight > button {
        color: #fff;
    }
    .sidebar__headerRight > button:hover {
        color: rgba(2, 150, 199);
    }

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

    .sidebar__search {
        display: flex;
        align-items: center;
        background-color: #e4e4e4;
        color: #222b2e;
        padding: 3px;
        border-radius: 30px;
        margin: 7px 20px 7px;
        
    }

    .sidebar__searchContainer {
        display: flex;
        align-items: center;
        background-color: transparent;
        width: 100%;
        height: 35px;
        border-radius: 20px;
    }

    .sidebar__searchContainer > .MuiSvgIcon-root {
        color:  gray;
        padding: 10px;
    }

    .sidebar__searchContainer > input {
        border: none;
        margin-left: 10px;
        background-color: transparent;
        outline-width: 0;
        flex: 1;
        outline: none;
    }

    #sidebar_button{
        color: #fff !important;
    }
    .sidebar_threads{
        overflow: auto;
        flex: 1;
    }
    .sidebar_thread{
        display: flex;
        align-items: center;
        padding: 20px;
        border-bottom: 1px solid #ccc;
        cursor: pointer;
    }
    .sidebar_thread:hover{
        background-color: #ccc;
    }
    .sidebar_thread_active{
        background-color: #c4c4c4!important;
    }
    .sidebar__thread__details{
        margin-left: 15px;
        position: relative;
        width: 100%;
    }
    .sidebar__thread__timestamp{
        position: absolute;
        top: 5px;
        right: 0;
    }

    @media (max-width: 768px) {
        .sidebar__thread__timestamp{
            position: absolute;
            top: 50px;
            right: 0;
        }
    }


    .thread{
        display: flex;
        flex: .65;
        flex-direction: column;
        height: 82vh;
    }
    .thread_header{
        display: flex;
        border-bottom: 1px solid #ccc;
        align-items: center;
        align-content: center;
        justify-content: space-between;
        height: 90px;
    }
    .thread__header__contents{
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: center;
        color: white;
        padding: 10px;
    }
    .thread__header__contents__info{
        margin-left: 15px;
    }
    .thread__header__contents__info > h5{
        font-weight: 500;
        color: gray;
    }
    .thread__header__details{
        color: white;
    }
    .thread__header__details:hover{
        color: rgba(2, 150, 199);
    }
    .thread__messages{
    	flex: 1;
    	overflow: auto;
        background-repeat: repeat;
        background-position: center;
        padding-bottom: 50px;
        background: rgb(99,106,112,1);
        background: radial-gradient(circle, rgba(131,139,146,1) 0%, rgba(99,106,112,1) 100%);
    }

     .thread__input{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 20px;
        background-color: transparent;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
     }
     .thread__input > form{
         display: flex;
         flex: 1;
         background-color: #fff;
         border-radius: 30px;
     }
     .thread__input > form > input:focus{
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
     }
     .thread__input > form > input{
        flex: 1;
        border-radius: 30px;
        outline: none;
        border: none;
        background-color: #e4e4e4;
        padding: 10px;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    .thread__input > form > button{
        display: none;
    }
    .thread__input>.MuiSvgIcon-root {
        margin: 10px;
    }
    .MuiSvgIcon-root {
        fill: currentColor;
        width: 1em;
        height: 1em;
        display: inline-block;
        font-size: 1.5rem;
        transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        flex-shrink: 0;
        user-select: none;
    }
    .MuiAvatar-img{
    	width: 60px;
    	height: 60px;
    }



    .message__sender {
        margin-left: auto;
        display: flex;
        align-items: center;
        position: relative;
        width: fit-content;
        justify-content: flex-end;
    }
    .message__sender > div > p > a {
        color: #ff00d4;
    }

    .message__receiver{
        margin-right: auto;
        display: flex;
        align-items: center;
        position: relative;
        width: fit-content;
        justify-content: flex-start;
    }
    .message__receiver > div > p > a {
        color: #ff00d4;
    }
    .message__contents {
        background-color: #abc2ff;
        padding: 8px;
        border-radius: 10px;
        max-width: 70%;
        margin: 10px 35px;
        display: inline-block;
        position: relative;
        min-width: 70%;
    }
        /* Right triangle placed top left flush. */
    .tri-right.border.left-top:before {
      content: ' ';
      position: absolute;
      width: 0;
      height: 0;
      left: -40px;
      right: auto;
      top: -8px;
      bottom: auto;
      border: 32px solid;
      border-color: #abc2ff transparent transparent transparent;
    }
    .tri-right.left-top:after{
      content: ' ';
      position: absolute;
      width: 0;
      height: 0;
      left: -20px;
      right: auto;
      top: 0px;
      bottom: auto;
      border: 22px solid;
      border-color: #abc2ff transparent transparent transparent;
    }
    /* Right triangle placed top right flush. */
    .tri-right.border.right-top:before {
      content: ' ';
      position: absolute;
      width: 0;
      height: 0;
      left: auto;
      right: -40px;
      top: -8px;
      bottom: auto;
      border: 32px solid;
      border-color: #222b2e transparent transparent transparent;
    }
    .tri-right.right-top:after{
      content: ' ';
      position: absolute;
      width: 0;
      height: 0;
      left: auto;
      right: -20px;
      top: 0px;
      bottom: auto;
      border: 20px solid;
      border-color: #222b2e transparent transparent transparent;
    }
    .message__contents > small {
    	font-size: .75em;
        float: right;
    }
    .message__sender > .message__contents {
        background-color: #222b2e;
        color: #fff;
    }
    .message__sender > .message__contents > p {
        color: #fff !important;
    }
    .message__contents > p > a {
        text-decoration: none;
        border-bottom: 1px dotted #222b2e;
    }

    .message__contents>p>a:hover {
        opacity: .6;
    }
    .message__photo {
        margin: 15px;
    }
    .message__sender > .message__photo {
        order: 1;
    }

    .max-height{
        max-height: 200px;
    }
/* ///////////////////// FORMS /////////////////////////////////*/
    .search_input {
        background: #384043;
        border: 1px solid transparent;
        color: #e2e2e2;
        display: block;
        font-size: 16px;
        line-height: 1.7;
        outline: 0;
        padding: 0.5rem 1.5rem;
        border-radius: 20px;
    }
    .search_icon{
        background: #384043;
        border: 1px solid transparent;
        border-radius: 20px;
        margin-left: -45px;
        z-index: 1;
    }
    .dark-search{
        border-right: none;
        background-color: #222b2e;
        border-color: #878e92;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        color: #fff;
    }
    .dark-search:focus{
        background-color: #222b2e;
        color: #fff;
        border-color: #eab1ff;
        box-shadow: 0 0 0 .25rem rgb(235 13 253 / 10%);
        border-right: none !important;
    }
    .dark-search-button{
        background: #222b2e;
        border: 1px solid #878e92;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
    }
    .dark-search-button:hover{
        background-color: #222b2e;
    }
	.form-signin {
		width: 100%;
		max-width: 480px;
		padding: 15px;
		margin: auto;
	}

	.teachers_text{
		font-family: 'Playfair Display', serif;
		color: #dfba82;
		font-size: 55px;
		letter-spacing: 1px;
	}
	.tyh_text{
		font-family: 'Playfair Display', serif;
		color: #dfba82;
		font-size: 36px;
		letter-spacing: 1px;
	}
	@media (max-width: 768px) {
		.teachers_text{
			font-family: 'Playfair Display', serif;
			color: #dfba82;
			font-size: 45px;
			letter-spacing: 1px;
		}
		.tyh_text{
			font-family: 'Playfair Display', serif;
			color: #dfba82;
			font-size: 30px;
			letter-spacing: 1px;
		}
	}

	.cb{
		display: inline-block;
		width: 24px;
		height: 24px;
		border: 1px solid #dfba82;
		border-radius: 1px;
		transition: background 0.1s linear;
		cursor: pointer;
	}
	.cb_checked{
		background: url('../images/check.png') #fff;
	}
	.roundpen{
		padding: 2px;
		border-radius: 50%!important;
	}
	.roundpen:hover{
		background: #e9e9e9;
	}
	.btn-rounded {
		border-radius: 10em;
	}
	.files input {
	    outline: 2px dashed #92b0b3;
	    outline-offset: -10px;
	    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
	    transition: outline-offset .15s ease-in-out, background-color .15s linear;
	    padding: 90px 0px 25px 30%;
	    text-align: center !important;
	    margin: 0;
	    width: 100% !important;
	    min-height: 180px;
	}
	.files input:focus{     outline: 2px dashed #92b0b3;  outline-offset: -10px;
	    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
	    transition: outline-offset .15s ease-in-out, background-color .15s linear; border:1px solid #92b0b3;
	 }
	.files{ position:relative}
	.files:after {  pointer-events: none;
	    position: absolute;
	    top: 25px;
	    left: 0;
	    width: 73px;
	    right: 0;
	    height: 50px;
	    content: "";
	    background-image: url(../images/cloud_upload.png);
	    display: block;
	    margin: 0 auto;
	    background-size: 100%;
	    background-repeat: no-repeat;
	}
	.color input{ background-color:#f1f1f1;}
	.files:before {
	    position: absolute;
	    bottom: 15px;
	    left: 0;  pointer-events: none;
	    width: 100%;
	    right: 0;
	    content: " or drag it here. ";
	    display: block;
	    margin: 0 auto;
	    color: #2ea591;
	    text-transform: capitalize;
	    text-align: center;
	}
	.btn-white svg {
	  font-size: 18px;
	}
	.btn-white{
	  border: 1px solid #aaa;
	}
	.btn-white:hover{
	  box-shadow: 0 .2rem .7rem rgba(0,0,0,.15)!important;
	}

	.form-select-sm{
		min-width: 150px;
	}
	/* select2 dropdown side color bar fix */
	.select2-results__option {
		padding: 0 !important;
	}
	.vertical-scroll{
		resize: vertical;
		overflow: auto;
		height: 130px;
		min-height: 130px;
	}

	.autocomplete-suggestions {
		border: 1px solid #222b2e;
        background: #fff;
		overflow: auto;
		border-radius: 2px;
		position: absolute;
		max-height: 300px;
		z-index: 9999;
		top: 65px;
		display: none;
		width: 100%;
		cursor: pointer;
	}
	.autocomplete-suggestion{
		padding: 10px;
	}
	.autocomplete-suggestion:hover{
		background: #222b2e;
		color: #e2e2e2;
	}
/* ///////////////////// HEADER ////////////////////////////////*/
	nav ul li a {
	  display: block;
	  margin: 0 5px;
	}

	.dropdown-item {
	  width: auto !important;
      color: #e2e2e2;
	}
	#main_nav{
		background: linear-gradient(to bottom right, #222b2e, #222b2e);
	}
	.navbar-brand > img {
        height: 55px;
        width: auto;
        margin: 5px 0;
    }
    @media (min-width: 62em){
        .navbar-brand>img {
            height: 55px;
            width: auto;
            margin: 5px 20px;
        }
    }
	.navbar-light .navbar-nav .nav-link {
	    color: #dfba82 !important;
	}
	.navbar .nav-item.avatar .dropdown-toggle img {
	    height: 40px;
	}
	.navbar .nav-item.avatar .dropdown-toggle {
	    padding: 0;
	}
	.navbar .nav-item.avatar.active{background-color:transparent !important}
	.navbar .nav-item.avatar .dropdown-toggle:after{display:none}

	@media all and (min-width: 992px) {
	  .navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.2s; margin-top:0;z-index: 1050;background-color: #384043;  }
	  .navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
	  .navbar .dropdown-menu.fade-up{ top:180%;  }
	  .navbar .nav-item:hover .dropdown-menu{ transition: .2s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
	}

	.navbar .dropdown-menu a {
	    padding: 10px;
	    font-size: 1rem;
	    font-weight: 400;
        color: #e2e2e2;
	}
    .dropdown-menu {
        background-color: #384043;
    }

	.nav-link:hover {
	  background: #4E5558;
	}
	.nav-item:hover > .btn-group > .dropdown-menu {
	  display: block;
	}
	.dropdown-item:hover{
	  background-color: #4E5558 !important; /*#cda66d*/
	  color: rgba(255,255,255,.75);
	}

	.nav-item > .active{
		background: #4E5558;
	}

	.dropdown-item.active, .dropdown-item:active {
	    background-color: #222b2e !important; /*#cda66d*/
	    color: rgba(255,255,255,.75);
	}
	.dropdown-toggle::after {
	    display: none;
	}
	.teacher-initials {
        display: flex;
        width: 80px;
        height: 80px;
        margin: 0 auto;
        justify-content: center;
        align-items: center;
        background-color: #222b2e;
        border-radius: 50%;
        font-size: 1.8em;
        text-transform: uppercase;
    }
    .teacher-initials:hover {
    	opacity: .6;
    }

    .nav-item.active > .nav-link {
	    background-color: #474a56;
	}
    .navbar-dark .navbar-nav .nav-link {
        border-radius: 10px;
    }
    .navbar .nav-item .dropdown-menu {
        border-radius: 10px;
    }
/* ///////////////////// ZEBRA DATEPICKER //////////////////////*/
	.Zebra_DatePicker_Icon_Wrapper{width: 100% !important;}
	.Zebra_DatePicker_Icon{top: 10px !important;right: 12px !important;}
	.Zebra_DatePicker{
		background: #222b2e !important;
		color: #e2e2e2 !important;
		font: 16px Avenir, sans-serif !important;
	}
/* ///////////////////// TABLES ////////////////////////////////*/
	.message_textarea{
		height: 142px;
		min-width: 300px;
	}
	.email_textarea{
		height: 106px;
		min-width: 300px;
	}
	.notes_textarea{
        height: 110px;
        width: -webkit-fill-available;
        border-radius: 1rem;
        border: 1px dashed #222b2e;
	}


	.breadcrumb{
		background-color: transparent;
		padding: .75rem 1rem;
	}
    .breadcrumb-item a {
        color: #fff;
        text-decoration: none;
    }
    .breadcrumb-item a:hover {
        color: #f9caff;
        text-decoration: underline;
    }
    .breadcrumb-item.active {
        color: #9fa8af;
    }


	.zebra_fix{
		font-size: 14px;
    color: #777;
    margin-top: -12px;
	}
	.swal2-title{
		color: #eee !important;
	}
	.check_group{
		cursor: pointer;
		display: flex;
		font-size: 16px;
	}
	@media (max-width:786px) {
    .check_group {
        font-size: 14px;
    }
	}
	.profile_image_centre{
		width: 250px;
		margin: 0px auto;
	}
	.profile_image_pen{
		position: absolute;
		top: 0;
		right: 0;
	}

	.teacher-avatar {
		opacity: 1;
		text-decoration: none !important;
	}
	.teacher-avatar:hover {
		opacity: .6;
	}
/* ///////////////////// RATING ////////////////////////////////*/
	.rate {
		margin-top: -15px;
    float: left;
	}
	.rate:not(:checked) > input {
	    position:absolute;
	    top:-9999px;
	}
	.rate:not(:checked) > label {
	    float:right;
	    width:1em;
	    overflow:hidden;
	    white-space:nowrap;
	    cursor:pointer;
	    font-size:30px;
	    color:#ddd;
	}
	.rate:not(:checked) > label:before {
	    content: '★ ';
	}
	.rate > input:checked ~ label {
	    color: #e30091;    
	}
	.rate:not(:checked) > label:hover,
	.rate:not(:checked) > label:hover ~ label {
	    color: #91005d;  
	}
	.rate > input:checked + label:hover,
	.rate > input:checked + label:hover ~ label,
	.rate > input:checked ~ label:hover,
	.rate > input:checked ~ label:hover ~ label,
	.rate > label:hover ~ input:checked ~ label {
	    color: #91005d;
	}
/* ///////////////////// SUMMERNOTE ADDONS /////////////////////*/
	.note-editing-area{
		background: #fff;
	}
	.lib_menu {
	background-color: #f7f8f9;
	border-color: #d7dcdf;
	}
	.file_input{
	padding: 0.25rem 0.5rem;
	font-size: .875rem;
	border-radius: 0.2rem;
	color: #212529;
	background-color: transparent;
	border: 1px solid #212529;
	display: inline-block;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	}

	.file_input:hover {
	color: #fff;
	background-color: #212529;
	border-color: #212529;
	}

	.file_input > input[type="file"] {
	display: none;
	}
/* ///////////////////// REVIEWS ///////////////////////////////*/
	#half-stars-example .rating-group {
    	display: inline-flex;
	}
	#half-stars-example .rating__icon {
		pointer-events: none;
	}
	#half-stars-example .rating__input {
		position: absolute !important;
		left: -9999px !important;
	}
	#half-stars-example .rating__label {
		padding: 0 0.1em;
		font-size: 18px;
	}
	#half-stars-example .rating__label--half {
		padding-right: 0;
		margin-right: -1.2em;
		z-index: 2;
	}
	#half-stars-example .rating__icon--star {
		color: #dfba82;
	}
	#half-stars-example .rating__icon--none {
		color: #eee;
	}
	.review_display{
		max-height: 120px;
		overflow: auto;
	}
/* ///////////////////// CORPORATES ////////////////////////////*/

    .tc_price_display{
        background-color: bisque;
        border-radius: 3rem;
        padding: 5px 20px;
        margin-top: 1rem;
        text-align: center;
        font-weight: 700;
        font-size: 1.1rem;
    }

    .rate-input{
        border: 0;
        background-color: bisque;
        font-weight: 600;
        width: 4rem;
        text-align: center;
    }