@font-face {
  font-family: "SourceSansPro-Regular";
  src: url("../fonts/source-sans-pro/TTF/SourceSansPro-Regular.ttf");
}
@font-face {
  font-family: "SourceSansPro-Semibold";
  src: url("../fonts/source-sans-pro/TTF/SourceSansPro-Semibold.ttf");
}
@font-face {
  font-family: "SourceSansPro-Light";
  src: url("../fonts/source-sans-pro/TTF/SourceSansPro-Light.ttf");
}

/*$pink = #FFECCE;
$orange = #FF9B00;

$border = $orange;*/
body{
	/*background-color: #f1fcff;*/
	background-color: #FFFAF1;
	font-family: SourceSansPro-Regular;
}
/*flashdata*/
.flashdata .alert{
    padding: .5rem 4rem .5rem .75rem;
    font-size: 13px;
    border-radius: 0;
}
.flashdata .alert button{
    padding: .35rem 1rem;
}
/*end flashdata*/

/*all*/
.hidden{
	display: none;
}
.load-more{
	text-align: center;
}
.load-more .loading{
	display: none;
}
.load-more .loading img{
	width: 1.5rem;
}
.load-more a{
	background-color: #fff;
	font-family: SourceSansPro-Semibold;
	border: 1px solid #FF9B00;
	font-size: 11px;
}
.load-more a i{
	color: #FF9B00;
	margin-right: 5px;
}
.load-more a:hover{
	background-color: transparent;
	background-image: linear-gradient(to right, #FF9B00 , #FF0000);
	color: #fff;
}
.form-control:focus{
	box-shadow: 0 0 0 0.2rem rgba(236, 154, 31, 0.19);
}
.select2-container--default .select2-selection--multiple{
	border-radius: 0;
	border: 1px solid #ced4da;
}
/*end all*/

/* typeahead autocomple */
.twitter-typeahead{width:100%;margin-top: 1px;}
.typeahead,
.tt-query,
.tt-hint {
  width: auto;
  /*height: 30px;*/
  line-height: 30px;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  outline: none;

}

.typeahead {
  background-color: #fff;
  width:100%
}

.typeahead:focus {
  border: 1px solid #0097cf;
}

/*login*/
.login{
	background-color: #fff;
}
.login .img-login{
	/*background-image: url('../img/sunset.png');*/
	background-size: cover;
	background-repeat: no-repeat;
}
.login .row{
	margin-left: 0;
	margin-right: 0;
}
.login .row .login-left{
	display: flex;
    align-items: center;
}
.login .row div{
	padding: 0;
}
.login .row .form-login{
	max-width: 430px;
	margin-left: auto;
	margin-right: auto;
}
.login .head-login{
	text-align: center;
}
.login .head-login .h-login{
	width: 50%;
    margin-left: 0;
	border-top: 2px solid #f99d09;
	margin-bottom: 5px;
    margin-top: 25px;
}
.login .head-login h2{
	color: #747474;
    font-size: 4.75rem;
    font-family: SourceSansPro-Light;
    /*letter-spacing: 0.5px;*/
}
.login .head-login h2 span{
	color: #f99d09;
	font-family: SourceSansPro-Semibold;
}
.login .head-login p{
    text-align: left;
    font-size: 15px;
    color: #aaa;
}
.login .form-login .body-login{
	margin-top: 2.5rem;
    margin-bottom: 5rem;
}
.login .form-login .body-login .form-group label{
	font-family: SourceSansPro-Semibold;
	color: #747474;
}
.login .form-login .body-login .form-group .form-control{
	border-radius: 0!important;
    background-color: #f8f9fa!important;
    border: 1px solid #f8f9fa;
}
.login .form-login .body-login .lupa-password {
	text-align: center;
}
.login .form-login .body-login .lupa-password a{
	color: #f99d09;
	font-family: SourceSansPro-Semibold;
}
.login .form-login .body-login .lupa-password button{
    width: 100%;
    background: transparent;
    border-color: #ced4da;
    color: #757575;
    font-family: SourceSansPro-Semibold;
    border-radius: 3px;
}
.login .form-login .body-login .lupa-password button:hover{
	background-color: #f99d09;
	color: #fff;
    border: 1px solid #f99d09;
}
.login .form-login .alert{
	padding: .5rem 1.25rem;
	color: #ff0000;
    font-family: SourceSansPro-Semibold;
    border-radius: 0;
}
.login .form-login .alert-dismissible .close{
	padding: .5rem 1rem;
}
.login .form-login .body-login .form-group .btn-login{
	width: 100%;
    background-color: transparent;
    border: 1px solid #f99d09;
    border-radius: 0;
    color: #747474;
    font-family: SourceSansPro-Semibold;
    border-radius: 3px;
}
.login .form-login .body-login .form-group .btn-login i{
	color: #f99d09;
}
.login .form-login .body-login .form-group input::-webkit-input-placeholder {
   color: #ced4da;
   font-size: 13px;
}
.login .form-login .body-login .form-group input:-moz-placeholder {
   color: #ced4da;  
   font-size: 13px;
}
.login .form-login .body-login .form-group input::-moz-placeholder {
   color: #ced4da;
   font-size: 13px;
}
.login .form-login .body-login .form-group input:-ms-input-placeholder {  
   color: #ced4da;
   font-size: 13px;
}
.login .form-login .copyright{
	text-align: center;
	/*margin-left: auto;*/
    /*margin-right: auto;*/
    /*width: 210px;*/    
    margin-left: -168px;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 335px;
}
.login .form-login .copyright img{
	width: 80px;
}
.login .form-login .copyright p{
	color: #9e9e9e;
	font-size: 12px;
    /*position: absolute;*/
    bottom: 0;
}
/*end login*/

/*halaman utama*/
.navbar-nav .dropdown-menu{
	position: absolute;
}
.bg-light {
    background-color: #ffffff!important;
    /*box-shadow: 0 3px 10px 0 rgba(255, 155, 0, 0.1);*/
    box-shadow: 0px 5px 10px 0px #ff9b0040;
    padding: 3px 0;
    position: fixed;
    width: 100%;
    z-index: 9;
}
.bg-light .container{
	margin-left: auto;
	margin-right: auto;
}
.flex-row li{
	padding: 0;
}
.flex-row li .dropdown-toggle::after{
	/*display: none;*/
}
.flex-row li a.navbar-brand{
    margin-right: 60px;
    max-width: 130px;
    float: right;
}
.flex-row li a.text-nowrap{
	padding: 6px 0;
}
.flex-row li a.nav-link-icon{
    padding: .65rem 1rem;
}
.flex-row li a div i.fa-bell-o{
	color: #a2a2a2;
	font-size: 20px;
}
.flex-row li a div i.fa-bell{
	font-size: 20px;
	color: #FF9B00;
}
.flex-row li a div span{
	position: absolute;
    bottom: 15px;
    right: 30px;
    padding: 1px 4px;
    font-size: 11px;
}
.menu i{
	cursor: pointer;
}
.menu{
    padding: 0px 0px;
    font-size: 30px;
    /*position: absolute;*/
    /*left: 0;*/
    float: left;
}
.box{
    float:left;
    overflow: hidden;
}
.menu-left{
	text-align: center;
}
.hr-ver{
	border: none;
    border-left: 1px solid #65dcd6;
    height: 28px;
    width: 1px; 
    margin: 0!important; 
}
.search .input-group-text{
	background-color: transparent!important; 
    border: none!important; 
}
.search .form-control{
	border: none!important;
	border-bottom: 1px solid #dee2e6!important;
    padding: 0!important;
    border-radius: 0!important;
}
.search .form-control:focus{
	box-shadow: none;
}

.search input::-webkit-input-placeholder {
   font-style: italic;
   color: #ced4da;
}
.search input:-moz-placeholder {
   font-style: italic;
   color: #ced4da;  
}
.search input::-moz-placeholder {
   font-style: italic;
   color: #ced4da;
}
.search input:-ms-input-placeholder {  
   font-style: italic; 
   color: #ced4da;
}
.search i {
    font-size: 23px;
    color: #ced4da;
    cursor: pointer;
}
.user-avatar{
	max-width: 33px;

    width: 33px;
    height: 33px;
    background-size: cover;
    border-radius: 50%;
    position: absolute;
}
.user-avatar-content{
	max-width: 15px;
    width: 15px;
    height: 15px;
    background-size: cover;
}
.user-avatar-rank{
	max-width: 65px;
    padding: 6px 0;
}
.user-avatar-note{
	max-width: 22px;
}
.av-1{
    z-index: 3;
}
.av-2{
    z-index: 2;
    position: absolute;
    left: 17px;
}
.av-3{
    position: absolute;
    z-index: 1;
    left: 19px;
}
.content-web{
    padding: 5rem 0;
}
.side-left{
	position: fixed;
    width: 18.5rem;
    max-width: 24%;
    overflow-y: scroll;
    height: 100%;
    padding-bottom: 5rem;
    top: 3.25rem;
    padding-top: 1.75rem;
}
.side-left::-webkit-scrollbar {
    width: 5px;
    background-color: transparent;
} 
.side-left::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: transparent;
  box-shadow: transparent;
}

.side-left::-webkit-scrollbar-track {
  border-radius: 10px;
  background: transparent;
  box-shadow: transparent;
}
.side-left:hover > .side-left::-webkit-scrollbar-thumb { 
  background: #FF9B00;
}
.side-left::-webkit-scrollbar-thumb:hover {
  background: #FF9B00;
  /*background: transparent;*/
}

.side-left .d1{
	/*border: 1px solid #FAD9A3;*/
	border: 1px solid #FF9B00;
	background-color: #fff;
	text-align: center;
	padding: 10px 15px;
	font-family: SourceSansPro-Semibold;
	border-radius: 3px;
	/*box-shadow: 0px 5px 10px 0px #ff9b0040;*/
}
.side-left .d1 a{
	color: #818182;
	right: 0px;
    position: absolute;
}
.side-left .d1 p{
	color: #818182;
    margin: 10px 0 5px;
}
.side-left .d1 h6{
	text-align: left;
	color: #818182;
	margin-bottom: 25px;
	padding: 0;
}
.side-left .d1 .media .media-body{
	text-align: left;
	margin-bottom: 10px;
}
.side-left .d1 .media .media-body h5{
	text-align: left;
	color: #818182;
	font-size: 1.2rem;
	padding: 0;
}
.side-left .d1 .media .media-body .progress {
    height: .25rem!important;
}
.side-left .d1 .media .media-body .progress .bg-rank {
    background-color: #FF9B00;
}
.side-left .d1 .media .media-body p{
    margin: 1px 0 0px;
    color: #aaa;
    font-size: 12px;
}
.side-left .d1 .media .media-body a{
	color: #FF9B00;
	text-align: left;
	position: relative;
	font-size: 13px;
}
/*.side-left .d1 div{
	border-radius: 3px;
	background-image: linear-gradient(to right, #FF9B00 , #FF0000);
	width: 130px;
    margin: 0 auto 45px;
    color: #fff;
    padding: 4px 0 5px;
}*/
.side-left .d2{
	/*border: 1px solid #FAD9A3;*/
	border: 1px solid #FF9B00;
	margin-top: 10px; 
	background-color: #fff;
	font-family: SourceSansPro-Semibold;
	border-radius: 3px;
}
.side-center .d2 .label-content{
    font-size: 1.25rem;
    font-family: SourceSansPro-Semibold;
}
.side-center .d2 .nb p{
	font-size: 11.5px;
    color: #aaa;
}
.side-left .d2 .nav-link{
	color: #818182;
}
.side-left .d2 .nav-item:first-child .active, .side-left .d2 .nav-item:first-child .nav-link:hover{
	border-radius: 3px 3px 0 0;
}
.side-left .d2 .nav-item:last-child .active, .side-left .d2 .nav-item:last-child .nav-link:hover{
	border-radius: 0 0 3px 3px;
}
.side-left .d2 .nav-item .active, .side-left .d2 .nav-link:hover{
	background-image: linear-gradient(to right, #FF9B00 , #FF0000);
	color: #fff;
	box-shadow: 0 6px 16px 0 #65ddd417, 0 4px 7px 0 #FF00008c;
}
.side-left .d2 .nav-link i{
    margin-right: 10px!important;
}
.side-left .user-avatar-side{
    max-width: 100px;
}
.side-left .d2 .nav-link {
    display: block;
    padding: .7rem 1rem;
}
.side-center .req-vote{
	margin-bottom: 1.5rem;
    border: 1px solid #FF9B00;
    border-radius: 3px;
}
.side-center .req-vote a{
	border: none;
}

.side-center .gift{
	margin-bottom: 1.5rem;
    /*border: 1px solid #FF9B00;
    border-radius: 3px;*/
}
.side-center .gift a{
	border: none;
}

.gift .card-gift{
	border: none!important;
	height: 125px;
    background-size: contain;
    background-repeat: no-repeat;
}

.side-center .d1{
	/*background-image: linear-gradient(to right, #FF9B00 , #FF0000);*/
	/*color: #fff;*/
    color: #8c8a8b;
    background-color: #fff;

}
.side-center .d1 .card{
	background-color: transparent;
	/*box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.19), 0 6px 20px 0 rgba(0, 0, 0, 0);*/
	/*border-image-source: linear-gradient(to right, #FF9B00 , #FF0000);*/
    /*border-image-slice: 20;*/
    border-radius: 3px;
}
.hr-vote{
	margin: 0;
    border-top: 2px solid #FF9B00;
    width: 18%;
    margin-left: 1.25rem!important;
    top: -2px;
    position: relative;
}
.text-logout{
	color: #FF9B00;
}
.text-rank,
.text-profile{
	color: #757575;
}
.text-rank i{
	font-size: 14px;
}
.tables-list-reward tr{
	line-height: 40px;
}
.tables-list-reward tr td img{
	width: 65px;
}
.tables-list-reward tr td.poin{
	text-align: center;
}
.username-users{
    font-size: 14px;

    margin-left: 40px;
    line-height: 33px;
}
.side-center .d1 .card{
	border: none;
}
.side-center .d1 .card .card-header{
	border-bottom: 1px solid #FFECCE;
	background-color: transparent;
	font-family: SourceSansPro-Semibold;
}
.side-center .d1 .card .card-header p{
	margin: 0;
}
.side-center .d1 .card .card-header .btn-request{
	text-align: right;
}
.side-center .d1 .card .card-header .btn-request a{
    font-size: 12px;
	background-color: #fff;
    color: #FF9B00;
    font-family: SourceSansPro-Semibold;
    padding: 5px 10px;
    border: none;
}
.side-center .d1 .card .card-body{
	font-size: 12px;
}
.side-center .d1 .card .card-body .card-list a{
	border: none;
}
.side-center .d1 .card .card-body .card-list a > p{
	font-size: 14px;
}
.side-center .d1 .card .card-body .vote-lain h6{
    margin-bottom: 0;
}
.side-center .req-vote .card .card-body .vote-lain a,
.side-center .d1 .card .card-body .vote-lain a{
	color: #8c8a8b;
	font-family: SourceSansPro-Semibold;
	border: none;
}
.side-center .d1 .card .card-body .btn-vote{
	text-align: right;
}
.side-center .d1 .card .card-body .btn-vote a,
.side-center .d1 .card .card-body .btn-vote button{
	background-color: transparent;
	border: 1px solid #FF9B00; 
	font-size: 12px;
    padding: 2px 0px;
    color: #FF9B00;
    width: 100%;
}
.side-center .d1 .card .card-body .btn-vote a:hover,
.side-center .d1 .card .card-body .btn-vote a.active{
	background-image: linear-gradient(to right, #FF9B00 , #FF0000);
	color: #fff;
}
.side-center .d2{
	/*margin: 30px 0 15px;*/
	margin: 0px 0 15px;
}
.side-center .d2 a{
	background-color: #fff;
	font-family: SourceSansPro-Semibold;
	/*border: 1px solid #FAD9A3;*/
	border: 1px solid #FF9B00;
	border-radius: 3px;
	color: #757575;
}
.side-center .d2 a i{
	color: #FF9B00;
	margin-right: 5px;
}
/*.side-center .d2 a:hover{
	background-color: transparent;
	background-image: linear-gradient(to right, #FF9B00 , #FF0000);
	color: #fff;
}*/
.side-center .d3 .nav-category{
	list-style: none;
	padding: 0;
	/*background-color: #fff;*/
	line-height: 30px;
	border-bottom: 1px solid #FFECCE;
}
.side-center .d3 .nav-category li{
	display: inline-block;
	/*border-right: 1px solid #65dcd6;*/
	text-align: center;
	width: 13.7%;
	line-height: 10px;
}
.side-center .d3 .nav-category li:last-child{
	border-right: none;
}
.side-center .d3 .nav-category li a{
	text-decoration: none;
	color: #777;
	font-size: 12px;
	/*padding: .5rem .9rem;*/
	padding: .5rem 0rem;
	text-align: center;
	display: inline-block;
	width: 100%;
	font-family: SourceSansPro-Semibold;
}
.side-center .d3 .nav-category li a.active , .side-center .d3 .nav-category li a:hover,
.side-center .d3 .nav-category li a.active , .side-center .d3 .nav-category li a.active{
	/*background-image: linear-gradient(to right, #FF9B00 , #FF0000);*/
	color: #FF9B00;
	border-bottom: 2px solid #FF9B00;
    /*padding: 0.6rem .9rem;*/
    padding: 0.6rem 0rem;
    /*border-radius: 5px;*/
    border-radius: 0px;
    width: 100%;
    line-height: 14px;
}
.side-center .d4 .data-kosong{
	text-align: center;
	margin-top: 3rem; 
}
.side-center .d4 .data-kosong img{
	max-width: 70px;
}
.side-center .d4 .data-kosong p{
    font-size: 14px;
	font-family: SourceSansPro-Semibold;
	color: #757575;
	margin-top: .75rem;
}
.side-center .d4 .data-kosong h5{
	font-size: 16px;
}
.side-center .d4 .card{
	margin-bottom: 10px;
	/*border: 1px solid #FAD9A3;*/
	border: 1px solid #FF9B00;
}
.side-center .d4 .card .card-body{
	padding: 15px;
}
.side-center .d4 .card .card-body h5.card-title{
	font-size: 16px;
	margin-bottom: 5px;
	padding-right: 6rem;
	color: #6c757d;
	font-family: SourceSansPro-Semibold;
}
.side-center .d4 .card .card-body h5.card-title a{
	color: #6c757d;
    font-family: SourceSansPro-Semibold;
    text-decoration: none;
}
.side-center .d4 .card .card-body h5.card-title a:hover{
	color: #FF9B00;
}
.side-center .d4 .card .card-body h6{
	font-size: 12px;
	color: #FF9B00;
}
.side-center .d4 .card .card-body h6 span.time{
	color: #aaa;
	padding-left: 10px;
}
.side-center .d4 .card .card-body .panel-right{
	/*background-image: linear-gradient(to right, #68EAD0 , #4BA1EE);*/
	background-color: transparent;
	color: #fff;
    font-size: 10px;
    padding: 0 12px;
    position: absolute;
    right: 15px;
    /*top: 15px;*/
    border: none;
    border-radius: 4px;
    margin-bottom: 0;
}
.side-center .d4 .card .card-body .panel-right-devisi{
	position: absolute;
    right: 15px;
    margin-top: 24px;
    font-size: 10px;
    color: #fff;
    padding: 0 12px;
    border-radius: 4px;
}
.side-center .d4 .card .card-body .card-text *,.side-center .d4 .card .card-body .card-text{
	font-size: 15px;
	/*letter-spacing: 0.7px;*/
	color: #757575;
}
.side-center .d4 .card .card-body .card-text * a,.side-center .d4 .card .card-body .card-text a{
	color: #FF9B00;
}
.side-center .d4 .card .card-body .history-revise{
	text-align: center;
}
.side-center .d4 .card .card-body .history-revise a{
	color: #eb9a1e;
    font-size: 13px;
}
.side-center .d4 .card .card-body .shared-text span,
.side-center .d4 .card .card-body .keyword-text span{
	background-color: #f5f5f5;
    padding: .2rem .5rem;
    font-size: 12px;
    color: #c8c8c8;
    margin-right: 5px;
}
.side-center .d4 .card .card-body .attach-file .attach{
	color: #FF9B00;
	font-size: 12px;
    margin-bottom: 5px;
    cursor: pointer;
    /*padding-right: 5%;*/
}
.side-center .d4 .card .card-body .attach-file .attach .dropright .dropdown-menu{
	width: 20rem!important;
	left: 110%!important;
}
.side-center .d4 .card .card-body .attach-file ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.side-center .d4 .card .card-body .attach-file li {
    float: left;
    width: 100%;
}
.side-center .d4 .card .card-body .attach-file li a {
    display: block;
    color: #818182;
    text-align: left;
    padding: 5px;
    text-decoration: none;
    font-size: 12px;
    cursor: pointer;
}
.side-center .d4 .card .card-body .attach-file li a img{
	margin-right: 5px;
}
.side-center .d4 .card .card-footer{
	background-color: transparent;
    border-top: 1px solid #FAD9A3;
    padding: .5rem 1.25rem;
}
.side-center .d4 .card .card-footer .users-view .show-view-detail:hover{
	cursor: pointer;
	color: #FF9B00;
}
.side-center .d4 .card .card-footer .users-view i{
    color: #FF9B00;	
    margin-right: 5px;	
}
.side-center .d4 .card .card-footer .users-view span:last-child{
	display: contents;
}
.side-center .d4 .card .card-footer .users-view{
    padding: 0px 0px 0 10px;
    font-size: 14px;
	font-family: SourceSansPro-Semibold;
}
.side-center .d4 .card .card-footer .comment i{
    color: #FF9B00;
    margin-right: 5px;	
}
.side-center .d4 .card .card-footer .comment span:last-child{
	display: contents;
}
.side-center .d4 .card .card-footer .comment a{
	color: #6c757d;
	text-decoration: none;
}
.side-center .d4 .card .card-footer .comment a:hover{
	color: #FF9B00;
}
.side-center .d4 .card .card-footer .comment{
    padding: 0 0 0 10px;
    font-size: 14px;
	font-family: SourceSansPro-Semibold;
}
.side-center .d4 .card .card-footer .rating{
	border-right: 1px solid #eee;
}
.side-center .d4 .card .card-footer .rating .fa-star-o{
	color: #BDBDBD;
}
.side-center .d4 .card .card-footer .star-rating {
	line-height:23px;
	font-size:1.25em;
	text-align: right;
	cursor: pointer;
}
.side-center .d4 .card .card-footer .star-rating .fa-star{
	/*color: #F5F5F5;*/
	color: yellow;
}
.side-center .d4 .card .card-footer .star-rating .fa-star:hover{
	color: yellow;
}
.side-center .d4 .card .card-footer .star-rating-knowledge {
	line-height:23px;
	font-size:1.25em;
	text-align: right;
	cursor: pointer;
}
.side-center .d4 .card .card-footer .star-rating-knowledge .total-rating{
	font-size: 14px;
	vertical-align: middle;
}
.side-center .d4 .card .card-footer .star-rating-knowledge .fa-star{
	color: yellow;
}
.side-center .d4 .card .card-footer .bookmark{
	cursor: pointer;
}
.side-center .d4 .card .card-footer .bookmark i{
	color: #BDBDBD;
}
/*.side-center .d4 .card .card-footer .bookmark i:hover{
	color: yellow!important;
}*/
.side-center .d4 .card .list-comment-dashboard{
    padding: 1rem 1.15rem 1rem 1.15rem;
    border-top: 1px solid #FAD9A3;
}
.side-center .d4 .card .list-comment-dashboard .media{
	padding-bottom: 10px;
	/*margin-bottom: 5px;*/
	/*margin-bottom: 15px;*/
    /*border-bottom: 1px solid #FAD9A3;*/
}
.side-center .d4 .card .list-comment-dashboard .media:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
    border-bottom: none;
}
.side-center .d4 .card .list-comment-dashboard .media .user-avatar{
	position: relative;
}
.side-center .d4 .card .list-comment-dashboard .media h5{
	line-height: 10px;
}
.side-center .d4 .card .list-comment-dashboard .media h5 span:nth-child(1){
    color: #FF9B00;
    font-family: SourceSansPro-Semibold;
    font-size: 14px;
}
.side-center .d4 .card .list-comment-dashboard .media h5 span:last-child{
    font-size: 11.5px;
    color: #ced4da;
}
.side-center .d4 .card .list-comment-dashboard .media p{
    font-size: 13px;
    color: #818182;
    line-height: 16px;
    margin-bottom: 0;
}

.side-right .d1{
	margin-bottom: 10px;
}
.side-right .d1 .card{
	/*border: 1px solid #FAD9A3;*/
	border: 1px solid #FF9B00 ;
	border-radius: 3px;
}
.side-right .d1 .card .card-header{
	background-color: transparent;
	/*background-image: linear-gradient(to right, #FF9B00 , #FF0000);*/
	/*border-bottom: 1px solid #FFECCE;*/
	border-bottom: none;
	color: #fff;
}
.side-right .d1 .card .card-header span.right-tahun{
	position: absolute;
    right: 1.25rem;
    color: #8a8a8a;
    top: 0.95rem;
    font-size: 12px;
}
.side-right .d1 .card .card-header span.right-tahun i{
    font-size: 8px;
    vertical-align: middle;
    height: 10px;
    color: #FF9B00;
}
.side-right .d1 .card .card-header p span{
	color: #FF9B00; 
	font-size: 13px;
}
.side-right .d1 .card .card-header p i{
	float: right;
	line-height: 24px;
}
.side-right .d1 .card .card-header p{
	margin: 0;
	color: #8a8a8a;
	font-family: SourceSansPro-Semibold;
}

.side-right .d1 .card .card-body{
	padding: 15px 0;
}

.side-right .d1 .card .card-body .forum-activity{
	border-bottom: 1px solid #faeccf;
	margin-bottom: .5rem;
}
.side-right .d1 .card .card-body .forum-activity .media{
	padding: 10px 20px;
}
.side-right .d1 .card .card-body .forum-activity:last-child{
	border-bottom: none;
	margin-bottom: 0;
}
.side-right .d1 .card .card-body .forum-activity .media .user-avatar{
	position: relative;
}
.side-right .d1 .card .card-body .forum-activity .media .media-body p{
	font-size: 9.5px;
	color: #808080;
	margin-bottom: .5rem;
}
.side-right .d1 .card .card-body .forum-activity .media .media-body h5{
	font-size: 9.5px;
	color: #808080;
	margin-bottom: .25rem;
}
.side-right .d1 .card .card-body .card-title{
	font-size: 12px;
	margin-bottom: 0.3rem;
	color: #212529;
}
.side-right .d1 .card .card-body .card-text{
	font-size: 11px;
    color: #bbb;
}
.side-right .d1 .card .card-body .card-text a{
    color: #FF9B00;
}
.side-right .d1 .card .card-footer{
	background-color: transparent;
}
.side-right .d1 .card .card-footer a{
	color: #FF9B00;
	font-family: SourceSansPro-Semibold;
}
.side-right .d1 .card .card-body .hr-right{
	padding-left: 20px;
	padding-right: 20px;
    margin: 0 auto;
    width: 70%;
}
.side-right .d1 .card .card-body .list-know{
	padding: 10px 20px;
}

.side-right .d1 .card .card-body .list-know:hover .card-text{
	color:#FFF;
}

.side-right .d1 .card .card-body .list-know:hover{
	background-color: #FF9B00;
	color: #fff!important;
}
.side-right .d1 .card .card-body a{
	text-decoration: none;
	color: #bbb;
}
.side-right .d1 .card .card-body .list-know span{
    position: absolute;
    right: 30px;
    font-size: 12px;
}
.side-right .d1 .card .card-body .list-know i{
	color: yellow;
}
.side-right .d1 .card .card-body .list-know i.fa-user{
	color: #bbb;
	font-size: 11px;
}
.side-right .d1 .card .card-body .list-know p{
	padding-right: 30px;
}
.side-right .d1 .card .card-body .list-know hr{
	border-top: 1px solid #f1fcff!important;
}
.side-right .d1 .admin-content .card-body{
	padding: 10px 20px;
}
.side-right .d1 .admin-content .card-body h5{
    font-size: 14px;
    font-family: SourceSansPro-Semibold;
    color: #818182;
}
.side-right .d1 .admin-content .card-body h6.total-approve{
	font-size: 14px;
    font-family: SourceSansPro-Semibold;
    color: #aed581;
}
.side-right .d1 .admin-content .card-body h6.total-reject{
	font-size: 14px;
    font-family: SourceSansPro-Semibold;
    /*color: #eb8863;*/
    color: #E91E63;
}
.side-right .d1 .admin-content .card-body .row div:nth-child(2){
	text-align: center;
}
.side-right .d1 .admin-content .card-body h6.total-revisi{
	color: #a7e7fc;
}
.side-right .d1 .admin-content .card-body h6.total-edit{
	color: #ec9620;
}
/*end halaman utama*/

/*verifikasi knowlege*/
.side-center .d4 .card .card-body .table tbody td .status-verifikasi{
	border-radius: 15px;
    min-width: 80px;
    background-color: limegreen;
    text-align: center;
    /*margin: 0 auto;*/
    font-size: 14px;
    color: #fff;
    display: inline-block;
    padding: 0 15px;
    font-size: 13px;
}
.side-center .d4 .card .card-body .table tbody tr:hover{
	-moz-box-shadow:    0px -3px 11px 0px #888;
	-webkit-box-shadow: 0px -3px 11px 0px #888;
	box-shadow:         0px -3px 11px 0px #888;
}
.side-center .d4 .card .card-body .table tbody td a{
    /*background-color: #eee;*/
    padding: .25rem .4rem .2rem;
    color: #757575;
    margin-left: .15rem;
    border-radius: 3px;
    border: 1px solid #757575;
}
.side-center .d4 .card .card-body .table tbody tr td a.edit-knowledge:hover{
	background-color: #ec9620;
	background-image: linear-gradient(to right, #FF9B00 , #FF0000);
	color: #fff;
    border: 1px solid #ec9620;
    cursor: pointer;
}
.tooltip-edit .tooltip-inner {
	background-color: transparent;
	background-image: linear-gradient(to right, #FF9B00 , #FF0000);
}
.tooltip-edit .arrow:before {
    border-top-color: #ec9620!important;
}
.tooltip-edit.show {
    opacity: 1;
}
.side-center .d4 .card .card-body .table tbody tr td a.delete-knowledge:hover{
	background-color: #e52e2d;
    color: #fff;
    border: 1px solid #e52e2d;
    cursor: pointer;
}
.tooltip-delete .tooltip-inner {
	background-color: #e52e2d;
}
.tooltip-delete.bs-tooltip-top .arrow:before {
    border-top-color: #e52e2d !important;
}
.tooltip-delete.show {
    opacity: 1;
}
.side-center .d4 .card .card-body .table tbody tr td a.approve-knowledge:hover{
	background-color: #689F38;
	color: #fff;
    border: 1px solid #689F38;
    cursor: pointer;
}
.tooltip-approve .tooltip-inner {
	background-color: #689F38;
}
.tooltip-approve.bs-tooltip-top .arrow:before {
    border-top-color: #689F38 !important;
}
.tooltip-approve.show {
    opacity: 1;
}
.side-center .d4 .card .card-body .table tbody tr td a.reject-knowledge:hover{
	background-color: #E91E63;
	color: #fff;
    border: 1px solid #E91E63;
    cursor: pointer;
}
.tooltip-reject .tooltip-inner {
	background-color: #E91E63;
}
.tooltip-reject.bs-tooltip-top .arrow:before {
    border-top-color: #E91E63 !important;
}
.tooltip-reject.show {
    opacity: 1;
}
.side-center .d4 .card .card-body .table tbody tr td a.revisi-knowledge:hover{
	background-color: #FF9B00;
	color: #fff;
    border: 1px solid #FF9B00;
    cursor: pointer;
}
.tooltip-revisi .tooltip-inner {
	background-color: #FF9B00;
}
.tooltip-revisi.bs-tooltip-top .arrow:before {
    border-top-color: #FF9B00 !important;
}
.tooltip-revisi.show {
    opacity: 1;
}
.side-center .d4 .card .card-body .table tbody tr td a.view-knowledge:hover{
	background-color: #FF9B00;
	color: #fff;
    border: 1px solid #FF9B00;
    cursor: pointer;
}
.tooltip-view .tooltip-inner {
	background-color: #FF9B00;
}
.tooltip-view.bs-tooltip-top .arrow:before {
    border-top-color: #FF9B00 !important;
}
.tooltip-view.show {
    opacity: 1;
}
#verifikasiModal .modal-dialog .modal-content{
	border-radius: 0;
}
#verifikasiModal .modal-dialog .modal-content .modal-header{
    padding: 0.5rem 1rem;
}
#verifikasiModal .modal-dialog .modal-content .modal-header button{
	margin: -.75rem -1rem -1rem auto;
}
#verifikasiModal .modal-dialog .modal-content .modal-header .modal-title{
	text-transform: capitalize;
    font-family: SourceSansPro-Semibold;
    color: #424242;
}
#verifikasiModal .modal-dialog .modal-content .modal-body form .form-group .form-control{
	border-radius: 0;
}
#verifikasiModal .modal-dialog .modal-content .modal-body form .form-group:last-child{
	margin-bottom: 0;
}
#verifikasiModal .modal-dialog .modal-content .modal-body form .action-verifikasi{
	margin-bottom: 1rem;
}
#verifikasiModal .modal-dialog .modal-content .modal-body form .form-group label{
	font-family: SourceSansPro-Semibold;
	color: #424242;
	margin-bottom: 0px;
}
#verifikasiModal .modal-dialog .modal-content .modal-body form .form-group button.btn-light{
	border-radius: 3px;
	color: #757575;
	background-color: transparent;
	border-color: #ced4da;
    padding: .3rem 1.5rem;
	font-family: SourceSansPro-Semibold;
}
#verifikasiModal .modal-dialog .modal-content .modal-body form .form-group button.btn-default{
	color: #fff;
    background-color: #FF9B00;
    border-radius: 3px;
    padding: .3rem 1.5rem;
	font-family: SourceSansPro-Semibold;
}
/*end verifikasi knowledge*/

/*knowledge modal*/
#knowledgeModal .modal-dialog{
	max-width: 800px;
}
#knowledgeModal .modal-dialog .modal-content .modal-header .row{
	width: 100%;
	margin: 0px;
}
#knowledgeModal .modal-dialog .modal-content .modal-header{
	padding: 0;
}
#knowledgeModal .modal-dialog .modal-content .modal-header .row .modal-header-left{
	background-color: #f5f5f5;
	padding: 10px 15px;
	color: #7b7b7b;
}
#knowledgeModal .modal-dialog .modal-content .modal-header .row .modal-header-right{
	padding: 10px 15px;
}
#knowledgeModal .modal-dialog .modal-content .modal-header .row .modal-header-left h5{
	font-size: 1rem;
}
#knowledgeModal .modal-dialog .modal-content .modal-body{
	padding-top: 0;
	padding-bottom: 0;
}
#knowledgeModal .modal-dialog .modal-content .modal-body .flex-row{
	width: 100%;
}
#knowledgeModal .modal-dialog .modal-content .modal-body .flex-row .tab-content{
	padding: 1rem;
}
#knowledgeModal .modal-dialog .modal-content .modal-body .flex-row .tab-content .bootstrap-tagsinput{
	line-height: 1.7;
	border-radius: 0;
}
#knowledgeModal .modal-dialog .modal-content .modal-body .flex-row .tab-content .form-group label{
	font-family: SourceSansPro-Semibold;
	color: #424242;
	margin-bottom: 0px;
}
#knowledgeModal .modal-dialog .modal-content .modal-body .flex-row .tab-content .form-group label span{
	color: #FF9B00;
}
#knowledgeModal .modal-dialog .modal-content .modal-body .flex-row .tab-content .form-group input,
#knowledgeModal .modal-dialog .modal-content .modal-body .flex-row .tab-content .form-group textarea{
	border-radius: 0;
}
#knowledgeModal .modal-dialog .modal-content .modal-body .flex-row .tab-content .form-group button.btn-light{
	border-radius: 3px;
	color: #757575;
	background-color: transparent;
	border-color: #ced4da;
    padding: .5rem 3rem;
	font-family: SourceSansPro-Semibold;
}
#knowledgeModal .modal-dialog .modal-content .modal-body .flex-row .tab-content .form-group button.btn-default{
    color: #fff;
    background-color: #FF9B00;
    border-radius: 0;
    padding: .5rem 2rem;
	font-family: SourceSansPro-Semibold;
}
#knowledgeModal .modal-dialog .modal-content .modal-body .flex-row .tab-content .form-group input.file-upload{
	display: none;
}
#knowledgeModal .modal-dialog .modal-content .modal-body .flex-row .tab-content .form-group .dropzone .dz-message{
    position: absolute;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}
#knowledgeModal .modal-dialog .modal-content .modal-body .flex-row .tab-content .form-group .dropzone .dz-message label{
	cursor: pointer;
}
#knowledgeModal .modal-dialog .modal-content .modal-body .flex-row .tab-content .form-group .dropzone .dz-message i{
    font-size: 3rem;
    color: #bdbdbd;
}
#knowledgeModal .modal-dialog .modal-content .modal-body .flex-row .tab-content .form-group .dropzone .dz-message h5{
	font-size: 1rem;
	font-family: SourceSansPro-Semibold;
	color: #818182;
	margin-bottom: 0;
}
#knowledgeModal .modal-dialog .modal-content .modal-body .flex-row .tab-content .form-group .dropzone .dz-message span{
	color: #ec981f;
}
#knowledgeModal .modal-dialog .modal-content .modal-body .flex-row .tab-content .form-group .dropzone .dz-message p{
	font-size: .75rem;
    color: #bdbdbd;
	font-family: SourceSansPro-Semibold;
	margin-bottom: 0;
}
#knowledgeModal .modal-dialog .modal-content .modal-body .flex-row .tab-content .form-group .dropzone{
	min-height: 130px;
	border: 1px dotted #ec981f;
}
#knowledgeModal .modal-dialog .modal-content .modal-body .flex-row .tab-content .form-group .dropzone .dz-message{
	margin: 0;
}
#knowledgeModal .modal-dialog .modal-content .modal-body .flex-row .nav-tabs{
	/*border-right: 1px solid #ddd;*/
	display: inline-block;
	background-color: #f5f5f5;
	padding: 0;
}
#knowledgeModal .modal-dialog .modal-content .modal-body .flex-row .nav-tabs .nav-item .nav-link{
	color: #7b7b7b;
}
#knowledgeModal .modal-dialog .modal-content .modal-body .flex-row .nav-tabs .nav-item.show .nav-link,
#knowledgeModal .modal-dialog .modal-content .modal-body .flex-row .nav-tabs .nav-link:hover ,
#knowledgeModal .modal-dialog .modal-content .modal-body .flex-row .nav-tabs .nav-link.active{
	border-color: transparent;
	color: #FF9B00;
}


#knowledgeModal{
	margin-top: 1rem;
	margin-bottom: 1rem;
}
#knowledgeModal .nav-tabs-category{
	box-shadow: 5px 5px 10px 0px #ff9b0040;
	border: 1px solid #FF9B00;
}
#knowledgeModal .nav-tabs-category .nav-tabs{
	display: flex!important;
	padding: 0;
}
#knowledgeModal .nav-tabs-category .nav-tabs .nav-item {
	text-align: center;
	background-color: #fff;
}
#knowledgeModal .nav-tabs-category .nav-tabs .nav-item .title-edit-knowledge{
	text-align: left;
	padding: 10px 15px!important;
	margin: 0px 15px;
}
#knowledgeModal .nav-tabs-category .nav-tabs .nav-item .nav-link{
	padding: 0.5rem 0!important;
	background-color: #F5F5F5;
	border: none;
	font-size: 14px;
    font-family: SourceSansPro-Semibold;
    color: #9E9E9E;
}
#knowledgeModal .nav-tabs-category .nav-tabs .nav-item .nav-link:hover{
	background-color: #FFF;
    color: #e6512a;
}
#knowledgeModal .nav-tabs-category .nav-tabs .nav-link.active, 
#knowledgeModal .nav-tabs-category .nav-tabs .nav-item.show .nav-link{
	background-color: #FFF;
	color: #e6512a;
}
#knowledgeModal .nav-tabs-category .tab-content {
	background-color: #fff;
}
#knowledgeModal .nav-tabs-category .tab-content .tab-pane{
    padding-top: 1rem;
}
#knowledgeModal .nav-tabs-category .tab-content .tab-pane .caption{
    background-color: #f7e0b1a6;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    border-radius: 3px;
}
#knowledgeModal .nav-tabs-category .tab-content .tab-pane .caption h6 {
    font-size: 14px;
    font-family: SourceSansPro-Semibold;
    color: #e6512a;
    margin-bottom: .25rem;
}
#knowledgeModal .nav-tabs-category .tab-content .tab-pane .caption p{
    margin-bottom: 0;
    font-size: 12px;
    line-height: 14px;
    color: #e6512a;
}
#knowledgeModal .nav-tabs-category .tab-content .tab-pane form .form-group:last-child{
	margin-bottom: 0;
	padding-bottom: 1rem;
	text-align: right;
}
#knowledgeModal .nav-tabs-category .tab-content .tab-pane form .form-group .form-control{
	border-radius: 0;
}
#knowledgeModal .nav-tabs-category .tab-content .tab-pane form .form-group select{
	border-radius: 0;
}
#knowledgeModal .nav-tabs-category .tab-content .tab-pane form .form-group label{
	font-size: 14px;
    font-family: SourceSansPro-Semibold;
}
#knowledgeModal .nav-tabs-category .tab-content .tab-pane form .form-group label span{
	color: #FF9B00;
}
#knowledgeModal .nav-tabs-category .tab-content .tab-pane form .form-group input::-webkit-input-placeholder,
#knowledgeModal .nav-tabs-category .tab-content .tab-pane form .form-group textarea::-webkit-input-placeholder {
   color: #aaa;
   font-size: 13px;
}
#knowledgeModal .nav-tabs-category .tab-content .tab-pane form .form-group input:-moz-placeholder,
#knowledgeModal .nav-tabs-category .tab-content .tab-pane form .form-group textarea:-moz-placeholder {
   color: #aaa;  
   font-size: 13px;
}
#knowledgeModal .nav-tabs-category .tab-content .tab-pane form .form-group input::-moz-placeholder,
#knowledgeModal .nav-tabs-category .tab-content .tab-pane form .form-group textarea::-moz-placeholder {
   color: #aaa;
   font-size: 13px;
}
#knowledgeModal .nav-tabs-category .tab-content .tab-pane form .form-group input:-ms-input-placeholder,
#knowledgeModal .nav-tabs-category .tab-content .tab-pane form .form-group textarea:-ms-input-placeholder {  
   color: #aaa;
   font-size: 13px;
}
#knowledgeModal .nav-tabs-category .tab-content .tab-pane form .form-group input.file-upload{
	display: none;
}
#knowledgeModal .nav-tabs-category .tab-content .tab-pane form .form-groupp .dropzone .dz-message{
    position: absolute;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
	margin: .5em 0!important;
}
#knowledgeModal .nav-tabs-category .tab-content .tab-pane form .form-group .dropzone{
	min-height: 130px;
	border: 1px dotted #ec981f;
}
#knowledgeModal .nav-tabs-category .tab-content .tab-pane form .form-group .dropzone .dz-message label{
	cursor: pointer;
}
#knowledgeModal .nav-tabs-category .tab-content .tab-pane form .form-group .dropzone .dz-message i{
    font-size: 3rem;
    color: #bdbdbd;
}
#knowledgeModal .nav-tabs-category .tab-content .tab-pane form .form-group .dropzone .dz-message h5{
	font-size: 1rem;
	font-family: SourceSansPro-Semibold;
	color: #818182;
	margin-bottom: 0;
}
#knowledgeModal .nav-tabs-category .tab-content .tab-pane form .form-group .dropzone .dz-message span{
	color: #ec981f;
}
#knowledgeModal .nav-tabs-category .tab-content .tab-pane form .form-group .dropzone .dz-message p{
	font-size: .75rem;
    color: #bdbdbd;
	font-family: SourceSansPro-Semibold;
	margin-bottom: 0;
}
#knowledgeModal .nav-tabs-category .tab-content .tab-pane form .form-group button.btn-light{
	border-radius: 3px;
	color: #757575;
	background-color: transparent;
	border-color: #ced4da;
    padding: 0.3rem 2.25rem;
	font-family: SourceSansPro-Semibold;
}
#knowledgeModal .nav-tabs-category .tab-content .tab-pane form .form-group button.btn-light:hover{
    background-color: #FF9B00;
    color: #fff;
	border-color: #FF9B00;
}
#knowledgeModal .nav-tabs-category .tab-content .tab-pane form .form-group button.btn-default{
	border-radius: 3px!important;
    color: #fff;
    background-color: #FF9B00;
    border-radius: 0;
    padding: 0.3rem 1.5rem;
	font-family: SourceSansPro-Semibold;
}
#knowledgeModal .nav-tabs-category .tab-content .tab-pane form .form-group button.btn-default:hover{
    background-color: #fd7e14;
    color: #fff;
}

/*end knowledge modal*/

/*edit knowledge modal*/
#editKnowledgeModal .modal-dialog .modal-content{
	border-radius: 0;
}
#editKnowledgeModal .modal-dialog .modal-content .modal-header .row{
	width: 100%;
	margin: 0px;
}
#editKnowledgeModal .modal-dialog .modal-content .modal-header{
	padding: .5rem 1rem;
}
#editKnowledgeModal .modal-dialog .modal-content .modal-header .modal-title{
	font-size: 14px;
}
#editKnowledgeModal .modal-dialog .modal-content .modal-header .modal-title span{
	color: #FF9B00;
}
#editKnowledgeModal .modal-dialog .modal-content .modal-body .form-group input::-webkit-input-placeholder,
#editKnowledgeModal .modal-dialog .modal-content .modal-body .form-group textarea::-webkit-input-placeholder {
   color: #aaa;
   font-size: 13px;
}
#editKnowledgeModal .modal-dialog .modal-content .modal-body .form-group input:-moz-placeholder,
#editKnowledgeModal .modal-dialog .modal-content .modal-body .form-group textarea:-moz-placeholder {
   color: #aaa;  
   font-size: 13px;
}
#editKnowledgeModal .modal-dialog .modal-content .modal-body .form-group input::-moz-placeholder,
#editKnowledgeModal .modal-dialog .modal-content .modal-body .form-group textarea::-moz-placeholder {
   color: #aaa;
   font-size: 13px;
}
#editKnowledgeModal .modal-dialog .modal-content .modal-body .form-group input:-ms-input-placeholder,
#editKnowledgeModal .modal-dialog .modal-content .modal-body .form-group textarea:-ms-input-placeholder {  
   color: #aaa;
   font-size: 13px;
}
#editKnowledgeModal .modal-dialog .modal-content .modal-body{
	padding-top: 0;
	padding-bottom: 0;
}
#editKnowledgeModal .modal-dialog .modal-content .modal-body .form-group label{
	color: #c6c6c6;
	font-size: 14px;
}
#editKnowledgeModal .modal-dialog .modal-content .modal-body .form-group label span{
	color: #FF9B00;
}
#editKnowledgeModal .modal-dialog .modal-content .modal-body .form-group .bootstrap-tagsinput,
#editKnowledgeModal .modal-dialog .modal-content .modal-body .form-group .form-control{
    border-radius: 0;
}
#editKnowledgeModal .modal-dialog .modal-content .modal-body .bootstrap-tagsinput{
	line-height: 1.7;
	border-radius: 0;
}
#editKnowledgeModal .modal-dialog .modal-content .modal-body .form-group .list-author{
	border: 1px solid #ced4da;
	padding: .5rem;
	background-color: #fafafa;
	overflow-y: scroll;
    height: 150px;
}
#editKnowledgeModal .modal-dialog .modal-content .modal-body .form-group .list-author .row{
	margin-left: 0;
	margin-right: 0;
}
#editKnowledgeModal .modal-dialog .modal-content .modal-body .form-group .list-author .media{
	padding: 0;
}
#editKnowledgeModal .modal-dialog .modal-content .modal-body .form-group .list-author .media:last-child{
	margin-bottom: 0!important;
}
#editKnowledgeModal .modal-dialog .modal-content .modal-body .form-group .list-author .media .media-body h5{
	font-size: 13px;
	font-family: SourceSansPro-Semibold;
	margin-bottom: 0;
}
#editKnowledgeModal .modal-dialog .modal-content .modal-body .form-group .list-author .media .media-body p{
	font-size: 11px;
	color: #6cd8f6;
	margin-bottom: 0;
}
#editKnowledgeModal .modal-dialog .modal-content .modal-body .form-group .list-author .media .media-body a{
	position: absolute;
	right: 0;
	top: 2.5px;
	color: #a3a3a3;
}
#editKnowledgeModal .modal-dialog .modal-content .modal-body .form-group button.btn-light{
	border-radius: 0;
	background-color: transparent;
	border-color: #ced4da;
    padding: .5rem 3rem;
	font-family: SourceSansPro-Semibold;
}
#editKnowledgeModal .modal-dialog .modal-content .modal-body .form-group button.btn-default{
    color: #fff;
    background-color: #ec981f;
    border-radius: 0;
    padding: .5rem 2rem;
	font-family: SourceSansPro-Semibold;
}
#editKnowledgeModal .modal-dialog .modal-content .modal-body .form-group input.file-upload{
	display: none;
}
#editKnowledgeModal .modal-dialog .modal-content .modal-body .form-group .dropzone .dz-message{
    position: absolute;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}
#editKnowledgeModal .modal-dialog .modal-content .modal-body .form-group .dropzone .dz-message label{
	cursor: pointer;
}
#editKnowledgeModal .modal-dialog .modal-content .modal-body .form-group .dropzone .dz-message i{
    font-size: 3rem;
    color: #bdbdbd;
}
#editKnowledgeModal .modal-dialog .modal-content .modal-body .form-group .dropzone .dz-message h5{
	font-size: 1rem;
	font-family: SourceSansPro-Semibold;
	color: #818182;
	margin-bottom: 0;
}
#editKnowledgeModal .modal-dialog .modal-content .modal-body .form-group .dropzone .dz-message span{
	color: #ec981f;
}
#editKnowledgeModal .modal-dialog .modal-content .modal-body .form-group .dropzone .dz-message p{
	font-size: .75rem;
    color: #bdbdbd;
	font-family: SourceSansPro-Semibold;
	margin-bottom: 0;
}
#editKnowledgeModal .modal-dialog .modal-content .modal-body .form-group .dropzone{
	min-height: 130px;
	border: 1px dotted #ec981f;
}
#editKnowledgeModal .modal-dialog .modal-content .modal-body .form-group .dropzone .dz-message{
	margin: 0;
}
/*end edit knowledge modal*/

/*knowledge saya*/
.side-center .d4 .card .card-header{
	background-color: transparent;
	border: none;
	color: #fff;
	padding: 1rem 0 0;
}
.side-center .d4 .card .card-header .row{
	margin-right: 0;
	margin-left: 0;
}
.side-center .d4 .card .card-header .row .status-knowledge{
    font-size: 12px;
    padding: .25rem 1rem;
    border-radius: 0 5px 5px 0;
}
.side-center .d4 .card .card-header .row .waiting-knowledge{
    background-color: #FFC107;
}
.side-center .d4 .card .card-header .row .approve-knowledge{
	background-color: #8BC34A;
}
.side-center .d4 .card .card-header .row .reject-knowledge{
	background-color: #f44336
}
.side-center .d4 .card .card-header .row .revisi-knowledge{
	background-color: #03A9F4
}
.side-center .d4 .card .card-header .row .action-knowledge{
	text-align: right;
}
.side-center .d4 .card .card-header .row .action-knowledge a{
    background-color: transparent;
    padding: .25rem .4rem .2rem;
    color: #a7a7a7;
    margin-left: .15rem;
    border-radius: 3px;
    border: 1px solid #a7a7a7;
}
.side-center .d4 .card .card-header .row .action-knowledge a.edit-knowledge:hover{
	background-color: #ec9620;
	background-image: linear-gradient(to right, #FF9B00 , #FF0000);
	color: #fff;
    border: 1px solid #ec9620;
}
.side-center .d4 .card .card-header .row .action-knowledge a.edit-knowledge + .tooltip > .tooltip-inner {
	background-color: #ec9620;
}
.side-center .d4 .card .card-header .row .action-knowledge a.delete-knowledge:hover{
	background-color: #e52e2d;
    color: #fff;
    border: 1px solid #e52e2d;
}
.side-center .d4 .card .card-header .row .action-knowledge a.approve-knowledge:hover{
	background-color: #689F38;
	color: #fff;
    border: 1px solid #689F38;
}
.side-center .d4 .card .card-header .row .action-knowledge a.reject-knowledge:hover{
	background-color: #E91E63;
	color: #fff;
    border: 1px solid #E91E63;
}
.side-center .d4 .card .card-header .row .action-knowledge a.revisi-knowledge:hover{
	background-color: #FF9B00;
	color: #fff;
    border: 1px solid #FF9B00;
}
.side-center .d4 .card .card-body .info-knowledge{
    background-color: #fafafa;
    border: 1px solid #ddd;
    padding: .25rem 0;
}
.side-center .d4 .card .card-body .info-knowledge .row{
	margin-left: 0;
	margin-right: 0;
}
.side-center .d4 .card .card-body .info-knowledge .row div{
    padding: 0 .5rem;
}
.side-center .d4 .card .card-body .info-knowledge p{
    font-size: 11px;
    color: #757575;
}
.side-center .d4 .card .card-body .info-knowledge h5{
	font-family: SourceSansPro-Semibold;
	font-size: 12px;
	color: #757575;
}
.side-center .d4 .card .card-body .info-knowledge table h6{
	font-family: SourceSansPro-Semibold;
	font-size: 11px;
	color: #757575;
}
.side-center .d4 .card .card-body .info-knowledge table{
	margin-bottom: 0px!important;
	margin-top: -5px;
}
.side-center .d4 .card .card-body .info-knowledge table thead th{
	font-size: 12px!important;
}
.side-center .d4 .card .card-body .info-knowledge table tbody td a{
	font-size: 12px!important;
	text-decoration: none;
}
.side-center .d4 .card .card-body .info-knowledge table tbody td a:hover{
	background-color: #FF9B00;
	color: #fff;
}
/*end knowledge saya*/

/*detail knowledge*/
.side-center .d4 .alasan-reject{
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    padding: 1rem 1rem;
    border-radius: 3px;
    font-size: 13px;
    margin-bottom: 1rem;
    /*font-family: SourceSansPro-Semibold;*/
}
.side-center .d4 .card .card-body .detail-attach-file .file{
	font-size: 14px;
    margin-bottom: 5px;
    vertical-align: middle;
}
.side-center .d4 .card .card-body .detail-attach-file .file i{
	font-size: 20px;
	color: #ec9b1e;

}
.side-center .d4 .card .card-body .detail-attach-file ul{
	padding-left: 1rem;
}
.side-center .d4 .card .card-body .detail-attach-file ul li{
	display: block;
}
.side-center .d4 .card .card-body .detail-attach-file ul li .media img{
	margin-top: 3px;
	margin-bottom: 3px;
}
.side-center .d4 .card .card-body .detail-attach-file ul li .media .media-body h5{
	font-size: 12px;
	margin-bottom: 0;
}
.side-center .d4 .card .card-body .detail-attach-file ul li .media .media-body p{
	font-size: 12px;
}
.side-center .d4 .card .card-body .detail-attach-file ul li .media .media-body p a{
	color: #ec9b1e;
}
.side-center .d4 .card .card-delete{
    background-color: transparent;
    border-top: 1px solid #FAD9A3;
    padding: 0rem;
}
.side-center .d4 .card .card-delete a{
	width: 100%;
	color: #fff;
    background-color: #ff9b00;
    border: 1px solid #ff9b00;
	font-family: SourceSansPro-Semibold;
	border-radius: 0px;
}
.side-center .d4 .card .card-delete a:hover{
	border-color: #f39400;
	background-color: #f39400;
}
.side-center .d4 .card .card-body .alasan-knowledge h5{
	font-family: SourceSansPro-Semibold;
	font-size: 12px;
	color: #757575;
	margin-bottom: 0;
	padding: .3rem .25rem;
}
.side-center .d4 .comment-form{
	background-color: #fff;
    padding: 1rem;
    /*border: 1px solid #FAD9A3;*/
    border: 1px solid #FF9B00;
    border-radius: 3px;
}
.side-center .d4 .comment-form .form-group .typeahead{
	width: auto;
	padding: .25rem 1rem;
}
.side-center .d4 .comment-form .form-group:nth-child(3),
.side-center .d4 .comment-form .form-group:last-child{
	margin-bottom: 0;
}
.side-center .d4 .comment-form .form-group textarea{
	border-radius: 0;
	overflow: hidden;
}
.side-center .d4 .comment-form .form-group .btn-upload button.btn-light{
	border-radius: 0;
	background-color: transparent;
	border-color: #ced4da;
    padding: 0.3rem 1.5rem;
	font-family: SourceSansPro-Semibold;
	border-radius: 3px;
}
.side-center .d4 .comment-form .form-group .btn-upload button.btn-light i{
	color: #FF9B00;
}
.side-center .d4 .comment-form .form-group button.btn-light{
	border-radius: 0;
	background-color: transparent;
	border-color: #ced4da;
    padding: 0.3rem 2.25rem;
	font-family: SourceSansPro-Semibold;
	border-radius: 3px;
}
.side-center .d4 .comment-form .form-group button.btn-default{
    color: #fff;
    background-color: #FF9B00;
    border-radius: 0;
    padding: 0.3rem 1.5rem;
	font-family: SourceSansPro-Semibold;
	border-radius: 3px;
}
.side-center .d4 .list-comment{
    padding: 1rem;
}
.side-center .d4 .list-comment .media{
	padding: 0;
}
.side-center .d4 .list-comment .media .user-avatar-side{
	/*max-width: 65px;*/
	box-shadow: 0 6px 20px 0 #65ddd417, 0 2px 4px 0 #FF00008c;
	width: 65px;
    height: 65px;
    background-size: cover;
}
.side-center .d4 .list-comment .media .media-body{
	background-color: #fff;
    /*border: 1px solid #FAD9A3;*/
    border: 1px solid #FF9B00;
    padding: .5rem 1rem 1rem;
}
.side-center .d4 .list-comment .media .media-body h5{
	color: #ec981f;
    font-family: SourceSansPro-Semibold;
    margin-bottom: 0;
    font-size: 17px;
}
.side-center .d4 .list-comment .media .media-body h6{
	color: #ced4da;
    font-family: SourceSansPro-Semibold;
    font-size: 11px;
    margin-bottom: 1rem;
}
.side-center .d4 .list-comment .media .media-body p{
    font-size: 14px;
    color: #a7a7a7;
    margin-bottom: 1.5rem;
}
.side-center .d4 .list-comment .media .action-knowledge{
    position: absolute;
    right: 0;
    float: right;
    text-align: right;
    top: 15px;
}
.side-center .d4 .list-comment .media .action-knowledge a{
    background-color: transparent;
    padding: .25rem .4rem .2rem;
    color: #a7a7a7;
    margin-left: .15rem;
    border-radius: 3px;
    border: 1px solid #a7a7a7;
}
.side-center .d4 .list-comment .media .action-knowledge a.edit-knowledge:hover{
	background-color: #FF9B00;
	color: #fff;
    border: 1px solid #FF9B00;
}
.side-center .d4 .list-comment .media .action-knowledge a.delete-knowledge:hover{
	background-color: #e52e2d; 	
	color: #fff;
    border: 1px solid #e52e2d;
}
.side-center .d4 .list-comment .media .media-body .comment-attach-file .file{
	font-size: 13px;
    color: #a7a7a7;
    margin-bottom: 15px;
    vertical-align: middle;
}
.side-center .d4 .list-comment .media .media-body .comment-attach-file .file i{
	font-size: 20px;
	color: #ec9b1e;
    vertical-align: middle;
}
.side-center .d4 .list-comment .media .media-body .comment-attach-file ul{
	padding-left: 2rem;
}
.side-center .d4 .list-comment .media .media-body .comment-attach-file ul li{
	display: inline-block;
	margin-bottom: .75rem;
}
.side-center .d4 .list-comment .media .media-body .comment-attach-file ul li img{
	max-width: 130px;
	cursor: pointer;
}
.side-center .d4 .list-comment .media .form-comment-edit .form-control{
	border-radius: 0;
	overflow: hidden;
}
.side-center .d4 .list-comment .media .form-comment-edit .fileimage-edit{
    border: 1px solid #eee;
    padding: .25rem;
    background-color: #eeeeee26;
}
.side-center .d4 .list-comment .media .form-comment-edit .fileimage-edit img{
	max-width: 130px;
}
.side-center .d4 .list-comment .media .form-comment-edit .fileimage-edit i{
    position: absolute;
    right: 20px;
    color: #ccc;
    font-size: 12px;
    cursor: pointer;
}
.side-center .d4 .list-comment .media .form-comment-edit .form-group .btn-upload button.btn-light{
	border-radius: 0;
	background-color: transparent;
	border-color: #ced4da;
    padding: 0.3rem 1.5rem;
	font-family: SourceSansPro-Semibold;
	border-radius: 3px;
}
.side-center .d4 .list-comment .media .form-comment-edit .form-group .btn-upload button.btn-light i{
	color: #ec981f;
}
.side-center .d4 .list-comment .media .form-comment-edit .form-group button.btn-light{
	border-radius: 0;
	background-color: transparent;
	border-color: #ced4da;
    padding: 0.3rem 2rem;
	font-family: SourceSansPro-Semibold;
	border-radius: 3px;
}
.side-center .d4 .list-comment .media .form-comment-edit .form-group button.btn-default{
    color: #fff;
    background-color: #ec981f;
    border-radius: 0;
    padding: .3rem 1rem;
	font-family: SourceSansPro-Semibold;
	border-radius: 3px;
}
.side-center .d4 .list-comment .media .form-comment-edit .form-group:nth-child(3),
.side-center .d4 .list-comment .media .form-comment-edit .form-group:last-child{
	margin-bottom: 0;
}
/*end detail knowledge*/

/*notification knowledge*/
.side-center .d4 .label-content{
    font-size: 1.25rem;
    font-family: SourceSansPro-Semibold;
}
.side-center .d4 .card-notification{
	background-color: transparent;
    border: none;
}
.side-center .d4 .card-notification .card-body{
	padding: 0;
}
.side-center .d4 .card-notification .card-body .card-title{
    font-size: 1rem;
    font-family: SourceSansPro-Semibold;
    margin-bottom: 1.5rem;
}
.side-center .d4 .card-notification .card-body .btn-read-all{
	border-radius: 3px;
	color: #eb9a1e;
	background-color: #fff;
	border-color: #ec991f;
    padding: .3rem 1.5rem;
	font-family: SourceSansPro-Semibold;
    margin-bottom: 1rem;
}
.side-center .d4 .card-notification .card-body .btn-read-all:hover{
	color: #fff;
	background-color: #eb9a1e;
}
.side-center .d4 .card .card-body .notifikasi a{
	text-decoration: none;
	color: #757575;
}
.side-center .d4 .card .card-body .notifikasi .media{
    border-bottom: 1px solid #FAD9A3;
    padding: 10px;
}
.side-center .d4 .card .card-body .notifikasi .media:hover{
	box-shadow: 0 4px 6px #f2c66c;
	background-color: #FAD9A3!important;	
}
.side-center .d4 .card .card-body .notifikasi .media:last-child{
	margin-bottom: 0;
    /*border-bottom: none;*/
}
.side-center .d4 .card .card-body .notifikasi .media .user-avatar{
	box-shadow: 2px 2px 6px #FAD9A3;
	position: relative;
}
.side-center .d4 .card .card-body .notifikasi .media h5{
	font-size: 11px;
	margin-bottom: 0;
	line-height: 16px;
	color: #616161;
}
.side-center .d4 .card .card-body .notifikasi .media p{
	font-size: 11px;
	color: #757575;
	margin-bottom: 0;
}
.side-center .d4 .card .card-body .notifikasi .pagination{
	text-align: center;
    font-size: 13px;
    display: block;
}
.side-center .d4 .card .card-body .notifikasi .pagination .pagination-list {
    display: inline-block;
    margin-top: 10px;
}
.side-center .d4 .card .card-body .notifikasi .pagination .pagination-list a {
    color: #aaa;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    border: none;
    background-color: transparent;
}
.side-center .d4 .card .card-body .notifikasi .pagination .pagination-list a.active {
    background-color: #FF9B00;
    color: #fff;
}
.side-center .d4 .card .card-body .notifikasi .pagination .pagination-list a:hover:not(.active) {
	background-color: #FF9B00;
    color: #fff;
}
.side-center .d4 .card .card-body .notifikasi .pagination .pagination-list a:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #fff;
    border: 1px solid #FAD9A3;
}
.side-center .d4 .card .card-body .notifikasi .pagination .pagination-list a:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #fff;
    border: 1px solid #FAD9A3;
}
/*end notification knowledge*/

/*vote knowledge*/
.side-center .d4 .card-khusus,
.side-center .d4 .card-verifikasi,
.side-center .d4 .card-vote{
	background-color: transparent;
	border: none;
}
.side-center .d4 .card-khusus .card-body,
.side-center .d4 .card-verifikasi .card-body,
.side-center .d4 .card-vote .card-body{
	padding: 0;
}
.side-center .d4 .card-khusus,
.side-center .d4 .card-vote .card-body .card-title{
	font-family: SourceSansPro-Semibold;
	color: #757575;
}
.side-center .d4 .nb p{
	font-size: 11.5px;
    color: #aaa;
}
.side-center .d4 .card-verifikasi .card-body .dataTables_length .custom-select,
.side-center .d4 .card-vote .card-body .dataTables_length .custom-select{
    /*border: 1px solid #FAD9A3;*/
    border: 1px solid #FF9B00;
}
.side-center .d4 .card-khusus .card-body table,
.side-center .d4 .card-verifikasi .card-body table,
.side-center .d4 .card-vote .card-body table{
	background-color: #fff;
    border: 1px solid #FF9B00;
}

.side-center .d4 .card-khusus .card-body table thead th,
.side-center .d4 .card-vote .card-body table thead th{
    border-top: transparent;
    border-bottom: 1px solid #FAD9A3;
}
.side-center .d4 .card-khusus .card-body table tbody tr:hover,
.side-center .d4 .card-vote .card-body table tbody tr:hover{
	-moz-box-shadow:    none!important;
	-webkit-box-shadow: none!important;
	box-shadow:         none!important;
}
.side-center .d4 .card-khusus .card-body table tbody tr td,
.side-center .d4 .card-vote .card-body table tbody tr td{
	border-top: transparent;
    border-bottom: 1px solid #FAD9A3;
}
.side-center .d4 .card-khusus .card-body table tbody tr td a,
.side-center .d4 .card-vote .card-body table tbody tr td a{
	background-color: transparent!important;
	padding: 0!important;
	margin-left: 0px!important;
	text-decoration: none;
	border: none!important;
}
.side-center .d4 .card-khusus .card-body table tbody tr h5,
.side-center .d4 .card-vote .card-body table tbody tr h5{
    color: #FF9B00;
    font-size: 13px;
    font-family: SourceSansPro-Semibold;
    margin-bottom: 0;
}
.side-center .d4 .card-khusus .card-body table tbody tr p,
.side-center .d4 .card-vote .card-body table tbody tr p{
	font-size: 11px;
	color: #909090;
	margin-bottom: 0;
}
.side-center .d4 .card-vote .card-body table tbody tr button.unvote{
	color: #FF9B00;
    background: #fff;
    border: 1px solid #FAD9A3;
    font-size: 12px;
    font-family: SourceSansPro-Semibold;
    border-radius: 3px;
    padding: 3px 15px;
    width: 100%;
}
.side-center .d4 .card-vote .card-body table tbody tr button.unvote:hover{
	color: #fff;
    background: #FF9B00;
}
.side-center .d4 .card-vote .card-body table tbody tr button.vote{
	color: #fff;
    background: transparent;
    background-image: linear-gradient(to right, #FF9B00 , #FF0000);
    border: 1px solid #FAD9A3;
    font-size: 12px;
    font-family: SourceSansPro-Semibold;
    border-radius: 3px;
    padding: 3px 15px;
    width: 100%;
}
/*.side-center .d4 .card-vote .card-body table tbody tr button.vote:hover{
	color: #fff;
    background: #ec971f;
}*/
.side-center .d4 .card-vote .card-body table tbody tr .reject-vote,
.side-center .d4 .card-vote .card-body table tbody tr .approve-vote{
	color: #FF9B00;
    background: #fff;
    border: 1px solid #FF9B00!important;
    font-size: 12px;
    font-family: SourceSansPro-Semibold;
    border-radius: 3px;
    padding: 3px 15px!important;
    /*padding: 3px 0px!important;*/
    width: 100%;
    margin-bottom: .5rem;
}
.side-center .d4 .card-vote .card-body table tbody tr .approve-vote:hover{
    background-color: limegreen!important;
    color: #fff;
    border: 1px solid limegreen!important;
}
.side-center .d4 .card-vote .card-body table tbody tr .reject-vote:hover{
    background-color: #dc3545!important;
    color: #fff;
    border: 1px solid #dc3545!important;
}
.side-center .d4 .card-vote .card-body table tbody tr button.approved{
	color: #fff;
    background: limegreen;
    border: 1px solid limegreen;
    font-size: 12px;
    font-family: SourceSansPro-Semibold;
    border-radius: 3px;
    padding: 3px 15px;
    width: 100%;
}
.side-center .d4 .card-vote .card-body table tbody tr button.rejected{
	color: #fff;
    background: #f44336;
    border: 1px solid #f44336;
    font-size: 12px;
    font-family: SourceSansPro-Semibold;
    border-radius: 3px;
    padding: 3px 15px;
    width: 100%;
}
.side-center .d4 .card-vote-detail .card-footer button.rejected{
	color: #fff;
    background: #f44336;
    border: 1px solid #f44336;
    font-size: 12px;
    font-family: SourceSansPro-Semibold;
    border-radius: 0px 0px 3px 3px;
    padding: 5px 15px;
    width: 100%;
}
.side-center .d4 .card-vote .card-body table tbody tr a.publish-vote{
	color: #fff;
    background: #a7e7fc!important;
    border: 1px solid #a7e7fc!important;
    font-size: 12px;
    font-family: SourceSansPro-Semibold;
    border-radius: 3px;
    padding: 3px 15px!important;
    width: 100%;
}
.side-center .d4 .card-vote-detail .card-footer a.publish-vote{
	color: #fff;
    background: #a7e7fc;
    border: 1px solid #a7e7fc;
    font-size: 12px;
    font-family: SourceSansPro-Semibold;
    border-radius: 0px 0px 3px 3px;
    padding: 5px 15px;
    width: 100%;
}
.side-center .d4 .card-khusus .card-body .dataTables_paginate .pagination .previous a,
.side-center .d4 .card-khusus .card-body .dataTables_paginate .pagination .next a,
.side-center .d4 .card-vote .card-body .dataTables_paginate .pagination .previous a,
.side-center .d4 .card-vote .card-body .dataTables_paginate .pagination .next a{
    border-color: #FF9B00!important;	
}
.side-center .d4 .card-vote .card-body .request{
	position: absolute;
}
.side-center .d4 .card-vote .card-body .btn-request{
    /*position: absolute;*/
    position: relative;
    padding: 3.5px 10px;
    font-size: 15px;
    z-index: 1;
	background-color: #fff;
	font-family: SourceSansPro-Semibold;
	border: 1px solid #FF9B00;
	border-radius: 3px 0px 0px 3px;
}
.side-center .d4 .card-vote .card-body .btn-request i{
	color: #FF9B00;
	/*margin-right: 5px;*/
}
.side-center .d4 .card-vote .card-body .btn-request:hover{
	background-color: transparent;
	background-image: linear-gradient(to right, #FF9B00 , #FF0000);
	color: #fff;
}
.side-center .d4 .card-khusus .card-body table tbody tr a.btn-link{
	color: #ec971f;
    background: #fff;
    border: 1px solid #FAD9A3;
    font-size: 12px;
    font-family: SourceSansPro-Semibold;
    border-radius: 3px;
    padding: 1.5px 0px!important;
    width: 100%;
}
.side-center .d4 .card-khusus .card-body table tbody tr a.btn-link:hover{
	color: #fff;
    background-color: #ec971f!important;
}
.side-center .d4 .card-khusus .card-body table tbody tr h6{
	color: #757575;
	margin-bottom: 1px;
}
/*end vote knowledge*/

.side-center .d4 .card-vote-detail .card-footer{
	padding: 0;
}
.side-center .d4 .card-vote-detail .card-header .status-vote{
	font-size: 12px;
    padding: .25rem 1rem;
    border-radius: 0 5px 5px 0;
    background-color: #f1c10f;
}
.side-center .d4 .card-vote-detail .card-footer button.unvote{
	width: 100%;	
	color: #ec971f;
    background: #fff;
    /*border: 1px solid #FAD9A3;*/
    border: none;
    font-size: 14px;
    font-family: SourceSansPro-Semibold;
    border-radius: 3px;
    padding: 5px 15px;
    width: 100%;
    border-radius: 0;
}
.side-center .d4 .card-vote-detail .card-footer button.unvote:hover{
	color: #fff;
    background: #ec971f;
}
.side-center .d4 .card-vote-detail .card-footer button.vote{
	color: #fff;
    background: transparent;
    background-image: linear-gradient(to right, #FF9B00 , #FF0000);
    /*border: 1px solid #FAD9A3;*/
    border: none;
    font-size: 14px;
    font-family: SourceSansPro-Semibold;
    border-radius: 3px;
    padding: 5px 15px;
    width: 100%;
    border-radius: 0;
}
.side-center .d4 .card-vote-detail .card-footer button.vote:hover{
	color: #fff;
    background: #ec971f;
}
.side-center .d4 .card-vote-detail .card-footer button.approve-vote{
	color: #ec971f;
    background: #fff;
    border: 1px solid #FAD9A3;
    font-size: 12px;
    font-family: SourceSansPro-Semibold;
    border-radius: 0 0 3px 3px;
    padding: 5px 15px;
    width: 100%;
}
.side-center .d4 .card-vote-detail .card-footer button.approve-vote:hover{
    background-color: limegreen;
    color: #fff;
    border: 1px solid limegreen;
}
.side-center .d4 .card-vote-detail .card-footer button.approved{
	color: #fff;
    background: limegreen;
    border: 1px solid limegreen;
    font-size: 12px;
    font-family: SourceSansPro-Semibold;
    border-radius: 0px 0 3px 3px;
    padding: 5px 15px;
    width: 100%;
}

/*request knowledge modal*/
#requestKnowledgeModal .modal-dialog .modal-content{
	border-radius: 0;
}
#requestKnowledgeModal .modal-dialog .modal-content .modal-header .row{
	width: 100%;
	margin: 0px;
}
#requestKnowledgeModal .modal-dialog .modal-content .modal-header{
	padding: .5rem 1rem;
}
#requestKnowledgeModal .modal-dialog .modal-content .modal-header .modal-title{
	font-size: 1rem;
    font-family: SourceSansPro-Semibold;
}
#requestKnowledgeModal .modal-dialog .modal-content .modal-header .modal-title span{
	color: #FF9B00;
}
#requestKnowledgeModal .modal-dialog .modal-content .modal-body .form-group input::-webkit-input-placeholder,
#requestKnowledgeModal .modal-dialog .modal-content .modal-body .form-group textarea::-webkit-input-placeholder {
   color: #aaa;
   font-size: 13px;
}
#requestKnowledgeModal .modal-dialog .modal-content .modal-body .form-group input:-moz-placeholder,
#requestKnowledgeModal .modal-dialog .modal-content .modal-body .form-group textarea:-moz-placeholder {
   color: #aaa;  
   font-size: 13px;
}
#requestKnowledgeModal .modal-dialog .modal-content .modal-body .form-group input::-moz-placeholder,
#requestKnowledgeModal .modal-dialog .modal-content .modal-body .form-group textarea::-moz-placeholder {
   color: #aaa;
   font-size: 13px;
}
#requestKnowledgeModal .modal-dialog .modal-content .modal-body .form-group input:-ms-input-placeholder,
#requestKnowledgeModal .modal-dialog .modal-content .modal-body .form-group textarea:-ms-input-placeholder {  
   color: #aaa;
   font-size: 13px;
}
#requestKnowledgeModal .modal-dialog .modal-content .modal-body{
	padding-top: 0;
	padding-bottom: 0;
}
#requestKnowledgeModal .modal-dialog .modal-content .modal-body .form-group label{
	color: #c6c6c6;
	font-size: 14px;
}
#requestKnowledgeModal .modal-dialog .modal-content .modal-body .form-group label span{
	color: #FF9B00;
    margin-left: .25rem;
}
#requestKnowledgeModal .modal-dialog .modal-content .modal-body .form-group .bootstrap-tagsinput,
#requestKnowledgeModal .modal-dialog .modal-content .modal-body .form-group .form-control{
    border-radius: 0;
}
#requestKnowledgeModal .modal-dialog .modal-content .modal-body .form-group button.btn-light{
	border-radius: 0;
	background-color: transparent;
	border-color: #ced4da;
    padding: .3rem 2.5rem;
	font-family: SourceSansPro-Semibold;
}
#requestKnowledgeModal .modal-dialog .modal-content .modal-body .form-group button.btn-default{
    color: #fff;
    background-color: #ec981f;
    border-radius: 0;
    padding: .3rem 1.75rem;
	font-family: SourceSansPro-Semibold;
}
.tooltip-help .tooltip-inner {
    max-width: 435px;
    padding: 5px 8px;
    margin-top: 45px;
    color: #777;
    text-align: left;
    background-color: #fff!important;
    border-radius: .2rem;
    font-size: 12px;
    box-shadow: 2px 2px 10px #FAD9A3;
}
.tooltip-help.bs-tooltip-right .arrow:before {
    border-right-color: #fff !important;
}
.tooltip-setting.show,
.tooltip-help.show {
    opacity: 1;
}
.tooltip-avatar .tooltip-inner {
    max-width: 435px;
    padding: 5px 8px;
    /*margin-top: 45px;*/
    color: #777;
    text-align: left;
    background-color: #fff!important;
    border-radius: .2rem;
    font-size: 12px;
    box-shadow: 2px 2px 10px #FAD9A3;
}
.tooltip-avatar.bs-tooltip-top .arrow:before {
    border-top-color: #fff !important;
}
.tooltip-setting.show,
.tooltip-avatar.show {
    opacity: 1;
}
.tooltip-setting .tooltip-inner h6,
.tooltip-help .tooltip-inner h6{
	font-size: 14px;
	margin-bottom: 0;
	color: #434343;
	font-family: SourceSansPro-Semibold;
	font-weight: bold;
}
.tooltip-setting .tooltip-inner h5,
.tooltip-help .tooltip-inner h5{
	font-size: 11px;
	margin-bottom: 0;
	color: #FF9B00;
	font-family: SourceSansPro-Semibold;
	font-weight: bold;
}
.tooltip-setting .tooltip-inner p,
.tooltip-help .tooltip-inner p{
	font-size: 11px;
	color: #757575;
	margin-bottom: .25rem;
}
.tooltip-setting .tooltip-inner p b,
.tooltip-help .tooltip-inner p b{
	color: #434343;
	/*font-family: SourceSansPro-Semibold;*/
}
.tooltip-setting .tooltip-inner ol,
.tooltip-help .tooltip-inner ol{
	margin-bottom: 0;
	padding-left: .75rem;
	font-size: 11px;
}
.tooltip-setting .tooltip-inner {
	max-width: 435px;
    padding: 5px 8px;
    margin-top: 45px;
    /*margin-left: 45px;*/
    color: #777;
    text-align: left;
    background-color: #fff!important;
    border-radius: .2rem;
    font-size: 12px;
    box-shadow: 2px 2px 10px #FAD9A3;
}
.tooltip-setting.bs-tooltip-right .arrow:before{
    border-right-color: #fff !important;
}

/*end request knowledge modal*/

/*view detail & author knowledge modal*/
#authorViewKnowledgeModal .modal-dialog,
#detailViewKnowledgeModal .modal-dialog{
	max-width: 400px;
}
#authorViewKnowledgeModal .modal-dialog .modal-content,
#detailViewKnowledgeModal .modal-dialog .modal-content{
	border-radius: 0;
}
#authorViewKnowledgeModal .modal-dialog .modal-content .modal-header .modal-title,
#detailViewKnowledgeModal .modal-dialog .modal-content .modal-header .modal-title{
	font-size: 16px;
	font-family: SourceSansPro-Semibold;
}
#authorViewKnowledgeModal .modal-dialog .modal-content .modal-header .modal-title span,
#detailViewKnowledgeModal .modal-dialog .modal-content .modal-header .modal-title span{
	color: #ec981f;
}
#authorViewKnowledgeModal .modal-dialog .modal-content .modal-body,
#detailViewKnowledgeModal .modal-dialog .modal-content .modal-body{
    overflow-y: scroll;
    max-height: 400px;
}
#authorViewKnowledgeModal .modal-dialog .modal-content .modal-body .media,
#detailViewKnowledgeModal .modal-dialog .modal-content .modal-body .media{
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}
#authorViewKnowledgeModal .modal-dialog .modal-content .modal-body .media:last-child,
#detailViewKnowledgeModal .modal-dialog .modal-content .modal-body .media:last-child{
    border-bottom: none;
	margin-bottom: 0;
}
#authorViewKnowledgeModal .modal-dialog .modal-content .modal-body .media .user-avatar,
#detailViewKnowledgeModal .modal-dialog .modal-content .modal-body .media .user-avatar{
	position: relative;
}
#authorViewKnowledgeModal .modal-dialog .modal-content .modal-body .media .media-body h5,
#detailViewKnowledgeModal .modal-dialog .modal-content .modal-body .media .media-body h5{
	font-size: 15px;
	font-family: SourceSansPro-Semibold;
	margin-bottom: 0;
}
#authorViewKnowledgeModal .modal-dialog .modal-content .modal-body .media .media-body p,
#detailViewKnowledgeModal .modal-dialog .modal-content .modal-body .media .media-body p{
	font-size: 14px;
	font-family: SourceSansPro-Semibold;
	color: #aaa;
	margin-bottom: 10px;
}
#authorViewKnowledgeModal .modal-dialog .modal-content .modal-body::-webkit-scrollbar,
#detailViewKnowledgeModal .modal-dialog .modal-content .modal-body::-webkit-scrollbar {
    width: 5px;
    background-color: transparent;
} 
#authorViewKnowledgeModal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb,
#detailViewKnowledgeModal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #FF9B00;
  box-shadow: transparent;
}
#authorViewKnowledgeModal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track,
#detailViewKnowledgeModal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #eee;
  box-shadow: transparent;
}
#authorViewKnowledgeModal .modal-dialog .modal-content .modal-body:hover > #authorViewKnowledgeModal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb, 
#detailViewKnowledgeModal .modal-dialog .modal-content .modal-body:hover > #detailViewKnowledgeModal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb { 
  background: #FF9B00;
}
#authorViewKnowledgeModal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb:hover,
#detailViewKnowledgeModal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb:hover {
  background: #FF9B00;
  /*background: transparent;*/
}
/*End view detail knowledge modal*/

/*search knowledge*/
.side-center .d2 .keyword-search p{
	font-size: 12px;
	font-style: italic;
}
.side-center .d2 .keyword-search p span{
	font-style: normal;
	font-family: SourceSansPro-Semibold;
}
.side-center .d2 .row div > button{
    background: #fff;
    border: 1px solid #f6d9a3;
    border-radius: 3px;
    font-family: SourceSansPro-Semibold;
    color: #8a8a8a;
    padding: 0.375rem 1rem;
    font-size: 15px;
}
.side-center .d2 .row div > button > i{
	color: #FF9B00;
}
.side-center .d2 .row div.view-select{
    text-align: right;
    vertical-align: middle;
    padding: .6rem 0;
    font-family: SourceSansPro-Semibold;
}
.side-center .d2 .row div.view-select h5{
	margin-bottom: 0;
	font-size: 17px;
    color: #757575;
    font-size: 15px;
}
.side-center .d2 .row div > select{
    /*border-color: #f6d9a3;*/
    border-color: #FF9B00;
    border-radius: 3px;
    font-family: SourceSansPro-Semibold;
    color: #757575;
    font-size: 15px;
}
.side-center .d2 .row div > select::after{
	/*display: none;*/
}
#avatarModal .modal-dialog .modal-content
#knowledgeFilterModal .modal-dialog .modal-content{
    border: 1px solid #f6d9a3;
    border-radius: 0;
}
#avatarModal .modal-dialog .modal-content .modal-header,
#knowledgeFilterModal .modal-dialog .modal-content .modal-header{
	display: inline-block;
    padding: 10px 15px 0px;
    /*border-bottom: 1px solid #f6d9a3;*/
    border-bottom: none;
}
#avatarModal .modal-dialog .modal-content .modal-header h5,
#knowledgeFilterModal .modal-dialog .modal-content .modal-header h5{
	color: #FF9B00;
	font-family: SourceSansPro-Semibold;
	line-height: 25px;
	font-size: 19px;
}
#avatarModal .modal-dialog .modal-content .modal-header p,
#knowledgeFilterModal .modal-dialog .modal-content .modal-header p{
	font-size: 13px;	
    color: #8a8a8a;
    margin-bottom: 13px;
}
#avatarModal .modal-dialog .modal-content .modal-body .form-group label,
#knowledgeFilterModal .modal-dialog .modal-content .modal-body .form-group label{
	font-size: 14px;
    font-family: SourceSansPro-Semibold;
    color: #757575;
}
.hr-filter{
	width: 20%;
    float: left;
    margin: 0;
    border-top: 2px solid #FF9B00;
}
#avatarModal .modal-dialog .modal-content .modal-header button.close,
#knowledgeFilterModal .modal-dialog .modal-content .modal-header button.close{
    position: absolute;
    right: 15px;
    top: 15px;
}
#knowledgeFilterModal .modal-dialog .modal-content .modal-body .form-group label{
	font-family: SourceSansPro-Semibold;
	margin-bottom: 0;
}
#knowledgeFilterModal .modal-dialog .modal-content .modal-body .form-group .form-control{
    border-radius: 0;
}
#avatarModal .modal-dialog .modal-content .modal-body .form-group button.btn-light,
#knowledgeFilterModal .modal-dialog .modal-content .modal-body .form-group button.btn-light{
	border-radius: 0;
	background-color: transparent;
	border-color: #ced4da;
    padding: .3rem 2.5rem;
	font-family: SourceSansPro-Semibold;
}
#avatarModal .modal-dialog .modal-content .modal-body .form-group button.btn-default,
#knowledgeFilterModal .modal-dialog .modal-content .modal-body .form-group button.btn-default{
    color: #fff;
    background-color: #ec981f;
    border-radius: 0;
    padding: .3rem 1.75rem;
	font-family: SourceSansPro-Semibold;
}
/*end search knowledge*/

/*setting reward*/
.side-center .d4 .card-setting{
	border: none;
	padding: 0;
	background-color: transparent;
}
.side-center .d4 .label-content span{
    color: #FF9B00;	
    font-size: 17px;
}
.side-center .d4 .card-setting .card-body{
	padding-left: 0;
	padding-right: 0;
}
.side-center .d4 .card-setting .card-body .btn-light-edit{
	width: 100%;
    background-color: #fff;
	border: 1px solid #FF9B00;
	color: #FF9B00;
	border-radius: 3px;
	margin-bottom: 1rem;
}
.side-center .d4 .card-setting .card-body .btn-light-apply{
    width: 100%;
    /*background-color: #fff;*/
    background-color: #f5f5f5;
	/*border: 1px solid #FF9B00;*/
	border: 1px solid #bcbcbc;
	/*color: #FF9B00;*/
	color: #bdbdbd;
	border-radius: 3px;
	margin-bottom: 1rem;
}

.side-center .d4 .card-setting .card-body .btn-light-level{
    width: 100%;
    background-color: #fff;
	border: 1px solid #FF9B00;
	color: #FF9B00;
	border-radius: 3px;
	margin-bottom: 1rem;
}
.side-center .d4 .card-setting .card-body .btn-light-reset{
	width: 100%;
    background-color: transparent;
	border: 1px solid #9e9e9e;
	color: #9e9e9e;
	border-radius: 3px;
	margin-bottom: 1rem;
}
.side-center .d4 .card-setting .card-body .form-setting{
	margin-bottom: 1rem;
}
.side-center .d4 .card-setting .card-body .reward{
	/*background-color: #fff;*/
	background-color: transparent;
	box-shadow: 5px 5px 10px 0px #ff9b0040;
	border: 1px solid #FF9B00;
	text-align: center;
	padding: .25rem 1rem;
    border-radius: 3px;
    margin-bottom: 1.75rem;
}
.side-center .d4 .card-setting .card-body .reward input{
	/*border: 1px solid #FF9B00;*/
	border: 1px solid #d3d2ce;
	border-right: none;
	border-left: none;
	background-color: #f0f1f0;
	text-align: center;
}
.side-center .d4 .card-setting .card-body .reward input:focus{
	box-shadow: none;
}
.side-center .d4 .card-setting .card-body .reward .input-group .input-group-text{
	display: contents;
	padding: 0;
}
.side-center .d4 .card-setting .card-body .reward .input-group .input-group-text button{
	/*border: 1px solid #FF9B00;*/
	border: 1px solid #bcbcbc;
	border-radius: 0px 0px 0px 0px;
	background-color: #e9ecef;
	/*color: #bdbdbd;*/
}
/*.side-center .d4 .card-setting .card-body .reward .input-group .input-group-text button:hover{
	background-color: #FF9B00;
	color: #fff;
}*/
.side-center .d4 .card-setting .card-body .reward .input-group .input-group-text button.btn-light-minus{
	border-right: none;
}
.side-center .d4 .card-setting .card-body .reward .input-group .input-group-text button.btn-light-plus{
	border-left: none;
}
.side-center .d4 .card-setting .card-body .reward .input-group .input-group-text button i{
	color: #bdbdbd;
	/*color: #FF9B00;*/
}
#settingPtsModal .modal-dialog .modal-content{
	border-radius: 0;
}
#settingPtsModal .modal-dialog .modal-content .modal-header{
    padding: 0.5rem 1rem;
}
#settingPtsModal .modal-dialog .modal-content .modal-header button{
	margin: -.75rem -1rem -1rem auto;
}
#settingPtsModal .modal-dialog .modal-content .modal-header .modal-title{
	text-transform: capitalize;
    font-family: SourceSansPro-Semibold;
    color: #424242;
}
#settingPtsModal .modal-dialog .modal-content .modal-body form .form-group .form-control{
	border-radius: 0;
}
#settingPtsModal .modal-dialog .modal-content .modal-body form .form-group:last-child{
	margin-bottom: 0;
}
#settingPtsModal .modal-dialog .modal-content .modal-body form .action-verifikasi{
	margin-bottom: 1rem;
}
#settingPtsModal .modal-dialog .modal-content .modal-body form .form-group label{
	font-family: SourceSansPro-Semibold;
	color: #424242;
	margin-bottom: 0px;
}
#settingPtsModal .modal-dialog .modal-content .modal-body form .form-group .bronze .b-0{
	padding-right: 0;
}
#settingPtsModal .modal-dialog .modal-content .modal-body form .form-group .bronze .b-1{
	padding-left: 0;
}
#settingPtsModal .modal-dialog .modal-content .modal-body form .form-group .bronze input{
	width: 100%;
}
#settingPtsModal .modal-dialog .modal-content .modal-body form .form-group button.btn-light{
	border-radius: 3px;
	color: #757575;
	background-color: transparent;
	border-color: #ced4da;
    padding: .3rem 1.5rem;
	font-family: SourceSansPro-Semibold;
}
#settingPtsModal .modal-dialog .modal-content .modal-body form .form-group button.btn-default{
	color: #fff;
    background-color: #FF9B00;
    border-radius: 3px;
    padding: .3rem 1.5rem;
	font-family: SourceSansPro-Semibold;
}
/*end verifikasi knowledge*/
/*end setting reward*/

/*Profile*/
.side-center .d4 .card-profile .card-body{
	padding-top: 0;
	padding-bottom: 0;
}
.side-center .d4 .card-profile .card-body .knowledge-profile{
	border-right: 1px solid #faeccd;
	text-align: center;
}
.side-center .d4 .card-profile .card-body .knowledge-profile .edit-avatar{
    position: absolute;
    right: 10px;
    top: 6px;
    cursor: pointer;
}
.side-center .d4 .card-profile .card-body .knowledge-profile .edit-avatar:hover{
	color: #FF9B00;
}
.side-center .d4 .card-profile .card-body .knowledge-profile .user-avatar-profile{
    max-width: 100px;
    border-radius: 50%;
    margin: 2rem auto 1rem;
    width: 100px;
    height: 100px;
    background-size: cover;
}
.side-center .d4 .card-profile .card-body .knowledge-profile h5.card-title{
	padding-right: 0;
	margin-bottom: 0;
	color: #424242;
}
.side-center .d4 .card-profile .card-body .knowledge-profile p.card-jabatan{
	font-size: 13px;
}
.side-center .d4 .card-profile .card-body .knowledge-profile .row .jumlah-count{
	font-size: 20px;
	color: #6c757d;
    font-family: SourceSansPro-Semibold;
    line-height: 16px;
}
.side-center .d4 .card-profile .card-body .knowledge-profile .row .nama-count{
	font-size: 13px;
	color: #9e9e9e;
}
.side-center .d4 .card-profile .card-body .knowledge-profile .row{
	border-top: 1px solid #faeccd;
	border-bottom: 1px solid #faeccd;
	padding: .5rem 0;
}
.side-center .d4 .card-profile .card-body .knowledge-profile .row .counter{
	padding: 0 .25rem
}
.hr-profile{
	border: none;
    border-left: 1px solid #faeccd;
    height: 28px;
    width: 1px; 
    margin: 0!important;
    position: absolute;
    right: 0;
    top: 2px;
}
.side-center .d4 .card-profile .card-body .account-profile{
	border-bottom: 1px solid #faeccd;	
}
.side-center .d4 .card-profile .card-body .account-profile h5.card-title{
	color: #424242;
	padding: 0;
    margin: .75rem 0;
}
.hr-info{
	margin: 0 0 .75rem;
    border-top: 2px solid #FF9B00;
    width: 12%;
    top: -2px;
    position: relative;
}
.side-center .d4 .card-profile .card-body .account-profile .row{
	padding-bottom: .5rem;
}
.side-center .d4 .card-profile .card-body .account-profile .row .account-info{
    padding-right: .4rem;
}
.side-center .d4 .card-profile .card-body .account-profile .row .account-info:last-child{
    padding-left: 0;
}
.side-center .d4 .card-profile .card-body .account-profile .row .account-info .title-info{
	font-size: 12px;
    font-family: SourceSansPro-Semibold;
	color: #9e9e9e;
}
.side-center .d4 .card-profile .card-body .account-profile .row .account-info .text-info{
	color: #212121!important;
	font-size: 12px;
    font-family: SourceSansPro-Semibold;
}
.side-center .d4 .card-profile .card-body .account-profile .row .edit-password{
	text-align: right;
    margin-top: 1rem;
}
.side-center .d4 .card-profile .card-body .account-profile .row .edit-password .btn-info{
	border-radius: 3px;
	background-color: transparent;
	border-color: #FF9B00;
    padding: .25rem 1.5rem;
	font-family: SourceSansPro-Semibold;
	color: #FF9B00;
	font-size: 12px;
}
.side-center .d4 .card-profile .card-body .account-profile .row .email-admin{
	position: absolute;
    bottom: 15px;
}
.side-center .d4 .card-profile .card-body .account-profile .row .edit-password .btn-info:hover,
.side-center .d4 .card-profile .card-body .account-profile .row .edit-password .btn-info:focus{
	background-color: #FF9B00;
	color: #FFF;
}
.side-center .d4 .card-profile .card-body .reward-profile h5.card-title{
	color: #424242;
	padding: 0;
    margin: .75rem 0;
}
.side-center .d4 .card-profile .card-body .reward-profile p.caption-title{
	font-size: 13px;
	margin-bottom: 1.5rem;
}
.side-center .d4 .card-profile .card-body .reward-profile .row .list-reward-profile{
	text-align: center;
	margin-bottom: 1rem;
}
.side-center .d4 .card-profile .card-body .reward-profile .row .list-reward-profile img{
	margin-bottom: .5rem;
    max-width: 50px;
}
.side-center .d4 .card-profile .card-body .reward-profile .row .list-reward-profile .list-title-reward-profile{
	font-size: 14px;
    font-family: SourceSansPro-Semibold;
    color: #424242;
    line-height: 18px;
}
.side-center .d4 .card-profile .card-body .reward-profile .row .list-reward-profile .list-text-reward-profile{
	font-size: 14px;
    color: #424242;
}
.side-center .d4 .card-profile .card-body .setting-email{
    border-left: 1px solid #faeccd;
}
#avatarModal .modal-body .form-group .image-source{
	font-size: 12px;
    vertical-align: middle;
    position: absolute;
    bottom: 50%;
}
#avatarModal .modal-body .form-group #image-preview{
	width: 100px;
	margin-bottom: 1rem;
	height: 100px;
	background-size: cover;
}
.side-center .d4 .card-profile .card-body .reward-profile .form-group input{
	border-radius: 0;
}
.side-center .d4 .card-profile .card-body .reward-profile .form-group .btn-light{
	border-radius: 3px;
	color: #757575;
	background-color: transparent;
	border-color: #ced4da;
    padding: .25rem 1.5rem;
	font-family: SourceSansPro-Semibold;
}
.side-center .d4 .card-profile .card-body .reward-profile .form-group .btn-default{
	border-radius: 3px;
    color: #fff;
    background-color: #FF9B00;
    padding: .25rem 1.5rem;
	font-family: SourceSansPro-Semibold;
}
/*End Profile*/

@media (max-width: 1199.98px) {
	/*halaman utama*/
	.user-avatar-rank {
	    max-width: 50px;
	}
	.flex-row li a.navbar-brand {
	    margin-right: 35px;
	}
	.flex-row li a div span{
		right: 25px;
	}
	.side-left{
	    max-width: 21.5%;
	}
	.side-left .d1 .media .media-body h5{
		font-size: 1.1rem;
	}
	.side-center .d1 .card .card-body{
		padding: 1rem 2rem .75rem;
	}
	.side-center .d1 .card .card-body .card-list .row div{
		padding: 0;
	}
	.side-center .d1 .card .card-body .card-list .row .vote{
		text-align: right;
	}
	/*.side-left .d1 div{
	    margin: 0 auto 15px;
	}*/
	.side-center .d3 .nav-category{
		line-height: 25px;
	}
	.side-center .d3 .nav-category li a{
		font-size: 10px;
		/*padding:0.6rem .85rem;*/
		padding:0.6rem 0rem;
	}
	.side-center .d3 .nav-category li a.active, .side-center .d3 .nav-category li a:hover{
		/*padding:0.6rem .85rem;*/
		padding:0.6rem 0rem;
	}
	/*end halaman utama*/
}
@media (max-width: 1149.98px) {
	.side-left{
	    max-width: 22.5%;
	}
}
@media (max-width: 1079.98px) {
	.side-left{
	    max-width: 23.5%;
	}
}
@media (max-width: 1029.98px) {
	.side-left{
	    max-width: 24.5%;
	}
}
@media (max-width: 991.98px) {
	/*login*/
	.login .row .form-login{
		max-width: 300px;
	}
	.login .head-login h2{
		font-size: 2.75rem;
	}
	/*halaman utama*/
	.user-avatar {
	    max-width: 25px;
	    width: 25px;
	    height: 25px;
	}
	.user-avatar-rank{
		max-width: 40px;
	}
	.username-users{
	    line-height: 20px;
	}
	.flex-row li a.navbar-brand{
		margin-right: 20px;
		max-width: 110px;
	}
	.flex-row li a span.d-md-inline-block{
		font-size: 12px;
	}
	.flex-row li a.navbar-brand{
		max-width: 105px;
	}
	.flex-row li a.text-nowrap{
		padding: 0.5rem 1rem;
	}
	.search input::-webkit-input-placeholder {
	   font-size: 14px;
	}
	.search input:-moz-placeholder {
	   font-size: 14px; 
	}
	.search input::-moz-placeholder {
	   font-size: 14px;
	}
	.search input:-ms-input-placeholder {  
	   font-size: 14px;
	}
	.search i{
		font-size: 19px;
	}
	.side-left{
	    max-width: 21%;
	}
	.side-left .d1 h6{
		font-size: 10px;
		margin-bottom: .5rem;
	}
	.side-left .user-avatar-side{
		max-width: 55px;
	}
	.side-left .d1 .media .media-body{
		line-height: 14px;
	}
	.side-left .d1 .media .media-body h5{
		font-size: .7rem;
	}
	.side-left .d1 .media .media-body a{
		font-size: 8px;
	}
	.side-left .d1 .media .media-body p{
		font-size: 7.5px;
	}
/*	.side-left .d1 div{
		font-size: 10px;
		width: 100px;	
	    margin: 0 auto 15px;
	}*/
	.side-left .d2 .nav-wrapper .flex-column{
		font-size: 10px;
	}
	.side-center .d1 .card .card-body .card-list .row div{
		font-size: 10px;
	}
	.side-center .d1 .card .card-body .card-list .row .vote{
		text-align: center;
	}
	.side-center .d1 .card .card-body .btn-vote a{
		font-size: 10px;
	}
	.side-center .d1 .card .card-body .card-list .row div.vote-lain h6{
		font-size: 12px;
		font-family: SourceSansPro-Semibold;
		font-weight: bold;
	}
	.side-center .d2 a{
		font-size: 14px;
	}
	.side-center .d3 .nav-category {
	    overflow-x: auto;
	    line-height: 28px;
	}
	.side-center .d3 .nav-category::-webkit-scrollbar {
	    width: 5px;
	    height: 3px;
	    background-color: transparent;
	} 
	.side-center .d3 .nav-category::-webkit-scrollbar-thumb {
	  border-radius: 10px;
	  background: transparent;
	  box-shadow: transparent;
	}
	.side-center .d3 .nav-category::-webkit-scrollbar-track {
	  border-radius: 10px;
	  background: transparent;
	  box-shadow: transparent;
	}
	.side-center .d3 .nav-category:hover > .side-center .d3 .nav-category::-webkit-scrollbar-thumb { 
	  background: #FF9B00;
	}
	.side-center .d3 .nav-category::-webkit-scrollbar-thumb:hover {
	  background: #FF9B00;
	  /*background: transparent;*/
	}
	.side-center .d3 .nav-category li{
		display: table-cell;
		line-height: 0px;
	}
	.side-center .d3 .nav-category li a {
	    font-size: 10px;
	    padding: 0.5rem .95rem;
	}
	.side-center .d3 .nav-category li a.active, .side-center .d3 .nav-category li a:hover {
	    padding: 0.5rem .95rem;
	}
	.side-center .d4 .card .card-body h5{
		font-family: SourceSansPro-Semibold;
		font-size: 15px;
	    margin-bottom: 8px;
	}
	.side-center .d4 .card .card-body h6{
		font-size: 10px;
		line-height: 15px;
	}
	.side-center .d4 .card .card-body .card-text{
		font-size: 11px;
	}
	.side-center .d4 .card .card-body .attach-file .attach{
		font-size: 10px;
	}
	.side-center .d4 .card .card-body .attach-file li a{
		font-size: 10px;
	}
	.side-center .d4 .card .card-body .attach-file li a img{
		max-width: 13px;
	}
	.side-center .d4 .card .card-footer{
		padding-top: 5px;
    	padding-bottom: 5px;
	}
	.side-center .d4 .card .card-footer .users-view{
		font-size: 12px;
	}
	.side-center .d4 .card .card-footer .comment{
		font-size: 12px;
	    text-align: right;
    	padding-right: 13px;
	}
	.side-center .d4 .card .card-footer .rating{
		font-size: 12px;
	    padding-right: 1.7rem;
	}
	.side-center .d4 .card .card-footer .bookmark{
		text-align: right;
	}
	.side-center .d4 .card .list-comment-dashboard .media h5 span:nth-child(1){
		display: block;
	}
	.side-center .d4 .card .list-comment-dashboard .media h5 span:last-child{
		font-size: 11px;
	}
	.side-right .d1 .card .card-header{
		padding: .75rem .75rem;
		font-size: 12px;
	}
	.side-right .d1 .card .card-body{
		padding: .75rem .75rem;
	}
	.side-right .d1 .card .card-footer{
		padding: .75rem .75rem;
		font-size: 12px;
	}
	/*end halaman utama*/

	/*detail knowledge*/
	.side-center .d4 .list-comment .media .user-avatar-side{
	    max-width: 50px;
	    width: 50px;
	    height: 50px;
	}
	.side-center .d4 .list-comment .media .media-body h5{
		font-size: 15px;
	}
	.side-center .d4 .list-comment .media .media-body p{
		font-size: 12px;
	}
	.side-center .d4 .comment-form .form-group .btn-upload button.btn-light{
		font-size: 13px;
		padding: 0.3rem 1rem;
	}
	.side-center .d4 .comment-form .form-group button.btn-light{
		font-size: 13px;
	    padding: .3rem 1.5rem;
	}
	.side-center .d4 .comment-form .form-group button.btn-default{
		font-size: 13px;
	    padding: .3rem 1rem;
	}
	.side-right .d1 .card .card-header span.right-tahun{
		display: none;
	}
	.side-right .d1 .card .card-body .forum-activity .media .media-body h5{
		font-size: 8.5px;
	}
	.side-right .d1 .card .card-body .forum-activity .media .media-body p{
		font-size: 8px;
	}
	.side-center .d4 .list-comment .media .form-comment-edit .form-group button.btn-light{
		width: 48%;
	}
	.side-center .d4 .list-comment .media .form-comment-edit .form-group button.btn-default{
		width: 48%;
	}
	/*end detail knowledge*/
	/*profil*/
	.side-center .d4 .card-profile .card-body .knowledge-profile .user-avatar-profile{
		max-width: 65px;
		width: 65px;
		height: 65px;
	}
	.side-center .d4 .card-profile .card-body .knowledge-profile h5.card-title{
		font-size: 13px;
	}
	.side-center .d4 .card-profile .card-body .knowledge-profile p.card-jabatan{
		font-size: 10px;
	}
	.side-center .d4 .card-profile .card-body .knowledge-profile .row .jumlah-count{
		font-size: 15px;
	}
	.side-center .d4 .card-profile .card-body .knowledge-profile .row .nama-count{
		font-size: 10px;
	}
	.side-center .d4 .card-profile .card-body .account-profile h5.card-title{
		font-size: 13px;
	}
	.side-center .d4 .card-profile .card-body .account-profile .row .account-info .title-info{
		font-size: 9px;
	}
	.side-center .d4 .card-profile .card-body .account-profile .row .account-info .text-info{
		font-size: 9px;
	}
	.side-center .d4 .card-profile .card-body .reward-profile h5.card-title{
		font-size: 13px;
	}
	.side-center .d4 .card-profile .card-body .reward-profile p.caption-title{
		font-size: 10px;
	}
	.side-center .d4 .card-profile .card-body .reward-profile .row .list-reward-profile img{
		max-width: 35px;
	}
	.side-center .d4 .card-profile .card-body .reward-profile .row .list-reward-profile .list-title-reward-profile{
		font-size: 11px;
	}
	.side-center .d4 .card-profile .card-body .reward-profile .row .list-reward-profile .list-text-reward-profile{
		font-size: 11px;
	}
	.side-center .d4 .card-setting .card-body .reward{
		font-size: 10px;
	}
	.side-center .d4 .card-setting .card-body .reward input{
		padding: 0;
	}
	.side-center .d4 .card-setting .card-body .reward .input-group .input-group-text button{
		padding: 0 5px;
	}
}
@media (max-width: 899.98px) {
	.side-left{
	    max-width: 22%;
	}
}
@media (max-width: 819.98px) {
	.side-left{
	    max-width: 23%;
	}
	.user-avatar-rank {
	    max-width: 35px;
        margin-right: 10px!important;
	}
	.flex-row li a div i.fa-bell {
	    font-size: 17px;
	}
	.flex-row li a div span{
		font-size: 8px;
		right: 18px;
	}

}
@media (max-width: 767.98px) {
	/*login*/
	.login{
		background-color: transparent;
	}
	.login .row{
		/*height: 100%;*/
	}
	.login .row .login-left{
		position: absolute;
		z-index: 1;
		height: 100%;
	}
	.login .form-login{
	    margin-top: 1rem;
	    /*margin-bottom: 1rem;*/
	    margin-bottom: 0rem;
	}
	.login .form-login .body-login .form-group .btn-login{
		background-color: #fff;
	}
	.login .form-login .copyright p{
		/*color: #fff;*/
	}
	.login .img-login{
		/*background-position: 0px 0px;*/
		/*height: 100%!important;*/
		/*opacity: 0.7;*/
		opacity: 0.1;
	}
	.login .form-login .copyright p{
		/*position: fixed;*/
	}
	.load-more{
		margin-bottom: 10px;
	}
	/*halaman utama*/
	.flex-row li .dropdown-toggle::after{
		display: none;
	}
	.navbar-nav .dropdown-menu{
		left: -100px;
	}
	.user-avatar-rank {
	    max-width: 50px;
	}
	.b-black{
	    background-color: #000;
	    width: 100%;
	    position: fixed;
	    height: 100%;
	    z-index: 12;
	    opacity: 0.5;
	    top: 0;
	    transform: translate(-150%, 0px);
		transition: all 0.9s ease-in-out;
	}
	.content-web .row{
		margin-right: 0!important;
		margin-left: 0!important;
	}
	.menu{
	    margin-left: 20px;
	}
	.menu i{
		color: #ced4da;
	}
	.search a img{
		max-width: 100px;
	}
	.search a{
	    padding: 3px 0;
	}
	.search i {
	    font-size: 20px;
	}
	.search .form-control {
	    border-bottom: none!important;
	}
	.m-search i{
	    font-size: 22px;
		padding: 0px 8px;
	}
	.navbar .flex-row{
		padding-right: 0;
		border-right: none!important;
	}
	.flex-row li{
		text-align: center;
		border-right: none!important;
	}
	.flex-row li a.nav-link{
		color: #ced4da!important;
	    padding: 10px 0;

		/*line-height: 25px;*/
	}
	.flex-row li a.navbar-brand {
	    margin-right: 0;
	    max-width: 100%;
	    float: none;
	    line-height: 35px;
	    /**/
	}
	.flex-row li a .nav-link-icon__wrapper i{
		font-size: 18px;
	}
	.flex-row li a div span{
		right: 32px;
		bottom: 10px;
	}
	.flex-row li a i.fa-ellipsis-v{
	    margin-top: 2px;
	    font-size: 20px;
	}
	.side-left .d1 p {
		font-size: 1rem;
	}
	.side-left .d1 h6 {
		padding: 0;
		font-size: 1rem;
		text-align: right;
	}
	.side-left .d1 .icon-back{
		position: absolute;
		text-align: left;
		width: auto;
	    padding: 0;
	    line-height: 10px;
	    color: #818182;
	}
	.side-left .d1 .media{
		font-size: 1rem;
		width: 100%;
	}
	.side-left .d1 a {
		right: 0;
	}
	.side-left .d2{
		margin-top: 0;
		height: 65%;
	}
	.side-left .d2 .nav-wrapper .flex-column{
		font-size: .75rem;
	}
	.side-left .user-avatar-side{
		max-width: 100px;
	}
	.side-left{
	    max-width: 100%;
	    position: relative;
	}
	.box{
		position: fixed;
		padding: 0;
		height: 100%;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
		z-index: 10;
		transform: translate(-150%, 0px);
		transition: all 0.75s ease-in-out;
		z-index: 999;
		width: 100%;
		text-align: left;
		overflow-y: scroll;
		padding-right: 20%;
	}
	.box-inner{
		height: 100%;
	}
	.menu-back{
		cursor: pointer;
	}

	.side-center .d4 .card .card-body .attach-file .attach{
		color: #818182;
		font-size: 12px;
	    margin-bottom: 5px;
	}
	.side-center .d4 .card .card-body .attach-file .file{
		color: #FF9B00;
		font-size: 12px;
	    margin-bottom: 5px;
	    padding: 0;
	}
	.side-center .d4 .card .card-body .attach-file .file i{
	    font-size: 14px;
	    margin-right: 7px;
	}
	.side-center .d4 .card-vote .card-body{
		padding: 0;
	}
	.side-center .d1 .card .card-body .card-list .row div{
		font-size: 12px;
	}
	.side-center .d1 .card .card-body .btn-vote a{
		font-size: 12px;
	}
	.side-center .d1 .card .card-body .card-list .row .vote{
		text-align: left;
	}
	.side-center .d2 a{
		font-size: 1rem;
		width: 100%;
	}
	.side-center .d2 .row div:first-child{
		padding-left: 0;
		padding-right: 7.5px;
	}
	.side-center .d2 .row div:last-child{
		padding-right: 0;
		padding-left: 7.5px;
	}
	.side-center .d2 .row div.knowledge {
		padding: 0 5px 0 0;
	}
	.side-center .d2 .row div.filter-knowledge {
		padding: 0 0 0 5px;
	}
	.side-center .d4 .card .card-body h6 span.count-name{
		display: none;
	}
	.side-center .d4 .card .card-footer .users-view{
		font-size: 14px;
		/*margin-bottom: 15px;*/
		margin-bottom: 0px;
		padding-left: 0;
	}

	.side-center .d4 .card .card-footer .users-view span:last-child{
		display: none;
	}
	.side-center .d4 .card .card-footer .comment{
		font-size: 14px;
	    text-align: right;
    	padding-right: 0px;
	}
	.side-center .d4 .card .card-footer .comment span:last-child{
		display: none;
	}
	.side-center .d4 .card .card-footer .rating{
		font-size: 1rem;
		padding-right: 1.5rem;
	}
	.side-center .d4 .card .card-footer .bookmark{
		text-align: right;
		padding-right: 0;
	}
	.side-center .d4 .card .list-comment-dashboard .media h5 span:nth-child(1){
		display: block;
	}
	.side-center .d4 .card .list-comment-dashboard .media h5 span:last-child{
		font-size: 11px;
	}
	.side-center .d4 .card .list-comment-dashboard .media p{
		font-size: 12px;
	}
	.side-right .d1 .card .card-header{
		padding: .75rem .75rem;
		font-size: 1rem;
	}
	.side-right .d1 .card .card-footer{
		padding: .75rem 1.25rem;
		font-size: 1rem;
	}
	/*end halaman utama*/

	/*knowledge modal*/
	#knowledgeModal .modal-dialog{
		max-width: 560px;
	}
	#knowledgeModal .modal-dialog .modal-content .modal-header .row .modal-header-left{
		background-color: #fff;
	}
	#knowledgeModal .modal-dialog .modal-content .modal-header .row .modal-header-right{
		position: absolute;
	}
	#knowledgeModal .modal-dialog .dropdown{
		padding: 0;
		pointer-events: auto;
	}
	#knowledgeModal .modal-dialog .dropdown button.btn-light{
		width: 100%;
		border-radius: 0;
		background-color: #fff;
		text-align: left;
	    padding: .5rem 1rem;
	}
	#knowledgeModal .modal-dialog .dropdown button.btn-light i{
		float: right;
	    padding: .25rem 0;
	}
	#knowledgeModal .modal-dialog .dropdown .dropdown-toggle::after{
		display: none;
	}
	#knowledgeModal .modal-dialog .dropdown .dropdown-menu.show{
		display: block;
	}
	#knowledgeModal .modal-dialog .dropdown .dropdown-menu{
		width: 100%;
		border-radius: 0;
		display: none;
	}
	#knowledgeModal .modal-dialog .dropdown .dropdown-menu li{
		line-height: 40px;
	}
	#knowledgeModal .modal-dialog .dropdown .dropdown-menu li a{
	    padding: .75rem 1rem;
	    color: #777;
	}
	#knowledgeModal .modal-dialog .nav-tabs .nav-item.show .nav-link,
	#knowledgeModal .modal-dialog .nav-tabs .nav-link:hover ,
	#knowledgeModal .modal-dialog .nav-tabs .nav-link.active{
		border-color: transparent;
		color: #ec981f;
	}
	#knowledgeModal .modal-dialog .modal-content .modal-body .form-group input::-webkit-input-placeholder,
	#knowledgeModal .modal-dialog .modal-content .modal-body .form-group textarea::-webkit-input-placeholder {
	   color: #aaa;
	   font-size: 13px;
	}
	#knowledgeModal .modal-dialog .modal-content .modal-body .form-group input:-moz-placeholder,
	#knowledgeModal .modal-dialog .modal-content .modal-body .form-group textarea:-moz-placeholder {
	   color: #aaa;  
	   font-size: 13px;
	}
	#knowledgeModal .modal-dialog .modal-content .modal-body .form-group input::-moz-placeholder,
	#knowledgeModal .modal-dialog .modal-content .modal-body .form-group textarea::-moz-placeholder {
	   color: #aaa;
	   font-size: 13px;
	}
	#knowledgeModal .modal-dialog .modal-content .modal-body .form-group input:-ms-input-placeholder,
	#knowledgeModal .modal-dialog .modal-content .modal-body .form-group textarea:-ms-input-placeholder {  
	   color: #aaa;
	   font-size: 13px;
	}
	#knowledgeModal .nav-tabs-category .nav-tabs{
		display: none!important;
	}
	#knowledgeModal .nav-tabs-category .tabs-select{
	    padding-top: 1rem;
        padding-bottom: .25rem;
	    background-color: #fff;
	}
	#knowledgeModal .nav-tabs-category .tabs-select select{
	    border-color: #FF9B00;
	    border-radius: 3px;
	    font-family: SourceSansPro-Semibold;
	    color: #757575;
	    font-size: 15px;
	}
	#knowledgeModal .tab-content .tab-pane form .form-group{
	    padding: 0;
	}
	/*end knowledge modal*/
	/*knowledge saya*/
	.side-center .d4 .card .card-body .info-knowledge h5{
		padding-right: 0px;
	}
	.side-center .d4 .card .card-header .row .action-knowledge{
		padding-right: 12px;
	}
	/*end knowledge saya*/

	/*verifikasi knowledge*/
	.side-center .d4 .card .card-body .dataTables_wrapper .dataTables_length{
		text-align: left;
	}
	.side-center .d4 .card .card-body .dataTables_wrapper .dataTables_filter{
		text-align: left;
	}
	.side-center .d4 .card .card-body .dataTables_wrapper .row div{
		padding: 0;
	}
	.side-center .d4 .card .card-body .dataTables_wrapper .data-tables thead tr th{
		font-size: 15px!important;
	}
	/*end verifikasi knowledge*/

	/*detail knowledge*/
	/*.side-center .d4 .card .card-header .row .action-knowledge{
		text-align: left;
		margin-top: 10px;
	}*/
	.side-center .d4 .card .card-header .row .dropleft{
		position: absolute!important;
	}
	.side-center .d4 .card .card-header .row .dropleft .dropdown-menu{
	    min-width: 50px;
	    padding: 0;
	    left: -10px!important;
	}
	.side-center .d4 .card .card-header .row .dropleft .menu-toggle{
	    position: absolute;
	    right: 15px;
	    color: #ced4da;
	}
	.side-center .d4 .card .card-header .row .dropleft .dropdown-menu .action-knowledge{
		margin-top: 0;
	    display: grid;
    	padding: 7px;
    	text-align: center;
	}
	.side-center .d4 .card .card-header .row .dropleft .dropdown-menu .action-knowledge a{
	    margin-left: 0rem;
    	margin-bottom: 10px;
	}
	.side-center .d4 .card .card-header .row .dropleft .dropdown-menu .action-knowledge a:last-child{
		margin-bottom: 0;
	}
	.side-center .d4 .comment-form .form-group .btn-upload button.btn-light{
		padding: .5rem 1rem;
		font-size: 12px;
	}
	.side-center .d4 .comment-form .form-group button.btn-default{
		padding: .5rem 1rem;
		font-size: 12px;
	}
	.side-center .d4 .comment-form .form-group button.btn-light{
	    padding: .5rem 1.25rem;
	    font-size: 12px;
	}
	.side-center .d4 .comment-form .form-group{
		padding: 0;
	}
	.side-center .d4 .list-comment{
		padding: 1rem 0rem;
	}
	.side-center .d4 .list-comment .media .user-avatar-side{
	    max-width: 40px;
	    width: 40px;
	    height: 40px;
	}
	.side-center .d4 .list-comment .media .media-body h5{
		font-size: 13px;
	}
	.side-center .d4 .list-comment .media .media-body h6{
		font-size: 10px;
    	margin-bottom: .75rem;
	}
	.side-center .d4 .list-comment .media .media-body .comment-attach-file .file{
	    font-size: 12px;
	}
	.side-center .d4 .list-comment .media .media-body .comment-attach-file .file i{
		font-size: 16px;
	}

	.side-center .d4 .list-comment .media .media-body .dropleft{
		position: relative!important;
	}
	.side-center .d4 .list-comment .media .media-body .dropleft .dropdown-menu{
	    min-width: 50px;
	    padding: 0;
	    left: -10px!important;
	}
	.side-center .d4 .list-comment .media .media-body .dropleft .menu-toggle{
	    position: absolute;
	    right: 0px;
	    color: #ced4da;
	}
	.side-center .d4 .list-comment .media .media-body .dropleft .dropdown-menu .action-knowledge{
		margin-top: 0;
	    display: grid;
    	padding: 7px;
    	text-align: center;
    	position: relative;
	    top: 0;
    	float: none;
	}
	.side-center .d4 .list-comment .media .media-body .dropleft .dropdown-menu .action-knowledge a{
	    margin-left: 0rem;
    	margin-bottom: 10px;
	}
	.side-center .d4 .list-comment .media .media-body .dropleft .dropdown-menu .action-knowledge a:last-child{
		margin-bottom: 0;
	}
	.side-center .d4 .list-comment .media .media-body .form-group .btn-upload button.btn-light{
		padding: .5rem 1rem;
		font-size: 12px;
	}
	.side-center .d4 .list-comment .media .media-body .form-group button.btn-default{
		padding: .5rem 1rem;
		font-size: 12px;
	}
	.side-center .d4 .list-comment .media .media-body .form-group button.btn-light{
	    padding: .5rem 1.25rem;
	    font-size: 12px;
	}
	.side-center .d4 .list-comment .media .media-body form .form-group{
		padding: 0!important;
	}
	.side-center .d4 .list-comment .media .form-comment-edit .fileimage-edit i{
		right: 7px;
	}
	/*end detail knowledge*/

	/*profile*/
	.side-center .d4 .card-profile .card-body .knowledge-profile .user-avatar-profile{
		max-width: 100px;
		width: 100px;
		height:100px;
	}
	.side-center .d4 .card-profile .card-body .knowledge-profile h5.card-title{
		font-size: 16px;
	}
	.side-center .d4 .card-profile .card-body .knowledge-profile p.card-jabatan{
		font-size: 13px;
	}
	.side-center .d4 .card-profile .card-body .knowledge-profile .row .jumlah-count{
		font-size:20px;
	}
	.side-center .d4 .card-profile .card-body .knowledge-profile .row .nama-count{
		font-size: 13px;
	}
	.side-center .d4 .card-profile .card-body .account-profile h5.card-title{
		font-size: 16px;
	}
	.side-center .d4 .card-profile .card-body .account-profile .row .account-info .title-info{
		font-size: 12px;
	}
	.side-center .d4 .card-profile .card-body .account-profile .row .account-info .text-info{
		font-size: 12px;
	}
	.side-center .d4 .card-profile .card-body .reward-profile h5.card-title{
		font-size: 16px;
	}
	.side-center .d4 .card-profile .card-body .reward-profile p.caption-title{
		font-size: 13px;
	}
	.side-center .d4 .card-profile .card-body .reward-profile .row .list-reward-profile img{
		max-width: 50px;
	}
	.side-center .d4 .card-profile .card-body .reward-profile .row .list-reward-profile .list-title-reward-profile{
		font-size: 14px;
	}
	.side-center .d4 .card-profile .card-body .reward-profile .row .list-reward-profile .list-text-reward-profile{
		font-size: 14px;
	}
	#avatarModal .modal-dialog .modal-content .modal-body .form-group .image-view{
		padding-left: 0;
	}

	/*devisi manajerial*/
	.side-center .d4 .card .card-body .panel-right-devisi{
		display: none;
	}
	/*end devisi manajerial*/
	.side-center .d4 .card-setting .card-body{
		padding-left: 0;
		padding-right: 0;
	}
}

@media (max-width: 575px) {
	/*login*/
	.login .img-login{
		/*background-position: -85px 0px;*/
		/*transform: scale(2);*/
	}
	/*halaman utama*/
	.b-black{
	    background-color: #000;
	    width: 100%;
	    position: fixed;
	    height: 100%;
	    z-index: 12;
	    opacity: 0.5;
	    top: 0;
	    transform: translate(-150%, 0px);
		transition: all 0.9s ease-in-out;
	}
	.menu {
	    padding: 5px 20px;
	    font-size: 21px;
	    margin-left: 0px;
	}
	.menu i{
		color: #ced4da;
	}
	.search a img{
		max-width: 80px; 
	}
	.search a{
	    padding: 3px 0;
	}
	.search i {
	    font-size: 20px;
	}
	.search .form-control {
	    border-bottom: none!important;
	}
	.m-search i{
	    font-size: 16px;
		padding: 0px 10px;
	}
	.navbar .flex-row{
		padding-right: 0;
	}
	.flex-row li{
		text-align: center;
		border-right: none!important;
	}
	.flex-row li a{
		/*color: #ced4da!important;*/
		line-height: 25px;
	}
	.flex-row li a.navbar-brand {
	    margin-right: 0;
	    max-width: 180px;
	    float: none;
	    line-height: 30px;
	}
	.flex-row li a .nav-link-icon__wrapper i{
		font-size: 16px;
	}
	.side-left .d1 h6 {
		padding: 0;
	}
	.side-left .d1 a {
		right: 0;
	}
	.side-left .d2{
		margin-top: 0;
		height: 100%;
	}
	.box{
		position: fixed;
		padding: 0;
		height: 100%;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
		z-index: 10;
		transform: translate(-150%, 0px);
		transition: all 0.75s ease-in-out;
		z-index: 999;
		width: 100%;
		text-align: left;
		overflow-y: scroll;
		padding-right: 10%;
	}
	.menu-back{
		cursor: pointer;
	}
	.flex-row li a div span{
		position: absolute;
	    bottom: 15px;
	    right: 2px;
	}
	.side-center .d1 .card .card-body {
	    padding: .7rem .7rem;
	}
	.side-center .d1 .card .card-body .card-list{
		border-bottom: 1px solid #fff;
		margin-bottom: 1rem;
	}
	.side-center .d1 .card .card-body .card-list:last-child{
		border-bottom: none;
		margin-bottom: 0rem;
	}
	.side-center .d1 .card .card-body .card-list .row div{
		padding: 0;
	}
	.side-center .d1 .card .card-body .card-list .row .vote{
		text-align: left;
	}
	.side-center .d2 {
	    margin: 0px 0 15px;
	}
	.side-center .d3 .nav-category{
		overflow-x: auto;
		line-height: 30px;
	}
	.side-center .d3 .nav-category li{
		display: table-cell;
	}
	.side-center .d3 .nav-category li a{
	    padding: 0.5rem .95rem;
	}
	.side-center .d3 .nav-category li a.active , .side-center .d3 .nav-category li a:hover{
	    padding: 0.5rem 1rem;
	}
	.side-center .d4 .card .card-body{
		padding: 12px;
	}
	.side-center .d4 .card .card-body .panel-right{
		right: 12px;
		/*top: 14px;*/
	}
	.side-center .d4 .card .card-body h5.card-title{
	    font-size: 13px;
	    font-family: SourceSansPro-Semibold;
        padding-right: 6rem;
	}
	.side-center .d4 .card .card-body .card-text {
	    font-size: 10px;
	    color: #aaa;
	}
	.side-center .d4 .card .card-footer .rating{
		padding-right: 0.8rem;
	}
	.side-center .d4 .card .card-footer .comment{
		/*margin-bottom: 15px;*/
		margin-bottom: 0px;
	}
	.side-center .d4 .card-vote .card-body{
		padding: 0;
	}
	/*end halaman utama*/

	/*Detail Knowledge*/
	.side-center .d4 .card .card-body .detail-attach-file ul li .media .media-body h5{
		padding-right: 0;
	}
	.side-center .d4 .list-comment .media .media-body .dropleft{
		position: relative!important;
		float: right;
	}
	.side-center .d4 .list-comment .media .media-body .dropleft .dropdown-menu{
	    min-width: 42px;
	    padding: 0;
	    left: -5px!important;
	}
	.side-center .d4 .list-comment .media .media-body .dropleft .dropdown-menu .action-knowledge{
		font-size: 11px;
    	padding: 7px;
	}
	.side-center .d4 .list-comment .media .media-body .form-group button.btn-default{
		padding: .5rem 0;
		font-size: 12px;
		width: 47.5%;
	}
	.side-center .d4 .list-comment .media .media-body .form-group button.btn-light{
	    padding: .5rem 0;
	    font-size: 12px;
		width: 47.5%;
		margin-right: 5%!important;
	}
	.side-center .d4 .card .card-header .row .dropleft{
		position: relative!important;
	}
	/*end detail knowledge*/

	/*notifikasi knowledge*/
	.side-center .d4 .card .card-body .notifikasi .media h5{
		padding-right: 0;
	}
	.side-center .d4 .card-notification .card-body{
		padding: 0;
	}
	.side-center .d4 .card-notification .card-body .btn-read-all{
		font-size: 12px;
	}
	/*end notifikasi knowledge*/

	/*vote detail*/
	.side-center .d4 .card-vote-detail .card-body .card-title{
		padding-right: 0;
	}
	/*end vote detail*/
	.side-center .d4 .card-setting .card-body{
		padding-left: 0;
		padding-right: 0;
	}
	.side-center .d4 .card-setting .card-body .reward input{
		padding: 0;
	}
	.side-center .d4 .card-setting .card-body .reward .input-group .input-group-text button{
		padding: 0 5px;
	}
}