@import 'style.css';

.bg-gradient-default
{
    background: linear-gradient(87deg, #333, #555 100%) !important;
}

.hesap,
.hesap section
{
    height: 100%;
}

.v-middle
{
    position: relative !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.hesap .card-header img
{
    height: 50px;
    width: 100%;
    object-fit: contain;
}

body
{
    background: #fff;
}

.navbar-ust,
.navbar-ust .fa
{
    font-size: 11pt !important;
}

.navbar-ust,
#footer,
.navbar-nav .dropdown-menu
{
    background: #eee;
    color: #333333;
}

.navbar-ust a,
#footer a,
.navbar-nav .dropdown-menu a
{
    color: #333333;
}

.page-info
{
    font-size: 25pt;
    color: #333;
    background: #eee;
    text-shadow: none;
}

.navbar
{
    background: #ddd;
    color: #333;
}

.navbar-brand img
{
    height: 35px;
}

.dropdown-menu i
{
    top: -2px;
}

.dropdown-item:hover, 
.dropdown-item:focus
{
    color: #333 !important;
    background-color: #ddd;
}

.dropdown-item.active, 
.dropdown-item:active
{
    background-color: #fff;
    color: #333 !important;
}

@media (min-width: 992px)
{    
    .navbar-nav .dropdown-menu:before 
    {
        background: #eeeeee;
    }
}

.input-group
{
    box-shadow: none;
    border: 1px solid #ddd;
}

form .btn,
.focused .input-group
{
    box-shadow: none !important;
}

@media (min-width: 768px)
{
    .navbar-ust .d-none
    {
        display: inline-block !important;
    }
}

@media (max-width: 767px)
{
    #footer .col-md-6
    {
        text-align: center !important;
        font-size: 11pt;
    }

    .navbar-ust .col-md-3 .fa
    {
        font-size: 15pt !important;
    }

    #footer .text-right
    {
        margin-top: 7.5px;
    }

    .buttons 
    {
        text-align: center !important;
    }

    .page-info
    {
        font-size: 20pt;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
}

#sortable .btn
{
    cursor: move;
    transition: unset;
    border: 1px solid #ddd;
    color: #8898aa;
    padding-top: 7.5px;
    padding-bottom: 7.5px;
    text-align: left;
    text-transform: unset;
    white-space: inherit;
}

#sortable .btn:hover,
#sortable .btn:focus,
#sortable .btn:active
{
    box-shadow: none;
    background: #8898aa;
    color: #fff;
}

.cke_reset
{
    width: 100% !important;
}

.dropdown-menu .dropdown-item > i
{
    width: 10px;
}

.table th
{
    white-space: nowrap;
}

.mesajlar .fa-eye,
.mesajlar .fa-trash,
.yeniler .fa-minus,
.yeniler .fa-check
{
    cursor: pointer;
}

.modal-body, 
.modal .heading,
.modal p
{
    font-size: 10pt;
}

.modal-body a
{
    color: unset;
}

.table td, 
.table th
{
    vertical-align: middle !important;
}

.table img
{
    width: 100%; 
    height: 100px; 
    object-fit: contain; 
    object-position: center;
}

.model-sec 
{
    border: 1px solid #ddd;
    padding: 15px;
    max-height: 300px;
    width: 100%;
    font-size: .875rem;
    white-space: nowrap;
    overflow-y: scroll;
}

.model-sec a::before
{
    content: '\21A6';
    margin-right: 15px;
}

.model-sec a
{
    color: unset;
}

@media (max-width: 767px)
{
    .form-group small
    {
        display: block;
    }
}

thead th
{
    cursor: pointer;
}