.m-radio-color {
    width: 60px;
    height: 60px;
    border-radius: 5px;
}                                   
.radio-color {
    margin: 20px;
}
#c1 {background: #0a7d7c;}
#c2 { background: #08b3b0 ; }
#c3 { background: #2980B9  ; }
#c4 { background: #3498DB; }
#c5 { background: #ff5050; }
#c6 { background: #ff1a1a; }
#c7 { background: #27AE60; }
#c8 { background: #2ECC71  ; }
#c9 { background: #a0830d; }
#c10 { background: #F39C12; }
#c11 { background: #ff0066; }
#c12 { background: #800033   ; }

#cg1 {background: linear-gradient(to left, #019398 0%, #e6e6e6 100%);}
#cg2 { background: linear-gradient(to right, #318f94 0%, #5ec58c 100%) ; }
#cg3 { background: linear-gradient(to right, #f62d51 0%, #660fb5 100%)  ; }
#cg4 { background: linear-gradient(to right, #0178bc 0%, #00bdda 100%); }
#cg5 { background: linear-gradient(to left, rgb(219, 54, 164), #e6e6e6); }
#cg6 { background: linear-gradient(to left, #0906bb, #e6e6e6  ); }
#cg7 { background: linear-gradient(to right, #533fd0 0%, #840fb5 100%) }
#cg8 { background: linear-gradient(to left, rgb(86, 171, 47), #e6e6e6) ; }
#cg9 { background: linear-gradient(to right, #01c0c8 0%, #1f72a2 100%); }
#cg10 { background: linear-gradient(to right, #e6e6e6, #ff9900); }
#cg11 { background: linear-gradient(to left, #262626, #f2f2f2); }
#cg12 { background: linear-gradient(to right, #e6e6e6,#996633); }
#default-c { background: linear-gradient(to right, #008fe2, #00b29c); }

.monitoring-txt {
     margin-top: 30px; display: inline-block; font-size: 22px;
}
.logo_monitoring{
     width: 70px;
     margin-top: -40px;
}
.table-monitoring tbody tr td{
    margin-left: 10px !important;
    vertical-align: middle;
    font-size: 16px;
    padding: 5px 5px 5px 10px;
}
.monitoring-title {
        color: #575962 !important;
    background-color: #fff !important;
}
.c100monitoring {
    font-size: 50px !important;
}
.c100monitoring > span {
    position: absolute;
    width: 100%;
    z-index: 1;
    left: -15px !important;
    top: 8px !important;
    width: 5em;
    line-height: 2.2em !important;
    font-size: 0.325em !important;
    color:#307bbb !important;
}
.c100monitoring:hover > span {
   margin-left:12px;
}
.monitoring .status_ket {
    font-size: 18px !important;
}

.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form  .form-control-icon-eye,
.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form  .form-control-icon-eye:focus
{
    border:1px solid black;
    border-right: none;
    padding: 1.5rem 1.5rem;
    color:#000;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
}

.m-login.m-login--singin.m-login--2.m-login-2--skin-1 .input-group-addon
{
    padding: 0; margin: -1px;background: none;
}
.m-login.m-login--singin.m-login--2.m-login-2--skin-1 #btn-password {
    height: 100%;
    border-radius:0 40px 40px 0;
    margin: 0; 
    border: 1px solid black; 
    width:50px; padding:19px 10px;
    color: #000;
    background-color: rgba(200, 200,200, 0.3);
    cursor: pointer;
}

.m-grid.m-grid--hor:not(.m-grid--desktop):not(.m-grid--desktop-and-tablet):not(.m-grid--tablet):not(.m-grid--tablet-and-mobile):not(.m-grid--mobile)>.m-grid__item.m-grid__item--fluid {
    background-color: #f2f2f2;
}
.m-grid.m-grid--hor:not(.m-grid--desktop):not(.m-grid--desktop-and-tablet):not(.m-grid--tablet):not(.m-grid--tablet-and-mobile):not(.m-grid--mobile)>.m-grid__item {
    box-shadow: none;
}
.m-header .m-header__top {
     background: linear-gradient(to right, #008fe2, #00b29c);
     color: #000;
}

.m-header .m-header__bottom {
    background: #fff;
}
.m-header-menu.m-header-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__link .m-menu__link-text {
    color: #008fe2;
}
.m-header-menu.m-header-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--hover>.m-menu__link .m-menu__link-text, .m-header-menu.m-header-menu--skin-dark .m-menu__nav>.m-menu__item:hover>.m-menu__link .m-menu__link-text {
    color: #5ec58c;
}
.m-header-menu .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__link>.m-menu__item-here, .m-header-menu .m-menu__nav>.m-menu__item.m-menu__item--expanded>.m-menu__link>.m-menu__item-here {
  
        position: absolute;
    line-height: 0;
    display: inline-block;
    overflow: hidden;
    height: 16px;
    width: 60px;
    position: relative;
    left: 50%;
    margin-left: -30px;
    position: absolute;
    top: 100%;
    z-index: 1;
    color: #fff;
    display: inline-block;
}
.m-header-search .m-header-search__wrapper {
    background: #fff;
}
.m-brand {
    background: none;
}
@media only screen and (max-width: 992px) {
    .m-brand {
        background: linear-gradient(to right, #008fe2, #00b29c);
    }
}

@media (min-width: 960px) {

    .m-container.m-container--responsive.m-container--lg {
        width: 960px;
    }
}
  .m-brand__logo-wrapper h1 {
    color: #fff;
    letter-spacing: 10px;
}
.m-brand__logo-wrapper:hover {
    text-decoration: none;
}

.m-portlet 
{
    border: 1px solid #dfe8f1;
    box-shadow: 0 5px 25px 1px rgba(113,106,202,.1);
}

.img-forum-list {
    width: 50px;
   
}
.table-custom-forum thead tr th, .table-custom-forum tbody tr td {
    text-align: center;
    vertical-align: middle;
}
.body_custom_forum p {
    font-size: 12px;
    text-align: justify;
}
.body_custom_forum h1 {
    font-size: 19px;
}
.body_custom_forum h2 {
    font-size: 18px;
}
.body_custom_forum h3 {
    font-size: 17px;
}
.body_custom_forum h4 {
    font-size: 16px;
}
.body_custom_forum h5 {
    font-size: 15px;
}
.body_custom_forum h6 {
    font-size: 14px;
}
.table-custom-forum thead tr th, .table-custom-forum tbody tr td {
    font-size: 16px;

}
.modal-header-custom {
    background: linear-gradient(to right, #36a3f7, #0873c4);
    opacity: 0.8;
}
.button_lhp {
    margin-top: 10px;
   
}

.modal .modal-content .modal-header-custom .modal-title {
    color: #000;
}
.m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link .m-nav__link-icon.m-nav__link-icon--active .m-nav__link-icon-wrapper, .m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link .m-nav__link-icon:hover .m-nav__link-icon-wrapper {
    background:  none;
    font-weight: bold;
}
.m-header-menu.m-header-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__hor-arrow {
    color: #000;
}
.m-header-menu.m-header-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__hor-arrow:hover {
    color: #00b29c !important;
}
.m-topbar .m-topbar__nav.m-nav {
    color:red;
}
.detail_project {
    margin-top: 30px;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 10px;
}
.m-portlet .scroll-height {
    height:  400px;
    margin-right: -32px;

    overflow-y: scroll !important;
}

.m-portlet .scroll-announ {
    margin-right: -32px;
     height:  650px;
     overflow-y: scroll !important;
}
.m-portlet .log-scrol {
    height: 250px;
    overflow-y: scroll;
    margin-right: -32px;
}
.m-portlet .m-scrol-p{
    height: 300px;
    overflow-y: scroll;
    margin-right: -32px;
}
.m-portlet .scroll-stat {
     height:  360px;
     overflow-y: scroll !important;
}
.m-portlet .m-field-p {
    height: 360px;
    overflow-y: scroll;
    margin-right: -32px;
}
.m-portlet .rekap_table_scrol {
    width: 100%;
    overflow-x: scroll;

}
.m-messenger .m-messenger__messages .m-messenger__message.m-messenger__message--out .m-messenger__message-content {
    background: #30c7ec;    
}
.m-messenger.m-messenger.m-messenger--message-arrow .m-messenger__message.m-messenger__message--out .m-messenger__message-arrow {
    color:#30c7ec ;
}
.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .form-control {
    background: none;
    
}

.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-form__group .form-control {
    border: 1px solid #000;
    color: #000;
}
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-form__group .form-control.m-login__form-input--last {
    border: 1px solid #000;
}
.m-login.m-login--2 .m-login__wrapper #login_bg {
     background: rgba(255,255,255,0.9) !important; padding: 5%; border-radius: 10%;
}
.placeh::-webkit-input-placeholder {
    color: #333 !important;
}
.placeh::-moz-placeholder {
    color: #333 !important;

}
.placeh::-ms-input-placeholder { /* IE 10+ */
  color: red;
}
.m-portlet .scroll-height::-webkit-scrollbar, .m-portlet .scroll-announ::-webkit-scrollbar, 
.m-portlet .scroll-stat::-webkit-scrollbar, .m-portlet .log-scrol::-webkit-scrollbar, 
.m-portlet .m-scrol-p::-webkit-scrollbar, .m-portlet .m-field-p::-webkit-scrollbar, .m-portlet .rekap_table_scrol::-webkit-scrollbar{
    width: 4px;
}
 
.m-portlet .scroll-height::-webkit-scrollbar-track, .m-portlet .scroll-announ::-webkit-scrollbar-track, 
.m-portlet .scroll-stat::-webkit-scrollbar-track, .m-portlet .log-scrol::-webkit-scrollbar-track, 
.m-portlet .m-scrol-p::-webkit-scrollbar-track, .m-portlet .m-field-p::-webkit-scrollbar-track, .m-portlet .rekap_table_scrol::-webkit-scrollbar-track{
   
    border-radius: 10px;
}
 

.m-portlet .scroll-height::-webkit-scrollbar-thumb, .m-portlet .scroll-announ::-webkit-scrollbar-thumb, 
.m-portlet .scroll-stat::-webkit-scrollbar-thumb, .m-portlet .log-scrol::-webkit-scrollbar-thumb, 
.m-portlet .m-scrol-p::-webkit-scrollbar-thumb, .m-portlet .m-field-p::-webkit-scrollbar-thumb, .m-portlet .rekap_table_scrol::-webkit-scrollbar-thumb{
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,0.4); 
}


#m_login_cus {
    background-image: linear-gradient(to left, rgba(0, 143, 226, 0.4), rgba(0, 178, 156, 0.9)), url(../../../assets/app/media/img//bg/bg-7.jpg);

    background-position: center center;
    background-repeat:  no-repeat;
    background-attachment: fixed;
    background-size:  cover;
    background-color: #999;
}
.m-login__contanier{
    background: #fff !important; 
    padding: 50px !important;
}
.logo_login {
    width: 150px;

}
.nav-tabs .nav-link-cus {
    padding-bottom: 23px;
    margin-top: 15px;
}
text.amcharts-axis-label {
    font-family: poppins !important;
    font-weight: bold;
}
.m-dropdown.m-dropdown--header-bg-fill .m-dropdown__header {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    background: #fff;
    color: #000;
}
.m-dropdown.m-dropdown--header-bg-fill .m-dropdown__header .m-dropdown__header-title {
    color: #000;
    font-weight: bold;
}
.m-dropdown.m-dropdown--header-bg-fill .m-dropdown__header .m-dropdown__header-subtitle {
    color: #000;
}
.m-card-user.m-card-user--skin-dark .m-card-user__details .m-card-user__name {
    color: #000;
}
.nav-tabs .nav-link-cus:hover {
    text-decoration: none;
}
.m-topbar .m-topbar__nav.m-nav>.m-nav__item.m-topbar__user-profile.m-topbar__user-profile--img.m-dropdown--arrow .m-dropdown__arrow,
.m-topbar .m-topbar__nav.m-nav>.m-nav__item.m-topbar__quick-actions.m-topbar__quick-actions--img.m-dropdown--arrow .m-dropdown__arrow,
.m-dropdown.m-dropdown--header-bg-fill.m-dropdown--arrow .m-dropdown__arrow,
.m-topbar .m-topbar__nav.m-nav>.m-nav__item.m-topbar__notifications.m-topbar__notifications--img.m-dropdown--arrow .m-dropdown__arrow {
    color: #fff;
}

.m-header--minimize-on .m-brand .m-brand__logo .m-brand__logo-wrapper img {
    max-height: 50px;
}
.m-header-menu.m-header-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-text {
    color: #000;
}
.m-header-search .m-header-search__wrapper {
    border-radius: 0px;
}

.m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link .m-nav__link-icon-cus {
       text-align: center;
    line-height: 2.5;
    vertical-align: middle;
    padding: 0;
    color: #53b0f8;
    font-size: 14px;
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__link .m-menu__link-text {
    color: #53b0f8;
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__link .m-menu__link-icon {
    color:  #53b0f8;
}
[class*=" flaticon-"], [class^=flaticon-] {
    font-size: 1.5rem;
}

input:focus {
    border: 1px solid red;
}

.m-widget24 .m-widget24__item .m-widget24__title {
    color: #fff;
}
.link-custom-project-out {
    padding: 20px;
}
.link-custom-project-out:hover{
    text-decoration: none;
    font-weight: bold !important;
}
.status-default{
    color: #575962;
}
.status-accent {
    color: #16d9e3;
}
.status-primary {
   color: #6f86d6;
}
.status-success {
    color: #34bfa3;
}
.status-warning {
    color: #f6d365;
}
.status-danger {
   color:#f5576c ;
}
.status-default .status-icon h2{
    background-color: #575962;
}
.status-accent .status-icon h2 {
    background-color: #16d9e3;
}
.status-primary .status-icon h2 {
    background-color: #6f86d6;
}
.status-warning .status-icon h2 {
    background-color: #f6d365;
}
.status-success .status-icon h2 {
    background-color: #34bfa3;
}
.status-danger .status-icon h2{
    background-color: #f5576c;
}

.status-icon h2{
    font-size: 60px; 
    width: 75px;
    height: 75px;
    border-radius: 50%;
    margin: auto;
}

.status-icon h2 span {
    font-size: 0.8em;
    color: #fff;
    display: inline-block;
}

.status {
    font-size:2.4em !important;
    margin-top: 20px;
    margin-left: 10px;
    font-weight: bold;
}
@media (min-width: 200px) {
    .status-icon .col-lg-6     {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
.status_ket {
	font-size: 12px;
    margin-right: 4px;
    margin-left: 10px;
}
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text {
    font-family: Poppins;
}

.m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav>.m-menu__item .m-menu__submenu>.m-menu__subnav>.m-menu__item>.m-menu__link .m-menu__link-icon {
    color: #36a3f7;
}
.info_detail_user {
    max-width: 400px;
    margin: 0 auto;
    box-shadow: 0 1px 15px 1px #cee9fd;
    padding: 20px;
    margin-top: 20px;
    border-top: 3px solid #36a3f7;

}
text.amcharts-axis-label {
    font-weight: normal !important;
}
.master_list_user {
    padding: 10px;
    margin-top: 20px;
   box-shadow: 0 1px 15px 1px #cee9fd;
}
.master_list_user img {
    width: 80px;
    height: 80px;
}
.master_user_content {
    text-align: center;
}
.master_user_menu {
    margin-top:20px;
    text-align: center;
}
.tabs-scroll {
	height: 430px;
	overflow-y: scroll;
}
.row-margin-first {
	margin-bottom: 15px;
}
.m-tabs-line.m-tabs-line--custom a.m-tabs__link.active, .m-tabs-line.m-tabs-line--custom a.m-tabs__link:hover, .m-tabs-line.m-tabs-line--custom.nav.nav-tabs .nav-link.active, .m-tabs-line.m-tabs-line--custom.nav.nav-tabs .nav-link:hover
{
	border-bottom: 1px solid grey;

} 
.m-table.m-table--head-bg-warning thead th {
	color: #fff;
}
.table-custom {
    border-collapse: collapse !important;
}
.form-control {
    border-radius: 0px;
}
.alert {
	border-radius: 0;
}
.input-forum {
    padding: 30px 0px 30px 0px;
    margin-bottom: 30px;
}
@media only screen and (max-width: 800px) {
.nav-tabs .dropdown-menu {
   transform:  translate3d(-50px, 40px, 0px) !important;
}
}
.anggota-img {
	width: 25px;
}
.m-widget3 .m-widget3__item .m-widget3__body .m-widget3__text_custom {
    font-size: 11px;
}
.btn {
    border-radius: 0px;
}
#fileUpload {
    border: 1px solid rgba(0,0,0,0.1);
    width: 100%;
}
input[type=file]::-webkit-file-upload-button {
  border: 1px solid grey;
  background: #9dd2fb;
  border: 1px solid #9dd2fb;
  color: #000;
  padding:10px; 
}
.m-portlet .m-portlet__head {
    border-bottom: 1px solid #dfe8f1;
}
.alert-cus {
    border: 1px solid #dfe8f1;;
}
.table_peraturan thead tr th{
    font-weight: bold;
}
.table_peraturan tbody tr td {
    color: #000;
    
}
.list_ab {
    padding: 20px;
    min-height: 120px;
    margin-bottom: 30px;
    box-shadow: 0 1px 15px 1px #cee9fd;
}
.temuan_text {
    min-width: 400px;
}
.list_ab p {
    font-size: 17px;
    padding: 10px;
    border-radius: 30%;
    font-weight: bold;
    color: #36a3f7;
    box-shadow: 0 1px 15px 1px rgba(113,106,202,.08);
    border: 1px solid #f2f2f2;
}
.amcharts-chart-div a{
    font-size: 0px !important;
}
#m-dropzone-two {
    min-height: 10px !important;
    padding:0;
}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: #eeeeee;
}