@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
body {font-family: 'Open Sans', sans-serif;font-size:14px;color: #000000;}
.body {background:url(../img/bg.jpg) repeat-x #fff;}
li {list-style: none;}
a {font-family: 'Open Sans', sans-serif;}
body a:hover {transition:all ease-in-out 0.30s;-webkit-transition:all ease-in-out 0.30s;-moz-transition:all ease-in-out 0.30s;-o--transition:all ease-in-out 0.30s;
    -ms--transition:all ease-in-out 0.30s;}
.container .row {padding-bottom:0px;padding-top:0px;}
body .breadcrumb {margin: 0 0 20px 0;border: 1px solid #b0afaf;border-radius:0px;}
.breadcrumb li a {color:#A6A6A6;}
.secondSection {border:1px solid #b0afaf;}
.secondSection .breadcrumb {background: #e1e0e0;padding: 10px;box-shadow: 0px 2px 5px #fff inset;border-bottom: 1px solid #fff;border:none;border-radius:0px;font-weight:500;
    font-family: 'Open Sans', sans-serif;font-size:15px;}
.clear {clear: both}

/*General style*/
header {text-align: center;color: #000;background-color:#eee;padding-top:7px;padding-bottom:10px;font-family: 'Open Sans', sans-serif;box-shadow: 0px 1px 2px #fff inset;
    border-top: 1px solid #999;font-size:13px;}
header .fa {color:#24282A;}
header a {color:#24282A;font-weight:600;}
header a:hover {color:#24282A;}

/*Login*/
.index-wrapper {background:#24282A;}
.login-logo,.form-container {margin: 0 auto;max-width: 25em;transition: all .5s ease-in-out;font-family: 'Open Sans', sans-serif;margin-top:7%;}
.login-logo {background-color:#fff;width:166px;margin:0 auto;margin-bottom:20px}
.form-container {background: white;padding: 1.5em;box-shadow: 0px 0px 1em #24282A;}
.index-wrapper .off-canvas input {border-radius: 0px}
.form-container h2 { margin: 0 0 20px 0;font-family: 'Open Sans', sans-serif;font-size:18px;color:#0077FF;}
.error { color: red;margin: .5em 0;}
label span { color: #d9534f ; }
button.btn {background-color:#0077FF;border-radius: 0px}
button.btn:hover {background-color:#174397}
.form-signin input.form-control {border-radius: 0px}

/*header menu*/
.topNav {background-color:#24282A; }
.topNav .container, .topNav .row {padding:0px;margin-bottom:0px;height: 40px}
.header-menu .navbar-top {font-family: 'Open Sans', sans-serif;background-color:transparent;border: none;border-radius: none;}
.header-menu .navbar-top li a {padding-top:10px;padding-bottom:10px;color:#ffffff;font-size:13px;}
.header-menu .navbar-default .navbar-nav>li>a {color:#fff;font-weight:600;}
.header-menu .navbar-brand {padding-top:10px;padding-bottom:10px;font-size:13px;margin-bottom: 0px;height:30px;}
.header-menu .navbar-default .navbar-brand {color:#fff;}
.header-menu .navbar-header {line-height: 10px}
.header-menu .navbar-header:hover {cursor:none}
.navbar-top.navbar {min-height: 30px}
.topNav .nav .dropdown-menu {padding:0px;box-shadow:none;background-color: #E7E7E7;border:none;width:165px;}
.topNav .nav .dropdown-menu li a {color:#000;padding-left:10px}
.topNav .nav .dropdown-menu li a:hover {background-color:#f1f1f1;color:#000;}


.beneath-topNav {background-color: #0077FF;padding-top:0px;padding-bottom:5px;border-top:3px solid #ffffff;border-top: 3px solid #fff;}
.beneath-topNav .backoffice, .beneath-topNav .row, .beneath-topNav .container {padding-bottom:0px;margin-bottom: 0px}
.beneath-topNav h1 {color:#ffffff;font-size:37px;font-weight:normal;font-style:900;font-family: 'Open Sans', sans-serif;margin:0px;margin-top:5px;}
.beneath-topNav .backoffice {padding-left:0px;}
.beneath-topNav h1 span {font-weight:400;}
.beneath-topNav-right {background-color:#ffffff;float:right;border-radius:0 0 5px 5px;padding:0px;margin: 0px;}
.beneath-topNav-right li {float: left;}
.beneath-topNav-right li a {float: left;display: block;padding:7px 10px;color:#000000;font-size:13px;text-align: center;;}
.beneath-topNav .rightMenu-blue-section {margin-top:0px;}


.main-section {padding-top:20px;}
/*Aside Accordion*/
aside.col-md-3 {padding-left:0px;}
body .panel-group .panel {border:0px none;border-radius: 0px;box-shadow: none;border-radius:0px;}
.panel-default > .panel-heading {padding: 0;border-radius: 0px;background-color: #00bcd4;}
body .panel-title > a{display: block;padding:14px 15px;position: relative;color:#fff;border-radius:0px;font-size: 14px;font-weight:600;}
body .panel-default>.panel-heading {background-color:#24282A;border-bottom:1px solid #eee;}
body .panel-default>.panel-heading.current {background-color:#24282A;border-bottom:1px solid #eee;}
body .panel-default>.panel-heading:hover {background-color:#050b06;}
.panel-title > a:hover, .panel-title > a:focus {text-decoration: none;outline: none;}
.panel-title > a:after, .panel-title > a.collapsed:after {content: "\f106";font-family: FontAwesome;color:#fff;position: absolute;right:15px;top:10px;font-size: 20px;}
.panel-title > a.collapsed:after {content: "\f107";}
body .panel-body {background: #fff;color:#888;font-size: 13px;}
.panel-default > .panel-heading + .panel-collapse > .panel-body {border-top: 0px none;}
body .panel-group .panel+.panel {margin-top: 0px;}
body aside .hide-collapse-carret > a:after, .panel-title > a.hide-collapse-caret:after {display: none;}
aside ul.panel-body {padding:0px;margin-bottom: 0px}
aside ul.panel-body li a {color:#000000;display: block;padding:15px 10px 15px 15px;width:100%;border-bottom:1px dotted #eee;font-family: 'Open Sans', sans-serif;font-weight:600;font-size:14px;}
aside ul.panel-body li a:hover {background-color:#f1f1f1;text-decoration:none;transition:all ease-in-out 0.30s;-webkit-transition:all ease-in-out 0.30s;
    -moz-transition:all ease-in-out 0.30s;-o--transition:all ease-in-out 0.30s;-ms--transition:all ease-in-out 0.30s;}
aside ul.panel-body li a .navbar-right {padding-right:20px;color:#ccc;}
.container .row {padding-bottom:0px;padding-top:0px;}

/*Dash Board*/
.secondSection { }
.secondSection h2 {font-family: 'Open Sans', sans-serif;text-align: center;text-transform: uppercase;font-size:18px;}
.secondSection .boxes {margin-left:20%;}
.box {text-align:center;}
.box .box-inner {background: #eeeeee;box-shadow: 0px 0px 6px #c6c5c5 inset;border: 1px solid #fff;padding:15px 10px;}
.box h3 {margin:0px;font-weight: normal;font-size:18px;font-family: 'Open Sans', sans-serif;}
.box h4 {margin:0px;font-weight: normal;font-size:18px;font-family: 'Open Sans', sans-serif;color:green;}
.box a {font-weight:600;color:#0077FF;padding-top:5px;padding-bottom:5px;display: block;}
.box a:hover {color:#24282A;text-decoration: none;}
.right-content .row {margin-bottom:20px;}
.transactions {clear:both;}

body .right-content .transactions .breadcrumb li {font-size:600;text-align: center;}




.container-fluid { max-width: 1500px !important;}

@import url('font-awesome.min.css');
@import url('font-awesome.css');