/**
        * set padding to make room for bootstrap menu
        *
        */
body {
    padding-top: 35px;
    padding-bottom: 30px;
    background-color:#f3f5f8 !important;
}
div#CurrentSelections{
    position:fixed !important;
    z-index:9999;
}
.bg-white{
    background-color:#FFF;
}
#B11{
	height: 450px !important;
}
.row div.qvobject, div.qvplaceholder {
    padding: 7px !important;
}
.h-g * {
    font-size: 1.1rem !important;
}
.h-g{
    height: 90px !important;
    padding: 0 !important;

}
.filter * {
    padding: 0px 3px !important;
}
/*
* need to set the height for objects
* set top padding to make room for selection toolbar
*/
div.qvobject, div.qvplaceholder {
    padding: 5px;
    height: 400px;
}
.height .qvobject{
    height:380px !important;
}
div#QV70 {
    min-height: calc(100vh - 160px);
}
div#QV09 .qv-object-wrapper{
    background-color:#FFF;
}
#flt3,#flt5{
    height:230px;
}
.qcmd {
    cursor: pointer;
}
#aa1,#ba1{
    height:64px ;
}

div#aa7 {
    height: 545px !important;
}
.fields .qvobject{
    height:150px;
}
div#mainobj1, div#ttd1,div#ttd2,div#ttd3,div#ttd4,div#ttd5,div#ttd6 {
    height: 300px;
}
#objee8,#objee9,#objee10,#objee18,#objee19,#objee20{
    height:150px !important;
}
#flt1,#flt2,#flt9,#flt10,#flt6660,#flt1540{
    height:340px !important;
}
#flt4{
    height:460px;
}
#graph6{
    min-height: 600px;
}
#map1{
    height:430px !important;
}
.filter_upp .qvobject, .ddb{
    height:62px !important;
}
div#ttd1, div#ttd4 {
    padding-right: 15px !important;
}
div#ttd2, div#ttd5 {
    padding-left: 15px !important;
}


.btn:not(.btn-success) {
    background-color: #dce2eb;
}

#popup {
    background-color: #7f8c8d;
    color: #FFFFFF;
    position: fixed;
    padding: 10px;
    margin: 10px;
    bottom: 0;
    right: 0;
    display: none;
    border-radius: 5px;
}

/*
 * Overrides Bootstrap navbar z-index to avoid conflict with selections bar
 */
.navbar-fixed-top {
    position: relative;
    z-index: 100;
}
div#QV23, div#QV88 {
    height: 200px;
}
.btn {
    margin: 15px 10px 5px 10px;
}
.no-pod{
    padding-top:0 !important;
}
.w-7{
    width: calc(100% / 7 - 4px);
    display: inline-block;
    height:130px !important;
}
.top{
 /* height:130px !important;*/
}
div.b .w-7{
    width: calc(100% / 6 - 4px);

}
.w-79{
    width: calc(100% / 8 - 4px);
}
.w-10{
    width: 100%;
    display: inline-block;

}
div#QV09 div, div#QV52 div{
    background-color: transparent;
}
.container.LEFT {
    width: auto;
}
.filter{
    height:72px !important;
    padding-top:0 !important;
    width:100% !important;
    display:inline-block;
}
.filterb{
    height:75px !important;
    padding-top:0 !important;
    display:inline-block;
}
#QV099, #QV0100{
    width:155px !important;
    display: inline-block;
    padding: 0;
    vertical-align: bottom;
}
#QV099 div, #QV0100 div{
    background-color:transparent;
}
.h-f{
    height: 60px !important;
    padding: 0 !important;

}
.qv-object-wrapper.ng-scope.ng-isolate-scope {
    background-color:#FFF;
    padding: 5px;
}
.mesh{
    width:calc(100% / 7 - 4px);
    display:inline-block;
    height: 50px !important;
    padding: 0 !important;
}
.btn{
    border:0;
}
@media only screen and (max-width: 780px){
    .cl-inner-container.cl-desktop-container.LEFT{
        overflow:vissible;
    }
    div#QV099, div#QV0100 {
        height: 62px !important;
    }
    .filter{
        height:150px !important;
    }
    .w-7{
        width: calc(100% / 2 - 4px) !important;
    }
    .mesh{
        width: calc(100% / 2 - 4px) !important;
    }
    .h-g {
        height: 255px !important;
    }
    .b.w-7:last-child{
        width: calc(100% / 2 - 4px) !important;
    }
    .qv-object-cl-horizontalselectionbar .cl-inner-container.LEFT{
        display:block;
    }
    .container.SMALL.LEFT {
        width:50% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .container.SMALL.LEFT:last-child{
        width:20px;
    }
}
@media only screen and (max-width: 970px){
    .w-79{
        width: calc(100% / 4 - 4px);
    }
    .w-10{
        width:100%;
    }
    .h-f {
        height: 105px !important;
    }
    .w-7{
        width: calc(100% / 3 - 4px);
    }
    .mesh {
        width: calc(100% / 3 - 4px) !important;

    }

    .w-7:last-child{
        width:100%;
    }
    .filter{
        width:100% !important;
    }
    #QV099, #QV0100{
        width:100% !important;
    }

}
