/************************** Main Styles **************************/
/*@import url(http://fonts.googleapis.com/css?family=Oxygen);*/
body{
    font-family: "Oxygen","helvetica neue","helvetica","arial","sans-serif";
    color: #555555;
    margin:0 auto;
    position:relative;
    width:98vw;
    height:97vh;
}
/*
The ngCloak directive is used to prevent the Angular html template from being briefly
displayed by the browser in its raw (uncompiled) form while your application is loading.
Use this directive to avoid the undesirable flicker effect caused by the html template display.
*/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}
.view{
    position:relative;
    width:100%;
    height:100%;
}
.page-container{
    width: 85vw;
    display: table;
    margin: 0 auto; /* center the website */
}
.logo-first{
    font-size: 15vh;
    font-weight: bolder;
    color: #a58e60;
}
.logo-last{
    font-size: 15vh;
    font-weight: bolder;
    color: darkslategrey;
}
.content{
    font-size: 6vh;
    text-align: center;
}
.round-box{
    font-size:3vh;
    border-radius: 1vw;
    border-style: groove;
    padding-left: 1vw;
    padding-right: 1vw;
    margin: 0 auto; /* center the box */
    /*width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;*/
    width: 50vw;
}
p{
    text-align: justify;
    text-justify: inter-word;
}
.round-box div{
    display:table;
    margin:0 auto;
}
h2{
    font-size: 3vh;
    font-weight: bolder;
}
.button{
    display: inline-block;
    zoom: 1;
    padding: 6px 20px;
    margin: 0;
    cursor: pointer;
    border: 1px solid #bbb;
    border-radius: 2em;
    overflow: visible;
    text-decoration: none;
    white-space: nowrap;
    color: #555;
    background-color: #ddd;
    background-image: linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)), url(data:image/png;base64,iVBORw0KGg[...]QmCC);
    transition: background-color .2s ease-out;
    background-clip: padding-box; /* Fix bleeding */
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
    0 2px 2px -1px rgba(0, 0, 0, .5),
    0 1px 0 rgba(255, 255, 255, .3) inset;
    text-shadow: 0 1px 0 rgba(255,255,255, .9);
    font-size: inherit;
}
.button:hover{
    background-color: #eee;
    color: #555;
}
.button:active{
    background: #e9e9e9;
    position: relative;
    top: 1px;
    text-shadow: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}
.button:disabled{
    color: #848484;
    text-shadow: #bbbbbb;
    cursor: not-allowed;
}
.modal-dialog-close  {
    display:none;
}
.modal-dialog-open  {
    position: fixed;
    left: 0;
    top: 0;
    width:100vw;
    height:100vh;
    display:table;
    background-color:rgba(0,0,0,0.6);
    z-index:999 !important;
}
.modal-dialog-open div{
    display:table-cell;
    vertical-align: middle;
    width:100%;
    height:100%;
}
.modal-dialog-open div div{
    display:block;
    margin:auto;
    padding: 2vh;
    border-radius: 1em;
    height:20vh;
    width:20vw;
    background-color:white;
    text-align:center;
}
.page-footer{
    display:table;
    margin: 0 auto;
}
.page-footer a{
    padding-left:5em;
    padding-right: 5em;
    color: grey;
}
/************************** Exam List Page Styles **************************/
.exam-list{
    display: table;
    margin: 0 auto;
    padding: 0;
}
.search-bar{
    display: table;
    margin: 0 auto;
    padding: .5vh;
    border-style: solid;
    border-radius: 2em;
    border-width: 1px;
    background-color: #bbbbbb;
}
.search-bar label{
    padding: 1vh;
    font-size: 3vh;
}
.search-bar input{
    padding: 1vh;
    font-size: 3vh;
    font-family: inherit;
    width: 60vw;
    color: inherit;
    border: none;
    border-radius: 2em;
}
.exam-list ul{
    padding: 0;
    min-height:600px;
    overflow-x: hidden;
    overflow-y: auto;
}
.exam-list ul li{
    padding-left:0;
    padding-bottom: 1vh;
    padding-top: 1vh;

    align-items: center;
    background-color: whitesmoke;
    border-style: solid;
    border-width: 1px;
    border-top-color: #eeeeee;
    border-bottom-color: #555555;
    list-style: none;
}
.exam-list ul li a{
    text-decoration: none;
    background-color: #848484;
    color: white;
    padding: 1vh;
    border-right-color: #555555;
    border-right-style: solid;
    border-right-width: 1px;
}
.ads_right_portrait{
    float:right;
    clear:right;
    width:300px;
    height:600px;
    border: solid grey 0px;
}