.survey-action-group{ display: none; }
.quiz-action-group{ display: none; }

.quiz-timer{
	display: none;
}
.timer-countercallback {
    font-size: 35px;
    font-weight: bold;
}
.question-card-bg{
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.play-video-modal .modal-dialog {
    width: 90%;
}
.custom-side-pad{ padding-left: 20px; padding-right: 20px;}

.learning-circle {
    width: 100%;
    border: 2px solid #eb1c2e;
    border-radius: 100%;
    padding: 34px 0;
    text-align: center;
    color: #000;
    position: relative;
    z-index: 1;
    background-color: #FFF;
}
.space-line {
    position: absolute;
    width: 100px;
    height: 2px;
    background-color: #ccc;
    top: 46px;
    left: 90px;
    z-index: 0;
}
.course-path-img {
    margin-bottom: 30px;
}
.same-height {
    min-height: 410px;
    max-height: 410px;
}
.course-same-height {
    min-height: 460px;
    max-height: 460px;
}

.less3, .more3, .unknown{
    display: none;
}

.less3.active, .more3.active, .unknown.active{
    display: block;
}

.inv-data-box, .agenda-data-box, .course-data-box, .evi-data-box, .other-data-box, .in-house, .public{
    display: none;
}

.inv-data-box.active, .agenda-data-box.active, .course-data-box.active, .evi-data-box.active, .other-data-box.active{
    display: block;
}

.in-house.active, .public.active{
    display: flex;
}

.form-control.select2-elem.is-invalid + span.select2 span.select2-selection.select2-selection--multiple{
    border-color: #f84242 !important;
    background-image: url('../images/icon/is-invalid.svg');
    background-repeat: no-repeat;
    background-position: center right calc(0.375em + 0.1875rem);
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.flex{display: flex;}
.mg-1-vw{margin: 1vw;}
.rg-1-vw{row-gap: 1vw;}
.bt-1px{border: 1px solid #e0e8f3;}
.text-over-licence {
    font-size: 2em;
    opacity: 0.4;
    position: absolute;
    transform: rotate(-16deg);
    z-index: 9999;
}
.licence-pos1{top: 10%;left: 10%;}
.licence-pos2{top: 20%;left: 20%;}
.licence-pos3{top: 30%;left: 30%;}
.licence-pos4{top: 40%;left: 40%;}
.licence-pos5{top: 50%;left: 50%;}
.licence-pos6{top: 60%;left: 60%;}
.licence-pos7{top: 70%;left: 70%;}
.licence-pos8{top: 80%;left: 80%;}

.timeline {
	width:800px;
	height: 20px;
	list-style: none;
	text-align: justify;
	margin: 80px auto;
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(45%, rgba(255,255,255,0)), color-stop(51%, rgba(235,28,46,1)), color-stop(57%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0)));
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 45%, rgba(235,28,46,1) 51%, rgba(255,255,255,0) 57%, rgba(255,255,255,0) 100%);
	
    /* background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 45%, rgba(191,128,11,1) 51%, rgba(255,255,255,0) 57%, rgba(255,255,255,0) 100%); */
}

.timeline:after {display: inline-block; content: ""; width: 100%;}

.timeline li {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: #eb1c2e;
	text-align: center;
	line-height: 1.2;
	position: relative;
	border-radius: 50%;
}

.timeline li:hover{cursor: pointer;}

.timeline li:before {
	display: inline-block;
	content: attr(data-status);
	font-size: 14px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
    width: 150px;
}
.timeline li.text-info:before {
	color: #04b2e5;
}
.timeline li.text-success:before {
	color: #21b632;
}
.timeline li.text-warning:before {
	color: #ffa22b;
}
/*
.timeline li:nth-child(odd):before {
	top: -40px;
}
.timeline li:nth-child(even):before {
	bottom: -40px;
}
*/
.timeline li:nth-child(odd):before {
    top: -20px;
}
.timeline li:nth-child(even):before {
    top: -20px;
}

.timeline li:after {
	display: inline-block;
	content: attr(data-text);
	font-size: 16px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
    width: 150px;
    top: 26px;
}
.course-shot-content {
    height: 130px;
    overflow: hidden;
}
/*
.timeline li:nth-child(odd):after {
	bottom: 0;
	margin-bottom: -10px;
	transform: translate(-50%, 100%);
}
.timeline li:nth-child(even):after {
	top: 0;
	margin-top: -10px;
	transform: translate(-50%, -100%);
}
*/

.sv-table-head {
    background-color: #d6e9ff;
    float: left;
    width: 100%;
    border : 0.3px solid #b1c8e2;
}
.sv-table-row {
    float: left;
    width: 100%;
    border : 0.3px solid #b1c8e2;
}
.half-table{
    float: left;
    width: 50%;
}
.left-col-table{
    float: left;
    width: 42.8%;
    border-right: 1px solid #ddd;
}
.right-col-table{
    float: left;
    width: 57.2%;
    border-top: 1px solid #ddd;
    display: flex;
    align-items: center;
    vertical-align: middle;
}
.point-group{ float: left; width: 100%;}
.point-head {
    width: 20%;
    float: left;
}
.point-head-bg{
    background-color: #d6e9ff;
    border-left: 0.2px solid #b1c8e2;
}
.topic-text {
    padding: 45px 0;
}
.sv-ques-group{
    width: 13%;
    float: left;
    padding: 5px 5px;
    display: flex;
    align-items: center;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
.sv-ques-title{
    width: 88%;
    float: left;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.sv-ques-text{
    float: left;
    width: 100%;
    border-top: 1px solid #ddd;
}
.sv-topic-wrap{ float: left; width: 100%;display: flex;}
.topic-choice {
    padding: 6px 0 6px 4px;
}
.full-table {
    float: left;
    width: 100%;
}
.flex-table {
    float: left;
    width: 100%;
    display: flex;
}
.sv-textarea{
    padding: 0 8px;
}

/* DSD SV */
.dsd-topic-text {
    padding: 23px 0;
}
.dsd-point-head {
    width: 25%;
    float: left;
    padding: 10px 0;
}
.dsd-sv-ques-text {
    float: left;
    width: 100%;
    border-top: 1px solid #ddd;
    padding: 10px 0;
}
.dsd-sv-ques-title {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.dsd-left-col-table {
    float: left;
    width: 57.7%;
    border-right: 1px solid #ddd;
}

@media (max-width:991.98px) {
	.half-table{
        width: 100%;
    }
    .left-col-table{
        width: 100%;
    }
    .sv-topic-wrap {
        float: left;
        width: 100%;
        display: block;
        text-align: center;
    }
    .sv-ques-group {
        width: 100%;
        display: block;
    }
    .sv-ques-title {
        width: 100%;
    }
    .select-mobile-sv{
        padding: 0px 20px;
    }
}