#naviFrame {
    padding: 5px 5px;
    min-height: 400px;
}

.naviFrameBody {
    /*background-color: #2b2b2b !important;*/
}

.naviFrameContainer {
    /*background-color: #1C1C1C !important;*/

}


#naviFrame a {
    text-decoration: none;
    padding: 5px 5px;
    line-height:18px;
    outline: none;

}
#naviFrame .menuShow a {
    line-height:1em;
}


#editFrame pre {
    padding: 10px 10px;
    margin: 0px 0px;
    font-size: 10px;
    /*
        COMMENTED OUT BECAUSE OF ADMINISTRATION-> LOG
        table grid after click 'plus icon' in the first column of each row
     */
    /*background-color: #1c1c1c;*/
}

#naviFrame a:hover {
    color: #00B5FB;
}

.toolBox {
    padding-left: 20px;
    padding-bottom:8px;
}

.treetoolbox {
    cursor:pointer;
    padding-top:0;
    position:absolute;
}


.showtoclick {
    display:none;
}

pre .err {
    color: red;
}
pre .warn {
    color: yellow;
}

/**
EditFrame formular
**/

#editFrame p {
        margin: 5px 4px;
}

#editFrame  input,
#editFrame  select {
    font-size:1em;
    font-family: Helvetica;
}
#editFrame .bootstrap-form input,
#editFrame .bootstrap-form  select {
    font-size: initial;
    font-family: initial;
}


#editFrame button {
    font-size:1em;
    font-family: Helvetica;
}

#editFrame .bootstrap-form button {
    font-size: initial;
    font-family: initial;
}


#editFrame input.errorField {
    background-color: red;
}


#editFrame input.submit {
background-color:#0093D6;
color:white;
margin:2px;
padding:2px;
width: auto;
}


#editFrame select {

}

#editFrame .drop_id_link {
    background: none;
    padding: 2px 2px;
}

#editFrame .drop_id_link_active {
    background-color: #2F7F33;
}

#editFrame .drop_id_link_hover {
    background:none;
    outline: 2px dashed #2F7F33;
}

#editFrame span.field {
    display:block;
    /*font-size:11px !important;*/
    font-weight:bolder !important;
    /*padding:0 0 px;*/
    margin: 10px 0 2px;
}

#cataloggrid  {
    /*color: black; */
    font-size:1em;
    padding:0px 0px;
}

/*#cataloggrid input {  border: 1px solid #000;width:100%;}*/
.grid_bdiv select { border: 1px solid #000;width:100%;}
.grid_bdiv input { border: 1px solid #000;width:100%;}
/*.jqgrow select {  border: 1px solid #000;width:100%;}*/
.jqgrow img.actions { cursor:pointer }
input.selbox { border: none !important; font-size: 11px}


#cataloggrid th  {

    color: black;
    font-size:1em;
    line-height:2em;
    padding:0 0;
    text-align:left;
}
#cataloggrid td {
    font-size:1em;
    padding:0px 0px;
    /*color:black;*/
}


/**
BlockBox
**/
.blockBox .topClose {
    float: right;
    padding: 0 0;
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
}
.blockBox .box {
    background-color:#2D2D2D;
    margin: 5px 0 0 0;
    padding: 2px 0 10px 0;
    text-align: center;
}
.blockBox .innerBox {
    text-align: left;
    padding: 5px 20px 0px;
    margin-bottom: 0px;
}
.blockBox .box input.close, .blockBox .box input.save  {
    margin-top: 10px;
    background-color:#0093D6;
    color:white;
    border: 0px solid #000;
    padding: 2px 2px;
}
.blockBox .innerBox input  {
    font-size: 11px;
    border: 0px solid #000;
    padding: 2px 2px;
}


.EFMenuHelp {
    cursor: help;
    /*background: url(/admin/public/images/efmenuhelp.gif) no-repeat;*/
    position: relative;
    top: 4px;
    margin-left: 4px;
    /*width: 20px;
    height: 20px;*/
}

.EFMenuHelpText {
    display: none;
}

#EFMenuEditFrameRealURL {
    height: 17px;
}

.editframe-title {
    font-size:14px;
    color: #B5B5B5;
    font-weight:bolder;
    border-bottom: 1px solid #525252;
    margin: 10px 5px;
    padding: 2px 0 5px 18px;
}
.EFMenuEditFrameToggle img {
    float: left;
    padding: 2px 5px 0 0;
}
.editframe-container {
    /*margin: 0px 5px;
    padding: 0px 18px;*/
}

.EFMenuEditFrameToggleHide {
    display: none;
}

/*.required {
    background-color: #FAFAD2;
}*/

.root {
            background: transparent url(/admin/public/images/EFTree/line_bg.gif) repeat-y scroll 0 0;
            }
            .node-toolbox-container div a {
                display: block;
                padding-left: 23px;
                margin: 2px 0px;
            }
            div.myNew a {
                background: url(/admin/public/images/iko_new1.gif) 0 -2px no-repeat;
                display:block;
                padding:0 0 0 20px  !important;
                position:relative;
            }
            div.myPass a {
                background: url(/admin/public/images/iko_password1.gif) 0 -2px no-repeat;
                display:block;
                padding:0 0 0 20px  !important;
                position:relative;
            }
            div.myRemove a {
                background: url(/admin/public/images/iko_drop1.gif) 0 -2px no-repeat;
                display:block;
                padding:0 0 0 20px  !important;
                position:relative;
            }
            div.myPermissions a {
                background: url(/admin/public/images/iko_permissions1.gif) 0 -2px no-repeat;
                display:block;
                padding:0 0 0 20px  !important;
                position:relative;
            }


/**
STROM
**/
.user-search-toggle {
    cursor: pointer;
}

.myTreeRoot {
    margin: 0;
    padding: 0;
}

.myTreeRoot li {
    list-style: none;
    margin: 0;
    padding: 0 0 0 34px;
    line-height: 14px;
}

.myTreeRoot li img {
    border: 0px solid #000;
    cursor: pointer;
}

.myTreeRoot li span {
    cursor: pointer;
}
.myTreeRoot li span:hover {
    color:#00B5FB;
}

.myTreeRoot li span.selectedNode {
    text-decoration:underline;
    color:#00B5FB
}
.myTreeRoot li div {
    cursor: pointer;
}


.myTreeRoot ul {
    margin: 0;
    padding: 0;
}

.myTreeRoot .root {
    padding:0 0 0 17px;
    /*margin-left: -16px;
    background: url(/admin/public/images/EFTree/root.gif) no-repeat 16px 0;*/
}

.myTreeRoot .line {
    padding: 0;
    line-height: 4px;
    height: 4px;
    font-size: 4px;
    background: url(/admin/public/images/EFTree/line_bg.gif) 0 0 no-repeat
        transparent;
}

.myTreeRoot .line-last {

    padding: 0;
    line-height: 5px;
    height: 5px;
    font-size: 5px;
    background: url(/admin/public/images/EFTree/spacer.gif) 0 0 no-repeat
        transparent;
}

.myTreeRoot .line-over {

    padding: 0;
    line-height: 5px;
    height: 5px;
    font-size: 5px;
    background: url(/admin/public/images/EFTree/line_bg_over.gif) 0 0
        no-repeat transparent;
}


.myTreeRoot .node {

    background: url(/admin/public/images/EFTree/expandable.gif) 0 -2px
        no-repeat;
}

.myTreeRoot .node-last {
    background: url(/admin/public/images/EFTree/expandable-last.gif) 0 -2px
        no-repeat;
}

.myTreeRoot .folder-close {
    float:left;
    width: 36px;
    line-height: 16px;
    background: url(/admin/public/images/EFTree/expandable-folder.gif) 0 -2px
        no-repeat;
}

.myTreeRoot .folder-open {
    float:left;
    width: 36px;
    line-height: 16px;
    margin-left: -34px;
    _margin-left: -17px;
    background: url(/admin/public/images/EFTree/collapsable-folder.gif) 0 -2px
        no-repeat;
        }


.myTreeRoot .doc {
    float:left;
    width: 36px;
    line-height: 16px;
    margin-left: -34px;
    _margin-left: -17px;
    background: url(/admin/public/images/EFTree/normal-doc.gif) 0 -2px
        no-repeat;
}
.myTreeRoot .doc-root {
    float:left;
    width: 18px;
    line-height: 16px;
    margin-left: -17px;
    _margin-left: 0px;
    background: url(/admin/public/images/EFTree/root.gif) 0 0px
        no-repeat;
}


.myTreeRoot .node-toolbox a {
 font-weight: normal;
}

.myTreeRoot div {
    line-height: 18px;
}
.myTreeRoot .node-toolbox {
    float: left;
    background: url(/admin/public/images/mv_down1.gif) 0 0px no-repeat;
    width: 15px;
    height: 15px;
    }
.myTreeRoot .node-name {
    float: left;
     cursor: pointer;
    }
.myTreeRoot div.node-name:hover{
        color:#00B5FB;
    }
.myTreeRoot a.node-menulinks-active {
        color:#00B5FB;
    }
.myTreeRoot a.node-name{
        text-decoration: none !important;
    }
.myTreeRoot a.node-name.active{
        color:#00B5FB;
    }
.myTreeRoot a.node-name:hover,
.myTreeRoot a.node-name.active:hover {
        color:#00B5FB;
    }
.myTreeRoot .node-clear {
    clear: left;
    }

.editline, .remline {
    cursor: pointer;
}

.naviFrameContainer, .naviFrameBody, #bodyFrame, #editFrame {
    /*background-color: #DDDDDD !important;*/
}

#editFrame input.smtp_auth,  #editFrame input.smtp_host{
    width: 170px;
}

#editFrame input.all_orders_to_mail{
    width: 340px;
}

#editFrame #form_texts input[type="text"], #editFrame #form_texts textarea,
#editFrame #form_commonmail input[type="text"], #editFrame #form_commonmail textarea{
    width: 250px;
}

#h20-settings-wrap {
    overflow: auto;
}
#h20-settings-wrap table:not(#users2-form) {
    table-layout: fixed
}
.naviIndex {
    width: 1000px
}

#editFrame button {
    margin: 1em 0 1em 0;
}
#editFrame .bootstrap-form button {
    margin: initial;
}

.naviFrameContainer {
    width:  260px;
}
div.naviFrameContainer {
    width:  320px;
}
.naviFrameBody:not(div) {
    width: 700px;
}
#editFrame {
    min-width: 700px;
}



#ci-update {color:#eccdb1;font-weight: bold}
#mediasystem-update {color:#eccdb1;font-weight: bold}
#jqGrid-list-tabs {min-height:444px}

/**zobrazuje se javasriptem**/
/*#content-inner {display: none}*/

/*
.campaign-buttons0 {float:left;}
.campaign-buttons1 {float:right;}
.campaign-buttons2 {float:right;}
.campaign-buttons3 {float:right;margin-top: 1em;}
*/

.campaign-states * {line-height: 1.22em;margin:0;padding:0}
.campaign-states ul {list-style-position: inside}
.campaign-states li {width: 12em; background-color: #EBEBEB;background-image: url("../images/navBtn.gif");background-position: right top;background-repeat: no-repeat;float: left;height: 71px;list-style: none outside none;line-height: 1.22em;margin-top: 0.5em}
.campaign-states li.current {background-color: #C36615;background-image: url("../images/navCurrentBtn.gif");}
.campaign-states li.done {background-color: #7C8437;background-image: url("../images/navDoneBtn.gif");}
.campaign-states li.lastDone {background-color: #7C8437;background-image: url("../images/navLastDoneBtn.gif");}
.campaign-states li.mainNavNoBg{background-image: none;}
.campaign-states a {width: 12em; display: block; height: 71px;}
.campaign-states a,
.campaign-states a:link,
.campaign-states a:visited,
.campaign-states a:hover,
.campaign-states a:active {color:#cccccc}
.campaign-states li.current a,
.campaign-states li.current a:link,
.campaign-states li.current a:visited,
.campaign-states li.current a:hover,
.campaign-states li.current a:active {color:#ffffff;text-decoration: none;}
.campaign-states li.done a,
.campaign-states li.done a:link,
.campaign-states li.done a:visited,
.campaign-states li.done a:hover,
.campaign-states li.done a:active {color:#ffffff}
.campaign-states li.lastDone a,
.campaign-states li.lastDone a:link,
.campaign-states li.lastDone a:visited,
.campaign-states li.lastDone a:hover,
.campaign-states li.lastDone a:active {color:#ffffff}
.campaign-states em {display: block;font-style: normal;font-weight: bold;margin: 12px 0 0 1.5em;width: 8em;font-size: 114%}

.event-content {float:left; margin: 3%; width:42%; height: 330px; border: 1px solid #fff}
.event-content table {table-layout: fixed; margin: 0; border-collapse: collapse;}
.event-content h1 {margin:0 5% 0 5%; font-size: 16px}
.event-content-wrap {margin:0 5% 0 5%}
.event-content .nodata {color:#666;margin:1em}
.event-content .event-content-head{width: 100%;}
.event-content .event-content-body {width: 100%; height: 250px; overflow: auto; clear: both}
.event-content .event-content-head table {width: 100%;}
.event-content .event-content-body table {width: 100%}
.event-content table th {cursor: pointer; width:20%; color: #fff; padding: 5px 0 5px 0; background: #666; overflow: hidden;}
.event-content table th.sorted-asc {background: #666 url(/public/images/iko_asc.gif) 95% 50% no-repeat}
.event-content table th.sorted-desc {background: #666 url(/public/images/iko_desc.gif) 95% 50% no-repeat}
.event-content table td {padding: 0; width:20%; border: 1px solid #fff; margin: 0px; overflow: hidden}
.event-content table th.wider, .event-content table td.wider {width:40%}

.cleaner{clear:both}

.grey {color:#888}

.font-large {font-size: 120%}

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
        height: 300px;
}


/*
ADSERVE TRAFFICKING
 */
.adserve-trafficking .center {
    text-align: center;
}

#adserve-trafficking-chooseadserving .button {
    height:40px;
    line-height:40px;
    width:100px;
    text-align:center;
}
#adserve-trafficking-chooseadserving .button.trafficked {
    font-size: 10px;
}
#adserve-trafficking-chooseadserving .button.traffickit {
    font-size: 12px;
    line-height: 40px;
}
#adserve-trafficking-chooseadserving .button.traffickit span {
    line-height: 30px;
}
#adserve-trafficking-chooseadserving td {
    padding: 10px;
}

#adserve-trafficking-synccampaign {
    width: 500px;
}
#adserve-trafficking-synccampaign .button {
    font-size: 12px;
}
#adserve-trafficking-synccampaign .button.sync {
    width: 170px;
    margin: 0 0 10px 0;
}
#adserve-trafficking-synccampaign .main {
    padding: 15px;
}
#adserve-trafficking-synccampaign .logo {
    margin-bottom: 10px;
}

#adserve-trafficking-syncpositions .button {
    font-size: 10px;
}
#adserve-trafficking-syncpositions .button.sync {
    width: 150px;
    margin: 0 0 5px 0;
}
#adserve-trafficking-syncpositions td {
    padding: 10px;
    white-space: nowrap;
}

#adserve-trafficking-insertnewpositions .wrap {
    margin-bottom: 20px;
}
#adserve-trafficking-insertnewpositions .nowrap {
    white-space: nowrap;
}
#adserve-trafficking-insertnewpositions h3 {
    margin: 15px;
}
#adserve-trafficking-insertnewpositions .description {
    font-size: 150%;
}
#adserve-trafficking-insertnewpositions .list {
    width: 666px;
}
#adserve-trafficking-insertnewpositions .list-row {
    width: 95%;
    margin: 0 auto;
    padding: 10px 10px 30px 10px;
    border: 1px solid #fff;
}
#adserve-trafficking-insertnewpositions .form-group {
    margin: 10px;
}
#adserve-trafficking-insertnewpositions label {
    display: inline-block;
    width: 150px;
    font-weight: bold;
    padding: 0 5px 0 5px;
}
#adserve-trafficking-insertnewpositions input[type="text"] {
    display: inline-block;
    width: 200px;
}
#adserve-trafficking-insertnewpositions select {
    display: inline-block;
    width: 200px;
}
#adserve-trafficking-choosesettingsaccount {
    width: 400px;
}
#adserve-trafficking-choosesettingsaccount .main {
    padding: 15px;
}

#cccenter-main-wrap .filter button.active {
    background: #333;
}

.todonotes {
    width:100%;
}
.todonotes .head table {
    border-collapse: collapse;
    width: 100%;
}
.todonotes .head table td {
    border: 1px solid #cdcdcd;
    padding: 5px;
    text-align: center;
    font-weight: bold;
}
.todonotes .message {
    background-color: transparent;
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.todonotes .message textarea {
    background-color: #fff;
    color: #000;
}
.todonotes .body table.message {
    border-collapse: collapse;
    width: 100%;
}
.todonotes .body table.message.highlight-forme td {
    /*background-color: #fffcf1;*/
    border-color: #f9f1cf;
}
.todonotes .body table.message.highlight-byme td {
    /*background-color: #fffcf1;*/
    border-color: #eeffec;
}
.todonotes .body table td {
    border: 1px solid #cdcdcd;
    vertical-align: top;
}
.todonotes .body table td .top {
    min-height: 66px;
}
.todonotes .body table td.image {
    width: 66px;
}
.todonotes .body table td.ok {
    width: 88px;
}
.todonotes .body table td.image .img-wrapper {
    height: 66px;
    overflow: hidden;
}
.todonotes .body table td.image img {
    width: 100%;
}
.todonotes .body table textarea {
    width: 100%;
    height: 66px;
}
.todonotes .body table td.ok button {
    width: 100%;
}
.todonotes .divider {
    height: 25px;
    width: 100%;
    background-color: #cdcdcd;
}
.todonotes .body .messages {
    margin-top: 0px;
}
.todonotes .body .messages table td.ok button {
    width: 40%;
}
.todonotes .body .messages table td.ok button.save {
    float: left;
    width: 25px;
    height: 25px;
}
.todonotes .body .messages table td.ok button.edit {
    float: left;
    width: 25px;
    height: 25px;
}
.todonotes .body .messages table td.ok button.cancel {
    float: right;
    width: 25px;
    height: 25px;
}
.todonotes .body .messages table td.ok button.remove {
    float: right;
    width: 25px;
    height: 25px;
}
.todonotes input[type="checkbox"] {
    width: auto;
    display: inline;
    vertical-align: middle;
}
.todonotes td.campaign {
    width: 188px;
}

div[id^="todonotes-tab-version"] div h3 {
    color: #000;
}

#h2_default_attachments {
    color: black !important;
}

#myprofile-settings form table td,
#myprofile-settings form table th {padding: 10px}
#myprofile-favexports {
    min-height: 300px;
}
#myprofile-favexports form table td,
#myprofile-favexports form table th {padding: 10px}
#myprofile-favexports .delete {
    cursor: pointer;
}

.freeze-hidden {
    display: none !important;
}
.freeze-shown {
    display: inline !important;
    z-index: 99;
}

#campaign-files-wrap {
    margin: 10px 20px 10px 20px;
}
#campaign-files-wrap .cats {
    margin-top: 10px;
}
#campaign-files-wrap .cat {
    vertical-align: top;
    width: 275px;
    border: 1px solid #fff;
    margin: 2px;
    display: inline-block;
    min-height: 110px;
}
#campaign-files-wrap .cat .name {
    font-weight: bold;
    margin: 5px;
}
#campaign-files-wrap .cat .files {
    margin: 0 5px 5px 5px;
}
#campaign-files-wrap .cat .files .file {
    margin: 4px 0 2px 0;
    padding: 4px;
    border: 1px solid #fff;
    position: relative;
}
#campaign-files-wrap .cat .files .file .act {
    position: absolute;
    top: 0;
    right: 0;
}
#campaign-files-wrap .cat .files .file .ico {
    display: inline-block;
    height: 50px;
    width: 50px;
    vertical-align: top;
}
#campaign-files-wrap .cat .files .file .ico a {
    display: block;
    height: 50px;
    width: 50px;
    opacity: 0.8;
}
#campaign-files-wrap .cat .files .file .ico a:hover {
    opacity: 1;
}
#campaign-files-wrap .cat .files .file .ico img {
    height: 50px;
    width: 50px;
}
#campaign-files-wrap .cat .files .file .data {
    display: inline-block;
    width: 202px;
    vertical-align: top;
}
#campaign-files-wrap .cat .files .file .data div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#settings-filename-masks.hidden {
    display: none;
}

#postbuy-pastedata-wrap .content {
    min-height: 150px;
    max-height: 500px;
    overflow: auto;
}
#postbuy-pastedata-wrap textarea {
    width: 97%;
    height: 400px;
}
#postbuy-pastedata-wrap .buttons {
    margin-top: 20px;
}
#postbuy-pastedata-wrap .title {
    margin: 0px 0 15px 0;
    font-size: 16px;
}
#postbuy-pastedata-wrap .subtitle {
    margin: 0px 0 5px 0;
    font-size: 14px;
}
#postbuy-pastedata-wrap .map-rows {
    width:85%;
    max-width: 900px;
    margin: 0 auto;
    border-collapse: collapse;
}
#postbuy-pastedata-wrap .motive-row-dummy {
    display: none;
}

#campaign-bblocks-wrap .list {
    margin-top: 20px;
}
#campaign-bblocks-wrap .list .item {
    float: left;
    width: 190px;
    height: 312px;
    overflow: hidden;
    font-size: 12px;
    color: #fff;
    background: #AAC46C;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 8px;
}
#campaign-bblocks-wrap .list .item .name {
    font-size: 16px;
    height: 20px;
    overflow: hidden;
    font-weight: bold;
}
#campaign-bblocks-wrap .list .item .description {
    height: 44px;
    overflow: hidden;
}
#campaign-bblocks-wrap .list .item .budget,
#campaign-bblocks-wrap .list .item .email,
#campaign-bblocks-wrap .list .item .type {
    height: 16px;
    overflow: hidden;
    white-space: nowrap;
}
#campaign-bblocks-wrap .list .item .label {
    font-size: 13px;
    font-weight: bold;
}
#campaign-bblocks-wrap .list .item .targets-list {
    height: 100px;
    overflow-y: auto;
}
#campaign-bblocks-wrap .list .item .btns {
    margin-top: 5px;
}
#campaign-bblocks-wrap .list .item .btns button span {
    padding: 0;
}
#campaign-bblocks-wrap .list .item .btns .del {
    float: right;
    width: 20px;
    margin-bottom: -10px
}
#campaign-bblocks-wrap .list .item .btns .edit {
    float: left;
    height: 40px;
    width: 75px;
    text-align: center;
}
#campaign-bblocks-wrap .list .item .btns .mngtargets {
    float: right;
    height: 40px;
    width: 75px;
    text-align: center;
}
#campaign-bblocks-wrap .list .item .email a {
    color: #0000FF
}
#campaign-bblocks-wrap .budgetsum table tr td {
    font-variant: small-caps;
    font-size: 22px;
    text-align: right;
}
#campaign-bblocks-wrap .addnew .clean {
    display: table-cell;
    margin-right: 30px;
    width: 120px;
}
#campaign-bblocks-wrap .addnew .def {
    display: table-cell;
}
#campaign-bblocks-wrap .addnew .def button {
    margin-bottom: 5px;
}
#campaign-bblocks-edit th,
#campaign-bblocks-edit td {
    padding: 5px;
}
#campaign-bblocks-edit input,
#campaign-bblocks-edit select,
#campaign-bblocks-edit textarea {
    width: 200px;
}
#campaign-bblocks-edit textarea {
    height: 80px;
}

.postbuy-gwrap #campaign-bblocks-wrap .trading {
    margin-top: 20px;
}
.postbuy-gwrap #campaign-bblocks-wrap .list .item {
    height: 440px;
    width: 240px;
}
.postbuy-gwrap #campaign-bblocks-wrap .list .item .postbuy-list-wrap table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}
.postbuy-gwrap #campaign-bblocks-wrap .list .item .postbuy-list-wrap table td {
    width: 33%;
    border: 1px solid #000;
    color: #000;
    background: #fff;
}
.postbuy-gwrap #campaign-bblocks-wrap .list .item .postbuy-list-wrap table td.bold {
    font-weight: bold;
}
.postbuy-gwrap #campaign-bblocks-wrap .list .item .postbuy-head {
    margin-top: 5px;
    height: 15px;
}
.postbuy-gwrap #campaign-bblocks-wrap .list .item .postbuy-list {
    height: 105px;
    overflow-y: auto;
}
#mediasystem-sync {
    margin: 20px;
}

#adserving-cost-main-wrap span.error {
    color: #c00000;
    display: block;
}
#adserving-cost-main-wrap form input:not([type="checkbox"]),
#adserving-cost-main-wrap form select,
#adserving-cost-main-wrap form textarea {
    width: 100%;
}
#adserving-cost-main-wrap .filter {
    margin-bottom: 20px;
}
#adserving-cost-main-wrap .filter select {
    font-size: 16px;
}
#adserving-technology-config-form {
    width: 90%;
}


.h30-table {
    border-collapse: collapse;
    width: 100%;
}
.h30-table td,
.h30-table th {
    padding: 10px;
    border: 1px solid #fff;
}
.h30-table td {
    padding-left: 2px;
    padding-right: 2px;
}
.h30-table thead th {
    background-color: #666;
    color: #fff;
}
.h30-hidden {
    display: none !important;
}
.h30-table.narrow td,
.h30-table.narrow th {
    padding: 2px 5px 2px 5px;
}
.h30-table td.right,
.h30-table th.right {
    text-align: right;
}
.h30-table td.nowrap,
.h30-table th.nowrap {
    white-space: nowrap;
}


#campaign-adserving-cost-wrap td.divider {
    background-color: #fff;
}


.btn-googlelogin,
.btn-facebooklogin {
    font-size: 15px;
    padding: 8px 12px;
}
.btn-googlelogin,
.btn-facebooklogin {
    min-width: 273px;
    text-align: center;
}
.btn-googlelogin,
.btn-facebooklogin {
    background: #db4c3f none repeat scroll 0 center;
    border: 1px solid transparent;
    color: white !important;
    text-shadow: none;
}
.btn-googlelogin,
.btn-facebooklogin {
    border-radius: 2px !important;
    display: inline-block;
    font-weight: bold;
    line-height: 17px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}
.btn-facebooklogin {
    background-color: #3B5998;
}

.EditTable .period-caption td:not(.divider),
.EditTable .period-value td:not(.divider) {
    min-width: 90px;
    text-align: center;
}
.EditTable .period-value input {
    width: 70px;
}

#plan-indexes-form th,
#plan-indexes-form td {
    padding-bottom: 5px;
}
#plan-indexes-form tr.ui-state-error td {
    padding-bottom: 0px;
}

#users-permissions,
#users-usersettings {
    padding: 10px;
}
#users-permissions-select,
#users-usersettings-select {
    text-align: center;
}
#users-permissions-select select,
#users-usersettings-select select {
    font-size: 1.5em;
    width: 250px;
    height: 2em;
}
#users-permissions-root,
#users-usersettings-root {
    text-align: center;
    font-weight: bold;
    font-size: 1.5em;
    padding: 5px;
    margin-top: 5px;
}
#users-permissions input,
#users-usersettings input {
    vertical-align: middle;
}
#users-permissions label,
#users-usersettings label {
    color: #aaa;
}
#users-permissions label.active,
#users-usersettings label.active {
    color: #000;
}
#users-permissions .section,
#users-usersettings .section {
    display: inline-block;
    vertical-align: top;
    /*float: left;*/
    max-width: 400px;
    padding: 10px;
    margin: 5px;
    border: 1px solid #fff;
    border-radius: 5px;
}
#users-permissions .section hr,
#users-usersettings .section hr {
    width: 100%;
    border-top: 1px solid #fff;
}
#users-permissions .section h3,
#users-usersettings .section h3 {
    color: #000;
}
#users-permissions sup,
#users-usersettings sup {
    color: #888;
}
#users-permissions sup.danger,
#users-usersettings sup.danger {
    color: #cc0000;
}
#users-permissions-submit,
#users-usersettings-submit {
    text-align: center;
    margin: 10px 0 5px 0;
}
#users-permissions-submit button b,
#users-usersettings-submit button b {
    font-size: 1.5em;
}
#users-virtual-roles {
    text-align: center;
}
.campaign-version-select {
    cursor: pointer;
}
#FrmGrid_jqGrid-plan-list .disabled,
#FrmGrid_jqGrid-trade-list .disabled,
#FrmGrid_jqGrid-pricelist-list .disabled {
    color: #888;
}
#client-templates .form-group {
    padding: 5px;
    margin: 5px;
    width: 300px;
}
#client-templates .form-group input,
#client-templates .form-group select {
    width: 100%;
    height: 2em;
}
#client-templates .form-group button {
    width: 100%;
}
#adserving-warning {
    font-size: 12px;
    color: #EE8C34;
    display: inline-block;
    margin-left: 5px;
}
#facebook-connected-campaigns {
    min-height: 100px;
}
#facebook-stats,
#sklik-stats,
#facebook-stats table,
#sklik-stats table {
    border-collapse: collapse;
}
#facebook-stats th,
#facebook-stats td,
#sklik-stats th,
#sklik-stats td {
    padding: 5px;
    border: 1px solid #fff;
}
#facebook-stats th,
#sklik-stats th {
    background: #888;
    color: #fff;
}
#facebook-stats td,
#sklik-stats td {
    /*white-space: pre;*/
    vertical-align: top;
}
#facebook-stats tfoot th,
#sklik-stats tfoot th {
    /*white-space: pre;*/
    text-align: left;
}
#facebook-cachebutton,
#sklik-cachebutton {
    min-height: 35px;
}
.settings-emails-addtext {
    color: #888;
}
.settings-emails-addtext a,
.settings-emails-addtext a:hover,
.settings-emails-addtext a:active {
    color: #888;
}

/**
 * DROPZONE adjustment
 */
.dropzone {
    min-height: 140px;
    border: 2px solid rgba(0, 0, 0, 0.8);
    background: black;
    padding: 5px 5px;
    color: white;
}
.dropzone.dz-clickable * {
    cursor: pointer;
}
.dropzone .dz-preview {
    margin: 8px;
    min-height: 70px;
}
.dropzone .dz-preview .dz-image {
    width: 80px;
    height: 80px;
    border-radius: 0px;
}
.dropzone .dz-preview .dz-image img {
    display: block !important;
    width: 100%;
}
.dropzone .dz-preview.dz-file-preview .dz-image {
    border-radius: 0px;
}
.dropzone .dz-preview .dz-details {
    font-size: 14px;
    padding: 6px 3px;
    text-align: center;
}
.dropzone .dz-preview .dz-details .dz-size {
    font-size: 12px;
    white-space: nowrap;
}
.dropzone .dz-preview.dz-error {
    border: 2px red dashed;
}
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
    width: 42px;
    height: 42px;
    border-radius: 20px;
    margin-left: -10px;
    margin-top: -10px;
}
.dropzone .dz-preview .dz-error-mark svg {
    background-color: red;
}
.dropzone .dz-preview .dz-success-mark svg {
    background-color: green;
}
.dropzone .dz-preview .dz-error-message {
    border-radius: 0px;
    font-size: 14px;
    top: 90px;
    left: -30px;
    width: 150px;
    padding: 5px;
    white-space: pre-wrap;
}
.dropzone .fs-file-action {
    position: absolute;
    top: -14px;
    display: block;
    /*width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    vertical-align: middle;
    cursor: pointer;
    font-weight: bold;
    background-color: #ffffcc;*/
}
.dropzone .fs-file-action.fs-file-rm {
    right: -5px;
    color: red;
}
.dropzone .fs-file-action.fs-file-download {
    left: -5px;
    color: green;
}
.dropzone .fs-file-action.fs-file-move {
    top: 55px;
    left: -5px;
    color: blue;
    cursor: move;
}
.dropzone .fs-file-action.fs-file-move * {
    cursor: move;
}
/*.dropzone .fs-file-action.fs-file-download:link,
.dropzone .fs-file-action.fs-file-download:visited,
.dropzone .fs-file-action.fs-file-download:hover,
.dropzone .fs-file-action.fs-file-download:active {
    text-decoration: none;
    outline: 0;
}*/

/**
 * not working properly with jquery ui modal unless elements are on top
 *  (jquery ui dialog seems z-index around 1000)
 */
.dz-hidden-input {
    z-index: 10000;
}
.dropzone .dz-preview:hover {
    z-index: 10003;
}
.dropzone .fs-file-action {
    z-index: 10099;
}

#special-pricelist-wrap {
    padding: 20px 10px 10px 10px;
}
#special-pricelist-createnew {
    font-size: 14px;
}
#special-pricelist-form,
#special-pricelist-form-finishvalidity {
    width: 480px;
}
#special-pricelist-form .form-group,
#special-pricelist-form-finishvalidity .form-group {
    margin: 8px;
}
#special-pricelist-form label,
#special-pricelist-form-finishvalidity label {
    width: 100%;
    font-size: 14px;
    display: block;
    font-weight: bold;
}
#special-pricelist-form label.disabled,
#special-pricelist-form-finishvalidity label.disabled {
    color: #898989;
}
#special-pricelist-form input,
#special-pricelist-form-finishvalidity input {
    width: 100%;
    font-size: 14px;
    display: block;
}
input#special-pricelist-form-color {
    width: 40%;
    display: inline-block;
}
#special-pricelist-form textarea {
    width: 100%;
    height: 100px;
    font-size: 14px;
    display: block;
}
#special-pricelist-form .checklist {
    max-height: 150px;
    overflow-y: auto;
    margin: 5px;
}
#special-pricelist-form .checklist label {
    font-weight: normal;
}
#special-pricelist-form label[for=special-pricelist-form-client-all],
#special-pricelist-form label[for=special-pricelist-form-user-all] {
    font-weight: normal;
}
#special-pricelist-form button[type=submit],
#special-pricelist-form-finishvalidity button[type=submit] {
    margin-top: 10px;
    height: 35px;
    font-size: 16px;
    width: 100%;
    text-align: center;
}
#special-pricelist-form button.check {
    width: 24px;
    height: 24px;
    font-size: 12px;
    display: inline-block;
    padding: 0px;
}
#special-pricelist-table {
    width: 100%;
    min-width: 800px;
    font-size: 14px;
    border-collapse: collapse;
}
#special-pricelist-table caption {
    color: #9a9a9a;
    font-weight: bold;
    padding: 5px;
}
#special-pricelist-table th,
#special-pricelist-table td {
    border: 1px solid #fff;
    padding: 5px;
}
#special-pricelist-table th {
    background-color: #777;
    color: #fff;
}
#special-pricelist-th-name {
    width: 13%;
}
#special-pricelist-th-color {
    width: 7%;
}
#special-pricelist-th-description {
    width: 17%;
}
#special-pricelist-th-clients {
    width: 19%;
}
#special-pricelist-th-users {
    width: 19%;
}
#special-pricelist-th-actions {
    width: 25%;
}
#special-pricelist-table .name small {
    font-style: italic;
    color: #666
}
#special-pricelist-table .action button {
    display: inline-block;
    width: 40%;
    min-width: 150px;
    margin: 3px;
}

#campaign-chosen-online-users {
    margin: -5px 0px 0px 0px;
    text-align: right;
    height: 25px;
}
#campaign-chosen-online-users div {
    display: inline-block;
    margin-left: 5px;
    padding: 5px;
    font-size: 12px;
    background-color: yellow;
    font-weight: bold;
    color: #ca0000;
    animation: blinkerOnlineUsers 2s linear infinite;
    cursor: default;
}
@keyframes blinkerOnlineUsers {
  50% { opacity: 0.3; }
}

#form_ccvars table td {
    text-align: center;
    white-space: nowrap;
}
#form_ccvars table td.mask {
    text-align: left;
}
div.campaignsform-customvar {
    display: inline-block;
    margin: 5px 5px 5px 10px;
    width: 200px;
}
div.campaignsform-customvar label,
div.campaignsform-customvar input {
    display: block;
    width: 100%;
}

button.manage-motives-check-all-rows::-moz-focus-inner,
button.manage-motives-check-all-columns::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin-top:-2px;
    margin-bottom: -2px;
}
button.manage-motives-check-all-rows,
button.manage-motives-check-all-columns {
    padding: 0;
    margin: 0;
    width: 34px;
    height: 15px;
    font-size: 10px;
}
button.manage-motives-check-all-rows span,
button.manage-motives-check-all-columns span {
    margin-left: -5px;
    /*margin-top: -5px;*/
}


#campaign-crowd-sendtocrowd-content {
    overflow: auto;
    margin-bottom: 20px;
}
#campaign-crowd-sendtocrowd-footer {
    height: 80px;
    margin-top: 10px;
    text-align: right;
    border-top: 1px solid #fff;
}
#campaign-crowd-sendtocrowd-content div {
    margin-top: 5px;
}
#campaign-crowd-sendtocrowd-wrap textarea,
#campaign-crowd-sendtocrowd-wrap input[type="text"] {
    width: 90%
}
#campaign-crowd-sendtocrowd-wrap input[type="submit"] {
    font-size: 16px;
    height: 50px;
}
#campaign-crowd-sendtocrowd-wrap div.form-group {
    padding: 10px;
}
#campaign-crowd-sendtocrowd-wrap div.form-group-label {
    font-size: 16px;
    font-weight: bold;
}
#campaign-crowd-sendtocrowd-wrap div.campaign-crowd-field-chk {
    display: inline-block;
}
#campaign-crowd-sendtocrowd-wrap div.campaign-crowd-field-chk label {
    width: 165px;
    height: 60px;
    display: inline-block;
    border: 1px solid #fff;
    white-space: nowrap;
    overflow: hidden;
}
#campaign-crowd-sendtocrowd-wrap .disabled {
    color: #888;
}
#campaign-crowd-sendtocrowd-wrap .already-in-hcr {
    color: green;
    font-weight: normal
}
#campaign-crowd-sendtocrowd-wrap .fields-row {
    margin-top: 10px;
}

.crowd-badge {
    padding: 3px 7px;
    border-radius: 50%;
    background: red;
    color: white;
    text-decoration: none;
}

#form_dynamicValues tr.filter th.label {
    text-align: right;
    color: #888;
}
#form_dynamicValues tr.filter th input {
    width: 100%;
}
#dynamicvalues-filter-bytags button {
    margin: 2px;
}
#dynamicvalues-filter-bytags .label {
    font-weight: bold;
    color: #888;
    margin: 2px;
}

#form_pricelistCat table {
    border-collapse: collapse;
}
#form_pricelistCat th {
    background-color: #888;
    color: #fff;
    border: 1px solid #fff;
    padding: 10px;
}
#form_pricelistCat td {
    border: 1px solid #fff;
    padding: 0 5px 0 5px;
    text-align: center;
}
.pricelistcat-is_pulldown-lbl {
    color: #888;
    font-style: italic;
}
#pricelistcat-run-confirm-form .warning {
    color: #c00000;
    margin: 5px 0 10px 0;
}
#pricelistcat-run-confirm-form .warning span.label {
    font-size: 1.5em;
}
#pricelistcat-run-confirm-form .disabled {
    color: #888;
}

#form_customFields table {
    border-collapse: collapse;
}
#form_customFields th {
    background-color: #888;
    color: #fff;
    border: 1px solid #fff;
    padding: 10px;
}
#form_customFields td {
    border: 1px solid #fff;
    padding: 5px;
    text-align: center;
}
#form_customFields .is-for-clients {
    text-align: left;
}
.customfields-lbl {
    font-style: italic;
}
#custsomfields-clients-edit,
#custsomfields-sellers-edit,
#custsomfields-agencies-edit {
    max-height: 500px;
    overflow-y: auto;
}

.button-show-only-valid.active {
    border-width: 5px;
    border-color: green;
}

.select2-results {
    color: #000;
}

#pricelistcat-check {
    font-size:110%;
    /*padding:5px 14px 4px 14px;*/
    margin: 0.5em 0 1em 0
}
#jqGrid-settings-pricelistcat-wrap {
    margin: 20px;
}
#jqGrid-settings-pricelistcat-filterform {
    margin-top: 10px;
    margin-bottom: 10px;
}
#jqGrid-settings-pricelistcat-wrap .actions.categorize {
    height: 24px;
    margin-bottom: 5px;
    margin-top: 5px;
}
#settings-pricelistcat-check-editpricelistrowform .form-container {
    width: 800px;
}
#settings-pricelistcat-check-editpricelistrowform .form-group-col {
    display: inline-block;
    vertical-align: top;
    width: 385px;
}
#settings-pricelistcat-check-editpricelistrowform .form-group {
    margin: 3px;
    padding: 3px;
}
#settings-pricelistcat-check-editpricelistrowform .form-group select,
#settings-pricelistcat-check-editpricelistrowform .form-group input,
#settings-pricelistcat-check-editpricelistrowform .form-group textarea {
    width: 100%;
}
#settings-pricelistcat-check-editpricelistrowform .form-group label {
    font-weight: bold;
}

#settings-pricelistcat-check-categorizeform .form-group {
    margin: 3px;
    padding: 3px;
}
#settings-pricelistcat-check-categorizeform .form-group.text-center {
    text-align: center;
}
#settings-pricelistcat-check-categorizeform .form-group.variable {
    display: inline-block;
    border: 1px solid #fff;
}
#settings-pricelistcat-check-categorizeform .form-group.variable .input,
#settings-pricelistcat-check-categorizeform .form-group.variable .label {
    display: inline-block;
}
#settings-pricelistcat-check-categorizeform .form-group.variable .input label,
#settings-pricelistcat-check-categorizeform .form-group.variable .label label {
    display: inline-block;
    height: 70px;
    text-align: center;
    vertical-align: middle;
    padding: 3px;
}
#settings-pricelistcat-check-categorizeform .form-group.variable .input label {
    width: 40px;
}
#settings-pricelistcat-check-categorizeform .form-group.variable .label label {
    width: 200px;
    overflow: hidden;
}
#settings-pricelistcat-check-categorizeform .form-group.variable.disabled {
    color: #888;
}
#settings-pricelistcat-check-categorizeform .form-group label {
    font-weight: bold;
}
#settings-pricelistcat-check-categorizeform .form-group .text-normal {
    font-weight: normal;
}
#settings-pricelistcat-check-categorizeform .form-group button[type="submit"] {
    font-size: 120%;
}

#form_defaultCharges .is-for-clients button {
    margin: 3px 0 3px 0;
}
#defaultcharges-clients-edit {
    max-height: 500px;
    overflow-y: auto;
}

.finalise-for-adserving-btn-hl {
    background: #f84313cc !important;
    font-size: 130%;
}

.plantradcharges-list-form-wrap .row {
    width: 980px;
    padding: 10px;
    border-bottom: 1px dashed #666
}
.plantradcharges-list-form-wrap .col {
    width: 300px;
    display: inline-block;
    padding: 5px;
}
.plantradcharges-list-form-wrap input,
.plantradcharges-list-form-wrap select {
    display: inline-block;
    width: 280px !important;
}
.plantradcharges-list-form-wrap label {
    display: inline-block;
    width: 280px;
}
.plantradcharges-list-form-wrap .col.id_plan {
    width: 940px;
}
.plantradcharges-list-form-wrap .col.id_plan select {
    width: 900px !important;
}
.custom-h30-form-wrap .row {
    width: 95%;
    padding: 10px;
    border-bottom: 1px dashed #666
}
.custom-h30-form-wrap .row.disabled {
    color: #888;
}
.custom-h30-form-wrap .row:last-of-type {
    border-bottom: none;
}
.custom-h30-form-wrap .col-1 {
    width: 95%;
    display: inline-block;
    padding: 5px;
    vertical-align: top;
}
.custom-h30-form-wrap .col-2 {
    width: 46%;
    display: inline-block;
    padding: 5px;
    vertical-align: top;
}
.custom-h30-form-wrap .col-3 {
    width: 31%;
    display: inline-block;
    padding: 5px;
    vertical-align: top;
}
.custom-h30-form-wrap input,
.custom-h30-form-wrap select {
    font-family: Arial, sans-serif;
    font-size: 1em;
}
.custom-h30-form-wrap input[type="text"],
.custom-h30-form-wrap textarea,
.custom-h30-form-wrap select {
    display: inline-block;
    width: 95% !important;
}
.custom-h30-form-wrap input[type="text"],
.custom-h30-form-wrap textarea {
    padding: 7px 7px;
    line-height: 20px;
    border-radius: 6px;
    border: 1px solid #ffffff !important;
    /*background: #dddddd url(images/ui-bg_inset-soft_0_dddddd_1x100.png) 50% bottom repeat-x;*/
    background: #dddddd;
    color: #000000;
}
.custom-h30-form-wrap select {
    padding: 5px 10px;
    line-height: 20px;
}
.custom-h30-form-wrap label {
    display: inline-block;
    width: 95%;
    font-weight: bold;
    font-size: 110%;
}
.custom-h30-form-wrap label.simple {
    width: auto;
    font-weight: normal;
    font-size: 110%;
}
.custom-h30-form-wrap input[type="checkbox"],
.custom-h30-form-wrap input[type="radio"] {
    display: inline !important;
    vertical-align: middle;
}
.custom-h30-form-wrap .input-info {
    color: #555;
    font-size: 95%;
}
.custom-h30-form-wrap input[type="submit"],
.custom-h30-form-wrap button {
    font-size: 1.2em;
    display: block;
    padding: 5px;
}
.custom-h30-form-wrap input.right[type="submit"],
.custom-h30-form-wrap button.right {
    margin-left: auto;
    margin-right: 5px;
}
.custom-h30-form-wrap input.center[type="submit"],
.custom-h30-form-wrap button.center {
    margin-left: auto;
    margin-right: auto;
}

.default-charges-button {
    margin: 5px;
}

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


#FrmGrid_jqGrid-plan-list .DataTD,
#FrmGrid_jqGrid-trade-list .DataTD {
    vertical-align: middle;
}


.campaign-version-unbalanced {
    margin: 20px 10px 10px 10px;
    padding: 10px;
    border: 4px solid yellow;
    font-weight: bold;
    color: #ca0000;
    background-color: yellow;
    border-radius: 10px;
    display: inline-block;
}
.campaign-version-unbalanced .warn {
    font-size: 18px;
}
.campaign-version-unbalanced .text {
    font-size: 14px;
}
.campaign-version-unbalanced .prices-text {
    font-weight: normal;
    font-size: 12px;
}
.required-customvars-form-wrap h3 {
    color: #333;
    margin: 5px 0 10px 0;
}
.required-customvars-form-wrap .form-group {
    margin: 5px;
    padding: 5px;
}
.required-customvars-form-wrap .form-group.submit {
    text-align: right;
    margin-top: 20px;
}
.required-customvars-form-wrap .form-group.submit button {
    font-size: 1.2em;
}
.required-customvars-form-wrap label,
.required-customvars-form-wrap input {
    display: block;
    width: 90%;
    padding: 5px;
}
.required-customvars-form-wrap label {
    font-size: 1.1em;
    font-weight: bold;
}

#verticals-main-wrap .table {
    border-collapse: collapse;
    width: 100%;
}
#verticals-main-wrap .table td,
#verticals-main-wrap .table th {
    padding: 10px;
    border: 1px solid #fff;
}
#verticals-main-wrap .table td {
    padding-left: 2px;
    padding-right: 2px;
}
#verticals-main-wrap .table td > span {
    margin-left: 10px;
    margin-right: 10px;
}
#verticals-main-wrap .table .grey {
    color: #888;
}
#verticals-main-wrap .table thead th {
    background-color: #666;
    color: #fff;
}
#verticals-main-wrap button.submit {
    font-size: 20px;
    margin-top: 20px;
}
#verticals-main-wrap span.error {
    color: #c00000;
    display: block;
}
#verticals-main-wrap form input,
#verticals-main-wrap form select,
#verticals-main-wrap form textarea {
    width: 100%;
}
#verticals-main-wrap .filter {
    margin-bottom: 20px;
}
#verticals-main-wrap .filter select {
    font-size: 16px;
}
#verticals-main-wrap .table td > span.id {
    display: inline-block;
    width: 66px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#verticals-sub-wrap .table {
    border-collapse: collapse;
    width: 100%;
}
#verticals-sub-wrap .table td,
#verticals-sub-wrap .table th {
    padding: 10px;
    border: 1px solid #fff;
}
#verticals-sub-wrap .table td {
    padding-left: 2px;
    padding-right: 2px;
}
#verticals-sub-wrap .table td > span {
    margin-left: 10px;
    margin-right: 10px;
}
#verticals-sub-wrap .table .grey {
    color: #888;
}
#verticals-sub-wrap .table thead th {
    background-color: #666;
    color: #fff;
}
#verticals-sub-wrap button.submit {
    font-size: 20px;
    margin-top: 20px;
}
#verticals-sub-wrap span.error {
    color: #c00000;
    display: block;
}
#verticals-sub-wrap form input,
#verticals-sub-wrap form select,
#verticals-sub-wrap form textarea {
    width: 100%;
}
#verticals-sub-wrap .filter {
    margin-bottom: 20px;
}
#verticals-sub-wrap .filter select {
    font-size: 16px;
}
#verticals-sub-wrap .table td > span.id {
    display: inline-block;
    width: 66px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.h30-export-form input {
    display: inline;
}


.campaign-states-table {
    border-collapse: collapse;
}
.campaign-states-table td,
.campaign-states-table th {
    border: 1px solid #fff;
}
.campaign-states-table td,
.campaign-states-table th {
    padding: 5px;
}

form .droppable {
    border: 2px solid #fff !important;
}
form .droppable.dragover {
    border: 2px solid #00ff108a !important;
}

#users-usersettings-uitemplates,
#myprofile-settings,
#profile-teammates,
#cccenter-main-wrap,
#users-usersettings-uitemplates h1 {
    color: #000;
}
#users-usersettings-uitemplates .modal {
    position: relative;
    top: auto;
    bottom: auto;
    z-index: 1;
    display: block;
}
#users-usersettings-uitemplates .modal-dialog {
    margin: 0;
}

.modal-dialog {
    color: initial;
}

.ui-datepicker{
    z-index: 9999 !important;
}

.is-invalid ~ .select2-container .select2-selection {
    border-color: #dc3545 !important;
}
label.is-invalid {
    color: #dc3545 !important;
}
div.form-control {
    border-color: #efefef !important;
}

#admin-disciplines .move {
    cursor: move;
    font-size: 2em;
}
#admin-disciplines .select2.select2-container {
    width: 100% !important;
}

.container-fluid a,
.container a {
    text-decoration: none;
}

table.contracttypes th {
    border-bottom: 1px solid #fff;
}
table.contracttypes th,
table.contracttypes td {
    padding: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: initial;
}
.select2-container .select2-selection--single {
  height: auto!important;
  padding: 5px 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: normal!important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  white-space: normal!important;
}
/**
 * this will cause that readonly vertical is really "readonly"
 * (select2 v4 does not support readonly property by default)
 *
 * @see https://hondzyk30.atlassian.net/browse/NVPV-1207
 * (look for other comments with this issue refferenced - another files too - js, css, ...? - to match all changes)
 * ...
 * bylo by mozne, aby se pri zmene Produktu (nebo nedejboze i jinych veci) aktualizovana Vertikala?
 * Vertikalu nelze menit rucne, ale ze by se aktualizovala automaticky pri zmene Prvozadavatel / Produkt / Klient ? ..
 * ...
 */
select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
    background: #eee;
    box-shadow: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow,
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
    display: none;
}


#campaign-benchperf-wrap th .row-height-fix {
    display: flex;
}
#campaign-benchperf-wrap th .row-height-fix-content {
    align-self: flex-end;
}
#campaign-benchperf-wrap td {
    white-space: nowrap;
    text-align: right;
}
#campaign-benchperf-wrap input {
    text-align: right;
}
/*#campaign-benchperf-wrap input[readonly] {
    background-color:transparent;
    border: 0;
    color: inherit;
}*/
#campaign-benchmarks-wrap th .row-height-fix {
    display: flex;
}
#campaign-benchmarks-wrap th .row-height-fix-content {
    align-self: flex-end;
}

#content_profile input:disabled,
#h20-users-wrap input:disabled {
    background-color: transparent !important;
    color: #666 !important;
    border: none;
}
#content_profile input[readonly],
#h20-users-wrap input[readonly] {
    background-color: transparent !important;
    border: none;
}

#loginbox {
    max-width: 500px;
    margin: auto;
}

#special-planning-editform .timing {
    max-height: 600px;
    overflow: auto;
}
#special-planning-editform-timing-fluid table td {
    min-width: 100px;
}
#special-planning-daily-dummyrow {
    display: none !important;
}

.bblocks-list .list-group-item {
    border-top-width: 1px !important;
}
.bblocks-grab {
    cursor: -webkit-grab !important;
    cursor: grab !important;
}
.bblocks-grabbing {
    cursor: -webkit-grabbing !important;
    cursor: grabbing !important;
}
.bblocks-item,
.bblocks-block-info,
.bblocks-actions-top {
    display: flex;
}
.bblocks-name {
    flex-grow: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bblocks-actions-left {
    width: 7em;
    flex-shrink: 0;
    white-space: nowrap;
}
.bblocks-actions-right {
    width: 10em;
    flex-shrink: 0;
    text-align: right;
}
.bblocks-badge {
    width: 3em;
    padding: 0.5em;
}
.packy-list .list-group-item {
    border-top-width: 1px !important;
}
.packy-grab {
    cursor: -webkit-grab !important;
    cursor: grab !important;
}
.packy-grabbing {
    cursor: -webkit-grabbing !important;
    cursor: grabbing !important;
}
.packy-item,
.packy-pack-info,
.packy-actions-top {
    display: flex;
}
.packy-name {
    flex-grow: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.packy-color {
    width: 5em;
    flex-shrink: 0;
    white-space: nowrap;
}
.packy-actions-left {
    width: 7em;
    flex-shrink: 0;
    white-space: nowrap;
}
.packy-actions-right {
    width: 10em;
    flex-shrink: 0;
    text-align: right;
}
.packy-badge {
    width: 3em;
    padding: 0.5em;
}

.blinker-blink {
    animation: blinker 0.5s linear 1;
}
@keyframes blinker {
    50% {
        opacity: 0;
    }
}

#editFrame .input-group button {
    margin: initial;
}

#import-pricelist-client-discount {
    font-size: initial;
}

.table-sticky-top th {
    position: sticky;
    top: 0px;
}

.ui-jqgrid-btable td pre {
    color: inherit;
}

.btn.btn-sm.btn-h30.iicon {
    font-size: 0.8rem;
}

input.form-control[type="color"] {
    height: 100%;
}

/**
 * fix some controls font size to use more like with bootstrap
 */
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .ui-widget .btn
{
    font-size: initial;
}

.chosen-campaign-version-col.active {
    background-color: #ababab;
    border-color: #ababab;
}
.chosen-campaign-version-col a:hover {
    opacity: 0.8;
}

.h30-datatable table {
    table-layout: fixed;
}
.h30-datatable td {
    overflow-wrap: break-word;
}

.btn-group-h30-campaign-states {
    flex-wrap: wrap;
}
.btn-group-h30-campaign-states > .btn {
    padding: 0.6em 1em;
    width: 11em;
    flex-grow: 0;
    flex-shrink: 0;
}

.datatable-offcanvas-filter {
    width: 600px;
}

/**
 * bootstrap select fix for wrap text and check-mark color
 */
.bootstrap-select .dropdown-menu li a span.text {
    display: inline !important;
    word-break: break-word !important;
}
.bootstrap-select > .dropdown-toggle {
    white-space: normal !important;
    word-break: break-word !important;
}
.bootstrap-select .dropdown-menu li a span.check-mark {
    color: #198754;
}

.modal .bootstrap-select .dropdown-menu {
    overflow: visible !important;
    position: absolute !important;
    z-index: 1055;
}

.bootstrap-select .dropdown-menu.inner {
    max-height: 400px !important;
    overflow-y: auto !important;
}


/**
 * bootstrap dark/light themes fit to *-h30
 */
.modal {
    /**
     * h30 fix custom
     *     --bs-modal-color was empty here
     */
    --bs-modal-color: var(--bs-body-color);
}
.offcanvas-h30 .bootstrap-select .dropdown-menu {
    width: calc(var(--bs-offcanvas-width) - 4px);
}
[data-bs-theme="light"] {
    --h30-btn-color: #212529;
    --h30-btn-bgcolor: #f8f9fa;
    --h30-btn-bordercolor: #f8f9fa;
    --h30-btn-hover-color: #212529;
    --h30-btn-hover-bgcolor: #e2e6ea;
    --h30-btn-hover-bordercolor: #dae0e5;
    --h30-btn-focus-boxshadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
    --h30-btn-disabled-color: #212529;
    --h30-btn-disabled-bgcolor: #f8f9fa;
    --h30-btn-disabled-bordercolor: #f8f9fa;
    --h30-btn-active-color: #212529;
    --h30-btn-active-bgcolor: #dae0e5;
    --h30-btn-active-bordercolor: #dae0e5;
    --h30-btn-outline-bordercolor: #ababab;
}
[data-bs-theme="dark"] {
    --h30-btn-color: #fff;
    --h30-btn-bgcolor: #343a40;
    --h30-btn-bordercolor: #343a40;
    --h30-btn-hover-color: #fff;
    --h30-btn-hover-bgcolor: #23272b;
    --h30-btn-hover-bordercolor: #1d2124;
    --h30-btn-focus-boxshadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
    --h30-btn-disabled-color: #fff;
    --h30-btn-disabled-bgcolor: #343a40;
    --h30-btn-disabled-bordercolor: #343a40;
    --h30-btn-active-color: #fff;
    --h30-btn-active-bgcolor: #1d2124;
    --h30-btn-active-bordercolor: #171a1d;
    --h30-btn-outline-bordercolor: #171a1d;
}
a.btn-h30 {
    text-decoration: none !important;
}

.btn-h30 {
    color: var(--h30-btn-color) !important;
    background-color: var(--h30-btn-bgcolor);
    border-color: var(--h30-btn-bordercolor);
}

.btn-h30:hover, .btn-h30:focus, .btn-h30.focus {
    color: var(--h30-btn-hover-color);
    background-color: var(--h30-btn-hover-bgcolor);
    border-color: var(--h30-btn-hover-bordercolor);
}

.btn-h30:focus, .btn-h30.focus {
    box-shadow: var(--h30-btn-focus-boxshadow);
}

.btn-h30.disabled, .btn-h30:disabled {
    color: var(--h30-btn-disabled-color);
    background-color: var(--h30-btn-disabled-bgcolor);
    border-color: var(--h30-btn-disabled-bordercolor);
}

.btn-h30:not(:disabled):not(.disabled):active,
.btn-h30:not(:disabled):not(.disabled).active,
.show > .btn-h30.dropdown-toggle {
    color: var(--h30-btn-active-color);
    background-color: var(--h30-btn-active-bgcolor);
    border-color: var(--h30-btn-active-bordercolor);
}

.btn-h30:not(:disabled):not(.disabled):active:focus,
.btn-h30:not(:disabled):not(.disabled).active:focus,
.show > .btn-h30.dropdown-toggle:focus {
    box-shadow: var(--h30-btn-focus-boxshadow);
}

.btn-h30-outline {
    box-shadow: var(--h30-btn-outline-bordercolor);
}

.nav-pills .nav-link {
    color: #000;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: var(--h30-btn-color);
    background-color: var(--h30-btn-bgcolor);
}
.campaign-version-tabs > .btn {
    font-size: 1.5em;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: var(--bs-btn-border-radius) var(--bs-btn-border-radius) 0 0;
}

#jqGrid-screenshots .external_id::placeholder {
    font-size: 10px;
}

.FormGrid .required,
#uiAlert .required {
    color:#990000
}
#jqGrid-campaigns .ui-jqgrid-title {
    display: block;
    float:none;
}

/**
 * H3.0metrics datatask searchable pulldown styling
 */
/* Hide original select elements inside this form */

/* Hide original select elements */
.h30metrics-edit-form #h30metrics-edit-source_dataconnection.selectpicker,
.h30metrics-edit-form #h30metrics-edit-target_dataconnection.selectpicker {
    display: none !important;
}

/* Scoped styling for elements still inside the form */
.h30metrics-edit-form #h30metrics-edit-source_dataconnection + .dropdown-toggle,
.h30metrics-edit-form #h30metrics-edit-target_dataconnection + .dropdown-toggle {
    min-width: 500px;
}