#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-name{
        text-decoration: none;
    }
.myTreeRoot a.node-name:hover{
        color:#00B5FB;
    }
.myTreeRoot a.node-name.active{
        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 {
    table-layout: fixed
}
.naviIndex {
    width: 1000px
}

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

.naviFrameContainer {
    width:  260px;
}
.naviFrameBody {
    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,.campaign-version-tabs-wrap,.campaign-buttons2 {margin-top: 2em}
.campaign-version-tabs-wrap {
    /*height: 680px;overflow: auto*/
}

.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%}

/*.campaign-version-state {display:block;height: 4em;min-width:12em;margin:1em;padding:0 1em 0 1em;float:left;cursor:pointer;text-decoration: none;font-weight: bold;}
.campaign-version-state span {line-height: 4em;color:#fff;}*/

.campaign-version-state-active {cursor: default}
.campaign-version-state-inactive {cursor: pointer}

.chosen-campaign-version-actual {background: url('../images/iko_star.gif') no-repeat right}

.cleaner{clear:both}

.grey {color:#888}

#campaign-sumprices table th {width:10em; border:1px solid #fff}
#campaign-sumprices table td {border:1px solid #fff}

.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;
}

.ui-jqgrid tr.jqgrow.ui-state-hover td { background-color: #961708 !important; }


/*
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;
}

.badge:not(.ui-jqgrid-btable .badge) {
    border-radius: 10px;
    /*background-color: #777;
    color: #fff;*/
    background-color: #efefef;
    color: #ff6633;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    min-width: 10px;
    padding: 3px 7px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}
.fav-export-button {
    margin: 5px;
}

#campaign-files-wrap {
    margin: 10px 20px 10px 20px;
}
#campaign-files-wrap .upload {
    text-align: left;
}
#campaign-files-wrap .upload button {
    padding: 0;
    font-size: 16px;
}
#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 button {
    width: 20px;
    height: 20px;
}
#campaign-files-wrap .cat .files .file button.move {
    cursor: move;
}
#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;
}

#campaign-bulkedit-wrap div.wrapper, #campaign-bulkedit-extended-wrap div.wrapper, #campaign-customFields-wrap div.wrapper {
    overflow-x: auto;
    margin-left: 6.9em;
}

#campaign-bulkedit-extended-wrap div.wrapper {
    margin-left: 11.9em;
}

#campaign-bulkedit-wrap table textarea, #campaign-bulkedit-extended-wrap table textarea,
#campaign-customFields-wrap table textarea, #campaign-bulkedit-wrap table input,
#campaign-bulkedit-extended-wrap table input, #campaign-customFields-wrap table input {
    width: 98%;
}

#campaign-bulkedit-wrap table textarea, #campaign-bulkedit-extended-wrap table textarea,
#campaign-customFields-wrap table textarea {
    height: 40px;
    min-width: 120px;
}

#campaign-bulkedit-wrap table textarea.big, #campaign-bulkedit-extended-wrap table textarea.big,
#campaign-customFields-wrap table textarea.big {
    height: 80px;
    min-width: 300px;
}

#campaign-bulkedit-wrap table input, #campaign-bulkedit-extended-wrap table input,
#campaign-customFields-wrap table input:not([type=checkbox]):not([type=radio]) {
    min-width: 120px;
}

#campaign-bulkedit-wrap table input.small, #campaign-bulkedit-extended-wrap table input.small,
#campaign-customFields-wrap table input.small {
    min-width: 80px;
}

#campaign-bulkedit-wrap table input.small2, #campaign-bulkedit-extended-wrap table input.small2,
#campaign-customFields-wrap table input.small2 {
    min-width: 50px;
}

#campaign-bulkedit-wrap .submit, #campaign-bulkedit-extended-wrap .submit, #campaign-customFields-wrap .submit {
    margin-top: 30px;
}

#campaign-bulkedit-wrap table, #campaign-bulkedit-extended-wrap table, #campaign-customFields-wrap table {
    width: 100%;
    border-collapse: collapse;
}

#campaign-bulkedit-wrap table th, #campaign-bulkedit-extended-wrap table th, #campaign-customFields-wrap table th {
    padding: 10px;
    border: 1px solid #fff;
    background: #888;
    color: #fff;
    height: 30px;
    font-size: 12px;
}

#campaign-bulkedit-wrap table th.abs, #campaign-bulkedit-extended-wrap table th.abs, #campaign-bulkedit-extended-wrap table th.abs1, #campaign-customFields-wrap table th.abs {
    position:absolute;
    width:5em;
    left:0;
    top:auto;
    border: 1px solid #888;
}

#campaign-bulkedit-wrap table thead th.abs, #campaign-bulkedit-extended-wrap table thead th.abs,#campaign-bulkedit-extended-wrap table thead th.abs1,
#campaign-customFields-wrap table thead th.abs {
    line-height: 30px;
    border-top: 1px solid #fff;
}

#campaign-bulkedit-wrap table tbody th.abs, #campaign-bulkedit-extended-wrap table tbody th.abs, #campaign-bulkedit-extended-wrap table tbody th.abs1,
#campaign-customFields-wrap table tbody th.abs {
    height: 60px;
    line-height: 60px;
}

#campaign-bulkedit-extended-wrap table tbody th.abs1 {
    line-height: 15px;
}

#campaign-bulkedit-wrap table td, #campaign-bulkedit-extended-wrap table td, #campaign-customFields-wrap table td {
    padding: 0px 5px 0px 0px;
    border: 1px solid #fff;
}

/*$hBorder*/
#campaign-bulkedit-wrap table td, #campaign-bulkedit-extended-wrap table td, #campaign-customFields-wrap table td,
#campaign-bulkedit-wrap table th.abs, #campaign-bulkedit-extended-wrap table th.abs, #campaign-customFields-wrap table th.abs{
    border-bottom: 8px solid #888;
}
#campaign-customFields-wrap select {
    width: 133px;
}
#campaign-customFields-wrap .required {
    color: #f9abb1;
}
#campaign-customFields-wrap .error {
    background-color: #f9abb1;
}
#campaign-customFields-wrap table td {
    position: relative;
}
#campaign-customFields-wrap table td a.mask i {
    transform: scale(0.8);
    color: #666;
    background-color: #eee;
}
#campaign-customFields-wrap table td a.mask {
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 5px;
}

#campaign-bulkedit-extended-wrap table th.abs, #campaign-bulkedit-extended-wrap table th.abs1 {
    position:absolute;
    width:15em;
    left:0;
    top:auto;
    border: 1px solid #888;
    line-height: 15px;
    border-bottom: 8px solid #888;
    font-size: 8px;
}

#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,
#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;
}


.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,
#adwords-stats {
    min-height: 100px;
    overflow-y: auto;
    width: 100%;
    margin-top: 30px;
}
#facebook-stats table,
#sklik-stats table,
#adwords-stats table {
    border-collapse: collapse;
}
#facebook-stats th,
#facebook-stats td,
#sklik-stats th,
#sklik-stats td,
#adwords-stats th,
#adwords-stats td {
    padding: 5px;
    border: 1px solid #fff;
}
#facebook-stats th,
#sklik-stats th,
#adwords-stats th {
    background: #888;
    color: #fff;
}
#facebook-stats td,
#sklik-stats td,
#adwords-stats td {
    /*white-space: pre;*/
    vertical-align: top;
}
#facebook-stats tfoot th,
#sklik-stats tfoot th,
#adwords-stats tfoot th {
    /*white-space: pre;*/
    text-align: left;
}
#facebook-cachebutton,
#sklik-cachebutton,
#adwords-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;
}
#settings-adwords-howto ol > li {
    margin-top: 5px;
    margin-bottom: 5px;
}
#settings-adwords-howto ol ul {
    margin-left: 10px;
}
#settings-adwords-howto ol ul > li {
    list-style-type: disc;
}

/**
 * DROPZONE adjustment
 */
.dropzone {
    min-height: 140px;
    border: 2px solid rgba(0, 0, 0, 0.8);
    background: black;
    padding: 5px 5px;
    color: white;
}
.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-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;
}



.banned-warning {
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    box-sizing: content-box;
}
.banned-warning i {
    color: red;
    background-color: white;
    font-size: 12px;
}

#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: -12px 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-wrap div.wrapper {
    overflow-x: auto;
    margin-left: 16.9em;
}

#campaign-crowd-wrap-top {
    margin-top: 15px;
    margin-bottom: 30px;
}

#campaign-crowd-sendtocrowd {
    font-size: 16px;
    font-weight: bold;
}

#campaign-crowd-wrap-form {
    position: relative;
}

#campaign-crowd-wrap table textarea,
#campaign-crowd-wrap table input {
    width: 88%;
}

#campaign-crowd-wrap table textarea {
    height: 40px;
    min-width: 120px;
}

#campaign-crowd-wrap table textarea.big {
    height: 80px;
    min-width: 300px;
}

#campaign-crowd-wrap table input {
    min-width: 130px;
}

#campaign-crowd-wrap table input.small {
    min-width: 110px;
}

#campaign-crowd-wrap .submit {
    margin-top: 30px;
    font-size: 16px;
    font-weight: bold;
}

#campaign-crowd-wrap table {
    width: 100%;
    border-collapse: collapse;
}

#campaign-crowd-wrap table td div.content-hcrvalues {
    margin: 10px;
    height: 60px;
    overflow: hidden;
}

#campaign-crowd-wrap table div.content-icons {
    margin: 0 10px 0 10px;
    height: 40px;
    overflow: hidden;
}

#campaign-crowd-wrap table div.content-icons-left {
    float: left;
    width: 36px;
    height: 36px;
}

#campaign-crowd-wrap table div.content-icons-right {
    float: right;
    width: 36px;
    height: 36px;
}

#campaign-crowd-wrap table div.content-icons-right a {
    display: block;
    width: 36px;
    height: 36px;
}

#campaign-crowd-wrap table div.content-icons-clear {
    clear: both;
}

#campaign-crowd-wrap table div.content-icons .icono-crossCircle {
    /*background-color: #888;*/
    font-weight: normal;
    color: #aaa;
}

#campaign-crowd-wrap table div.content-icons .icono-checkCircle {
    background-color: green;
    font-weight: bold;
    color: #fff;
}

#campaign-crowd-wrap table div.content-icons .icono-caretDownCircle {
    background-color: #888;
    font-weight: bold;
    color: #fff;
}

#campaign-crowd-wrap table td div.content-bottom {
    height: 80px;
    overflow: hidden;
}

#campaign-crowd-wrap table th {
    padding: 10px;
    border: 1px solid #fff;
    background: #888;
    color: #fff;
    font-size: 12px;
    height: 60px;
}
#campaign-crowd-wrap table th div.content {
    display: inline-block;
    height: 60px;
    overflow: hidden;
}

#campaign-crowd-wrap table th.crowd-left {
    height: 180px;
}

#campaign-crowd-wrap table th.crowd-left div.content {
    height: 180px;
}

#campaign-crowd-wrap table th.abs {
    position:absolute;
    width:15em;
    left:0;
    top:auto;
    border: 1px solid #888;
}

#campaign-crowd-wrap table thead th.abs {
    border-top: 1px solid #fff;
}

#campaign-crowd-wrap table tbody th.abs {
    /*height: 60px;
    line-height: 60px;*/
}

#campaign-crowd-wrap table td {
    padding: 0px 5px 0px 0px;
    border: 1px solid #fff;
}

/*$hBorder*/
#campaign-crowd-wrap table td,
#campaign-crowd-wrap table th.abs {
    border-bottom: 8px solid #888;
}
#campaign-crowd-wrap table td.crowd-unmatch {
    background-color: #DF90A1;
}

#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;
}

#jqGrid-bulkedit .disabled,
#jqGrid-bulkedit-extended .disabled {
    color: #aaa;
}

#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 {
    color: #888;
    font-style: italic;
}
#custsomfields-clients-edit,
#custsomfields-sellers-edit,
#custsomfields-agencies-edit {
    max-height: 500px;
    overflow-y: auto;
}

#beforeinsertplan-form .required {
    color: #c00000;
}
#beforeinsertplan-form .element {
    border: 2px solid #ddd;
}
#beforeinsertplan-form h3 {
    color: #666;
}
#beforeinsertplan-form .element.error {
    border: 2px solid #c00000;
}
#beforeinsertplan-form .form-group {
    margin: 10px;
    padding: 5px;
}
#beforeinsertplan-form .form-group-title {
    color: #666;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 5px;
    background-color: #888;
    color: #fff;
}
#beforeinsertplan-form .form-group-content-row {
    margin-top: 5px;
}
#beforeinsertplan-form label {
    color: #666;
    font-size: 12px;
    font-weight: bold;
}
#beforeinsertplan-form input[type="text"],
#beforeinsertplan-form textarea,
#beforeinsertplan-form select {
    width: 100%;
}

.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-lbl {
    color: #888;
    font-style: italic;
}
label.defaultcharges-lbl {
    display: block;
    width: 200px;
}
#defaultcharges-clients-edit {
    max-height: 500px;
    overflow-y: auto;
}

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

#default-charges-editform .width-80,
.width-80 {
    width: 80px;
}
.width-120 {
    width: 120px;
}
.width-1000 {
    width: 1000px;
}
.width-40 {
    width: 40px;
}
.dch-row {
    padding: 5px;
    border-bottom: 1px solid #fff;
}
.dch-col {
    padding: 5px;
    display: inline-block;
    vertical-align: top;
}
.dch-colrow {
    padding: 5px;
}
.dch-colrowcol {
    padding: 5px;
    display: inline-block;
}
.dch-freeze,
.dch-scroll {
    display: inline-block;
    white-space: nowrap;
    vertical-align: top;
}
.dch-freeze {
    border-right: 1px dashed #fff;
    width: 140px;
}
.dch-scroll {
    width: 80%;
    min-width: 700px;
    overflow-x: auto;
}
#default-charges-editform {
    padding: 0px 20px 10px 0;
    white-space: nowrap;
}
#default-charges-editform label {
    display: block;
    font-weight: bold;
}
#default-charges-editform .position span {
    color: #888;
}

.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 {
    margin: 20px;
}
#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;
}

/**
 * minicolors with dynamic input add fix
 */
.minicolors-swatch-color {
    z-index: 999;
}


.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;
}
.bblocks-blink {
    animation: blinker 0.5s linear 1;
}
.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;
}
.packy-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.imgicon {
    padding: 0.15rem 0.35rem;
}
.btn.btn-sm.btn-h30.iicon {
    font-size: 0.8rem;
}

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