/* test css */




/*-------------------------
 FONT FACE KIT
 ---------------------------*/



@font-face {
    font-family: 'AllerLightRegular';
    src: url('fonts/aller_lt-webfont.eot');
    src: url('fonts/aller_lt-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/aller_lt-webfont.woff') format('woff'),
        url('fonts/aller_lt-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'AllerBold';
    src: url('fonts/aller_bd-webfont.eot');
    src: url('fonts/aller_bd-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/aller_bd-webfont.woff') format('woff'),
        url('fonts/aller_bd-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'AllerRegular';
    src: url('fonts/aller_rg-webfont.eot');
    src: url('fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/aller_rg-webfont.woff') format('woff'),
        url('fonts/aller_rg-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}



/* ------ reset --------- */


input[TYPE="BUTTON"],
input[TYPE="SUBMIT"] {
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    padding:4px 7px;
    background: linear-gradient(to right, #117aff, #5ea5ff) !important;
    color: white !important;
    float:left;
    display:block;
    margin-right:15px;
    text-decoration:none;
    font-size:12px;
    border:0px;
    float:left;
}




.field-name input[TYPE="TEXTFIELD"],
.field-name input[TYPE="TEXT"],
.field-name  input[TYPE="PASSWORD"],
.field-name  input[TYPE="SEARCH"],
.field-value input[TYPE="TEXTFIELD"],
.field-value input[TYPE="TEXT"],
.field-value  input[TYPE="PASSWORD"],
.field-value  input[TYPE="SEARCH"],
.fantastic-fieldset input[TYPE="TEXTFIELD"],
.fantastic-fieldset input[TYPE="TEXT"],
.fantastic-fieldset  input[TYPE="PASSWORD"],
.fantastic-fieldset  input[TYPE="SEARCH"],
isindex {
    -webkit-appearance: none;
    border: 0 inset;
    border-image: initial;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    cursor: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: #fff;
    color: #404040;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 25px;
    line-height: 18px;
    margin: 0;
    padding: 0 10px;
    vertical-align: middle;
    background: url("jqtransform/img/input/input_text_left.gif") no-repeat top left;
}



input, keygen, isindex {
    margin: 0em;
    font: -webkit-small-control;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: -webkit-auto;
}

/*------ fix user agent chrome ------*/

form {
    display: inherit;
}


/* ------ general ------ */

body:before {
    content: '';
    background: url(../images/waves.png);
    width: 15%;
    height: 100%;
    position: fixed;
    z-index: -1;
    opacity: 0.3;
}

body:after {
    content: '';
    background: url(../images/waves.png);
    width: 15%;
    height: 100%;
    position: fixed;
    z-index: -1;
    opacity: 0.3;
    right: 0;
}

#logo-bee {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#logo-bee img {
    margin: 0 !important;
}

#logo-bee .logo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 150px;
}

#logo-bee .logo .title-holder {
    margin-left: 10px;
}

.index-body .logo .title-holder h3, h4, h5 {
    color: #fff;
    margin: 0;
}

#content-container {
    padding-top:25px;
    padding-bottom:40px;
}

h1, h2, th, #navigation {
    letter-spacing: -0.04em;

}

h1, h2 {
    margin-top:20px;
    display: block;
    clear: both;
}

h2, h3 {
    color: #000;
    font-size:22px;
    letter-spacing: -0.04em;
    margin-bottom:15px;
    margin-top:20px;
    display: block;
    clear: both;
}
/*
h3 {
    color:#555;
    font-size:16px;
    letter-spacing: -0.04em;
    margin-top:20px;
    margin-bottom:15px;
}
*/






body {
    font-family: 'Montserrat', sans-serif;
}

.clr {
    clear:both;
}

#main {

    padding:0 150px 0 150px;
    margin:0 auto;
    min-width:600px;
    margin-bottom:50px;
    margin-top:150px;

}

#main h1 {
    color: black;
    letter-spacing: -0.04em;
}



h1, h2, h3, #navigation li a, #totalEarnings, .chart-title, th, #header label {
    letter-spacing: -0.03em;
}

.fixed_top {
    background: white;
    position: fixed;
    top:135px;
    padding-top: 20px;
    padding-bottom: 12px;
    z-index: 13000;
    min-width: 1200px;
    width: 100%;
}


/* ---------   header ---------  */

#header {
    background: url(../images/header-bg.png) no-repeat;
    height: 55px;
    padding: 10px 0 25px;
    margin: 0 auto;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 1000;
    min-width: 1200px;
    background-position: center -50px;
    background-size: cover;
}



#header img {
    float:left;
    margin-left: 150px;
}

#header h1 {
    float:left;
    font-style: italic;
    line-height:30px;
    color:#eee;
}

#header h1 b {
    font-weight:bold;
    color:#e68703;
}

#header label {
    float:right;
    margin-right:30px;
    font-size:14px;
}

#adminLoginFormSubmit,
#header a {
    border: 1px solid white;
    background: transparent;
    padding:6px 10px;
    float:right;
    display:block;
    color:#fff;
    text-decoration:none;
    font-size:13px;
}

#header a:nth-child(odd) {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

#header a:nth-child(2) {
    border-left: 1px solid white;
    margin-left: -1px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

#header .fantastic-fieldset {
    float: none;
    width: 530px;

}

#header .header-controls {
    width:700px;
    float:right;
    margin-right: 150px;
    display: flex;
    align-items: center;
}

#header .header-controls select {
    border:0px;
}

/* ---------  navigation ---------  */

#navigation {
    height: 75px;
    margin: 0px;
    color: #000;
    position: fixed;
    top: 89px;
    width: 100%;
    min-width: 1200px;
    background: white;
    box-shadow: 0px 1px 15px grey;
    border: none;
    display: flex;
    justify-content: space-between;
    padding: 0px 150px;
    box-sizing: border-box;
}

#navigation li {
    border:none;
    background:none;
}

#navigation li a,
#navigation li a:hover,
#navigation li a:visited {
    /*color: #000;*/
    /*padding-top:8px;*/
    /*padding: 8px 10px 0px;*/
    /*font-size: 1.2em;*/
}

#navigation .submenu {
    background: white;
    margin-top: 10px;
}

#navigation .submenu li {
    border: 1px solid #242a2e;
    border-radius: 5px;
}

#navigation .submenu li:hover {
    background-color: #eaeaea;
}

#navigation .submenu li a,
#navigation .submenu li a:hover,
#navigation .submenu li a:visited {
    color: #000;
    padding-top:5px;
}

#navigation ul {
    top: 47px !important;
}

#navigation li.actual-menu {
    border-bottom: 3px solid #117aff;
    color: #117aff;
}

#navigation li.actual-menu a {
    color: #117aff;
}


#navigation #menu-admin.actual-menu .item-menu {
    background: #000;
}




/* -------- tables ----- */


table {
    border-collapse: separate; /* IE7 and lower */
    border-spacing: 0;
    border-bottom:4px solid #ddd;
}

table, tbody {
    border-collapse:separate;
    border:1px solid #ccc;
    border-radius:7px 7px 0px 0px;
    -webkit-border-radius:7px 7px 0px 0px;
    -moz-border-radius:7px 7px 0px 0px;
    text-align: center;
    color:#444;
}

table a, table a:visited, table a:hover  {
    color:#e68703;
}

tbody th {
    background:url("../images/th_bg.jpg") top repeat-x #c1c8cc;
    padding:8px 0;
    font-size: 14px;
    color:#5b646b;
    text-shadow: #fff 0.05 em 0.05 em 0.05 em;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#fff', Direction=280, Strength=2);
    border-bottom:1px solid #ccc;
}

table .table-btn,
table input[TYPE="BUTTON"],
table input[TYPE="SUBMIT"] {
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    padding:4px 6px;
    background:url("../images/btn_bg_header.jpg") repeat-x #e68703 top;
    float:left;
    display:block;
    margin-right:8px;
    color:#fff;
    text-decoration:none;
    font-size:10px;
    border:0px;
    float:left;
    margin-bottom:4px;
}

table .table-btn:hover,
table input[TYPE="BUTTON"]:hover,
table input[TYPE="SUBMIT"]:hover,
table .table-btn:visited,
table input[TYPE="BUTTON"]:visited,
table input[TYPE="SUBMIT"]:visited {
    color:#fff;
}

table input[TYPE="TEXT"] {
    min-width:50px;
    border:1px solid #ddd;
    background:#fff;
}

table tr .even {
    background:#e8eaee;
    border-bottom:1px solid #d6dae1;
}

table tr .odd {
    background:#eff2f6;
    border-bottom:1px solid #d6dae1;
}

table tr:nth-child(even) {
    background:#e8eaee;
    border-bottom:1px solid #d6dae1;
}

table {
    border-bottom:3px solid #1e7fff;
}


.tableEngagements, .tableEngagements tbody {
    border: 0px;
    border-spacing: 6px;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    margin: 0px;
}

.tableEngagements td, .tableEngagements tr {
    border-top:0px;
}

.tableEngagements tr.active {
    background: #DBECB1;
}

.tableEngagements tr.active td {
    border: 1px solid #8AD36D;
}

.tableEngagements tr.active td a,
.tableEngagements tr.active td a:hover,
.tableEngagements tr.active td a:visited {
    color: #7b971b;
}

.tableEngagements tr.inactive {
    background: #FDBEB8;
}

.tableEngagements tr.inactive td {
    border: 1px solid #F78A7B;
}

.tableEngagements tr.inactive td a,
.tableEngagements tr.inactive td a:hover,
.tableEngagements tr.inactive td a:visited {
    color: #dc5e4e;
}

.engagements-parameters{
    width: 900px;
    min-width: 900px;
}

.remove-param{
    float: right;
}

td.paramCont{
    width: 380px;
}

.breakableColumnLong{
    max-width: 150px;
    -ms-word-break: break-all;
    word-wrap: break-word;
}

.breakableColumnShort{
    max-width: 100px;
    -ms-word-break: break-all;
    word-wrap: break-word;
}

.apps{
    max-width: 150px;
    -ms-word-break: break-all;
    word-wrap: break-word;
}

/* ------- buttons ------ */




/*#button_engagement, button {*/
    /*border-radius:3px;*/
    /*-webkit-border-radius:3px;*/
    /*-moz-border-radius:3px;*/
    /*padding:6px 9px;*/
    /*background: linear-gradient(to right, #117aff, #5ea5ff) !important;*/
    /*margin-right:15px;*/
    /*color:#fff;*/
    /*text-decoration:none;*/
    /*font-size:12px;*/
    /*border:0px;*/

/*}*/

#targetsContainer input,label,button {
    margin-right: 25px;
}

#targetsContainer .slider{
    width: 220px;
    margin-left: 125px;
}

#engagement_updater fieldset {
}

#engagement_updater label {
    margin-top:5px;
    margin-left:0px;
    display:block;
    width:150px;
    float:left;
}

#engagement_updater input {
    margin-left:150px;
}

#engagement_updater select {
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    padding:4px 7px;
    min-width:50px;
    background:#fff;
    float:left;
    color:#555;
    font-size:12px;
    border:1px solid #ddd;
    height:25px;
    width:70px;
}

#button_engagement_creator {
    margin-bottom:30px;
}

button#assign_engagement_id,
button#button_engagement_creator,
button#set_parameter  {
    margin-left:150px;
}

#parameter-container label {
    margin-top:5px;
}

#parameter-container h3 {
    font-weight: normal;
    font-size:20px;
}


#parameter_setting {
    width:600px;
    clear:both;
    margin-top:50px;
}


#parameter_setting span {
    width:150px;
    display:block;
    float:left;
}

#parameter_setting input {
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    padding:6px 8px;
    min-width:50px;
    background:#fff;
    color:#555;
    font-size:12px;
    border:1px solid #ddd;
    width:200px;
    margin-bottom:15px;
    margin-left:0px;
    display:block;
}

#engagement_updater textarea {
    width:500px;
    height:150px;
}



/* ----- rules ----- */
/*
#rules-container input {
        border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
        border:1px solid #ccc;
        background:#fff;
    color: #404040;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 31px;
    line-height: 18px;
    margin: 0;
    padding: 0 10px;
    vertical-align: middle;
}*/

#rules-container  fieldset {
    margin-top:20px;
}

#rules-container  #targetId {
    margin-top:20px;
}


#target_separator .rule-message {
    font-size:11px;
    color:#777;
    display:block;
    width:120px;
}

label {
    width:150px;
    color: #555;
    font-size:14px;
    display:block;
    float: left;
}

fieldset {
    /*margin-bottom:8px;*/
    -webkit-margin-start: 2px;
    -webkit-margin-end: 0px;
    -webkit-padding-before: 0px;
    -webkit-padding-start: 0px;
    -webkit-padding-end: 0px;
    -webkit-padding-after: 0px;
}

fieldset input[TYPE="TEXTFIELD"],
fieldset input[TYPE="TEXT"],
fieldset input[TYPE="PASSWORD"]  {
    width:200px;
}

#filters label {
    clear:both;
    float: left;
}

#filters input[TYPE="TEXT"] {
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    padding:4px 7px;
    min-width:50px;
    background:#fff;
    float:left;
    color:#555;
    font-size:12px;
    border:1px solid #ddd;
}


#blockList {
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    padding:4px 7px;
    background:#fff;
    float:left;
    color:#555;
    font-size:12px;
    border:1px solid #ddd;
    width:200px;
}

label {
    width:150px;
    color: #555;
    font-size:14px;
}

fieldset label,
.fantastic-fieldset label {
    width:100px;
    color: #555;
    font-size:14px;
}

.fantastic-fieldset input[TYPE="TEXT"] {
    width:200px;
    color: #555;
    font-size:14px;
}

.id_26Text{
    width:200px;
    color: #555;
    font-size:14px;
    -webkit-appearance: none;
    padding: 0px;
    background-color: none;
    border: 0px inset;
    border-image: initial;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    cursor: auto;
    order-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:0px;
    background:#fff;
    height: 25px;
    line-height: 18px;
    margin: 0;
    padding: 0 10px;
    vertical-align: middle;
    background:url("jqtransform/img/input/input_text_left.gif") no-repeat top left;
}

/* ----- template ------ */

#template_creator textarea {
    width:500px;
    height:600px;
}





/* ------- report ------ */


#ui-datepicker-div {
    height:0px;
    border:0px;
}


#filters {
    width:410px;
    margin-right:30px;
    float:left;
    margin-top:30px;
}

#filters fieldset {
    width:200px;
    display:block;
}

#filters label {
    display:block;
    margin-bottom:5px;
    width:200px;
}



#filters .select-fix {
    position:relative;
    width:325px;
    height:30px;
    overflow:hidden;
    -moz-border-radius: 4px; /* Firefox */
    -webkit-border-radius: 4px; /* Safari and Chrome */
    border-radius: 4px; /* Opera 10.5+ */
}


#chart_head {
    width:100%;
    float: left;
    border-radius: 8px;
    background: url("../images/dashboard-bg.png") repeat-x center;
    padding:20px;
}

#chart_head .chart-settings {
    width:200px;
    margin-right:20px;
    float: left;
}

#chart_head .chart-settings .label-title {
    font-size: 13px;
    color:#888;
    padding-bottom: 5px;
}



#chart_head label#campaign,
#chart_head label#app,
#chart_head label#placement,
#chart_head label#engagement {

}



/* ----- admin apps ---- */

#appId, #customUrl, #appImageType {
    clear:both;
    margin-bottom:20px;
}

label {
    text-align:left !important;
}


fieldset {
    border:0px;
    padding-bottom: 5px;
    padding-top:5px;
}

#update_user_form ul {
    width:200px;
    float: left;
    margin-top:5px;
}


/* ------ profile ----*/

span.field-description,
#user_form fieldset span {
    color: #999999;
    display: block;
    font-style: italic;
    margin-left: 150px;
    margin-top: 20px;
    width: 225px;
    font-size:12px;
}


/* ----- roles ------- */

.rol-plus {
    display:block;
    width:75px;
    height:3px;
    padding-top:90px;
    background:url("../images/ico_rol_plus.png") top center no-repeat;
    text-align:center;
    float:left;
    margin-right:40px;
    text-decoration:none;
    color:#666;
}

.user-plus {
    display:block;
    width:75px;
    height:3px;
    padding-top:90px;
    background:url("../images/ico_user_plus.png") top center no-repeat;
    text-align:center;
    float:left;
    margin-right:40px;
    text-decoration:none;
    color:#666;
}

.show-user {
    display:block;
    width:75px;
    height:3px;
    padding-top:90px;
    background:url("../images/ico_user.png") top center no-repeat;
    text-align:center;
    float:left;
    margin-right:40px;
    text-decoration:none;
    color:#666;
}

.show-rol {
    display:block;
    width:75px;
    height:3px;
    padding-top:90px;
    background:url("../images/ico_rol.png") top center no-repeat;
    text-align:center;
    float:left;
    margin-right:40px;
    text-decoration:none;
    color:#666;
}

#create_user_form ul, #create_user_form2 ul, #update_user_form2 ul {
    width:200px;
    float:left;
    margin-top:10px;
}

#create_user_form ul.hint-list, #create_user_form2 ul.hint-list, #update_user_form2 ul.hint-list {
    margin-left: 50px;
}

#create_user_form ul.hint-list li, #create_user_form2 ul.hint-list li, #update_user_form2 ul.hint-list li {
    list-style: disc;
}


/* ---------- form selectbox --------- */

fieldset select,
.fastastic-fieldset select,
.fantastic-fieldset select,
#filters select {
    -webkit-appearance: none  !important;
    -moz-appearance: none !important;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-padding-start: 8px;
    -webkit-padding-end: -8px;
    -webkit-user-select: none;
    -moz-border-radius: 3px;
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -moz-padding-start: 8px;
    -moz-padding-end: -8px;
    background-color: transparent;
    background-image: url("../images/selectbox-complete.jpg");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: 220px 30px;
    border: 1px solid #ddd;
    color: #555;
    font-size: inherit;
    margin: 0;
    overflow: hidden;
    padding-top: 6px;
    padding-bottom:6px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:220px;
    height:30px;
    outline: none;
}


#blocklist {
    -webkit-appearance: none  !important;
    -moz-appearance: none !important;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-padding-start: 8px;
    -webkit-padding-end: -8px;
    -webkit-user-select: none;
    -moz-border-radius: 3px;
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -moz-padding-start: 8px;
    -moz-padding-end: -8px;
    background-color: #fff;
    background-image: none;
    background-position: -30px 0px;
    background-repeat: no-repeat;
    border: 1px solid #ddd;
    color: #555;
    font-size: inherit;
    margin: 0;
    overflow: auto;
    padding-top: 6px;
    padding-bottom:6px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:245px;
    height:200px;
    outline: none;
}



fieldset select option,
.fastastic-fieldset select option,
.fantastic-fieldset select option,
#filters select option {
    padding:5px;
    margin:4px;
    border-bottom:1px solid #eee;
    -moz-border-radius: 4px; /* Firefox */
    -webkit-border-radius: 4px; /* Safari and Chrome */
    border-radius: 4px; /* Opera 10.5+ */
}


#filters #applicationFilter, #filters #campaignFilter {
    -moz-appearance: button;
}



/* ------  error messages ------- */
fieldset,
.fastastic-fieldset,
.fantastic-fieldset {
    position:relative;
}



label.error,
fieldset label.error,
.fastastic-fieldset label.error,
.fantastic-fieldset label.error {
    display: block;
    min-width: 160px;
    padding: 7px 8px;
    padding-left: 35px;
    background: url("../images/error.png") no-repeat top left #F85B5B;
    position: absolute;
    top: 0px;
    left: 380px;
    z-index: 99999;
    color:#fcf3f3;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    margin-top:5px;
}


select.error,
textarea.error,
input[TYPE="TEXTFIELD"].error,
input[TYPE="TEXT"].error,
input[TYPE="PASSWORD"].error,
input[TYPE="SEARCH"].error,
isindex.error {
    border:2px solid #f67b7b;
}

/*
#edit_role_form span.error-msg {
display: block;
min-width: 135px;
padding: 7px 8px;
background: #F85B5B;
position: absolute;
text-align: center;
top: 0px;
left: 200px;
z-index: 99999;
color:#fcf3f3;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
margin-top:5px;
}
*/

#message,#target-message {
    font-size: 16px;
    font-style: italic;
    color:#eb8900;
    float: left;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    margin-top: 4px;
    font-weight: bold;
}

form {
    position:relative;
}

.fantastic-fieldset input[TYPE="BUTTON"],
.fastastic-fieldset input[TYPE="SUBMIT"],
.fastastic-fieldset input[TYPE="BUTTON"],
.fantastic-fieldset input[TYPE="SUBMIT"] {
    margin-top:10px;
    clear:both;
}


#create-campaign {
    margin-bottom:30px;
    clear:both;
}




/* ---------- login ------------ */

#adminLoginForm {
    width: 450px;
    padding: 60px 60px;
    position: relative;
    margin: 0 auto;
    margin-top: 80px;
    height: 390px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: center;
    border: 1px solid grey;
    border-radius: 10px;
}

#adminLoginForm label {
    width:150px;
    color: black !important;
    font-size:20px;
    padding-bottom:8px;
}

#adminLoginForm input {
    padding-top:5px;
    font-size:17px;
    height: 40px;
    border: 1px solid black;
}

#adminLoginForm input[type="submit"] {
    border: none;
    text-align: center;
}


#adminLoginForm  img {
    padding: 20px;
    filter: brightness(0%);
}

#adminLoginForm #logo-bee .logo {
    margin: 0;
}

#adminLoginForm .error-container {
    background-color: #fedcdf;
    border: 1px solid #dd5855;
    color: #964247;
}

.login-body .logo .title-holder h3, h4, h5 {
    margin: 0;
    color: #000;
    text-align: left;
}

/* bug firefox select */


.select-fix {
    position:relative;
    width:325px;
    height:30px;
    float:left;
    overflow:hidden;
    -moz-border-radius: 4px; /* Firefox */
    -webkit-border-radius: 4px; /* Safari and Chrome */
    border-radius: 4px; /* Opera 10.5+ */

}

.select-fix#blocklist {
    position:relative;
    width:325px;
    height:200px;
    float:left;
    overflow:auto;
    -moz-border-radius: 4px; /* Firefox */
    -webkit-border-radius: 4px; /* Safari and Chrome */
    border-radius: 4px; /* Opera 10.5+ */

}





/* -------- jstree --------- */

.jstree-default.jstree-focused {
    background: none !important;
}

.jstree a, .jstree a:hover {
    color: #555555 !important;
    display: inline-block;
    height: 25px !important;
    line-height: 16px;
    margin: 0;
    text-decoration: none;
    white-space: nowrap;
}


/* ------ companies fix ------ */

#companyCreateButton {
    clear: both;
}


/* ------ fix jquery UI datapicker ------ */

.ui-datepicker {
    padding: 0px;
}


/* -------- tiny scrollbar ------- */


#blocklist { width: 220px; clear: both; }
#blocklist .viewport { width: 220px; height: 150px; overflow: hidden; position: relative; }
#blocklist .overview { list-style: none; position: absolute; left: 0; top: 0; }
#blocklist .thumb .end,
#blocklist .thumb { background-color: #003D5D; }
#blocklist .scrollbar { position: relative; float: right; width: 15px; }
#blocklist .track { background-color: #D8EEFD; height: 100%; width:13px; position: relative; padding: 0 1px; }
#blocklist .thumb { height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#blocklist .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#blocklist .disable{ display: none; }


/* ---------- DASHBOARD ---------- */



#dashboard {
    border-radius:8px 8px 0px 0px;
    background:url("../images/dashboard-bg.png") repeat-x top;
    width:100%;
    overflow:hidden;
}

#dashboard h1 {
    margin-top:0px;
    padding-top:0px;
    text-align: center;
}

#dashboard .boxes {
    padding:20px;
    border-right:1px solid #bbb;
    width:550px;
    position:relative;
    float:left;
    margin-top:20px;
}

#dashboard .boxes.last {
    border:0px;
    border-left:1px solid #eee;
    width:400px;
}

#dashboard .data-content {
    margin:0 auto;
    width:300px;
}

#dashboard .data-content {
    background:url("../images/loading.gif") no-repeat center center;
}

#dashboard .chart-title {
    background:#d3d6dd;
    border-radius:5px;
    padding:10px;
    width:600px;
    display:block;
    color:#666;
}

#dashboard .summary {
    background:url("../images/summary.png") repeat-x top;
    width:195px;
    padding:20px;
    height:90px;
    margin:0 auto;
    clear:both;
    padding-top:20px;
}

#dashboard .summary p.total {
    color:#00cae2;
    font-size:40px;
    text-align:center;
    line-height: 30px;
    margin-top: 18px;
}

#dashboard .summary p.description {
    color:#ccc;
    font-size:14px;
    text-align:center;
}

#dashboard #filters {
    width:230px;
    margin:0 auto;
    margin-top:10px;
    margin-left: 40px;
}

#dashboard fieldset {
    width:230px;
    margin-top:8px;
}

#dashboard fieldset label {
    width:200px;
    display:block;
    margin-bottom:5px;
    margin-top:10px;
    color:#05a4b7;
}

#dashboard fieldset p {
    width:200px;
    display:block;
    margin-bottom:5px;
    margin-top:10px;
    color:#05a4b7;
}


/* ----------------------------------
        summary
------------------------------------*/



#graphs h1 {
    margin-top:0px;
    padding-top:0px;
    text-align: center;
}


#graphs .fantastic-fieldset {
    margin-top:15px;
    margin-left:20px;
}

#graphs .graphs-header {
    margin-bottom: 20px;
    width: 1040px;
    border-radius: 8px;
    background: url("../images/dashboard-bg.png") repeat-x top;
}

#graphs .queue-header {
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    border-radius: 8px;
    background: url("../images/dashboard-bg.png") repeat-x top;
}

#graphs .queue-header .fantastic-fieldset {
    width:240px;
    float:left;
    padding-bottom: 10px;
}

#graphs .queue-header .fantastic-fieldset label {
    width:80px;
    float:left;
    margin-top: 7px;
    color: #bbb;
    letter-spacing: -0.03em;
    color: #E68703;
}

#graphs .graphs-header .fantastic-fieldset {
    width:310px;
    float:left;
    padding-bottom: 10px;
}

#graphs .graphs-header .fantastic-fieldset label {
    width:80px;
    float:left;
    margin-top: 7px;
    color: #bbb;
    letter-spacing: -0.03em;
    color: #E68703;
}

#graphs .graphs-header .fantastic-fieldset #refresh_button {
    margin-top: 24px;
}

#graphs .graphs-header-main {
    max-width: 1200px;
    float: left;
    border-radius: 8px;
    background: #3a3d44;
    padding: 10px 20px;
}

#graphs .graphs-tabs-main {
    width: 200px;
    float: left;
    border-radius: 80px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background: #3a3d44;
    padding: 5px 20px;
}

#graphs .graphs-second {
    margin-top: 20px;
    width: 1000px;
    padding: 20px;
    border-radius: 8px 8px 0px 0px;
    background: url("../images/dashboard-bg.png") repeat-x top;
}

#graphs .graphs-second .graphs-header .fantastic-fieldset label {
    color: #444;
}

#graphs .graphs-second .summary-chart {
    width:530px;
    float: left;
}

#graphs .graphs-second .summary-table {
    border-radius: 8px;
    background: none;
    background: url("../images/dashboard-bg.png") repeat-x top;
}

#graphs .graphs-second .failedJobs-table {
    border-radius: 8px;
    background: none;
    background: url("../images/dashboard-bg.png") repeat-x top;
}

#graphs .graphs-second .summary-table .google-visualization-table-table {
    background: none;
}


#graphs .graphs-second .summary-table table tr {
    background: none;
}

#graphs .google-visualization-table-tr-head, #graphs .google-visualization-table-tr-head td, #graphs .google-visualization-table-tr-head-nonstrict, #graphs .google-visualization-table-td {
    background: none;
    border: none;
    border-bottom:1px solid #ddd;
    text-align: center;
    color:#888;
}

#graphs table  {
    padding: 20px;
}

#graphs table, #graphs tbody {
    border:none;
    border-radius:8px;
}

#graphs .google-visualization-table-tr-head {
    font-size: 13px;
}

#graphs .graph-box {
    border-top:1px solid #ccc;
    padding: 20px 0px;
}

/* Campaigns table sort */

.campaigns_sheet fieldset {
    position:relative;
}

.campaigns_sheet fieldset {
    float:left;
    margin-right: 20px;
}

.campaigns_sheet .divider_line {
    display:block;
    clear: both;
    width:100%;
    border-top:1px solid #ccc;
    margin-left: -150px;
}

.campaigns_sheet .button_right {
    float:right;
    display:block;
    width:130px;
    padding: 8px 0px;
    text-align: center;
    font-size: 13px;
    margin-bottom:10px;
    margin-top:10px;
    margin-right:300px;
    background: #f0c000;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.campaigns_sheet .button_left {
    float:left;
    display:block;
    width:130px;
    padding: 8px 0px;
    text-align: center;
    font-size: 13px;
    margin-bottom:10px;
    margin-top:10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.button_right {
    float:right !important;
    display:block !important;
    width:130px !important;
    padding: 8px 0px !important;
    text-align: center !important;
    font-size: 13px !important;
    margin-bottom:10px !important;
    margin-top:10px !important;
    margin-right:300px !important;
    background: #f0c000 !important;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    margin-right:0px;
}

.button_left {
    float:left !important;
    display:block !important;
    width:130px !important;
    padding: 8px 0px !important;
    text-align: center !important;
    font-size: 13px !important;
    margin-bottom:10px !important;
    margin-top:10px !important;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
}


table.campaigns_table_sort {
    margin-top:170px;
    border:0px;
    border-spacing: 0px;
    border-collapse:separate;
    border-spacing:0 5px;
    text-align: left;
}

table.campaigns_table_sort  tbody {
    border-spacing: 1px;
    text-align: left;
}

table.campaigns_table_sort  tbody table.nested_table {
    border:0px;
    border-collapse:separate;
    border-collapse: collapse;
    border-spacing:0px;
}

table.campaigns_table_sort  tbody table.nested_table thead {
    background: none;
    border:none;
}

table.campaigns_table_sort  tbody table.nested_table thead th {
    background: none;
    border:none;
}

table.campaigns_table_sort  tbody table.nested_table thead tr {
    background: none;
    border:none;
    font-size: 12px;
}

table.campaigns_table_sort  tbody table.nested_table td {
    border:none;
}

table.campaigns_table_sort  tbody,
table.campaigns_table_sort  tbody tr,
table.campaigns_table_sort  tbody td {
    border-spacing: 1px;
}

table.campaigns_table_sort  tbody tr td {
    position:relative;
}

table.campaigns_table_sort  tbody tr.active {
    border:0px;
    border-bottom: 2px solid #d1eb94;
    background: #e0f2b5;
}

table.campaigns_table_sort  tbody tr.active a,
table.campaigns_table_sort  tbody tr.active a:visited,
table.campaigns_table_sort  tbody tr.active a:hover {
    color:#73a967;
}

table.campaigns_table_sort  tbody tr.inactive {
    border:0px;
    border-bottom: 2px solid #fdcdbb;
    background: #ffe8df;
}

table.campaigns_table_sort  tbody tr.inactive a,
table.campaigns_table_sort  tbody tr.inactive a:visited,
table.campaigns_table_sort  tbody tr.inactive a:hover {
    color:#da6a5b;
}

table.campaigns_table_sort  tbody tr.active:nth-child(even) {
    background: #ecfbc9;
}

table.campaigns_table_sort  tbody tr.inactive:nth-child(even) {
    background: #faebe4;
}

table.campaigns_table_sort  tbody tr.inactive td {
    color: #da6a5b;
}


table.campaigns_table_sort  tbody tr.active td {
    color:#73a967;
}

table.campaigns_table_sort  tbody tr.inactive,
table.campaigns_table_sort  tbody tr.active {
    display: table-row;
    border-top:0px;
}

table.campaigns_table_sort  tbody td.invisible_cel {
    background: transparent;
    background: url("../images/bg_app.jpg") repeat;
    width:50px;
}

table.campaigns_table_sort  tbody td.semaphore_cel {
    border-radius: 40px 0px 0px 40px;
    width:50px;
}

table.campaigns_table_sort .edit_button {
    display:block;
    width:70px;
    padding: 6px 0px;
    text-align: center;
    float: none;
    font-size: 12px;
    margin: 0 auto;
    margin-bottom:4px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

table.campaigns_table_sort .archive_button {
    display:block;
    width:70px;
    padding: 6px 0px;
    text-align: center;
    float: none;
    font-size: 12px;
    margin: 0 auto;
    margin-bottom:4px;
    background: #f0c000;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

table.campaigns_table_sort img {
    margin:12px;
}




/* ----- applications ----- */

.form-btn {
    margin-bottom:20px;
}

.applications_sheet .action_buttons {
    display:block;
    width:120px;
    padding: 6px 0px;
    float: none;
    margin: 0 auto;

}

.placements_sheet table,
.applications_sheet table {
    text-align: left;
}

.applications_sheet .button_right {
    float:right;
    display:block;
    width:130px;
    padding: 8px 0px;
    text-align: center;
    font-size: 13px;
    margin-bottom:10px;
    margin-top:10px;
    margin-right:300px;
    background: #f0c000;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.applications_sheet .button_left {
    float:left;
    display:block;
    width:130px;
    padding: 8px 0px;
    text-align: center;
    font-size: 13px;
    margin-bottom:10px;
    margin-top:10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#appsTable.archived {
    margin-top: 0px !important;
}

/* placement */

.placement_sheet .action_buttons {
    display:block;
    width:120px;
    padding: 6px 0px;
    float: none;
    margin: 0 auto;
}

/* engagements sheet */

.dataTable {
    max-height: 200px;
}

.engagements_sheet fieldset {
    float:left;
    margin-right: 20px;
}

.engagements_sheet .divider_line {
    display:block;
    clear: both;
    width:100%;
    border-top:1px solid #ccc;
    margin-left: -150px;
}

.engagements_sheet .button_right {
    margin-right:0px !important;
}

table#engagementTable {
    margin-top: 157px;
}

table#engagementTable .params{
    max-width:700px !important;
    width:700px;
}
table#engagementTable .target_trackingUrl{
    max-width:200px !important;
    width:200px;
}
table#engagementTable .rules{
    max-width:200px !important;
    width:200px;
}

table#engagementTable .eng_actions{
    width: 130px;
    max-width: 130px !important;
}

table#engagementTable .eng_button{
    width: 45px;
    text-align: center;
}

/* target sheet */
.target_sheet .button_right {
    margin-right:0px !important;

}

/* template sheet */
.template_sheet .button_right {
    margin-right:0px !important;

}


/* tables */
table#engagementTable,
table#placementTable,
table#targetTable,
table#templateTable,
table#companiesTable,
table#appsTable.archived {
    margin-bottom:0px !important;
    border-bottom:4px solid #ddd;
}

table#appsTable td,
table#placementTable td,
table#engagementTable td,
table#actionTable td,
table#targetTable td,
table#templateTable td,
table#companiesTable th,
table#companiesTable td
table#appsTable.archived td {
    max-width:90px !important;
    min-width:90px !important;
    text-align: left !important;
    word-break: break-all;
}

.padded_header{
    padding:8px 8px;
}

table#appsTable th,
table#appsTable td {
    text-align: left !important;
    word-break: break-all;
}

table#engagementTable .action_buttons,
table#placementTable .action_buttons,
table#targetTable .action_buttons,
table#templateTable .action_buttons,
table#appsTable .action_buttons {
    margin: 0px !important;
}

table#placementTable input,
table#targetTable input,
table#templateTable input,
table#companiesTable input {
    max-width:65px !important;

}

.hidden {
    display: none;
}

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