.cbp
{height:100%;
margin:0;
padding:0;
overflow:hidden;
background:#ffffff url("../../../images/background.png");
background-size:inherit;
}
.cbp *
{font-family: 'Open Sans',Verdana,Tahoma,Arial,sans-serif;
}
.cbp *:focus
{border-radius:0;
outline:solid 1px #152C62
}
.cbp-area-header
{position:absolute;
top:0;
left:0;
right:0;
height:48px;
font-size:26px;
background:#152C62;
overflow:hidden
}
.cbp-header-buttons
{float:left
}
.cbp-header-buttons .cbp-button,.cbp-header-buttons .cbp-search-input
{float:left;
height:48px;
background:#152C61
}
.cbp-header-buttons a.button:hover
{
	background:#14337e;
}
.cbp-header-text
{padding:8px;
text-align:center;
color:gray;
white-space:nowrap
}
.cbp-header-text .cbp-strong-text
{color:#fff
}
.cbp-area-viewer
{position:absolute;
top:48px;
left:0;
right:400px;
bottom:0;
padding:0;
margin:0;
background:#ffffff url("../../../images/background.png");
background-size:inherit;
}
.cbp-area-properties
{position:absolute;
top:48px;
right:0;
bottom:0;
width:400px;
background:#ffffff;
font-size:26px;
overflow-y:auto
}
.cbp-area-browser
{position:absolute;
top:48px;
left:0;
right:0;
bottom:0;
background:#ffffff;
padding:10px;
overflow-y:auto
}
.cbp-button
{display:inline-block;
margin:0
}
.cbp-button img
{height:100%
}
.cbp-search-input
{color:#fff;
background:#ffffff;
width:200px;
padding:10px;
margin:0;
box-sizing:border-box;
border:none 0;
vertical-align:top;
height:100%
}
.cbp-property
{margin:20px;
color:#fff
}
.cbp-property select
{display:block;
width:100%;
padding:10px;
font-size:26px;
border:none;
background:#152C61;
color:#fff
}
.cbp-property input[type=range]
{-webkit-appearance:none;
-moz-appearance:none;
width:100%;
background:#152C61
}
.cbp-property input[type=range]::-ms-tooltip
{display:none
}
.cbp-property input[type=range]::-webkit-slider-thumb
{-webkit-appearance:none;
-moz-appearance:none;
height:24px;
width:16px;
background:#152C62
}


.cbp-property input[type="range"] {
 -webkit-appearance: none;
}

.cbp-property input[type="range"]:focus {
 outline: none;
}
.cbp-property input[type="range"]::-webkit-slider-runnable-track {
 background: #152C62;
 height: 5px;
}

.cbp-property input[type="range"]::-moz-range-track {
 background: #152C62;
 height: 5px;
}

.cbp-property input[type="range"]::-webkit-slider-thumb {
 -webkit-appearance: none;
 height: 15px;
 width: 15px;
 background: red;
 margin: -5px;
 border-radius: 2px;
 /*border-color: white;*/
}

.cbp-property input[type="range"]::-moz-range-thumb {
 height: 15px;
 width: 15px;
 background: red;
 margin: -5px;
 border-radius: 2px;
 /*border-color: white;*/
}


.cbp-property input[type=number]
{width:100%;
background:#152C62;
border:1px solid #152C61;
color:#fff;
padding:5px
}
.cbp-property-title
{
	color:#152C62;
	padding-bottom:1em;}
.cbp-browser-item
{display:table;
padding:10px;
width:calc(32% - 16px);
float:left
}
.cbp-browser-item .cbp-browser-item-content
{display:table-row;
background:#152C61;
color:#fff
}
.cbp-browser-item .cbp-browser-item-content:hover
{
	cursor:pointer;
background:#14337e;
}
.cbp-browser-item .cbp-browser-item-content .cbp-browser-item-image
{display:table-cell;
vertical-align:top;
background:#152C62;
width:160px;
height:160px
}
.cbp-browser-item .cbp-browser-item-content .cbp-browser-item-image-top
{display:table-cell;
vertical-align:top;
background:#152C62;
max-width:128px;
height:42px
}
.cbp-browser-item .cbp-browser-item-content .cbp-browser-item-text-area
{display:table-cell;
vertical-align:top;
padding:10px;
width:100%
}
.cbp-browser-item .cbp-browser-item-content .cbp-browser-item-text-area .cbp-browser-item-text
{display:block
}
.cbp-browser-item .cbp-browser-item-content .cbp-browser-item-text-area .cbp-browser-item-description
{display:block;
font-size:90%;
opacity:0.8
}
.cbp-page
{position:absolute;
top:0;
left:0;
right:0;
bottom:0;
visibility:hidden
}
.cbp-page-loading-text
{font-size:32px;
color:#fff;
text-align:center;
margin-top:32px
}
.cbp-page-loading-progress
{margin:20px auto;
max-width:300px;
height:5px;
background-color:#ffffff;
visibility:hidden
}
.cbp-page-loading-progress .cbp-page-loading-progress-bar
{background-color:#fff;
margin:0;
padding:0;
height:100%}@media (max-width: 800px)
{.cbp-area-viewer
{right:0;
bottom:200px
}
.cbp-area-properties
{top:initial;
left:0;
right:0;
bottom:0;
width:auto;
height:200px
}
.cbp-browser-item
{width:calc(100% - 20px);
float:none}}@media (max-height: 500px)
{.cbp-area-viewer
{bottom:0
}
.cbp-area-properties
{min-height:0px;max-height:500px;}
}

.cbp-header-buttons .tooltiptext
{
  visibility: hidden;
  width: 140px;
  background-color: #152C62;
  background:#14337e;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  /* Position the tooltip
  position: absolute;
  z-index: 2;
  right: 65px;  */
  display:inline-flex;
  position:fixed;
  z-index:10;
  top:44px;
  right:25%;
  width:50%;
  display:block;
}
.cbp-header-buttons a.cbp-button:hover .tooltiptext
{
  visibility: visible;
}

.right50{
right: 50px;
}