body {
    margin: 0px;
    padding: 0px;
    background-image: url("../images/BACKGROUND.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    box-sizing:border-box;
}
 .btn{border-radius:0px;}
      .right {
    background-image: url("../img/right.jpg");
    background-repeat: no-repeat;
    background-position:center;
     background-size: 100% 100%;
     
      }
      .left{
     background-image: url("../img/left.jpg");
    background-repeat: no-repeat;
    background-position:center;
    background-size: 100% 100%;
   height:100vh;
      }
  .checkboxes label {font-size:1rem; margin-left:5px;}
.withBack {
   
    margin: 1rem auto;
    max-width: 800px;
    width: 100%;
    padding: 1rem;
    background-image: url("../images/back.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.btn-custom {
    background-color: #800080;
    color: white;
}
    .btn-custom:hover {
        background-color: #560556;
        color: white;
    }
    .divBottom {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 38%;
        overflow: visible;
        background: rgba(244, 244, 244, 0.7);
    }
 .logoDiv
 {
     position:absolute;
     top:50%;
   
     transform: translateY(-50%);
             
 }
 .logoDiv img
 {
     width:90%;
     margin:0 auto;
  }
 .col-lg-6, .col-sm-12
 {
     padding:0;
     margin:0;
 }
 ::-webkit-scrollbar{
  width: 0.5rem;
}
::-webkit-scrollbar-track {
  background: #630c0c; 
}
::-webkit-scrollbar-thumb {
  background: rgb(214, 125, 7); 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: rgb(228, 87, 22); 
}
@media only screen and (min-width: 700px) 
{
    .container{padding-left:4rem; margin-top:1rem;}
      .left{
        

    /* background-image: url('../img/img.png');
    background-repeat: no-repeat;
    background-size: cover; */
        
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 50%;
    overflow: hidden;
    
    display: flex;
    align-items: center;
  justify-content: center;
      }
  
    .right {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    right: 0;
    overflow-y: auto;
    
   
}
}

@media screen and (max-width: 700px) {
  .left
  {
      height:70vh;
  }
  .divBottom
 {
     
     display:none;
 }
  
}

tr {
    background-color: #0D1A3E; overflow:hidden;
}
.correct{width:100%}


/*.AddButton
	    {
	            display: inline-block;
    padding: 12px 34px;
    background: rgb(220,220,220);
    font-weight: bold;
    color: rgb(120,120,120);
    border: none;
    outline: none;
    border-radius: 3px;
    cursor: pointer;
    transition: ease .3s;
	    }
	    .AddButton:hover{ background:#FF5733 ; color:White;}
	
label {
  display: block;
  position: relative;
  margin: 40px 0px;
}
.label-txt {
  position: absolute;
  top: -1.6em;
  padding: 10px;
  letter-spacing: 1px;
  color: rgb(83,83,83,1);
  transition: ease .3s;
  font-weight: bold;
}
.input {
  width: 100%;
  padding: 10px;
  background: transparent;
  border: none;
  outline: none;
}

.line-box {
  position: relative;
  width: 100%;
  height: 2px;
  background: #BCBCBC;
}

.line {
  position: absolute;
  width: 0%;
  height: 2px;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  background: #5788cb;
  transition: ease .6s;
}

.input:focus + .line-box .line {
  width: 100%;
}

.label-active {
  top: -3em;
}

button {
  display: inline-block;
  padding: 12px 34px;
  background: rgb(220,220,220);
  font-weight: bold;
  color: rgb(120,120,120);
  border: none;
  outline: none;
  border-radius: 3px;
  cursor: pointer;
  transition: ease .3s;
}

button:hover {
  background: #f04f23;
  color: #ffffff;
}
*/