/* reset defaul css in department page only */

:root { 
    --tabBorder: #f7a92c;
}

.workingArea {
    background: transparent !important;
    box-shadow: inherit !important;
    padding: 0 !important;
}
.custDept{
    font: 400 16px / 28px "Ubuntu", sans-serif;width: 100%; float: left;
    .accordion{background: #fdfdfe;box-shadow: 0px 0px 14px #ccc;padding: 30px;border: 1px solid var(--tabBorder); border-top: 0;}
    .accordion-body{padding: 0;}
    .accordion-item:first-of-type, .accordion-item{border-radius: 0;border: 0;}
    .nav-tabs{border-color: var(--tabBorder);}
    .nav-link{color: #000;background: #f7a92c;margin-right: 5px;}
    ul{}
}


































.page_sub_container{
    font: 400 16px / 28px "Ubuntu", sans-serif; width: 100%;
    h1 {font: 400 30px / 30px 'Racing Sans One'; color: #036ed5; width: 100%; float: left; margin-top: 0; margin-bottom: 10px;}    
    .h2, h2 {
        font: 400 30px / 30px 'Racing Sans One'; color: #036ed5; width: 100%; float: left; margin-top: 0; margin-bottom: 10px; margin-top: 15px;
        sup{display: block;}
    }
    ul{float: left;}
    ul li{list-style-type: none;position: relative;padding: 0 0 0 24px;margin: 0 0 10px 0;}
    ul li:before{content: '\e1a1';font: 400 14px  "Font Awesome 6 Pro";position: absolute;top: 10px;left: 0;}
    .page_sub_content{width: 100%;float: left;margin: 0 0 25px 0;padding: 15px 0 0 0;}
    .faculty{margin-right: -15px;margin-left: -15px;margin-top: 20px;/* float: left; */}
    .faculty span{width: 100%;float: left;background: #ffffff;overflow: hidden;margin: 0 0 30px 0;box-shadow: inset 0px 0px 0px #fff, 5px 6px 1px #a3a3a366;border: 1px solid #cb9206;border-radius: 4px;outline: 2px solid #fff;position: relative;z-index: 2;}
    .faculty span:before{content: '';position: absolute;top: 1px;bottom: 1px;left: 1px;width: 70px;background-image: linear-gradient(358deg, #56c222 0%, #56c222 100%);z-index: -1;border-radius: 4px 0 0 4px;}
    .faculty span.hod{border: 1px solid #00009e;}
    .faculty span.hod:before{background-image: linear-gradient(45deg, #03315d 0%, #62b0ff 100%);}

    .faculty span p{font: 400 14px/24px 'Ubuntu', sans-serif !important;color: #000;margin: 10px 20px 10px 0 !important;position: relative;z-index: 9;}
    .faculty span p strong{font-weight: 400;color: #717171;font-size: 13px;}
    .faculty span p em{font-weight: 400;font-size: 13px;font-style: normal;width: 100%;float: left;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
    .faculty span p a{transition: all ease-in-out 0.3s;color: #000000;font-size: 11px;font-weight: 600;border: 1px solid #b7b3b3;display: inline-block;padding: 4px 15px;line-height: 20px;background: #fff;margin: 10px 10px 10px 0;border-radius: 50px;}
    .faculty span p a:hover{background: #ffc107; border-color: #ffc107; color: maroon;}
    .faculty .hod p a:hover{background: #22588c;border-color: #22588c;color: #fff;}
    .faculty span img{padding: 0px;border-radius: 10%;width: 110px;height: 110px;position: relative;object-fit: cover;left: 9px;box-shadow: -20px 0px 0px 8px #ffffff;margin: 20px 0;}

    .tableResearch{
        font: 400 13px / 16px "Ubuntu", sans-serif;
        border: 1px solid;    
        th{text-align: center;border-right: 1px solid;border-bottom: 1px solid;font-weight: 500;padding: 10px 5px;background: #efefef;}
        td{padding: 10px 5px;border-right: 1px solid;border-bottom: 1px solid;}
    }
    ul{margin: 0; padding: 0; width: 100%; }
    li{position: relative;}

    .tableView, .tableView1 {margin: 0 0 0 0px !important;padding: 0;float: left;}
    .tableView li, .tableView1 li {border-bottom: 1px solid #ccc;padding: 8px 0 8px 28px !important;margin: 0 !important;display: block;}
    .tableView li a, .tableView1 li a {float: right;font-size: 12px;background: #f90;padding: 0px 9px;border-radius: 3px;color: #fff;}
    .tableView li a:hover, .tableView1 li a:hover {transition: all ease-in-out 0.3s;background: navy;}
    .tableView li:before, .tableView1 li:before {content: '\e1a1';font: 400 20px 'Font Awesome 6 Pro';position: absolute;top: 5px;left: 0;color: #f90;top: 13px !important;}
    .tableViewDesc {display: flex;flex-direction: column-reverse;float: left;width: 100%;}
    
    .eachNews{
        width: 100%; font-size: 14px; margin: 0 0 6px 0; box-shadow: 4px 4px 6px #cccccc94; padding: 7px 10px; border: 1px solid #ccc; color: #333; display: flow-root;
        
        .heading{font: 500 16px 'Ubuntu', sans-serif !important;margin: 0 0 6px 0 !important;color: #000095;}
        .content{line-height: 22px;margin: 0 0 5px 0; transition: all ease-in-out .3s;}
        .halfDiv{height: 45px;overflow: hidden;position: relative;transition: all ease-in-out .3s;}
        .halfDiv:before{content: '';background-image: linear-gradient(360deg, #ffffffd1 27%, #ffffff00 100%);position: absolute;bottom: 0;left: 0;right: 0;top: 20%;}
        .date{float: left;color: #000;font-size: 15px;}
        .date em{color: #666;font-size: 13px;}
        a{margin: 0 0 0 20px;color: #fff;padding: 4px 10px;background-image: linear-gradient(45deg, #0168d1 0%, #62b0ff 100%);border-radius: 5px;display: inline-block;}
        a:hover{}
        .viewDtls{float: right;color: #1ac905;margin: 0;padding: 5px 10px;cursor: pointer;border-radius: 3px;letter-spacing: 1px;font: 500 14px/18px 'Ubuntu';}
    }
}