/** 
 * Custom Icons
 */

.field__rules {
    -moz-column-count: 2;
    column-count: 2;
    padding: 5px;
    font-size: 0.8em;
    list-style: none;
}
.field__rules > li {
    display: flex;
    align-items: center;
    padding: 3px 0;
    color: rgba(17, 17, 17, 0.6);
    transition: 0.2s;
}
.field__rules > li::before {
    content: "✔";
    display: inline-block;
    color: #DDD;
    font-size: 1em;
    line-height: 0;
    margin: 0 6px 0 0;
    transition: 0.2s;
}
.field__rules > li.pass {
    color: #111;
}
.field__rules > li.pass::before {
    color: #2B93D9;
    text-shadow: 0 0 8px currentColor;
}

.ui.menu .active.item {
    box-shadow: #005a9e !important;
}

i.signature:before {
    content: "\270D";
    font-size: 24px;
}

i.signature.large:before {
    content: "\270D";
    font-size: 35px;
    top: 0;
    line-height: 18px;
}


/* this fixes the weird grey background with IE9-11 */

.select2-results__option option:hover {
    background-color: transparent !important;
    color: white !important;
}


/* this fixes the weird grey background with IE9-11 */

.ui.progress .bar>.progress {
    font-weight: normal !important;
    right: 0.25em !important;
}

.ui.large.progress .bar {
    width: 3.5%;
}

.ui.block.header.red.hard {
    background: #e63001;
    color: white !important;
    text-align: center;
}

.modalCloseButton {
    padding-top: 10px !important;
    z-index: 999999 !important;
    margin-bottom: 2px !important;
}

.stripes.red {
    background: repeating-linear-gradient(45deg, transparent, transparent 10px, #ea6969 10px, #ea6969 20px), linear-gradient(to bottom, #eee, #ea6969);
}

.ui.accordion .title:not(.ui) {
    display: flex;
    flex-direction: row;
    flex: none;
    padding: 0.7em !important;
    font-size: 1em;
    color: rgba(0, 0, 0, 0.8);
}

.mce-tooltip-inner {
    display: none !important;
}

/*a {
    color: #1B507C !important;
}*/

.loadingScreen {
    right: 0;
    display: none;
    background: url('../../assets/loader.gif') !important;
    position: fixed;
    top: 0;
    z-index: 99999999 !important;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat !important;
    background-color: white !important;
    background-position: 50% 50% !important;
    opacity: 0.7;
}

.loadingScreen.active {
    display: block;
    transition: all 0.25s ease;
}

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

.no-padding {
    padding: 0 !important;
}

.ui.statistic.circular {
    border: 1px solid #D4D4D5;
    border-radius: 123px;
    padding: 55px;
}

.select2.select2-container.select2-search__field {
    display: none !important;
}

.select2.select2-container.select2-search__field {
    display: none !important;
}

.select2.select2-container:focus>.select2-search__field {
    display: block !important;
}

.centered-text {
    text-align: center !important;
}

#topNavigation {
    max-height: 38px !important;
}

.sidebar-logo {
    padding: 1%;
    max-width: 250px;
    margin: 0 auto;
}

#wrapper.toggled #sidebar-wrapper {
    opacity: 0 !important;
    z-index: -999999999999999999999;
    transition: margin-left 0.1s ease !important;
    right: 0;
    padding: 0;
    margin: 0;
    left: 0em !important;
    margin-left: -500px;
    visibility: hidden;
}

.main-menu.ui.accordion {}

#wrapper {
    left: 0em !important;
}

#wrapper #sidebar-wrapper {
    opacity: 1 !important;
    z-index: 99999999999999999999999999;
    right: 0;
    padding: 0;
    margin: 0;
    width: 350px;
;
    top: 35px !important;
    left: 0em !important;
    transition: margin-left 0.1s linear !important;
    margin-left: 0px;
}

.sub-navigation-menu .item.link {
    padding: 4px !important;
}

.sub-navigation-menu .item {
    transition: all 0.25s ease;
}

.sub-navigation-menu .item:hover {
    background: #e9e9e9;
    padding-left: 12.5px !important;
    transition: all 0.25s ease;
}

.sub-navigation-menu .item:hover>i.icon {}

.sub-navigation-menu .item>i.icon {
    font-size: 1.8em !important;
}

.referenceField input {
    border: none !important;
}

.tabular.menu>.item {
    padding: 1.5% !important;
}

#userInputValue {
    border: 1px solid #DEDFDF !important;
}

.triggerTextContainer .fields {
    border: 1px solid #DEDFDF;
    max-height: 200px;
    overflow-y: scroll !important;
    border-radius: 5px;
}

.select2-selection--multiple .select2-results__option[aria-selected="true"] {
    display: none !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #F5F5F5;
    border: 1px solid #DEDFDF;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 5px !important;
    min-width: 5% !important;
    padding: 13px !important;
    padding-right: 50px !important;
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    width: 100% !important;
}

.select2-search__field {
    width: 100% !important;
}

.select2-container .select2-search--inline {
    float: left;
    clear: both;
    border: 1px solid whitesmoke;
    width: 100%;
    margin-top: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    vertical-align: middle;
    margin-right: 5px;
    margin-right: 3.5px;
    float: left;
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 45px;
}

.select2-results__option {
    padding: 9px;
    border: 1px solid rgba(0, 0, 0, 0.04);
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 300px;
    overflow-y: auto;
}

.select2-selection__rendered {
    font-size: 13px !important;
}

/* Focus styles for Select2 dropdown - both orange outline AND dark border */
.select2-container--default .select2-selection--single:focus,
.select2-container--default.select2-container--focus .select2-selection--single {
    border: 1px solid #000000 !important;
    outline: 2px solid #ffbf47 !important;
    outline-offset: 2px !important;
}

/* When dropdown is opened/focused */
.select2-container--default.select2-container--open .select2-selection--single {
    border: 1px solid #000000 !important;
    outline: 2px solid #ffbf47 !important;
    outline-offset: 2px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 14px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    min-width: 150px !important;
    background-color: #F5F5F5;
    border: 1px solid #DEDFDF;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 10px !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #DEDFDF !important;
    outline: 0;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #DEDFDF;
}

.select2-search__field:focus {
    width: 100px;
    border: none !important;
    display: block !important;
    height: 100%;
    /* width: 100%; */
    vertical-align: middle !important;
    margin: 0 !important;
    padding: 10px !important;
}

.select2-search__field {
    width: 100px;
    border: none !important;
    display: block !important;
    height: 100%;
    /* width: 100%; */
    vertical-align: middle !important;
    margin: 0 !important;
    padding: 10px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice input {
    display: none !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid rgb(97, 97, 97);
    border-radius: 0px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 35px !important;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid rgb(97, 97, 97) !important;
    border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 40px !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid rgb(97, 97, 97);
    border-radius: 4px;
    height: 40px !important;
}

pre {
    overflow: hidden !important;
    word-wrap: break-word;
    padding: 2.5px !important;
    margin: 0 !important;
}

.console-modal {
    max-height: 600px;
    overflow-y: scroll;
    background-color: black !important;
    color: white;
}

.ui.dropdown .message {
    display: none !important;
}

.dropdown-no-results {
    padding: 5px;
}

#tempModal {
    top: 10% !important;
    margin-bottom: 0 !important;
}

.fixed-table-body thead th .th-inner {
    padding: 4px !important;
}

.ui:not(i) {
    font-family: inherit !important;
}

.log-container {
    padding: 20px;
    border-bottom: 1px solid rgb(202, 202, 202);
}

.code-container {
    background: #F7F7F7;
    padding: 10px;
    border: 1px solid rgba(128, 128, 128, 0.14);
    font-family: consolas;
    font-size: 12px;
    word-wrap: break-word;
    margin: 10px;
}

.wide-form {
    padding: 15px !important;
}

.wide {
    padding: 15px !important;
}

.lg-checkbox {}

.lg-checkbox-centered {
    height: 100% !important;
    margin: 0 auto !important;
}

img {
    max-width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: middle
}

.hide {
    display: none !important;
    visibility: hidden
}

table {
    margin-bottom: 1.25rem;
    border: solid 1px #ddd;
    table-layout: auto
}

table thead {}

table thead tr th,
table thead tr td {
    padding: 0.5rem 0.625rem 0.625rem;
    font-size: 0.875rem;
    font-weight: bold;
    color: #222
}

table tfoot tr th,
table tfoot tr td {
    padding: 0.5rem 0.625rem 0.625rem;
    font-size: 0.875rem;
    font-weight: bold;
    color: #222
}

table tr th,
table tr td {
    padding: 0.5rem;
    font-size: 0.875rem;
    color: #222;
    text-align: left
}

table thead tr th,
table tfoot tr th,
table tfoot tr td,
table tbody tr th,
table tbody tr td,
table tr td {
    display: table-cell;
    line-height: 1.125rem
}

ul.pagination {
    display: block;
    min-height: 1.5rem;
    margin-left: -0.3125rem
}

ul.pagination li {
    height: 1.5rem;
    color: #222;
    font-size: 13px !important;
    margin-left: 0.3125rem
}

ul.pagination li a,
ul.pagination li button {
    display: block;
    padding: 0.0625rem 0.625rem 0.0625rem;
    color: #999;
    background: none;
    border-radius: 3px;
    font-weight: normal;
    font-size: 1em;
    line-height: inherit;
    transition: background-color 300ms ease-out
}

ul.pagination li:hover a,
ul.pagination li a:focus,
ul.pagination li:hover button,
ul.pagination li button:focus {
    background: #e6e6e6
}

ul.pagination li.unavailable a,
ul.pagination li.unavailable button {
    cursor: default;
    color: #999
}

ul.pagination li.unavailable:hover a,
ul.pagination li.unavailable a:focus,
ul.pagination li.unavailable:hover button,
ul.pagination li.unavailable button:focus {
    background: transparent
}

ul.pagination li.current a,
ul.pagination li.current button {
    background: #2ba6cb;
    color: #fff;
    font-weight: bold;
    cursor: default
}

ul.pagination li.current a:hover,
ul.pagination li.current a:focus,
ul.pagination li.current button:hover,
ul.pagination li.current button:focus {
    background: #2ba6cb
}

ul.pagination li {
    float: left;
    display: block
}

hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 1.25rem 0 1.1875rem;
    height: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit !important;
    font-weight: normal;
    font-style: normal;
    color: #222;
    text-rendering: optimizeLegibility;
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
    line-height: 1.4
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-size: 60%;
    color: #6f6f6f;
    line-height: 0
}

.left {
    float: left !important
}

.right {
    float: right !important
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

textarea {
    height: auto;
    min-height: 50px
}

select {
    width: 100%
}

.bootstrap-duallistbox-container {
    display: flex;
}

.box1 .btn-group {
    display: flex;
}

.box2 .btn-group {
    display: flex;
}

.box1 {
    width: 48%;
}

.box2 {
    width: 48%;
}

.box1 .btn-group button {
    cursor: pointer;
    display: inline-block;
    min-height: 1em;
    outline: none;
    border: none;
    vertical-align: baseline;
    background: #0372B5;
    margin: 0em 0.25em 0em 0em;
    text-transform: none;
    line-height: 1em;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    border-radius: 0.28571429em;
    font-size: 13px !important;
    font-weight: normal !important;
    color: white !important;
    padding: 12.5px !important;
}

.box2 .btn-group button {
    cursor: pointer;
    display: inline-block;
    min-height: 1em;
    outline: none;
    border: none;
    vertical-align: baseline;
    background: #0372B5;
    margin: 0em 0.25em 0em 0em;
    text-transform: none;
    line-height: 1em;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    border-radius: 0.28571429em;
    font-size: 13px !important;
    font-weight: normal !important;
    color: white !important;
    padding: 12.5px !important;
}

label.mce-charactercount {
    margin: 2px 0 2px 2px;
    padding: 8px;
}

label.mce-smscount {
    margin: 2px 0 2px 2px;
    padding: 8px;
}

.sms-test-margin-bottom {
    margin-bottom: 1em;
}

#kpiContainer > .ui > .card  > .description {
    background-color: #0372B5;
    color: #fff;
    padding: 1em;
}

#secondaryBoxes > .ui > .card  > .description {
    background-color: #3cba9f;
    color: #fff;
    padding: 1em;
}

#graphArea {
    margin-top: 4em;
}

.dashboard-svg-container {
    display: inline-block;
    position: relative;
    width: 2em;
    padding-bottom: 1em;
    vertical-align: middle;
    /*overflow: hidden;*/
}

.dashboard-svg-content {
    display: inline-block;
    position: absolute;
    top: -0.5em;
    left: 0;
}

.contentpadding {
    padding:3rem 3rem 1.5rem !important
}

.consumer-link > i {
    cursor: pointer;
}

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

i.ui.close.outline.red.circular.large.icon::before {
    color: #d95c5c !important;
}

.sms_result_status {
    display: flex;
    align-items: center;
    height: 40px !important;
    padding-left: 15px !important;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.2857rem;
}

.removeText {
    background-color: #0372B5;
    border-radius: 0em 0rem 0rem 0em !important;
}

.referenceField {
    border-bottom: 0.2px solid black !important;
}

.horizontal > a {
    min-width: 5px !important;
}


/*#choiceModal {*/
/*    text-align: center !important;*/
/*    display: block !important;*/
/*    top: 33.6% !important;*/
/*}*/

#mailmergeMoveUpLocal {
    margin-bottom: 10px;
}

#mailmergeMoveContainer {
    display: grid !important;
}

.ui.cards>.kpicard {
    width: 24% !important;
}

#tabsHolder {
    margin: auto; 
    width: 100%; 
    padding: 10px 2%;
}

#kpiContainer {
    padding: 10px 2%;
}

#recipients-with-digital-communicaion {
    margin-top: 75px !important;
}

#delivery-statuses-piechart {
    margin-top: 75px !important;
}

.income-dashone-pro {
    padding: 17px;
}

.kpicards {
    display: flex;
    margin: -.875em -.5em;
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.kpicard {
    width: 24% !important;
    display: flex;
    margin: .875em .5em;
    float: none;
    max-width: 100%;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 0;
    background: #fff;
    padding: 0;
    border: none;
    border-radius: .2857rem;
    box-shadow: 0 3px 0 0 #d4d4d5, 0 0 0 1px #d4d4d5;
    -webkit-transition: box-shadow .2s ease;
    transition: box-shadow .2s ease;
    z-index: '';
}

.counter {
    font-size: xx-large;
}

.saving-data {
    text-decoration: underline;
    font-weight: bolder;
}

.supporting-data {
    background: #0372B5 !important;
    color: white;
    border-radius: 5px;
    padding: 2px 8px;
}

.chartrow {
    width: -webkit-fill-available !important;
    display: flex !important;
    min-height: 620px !important;

}

#myChartDiv {
    width: 90% !important;
    margin: 0 auto !important;
}

#myChartDivRecipient {
    width: 90% !important;
    margin: 0 auto !important;
}

#myChartDivStatus {
    width: 90% !important;
    margin: 0 auto !important;
}

.myChartDiv {
    width: 85% !important;
    margin: 0 auto !important;
}

.myChartDiv select {
    width: 10%;
    margin: 0.5%;
}

.myChartDiv input {
    width: 10%;
    margin: 0.5%;
}

.myChartDiv button {
    width: 10%;
    margin: 0.5%;
}

.dashboard_tab {
    /*max-height: 54px !important;*/
}

/*.myChartDiv span {*/
/*    min-width: 200px !important;*/
/*    max-width: 200px !important;*/
/*}*/

#myChartDiv2 {
    width: 20% !important;
    position: relative;
}

#myChartDiv2 > table {
    width: 100%;
}

.dashboard-recipient {
    width: -webkit-fill-available !important;
    display: flex !important;
    margin-top: 100px;
    margin-bottom: 100px;

}

/* recipient delivery method statuses */

#recipient-registered-piechart {
    width: 50% !important;
}

/* delivery statuses */

#recipient-digital-communicaion-piechart {
    width: 50% !important;
}


#chart-table-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 18%;
}

#chart-table-container > table {
    width: -webkit-fill-available;
}

.dashboard-statuses {
    width: -webkit-fill-available !important;
    display: flex !important;
}

#status-table-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 18%;
}

#status-table-container table {
    width: -webkit-fill-available;
    border-collapse: collapse;
    border-radius: 4px !important;
}

#status-table-container th, td {
    text-align: left;
    padding: 8px;
}

#status-table-container tr:nth-child(even) {
    background-color: #f2f2f2;
}

#status-table-container tr:hover {
    background-color: #ddd;
}

#status-table-container th {
    background-color: #0372B5;
    color: white;
}
 
#communication-statuses-piechart {
    width: 50% !important;
}

#communication-statuses-table {
    width: 20% !important;
    position: relative;
}

#communication-statuses-table > table {
    width: 100%;
}

.percentange-change {
    font-size: 13px;
    color: #fff !important;
    padding: 2px 8px !important;
    border-radius: 2px;
}

.remove-search {
    margin-top: 0px !important;
}

/* 
#customers {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
  }
  
  #customers td, #customers th {
    border: 1px solid #ddd;
    padding: 8px;
  }

  
#customers tr:nth-child(even){background-color: #f2f2f2;}
  
#customers tr:hover {background-color: #ddd;}
  
#customers th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #04AA6D;
    color: white;
} */