body {
    background-color: #032F7E;
}

.title_area {
    background-color: #fff;
    width: 100%;
}

.title_area h1 {
    color: #344a71;
}

.input_descr {
    color: #fff!important;
    padding-bottom: 15px!important;
}

#info_area {
    display: none;
}

.reject_btn {
    background: #344a71!important;
}

.pix_us {
    display: inline-block;
    /* width: 100%; */
}

.pix_us1 {
    display: inline-block;
    width: 100%;
}

#image_publish {
    display: none;
}

#upload_image {
    min-height: 150px;
    margin: 48px 0px;
}

.error {
    color: red;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance: textfield;
    /* Firefox */
}

@import url(https://fonts.googleapis.com/css?family=Montserrat);
.wrap {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    height: 5%;
    /* display: flex;
    justify-content: center; */
    /* margin-top: 80px; */
}

.text {
    color: #fff;
    display: inline-block;
    margin-left: 5px;
    font-size: 29px;
}

.bounceball {
    position: relative;
    display: inline-block;
    height: 37px;
    width: 15px;
}

.rissington_camera {
    width: fit-content;
    height: fit-content;
    border: 5px solid #ffffff;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 60px;
    padding: 24px;
}


/* .publish_div{
    width: 92%!important;
}  */

.cap_num {
    margin: 8px 6px 0px -12px;
}


/* .publish_button{
    width: 220px!important;
} */

.bounceball:before {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #fff;
    transform-origin: 50%;
    animation: bounce 500ms alternate infinite ease;
}

@keyframes bounce {
    0% {
        top: 30px;
        height: 5px;
        border-radius: 60px 60px 20px 20px;
        transform: scaleX(2);
    }
    35% {
        height: 15px;
        border-radius: 50%;
        transform: scaleX(1);
    }
    100% {
        top: 0;
    }
}

.register_button {
    color: #fff;
    background-color: #3AAEB0;
    border-radius: 0.25rem!important;
    width: 100%;
}
.post_btn{
    background-color: #344a71;

}
#use_pix{
    background: #008d36;
}
#take_photo {
    width: 100%;
}

.vertical-center {
    /* min-height: 100%; */
    /* Fallback for browsers do NOT support vh unit */
    /* min-height: 55vh; */
    /* These two lines are counted as one :-)       */
    display: flex;
    align-items: center;
}

.visit_url {
    background-color: white;
    /* Green */
    border: none;
    color: #3aaeb0;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    border-radius: 2px;
    text-transform: uppercase;
}

input {
    text-align: center;
}

.pos-center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30%;
    left: 35%;
}

.pos-center1 {
    position: absolute;
    top: 5%;
    /* transform: translateY(-50%); */
    width: 30%;
    left: 35%;
}
/*
.btns_bottom{
    position: absolute;
    width: 23%;
    bottom: 50%;
} */

@media(max-width: 768px) {
    .pos-center,
    .pos-center1 {
        width: 92%;
        left: 4%;
    }
    #use_pix{
        background: #3aaeb0;
    }
    .main_green{
        background: #3aaeb0!important;

    }
}


@media(max-width: 550px) {
    .container_jub{
        display: block!important;
    }
    .container_jub > a{
        margin: 16px!important;
    }
}
@media(max-width: 576px){
    .btns_bottom{
        position: absolute;
        width: 94%;
        bottom: 3%;
    }
}
@media(max-width: 425px) {
    .wrap {
        width: 100%;
    }
}