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

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

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

.btn-success:active {
    background-color: #da58ad;
}

.emojionearea-inline {
    height: 90px!important;
}

.emojionearea-editor, #doeSearch > div > div > input {
    line-height: 90px!important;
    font-size: 60px!important;
    text-align: center!important;
    height: 90px!important;
    margin: 0px!important;
    padding: 0px!important;
    left: 0px!important;
    right: 0px!important;
}

#doeSearch > div > div > div, #doeSearch > div > div > input {
   width: calc(100% - 40px);
}

.header-lined {
    display: none;
}

#doeSearch > div > div > span > button:nth-child(2) {
    display: none;
}

#doeSearch > div > div > span > button:nth-child(1), #doeSearch > div > div > input {
    min-height: 90px;
}


#header-holder.inner-header {
    background: linear-gradient(-45deg, #b543db, #E73C7E);
	background-size: 400% 400%;
	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;
}

#mgVueMainContainer > div.col-md-12 > div {
    background-color: transparent!important;
    background: linear-gradient(70deg,rgba(198, 62, 216, 0.33),rgba(132, 74, 245, 0.18));
}

#buttonDoeSearchSubmit, .btn-lg {
    background: linear-gradient(70deg,#a557cc,#cb5ac8);
    font-size: 20PX;
    border-radius: 10px!important;
    padding: 20px 30px;
    box-shadow: 0px 2px 10px #8629b591;
    z-index: 1;
}

#mgVueMainContainer > div.col-md-8 > div > div > table > tbody > tr > td.text-center > .label-info {
    background-color: #d66565;
}

.panel-sidebar .panel-title, .panel-sidebar .panel-title .fa {
    color: #be41ca!important;
}

#btnShowSidebar {
    background: linear-gradient(70deg,#a557cc,#cb5ac8)!important;
}

#footer {
    background-color: #c95ac8!important;
}

#mgVueMainContainer > div.col-md-8 > div > div > table > tbody > tr > td.text-left {
    font-size: 20px!important;
}

#order-standard_cart .order-summary {
    background: linear-gradient(70deg,#a557cc,#cb5ac8)!important;
    border: 0px!important;
    box-shadow: 0px 2px 10px #00000040;
}

#order-standard_cart .view-cart-items-header {
    background: linear-gradient(70deg,#a557cc,#cb5ac8)!important;
}

#mgVueMainContainer > div.col-md-8 > div > div > table > tbody > tr > td.text-right > div > button {
    background: linear-gradient(70deg,#a557cc,#cb5ac8)!important;
    box-shadow: 0px 2px 10px #00000040!important;
    font-size: 20px!important;
    padding: 0px 20px!important;
}

#mgVueMainContainer > div.col-md-8 > div > div > table > tbody > tr > td {
    vertical-align: middle;!important;
}

.info-slider-holder {
    background: linear-gradient(-45deg, #b543db, #E73C7E);
	background-size: 400% 400%;
	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;;
}

.signin-signup-form .form-button .ybtn {
    background: linear-gradient(70deg,#a557cc,#cb5ac8)!important;
    box-shadow: 0px 2px 10px #00000040!important;
}

.info-slider-holder .bg-animation {
    opacity: 0.6!important;
}

.website-logo img {
    width: 162px!important;
}

#main-body-holder {
    min-height: calc(100vh - 487px);
}

.full-screen-module-container {
	padding: 120px 0px!important;
}

.panel-footer, .well {
    background: linear-gradient(70deg,rgba(173, 74, 206, 0.15),rgba(217, 193, 255, 0.14))!important;
}

/* Responsive 768px */

@media all and (max-width: 768px) {
    
    #doeSearch > div > div {
       display: grid!important;
    }
    
    #doeSearch > div > div > div {
        width: 100%!important;
        margin-bottom: 20px!important;
    }
    
    #doeSearch > div > div > span, #buttonDoeSearchSubmit {
        width: 100%!important;
    }
    
    .emojionearea-editor, #doeSearch > div > div > input {
        width: 100%!important;
        font-size: 28px!important;
    }
    #main-body-holder.container-fluid {
        padding: 0px!important;
    }
    #mgVueMainContainer > div.col-md-8 > div > div {
        padding: 0px!important;
    }
    #header > div > a.logo {
        display: grid!important;
        width: 100%!important;
        justify-items: center!important;
        padding: 15px;
    }
    
    .full-screen-module-container {
    	padding: 20px 0px!important;
    }
    
    #mgVueMainContainer > div > div > div > div.panel-default {
        margin-top: 50px;
    }
    
    .website-logo img {
        margin-top: -12px;
    }
}

/* Responsive 425px */

@media all and (max-width: 425px) {
    
    #header > div.container {
        display: grid;
        grid-template-columns: 1fr;
        padding: 0px 10px;
        margin: 0px;
    }
    #header > div > ul.top-nav {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        padding: 0px;
        margin: 0px;
    }
    
    #form-section > div.row > div.form-holder > div.menu-holder {
        background:linear-gradient(70deg,#a557cc,#cb5ac8)!important;
    }
    
}

@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}