.tab-header{
    padding: 25px 0px 30px 0px;
}
#modal-graph-prompt{
    min-height: 60px !important;;
}

#meme-makingspace{
    border:  10px solid black;
    padding: 20px;
}

#btn-prepareshare{

}

#giphykeywords{

}

.image-content{
    padding:  0px;
}


#meme-mainbar{
    text-align: right !important;
    width: 100%;
    display: inline-block;
}

#datameme-container{
    width:  700px !important;
    border: 5px solid #000000;
    padding: 0px;
}

#tab-bar{
    padding-top: 7px;
}

.graph-card{
    border: 2px solid rgba(134, 182, 253, 0.46) !important
}

#panel-side{
    /*background: #eaeaea;*/
    padding: 10px;
}

#panel-side-content{
    /*
    max-height: 450px;
    overflow-y:scroll; 
    padding: 0px;
    */
}

#panel-main{
    min-height: 300px;
}


#panel-main-content{
    /*width: 475px;*/
    min-height: 150px;
    background: #eeeeee;
    position: relative;
    background-size: 100% 100%;
    padding: 0px;
}

#chart{
    display: inline-block;
    position: relative;
}


#chart-label{
    background: black;
    position: relative;
    /*width: 475px;*/
    vertical-align: middle;
    padding: 0px 0px 0px 10px;
    color: #ffffff;
    display: inline-block;
    width: 100%;
    font-size: 14px;
    color: #d2d2d2;
}

.meme-byline{
    background: black;
    color: white;
    padding: 5px 0px 5px 15px;
}

#meme-toolbar{
    background: black;
    opacity: 0.7;
    position: absolute;
    padding: 2px;
    color: white;
    text-align: right;
    right: 10px;
    margin-top: 10px;
}
.chart-main-img{
    padding: 0px;
}

.meme-example-card{
    cursor: pointer;
}

.meme-text{
    position: absolute;
    padding: 0px 10px 50px 10px;
    bottom: 0;
    z-index: 100;
    color: #ffffff;
    font-size: 30px;
    font-family: impact;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    letter-spacing: 1px;
  text-shadow:2px 2px 0 #000,
  -2px -2px 0 #000,
  2px -2px 0 #000,
  -2px 2px 0 #000,
  0px 2px 0 #000,
  2px 0px 0 #000,
  0px -2px 0 #000,
  -2px 0px 0 #000,
  2px 2px 5px #000;
}

.meme-text-sm{
    font-size: 20px;
    margin-top: 20px
}

#btn-find-image{
    color: white;
    border: 4px solid #0e6efd;
}

#panel-toolbox{

}
#panel-toolbox-content{
    min-height: 450px;
}

#data-source-selector{
    background: transparent;
    border-color: #ffffff;
    color: #ffffff;
    padding: 0px;
    margin: 0px;
}

.navbar-inverse{
    margin-bottom: 0px !important;
}

.giphy-search-card{
    /*width: 45px;*/
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

#footer-div{
    padding: 50px 10px 50px 10px;
    background: #eeeded;
    margin-top: 100px;
    border-top: 2px solid #e3e3e3;
    color: #787878;
    text-align: center;
    font-size: small;
}

#side-dataselect-menucol{
    border-right: 3px solid #0e6efd;
    padding-right: 0px;
}

#data-description{
    
}

/*
OVERRIDES OF BOOTSTRAP CSS
*/

.carousel-control-prev{
    left:  -70px !important;
}
.carousel-control-next{
    right:  -70px;
}
.carousel-indicators{
    bottom:  -40px;
}

.toast{
    background:  white !important;
    border: 1px solid #cccccc;
}