/*what to do in mobile device*/
@media screen and (max-width: 600px) {
  #default_page_campus_image {
    display: none;
  }
  #content 
  {
      min-height:800px;
  }

  .homepage_block {
    height:100px;
  }
}

@media (max-width: 768px) {
        * {
        font-size: 97.5%;
    }
    legend {
        font-size: 97.5%;
    }
    .form-control {
        font-size: 97.5%;
    }
    .panel-title, h1, h2, h3, h4, h5, h6 {
        font-size: 97.5%;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
        * {
        font-size: 97.5%;
    }
    legend {
        font-size: 97.5%;
    }
    .form-control {
        font-size: 97.5%;
    }
    .panel-title,h4, h5, h6 {
        font-size: 97.5%;
    }
    .programme-info {
        text-align:center;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
        * {
        font-size: 97.5%;
    }
    legend {
        font-size: 97.5%;
    }
    .form-control {
        font-size: 97.5%;
    }
    .panel-title,h1, h2, h3, h4, h5, h6 {
        font-size: 97.5%;
    }

    .programme-info {
        text-align:center;
    }
}

@media (min-width: 1200px) {
    * {
        font-size: 100%;
    }
}

body {
    	FONT-FAMILY: Verdana, Arial, Helvetica, Tahoma, sans-serif;
    	COLOR: #000000;
    	BACKGROUND-COLOR: #dcdadb;
    	top-margin: "0";
    	left-margin: "0";
    	margin-height: "0";
    	margin-width: "0";
}

#content {
    min-height:600px;
}

.homepage_block {
    height:150px;
}

.navbar a {
    text-decoration: none;
}
.navbar {
    margin-bottom: 0px;
}

.navbar-default .navbar-nav > li > a:hover {
    background-color:#eeab04;    
}

.navbar, .navbar-default {
    border-radius: 0;
}

#content h3 {
    color: black;    
}

a:focus 
{
    outline: none;
}

/* footer */
#footer { font-size:.94em; background: #E8E8E8; border-top:1px solid #000; padding:10px 6px 10px 6px; margin:auto; position:relative }
#footer .footerlinks {margin:0;}
#footer address {font-style:normal; font-weight:normal; margin: 0px 0 0 0px}
#footer address p {display:block; margin:0; text-align:right;}
/* end footer */

dd, dt {
    line-height: 2;
}

.progress {
    position: relative;
    height: 25px;
}

.progress > .progress-type {
    position: absolute;
    left: 0px;
    font-weight: 800;
    padding: 3px 30px 2px 10px;
    color: rgb(255, 255, 255);
    background-color: rgba(25, 25, 25, 0.2);
}

.progress > .progress-completed {
    position: absolute;
    right: 0px;
    font-weight: 800;
    padding: 3px 10px 2px;
}

.step {
 text-align: center;
}

.step .col-md-2 {
    background-color: #fff;
    border: 1px solid #C0C0C0;
    border-right: none;
}

.step .col-md-2:last-child {
    border: 1px solid #C0C0C0;
}

.step .col-md-2:first-child {
    border-radius: 5px 0 0 5px;
}

.step .col-md-2:last-child {
    border-radius: 0 5px 5px 0;
}
.step .col-md-2 {
    border: 1px solid #c0c0c0;
}

.step .col-md-2:hover {
    /*color: #F58723;*/
    /*cursor: pointer;*/
}
.step .completed:hover {
    color: #F58723;
    cursor: pointer;
}

.step .completed{
    border: 1px solid green;
}

.step .activestep {
    color: #F58723;
    height: 100px;
    margin-top: -7px;
    padding-top: 7px;
    border-left: 6px solid #5CB85C !important;
    border-right: 6px solid #5CB85C !important;
    border-top: 3px solid #5CB85C !important;
    border-bottom: 3px solid #5CB85C !important;
    vertical-align: central;
}

.step .fa {
    padding-top: 15px;
    font-size: 40px;
}

.row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.home_block {
    min-height:220px;
}
.home_block a:hover, .home_block a:focus{
    text-decoration:none;
    color:orangered;
}

.home_block a.disabled{
    color:gray;
}

.home_block a.disabled:hover, .home_block a.disabled:focus{
    cursor:no-drop;
}

.record-alert {
    font-size:14pt;
    text-align: center;
}

.record-error {
    font-size:12pt;
}

.registration-field {
    padding-bottom:1rem;
}

.SOASTree {
    border-radius:50%;
}

.study-period {
    margin:0px;
}

legend {
    font-size:14pt !important;
}

.alert {
    margin-bottom:0px !important;
}

img {
    max-width:100%;
}