/*
Theme Name: BUET Website
Theme URI: http://www.buet.ac.bd
Author: Rashed Mohammad Doha
Author URI: http://Github.com/RashedDoha
Description: The official WordPress theme for BUET's website
Version: 6.9.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: buet-website

This theme, like WordPress, is licensed under the GPL.
*/

#MyCarousel,
.notice .input-group {
    margin-bottom: 10px
}

#news-updates h3,
#upcoming-events h3,
.news-header {
    border-bottom: 1px solid #d3d3d3
}

.more-details,
.news-icon {
    font-size: 16px
}

.clear,
.event {
    clear: both
}

.mfp-container:before,
.mfp-figure:after {
    content: ''
}

.mfp-wrap,
.tooltipster-grow {
    -webkit-backface-visibility: hidden
}

body {
    background-image: url(images/cream_pixels/cream_pixels.png);
    background-attachment: fixed
}

a {
    color: black;
}

a:hover {
    color: #8f0222
}

h3 {
    padding-bottom: 10px
}

#header {
    background: #a90329;
    background: -moz-linear-gradient(top, #a90329 0, #8f0222 44%, #6d0019 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a90329), color-stop(44%, #8f0222), color-stop(100%, #6d0019));
    background: -webkit-linear-gradient(top, #a90329 0, #8f0222 44%, #6d0019 100%);
    background: -o-linear-gradient(top, #a90329 0, #8f0222 44%, #6d0019 100%);
    background: -ms-linear-gradient(top, #a90329 0, #8f0222 44%, #6d0019 100%);
    /*background: linear-gradient(to bottom, #a90329 0, #8f0222 44%, #6d0019 100%);*/
    background: white;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019', GradientType=0);
    /*height: 110px;*/
}

.secondary-header {
    #background: url(images/header.png) right no-repeat;
    height: 100px;
}

#header h3 {
    color: #fff;
    margin: 0;
    padding-top: 15px;
    height: 40px
}

.bold
{
    font-weight: bold;
}
.name-header {
	color: #fff;
}

.main-header {
    text-align: center;
    color: maroon;

}


.main-header img
{
    display: inline-block;
    margin-top: 0px;
}

.main-header .header-text
{
    font-size: 24px;
    position: relative;
    top: 5px;
    
}

.main-header .bangla-header
{
    margin: auto;
    position: relative;
    top: -40px;  
}

.name-header h1, h2, h3{
	display: inline-block;
	margin-top: 0px;
}
.name-header-img{
	width: 100px;
	vertical-align: bottom;
	#display: inline-block;
}
.name-header ul{
    list-style: none;
    padding: 0;
    color: #fff;
   display: inline-block;
}

.bangla-header {
    font-family: BanglaFont;
    position: absolute;
    margin-top: -20px;
    margin-left: -120px;
}

.continue-reading,
.event-month {
    font-family: "Trebuchet MS", Verdana, sans-serif
}

.centered {
    text-align: center
}

.login-form,
.notice {
    text-align: left
}

#header_logo {
    align-content: center
}

.notice {
    margin-top: 10px
}

.more-details a {
    color: #a90329
}

.more-details a:hover {
    color: #8f0222;
    text-decoration: underline
}

.navbar-brand {
    padding-top: 10px
}

#searchsubmit,
.form-control {
    height: 30px
}

#nav-name {
    padding-top: 18px;
    padding-left: 0;
    display: inline
}

.navbar-default{
    background-color: rgb(160, 27, 48);
    color: white;
}

.navbar-default .navbar-nav >li >a, .navbar-default .navbar-nav > .active >a{
    background-color: rgb(160, 27, 48);
    color: white;
}

.navbar-default .navbar-nav >li > a:hover{
    color: #ffffe6;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #fff;
    background-color: rgb(160, 27, 48);; 
}

.carousel-caption {
    background-color: rgba(252, 248, 227, .7);
    text-align: center;
    padding: 20px 20px;
    width: 80%;
    margin: auto;
    border-radius: .5em;
    bottom: 5px;
    left: 10%;
    right: 10%;
}

.carousel-indicators{
	bottom: 0px;
}
.carousel-caption h2 {
    color: maroon;
    padding: 0;
    font-size: 24px;
    font-weight: bold;
}

.carousel-caption p {
    color: #000;
    padding: 0
    
}

.carousel-inner .item img
{
    min-height: 100%;
}

.carousel-part
{
    height: 100%;
    margin: auto;
    padding: 0px;
}
.carousel-row
{
    display: flex;
    background-color: #C0C0C0;
    
}

.carousel-list
{
    list-style: none;
    padding: 0px;
}

.carousel-list li
{
    padding: 10px;
    background-color: #222;
    font-size: 1.5em;
    height: 100px;
}

.carousel-list-subheader
{
    font-size: 12px;
    color: white;
}

.carousel-small-image
{
    width: 20%;
    height: 20%;
    margin: 10px;
}

.carousel-item
{
    line-height: 20px;
}

.carousel-list li a
{
    text-decoration: none;
    color: white;
}

.carousel-list li a.active
{
    color: white;
}

.read-more
{
    font-size: 12px;
    float:right;
    color: white;
}


.header-icon,
.news-header span {
    color: maroon
}

.news-header {
    margin-bottom: 10px;
    height: 40px
}

.story {
    opacity: 0;
    background-color: white;
}


.story h4{
    min-height: 50px;
    text-align: center;
}

.thumbnail {
    width: 100%;
    margin: 0 0px 10px 0px;
}

.continue-reading {
    font-size: 16px;
    color: #a90329
}

#audience-section {
    padding-left: 0
}

#audience-list {
    padding-top: 80px
}

#audience-section img {
    width: 400px;
    height: 300px
}

.audience-image {
    height: 300px
}

.showItem {
    display: none
}

.news-item {
    padding: 20px 10px
}

.news-item a {
    color: #1A1A1A
}

.news-item a:hover {
    color: #000
}

.news-icon {
    color: maroon;
}

.footer,
.footer #logo,
.footer .small,
.footer a {
    color: #fff
}

.events-circle {
    width: 100px;
    border-radius: 50px;
    background-color: #fff;
    border: 3px solid #a90329;
    display: inline;
    font-size: 24px;
    padding: 15px
}

.event-date,
.event-month {
    display: block;
    text-align: center
}

.event-time {
    float: left;
    margin: 0 10px 10px 0
}

#news-updates,
#upcoming-events {
    margin-bottom: 20px;
    margin-top: 0px
}

#common-block {
    margin-bottom: 20px;
    margin-top: 20px
}

.footer #contact-list,
.footer .link-list {
    list-style: none;
    margin-bottom: 0
}

.event-month {
    font-size: 15px;
    text-transform: uppercase
}

.event-date {
    font-size: 20px
}

.event-description {
    padding: 10px 0
}

.event-description p {
    font-size: 16px
}

.well-sm {
    padding: 3px 10px 3px 3px
}

.important-info {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 12px;
}

.important-info ul {
    list-style: none;
    padding: 0
}

.important-info li {
    padding-bottom: 10px
}

.newsletter-content {
    background-color: #333;
    height: 300px
}

.newsletter-form {
    padding-top: 10em
}

.footer {
   background-color: rgb(160, 27, 48);;
    padding: 30px;
    float: bottom
}

.footer #logo {
    font-size: 24px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.footer #small-logo {
    font-size: 10px
}

.footer .link-list {
    display: inline
}

.footer .link-list li {
    padding: 3px;
    float: left
}

.footer a:hover {
    color: #fff;
    cursor: pointer;
    text-decoration: underline
}

.page-content img {
    width: 100%;
    margin: 5px
}

.page-content img:nth-child(odd) {
    float: right
}

.page-content img:nth-child(even) {
    float: left
}
.page-content ul{
	    list-style:square;
}

.page-content li{
	padding:3px;
}

.page-content p{
	text-align: justify;
        font-size: 16px;
}

.page-header {
	padding-bottom: 5px;
	margin-bottom: 0px;
}

#submit {
    max-width: 70%
}

.featured-image {
    max-width: 100%;
    margin: 0 20px 20px 0
}

.archive-body .featured-image {
    max-width: 30%
}

.widget {
    padding: 20px;
    margin: 60px 0 50px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #d3d3d3
}

.widget ul {
    margin-top: 30px
}

.widget li {
    margin: 10px
}

.widget.btn-danger {
    background-color: #a90329
}

.btn-danger:hover {
    background-color: #8f0222
}

#respond {
    margin: 0 0 50px
}

.pagination {
    text-align: center;
    width: 100%
}

.pagination-items {
    margin: auto
}

.screen-reader-text {
    font-size: 18px
}

.pagination .arrow {
    font-size: 24px
}

.visitor-header {
	background-color: ghostwhite !important;
	font-weight: bold;
	margin-top:-5px;
	margin-botton: -5px;
    }
    .visitor-list, .webmail-list {
        list-style: none;
        padding: 15px;
    }
    .visitor-list > li, .webmail-list > li {
        color: #fff;
        padding: 0px 5px 0px 5px;
        display: inline;
        width: 100%
    }
    .visitor-list a, .webmail-list a {
        #color: maroon;
        text-decoration: none;
        max-height: 100%;
    }
    .info-list {
        list-style: none;
        padding-left: 0;
	width: 25px;
	float: left;

    }
     .info-list  li {
        color: #fff;
        padding: 0px 0 0px 20px;
    }
    .info-list a {
        color: #A50328;
        text-decoration: none;
        max-height: 100%;
    }
    .intro h2
    {
        font-size: 1.9em;
    }

    .aboutInfo
    {
        padding: 10px 0;
        color: white;
    }

    .intro .row
    {
        background-color: #a90329;
    }

    .intro .row
    {
        min-height: 200px;
    }

@font-face {
    font-family: BanglaFont;
    src: url(fonts/SolaimanLipi.ttf)
}

@media(min-width:768px) {
    .navbar-search {
        float: left;
        padding-left: 0px
    }
    .input-group {
        width: 180%
    }

    

    .visitor-header
    {
        background-color: ghostwhite;
    }
    .visitor-list {
        list-style: none;
        padding: 10px 5px 10px 5px;
        margin: 0;
        float: left;
    }

    .webmail-list {
        list-style: none;
        padding: 10px;
        margin: 0;
	margin-top: 3px;
        float: right;
    }
    .visitor-list > li, .webmail-list > li {
        color: #fff;
        display: inline
    }


    .visitor-list a, .webmail-list a {
        color: maroon;
        text-decoration: none;
        padding: 10px;
        padding-top: 12px;
	margin-top: 10px;
    }
    .visitor-list a:hover, .webmail-list a:hover {
        background-color: #eeeec4;
        padding-bottom: 12px;
    }

}

@media(max-width:1200px)
{
    .main-header .header-text
    {
	font-size: 22px;

    }

    .main-header .bangla-header
	{
		font-size: 28px;
	}


}

@media(max-width:768px) {
    .carousel-caption {
        padding: 0 0 0 20px;
        width: auto
    }
    .carousel-caption h2 {
        font-size: 16px
    }
    .carousel-caption p {
        font-size: 12px
    }
    .story .thumbnail {
        width: 200px
    }
    #audience-section {
        height: 400px
    }
    #audience-section img {
        width: 200px;
        height: 1150px
    }
    .audience-image {
        height: 200px;
        float: left
    }
    #audience-list {
        padding-top: 10px
    }
    .story p {
        min-height: 100px
    }
    
}

@media(max-width:400px) {
    .carousel-caption {
        padding: 0 0 0 20px;
        width: inherit;
        position: absolute;
        bottom: 80px
    }
    #audience-section {
        height: 900px
    }
    .story .thumbnail {
        width: 150px
    }
    .carousel-caption p {
        display: none
    }
    .carousel-caption h2 {
        margin: 5px
    }
}

@media(min-width:1200px) {
   .navbar-search {
        position: absolute;
	right: 90px;
	bottom: 140px;
        
    }

   .navbar-search .navbar-form {
	margin-top: 3px;

    }

   .thumbnail {
    width: 100%;
    margin: 0 0px 10px 0px;
    height: 230px;
}


}

@media(min-width:992px) {
    .navbar-search {
	position: absolute;
        right: 90px;
	bottom: 140px;
	
    }
    #MyCarousel .item {
        height: 399px
    }

    .carousel-row
    {
      height: 400px;
    }
    .input-group {
        width: 100%
    }
    .footer #link-list {
        list-style: none;
        margin-bottom: 0;
        display: inline;
        float: right
    }
    .footer #link-list li {
        padding: 3px;
        float: left
    }
    #audience-section {
        height: 400px;
        padding-left: 0
    }
    .audience-image {
        height: 300px;
        float: left
    }
    #panel {
        height: 300px
    }
    .story p {
        min-height: 250px;
	text-align: justify;
    }

    .intro .row
    {
        background-color: #a90329;
    }

    .aboutInfo
    {
        color: white;
    }
}

@media(max-width:992px) {
    #audience-section img {
        width: 300px;
        height: 200px
    }
    .story .thumbnail {
        width: 200px
    }
    .newsletter-content {
        height: 500px
    }
    .newsletter-form {
        padding-top: 10em
    }
    #panel {
        height: 300px
    }
    .notice {
        font-size: .9em
    }
    .notice .input-group {
        width: 90%
    }

    .intro .row
    {
        background-color: #a90329;
    }

    .aboutInfo
    {
        color: white;
    }

    


    .main-header .header-text
    {
        font-size: 21px;
    }

    .main-header .bangla-header
    {
       font-size: 25px;
    }



    

.carousel-inner .item img {
    min-width: 100%;
}

    .social-icons{
text-align: center;
margin-top: 15px;
}

.footer #link-list{
display:inline;
list-style:none;
}

.footer #link-list li
{
padding: 5px;
display:inline;
}
}

@media(max-width:560px) {
    .footer #link-list {
        display: block;
        float: left;
        margin: 0;
        padding: 0
    }
    .footer #link-list li {
        padding: 3px;
        clear: left
    }
}

@media(max-width:650px) {
    #nav-name {
        display: none
    }
    #audience-section {
        min-height: 500px
    }
}

@media(max-width:400px) {
    #audience-section {
        height: 600px
    }
}

.calendar {
    min-height: 500px
}

@media screen and (max-width:767px) {
    .row-offcanvas {
        position: relative;
        -webkit-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out
    }
    .row-offcanvas-right {
        right: 0
    }
    .row-offcanvas-left {
        left: 0
    }
    .row-offcanvas-right .sidebar-offcanvas {
        right: -50%
    }
    .row-offcanvas-left .sidebar-offcanvas {
        left: -50%
    }
    .row-offcanvas-right.active {
        right: 50%
    }
    .row-offcanvas-left.active {
        left: 50%
    }
    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 50%
    }
}

.tooltipster-fall,
.tooltipster-grow-show {
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
    -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.mfp-bg,
.mfp-wrap {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%
}

.mfp-bg {
    width: 100%;
    z-index: 1042;
    overflow: hidden;
    background: #0b0b0b;
    opacity: .8;
    filter: alpha(opacity=80)
}

.mfp-wrap {
    width: 100%;
    z-index: 1043;
    outline: 0!important
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-container:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-close,
.mfp-preloader {
    text-align: center;
    position: absolute
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none!important
}

.mfp-preloader {
    color: #CCC;
    top: 50%;
    width: auto;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #CCC
}

.mfp-close,
.mfp-preloader a:hover {
    color: #FFF
}

.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    right: 0;
    top: 0;
    text-decoration: none;
    opacity: .65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-figure,
img.mfp-img {
    line-height: 0
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    filter: alpha(opacity=65);
    margin: -55px 0 0;
    top: 50%;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.mfp-arrow .mfp-a,
.mfp-arrow .mfp-b,
.mfp-arrow:after,
.mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: inset transparent
}

.mfp-arrow .mfp-a,
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow .mfp-b,
.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px
}

.mfp-arrow-left .mfp-b,
.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px
}

.mfp-arrow-right .mfp-b,
.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-image-holder .mfp-content,
img.mfp-img {
    max-width: 100%
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

.mfp-figure:after,
img.mfp-img {
    width: auto;
    height: auto;
    display: block
}

img.mfp-img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure:after {
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    right: 0;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}
.mydate {
	width: 56px; height: 56px; 
	background: #fcfcfc; 
	background: linear-gradient(top, #fcfcfc 0%,#dad8d8 100%); 
	background: -moz-linear-gradient(top, #fcfcfc 0%, #dad8d8 100%); 
	background: -webkit-linear-gradient(top, #fcfcfc 0%,#dad8d8 100%); 
	border: 1px solid #d2d2d2;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}
.mydate p {
	font-family: Helvetica, sans-serif; 
	font-size: 20px; text-align: center; color: #9e9e9e; 
}
.mydate p span {
	background: #d10000; 
	background: linear-gradient(top, #d10000 0%, #7a0909 100%);
	background: -moz-linear-gradient(top, #d10000 0%, #7a0909 100%);
	background: -webkit-linear-gradient(top, #d10000 0%, #7a0909 100%);
	font-size: 12px; font-weight: bold; color: #fff; text-transform: uppercase; 	
	display: block;
	border-top: 3px solid #a13838;
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	padding: 6px 0 6px 0;
}


@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-ie7 .mfp-img {
    padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
    padding: 0
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}

.tooltipster-default {
    border-radius: 5px;
    border: 2px solid #000;
    background: #4c4c4c;
    color: #fff
}

.tooltipster-default .tooltipster-content {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 10px;
    overflow: hidden
}

.tooltipster-icon {
    cursor: help;
    margin-left: 4px
}

.tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999999;
    pointer-events: none;
    width: auto;
    overflow: visible
}

.tooltipster-base .tooltipster-content {
    overflow: hidden
}

.tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.tooltipster-arrow span,
.tooltipster-arrow-border {
    display: block;
    width: 0;
    height: 0;
    position: absolute
}

.tooltipster-arrow-top span,
.tooltipster-arrow-top-left span,
.tooltipster-arrow-top-right span {
    border-left: 8px solid transparent!important;
    border-right: 8px solid transparent!important;
    border-top: 8px solid;
    bottom: -7px
}

.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border {
    border-left: 9px solid transparent!important;
    border-right: 9px solid transparent!important;
    border-top: 9px solid;
    bottom: -7px
}

.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom-left span,
.tooltipster-arrow-bottom-right span {
    border-left: 8px solid transparent!important;
    border-right: 8px solid transparent!important;
    border-bottom: 8px solid;
    top: -7px
}

.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    border-left: 9px solid transparent!important;
    border-right: 9px solid transparent!important;
    border-bottom: 9px solid;
    top: -7px
}

.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom span,
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top span {
    left: 0;
    right: 0;
    margin: 0 auto
}

.tooltipster-arrow-bottom-left span,
.tooltipster-arrow-top-left span {
    left: 6px
}

.tooltipster-arrow-bottom-left .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border {
    left: 5px
}

.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-top-right span {
    right: 6px
}

.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border {
    right: 5px
}

.tooltipster-arrow-left .tooltipster-arrow-border,
.tooltipster-arrow-left span {
    border-top: 8px solid transparent!important;
    border-bottom: 8px solid transparent!important;
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -7px
}

.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent!important;
    border-bottom: 9px solid transparent!important;
    border-left: 9px solid;
    margin-top: -8px
}

.tooltipster-arrow-right .tooltipster-arrow-border,
.tooltipster-arrow-right span {
    border-top: 8px solid transparent!important;
    border-bottom: 8px solid transparent!important;
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -7px
}

.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent!important;
    border-bottom: 9px solid transparent!important;
    border-right: 9px solid;
    margin-top: -8px
}

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity
}

.tooltipster-fade-show {
    opacity: 1
}

.tooltipster-grow {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform
}

.tooltipster-grow-show {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform
}

.tooltipster-swing-show {
    opacity: 1;
    -webkit-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -o-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    transform: rotateZ(0);
    -webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 1);
    -webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    -moz-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    -ms-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    -o-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    transition-timing-function: cubic-bezier(.23, .635, .495, 2.4)
}

.tooltipster-fall {
    top: 0;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0!important;
    opacity: 0
}

.tooltipster-slide {
    left: -40px;
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    left: 0!important;
    opacity: 0
}

.tooltipster-content-changing {
    opacity: .5;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.table-responsive {
  width:100%;
  font-family: "Helvetica Neue", Helvetica, sans-serif
  border-color: black;" 
  border: "1px" !important;

}


.table-responsive th {
  background: maroon;
  color: white;
}

.table-responsive th,
td {
  padding: 5px 10px;
}

.table-responsive tbody tr:nth-child(even) {
  background: WhiteSmoke;
  border-radius: 10px;
}

.table-responsive tbody tr:nth-child(odd) {
  background: White;
}


.table-responsive tbody tr td:nth-child(2) {
  text-align:left;
}

.table-responsive tbody tr td:nth-child(3),
tbody tr td:nth-child(4) {
  text-align: left;
}


.normal_img{
	margin: 1px !important;
	width: auto !important;
	float: left !important;	
}


.rigthpanel h4{
	text-align: center;
	font-size: 24px;
	color: #000;
	font-weight: bold;
}



	
.navbar-nav li{
	font-weight: bold !important;
	font-size: 14px;
}

.profile-left{
        text-align: left;
}

.profile-left p{
	text-align: left;
}
.profile-left img{
	width: 90%;
	padding: 10px 20px;
	text-align: center !important;
}

.profile-right h1, h2, h3{
        display: block;
        margin-top: 10px;
	margin-bottom: 0px;
}

.about{
   margin-top: 30px;
	background-color: rgb(160, 27, 48);
border-radius: 10px;
}
hr {
        margin-top: -5px;
        margin-bottom: 5px;
        border-top: 2px solid #eeeeee;
}
.navbar-collapse{
	padding-left: 0px;
	paddin-right: 0px;
}

.bg-image {
  /* The image used */
  background-image: url("https://iict.buet.ac.bd/wp-content/uploads/2025/07/WhatsApp-Image-2022-06-30-at-12.08.22-PM-e1753183101662.jpeg");
  
  /* Add the blur effect */
  filter: blur(8px);
  -webkit-filter: blur(8px);
  
  /* Full height */
  height: 100%; 
  
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Position text in the middle of the page/image */
.bg-text {
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0, 0.4); /* Black w/opacity/see-through */
  color: white;
  font-weight: bold;
  border: 3px solid #f1f1f1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 100%;
  padding: 20px;
	margin: 20px;
  text-align: center;
}