.ftm_geo_target_admin td {
    display: block;
    margin-bottom: 10px;
}

#sortable1, #sortable2 {
    border: 1px solid #eee;
    width: 90%;
    min-height: 20px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
    float: left;
    margin-right: 10px;
}
#sortable1 li, #sortable2 li {
    background-color: #39b839;
    color: white;
    font-size: 1.1em;
    margin: 0 5px 5px;
    padding: 5px;
    width: 93%;
}

.ftm_geo_target_sites_selected {
    display: inline-block;
    width: 49%;
}

.ftm_geo_target_sites_available {
    display: inline-block;
    width: 49%;
}

table.ftm_geo_target_admin_table {
    border: 1px solid #ccc;
    width: 100%;
}

table.ftm_geo_target_admin_table thead {
    background-color: #008ec2;
    color: white;
}

table.ftm_geo_target_admin_table thead tr td:first-child {
    width: 3%;
}

table.ftm_geo_target_admin_table thead tr td:nth-child(1) {
    border-right: 1px solid white;
}

table.ftm_geo_target_admin_table thead tr td {
    padding: 10px;
    text-align: center;
    width: 47%;
}

table.ftm_geo_target_admin_table tbody tr td:first-child {
    border-right: 1px solid #ccc;
}
table.ftm_geo_target_admin_table tbody tr td {
    padding: 10px;
}

table.ftm_geo_target_admin_table tbody tr:nth-child(2n) {
    background-color: #efefef;
}

table.ftm_geo_target_admin_table.sites thead tr td:nth-child(2) {
    width: 20%;
}

table.ftm_geo_target_admin_table.sites thead tr td:nth-child(3) {
    width: 20%;
}

table.ftm_geo_target_admin_table.sites thead tr td:nth-child(4) {
    width: 28%;
}

table.ftm_geo_target_admin {
    width: 100%;
}

.ftm_geo_target_big_input{
    border: 1px solid #ddd;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
    background-color: #fff;
    color: #32373c;
    outline: 0;
    transition: 50ms border-color ease-in-out;
}

.ftm_geo_target .field_name {
    margin: 20px 0px;
    text-align: left;
    background-color: #f9f9f9;
    padding: 10px 5px;
    font-weight: 600;
}

/*** SITES CSS *********************************************/
.ftm_geo_target .sites_list {
    display: table;
    min-width: 600px;
    width: 100%;
}
.ftm_geo_target .sites_list > .sites_heading {
    display: table-row;
    max-width: 600px;
    width: 100%;
}
.ftm_geo_target .sites_list > .sites_heading > div{
    display: table-cell;
    padding: 10px;
    background-color: #5a5a5a;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
}
.ftm_geo_target .sites_list > .sites_heading > div:nth-of-type(1) {
    border-right: 1px solid #d0d0d0;
}
.ftm_geo_target .sites_list > .sites_heading > div:nth-last-of-type(1){
    text-align: center;
}

.ftm_geo_target .sites_list > .site_entry{
    display: table-row;
    max-width: 600px;
    width: 100%;
    border: 1px solid #ccc;
}
.ftm_geo_target .sites_list .site_entry:hover {
    background-color: #d7ffc9;
}
.ftm_geo_target .sites_list .site_entry > div{
    display: table-cell;
    padding: 5px 10px;
    background-color: #f1f1f1;
    color: #32373c;
    min-width: 200px;
    border-left: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
}
.ftm_geo_target .sites_list .site_entry > div:nth-last-of-type(1){
    border-right: 1px solid #d0d0d0;
}
.ftm_geo_target .sites_list  .site_entry > .site_actions {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.ftm_geo_target .sites_list  .site_entry > .site_actions > * {
    margin: 5px;
}

/*******************************************************************/

.ftm_geo_target .sortable_list {
    display: block;
}
.ftm_geo_target .sortable_list > .sitem {
    display: block;
    background-color: #ddd;
    border: 1px solid #ccc;
    padding: 10px;
    margin: 5px 0px;
    cursor: move;
    color: #000;
    position: relative;
}

.ftm_geo_target .sortable_list > .sitem:hover{
    background-color: #0fb4ff;
    color: #fff;
    font-weight: 600;
}

.ftm_geo_target .sortable_list > .sitem > span > img {
    margin-right: 15px;
    width: 30px;
    height: 20px;
}

.ftm_geo_target .sortable_list > .sitem > div.btn-danger {
    position: absolute;
    top: 4px;
    right: 5px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.ftm_geo_target #theme_preview{
    max-width: 400px;
    margin-left: 30px;
    border-left: 1px solid #ccc;
    padding-left: 30px;
}

/** ERROR HANDLING **/
.ftm_geo_target label.error {
    margin-left: 18px;
    color: #f00;
}

.ftm_geo_target span.ui-selectmenu-button {
    display: inline-flex;
    background-color: #fff;
    height: 29px;
    align-items: center;
    justify-content: flex-start;
    padding: 0px;
    position: relative;
    top: 2px;
}
.ftm_geo_target span.ui-selectmenu-button > span.ui-icon.ui-icon-triangle-1-s {
    position: absolute;
    right: 4px;
    top: calc(50% - 5px);
}

.ftm_geo_target span.ui-selectmenu-button > span.ui-selectmenu-text {
    padding-left: 5px;
}

ul.customicons > li.ui-menu-item {
    padding: 2px 5px;
    border-bottom: 1px dotted #eee;
    margin: 2px 0;
    max-width: 100%;
    display: block;
}
ul.customicons > li.ui-menu-item span.ui-icon.flag {
    background-position: top right;
    background-repeat: no-repeat;
    position: relative;
    top: 0px;
    right: 0;
    background-size: 100% 100%;
    margin-right: 4px;
    float: right;
    width: 30px;
    height: 20px;
}

.ftm_geo_target .postbox{
    padding: 10px;
}

.ui-selectmenu-menu.ui-front.ui-selectmenu-open {
    overflow-y: scroll;
    max-height: 300px;
    width: 366px;
    overflow-x: hidden;
}

.empty_list {
    margin: 18px 0;
    font-style: italic;
}


.ftm_geo_target .geo_value_top_fields {
    display: block;
    margin-bottom: 10px;
}

.ftm_geo_target .geo_value_top_fields > label {
    margin-right: 5px;
    min-width: 55px;
}

.ftm_geo_target .geo_value_top_fields .required_field::placeholder {color: red;}

.ftm_geo_target .geo_value_value_fields {
    display: block;
}
.ftm_geo_target .geo_value_value_fields > .gv_item {
    display: block;
    background-color: #ddd;
    border: 1px solid #ccc;
    padding: 10px;
    margin: 5px 0px;
    cursor: pointer;
    color: #000;
    position: relative;
}

.ftm_geo_target .geo_value_value_fields > .gv_item:hover{
    background-color: #0fb4ff;
    color: #fff;
    font-weight: 600;
}

.ftm_geo_target .geo_value_value_fields > .gv_item > span > img {
    margin-right: 15px;
    width: 30px;
    height: 20px;
}

.ftm_geo_target .geo_value_value_fields > .gv_item > span {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.ftm_geo_target .geo_value_value_fields > .gv_item > span > textarea {
    color: #000;
    width: 95%;
}

.ftm_geo_target .geo_value_value_fields > .gv_item div.submit-geo-value,
.ftm_geo_target .geo_value_value_fields > .gv_item div.btn-danger,
.ftm_geo_target .geo_value_value_fields > .gv_item div.edit-geo-value {
    position: absolute;
    top: 4px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ftm_geo_target .geo_value_value_fields > .gv_item div.btn-danger {
    right: 5px;
}

.ftm_geo_target .geo_value_value_fields > .gv_item div.edit-geo-value {
    right: 45px;
    display: none;
}
.ftm_geo_target .geo_value_value_fields > .gv_item div.submit-geo-value {
    right: 45px;
    display: none;
}
.ftm_geo_target .geo_value_value_fields > .gv_item div.geo-button-display {
    display: flex;
}

.ftm_geo_target .geo_value_value_fields > .gv_item textarea {
    display: none;
}
.ftm_geo_target .geo_value_value_fields > .gv_item code {
    background-color: #CCC;
    color: #333;
    width: 100%;
    min-height: 40px;
    font-size: 11pt;
    cursor: pointer;
}

.ftm-country-item {
    padding-right: 1em;
}


.tutorial_post_box img{
    width:100%;
    max-width:100%;
}

.chosen-container {
    min-width: 80%;
}
.chosen-container span, .chosen-container li {
    white-space: nowrap;
}
.chosen-container span em, .chosen-container li em {
    margin: 0 0 0 1em;
    padding: 0.5em 0.25em;
    color: #CC5555;
    font-style: normal;
    text-decoration: none;
    white-space: nowrap;
}
.chosen-container ul.chosen-results li em {
    text-decoration: none;
}
.chosen-container li em {
    margin-left: calc(1em - 2px);
}
.chosen-container span:hover em, .chosen-container li:hover em {
}
.ui-datepicker {
  background-color: #FFF;
  padding: 1em;
  border: 1px solid;
}

.affiliate-add-button {

}
.affiliate-example {
    color: #5555FF;
}
.affiliate-example .affiliate-example-path {
    color: red;
    background-color: #EEEEEE;
    border-bottom-style: double;
    padding: 0.25em;
}
.affiliate_folders {
    width: 180px;
}
.affiliate_folders .affiliate-item {
    display: flex;
    background-color: #FFFFFF;
    padding: 0.25em;
}
.affiliate_folders .affiliate-item:nth-child(odd) {
    background-color: #DDDDDD;
}
.affiliate_folders .affiliate-item span {
    display: block;
    min-width: 160px
}
.affiliate_folders .affiliate-item button {

}

div.modal.fade {
    opacity: unset;
}

#theme_preview_new {
    max-width: 100%;
}

