/*background*/
body{
    background-color: #dddddd;
    background: rgb(126,124,148);
    background: linear-gradient(0deg, rgba(20,20,20,1) 0%, rgba(126,124,148,1) 50%, rgba(20,20,20,1) 100%); 
}
h4 {
    font-size: 1.25em;
}
a,
a span {
    display: inline-block;
}

a span {
    transition: .5s;
}
.brightlink {
    color: darkblue;
}
a:hover span {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg);
}
.darklink :active {
    color: blue;
}
/*flex-row to column query*/
.port-item {
    width: 50%;
    min-width: 0;
}
.bottom-iframes{
    overflow: hidden;
}
@media screen and (max-width: 768px) {    
    #bars {
        flex-direction: column !important;
    }
    .img-responsive {
        display: none;
    }
    .port-tex{
        font-size: 11px;
    }
    .port-item {
        width: 100%;
    }
    .port-head{
        font-size: 4em;
        overflow: no-content;
    }
    .port-icon {
        font-size: 4em;
    }
    .changetext{
        text-align: center !important;
    }
}
@media screen and (max-width: 568px) {        
    #myname{
        font-size: 3em;
    }
    .port-item {
        font-size: 12px;
    }

}

@media screen and (max-width: 380px) {  
    #myname{
        font-size: 1em;
    }
    .port-item {
        font-size: 8px;
    }
}
.card-deck-history {
    /* display: flex;
    flex-wrap: wrap; */
    justify-content: center;
}
/*Collapse Effects*/
/* .collapse{
    transition: height 0.8s ease;
}

#sumup {
    transition: height 0.5s ease;
} */
#sumup.collapsing{
    transition: height 0.2s ease;
}
.philosophy-text {
    line-height: 1.6
}
/*Badges*/
.badge {
    white-space: normal !important;
    word-break: break-word;
}
/*Unordered List*/ 
.text-align-left{
    /*display: inline-block;*/
    text-align: left;
}
.break-word {
    overflow-wrap: break-word; /* linebreak */
    word-wrap: break-word; /* support old broswers */
    hyphens: auto; /* conditional dash */
  }
/*background color class*/
.bg-black{
    background-color: black;
}
.bg-silver{
    background-color: #dddddd;
}
/*images*/
img{
    width: 100%;
    height: 100%;
}
.card-img-bottom{
    width: 100%;
    height: auto;
}
.img-max-size {
  
  /* Responsive images (ensure images don't scale beyond their parents) */
  max-width: 50%;
  /* Part 1: Set a maxium relative to the parent */
  width: auto\9;
  /* IE7-8 need help adjusting responsive images */
  height: auto;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
/*text*/
.text-44 {
    /*background-color: #5BC0DE;*/
    -webkit-text-stroke: 1px black;
}

.invisible{
    display: hidden;
}


.dollar-signs {
    font-size: 2em;
    color: #28a745; /* Green color for dollar signs */
}

/*Iframe Video*/
.iframeCenter {
    margin: 0 auto;
    display: block;
}
/*Background Color*/

/*Responsive Size
html {
  font-size: 1rem;
}

@include media-breakpoint-up(sm) {
  html {
    font-size: 1.2rem;
  }
}

@include media-breakpoint-up(md) {
  html {
    font-size: 1.4rem;
  }
}

@include media-breakpoint-up(lg) {
  html {
    font-size: 1.6rem;
  }
}*/
/*Hover Effects*/
#myname:hover{
    color: black;
}
#mydescription:hover {
    color: grey;
}
.hoverblack:hover {
    color: black;
    cursor: crosshair;
}
.crosshair{
    cursor: crosshair;
}
.mousepointer{
    cursor: pointer;
}
.clickcursor{
    cursor: help;
}
/*one click select*/
.selectable{
    -webkit-user-select: all;  /* Chrome all / Safari all */
    -moz-user-select: all;     /* Firefox all */
    -ms-user-select: all;      /* IE 10+ */
    user-select: all;          /* Likely future */   
}
/*///// responsive ////*/
@media only screen and (min-width: 991){
    .font-div{
        padding: 10px 0px!important;
    }
}

/*icons contact area*/
a.contacticons {
    color: #3E4551;
    text-shadow: 1px 1px 1px #ccc;
    font-size: 1.5em;
}
/*.yticon {
    color: red;
}
.yticon:hover {
    color: none;
}*/
.yticon:hover {
    color: red;
}
.fbicon:hover {
    color: #3B5998;
}


/*Progress bars*/
.boximg img{
    transition:all ease-in 500ms;
    border:1px solid black;
}	
.boximg img:hover{
    transform:scale(1.3,1.3);
    cursor:pointer;

}	
/*jumbotron tutorium*/
.tutjumbotron {
    background-image: url("../img/bg_tutorium.jpg");
    background-size: cover;
    height: 300px;
}
/*red underline text*/
.redunderline{
    text-decoration: underline crimson;
}
/*navbar*/
.sidenav {
    width: auto;
    position: fixed;
    z-index: 1;
    top: 20px;
    left: 10px;
    background: none;
    overflow-x: auto;
    padding: 8px 0;
}

.sidenav a {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 25px;
    color: #2196F3;
    display: block;
}

.sidenav a:hover {
    color: #064579;
}

.main {
    margin-left: 140px; /* Same width as the sidebar + left position in px */
    font-size: 28px; /* Increased text to enable scrolling */
    padding: 0px 10px;
}

@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}

/* Back to top button*/
#btn-back-to-top {
    position: fixed;
    bottom: 40px;
    left: 40px;
    color: #3E4551;
    display: none;
    z-index: 4;
}

#TopicsCsharp .list-group-item {background-color: #7160e8;}