.header-log-tab {
    width: 100%;
    overflow-y: hidden;
    float: left;
    cursor: pointer;
    text-align: center;
    background-color: #020202;
    color: white;
    -webkit-transition: max-height 0.3s ease-in-out;
       -moz-transition: max-height 0.3s ease-in-out;
         -o-transition: max-height 0.3s ease-in-out;
            transition: max-height 0.3s ease-in-out;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.header-log-container {
    width: 100%;
    top: 0;
    background-color: #EEEEEE;
    border-bottom: 2px solid black;
    overflow: hidden;
}

.header-search-container {
    width: 100%;
    top: 0;
    background-color: #EEEEEE;
    border-bottom: 2px solid black;
    overflow: hidden;
}

.header-search-tab, .header-log-tab {
    width: 100%;
    overflow: hidden;
}

.header-search-tab div {
    height: 40px;
    line-height: 40px;
    float: left;
    cursor: pointer;
    text-align: center;
    background-color: #020202;
    color: white;
    -webkit-animation: fade-in 0.3s;
       -moz-animation: fade-in 0.3s;
        -ms-animation: fade-in 0.3s;
         -o-animation: fade-in 0.3s;
            animation: fade-in 0.3s;
}

.header-search-tab div:hover, .header-log-tab div:hover i, .header-log-tab div:hover span {
    color: #0EFF00;
}

.header-search-tab div.active, .header-log-tab div.active i, .header-log-tab div.active span {
    color: #0EFF00;
}

.header-search-tab-content, .header-log-tab-content {
    background-color: #EEEEEE;
    display: none;
    padding: 6px 12px;
}

.header-search-tab-content.active, .header-log-tab-content.active {
    background-color: #EEEEEE;
    padding-left: 30px;
    padding-right: 30px;
    display: block;
    padding-bottom: 20px;
}

.header-search-tab-content.active .form-group {
    height: 25px;
}

.header-log-tab-content.active .form-group {
    height: 25px;
}

.header-search-tab-content label, .header-log-tab-content label {
    margin-bottom: 0px;
}

.header-search-tab-content input {
    border-color: #ACACAC;
    height: 20px;
    line-height: 10px;
}

.header-log-tab-content input {
    border-color: #ACACAC;
    height: 20px;
    line-height: 10px;
}

.header-search-tab-content.active .form-group input:focus, .header-log-tab-content.active .form-group input:focus {
    border-color: #565656;
    box-shadow: none;
    outline: 0 none;
}

.header-search-tab-content input:hover, .header-log-tab-content input:hover {
    border-color: #565656;
}

.header-search-tab-content .select2, .header-log-tab-content .select2 {
    margin-top: 0!important;
    width: 100%!important;
    font-size: 11px!important;
    cursor: pointer!important;
}

.header-search-tab-content .select2-container .select2-selection--single, .header-log-tab-content .select2-container .select2-selection--single {
    height: 20px!important;
}

.header-search-tab-content .select2-container--default .select2-selection--single .select2-selection__rendered, .header-log-tab-content .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 20px!important;
}

.header-search-tab-content .select2-container--default .select2-selection--single .select2-selection__arrow, .header-log-tab-content .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px!important;
}

.header-search-tab-content .select2-container, .header-log-tab-content .select2-container {
    vertical-align:top!important;
}

.header-search-tab-content .select2-container .select2-selection--single:hover, .header-log-tab-content .select2-container .select2-selection--single:hover {
    border-color: #565656!important;
}

.header-search-tab-content button, .header-log-tab-content button {
    padding-top: 3px;
    padding-bottom: 3px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 25px;
    border: 1px solid #ACACAC;
    line-height: 10px;
    height: 20px;
}

.header-search-tab-content button[type=submit], .header-log-tab-content button[type=submit] {
    background-color: white;
}

.header-search-tab-content button[type=reset], .header-log-tab-content button[type=reset] {
    background-color: white;
}

.header-search-tab-content button[type=submit]:hover, .header-log-tab-content button[type=submit]:hover {
    border: 1px solid #565656;
    background-color: #44D23C;
}

.header-search-tab-content button[type=reset]:hover, .header-log-tab-content button[type=reset]:hover {
    border: 1px solid #565656;
    background-color: #FFD202;
}
.header-search-tab-merchant-statement,
.header-search-tab-transaction {
    height: 40px;
    line-height: 20px;
    width: 100%;
    background-color: #020202;
    cursor: pointer;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
}

.header-search-tab-merchant-statement:hover,
.header-search-tab-transaction:hover {
    color: #FFE53F;
}

.header-search-tab-merchant-statement.active,
.header-search-tab-transaction.active {
    color: #FFE53F;
}

.header-search-tab-block, .header-log-tab-block {
    width: 100%;
    background-color: #020202;
    color: white;
    display: none;
    cursor: pointer;

    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
}

.header-search-tab-block:hover, .header-log-tab-block:hover {
    color: #0EFF00;
}

.header-search-tab-block.active, .header-log-tab-block.active {
    color: #0EFF00;
}


.navbar-container {
	text-align: center;
	background-color: #FFFFFF;
	box-shadow: 0px -20px 5px 20px #333333;
	padding: 10px;
	font-size: 0;
}

.navbar-container{
	margin: 0;
	padding: 0;
	text-align: right;
	display: inline-block;
	vertical-align: middle;
}

.navbar-container .underline {
	width: 100%;
	background-color: white;
}

.navbar-container:hover .underline {
	background-color: white;
	width: 100%;
}

.navbar-container:active .underline {
	transition: none;
	background-color: rgba(255,255,255,0.76);
}