@font-face{
	font-family: Roboto-Regular;
	src: url('./fonts/Roboto-Regular.ttf'),
	url('Roboto-Regular.eot'); /* IE */
}

@font-face{
	font-family: Roboto-Medium;
	src: url('./fonts/Roboto-Medium.ttf'),
	url('Roboto-Medium.eot'); /* IE */
}

@font-face{
	font-family: Roboto-Bold;
	src: url('./fonts/Roboto-Bold.ttf'),
	url('Roboto-Bold.eot'); /* IE */
}

body
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-family: "Roboto-Regular";
}

H1, H2, H3, H4, H5
{
	font-family:		"Roboto-Medium";
	font-style:			normal;
	word-break:			break-all;
}

H1>p,H2>p,H3>p,H4>p,H5>p
{
	color:				rgb(54,54,54);
	font-family:		"Roboto-Regular";
	font-style:			normal;
	font-size:			16pt;
}

/* These css classes are used for the ZHtml group fields */
label.hidereq span
{
	display:			none;
}

.link-field
{
	white-space: nowrap;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tooltip{
	font-weight:		normal;
}

.well{
	background-color: #8EE5E4;
}
.well.form-inline label{
	margin-right: 15px;
}

#tender-filters-form button{
	display: inline-block;
	margin-top: 5px;
}

.cd-timeline-img.document{
	background-color: green;
}

.button-column .view{
	background: none;
}
.grid-view .color-preview {
	padding: 5px;
}

.preview_color{
	width: 30px;
	height: 30px;
}


/*
  css for custom yiibooster fieldGroups
*/

.ZImgUpload_overlay
{
	opacity:			0;
	position:			absolute;
	left:				0;
	top:				0;
	width:				100%;
	height:				100%;
}

/* SECTION BELOW: Adaption of blankon theme for Yii
	These are modifications needed because Yii/yiibooster inserts extra tags that modify the css chain
*/

/* Adaption to use 'page-boxed' with a fixed header */
body.page-header-fixed .navbar-header,
body.page-header-fixed .header-right
{
	position:			absolute;
	background-color:	#ffffff;
}

/* Adaption to use 'page-boxed' with a fixed header */
body>#wrapper
{
	padding-top:		50px;
}
/* Adaption to use 'page-boxed' with a fixed header */
#header
{
	position:			fixed;
	top:				0;
}

/* Adaption to use 'page-boxed' with a fixed header and special fullscreen menu in talet/mobile mode*/
@media (max-width: 1000px)
{
	html.page-boxed #wrapper,
	body.page-boxed #wrapper
	{
		position:			inherit;
		width:				100%;
		height:				50px;
	}

	#header .navbar-header .navbar-brand .logo
	{
/*		float:			left;*/
	}
	/* Use full width menu when in mobile mode and sidebar is opened*/
	body.page-boxed.page-sidebar-right-show #sidebar-left {
		left:				0;
		width:				100%;
		top:				50px;
	}
	body.page-boxed.page-sidebar-right-show #header .header-left
	{
		left:				0px;
	}
	body.page-boxed.page-sidebar-right-show #header .header-right
	{
		display:			none;
	}
	/* Hide content when menu is open in mobile mode */
	body.page-boxed.page-sidebar-right-show #page-content
	{
		display:			none;
	}
}

/* blankon remove spacing after field group */
.no-spacing
{
	margin-bottom: 0;
}

/* align append/prepend text to top of group like checkbox text */
.top-align-addon .input-group-addon,
.top-align-addon .input-group-addon a
{
	padding-top: 0;
	padding-bottom: 11px;
}


/* styling for big text(14px) for checkboxfieldgroup with blankon theme */
#sign-wrapper .ckbox label
{
	line-height: 20px;
	padding: 0 0 0 14px;
}

/* styling for centered checkboxfieldgroup with blankon theme (set " 'groupOptions' => array('class'=>'center-vert') " to use )*/
#sign-wrapper .center-vert .ckbox label
{
	padding: 10px 0 0 14px;
}
#sign-wrapper .center-vert .ckbox label:before
{
	top: auto;
}
#sign-wrapper .center-vert .ckbox input[type=checkbox]:checked + label::after
{
	top: auto;
}

/* Always keep search field visible */
@media (max-width: 480px)
{
	#header .navbar-search {
		display:			block;
	}
	#header .navbar-toolbar .navbar-form input
	{
		min-width:			192px;
		width:				192px;
	}
}
@media (max-width: 360px)
{
	#header .navbar-left .navbar-search {
		display:			block !important;
	}
	#header .navbar-toolbar .navbar-form input
	{
		min-width:			160px;
		width:				160px;
	}
}


/* Fix logo images to fit within container */
#header .navbar-brand  img
{
	height: 			50px;
	vertical-align:		top;
}

/* Avoid getting two carets... for dropdown (userthumb) menu */
#header .nav > li > a .meta + .caret
{
	display:			none;
}

/* Allow always open submenus in sidebar*/
.sidebar-menu > li.submenu.open ul
{
	display:			block;
}

/* Fix so that uploaded thumbnail image that is not correct size gets resized */
.thumbnail>img,
.thumbnail a>img
{
	width:				100%;
}

/* Min width of tabs */
.panel-tab .panel-heading ul li a
{
	min-width: 120px;
}

@media (max-width: 360px){
	.panel-tab .panel-heading ul li {
		width: 33%;
	}
	.panel-tab .panel-heading ul li a{
		min-width: 80px;
	}
}

/* Submenu */
.panel .submenu {
	padding: 0;
}
.submenu .panel-tab-double .panel-heading ul li a {
	padding: 10px 15px 10px 10px;
}
.submenu .panel-tab .panel-body.tab-content {
	padding: 10px;
}
.submenu .panel-tab .panel-heading ul li.active a,
.submenu .panel-tab .panel-heading ul li a:hover
{
	border-top: 3px solid rgb(26,170,170);
}

/* Position modal */
.modal.in .modal-dialog {
	margin: 100px auto;
}

/* used to have a grid view with no padding above */
.no-grid-top-padding
{
	padding-top:		0;
}

/* Fix look of button column in tender/_users */
.table>tbody>tr>td.column-dropdown,
.table>thead>tr>td.column-dropdown
{
	padding:			0;
}
.table>tbody>tr>td.column-dropdown>div,
.table>tfoot>tr>td.column-dropdown>div,
.table>thead>tr>td.column-dropdown>div
{
	width:				100%;
	margin:				0;
}
.table>tbody>tr>td.column-dropdown>div>a,
.table>tfoot>tr>td.column-dropdown>div>a,
.table>thead>tr>td.column-dropdown>div>a
{
	width:				100%;
}

.table>tbody>tr>td.column-dropdown>.open .dropdown-menu,
.table>tfoot>tr>td.column-dropdown>.open .dropdown-menu,
.table>thead>tr>td.column-dropdown>.open .dropdown-menu
{
	display: block;
	width: 100%;
}
.table tbody tr td > a {
	margin-right: 4px;
}
/*
 ALL BELOW SHOULD BE CLEANED UP
 */




.tt-dropdown-menu{
	padding: 10px;
	border: 1px solid rgb(26,170,170);
	margin-top: -12px;
}
.tt-dropdown-menu h3{
	text-align: center;
	font-size: 16px;
	padding: 0;
	margin: 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 5px;
}
.tt-dataset-searched_tenders a{
	display: block;
	max-height: 123px;
	font-size: 12px;
	overflow: hidden;
	word-break: break-word;
	text-decoration: none;
	line-height: 14px;
	color: #333;
	border-radius: 2px;
}
.tt-dataset-searched_tenders a:hover{
	background: rgb(31,206,203);
	color: white;
}
.tt-dataset-searched_tenders .search_separator{
	border-bottom: 1px solid #DDDDDD;
	width: 100%;
}
.navbar-search .tt-hint.loading{
	background: url("/images/loader.gif") no-repeat center right !important;
}

.tender-actions ul.actions-list{
	list-style: none;
	float: right;
}
.tender-actions ul.actions-list li{
	margin-bottom: 10px;
	overflow: hidden;
}
.tender-actions ul.actions-list li .label{
	float: left;
	color: #333;
}
.tender-actions ul.actions-list li .text{
	float: right;
	color: #fff;
}




/* Styling for the header-content used on many pages */
.header-content
{
	height:			48px;
}
.header-content h2
{
	white-space:	nowrap;
	overflow:		hidden;
	text-overflow:	ellipsis;
}
.header-content h2.right
{
	float:			right;
	white-space:	nowrap;
}

.header-content h2.right i, h2.right i
{
	border-left:	1px dotted #dddddd;
	border-right:	0;
	padding-left:	20px;
	padding-right:	0px;
	margin-left: 	7px;
	margin-right:	0;
	font-size:		25px;
}

.header-content h2>b.grey_header_item
{
	color:			lightgrey;
	font-weight:	500;
	font-style:		normal;
	height:			24px;
}

.header-content .btn {
    padding: 5px;
    box-shadow: none;
}

i.zicon
{
	color:			blacK;
}

i.zicon.grey
{
	color:			lightgrey;
}

i.zicon.active
{
	color:			#f6bb42;
}




/* Styling for the pager on the tender index overview*/
.pagination
{
	margin: 0 0 8px 0;
}

.pagination_summary
{
	text-align: right;
	vertical-align: middle;
	line-height: 34px;
}

.pagination_summary .summary
{

}


/* Styling for the tender-boxes on the tender overview*/
.tender-box
{
}

.tender-box a
{
	color:				rgb(99, 110, 123);
	text-decoration:	none;
}

/*
.tender-box .panel .panel-heading {
	height:			96px;
}
*/
.tender-box .panel .panel-heading H4
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tender-box .panel .panel-body
{
	height:			200px;
	word-break:		break-word;
	overflow-y:		auto;
	overflow-x:		hidden;
	text-overflow:	ellipsis;
}

.tender-box .panel .panel-footer
{
	height:			44px;
}

.tender-box .panel .panel-footer H3
{
	color:			lightgrey;
	float:			left;
	font-size:		22px;
	letter-spacing:	-0.5px;
	margin:			0;
}

.tender-box .panel .panel-footer .right
{
	float:			right;
}


/* Styling for the tender wizard */
.tender-wizard
{
	display: flex;
    flex-flow: column;
	width:			100%;
	height: 100%;
	margin-bottom: 0;
}

.tender-wizard .panel-body
{
/*	z-index:		1;*/
	flex-grow: 1;
    position: relative;
	overflow-y: auto;
}

.tender-wizard.espd
{
	display:		table;
	height:			100%;
	border-collapse: collapse;
}

.tender-wizard.espd > .panel-heading
{
	display: 		table-row;
	height:			0;
}

.tender-wizard.espd > .panel-body
{
	display: 		table-row;
	height:			auto;
}


@media (max-width: 800px) {
	.tender-wizard.hide-header-on-mobile .panel-heading
	{
		display:		none;
	}
	.tender-wizard.hide-header-on-mobile .panel-body
	{
		padding:		0px;
	}
}

/* Styling for timeline in tender wizard timeline tab */
.timeline_no_margin
{
	margin-top:			0;
	margin-bottom:		0;
	width:				100%;
}


/* Styling for tender wizard preview tab */

.filelist ul {
	/*list-style-type: none;*/
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
}

.letter {
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	margin: 26px auto 0;
	/*  max-width: 550px;*/
	min-height: 100px;
	padding: 24px;
	position: relative;
	width: 80%;
}
.letter:before, .letter:after {
	content: "";
	height: 98%;
	position: absolute;
	width: 100%;
	z-index: -1;
}
.letter:before {
	background: #fafafa;
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
	left: -5px;
	top: 4px;
	transform: rotate(-2.5deg);
}
.letter:after {
	background: #f6f6f6;
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
	right: -3px;
	top: 1px;
	transform: rotate(1.4deg);
}

/*
.tab-content > .active, .pill-content > .active {
	padding-bottom: 20px;
}
*/

/* Styling for bidder letter in tender wizard preview tab */
.paper {
	position: relative;
	min-height: 20px;
	word-wrap: break-word;
	width: 80%;
	margin: 26px auto 0;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #FFFFFF;
	border: 1px solid #fafafa;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(128,128,128,.1)inset;
	box-shadow: 0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(128,128,128,.1)inset;
}
.paper:after, .paper:before {
	content: "";
	position: absolute;
	z-index: -2;
}

.paper-curl-right {
	border-radius: 0 0 120px / 0 0 6px 0;
}

.paper-curl-right:after {
	right: 6px;
	-webkit-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
}

.paper-curl-right:before {
	left: 6px;
	-webkit-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}

.paper-curl-right:after, .paper-curl-right:before {
	bottom: 12px;
	width: 50%;
	height: 55%;
	max-width: 200px;
	max-height: 100px;
	-webkit-box-shadow: 0 8px 14px rgba(31,31,31,.5);
	box-shadow: 0 8px 14px rgba(31,31,31,.5);
}


.tstranslation-list .grid-view table .btn, .tstranslation-list .tab-content table thead .btn
{
	margin: 0 0;
}

.tstranslation-list .tab-content table tbody tr td
{
	word-break: break-word;
}



.ribbon-wrapper {
	width: 170px;
	height: 170px;
}
.ribbon-wrapper .ribbon {
	top: 53px;
    left: -14px;
    width: 230px;
}
.ribbon-danger {
	background-color: rgba(255,0,0,0.6) !important;
}

.ribbon-warning {
	background-color: rgba(246,187,66,0.6) !important;
}

.ribbon-success {
	background-color: rgba(140,193,82,0.6) !important;
}

.bootstrap-grid,
.bootstrap-grid table,
.bootstrap-grid table thead,
.bootstrap-grid table thead tr,
.bootstrap-grid table thead tr th,
.bootstrap-grid table tbody,
.bootstrap-grid table tbody tr,
.bootstrap-grid table tbody tr td
{
	display:		block;
}

.bootstrap-grid table thead tr
{
	margin-left:	-10px;
	margin-right:	-10px;
}

.bootstrap-grid table thead tr th,
.bootstrap-grid table tbody tr td
{
	float:			left;
	white-space:	nowrap;
	overflow:		hidden;
	text-overflow:	ellipsis;
}

.UTC
{
	padding-left:	0px; 
	padding-right:	0px;
}

.UTC::before
{
	content:		'UTC';
	position:		relative;
	left:			8px;
}
.UTC input
{
	border:			none;
	background:		transparent;
	pointer-events:	none;
	position:		relative;
	right:			8px;
	text-align:		right;
	width:			130px;
}


.pager > li {
	padding: 0 4px 0 4px;
}

.pager > li > a.btn-primary,
.pager li > button.btn-primary
{
	background-color:	#009dc8;
	color:				white;

}

.pager > li > a.btn-success,
.pager li > button.btn-success
{
	background-color:	#8cc152;
	color:				white;
}

.pager > li > a.btn-danger,
.pager li > button.btn-danger
{
	background:			#e9573f;
	color:				white;
}

.pager > li > a.btn-warning,
.pager li > button.btn-warning
{
	background:			#f5b22a;
	color:				white;
}

.pager li > button
{
	display: inline-block;
	min-width: 140px;
	padding: 5px 14px;
	background-color: #fff;
	color: rgb(26,170,170);
    border: 1px solid #aaa;
	border-radius: 15px;
}

.pager li>button:hover,
.pager li>button:focus {
	text-decoration: none;
	background-color: #eee;
}
.pager li>button.btn:hover,
.pager li>button.btn:focus {
	color: #333;
	text-decoration: none;
	border: 1px solid #aaa;
}

.pager li>.disabled
{
	color: lightgrey;
}

.form-group .info-box {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.fileview
{
	height:				100%;
}

#fileview
{
	height:				100%;
	overflow-y:			scroll;
}

.docthumb
{
	height:				256px;
	display:			block;
	margin:				0 auto;
}

/* Selector used by drag and drop (we don't style this)*/
.qq-upload-drop-area-selector
{
}

/* main dropzone */
.qq-upload-drop-area
{
	position:			absolute;
	background: 		transparent;
	overflow: 			hidden;
	top:				0;
	left: 				0;
	width:				100%;
	height: 			100%;
	z-index:			2;
}

/* main dropzone active*/
.qq-upload-drop-area.qq-upload-drop-area-active
{
	background:			rgba(31,206,203,.25);
}

/* active main dropzone center text*/
.qq-upload-drop-area:before
{
	content:			attr(qq-drop-area-text) " ";
	position:			absolute;
	color:				rgb(167,62,92);
	font-size:			200%;
	font-weight: 		900;
	left:				0;
	width:				100%;
	text-align:			center;
	top:				45%;
	opacity:			.85;
	display:			block;
	z-index:			3;
	pointer-events: 	none;
}

/* Smaller dropzones ( hidden before drop action starts ) */
.dropz
{
	position:			absolute;
	left:				0px;
	width:				100%;
	background:			transparent;
	z-index:			50;
}

/* Smaller dropzones active*/
.dropz.qq-upload-drop-area-active
{
	background:			rgba(31,206,203,.5);
}

/* Smaller dropzones right side text*/
.dropz.qq-upload-drop-area-active:before
{
	content:			attr(qq-drop-area-text) " ";
	position:			absolute;
	left:				0px;
	width:				100%;
	text-align:			right;
	padding-right:		20px;
	top:				0;
	opacity:			.85;
	display:			block;
	z-index:			3;
	pointer-events: 	none;
}

/* Make sure right click popup menu is infront in IE */
.vakata-context, .vakata-context ul {
	z-index:			1;
}

.strokeme
{
	color: white;
	text-shadow:
	-1px -1px 0 #000,
	1px -1px 0 #000,
	-1px 1px 0 #000,
	1px 1px 0 #000;
}

#feature-form table tbody tr td {
	text-align: center;
	vertical-align: middle;
	padding: 4px;
}

#feature-form table tbody tr td a {
	margin: 0;
}

#feature-form table tbody tr td .glyphicon {
	font-size: 24px;
}

li.private:before {
	content: "\f21b";
	position: absolute;
	font-family: FontAwesome;
	right: 8px;
	font-weight: 300;
	z-index: 1;
}
li.accepted:before {
	content: "\f087";
	color: green;
	position: absolute;
	font-family: FontAwesome;
	right: 8px;
	font-weight: 300;
	z-index: 1;
}
li.rejected:before {
	content: "\f088";
	color: red;
	position: absolute;
	font-family: FontAwesome;
	right: 8px;
	font-weight: 300;
	z-index: 1;
}
li.undecided:before {
	content: "\f29c";
	position: absolute;
	font-family: FontAwesome;
	right: 8px;
	font-weight: 300;
	z-index: 1;
}
li.private > a > i
{
	color: red;
}
li.jstree-open > a > i.jstree-icon.fa-folder-o:before {
	content: "\f115";	/* fa-folder-open-o */
}
li.jstree-open > a > i.jstree-icon.fa-folder:before {
	content: "\f07c";	/* fa-folder-open */
}

.invisible{
	visibility: hidden;
}

.alert {
	margin-bottom: 10px;
}

.cd-horizontal-timeline .timeline {
	position: relative;
	height: 40px;
	width: 100%;
	max-width: 100%;
	margin: 0;
}
.cd-horizontal-timeline .events-wrapper::before {
	background-image: -webkit-linear-gradient( left , #e9eaed, rgba(248, 248, 248, 0));
	background-image: linear-gradient(to right, #e9eaed, rgba(248, 248, 248, 0));
}
.cd-horizontal-timeline .events-wrapper::after {
	background-image: -webkit-linear-gradient( right , #e9eaed, rgba(248, 248, 248, 0));
	background-image: linear-gradient(to left, #e9eaed, rgba(248, 248, 248, 0));
}
.cd-horizontal-timeline .events {
	top: 50%;
}
.cd-horizontal-timeline .events a {
	padding-bottom: 5px;
 }
.cd-horizontal-timeline.loaded {
	padding-bottom: 5px;
}

@media (min-width: 1000px)
{
	.terms .modal-dialog {
		width: 800px;
	}
}

.tab-content .tab-content {
	margin-bottom: 0px;
}

.compactRadioGroup {
	padding-left: 1.5em;
	border: 1px solid lightgrey;
	margin-bottom: 4px;
}

.compactRadioGroup > SPAN > INPUT
{
	display: inline;
	clear: both;
	float: left;
	margin-left: -14px;
	margin-right: -30px;
	margin-top: 5px;
}

.compactRadioGroup > SPAN > LABEL
{
	display: inline;
}

.compactRadioLabel {
	display: block;
}

.compactRadioGroup > SPAN > input[type="radio"]:checked + label {
}

.compactRadioGroup > SPAN > input[type="radio"]:not(:checked) + label {
/*    color: lightgray;*/
}
.compactRadioGroup > SPAN > input[type="radio"]:not(:checked) + label > div {
	display: none;
}

.compactRadioGroup > SPAN > input[type="radio"]:not(:checked) + label INPUT,
.compactRadioGroup > SPAN > input[type="radio"]:not(:checked) + label SELECT,
.compactRadioGroup > SPAN > input[type="radio"]:not(:checked) + label TEXTAREA {
	background-color: darkgray;
	pointer-events: none;
}

/* Fix sorting arrows wrapping to next line in column headers of gridview*/
a.sort-link {
	white-space: pre;
}

.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox]
{
	width: 15px;
	height: 15px;
	margin-top: 3px;
}


/*              *
 * Simap Styles *
 *              */

.border-box {
	position: relative;
	border: ridge white 2px;
	padding: 24px 2px 2px 2px;
	margin-bottom: 10px;
}

.tab-content .border-box{
	background-color: rgb(248,240,240);
}

.tab-content .border-box .border-box{
	background-color: rgb(240,248,240);
}

.tab-content .border-box .border-box .border-box{
	background-color: rgb(240,240,248);
}

.tab-content .border-box .border-box .border-box .border-box{
	background-color: rgb(240,248,248);
}

.tab-content .border-box > .top-left {
	background-color: rgb(246,200,200);
}

.tab-content .border-box .border-box > .top-left {
	background-color: rgb(200,246,200);
}

.tab-content .border-box  .border-box .border-box > .top-left {
	background-color: rgb(200,200,246);
}

.tab-content .border-box  .border-box .border-box .border-box > .top-left {
	background-color: rgb(200,246,246);
}

.border-box .top-right-button {
	float: right;
	width: 32px;
	padding: 0px;
	margin-top: -1px;
	margin-bottom: -1px;
	margin-left: 4px;
	line-height: 12px;
	font-size: 10px;
	color: black;
	border-color: #EEE #777 #777 #EEE;
	border-style: ridge;
	background: #CEF;
}

.border-box .top-right-button.clicked {
	border-color: #777 #EEE #EEE #777;
}

.border-box .top-left {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 12px;
	padding: 2px 4px;
	margin: 0;
	line-height: 1em;
	background: lightblue;
	width: 100%;
	color: black;
	border-bottom: 1px solid gray;
}

.border-box .top-tab {
	float: right;
	width: 32px;
	padding: 0px;
	margin-top: -1px;
	margin-bottom: -2px;
	margin-left: 4px;
	line-height: 13px;
	font-size: 10px;
	color: black;
	border-color: #EEE #777 #777 #EEE;
	border-style: ridge;
	background: #CEF;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom: none;
}

.border-box.top-left-check > span:first-child
{
	padding-left: 20px;
}


.border-box.top-left-check input.top-left-checkbox {
	top: 2px;
	left: 4px;
	position: absolute;
	margin: 0;
}

.border-box.top-left-check input:not(:checked).top-left-checkbox + div
{
	opacity: .4;
	pointer-events: none;
}


.border-box input:not(:checked).check-disables-next + div
{
	opacity: .4;
	pointer-events: none;
}

.forms-array-group
{

}

/* shade all in a group when toggle button is released  */
.forms-array-group > .forms-array-content > div.shaded_all
{
	opacity: .4;
	pointer-events: none;
}

/* shaded default model to is always semi-transparent */
.forms-array-group > .forms-array-content > div.shaded_default
{
	opacity: .4;
	pointer-events: none;
	display: none;
}

/* shaded default model only visible when it is alone */
.forms-array-group > .forms-array-content > div.shaded_default:last-child
{
	display: block;
}

.forms-array-group > .forms-array-content > div:nth-of-type(2) ~ div
{
	position: relative;
	border-top: solid lightblue 1px;
	padding: 24px 2px 2px 2px;
	margin-top: -5px;
}


.form-group input[type=radio]+label
{
	display: inherit;
	vertical-align: text-bottom;
}

.not_selected{
	display: none;
}

.section_title
{
	font-family: "Roboto-Medium";
	font-style: normal;
	word-break: break-all;
	text-align: center;
	background: rgb(230,245,255);
	font-size: 24px;
	padding: 10px 0 10px 0;
}

.sticky-footer
{
	position: fixed;
	position: sticky;
	bottom: 0;
}

.input-group > .form-control {
    z-index: auto;
}

.sticky-footer > .panel-footer {
    padding: 4px;
}

.table thead tr th.slim-grid-header
{
	font-size: 12px;
	text-align:center;
	max-width:60px;
	width:60px;
}

.grid-footer {
	white-space:nowrap;
	text-align:center;
}

.pager li>a, .pager li>span
{
    min-width: 140px;
	padding: 0;
	line-height: 30px;
    border: 1px solid #aaa;
}

.table.table-striped tbody tr:hover td {
    background-color: rgb(230,245,255);
}

a.editable.editable-click {
    color: black;
    padding-top: 0;
    font-weight: 800;
}

.colored_check .glyphicon-ok
{
	color: green;
}

.colored_check .glyphicon-remove
{
	color: red;
}

/* Used for embedding forms fields in radio groups in SIMAP forms */

.embed .form-group {
    top: -25px;
}
.embed .form-group label {
    text-align: left;
    padding-left: 0;
}

/* hide the first element that is used for disabeling radio groups in simap forms */
.hide-radio-disable-option > .radio-group > .form-group > div > span > label:first-child {
    display: none;
}

.shaded_radio_group
{
	opacity: .4;
	pointer-events: none;
}
/*
.thin-split-vertical
{
	border-bottom: black 1px dashed;
}
*/

.bottom-split-line {
	border-bottom-style: groove;
	border-bottom-color: white;
	border-bottom-width: 1px;
	margin-bottom: 6px;
}

.g-recaptcha > div {
    margin: auto;
}
.errorMessage {
	display: none;
}