@charset "UTF-8";

:root {
    --blue: #2196F3;
    --indigo: #3F51B5;
    --purple: #673AB7;
    --pink: #E91E63;
    --red: #F44336;
    --orange: #FFD648;
    --yellow: #FF9800;
    --green: #4CAF50;
    --teal: #009688;
    --cyan: #00BCD4;
    --white: #fff;
    --gray: #999;
    --gray-dark: #555;
    --primary: #2196F3;
    --secondary: #777;
    --success: #4CAF50;
    --info: #00BCD4;
    --warning: #FFD648;
    --danger: #F44336;
    --light: #fafafa;
    --dark: #324148;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.brans_kutu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 128px;
    padding: 12px 0 15px;
    background-color: white;
    border-radius: var(--border-radius-01);
    -webkit-box-shadow: 0 2px 6px rgb(34 34 34 / 2%);
    box-shadow: 0 2px 6px rgb(34 34 34 / 2%);
    cursor: pointer;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
    .brans_kutu span {
        display: initial;
        width: 100%;
        margin-top: 2px;
        font-size: var(--font-size-text-7);
        line-height: var(--line-height-8);
        letter-spacing: var(--letter-spacing-2);
        font-weight: 600 !important;
    }

.border-bottom-primary {
    border-bottom-color: #2196F3;
}
.border-bottom-3 {
    border-bottom: 3px solid;
}
.rounded-round {
    border-radius: 100px !important;
}
.letter-icon {
    width: 1rem;
    height: 1.25003rem;
    display: block;
}
[class*=bg-]:not(.bg-transparent):not(.bg-light):not(.bg-white):not(.btn-outline):not(body) {
    color: #fff;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.card > .table:first-child, .card > [class*=table-responsive]:first-child > .table:first-child {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
}

.table {
    margin-bottom: 0;
}

.text-nowrap {
    white-space: nowrap !important;
}

.table {
    width: 100%;
    margin-bottom: 1.25rem;
    color: #333;
}

table {
    border-collapse: collapse;
}
.line-height-1 {
    line-height: 1;
}

.font-size-sm {
    font-size: 0.75rem;
}

.text-muted {
    color: #6c757d !important;
}
.mr-3, .mx-3 {
    margin-right: 1.25rem !important;
}
a.text-default:not(.btn) {
    transition: color ease-in-out 0.15s;
}
.font-weight-semibold {
    font-weight: 500;
}

a {
    color: #2196F3;
    text-decoration: none;
    background-color: transparent;
}
.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}