﻿
body {
    color: #333333;
    /*background-color: #D7D7D7 !important;*/
}

/*=============== Titles style ===============*/

.red_title {
    color: #CC9900;
}

.innerTitle {
    color: #ef3a6b;
}

.smallTitle {
    color: #ef3a6b !important;
}

h2 {
    /*background-image: url(../images/heading2.gif);*/
    background-repeat: no-repeat;
    background-position: left center;
    color: #ef3a6b;
}

h3 {
    /*background-image: url(../images/heading2.gif);
    background-repeat: no-repeat;
    background-position: left top;*/
    color: #ef3a6b !important;
}

h4 {
    color: #666;
}

h5 {
    color: #ef3a6b;
}

h6 {
    color: #ef3a6b;
}

.subtitle {
    color: #8AC25F;
}

/*=============== Footer ===============*/

#footer {
    background-color: #353535;
    color: #d7d7d7;
    /*background-image: url(../images/footer.gif);*/
    background-repeat: repeat-x;
    background-position: top;
    text-align: left;
}

    #footer a {
        color: #d7d7d7;
    }

.lowerfooter {
    background-color: rgba(0,0,0,.5);
    margin-top: 30px;
    text-align: center;
    padding: 10px 0;
    color: rgba(255,255,255,.4)
}

    .lowerfooter a {
        text-decoration: none !important;
    }

    .lowerfooter .BALogo {
        display: inline-block;
        width: 90px;
        margin-right: 5px;
        opacity: .4;
    }
/*=============== Banner ===============*/

#banner {
    background-image: url(../images/background.gif);
    background-repeat: repeat-y;
    /*width: 770px;*/
}

/*=============== Pannel ===============*/

#panel {
    color: #667D35;
}

#panel_right a {
    color: #333333 !important;
}

#panel_left a {
    color: #333333 !important;
}

#panel2_border {
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #999999;
    border-bottom-color: #999999;
    border-left-color: #999999;
}

/*=============== side menu style ===============*/

#left_menu a.side:link, a.side:visited {
    /*background-image: url(../images/link_bg.gif);
    background-repeat: no-repeat;
    color: #333333;
    height: 40px;
    line-height: 25px;*/
    border-bottom: 1px dotted;
    color: #511f50;
}

#left_menu a.side:hover {
    /*background-image: url(../images/link_bg_hover.gif);
    background-repeat: no-repeat;
    color: #ef3a6b;*/
    background-color: #eee;
}

.topItem {
    background-image: url(../images/link_bg_open.gif);
    background-repeat: no-repeat;
    height: 40px;
    color: #333333;
}

/*=============== Tabs Style ===============*/
.tabs li {
    background-color: #ef3a6b !important;
    color: #FFFFA6;
}

    .tabs li a:link,
    .tabs li a:visited {
        text-decoration: underline !important;
        color: White !important;
    }

    .tabs li a:hover {
        background-color: #ef3a6b !important;
        text-decoration: none !important;
    }

.topItemOver {
    /*background-image: url(../images/link_bg_hover _down.gif);
    background-repeat: no-repeat;*/
    background: url("../images/link_bg_hover-_down.jpg") repeat scroll 0 0 transparent;
    color: #333333;
    height: 40px;
    border-bottom: 1px dotted;
    line-height: 35px;
    padding-top: 0;
}

.topItemClose {
    background-image: url(../images/link_bg.gif);
    background-repeat: no-repeat;
    color: #333333;
    height: 40px;
    border-bottom: 1px dotted;
    line-height: 35px;
    padding-top: 0;
}

.topItemCloseOver {
    background-image: url(../images/link_bg_hover.gif);
    background-repeat: no-repeat;
    color: #ef3a6b;
    height: 40px;
    line-height: 35px;
}

.dropMenu {
    color: #99CC33;
}

.subItem {
    color: #8fbe58;
}

    .subItem a {
        color: #d7d7d7 !important;
    }

.subItemOver {
    color: #50abad;
}

    .subItemOver a {
        color: #4D7135;
    }

.main-content {
    /*box-shadow: -4px 0 2px rgba(63, 66, 66, 0.2), 0 0 transparent, 4px 0 3px rgba(63, 66, 66, 0.2), 0 0 transparent;*/
    background-color: white !important;
}

.header {
    /*background: url(../images/banner-BG.jpg) no-repeat top left / cover;*/
    position: absolute !important;
    right: 30%;
    left: 30%;
    top: 30%;
}

.MainTitle {
    text-shadow: -2px 0 rgba(63,66,66,0.5), 0 2px rgba(63,66,66,0.5), 2px 0 rgba(63,66,66,0.5), 0 -2px rgba(63,66,66,0.5);
    color: white;
}

.slogan {
    color: #f5f4f0;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}

.homeBtn > a {
    background-color: #ef3a6b;
    border: 1px solid rgba(255, 255, 255, 0.8);
    color: white !important;
}

    .homeBtn > a:focus, .homeBtn > a:hover {
        color: white !important;
        text-decoration: none;
    }

    .homeBtn > a:hover {
        color: white;
        text-decoration: none;
        background-color: #333;
    }

/*====== Banner Style =====*/
.NewHeader {
    background: url("../images/BannerNewColor.jpg") no-repeat center center;
    height: 460px;
}

.menuBG {
    /*background:url("../images/menuBG.png") no-repeat left -5px;
    height: 60px;*/
    border-bottom: 2px solid yellow;
    /*background-color: #724071;*/
    background-color: #511F50;
}

.upperMenu li a {
    /*background: url("../images/ActiveLinkBG.jpg") no-repeat scroll right top rgba(0, 0, 0, 0);*/
    color: white;
}

.upperMenu li.BVA a {
    /*background: url(../images/BVA-Link.png) no-repeat right top;*/
}

.BG-image {
    /*background:url(../images/upper-menu-BG.png) repeat-x right top;*/
    min-height: 20px !important;
}

/*========== End ===========*/

.more {
    color: white !important;
    background-color: #45aca9 !important;
}

    .more:hover {
        background-color: #333;
    }

.activeBtn {
    background-color: #45aca9 !important;
    color: white;
}

    .activeBtn:hover {
        color: white !important;
        background-color: #379f9c !important;
    }

.warning-msg {
    color: #ff0000;
}

.paymentPage {
    box-shadow: 1px 0 8px rgba(0, 0, 0, 0.5);
}

    .paymentPage .bg-warning {
        border: 1px solid #d1d1d1;
    }

.personalInfo {
    background-color: transparent;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.22);
}


.eventDate {
    /*background:url(../images/TopMenu.jpg) left top no-repeat white;*/
    color: white;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}

marquee {
    background-color: #64CCC9;
    color: #fff;
}

.thumbnail-img img {
    background-color: #fff;
    border: 1px solid #ddd;
    width: 100%;
}

.formbutton {
    /*background:url(../images/formbg.gif) repeat-x left top;*/
    border: 1px solid #ccc;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .formbutton:hover {
        color: #ef3a6b;
    }

    .formbutton.btn.activeBtn:focus {
        color: white !important;
    }

.question {
    background-color: #ef3a6b;
    color: white;
}

input {
    color: #2B7678;
    border: solid 1px #999999;
    background-color: #fff;
}

#text_quote {
    color: #333333;
}

.quote_teller {
    color: #999999;
}

.border {
    border: 2px solid #ef3a6b;
}

.alexmap, .alexmap a {
    color: #339900;
    border: 1px solid #CCCCCC;
    background-color: transparent;
}

    .alexmap a:hover {
        background-color: transparent;
        text-decoration: None;
    }

#man {
    background-image: url(../images/dna.gif);
    background-repeat: no-repeat;
    background-position: -5px bottom;
}


#path {
    color: #666666;
}

    #path a {
        color: #666666;
    }

        #path a:hover {
            color: #666666;
            background-color: #FFFFA6;
        }


th {
    background-color: #64ccc9; /* #6CCACD;*/
    color: #FFFFFF;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #ef3a6b;
    border-bottom-color: #ef3a6b;
}

tfoot {
    background-color: #961F00;
    color: #FFFFFF;
}

#editable a {
    color: #ef3a6b;
    text-decoration: underline;
}

#editable th a {
    color: #fff;
}

#editable a:hover {
    color: #666666;
    text-decoration: none;
    /*background-color: #FFFFA6;*/
}

#content {
    width: 778px;
    padding-left: 1px;
    background-image: url(../images/dna.gif);
    background-repeat: no-repeat;
    background-position: 8px bottom;
}

a:link {
    /*color: #429598;
    text-decoration: none;
    font-family: Georgia, "Times New Roman", Times, serif;*/
}

a:visited {
    color: #ADA83F;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color: #333333;
}

a:active {
    color: #FEB901;
    text-decoration: none;
}

#flash {
    background-image: url(../images/btm_banner.jpg);
    background-repeat: no-repeat;
    background-position: 6px bottom;
    height: 148px;
}

#editable li {
    list-style-image: url(../images/bullet.gif);
    list-style-position: outside;
    padding-top: -5px;
    padding-bottom: 10px;
}

#topmenu {
    height: 26px;
    background-image: url(../images/top_banner.gif);
    background-repeat: no-repeat;
    background-position: 7px;
}

.example, .validation {
    color: #8e8e8e;
}

/*=============== Print ===============*/
@media print {
    #topmenu {
        height: 25px;
        background-image: url(images/flash.jpg);
        background-repeat: no-repeat;
        background-position: 7px;
    }

    #banner {
        background-image: url(../images/background.gif);
        background-repeat: repeat-y;
        width: 770px;
    }

    #content {
        width: 550px;
        padding-left: 1px;
        background-image: url(../images/dna.gif);
        background-repeat: no-repeat;
        background-position: 8px bottom;
    }

    #path {
        color: #666666;
    }
}
/*=============== End ===============*/

/*=============== Large View ===============*/

@media (min-width: 1200px) {
}

/*=============== End ===============*/

/*=============== Medium View ===============*/

@media (min-width: 992px) and (max-width: 1199px) {
}

/*=============== End ===============*/

/*=============== Small View ===============*/

@media (min-width: 768px) and (max-width: 991px) {
    .BG-image {
        /*background: url(../images/ActiveLinkBG-sm.jpg) repeat-x right top !important;*/
    }

    .upperMenu li a, .upperMenu li.BVA a {
        /*background: url(../images/ActiveLinkBG-sm.jpg) repeat-x right top !important;*/
    }
}

/*=============== End ===============*/

/*=============== X-Small View ===============*/

@media (max-width: 767px) {
    .navbar-toggle {
        background-color: transparent !important;
        /*box-shadow: 1px 1px 1px #757575;*/
        border: 1px solid #d1d1d1 !important;
        margin: 40px 15px !important;
    }

        .navbar-toggle .icon-bar {
            background-color: rgba(255,255,255,0.8) !important;
        }

    .header {
        right: 0;
        left: 0;
    }
}

@media only screen and (max-width: 800px) {
    #no-more-tables tr {
        border: 1px solid #ccc;
    }

    #no-more-tables td {
        border: none;
        border-bottom: 1px solid #eee;
    }

    #no-more-tables .Name:before,
    #no-more-tables .Nobelposition:before,
    #no-more-tables .year:before,
    #no-more-tables .country:before,
    #no-more-tables .confirmed:before {
        background-color: #ef3a6b;
        color: white;
    }
}

.btn-primary {
    background-color: #45aca9 !important;
    background-image: none !important;
    border-color: #2c9390 !important;
}

.navbar-nav > li > a {
    color: #511f50;
}

.footerHeadItem {
    border-bottom: 1px dotted rgba(225,255,255,.5);
    padding-bottom: 5px;
    margin-bottom: 10px;
}
/*------- Previous BioVision -------*/
.circle {
    margin-bottom: 36px;
    display: inline-block;
    padding: 16px;
    text-align: center;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 2px solid #1d2087;
}

    .circle::before,
    .circle::after {
        position: absolute;
        z-index: -1;
        display: block;
        content: '';
    }

    .circle,
    .circle::before,
    .circle::after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all .5s;
        transition: all .5s;
    }

.circle {
    position: relative;
    z-index: 2;
    background-color: #fff;
    border: 2px solid #5c5eae;
    color: #5c5eae;
    line-height: 50px;
    overflow: hidden;
}

    .circle a {
        text-decoration: none !important;
    }

        .circle:hover, .circle a:hover, .circle a:hover h2, .circle a:hover h2 small {
            color: #fff;
        }

    .circle::after {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        -webkit-transform: scale(.5);
        transform: scale(.5);
    }

    .circle:hover::after {
        background: #5c5eae;
        border-radius: 50%;
        -webkit-transform: scale(.9);
        transform: scale(.9);
    }

    /*.circle1 {
    opacity: 0.4;
}

.circle2 {
    opacity: 0.6;
}

.circle3 {
    opacity: 0.8;
}*/

    .circle a {
        text-decoration: none;
        color: #1d2087;
    }

    .circle h2 {
        font-size: 32px;
        background-image: none;
        text-indent: 0;
        margin-top: 15px;
    }

        .circle h2 small {
            color: #1d2087;
            font-size: .8em;
        }

    .circle p {
        font-size: 24px;
        line-height: 26px;
    }

#editable .h1, #editable h1 {
    font-size: 36px;
    color: #ef3a6b !important;
    font-weight: bold;
    font-size: 1.7em;
}
