/* Sticky footer styles
-------------------------------------------------- */

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}

/* Set the fixed height of the footer here */
#footer {
  height: 60px;
  background-color: #f5f5f5;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

#wrap > .container {
  padding: 60px 15px 0;
}
.container .credit {
  margin: 20px 0;
}

#footer > .container {
  padding-left: 15px;
  padding-right: 15px;
}

code {
  font-size: 80%;
}

/* ============================= header ====================== */
.top1{background: green; height: auto; color: #ffffff; padding-bottom: 0px;}

header{float: left; padding-top: 20px;padding-bottom: 20px; font-size: 2.0em;font-weight: bold;}


/* exam form main */



/* Global properties ======================================================== */

.container-full {
    margin: 0 auto;
    width: 100%;
}


.cust_cont_index
{
    width:83%;
    margin-top: -0px;
}
.cust_cont_side
{
    width:24%;
    float: right;
    margin-top: -0px;
}
.cust_ul ul,.cust_ul li
{
    list-style: none;
    font-size: 1.4em;
    font-family: serif;
}

.cust_nav {
      width: 100%;
      float: left;
      margin: 0 0 0 0;
      padding: 0;
      list-style: none;
    height: auto;
      }

     .cust_nav li {
         float: left;
     }
    .cust_nav li a {
      display: block;
      padding: 8px 15px;
      text-decoration: none;
      font-weight: bold;
      font-size: 1.2em;
      color: #ffffff;
       }
   .cust_nav li a:hover {
      color: #ffffff;
      background-color: #0D547D; }


   .selectmenu {
      color: #ffffff;
      background-color: #0D547D; }




.ques_no
{
    font-weight: bold;
    font-size: 1.3em;
}

.select_btn td
{
    padding-left: 3px;
    padding-top: 2px;
}


.site_title
{
    font-size: 2.5em;
    font-weight: bold;
    color: #ffffff;

}

.profile_name
{
    font-size: 1.0em;
    font-weight: bold;
    color: #ffffff;
    padding-left: 15px;
    white-space: pre-wrap;

}
.timer
{
    font-size: 1.5em;
    font-weight: bold;
    color: #000000;
    margin-right: 30px;
    float: right;
    margin-top: -8px;

}

/* ============================= footer ====================== */
.bot1{background: #ffffff; padding-top: 5px; padding-bottom: 5px;}

footer{ background: #252b44; bottom: 0px;}

.copyright{color:#81869a; padding: 6px 0; line-height: 20px; font-size: 12px; float: left; }
.copyright a{color: #81869a; text-decoration: underline;}
.copyright a:hover{color: #fff; text-decoration: underline;}

/* ============================= main menu ====================== #528ac5*/
.menu_wrapper{border-top: black 1px solid ; height: auto; background: black;}

/* ============================= menu bot ====================== */
.menu_bot { display:block;position: relative; z-index:10; text-align:left; white-space:nowrap;}
#menu_bot { list-style: none; display:block; white-space:nowrap;  padding: 0; margin: 0;}
#menu_bot > li { list-style: none; display: inline-block; margin-left: 1px; position:relative; float:left; white-space:nowrap;}
#menu_bot > li:first-child{ margin-left: 0;}
#menu_bot > li > a{ display:block; height:100%; text-decoration:none; position:relative; font-family:'Open Sans'; font-weight: 400; font-size: 12px; color: #fff; line-height: 20px; padding: 10px 15px; text-transform: uppercase;letter-spacing: 2px;}
#menu_bot > li.active > a, #menu_bot > li.active > a:hover, #menu_bot > li.active > a:focus{color: #9de4ff; text-decoration: none; background: none;}
#menu_bot > li > a:hover, #menu_bot > li > a:focus{color: #fff; background: #3c73ac; text-decoration: none;}

@media only screen
    and (min-device-height : 768px)
    and (max-device-width : 1024px) {
        .cust_cont_index
        {
            width:80%;
        }
        .cust_cont_side
        {
            width:20%;
            float: right;
        }
        header{ padding-top: 10px;}

}



/* Login page*/

.form-signin
{
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}

.form-signin .form-control
{
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-signin .form-control:focus
{
    z-index: 2;
}
.form-signin input[type="text"]{ margin-bottom: -1px; }
.form-signin input[type="password"]{ margin-bottom: 10px;}
.account-wall {  margin-top: 20px;  padding: 40px 0px 20px 0px;  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);}
.login-title { color: #555; font-size: 18px; font-weight: 400;display: block;}
.profile-img { width: 110px; height: 110px; margin: 0 auto 10px; display: block; -moz-border-radius: 50%; -webkit-border-radius: 50%;border-radius: 50%; box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);}


/* Footer management. */
            html,
            body {
                margin:0;
                padding:0;
                height:100%;
            }
            .wrapper {
                min-height:100%;
                position:relative;
            }
            .header {
                background:#ededed;
                padding:10px;
            }
            .content {
                padding-bottom:30px; /* Height of the footer element */
            }
            .footer {
                background:green;
                width:100%;
                height:30px;
                position:absolute;
                bottom:0;
                left:0;
            }