@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;700&display=swap');
textarea.auto_grow {
    resize: none;
    height: 65px;
	min-height: 62px;
    max-height: 137px;
}
.cursor-pointer:hover {
	cursor: pointer;
}

.cursor-not-allowed:hover {
	cursor: not-allowed;
}

.dropdown-menu {
	font-size: 15px !important;
}

.jumpbotron-head {
	height: auto;
	background-color: #152f4d;
	text-align: right;
	padding: 8px 13%;
	margin: 0px;
	border-radius: 0px;
	color: #fff;
}

.jumpbotron-head a {
	color: #afb6bf;
}

.jumpbotron-head a:hover {
	cursor: pointer;
	text-decoration: none;
}

.navbar-menu {
	background-color: #65AE8F;
	color: #e8eced;
	padding: 0px 13px;
	z-index: 999;
}

.nav-item {
	padding: 0px 15px;
	margin: 8px 0px;
}

.head-08 {
	font-size: 0.8vw;
}

.head-17 {
	font-size: 1.7vw;
}

.head-18 {
	font-size: 1.8vw;
}

.head-19 {
	font-size: 1.9vw;
}

.head-21 {
	font-size: 2.1vw;
}

.head-24 {
	font-size: 2.4vw;
}






.bg-fluid {
	background-repeat: no-repeat;
	background-size: cover;
}

.nav-link {
	color: #fff !important;
	padding: 0px;
	font-size: 14px;
}

.nav-link:hover {
	text-decoration: underline;
	transition: text-decoration 300ms;
	animation-duration: 0.6s;
}

.dropdown-menu {
	font-size: 12px;
	border-radius: 3px;
	margin-top: 25px;
}

.subMenu {
	margin-top: 10px;
	background-color: #297bd7;
}

.subMenu-item {
	color: #ffffff;
}

.footer-menu {
	list-style: none;
}

.footer-menu li {
	padding: 0vw 1vw;
	margin: 5vw 0vw;
	float: left;
	border-right: 1px solid #fff;
}

.footer-menu li:nth-last-child(1) {
	border-right: none;
}

.footer-menu li a {
	color: #ffffff;
	font-size: 1vw;
}

.footer {
	color: #ffffff;
	text-align: center;
}

.content-header {
	font-size: 25px;
	padding: 25px 20%;
	font-weight: bold;
}

.content-body {
	padding-right: 5%;
	padding-left: 5%;
	padding-bottom: 50px;
}

.exam {
	margin-top: 15px;
}

.exam-title {
	font-size: 18px;
	border-radius: 10px;
	background-color: #2061AD;
	color: #fff;
	padding: 20px;
}

.exam-content {
	background-color: #ccc;
	padding: 20px;
	margin-right: 20px;
	margin-left: 20px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.exam-info {
	font-weight: bold;
}

.exam-question {
	font-size: 16px;
	border-radius: 10px;
	background-color: #79A0CD;
	color: #000;
	padding: 20px;
	margin-top: 20px;
}

.exam-screen-question {
	border-bottom: 1px solid #979797;
	border-left: 10px solid #979797;
}

.exam-question-dolu {
	background-color: #79A0CD;
}

.exam-question-bos-example {
	border-left: 5px solid #e9c46a;
}

.exam-question-bos {
	border-color: #e9c46a;
}

.exam-question-number {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	line-height: 40px;
	text-align: center;
	background-color: #28a745;
	color: white;
	margin-bottom: 10px;
}

.exam-answers {
	background-color: #ccc;
	padding: 20px;
	margin-right: 20px;
	margin-left: 20px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.exam-pagination {
	margin-top: 20px;
}

.exam-sayac {
	float: right;
	background-color: #28a745;
	color: white;
	padding: 8px 15px;
	border-radius: 10px;
	margin-top: 20px;
	margin-right: 20px;
}

.exam-finish-alert {
	font-size: 1.3rem;
	color: #ef233c;
	border-bottom: 1px solid #8d99ae;
}

.exam-empty-alert {
	font-size: 1rem;
	color: #2b2d42;
	border-bottom: 1px solid #8d99ae;
}

.input-description {
	font-size: 10px;
	color: red;
}

/* Sınav soru sayfası*/
.customRadioExam:checked,
.customRadioExam:not(:checked) {
	position: absolute;
	left: -9999px;
}

.customRadioExam:checked+label,
.customRadioExam:not(:checked)+label {
	position: relative;
	padding-left: 28px;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
	color: #666;
}

.customRadioExam:checked+label:before,
.customRadioExam:not(:checked)+label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 18px;
	height: 18px;
	border: 1px solid #ddd;
	border-radius: 100%;
	background: #fff;
}

.customRadioExam:checked+label:after,
.customRadioExam:not(:checked)+label:after {
	content: '';
	width: 12px;
	height: 12px;
	background: #28a745;
	position: absolute;
	top: 3px;
	left: 3px;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.customRadioExam:not(:checked)+label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.customRadioExam:checked+label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.sweet-alert button.cancel {
	background-color: #e74c3c !important;
}

.sweet-alert button.confirm {
	background-color: #62cb31 !important;
}

.banner-div {
	position: relative;
}

.library-img {
	margin-top: 50px;
}

.header-txt {

	top: 40%;
	left: 15%;
	color: #fff;
	font-size: 2.5rem;
}

.a-no-style,
.a-no-style:hover {
	text-decoration: none;
	color: #000;
	cursor: pointer;
}

.img-bottom-txt {
	width: 100%;
	border-radius: 10px;
	color: #fff;
	margin-top: -15px;
	font-size: 1.3vw;
	position: relative;
}

.img-bottom-txt2 {
	width: 80%;
	border-radius: 10px;
	color: #fff;
	margin-top: -15px;
	font-size: 1.3vw;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}


.library-belgeler {
	background-color: #50a0c2;
}

.library-kub {
	background-color: #459291;
}

.library-sunum {
	background-color: #d16055;
}

.library-podcast {
	background-color: #5163b2;
}

.library-video {
	background-color: #8d56a4;
}

.library-okuma {
	background-color: #424649;
}

.library-med {
	background-color: #568c50;
}

.library-sizden {
	background-color: #477b91;
}

.library-content {
	background-color: #2062ad;
}

.videos-category {
	background-color: #164497;
	color: #fff;
	width: 80%;
	margin-left: 10%;
	border-radius: 10px;
	font-size: 1.7vw;
	padding-top: 1vw;
	padding-bottom: 1vw;
}

.videos-playlist {
	background-color: #164497;
	color: #fff;
	width: 80%;
	margin-left: 10%;
	border-radius: 10px;
	font-size: 1vw;
	margin-top: 1vw;
	padding-top: 1vw;
	padding-bottom: 1vw;
}

.video-playlist-active {
	background-color: red;
}

.video-area iframe {
	width: 100%;
	height: 23vw;
}

.library-list {
	background-color: #dbdbdb;
	color: #000;
	width: 100%;
	border-radius: 10px;
	font-size: 1vw;
	margin-top: 1vw;
	padding-top: 1vw;
	padding-bottom: 1vw;
	border: none;
	text-align: left;
}

.podcast-list {
	font-size: 1vw;
}

.content-main {
	margin-top: 15px;
}

.content-title {
	font-size: 18px;
	border-radius: 10px;
	background-color: #2061AD;
	color: #fff;
	padding: 20px;
	text-align: center;
}

.content-content {
	background-color: #ccc;
	padding: 20px;
	margin-right: 20px;
	margin-left: 20px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.progress {
	border-radius: 2px;
	margin-bottom: 10px
}

.progress-bar {
	background-color: #f1f3f6;
	text-align: right;
	padding-right: 10px;
	color: #6a6c6f
}

.progress-small,
.progress-small .progress-bar {
	height: 10px
}

.progress-bar-success {
	border-right: 4px solid #58b62c
}

.progress-bar-info {
	border-right: 4px solid #258cd1
}

.progress-bar-warning {
	border-right: 4px solid #eba600
}

.progress-bar-danger {
	border-right: 4px solid #e43725
}

.full .progress-bar-success {
	background-color: #62cb31;
	border-right: 4px solid #58b62c
}

.full .progress-bar-info {
	background-color: #3498db;
	border-right: 4px solid #258cd1
}

.full .progress-bar-warning {
	background-color: #ffb606;
	border-right: 4px solid #eba600
}

.full .progress-bar-danger {
	background-color: #e74c3c;
	border-right: 4px solid #e43725
}

.full .progress-bar {
	color: #fff
}

.hmodal .hred .panel-body {
	border-top: 2px solid #e74c3c
}

.color-line {
	background-image: none;
	background-color: #2063AD;
	height: 6px;
}

.cat-button {
	width: 20vw;
	height: 5vw;
	font-size: 2vw;
	text-align: center;
}

.subcat-button {
	text-align: center;
}

.h-modal-icon {
	font-size: 66px
}

.inmodal .color-line {
	border-radius: 4px 4px 0 0
}

.modal-content {
	border-radius: 5px;
	border: 0;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2)
}

.modal-backdrop.in {
	opacity: .4
}

.modal-backdrop {
	position: fixed;
	bottom: 0
}

.modal-dialog {
	margin-top: 80px;
	width: 60% !important;
	max-width: 100%;
}

.modal-title {
	font-size: 30px;
	font-weight: 300
}

.modal-header {
	padding: 40px 30px;
	background: #f7f9fa
}

.modal-body {
	padding: 20px 30px
}

.modal-header small {
	color: #9d9fa2
}

.modal-footer {
	background: #f7f9fa
}

.hmodal-info .color-line {
	background: #3498db
}

.hmodal-warning .color-line {
	background: #ffb606
}

.hmodal-success .color-line {
	background: #62cb31
}

.hmodal-danger .color-line {
	background: #c0392b
}

.hmodal-info h4.modal-title {
	color: #3498db
}

.hmodal-warning h4.modal-title {
	color: #ffb606
}

.hmodal-success h4.modal-title {
	color: #62cb31
}

.hmodal-danger h4.modal-title {
	color: #c0392b
}

.content-link {
	margin-top: 1vw;
	margin-right: 1vw;
	margin-left: 1vw;
	background-color: #164497;
	padding-top: 1vw;
	padding-bottom: 1vw;
	border-radius: 10px;
}

.content-link a {
	width: 100%;
	color: #fff;
}

.content-link a:hover {
	width: 100%;
	color: #fff;
}

.location-bar {
	border-bottom: 1px solid #979797;
	color: #979797;
	font-weight: bold;
}

.location-bar a {
	text-decoration: none;
	color: #1C375B;
	font-weight: bold;
}

.card {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	transition: 0.3s;
	padding-bottom: 15px;
}

.card:hover {
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

.card-header {
	font-size: 16px;
	text-align: left;
	font-weight: bold;
}

.card-content {
	font-size: 14px;
	margin-bottom: 0px;
	margin-top: 5px;
}

.footer-pleksus-logo {
	width: 10rem;
}

.data-container {
	background-color: #fff;
	border: 1px solid #999;
	border-radius: 40px;
}

.data-content {
	background-color: #e9f3fb;
	border: 1px solid #959595;
	border-radius: 40px;
	padding: 20px;
	text-align: center;
	min-height: 200px;
	background-image: url('../img/data-bg.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.btn-special {
	padding: 15px 25px;
	background-color: #9fc6c1;
	border-radius: 5vh;
	color: #485251;
}

.btn-special:hover {
	color: #fff;
	background-color: #50726D;
}

.btn-special-success {
	color: #fff;
	background-color: #65AE8F;
}

.btn-special-success:hover {
	color: #fff;
	background-color: #508b72;
}

.btn-special-info {
	color: #fff;
	background-color: #4FA6B8;
}

.btn-special-info:hover {
	color: #fff;
	background-color: #3f8493;
}

.module-title {
	font-weight: bold;
	font-size: 1.4rem;
}

.module-btn {
	margin-left: 10px;
	padding: 15px 25px;
	border-radius: 5vh;
	background-color: #b1bebc;
	color: #485251;
	width: 180px;
	margin-bottom: 5px;
}

.module-btn.active {
	background-color: #9fc6c1;
}

.module-btn:hover {
	color: #fff;
	background-color: #50726D;
}

.module-icon {
	height: 25px;
}

.module-tab-container {
	display: none;
}

.module-tab-container.active {
	display: block;
}

.learning_objective {
	width: 75%;
	padding: 10px 20px;
	background-color: #9fabc6;
	border-radius: 5vh;
	font-weight: bold;
	color: #282828;
	margin-bottom: 10px;
}

.posted_content {
	width: 75%;
	padding: 10px 20px;
	background-color: #b1bebc;
	border-radius: 5vh;
	font-weight: bold;
	color: #282828;
	margin-bottom: 10px;
}

.result-header {
	width: 75%;
	padding: 10px 20px;
	background-color: #b1bebc;
	border-radius: 5vh;
	font-weight: bold;
	color: #282828;
	margin-bottom: 10px;
}

.page-title{
	background-color:#1C375B;
	text-align:center;
	color:#fff;
	font-size:2.2rem;
	padding:20px 0px;
}

#player {
	min-height: 665px;
	width: 100%;
}

.sop-title {
	border-bottom: 1px solid #9fc6c1;
	width: 100%;
	height: 3rem;
}

.fixed-bottom-inline {
	margin-top: auto;
	margin-bottom: 0px;
}

.custom-nav {
	background-color: #1c375b;
}

img {
	max-width: 100%;
}
.custom-navbar-toggler:focus {
	box-shadow: none;
}

@media screen and (min-width: 600px) {
	.mobile-navbar {
		display: none;
	}
}



@media screen and (max-width: 600px) {

	.topnav {
		overflow: hidden;
		background-color: #3498db;
		position: relative;
	}

	.topnav #myLinks {
		display: none;
	}

	.topnav a {
		color: white;
		padding: 14px 16px;
		text-decoration: none;
		font-size: 17px;
		display: block;
	}

	.topnav a.icon {
		background: #1c375b;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
	}

	.topnav a:hover {
		background-color: #ddd;
		color: #1c375b;
	}

	.active {
		background-color: #1c375b;
		color: white;
	}
	.custom-index-head{
		font-size: 20px !important;
	}
	.custom-index-par{
		font-size: 12px !important;
		
	}
	.index-area1{
		background-position: left !important;

	}
	.header-txt {
		font-size: 1.5rem;
	}
	.padding-par{
		padding-left: 25px !important;
		padding-right: 50px !important;
	}
	.image{
		display: none;
	}

}

header.header{
	background-image: url(../img/index/backgroundIndex.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
}

.header-logo{
	height: 6rem;
}

.padding-par {
	padding-left: 100px;
	padding-top: 0px;
	padding-bottom: 50px;
}

.padding-par1 {
	padding-bottom: 150px;
}

.padding-par2 {
	padding-bottom: 200px;
}

.padding-par3 {
	padding-top: 200px;
}

.padding-par4 {
	padding-bottom: 100px;
}

.padding-par5 {
	padding-top: 500px;
}

.index-area1 {

	background-image: url(../img/index/backgroundIndex.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
}

.index-area2 {
	background-image: url(../img/index/deneme.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.index-register {
	background-image: url(../img/index/background2Index.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.footer {
	background-image: url(../img/index/footer.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.footer-logo{
	width:10rem;
}

.footer-menu a{
	border-left:1px solid #fff;
	text-decoration: none;
}

.footer-menu a:first-child{
	border-left:none;
}


.select-blue {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 10px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='white'><polygon points='0,0 100,0 50,50'/></svg>");
  background-size: 20px;
  background-position: calc(100% - 20px) 20px;
  background-repeat: no-repeat;
  background-color: #0a2246;
  color: #fff;
}

.lesson-container {
	border: 1px solid #8090a0;
}

.lesson-container:hover {
	background-color: #0a2246;
	color: #fff;
}

.lesson-top {
	color: #0a2246;
	border-bottom: 1px solid #8090a0;
	font-weight: bold;
}

.lesson-container:hover .lesson-top {
	color: #fff;
}

.lesson-text {
	color: #0a2246;
	font-weight: bold;
}

.lesson-container:hover .lesson-text {
	color: #fff;
}

.lesson-container:hover .lesson-sub-text {
	color: #fff;
}

.course-content-left-box{
	max-width: 300px;
	/*background-color:#dddddd;*/
	padding-right: 20px;
  background-image: linear-gradient(to bottom, #dddddd 0%, #dddddd 100%), linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  background-clip: content-box, padding-box;
  margin-right:20px;
}

.course-content-status-header{
	margin-top:0.5rem;
	padding: 0.5rem 0rem;
	background-color:#F65AC8;
	color:#fff;
	width: calc(100% + 20px);
	text-align:center;
}

.course-content-status-text{
	padding:10px;
}

.course-content-learning-header{
	margin-top:0.5rem;
	padding: 0.5rem 0rem;
	background-color:#0890b0;
	color:#fff;
	width: calc(100% + 20px);
	text-align:center;
}

.course-content-learning-text{
	padding:10px;
}

.course-content-author-header{
	margin-top:0.5rem;
	padding: 0.5rem 0rem;
	background-color:#1a6fb1;
	color:#fff;
	width: calc(100% + 20px);
	text-align:center;
}

.course-content-author-text{
	padding:10px;
}

.course-content-tags-header{
	margin-top:0.5rem;
	padding: 0.5rem 0rem;
	background-color:#0a2246;
	color:#fff;
	width: calc(100% + 20px);
	text-align:center;
}

.course-content-tags-text{
	padding:10px;
}

.course-content-main-box{
	width: 100%;;
}

.course-content-course-header{
	font-size:1.2rem;
	font-weight: bold;
}

.btn-special-blue,
.btn-special-blue:hover {
	border-radius: 0px !important;
	background-color: #313294;
	color: #fff;
	padding: 15px 40px;
}

.btn-logout {
	background-color: #fff;
	color: #1C375B;
	padding: 10px 30px;
	border-radius: 10px;
	border: 1px solid #1C375B;
}

.btn-logout:hover {
	background-color: #fff;
	color: #1C375B;
}

.btn-register {
	background-color: #fff;
	color: #1C375B;
	padding: 10px 30px;
	border-radius: 10px;
	border: 1px solid #1C375B;
}

.btn-register:hover {
	background-color: #fff;
	color: #1C375B;
}

.btn-login{
	background-color: #fff;
	color: #1C375B;
	padding: 10px 30px;
	border-radius: 10px;
	border: 1px solid #1C375B;
}

.btn-login img {
	transform: rotate(90deg);
}

.btn-login:hover {
	background-color: #fff;
	color: #1C375B;
}

.btn-login:active {
	background-color: #fff !important;
	color: #1C375B;
}

.btn-adm {
	background-color: #fff;
	color: #1C375B;
	padding: 15px 30px;
	border-radius: 10px;
	border: 1px solid #1C375B;
	margin-right:20px;
}

.btn-adm:hover {
	background-color: #fff;
}

.header-top {
	background-image: url(../img/index/about_us_background.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 8rem;
}

.content-middle {
	background-image: url(../img/index/background_content.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 8rem;
}

.footer-bottom {
	background-image: url(../img/index/footer.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding-bottom: 10rem;
}

.vertical-center {
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.login-container {
	background-image: url(../img/index/login.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding-bottom: 2rem;
}

.login-title {
	font-size: 2rem;
	color: #000;
	padding-bottom: 10px;
}

.login-header {
	font-size: 1rem;
}

.forms {
	align-items: center;
	padding-top: 1rem;
}

.custom-form {
	border-radius: 0%;
}