.btn-primary {
    color: #FFFFFF;
    background-color: #3DBDA0;
    border-color: #3DBDA0;
}

.btn-primary:hover {
    color: #FFFFFF;
    background-color: #39B095;
    border-color: #36A68D;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    color: #FFFFFF;
    background-color: #36A78D;
    border-color: #339F86;
}

.btn-primary.focus,
.btn-primary:focus {
    color: #FFFFFF;
    background-color: #39B095;
    border-color: #36A68D;
    box-shadow: 0 0 0 .2rem rgba(54, 167, 141, .5);
}

.btn-primary.disabled,
.btn-primary:disabled {
    background: #ABABAB;
    opacity: 1;
    border-color: #969696;
}

.hidden {
    display: none !important;
}

.page-item.truncate .page-link {
    color: #CCCCCC
}

.page-item.truncate .page-link:hover {
    z-index: 2;
    color: #CCCCCC;
    text-decoration: none;
    background-color: #FFFFFF;
    border-color: #DEE2E6;
}

/* increase full page width */
@media (min-width: 768px) {
    .container {
        width: 750px;
        max-width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
        max-width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
        max-width: 1170px;
    }
}

@media (min-width: 1366px) {
    .container {
        width: calc(1366px - 30px);
        max-width: 1366px;
    }
}

/* Decrease padding on mobile */
@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden !important;
    }

    .container,
    .container-fluid {
        padding-left: 0;
        padding-right: 0
    }

    #columns {
        padding-left: 15px;
        padding-right: 15px;
    }

    .container {
        max-width: 100% !important;
    }
}

/* bugfix */
.modal-dialog.modal-sm .modal-content {
    width: auto
}

/* col-xxs
.col-xxs-1,
.col-xxs-2,
.col-xxs-3,
.col-xxs-4,
.col-xxs-5,
.col-xxs-6,
.col-xxs-7,
.col-xxs-8,
.col-xxs-9,
.col-xxs-10,
.col-xxs-11,
.col-xxs-12 {
    position:relative;
    min-height:1px;
    padding-left:15px;
    padding-right:15px;
}

@media (max-width:480px) {
    .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
        float:left;
    }

    .col-xxs-1 {
        width:8.33333333%;
    }

    .col-xxs-2 {
        width:16.66666667%;
    }

    .col-xxs-3 {
        width:25%;
    }

    .col-xxs-4 {
        width:33.33333333%;
    }

    .col-xxs-5 {
        width:41.66666667%;
    }

    .col-xxs-6 {
        width:50%;
    }

    .col-xxs-7 {
        width:58.33333333%;
    }

    .col-xxs-8 {
        width:66.66666667%;
    }

    .col-xxs-9 {
        width:75%;
    }

    .col-xxs-10 {
        width:83.33333333%;
    }

    .col-xxs-11 {
        width:91.66666667%;
    }

    .col-xxs-12 {
        width:100%;
    }

    .col-xxs-pull-0 {
        right:auto;
    }

    .col-xxs-pull-1 {
        right:8.33333333%;
    }

    .col-xxs-pull-2 {
        right:16.66666667%;
    }

    .col-xxs-pull-3 {
        right:25%;
    }

    .col-xxs-pull-4 {
        right:33.33333333%;
    }

    .col-xxs-pull-5 {
        right:41.66666667%;
    }

    .col-xxs-pull-6 {
        right:50%;
    }

    .col-xxs-pull-7 {
        right:58.33333333%;
    }

    .col-xxs-pull-8 {
        right:66.66666667%;
    }

    .col-xxs-pull-9 {
        right:75%;
    }

    .col-xxs-pull-10 {
        right:83.33333333%;
    }

    .col-xxs-pull-11 {
        right:91.66666667%;
    }

    .col-xxs-pull-12 {
        right:100%;
    }

    .col-xxs-push-0 {
        left:auto;
    }

    .col-xxs-push-1 {
        left:8.33333333%;
    }

    .col-xxs-push-2 {
        left:16.66666667%;
    }

    .col-xxs-push-3 {
        left:25%;
    }

    .col-xxs-push-4 {
        left:33.33333333%;
    }

    .col-xxs-push-5 {
        left:41.66666667%;
    }

    .col-xxs-push-6 {
        left:50%;
    }

    .col-xxs-push-7 {
        left:58.33333333%;
    }

    .col-xxs-push-8 {
        left:66.66666667%;
    }

    .col-xxs-push-9 {
        left:75%;
    }

    .col-xxs-push-10 {
        left:83.33333333%;
    }

    .col-xxs-push-11 {
        left:91.66666667%;
    }

    .col-xxs-push-12 {
        left:100%;
    }

    .col-xxs-offset-0 {
        margin-left:0%;
    }

    .col-xxs-offset-1 {
        margin-left:8.33333333%;
    }

    .col-xxs-offset-2 {
        margin-left:16.66666667%;
    }

    .col-xxs-offset-3 {
        margin-left:25%;
    }

    .col-xxs-offset-4 {
        margin-left:33.33333333%;
    }

    .col-xxs-offset-5 {
        margin-left:41.66666667%;
    }

    .col-xxs-offset-6 {
        margin-left:50%;
    }

    .col-xxs-offset-7 {
        margin-left:58.33333333%;
    }

    .col-xxs-offset-8 {
        margin-left:66.66666667%;
    }

    .col-xxs-offset-9 {
        margin-left:75%;
    }

    .col-xxs-offset-10 {
        margin-left:83.33333333%;
    }

    .col-xxs-offset-11 {
        margin-left:91.66666667%;
    }

    .col-xxs-offset-12 {
        margin-left:100%;
    }
}

.visible-xxs-block,
.visible-xxs-inline,
.visible-xxs-inline-block {
    display:none !important;
}

@media (max-width:480px) {
    .visible-xxs {
        display:block !important;
    }

    table.visible-xxs {
        display:table !important;
    }

    tr.visible-xxs {
        display:table-row !important;
    }

    th.visible-xxs,
    td.visible-xxs {
        display:table-cell !important;
    }
}
*/
/*
@media (min-width:1200px) {
    .modal-lg {
        width:1000px;
    }
}
*/
@media (max-width: 768px) {
    .modal-dialog {
        max-width: 462px;
        margin: 30px auto
    }

    /*.modal-content {
        margin:0 15px
    }*/
}