/*

	Code Color

	#4AB99F  	=> Hijau Muda

	#02A982		=> Hijau Tua

*/



.navbar .navbar-menu-wrapper{

	background-image: linear-gradient(to right, #ffffff, #9BD8CA);

	border-bottom: none;

}



.bg-primary-cs{

	background: linear-gradient(to bottom right, #4AB99F, #02A982);

}



.text-success{

	color: #009C9D !important;

}



.btn i, .icon{

	margin-right: 5px;

}



.btn.btn-icon{

	padding-left: 5px;

}



.btn.btn-icon.icon-in-table{

	padding-top: 10px;

}



.btn-success{

	color: #ffffff;

	background: #009C9D;

	border-color: #009C9D;

}



.btn-success:hover, .btn-success:focus{

	color: #ffffff;

	background: #038787;

	border-color: #038787;

}



.message p{

	margin-top: 4px;

}



.table .form-check{

	margin-top: 0px;

	margin-bottom: 0px;

}



.table .form-check .form-check-label{

	line-height: 0px;

}



.table.table-hover.table-click tbody tr:hover{

	box-shadow: 0px 2px 5px #C2C2C2;

    -webkit-box-shadow: 0px 2px 5px #C2C2C2;

    -moz-box-shadow: 0px 2px 5px #C2C2C2;

    cursor: pointer;

}



.table.table-hover.table-click tbody tr.message-no:hover{

	box-shadow: none;

    cursor: none;

}



.table.table-hover.table-click tbody tr.message-no:hover td{

	background-color: #fff;

}



.table tbody tr.no-read{

	background: #F5F5F5;

}



.message-no{

	padding-top: 15%;

	padding-bottom: 15%;

	padding-left: 10%;

	padding-right: 10%;

	text-align: center;

	color: #BEBEBE;

}



.message-no .message-icon{

	font-size: 100px;

	margin-bottom: 20px;

}



.message-no .message-title{

	font-size: 26px;

	color: #A9A9A9;

}



.message-no .message-desc{

	font-weight: normal;

	font-size: 15px;

	line-height: 20px;

}



.modal .modal-content .modal-search{

	padding-top: 25px;

	padding-bottom: 5px;

	padding-left: 25px;

	padding-right: 25px;

}



.modal .modal-content .modal-header .modal-title .icon{

	width: 20px;

}



.loader-demo-box-cs{

	border: 0px !important;

}



.d-none-cs{

	display: none !important;

}



.form-group .desc, .modal-title .desc{

	color: #525252;

}



.img-lg-cs{

	width: 250px;

	height: 250px;

}



.navbar-nav .nav-profile .nav-link-name{

	color: #ffffff;

	margin-right: 10px;

	white-space: nowrap;

  	overflow: hidden;

  	text-overflow: ellipsis;

  	max-width: 250px;

}



.text-login-desc{

	font-size: 13px;

}



.text-login-desc:hover,

.text-login-desc:focus{

	color: #4AB99F;

	text-decoration: none;

}



.profile-cs{

	border-bottom: none;

}



.feed-item-cs{

	border-bottom: none;

}



.alert{

	border: none;

}



.header-title{

	font-size: 20px;

	margin-bottom: 20px;

	color: #B2B2B2;

}



.form-group .label-form{

	color: #B2B2B2;

}



.email-wrapper .message-body .attachments-sections-list ul li{

	width: 100%;

	margin-bottom: 7px;

}



.email-wrapper .message-body .attachments-sections-list ul li .thumb{

	padding-left: 20px;

	padding-right: 25px;

	text-align: center;

}



.email-wrapper .message-body .attachments-sections-list .details .file-desc{

	margin-top: -3px;

	margin-bottom: 2px;

}



.email-wrapper .message-body .attachments-sections-list .details .file-desc .badge{

	font-size: 10px;

	padding-top: 3px;

	padding-bottom: 2px;

}



.email-wrapper .message-body .attachments-sections-list .details .buttons a{

	text-decoration: none;

	color: #4AB99F;

}



.email-wrapper .message-body .attachments-sections-list .details .buttons a:hover,

.email-wrapper .message-body .attachments-sections-list .details .buttons a:focus{

	color: #02A982;

	transition: 1s;

}



.iframe-wrap .iframe{

	border: none;

	width: 100%;

	height: 500px;

}



.iframe-wrap .pop-out{

	width: 100px; 

    height: 100px; 

    position: absolute; 

    opacity: 0; 

    right: 0px; 

    top: 0px;

}



.transfer-wrap{

	padding-left: 15px;

	padding-right: 15px;

}



.transfer-wrap ul li{

	padding-bottom: 10px;

}



.transfer-wrap ul li .title{

	font-size: 16px;

	font-weight: bold;

}



.transfer-wrap ul li .desc{

	margin-top: -3px;

	margin-bottom: -3px;

}



.select2-container .select2-selection--multiple .select2-selection__rendered {

	font-size: 13px;

}



.select2-container .select2-selection--multiple {

	height: 45px;

	padding-top: 5px;

	padding-bottom: 5px;

	padding-left: 10px;

	padding-right: 10px;

}



.card .card-search{

	margin-bottom: -30px;

}



.fg-cs .fg-title{

	padding-left: 25px;

	padding-right: 25px;

	padding-top: 15px;

	padding-bottom: 15px;

	font-size: 25px;

}



.ellipsis-nt-title{

	white-space: nowrap;

  	overflow: hidden;

  	text-overflow: ellipsis;

  	max-width: 100px;

}



.preview-list .preview-item .preview-item-content .ellipsis-nt-title{

	display: inline-block;

    margin-bottom: -7px;

}



.preview-list .preview-item .preview-item-content.nt-wrap{

	padding-left: 30px;

	padding-right: 30px;

	padding-top: 30px;

	padding-bottom: 30px;

	text-align: center;

}



.preview-list .preview-item .preview-item-content.nt-wrap .icon{

	font-size: 50px;

	margin-bottom: 10px;

}



.list-c{

	margin-top: 20px;

	margin-bottom: 15px;

}



.list-c .icon{

	padding-left: 20px;

}



.list-c .icon i{

	font-size: 30px;

}



.list-c .content .label-wrap .label-content{

	padding-top: 3px;

	padding-bottom: 3px;

	font-size: 10px;

}



.list-c .content .label-wrap-footer{

	font-size: 12px;

}



.list-c .content .label-wrap-footer a{

	text-decoration: none;

	margin-top: 5px;

	margin-right: -10px;

}



small.badge{

	font-size: 10px;

}



.table-responsive{

	overflow-x: auto;

}