/* Fonts */

	@font-face {
		font-family: 'PT-Sans';
		src: 	url('../media/fonts/PT-Sans-Regular.woff') format('woff'),
				url('../media/fonts/PT-Sans-Regular.eot') format('eot'),
				url('../media/fonts/PT-Sans-Regular.ttf') format('truetype'),
				url('../media/fonts/PT-Sans-Regular.svg') format('svg');
	}
	
	@font-face {
		font-family: 'PT-Sans';
		font-weight: bold;
		src: 	url('../media/fonts/PT-Sans-Bold.woff') format('woff'),
				url('../media/fonts/PT-Sans-Bold.eot') format('eot'),
				url('../media/fonts/PT-Sans-Bold.ttf') format('truetype'),
				url('../media/fonts/PT-Sans-Bold.svg') format('svg');
	}
	
/* Keyframes */

	@keyframes blink {
	  to { visibility: hidden; }
	}
	
	@-webkit-keyframes blink {
	  to { visibility: hidden; }
	}
	
	@-webkit-keyframes color_change {
	  from { color: #ccc; }
	  to { color: red; }
	}
	@-moz-keyframes color_change {
	  from { color: #ccc; }
	  to { color: red; }
	}
	@-ms-keyframes color_change {
	  from { color: #ccc; }
	  to { color: red; }
	}
	@-o-keyframes color_change {
	  from { color: #ccc; }
	  to { color: red; }
	}
	@keyframes color_change {
	  from { color: #ccc; }
	  to { color: red; }
	}

	@-webkit-keyframes color_change_act {
	  from { color: #666; }
	  to { color: #fff; }
	}
	@-moz-keyframes color_change_act {
	  from { color: #666; }
	  to { color: #fff; }
	}
	@-ms-keyframes color_change_act {
	  from { color: #666; }
	  to { color: #fff; }
	}
	@-o-keyframes color_change_act {
	  from { color: #666; }
	  to { color: #fff; }
	}
	@keyframes color_change_act {
	  from { color: #666; }
	  to { color: #fff; }
	}

	@-webkit-keyframes moveRight {
		to { -webkit-transform: translateX(20px); }
	}

	@keyframes moveRight {
		to { transform: translateX(20px); }
	}

	@-webkit-keyframes moveLeft {
		to { -webkit-transform: translateX(-20px); }
	}

	@keyframes moveLeft {
		to { transform: translateX(-20px); }
	}
	
/* Animations */

	.blink {
		-webkit-animation: blink 1s steps(3, start) infinite;
		animation: blink 1s steps(3, start) infinite;
	}


/* General styles */

	* {
		outline: none !important;
	}

	html,body {
		margin: 0px;
		padding: 0px;
		height: 100%;
		font-family: 'PT-Sans' !important;
	}
	
	section {
		display: inline-block;
	}
	
	textarea {
		white-space: pre-wrap;
	}
	
	i {
		vertical-align: baseline;
	}
	
/* General classes */
	
	.inline {
		display: inline-block;
	}
	
/* Helper classes */
	
	.nodsp {
		display: none;
	}
	
	.tLeft {
		text-align: left;
	}
	
	.tCenter {
		text-align: center;
	}
	
	.tRight {
		text-align: right;
	}
	
	.relative {
		position: relative;
	}
	
	.pointer {
		cursor: pointer;
	}
	
/* Bootstrap extensions */
		
	/* Input group addons */
	
		.wrapper > .inner .input-group .input-group-addon span {
			display: inline-block;
		}
		
		.wrapper > .inner .input-group .input-group-addon.S span {
			width: 40px;
		}
		
		.wrapper > .inner .input-group .input-group-addon.SM span {
			width: 55px;
		}
		
		.wrapper > .inner .input-group .input-group-addon.M span {
			width: 65px;
		}
		
		.wrapper > .inner .input-group .input-group-addon.L span {
			width: 80px;
		}
		
		.wrapper > .inner .input-group .input-group-addon.XL span {
			width: 100px;
		}
		
		.wrapper > .inner .input-group .input-group-addon.XXL span {
			width: 120px;
		}
			
	/* Modal fix */
		
		.modal{
			width: 100%;
			position: fixed;
			text-align: center;
			margin: 0px auto;
			top: 0px;
			left: 0px;
			bottom: 0px;
			right: 0px;
			z-index: 999999;
			overflow-y: auto !important;
		}
		
		.modal_wrapper{
			display: table;
			overflow: auto;
			overflow-y: auto !important;
			height: 100%;
			-webkit-overflow-scrolling: touch;
			outline: 0;
			text-align: center;
			margin: 0px auto;
		}
		
		.modal-dialog{
			margin-top: 0px;
			display: table-cell;
			vertical-align: middle;
			margin: 0px 20px;
		}
		
		.modal-footer {
			padding: 10px 10px 10px;
		}
		
	/* Callouts */

		.callout {
			border-left: 3px solid #eeeeee;
			margin: 20px 0;
			padding: 15px;
		}
		
		.callout h1,
		.callout h2,
		.callout h3,
		.callout h4,
		.callout h5,
		.callout h6 {
			margin-top: 0px;
			margin-bottom: 5px;
		}
		
		.callout p:last-child {
			margin-bottom: 0px;
		}
		
		/* Callout default theme */
		
			.callout.callout-default {
				background-color: #f1f1f1;
				border-color: #888888;
			}
			
			.callout.callout-info h1,
			.callout.callout-info h2,
			.callout.callout-info h3,
			.callout.callout-info h4,
			.callout.callout-info h5,
			.callout.callout-info h6 {
				color: #888888;
			}
			
		/* Callout info theme */
		
			.callout.callout-info {
				background-color: #f4f8fa;
				border-color: #5bc0de;
			}
			
			.callout.callout-info h1,
			.callout.callout-info h2,
			.callout.callout-info h3,
			.callout.callout-info h4,
			.callout.callout-info h5,
			.callout.callout-info h6 {
				color: #5bc0de;
			}
			
		/* Callout warning theme */
		
			.callout.callout-warning {
				background-color: #fcf8f2;
				border-color: #f0ad4e;
			}
			
			.callout.callout-warning h1,
			.callout.callout-warning h2,
			.callout.callout-warning h3,
			.callout.callout-warning h4,
			.callout.callout-warning h5,
			.callout.callout-warning h6 {
				color: #f0ad4e;
			}
			
		/* Callout danger theme */
		
			.callout.callout-danger {
				background-color: #fdf7f7;
				border-color: #d9534f;
			}
			
			.callout.callout-danger h1,
			.callout.callout-danger h2,
			.callout.callout-danger h3,
			.callout.callout-danger h4,
			.callout.callout-danger h5,
			.callout.callout-danger h6 {
				color: #d9534f;
			}
			
		/* Callout danger theme */
		
			.callout.callout-success {
				background-color: #dff0d8;
				border-color: #468847;
			}
			
			.callout.callout-success h1,
			.callout.callout-success h2,
			.callout.callout-success h3,
			.callout.callout-success h4,
			.callout.callout-success h5,
			.callout.callout-success h6 {
				color: #468847;
			}
			
	/* Buttons */
		
		/* Sizes */
		
			.btn-xxs {
				padding: 1px 5px;
				font-size: 10px;
				line-height: 1.2;
				border-radius: 2px;
			}
		
		/* Master */
		
			.btn-master {
				color: #fff;
				background-color: #428bca;
				border-color: #3a76aa;
			}
			
			.btn-master:hover,
			.btn-master:focus,
			.btn-master:active,
			.btn-master.active,
			.open .dropdown-toggle.btn-master {
				color: #fff;
				background-color: #428bca;
				border-color: #3a76aa;
			}
			
			.btn-master:active,
			.btn-master.active,
			.open .dropdown-toggle.btn-master {
				background-image: none;
			}
			
			.btn-master.disabled,
			.btn-master[disabled],
			fieldset[disabled] .btn-master,
			.btn-master.disabled:hover,
			.btn-master[disabled]:hover,
			fieldset[disabled] .btn-master:hover,
			.btn-master.disabled:focus,
			.btn-master[disabled]:focus,
			fieldset[disabled] .btn-master:focus,
			.btn-master.disabled:active,
			.btn-master[disabled]:active,
			fieldset[disabled] .btn-master:active,
			.btn-master.disabled.active,
			.btn-master[disabled].active,
			fieldset[disabled] .btn-master.active {
				background-color: #428bca;
				border-color: #3a76aa;
			}
			}
			
			.btn-master .badge {
				color: #428bca;
				background-color: #fff;
			}
			
		/* Grey */
		
			.btn-grey {
				color: #fff;
				background-color: #888888;
				border-color: #777777;
			}
			
			.btn-grey:hover,
			.btn-grey:focus,
			.btn-grey:active,
			.btn-grey.active,
			.open .dropdown-toggle.btn-grey {
				color: #fff;
				background-color: #666666;
				border-color: #555555;
			}
			
			.btn-grey:active,
			.btn-grey.active,
			.open .dropdown-toggle.btn-grey {
				background-image: none;
			}
			
			.btn-grey.disabled,
			.btn-grey[disabled],
			fieldset[disabled] .btn-grey,
			.btn-grey.disabled:hover,
			.btn-grey[disabled]:hover,
			fieldset[disabled] .btn-grey:hover,
			.btn-grey.disabled:focus,
			.btn-grey[disabled]:focus,
			fieldset[disabled] .btn-grey:focus,
			.btn-grey.disabled:active,
			.btn-grey[disabled]:active,
			fieldset[disabled] .btn-grey:active,
			.btn-grey.disabled.active,
			.btn-grey[disabled].active,
			fieldset[disabled] .btn-grey.active {
				background-color: #bbbbbb;
				border-color: #aaaaaa;
			}
			
			.btn-grey .badge {
				color: #428bca;
				background-color: #fff;
			}
			
		/* Transparent */
		
			.btn-trans {
				color: #454545;
				background-color: transparent;
				border-color: transparent;
				padding: 0px;
				margin: 0px;
			}
			
			.btn-trans:hover,
			.btn-trans:focus,
			.btn-trans:active,
			.btn-trans.active,
			.open .dropdown-toggle.btn-trans {
				color: #202020;
				background-color: transparent;
				border-color: transparent;
				-webkit-box-shadow: none;
				box-shadow: none;
			}
			
			.btn-trans:active,
			.btn-trans.active,
			.open .dropdown-toggle.btn-trans {
				background-image: none;
				-webkit-box-shadow: none;
				box-shadow: none;
			}
			
			.btn-trans.disabled,
			.btn-trans[disabled],
			fieldset[disabled] .btn-trans,
			.btn-trans.disabled:hover,
			.btn-trans[disabled]:hover,
			fieldset[disabled] .btn-trans:hover,
			.btn-trans.disabled:focus,
			.btn-trans[disabled]:focus,
			fieldset[disabled] .btn-trans:focus,
			.btn-trans.disabled:active,
			.btn-trans[disabled]:active,
			fieldset[disabled] .btn-trans:active,
			.btn-trans.disabled.active,
			.btn-trans[disabled].active,
			fieldset[disabled] .btn-trans.active {
				background-color: transparent;
				border-color: transparent;
				color: #dddddd;
			}
			
/* Bootstrap form helper */

	.bfh-number-btn {
		cursor: pointer;
	}
			
/* Fieldsets */

	fieldset legend {
		font-size: 18px;
	}
	
	fieldset legend > i {
		color: #428bca;
	}
	
	fieldset legend > small {
		font-size: 14px;
		color: #888888;
	}
			
/* Colors */
	
	.colorBase {
		color: #428bca !important;
	}
	
	.colorWhite {
		color: #ffffff !important;
	}
	
	.colorBlack {
		color: #000000 !important;
	}
	
	.colorGrey {
		color: #454545 !important;
	}
	
	.colorDarkGrey {
		color: #202020 !important;
	}
	
	.colorLightGrey {
		color: #888888 !important;
	}
	
	.colorUltraLightGrey {
		color: #bbbbbb !important;
	}
	
	.colorRed {
		color: red !important;
	}
	
	.colorGreen {
		color: green !important;
	}
	
	.colorYellow {
		color: #fbcf00 !important;
	}
	
	.colorTrans {
		color: transparent !important;
	}
	
/* Sizes */

	.sizeXXS { font-size: 10px; }
	.sizeXS { font-size: 12px; }
	.sizeS { font-size: 14px; }
	.sizeM { font-size: 16px; }
	.sizeL { font-size: 18px; }
	.sizeXL { font-size: 20px; }
	.sizeXXL { font-size: 22px; }

	span.label.light {
		font-weight: 300;
	}

/* Bootstrap fixes */

	.container-fluid .row.halved .col-xs-6:first-child:after {
		content: '';
		position: absolute;
		height: 100%;
		left: calc(100% + 2.5px);
		top: 0px;
		
		border-right: 1px #dddddd solid;
	}


/* PAGE-LOADER */

	.pageload-overlay {
		z-index: 99999999;
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		visibility: hidden;
	}

	.pageload-overlay.show {
		visibility: visible;
	}

	.pageload-overlay svg {
		position: absolute;
		top: 0;
		left: 0;
		pointer-events: none;
	}

	.clock {
		border-radius: 60px;
		z-index: 999999;
		border: 3px solid #fff;
		height: 80px;
		width: 80px;
		position: relative;

		top: 28%;
		top: -webkit-calc(50% - 43px);
		top: calc(50% - 43px);
		left: 35%;
		left: -webkit-calc(50% - 43px);
		left: calc(50% - 43px);
	}

	.clock:after {
		content: "";
		position: absolute;
		background-color: #fff;
		top:2px;
		left: 48%;
		height: 38px;
		width: 4px;
		border-radius: 5px;

		-webkit-transform-origin: 50% 97%;
				transform-origin: 50% 97%;
		-webkit-animation: grdAiguille 2s linear infinite;
				animation: grdAiguille 2s linear infinite;
	}

	@-webkit-keyframes grdAiguille {
	    0%{-webkit-transform:rotate(0deg);}
	    100%{-webkit-transform:rotate(360deg);}
	}

	@keyframes grdAiguille {
	    0%{transform:rotate(0deg);}
	    100%{transform:rotate(360deg);}
	}

	.clock:before {
		content: "";
		position: absolute;
		background-color: #fff;
		top:6px;
		left: 48%;
		height: 35px;
		width: 4px;
		border-radius: 5px;
		
		-webkit-transform-origin: 50% 94%;
				transform-origin: 50% 94%;
		-webkit-animation: ptAiguille 12s linear infinite;
				animation: ptAiguille 12s linear infinite;
	}

	@-webkit-keyframes ptAiguille {
	    0%{-webkit-transform:rotate(0deg);}
	    100%{-webkit-transform:rotate(360deg);}
	}

	@keyframes ptAiguille {
	    0%{transform:rotate(0deg);}
	    100%{transform:rotate(360deg);}
	}