body {
 	font-family: 'Quicksand_Book', sans-serif !important;
/*   padding-bottom:120px;*/
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}
main {
    flex: 1;
}

.me_button_graph{
    color: #9c9c9cde;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 4px;
    text-align:center;
}
.me_button_graph:hover {
    color:#246bb4;
}

#create_alert_box{
    border: 1px #cececece solid;
    border-radius:5px;
    box-shadow: 0 13px 27px -5px rgba(50,50,93,.25);
    -moz-box-shadow: 0 13px 27px -5px rgba(50,50,93,.25);
    -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,.25);

    opacity:0
}
.alert-container{
    box-shadow: 0 7px 15px -5px rgba(50,50,93,.25);
    -moz-box-shadow: 0 7px 15px -5px rgba(50,50,93,.25);
    -webkit-box-shadow: 0 7px 15px -5px rgba(50,50,93,.25);
    transition: all 0.3s ease;
    border: #d9ccff solid 1px;
    border-radius:3px;
    margin-bottom:1rem;

}
.me-delete-button{

    box-shadow: 0 7px 15px -5px rgba(50,50,93,.25);
    -moz-box-shadow: 0 7px 15px -5px rgba(50,50,93,.25);
    -webkit-box-shadow: 0 7px 15px -5px rgba(50,50,93,.25);
    transition: all 0.3s ease;
    cursor:pointer;
    text-align:center;
    color:#e23d3d;
    border: #ff000070 solid 1px;
    border-radius:3px;
    padding:2px 3px 2px 3px
}
.me-delete-button:hover{
    color:white;
    background-color: #e23d3d
}
.me-inactive{
    filter:alpha(opacity=40);
    opacity:0.4
}

.me-white{
	color:white;
}
.me-blue{
	color:#48B3E2;
}
.me-purple{
	color:#7494D6;
}
.me-purple2{
    color: #6b24b4;
}
.me-green{
	color:#50E3C2;
}
.me-dark-green{
	color:#24b47e;
}
.me-dark-blue{
	color:#247fb4;
}
.me-grey{
    color:#525f7f;
}
.me-pale-blue{
    color:#d9fcff;
}
.me-pale-purple{
    color:#fad9ff;
}
.me-dark{
	color:#334262;
}
.starter-template {
  padding: 3rem 1.5rem;
  text-align: center;
}
#dtBasicExample_wrapper{
    margin-top:30px;
}
.nav-item{
    transition: all 0.3s ease-in;
}
.nav-item .nav-link, .nav-item{
    transition: all 0.3s ease-in;
}

.navbar{
	background-image: linear-gradient(40deg, #3e00dc, #1a35f3, #2c63eb, #4679ec, #618eeb, #569bee, #54a8ee, #5bb3ec, #31bae8, #12c8ff, #00c4ff, #00e8ff)
}
.nav-item:hover{
    border-radius: 5px;
}
.nav-item:hover .nav-link{
    color: #ebadff !important;
    text-shadow: 0px 1px 3px #006344C0;
}


.books:hover .me_p .me_trash{
  visibility: visible;
  opacity: 1;
}
.books .me_p .me_trash{
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.2s linear;
    transition-delay: 0.1s;
}
.fa-star,.fa-star-half-alt {
    color:#ffbd00;
}

.alert{
    min-width: 250px;
    text-align: center;
    position: fixed !important;
    z-index: 1;
    width:100% !important;
    max-width: 640px;
    bottom: 0px;
    -webkit-box-shadow: 10px 10px 24px -6px rgba(0,0,0,0.56);
    -moz-box-shadow: 10px 10px 24px -6px rgba(0,0,0,0.56);
    box-shadow: 10px 10px 24px -6px rgba(0,0,0,0.56);
}


.me_subscribe1 {

  animation: bounce 0.5s;
  animation-direction: alternate;
  /*animation-timing-function: cubic-bezier(.5,0.05,1,.5);*/
  animation-iteration-count: infinite;
}

@keyframes bounce {
  from { transform: translate3d(0, 0, 0);     }
  to   { transform: translate3d(0, 5px, 0); }
}


#stripe_script{
    background-image : url("../img/logos_cc_min.png");
}
#stripe_script:hover{
    background-image : url("../img/logos_cc_soft_min.png");
}

.loader {
  position:fixed;
  z-index:9999;
  top:50%;
  left:50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;


  border: 5px solid white;
  border-radius: 50%;
  border-top: 5px solid #68c2ff;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;


}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media screen and (max-width: 55.1875em){
    #background-svg{
        width:1200px;
        overflow:none;
    }
}

.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 0.5em
}

.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 0.5em 0.75em;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  vertical-align: top
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}

.resp-sharing-button--twitter {
  background-color: #55acee
}

.resp-sharing-button--twitter:hover {
  background-color: #2795e9
}

.resp-sharing-button--pinterest {
  background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
  background-color: #8c0615
}

.resp-sharing-button--facebook {
  background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
  background-color: #2d4373
}

.resp-sharing-button--tumblr {
  background-color: #35465C
}

.resp-sharing-button--tumblr:hover {
  background-color: #222d3c
}

.resp-sharing-button--reddit {
  background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
  background-color: #3a80c1
}

.resp-sharing-button--google {
  background-color: #dd4b39
}

.resp-sharing-button--google:hover {
  background-color: #c23321
}

.resp-sharing-button--linkedin {
  background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
  background-color: #046293
}

.resp-sharing-button--email {
  background-color: #777
}

.resp-sharing-button--email:hover {
  background-color: #5e5e5e
}

.resp-sharing-button--xing {
  background-color: #1a7576
}

.resp-sharing-button--xing:hover {
  background-color: #114c4c
}

.resp-sharing-button--whatsapp {
  background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
  background-color: #1da851
}

.resp-sharing-button--hackernews {
background-color: #FF6600
}
.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {   background-color: #FB6200 }

.resp-sharing-button--vk {
  background-color: #507299
}

.resp-sharing-button--vk:hover {
  background-color: #43648c
}

.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}

.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}

.resp-sharing-button--tumblr {
  background-color: #35465C;
  border-color: #35465C;
}

.resp-sharing-button--tumblr:hover,
.resp-sharing-button--tumblr:active {
  background-color: #222d3c;
  border-color: #222d3c;
}

.resp-sharing-button--pinterest {
  background-color: #bd081c;
  border-color: #bd081c;
}

.resp-sharing-button--pinterest:hover,
.resp-sharing-button--pinterest:active {
  background-color: #8c0615;
  border-color: #8c0615;
}

.resp-sharing-button--linkedin {
  background-color: #0077b5;
  border-color: #0077b5;
}

.resp-sharing-button--linkedin:hover,
.resp-sharing-button--linkedin:active {
  background-color: #046293;
  border-color: #046293;
}

.resp-sharing-button--reddit {
  background-color: #5f99cf;
  border-color: #5f99cf;
}

.resp-sharing-button--reddit:hover,
.resp-sharing-button--reddit:active {
  background-color: #3a80c1;
  border-color: #3a80c1;
}