/* === Summary feature ===*/

.CameraLabel {
    top: 10px;
    position: absolute;
    right: 10px;
    z-index: 2;
}

/* === End summary feature === */



/* ==== TAGGING ==== */



.tagMonitor{
    position:absolute;
    bottom:10px;
    right:10px;
    z-index: 2;
}

.werfTags{
    margin-left:2px;
}

.newTagButtonHeading{
    position:relative;
}

.newTagButtonHeading .addTagButton{
    position:absolute;
    top:11px;
    right:10px;
    
}

.glowyTags:hover, .glowyTags.active{
    filter:progid:DXImageTransform.Microsoft.Glow(Color=white,Strength=5);
    -moz-box-shadow: 0 0 5px 3px white;
    -webkit-box-shadow: 0 0 3px 5px white;
    box-shadow: 0px 0px 5px 3px white;
}

.glow{
    .glowyTags:hover, .glowyTags.active
    filter:progid:DXImageTransform.Microsoft.Glow(Color=white,Strength=5);
    -moz-box-shadow: 0 0 5px 3px white;
    -webkit-box-shadow: 0 0 3px 5px white;
    box-shadow: 0px 0px 5px 3px white;
}
/* === END TAGGING === */


.cameraInactive{
    position:absolute;
    bottom:0px;
    right:0px;
    top:0px;
    left:0px;
    margin:auto;
}

.cameraInactive > div{
    position:relative;
    width:100%;
    height:100%;
}

.cameraInactive > div > div{
    position:absolute;
    bottom:0px;
    top:0px;
    left:0px;
    right:0px;
    margin:auto;
    width:100%;
    height:20px;
    color:rgba(255,255,255,0.8);
    z-index:1;
    text-align:center;
    font-size: 20px;
    font-size: 3vw; 
}

.profilePreviewFilter{
    position:absolute;
    top:0px;
    left:0px;
    height:8px;
    left:5px;
    display:none;
}

.modalLoading{
    text-align:center;
    display:none;
}

.modalLoading img{
    width: 20px;
    height:20px;
}
.modal-header .modalLoading{
    margin-right:10px;
    margin-top:2px;
}

.profilePreviewFilter span{
    color:white;
    background-color:black;
    padding:1px;
    font-size:7px;
}

.profilesTable td.center, .profilesTable th.center{
    text-align:center;
}

.profilesTable{
    width:100%;
}

.profilesTable td, .profilesTable th{
    width:16%;
}
.profilesTable td:nth-child(2), .profilesTable th:nth-child(2){
    width:20%;
}
.itemBox{
    display:inline-block;
    margin-right:20px;
    margin-top:10px;
    /*padding:10px;*/
    border-radius: 6px;
    /*border: 1px solid #efefef;*/
    position:relative;
    width: 256px;
    height: 256px;
}

.itemBox .addItem{
    position:absolute;
    margin:auto;
    top: 0; left: 0; bottom: 0; right: 0;
    height:200px;
    text-align:center;
    height:120px;
}

.itemBox .addItem div{
    margin-bottom:10px;
}

.itemBox .arrowNextItem{
    position:absolute;
    top:0px;
    bottom:0px;
    right:-20px;
    width:20px;
    height:20px;
    margin:auto;
    text-align:center;
}

.itemBox .addItem div .btn{
    width:150px;
}

.itemBox img{
    width:256px;
    height:256px;
}

.itemBox .item{
    position:relative;
}

.itemBox .item .itemName{
    position:absolute;
    bottom:0px;
    padding:5px;
    color:white;
    background-color:black;
    left:0px;
    right:0px;
    
}

.itemBox .item .closeDiv{
    position:absolute;
    right:0px;
    color:white;
    display:none;
}

.preview img{
    max-width:80px;
    max-height:80px;
}

.block{
    display:block;
}

.timelapseTableDetails{
    width:100%;
    font-size: 0.8em;
}

ul.scroll-menu {
    display: inherit !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    overflow-scrolling: touch;
    top: 0 !important;
    height: auto;
    max-height: 500px;
    margin: 0;
}

ul.pulled-scroll-menu{
    max-height: 500px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

.loadingField{
    display:none;
}
.loadingField img{
    width:20px;
    height:20px;
}
/* http://stackoverflow.com/questions/14562457/center-oversized-image-in-div */

.thumbnailParent {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}
/*
.thumbnailParent a img{
    width:100%;
    height:100%;
}
*/
/*
.HorizontalthumbnailImage {
    
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    

}
*/
.locationThumbnailParent{
    overflow:hidden;
}
.locationThumbnailParent img{
    height:100%;
    width:100%;
    
}

.single{
    height:310px;
}

.single a img{
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}

.singleDoubleRow{
    height:150px;
}

.singleDoubleRow a img{
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}

.singleRow{
    height:310px;
}
.singleRow a img{
    height:310px;
    width:100%;
}



.doubleRow{
    height:150px;
}
.doubleRow a img{
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}
/* Breadcrum overlaping fix for IE8 */

.breadcrumb li {
    margin-right: 1px;
}

/* endfix */

/*make the modal more friendly to mobile users */
/*
.modal{
    position:absolute;
}
*/
/* Panel */

.panel {
    border: medium none;
    border-radius: 3px;
    box-shadow: none;
    background-color: #FFFFFF;
}
.panel-heading {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    font-size: 13px;
    font-weight: 400;
    padding: 15px;
    text-transform: uppercase;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background: none repeat scroll 0 0 #13455a;
    border-color: #EFF2F7;
    color: #ffffff;
}
.panel-title {
    color: inherit;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 0;
    line-height: 20px;
    display:inline-block;
}

.panel-truncate {
    width: 98%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.panel-title-help{
    display:inline-block;
}

.panel-body{
    padding: 15px;
}

.panel-margin{
    margin-bottom: 25px;
}

/* EndPanel */

/* PLOT PAGE */
.defaultPlotHeight{
    height:300px;
}

/* END PLOT PAGE

/* SETTINGS PAGE */

#accountAddUser{
    position:absolute;
    top:0;
    right:0;
}
#accountsTitleDiv{
    position:relative;
}
    


.datepicker{
    z-index:1151;
}
/* END SETTING PAGE */
/*For a z-index to work properly in all browsers, it requires it's position to be set to fixed, absolute or relative. */
/*.datepicker{ z-index:1000; position: relative; }*/


.editableContent{
    position:relative;
}
.editableContent .contentEditButton{
    position:absolute;
    top:0;
    right:0;
}

form .wideField{
    width:90%;
}

.errorlist{
    color: red;
}
.modal.large{
    width: 780px;
    margin-left: -390px; /* - width/2 */
}

.disclaimer{
    text-align:justify;
}

.streamContainer table{
    width:100%;
}
.streamContainer td{
    text-align: center;
}
.streamContainer td a{
    display:block;
    height:100%;
}
.ui-timepicker-select{
    width:100px;
}

#slide-werfmonitor{
    background-image: url('/images/werfmonitor/login_carousel/bridge1.jpg');
}

.hero-asoreco {
    margin: 0 0 60px;
    padding: 0px;
    overflow: hidden;
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
}

.hero-unit a {
    color: #bbbbbb;
}
.hero-unit{
    margin-bottom:30px !important;
}

.flexslider {
    border: 0px;
    border-radius: 0px 0px 0px 0px;
}
.slidehero {

}
.slide {
    background-repeat: no-repeat;
    background-position: left;
}
.slidehero {
    margin: 30px 0px 0px 20px;
    height: 340px;
    text-shadow: 0.1em 0.1em 0.2em black;
    color: white;
    text-align: left;
    padding-right:10px
}

.slidehero p{
    max-width: 600px;
}


.thumbnail > .default_size, .thumbnail a > .default_size{
    width:200px;
    height:160px;
}

@media (min-width: 480px) {
    .thumbnail.right-caption > img, .thumbnail.right-caption a > img {
        float: left;
        margin-right: 9px;
    }
    
    .thumbnail.right-caption {
        float: left;
    }
    
    .thumbnail.right-caption > .caption {
        padding: 4px;
    }
}

.thumbnail .caption p {
    white-space: normal;
    text-align:justify;
}

/*
 * Alternative fix for Bootstrap navbar sub menus
 * Display them all!
 */
/*
@media (max-width: 980px) {
  .dropdown ul.dropdown-menu {
    display: block;
  }
}
*/
.rotation_loader{
    text-align: center;
    padding-top: 50px;
}
.rotation_image_container{
    display:none;
}

@media (min-width: 980px) {
    body {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}
body {
    background-color: #f5f5f5;
}



.form-signin {
    max-width: 300px;
    padding: 19px 29px 29px;
    margin: 0 auto 20px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
.form-signin .form-signin-heading,.form-signin .checkbox {
    margin-bottom: 10px;
}
.form-signin input[type="text"], .form-signin input[type="password"] {
    font-size: 16px;
    height: auto;
    margin-bottom: 15px;
    padding: 7px 9px;
}

.fancybox-title-over-wrap {
    right: 0;
    left: auto !important;
    text-align: right;
}

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
#ui-datepicker-div { font-size: 12px; }

.featureList{
    margin-bottom:30px;
}

.section-header{
    margin-top:10px;
}
blockquote {
    border-left: 5px solid #d6d6d6;
}

.featureTitle{
    width : 100%;
    padding: 5px;
    color: white;
    margin-top: 0px;
}

.title_gradient_1{
    background-color: orange;
    background-image: linear-gradient(right , #FFE2B0 0%, orange 67%);
    background-image: -o-linear-gradient(right , #FFE2B0 0%, orange 67%);
    background-image: -moz-linear-gradient(right , #FFE2B0 0%, orange 67%);
    background-image: -webkit-linear-gradient(right , #FFE2B0 0%, orange 67%);
    background-image: -ms-linear-gradient(right , #FFE2B0 0%, orange 67%);
    
    background-image: -webkit-gradient(
        linear,
        right top,
        left top,
        color-stop(0, #FFE2B0),
        color-stop(0.67, orange)
    );
}

.title_gradient_2{
    background-color: green;
    background-image: linear-gradient(right , #e0ffd1 0%, green 67%);
    background-image: -o-linear-gradient(right , #e0ffd1 0%, green 67%);
    background-image: -moz-linear-gradient(right , #e0ffd1 0%, green 67%);
    background-image: -webkit-linear-gradient(right , #e0ffd1 0%, green 67%);
    background-image: -ms-linear-gradient(right , #e0ffd1 0%, green 67%);
    
    background-image: -webkit-gradient(
        linear,
        right top,
        left top,
        color-stop(0, #e0ffd1),
        color-stop(0.67, green)
    );
}

.title_gradient_3{
    background-color: purple;
    background-image: linear-gradient(right , #f2c9ff 0%, purple 67%);
    background-image: -o-linear-gradient(right , #f2c9ff 0%, purple 67%);
    background-image: -moz-linear-gradient(right , #f2c9ff 0%, purple 67%);
    background-image: -webkit-linear-gradient(right , #f2c9ff 0%, purple 67%);
    background-image: -ms-linear-gradient(right , #f2c9ff 0%, purple 67%);
    
    background-image: -webkit-gradient(
        linear,
        right top,
        left top,
        color-stop(0, #f2c9ff),
        color-stop(0.67, purple)
    );
}

.title_gradient_4{
    background-color: red;
    background-image: linear-gradient(right , #ffd4d4 0%, red 67%);
    background-image: -o-linear-gradient(right , #ffd4d4 0%, red 67%);
    background-image: -moz-linear-gradient(right , #ffd4d4 0%, red 67%);
    background-image: -webkit-linear-gradient(right , #ffd4d4 0%, red 67%);
    background-image: -ms-linear-gradient(right , #ffd4d4 0%, red 67%);
    
    background-image: -webkit-gradient(
        linear,
        right top,
        left top,
        color-stop(0, #ffd4d4),
        color-stop(0.67, red)
    );
}

.title_gradient_5{
    background-color: blue;
    background-image: linear-gradient(right , #bfccff 0%, blue 67%);
    background-image: -o-linear-gradient(right , #bfccff 0%, blue 67%);
    background-image: -moz-linear-gradient(right , #bfccff 0%, blue 67%);
    background-image: -webkit-linear-gradient(right , #bfccff 0%, blue 67%);
    background-image: -ms-linear-gradient(right , #bfccff 0%, blue 67%);
    
    background-image: -webkit-gradient(
        linear,
        right top,
        left top,
        color-stop(0, #bfccff),
        color-stop(0.67, blue)
    );
}

.title_gradient_6{
    background-color: #006159;
    background-image: linear-gradient(right , #baffee 0%, #006159 67%);
    background-image: -o-linear-gradient(right , #baffee 0%, #006159 67%);
    background-image: -moz-linear-gradient(right , #baffee 0%, #006159 67%);
    background-image: -webkit-linear-gradient(right , #baffee 0%, #006159 67%);
    background-image: -ms-linear-gradient(right , #baffee 0%, #006159 67%);
    
    background-image: -webkit-gradient(
        linear,
        right top,
        left top,
        color-stop(0, #baffee),
        color-stop(0.67, #006159)
    );
}

.supportedBrowsers img{
    width:150px;
    height:150px;
    min-width:150px;
}

.supportedBrowsers .span2{
    text-align:center;
}