@charset "utf-8";
/**
Color Map
---------- 
BackGround: #ffffff
Grey: 		#434343 -- RGB(14, 83, 152)
Silver:     #f8f8f8 -- RGB(0, 147, 221)
Orange: 	#3d4e58 -- RGB(205, 146, 42)
Green: 		#3d4e58 -- RGB(22, 86, 34)
**/

@media print 
{
  body * {visibility: hidden;}
  #tblDataList, #tblDataList * {visibility: visible;}
  #tblDataList {position: absolute; left: 0; top: 0;}
  a[href]:after {content: none !important;}
}
.pointer{cursor:pointer;}

#tblDataList{width:100%; display:block; overflow:auto;}
#frmDataList{margin:0; padding-left:5px; padding-right:5px; background-color:rgba(255, 255, 255, 0.90) !important;}
#frmDataList  p{margin:0.5em;}

.hide
{
	display:none;
}

.fb-login-button iframe{min-height: 1em !important; max-height:4em !important; background-color:transparent;}

#installBase
{
	position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(249,129,11,0.59);
    z-index: 997;
	overflow:hidden !important;
}

#installContainer 
{
    position: fixed;
    top: 30%;
    justify-content: center;
    width: 35vw;
    border: 2px solid #231f20;
    border-spacing: 0.15em;
    border-radius: 8px;
    background-color: white;
    left: 32.3%;
    padding: 0.3em;
    z-index: 998;
    -webkit-box-shadow: -5px 6px 16px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: -5px 6px 16px 1px rgba(0,0,0,0.75);
    box-shadow: -5px 6px 16px 1px rgba(0,0,0,0.75);
	overflow:hidden !important;	
}

li.comment{list-style:none;}

@media only screen and (max-width: 991px)
{
	#installContainer 
	{
		width: 75vw;
		left: 13%;
	}
}

#installContainer button 
{
    background-color: #231f20;
    border: 1px solid #fff;
    color: white;
    border-radius: 5px;
    letter-spacing: normal;
    width: 100%;
}

.sableDashboard
{
	background-color:#f8f8f8;
	overflow:hidden;
}

.sableDashboardMenu
{
	float:left;
	background-color:#434343;
	min-height:100% !important;
	/*
	position:fixed;
	top:5px;
	min-width:250px !important;
	*/
	border-right-color:#3d4e58;
	border-right-width:1px;
}

section.sableDashboard div.sableDashboardContent
{
	background-color:#f8f8f8;
	min-height:1800px !important;
	height:100% !important;
	width:100%;
	margin:0;
}

summary.sableHeader {margin-left:0; background-color: #3d4e58;}
summary.sableHeader img{border-radius:12px; border:medium rgba(0,147,221,.50) solid; margin-bottom:12px; border-spacing:1.5px;}
summary.sableHeader h4{color:#fff; font-size:18px; font-weight:bold;}
summary.sableHeader div{color:#fff;}
summary.sableHeader a{text-decoration:none;}
summary.sableHeader i{color:#fff; padding-right:15px;}
summary.sableHeader i:hover{text-decoration:none; color:rgba(0,147,221,0.50);}
.messages{position:relative;}
.messageCount{border-radius:50%; background-color:red; color:#fff; font-size:14px; position:absolute; right:5px; bottom:5px; width:24px; height:24px; padding-top:7%; text-align:center; font-weight:bold;}

#ajaxDiv
{
	position: absolute; top:49%; left:49%; /*background-color: rgba(213,239,248,0.70);*/ height:100%; width:100%; 
	z-index:9999; overflow:hidden; cursor:wait; margin:0 auto; display:none;
}
#ajaxDiv img{position: fixed; top:40%; display:inline-block; margin:0 auto; vertical-align:middle; max-height:7%; width:auto;}

.attributeValue
{
    border-radius: 100%;
    width: 65px;
    height: 65px;
    background-color: white;
    font-weight: 700;
    text-align: center;
    transform: translateX(50%) !important;
    -ms-transform: translateX(50%) !important;
    -webkit-transform: translateX(50%) !important;
    -moz-transform: translateX(50%) !important;
    -o-transform: translateX(50%) !important;
    position: relative;
    top: 0;
    left: 30%;	
	border: thin #3d4e58 solid;
}
#attributesElement
{
	width:initial;
}

/** Google Map Display **/
div#searchResults
{
	/*
	width:99%; padding:0; border:thin #434343 solid; border-radius:3px !important; margin-bottom:0.35em; 
	color:#434343; font-family:inherit;
	*/
	font-size: 14px;
	font-weight: 300;
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 2px;
	padding: 15px 0;
	letter-spacing: 2px;
	/*
	text-transform: uppercase;
	border-bottom: 1px solid #f3ede3;
	*/
	color: #3d4e58;
	border: none;
	background: 0 0;
	box-shadow: none;
	height: 6.4em;	
}
table.searchResults{height:auto; width: 99%; margin:0.5%; border-radius:3px !important; cursor:pointer;}

table.searchResults td, table.searchResults td i
{
	height:auto; width:99%; margin:0.5%; border-radius:3px !important; font-family:inherit; padding:6px; font-size:14px; 
	cursor:pointer; line-height:16px; background:none;
}
table.noResults, table.noResults td
{
	height:auto; width:99% !important; margin:0.5%; border-radius:3px !important; font-family:inherit; padding:6px; font-size:14px; 
	line-height:16px; background-color:#ed1943; color:#fff;
}
table.searchResults td:hover:not(.labelResultItem){background-color:#3d4e58; color:#434343;}
table.searchResults td i:hover:not(.labelResultItem){background-color:#fff; color:#434343; border:thin solid #434343;}
table td.labelResultItem{cursor:default; background-color:#fff;}

/** TESTING EMAILS **/
.multiple-val-input{
        height: auto;
        min-height: 34px;
        cursor: text;
    }
    .multiple-val-input ul{
        float: left;
        padding: 0;
        margin: 0;
    }
    .multiple-val-input ul li{
        list-style: none;
        float: left;
        padding: 3px 5px 3px 5px;
        margin-bottom: 3px;
        margin-right: 3px;
        position: relative;
        line-height: 13px;
        cursor: default;
        border: 1px solid #f8f8f8;
        border-radius: 3px;
        -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
        box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
        background-clip: padding-box;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: #e4e4e4;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
        background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
        background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
        background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    }
    .multiple-val-input ul li a{
        display: inline;
        color: #434343;
        text-decoration: none;
    }
    .multiple-val-input ul li a, .multiple-val-input ul li div{
        display: inline;
        margin-left: 3px;
    }
    .multiple-val-input input[type="text"]{
        float: left;
        border: none;
        outline: none;
        height: 20px;
        min-width: 5px;
        width: 5px;
    }
    .multiple-val-input span.input_hidden{
        font-size: 14px;
        position: absolute;
        clip: rect(0,0,0,0);
    }
/** TESTING EMAILS **/


body
{
	margin:0;
	background: #fff;
	font-size:16px;
}
img{border:none;}
::-webkit-input-placeholder 
{ /* Chrome/Opera/Safari */
  color: silver !important;
  font-weight:normal;
  letter-spacing:normal;  
}
::-moz-placeholder 
{ /* Firefox 19+ */
  color: silver !important;
  font-weight:normal;
  letter-spacing:normal;  
}
:-ms-input-placeholder 
{ /* IE 10+ */
  color: silver !important;
  font-weight:normal;
  letter-spacing:normal;  
}
:-moz-placeholder 
{ /* Firefox 18- */
  color: silver !important;
  opacity:1;
  font-weight:normal;
  letter-spacing:normal;
}
.fieldHint, .error, .success
{
	vertical-align:middle;
	text-align:left;
	font-style:italic;
	font-size:0.95em;
	font-family:'avenir-medium', 'open sans', sans-serif;
}

.header{color:#3d4e58;}
h3.header{font: 38px/72px 'gotham-bold', sans-serif;}

.fieldHint{color:#434343;}
label.hintUnder{font-weight:300; color:#434343;}
.fieldHint.error{color:red;}
.fieldHint.error i{color:#3d4e58;}
.fieldHint.success, .fieldHint.success i, .fieldHint i{color:green;}

.delete{color:red; font-weight:bold; text-align:right}

.data_table
{
    width:100%; margin:10px; padding:10px;
}

.pointer{cursor:pointer}
.data_heading{font-weight:normal; color:#434343;}
.data_heading:hover{color:#3d4e58;}

h1.title, h2.title, h3.title, h4.title, h5.title, h6.title
{
    color: #434343;
	border-bottom: #3d4e58 4px solid;
	text-transform:uppercase;
    padding: 0 0 0.25em 0;
}
h1.title {font-size: 3.25em;}
h2.title {font-size: 2.5em;}
h3.title {font-size: 2.25em;}
h4.title {font-size: 2em;}
h5.title {font-size: 1.75em;}
h6.title {font-size: 1.25em;}
h1.title-alt, h2.title-alt, h3.title-alt, h4.title-alt, h5.title-alt, h6.title-alt
{
    color: #3d4e58;
	border-bottom: #3d4e58 4px solid;
	text-transform:uppercase;
}
h1.title-alt {font-size: 4em;}
h2.title-alt {font-size: 3.5em;}
h3.title-alt {font-size: 3em;}
h4.title-alt {font-size: 2.5em;}
h5.title-alt {font-size: 2em;}
h6.title-alt {font-size: 1.5em;}

h1.sub {font-size: 3em; color: #3d4e58;}
h2.sub {font-size: 2.5em; color: #3d4e58;}
h3.sub {font-size: 2em; color: #3d4e58;}
h4.sub {font-size: 1.5em; color: #3d4e58;}
h5.sub {font-size: 1.0em; color: #3d4e58;}
h6.sub {font-size: 0.5em; color: #3d4e58;}

h1.sub-alt, h1.sub-alt a {font-size: 1.95em; color: #434343;}
h2.sub-alt, h2.sub-alt a {font-size: 1.75em; color: #434343;}
h3.sub-alt, h3.sub-alt a {font-size: 1.55em; color: #434343;}
h4.sub-alt, h4.sub-alt a {font-size: 1.35em; color: #434343;}
h5.sub-alt, h5.sub-alt a {font-size: 1.15em; color: #434343;}
h6.sub-alt, h6.sub-alt a {font-size: 1.0em; color: #434343;}

h1.sub-alt a:hover {font-size: 1.95em; color: #3d4e58;}
h2.sub-alt a:hover {font-size: 1.75em; color: #3d4e58;}
h3.sub-alt a:hover {font-size: 1.55em; color: #3d4e58;}
h4.sub-alt a:hover {font-size: 1.35em; color: #3d4e58;}
h5.sub-alt a:hover {font-size: 1.15em; color: #3d4e58;}
h6.sub-alt a:hover {font-size: 1.0em; color: #3d4e58;}

li.title{list-style-type:none;}
a.title{color:#434343;}
a.title:active, a.title:focus{color:#3d4e58;}
/*-- forms --*/
div.loginContent{padding-top:75px; margin-left:10px;}
div.view-password
{
	cursor: pointer;
    position: absolute;
    right: 7%;
    top: 15%;
    font-size: 1.25em;
}
div.forms p{margin:0; height:1em;}
.forms{background-color:#f8f8f8; padding: 0.5em 0;}
.forms h3.title {text-align: left;}
.forms-grids p {margin: 1em 0; color: #434343;}

.forms-grid .dropdown select.disabled, .forms-grid input{background-color: #ccc;}

.list-item-main
{
    border: 1px solid #434343;
	position:relative;
	margin-bottom:0.7em;
	padding:0.5em; 	
}
.list-item-main .list-item-action
{
    outline: none;
/** 
   	border: 1px dotted red;
**/
	border-radius:100%;
    background: #f8f8f8;
    font-size: 1.2em;
	font-weight: bold;
	font-family:inherit;
	line-height: 1.2em;
    padding: 0;
    height:24px;
	width: 24px;
	-webkit-appearance:none;
	position:absolute;
	top:-12px;
	right:-6px;
	text-align:center;
	vertical-align:top;
}
.forms-grid iframe 
{
    width: 100%;
 
    min-height: 500px;
    border: none;
}
/*
 Any .forms-grid select with a class="noArrow" will not show the arrow:
*/
.forms-grid select:not(.noArrow)
{
	background: url(/media/images/DropDownArrow.png) 98% / 7% no-repeat; -moz-appearance: none;text-indent: 0.01px;text-overflow: '';
	cursor:pointer;
} 
.forms-grid label
{
	text-align: left; 
	vertical-align:middle;
    outline: none;
    background: none;
    width: 100%;
	-webkit-appearance:none;
	letter-spacing: normal;
}
/*target Internet Explorer 9 and Internet Explorer 10:*/
@media screen and (min-width:0\0) { .forms-grid select{background:none; padding: 5px;}}

/**-- Check boxes & radio buttons **/

label.holder{cursor: pointer; padding:0; margin-top: 0.6em; margin-left: 1.8em; vertical-align:middle;}
input.holder {position: relative; opacity: 0;}/* Hide the browser's default checkbox */

button.close, button.close:hover{background-color:red; width:24px; height:24px; color: #fff; margin-top: 7px; margin-right:7px;}
button.close span{color:#fff;}
.close {
  font-size: 24px;
  color: #fff;
  text-shadow: 2px #fff;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.close:hover, .close:focus {
  color: #fff;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.modal-header h5{color:#3d4e58;}
h4.sub-header, h5.sub-header, h6.sub-header {color:#3d4e58;}
a.link_contrast:visited, 
a.link_contrast:hover, 
a.link_contrast:focus{color:#3d4e58; text-decoration:underline;}

/* Create a custom checkbox */
.checkmark 
{
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	margin:0;
	background-color: #fff;
	border:thin solid #3d4e58;
	margin-top: 0.7em;
	margin-left: 0.95em;
}
.radiomark 
{
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	margin:0;
	background-color: #eee;
	border-radius: 50%;
	margin-top: 0.7em;
	margin-left: 0.95em;
}


/* On mouse-over, add a grey background color */
.holder:hover input ~ .checkmark,
.holder:hover input ~ .radiomark {background-color: #f8f8f8;}

/* When the checkbox is checked, add a blue background */
.holder input:checked ~ .checkmark,
.holder input:checked ~ .radiomark {background-color: #3d4e58;}

/* Create the checkmark/indicator (hidden when not checked) 

Grey: 		#434343 -- RGB(14, 83, 152)
Silver:     #f8f8f8 -- RGB(0, 147, 221)
Orange: 			#3d4e58 -- RGB(205, 146, 42)
Green: 			#3d4e58 -- RGB(22, 86, 34)*/
.checkmark:after,
.radiomark:after {content: ""; position: absolute; display: none;}

/* Show the checkmark when checked */
.holder input:checked ~ .checkmark:after,
.holder input:checked ~ .radiomark:after {display: block;}

/* Style the checkmark/indicator */
span.checkmark:after
{
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.holder .radiomark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
/** Check boxes & radio buttons --**/

.dataList input[type="text"]
{
outline: none;
    border: 1px solid #434343;
    background: none;
    /* font-size: 1em; */
    padding: 0.2em 0.2em;
    width: 100%;
    -webkit-appearance: none;
    margin-left: -2px;
    margin-bottom: 2px;
    letter-spacing: normal;
}
.dataList{background-color:#f8f8f8;}
.dataListContent{background-color:#f8f8f8;}
.dataList h4{color:#434343;}

.comment-edt-reply
{
	position:relative;
    margin: 0;
    padding: 0;
    height: 2em !important;
    border: thin silver solid;
}
.comment-btn-reply
{
position: absolute;
    top: 0;
    right: 1em;
    background-color: #3d4e58;
    margin: 0;
    padding: 0;
    height: 100% !important;
    width: 3em !important;
    /* border: none;*/
}



div .blog-reply{}
.user-comments .blog-reply
{
	margin-left: 10px;
    border-left: thin dotted silver;
    padding-left: 5px;
}


.comment-body{padding-top:0.5em; padding-bottom:0.5em;}
.submit:hover, button.submit:hover{background-color:#434343; color:#3d4e58;}
.submit i:hover, button.submit i.fa:hover{color:#3d4e58;}

.forms-grid{font-family:'avenir-medium', 'open sans', sans-serif; color: #434343;}
.forms-grid input[type="text"], 
.forms-grid input[type="email"],
.forms-grid input[type="password"],
.forms-grid input[type="tel"],
.forms-grid input[type="number"],
.forms-grid input[type="image"],
.forms-grid input[type="radio"],
.forms-grid input[type="checkbox"],
.forms-grid input[type="date"]
{
    outline: none;
    border: 1px solid #434343;
    background: #f8f8f8;
    padding: 0.7em 1em;
    width: 100%;
	-webkit-appearance:none;
	color: #434343;
	letter-spacing: normal;
	line-height: normal;
	margin:0;
}

.hidden{visibility:hidden;}
.forms-grid input[type="text"]:disabled,
.forms-grid input[type="email"]:disabled,
.forms-grid input[type="password"]:disabled,
.forms-grid select:disabled,
.forms-grid input[type="tel"]:disabled,
.forms-grid input[type="number"]:disabled,
.forms-grid input[type="image"]:disabled,
.forms-grid input[type="radio"]:disabled,
.forms-grid input[type="checkbox"]:disabled,
.forms-grid input[type="datetime-local"]:disabled,
.forms-grid input[type="date"]:disabled,
.forms-grid input[type="time"]:disabled,
.forms-grid input[type="text"]:read-only,
.forms-grid input[type="email"]:read-only,
.forms-grid input[type="password"]:read-only,
.forms-grid input[type="tel"]:read-only,
.forms-grid input[type="number"]:read-only,
.forms-grid input[type="image"]:read-only,
.forms-grid input[type="radio"]:read-only,
.forms-grid input[type="checkbox"]:read-only,
.forms-grid input[type="datetime-local"]:read-only,
.forms-grid input[type="date"]:read-only,
.forms-grid input[type="time"]:read-only,
.forms-grid textarea:read-only,
.forms-grid .nicEdit textarea:read-only,
.forms-grid input[type="submit"]:read-only,
.forms-grid input[type="button"]:read-only,
.forms-grid textarea:disabled,
.forms-grid .nicEdit textarea:disabled,
.forms-grid input[type="submit"]:disabled,
.forms-grid input[type="button"]:disabled,
.forms-grid select:disabled
{
	background-color: #eee;
	border:thin grey solid;
	cursor:not-allowed;
	margin:0;
}

/** RANGE SLIDER **/
.slidecontainer
{
   /* width: 100%;Width of the outside container */
   padding-top:0.7em;
}

/* The slider itself */
.slider
{
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  height: 0.5em; /* Specified height */
  background: #434343; /* Grey background */
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
}

/* Mouse-over effects */
.slider:hover{opacity: 1; /* Fully shown on mouse-over */}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */ 
.slider::-webkit-slider-thumb 
{
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 1em; /* Set a specific slider handle width */
  height: 1.25em; /* Slider handle height */
  background: #3d4e58; /* Green background */
  cursor: pointer; /* Cursor on hover */
}

.slider::-moz-range-thumb 
{
  width: 1em; /* Set a specific slider handle width */
  height: 1.25em; /* Slider handle height */
  background: #3d4e58; /* Green background */
  cursor: pointer; /* Cursor on hover */
}

.forms-grid select
{
    outline: none;
    border: 1px solid #434343;
    background: #f8f8f8;
    padding: 0.7em 1em;
    width: 100%;
	-webkit-appearance:none;
	color: #434343;
	overflow:auto;
	letter-spacing: normal;
}

.forms-grid input[type="text"].phoneInternational{position:relative; padding-left:4em !important; z-index:10;}
label.phonePrefix
{
	position: absolute;
    padding: 0.5em 0;
    top: 0px;
    /* text-align: left !important; */
    width: 40px;
    z-index: 15;
    color: #434343;
    background-color: #3d4e58;
    height: 37px;
    text-align: center !important;
    margin: 2px;
}

.forms-grid button
{
    outline: none;
    border: 1px solid #3d4e58;
    background: none;
    color: #434343;
    padding: 0.7em 0 0.7em 0;
    width: 100%;
	-webkit-appearance:none;
	text-align:center;
	letter-spacing: normal;
}
.forms-grid .input-mdl {margin: 1em 0;}
.forms-grid textarea
{
	outline: none;
    border: 1px solid #434343;
    background: #f8f8f8;
    color: #434343;
    padding: 0.7em 1em;
    width: 100%;
	-webkit-appearance:none;
	resize:none;
	min-height:12em;
	margin: 0;
	letter-spacing: normal;
}
.forms-grid textarea.nicEdit
{
	outline: none;
    border: 1px solid #434343;
    background: #f8f8f8;
    color: #434343;
    padding: 0.7em 1em;
    width: 100%;
	-webkit-appearance:none;
	resize:none;
	height:35em;
	min-height:15em;
	margin:  0;
	letter-spacing: normal;
}
.nicEdit-main {color:#434343;}
div.nicEdit-pane h6,
div.nicEdit-pane h5,
div.nicEdit-pane h4,
div.nicEdit-pane h3,
div.nicEdit-pane h2,
div.nicEdit-pane h1,
div.nicEdit-pane pre,
div.nicEdit-pane p{color:#3d4e58;}

div.nicEdit-pane h6:hover,
div.nicEdit-pane h5:hover,
div.nicEdit-pane h4:hover,
div.nicEdit-pane h3:hover,
div.nicEdit-pane h2:hover,
div.nicEdit-pane h1:hover,
div.nicEdit-pane pre:hover,
div.nicEdit-pane p:hover{color:#3d4e58; background-color:#ccc;} 

.forms-grid input[type="submit"], input[type="button"] 
{
    outline: none;
    border: none;
    background: #434343;/*#745EC5*/;
    color: white;
    padding: 0.8em 0;
    text-align: center;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    -webkit-appearance: none;
	font-weight:bold;
	letter-spacing: normal;
    margin-bottom: 0.5em;
	width: inherit;
}

.forms-grid input[type="submit"], input[type="button"]:hover
{
	background:#ccc;
	color:#3d4e58;
	font-weight:bold;
}

#frmDataList td{margin:0; padding-left:2px; vertical-align:middle;height: 2.5em;}
#frmDataList td i{color:#434343;vertical-align: middle;}
#frmDataList td i:hover{color:#3d4e58;}
/**
#frmDataList{margin-left:20%; float:right;}
**/

.sable_data_row{background-color:#eee;}
.sable_data_row_alt{background-color:#fff;}

.switch
{
  display: table-cell;
  vertical-align: middle;
  padding: 0px;
}
.form-toggle 
{
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.form-toggle + label 
{
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input.form-toggle-yes-no + label 
{
  padding: 0px;
  width: 120px;
  height: 35px;
}
input.form-toggle-yes-no + label:before, input.form-toggle-yes-no + label:after 
{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: #fff;
  font-size: 20px;
  text-align: center;
  line-height: 35px;
}
input.form-toggle-yes-no + label:before 
{
  background-color: #434343;
  content: attr(data-off);
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  transition: transform 0.5s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
input.form-toggle-yes-no + label:after 
{
  background-color: #3d4e58;
  content: attr(data-on);
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
input.form-toggle-yes-no:checked + label:before 
{
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
input.form-toggle-yes-no:checked + label:after 
{
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
}
.imageUploaded
{
	position:relative;
	border: #434343 thin solid;
	border-collapse:collapse;
	margin-left:0;
	margin-top:0;
	padding:0px;
	background-image:url(/media/images/imgloader.gif);
	background-position:center center;
}
.imageSelected{border:medium #3d4e58 solid;}
.imageOrderDiv
{
	position:absolute;
	bottom:16px;
	right:8px;
	background-color:#bbb;
	color:#fF2F2F23a;
	z-index:60;
	cursor:pointer;
	width: 32px;
	height:32px;
	text-align:center;
	align-content:center;
}
.featuredImage
{
	border:medium #3d4e58 double;
}
.imageOrderSelectedDiv
{
	position:absolute;
	bottom:16px;
	right:8px;
	color:#434343;
	z-index:60;
	cursor:pointer;
	width: 32px;
	height:32px;
	text-align:center;
	align-content:center;
	background-color:#3d4e58;
}
.imageCloseDiv
{
	position:absolute;
	top:8px;
	right:8px;
	background-color:transparent;
	color:red;
	z-index:50;
	cursor:pointer;
}
.text-underline{text-decoration:underline}

/* UPLOAD PROGRESS */
#bar_blank 
{
  border: solid 1px #000;
  height: 20px;
  width: 300px;
}

#bar_color 
{
  background-color: #434343;
  height: 20px;
  width: 0px;
}

#bar_blank, #hidden_iframe 
{
  display: none;
}
/* CSS used here will be applied after bootstrap.css */	/* custom checkboxes */
	.custom-checkbox > [type="checkbox"],
	.custom-checkbox > label{
		margin-bottom:0px !important;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		color: #434343;
	}
	.custom-checkbox a{color: #434343; text-decoration:underline;}
	.custom-checkbox a:hover{color: #3d4e58; text-decoration:none;}
	.custom-checkbox > [type="checkbox"]:not(:checked),
	.custom-checkbox > [type="checkbox"]:checked {
		position: absolute;
		left: -9999px;
	}
	.custom-checkbox > [type="checkbox"]:not(:checked) + label,
	.custom-checkbox > [type="checkbox"]:checked + label {
		position: relative;
		padding-left: 22px;
		cursor: pointer;
	}
	.custom-checkbox > [type="checkbox"]:not(:checked) + label:before,
	.custom-checkbox > [type="checkbox"]:checked + label:before {
		content: '';
		position: absolute;
		left:0; 
		top: 50%;
		margin-top:-9px;
		width: 17px; 
		height: 17px;
		border: 1px solid #3d4e58;
		background: #ffffff;
		border-radius: 2px;
	}
	.custom-checkbox > [type="checkbox"]:not(:checked) + label:after,
	.custom-checkbox > [type="checkbox"]:checked + label:after {
		font: normal normal normal 12px/1 'Glyphicons Halflings';
		content: '\e013';
		position: absolute;
		top: 50%;
		margin-top:-7px;
		left: 2px;
		color: #1ff931;
		xtransition: all .2s;
	}
	
	.custom-checkbox > [type="checkbox"]:not(:checked) + label:after {
		opacity: 0;
		transform: scale(0);
	}
	.custom-checkbox > [type="checkbox"]:checked + label:after {
		opacity: 1;
		transform: scale(1);
	}
	
	.custom-checkbox > [type="checkbox"][data-indeterminate] + label:after,
	.custom-checkbox > [type="checkbox"][data-indeterminate] + label:after {
		content: '\2212';
		left: 2px;
		opacity: 1;
		transform: scale(1);
	}
	
	.custom-checkbox > [type="checkbox"]:disabled:not(:checked) + label:before,
	.custom-checkbox > [type="checkbox"]:disabled:checked + label:before {
	  	box-shadow: none;
	  	background-color: #E1DFDF;
		border-color: #434343;
		cursor: not-allowed;
		opacity: 1;
		color: #434343;
	}
	.custom-checkbox > [type="checkbox"]:disabled:checked + label:after {
	  color: #434343; cursor: not-allowed;
	}
	.custom-checkbox > [type="checkbox"]:disabled + label {
	  color: #3d4e58; cursor: not-allowed;
	}
	.custom-checkbox > [type="checkbox"]:checked:focus + label:before,
	.custom-checkbox > [type="checkbox"]:not(:checked):focus + label:before {
		border: 1px solid #7C7A7A;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
	}
	.custom-checkbox > label:hover:before {
  		border: 1px solid #3d4e58 !important;
	}
	.custom-checkbox > [type="checkbox"]:disabled:not(:checked) + label:hover:before,
	.custom-checkbox > [type="checkbox"]:disabled:checked + label:hover:before{
		border: 1px solid #3d4e58 !important;
	}
	

.expandSub  i{color:#f8f8f8 !important;}
.expandMain i{color:#fff    !important;} 
.expandOpenClose, .expandOpenClose i
{
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;	
	display:inline-block;
	vertical-align:middle;	
} 
.expandClose, .expandClose i
{
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}
.expandOpen, .expandOpen i 
{	
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);	
}
div.user-join
{
   min-height: 300px;
   background: #161415 url(../images/user_join.jpg) no-repeat center center !important;
   background-size: cover !important;
	-webkit-background-size: cover !important; 
}

.find_strip {
  margin: 10px 0;
  /**
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
  **/
  padding: 10px 0;
  text-align: center;
}

.find_strip > ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  width: auto;
}

.find_strip > ul > li {
  display: inline-block;
  vertical-align: middle;
  width: 160px;
  align-content:center;
  cursor:pointer;
}

.find_strip > ul > li .thumbnail {
  padding: 5px;
  margin: 4px;
  border: 1px solid #CCC;
}

.find_strip ul.search-block li {
  padding: 5px;
  margin: 0;
  border: 1px solid #fff;
  background: #fff;
}

.find_strip .search-block 
{
  padding: 5px;
  margin: 4px;
  border: 1px solid #CCC;
  width:325px;
  list-style-type: none;
}

.find_strip > ul > li .thumbnail img {
  max-width: 140px;
}

.find_strip > ul > li .thumbnail .caption {
  white-space: normal;
}

.find_strip > ul > li .thumbnail .caption h4 {
  text-align: center;
  word-wrap: break-word;
  height: 40px;
  margin: 0px;
}

.find_strip > ul:after {
  content: "";
  display: table;
  clear: both;
}