/* 
  ===========================================================
  ======================= Custom Style ======================
  ===========================================================
*/
/* ----------- General Style --------- */
h1, h2, h3, h4, h5, h6 { margin:0px; }
h3 span { font-size:64%; color: rgba(0,0,0,0.70); }
body {
  margin:0px;
}
a, a:hover { text-decoration: none; }
.btn-primary { background-color: #0049B0; border-color:rgba(0,0,0,0.20); }
/* Login page style */
.login { background-color: rgba(22,71,141,1.0); }
.login_box { margin: 15% 8%; padding:10%; background-color:#fff; }
.login_box .text { clear: both; text-align: center; margin-bottom: 30px; }

/* Student frontend style */
.header { color:#fff; width:100%; padding:15px; margin-bottom:4%; background-color: rgba(22,71,141,1.0); clear: both; }
.header a.logo { color:rgba(255,255,255,0.8); font-size:22px; }
.header a.logo:hover { color:rgba(255,255,255,0.6); }
.header figure span, .header figure figcaption { display:inline; }
.header figure figcaption { width:35px; height:35px; margin-left:5px; color: #0049B0; font-size:13px; padding:8px; border-radius:50%; background-color:rgba(255,255,255,1.0); }

/* Student frontend style */
.nav-icons { 
  width:100%; 
  position:status; 
  top:0px; 
  left:0px; 
  bottom: 0px; 
  text-decoration: center; 
  background-color: #0049B0; 
}
.nav-icons h3 { margin:0px; padding:20px 0px; text-align: center; }
.nav-icons h3 i { display:none; }
.nav-icons h3 span { display:inline-block; }
.nav-icons ul { padding:0px; text-align: center; }
.nav-icons ul.bottom { position:absolute; bottom:0px; }
.nav-icons ul li { display: inline; list-style: none; }
.nav-icons ul li a { color:rgba(255,255,255,1.00); padding:16px 26px; display: inline-block; }

.nav-menu { 
  width:100%; 
  position:static; 
  top:100px; 
  left:0; 
  bottom: 0px; 
  padding:20px;
  z-index: 100;
  background-color:rgba(0,0,0,0.08); 
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;  
}
.nav-menu.hide { display: none !important; }
.nav-menu h4 { display:none; margin:0px; padding:20px 10px; }
.nav-menu ul { padding:0px; }
.nav-menu ul li { display: inline; text-align: center; list-style: none; }
.nav-menu ul li a { color:rgba(0,0,0,0.6); width:100%; padding:15px 26px; display: inline-block; }
.nav-menu ul li.active a { background-color:rgba(0,0,0,0.10); }
.nav-menu ul li a .fa { margin-right: 10px; }

@media (min-width: 768px ) {
  .nav-icons { width:65px; position: fixed; border-right: solid 1px rgba(0,0,0,0.10); }
  .nav-icons h3 i { display:inline-block; }
  .nav-icons h3 span { display: none; }
  .nav-icons ul li { display:block; }
  .nav-menu { width:280px; position: fixed; top:0px; left:65px; display: inline; padding:0px 12px; }
  .nav-menu ul li { text-align: left; }
  .nav-menu.hide { display: block; }
  .nav-menu h4 { display:block; }
}

@media (max-width: 768px ) {
  .nav-icons { top:0px; left:0px; bottom: 0px; z-index: 100; }
}

.content { width:100%; }
.page-wrapper { 
  padding:0px 4%; 
  margin-left:0px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;  
}
.page-wrapper.push { 
  margin-left:0px;
  margin-top:0px; 
}

.page-title, .page-boxes, .search-box, .page-table, .page-alert { width:100%; padding-top:4%; clear: both; }
.box { color:#fff; padding:20%; text-align: center; margin-bottom: 10px; background-color:#0049B0; border-radius: 6px; }
.box a { color:rgba(255,255,255, 1.00); }

.form-control.error {
    border-color: red !important; 
}
.form-control:focus{
    outline:0;
    box-shadow: 0 0 rgba(0,0,0,0.00);
}

label.error{
  color: red;
}

@media (min-width: 768px) {
  .page-wrapper { width:76%; margin-left:350px; }
  .page-wrapper.push { margin-left:65px; margin-top:0px; }
  .box { margin:0px; }
}

@media (min-width: 768px) {
	.container { width:1100; }
	#page-title .left { text-align: left; }
	#page-title .right { text-align: right; }
}

/* ----------- Table Style --------- */

.table { font-size:14px; }
table.nobg tr, table.nogb th, table.nogb td { background-color:transparent !important; border-color:rgba(255,255,255,0.4); }
.dtable, .dtable tr, .dtable td { border:solid 1px rgba(0,0,0,0.0); }
.dtable td { padding:8px 4px; }
.dtable td:first-child { width:40%; font-weight: bold; }
.dataTables_wrapper .col-sm-6:last-child,
.dataTables_wrapper .col-sm-7 { text-align:left; }
.well-buttons { margin-top: 25px; }
.file_list { list-style: none; }
.file_list li { padding:8px 0px; border-top:solid 1px rgba(0,0,0,0.10); }
.file_list li span { color:rgba(0,0,0,0.70); margin-right:10px; }

@media (min-width: 768px ) {
	.dataTables_wrapper .col-sm-6:last-child,
	.dataTables_wrapper .col-sm-7 { text-align:right; }
}

/* ----------- Modals Style --------- */

.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 0px solid #999;
  border: 0px solid rgba(0, 0, 0, .2);
  border-radius: 12px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .0);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .0);
}

.modal-header {
  /*min-height: 2px;*/
  padding: 4% 6%;
  border-bottom: 1px solid #e5e5e5;
  border-color:transparent;
}

.modal-header .close { padding:14px; position:absolute; z-index:9999; margin:0px; top:2px; right:2px;}

.modal-body {
  padding: 4% 8%;
}
.modal-footer {
  padding: 3% 6%;
}