@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.toast-message{font-size:14px !important;}
.media-content{}
.media-content a{height:200px;}
.media-content a div{background-position: center center;background-size:100% 100%;}
/* use reverse flexbox to take advantage of flex-direction: reverse */
.star-rating {
    display: flex;
    align-items: center;
    width: 160px;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin: 40px auto;
    position: relative;
}
/* hide the inputs */
.star-rating input {
    display: none;
}
/* set properties of all labels */
.star-rating > label {
    width: 30px;
    height: 30px;
    font-family: Arial;
    font-size: 30px;
    transition: 0.2s ease;
    color: orange;
}
/* give label a hover state */
.star-rating label:hover {
    color: #ff69b4;
    transition: 0.2s ease;
}
.star-rating label:active::before {
    transform:scale(1.1);
}
/* set shape of unselected label */
.star-rating label::before {
    content: '\2606';
    position: absolute;
    top: 0px;
    line-height: 26px;
}
/* set full star shape for checked label and those that come after it */
.star-rating input:checked ~ label:before {
    content:'\2605';
}
@-moz-document url-prefix() {
    .star-rating input:checked ~ label:before {
        font-size: 36px;
        line-height: 21px;
    }
}
.login-page .login-box{background:#fff;padding:20px 30px 20px 20px;border-radius:28px;width:calc(450px);margin:0 auto;display:inline-block;}
.login-page .login-box h3{font-size:40px;color:#0989FF;font-weight:700;}
.login-page .login-box small{font-size:14px;color:#b3b8cd;font-family:'Poppins;';margin-bottom:10px;display:block;}
.login-page .login-box .form-control{border:1px solid #f1f1f1;color:#b3b8cd;font-family:'Poppins';font-size:14px;line-height:30px;width:100%;border-radius: 10px;}
.login-page .login-box .form-control:nth-child(2){margin-top:20px;}
.login-page .login-box .form-control:focus{border-color:#0989FF;}
.login-page .login-box form p{font-family:'Poppins';font-size:14px;font-weight: normal;color:#0989FF;margin:40px 0;}
.login-page .login-box form p a{color:#0989FF;}
.login-page .login-box .btn{background:#0989FF;color:#fff;line-height:30px;width:180px;padding-left:20px;padding-bottom:10px;padddisplay:inline-block;border-radius:10px;}
.login-page .login-box .btn em{position:relative;bottom:-1px;margin-left:30px;display:inline-block;}
.login-page .login-box .btn-forgot-password{line-height:30px;color:#0989FF;text-decoration: none;display:inline-block;}
.login-page .login-box .btn-forgot-password em{margin-right:10px;}
.login-page .login-box hr{width:calc(100% + 20px);margin-left:-10px;opacity:1;background:#0989FF;margin:30px 0;}
.login-page .login-box p.text-center{font-family:'Poppins';font-size:13px;font-weight: normal;color:#0989FF;margin:0 0 15px 0;}
.login-page .login-box p.text-center a{color:#0989FF;}

.gri-sidebar-menu-title{font-size:21px;margin:0;padding:0;}
.gri-sidebar-menu{list-style: none;margin:0;padding:0;border-radius:12px;overflow:hidden;display: inline-block;width:100%;position:relative;}
.gri-sidebar-menu li a{color:#fff;text-decoration:none;font-family:'Poppins';transition: all 0.5s ease-in-out;}
.gri-sidebar-menu li a:hover{color:#000;}
.gri-sidebar-menu > li.active > ul{display:block;}
.gri-sidebar-menu > li.active > ul > li.active > ul{display:block;}
.gri-sidebar-menu > li.active > a, 
.gri-sidebar-menu > li > a:hover{color:#fff;background:#e41512;text-decoration:none;}

.gri-sidebar-menu > li.active > ul > li.active > a,
.gri-sidebar-menu > li > ul > li > a:hover{color:#fff;background:#e41512;text-decoration:none;}
.gri-sidebar-menu > li.active > ul > li.active > ul > li.active > a,
.gri-sidebar-menu > li > ul > li > ul > li > a:hover{color:#fff;background:#e41512;text-decoration:none;}
.gri-sidebar-menu > li{display: inline-block;margin:0 0 0 0px;padding:0;width:100%;}
.gri-sidebar-menu > li > a{padding:9px 20px;font-size:14px;font-weight:700;border:1px solid #fff;color:#000;display:inline-block;background:#e3e3e3;width: 100%;}
.gri-sidebar-menu > li > ul{list-style: none;border:none;margin:0 0 0 0px;padding:0;background:#fff  ;display: none;width:calc(100%);}
.gri-sidebar-menu > li > ul > li{margin:0;padding:0;display: inline-block;width:100%;}
.gri-sidebar-menu > li > ul > li > a{padding:5px 10px;border:1px solid #ccc;color:#000;display:inline-block;width: 100%;}
.gri-sidebar-menu > li > ul > li > ul{list-style: none;border:none;margin:0 0 0 0px;padding:0;display: none;width:calc(100%);background:#fff;}
.gri-sidebar-menu > li > ul > li > ul > li{margin:0;padding:0;display: inline-block;width:100%;}
.gri-sidebar-menu > li > ul > li > ul > li > a{padding:5px 10px;border:1px solid #ccc;color:#000;display:inline-block;width: 100%;}
.gri-sidebar-menu li.main-cat{font-size:10px;font-style: italic;text-align: right;}