.ui-widget{
	font-size:12px;
}

@media (min-width: 700px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
        max-width: 763px;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }

    .navbar-header {
    	margin: 0 auto;
	}
}

@media (min-width: 700px) {
	.navbar {
	    max-width: 763px;
	    height: 45px;
	}
}

.navbar-default {
    width: 763px;
    background-color: #515151;
   	border-radius: 10px;
    position: absolute;
    left: 0px;
    right: 0px;
}

@media (min-width: 300px) {
	.modal-content {
	    margin: 10% auto;
	    max-width: 400px;
	}
}

ul > li > span {
	color: gray;
    font-size: 1.5em;
}

ul > li > span:hover {
	color: #fff;
}

.slider {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}

.slick-slide {
	border: 2px solid #333;
    background: rgba(51, 51, 51, 0.49);
    color: white;
    padding: 10px 10px;
    font-size: 30px;
    font-family: "Arial", "Helvetica";
    text-align: center;
}

.slick-prev:before, 
.slick-next:before {
    color: white;    
}

.slick-dots {
    bottom: -25px;
}

.dropdown-menu {
	min-width: 0px;
	background-color: #333;
}

.dropdown-menu > li > a {
	padding: 3px 0px;
}

.dropdown-menu > li > a:hover {
	padding: 3px 0px;
	background-color: gray;
}

#menu1 {
	background-color: #515151;
}

#menu1:hover{
	background-color: gray;
}

.slick-a:before {
    font-family: "Glyphicons Halflings", "slick", sans-serif;
    font-size: 40px;
}

.slick-a:before { content: "\e258"; }

.close-thumb {
	z-index: 1002;
}

.auto-flip-page {
	background: #1E90FF!important;
}

.set-on-glass {
    background: #1E90FF!important;
}

.stop-flip-page {
	background: #1e90ff!important;
}

.button-flip-page {
	background: #EDED13!important;
}

.button-default-flip-page {
	background: gray!important;
}

#five-sec:hover {
	background: #00FFFF;
}

#ten-sec:hover {
	background: #00FFFF;
}

#fifteen-sec:hover {
	background: #00FFFF;
}

#twenty-sec:hover {
	background: #00FFFF;
}

#stop-flip:hover {
	background: #00FFFF;
}

.radio + .radio, .checkbox + .checkbox {
    margin-top: 0px;
}

.pre-scrollable {
    max-height: 440px;
}

input[type="checkbox"]:checked + label:after {
    content: '✔';
    display: inline-block;
    font-size: 5em;
    color: green;
    pointer-events: none;
}

.glyphicon-triangle-top:before {
    color: red;
}

.glyphicon-triangle-bottom:before {
    color: red;
}

.tags-selected {
	background: #aecc16;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: hidden;
}

.flexcroll{
    scrollbar-face-color: #367CD2;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #FFFFFF;
}

/* Let's get this party started */
.flexcroll::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
.flexcroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
.flexcroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,0,0,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

/* Social Share */
.glyphicon-star:before {
    color: #fff;
}

#myModalLabel-share-sns {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ Pro",メイリオ, Meiryo,Osaka,"ＭＳ Ｐゴシック", "Helvetica", "Verdana", sans-serif;
}

.at-icon-wrapper {
    display: inline-block;
    overflow: hidden;
}

.at-icon-wrapper:hover {
  transform: translate3d(0px,15px,15px);
  -webkit-transform: translate3d(0px, 15px, 15px);
  box-shadow: 0px 1px 0px 0px;
}

.modal-backdrop.in {
    width: 0px!important;
}