/* Default PHPFusion CSS3 Class */
.label-danger {
    margin-top: 5px;
}

/* positioning - these works on containers that has display:absolute or display:fixed only  */
.top-0 {
    top: 0 !important;
}

.top-5 {
    top: 5px !important;
}

.top-10 {
    top: 10px !important;
}

.top-20 {
    top: 20px !important;
}

.top-30 {
    top: 30px !important;
}

.top-40 {
    top: 40px !important;
}

.top-50 {
    top: 50px !important;
}

.bottom-0 {
    bottom: 0 !important;
}

.bottom-5 {
    bottom: 5px !important;
}

.bottom-10 {
    bottom: 10px !important;
}

.bottom-20 {
    bottom: 20px !important;
}

.bottom-30 {
    bottom: 30px !important;
}

.bottom-40 {
    bottom: 40px !important;
}

.bottom-50 {
    bottom: 50px !important;
}

.left-0 {
    left: 0 !important;
}

.left-10 {
    left: 10px !important;
}

.left-15 {
    left: 15px !important;
}

.left-20 {
    left: 20px !important;
}

.left-30 {
    left: 30px !important;
}

.left-40 {
    left: 40px !important;
}

.left-50 {
    left: 50px !important;
}

.right-0 {
    right: 0 !important;
}

.right-10 {
    right: 10px !important;
}

.right-15 {
    right: 15px !important;
}

.right-20 {
    right: 20px !important;
}

.right-30 {
    right: 30px !important;
}

.right-40 {
    right: 40px !important;
}

.right-50 {
    right: 50px !important;
}

/** Alignments */
.center-margin-x {
    margin: 0 auto;
}

/**
Grids
 */
/** adding .flexbox class to .row will equalize all child column height */
.row.flexbox {
    display: -webkit-box;
    display: flex;
    overflow: hidden;
}

/** adding .flexbox and .auto_width to .row will euqalize all child column height AND clumn width **/
.row.flexbox.auto_width > div {
    -webkit-box-flex: 1;
    flex: 1;
}

.row.equal-height {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}

.row.equal-height > [class*=col-] {
    -webkit-background-clip: content-box;
    -o-background-clip: content-box;
    background-clip: content-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-flex-direction: row;
}

.row.equal-height:before,
.row.equal-height:after {
    content: normal;
}

.row.equal-height > [class*=col-] > * {
    width: 100%;
}

/** Need to used inside a block type div and height width specify **/
.center-y {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.center-x {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.center-xy {
    position: relative;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.align-top, .vt {
    vertical-align: top !important;
    display: table-cell;
}

.align-middle, .va {
    vertical-align: middle !important;
    display: table-cell;
}

.align-bottom, .vb {
    vertical-align: bottom !important;
    display: table-cell;
}

.align-left {
    text-align: left;
}

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

.align-right {
    text-align: right;
}

/* Floats */
.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

@media (min-width: 768px) {
    .pull-left-sm {
        float: left;
    }

    .pull-right-sm {
        float: right;
    }
}

@media (min-width: 992px) {
    .pull-left-md {
        float: left;
    }

    .pull-right-md {
        float: right;
    }
}

@media (min-width: 1200px) {
    .pull-left-lg {
        float: left;
    }

    .pull-right-lg {
        float: right;
    }
}

/*spacers family*/
.spacer-xs {
    margin: 15px 0;
}

.spacer-sm {
    margin: 20px 0;
}

.spacer-md {
    margin: 40px 0;
}

.spacer-lg {
    margin: 80px 0;
}

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: 1px !important;
}

.m-2 {
    margin: 2px !important;
}

.m-3 {
    margin: 3px !important;
}

.m-5 {
    margin: 5px !important;
}

.m-10 {
    margin: 10px !important;
}

.m-b-0 {
    margin-bottom: 0 !important;
}

.m-b-5 {
    margin-bottom: 5px !important;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.m-b-15 {
    margin-bottom: 15px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.m-b-50 {
    margin-bottom: 50px !important;
}

.m-t-0 {
    margin-top: 0 !important;
}

.m-t-3 {
    margin-top: 3px !important;
}

.m-t-5 {
    margin-top: 5px !important;
}

.m-t-10 {
    margin-top: 10px !important;
}

.m-t-15 {
    margin-top: 15px !important;
}

.m-t-20 {
    margin-top: 20px !important;
}

.m-t-30 {
    margin-top: 30px !important;
}

.m-l-0 {
    margin-left: 0 !important;
}

.m-l-5 {
    margin-left: 5px !important;
}

.m-l-10 {
    margin-left: 10px !important;
}

.m-l-15 {
    margin-left: 15px !important;
}

.m-l-20 {
    margin-left: 20px !important;
}

.m-l-30 {
    margin-left: 30px !important;
}

.m-r-0 {
    margin-right: 0 !important;
}

.m-r-5 {
    margin-right: 5px !important;
}

.m-r-10 {
    margin-right: 10px !important;
}

.m-r-15 {
    margin-right: 15px !important;
}

.m-r-20 {
    margin-right: 20px !important;
}

.m-r-30 {
    margin-right: 30px !important;
}

.m-auto {
    margin: 0 auto !important;
}

.m-l--15 {
    margin-left: -15px !important;
}

.m-r--15 {
    margin-right: -15px !important;
}

/*padding family*/
.p-0 {
    padding: 0 !important;
}

.p-5 {
    padding: 5px !important;
}

.p-10 {
    padding: 10px !important;
}

.p-15 {
    padding: 15px !important;
}

.p-20 {
    padding: 20px !important;
}

.p-25 {
    padding: 25px !important;
}

.p-t-0 {
    padding-top: 0 !important;
}

.p-t-5 {
    padding-top: 5px !important;
}

.p-t-10 {
    padding-top: 10px !important;
}

.p-t-15 {
    padding-top: 15px !important;
}

.p-t-20 {
    padding-top: 20px !important;
}

.p-l-0 {
    padding-left: 0 !important;
}

.p-l-5 {
    padding-left: 5px !important;
}

.p-l-10 {
    padding-left: 10px !important;
}

.p-l-15 {
    padding-left: 15px !important;
}

.p-l-20 {
    padding-left: 20px !important;
}

.p-r-0 {
    padding-right: 0 !important;
}

.p-r-5 {
    padding-right: 5px !important;
}

.p-r-10 {
    padding-right: 10px !important;
}

.p-r-15 {
    padding-right: 15px !important;
}

.p-r-20 {
    padding-right: 20px !important;
}

.p-b-0 {
    padding-bottom: 0 !important;
}

.p-b-5 {
    padding-bottom: 5px !important;
}

.p-b-10 {
    padding-bottom: 10px !important;
}

.p-b-15 {
    padding-bottom: 15px !important;
}

.p-b-20 {
    padding-bottom: 20px !important;
}

/* display family */
.overflow-hide {
    overflow: hidden;
}

.display-none {
    display: none;
}

.display-block {
    display: block;
    width: 100%;
}

.display-inline {
    display: inline;
}

.display-inline-block {
    display: inline-block;
}

.display-table {
    display: table;
}

.display-table-row {
    display: table-row;
}

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

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.transition {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.no-shadow {
    box-shadow: none !important;
}

/* borders */
.bbr-0 {
    border-radius: 0 !important;
}

.no-border, .br-0 {
    border: 0 !important;
}

.br-l-0 {
    border-left: 0;
}

.br-r-0 {
    border-right: 0;
}

.br-t-0 {
    border-top: 0;
}

.br-b-0 {
    border-bottom: 0;
}

/* text family */
.text-white {
    color: #FFF !important;
}

.text-dark {
    color: #333 !important;
}

.text-black {
    color: #444 !important;
}

.text-lighter {
    opacity: 0.8;
}

.text-darker {
    opacity: 1;
}

.text-bigger {
    font-size: 110% !important;
}

.text-smaller {
    font-size: 85% !important;
}

.text-bold, .font-bold, .strong {
    font-weight: bold !important;
}

.text-light, .font-light {
    font-weight: 300 !important;
}

.text-normal, .font-normal {
    font-weight: normal !important;
    text-transform: none !important;
    text-decoration: none !important;
    color: inherit !important;
}

.text-active {
    color: rgb(66, 139, 202);
}

.text-disabled {
    color: #F7F7F7;
}

.text-serif {
    font-family: 'Times New Roman', Courier, "Courier New", serif;
}

.uppercase {
    text-transform: uppercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-underline {
    text-decoration: underline;
}

/* image family*/
.img-center {
    display: inline-block;
    position: relative !important;
    left: 100% !important;
    margin-left: -200% !important;
}

.thumb > img {
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
}

.thumb > span {
    background-color: #DDD;
    text-align: center;
}

.pdisabled {
    background-color: rgb(252, 248, 227) !important;
    border-color: rgb(250, 235, 204) !important;
}

.pdisabled > .handle > a {
    color: rgb(138, 109, 59) !important;
}

.blur {
    -webkit-filter: blur(5px) grayscale(50%);
}

/* cursors*/
.pointer {
    cursor: pointer;
}

/*borders*/
.no-border {
    border: 0 !important;
}

.bordered {
    border: 1px solid;
}

ul.block, ul.error-list {
    list-style: none outside none;
}

ol.decimal {
    list-style: decimal inside;
}

ul {
    padding: 0;
}

/* resets panelfor accordion */
li.card {
    box-shadow: none !important;
    margin-bottom: 0 !important;
    background: none;
    border: 0;
}

.list-style-none > li {
    list-style: none;
}

ul > li {
    padding: 0;
    list-style-position: inside;
}

.icon-xs {
    font-size: 16px !important;
    width: 16px;
}

.icon-sm {
    font-size: 32px !important;
    width: 32px;
}

.icon-md {
    font-size: 48px !important;
    width: 48px;
}

.icon-lg {
    font-size: 128px !important;
    width: 128px;
}

.icon-xl {
    font-size: 256px !important;
    width: 256px;
}

/* clearfix */
.clearfix {
    display: block;
}

.clearfix:after, li:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .clearfix, * html {
    zoom: 1;
}

.floatfix {
    overflow: hidden;
}

* html .floatfix {
    width: 100%;
}

/* Opacity */
.no-opacity, .opacity-none {
    opacity: 0;
}

.low-opacity {
    opacity: 0.2;
}

.mid-opacity {
    opacity: 0.45;
}

.high-opacity {
    opacity: 0.8;
}

.full-opacity {
    opacity: 1;
}

/*User Profile*/
#profile-li ul {
    padding: 0;
}

#profile-li > li {
    padding: 0;
}

#profile-li > li > a {
    padding: 8px 3px;
    width: 100%;
    display: inline-block;
    outline: none;
}

/**
 * Select2
 */
.select2-input {
    color: #999 !important;
    border: none !important;
}

.select2-offscreen {
    display: none;
}

.tbl {
    display: table-cell !important;
}

.required {
    color: red !important;
}

a img {
    border: 0
}

dl, dt, dd {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

/* Admin Panel */
.dms-switch:hover, .list-group-item:hover .status {
    text-decoration: underline;
}

.animated-height {
    -webkit-transition: height 0.2s;
    transition: height 0.2s;
}

/* Parse Users */
.user-tooltip {
    width: 250px;
    padding-bottom: 10px;
}

.form-inline > .form-group {
    width: auto !important;
}

table {
    font-size: 100%;
}

/* Admin Panel Icon */
.icon-wrapper img {
    max-width: 48px;
    max-height: 48px;
    margin: 15px auto 5px;
}

.icon-wrapper > .icon-container {
    text-align: center;
}

/* Table Sorter */
.tablesorter-default .header,
.tablesorter-default .tablesorter-header {
    background: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==) no-repeat center right;
}

.tablesorter-default thead .headerSortUp,
.tablesorter-default thead .tablesorter-headerAsc,
.tablesorter-default thead .tablesorter-headerSortUp {
    background: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7) no-repeat center right;
}

.tablesorter-default thead .headerSortDown,
.tablesorter-default thead .tablesorter-headerDesc,
.tablesorter-default thead .tablesorter-headerSortDown {
    background: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7) no-repeat center right;
}

th.min, td.min {
    width: 1%;
}

.image-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.image-wrap.cropfix {
    max-width: 100% !important;
    margin: 0 !important;
}

.word-break {
    word-break: break-all;
    word-wrap: break-word;
}

.no-break {
    white-space: nowrap;
}

/* CSS Nav Panel */
.sl {
    margin: 20px 0;
}

.sl .uip {
    margin: 5px 0;
}

.sl > li img, .side > li img {
    width: 19px;
    margin-right: 8px !important;
}

.HTML-img:hover ul.dropdown-menu {
    display: block;
}

/** Dynamics Bootstrap */
.stacked {
    display: inline-block;
    width: auto;
    margin-right: 10px;
}

/** Icon stacking **/
.icon-stack {
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 2em;
    vertical-align: middle;
    text-align: center;
}

.icon-stack > .icon,
.icon-stack > .icon::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    left: 0;
    margin: 0;
}

/** Backgrounds ***/
.clearBg {
    background-color: transparent !important;
}

.whiteBg {
    background-color: #fff !important;
}

/* File-input for Dynamics */
.btn-modal.btn-file {
    border: 1px dashed #ccc;
    width: 100%;
}

.file-preview-frame {
    display: block !important;
}

.card > .file-preview {
    border: transparent;
}

.file-preview-image {
    width: 100%;
    height: 200px;
}

.file-input .card {
    width: 200px;
}

.file-input .card .file-preview-image {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
}

.file-input .card .file-default-preview,
.file-input .card .file-preview-frame,
.file-input .card .file-preview-other {
    height: 143px;
    max-height: 143px;
    width: 100%;
    display: block;
    margin: 0;
    border: 0;
    box-shadow: none;
    padding: 0;
    float: none;
    overflow: hidden;
}

.file-input img {
    height: 100%;
    width: auto;
    margin: 0 auto;
}

.comments-form-card, .comments-card {
    margin-bottom: 20px;
}

.comments-form-header, .comments-header {
    position: relative;
    padding: 10px 0;
}

.comments-form-header:after, .comments-form-header:before, .comments-header:after, .comments-header:before {
    top: 100%;
    left: 5%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box {
    position: relative;
    background: #fff;
    border: 1px solid #ddd;
    margin-left: 15px;
    margin-bottom: 20px;
    padding: 3px 15px 15px;
}

.arrow_box:after, .arrow_box:before {
    right: 100%;
    top: 33%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border: 12px rgba(255, 255, 255, 0);
    border-right-color: #fff;
    margin-top: -12px;
}

.arrow_box:before {
    border: 14px rgba(221, 221, 221, 0);
    border-right-color: #ddd;
    margin-top: -14px;
}

.comment-actions {
    margin-top: 10px;
}

.comment-actions > .btn-group {
    display: -webkit-inline-box;
    display: inline-flex;
}

.comments_reply_form {
    margin-bottom: 30px;
}

/* Range */
.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #DEE2E6;
    border-color: transparent;
    border-radius: 1rem;
}

.form-range::-webkit-slider-thumb {
    width: 20px;
    height: 20px;
    margin-top: -8px;
    background-color: #0D6EFD;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    appearance: none;
}

.form-range::-webkit-slider-thumb:active {
    background-color: #0D6EFD;
}

.form-range-pct {
    bottom: 0;
    left: 14px;
    width: calc(100% - 30px);
    height: 30px;
}

.form-range-pct .range-text {
    top: 42px;
    font-size: 12px;
    left: 0;
    position: absolute;
    text-align: center;
    min-width: 24px;
}

.form-range-pct {
    bottom: 0;
    left: 14px;
    width: calc(100% - 30px);
    height: 30px;
}

.range-text {
    top: 42px;
    font-size: 12px;
    left: 0;
    position: absolute;
    text-align: center;
    min-width: 24px;
}

/* Textarea Dynamics */
.card-txtarea .preview-response {
    background-color: #f5f4f4;
    word-wrap: break-word;
    word-break: break-all;
}

.card-txtarea .bbcode {
    margin: 5px 1px;
}

/* Editor */
.editor-wrapper .nav {
    display: inline-block;
    float: right;
    padding: 0;
}

.editor-wrapper .card-heading, .editor-wrapper .card-footer {
    background: transparent;
}

.editor-wrapper > ul > li {
    float: right;
}

/** Media containers*/
.media-container {
    position: relative;
    overflow: hidden;
    border: 3px solid transparent;
}

.media-container.selected {
    border: 3px solid #3879D9;
}

.media-container img {
    position: relative;
}

/** Shoutbox */
.shoutboxwrapper {
    margin-top: 20px;
    word-wrap: break-word;
}

/** Css navigational **/
ul > li.divider {
    display: block;
    height: 10px;
    border-bottom: 1px solid #ddd;
}

#delete_status-field {
    float: left;
    width: auto;
    margin-bottom: 0;
}

/** Logo Position **/
.logo-xs-left {
    text-align: left;
}

.logo-xs-center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.logo-xs-right {
    text-align: right;
}

@media (min-width: 768px) {
    .logo-sm-left {
        text-align: left;
    }

    .logo-sm-center {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .logo-sm-right {
        text-align: right;
    }
}

@media (min-width: 992px) {
    .logo-md-left {
        text-align: left;
    }

    .logo-md-center {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .logo-md-right {
        text-align: right;
    }
}

@media (min-width: 1200px) {
    .logo-lg-left {
        text-align: left;
    }

    .logo-lg-center {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .logo-lg-right {
        text-align: right;
    }
}

/*Navbar*/
ul.navbar-nav li.no-link {
    position: relative;
}

ul.dropdown-menu,
ul.dropdown-menu > li > ul {
    list-style: none;
}

/**
label image
 */
label img, .control-label > img {
    margin-right: 5px;
    max-width: 24px;
}

.text-overflow-hide {
    overflow: hidden;
    text-overflow: ellipsis;
}

/**
table class ordering
 */
.order-caret-up-current:after, .order-caret-down-current:hover:after, .order-caret-up:hover:after {
    /*down*/
    font-family: 'FontAwesome 5 Free', sans-serif;
    content: '\f0d8';
    display: inline-block;
    color: #23282d;
    margin-left: 10px;
}

.order-caret-down-current:after, .order-caret-up-current:hover:after, .order-caret-down:hover:after {
    font-family: 'FontAwesome 5 Free', sans-serif;
    content: '\f0d7';
    display: inline-block;
    color: #23282d;
    margin-left: 10px;
}

.tbl_actions {
    display: none;
}

tr:hover > td .tbl_actions {
    display: block;
}

.tbl_actions > span:after {
    content: "|";
    display: inline-block;
    padding: 0 5px;
    color: #ccc;
}

.tbl_actions > span:last-child:after {
    content: "";
}

.text-normal label {
    font-weight: 400;
}

.thumb > img {
    display: block;
    width: 100%;
}

.avatar.img-rounded > svg {
    border-radius: 6px;
}

.avatar.img-circle > svg {
    border-radius: 50%;
}

.rank-label {
    padding: 6px 10px;
}

.rank-label > .detail {
    background: rgba(0, 0, 0, .1);
    margin: 0 -10px 0 10px;
    padding: 7px 12px;
    border-radius: 0 .28571429rem .28571429rem 0;
    display: inline-block;
    font-weight: 700;
    opacity: .8;
}

.rank-label.label-super-admin {
    background-color: #504cc7;
}

.rank-label.label-mod {
    background-color: #00B5AD;
    border-color: #00B5AD;
}

.rank-label.label-member {
    background-color: #2185D0;
    border-color: #2185D0;
}

.floatfix {
    overflow: hidden;
}

.state-highlight {
    background: #FFC;
    height: 20px;
}

#card-side1,
#card-side2,
#card-side3,
#card-side4,
#card-side5,
#card-side6 {
    list-style: none;
    height: auto !important;
}

#card-side1 li,
#card-side2 li,
#card-side3 li,
#card-side4 li,
#card-side5 li,
#card-side6 li {
    display: block;
}

#card-side1 li img.handle,
#card-side2 li img.handle,
#card-side3 li img.handle,
#card-side4 li img.handle,
#card-side5 li img.handle,
#card-side6 li img.handle {
    cursor: ns-resize;
}

html[dir="rtl"] body {
    direction: rtl;
}

html[dir="rtl"] .pull-left {
    float: right !important;
}

html[dir="rtl"] .pull-right {
    float: left !important;
}

html[dir="rtl"] .center-x {
    left: inherit;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}

html[dir="rtl"] .center-xy {
    left: inherit;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}

/**
Responsive Admin for all Admin Themes.
 */
.admin-form-type-1 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 70% 30%;
    grid-template-columns: 70% 30%;
}

@media (max-width: 991px) {
    .admin-form-type-1 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

/**Bbcodes */
.card.card-txtarea > .card-heading > .nav-wrapper.editor-wrapper {
    width: 100%;
    display: inline-block;
}

.card.card-default.card-txtarea .bbcode_input > div {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.card.card-default.card-txtarea .bbcode_input .bbcode {
    background: 0;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    box-shadow: none;
    display: flex;
    flex: 0 0 auto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 38px;
    justify-content: center;
    align-items: center;
    margin: 5px 1px 0 0;
    outline: 0;
    gap: 5px;
    padding: 5px;
    min-width: 33px;
}

.card.card-default.card-txtarea .bbcode_input .bbcode .bbcode-icon-wrap {
    background: 0;
    border: 0;
    box-shadow: none;
    float: none;
    margin: 0;
    max-width: none;
    outline: 0;
    padding: 0;
    position: static;
    width: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 24px;
}

.card.card-default.card-txtarea .bbcode_input .bbcode-popup img {
    width: 38px;
    height: auto;
    margin: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    padding: 8px;
}

/* makepagenav */
.pagination-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 1rem;
}

.pagination-row .form-group {
    margin: 0;
}

.pagination-row input {
    margin: 0;
    margin-right: 1rem;
    margin-left: 1rem;
    max-width: 50px;
}


/*---------- Panele --------------*/
.panel-body:after {
  clear: both;
}
.panel-body:before,
.panel-body:after {
  display: table;
  content: " ";
}
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
/*---------- Box --------------*/
.box-widget {
    border: 1px solid #d2d6de;
    position: relative;
}
.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}


.dark-mode .box {
  background-color: #343a40;
  color: #fff;
}


.box.box-primary {
    border-top-color: #3c8dbc;
}

.box.box-info {
    border-top-color: #00c0ef;
}

.box.box-danger {
    border-top-color: #dd4b39;
}

.box.box-warning {
    border-top-color: #f39c12;
}

.box.box-success {
    border-top-color: #00a65a;
}

.box.box-default {
    border-top-color: #d2d6de;
}

.box.collapsed-box .box-body,
.box.collapsed-box .box-footer {
    display: none;
}

.box .nav-stacked > li {
    border-bottom: 1px solid #f4f4f4;
    margin: 0;
}

.box .nav-stacked > li:last-of-type {
    border-bottom: none;
}

.box.height-control .box-body {
    max-height: 300px;
    overflow: auto;
}

.box .border-right {
    border-right: 1px solid #f4f4f4;
}

.box .border-left {
    border-left: 1px solid #f4f4f4;
}

.box.box-solid {
    border-top: 0;
}

.box.box-solid > .box-header .btn.btn-default {
    background: transparent;
}

.box.box-solid > .box-header .btn:hover,
.box.box-solid > .box-header a:hover {
    background: rgba(0, 0, 0, 0.1);
}

.box.box-solid.box-default {
    border: 1px solid #d2d6de;
}

.box.box-solid.box-default > .box-header {
    color: #444;
    background: #d2d6de;
}

.box.box-solid.box-default > .box-header a,
.box.box-solid.box-default > .box-header .btn {
    color: #444;
}

.box.box-solid.box-primary {
    border: 1px solid #3c8dbc;
}

.box.box-solid.box-primary > .box-header {
    color: #fff;
    background: #3c8dbc;
}

.box.box-solid.box-primary > .box-header a,
.box.box-solid.box-primary > .box-header .btn {
    color: #fff;
}

.box.box-solid.box-info {
    border: 1px solid #00c0ef;
}

.box.box-solid.box-info > .box-header {
    color: #fff;
    background: #00c0ef;
}

.box.box-solid.box-info > .box-header a,
.box.box-solid.box-info > .box-header .btn {
    color: #fff;
}

.box.box-solid.box-danger {
    border: 1px solid #dd4b39;
}

.box.box-solid.box-danger > .box-header {
    color: #fff;
    background: #dd4b39;
}

.box.box-solid.box-danger > .box-header a,
.box.box-solid.box-danger > .box-header .btn {
    color: #fff;
}

.box.box-solid.box-warning {
    border: 1px solid #f39c12;
}

.box.box-solid.box-warning > .box-header {
    color: #fff;
    background: #f39c12;
}

.box.box-solid.box-warning > .box-header a,
.box.box-solid.box-warning > .box-header .btn {
    color: #fff;
}

.box.box-solid.box-success {
    border: 1px solid #00a65a;
}

.box.box-solid.box-success > .box-header {
    color: #fff;
    background: #00a65a;
}

.box.box-solid.box-success > .box-header a,
.box.box-solid.box-success > .box-header .btn {
    color: #fff;
}

.box.box-solid > .box-header > .box-tools .btn {
    border: 0;
    box-shadow: none;
}

.box.box-solid[class*='bg'] > .box-header {
    color: #fff;
}

.box .box-group > .box {
    margin-bottom: 5px;
}

.box .knob-label {
    text-align: center;
    color: #333;
    font-weight: 100;
    font-size: 12px;
    margin-bottom: 0.3em;
}

.box > .overlay,
.overlay-wrapper > .overlay,
.box > .loading-img,
.overlay-wrapper > .loading-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.box .overlay,
.overlay-wrapper .overlay {
    z-index: 50;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 3px;
}

.box .overlay > svg,
.overlay-wrapper .overlay > svg,
.box .overlay > .fa,
.overlay-wrapper .overlay > .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    color: #000;
    font-size: 30px;
}

.box .overlay.dark,
.overlay-wrapper .overlay.dark {
    background: rgba(0, 0, 0, 0.5);
}

.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {
    content: " ";
    display: table;
}

.box-header:after,
.box-body:after,
.box-footer:after {
    clear: both;
}

.box-header {
    color: #444;
    display: block;
    padding: 10px;
    position: relative;
}

.box-header.with-border {
    border-bottom: 1px solid #f4f4f4;
}

.collapsed-box .box-header.with-border {
    border-bottom: none;
}

.box-header > svg,
.box-header > .fa,
.box-header > .glyphicon,
.box-header .box-title {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    line-height: 1;
}

.box-header > svg,
.box-header > .fa,
.box-header > .glyphicon {
    margin-right: 5px;
}

.box-header > .box-tools {
    position: absolute;
    right: 10px;
    top: 5px;
}

.box-header > .box-tools [data-toggle="tooltip"] {
    position: relative;
}

.box-header > .box-tools.pull-right .dropdown-menu {
    right: 0;
    left: auto;
}

.box-header > .box-tools .dropdown-menu > li > a {
    color: #444 !important;
}

.btn-box-tool {
    padding: 5px;
    font-size: 12px;
    background: transparent;
    color: #97a0b3;
}

.open .btn-box-tool,
.btn-box-tool:hover {
    color: #606c84;
}

.btn-box-tool.btn:active {
    box-shadow: none;
}

.box-body {
    border-radius: 0 0 3px 3px;
    padding: 10px;
}

.no-header .box-body {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.box-body > .table {
    margin-bottom: 0;
}

.box-body .fc {
    margin-top: 5px;
}

.box-body .full-width-chart {
    margin: -19px;
}

.box-body.no-padding .full-width-chart {
    margin: -9px;
}

.box-body .box-pane {
    border-radius: 0 0 3px 0;
}

.box-body .box-pane-right {
    border-radius: 0 0 0 3px;
}

.box-footer {
    border-radius: 0 0 3px 3px;
    border-top: 1px solid #6b6c6d;
    padding: 10px;
    background-color: #343a40;
}


.well {
  min-height: 20px;
  padding: 19px;
    padding-top: 19px;
    padding-bottom: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
  color: #000;
}

.btn-default .badge {
  color: #fff;
  background-color: #333;
}

.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}

label:not(.form-check-label):not(.custom-file-label) {
  font-weight: 700;
}
label {
  display: inline-block;
  margin-bottom: .5rem;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #adadad;
}
.tab-content {
  padding-top: 10px;
}