/*----*/
/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Khand:wght@400;500;600;700&display=swap");
* {
  font-family: 'Khand', sans-serif;
  padding: 0;
  margin: 0;
  text-decoration: none;
  line-height: 1.2;
  box-sizing: border-box; }

html {
  height: 100%;
  margin: 0; }

body {
  min-height: 100%;
  background: url("../images/bg.jpg") no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  overflow-x: hidden; }

.login-content {
  padding: 15px;
  font-size: 14px;
  color: #135a92;
  width: 100%;
  max-width: 1470px;
  margin: 0 auto; }
  .login-content .left-area, .login-content .right-area {
    width: 100%; }
  .login-content .left-area {
    background-color: #FFF;
    border-radius: 35px;
    padding: 15px;
    margin-bottom: 15px; }
    .login-content .left-area strong {
      color: #f39200;
      font-weight: bold;
      text-decoration: underline; }
    .login-content .left-area .content p {
      margin-bottom: 1rem; }
  .login-content .right-area .logo {
    text-align: center; }
    .login-content .right-area .logo img {
      width: 160px;
      height: auto; }
  .login-content .right-area .loginarea {
    max-width: 600px;
    padding: 40px 20px 20px;
    background-color: #FFF;
    border: 2px solid #135a92;
    border-radius: 35px;
    margin: 0 auto; }
  .login-content .right-area .tab-btns {
    display: flex;
    justify-content: space-between;
    margin: 20px 0; }
    .login-content .right-area .tab-btns .tb-btn {
      display: block;
      cursor: pointer;
      width: 49%;
      font-weight: 600;
      text-align: center;
      padding: 16px 5px 12px;
      border: 2px solid transparent;
      background-color: #f8f8f8;
      color: #c1c0ca;
      border-radius: 5px;
      letter-spacing: 3px;
      -webkit-transition: all .3s ease-in-out;
      -khtml-transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
      .login-content .right-area .tab-btns .tb-btn.active, .login-content .right-area .tab-btns .tb-btn:hover {
        border: 2px solid #f39200;
        background-color: #eaeaea;
        color: #135a92; }
  .login-content .right-area .uye, .login-content .right-area .yonetici {
    display: none; }
    .login-content .right-area .uye.active, .login-content .right-area .yonetici.active {
      display: block; }
  .login-content .right-area .uye-type {
    text-align: center; }
    .login-content .right-area .uye-type .checbox-container {
      display: inline-block;
      margin: 0 15px; }
  .login-content .text-input {
    background-color: #eaeaea;
    border-radius: 5px;
    padding: 10px;
    width: 100%;
    border: 2px solid transparent;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; }
    .login-content .text-input:focus {
      border-color: #135a92; }
  .login-content select.text-input {
    padding: 6px 10px; }
  .login-content .form-group {
    margin-bottom: 1rem; }
  .login-content #error-message {
    font-size: 16px;
    margin: 10px;
    text-align: center; }
  .login-content .dokalogo {
    margin: 20px 0;
    display: flex; }
    .login-content .dokalogo a img {
      width: 100%;
      height: auto; }
    .login-content .dokalogo a:first-child {
      margin-right: 20px; }
  .login-content a {
    color: #135a92; }
  .login-content .redirectarea {
    text-align: center;
    font-size: 18px;
    margin: 15px 0 0; }
    .login-content .redirectarea i {
      color: #f39200;
      font-weight: bold;
      text-decoration: underline; }

.checkbox {
  margin: 15px 0;
  display: inline-block; }
  .checkbox .check-inp {
    display: none; }
  .checkbox .check-text {
    margin-left: .5rem;
    font-size: 14px;
    line-height: 1.6; }
    .checkbox .check-text a {
      font-weight: bold; }
  .checkbox input[type="radio"]:checked ~ .check, .checkbox input[type="checkbox"]:checked ~ .check {
    background-position: left top; }
  .checkbox .check {
    display: inline-block;
    float: left;
    width: 20px;
    height: 20px;
    background: url("../images/check.png") no-repeat left bottom;
    background-size: 20px 40px; }

.lb-icon {
  padding-left: 22px;
  position: relative;
  letter-spacing: 3px; }
  .lb-icon:before {
    content: "";
    width: 18px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 1px; }
  .lb-icon.user:before {
    background: url("../images/icons.png") no-repeat left top;
    background-size: 54px 32px; }
  .lb-icon.pass:before {
    background: url("../images/icons.png") no-repeat left -18px top;
    background-size: 54px 32px; }
  .lb-icon.email:before {
    background: url("../images/icons.png") no-repeat left -36px top;
    background-size: 54px 32px; }
  .lb-icon.phone:before {
    background: url("../images/icons.png") no-repeat left bottom;
    background-size: 54px 32px; }
  .lb-icon.region:before {
    background: url("../images/icons.png") no-repeat left -18px bottom;
    background-size: 54px 32px; }

label {
  font-weight: 400; }

.lgnbtn {
  display: block;
  line-height: 1.2 !important;
  width: 100%;
  text-align: center;
  border: none;
  box-shadow: none;
  background-color: #f39200;
  color: #135a92;
  border-radius: 5px;
  padding: 1.5rem 5px 1.3rem;
  letter-spacing: 3px;
  font-weight: bold;
  -webkit-transition: all .3s ease-in-out;
  -khtml-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }
  .lgnbtn.purple {
    background-color: #135a92;
    color: #f39200; }
  .lgnbtn:hover {
    -webkit-box-shadow: 0px 0px 8px 0px #616161;
    -moz-box-shadow: 0px 0px 8px 0px #616161;
    box-shadow: 0px 0px 8px 0px #616161;
    color: #FFF; }

.button_block {
  display: flex;
  justify-content: space-between; }
  .button_block .lgnbtn {
    width: 49%; }

.loginFrm {
  position: relative; }

.infobox {
  position: absolute;
  border-radius: 5px;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%; }
  .infobox .msgg {
    font-size: 16px;
    font-weight: 400; }

#sozlesmePopup {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.6);
  font-size: 14px; }
  #sozlesmePopup .popHead {
    color: #135a92;
    font-size: 22px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 700; }
  #sozlesmePopup .content {
    width: 85%;
    max-height: 90%;
    overflow-x: scroll;
    padding: 30px 10px;
    font-size: 18px;
    max-width: 800px;
    height: auto;
    background-color: #fff;
    border: 2px solid #135a92;
    border-radius: 30px; }
    #sozlesmePopup .content::-webkit-scrollbar {
      width: 5px; }
    #sozlesmePopup .content::-webkit-scrollbar-thumb {
      background-color: darkgrey;
      outline: 1px solid slategrey; }
  #sozlesmePopup .closepop {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1; }
  #sozlesmePopup .popBtn {
    font-weight: bold;
    margin-top: 40px;
    width: 100%;
    font-size: 18px;
    height: 35px;
    text-align: center;
    color: #f39200;
    background-color: #135a92; }
  @media (min-width: 1200px) {
    #sozlesmePopup {
      font-size: 18px; }
      #sozlesmePopup .content {
        padding: 30px; } }

@media (min-width: 1200px) {
  .login-content {
    display: flex;
    align-items: center;
    height: 100vh;
    font-size: 28px; }
    .login-content .left-area, .login-content .right-area {
      width: 50%; }
    .login-content .left-area {
      background-color: transparent; }
    .login-content .right-area .logo img {
      width: 286px; }
    .login-content .checkbox .check-text {
      font-size: 22px; }
    .login-content .text-input {
      padding: 15px; }
    .login-content select.text-input {
      padding: 10px 15px; }

  .checkbox .check {
    width: 30px;
    height: 30px;
    background-size: 30px 60px; }

  .lb-icon {
    padding-left: 40px; }
    .lb-icon:before {
      top: 5px;
      width: 36px;
      height: 32px; }
    .lb-icon.user:before {
      background-size: 108px 64px; }
    .lb-icon.pass:before {
      background: url("../images/icons.png") no-repeat left -36px top;
      background-size: 108px 64px; }
    .lb-icon.email:before {
      background: url("../images/icons.png") no-repeat left -72px top;
      background-size: 108px 64px; }
    .lb-icon.phone:before {
      background: url("../images/icons.png") no-repeat left bottom;
      background-size: 108px 64px; }
    .lb-icon.region:before {
      background: url("../images/icons.png") no-repeat left -36px bottom;
      background-size: 108px 64px; } }
@media (max-height: 899px) {
  .login-content {
    align-items: flex-start !important; } }

/*# sourceMappingURL=dokamentor.css.map */