/*advanced search bootstrap*/
dropdown.dropdown-lg .dropdown-menu {
    margin-top: -1px;
    padding: 6px 20px;
}
.input-group-btn .btn-group {
    display: flex !important;
}
.btn-group .btn {
    border-radius: 0;
    margin-left: -1px;
}
.btn-group .btn:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.btn-group .form-horizontal .btn[type="submit"] {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}
.form-group .form-control:last-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
@media screen and (min-width: 768px) {
    #adv-search {
        width: 400px;
        margin-left:0px !important;
    }
    .dropdown.dropdown-lg {
        position: static !important;
    }
    .dropdown.dropdown-lg .dropdown-menu {
        min-width: 400px;
    }
}
/**/

.dropdownNavBar {
  left: 50% !important;
  right: auto !important;
  text-align: center !important;
  transform: translate(-50%, 0) !important;
  min-width: 50px !important;
}

/*border buat selectlist*/
.dropdown-border:focus {
    border: 2px solid black;
}
/**/

/*padding kecil*/
.table-padding>thead>tr>th, .table-padding>tbody>tr>th, .table-padding>tfoot>tr>th, .table-padding>thead>tr>td, .table-padding>tbody>tr>td, .table-padding>tfoot>tr>td{
    padding: 0px 10px;
}
/**/

/*css upload file*/
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
/**/

/*kecilin margin dan padding*/
td{
  vertical-align: middle !important;
}
.form-control{
  /*line-height: 0;*/
  height: 30px;
  padding: 0;
  padding-left: 10px;
}
.form-group{
  margin: 10px;
}
/**/

/*padding untuk login*/
.container-login
{
	padding-top: 50px;
}
/**/
.logo
{
	height: 50px;
    padding: 5px
}
/**/

/*posisi modal di tengah*/
.modal-center
{
	width: 600px!important;
    height: 50px!important;
    position: absolute!important;
    top: 40%!important;
    left: 50%!important;
    margin-top: -25px!important;
    margin-left: -300px!important;
    padding: 20px!important;
}
/**/

/*font*/
@font-face {
	font-family:'Open Sans';
	src:url(fonts/SourceSansPro-Regular.eot);
	src:url(fonts/SourceSansPro-Regular.eot?#iefix) format('embedded-opentype'),url(fonts/SourceSansPro-Regular.woff) format('woff'),url(fonts/SourceSansPro-Regular.ttf) format('truetype'),url(fonts/SourceSansPro-Regular.svg#SourceSansPro-Regular) format('svg')
}
/**/

/*css buat back to top*/
#back-to-top {
	position: fixed;
	bottom: 50px;
	right: 10px;
	z-index: 9999;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 30px;
	background: none;
	color: #444;
	cursor: pointer;
	border: 0;
	border-radius: 2px;
	text-decoration: none;
	transition: opacity 0.2s ease-out;
	opacity: 0;
}
#back-to-top:hover {
	background: none;
}
#back-to-top.show {
	opacity: 0.7;
}
#content {
	height: 2000px;
}
/**/

/*set font size*/
body{
	font-family:'Open Sans'!important;
	font-size: 12px !important;
}
/**/

/*button di navigation*/
.nav-button
{
	margin-left: 20px;
}
/**/

/*css kotak login*/
.loginBox{
	background: rgba(255, 255, 255, 1);
	padding: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
}
/**/

/*css untuk textarea*/
textarea {
	    height:100px!important;
}

.textarea {
	border-style: none;
	border-color: Transparent;
	overflow: auto;
	outline: none;
}
/**/

/*cursor pointer*/
.cursor-pointer
{
	cursor: pointer
}
.fa
{
	cursor: pointer
}
/**/

/*space untuk span*/
.tab-space {
  margin:5px;
}
/**/

/*set overflow untuk table responsive*/
.table-responsive
{
    overflow-x: auto;
}
/**/

/*css kalo button di fokusm ama active*/
.btn:focus, .btn:active:focus, .btn.active:focus{
    outline:none !important;
    box-shadow:none !important
}
/**/

/*css buat link*/
a
{
	text-decoration: none !important
}
/**/

/*css buat hr*/
.hr
{
	border-color: #000000;
    border-width: 1px;
	margin: 0 0 0px;
}
/**/

/*css buat footer*/
.footer-color
{
	background-color: #5F5F5F;
}

.footer-font
{
	font-size: 17px;
	color: #F1F1F1;
	font-family: Open Sans;
	padding-top: 3px;
}
/**/


/*css buat ngatur body nya*/
html, body, #container
{
	height: 100%;
}

body > #container
{
	height: auto;
	min-height: 100%;
	padding-bottom:50px;
}

#footer {
	clear: both;
	position: absolute;
	height:50px;
	width:100%;
	margin-top:-50px;
}
/**/


/*media kalo mobile*/
@media only screen and (max-width: 767px)
{
	.login-theme
	{
		padding-left: 1;
		margin-top: -20px;
	}

	.name-right
	{
		margin-right:0!important;
	}

	.padding-mobile
	{
		padding-bottom: 0!important;
		padding-left: 0!important;
		padding-right: 0!important;
	}

	.borderContent{
		border: 1px solid rgba(0, 0, 0, .1);
		margin-left:15px;
		margin-right:15px;
		padding:40 25 30 25px;
		min-height:400px;
		background-color: #FFFFFA;
	}

	.margin-modal-input-recipient-mobile
	{
		margin-bottom: 10px;
	}

	.margin-modal-button-recipient-mobile
	{
		margin-left: 220px!important;
	}

	.container-login
	{
		padding-top: 0;
	}

	.btn-info
	{
		margin-top: -20px !important;
	}

	.nav-font
	{
		font-size: 15px;
		letter-spacing: 1px;
		margin-left: -30px;
	}

	.border-logout
	{
		border: 2px solid #54B4E8;
		border-radius: 50px;
		margin-right: 225px;
		padding-left: 20px;
	}

	.smk-alert-content
	{
		position: fixed;
		width: 200px!important;
		top: 0;
		right: 20px;
		z-index: 2060;
	}

	.backLoginBody
	{
		margin-top: -15px!important;
		padding-top: 10px!important;
		background: #F1F1F1!important;
	}

	.backendBody{
		margin-top: -40px!important;
		padding-top: 100px!important;
		background-color: #F1F1F1;
	}

	.nav-button
	{
		margin-left: -20px;
	}
}
button.google-login
{
    width: 100%;
    background: #f2f3f5;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #f2f3f5;
    color: #000;
    outline: none;
    cursor: pointer;
}

button.google-login:hover 
{
    background: #d9dadc;
}

h4.separator {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #000;
    line-height: 0.1em;
    margin: 15px 0 20px;
}

h4.separator span {
    background:#fff;
	padding:0 10px;
	font-size: 22px;
	font-weight: bold;
}
/**/