/*==================================
	Common class
==================================*/
.gray{
	color:#aaa;
}
.mini{
	font-size:80%;
}
.bold{
	font-weight:bold;
}
.big{
	font-size:150%;
}
.blue{
	color:#0275d8;
}
.red{
	color:#d9534f;
}
.green{
	color:#5cb85c;
}
.orange{
	color:#f0ad4e;
}
.red{
	color:#f00;
}
hr.dotted{
	border-top:1px dotted rgba(0,0,0,.1);
}

/*==================================
	Font
==================================*/
a{
	color:#c08e47;
}
a:hover,
a:active,
a:focus{
	color:#e5ab47;
}
.text-adjust{
	font-size:.88rem;
}

/*==================================
	Container
==================================*/
html,
body{
	height: 100%;
	margin:0;
	padding:0;
	text-align:center;
}
.v2-container{
	min-height:100%;
	height:auto !important;
	height:100%;
	position: relative;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.v2-login {
	background-image:url(../images/sej_bg.jpg);	
}
.v2-screen{
	width:100%;
	margin:0 auto;
	text-align: left;
	padding-bottom:50px;
}
@media (min-width: 576px){
	.container {
		/*width: 1140px;*/
		max-width:none;
		/*min-width:1140px;*/
	}
}
/*@media (min-width: 768px){
	.container {
		width: 1140px;
		max-width:none;
		min-width:1140px;
	}
}*/
@media (max-width: 767.98px){
	.v2-screen{
		padding-bottom:68px;
	}
}

/*==================================
	Header
==================================*/
header{
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
}
header .navbar-brand{
	font-size:1.2rem;
	font-weight:500;
}
header h1{
	margin:0;
	font-size: 1rem;
	line-height:1.5rem;
}
header .navbar-nav li{
	font-size: .88rem;
}
header .btn{
	font-size:.75rem;
	padding: .45rem .4rem;
}
header .navbar-toggler{
	padding:.33rem .75rem;
}
header .navbar-toggler .fas{
	font-size:1.35rem;
}

/*==================================
	Footer
==================================*/
footer{
	width:100%;
	bottom: 0;
	margin:0 auto;
	position: absolute;
}
@media (min-width: 768px){
	footer{
		height:50px;
	}
	footer small{
		line-height:50px;
	}
}

/*==================================
	Icon
==================================*/
.x-icon-disabled{
	color:#ccc;
}
.col-list .glyphicon.x-icon,
.col-list .glyphicon.x-icon-disabled{
	font-size: 1.1rem;
	margin: 0 0.1rem;
}
@media (max-width: 991px) {
	.col-list .glyphicon.x-icon,
	.col-list .glyphicon.x-icon-disabled{
		font-size: 1.7rem;
		margin: 0 0.2rem;
	}
}

/*==================================
	Bootstrap v4 class customize
==================================*/
.bg-dark{
	background-color:#006400 !important; /*#51a1a2 !important;*/
}
.bg-success{
	background-color:#58b957 !important;
}
.border-success{
	border-color:#58b957;
}

/*==================================
	Bootstrap v4-alpha styles
==================================*/
/*.card-block{
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1.25rem;
}*/

/*==================================
	Modal
==================================*/
.modal{
	z-index:1071;
}
.modal-header{
	padding: .6rem 1rem;
	border-top-left-radius: .2rem;
	border-top-right-radius: .2rem;
}
.modal-title{
	font-size: 1rem;
}
.modal-header .close{
	text-shadow:none;
	outline:none !important;
}
.modal-body{
	font-size:.88rem;
	text-align: left;
}
.modal .input-group-text{
	font-size:.88rem;
}

@media (min-width: 992px) {
	.modal-xl {
		max-width:980px;
	}
}

/*==================================
	Alert
==================================*/
.alert{
	border-color:transparent;
}
#div-meeting-main .alert{
	padding:.4rem .4rem;
	font-size: .88rem;
}

/*==================================
	Btn
==================================*/
.btn{
	font-size: .88rem;
	padding:.4rem .4rem;
	font-weight:700;
}
.btn-primary{
	background-color:#7b9ad0;
	border-color:#7b9ad0;
}
.btn-success:hover,
.btn-success:active,
.btn-success:focus{
	background-color: #499c48;
	border-color: #328c30;
	color:#fff;
}
.btn-success{
	background-color:#58b957;
	border-color:#48af46;
}
.btn-success:hover,
.btn-success:active,
.btn-success:focus{
	background-color: #499c48;
	border-color: #328c30;
	color:#fff;
}
.btn-dark{
	background-color:#333;
	border-color:transparent;
}
.btn-dark:hover,
.btn-dark:active,
.btn-dark:focus{
	background-color: #111;
	border-color:transparent;
	color:#fff;
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus{
	color:#fff;
}
.btn-warning,
.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus{
	color:#fff;
	background-color: #999;
	border-color:transparent;
}

/*==================================
	Nav
==================================*/
.nav-block-items{
	background-color:#f7f7f7;
	border-bottom:1px solid #ccc;
}
.nav-block-items .nav-item{
	text-align:center;
	border-right:1px solid #ccc;
}
.nav-block-items .nav-item .nav-link{
	font-size: .75rem;
	color:#ccc;
	min-width:100px;
}
.nav-block-items .nav-item .nav-link:hover{
	color:#333;
}
.nav-block-items .nav-item .nav-link .fas{
	display:block;
	margin-bottom:2px;
	font-size: 1.3rem;
}
.nav-block-items .nav-item .nav-link.active{
	background-color:#333;
	color:#fff;
}

/*==================================
	Nav tabs
==================================*/
.nav-tabs {
	border-bottom: 2px solid #ddd;
}
.nav-tabs .nav-item{
	margin-bottom:-2px;
	font-size:.88rem;
}
.nav-tabs .nav-item .nav-link:hover{
	border-color:transparent;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active{
	border-color:#ddd #ddd #fff !important;
}

/*==================================
	Dropzone
==================================*/
.dropzone{
	border: 2px solid #ccc;
	background-color:#f7f7f7;
	/*min-height:120px;*/
	min-height:5px;
}
.dropzone .dz-message{
	/*margin: 2.7rem 0;*/
	margin: 0.5em;
	font-size:.88rem;
	text-align:center;
}
.dropzone.dz-drag-hover{
	border: 2px solid #aaa;
	background-color: #f9f9f9;
}
.dropzone.dz-drag-hover .dz-message{
	color:#aaa;
	opacity:1;
}

/*==================================
	Form
==================================*/
:placeholder-shown{
	color:#ccc;
}
::-webkit-input-placeholder{
	color:#ccc;
}
:-moz-placeholder{
	color:#ccc;
	opacity:1;
}
::-moz-placeholder{
	color:#ccc;
	opacity:1;
}
:-ms-input-placeholder{
	color:#ccc;
}
textarea[name="talk_chat"]{
	border:2px solid transparent;
}

/*==================================
	Card
==================================*/
.card{
	border:1px solid #ccc;
}
.card-header{
	font-size:1.05rem;
}
#div-meeting-main .card{
	border:none;
}
#div-meeting-main .card-header{
	border:none;
	border-bottom:1px solid #ddd;
	font-size:.88rem;
	padding:.55rem 1rem;
	font-weight:700;
}
.modal .card-header{
	font-size:.88rem;
	padding:.55rem 1rem;
}
#div-meeting-main .card-body,
.modal .card-body{
	font-size:.88rem;
}
.card.card-adjust{
	border:none;
	border-radius:0;
	font-size:.88rem;
}
.card.card-adjust .card-header{
	font-weight:700;
	font-size:.88rem;
	padding:10px;
}

/*==================================
	Table
==================================*/
.card .table thead th small{
	font-size:.7rem;
}
.table .thead-light th{
	padding: .4rem .75rem;
	background-color:#f7f7f7;
	border-color:#ccc;
	border-bottom:none;
}
.table th a {
	color: #333 !important;
}
.card .table tbody td{
	padding: .4rem .75rem;
	line-height:1.2;
}

/*==================================
	Login
==================================*/
.login .jumbotron{
	width:570px;
	margin:0 auto 40px auto;
	padding:40px 10px 30px 10px;
	border:2px solid #ccc9;
	background-color:#00640099;
}
.login h2{
	font-size:1.33rem;
	margin-bottom:2rem;
}
.login .input-group-text,
.login .form-control{
	border:none;
}
.login .form-control{
	padding: .5rem .5rem;
}
.login .btn{
	font-weight:700;
}
@media (max-width: 767.98px){
	.login .jumbotron{
		width:100%;
		margin:15px auto;
	}
}

/*
*/
label.title { width:100%;color:#777;border-bottom:solid 1px #ccc; }

/*==================================
	Chat
==================================*/
.scroll-y{
	height:560px;
	overflow-y:auto;
	position:relative;
}
.chat-body .card{
	padding:7px;
	margin-bottom:7px;
	background-color:#fcf8e2;
}
.chat-body .card .card-header{
	background-color:transparent;
	padding:0 0 5px 0;
	font-size:.6rem;
	color:#999;
	font-weight:700;
}
.chat-body .card .card-body{
	padding:7px 0 0 0;
	font-size:.88rem;
}

/*==================================
	jQuery UI calendar
==================================*/
.fc-toolbar{
	padding:0 43px;
	/*padding:0 6px;*/
	position:relative;
}
.fc-toolbar h2{
	font-size:1.2rem;
	font-weight: 700;
}
.fc-toolbar.fc-header-toolbar{
	margin-bottom:0;
}
.fc-toolbar .fc-center{
	margin-top:.5rem;
}
.fc-toolbar .fc-state-default{
	background-image:none;
	background-color:#fff;
	border:1px solid #ccc;
}
.fc-toolbar .fc-state-default:hover,
.fc-toolbar .fc-state-default:active,
.fc-toolbar .fc-state-default:focus{
	background-color:efefef;
}
.fc-toolbar button{
	height:auto;
	padding: .6rem .9rem;
	font-size: .8rem;
	line-height: 1;
	font-weight:700;
}
.fc-toolbar .fc-prev-button,
.fc-toolbar .fc-next-button{
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: Font Awesome\ 5 Free;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-weight: 900;
	font-size: 1.6rem;
	border: none;
	padding: 5px 15px;
	/**/position:absolute;
	z-index:1;
	top:0;
	outline:none !important;
	box-shadow:none;
}
.fc-toolbar .fc-prev-button{
	left:0;
}
.fc-toolbar .fc-next-button{
	right:0;
}
.fc-toolbar .fc-prev-button:before{
	content:"\f104";
}
.fc-toolbar .fc-next-button:before{
	content:"\f105";
}
th.fc-widget-header{
	padding:5px 0;
	background-color:#333;
	color:#fff;
}
@media (min-width: 992px) {
	.fc-toolbar .fc-center{
		position: absolute;
		text-align: right;
		right: 46%;
		margin-top:0;
	}
	.fc-toolbar .fc-center h2{
		margin-top: .3rem;
	}
	.fc-toolbar.fc-header-toolbar {
		margin-bottom: .5rem;
	}
}
@media (min-width: 1200px) {
	.fc-toolbar .fc-center{
		right: 43%;
	}
}

/*==================================
	jquery.mCustomScrollbar
==================================*/
.mCSB_inside>.mCSB_container {
	margin-right: 10px;
}
.mCSB_scrollTools{
	opacity:1;
	width: 6px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_draggerRail{
	width: 6px;
}
.scroll-y.mCustomScrollbar{
	margin-right:-6px;
}
.scroll-y.mCustomScrollbar.mCS_no_scrollbar{
	margin-right:0;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color: #4d4d4d !important;
	opacity:1;
}
.mCSB_scrollTools .mCSB_draggerRail{
	background-color:#fff !important;
}

/*==================================
	modal > directories scroll
#modal-partner-list #div-directories{
	height: calc(100vh - 150px);
	overflow-y: auto;
	border: 1px solid #e8e8e8;
	padding: 10px;
	border-radius: 5px;
}
@media screen and (max-width: 767px) {
	#modal-partner-list #div-directories{
		height: calc(50vh - 150px);
		margin-bottom:10px;
	}
}
==================================*/