/* Copyright(C) 2012 LeadValu */
/*
Green1 #A7CC24
Green2 #2E5305
Red1 FC4230
Gray1 534A4F
*/

@import "https://fonts.googleapis.com/icon?family=Material+Icons+Outlined";
@import "https://fonts.googleapis.com/icon?family=Material+Icons";

/* Make primary buttons LeadValu Greens */
.btn-primary{
	background-color:#2e5305;
	background-image:-moz-linear-gradient(top, #A7CC24, #2E5305);
background-image:-ms-linear-gradient(top, #A7CC24, #2E5305);
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#A7CC24), to(#2E5305));
background-image:-webkit-linear-gradient(top, #A7CC24, #2E5305);
background-image:-o-linear-gradient(top, #A7CC24, #2E5305);
background-image:linear-gradient(top, #A7CC24, #2E5305);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A7CC24', endColorstr='#2E5305', GradientType=0);
border-color:#2E5305 #2E5305 #003500;
border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#2E5305;
filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}

.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{
background-color:#2E5305;*background-color:#003500;
}
.btn-primary:active,.btn-primary.active{
background-color:#009944;
}

.nav-pills > .active > a, .nav-pills > .active > a:hover {
    background-color: #2E5305;
    color: #FFFFFF;
}
.nav-stacked > li > a {
    margin-right: 0;
}
.nav-pills > li > a {
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 2px;
    margin-top: 2px;
    padding-bottom: 8px;
    padding-top: 8px;
}
.nav-tabs > li > a, .nav-pills > li > a {
    line-height: 14px;
    margin-right: 2px;
    padding-left: 12px;
    padding-right: 12px;
}
.nav > li > a {
    display: block;
}
a {
    color: #2E5305;
    text-decoration: none;
}
.nav-menu a { font-size:medium; }

.navbar .nav > li > a {
    color: #2E5305;
}
/* Welcome $user */
.navbar .nav > span {
	color: #333333;
	padding-right: 60px;
    font-weight:bold;
	float:left;
	padding:9px 10px 11px;
	line-height:19px;
	/* text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); */
}

.padlr_10 {
    padding: 10px 0 10px 0;
}

.centered {
  text-align: center;
}

.some_selected {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.ui-widget-content.ui-dialog
{
   /*border: 2px solid #808080;*/
}

.alink { text-decoration:underline; }

.clear:after {
	content:"";
	display:block;
	clear:both;
}

.clearable{
  background: #fff url(data:image/gif;base64,R0lGODlhBwAHAIAAAP///5KSkiH5BAAAAAAALAAAAAAHAAcAAAIMTICmsGrIXnLxuDMLADs=) no-repeat right -10px center;
  border: 1px solid #999;
  padding: 3px 18px 3px 4px;     /* Use the same right padding (18) in jQ! */
  border-radius: 3px;
  transition: background 0.4s;
}
.clearable.x  { background-position: right 5px center; } /* (jQ) Show icon */
.clearable.onX{ cursor: pointer; }              /* (jQ) hover cursor style */
.clearable::-ms-clear {display: none; width:0; height:0;} /* Remove IE default X */

.headLine2 { display:none; }


#MenuButton { font-size:18px; }
@media (min-width:600px) {
	#MenuButton { display:none; }
	.headLine2 { display: flex; margin:0 0 5px 0; }
}

@media (max-width: 767px) {

	.nav.pull-right { display:none; }
	/*footer { background:white; }*/

}

/*footer { position: fixed; bottom:0; width:95%; }*/
footer p { margin:0; }
@media print {
	.page_header { display:none; }
	.navbar { display:none; }
	.lvToolbar { display:none; }

}
footer { position: relative; width:100%; }

label input[type='checkbox'] { display:inline; }

/*
.lvMenu .lvUserName
{
	background:lightgrey;
	color:black;
	margin:0px 5px 0 5px;
}
*/
.lvMenuRight > ul > li { float:right; }

.lvMenuSep { margin-right:2px;padding-right:1px; }
/*border-right:1px solid grey;*/

.lvHeadIcon { display:none; }
@media (max-width:355px)
{
	.lvHeadIcon { display: inherit; }
	.lvHeadBanner { display:none; }
}


.content_head {
	padding: 0;
	margin-bottom: 1em;
}
@media ( max-width:600px) {
	.content_head {
		/*padding: 5px;*/
	}
}

.lvicon {
	display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 1em;
    height:1.4em;
}
.trash-icon {
	background-image: url(/admin/assets/images/trash-white.png);
}

.crm-icon {
	display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: contain;
}
.Salesforce-icon, .salesforce-icon {
	background-image: url(/admin/assets/images/salesforce-cloud.png);
	width: 4em;
	height: 2em;
	line-height: 1em;
}
#question_list h4 { margin:0; }

.lv-dialog .ui-dialog-content { padding: 0; }
.lv-dialog .ui-dialog-titlebar-close { display:none; }
.lv-dialog .ui-dialog-title { margin: .1em 0; }
.lv-dialog-ok { float:right; margin-left:1em; }
.lv-dialog-cancel { float:right; margin-left:1em; }
.lv-dialog-scrollable .ui-dialog-content { display:flex; flex-direction: column; }
.lv-dialog-flex { display:flex; flex-direction: column; }
.lv-dialog-content { flex:1; overflow:auto; }
.lv-dialog-footer { margin-top:.5em; }

.wait_spinner_popup
{
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-color:rgba(0,0,0,.2);
    z-index:65535;
}
.wait_spinner_box
{
     position:absolute;
     width:120px;
     padding:10px;
     min-height:100px;
     top:50%;
     left:50%;
     margin:-50px 0 0 -50px;
     background:white;
     border:1px solid black;
     border-radius:5px;
     text-align: center;
}
.wait_spinner_popup img { width:100px; }

input.lvcheck, input.lvradio {
	border:none;
	-webkit-appearance: none;
}

input.lvcheck:before {
	content: "check_box_outline_blank";
    font-family: "Material Icons Outlined";
    font-size: 1.4em;
    overflow: hidden;
    position: relative;
    top: .2em;
}
input.lvcheck:checked:before {
	content: "check_box";
}

input.lvradio:before {
	content: "radio_button_unchecked";
    font-family: "Material Icons Outlined";
    font-size: 1.4em;
    overflow: hidden;
    position: relative;
}
input.lvradio:checked:before {
	content: "radio_button_checked";
}

.flexigrid { user-select: none; }
#events_list .flexigrid { user-select: unset; }

.flexigrid div.bDiv tr.trSelected:hover td, .flexigrid div.bDiv tr.trSelected:hover td.sorted, .flexigrid div.bDiv tr.trOver.trSelected td.sorted, .flexigrid div.bDiv tr.trOver.trSelected td, .flexigrid tr.trSelected td.sorted, .flexigrid tr.trSelected td {
    background: inherit;
}

.flexigrid tr.trSelected {
border: 3px solid blue !important;
}

.combobox {
    display: flex;
}
.combobox input {
    flex:1;
}
.combobox select {
    display:none; /*for now until we actually have a working combobox*/
    width: 2em;
}

/*
wrap a flexigrid in a flexigridcontainer and the flexigird will
track the size of it container.
see flexihelper.js for usage.
 */
.flexigridcontainer {
    display:flex;
    flex-direction: column;
}
.flexigridcontainer .flexigrid {
    flex: 1;
    display:flex;
    flex-direction: column;
}
.flexigridcontainer .flexigrid div.bDiv {
    flex: 1;
    flex-basis: 0;
}