@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Calibri';
    src: url('fonts/Calibri.eot');
    src: url('fonts/Calibri.eot?#iefix') format('embedded-opentype'),
        url('fonts/Calibri.woff2') format('woff2'),
        url('fonts/Calibri.woff') format('woff'),
        url('fonts/Calibri.ttf') format('truetype'),
        url('fonts/Calibri.svg#Calibri') format('svg');

}
@font-face {
    font-family:'Glober SemiBold Free';
    src: url('fonts/GloberSemiBoldFree.eot');
	src: url('fonts/GloberSemiBoldFree.eot?#iefix') format('embedded-opentype'),
		url('fonts/GloberSemiBoldFree.woff2') format('woff2'),
		url('fonts/GloberSemiBoldFree.woff') format('woff'),
		url('fonts/GloberSemiBoldFree.svg#GloberSemiBoldFree') format('svg');
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}
@font-face {
    font-family:'Halis R Bold';
    src: url('fonts/HalisR-Bold.eot');
	src: url('fonts/HalisR-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/HalisR-Bold.woff2') format('woff2'),
		url('fonts/HalisR-Bold.woff') format('woff'),
		url('fonts/HalisR-Bold.svg#HalisR-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}
@font-face {
    font-family:'Halis R Regular';
    src: url('fonts/HalisR-Regular.eot');
	src: url('fonts/HalisR-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/HalisR-Regular.woff2') format('woff2'),
		url('fonts/HalisR-Regular.woff') format('woff'),
		url('fonts/HalisR-Regular.svg#HalisR-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}
body {
font-family: 'Calibri'!important;
font-size:16px!important;
}
.btn-secondary{

    background-color: #72310c!important;
    color: #ffffff!important;
    padding: 15px 30px;
    padding-right: 60px;
    position: relative;
    transition: all 0.5s ease!important;
    outline: 0;
    border: 0;
    box-shadow: none;
    line-height: 20px;

}
.btn-secondary:hover{
    background-color: #96c221!important;
    color: #ffffff!important;
    transition: all 0.5s ease;
}

.block .card-body h5{
font-family: 'Halis R Bold';
font-size:16px!important;
text-transform: uppercase;
}
.block .block-cards .course-info-container .categoryname{
font-family: 'Halis R Regular';
font-size:16px!important;
text-transform: uppercase;
}
#page-header .card .card-body h1{
font-family: 'Halis R Bold';
font-size:24px!important;
text-transform: uppercase;
}
/*.custom-select{margin-bottom: 12px;}*/
.divider{
	border-left:1px solid #CCC;
	margin-left:12px;
	padding-right:10px;
	padding-left:20px;
	height:38px;	
	}
.company-logo{

	}

.navbar {
    max-height: 50px!important;
}
nav.navbar .logo img {
    max-height: 46px!important;
}
.navbar-light .site-name {display:none!important;}

.user-pic .userpicture{width:50px; height:50px;}

#section {
  width: 500px;
  height: 400px;
  word-wrap: break-word;
}

.moretext {
  display: none;
}
.block_userprofile #section table tr td{
padding:6px 10px;
}
.block_userprofile #section table tr td ul li{
margin-left:20px;
}
.block_badges .card-body .card-text img{margin:0 auto;display: block;}
.badge-card-img{
background-color:#efefef;
text-align:center;
}
.badge-card-img img{
    box-shadow: 0 0 0 12px #96c221;
    -webkit-transform: scale(.6);
    transform: scale(.6);
    margin-top: -15px;
width: 145px;
    height: 145px;
    border-radius: 50%;
}
.badge-type{
font-size:22px;
}
.tab-content>.active{
    display: flex!important;
}
.tab-content h3{color:#96c221;margin-top:10px;}
.card-sp{

padding-top: 20px!important;
}
.card-sp .card-body{padding:8px;}
/*.admintable tbody tr td img{
    box-shadow: 0 0 0 12px #96c221;
    -webkit-transform: scale(.6);
    transform: scale(.6);
width: 160px;
    height: 160px;
    border-radius: 50%;
margin-top: -21px;
    margin-bottom: -20px;
}*/
.block-timeline [data-region="timeline-view-dates"] {
width: 100%;
}
.block-timeline [data-region="timeline-view-dates"] h5{
background-color: #bbbbbb!important;
}
.generaltable thead{
    background-color:#a5c71a!important; color:#fff;}

/*---------popup-----------*/


#myModal .bg{
	background-image:url('../style/images/bg.png');
	background-repeat:no-repeat;
	    background-size: 100%;
		overflow-y:auto;
/*		    height:480px; */
	}

.dir{
	position:relative;
	}
.dir .pop-content{
	position:relative;
	background-color:white;
	margin-top:0%;
	margin-left:0;
	border:2px solid  #12AD2B;
        padding-left: 105px;
	}

.dir .director{
	position:absolute;
	top:5%;
	left:3%;
    z-index:1;
	font-size:10px;
	}

#myModal .director img{
	border:1px solid #333;
	border-radius:30px 0px 0px 0px;
	height:192px;
	}
#myModal .director .name{
	background-color:#99cc33;
	color:#663300;
	padding:2px 7px;
	border-radius:0 0 30px 0;
	    margin-top: 0px;
		text-align:center;
	}
#myModal .director .name span{
	font-size:14px;
	font-weight:bold;
}

.ceo{
	position:relative;
	}
.ceo .pop-content2{
	position:relative;
	background-color:white;
	margin-top:0%;
	margin-left:0;
	border:2px solid  #12AD2B;
        padding-left: 105px;
	}
.ceo .director2{
	position:absolute;
	top:5%;
	left:3%;
    z-index:1;
	font-size:10px;

	}
#myModal .director2 img{
	border:1px solid #333;
	border-radius:30px 0px 0px 0px;
	height:192px;
	}
#myModal .director2 .name{
	background-color:#99cc33;
	color:#663300;
	padding:2px 7px;
	border-radius:0 0 30px 0;
	    margin-top: 0px;
		text-align:center;
	}
#myModal .director2 .name span{
	font-size:14px;
	font-weight:bold;
}


.paragraph{
	margin-left:12%;
	padding-top:15px;
	}
.paragraph .sign{
	height:100px;
	}
.wel-msg .director{
	display:flex;
}
.wel-msg .director .name span{
	font-size:14px;
	font-weight:bold;
}
.wel-msg .director img{
	width:70px;
	height:70px;
}
	
@media (min-width: 576px){
.modal-dialog {
    max-width: 80%!important;
}
.modal-backdrop{
    background-color: #000000a8!important;
}
}

@media only screen and (max-width: 768px) {
.dir .director{
	position:unset;
	top:5%;
	left:3%;
    	z-index:1;
	font-size:10px;
text-align: center;
	}

.ceo .director2{
	position:unset;
	top:5%;
	left:3%;
    	z-index:1;
	font-size:10px;
text-align: center;

	}
#myModal .modal-body h3{
font-size:20px;
}
.ceo .pop-content2{
        padding-left:0px;
	}
.dir .pop-content{
        padding-left:0px;
	}

.paragraph {
    margin-left: 10px;
   padding-top: 15px;
}



.navbar-light .navbar-brand{
display:none;
}
.navbar-light .divider{
display:none;
}
.navbar-light .company-logo img{
height:28px;
}

.navbar-nav{
	margin-left: auto!important;
}


}

/* Low resolution desktops and laptops ---------- */
@media screen and (min-width: 1024px) {

.paragraph {
    margin-left:106px;
   padding-top: 15px;
}

}