@media(max-width:767px){}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}


:root {
   /* --nc-panel-bgcolor: #E6FFBF;*/
	/*--nc-panel-bgcolor: #dad9f2;*/
	
/*	--nc-panel-bgcolor: #e6f2ff;
	--nc-panel-color: #000080;*/
	
	/*--nc-panel-bgcolor: #bbbbbb;
	--nc-panel-color: #000080;*/
	
	--nc-panel-bgcolor: #c5d5cb;
	--nc-panel-color: #666;
	
	/*background-color: #666*/
	
	--nc-blue-color: #2f2a7f;
	--nc-green-color: #3d7137;
}



div #websiteform { 
	display:none;
} /* Honeypopt for contact form */

div #nc_company_form {
	display:none;
} /* Honeypopt for all end-user forms */

.nc_company_class {
	display:none;
} /* Honeypopt for all end-user forms */


body {
	height: 100%;
	height: 100vh;
	
	padding-top: 55px;
	position: relative;
	margin: 0;
	/*padding-bottom: 6rem;*/
	min-height: 100%;
	/*font-size: 13px;*/
}

.nchr-lg {
	border-color: darkgrey;
	background-color: darkgrey;
	height: 2px;
}

.nchr-md {
	border-color: grey;
	background-color: grey;
	height: 1px;
}

.ncfont-bold {
	font-weight: bold;
}

.font-normal {
	font-size: 1rem;
}

.font-md {
	font-size: 1.25rem;
}

.font-lg {
	font-size: 1.5rem;
}

.font-xlg {
	font-size: 2.0rem;
}

.font-xxlg {
	font-size: 4.0rem;
}

.padding-tb-3 {
	padding-top: 3px;
	padding-bottom: 3px;
}


.editing-content-background {
    position:fixed;
    padding:0;
    margin:0;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.5);
	z-index: 1000;
}

.editing-content-container {
	background: white;
	position:relative;
	z-index: 1040;
	padding: 10px;
}

body.modal-open {
    overflow: visible !important
}
.container-ncmain {
	padding-left: 5px;
	padding-right: 5px;
}

.container-fluid-ncmain {
	margin-left: 15px;
}



#page-wrapper {
	box-sizing: border-box;
    min-height: 90%;
	min-height: calc(100% - 68px);
	width: 100%;
/*	margin-bottom: -75px;*/
	/*padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 1rem;*/
    position: relative;
}



html {
  height: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}


#cookiealert {
	position: fixed; 
	width: 100%;
	bottom: 0px; 
	left: 3px;z-index: 1000;
	/*border-radius: 3px;
	border: 1px solid var(--nc-blue-color);
	background-color: lightblue;
	padding: 6px;*/
}

.ncextrabottomspace {
	margin-bottom: 10px;
}


.btn {
	/*border: 1px solid transparent;*/
   /* border-radius: 4px;*/
	/*background-color: #CCC;*/
	/*margin-bottom: 5px;*/
}

.btn-link {
	border: none;
	background-color: transparent;
}


/*.btn-default {
	border: 1px solid #CCC;
    border-radius: 4px;
	background-color: #FFF;
}*/




.btn-success {
	background-color: #5cb85c;
	color: #F7F7F7;
}

.btn-primary {
	background-color: #2f2a7f;
	background-color: #2f2a7f;
	background-color: var(--nc-blue-color);
	color: #F7F7F7;
}


.ncstrikethrough {
	text-decoration:line-through;
}

.nccancelled {
	text-decoration: line-through;
	color: red;
}


.ncbutton {
	padding: 1px 3px 1px 3px !important;
	margin-bottom: 3px !important;
}

.ncwhitebutton {
	border: 1px solid #CCC;
    border-radius: 4px;
	background-color: #FFF;
}

.ncwhitetext {
	color: white !important;
}




.ncnavbar {
	/*background-color: #FFF;*/
	border-bottom: 1px solid #6C6C6C;
	border: 1px solid black;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
	z-index: 1045;
}

.navbar-right {
	margin-right: 15px;
}



/* Generated from http://work.smarchal.com/twbscolor/css/e74c3cc0392becf0f1ffbbbc0 */
.navbar-default {
  background-color: #ffffff;
  border-color: #d5cdcc;
}
.navbar-default .navbar-brand {
	color: #2f2a7f;
	color: var(--nc-blue-color);
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
	color: #3d7137;
	color: var(--nc-green-color);
}
.navbar-default .navbar-text {
	color: #2f2a7f;
	color: var(--nc-blue-color);
}



.ncneedstitle {
    font-family: "Time New Roman";
	font-size: 30px;
	color: #2f2a7f;
	color:var(--nc-blue-color);
	cursor:pointer;
	text-decoration:none;
}
a.ncneedstitle {
	text-decoration: none;
	color: #2f2a7f;
	color: var(--nc-blue-color);
	cursor:pointer;
	text-decoration:none;
}
.ncconnectortitle {
    font-family: "Time New Roman";
	font-size: 30px;
	color: #3d7137;
	color: var(--nc-green-color);
	cursor:pointer;
	text-decoration: none;
}
a.ncconnectortitle {
	text-decoration: none;
	color: #3d7137;
	color: var(--nc-green-color);
}

@media(max-width:767px){
	.ncneedstitle {
		font-size: 24px;
	}
	.ncconnectortitle {
		font-size: 24px;
	}
}

.ncsmalllogo {
	height: 41px;
	width: 41px;
}

.ncnologo {
	opacity: .5;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e113";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
}

a.ncnodecoration {
	color: inherit;
	text-decoration: none;
}

.ncnodecoration {
	color: inherit;
	text-decoration: none;
}





.ncpanelcolor {
	background-color: #c5d5cb;
	background-color: var(--nc-panel-bgcolor);
}


.panel > .panel-heading {
    background-image: none;
    background-color: #c5d5cb;
	background-color: var(--nc-panel-bgcolor); 
	color: #666;
	color: var(--nc-panel-color);
}
.panel > .panel-footer {
    background-image: none;
    background-color: #c5d5cb;
	background-color: var(--nc-panel-bgcolor); 
	color: #666;
	color: var(--nc-panel-color);
}



.panel-heading a, .panel-heading a:link, .panel-heading a:hover, .panel-heading a:visited, .panel-heading a:active {
	text-decoration: none;
	/*color: #666;*/
	/*color: #F7F7F7;*/
	/*color: var(--nc-panel-color);*/
}

.ncgrouppanel-heading a, .ncgrouppanel-heading a:link, .ncgrouppanel-heading a:hover, .ncgrouppanel-heading a:visited, .ncgrouppanel-heading a:active {
	text-decoration: none;
	/*color: #000;*/
	/*color: var(--nc-panel-color);*/
}

.nc_plaintextlink  a, .nc_plaintextlink  a:link, .nc_plaintextlink  a:hover, .nc_plaintextlink  a:visited, .nc_plaintextlink  a:active {
	text-decoration: none;
    color: black;
}

.ncinnerpanel .panel-heading {
    background-image: none;
	background-color: #f5f5f5;
	color: #666;
	color: var(--nc-panel-color);
}

.ncwhitepanel .panel-heading {
	background-color: #FFFFFF;
	color: #000;
}
.ncwhitepanel .panel-body {
	background-color: #FFFFFF;
	padding-bottom: 5px;
}

.ncwhitepanel .panel-heading a, .ncwhitepanel .panel-heading a:link, .ncwhitepanel .panel-heading a:hover, .ncwhitepanel .panel-heading a:visited, .ncwhitepanel .panel-heading a:active {
	text-decoration: none;
	color: #000;
	/*color: var(--nc-panel-color);*/
}

.heading-subtext {
	font-size: 1.4rem;
	font-weight: normal;
	line-height: normal;
}


.well {
    background-image: none;
    background-color: #c5d5cb;
	background-color: var(--nc-panel-bgcolor);
	color: #666;
	color: var(--nc-panel-color);
}

pre {
    /*display: block;*/
    font-family: "Helvetica Neue,Helvetica,Arial,sans-serif";
	font-size: 1em;
    padding: 9.5px;
    margin: 0 0 10px;
    /* font-size: 13px; */
    /*line-height: 1.42857143;*/
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #ffffff;
    border: 0px solid #ccc;
    border-radius: 4px;
	white-space:pre-wrap;
}

.descpre {
    /*display: block;*/
    font-family: "Helvetica Neue,Helvetica,Arial,sans-serif";
	font-size: 1.1em;
    padding: 0px;
    margin: 0 0 10px;
    /* font-size: 13px; */
    /*line-height: 1.42857143;*/
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #ffffff;
    border: 0px solid #ccc;
    border-radius: 4px;
	white-space:pre-wrap;
}

.logpre {
    /*display: block;*/
    /*font-family: "Helvetica Neue,Helvetica,Arial,sans-serif";*/
	font-size: 1.3em;
    padding: 0px;
    margin: 0 0 10px;
    /* font-size: 13px; */
    /*line-height: 1.42857143;*/
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #ffffff;
    border: 0px solid #ccc;
    border-radius: 4px;
	white-space:pre-wrap;
}


/*html, body {
  height: 100%;
}
(*/

/*#page-wrapper { {
  min-height: 100%;
}*/

/*#ncmain {
	overflow:auto;
  padding-bottom:150px; 
}*/


.container-ncmain {
	padding-left: 5px;
	padding-right: 5px;
}


.nchometext {

	padding-top: 10%;
	padding-bottom: 10%;
	height: 100%;
	min-height: 100%;
	background-color:#FFF;
	margin: auto;
    width: 90%;
	text-align: center;
}

img {
    max-width: 100%;
    max-height: 100%;
}

.nchomepicpanel {
	padding: 10px;
}

.volpanel {
	padding: 10px;
	background-color: #8bd754;
	/*background-color:#3CC;*/
}

.donatepanel {
	padding: 10px;
	background-color: #66ac32 ;
	/*background-color:#CCC;*/
}
.xmaspanel {
	padding: 10px;
	background-color:  #c6eaab;
	/*background-color:#FFBFBF;*/
}

.ncseppanel {
	background-color:#3CC;
	margin-top:15px;
}

.lightgreen {
	background-color: #c5d5cb;
	background-color: var(--nc-panel-bgcolor);
}



.panel-default > .orgcolor {
	background-image: none;
	/*background-color: #8bd754;*/
	background-color: #c5d5cb;
	background-color: var(--nc-panel-bgcolor);
    color: black;
}
.panel-default > .supportcolor {
	background-color: #66ac32 ;
}

.panel-default > .helpcolor {
	background-color:  #c6eaab;
}

.nc_noborder {
	/*padding: 0;*/
	border: none;
	background: none;
}

.nc_borderbottom {
	border-bottom: 1px solid #ddd;
}
.nc_borderbottomblack {
	border-bottom: 1px solid #000;
}
.nc_bordertop {
	border-top: 1px solid #ddd;
}
.nc_border {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.nc_blackborder {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

.nc_separator {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
}

.ncbr {
	margin-bottom: 20px;
}


.nc_nosize{
	margin: 0px !important;
	padding: 0px  !important;
}

.nc_voleditpanel {
	 border-top: 3px solid gray;
	 border-bottom: 3px solid gray;
	 border-left: 1px solid lightgray;
	 border-right: 1px solid lightgray;
	 margin-top: 15px;
	 margin-bottom: 15px;
}
.nc_volpanel table {
	padding: 0px; margin: 0px;
}

.nc_editactivity {
	cursor: pointer;
}

.nc_activityslot > tbody > tr > td {
    border: 0px;
}

.nc_activity > td {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	margin-bottom: 1px ;
	/*background-color: #c5d5cb;
	background-color: var(--nc-panel-bgcolor);*/
}

.nc_proglogo {
	margin-bottom: 10px;
	margin-top: 10px;
	height:auto;
}
.nc_proglogo img {
	max-height: 500px;
	height: auto;
	/*padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;*/
}

.nc_pointcursor {
	cursor: pointer;
}

.table {
	margin-bottom: 5px;
}

.ncbottomline {
	border-bottom: 1px solid #ddd;
}





.ncsectionlabel {
	font-size: 1.1em;
	font-weight: bold;
}

.ncformerror {
	color: #a94442;
}

.ncred {
	color: red !important;
}
.ncbgred {
	background-color: red !important;
}
.ncborderred {
	border-color: red !important;
}


.ncgray {
	color: gray;
}
.ncmedgray {
	color: #737488;
}
.nclightgray {
	color: lightgray;
}

.ncgreen {
	color: green;
}
.ncbggreen {
	background-color: green;
}
.ncyellow {
	color: yellow;
}
.ncbgyellow {
	background-color: yellow;
}
.nclinkblue {
	color: #23527c;
}

a.ncnavnotification {
	text-decoration: none;
	font-size: 1.25em;
}

.ncspinner {
	position: fixed;
	top: 50%;
	left: 50%;
  /* bring your own prefixes */
	transform: translate(-50%, -50%);
	color: #2f2a7f;
	color:var(--nc-blue-color);
	z-index: 1100;
}



.nclistimg {
	max-height: 200px;
	max-width: 400px;
}
.ncdocimg {
	max-height: 200px;
	max-width: 200px;
}

.ncanswerrow {
	margin-top: 5px;
	margin-bottom: 5px;
}

.form-group {
    margin-bottom: 7px;
}

ul li {
    margin: 2px;
}

.answerpanel-dropdown > ul:hover > li {
   /* opacity: 0;*/
}

.answerpanel-dropdown >  ul > li:hover {
    /*opacity: 1;*/
	background-color: #D3D3D3;
} 

.dropdown >  ul > li:hover {
	background-color: #D3D3D3;
}
.login-dropdown >  ul > li:hover {
	background-color: #fff;
}

.ncbuttonleftbottom {
	position: fixed; 
	bottom:110px;
	left: 0px;
	z-index: 900;
}

.ncbuttonrightbottom {
	position: fixed; 
	bottom:110px;
	right: 10px;
	z-index: 1000;
}

.ncbuttonrighttop {
	position: fixed; 
	top:110px;
	right: 10px;
	z-index: 1000;
}

.ncbuttoncenterbottom {
	 width:100%;
     position:fixed;
     bottom:110px;
     text-align:center;
	 z-index: 1000;
}
.ncunsubscribenotice {
	 width:100%;
	 width: 100vw;
     position:fixed;
     top: 45px;
     text-align:center;
	 z-index: 1100;
	 background-color: white;
	 font-weight: bold;
}

.ncspaceforbottombuttons {
	margin-bottom: 60px;
}


/*@media only screen and (max-width : 320px) {
	.ncbuttonleftbottom {
		bottom:40px;
	}
}*/

@media only screen and (max-width : 767px) {
	.ncbuttonleftbottom, .ncbuttoncenterbottom, .ncbuttonrightbottom {
		bottom:110px
	}
	.ncbuttonleftbottom  button , 
	.ncbuttoncenterbottom  button , 
	.ncbuttonrightbottom  button {
		margin-top: 10px;
	}
}

@media only screen and (min-width : 767px) {
	.ncbuttonleftbottom, .ncbuttoncenterbottom, .ncbuttonrightbottom {
		bottom:110px;
	}
}

/*@media only screen and (min-width : 768px) {
	.ncbuttonleftbottom {
		bottom:40px;
	}
}

@media only screen and (min-width : 992px) {
	.ncbuttonleftbottom {
		bottom:40px;
	}
}*/


.ncgotitbutton {
	font-size: 1.25em;
}

.nchelppanel {
	border-radius: 10px;
    border: 1px solid #DDD;
	padding: 20px; 
}

.nchelpbutton  {
	background-color: #ffffff;
}

.nchelpbutton:hover {
	background-color: #ffffff;
}

.nchelpbutton:focus {
	background-color: #ffffff;
}

.nchelpbutton:active {
	background-color: #ffffff;
}

.ncintrotext {
	font-size: 1.15em;
}


.radiocontainer {
	display: block;
	position: relative;
	padding-left: 25px;
	margin-bottom: 12px;
	cursor: pointer;
	/*font-size: 1.2em;*/
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.radiocontainer-inline {
	display: inline;
}

/* Hide the browser's default radio button */
.radiocontainer input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom radio button */
.radiocheckmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 17px;
	width: 17px;
	background-color: #ddd;
	border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radiocontainer:hover input ~ .radiocheckmark {
	background-color: #bbb;
}

/* When the radio button is checked, add a blue background */
.radiocontainer input:checked ~ .radiocheckmark {
	background-color: #2f2a7f;
	background-color: var(--nc-blue-color);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radiocheckmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.radiocontainer input:checked ~ .radiocheckmark:after {
	display: block;
}

/* Style the indicator (dot/circle) */
.radiocontainer .radiocheckmark:after {
 	top: 6px;
	left: 6px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: white;
}




.nctext-right {
    text-align: right;
}

.nctext-center {
     text-align:center;
}

.nccenter {
	float: none;
	margin-left: 0 auto;
}
.nctext-right {
    text-align: right;
}

.nctext-right-md {
    text-align: right;
}
@media (max-width: 991px) {
    .nctext-right-md {
        text-align: left;
    }
}

.nctext-right-xs {
    text-align: left;
}
@media(max-width:767px){
    .nctext-right-xs {
        text-align: right;
    }
}

.modal-body {
    max-height: calc(100vh - 212px);
    overflow-y: auto;
}

.ncverticalscroll {
	overflow-y: scroll;
}

.ncvertical-align-middle {
  display: flex;
  align-items: center;
  /*justify-content: center;*/
  flex-direction: row;
}

.ncvertical-align-middle label {
	margin-top: 4px;
}

ncsavecomplete { /* can also be whatever container */
  display: flex;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

/*.ncscreencenter {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}*/

#ncsavecompletediv {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: white;
	color: #2f2a7f;
	color: var(--nc-blue-color);
	padding: 40px;
	border-radius: 4px;
	border: 2px solid #2f2a7f;
	border: 2px solid var(--nc-blue-color);
	z-index: 900;
	font-size: 2em;
}

#ncpopupdiv {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: white;
	color: #2f2a7f;
	color: var(--nc-blue-color);
	padding: 40px;
	border-radius: 4px;
	border: 2px solid #2f2a7f;
	border: 2px solid var(--nc-blue-color);
	z-index: 1150;
	font-size: 2em;
}

.ncbuttonmarginbottom {
	margin-bottom: 6px;
}

.nccheckbox {
	width: 16px;
	height: 16px;
}

.ncselectallcheckbox {
	width: 16px;
	height: 16px;
}

.ncformhead {
	margin-top: 15px;
	border-top: 1px solid #333;
	font-weight: bold;
	font-size: 1.2em;
	border-bottom: 1px solid #333;
}

.ncgrouppanel {
	border: 1px solid #666;
	border-radius: 4px;
	background-color: white;
	margin-top: 30px;
	margin-bottom: 30px;
}
.ncgrouppanel-heading {
	border-bottom: 1px solid #666;
	font-weight: bold;
	font-size: 1.2em;
	padding: 10px;
}
.ncgrouppanel-body {
	padding: 10px;
}

.ncwidebutton {
	width: 100%;
}


.ncapplybutton {
	width: 100%;
	background-color: #039;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	opacity: 0.75;
}
.ncapplybutton:hover {
	opacity: 1;
	background-color: #039;
}

.ncdonatebutton {
	width: 100%;
	background-color: green;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	opacity: 0.75;
}
.ncdonatebutton:hover {
	background-color: green;
	opacity: 1;
}

.ncvolunteerbutton {
	width: 100%;
	background-color:#F90;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	opacity: 0.75;
}

.ncvolunteerbutton:hover {
	background-color:#F90;
	opacity: 1;
}

.ncshopbutton {
	width: 100%;
	background-color:#C36;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	opacity: 0.75;
}

.ncshopbutton:hover {
	background-color:#C36;
	opacity: 1;
}

.nchelpbox {
	margin-bottom: 6px;
}

.nchelpbox td {
	vertical-align: top;
	padding: 3px 3px 3px 3px;
	border: 1px solid #DDD;
}

.nchelpbox td td {
	border: none;
	padding: 2px 2px 2px 2px;
	border-bottom: 1px solid #DDD;
}

.nchelpbox table {
	margin-left: 20px;
	margin-bottom: 20px;
}

.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

.dropdown-menu > li > span {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
}
.dropdown-menu > li  {
	display: block;
	padding: 3px 2px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
	width: 100%;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
	color: #262626;
	text-decoration: none;
	background-color: #D3D3D3;
	/*background-color: #3F6;*/
}
////

.sidewaystext { 
	/*writing-mode: tb-rl; */
	writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: vertical-rl;
    /*text-align: left;
	vertical-align: bottom;
	vertical-align: text-bottom;*/
}



.rotated-text {
	padding: 5px;
	margin: 5px;
    display: inline-block;
    overflow: hidden;
    width: 1.5em;
}
.rotated-text__inner {
    display: inline-block;
    white-space: nowrap;
    /* this is for shity "non IE" browsers
       that dosn't support writing-mode */
    -webkit-transform: translate(1.1em,0) rotate(90deg);
       -moz-transform: translate(1.1em,0) rotate(90deg);
         -o-transform: translate(1.1em,0) rotate(90deg);
            transform: translate(1.1em,0) rotate(90deg);
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
   /* IE9+ */
   -ms-transform: none;
   -ms-transform-origin: none;
   /* IE8+ */
   -ms-writing-mode: tb-rl;
   /* IE7 and below */
   *writing-mode: tb-rl;
}
.rotated-text__inner:before {
    content: "";
    float: left;
    margin-top: 100%;
}

.ncbtn-lg-mobile {
	width: 100%;
}
@media(max-width:767px){
	.ncbtn-lg-mobile {
		font-size: 1.5em;
		height: auto;
	}
}

.ncnojavascript {
	border-radius: 4px;
	background-color: lightblue;
	color: #2f2a7f;
	color: var(--nc-blue-color);
	height: 2em;
	font-size: 1.25em;
}

.ncsquare {
    height: 0;
    padding-bottom: 250px;
    width: 250px;
	outline: 1px solid #D3D3D3;
	margin-bottom:20px;
}
.ncsquaretext {
	margin-bottom: 3px;
}

#betaheading {
	min-width: 100%;
	background-color: #B9FDF2;
	color: #FD8499;
	text-align:center;
}


/*.tsguestdiv .btn-sm, .tsguestdiv .input-sm {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
*/

/* Slider checkboxes */
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 26px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
	/*background-color: #2f2a7f;
	background-color: var(--nc-blue-color);*/
	background-color: #3d7137;
	background-color: var(--nc-green-color);
}

input:focus + .slider {
  /*box-shadow: 0 0 1px #2196F3;*/
  	box-shadow:  0 0 1px #2f2a7f;
	box-shadow:  0 0 1px var(--nc-blue-color);
}

input:checked + .slider:before {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 22px;
}

.slider.round:before {
  border-radius: 50%;
}


.ncpanelbutton {
	margin: 3px 5px;
	padding: 2px 5px;
}

.ncnumberinputbutton {
	padding-left: 1px;
	padding-right: 1px;
	border: none;
}

.ncnumberinput3 {
	width: 75px !important;
}

.ncellipsis {
	overflow: hidden;
    text-overflow:ellipsis;
	white-space: nowrap; 
}

.nc2charinput {
	min-width: 50px !important;
	width: 50px !important;
	max-width: 50px !important;
}
.nc4charinput {
	min-width: 80px !important;
	width: 80px !important;
	max-width: 80px !important;
}

.nc_ansgeneratedform {
	margin-top: 10px;
	margin-bottom: 10px;
}

.nc_icon_nospace {
	margin-left: 0px !important;
	margin-rght: 0px !important;
}

.ncgentable_bodyrow .input-group span {
	padding-right: 12px;
	padding-left: 12px;
}

/* Bootstrap overriders */
.tooltip-inner {
	z-index: 1000;
	background-color: #555;
	color:#444;
    background-color:#FFFFE0;
	border: solid 1px #ccc;
   /* max-width: 350px;
    width: 350px; */
	/*background-color: #FFF;
	color: #2f2a7f;
	color: var(--nc-blue-color);*/
}

.nctopdialog {
	z-index: 1100;
}


.ncwidemodal {
	width: 90%;
}

.ncdialogmodal {
	z-index: 1120;
}

nc_dialogmodal {
	z-index: 1120;
}


.ncscrollpanel {
	max-height: 60vh;
	overflow-y: auto;
	overflow-x: auto;
}



.numberinputbutton {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.extrapricepanel {
	max-height: 30vh;
	overflow-y: auto;
	padding-right : 15px;
}
.dropdown-menu {
	z-index: 1150;
}

/*.ncdialogmodal {
	z-index: 1005;
}*/

/*.tooltip-main {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  font-weight: 700;
  background: #f3f3f3;
  border: 1px solid #737373;
  color: #737373;
  margin: 4px 121px 0 5px;
  float: right;
  text-align: left !important;
}

.tooltip-qm {
  float: left;
  margin: -2px 0px 3px 4px;
  font-size: 12px;
}

.tooltip-inner {
  max-width: 350px !important;
  height: 76px;
  font-size: 12px;
  padding: 10px 15px 10px 20px;
  background: #FFFFFF;
  color: rgb(0, 0, 0, .7);
  border: 1px solid #737373;
  text-align: left;
}

.tooltip.show {
  opacity: 1;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #f00;
  /* Red */
}*/