.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
    float: none;
    margin: 0;
    margin-right: 3px;
}

.container {

    @media (min-width: 767px) and (max-width: 979px) {
        &, .navbar-static-top &, .navbar-fixed-top &, .navbar-fixed-bottom & {
            width: auto;
            max-width: 95%;
        }
    }


    & .row {
        @media (min-width: 767px) and (max-width: 979px) {
            & {
                margin-left: 0;
            }

            .span12 {
                width: 100%;
                max-width: 100%;
            }
        }


    }


}

/*для строчки грида*/
.flex {
    width: 100%;
    display: flex;
}

.align-items-center {
    align-items: center;
}

.table th, .table td {
    padding: 4px;

    &.td_booker_settings_btn {
        white-space: nowrap;
        text-align: center;

        & input {
            margin: 0;
            float: none !important;
            position: relative;
            top: 0;
            width: 14px;
            height: 14px;
            min-width: 14px;
            min-height: 14px;
        }

        & > a, & > label {
            flex: 1 1 10px;
            min-width: fit-content;
            display: inline-block;
            line-height: 20px;
            float: none;
            position: relative;
            margin-right: -3px;
        }
    }

    &.td_booker_settings_info {
        max-width: 0;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    &.trim-text {
        text-overflow: ellipsis;

        &.no-trim-text {
            text-overflow: unset;
        }
    }
}

.table.forks-table-cap td {
    border-top: none;
    padding: 1px;
    text-align: center;
    vertical-align: middle;

    &.bet-column {
        @media screen and (min-width: 979px) {
            width: 180px;
            min-width: 180px;
        }
    }

    &.refresh_coeff {
        white-space: nowrap;
        min-width: 35px;
    }
}

.table.forks-table-cap td:first-child {
    text-align: left;
    width: 130px;
    min-width: 130px;
    @media screen and (max-width: 768px) {
        & span.select2 {
            width: 85px !important;
        }
    }
}

.table tbody tr.errorlight1 td {
    background-color: #c05c5a;
}

.table tbody tr.errorlight2 td {
    background-color: #c76e6c;
}

.table tbody tr.red1 td {
    background-color: #f2dede;
}

.table tbody tr.red2 td {
    background-color: #f4e4e4;
}

.table tbody tr.successlight td {
    background-color: #E9F7E4;
}

.table tbody tr.blue1 td {
    background-color: #eaf5fb;
}

.table tbody tr.blue2 td {
    background-color: #D9EFFC;
}

/* Переопределение выделения отмеченной строки в таблице */
.grid-view table.forks-table tr.selected td {
    background: #DCEBF6 !important;
}

/* Цвет хедера таблицы*/
.table th {
    background-color: #82B8D6;
    color: #FFFFFF;
}

.items thead th {
    background-color: #82B8D6 !important;
    color: #FFFFFF !important;
}

.popover {
    /*width: 400px;*/
    max-width: none;
    /*background-color: #f5f5f5;*/
}

/*
.popover-content {
  background-color: #f5f5f5;
}
*/
.booker_checkbox {
    margin-left: 5px !important;
}

/*
.icon-markNewButton{
  background: url(/images/volume.png);
  float: right;
}
*/
/*
.arrowdown {
  content:url(/images/glyphicons/arrowdown.png);
}
.arrowup {
  content:url(/images/glyphicons/arrowup.png);
}
.arrowfreeze {
  content:url(/images/glyphicons/arrowfreeze.png);
}
.arrowdown:before {
  content: '';
  background:url(/images/glyphicons/arrowdown.png);
}
.arrowup:before {
  content: '';
  background:url(/images/glyphicons/arrowup.png);
}
.arrowfreeze:before {
  content: '';
  background:url(/images/glyphicons/arrowfreeze.png);
}
*/
/*
.refreshOdd{
    content:url(/images/glyphicons/refresh55.png);
}
.refreshOdd:active
{
    content:url(/images/glyphicons/refresh55_3.png);
}
*/
/*
.copyClipboard{
    content:url(/images/glyphicons/glyphicons-155-more-windows9.png);
}
.copyClipboard:active
{
    content:url(/images/glyphicons/glyphicons-155-more-windows9_2.png);
}
*/
.select2-container--default .select2-selection--single {
    border: 1px solid #ccc;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #75b9f0;
}

.select2-container--default .select2-selection--multiple {
    border-color: #ccc;
    /*border: solid #ccc 1px;*/
}

.positiveSelect {
    font-size: 13px;
}

.select2-container .select2-selection--single.positiveSelect .select2-selection__rendered {
    padding-left: 2px;
    padding-right: 18px;
    /*text-overflow:clip;
    white-space:normal;*/
}

/*.select2-results__option[id^="select2-ddBooker1-"],[id^="select2-ddBooker2-"] {*/
.select2-dropdown.positiveSelect .select2-results__options .select2-results__option {
    padding-left: 2px;
    padding-right: 2px;
}

form#formSettings.well {
    padding-left: 50px;
    @media screen and (max-width: 979px) {
        padding-left: 19px;
    }
}

.form-inline select.info1, .form-inline input.info1, .form-inline textarea.info1, .form-horizontal select.info1, .form-horizontal input.info1, .form-horizontal textarea.info1, .form-vertical select.info1, .form-vertical input.info1, .form-vertical textarea.info1 {
    border-color: #468847;
}

.select2-container .select2-selection--single.dd_color .select2-selection__rendered, .select2-dropdown.dd_color .select2-results__options .select2-results__option {
    /*padding-left:28px;*/
    position: relative;
}

.select2-container .select2-selection--single.dd_color .select2-selection__rendered:after, .select2-dropdown.dd_color .select2-results__options .select2-results__option:after {
    content: "";
    position: absolute;
    top: 50%;
    /*left: 4px;*/
    right: 4px;
    width: 20px;
    height: 16px;
    display: block;
    margin-top: -8px;
    border-left-width: 20px;
}

.td-color {
    position: relative;
}

.td-color:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 16px;
    display: block;
    margin-top: 6px;
    border-left-width: 4px;
}

.select2-container .select2-selection--single.dd_color .select2-selection__rendered[title="цвет 1"]:after, .select2-container .select2-selection--single.dd_color .select2-selection__rendered[title="color 1"]:after, .select2-dropdown.dd_color .select2-results__options .select2-results__option[id^="select2-dd_color-"][id$="-1"]:after, .td-color1:after {
    border-left-style: solid;
    border-left-color: #FF4136;
}

.select2-container .select2-selection--single.dd_color .select2-selection__rendered[title="цвет 2"]:after, .select2-container .select2-selection--single.dd_color .select2-selection__rendered[title="color 2"]:after, .select2-dropdown.dd_color .select2-results__options .select2-results__option[id^="select2-dd_color-"][id$="-2"]:after, .td-color2:after {
    border-left-style: solid;
    border-left-color: #BC4123;
}

.select2-container .select2-selection--single.dd_color .select2-selection__rendered[title="цвет 3"]:after, .select2-container .select2-selection--single.dd_color .select2-selection__rendered[title="color 3"]:after, .select2-dropdown.dd_color .select2-results__options .select2-results__option[id^="select2-dd_color-"][id$="-3"]:after, .td-color3:after {
    border-left-style: solid;
    border-left-color: #FFCD24;
}

.select2-container .select2-selection--single.dd_color .select2-selection__rendered[title="цвет 4"]:after, .select2-container .select2-selection--single.dd_color .select2-selection__rendered[title="color 4"]:after, .select2-dropdown.dd_color .select2-results__options .select2-results__option[id^="select2-dd_color-"][id$="-4"]:after, .td-color4:after {
    border-left-style: solid;
    border-left-color: #F7941D;
}

.select2-container .select2-selection--single.dd_color .select2-selection__rendered[title="цвет 5"]:after, .select2-container .select2-selection--single.dd_color .select2-selection__rendered[title="color 5"]:after, .select2-dropdown.dd_color .select2-results__options .select2-results__option[id^="select2-dd_color-"][id$="-5"]:after, .td-color5:after {
    border-left-style: solid;
    border-left-color: #9CB700;
}

.select2-container .select2-selection--single.dd_color .select2-selection__rendered[title="цвет 6"]:after, .select2-container .select2-selection--single.dd_color .select2-selection__rendered[title="color 6"]:after, .select2-dropdown.dd_color .select2-results__options .select2-results__option[id^="select2-dd_color-"][id$="-6"]:after, .td-color6:after {
    border-left-style: solid;
    border-left-color: #679146;
}

.select2-container .select2-selection--single.dd_color .select2-selection__rendered[title="цвет 7"]:after, .select2-container .select2-selection--single.dd_color .select2-selection__rendered[title="color 7"]:after, .select2-dropdown.dd_color .select2-results__options .select2-results__option[id^="select2-dd_color-"][id$="-7"]:after, .td-color7:after {
    border-left-style: solid;
    border-left-color: #87AAB9;
}

.select2-container .select2-selection--single.dd_color .select2-selection__rendered[title="цвет 8"]:after, .select2-container .select2-selection--single.dd_color .select2-selection__rendered[title="color 8"]:after, .select2-dropdown.dd_color .select2-results__options .select2-results__option[id^="select2-dd_color-"][id$="-8"]:after, .td-color8:after {
    border-left-style: solid;
    border-left-color: #42B0E2;
}

.select2-container .select2-selection--single.dd_color .select2-selection__rendered[title="цвет 9"]:after, .select2-container .select2-selection--single.dd_color .select2-selection__rendered[title="color 9"]:after, .select2-dropdown.dd_color .select2-results__options .select2-results__option[id^="select2-dd_color-"][id$="-9"]:after, .td-color9:after {
    border-left-style: solid;
    border-left-color: #00759A;
}

.select2-container .select2-selection--single.dd_color .select2-selection__rendered[title="цвет 10"]:after, .select2-container .select2-selection--single.dd_color .select2-selection__rendered[title="color 10"]:after, .select2-dropdown.dd_color .select2-results__options .select2-results__option[id^="select2-dd_color-"][id$="-10"]:after, .td-color10:after {
    border-left-style: solid;
    border-left-color: #261E1E;
}

/*
.td-filter2 {
  position: relative;
}
.td-filter2:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 2px;
  height: 26px;
  display: block;
  margin-top: -13px;
  border-left: 4px solid #82B8D6;
}
*/
#page {
    padding-top: 30px;
}

.footer {
    border-top: 1px solid #eee;
}

/* Ссылка на новую версию */
.logo-block {
    position: relative;
    flex-basis: 147px;
    min-width: 147px;
    display: flex;
}

.navbar {
    position: static;

    & .container {
        display: flex;
        align-items: baseline;
        @media screen and (max-width: 400px) {
            flex-wrap: wrap;
        }
    }

    & .nav {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        max-height: 34px;
        gap: 3px;
        transition: .3s;
        position: relative;
        margin-right: 0;
        overflow-y: hidden;

        &.expanded {
            max-height: 70vh;
            transition: .8s;
        }
    }

    & .header-menu-expanded-arrow {
        display: none;
        cursor: pointer;
        min-width: 15px;
        min-height: 15px;
        rotate: 90deg;
    }
}

@media screen and (max-width: 1200px) {
    .navbar {
        .nav {
            max-width: 100%;
            overflow-x: hidden;
        }

        & .header-menu-expanded-arrow {
            display: block;
        }
    }
}

.link-to-new {
    color: #998;
    position: absolute;
    top: 24px;
    right: 18px;
    white-space: nowrap;
    text-decoration: none !important;
    font-size: 13px;
}

.link-to-new:hover {
    color: #FFF !important;
}

@media (max-width: 979px) {
    .navbar .link-to-new {
        right: 12px;
    }
}

.cc-window {
    opacity: 1;
    transition: opacity 1s ease
}

.cc-window.cc-invisible {
    opacity: 0
}

.cc-animate.cc-revoke {
    transition: transform 1s ease
}

.cc-animate.cc-revoke.cc-top {
    transform: translateY(-2em)
}

.cc-animate.cc-revoke.cc-bottom {
    transform: translateY(2em)
}

.cc-animate.cc-revoke.cc-active.cc-bottom, .cc-animate.cc-revoke.cc-active.cc-top, .cc-revoke:hover {
    transform: translateY(0)
}

.cc-grower {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s
}

.cc-link, .cc-revoke:hover {
    text-decoration: underline
}

.cc-revoke, .cc-window {
    position: fixed;
    overflow: hidden;
    box-sizing: border-box;
    font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    z-index: 9999
}

.cc-window.cc-static {
    position: static
}

.cc-window.cc-floating {
    padding: 2em;
    max-width: 24em;
    -ms-flex-direction: column;
    flex-direction: column
}

.cc-window.cc-banner {
    padding: 1em 1.8em;
    width: 100%;
    -ms-flex-direction: row;
    flex-direction: row
}

.cc-revoke {
    padding: .5em
}

.cc-header {
    font-size: 18px;
    font-weight: 700
}

.cc-btn, .cc-close, .cc-link, .cc-revoke {
    cursor: pointer
}

.cc-link {
    opacity: .8;
    display: inline-block;
    padding: .2em
}

.cc-link:hover {
    opacity: 1
}

.cc-link:active, .cc-link:visited {
    color: initial
}

.cc-btn {
    display: block;
    padding: .4em .8em;
    font-size: .9em;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space: nowrap
}

.cc-highlight .cc-btn:first-child {
    background-color: transparent;
    border-color: transparent
}

.cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {
    background-color: transparent;
    text-decoration: underline
}

.cc-close {
    display: block;
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: 1.6em;
    opacity: .9;
    line-height: .75
}

.cc-close:focus, .cc-close:hover {
    opacity: 1
}

.cc-revoke.cc-top {
    top: 0;
    left: 3em;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em
}

.cc-revoke.cc-bottom {
    bottom: 0;
    left: 3em;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em
}

.cc-revoke.cc-left {
    left: 3em;
    right: unset
}

.cc-revoke.cc-right {
    right: 3em;
    left: unset
}

.cc-top {
    top: 1em
}

.cc-left {
    left: 1em
}

.cc-right {
    right: 1em
}

.cc-bottom {
    bottom: 1em
}

.cc-floating > .cc-link {
    margin-bottom: 1em
}

.cc-floating .cc-message {
    display: block;
    margin-bottom: 1em
}

.cc-window.cc-floating .cc-compliance {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.cc-window.cc-banner {
    -ms-flex-align: center;
    align-items: center
}

.cc-banner.cc-top {
    left: 0;
    right: 0;
    top: 0
}

.cc-banner.cc-bottom {
    left: 0;
    right: 0;
    bottom: 0
}

.cc-banner .cc-message {
    display: block;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 100%;
    margin-right: 1em
}

.cc-compliance {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.cc-floating .cc-compliance > .cc-btn {
    -ms-flex: 1;
    flex: 1
}

.cc-btn + .cc-btn {
    margin-left: .5em
}

@media print {
    .cc-revoke, .cc-window {
        display: none
    }
}

@media screen and (max-width: 900px) {
    .cc-btn {
        white-space: normal
    }
}

@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
    .cc-window.cc-top {
        top: 0
    }

    .cc-window.cc-bottom {
        bottom: 0
    }

    .cc-window.cc-banner, .cc-window.cc-floating, .cc-window.cc-left, .cc-window.cc-right {
        left: 0;
        right: 0
    }

    .cc-window.cc-banner {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cc-window.cc-banner .cc-compliance {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .cc-window.cc-floating {
        max-width: none
    }

    .cc-window .cc-message {
        margin-bottom: 1em
    }

    .cc-window.cc-banner {
        -ms-flex-align: unset;
        align-items: unset
    }

    .cc-window.cc-banner .cc-message {
        margin-right: 0
    }
}

.cc-floating.cc-theme-classic {
    padding: 1.2em;
    border-radius: 5px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
    text-align: center;
    display: inline;
    -ms-flex: none;
    flex: none
}

.cc-theme-classic .cc-btn {
    border-radius: 5px
}

.cc-theme-classic .cc-btn:last-child {
    min-width: 140px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
    display: inline-block
}

.cc-theme-edgeless.cc-window {
    padding: 0
}

.cc-floating.cc-theme-edgeless .cc-message {
    margin: 2em 2em 1.5em
}

.cc-banner.cc-theme-edgeless .cc-btn {
    margin: 0;
    padding: .8em 1.8em;
    height: 100%
}

.cc-banner.cc-theme-edgeless .cc-message {
    margin-left: 1em
}

.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {
    margin-left: 0
}

.cc-color-override-1.cc-window {
    color: rgb(255, 255, 255);
    background-color: rgb(0, 0, 0);
}

.cc-color-override-1 .cc-link, .cc-color-override-1 .cc-link:active, .cc-color-override-1 .cc-link:visited {
    color: rgb(255, 255, 255);
}

.cc-color-override-1 .cc-btn {
    color: rgb(0, 0, 0);
    background-color: rgb(241, 214, 0);
    border-color: transparent;
}

.cc-color-override-1 .cc-btn:hover, .cc-color-override-1 .cc-btn:focus {
    background-color: rgb(255, 252, 38);
}

.lang-selector {
    border-bottom-color: rgb(27, 27, 27);
    border-top-color: rgb(27, 27, 27);
    border-left-color: rgb(27, 27, 27);
    border-right-color: rgb(27, 27, 27);
}

select.span1 {
    min-width: 62px;
}

select#ddlPerPage {
    max-width: 70px;
}

.well {
    box-sizing: border-box;
    min-width: auto;

    &.bookmaker-form {
        padding-left: 50px;
        padding-right: 50px;
        @media screen and (max-width: 979px) {
            padding-left: 10px;
            padding-right: 10px;
        }
    }
}

.forks-table.forks-table-cap.table {
    width: 70%;
    margin-bottom: 0;

    & .calc-column {
        /* display: inline !important; */
    }

    @media screen and (max-width: 1200px) {
        width: 86%;
    }

    @media screen and (max-width: 979px) {
        width: 100%;
    }
}

.coeff {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 3px;

    tr& {
        margin-bottom: 20px;
    }

    tr& td {
        @media screen and (max-width: 400px) {
        }
    }
}

.first-table {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    @media screen and (max-width: 610px) {
        gap: 20px;
    }

    & tr {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        align-items: center;

        & td {
            min-width: 106px;

            & input.span1 {
                min-width: 56px;
                max-width: 80px;
            }
        }
    }
}

.big-clone-table {
    flex-wrap: wrap;
    gap: 5px;
    overflow-x: auto;

    &.filters {
        display: flex;

        & .clone-filters-table {
            width: auto;

            & th, & td {
                border-top: none;
                padding: 1px;
                padding-bottom: .3em;
                vertical-align: middle;


                @media (min-width: 768px) and (max-width: 979px) {
                    input.span1 {
                        width: 52px;
                    }
                }


            }

            td.coeff_el {
                text-align: center;
            }

            td .initiator-qube {
                background-position-x: center;
                display: list-item;
                text-decoration: blink;
                margin-top: 0px;
            }

            & .clone-filters-table-head {
                & td {
                    font-size: 14px;
                    text-align: center;


                    label {
                        font-size: 14px;
                    }
                }


            }

            @media screen and (max-width: 979px) {
                width: 100%;
            }

            @media screen and (max-width: 500px) {
                & td.intiator-head {
                    word-break: break-word;
                    min-width: 50px;
                }

                & td .initiator-qube {
                    margin-left: 10px !important;
                }
            }

            @media screen and (max-width: 370px) {
                & th, & td {
                    padding-left: 0;
                }

                & .clone-filters-table-head {
                    & td {
                        font-size: 12px;
                        text-align: center;


                        label {
                            font-size: 12px;
                        }
                    }


                }
            }


        }

        & .three-labels-controls {
            margin-bottom: 10px;
            display: flex;
            @media screen and (max-width: 979px) {


                order: -1;
                flex: 1;
                justify-content: flex-end;


            }
        }


    }

    & tr {
        &.spaceUnder {
            height: 54px;
            @media screen and (max-width: 979px) {
                & td .input-large {
                    width: 150px;
                }
            }

            @media screen and (max-width: 768px) {
                & td .input-large {
                    width: 110px;
                }
            }
        }

        & th {
        }

        & td.td_clone {
            /* display: flex; */
            flex-wrap: wrap;

            & label {
                text-overflow: ellipsis;
                word-break: break-word;
                word-wrap: break-word;
                line-height: normal !important;
            }
        }
    }
}

.table.forks-table-cap .label:empty {
    vertical-align: middle;
    min-width: 13px;
    min-height: 13px;
}

.table .hidden-phone {
    display: table-cell;
}

.table .hidden-desktop-bet {
    display: none;
}

.expand-row-arrow {
    display: none;
    transition: .3s;
    flex: 1 0 25px;
    cursor: pointer;
    background-image: url('/images/arrow-top.svg');
    background-position-x: center;
    background-position-y: bottom;
    background-repeat: no-repeat;
    transform: rotate(90deg);
    width: 25px;
    height: 20px;

    &.rotate-bottom {
        transform: rotate(180deg);
    }
}

.forks-table-wrapper {
    width: 100%;
    transition: .3s;

    &.scroll-x-auto {
        overflow-x: auto;
    }

    &.scroll-x {
        overflow-x: scroll;
    }
}


label[for="Settings_show_mirrors"],
label[for*="chkAutoUpdateOdd"] {
    white-space: nowrap;

    input#Settings_show_mirrors,
    input[id*="chkAutoUpdateOdd"] {
        line-height: 20px;
        margin: 0;
        padding: 0;
        float: none !important;
    }


}

@media screen and (max-width: 979px) {
    .navbar .nav > li > a {
        padding-left: 10px;
        padding-right: 10px;
    }

    .table.forks-table.forks-table-cap td:first-child {
        min-width: 126px;
    }

    .table.forks-table th, .table.forks-table td {
        font-size: 12px;
    }

    #formPanel {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
        justify-content: center;
    }
}


@media (min-width: 768px) and (max-width: 979px) {
    .table select.span1 {
        width: 64px;
    }
}

@media screen and (max-width: 768px) {
    body {
        padding: 2px;
        padding-top: 0;
    }

    .navbar .nav > li > a {
        padding-left: 5px;
        padding-right: 5px;
    }

    .hero-unit h1 {
        font-size: 40px;
    }

    .table .hidden-phone {
        display: table-cell !important;
    }

    .table.forks-table th, .table.forks-table td {
        font-size: 12px;

        &.mw-o20 {
            max-width: 4px;
        }

        &.mw-o25 {
            max-width: 25px;
        }

        &.mw-o30 {
            max-width: 30px;
        }

        &.mw-o40 {
            max-width: 40px;
        }

        &.mw-o25, &.mw-o30, &.mw-o40, &.mw-o20 {
            overflow-x: hidden;

            &.no-trim-text {
                overflow-x: unset;
                max-width: unset;
            }
        }
    }

    .table.forks-table.forks-table-cap td:first-child {
        min-width: 103px;
        width: 103px;
    }

    table.forks-table label, table.forks-table input, table.forks-table button, table.forks-table select, table.forks-table textarea {
        font-size: 12px;
    }

    table.forks-table select, table.forks-table textarea, table.forks-table input[type="text"], table.forks-table input[type="password"], table.forks-table input[type="datetime"], table.forks-table input[type="datetime-local"], table.forks-table input[type="date"], table.forks-table input[type="month"], table.forks-table input[type="time"], table.forks-table input[type="week"], table.forks-table input[type="number"], table.forks-table input[type="email"], table.forks-table input[type="url"], table.forks-table input[type="search"], table.forks-table input[type="tel"], table.forks-table input[type="color"] {
        font-size: 12px;
        padding: 3px;
        max-width: fit-content;
    }

    .forks-table-cap {
        input.span1, select.span1 {
            width: 40px;
            font-size: 10px;
        }
    }

    .table select.span1 {
        min-width: 50px;
        font-size: 10px;
    }

    .positiveSelect {
        font-size: 12px;
    }

    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
        margin-right: -2px;
        margin-left: -2px;
    }

    #formCalc.well {
        padding: 2px;
    }
}

@media screen and (max-width: 550px) {
    .navbar .nav > li:first-child {
        /* display: none; */
    }

    .hero-unit h1 {
        font-size: 30px;
    }

    .expand-row-arrow {
        display: block;
    }

    .table .hidden-phone-bet {
        display: none;
    }

    .table.forks-table.forks-table-cap td:first-child {
        min-width: 103px;
    }

    .table tr.hidden-desktop-bet {
        display: table-row;

        & td {
            /* text-align: right; */
        }
    }
}

@media screen and (max-width: 500px) {
    .table .hidden-phone {
        padding: 0 !important;
        min-width: 10px;
        max-width: 10px;
        opacity: 0.2;
        overflow: hidden;
        transition: .3s;

        &.expanded {
            max-width: 200px;
            opacity: 1;
        }
    }

    form#formSettings.well {
        padding: 10px;
    }

    .big-clone-table {
        & tr td:first-child {
            max-width: fit-content;
            height: auto;
            overflow-x: hidden;
            padding: 4px 1px;

            & > a {
            }
        }

        & .options-table tr td:first-child {
            padding: 0;
            padding-bottom: .5em;
        }
    }
}

@media (max-width: 480px) {
}

@media screen and (max-width: 375px) {
    .hero-unit h1 {
        font-size: 23px;
    }

    .form-horizontal .controls {
        width: 100%;
    }

    .log-reg-form .controls.google-recaptcha {
        scale: 0.8;
        transform-origin: left;
    }
}

@media screen and (max-width: 280px) {
    .log-reg-form .controls.google-recaptcha {
        scale: 0.7;
        transform-origin: left;
    }
}


.tooltip-inner {
    white-space: break-spaces;
    word-break: break-word;
    word-wrap: break-word;
}