#dean-det
{
    color: #000;
    display: block;
	min-height: 500px;
	padding: 100px 20% 100px 20%;
	min-width: 60%;
}
.dimg
{
	border: 0;
	border-radius: 5px;
	vertical-align: top;
	margin-top: 30px;
	height: 150px;
	width: 150px;
}
.tab 
{
    box-sizing: revert;
	border-radius: 20px 0px 0px 0px;
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
	height: 50px;
	width: 280px;
}
.tabcontent
{
	background-color: rgba(0,0,0,0.02);
	min-height: 200px;
	width: 100%;
	display: none;
    border-radius: 0px 30px 30px 30px;
    border: 5px solid #ffffff;
	overflow: hidden;
	box-sizing: border-box;
	box-shadow: 0 0 30px rgb(0 0 0 / 20%);
}
.tabcontent h2
{
	border-bottom: 1px solid rgba(0,0,0,.2);
	height: 50px;
	margin: 0px auto;
	text-align: center;
	position: relative;
	line-height: 50px;
	width: 60%;
}
.tabcontent h3
{
	font-size: 14px;
	font-weight: 400;
	display: inline-block;
	width: 100%;
	margin-left: 50px;
}
#deanmsg p
{
    color: rgb(100, 100, 100);
	margin-top: 40px;
	padding: 10px;
	line-height: 1.8;
	letter-spacing: 0.5px;
}
#deanprof
{
    color: #000;
	padding: 20px;
}
#deanprof span
{
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	margin-right: 20px;
}
#deanprof p
{
    color: rgb(100, 100, 100);
	font-size: 14px;
	line-height: 2.2;
}
#deanprof span:before
{
	content: '\00BB';
	font-weight: 600;
	font-size: 20px;
	margin-right: 10px;
}
.deanprof-edu
{
	display: inline-block;
	margin-top: 30px;
	margin-bottom: 10px;
}
.tablinks
{
    box-sizing: revert;
	height: 50px;
	width: 140px;
}
.tab button
{
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 10px;
	transition: 0.4s;
	font-size: 17px;
}

.tab button:hover
{
	background-color: #ddd;
}

.tab button.active
{
	background: linear-gradient(135deg, hsla(206, 81%, 39%, 1) 30%, hsla(289, 68%, 19%, 1) 100%);
	color: #fff;
}
.deanprof-tbl, .deanprof-th, .deanprof-td
{
	border: 1px solid black;
	border-collapse: collapse;
	padding: 10px;
}
table
{
	width: 100%;
}
.deanprof-td
{
	font-size: 14px;
	text-align: center;
}
@-webkit-keyframes fadeInLeft
{
    from
	{
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to
	{
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@-moz-keyframes fadeInLeft
{
    from
	{
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to
	{
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@keyframes fadeInLeft
{
    from
	{
        opacity:0;
        -webkit-transform: translatex(-50px);
        -moz-transform: translatex(-50px);
        -o-transform: translatex(-50px);
        transform: translatex(-50px);
    }
    to
	{
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}


@-webkit-keyframes fadeInRight
{
    from
	{
        opacity:0;
        -webkit-transform: translatey(-10px);
        -moz-transform: translatey(-10px);
        -o-transform: translatey(-10px);
        transform: translatey(-10px);
    }
    to
	{
        opacity:1;
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0);
    }
}
@-moz-keyframes fadeInRight
{
    from
	{
        opacity:0;
        -webkit-transform: translatey(-10px);
        -moz-transform: translatey(-10px);
        -o-transform: translatey(-10px);
        transform: translatey(-10px);
    }
    to
	{
        opacity:1;
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0);
    }
}
@keyframes fadeInRight
{
    from
	{
        opacity:0;
        -webkit-transform: translatey(-50px);
        -moz-transform: translatey(-50px);
        -o-transform: translatey(-50px);
        transform: translatey(-50px);
    }
    to
	{
        opacity:1;
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0);
    }
}
p
{
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -o-animation-duration:.5s;
    animation-delay: .5s;
}
.dimg
{
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -o-animation-duration:.5s;
    animation-delay: .5s;
}
.deanprof-th, .deanprof-td
{
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -o-animation-duration:.5s;
    animation-delay: .5s;
}