@import "icons.css";

.teligro-wrap {
    line-height: 2em;
}

.wrap.teligro-wrap .wp-heading-inline {
    margin-bottom: 30px;
    display: flex;
}

.teligro-wrap .wp-heading-inline .teligro-logo {
    margin-right: 10px;
    width: 30px;
}

.teligro-wrap .wp-heading-inline span {
    line-height: 1;
}

.teligro-wrap table {
    border-collapse: collapse;
    width: 100%;
}

.teligro-wrap a, .teligro-wrap span {
    display: inline-block;
}

.teligro-wrap label {
    margin-right: 15px;
}

.teligro-wrap strong {
    font-weight: 700;
}

.teligro-wrap select {
    min-width: 300px;
}

.teligro-wrap select[multiple] {
    min-width: 300px;
    max-height: 200px;
}

.teligro-wrap .table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
}

.teligro-wrap .table-light {
    background-color: #fff;
}

.teligro-wrap .table-dark {
    color: #fff;
    background-color: #343a40;
}

.teligro-wrap .table-bordered {
    border: 1px solid #dee2e6;
}

.teligro-wrap .table-striped tbody tr:nth-of-type(2n+1) {
    background-color: rgba(0, 0, 0, .05);
}

.teligro-wrap .table-th-bold tbody tr th, .teligro-wrap .table-striped tbody tr th {
    background-color: #dee2e6;
}

.teligro-wrap table td, .teligro-wrap table th {
    padding: 15px 10px;
}

.teligro-wrap table tr td:first-child, .teligro-wrap table tr th:first-child {
    vertical-align: top;
}

.teligro-wrap table tr td:first-child {
    width: 200px;
}

.teligro-wrap input.small-text {
    width: 100px;
}

.teligro-wrap .nav-tab-wrapper {
    border-bottom: none;
}

.teligro-wrap .nav-tab {
    border: 1px solid #e0e0e0;
    border-bottom: none;
    color: #787878;
}

.teligro-wrap .nav-tab:not(.nav-tab-active) {
    background-color: #f1f1f1;
    cursor: pointer;
}

.teligro-wrap .description {
    color: #8a8a8a;
}

.teligro-wrap .nav-tab-active,
.teligro-wrap .nav-tab-active:focus,
.teligro-wrap .nav-tab-active:focus:active,
.teligro-wrap .nav-tab-active:hover {
    background-color: #fff;
    border-bottom-color: #fff;
    cursor: default;
}

.teligro-wrap .nav-tab:focus {
    box-shadow: none;
}

.teligro-wrap .teligro-tab-content {
    padding: 20px;
    background-color: #fff;
    margin-bottom: 20px;
}

.teligro-wrap th {
    text-align: left;
    padding: 15px 0 5px;
    vertical-align: top;
}

body.rtl .teligro-wrap th {
    text-align: right;
}

.teligro-wrap textarea, .teligro-metabox textarea, .teligro-metabox select {
    width: 100%;
}

.teligro-wrap .dashicons, .teligro-wrap .dashicons-before::before {
    line-height: unset;
}

.teligro-wrap .dashicons {
    font-size: 2.4em;
    color: #aaa;
    margin-left: 10px;
    cursor: pointer;
    width: 31px;
    height: 31px;
    line-height: 1em;
}

.teligro-metabox .dashicons {
    font-size: 1.5em;
    color: #fff;
    margin-left: 0;
    cursor: default;
    width: 20px;
    height: 20px;
}

.teligro-metabox .posted-to-channel {
    font-size: 1.2em;
    padding-top: 1px;
}

.teligro-wrap .dashicons:hover {
    color: #7d7d7d;
}

.teligro-wrap .dashicons-update {
    cursor: default;
}

.teligro-wrap .dashicons-info {
    color: #086e9e;
}

.teligro-wrap .dashicons-info:hover {
    color: #075b83;
}

.teligro-wrap .dashicons-trash {
    color: #d63834;
}

.teligro-wrap .dashicons-trash:hover {
    color: #a72c29;
}

.teligro-wrap .title-with-icon {
    display: flex;
    align-items: center;
}

.teligro-wrap .title-with-icon svg,
.teligro-wrap .title-with-icon [class^="dashicons-"],
.teligro-wrap .title-with-icon .pg-icon {
    font-size: 1.2em;
    margin-right: 7px;
    line-height: 1em;
}

.teligro-wrap div.wp-menu-image::before {
    color: inherit;
}

.accordion-teligro .toggle {
    background-color: #e4e4e4;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: all 0.4s;
}

.accordion-teligro .toggle .dashicons {
    color: #444;
    transition: all 0.4s;
}

.accordion-teligro .toggle.active .dashicons,
.accordion-teligro .toggle:hover .dashicons {
    color: #fff;
}

.accordion-teligro .item {
    border-bottom: 2px solid #cdcdcd;
}

.accordion-teligro .item:last-child {
    border-bottom: none !important;
}

.accordion-teligro .toggle.active,
.accordion-teligro .toggle:hover {
    background-color: #afafaf;
    color: #fff;
}

.accordion-teligro .toggle:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.accordion-teligro .toggle.active:after {
    content: "\2212";
}

.accordion-teligro .toggle.active:after,
.accordion-teligro .toggle:hover:after {
    color: #fff;
}

.accordion-teligro .panel {
    background-color: #f8f8f8;
    transition: max-height 0.2s ease-out;
    display: none;
    width: 100%;
}

.accordion-teligro .panel > * {
    padding: 20px;
}

.channel-list-teligro table {
    border-bottom: 1px solid #cfcfcf;
}

.channel-list-teligro table:last-child {
    border-bottom: none;
}

.channel-list-teligro .add-channel {
    padding: 10px;
    color: #fff;
    background-color: #558B2F;
    border: none;
    margin-top: 40px;
    cursor: pointer;
    float: right;
}

.channel-list-teligro .add-channel:hover {
    background-color: #8BC34A;
}

.channel-list-teligro .add-channel:disabled {
    background-color: #afafaf;
    cursor: not-allowed;
}

.teligro-wrap .button-save {
    padding: 10px;
    color: #fff;
    background-color: #0085ba;
    border: none;
    height: auto;
    cursor: pointer;
    display: flex;
    align-content: center;
    justify-content: space-around;
}

.teligro-wrap .button-save:hover {
    background-color: #0097d3;
}

.teligro-wrap .star-ratings {
    color: orange;
    font-size: 1.6em;
}

.channel-list-teligro .add-channel .dashicons, .teligro-wrap .button-save .dashicons {
    color: #fff;
    font-size: 1.6em;
    margin-left: auto;
    margin-right: 10px;
    width: 30px;
    height: 20px;
}

.teligro-loader {
    -webkit-animation: teligro_spin 2s linear infinite; /* Safari */
    animation: teligro_spin 2s linear infinite;
}

.green-teligro {
    color: #00c853;
}

.red-teligro {
    color: #ff1744;
}

.quick-send-channel-teligro {
    font-size: 1.7em;
    width: 25px;
    height: 23px;
    cursor: pointer;
    margin-right: 5px;
    display: inline-block;
}

.teligro-wrap .flex {
    display: flex;
    align-items: center;
    justify-content: start;
}

.teligro-warning-h3 {
    background-color: #fbfbfb;
    border-left: 4px solid red;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    margin: 15px 0;
    padding: 12px 12px 12px 50px;
    position: relative;
    max-width: 70%;
}

.teligro-warning-h3:before {
    content: '';
    position: absolute;
    top: 20px;
    left: 10px;
    width: 25px;
    height: 25px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTExLjk5OSA1MTEuOTk5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTEuOTk5IDUxMS45OTk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBzdHlsZT0iZmlsbDojRTUwMDI3OyIgZD0iTTUwMS40NDksMzY4LjkxNEwzMjAuNTY2LDY2LjIwN0MzMDYuNzUxLDQzLjM4NCwyODIuNzI4LDI5LjU2OSwyNTYsMjkuNTY5cy01MC43NTIsMTMuODE1LTY0LjU2NywzNi42MzhMMTAuNTUsMzY4LjkxNGMtMTMuODEyLDIzLjcyNS0xNC4xMTMsNTEuOTU0LTAuNTk5LDc1LjY3OGMxMy41MTMsMjMuNzIzLDM3LjgzNiwzNy44MzgsNjUuMTY1LDM3LjgzOGgzNjEuNzY2YzI3LjMyOSwwLDUxLjY1My0xNC4xMTUsNjUuMTY1LTM3LjgzOEM1MTUuNTYzLDQyMC44NjgsNTE1LjI2MiwzOTIuNjM5LDUwMS40NDksMzY4LjkxNHoiLz48cGF0aCBzdHlsZT0iZmlsbDojQzEwMDFGOyIgZD0iTTUwMi4wNDksNDQ0LjU5MmMtMTMuNTEzLDIzLjcyMy0zNy44MzYsMzcuODM4LTY1LjE2NSwzNy44MzhIMjU2VjI5LjU3YzI2LjcyNywwLDUwLjc1MiwxMy44MTUsNjQuNTY3LDM2LjYzOEw1MDEuNDUsMzY4LjkxNUM1MTUuMjYyLDM5Mi42MzksNTE1LjU2Myw0MjAuODY4LDUwMi4wNDksNDQ0LjU5MnoiLz48cGF0aCBzdHlsZT0iZmlsbDojRkQwMDNBOyIgZD0iTTc1LjEwOSw0NTIuNGMtMTYuNjI4LDAtMzAuODUxLTguMjctMzkuMDYzLTIyLjY2OWMtOC4yMTEtMTQuNDE0LTguMDY1LTMxLjA4NywwLjQ2OS00NS43MkwyMTcuMjMsODEuNTQ5YzguMjctMTMuNjY2LDIyLjgxNi0yMS45NTEsMzguNzY5LTIxLjk1MXMzMC41LDguMjg0LDM4Ljg4NywyMi4xNTdsMTgwLjc0NSwzMDIuNDljOC4zODgsMTQuNCw4LjUzNCwzMS4wNzIsMC4zMjIsNDUuNDg1Yy04LjIxMSwxNC40LTIyLjQzNSwyMi42NjktMzkuMDYzLDIyLjY2OUg3NS4xMDlWNDUyLjR6Ii8+PHBhdGggc3R5bGU9ImZpbGw6I0U1MDAyNzsiIGQ9Ik00MzYuODkxLDQ1Mi40YzE2LjYyOCwwLDMwLjg1MS04LjI3LDM5LjA2My0yMi42NjljOC4yMTEtMTQuNDE0LDguMDY1LTMxLjA4Ny0wLjMyMi00NS40ODVMMjk0Ljg4Niw4MS43NTRjLTguMzg4LTEzLjg3MS0yMi45MzMtMjIuMTU3LTM4Ljg4Ny0yMi4xNTdWNDUyLjRINDM2Ljg5MXoiLz48cGF0aCBzdHlsZT0iZmlsbDojRTFFNEZCOyIgZD0iTTI4Ni4wMywxNTIuMDk1djEyMC4xMjJjMCwxNi41MTctMTMuNTE0LDMwLjAzLTMwLjAzLDMwLjAzcy0zMC4wMzEtMTMuNTE0LTMwLjAzMS0zMC4wM1YxNTIuMDk1YzAtMTYuNTE3LDEzLjUxNC0zMC4wMzEsMzAuMDMxLTMwLjAzMVMyODYuMDMsMTM1LjU3OCwyODYuMDMsMTUyLjA5NXoiLz48cGF0aCBzdHlsZT0iZmlsbDojQzVDOUY3OyIgZD0iTTI4Ni4wMywxNTIuMDk1djEyMC4xMjJjMCwxNi41MTctMTMuNTE0LDMwLjAzLTMwLjAzLDMwLjAzVjEyMi4wNjRDMjcyLjUxNiwxMjIuMDY0LDI4Ni4wMywxMzUuNTc4LDI4Ni4wMywxNTIuMDk1eiIvPjxwYXRoIHN0eWxlPSJmaWxsOiNFMUU0RkI7IiBkPSJNMjU2LDMzMi4yNzhjLTI0LjkyNiwwLTQ1LjA0NiwyMC4xMTktNDUuMDQ2LDQ1LjA0NmMwLDI0LjkyNCwyMC4xMTksNDUuMDQ2LDQ1LjA0Niw0NS4wNDZzNDUuMDQ2LTIwLjEyMSw0NS4wNDYtNDUuMDQ2QzMwMS4wNDYsMzUyLjM5OCwyODAuOTI1LDMzMi4yNzgsMjU2LDMzMi4yNzh6Ii8+PHBhdGggc3R5bGU9ImZpbGw6I0M1QzlGNzsiIGQ9Ik0zMDEuMDQ2LDM3Ny4zMjNjMCwyNC45MjQtMjAuMTE5LDQ1LjA0Ni00NS4wNDYsNDUuMDQ2di05MC4wOTFDMjgwLjkyNSwzMzIuMjc4LDMwMS4wNDYsMzUyLjM5OCwzMDEuMDQ2LDM3Ny4zMjN6Ii8+PC9zdmc+');
}

/* Safari */
@-webkit-keyframes teligro_spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes teligro_spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* RTL */
body.rtl .teligro-wrap .wp-heading-inline .teligro-logo {
    margin-left: 10px;
}

body.rtl .teligro-wrap .emojionearea-editor {
    text-align: right;
    direction: rtl;
    padding-right: 40px;
}

body.rtl .teligro-wrap .dashicons {
    margin-left: auto;
    margin-right: 10px;
}

body.rtl .accordion-teligro .toggle {
    text-align: right;
    direction: ltr;
}

body.rtl .channel-list-teligro .add-channel {
    float: left;
}

body.rtl .teligro-wrap label {
    margin-right: 0;
    margin-left: 15px;
}

body.rtl .teligro-wrap .ltr-right {
    direction: ltr;
    text-align: right;
}

body.rtl .teligro-wrap .flex {
    justify-content: end;
}

body.rtl .quick-send-channel-teligro {
    margin-left: 5px;
}

body.rtl .teligro-wrap .title-with-icon svg,
body.rtl .teligro-wrap .title-with-icon [class^="dashicons-"] {
    margin-right: 0;
    margin-left: 7px;
}

body.rtl .teligro-warning-h3 {
    padding: 12px 50px 12px 12px;
    border-right: 4px solid red;
    border-left: none;
}

body.rtl .teligro-warning-h3:before {
    left: auto;
    right: 10px;
}

@media screen and (min-width: 783px) {
    body.rtl.toplevel_page_teligro {
        overflow-x: hidden;
    }
}