body {
    font-size: 1em;
    line-height: 1.4;
}

/* ==========================================================================
   Login
   ========================================================================== */
html.login{
    height: 100%;
}

body.login {
    background: radial-gradient(circle, #6B737A, #53595F);
    background-image: url('https://s3-ap-southeast-2.amazonaws.com/help.canopyapp.net/canopy-wsr/images/xmascanopy.jpg');
    background-size: cover;
    padding-top: 0px;

    background-position: center center;
    background-repeat: repeat-x;

    /*animation: animatedBackground 50s linear infinite;*/
    /*-webkit-animation:animatedBackground 50s linear infinite;*/

    height: 100%;
    overflow-x:hidden;
    overflow-y: hidden;

}

.canopynavbar li > a {
	cursor:pointer!important;
}

.canopynavbar li.uk-open > a  {
	background: #efefef;
	color:#444!important;
	}

.required-field {
	color:red;
	}


@keyframes animatedBackground {
    from { background-position: 0 0; }
    to { background-position: 100% 0; }
}
@-webkit-keyframes animatedBackground{
    from { background-position: 200 1200; }
    to { background-position: 100% 0; }
}

body.markup{
    overflow-x: hidden;
}
body.login #responseManager.error {
    margin: inherit;
    box-shadow: none;
    position: relative;
    top: auto;
    width: 336px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

body.login #responseManager.error{
    margin:inherit;
    box-shadow:none;
    position: relative;
    top:auto;
    width: 336px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
.loginPanel {
    padding: 25px;
    border: 0px solid #ccc;
    /*background: #fff;*/
    max-width: 400px;
    opacity: 0;
  color:#fff;
}
.login a:hover{
	color:#f0f0f0;
}
.login a{
	font-weight:bold;
	text-decoration:underline;
}

.loginPanel .navLogo {
    color: #666;
    float: none;
    padding: 0;
    text-shadow: none;
}	

.login footer, footer.noBg {
    width: 100%;
    position: absolute;
    background: none;
    text-shadow: none;
    color: #fff;
    bottom: 10px;
    font-size: 10px;
}
footer.noBg{
    color: #666;
}
.login .mask{
    background-color: rgba(102,102,102,0.75);
    background-color: rgba(0,0,0,0.5);
    height: 100%;
    width: 100%;
    position: absolute;
    top:0;
    left:0;
    opacity: 0;
}
.markup footer{
    padding-right:300px;
}
.login input, #signUp input{
    height: 40px !important;
}
.login input[type="password"]{
    /*width:187px;*/
    border-top: none;
}
.login .uk-form .uk-button, #signUp .uk-button{
    height: 40px !important;
}
.login a{
    color:#fefefe;
}
.btn-signup{
    padding: 20px 50px 20px 50px;
    /*color: #666666 !important;*/
    background: rgba(255,255,255,0.3) !important;
    opacity: 0;
    display: inline-block;
}
.btn-signup:hover{

    color: #fff !important;
    background-color: rgba(173,208,0,0.3) !important;
}
.login img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto
}
/* ==========================================================================
   END Login
   ========================================================================== */
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}


img {
    vertical-align: middle;
}

/* ==========================================================================
   MAIN CANOPY
   ========================================================================== */
body, html {
    height: 100%;
    min-height: 100%;
    background-color: #fff;
}



.no-js {
    padding-top: 106px;
}
h2 {
    margin-top: 0;
}
.loading {
    background: url('https://s3-ap-southeast-2.amazonaws.com/help.canopyapp.net/canopy-wsr/images/loading.gif')  no-repeat center center;
    background-attachment: fixed;
    height: 100%;
}
section {
    margin-bottom:40px;
    opacity: 1;
}
.loaded section,
.no-js section {
    opacity: 1;
    -webkit-transition: opacity 300ms ease-out;
    -moz-transition: opacity 300ms ease-out;
    transition: opacity 300ms ease-out;
}
main {
    overflow-x: hidden;
    padding: 40px 0 0 0; /* fixed footer */
    /* min-height: 100%; */
    min-height: 94.1vh;
}

.uk-form fieldset{
    border: none;
}

a,button {

    transition: background-color 0.2s linear;
}

.canopynavbar{
    background-color: #53595F;
    position: fixed;
    width:100%;
    z-index: 999;
    padding-top:0px;
    padding-bottom:0px;

}

.canopynavbar a, #offMenu a{
    color: #fff;
    font-weight: 200;

}
.canopynavbar input[type="text"]{

   /* border-radius: 5px; */
    border-color: #666;
    background-color: rgba(204,204,204,.15);
}
.canopynavbar  li > a{
    color:#fff;
    font-weight: 200;
}
.canopynavbar  li > a:hover,.canopynavbar  li > a:focus{
    /*color:#E6E31C;*/
    color:#fff;
    background:none;
}
.uk-navbar-brand{
    padding-right: 50px;
}
@media (max-width: 800px) {
    .uk-navbar-nav {
	float:right;
    }
    .uk-navbar-nav > li > a {
	padding:0 8px;
    }
}
.uk-navbar-brand a:hover{
    color:#fff !important;
}
.uk-navbar-brand span.subtitle, #offMenu span{
    font-size: 12px;
}
.uk-navbar a.uk-active, #offMenu li.uk-active > a  {
    background-color: #E6E31C !important;
    color:#666666 !important;
}

.uk-navbar-nav > li > a:hover{
    /*color: white!important;*/	
    background-color: rgba(204, 204, 204, 0.15);
}

.currentPageActive {
    color: white!important;	
    background-color: rgba(204, 204, 204, 0.3);
}
.uk-dropdown li > a{
    color:#666;
}
.uk-dropdown li > a:hover{
    color:#fff;
    background-color: #33c8ff;
}
.uk-search input{
    color:#fff;
    border-radius: 5px;
    border-color: #666;
    background-color: rgba(204,204,204,.15);
}
.uk-search:before {
    color: #ccc !important;
}
.uk-dropdown-search a, .uk-dropdown a{
    font-weight: normal !important;
}
/* ==========================================================================
   SLIDER
   ========================================================================== */
.flexslider{
    margin-bottom: 0;
    box-shadow: none;
}
.slide{
    width:100%;
    height: 400px;
    background-size: cover;
    background-position: center center;
}



.flexslider .caption.left {
    left: 50px;
    /*width: 55%;*/
}
.flexslider .caption.right {
    right: 50px;

    /*width: 55%;*/
}
.flexslider .caption, .flexslider .caption div {
    display: none;
    color: #fff;
}
.flexslider .caption {
    position: absolute;
    top: 0;

    display: block;
    text-align: left;
    overflow: hidden;

}
@media (max-width: 768px){
	.slide {
		height:	504px;
		}
		
	.recipeBadge {    	
    	padding:6px 0 18px  0 !important;
	}
    .flexslider .caption {

    }
}

@media(max-width:400px){
    .flexslider .caption.left {
        left: 0;
        right:auto;
    }
    .flexslider .caption.right {
        left: 0;
        right:auto;
    }
    .flexslider h1 {
        display: inline-block;
        font-size: 14px;

        margin-left:10%;
    }
    .flexslider h2 {
        display: inline-block;
        font-size: 11px;

        margin-left:10%;
    }
    .flexslider h3 {
        display: inline-block;
        font-size: 10px;

        margin-left:10%;
    }
    .flexslider .caption {

        /*margin-left:10%;*/
        text-align: center!important;
    }
    .flexslider .caption .element3-1, .flexslider .caption .element2-1 {
        margin-top: 2%;
    }
    .flexslider .caption .element2-2, .flexslider .caption .element2-3,.flexslider .caption .element2-4 {
        margin: 5px 0 0 0;
    }
    .flexslider h2 {
        padding:5px;
    }


}
.flexslider .caption .element-1 {
    margin-top: 30%;
}
@media (max-width: 400px){
    .flexslider .caption .element-1 {
        margin-top: 40%;
    }
}

    @media (min-width: 992px){
        .flexslider .caption .element-1 {
            margin-top: 30%;
        }

        .flexslider .caption .element-1 {
            margin-top: 30%;
        }
    }
@media (min-width: 1200px){
    .flexslider .caption .element-1 {
        margin-top: 20%;
    }
}

.flexslider h1, .flexslider h2, .flexslider h3{
    color: #ffffff;
    background-color: rgba(83,89,95,.9);
    padding: 5px 10px 5px 10px;
    margin:0;
    margin-bottom: 2px;
    display: inline-block;
}
.flexslider h1{
    font-size: 3em;
}
.flexslider h3{
    margin-bottom: 10px;
    padding-bottom: 10px;
    display: inline-block;
}
.flexslider .uk-button{
    /*background: #53595F;*/
    /*border:1px solid #fff;*/
    /*color: #fff;*/
}
.heroSlider{
    margin-top: 50px;
}
.heroSlider .flex-control-nav {
    width: 100%; position: absolute; bottom: -40px; text-align: center;
    width: 100%;
    position: absolute;
    bottom: 20px;
    text-align: center;
    z-index: 99;

}

/* ==========================================================================
   CONTENT
   ========================================================================== */
.content h1:after{


}
.content{
    background-color: #fff;
}
.sectionHeader{
    background-color: #efefef;
}

.uk-container {
    max-width: none;
    padding: 0px 35px;
}
/* ==========================================================================
   THUMBNAILS
   ========================================================================== */
#latestProducts .uk-thumbnail{
    border: 1px solid #fff;
}
.thumbnail-caption{
    text-align: left;
}
.thumbnail-title{
    font-weight: 200;
    font-size: 18px;
}
.thumbnail-subTitle{
    font-weight: bold;
}
.thumbnail-content{

}
.uk-thumbnail img{
    max-height: 250px;
}

section.content{
    /*padding-left:50px;*/
}

/* ==========================================================================
   NEWS CONTENT
   ========================================================================== */
#news{
    background-color: #BFBC00;
    /*height: 200px;*/

}
#news .newsContent{
    height: 200px;
    position: relative;
}
#news .uk-article-title, #news .uk-article-meta{
    color:#fff;
}
#news .uk-article-title{
    font-size: 22px;
    line-height: normal;
}
#news .uk-article-meta{
    font-size: 14px;
}
@media (max-width: 400px){
    #news .uk-article-title{
        font-size: 14px;
    }
    #news .uk-article-meta{
        font-size: 10px;
    }
}
#news .uk-button{
    background: none;
    border: 1px solid #fff;
    color: #fff;
}
.newsContent i{
    font-size: 60px;
    color: #ffffff;
}
.newsContent .element{
    z-index: 99;
    position: relative;
}

/* ==========================================================================
   STORIES
   ========================================================================== */
#latestStories{
    background-color: #efefef;
    padding-bottom: 20px;
}
#latestStories .storyThumb{
    height: 200px;
    background-position: center center;

    background-size: 200%;
    transition: background-size .5s;

}
#latestStories .storyThumb:hover{

   background-size: 210%;
}
/* ==========================================================================
   END STORIES
   ========================================================================== */
footer {
    /* width: 100%; */
    background: #53595F;
    text-shadow: none;
    color: #fff;
    bottom: 0;
    font-size: 10px;
    padding: 10px;
    /* position: fixed; */
    position: relative;
    clear: both;
    z-index:2000;
}
    
.page-header{
    padding-top:100px;
    background-color: #efefef;
    border-bottom: 0px solid #ddd ;
}
.page-header h1{
    font-size: 14px;
    text-transform: uppercase;
}
.uk-button-default{
    background-color: #ccc;
    color: #fff;
}
section .uk-icon-button{
    font-size: 22px;
    line-height: 65px;
    width:65px;
    height:65px;
}
@media (min-width: 768px) {
    .infoPanel {
        padding-left: 100px !important;
        position: relative;
    }
}
.infoPanel h3:after{
    display: inline-block;
    height: 10px;
    content: "";
    width: 80%;
    position: absolute;
    margin-left: 11px;
    margin-top:10px;
    /*top: 0px;*/
}
.uk-article-title{
    font-weight: 200;
}
dl dt{
    color: #999;
    font-weight: normal;
    /*font-weight: 200;*/
}
dl dd{
    /*font-size: 18px;*/
    margin-bottom: 20px;
}
.uk-navbar-toggle{
    background-color: #6A7279;
    background-color: rgba(204, 204, 204, 0.15);
}

/* ==========================================================================
   OFF MENU
   ========================================================================== */

#offMenu{

}

.uk-offcanvas .uk-search-field {
    border-color: transparent;
    background: none repeat scroll 0% 0% #1A1A1A;
    color: #CCC;
    width: 85%;
}
@media (max-width: 768px) {
    .uk-search-field:focus, .uk-search.uk-active .uk-search-field {
        width: 120px;
    }
}
@media (max-width: 400px) {
    .uk-search-field:focus, .uk-search.uk-active .uk-search-field, .uk-search-field {
        width: 110px;
    }

    .uk-navbar-brand span{
        display: none;
    }
}
.uk-offcanvas-bar{
    /*background-color: #6A7279;*/
}
/* ==========================================================================
   HEADER STYLES
   ========================================================================== */
.offcanvas-large { 
	float:left; 
	margin:30px 0px 0px 15px; 
	font-size:14px;
	transition: all 0.5s;
	}
.offcanvas-small { 
	float:left; 
	margin:15px 0px 0px 15px; 
	font-size:14px;
	transition: all 0.5s;
	}

/* Portrait tablet to landscape and desktop */
@media (max-width: 959px) {
	.offcanvas-large { 
		float:left; 
		margin:15px 0px 0px 15px; 
		font-size:14px;
		transition: all 0.5s;
	}
}

.ha-header-large {
    height: 80px;
    transition: all 0.5s;
    line-height: 80px !important;
}
.ha-header-large a{
    transition: all 0.5s;
    height: 80px !important;
    line-height: 80px !important;
}
.ha-header-large .uk-navbar-flip .uk-dropdown-search {
    margin-top: 22px;
}
.ha-header-small {
    height: 60px;
    transition: all 0.5s;
    line-height: 60px !important;
}

.uk-breadcrumb li a {
		color:#999;
}
.uk-breadcrumb li a:hover, .uk-breadcrumb li a:focus {
	color:#444;
}

.ha-header-small a {
    transition: all 0.5s;
    line-height: 44px !important;
}
@media (max-width: 768px) {
    .ha-header-large {
        height: 44px;
        transition: none;
        line-height: 44px !important;
    }
    .ha-header-large a{
        transition: none;
        height: 44px !important;
        line-height: 44px !important;
    }
    .ha-header-large .uk-navbar-flip .uk-dropdown-search {
        margin-top: 5px;
    }
    .heroSlider{
        margin-top: 40px;
    }
    .ha-header-small {
        height: 44px;
        transition: none;
    }
    .ha-header-small a{
        transition: none;
        height: 44px !important;
        line-height: 44px !important;
    }
}

.uk-dropdown {
	width:208px;
	}

.uk-navbar-nav > li > a {
    height: 44px;
    transition: all 0.5s;
}

.uk-navbar .uk-dropdown, .uk-navbar .uk-dropdown  li > a{
    height: auto !important;
    line-height: 40px !important;
    transition: background-color 0.2s;
}

.uk-navbar .uk-dropdown, .uk-navbar .uk-dropdown  li > a{
    height: auto !important;
    line-height: 40px !important;
    transition: background-color 0.2s;
}

.noiseBg{
    background-image: url('https://s3-ap-southeast-2.amazonaws.com/help.canopyapp.net/canopy-wsr/images/noise.png');
}
a, .uk-link {
    color:#a0a0a0;
}
a:hover,
.uk-link:hover {
    color: #666;
    text-decoration: none;
        }
.icon-header > div{
    margin-left:40px;
}
.icon-header > i{
    float:left;
    margin-top:3px;
}

.notifier{
    position:absolute;
    margin-top:-32px;
    margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
    width:40%;
    z-index:5000000;
}

@media (max-width: 768px) {
	.notifier {
	    width:75%;
	    padding:8px;	
 	}
}

.uk-alert.companyNotifier{
    margin-top:28px;
}
.page-header{
    padding-top:80px;
}
.page-header > div.uk-container{
    padding-top:17px;
}
.content-tabs.uk-tab > li.uk-active > a {
    border-color: #efefef !important;
    color: #444;
    border-left:1px solid;
}
.content-tabs.uk-tab > li > a {
    border: medium none;
    font-size: 18px;
    color: #6e6e6e;
    transition: color 0.2s ease 0s;
    font-size: 14px;
}
.content-tabs.uk-tab-left{
    border-right: none;
    }

.content-tabs-panel{
    background-color: #ffffff;
}
.highlight-panel-box.uk-panel-box{
    border-left:2px solid white;
}
    
.distribution-report-container {
    position: absolute;
    bottom: 0;
    left: 20%;
    right: 0;
    width: 61%;
}
.distribution-report {
    max-height: 32vh;
    overflow-y: scroll;
}
@media (max-width: 1280px) {
    .distribution-report-container {
        left: 37%;
        top: 42%;
    }
    .separator-mobile {
        display: none;
    }
}   
   
ul.gallery2    {list-style: none; margin: 0; padding: 2px;}
ul.gallery2    {list-style: none; margin: 0; padding: 2px;}
ul.gallery2 li { }
li.article2 {
    margin-bottom: 10px;
    position: relative;
    margin-right: 5px;
    margin-left: 5px;
}

.maintain{
	color : #97AABF;
}

.fluidbox-footer-hidden {
	position: fixed;
	bottom: 12.5%;
	left: 0;
	right: 0;
	opacity: 0;
	padding: 1rem 0;
	background-color: rgba(255,255,255,.75);
	z-index: 1010;
	text-align: center;
	transition: all .25s ease-in-out;
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
}

.fluidbox-footer-hidden.visible {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
}

.fluidbox-footer-hidden ul {
	display: flex;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}
	
.fluidbox-footer-hidden ul li {
	padding: 0 1rem;
}

.clear-bg{
    background-color: transparent;
}
.big-search-containter > div:first-child {
    padding-bottom: 40px;
}
.canopy-header-table{
    background-color: #fafafa
}
.canopy-header-table thead th, .uk-table-striped .canopy-border-table thead th{
    background: #f5f5f5;
    border-bottom: 1px solid #E5E5E5 !important;
}
.canopy-header-table td{
    border:none;
}
.canopy-border-outline{
    border: 1px solid #e5e5e5;
}
.canopy-border-table td {
    border-bottom: 1px solid #E5E5E5 !important;
}
.canopy-table-shaded{
    background-color: #f5f5f5;
}
.canopy-table-thin td{
    padding:0;
    border:none !important;
}
.canopy-table-thin tbody tr{
    background: none !important;
}

div.dateInput-flex input{
    width: 100% !important;
}
.canopy-remove-padding{
    padding:0;
}    
@media (max-width: 768px) {
    .page-header{
        margin-top: 44px !important;
        padding-top: 20px;
    }
}

/* mainly for tables on smaller devices */
.triggersContainer, .sidescroll {
    overflow-x: scroll;
}

.maintain-tags-form input {
    margin-right:4px;
}

.action-menu-fixed {
  z-index:2;
  position: fixed;
  top:52px;
  padding-top:0;
  background:#fff;
}

.main-panel-button-list {
    padding-right:24px;
}

#assignmentContainer {
	margin:32px 0;
}


.wrap-title {
	word-break:break-all;
}


*:focus {outline:0!important;}


.breadcrumb-background {
	background:#efefef;
	padding-top:12px;
	max-height:44px;
}

@media (max-width: 1024px) {
	#breadcrumbs {
		display:none;
	}
	.breadcrumb-background {
		background-color:transparent;
		padding-top:12px;
		max-height:44px;
	}
	.separator {
		display:none!important;
	}
}

.uk-tooltip {
    word-break: break-all!important;
 }

.uk-placeholder {
	padding:60px;	
}

#attributesContainer th {
    width: 20%;
}
#attributesContainer .two-col th {
    width: 50%;
}

            .sliding-menu { overflow: hidden; position: relative; }

            .sliding-menu ul { float: left; margin: 0; padding:0 }

            .sliding-menu li { list-style: none; margin: 0;  border-bottom: 1px solid #EFEFEF;}

            .sliding-menu a { display: block; padding: 1em; }

            .sliding-menu a:hover { background: #666; color: #FFF; }

            .sliding-menu a.nav:before { content: '\3009'; float: right; margin-left: 1em; }

            .sliding-menu a.back { background: #efefef; color: #FFF; color: #666;font-size: 12px;font-weight: bold;text-transform: uppercase;}

            .sliding-menu a.back:before { content: '\3008'; float: left; margin-right: 1em; }**/

            .magazine #my-search{
                max-width: 100%;
                padding: 4px 6px;
                border: 1px solid #DDD;
                background: #FFF none repeat scroll 0% 0%;
                color: #444;
                transition: all 0.2s linear 0s;
            }

            .browse-icon{

                width:30px;
                height:30px;
                background-color: #ccc;
                line-height: 30px;
                text-align: center;
                margin-left:15px;
            }
              .browse-thumb{

                width:60px;
                height:60px;
                
                line-height: 60px;
                text-align: center;
                margin-left:15px;
            }

        .browse-icon.campaign{
            background-color: #99CC66;
        }
        .browse-icon.campaign::before{
            content: "C";
            text-align: center;
            color: #fff;
            font-size: 22px;
        }
        
        .browse-icon.recipe{
            background-color: #99CC66;
        }
        .browse-icon.recipe::before{
            content: "R";
            text-align: center;
            color: #fff;
            font-size: 22px;
        }

   		.browse-icon.product{
            background-color: #99CC66;
        }
        .browse-icon.Product::before{
            content: "P";
            text-align: center;
            color: #fff;
            font-size: 22px;
        }
        
        .browse-icon.magazine{
            background-color: #97AABF;
        }
        .browse-icon.magazine::before{
            content: "M";
            text-align: center;
            color: #fff;
            font-size: 22px;
        }
        
        .browse-icon.video{
            background-color: #97AABF;
        }
        .browse-icon.video::before{
            content: "V";
            text-align: center;
            color: #fff;
            font-size: 22px;
        }
        
        .browse-icon.media{
            background-color: #97AABF;
        }
        .browse-icon.media::before{
            content: "M";
            text-align: center;
            color: #fff;
            font-size: 22px;
        }
        
        
        .browse-icon.offerset{
            background-color: #999999;
        }
        .browse-icon.offerset::before{
            content: "OS";
            text-align: center;
            color: #fff;
            font-size: 22px;
        }
        .browse-icon.offer{
            background-color: #95A5A6;
        }
        .browse-icon.offer::before{
            content: "O";
            text-align: center;
            color: #fff;
            font-size: 22px;
        }

        .browse-icon.fileset{
            background-color: #95A5A6;
        }
        .browse-icon.fileset::before{
            content: "FS";
            text-align: center;
            color: #fff;
            font-size: 22px;
        }


        .browse-icon.zip{
            background-color: #9B59B6;
        }
        .browse-icon.zip::before{
            content: "Z";
            text-align: center;
            color: #fff;
            font-size: 22px;
        }


              
        .browse-icon.pdf{
            background-color: #97AABF;
        }
        .browse-icon.pdf::before{
            content: "P";
            text-align: center;
            color: #fff;
            font-size: 22px;
        }
        
        .browse-icon.indd{
            background-color: #97AABF;
        }
        .browse-icon.indd::before{
            content: "IN";
            text-align: center;
            color: #fff;
            font-size: 22px;
        }
        


            .running-panel .search-header {
                background: #CCC none repeat scroll 0% 0%;

                background-color: white;
                padding:0;       

			    line-height: 47px;

            }
            .running-panel .filterfield{
                max-width: 100%;
                border: 0px solid #DDD;
                background: #FFF none repeat scroll 0% 0%;
                color: #444;
                transition: all 0.2s linear 0s;
                padding-left:15px;
            }


            .running-panel .searchHolder::before{
                content: "\f002";
                position: relative;
                top: 0;
                left: 15px;
                width: 30px;
                line-height: 30px;
                text-align: center;
                font-family: FontAwesome;
                font-size: 14px;
                color: rgba(0,0,0,.2);
            }
            .running-panel .search-header input::-webkit-input-placeholder {
                color: #ccc;
            }
            .running-panel .search-header input::-moz-placeholder {
                color: #ccc;
            }
            .running-panel .search-header input:-moz-placeholder {   /* Older versions of Firefox */
                color: #ccc;
            }
            .running-panel .search-header input:-ms-input-placeholder {
                color: #ccc;
            }

            .running-panel .tf-tree .counter-display{
                font-size: 12px;
                color: #ccc;
                padding-right: 15px;
                margin-bottom:0;
                line-height: 30px;

            }
            .running-panel .tf-tree .leaf-label{
                line-height: 30px;
            }
            .running-panel .panel-header{
                background-color: #efefef;
                padding-top: 10px;
                padding-left:15px;
                padding-right:15px;
                padding-bottom:1px;
            }
            .running-panel .panel-header h3{
                margin-bottom:10px;
            }
            .running-panel input[type="checkbox"] {
				    margin-left: 30px;
				    margin-top: 10px;
				}
				
		.tf-tree .tf-child-true.tf-open > div span {
		    font-weight: normal !important;
		}	
			.iwhite{color:#fff;}