.stats_icon{
    float: left;
    margin-right: 15px;  
}

.stats_icon svg{
  font-size: 65px;
}

.stats_details {
  flex: 1;
}

.agent_instructions{
  color: red !important;
}

.pull-left{
  float: left;
}

.pull-right{
  float: right !important;
}

#block-gin-content .pull-left, #block-gin-content .pull-right{
  position: relative;
  z-index: 99;
}

#block-gin-content .pull-right a.button{
  margin-top: 0px;
  padding-inline: var(--gin-spacing-xs);
}

.card-list--three-cols .card-list__item {
    flex-basis: var(--cards-three-cols-width);
    margin-right: var(--card-list-spacing);
    max-width: var(--cards-three-cols-width);
}

    .card-list--three-cols .card-list__item:nth-child(3n) {
        margin-right: 0;
    }

.card-list--three-cols {
    flex-direction: row !important;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
}    

.campaign_stats td{
  padding: 5px 0;
}

.campaign_stats tr{
  border: none;
}

.campaign_stats h5{
  text-align: left;
}

.campaign_stats h2{
  font-size: 48px;
  text-align: left;
}

.campaign_stats tr td:nth-child(2){
  padding: 0px;
  text-align: right;
}

#toolbar-administration, #toolbar-administration *{
  z-index: 99999;
}

.fieldset--group {
    color: inherit;
    border: 2px solid #000;
    border-radius: 0;
    background: none;
    box-shadow: none;
    padding: 15px;
}

/* Agent inst on survey form */

.agent_instructions {
    width: 100%;
    display: table;
    margin: 5px 0 18px 0;
}

.agent_instructions .scenario::before{
    content: "If";
    margin-right: 8px;
    margin-top: -19px;
    display: block;
    position: absolute;
    background: gray;
    color: #fff;
    border-radius: 50px;
    font-size: 12px;
    padding: 0px 5px;
}

.agent_instructions .scenario {
    background: rgb(255 0 0 / 15%);
    padding: 10px;
    color: black;
    width: 18%;
    display: table-cell;
    border: 0px solid red;
}

.agent_instructions .script::before{
    content: "Say";
    margin-right: 8px;
    margin-top: -19px;
    display: block;
    position: absolute;
    background: gray;
    color: #fff;
    border-radius: 50px;
    font-size: 12px;
    padding: 0px 5px;
}

.agent_instructions .script {
    background: rgb(255 0 0 / 5%);
    padding: 10px;
    color: red;
    display: table-cell;
    width: 57%;
    border: 0px dotted red;
}

.agent_instructions span.black{
  color: #000000;
}

.agent_instructions .nextAction::before{
    content: "Then";
    margin-right: 8px;
    margin-top: -19px;
    display: block;
    position: absolute;
    background: gray;
    color: #fff;
    border-radius: 50px;
    font-size: 12px;
    padding: 0px 5px;
}

.agent_instructions .nextAction {
    background: rgb(255 0 0 / 15%);
    color: black;
    padding: 10px;
    display: table-cell;
    width: 25%;
    border: 0px solid red;
}

#block-gin-userlogin{
  width: 30%;
  margin: auto;
}

.user-login-form input{
  width: 100%;
}

#block-gin-sitebrandinghomepage{
  text-align: center;
}

#block-gin-sitebrandinghomepage img{
    width: 180px;
    margin-bottom: 20px;  
}

.path-frontpage #block-gin-sitebranding{
  display: none;
}

.path-frontpage h1.page-title{
  text-align: center;
  display: none;
}

#webform-container .webform-details-toggle-state-wrapper{
  display: none;
}

ul.thumbnails.image_picker_selector li .thumbnail{
  border: none !important;
    border-radius: 15px !important;  
}

ul.thumbnails.image_picker_selector li {
    margin: 0px 5px 0px 0px !important;
    font-weight: bold !important;
    float: left !important;
    width: 14% !important;
    TEXT-ALIGN: CENTER !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

ul.thumbnails.image_picker_selector li .thumbnail img {
    width: 30% !important;
}

ul.thumbnails.image_picker_selector li .thumbnail.selected {
    background: transparent !important;
    box-shadow: none !important;
    border: 1px solid #eee !important;
}

.thumbnails.image_picker_selector .thumbnail.selected {
    color: var(--gin-color-primary) !important;
}

ul.thumbnails.image_picker_selector li .thumbnail:focus{
  box-shadow: none !important;
}

.webform-image-select {
    display: none;
}