/* body {
    margin-top: 20px;
    background: #eee;
} */
form {
    padding: 1rem;
}
.support-teckits-sec a {
    text-decoration: none;
}

.support-teckits-sec .container {
    z-index: initial;
}

.support-teckits-sec .padding {
    padding: 10px;
}

/* GRID */
.support-teckits-sec .col {
    padding: 10px 20px;
    margin-bottom: 10px;
    background: #fff;
    color: #666666;
    text-align: center;
    font-weight: 400;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.06);
}

.support-teckits-sec .row h3 {
    color: #666666;
}

.support-teckits-sec .row.grid {
    margin-left: 0;
}

.support-teckits-sec .grid {
    position: relative;
    width: 100%;
    background: #fff;
    color: #666666;
    border-radius: 2px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.06);
}

@media screen and (max-width: 991px) {
    .support-teckits-sec .grid {
        margin-bottom: 25px;
    }
}

.support-teckits-sec .grid .grid-header {
    position: relative;
    border-bottom: 1px solid #ddd;
    padding: 15px 10px 10px 20px;
}

.support-teckits-sec .grid .grid-header:before,
.support-teckits-sec .grid .grid-header:after {
    display: table;
    content: " ";
}

.support-teckits-sec .grid .grid-header:after {
    clear: both;
}

.support-teckits-sec .grid .grid-header span,
.support-teckits-sec .grid .grid-header > .fa {
    display: inline-block;
    margin: 0;
    font-weight: 300;
    font-size: 1.5em;
    float: left;
}

.support-teckits-sec .grid .grid-header span {
    padding: 0 5px;
}

.support-teckits-sec .grid .grid-header > .fa {
    padding: 5px 10px 0 0;
}

.support-teckits-sec .grid .grid-header > .grid-tools {
    padding: 4px 10px;
}

.support-teckits-sec .grid .grid-header > .grid-tools a {
    color: #999999;
    padding-left: 10px;
    cursor: pointer;
}

.support-teckits-sec .grid .grid-header > .grid-tools a:hover {
    color: #666666;
}

.support-teckits-sec .grid .grid-body {
    padding: 15px 20px 15px 20px;
    font-size: 0.9em;
    line-height: 1.9em;
}

.support-teckits-sec .grid .full {
    padding: 0 !important;
}

.support-teckits-sec .grid .transparent {
    box-shadow: none !important;
    margin: 0px !important;
    border-radius: 0px !important;
}

.support-teckits-sec .grid.top.black > .grid-header {
    border-top-color: #000000 !important;
}

.support-teckits-sec .grid.bottom.black > .grid-body {
    border-bottom-color: #000000 !important;
}

.support-teckits-sec .grid.top.blue > .grid-header {
    border-top-color: #007be9 !important;
}

.support-teckits-sec .grid.bottom.blue > .grid-body {
    border-bottom-color: #007be9 !important;
}

.support-teckits-sec .grid.top.green > .grid-header {
    border-top-color: #00c273 !important;
}

.support-teckits-sec .grid.bottom.green > .grid-body {
    border-bottom-color: #00c273 !important;
}

.support-teckits-sec .grid.top.purple > .grid-header {
    border-top-color: #a700d3 !important;
}

.support-teckits-sec .grid.bottom.purple > .grid-body {
    border-bottom-color: #a700d3 !important;
}

.support-teckits-sec .grid.top.red > .grid-header {
    border-top-color: #dc1200 !important;
}

.support-teckits-sec .grid.bottom.red > .grid-body {
    border-bottom-color: #dc1200 !important;
}

.support-teckits-sec .grid.top.orange > .grid-header {
    border-top-color: #f46100 !important;
}

.support-teckits-sec .grid.bottom.orange > .grid-body {
    border-bottom-color: #f46100 !important;
}

.support-teckits-sec .grid.no-border > .grid-header {
    border-bottom: 0px !important;
}

.support-teckits-sec .grid.top > .grid-header {
    border-top-width: 4px !important;
    border-top-style: solid !important;
}

.support-teckits-sec .grid.bottom > .grid-body {
    border-bottom-width: 4px !important;
    border-bottom-style: solid !important;
}

/* SUPPORT TICKET */
@media (min-width: 576px) {
    .support-teckits-sec .modal-dialog {
        max-width: 70%;
        margin: 1.75rem auto;
    }
}

.support-teckits-sec .support ul {
    list-style: none;
    padding: 0px;
}

.support-teckits-sec .support ul li {
    padding: 8px 10px;
}

.support-teckits-sec .support ul li a {
    color: #999;
    display: block;
    cursor: pointer;
}

.support-teckits-sec .support ul li a:hover {
    color: #666;
}

.support-teckits-sec .support ul li.active {
    background: var(--color-main);
}

.support-teckits-sec .support ul li.active a {
    color: #fff;
}

.support-teckits-sec .support h2,
.support-teckits-sec .support-content h2 {
    margin-top: 5px;
}

.support-teckits-sec .support-content .list-group li {
    padding: 15px 20px 12px 20px;
    cursor: pointer;
}

.support-teckits-sec .support-content .list-group li:hover {
    background: #eee;
}

.support-teckits-sec .support-content .fa-padding .fa {
    padding-top: 8px;
    width: 1em;
    font-weight: 400;
}

.support-teckits-sec .support-content .info {
    color: #777;
    margin: 0px;
}

.support-teckits-sec .support-content a {
    color: #111;
}

.support-teckits-sec .support-content .info a:hover {
    text-decoration: underline;
}

.support-teckits-sec .support-content .info .fa {
    width: 1.5em;
    text-align: center;
}

.support-teckits-sec .support-content .number {
    color: #777;
}

.support-teckits-sec .support-content img {
    margin: 0 auto;
    display: block;
}

.support-teckits-sec .support-content .modal-body {
    padding-bottom: 0px;
}

.support-teckits-sec .support-content-comment {
    padding: 1rem 1rem 1rem 1.7rem;
    background: #eee;
    border-top: 1px solid #ccc;
}

.support-teckits-sec .support-ticket-content {
    padding-bottom: 1rem;
    padding-top: 1rem;
}

.support-teckits-sec .select-sec-cl {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    color: #666666;
}

.support-teckits-sec .card-spitial-cl .card-footer {
    background-color: transparent;
}

/* BACKGROUND COLORS */
.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
bg-gray,
bg-black,
.bg-red a,
.bg-yellow a,
.bg-aqua a,
.bg-blue a,
.bg-light-blue a,
.bg-green a,
.bg-navy a,
.bg-teal a,
.bg-olive a,
.bg-lime a,
.bg-orange a,
.bg-fuchsia a,
.bg-purple a,
.bg-maroon a,
bg-gray a,
.bg-black a {
    color: #f9f9f9 !important;
}
.bg-white,
.bg-white a {
    color: #999999 !important;
}
.bg-red {
    background-color: #f56954 !important;
}
.bg-yellow {
    background-color: #f39c12 !important;
}
.bg-aqua {
    background-color: #00c0ef !important;
}
.bg-blue {
    background-color: var(--color-main) !important;
}
.bg-light-blue {
    background-color: #3c8dbc !important;
}
.bg-green {
    background-color: #00a65a !important;
}
.bg-navy {
    background-color: #001f3f !important;
}
.bg-teal {
    background-color: #39cccc !important;
}
.bg-olive {
    background-color: #3d9970 !important;
}
.bg-lime {
    background-color: #01ff70 !important;
}
.bg-orange {
    background-color: #ff851b !important;
}
.bg-fuchsia {
    background-color: #f012be !important;
}
.bg-purple {
    background-color: #932ab6 !important;
}
.bg-maroon {
    background-color: #85144b !important;
}
.bg-gray {
    background-color: #eaeaec !important;
}
.bg-black {
    background-color: #222222 !important;
}

.support-teckits-sec h2 {
    font-size: calc(1.325rem + .9vw);
}
.support-teckits-sec .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.support-teckits-sec .btn-default.focus,
.support-teckits-sec .btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
    outline: none !important;
}
.support-teckits-sec button:active {
outline: none;
border: none;
}

.support-teckits-sec button:focus {outline:0;}
.support-teckits-sec .btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad !important;
}
.support-teckits-sec .btn-default.active,
.support-teckits-sec .btn-default:active,
.support-teckits-sec .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.support-teckits-sec .btn-default.active.focus,
.support-teckits-sec .btn-default.active:focus,
.support-teckits-sec .btn-default.active:hover,
.support-teckits-sec .btn-default:active.focus,
.support-teckits-sec .btn-default:active:focus,
.support-teckits-sec .btn-default:active:hover,
.support-teckits-sec .open > .dropdown-toggle.btn-default.focus,
.support-teckits-sec .open > .dropdown-toggle.btn-default:focus,
.support-teckits-sec .open > .dropdown-toggle.btn-default:hover {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}
.support-teckits-sec .btn-default.active,
.support-teckits-sec .btn-default:active,
.support-teckits-sec .open > .dropdown-toggle.btn-default {
    background-image: none;
}
.support-teckits-sec .btn-default.disabled.focus,
.support-teckits-sec .btn-default.disabled:focus,
.support-teckits-sec .btn-default.disabled:hover,
.support-teckits-sec .btn-default[disabled].focus,
.support-teckits-sec .btn-default[disabled]:focus,
.support-teckits-sec .btn-default[disabled]:hover,
.support-teckits-sec fieldset[disabled] .btn-default.focus,
.support-teckits-sec fieldset[disabled] .btn-default:focus,
.support-teckits-sec fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #ccc;
}
.support-teckits-sec .btn-default .badge {
    color: #fff;
    background-color: #333;
}

.support-teckits-sec .butn,
.support-teckits-sec .btn {
    padding: 0.375rem 0.75rem;
}

.support-teckits-sec .dropdown-item {
    padding: 0.25rem 1rem;
}

.support-teckits-sec .btn .fa {
    padding: 5px 5px 0 0;
}

.support-teckits-sec .media-body {
    width: 10000px;
}

.support-teckits-sec .media, .support-teckits-sec .media-body {
    overflow: hidden;
    zoom: 1;
}

.support-teckits-sec .dropdown-toggle::after {
    margin-left: 5px;
    top: 10px;
}

.support-teckits-sec .support-content strong {
    margin-left: 3px;
}