// $1: #dff0d8; //$iar_green_ultralight
// $2: #d0e9c6; //$iar_green_lightest
// $3: #c1e2b3; //$iar_green_lighter
// $4: #1BC98E; //$iar_green_light
// $5: #18b37e; //$iar_green_medium
// $6: #159c6e; //$iar_green_dark
// $7: #117d58; //$iar_green_darker
// $8: #09422f; //$iar_green_darkest
// 
// 
.collapse {
	display: none;
	&.in {
		display: block;
	}
	tr {
		&.in {
			display: table-row;
		}
	}
	tbody {
		&.in {
			display: table-row-group;
		}
	}
}

.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	transition-property: height, visibility;
	transition-duration: 0.35s;
	transition-timing-function: ease;
}

.img-thumbnail,
body {
	background-color: #fcfcfc;
}

.text-iar {
	color: $iar_green_light;
}

a.text-iar:hover,
a.text-iar:focus {
	color: $iar_green_dark;
}

.bg-iar {
	background-color: $iar_green_ultralight;
}

a.bg-iar:hover,
a.bg-iar:focus {
	background-color: $iar_green_lighter;
}

.table > thead > tr > td.iar,
.table > tbody > tr > td.iar,
.table > tfoot > tr > td.iar,
.table > thead > tr > th.iar,
.table > tbody > tr > th.iar,
.table > tfoot > tr > th.iar,
.table > thead > tr.iar > td,
.table > tbody > tr.iar > td,
.table > tfoot > tr.iar > td,
.table > thead > tr.iar > th,
.table > tbody > tr.iar > th,
.table > tfoot > tr.iar > th {
	background-color: $iar_green_lightest;
}

.table-hover > tbody > tr > td.iar:hover,
.table-hover > tbody > tr > th.iar:hover,
.table-hover > tbody > tr.iar:hover > td,
.table-hover > tbody > tr:hover > .iar,
.table-hover > tbody > tr.iar:hover > th {
	background-color: $iar_green_lightest;
}

.has-iar .help-block,
.has-iar .control-label,
.has-iar .radio,
.has-iar .checkbox,
.has-iar .radio-inline,
.has-iar .checkbox-inline,
.has-iar.radio label,
.has-iar.checkbox label,
.has-iar.radio-inline label,
.has-iar.checkbox-inline label {
	color: $iar_green_light;
}

.has-iar .form-control {
	border-color: $iar_green_light;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-iar .form-control:focus {
	border-color: $iar_green_dark;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px $iar_green_light;
}

.has-iar .input-group-addon {
	color: $iar_green_light;
	border-color: $iar_green_light;
	background-color: $iar_green_ultralight;
}

.has-iar .form-control-feedback {
	color: $iar_green_light;
}

.btn {
	transition: background-color 0.2s ease-out, color 0.2s ease-out;
}

.btn-iar {
	color: #fff;
	background-color: $iar_green_light;
	border-color: $iar_green_medium;
}

.btn-iar:focus,
.btn-iar.focus {
	color: #fff;
	background-color: $iar_green_dark;
	border-color: $iar_green_darkest;
}

.btn-iar:hover {
	color: #fff;
	background-color: $iar_green_dark;
	border-color: $iar_green_darker;
}

.btn-iar:active,
.btn-iar.active,
.open > .dropdown-toggle.btn-iar {
	color: #fff;
	background-color: $iar_green_dark;
	border-color: $iar_green_darker;
}

.btn-iar:active:hover,
.btn-iar.active:hover,
.open > .dropdown-toggle.btn-iar:hover,
.btn-iar:active:focus,
.btn-iar.active:focus,
.open > .dropdown-toggle.btn-iar:focus,
.btn-iar:active.focus,
.btn-iar.active.focus,
.open > .dropdown-toggle.btn-iar.focus {
	color: #fff;
	background-color: $iar_green_darker;
	border-color: $iar_green_darkest;
}

.btn-iar:active,
.btn-iar.active,
.open > .dropdown-toggle.btn-iar {
	background-image: none;
}

.btn-iar.disabled:hover,
.btn-iar[disabled]:hover,
fieldset[disabled] .btn-iar:hover,
.btn-iar.disabled:focus,
.btn-iar[disabled]:focus,
fieldset[disabled] .btn-iar:focus,
.btn-iar.disabled.focus,
.btn-iar[disabled].focus,
fieldset[disabled] .btn-iar.focus {
	background-color: $iar_green_light;
	border-color: $iar_green_medium;
}

.btn-iar .badge {
	color: $iar_green_light;
	background-color: #fff;
}

.label-iar {
	background-color: $iar_green_light;
}

.label-iar[href]:hover,
.label-iar[href]:focus {
	background-color: $iar_green_dark;
}

.btn-iar-outline {
	color: $iar_green_medium;
	background-color: transparent;
	border-color: $iar_green_medium;
}

.btn-iar-outline:focus,
.btn-iar-outline.focus,
.btn-iar-outline:hover,
.btn-iar-outline:active,
.btn-iar-outline.active,
.open > .dropdown-toggle.btn-iar-outline {
	color: #fff;
	background-color: $iar_green_medium;
	box-shadow: none;
}

.btn-iar-outline.disabled,
.btn-iar-outline[disabled],
fieldset[disabled] .btn-iar-outline,
.btn-iar-outline.disabled:hover,
.btn-iar-outline[disabled]:hover,
fieldset[disabled] .btn-iar-outline:hover,
.btn-iar-outline.disabled:focus,
.btn-iar-outline[disabled]:focus,
fieldset[disabled] .btn-iar-outline:focus,
.btn-iar-outline.disabled.focus,
.btn-iar-outline[disabled].focus,
fieldset[disabled] .btn-iar-outline.focus,
.btn-iar-outline.disabled:active,
.btn-iar-outline[disabled]:active,
fieldset[disabled] .btn-iar-outline:active,
.btn-iar-outline.disabled.active,
.btn-iar-outline[disabled].active,
fieldset[disabled] .btn-iar-outline.active {
	border-color: $iar_green_medium;
}

.btn-iar-outline .badge {
	color: #fff;
	background-color: $iar_green_medium;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
	outline: none;
	box-shadow: none;
}

button.btn-iar-transparent {
	background-color: transparent;
	&.focus,
	&:focus {}
}

.btn {
	input[type='file'] {
		position: absolute;
		top: 0;
		right: 0;
		min-width: 100%;
		min-height: 100%;
		text-align: right;
		filter: alpha(opacity=0);
		opacity: 0;
		outline: none;
		background: white;
		cursor: inherit;
		display: block;
		pointer-events: all;
	}
	&.btn-file {
		position: relative;
		//pointer-events: none;
		overflow: hidden;
	}
}

.panel-iar {
	border-color: $iar_green_light;
}

.panel-iar > .panel-heading {
	color: #FFF;
	background-color: $iar_green_light;
	border-color: $iar_green_light;
}

.panel-iar > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: $iar_green_light;
}

.panel-iar > .panel-heading .badge {
	color: $iar_green_light;
	background-color: #fff;
}

.panel-iar > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: $iar_green_light;
}

.panel.with-nav-tabs > .panel-heading {
	padding: 5px 15px 0 15px;
}

.panel.with-nav-tabs .nav-tabs {
	border-bottom: none;
}

.panel.with-nav-tabs .nav-justified {
	margin-bottom: -1px;
}


/********************************************************************/


/*** PANEL DEFAULT ***/

.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
	color: #777;
}

.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
	color: #777;
	background-color: #ddd;
	border-color: transparent;
}

.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
	color: #555;
	background-color: #fff;
	border-color: #ddd;
	border-bottom-color: transparent;
}

.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
	background-color: #f5f5f5;
	border-color: #ddd;
}

.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
	color: #777;
}

.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
	background-color: #ddd;
}

.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
	color: #fff;
	background-color: #555;
}

.custom-control input:checked~.custom-control-indicator.iar-checkbox {
	background-color: $iar_green_light;
	border-color: $iar_green_light;
}

.custom-control input:focus~.custom-control-indicator.iar-checkbox {
	box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem $iar_green_light;
}

.borderless {
	border: 0;
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
	border-bottom-style: none;
	&.with-nav-tabs .nav-tabs > li {
		margin-bottom: 0;
		border: 0;
		border-top-style: none;
		border-left-style: none;
		border-right-style: none;
		border-bottom-style: none;
		> a,
		> a:hover,
		> a:focus,
		&.active > a,
		&.active > a:hover,
		&.active > a:focus {
			border: 0;
			border-top-style: none;
			border-left-style: none;
			border-right-style: none;
			border-bottom-style: none;
		}
	}
	.panel-heading {
		border: 0;
		border-top-style: none;
		border-left-style: none;
		border-right-style: none;
		border-bottom-style: none;
	}
}

.panel-iar {
	&.with-nav-tabs {
		.nav-tabs > li {
			&:not(.active) {
				>a {
					color: $iar_green_darker;
					&:hover,
					&:focus {
						color: #fff;
					}
				}
			}
		}
	}
}