h1 { color:red; } #clicks{ display: none; } /*! * jQuery Tabs - jQuery plugin to create simple vertical and horizontal tabs * Copyright 2017 - Anantajit JG * https://github.com/anantajitjg/jquery-tabs */ .bcolorred{color: red;} .jq-tab-header { -webkit-box-sizing:border-box; background-color:white; box-sizing:border-box; display:-webkit-box; display:-ms-flexbox; display:flex; width:97%; margin:1em; padding:0em; margin-bottom:-1em; border-bottom:1px solid #1f73aa; } .jq-tab-wrapper.horizontal-tab { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .jq-tab-logo { -webkit-box-flex:1; -ms-flex:1; flex:1; text-align:center; } .jq-tab-namemod { -webkit-box-flex:4; -ms-flex:4; background-color:white; flex:4; text-align:center; margin-top: 0.5em; } .jq-tab-namemod strong{ font-size: 2em; } .jq-tab-namemod a { font-size:14px; } .jq-tab-footer { -webkit-box-sizing:border-box; background-color:white; box-sizing:border-box; display:-webkit-box; display:-ms-flexbox; display:flex; width:97%; margin:1em; margin-top:-1em; padding:0em; margin-bottom:-1em; } .jq-tab-button { -webkit-box-flex:4; -ms-flex:4; background-color:white; flex:4; text-align:right; padding-right:2em; } .to-button { float:right; border:none; padding:10px; min-width:80px; text-shadow:none; margin:5px 5px 5px 0px; background-color:#32373C; color:aliceblue; font-weight:700; cursor:pointer; } .to-button:hover { background-color:#1f73aa; } /******************************************************************/ /* Panel / Footer / Social List */ /******************************************************************/ .to-social-list { margin:0px; margin-top:1em; padding:0px; margin-left:20px; list-style-type:none; } .to-social-list li { float:left; } .to-social-list li a { width:30px; height:30px; display:block; } .to-social-list-envato { background-image:url( '../img/globe.png '); background-repeat:no-repeat; } .to-social-list-facebook { background-image:url( '../img/fb.svg'); background-repeat:no-repeat; } .to-social-list-info { background-image:url( '../img/info.png'); background-repeat:no-repeat; } .jq-tab-wrapper { -webkit-box-sizing:border-box; box-sizing:border-box; display:-webkit-box; display:-ms-flexbox; display:flex; width:99%; padding:1em; min-height:550px; } .jq-tab-wrapper.horizontal-tab { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .jq-tab-menu { -webkit-box-flex:1; -ms-flex:1; flex:1; background-color:aliceblue; } .jq-tab-menu .jq-tab-title { background:#d7d7d7; border-bottom:1px solid #d1d1d1; cursor:pointer; padding:1em 2em; -webkit-transition:background 0.2s; -o-transition:background 0.2s; transition:background 0.2s; font-weight:700; } .jq-tab-menu .jq-tab-title:first-child { border-top:1px solid #d1d1d1; color:black; font-weight:700; } .jq-tab-menu .jq-tab-title:hover,.jq-tab-menu .jq-tab-title.active { background:#1f73aa; border-left:5px solid #ff0000; color:white; font-weight:700; } .horizontal-tab .jq-tab-menu { display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; } .horizontal-tab .jq-tab-menu .jq-tab-title { border-bottom:none; border-right:1px solid #d1d1d1; border-left:none; } .horizontal-tab .jq-tab-menu .jq-tab-title:first-child { border-left:1px solid #d1d1d1; border-top:none; } .horizontal-tab .jq-tab-menu .jq-tab-title:hover,.horizontal-tab .jq-tab-menu .jq-tab-title.active { border-bottom:1px solid #505050; } .jq-tab-content-wrapper { -webkit-box-flex:4; -ms-flex:4; background-color:white; flex:4; } .jq-tab-content { display:none; padding:1em 1.8em; } .jq-tab-content.active { display:block; } .glyphicon-trash{ color:red; cursor: pointer; }