@font-face {
    font-family: 'Roboto';
    src: url('roboto-regular-webfont.woff2') format('woff2'), url('roboto-regular-webfont.woff') format('woff'), url('roboto-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Regular'), url('Roboto-Regular.woff') format('woff');
}


@font-face {
    font-family: 'Roboto Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Italic'), url('Roboto-Italic.woff') format('woff');
}


@font-face {
    font-family: 'Roboto Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Bold'), url('Roboto-Bold.woff') format('woff');
}


@font-face {
    font-family: 'Roboto Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Bold Italic'), url('Roboto-BoldItalic.woff') format('woff');
}


@font-face {
    font-family: 'Roboto Thin';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Thin'), url('Roboto-Thin.woff') format('woff');
}


@font-face {
    font-family: 'Roboto Thin Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Thin Italic'), url('Roboto-ThinItalic.woff') format('woff');
}


@font-face {
    font-family: 'Roboto Light';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Light'), url('Roboto-Light.woff') format('woff');
}


@font-face {
    font-family: 'Roboto Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Light Italic'), url('Roboto-LightItalic.woff') format('woff');
}


@font-face {
    font-family: 'Roboto Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Medium'), url('Roboto-Medium.woff') format('woff');
}


@font-face {
    font-family: 'Roboto Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Medium Italic'), url('Roboto-MediumItalic.woff') format('woff');
}


@font-face {
    font-family: 'Roboto Black';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Black'), url('Roboto-Black.woff') format('woff');
}


@font-face {
    font-family: 'Roboto Black Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Black Italic'), url('Roboto-BlackItalic.woff') format('woff');
}


.vistcard {
    display:flex;
    flex-direction:row;
}
.profilepic {
    flex: 30%;
}
.profileText
{
    font-weight:bold;
    text-align:center;
    padding-top:4%;
}
.ProfileDescription {
    padding-left: 5%;
    flex: 70%;
}
.studentssearchHeading
{
    padding: 2%;
    font-weight:bold;
    font-size:150%;
}
.DoubtHead {
    font-weight: bold;
    padding-bottom: 2%;
    font-size: 135%;
}
.DBtUserNAme
{
    font-weight:bold;
    font-size:125%;
}
.dbtFile
{
    text-align:right;
}
.DBtComments
{
    padding-top:2%;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
    content: url("../img/svg/icons/upload.svg") !important;
   border-left:none;
   background-color:white;
}
.DeleteSection
{
    padding-top:2%;
    text-align:center;
}
.paddingtop2p{
    padding-top:2%;
}
 .remove-link {
    text-decoration: none !important;
}
div.scroll {
   
    width: 100%;
    height:600px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 20px;
}
.text-success{
    color:green!important;
}
.menu-border {
    border-bottom: 1px solid #c1c1c1 !important;
    border-top: 1px solid #c1c1c1 !important;
}

.bottom-right {
    position: absolute;
    bottom: 8px;
    right: 30px;
}
.bottom-left {
    position: absolute;
    bottom: 8px;
    left: 30px;
}
.container-image {
    position: relative;
    text-align: center;
    color: white;
}
/*=================*/