.flag-icon,
.flag-icon-background {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50%
}

.flag-icon {
	position: relative;
	display: inline-block;
	width: 1.33333333em;
	line-height: 2em
}

.flag-icon:before {
	content: "\00a0"
}

.flag-icon.flag-icon-squared {
	width: 1em
}

.flag-icon-gb{
  background-image:url('/flags/svg/262-united-kingdom.svg');
}
.flag-icon-cn{
  background-image:url('/flags/svg/261-china.svg');
}
.flag-icon-in{
  background-image:url('/flags/svg/217-india.svg');
}
.flag-icon-esp{
  background-image:url('/flags/svg/044-spain.svg');
}
.flag-icon-de{
  background-image:url('/flags/svg/066-germany.svg');
}
.flag-icon-fr{
  background-image:url('/flags/svg/077-france.svg');
}
.flag-icon-pt{
  background-image:url('/flags/svg/174-portugal.svg');
}
.flag-icon-he-il{
  background-image:url('/flags/svg/263-israel.svg');
}

.footer {
  border-top: 1px solid rgba(24,28,33,0.06);
}

.switcher-indicator{
  cursor:pointer;
}

.neurOnMenuIcon {
  background-image:url('/images/NeurOnIcon.png');
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 20px;
  width: 25px !important;
  margin-right: 10px !important;
}

.gorillaMenuIcon {
  background-image:url('/images/gorillaIcon.png');
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 23px;
  width: 23px !important;
  margin-right: 10px !important;
}

.fitbitMenuIcon {
  background-image:url('/images/Fitbit_Symbol_White_RGB.png');
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 23px;
  width: 23px !important;
  margin-right: 10px !important;
}

.fitbitMenuIconDark {
  background-image:url('/images/Fitbit_Symbol_Black_RGB.png');
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 23px;
  width: 23px !important;
  margin-right: 10px !important;
}

.prolificMenuIcon {
  background-image:url('/images/prolificIcon.png');
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 23px;
  width: 23px !important;
  margin-right: 10px !important;
}

.prolificMenuIconGrey {
  background-image:url('/images/prolificIcon_grey.png');
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 23px;
  width: 23px !important;
  margin-right: 10px !important;
}

.redcapIconGrey {
  background-image:url('/images/redcap-mantal-icon.png');
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 23px;
  width: 23px !important;
  margin-right: 10px !important;
}

.w-30 {
  width:30px !important;
}

.card-header .fa {
  transition: .3s transform ease-in-out;
}
.card-header .collapsed .fa {
  transform: rotate(90deg);
}

.pageSortHandle {
  cursor: grab;
}

.hideBullet {
  list-style-type: none;
  padding-left: 0;
}

.ui-state-highlight {
  height: 43px;
  margin-bottom: 15px;
  border: dashed 1px #999;
  background-color: transparent;
  background-image: none;
}

.pre{
  background-color: #f5f5f5;
  border: solid 1px #e7e7e7;
  border-radius: 3px;
  width:100%;
  padding: 10px;
  margin-bottom: 0;
  max-height: 300px;
  overflow: auto;
  word-break: normal !important;
  word-wrap: normal !important;
  white-space: pre !important;
}

.default-style:not([dir=rtl]) div.card-datatable table.dataTable thead th:first-child{
  padding-left: 10px !important;
}

.default-style:not([dir=rtl]) div.card-datatable table.dataTable thead th:last-child {
  padding-right: 10px !important;
}

.default-style:not([dir=rtl]) div.card-datatable table.dataTable tbody td:first-child{
  padding-left: 10px !important;
}

.default-style:not([dir=rtl]) div.card-datatable table.dataTable tbody td:last-child{
  padding-right: 10px !important;
}

.irs--round .irs-handle {
  border: 4px solid #26B4FF !important;
}
.irs--round .irs-bar {
  background-color: #26B4FF !important;
}
.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
  background-color: #26B4FF !important;
}
.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before{
  border-top-color: #26B4FF !important;
}

code {
  border: solid 1px #999;
  border-radius: 3px;
  background-color: #FFF;
  margin-bottom: 15px;
}

.accordionCardHeader:hover{
  cursor: pointer;
}

.datepicker{
  z-index:2000 !important;
}
.datepicker-dropdown {
  z-index: 9999 !important;
}
.default-style .datepicker-dropdown {
    z-index: 9999 !important;
}

body.modal-open .datepicker {
  z-index: 2000 !important;
}

.accordion_header:hover{
  cursor: pointer;
}

.selectPickerCustom{
  padding: 6px !important;
}

.select2-results__group {
    font-size: 14px !important;
}

/*
.dropdown-menu{
  max-height: 250px;
}
*/

.select2-selection--single{
  height: 38px !important;
  line-height: 1.8 !important;
}

.pac-item {
  padding: 5px;
  font-family: "Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
}

#sortable { 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	width: 60%; 
}
  
#sortable li { 
	margin: 0 5px 5px 5px; 
	padding: 5px; 
	font-size: 1.2em; 
	height: 1.5em;
	/*
	border: solid 1px #999999;
	border-radius: 3px;
	*/
}
  
html>body #sortable li { 
	height: 2.1em; 
	line-height: 1.4em; 
}
  
.ui-state-highlight { 
	height: 1.5em; 
	line-height: 1.2em;
}

#sortable1, #sortable2, #sortable3, #sortable4, #sortable5, #sortable6 { 
	list-style-type: none; 
	margin: 0; 
	float: left; 
	margin-right: 10px; 
	background: #eee; 
	padding: 5px; 
	width: 100%;
	min-height: 50px;
}
#sortable1 li, #sortable2 li, #sortable3 li, #sortable4 li, #sortable5 li, #sortable6 li { 
	margin: 5px; 
	padding: 5px; 
	font-size: 1.2em; 
	width: 90%; 
}

.reportFieldsTableHandle:hover{
	cursor: pointer;
}