/*@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_black_10 {background-color: rgba(0, 0, 0, 0.1);}
.bg_black_20 {background-color: rgba(0, 0, 0, 0.2);}
.bg_black_30 {background-color: rgba(0, 0, 0, 0.3);}
.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 */
 
/* 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);}    
}
@media screen and (max-width: 420px) {
    #LogoHeader > .row > .pt-4 {padding-top: 40px !important;}
}
/* 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 { 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 .nav-link 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: 970px) {
   .pf_img img {
        max-width: 100%; 
        max-height: 100%;
   }
}

/* 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);
}
.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;
}
.comment {
    font-size: 0.8em;
}

tag_cv {
     font-variant: small-caps;
     text-decoration: underline;
     cursor: pointer;
}
tag_cv sup {
    font-size: 0.7em; 
    padding-left: 1px; 
    top: -0.6em;
}
tag_cv.frame {border: 1px solid black; padding-left: 3px; padding-right: 5px;}
.cv_div p {text-indent: 20px;}
.cv_div p:first-child {
    text-align: right;
    text-indent: 0;
    padding: 10px 20px 20px 10px;
/*    font-style: italic;*/
}
.cv_div p:first-child::first-line {
    padding-left: 25px;
    font-size: 1.1em;
    font-weight: bold;
/*    font-style: normal;*/
}

/* 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;
}

/* Bootstrap tabs - white border */
.bs_tabs .nav-link {
    text-decoration: none;
    color: inherit;
    border-color: #fff !important;
    font-weight: bold;
/*    background-color: rgba(0,0,0,0.1);*/
}
.bs_tabs .tab-content {
    border: 1px solid white;
/*    border-top: none;*/
    border-radius: 0px 5px 5px 5px;
}

.div_outline {
    margin: 10px 5px;
    padding: 10px;
    border: 1px solid var(--color2);
    border-radius: 5px;
}
/* Attachments */
.attachments .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;
}

/* 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;}
}

/* Table with fixed Header and 1st column */
.TableFixH1C_container {
/*    width: 75vw !important;*/
    width: calc(75vw - 20px) !important;
}
@media screen and (max-width: 1500px) {
    .TableFixH1C_container {
        width: calc(70vw - 20px) !important;
    }    
}
@media screen and (max-width: 992px) {
    .TableFixH1C_container {
        width: calc(75vw - 80px) !important;
    }    
}
@media screen and (max-width: 768px) {
    .TableFixH1C_container {
        width: calc(75vw - 20px) !important;
    }    
}
.TableFixH1C_container table {
    position: relative;
    width: inherit;
    overflow: hidden;
    border-collapse: collapse;
}
.TableFixH1C_container table th {
    background-color: #bbb;
}
.TableFixH1C_container table td {
    background-color: #ddd;
}
.TableFixH1C_container table th, 
.TableFixH1C_container table td{
    font-size: 0.9em;
    padding: 2px 5px;
    border: 1px solid #fff;
} 
.TableFixH1C_container table tr:nth-of-type(2n+1) td{
    background-color: #ccc;
}
.TableFixH1C_container table tr:hover td{
    background-color: #bbb;
}
/*thead*/
.TableFixH1C_container thead {
    position: relative;
    display: block; /*seperates the header from the body allowing it to be positioned*/
    width: inherit;
    overflow: visible;
}

.TableFixH1C_container thead th {
    min-width: 80px;
/*  height: 40px;*/
}

.TableFixH1C_container thead th:nth-child(1) {/*first cell in the header*/
    position: relative;
    display: block; /*seperates the first cell in the header from the header*/
/*  background-color: #ddd;*/
}
/*tbody*/
.TableFixH1C_container tbody {
    position: relative;
    display: block; /*seperates the tbody from the header*/
    width: inherit;
    height: 50vh;
    overflow: scroll;
}
.TableFixH1C_container tbody td {
    min-width: 80px;
}
.TableFixH1C_container tbody tr td:nth-child(1) {  /*the first cell in each tr*/
    position: relative;
    display: block; /*seperates the first column from the tbody*/
/*  height: 40px;*/
/*  background-color: #ddd;*/
}
.TableFixH1C_container tbody tr:nth-of-type(2n+1) td:nth-child(1) { 
/*  background-color: rgba(0,0,0,.05);  */
}
.TableFixH1C_container .keep_header_width th {
    height: 1px;
    padding-top: 0;
    padding-bottom: 0;
    color: rgba(0,0,0,0);
    background-color: rgba(0,0,0,0);
    border-color: rgba(0,0,0,0);
    visibility: hidden;
}
.TableFixH1C_container .keep_header_width:hover th {
    background-color: rgba(0,0,0,0);
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}
    
/* 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: 100% !important;
}
.dataTables_wrapper .page-link {
    background-color: inherit;
    color: inherit;
    border: none;
    padding: 0;
}
.dataTable_holder .table thead {background: rgba(0,0,0,0.1); }
.dt_search_columns {
    margin: 5px 3px 10px 3px;
    background: rgba(0,0,0,0.1);
}
.btn_search_toggler a i {padding-left: 10px;}
.btn_search_toggler a .fa:after {content: "\f106";}
.btn_search_toggler.closed a .fa:after {content: "\f107";}
.reset_input_group input {
    width: 90%;
    background: none;
}
.reset_input_group i {
    font-size: 1.2em;
    color: #888;
}
.reset_input_group i:hover {
    color: #000;
}

tag_details {
    text-decoration: underline;
    cursor: pointer;
}
tag_details i {
    font-size: 1.2em;
/*    padding-top: 3px;*/
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}
tag_details i:hover {
    color: #444;
    transform: scale(1.2)
/*    -webkit-transform: rotate(360deg);*/
/*    transform: rotate(360deg);*/
} 

/* 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;    
    }
}

/*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;
}

.btn_page_link {
    margin: 2px;
}

/* Footer */
.scroll2top {
    position: fixed;
    bottom: 35px;
    right: 10px;
    display: none;
    z-index: 10;
}

@media screen and (max-width: 768px) {
    #home_links .col a {
        font-size: 0.7em;
        line-height: 1.2;
    }
}


/* 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; }
.ui-autocomplete {
    max-height: 20vh; /* set max height to autocomplete drop down list */
    overflow-y: auto;   /* prevent horizontal scrollbar */
    overflow-x: hidden; /* add padding to account for vertical scrollbar */
    z-index:1000 !important;
}

/* 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;}*/
    .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;}
}
/*  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;}*/
    .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;}  
}