/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */

/* start
----------------------------------*/
/*body*/
body {
    background-color: #f8f9fa!important;
}

.pkp_structure_main:before,
.pkp_structure_main:after{
    background: #f8f9fa !important;
}

/* navigasi */
.pkp_site_name_wrapper {
	padding-bottom: 20px !important;
}

.pkp_head_wrapper {
    width : auto !important;
}

@media screen and (min-width:  768px) {
    .pkp_navigation_primary_wrapper {
        width: 728px !important;
    }
}

@media screen and (min-width:  992px) {
    .pkp_navigation_primary_wrapper {
        width: 952px !important;
    }
}

@media screen and (min-width:  1200px) {
    .pkp_navigation_primary_wrapper {
        width: 1160px !important;
    }
}

@media screen and (min-width: 992px){
    .pkp_site_name .is_img img {
        max-height: 100px !important;
    }
}

/*menu register*/
.profile {
	background-color: #4092e5;
	border-radius: 5px;
	margin-top: -5px;
	padding-top: 5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.15);
	border-bottom: solid;
  border-color: #0e2a47;
}

.pkp_navigation_user>li:last-child>a{
	margin-right: 0px !important;
}
/*dropdown*/
.pkp_nav_list ul a {
	color: #ffffff;
}
.pkp_nav_list ul a:hover{
	color: #1e925b;
	background-color: #ffffff;
	border: 0;
}

/*sidebar*/
.cm_sidebar {
    margin-top: 1.25rem;
}
.cm_sidebar li {
    position: relative;
    padding: .75rem 1.25rem !important;
    border: 1px solid rgba(0,0,0,.125);
    background-color: #fff;
    margin-bottom: -1px;
    padding: .75rem 1.25rem;
}


/*footer*/
@media screen and (min-width: 992px){
    .pkp_footer_content {
        float: left;
        width: 652px;
    }
}

@media screen and (min-width: 1200px){
    .pkp_footer_content {
        width: 860px;
    }
}

@media screen and (min-width: 992px){
    .pkp_brand_content {
       float: right;
        width: 300px;
    }
}
