/* body */
body {
    padding-top: 80px;
    margin-left: 0px;
    font-family: "Indie Flower";
}

.background{
    background-image: url("/static/patterns/assets/background.jpg");
    background-repeat: repeat;
    background-size: 50%;
    opacity: 1;
    top: 0px;
    left: 0px;
    bottom: 0;
    right: 0;
    position: fixed;
    z-index: -1;
}

.img_use{

    background-color: rgba(55,55,55,.9);
    padding: 20px;

}

.img_use_gen{

    background-color: rgba(239,252,231,.1);

}

/* common */
.mobile{
    display: none;
}

.big_screen{
    display: display: inline-block;
}

.intro{
    font-size: 2rem;
}

.no_link:link {
  color: default;
  text-decoration: none;
}

.no_link:visited {
  color: default;
  text-decoration: none;
}

.nolink:hover {
  color: default;
  text-decoration: none;
}

.nolink:active {
  color: default;
  text-decoration: none;
}

.padding {
    padding: 20px;
}

.padding_mobile{
    padding: 20px;
}

.no-padding {
    padding: 0px;
    border: 0px;
    margin: 0px;
}

.text_symbols{
    font-size: 1rem;
}

.white {
    background-color: rgba(231, 252, 239, 1);
    margin: 10px;
}

.petrol {
    background-color: rgba(25, 115, 135, 0.85);
}

.sienna {
    background-color: rgba(65, 115, 115, 0.7);
    color: rgb(239, 252, 231);
    font-size: 1.2rem;
}

.sienna2 {
    background-color: rgba(105, 145, 145, 0.85);
}

.lightgrey {
    background-color: rgba(239, 252, 231,0.7);
    color: rgb(45, 75, 75);
}

.darkgrey {
    background-color: rgba(150, 150, 150, 0.85);
}

.title {
    text-align: center;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 10px;
    color: #6bcad6;
    font-family: "Varela Round";
    background-color: rgba(100,100,100,0.85);
}

.title_text{
    font-weight: bold;
}

.link_name {
    position: relative;
    z-index: 200;
    text-align: center;
    /*text-align: left !important;*/
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    color: rgb(55, 55, 55); /*goldenrod; /*rgb(105, 155, 155); /*rgb(230,230,230);*/
    /*background-color: rgb(154, 200, 70); /*teal;*/
    padding-left: 20px;
    font-family: "Indie flower"; /*"Varela Round"; /*Courier New;*//*"Arial black";*/
    font-weight: bold;
    font-stretch: expanded;
    letter-spacing: 5px;
    background-size: 100% 100%;
    border-radius: 5px;
    padding: 5px !important;

    /*display: none;*/
}

.link_name h1{
    font-size: 2rem;
    /*padding: 5px;*/
    /*font-size: 1em;*/
    margin-bottom:0;
}

.whitetext{
    color: rgb(239,252,231) !important;
}

.rounded, button, img{
    border-radius: 5px;
}

#page_div{
    top: 10px;
    padding-top: 10px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 0;

    position: relative;
    display: inline-block;
}

.titlebar_div{
    padding-left: 40px;
    padding-right: 40px;
}

.btn-success {
    float: right;
}

.btn-topform {
    background-color: teal;
    margin-left: 0px;
}

/* common */
.form{
    background-color: rgba(200, 200, 200, 0.7);
    margin-top: 20px;
    margin-bottom: 20px;
}

.overview {
    background-color: rgba(255, 255, 255, 0.7);
    padding: 0px;
    margin-top: 20px;
}

/*home*/
.whitebackground{
    background-color: rgba(239, 252, 231, 0.8); /*rgba(255, 255, 255, 0.8);*/
}

/* applications */
.template_download{
    cursor: default;
    text-decoration: none !important;
    width: 100%;
    border:solid 2px grey;
    border-radius: 25px;
}

.template_download:hover {
  opacity: .9;
}

.template_download:active {
  opacity:1;
}