﻿@import 'https://fonts.googleapis.com/css?family=Montserrat|Ubuntu:300,400,600,700';*{padding:0;margin:0;box-sizing:border-box;font-family:Ubuntu;text-decoration:none}*:focus{outline:none}html,body{}.shadow{box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}.shadow-md{box-shadow:0 4px 8px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.08)}.shadow-lg{box-shadow:0 15px 30px 0 rgba(0,0,0,.11),0 5px 15px 0 rgba(0,0,0,.08)}header{height:80px;background-color:#fff;border-bottom:1px solid #ccc}.wrapper{width:90%;max-width:900px;margin:auto}header .logo{position:relative;width:200px;height:80px;float:left}header .logo img{max-width:75px;position:absolute;top:50%;transform:translateY(-50%)}header a{display:inline-block;float:right;height:80px;line-height:80px;color:#424242;text-transform:uppercase;font-size:12px;font-family:Montserrat;letter-spacing:1px;font-weight:700}.content_container{position:relative;bottom:10px;padding:40px 0}@media screen and (max-width:600px){.content_container{padding:20px 0}}.content_container h1{text-align:center;color:#202020;font-weight:700;font-family:Ubuntu;margin-bottom:0}.content_container p{padding-top:0;text-align:center;font-family:Montserrat;font-weight:700;font-size:16px}.form{max-width:600px;padding:30px 50px;background-color:#fff;margin:auto auto 100px;position:relative}@media screen and (max-width:500px){.form{padding:30px 20px}}.form .col2{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px}.form .col3{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:10px}.form .col2.center{max-width:250px;margin:auto;grid-gap:0}.form label{display:block;padding:10px 0}.form label span{font-size:14px;color:#666;font-weight:400}.form .heading{position:relative;width:calc(100% + 100px);max-width:none;left:-50px;padding:10px 50px;margin:5px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#f1f1f1}@media screen and (max-width:500px){.form .heading{width:calc(100% + 40px);left:-20px;padding:10px 20px}}.form .heading span{color:#292929;font-weight:600}.form label .input{display:block;width:100%;resize:none;border:none;border-bottom:1px solid #d9d9d9;padding:7px 0;font-weight:700!important;line-height:normal;color:#292929;background-color:#fff!important}.form label .input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px #fff inset}.form button{display:block;margin:20px auto auto;width:calc(100% - 20px);padding:12px;text-align:center;border:none;background-color:#bf9e61;background-color:#4caf50;background-color:#ff5722;background-color:#6a5acd;color:#fff;font-family:Montserrat;font-size:12px;text-transform:uppercase;transition:.3s background-color,.3s color;transition:.3s opacity;font-weight:700;letter-spacing:1px;opacity:.9}.form button:hover,.form button:focus,.form button:active{opacity:1}.form button.load{background:url(https://sangraha.net/s90/images/loading_white.gif) no-repeat center;background-color:#6a5acd;background-size:25px;height:47px;font-size:0}.form .buttons{display:grid;grid-template-columns:1fr 1fr}.form .buttons .back{background-color:#424242;color:#fff}.error_container{display:none;position:fixed;top:0;left:0;width:100%;padding:15px 20px;background-color:rgba(0,0,0,.8);color:#fff;z-index:20}.error_container p{text-align:center;padding:0 20px;font-weight:700;font-family:Montserrat}.error_container i{position:absolute;right:15px;top:50%;transform:translateY(-50%);cursor:pointer;padding:5px;font-size:22px}.success_container{display:none;text-align:center}.success_container img{max-width:110px;margin-bottom:10px}.new_radio{margin-bottom:10px}.new_radio span{display:inline-block;width:35px;height:35px;border:2px solid #9c9c9c;border-radius:50%;vertical-align:middle;margin-right:5px}.new_radio input[type=radio]{display:none}.new_radio input[type=radio]:checked+span{background:url(https://sangraha.net/s90/images/tick2.png) no-repeat center;background-size:20px;border-color:#4169e1;background-color:#4169e1;border-color:#bf9e61;background-color:#bf9e61}
a {
    text-decoration: none;
}
    a:visited {
        text-decoration: none;
       color:#424242;
    }
a:hover {
  text-decoration: none;
  color:#424242;
}
img {max-width: 100%;}
.fixed {
    position: fixed;
    top: 0px;
    width: 100%;
    /*height: 170px;*/
    /*height: 201px;*/
    height: 218px;
    z-index: 50;
    background: #daedfd;
    box-shadow: 0px 2px 1px #d6d0d0;
}

a:active {
  text-decoration: none;
  color:#424242;
}
.username{
    float: right;
    text-decoration: none;
    color: #424242;
    font-weight: 600;
    font-size:16px;
    margin: 15px;
    margin-top: 25px;
}

a:link {
  text-decoration: none;
}

.wrapper {
    width: 90%;
    max-width: 900px;
    margin: auto;
    z-index: 0;
    margin-bottom:20px;
}

.sbutton {
  background-color: #088bf9; /* Green */
  border: none;
  color: white;
  padding: 5px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

.logout {
  border: none;
  color: #fff;
  padding: 4px 13px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  background: #d82a2c;
  margin-top: 4px;

}
.dbutton {
      background-color: #226df7;
    border: none;
    color: #fff;
    padding: 4px 13px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    border-radius: 5px;
}
.wrapper1 {
    width:90%;
    margin:auto;
     max-width: 900px;
}
.col {
    float:left;
    margin-top:5px;
}