@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.3.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.content {
  background-color: #fff; }

ul {
  padding: 0;
  margin: 0; }

li {
  list-style: none; }

a {
  color: inherit;
  text-decoration: none; }
  a :visited {
    color: inherit;
    text-decoration: none; }
  a :disabled {
      color: grey;
      text-decoration: none; }
span {
  vertical-align: middle; }

input, textarea {
  outline: none;
  font-family: inherit; }

h1, h2, h3, h4, h5, h6 {
  margin: 0; }

h1 {
  font-weight: 500; }

h2 {
  font-weight: 400; }

h3 {
  font-weight: 400; }

h4 {
  font-weight: 400;
  color: grey; }

h5 {
  font-weight: 500; }

h6 {
  font-size: 0.65rem;
  margin-bottom: 5px;
  font-weight: 100; }

p {
  margin: 0; }

/*.butt{
	font-family: 'unica one';
	border: 2px solid $colD;
	padding: 1vh 1vw;
	text-align: center;
	z-index: 1;
	cursor: pointer;
	a{
		height: auto;
	}
	&:hover:not(.disabledtrue){
		border-color:$colS;
		color: $colL;
		background-color: $colS; 
	}
	&:active{
		transform: translateY(2px); 
	}
	&.disabledtrue{
		background-color: rgba($colD, 0.3);
		color: rgba($colD, 0.6);
		border-color: rgba($colD, 0);
		cursor: initial;
	}
}

.rev{
	border-color: $colP;
	background-color: $colP;
	color: $colL;
}*/
.msgControlls {
  flex-shrink: 0;
  margin-top: auto; }
  .msgControlls textarea {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 57px); }
  .msgControlls .material-icons {
    font-size: 24px; }

.cgControls {
  position: relative;
  background-color: #fff;
  min-height: 39px; }
  .cgControls .md-button {
    border-radius: 0;
    margin: 0; }

md-list-item + .noDataList {
  display: none; }

.noDataList {
  display: block; }

.noDataAbs {
  display: block;
  position: absolute;
  z-index: 0; }

.noData {
  text-align: center; }
  .noData * {
    text-align: center; }
  .noData img {
    max-width: 330px;
    max-height: 250px; }

.main {
  width: 90vw;
  height: 90vh;
  overflow-y: scroll;
  overflow-x: hidden; }

.timePickerInputContainer {
  margin-bottom: 0;
  align-self: flex-end; }
  .timePickerInputContainer .md-errors-spacer {
    display: none; }

.searchLine {
  z-index: 1;
  padding-right: 16px;
  background-color: #fff;
  height: 60px;
  min-height: 60px; }
  .searchLine md-checkbox {
    width: 24px;
    margin-left: 19px !important;
    margin-top: 16px !important;
    margin-right: 23px !important; }
  .searchLine.no-checkbox {
    padding: 16px 0 16px 0; }
  .searchLine input {
    flex-grow: 1;
    border: none;
    min-width: 0;
    background: none; }

.logo-header {
  height: 70%; }

.filter {
  position: relative; }

.filter-backdrop {
  position: absolute;
  background-color: transparent;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 81; }

.filter-content {
  position: absolute;
  opacity: 0;
  z-index: -9000;
  pointer-events: none;
  top: 10%;
  right: 10%;
  z-index: 90;
  background-color: #fff;
  padding: 8px 16px;
  min-width: 240px;
  max-width: 100vw; }

.avatar-icon {
  height: 40px;
  padding: 8px;
  margin: 0 6px;
  width: 40px;
  border-radius: 50%; }

.msgControlls {
  background-color: #fff;
  min-height: 52px;
  border-top: 1px solid rgba(17, 17, 17, 0.2); }
  .msgControlls textarea {
    max-height: 140px;
    height: calc(8px * 2 + 19px);
    border: none;
    background: none;
    resize: none; }

.name-wrapper {
  min-height: calc(58px + 36px); }

.nvtooltip table td {
  max-width: 200px; }

.colP {
  color: #e23c16; }

.colS {
  color: #003448; }

.md-warn {
  color: red; }

.border-bottom {
  border-bottom: 1px solid rgba(17, 17, 17, 0.2); }

.toolbar-colorSwitch {
  background-color: #fff !important;
  color: #003448 !important; }

.text-overflow {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.clickable {
  cursor: pointer; }

.fa-margin-right {
  margin-right: 8px; }

.scroll {
  overflow-y: scroll;
  overflow-x: hidden; }

.huge {
  font-size: 6vh; }

.full-shrink {
  flex-shrink: 0; }

.full-flex {
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden; }

.full-width {
  width: 100%; }

.full-height {
  height: 100% !important; }

.md-margin-auto {
  margin-left: auto !important;
  margin-right: auto !important; }

.md-padding-x {
  padding: 0 8px !important; }

.md-padding-y {
  padding: 8px 0 !important; }

.md-padding-right {
  padding-right: 8px !important; }

.md-padding-left {
  padding-left: 8px !important; }

.md-padding-top {
  padding-top: 8px !important; }

.md-padding-bottom {
  padding-bottom: 8px !important; }

.md-margin-x {
  margin: 0 8px !important; }

.md-margin-y {
  margin: 8px 0 !important; }

.md-margin-right {
  margin-right: 8px !important; }

.md-margin-left {
  margin-left: 8px !important; }

.md-margin-top {
  margin-top: 8px !important; }

.md-margin-bottom, .dashboard .dash-underline {
  margin-bottom: 8px !important; }

.md-icon-button + .md-datepicker-input-container {
  margin-left: 0; }

.material-icons {
  line-height: 0;
  font-size: 1.3em;
  vertical-align: middle; }
  .material-icons ~ * {
    vertical-align: middle; }

md-fab-actions .md-button.md-fab {
  overflow: visible; }

md-fab-actions h4 {
  position: absolute;
  right: calc(100% + 8px);
  max-width: none !important; }

md-fab-actions .md-button {
  font-size: 18px;
  color: grey !important; }

mdp-time-picker md-input-container {
  margin: 0; }
  mdp-time-picker md-input-container .md-errors-spacer {
    display: none; }

mdp-time-picker .md-button.md-icon-button {
  margin-top: 0; }

md-list {
  width: 100%;
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden; }

md-list-item {
  background-color: #fff; }

md-toolbar {
  min-height: 45px; }

.md-bottom-sheet-backdrop {
  z-index: 81 !important; }

md-bottom-sheet {
  z-index: 82; }

@media (min-width: 960px) {
  .ivisScroll::-webkit-scrollbar {
    width: 8px; }
  .ivisScroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px transparent; }
  .ivisScroll::-webkit-scrollbar-thumb {
    background-color: rgba(17, 17, 17, 0.2);
    border-radius: 4px;
    outline: none; }
  md-dialog.v2 {
    min-width: 50vw;
    flex-direction: row;
    width: 60vw;
    height: 80vh; }
    md-dialog.v2 form {
      width: 60%;
      margin-top: 45px;
      border-right: 1px solid rgba(17, 17, 17, 0.1); }
      md-dialog.v2 form md-toolbar {
        position: absolute;
        z-index: 3;
        top: 0; }
  md-dialog .v3 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-self: stretch;
    z-index: 2;
    background-color: white;
    position: relative;
    width: 40%; }
  .md-padding-x {
    padding: 0 16px !important; }
  .md-padding-y {
    padding: 16px 0 !important; }
  .md-padding-right {
    padding-right: 16px !important; }
  .md-padding-left {
    padding-left: 16px !important; }
  .md-padding-top {
    padding-top: 16px !important; }
  .md-padding-bottom {
    padding-bottom: 16px !important; }
  .md-margin-x {
    margin: 0 16px !important; }
  .md-margin-y {
    margin: 16px 0 !important; }
  .md-margin-right {
    margin-right: 16px !important; }
  .md-margin-left {
    margin-left: 16px !important; }
  .md-margin-top {
    margin-top: 16px !important; }
  .md-margin-bottom, .dashboard .dash-underline {
    margin-bottom: 16px !important; }
  .msgControlls textarea {
    height: calc(16px * 2 + 19px); } }

@media screen and (max-width: 480px) {
  md-dialog {
    width: 100vw;
    height: 100%;
    max-width: none;
    max-height: none;
    border-radius: 0;
    overflow: hidden; }
  .mdp-timepicker .mdp-clock-switch-container {
    margin: auto; }
  .md-dialog-container {
    height: 100% !important;
    align-items: flex-start; }
  md-tooltip {
    display: none; }
  .v3 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-self: stretch;
    z-index: 2;
    background-color: white; }
  .full-width-xs {
    width: 100%; }
  .full-height-xs {
    height: 100%; }
  .fab-list {
    padding-bottom: 150px; } }

.nav li:hover a {
  color: rgba(226, 60, 22, 0.7); }

.nav a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #4990D7;
  font-weight: 800; }
  .nav a .material-icons {
    font-size: 1.5em; }
  .nav a.active {
    color: #003448;
    background-color: #4990D7; }
  .nav a.disabled {
      color: grey;
      cursor: initial;
      pointer-events: none; }
@media screen and (max-width: 480px) {
  .nav {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; } }

.controlls {
  width: 90vw;
  height: 15vh;
  display: none; }

.dashboard {
  height: 100%;
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: #f4f4f4; }
  .dashboard nvd3 {
    display: block; }
  .dashboard > div {
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 2px; }
  .dashboard .dash-underline {
    border-bottom: 1px solid rgba(17, 17, 17, 0.2); }
  .dashboard .dash-units {
    margin-left: 6px; }
  .dashboard .dash-newMsg {
    display: none; }
  .dashboard .dash-noti,
  .dashboard .dash-cgInfo,
  .dashboard .dash-agenda {
    width: calc(30% - 16px); }
  .dashboard .dash-cgInfo {
    background-color: transparent;
    height: calc(35% - 16px); }
    .dashboard .dash-cgInfo .cgInfo-wrapper > div {
      background-color: #fff;
      border-radius: 2px;
      height: 100%; }
  .dashboard .dash-agenda {
    position: relative;
    height: calc(65% - 16px); }
    .dashboard .dash-agenda md-list {
      min-height: 24px; }
    .dashboard .dash-agenda .agenda_list-wrapper h3 {
      line-height: initial; }
    .dashboard .dash-agenda .date {
      padding-right: 16px; }
      .dashboard .dash-agenda .date h3 {
        line-height: 20px;
        color: #003448; }
      .dashboard .dash-agenda .date h4 {
        line-height: 16px; }
  .dashboard .dash-noti {
    position: relative; }
    .dashboard .dash-noti .dash-noti-count {
      position: absolute;
      bottom: 50%;
      right: 35%; }
    .dashboard .dash-noti .material-icons {
      line-height: 1;
      font-size: 15vh;
      color: rgba(0, 0, 0, 0.4); }
  .dashboard .dash-asInfo {
    background-color: transparent;
    width: calc(70% - 16px);
    height: calc(22% - 16px); }
    .dashboard .dash-asInfo .dast-asInfo-wrapper {
      height: 100%; }
      .dashboard .dash-asInfo .dast-asInfo-wrapper > div {
        background-color: #fff;
        border-radius: 2px;
        overflow: hidden; }
    .dashboard .dash-asInfo .asInfo-icon {
      width: 30%;
      color: #fff;
      font-size: 2em; }
    .dashboard .dash-asInfo .asInfo-credits {
      width: calc( ( 100% / 3) - 8px);
      height: 100%; }
      .dashboard .dash-asInfo .asInfo-credits .asInfo-icon {
        background-color: rgba(226, 60, 22, 0.8); }
      .dashboard .dash-asInfo .asInfo-credits nvd3 {
        height: 70%; }
        .dashboard .dash-asInfo .asInfo-credits nvd3 .nv-series-0 {
          fill-opacity: 1 !important; }
    .dashboard .dash-asInfo .asInfo-planned {
      width: calc( ( 100% / 3) - 8px);
      height: 100%; }
      .dashboard .dash-asInfo .asInfo-planned .asInfo-icon {
        background-color: rgba(0, 52, 72, 0.8); }
      .dashboard .dash-asInfo .asInfo-planned nvd3 {
        height: 100%; }
        .dashboard .dash-asInfo .asInfo-planned nvd3 .nv-slice path {
          stroke: rgba(0, 52, 72, 0.8) !important;
          stroke-opacity: 1 !important; }
        .dashboard .dash-asInfo .asInfo-planned nvd3 .nv-slice:first-of-type path {
          fill-opacity: 0.1 !important;
          stroke-opacity: 0 !important; }
    .dashboard .dash-asInfo .asInfo-sms {
      width: calc( ( 100% / 3 ) - 16px);
      height: 100%; }
      .dashboard .dash-asInfo .asInfo-sms .asInfo-icon {
        background-color: #003448; }
    .dashboard .dash-asInfo .asInfo-app {
      width: calc( ( 100% / 3 ) - 16px);
      height: calc(50% - 12px);
      margin-bottom: 4px; }
      .dashboard .dash-asInfo .asInfo-app .asInfo-icon {
        background-color: #e23c16; }
  .dashboard .dash-graphs {
    width: calc(70% - 16px);
    height: calc(78% - 0px);
    position: relative; }
    .dashboard .dash-graphs md-select {
      margin-top: 0;
      margin-bottom: 0; }
    .dashboard .dash-graphs .dot {
      height: 10px;
      width: 10px;
      border-radius: 50%;
      background-color: rgba(17, 17, 17, 0.3); }
      .dashboard .dash-graphs .dot.selected {
        background-color: #e23c16; }
    .dashboard .dash-graphs .graphs-meta {
      flex-shrink: 0; }
      .dashboard .dash-graphs .graphs-meta .meta-heading {
        min-width: 270px;
        align-items: baseline; }
      .dashboard .dash-graphs .graphs-meta .meta-legend .legend-sms .material-icons {
        color: #e23c16; }
      .dashboard .dash-graphs .graphs-meta .meta-legend .legend-app .material-icons {
        color: #003448; }
      .dashboard .dash-graphs .graphs-meta .meta-switch {
        min-width: 140px; }
    .dashboard .dash-graphs .graphs-lines {
      width: 100%; }
    .dashboard .dash-graphs .graphs-circles {
      position: absolute;
      box-sizing: border-box;
      width: calc(40% - 16px);
      height: calc(29% - 7px);
      /*-8px bylo moc*/
      top: 50px;
      right: 35px;
      padding-top: 6px !important;
      margin-top: 32px !important;
      background-color: #fff; }
      .dashboard .dash-graphs .graphs-circles .graphs-meta .meta-heading {
        min-width: 200px; }
    .dashboard .dash-graphs .gOdes-line,
    .dashboard .dash-graphs .gPlan-line {
      width: 100%; }
      .dashboard .dash-graphs .gOdes-line .line-graph,
      .dashboard .dash-graphs .gPlan-line .line-graph {
        width: 55%; }
      .dashboard .dash-graphs .gOdes-line nvd3,
      .dashboard .dash-graphs .gPlan-line nvd3 {
        width: 100%;
        height: 100%;
        display: block; }
        .dashboard .dash-graphs .gOdes-line nvd3 svg,
        .dashboard .dash-graphs .gPlan-line nvd3 svg {
          height: 100%; }

.dash-gFilter md-select {
  margin: 0; }

.dash-gFilter .md-datepicker-button {
  margin-left: 0 !important;
  padding-left: 0 !important; }

@media screen and (min-width: 960px) {
  .dashboard .dash-asInfo {
    max-height: 150px; }
  .dashboard .dash-graphs {
    flex-grow: 1; }
    .dashboard .dash-graphs .gOdes,
    .dashboard .dash-graphs .gPlan {
      position: relative; }
    .dashboard .dash-graphs .graphs-meta {
      height: 45px; }
    .dashboard .dash-graphs .line-graph {
      height: 30%; }
    .dashboard .dash-graphs .gOdes-circle,
    .dashboard .dash-graphs .gPlan-circle {
      position: absolute;
      top: 0;
      right: 0;
      width: 30%;
      height: 30%; }
      .dashboard .dash-graphs .gOdes-circle nvd3,
      .dashboard .dash-graphs .gPlan-circle nvd3 {
        height: 100%; }
    .dashboard .dash-graphs .gOdes-line,
    .dashboard .dash-graphs .gPlan-line {
      margin-bottom: calc(30px + 16px); }
    .dashboard .dash-graphs .line-list {
      height: 70%; }
    .dashboard .dash-graphs .gOdes-dots,
    .dashboard .dash-graphs .gPlan-dots {
      height: 30px;
      position: absolute;
      bottom: 0; } }

@media screen and (max-width: 480px) {
  .dashboard {
    height: 100%;
    padding: 0 8px;
    flex-wrap: nowrap;
    overflow-x: hidden;
    overflow-y: auto; }
    .dashboard > div {
      margin-left: 0;
      margin-right: 0; }
    .dashboard .dash-agenda,
    .dashboard .dash-cgInfo,
    .dashboard .dash-newMsg,
    .dashboard .dash-asInfo,
    .dashboard .dash-gFilter,
    .dashboard .dash-newMsg,
    .dashboard .dash-noti {
      width: 100%;
      height: auto; }
    .dashboard .dash-newMsg {
      display: initial; }
    .dashboard .dash-agenda .agenda-wrapper {
      height: 180px; }
    .dashboard .dash-agenda .agenda_list-wrapper {
      border-left: 1px solid rgba(17, 17, 17, 0.2); }
    .dashboard .dash-asInfo .asInfo-credits,
    .dashboard .dash-asInfo .asInfo-planned {
      width: 100%;
      height: 100px; }
    .dashboard .dash-asInfo .asInfo-sms,
    .dashboard .dash-asInfo .asInfo-app {
      width: calc(50% - 8px); }
    .dashboard .dash-noti .material-icons {
      line-height: 1; }
    .dashboard .dash-graphs {
      width: 100%;
      position: relative;
      max-width: none;
      top: 0;
      height: auto;
      -webkit-transition: transform .25s ease-in;
      -moz-transition: transform .25s ease-in;
      -ms-transition: transform .25s ease-in;
      -o-transition: transform .25s ease-in;
      transition: transform .25s ease-in; }
      .dashboard .dash-graphs .dot {
        height: 15px;
        width: 15px;
        border-radius: 50%;
        background-color: rgba(17, 17, 17, 0.3); }
        .dashboard .dash-graphs .dot.selected {
          background-color: #e23c16; }
      .dashboard .dash-graphs .graphs-circles {
        width: 100%;
        position: relative; }
      .dashboard .dash-graphs .graphs-meta {
        flex-wrap: wrap; }
        .dashboard .dash-graphs .graphs-meta .meta-heading {
          width: 100%; }
      .dashboard .dash-graphs .gOdes-circle,
      .dashboard .dash-graphs .gPlan-circle {
        height: 200px; }
      .dashboard .dash-graphs .gOdes-line .line-graph,
      .dashboard .dash-graphs .gPlan-line .line-graph {
        width: 100%; } }

.smallHeader {
  width: 100%; }

.adresar {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%; }

.infoC {
  margin: 8px 0; }

.c {
  overflow: hidden; }
  .c .cList {
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden; }
    .c .cList md-list-item.ng-move, .c .cList md-list-item.ng-enter, .c .cList md-list-item.ng-leave {
      transition: all linear 0.5s;
      -webkit-transform: translateY(100%);
      -moz-transform: translateY(100%);
      -ms-transform: translateY(100%);
      -o-transform: translateY(100%);
      transform: translateY(100%); }
    .c .cList md-list-item.ng-leave, .c .cList md-list-item.ng-move.ng-move-active, .c .cList md-list-item.ng-enter.ng-enter-active {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); }
    .c .cList md-list-item.ng-move, .c .cList md-list-item.ng-enter, .c .cList md-list-item.ng-leave.ng-leave-active {
      opacity: 0; }
  .c .lineC {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: baseline; }

.g {
  overflow: hidden; }
  .g .cardsWrapper {
    height: 1px;
    /*taky nevim proc to chce vysku*/
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #f4f4f4; }
    .g .cardsWrapper md-card {
      display: block;
      position: relative;
      width: calc(50% - 16px); }
      .g .cardsWrapper md-card.ng-move, .g .cardsWrapper md-card.ng-enter, .g .cardsWrapper md-card.ng-leave {
        transition: all linear 0.5s;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%); }
      .g .cardsWrapper md-card.ng-leave, .g .cardsWrapper md-card.ng-move.ng-move-active, .g .cardsWrapper md-card.ng-enter.ng-enter-active {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); }
      .g .cardsWrapper md-card.ng-move, .g .cardsWrapper md-card.ng-enter, .g .cardsWrapper md-card.ng-leave.ng-leave-active {
        opacity: 0; }
    .g .cardsWrapper .meta-data h5 {
      display: inline-block; }
  .g .gListC {
    overflow-x: hidden;
    position: absolute;
    z-index: 2;
    width: 100%;
    left: 0;
    top: 99%;
    background-color: #fff;
    margin-bottom: 16px; }

@media screen and (min-width: 960px) {
  .adresar .c {
    border-right: 1px solid rgba(17, 17, 17, 0.1); } }

@media screen and (max-width: 480px) {
  .fab-dial-c,
  .fab-dial-g,
  .fab-c,
  .fab-g {
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in; }
  .fab-c,
  .fab-g {
    position: fixed;
    bottom: 8px;
    right: 0;
    margin: 8px;
    padding: 6px; }
    .fab-c.ng-hide,
    .fab-g.ng-hide {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0); }
  .fab-dial-c,
  .fab-dial-g {
    position: fixed;
    right: 0;
    bottom: calc(8px + 56px + 6px + 8px);
    -webkit-transform: translateX(100%) !important;
    -moz-transform: translateX(100%) !important;
    -ms-transform: translateX(100%) !important;
    -o-transform: translateX(100%) !important;
    transform: translateX(100%) !important; }
    .fab-dial-c.fab-dial-c-open, .fab-dial-c.fab-dial-g-open,
    .fab-dial-g.fab-dial-c-open,
    .fab-dial-g.fab-dial-g-open {
      -webkit-transform: translateX(0) !important;
      -moz-transform: translateX(0) !important;
      -ms-transform: translateX(0) !important;
      -o-transform: translateX(0) !important;
      transform: translateX(0) !important; }
  .adresar .g md-list-item > div {
    line-height: initial; }
  .listCinG {
    height: 100%; } }

.planovac {
  height: 100%; }
  .planovac md-list-item {
    justify-content: center !important;
    align-items: center !important; }
  .planovac .noData img {
    max-height: 200px; }
  .planovac .planovacWrap {
    height: 100%;
    width: 100%;
    flex-wrap: wrap; }
  .planovac .pControls {
    height: 6vh; }
  .planovac .monthName {
    min-height: 44px; }
  .planovac .newP {
    position: absolute;
    bottom: -30px;
    right: 65px; }
  .planovac .rightShadow {
    position: absolute;
    top: 0;
    right: 0;
    width: 30%;
    height: 100%;
    z-index: 1;
    box-shadow: -2px -2px 5px 0px rgba(0, 0, 0, 0.2); }
  .planovac .day {
    flex-grow: 1;
    z-index: 2;
    width: 30%;
    height: 35vh;
    position: relative; }
    .planovac .day .day-wrapper {
      text-align: center;
      position: relative; }
      .planovac .day .day-wrapper .md-display-4 {
        line-height: 80px;
        font-size: 80px; }
      .planovac .day .day-wrapper .fab-p {
        position: absolute;
        right: 0;
        bottom: 0; }
    .planovac .day .newP {
      top: 12vh;
      bottom: initial; }
  .planovac md-list {
    width: 100%; }
    .planovac md-list .infoP {
      width: 1px; }
      .planovac md-list .infoP p {
        line-height: 24px; }
      .planovac md-list .infoP h3 {
        line-height: initial; }
        .planovac md-list .infoP h3 span {
          vertical-align: initial; }
  .planovac .week {
    height: 320px;
    width: 70%;
    position: relative;
    border-bottom: 1px solid rgba(17, 17, 17, 0.2); }
    .planovac .week md-list-item {
      background-color: transparent; }
    .planovac .week .planCircle {
      position: relative;
      height: 10px; }
    .planovac .week .weekDayWrap {
      height: 100%; }
    .planovac .week .weekDay {
      cursor: pointer;
      max-width: calc(100% / 7); }
      .planovac .week .weekDay.selectedWeekDay {
        background-color: #003448;
        color: #fff; }
      .planovac .week .weekDay:not(:last-of-type) {
        border-right: 1px solid rgba(17, 17, 17, 0.2); }
  .planovac .calendar {
    width: 30%;
    z-index: 2; }
  .planovac .plans {
    height: calc(100% - 320px);
    width: 70%; }
  .planovac .date {
    padding-right: 16px; }
    .planovac .date h3 {
      line-height: initial;
      color: #003448; }
    .planovac .date h4 {
      line-height: 16px; }

@media screen and (max-width: 480px) {
  mdp-time-picker button {
    pointer-events: none; }
  .planovac .fab-list {
    padding-bottom: 68px; }
  .planovac .planovacWrap {
    width: 300vw;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -ms-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in; }
    .planovac .planovacWrap.switch1 {
      -webkit-transform: translateX(0) !important;
      -moz-transform: translateX(0) !important;
      -ms-transform: translateX(0) !important;
      -o-transform: translateX(0) !important;
      transform: translateX(0) !important; }
    .planovac .planovacWrap.switch2 {
      -webkit-transform: translateX(-33.3333%) !important;
      -moz-transform: translateX(-33.3333%) !important;
      -ms-transform: translateX(-33.3333%) !important;
      -o-transform: translateX(-33.3333%) !important;
      transform: translateX(-33.3333%) !important; }
    .planovac .planovacWrap.switch3 {
      -webkit-transform: translateX(-66.6666%) !important;
      -moz-transform: translateX(-66.6666%) !important;
      -ms-transform: translateX(-66.6666%) !important;
      -o-transform: translateX(-66.6666%) !important;
      transform: translateX(-66.6666%) !important; }
  .planovac .bottomLine {
    width: calc(100% / 3); }
    .planovac .bottomLine.switch1 {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0); }
    .planovac .bottomLine.switch2 {
      -webkit-transform: translateX(100%);
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -o-transform: translateX(100%);
      transform: translateX(100%); }
    .planovac .bottomLine.switch3 {
      -webkit-transform: translateX(200%);
      -moz-transform: translateX(200%);
      -ms-transform: translateX(200%);
      -o-transform: translateX(200%);
      transform: translateX(200%); }
  .planovac .hasPlan {
    font-size: 14px; }
  .planovac .rightShadow {
    display: none; }
  .planovac .day {
    padding: 0;
    min-width: calc(100% / 3);
    height: 100%; }
  .planovac .week {
    min-width: calc(100% / 3);
    height: 100%;
    border-bottom: 1px solid rgba(17, 17, 17, 0.2); }
    .planovac .week .weekDay {
      border-top: 1px solid rgba(17, 17, 17, 0.2); }
      .planovac .week .weekDay.selectedWeekDay md-list {
        color: #111111; }
    .planovac .week .newP {
      bottom: initial;
      top: 80px; }
    .planovac .week md-list-item {
      background-color: #fff; }
    .planovac .week md-list {
      max-width: none;
      background-color: white;
      z-index: 2;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100vw;
      height: calc(100% - 135px);
      border-top: 1px solid rgba(17, 17, 17, 0.2); }
  .planovac .calendar {
    min-width: calc(100% / 3);
    position: absolute;
    top: 0;
    right: 0; }
  .planovac .plans {
    min-width: calc(100% / 3);
    height: calc(100% - (( 35px * 6) + 20px + 44px + 16px));
    z-index: 2;
    background-color: white; }
    .planovac .plans.fullScreenPlan {
      height: 100%; }
  .planovac .planovacWrap {
    flex-wrap: nowrap;
    position: relative; }
  .fab-p {
    position: absolute;
    bottom: 8px;
    right: 0;
    margin: 8px;
    padding: 6px;
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in; }
    .fab-p.ng-hide {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0); } }

.odeslane {
  height: 100%; }
  .odeslane .conv-noData-backdrop {
    position: absolute;
    z-index: 80;
    background-color: rgba(17, 17, 17, 0.7);
    top: 0;
    right: 0;
    width: 100%;
    height: 100%; }
  .odeslane .selected {
    background-color: #f4f4f4; }
  .odeslane .list {
    overflow: hidden; }
    .odeslane .list .infoO h3 {
      max-width: 70%; }
  .odeslane .rightShadow {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    box-shadow: -2px -2px 5px 0px rgba(0, 0, 0, 0.2); }

.conv {
  position: relative;
  background-color: #f4f4f4; }
  .conv .convWrapper {
    z-index: 1; }
  .conv .msgWrapper {
    overflow-x: hidden;
    overflow-y: auto; }
  .conv .msgBubble {
    text-align: right; }
    .conv .msgBubble p {
      display: inline-block;
      border-radius: 5px;
      background-color: #003448;
      padding: 16px;
      white-space: pre-line;
      color: #fff;
      max-width: 60%;
      min-width: 20%;
      font-weight: 300;
      text-align: left; }

.convCont {
  position: relative;
  z-index: 3; }
  .convCont .md-button {
    flex-shrink: 0; }

.conv-contacts {
  flex-shrink: 0;
  box-sizing: border-box;
  background-color: #fff;
  border-bottom: 1px solid rgba(17, 17, 17, 0.2);
  overflow: hidden;
  z-index: 3; }

.conv-list {
  color: #111111;
  background-color: #fff;
  position: absolute;
  width: 100%;
  opacity: 0;
  z-index: 2;
  pointer-events: none;
  -webkit-transition: all .25s ease-in;
  -moz-transition: all .25s ease-in;
  -ms-transition: all .25s ease-in;
  -o-transition: all .25s ease-in;
  transition: all .25s ease-in;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }
  .conv-list.list-open {
    pointer-events: initial;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

.conv-header {
  -webkit-transition: opacity .25s ease-in;
  -moz-transition: opacity .25s ease-in;
  -ms-transition: opacity .25s ease-in;
  -o-transition: opacity .25s ease-in;
  transition: opacity .25s ease-in; }
  .conv-header.ng-hide {
    position: absolute;
    top: -100%;
    z-index: 0;
    opacity: 0; }
  .conv-header.ng-show {
    opacity: 1; }
  .conv-header .material-icons {
    font-size: 20px; }

@media screen and (min-width: 960px) {
  .conv-list {
    max-height: calc(100% - 60px - 8px);
    top: calc(60px - 8px); }
  .conv-contacts {
    height: 60px; } }

@media screen and (max-width: 480px) {
  .conv-list {
    top: calc(45px); } }

.u {
  height: 100%;
  padding: 10vh 15vw;
  overflow-x: hidden;
  overflow-y: scroll;
  box-sizing: border-box; }
  .u .saveSett {
    position: absolute;
    right: 2vw;
    bottom: 2vw; }
  .u .noti span {
    flex-grow: 1; }
  .u .sig {
    margin-top: 64px; }

@media screen and (max-width: 480px) {
  .u {
    padding: 0; }
    .u h2 {
      padding-left: 16px; }
    .u .sig > div {
      padding-left: 16px; } }

.newMsg form {
  height: 100%;
  background-color: #fafafa; }
  .newMsg form > div {
    height: 100%; }

.newMsg .listOfContacts {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
  background-color: #fafafa; }

@media (min-width: 960px) {
  .newMsg form {
    min-height: 500px;
    width: 30vw; } }

@media screen and (max-width: 480px) {
  .newMsg {
    height: 100%; }
    .newMsg form {
      width: 100vw; }
      .newMsg form .msgContent {
        height: calc(100% - 45px); }
      .newMsg form .newMsg-chips {
        height: 56px;
        min-height: 56px;
        overflow: auto; } }

.calendarWrapper {
  margin: 0 auto;
  width: calc(44px * 7);
  height: calc((44px * 6) + 20px + 44px);
  margin-bottom: 16px;
  position: relative; }
  .calendarWrapper .hasPlan {
    position: absolute;
    font-size: 16px;
    bottom: 0;
    color: #e23c16; }
  .calendarWrapper .selectedWeekDay .hasPlan,
  .calendarWrapper .selectedCalDay .hasPlan {
    color: #fff; }
  .calendarWrapper .calDay {
    width: 44px;
    height: 44px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    font-size: 13px;
    border-radius: 50%; }
    .calendarWrapper .calDay:hover {
      background-color: rgba(17, 17, 17, 0.2); }
  .calendarWrapper .calMonths {
    width: 100%;
    height: 44px; }
  .calendarWrapper .calDayLabel {
    width: 100%;
    height: 20px; }
  .calendarWrapper .selectedCalDay {
    background-color: #e23c16;
    color: #fff; }

.smallCallendar {
  width: calc(25px * 7);
  height: calc((25px * 6) + 20px); }
  .smallCallendar .hasPlan {
    bottom: -8px; }
  .smallCallendar .calDay {
    width: 25px;
    height: 25px; }
  .smallCallendar .calMonths {
    height: 25px; }

@media screen and (max-width: 480px) {
  .calendarWrapper {
    margin-bottom: 0;
    width: calc(35px * 7);
    height: calc((35px * 6) + 20px + 44px); }
    .calendarWrapper .calDay {
      width: 35px;
      height: 35px; }
    .calendarWrapper .hasPlan {
      font-size: 14px; }
  .smallCallendar {
    margin-bottom: 0;
    width: calc(20px * 7);
    height: calc((20px * 6) + 20px); }
    .smallCallendar * {
      font-size: 12px; }
    .smallCallendar .calDay {
      width: 20px;
      height: 20px; } }