body {
	
	background: #000530;
}

.dg-logo {
	width: 99px;
    height: 99px;
    margin: 20px 0px 0px 40px;
}
.clouds {
	position: absolute;
	top:0;
	right: 0;
	z-index: -100;
}
.left-panel {
	border-radius: 50px 0px 0px 50px;
    background: #2E0052; 
}
.right-panel {
	border-radius: 0px 50px 50px 0px;
    background: #D9D9D9; 
    background-image: url('/img/right-bg-panel.png');
    background-repeat: no-repeat;
    background-position: center;
    height: 659px;
    background-size: contain;
}
.login-panel-header {
font-family: Jomhuria;
font-size: 128px;
font-weight: 400;
line-height: 128px;
letter-spacing: 0em;
text-align: left;
	
}
.login-panel-footer{
font-family: Jomhuria;
font-weight: 400;
line-height: 50px;
letter-spacing: 0em;
text-align: left;
}
.lp-footer-top {
	font-size: 50px;
}
.lp-footer-bottom {
	font-size: 24px;
	font-family: Josefin Sans;
font-size: 24px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
	
}
.dg-input-field {
background: #2E0052;
height: 60px;
color: white;
padding-left: 30px;
}
.dg-input-field[readonly] {
    background: #2E0052;
}

.dg-input-field::placeholder {
font-family: Josefin Sans;
font-size: 24px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
color: #fff	
}
.dg-input-field:focus {
  background: #2E0052;
  color: white;
  box-shadow: 0 0 0 .25rem rgba(197, 201, 206, 0.25);
}
.dg-check-me {
	border-radius: 50% !important;
}
.dg-check-me:checked {
	border-radius: 50%;
}
.text-dg-yellow {
	color: #F6C319;
}
.dg-link {
	text-decoration: none;
}
.dg-link:hover {
	color: white;
}
.dg-button {
	border:1px solid #F6C319;
	height: 60px;
    color: #F6C319;
    text-align: center;
    font-family: Josefin Sans;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 0em;

}
.dg-button:hover {
  color: #fff;
}
.dg-line-maker {
	position: relative;
}
.dg-line-maker::before, .dg-line-maker::after
 {
	content: "";
	position: absolute;
	width: 35%;
	border-bottom: 1px solid #F6C319;	
}
.dg-line-maker::before
 {
	top:50%;
	left:15px;
	/*transform: translateX(-50%);	*/
}
.dg-line-maker::after
 {
	top:50%;
	right:15px;
	/*transform: translateX(50%);	*/
}

.bottom-link-ul {
	list-style: none;
	list-style-type: none;
}
.bottom-link-t {
font-family: Josefin Sans;
font-size: 18px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0em;
}

.bottom-link a {
	font-family: Josefin Sans;
font-size: 18px;
font-weight: 400;
line-height: 18px;
letter-spacing: 0em;
text-align: center;
text-decoration:none;
color: #fff;		
}
.bottom-link a:hover {
	color: #d9d9d9;	
}


@media (max-width: 991px) { 
	.left-panel {
	border-radius: 20px 20px 0px 0px;
    background: #2E0052;
    padding-bottom: 30px;
	}
	.right-panel{
	border-radius: 0px 0px 20px 20px;
	}
	.login-panel-footer {
  font-family: Jomhuria;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0em;
  text-align: left;
}
.dg-logo {
  width: 99px;
  height: 99px;
  margin: 15px 0px 10px 20px;
}
.bottom-link-ul {
  list-style: none;
    list-style-type: none;
  list-style-type: none;
  margin-left: 0px;
  padding-left: 0px;
}
	.d-none-phone {
	display: none;
	}
	}
@media only screen and (max-width: 760px) and (min-width: 300px)  {
 .login-panel-footer {
    font-family: Jomhuria;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: left;
    padding-top: 216px !important;
    margin-bottom: 2px !important;
  }
  .dg-dropdown-reg {
   font-size: 16px !important
  }
  
.dg-input-field::placeholder {
  font-family: Josefin Sans;

  font-size: 16px;

  font-weight: 400;

  line-height: 24px;

  letter-spacing: 0em;

  text-align: left;

  color: #fff;

}
	.bottom-link-ul {
  list-style: none;
    list-style-type: none;
  list-style-type: none;
  margin-left: 0px;
  padding-left: 0px;
}

.login-panel-header {
  font-family: Jomhuria;
  font-size: 63px;
  font-weight: 400;
  line-height: 128px;
  letter-spacing: 0em;
  text-align: left;
}

.dg-line-maker::after {
  top: 50%;

  right: 40px;

  transform: translateX(50%);

}
.dg-line-maker::before {
  top: 50%;
  left: 40px;
  transform: translateX(-50%);
}
	.form-check-label.text-white, .text-dg-yellow.dg-link {
  font-size: 13px;
}

.screens-bg {
  position: absolute;
  bottom: -35px !important;
  left: 32px !important;
  transform: translate(-17%,-30%);
 
}
.screens-bg img {
	width: 70%;
}
.right-panel {
  border-radius: 0px 0px 20px 20px;
  background: #D9D9D9;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
    background-size: auto;
  background-image: url('/img/right-bg-panel.png');
  background-repeat: no-repeat;
  background-position: center;
  height: auto;
  background-size: contain;
}

.lp-footer-top {
  font-size: 30px;
}
.lp-footer-bottom {
  font-size: 16px;
}
  .login-panel-footer {

    line-height: 17px;

  }
	}	


.eye-icon {
      position: absolute;
      right: 15px;
      top: 30%;
      transform: translateY(-50%);
      cursor: pointer;
    }
    .move-up {
      top:33% !important
    }


/* register*/
.screens-bg {
	position: absolute;
	bottom: -125px;
    left: -40px;
	transform:translate(-17%,-30%);
	
}
.screens-bg img {
	width: 70%;
}
.top-panel {
  border-radius: 50px 50px 0px 0px;
  background: #2E0052;
}
.left-reg-panel {
  border-radius: 0px 0px 0px 50px;
  background: #2E0052;	
}
.login-panel-sub-header {
 font-family: Jomhuria;
font-size: 50px;
font-weight: 400;
line-height: 50px;
letter-spacing: 0em;
text-align: left;
  	
}
.right-reg-panel {
 border-radius: 0px 0px 50px 0px;
  background: #2E0052;	
}
.dg-dropdown-reg {
background: #2E0052;
height: 60px;
color: white;
padding-left: 30px;	
font-family: Josefin Sans;
font-size: 24px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
}
.dg-dropdown-flag-right {
  background-image: url('https://flagcdn.com/w40/rs.png');
  background-repeat: no-repeat;
  background-position: right 1.75rem center;
}
.dg-dropdown-flag-left {
   background-repeat: no-repeat !important;
  background-position: left 1.75rem center !important;
  padding-left: 101px !important;
}
.dg-dropdown-flag-left:focus {
  background-repeat: no-repeat !important;
  background-position: left 1.75rem center !important;
  padding-left: 101px !important;
}
.dg-reg-btn {
font-family: Josefin Sans;
font-size: 36px;
font-weight: 700;
line-height: 36px;
letter-spacing: 0em;
text-align: left;
background: #F6C319;
padding: 9px 25px 0px 25px;
color: #2E0051;	
}
.dg-reg-btn:hover {
  color: #fff;
  background: #2e0052;
  border: 1px solid azure;
}

@media (max-width: 991px) { 
	.left-reg-panel {
  border-radius: 0px 0px 0px 0px;
  background: #2E0052;	
}

.right-reg-panel {
 border-radius: 0px 0px 50px 50px;
  background: #2E0052;	
}
	}

.eye-icon,
    .crossed {
      position: absolute;
      top: 30%;
      right: 30px;
      transform: translateY(-50%);
      cursor: pointer;
      color: #6c757d;
    }

    .crossed {
      text-decoration: line-through;
    }
/*
 do 991 sve je ok
 
 
/ Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) { ... }

*/
.eye-icon,
    .crossed {
      position: absolute;
      top: 30%;
      right: 30px;
      transform: translateY(-50%);
      cursor: pointer;
      color: #6c757d;
    }

    .crossed {
      text-decoration: line-through;
    }

    .valid {
      border: 2px solid green;
    }    .invalid {
      border: 2px solid red;
    }    .error-message {
      color: red;
      margin-top: 5px;
    }    .success-message {
      color: green;
      margin-top: 5px;
    }


    /*
input[type="date"] {
      position: relative;
   font-family: Josefin Sans;
    text-align: -webkit-auto;
    padding-left: 60px;
    font-weight: 600;
    font-size: 25px;
    }
 input[type="date"]::-webkit-calendar-picker-indicator {
      position: absolute;
      left: 20px;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
      z-index: 1; 
      filter: invert(100);
      
      
    }

input[type="date"]::-moz-calendar-picker-indicator {
      position: absolute;
      left: 20px;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
      z-index: 1; 
      filter: invert(100);
      
      
    }

*/