html, body {
    height:100%;
}

body {
    background-color: #F7F9FB !important;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.container{
    width:20% !important;
    height:100%;
}

.body-content {
    padding-left: 0px !important;
    padding-right: 0px !important;
    background-color: #07003D !important;
    color: #ffffff !important;
    margin-top: 50%;
    font-family: "DM Sans" !important;
}

.logo {
    display: block;
    width:100%;
}

.row{
    margin:0px !important;
}

.border {
    border-top: 1px solid #eeeeee
}

.col-sm-6 {
    width: 100%;
    padding: 0px;
    position:relative;
}


.panel {
    background-color: #07003D !important;
    border: 0px !important;
    margin-bottom: 0px !important;
}

.panel-body {
    padding: 0px;
    padding-left: 10% !important;
    padding-right: 11% !important;
}

.panel-default > .panel-heading {
    background-color: #07003D !important;
    color: #ffffff !important;
    border: 0px !important;
}

.panel-title {
    font-weight: bold;
    font-size: 20px;
}

.btn-primary {
    background-color: #A10A7D;
    border-color: #A10A7D;
    width:100% !important;
}

.btn-primary:hover {
    background-color: #A10A7D;
    border-color: #A10A7D;
}

.btn-primary:active {
    background-color: #A10A7D;
    border-color: #A10A7D;
}

.btn-primary:active:focus {
    background-color: #A10A7D;
    border-color: #A10A7D;
}

.corner {
    position:absolute;
    right:0;
}

.corner1 {
    width: 40px;
    height: 20px;
    background-color: #2DD2F4;
    float: left;
    position: relative;
    right: 0;
    opacity: 0.35;
}

.corner2 {
    width: 20px;
    height: 70px;
    background-color: #2DD2F4;
    float: left;
    position: relative;
    right: 0;
    opacity: 0.35;    
}



.cornermask {
    opacity:0.35;
}

.page-header {
    margin:0px !important;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

label {
    font-family: Hind Siliguri !important;
    font-size: 14px !important;
    font-weight: 100 !important;
}

.rml {
    font-family: Hind Siliguri !important;
    font-size: 14px !important;
}

footer {
    text-align:center;
    position:absolute;
    bottom:0;
    width:18.5%;
    font-family: "DM Sans" !important;
    font-size:12px;
    padding-bottom:20px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* buttons and links extension to use brackets: [ click me ] */
.btn-bracketed::before {
    display: inline-block;
    content: "[";
    padding-right: 0.5em;
}

.btn-bracketed::after {
    display: inline-block;
    content: "]";
    padding-left: 0.5em;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}