/* START basic styles / dc */

body {

    background-color: #383838;

}



.dc-centered {

    text-align:center;

}



.dc-align-right {

    text-align:right;

}

/* END basic styles / dc */







/* START login styles / dc */

.login .content .input-icon {

    border-left: 2px solid #e6007e !important;

}



.dc-login {

    background-color: #383838 !important;

}



.label-info {

    background-color: #3781F7;

}



.label-success {

    background-color: #309A41;

}



.label-warning {

    background-color: #FFB034;

}



.label-danger {

    background-color: #D23C29;

}

/* END login styles / dc */







/* START dashboard styles / dc */

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover, .page-sidebar {

    background-color: #383838;

}



ul.page-sidebar-menu > li.active > a {

    background: none repeat scroll 0 0 #e6007e !important;

    border-top: rgba(0, 0, 0, 0) !important;

    color: #ffffff;

}



.portlet-body table tbody tr td a i, .dc-aktion-icons a i {

    padding: 0 3px;

    font-size: 16px;

}



.portlet-body table tbody tr td a i::-first-child {

    padding-left: 0;

}



.portlet-body table tbody tr td a i::-last-child {

    padding-right: 0;

}



.portlet-body table tbody tr td a i.blue, .dc-aktion-icons a i.blue {

    color: #009fe3;

}



.portlet-body table tbody tr td a i.yellow, .dc-aktion-icons a i.yellow {

    color: #ffba00;

}



.portlet-body table tbody tr td a i.grey, .dc-aktion-icons a i.grey {

    color: #888888;

}



.portlet-body table tbody tr td a i.purple, .dc-aktion-icons a i.purple {

    color: #e6007e;

}



.portlet-body table tbody tr td a i:hover, .dc-aktion-icons a i:hover {

    opacity: 0.8;

}



a.dc-forderung-icon {

    border: 3px solid #000000;

    border-radius: 50% !important;

    padding: 0 5px;

    font-weight: bold;

    font-size: 12px;

    color: #000000;

    -webkit-transition: all 0.2s ease-in-out 0s;

    -moz-transition: all 0.2s ease-in-out 0s;

    -o-transition: all 0.2s ease-in-out 0s;

    transition: all 0.2s ease-in-out 0s;

}



a.dc-forderung-icon:hover, a.dc-forderung-icon:focus {

    background-color: #000000;

    color: #ffffff;

    text-decoration: none;

}

/* END dashboard styles / dc */







/* START statistik styles / dc */

.dc-progress {

    background-color: #d8d8d8;

    margin-bottom: 0;

    margin-top: 5px;

    color: #000000;

}



.dc-progress .dc-progress-bar .dc-progress-text span {

    padding-left: 10px;

    color: #000000;

}



.dc-progress-bar {

    background-color: #e6007e;

    color: #ffffff;

}





.dc-stats-sum {

    background-color: #d8d8d8 !important;

}

/* END statistik styles / dc */

.dc-handynummer-prefix {
		width: 30%;
		margin-right: 2%;
		display: inline-block;
	    }
	    
	    .dc-handynummer-trenner {
		width: 1%;
		display: inline-block;
	    }
	    
	    .dc-handynummer {
		border-left: 1px solid #e5e5e5 !important;
		width: 63%;
		margin-left: 2%;
		display: inline-block;
		padding-left: 10px !important;
	    }

	    .dc-handynummer:focus {
		border-left: 1px solid #999999 !important;
	    }
	    
	    @media (max-width: 539px) {
		.dc-handynummer-prefix {
		  width: 100%;
		  margin-right: 0;
		}

		.dc-handynummer {
		  width: 100%;
		  margin-left: 0;
		  border-top: none;
		}
		
		.dc-handynummer-trenner {
		    display: none;
		}
	      }