.sendLoader {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(0,0,0,0.6);
    display: none;  
    top: 0;
    left:0;
}
.sendLoader.active {display: table;}
.sendLoader .sendInner {
    display: table-cell;
    vertical-align: middle;
    text-align: center; 
}
.sendLoader .sendInner .loadPanel {
    background: #fff;
    margin: auto;
    padding: 15px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    float: none;
}
.sendLoader .sendInner .loadPanel i {color: #004477;}
.sendLoader .sendInner .loadPanel > div {border-top: 1px dashed #ccc; margin-top: 15px; padding-top: 15px}
.resres, #result, a.resetAll, .PersonelArama, .OgrenciArama {display: none;}

.has-error .form-control {
  border-color: #f56b6b;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.control-label {font-weight: 600;}

.alert {
  padding: .1rem;
  border-radius: 0;
  font-weight: 600;
}

.main-wrapper {
  background: #fff none repeat scroll 0 0;
  margin: 0 auto -55px auto;
  overflow: hidden;
  z-index: 1;
  min-height: 100%;
  width: 100%;
}

header {
  transition: all 0.5s ease 0s;
  position: relative;
  z-index: 1040;
  width: 100%;
  box-shadow: 0px 2px 7px #b0b0b0;
}

.h-container {
  padding-top: 10px;
  padding-bottom: 10px;
}

.h-container .header-left, .h-container .h-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.h-container .header-right {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: auto;
}

.h-container .header-left .header-left-text {
  display: flex;
  flex-direction: column;
  margin-right: auto;
  margin-left: 5px;
  font-size: 20px;
  font-weight: 600;
  color: #000;
  text-shadow: 1px 1px 4px rgba(150,150,150,.51);
  line-height: 1.2;
}

.h-container .header-left a.logo img {height: 80px;}

ul.rightMenu {
  margin: auto;
}

div.footer {
    padding: 10px 0;
    background: #333;
    color: #FFF;
    min-height: 40px;
    font-size: .8rem;
    margin-top: 15px;    
}

div.footer ul {
    color: #fff;
    margin: 0px;
    list-style: none;
    padding: 0;
}

div.footer ul li {
    display: inline-block;
}


div.footer ul li::after {
    content: ' | ';
    color: #8a8a8a;
}

div.footer ul li:last-child::after {
    content: '';
}

div.footer ul li a {color: #fff;}

div.footer .footerRight {text-align: right;}

div.footer-ghost {min-height: 55px;}

.top-social-icon {padding: 0; float: right; margin: 0; margin-bottom: 0px;}
.top-social-icon li {font-size: 14px; list-style-type: none; float: left; text-align: center; margin: 0; padding: 0 2px;}
.top-social-icon li a {color: #535353; line-height: 28px; -moz-transition-duration: .3s; -ms-transition-duration: .3s; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; padding: 0 3px; width: 100%; display: block; min-width: 28px;}
.top-social-icon li a:hover {color: #fff;}
.top-social-icon li a.facebook:hover {background: #4867aa}
.top-social-icon li a.twitter:hover {background: #00aced}
.top-social-icon li a.instagram:hover {background-image: linear-gradient(#ed0002, #b500ab, #ebbd54);}
.top-social-icon li a.linkedin:hover {background: #0270ad}
.top-social-icon li a.youtube:hover {background: #f40000}

@media screen and (max-width: 767px){  
    .main-wrapper {margin: 0 auto -110px auto;}
    div.footer {height: 95px;}
    div.footer, div.footer .footerRight {text-align: center; margin-top: 15px; border-top: 1px dashed #ccc; padding-top: 15px;}
    .h-container {padding: 0; padding-top: 10px;}
    .h-container .header-left .header-left-text {font-size: .95rem;}
    .header-left img {max-height: 50px}
    .h-container .h-wrapper {flex-direction: column;}
    .h-container .header-right {border-top: 1px solid #ccc; margin: 5px 0; width: 100%; align-items: center;}    
    ul.rightMenu {margin: 5px auto}      
}

div.form-buttons {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px dashed #ccc;
  text-align: right;
}

.form-row h4, .exams h4 {
  display: block;
  width: 100%;
  border-bottom: 1px solid #79c37d;
  padding: 5px 10px;
  font-size: 1.1rem;
  background: #79c37d;
  color: #fff;
}

.input-group-addon {
  padding: 12px 14px 12px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #c1c1c1;
  width: 1%;
  white-space: nowrap;
}

.input-group-text i {
  width: 15px;
}

.form-check a {color: #212529;}


#brk-dots canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.exams {margin-bottom: 1rem; border-bottom: 1px dashed #777; padding-bottom: 1rem;}
.exams span {display: block; text-align: center; margin-bottom: 7px; color: red; font-size: .9rem; font-weight: 600;}
.exams .table, .exams:last-child {margin-bottom: 0; padding-bottom: 0; border: 0}
.table td, .table th {padding: 5px 7px; font-size: .9rem;}
.table thead tr {background: #333; color: #fff;}

div.mainInfo ol li::marker,div.mainInfo ul li::marker {font-weight: 600; list-style: decimal;}