@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

*{-webkit-font-smoothing:antialiased!important;-webkit-text-size-adjust:none!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;outline:none!important}*::-moz-selection{background:#333;color:#fff}*::selection{background:#333;color:#fff}input::-moz-focus-inner{border:0;padding:0}select::-moz-focus-inner{border:0;padding:0}input,select,textarea{border-radius:0}input[type=text],input[type=password],select,textarea{-webkit-appearance:none}ul:after{height:0;content:'';display:block;clear:both}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.image-bg-fluid-height,
.image-bg-fixed-height {
    text-align: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.image-bg-fluid-height {
	background: url('/images/header/default.jpg') no-repeat center center scroll;
    padding: 150px 0;
}

.image-bg-fixed-height {
	background: url('/images/header/default.jpg') no-repeat center center scroll;
    height: 350px;
}

html {
	width: 100%;
	height: 100%;
	background: #fff;
	text-align: center;
}

body {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	text-align: left;
	background: #fff;
	color: #333;
}

body,
table tr td {
	font: 400 14px/20px 'Roboto', 'Open Sans', sans-serif;
}

body strong,
table tr td strong,
body b,
table tr td b {
	font-weight: 700;
}

img {
	border: none;
	display: inline-block;
}

img.responsive-image {
	width: 100%;
	display: block;
}

img.max-image {
	max-width: 100%;
	display: block;
}

.website-wrapper {
	height: auto; 
	min-height: 100%;
}

.website-main {
	padding-bottom: 90px;
}

.navbar-inverse .navbar-brand {
	color:white;
}

#content {
	padding: 30px 0 0 0;
}

aside {
	display: block;
	margin: 0 0 30px 0;
}

aside > ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}

aside > ul > li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
	border-bottom: 1px solid #ddd;
}

aside > ul > li:last-child {
	border-bottom: none;
}

aside > ul > li > a,
aside > ul > li > a:hover,
aside > ul > li > a:focus {
	display: block;
	color: inherit;
	text-decoration: none;
	padding: 8px 0;
}

aside > ul > li.current > a,
aside > ul > li.current > a:hover,
aside > ul > li.current > a:focus {
	font-weight: 700;
}

aside > ul > li > ul {
	margin: -5px 0 5px 0 !important;
	padding: 0 !important;
	list-style: none;
}

aside > ul > li > ul > li {
	margin: 0 0 0 15px !important;
	padding: 0 !important;
	list-style: none;
}

aside > ul > li > ul > li > a,
aside > ul > li > ul > li > a:hover,
aside > ul > li > ul > li > a:focus {
	display: block;
	color: inherit;
	text-decoration: none;
	padding: 4px 0;
}

aside > ul > li > ul > li.current > a,
aside > ul > li > ul > li.current > a:hover,
aside > ul > li > ul > li.current > a:focus {
	font-weight: 700;
}

#content h1 {
	position: relative;
	display: block;
	font: 600 34px/40px 'Open Sans', sans-serif;
	padding: 0;
	margin: 0 0 15px 0;
	color: inherit;
}

#content h2 {
	position: relative;
	display: block;
	font: 600 30px/36px 'Open Sans', sans-serif;
	padding: 0;
	margin: 0 0 15px 0;
	color: inherit;
}

#content h3 {
	position: relative;
	display: block;
	font: 600 26px/32px 'Open Sans', sans-serif;
	padding: 0;
	margin: 0 0 15px 0;
	color: inherit;
}

#content h4 {
	position: relative;
	display: block;
	font: 600 22px/28px 'Open Sans', sans-serif;
	padding: 0;
	margin: 0 0 15px 0;
	color: inherit;
}

#content h5 {
	position: relative;
	display: block;
	font: 600 18px/24px 'Open Sans', sans-serif;
	padding: 0;
	margin: 0 0 15px 0;
	color: inherit;
}

#content h6 {
	position: relative;
	display: block;
	font: 600 14px/20px 'Open Sans', sans-serif;
	padding: 0;
	margin: 0 0 15px 0;
	color: inherit;
}

#content p {
	display: block;
	padding: 0;
	margin: 0 0 15px 0;
}

footer {
	height: 60px;
	margin-top: -60px;
	background: #ccc;
	overflow: hidden;
}

footer p {
	padding: 20px;
}


/* case form */
.nav-tabs li.has-error a,
.nav-tabs li.active.has-error a {
	font-weight: bold;
	color: #a94442 !important;
	background-color: #f2dede !important;
}

.form-part {
	padding: 10px;
	border: 1px solid rgba(0,0,0,.07);
	background-color: rgba(0,0,0,.08);
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
}
.form-part .row {
	margin-right: 0;
	margin-left: 0;
}
.cisg-citations .badge {
	margin-left: 5px;
	margin-right: 5px;
	cursor: default;
}
.cisg-citations .badge span {
	padding-left: 5px;
	cursor: pointer;
}
.table-case-history tr.new-case {
	background-color: #b6b6b6 !important
}
.table-case-history tr.new-case td .new-to-history,
.table-case-history tr.new-case td .tab-contract-override {
	font-size: 11px;
	position: absolute;
	right: -30px;
	color: white;
	padding: 2px 5px;
	border-radius: 5px;
}
.table-case-history tr.new-case td .new-to-history {
	background-color: #339b33;
	margin-top: -5px;
}
.table-case-history tr.new-case td .tab-contract-override {
	background-color: #339b33;
	margin-top: 20px;
}
.edit-country-flag {
	margin-top: 9px;
}
.by-jurisdiction-flag {
	transform: scale(1.8);
	transform-origin: top left;
}

/* search case */
.warning-message {
	background-color: #f2dede;
	border-radius: 5px;
	display: inline-block !important;
	margin: 0 !important;
	padding: 6px 8px !important;
	transition: opacity ease .3s;
	-webkit-transition: opacity ease .3s;
}
.search-rotator,
.admin-login-rotator {
	display: none;
	position: absolute;
	width: 30px;
	height: 30px;
}
.search-rotator {
	margin-left: 5px;
}
.admin-login-rotator {
	margin-left: -35px;
}
.search-rotator .r1,
.admin-login-rotator .r1 {
	position: absolute;
	width: 80%;
	height: 80%;
	top: 10%;
	left: 10%;
	border-radius: 50%;
	border: 1px solid #337ab7;
	border-bottom-color: transparent;
	animation: rotate1 1.5s linear infinite;
	webkit-animation: rotate1 1.5s linear infinite;
}
@-moz-keyframes rotate1 { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes rotate1 { 100% { -webkit-transform: rotate(360deg); } }
@keyframes rotate1 { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.search-results {
	margin-top: 40px;	
}
.search-results-table {
	margin-top: 30px;
}
.search-results-table tr td.number {
	width: 170px;
}
.search-results-table tr th.date {
	text-align: right;
}
.search-results-table tr td.date {
	width: 120px;
	text-align: right;
}
.search-results-table tr td {
	cursor: default;
}
.edit-case-number {
	font-size: 15px;
	color: gray;
}
.admin-login {
	position: absolute;
	width: 100%;
	padding-right: 5px;
	margin-top: -45px;
}
.admin-login i.fa-cog,
i.page-up {
	border-radius: 3px;
	padding: 8px;
	transition: color ease .3s;
}
.admin-login i.fa-cog:hover,
i.page-up:hover {
	color: black;
	background-color: rgba(0,0,0,.1);
}
.search-result {
	margin-bottom: 10px;
	padding: 10px;
	cursor: default;
	border-radius: 5px;
	border: 1px solid rgba(0,0,0,.07);
	transition: background-color ease .3s;
	-webkit-transition: background-color ease .3s;
}
.search-result:hover {
	background-color: rgba(0,0,0,.08);
}
.search-actions {
	position: absolute;
	right: 0;
	height: 100%;
}
.search-edit-case {
	margin-bottom: 5px;
}
.search-open-blank {
	font-size: 18px;
	padding: 3px 8px;
	color: rgba(51, 51, 51, 0.836);
	position: absolute;
	bottom: 0;
	right: 8px;
}

.sort-list li {
	text-align: center;
	width: 180px;
	float: left;
	display: inline-block;
	margin-top: 20px;
}
.sort-pill {
	font-size: 11px;
	padding: 5px 0px 5px 13px;
	border-radius: 15px;
	background-color: rgba(0,0,0,.1);
	cursor: default;
}
.sort-pill.active {
	background-color: #4cae4c
}
.sort-pill .icon-wrapp {
	padding: 5px 13px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.sort-pill .icon-wrapp:hover {
	background-color: rgba(0,0,0,.2);
}
.sort-pill .order-number {
	position: absolute;
	width: 19px;
	height: 19px;
	font-size: 11px;
	margin-left: -20px;
	margin-top: -8px;
	background-color: #2e6da4;
	border-radius: 50%;
	color: white;
}
.sorting {
	transform: rotate(10deg);
	-webkit-transfomr: rotate(10deg);
}
.sorted {
	background-color: green;
	border: dashed 1px red;
}


/* case display */
.general-information-rows > .row,
.contract-information-rows > .row,
.decision-information-rows > .row,
.publication-information-rows > .row,
.comment-rows > .row {
	padding-top: 5px;
	padding-bottom: 5px;
}
.general-information-rows > .row.active,
.contract-information-rows > .row.active,
.decision-information-rows > .row.active,
.publication-information-rows > .row.active {
	background-color: rgba(0,0,0,0.2);
}

.general-information-rows .is-content,
.general-information-rows .is-content-history,
.contract-information-rows .is-content,
.decision-information-rows .is-content,
.decision-information-rows .is-content-cases,
.publication-information-rows .is-content,
.comment-rows .is-content-cases,
.comment-rows .is-content,
.bibliography-rows .is-content {
	padding: 10px;
	margin-bottom: 5px;
	background-color: rgba(0,0,0,0.2);
}

.general-information-rows .is-content-history,
.decision-information-rows .is-content-cases,
.comment-rows .is-content-cases,
.comment-rows .is-content {
	background-color: rgba(0,0,0,0.13);
}
.general-information-rows .is-content-history.is-this-case {
	background-color: rgba(0,0,0,0.2);
}
.bibliography-rows .is-content {
	background-color: white;
	border: 1px solid rgba(0,0,0,.07);
	border-radius: 5px;
}

.divider {
	margin: 12px 0;
	border-bottom: dashed 3px rgba(0,0,0,.05);
}

.spacer-md {
	margin: 12px 0;
}
.spacer-lg {
	margin: 30px 0;
}

.contract-information-rows .is-content table {
	margin-top: 20px;
}
.contract-information-rows .is-content table tr th,
.contract-information-rows .is-content table tr td {
	font-size: 13px;
	padding: 4px;
	border-bottom: dashed 3px rgba(0,0,0,.05);
}
.general-information-rows .is-content-history .history-description {
	font-size: 11px;
	position: absolute;
	right: -20px;
	color: white;
	padding: 2px 8px;
	border-radius: 5px;
	background-color: #339b33;
}
.has-flag {
	padding-left: 35px;
}


/* default added css styles */
.cursor-default {
	cursor: default !important;
}
.no-select {
	-moz-user-select: none;
	user-select: none !important;
}
.hover:hover,
.hover:focus {
	background-color: rgba(0,0,0,0.2);
}
.float-right {
	float: right !important;
}
.divider {
	margin: 12px 0;
	border-bottom: dashed 3px rgba(0,0,0,.1);
}

/* bootstrap override */
.table-striped > tbody > tr:nth-of-type(2n+1) {
	background-color: #efecec;
}
.table-hover > tbody > tr:hover,
.table-hover > tbody > tr:focus {
	background-color: #dad7d7
}
.table-cursor-default > tbody > tr {
	cursor: default;
}
.table > tbody > tr.hover:hover,
.table > tbody > tr.hover:focus {
	background-color: #dad7d7
}
.nav-edit > li > a {
	padding: 10px;
}
.dropdown-menu {
	z-index: 10000 !important;
}
.fa-arrow-down {
	transition: all ease .5s;
}
.no-style,
.no-style:hover,
.no-style:active,
.no-style:visited {
	text-decoration: none !important;
	color: black;
}
.flag.align-top {
	margin-top: -12px;
}
.flag-lg {
	transform: scale(1.2);
}
.no-padding {
   padding: 0 !important;
   margin: 0 !important;
}

.navbar-inverse .navbar-form input {
  background-color: rgba(255, 255, 255, 0.1);
  border: none;
  box-shadow: none;
  color: rgba(255, 255, 255, 0.938);
}
.navbar-inverse .navbar-form button {
  background-color: rgba(255, 255, 255, 0.7);
  
  font-weight: bold;
}

/* BY JURISDICTION */
.by-jurisdiction-index .box {
	cursor: default;
	padding: 5px;
	border-radius: 10px;
	border: 1px solid black;
	margin-left: 1px;
	margin-bottom: 15px;
	height: 100%;
	transition: all ease-in-out .2s;
	user-select: none;
}
.by-jurisdiction-index .box.contracting {
	background-color: #B7B6B6;
	border-color: transparent;
}
.by-jurisdiction-index .box.unclear {
	background-color: #ededed;
	border-color: transparent;
}
.by-jurisdiction-index .box:hover {
	box-shadow: 0px 0px 30px 10px rgba(0,0,0,.3);
}

.by-jurisdiction-detail .hover {
	padding: 3px 8px;
}

.row-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.row-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

.centered-v {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}

.cross-decision .cross-count {
	position: absolute;
	width: 30px;
	height: 30px;
	right: 10px;
	top: 50%;
	padding: 7px;
	background-color: #2e6da4;
	border-radius: 50%;
	transform: translateY(-50%);
}
.cross-decision .cross-count span {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: white;
	font-weight: bold;
}
.cross-decision .cross-content {
	padding-right: 30px;
}
.cross-results {
	font-size: 1.1em;
	font-weight: bold;
	padding-bottom: 10px;
}
.cross-results-title {
	padding-bottom: 15px;
}
.cross-decision .list-number,
.by-goods-row .list-number {
	font-size: 1.1em;
	font-weight: bold;
	padding-right: 20px;
}
.readonly {
	background-color: rgba(0,0,0,0.05);
}

/* NEWS BOX */
.news-box-row {
	background-color:rgba(0,0,0,.05);
	padding: 8px;
}
.news-box-row .item {
	margin-bottom: 12px;
}
.news-box-row .item .link {
	font-size: 14px;
}


/* VUE EDIT  CASE STYLES */
.no-header > header {
    display: none !important;
}
.v-select {
    background-color: white !important;
}
.v-select .vs__dropdown-menu {
	width: auto !important;
}