body {
    font-family: 'Roboto', sans-serif;
}

.hide {
    display: none;
}

.show {
    display: block;
}

input, select {
    background-color: #effcf3;
}

a.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.25;
}

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

/* input Start */
.user-input-wrp {
    position: relative;
    width: 50%;
}

.user-input-wrp .inputText {
    width: 100%;
    outline: none;
    border: none;
    border-bottom: 1px solid #777;
    box-shadow: none !important;
}

.user-input-wrp .inputText:focus {
    border-color: #28a745;
    border-width: medium medium 2px;
}

a {
    color: #28a745 !important;
}


.user-input-wrp .floating-label {
    position: absolute;
    pointer-events: none;
    top: 30px;
    left: 17px;
    transition: 0.2s ease all;
    color: gray;
}

.user-input-wrp input:focus ~ .floating-label,
.user-input-wrp input:not(:focus):valid ~ .floating-label {
    top: 0px;
    left: 10px;
    font-size: 13px;
    opacity: 1;
    color: black;
}

/* input End */

/*** green buttons ***/
.green-gradient {
    /*background: linear-gradient(40deg, #45cafc, #303f9f) !important*/
    background: #28a745 !important; /*linear-gradient(40deg, #28a745, #15542a) !important;*/
    color: white;
}

.green-gradient-rgba {
    background: linear-gradient(40deg, rgba(40, 167, 69, 0.9), rgba(21, 84, 42, 0.9)) !important
}

.btn.green-gradient {
    color: #fff;
    -webkit-transition: .5s ease;
    transition: .5s ease
}

.btn.green-gradient:hover,
.btn.green-gradient:focus,
.btn.green-gradient:active,
.btn.green-gradient:active:focus .btn.green-gradient.active {
    /*background: -webkit-gradient(linear, left top, left bottom, from(#28a745), to(#15542a));*/
    background: #28a745 !important; /*linear-gradient(#28a745, #15542a)*/
}

/*** green buttons end ***/


#nav1 {
    height: 60px;
    z-index: 2;
    width: 98%;
    position: fixed;
    top: 0px;
}

.section, .mainMsg {
    margin: 85px auto;
    z-index: 1;
}

.activeNew {
    background: #28a745 !important; /*linear-gradient(40deg, #28a745, #15542a) !important;*/
    color: #ffffff !important;
}

.inactiveNew {
    color: linear-gradient(40deg, #28a745, #15542a) !important;
}