/* bootstrap overrides */

* {
    font-family: "Open Sans", sans-serif;
}

body {
    font-weight: 400;
    background-color: #f9fafa;
}

.container-fluid {
    padding: 0;
}


/* links */

a,
.link-blue,
.nav-link {
    color: #1d71b8;
    cursor: pointer;
}

a.disabled {
    color: #777;
    cursor: not-allowed;
    pointer-events: all !important;
}


/* btn */

.btn {
    min-width: 110px;
    transition: background-color ease-in-out 0.2s, box-shadow ease-in-out 0.2s, font-weight ease-in-out 0.2s;
    font-weight: normal;
}

.btn:hover {
    box-shadow: 0 5px 15px 2px rgba(0, 0, 0, 0.42);
    font-weight: bold;
}

.btn-sm {
    padding: 3px 10px !important;
    min-width: 100px !important;
}

.btn-primary {
    /* all black */
    /*background-color: black;*/
    /*border-color: black;*/

    /* cs blue */
    background-color: #1d71b8;
    border-color: #1d71b8;

    /* tw blue */
    /* background-color: #1DA1F2;
    border-color: #1DA1F2; */
}

.btn-secondary {
    /* all black */
    /*background-color: black;*/
    /*border-color: black;*/

    /* cs blue */
    background-color: #1d71b8;
    border-color: #1d71b8;

    /* tw blue */
    /* background-color: #1DA1F2; */
    /* border-color: #1DA1F2; */
}

.btn-primary:hover {
    /* black */
    /*background-color: black;*/
    /*border-color: black;*/

    /* cs blue */
    background-color: #1d71b8;
    border-color: #1d71b8;

    /* twitter blue */
    /* background-color: #41b5fc !important; */
    /* border-color: #41b5fc !important; */
}

.btn-secondary:hover {
    /* black */
    /*background-color: black;*/
    /*border-color: black;*/

    /* cs blue */
    background-color: #1d71b8;
    border-color: #1d71b8;

    /* twitter blue */
    /* background-color: #41b5fc !important;
    border-color: #41b5fc !important; */
}

.btn-default:hover {
    box-shadow: none !important;
}

.btn-lg {
    padding: 12px;
    width: 100%;
    max-width: none;
}

.btn-md {
    padding: 10px;
    width: 100%;
    max-width: none;
}

.btn-sm {
    padding: 2px 15px !important;
    line-height: 25px;
}

.spinner-border.spinner-border-sm {
    margin-top: 3px;
}


/* nav link */

.nav-tabs .nav-link:focus {
    border: none !important;
    isolation: unset !important;
}

.nav-tabs .nav-link:hover {
    border-color: transparent !important;
}

.nav-tabs .nav-link.active {
    border: none;
    border-bottom: 6px solid #1DA1F2 !important;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    color: black !important;
    font-weight: bold;
    background-color: transparent;
}


/* input group */

.input-group button {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    color: white;
    max-width: 70px;
}

.input-group.input-group-sm input {
    padding: 2px 12px;
}

.input-group.input-group-sm button {
    min-width: 80px !important;
}


/* badges */

.badge {
    position: absolute;
    margin-top: -2px;
    margin-left: -5px;
    color: white;
}
.card.timeline .badge  {
    position: static;
}

.badge small {
    font-weight: bold !important;
}

.bg-success {
    color: #049b4e;
    background-color: rgba(19, 197, 107, .4) !important;
}

.bg-soft-success {
    color: #13c56b;
    background-color: rgba(19, 197, 107, .1);
}

.bg-warning {
    color: #e57906;
    background-color: rgba(232, 188, 82, .4) !important;
}

.bg-soft-warning {
    color: #e57906;
    background-color: rgba(232, 188, 82, .18) !important;
}

.bg-danger {
    color: #f30303;
    background-color: rgba(237, 94, 94, .4) !important;
}

.bg-soft-danger {
    color: #ed5e5e;
    background-color: rgba(237, 94, 94, .1);
}
.bg-soft-info {
    color: #1DA1F2;
    background-color: #e5f5ff;   
}

.bg-info {
    background-color: #1d70b8 !important;
}

/* inputs */

.form-control {
    /*box-shadow: inset -1px -1px 2px 1px rgb(0 0 0 / 9%);*/
    /* height: 42px; */
    height: 36px;
    box-shadow: 0px 2px 4px 1px rgb(0 0 0 / 9%);
    border-color: #c0bebe;
}

input::placeholder,
select::placeholder {
    color: #b6b6b6 !important;
    font-size: 13px;
}

[readonly], [readonly]:focus {
    background-color: #ececec;
    color: darkgray !important;
}

select.form-control {
    background: url("../img/drop-down-arrow.png") no-repeat right/6% #fff;
}

.tooltip-inner {
    font-size: 12px !important;
    padding: 10px !important;
}



/* cards */

.card {
    margin-bottom: 30px;
    border-color: #e9ebec;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
}

.card-header {
    padding: 15px;
    border-bottom: none;
    background: transparent;
}

.card-title {
    margin: 0;
}

.card-body {
    padding: 0 15px 15px;
}


/* tables */

.table-bordered {
    border: 1px solid #dee2e6 !important;
}

.table-bordered td,
.table-bordered th {
    border: 1px solid rgba(0, 0, 0, .07);
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px;
}

.table-hover>tbody>tr:hover>* {
    --bs-table-accent-bg: rgba(161, 201, 247, 0.25);
}


/* alerts */

.alert {
    overflow: hidden;
}


/* modals Bootstrap dialog */

.modal-body {
    padding: 0;
}

.modal-content {
    box-shadow: 0 7px 8px 6px rgb(0 0 0 / 21%);
    overflow: hidden;
}

.show {
    transition: opacity 200ms;
}


/* glidejs overrides */

.glide__track {
    transition: height ease-in-out 0.2s;
}


/* breakpoints */

@media (max-width: 575px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 576px) {}

@media (min-width: 576px) and (max-width: 767px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .hidden-lg {
        display: none !important;
    }
}