v.ui.file.input input[type="file"] {
	display: none;
}
.ui.button>.ui.floated.label {
	position: absolute;
	top: 15px;
	right: -10px;
}
.table tr th{
	white-space: nowrap;
}

.hidden.menu {
	display: none;
}

.masthead .ui.secondary.menu {
	border-bottom-color: transparent;
	display: flex;
	vertical-align: middle;
	align-items: center;

	margin-bottom: 1rem;
}
.ui.secondary.pointing.menu .item {
	align-self: center;
	color: #000000;
	padding: .5rem 1rem;
	border-bottom-style: none;
}
.ui.secondary.pointing.menu .dropdown.item:hover, .ui.secondary.pointing.menu .link.item:hover, .ui.secondary.pointing.menu a.item:hover {
    background-color : #2185d0;
    color: #FFF;
    border-radius: 33px;
    }
.ui.secondary.pointing.menu .right.item {
	padding-right: 0px !important;
}
.ui.secondary.pointing.menu .active.item {
	color: #000;
	border-color: #EF5214;
}
.masthead .ui.secondary.menu .home.item {
	padding: 0;
	/*margin-right: 15vw;*/
}
.masthead .ui.secondary.menu .home.item img {
	width: 80px;
}

.masthead.segment {
	padding: 1em 0em;
}
.masthead.segment.partial {
	height: auto!important;
	min-height: 0!important;
	border: none;
	box-shadow: 0 2px 6px rgba(0,0,0,0.15)
}
.masthead.segment.partial .ui.pointing.menu {
	margin-bottom: 0;
}
.masthead .logo.item img {
	margin-right: 1em;
}
.masthead .ui.menu .ui.button {
	margin-left: 0.5em;
}
.masthead h1.ui.header {
	/*margin-top: 3em;*/
	margin-bottom: 0em;
	font-size: 3.5em;
	font-weight: 700;
}
.masthead h2 {
	margin-top: 0;
	font-size: 1.7em;
	font-weight: normal;
}
.masthead .the-main.container {
	position: relative;
	height: 72vh;
	min-height: 320px;
	padding: 1rem;
	margin-bottom: 20px;
	background: url('../img/backgrounds/1.jpg') center center no-repeat transparent;
	background-size: 100% auto;
}

.masthead .the-main.container.upg {
	position: relative;
	height: 72vh;
	min-height: 320px;
	padding: 1rem;
	margin-bottom: 20px;
	background: url('../img/backgrounds/gratifikasi4.jpg') center center no-repeat transparent;
	background-size: 100% auto;
	/*background-color: #000075: */
}
.masthead .the-main.container .content {
	position: absolute;
	top: 30%; 
	transform: translateY(-30%);
	margin-left: 1rem;
}

.heading-extra {
	padding: 1rem 0;
	display: flex!important;
	align-items: center;
}
.heading-extra .grid {
	margin: 0;
	height: 100%;
}
.heading-extra .column {
	padding: 0!important;
	height: 100%;
}
.heading-extra .segment {
	border: none transparent!important;
	box-shadow: none!important;

	height: 100%;
	align-items: center;
}
.heading-extra .segment img {
	/*margin-bottom: 1rem;*/
}
.heading-extra .buat-pengaduan.column {
	background: #2B90D6;
	color: #fff;
	display: flex!important;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.heading-extra .buat-pengaduan.column:hover {
	background: #5EACE2;
}
.heading-extra .buat-pengaduan.column:active,
.heading-extra .buat-pengaduan.column:focus {
	background: #1468A2;
}
.heading-extra .buat-pengaduan.column span {
	font-size: 1.6rem;
	font-weight: 700;
	padding: 2rem
}

.ui.vertical.stripe {
	padding: 8em 0em;
}
.ui.vertical.stripe h3 {
	font-size: 2em;
}
.ui.vertical.stripe .button + h3,
.ui.vertical.stripe p + h3 {
	margin-top: 3em;
}
.ui.vertical.stripe .floated.image {
	clear: both;
}
.ui.vertical.stripe p {
	font-size: 1.33em;
}
.ui.vertical.stripe .horizontal.divider {
	margin: 3em 0em;
}

.ui.text.container {
	max-width: 720px!important;
}

.quote.stripe.segment {
	padding: 0em;
}
.quote.stripe.segment .grid .column {
	padding-top: 5em;
	padding-bottom: 5em;
}

.normal.segment,
.special.segment {
	padding: 6rem 0;
}
.special.segment h2 {
	font-size: 1.6rem;
}
.special.segment p {
	font-size: 1.2rem;
}

.flex-content {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column
}
.flex-content > div {
	margin: 0 1rem 6rem!important;
	padding: 0!important;
	position: relative;

	border: none transparent!important;
	box-shadow: none!important;
}
.flex-content img {
	width: 100%;
	height: auto;
	object-fit: cover;
}
.flex-content .text-content {
	position: absolute;
	bottom: -35%;
	left: 50%;
	transform: translate(-50%, -35%);
	background: #fff;
	box-shadow: 0 2px 4px rgba(0,0,0,0.5);
	width: 80%;
	height: 10rem;
	padding: 1rem;
}
.ui.waskita.button {
    background-color: #06024f;
    color: #fff;
  }

.footer.segment {
	padding: 3em 0em;
}

.secondary.pointing.menu .toc.item {
	display: none;
}

.real-footer {
	background: #2185d0!important;
	color: white;
}

.pengaduan.modal {
	padding: 2rem;
	border-top: 5px solid #2B90D6;
	border-radius: 0;
}

.user-exist.modal {
	padding: 2rem;
	border-top: 5px solid #2B90D6;
	border-radius: 0;
}

.laporan .card {
	width: 40%!important;
	margin: 2rem 2.5%!important;
}
.laporan .card img {
	margin: 3rem 0;
}

@media only screen and (max-width: 700px) {
	.masthead .the-main.container, .masthead .the-main.container.upg {
		height: 250px;
		max-height: 250px;
	    min-height: 250px;
		margin-bottom: 0px;
	}
	.ui.fixed.menu {
		display: none !important;
	}
	.secondary.pointing.menu .item,
	.secondary.pointing.menu .menu {
		display: none;
	}
	.secondary.pointing.menu .toc.item {
		display: block;
	}
	.masthead.segment {
		min-height: 350px;
	}
	.masthead h1.ui.header {
		font-size: 2em;
		margin-top: 1.5em;
	}
	.masthead h2 {
		margin-top: 0.5em;
		font-size: 1.5em;
	}

	.ui.segment-slide, body{
        /*background: #999;*/
        height: 80vh;
        width: 111%;
    }
}
@media only screen and (min-width: 701px) {
	.masthead .ui.secondary.menu .item{
		margin: 0 .25rem;
	}
	.masthead .ui.secondary.menu .item:nth-child(3){
		margin-left: 15vw;
	}
	.masthead.segment {
		min-height: 700px;
		height: 100vh;
	}
	.heading-extra {
		height: 18vh;
	}
	.heading-extra .segment {
		display: flex;
	}
	.flex-content {
		flex-direction: row
	}
}
/* Mobile */

@media only screen and (max-width: 767px) {
  [class*="mobile hidden"],
  [class*="tablet only"]:not(.mobile),
  [class*="computer only"]:not(.mobile),
  [class*="large monitor only"]:not(.mobile),
  [class*="widescreen monitor only"]:not(.mobile),
  [class*="or lower hidden"] {
    display: none !important;
  }
}

@media only screen and (min-width: 767px) {
  [class*="mobile shown"],
  [class*="tablet only"]:not(.mobile),
  [class*="computer only"]:not(.mobile),
  [class*="large monitor only"]:not(.mobile),
  [class*="widescreen monitor only"]:not(.mobile),
  [class*="or lower hidden"] {
    display: none !important;
  }
}