@CHARSET "UTF-8";
html { overflow-y: scroll; }
body { padding-top: 70px; padding-bottom: 40px; }
legend { margin-bottom: 0; }
label { font-weight: normal; }
label[for] { cursor: pointer; }
a:focus{ outline: none; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{ outline: none; }
.btn-link { padding: 0; }
.container { margin-left: 15px; }

.navbar-fixed-top .glyphicon-asterisk { color: transparent; }
.nav > li > input { position: relative; display: block; padding: 10px 15px; background: #EEE; }
.nav > li > input:hover, .nav > li > input:focus { text-decoration: none; background-color: #DDD; }
.nav > li > a:hover { border-bottom-color: transparent; }
.nav-tabs { border-bottom: none; }
.nav-tabs > li > a, .nav-tabs > li > input { background-color: #F8F8F8; color: #888; border-bottom-color: #DDD; }
.nav-tabs > li > a:hover, .nav-tabs > li > input:hover { background-color: #EEE; color: #555; border-bottom-color: #DDD; }
.nav-tabs > li { margin: 0 0 0 10px; }

.nav-tabs > li > input {
  margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-bottom-color: #DDD;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > input:hover { border-color: #EEE #EEE #DDD; }
.nav-tabs > li.active > input,
.nav-tabs > li.active > input:hover,
.nav-tabs > li.active > input:focus {
  cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent;
}

/** page-title:  Work if navbar-brand max-width = 166px */
.page-title { font-size: 18px; line-height: 21px; white-space: nowrap; overflow-x: hidden; }
.page-title:hover { overflow-x: visible; z-index: 1; }
.page-title:hover span { background: #F8F8F8; }

.form-inline { margin: 5px 0; }
.form-inline .form-control { display: inline-block; vertical-align: middle; width: auto; }
.row.form-inline { margin: 5px -15px; }
.form-control { max-width: 100%; }
.form-control-static .glyphicon-calendar { cursor: pointer; }
.label { padding: 10px; margin: 5px 5px 5px 0; display: inline-block; }
.label a { padding-left: 10px; display: inline-block; }

.box, .listing { margin: 1em 0; border-radius: 4px; text-align: left; }
.box .table { margin-bottom: 0; }
.listing .table { margin-bottom: 20px; }
.listing .table { border-collapse: separate; border-spacing: 1px; }
.row > .box, .row > .listing, .row > .alert, .row > .list-group {
  display: inline-block; margin-left: 15px; margin-right: 15px;
}
.box_header { padding: 10px; text-align: center; font-weight: bold; font-size: 120%; margin: 0; }
.box_header.input-group { padding: 4px; }
.box_header span.form-control, .box_header .input-group-addon {
  background: transparent; border-color: transparent; box-shadow: none; color: inherit; font-size: inherit;
}
.box_header .btn { border-radius: 4px !important; }
.box_header a { color: inherit !important; }
.box_header a.btn-default { color: #333 !important; }
.box .box_header { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.box_field .form-inline { padding-top: 2px; white-space: nowrap; }
.box .alert { margin: 5px; padding: 5px; }

div.table { display: table; }
div.table .row { display: table-row; margin: 0; padding: 0; }
div.table .row .box_label, div.table .row .box_field { display: table-cell; padding: 8px; }

.listing .box_header { padding: 4px; }
.listing .table .checkbox-container { width: 30px; }
.listing_head.sort { position: relative; padding-right: 16px; }
.listing_head.sort  .caret { position: absolute; right: 4px; top: 15px; }
.listing_head .input-group-addon,
.listing_head .form-control { background: transparent; border-color: transparent; box-shadow: none; }
.listing .action { text-align: center; }
.listing .action a { display: block; }
.listing .action-glyphicon a label, .listing .action-glyphicon a .label {
  position: absolute; padding: 8px; margin-top: 16px; margin-left: 10px; display: none;
}
.listing .action-glyphicon a:hover label,
.listing .action-glyphicon a:hover .label {
  display: inline-block; z-index: 1; background: #FFF; font-size: 100%; font-weight: normal;
}
.listing .action-glyphicon a.text-danger:hover label,
.listing .action-glyphicon a.text-danger:hover .label { color: #A94442; background-color: #F2DEDE; }
.table > tbody > tr > td, .table > tbody > tr > th { border-top: none; }
.listing td.int { text-align: right; }
.box .content { padding: 15px; }
.box_label { text-align: right; white-space: nowrap; }
.box_field .form-inline { margin: 0; }
.box_field .form-control-static { font-weight: bold; }
.box_field .date-helper { font-weight: normal; }
.form-inline .radio, .form-inline-checkbox { padding-top: 0; }
.box .actions { margin: 15px; text-align: center; }
.box_submit_buttons { padding: 8px 0; text-align: center; }
.table > thead > tr > th.listing_head { border-bottom: none; }
.listing .pagination { margin: 0; }
.pagination > li > .btn-link {
  position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7;
  text-decoration: none; background-color: #fff; border: 1px solid #ddd;
}
.pagination > li:first-child > .btn-link { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.pagination > li:last-child > .btn-link { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.pagination > li > .btn-link:hover,
.pagination > li > .btn-link:focus { z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd; }

.info { margin-bottom: 20px; }
.info .alert { display: inline-block; }

.msg_list { margin: 0; padding: 0; list-style: none; }
.alert .title { font-weight: bold; text-align: center; }

.input-submit-glyphicon {
  position: relative; display: inline-block; border-radius: 4px; background: #FFF; border-color: #CCC;
}
.input-submit-glyphicon .glyphicon { position: absolute; top: 10px; left: 12px; }
.input-submit-glyphicon .btn { padding-left: 32px; position: relative; background: transparent !important; }
.input-submit-glyphicon .btn-primary.focus, .input-submit-glyphicon .btn-primary:focus,
.input-submit-glyphicon .btn-primary.active.focus, .input-submit-glyphicon .btn-primary.active:focus,
.input-submit-glyphicon .btn-primary.active:hover, .input-submit-glyphicon .btn-primary:active.focus,
.input-submit-glyphicon .btn-primary:active:focus, .input-submit-glyphicon .btn-primary:active:hover,
.input-submit-glyphicon .input-submit-glyphicon-primary:focus,
.input-submit-glyphicon .input-submit-glyphicon-primary:active, .input-submit-glyphicon .btn:hover { background: transparent; }
.box_header .input-submit-glyphicon { display: table-cell; }
.box_header .input-submit-glyphicon .glyphicon { font-size: 14px; color: #333; left: 10px; }
.input-submit-glyphicon-danger { background-color: #D9534F; }
.input-submit-glyphicon-danger:hover { background-color: #C9302E !important; }
.input-submit-glyphicon-danger .glyphicon { color: #FFF; }

.label .close-label { color: #FAA; }
.cancel-radio-button { color: #888; font-size: small; }

#footer {
  font-size: small; line-height: 20px; z-index: 10;
  background: #F8F8F8; border-top: 1px solid #E7E7E7; position: fixed; bottom: 0; width: 100%;
}
#footer .user_info { float: left; clear: left; text-align: left; }
#footer .copyright { float: right; clear: right; text-align: right; }

.ques_type { font-weight: bold; }
.ques_list li { margin: 8px 0; }

.form-control[disabled], .form-control[readonly] { cursor: not-allowed; }

@media (min-width: 480px) {
  .page-title { position: fixed; top: 0; left: 200px; max-width: 180px; }
}
@media (max-width: 767px) {
  body { min-width: 360px; padding-bottom: 60px; }
  .navbar-fixed-top .navbar-brand .text { display: none; }
  .page-title { position: fixed; top: 0; left: 65px; max-width: 220px; }
  div.table { display: block; }
  div.table .row { display: block; padding-left: 15px; padding-right: 15px; border-bottom: 1px solid #EEE; }
  div.table .row .box_label { display: block; text-align: left; padding-bottom: 0; }
  div.table .row .box_field { display: inline-block; padding-top: 0; }
  div.table .row .box_field > .form-inline,
  div.table .row .box_field > .form-inline .date-helper { display: inline-block; }
  .row > .box, .row > .listing, .row > .alert, .row > .list-group { display: block; }
  .form-inline .input-group .form-control { width: 100%; }
  #footer { max-height: 40px; }
}
@media (min-width: 768px) {
  .page-title { position: fixed; top: 0; left: 200px; max-width: 220px; }
}
@media (min-width: 992px) {
  .page-title { max-width: 420px; }
}
@media (min-width: 1200px) {
  .page-title { max-width: 628px; white-space: nowrap; overflow-x: hidden; }
}