@import url('https://fonts.googleapis.com/css2?family=Lora&family=Roboto+Slab&display=swap');
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}
body {
    background: linear-gradient(to top, #f6f8fa, #f6f8fa 150%) no-repeat
}
.wrapper {
    box-shadow: 10px 10px 80px #C9FAB2;
    max-width: 800px;
    margin: 30px auto
}
select {
    border-radius: 20px;
    outline: none;
    border: 1px solid #ddd;
    color: #555
}
img {
    object-fit: contain;
    /* width: 150px;
    height: 200px; */
    /* display: flex; */
    align-items: center;
    justify-content: center
}
p.h4 {
    font-family: 'Roboto Slab', serif
}
.rating {
    font-size: 0.7rem
}
.fa-star,
.reviews {
    color: #DAA520
}
div.h4 {
    font-size: 1.8rem;
    color: #D4A838;
    font-family: 'Lora', serif;
    margin: 0
}
.btn {
    /* border-radius: 20px; */
    font-size: 0.8rem;
    font-weight: 600;
    /* padding: 8px 20px */
}
.card {
    position: relative; border: 1px solid #0000;
}
.red {
    background-color: #E03E3E;
    color: #fff;
    border-radius: 15px;
    right: 5px;
    top: 9px;
    font-size: 0.7rem
}
.green {
    background-color: #008000;
    color: #fff;
    border-radius: 15px;
    right: 5px;
    top: 9px;
    font-size: 0.7rem
}
.orange {
    background-color: #FFA500;
    color: #fff;
    border-radius: 15px;
    right: 5px;
    top: 9px;
    font-size: 0.7rem
}
.blue {
    background-color: #2196F3;
    color: #fff;
    border-radius: 15px;
    right: 5px;
    top: 9px;
    font-size: 0.7rem
}
.yellow {
    background-color: #ffaf00;
    color: #fff;
    border-radius: 15px;
    right: 5px;
    top: 9px;
    font-size: 0.7rem
}
.purple {
    background-color: #A020F0;
    color: #fff;
    border-radius: 15px;
    right: 5px;
    top: 9px;
    font-size: 0.7rem
}
.grey {
    background-color: #DCDCDC;
    color: #000;
    border-radius: 15px;
    right: 5px;
    top: 9px;
    font-size: 0.7rem
}
a:hover {
    text-decoration: none
}
@media(max-width:800px) {
    .wrapper {
        margin: 20px 10px
    }
    p.h4 {
        font-size: 1.35rem;
        padding-top: 10px
    }
}
@media(max-width:767px) {
    .wrapper {
        max-width: 500px;
        margin: 20px auto
    }
}
@media(max-width:424px) {
    .wrapper {
        width: 100%;
        margin: auto
    }
    div.text-muted {
        font-size: 0.75rem
    }
}
.rounded-top {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
}

/* Input css */
.form-control, .asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type="text"], .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type="number"], .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-search__field, .tt-hint, .tt-query, .typeahead{
    /*border: 1px solid #000;*/
    border: 1px solid #DADCE0 !important;
    border-radius: 0.25rem;
}
.download-input-box .input-group-append .btn{
    /*border: 1px solid #DADCE0 !important;*/
    border: 1px solid #0560fd !important;
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
    background-color: #0560fd !important;
    color: #ffffff !important;
}

/*.input-group-prepend, .input-group-prepend .input-group-text
{
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
    background-color: #0560fd !important;
    color: #ffffff !important;

}*/
/*.input-group-append .input-group-text, .input-group-prepend .input-group-text, .asColorPicker-trigger .input-group-text{
    
        background: #dee2e6;
        border-color: #000;
}*/
.form-radio.form-radio-flat label input:checked + .input-helper::after {
	width: 20px;
	height: 28px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: -2px;
	color: #fbfbfb;
	background: none;
	content: "\F12C";
	font-family: Material Design Icons;
	text-align: center;
	font-weight: bold;
}

#pills-tab .nav-link, .btn.btn-secondary.btn-rounded.btn-md.p-3, .btn-secondary, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel, .btn-secondary, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel{
    font-weight: normal;
    }

#pills-tab .nav-link:hover, .btn.btn-secondary.btn-rounded.btn-md.p-3:hover, .btn-secondary:hover, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:hover, .btn-secondary:hover, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:hover{
background-color: #0560FD !important;
color: #ffffff !important;
font-weight: normal;
border-color:#0560FD !important;
}

.dropdown .dropdown-toggle::after{
 
    color: inherit !important;
}
.btn-outline-success:hover {
	color: #ffffff;
	background-color: #19d895;
	border-color: #19d895;
}

a.badge-success:hover, .preview-list .preview-item .preview-thumbnail a.badge.badge-online:hover, a.badge-success:focus, .preview-list .preview-item .preview-thumbnail a.badge.badge-online:focus{
    color:#ffffff;
}

.btn-primary:hover, .wizard > .actions a:hover{
    border-color: #0c83e2 !important;
}

.plan-top-menu, .plan-top-menu a{
    font-weight: bold !important;
}
#productsfiltermenucontainer, #productsfiltermenucontainer a, #frm-filter .nav-filters{
    font-size:15px;
}
.tool-tip{
    text-align: left !important;
}

.tool-tip .info{
    line-height: 1.2rem;
}

.badge-green{
    background-color:#e9fae0;border:1px solid #e9fae0;color:#028a0f;
}
.badge-yellow{
    background-color:#F6F3DC;border:1px solid #FBFAF4;color:#F4CF11;
}
.badge-blue{
    background-color:#E6F1F7;border:1px solid #E6F1F7;color:#0560FD;
}
.badge-purple{
    background-color:#F4D4F2;border:1px solid #F8F0F9;color:#BA00FA;
}
.badge-orange{
    background-color:#F3E4D4;border:1px solid #F3E4D4;color:#FF7F35;
}