#linkS{
  text-decoration:none;
  cursor:pointer;
}

input[type="file"] {
 /*position: absolute;*/
  z-index: -1000;
  top: 6px;
  left: 0px;
  font-size: 15px;
  color: rgb(153,153,153);
}

.button-wrap {
  position: relative;
}

.new-button {
    display: inline-block;
    padding: 4px 6px;
    cursor: pointer;
    border-radius: 4px;
    background-color: #333333;
    font-size: 12px;
    color: #fff;
}

.curr {
  background-color:#e7edee;
  color:#fff;
}
/* Button used to open the contact form - fixed at the bottom of the page */
.open-button {
  background-color: #555;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: fixed;
  bottom: 23px;
  right: 28px;
  width: 280px;
}

/* The popup form - hidden by default */
.form-popup {
  display: none;
  position: fixed;
  bottom: 0;
  left: 15px;
  border: 3px solid #f1f1f1;
  z-index: 9;
}

/* Add styles to the form container */
.form-container {
  max-width: 300px;
  padding: 10px;
  background-color: white;
}

/* Full-width input fields */
.form-container input[type=text], .form-container input[type=password] {
  width: 100%;
  padding: 10px;
  margin: 5px 0 12px 0;
  border: none;
  background: #f1f1f1;
}

/* When the inputs get focus, do something */
.form-container input[type=text]:focus, .form-container input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/login button */
.form-container .btn {
  background-color: #4CAF50;
  color: white;
  padding: 8px 10px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
  background-color: red;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}

.tableFixHead { overflow-y: auto; height: 100px; }
.tableFixHead thead th { position: sticky; top: 0; }

/* Just common table stuff. Really. */
table  { border-collapse: collapse; width: 100%; }
th     { background:#396;color:#fff }


.HeaderTb {
font-family: Verdana, Geneva, sans-serif, Calibri, Candara;
font-size: 0.8em;
font-weight: bold;
}
table{
font-size:12pt;

}
.ResultRW {
font-family: Calibri, Candara, sans-serif, Verdana, Geneva;
font-size: 0.8em;
text-align: center;
font-weight: bold;
}
.ResultRW td table .ResultRWGPA {
font-family: Calibri, Candara, Verdana, Geneva, sans-serif;
font-size: 0.8em;
text-align: center;
}
.ResultRWn {
font-family: Calibri, Candara, sans-serif, Verdana, Geneva ;
font-size: 0.8em;
text-align: center;
}

#fade {
  display: none;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
background-color: #ababab;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: .70;
  filter: alpha(opacity=80);
}
#modal {
 display: none;
    position: absolute;
    top: 40%;
    left: 45%;
    width: 63px;
    height: 63px;
   border-radius:10px;
     z-index: 1050;
    text-align:center;
}


  .close {
  color: #c0462e ! important;
  opacity: 1.0;
}
.modal-title {
  font-size: 2.2em;
  font-weight: 200;
  margin: 0 0 20px 0;
  color: #006633;
}
.modal-content-one {
  background-color: #FFF;
  background-position: center;

}


.modal-dialog {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
.modal-content {
  height: 100%;
  border-radius: 0;
   overflow: auto;
  text-align: justify;
  font-size: 1.1em;
  background-color: #fff;
}

label{
  font-weight:bold;
}
.btn-glyphicon { padding:6px; background:#ffffff;width:20%}
.icon-btn { padding: 5px 10px 5px 5px; border-radius:20px; font-weight:bold
}
input[type="radio"] {
display:none;
}
.custom-upload {
cursor: pointer;
color: #063;
font-weight: bold;
}
.custom-upload input {
left: -9999px;
position: absolute;

}
input[type="checkbox"] {
display: none;
}
/* Tabs panel */
.filter-button
{
font-size: 14px;
border: 1px solid #42B32F;
border-radius: 5px;
text-align: center;
color: #ffffff;
margin-bottom: 10px;
background-color: #42B32F;
}
.filter-button:hover
{
    font-size: 14px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: #42B32F;

}
label{
  font-weight:bold;
}
.tabbable-panel {
border: 1px solid #eee;
padding: 5px;
font-size:10pt;
}
/* Default mode */
.tabbable-line > .nav-tabs {
border: none;
margin: 0px;
}
.tabbable-line > .nav-tabs > li {
margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
border: 0;
margin-right: 0;
color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
border-bottom: 4px solid #fbcdcf;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
border: 0;
background: none !important;
color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
border-bottom: 4px solid #063;
position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
border: 0;
color: #333333;
}
.tabbable-line > .nav-tabs > li.active > a > i {
color: #404040;
}
.tabbable-line > .tab-content {
margin-top: -3px;
background-color: #fff;
border: 0;
border-top: 1px solid #eee;
padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
padding-bottom: 0;
}

.outer {
  position: relative
}
.inner {
  overflow-x: auto;
  overflow-y: visible;
}
.custom-checkbox {
min-height: 1rem;
padding-left: 0;
margin-right: 0;
cursor: pointer;
}
.custom-checkbox .custom-control-indicator {
content: "";
display: inline-block;
position: relative;
width: 30px;
height: 10px;
background-color: #818181;
border-radius: 15px;
margin-right: 10px;
-webkit-transition: background .3s ease;
transition: background .3s ease;
vertical-align: middle;
margin: 0 16px;
box-shadow: none;
}
.custom-checkbox .custom-control-indicator:after {
content: "";
position: absolute;
display: inline-block;
width: 18px;
height: 18px;
background-color: #f1f1f1;
border-radius: 21px;
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
left: -2px;
top: -4px;
-webkit-transition: left .3s ease, background .3s ease, box-shadow .1s ease;
transition: left .3s ease, background .3s ease, box-shadow .1s ease;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
background-color: #396;
background-image: none;
box-shadow: none !important;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator:after {
background-color: #396;
left: 15px;
}
.custom-checkbox .custom-control-input:focus ~ .custom-control-indicator {
box-shadow: none !important;
}
.btn-round-xs{
border-radius: 11px;
padding-left: 10px;
padding-right: 10px;
}
.btn-round-sm{
border-radius: 15px;
}

.switch-field {
  font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
  overflow: hidden;
}


.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.switch-field label {
  float: left;
}

.switch-field label {
  display: inline-block;
  width: 120px;
  background-color: #e4e4e4;
  color: rgba(0, 0, 0, 0.6);
  font-size: 10pt;
  font-weight: normal;
  text-align: center;
  text-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition:    all 0.1s ease-in-out;
  -ms-transition:     all 0.1s ease-in-out;
  -o-transition:      all 0.1s ease-in-out;
  transition:         all 0.1s ease-in-out;
}

.switch-field label:hover {
  cursor: pointer;
}

.switch-field input:checked + label {
  background-color: #008040;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #ffffff;

}

.switch-field label:first-of-type {
  border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
  border-radius: 0 4px 4px 0;
}


.app.app-blue aside.app-sidebar {
  background-color: #FFF; }
  .app.app-blue aside.app-sidebar .sidebar-header .sidebar-brand .highlight {
    background-color: #095077; }
  .app.app-blue aside.app-sidebar .sidebar-menu ul.sidebar-nav > li > a .icon {
    background-color: rgba(141, 146, 147, 0.15);
    color: rgba(141, 146, 147, 0.45); }
  .app.app-blue aside.app-sidebar .sidebar-menu ul.sidebar-nav > li > a .title {
    color: #8d9293; }
  .app.app-blue aside.app-sidebar .sidebar-menu ul.sidebar-nav > li.active > a .icon {
    background-color: rgba(9, 80, 119, 0.25);
    color: rgba(9, 80, 119, 0.75); }
  .app.app-blue aside.app-sidebar .sidebar-menu ul.sidebar-nav > li.active > a .title {
    color: #095077; }
  .app.app-blue aside.app-sidebar .sidebar-menu ul.sidebar-nav > li.dropdown > .dropdown-menu > ul > li.section {
    color: #095077; }
  .app.app-blue aside.app-sidebar .sidebar-menu ul.sidebar-nav > li.dropdown.open > a:after {
    border-right-color: #FFF; }
  .app.app-blue aside.app-sidebar .sidebar-footer {
    border-top-color: rgba(0, 0, 0, 0.1);
    background-color: #FFF; }
    .app.app-blue aside.app-sidebar .sidebar-footer ul.menu > li.dropdown .dropdown-menu {
      border-bottom-color: #095077; }

.app.app-blue .navbar .navbar-header .navbar-brand .highlight, .app.app-blue .navbar .navbar-mobile .navbar-brand .highlight {
  background-color: #095077; }

.app.app-blue .ct-series-a .ct-bar, .app.app-blue .ct-series-a .ct-line, .app.app-blue .ct-series-a .ct-point {
  stroke: #095077; }

.app.app-blue .ct-series-a .ct-area {
  fill: #095077; }

.app.app-blue .ct-series-a .ct-slice-pie {
  fill: #095077;
  stroke: #FFF;
  stroke-width: 3; }

.app.app-blue .ct-series-a .ct-slice-donut {
  stroke: #095077; }

.app.app-blue .ct-series-b .ct-bar, .app.app-blue .ct-series-b .ct-line, .app.app-blue .ct-series-b .ct-point {
  stroke: #29c75f; }

.app.app-blue .ct-series-b .ct-area {
  fill: #29c75f; }

.app.app-blue .ct-series-b .ct-slice-pie {
  fill: #29c75f;
  stroke: #FFF;
  stroke-width: 3; }

.app.app-blue .ct-series-b .ct-slice-donut {
  stroke: #29c75f; }

.app.app-blue .ct-series-a:after {
  background-color: #095077; }

.app.app-blue .ct-series-b:after {
  background-color: #29c75f; }

.app.app-blue .card-banner .ct-series-a .ct-bar, .app.app-blue .card-banner .ct-series-a .ct-line, .app.app-blue .card-banner .ct-series-a .ct-point {
  stroke: #FFF; }

.app.app-blue .card-banner .ct-series-a .ct-area {
  fill: #FFF; }

.app.app-blue .card-banner .ct-series-a .ct-slice-pie {
  fill: white;
  stroke: #FFF;
  stroke-width: 3; }

.app.app-blue .card-banner .ct-series-a .ct-slice-donut {
  stroke: #FFF; }

.app.app-blue .card.card-tab .card-header > ul > li.active a, .app.app-blue .card.card-tab ul.nav-tabs > li.active a {
  color: #095077; }

.app.app-blue .card.card-tab > .ng-isolate-scope > .nav-tabs > li.active a {
  color: #095077; }