.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0.1em 0.1em !important;
    margin-left: 5px;
}

.btn-mini {
    padding: 0.375rem 0.6rem !important;
}

.form-control {
    padding: 10px !important;
}

.table tr {
    border: rgba(0,0,0,0);
}

.no-footer {
    border: rgba(0,0,0,0) !important;
}

.alert {
    padding: 1rem 1.5rem;
}

h5 {
    margin: 0px;
}

.card {
    border-radius: 3px;
}

.card-header:first-child {
    border-radius: 3px 3px 0 0;
}

.card-header,
.modal-header {
    margin: 0px;
    background-image: linear-gradient(140deg, #3a60a7, #032057);
    /* background-color: #ddd; */
}

.card-header h5 {
    color: #FFFFFF;
}
.card-header p{
    color: ghostwhite;
}

.choices__list--dropdown {
    width: auto;
}

.choices__inner {
    display: grid;
}

.choices__input {
    width: auto !important;
}

.concept-template .choices__inner {
    padding: 0;
}

table.dataTable > tfoot > tr > td {
    padding: 10px 10px 6px 10px;
    border-top: 1px solid #f0f2f5 !important;
}

.choices {
    /* border: 1px solid #ebebeb;
    padding: 0px 10px; */
    border-radius: 10px;
    margin-bottom: 0px;
}

.integration-img {
    width: 100%;
}

.choices__item.choices__item--selectable {
    padding: 0px 10px;
}

.child {
    background: ghostwhite !important;
}

.dtr-details {
    width: 100%;
    padding: 5px !important;
    box-sizing: border-box;
}

.dtr-details li {
    display: flex;
    flex-direction: column;
}

.dtr-title {
    vertical-align: top;
}

.dtr-data {
    display: inline-block;
    text-wrap: wrap;
}

.text-green {
    color: green;
}

.text-red {
    color: red;
}

.carousel-control-next,
.carousel-control-prev {
    width: 5%;
    background: rgb(213, 213, 213);
}

.hidden {
    display: none;
}

.row-unseen {
    color: #000;
    background-color: #e1e1e1 !important;
    border-color: #e1e1e1 !important;
}

.image-logo {
    max-width: 100%;
    max-height: 250px;
}

.image-logo-list {
    max-width: 100%;
    max-height: 50px;
}

.company_title {
    margin-bottom: 10px;
    border-bottom: 2px solid #15143e;
}

.company_info {
    margin: 0px;
    padding: 25px;
    border-bottom: 4px solid #15143e;
}

.company_info p,
.company_details p {
    color: #3a3a3a;
    font-size: 1.2em;
}

.company_details {
    margin: 0px;
    padding: 5px 0px;
}

.company_details .row {
    margin: 10px 0px;
    padding: 10px 0px 20px 0px;
    border-bottom: 1px solid rgb(205, 205, 205);
    /* background: rgb(210, 210, 210); */
}

.border-none {
    border: none !important;
}

nav .flex {
    display: flex !important;
}

nav .justify-between {
    justify-content: space-between !important;
}

.card .card-header {
    padding: 1.0rem 1.5rem;
}

.code {
    border-radius: 5px;
    height: 60vh;
    padding: 10px;
    background: rgb(56, 56, 56);
    color: rgb(223, 223, 223);
    overflow-y: scroll;
}

.code span {
    font-size: 0.8rem;
    display: block;
    margin-bottom: 10px;
}

.filter {
    filter: grayscale(50%) brightness(50%) contrast(100%) invert(100%);;
}

.input-group.input-group-outline.is-filled .form-label+.form-control,
.input-group.input-group-outline.is-focused .form-label+.form-control {
    border-color: #15143e !important;
    border-top-color: transparent !important;
    box-shadow: inset 1px 0 #15143e, inset -1px 0 #15143e, inset 0 -1px #15143e;
}

.input-group.input-group-outline.is-filled .form-label,
.input-group.input-group-outline.is-focused .form-llabe {
    color: #15143e !important;
}

.input-group.input-group-outline.is-filled .form-label:after,
.input-group.input-group-outline.is-filled .form-label:before,
.input-group.input-group-outline.is-focused .form-label:after,
.input-group.input-group-outline.is-focused .form-label:before {
    border-top-color: #15143e !important;
    box-shadow: inset 0 1px #15143e !important;
}

.input-group.input-group-outline.is-filled .form-label,
.input-group.input-group-outline.is-focused .form-label {
    color: #15143e !important;
}

.bg-custom-gradient {
    background-image: linear-gradient(120deg, #3a60a7, #032057);
}

.text-black {
    color: #000000 !important;
}

.choices .choices__list.choices__list--single,
.choices .choices__list.choices__list--single:focus {
    background-image: linear-gradient(0deg,#15143e 2px,rgba(156,39,176,0) 0),
                      linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0) !important;
}

.choices .choices__input {
    background-image: linear-gradient(0deg, #15143e 2px, rgba(156, 39, 176, 0) 0),
                      linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0) !important;
}