.gnl-button-container, 
.gnl-button-set, 
.gnl-flex-container, 
.gnl-pagination {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
}

.gnl-button-container {
    justify-content: flex-end;
    padding: 8px 0;
    flex-wrap: wrap-reverse;
}

.gnl-button-container--multi, 
.gnl-button-container--space-between {
    justify-content: space-between;
}

.gnl-button {
    background-color: #00578d;
    white-space:nowrap;
	color: #ffffff;
	font-weight: 700;
	text-transform:none;
    /*display: inline-flex;*/
    display:inline-block;
    align-items: center;
    min-height: 40px;
    border: 1px solid transparent;
    border-radius: 6px;
    /*background: 0 0;*/
    padding: 6px 12px 6px 12px;
    font-family: Lato,sans-serif;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.gnl-button::before {
    text-decoration: none;
}

.gnl-button--back, .gnl-button--link, .gnl-button--next {
    color: #004b87;
    font-weight: 700;
    padding: 0;
    background: 0 0;
    text-decoration: none;
    display:inline-flex;
}

.gnl-button--back::before {
    display: inline-block;
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    text-decoration: none;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
}

.gnl-button--back::before {
    display: inline-flex;
    display: -ms-inline-flexbox;
    align-items: center;
    text-decoration: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.gnl-button--back::before {
    content: "chevron_left";
    margin-left: -8px;
    margin-right: 4px;
    text-decoration: none;
}

button, input {
    overflow: visible;
}

.gnl-button--modify{
    text-decoration: underline;
    font-weight:400;
}

.gnl-button--contained {
    padding: 6px 16px;
    background: #004b87;
    color: #fff;
    font-weight: 700;
}

.gnl-button--back {
    text-decoration: none;
    padding: 6px 16px;
}

.gnl-button--back:not(:disabled):not(.disabled).hover, 
.gnl-button--back:not(:disabled):not(.disabled):hover {
    background-color: #e8f0fe;
    border-color: #e8f0fe;
    color: #004b87;
    text-decoration: none;
    outline: 0;
}

[type=button]:not(:disabled), 
[type=reset]:not(:disabled), 
[type=submit]:not(:disabled), 
button:not(:disabled) {
    cursor: pointer;
}

.gnl-button:hover, .gnl-button:focus{
    text-decoration: none;
	background-color: #ffffff;
	color: #00578d;
	border-color: #00578d;
}

.button-card{
    width:100%;
}

.button-back:before{
    content: "< ";
}

.button-white{
    background-color:#ffffff;
    border-color: #d4d8da;
    color: #3b4148;
}

.button-grey,
.button-back,
.button-white:hover{
    background-color:#e0e4e6;
    color: #3b4148;
}

.button-grey:hover,
.button-back:hover{
    border-color: #00578d;
    color: #3b4148;
}

.button-link,
.button-link:hover{
    background-color:#ffffff;
    color:#00578d;
    padding:10px 10px 10px 1px;
    border-color:#ffffff;
}

.button-datatable-margin{
    margin-top:2px;
    margin-bottom:2px;
}

.button-summary-modify{
    padding: 2px 5px 2px 5px;
    line-height: 1; 
}

.repeat_prepare_add_btn{
    margin-bottom: 5px;
}

.gnl-btn-lg{
    font-size:16px;
    line-height:2;
    padding-left:15px;
    padding-right:15px;
}

.gnl-btn--link{
    text-decoration:underline;
    background-color:inherit;
    color:#00578d;
    font-weight:500;
    padding:0;
}

.gnl-btn-logout{
    border: 1px solid #ffffff;
    border-radius: 5px;
}

.gnl-btn-nav{
    padding:0;
}

.gnl-btn-previous{
    text-decoration:none;
    font-weight:700;
}

.gnl-btn-previous:hover,
.gnl-btn-previous:focus{
    cursor:pointer;
    text-decoration:underline;
    border:0;
    color: #00578d;
}

.gnl-button--outlined {
    border-color: #d4d8da;
    color: #3b4148;
    padding: 6px 16px;
  }
  
.gnl-button--outlined:not(:disabled):not(.disabled):hover {
    outline: 0;
    background: #d4d8da;
    color: #212326;
    border-color: #d4d8da;
}

.gnl-button--function {
    border-radius: 20px;
    margin: 0 8px;
    display:inline-flex;
    font-weight:400;
    background-color:#ffffff;
}

.gnl-button--function::before {
    display: inline-block;
    font-family: "Material Icons";
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    text-decoration: none;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
}

.gnl-button--function-print::before,
.gnl-button--function-save::before {
    content: "";
    margin-right: 8px;
    text-decoration: none;
    color: #004b87;
}

.gnl-button--function-save::before {
    content: "save_alt";
}

.gnl-button--function-print::before {
    content: "print";
}

.gnl-center-button{
    display:block;
    margin-left:auto;
    margin-right:auto;
}

@media(max-width:768px){
    .gnl-btn-logout{
        border:0px;
        border-radius:0;
        margin-left:30px;
    }
    
    .gnl-btn-responsive{
        width:100%;
    }
}