.itopplus-background {

}


.navbar-default .navbar-toggle .icon-bar {
    background-color: #0c38e6;
}
.navbar-inline .text-bar {
    position: relative;
    top: 1px;
    color: #0c38e6;
}
.navbar-default .navbar-brand {
    color: #0c38e6;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    background-color: #f7ce2b;
    color: #133ddf;
}
.navbar-default .navbar-nav .open .dropdown-menu .menu-item>a, .navbar-default .navbar-nav .open .dropdown-menu>.divider, .navbar-default .navbar-nav .open>.dropdown-menu {
    background: #f7ce2b;
}
@media (max-width: 768px){
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #0c38e6;
}
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #f7ce2b;
    border-color: #428bca;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    background-color: #f7ce2b;
    color: #555;
}

.ui.segment:last-child {
    margin-bottom: 0;
    font-size: 18px;
    font-family: QuarkBold;
}

.form-control {
  font-size:16px!important;
  	font-family: QuarkBold;

}
.form-horizontal .control-label {
   font-size:18px;
	font-family: QuarkBold;
}
.label {
	font-family: QuarkBold;
}
button.btn.btn-default.ng-binding {
  	font-family: QuarkBold;
    font-size: 18px;
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-family: QuarkBold;
    font-size: 20px;
}

.navbar-default .navbar-nav>li>a{
	font-family: supermarket;
    font-size: 1.3em;
    font-weight: bold;
  	color: #0c38e6;
}

.navbar-default {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8db2b+0,f7ba2b+50,f79e2b+100 */
    background: #f8db2b; /* Old browsers */
    background: -moz-linear-gradient(top,  #f8db2b 0%, #f7ba2b 50%, #f79e2b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f8db2b 0%,#f7ba2b 50%,#f79e2b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f8db2b 0%,#f7ba2b 50%,#f79e2b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8db2b', endColorstr='#f79e2b',GradientType=0 ); /* IE6-9 */
}


/* Medium Devices, Desktops */
@media only screen and (min-width : 1024px) {

h1,.h1 { font-size: 2.250em;}
h2,.h2 { font-size: 1.875em;}
h3,.h3 { font-size: 1.500em;}
h4,.h4 { font-size: 1.125em;}
h5,.h5 { font-size: 0.875em;}
h6,.h6 { font-size: 0.750em;}
p { margin: 0 0 10px;}
.navbar .nav,
.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}
#main-navbar-collapse{
  text-align:center ;
}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1366px) {
h1,.h1 { font-size: 2.250em;}
h2,.h2 { font-size: 1.875em;}
h3,.h3 { font-size: 1.500em;}
h4,.h4 { font-size: 1.125em;}
h5,.h5 { font-size: 0.875em;}
h6,.h6 { font-size: 0.750em;}
p { margin: 0 0 10px;}
.navbar .nav,
.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}
#main-navbar-collapse{
  text-align:center ;
}

}

.itopplus-background {
    background-image: none;
    background-color: #fff;
}

.itopplus-footer {
    background-image: none;
    background-color: #ffdd00;
}