html, 
	body {
		overflow-x: hidden;
		background:#00758D; /*Modificado*/
		height:100%;
	}		
	
	.dm-page{ 
		font-family: 'Montserrat', Helvetica, Arial, sans-serif;
		font-weight:300; 
	}

	.dm-nav,
	.dm-nav *{ 
		margin:0; 
		padding:0; 
	}
	
	.dm-nav > li{
		font-size:14px;
		position:relative;
		list-style-type:none;
		font-weight:400;
		float:left;
	}
	
	.dm-nav > li > a,
	.dm-nav > li > span,
	.dm-nav > li > button{
		color:#71818C;
		display:block;
		line-height:60px;
		text-decoration:none;
		padding:0 12px;
		outline:none;
	}	
	
	.dm-nav > li i{ 
		vertical-align:middle; 
		font-size:22px; 
	}
	
	.dm-nav > li .dm-sidebar-toggle{ 
		border:0;
		margin:0;
		line-height:58px;
		background:none; 
		cursor:pointer;
	}
	
	.dm-nav > li a .dmb,
	.dm-nav > li .dm-sidebar-toggle span{
		display:inline-block; 
		border:1px solid #D2DAE2;
		border-radius:5px; 
		line-height:30px; 
		padding:0 10px;  
	}
	
	.dm-nav > li a .profile-pic {
		width: 30px;
		border-radius: 100%;
		vertical-align:middle;
		display: inline-block;
	}
	
	.dm-page .dm-main-header{ display: none; }		
	
	.dm-page-title {
		background: #fff;
		position: relative;
		border-bottom:1px solid #D2DAE2;
		border-top:1px solid #D2DAE2;
		padding:14px 20px;
	}
	
	.dm-page-title h3 {
		color: #99ABB4;
		font-size:28px; 
		font-weight:200;
		text-transform:uppercase;
		padding:0;
		margin:0;
	}
	
	.dm-breadcrumb{ display:block; }
	.dm-breadcrumb:after {
		content: "";
		visibility: hidden;
		display: block;
		clear: both;
		height: 0;
	}
	

	.dm-breadcrumb,
	.dm-breadcrumb li{ 
		margin:0; 
		padding:0; 
		list-style-type:none;   
	}
	
	.dm-breadcrumb li{ float:left; position:relative; }
	.dm-breadcrumb li > a,
	.dm-breadcrumb li > span{ 
		display:block; 
		padding:5px 10px;
		text-decoration:none;
		color: #455a64;
	}
	
	.dm-breadcrumb li.active a,
	.dm-breadcrumb li.active span{ color:#99abb4 ; }
	.dm-breadcrumb li:before{
		content: "\f3d3";
		font-family: "Ionicons";
		display: inline-block;
		position: absolute;
		font-size: 16px;
		color: #99abb4;
		right:-3px;
		top:5px;
	}
	
	
	.dm-badge {
		display: inline-block;
		min-width: 10px;
		padding: 3px 10px;
		font-size: 12px;
		font-weight: 500;
		line-height: 1;
		text-align: center;
		white-space: nowrap;
		vertical-align: baseline;
		background-color: transparent;
		border: 1px solid #D2DAE2;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease; 
		transition: all .5s ease;		
		border-radius: 10px;
		position: absolute;
		right: 42px;
		top: 18px;
	}
	
	.dm-page .dm-main-header .dm-badge{ 
		top:5px;
		padding:0;
		left:17px;
		right: auto;
		background:#26DAD2;
		border-width:2px;
		border-color:#ffffff;
		border-radius:22px;
		line-height:19px;
		color:#ffffff;
		height:24px;
		width:24px;	
	}
	
	.dm-main-content{ padding:20px; }
	.dm-card{
		border:1px solid #D2DAE2;
		margin-bottom: 20px;	
	}
	
	.chats-wrapper:last-child .dm-card{ margin-bottom:0; }
	
	.dm-card-body {
		padding: 1.25rem;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
	}
	
	.dm-card-body svg { width: 100%; }	
	
	.dm-card-title { 
		margin:0;
		padding:0;
		color: #455a64;
		margin-bottom: .75rem;
		line-height: 22px;
		font-size: 18px;		
	}
	
	ul.list-inline {
		padding-left: 0;
		list-style: none;
		text-align:right;
	}
		
	ul.list-inline li{
		display:inline-block;
		padding:0 8px;
	}
	
	ul.list-inline li h5 {
		line-height: 18px;
		font-size: 16px;
		color: #455a64;
		padding:0;
		margin:0;
	}
	
	ul.list-inline li h5 i{
		margin-right: 5px;
	}
	
	.cinfo { color: #6772E5; }
	.csuccess { color: #6EE9EF; }
	.cmuted { color:#DCDFE4; }
	.droopmenu > li.dmh-separator{ 
		height:0;
		border-bottom:1px solid hsla(0, 0%, 100%, 1);
		border-top:1px solid hsla(0, 0%, 0%, 0.1);
		margin:10px 0;
		display:none; 
	}
	
	.droopmenu > li > h3{ 
		margin:0; 
		padding:0 25px;
		font-weight: 600;
		text-transform:uppercase;
		font-size:14px;
		color:#71818C;  
	}				
		
	@media (min-width: 768px){
		.dm-page{
			position: relative;
			background: #ffffff;
			min-height:100%;
		}
		
		.dm-badge {
			right: 32px;
			top: 10px;
		}
		
		.droopmenu-header {
			height: 60px;
			border-bottom:1px solid #D2DAE2;
			background: rgb(245, 247, 249);
			position:relative;
		}
		
		.droopmenu-header:after,
		.droopmenu-header:before { 
			content:'';
			position:absolute;
			background: inherit;
		}		
			
		.droopmenu-header:before {
			width:2px;
			height:100%;
			right:0;
		}
		
		.droopmenu-header:after{ 
			width:100%;
			height:2px;
			bottom:-1px;
			left:0;
		}
		
		.droopmenu-brand{
			line-height: 60px;
			height: 60px;
		}
		
		.dm-page .droopmenu-vertical{ 
			 width:100%; 
			 box-shadow:none;
			 position:relative;
			 background: rgb(245, 247, 249);
			 min-height:100%;
		}
		
		.dm-page-title{ border-top:0; }
		.dm-page .dm-main-header,
		.droopmenu > li.dmh-separator{ display:block; }
		.dm-page .dm-main-header{ 
			height:60px;
			border-bottom:1px solid #D2DAE2;
			background:#fff; 
		}
		
		.dm-main,
		.dm-sidebar{
			-webkit-transition: all 600ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			-moz-transition: all 600ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			-o-transition: all 600ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			transition: all 600ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
		}
		
		.dm-sidebar{
			position:absolute;
			width:240px;
			height:100%;
		}
		
		.dm-sidebar-left .dm-sidebar{  left:-240px; }
		.dm-sidebar-right .dm-sidebar{  right:-240px; }
		.dm-sidebar-left .dm-sidebar .droopmenu-vertical{ border-right:1px solid #D2DAE2; }
		.dm-sidebar-right .dm-sidebar .droopmenu-vertical{ border-left:1px solid #D2DAE2; }
		.dm-sidebar-left .dm-nav > li .dm-sidebar-toggle{ margin-left:8px;  }
		.dm-sidebar-right .dm-nav > li .dm-sidebar-toggle{ margin-right:8px;  }		
		.dm-sidebar-left .dm-main{ margin-left:0; }
		.dm-sidebar-right .dm-main{ margin-right:0; }	
		.dm-sidebar-left.dm-sidebar-open .dm-sidebar{ left:0; }
		.dm-sidebar-left.dm-sidebar-open .dm-main{ margin-left:240px; }	
		.dm-sidebar-right.dm-sidebar-open .dm-sidebar{ right:0; }
		.dm-sidebar-right.dm-sidebar-open .dm-main{ margin-right:240px;}
		.dm-breadcrumb{ float:right; }
		
		.droopmenu > li > a {
			-webkit-box-shadow: inset 1px 0 0 rgb(245, 247, 249);
			box-shadow: inset 1px 0 0 rgb(245, 247, 249);		
			-webkit-transition: all .5s ease;
			-moz-transition: all .5s ease; 
			transition: all .5s ease;		
		}
		
		.droopmenu > li:hover > a{
			background-color:hsla(0, 0%, 0%, 0.06);
			-webkit-box-shadow: inset 4px 0 0 #26DAD2;
			box-shadow: inset 4px 0 0 #26DAD2;		
		}
		
		.droopmenu > li > a:after {
			content: '';
			width: 13px;
			height: 13px;
			position: absolute;
			-webkit-transform: rotate(225deg) scale(0);
			-moz-transform: rotate(225deg) scale(0);
			-ms-transform: rotate(225deg) scale(0);
			-o-transform: rotate(225deg) scale(0);
			transform: rotate(225deg) scale(0);
			transition:-webkit-transform .3s ease-in;
			transition:transform .3s ease-in;	
			border-bottom: 1px solid #C2CED8;
			border-right: 1px solid #C2CED8;		
			background: #ffffff;
			bottom: 35%;
			right:-8px;		
			z-index:11;
		}
		
		.droopmenu > li:hover > a:after {
			-webkit-transform:  rotate(135deg) scale(1);
			-moz-transform:  rotate(135deg) scale(1);
			-ms-transform:  rotate(135deg) scale(1);
			-o-transform:  rotate(135deg) scale(1);
			transform:  rotate(135deg) scale(1);
		}
		
		.dm-sidebar-right .droopmenu > li:hover > a{
			-webkit-box-shadow: inset -4px 0 0 #26DAD2;
			box-shadow: inset -4px 0 0 #26DAD2;		
		}
				
		.dm-sidebar-right .droopmenu > li > a:after {
			-webkit-transform: rotate(225deg) scale(0);
			-moz-transform: rotate(225deg) scale(0);
			-ms-transform: rotate(225deg) scale(0);
			-o-transform: rotate(225deg) scale(0);
			transform: rotate(225deg) scale(0);
			right: auto;
			left:-8px;			
		}
		
		.dm-sidebar-right .droopmenu > li:hover > a:after {
			-webkit-transform:  rotate(315deg) scale(1);
			-moz-transform:  rotate(315deg) scale(1);
			-ms-transform:  rotate(315deg) scale(1);
			-o-transform:  rotate(315deg) scale(1);
			transform:  rotate(315deg) scale(1);
		}				
				
	}