a, a:hover, a:active {
  text-decoration: none;
  color: inherit;
}

.mauto {
  margin: auto;
}

.fnone {
  float: none;
}

.nofl {
  float: none;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.hide {
  display: none;
}

.clear {
  clear: both;
}

.normal {
  font-weight: normal !important;
}

.bold {
  font-weight: bold;
}

.cpointer {
  cursor: pointer;
}

.dblock {
  display: block;
}

.diblock {
  display: inline-block;
}

.nopd {
  padding: 0;
}

.mg-1 {
  margin: 1px;
}

.mgr-1 {
  margin-right: 1px;
}

.mgl-1 {
  margin-left: 1px;
}

.mgt-1 {
  margin-top: 1px;
}

.mgb-1 {
  margin-bottom: 1px;
}

.pd-1 {
  padding: 1px;
}

.pdr-1 {
  padding-right: 1px;
}

.pdl-1 {
  padding-left: 1px;
}

.pdt-1 {
  padding-top: 1px;
}

.pdb-1 {
  padding-bottom: 1px;
}

.f1 {
  font-size: 1px;
}

.f21 {
  font-size: 21px;
}

.mg-2 {
  margin: 2px;
}

.mgr-2 {
  margin-right: 2px;
}

.mgl-2 {
  margin-left: 2px;
}

.mgt-2 {
  margin-top: 2px;
}

.mgb-2 {
  margin-bottom: 2px;
}

.pd-2 {
  padding: 2px;
}

.pdr-2 {
  padding-right: 2px;
}

.pdl-2 {
  padding-left: 2px;
}

.pdt-2 {
  padding-top: 2px;
}

.pdb-2 {
  padding-bottom: 2px;
}

.f2 {
  font-size: 2px;
}

.f22 {
  font-size: 22px;
}

.mg-3 {
  margin: 3px;
}

.mgr-3 {
  margin-right: 3px;
}

.mgl-3 {
  margin-left: 3px;
}

.mgt-3 {
  margin-top: 3px;
}

.mgb-3 {
  margin-bottom: 3px;
}

.pd-3 {
  padding: 3px;
}

.pdr-3 {
  padding-right: 3px;
}

.pdl-3 {
  padding-left: 3px;
}

.pdt-3 {
  padding-top: 3px;
}

.pdb-3 {
  padding-bottom: 3px;
}

.f3 {
  font-size: 3px;
}

.f23 {
  font-size: 23px;
}

.mg-4 {
  margin: 4px;
}

.mgr-4 {
  margin-right: 4px;
}

.mgl-4 {
  margin-left: 4px;
}

.mgt-4 {
  margin-top: 4px;
}

.mgb-4 {
  margin-bottom: 4px;
}

.pd-4 {
  padding: 4px;
}

.pdr-4 {
  padding-right: 4px;
}

.pdl-4 {
  padding-left: 4px;
}

.pdt-4 {
  padding-top: 4px;
}

.pdb-4 {
  padding-bottom: 4px;
}

.f4 {
  font-size: 4px;
}

.f24 {
  font-size: 24px;
}

.mg-5 {
  margin: 5px;
}

.mgr-5 {
  margin-right: 5px;
}

.mgl-5 {
  margin-left: 5px;
}

.mgt-5 {
  margin-top: 5px;
}

.mgb-5 {
  margin-bottom: 5px;
}

.pd-5 {
  padding: 5px;
}

.pdr-5 {
  padding-right: 5px;
}

.pdl-5 {
  padding-left: 5px;
}

.pdt-5 {
  padding-top: 5px;
}

.pdb-5 {
  padding-bottom: 5px;
}

.f5 {
  font-size: 5px;
}

.f25 {
  font-size: 25px;
}

.mg-6 {
  margin: 6px;
}

.mgr-6 {
  margin-right: 6px;
}

.mgl-6 {
  margin-left: 6px;
}

.mgt-6 {
  margin-top: 6px;
}

.mgb-6 {
  margin-bottom: 6px;
}

.pd-6 {
  padding: 6px;
}

.pdr-6 {
  padding-right: 6px;
}

.pdl-6 {
  padding-left: 6px;
}

.pdt-6 {
  padding-top: 6px;
}

.pdb-6 {
  padding-bottom: 6px;
}

.f6 {
  font-size: 6px;
}

.f26 {
  font-size: 26px;
}

.mg-7 {
  margin: 7px;
}

.mgr-7 {
  margin-right: 7px;
}

.mgl-7 {
  margin-left: 7px;
}

.mgt-7 {
  margin-top: 7px;
}

.mgb-7 {
  margin-bottom: 7px;
}

.pd-7 {
  padding: 7px;
}

.pdr-7 {
  padding-right: 7px;
}

.pdl-7 {
  padding-left: 7px;
}

.pdt-7 {
  padding-top: 7px;
}

.pdb-7 {
  padding-bottom: 7px;
}

.f7 {
  font-size: 7px;
}

.f27 {
  font-size: 27px;
}

.mg-8 {
  margin: 8px;
}

.mgr-8 {
  margin-right: 8px;
}

.mgl-8 {
  margin-left: 8px;
}

.mgt-8 {
  margin-top: 8px;
}

.mgb-8 {
  margin-bottom: 8px;
}

.pd-8 {
  padding: 8px;
}

.pdr-8 {
  padding-right: 8px;
}

.pdl-8 {
  padding-left: 8px;
}

.pdt-8 {
  padding-top: 8px;
}

.pdb-8 {
  padding-bottom: 8px;
}

.f8 {
  font-size: 8px;
}

.f28 {
  font-size: 28px;
}

.mg-9 {
  margin: 9px;
}

.mgr-9 {
  margin-right: 9px;
}

.mgl-9 {
  margin-left: 9px;
}

.mgt-9 {
  margin-top: 9px;
}

.mgb-9 {
  margin-bottom: 9px;
}

.pd-9 {
  padding: 9px;
}

.pdr-9 {
  padding-right: 9px;
}

.pdl-9 {
  padding-left: 9px;
}

.pdt-9 {
  padding-top: 9px;
}

.pdb-9 {
  padding-bottom: 9px;
}

.f9 {
  font-size: 9px;
}

.f29 {
  font-size: 29px;
}

.mg-10 {
  margin: 10px;
}

.mgr-10 {
  margin-right: 10px;
}

.mgl-10 {
  margin-left: 10px;
}

.mgt-10 {
  margin-top: 10px;
}

.mgb-10 {
  margin-bottom: 10px;
}

.pd-10 {
  padding: 10px;
}

.pdr-10 {
  padding-right: 10px;
}

.pdl-10 {
  padding-left: 10px;
}

.pdt-10 {
  padding-top: 10px;
}

.pdb-10 {
  padding-bottom: 10px;
}

.f10 {
  font-size: 10px;
}

.f30 {
  font-size: 30px;
}

.mg-11 {
  margin: 11px;
}

.mgr-11 {
  margin-right: 11px;
}

.mgl-11 {
  margin-left: 11px;
}

.mgt-11 {
  margin-top: 11px;
}

.mgb-11 {
  margin-bottom: 11px;
}

.pd-11 {
  padding: 11px;
}

.pdr-11 {
  padding-right: 11px;
}

.pdl-11 {
  padding-left: 11px;
}

.pdt-11 {
  padding-top: 11px;
}

.pdb-11 {
  padding-bottom: 11px;
}

.f11 {
  font-size: 11px;
}

.f31 {
  font-size: 31px;
}

.mg-12 {
  margin: 12px;
}

.mgr-12 {
  margin-right: 12px;
}

.mgl-12 {
  margin-left: 12px;
}

.mgt-12 {
  margin-top: 12px;
}

.mgb-12 {
  margin-bottom: 12px;
}

.pd-12 {
  padding: 12px;
}

.pdr-12 {
  padding-right: 12px;
}

.pdl-12 {
  padding-left: 12px;
}

.pdt-12 {
  padding-top: 12px;
}

.pdb-12 {
  padding-bottom: 12px;
}

.f12 {
  font-size: 12px;
}

.f32 {
  font-size: 32px;
}

.mg-13 {
  margin: 13px;
}

.mgr-13 {
  margin-right: 13px;
}

.mgl-13 {
  margin-left: 13px;
}

.mgt-13 {
  margin-top: 13px;
}

.mgb-13 {
  margin-bottom: 13px;
}

.pd-13 {
  padding: 13px;
}

.pdr-13 {
  padding-right: 13px;
}

.pdl-13 {
  padding-left: 13px;
}

.pdt-13 {
  padding-top: 13px;
}

.pdb-13 {
  padding-bottom: 13px;
}

.f13 {
  font-size: 13px;
}

.f33 {
  font-size: 33px;
}

.mg-14 {
  margin: 14px;
}

.mgr-14 {
  margin-right: 14px;
}

.mgl-14 {
  margin-left: 14px;
}

.mgt-14 {
  margin-top: 14px;
}

.mgb-14 {
  margin-bottom: 14px;
}

.pd-14 {
  padding: 14px;
}

.pdr-14 {
  padding-right: 14px;
}

.pdl-14 {
  padding-left: 14px;
}

.pdt-14 {
  padding-top: 14px;
}

.pdb-14 {
  padding-bottom: 14px;
}

.f14 {
  font-size: 14px;
}

.f34 {
  font-size: 34px;
}

.mg-15 {
  margin: 15px;
}

.mgr-15 {
  margin-right: 15px;
}

.mgl-15 {
  margin-left: 15px;
}

.mgt-15 {
  margin-top: 15px;
}

.mgb-15 {
  margin-bottom: 15px;
}

.pd-15 {
  padding: 15px;
}

.pdr-15 {
  padding-right: 15px;
}

.pdl-15 {
  padding-left: 15px;
}

.pdt-15 {
  padding-top: 15px;
}

.pdb-15 {
  padding-bottom: 15px;
}

.f15 {
  font-size: 15px;
}

.f35 {
  font-size: 35px;
}

.mg-16 {
  margin: 16px;
}

.mgr-16 {
  margin-right: 16px;
}

.mgl-16 {
  margin-left: 16px;
}

.mgt-16 {
  margin-top: 16px;
}

.mgb-16 {
  margin-bottom: 16px;
}

.pd-16 {
  padding: 16px;
}

.pdr-16 {
  padding-right: 16px;
}

.pdl-16 {
  padding-left: 16px;
}

.pdt-16 {
  padding-top: 16px;
}

.pdb-16 {
  padding-bottom: 16px;
}

.f16 {
  font-size: 16px;
}

.f36 {
  font-size: 36px;
}

.mg-17 {
  margin: 17px;
}

.mgr-17 {
  margin-right: 17px;
}

.mgl-17 {
  margin-left: 17px;
}

.mgt-17 {
  margin-top: 17px;
}

.mgb-17 {
  margin-bottom: 17px;
}

.pd-17 {
  padding: 17px;
}

.pdr-17 {
  padding-right: 17px;
}

.pdl-17 {
  padding-left: 17px;
}

.pdt-17 {
  padding-top: 17px;
}

.pdb-17 {
  padding-bottom: 17px;
}

.f17 {
  font-size: 17px;
}

.f37 {
  font-size: 37px;
}

.mg-18 {
  margin: 18px;
}

.mgr-18 {
  margin-right: 18px;
}

.mgl-18 {
  margin-left: 18px;
}

.mgt-18 {
  margin-top: 18px;
}

.mgb-18 {
  margin-bottom: 18px;
}

.pd-18 {
  padding: 18px;
}

.pdr-18 {
  padding-right: 18px;
}

.pdl-18 {
  padding-left: 18px;
}

.pdt-18 {
  padding-top: 18px;
}

.pdb-18 {
  padding-bottom: 18px;
}

.f18 {
  font-size: 18px;
}

.f38 {
  font-size: 38px;
}

.mg-19 {
  margin: 19px;
}

.mgr-19 {
  margin-right: 19px;
}

.mgl-19 {
  margin-left: 19px;
}

.mgt-19 {
  margin-top: 19px;
}

.mgb-19 {
  margin-bottom: 19px;
}

.pd-19 {
  padding: 19px;
}

.pdr-19 {
  padding-right: 19px;
}

.pdl-19 {
  padding-left: 19px;
}

.pdt-19 {
  padding-top: 19px;
}

.pdb-19 {
  padding-bottom: 19px;
}

.f19 {
  font-size: 19px;
}

.f39 {
  font-size: 39px;
}

.mg-20 {
  margin: 20px;
}

.mgr-20 {
  margin-right: 20px;
}

.mgl-20 {
  margin-left: 20px;
}

.mgt-20 {
  margin-top: 20px;
}

.mgb-20 {
  margin-bottom: 20px;
}

.pd-20 {
  padding: 20px;
}

.pdr-20 {
  padding-right: 20px;
}

.pdl-20 {
  padding-left: 20px;
}

.pdt-20 {
  padding-top: 20px;
}

.pdb-20 {
  padding-bottom: 20px;
}

.f20 {
  font-size: 20px;
}

.f40 {
  font-size: 40px;
}

.mg-20 {
  margin: 20px;
}

.mgr-20 {
  margin-right: 20px;
}

.mgl-20 {
  margin-left: 20px;
}

.mgt-20 {
  margin-top: 20px;
}

.mgb-20 {
  margin-bottom: 20px;
}

.pd-20 {
  padding: 20px;
}

.pdr-20 {
  padding-right: 20px;
}

.pdl-20 {
  padding-left: 20px;
}

.pdt-20 {
  padding-top: 20px;
}

.pdb-20 {
  padding-bottom: 20px;
}

.mg-25 {
  margin: 25px;
}

.mgr-25 {
  margin-right: 25px;
}

.mgl-25 {
  margin-left: 25px;
}

.mgt-25 {
  margin-top: 25px;
}

.mgb-25 {
  margin-bottom: 25px;
}

.pd-25 {
  padding: 25px;
}

.pdr-25 {
  padding-right: 25px;
}

.pdl-25 {
  padding-left: 25px;
}

.pdt-25 {
  padding-top: 25px;
}

.pdb-25 {
  padding-bottom: 25px;
}

.mg-30 {
  margin: 30px;
}

.mgr-30 {
  margin-right: 30px;
}

.mgl-30 {
  margin-left: 30px;
}

.mgt-30 {
  margin-top: 30px;
}

.mgb-30 {
  margin-bottom: 30px;
}

.pd-30 {
  padding: 30px;
}

.pdr-30 {
  padding-right: 30px;
}

.pdl-30 {
  padding-left: 30px;
}

.pdt-30 {
  padding-top: 30px;
}

.pdb-30 {
  padding-bottom: 30px;
}

.mg-35 {
  margin: 35px;
}

.mgr-35 {
  margin-right: 35px;
}

.mgl-35 {
  margin-left: 35px;
}

.mgt-35 {
  margin-top: 35px;
}

.mgb-35 {
  margin-bottom: 35px;
}

.pd-35 {
  padding: 35px;
}

.pdr-35 {
  padding-right: 35px;
}

.pdl-35 {
  padding-left: 35px;
}

.pdt-35 {
  padding-top: 35px;
}

.pdb-35 {
  padding-bottom: 35px;
}

.mg-40 {
  margin: 40px;
}

.mgr-40 {
  margin-right: 40px;
}

.mgl-40 {
  margin-left: 40px;
}

.mgt-40 {
  margin-top: 40px;
}

.mgb-40 {
  margin-bottom: 40px;
}

.pd-40 {
  padding: 40px;
}

.pdr-40 {
  padding-right: 40px;
}

.pdl-40 {
  padding-left: 40px;
}

.pdt-40 {
  padding-top: 40px;
}

.pdb-40 {
  padding-bottom: 40px;
}

.w100 {
  width: 100%;
}

.w100px {
  width: 100px;
}

.w150px {
  width: 150px;
}

.w200px {
  width: 200px;
}

.bgbeyaz {
  background-color: #FFFFFF;
}

.va-b {
  vertical-align: bottom;
}

.va-m {
  vertical-align: middle !important;
}

.va-t {
  vertical-align: top;
}

/* Font */
h1 {
  font-size: 24px;
}

h2 {
  font-size: 20px;
}

h3 {
  font-size: 18px;
}

h4 {
  font-size: 16px;
}

h5 {
  font-size: 14px;
}

.bold {
  font-weight: bold;
}

input[type=text]:focus {
  background-color: #a6e1ec;
}

@media print {
  .phide {
    display: none !important;
  }
}
.alertify,
.alertify-show,
.alertify-log {
  -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* easeOutBack */
}

.alertify-hide {
  -webkit-transition: all 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -moz-transition: all 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -ms-transition: all 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -o-transition: all 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  transition: all 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  /* easeInBack */
}

.alertify-log-hide {
  -webkit-transition: all 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -moz-transition: all 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -ms-transition: all 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -o-transition: all 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  transition: all 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  /* easeInBack */
}

.alertify-cover {
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: white;
  filter: alpha(opacity=0);
  opacity: 0;
}

.alertify-cover-hidden {
  display: none;
}

.alertify {
  position: fixed;
  z-index: 99999;
  top: 50px;
  left: 50%;
  width: 550px;
  margin-left: -275px;
  opacity: 1;
}

.alertify-hidden {
  -webkit-transform: translate(0, -150px);
  -moz-transform: translate(0, -150px);
  -ms-transform: translate(0, -150px);
  -o-transform: translate(0, -150px);
  transform: translate(0, -150px);
  opacity: 0;
  display: none;
}

/* overwrite display: none; for everything except IE6-8 */
:root * > .alertify-hidden {
  display: block;
  visibility: hidden;
}

.alertify-logs {
  position: fixed;
  z-index: 5000;
  bottom: 10px;
  right: 10px;
  width: 300px;
}

.alertify-logs-hidden {
  display: none;
}

.alertify-log {
  display: block;
  margin-top: 10px;
  position: relative;
  right: -200px;
  opacity: 0;
}

.alertify-log-show {
  right: 0;
  opacity: 1;
}

.alertify-log-hide {
  -webkit-transform: translate(300px, 0);
  -moz-transform: translate(300px, 0);
  -ms-transform: translate(300px, 0);
  -o-transform: translate(300px, 0);
  transform: translate(300px, 0);
  opacity: 0;
}

.alertify-dialog {
  padding: 25px;
}

.alertify-resetFocus {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.alertify-inner {
  text-align: center;
}

.alertify-text {
  margin-bottom: 15px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 100%;
}

.alertify-button,
.alertify-button:hover,
.alertify-button:active,
.alertify-button:visited {
  background: none;
  text-decoration: none;
  border: none;
  /* line-height and font-size for input button */
  line-height: 1.5;
  font-size: 100%;
  display: inline-block;
  cursor: pointer;
  margin-left: 5px;
}

@media only screen and (max-width: 680px) {
  .alertify,
.alertify-logs {
    width: 90%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .alertify {
    left: 5%;
    margin: 0;
  }
}
/**
 * Default Look and Feel
 */
.alertify,
.alertify-log {
  font-family: sans-serif;
}

.alertify {
  background: #FFF;
  border: 10px solid #333;
  /* browsers that don't support rgba */
  border: 10px solid rgba(0, 0, 0, 0.7);
  border-radius: 8px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding;
  /* Safari 4? Chrome 6? */
  -moz-background-clip: padding;
  /* Firefox 3.6 */
  background-clip: padding-box;
  /* Firefox 4, Safari 5, Opera 10, IE 9 */
}

.alertify-text {
  border: 1px solid #CCC;
  padding: 10px;
  border-radius: 4px;
}

.alertify-button {
  border-radius: 4px;
  color: #FFF;
  font-weight: bold;
  padding: 6px 15px;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
}

.alertify-button:hover,
.alertify-button:focus {
  outline: none;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}

.alertify-button:focus {
  box-shadow: 0 0 15px #2B72D5;
}

.alertify-button:active {
  position: relative;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.alertify-button-cancel,
.alertify-button-cancel:hover,
.alertify-button-cancel:focus {
  background-color: #FE1A00;
  border: 1px solid #D83526;
}

.alertify-button-ok,
.alertify-button-ok:hover,
.alertify-button-ok:focus {
  background-color: #5CB811;
  border: 1px solid #3B7808;
}

.alertify-log {
  background: #1F1F1F;
  background: rgba(0, 0, 0, 0.9);
  padding: 15px;
  border-radius: 4px;
  color: #FFF;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
}

.alertify-log-error {
  background: #FE1A00;
  background: rgba(254, 26, 0, 0.9);
}

.alertify-log-success {
  background: #5CB811;
  background: rgba(92, 184, 17, 0.9);
}

body {
  color: #333;
  font-family: Arial, sans-serif;
}

* {
  box-sizing: border-box;
}

.container-fluid {
  max-width: 1500px;
}

.ustNav {
  background-color: #F2F2F4;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #D5DED9;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: solid 3px #594F4F;
}
.ustNav .boxAna {
  padding: 0px 5px;
}

.boxnav {
  text-align: center;
  border: solid 1px #EEE;
  background-color: #025757;
  padding: 10px 5px;
  margin: 0px;
  min-height: 70px;
  color: #FFFFFF;
  border-radius: 3px;
}
.boxnav i {
  font-size: 20px;
  display: block;
  margin-bottom: 5px;
}
.boxnav:hover {
  background-color: #038F8F;
}
.boxnav:hover i {
  color: #FFFFFF;
}
.boxnav.aktif {
  background-color: #038F8F;
}

.boxnav2 {
  text-align: center;
  border: solid 1px #EEE;
  background-color: #FFFFFF;
  padding: 10px 5px;
  margin: 0px;
  min-height: 70px;
}
.boxnav2 i {
  font-size: 20px;
  display: block;
  margin-bottom: 5px;
  color: #122b40;
}
.boxnav2:hover {
  background-color: #faf2cc;
}
.boxnav2:hover i {
  color: #1b6d85;
}
.boxnav2.aktif {
  background-color: #c4e3f3;
}

.icerik {
  padding-top: 20px;
}

.wi {
  background-color: #EEEEEE;
  min-height: 50px;
  height: auto;
  width: 100%;
  margin-bottom: 8px;
}
.wi div {
  height: 100%;
  float: left;
  padding: 15px;
  min-height: 50px;
}
.wi div:first-child {
  width: 80%;
}
.wi div:last-child {
  width: 20%;
  text-align: center;
  background-color: #CCC;
  padding-left: 0px;
  padding-right: 0px;
}
.wi:hover {
  background-color: #204d74;
  color: #FFFFFF;
}
.wi:hover div:last-child {
  background-color: #122b40;
}

.bgsari {
  background-color: #ffff56;
}

/****** sidebar ***/
.well legend {
  font-size: 18px;
  margin-bottom: 8px;
}

.welle {
  background-color: #FFFFFF;
  background-image: none;
}

.e-group {
  min-height: 40px;
  padding: 3px 2px;
}
.e-group:hover {
  /*background-color: #EEE;*/
}
.e-group .col-sm-3, .e-group .col-sm-9, .e-group .col-sm-4, .e-group .col-sm-8 {
  padding: 0;
}
.e-group .col-sm-4 {
  padding-right: 10px;
}

.etable .table > tbody > tr > td, .etable .table > tbody > tr > th, .etable .table > tfoot > tr > td, .etable .table > tfoot > tr > th,
.etable .table > thead > tr > td, .etable .table > thead > tr > th {
  padding: 2px;
}

.tab-pane {
  padding: 20px;
}
.tab-pane hr {
  margin: 10px 0px;
}

.araRow {
  margin-bottom: 20px;
}

.dataTables_filter {
  display: none !important;
}

#dataTable_length {
  margin-top: 10px;
}

.input-e {
  width: 100%;
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.fisAraRow div {
  display: inline-block;
}

#nautocomp span:hover {
  font-weight: bold;
}

#back-to-top {
  position: fixed;
  bottom: 40px;
  right: 10px;
  z-index: 9999;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 30px;
  background: #f5f5f5;
  color: #444;
  cursor: pointer;
  border: 0;
  border-radius: 2px;
  text-decoration: none;
  transition: opacity 0.2s ease-out;
  opacity: 0;
}

#back-to-top:hover {
  background: #e9ebec;
}

#back-to-top.show {
  opacity: 1;
}

/**** rapor */
@media screen and (min-width: 140px) and (max-width: 720px) {
  .boxnav {
    text-align: center;
    border: solid 1px #EEE;
    padding: 10px 0px;
    margin: 0px;
    min-height: 70px;
  }
  .boxnav i {
    font-size: 20px;
    display: block;
    margin-bottom: 5px;
  }

  .araRow .satir {
    margin-bottom: 10px;
  }

  .xs-right {
    text-align: right;
  }

  .xs-left {
    text-align: left;
  }

  .xs-fright {
    float: right !important;
  }

  .xs-fleft {
    float: left !important;
  }

  .xs-mleft-10 {
    margin-left: 10px;
  }
}
.navAc {
  display: none;
}

.kapat {
  color: #FFFFFF;
  font-weight: bold;
  float: right;
  margin-right: 15px;
  display: none;
}

@media screen and (min-width: 140px) and (max-width: 768px) {
  .ustNav {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: -100%;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding: 0;
    padding-top: 10px;
    border: none;
  }
  .ustNav a > div {
    margin-bottom: 5px;
  }

  .navAc {
    display: block !important;
    font-size: 24px;
    margin-bottom: -20px;
    color: #038F8F;
    margin-top: 10px;
    padding-left: 20px;
  }
  .navAc i {
    font-size: 32px;
  }

  .kapat {
    display: block !important;
    font-size: 32px;
    cursor: pointer;
  }

  .xs-mgb-10 {
    margin-bottom: 10px;
  }

  .xs-6 {
    width: 50%;
    padding: 0px 15px;
    float: left;
  }

  .xs-4 {
    width: 2500%;
    padding: 0px 15px;
  }

  .xs-6, .xs-4 {
    margin-bottom: 10px;
  }

  .xs-pdt-0 {
    padding-top: 0px !important;
  }

  .xs-pdr-5 {
    padding-right: 5px !important;
  }

  .xs-pdr-10 {
    padding-right: 10px !important;
  }

  .affix {
    position: static !important;
  }
}