body{font-family:"Open Sans",arial,sans-serif}
/*navbar*/
.navbar-default{background-color: transparent; border-color: transparent}
.navbar-brand{display: block;}

/*headings*/
h1{font-family:"Open Sans",arial,sans-serif; font-weight:normal;}

/*favicons*/
i{padding-right:3px;}

/*crumb*/
.breadcrumb{background:none;}

/*alerts*/
.alert{padding:5px 15px; border-radius:12px;}
.alert-warning{background-color:#FFFCDF; border-color:#ffe375;}
.fa-warning::before, .fa-exclamation-triangle::before{}

/*dashboard panels*/
.dashboard .panel ul{list-style-type: circle}
.panel{border-radius:20px;}
.panel-default > .panel-heading{background:#eff6f9; border-radius:20px 20px 0 0}
.panel-default > .panel-heading h3{color:#0084B5; font-size:1.5em;}
/*icons*/
.panel-heading h3:before{margin-right:7px; color:#2ab544; font-size:1.2em;}
.panel-heading h3.pricing:before{font-family:fontAwesome; content:"\f153";}
.panel-heading h3.codes:before{font-family:fontAwesome; content:"\f03a";}
.panel-heading h3.products:before{font-family:fontAwesome; content:"\f1b9";}
.panel-heading h3.categories:before{font-family:fontAwesome; content:"\f02c";}
.panel-heading h3.retailers:before{font-family:fontAwesome; content:"\f0c0";}
.panel-heading h3.media:before{font-family:fontAwesome; content:"\f03e";}
.panel-heading h3.backups:before{font-family:fontAwesome; content:"\f0a0";}
/*search / filter panel*/
.panel-search{ background:#f6f6f6}
.panel-default > .panel-heading{background:#eff6f9; border-radius:20px 20px 0 0}
.panel-default > .panel-heading h3{color:#0084B5; font-size:1.5em;}
.tab-content .panel{margin-top:20px;}

/*tabs*/
.tab-pane h3{margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #eee}

/*footer*/
.footer{margin-top:40px; padding:20px 0;border-top:1px solid #f2f2f2; color:#444;}
.footer p{font:300 13px/1.4em 'Open Sans', arial, sans-serif}
.footer p a{color:#444}
.footer p.cookie-credit{margin-top:20px;}
/*footer nav*/
ul.footer-menu{margin:0; padding:0;}
.footer-menu >li{margin:0; padding:0; float:left; list-style-type:none; border-right:1px solid #d1d1d1}
.footer-menu li:last-child{border:0;}
.footer-menu >li a{padding:5px 10px !important; color:#444; font:300 14px/1.2em 'Open Sans', arial, sans-serif}
/*logos*/
.footer p.logos img{margin-top:10px;}
.footer p.logos{margin-top:30px;margin-left:10px; text-align:left;}



/* DESKTOP STYLES */
@media only screen and (min-width:769px){
    /*top bar*/
    .navbar{min-height:100px; margin-bottom:10px;}
    .site-title{margin:5px 0 0 20px; float:left; font-size:1.4em; color:#0084b5}
    .navbar-brand>img {float:left; }
    /*nav menu*/
    #topNav .nav{margin-top:2em; color:#fff; }
    /*menu border colour*/
    #topNav .nav li a{border-bottom:6px solid #ff9400}
    #topNav .nav .open > a,
    #topNav .nav .open > a:focus,
    #topNav .nav .open > a:hover{border-color:#ff9400}
    /*nav styles*/
    #topNav .nav > li > a{padding:14px 15px; color:#fff; background:#666;}
    #topNav .nav li:first-child a{border-radius:20px 0 0 20px}
    #topNav .nav li:first-child a:before{font-family: "fontAwesome"; content:"\f015"; color:#fff; display: inline-block; margin-right: 5px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); margin-bottom: -1px;}
    #topNav .nav li:last-child a{border-radius:0 20px 20px 0}
    #topNav .nav li.active a{color:#fff;background:#444;}
    #topNav .nav li a:hover,
    #topNav .nav li.active a:hover{color:#fff;background:#444;}
    #topNav .nav > .open > a, .nav > .open > a:focus, .nav > .open > a:hover{color:#fff;background:#444;}
    /*dropdown menu / sub menu */
    #topNav .dropdown-menu{padding-bottom:16px; background-color:#666; border-radius:4px 4px 20px 20px;}
    #topNav .nav ul.dropdown-menu li a{border:0; color:#fff;}
    /*hover / active*/
    #topNav .nav li.active ul.dropdown-menu li.active a,
    #topNav .nav li.active ul.dropdown-menu li a:hover{background:#444;}
    /*clear inherited styles*/
    #topNav .nav ul.dropdown-menu li a:before{content:none}/*remove home icon*/
    #topNav .nav ul.dropdown-menu li a{border-radius:0;}/*clear inherited radius*/
    #topNav .nav li.active ul.dropdown-menu li a{color:#fff;background:#666;}/*clear active styles on sub*/


    /*footer*/
    .align-right{text-align:right;}
}