/*  ~/Extensions/TokenInput.css
    
    Jenzabar extensions to the token input widget.
    
    Index:
        
 */

/* from token-input.css */
/* Example tokeninput style #1: Token vertical list*/
ul.token-input-list {
    overflow: hidden; 
    height: auto !important; 
    height: 1%;
    width: 400px;
    border: 1px solid #999;
    cursor: text;
    font-size: 12px;
    font-family: Verdana, sans-serif;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff;
    list-style-type: none;
    clear: left;
}

ul.token-input-list-facebook > li > input[disabled] {
    cursor: not-allowed;
}

ul.token-input-list li {
    list-style-type: none;
}

ul.token-input-list li input {
    border: 0;
    width: 350px;
    padding: 3px 8px;
    background-color: white;
    -webkit-appearance: caret;
}

ul.token-input-disabled,
ul.token-input-disabled li input {
  background-color: #E8E8E8;
    cursor: not-allowed;
}

ul.token-input-disabled li.token-input-token {
  background-color: #D9E3CA;
  color: #7D7D7D
}

ul.token-input-disabled li.token-input-token span {
  color: #CFCFCF;
  cursor: default;
}

li.token-input-token {
    overflow: hidden; 
    height: auto !important; 
    height: 1%;
    margin: 3px;
    padding: 3px 5px;
    background-color: #d0efa0;
    color: #000;
    font-weight: bold;
    cursor: default;
    display: block;
}

li.token-input-token p {
    float: left;
    padding: 0;
    margin: 0;
}

li.token-input-token span {
    float: right;
    color: #777;
    cursor: pointer;
}

li.token-input-selected-token {
    background-color: #08844e;
    color: #fff;
}

li.token-input-selected-token span {
    color: #bbb;
}

div.token-input-dropdown {
    position: absolute;
    width: 400px;
    background-color: #fff;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: default;
    font-size: 12px;
    font-family: Verdana, sans-serif;
    z-index: 1;
}

div.token-input-dropdown p {
    margin: 0;
    padding: 5px;
    font-weight: bold;
    color: #777;
}

div.token-input-dropdown ul {
    margin: 0;
    padding: 0;
}

div.token-input-dropdown ul li {
    background-color: #fff;
    padding: 3px;
    list-style-type: none;
}

div.token-input-dropdown ul li.token-input-dropdown-item {
    background-color: #fafafa;
}

div.token-input-dropdown ul li.token-input-dropdown-item2 {
    background-color: #fff;
}

div.token-input-dropdown ul li em {
    font-weight: bold;
    font-style: normal;
}

div.token-input-dropdown ul li.token-input-selected-dropdown-item {
    background-color: #d0efa0;
}




/* from token-input-facebook.css */
/* Example tokeninput style #2: Facebook style */
ul.token-input-list-facebook {
    overflow: hidden; 
    height: auto !important; 
    height: 1%;
    width: 400px;
    border: 1px solid #8496ba;
    cursor: text;
    font-size: 12px;
    font-family: Verdana, sans-serif;
    min-height: 1px;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff;
    list-style-type: none;
    clear: left;
}

ul.token-input-list-facebook li input {
    border: 0;
    width: 100px;
    padding: 3px 8px;
    background-color: white;
    margin: 2px 0;
    -webkit-appearance: caret;
}

li.token-input-token-facebook {
    overflow: hidden; 
    height: auto !important; 
    height: 15px;
    margin: 3px;
    padding: 1px 3px;
    background-color: #eff2f7;
    color: #000;
    cursor: default;
    border: 1px solid #ccd5e4;
    font-size: 11px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
    white-space: nowrap;
}

li.token-input-token-facebook p {
    display: inline;
    padding: 0;
    margin: 0;
}

li.token-input-token-facebook span {
    color: #000000;
    margin-left: 5px;
    font-weight: bold;
    cursor: pointer;
}

li.token-input-selected-token-facebook {
    background-color: #5670a6;
    border: 1px solid #3b5998;
    color: #fff;
}

li.token-input-input-token-facebook {
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

li.token-input-input-token-facebook input[type=text]::-ms-clear {
      display: none; width : 0; height: 0;
} 

li.token-input-input-token-facebook input[type=text]::-ms-reveal {
      display: none; width : 0; height: 0;
}

#token-input-DisplayTableFormat2NewRowValue {
    padding: 0px 0px 0px 5px;
    border-width: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

#token-input-DisplayTableFormat2NewRowValue::-moz-placeholder {
  color: #999;
  opacity: 1;
}
#token-input-DisplayTableFormat2NewRowValue:-ms-input-placeholder {
  color: #999;
}
#token-input-DisplayTableFormat2NewRowValue::-webkit-input-placeholder {
  color: #999;
}

div.token-input-dropdown-facebook {
    position: absolute;
    width: 400px;
    background-color: #fff;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: default;
    font-size: 11px;
    font-family: Verdana, sans-serif;
    z-index: 1;
}

div.token-input-dropdown-facebook p {
    margin: 0;
    padding: 5px;
    font-weight: bold;
    color: #777;
}

div.token-input-dropdown-facebook ul {
    margin: 0;
    padding: 0;
}

div.token-input-dropdown-facebook ul li {
    background-color: #fff;
    padding: 3px;
    margin: 0;
    list-style-type: none;
}

div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook {
    background-color: #fff;
}

div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook {
    background-color: #fff;
}

div.token-input-dropdown-facebook ul li em {
    font-weight: bold;
    font-style: normal;
}

div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook {
    background-color: #3b5998;
    color: #fff;
}




/* from token-input-jzb.css */
/* Example tokeninput style #1: Token vertical list*/
ul.token-input-list-jzb {
    overflow: hidden; 
    height: auto !important; 
    height: 1%;
    width: 400px;
    border: 1px solid #999;
    cursor: text;
    font-size: 12px;
    font-family: Verdana, sans-serif;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #a996b2;
    list-style-type: none;
    clear: left;
}

ul.token-input-list-jzb li {
    list-style-type: none;
}

ul.token-input-list-jzb li input {
    border: 0;
    width: 350px;
    padding: 3px 8px;
    background-color: white;
    -webkit-appearance: caret;
}

ul.token-input-disabled,
ul.token-input-disabled-jzb li input {
  background-color: #E8E8E8;
}

ul.token-input-disabled-jzb li.token-input-token {
  background-color: #D9E3CA;
  color: #7D7D7D
}

ul.token-input-disabled-jzb li.token-input-token span {
  color: #CFCFCF;
  cursor: default;
}

li.token-input-token-jzb {
    overflow: hidden; 
    height: auto !important; 
    height: 1%;
    margin: 1px;
    padding: 3px 5px;
    background-color: #a996b2;
    color: #fff;
    font-weight: bold;
    cursor: default;
    display: block;

}

li.token-input-token-jzb p {
    float: left;
    padding: 0;
    margin: 0;
}

li.token-input-token-jzb span {
    float: right;
    color: #CFCFCF;
    cursor: pointer;
}

li.token-input-selected-token-jzb {
    background-color: #5670a6;
    border: 1px solid #3b5998;
    color: #fff;
}

li.token-input-selected-token-jzb span {
    color: #bbb;
}

div.token-input-dropdown-jzb {
    position: absolute;
    width: 400px;
    background-color: #fff;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: default;
    font-size: 12px;
    font-family: Verdana, sans-serif;
    z-index: 1;
}

div.token-input-dropdown-jzb p {
    margin: 0;
    padding: 5px;
    font-weight: bold;
    color: #777;
}

div.token-input-dropdown-jzb ul {
    margin: 0;
    padding: 0;
}

div.token-input-dropdown-jzb ul li {
    background-color: #fff;
    padding: 3px;
    list-style-type: none;
}

div.token-input-dropdown-jzb ul li.token-input-dropdown-item-jzb {
    background-color: #fafafa;
}

div.token-input-dropdown-jzb ul li.token-input-dropdown-item2-jzb {
    background-color: #fff;
}

div.token-input-dropdown-jzb ul li em {
    font-weight: bold;
    font-style: normal;
}

div.token-input-dropdown-jzb ul li.token-input-selected-dropdown-item-jzb {
     background-color: #3b5998;
     color: #fff;
}

.jzb-text-bright {
    color: #fff;
}

.jzb-text-muted {
    color: #7e8ca7;
}



/* This style is for token input within normal block headers with the grey background */
ul.token-input-list-block {
    overflow: hidden; 
    height: auto !important; 
    height: 1%;
    width: 400px;
    border: 1px solid #8496ba;
    cursor: text;
    font-size: 12px;
    font-family: Verdana, sans-serif;
    min-height: 1px;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #bcb9b4;
    list-style-type: none;
    clear: left;
}

ul.token-input-list-block li input {
    border: 0;
    width: 100px;
    padding: 3px 8px;
    background-color: #bcb9b4;
    margin: 2px 0;
    -webkit-appearance: caret;
}

li.token-input-token-block {
    overflow: hidden; 
    height: auto !important; 
    height: 15px;
    margin: 3px;
    padding: 1px 3px;
    background-color: #bcb9b4;
    color: #fff;
    cursor: default;
    border: 1px solid #bcb9b4;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    white-space: nowrap;
    display: block;
}

li.token-input-token-block p {
    display: inline;
    padding: 0;
    margin: 0;
}

li.token-input-token-block span {
    color: #fff;
    margin-left: 5px;
    font-weight: bold;
    cursor: pointer;
    position: absolute; 
    top:.5em; 
    right: .5em;
}

li.token-input-input-token-block {
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

li.token-input-input-token-block input[type=text]::-ms-clear {
      display: none; width : 0; height: 0;
} 

li.token-input-input-token-block input[type=text]::-ms-reveal {
      display: none; width : 0; height: 0;
}

#token-input-DisplayTableFormat2Sel {
    padding: 0px 0px 0px 5px;
    border-width: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

#token-input-DisplayTableFormat2Sel::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
#token-input-DisplayTableFormat2Sel:-ms-input-placeholder {
  color: #fff;
}
#token-input-DisplayTableFormat2Sel::-webkit-input-placeholder {
  color: #fff;
}

div.token-input-dropdown-block {
    position: absolute;
    width: 400px;
    background-color: #fff;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: default;
    font-size: 11px;
    font-family: Verdana, sans-serif;
    z-index: 1;
}

div.token-input-dropdown-block p {
    margin: 0;
    padding: 5px;
    font-weight: bold;
    color: #777;
}

div.token-input-dropdown-block ul {
    margin: 0;
    padding: 0;
}

div.token-input-dropdown-block ul li {
    background-color: #fff;
    padding: 3px;
    margin: 0;
    list-style-type: none;
}

div.token-input-dropdown-block ul li.token-input-dropdown-item-block {
    background-color: #fff;
}

div.token-input-dropdown-block ul li.token-input-dropdown-item2-block {
    background-color: #fff;
}

div.token-input-dropdown-block ul li em {
    font-weight: bold;
    font-style: normal;
}

div.token-input-dropdown-block ul li.token-input-selected-dropdown-item-block {
    background-color: #3b5998;
    color: #fff;
}



/* Overrides to the tokeninput plug-in from General.css */
ul.token-input-list {
    width: 100%;
}

ul.token-input-list li input {
    width: 100%;
}

ul.token-input-list-facebook {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

ul.token-input-list-block {
    width: 100%;
    border: 1px solid #bcb9b4;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

ul.token-input-list-facebook.token-input-focused-facebook, ul.token-input-list-block.token-input-focused-block {
    border-color: rgba(82,168,236,.8);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    outline: 0;
    outline: thin dotted \9; /* IE6-9 */
}

ul.token-input-list-facebook li input, ul.token-input-list-block li input {
    width: 100% !Important;
}

ul.token-input-list-jzb {
    width: 100%;
}

ul.token-input-list-jzb li input {
    width: 100%;
}

div.token-input-dropdown-facebook.jzb-token-input-dropdown, div.token-input-dropdown-block.jzb-token-input-dropdown {
    width: 40% !Important;
}

@media (max-width: 767px) {
    div.token-input-dropdown-facebook.jzb-token-input-dropdown, div.token-input-dropdown-block.jzb-token-input-dropdown {
        width: 90% !Important;
    }
}

div.token-input-dropdown-facebook.jzb-token-input-dropdown-small, div.token-input-dropdown-block.jzb-token-input-dropdown-small {
    width: 25% !Important;
}

@media (max-width: 767px) {
    div.token-input-dropdown-facebook.jzb-token-input-dropdown-small, div.token-input-dropdown-block.jzb-token-input-dropdown-small {
        width: 75% !Important;
    }
}

.jzb-token-input-ellipsis {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.jzb-token-input-dropdown-column {
    width: 48%;
    white-space: nowrap;
}

.jzb-token-input-dropdown-single-column {
    white-space: nowrap;
}

/* Scroll hidden token results list items on small format devices */
@media (max-height: 480px) {
    body.modal-open > div.token-input-dropdown-facebook.jzb-token-input-dropdown-small, body.modal-open div.token-input-dropdown-block, body.modal-open > div.token-input-dropdown-facebook.jzb-token-input-dropdown {
        max-height: 100px !important;
        overflow-y: visible;
    }
}

/* JENZABAR CUSTOM */
.disabled-token {
    cursor: not-allowed;
}
/* General.css

    This file contains CSS that does not have a home elsewhere
    in the project. Please refer to the JICS CSS decision flowchart 
    for proper CSS placement before adding CSS to this file.

    Index:
        Base CSS
        Forms
        Glyphicons
        Text divider with lines
        Bootstrap modal
        Grouped Grid Tables
        FullCalendar
        OldCalendar
        Progress bars
        Select2 Dropdowns
        bootstrap 3.3.7 shims waiting for 4+
        Footable Extensions
        FormBuilder

*/

/******************************************
    Base CSS
******************************************/
/* unavoidable overrides to the base theme. */
/* the a in the flipcard link is being clobbered by bundle_customCSS */
.jzb-flipcard h4.jzb-flipcard-name a {
    text-decoration: none;
}

/* ContentTabs defined in JICS sitebundle allow tabs to overlap content above. */
.contentTabs{margin-top: 10px !important;}

/* Overrides the default Bootstrap class to meet accessibility color contrast requirements */
.text-muted {
    color: #737373;
}

/*

.ex-crm-portlet-view  :focus, .ex-crm-portlet-view  a, .ex-crm-portlet-view  a:focus, .ex-crm-portlet-view  a:hover {
    text-decoration: none;
}

.no-decoration {
    text-decoration: none;
}
*/

/******************************************
    Forms
******************************************/

.required-field-color {
    color: #A94442;
}

.ex-crm-portlet-view .crmPsHeader {
    padding-top: 42px;
    display: inline-block;
}

.ex-crm-portlet-view .psCell input[type=checkbox] {
    margin-right: 10px;
}

.ex-crm-portlet-view .horizontal-table-label {
    padding-right: 5px;
}

/******************************************
    Glyphicons
******************************************/

@font-face {
	font-family: 'jzb-icon-set';
	src:url('../font/jzb-icon-set.eot?-2q0owe');
	src:url('../font/jzb-icon-set.eot?#iefix-2q0owe') format('embedded-opentype'),
		url('../font/jzb-icon-set.woff?-2q0owe') format('woff'),
		url('../font/jzb-icon-set.ttf?-2q0owe') format('truetype'),
		url('../font/jzb-icon-set.svg?-2q0owe#jzb-icon-set') format('svg');
	font-weight: normal; 
	font-style: normal;
}

[class^="jzb-glyph-"], [class*=" jzb-glyph-"] {
	font-family: 'jzb-icon-set';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.jzb-glyph-glyphicon-lock:before {content: "\e600";}
.jzb-glyph-glyphicon-hub:before {content: "\e601";}
.jzb-glyph-glyphicon-place:before {content: "\e602";}
.jzb-glyph-glyphicon-space:before {content: "\e603";}
.jzb-glyph-glyphicon-flip:before {content: "\e604";}
.jzb-glyph-glyphicon-reassign:before {content: "\e605";}
.jzb-glyph-glyphicon-events:before {content: "\e606";}
.jzb-glyph-glyphicon-session:before {content: "\e607";}
.jzb-glyph-glyphicon-permission:before {content: "\e608";}
.jzb-glyph-glyphicon-parentchild:before {content: "\e609";}
.jzb-glyph-glyphicon-childparent:before {content: "\e610";}
.jzb-glyph-glyphicon-idcard:before {content: "\e611"; color: #428BCA !important;}
.jzb-glyph-glyphicon-course:before {content: "\e612";}
.jzb-glyph-glyphicon-filter:before {content: "\e613";}
.jzb-glyphicon-clock {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 0 .5em 0 .5em;
    vertical-align: middle;
    background-image: url(../icons/glyphicon_clock.svg);
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: 0 0;
}

.jzb-glyphicon-parent-child {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 0 .5em 0 .5em;
    vertical-align: middle;
    background-image: url(../icons/glyphicon_parent_child.svg);
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: 0 0;
}

.jzb-glyphicon-education {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 0 .5em 0 .5em;
    vertical-align: middle;
    background-image: url(../icons/glyphicon_education.svg);
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: 0 0;
}

.jzb-glyphicon-building {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 0 .5em 0 .5em;
    vertical-align: middle;
    background-image: url(../icons/glyphicon_building.svg);
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: 0 0;
}

.jzb-glyphicon-financial-aid {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 0 .5em 0 .5em;
    vertical-align: middle;
    background-image: url(../icons/glyphicon_financial_aid.svg);
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: 0 0;
}

@font-face {
    font-family: 'EX-SR-Custom-Icons';
    src:  url('../../../Common/Jenzabar.EX.Common/font/ex-sr-custom-icons.eot?7oo0cc');
    src:  url('../../../Common/Jenzabar.EX.Common/font/ex-sr-custom-icons.eot?7oo0cc#iefix') format('embedded-opentype'),
          url('../../../Common/Jenzabar.EX.Common/font/ex-sr-custom-icons.ttf?7oo0cc') format('truetype'),
          url('../../../Common/Jenzabar.EX.Common/font/ex-sr-custom-icons.woff?7oo0cc') format('woff'),
          url('../../../Common/Jenzabar.EX.Common/font/ex-sr-custom-icons.svg?7oo0cc#EX-SR-Custom-Icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.ex-icon {
    font-family: 'EX-SR-Custom-Icons';
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ex-icon-large {
    font-size: 2em;
    padding-left: .1em;
    padding-top: .1em;
}
.ex-icon-xl {
    font-size: 3em;
    width: 50px;
    height: 50px;
}

.ex-icon.icon-must-pay:before { content: "\60"; } /* ex-icon added to avoid conflict with identically named classed in JICS base */ 
.ex-icon.icon-add-course:before { content: "\58"; }
.ex-icon.icon-question-sign:before { content: "\64"; }
.ex-icon.icon-on-calendar:before { content: "\65"; }
.ex-icon.icon-pending-approval:before { content: "\61"; }
.ex-icon.icon-waitlisted:before { content: "\61"; }
.ex-icon.icon-cannot-register:before { content: "\59"; }
.ex-icon.icon-registered:before { content: "\62"; }
.ex-icon.icon-requirement-met:before { content: "\62"; }
.ex-icon.icon-in-progress:before { content: "\66"; }
.ex-icon.icon-pending-change:before { content: "\61";}
.ex-icon.icon-is-withdrawn:before { content: "\59";}



.FinancialDocumentCenter .taxDoc {
    background: transparent url('../Icons/statehouse.png') top left no-repeat;
    padding: 25px 25px 50px 55px;
    margin: 0px 0px -75px 0px;
}

/******************************************
    Text Divider With Lines
******************************************/

.textDividerWithLines {
  color: #979797;
  overflow: hidden;
  text-align: center;
}

.textDividerWithLines:before, .textDividerWithLines:after {
  background-color: #979797;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

.textDividerWithLines:before {
  right: 0.5em;
  margin-left: -50%;
}

.textDividerWithLines:after {
  left: 0.5em;
  margin-right: -50%;
}

/******************************************
    Bootstrap Modal
******************************************/

.modal-header {
    border-bottom: none;
}

.modal-header .close {
    color: #777777;
    opacity: 1;
}

.modal-header .close:hover {
    color: #777777;
    opacity: .5;
}

.modal-footer {
    border-top: none;
}

.modal {
    text-align: center;
    padding: 0!important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

/******************************************
    Bootstrap Popover
******************************************/
.popover {
    z-index: 9999 !important;
}
@media screen and (max-width: 780px) {
    .popover {
        max-width: 80% !important;
        position: absolute !important;
    }
}

/******************************************
    Bootstrap Badges
******************************************/
.badge {
    background-color: #666;
}

.badge-success {
    background-color: #62BD19;
    color: white;
}

.badge-warning {
    background-color: #CCE1F1;
    color: #434443;
}

.badge-warning2 {
    background-color: #0071E3;
    color: #FFFFFF;
}

.badge-warning3 {
    background-color: #A35A00;
    color: white;
}

.badge-warning4 {
    background-color: #4294ca;
    color: white;
}

.badge-danger {
    background-color: #A94442;
    color: white;
}

/******************************************
    Miscellaneous
*******************************************/

.inactive-link {
    pointer-events: none;
    cursor: default;
    text-decoration : none;
}

.crm-error-alert {
    margin: 10px 10px 10px 10px;
    display: block!important;
}

.crm-async-loading {
   padding: 20px 0 20px 35px;
   color: #666;
   background: #ffffff url(../../../../../ui/common/images/PortletImages/Icons/ajax_loader_large.gif) no-repeat 55px center;
   width: 140px;
   margin: auto;
}

div.full-page-spinner {
    position: fixed;
    left: 50%;
    top: 50%;
    padding: 20px 0 20px 35px;
    color: #666;
    background: #ffffff url(../../../../../ui/common/images/PortletImages/Icons/ajax_loader_large.gif) no-repeat 55px center;
    width: 140px;
    margin: auto;
}

.crm-section {
    border: 1px solid #f5f5f5;
    margin: 10px 0;
    padding: 9px;
    background-color: #f5f5f5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.ex-crm-portlet-view a.btn-block {
    box-sizing: inherit;
}

.crm-portlet-panel {
    margin-bottom: 1em;
    margin-top: 1em;
}

.crm-portlet-panel .portlet-header-bar h3 a.glyphicon {
    text-decoration: none;
}

.ajaxLoadablePortlet .pt_StudentHomePage {
    border: none !important;
    outline: none !important;   
}
.ajaxLoadablePortlet .pt_StudentHomePage > .portlet-header-bar {
    display: none !important;
}
.ajaxLoadablePortlet .pt_StudentHomePage > .portlet-padding {
    margin: 0 !important;
}

.crm-alert-panel {
    padding: 15px;
    margin: -10px -10px 10px -10px;
}

.ex-crm-portlet-view #adminCog {
    /*text-decoration: none;
    border: 0;*/
    z-index: 1;
    background-color: transparent;
    color: #265B8C;
    width: 12px;
    padding: 0;
    /*position: absolute;
    right: 10px;*/
}

@media(max-width:1025px) {
    .crm-alert-panel {
        margin: -10px 0 10px 0;
    }
}
/* 
    Settings View
*/
.ex-crm-portlet-view .settings .button-group {
    margin: 20px 0;
}
.ex-crm-portlet-view .settings .button-group .btn {
    margin-right: 20px;
}
.ex-crm-portlet-view .header-bar {
    float: right;
    min-height: 10px;
    clear: both;
}

.ex-crm-portlet-view .settings-cog {
    text-decoration: none;
    border: 0;
    z-index: 1;
    /*background-color: transparent;
    color: #265B8C;*/
    width: 12px;
    padding: 0;
    font-weight: inherit;
}
.ex-crm-portlet-view .settings-cog:focus {
    border: none;
    text-decoration: none;
}

.ex-crm-portlet-view .secondary-content {
    color: #5c6368;
}

/******************************************
    Grouped Grid Tables
*******************************************/
.ex-crm-portlet-view .fbTblAdmin table,
.ex-crm-portlet-view .groupedGrid table {
    border-spacing: 1px;
    border-collapse: unset;
}

.ex-crm-portlet-view .fbTblAdmin table[cellspacing="0"],
.ex-crm-portlet-view .groupedGrid table[cellspacing="0"] {
    border-spacing: 0;
    border-collapse: collapse;
}

.ex-crm-portlet-view table:not([cellspacing="0"]) td,
.ex-crm-portlet-view table:not([cellspacing="0"]) th {
    padding-right: 10px;
    padding-left: 10px;
    border-right: thin white solid;
}

.portlet-grid .portlet .ex-crm-portlet-view .fbTblAdmin td,
.portlet-grid .portlet .ex-crm-portlet-view .groupedGrid td {
    padding: 5px 5px 5px 5px!important; /* Important needed here because the base themes are loaded after */
}

/* Overriding the GroupedGrid header and footer background to address contrast issue */
.groupedGrid thead td,
.groupedGrid thead th,
.groupedGrid .gbody tr th,
.groupedGrid .ghead tr td,
.groupedGrid .gfoot tr td,
.groupedGrid .gfoot tr th {
    background: #ddd !important;
}

.FBQuestionList td {
    padding-right: 10px;
    vertical-align: top !important;
}

.FBQuestionList .QuestionColumnWidth table {
    margin-top:0;
}

/****************************************
    Event Requests Overrides
*****************************************/
@media screen and (min-width: 780px) {
    .EventRequests .location-filter .popover { transform: translate3d(0px, 80px, 0px) !important; }
}
.EventRequests .location-filter .popover .arrow {
    left: 35px!important;
}


/******************************************
    FooTables
*******************************************/
.ex-crm-portlet-view table.crmFootable {
    border-spacing: 0;
    width: 100%;
    border: 1px solid #808080;
    color: #333;
    border-collapse: unset;
}

.ex-crm-portlet-view table:not(.filter-table)  tr.footable-filtering {
    display:none !important;
}

.ex-crm-portlet-view .filter-table {
    table-layout:auto!important;
}
.small-column{
    max-width:120px!important;
    min-width:120px!important;
}

.ex-crm-portlet-view table.crmFootable #ViewingTotalField {
    border-top: none;
}

.ex-crm-portlet-view table.crmFootable .fooicon-sort:before,
.ex-crm-portlet-view table.crmFootable .fooicon-sort-asc:before,
.ex-crm-portlet-view table.crmFootable .fooicon-sort-desc:before
 {
    content: none;
}
.ex-crm-portlet-view table.crmFootable .fooicon-sort:after {
    font-family: FontAwesome !important;
    content: "\f0dc";
}

.ex-crm-portlet-view table.crmFootable .fooicon-sort-asc:after {
    font-family: FontAwesome !important;
    content: "\f0d8";
}

.ex-crm-portlet-view table.crmFootable .fooicon-sort-desc:after {
    font-family: FontAwesome !important;
    content: "\f0d7";
}


/* 
    Footable Header / Caption
*/
.ex-crm-portlet-view table.crmFootable caption {
    background-color: #f0f0f0;
    font-weight: bold;
    font-size: 1.2em;
    border: 1px solid #808080;
    padding: .2em .4em;
    font-size: 1.2em;
    color: #333333;
}

/* 
    Footable Cells & Rows
*/
.ex-crm-portlet-view table.crmFootable thead {
    background-color: #f0f0f0;
}
.ex-crm-portlet-view table.crmFootable tbody tr:nth-child(even) {
    background-color: #f5f5f5;
}

.ex-crm-portlet-view table.crmFootable th, .ex-crm-portlet-view table.crmFootable td {
    padding: 5px;

}
.ex-crm-portlet-view table:not(.footable-details).crmFootable td,
.ex-crm-portlet-view table:not(.footable-details).crmFootable .footable-header th {
    border-top: 1px solid #c0c0c0 !important;
    border-right: 1px solid #c0c0c0 !important;
}

.ex-crm-portlet-view table.crmFootable .footable-header th.footable-sortable>span.fooicon {
    opacity: 1;
}

.ex-crm-portlet-view table.crmFootable .footable-details td {
    text-align: left !important;
}

/*
    Custom filter for footable
*/

.ex-crm-portlet-view  .jzbCustomFooFilter {
    position: relative;
    float: right;
    width: 400px;
}
.ex-crm-portlet-view  .jzbCustomFooFilter .jzbFooFilterGroup {
    float: right;
}
.ex-crm-portlet-view  .jzbCustomFooFilter .jzbFooFilterGroup .lblFilterTopLevelDescription {
    display: initial;
}
.ex-crm-portlet-view  .jzbCustomFooFilter .jzbFooFilterGroup button, 
.ex-crm-portlet-view  .jzbCustomFooFilter .jzbFooFilterGroup input {
    float: left;
}

.ex-crm-portlet-view  .jzbCustomFooFilter .jzbFooFilterGroup .btnFilterDropdown {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.ex-crm-portlet-view  .jzbCustomFooFilter .jzbFooFilterGroup .btnFilterSearch {
    border: 1px solid;
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.ex-crm-portlet-view .jzbCustomFooFilter .jzbFooFilterGroup .form-control {
    width: inherit;
}
.ex-crm-portlet-view  .jzbCustomFooFilter .jzbFooFilterGroup input {
    background-color: #fff;
    border-radius: 0;
}
.ex-crm-portlet-view  .jzbCustomFooFilter .jzbFooFilterPopover {
    position: absolute;
    top: 34px;
    background-color: #fff;
    z-index: 100;
    border: 2px #CCC solid;
    border-radius: 4px;
    padding: 10px;
    width: 100%;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}

.ex-crm-portlet-view  .jzbCustomFooFilter .jzbFooFilterPopover .btnApply {
    float: right;
}

.ex-crm-portlet-view  .jzbCustomFooFilter .jzbFooFilterPopover .closeFilter {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #777;
    text-decoration: none;
    z-index: 100;
}

.ex-crm-portlet-view  .jzbCustomFooFilter .jzbFooFilterPopover legend > * { /* h4, most likely */
    font-size: 1.2em;
    padding: 0;
    margin-top: 0;
    margin-bottom: .5rem;
}
.ex-crm-portlet-view  .jzbCustomFooFilter .jzbFooFilterPopover label {
    width: 100%;
    text-transform: capitalize;
}
.ex-crm-portlet-view  .jzbCustomFooFilter .jzbFooFilterPopover .filterControl {
    display: block;
    width: 100%;
    margin-left: 15px;
    display: none;
}

.ex-crm-portlet-view .jzbCustomFooFilter .jzbFooFilterPopover .filterControl .dateFilter{
    width: 35%;
}

.ex-crm-portlet-view .jzbCustomFooFilter .jzbFooFilterPopover .filterControl input,
.ex-crm-portlet-view  .jzbCustomFooFilter .jzbFooFilterPopover .filterControl select {
    width: 100%;
}
.ex-crm-portlet-viet .jzbCustomFooFilter .jzbFooFilterPopover .filterControl .hasDatepicker{
    width: 35%;
}
.ex-crm-portlet-view  .jzbCustomFooFilter .jzbFooFilterPopover .select2-results__message {
    display: none !important;
}

@media (max-width: 1025px) {
    .ex-crm-portlet-view  table.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a.checkbox input[type=checkbox] {
        left: 10px;
    }
}

@media (max-width: 767px) {
    .ex-crm-portlet-view  .jzbCustomFooFilter {
        float: none;
        width: auto;
    }

    .ex-crm-portlet-view  .jzbCustomFooFilter .jzbFooFilterGroup {
        float: left;
    }
}

/* 
    Paging Component
*/

.ex-crm-portlet-view table.crmFootable .pagination {
    font-size: .9em;
}
.ex-crm-portlet-view table.crmFootable .footable-paging-left {
    padding: 0;
    float: left;
}

.ex-crm-portlet-view table.crmFootable .footable-pagination-wrapper {
    margin-bottom: 10px;
}

.ex-crm-portlet-view table.crmFootable .footable-pageAgainLink {
    color: #265B8C;
    display: inline-block;
    border: 1px solid #ddd;
    padding: 6px 12px;
    border-radius: 4px;
    background-color: #fff;
}

.ex-crm-portlet-view table.crmFootable .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #265B8C;
    border-color: #265B8C;
    color: #FFF;
}
.ex-crm-portlet-view table.crmFootable .pagination>li>a, .pagination>li>span {
    color: #265B8C;
}

.ex-crm-portlet-view table.crmFootable .footable-pagination-wrapper span.label {
    background-color: inherit;
    color: inherit;
    font-size: inherit;
    font-weight: normal;
    display: inline-block;
    text-align: left;
    padding: 10px 5px;
    float: left;
}
.ex-crm-portlet-view table.crmFootable .pagination li[data-page='next-limit'], .ex-crm-portlet-view table.crmFootable .pagination li[data-page='prev-limit'] {
    display: none;
}



.ex-crm-portlet-view .footable-paging-external ul.pagination, .ex-crm-portlet-view table.footable>tfoot>tr.footable-paging>td>ul.pagination {
    margin-top: 0;
}

@media (max-width: 767px) {
    .ex-crm-portlet-view table.crmFootable .pagination {
        margin-top: 5px;
    }
   .ex-crm-portlet-view  table.crmFootable .pagination > li > a, .pagination > li > span {
        font-size: .8em;
    }
}

/************************************
   Date Picker
 ************************************/
.ex-crm-datepicker .ui-state-default,
.ex-crm-datepicker.ui-widget-content .ui-state-default,
.ex-crm-datepicker .ui-widget-header .ui-state-default {
    border: 1px solid #c2e3ff;
    background: #e8f4ff; /* Old browsers */
    background: -moz-linear-gradient(top, #e8f4ff 0%, #c2e3ff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8f4ff), color-stop(100%,#c2e3ff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e8f4ff 0%,#c2e3ff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e8f4ff 0%,#c2e3ff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e8f4ff 0%,#c2e3ff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e8f4ff 0%,#c2e3ff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f4ff', endColorstr='#c2e3ff',GradientType=0 ); /* IE6-9 */
    color: #000;
}

.ex-crm-datepicker .ui-state-default:hover,
.ex-crm-datepicker.ui-widget-content .ui-state-default:hover,
.ex-crm-datepicker .ui-widget-header .ui-state-default:hover {
    border: 1px solid #75bfd3;
    background: #bddce4; /* Old browsers */
    background: -moz-linear-gradient(top, #bddce4 0%, #75bfd3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bddce4), color-stop(100%,#75bfd3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #bddce4 0%,#75bfd3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #bddce4 0%,#75bfd3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #bddce4 0%,#75bfd3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #bddce4 0%,#75bfd3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bddce4', endColorstr='#75bfd3',GradientType=0 ); /* IE6-9 */
}

.ex-crm-datepicker .ui-state-highlight,
.ex-crm-datepicker.ui-widget-content .ui-state-highlight,
.ex-crm-portlet-view .ui-widget-header .ui-state-highlight {
    border: 1px solid #f9ec76;
    background: #fdf9d6; /* Old browsers */
    background: -moz-linear-gradient(top, #fdf9d6 0%, #f9ec76 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdf9d6), color-stop(100%,#f9ec76)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fdf9d6 0%,#f9ec76 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fdf9d6 0%,#f9ec76 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fdf9d6 0%,#f9ec76 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fdf9d6 0%,#f9ec76 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf9d6', endColorstr='#f9ec76',GradientType=0 ); /* IE6-9 */
    color: #363636;
}

.ex-crm-datepicker .ui-state-highlight:hover,
.ex-crm-datepicker.ui-widget-content .ui-state-highlight:hover,
.ex-crm-datepicker .ui-widget-header .ui-state-highlight:hover {
    border: 1px solid #f1d42a;
    background: #faf1a4; /* Old browsers */
    background: -moz-linear-gradient(top, #faf1a4 0%, #f1d42a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faf1a4), color-stop(100%,#f1d42a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #faf1a4 0%,#f1d42a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #faf1a4 0%,#f1d42a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #faf1a4 0%,#f1d42a 100%); /* IE10+ */
    background: linear-gradient(to bottom, #faf1a4 0%,#f1d42a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf1a4', endColorstr='#f1d42a',GradientType=0 ); /* IE6-9 */
}

.ex-crm-datepicker .ui-datepicker-header.ui-widget-header {
    /*background-color: #fff;*/
    border: 1px solid #ffffff;
    background: #ffffff 50% 50% repeat-x;
    color: #222222;
    font-weight: bold;
}

.ex-crm-datepicker .ui-widget-header .ui-icon {
    background-image: url(../../images/datepicker/ui-icons_c2d7ea_256x240.png);
}

.ex-crm-datepicker.ui-datepicker td span,
.ex-crm-datepicker.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: left;
    text-decoration: none;
}

.ex-crm-datepicker .ui-datepicker-unselectable.ui-state-disabled {
    opacity: 1;
}

.ex-crm-datepicker .ui-state-disabled > .ui-state-default,
.ex-crm-datepicker .ui-state-disabled > .ui-state-default:hover {
    cursor: default;
    background: -webkit-repeating-linear-gradient(135deg, rgba(245,245,245,.96), rgba(245,245,245,.96) 7px, rgba(236,236,236,.93) 7px, rgba(236,236,236,.93) 14px, rgba(245,245,245,.96) 14px) top left;
    background: repeating-linear-gradient(135deg, rgba(245,245,245,.96), rgba(245,245,245,.96) 7px, rgba(236,236,236,.93) 7px, rgba(236,236,236,.93) 14px, rgba(245,245,245,.96) 14px) top left;
    border: 1px solid #e1e1e1;
}

.ex-crm-datepicker .ui-state-disabled.ui-datepicker-today > .ui-state-default,
.ex-crm-datepicker .ui-state-disabled.ui-datepicker-today > .ui-state-default:hover {
    cursor: default;
    background: -webkit-repeating-linear-gradient(135deg, rgba(254,247,222,99), rgba(254,247,222,99) 7px, rgba(245,242,215,99) 7px, rgba(245,242,215,99) 14px, rgba(254,247,222,99) 14px) top left;
    background: repeating-linear-gradient(135deg, rgba(254,247,222,99), rgba(254,247,222,99) 7px, rgba(245,242,215,99) 7px, rgba(245,242,215,99) 14px, rgba(254,247,222,99) 14px) top left;
    border: 1px solid #ede9c1;
}

/* With Margin */
.jzb-clean-ul-with-margin {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.jzb-clean-ul-with-margin li {
    margin: .5em;
    padding: 0;
}

.jzb-clean-ul-with-margin li div.alert {
    margin: 0;
}

.jzb-clean-ul-with-margin li div.alert.alert-info {
    background: none;
    border: none;
    box-shadow: none;
}

.jzb-clean-ul-with-margin li div.alert.alert-info h2 {
    font-size: 1.3em;
    color: #629ebb;
}

.jzb-clean-ul-without-margin {
    margin-left: 0px;
    padding: 0;
}

.jzb-clean-ul-without-margin li {
    list-style-type: none;
    margin-left: 0px;
    padding: 0;
}

/************************************
   FullCalendar
 ************************************/
.jzb-on-calendar {
}
.jzb-on-calendar.errors {
    background: url("../Icons/calendar-red.png") repeat-y top left;
    padding-left: 0.4em;
}
.jzb-on-calendar.warnings {
    background: url("../Icons/calendar-striped-edge-orangewhite.png") repeat-y top left;
    padding-left: 0.4em;
}
.jzb-on-calendar.subterm {
    background: url("../Icons/calendar-striped-edge-blue.png") repeat-y top left;
    padding-left: 0.4em;
}

.jzb-pending-approval {
    background-color: #4B8506;
}
.jzb-pending-approval.subterm {
    background: url("../Icons/calendar-striped-edge-green.png") repeat-y top left;
    padding-left: 0.4em;
}

.jzb-pending-change {
    background-color: #C25700;
}

.jzb-must-pay {
}
.jzb-must-pay.subterm {
    background: url("../Icons/calendar-striped-edge-orange.png") repeat-y top left;
    padding-left: 0.4em;
}

.jzb-cannot-register {
}
.jzb-cannot-register.subterm {
    background: url("../Icons/calendar-striped-edge-red.png") repeat-y top left;
    padding-left: 0.4em;
}

.jzb-registered {
    background-color: #386404;
}
.jzb-registered.subterm {
    background: url("../Icons/calendar-striped-edge-green.png") repeat-y top left;
    padding-left: 0.4em;
}

.jzb-waitlisted {
    background-color: #2A678A;
}
.jzb-waitlisted.subterm {
    background: url("../Icons/calendar-striped-edge-lightblue.png") repeat-y top left;
    padding-left: 0.4em;
}

.fc-time-grid-event .fc-bg {
    opacity: 0;
}

.footable .crm-async-loading {
    position: absolute;
    top: 40%;
    left: 40%;
    background-color: transparent;
}

.footable-container .pagination {
    float: left;
}

/******************************************
    OldCalendar CSS
******************************************/
.CDTableBorder {
    border: 1px solid #b7b7b7;
    border-spacing: inherit;
    border-collapse: collapse;
    empty-cells: show;
}

.CDParentBorder {
    border: 1px solid #b7b7b7;
    background-color: #CACACA;
    empty-cells: show;
}

.CDDayRow {
    border: 1px solid #717171;
    background-color: #717171;
    color: #FFFFFF;
}

.CDHighlightedDayLeft {
    background-color: #FFFFFF;
    border-left-style: solid;
    border-left-color: #1979be;
    border-left-width: 2px;
}

.CDHighlightedDayRight {
    background-color: #FFFFFF;
    border-right-style: solid;
    border-right-color: #1979be;
    border-right-width: 2px;
}

.CDHighlightedDay {
    border-style: solid;
    border-top-color: #1979be;
    border-bottom-color: #1979be;
    border-top-width: 2px;
    border-bottom-width: 2px;
}

.CDToday {
    border-style: solid;
    border-width: 1px;
    border-color: #dfdfdf #717171 #717171 #dfdfdf;
    background-color: #FFFFFF;
    font-size: 9px;
    font-weight: bold;
    color: #767676;
}

.CDTodayWOBORDER {
    background-color: #FFFFFF;
    font-size: 9px;
    font-weight: bold;
    color: #767676;
}

.CDActiveDay {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #ffffff #717171 #717171 #ffffff;
    background-color: #E9E9E9;
    font-size: 9px;
    color: #767676;
}

.CDActiveDayWOBORDER {
    background-color: #E9E9E9;
    font-size: 9px;
    color: #767676;
}

.CDActiveDay:hover {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #717171 #dfffff #ffffff #717171;
    background-color: #dddddd;
    font-size: 9px;
    color: #767676;
}

.CDInactiveDay {
    border: 1px solid #b7b7b7;
    background-color: #DCDCDC;
    font-size: 9px;
    color: #b7b7b7;
}

.CDInactiveDayHover {
    border: 1px solid #b0a700;
    background-color: #FFFA7D;
    font-size: 9px;
    color: #b0a700;
}

.CDLegendTable {
    background-color: #E2E2E2;
}

.CDDescription {
    color: #000000;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
    width: 48px;
    height: 16px;
    vertical-align: middle;
}

.CDIconRight {
    float: right;
    margin-left: 6px;
}

.CDIcon {
    text-align: right;
}

.CDHand {
    cursor: pointer;
}

.CDNormal {
    cursor: default;
}

.CDActiveDayPAST {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #ffffff #717171 #717171 #ffffff;
    background-color: #a8a8a8;
    font-size: 9px;
    color: #767676;
}

.CDActiveDayPAST:hover {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #717171 #dfffff #ffffff #717171;
    background-color: #939393;
    font-size: 9px;
    color: #767676;
}

.CDBoldText {
    font-weight: bold;
    font-size: medium;
    text-align: center;
    padding: 10px 5px;
}

.CDPeriodClosed {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #ffffff #717171 #717171 #ffffff;
    background-color: #a8a8a8;
    font-size: 9px;
    color: #717171;
}

.CDPeriodClosedWOBORDER {
    background-color: #a8a8a8;
    font-size: 9px;
    color: #717171;
}

.CDDayOff {
    background-color: #b7b7b7;
    border: 1px solid #dcdcdc;
    font-size: 9px;
    color: #717171;
}

.CDDayOff:hover {
    background-color: #a4a4a4;
    border-style: solid;
    border-width: 1px;
    border-color: #dfdfdf #ffffff #ffffff #dfdfdf;
}

.CDPastDayWithNoHours {
    background-color: #ff7e7e;
    border-style: solid;
    border-width: 1px;
    border-color: #ffd7d7 #700000 #700000 #ffd7d7;
    font-size: 9px;
    color: #710100;
}

.CDPastDayWithNoHours:hover {
    background-color: #cc8181;
    border-style: solid;
    border-width: 1px;
    border-color: #700000 #c26f6f #c26f6f #700000;
}

.CDPastDayWithNoHoursWOBORDER {
    background-color: #ff7e7e;
    font-size: 9px;
    color: #710100;
}

.CDPastDayWithNoHoursWOBORDER {
    background-color: #ff7e7e;
    font-size: 9px;
    color: #710100;
}

.CDDayOffWOBORDER {
    background-color: #b7b7b7;
    font-size: 9px;
    color: #717171;
}

.CDDayOffWOBORDER:hover {
    background-color: #a4a4a4;
}

/************************************
   Grid table
 ************************************/

.utility-header {
    border: none;
    background: #eee;
}

.row-padding > .row, .row-padding tr {
    padding: 4px 0;
    border: 1px solid #eee;
}    
/**************************************
  Progress Bars
****************************************/
/*  ~UIWeb/ProgressBars.css

    Progress Bar pattern styles.

    Index:
        Base Elements
        Charts
        Demo
 */


/* Base */
.jzb-progress {
    position: relative;
}

.progress-bar-success2 {
    background-color: #B0DE8C;
}

.progress span.ju-text-align-center {
    display: block;
    position: absolute;
    width: 100%;
    font-weight: bold;
    font-size: initial;
}

/* Charts */
.jzb-chart-one   {background-color: #7fbbce;}
.jzb-chart-two   {background-color: #f6d96b;}
.jzb-chart-three {background-color: #e37cb8;}
.jzb-chart-four  {background-color: #fcbb78;}
.jzb-chart-five  {background-color: #7cdcba;}
.jzb-chart-six   {background-color: #994121;}
.jzb-chart-seven {background-color: #d1cb4d;}
.jzb-chart-eight {background-color: #5e63a1;}
.jzb-chart-nine  {background-color: #a8383b;}
.jzb-chart-ten   {background-color: #8a63a9;}
.jzb-chart-bg    {background-color: #666;} /* Updated to address contrast issue */
.jzb-chart-empty {background-color: #ededed;}

@media (max-width: 767px) {
    .jzb-chartcat {
        font-size: 1em;
    }
}

.jzb-chartcat {
    font-size: .85em;
    margin: .4em 0 0 0;
}

.jzb-chartcat span {
    display: inline-block;
    width: .9em;
    height: .9em;
    margin: 0 .3em 0 .1em;
    border: 1px solid #888;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.jzb-chart-success {background-color: #49b736;}
.jzb-chart-info {background-color: #418cf1;}
.jzb-chart-warning {background-color: #f18acf;}
.jzb-chart-danger {background-color: #A94442;}
.jzb-chart-danger2 {background-color: #B94A48;}
.jzb-chart-light-blue {
    color: #ffffff;
    background-color: #8fb6e1;
}

.jzb-chart-dark-blue {
    color: #ffffff;
    background-color: #265990;
}

.jzb-chart-light-gray-bg {
    color: black;
    background-color: #eeedf3;
}

.jzb-chart-dark-green {
    background-color: #4D8D2D;
    border-color: #3D7428;
    color: #FFF;
}


.jzb-demo-progress {
    background-color: #949595;
}

.jzb-demo-progress-bar {
    background-color: #428bca;
    overflow-x: visible;
    white-space: nowrap;
}

.jzb-demo-progress-bar-info {
    background-color: #949595;
    color: #428bca;
}

.jzb-demo-progress-bar-success {
    background-color: #3c763d;
}

.jzb-demo-progress-bar-warning {
    background-color: #E16132;
}

.jzb-demo-progress-bar-danger {
    background-color: #A94442;
}


/**********************
 Select2 Dropdowns
***********************/
.crm-select-container {
    margin-bottom: 15px;
}


/* Used to hide certain information in the default dropdown display box */
.ex-crm-portlet-view .hideForDefaultView{
    display: none;
}

.select2-container {
    width: inherit !important;
}

.select2-container ul:not(.withBullets) {
    margin-bottom: 5px;
}
.select2-container li:not(.withBullets) {
    margin: .5em 0;
}

.select2-container li span {
    display: inline-block;
    padding: 0 5px;
}

.select2-container .select2-results__option hr {
    margin: 5px 0;
}
.select2-container .select2-results__option {
    padding: 0 10px;
}

.select2-container .select2-results__option[aria-selected=true]{
    color: #999999;
    background-color: #fff;
}

/*

   Jenzabar extensions to the Footable framework.

    Index:
        General
        Filtering field
        Expandable Row
        Pagination
 */

/*******************************
   General
 *******************************/
table.footable {
    margin-bottom: 0;
    margin-top: 0;
}

/*******************************
   Header Table
 *******************************/
.footable.breakpoint > tbody > tr > td > span.footable-toggle {
    display: inline-block;
    font-family: 'footable';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    padding-right: 10px;
    font-size: 1em;
    color: #4870ac;
    opacity: 1;
}

.footable.breakpoint > tbody > tr > td > span.footable-toggle:hover {
    cursor: pointer;
}

table.table.table-condensed > thead > tr > th,
table.table.table-condensed > tbody > tr > th,
table.table.table-condensed > tfoot > tr > th,
table.table.table-condensed > thead > tr > td,
table.table.table-condensed > tbody > tr > td,
table.table.table-condensed > tfoot > tr > td {
    padding: 10px 5px;
}

.footable > thead > tr > th:nth-of-type(1) {
    min-width: 4.5em;
}

table.table.footable > thead > tr > td.footable-sortable,
table.table.footable > thead > tr > th.footable-sortable,
table.table.footable > tbody > tr > td.footable-sortable,
table.table.footable > tbody > tr > th.footable-sortable,
table.table.footable > tfoot > tr > td.footable-sortable,
table.table.footable > tfoot > tr > th.footable-sortable {
    padding-right: 0;
    position: inherit;
}

table.footable > thead > tr > td > span.fa,
table.footable > thead > tr > th > span.fa {
    padding-left: 5px;
}
table.footable > thead > tr > th {
    border-bottom-width: 1px;
}

.footable-filtering th { border: none !important;}

/*******************************
    Expandable Row
 *******************************/

tr.footable-detail-row > td > table.footable-details > tbody > tr > th,
tr.footable-detail-row > td > table.footable-details > tbody > tr > td {
    border-style: none;
}

tr.footable-detail-row > td {
    padding: 0;
}

tr.footable-detail-row > td > table {
    margin-top: 0;
}

tr.footable-detail-row > td > table.footable-details > tbody > tr > th {
    width: 20%;
}

/*******************************
   Filtering field
 *******************************/

tr.footable-filtering form.form-inline div.input-group input.form-control {
    border-bottom-right-radius: 4px !important;
    border-top-right-radius: 4px !important;
}
table.footable.footable-filtering-right>thead>tr.footable-filtering>th, table.footable>thead>tr.footable-filtering>th {
    text-align: left !important;
}
table.table.table-condensed > thead > tr.footable-filtering > th {
    padding-left: 0;
}


/****************************************
    Pagination
 ****************************************/

table.footable tr.footable-paging {
    font-size: 0.8em;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

table.table.footable > thead > tr.footable-paging > td,
table.table.footable > tfoot > tr.footable-paging > td {
    padding: 5px 0 1px 5px;
}

table.footable tr.footable-paging ul.pagination li {
    float: left;
    margin: 0;
}

table.footable tr.footable-paging ul.pagination li a {
    border: 1px solid #6d6d6d;
}

table.footable tr.footable-paging ul.pagination > li > a {
    color: #265b8c;
}

table.footable tr.footable-paging ul.pagination > .active > a,
table.footable tr.footable-paging ul.pagination > .active > a:focus,
table.footable tr.footable-paging ul.pagination > .active > a:hover {
    background-color: #265b8c;
    color: #ffffff;
}

table.table.footable > tfoot > tr.footable-paging > td > ul.pagination {
    margin: 0;
}

table.table.footable > tfoot > tr.footable-paging > td span.label-default {
    display: none;
}

div.show-x-rows-button > a {
    background-color: #ffffff;
    border: 1px solid #6d6d6d;
    border-radius: 4px;
    display: inline-block;
    padding: 6px 12px;
    text-decoration: none;
}

/*******************************
   Expanded row area
 *******************************/
table.footable-details {
    border: none;
}

table.footable-details.crmFootable tr {
    background-color: #ffffff;
}

/****************************
    Tiles (currently only in financial document center)
*****************************/


.docTile {
    min-height: 160px;
    width: 300px;
    margin: 20px 10px;
    vertical-align: top;
}

.docTile:first-child {
    margin-left: 0;
}

.docTile:last-child {
    margin-right: 0;
}

.docTile .tileGuts {
    padding-left: 85px;
}

.docTile p {
    margin-bottom: 5px;
    font-size: 1.1em;
}

 .tileGuts {
    min-height: 75px;
}


 .docTile .btn, .docTile a {
    margin-top: 10px;
    width: 90%;
}
 .docTile .input-group-btn a {
    width: 243px;
}
.docTile .input-group-btn .dropdown-toggle {
    width: 34px;
}

.docTile .input-group-btn a {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

 .docTile .dropdown-menu li {
    width: 300px;
    position: relative;
}
 .docTile .dropdown-menu .btn {
    width: 90%;
    position: absolute;
    right: 0;
}

@media (max-width: 767px) {
    .docTile {
        margin: 20px auto !important;
        display: block;
    }
}
@media print {
    a[href]:after {
        content: none !important;
    }
    a, a:link, a:visited {
        text-decoration: none !important;
    }
}

@media (max-width: 350px) {
    .select2-container--open {
        left: 0 !important;
        width: 100%;
    }
}

.FBQuestionList .row {
    margin-bottom: .5em;
}

/**************************************
  bootstrap 3.3.7 shims (waiting for 4+)
  Note: These classes ALL exist in Bootstrap 4+ -
        when/if we upgrade to 4+ bootstrap - EVERYTHING in 
        this section can be removed.
****************************************/

.rounded {
    border-radius: 0.25rem !important;
}

.rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}

.rounded-right {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.rounded-0 {
    border-radius: 0 !important;
}


.border {
    border: 1px solid #dee2e6 !important;
}

.border-top {
    border-top: 1px solid #dee2e6 !important;
}

.border-right {
    border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
    border-left: 1px solid #dee2e6 !important;
}

.border-0 {
    border: 0 !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-right-0 {
    border-right: 0 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-left-0 {
    border-left: 0 !important;
}

.d-none {
    display: none;
}
.d-block {
    display: block;
}
.d-inline-block {
    display: inline-block;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}
.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.align-baseline {
    vertical-align: baseline !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.align-text-bottom {
    vertical-align: text-bottom !important;
}

.align-text-top {
    vertical-align: text-top !important;
}

.border-0 {border: 0 !important;}
.border-top-0 {border-top: 0 !important;}
.border-right-0 {border-right: 0 !important;}
.border-bottom-0 {border-bottom: 0 !important;}

.border-left-0 {
    border-left: 0 !important;
}

.position-relative{position:relative!important}

.position-absolute{position:absolute!important}

.hide-overflow {
    overflow: hidden!important;
}

.text-dark {
    color: #343a40!important;
}

.float-left { float: left!important;}

.float-right{ float: right!important;}

.float-none{ float: none!important;}

.font-weight-normal {
    font-weight: normal!important;
}

.font-weight-bold {
    font-weight: bold!important;
}

.shadow-none {
    box-shadow: none !important;
}

.w-25 {width: 25% !important;}
.w-50 {width: 50% !important;}
.w-75 {width: 75% !important;}
.w-100 {width: 100% !important;}
.w-auto {width: auto !important;}
.h-25 {height: 25% !important;}
.h-50 {height: 50% !important;}
.h-75 {height: 75% !important;}
.h-100 {height: 100% !important;}
.h-auto {height: auto !important;}

.p-0 { padding: 0!important; }
.p-1 { padding: .25rem!important; }
.p-2 { padding: .5rem!important; }
.p-3 { padding: 1rem!important; }
.p-4 { padding: 1.5rem!important; }
.p-5 { padding: 3rem!important; }

.pt-0 { padding-top:  0!important; }
.pt-1 { padding-top: .25rem!important; }
.pt-2 { padding-top: .5rem!important; }
.pt-3 { padding-top:  1rem!important; }
.pt-4 { padding-top: 1.5rem!important; }
.pt-5 { padding-top:  3rem!important; }

.pr-0 { padding-right:  0!important; }
.pr-1 { padding-right: .25rem!important; }
.pr-2 { padding-right: .5rem!important; }
.pr-3 { padding-right:  1rem!important; }
.pr-4 { padding-right: 1.5rem!important; }
.pr-5 { padding-right:  3rem!important; }

.pb-0 { padding-bottom:  0!important; }
.pb-1 { padding-bottom: .25rem!important; }
.pb-2 { padding-bottom: .5rem!important; }
.pb-3 { padding-bottom:  1rem!important; }
.pb-4 { padding-bottom: 1.5rem!important; }
.pb-5 { padding-bottom:  3rem!important; }

.pl-0 { padding-left:  0!important; }
.pl-1 { padding-left: .25rem!important; }
.pl-2 { padding-left: .5rem!important; }
.pl-3 { padding-left: 1rem!important; }
.pl-4 { padding-left: 1.5rem!important; }
.pl-5 { padding-left: 3rem!important; }d

.m-0 { margin: 0!important; }
.m-1 { margin: .25rem!important; }
.m-2 { margin: .5rem!important; }
.m-3 { margin: 1rem!important; }
.m-4 { margin: 1.5rem!important; }
.m-5 { margin: 3rem!important; }
.m-auto {margin: auto !important;}

.mt-0 { margin-top:  0!important; }
.mt-1 { margin-top: .25rem!important; }
.mt-2 { margin-top: .5rem!important; }
.mt-3 { margin-top:  1rem!important; }
.mt-4 { margin-top: 1.5rem!important; }
.mt-5 { margin-top:  3rem!important; }
.mt-auto {margin-top: auto !important;}

.mr-0 { margin-right:  0!important; }
.mr-1 { margin-right: .25rem!important; }
.mr-2 { margin-right: .5rem!important; }
.mr-3 { margin-right:  1rem!important; }
.mr-4 { margin-right: 1.5rem!important; }
.mr-5 { margin-right:  3rem!important; }
.mr-auto {margin-right: auto !important;}


.mb-0 { margin-bottom:  0!important; }
.mb-1 { margin-bottom: .25rem!important; }
.mb-2 { margin-bottom: .5rem!important; }
.mb-3 { margin-bottom:  1rem!important; }
.mb-4 { margin-bottom: 1.5rem!important; }
.mb-5 { margin-bottom:  3rem!important; }
.mb-auto {margin-bottom: auto !important;}

.ml-0 { margin-left:  0!important; }
.ml-1 { margin-left: .25rem!important; }
.ml-2 { margin-left: .5rem!important; }
.ml-3 { margin-left:  1rem!important; }
.ml-4 { margin-left: 1.5rem!important; }
.ml-5 { margin-left: 3rem!important; }
.ml-auto {margin-left: auto !important;}

.mw-25 { max-width: 25%!important; }
.mw-50 { max-width: 50%!important; }
.mw-75 { max-width: 75%!important; }
.mw-100 { max-width: 100%!important; }

.mh-25 { max-height: 25%!important; }
.mh-50 { max-height: 50%!important; }
.mh-75 { max-height: 75%!important; }
.mh-100 { max-height: 100%!important; }

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}

/* FormBuilder */
#Layer1 #Layer2 {
    z-index: 2;
    visibility: visible;
}

.FormBuilder .contentBox table tr td {
    padding: 5px;
}

.FBQuestionList input[type=checkbox],
.FBQuestionList input[type=radio] {
    margin-right: 4px;
}

.ex-crm-portlet-view table .SuplementalFilesHeader > td {
    padding-left: 0;
    font-weight: bold;
}

/************************************
   Authorize.Net
 ************************************/
#EditPaymentProfileFrame, #PaymentFrame, #CreatePaymentProfileFrame {
    width: 100% !important;
    height: 913px !important;
    border: none;
}

#PaymentFrame {
    height: 1170px !important;
}

.modal-content #EditPaymentProfileFrame,
.modal-content #PaymentFrame,
.modal-content #CreatePaymentProfileFrame {
    height: 600px !important;
}

/***
Loading Indicator
*/
.mol-loading-indicator {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
}

    .mol-loading-indicator .loader {
        position: relative;
        width: 5rem;
        height: 5rem;
        display: inline-block;
        padding: 10px;
        border-radius: 10px;
    }

@media (min-width: 50rem) {
    .mol-loading-indicator .loader {
        width: 8rem;
        height: 8rem;
    }
}

.mol-loading-indicator .loader div {
    width: 6%;
    height: 16%;
    background: #000000;
    position: absolute;
    left: 49%;
    top: 43%;
    opacity: 0;
    border-radius: 50px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    animation: spinner-fade 1s linear infinite;
}

@keyframes spinner-fade {
    from {
        opacity: 1;
    }

    to {
        opacity: 0.25;
    }
}

.mol-loading-indicator div.loader div.bar1 {
    transform: rotate(0deg) translate(0, -130%);
    animation-delay: 0s;
}

.mol-loading-indicator div.loader div.bar2 {
    transform: rotate(30deg) translate(0, -130%);
    animation-delay: -0.9167s;
}

.mol-loading-indicator div.loader div.bar3 {
    transform: rotate(60deg) translate(0, -130%);
    animation-delay: -0.833s;
}

.mol-loading-indicator div.loader div.bar4 {
    transform: rotate(90deg) translate(0, -130%);
    animation-delay: -0.7497s;
}

.mol-loading-indicator div.loader div.bar5 {
    transform: rotate(120deg) translate(0, -130%);
    animation-delay: -0.667s;
}

.mol-loading-indicator div.loader div.bar6 {
    transform: rotate(150deg) translate(0, -130%);
    animation-delay: -0.5837s;
}

.mol-loading-indicator div.loader div.bar7 {
    transform: rotate(180deg) translate(0, -130%);
    animation-delay: -0.5s;
}

.mol-loading-indicator div.loader div.bar8 {
    transform: rotate(210deg) translate(0, -130%);
    animation-delay: -0.4167s;
}

.mol-loading-indicator div.loader div.bar9 {
    transform: rotate(240deg) translate(0, -130%);
    animation-delay: -0.333s;
}

.mol-loading-indicator div.loader div.bar10 {
    transform: rotate(270deg) translate(0, -130%);
    animation-delay: -0.2497s;
}

.mol-loading-indicator div.loader div.bar11 {
    transform: rotate(300deg) translate(0, -130%);
    animation-delay: -0.167s;
}

.mol-loading-indicator div.loader div.bar12 {
    transform: rotate(330deg) translate(0, -130%);
    animation-delay: -0.0833s;
}

.loader-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    z-index: 999;
}

.visibility-delay {
    animation: 1s fadeIn;
    animation-fill-mode: forwards;
    visibility: hidden;
}

.loading-error {
    color: #ba0000 !important;
}

@keyframes fadeIn {
    99% {
        visibility: hidden;
    }

    100% {
        visibility: visible;
    }
}
/*  Utility.css

    Contains sets of single property rules defined as a group 
    where the given ruleset represents a range of standard values 
    for that property.  
    
    To better serve as a generic utility, the properties for a given 
    ruleset should be kept to a minimum (only 1 rule if possible).
    
    Future Use Note:
        Upon switching over to LESS/SASS we can use these rules as 
        variables that can be included in other rules.

    ju = "Jenzabar Utility"

    DISPLAY, FONT, TEXT, VERTICAL-ALIGN, HEIGHT MARGIN, PADDING, POSITION,
    WIDTH

    Index:
        Background Color    (ju-background-color-x)
        Border Top Color    (ju-border-top-color-x)
        Clear               (ju-clear-x)
        Display             (ju-display-x)
        Font Size           (ju-font-size-x)
        Font Style          (ju-font-style-x)
        Font Weight         (ju-font-weight-x)
        Height              (ju-height-x)
        Margins             (ju-margin-x)
        Padding             (ju-padding-x)
        Position            (ju-position-x)
        Text Align          (ju-text-align-x)
        Text Color          (ju-text-x)
        White Space         (ju-whitespace-x)
        Width (em Based)    (ju-width-x)
        Width (Percent Based) (ju-x-colwidth-y)
        Word Wrap           (ju-word-wrap)
        Vertical Align      (ju-vertical-align-x)
        Text Align (by size)  (ju-text-align-x-x)
        Overlfow (ju-text-overflow-ellipsis)
*/



/******************************************
     Background Color
 ******************************************/
.ju-background-color-none  {background-color: transparent !important;}
.ju-background-color-white {background-color: #fff;}
.ju-background-color-gray {background-color: #eceef1;}
.ju-background-color-green {background-color: #dff0d8;}
.ju-background-color-yellow {background-color: #fcf8e3;}



/******************************************
     Border Top Color
 ******************************************/
.ju-border-top-color-white {border-top-color: #fff;}


/******************************************
     Clear
 ******************************************/
.ju-clear-both {clear: both;}
.ju-clear-left {clear: left;}
.ju-clear-right {clear: right;}



/******************************************
     Display 
 ******************************************/
.ju-display-none   {display: none;}
.ju-display-hidden {display: none;}
.ju-display-block  {display: block;}
.ju-display-inline-block {display: inline-block;}
.ju-display-inline {display: inline;}
.ju-display-table { display: table;}
.ju-display-table-cell { display: table-cell;}

/*******************************************
    Display (Conditional by viewport size)
 *******************************************/

@media (max-width: 1200px) {
    .ju-display-block-sm { display: block; }
    .ju-display-inline-block-sm { display: inline-block; }
}
@media (min-width: 1201px) {
    .ju-display-table-md { display: table; }
    .ju-display-table-cell-md { display: table-cell; }
}



/******************************************
     Font Size
 ******************************************/
/* Font Size Start */
.ju-font-size-xs {font-size: .8em;}
.ju-font-size-sm {font-size: .9em;}
.ju-font-size-md {font-size: 1em;}
.ju-font-size-lg { font-size: 1.2em;}
.ju-font-size-xl {font-size: 1.4em;}

.ju-font-size-12px {font-size: 12px;}

/* Depricated. Use ju-font-size instead. */
.jzb-small-text {font-size: 12px;} 

/* Deprecated and removed use Utility.css ju-font-size-<size> instead. 
.jzb-text-xs {font-size: 0.857em;} /* SJ was jzbx-text-xs 
.jzb-text-sm {font-size: 1.000em;} /* SJ was jzbx-text-sm 
.jzb-text-md {font-size: 1.143em;} /* SJ was jzbx-text-md 
.jzb-text-lg {font-size: 1.286em;} /* SJ was jzbx-text-lg 
.jzb-text-xl {font-size: 1.429em;} /* SJ was jzbx-text-xl */



/******************************************
     Font Style
 ******************************************/
.ju-font-style-italic {font-style: italic;}



/******************************************
     Font Weight
 ******************************************/
.ju-font-weight-normal, .jzb-normal-text {font-weight: normal;}
.ju-font-weight-bold,   .jzb-strong-text {font-weight: bold;}



/******************************************
     Height
 ******************************************/
.ju-height-pt1em  {height: .1em;}
.ju-height-pt2em  {height: .2em;}
.ju-height-pt3em  {height: .3em;}
.ju-height-pt4em  {height: .4em;}
.ju-height-pt5em  {height: .5em;}
.ju-height-pt6em  {height: .6em;}
.ju-height-pt7em  {height: .7em;}
.ju-height-pt8em  {height: .8em;}
.ju-height-pt9em  {height: .9em;}
.ju-height-1em    {height: 1em;}
.ju-height-1pt1em {height: 1.1em;}
.ju-height-1pt2em {height: 1.2em;}
.ju-height-1pt3em {height: 1.3em;}
.ju-height-1pt4em {height: 1.4em;}
.ju-height-1pt5em {height: 1.5em;}
.ju-height-1pt6em {height: 1.6em;}
.ju-height-1pt7em {height: 1.7em;}
.ju-height-1pt8em {height: 1.8em;}
.ju-height-1pt9em {height: 1.9em;}
.ju-height-2em    {height: 2em;}
.ju-height-2pt1em {height: 2.1em;}
.ju-height-2pt2em {height: 2.2em;}
.ju-height-2pt3em {height: 2.3em;}
.ju-height-2pt4em {height: 2.4em;}
.ju-height-2pt5em {height: 2.5em;}
.ju-height-2pt6em {height: 2.6em;}
.ju-height-2pt7em {height: 2.7em;}
.ju-height-2pt8em {height: 2.8em;}
.ju-height-2pt9em {height: 2.9em;}
.ju-height-3em    {height: 3em;}
.ju-height-4em    {height: 4em;}



/******************************************
     Margins
 ******************************************/
/* All Sides Margins */
.ju-margin-none { margin: 0 !important; }

/* Top margin */
.ju-margin-top-pt0em, .ju-margin-top-0 {margin-top: 0;}
.ju-margin-top-pt1em  {margin-top: .1em;}
.ju-margin-top-pt2em  {margin-top: .2em;}
.ju-margin-top-pt3em  {margin-top: .3em;}
.ju-margin-top-pt4em  {margin-top: .4em;}
.ju-margin-top-pt5em  {margin-top: .5em;}
.ju-margin-top-pt6em  {margin-top: .6em;}
.ju-margin-top-pt7em  {margin-top: .7em;}
.ju-margin-top-pt8em  {margin-top: .8em;}
.ju-margin-top-pt9em  {margin-top: .9em;}
.ju-margin-top-1em    {margin-top: 1em;}
.ju-margin-top-1pt1em {margin-top: 1.1em;}
.ju-margin-top-1pt2em {margin-top: 1.2em;}
.ju-margin-top-1pt3em {margin-top: 1.3em;}
.ju-margin-top-1pt4em {margin-top: 1.4em;}
.ju-margin-top-1pt5em {margin-top: 1.5em;}
.ju-margin-top-1pt6em {margin-top: 1.6em;}
.ju-margin-top-1pt7em {margin-top: 1.7em;}
.ju-margin-top-1pt8em {margin-top: 1.8em;}
.ju-margin-top-1pt9em {margin-top: 1.9em;}
.ju-margin-top-2em    {margin-top: 2em;}
.ju-margin-top-2pt1em {margin-top: 2.1em;}
.ju-margin-top-2pt2em {margin-top: 2.2em;}
.ju-margin-top-2pt3em {margin-top: 2.3em;}
.ju-margin-top-2pt4em {margin-top: 2.4em;}
.ju-margin-top-2pt5em {margin-top: 2.5em;}
.ju-margin-top-2pt6em {margin-top: 2.6em;}
.ju-margin-top-2pt7em {margin-top: 2.7em;}
.ju-margin-top-2pt8em {margin-top: 2.8em;}
.ju-margin-top-2pt9em {margin-top: 2.9em;}
.ju-margin-top-3em    {margin-top: 3em;}
.ju-margin-top-4em    {margin-top: 4em;}

/* Right margin */
.ju-margin-right-pt0em, .ju-margin-right-0  {margin-right: 0;}
.ju-margin-right-pt1em  {margin-right: .1em;}
.ju-margin-right-pt2em  {margin-right: .2em;}
.ju-margin-right-pt3em  {margin-right: .3em;}
.ju-margin-right-pt4em  {margin-right: .4em;}
.ju-margin-right-pt5em  {margin-right: .5em;}
.ju-margin-right-pt6em  {margin-right: .6em;}
.ju-margin-right-pt7em  {margin-right: .7em;}
.ju-margin-right-pt8em  {margin-right: .8em;}
.ju-margin-right-pt9em  {margin-right: .9em;}
.ju-margin-right-1em    {margin-right: 1em;}
.ju-margin-right-1pt1em {margin-right: 1.1em;}
.ju-margin-right-1pt2em {margin-right: 1.2em;}
.ju-margin-right-1pt3em {margin-right: 1.3em;}
.ju-margin-right-1pt4em {margin-right: 1.4em;}
.ju-margin-right-1pt5em {margin-right: 1.5em;}
.ju-margin-right-1pt6em {margin-right: 1.6em;}
.ju-margin-right-1pt7em {margin-right: 1.7em;}
.ju-margin-right-1pt8em {margin-right: 1.8em;}
.ju-margin-right-1pt9em {margin-right: 1.9em;}
.ju-margin-right-2em    {margin-right: 2em;}
.ju-margin-right-2pt1em {margin-right: 2.1em;}
.ju-margin-right-2pt2em {margin-right: 2.2em;}
.ju-margin-right-2pt3em {margin-right: 2.3em;}
.ju-margin-right-2pt4em {margin-right: 2.4em;}
.ju-margin-right-2pt5em {margin-right: 2.5em;}
.ju-margin-right-2pt6em {margin-right: 2.6em;}
.ju-margin-right-2pt7em {margin-right: 2.7em;}
.ju-margin-right-2pt8em {margin-right: 2.8em;}
.ju-margin-right-2pt9em {margin-right: 2.9em;}
.ju-margin-right-3em    {margin-right: 3em;}
.ju-margin-right-4em    {margin-right: 4em;}

/* Bottom margin */
.ju-margin-bottom-pt0em, .ju-margin-bottom-0  {margin-bottom: 0;}
.ju-margin-bottom-pt1em  {margin-bottom: .1em;}
.ju-margin-bottom-pt2em  {margin-bottom: .2em;}
.ju-margin-bottom-pt3em  {margin-bottom: .3em;}
.ju-margin-bottom-pt4em  {margin-bottom: .4em;}
.ju-margin-bottom-pt5em  {margin-bottom: .5em;}
.ju-margin-bottom-pt6em  {margin-bottom: .6em;}
.ju-margin-bottom-pt7em  {margin-bottom: .7em;}
.ju-margin-bottom-pt8em  {margin-bottom: .8em;}
.ju-margin-bottom-pt9em  {margin-bottom: .9em;}
.ju-margin-bottom-1em    {margin-bottom: 1em;}
.ju-margin-bottom-1pt1em {margin-bottom: 1.1em;}
.ju-margin-bottom-1pt2em {margin-bottom: 1.2em;}
.ju-margin-bottom-1pt3em {margin-bottom: 1.3em;}
.ju-margin-bottom-1pt4em {margin-bottom: 1.4em;}
.ju-margin-bottom-1pt5em {margin-bottom: 1.5em;}
.ju-margin-bottom-1pt6em {margin-bottom: 1.6em;}
.ju-margin-bottom-1pt7em {margin-bottom: 1.7em;}
.ju-margin-bottom-1pt8em {margin-bottom: 1.8em;}
.ju-margin-bottom-1pt9em {margin-bottom: 1.9em;}
.ju-margin-bottom-2em    {margin-bottom: 2em;} /* Might need important for the old jzb-spacing-bottom class */
.ju-margin-bottom-2pt1em {margin-bottom: 2.1em;}
.ju-margin-bottom-2pt2em {margin-bottom: 2.2em;}
.ju-margin-bottom-2pt3em {margin-bottom: 2.3em;}
.ju-margin-bottom-2pt4em {margin-bottom: 2.4em;}
.ju-margin-bottom-2pt5em {margin-bottom: 2.5em;}
.ju-margin-bottom-2pt6em {margin-bottom: 2.6em;}
.ju-margin-bottom-2pt7em {margin-bottom: 2.7em;}
.ju-margin-bottom-2pt8em {margin-bottom: 2.8em;}
.ju-margin-bottom-2pt9em {margin-bottom: 2.9em;}
.ju-margin-bottom-3em    {margin-bottom: 3em;}
.ju-margin-bottom-4em    {margin-bottom: 4em;}

/* Left margin start */
.ju-margin-left-pt0em, .ju-margin-left-0 {margin-left: 0;}
.ju-margin-left-pt1em  {margin-left: .1em;}
.ju-margin-left-pt2em  {margin-left: .2em;}
.ju-margin-left-pt3em  {margin-left: .3em;}
.ju-margin-left-pt4em  {margin-left: .4em;}
.ju-margin-left-pt5em  {margin-left: .5em;}
.ju-margin-left-pt6em  {margin-left: .6em;}
.ju-margin-left-pt7em  {margin-left: .7em;}
.ju-margin-left-pt8em  {margin-left: .8em;}
.ju-margin-left-pt9em  {margin-left: .9em;}
.ju-margin-left-1em    {margin-left: 1em;}
.ju-margin-left-1pt1em {margin-left: 1.1em;}
.ju-margin-left-1pt2em {margin-left: 1.2em;}
.ju-margin-left-1pt3em {margin-left: 1.3em;}
.ju-margin-left-1pt4em {margin-left: 1.4em;}
.ju-margin-left-1pt5em {margin-left: 1.5em;}
.ju-margin-left-1pt6em {margin-left: 1.6em;}
.ju-margin-left-1pt7em {margin-left: 1.7em;}
.ju-margin-left-1pt8em {margin-left: 1.8em;}
.ju-margin-left-1pt9em {margin-left: 1.9em;}
.ju-margin-left-2em    {margin-left: 2em;}
.ju-margin-left-2pt1em {margin-left: 2.1em;}
.ju-margin-left-2pt2em {margin-left: 2.2em;}
.ju-margin-left-2pt3em {margin-left: 2.3em;}
.ju-margin-left-2pt4em {margin-left: 2.4em;}
.ju-margin-left-2pt5em {margin-left: 2.5em;}
.ju-margin-left-2pt6em {margin-left: 2.6em;}
.ju-margin-left-2pt7em {margin-left: 2.7em;}
.ju-margin-left-2pt8em {margin-left: 2.8em;}
.ju-margin-left-2pt9em {margin-left: 2.9em;}
.ju-margin-left-3em    {margin-left: 3em;}
.ju-margin-left-4em    {margin-left: 4em;}
.ju-margin-left-5em    {margin-left: 5em;}



/******************************************
     Padding
 ******************************************/
/* All padding */
.ju-padding-none {padding: 0;}
.ju-padding-ptem   {padding: 0;}
.ju-padding-pt1em  {padding: .1em .1em .1em .1em;}
.ju-padding-pt2em  {padding: .2em .2em .2em .2em;}
.ju-padding-pt3em  {padding: .3em .3em .3em .3em;}
.ju-padding-pt4em  {padding: .4em .4em .4em .4em;}
.ju-padding-pt5em  {padding: .5em .5em .5em .5em;}
.ju-padding-pt6em  {padding: .6em .6em .6em .6em;}
.ju-padding-pt7em  {padding: .7em .7em .7em .7em;}
.ju-padding-pt8em  {padding: .8em .8em .8em .8em;}
.ju-padding-pt9em  {padding: .9em .9em .9em .9em;}
.ju-padding-1em    {padding: 1em 1em 1em 1em;}
.ju-padding-1pt1em {padding: 1.1em 1.1em 1.1em 1.1em;}
.ju-padding-1pt2em {padding: 1.2em 1.2em 1.2em 1.2em;}
.ju-padding-1pt3em {padding: 1.3em 1.3em 1.3em 1.3em;}
.ju-padding-1pt4em {padding: 1.4em 1.4em 1.4em 1.4em;}
.ju-padding-1pt5em {padding: 1.5em 1.5em 1.5em 1.5em;}
.ju-padding-1pt6em {padding: 1.6em 1.6em 1.6em 1.6em;}
.ju-padding-1pt7em {padding: 1.7em 1.7em 1.7em 1.7em;}
.ju-padding-1pt8em {padding: 1.8em 1.8em 1.8em 1.8em;}
.ju-padding-1pt9em {padding: 1.9em 1.9em 1.9em 1.9em;}
.ju-padding-2em    {padding: 2em 2em 2em 2em;}
.ju-padding-2pt1em {padding: 2.1em 2.1em 2.1em 2.1em;}
.ju-padding-2pt2em {padding: 2.2em 2.2em 2.2em 2.2em;}
.ju-padding-2pt3em {padding: 2.3em 2.3em 2.3em 2.3em;}
.ju-padding-2pt4em {padding: 2.4em 2.4em 2.4em 2.4em;}
.ju-padding-2pt5em {padding: 2.5em 2.5em 2.5em 2.5em;}
.ju-padding-2pt6em {padding: 2.6em 2.6em 2.6em 2.6em;}
.ju-padding-2pt7em {padding: 2.7em 2.7em 2.7em 2.7em;}
.ju-padding-2pt8em {padding: 2.8em 2.8em 2.8em 2.8em;}
.ju-padding-2pt9em {padding: 2.9em 2.9em 2.9em 2.9em;}
.ju-padding-3em    {padding: 3em 3em 3em 3em;}
.ju-padding-4em    {padding: 4em 4em 4em 4em;}

/* Top padding start */
.ju-padding-top-ptem, .ju-padding-top-0 {padding-top: 0;}
.ju-padding-top-pt1em  {padding-top: .1em;}
.ju-padding-top-pt2em  {padding-top: .2em;}
.ju-padding-top-pt3em  {padding-top: .3em;}
.ju-padding-top-pt4em  {padding-top: .4em;}
.ju-padding-top-pt5em  {padding-top: .5em;}
.ju-padding-top-pt6em  {padding-top: .6em;}
.ju-padding-top-pt7em  {padding-top: .7em;}
.ju-padding-top-pt8em  {padding-top: .8em;}
.ju-padding-top-pt9em  {padding-top: .9em;}
.ju-padding-top-1em    {padding-top: 1em;}
.ju-padding-top-1pt1em {padding-top: 1.1em;}
.ju-padding-top-1pt2em {padding-top: 1.2em;}
.ju-padding-top-1pt3em {padding-top: 1.3em;}
.ju-padding-top-1pt4em {padding-top: 1.4em;}
.ju-padding-top-1pt5em {padding-top: 1.5em;}
.ju-padding-top-1pt6em {padding-top: 1.6em;}
.ju-padding-top-1pt7em {padding-top: 1.7em;}
.ju-padding-top-1pt8em {padding-top: 1.8em;}
.ju-padding-top-1pt9em {padding-top: 1.9em;}
.ju-padding-top-2em    {padding-top: 2em;}
.ju-padding-top-2pt1em {padding-top: 2.1em;}
.ju-padding-top-2pt2em {padding-top: 2.2em;}
.ju-padding-top-2pt3em {padding-top: 2.3em;}
.ju-padding-top-2pt4em {padding-top: 2.4em;}
.ju-padding-top-2pt5em {padding-top: 2.5em;}
.ju-padding-top-2pt6em {padding-top: 2.6em;}
.ju-padding-top-2pt7em {padding-top: 2.7em;}
.ju-padding-top-2pt8em {padding-top: 2.8em;}
.ju-padding-top-2pt9em {padding-top: 2.9em;}
.ju-padding-top-3em    {padding-top: 3em;}
.ju-padding-top-4em    {padding-top: 4em;}

/* Right padding start */
.ju-padding-right-ptem, .ju-padding-right-0 {padding-right: 0;}
.ju-padding-right-pt1em  {padding-right: .1em;}
.ju-padding-right-pt2em  {padding-right: .2em;}
.ju-padding-right-pt3em  {padding-right: .3em;}
.ju-padding-right-pt4em  {padding-right: .4em;}
.ju-padding-right-pt5em  {padding-right: .5em;}
.ju-padding-right-pt6em  {padding-right: .6em;}
.ju-padding-right-pt7em  {padding-right: .7em;}
.ju-padding-right-pt8em  {padding-right: .8em;}
.ju-padding-right-pt9em  {padding-right: .9em;}
.ju-padding-right-1em    {padding-right: 1em;}
.ju-padding-right-1pt1em {padding-right: 1.1em;}
.ju-padding-right-1pt2em {padding-right: 1.2em;}
.ju-padding-right-1pt3em {padding-right: 1.3em;}
.ju-padding-right-1pt4em {padding-right: 1.4em;}
.ju-padding-right-1pt5em {padding-right: 1.5em;}
.ju-padding-right-1pt6em {padding-right: 1.6em;}
.ju-padding-right-1pt7em {padding-right: 1.7em;}
.ju-padding-right-1pt8em {padding-right: 1.8em;}
.ju-padding-right-1pt9em {padding-right: 1.9em;}
.ju-padding-right-2em    {padding-right: 2em;}
.ju-padding-right-2pt1em {padding-right: 2.1em;}
.ju-padding-right-2pt2em {padding-right: 2.2em;}
.ju-padding-right-2pt3em {padding-right: 2.3em;}
.ju-padding-right-2pt4em {padding-right: 2.4em;}
.ju-padding-right-2pt5em {padding-right: 2.5em;}
.ju-padding-right-2pt6em {padding-right: 2.6em;}
.ju-padding-right-2pt7em {padding-right: 2.7em;}
.ju-padding-right-2pt8em {padding-right: 2.8em;}
.ju-padding-right-2pt9em {padding-right: 2.9em;}
.ju-padding-right-3em    {padding-right: 3em;}
.ju-padding-right-4em    {padding-right: 4em;}

/* Bottom padding start */
.ju-padding-bottom-ptem, .ju-padding-bottom-0 {padding-bottom: 0;}
.ju-padding-bottom-pt1em  {padding-bottom: .1em;}
.ju-padding-bottom-pt2em  {padding-bottom: .2em;}
.ju-padding-bottom-pt3em  {padding-bottom: .3em;}
.ju-padding-bottom-pt4em  {padding-bottom: .4em;}
.ju-padding-bottom-pt5em  {padding-bottom: .5em;}
.ju-padding-bottom-pt6em  {padding-bottom: .6em;}
.ju-padding-bottom-pt7em  {padding-bottom: .7em;}
.ju-padding-bottom-pt8em  {padding-bottom: .8em;}
.ju-padding-bottom-pt9em  {padding-bottom: .9em;}
.ju-padding-bottom-1em    {padding-bottom: 1em;}
.ju-padding-bottom-1pt1em {padding-bottom: 1.1em;}
.ju-padding-bottom-1pt2em {padding-bottom: 1.2em;}
.ju-padding-bottom-1pt3em {padding-bottom: 1.3em;}
.ju-padding-bottom-1pt4em {padding-bottom: 1.4em;}
.ju-padding-bottom-1pt5em {padding-bottom: 1.5em;}
.ju-padding-bottom-1pt6em {padding-bottom: 1.6em;}
.ju-padding-bottom-1pt7em {padding-bottom: 1.7em;}
.ju-padding-bottom-1pt8em {padding-bottom: 1.8em;}
.ju-padding-bottom-1pt9em {padding-bottom: 1.9em;}
.ju-padding-bottom-2em    {padding-bottom: 2em;}
.ju-padding-bottom-2pt1em {padding-bottom: 2.1em;}
.ju-padding-bottom-2pt2em {padding-bottom: 2.2em;}
.ju-padding-bottom-2pt3em {padding-bottom: 2.3em;}
.ju-padding-bottom-2pt4em {padding-bottom: 2.4em;}
.ju-padding-bottom-2pt5em {padding-bottom: 2.5em;}
.ju-padding-bottom-2pt6em {padding-bottom: 2.6em;}
.ju-padding-bottom-2pt7em {padding-bottom: 2.7em;}
.ju-padding-bottom-2pt8em {padding-bottom: 2.8em;}
.ju-padding-bottom-2pt9em {padding-bottom: 2.9em;}
.ju-padding-bottom-3em    {padding-bottom: 3em;}
.ju-padding-bottom-4em    {padding-bottom: 4em;}

/* Left padding start */
.ju-padding-left-ptem,  .ju-padding-left-0 {padding-left: 0;}
.ju-padding-left-pt1em  {padding-left: .1em;}
.ju-padding-left-pt2em  {padding-left: .2em;}
.ju-padding-left-pt3em  {padding-left: .3em;}
.ju-padding-left-pt4em  {padding-left: .4em;}
.ju-padding-left-pt5em  {padding-left: .5em;}
.ju-padding-left-pt6em  {padding-left: .6em;}
.ju-padding-left-pt7em  {padding-left: .7em;}
.ju-padding-left-pt8em  {padding-left: .8em;}
.ju-padding-left-pt9em  {padding-left: .9em;}
.ju-padding-left-1em    {padding-left: 1em;}
.ju-padding-left-1pt1em {padding-left: 1.1em;}
.ju-padding-left-1pt2em {padding-left: 1.2em;}
.ju-padding-left-1pt3em {padding-left: 1.3em;}
.ju-padding-left-1pt4em {padding-left: 1.4em;}
.ju-padding-left-1pt5em {padding-left: 1.5em;}
.ju-padding-left-1pt6em {padding-left: 1.6em;}
.ju-padding-left-1pt7em {padding-left: 1.7em;}
.ju-padding-left-1pt8em {padding-left: 1.8em;}
.ju-padding-left-1pt9em {padding-left: 1.9em;}
.ju-padding-left-2em    {padding-left: 2em;}
.ju-padding-left-2pt1em {padding-left: 2.1em;}
.ju-padding-left-2pt2em {padding-left: 2.2em;}
.ju-padding-left-2pt3em {padding-left: 2.3em;}
.ju-padding-left-2pt4em {padding-left: 2.4em;}
.ju-padding-left-2pt5em {padding-left: 2.5em;}
.ju-padding-left-2pt6em {padding-left: 2.6em;}
.ju-padding-left-2pt7em {padding-left: 2.7em;}
.ju-padding-left-2pt8em {padding-left: 2.8em;}
.ju-padding-left-2pt9em {padding-left: 2.9em;}
.ju-padding-left-3em    {padding-left: 3em;}
.ju-padding-left-4em    {padding-left: 4em;}



/******************************************
     Position
 ******************************************/
.ju-position-relative {position: relative;}
.ju-position-absolute {position: absolute;}



/******************************************
     Text Align
 ******************************************/
.ju-text-align-left    {text-align: left;}
.ju-text-align-right   {text-align: right;}
.ju-text-align-center  {text-align: center;}
.ju-text-align-justify {text-align: justify;}
.ju-text-align-start   {text-align: start;}
.ju-text-align-end     {text-align: end;}
.ju-text-align-inherit {text-align: inherit;}
.ju-text-align-initial {text-align: initial;}
.ju-text-align-match-parent {text-align: match-parent;}



/******************************************
     Text Color
 ******************************************/
/* Deprecated: use ju-color-<name> classes */
/*.jzb-text-black {color: black;}
.jzb-text-blue {color: #428BCA;} */

/* ju colors */
.ju-text-black {color: black;}
.ju-text-blue  {color: #428BCA;}
.ju-text-warning {color: #d9534f}
.ju-text-muted {color: #d1d1d1;}

/* jzb colors */
.jzb-text-success {color: #3c763d;}
.jzb-text-warning {color: #C25700;}
.jzb-text-danger {color: #A94442;}


/******************************************
     White Space
 ******************************************/
.ju-white-space-preserve {white-space: pre;}



/******************************************
     Width (em Based)
 ******************************************/
.ju-width-pt1em  {width: .1em;}
.ju-width-pt2em  {width: .2em;}
.ju-width-pt3em  {width: .3em;}
.ju-width-pt4em  {width: .4em;}
.ju-width-pt5em  {width: .5em;}
.ju-width-pt6em  {width: .6em;}
.ju-width-pt7em  {width: .7em;}
.ju-width-pt8em  {width: .8em;}
.ju-width-pt9em  {width: .9em;}
.ju-width-1em    {width: 1em;}
.ju-width-1pt1em {width: 1.1em;}
.ju-width-1pt2em {width: 1.2em;}
.ju-width-1pt3em {width: 1.3em;}
.ju-width-1pt4em {width: 1.4em;}
.ju-width-1pt5em {width: 1.5em;}
.ju-width-1pt6em {width: 1.6em;}
.ju-width-1pt7em {width: 1.7em;}
.ju-width-1pt8em {width: 1.8em;}
.ju-width-1pt9em {width: 1.9em;}
.ju-width-2em    {width: 2em;}
.ju-width-2pt1em {width: 2.1em;}
.ju-width-2pt2em {width: 2.2em;}
.ju-width-2pt3em {width: 2.3em;}
.ju-width-2pt4em {width: 2.4em;}
.ju-width-2pt5em {width: 2.5em;}
.ju-width-2pt6em {width: 2.6em;}
.ju-width-2pt7em {width: 2.7em;}
.ju-width-2pt8em {width: 2.8em;}
.ju-width-2pt9em {width: 2.9em;}
.ju-width-3em    {width: 3em;}
.ju-width-4em    {width: 4em;}
.ju-width-5em    {width: 5em;}
.ju-width-100-important {width: 100% !important;}

@media (max-width: 480px) {

    .ju-width-100-xs-important {
        width: 100% !important;
    }
}

/* Min Width */
.ju-min-width-100 {min-width: 100%;}



/***********************************
    Width (Percent Based)
 ***********************************/
@media (max-width: 689px) {
    .ju-xs-colwidth-three       {width: 3%;}
    .ju-xs-colwidth-five        {width: 5%;}
    .ju-xs-colwidth-ten         {width: 10%;}
    .ju-xs-colwidth-fifteen     {width: 15%;}
    .ju-xs-colwidth-twenty      {width: 20%;}
    .ju-xs-colwidth-twenty-five {width: 25%;}
    .ju-xs-colwidth-thirty      {width: 30%;}
    .ju-xs-colwidth-thirty-five      {width: 35%;}
    .ju-xs-colwidth-forty       {width: 40%;}
    .ju-xs-colwidth-forty-five  {width: 45%;}
    .ju-xs-colwidth-fifty       {width: 50%;}
    .ju-xs-colwidth-sixty       {width: 60%;}
    .ju-xs-colwidth-sixty-five  {width: 65%;}
    .ju-xs-colwidth-eighty-five {width: 85%;}
    .ju-xs-colwidth-hundrid     {width: 100%;}
}

@media(max-width:1200px) {
    .ju-sm-colwidth-hundred { width: 100%;}
}

@media(min-width:1201px) {
    .ju-md-colwidth-fifteen { width: 15%; }
    .ju-md-colwidth-twenty-five { width: 25%; }
    .ju-md-colwidth-thirty-five { width: 35%; }
}

@media (min-width: 689px) {
    .ju-lg-colwidth-three       {width: 3%;}
    .ju-lg-colwidth-four        {width: 4%;}
    .ju-lg-colwidth-five        {width: 5%;}
    .ju-lg-colwidth-ten         {width: 10%;}
    .ju-lg-colwidth-fifteen     {width: 15%;}
    .ju-lg-colwidth-twenty      {width: 20%;}
    .ju-lg-colwidth-twenty-five {width: 25%;}
    .ju-lg-colwidth-twenty-seven {width: 27%;}
    .ju-lg-colwidth-thirty      {width: 30%;}
    .ju-lg-colwidth-forty       {width: 40%;}
    .ju-lg-colwidth-fifty       {width: 50%;}
    .ju-lg-colwidth-sixty       {width: 60%;}
    .ju-lg-colwidth-sixty-five  {width: 65%;}
    .ju-lg-colwidth-ninety      {width: 90%;}
    .ju-lg-colwidth-ninety-five      {width: 95%;}
    .ju-lg-colwidth-hundred      {width: 100%;}
}

.ju-colwidth-one              {width: 1%;}
.ju-colwidth-three            {width: 3%;}
.ju-colwidth-five             {width: 5%;}
.ju-colwidth-ten              {width: 10%;}
.ju-colwidth-eleven           {width: 11%;}
.ju-colwidth-twelve           {width: 12%;}
.ju-colwidth-fourteen         {width: 14%;}
.ju-colwidth-fifteen          {width: 15%;}
.ju-colwidth-twenty           {width: 20%;}
.ju-colwidth-twenty-five      {width: 25%;}
.ju-colwidth-thirty           {width: 30%;}
.ju-colwidth-thirty-five      {width: 35%;}
.ju-colwidth-forty            {width: 40%;}
.ju-colwidth-forty-five       {width: 45%;}
.ju-colwidth-fifty            {width: 50%;}
.ju-colwidth-fifty-five       {width: 55%;}
.ju-colwidth-sixty            {width: 60%;}
.ju-colwidth-sixty-five       {width: 65%;}
.ju-colwidth-seventy          {width: 70%;}
.ju-colwidth-seventy-five     {width: 75%;}
.ju-colwidth-eighty      {width: 80%;}
.ju-colwidth-eighty-five      {width: 85%;}
.ju-colwidth-ninety           {width: 90%;}
.ju-colwidth-ninety-five      {width: 95%;}
.ju-colwidth-hundred          {width: 100%;}



/*******************************************
    Word Break
 *******************************************/
.ju-word-break-normal {word-break: normal;}



/*******************************************
    Word Wrap
 *******************************************/
.ju-word-wrap {word-break: break-all; word-wrap: break-word;}



/*******************************************
    Veritcal Align 
 *******************************************/
.ju-vertical-align-top      {vertical-align: top;}
.ju-vertical-align-middle   {vertical-align: middle;}
.ju-vertical-align-bottom   {vertical-align: bottom;}
.ju-vertical-align-sub      {vertical-align: sub;}
.ju-vertical-align-super    {vertical-align: super;}
.ju-vertical-align-baseline {vertical-align: baseline;}
.ju-vertical-align-central  {vertical-align: central;}
.ju-vertical-align-inherit  {vertical-align: inherit;}
.ju-vertical-align-initial  {vertical-align: initial;}
.ju-vertical-align-text-top {vertical-align: text-top;}
.ju-vertical-align-text-bottom {vertical-align: text-bottom;}



/*******************************************
    Text Align (Conditional by viewport size)
 *******************************************/
.ju-text-align-left-xs { text-align: left; }
.ju-text-align-center-xs { text-align: center; }
.ju-text-align-right-xs { text-align: right; }

@media (min-width: 768px) {
    .ju-text-align-left-sm { text-align: left; }
    .ju-text-align-center-sm { text-align: center; }
    .ju-text-align-right-sm { text-align: right; }
}
@media (min-width: 992px) {
    .ju-text-align-left-md { text-align: left; }
    .ju-text-align-center-md { text-align: center; }
    .ju-text-align-right-md { text-align: right; }
}
@media (min-width: 1200px) {
    .ju-text-align-left-lg { text-align: left; }
    .ju-text-align-center-lg { text-align: center; }
    .ju-text-align-right-lg { text-align: right; }
}

/*******************************************
    Overflow
 *******************************************/
.ju-text-overflow-ellipsis {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/******************************************
    Overflow used with view/more links
 ******************************************/
.truncate {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.clearfix {
    clear: both;
}


.jzb-default-text {
    color: #000000;
}
.jzb-date-time-picker {
    display:inline-block;
}

.jzb-date-time-picker > .input-group > .for-addon {
    display: inline-block;
    position: relative;
    float: left;
}

.jzb-date-time-picker > .input-group > .for-addon > .form-icon {
    position: absolute;
    right: 5px;
    top: 10px;
    z-index: 2;
}

.jzb-date-time-picker > .input-group > .time {
    width: 90px;
    display: inline-block;
    float: left;
    margin-left: 5px;
}