.tabsmod {
  position: relative;   
  height: 420px; /* This part sucks */
  clear: both;
  margin: 20px 0 25px;
  background: white;
  margin-top: 30px;
  padding-left: 5px; 
}
.tabmod {
  float: left; 
}
.tabmod label {
  background: #d4d4d4; 
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #766c6c; 
  border-bottom:1px solid #141414;
  top: 5px; 
  position: relative;
  top: -18px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
    background-image:
    linear-gradient(
      #f4f4f4, #606060
    );
  color: #1d1d1d;
  font-size: 12px;
  font-weight: bold;
  margin-right: 1px;
}
.tabmod [type=radio] {
  display: none; 

}
.contentmod {
  position: absolute;
  top: 0px;
  left: 0;
 // background: #141414;
  right: 0;
  bottom: 0;
  padding: 10px;
  border: 1px solid #414141; 
  opacity: 0;
  background-color: #2a2a2a;
  overflow: auto;
  overflow-x: hidden;
  height: 415px;
}

[type=radio]:checked ~ .bluetab {
  background: white;
  border-bottom: 1px solid #2a2a2a;
  z-index: 2;
   background-image:
    linear-gradient(
      #517b98, #2a2a2a
    );
  color:#cbcbcb;
   top: -19px;
  font-weight: bold;
  
}
[type=radio]:checked ~ label ~ .contentmod {
  z-index: 1;
  opacity: 1;
 
}

.tabs {
  position: relative;   
  height: 420px; /* This part sucks */
  clear: both;
  margin: 20px 0 25px;
  background: white;
  margin-top: 10px;
  padding-left: 5px; 
}
.tab {
  float: left; 
}
.tab label {
  background: #d4d4d4; 
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #766c6c; 
  border-bottom:1px solid #141414;
  top: 5px; 
  position: relative;
  top: -18px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
    background-image:
    linear-gradient(
      #f4f4f4, #606060
    );
  color: #1d1d1d;
  font-size: 12px;
  font-weight: bold;
  margin-right: 1px;
}
.tab [type=radio] {
  display: none; 

}
.content {
  position: absolute;
  top: 0px;
  left: 0;
  background: #141414;
  right: 0;
  bottom: 0;
  padding: 10px;
  border: 1px solid #747474; 
  opacity: 0;

  overflow: auto;

}
[type=radio]:checked ~ label {
  background: white;
  //border-bottom: 1px solid #141414;
  z-index: 2;
   background-image:
    linear-gradient(
      #314553, #141414
    );
  color:#cbcbcb;
   top: -19px;
  font-weight: bold;
  
}
[type=radio]:checked ~ label ~ .content {
  z-index: 1;
  opacity: 1;
 
}

.sprava{
    height: 20px;
    border: 1px solid #0b0b0b;
    background-image:
    linear-gradient(
      #4b4b4b, #0d0d0d
    );
	padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
    margin-bottom: 2px;
}

.sprava:hover{
    height: 20px;
    border: 1px solid #b2b2b2;
    background-image:
    linear-gradient(
      #33434e, #1f354d
    );
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
    margin-bottom: 2px;
    cursor:pointer;
}

.spravaseen{
    height: 20px;
    border: 1px solid #0b0b0b;
    background-image:
    linear-gradient(
     #242424, #2a2a2a
    );
	padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
    margin-bottom: 2px;
}


.spravaseen:hover{
    height: 20px;
    border: 1px solid #b2b2b2;
    background-image:
    linear-gradient(
      #33434e, #1f354d
    );
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
    margin-bottom: 2px;
    cursor:pointer;
}

.predmet{
	color: #cbcbcb;
    font-weight: bold;
    float: left;
    font-size: 12px;
    padding: 3px;
    width: 250px;
    overflow: hidden;
    height: 13;
}

.predmet-report {
	color: #cbcbcb;
    font-weight: bold;
    float: left;
    font-size: 12px;
    padding: 3px;
    overflow: hidden;
    height: 13;
	width: 380px;
}

.predmetseen{
	color: #8d8d8d;
    font-weight: bold;
    float: left;
    font-size: 12px;
    padding: 3px;
    width: 250px;
    overflow: hidden;
    height: 13;
}

.predel{
    border-left: 1px solid #2c2c2c;
    border-right: 1px solid #808080;
    height: 90%;
    width: 0px;
    float: left;
    margin: 3px;
}

.odosielatel{
    font-size: 12px;
    font-weight: bold;
    float: left;
    padding: 3px;
    margin-right: 10px;
    color: #a4b200;
    overflow: hidden;
    height: 13;
}

.odosielatelseen{
    font-size: 12px;
    font-weight: bold;
    float: left;
    padding: 3px;
    margin-right: 10px;
    color: #8F9C01;
    overflow: hidden;
    height: 13;
}

.datum{
    font-size: 12px;
    font-weight: bold;
    float: left;
    padding: 3px;
    margin-right: 10px;
    color: #cbcbcb;
    overflow: hidden;
    height: 13;
}

.cas{
    font-size: 12px;
    font-weight: bold;
    float: left;
    padding: 3px;
    margin-right: 10px;
    color: #cbcbcb;
    overflow: hidden;
    height: 13;
}

.datumseen{
    font-size: 12px;
    font-weight: bold;
    float: left;
    padding: 3px;
    margin-right: 10px;
    color: #8d8d8d;
    overflow: hidden;
    height: 13;
}

.casseen{
    font-size: 12px;
    font-weight: bold;
    float: left;
    padding: 3px;
    margin-right: 10px;
    color: #8d8d8d;
    overflow: hidden;
    height: 13;
}

.spravainfocontainer{
    float:right;
}

.msgpredmet{
	border: 1px solid #2c2c2c;
	padding-left: 10px;
	font-weight: bold;
	 background-image:
    linear-gradient(
      #314553, #141414
    );
}

.msgcontainer{
	padding: 0px;
	background: #202020;
	border: 1px solid #4b4b4b;
	margin-bottom: 10px;
}

.msgbody{
	padding: 10px;
	background: #202020;
	white-space: pre-wrap;
}

.msgbody2{
	background: #2F2F2F;
	white-space: pre-wrap;
}

.datumbody{
    font-size: 12px;
    padding: 3px;
    margin-right: 0px;
    color: #cbcbcb;
    overflow: hidden;
    height: 13;
}

.casbody{
    font-size: 12px;
    padding: 3px;
    margin-right: 0px;
    color: #cbcbcb;
    overflow: hidden;
    height: 13;
}

.odosielatelbody{
    font-size: 12px;
    font-weight: bold;
    margin-right: 5px;
    color: #a4b200;
	float: left;
	
}

.replied{
	width: 26px;
	height: 20px;
	margin-right: 5px;
	margin-top: 4px;
	background:url(../images/icons/replied.png) no-repeat;
	background-size: 22px 16px;
	float: left;
}

.seen{
	width: 25px;
	height: 18px;
	margin-right: 5px;
	margin-top: 5px;
	background:url(../images/icons/seen.png) no-repeat;
	background-size: 20px 13px;
	float: left;
}

.odpovedat{
	width: 100px;
	height: 31px;
	background:url(../images/buttons/odpovedat.png) no-repeat;
	margin: auto;
}

.odpovedat:hover{
	width: 100px;
	height: 31px;
	background:url(../images/buttons/odpovedat.png) no-repeat;
	background-position: 0px -31px;
	cursor:pointer;
}

.odpovedat:active{
	position: relative;
	top: 1px;
}

.odoslat{
	width: 100px;
	height: 31px;
	background:url(../images/buttons/odoslat.png) no-repeat;
	margin:auto;
	margin-top: 270px;
}

.odoslat:hover{
	width: 100px;
	height: 31px;
	background:url(../images/buttons/odoslat.png) no-repeat;
	background-position: 0px -31px;
	cursor:pointer;
}

.odoslat:active{
	position: relative;
	top: 1px;
}

.odoslatadm{
	width: 100px;
	height: 31px;
	background:url(../images/buttons/odoslat.png) no-repeat;
	margin:auto;
	margin-top: 295px;
}

.odoslatadm:hover{
	width: 100px;
	height: 31px;
	background:url(../images/buttons/odoslat.png) no-repeat;
	background-position: 0px -31px;
	cursor:pointer;
}

.odoslatadm:active{
	position: relative;
	top: 1px;
}

.msgtextarea{
	width: 100%;
	height: 160px;
	resize: none;
}

.inputpredmet{
	width: 100%;
}

.divpredmet{
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.divtextarea{
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.divprijemca{
	float: left;
	margin-bottom: 10px;
}

.newmsgbody{
	padding: 10px;
	background: #202020;
}

.divpredmetre{
	float: left;
	border: 1px solid #747474;
	background: #141414;
	padding-left: 5px;
	width: 100%;
	font-weight: bold;
}

.divprijemcare{
	float: left;
	width: 50%;
	background-color: green;
	margin-left: 10px;
	padding-left: 5px;
	border: 1px solid #747474;
	background: #141414;
	font-weight: bold;
}

.divoldmsg{
	float: left;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 20px;
}

.divoldmsgre{
	float: left;
	border: 1px solid #747474;
	background: #141414;
	padding-left: 5px;
	width: 100%;
	height: 100px;
	white-space: pre-wrap;
	overflow: auto;
}

.deletepm{
	width: 16px;
	height: 16px;
	background:url(../images/icons/deletepm.png) no-repeat;
	float: right;
	margin-right: 5px;
	margin-top: 1px;
}

.deletepm:hover{
	width: 16px;
	height: 16px;
	background:url(../images/icons/deletepm.png) no-repeat;
	background-position: 0px -16px;
	float: right;
	margin-right: 5px;
	margin-top: 1px;
}

.deletepm:active{
	position: relative;
	top: 1px;
}

.tooltippm {
    position: relative;
    display: block;
    //border-bottom: 1px dotted black;
	margin-top: -19px;
	width: 100px;
}

.tooltippm .tooltiptextpm {
    visibility: hidden;
    min-width: 120px;
    background-color: #4d4d4d;
    color: #dbdbdb;
    font-weight: normal;
    font-size: 12px;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px 5px 5px;
    position: relative;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: 150px;
	
    opacity: 0;
    transition: opacity 0.5s;
}

.tooltippm .tooltiptextpm::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-right: 5px;
	margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color:  transparent transparent transparent #4d4d4d;
}

.tooltippm:hover .tooltiptextpm {
    visibility: visible;
    opacity: 1;
}