/*login page*/
#element-box hr{
  border:0px;
  margin:10px 0 27px -4px;
}

.controls .btn-group > .btn{
    background:#3fa1be;
    border:0px;
  	color: #fff;
  	text-shadow: none;
}

.header .container-logo {
  	margin: 30px 14px;
  	width:180px!important;
}

.header {
  	padding: 0 20px;
  	border: none;
}

* {
  letter-spacing: 0.8px;
}

/* Module */
.well.well-small {
  	border: none;
  	background: #fff;
  	box-shadow: none;
}

.well.well-small .list-striped li, .list-striped dd, .row-striped .row, .row-striped .row-fluid {
  	border-bottom: 1px dotted #3fa1be;
}

.list-striped li:nth-child(odd), .list-striped dd:nth-child(odd), .row-striped .row:nth-child(odd), .row-striped .row-fluid:nth-child(odd) {
  	background: none;
}

.well.well-small .well.well-small {
  	border-top: 1px dotted #3fa1be;
}

.well .module-title.nav-header {
    color: #666;
    font-weight: bold;
    font-size: 16px;
}

a {
  	color: #3fa1be;
}

.label-info, .badge-info {
  	background-color: #d35243;
}

strong.row-title.break-word {
  	color: #666;
}

/* Top Navigation */
.navbar-inverse .navbar-inner {
  	background: #3fa1be;
  	border: none;
}

.navbar #menu.nav {
  	margin: 5px 0 0;
}

.navbar-inverse .brand,
.navbar-inverse .brand, .navbar-inverse .nav > li > a,
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
  	color: #fff;
  	border-top-color: #fff;
    border-bottom-color: #fff;
}

.navbar .nav.pull-right.nav-user {
  	margin-top: 5px;
}

.navbar .brand {
    margin-top: 5px;
}

.admin-logo{
  	margin-left:-6px;
}

.navbar .admin-logo{
	padding:7px 0px 0px 15px;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle{
  background-color:#3fa1be;
}

/* top-icon */
.top-icon .cpanel .icon {
    padding: 0px 0 5px 15px;
}

.top-icon .cpanel .icon a {
  	height: 80px;
  	width: 60px;
  	padding: 10px;
  	border: none;
  	border-radius: 0 0 5px 5px;
  	background: #3fa1be;
}

.top-icon .cpanel span {
  	color: #fff;
  	font-weight: bold;
}

.top-icon .cpanel .icon a i,
.top-icon .cpanel .icon a img {
  	margin: -3px -8px;
  	padding: 10px;
  	color: #fff;
}

.fa.fa-desktop:before{
  font-size:35px;
}

.fa.fa-home:before{
  font-size:40px;
}

.fa.fa-question-circle:before{
  font-size:40px;
}

.top-icon #cpanel div.icon a:hover,
.top-icon #cpanel div.icon a:focus,
.top-icon #cpanel div.icon a:active,
.top-icon .cpanel div.icon a:hover,
.top-icon .cpanel div.icon a:focus,
.top-icon .cpanel div.icon a:active {
  	border-radius: 5px;
  	color: #3fa1be;

}

.top-icon #cpanel div.icon a:hover i,
.top-icon #cpanel div.icon a:focus i,
.top-icon #cpanel div.icon a:active i,
.top-icon .cpanel div.icon a:hover i,
.top-icon .cpanel div.icon a:focus i,
.top-icon .cpanel div.icon a:active i,
.top-icon #cpanel div.icon a:hover span,
.top-icon #cpanel div.icon a:focus span,
.top-icon #cpanel div.icon a:active span,
.top-icon .cpanel div.icon a:hover span,
.top-icon .cpanel div.icon a:focus span,
.top-icon .cpanel div.icon a:active span {
  	border-radius: 5px;
  	color: #3fa1be;  	
}

/* main-icon */
.main-icon #cpanel div.icon a:hover,
.main-icon #cpanel div.icon a:focus,
.main-icon #cpanel div.icon a:active,
.main-icon .cpanel div.icon a:hover,
.main-icon .cpanel div.icon a:focus,
.main-icon .cpanel div.icon a:active {
  	background-color: #3fa1be;
  	color: #fff;
  	border-radius: 5px;
}

.main-icon #cpanel div.icon a,
.main-icon .cpanel div.icon a {
  	background-color: #fff;
  	color: #3fa1be;
  	border: 1px dotted #3fa1be;
    box-shadow: none;  	
  	width: 90px;
  	height: 90px;
  	padding: 15px;
}

.main-icon #cpanel div.icon a i,
.main-icon .cpanel div.icon a i {
  	color: #3fa1be;
  	margin-top: 10px;
  	margin-bottom:5px;
}

.main-icon .cpanel div.icon a i.icon-joomla{
  margin-top:6px;
}

.main-icon .cpanel div.icon a i.icon-joomla:before{
  font-size:37px;
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before{
 font-size:37px; 
}

.fa-calendar-o:before{
  font-size:38px;
}

.fa-edit:before, .fa-pencil-square-o:before{
  font-size:43px;
}

.main-icon .cpanel div.icon a i.icon-joomla span{
  margin-top:2px;
}

.fa-desktop:before{
  font-size:40px;
}

.main-icon #cpanel div.icon a:hover i,
.main-icon #cpanel div.icon a:focus i,
.main-icon #cpanel div.icon a:active i,
.main-icon .cpanel div.icon a:hover i,
.main-icon .cpanel div.icon a:focus i,
.main-icon .cpanel div.icon a:active i {
  	color: #fff;
}


.main-icon .cpanel .icon a i,
.main-icon .cpanel .icon a img {
  	margin: 0;
  	padding: 0;
}

.controls .btn-group > .btn.active {
    background: #d35243;
}