/**
|
|
| Customize style by Muhammad Ahsin (ahsin@paralel.co.id)
| 2019
|
|
**/

hr{
    background: #5e5e5e;
}

.page-title{
  padding-top: 10px;
  color: #2267c5;
}
#page-content{
  padding-top: 10px;
}

.atable-footer-info{
  font-size: 14px !important;
}
/**
|
|
| Component
|
|
**/
.primary-color{
  color: #2267c5;
}
.secondary-color{
  color: #FA5251;
}

.warning-color{
  color: #e6b903;
}

.info-color{
  color: #25a6c7;
}

.soft-color{
  color: #9e9e9e;
}

.white-color{
  color: #fff;
}

.bg-gradient{
  background: linear-gradient(90deg, rgba(34,103,197,1) 0%, rgba(79,204,220,1) 100%);
}

.small-text{
  font-family: "Helvetica Neue";
  font-weight: 200;
  font-size: 14px;
}

.paragraph p{
  font-size: 15px !important;
}

.nav.flex-column.sub-menu{
  padding-left: 30px;
}

.nav.flex-column.sub-menu > .nav-link{
  color: #2267c5;
}

.nav.flex-column.sub-menu > .active{
  color: #0d505e;
}

.navbar-brand.admin{
  color: #2267c5 !important;
}

.btn.btn-full{
  width: 100%;
  color: #fff;
}

.btn.primary-button{
  border: 1px solid #fff;
  background: rgb(34,103,197);
  background: linear-gradient(90deg, rgba(34,103,197,1) 0%, rgba(79,204,220,1) 100%);
  color: #fff;
}
.btn.primary-button:hover{
  background: transparent;
  color: #002E5B;
  border: 1px solid #002E5B;
}

.btn.primary-border-button{
  border: 1px solid #2267c5;
  background: transparent;
  color: #0d505e;
}


.btn.secondary-button{
  background: #e6b903;
  color: #fff;
}
.btn.secondary-button:hover{
  background: transparent;
  color: #e6b903;
  border: 1px solid #e6b903;
}

.navbar-brand-wrapper{
  /* width: 305px !important; */
}
.sidebar{
  background: linear-gradient(0deg, rgba(255,255,255,0.9794292717086834) 0%, rgba(255,255,255,0.8449754901960784) 0%, rgba(255,255,255,0.9822303921568627) 100%),
   url(../images/sidebar-bg.jpg);
}

.nav-item .nav-link{
  background: transparent;
}

.sidebar .nav .nav-item .nav-link:hover {
  background: transparent !important;
  color: #e6b903;
}

.sidebar .nav .nav-item .nav-link:visited {
  background: transparent !important;
}

.sidebar .nav .nav-item .nav-link[aria-expanded="true"] {
  background: transparent;
}

.sidebar .nav .nav-item .collapse.show, .sidebar .nav .nav-item .collapsing{
  background: transparent;
}

.nav .flex-column .sub-menu{
  background: red;
}
.feature-button{
  height: 100px;
  text-align: center;
  padding: 5px 2px 5px 2px;
  border-radius: 10px;
  border: 1px solid #fff;
  cursor: pointer;
  transition: 0.5s;
  text-decoration: none;
}

a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
}

.feature-button h5{
  font-family: "Helvetica Neue";
  font-weight: 100;
  padding: 0;
  margin: 0;
}
.feature-button h1{
  font-family: "Helvetica Neue";
  text-align: center;
  font-weight: 100;
  font-size: 2vw;
  margin: 0;
  padding: 0;
}

.feature-button i{
  text-align: center;
  margin: 0;
  padding: 0;
}

.feature-button.primary{
  background: #0d505e;
  color: #fff;
}

.feature-button.primary:hover{
  text-decoration: none;
  background: #9999;
  color: #fff;
}

.feature-button.disable{
  background: #59a0af;
  color: #cecece;
  cursor: not-allowed;
}

.icon-btn-white{
  color: #fff;
  margin: 5px;
  /*padding-top: 50px;*/
}
.icon-btn-white:hover{
  color: #eaeaea;
}

.flex-head{
  font-family: 'Poppins';
  font-weight: 100;
  color: #fff;
  background: #FA5251;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.01), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}

.flex-head.grey{
  color: #979797;
  background: #F3F3F3;
}

.flex-head .p-2{
  font-size: 14px;
}

.ahslist li:last-child{
  border-radius: 0;
}
.ahslist > li{
  padding: 5px 5px 5px 0;
  line-height: 120%;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #f2f2f2;
}
.ahslist li label,p{
  font-family: 'Poppins';
  margin: 0;
}
.ahslist li label{
  font-weight: bold;
  color: #6b6b6b;
}

/* Radio */
label.custom-radio-button input[type="radio"] {
    opacity:0;
}

label.custom-radio-button input[type="radio"] ~ .helping-el {
    background-color: transparent;
    border: 2px solid #002E5B;
    border-radius: 50%;
    display: inline-block;
    margin-right: 7px;
    padding: 11px;
    position: relative;
    top: 3px;
}

label.custom-radio-button input[type="radio"]:checked ~ .helping-el {
    border: 2px solid #002E5B;
}

label.custom-radio-button input[type="radio"]:checked ~ .helping-el:after {
    background-color: #002E5B;
    border-radius: 50%;
    content: " ";
    font-size: 33px;
    height: 16px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 16px;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #0d505e;
}

input:focus + .slider {
  box-shadow: 0 0 1px #0d505e;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.datepicker-container{
  width: 100%;
  background: #d1d1d1;
}
.react-datepicker-input {
  width: 150%;
}


#loader{
   position:fixed;
   top:0px;
   right:0px;
   width:100%;
   height:100%;
   background-image:url('../images/loader.gif');
   background-color: rgba(255, 255, 255, 0.91);
   background-repeat:no-repeat;
   background-position:center;
   z-index:999999999999999999;
 }

.ant-notification.ant-notification-topRight{
    padding-top: 50px;
}

.table th,
.table td {
    font-weight: 300;
}

.ahs-tabs>.nav-item>.nav-link{
  color: #002e5b;
}

.ahs-tabs>.nav-item>.active{
  background: #5482af;
  color: #fff;
}

.ahs-tabs>.nav-item>.active:hover{
  background: #5482af;
  color: #fff;
}

.dashboard-card{
  background: #fff;
  border-radius: 5px;
  margin: 10px 0 10px 0;
  padding: 10px 5px 10px 5px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.01), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}

.dashboard-card-content h5, h1{
  margin: 0;
  padding: 0;
}

.dashboard-card-content h5{
  font-size: 14px;
}

.dashboard-card-icon{
  color: #6d6d6d;
  text-align: center;
  font-size: 45px;
  padding: 0;
  margin: 0;

}

.dashboard-card-primary{
  border-left: 5px solid #2267c5;
}

.dashboard-card-secondary{
  border-left: 5px solid #FA5251;
  background: red;
}

.dashboard-card-warning{
  border-left: 5px solid #d3a902;
  background: #e6b903;
}

.dashboard-card-info{
  border-left: 5px solid #25a6c7;
  background: #4FCBDC;
}
.dashboard-card-green{
    border-left: 5px solid #427f06;
    background: #67bc12;
}

.dashboard-card-empty{
  background: #F2F8F9;
}

.admin-panel{
  background: #fff;
  border-radius: 5px;
  border-left: 5px solid #0d505e;
  border-right: 5px solid #F3F3F3;
  margin: 5px 0 5px 0;
  padding: 30px 5px 30px 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.01), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}

.admin-panel-primary{
  border: 5px solid #F3F3F3;
  background: linear-gradient(90deg, rgba(34,103,197,1) 0%, rgba(79,204,220,1) 100%);
  color: #fff;
  margin: 5px 0 5px 0;
  /*padding: 30px 5px 30px 10px;*/
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.01), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}
.admin-panel-primary>.head{
  background: #fff;
  padding: 5px;
  margin-bottom: 10px;
  color: rgb(34,103,197);
  text-align: center;
  font-family: "Poppins";
  font-weight: 100;
}

.table-navbar{
  margin-bottom: 5px;
}
.atable thead tr{
    background: rgb(34,103,197);
    background: linear-gradient(90deg, rgba(34,103,197,1) 0%, rgba(79,204,220,1) 100%);
    color:#fff;
}

.atable thead tr th{
    padding: 10px 5px 10px 5px;
}

.table-img{
  width: 60px !important;
  border-radius: 0 !important;
}

.table-w100{
  width: 100%;
}

.table-w100, .table-w100 tr, .table-w100 th, .table-w100 td {
  border: 1px solid black;
  font-family: "Helvetica Neue";
  font-size: 12px;
}

.table-w100 th{
  padding: 5px;
  background: #0D4F5E;
  color: #fff;
}

.table-w100-nob{
  width: 100%;
}
.table-w100-nob, .table-w100-nob tr, .table-w100-nob th, .table-w100-nob td {
  border-bottom: 1px solid #cecece;
  font-family: "Helvetica Neue";
  font-size: 12px;
}

.table-w100-nob th{
  padding: 5px;

}

.ahs-list-table{
  width: 100%;
  font-family: "Poppins";
  font-size: 13px;
  font-weight: normal;
}

.ahs-list-table tr td{
  padding: 3px 0 3px 0;

}

.divider.primary{
    border-top: 1px solid #9e9e9e;
}

.divider.soft{
    border-top: 1px solid #d1d1d1;
}

.breadcrumb{
  background: #fff;
}
.breadcrumb .breadcrumb-item{
  color: #2267c5;
}

.breadcrumb-item.active{
  color: #9e9e9e;
}

.list-pertanyaan-survey > li{
  padding-top: 20px;
  font-weight: bold;
}

.list-jawaban-survey > li{
  font-weight: normal;
}

.soal-suvei-list{
  font-size: 15px;
}

.list-jawaban-survey{
  font-size: 15px;
}

td {
  white-space: normal !important;
  word-wrap: break-word;
}
table {
  table-layout: fixed;
}