/*

CSS for Mocha UI

Theme: Default

Copyright:
    Copyright (c) 2007-2009 Greg Houston, <http://greghoustondesign.com/>.

License:
    MIT-style license.

Note:
    If you are adding MochaUI to an existing site, this CSS file may not be necessary.

*/

/* Reset */

ul,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,form,body,html,p,blockquote,fieldset,input,object,iframe { margin: 0; padding: 0; }
ol {margin-top: 0px;}
a img,:link img,:visited img { border: none; }
table { border-spacing: 0; } /* border-collapse: collapse;  */
:focus { outline: none; }

/* Structure */

body {
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #333;
}

/* Typography */

h2, h3, h4 {
    margin: 0;
    padding: 0 0 5px 0;
    font-size: 12px;
    font-weight: bold;
}

h2 {
    font-size: 14px;
    font-weight: bold;
}

h3 {
    font-size: 13px;
    font-weight: bold;
}

h4 {
    font-size: 11px;
}

a:not(.override){
    color: #616D7E;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    text-decoration: none;
}

.link {
    color: #4A79AA !important;
    text-decoration: none;
    cursor: pointer;
}

.link:hover {
	color: #4A79AA;
    text-decoration: underline;
}

p {
    margin: 0;
    padding: 0 0 9px 0;
}

.lite {
    color: #999;
}

/* Lists */

ul {
    list-style: outside;
    margin: 0 0 9px 16px;
    list-style-type: disc;
}

dt {
    font-weight: bold;
}

dd {
    padding: 0 0 9px 0;
}

/* Menus */

.menu-right li {
    list-style-type: none;
    display: inline;
    margin: 0 0 0 15px;
}

/* Forms */

form fieldset {
    border: 2px solid #e5e5e5;
    clear: both;
    margin-bottom: 9px;
    overflow: hidden;
    padding: 9px 18px;
}

form legend {
    background: #e5e5e5;
    color: #262626;
    margin-bottom: 9px;
    padding: 2px 11px;
}

form label {
    font-weight: bold;
    margin-right: 6px;
    text-align: right;
    width: 50px;
}

textarea, input, select {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    vertical-align: middle;
}

.input {
    padding: 2px 0 2px 3px;
    border: 1px solid #848484;
}

form button {
    vertical-align: middle;
}

.button {
    height: 24px;
    margin: 0;
    padding: 3px 6px;
    background-color: #f1f1f1;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    vertical-align: middle;
    border: 1px solid #808080;
    -moz-border-radius: 3px;

}

* html .button {
    padding: 3px 1px;
}

.searchField {
    width: 150px;
    overflow: hidden;
    line-height: 15px;
    margin: 0;
    padding: 4px 0 3px 5px;
    border: 1px solid #808080;
    border-right: 0;
    vertical-align: middle;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
}

.searchButton {
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
}

* html .toolbox .searchField, * html .toolbox .searchButton { /* IE6 Hack */
    margin-top: -1px;
}

* html .toolbox .button { /* IE6 Hack */
    vertical-align: top;
    margin-top: 0;
}

*:first-child+html .toolbox .searchField, *:first-child+html .toolbox .searchButton { /* IE7 Hack */
    margin-top: -1px;
}

*:first-child+html .toolbox .button { /* IE7 Hack */
    vertical-align: top;
    margin-top: 0;
}

.formRow {
    margin: 0 0 8px 0;
}

.buttonRow {
    margin-bottom: 10px;
}

.rotate-45 {
    display: inline-block;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.rotate-90 {
    display: inline-block;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.rotate-180 {
    display: inline-block;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rotate-270 {
    display: inline-block;
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

/* Code */

pre {
    background-color: #f2f2f2;
    color: #070;
    display: block;
    font-family: 'Courier New', Courier, monospace;
    font-size: 11px;
    overflow: auto;
    margin: 0 0 10px 0;
    padding: 10px;
    border: 1px solid #ddd;
}

/* Dividers */

hr {
    background-color: #d3d3d3;
    color: #ccc;
    height: 1px;
    border: 0px;
}

/* Misc */

.nobr {
    white-space: nowrap;
}




/* ################################################################################################################# */

.clear {
    clear: both;
    height: 0;
}

* html .clear {
    font-size: 1px;
    line-height: 1px;
    overflow: hidden;
    visibility: hidden;
}

/*

Core.css for Mocha UI

Theme: Default

Copyright:
    Copyright (c) 2007-2009 Greg Houston, <http://greghoustondesign.com/>.

License:
    MIT-style license.

Required by:
    Layout.js

*/

/* Layout
---------------------------------------------------------------- */

html, body {
    background: #fff;
}

body {
    margin: 0; /* Required */
}

.clearfix::after {
  content: '';
  clear: both;
  display: table;
}

#desktop {
    position: relative;
    min-width: 400px; /* Helps keep header content from wrapping */
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    cursor: default; /* Fix for issue in IE7. IE7 wants to use the I-bar text cursor */
}

#desktopHeader {
    background: #f2f2f2;
    position: static;
    top: 0;
    /* height: 80px; */
    width: 100%;
}

#desktopTitlebarWrapper {
    position: relative;
    height: 45px;
    overflow: hidden;
    background: #718BA6;
}

#desktopTitlebar {
    padding: 7px 8px 6px 8px;
    height: 32px;
    background-position: left center;
}

#desktopTitlebar h1.applicationTitle {
    display: none;
    margin: 0;
    padding: 0 5px 0 0;
    font-size: 20px;
    line-height: 25px;
    font-weight: bold;
    color: #fff;
}

#desktopTitlebar h2.tagline {
    padding: 7px 0 0 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #d4dce4;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

#desktopTitlebar h2.tagline .taglineEm {
    color: #fff;
    font-weight: bold;
}

#topNav {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    position: absolute;
    right: 0;
    top: 0;
    color: #d4dce4;
    text-align: right;
    padding: 13px 10px 0 0;
}

#topNav a {
    color: #fff;
    font-weight: normal;
}

#topNav a:hover {
    text-decoration: none;
}

/* Navbar */

#desktopNavbar {
    background: #f2f2f2;
    height: 30px;
    margin: 0 0px;
    overflow: hidden; /* Remove this line if you want the menu to be backward compatible with Firefox 2 */
}

#desktopNavbar ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 12px;
}

#desktopNavbar li {
    float: left;
}

#desktopNavbar a {
    display: block;
}

#desktopNavbar ul li a {
    padding: 6px 10px 6px 10px;
    color: #333;
    font-weight: normal;
}

#desktopNavbar ul li a:hover {
    color: #333;
}

#desktopNavbar ul li a.arrow-right, #desktopNavbar ul li a:hover.arrow-right {
    background-repeat: no-repeat;
    background-position: right 7px;
}

#desktopNavbar li ul {
    padding: 2px;
    border: 1px solid #3f3f3f;
    background-color: #fff;
    position: absolute;
    width: 164px;
    left: -999em;
    z-index: 8000;
}

#desktopNavbar li:hover ul ul,
#desktopNavbar li.ieHover ul ul,
#desktopNavbar li:hover ul ul ul,
#desktopNavbar li.ieHover ul ul ul {
    left: -999em;
}

#desktopNavbar li ul ul { /* third-and-above-level lists */
    margin: -22px 0 0 163px;
}

#desktopNavbar li ul li .check {
    position: absolute;
    top: 8px;
    left: 6px;
    width: 5px;
    height: 5px;
    background: #555;
    overflow: hidden;
    line-height: 1px;
    font-size: 1px;
}

#desktopNavbar li ul li a {
    position: relative;
    padding: 1px 9px 1px 25px;
    width: 130px;
    color: #3f3f3f;
    font-weight: normal;
}

#desktopNavbar li ul li a:hover {
    background: #6C98D9;
    color: #fff;
    -moz-border-radius: 2px;
}

#desktopNavbar li ul li a:hover .check {
    background: #fff;
}

#desktopNavbar li:hover ul,
#desktopNavbar li.ieHover ul,
#desktopNavbar li li.ieHover ul,
#desktopNavbar li li li.ieHover ul,
#desktopNavbar li li:hover ul,
#desktopNavbar li li li:hover ul { /* lists nested under hovered list items */
    left: auto;
}

#desktopNavbar li:hover { /* For IE7 */
    position: static;
}

li.divider {
    margin-top: 2px;
    padding-top: 3px;
    border-top: 1px solid #ebebeb;
}

#pageWrapper {
    position: relative;
    overflow: hidden; /* This can be set to hidden or auto */
    border-top: 1px solid #909090;
    border-bottom: 1px solid #909090;
}

#pageResponsiveContentWrapper {
    width: 100%;
    max-width: 1440px;
    height: auto;
    margin: 0 auto;
}

.tab-list {
    border-bottom: 1px solid #ccc;
    padding-left: 0;
}
  
.tab-list-item {
    display: inline-block;
    list-style: none;
    margin-bottom: -1px;
    padding: 0.5rem 0.75rem;
}

.tab-list-active {
    background-color: white;
    border: solid #ccc;
    border-width: 1px 1px 0 1px;
}

@media only screen and (max-width: 1532px) {
    #pageResponsiveContentWrapper {
        width: 94%;
        padding: 0 3%;
    }
}

/* Footer */

#desktopFooterWrapper {
    position: fixed;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 35px;
}

#desktopFooter {
    height: 24px;
    padding-top: 6px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
	text-align: center;
    background: #f2f2f2;
}

#desktopFooterHelp {
	position: absolute;
	right: 2em;
	bottom: 6px;
}

/* Panel Layout
---------------------------------------------------------------- */

/* Columns */

.column {
    position: relative;
    float: left;
    overflow: hidden; /* Required by IE6 */
}

/* Panels */

.panel {
    position: relative;
    overflow: auto;
    background: #f8f8f8;
    border-bottom: 1px solid #b9b9b9;
}

.panelWrapper.collapsed .panel-header {
    border-bottom: 0;
}

.panelAlt {
    background: #f2f2f2;
}

.bottomPanel {
    border-bottom: 0;
}

.pad {
    padding: 8px;
}

#mainPanel {
    background: #F2F5F7;
    /*overflow: auto;*/
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: 'touch';
}

#menuNavItems a, #menuNavItems a:hover {
    text-decoration: none;
}

/* This is a container wrapping both the image and text of each menuitem. */
#menuNavItems div.menuitem {
    position: relative;
    padding: 0 0 0 22px;
}

/* This wraps the text of the menu item. */
#menuNavItems span.menuitem {
}

/* This targets the image on the menu item. */
#menuNavItems img.menuitem {
    position: absolute;
    left: 0;
    top: 0;
}

.panel-header {
    position: relative;
    background-color: #f1f1f1;
    height: 30px;
    overflow: hidden;
    border-bottom: 1px solid #d3d3d3;
}

.panel-headerContent {
    padding-top: 2px;
}

.panel-headerContent.tabs {
    background-position: left -68px;
}

.panel-header h2 {
    display: inline-block;
    font-size: 12px;
    margin: 0;
    padding: 3px 8px 0 8px;
    height: 22px;
    overflow: hidden;
    color: #333;
}

.panel-collapse {
}

.panel-expand {
}

.icon16 {
    margin: 4px 0 0 2px;
    cursor: pointer;
}

/* Column and Panel Handles */

.horizontalHandle {
    height: 4px;
    line-height: 1px;
    font-size: 1px;
    overflow: hidden;
    background-color: #eee;
}

.horizontalHandle.detached .handleIcon {
    background: transparent;
}

.horizontalHandle .handleIcon {
    margin: 0 auto;
    height: 4px;
    line-height: 1px;
    font-size: 1px;
    overflow: hidden;
}

.columnHandle {
    min-height: 10px;
    float: left;
    width: 4px;
    overflow: hidden;
    background-color: #c3c3c3;
    border: 1px solid #909090;
    border-top: 0;
    border-bottom: 0;
}

/* Toolboxes */

.toolbox {
    float: right;
    margin-top: 3px;
    padding: 0 5px;
    height: 24px;
    overflow: hidden;
    text-align: right;
}

.panel-header-toolbox {
}

div.toolbox.divider { /* Have to specify div here for IE6's sake */
    padding-left: 8px;
}

.toolbox img.disabled {
    cursor: default;
}

.iconWrapperText {
	display: inline-block;
    vertical-align: top;
    padding-top: 2px;

}

.iconWrapper {
    display: inline-block;
    height: 22px;
    min-width: 22px;
    overflow: hidden;
    border: 1px solid transparent;
    font-weight: bold;
    padding-right: 4px;
}

* html .iconWrapper {
    padding: 1px;
    border: 0;
}

.iconWrapper img {
    cursor: pointer;
    margin: 0;
    padding: 3px;
}

.iconWrapper:hover {
    border: 1px solid #a0a0a0;
    -moz-border-radius: 3px;
}

.iconWrapper a {
	color: #2779aa;
}

.iconWrapper a:active {
    background-color: #e3f1fa;
}

#spinnerWrapper {
    width: 16px;
    height: 16px;
    margin: 4px 5px 0 5px;
}

#spinner {
    display: none;
    width: 16px;
    height: 16px;
}

/* ################################################################################################################# */

/* jQuery TimeEntry styles */
.timeEntry_control {
    vertical-align: middle;
    margin-left: 2px;
}
* html .timeEntry_control { /* IE only */
    margin-top: -4px;
}

/* ################################################################################################################# */

/* Some overrides to the jquery UI that we like to use */
.ui-widget-overlay {
   background: rgba(68, 68, 68, .8) !important;
}

input.ui-button{ padding:.1em .4em .1em .4em }

.ui-tabs { position: relative; padding: 0px; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-activeselected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0px; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* ################################################################################################################# */

/* Tooltips */
/* tooltip styling. by default the element to be styled is .tooltip  */
/*.tooltip {
	display:none;
	background:transparent url(/include/scripts/images/black.png);
	font-size:12px;
	height:86px;
	width:186px;
	padding:12px;
	color:#fff;
}*/

.tooltip {
	background-color:#D7EBF9;
	border:#aed0ea 1px solid;
	padding:8px 10px;
	width:300px;
	display:none;
	color:#2779AA;
	text-align:left;
	font-size:12px;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}

/* ################################################################################################################# */

/* BEGIN DEFAULT "PRETTY BUTTONS" */
input[type='button']:not(.btn):not(.mce-button):not(.topcoat-button-bar__button),
input[type='submit']:not(.btn):not(.mce-button):not(.topcoat-button-bar__button),
button:not(.btn):not(.mce-button):not(.topcoat-button-bar__button) {
    padding: .15em .45em;
    border: 1px solid #AED0EA;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    background-color: #E4F2FB;
    background: -moz-linear-gradient(top, rgb(228, 242, 251) 0%, rgb(228, 242, 251) 50%, rgb(230, 243, 252) 51%, rgb(230, 243, 252) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(228, 242, 251)), color-stop(50%, rgb(228, 242, 251)), color-stop(51%, rgb(230, 243, 252)), color-stop(100%, rgb(230, 243, 252)));
    background: -webkit-linear-gradient(top, rgb(228, 242, 251) 0%, rgb(228, 242, 251) 50%, rgb(230, 243, 252) 51%, rgb(230, 243, 252) 100%);
    background: -o-linear-gradient(top, rgb(228, 242, 251) 0%, rgb(228, 242, 251) 50%, rgb(230, 243, 252) 51%, rgb(230, 243, 252) 100%);
    background: -ms-linear-gradient(top, rgb(228, 242, 251) 0%, rgb(228, 242, 251) 50%, rgb(230, 243, 252) 51%, rgb(230, 243, 252) 100%);
    background: linear-gradient(to bottom, rgb(228, 242, 251) 0%, rgb(228, 242, 251) 50%, rgb(230, 243, 252) 51%, rgb(230, 243, 252) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E4F2FB', endColorstr='#E6F3FC', GradientType=0);
    font-weight: bold;
    color: #2779AA;
    cursor: pointer;
}

input[type='button']:not(.btn):not(.mce-button):not(.topcoat-button-bar__button):hover,
input[type='submit']:not(.btn):not(.mce-button):not(.topcoat-button-bar__button):hover,
button:not(.btn):not(.mce-button):not(.topcoat-button-bar__button):hover {
    border: 1px solid #74B2E2;
    background-color: #EFF7FD;
    background: -moz-linear-gradient(top, rgb(239, 247, 253) 0%, rgb(239, 247, 253) 50%, rgb(235, 245, 252) 51%, rgb(235, 245, 252) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(239, 247, 253)), color-stop(50%, rgb(239, 247, 253)), color-stop(51%, rgb(235, 245, 252)), color-stop(100%, rgb(235, 245, 252)));
    background: -webkit-linear-gradient(top, rgb(239, 247, 253) 0%, rgb(239, 247, 253) 50%, rgb(235, 245, 252) 51%, rgb(235, 245, 252) 100%);
    background: -o-linear-gradient(top, rgb(239, 247, 253) 0%, rgb(239, 247, 253) 50%, rgb(235, 245, 252) 51%, rgb(235, 245, 252) 100%);
    background: -ms-linear-gradient(top, rgb(239, 247, 253) 0%, rgb(239, 247, 253) 50%, rgb(235, 245, 252) 51%, rgb(235, 245, 252) 100%);
    background: linear-gradient(to bottom, rgb(239, 247, 253) 0%, rgb(239, 247, 253) 50%, rgb(235, 245, 252) 51%, rgb(235, 245, 252) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFF7FD', endColorstr='#EBF5FC', GradientType=0);
    font-weight: bold;
    color: #0070A3;
}

input[type='button']:not(.btn):not(.mce-button):not(.topcoat-button-bar__button):active,
input[type='submit']:not(.btn):not(.mce-button):not(.topcoat-button-bar__button):active,
button:not(.btn):not(.mce-button):not(.topcoat-button-bar__button):active {
    border: 1px solid #2694E8;
    background-color: #62BBE9;
    background: -moz-linear-gradient(top, rgb(98, 187, 233) 0%, rgba(98, 187, 233) 50%, rgb(68, 174, 229) 51%, rgb(68, 174, 229) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(98, 187, 233)), color-stop(50%, rgb(98, 187, 233)), color-stop(51%, rgb(68, 174, 229)), color-stop(100%, rgb(68, 174, 229)));
    background: -webkit-linear-gradient(top, rgb(98, 187, 233) 0%, rgb(98, 187, 233) 50%, rgb(68, 174, 229) 51%, rgb(68, 174, 229) 100%);
    background: -o-linear-gradient(top, rgb(98, 187, 233) 0%, rgb(98, 187, 233) 50%, rgb(68, 174, 229) 51%, rgb(68, 174, 229) 100%);
    background: -ms-linear-gradient(top, rgb(98, 187, 233) 0%, rgb(98, 187, 233) 50%, rgb(68, 174, 229) 51%, rgb(68, 174, 229) 100%);
    background: linear-gradient(to bottom, rgb(98, 187, 233) 0%, rgb(98, 187, 233) 50%, rgb(68, 174, 229) 51%, rgb(68, 174, 229) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62BBE9', endColorstr='#44AEE5', GradientType=0);
    font-weight: bold;
    color: #FFFFFF;
}

input[type='button']:not(.btn):not(.mce-button):not(.topcoat-button-bar__button):disabled,
input[type='submit']:not(.btn):not(.mce-button):not(.topcoat-button-bar__button):disabled,
button:not(.btn):not(.mce-button):not(.topcoat-button-bar__button):disabled {
    padding: .15em .45em;
    border: 1px solid #CACFD4;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    background: #E1E7EC;
    font-weight: bold;
    color: #B4B4B4;
    cursor: initial;
}
/* END DEFAULT "PRETTY BUTTONS" */

/* BEGIN STRIPE TABLES */
ul.stripeMe {
    list-style-type: none;
    margin: auto;
    padding: 0;
}

ul.stripeMe > li {
    width: 100%;
}

.stripeMe tr:not(.skip):nth-of-type(odd) > td,
.stripeMe > li:not(.skip):nth-of-type(odd) {
    background: #F8F8FA;
    border-bottom: 1px #F6F6F8 solid;
}

.stripeMe tr:not(.skip):nth-of-type(even) > td,
.stripeMe > li:not(.skip):nth-of-type(even) {
    background: #EAEAEA;
    border-bottom: 1px #F6F6F8 solid;
}

.stripeMe tr:not(.skip):not(.ignore):hover > td,
.stripeMe tr:not(.skip).selected > td,
.stripeMe tr.ui-sortable-helper,
.stripeMe > li:not(.skip):not(.ignore):hover,
.stripeMe > li:not(.skip).selected {
    background: #FFFFEA;
    border-bottom: 1px #D4FFBF solid;
}

.stripeMe tr.disabled > td,
.stripeMe > li.disabled {
    background: #AAAAAA !important;
    color: #DDDDDD !important;
    border-bottom: 1px #F6F6FF solid;
}
/* END STRIPE TABLES */

/* IMS v2 */
.ims2title {
    overflow: auto;
    width: 99.5%;
    padding: 2px;
}

.ims2nonCollapsingTitle {
    overflow: auto;
    width: 99.5%;
    padding: 2px;
}

.ims2fullLayout {
    padding: 10px;
    width: 97%;
    min-width:600px;
}

.ims2leftLayout,
.ims2rightLayout {
    padding: 10px;
    width: 48%;
    min-width: 300px;
    clear: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ims2leftLayout:after,
.ims2rightLayout:after {
    clear: both;
}

@media only screen and (max-width: 1060px) {
    .ims2leftLayout,
    .ims2rightLayout {
        width: 94%;
        padding: 0;
        margin: 1em 3%;
        float: none;
    }
}

.ims2leftLayout { float: left; }
.ims2rightLayout { float: right; }

.ims2dataTable {
    padding: 2px 2px 2px 2px;
    border: 1px solid #AED0EA;
    color: #222222;
    margin: 3px 3px 3px 0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    min-width: 300px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.ims2dataTable .header {
	background-color: #e3f0f8;
}

.ims2dataTable .header th {
	text-align: left;
}

.ims2dataTable .totals {
	background-color: #E0E0E0;
}

.ims2dataTable .totals td {
	border-top: 2px solid #494949;
    border-bottom: 1px solid #494949;
    font-weight: bold;
    background-color: #E0E0E0;
}

.ims2dataTable .button-bar a,
.ims2dataTable .button-bar a:hover {
    text-decoration: none;
}

.ims2InteriorDataTable {
    padding: 2px 2px 2px 2px;
    color: #222222;
    margin-top: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
    min-width:400px;
	width: 100%;
	border-collapse: collapse;
}

.ims2InteriorDataTable td {
	padding-left: 6px;
	padding-right: 7px;
}

.ims2InteriorDataTable .header {
	background-color: #ffffff;
}

.ims2InteriorDataTable .header th {
	text-align: left;
	text-decoration: underline;
}

.ims2leftLayout label,
.ims2leftLayout input,
.ims2rightLayout label,
.ims2dataTable label,
.ims2rightLayout input,
.ims2fullLayout label,
.ims2fullLayout input,
.ims2dataTable input {
    display: block;
    float: left;
    margin-bottom: 3px;
}

.ims2leftLayout label,
.ims2rightLayout label,
.ims2dataTable label {
    width: 45%;
    min-width: 150px;
}

.ims2fullLayout label {
    min-width: 200px;
}

#ims2 label {
    text-align: left;
    padding-right: 20px;
}

#ims2 br {
    clear: left;
}

#ims2 th
{
    align:left;
}

#ims2 {
    position: relative;
}

.ims2DailyLogTable {
    border-top: 1px solid #575757;
    border-bottom: 1px solid #575757;
    cell-padding-bottom: 1px;
    cell-padding-top: 1px;
}

.ims2saveContinue {
    position: inline-block;
    bottom: 0;
    float: left;
    margin-bottom: 2px;
    margin-left: 10px;
    width: 99%;
}

.ims2saveContinueButton {
    float: left;
}

.ims2additionalSection {
    border: 1px dotted #cfdbe3;
    display: none;
    padding: 3px;
    margin-bottom: 5px;
}

.people_content_person_details {
	cursor: pointer;
	font-weight: bold;
}

.ims2logOfficersAssigned {
    background-color: #def7db;

}

.ims2logNoOfficersAssigned {
    background-color: #f7dbdb;

}

.ims2thumbnail {
	padding: 3px 3px 3px 3px;
	border: 1px solid #aed0ea;
    color: #222222;
    font-weight: bold;
    float: left;
    margin-left:auto;
    margin-right:auto;
    margin-bottom: 5px;
    text-align: center;
    display: table-cell;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.ims2form .error{
    background-color: #FED5D5;
}

.sub_heading {
	background-color: #e3f0f8;
}

.required_symbol {
	color: #BB0000;
}

.page_heading_text {
	color: #2779aa;
	font-size: 14pt;
	font-weight: bold;
	margin-bottom: 21px;
}

.not_visited {
	font-weight: bold;
	color: #000000;
	vertical-align: top;
}

.not_required {
	font-weight: normal;
	color: #595959;
	vertical-align: top;
	border: 0px #FFFFFF solid !important;
	background-color: #FFFFFF !important;
}

.not_filled_in {
	font-weight: bold;
	color: #993333;
	vertical-align: top;
}

.small_italic {
	font-size:8pt;
	color: #999999;
	font-style: italic;
}

.not_found {
    font-weight: bold;
	color: #727272;
}

.instruction_text {
    font-weight: bold;
    font-size: 8pt;
    color: #585555;
    font-family: verdana, arial;
}

.width_for_select_on_dialog {
    width: 250px;
}

.image_loader_thumbnail {
    border: 1px solid #B9B9B9;
}

/* Tooltips z-index must be higher than jQueryUI dialogs (1001). */
.tooltip {
    z-index: 1100;
}

/* ################################################################################################################# */
/*DMS Full Text Search Styling!*/

input.watermark { color: #999; }

ol.dms_fts_wrapper {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

li.dms_fts_header {
	background-color: #EBEFF9;
    margin-bottom: 23px;
    margin-top: 0px;
    list-style: none outside none;
    line-height: 1.2;
    border: 0 none;
    padding: 10px;
    min-height: 30px;
}

span.dms_fts_header_search_scope {
    color: #606060;
}

.overflowStyle{
    overflow: hidden;
}

li.dms_fts_item {
    cursor: pointer;
    margin-bottom: 23px;
    margin-top: 0px;
    list-style: none outside none;
    line-height: 1.2;
    border: 1px solid;
    border-color: #FFF;
    padding: 10px;
    font-size: small;
}
li.dms_fts_item:hover {
	background-color: #F8F8F8;
    border: 1px solid;
    border-color: #CCC;
}

li.dms_fts_item table {
    width: 100%;
}
li.dms_fts_item a {
    color: #1122CC;
    text-decoration: underline;
    font-size: medium;
}
li.dms_fts_item label {
    color: #606060;
}
li.dms_fts_item cite {
    color: #009933;
    font-style: normal;
    display: inline-block;
    margin-bottom: 1px;
}


/* Button Bar */
.button-bar {
	margin: 0;
	padding: 0;
	background: #E4F2FB url(/include/jqueryui/1.11.4/images/ui-bg_glass_80_d7ebf9_1x400.png) 50% 50% repeat-x;
	float: left;
	width: 100%;
    list-style: none;
    list-style-type: none;
	/*border: 1px solid #aed0ea;*/
}
.button-bar li {
    display: inline;
	padding: 0;
	margin: 0;
	vertical-align: top;
	line-height: 10px;

}
.button-bar li a:link,
.button-bar li a:visited {
	color: #000000;
	font-weight: bold;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
	width: auto;
	border-right: 1px solid #B2B3Bd;
	opacity: 0.55;
	filter: alpha(opacity=55);
	border-top: 1px solid #e3f1fa;
	border-bottom: 1px solid #e3f1fa;
}
.button-bar li:not(.disabled) a:hover{
	color: #000000;
	opacity: 1.0;
	filter: alpha(opacity=100);
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
.button-bar li.disabled a:hover {
    cursor: default;
}
.button-bar li:not(.disabled) a:active {
	color:#999900;
}
.button-bar li a {
	padding-left: 25px;
    font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
    font-size: 10pt;
}
.button-bar img{
	vertical-align: middle;
}
.button-bar li.spacer{
	background: none;
	display: block;
	padding: 10px 0px 0px 0px;
	float: left;
	border-right: 1px solid #B2B3Bd;
	height: 16px;
	opacity:0.4;
	filter:alpha(opacity=40);
}
.button-bar li.float_right {
	float: right;
}

.button-bar li.home_module a{
	background: url(/include/icons/prepared/16/home.png) 5px 50% no-repeat;
    padding-left: 28px;
}
.button-bar li.call_list_module a{
	background: url(/include/icons/prepared/16/call_lists.png) 5px 50% no-repeat;
    padding-left: 30px;
}
.button-bar li.document_module a{
	background: url(/include/icons/prepared/16/documents.png) 5px 50% no-repeat;
    padding-left: 29px;
}
.button-bar li.map_module a{
	background: url(/include/icons/prepared/16/maps.png) 5px 50% no-repeat;
    padding-left: 32px;
}
.button-bar li.binder_module a{
	background: url(/include/icons/prepared/16/binders.png) 5px 50% no-repeat;
    padding-left: 32px;
}
.button-bar li.flipchart_module a{
	background: url(/include/icons/prepared/16/flipcharts.png) 5px 50% no-repeat;
    padding-left: 29px;
}
.button-bar li.drill_log_module a{
	background: url(/include/icons/prepared/16/drill_logs.png) 5px 50% no-repeat;
    padding-left: 25px;
}
.button-bar li.safety_plan_module a{
	background: url(/include/icons/prepared/16/safety_plans.png) 5px 50% no-repeat;
    padding-left: 23px;
}
.button-bar li.respond_module a{
	background: url(/include/icons/prepared/16/respond.png) 5px 50% no-repeat;
    padding-left: 28px;
}
.button-bar li.reunification_module a{
	background: url(/include/icons/prepared/16/reunification.png) 5px 50% no-repeat;
    padding-left: 25px;
}
.button-bar li.help_module a{
	background: url(/include/icons/prepared/16/help.png) 5px 50% no-repeat;
    padding-left: 26px;
}
.button-bar li.site_info_module a{
	background: url(/include/icons/prepared/16/site_info.png) 5px 50% no-repeat;
    padding-left: 21px;
}
.button-bar li.publish_icon a {
	background: url(/include/icons/16x16/actions/edit-link.png) 5px 50% no-repeat;
}
.button-bar li.save_icon a{
	background: url(/include/icons/16x16/actions/document-save.png) 5px 50% no-repeat;
}
.button-bar li.search_icon a{
	background: url(/include/icons/16x16/actions/page-zoom.png) 5px 50% no-repeat;
}
.button-bar li.dashboard_icon a{
	background: url(/include/icons/16x16/actions/go-home.png) 5px 50% no-repeat;
}
.button-bar li.delete_icon a{
	background: url(/include/icons/16x16/actions/edit-delete.png) 5px 50% no-repeat;
}
.button-bar li.archive_icon a{
	background: url(/include/icons/16x16/actions/document-open-data.png) 5px 50% no-repeat;
}
.button-bar li.unarchive_icon a{
	background: url(/include/icons/16x16/actions/document-open-folder.png) 5px 50% no-repeat;
}
.button-bar li.back_icon a{
	background: url(/include/icons/16x16/actions/mail-reply-custom.png) 5px 50% no-repeat;
}
.button-bar li.cancel_icon a{
	background: url(/include/icons/16x16/actions/dialog-cancel.png) 5px 50% no-repeat;
}
.button-bar li.close_icon a{
	background: url(/include/icons/16x16/actions/window-close.png) 5px 50% no-repeat;
}
.button-bar li.check_icon a{
	background: url(/include/icons/16x16/actions/dialog-ok-apply.png) 5px 50% no-repeat;
}
.button-bar li.info_icon a{
	background: url(/include/icons/16x16/actions/documentinfo.png) 5px 50% no-repeat;
}
.button-bar li.unlock_icon a{
	background: url(/include/icons/16x16/actions/document-decrypt.png) 5px 50% no-repeat;
}
.button-bar li.lock_icon a{
	background: url(/include/icons/16x16/actions/document-encrypt.png) 5px 50% no-repeat;
}
.button-bar li.home_icon a{
	background: url(/include/icons/16x16/actions/go-home.png) 5px 50% no-repeat;
}
.button-bar li.add_icon a{
	background: url(/include/icons/16x16/actions/list-add.png) 5px 50% no-repeat;
}
.button-bar li.edit_icon a{
	background: url(/include/icons/16x16/actions/story-editor.png) 5px 50% no-repeat;
}
.button-bar li.refresh_icon a{
	background: url(/include/icons/16x16/actions/view-refresh.png) 5px 50% no-repeat;
}
.button-bar li.print_icon a{
	background: url(/include/icons/16x16/actions/document-print.png) 5px 50% no-repeat;
}
.button-bar li.users_icon a{
	background: url(/include/icons/16x16/actions/meeting-attending.png) 5px 50% no-repeat;
}
.button-bar li.revert_icon a{
	background: url(/include/icons/16x16/actions/document-revert.png) 5px 50% no-repeat;
}
.button-bar li.masquerade a{
    background: url(/include/icons/16x16/actions/view-media-artist.png) 5px 50% no-repeat;
}
.button-bar li.folder_icon a{
    background: url(/include/icons/16x16/actions/tab-detach.png) 5px 50% no-repeat;
}
.button-bar li.select_icon a{
    background: url(/include/icons/16x16/actions/edit-select.png) 5px 50% no-repeat;
}
.button-bar li.headset_icon a{
    background: url(/include/icons/16x16/devices/audio-headset.png) 5px 50% no-repeat;
}
.button-bar li.legend_icon a{
    background: url(/include/icons/16x16/actions/format-list-unordered.png) 5px 50% no-repeat;
}
.button-bar li.pdf_icon a{
    background: url(/include/icons/16x16/mimetypes/application-pdf.png) 5px 50% no-repeat;
}
.button-bar li.copy_icon a{
    background: url(/include/icons/16x16/actions/edit-copy.png) 5px 50% no-repeat;
}
.button-bar li.word_icon a{
    background: url(/include/icons/16x16/mimetypes/application-msword.png) 5px 50% no-repeat;
}
.button-bar li.computer_icon a{
    background: url(/include/icons/16x16/devices/computer.png) 5px 50% no-repeat;
}
.button-bar li.email_icon a{
    background: url(/include/icons/16x16/actions/mail-mark-unread.png) 5px 50% no-repeat;
}
.button-bar li.hat_icon a{
    background: url(/include/icons/16x16/categories/applications-engineering.png) 5px 50% no-repeat;
}
.button-bar li.view_icon a{
    background: url(/include/icons/16x16/actions/view-process-system.png) 5px 50% no-repeat;
}



/* END: Button Bar */


/* ################################################################################################################# */
div.pagebreak {page-break-before: always;}





/* ################################################################################################################# */

/* Class dataForm */
.dataForm {
	border: 0;
	color: #222222;
	border-collapse: collapse;
}

.dataForm td{
	text-align: left;
}

.dataForm tr.Title {
	background-color: #cccccc;
	/*background: #cccccc url(styles/images/ui-bg_glass_80_cccccc_1x400.png) 50% 50% repeat-x;*/
	color: #222222;
	font-weight: bold;
}

.dataForm tr.Title td {
	text-align: center;
	border: 1px solid #000000;
}

.dataForm tr.FancyHeader {
	font-size: 10pt;
	color: #222222;
	font-weight: bold;
	border: 1px solid #AED0EA;
	background-image: url("/include/jqueryui/1.11.4/images/ui-bg_highlight-soft_100_deedf7_1x100.png");
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position-x: 50%;
	background-position-y: 50%;
	background-color: rgb(222, 237, 247);
}

.dataForm tr.FancyHeader td{
	padding-top: 0.5em;
	padding-left: 0.5em;
	vertical-align: middle;

}

.dataForm tr.Footer {
	background-color: #EDE9E9;
}

.dataForm tr.Footer td {
	border-top: solid 0px #97A0A0;
	border-bottom: solid 2px #959595;
}

.dataForm tr.Header {
	border: 1px solid #DBDCDC;
	background-color: #EDEBEB;
}

.dataForm tr.Header th:not(.hide) {
	text-align: left;
	font-weight: bold;
}

.dataForm tr.Header td:not(.hide) {
	text-align: left;
	font-weight: bold;
	border: solid 1px #BBBCBC;
	background-color: #E3F0F8;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
}

.dataForm tr:not(.skip) td.Label {
	text-align: left;
	font-weight: bold;
	border: solid 1px #DBDCDC !important;
    padding: .35em .65em;
	background: #EDEBEB !important;
}

.dataForm tr td.Data {
    padding: .35em .65em;
}

.dataForm tr td.ButtonBar {
	background-color: #f8f5f5;
	font-weight: bold;
	border: solid 1px #d5dcd9;
}

.dataForm tr td.NoResults {
	background-color: #f8f5f5;
	font-weight: bold;
	border: solid 1px #d5dcd9;
	text-align: center
}

/* End dataForm */

.dataFormContent {
    border: 1px solid #AED0EA; /*aed0ea 5E6469*/
    color: #222222;
	margin: 0;
	padding: 0;
    width: 100%;
}

.dataFormContent div:first-of-type {
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

#tabs li .ui-icon-close {
    float: left;
    margin: 0.4em 0.2em 0 0;
    cursor: pointer;
}
#tabs li .ui-icon-gear {
    float: left;
    margin: 0.2em 0.2em 0 0;
    cursor: pointer;
}

/*BEGIN FANCY BOX */
.fancy-box { color: #222222; }

.fancy-box .panel-heading {
    color: #222222;
    font-size: 10pt;
    font-weight: bold;
    border: 1px solid #AED0EA;
    padding: .5em;
    background: rgb(222, 237, 247);
    background-image: url('/include/jqueryui/1.11.4/images/ui-bg_highlight-soft_100_deedf7_1x100.png');
    background-attachment: scroll;
    background-repeat: repeat-x;
    background-position-x: 50%;
    background-position-y: 50%;
}

.fancy-box .panel-heading.compact { font-size: 8pt; }
.fancy-box .panel-heading * { vertical-align: middle; }

.fancy-box .panel-heading .icon {
    display: inline-block;
    height: 22px;
    width: 22px;
    margin-right: .5em;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    overflow: hidden;
}

.fancy-box .panel-heading.compact .icon {
    height: 18px;
    width: 18px;
    margin-right: .35em;
}

.fancy-box .panel-body {
    width: 100%;
    height: 175px;
    margin: 0;
    padding: 10px;
    border: 1px solid #AED0EA;
    border-top: 0 none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: #FFFFFF;
    overflow: auto;
}
/* END FANCY BOX */

/* BEGIN COOL BUTTONS */
.coolButtons {
    height: auto;
    border: 1px solid #AED0EA;
}

.coolButtons tr { background-color: #E3F0F8; }
.coolButtons tr.breaker {
    background-color: #999999;
    height: 1px;

}

.coolButtons tr td {
    text-align: left;
    border-top: 1px #DBDCDC solid;
    border-bottom: 1px #DBDCDC solid;
    border-left: 0px;
    border-right: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    height: 40px;
    border-collapse: collapse;
}

.coolButtons tr:not(.skip) td { cursor: pointer; }

.coolButtons tr.breaker td {
    background-color: #999999;
    height: 1px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.coolButtons td,
.coolButtons td .arrow {
    -webkit-transition-duration: .35s;
    -moz-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
}

.coolButtons tr:not(.skip):hover td {
    padding-left: 30px;
    background: #FFFFC1;
    border-color: #553333;
}

.coolButtons .linktext a {
    font-size: 16pt;
    color: #096DD1;
}

.coolButtons .image_place {
    text-align: center;
    float: left;
    line-height: 32px;
}

.coolButtons .text_place {
    float: left;
    display: inline;
    text-align: center;
    line-height: 42px;
}

.coolButtons .arrow {
    filter: alpha(opacity=0);
    opacity: 0;
}

.coolButtons tr:hover td .arrow {
    filter: alpha(opacity=1);
    opacity: 1;
}

.coolButtons a,
.coolButtons a:hover {
    text-decoration: none;
}
/* END COOL BUTTONS */

/* STATUS BUBBLES */
.status_bubble {
    margin-left: 6px;
    padding: 3px 10px;
    font-size: 8pt;
    color: #FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #000000;
    background: -moz-linear-gradient(top, rgb(45, 45, 45) 0%, rgb(45, 45, 45) 50%, rgb(0, 0, 0) 51%, rgb(0, 0, 0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(45, 45, 45)), color-stop(50%, rgb(45, 45, 45)), color-stop(51%, rgb(0, 0, 0)), color-stop(100%, rgb(0, 0, 0)));
    background: -webkit-linear-gradient(top, rgb(45, 45, 45) 0%, rgb(45, 45, 45) 50%, rgb(0, 0, 0) 51%, rgb(0, 0, 0) 100%);
    background: -o-linear-gradient(top, rgb(45, 45, 45) 0%, rgb(45, 45, 45) 50%, rgb(0, 0, 0) 51%, rgb(0, 0, 0) 100%);
    background: -ms-linear-gradient(top, rgb(45, 45, 45) 0%, rgb(45, 45, 45) 50%, rgb(0, 0, 0) 51%, rgb(0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgb(45, 45, 45) 0%, rgb(45, 45, 45) 50%, rgb(0, 0, 0) 51%, rgb(0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2D2D2D', endColorstr='#000000', GradientType=0);
    text-shadow: 0px 0px 4px rgba(0, 0, 0, .6);
}

.status_bubble.green {
	border-bottom: 1px solid #66A63B;
    background-color: #72B942;
    background: -moz-linear-gradient(top, rgb(142, 199, 103) 0%, rgb(142, 199, 103) 50%, rgb(114, 185, 66) 51%, rgb(114, 185, 66) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(142, 199, 103)), color-stop(50%, rgb(142, 199, 103)), color-stop(51%, rgb(114, 185, 66)), color-stop(100%, rgb(114, 185, 66)));
    background: -webkit-linear-gradient(top, rgb(142, 199, 103) 0%, rgb(142, 199, 103) 50%, rgb(114, 185, 66) 51%, rgb(114, 185, 66) 100%);
    background: -o-linear-gradient(top, rgb(142, 199, 103) 0%, rgb(142, 199, 103) 50%, rgb(114, 185, 66) 51%, rgb(114, 185, 66) 100%);
    background: -ms-linear-gradient(top, rgb(142, 199, 103) 0%, rgb(142, 199, 103) 50%, rgb(114, 185, 66) 51%, rgb(114, 185, 66) 100%);
    background: linear-gradient(to bottom, rgb(142, 199, 103) 0%, rgb(142, 199, 103) 50%, rgb(114, 185, 66) 51%, rgb(114, 185, 66) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8EC767', endColorstr='#72B942', GradientType=0);
}

.status_bubble.yellow {
	border-bottom: 1px solid #B3B300;
    background-color: #C7C700;
    background: -moz-linear-gradient(top, rgb(221, 221, 102) 0%, rgb(221, 221, 102) 50%, rgb(199, 199, 0) 51%, rgb(199, 199, 0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(221, 221, 102)), color-stop(50%, rgb(221, 221, 102)), color-stop(51%, rgb(199, 199, 0)), color-stop(100%, rgb(199, 199, 0)));
    background: -webkit-linear-gradient(top, rgb(221, 221, 102) 0%, rgb(221, 221, 102) 50%, rgb(199, 199, 0) 51%, rgb(199, 199, 0) 100%);
    background: -o-linear-gradient(top, rgb(221, 221, 102) 0%, rgb(221, 221, 102) 50%, rgb(199, 199, 0) 51%, rgb(199, 199, 0) 100%);
    background: -ms-linear-gradient(top, rgb(221, 221, 102) 0%, rgb(221, 221, 102) 50%, rgb(199, 199, 0) 51%, rgb(199, 199, 0) 100%);
    background: linear-gradient(to bottom, rgb(221, 221, 102) 0%, rgb(221, 221, 102) 50%, rgb(199, 199, 0) 51%, rgb(199, 199, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDD66', endColorstr='#C7C700', GradientType=0);
}

.status_bubble.red {
	border-bottom: 1px solid #5E0A10;
    background-color: #9E111B;
    background: -moz-linear-gradient(top, rgb(177, 64, 72) 0%, rgb(177, 64, 72) 50%, rgb(158, 17, 27) 51%, rgb(158, 17, 27) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(177, 64, 72)), color-stop(50%, rgb(177, 64, 72)), color-stop(51%, rgb(158, 17, 27)), color-stop(100%, rgb(158, 17, 27)));
    background: -webkit-linear-gradient(top, rgb(177, 64, 72) 0%, rgb(177, 64, 72) 50%, rgb(158, 17, 27) 51%, rgb(158, 17, 27) 100%);
    background: -o-linear-gradient(top, rgb(177, 64, 72) 0%, rgb(177, 64, 72) 50%, rgb(158, 17, 27) 51%, rgb(158, 17, 27) 100%);
    background: -ms-linear-gradient(top, rgb(177, 64, 72) 0%, rgb(177, 64, 72) 50%, rgb(158, 17, 27) 51%, rgb(158, 17, 27) 100%);
    background: linear-gradient(to bottom, rgb(177, 64, 72) 0%, rgb(177, 64, 72) 50%, rgb(158, 17, 27) 51%, rgb(158, 17, 27) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B14048', endColorstr='#9E111B', GradientType=0);
}

.status_bubble.orange {
	border-bottom: 1px solid #AC6C0B;
    background-color: #D8880E;
    background: -moz-linear-gradient(top, rgb(227, 171, 86) 0%, rgb(227, 171, 86) 50%, rgb(216, 136, 14) 51%, rgb(216, 136, 14) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(227, 171, 86)), color-stop(50%, rgb(227, 171, 86)), color-stop(51%, rgb(216, 136, 14)), color-stop(100%, rgb(216, 136, 14)));
    background: -webkit-linear-gradient(top, rgb(227, 171, 86) 0%, rgb(227, 171, 86) 50%, rgb(216, 136, 14) 51%, rgb(216, 136, 14) 100%);
    background: -o-linear-gradient(top, rgb(227, 171, 86) 0%, rgb(227, 171, 86) 50%, rgb(216, 136, 14) 51%, rgb(216, 136, 14) 100%);
    background: -ms-linear-gradient(top, rgb(227, 171, 86) 0%, rgb(227, 171, 86) 50%, rgb(216, 136, 14) 51%, rgb(216, 136, 14) 100%);
    background: linear-gradient(to bottom, rgb(227, 171, 86) 0%, rgb(227, 171, 86) 50%, rgb(216, 136, 14) 51%, rgb(216, 136, 14) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E3AB56', endColorstr='#D8880E', GradientType=0);
}

.status_bubble.blue {
	border-bottom: 1px solid #19527C;
    background-color: #2A8AD0;
    background: -moz-linear-gradient(top, rgb(85, 166, 224) 0%, rgb(85, 166, 224) 50%, rgb(42, 138, 208) 51%, rgb(42, 138, 208) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(85, 166, 224)), color-stop(50%, rgb(85, 166, 224)), color-stop(51%, rgb(42, 138, 208)), color-stop(100%, rgb(42, 138, 208)));
    background: -webkit-linear-gradient(top, rgb(85, 166, 224) 0%, rgb(85, 166, 224) 50%, rgb(42, 138, 208) 51%, rgb(42, 138, 208) 100%);
    background: -o-linear-gradient(top, rgb(85, 166, 224) 0%, rgb(85, 166, 224) 50%, rgb(42, 138, 208) 51%, rgb(42, 138, 208) 100%);
    background: -ms-linear-gradient(top, rgb(85, 166, 224) 0%, rgb(85, 166, 224) 50%, rgb(42, 138, 208) 51%, rgb(42, 138, 208) 100%);
    background: linear-gradient(to bottom, rgb(85, 166, 224) 0%, rgb(85, 166, 224) 50%, rgb(42, 138, 208) 51%, rgb(42, 138, 208) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#55A6E0', endColorstr='#2A8AD0', GradientType=0);
}
/* END STATUS BUBBLES */

/* STATUS ICONS */
.status-icon {
    vertical-align: middle;
    position: relative;
    text-align: center;
    width: 1.75em;
    height: 1.75em;
    padding: 0;
    margin: 0;
    border: 0 none;
    background: #000000;
    -webkit-border-radius: 99em;
    -moz-border-radius: 99em;
    -o-border-radius: 99em;
    border-radius: 99em;
    -webkit-transition: transform 150ms linear;
    -moz-transition: transform 150ms linear;
    -o-transition: transform 150ms linear;
    transition: transform 150ms linear;
    will-change: transform;
    overflow: hidden;
    display: none;
}

.status-icon.interactive:not(.disabled) {
    cursor: pointer;
}

.status-icon.disabled::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .35);
}

.status-icon.interactive:not(.disabled):active {
    -ms-transform: scale(1.15) translate3d(0, 0, 0);
    -webkit-transform: scale(1.15) translate3d(0, 0, 0);
    -moz-transform: scale(1.15) translate3d(0, 0, 0);
    -o-transform: scale(1.15) translate3d(0, 0, 0);
    transform: scale(1.15) translate3d(0, 0, 0);
}

.status-icon.green { background: #72B942; }
.status-icon.red { background: #9E111B; }
.status-icon.yellow { background: #C7C700; }
.status-icon.purple { background: #8F76EA; }
.status-icon.blue { background: #007CFF; }
.status-icon.gray { background: grey; }

.status-icon.success,
.status-icon.error,
.status-icon.alert,
.status-icon.warning,
.status-icon.reunified {
    display: inline-block;
}

.status-icon .line-primary,
.status-icon .line-secondary {
    position: absolute;
    background: #FFFFFF;
    -webkit-transition-duration: .35s;
    -moz-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
}

.status-icon.reunified .line-primary {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url("../icons/prepared/reunification.svg");
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
}

.status-icon.success .line-primary {
    left: 25%;
    bottom: 40%;
    height: 15%;
    width: 60%;
    -ms-transform: rotate(135deg) translate3d(0, 0, 0);
    -webkit-transform: rotate(135deg) translate3d(0, 0, 0);
    -moz-transform: rotate(135deg) translate3d(0, 0, 0);
    -o-transform: rotate(135deg) translate3d(0, 0, 0);
    transform: rotate(135deg) translate3d(0, 0, 0);
}

.status-icon.success .line-secondary {
    left: 20%;
    bottom: 30%;
    height: 15%;
    width: 26%;
    -ms-transform: rotate(45deg) translate3d(0, 0, 0);
    -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
    -moz-transform: rotate(45deg) translate3d(0, 0, 0);
    -o-transform: rotate(45deg) translate3d(0, 0, 0);
    transform: rotate(45deg) translate3d(0, 0, 0);
}

.status-icon.error .line-primary {
    left: 20%;
    bottom: 42.5%;
    height: 15%;
    width: 60%;
    -ms-transform: rotate(135deg) translate3d(0, 0, 0);
    -webkit-transform: rotate(135deg) translate3d(0, 0, 0);
    -moz-transform: rotate(135deg) translate3d(0, 0, 0);
    -o-transform: rotate(135deg) translate3d(0, 0, 0);
    transform: rotate(135deg) translate3d(0, 0, 0);
}

.status-icon.error .line-secondary {
    left: 20%;
    bottom: 42.5%;
    height: 15%;
    width: 60%;
    -ms-transform: rotate(45deg) translate3d(0, 0, 0);
    -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
    -moz-transform: rotate(45deg) translate3d(0, 0, 0);
    -o-transform: rotate(45deg) translate3d(0, 0, 0);
    transform: rotate(45deg) translate3d(0, 0, 0);
}

.status-icon.alert .line-primary {
    left: 43.25%;
    bottom: 34.5%;
    height: 45%;
    width: 13.5%;
}

.status-icon.alert .line-secondary {
    left: 43.25%;
    bottom: 12%;
    height: 15%;
    width: 13.5%;
}

.status-icon.warning .line-primary {
    left: 20%;
    bottom: 42.5%;
    height: 15%;
    width: 60%;
    -ms-transform: rotate(0deg) translate3d(0, 0, 0);
    -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
    -moz-transform: rotate(0deg) translate3d(0, 0, 0);
    -o-transform: rotate(0deg) translate3d(0, 0, 0);
    transform: rotate(0deg) translate3d(0, 0, 0);
}

.status-icon.warning .line-secondary {
    left: 20%;
    bottom: 42.5%;
    height: 15%;
    width: 60%;
    -ms-transform: rotate(0deg) translate3d(0, 0, 0);
    -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
    -moz-transform: rotate(0deg) translate3d(0, 0, 0);
    -o-transform: rotate(0deg) translate3d(0, 0, 0);
    transform: rotate(0deg) translate3d(0, 0, 0);
}
/* END STATUS ICONS */

/* RESPOND ALARM MODE ICONS */
.alarm-mode-icon {
    display: inline-block;
    vertical-align: middle;
    height: 50px;
    width: 50px;
    background: url('/include/icons/prepared/100/respond.png') no-repeat center center;
    background-size: contain;
}

.alarm-mode-icon.small { height: 20px; width: 20px; }
.alarm-mode-icon.medium { height: 30px; width: 30px; }

/* default alarm types */
.alarm-mode-icon.fire { background: url('/include/icons/respond/fire.png') no-repeat center center; background-size: contain; }
.alarm-mode-icon.bio { background: url('/include/icons/respond/bio.png') no-repeat center center; background-size: contain; }
.alarm-mode-icon.intruder { background: url('/include/icons/respond/intruder.png') no-repeat center center; background-size: contain; }
.alarm-mode-icon.weather { background: url('/include/icons/respond/weather.png') no-repeat center center; background-size: contain; }
.alarm-mode-icon.medical { background: url('/include/icons/respond/medical.png') no-repeat center center; background-size: contain; }
.alarm-mode-icon.bomb { background: url('/include/icons/respond/bomb.png') no-repeat center center; background-size: contain; }

/* additional alarm icons for custom types */
.alarm-mode-icon.evacuate { background: url('/include/icons/respond/evacuate.png') no-repeat center center; background-size: contain; }
.alarm-mode-icon.hold { background: url('/include/icons/respond/hold.png') no-repeat center center; background-size: contain; }
.alarm-mode-icon.lockdown { background: url('/include/icons/respond/lockdown.png') no-repeat center center; background-size: contain; }
.alarm-mode-icon.lockout { background: url('/include/icons/respond/lockout.png') no-repeat center center; background-size: contain; }
.alarm-mode-icon.shelter { background: url('/include/icons/respond/shelter.png') no-repeat center center; background-size: contain; }
.alarm-mode-icon.alarm { background: url('/include/icons/respond/alarm.png') no-repeat center center; background-size: contain; }
.alarm-mode-icon.bell { background: url('/include/icons/respond/bell.png') no-repeat center center; background-size: contain; }
.alarm-mode-icon.clipboard { background: url('/include/icons/respond/clipboard.png') no-repeat center center; background-size: contain; }
.alarm-mode-icon.gear { background: url('/include/icons/respond/gear.png') no-repeat center center; background-size: contain; }
.alarm-mode-icon.general { background: url('/include/icons/respond/general.png') no-repeat center center; background-size: contain; }
.alarm-mode-icon.hazardous { background: url('/include/icons/respond/hazardous.png') no-repeat center center; background-size: contain; }
.alarm-mode-icon.pawprint { background: url('/include/icons/respond/pawprint.png') no-repeat center center; background-size: contain; }
.alarm-mode-icon.schoolbus { background: url('/include/icons/respond/schoolbus.png') no-repeat center center; background-size: contain; }
.alarm-mode-icon.violence { background: url('/include/icons/respond/violence.png') no-repeat center center; background-size: contain; }

/* END RESPOND ALARM MODE ICONS */

/* JQUERY-UI DATEPICKER */
.ui-datepicker-year, .ui-timepicker-select{
	border: 1px solid #aed0ea;
	background: #E9ECEE;
}

.ui_tpicker_hour_slider, .ui_tpicker_minute_slider{
	background: #E1E4E5;
	border: 1px solid #C1C3C4;
}

.ui-sliders-handle{
	background: rgba(206,224,237,1) !important;
	background: -moz-linear-gradient(top, rgba(206,224,237,1) 0%, rgba(175,208,234,0.87) 52%, rgba(174,208,234,0.87) 53%, rgba(123,172,209,0.78) 100%) !important;
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(206,224,237,1)), color-stop(52%, rgba(175,208,234,0.87)), color-stop(53%, rgba(174,208,234,0.87)), color-stop(100%, rgba(123,172,209,0.78))) !important;
	background: -webkit-linear-gradient(top, rgba(206,224,237,1) 0%, rgba(175,208,234,0.87) 52%, rgba(174,208,234,0.87) 53%, rgba(123,172,209,0.78) 100%) !important;
	background: -o-linear-gradient(top, rgba(206,224,237,1) 0%, rgba(175,208,234,0.87) 52%, rgba(174,208,234,0.87) 53%, rgba(123,172,209,0.78) 100%) !important;
	background: -ms-linear-gradient(top, rgba(206,224,237,1) 0%, rgba(175,208,234,0.87) 52%, rgba(174,208,234,0.87) 53%, rgba(123,172,209,0.78) 100%) !important;
	background: linear-gradient(to bottom, rgba(206,224,237,1) 0%, rgba(175,208,234,0.87) 52%, rgba(174,208,234,0.87) 53%, rgba(123,172,209,0.78) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cee0ed', endColorstr='#7bacd1', GradientType=0 ) !important;
}

.ui-slider-handle{
	background: rgba(214,229,240,1) !important;
	background: -moz-linear-gradient(top, rgba(214,229,240,1) 0%, rgba(174,208,234,0.87) 52%, rgba(214,229,240,0.78) 100%) !important;
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(214,229,240,1)), color-stop(52%, rgba(174,208,234,0.87)), color-stop(100%, rgba(214,229,240,0.78))) !important;
	background: -webkit-linear-gradient(top, rgba(214,229,240,1) 0%, rgba(174,208,234,0.87) 52%, rgba(214,229,240,0.78) 100%) !important;
	background: -o-linear-gradient(top, rgba(214,229,240,1) 0%, rgba(174,208,234,0.87) 52%, rgba(214,229,240,0.78) 100%) !important;
	background: -ms-linear-gradient(top, rgba(214,229,240,1) 0%, rgba(174,208,234,0.87) 52%, rgba(214,229,240,0.78) 100%) !important;
	background: linear-gradient(to bottom, rgba(214,229,240,1) 0%, rgba(174,208,234,0.87) 52%, rgba(214,229,240,0.78) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6e5f0', endColorstr='#d6e5f0', GradientType=0 ) !important;
}

/* END JQUERY UI DATEPICKER */

.ui-dialog:not(#ims2) {
    max-width: 80% !important;
}

.ui-dialog:not(#ims2) .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
}

.font-size-module-navigator-title{
    font-size: 1.7em;
}

.site-navigator-select-screen-title{
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    width: 100%;
    display: inline-block;
    color: #383838c7;
}

.site-navigator-select-screen-site{
    font-size: 1.4em;
    padding: 10px 0px 10px 20px;
    cursor: pointer;
}

.search_box{
    margin-top: 5px;
    border-radius: 4px;
    padding: 0.5em 1em;
    border: 1px solid #bbbbbb;
    font-size: 1.25em;
    color: #545454;
}


.font-size-module-tabs {
    font-size: 1.3em;
}

.navigate-panel-site-nav {
    width: 340px;
    min-height: 40em;
}

.navigate-panel-site-wrapper{
    max-height: 40em;
}

/* THREAT ASSESSMENT GRID */

/* .container {
    position: relative;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
  }
  .row > .column,
  .row-small-break > .column,
  .row-large-break > .column,
  .row > .columns,
  .row-small-break > .columns,
  .row-large-break > .columns {
    float: left;
    box-sizing: border-box;
    margin-left: 4%;
  }
  .row > .column:first-child,
  .row-small-break > .column:first-child,
  .row-large-break > .column:first-child,
  .row > .columns:first-child,
  .row-small-break > .columns:first-child,
  .row-large-break > .columns:first-child {
    margin-left: 0;
  }
  .row > .one.column,
  .row-small-break > .one.column,
  .row-large-break > .one.column,
  .row > .one.columns,
  .row-small-break > .one.columns,
  .row-large-break > .one.columns {
    width: 4.66666667%;
  }
  .row > .two.columns,
  .row-small-break > .two.columns,
  .row-large-break > .two.columns {
    width: 13.33333333%;
  }
  .row > .three.columns,
  .row-small-break > .three.columns,
  .row-large-break > .three.columns {
    width: 22%;
  }
  .row > .four.columns,
  .row-small-break > .four.columns,
  .row-large-break > .four.columns {
    width: 30.66666667%;
  }
  .row > .five.columns,
  .row-small-break > .five.columns,
  .row-large-break > .five.columns {
    width: 39.33333333%;
  }
  .row > .six.columns,
  .row-small-break > .six.columns,
  .row-large-break > .six.columns {
    width: 48%;
  }
  .row > .seven.columns,
  .row-small-break > .seven.columns,
  .row-large-break > .seven.columns {
    width: 56.66666667%;
  }
  .row > .eight.columns,
  .row-small-break > .eight.columns,
  .row-large-break > .eight.columns {
    width: 65.33333333%;
  }
  .row > .nine.columns,
  .row-small-break > .nine.columns,
  .row-large-break > .nine.columns {
    width: 74%;
  }
  .row > .ten.columns,
  .row-small-break > .ten.columns,
  .row-large-break > .ten.columns {
    width: 82.66666667%;
  }
  .row > .eleven.columns,
  .row-small-break > .eleven.columns,
  .row-large-break > .eleven.columns {
    width: 91.33333333%;
  }
  .row > .twelve.columns,
  .row-small-break > .twelve.columns,
  .row-large-break > .twelve.columns {
    width: 100%;
    margin-left: 0;
  }
  .row > .one-third.column,
  .row-small-break > .one-third.column,
  .row-large-break > .one-third.column {
    width: 30.66666667%;
  }
  .row > .two-thirds.column,
  .row-small-break > .two-thirds.column,
  .row-large-break > .two-thirds.column {
    width: 65.33333333%;
  }
  .row > .one-half.column,
  .row-small-break > .one-half.column,
  .row-large-break > .one-half.column {
    width: 48%;
  }
  .row > .offset-by-one.column,
  .row-small-break > .offset-by-one.column,
  .row-large-break > .offset-by-one.column,
  .row > .offset-by-one.columns,
  .row-small-break > .offset-by-one.columns,
  .row-large-break > .offset-by-one.columns {
    margin-left: 8.66666667%;
  }
  .row > .offset-by-two.column,
  .row-small-break > .offset-by-two.column,
  .row-large-break > .offset-by-two.column,
  .row > .offset-by-two.columns,
  .row-small-break > .offset-by-two.columns,
  .row-large-break > .offset-by-two.columns {
    margin-left: 17.33333333%;
  }
  .row > .offset-by-three.column,
  .row-small-break > .offset-by-three.column,
  .row-large-break > .offset-by-three.column,
  .row > .offset-by-three.columns,
  .row-small-break > .offset-by-three.columns,
  .row-large-break > .offset-by-three.columns {
    margin-left: 26%;
  }
  .row > .offset-by-four.column,
  .row-small-break > .offset-by-four.column,
  .row-large-break > .offset-by-four.column,
  .row > .offset-by-four.columns,
  .row-small-break > .offset-by-four.columns,
  .row-large-break > .offset-by-four.columns {
    margin-left: 34.66666667%;
  }
  .row > .offset-by-five.column,
  .row-small-break > .offset-by-five.column,
  .row-large-break > .offset-by-five.column,
  .row > .offset-by-five.columns,
  .row-small-break > .offset-by-five.columns,
  .row-large-break > .offset-by-five.columns {
    margin-left: 43.33333333%;
  }
  .row > .offset-by-six.column,
  .row-small-break > .offset-by-six.column,
  .row-large-break > .offset-by-six.column,
  .row > .offset-by-six.columns,
  .row-small-break > .offset-by-six.columns,
  .row-large-break > .offset-by-six.columns {
    margin-left: 52%;
  }
  .row > .offset-by-seven.column,
  .row-small-break > .offset-by-seven.column,
  .row-large-break > .offset-by-seven.column,
  .row > .offset-by-seven.columns,
  .row-small-break > .offset-by-seven.columns,
  .row-large-break > .offset-by-seven.columns {
    margin-left: 60.66666667%;
  }
  .row > .offset-by-eight.column,
  .row-small-break > .offset-by-eight.column,
  .row-large-break > .offset-by-eight.column,
  .row > .offset-by-eight.columns,
  .row-small-break > .offset-by-eight.columns,
  .row-large-break > .offset-by-eight.columns {
    margin-left: 69.33333333%;
  }
  .row > .offset-by-nine.column,
  .row-small-break > .offset-by-nine.column,
  .row-large-break > .offset-by-nine.column,
  .row > .offset-by-nine.columns,
  .row-small-break > .offset-by-nine.columns,
  .row-large-break > .offset-by-nine.columns {
    margin-left: 78%;
  }
  .row > .offset-by-ten.column,
  .row-small-break > .offset-by-ten.column,
  .row-large-break > .offset-by-ten.column,
  .row > .offset-by-ten.columns,
  .row-small-break > .offset-by-ten.columns,
  .row-large-break > .offset-by-ten.columns {
    margin-left: 86.66666667%;
  }
  .row > .offset-by-eleven.column,
  .row-small-break > .offset-by-eleven.column,
  .row-large-break > .offset-by-eleven.column,
  .row > .offset-by-eleven.columns,
  .row-small-break > .offset-by-eleven.columns,
  .row-large-break > .offset-by-eleven.columns {
    margin-left: 95.33333333%;
  }
  .row > .offset-by-one-third.column,
  .row-small-break > .offset-by-one-third.column,
  .row-large-break > .offset-by-one-third.column,
  .row > .offset-by-one-third.columns,
  .row-small-break > .offset-by-one-third.columns,
  .row-large-break > .offset-by-one-third.columns {
    margin-left: 34.66666667%;
  }
  .row > .offset-by-two-thirds.column,
  .row-small-break > .offset-by-two-thirds.column,
  .row-large-break > .offset-by-two-thirds.column,
  .row > .offset-by-two-thirds.columns,
  .row-small-break > .offset-by-two-thirds.columns,
  .row-large-break > .offset-by-two-thirds.columns {
    margin-left: 69.33333333%;
  }
  .row > .offset-by-one-half.column,
  .row-small-break > .offset-by-one-half.column,
  .row-large-break > .offset-by-one-half.column,
  .row > .offset-by-one-half.column,
  .row-small-break > .offset-by-one-half.column,
  .row-large-break > .offset-by-one-half.column {
    margin-left: 52%;
  }
  @media (max-width: 768px) {
    .row:not(.inline-break) > .column,
    .row:not(.inline-break) > .columns {
      width: 100% !important;
      margin-left: 0 !important;
    }
    .row.inline-break > .break-one.column,
    .row.inline-break > .break-one.columns {
      width: 4.66666667%;
    }
    .row.inline-break > .break-two.columns {
      width: 13.33333333%;
    }
    .row.inline-break > .break-three.columns {
      width: 22%;
    }
    .row.inline-break > .break-four.columns {
      width: 30.66666667%;
    }
    .row.inline-break > .break-five.columns {
      width: 39.33333333%;
    }
    .row.inline-break > .break-six.columns {
      width: 48%;
    }
    .row.inline-break > .break-seven.columns {
      width: 56.66666667%;
    }
    .row.inline-break > .break-eight.columns {
      width: 65.33333333%;
    }
    .row.inline-break > .break-nine.columns {
      width: 74%;
    }
    .row.inline-break > .break-ten.columns {
      width: 82.66666667%;
    }
    .row.inline-break > .break-eleven.columns {
      width: 91.33333333%;
    }
    .row.inline-break > .break-twelve.columns {
      width: 100%;
      margin-left: 0;
    }
    .row.inline-break > .break-one-third.column {
      width: 30.66666667%;
    }
    .row.inline-break > .break-two-thirds.column {
      width: 65.33333333%;
    }
    .row.inline-break > .break-one-half.column {
      width: 48%;
    }
  }
  @media (max-width: 550px) {
    .row-small-break:not(.inline-break) > .column,
    .row-small-break:not(.inline-break) > .columns {
      width: 100% !important;
      margin-left: 0 !important;
    }
    .row-small-break.inline-break > .break-one.column,
    .row-small-break.inline-break > .break-one.columns {
      width: 4.66666667%;
    }
    .row-small-break.inline-break > .break-two.columns {
      width: 13.33333333%;
    }
    .row-small-break.inline-break > .break-three.columns {
      width: 22%;
    }
    .row-small-break.inline-break > .break-four.columns {
      width: 30.66666667%;
    }
    .row-small-break.inline-break > .break-five.columns {
      width: 39.33333333%;
    }
    .row-small-break.inline-break > .break-six.columns {
      width: 48%;
    }
    .row-small-break.inline-break > .break-seven.columns {
      width: 56.66666667%;
    }
    .row-small-break.inline-break > .break-eight.columns {
      width: 65.33333333%;
    }
    .row-small-break.inline-break > .break-nine.columns {
      width: 74%;
    }
    .row-small-break.inline-break > .break-ten.columns {
      width: 82.66666667%;
    }
    .row-small-break.inline-break > .break-eleven.columns {
      width: 91.33333333%;
    }
    .row-small-break.inline-break > .break-twelve.columns {
      width: 100%;
      margin-left: 0;
    }
    .row-small-break.inline-break > .break-one-third.column {
      width: 30.66666667%;
    }
    .row-small-break.inline-break > .break-two-thirds.column {
      width: 65.33333333%;
    }
    .row-small-break.inline-break > .break-one-half.column {
      width: 48%;
    }
    .container {
      width: 80%;
    }
  }
  @media (max-width: 1000px) {
    .row-large-break:not(.inline-break) > .column,
    .row-large-break:not(.inline-break) > .columns {
      width: 100% !important;
      margin-left: 0 !important;
    }
    .row-large-break.inline-break > .break-one.column,
    .row-large-break.inline-break > .break-one.columns {
      width: 4.66666667%;
    }
    .row-large-break.inline-break > .break-two.columns {
      width: 13.33333333%;
    }
    .row-large-break.inline-break > .break-three.columns {
      width: 22%;
    }
    .row-large-break.inline-break > .break-four.columns {
      width: 30.66666667%;
    }
    .row-large-break.inline-break > .break-five.columns {
      width: 39.33333333%;
    }
    .row-large-break.inline-break > .break-six.columns {
      width: 48%;
    }
    .row-large-break.inline-break > .break-seven.columns {
      width: 56.66666667%;
    }
    .row-large-break.inline-break > .break-eight.columns {
      width: 65.33333333%;
    }
    .row-large-break.inline-break > .break-nine.columns {
      width: 74%;
    }
    .row-large-break.inline-break > .break-ten.columns {
      width: 82.66666667%;
    }
    .row-large-break.inline-break > .break-eleven.columns {
      width: 91.33333333%;
    }
    .row-large-break.inline-break > .break-twelve.columns {
      width: 100%;
      margin-left: 0;
    }
    .row-large-break.inline-break > .break-one-third.column {
      width: 30.66666667%;
    }
    .row-large-break.inline-break > .break-two-thirds.column {
      width: 65.33333333%;
    }
    .row-large-break.inline-break > .break-one-half.column {
      width: 48%;
    }
  }
  .container:after,
  .row:after,
  .row-small-break:after,
  .row-large-break:after,
  .u-cf {
    content: '';
    display: table;
    clear: both;
  } */