@font-face{
    font-family:'Glyphicons Halflings';
    src:url(../Poppins-ExtraLight.ttf) format('truetype')
}


/*
 * Skin: Green
 * -----------
 */
.skin-green .main-header .navbar {
    background-color: #260932;
}

    .skin-green .main-header .navbar .nav > li > a {
        color: #ffffff;
    }

        .skin-green .main-header .navbar .nav > li > a:hover,
        .skin-green .main-header .navbar .nav > li > a:active,
        .skin-green .main-header .navbar .nav > li > a:focus,
        .skin-green .main-header .navbar .nav .open > a,
        .skin-green .main-header .navbar .nav .open > a:hover,
        .skin-green .main-header .navbar .nav .open > a:focus,
        .skin-green .main-header .navbar .nav > .active > a {
            background: rgba(0, 0, 0, 0.1);
            color: #f6f6f6;
        }

    .skin-green .main-header .navbar .sidebar-toggle {
        color: #ffffff;
    }

        .skin-green .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0, 0, 0, 0.1);
        }

    .skin-green .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-green .main-header .navbar .sidebar-toggle:hover {
            background-color: #16071d;
        }

@media (max-width: 767px) {
    .skin-green .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-green .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-green .main-header .navbar .dropdown-menu li a:hover {
            background: #008d4c;
        }
}

.skin-green .main-header .logo {
    background-color: #220a2c;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-green .main-header .logo:hover {
        background-color: #170320;
    }

.skin-green .main-header li.user-header {
    background-color: #00a65a;
}

.skin-green .content-header {
    background: transparent;
}

.skin-green .wrapper,
.skin-green .main-sidebar,
.skin-green .left-side {
    background-color: #0d0615;
}

.skin-green .user-panel > .info,
.skin-green .user-panel > .info > a {
    color: #fff;
}

.skin-green .sidebar-menu > li.header {
    color: #7f71ab;
    background: #16071d;
}

.skin-green .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

.skin-green .sidebar-menu > li:hover > a,
.skin-green .sidebar-menu > li.active > a {
    color: #ffffff;
    background: #200c2a;
    border-left-color: #b012cf;
}

.skin-green .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #28213e;
}

.skin-green .sidebar a {
    color: #b8c7ce;
    text-shadow: 3px 3px 0px rgb(0, 0, 0);
}

.alanguage {
    text-decoration:none !important;
}

    .skin-green .sidebar a:hover {
        text-decoration: none;
    }

.skin-green .treeview-menu > li > a {
    color: #fff;
}

    .skin-green .treeview-menu > li.active > a,
    .skin-green .treeview-menu > li > a:hover {
        color: #7f71ab;
        background: #2e254a;
    }

.skin-green .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}

    .skin-green .sidebar-form input[type="text"],
    .skin-green .sidebar-form .btn {
        box-shadow: none;
        background-color: #374850;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-green .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-green .sidebar-form input[type="text"]:focus,
        .skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-green .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

.lia_menu {
    font-weight: normal !important;
}

hr.style-four {
    padding: 0;
    border: none;
    border-top: medium double #00C0EF;
    text-align: center;
}

.a_date {
    font-weight: bold;
    color: #00C0EF;
    text-shadow: 1px 0.5px 0.5px rgba(0, 0, 0, 1);
}

.a_title {
    color: white;
    font-size: medium;
    /*background-color:rgba(51, 152, 253, 0.5);
    text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75);*/
    background-image: url(../images/bg_menu_.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.a_title_da {
    color: white;
    font-size: medium;
    /*background-color:rgba(51, 152, 253, 0.5);
    text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75);*/
    /*background-image: url(../images/bg_menu_.png);*/
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background: #6440be;
    background-image: none;
    border-color: #4a2f8c #482e89 #3c2672;
    background-image: -webkit-linear-gradient(top, #825ec9 0%, #7d53c5 50%, #6440be 50%, #482da8 100%);
    background-image: -moz-linear-gradient(top, #825ec9 0%, #7d53c5 50%, #6440be 50%, #482da8 100%);
    background-image: -o-linear-gradient(top, #825ec9 0%, #7d53c5 50%, #6440be 50%, #482da8 100%);
    background-image: linear-gradient(to bottom, #825ec9 0%, #7d53c5 50%, #6440be 50%, #482da8 100%);
}



.a_message {
    font-weight: 100;
    color: #eaeaea;
}

.a_from {
    font-style: italic;
    font-weight: 200;
    color: red;
}

.Annoucement {
    position: relative;
    /*min-height: 1px;*/
    padding-right: 15px;
    padding-left: 15px;
    clear: both;
}

.rptr table {
    float: left;
    margin: 10px;
    width: 25%;
}

.ion-inr {
    font-weight: 700;
}

.maindiv {
    margin-left: 15px;
    margin-right: 15px;
}

.ws {
    width: 250px;
}

.wm {
    width: 350px;
}

.wl {
    width: 450px;
}

.tb {
    padding: 5px;
    border: 1px solid #dadada;
    border-radius: 8px;
    /*border-bottom-color:red;
    border-top-color:white;*/
    margin-left: 8px;
    text-transform: uppercase;
    text-align: left;
}

    .tb:hover {
        box-shadow: 0 0 10px #D4C4F9;
        -webkit-box-shadow: 0 0 10px 0px #D4C4F9;
        -moz-box-shadow: 0 0 10px #D4C4F9;
    }

    .tb:focus {
    outline: none;
    border-color: #D4C4F9;
    box-shadow: 0 0 5px #D4C4F9;
    -webkit-box-shadow: 0 0 5px #D4C4F9;
    -moz-box-shadow: 0 0 5px #D4C4F9;
    border: none;
    outline: none;
}

.tb_fee {
    padding: 5px;
    border: 1px solid #dadada;
    border-radius: 8px;
    /*border-bottom-color:red;
    border-top-color:white;*/
    margin-left: 8px;
    text-transform: uppercase;
    text-align: left;
    margin-bottom:20px;
}

    .tb_fee:hover {
        box-shadow: 0 0 10px #D4C4F9;
        -webkit-box-shadow: 0 0 10px 0px #D4C4F9;
        -moz-box-shadow: 0 0 10px #D4C4F9;
    }

    .tb_fee:focus {
    outline: none;
    border-color: #D4C4F9;
    box-shadow: 0 0 5px #D4C4F9;
    -webkit-box-shadow: 0 0 5px #D4C4F9;
    -moz-box-shadow: 0 0 5px #D4C4F9;
    border: none;
    outline: none;
}

.lblconfig {
    padding: 10px;
    border: 1px solid #dadada;
    border-radius: 8px;
    /*border-bottom-color:red;
    border-top-color:white;*/
    margin-left: 0px;
    text-transform: uppercase;
    background-color: rgba(234, 230, 243, .5);
    text-shadow: #fff 1px 1px 0;
    font-weight: lighter;
    border-top-color: #fff;
    background: #ebe9f9;
    background: -moz-linear-gradient(top, #ebe9f9 0%, #d8d0ef 50%, #cec7ec 51%, #b097d9 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ebe9f9), color-stop(50%, #d8d0ef), color-stop(51%, #cec7ec), color-stop(100%, #b097d9));
    background: -webkit-linear-gradient(top, #ebe9f9 0%, #d8d0ef 50%, #cec7ec 51%, #b097d9 100%);
    background: -o-linear-gradient(top, #ebe9f9 0%, #d8d0ef 50%, #cec7ec 51%, #b097d9 100%);
    background: -ms-linear-gradient(top, #ebe9f9 0%, #d8d0ef 50%, #cec7ec 51%, #b097d9 100%);
    background: linear-gradient(to bottom, #ebe9f9 0%, #d8d0ef 50%, #cec7ec 51%, #b097d9 100%);
    /*line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;*/
}

    .lblconfig:hover {
        box-shadow: 0 0 10px #D4C4F9;
        -webkit-box-shadow: 0 0 10px 0px #D4C4F9;
        -moz-box-shadow: 0 0 10px #D4C4F9;
        /*border-bottom-color: #432ba0;*/
        border-bottom-color: #fff;
    }


.lblconfig_H {
    padding: 10px;
    border: 1px solid #dadada;
    border-radius: 8px;
    /*border-bottom-color:red;
    border-top-color:white;*/
    margin-left: 10px;
    text-transform: uppercase;
    background-color: rgba(234, 230, 243, .5);
    text-shadow: #fff 1px 1px 0;
    font-weight: lighter;
    border-top-color: #fff;
    background: #ebe9f9;
    background: -moz-linear-gradient(top, #ebe9f9 0%, #d8d0ef 50%, #cec7ec 51%, #543d7b 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ebe9f9), color-stop(50%, #d8d0ef), color-stop(51%, #cec7ec), color-stop(100%, #543d7b));
    background: -webkit-linear-gradient(top, #ebe9f9 0%, #d8d0ef 50%, #cec7ec 51%, #543d7b 100%);
    background: -o-linear-gradient(top, #ebe9f9 0%, #d8d0ef 50%, #cec7ec 51%, #543d7b 100%);
    background: -ms-linear-gradient(top, #ebe9f9 0%, #d8d0ef 50%, #cec7ec 51%, #543d7b 100%);
    background: linear-gradient(to bottom, #ebe9f9 0%, #d8d0ef 50%, #cec7ec 51%, #543d7b 100%);
}

.lblconfig_H:hover {
    box-shadow: 0 0 10px #D4C4F9;
    -webkit-box-shadow: 0 0 10px 0px #D4C4F9;
    -moz-box-shadow: 0 0 10px #D4C4F9;
    /*border-bottom-color: #432ba0;*/
    border-bottom-color: #fff;
}


.lblconfig_vpro {
    padding: 10px;
    border: 1px solid #dadada;
    border-radius: 8px;
    /*border-bottom-color:red;
    border-top-color:white;*/
    margin-left: 10px;
    text-transform: uppercase;
    background-color: rgba(234, 230, 243, .5);
    text-shadow: #fff 1px 1px 0;
    font-weight: lighter;
    border-top-color: #fff;
    background: #ebe9f9;
    background: -moz-linear-gradient(top, #ebe9f9 0%, #d8d0ef 50%, #cec7ec 51%, #b097d9 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ebe9f9), color-stop(50%, #d8d0ef), color-stop(51%, #cec7ec), color-stop(100%, #b097d9));
    background: -webkit-linear-gradient(top, #ebe9f9 0%, #d8d0ef 50%, #cec7ec 51%, #b097d9 100%);
    background: -o-linear-gradient(top, #ebe9f9 0%, #d8d0ef 50%, #cec7ec 51%, #b097d9 100%);
    background: -ms-linear-gradient(top, #ebe9f9 0%, #d8d0ef 50%, #cec7ec 51%, #b097d9 100%);
    background: linear-gradient(to bottom, #ebe9f9 0%, #d8d0ef 50%, #cec7ec 51%, #b097d9 100%);
    display:inline-block;
    width:250px;
    line-height:1;
}

    .lblconfig_vpro:hover {
        box-shadow: 0 0 10px #D4C4F9;
        -webkit-box-shadow: 0 0 10px 0px #D4C4F9;
        -moz-box-shadow: 0 0 10px #D4C4F9;
        /*border-bottom-color: #432ba0;*/
        border-bottom-color: #fff;
    }

.lblconfig_vpro_print {
    padding: 10px;
    border: 1px solid #dadada;
    border-radius: 8px;
    /*border-bottom-color:red;
    border-top-color:white;*/
    margin-left: 10px;
    text-transform: uppercase;
    background-color: rgba(234, 230, 243, .5);
    text-shadow: #fff 1px 1px 0;
    font-weight: lighter;
    background: #ebe9f9;
    background: -moz-linear-gradient(top, #ebe9f9 0%, #d8d0ef 50%, #cec7ec 51%, #b097d9 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ebe9f9), color-stop(50%, #d8d0ef), color-stop(51%, #cec7ec), color-stop(100%, #b097d9));
    background: -webkit-linear-gradient(top, #ebe9f9 0%, #d8d0ef 50%, #cec7ec 51%, #b097d9 100%);
    background: -o-linear-gradient(top, #ebe9f9 0%, #d8d0ef 50%, #cec7ec 51%, #b097d9 100%);
    background: -ms-linear-gradient(top, #ebe9f9 0%, #d8d0ef 50%, #cec7ec 51%, #b097d9 100%);
    background: linear-gradient(to bottom, #ebe9f9 0%, #d8d0ef 50%, #cec7ec 51%, #b097d9 100%);
    display:inline-block;
    width:250px;
    line-height:1;
}

    .lblconfig_vpro_print:hover {
        box-shadow: 0 0 10px #D4C4F9;
        -webkit-box-shadow: 0 0 10px 0px #D4C4F9;
        -moz-box-shadow: 0 0 10px #D4C4F9;
        border-top-color: #fff;
        /*border-bottom-color: #432ba0;*/
        border-bottom-color: #fff;
    }



.lbl {
    font-weight: 100 !important;
    margin-left:10px;
    color: #660066;
}

.dd {
    border: 1px solid #dadada;
    border-radius: 8px;
    padding: 5px;
    font-family: Cambria;
    /*font-size: 0.9em;*/
    width: 250px;
    margin-left: 8px;
}


    .dd:hover {
        box-shadow: 0 0 10px #D4C4F9;
        -webkit-box-shadow: 0 0 10px 0px #D4C4F9;
        -moz-box-shadow: 0 0 10px #D4C4F9;
    }

.dd1 {
    border: 1px solid #dadada;
    border-radius: 8px;
    padding: 5px;
    font-family: Cambria;
    /*font-size: 0.9em;*/
    margin-left: 8px;
    width: 250px;
    }

 .dd1:hover {
        box-shadow: 0 0 10px #D4C4F9;
        -webkit-box-shadow: 0 0 10px 0px #D4C4F9;
        -moz-box-shadow: 0 0 10px #D4C4F9;
    }

/*.dd:hover {
        box-shadow: 0 0 10px #9ecaed;
        -webkit-box-shadow: 0 0 10px #9ecaed;
        -moz-box-shadow: 0 0 10px #9ecaed;
    }

    .dd:focus {
        outline: none;
        border-color: #9ecaed;
        box-shadow: 0 0 5px #9ecaed;
        -webkit-box-shadow: 0 0 5px #9ecaed;
        -moz-box-shadow: 0 0 5px #9ecaed;
        border: none;
        outline: none;
    }*/


    /*.button {
        margin-left: 12px;
        display: inline-block;
        position: relative;
        height: 30px;
        padding: 0 15px;
        color: white;
        text-decoration: none;
        text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
        border: 2px solid red;
        border-radius: 7px;
        outline: 0;
        -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.25);
        box-shadow: 0 2px 1px rgba(255, 255, 255, 1);
    }*/

    .button {
        margin-left: 12px;
        display: inline-block;
        position: relative;
        height: 30px;
        /*line-height: 30px;*/
        padding: 0 15px;
        color: white;
        text-decoration: none;
        text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
        border: 1px solid #111;
        border-radius: 7px;
        outline: 0;
        -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.25);
        box-shadow: 0 2px 1px rgba(255, 255, 255, 1);
    }

    .button:hover {
        box-shadow: 0px 1px 4px 3px #bbb5b5;
        -webkit-box-shadow: 0px 1px 4px 3px #bbb5b5;
        -moz-box-shadow: 0px 1px 4px 3px #bbb5b5;
        cursor: pointer !important;
    }

    .purple:hover {
        box-shadow: 0px 1px 4px 3px #bbb5b5;
        -webkit-box-shadow: 0px 1px 4px 3px #bbb5b5;
        -moz-box-shadow: 0px 1px 4px 3px #bbb5b5;
        cursor: pointer !important;
    }

    .button:before, .button:after {
        content: '';
        position: absolute;
    }

    .button:before {
        top: -5px;
        bottom: -5px;
        left: -5px;
        right: -5px;
        z-index: -1;
        border-radius: 9px;
    }

    .button:after {
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        border: 2px solid rgba(255, 255, 255, 0.1);
        border-bottom: 0;
        border-radius: 7px;
    }

    .button.alt {
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    }

        .button.alt:before {
            display: none;
        }

    .button.purple {
        background: #6440be;
        border-color: #4a2f8c #482e89 #3c2672;
        background-image: -webkit-linear-gradient(top, #825ec9 0%, #7d53c5 50%, #6440be 50%, #482da8 100%);
        background-image: -moz-linear-gradient(top, #825ec9 0%, #7d53c5 50%, #6440be 50%, #482da8 100%);
        background-image: -o-linear-gradient(top, #825ec9 0%, #7d53c5 50%, #6440be 50%, #482da8 100%);
        background-image: linear-gradient(to bottom, #825ec9 0%, #7d53c5 50%, #6440be 50%, #482da8 100%);
    }

    .button.purple:before {
        background: #8161d0;
        background-image: -webkit-linear-gradient(top, #5534a7, #8c6ed8);
        background-image: -moz-linear-gradient(top, #5534a7, #8c6ed8);
        background-image: -o-linear-gradient(top, #5534a7, #8c6ed8);
        background-image: linear-gradient(to bottom, #5534a7, #8c6ed8);
    }

    .button.purple:active {
        background: #7753c5;
        background-image: -webkit-linear-gradient(top, #432ba0 0%, #714bc2 60%, #7753c5 100%);
        background-image: -moz-linear-gradient(top, #432ba0 0%, #714bc2 60%, #7753c5 100%);
        background-image: -o-linear-gradient(top, #432ba0 0%, #714bc2 60%, #7753c5 100%);
        background-image: linear-gradient(to bottom, #432ba0 0%, #714bc2 60%, #7753c5 100%);
    }

    .button.purple:active:after {
        border-color: #7753c5;
    }

    /*.button.purple {
        background: #0aad1f;
        border-color: #2f9533;
        box-shadow: 0px 1px 3px 2px #bbb5b5;
        -webkit-box-shadow: 0px 1px 3px 2px #bbb5b5;
        -moz-box-shadow: 0px 1px 3px 2px #bbb5b5;
    }

    .button.purple:before {
        background: #8161d0;
        background-image: -webkit-linear-gradient(top, #2f9533, #79cc0b);
        background-image: -moz-linear-gradient(top, #2f9533, #79cc0b);
        background-image: -o-linear-gradient(top, #2f9533, #79cc0b);
        background-image: linear-gradient(to bottom, #2f9533, #79cc0b);
    }

    .button.purple:active {
        background: #7753c5;
        background-image: -webkit-linear-gradient(top, #2f9533 0%, #8bc53e 60%, #79cc0b 100%);
        background-image: -moz-linear-gradient(top, #2f9533 0%, #8bc53e 60%, #79cc0b 100%);
        background-image: -o-linear-gradient(top, #2f9533 0%, #8bc53e 60%, #79cc0b 100%);
        background-image: linear-gradient(to bottom, #2f9533 0%, #8bc53e 60%, #79cc0b 100%);
    }*/

    

.lt-ie9 .button:before {
    display: none;
}


.marginb {
    margin-bottom: 15px;
}

/* GRIDVIEW */

.gv td {
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.gv_detailssalesreport td {
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-weight:normal !important;
}

.GridHeader {
    text-align: center !important;
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 1em;
    padding-bottom: 1em;
}

th {
    padding: 1em;
    text-align: center !important;
    }


.ckboxLabel {
    position: relative;
    display: block;
    margin: 0;
    padding: 5px 15px 5px 38px;
    font-size: 13px;
    line-height: 17px;
    color: #fff !important;
    background: #6a5a8c;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

.ckboxLabel:hover{
background:#8677A7;
}

hr.style-mine { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }

.mycheckbox input[type="checkbox"] 
{ 
    margin-left: 5px;
    font-weight:100;
        font-size: 0.875em; /* 14px / 16px */
        color: #494949; 
}

.ImgStudentProfilePic {
    width: 107px;
    height: 145px;
    margin-left:25px;
    transition: transform .2s;
    border-radius: 10px;
    padding: 0px;
    background-color: white;
    box-shadow:  1px 2px 9px rgba(34, 25, 25, 0.4);
    -moz-box-shadow:  1px 2px 9px rgba(34, 25, 25, 0.4);
    -webkit-box-shadow: 1px 2px 9px rgba(34, 25, 25, 0.4);
    image-rendering:optimizeQuality;
    image-rendering: pixelated;
}
.ImgStudentProfilePic:hover {
    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    box-shadow: 0 0 10px #D4C4F9;
        -webkit-box-shadow: 0 0 10px 0px #D4C4F9;
        -moz-box-shadow: 0 0 10px #D4C4F9;
        /*border-bottom-color: #432ba0;*/
        border-bottom-color: #fff;
}
.ImgFamilyProfilePic {
    width: 145px;
    height: 107px;
    margin-left:25px;
    transition: transform .2s;
    border-radius: 10px;
    padding: 0px;
    background-color: white;
    box-shadow:  1px 2px 9px rgba(34, 25, 25, 0.4);
    -moz-box-shadow:  1px 2px 9px rgba(34, 25, 25, 0.4);
    -webkit-box-shadow: 1px 2px 9px rgba(34, 25, 25, 0.4);
    image-rendering:optimizeQuality;
    image-rendering: pixelated;
}

.ImgFamilyProfilePic:hover {
    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    box-shadow: 0 0 10px #D4C4F9;
        -webkit-box-shadow: 0 0 10px 0px #D4C4F9;
        -moz-box-shadow: 0 0 10px #D4C4F9;
        /*border-bottom-color: #432ba0;*/
        border-bottom-color: #fff;
}


#mydivatt {
    top: 50%;
    left: 50%;
    width: 52em;
    height: 24em;
    margin-top: -12em; /*set to a negative number 1/2 of your height*/
    margin-left: -26em; /*set to a negative number 1/2 of your width*/
    border: 1px solid #dee2e7;
    /*background-color: #f3f3f3;*/
    position: fixed;
    padding:20px;
    border-radius:20px;
    transform: scale(1.8);
    -webkit-box-shadow: 0px 0px 21px 5px rgba(0,0,0,0.37);
    -moz-box-shadow: 0px 0px 21px 5px rgba(0,0,0,0.37);
    box-shadow: 0px 0px 21px 5px rgba(0,0,0,0.37);
}

    #mydivatt:hover {
        border: 1px solid rgba(250,187,250,1);
        -webkit-box-shadow: 0px 0px 21px 5px rgba(250,187,250,0.5);
        -moz-box-shadow: 0px 0px 21px 5px rgba(250,187,250,0.5);
        box-shadow: 0px 0px 21px 5px rgba(250,187,250,0.5);
    }


 h1 {
    text-shadow: #fff 2px 2px 0 !important;
}

/* FEE PAYMENT RECEIPT */
.lbl_SchoolName {
    text-align: center !important;
    margin-bottom: -20px !important;
}

.lbl_BranchAddress {
    font-weight:normal;
}

.lbl_SchoolNumber {
    font-weight:normal;
}


/* CLASS TIME TABLE */
.ImgClassTimeTable {
    width: 80%;
    margin-left:25px;
    transition: transform .2s;
    border-radius: 10px;
    padding: 0px;
    background-color: white;
    box-shadow:  1px 2px 9px rgba(34, 25, 25, 0.4);
    -moz-box-shadow:  1px 2px 9px rgba(34, 25, 25, 0.4);
    -webkit-box-shadow: 1px 2px 9px rgba(34, 25, 25, 0.4);
    /*image-rendering:optimizeQuality;*/
    /*image-rendering: pixelated;*/
}
.ImgClassTimeTable:hover {
    /* transform: scale(1.1);  (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    box-shadow: 0 0 10px #D4C4F9;
        -webkit-box-shadow: 0 0 10px 0px #D4C4F9;
        -moz-box-shadow: 0 0 10px #D4C4F9;
        /*border-bottom-color: #432ba0;*/
        border-bottom-color: #fff;
}


.brandimg {
    margin-top: 4px;
    margin-bottom: 6px;
    width: 80px; 
    height: 80px; 
    transition: transform .2s; 
    border-radius: 10px; 
    padding: 0px; 
    background-color: white; 
    /*box-shadow:  1px 2px 9px rgba(34, 25, 25, 0.4); 
    -moz-box-shadow:  1px 2px 9px rgba(34, 25, 25, 0.4); 
    -webkit-box-shadow: 1px 2px 9px rgba(34, 25, 25, 0.4);*/ 
    -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.61);
    -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.61);
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.61);
    /*image-rendering:optimizeQuality; 
    image-rendering: pixelated;*/
    border: 1px #797c75 solid;
}

.ShowOffer {
    /*margin: 10px;*/
    transition: transform .2s; 
    border-radius: 10px; 
    padding: 0px; 
    background-color: white; 
    /*box-shadow:  1px 2px 3px rgba(34, 25, 25, 0.4); 
    -moz-box-shadow:  1px 2px 3px rgba(34, 25, 25, 0.4); 
    -webkit-box-shadow: 1px 2px 3px rgba(34, 25, 25, 0.4);*/ 
    -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.61);
    -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.61);
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.61);
    /*image-rendering:optimizeQuality; 
    image-rendering: pixelated;*/
    margin-top: 4px;
    margin-bottom: 6px;
    margin-left: 3px;
    /*width: 145px; height: 205px;*/ 
    width: 90%; 
    height: 90%; 
}

.ShowOffer:hover {
     /*box-shadow:  2px 2px 3px rgba(34, 25, 25, 0.4); 
    -moz-box-shadow:  2px 2px 3px rgba(34, 25, 25, 0.4); 
    -webkit-box-shadow: 2px 2px 3px rgba(34, 25, 25, 0.4);*/
     -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.61);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.61);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.61);
}

.container_siraj {
    width: 100%;
	/*height: 100vh;*/
	display: flex;
	align-item: center;
	justify-content: center;
}





        @media (max-width: 480px) {
            .ShowOfferDetail 
            {
                /*margin: 10px;*/
                transition: transform .2s; 
                border-radius: 10px; 
                padding: 0px; 
                background-color: white; 
                /*box-shadow:  1px 2px 3px rgba(34, 25, 25, 0.4); 
                -moz-box-shadow:  1px 2px 3px rgba(34, 25, 25, 0.4); 
                -webkit-box-shadow: 1px 2px 3px rgba(34, 25, 25, 0.4);*/ 
                -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.61);
                -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.61);
                box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.61);
                /*image-rendering:optimizeQuality; 
                image-rendering: pixelated;*/
                margin-top: 4px;
                margin-bottom: 6px;
                margin-left: 3px;
                /*width: 145px; height: 205px;*/ 
                width: 90%; 
                height: 90%; 
            }
        }

@media (min-width: 481px) and (max-width: 3767px) {
            .ShowOfferDetail {
                /*margin: 10px;*/
                transition: transform .2s;
                border-radius: 10px;
                padding: 0px;
                background-color: white;
                /*box-shadow: 1px 2px 3px rgba(34, 25, 25, 0.4);
                -moz-box-shadow: 1px 2px 3px rgba(34, 25, 25, 0.4);
                -webkit-box-shadow: 1px 2px 3px rgba(34, 25, 25, 0.4);*/
                -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.61);
                -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.61);
                box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.61);
                /*image-rendering: optimizeQuality;
                image-rendering: pixelated;*/
                margin-top: 4px;
                margin-bottom: 6px;
                margin-left: 3px;
                width: 362px;
                height: 512px;
            }

        .ShowOfferDetail:hover{
            -ms-transform: scale(1.2); /* IE 9 */
            -webkit-transform: scale(1.2); /* Safari 3-8 */
            transform: scale(1.2); 
            transition: transform .5s;
        }

        }
        

        .ShowOfferDetail:hover{
            box-shadow:  1px 2px 19px rgba(34, 25, 25, 0.4); 
            -moz-box-shadow:  1px 2px 19px rgba(34, 25, 25, 0.4); 
            -webkit-box-shadow: 1px 2px 19px rgba(34, 25, 25, 0.4); 
        }