﻿@import url('https://fonts.googleapis.com/css?family=Comfortaa:300,400,700&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&subset=cyrillic');

body {
    font-family: 'Comfortaa', cursive;
}

.overflow-hidden-h-200 {
    height: 200px;
    overflow: hidden;
}

.img-avatar {
    width: 105px;
    height: auto;
}

.content-side-user {
    height: auto;
}

.font-size-xl {
    font-size: 1.2rem !important;
}

.nav-main a, .btn, label {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.turbolinks-progress-bar {
    height: 5px;
    background-color: #42a5f5 !important;
}

.images-content img {
    width: auto;
    max-width: 200px;
    display: block;
    margin-bottom: 10px;
}

.DIB {
    display: inline-block;
}

.last-td-300 tr td:last-child {
    text-align: center;
    width: 300px;
}

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

.block-header-default {
    background-color: rgba(0,0,0,.02);
}

.td-image img {
    width: 100px;
}

.nav-tabs .nav-link.disabled, .nav-tabs .nav-link.disabled:hover {
    color: #6c757d5c;
}

.section-name-home {
    margin: 0;
    padding: 8px 0 15px;
}

.table-sortable {
    position: relative;
}

.table-sortable tr[data-id] {
    cursor: pointer;
}

.table-sortable tr.ui-sortable-placeholder.ui-sortable-handle {
    background: #ffffff;
    width: 100%;
}

button:focus {
    outline-color: transparent;
    outline: none;
}
.hidden {
    display: none !important;
}
.table-container {
    overflow-y: auto;
    _overflow: auto;
    margin: 0 0 1em;
}
.table th, .table td {
    vertical-align: middle;
}
.text-center {
    text-align: center !important;
}
.table thead th {
    font-weight: 400;
}
.alert-danger ul {
    margin-bottom: 0;
}
.table-bordered thead th, .table-bordered thead td {
    border-bottom-width: 1px;
}
#table-order-and-payments tr td strong {
    width: 100%;
    display: block;
}
.extra-border-bottom td {
    border-bottom-width: 5px!important;
}
.extra-border-top td {
    border-top-width: 5px!important;
}

.border-right {
    border-right-width: 3px !important;
}