body {
	font-size: 13px; 
}

#container {
	padding-top: 0px;
	/*padding-left: 200px;*/
	/*padding-right: 10px;*/
}


#content {
	display: table;
	width:100%;
}
#content-row {
	display: table-row;
}

#left {
	display: table-cell;
	vertical-align: top;

	padding: 0px 2px 0px 4px;

	width: 200px;
	min-width: 200px;
	height: 100%;

	overflow: visible;

	color: #777;
}
#left-spacer {
	display: table-cell;
	vertical-align: top;

	padding: 0px 4px 0px 6px;

	width: 170px;
	min-width: 170px;
	height: 100%;

	overflow: visible;

	color: #777;
}



#main {
	display: table-cell;
	vertical-align: top;

	padding: 10px 10px 30px 20px;
	width: 100%;
}
#main.login-screen {
	margin: 0px auto;
	width: 100%;
}

#content h2 {
	font-size: 160%;
	color: #2cadff;
}
#content h3 {
	font-size: 110%;
	color: #000;
}
#header {
/*	background: orange;
	height: 5px;
	width: 100%;
	margin-bottom: 15px;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 9999;*/
}

#left h1 {
	margin: 5px 0;
}
#left #logo {
	/*background: url('../img/logo.png') top left no-repeat;*/
	background-size: 160px;
	text-indent: -9999px;
	font-size: 0px;
	display: block;
	width: auto;
	/*height: 35px;*/
	margin-left: 5px;

	font-size: 10px;
	line-height: 20px;
	padding: 5px 2px;
	color: #AAA;
	text-align: center;
	text-indent: 0px;
	text-transform: uppercase;
}
#left #logo:hover {
	color: #EEE;
	text-decoration: none;
}

#left #logo.logo-jw {
	/*background: url('../img/logo_jw.png') top left no-repeat;*/

}





#content  {
	
}


/* tabelki */

/*
#content table.table th {
	background: #F2F2F2;
	border-bottom: 2px solid orange;
	
	background: #666;
	color: #F2F2F2;
	border-left: 1px solid #999;
}
#content table.table th a {
	color: #FFF;
}
#content table.table tr td {
	padding: 3px 5px;
}	
#content table.table tr:hover td {
	background: #EFF5FA;
	background: #EFF5FA;
}*/


#footer {
	font-size: 80%;
	color: #666;
	text-align: right;
	border-bottom: 1px solid #EEE;
	margin-top: 6px;
	padding-top: 6px;
	
}



table.cake-sql-log {
	font-size: 80%;

	width: auto;

}
table.cake-sql-log tr{
	color: #DDD;
	-webkit-transition: all ease 0.2s 0.2s;
	-moz-transition: all ease 0.2s 0.2s;
}
table.cake-sql-log tr:hover{
	color: #222;
}

.error-message {
	color: red;
}

/* MENU */

#menu {
	margin: 0;
	padding: 0;
	font-family: tahoma, sans-serif;	
	padding: 1px;
	padding-bottom: 10px;
	min-height: 200px;
	z-index: 99;
}

#menu:hover {
	/*opacity: 1.0;*/
}

#menu li.h {
	line-height: 20px;
	padding: 8px 4px;
	font-weight: bold;
	background: #444;
	color: #CCC;
	padding-left: 10px;
	text-transform: uppercase;
}
#menu li {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #fff;
	overflow: hidden;
}
#menu li a {
	display: block;
	padding: 12px 6px;
	line-height: 18px;
	font-weight: normal;
	color: #5c5c5c;
	overflow: hidden;
	background: #e9e9e9; 
	
}
#left:hover #menu li a {
	/*color: #DDD;*/
}
#menu li a i {
	text-align: right;
	/*float: right;*/
	color: #868686;
	font-size: 90%;
	font-style: normal;
}
#menu li a i.long {
	float: none;
	text-align: left;
	padding-left: 25px;
	display: block;
}
#menu li a img {
	vertical-align: middle;
	margin-right: 4px;
	width: 16px;
	height: 16px;
	opacity: 0.50;
}
#menu li a:focus img,
#menu li a:hover img {
	opacity: 1.0;
}

#menu li a:hover,
#menu li a:focus {
	background: #222;
	text-decoration: none;
	color: #FFF;
}
#menu li a:focus {
	outline: 1px solid #AB6D22;
	outline-offset: -1px;
}
#menu form {
	padding: 0;
	margin: 0;
}
#left input {
	padding: 1px 5px;
	margin: 0;
	background: #666;
	color: #FFF;
	border: 1px solid #888;
	font-family: tahoma, sans-serif;
	font-size: 12px;
	display: inline-block;
	width: 120px;
}

#left .icon {
    background-image: url("../img/glyphicons-halflings-white.png");
}

#left #quickMenu {
	margin: 5px;
	text-align: right;
}
#left #quickMenu a {
	margin: 3px;
	padding: 0px 3px;
	text-align: left;
	opacity: 0.25;
}
#left #quickMenu a:hover {
	opacity: 1.0;
}
#left #quickSearch {
	width: 180px;
    display: block;
    padding: 3px 4px;
    margin: 0px auto;
}

/* biała kompozycja dla lewego menu */

/*
#left.theme-dark {
	background: #333;
    box-shadow: 2px 2px 7px #A0A0A0;
    border-top: 2px solid darkorange;
}*/

#left {
	background: #FFF;
	box-shadow: 0;
	/*border-right: 1px solid #EEE;*/
	/*border-top: 2px solid darkorange;*/
	color: #BBB;
	padding-top: 6px;
}
#left form {
	margin: 0 0 6px;
}
#left #logo {
	color: #666;
}
#left #logo:hover {
	color: #000;
}

#left .icon {
    background-image: url("../img/glyphicons-halflings.png");
}

#left input {
	color: #333;
	border-color: #CCC;
	background-color: #FFF;
}
#left #menu {
	background-color: rgba(255, 255, 255, 0.88); /* RGBA */
}
#left #menu li {
	/*border-bottom-color: #DDD;*/
}
#left #menu li a {
	/*color: #888;*/
}
#left #menu li.h { 
	background: #000;
	color: #fff;
	font-weight: normal;
}
#left #menu li:hover {

}
#left:hover #menu li a {
	/*color: #222;*/
}
#left:hover #menu li.h {
	/*color: #222;*/
}
#left #menu li a:focus,
#left #menu li a:hover { 
	color: #FFF;
	background: #2cadff;

}



/* Kolorki dla kampanii */

td[product_line] {
	background-color: #DDD !important;

}

table tr.selected td {
	background: #FFA !important;
	
}
table tr.grayed td {
	/*color: #BBB;	*/
	opacity: 0.5;
}

/* OC-AC */
td[product_line="2"] {	background-color: #C7E9F6  !important; }
td[product_line="3"] {	background-color: #E3F6C7  !important; }
td[product_line="4"] {	background-color: #A1D0FF  !important; }

td[product_line="5"] {	background-color: #C7C8F6  !important; }
/*Oszczędności*/
td[product_line="6"] {	background-color: #F1C7F6  !important; }
/*Inwestycje*/
td[product_line="7"] {	background-color: #D8C7F6  !important; }
td[product_line="8"] {	background-color: #F6E8C7  !important; }
td[product_line="9"] {	background-color: #C7F6D6  !important; }
td[product_line="42"] {	background-color: #F6C7C7  !important; }
/*Energia*/
td[product_line="51"] {	background-color: #AEC4EA  !important; }
/*Prewalidacja*/
/*td[product_line="57"] {	background-color: #F6C7C7  !important; }*/
/*Telekomunikacja*/
td[product_line="59"] {	background-color: #eaeaae  !important; }
/*Ubezpieczenia na życie*/
td[product_line="64"] {	background-color: #E8FFB9  !important; }


/* KOLORY GRUP STATUSÓW */
table tr.st_g0 .st { background-color: #ECECFB  !important; }
table tr.st_g1 .st { background-color: #FBECE2  !important; }
table tr.st_g2 .st { background-color: #E2FBE2  !important; }
table tr.st_g3 .st { background-color: #FBFBE2  !important; }
table tr.st_g4 .st { background-color: #FBE2E2  !important; }
table tr.st_g5 .st { background-color: #E2F1FB  !important; }
table tr.st_g6 .st { background-color: #F2F2F2  !important; color: #555; }
table tr.st_g10 .st { background-color: #ECECFB  !important; }

tr.disabled td[product_line]{ 
	background-color: #DCDCDC !important;
}

tr.disabled a{
	color: #a2a2a2 !important;
}

tr.disabled {
	color: #a2a2a2 !important;
}


tr.disabled td span.icon_yes{
	padding: 3px 0px 2px 20px;
	background: url('../img/hourglass.png') top left no-repeat !important;
}  

#LeadStatus option[value="0"] { background-color: #ECECFB  !important; }

/* Ikonki  */
.icon_info {
	padding: 1px 0px 2px 20px;
	background: url('../img/information.png') top left no-repeat;
}

.icon_alert {
	padding: 1px 0px 2px 20px;
	background: url('../img/error.png') top left no-repeat;
}

.icon_ok,
.icon_yes {
	padding: 1px 0px 2px 20px;
	background: url('../img/accept.png') top left no-repeat;
}
.icon_error,
.icon_no {
	padding: 1px 0px 2px 20px;
	background: url('../img/delete.png') top left no-repeat;
}
.icon_working {
	padding: 1px 0px 2px 20px;
	background: url('../img/arrow_refresh.png') top left no-repeat;
	
}

.icon_minus {
	display: inline-block;
	width: 25px;
	height: 25px;
	line-height: 28px;
	cursor: pointer; 
	background: url('../img/plus_minus_icons.png') 0px 0px no-repeat;
}
.icon_plus {
	display: inline-block;
	width: 25px;
	height: 25px;
	line-height: 28px;
	cursor: pointer; 
	background: url('../img/plus_minus_icons.png') -25px 0px no-repeat;
}
.icon_argument {
	cursor: pointer; 
	padding: 1px 0px 2px 20px;
	background: url('../img/user_comment.png') top left no-repeat
}

a.contact {
	font-weight: bold;
	color: #113;
}

a.contact:visited {
	color: #666;
}

/* formularze */

legend {
	margin-bottom: 3px;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
}

/* 2 kolumny */
.summary, .cols_2 {
	column-count: 2;
	-moz-column-count: 2;
	-webkit-column-count: 2;
}

@media (max-height: 768px) {
	
	#menu ul li a {
		padding: 0px 3px;
	}
}


/* bootstrap fixes */
/* checkboxy w tabelkach - tabelka wysyłki */
.form-horizontal table td  .controls { margin-left: 3px; }
.form-horizontal .control-group { margin-bottom: 5px; }

.toolbar {
	margin-bottom: 10px;
}

.controls label.checkbox {
	display: inline-block;
}

pre {
	line-height: 14px;
	
}


ul.product_list {
	overflow: hidden;
	list-style: none;
}
ul.product_list li {
	list-style: none;
	float: left;
	/*width: 30%;*/
	min-width: 270px;
	width: 270px;
	padding: 2px 1%;
	line-height: 20px;
}
ul.product_list li input {
	margin: 0;
}
ul.product_list li label {
	line-height: 20px;
	font-size: 12px;
}

ul.product_list li.head {
	clear: both;
	width: 95%;
	background: #F8F8F8;
	border-bottom: 1px solid #DDD;
	margin-top: 20px;
}

textarea.input-xxlarge {
	height: 200px;
}

/** pola z datami **/

select[name$="[day]"] {
	width: 120px;
}

select[name$="[month]"] {
	width: 120px;
}

select[name$="[year]"] {
	width: 90px;
}

.alert-error.big-alert h2 {
  color: #b94a48 !important;
}
.alert-error.big-alert { 
  font-size: 14px;
}

p.tiny_view {
	line-height: 110%;
	white-space: nowrap;
}

.control-group input.on-form,
.control-group select.on-form { 
	background-color: #FFF6DD;
}

.control-group input.on-form-n,
.control-group select.on-form-n { 
	background-color: #CCFF66;
}

.hero-unit {
	padding: 15px 30px;
	font-size: 12px;
	line-height: 12px;
}

.ui-widget-content a.btn-danger, .ui-widget-content a.btn-primary, .ui-widget-content a.btn-info, .ui-widget-content a.btn-warning, .ui-widget-content a.btn-inverse, .ui-widget-content a.btn-success{
	color: #FFF
}

.margin0 .controls {
	margin-left: 0;
}

.code_add {
	cursor: pointer;	
}

.no_wrap {
	white-space: nowrap;
}
.alert-info table {
	color: #444;
}

.btn {
	border-color: #c5c5c5 !important;
}

.campaign-search .radio, .checkbox {
	margin-left: 10px !important;
}

#campaigns .radio, .checkbox {
	margin-left: 0 !important;
}

.campaign-search input{
	margin-left: 10px !important;
	margin-right: 10px !important;
}

.table tbody td.error {
	background-color: #f2dede !important;
}
.table tbody td.alert {
	background-color: #fcf8e3 !important;
}
.table tbody td.info {
	background-color: #d9edf7 !important;
}
.table tbody td.success {
	background-color: #dff0d8 !important;
}

table tr td.st_g0{ background-color: #ECECFB  !important; }
table tr td.st_g1{ background-color: #FBECE2  !important; }
table tr td.st_g2{ background-color: #E2FBE2  !important; }
table tr td.st_g3{ background-color: #FBFBE2  !important; }
table tr td.st_g4{ background-color: #FBE2E2  !important; }
table tr td.st_g5{ background-color: #E2F1FB  !important; }
table tr td.st_g6{ background-color: #F2F2F2  !important; color: #555; }
table tr td.st_g10 { background-color: #ECECFB  !important; }


.td_jw_status {
	font-weight: bold;
	font-size: 110%;
	background-color: #fff !important;
}

.td_jw_inicjaly {
	font-weight: bold;
	font-size: 90%;
	background: #ECECEC !important;
}

.td_jw_data {
	font-weight: bold;
	font-size: 110%;
}


.no_100_percent .table th {
	word-wrap: break-word;
	width: 30px;
	text-align: center;
	vertical-align: middle;
}

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

.no_100_percent .table td.naglowek{
	white-space: nowrap;
}

.no_100_percent .table {
	font-size: 95%;
	width: auto;
	float: left;
	margin-right: 10px;
}

.table_right_jw {
	float: left;
	margin-right: 10px;
}


.table_right_jw .table {
	font-size: 95%;
	width: auto;
	margin-right: 40px;
}

.table_right_jw .table td.td_jw_operator_head {
	width: 20px;
	border: none;	
}

.table_right_jw .table td.td_jw_sumy {
	border-bottom: 3px solid #ccc;
	font-weight: bold;
	font-size: 110%;
}

.table_right_jw .table td.td_jw_operator_head span {
	border-bottom: 1px solid #ccc;
	color: black;
	padding: 5px 10px;
	background-color: #F0F0F0;
	border-radius: 15px;
}
.table_right_jw .table td.td_jw_operator_head div {
	-moz-transform: rotate(315.0deg) translate(-2px, 11px);  /* FF3.5+ */
	-ms-transform: rotate(315.0deg) translate(-2px, 11px);  /* IE9+ */
	-o-transform: rotate(315.0deg) translate(-2px, 11px);  /* Opera 10.5 */
	-webkit-transform: rotate(315.0deg) translate(-2px, 11px);/* Safari 3.1+, Chrome */
	transform: rotate(315.0deg) translate(-2px, 11px);  /* Standard */
	width: 15px;		
}

.table_right_jw .table tr.tr_jw_suma {
	border-bottom: 3px solid #ccc;
	font-weight: bold;
	font-size: 110%;
}

.table_right_jw .table td {
padding: 8px;
line-height: 20px;
text-align: center;
vertical-align: middle;
border-top: 1px solid #ddd;
border-right: 1px solid #f0f0f0;
border-left: 1px solid #f0f0f0;
}

span.historyLimit{
	float: left; 
	width: 30px;
}

span.historyLimit.separator{ width: 10px; }

#glowna_tabelka td {
	vertical-align: top;
}

#stats_2 .table {
	margin-top: 20px;
}

#search-box .controls {
	margin-left: 150px;
}

#search-box .control-label {
	font-size: 110%;
	width: 140px;
}

#search-box input {
	width: 180px;
	font-size: 110%;
}

#search-box select {
	width: 195px;
	font-size: 110%;
}

#search-box .smaller_margin .controls {
	margin-left: 120px;
}

#search-box .smaller_margin .control-label {
	font-size: 110%;
	width: 110px;
}

#search-box .smaller_margin input {
	width: 150px;
	font-size: 110%;
}

#search-box .smaller_margin select {
	width: 165px;
	font-size: 110%;
}

#search-box .smaller_margin_right .controls {
	margin-left: 100px;
}

#search-box .smaller_margin_right .control-label {
	font-size: 110%;
	width: 90px;
}

#search-box .smaller_margin_right input {
	width: 150px;
	font-size: 110%;
}

#search-box .smaller_margin_right select {
	width: 165px;
	font-size: 110%;
}

.btn-group>.btn {
	margin-left: -1px;
}

td.alert {
	background-color: #fcf8e3 !important;
}

.clear {
	clear: both;
}
.dropdown-menu-mini {
	font-size: 11px;

}
.dropdown-menu-mini.dropdown-menu li>a {
	font-size: 11px;
	line-height: 16px;
}


.kampania-brakujace-pole {
	color: red;
}

.kampania-walidacja-braki {
	color: #B0B0B0;
	border-left: 6px solid #FFD9D9;
	display: none;
}
.brak_wymaganych_danych, .brak_wymaganych_danych a {
	color: #ccc !important;
}

.kampania-walidacja-wykluczenie{
	color: red !important;
}

.kampania-walidacja-ok {
	border-left: 6px solid #C3FFCD;
	
}

.kampania-dodana-wysylka {
	border-left: 6px solid #7B98FF;
	background-color: #E7F5FF;
}

#not_sent_months_before td,
#sent_last_month td,
#sent_current_month td
{
    border-left: 1px solid #D5D5D5;
}

#not_sent_months_before .no_border,
#sent_last_month .no_border,
#sent_current_month .no_border
{
    border-left: none;
}


/* wytoznienie dla leadow monetkowo */
tr.lead-monetkowo {
	border-left: 2px solid rgb(255, 184, 0);
}
tr.lead-monetkowo td {
	background-color: #FFFCE3 !important;
}

/* wytoznienie dla leadow monetkowo + fabryka leadów*/
tr.lead-monetkowo-fabryka {
	border-left: 2px solid #0AADFF;
}
tr.lead-monetkowo-fabryka td {
	background-color: #d9edf7 !important;
}
tr.lead-jw-wyroznienie td {
	background-color: #E2F7D9 !important;
}

#users_absolute_info {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 130px;
	display: none;
	font-size: 80%;
}

#lista_id_operatorow {
	color: #08c;
	cursor: pointer;
}


#notifcation-area {
/*  position: fixed;
  z-index: 200;
  left: 10px;
  top: 10px;
  min-width: 500px;*/
}

#notifcation-area .alert {
}

.alert {
	margin-bottom: 10px;
}

.circlemodal{
    z-index:    1000000;
    height:     100%;
    width:      100%;
    background: 
    			rgba( 255, 0, 0, 0.1 ) 
                url('../img/circleLoader.gif') 
                50% 50% 
                no-repeat;
}


.hero-unit table td {
	vertical-align: middle;
}


/*rj*/

.top-bar {
	background: #000;
	padding: 20px 20px 16px 20px;	
	color: #DDD;
}
.top-bar a {
	color: #DDD;
	font-weight: bold;
}
.top-bar .rt {
	text-align: right;
}


.login-box .form-actions {
	background: none;
	border: 0;
	margin: 0;
}
.login-box fieldset {
	padding: 20px 10px 0 10px;
	border: 1px solid #F2F2F2;
	background: #F7F7F7;
}



.alert-custom {	
	background: #2cadff;
	border: 1px solid #279AE3;
	color: #fff;
	text-shadow: 0 1px 0 rgba(39, 154, 227, 0.5);	
	font-weight: bold;
}

* {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;	  
}

/*marketing costs*/
/*nieaktywna*/
table tr.mc-rule-status2 td {
    background-color: #FBE2E2 !important;
}

/*wygasla*/
table tr.mc-rule-expired td {
    background-color: #FBE2E2 !important;
}

img.campaign-banner-img {
    width:300px;
    height:230px; 
    object-fit: scale-down;
}

.controls label.radio {
	display: table;	
}

.planer2Complete {
	color: green;	
}

#dialerActiveSpan {
    font-weight: bold;
    color: black;
    display: inline-block;
    padding: 4px;
    padding-top: 3px;
    padding-bottom: 5px;
    border: none;
    width: 180px;
    text-align: center;
}

#dialerActiveSpan.active {
    background-color: limegreen; 
}

#dialerActiveSpan.inactive {
    background-color: lightgrey;
}

#dialerActiveButton {
    font-weight: bold;
    background: yellow !important;
    border: none;
    width: 80px;
}

#rightFloatingToolbar {
    position:fixed;
    bottom:20px;
    right: 20px;
}

#dialerActiveIcon {
    padding: 2px;
    opacity: .5;
}

#dialerActiveIcon.active {
    background-color: limegreen; 
}

#dialerActiveIcon.inactive {
    background-color: lightgrey; 
}

.selectedListOption {
    background-color: lightgrey; 
}

.statusChangeButton {
    text-align: center;
    background: #E9E9E9 !important;
    border: none;
    width: 300px;
    padding: 5px;
    margin: 5px;
}

.statusChangeButton.current, .statusChangeButton.current.selected {
    background: #9A9A9A !important;
}

.statusChangeButton.selected {
    background: yellow !important;
}

#statusChangeButtonsDiv {
    margin: 40px;
    margin-top: 20px;
    display: block;
    overflow: hidden; 
}

#statusButtons {
    margin-top: 20px;
}

.priority {
    background: orange !important;
}

.missing-data-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.missing-data-modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

.missing-data-modal-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.missing-data-modal-close:hover,
.missing-data-modal-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.missingDataControlDiv {
    overflow: hidden;
}

/*wygasla ebonusy*/
table tr.eb-offer-inactive td {
    background-color: #FBE2E2 !important;
}