/**
 * This work is licensed under a Creative Commons international license BY-NC 4.0
 * and may only be distributed and used under these terms.
 *
 * Original work by Ola Aronsson 2018
 * Courtesy of nollettnoll AB © 2012 - 2018
 */

/* Body and wrapping */

html {
    height: 100%;
    box-sizing: border-box;
    font-size: 10px;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    margin: 0;
    padding-bottom: 6rem;
    font-family: "Helvetica Neue", Arial, sans-serif;
    background-color: #F2FB7F;
}

.buttons {
    display: inline-block;
    margin-left: 46.5%;
    margin-top: 100px;
}

.contentText {
    color: #4eadff !important;
    font-family: 'Open Sans Condensed', Arial, serif !important;
    font-size: 22px !important;
    text-align: left !important;
}

.btn {
    font-size: 16px !important;
}

tr, td {
    vertical-align: middle;
    height: 70px;
    padding: 0;
}

table {
    border: none;
}

.demo {
    margin-top: 1%;
}

.demo h1 {
    margin-top: 0;
}

.info {
    background-color: rgba(189, 229, 245, 0.11);
    border: 1px #f3dbc7 solid;
    margin-left: 1px;
    margin-bottom: 15px;
    padding: 4px;
    width: 32%;
}

/* unvisited link */
a:link {
    color: #161cef;
}

/* visited link */
a:visited {
    color: #8111d6;
}

/* mouse over link */
a:hover {
    color: #28282f;
}

/* selected link */
a:active {
    color: #ef8416;
}

.gradient {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(248, 201, 17, 0.55))) fixed;
}

.h2 {
    font-family: sans-serif;
    color: #fff;
}

.chapterbox {
    position: absolute;
    left: 27%;
    max-width: 60%;
    top: 2%;
}

.btn-outline-success,
.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus {
    background-color: rgba(15, 182, 242, 0.04);
    border-color: rgba(68, 39, 162, 0.03);
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    user-drag: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
}

.twitterTable {
    position: absolute;
    top: 31%;
    left: 2%;
    overflow-y: auto;
    //transform: scaleX(-1); //Reflects the parent horizontally
   //transform:  scaleX(-1);
  direction: rtl; 
}

.twitter_direction {
   //transform:  scaleX(-1);
  direction: ltr; 
}

.pdfTable {
    top: 104px;
    padding-top: 15px;
    height: 80px;
    border-radius: 10px;
    left: 55%;
    font-family: "Open Sans Condensed, Arial, Serif";
    font-size: 28px !important;
    text-align: left !important;
    font-weight: lighter;
}

.pdfImg {
    width: 35px;
    height: 35px;
    display: block;
    background-image: url("../images/pdf.png");
    cursor: pointer;
}

.githubImg {
    width: 35px;
    height: 35px;
    display: block;
    background-image: url("../images/gitCat.png");
    cursor: pointer;
}

.githubSuperImg {
    width: 35px;
    height: 35px;
    display: block;
    background-image: url("../images/gitCatSuper.png");
    cursor: pointer;
}

.exampleImg {
    width: 35px;
    height: 35px;
    display: block;
    background-image: url("../images/example.png");
    cursor: pointer;
}

.blue {
    color: #69b2f2;
}

.green {
    color: #61e960;
}

.orange {
    color: #f2be49;
}

.red {
    color: #da88f2;
}

.prezCol {
    color: #7d8496;
}

.videoCol {
    color: #36d0d1; 
}

.demoCol {
   color: #e31728;
}

.gitSuper {
    color: #8e5adf;
}

.exampleSuper {
    color: #fda5e8;
}

.mavenImg {
    width: 35px;
    height: 35px;
    display: block;
    background-image: url("../images/maven.png");
    cursor: pointer;
    background-repeat: no-repeat;
    margin-right: -9px !important;
}

.sonatypeImg {
    width: 35px;
    height: 35px;
    display: block;
    background-image: url("../images/sonatype.png");
    cursor: pointer;
    background-repeat: no-repeat;
}

.prezImg {
    margin-top: 9px;
    width: 35px;
    height: 35px;
    display: block;
    background-image: url("../images/prez.png");
    cursor: pointer;
    background-repeat: no-repeat;
}

.videoImg {
    margin-top: 9px;
    width: 35px;
    height: 35px;
    display: block;
    background-image: url("../images/play.png");
    cursor: pointer;
    background-repeat: no-repeat;
}

.demoImg {
    margin-top: 9px;
    width: 35px;
    height: 35px;
    display: block;
    background-image: url("../images/weblogo.png");
    cursor: pointer;
    background-repeat: no-repeat;
}


.topright {
    position: absolute;
    top: 1%;
    left: 85%;
}

.btn-primary {
    background-color: red;
}

.slick-next:before {
    content: ">" !important;
}

.slick-prev:before {
    content: "<" !important;
}

.slick-prev:before,
.slick-next:before {
    color: #dc3545 !important;
    font-size: 28px !important;
    font-weight: bold !important;
}

.slick-prev {
    margin-top: 9% !important;
    left: 14% !important;
    z-index: 9000 !important;
}

.slick-next {
    margin-top: 8% !important;
    right: 0% !important;
    z-index: 9000 !important;
    content: ">" !important;
}

@media only screen and (max-width: 1026px) {
  .container {
   display: none !important;
  }
  .twitterTable {
   display: none !important;
  }
  .chapterbox {
   display: none !important;
 }
 
  .pdfTable {
    top: 110px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 15px;
    height: 80px;
    border-radius: 10px;
    left: 50%;
    font-family: "Open Sans Condensed, Arial, Serif";
    font-size: 28px !important;
    text-align: left !important;
    font-weight: lighter;
  }
}

@media only screen and (min-width: 2560px) {
  .container {
    left: 9% !important;
    margin-top: 2% !important;
    width: 100%;
    overflow: hidden;
    margin-left: 10%;
    margin-right: 0px;
    max-width: 1381px !important;
  }
}

@media (max-width: 1920px) {
  .container {
    left: 9% !important;
    margin-top: -5% !important;
    width: 100%;
    overflow: hidden;
    margin-left: 0px;
    margin-right: 0px;
    max-width: 1381px !important;
  }
}

@media (max-width: 1366px) {
  .container {
    left: 9% !important;
    margin-top: -5% !important;
    width: 100%;
    overflow: hidden;
    margin-left: 0px;
    margin-right: 0px;
    max-width: 1381px !important;
  }
}

@media (max-width: 1536px) {
  .container {
    left: 9% !important;
    margin-top: -5% !important;
    width: 100%;
    overflow: hidden;
    margin-left: 0px;
    margin-right: 0px;
    max-width: 1381px !important;
  }
}

.slick-slide {
    width: 0px !important;
    left: 262px !important;
}

.slide-image {
    width: auto;
    height: auto;
}

.logo {
    user-select: none;
    -webkit-user-drag: none;
    width: 326px;
    height: 222px;
    display: block;
    margin-top: 13px;
    margin-left: 13px;
}

/* Footer */

.footerLogo {
    color: black;
    position: relative;
    background-position: top right;
    background-repeat: no-repeat;
    background-image: url(../images/footer_logo.png);
    width: 350px;
    height: 70px;
    display: block;
}

.theGrid {
    padding-top: 12px;
    padding-left: 8px;
    padding-left: 8px;
}

.footerLeft {
    position: relative;
    height: 70px;
    background: linear-gradient(to left, rgba(255, 0, 0, 0), rgb(245, 104, 22));
    color: #7eef0d;
}

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 0px;
    text-align: left;
    border-top: 1px #3e3720 solid;
    background-color: #f3fb99;
}

.nollettnoll {
    color: #17ceed;
    font-weight: normal;
    padding-top: 23px;
    padding-right: 17px;
    text-align: right;
    margin-right: 5px;
}

.tableNoSpace {
    border-collapse: collapse;
    border-spacing: 0;
}