/***
Icon-Rot: #eb5a5c
Icon-Grau: #b8b8b8
***/
@import url("fonts.css");
@import 'theme.css';
@import 'main-navigation.css';


body {
    font-family: 'Carlito';
    font-size: 14px;
    font-weight: normal;
    overflow-x: hidden;
}
@media (max-width: 767px) {
    body {
        font-size: 12px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {}

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 1200px) {}

a, a:focus, a:hover, a:active, a:visited {
    outline: none;
}

table th {
    font-weight: bold;
}
table th:after {
    font-weight: normal;
}
table td {
    font-weight: normal;
}

.control-label {
    font-size: 13px;
    /*    padding-left: 5px;
    padding-right: 5px;*/
}

@-moz-document url-prefix() {
    fieldset {
        display: table-cell;
    }
}

.table {
    /*    font-size: 12px;*/
    font-weight: normal;
    margin-bottom: 15px;
}

@media (max-width: 767px) {
    .table-xs-condensed>tbody>tr>td,
    .table-xs-condensed>tbody>tr>th,
    .table-xs-condensed>tfoot>tr>td,
    .table-xs-condensed>tfoot>tr>th,
    .table-xs-condensed>thead>tr>td,
    .table-xs-condensed>thead>tr>th {
        padding: 5px;
    }
}

/*** main navbar ***/

.navbar {
    background-color: var(--dark-grey);
    border-radius: 0;
    border: 0 solid transparent;
    box-shadow: none;
    margin-bottom: 15px;
}

.navbar-brand {
    background-image: url('../images/logo.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-origin: content-box;
    width: 150px;
    padding: 0;
}

.navbar-collapse {
    padding: 0;
}

.navbar-right {
    margin-right: 0;
}

.navbar .divider-vertical {
    height: 32px;
    margin: 9px;
    border-right: 1px solid #ffffff;
    border-left: 1px solid var(--light-grey4);
}
#content{
    padding-top:70px;
}
@media (max-width: 767px) {
    .navbar-brand {
        width: 63px;
        padding-left: 10px;
        padding-right: 10px;
        background-image: url('../images/logo_small.png');
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-brand {
        width: 63px;
        padding-left: 10px;
        padding-right: 10px;
        background-image: url('../images/logo_small.png');
    }
    #Navbar1 .nav>li>a {
        padding-left: 9px;
        padding-right: 9px;
        font-size: 12px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #Navbar1 .nav>li>a {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 12px;
    }
}

.navbar-left {
    float: none;
}

.navbar-default .navbar-nav>li>a {
    color: white;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    background-image: none;
    background-color: var(--dark-grey5);
    color: var(--blue);
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background-color: var(--dark-grey5);
    color: var(--blue);
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    background-color: var(--dark-grey5);
    color: var(--blue);
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.NavStatsLoad {
    height: 500px;
    overflow-x: auto;
}

#Navbar1 {
    overflow: hidden;
    position: relative;
    z-index: 10;
}

#Navbar2.collapse {
    display: none;
}

#Navbar2.collapse.in {
    display: block;
}

#Navbar2>ul {
    margin-bottom: 25px;
}

.navbar .divider-horizontal {
    height: 0;
    margin: 10px 0 0;
    padding: 10px 0 0;
    border-top: 1px solid var(--dark-grey5);
}

#Square-Button {
    position: relative;
    width: 43px;
    height: 34px;
    padding-left: 8px;
    padding-right: 8px;
    margin-right: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
    #Square-Button {
        display: inline-block;
    }
    #Navbar2 .navbar-nav>li {
        float: none;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #Square-Button {
        display: inline-block;
    }
    #Navbar2 .navbar-nav>li {
        float: none;
    }
}

@media (min-width: 1200px) and (max-width: 1679px) {
    #Square-Button {
        display: inline-block;
    }
    #Navbar2 .navbar-nav>li {
        float: none;
    }
}

@media (min-width: 1680px) {}

.navbar-toggle .icon-square {
    position: absolute;
    background-color: #fff;
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 1px;
    margin-right: 2px;
}

.navbar-toggle .icon-square.square1 {
    top: 9px;
    left: 10px;
}

.navbar-toggle .icon-square.square2 {
    top: 9px;
    left: 18px;
}

.navbar-toggle .icon-square.square3 {
    top: 9px;
    left: 26px;
}

.navbar-toggle .icon-square.square4 {
    top: 18px;
    left: 10px;
}

.navbar-toggle .icon-square.square5 {
    top: 18px;
    left: 18px;
}

.navbar-toggle .icon-square.square6 {
    top: 18px;
    left: 26px;
}

@media (max-width: 767px) {
    .navbar-nav {
        margin: 0 -15px;
    }
    #Navbar1,
    #Navbar2 {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 10px;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        font-weight: normal;
    }
    .dropdown-menu {
        font-size: 12px;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #fff;
    }
    #Navbar1 li > a {
        height: auto !important;
    }
    #Navbar1 .nav li > img.navbar-icon {
        margin-left: 15px;
    }

}

@media (min-width: 768px) and (max-width: 991px) {}

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 1200px) {}


/*
.modal {
    z-index: 999999;
}
*/

@media (min-width: 1200px) {
    /*    .navbar-right {
        margin-right: 0px;
    }*/
    /*    #dropdownNav {
        display: block;
    }*/
    .NavStatsLoad {
        left: -380px;
    }
    .modal-xl {
        width: 1800px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    /*    .navbar-right {
        margin-right: -40px;
    }*/
    /*    #dropdownNav {
        display: block;
    }*/
    /*    #language_dropdown_text {
        display: none;
    }*/
    .NavStatsLoad {
        left: -260px;
    }
    .modal-xl {
        width: 1199px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    /*    .navbar-right {
        margin-right: -40px;
    }*/
    /*    #dropdownNav {
        display: none;
    }*/
    /*    #language_dropdown_text {
        display: none;
    }*/
    .NavStatsLoad {
        left: -260px;
    }
    .modal-xl {
        width: 991px;
    }
}

@media (max-width: 767px) {
    /*    .navbar-right {
        margin-right: -40px;
    }*/
    /*    #dropdownNav {
        display: none;
    }*/
    /*    #language_dropdown_text {
        display: none;
    }*/
    /*    .navbar-default .navbar-nav>li>a {
        color: #e4e4e4;
    }
    .navbar-default .navbar-nav>li>a:hover,
    .navbar-default .navbar-nav>li>a:focus {
        background-color: #e7e7e7;
        color: #1188af;
    }
    .navbar-nav .open .dropdown-menu {
        background-color: #fff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        background-color: #e7e7e7;
        color: #1188af;
    }
    .navbar-nav>li>.dropdown-menu {
        border-radius: 0px;
    }
    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:hover,
    .navbar-default .navbar-nav>.active>a:focus {
        background-image: none;
        background-color: #fff;
        color: #1188af;
    }*/
    .NavStatsLoad {
        left: 0px;
    }
    .modal-xl {
        width: 767px;
    }
}

@media (max-width: 480px) {
    /*    #dropdownNav {
        display: none;
    }*/
    /*    #language_dropdown_text {
        display: none;
    }*/
    /*    .navbar {
        height: auto;
    }*/
    .NavStatsLoad {
        left: 0px;
    }
    .modal-xl {
        width: 480px;
    }
}


/**
*
*/

.dropdown-menu {
    min-width: 180px;
    border-radius: 0px;
}

.dropdown-menu>li>a,
.dropdown-menu>li>label {
    color: var(--dark-grey4);
    font-weight: 700;
    padding: 3px 20px;
    display: block;
    cursor: pointer;
}

.dropdown-menu>li>label:hover,
.dropdown-menu>li>label:focus,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    background-color: var(--dark-grey6);
    color: var(--blue);
}

.dropdown-menu input {
    margin-right: 5px;
    cursor: pointer;
}

.nav-pills>li>a {
    border-radius: 0px;
}

#ClusterCampaignsHeader .ui-state-highlight,
#ClusterCampaignsTable .ui-state-highlight,
#CampaignsHeader .ui-state-highlight,
#CampaignsTable .ui-state-highlight {
    height: 2px;
    line-height: 1.2em;
    width: 100%;
}
.imgIconWrap{cursor: pointer; float:left; margin-left: -3px; margin-right: 7px;}
#PlacementTable .imgIconWrap{float:right; margin-right: 85px;}
#cpSettingsModal .from-group{height: 45px;}

/**
*
*/

.page-header {
    margin: 0;
    background-color: var(--blue6);
    color: white;
    padding: 0;
}

.page-header h5 {
    position: relative;
    padding: 5px 12px;
    line-height: 25px;
    margin: 0;
    font-weight: bold;
}

.page-header h5>button {
    position: relative;
    z-index: 1;
    background-color: var(--blue6);
    border: 0 none;
    color: white;
    float: right;
    background-image: none;
}

.page-header h5>button.create {
    margin-right: 10px;
    display: none;
}

@media (max-width: 767px) {
    .page-header h5>button {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .page-header h5>button {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .page-header h5>button.settings {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .page-header h5>button.settings {
        display: block !important;
    }
}


/**
*
*/
.form-control{border-radius: 2px;}
.radiusLeft{border-radius: 2px 0 0 2px;}
.radiusRight{border-radius: 0 2px 2px 0;}
.noMarginLeft{margin-left: unset;}
.noRadius{border-radius: 0;}
.small{min-width: unset;}

.btn{
    border-radius: 2px;
    border: 1px solid transparent;
    padding: 6px 15px;
    box-shadow: none;
    background-image: none;
}
.btn:not(.iconBtn):not(.btn-xs):not(.noMarginLeft):not(.note-btn){
    margin-left: 15px;
}
.btn:not(.btn-xs):not(.input-btn):not(.note-btn):not(.small) {
    min-width: 130px;
}
.btn.radiusLeft{border-radius: 2px 0 0 2px;}
.btn.radiusRight{border-radius: 0 2px 2px 0;}
.btn.noMarginLeft{margin-left: unset;}
.btn.small{min-width: unset;}
.btn.noRadius{border-radius: 0;}
.btn.iconBtn{
    background-color: transparent;
}
.btn.btn-xs.iconBtn{
    padding: 0 5px;
    font-size: 14px;
}
.btn.iconBtn:hover{
    background-color: transparent;
}
.btn.iconBtn.btn-primary{
    color: var(--blue);
}
.btn.iconBtn.btn-primary:hover{
    color: var(--blue2);
}
.btn.iconBtn.btn-success{
    color: var(--green);
}
.btn.iconBtn.btn-success:hover{
    color: var(--green2);
}
.btn.iconBtn.btn-danger{
    color: var(--red);
}
.btn.iconBtn.btn-danger:hover{
    color: var(--red2);
}
.btn.iconBtn.btn-info{
    color: var(--dark-grey3);
}
.btn.iconBtn.btn-info:hover{
    color: var(--dark-grey4);
}
.btn.btn-xs{
    padding: 2px 6px;
}
.btn-danger, .btn-default, .btn-info, .btn-primary, .btn-success, .btn-warning{text-shadow: none;}
.npe{pointer-events: none;}

.btn-primary:not(.iconBtn), .btn-primary:not(.iconBtn):focus {
    background-color: var(--blue);
    color: white;
    border-color: var(--blue);
}
.btn-primary:not(.iconBtn) .glyphicon{
    color: white;
}
.btn-success:not(.iconBtn), .btn-success:not(.iconBtn):focus {
    background-color: var(--green);
    border-color: var(--green);
}
.btn-success:hover, .btn-success:active:hover, .btn-success:active {
    background-color: var(--green2);
    border: 1px solid transparent;
}
.btn-danger:not(.iconBtn), .btn-danger:not(.iconBtn):focus {
    background-color: var(--red);
    border-color: var(--red);
}
.npe{pointer-events: none;}
.btn-danger:hover, .btn-danger:active:hover, .btn-danger:active {
    background-color: var(--red2);
    border: 1px solid transparent;
}
.btn-info:not(.iconBtn), .btn-info:not(.iconBtn):focus {
    background-color: var(--dark-grey3);
    border-color: var(--dark-grey3);
}
.btn-info:hover, .btn-info:active:hover, .btn-info:active {
    background-color: var(--dark-grey4);
    border: 1px solid transparent;
}

.btn-primary:active,
.btn-primary:active:hover,
.btn-primary:hover {
    background-color: var(--blue5);
    background-position: 0 -15px;
    border-color: transparent;
}

.btn-default, .btn-default:focus{
    border-color: var(--grey);
    background-color: var(--light-grey);
}

.btn-default:active, .btn-default:hover, .btn-default:active:hover {
    background-color: var(--grey2);
    border-color: transparent;
}
.btn.iconBtn.btn-success, .btn.iconBtn.btn-primary{color:var(--dark-grey3);}
.btn.iconBtn.btn-success:hover, .btn.iconBtn.btn-primary:hover{color:var(--dark-grey3);}
.btn.iconBtn:active{background-color: transparent; box-shadow: unset;}
.btn.iconBtn.btn-danger:hover{color:var(--red);}

/* Special Button styles */
#DashboardTabsContent .dataTables_wrapper .dt-buttons > .dt-button{
    border-radius: 2px;
    border: 1px solid transparent;
    padding: 6px 15px;
    background-color: var(--dark-grey3);
    margin-left: 15px;
    min-width: 130px;
}
#DashboardTabsContent .dataTables_wrapper .dt-buttons > .dt-button:hover{
    background-color: var(--dark-grey4);
}
.dataTables_paginate .pagination > li:first-child > a{border-radius: 2px 0 0 2px; margin-right: 15px; background-color: var(--light-grey);}
.dataTables_paginate .pagination > li:last-child > a{border-radius: 0 2px 2px 0; margin-left: 15px; background-color: var(--light-grey);}
.dataTables_paginate .pagination > li > a, .dataTables_paginate .pagination > li > span{border-color: var(--grey); color: inherit; border-radius: 2px; margin-left: unset;}
.dataTables_paginate .pagination > .disabled:not(.previous):not(.next) > a{border-color: transparent;}
.dataTables_paginate .pagination > li:not(.disabled) > a:hover{background-color: var(--grey);}
.dataTables_paginate .pagination > .active > a{
    background-color: var(--light-grey);
    border-color: var(--grey);
    color: inherit;
}
.modal-footer .btn + .btn{margin-left: 15px;}
/**/

.input-group-addon {
    padding-bottom: 6px;
}

.input-daterange .add-on {
    background-color: var(--dark-grey6);
    border: 1px solid var(--dark-grey5);
    float: left;
    font-weight: 400;
    line-height: 18px;
    margin-left: -1px;
    margin-right: -1px;
    padding: 2px 5px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    width: auto;
}

.select2-container--default .select2-selection--multiple{border-radius: 2px !important;}
/**
*
*/

.moving {
    opacity: 0.5;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
}

.over {
    border-bottom: 2px dashed var(--green2);
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    opacity: 0.2;
}

.tab-pane>div {
    padding-top: 5px;
    padding-left: 0;
    padding-right: 1px;
}

.tab-pane legend {
    /*    margin-top: 15px;*/
    margin-bottom: 15px;
}

.select2-container--bootstrap .select2-results__option[aria-selected="true"] {
    background-color: var(--dark-grey6);
    color: var(--dark-grey);
}

.fileUpload {
    position: relative;
    overflow: hidden;
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}


/**
* DashboardTabs and global Tabs
*/

ul.nav.nav-tabs{background: white;}
ul.nav.nav-tabs > li > a{border: 0; border-radius: 0; color: var(--dark-grey3); font-weight: normal;}
ul.nav-tabs > li.active > a,ul.nav-tabs > li.active > a:focus{ font-weight: bold; background: transparent; border: 0 !important; border-bottom: 4px solid var(--blue) !important; color: inherit;}
ul.nav-tabs > li.active > a:hover,
ul.nav-tabs > li:hover > a{
    background: unset; border: 0; border-bottom: 4px solid var(--blue); color: var(--dark-grey);
}

#DashboardTabs .nav-tabs > li.active > a { height: 50px; line-height: 30px; display: inline-block;}
#DashboardTabs .nav-tabs > li > a {height: 49px; line-height: 30px;}

#ModalTrafficDetail .nav.nav-tabs > li.active > a{border-bottom: unset !important;}

/**
*
*/

#AlertMessages {
    position: fixed;
    right: 15px;
    top: 65px;
    width: 25%;
    z-index: 99999;
}

.InfoTrigger {
    float: right;
    margin: 2px;
}


/**
* Home
*/

.LegendTrigger,
.PlacementTrigger,
.CampaignTrigger,
.UserHistoryTrigger,
.CreativeTrigger {
    font-size: 12px;
}

.LegendTrigger span,
.PlacementTrigger span,
.CampaignTrigger span,
.UserHistoryTrigger span,
.CreativeTrigger span {
    color: var(--blue);
}

.red .LegendTrigger span,
.red .PlacementTrigger span,
.red .CampaignTrigger span,
.red .UserHistoryTrigger span,
.red .CreativeTrigger span {
    color: white;
}

.yellow .LegendTrigger span,
.yellow .PlacementTrigger span,
.yellow .CampaignTrigger span,
.yellow .UserHistoryTrigger span,
.yellow .CreativeTrigger span {
    color: white;
}

.orange .LegendTrigger span,
.orange .PlacementTrigger span,
.orange .CampaignTrigger span,
.orange .UserHistoryTrigger span,
.orange .CreativeTrigger span {
    color: white;
}

.red .popover-content,
.yellow .popover-content,
.orange .popover-content {
    color: black;
}

.Detail,
.Detail td,
#UserHistory,
#UserHistory td,
#ImpressionsDetail,
#ImpressionsDetail td,
#SiteDetail,
#SiteDetail td,
#ClicksDetail,
#ClicksDetail td {
    font-size: 10px;
    font-weight: normal;
}
#UserHistory, #ModalDetailTable{margin-bottom: 50px;}

#ClicksDetail thead tr {
    background-color: white;
}

#ClicksDetail tbody tr {
    cursor: pointer;
}

#OverviewOfCampaigns .red,
#CampaignInfo .red,
#ModalClicksDetailTable .red,
#SystemLogsTable .red,
#ClicksDetail .red,
#systemLogsModalTable .red{
    background-color: var(--red);
}

#OverviewOfCampaigns .yellow,
#CampaignInfo .yellow,
#ModalClicksDetailTable .yellow,
#ClicksDetail .yellow {
    background-color: #6aba01;
    color: white;
}

#ModalClicksDetailTable .orange,
#SystemLogsTable .orange,
#ClicksDetail .orange,
#systemLogsModalTable .orange{
    background-color: var(--orange);
}

#OverviewOfCampaigns .red,
#CampaignInfo .red,
#SystemLogsTable .red,
#ModalClicksDetailTable .red,
#systemLogsModalTable .red{
    color: white;
}

#ClicksDetail .red td,
#ClicksDetail .red th {
    color: white;
}

#ModalClicksDetailTable .yellow {
    color: white;
}

#ClicksDetail .yellow td,
#ClicksDetail .yellow th {
    color: white;
}

#SystemLogsTable .orange,
#ModalClicksDetailTable .orange,
#systemLogsModalTable .orange{
    color: white;
}

#ClicksDetail .orange td,
#ClicksDetail .orange th {
    color: white;
}

#clone,
#clone td {
    font-size: 10px;
    font-weight: normal;
}

#clone tr {
    background-color: white;
}

#ModalClicksDetailDiv table {
    font-size: 12px;
    max-width: 10000px;
    table-layout: fixed;
    width: 10000px;
}

#ModalClicksDetailDiv .fixed-column {
    position: absolute;
    display: inline-block;
    width: 188px;
    z-index: 100;
    border: 0px solid var(--dark-grey5);
    background-color: #fff;
}

.kleinebox {
    height: 17px;
    overflow: hidden;
    width: 100%;
    float: left;
    cursor: pointer;
}

.kleineboxmouse {
    height: 17px;
    overflow: hidden;
    position: relative;
    width: 85%;
    float: left;
    cursor: pointer;
}

#ModalClicksDetailTable span {
    margin: 7px;
    position: absolute;
    right: 0;
    top: 0px;
    cursor: pointer;
}

#ModalClicksDetailTable td {
    position: relative;
}

#MousemovementsDetail .pixela {
    background-color: black;
    height: 1px;
    position: absolute;
    width: 1px;
    z-index: 1;
}

#MousemovementsDetail .kreis {
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background-color: var(--blue);
    position: absolute;
    z-index: 2;
}

#MousemovementsDetail #MousemovementsDetailChartHand {
    z-index: 10;
}
#ModalUserHistoryProgress,
#DashboardTabsContentProgress,
#SiteDetailProgress,
#ImpressionsDetailProgress,
#ClicksDetailProgress {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: var(--blue);
}


/**
* Home Overview Of Campaigns
*/

#OverviewOfCampaigns a {
    color: var(--blue);
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-top: 10px;
    padding: 0;
    width: 400px;
}

#OverviewOfCampaigns .table-responsive {
    padding: 0 10px;
}

#OverviewOfCampaigns td {
    text-align: right;
}

#OverviewOfCampaigns th,
#OverviewOfCampaigns td {
    padding: 2px;
    font-size: 11px;
}

#OverviewOfCampaigns img {
    float: left;
    margin-top: 4px;
    margin-right: 4px;
}

#OverviewOfCampaigns .box {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

#InfoTooltipDiv {
    position: relative;
    float: left;
    width: 90px;
    height: 25px;
    top: 16px;
    left: 15px;
}

#InfoTooltipID{
    text-decoration: none;
}

#InfoTooltipDiv .popover,
#InfoTooltipID2 .popover {
    width: 320px;
}

#InfoTooltipID2 .popover {
    top: 35px !important;
}
@media (max-width: 767px) {
    #InfoTooltipID2 .popover {
        position: relative;
        top: 0 !important;
        margin: 0 0 0 5px;
        left: 0 !important;
    }
    .popover.bottom > .arrow {
        left: 20px !important;
    }
    #InfoTooltipDiv .popover, #InfoTooltipID2 .popover {
        width: 97%;
        min-width: 320px;
    }
}



/*
Guest-Account
*/

#guestAccountModalBtn {
    margin-left: 15px;
    cursor: pointer;
}



#EmailContentSwitchEmailTemplate {
    display: none;
}


/**
* Campaigns
*/

#PublisherCategories .active a,
#AdvertiserCategories .active a,
#PlacementCategories .active a,
#SettingsCategories .active a,
#CampaignsCategories .active a,
#OverviewOfCampaignsCategories .active a {
    background-color: var(--orange);
    color: white;
}

#PublisherCategories .active a:hover,
#AdvertiserCategories .active a:hover,
#PlacementCategories .active a:hover,
#SettingsCategories .active a:hover,
#CampaignsCategories .active a:hover,
#OverviewOfCampaignsCategories .active a:hover {
    background-color: var(--orange2);
}

#PublisherCategories li a,
#AdvertiserCategories li a,
#PlacementCategories li a,
#SettingsCategories li a,
#CampaignsCategories li a,
#OverviewOfCampaignsCategories li a {
    background-color: var(--dark-grey5);
    color: black;
}

#PublisherCategories li a:hover,
#AdvertiserCategories li a:hover,
#PlacementCategories li a:hover,
#SettingsCategories li a:hover,
#CampaignsCategories li a:hover,
#OverviewOfCampaignsCategories li a:hover {
    background-color: #95c30c;
}

.Campaigns,
.ClusterCampaigns,
.collapsing .thead,
.collapse .thead,
#CampaignsHeader .thead,
#ClusterCampaignsHeader .thead {
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}

.collapsing .thead h6,
.collapse .thead h6,
#CampaignsHeader .thead h5,
#ClusterCampaignsHeader .thead h5 {
    float: left;
    font-weight: bold;
}

.ClusterCampaigns {
    /*    border-top: 1px solid #ddd;*/
    /*    padding: 10px 1px 1px;*/
    /*    margin-bottom: 2px;*/
    height: auto;
    display: block;
}

.ClusterCampaigns>div {
    /*    color: #fff;
    float: left;
    line-height: 1.8;
    vertical-align: top;*/
}

.ClusterCampaigns:hover {
    background-color: var(--green2);
}

.Campaigns {
    background-color: #ffffff;
    border-top: 1px solid var(--dark-grey5);
    /*    padding: 10px;*/
    height: auto;
    display: block;
    overflow: hidden;
}

.Campaigns>div {
    /*    color: #000;
    float: left;
    line-height: 1.8;
    vertical-align: top;*/
}

.ClusterCampaigns .glyphicon-search,
.ClusterCampaigns .glyphicon-info-sign {
    color: white;
}

#AdvertiserTree .glyphicon-move,
#PublisherTree .glyphicon-move,
#PlacementTree .glyphicon-move,
#AdvertiserTree .glyphicon-pencil,
#PublisherTree .glyphicon-pencil,
#PlacementTree .glyphicon-pencil,
.Campaigns .glyphicon-search,
.Campaigns .glyphicon-barcode,
.Campaigns .glyphicon-time,
.Campaigns .glyphicon-plus,
.Campaigns .glyphicon-move {
    color: threeddarkshadow;
}

#PlacementTree .glyphicon-plus,
.Campaigns .glyphicon-plus {
    color: var(--blue);
}

.CampaignsInfo,
.Campaigns .CampaignsInfo {
    color: var(--blue);
}

.Campaigns:hover {
    background-color: var(--dark-grey5);
}

.Creatives {
    background-color: #ffffff;
    border-top: 1px solid var(--dark-grey5);
    padding: 10px;
    margin: 0;
    width: 100%;
}

.CreativesEdit {
    padding-right: 15px;
}

.Creatives div {
    float: left;
}

.ClusterCampaigns .collapsing,
.ClusterCampaigns .collapse,
.Campaigns .collapsing,
.Campaigns .collapse {
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
}

.CampaignsCreativesInfo {
    padding-left: 15px;
}

#ClusterCampaignsTable .glyphicon,
#CampaignsTable .glyphicon,
.catItemRow .glyphicon {
    font-size: 17px;
    /*    margin-right: 10px;*/
    float: left;
    cursor: pointer;
}

#PlacementModalEdit .on,
#PublisherTree .on,
#AdvertiserTree .on,
#PlacementTree .on,
#CampaignCodeGeneral .on,
#CampaignAnalyse .on,
#OverviewOfCampaigns .on,
#ClusterCampaignsTable .on,
#CampaignsTable .on {
    color: var(--green);
}

#PlacementModalEdit .off,
#PlacementTree .off,
#PublisherTree .off,
#AdvertiserTree .off,
#CampaignCodeGeneral .off,
#CampaignAnalyse .off,
#OverviewOfCampaigns .off,
#ClusterCampaignsTable .off,
#CampaignsTable .off {
    color: var(--red);
}

.Campaigns .tooltip-inner {
    color: white;
}

.glyphicon_settings {
    float: left;
    margin-right: 10px;
    cursor: pointer;
}


/*extracted from Campaigns.html*/

#CampaignAutoReportTree .glyphicon-envelope {
    cursor: pointer;
    float: right;
    margin-right: 15px;
}

#CampagneSettings .tab-pane {
    border-bottom: 1px solid var(--dark-grey5);
    border-left: 1px solid var(--dark-grey5);
    border-right: 1px solid var(--dark-grey5);
    background-color: #fff;
    /*    padding: 5px;*/
}

.guestAccIcon {
    color: var(--dark-grey4);
}

#CampaignDeliveryDaysSelect {
    height: 138px;
}

#CampagneSettingsAuslieferung legend,
#CampagneSettingsSystem legend {
    font-size: 14px;
}

#CampaignDeliveryHourSelect {
    height: 138px;
}

#CampagneSettingsSystem .radio {
    display: inline-block;
    margin-right: 15px;
}

#CampaignSysMobileWrapper {
    display: none;
}

#CampaignSysMobileWrapper select {
    height: 138px;
}

#CampaignSysDesktopWrapper select {
    height: 138px;
}

#CampaignSysMobileIsNotWrapper {
    display: none;
}

.ui-spinner {
    width: 75px;
}

.ui-spinner-button {
    background: var(--grey2);
    width: 20px;
}

.ui-spinner-button:hover {
    background: var(--dark-grey4);
    color: white;
    cursor: pointer;
}

.ui-spinner-button span {
    vertical-align: bottom;
}

.clusterGuestAccIcon {
    color: white;
}


/**
* Placements
*/

#PlacementTree,
#AdvertiserTree,
#PublisherTree {
    /*    font-size: 16px;*/
}

#PlacementTree .list-group-item:hover,
#AdvertiserTree .list-group-item:hover,
#PublisherTree .list-group-item:hover {
    background-color: var(--dark-grey5);
}

#PlacementTree .list-group,
#AdvertiserTree .list-group,
#PublisherTree .list-group,
#AffiliatesTree .list-group{
    list-style: outside none none;
    margin: 0px;
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}

#PlacementTree .list-group-item,
#AdvertiserTree .list-group-item,
#PublisherTree .list-group-item,
#AffiliatesTree .list-group-item{
    list-style: outside none none;
    margin: 0px;
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    border-bottom: 1px solid var(--dark-grey5);
    border-top: 0 none;
}

#PlacementTree .PlacementName,
#AdvertiserTree .AdvertiserName,
#PublisherTree .PublisherName {
    margin-right: 15px;
    position: relative;
    top: 1px;
    display: inline-block;
    cursor: default;
}

#PlacementTree .glyphicon,
#AdvertiserTree .glyphicon,
#PublisherTree .glyphicon {
    cursor: pointer;
}

#PlacementTree .glyphicon-chevron-down,
#PlacementTree .glyphicon-chevron-right {
    color: var(--blue);
    margin-right: 15px;
}

#PublisherTree .glyphicon-move,
#AdvertiserTree .glyphicon-move,
#PlacementTree .glyphicon-move,
#PlacementTree .glyphicon-pencil,
#PublisherTree .glyphicon-pencil,
#AdvertiserTree .glyphicon-pencil,
#PlacementTree .glyphicon-off,
#PublisherTree .glyphicon-off #AdvertiserTree .glyphicon-off {
    margin-right: 8px;
}

#PlacementTree .glyphicon-leer,
#AdvertiserTree .glyphicon-leer,
#PublisherTree .glyphicon-leer {
    margin-left: 25px;
}

.PlacementModalTable tr {
    border-bottom: 1px solid var(--dark-grey5);
}

.PlacementModalTable td {
    text-align: center;
    vertical-align: middle;
}

#PlacementModalEdit .form-horizontal .checkbox {
    padding-top: 0px
}

#PlacementModalEdit .check,
.PlacementModalTable .check {
    height: 20px;
    width: 20px;
}

.Backcolor {
    width: 75%;
    float: left;
}

.SchriftfarbeBackcolorSpanclass {
    border: 1px solid var(--dark-grey4);
    float: left;
    height: 30px;
    margin: 0px;
    width: 30px;
    padding: 0;
    border-radius: 3px;
}

.BackcolorSpanclass {
    border: 1px solid var(--grey);
    float: right;
    height: 30px;
    margin: 0px;
    width: 30px;
    padding: 0;
    border-radius: 3px;
}

.Tabelcolor {
    border-collapse: separate;
    border-spacing: 4px 0;
}

.Tabelcolor td {
    width: 15px;
}

.Tabelcolor tr {
    height: 15px;
}

.TabelcolorBox {
    position: absolute;
    background-color: white;
    z-index: 10000;
    border: 1px solid var(--dark-grey5);
    padding: 5px;
}

.TabelcolorBox td {
    cursor: pointer;
}


/**
* Campaign Statistiken
*/

#CampaignStatistikenTableBody,
#CampaignStatistikenTableBody td {
    font-size: 10px;
    font-weight: normal;
}

#CampaignStatistikenTableBody tr {
    cursor: pointer;
    height: 25px;
}

#CampaignStatistikenTableBody tr td {
    position: relative;
}

#CampaignStatistikenTableBody span {
    cursor: pointer;
    margin: 7px;
    position: absolute;
    right: 0;
    top: 0;
}

#CampaignStatistikenTableBody .red {
    color: var(--red);
    font-weight: 700;
}

#CampaignStatistikenTableBody .yellow {
    color: var(--orange2);
    font-weight: 700;
}

#CampaignStatistikenTableBody .orange {
    color: var(--orange);
    font-weight: 700;
}


/**
* Cmapaign analyse
*/

#SearchInputFormID .table-responsive {
    overflow-x: visible;
}

#SearchInputFormID table {
    table-layout: fixed;
}

#CampaignInfo td {
    text-align: right;
}

.CampaignStatistikenTable .sortingbox {
    display: block;
    height: auto;
    position: relative;
    width: auto;
    font-size: 10px;
}

.CampaignStatistikenTable .sorting_sort-by-alphabet,
.CampaignStatistikenTable .sorting_sort-by-alphabet-alt,
.CampaignStatistikenTable .sorting_sort-by-order,
.CampaignStatistikenTable .sorting_sort-by-order-alt,
.CampaignStatistikenTable .sorting_sort-by-attributes,
.CampaignStatistikenTable .sorting_sort-by-attributes-alt,
.CampaignStatistikenTable .sorting {
    cursor: pointer;
    display: block;
    font-family: "Glyphicons Halflings";
    font-size: 14px;
    font-weight: normal;
    height: 15px;
    position: absolute;
    right: 0;
    top: -20px;
    width: 14px;
}

.CampaignStatistikenTable .sorting::after {
    content: "\e150";
    opacity: 0.2;
}

.CampaignStatistikenTable .sortingABCASC::after {
    content: "\e151";
    opacity: 0.7;
}

.CampaignStatistikenTable .sortingABCDESC::after {
    content: "\e152";
    opacity: 0.7;
}

.CampaignStatistikenTable .sorting123ASC::after {
    content: "\e153";
    opacity: 0.7;
}

.CampaignStatistikenTable .sorting123DESC::after {
    content: "\e154";
    opacity: 0.7;
}

.CampaignStatistikenTable .sorting2 {
    top: -2px;
}

.CampaignStatistikenTable th input {
    font-size: 12px;
    font-weight: normal;
    height: 20px;
    padding: 2px;
    border-radius: 0;
}


/**
* Stats
*/

#ReportingDatenID .col-sm-4 {
    padding: 0px 15px 0px 0px;
}

#ReportingVonID .col-sm-6 {
    padding: 0px 15px 0px 0px;
}

#ReportingDatenID .checkbox>label,
#reportstats .checkbox>label {
    margin-left: 40px;
    padding: 4px 0;
    width: 80%;
}

#reportstats .labelheader span {
    color: var(--blue);
}

#reportstats .labelheader>label {
    color: #ee5f00;
    font-weight: 600;
    margin-left: 0;
    width: 80%;
}

#ReportingVonID .btn.btn-default,
#ReportingDatenID .btn.btn-default {
    width: 100%;
    padding: 0px;
}

#ReportingVonID button,
#ReportingDatenID button {
    background: none;
    box-shadow: none;
    margin: 5px 5px 2px 0px;
    padding: 2px;
    border: none;
    float: right;
}

#ReportingVonID button:hover,
#ReportingDatenID button:hover {
    background: none;
}

#ReportingVonID label,
#ReportingDatenID label {
    float: left;
    text-align: left;
    padding: 0 0 0 30px;
}

#ReportingVonID .checkbox>label {
    margin-left: 10px;
}

#ReportingVonID .checkbox,
#ReportingDatenID .checkbox {
    min-height: 30px;
}


/**
*  Modul
**/

#CampaignAutoReportTree {
    font-size: 16px;
}

#CampaignAutoReportTree .list-group-item:hover {
    background-color: var(--dark-grey5);
}

#CampaignAutoReportTree .list-group {
    list-style: outside none none;
    margin: 0px;
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    border-top: 1px solid var(--dark-grey5);
}

#CampaignAutoReportTree .list-group-item {
    list-style: outside none none;
    margin: 0px;
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    border-bottom: 1px solid var(--dark-grey5);
    border-top: 0 none;
    text-align: left;
}

#CampaignAutoReportTree .CampaignAutoReportName {
    margin-right: 15px;
    position: relative;
    top: 1px;
    display: inline-block;
    cursor: default;
}

#CampaignAutoReportTree .glyphicon-trash {
    color: var(--red);
    cursor: pointer;
    float: right;
}


/*
*   Messages
*/
#messageModal .col-sm-10 {
    margin-bottom: 15px;
}

#messagesShowTable td a {
    margin-left: 7px;
}

.messageRowUserView {
    cursor: pointer;
}

#messageViewModal,
#messageModal,
#messageViewModal,
#helpAdminModal,
#helpAdminUploadFilesModal,
#helpShowModal {
    z-index: 10000;
}

#helpAdminModal, #messageModal, #customersConspicuityFormText{
    z-index: 1050;
}

#messageViewModalBodyMain {
    margin-top: 15px;
}

#messageViewModalTitle {
    width: 90%;
}

#messageViewModal .close {
    margin-top: -25px;
}

#messageViewModal .modal-dialog {
    width: 70%;
}

#messageViewModal .modal-body {
    padding: 15px 30px
}

.readMessageClass {
    background: var(--dark-grey5);
}

.messageTableColSmall,
.messagesShowTableOptionCol {
    width: 12%;
}

.messageTableColVerySmall {
    width: 8%;
}


/**
* Bug-Report
*/
.inlineBlock{display:inline-block;}

.reportCol {
    width: 50%;
}

.fgGreen {
    color: var(--green) !important;
}

.fgRed {
    color: var(--red);
}

.fgOrange {
    color: var(--orange);
}
.fgBlue {
    color: var(--blue);
}

.inline-block{display:inline-block;}
.valign-bottom{vert-align: bottom;}

/**
*
*/

.badge {
    margin-left: 5px;
}

.glystats {
    background-image: url('../images/statistiken.svg');
    width: 23px;
    height: auto;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.highlight {
    border-left: 1px solid var(--dark-grey5);
    border-right: 1px solid var(--dark-grey5);
    border-bottom: 1px solid var(--dark-grey5);
    width: 97%;
    background-color: var(--light-grey);
    margin-left: 25px;
    margin-right: 25px;
    margin-top: -2px;
    padding: 5px 10px;
    -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.8);
    box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.8);
}

.shadow {
    -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 1);
    -ms-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 1);
    -o-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 1);
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 1);
}

.pulse {
    margin-left: 10px;
    margin-bottom: 2px;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background: var(--red);
    cursor: pointer;
    box-shadow: 0 0 0 #180202;
    animation: pulse 2s infinite;
}

.circlegreen {
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background: var(--green);
    display: inline-block;
}

.circleorange {
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background: var(--orange);
    display: inline-block;
}

.circlered {
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background: var(--red);
    display: inline-block;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 #FA7A6E;
    }
    70% {
        -webkit-box-shadow: 0 0 0 5px #C50202;
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 #740202;
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 #FA7A6E;
        box-shadow: 0 0 0 0 #FA7A6E;
    }
    70% {
        -moz-box-shadow: 0 0 0 5px #C50202;
        box-shadow: 0 0 0 5px #C50202;
    }
    100% {
        -moz-box-shadow: 0 0 0 0 #740202;
        box-shadow: 0 0 0 0 #740202;
    }
}

#mainNavTzLi {
    position: relative;
    cursor: pointer;
}

#TimeZoneSelectWrapper {
    position: absolute;
    top: 50px;
    left: 0;
    display: none;
    width: 300px !important;
}

#TimeZoneSelectWrapper .select2-container--open {
    width: 100% !important;
}

#tableSupportRequests {
    margin-top: 15px;
}

#tableSupportRequests tr th {
    font-weight: bold;
}

#supportRequest {
    margin-left: 10px;
    display: inline-block;
    cursor: pointer;
}

#supportRequestModal label {
    vertical-align: top;
}

#InfoTooltipID .glyphicon.glyphicon-info-sign,
#guestAccountModalBtn .glyphicon.glyphicon-user,
#helpBtnWrapper0 .glyphicon.glyphicon-question-sign,
#helpBtnWrapper1 .glyphicon.glyphicon-question-sign,
#helpBtnWrapper2 .glyphicon.glyphicon-question-sign{
    color: var(--dark-grey4) !important;
}

#InfoTooltipID .glyphicon.glyphicon-info-sign:hover,
#guestAccountModalBtn .glyphicon.glyphicon-user:hover,
#helpBtnWrapper0:hover .glyphicon.glyphicon-question-sign,
#helpBtnWrapper1:hover .glyphicon.glyphicon-question-sign,
#helpBtnWrapper2:hover .glyphicon.glyphicon-question-sign{
    color: var(--orange) !important;
}

.navbar-default .navbar-nav>li>.InfoTooltipID {
    border: none;
}

.navbar-default .navbar-nav>li>.InfoTooltipID:hover,
.navbar-default .navbar-nav>li>.InfoTooltipID:focus {
    background-color: transparent;
    outline: transparent;
}

.navbar-default .navbar-nav>li>.InfoTooltipID:hover>span {
    transform: scale(2);
}

#helpBtnWrapper0,
#helpBtnWrapper1,
#helpBtnWrapper2{
    width: 50px;
    height: 50px;
    position: absolute;
    right: -15px;
    top: 0;
    background: var(--grey2);
    cursor: pointer;
}
@media (max-width: 767px) {
    #helpBtnWrapper0,
    #helpBtnWrapper1,
    #helpBtnWrapper2{
        position: relative;
        float: right;
        margin-right: 0;
        right: 0;
    }
}
@media (min-width: 768px) and (max-width: 780px) {
    #helpBtnWrapper0,
    #helpBtnWrapper2{
        display: none !important;
    }
}
@media (min-width: 68px) and (max-width: 1679px) {
    #helpBtnWrapper0,
    #helpBtnWrapper1,
    #helpBtnWrapper2{
        position: relative;
    }
    #helpBtnWrapper0 a,
    #helpBtnWrapper1 a,
    #helpBtnWrapper2 a{
        height: 100%;
        margin-top: 0;
    }
    #helpBtnWrapper0 img,
    #helpBtnWrapper1 img,
    #helpBtnWrapper2 img{
        position: absolute;
        margin: auto;
        top:0;
        left:0;
        right: 0;
        bottom: 0;
    }
}

/** Help Overlay **/

#helpSideScrollBtn {
    color: white;
    margin-top: 15px;
    display: block;
    text-align: center;
}


body.no-scroll{
    overflow:hidden!important;
}



@media (min-width: 768px) and (max-width: 991px) {

}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 1200px) {

}

.fontWeightNormal{font-weight: normal;}
.floatRight{float: right;}

.well {
    background: transparent;
    border: 0;
}

.glyphPlaceholder {
    display: inline-block;
    width: 18px;
}

#helpNewEntryBtn {
    margin-left: 10px;
}

#helpFileUploadDdBtn {
    padding: 6px;
    background: var(--grey2);
    cursor: pointer;
}

#helpFileUploadDdBtn:hover span {
    text-shadow: 1px 1px 3px black;
    color: white;
}

#helpAdminModalIcUpload, #helpUploadFilesFormWrapper{
    display:none;
}

#helpAdminModalInnerCollapseNav{
    position: absolute;
    height: 45px;
    top: -1px;
    right: 18px;
}
#helpAdminModalInnerCollapseNav .helpAdminModalCollapseNavItem:after{
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    vertical-align: bottom;
    margin-left: 7px;
}
#helpAdminModalInnerCollapseNav .helpAdminModalCollapseNavItem.active:after{
    font-family: 'Glyphicons Halflings';
    content: "\e113";
}

#helpUploadFilesForm {
    margin-top: 7px;
}

.helpTitleRow, #helpMainTitle {
    padding: 7px;
    margin-top: 9px;
    margin-bottom: 15px;
    font-size: 18px;
    color: var(--dark-grey3);
    font-weight: bold;
}
#helpMainTitle{
    border-bottom: 1px solid var(--grey2);
    padding-bottom: 12px;
}
#helpMainTitle #formHelpEntryToPdf{display:inline-block; margin-left: 25px;}

#helpMainTitle button span.glyphicon{
    cursor: pointer;
    padding: 3px 5px;
    border-radius: 3px;
}

.helpMessageEntry {
    cursor: pointer;
    padding: 13px;
    border-top: 1px solid var(--grey2);
}

.helpMessageEntry:hover {
    background: var(--grey);
}

.helpMessageEntryInfo {
    padding-top: 7px;
}

.helpMessageEntryInfo span {
    color: var(--dark-grey4);
}

.helpMessageEntryTitle {
    font-weight: bold;
}

#helpSupportRequestFormWrapper {
    padding: 13px;
    margin-bottom: 40px;
    border-top: 1px solid var(--grey2);
    color: var(--dark-grey3);
}

.helpSupportWrapper{
    padding: 10px 13px;
    border-top: 1px solid var(--grey2);
}

.helpSupportEntryDivider{margin-top: 5px; margin-bottom: 5px; }

.helpSupportStatus{margin-left: 25px;}

#helpSupportAdminViewWrapper div {
    padding: 13px;
}

#helpSideMenu .helpAdminLi {
    padding-left: 0;
}

#helpSideMenu .helpAdminSubLi {
    padding-left: 0;
}

#helpSideMenu .helpAdminMenuItem{
    cursor: pointer;
    list-style: none;
    padding: 10px 15px;
    min-height: 38px;
}

.helpAdminMenuItem form,
.helpAdminMenuSubItem form {
    display: inline-block;
}

#helpSideMenu .helpAdminMenuSubItem {
    cursor: pointer;
    list-style: none;
    padding: 10px 15px 8px;
    min-height: 38px;
}

#helpSideMenu .helpAdminMenuSubItem .helpAdminMenuItemText > span{
    display: inline-block;
    margin-top: 2px;
    margin-right: 4px;
}

#helpSideMenu .helpAdminMenuItem:hover,
#helpSideMenu .helpAdminMenuSubItem:hover {
    background: var(--blue);
    color: white;
}

.helpAdminMenuItemText,
.helpAdminMenuItemOptionWrapper {
    display: inline-block;
}
.helpAdminMenuItemOptionWrapper .btn{
    margin-top: -2px;
}

.helpSideMenuActive {
    background: var(--blue);
    color: white;
}
.helpSideMenuSubItemActive {
    background: var(--blue);
    color: white;
}

.helpSupportMessage {
    margin-top: 15px;
}

.helpSupportTitle {
    color: var(--dark-grey4);
}


/* F5F5F5 */

#helpAdminBtnWrapper {
    margin-bottom: 15px;
    padding: 0;
}

#helpAdminHelpViewBtn,
#helpAdminFileViewBtn {
    width: 50%;
}

.helpUploadFileRow {
    padding: 3px 5px;
}

#helpUploadFileRowTitles {
    padding: 3px 5px;
    font-weight: bold;
}

.helpUploadFileRow button {
    margin-right: 5px;
}

.helpUploadFileRow:hover {
    background: #F5F5F5;
}

#helpUploadPath {
    padding: 3px 5px;
    font-weight: bold;
    margin-bottom: 10px;
}

#helpAdminModal .modal-dialog, #helpShowModal .modal-dialog {
    width: 1280px;
}

#helpAdminUploadFilesModal .modal-dialog {
    width: 800px;
}

#helpNewEntryForm .tab-content {
    padding-top: 15px;
}

#helpAdminModal .formCollapse{display: none;}
#helpAdminModal label.inlineBlock{margin-right: 15px;}
#helpAdminModal .inlineInputWrapper{width: 50%;}
#helpUploadFilesForm small {
    margin-bottom: 10px;
    display: block;
}

#helpEntriesTable .helpEntriesTableBtnWrapper {
    width: 140px;
}
#helpEntriesTable .helpEntriesTableBtnWrapper .glyphicon-warning-sign{
    vertical-align: middle;
    color: var(--orange);
    display: inline-block;
}

#helpEntriesTable .helpEntriesTableBtnWrapper button {
    margin-left: 4px;
}
.helpAdminPublishIcon{vertical-align: middle;}

.helpUploadFileDelForm {
    display: inline-block;
}

#helpCatTitle {
    margin-bottom: 15px;
}

/*** Help-ENDE ***/

.just-padding {
    padding: 15px;
}

.list-group.list-group-root {
    padding: 0;
    overflow: hidden;
}

.list-group.list-group-root .list-group {
    margin-bottom: 0;
}

.list-group.list-group-root .list-group-item {
    border-radius: 0;
    border-width: 1px 0 0 0;
}

.list-group.list-group-root>.list-group-item:first-child {
    border-top-width: 0;
}

.list-group.list-group-root>.list-group>.list-group-item {
    padding-left: 30px;
}

.list-group.list-group-root>.list-group>.list-group>.list-group-item {
    padding-left: 45px;
}

.list-group-item .glyphicon {
    margin-right: 5px;
}


/*** bootstrap additions & adjustments ***/

.mt-0 {
    margin-top: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.mx-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.my-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.pt-5 {
    padding-top: 5px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-30px {
    padding-left: 30px !important;
}

.px-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.px-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.py-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

@media (max-width: 767px) {
    .mt-xs-0 {
        margin-top: 0 !important;
    }
    .ml-xs-0 {
        margin-left: 0 !important;
    }
    .mb-xs-0 {
        margin-bottom: 0 !important;
    }
    .mr-xs-0 {
        margin-right: 0 !important;
    }
    .mx-xs-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .my-xs-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .mb-xs-15 {
        margin-bottom: 15px !important;
    }
    .pt-xs-0 {
        padding-top: 0 !important;
    }
    .pl-xs-0 {
        padding-left: 0 !important;
    }
    .pb-xs-0 {
        padding-bottom: 0 !important;
    }
    .pr-xs-0 {
        padding-right: 0 !important;
    }
    .px-xs-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .py-xs-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .px-xs-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .py-xs-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .pull-xs-left {
        float: left !important;
    }
    .pull-xs-right {
        float: right !important;
    }
    .text-xs-left {
        text-align: left !important;
    }
    .text-xs-right {
        text-align: right !important;
    }
    .text-xs-center {
        text-align: center !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .mt-sm-0 {
        margin-top: 0 !important;
    }
    .ml-sm-0 {
        margin-left: 0 !important;
    }
    .mb-sm-0 {
        margin-bottom: 0 !important;
    }
    .mr-sm-0 {
        margin-right: 0 !important;
    }
    .mx-sm-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .pt-sm-0 {
        padding-top: 0 !important;
    }
    .pl-sm-0 {
        padding-left: 0 !important;
    }
    .pb-sm-0 {
        padding-bottom: 0 !important;
    }
    .pr-sm-0 {
        padding-right: 0 !important;
    }
    .px-sm-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .pl-sm-15-half {
        padding-left: calc(15px / 2) !important;
    }
    .pr-sm-15-half {
        padding-right: calc(15px / 2) !important;
    }
    .px-sm-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .py-sm-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .pull-sm-left {
        float: left !important;
    }
    .pull-sm-right {
        float: right !important;
    }
    .text-sm-left {
        text-align: left !important;
    }
    .text-sm-right {
        text-align: right !important;
    }
    .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .mt-md-0 {
        margin-top: 0 !important;
    }
    .ml-md-0 {
        margin-left: 0 !important;
    }
    .mb-md-0 {
        margin-bottom: 0 !important;
    }
    .mr-md-0 {
        margin-right: 0 !important;
    }
    .mx-md-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .pt-md-0 {
        padding-top: 0 !important;
    }
    .pl-md-0 {
        padding-left: 0 !important;
    }
    .pb-md-0 {
        padding-bottom: 0 !important;
    }
    .pr-md-0 {
        padding-right: 0 !important;
    }
    .px-md-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .px-md-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .pl-md-15-half {
        padding-left: calc(15px / 2) !important;
    }
    .pr-md-15-half {
        padding-right: calc(15px / 2) !important;
    }
    .px-md-15-half {
        padding-left: calc(15px / 2) !important;
        padding-right: calc(15px / 2) !important;
    }
    .pull-md-left {
        float: left !important;
    }
    .pull-md-right {
        float: right !important;
    }
    .text-md-left {
        text-align: left !important;
    }
    .text-md-right {
        text-align: right !important;
    }
    .text-md-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) and (max-width: 1679px) {
    .mt-lg-0 {
        margin-top: 0 !important;
    }
    .ml-lg-0 {
        margin-left: 0 !important;
    }
    .mb-lg-0 {
        margin-bottom: 0 !important;
    }
    .mr-lg-0 {
        margin-right: 0 !important;
    }
    .mx-lg-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .pt-lg-0 {
        padding-top: 0 !important;
    }
    .pl-lg-0 {
        padding-left: 0 !important;
    }
    .pb-lg-0 {
        padding-bottom: 0 !important;
    }
    .pr-lg-0 {
        padding-right: 0 !important;
    }
    .px-lg-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .px-lg-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .pl-lg-15-half {
        padding-left: calc(15px / 2) !important;
    }
    .pr-lg-15-half {
        padding-right: calc(15px / 2) !important;
    }
    .px-lg-15-half {
        padding-left: calc(15px / 2) !important;
        padding-right: calc(15px / 2) !important;
    }
    .pull-lg-left {
        float: left !important;
    }
    .pull-lg-right {
        float: right !important;
    }
    .text-lg-left {
        text-align: left !important;
    }
    .text-lg-right {
        text-align: right !important;
    }
    .text-lg-center {
        text-align: center !important;
    }
}

@media (min-width: 1680px) {
    .mt-xl-0 {
        margin-top: 0 !important;
    }
    .ml-xl-0 {
        margin-left: 0 !important;
    }
    .mb-xl-0 {
        margin-bottom: 0 !important;
    }
    .mr-xl-0 {
        margin-right: 0 !important;
    }
    .mx-xl-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .pt-xl-0 {
        padding-top: 0 !important;
    }
    .pl-xl-0 {
        padding-left: 0 !important;
    }
    .pb-xl-0 {
        padding-bottom: 0 !important;
    }
    .pr-xl-0 {
        padding-right: 0 !important;
    }
    .px-xl-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .px-xl-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .pl-xl-15-half {
        padding-left: calc(15px / 2) !important;
    }
    .pr-xl-15-half {
        padding-right: calc(15px / 2) !important;
    }
    .px-xl-15-half {
        padding-left: calc(15px / 2) !important;
        padding-right: calc(15px / 2) !important;
    }
    .pull-xl-left {
        float: left !important;
    }
    .pull-xl-right {
        float: right !important;
    }
    .text-xl-left {
        text-align: left !important;
    }
    .text-xl-right {
        text-align: right !important;
    }
    .text-xl-center {
        text-align: center !important;
    }
}

.distance-vertical-5 {
    padding-bottom: 5px;
}

.distance-vertical-10 {
    padding-bottom: 10px;
}

.distance-vertical-15 {
    padding-bottom: 15px;
}

@media (max-width: 767px) {
    .distance-vertical-xs-5 {
        padding-bottom: 5px;
    }
    .distance-vertical-xs-10 {
        padding-bottom: 10px;
    }
    .distance-vertical-xs-15 {
        padding-bottom: 15px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {}

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 1200px) {}

.col-left {
    padding-right: calc(15px / 2) !important;
}

.col-right {
    padding-left: calc(15px / 2) !important;
}

@media (max-width: 1199px) {
    .col-left {
        padding-right: 15px !important;
    }
    .col-right {
        padding-left: 15px !important;
    }
}

.hyphenation {
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.text-bold {
    font-weight: bold;
}

.text-danger {
    color: var(--red);
}

.border-bottom {
    border-bottom: 1px solid var(--grey2);
}

@media (max-width: 767px) {
    .border-bottom-xs {
        border-bottom: 1px solid var(--grey2);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .border-bottom-sm {
        border-bottom: 1px solid var(--grey2);
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .border-bottom-md {
        border-bottom: 1px solid var(--grey2);
    }
}

@media (min-width: 1200px) {
    .border-bottom-lg {
        border-bottom: 1px solid var(--grey2);
    }
}

@media (max-width: 767px) {
    .btn-xs-2 {
        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }
    .btn-xs-sm {
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }
    .input-xs-sm {
        height: 30px;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .btn-sm-xs {
        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }
    .btn-sm-sm {
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }
    .input-sm-sm {
        height: 30px;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }
    .navbar-sm-left {
        float: left !important;
    }
    .navbar-sm-right {
        float: right !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-md-left {
        float: left !important;
    }
    .navbar-md-right {
        float: right !important;
    }
}

@media (min-width: 1200px) and (max-width: 1679px) {
    .navbar-lg-left {
        float: left !important;
    }
    .navbar-lg-right {
        float: right !important;
    }
}

@media (min-width: 1680px) {}


/** addition col-classes **/

@media (max-width: 767px) {
    .col-xs-1th {
        width: 100%;
    }
    .col-xs-2th {
        width: 50%;
    }
    .col-xs-3th {
        width: calc(100% / 3);
    }
    .col-xs-4th {
        width: 25%;
    }
    .col-xs-5th {
        width: 20%;
    }
    .col-xs-6th {
        width: calc(100% / 6);
    }
    .col-xs-7th {
        width: calc(100% / 7);
    }
    .col-xs-8th {
        width: 12.5%;
    }
    .col-xs-9th {
        width: calc(100% / 9);
    }
    .col-xs-10th {
        width: 10%;
    }
    .btn-xs-block {
        display: block;
        width: 100%;
        margin-bottom: 5px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .col-sm-1th {
        width: 100%;
    }
    .col-sm-2th {
        width: 50%;
    }
    .col-sm-3th {
        width: calc(100% / 3);
    }
    .col-sm-4th {
        width: 25%;
    }
    .col-sm-5th {
        width: 20%;
    }
    .col-sm-6th {
        width: calc(100% / 6);
    }
    .col-sm-7th {
        width: calc(100% / 7);
    }
    .col-sm-8th {
        width: 12.5%;
    }
    .col-sm-9th {
        width: calc(100% / 9);
    }
    .col-sm-10th {
        width: 10%;
    }
    .btn-sm-block {
        display: block;
        width: 100%;
        margin-bottom: 5px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .col-md-1th {
        width: 100%;
    }
    .col-md-2th {
        width: 50%;
    }
    .col-md-3th {
        width: calc(100% / 3);
    }
    .col-md-4th {
        width: 25%;
    }
    .col-md-5th {
        width: 20%;
    }
    .col-md-6th {
        width: calc(100% / 6);
    }
    .col-md-7th {
        width: calc(100% / 7);
    }
    .col-md-8th {
        width: 12.5%;
    }
    .col-md-9th {
        width: calc(100% / 9);
    }
    .col-md-10th {
        width: 10%;
    }
}

@media (min-width: 1200px) and (max-width: 1679px) {
    .col-lg-1th {
        width: 100%;
    }
    .col-lg-2th {
        width: 50%;
    }
    .col-lg-3th {
        width: calc(100% / 3);
    }
    .col-lg-4th {
        width: 25%;
    }
    .col-lg-5th {
        width: 20%;
    }
    .col-lg-6th {
        width: calc(100% / 6);
    }
    .col-lg-7th {
        width: calc(100% / 7);
    }
    .col-lg-8th {
        width: 12.5%;
    }
    .col-lg-9th {
        width: calc(100% / 9);
    }
    .col-lg-10th {
        width: 10%;
    }
}

@media (min-width: 1680px) {

    .hidden-lg {
        display: inherit !important;
    }
    .hidden-xl {
        display: none !important;
    }
    .visible-xl-block {
        display: block !important;
    }
    .visible-xl-inline-block {
        display: inline-block !important;
    }
    .visible-xl-inline {
        display: inline !important;
    }
    .col-xl-1th {
        width: 100%;
    }
    .col-xl-2th {
        width: 50%;
    }
    .col-xl-3th {
        width: calc(100% / 3);
    }
    .col-xl-4th {
        width: 25%;
    }
    .col-xl-5th {
        width: 20%;
    }
    .col-xl-6th {
        width: calc(100% / 6);
        max-width: 301.833px;
    }
    .col-xl-7th {
        width: calc(100% / 7);
    }
    .col-xl-8th {
        width: 12.5%;
    }
    .col-xl-9th {
        width: calc(100% / 9);
    }
    .col-xl-10th {
        width: 10%;
    }
}

.horizontal-spacer-5 {
    height: 5px !important;
}

.horizontal-spacer-10 {
    height: 10px !important;
}

.horizontal-spacer-15 {
    height: 15px !important;
}

@media (max-width: 767px) {}

@media (min-width: 768px) and (max-width: 991px) {
    .horizontal-spacer-sm-5 {
        height: 5px !important;
    }
    .horizontal-spacer-sm-10 {
        height: 10px !important;
    }
    .horizontal-spacer-sm-15 {
        height: 15px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .horizontal-spacer-md-5 {
        height: 5px !important;
    }
    .horizontal-spacer-md-10 {
        height: 10px !important;
    }
    .horizontal-spacer-md-15 {
        height: 15px !important;
    }
}

@media (min-width: 1200px) {
    .horizontal-spacer-lg-5 {
        height: 5px !important;
    }
    .horizontal-spacer-lg-10 {
        height: 10px !important;
    }
    .horizontal-spacer-lg-15 {
        height: 15px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1679px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
    .col-lg-pull-12 {
        right: 100%;
    }
    .col-lg-pull-11 {
        right: 91.66666667%;
    }
    .col-lg-pull-10 {
        right: 83.33333333%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-8 {
        right: 66.66666667%;
    }
    .col-lg-pull-7 {
        right: 58.33333333%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-5 {
        right: 41.66666667%;
    }
    .col-lg-pull-4 {
        right: 33.33333333%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-2 {
        right: 16.66666667%;
    }
    .col-lg-pull-1 {
        right: 8.33333333%;
    }
    .col-lg-pull-0 {
        right: auto;
    }
    .col-lg-push-12 {
        left: 100%;
    }
    .col-lg-push-11 {
        left: 91.66666667%;
    }
    .col-lg-push-10 {
        left: 83.33333333%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-8 {
        left: 66.66666667%;
    }
    .col-lg-push-7 {
        left: 58.33333333%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-5 {
        left: 41.66666667%;
    }
    .col-lg-push-4 {
        left: 33.33333333%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-2 {
        left: 16.66666667%;
    }
    .col-lg-push-1 {
        left: 8.33333333%;
    }
    .col-lg-push-0 {
        left: auto;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-lg-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 1680px) {
    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12 {
        float: left;
    }
    .col-xl-12 {
        width: 100%;
    }
    .col-xl-11 {
        width: 91.66666667%;
    }
    .col-xl-10 {
        width: 83.33333333%;
    }
    .col-xl-9 {
        width: 75%;
    }
    .col-xl-8 {
        width: 66.66666667%;
    }
    .col-xl-7 {
        width: 58.33333333%;
    }
    .col-xl-6 {
        width: 50%;
    }
    .col-xl-5 {
        width: 41.66666667%;
    }
    .col-xl-4 {
        width: 33.33333333%;
    }
    .col-xl-3 {
        width: 25%;
    }
    .col-xl-2 {
        width: 16.66666667%;
    }
    .col-xl-1 {
        width: 8.33333333%;
    }
    .col-xl-pull-12 {
        right: 100%;
    }
    .col-xl-pull-11 {
        right: 91.66666667%;
    }
    .col-xl-pull-10 {
        right: 83.33333333%;
    }
    .col-xl-pull-9 {
        right: 75%;
    }
    .col-xl-pull-8 {
        right: 66.66666667%;
    }
    .col-xl-pull-7 {
        right: 58.33333333%;
    }
    .col-xl-pull-6 {
        right: 50%;
    }
    .col-xl-pull-5 {
        right: 41.66666667%;
    }
    .col-xl-pull-4 {
        right: 33.33333333%;
    }
    .col-xl-pull-3 {
        right: 25%;
    }
    .col-xl-pull-2 {
        right: 16.66666667%;
    }
    .col-xl-pull-1 {
        right: 8.33333333%;
    }
    .col-xl-pull-0 {
        right: auto;
    }
    .col-xl-push-12 {
        left: 100%;
    }
    .col-xl-push-11 {
        left: 91.66666667%;
    }
    .col-xl-push-10 {
        left: 83.33333333%;
    }
    .col-xl-push-9 {
        left: 75%;
    }
    .col-xl-push-8 {
        left: 66.66666667%;
    }
    .col-xl-push-7 {
        left: 58.33333333%;
    }
    .col-xl-push-6 {
        left: 50%;
    }
    .col-xl-push-5 {
        left: 41.66666667%;
    }
    .col-xl-push-4 {
        left: 33.33333333%;
    }
    .col-xl-push-3 {
        left: 25%;
    }
    .col-xl-push-2 {
        left: 16.66666667%;
    }
    .col-xl-push-1 {
        left: 8.33333333%;
    }
    .col-xl-push-0 {
        left: auto;
    }
    .col-xl-offset-12 {
        margin-left: 100%;
    }
    .col-xl-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-xl-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-xl-offset-9 {
        margin-left: 75%;
    }
    .col-xl-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-xl-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-xl-offset-6 {
        margin-left: 50%;
    }
    .col-xl-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-xl-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-xl-offset-3 {
        margin-left: 25%;
    }
    .col-xl-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-xl-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-xl-offset-0 {
        margin-left: 0;
    }
}

.float-none {
    float: none !important;
}

.toggle-click-div {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.setting-icons {
    display: none;
    position: relative;
    z-index: 1;
    width: 100%;
    padding-top: 5px;
}

.setting-icons>div {
    padding-top: 5px;
}

.categoryInputWrap>input {
    margin-bottom: 8px;
}

#CampaignsCategoriesCreate {
    display: none;
}

@media (max-width: 767px) {}

@media (min-width: 768px) and (max-width: 991px) {}

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 1200px) {}

#CampaignsCategoriesCreateli,
#categoryInputWrap {
    padding: 10px 15px;
    background-color: var(--light-grey);
    color: black;
}
#Navbar1 li > a{
    font-weight: bold;
}
#Navbar1 li.dropdown>a,
#timeZoneModalBtn,
#Navbar1 li > a {
    padding-bottom: 10px;
    height: 50px;
}

#Navbar1 .dropdown-menu  li > a {
    height: auto;
    text-align: left;
    padding: 5px;
}



@media (max-width: 767px) {}

@media (min-width: 768px) and (max-width: 991px) {}

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 1200px) {
    #Navbar1 li.dropdown>a,
    #timeZoneModalBtn,
    #Navbar1 li > a{
        text-align: center;
    }
}

.pointer{cursor:pointer;}

.navbar-icon {
    width: 23px;
    height: 20px;
    margin-top: -4px;
    font-size: 20px;
    color: var(--light-grey);
}

#timeZoneModalBtn:hover .glyphicon {
    color: var(--red);
}

#timezone_dropdown_text {
    vertical-align: top;
}

.button-refresh {
    background-color: var(--blue);
    color: white;
    padding: 6px 12px !important;
    border: 1px solid var(--light-grey) !important;
    border-left: 0 !important;
    cursor: pointer;
}

.button-refresh:hover {
    background-color: var(--blue);
}

#TimeZoneModal .modal-dialog,
#TimeZoneModal .modal-body{

}

#timezone-picker-title{

}
#timezone-picker{
    margin-top: 5px;
}

.helpEntriesTableBtnWrapper .btn,
.helpUploadFileRow .btn,
.helpAdminMenuItemOptionWrapper .btn{
    position: relative;
    width: 24px;
    height: 24px;
    border: none;
    box-shadow: none;
    vertical-align: top;
}
.helpEntriesTableBtnWrapper .btn span,
.helpUploadFileRow .btn span,
.helpAdminMenuItemOptionWrapper .btn span{
    position: absolute;
    margin: auto;
    left:0;
    right:0;
    top:50%;
    transform: translateY(-50%);
}
.inlineCb{margin-right: 15px !important;}
.navbar-brand, .navbar-nav > li > a{text-shadow: unset;}
#Navbar1 .navbar-right li.dropdown ul.dropdown-menu li a{font-weight: normal; color: var(--dark-grey3);}
#AdServerNavDropdownMenu li a span.name, #WebsitesNavDropdownMenu li a{font-weight: normal; color: var(--dark-grey3);}
#WebsitesNavDropdownMenu .active,
#AdServerNavDropdownMenu .active{
    background-color: var(--blue);
    color:#fff;
}
#WebsitesNavDropdownMenu .active:hover,
#AdServerNavDropdownMenu .active:hover{
    color: var(--blue);
}

.actionItem{color: var(--dark-grey3);}
.actionItemWhite{color:#FFF;}
.actionItemActive{color:var(--green);}
.loginPatternInfo{display: none;}
#PlacementTable .actionItem,#PlacementTable .actionItemActive{float:right; margin-right: 85px;}

/* new Help Admin  */
.helpAdminMenuItem .menuItemWrap:hover{background:  var(--dark-grey4);}
.helpMenuLeft{list-style: none; cursor:pointer; margin-bottom: 0; padding-left: 25px;}
.helpMenuLeft .collapsed ul {display: none;}
.helpAdminMenuItem .menuItemWrap{display: block; padding: 4px 5px; }
.helpMenuLeft .helpMenuLeftBtnWrap{display:inline-block; height: 20px; margin: 0; padding: 0; position: absolute; right:15px; margin-top: -2px;}
.helpMenuLeft .helpMenuLeftBtnWrap .btn{margin-left: 2px;}
.helpAdminMenuItem .adminHelpMenuElement:hover{color: var(--blue);}
#helpAdminTopicModalBtn{margin-right: 15px;}

/*HelpSlider content right*/
.helpMainEntryTitle{padding-left: 5px; color: var(--blue);}

.helpTopicSiteMap .helpTopicDdIcon{cursor:pointer; font-size: 30px; margin-top: -13px;}
.helpTopicDdIcon{display: inline-block; text-align: center; width: 20px; vertical-align: sub; margin-right: 7px; height: 0;}

.helpTopicSiteMap .collapsed{display:none;}
/*#helpTopicSiteMapWrapper{box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); margin-top: 40px;}*/
.helpTopicSiteMapBox{ border: 1px solid var(--light-grey); /*padding: 23px 19px 5px 19px;*/ position:relative; min-height: 41px;}
.iconRed{color: var(--red);}
.helpTopicTitleTopLink{font-size: 17px;}
.menuItemWrap{cursor:pointer; }
.menuItemWrap:hover{color: var(--blue);}
.bgGrey{background: var(--light-grey);}

.helpCategoryTitleMenu{font-weight: bold; font-size: 18px; color: var(--dark-grey); padding-bottom: 15px;}
.helpDataEntryTitleMenu{padding: 5px 8px; cursor:pointer;}
.helpDataEntryTitleMenu:hover{color: var(--blue);}

.helpDataEntryTitleRightSign, .helpDataEntryTitleMenu{display: inline-block;}
.helpDataEntryTitleRightSign{width: 6px;height: 17px;margin-right: 8px;vertical-align: text-bottom;}
.helpDataEntryTitleWrapper:hover .helpDataEntryTitleRightSign{background:  var(--blue);}
.helpDataEntryTitleWrapper:hover .helpDataEntryTitleMenuSign:not(.helpDataEntryActive){background: var(--dark-grey3);}

.helpDataEntryTitleMenu, .helpDataEntryTitleMenuSign{display: inline-block;}
.helpDataEntryTitleMenuSign{width: 6px;height: 17px;margin-right: 8px;vertical-align: text-bottom;}
.helpDataEntryTitleMenuSign.helpDataEntryActive{background: var(--blue);}
.helpMainEntryText{padding-left: 5px;}
.helpTopicSiteMapBox > .helpTopicSiteMapTitleRow{width :100%; padding: 7px 10px; z-index: 99; background: rgb(255,255,255); color:black;}
.helpTopicSiteMapBox > .helpTopicSiteMap{margin-top: 5px; margin-bottom: 10px; padding-left: 22px;}
.helpTopicSiteMapBox > .helpTopicSiteMapTitleRow  > .helpTopicDdTopIcon{margin-top: -10px;}
.helpTopicSiteMapBox > .helpTopicSiteMapTitleRow.helpTopCatRowActive{background: rgb(104,104,104); color:white;}
.helpTopicDdTopIcon{margin-right: 10px;}
.helpTopCatRowActive .helpTopicDdTopIcon{color:white;}
.bgDefault{background: #FFF; color:black;}
.helpTopicTitleLink{/*margin-left: 25px;*/}
.helpTopicSiteMapDataRow{padding: 4px 0 0 0;}
.helpTopicSiteMapTitleRow{padding-top: 5px;}

.adminHelpTopicDdIcon{float: left; display: inline-block; margin-right: 10px; margin-top: 2px;}
.adminHelpMenuElementActive{background: var(--blue); color: white;}

.helpAdditionDdTitle{padding: 3px 10px; cursor:pointer;}
.helpAdditionDdTitle:hover{background: var(--blue); color:white;}
.helpAdditionDdTitle>.glyphicon{margin-left: 20px; vertical-align: sub;}
#helpFormSubmit{margin: 15px auto;}
#helpAdminModal .collapsed{display: none;}

/* Inside scrollable Modals */
.modal-body{
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

#ModalTrafficDetail{padding-right: 0 !important;}

.btnTd{width: 70px;}
#viewabilitySettingsTable{margin-top: 25px;}

/* Tracking Genarator */
#trackingGeneratorModal .modal-dialog{width: 1620px;}
.fgGray{color: var(--dark-grey2);}
.tgCol{display: inline-block; width: 300px; margin-left: 15px;vertical-align: bottom;}
.tgColSelectTitlePlaceholder, .tgColSelectTitle{height: 25px;}
.tgColSelectPlaceholder{border: 1px dashed var(--dark-grey5); width: 100%; height: 35px; border-radius: 5px;}
.tgResultPlaceholder{height: 120px;}

#tgSelectCreateTrackingFor, #tgSelectUseAt_col1, #tgSelectUseAt_col3, #tgSelectAdserver, #tgSelectAdserver2, #tgSelectCampaign.select2-container, #tgNewCampaign {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    /* no standardized syntax available, no ie-friendly solution available */
}

select + i.glyphicon, input + i.glyphicon {
    float: right;
    margin-top: -24px;
    margin-right: 5px;
    /* this is so when you click on the chevron, your click actually goes on the dropdown menu */
    pointer-events: none;
    /* everything after this is just to cover up the original arrow */
    /* (for browsers that don't support the syntax used above) */
    background-color: #fff;
    padding-right: 5px;
    color: var(--blue);
}

/*Select 2 Overrides*/
#tgSelectCampaign{width: 300px;}
#trackingGeneratorModal .select2-selection{height: 33px; border: 1px solid var(--dark-grey5);}
#trackingGeneratorModal .select2-selection .glyphicon{margin-top: 8px; color: var(--blue);}
#trackingGeneratorModal .select2-selection__placeholder{color: var(--dark-grey3); padding: 6px;}
.tgSeq_2 .select2-selection__clear{left: -7px;}
#trackingGeneratorModal .modal-body {position:static;}
.modal-dialog {margin-top: 85px;}
#trackingGeneratorModal .popover {z-index: 9999;position: fixed;}

#tgDdRight{padding: 15px 0 35px 15px;}
#tgDdLeft{padding: 15px 15px 15px 0;}
.tgDdBox{border: 1px solid var(--dark-grey4); border-radius: 5px; padding: 10px;}
.tgDdBody{padding: 20px 0 0 10px;}
.tgDdBody .form-check{margin-bottom: 5px;}
.tgOptionInputWrap{padding-right: 10px; margin-bottom: 5px;}
#trackingGeneratorModal .tgInfoSign{width: 17px; margin-left: 10px; cursor: pointer;}
.tgDdIcon{margin: 0 15px 0 10px; color: var(--blue); cursor: pointer;}

[data-toggle="popover"]:focus, [data-toggle="tab"]:focus{
    outline: none;
}

input.invalid, textarea.invalid{border: 1px solid var(--red);}
input.valid, textarea.valid{border: 1px solid var(--dark-grey4);}

/* Inactivity-Timeout-Pie */
#inactivityTimeoutContainer{
    width: 20px;
    height: 20px;
    display: inline-block;
}
@media (max-width: 767px) {
    #inactivityTimeoutContainer{
        margin-top: 0;
        margin-left: 15px;
    }
}

.kt-search-highlight{
    color: var(--blue);
}

#ktPreThRow{border: none;}
.ktOverHeader{font-size: 16px; font-weight: bold; text-align: center; cursor: default !important; }
.dataTable tr th.text-center{text-align: center;}
#ktPreThRow .ktEmptyOverHeader{border-left: 1px solid transparent; border-top: none;}

.syslogInfoBtn{float: right;margin: 3px;text-decoration: unset;cursor: pointer;}
.syslogInfoBtn:hover {text-decoration: unset; }
.popover {max-width: none;}
#UserADDEmailWarning, #UserEmailWarning{vertical-align: bottom;}

input[type="number"].no-spinners {
    -moz-appearance:textfield;
}
input[type=number].no-spinners::-webkit-inner-spin-button,
input[type=number].no-spinners::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.modal-content{
    border-radius:2px!important;
}
tr:not(#analyseTableWrapper table){
    height:30px !important;
    line-height:1 !important;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 5px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid var(--dark-grey5);

}

#ImpressionsDetail tr > * {
    vertical-align:middle;
}

#AlertMessages .alert .text{
    max-width:425px;
    overflow:hidden;
    display:block;
    word-wrap: break-word;
    text-overflow:ellipsis;
}

/* Privacy Confirmation */
#privacyConfirmationContainer{margin-bottom: 30px; position: relative;}
#privacyConfirmationBg{position: absolute; width: 100%; height: 80%; top: 100px; margin-left: -20px; z-index: 0; background-image: url('../images/gsi_logo_red.png'); background-repeat: no-repeat; opacity: 0.05;}
#privacyConfirmationContainer .privacyConfirmationContent{padding: 15px 15px 0 15px;}
#privacyConfirmationContainer p{padding: 0; margin:0; position: relative; z-index: 2;}
#privacyConfirmationContainer ul{padding-left: 30px; margin-bottom: 0;}
#privacyConfirmationContainer .form-group {display: inline-block; width: 48%; text-align: right;}
#privacyConfirmationContainer input[type="checkbox"] {display: none;}
#privacyConfirmationContainer input[type="checkbox"] + .btn-group > label span {width: 20px;}
#privacyConfirmationContainer input[type="checkbox"] + .btn-group > label span:first-child {display: none;}
#privacyConfirmationContainer input[type="checkbox"] + .btn-group > label span:last-child {display: inline-block;}
#privacyConfirmationContainer input[type="checkbox"]:checked + .btn-group > label span:first-child {display: inline-block;}
#privacyConfirmationContainer input[type="checkbox"]:checked + .btn-group > label span:last-child {display: none;}

#AdServerNavDropdownMenu .active .name{
    color:#fff;
}

#AdServerNavDropdownMenu .active:hover .name{
    color: var(--blue);
}

.modal.account-management .error-list{
    display: none;
    opacity:0;
    position: fixed;
    right: 0;
    transform:translate(95%,0);
    top: 30%;
    background-color:#fff;
    padding:10px;
    box-shadow:0px 0px 5px rgba(0,0,0,0.25);
    border:1px solid var(--dark-grey5);
    border-radius:5px;
    max-width: 450px;
}
.modal.account-management .error-list .error{
    color: var(--red);
    margin-left: 20px;
    font-weight:bold;
    cursor:default;
}
.details-modal.tab-content .table tr td{
    word-wrap: break-word;
    max-width: 340px;
}
.details-internal.table tr td{
    word-wrap: break-word;
    max-width: 270px;
}
.ProgressCont{
    position: relative;width: 100px;height: 100px;margin: 20px auto;
}
.ProgressElement{
    position: relative;width: 100px;height: 100px;margin: 20px auto;
}

#TabImpressionsTrafficSourcesDomain.blurred-table tbody tr:nth-child(n+6) td:nth-last-child(n+8),
#TabClicksTrafficSourcesDomain.blurred-table tbody tr:nth-child(n+6) td:nth-last-child(n+8),
#TabSiteTrafficSourcesDomain.blurred-table tbody tr:nth-child(n+6) td:nth-last-child(n+8),

#TabImpressionsTrafficSourcesApp.blurred-table tbody tr:nth-child(n+6) td:nth-last-child(n+8),
#TabClicksTrafficSourcesApp.blurred-table tbody tr:nth-child(n+6) td:nth-last-child(n+8),
#TabSiteTrafficSourcesApp.blurred-table tbody tr:nth-child(n+6) td:nth-last-child(n+8),

#TabImpressionsCrawler.blurred-table tbody tr:nth-child(n+6) td:nth-last-child(n+2),
#TabClicksCrawler.blurred-table tbody tr:nth-child(n+6) td:nth-last-child(n+2),
#TabSiteCrawler.blurred-table tbody tr:nth-child(n+6) td:nth-last-child(n+2),

#TabImpressionsDatacenter.blurred-table tbody tr:nth-child(n+6) td:nth-last-child(n+2),
#TabClicksDatacenter.blurred-table tbody tr:nth-child(n+6) td:nth-last-child(n+2),
#TabSiteDatacenter.blurred-table tbody tr:nth-child(n+6) td:nth-last-child(n+2),

#TabSiteAffiliates.blurred-table tbody tr:nth-child(n+6) td:nth-last-child(n+4),

#TabAffiliateOrderLeadTable.blurred-table tbody tr:nth-child(n+6),

#ImpressionsDetail.blurred-table tbody tr:nth-child(n+6) td:nth-last-child(n+2),
#ClicksDetail.blurred-table tbody tr:nth-child(n+6) td:nth-last-child(n+2),
#SiteDetail.blurred-table tbody tr:nth-child(n+6) td:nth-last-child(n+2),

.dt-buttons .dt-button{
    background-color: var(--blue);
    border: 1px solid var(--dark-grey5);
    padding: 6px 12px;
    border-radius: 4px;
    color: #fff;
}




#TabImpressions .dt-button-collection,
#TabClicks .dt-button-collection,
#TabSite .dt-button-collection,
#TabAffiliate .dt-button-collection{
    margin-top: -34px;
    display: block;
    width: 150px;
    position: absolute;
    z-index: 100;
    background:#fff;
    border:1px solid var(--dark-grey5);
    box-shadow:5px 5px 5px rgba(0,0,0,0.5);
    padding: 5px;
}
#TabImpressions .dt-button-collection .dt-button,
#TabClicks .dt-button-collection .dt-button,
#TabSite .dt-button-collection .dt-button,
#TabAffiliate .dt-button-collection .dt-button{
    width:100%;
    padding:0px;
    background-color:transparent;
    color:#333;
    text-align:left;
    border:none;
}
#TabImpressions .dt-button-collection .dt-button:before,
#TabClicks .dt-button-collection .dt-button:before,
#TabSite .dt-button-collection .dt-button:before,
#TabAffiliate .dt-button-collection .dt-button:before{
    margin-right:5px;
    font-size:10px;
    font-family:'Glyphicons Halflings';
    color: var(--blue);
}
#TabImpressions .dt-button-collection .dt-button:last-child,
#TabClicks .dt-button-collection .dt-button:last-child,
#TabSite .dt-button-collection .dt-button:last-child,
#TabAffiliate .dt-button-collection .dt-button:last-child{
    display:none;
}
#TabImpressions .dt-button-collection .dt-button:not(.active):before,
#TabClicks .dt-button-collection .dt-button:not(.active):before,
#TabSite .dt-button-collection .dt-button:not(.active):before,
#TabAffiliate .dt-button-collection .dt-button:not(.active):before{
    margin-right:15px;
    content: " ";
}
#TabImpressions .dt-button-collection .dt-button.active:before,
#TabClicks .dt-button-collection .dt-button.active:before,
#TabSite .dt-button-collection .dt-button.active:before,
#TabAffiliate .dt-button-collection .dt-button.active:before{
    content: "\e013";
}
#TabImpressionsDatacenterTap,
#TabClicksDatacenterTap,
#TabSiteDatacenterTap,
#TabAffiliateDatacenterTap{
    min-height: 250px;
}
#ImpressionsDetail.blurred-table tbody:not(:first-of-type),
#ClicksDetail.blurred-table tbody:not(:first-of-type),
#SiteDetail.blurred-table tbody:not(:first-of-type)
{
    filter:blur(3px);
    pointer-events:none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.modal .input-btn{
    font-family: 'Glyphicons Halflings';
    position: absolute;
    height: 30px;
    width: 30px;
    margin: 0;
    padding: 0;
    font-size: 12px;
    border-radius: 0px 3px 3px 0px;
    background:none;
}
.modal .input-btn.toggle-cleartext{
    right:15px;
}
.modal .input-btn.toggle-cleartext:before{
    content: "\e105";
}
.modal .input-btn.random-pwd{
    right:45px;
}
.modal .input-btn.random-pwd:before{
    content: "\e110";
}

/* Admin Conspicuity Reports */

#conspicuityAdminMainWrapper{border: 1px solid var(--grey2);}
#conspicuityAdminMainWrapper .containerHeadRow{background: var(--grey2); padding: 5px 15px; font-weight: bold;}
#conspicuityAdminMainWrapper .containerBody{border: 1px solid var(--grey2); padding: 10px 15px;}
#conspicuityAdminMainWrapper .tableWrapper{border: 1px solid var(--grey2);}
#conspicuityAdminTable{margin-bottom: 0;}
#conspicuityAdminTable thead tr{background: var(--light-grey);}
#conspicuityAdminTable > thead > tr > th.active{ background: var(--light-grey); }
#conspicuityAdminTable .optionCol{width: 40px; cursor: pointer; text-align: center;}
#conspicuityAdminTable .optionCol .glyphicon-eye-open{color: var(--blue); border: 1px solid transparent; padding: 4px; border-radius: 2px;}
#conspicuityAdminTable .optionCol .glyphicon-eye-open:hover{color:  var(--blue2); border: 1px solid silver;}
#conspicuityAdminTable .colCheckBox{width: 40px; text-align: center;}
#conspicuityAdminTable .colCheckBox input{ cursor: pointer;}
#conspicuityAdminMainWrapper .mainOptionsWrapper{margin-top: 10px;}
#conspicuityAdminMainWrapper .mainOptionsWrapper button{width: 120px;}

#adminConspicuityReportFormModal img:hover{box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.8); cursor: pointer;}

#adminConspicuityReportFormModal .innerTitle{font-weight: bold; padding: 10px 15px;}
#adminConspicuityReportFormModal .innerText{padding: 10px 15px; max-height: 430px;}

#adminConspicuityReportForm{padding: 0 15px;}
#adminConspicuityReportFormNotice{width: 100%;}

#conspicuityAdminTable .titleCol{width: 350px; max-width: 350px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#conspicuityAdminTable .noticeCol{width: 700px; max-width: 700px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#conspicuityAdminTable [data-order-by]{cursor:pointer;}
#conspicuityAdminTable [data-order-by]:hover{color:  var(--blue2);}

#conspicuityAdminTable tbody tr{background-color: transparent; -webkit-transition: background 2.0s linear;-moz-transition: background 2.0s linear;-ms-transition: background 2.0s linear;-o-transition: background 2.0s linear;transition: background 2.0s linear;}
#conspicuityAdminTable tbody tr.active{background-color: #f0f0f0;}
#conspicuityAdminTable tbody tr:hover td{background: #f0f0f0;}

#conspicuityReportsSearch{margin: 5px;}

.tableSearchWrapper [name=search]{width: auto; display: inline;}
.tableSearchWrapper .reset{margin-top: -3px; margin-left: -2px; border-radius: 0 2px 2px 0;}

[data-order-direction=ASC].active:after{font-family: 'Glyphicons Halflings'; content: ' \e155'; color: var(--dark-grey3); vertical-align: bottom;}
[data-order-direction=DESC].active:after{font-family: 'Glyphicons Halflings'; content: ' \e156'; color: var(--dark-grey3); vertical-align: bottom;}


/*ToolTip.js*/
.ttWrapper{position: absolute; background: #0f0f0f; border-radius: 3px; color:white; padding: 3px 5px; z-index: 1; box-shadow: 2px 2px 6px var(--dark-grey2);}
.ttWrapper .glyphicon{color: #0f0f0f !important; position: absolute;}
.ttWrapper .glyphicon-triangle-right{right: -14px; top: 6px;}
.ttWrapper .glyphicon-triangle-left{left: -15px; top: 6px;}
.ttWrapper .glyphicon-triangle-top{top:-10px;}
.ttWrapper .glyphicon-triangle-bottom{top: 22px;}
.ttInput{background: #0f0f0f; border: 0px; width: 100%;}
.ttInput:focus{outline: none;}
[data-tt-direction="left"] .ttWrapper{right: 22px; top: -5px; white-space: nowrap;}
[data-tt-direction="right"] .ttWrapper{left: 22px; top: -6px;}
[data-tt-direction="top"] .ttWrapper{top: -35px; left: -10px; white-space: nowrap;}
[data-tt-direction="bottom"] .ttWrapper{left: -10px;}
[data-tt].ttElement{position:relative; cursor:pointer; }
.customer-user .ttElement::before {font-family:'Glyphicons Halflings'; content: "\e086";}
#customersConspicuityTable .ttWrapper{width: 430px; right: 75px; top: 0;}
#customersConspicuityTable .ttInput{}
#CustomerEditForm .user-list .ttWrapper{width: 230px; right: 30px; top: 2px;}


.modal input.has-menu{
    padding-right: 60px;
}

.select2-container.select2-container--default.select2-container--open{
    z-index: 1100;
}


#environment-indicator {
    position:fixed;
    z-index:10;
    bottom:0;
    right:-60px;
    text-align:center;
    padding:5px;
    width:75px;
    font-size:12px;
    cursor:default;
    border-radius:5px 0px 0px 0px;
    border-left:15px solid rgba(255,255,255,0.5);
    color:#fff;
    text-shadow:1px 1px 1px rgba(0,0,0,0.75);
    transition:right 0.25s;
}
#environment-indicator:hover{
    right:0px;
}
#environment-indicator.dev{
    background:#596472;
}
#environment-indicator.sys{
    display:none!important;
}
#environment-indicator.debug{
    background:#ff5959;
}

/* Privacy Confirmation Sections */
.privacyConfirmationWrapper{width: 100%; font-size: 14px;}
.privacyConfirmationWrapper .fontBold{font-weight: bold;}
.privacyConfirmationWrapper .underLine{text-decoration: underline;}
.privacyConfirmationWrapper p{margin: 0 auto 15px auto; display: block;}
.privacyConfirmationWrapper ul li{padding: 0; margin: 0;}