/* VSP related from PREDZAPIS_NEW ------------------------------------------------------------------- */
/* VSP related from PREDZAPIS_NEW ------------------------------------------------------------------- */
/* VSP related from PREDZAPIS_NEW ------------------------------------------------------------------- */

.gpv-pred {
    border-style:solid;
    border-width:1px;
    white-space: nowrap;
    /*font-size:9px;*/
    cursor: pointer;
    text-align:left;
    /*width: 105px;*/
}

.gpv-pred-typ-A,
.gpv-pred-typ-B,
.gpv-pred-typ-C,
.gpv-pred-typ-X {
    border-style: solid;
    border-width: 1px;
}

.gpv-pred-typ-A {
    border-color: #fbf1f2 #ebced9 #ebced9 #fbf1f2;
    background-color: #fae7e9;
    color: #61454d;
}

.gpv-pred-typ-B {
    border-color: #e2f4fb #bbdcf0 #bbdcf0 #e2f4fb;
    background-color: #d2effc;
    color: #1f3e51;
}

.gpv-pred-typ-C {
    border-color: #e7f5e8 #b9e3bb #b9e3bb #e7f5e8;
    background-color: #d5efd6;
    color: #213a22;
}

.gpv-pred-typ-X {
    border-color: #f7f7ed #c5c6ba #c5c6ba #f7f7ed;
    background-color: #e4e4d8;
    color: #434336;
}

.gpv-pred-typ-A-hov,
.gpv-pred-typ-A:hover {
    border-color: #feeeee #c5adb4 #c5adb4 #feeeee;
    background-color: #ebced9;
}

.gpv-pred-typ-B-hov,
.gpv-pred-typ-B:hover {
    border-color: #d8f4ff #99b4c4 #99b4c4 #d8f4ff;
    background-color: #bbdcf0;
}

.gpv-pred-typ-C-hov,
.gpv-pred-typ-C:hover {
    border-color: #ddf2de #a2bda3 #a2bda3 #ddf2de;
    background-color: #b9e3bb;
}

.gpv-pred-typ-X-hov,
.gpv-pred-typ-X:hover {
    border-color: #eeefdf #b2b3a7 #b2b3a7 #eeefdf;
    background-color: #d3d4c6;
}

.gpv-pred-typ-A:hover,
.gpv-pred-typ-B:hover,
.gpv-pred-typ-C:hover,
.gpv-pred-typ-X:hover,
.gpv-pred-typ-A-hov,
.gpv-pred-typ-B-hov,
.gpv-pred-typ-C-hov,
.gpv-pred-typ-X-hov {
    color: black;
}

td.gpv-pred-typ-A div,
td.gpv-pred-typ-B div,
td.gpv-pred-typ-C div,
td.gpv-pred-typ-X div {
    margin-top: 1px;
    margin-bottom: 1px;
    float: left;
    /* color: black; */
}

td.gpv-pred-typ-A div span {
    color: #d587a5;
    padding: 0 1px;
}

td.gpv-pred-typ-B div span {
    color: #4c98c6;
    padding: 0 1px;
}

td.gpv-pred-typ-C div span {
    color: #71ac73;
    padding: 0 1px;
}

td.gpv-pred-typ-X div span {
    color: #6e6f65;
    padding: 0 1px;
}

td.gpv-pred-typ-A div.gpv-predstav-def3,
td.gpv-pred-typ-B div.gpv-predstav-def3,
td.gpv-pred-typ-C div.gpv-predstav-def3,
td.gpv-pred-typ-X div.gpv-predstav-def3 {
    float: right;
    padding: 1px;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 1px;
}

td.gpv-pred-typ-A div.gpv-predstav-def3 {
    border-left: 1px solid #ebced9;
    color: #825d68;
}

td.gpv-pred-typ-B div.gpv-predstav-def3 {
    border-left: 1px solid #bbdcf0;
    color: #49687b;
}

td.gpv-pred-typ-C div.gpv-predstav-def3 {
    border-left: 1px solid #b9e3bb;
    color: #507251;
}

td.gpv-pred-typ-X div.gpv-predstav-def3 {
    border-left: 1px solid #d3d4c6;
    color: #6e6f65;
}

.gpv-pred-noStates {
    padding-left: 4px;
    font-size: 11px;
}

td.gpv-pred-noStates div.gpv-predstav-def3 {
    margin-left: 3px;
    padding-left: 2px;
    padding-right: 2px;
}

/* EOF VSP related from PREDZAPIS_NEW ------------------------------------------------------------------- */
/* EOF VSP related from PREDZAPIS_NEW ------------------------------------------------------------------- */
/* EOF VSP related from PREDZAPIS_NEW ------------------------------------------------------------------- */

/* ECTS: FOOTER --------------------------------------------------------------------------------------------------------------------  */
div.ects_footer {
    height: 21px;
    margin-top: 13px;
    font-weight: bold;
    font-size: 10px;
}

/* ECTS: SUBHEAD --------------------------------------------------------------------------------------------------------------------  */
div.nadpis {
    margin-bottom: 13px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    padding-bottom: 11px;
}

div.nadpis h3 {
    font-size: 17px;
    font-weight: bold;
    margin: 0;
}

/* ECTS: HLAVNI STRANKA - HORNI 3 SLOUPCE -------------------------------------------------------------------------------------------- */
td.main-col1 {
    vertical-align: top;
    padding-right: 13px;
    width: 40%;
}

td.main-col2 {
    vertical-align:top;
    padding-left: 13px;
    padding-right: 13px;
}

td.main-col3 {
    vertical-align:top;
    padding-left: 13px;
}

div.main-uvod {
    text-align: justify;
    line-height: 1.5em;
}

div.main-uvod p:first-child {
    margin-top: 16px;
}

/* rovnak na vohejbak - nahore v contentu at to nemarginuje zhora... */
td.main-col2 div.heading,
td.main-col3 div.heading  {
    margin-top: 0.4em !important;
}

/* ECTS: HLAVNI STRANKA - 4 SLOUPCE, DEKORACE NAD TABULKAMA --------------------------------------------------------------------------- */
td.main-col1-fak,
td.main-col2-obvz,
td.main-col3-obvz,
td.main-col4-fak {
    padding: 2px 5px;
    vertical-align: top;
    font-weight: bold;
    font-family: verdana, Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;
}

div.row1,
div.row2,
div.row3,
div.row4 {
    background-repeat: no-repeat;
    background-attachment: scroll;
}

div.row1 {
    background-position: 0 50%;
    padding-left: 16px;
}

div.row2 {
    background-position: 20px 1px;
    padding-left: 31px;
}

div.row3 {
    background-position: 36px 1px;
    padding-left: 47px;
}

div.row4 {
    background-position: 52px 1px;
    padding-left: 63px;
}

/* COL 1 */
.main-col1-fak div.row1 {
    background-image: url("_default-skin/deco/deco1-1.png");
}

.main-col1-fak div.row2,
.main-col1-fak div.row3,
.main-col1-fak div.row4 {
    background-image: url("_default-skin/deco/deco1-2.png");
}

/* COL 2 */
.main-col2-obvz div.row1 {
    background-image: url("_default-skin/deco/deco2-1.png");
}

.main-col2-obvz div.row2,
.main-col2-obvz div.row3,
.main-col2-obvz div.row4 {
    background-image: url("_default-skin/deco/deco2-2.png");
}

/* COL 3 */
.main-col3-obvz div.row1 {
    background-image: url("_default-skin/deco/deco3-1.png");
}

.main-col3-obvz div.row2,
.main-col3-obvz div.row3,
.main-col3-obvz div.row4 {
    background-image: url("_default-skin/deco/deco3-2.png");
}

/* COL 4 */
.main-col4-fak div.row1 {
    background-image: url("_default-skin/deco/deco4-1.png");
}

.main-col4-fak div.row2,
.main-col4-fak div.row3,
.main-col4-fak div.row4 {
    background-image: url("_default-skin/deco/deco4-2.png");
}

td.ects-main-colX {
    width: 25%;
    vertical-align: top;
}

td.ects-main-colX>table {
    width: 100%
}

/* ECTS: VSP TABULKA - tabulka uvnitr ktere je ECTS verze VSP, singularita------------------------------------------------------ */
table.ects_vsp_tab {
    /* border-collapse: collapse; */
    padding: 0;
    margin: 0;
    /* border: 1px solid #dbd9d9; */
}

table.ects_vsp_tab td,
table.ects_vsp_tab th {
    vertical-align: top;
}

th.ects_vsp_semi-head,
th.ects_vsp_head {
    font-weight: normal;
    padding: 2px;
}

th.ects_vsp_head {
    background-color: #23549b;
    color: white;
    border-left: 1px solid #cccccd;
    border-right: 1px solid #cccccd;
}

th.ects_vsp_semi-head {
    background-color: #494949;
    color: white;
    border-left: 1px solid #cccccd;
    border-right: 1px solid #cccccd;
}

td.ects_vsp_A-sum {
    font-weight: bold;
    font-size: 11px;
    padding-bottom: 1px;
    background-color: #FFF7F8;
    border-right: 1px solid #edeaea;
    border-left: 1px solid #d1d1d1;
    border-bottom: 1px solid #bfbfbf;
    border-top: 2px solid #e597b5;
    white-space: nowrap; /* dulezite proti smrskavani... */
    color: #61454d;
}

td.ects_vsp_A-sum div {
    padding-left: 2px;
    margin-bottom: 1px;
    margin-top: 1px;
}

td.ects_vsp_A-sum div span {
    font-weight: normal;
}

/* gpv-predstav-def3 - pochazi z VSP, soucastky z VSP se DEDI a toto je jedina (nebo jedna z mala) zmena (pretizeni) */
td.ects_vsp_A-sum div div.gpv-predstav-def3 {
    float: right;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    padding-left: 2px;
    margin-left: 120px;
    padding-right: 2px;
    color: #444444;
    border-left: 1px solid #ebced9;
}

td.ects_vsp_B-sum {
    white-space: normal;
    font-size: 11px;

    padding: 1px 3px;
    background-color: #f0faff;
    border-right: 1px solid #edeaea;
    border-left: 1px solid #d1d1d1;
    border-bottom: 2px solid #4c98c6;
    border-top: 1px solid #bfbfbf;
    color: #1f3e51;
}

/* ECTS: MODIFIKACE PRO TABULKY BARVENE A/B/C/X v PREZ1 --------------------------------------------------------------------------------- */
.ects_content tr.gpv-pred-typ-A,
.ects_content tr.gpv-pred-typ-B,
.ects_content tr.gpv-pred-typ-C,
.ects_content tr.gpv-pred-typ-X {
    cursor: default;
}

.ects_content tr.gpv-pred-typ-A td,
.ects_content tr.gpv-pred-typ-B td,
.ects_content tr.gpv-pred-typ-C td,
.ects_content tr.gpv-pred-typ-X td,
.ects_content tr.gpv-pred-typ-A th,
.ects_content tr.gpv-pred-typ-B th,
.ects_content tr.gpv-pred-typ-C th,
.ects_content tr.gpv-pred-typ-X th {
    border-top: none;
    border-bottom: none;
    border-right: none;
}







.statutA {
	background-color:#c257dc;	
}
.statutB {
	background-color:#00b9dc;
}
.statutC {
	background-color:#72d276;	
}



.flex {
    display: flex;
    flex-wrap: wrap;
}
.flex .main-uvod {
    max-width: 450px;
}
.search-form > div {
    padding: 10px;
}
.data-tree > div {
  margin: 0 5px 10px 5px;
}