body{
    padding: 50px;
}

.flag{
    padding: 80px 15px;
    text-align: center;
    
}

.frame {
    position: absolute;
    margin-top: 40px;
    margin-left: 400px;
}

.heading {
    margin-top: 50px;
    font-size: 28px;
    font-weight: 600;
    margin-left: 400px;
    color: blue;
}
.header-text h1{
    font-family: cursive;
    font-size: 40px;
    text-align:center;
    margin-top: 40px;
}

/* h3{
    font-family: monospace;
    text-align:center;
    font-size: 24px;
} */

h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    color: green;
    outline-color: darkslateblue;
}

.badge{
    padding: 2px 3px;
}

/**
* ajax loading gif
*/
#loading {
    height: 400px;
    position: relative;
}
.ajax_loader {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto; /* presto! */
}

/* Message box designs */
.msg_info, .msg_success, .msg_warning, .msg_error {
    margin: 10px 0px;
    padding:12px;
}
.msg_info {
    color: #00529B;
    background-color: #BDE5F8;
}
.msg_success {
    color: #4F8A10;
    background-color: #DFF2BF;
}
.msg_warning {
    color: #9F6000;
    background-color: #FEEFB3;
}
.msg_error {
    color: #D8000C;
    background-color: #FFD2D2;
}
.msg_info i, .msg_success i, .msg_warning i, .msg_error i {
    margin:10px 22px;
    font-size:2em;
    vertical-align:middle;
}