body {
}

.card-header, .btn {
    margin: 0 auto;
}

.menu-prim {
    background-color: #006600;
    color: #fff;
}

.navbar-toggle .icon-bar {
    background-color: #fff;
}
.ntfiction span {
    position: absolute;
    padding: 3px;
    margin-left: -30px;
    background: #006600;
    border-radius: 50%;
    width: 30px;
    text-align: center;
    border: 1px solid #fff;
}


/* common */
.ribbon {
    width: 125px;
    height: 125px;
    overflow: hidden;
    position: absolute;
}

    .ribbon::before,
    .ribbon::after {
        position: absolute;
        z-index: -1;
        content: '';
        display: block;
        border: 5px solid #2980b9;
    }

    .ribbon span {
        position: absolute;
        display: block;
        width: 150px;
        padding: 12px 0;
        background-color: #cc0001ed;
        box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
        color: #fff;
        text-shadow: 0 1px 1px rgb(0 0 0 / 20%);
        text-align: center;
    }

/* top left*/
.ribbon-top-left {
    top: -10px;
    left: -10px;
}

    .ribbon-top-left::before,
    .ribbon-top-left::after {
        border-top-color: transparent;
        border-left-color: transparent;
    }

    .ribbon-top-left::before {
        top: 0;
        right: 0;
    }

    .ribbon-top-left::after {
        bottom: 0;
        left: 0;
    }

    .ribbon-top-left span {
        right: 5px;
        top: 21px;
        transform: rotate(-45deg);
    }
/* bottom right*/
.ribbon-bottom-right {
    bottom: -10px;
    right: -10px;
}

    .ribbon-bottom-right::before,
    .ribbon-bottom-right::after {
        border-bottom-color: transparent;
        border-right-color: transparent;
    }

    .ribbon-bottom-right::before {
        bottom: 0;
        left: 0;
    }

    .ribbon-bottom-right::after {
        top: 0;
        right: 0;
    }

    .ribbon-bottom-right span {
        left: -25px;
        bottom: 30px;
        transform: rotate(-225deg);
    }

.imph {
    position: relative;
}
.lft {
left: 0;
    width: fit-content;

}
.onlin {
    background: #867f7fdb;
    padding: 9px;
    color: #fff;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width:56%
}
.grenbgr {
    background: #148614;
}
.redbgr {
    background:#cc0001;
}
.orgbgr {
    background:orange;
}
.poruth { 
    padding: 9px;
    color: #fff;
    position: absolute;
    top: 15px;
    right:25px;z-index: 55;
}
.poruth a{ color: #fff;
} 
.prthm ul{ 
}
.prthm ul li.foot{  
    text-align: center;  
    color: green; 
}
.prthm ul li.foot b{
    font-size: 25px;
}
.prthm ul li{ 
    padding:7px;
     color:#fff;
    margin:5px;
}
.prthm ul li span{ 
   float: right;
}
.nophto {
    width: 70%;
    text-align: center;
    margin: 0 auto;
    background: #faf9f942;
    margin-top: 37%;
    padding: 9px;
    color: #105e09;
}

input[type=checkbox]:checked ~ div.mnuuimg {
    -webkit-transform: translateZ(0) translateX(0);
    -moz-transform: translateZ(0) translateX(0);
    -o-transform: translateZ(0) translateX(0);
    -ms-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0);
}

.mnuuimg {
    background-color: #fff;
}

.imges {
    background: linear-gradient(to right,#62e562, #e69191);
}

.lgimg {
    margin-right: -30px;
    max-height: 200px;
    max-width: 90%;
}

.menu li a {
    color: #cc0001;
    width: 100%;
}

    .menu li a:hover {
        background: linear-gradient(to right, #ea7b79, #6fac49);
        color: #fff;
    }

div::-webkit-scrollbar, iframe::-webkit-scrollbar {
    display: none;
}

.txtcenter {
    text-align: center;
}

.contentpage {
    height: calc(100vh - 115px);
    overflow: auto;
}

iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

@media only screen and (max-width: 991px) {
    body {
        font-size: inherit;
    }
}

@media only screen and (min-width: 900px) and (max-width: 1600px) {
    .mnuuimg {
        position: absolute;
        width: 230px;
        z-index: 21;
        height: 100%;
        left: 0;
        float: left;
        will-change: auto;
        -webkit-transform: translateZ(0) translateX(0);
        -moz-transform: translateZ(0) translateX(0);
        -o-transform: translateZ(0) translateX(0);
        -ms-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0);
    }

    .contentpage-sc, .menu-sc {
        margin-left: 230px;
    }

    .menu-sc {
        width: auto;
    }

    .mdbtn {
        display: none;
    }

    div.container div label {
        width: 100px;
    }

    div.polaroid {
        box-shadow: none;
        border-radius: 0;
    }

    .imph {  
        background: #fff;
        border-radius: 0;
    }
}