/*
 *-----------------------------------------------------------------------------------
 * === CSS DESIGN ===
 *-----------------------------------------------------------------------------------
 * author SOLUTII SOFT
 */
 
/* === HTML ELEMENTS === */
	* { 
		outline: none !important; 
		border-radius: 0 !important;
	}

	body {
		background: #F5F5F5;
		background-image: url('../img/bg.png');
		color: #222;
		font-family: 'Dosis', arial;
		line-height: 1;
		padding-bottom: 40px;
		text-rendering: optimizelegibility;
	}
		
	a {
		transition: color 0.3s ease-out 0s;
		-moz-transition: color 0.3s ease-out 0s; 		/* Firefox 4 */
		-webkit-transition: color 0.3s ease-out 0s; 	/* Safari and Chrome */
		-o-transition: color 0.3s ease-out 0s; 			/* Opera */
	}
	a:link,	
    a:focus, 
    a:visited , 
    a:active,
    a:hover { 
		text-decoration: none; 
	}

	h1, 
    h2, 
    h3, 
    h4 {
		font-family: 'Dosis', arial;
		text-transform: capitalize;
	}
	small {
        color: #000000 !important;
    }
    
	h1 {
		margin-bottom: 20px;
		text-shadow: 1px 1px 0 #FFFFFF;
	}
	
    h1 a {
        color: #000000 !important;
    }
    
	label {
		font-size: 16px;
		font-weight: 400;
		text-transform: capitalize;
	}	
    
    ul  {   
        list-style: none;
    }
	
	p  {
        font-size: 16px;
    }

	textarea {
        resize: none;
    }

	i {
		margin-left: 5px;
		margin-right: 5px;
	}
	
	hr {
		border-color: #999999;
	}   
        
	main {
		unicode-bidi: isolate; 
		display: block; 
		margin-bottom: 20px;    
	}
/* === END HTML ELEMENTS === */


/* === BOOTSTRAP === */
	.container-fluid {
		margin-left: 100px;
		margin-right: 5px;
	}
	.container-fluid  .container-fluid {
		margin-left: 0;
	}
	
	/* === ALERTS === */
		.alert {
			border-radius: 0;
			padding: 14px;
			box-shadow: 0 0 0 1px #FFFFFF inset;
			text-shadow: 1px 1px 0 #FFFFFF;
			color: #BC6015;
			background: #FFFADB;	
			border: 1px solid;
			border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
			font-size: 20px;
			font-family: 'Dosis', sans-serif;
			font-weight: 400;
		}
		.alert > .close {
			margin-top: -10px;
			margin-right: 10px;
		}
		.alert a {
			text-shadow: none;
		}
		.alert-error {
			color: #CD0A0A;
			background: #FFDEDE;	
		}
		.alert-success {
			color: #468847;
			background: #DFF0D8;
		}
		.alert-warning a {
			color: #222222;
		}    
		.alert-info {
			color: #FFFFFF;
			background-color: #428BCA;
			border-color: #2B669A;
			text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
		}
		.close .fa-close {
			font-size: 12px;
		}
	/* === END ALERTS === */

	
	/* === MODAL === */
	.modal-content {
		border-radius: 5px;
		border-width: 5px;
		box-shadow: none;
	}
	.modal-header {
		background: none repeat scroll 0 0 #f5f5f5;
		border-color: #d5d5d5;
		border-radius: 5px 5px 0 0;
		line-height: 30px;
		padding: 10px 10px 10px 15px;
	}
	.modal-header .close {
		margin-right: 5px;
		margin-top: 5px;
	}
	.modal-title {
		line-height: 30px;
	}
	.modal-body {
		padding: 15px;
	}
	.modal-footer {
		background: none repeat scroll 0 0 #f5f5f5;
		border-color: #d5d5d5;
		border-radius: 0 0 5px 5px;
		padding: 10px 15px;
	}	
	/* === END MODAL === */
	
	/* === TAB NAVS === */
	.nav-tabs > li > a {
		background-color: #807e7e;
		color: #FFFFFF;
		text-transform: capitalize;
	}
	.nav-tabs > li > a:hover,
	.nav-tabs > li > a:focus {
		background-color: #807e7e;
		color: #FFFFFF;
	}
	.nav-tabs > li.active > a, 
	.nav-tabs > li.active > a:hover, 
	.nav-tabs > li  > a:visited, 
	.nav-tabs > li.active > a:focus {
		background-color: #573e3e;
		color: #ffffff;	
	}	
	/* === TAB NAVS === */
	
	/* === LABELS === */
	.label {
		font-size: 14px;
		font-weight: 300;
		text-transform: lowercase;
	}
	/* === END LABELS === */
	
	/* === ACCORDION === */
	.panel .panel-heading {
		background: none repeat scroll 0 0 #2C3E50;
		background-image: url('../img/bg.png');
		color: #FFFFFF;
	}
	.panel .panel-default .panel-heading a {
		color: #CC0000;
	}
	/* === END ACCORDION === */
/* === END BOOTSTRAP === */


/*  === LOGIN === */
	#login form {
		margin-top: 40px 
	}
/*  === END LOGIN === */


/* === SIDEBAR === */
	.solso-sidebar {
		background: none repeat scroll 0 0 #2c2c2d;
		background-image: url('../img/bg.png');
		width: 90px;
		min-height: 100%;
		position: fixed;
		left: 0px;
		right: auto;
		top: 0;
		z-index: 999999;
		transition: left 0.5s;
		-o-transition: left 0.5s;
		-moz-transition: left 0.5s;
		-webkit-transition: left 0.5s;
	}
	.solso-sidebar ul {
		padding: 0;
	}
	.solso-sidebar li a {
		color: #FFF;
		display: block;
		margin-bottom: 0;
		text-align: center;
		text-decoration: none;
		transition-duration: 0.2s;
		white-space: nowrap;	
		padding-bottom: 20px;
		padding-top: 20px;
		text-transform: lowercase;
	}
	.solso-sidebar li a:hover,
	.solso-sidebar .active {
		background: none repeat scroll 0 0 #000000;
		color: #F8694D;
	}
	.solso-sidebar li a i {
		font-size: 30px;
	}
	.solso-sidebar li a span {
		margin-top: 10px;
		display: block;
	}
	.solso-sidebar .badge {
		display: block-inline;
		background: #D7289E;	
		color: #FFFFFF;
		font-size: 16px;
		font-weight: 300;
		padding: 4px 8px;		
		margin-bottom: 10px;
		margin-top: -20px;
	}

	@media (max-height : 800px) {
		.solso-sidebar {
			height: 200px;
			overflow-y: scroll;
		}		
	}	
/* === END SIDEBAR === */


/* === TABLE === */
    .table {
        background-color: #FFFFFF;
		border: 1px solid #DDDDDD;
        font-size: 14px;
    }
    .table caption {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 10px;
        text-align: left;
    }    
	.table th {
		background: #573e3e;
		border-bottom: 1px solid #DDDDDD;
		color: #ffffff;
		font-size: 16px;
		font-weight: 400;
		padding-bottom: 12px;
		padding-top: 12px;
		text-transform: capitalize;
	}
    .table td:first-child {
        width: 20px !important;
    }
    .table td {
        vertical-align: middle !important;
    }	
	
	@media screen and (min-width: 1400px) {
		.table-responsive {
			overflow: hidden;
		}	
	}		
}
/* === END TABLE === */


/* === POPOVER === */
	.popover {
		display: block;
		position: relative;
		top: 5px;
		margin: auto;
		box-shadow: none;
	}
	.popover-title {
		background-color: #3B5998;
		color: #FFF;
	}
	.popover.bottom .arrow:after {
		border-bottom-color: #3B5998;
	}
	.popover-content > p {
		font-family: 'Dosis', arial !important;
		font-size: 12px !important;
	}	
/* === POPOVER === */


/* === MODAL === */
	#columnModal .modal-body {
		height: 400px;
	}
/* === END MODAL === */


/* === VALIDATION === */
    input.parsley-success,
    select.parsley-success,
    textarea.parsley-success {
        color: #468847;
        background-color: #DFF0D8;
        border: 1px solid #D6E9C6;
    }
    input.parsley-error,
    select.parsley-error,
    textarea.parsley-error {
        color: #B94A48;
        background-color: #F2DEDE;
        border: 1px solid #EED3D7;
    }
    .parsley-errors-list {
		margin: 0;
        padding: 0;
    }
    .parsley-errors-list li,    
    .parsley-required ,
    .parsley-type,
    .error {
        background: #DC002E;						/* aici se schimba ptr culoare*/
        border: 1px solid #DC002E;					/* aici se schimba ptr culoare*/
        box-shadow: 0 0 0 1px #FFFFFF inset;
        color: #FFFFFF;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.42857;
        margin-top: 10px;	
        padding: 5px 10px;
    }
    .parsley-errors-list.filled {
        opacity: 1;
    }  
    .success {
        background: green;
        border: 1px solid #green;
        box-shadow: 0 0 0 1px #FFFFFF inset;
        color: #FFFFFF;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.42857;
        margin-top: 10px;	
        padding: 15px 10px;
    }
    .required {
        border-left: 2px solid #DC002E;
    }	
	.no-line {
		border-left: none;
	}	
/* === END VALIDATION === */


/* === TIMEPICKER === */
	.bootstrap-timepicker-widget table td input {
		border: 0;
	}
	.bootstrap-timepicker-widget table td i {
		font-size: 12px !important;
	}
/* === END TIMEPICKER === */

/* === DATEPICKER === */
	.datepicker  {
		z-index: 9999;
	}
/* === END DATEICKER === */


/* === FILE INPUT === */
	.file-caption-disabled,
	.file-preview {
		background: #FFFFFF;
	}
	.file-error-message {
		background: #DC002E;						/* aici se schimba ptr culoare*/
		border: 1px solid #DC002E;					/* aici se schimba ptr culoare*/
		box-shadow: 0 0 0 1px #FFFFFF inset;
		color: #FFFFFF;
		font-size: 16px;
		font-weight: 500;
		line-height: 1.42857;
		margin-top: 10px;	
		padding: 5px 10px;
	}
/* === END FILE INPUT === */


/* === SELECT 2 === */
	.form-control .select2-choice {
		border: 0;
		border-radius: 2px;
		display: block;
		font-size: 14px;
		height: 34px;
		line-height: 1.42857;
		padding: 6px 12px;
	}
/* === END SELECT 2 === */


/* === SOLUTII SOFT === */
	/* === HELPER CLASSES === */
		.top10 			{margin-top: 10px;}
		.top20 			{margin-top: 20px !important;}
		.top40 			{margin-top: 40px;}
		.bottom20		{margin-bottom: 20px;}
		.bottom40		{margin-bottom: 40px;}
		.noMargin 		{margin: 0;}
		.noPadding 		{padding: 0;}	
		.bg-white 		{background: #FFFFFF !important;}
		.table .small	{width: 100px;}
		.table .xs-small {width: 50px;}		
		.uppercase 		{text-transform: uppercase;}
		.lowercase 		{text-transform: lowercase;}
		.capitalize 		{text-transform: capitalize;}
	/* === END HELPER CLASSES === */
	
	/* === BUTTONS === */
	.btn-link {
		color: #ffffff;
		text-decoration: none;
	}
	.btn-link:hover, 
	.btn-link:focus, 
	.btn-link.active {
		color: #DDD;
		text-decoration: none;
	}	
	
	.solso-pdf {
		background: #8e44ad;
		color: #ffffff;
		border-color: #8e44ad;
	}
	.solso-pdf:hover, 
	.solso-pdf:focus, 
	.solso-pdf.active {
		background: #9b59b6;
		color: #ffffff;
		border-color: #9b59b6;
	}
	
	.solso-email {
		background: #2c3e50;
		color: #ffffff;
		border-color: #2c3e50;
	}
	.solso-email:hover, 
	.solso-email:focus, 
	.solso-email.active {
		background: #34495e;
		color: #ffffff;
		border-color: #34495e;
		box-shadow: inset 0 3px 5px #0d253c;
	}	
	
	.solso-excel {
		background: #207245;
		color: #ffffff;
		border-color: #207245;
	}
	.solso-excel:hover, 
	.solso-excel:focus, 
	.solso-excel.active {
		background: #1E5037;
		color: #ffffff;
		border-color: #1E5037;
	}	
	/* === END BUTTONS === */	
	
	/* === WIDGETS === */
	.widget {
		margin-bottom: 20px;
		overflow: hidden;
		padding: 15px;
	}
	.widget.widget-stats {
		position: relative;
	}
	.widget-stats .stats-info h4 {
		color: #fff;
		font-size: 12px;
		margin: 5px 0;
	}
	.widget-stats .stats-icon {
		color: #fff;
		font-size: 42px;
		height: 56px;
		line-height: 56px;
		margin-left: 15px;
		opacity: 0.2;
		position: absolute;
		right: 15px;
		text-align: center;
		top: 15px;
		width: 56px;
	}
	.widget-stats .stats-info p {
		font-size: 24px;
		font-weight: 300;
		margin-bottom: 0;
	}
	.widget hr {
		border-top: 1px solid #FFFFFF;
	}
	.widget-stats .stats-link a {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
		color: #ddd;
		display: block;
		font-weight: 300;
		margin: 15px -15px -15px;
		padding: 7px 15px;
		text-align: right;
		text-decoration: none;
	}
	.widget-stats .stats-link a:focus, .widget-stats .stats-link a:hover {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
		color: #fff;
	}
	.widget-stats .stats-icon.stats-icon-lg {
		font-size: 52px;
		right: 21px;
		top: 12px;
	}
	.widget-stats .stats-title {
		font-size: 16px;
		line-height: 1.1;
		margin: 2px 0 7px;
		position: relative;
		text-transform: uppercase;
	}
	.widget-stats .stats-desc, .widget-stats .stats-title {
		color: rgba(255, 255, 255, 0.6);
	}
	.widget-stats .stats-desc {
		font-weight: 300;
		margin-bottom: 0;
	}
	.widget-stats .stats-number {
		color: #FFFFFF;
		font-size: 24px;
		font-weight: 300;
		margin-bottom: 10px;
	}
	.widget-stats .stats-progress {
		background: none repeat scroll 0 0 #FFFFFF;
		height: 2px;
		margin: 0 -15px 12px;
	}
	.widget-stats .stats-progress .progress-bar {
		background: none repeat scroll 0 0 #FFFFFF;
	}

	.small-widget {
		background: none repeat scroll 0 0 #FFFFFF;
	}
	
	.bg-green 					{background: none repeat scroll 0 0 #2ABB9B;}	
	.bg-blue 					{background: none repeat scroll 0 0 #4183D7;}	
	.bg-purple 					{background: none repeat scroll 0 0 #8E44AD;}
	.bg-grey 					{background: none repeat scroll 0 0 #2C3E50;}	
	/* === END WIDGETS === */
	
	/* === PIE CHART === */
	.solso-pie-chart {
		color: #777777;
		padding-top: 10px;
		text-align: center;
		height: 180px;
		text-transform: uppercase;
	}
	.solso-pie-chart h4 {
		margin-top: 20px;
	}
	.solso-pie-chart p {
		padding-left: 15px;
		text-align: left;
	}
	.solso-pie-chart .chart {
		position: relative;
		display: inline-block;
		width: 110px;
		height: 110px;
		text-align: center;
	}
	.solso-pie-chart .chart canvas {
		position: absolute;
		top: 0;
		left: 0;
	}
	.solso-pie-chart .percent {
		display: inline-block;
		line-height: 110px;
		z-index: 2;
	}
	.solso-pie-chart .percent:after {
		content: '%';
		margin-left: 0.1em;
		font-size: .8em;
	}
	.chart-invoice-paid 			{border-bottom: 2px solid #27ae60;}
	.chart-invoice-unpaid 		{border-bottom: 2px solid #ec5e00;}	
	.chart-invoice-partial-paid	{border-bottom: 2px solid #2e8ece;}	
	.chart-invoice-overdue		{border-bottom: 2px solid #c0392b;}	
	.chart-invoice-canceled		{border-bottom: 2px solid #7b7d7f;}	
	.chart-invoice-pending		{border-bottom: 2px solid #8e44ad;}		
	/* === END PIE CHART === */	
	
	.solso-pre {
		background: none repeat scroll 0 0 #563d7c;
		box-shadow: 0 0 0 1px #ffffff inset;
		color: #ffffff;
	}	
/* === END SOLUTII SOFT === */









/* === INVOICE === */
#invoice {
	font-family: arial;
	padding-top: 15px;
}
#invoice h2,
#invoice h3 {
	margin-top: 0;
}
#invoice h3 {
	margin-bottom: 0;
}

#invoice .logo {
	padding: 0;
}
#invoice .details {
	font-size: 14px;
	margin-bottom: 2px;
}

#invoice .table.no-border,
#invoice .table.no-border td {
	border: 0;
}
#invoice .table h2 {
	margin-bottom: 0;
}
#invoice .table th {
	background: #DBDBDB;
	color: #000000;
	font-size: 14px;
}
#invoice .table td {
	font-size: 12px;
}
#invoice .table .total {
	font-weight: bold;
	word-spacing: 5px;
}


.label-paid 				{background: #27ae60}
.label-unpaid 			{background: #ec5e00}
.label-partially-paid  	{background: #2e8ece}
.label-cancelled		{background: #7b7d7f}
.label-overdue		  	{background: #c0392b}
.label-pending		  	{background: #8e44ad}
/* === END INVOICE === */



pre {
	margin-top: 20px;
	margin-left: 200px;
	margin-right: 200px;
	background: #FFFFFF;
}
