/*tour.styles.css*/

.build-tour
{
    top:0px;
    left:0px;
    width:50px;
    height:50px;
    position:absolute;
    background:#fff;
    z-index:2;
    border:solid 1px #000;
    box-shadow:2px 2px 12px rgba(0,0,0,0.7);
    border-radius:0px;
    transition:top 1s, left 1s, width 1s, height 1s;

}
.build-tour-wrapper{
    height:100%;
    width:100%;
    padding:20px;
    /*border:solid 1px #090;*/
    overflow:hidden;
}
.build-tour-dots
{
    position:absolute;
    bottom:0px;
    left:0px;
    border-top:solid 1px #ccc;
    padding-top:0px;
    width:100%;
    text-align:center;
    background:#fff;
}
.build-tour-dot
{
    display:inline-block;
    margin:5px 3px;
}
.build-tour-title
{
    font-weight:bold;
    text-align:center;
    border-bottom:solid 1px #ccc;
    padding-bottom:5px;
    margin-bottom:5px;
    font-size: 18px;
    color: #3592cb;
}
[tour_selected='true'].build-tour-dot
{
    color:#3592cb;
}
.tour-dot-selected { display:none; }
[tour_selected='true'] .tour-dot { display:none; }
[tour_selected='true'] .tour-dot-selected { display:inline-block; }
.tour-i {
    color:#3592cb;
}
.tour-close {
 position: absolute;
    right: 3px;
    top: 3px;
    font-size: 24px;
    color: #999;
}
[tour_id='closed']{ display:none; }

.build-tour-arrow{
    position:absolute;

}
.build-tour-arrow .fa
{
    color:#2674b4;
    font-size: 28px;
}
.build-tour-arrow[arrow='left']{
    top:0px;
    left:0px;
}
.build-tour-arrow[arrow='right']{
    top:0px;
    right:0px;
}
.build-tour-arrow[arrow='up']{
    top:0px;
    left:0px;
}
.build-tour-arrow[arrow='down']{
    bottom:0px;
    left:0px;
}
.build-tour-arrow[arrow='none'] {
    display:none;
}
.build-tour-arrow > div
{
    display:none;
    position:absolute;
}
.build-tour-arrow[arrow='left'] .tour-arrow-left{
    display:block;
    top:0px;
    left:-16px;
}
.build-tour-arrow[arrow='right'] .tour-arrow-right{
    display:block;
    top:0px;
    right:-16px;
}
.build-tour-arrow[arrow='up'] .tour-arrow-up{
    display:block;
    left:0px;
    top:-16px;
}
.build-tour-arrow[arrow='down'] .tour-arrow-down{
    display:block;
    left:0px;
    bottom:-16px;
}
.tour-arrow-inner
{
    width:32px;
    height:32px;
    border-radius:16px;
    padding:1px 3px;
    background:#fff;
    border:solid 1px #000;
}
.tour-arrow-left, tour-arrow-right
 {
     position:absolute;
     transition:top 1s;
 }
.tour-arrow-up, tour-arrow-down
 {
     position:absolute;
     transition:left 1s;
 }