body {
  font-family: Arial, Sans-serif !important;
  font-size: 100%; 
  font-weight: 300;
}

.right {
  float: right; }

.left {
  float: left; }

.navbar .title {
  -webkit-text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
  -moz-text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
  -o-text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
  
}

.navbar {

  float: right;
  min-width: 960px;
  width: 100%;
  height: 45px;
  min-width: 960px;
  text-align: right;
  background-color: #2a6daf;
  
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); 

-webkit-box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.3);
        
        box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.3);

        z-index: 110;
        position: absolute;
}


  .navbar .title {
    width: 170px;
    padding: 13px 10px 0 10px;
    font-size: 112.5%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left; 
    color: #fff;
      height: 45px;
  }

.navbar > .nav a,
.navbar > a  {
  -webkit-text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
  -moz-text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
  -o-text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 17px 15px 0px 15px;
  border-left: 1px solid rgba(0, 0, 0, 0.08);
  
  color: #fff;
  text-decoration: none;
  font-weight: 400;

  font-size: 80%;
  font-weight: 400;
  display: inline-block;
  height: 45px;
  z-index: 1;
  position: relative; }


.navbar > .nav a {
  float: left;
}

  .nav li a span[class*='icon-'] {
    font-size: 16px;        
    vertical-align: middle;
  }

  .navbar > .nav a:hover, .navbar > a   {
    background-color: rgba(0, 0, 0, 0.04);   
  }
  
  .navbar .nav a .item-name {
		display: none;		  		
  }
  
  .navbar .nav a:hover .item-name {
		display: block;
		position: absolute;
		background-color: #2764A1;
		padding: 5px;
		font-size: 11px;
		left: 0;
		top: 45px;
		white-space: nowrap;
		
		border-bottom: 1px solid rgba(0, 0, 0, 0.1); 
		border-left: 1px solid rgba(0, 0, 0, 0.1);
		border-right: 1px solid rgba(0, 0, 0, 0.1);

		-webkit-box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.3);
        box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.3);
        
         -webkit-animation-name: fadeIn;
	  -webkit-animation-duration: 0.3s;
	  animation-name: fadeIn;
	  animation-duration: 0.3s;
        
  }

@-webkit-keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadeIn {
  0% { opacity: 0; }  
  100% { opacity: 1; }
}
  

.nav .active a {
  background-color: rgba(0, 0, 0, 0.08);
  border-left: 1px solid rgba(0, 0, 0, 0);
  border-right: 1px solid rgba(0, 0, 0, 0);
  margin-right: 0px; }
  .nav .active a:hover {
    background-color: rgba(0, 0, 0, 0.08);
    border-left: 1px solid rgba(0, 0, 0, 0);
    margin-right: 0px; }


.nav .new {
  background: -webkit-gradient(linear, left top, left bottom, from(#f4a51a), to(#f1900f));
  background: -moz-linear-gradient(top, #f4a51a, #f1900f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4a51a', endColorstr='#f1900f');
  -webkit-text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
  -moz-text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
  -o-text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  padding: 2px 3px 2px 3px;
  color: #fff;
  -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
  font-size: 10px;
  font-weight: bold;
  position: relative;
  z-index: 1000;
  float: left;
  margin-top: 6px;
  margin-left: -10px;
  margin-right: -3px; }
  

.navbar .search {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  width: 195px;
  height: 18px;
  background-color: rgba(255, 255, 255, 0.4);
  position: relative;
  display: inline-block;
  margin-top: 14px;
  border: 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  background-position: 4px -158px;
  background-repeat: no-repeat;
  padding-left: 6px;
  color: #282c32;
  font-size: 68.8%; 
}

.navbar .search:focus {
  outline-width: 0; 
  background-color: rgba(255, 255, 255, 1);
}


.navbar .userbar {
  margin-left: 15px;
}
.navbar .userbar span[class*='icon-'] {
    font-size: 16px;
    margin-right: 8px;
    margin-top: -2px;
    vertical-align: middle;
  }

.navbar .userbar .arrow-down {
  border-top: 5px solid #fff;
  margin-left: 10px;
}


.top-searchbar {
	text-align: left;
	
}

.top-searchbar input {
	width: 120px;
	border: 1px solid #1C64A8;
		
	padding: 6px 6px 4px 24px;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	background: #75A6CE url('../images/symbols/search.png') no-repeat 5px 6px;
}

.top-searchbar input:focus{
	border: 1px solid #B7DAF4;	
	background: #E8EEF2 url('../images/symbols/search_focus.png') no-repeat 5px 6px;
	width: 300px;
}


.top-searchbar input::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff;
}


.top-searchbar input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fff;
}
.top-searchbar input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fff;
}
.top-searchbar input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #fff;
}

.top-searchbar input:focus::-webkit-input-placeholder { /* WebKit browsers */
    color: #777;
}

.top-searchbar input:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #777;
}
.top-searchbar input:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #777;
}
.top-searchbar input:focus:-ms-input-placeholder { /* Internet Explorer 10+ */
   color: #777;
}

.messages {
	position: absolute;
	right: 0;
	min-width: 450px;
	width: 450px;
	top:0;
	bottom:0;
	z-index: 90;
	
	background-color: #f5f5f5;
	border-left: 1px solid #ccc;	
	
	-webkit-box-shadow: -1px 0 4px 1px rgba(50, 50, 50, 0.1);
	-moz-box-shadow:    -1px 0 4px 1px rgba(50, 50, 50, 0.1);
	box-shadow:        -1px 0 4px 1px rgba(50, 50, 50, 0.1);
	
	opacity: 100%;
	
	-webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
    
    margin-top: 47px;
    
    padding: 0px 15px 15px 15px;
    
    overflow: auto;
       
}


.hidden .messages {
	right: -450px;
	opacity: 0%;
}
	
	.messages h5 {
		font-size: 11px;
		font-weight: normal;
		text-transform: uppercase;
		margin-top: 15px;
		color: #333;
	}
	
	.messages-block {
		background-color: #fff;
		border-bottom: 1px solid #dadada;
		margin-top: 10px;
		padding: 10px;
		font-size: 12px;
	}
	
	
	.messages-block .date {
		font-size: 10px;
		text-align: right;
		margin-bottom: 5px;
		color: #999;
		font-weight: bold;
		margin-top: 10px;
	}
	
	.messages-block .date:first-child {
		margin-top: 0px;
	}
	
	.messages-block .item {
		border-bottom: 1px solid #efefef;
    	padding: 10px 5px;
    	line-height: 1.4em;
	}
	
	.messages-block .item:last-child {
		border-bottom: 0;		
	}
	
	.messages-block .item .read {
		background-color: #ACCBE5;
	    color: #fff;
	    float: right;
	    font-size: 9px;
	    padding: 4px;
	    cursor:pointer;
	    line-height: 1em;
	} 
	
	.messages-block .item .read:hover {
		background-color: #357ebd;	   
	} 
	
	.messages-block .item .user {
		font-weight: bold; 		
	}
	
	.messages-block .item strong {
		font-weight: bold;
		display:inline-block;
		margin-bottom: 5px;
	}
	
	
	.messages-button .counter{
		position: absolute;
		font-size: 10px;
		display: block;
		
		padding: 4px;
		
		background-color: #994046;
		
		top: 5px;
		right: 5px;
		
	}
	
	.messages-button.selected {
		background-color: rgba(0,0,0, 0.1);
		
		-webkit-box-shadow: inset 0px 2px 4px 0px rgba(50, 50, 50, 0.6);
		-moz-box-shadow:    inset 0px 2px 4px 0px rgba(50, 50, 50, 0.6);
		box-shadow:         inset 0px 2px 4px 0px rgba(50, 50, 50, 0.6);
	}
	
	.message-item-content {
		float: left;
		width: 380px;
	}

    /** STYLE DLA ZADAN */

    .messages-block .item.task {
        border-left-style: solid;
        border-left-width: 4px;
        padding-left: 10px;
    }

	.messages-block .item.task .case-number {
        display: block;
        font-size: 11px;
        font-weight: bold;
    }

    .messages-block .task .message-item-content  {
        width: 395px !important;
    }

    .messages-block .task .author {
        display: block;
        font-size: 11px;
        text-align: right;
    }

    .messages .empty-tasks {
        margin-top: 20px;
        font-size: 12px;
    }




/**
STOPKA PELNA
**/

footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #e3e3e3;

    color: #7e7e7e;
    padding: 10px 0;
    font-size: 11px;
}

footer .row {
    width: 960px;
    margin: 5px auto 10px auto;
}


footer .text {

    float: left;
    width: 600px;
}

footer .text p {
    margin-bottom: 5px;
}

footer img {
    float: right;
}

footer div {
    box-sizing: border-box;
}

footer .left {
    float: left;
}

footer .right {
    float: right;
}

footer .copy {
    padding-top: 15px;
    border-top: 1px solid #e3e3e3;
}

footer a {
    color: #607cc1;
    text-decoration: none;
}