@font-face {
	font-family: 'MorebiRounded-Regular';
	src: url('../fonts/2D39F4_1_0.eot');
	src: url('../fonts/2D39F4_1_0.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/2D39F4_1_0.woff2') format('woff2'),
	     url('../fonts/2D39F4_1_0.woff') format('woff'),
	     url('../fonts/2D39F4_1_0.ttf') format('truetype');
}

@font-face {
	font-family: 'MorebiRounded-Bold';
	src: url('../fonts/2D39F4_0_0.eot');
	src: url('../fonts/2D39F4_0_0.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/2D39F4_0_0.woff2') format('woff2'),
		 url('../fonts/2D39F4_0_0.woff') format('woff'),
		 url('../fonts/2D39F4_0_0.ttf') format('truetype');
}

body{    
    color: #595858;
    padding-top: 50px;
}

h1, h2, h3, h4, h5, h6
{
    color: #808080;
    font-family: MorebiRounded-Bold;
}

.cursor-pointer
{
    cursor: default;
}

.spacing-M
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.spacing-L
{
    margin-top: 25px;
    margin-bottom: 25px;
}

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

.lang-switch-icon
{         
    text-indent: -9999px;
    display: inline-block;    
    margin-top: 19px;
    width: 20px;
    height: 10px;
}

.lang-switch-icon-cz
{
    margin-left: 15px;    
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMvvhp8YAAADqSURBVDhPY4CBjM61/28/ev3/779//0kFUCNQgbBb/X+LlMn/+5Yd+v/xyw+oUuIA1AhUIOha9x+EJbyb/geWL/z/4Pk7qHLCAGoEKoAZCMOGcRP+bzp89f+nr4RdCzUCFaAbCMIiHg3/05tX/L+35/D/r0eO4sRQI1ABNgNFXWr+V+t6/b+oYfD/tjZuDDUCFSAbJOJS+9/SOuv/GnmD/1dFpf9fF5HCi6FGoAKYYSoOJf+z9QP+H5VQxqoZG4YagQpArgowjfu/St7w/yVRGawacWGoEaggwyDo/0lxRawaCGGoEUDAwAAAIxeTVfz/LjYAAAAASUVORK5CYII=') no-repeat;
}

.lang-switch-icon-us
{    
    background: url('data:image/gif;base64,R0lGODlhFAAKAPcAAAAkfQQnf1tmoF51rc8UK95fb99gb8JqgsJrg6q21K651u+zuvK/xtrf7PLAxvPFy/PHzPXM0fHn7Prm6PP1+f79/f7//wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAAFAAKAAAIfgALPGgwIACAgwkIEEhwEEAAAQgEQhRI0GDChQ4nDhyQMeJGBQoVaKwIIIFJBRIWTLBgQWEFBxEsUFBg8qLCmzhz6tzJ82ZNBRQsRGBQQSHLCQsk0DTpcEADCAYOCABJQIHTBwUQCDDoFKpUiwoZBriaVYDXrQ0vMjw4tgHWgAA7') no-repeat;
}

.validation-summary > ul
{
     list-style: none;   
     padding-left: 0;     
}

td.td-fixed-width-glyph
{
    width: 2em;
}

.table > thead > tr > th.table-advance-info,
.table > tbody > tr > th.table-advance-info,
.table > tfoot > tr > th.table-advance-info,
.table > thead > tr > td.table-advance-info,
.table > tbody > tr > td.table-advance-info,
.table > tfoot > tr > td.table-advance-info
{
     padding-left: 20px; 
     padding-bottom: 20px;     
}

@media (max-width: 767px) {
    .table-responsive > .table > thead > tr > th.table-advance-info,
    .table-responsive > .table > tbody > tr > th.table-advance-info,
    .table-responsive > .table > tfoot > tr > th.table-advance-info,
    .table-responsive > .table > thead > tr > td.table-advance-info,
    .table-responsive > .table > tbody > tr > td.table-advance-info,
    .table-responsive > .table > tfoot > tr > td.table-advance-info {
        white-space: normal;       
    }
}

.communnication-header
{ 
}
    
.communnication-header-date
{
    border-bottom: solid 2px #808080; 
    font-weight: bold; 
    margin-bottom: 5px;
}

.communnication-header-icon
{
    display: inline-block; 
    vertical-align: middle;    
}

.communnication-header-icon > .glyphicon
{
    font-size: 2.5em;
}

.communnication-header-detail
{
    display: inline-block; 
    vertical-align: middle; 
    margin-left: 1em;   
}

/* Tabulka komunikace - správcovská sekce */
.table.tcm { 
}
    /* Hlavička s názvy sloupců */
    .table tbody > tr.tcm-colsheader > th
    {
        background-color: #e60000;
        border-color: #e60000; 
        color: white;
    }

     /* Hlavička s názvem měsíce */
    .table tbody > tr.tcm-monthheader > th
    {
        background-color: #e6e6e6;
        border-color: #e6e6e6;
        color: #808080;
    }  

     /* Hlavička s názvem měsíce */
    .table tbody > tr.tcm-record-header > td
    {
        background-color: #e6e6e6;
        border-color: #e6e6e6;
        color: #808080;
    }

    @media (max-width: 767px) {
        .table-responsive {
            border-width: 0;
        }
            
        .table tbody > tr.tcm-monthheader > th 
        {
            background-color: #e60000;
            border-color: #e60000;
            color: white;
        }  
        
        .table tbody > tr.tcm-monthheader > th > .lead 
        {
            color: white;
        }
    }



/* Tabulka komunikace - zákaznická sekce tcc */
.table.tcc { 
}
     /* Hlavička s názvy sloupců */
    .table tbody > tr.tcc-colsheader > th
    {
        background-color: #e60000;
        border-color: #e60000; 
        color: white;
    }

    /* Hlavička s názvem měsíce */
    .table tbody > tr.tcc-monthheader > th
    {
        background-color: #e6e6e6;
        border-color: #e6e6e6;
        color: #808080;
    } 

    .table.tcc tbody > tr.tcc-row-subject > td
    {
        padding-top: 0;    
        font-style:italic;
    }

    .table tr.tcc-even > td 
    {
        background-color: #e6e6e6;
        border-color: #e6e6e6;        
    }

    @media (max-width: 767px) {                   
        .table tbody > tr.tcc-monthheader > th 
        {
            background-color: #e60000;
            border-color: #e60000;
            color: white;
        }  
        
        .table tbody > tr.tcc-monthheader > th > .lead 
        {
            color: white;
        }
    }
    
    @media (min-width: 767px){
        .text_align_fix {
            text-align: right;
        }
    }