@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic); @import "https://fonts.googleapis.com/css?family=Roboto:400,300,500,500italic,700,900,400italic,700italic"; @import url(/assets/plugins/font-awesome4/css/font-awesome.css); body { font-family: "PT Sans",sans-serif !important; font-size: 14px; font-weight: 300; line-height: 22px; font-color: #777; } h1, h2, h3, h4, h5, h6 { font-family: "Roboto",sans-serif !important; color:#0971b2; } p { line-height: 22px; color: #797878; } .form-control, .btn { border-radius: 1px; padding: 6px 12px; } .btn-add {display:none;} /* Start Nav Bar */ header { margin-top: 60px;} header .navbar-brand { border: 1px solid transparent; border-radius: 3px; height: 100%; margin-top: 14px; padding: 0 15px 10px; } .navbar { background: none repeat scroll 0% 0% #FFF; border-bottom: 1px solid #E0EDED; margin: 0px; padding: 0px; border: 0px none; border-radius: 0px; z-index: 1000; } .navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus { color: #FFF; background-color: #E91B23; } .navbar-brand img { height: 80px;} .navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus, .navbar .navbar-nav > .open> a, .navbar .navbar-nav > .open> a:hover, .navbar .navbar-nav > .open> a:focus { color: #FFF !important; background-color: #E91B23; border-radius: 0px; } .navbar .navbar-nav > li > a { color: #333; padding: 45px 8px 10px; margin-right: 0px; font-size: 15px; font-weight: normal; } .navbar .dropdown-menu { min-width: 220px; background: none repeat scroll 0% 0% #FFF; border-right: 0px none; border-left: 0px none; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-width: 1px 0px 3px; border-style: solid none; /*border-color: #E91B23 -moz-use-text-color;*/ border-radius: 0px; } .navbar .dropdown-menu > li { border-bottom: 1px solid #E0EDED; } .navbar .dropdown-menu > li > a { color: #333; padding: 8px 15px; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #fff; background-color: #E91B23; } .navbar-toggle { background: #E91B23; border-color: #333; margin-top: 20px; position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-collapse { width: 100%;} .top-header { background: #fff; border-bottom: 1px solid #eee; } .top-header .aux-text { display: inline-block !important; color: #999; font-size: 15px; font-weight: 500; padding: 20px 0; } .top-header .searchText { margin-top: 1px; } .btn-two { background-color: #e91b23; border: 1px solid; color: #ffffff; } .btn-two:hover, .btn-two:focus, .btn-two:active, .btn-two.active, .open .dropdown-toggle.btn-two { background-color: #d5070f; border-color: #d5070f; color: #ffffff; } .p-15 { padding: 15px !important; } /* End Nav Bar */ /* Start BreadCrumbs */ .breadcrumbs { border-top: 1px solid #E0EDED; border-bottom: 1px solid #E0EDED; background: none repeat scroll 0% 0% #FCFCFC; color: #666; } .breadcrumbs h1 { margin: 5px; padding: 14px 0px; font-size: 18px; line-height: 100%; color: #e91b23; } .breadcrumb { margin: 0px; padding: 16px 0px; background: none repeat scroll 0% 0% transparent; border-radius: 0px; } .breadcrumb > li { display: inline-block; } .breadcrumb > .active { color: #999999; } /* End BreadCrumbs */ /**********************************/ /* Side Bar */ /**********************************/ .sidebarContent .box_title_container { position: relative; width: 100%; bottom: 0px; padding: 20px 10px 20px 10px; text-align: center; border-bottom: 0px solid #fff; border-left: 0px solid #fff; background-color: #0971b2; margin-bottom: 15px; } .sidebarContent .title_icon { position: relative; border: 0px solid #fff; margin: 0 auto; top: 0px; width: 150px; display: inline-block; } .sidebarContent .box_title_container h2 { font-size: 22px; margin-top: 0px; } /* Start Footer */ footer .col p { color: #ccc; font-size: 13px; margin-bottom: 10px; } footer { background: #232323; min-height: 30px; padding-bottom: 20px; padding-top: 15px; margin-top: 50px; } footer h4 { color: #ccc; font-size: 14px; margin-bottom: 20px; margin-top: 20px; text-transform: capitalize; } footer .col ul { color: #8f8f8f; list-style: none; margin: 0; padding: 0; } footer .copyright { color: #FFF; } footer a { color: #ccc; text-decoration: none; } footer a:hover { text-decoration: underline; } /* End Footer */ /* Start Media */ @media (max-width: 767px) { header { margin-top: 70px;} #wrap { padding-top:100px; } .breadcrumbs { display:none; } .navbar .navbar-nav > li > a { padding: 6px 20px 6px; } .top-header a { margin-top: -10px; font-weight: 600; } .nav>li { border-bottom: solid 1px #eeeeee; } .navbar-default .navbar-toggle { border-color: #E91B23; } .navbar-default .navbar-toggle .icon-bar { background-color: #0971b2; } .navbar-toggle { margin-top: 35px; border: 2px solid transparent; } .rightSide { width: 100%; } .leftSide { width: 100%; } } @media (min-width: 768px) { #wrap { padding-top: 35px; } } @media (min-width: 992px) { #wrap { padding-top: 20px; } } @media (min-width: 1200px) { #wrap { padding-top: 0px; } } /* End Media */