.page-content {
    background: #3c8dbc;
}

.navbar .logo-box {
    background: #fff;
}

.navbar .logo-box a {
    color: #fff;
}

.sidebar {
    background: #3c8dbc;
}

.sidebar-header {
    background: #3c8dbc;
}

.sidebar-profile span small {
    color: #dfe5f1;
}

.menu {
    background: #3c8dbc;
}

.menu.accordion-menu a {
    color: #fff;
}

.menu.accordion-menu > li > a:hover {
	background:#3886b3;
    color: #fff;
}

.menu.accordion-menu > li.active > a,
.menu.accordion-menu > li.active.open > a {
	background: #0f4f75;
    color: #fff;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li.droplink:hover > a,
.horizontal-bar .accordion-menu > li.droplink:hover > a,
.menu.accordion-menu ul,
.menu.accordion-menu li.open > a,
.hover-menu .accordion-menu > li.droplink:hover > a {
    background: #5197bf;
    color: #fff;
}

.menu.accordion-menu ul li a:hover,
.menu.accordion-menu ul li.active a {
	background: #0c486b;
    color: #fff;
}

.menu.accordion-menu ul li a {
    color: #ecf3ff;
}

.menu.accordion-menu > li.active > a, .menu.accordion-menu > li.active.open > a {
    background: #3886b3;
    color: #fff;
}

.page-title {
    padding: 20px;
    padding-bottom: 0px;
    background: #F1F4F9;
    border-bottom: 0px solid #dee2e8;
}

.page-title h3 {
	font-size: 20px;
	font-weight: bold;
	color: #333;
	padding: 0;
	margin: 0 0 4px
}

.page-footer {
	background: #55a3d0;
	width: 100%;
	display: block;
	position: absolute;
	bottom: 0;
	padding: 7px 10px;
        color: #fff;
}

/*incio - panel*/
.panel-info .panel-heading{
    background: #6dabce;
    height: 35px;
    padding: 10px
}

.panel-primary .panel-heading{
    background: #42a8ac;
    height: 35px;
    padding: 10px
}


/*fin - panel*/
/*inicio -btn */
.btn-primary{
    background: #42a8ac;
}

.btn-primary.active,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary:focus,
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
	color: #fff;
	background-color: #2d9094;
	border-color: transparent
}

.btn-info{
    background: #0eafcc;
    
}
.btn-info.active,
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info.focus,
.btn-info:active,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.btn-info:focus,
.btn-info:hover,
.open>.dropdown-toggle.btn-info,
.open>.dropdown-toggle.btn-info.focus,
.open>.dropdown-toggle.btn-info:focus,
.open>.dropdown-toggle.btn-info:hover {
	color: #fff;
	background-color: #077f94;
	border-color: transparent

}
            
.btn-danger{
    background: #d06262;
}
.btn-danger.active,
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger.focus,
.btn-danger:active,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.btn-danger:focus,
.btn-danger:hover,
.open>.dropdown-toggle.btn-danger,
.open>.dropdown-toggle.btn-danger.focus,
.open>.dropdown-toggle.btn-danger:focus,
.open>.dropdown-toggle.btn-danger:hover {
	color: #fff;
	background-color: #bd5050;
	border-color: transparent
}

/*fin - btn */

.topmenu-outer {
	height: 50px;
	background: #fff;
	margin-left: 160px
}

.small-sidebar .topmenu-outer {
	margin-left: 65px
}

.navbar {
	background: #fff;
	padding: 0;
	height: 50px;
	z-index: 999;
	border-radius: 0;
	border: none;
	margin: auto;
	position: relative;
	-webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .1);
	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .1)
}

.navbar .logo-box {
	position: relative;
	width: 160px;
	height: 50px;
	float: left;
	display: table;
        padding-top: 10px;

}


.navbar .logo-box .logo-text {
	font-size: 20px;
	font-weight: 700;
	line-height: 50px;
	padding: 3px 15px;
	display: table-cell
}

.top-menu .navbar-nav>li>a {
	display: block;
	padding: 15px 18px;
	color: #5f5f5f;
	border: none;
	position: relative;
	line-height: 20px
}
/*
.top-menu .nav .open>a,
.top-menu .nav .open>a:focus,
.top-menu .nav .open>a:hover,
.top-menu .nav>li>a:active,
.top-menu .nav>li>a:focus,
.top-menu .nav>li>a:hover {
	color: #fff;
}
*/
.push-sidebar,
.search-button a {
	text-decoration: none;
	padding: 20px 18px;
	color: #fff;
	border: none;
	line-height: 20px;
	font-size: 17px
}
/*
.push-sidebar:hover {
	color: #fff;
}
*/
.navbar .logo-box a {
        color: #fff!important
}

.dropdown-menu-exit
{
    background: #fff;
}
/*
.dropdown-menu-exit li a {
	padding: 7px 10px;
	color: #fff;
	font-size: 13px;
}

.dropdown-menu-exit li a:hover {
	background: #367fa9;
        color: #fff;
} 
*/
.push-sidebar,
.search-button a {
	text-decoration: none;
	padding: 20px 18px;
	color: #5f5f5f;
	border: none;
	line-height: 20px;
	font-size: 17px
}

.top-menu .navbar-nav>li>a>.user-name {
    padding-left: 10px;
}
.top-menu .navbar-nav>li>a:hover
{
    /*
    background: #367fa9;
    color: #fff;
    */
} 

.top-menu .navbar-nav>li>a>i {
    padding-top:5px
}

.tasks li a .task-details
{
    color: fff;
}
.drop-title {
    color: fff;
    background: #3c8dbc;
    font-weight: bold;
    
}

.navbar .open .dropdown-menu {
	visibility: visible;
	opacity: 1;
	margin-top: 8px!important
}

.dropdown-menu li.drop-all a {
	padding: 10px;
	color: #707070;
	background: #FFF;
	font-size: 14px
}

.dropdown-menu li.drop-all a:hover {
	background: #f7f7f7;
        color: #707070;
}

.dropdown-menu li.tarea-detalle-menu a {
        color:#8c8080;
        background: #fff;
}

.dropdown-menu li.tarea-detalle-menu a:hover {
        color: #FFF;
        background: #367fa9;
}

.dropdown-menu li.tarea-detalle-menu-sinleer a {
        color:#8c8080;
        background: #d0e1ea;
}

.dropdown-menu li.tarea-detalle-menu-sinleer a:hover {
        color: #FFF;
        background: #367fa9;
}

.dropdown-menu li.tarea-detalle-menu-leido a {
        color:#8c8080;
        background: #fff;
}

.dropdown-menu li.tarea-detalle-menu-leido a:hover {
        color: #FFF;
        background: #367fa9;
}


.btn-default {
	background-color: #f4f4f4;
	color: #444;
	border-color: #ddd
}

.btn-default:hover,
.btn-default:active,
.btn-default.hover {
	background-color: #e7e7e7
}

.btn-primary {
	background-color: #3c8dbc;
	border-color: #367fa9
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.hover {
	background-color: #367fa9
}

.btn-success {
	background-color: #00a65a;
	border-color: #008d4c
}

.btn-success:hover,
.btn-success:active,
.btn-success.hover {
	background-color: #008d4c
}

.btn-info {
	background-color: #24c7d0;
	border-color: #00acd6
}

.btn-info:hover,
.btn-info:active,
.btn-info.hover {
	background-color: #00acd6
}

.btn-danger {
	background-color: #dd4b39;
	border-color: #d73925
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.hover {
	background-color: #d73925
}

.btn-warning {
	background-color: #f39c12;
	border-color: #e08e0b
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.hover {
	background-color: #e08e0b
}

.popover-title{
    background: #3c8dbc;
    color: #fff;
}

/* widget online inicio*/
.online-widget .online-item
{
	border-bottom: 1px solid #f1f1f1;
	overflow: hidden;
        position: relative;
}

.online-widget a:last-child>.online-item {
	border-bottom: 0
}

.online-widget .online-item .online-item-img {
	float: left;
	width: 40px;
	display: block;
	margin-right: 15px
}

.online-widget .online-item img {
	width: 40px;
        height: 40px;
        margin-bottom: 6px;
        margin-top: 6px;
        
}

.online-widget .online-item .online-item-nombre {
	color: #333;
	font-weight: 600;
	display: block;
	padding-top: 10px;
}

.online-widget .online-item .online-item-sinusers {
	color: #333;
	display: block;
}

.online-widget .online-item .inbox-item-text {
    color: #a0a0a0;
    display: block;
    margin: 0;
    font-size: 11px;
}

.online-widget .online-item .inbox-item-date {
    position: absolute; 
    top: 2px;
    right: 7px;
    color: #a9a9a9;
    font-size: 11px;
}

.online {
	position: absolute;
	top: 10px;
	left: 30px;
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 2px solid #FFF;
	background: #ccc
}

.online.on {
	background: #44AEA1
}

.online.off {
	background: #f3565d
}

.online.inactive {
	background: #FFC600
}



.online-widget::-webkit-scrollbar {
  width: 1em;
}
 
.online-widget::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
.online-widget::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
/* widget online fin*/

/* widget eventos inicio*/

.eventos-widget .eventos-item
{
	border-bottom: 1px solid #f1f1f1;
	overflow: hidden;
        position: relative;
}

.eventos-widget a:last-child>.eventos-item {
	border-bottom: 0
}

.eventos-widget .eventos-item .eventos-item-img {
	float: left;
	width: 40px;
	display: block;
        margin-right: 0px;
        padding-top: 13px;
        padding-left: 5px;
        font-size: 20px;
}

.eventos-widget .eventos-item img {
	width: 40px;
        height: 40px;
        margin-bottom: 6px;
        margin-top: 6px;
        
}

.eventos-widget .eventos-item .eventos-item-title {
	color: #333;
	font-weight: 600;
	display: block;
	padding-top: 5px;
        margin:0px;
}

.eventos-widget .eventos-item .inbox-item-text {
    color: #a0a0a0;
    display: block;
    margin: 0;
    margin-left: 40px;
    font-size: 11px;
}

.eventos-widget .eventos-item .inbox-item-date {
    position: absolute; 
    top: 2px;
    right: 7px;
    color: #a9a9a9;
    font-size: 11px;
}

.eventos {
	position: absolute;
	top: 10px;
	left: 30px;
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 2px solid #FFF;
	background: #ccc
}


.eventos-widget::-webkit-scrollbar {
  width: 1em;
}
 
.eventos-widget::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
.eventos-widget::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

/* widget eventos fin*/

.day{
    font-size: 14px;
}

.day old{
    font-size: 14px;
}

.switch{
    font-size: 14px;
}

.dow{
    font-size: 14px;
}

.hour{
    font-size: 14px;
}

.hour active{
    font-size: 14px;
}

.minute{
    font-size: 14px;
}

.minute active{
    font-size: 14px;
}

.datepicker-switch{
    font-size: 14px;
}

.clear{
    font-size: 14px;
}

.row-login{
background: rgba(35,82,124,1);
background: -moz-linear-gradient(top, rgba(35,82,124,1) 0%, rgba(113,206,239,1) 97%, rgba(33,180,226,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(35,82,124,1)), color-stop(97%, rgba(113,206,239,1)), color-stop(100%, rgba(33,180,226,1)));
background: -webkit-linear-gradient(top, rgba(35,82,124,1) 0%, rgba(113,206,239,1) 97%, rgba(33,180,226,1) 100%);
background: -o-linear-gradient(top, rgba(35,82,124,1) 0%, rgba(113,206,239,1) 97%, rgba(33,180,226,1) 100%);
background: -ms-linear-gradient(top, rgba(35,82,124,1) 0%, rgba(113,206,239,1) 97%, rgba(33,180,226,1) 100%);
background: linear-gradient(to bottom, rgba(35,82,124,1) 0%, rgba(113,206,239,1) 97%, rgba(33,180,226,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23527c', endColorstr='#21b4e2', GradientType=0 );
}