/*@import url('https://fonts.googleapis.com/css?family=Alegreya:400,400i,700,700i,800,800i&subset=cyrillic');*/
/*font-family: 'Alegreya', serif;*/

/*@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,400i,700,700i&subset=cyrillic');*/
/*font-family: 'Noto Serif', serif;*/

/*@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i&subset=cyrillic');*/
/*font-family: 'PT Serif', serif;*/

/*@import url('https://fonts.googleapis.com/css?family=Vollkorn:400,400i,700,700i&subset=cyrillic');*/
/*font-family: 'Vollkorn', serif;*/

/*@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i&subset=cyrillic');*/
/*font-family: 'Roboto', sans-serif;*/

@import url('https://fonts.googleapis.com/css?family=Jura:400,700&display=swap&subset=cyrillic');
/*font-family: 'Jura', sans-serif;*/

:root {
    --color1: #f20; /*#6E101E;*/
    --color2: #888; /*#9B8F8F;*/
/*    --color2_hover: #616161;*/
/*    --gold: #999;*/
}

* {
    margin: 0px;
    padding: 0px;
}

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: black;
    background: white;
    padding: 0px;
    margin: 0px; 
    font-size: 14px;     
} 

a {
/*    color: var(--color1);*/
/*    font-weight: bold;*/
    text-decoration: underline;
}
.btn-link:hover,
a:hover {
    color: #444;
}
/* Colors */
#LogoHeader, a, .btn-link { color: #f20; }
.bg_header, 
.bg_footer { background-color: #fff; }
.bg_content { background-color: #888; }
.page_title { color: #fff; }

/* Colors - Extended CSS */
.red {color:#ff0000;} 
.border1 {border: 1px solid var(--color1);}
.border2 {border: 1px solid var(--color2);}       
.border_color1 {border-color: var(--color1) !important;}
.border_color2 {border-color: var(--color2) !important;}
.border_gold {border-color: var(--gold) !important;}
.color1 {color: var(--color1);}
.color2 {color: var(--color2);}
.bg_color1 {background-color: var(--color1);}
.bg_color2 {background-color: var(--color2);}
.bg_white_20 {background-color: rgba(255, 255, 255, 0.2);}
.bg_white_30 {background-color: rgba(255, 255, 255, 0.3);}
.bg_white_40 {background-color: rgba(255, 255, 255, 0.4);}
.bg_white_50 {background-color: rgba(255, 255, 255, 0.5);}
/*.breadcrumb, .bg_sideMenu {background-color: rgba(255, 255, 255, 0.3);}*/ /* css-1 */
.breadcrumb, .bg_sideMenu {background-color: rgba(60, 60, 60, 0.3);} /* css-2 */
.bg_sideMenu.closed, 
/*.bg_pageContent {background-color: rgba(255, 255, 255, 0.5);}*/ /* css-1 */
.bg_pageContent {background-color: rgba(255, 255, 255, 0.7);} /* css-2 */
.word-icon {color: #2b579a;}
.excel-icon {color: #217346;}
 
/* Header */
#LogoHeader {
/*    color: var(--gold);*/
    font-size: 22px; 
    font-weight: bold;
    line-height: 1;
/*    font-family: 'Alegreya', serif;*/
/*    font-family: 'Noto Serif', serif;*/
/*    font-family: 'PT Serif', serif;*/
/*    font-family: 'Vollkorn', serif;*/
/*    font-family: 'Roboto', sans-serif;*/
    font-family: 'Jura', sans-serif;
}
#LogoHeader p, 
#LogoHeader span {
    text-shadow: 3px 1px 10px #777;
}

/* Main manu */
#MainMenu a,
#SideMenu a {
    text-decoration: none;
    font-weight: bold;
}
#MainMenu .nav-link,
#SideMenu .nav-link {
    color: #000;
    line-height: 1;
    padding-top: 5px;
}
#MainMenu .nav-link:hover{
    color: rgba(70, 70, 70, 1);
    background-color: rgba(220, 220, 220, 0.5);
}
#MainMenu .dropdown-menu, 
#SideMenu .dropdown-menu {
    font-size: inherit;
}
#MainMenu .dropdown-menu {
    min-width: 270px;
}
#MainMenu .dropdown-menu li a, 
#SideMenu .dropdown-menu li a 
{
    word-wrap: break-word; 
    white-space: normal;
}
#MainMenu .navbar-toggler {
    padding: 0.05rem 0.5rem;
    margin-bottom: 10px;
    border-color: rgb(90, 90, 90);
    border-width: 2px;   
}
#MainMenu .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(90, 90, 90, 0.8)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

@media screen and (max-width: 1200px) {
    #LogoHeader {font-size: 20px;}
    #MainMenu .nav-link {padding-left: 0.2rem; padding-right: 0.3rem;}
}
/*@media screen and (max-width: 1140px) {
    #LogoHeader {font-size: 24px; }
    #MainMenu .nav-link {padding-left: 0.2rem; padding-right: 0.2rem;}
}*/
@media screen and (max-width: 991px) {
    #LogoHeader {font-size: 18px;}
}
@media screen and (max-width: 767px) {
    #MainMenu .nav-link {padding-left: 0.5rem; padding-right: 0.5rem;}
}
@media screen and (max-width: 575px) {
    #MainMenu a { color: #000;}
    /*third level*/
    #MainMenu .collapse ul ul, 
    #MainMenu .collapse ul ul.dropdown-menu{
        background:rgba(155, 155, 155, 0.8);
    }
    #MainMenu .collapse ul ul ul, 
    #MainMenu .collapse ul ul ul.dropdown-menu{
        background:rgba(155, 155, 155, 0.2);
    }
    #MainMenu .collapse ul ul ul ul, 
    #MainMenu .collapse ul ul ul ul.dropdown-menu{
        background:rgba(155, 155, 155, 0.2);
    }
    #MainMenu .dropdown-menu li:hover {background-color: rgba(255,255,255,0.5);}    
}

/* Side menu */
.SideMenu_toggler .navbar-btn {
    padding: 0.03rem 0.3rem;
    margin-left: 7px;
/*    margin-bottom: 10px;*/
    border: 0px solid rgb(90, 90, 90);
    border-radius: 0.25rem 0.25rem 0 0;
    border-bottom: none;   
}
/*.SideMenu_toggler .navbar-toggler-icon, 
#SideMenu .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(90, 90, 90, 0.8)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}*/
#SideMenu { width: 270px;}
#SideMenu .navbar {padding: 0.5rem;}
#SideMenu .nav-item:hover {
    color: rgba(30, 30, 30, 1);
    background-color: rgba(140, 140, 140, 0.5);
}
#SideMenu .dropdown-menu {background-color: rgba(255,255,255,0.4);}
#SideMenu .dropdown-item {padding: 0.25rem;}
#SideMenu .dropdown-item:active {color: rgba(40, 40, 40, 1);}
#SideMenu .dropdown-item:hover {background-color: rgba(140, 140, 140, 0.4);}
#SideMenu ul li {padding-left: 0.75rem;}
#SideMenu > div > ul > li {padding-top: 0.75rem; padding-right: 5px;}
#SideMenu i {padding-right: 5px;}
@media screen and (max-width: 768px) {
    #SideMenu { width: 50px; z-index: 10;}
    #SideMenu .nav-item:hover {background-color: rgba(120, 120, 120, 0.8);}
    #SideMenu .dropdown-menu {background-color: rgba(255,255,255,0.8);}
    #SideMenu ul li {padding-left: 0.15rem;}
    .nav-item [data-toggle="dropdown"] span {display: none;}
}
#SideMenu.closed { width: 0;}
/*SideMenuCollapse button with animation*/
#SideMenuCollapse {
    width: 36px;
    height: 40px;
    transition: background-color 0.8s;
}
#SideMenuCollapse span {
    width: 80%;
    height: 3px;
    margin: 0 auto;
    display: block;
    background: #222;
    transition: all 0.8s cubic-bezier(0.810, -0.330, 0.345, 1.375);
}
#SideMenuCollapse span:first-of-type {
    /* rotate first one */
    transform: rotate(45deg) translate(2px, 2px);
}
#SideMenuCollapse span:nth-of-type(2) {
    /* second one is not visible */
    opacity: 0;
}
#SideMenuCollapse span:last-of-type {
    /* rotate third one */
    transform: rotate(-45deg) translate(2px, -2px);
}
#SideMenuCollapse.closed span {
    /* no rotation */
    transform: none;
    /* all bars are visible */
    opacity: 1;
    margin: 5px auto;
}
/*SideMenuCollapse button with animation*/

/* Content */
/* Page title */
.page_title {
    padding-top: 1.6rem !important;
    padding-bottom: 0.8rem;
/*    color: var(--gold);*/
/*    font-family: 'Jura', sans-serif;*/
    font-size: 2em;
/*    font-variant: small-caps;*/
/*    font-style: italic;*/
    font-weight: bold;
    text-align: right;
}
@media screen and (max-width: 991px) {
    .page_title {font-size: 1.8em;}
    .h3 {font-size: 1.7em;}
}
@media screen and (max-width: 767px) {
    .page_title {font-size: 1.6em;}
    .h3 {font-size: 1.5em;}
}
.breadcrumb {
    line-height: 1.5em;
/*    background-color: rgba(255,255,255,0.3);*/
    padding: 0.3rem 0.5rem;
    margin-top: auto;
    margin-bottom: 5px;
    border: 2px solid #ccc;
}
.breadcrumb a {
    color: #222; 
}
.breadcrumb a:hover {
    color: #ccc;
}
.breadcrumb-item.breadcrumb-item::before, 
.breadcrumb-item.active {color: #ccc;}
.breadcrumb i {display: none;}
.bg_content {min-height: 80vh;}

/* Personal photo image */
.pf_img img {
/*    width: 180px;*/
    margin: 10px 20px 20px 20px;
    vertical-align: bottom;    
    max-width: 280px;
    max-height: 280px;
    width: auto;
    height: auto;
    padding: 5px 5px 15px 5px;
    background: white;
    border-radius: 5px; 
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
}
@media screen and (min-width: 768px) and (max-width: 992px) {
   .pf_img img {
        max-width: 100%; 
        max-height: 100%;
   }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
   .pf_img img.landscape {
        max-width: 100%; 
        max-height: 100%;
   }
}
/* Parallax */
/*.parallax {
    min-height: 65vh;
    background-attachment: fixed;
    background-size: cover;
    background-position: 50% 50%;
}*/
/* Image for Parallax Section */ 
/*#home {
    background-image: url("../design_images/bgn_home.jpg");
} 
#za_fdu {
    background-image: url("../design_images/bgn_za_fdu.jpg");
} 
#contact {
    background-image: url("../design_images/bgn_contact.jpg");
}*/

/* Carousel - Home page */
#carouselHome .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 50% !important;
    background-color: rgba(150, 150, 150, 1);
    border: 2px solid rgba(0, 0, 0, 0.6);
}
#carouselHome .carousel-inner {
/*    max-height: 600px;*/
}
#carouselHome img {
    max-height: 80vmin;
}
.carousel_caption_box {
    padding: 5px 10px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.6);
}
.carousel_indicators_box {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50em;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.6);
}

#carouselNews .carousel-inner {
    width: 95%;
}
/* Carousel - Vertical */
.carousel-up .carousel-item-next:not(.carousel-item-left),
.carousel-up .active.carousel-item-right {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.carousel-up .carousel-item-prev:not(.carousel-item-right),
.carousel-up .active.carousel-item-left {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.carousel-up .card-text {
    height: 100px;
}

.carousel-up .carousel-control-prev,
.carousel-up .carousel-control-next {
  top: auto;
  bottom: auto;
  color: #fff;
  
  width: 1.5em;
  height: 1.5em;
  font-size: 1.5rem;
  -webkit-text-stroke: 2px white;
  text-decoration: none;
  background-color: rgba(0,0,0,0.5);
  border-radius: 0.75em;
  padding: 0.2em;
}

.carousel-up .carousel-control-prev:hover, 
.carousel-up .carousel-control-prev:focus,
.carousel-up .carousel-control-next:hover,
.carousel-up .carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-up .carousel-control-prev {
  bottom: 0;
  left: auto;
  right: -10px;
}

.carousel-up .carousel-control-next {
  top: 0;
  right: -10px;
}

#home_links img {
    border: 2px solid #000;
    border-top: none;
    border-bottom: none;
}

#home_links .links_title {
    color: white;
    min-height: 42px;
    background-color: rgba(0,0,0,0.1);
    border-radius: 0px 0px 5px 5px;
    display: flex;
}
#home_links span{
    margin: auto; /* Important */ 
    font-weight: bold;
    text-align: center;
/*    background-color: rgba(255,255,255,0.5);*/
/*    padding: 2px 5px;*/
/*    box-shadow: 0 0 10px rgba(255,255,255,0.7);*/
}
#home_links a { 
/*    font-family: 'Jura', sans-serif; font-weight: 700; font-size: 1.2em;*/
    position:absolute; 
    width:100%;
    height:100%;
    top:0;
    left: 0;
    text-decoration: none;
/*    line-height: 0.8;*/
/*    font-size: 1em;*/
    color: #f20;
    text-transform: uppercase;
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #fff; 
/*    text-shadow: 0 0 5px #888, 0 0 10px #888, 0 0 20px #888;*/
    display: flex;
/* edit: added z-index */
    z-index: 1;
/* edit: fixes overlap error in IE7/8, 
     make sure you have an empty gif */
    background-image: url('empty.gif');
    transition: background-color 0.5s;
}
#home_links a:hover {background-color: rgba(255,255,255,0.3);}

/*.carousel-up .carousel-control-prev-icon,
.carousel-up .carousel-control-next-icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: no-repeat 50% / 50% 100%;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 20px;
}*/

/*.carousel-up .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
  transform: rotate(-90deg);
}*/

/*.carousel-up .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
  transform: rotate(-90deg);
}*/

/* Carousel - Vertical */ 


.link_ico img {padding-right: 10px;}

/* Bootstrap Accordion */
.mod_accordion .card-body ul {padding-left: 30px;}
.mod_accordion .card-header {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    background-color: rgba(0,0,0,0.05);
    cursor: default;
}
.mod_accordion .btn-link:hover {text-decoration: none;} 
.mod_accordion [data-toggle="collapse"] .fa:before { content: "\f139";}
.mod_accordion [data-toggle="collapse"].collapsed .fa:before { content: "\f13a";}

/* Typography */
.text_inhgerit_color, .text_inhgerit_color a {color: inherit !important;}
.indent {text-indent: 30px;}
.paragraph {
    text-indent: 1.5em;
    text-align: justify;
}
#accordionEnrolment ol,
.n_so ul,
.bulleting {padding-left: 30px;}
.bulleting_no_bullets {list-style-type: none;}
.bullets_min ul {
    list-style-position: inside;
    list-style: none;
    margin-left: 0;
    padding: 0.3em;
    padding-left: 0.5em;
}
.bullets_min ul li:before {
    content: "\2013 \0020";
}
.subnote {
    padding: 5px;
    font-size: 0.8em;
}

/* Show first character extra large on paragraph .first_char_caps */
.first_char_caps:first-letter {
    color: var(--color1);
    display:inline;
    float:left;
    font-size:5.4em;
    font-family: 'Roboto', sans-serif;
    font-weight: bold; 
    font-style: italic;
    line-height:0.8em;
    margin: -0.01em 0.14em 0 0;
    text-transform:uppercase;
}
/* Show first character extra large only on first paragraph */
.first_char_caps_one {}
.first_char_caps_one p:first-child:first-letter {
    color: var(--color1);
    display:inline;
    float:left;
    font-size:5.4em;
    font-family: 'Roboto', sans-serif;
    font-weight: bold; 
    font-style: italic;
    line-height:0.8em;
    margin: -0.01em 0.14em 0 0;
    text-transform:uppercase;
}
.first_char_caps_one p:first-child:first-line {}

/* Show first character extra large only on all paragraphs */
.first_char_caps_all p:first-letter {
    color: var(--color1);
    display:inline;
    float:left;
    font-size:5.4em;
    font-family: 'Roboto', sans-serif;
    font-weight: bold; 
    font-style: italic;
    line-height:0.8em;
    margin: -0.01em 0.14em 0 0;
    text-transform:uppercase;
}

/* Announcements */
#carouselNews .card-text img, 
.n_so .card-text img {
    padding-right: 5px;
}

/* Dekanat */
#dekanat .nav-link {
    text-decoration: none;
    color: inherit;
/*    background-color: rgba(0,0,0,0.1);*/
}
#dekanat .tab-content {
    border: 1px solid white;
/*    border-top: none;*/
    border-radius: 0px 5px 5px 5px;
}
#dekanat fieldset {              
    padding: 5px;
/*    border: 1px solid var(--color2);*/
    border-radius: 3px;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}
#dekanat legend{
    width: auto;
    padding: 5px 15px;
    font-size: 0.9em;
/*    font-weight: bold; */
/*    font-style: italic;*/
    text-transform: uppercase;
}
.div_outline {
    margin: 10px 5px;
    padding: 10px;
    border: 1px solid var(--color2);
    border-radius: 5px;
}
/* Attachments */
.attachments .div_outline p:first-child, 
#pdoc .div_outline p:first-child, 
#sved .div_outline p:first-child, 
#skom .div_outline p:first-child {
    border-bottom: 2px solid var(--color2);
    padding-bottom: 5px;
    font-variant: small-caps;
}
.attachments fieldset {              
    padding: 5px;
    border-radius: 3px;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}
.attachments legend{
    width: auto;
    padding: 5px 15px;
    font-size: 1em;
    margin-top: 10px;
    margin-bottom: 0px;
    font-weight: bold;
    font-variant: small-caps;
}
.attachments fieldset li {
    padding-bottom: 5px;
}
.attachments .subnote {
    margin-top: 15px; 
    margin-bottom: 0;
    border-top: 2px solid var(--color2);
}

/* Doctoral disertations */
a.doc_dis_link {
    color: unset !important;
}
a.doc_dis_link:hover {
    color: var(--color2) !important;
}
.doc_dis_title {
    font-weight: bold;
    text-transform: uppercase;
}
.doc_dis_title .regular {
    text-transform: none;
}

/* Tables */
.tbl_simple {
    width: 100%;
}
.tbl_simple th,
.tbl_simple td{
    padding: 5px 10px;
    border: 1px solid #333;
}
.tbl_simple.tbl_bgn_color tr th {
   background-color: rgba(255, 255, 255, 0.5);
/*   letter-spacing: 0.4em;*/
}
.tbl_simple.tbl_bgn_color td {background-color: rgba(100, 100, 100, 0.2);}
.tbl_simple tr:hover{
    background-color: rgba(0, 0, 0, 0.1);
}
.tbl_simple.first_dont_hover tr:first-of-type:hover{
    background-color: inherit;
}
@media screen and (min-width: 450px) {
    .tbl_simple tr th {letter-spacing: 0.4em;}
}

.tbl_subjects {
    width: 100%;
}
.tbl_subjects th,
.tbl_subjects td{
    padding: 5px 10px;
    border: 1px solid #333;
}
/*.tbl_subjects {
    width: 100%;
    border: 2px solid #444;
    border-collapse: separate;
    border-spacing: 0px;
    border-radius: 10px 10px 5px 5px;
    overflow: hidden;
}
.tbl_subjects th,
.tbl_subjects td{
    padding: 5px 10px;
    border: 2px solid #444;
    border-left: none;
    border-top: none;
}
.tbl_subjects th:last-of-type, 
.tbl_subjects td:last-of-type {
    border-right: none;
}
.tbl_subjects tr:last-of-type td {
    border-bottom: none;
}*/
.tbl_subjects tr th {
   background-color: rgba(255, 255, 255, 0.5);
/*   letter-spacing: 0.4em;*/
}
.tbl_subjects td {background-color: rgba(100, 100, 100, 0.2);}
.tbl_subjects tr:hover{
    background-color: rgba(0, 0, 0, 0.1);
}
.tbl_subjects tr:first-of-type:hover{
    background-color: inherit;
}
@media screen and (min-width: 450px) {
    .tbl_subjects tr th {letter-spacing: 0.4em;}
}

.tbl_students {
    width: 100%;
/*    border: 2px solid #777; *//* css-1 */
    border: 2px solid #555; /* css-2 */
    border-collapse: separate;
    border-spacing: 0px;
    border-radius: 10px 10px 5px 5px;
    overflow: hidden;
}
.tbl_students td{
/*    border-top: 2px solid #777; *//* css-1 */
    border-top: 2px solid #555; /* css-2 */
}
.tbl_students th,
.tbl_students td{
    padding: 2px 5px;        
}
.tbl_students th {
    border-radius: 10px 10px 0 0;
/*    background-color: rgba(255, 255, 255, 0.7); *//* css-1 */
    background-color: rgba(255, 255, 255, 0.8); /* css-2 */
}
.tbl_students tr {
/*    background-color: rgba(155, 155, 155, 0.2); *//* css-1 */
    background-color: rgba(195, 195, 195, 0.8); /* css-2 */
}
.tbl_students tr:nth-of-type(2) {    
/*    background-color: rgba(255, 255, 255, 0.3); *//* css-1 */
    background-color: rgba(225, 225, 225, 0.8); /* css-2 */
}
.tbl_students tr:last-of-type {border-radius: 0 0 5px 5px;}
@media screen and (min-width: 992px) {
    .tbl_students th {
        letter-spacing: 0.2em;
        word-spacing: 0.4em;
    }
    .tbl_students tr:nth-of-type(2) {letter-spacing: 0.1em;}
}
/* DataTables */
.dataTable_holder {
    float: none;
    margin: 0 auto;
    width: 95%;
    border: 1px solid #2b0306;
    overflow-x: auto;
/*    background-color: rgba(255,255,255,0.3);*/
}
.dataTables_wrapper {
    width: 95% !important;
}
.dataTables_wrapper .page-link {
    background-color: inherit;
    color: inherit;
    border: none;
    padding: 0;
}

/* Skomrahi */
#skom_program {
    padding: 5px 10px;
}

/* Repertory - Skomrahi, Akademska scena */
.repertory_Date {
   font-weight: bold;
   background: rgba(80,80,80,0.5);
   color: white;
   border: 1px solid #555;
   padding: 5px 10px; 
   margin-top: 10px;
}
.repertory_ProgramType {
   padding: 15px;
   padding-bottom: 5px;
   position: relative;
   font-weight: bold; 
}
.repertory_Time_Stage {
   padding: 5px;
   font-weight: bold;
   border-top: 1px dotted #555;    
}
/* Skomrahi Programa */
.repertory_Day .repertory_event:nth-child(2) .repertory_Time_Stage {
   border-top: none;
}
/* Akademska scena */
#FDU_AS .repertory_Day .repertory_event .repertory_Time_Stage {
   border-top: none;
}
.repertory_Ceremony {
   padding: 10px; 
   float: none;
}
.repertory_PerformanceType {
   padding: 0px 5px 5px 25px;
}
.repertory_Faculty {
   font-weight: bold;
   padding: 5px 5px 5px 15px; 
}
.repertory_Performance {  
   padding: 5px 5px 5px 20px;
}
.repertory_PerformanceTitle{
    font-weight: bold;
    letter-spacing: 4px;
    padding: 0px 5px 5px 25px;
}
.skom_ArchiveDetails ul{
    margin-left: 0;
    padding: 0.3em;
    padding-left: 0.5em;
}
.skom_ArchiveDetails ul li{
    margin-left: 0;
    padding: 0.1em;
    padding-left: 0.5em;
}
.skom_ArchiveDetails_border {
    border-top: 1px dotted #555;
    padding-top: 0.6em;
    padding-bottom: 0.3em;
/*    margin-top: 0.5em;*/
} 
.skom_arch_details .skom_ArchiveDetails_border:first-of-type {
    padding-top: 0;
    border: none;
}
.skom_ArchiveDetails_PerformanceType {
   padding: 0px 5px;
   font-size: 0.8em;
   text-align: right;
}

.btn_collapse_archive {
    text-decoration: underline;
}

@media screen and (max-width: 550px) {
    .repertory_Performance {  
       padding: 5px 5px 5px 10px; 
    }
    .repertory_PerformanceTitle{
        letter-spacing: 3px;
        padding: 0px 5px 5px 15px;
    }    
}
@media screen and (max-width: 450px) {
    .repertory_PerformanceTitle{
        letter-spacing: 2px;
    }    
}
@media screen and (max-width: 400px) {
    .repertory_PerformanceTitle{
        letter-spacing: 1px;
    }    
}
@media screen and (max-width: 350px) {
    .repertory_PerformanceTitle{        
        word-break: break-word !important;
        overflow-wrap: break-word !important;
    }    
}

/* FDU Repertoar */
#FDU_AS {
    padding: 5px 10px;
}
.bgn_next {
   background: rgba(80,80,80,0.5); 
} 
.bgn_past {
   background: rgba(80,80,80,0.2); 
}
.RepertoryTitle {
    font-weight: bolder;
    font-variant: small-caps;
    letter-spacing: 5px;
    text-align: center;
    padding: 10px;
}
.PerformanceTitle {
    font-weight: bold;
    letter-spacing: 3px;
    padding-left: 25px;
}
.repertory_bottom_border {
    border-top: 1px dotted #555;
}

/* CV link and ModalPopupDialog */
.cv_link {
    text-decoration: underline;
    cursor: pointer;
}
.cv_link:hover {
    color: #444;
}

/* jQuery Image Viewer with Zoom and Rotate – Magnify */
.magnify_image_gallery a {padding: 3px;}
/*.magnify_image_gallery img {
    padding: 3px;
    background-color: #f0f0f0;
    border-radius: 5px;
    max-height: 150px;
}*/
.magnify_image {
    width: 250px;
    height: 150px;
    background-color: #e7e7e7;
    border: 3px solid #f0f0f0;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    transition: opacity 0.5s;
}
.magnify_image:hover {
    opacity:0.7;
}
@media screen and (max-width: 550px) {
    .magnify_image {
        width: 150px;
        height: 90px;    
    }
}

/*.btn_collapse_gal_img .fa:before { content: "\f139";}*/
/*.btn_collapse_gal_img.2hide .fa:before { content: "\f13a";}*/

/*audio {width: auto;}*/
@media screen and (max-width: 520px) {
    audio {width: 100px;}
    p {hyphens: auto;}
    a {
        word-break: break-word !important;
        overflow-wrap: break-word !important;
    }
}

/* Embed video container */
.embed-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
} 
.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* Form validation */
.mark_mandatory {
    padding: 0px 2px;
    font-size: 0.65em;
}
form input.error,form textarea.error {
    border: 2px solid red;
    background-color: #FFE0E0;
}
form label.error {
    display: block;
    margin-left: 2px;
    width: auto;
    color: red;
    font-size: 0.8em;
}

/* Mark as required */
label.form_label_4_input.required:after {
    content: "*";
    vertical-align: super;
    font-size: small;
    font-family: Arial, Helvetica, sans-serif;
}

sup.required {
    font-family: Arial, Helvetica, sans-serif;
}

.btn-submitting {
    min-width: 120px;
}

.btn_page_link {
    margin: 2px;
}

/* Micosoft Teams link - Join conversation teams.microsoft.com */
.ms-teams-link h5 {
    color: blue;
} 
.ms-teams-link:hover h5 {
    color: inherit;
} 
.ms-teams-link:hover{
    background-color: rgba(0, 0, 0, 0.05);
}

/* Footer */
#FooterMenu ul {
    list-style: none;
    margin-left: 10px;
}
#FooterMenu a { text-decoration: none;}
#FooterMenu a:hover { text-decoration: underline;}
#FooterMenu .row>div {border-left: 1px solid var(--gold);}
#FooterMenu .row>div:first-child {border-left: none;}
/*#FooterMenu a, #rowFooter a {color: var(--gold);}*/
#FooterMenu, #rowFooter {
    color: var(--gold);
    font-size: 12px;
    line-height: 1.25rem;
}
#FooterMenu .fa_icons {
    font-size: 2em;
}

.scroll2top {
    position: fixed;
    bottom: 35px;
    right: 10px;
    display: none;
}

@media screen and (max-width: 768px) {
    #home_links .col a {
        font-size: 0.7em;
        line-height: 1.2;
    }
}
@media screen and (max-width: 576px) {
    #FooterMenu .row>div {
        border-left: none;
        border-top: 1px solid var(--gold);
        margin-left: 5px;
        margin-right: 5px;
    }
}

/* Extended CSS */
.left {text-align:left;}
.right {text-align:right;}
.justify {text-align:justify;}
.center {text-align:center;}
.v_top {vertical-align: top;}
.v_middle {vertical-align:middle;}
.v_bottom {vertical-align: bottom;}
.total_center {text-align:center; vertical-align:middle}
.left_v_top {text-align:left;vertical-align:top;}
.left_v_middle {text-align:left; vertical-align:middle} 
.bold {font-weight:bolder;}
.italic {font-style: italic;}
.no_border {border: none;} 
.border_corners_5 {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.div_center {margin: auto;}
.div_hidden {display: none;}
.help {cursor:help;}
.h-60vh {min-height: 60vh;}
.h-65vh {min-height: 65vh;}
.h-70vh {min-height: 70vh;}
.lh-0 {line-height: 0;}
.attach_fa_ico i {font-size: 1.5em; padding-left: 5px;}
.i_icon i {font-size: 1.5em;}
.i3em i {font-size: 3em;}

/* jQuery-ui.css overload */ /*  ?? !! ??  */
.ui-date-highlight .ui-state-default {font-weight: bold;}
.ui-datepicker-week-end, .ui-datepicker-week-end .ui-state-default {color: red;}
#Calendar .ui-datepicker { width: 94%; padding: 3px 3px 0; margin:auto;} 
#Calendar .ui-datepicker {margin: 0px;}  /* disable auto center #commonCalendar .content #Calendar .commonSubContent */
#Calendar .ui-datepicker .ui-datepicker-header { padding:2px 0; }
#Calendar .ui-datepicker th {width:14%; }
#search_filter .ui-accordion-content {padding: 5px;}
.tabs_no_bgn .ui-tabs-panel {padding: 0.3em;}
.tabs_no_bgn .ui-widget-content {background: none; }

/* Old IE */
/* Internet Explorer/Edge <= 8 */
@media \0screen\,screen\9 {
/*    a {color: #9B8F8F;}*/
/*    a:hover {color: #616161;}*/
/*    #LogoHeader {color: #c9ae44;}*/
/*    #MainMenu .nav-link {color: #c9ae44;}*/
/*    #home_links img {border: 1px solid #6E101E;}*/
/*    #home_links .links_title {background-color: #6E101E;}*/
/*    #rowFooter {color: #9B8F8F;}*/
    .border1 {border: 1px solid #f20;}
    .border2 {border: 1px solid #888;}       
    .border_color1 {border-color: #f20 !important;}
    .border_color2 {border-color: #888 !important;}
/*    .border_gold {border-color: #c9ae44 !important;}*/
    .color1 {color: #f20;}
    .color2 {color: #888;}
    .bg_color1 {background-color: #f20;}
    .bg_color2 {background-color: #888;}
    #FooterMenu .row>div {border-left: 1px solid #f20;}
    #FooterMenu a, #rowFooter a {color: #f20;}
    #FooterMenu, #rowFooter {color: #f20;}
}
/*  Internet Explorer/Edge >= 9 */
@media screen and (min-width:0\0) {
/*    a {color: #9B8F8F;}*/
/*    a:hover {color: #616161;}*/
/*    #LogoHeader {color: #c9ae44;}*/
/*    #MainMenu .nav-link {color: #c9ae44;}*/
/*    #home_links img {border: 1px solid #6E101E;}*/
/*    #home_links .links_title {background-color: #6E101E;}*/
/*    #rowFooter {color: #9B8F8F;}*/
    .border1 {border: 1px solid #f20;}
    .border2 {border: 1px solid #888;}       
    .border_color1 {border-color: #f20 !important;}
    .border_color2 {border-color: #888 !important;}
/*    .border_gold {border-color: #c9ae44 !important;}*/
    .color1 {color: #f20;}
    .color2 {color: #888;}
    .bg_color1 {background-color: #f20;}
    .bg_color2 {background-color: #888;}
    #FooterMenu .row>div {border-left: 1px solid #f20;}
    #FooterMenu a, #rowFooter a {color: #f20;}
    #FooterMenu, #rowFooter {color: #f20;}  
}