:root {
    --metro-blue  : #22b9ff;
    --metro-orange: #ffb822;
    --metro-pink  : #fd27eb;
    --metro-green : #1dc9b7;
}


.h1,.h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

.direction-ltr {
    direction: ltr !important;
}

.direction-rtl {
    direction: rtl !important;
}


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

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

.color-red {
    color: red;
}

.mt-1 {
    margin-top: .25rem;
}

.mb-1 {
    margin-top: .25rem;
}

.mt-2 {
    margin-top: 1rem;
}

.w-100 {
    width: 100% !important;
}


.gma-page-title {
    display: inline !important;
    font-size: 1.6em !important;
    margin-bottom: 0 !important;
}

img.gma-page-title {
    display: inline-block;
    vertical-align: -15px;
}

.gma-delete {
    cursor: pointer !important;
}

.fixed .column-gma-answer{
    width: 7em;
    text-align: center;
}

#gma-answers.postbox .inside {
    margin: 0;
    padding: 0;
}

#gma-answers .gma-answer-list-table {
    border:0 none;
}

#gma-answers .widefat td {
    border-bottom: none;
}
.manage-column.column-title {
    width: 35em;
}
.manage-column.column-comment{
    width: 4em;
}

.column-comment .post-com-count{
    display: inline-block;
}


.gma-available-parameters {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    color: #20bb20 !important;
}

.gma-question_page_gma-settings .gma-permission-settings td,
.gma-question_page_gma-settings .gma-permission-settings th {
    text-align: center;
}

.gma-question_page_gma-settings .gma-permission-settings tr.group td:first-child{
    text-align: left;
}

.gma-question_page_gma-settings .gma-permission-settings tr.available td{
    background-color: #fff;
}


.gma-col-w20 {
    width: 20%;
}


/*Notification Settings
*------------------------------------------------------------------------------------------------*/
.gma-mail-templates {
    position: relative;
}
.gma-mail-templates .progress-bar {
    position: absolute;
    top: 1px;
    left: 0;
    width: 100%;
    background: transparent;
}
.gma-mail-templates .progress-bar .progress-bar-inner {
    height: 5px;
    width: 0%;
    background: #f7682c;
}
.gma-mail-templates .form-table .gma-parameters-wrapper {
    border: 1px solid rgba(231, 231, 231, 0.46);
    padding: 5px;
    margin-top: 5px;
    background: #d3d3d305;
}
.gma-mail-templates .form-table span.description {
    color: lightgray;
}
.gma-notification-settings .nav-tabs {
    position: absolute;
    display: block;
    left: 100%;
    top: 0;
    margin: 0;
    width:277px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-left: -1px;
} 
.gma-notification-settings .nav-tabs li {
    cursor: pointer;
    background: #f1f1f1;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    margin-bottom: 0px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}

.gma-notification-settings .nav-tabs li:first-child {
    margin-top: -1px;
    border-top: 1px solid #ccc;
}
.gma-notification-settings .nav-tabs li:last-child {
    margin-bottom: -1px;
    border-bottom: 1px solid #ccc;
}

.gma-notification-settings .nav-tabs li.active,
.gma-notification-settings .nav-tabs li:hover {
    background: #fff;
    color: #000;
}

.gma-notification-settings .nav-tabs li.active{
    border-left: 1px solid #fff;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.gma-notification-settings .nav-tabs li.active a,
.gma-notification-settings .nav-tabs li:hover a {
    color: #000;
}

.gma-notification-settings .nav-tabs li a {
    text-decoration: none;
}

.gma-notification-settings .tab-content {
    background-color:#fff;
    padding: 10px 20px;
    border: 1px solid #ccc;
}

.card-aside {
    -ms-flex-direction: row;
    flex-direction: row;
}

.card-aside-column {
    min-width: 5rem;
    width: 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background: no-repeat center/cover;
}

.gma-notification-settings .tab-content .tab-pane.active {
    display: block;
}

#gma_sms_admin_mobiles {
    direction: ltr;
}


.form-table th {
    width: 250px;
}

.form-table.sms-notification th {
    width: 260px;
}

.form-table.sms-notification tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}

#nprogress .bar {
    background: #27c4f5 linear-gradient(to right,#27c4f5,#a307ba,#fd8d32,#70c050,#27c4f5) !important;
    position: fixed !important;;
    z-index: 9999999 !important;;
    top: 0 !important;;
    left: 0 !important;;
    width: 100% !important;;
    height: 4px !important;;
    -webkit-transition: all .2s linear !important;;
    transition: all .2s linear !important;;
}

input, select {
    padding: 7px 5px;
}


.swal2-container {
    z-index: 999999 !important;
}

.gma-addon__title {
    font-size: 1.2rem;
    text-decoration: none !important;
    color: rgb(0, 115, 170) !important;
}

.gma-addon__description {
    line-height: normal;
}

.gma-addon__price {
    font-size: 1rem;
}


/************** Blocked Users *****************/

#TB_ajaxContent {
    padding-bottom: 0 !important;
}

#TB_ajaxContent form table {
    width: 100%;
}


.gma-add-blocked-user input[type=text] {
    width: 100%;
}

.gma-add-blocked-user [name=gma_add_block_user] {
    margin-top: 12px;
    width: 100%;
    height: 31px;
}

.gma-add-blocked-user table {
    margin-top: 10px;
}

#gma-show-add-block-user-modal {
    margin-top: 20px;
}

table.blocked-users td,table.blocked-users th {
    width: 25% !important;
}

ul.subsubsub {
    margin: 20px 0 20px;
}

ul.subsubsub > li {
    display: inline-block;
}

ul.subsubsub > li.active > a {
    color: #000;
    font-weight: bold;
}

.wrap{
    position: relative;
}

.d-block {
    display: block;
}

.gma-voting-settings .form-table:not(:last-child) {
    border-bottom: 2px dashed lightgrey;
}

.description.extra {
    font-size: .7rem;
    color: grey;
}

table.reports tbody tr.pending {
    background-color: lightyellow;
}

.gma-dashboard-widget a {
    cursor: pointer !important;
    text-decoration: none !important;
}

.gma-dashboard-widget .gma-question-author, .gma-dashboard-widget .gma-comment-author  {
    color: rgb(108, 114, 147);
}

.gma .card {
    max-width: 100% !important;
}

.gma-dashboard .fa-large {
    font-size: 1.7rem;
}

.gma-dashboard .gma-question-widget,
.gma-dashboard .gma-answer-widget,
.gma-dashboard .gma-comment-widget,
.gma-dashboard .gma-user-widget {
    color: white;
}

.gma-dashboard .gma-question-widget {
    background: var(--metro-blue);
}

.gma-dashboard .gma-question-widget .gma-widget-icon {
    background: #00a8f6 !important;
}

.gma-dashboard .gma-answer-widget {
    background: var(--metro-orange);
}

.gma-dashboard .gma-answer-widget .gma-widget-icon {
    background: #ffad00;
}

.gma-dashboard .gma-comment-widget {
    background: var(--cyan);
}

.gma-dashboard .gma-comment-widget .gma-widget-icon {
    background: #038094;
}

.gma-dashboard .gma-user-widget {
    background: var(--green);
}

.gma-dashboard .gma-user-widget .gma-widget-icon {
    background: #1e8b37;
}

.gma-widget-count {
    font-size: 1.4rem;
}

.gma-widget-description {
    font-size: .8rem;
}

.wrap div.updated {
    margin: 15px 0 15px !important;
}


.type-gma-answer.status-pending, .type-gma-question.status-pending {
    background-color: #fef7f1 !important;
}

.type-gma-answer.status-pending th.check-column,.type-gma-question.status-pending th.check-column {
    border-left: 4px solid #d54e21;
}

table.gma_status_table {
    margin-top: 10px;
}

table.gma_status_table td mark.yes, table.gma_status_table th mark.yes {
    color: #7ad03a;
}

table.gma_status_table td mark, table.gma_status_table th mark {
    background: transparent none;
}

table.gma_status_table td:first-child {
    width: 33%;
}

table.gma_status_table td .red, table.gma_status_table td mark.error, table.gma_status_table th .red, table.gma_status_table th mark.error {
    color: #a00;
}

table.gma_status_table--tools td, table.gma_status_table--tools th {
    padding: 2em;
}


.gma-general-settings.general tbody td:last-child,
.gma-general-settings.archive tbody td:last-child,
.gma-general-settings.question tbody td:last-child,
.gma-general-settings.comment tbody td:last-child,
.gma-general-settings.editor tbody td:last-child,
.gma-general-settings.vote tbody td:last-child,
.gma-general-settings.captcha tbody td:last-child,
.gma-general-settings.permalink tbody td:last-child,
.gma-general-settings.pagination tbody td:last-child,
.gma-settings-avatar tbody td:last-child
{
    display: table-cell;
}


.notice, div.error, div.updated {
    padding: 11px 12px;
}

@media screen and (max-width: 782px) {
    .subsubsub {
        text-align: inherit !important;
    }

    #save-settings {
        width: 100%;
    }

    .nav-tab-wrapper .nav-tab {
        width: 90px;
        text-align: center;
        margin-top: 4px;
        padding-bottom: 4px;
    }

}