.gtm_plugin_settings {
    padding: 20px 5%;
    background-color: #fff;
    border: none;
    border-radius: 0 4px 4px 4px;
    font-family: Source Sans Pro,sans-serif;
}

.gtm_plugin_settings__form {}

.dikg_license_status {display:block}
.dikg_license_status--active {color:#1abc9c}

.gtm_plugin_settings h2 {
    color: #354052;
    font-size: 1.125rem;
    font-weight: 500;
}
    
.gtm_plugin_settings .gtm_plugin_settings__form .gtm-section-icon {
    border: 1px solid rgba(155, 89, 182, .25);
    border-radius: 50%;
    color: #9b59b6;
    margin-right: 10px;
    padding: 3px 3.5px;
    vertical-align: middle;
}

.gtm_plugin_settings__divider {
    border-top: 1px solid #e6eaee;
    display: block;
    margin-bottom: 30px
}

.gtm_plugin_settings__footer {
    border-top: none;
    color: #7f8fa4;
    font-size: 0.7em;
    font-style: italic;
    padding: 15px 1%;
}

.gtm_plugin_settings__form {max-width:720px}
.gtm_plugin_settings__form .form-table {border-bottom: 1px solid #eee}

.gtm_plugin_settings__form input#dspg_ip_whitelist,
.gtm_plugin_settings__form textarea#dspg_ip_whitelist {width:100%}

.gtm_plugin_settings .form-table .description {
    color: #7f8fa4;
    font-size: .875rem;}

.gtm_plugin_settings__form .helper_btn {
    background-color: transparent;
    border: 1px solid #9b59b6;
    border-radius: 3px;
    color: #9b59b6;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 10px;
    padding: 5px 10px;
    position: relative;
    transition: all ease .3s;
}

.gtm_plugin_settings__form .helper_btn--success {
    background-color: transparent;
    border: 1px solid #1abc9c;
    color: #1abc9c;
}

.gtm_plugin_settings__form .helper_btn--success::before {
    color: #1abc9c;
    content: '\f147';
    display: inline-block;
    font-family: 'dashicons';
    margin-right: 10px;
    vertical-align: middle;
}

.gtm_plugin_settings__form .helper_btn:hover{cursor:pointer}

.gtm_plugin_settings input[type="submit"]#submit {
    background: #1abc9c;
    border-color: #1abc9c #16a085 #16a085;
    box-shadow: 0 1px 0 #16a085;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
    font-size: 16px;
    line-height: 1.3em;
    height: auto;
    padding: 7px 20px;
}

/* TABS */
.tabs {
    display: flex;
    flex-wrap: wrap;
}
  
.tabs label {
    order: 1;
    display: block;
    padding: 1rem 2rem;
    margin-right: 0.2rem;
    cursor: pointer;
    background: #90CAF9;
    font-weight: bold;
    transition: background ease 0.2s;
}
  
.tabs .tab {
    order: 99;
    flex-grow: 1;
    width: 100%;
    display: none;
    padding: 1rem;
    background: #fff;
}
  
.tabs input[type="radio"] {
    display: none;
}
  
.tabs input[type="radio"]:checked + label {
    background: #fff;
}
  
.tabs input[type="radio"]:checked + label + .tab {
    display: block;
}
  
@media (max-width: 45em) {
    .tabs .tab,
    .tabs label {
      order: initial;
    }
  
    .tabs label {
      width: 100%;
      margin-right: 0;
      margin-top: 0.2rem;
    }
}

/* TOGGLE */
.tgl {display: none !important}

.tgl, .tgl::after,
.tgl::before,
.tgl *,
.tgl *::after,
.tgl *::before,
.tgl + .tgl-btn {box-sizing: border-box}

.tgl::-moz-selection,
.tgl:after::-moz-selection,
.tgl:before::-moz-selection,
.tgl *::-moz-selection,
.tgl *:after::-moz-selection,
.tgl *:before::-moz-selection,
.tgl + .tgl-btn::-moz-selection {background: none}

.tgl::selection,
.tgl::after::selection,
.tgl::before::selection,
.tgl *::selection,
.tgl *::after::selection,
.tgl *::before::selection,
.tgl + .tgl-btn::selection {background: none}

.tgl + .tgl-btn {
    outline: 0;
    display: inline-block;
    width: 4em;
    height: 2em;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.tgl + .tgl-btn::after,
.tgl + .tgl-btn::before {
    position: relative;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
}

.tgl + .tgl-btn::after {left: 0}
.tgl + .tgl-btn::before {display: none}
.tgl:checked + .tgl-btn::after {left: 50%}

.tgl-flat + .tgl-btn {
    padding: 2px;
    transition: all .2s ease;
    background: #fff;
    border: 4px solid #bdc3c7;
    border-radius: 2em;
}

.tgl-flat + .tgl-btn::after {
    transition: all .2s ease;
    background: #bdc3c7;
    content: "";
    border-radius: 1em;
}

.tgl-flat:checked + .tgl-btn {border: 4px solid #1abc9c}

.tgl-flat:checked + .tgl-btn::after {
    left: 50%;
    background: #1abc9c;
}

/* TOOLTIPS */
[data-tooltip],
.tooltip-gtm {
    position: relative;
    cursor: pointer;
    margin-left: 10px;
    text-decoration: none;
}

[data-tooltip] .dashicons,
.tooltip-gtm .dashicons {vertical-align:middle !important}

.tooltip-gtm > span {
    font-size: 20px !important;
    line-height: 1.5em !important;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip-gtm:before,
.tooltip-gtm:after {
    position: absolute;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: 
      opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition:    
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition:         
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform:    translate3d(0, 0, 0);
    transform:         translate3d(0, 0, 0);
    pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip-gtm:hover:before,
.tooltip-gtm:hover:after,
.tooltip-gtm:focus:before,
.tooltip-gtm:focus:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip-gtm:before,
[data-tooltip]:before {
    z-index: 1001;
    border: 6px solid transparent;
    background: transparent;
    content: "";
}

/* Base styles for the tooltip's content area */
.tooltip-gtm:after,
[data-tooltip]:after {
    z-index: 1000;
    padding: 8px;
    width: 250px;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, 0.9);
    border-radius: 3px;
    color: #fff;
    content: attr(data-tooltip);
    font-size: 14px;
    line-height: 1.3em;
}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip-gtm:before,
.tooltip-gtm:after,
.tooltip-gtm-top:before,
.tooltip-gtm-top:after {
    bottom: 100%;
    left: 50%;
}

[data-tooltip]:before,
.tooltip-gtm:before,
.tooltip-gtm-top:before {
    margin-left: -6px;
    margin-bottom: -12px;
    border-top-color: #000;
    border-top-color: hsla(0, 0%, 20%, 0.9);
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip-gtm:after,
.tooltip-gtm-top:after {margin-left: -80px}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip-gtm:hover:before,
.tooltip-gtm:hover:after,
.tooltip-gtm:focus:before,
.tooltip-gtm:focus:after,
.tooltip-gtm-top:hover:before,
.tooltip-gtm-top:hover:after,
.tooltip-gtm-top:focus:before,
.tooltip-gtm-top:focus:after {
    -webkit-transform: translateY(-12px);
    -moz-transform:    translateY(-12px);
    transform:         translateY(-12px); 
}

/* Left */
.tooltip-gtm-left:before,
.tooltip-gtm-left:after {
    right: 100%;
    bottom: 50%;
    left: auto;
}

.tooltip-gtm-left:before {
    margin-left: 0;
    margin-right: -12px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-left-color: #000;
    border-left-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-gtm-left:hover:before,
.tooltip-gtm-left:hover:after,
.tooltip-gtm-left:focus:before,
.tooltip-gtm-left:focus:after {
    -webkit-transform: translateX(-12px);
    -moz-transform:    translateX(-12px);
    transform:         translateX(-12px); 
}

/* Bottom */
.tooltip-gtm-bottom:before,
.tooltip-gtm-bottom:after {
    top: 100%;
    bottom: auto;
    left: 50%;
}

.tooltip-gtm-bottom:before {
    margin-top: -12px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-bottom-color: #000;
    border-bottom-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-gtm-bottom:hover:before,
.tooltip-gtm-bottom:hover:after,
.tooltip-gtm-bottom:focus:before,
.tooltip-gtm-bottom:focus:after {
    -webkit-transform: translateY(12px);
    -moz-transform:    translateY(12px);
    transform:         translateY(12px); 
}

/* Right */
.tooltip-gtm-right:before,
.tooltip-gtm-right:after {
    bottom: 50%;
    left: 100%;
}

.tooltip-gtm-right:before {
    margin-bottom: 0;
    margin-left: -12px;
    border-top-color: transparent;
    border-right-color: #000;
    border-right-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-gtm-right:hover:before,
.tooltip-gtm-right:hover:after,
.tooltip-gtm-right:focus:before,
.tooltip-gtm-right:focus:after {
    -webkit-transform: translateX(12px);
    -moz-transform:    translateX(12px);
    transform:         translateX(12px); 
}

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-gtm-left:before,
.tooltip-gtm-right:before {top: 3px}

/* Vertically center tooltip content for left/right tooltips */
.tooltip-gtm-left:after,
.tooltip-gtm-right:after {
    margin-left: 0;
    margin-bottom: -16px;
}