/***Form.css for styling with forms such as buttons, inputs, etc.***/


.btn {
    white-space: nowrap;
}

/*.btn-primary {
    background-color: #0e76bc;
    border-color: #0e76bc;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #5aac3e;
    border-color: #5aac3e;
}*/

.btn-nostyle {
    border: 0;
    background-color: transparent;
}

.btn-outline-light {
    color: #999;
}

/*Radio buttons for gender selection*/
.form-control-gender {
	display: block;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #2c304d;
	padding: .01rem 1.1rem;
}

.form-group h6 {
	padding: .3rem 0;
}

/* This does the trick - background for register page*/
.elisyam-bg.background-01 {
    background: url("../img/reg.png") no-repeat center;
    background-size: cover;
}

/*Background for page login 02*/
.elisyam-bg.background-02 {
    background: url("../img/gra.jpg") no-repeat center;
    background-size: cover;
    object-fit: cover;
}

/* Custom overlay - using standard opacity filter */
.elisyam-overlay.overlay-custom {
    background: rgba(14, 118, 188, .6);
}

/*Background for change password page*/
.container-fluid.h-100.overflow-y {
	background: url("../img/change-password.png") no-repeat center;
	background-size: cover;
}

/*Birthday date and month height*/
/*select.form-control:not([size]):not([multiple]) {
    height: 2.43rem;
    padding: 0 10px;
}*/

/*Gender radio buttons padding*/
.form-control-gender {
    padding-left: 0;
}

/*Search box in the member page (app-contact)*/
.search-member {
    margin: auto;
}

/*Gratitude textarea*/
.publisher-input {
    width: 100%;
    border: 0 none;
    padding: 1rem;
    color: #98a8b4;
}

/*Gratitude icons for video and photo*/
.publisher-btn .la {
    font-size: 27px;
    color: #98a8b4;
}

/************************************/
/*             MSS                  */
/************************************/

.form-group {
    margin-bottom: 35px;
}

.modal-content .form-group {
    margin-bottom: 25px;
}

.control-label,
legend {
    font-weight: 600;
}

legend {
    margin-bottom: 15px;
    font-weight: normal;
    color: #2c304d;
}

.modal-content label {
    font-weight: normal !important;
}

.help-block {
    color: #898989 !important;
    font-size:12px;
}

/* Line up input groups */
input.form-control,
select.form-control,
select.form-control:not([size]):not([multiple]) {
    padding: 0 10px;
}

.input-group span.input-group-addon {
    padding: 0 1.07rem;
    height: 40px;
    line-height: 40px;
    font-weight: normal;
}

/* Standarda form feedback */
.alert.alert-main {
    z-index: 1000;
}

/* Textareas */
textarea.form-control.textarea-sm {
    height: 125px;
}

/*Radio buttons for gender selection*/
.styled-radio-container {
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #2c304d;
    padding: .01rem 1.1rem;
    padding-left: 0;
}

/* CKEditor */
.cke_textarea_inline {
    border: 1px solid #ccc;
    padding: 10px;
    min-height: 300px;
    margin-left: -10px;
    margin-right: -10px;
}

@media (max-width:767px) {
    .cke_textarea_inline {
        margin-left: 0;
        margin-right: 0;
    }
}

.filters input.form-control {
    height: calc(2.85rem + 2px);
}

/************************************/

.img-override img {
    width: 100% !important;
}




.styled-radio-container .col-xl-2, .styled-radio-container .col-md-3 {
    margin-left: 10px;
    padding-left: 10px;
    padding-right:0;
}

.styled-radio label {
    color:#98a8b4;
}

.db-social .publisher-multi .publisher-input {
    color: #495057; 
}

.positivity .field-validation-error {
    margin-bottom: 25px;
    display:block;
}
.btn-like.disabled {
  color: #c9c8ce !important;
}

/* Toggle password */

.panel-pwd {
    position: relative;
}

.panel-pwd > .material-input {
    width: calc(100% - 40px);
}

.panel-pwd > .toggle-pwd {
    position: absolute;
    top: 15px;
    right: 0;
    color: #777;
    cursor: pointer;
    z-index: 10;
}