﻿@font-face {
    font-family: 'roboto-light';
    src: url(https://poll.eurosolidarity.org/themes/bootstrap/fonts/roboto-light.ttf), url(https://poll.eurosolidarity.org/themes/bootstrap/fonts/roboto-light.woff);
}
@font-face {
    font-family: 'roboto-regular';
    src: url(https://poll.eurosolidarity.org/themes/bootstrap/fonts/roboto-regular.ttf), url(https://poll.eurosolidarity.org/themes/bootstrap/fonts/roboto-regular.woff);
}
@font-face {
    font-family: 'roboto-medium';
    src: url(https://poll.eurosolidarity.org/themes/bootstrap/fonts/roboto-medium.ttf), url(https://poll.eurosolidarity.org/themes/bootstrap/fonts/roboto-medium.woff);
}

/*body { font: 18px "roboto-regular"; }*/

html, body, .content {
 height: 100%;
}
.content {
 padding: 40px 20px 20px 20px !important;
}

a { color: #333; }
a:hover { color: #ce1a1e; background: none; }
.battery { background-color: #ad150c; margin: 8px 0 0 8px; }
.commonList li { color: #666; }
.navbar-form { margin-left: 35px; }
.navbar-form .form-control { width: 130px; }
.navbar-default .navbar-nav > li > a { color: #333; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #ce1a1e; background: none; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #ce1a1e; background: none; }
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #ce1a1e; background-color: transparent; }
.buttonLink { background-color: #ddd; }
.buttonLink:active, .buttonLink:focus, .buttonLink:hover { text-decoration: none; color: #ce1a1e; }

h1, .h1, h2, .h2, h3, .h3 {
 margin-top: 16px;
}


.screen-full {
 height: 92%;
}

.screen-full .party-graph {
 overflow: visible;
}

.screen-full .party-members, .screen-full .party-tasks {
 border-width: 0 0 1px 0;
}

.screen-left, .screen-right {
 float: left;
 width: 49.7%;
 height: 100%;
 margin-right: 0.6%;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 border: 1px solid #bfbfbf;
}
.screen-right {
 margin: 0;
}


.screen-left > div, .screen-right > div {
 height: 55%;
 margin: 0;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 overflow: auto;
}
.screen-left > div.party-graph, .screen-right > div.party-graph {
 height: 45%;
}

.party-members, .party-tasks {
 border: 1px solid #c4c4c4;
 margin-bottom: 15px;
 background: #fff;
}

.party-graph {
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 background: #fff;
}

.screen-left .infotable {
 width: 100%;
}

.infotable  {
 float: left;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}






.screen-full .summery-head {
padding: 0 5px 0 10px;
}
.summery-right {
width: 100%;
vertical-align: baseline;
}
.summery-right {
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.visit-summary .summery-head, .screen-full .summery-head {
padding: 0 5px 0 10px;
}
.summery-head {
background: #ad150c;
overflow: hidden;
}
.screen-full .summery-title {
font-size: 14px;
}
.summery-title {
font-size: 20px;
color: #fff;
line-height: 32px;
}
.screen-full .summary-table {
margin: 0;
border-width: 1px 0 0 0;
box-shadow: 0 1px #bfbfbf;
}
.summary-table {
margin: 0 0 10px 0;
background: #fff;
border: solid #bfbfbf;
border-width: 1px 0 1px 1px;
}
ul, ol {
padding: 0;
margin: 0 0 10px 25px;
}
ol, ul {
list-style: none;
}
.summary-table {
    margin: 0 0 10px 0;
    background: #fff;
    border: solid #bfbfbf;
    border-width: 1px 0 1px 1px;
}

.summary-table li {
padding-left: 0px;
padding-bottom: 0px;
}

.header-check-1:after,
.region:after {
    content: '';
    display: block;
    clear: both;
}
.header-check-1 > div,
.region > div,
.region > ul,
.summary-table div {
    width: 20%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
    overflow: hidden;
}
.summary-table div.date { width: 20%; }
.summary-table div.done { width: 40%; }

.region .summary-result {
    width: 100%;
    margin: 0;
    text-align: left;
}
.header-check-1 > div:first-child,
.region > div:first-child,
.summary-result div:first-child {
    width: 40%;
    text-align: left;
    padding-left: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.region > div:first-child {
    padding-right: 20px;
    cursor: pointer;
}
.header-check-1, .region, .summary-result div {
    border-bottom: 1px solid #bfbfbf;
}
.region:last-child, .summary-result li:last-child div {
    border-bottom: 0;
}
.header-check-1 > div,
.region > div,
.summary-result div {
    border-right: 1px solid #bfbfbf;
    color: #6F6F6F;
    font-size: 14px;
    line-height: 32px;
}
.summary-result li:first-child div {
    border-top: 1px solid #bfbfbf;
}
.summary-result li div:first-child {
    cursor: pointer;
}
.header-check-1 > div:last-of-type,
.region > div:last-of-type,
.summary-result div:last-child {
    border-right: 0;
}
.header-check-1 > div {
    text-transform: uppercase;
    color: #fff;
    white-space: nowrap;
}
.header-check-1 > div:nth-child(1) {background: #6d6d6d}
.header-check-1 > div:nth-child(2) {background: #c7c7c7}
.header-check-1 > div:nth-child(3) {background: #c7c7c7}
.header-check-1 > div:nth-child(4) {background: #c7c7c7}
.header-check-1 > div:nth-child(5) {background: #c7c7c7}

.summary-result div {
    background: #f0f0f0;
}
.summary-result div:first-child {
    padding-left: 40px;
    background-clip: content-box !important;
    text-indent: 15px;
    position: relative;
}
.summary-result div:first-child:after {
     content: '';
     position: absolute;
     top: 0;
     left: 40px;
     width: 1px;
     height: 100%;
     background: #bfbfbf;
}
.region > div, .summary-result div {
    -webkit-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
}
.region:hover > div {
    background-color: #EDECEC !important;
}
.summary-result li:hover div {
    background-color: #E2DFDF;
}

.party-members:after {
    content: '';
    display: block;
    clear: both;
}


.form-control { height: 22px; border-radius: 0px; }
.btn { border-radius: 0px; }
.btn-group-justified { width: auto; }
.btn-group-justified > .btn { width: 120px; }

.region > div:first-child {
background: url("/i/arrow_close.png") right 10px center no-repeat;
}
.region.opened > div:first-child {
background: url("/i/arrow_open.png") right 10px center no-repeat;
}

.summary-result div:first-child.distr { width: 60% }

.navbar-nav li ul:before {
	content:'';
	position:absolute;
	left:27px;
	top:-6px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 5.5px 6px 5.5px;
	border-color: transparent transparent #fff transparent;
}

.contactsDetails th {
	background-color: #ad150c;
	color: #fff;
	font-weight: normal;
}

.editTable select {
	padding: 4px;
}