/*font css*/
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500,700);
/*font-family: 'Roboto', sans-serif;*/
#ebs-full-width-page iframe{
    border: medium none;
    overflow: hidden;
}

#ebs-full-width-page{
    width: 98%;
}
#ebs-full-width-page *{
    font-family: 'Roboto', sans-serif;
}
#ebs-full-width-page .fa{
    font-family: FontAwesome;
}
#ebs-full-width-page  .glyphicon{
font-family: 'Glyphicons Halflings';
}


#ebs-full-width-page .ui-widget{
    font-size: 14px;
}
#ebs-full-width-page .ui-tabs-vertical{
    width: 100%;
}
#ebs-full-width-page .ui-tabs{
    padding: 0;
}
#ebs-full-width-page .ui-tabs-vertical .ui-tabs-nav{
    width: 16%;
}
#ebs-full-width-page .ui-widget-header {
    background: #DDDDDD;
    padding: 80px 0 80px;
    border-radius: 0;
    border: medium none;
    box-shadow:0 0 6px rgba(3, 3, 3, 0.6) ;
    position: fixed;
    overflow-y:auto ;
    height: 100%;
}

#ebs-full-width-page .ui-tabs-vertical .ui-tabs-panel {
    width: 82%;
    /*padding: 0;*/
}
#ebs-full-width-page .ui-tabs .ui-tabs-nav li{
    background: none;
    /*border-bottom:1px solid #ccc;*/
    border: medium none;
    font-size: 14px;
    margin: 0;
    text-align: right;

}

#ebs-full-width-page .ui-tabs .ui-tabs-nav li a{
    border-bottom: 1px solid #AAAAAA;
    border-top: 1px solid #EEEEEE;
    color: #444444;
    text-shadow: 1px 1px 0 #EEEEEE;
    width: 100%;
    outline: none;
}
#ebs-full-width-page  .ui-widget-content{
    background: #fff;
    border: medium none;
    position: relative;
    top: 40px;
    /*padding: 0 10px 40px 0;*/
    padding: 0;
    margin: 0;
}


/*active css*/

#ebs-full-width-page .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background: #039EDC;


}
#ebs-full-width-page .ui-tabs .ui-tabs-nav li.ui-tabs-active a{
    text-shadow: none;
    color: #fff;
}


/*hover css*/

#ebs-full-width-page .ui-tabs .ui-tabs-nav li:hover{
    /*padding: 0 10px;*/
    background: #039edc;
}
#ebs-full-width-page .ui-tabs .ui-tabs-nav li:hover a{
    color: #fff;
    text-shadow: none;
}


/*demo page header css*/

#ebs-full-width-page .ebs-demo-header{
    background: #fff;
    box-shadow:0 0 6px 0 rgba(3, 3, 3, 0.6) ;
    padding: 10px 30px;
    position: fixed;
    width: 100%;
    z-index: 10;
}
#ebs-full-width-page .ebs-demo-header h2{
    font-size: 18px;
}




.ebs_image_section ul li {
    display: inline-block;
    margin: 0 7px 0 0;
}


.ebs_pro_new, .ebs_pro_enhanced,.ebs_pro_new_addon{
    background:#F90000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;

    height: 8px;
    left: 10px;
    position: absolute;
    top: 14px;
    width: 8px;
}
.ebs_pro_enhanced{
    background:#198DDC;
}.ebs_pro_new_addon{
    background:#0EA00C;
}
#ebs-full-width-page .ui-tabs .ui-tabs-nav li.ui-tabs-active .ebs_pro_enhanced,
#ebs-full-width-page .ui-tabs .ui-tabs-nav li.ui-tabs-active .ebs_pro_new,
#ebs-full-width-page .ui-tabs .ui-tabs-nav li.ui-tabs-active .ebs_pro_new_addon{
    background: #fff;
}
.pro_new_enhanced {
    float: left;
    margin: 0 0 0 80px;
}
.pro_new_enhanced ul{
    margin: 3px 0 0;
    padding: 0;
}
.pro_new_enhanced ul li:first-child,
.pro_new_enhanced ul li:nth-child(2){
    margin: 0 10px 0 0;
}
.pro_new_enhanced ul li{
    border: 1px solid #B7B7B7;
    -webkit-border-radius: 54px
    -moz-border-radius: 54px;
    -ms-border-radius: 54px;
    border-radius: 54px;
    display: inline-block;
    height: 26px;
    line-height: 22px;
    list-style: none outside none;
    padding: 0 10px;
    width: 140px;
}
.pro_new_enhanced ul li label{
    font-size: 12px;
    font-weight: normal;
}
.pro_new_enhanced .ebs_pro_new,
.pro_new_enhanced .ebs_pro_enhanced,
.pro_new_enhanced .ebs_pro_new_addon
{
    float: right;
    left: 0;
    position: relative;
    top: 8px;
}

.mCSB_inside > .mCSB_container {
    margin-right: 20px !important;
}



/*loading css*/


.loading-img-outer {
    left: 0;
    position: relative;
    text-align: center;
    top: 200px;
}
.loading-img-outer {
    text-align: center;
    transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;

}
.loading-img-outer img{
    animation:2s linear 0s normal none infinite clock;
}

.dimension_changer {
   
display: inline-block;
height: 36px;
width: 53px;
}
/*.dimension_changer:hover, */.active_dimension{
/*border: 1px solid rgba(219, 219, 219, 0.8);*/
/*border-radius: 5px;*/
background-color: rgb(235, 235, 235) !important;
}

@keyframes clock
{
    from { transform: rotate(0); }
    to { transform: rotate(360deg); }
}

.ebs_title {
text-shadow: rgb(204, 204, 204) 0px 1px 0px, rgb(201, 201, 201) 0px 2px 0px, rgb(187, 187, 187) 0px 3px 0px, rgb(185, 185, 185) 0px 4px 0px, rgb(170, 170, 170) 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 6px 1px, rgba(0, 0, 0, 0.1) 0px 0px 5px, rgba(0, 0, 0, 0.3) 0px 1px 3px, rgba(0, 0, 0, 0.2) 0px 3px 5px, rgba(0, 0, 0, 0.25) 0px 5px 10px, rgba(0, 0, 0, 0.2) 0px 10px 10px, rgba(0, 0, 0, 0.15) 0px 20px 20px;
font-size: 27px;
}