@import url('https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed&display=swap');

.new-student-main, .form-horizontal .form-group{margin-right: 8px; margin-left: 8px;}
body #content .tile .tile-body{margin-top: 85px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);}
body #content .tile .tile-header{padding: 15px 15px 25px 15px; position:relative; border-bottom: 1px dashed #ddd; margin-bottom: 15px; }
body #content .tile .tile-header h1{font-family: 'Roboto Condensed', sans-serif;}
body.green-scheme input::-moz-placeholder, body.green-scheme textarea::-moz-placeholder{color:#888;}
body .navbar.navbar-default{border:0; box-shadow: 0 0 15px #ccc}
body #content .tile .tile-header h1{color:#5A0192;}
body #content form .form-group.form-footer{margin-bottom:-15px;padding:15px 0; border-top: 1px dashed #ddd; } 
.btn.btn-primary{color:#f2f2f2; padding: 15px 30px 15px 30px; font-size: 16px;}

input{
  border: 1px solid !important;
}
input:focus {
  border-color: rgb(121, 199, 224) !important;
  outline: none; 
}
.radiotextsty {
    color: #666;
    font-size: 16px;
    font-weight: normal;
  }
  
  .customradio {
    position: relative;
    padding-left: 30px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 0px;
    margin-bottom: 12px;
  }
  
  /* Hide the browser's default radio button */
  .customradio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }
  
  /* Create a custom radio button */
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: white;
    border-radius: 50%;
    border:1px solid #BEBEBE;
    margin-top: 7px;
  }
  
  /* On mouse-over, add a grey background color */
  .customradio:hover input ~ .checkmark {
    background-color: transparent;
  }
  
  /* When the radio button is checked, add a blue background */
  .customradio input:checked ~ .checkmark {
    background-color: white;
    border:1px solid #BEBEBE;
    margin-top: 7px;
  }
  
  /* Create the indicator (the dot/circle - hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the indicator (dot/circle) when checked */
  .customradio input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the indicator (dot/circle) */
  .customradio .checkmark:after {
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background:#6f7b8a;
  }
  
  /* Custom Radio Button End*/


  

  /* *****************************Check Box************************************* */

  .span_pseudo, .chiller_cb span:before, .chiller_cb span:after {
    content: "";
    display: inline-block;
    background: #fff;
    width: 0;
    height: 0.2rem;
    position: absolute;
    transform-origin: 0% 0%;
  }
  
  .chiller_cb {
    position: relative;
    height: 2rem;
    display: flex;
    align-items: center;
  }
  .chiller_cb input {
    display: none;
  }
  .chiller_cb input:checked ~ span {
    background: #6f7b8a;
    border-color: #6f7b8a;
  }
  .chiller_cb input:checked ~ span:before {
    width: 1rem;
    height: 0.15rem;
    transition: width 0.1s;
    transition-delay: 0.3s;
  }
  .chiller_cb input:checked ~ span:after {
    width: 0.4rem;
    height: 0.15rem;
    transition: width 0.1s;
    transition-delay: 0.2s;
  }
  .chiller_cb input:disabled ~ span {
    background: #ececec;
    border-color: #dcdcdc;
  }
  .chiller_cb input:disabled ~ label {
    color: #dcdcdc;
  }
  .chiller_cb input:disabled ~ label:hover {
    cursor: default;
  }
  .chiller_cb label {
    padding-left: 25px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    margin-bottom:0;
  }
  .chiller_cb span {
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    border: 2px solid #ccc;
    position: absolute;
    left: 0;
    transition: all 0.2s;
    z-index: 1;
    box-sizing: content-box;
  }
  .chiller_cb span:before {
    transform: rotate(-55deg);
    top: 1rem;
    left: 0.37rem;
  }
  .chiller_cb span:after {
    transform: rotate(35deg);
    bottom: 0.35rem;
    left: 0.2rem;
  }