body{

    /*font-family: 'Open Sans', sans-serif;*/

}
.nav-bg{
	background-color: #2868bf !important;
  -webkit-box-sizing: border-box;
                                -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.3);box-shadow: 0 1px 8px rgba(0,0,0,.3);z-index: 2;
}

.nav-bg .navbar-nav .nav-link {
    color: #fff !important;
}

.navbar-expand-lg .navbar-nav .nav-link:hover {
    color: #f5ff5f!important;
}

.dropdown .dropdown-item:focus, .dropdown .dropdown-item:hover{
  color: #f5ff5f;
}
.dropdown .dropdown-menu .dropdown-item.active, .dropdown .dropdown-menu .dropdown-item:active{
  color: #f5ff5f;
  background-color: #fafafa;
}

.dropdown-menu {

    min-width: 125px;

}

.navbar-brand{
	color: #fff !important;
	font-weight: bold;
}

.navbar li.active a.nav-link {
    color: #f5ff5f!important;
}

.navbar-brand:hover{
	color: #f5ff5f !important;
}

.slicknav_btn{
  border-color: #fff;
}
.slicknav_menu .slicknav_icon-bar{
  background: #fff;
}
.slicknav_menu .slicknav_icon-bar:hover{
  background: #f5ff5f;
}

.top-nav-collapse {
    background: #fff;
    z-index: 999999;
    box-shadow: 0px 3px 6px 3px rgba(0,0,0,0.20);
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@media screen and (max-width: 768px){
	.slicknav_nav a:hover, .slicknav_nav .active {
	    color: #2868bf;
	}

	.navbar-brand {
	    position: absolute;
	    padding: 0px 15px;
	    top: 20px;
	}
}
.form-group.label-floating label.control-label, .form-group.label-placeholder label.control-label {
    top: -7px;
    font-size: 14px;
    line-height: 1.42857143;
}

select.form-control{
  font-size: 14px;
}

.btn-danger {
  background: #f44336;
}

.btn-danger:hover, .btn-danger:focus {
  background: #f44336 !important;
}

.btn-warning {
  background: #ff9c07;
}

.btn-warning:hover, .btn-warning:focus {
  background: #ff9c07 !important;
}

.btn-print {
  background: #4caf50;
}

.btn-print:hover, .btn-print:focus {
  background: #4caf50 !important;
}

.form-submit button.btn-common.disabled {
  background: #2868bf !important;
}

.form-control{
  font-size: 14px;
  font-weight: 600;
}

table > thead > tr > th {
  background-color: #2868bf !important;
  color: #fff;
}

.btn-info-peserta{
  background-color: #5daf49 !important;
}

.modal-header {
    display: table;
    width: 100% !important;
}

.modal-content{
  border-radius: 0px;
}

.bg-banner{
  background-color: rgba(51, 51, 51, 0.75);
  padding: 10px;
  text-align: center;
}
.single-team-widget .team-member-info .social-profiles .mdi.mdi-instagram:hover{transition:all 0.3s ease-in-out;color:#1DA1F2}
.footer-contact-widget ul li a .mdi-instagram:hover{background:#a50faf;transition:all 0.3s ease-in-out}

.page-title-section .title-center {
     padding-top: 0px; 
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }

  .banner-header{
      padding: 190px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }

  .banner-header{
      padding: 100px 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }

  .banner-header{
      padding: 100px 0;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }

  .banner-header{
      padding: 100px 0;
  }
}

.btn-group-vertical.disabled, .btn-group-vertical:disabled, .btn-group-vertical[disabled][disabled], .btn-group.disabled, .btn-group:disabled, .btn-group[disabled][disabled], .btn.disabled, .btn:disabled, .btn[disabled][disabled], .input-group-btn .btn.disabled, .input-group-btn .btn:disabled, .input-group-btn .btn[disabled][disabled], fieldset[disabled][disabled] .btn, fieldset[disabled][disabled] .btn-group, fieldset[disabled][disabled] .btn-group-vertical, fieldset[disabled][disabled] .input-group-btn .btn {
    color: rgba(0, 0, 0, .26);
}

.btn-common {
    padding: 10px 20px;
     letter-spacing: 0px; 
    font-weight: 600;
    color: #fff !important;
    border-radius: 2px;
    box-shadow: 0 2px 2.7px 0.1px rgba(0,0,0,0.24) !important;
}

body.modal-open > :not(.modal):not(.ytLoad):not(#cover-spin):not(.datepicker):not(.sweet-alert) {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
}

.modal-backdrop{
    display: none;
}

.btn-group-vertical.disabled, .btn-group-vertical:disabled, .btn-group-vertical[disabled][disabled], .btn-group.disabled, .btn-group:disabled, .btn-group[disabled][disabled], .btn.disabled, .btn:disabled, .btn[disabled][disabled], .input-group-btn .btn.disabled, .input-group-btn .btn:disabled, .input-group-btn .btn[disabled][disabled], fieldset[disabled][disabled] .btn, fieldset[disabled][disabled] .btn-group, fieldset[disabled][disabled] .btn-group-vertical, fieldset[disabled][disabled] .input-group-btn .btn {
    color: rgba(0, 0, 0, .26) !important;
    background-color: 0 0 !important;
}