.label{border-radius:10px;}
.label a{color:white !important; text-decoration:none;}
.block{display:block !important;}
.inline{display:inline !important;}
.pointer{cursor:pointer;}
.nobold{font-weight: normal !important;}
.text-dev, .text-debug{color:seagreen; background:black;}
.text-secondary{color:#888;}
.text-capitalize{text-transform:capitalize !important;}
.text-uppercase{text-transform:uppercase !important;}
.text-slim{font-weight:normal !important;}
.text-strike, .text-strikethrough{text-decoration: line-through !important;}
.text-pre{white-space: pre-wrap; word-wrap: break-word; font-family: inherit;}
.text-xs{font-size:80%;}
.text-sm{font-size:90%;}
.text-md{font-size:100%;}
.text-lg{font-size:110%;}
.text-xlg{font-size:120%;}
.text-2x{font-size:150%;}
.text-3x{font-size:200%;}
.text-4x{font-size:250%;}
.text-5x{font-size:300%;}
.link-text {color: inherit; text-decoration: inherit;}

th.width-xs, td.width-xs{width:3em;}
th.width-sm, td.width-sm{width:5em;}
th.width-md, td.width-md{width:8em;}
th.width-lg, td.width-lg{width:10em;}
th.width-xlg, td.width-xlg{width:15em;}
th.width-xxlg, td.width-xxlg{width:20em;}
th.width-2x, td.width-2x{width:30em;}
th.width-3x, td.width-3x{width:50em;}

.border{border:1px solid #eee;}
.border-dashed{border-style:dashed;} .border-dashed-top,.border-top-dashed{border-top-style:dashed;} .border-dashed-bottom,.border-bottom-dashed{border-bottom-style:dashed;} .border-dashed-left,.border-left-dashed{border-left-style:dashed;} .border-dashed-right,.border-right-dashed{border-right-style:dashed;}
.border-double{border-style:double;} .border-double-top,.border-top-double{border-top-style:double;} .border-double-bottom,.border-bottom-double{border-bottom-style:double;} .border-double-left,.border-left-double{border-left-style:double;} .border-double-right,.border-right-double{border-right-style:double;}

.container-flex {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-flow: row wrap;
}

.item-flex
{
	display:flex;
}

.label-xs{font-size:60%; line-height:0.8em;}
/*.tab-pane{padding-top:1em;} */ /* ys: need to disable this from core as right-sidebar need no padding*/
.noborder{border:0 !important;}
.noborder td, .noborder th, .noborder table{border:0 !important;}
.noradius{border-radius:0 !important;}
.nomargin{margin:0 !important;}
.nopadding, .padding-off
{
   padding: 0 !important;
   margin: 0 !important;
}
.nopadding-top, .padding-off-top{ padding-top: 0 !important; margin-top: 0 !important; }
.nopadding-bottom, .padding-off-bottom{ padding-bottom: 0 !important; margin-bottom: 0 !important; }
.nopadding-left, .padding-off-left{ padding-left: 0 !important; margin-left: 0 !important; }
.nopadding-right, .padding-off-right{ padding-right: 0 !important; margin-right: 0 !important; }
.gotpadding, .padding-on
{
	padding-left:15px !important;
	padding-right:15px !important;
}
.full-width{width:100% !important; max-width:100% !important;}
.full-height{
	min-height: 100% !important;
}

.padding-5x{padding:80px !important;}
.padding-left-5x{padding-left:80px !important;}
.padding-right-5x{padding-right:80px !important;}
.padding-top-5x{padding-top:80px !important;}
.padding-bottom-5x{padding-bottom:80px !important;}

.padding-4x{padding:64px !important;}
.padding-left-4x{padding-left:64px !important;}
.padding-right-4x{padding-right:64px !important;}
.padding-top-4x{padding-top:64px !important;}
.padding-bottom-4x{padding-bottom:64px !important;}

.padding-3x{padding:48px !important;}
.padding-left-3x{padding-left:48px !important;}
.padding-right-3x{padding-right:48px !important;}
.padding-top-3x{padding-top:48px !important;}
.padding-bottom-3x{padding-bottom:48px !important;}

.padding-2x{padding:32px !important;}
.padding-left-2x{padding-left:32px !important;}
.padding-right-2x{padding-right:32px !important;}
.padding-top-2x{padding-top:32px !important;}
.padding-bottom-2x{padding-bottom:32px !important;}

.padding-xlg{padding:24px !important;}
.padding-left-xlg{padding-left:24px !important;}
.padding-right-xlg{padding-right:24px !important;}
.padding-top-xlg{padding-top:24px !important;}
.padding-bottom-xlg{padding-bottom:24px !important;}

.padding-lg{padding:16px !important;}
.padding-left-lg{padding-left:16px !important;}
.padding-right-lg{padding-right:16px !important;}
.padding-top-lg{padding-top:16px !important;}
.padding-bottom-lg{padding-bottom:16px !important;}

.padding-md{padding:8px !important;}
.padding-left-md{padding-left:8px !important;}
.padding-right-md{padding-right:8px !important;}
.padding-top-md{padding-top:8px !important;}
.padding-bottom-md{padding-bottom:8px !important;}

.padding-sm{padding:4px !important;}
.padding-left-sm{padding-left:4px !important;}
.padding-right-sm{padding-right:4px !important;}
.padding-top-sm{padding-top:4px !important;}
.padding-bottom-sm{padding-bottom:4px !important;}

.padding-xs{padding:2px !important;}
.padding-left-xs{padding-left:2px !important;}
.padding-right-xs{padding-right:2px !important;}
.padding-top-xs{padding-top:2px !important;}
.padding-bottom-xs{padding-bottom:2px !important;}

.padding-left-off{padding-left:0 !important;}
.padding-right-off{padding-right:0 !important;}
.padding-top-off{padding-top:0 !important;}
.padding-bottom-off{padding-bottom:0 !important;}


.margin-5x{margin:80px !important;}
.margin-left-5x{margin-left:80px !important;}
.margin-right-5x{margin-right:80px !important;}
.margin-top-5x{margin-top:80px !important;}
.margin-bottom-5x{margin-bottom:80px !important;}

.margin-4x{margin:64px !important;}
.margin-left-4x{margin-left:64px !important;}
.margin-right-4x{margin-right:64px !important;}
.margin-top-4x{margin-top:64px !important;}
.margin-bottom-4x{margin-bottom:64px !important;}

.margin-3x{margin:48px !important;}
.margin-left-3x{margin-left:48px !important;}
.margin-right-3x{margin-right:48px !important;}
.margin-top-3x{margin-top:48px !important;}
.margin-bottom-3x{margin-bottom:48px !important;}

.margin-2x{margin:32px !important;}
.margin-left-2x{margin-left:32px !important;}
.margin-right-2x{margin-right:32px !important;}
.margin-top-2x{margin-top:32px !important;}
.margin-bottom-2x{margin-bottom:32px !important;}

.margin-xlg{margin:24px !important;}
.margin-left-xlg{margin-left:24px !important;}
.margin-right-xlg{margin-right:24px !important;}
.margin-top-xlg{margin-top:24px !important;}
.margin-bottom-xlg{margin-bottom:24px !important;}

.margin-lg{margin:16px !important;}
.margin-left-lg{margin-left:16px !important;}
.margin-right-lg{margin-right:16px !important;}
.margin-top-lg{margin-top:16px !important;}
.margin-bottom-lg{margin-bottom:16px !important;}

.margin-md{margin:8px !important;}
.margin-left-md{margin-left:8px !important;}
.margin-right-md{margin-right:8px !important;}
.margin-top-md{margin-top:8px !important;}
.margin-bottom-md{margin-bottom:8px !important;}

.margin-sm{margin:4px !important;}
.margin-left-sm{margin-left:4px !important;}
.margin-right-sm{margin-right:4px !important;}
.margin-top-sm{margin-top:4px !important;}
.margin-bottom-sm{margin-bottom:4px !important;}

.margin-xs{margin:2px !important;}
.margin-left-xs{margin-left:2px !important;}
.margin-right-xs{margin-right:2px !important;}
.margin-top-xs{margin-top:2px !important;}
.margin-bottom-xs{margin-bottom:2px !important;}

.margin-left-off{margin-left:0 !important;}
.margin-right-off{margin-right:0 !important;}
.margin-top-off{margin-top:0 !important;}
.margin-bottom-off{margin-bottom:0 !important;}


.p-h-xs{
	padding-top:10px;
	padding-bottom:10px;
}
.p-h-sm{
	padding-top:15px;
	padding-bottom:15px;
}
.p-h-md{
	padding-top:25px;
	padding-bottom:25px;
}
.p-h-lg{
	padding-top:30px;
	padding-bottom:30px;
}
.p-h-xl{
	padding-top:40px;
	padding-bottom:40px;
}

.p-w-xs{
	padding-left:10px;
	padding-right:10px;
}
.p-w-sm{
	padding-left:15px;
	padding-right:15px;
}
.p-w-md{
	padding-left:25px;
	padding-right:25px;
}
.p-w-lg{
	padding-left:30px;
	padding-right:30px;
}
.p-w-xl{
	padding-left:40px;
	padding-right:40px;
}



.m-h-xs{
	margin-top:10px;
	margin-bottom:10px;
}
.m-h-sm{
	margin-top:15px;
	margin-bottom:15px;
}
.m-h-md{
	margin-top:25px;
	margin-bottom:25px;
}
.m-h-lg{
	margin-top:30px;
	margin-bottom:30px;
}
.m-h-xl{
	margin-top:40px;
	margin-bottom:40px;
}

.m-w-xs{
	margin-left:10px;
	margin-right:10px;
}
.m-w-sm{
	margin-left:15px;
	margin-right:15px;
}
.m-w-md{
	margin-left:25px;
	margin-right:25px;
}
.m-w-lg{
	margin-left:30px;
	margin-right:30px;
}
.m-w-xl{
	margin-left:40px;
	margin-right:40px;
}

.no-text-shadow{text-shadow:none !important;}
.shadow {box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 6%)}
.shadow-xs{-moz-box-shadow: 0 0 2px #000 !important; -webkit-box-shadow: 0 0 2px #000 !important; box-shadow: 0 0 2px #000 !important;}
.shadow-sm{-moz-box-shadow: 0 0 4px #000 !important; -webkit-box-shadow: 0 0 4px #000 !important; box-shadow: 0 0 4px #000 !important;}
.shadow-md{-moz-box-shadow: 0 0 8px #000 !important; -webkit-box-shadow: 0 0 8px #000 !important; box-shadow: 0 0 8px #000 !important;}
.shadow-lg{-moz-box-shadow: 0 0 16px #000 !important; -webkit-box-shadow: 0 0 16px #000 !important; box-shadow: 0 0 16px #000 !important;}

.neon-ruby{text-shadow: 0 0 3px #fff, 0 0 6px #fff, 0 0 12px #fff, 0 0 24px #6B0038, 0 0 30px #6B0038, 0 0 40px #6B0038, 0 0 80px #6B0038, 0 0 100px #6B0038;}
.neon-purple{text-shadow: 0 0 3px #fff, 0 0 6px #fff, 0 0 12px #fff, 0 0 24px #ff00de, 0 0 30px #ff00de, 0 0 40px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de;}
.neon-green{text-shadow: 0 0 3px #fff, 0 0 6px #fff, 0 0 12px #fff, 0 0 24px #6DDB4A, 0 0 30px #6DDB4A, 0 0 40px #6DDB4A, 0 0 80px #6DDB4A, 0 0 100px #6DDB4A;}
.neon-blue{text-shadow: 0 0 3px #fff, 0 0 6px #fff, 0 0 12px #fff, 0 0 24px #157AAE, 0 0 30px #157AAE, 0 0 40px #157AAE, 0 0 80px #157AAE, 0 0 100px #157AAE;}
.neon-red{text-shadow: 0 0 3px #fff, 0 0 6px #fff, 0 0 12px #fff, 0 0 24px #C53036, 0 0 30px #C53036, 0 0 40px #C53036, 0 0 80px #C53036, 0 0 100px #C53036;}

.rounded-sm{border-radius:4px !important;}
.rounded-top-sm{border-radius:4px 4px 0 0 !important;}
.rounded-bottom-sm{border-radius:0 0 4px 4px !important;}
.rounded-left-sm{border-radius:4px 0 0  4px !important;}
.rounded-right-sm{border-radius:0 4px 4px 0  !important;}

.rounded-md{border-radius:8px !important;}
.rounded-top-md{border-radius:8px 8px 0 0  !important;}
.rounded-bottom-md{border-radius:0 0 8px 8px  !important;}
.rounded-left-md{border-radius:8px 0 0  8px !important;}
.rounded-right-md{border-radius:0 8px 8px 0  !important;}

.rounded-lg{border-radius:16px !important;}
.rounded-top-lg{border-radius:16px 16px 0 0 !important;}
.rounded-bottom-lg{border-radius: 0 0 16px 16px !important;}
.rounded-left-lg{border-radius:16px 0 0  16px !important;}
.rounded-right-lg{border-radius:0 16px 16px 0  !important;}

.img-xs{width:16px !important; height: auto;}
.img-sm{width:32px !important; height: auto;}
.img-md{width:48px !important; height: auto;}
.img-lg{width:64px !important; height: auto;}
.img-2x{width:128px !important; height: auto;}
.img-3x{width:256px !important; height: auto;}

.img-h-xs{height:16px !important; width: auto;}
.img-h-sm{height:32px !important; width: auto;}
.img-h-md{height:48px !important; width: auto;}
.img-h-lg{height:64px !important; width: auto;}
.img-h-2x{height:128px !important; width: auto;}
.img-h-3x{height:256px !important; width: auto;}

.badge-xs{font-size:7px; font-weight:400; padding: 2px 4px;}
.badge-sm{font-size:8pt; font-weight:500; padding: 3px 5px;}

.form-xs .form-group{ margin-bottom:2px !important;}
.form-sm .form-group{ margin-bottom:4px !important;}
.form-md .form-group{ margin-bottom:8px !important;}
.form-lg .form-group{ margin-bottom:24px !important;}

.form-group-xs>.form-control,
.input-group-xs>.form-control,
.input-group-xs>.input-group-addon,
.input-group-xs>.input-group-btn>.btn
{
    height: 22px;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
}

.form-control-holder{background:#f4f4f4;}
.form-control-text{padding: 6px 0;}
.hr
{
	border-bottom:1px solid #ddd;
	margin-top:2em;
	margin-bottom:2em;
}

.img-responsive-full, .img-responsive-full img
{
	width:100%;
}
.img-responsive-full-v, .img-responsive-full-v img
{
	height:100%;
}
.img-swap
{
	cursor:pointer;
}
.overflow-hidden
{
	overflow:hidden;
}
.overflow-break
{
	overflow-wrap: break-word;
}
.panel-hidden
{
	box-shadow:none;
	padding:0;
}

.panel-hidden .panel-body
{
	margin:0;padding:0;
}
.panel > .list-group .list-group-item:first-child {
  border-top:1px solid #dddddd;
}
.btn-popover, .btn-pophover
{
	cursor:pointer;
}


.htmlArea
{
  display: block;
  width: 100%;
  max-width:700px;
  height:180px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	overflow:auto;
}

.form-group .errorMessage
{
	color:#B94A48;
	font-size:90%;
}

.form-group span.required
{
	color:#B94A48;
}
span.required
{
	color:#B94A48;
}

.form-horizontal .control-label
{
	
}

.input-group-urlText .input-group-addon
{
	cursor:pointer;
}
.input-group .input-group-space
{
	border-top:0;
	border-bottom:0;
	padding-left:6px;
	padding-right:6px;
}

.bg-default, .default-bg
{
	background:#efefef;
}
.bg-chess, .chess-bg {
    background-color:#555;
    background-image: linear-gradient(45deg, #808080 25%, transparent 25%), linear-gradient(-45deg, #808080 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #808080 75%), linear-gradient(-45deg, transparent 75%, #808080 75%);
    background-size: 20px 20px;
    background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}

#layout-flashNotice
{
	position:relative;
	z-index:999 !important;
}

.flashNotices .notice
{
	padding:5px 20px 5px 5px;
	margin-bottom:0;
	border-bottom:1px solid white;
	border-radius:0;
}
.inlineNotices .notice{
    margin-bottom:2px;
}
.inlineNotices{
    margin-bottom:20px;
}
.pageNotice .modal-body .message{
    padding-left:0;
    padding-right:0;
    border:0;
}
.notice p:first-of-type{
	display:inline;
}

.flashNotices .bg-success{
    background-color:#dff0d8;
}
.flashNotices .bg-info{
    background-color:#d9edf7;
}
.flashNotices .bg-danger{
    background-color:#f2dede;
}
.flashNotices .bg-warning{
    background-color:#fcf8e3;
}

#nav-main
{
	margin-top:10px;
}

.table-detail-view tbody th
{
	width:10em;
	min-width:8em;
}

.button-column
{
	min-width:9em;
}
.crud-grid .id
{
	text-align:right;
	width:5em;
}

.crud-grid .ordering
{
	width:6em;
	text-align:center;
}

.crud-grid .boolean
{
	text-align:center;
}

.crud-grid .date
{
	min-width:8em;
	text-align:center;
}

.crud-grid .image
{
	min-width:50px;
	text-align:center;
}

.crud-grid .button-column
{
	text-align:center;
}

.crud-grid .image .img-thumbnail
{
	max-width:48px;
}
.crud-grid .image .img-xs, .crud-grid .image .img-sm, .crud-grid .image .img-md
{
	padding:0 !important;
}

 .pagination
{
	margin-top:0;
}

.crud-form .tab-content, .crud-view .tab-content
{
	padding-top:1em;
}

#nav-sideMenu .panel-heading
{
	cursor:pointer;
}
#nav-sideMenu ul.nav li ul
{
	padding:0; margin:0;
}
#nav-sideMenu ul.nav li ul li
{
	list-style:none;
}
#nav-sideMenu ul.nav li ul li a
{	
	width:100%;
	font-weight:bold;
	padding:10px 15px 15px 45px;
	display:inline-block;
}

.tipText
{
	cursor:pointer;
}

.wysiwygHtml h6
{
	font-weight:bold;
	font-size:105%;
}
.wysiwygHtml h5
{
	font-weight:bold;
	font-size:110%;
}
.wysiwygHtml h4
{
	font-weight:bold;
	font-size:120%;
}
.wysiwygHtml h3
{
	font-weight:bold;
	font-size:125%;
}
.wysiwygHtml h2
{
	font-weight:bold;
	font-size:130%;
}
.wysiwygHtml h1
{
	font-weight:bold;
	font-size:135%;
}

.bootstrap-tagsinput
{
	width:100%;
}
.panel .panel-title a
{
	display:block;
	width:100%;
}

.valign-middle{vertical-align:middle !important;}
.valign-top{vertical-align:top !important;}
.valign-bottom{vertical-align:bottom !important;}

.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}
.text-center>ul, .text-center>ol { 
	display: inline-block; 
	text-align: left; 
}

.textcounterOutput
{
	color:#999;
	text-align:right;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

[data-role="tagsoutput"] .label, .bootstrap-tagsinput .label{
  font-size:14px !important;
}

.tt-dropdown-menu
{
  background:#fafafa !important;
  border:1px solid #ccc;
  padding:3px;
  margin-top:4px;
  cursor:pointer;
  width:10em;
  max-height: 150px;
  overflow-y: auto;
}

.mapView
{
	background:white;
	min-height:200px;
}

.geoCoding-floatingPanel 
{
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 5;
    background-color: #fff;
    padding: 2px;
    border: 1px solid #999;
    text-align: center;
    font-family: 'Roboto','sans-serif';
    line-height: 20px;
    padding-left: 10px;
}

.ys-dropdown.dropdown-menu{margin-top:1px;}
.ys-dropdown .dropdown-menu li.item {margin:0; padding:3px 5px 3px 5px;}
.ys-dropdown .dropdown-menu li .selected {background:#ddd;}
.ys-dropdown .dropdown-menu li:hover {background:#eee;}
.ys-dropdown .dropdown-menu li img{width:32px; margin-right:1em;}

.collapsible .panel-heading a, .accordion .panel-heading a{width:100%; display:inline-block;}

a.disabled{cursor:default; color:#aaa;}

.dont-break-out {
    
      /* These are technically the same, but use both */
      overflow-wrap: break-word;
      word-wrap: break-word;
    
      -ms-word-break: break-all;
      /* This is the dangerous one in WebKit, as it breaks things wherever */
      word-break: break-all;
      /* Instead use this non-standard one: */
      word-break: break-word;
    
      /* Adds a hyphen where the word breaks, if supported (No Blink) */
      -ms-hyphens: auto;
      -moz-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
    
    }
    
@media (max-width: 767px) {
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {
        text-align: justify;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
}
@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
}

.table-responsive-OverlayMsg{background:rgba(0,0,0,0.65); position:absolute;top:0; left:0; width:100%; height:100%; text-align:center; padding:10% 10px; font-size:150%; z-index:300; text-shadow: 0 0 3px #000000, 0 0 5px #000000;}
.table-responsive{position:relative;}

.graycalse
{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}

.darkmode-toggle{z-index:9999999; border:2px solid gray !important;}
.darkmode-layer {z-index:9999;}