/*
    Basic elements
----------------------------------------------------------------------------------*/

html, body, #form1{width: 100%;height: 100%}
html, body {
    background: url(../gfx/redan-bg.jpg) no-repeat fixed center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

textarea {resize: none}

a{color: #000}


.btn-xs{
    min-width: 50px
}

.btn-primary {
    background: #eb0a4c !important;
    border-color: #eb0a4c !important
}

    .btn-primary:hover {
        background: #e96b90 !important;
        border-color: #e96b90 !important
    }


.red{color: #F00!important}

.vtop{
    vertical-align: top
}

.inlineblock {
    display: inline-block
}

.block {
    display: block
}

.btn-success {
    background-color: #001d86 !important;
    border-color: #001d86 !important
}

    .btn-success:hover {
        background-color: #434e9a !important;
        border-color: #434e9a !important
    }

.panel-body{
    background: rgba(0, 0, 0, 0) !important
}

.panel-default {
    background: rgba(255, 255, 255, 0.9) !important
}

.panel-heading {
    background: rgba(255, 255, 255, 0.3) !important
}

hr{margin: 10px;padding: 0}

/*
    Header elements
----------------------------------------------------------------------------------*/

.logo{padding: 20px 10px;margin: auto;margin-top: 50px;margin-bottom: -20px;background: rgba(255, 255, 255, 0.9) !important}
.logo img{width: 200px}


/*
    Section elements
-------------------------------------------------------------------------------- */

.subcate {

}

section{margin-top: 0px}

    /* breadcrumb menu */
    .breadcrumb{margin: 50px 0 10px 0; background: rgba(255, 255, 255, 0.9) !important;color: #ffffff;border-radius: 0px;}
    .breadcrumb a{color: #000}
    .headingbox{}
        .headingbox>div{text-align: center;}
        .headingbox>div>h2>a{text-decoration: underline}

        .headingbox>div>ul{list-style: none;padding: 0;margin: 20px 0;}
        .headingbox>div>ul li{font-size: 18px}
        .headingbox>div>ul li a{text-decoration: underline}

        .subheading{display: block;margin: 7px 0}

    /*list --------------- */

    .list-group-heading{background-color: #425563}
    .list-group-item{background: rgba(255, 255, 255, 0.9) !important;border-radius: 0 !important;}
        .list-group-item:hover {
            background: rgba(151, 172, 191, 0.9) !important;
            border-color: rgba(151, 172, 191, 0.9) !important;
        }
    .lilink:hover{background-color: #77c19a !important}

    .list{margin-top: 50px;border: solid 0px #F00;text-align: center}

    .list>div{margin-bottom: 10px;}

    .listbox{
       height: 250px;
        background: rgba(255, 255, 255, 0.9) !important;
       border: solid 0 #cacaca;
       padding: 10px;
       box-sizing: border-box;

    }

    .list a, .list a:hover{text-decoration: none;color: #808080;}

    .listbox-sm{height: 220px}

    .listbox-me{height: 250px}

        .listlogo{width:64px;height: 64px;margin: auto;margin-top: 40px}
        .listlogo span{font-size: 70px;color: #000}
        .listlogo img{width:64px;height: 64px;}

        .listimg{width:180px;height: 180px;margin: auto;margin-top: 10px;}
        .listimg img{max-width:180px;max-height: 180px;}

        .listname{margin-top: 30px;text-align: center;height: 55px;word-wrap: break-word;color: #000;}
        .listtools{margin-top: 30px;padding: 20px 0px;border: solid 0px #cacaca;border-top-width: 0px}
        .listtools>table{width: 100%}
        .listtools>table tr td{text-align: center}

        .ltt{margin-top: 0;padding: 0}

        .list-group-heading{background: #f5f5f5}

        .list-group-heading ul{padding: 0;margin: 0}
        .list-group-heading ul li{display: inline}
        .list-group-heading ul li::before{content:" - ";}
        .list-group-heading ul li:first-child:before{content:"";}


.itemslist{}

.itemslist>div{
    margin-bottom: 10px;
}

.item {
    background: rgba(255, 255, 255, 0.9) !important;
    border: solid 0px #cacaca;
    box-sizing: border-box;
    padding: 10px;
    margin-bottom: 20px;
    height: 250px
}

    .item:hover{cursor: pointer}

        .itemthumb{
           width: 100%;
           min-height: 150px;
           text-align: center
        }

            .itemthumb img{width: 100%}

        .itemtext{
            position: relative;
            padding-top: 10px;
            font-size: 12px;
            height: 130px;
            
        }



.contentbox {
    background: rgba(255, 255, 255, 0.9) !important;
    border: solid 0px #cacaca;
    box-sizing: border-box;
    padding: 15px;
}

    .contentbox .row div {
        margin-bottom: 10px
    }

    .contentbox .row div:first-child span{
        font-size: 16px
    }

.btn-xs {
    display: none
}

    .btn-sm {
        display: none
    }

        .btn-block {
            display: block;
            margin-top: 30px
        }

.employeebox {
    border: solid 0px #cacaca;
    box-sizing: border-box;
    padding: 0 15px;
}



    .employeebox>div.row {
        background: rgba(255, 255, 255, 0.9) !important;
        padding: 10px 0;
        margin-bottom: 1px
    }

    .employeebox a div.row {
        background: rgba(255, 255, 255, 0.9) !important;
        padding: 10px 0;
        margin-bottom: 1px
    }

        .employeebox a div.row:hover {
            background: rgba(151, 172, 191, 0.9) !important;
        }


.ahl h4 {
    margin: 3px 0 -20px 0;
}

.ephd{display: none}

.cmt {
    padding-top: 10px
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .btn-sm {
            display: block
        }

        .btn-xs {
            display: block
        }

        .btn-block {
            display: none
        }

        .btn-approve {
            margin-right: 10px
        }

    .btn-delete {
        margin-left: 10px
    }

    .ephd{
        display: block
    }

    .ahl h4 {
        margin: 3px 0 20px 0;
    }

    .cmt{
        padding-top: 0
    }
}




#syswrap{margin-top: 50px}

.sysitem{
    background: #ffffff;
    border: solid 1px #cacaca;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 10px
}

.uploadbox{width: 350px}

.bm-uploadbox-wrap {
           position: relative;
           margin: auto;
           width: 190px;
           height: 150px;
           border: solid 0px #F00
        }

 .bm-uploadbox-icon {
               position: absolute;
               width: 190px;
               height: 150px;
               text-align: center
            }

            .bm-uploadbox-icon img{
               width: 150px;
               height: 150px;
            }

            .bm-uploadbox-form {
               position: absolute;
               width: 190px;
               height: 150px;
            }

                .bm-uploadbox-fup {
                    width: 190px;
                    height: 150px;
                    opacity: 0;
                    filter: alpha(opacity=0);
                    cursor: pointer
                }

                .uploadimagesgo{text-align: center;margin-top: 20px}


.panel-footer>table{width: 100%}
.panel-footer>table tr td:last-child{text-align: right}

.slide{width: 100%}
.slidebtn{margin: 10px 0;text-align: left}
.slidetext{padding-top: 10px}


.rating tr th:nth-child(2) {text-align: center}
.rating tr td:nth-child(2) {text-align: center}

.teachers tr td:nth-child(3) {text-align: right;width: 40px}
.teachers tr td:nth-child(4) {text-align: right;width: 40px}

.classes tr th:nth-child(2) {text-align: center;width: 80px}
.classes tr td:nth-child(2) {text-align: center;width: 80px}

.futureraidslide{margin-top: 10px}

.frtable>tbody>tr>td{width: 33.3%}

 .tools table{width: 100%;margin-top: 20px}
 .tools table tr td{text-align: center}
 .tools table tr td .btn{width: 90%}

 .nname{height: 33px;}

 .nname table{height: 100%;width: 100%}

 .nname table tr td{text-align: center}

 .subcatetags{margin: 0;padding: 0;display: inline;}

 .subcatetags li{display: inline;text-transform: capitalize;}
 .subcatetags li::after{content:", "}
 .subcatetags li:first-child{font-weight: bold;}
 .subcatetags li:first-child:after{content:""}
 .subcatetags li:last-child:after{content:""}

 .cblname{padding: 5px}
 
 .chkChoice input 
{ 
    margin-left: -30px; 
}
.chkChoice td 
{ 
    padding-left: 30px; 
}

#mediaitem div {text-align: left;}
#mediaitem div span {font-weight: bold;padding: 20px 0 5px 0;display: inline-block}
#mediaitem div:first-child span {padding-top: 0px;}


div.roof{background-color: #eceef0;margin: 20px 0;padding: 10px 0px;border: solid 1px #cacaca;box-sizing: border-box;}
div.product{background-color: #eceef0;margin: 0;margin-bottom: 2px;border: solid 1px #cacaca;box-sizing: border-box;}
div.product span{color: #000000}
div.product>div{padding: 10px;}

    div.product .btn {
        padding: 0 10px;
    }



    

.vnr{margin-top: 10px;margin-bottom: 10px}

.colorbox{margin-top: 10px;margin-bottom: 10px;width: 100%;height: 30px;border: solid 1px #808080}

@media screen and (min-width: 768px) {

.vnr{margin-top: 0px;margin-bottom: 0px}

/* breadcrumb menu */
#breadcrumbs{display: block}
#mobilnav{display: none}

.list>div{margin-bottom: 30px}
.listbox-me{height: 220px;}
.listimg{max-width:135px;height: 135px;margin: auto;margin-top: 10px;}
.listimg img{max-width:135px;max-height: 135px;}


    .uploadimagesgo{margin-top: 10px}

    .bm-uploadbox-wrap {
           width: 140px;
           height: 135px;
        }

    .bm-uploadbox-icon {
               width: 140px;
               height: 135px;
            }

            .bm-uploadbox-icon img{
               width: 135px;
               height: 135px;
            }

            .bm-uploadbox-form {
               width: 140px;
               height: 135px;
            }

                .bm-uploadbox-fup {
                    width: 140px;
                    height: 135px;
                }

                .slidetext{padding-top: 0px}

                .slidebtn{text-align: right}

                .tools table{width: 100%;margin-top: 0}
               .tools table tr td .btn{width: 60px}

                .nname table tr td{text-align: left}

    .item:hover {
        -webkit-box-shadow: 0px 0px 41px -17px rgba(0,0,0,0.80);
        -moz-box-shadow: 0px 0px 41px -17px rgba(0,0,0,0.80);
        box-shadow: 0px 0px 41px -17px rgba(0,0,0,0.80);
    }

#mediaitem div span {padding-top: 0px;}
}


@media screen and (min-width: 992px) {
    .listbox:hover {
        -webkit-box-shadow: 0px 0px 41px -17px rgba(0,0,0,0.80);
        -moz-box-shadow: 0px 0px 41px -17px rgba(0,0,0,0.80);
        box-shadow: 0px 0px 41px -17px rgba(0,0,0,0.80);
    }

    .item:hover {
        -webkit-box-shadow: 0px 0px 41px -17px rgba(0,0,0,0.80);
        -moz-box-shadow: 0px 0px 41px -17px rgba(0,0,0,0.80);
        box-shadow: 0px 0px 41px -17px rgba(0,0,0,0.80);
    }

.listbox:hover h3{
    color: #000000 !important;
}

.listbox-nohover:hover{
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    cursor: default
}

.uploadimagesgo{margin-top: 10px}


#mediaitem div span {padding-top: 0px;}

}

.editp {
    margin-top: 20px
}


div.pro0 {
    background-color: #f3f3f3;
    border: solid 1px #f3f3f3;
    color: #cfcfcf;
}

    div.pro0:hover {
        -webkit-box-shadow: 0px 0px 41px -17px rgba(0,0,0,0);
        -moz-box-shadow: 0px 0px 41px -17px rgba(0,0,0,0);
        box-shadow: 0px 0px 41px -17px rgba(0,0,0,0);
    }