h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif !important;
}
div.main-panel h2 {
    padding-bottom: 0;
}
.panel-intro {
    font-size: 16px;
    padding-bottom: 10px;
    line-height: 20px;
	font-weight:500;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
  border-color: #808284;
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(77, 138, 237, 0.75), 0 0 8px rgba(77, 138, 237, 0.8);
  -moz-box-shadow: inset 0 1px 1px rgba(77, 138, 237, 0.75), 0 0 8px rgba(77, 138, 237, 0.8);
  outline: none !important;
}
input, button, select, textarea {
    font-family: 'Montserrat', sans-serif;
}
.removeSelected {
    min-width: 150px;
    margin-top: 20px;
    background: #d8d8d8;
}

.removeSelected:hover {
    background: #cccccc;
    color: #ffffff;
}

div.main-panel.login {
    background-color: #333333;
}
#log-in table, #log-in table tr, #log-in table tr td, #log-in table tbody tr td {
    color: white;
}
#log-in table input {
    background: none !important;
    background-color: transparent !important;
    outline: 0 !important;
    border: 1px solid white;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    color: white;
}
#log-in table select {
    background: transparent;
    color: white;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 1px solid white;
    -moz-border-radius: 0;
}

#log-in table select option {
    background: #333333;
}

#log-in table tbody tr td:first-child {
    font-size: 13px;
}

#log-in table .btn {
    color: white;
    font-size: 13px;
}
#log-in table .btn:hover {
    color: white;
}

#log-in table input.login-submit-btn {
    width: 220px !important;
    background: #d8d8d8 !important;
    color: #333333 !important;
    font-weight: 500;
}

#log-in table input.login-submit-btn:hover {
    background: #808284 !important;
    color: #ffffff !important;
}

div.widget a.module-button {
    margin: 0 15px 15px 0 !important;
}

div a.module-dashboard-button {
    width: 180px !important;
    height: 180px !important;
    margin: 0 15px 15px 0 !important;
}


div.watermark, div.watermark-centre {
    min-height:100%;
}
div.main-panel.login > div.watermark {
    min-height:100%;
}

div#orientation-wrong{
    background-color:#f8f8f8;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
}

div.widget a.module-button.module-button-width-1 {
    background: #6C6E74;
    display: none;
}

div.widget a.module-button.module-button-width-2 {
    width: 180px !important;
    height: 180px !important;
    background: #333333 !important;
}

div#navTree.accordion ul > li > ul > li > a:hover, div#navTree.accordion ul > li > ul > li:target > a, div#navTree.accordion ul > li > ul > li.active > a {
    color: #ffffff;
    background: #808284;
}

/* SMS Delivery */

#sms_summary  {
    background: #d8d8d8 !important;
    border: none;
    padding: 10px 0;
}

#sms_summary tr.totalsRow td {
    background: #ffffff;
}

#sms_summary p {
    font-size: 16px;
    color: #777777;
}

#sms_summary td.widget {
    font-size: 16px !important;
}

#sms_summary td.widget > select {
    font-size: 16px !important;
}

#sms_summary td.widget > select:focus {
    outline: thin solid #d8d8d8;
}

/* Email Delivery */

#gm_summary  {
    background: #d8d8d8 !important;
    border: none;
    padding: 10px 0;
}

#gm_summary tr.totalsRow td {
    background: #ffffff;
}

#gm_summary p {
    font-size: 16px;
    color: #777777;
}

#gm_summary td.widget {
    font-size: 16px !important;
}

#gm_summary td.widget > select {
    font-size: 16px !important;
}

#gm_summary td.widget > select:focus {
    outline: thin solid #d8d8d8;
}

.excelExportBtn {
    width: 16px !important;
    min-width: 16px;
}

/* Modal */

.ui-widget-content.ui-dialog,
.ui-widget-content.ui-dialog-buttonpane {
    background: #ffffff;
    color:#333333;
    font-size:13px;
    border: 0;
    padding: 0;
    box-sizing: content-box;
    min-width: 503px !important;
}

.ui-widget-content.ui-dialog {
    border: 3px solid #333333;
}

.ui-widget-content.ui-dialog.delete-confirm {
    border: 3px solid #ff0000;
}
.ui-dialog .ui-dialog-title {
    overflow: visible;
}

.ui-dialog .ui-dialog-content {
    font-size: 16px;
    line-height: 22px;
    padding: 20px 10px 0 10px;
    font-family: 'Montserrat', sans-serif;
    text-align: left;
}

.ui-dialog .ui-dialog-content p {
    line-height: 22px;
    text-align: left;
}

.ui-widget-content.ui-dialog.error, .ui-widget-content.ui-dialog.error p,
.error .ui-widget-content.ui-dialog-buttonpane {
    *background:#a90303;
    *color: #ffffff;
}

.ui-dialog .ui-widget-header {
    color:#ffffff;
    font-size:20px;
    border:0;
    font-family: 'Montserrat', sans-serif;
    padding: 10px;
    background: #333333;
}

.ui-dialog.error .ui-widget-header {
}

.ui-widget-content.error {
    border: 3px solid #eb1600;
}

.ui-dialog.error .ui-dialog-content p, .ui-dialog.error .ui-dialog-content {
    color: #eb1600;
}

.ui-dialog.error .ui-dialog-buttonset button:hover, .ui-dialog.error .ui-dialog-buttonset button:focus {
    background-color: #eb1600 !important;
    color: #ffffff !important;
}

.ui-dialog .ui-dialog-titlebar-close {
    display:none;
}
.ui-dialog-buttonpane {
    border:none;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    padding: 10px;
    background: transparent;
}

.ui-dialog-buttonset button {
    padding: 7px 14px;
    color: #333333;
    display: inline-block;

    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;

    vertical-align: middle;
    cursor: pointer;
    /*background-color: #d8d8d8;*/
    border: 1px solid #bbbbbb;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;

    /*width: 100px;*/
    font-family: 'Montserrat', sans-serif;
    border: none;
    font-weight: 500;
    background: #d8d8d8;
    background-image: none;
    margin: 0 0 0 20px !important;
    min-width: 150px;
}

.login-error button {
    padding: 3px 14px !important;
}

.ui-dialog-buttonset button:hover, .ui-dialog-buttonset button:focus {
    color: #ffffff;
    background: #333333;
}

/* Modal Error */

.ui-widget-content.error-dialog {
    border: 3px solid #eb1600;
}

.error-dialog .ui-dialog-titlebar {
    background-color: #eb1600;
}

.error-dialog p {
    color: #eb1600;
}

.error-dialog button {
    padding: 7px 14px;
    color: #333333 !important;
    display: inline-block;

    margin-bottom: 0;
    font-size: 14px !important;
    line-height: 20px !important;
    text-align: center;

    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #bbbbbb;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;

    /*width: 100px;*/
    font-family: 'Montserrat', sans-serif;
    border: none !important;
    font-weight: 500 !important;;
    background: #d8d8d8 !important;;
    background-image: none;
    margin: 0 0 0 20px !important;
    min-width: 150px;
}

.excelExportBtn {
    margin-left: 5px;
}

.btn-primary {
    background: #d8d8d8;
    color: #333333;
}

.close_panel {
    min-width: 150px;
}

.spam_grid_parent {
    margin-bottom: 40px;
}

button.close_panel.suppression-close {
    margin-top: 10px;
}
.loading{background:url('./images/loading.gif') no-repeat center center; text-indent:-20000px;}
td.loading{background:url('./images/loading.gif') no-repeat center center;height:5em;text-indent:-20000px;}
div#modal-overlay .inner{background:#ffffff url('./images/loading.gif') no-repeat center center;}
div.overlay-panel div.panel-loading span{background:#ffffff url('./images/loading.gif') no-repeat center center;}
div.overlay-panel div.frame-loading span{background:#ffffff url('./images/loading.gif') no-repeat center center;}
.k-loading,
.k-state-hover .k-loading,
.k-loading-image {
    background-image: url('./images/loading.gif') !important;
    background-position: 50% 50% !important;
}

.k-state-focused.k-state-selected, .k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected, .k-button:focus:active {
    box-shadow: none !important;
}

.k-state-focused, .k-list > .k-state-focused, .k-listview > .k-state-focused, .k-grid-header th.k-state-focused, td.k-state-focused, .k-button:focus, .k-button.k-state-focused {
    box-shadow: none !important;
}

.k-state-focused, .k-grouping-row .k-state-focused {
    border-color: transparent !important;
}

div#modal-overlay .inner {
    box-shadow: none;
    border: 3px solid #cccccc;
}

.ui-widget-overlay {
    background: #b3b3b3 !important;
}

body > div.k-widget.k-window > div.k-window-titlebar.k-header {
    background-color: #333333;
}

#notifications_grid a {
    color: #333333;
}

.close_panel:hover, .btn-primary:hover {
    background: #333333;
    color: #ffffff;
}


.tooltip-popup
{
    background: #808284;
}

.tooltip-popup:after /* triangle decoration */
{
    border-top: 10px solid #808284;
}

.tooltip-popup.top:after
{
    border-bottom: 10px solid #808284;
}

.navSupport {
    background: #333;
}

.navSupport li a:hover {
    background: #D1D1D1 !important;
	color: #333333;
}

div#modal-overlay .inner {
    box-shadow: none;
    border: 3px solid #333333;
}
/* sms delivery */
#sms_summary tr.totalsRow td.filter_on > h3, #sms_summary tr.totalsRow td.filter_on > p  {
    color: #333333 !important;
}
#sms_summary tr.totalsRow td.filter_on {
    border: 3px solid #333333 !important;
}
#sms_summary tr.totalsRow td {
    border: 3px solid #808284 !important;
}
/* email delivery */
#gm_summary tr.totalsRow td {
    border: 3px solid #808284 !important;
}

#gm_summary tr.totalsRow td.filter_on {
    border: 3px solid #333333 !important;
}

#gm_summary tr.totalsRow td.filter_on > h3, #gm_summary tr.totalsRow td.filter_on > p  {
    color: #333333 !important;
}

/* crisiscomms */
button.orange-dark {
    background: #333333 !important;
}
button.orange-light {
    background: #808284 !important;
}
button.orange-light:hover {
    background: #333333 !important;
}
button.primary-action, input.primary-action, a.primary-action {
    background: #808284 !important;
	color: white;
}
button.primary-action:hover, input.primary-action:hover, a.primary-action:hover {
    background: #333333 !important;
}
body #parametersBtn {
    background: #808284 !important;
}
body #parametersBtn:hover {
    background: #333333 !important;
}
body #crisiscomms_parameters .btn:hover {
    background: #333333 !important;
	color: white;
}
body i.icon-exclamation {
    color: #808284 !important;;
}
body #crisiscomms_preview button {
    background: #808284 !important;
}
body #crisiscomms_preview button:hover {
    background: #333333 !important;
}
body #crisiscomms_charcount.characterCountWarning {
    border: 3px solid #333333 !important;
    color: #333333 !important;
}
body #crisiscomms_buttons .btn:hover {
    background: #333333 !important;
	color: white;
}
/* for navigation when crisiscomms module is loaded */
div#navTree.accordion > ul > li > a:hover, div#navTree.accordion > ul > li:target > a, div#navTree.accordion > ul > li.active > a {
    background: #D1D1D1 !important;
	color: #333333;
}
div#navTree.accordion > ul > li#nav-menu-item-crisis-comm > a:hover, div#navTree.accordion > ul > li#nav-menu-item-crisis-comm:target > a, div#navTree.accordion > ul > li#nav-menu-item-crisis-comm.active > a {
    background: #D1D1D1 !important;
}
.error-dialog button:hover {
    color: #ffffff !important;
    background: #eb3d00 !important;
}
.error-dialog .ui-dialog-buttonset button:hover, .error-dialog .ui-dialog-buttonset button:focus {
    background-color: #eb1600 !important;
    color: #ffffff !important;
}

/* toolbar buttons */
div.k-grid .k-header.k-grid-toolbar a {
    padding-top: 3px;
    padding-bottom: 3px;
    min-width: 150px;
    line-height: 2em;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background: #d8d8d8;
    border: 0;
    color: #333333;
}
div.k-grid .k-header.k-grid-toolbar a:hover {
    color: #ffffff;
    background: #333333;
}
div.k-grid .k-header.k-grid-toolbar a+a {
    margin-left: 10px;
}

.sso-page p, .sso-page a {
    color: #ffffff;
}
.sso-page p {
	padding-top: 6em;
    text-align: center;
    margin: 0 auto;
}
.sso-page h1 {
	padding-top: 6em;
    text-align: center;
    color: #ffffff;
    padding-bottom: 0.3em;
    width: 100%;
    margin: 0 auto;
    letter-spacing: -1px;
    font-weight: 100;
    font-size: 32px;
    line-height: 32px;
    -webkit-font-smoothing: antialiased;	
}

div.navSupport > ol > li {
    list-style: none;
    border-top: 1px solid #777777;
}

div.navSupport > ol > li span {
    padding-left: 10px;
}

.navSupport {
	/*bottom: inherit;*/
	height: auto;
}

#nav-menu-item-email-templater {
  border-bottom: 1px solid #777777 !Important;
}

.nav-tabs > li > a, .nav-pills > li > a {
	color: #858284;
}

div#navTree.accordion ul > li > a:hover::before  {
  filter: invert(80%); 
}

div#navTree.accordion ul > li.active > a:before  {
  filter: invert(80%); 
}

.k-i-expand:hover, .k-i-collapse:hover {
	color: #858284 !important;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
		outline: none !important;
		border:1px solid #d1d1d1;
		box-shadow: 0 0 10px #808284;
}

a:focus {
    outline: none;
}

select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
	outline: none;
}

.k-grid table {
	font-weight: 500;
}

.btn, .btn-primary {
	text-shadow: none;
}

.k-autocomplete.k-state-focused, .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-autocomplete.k-state-hover, .k-picker-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-dropdown-wrap.k-state-hover {
     background: #858284 !important;
}

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled], button.primary-action[disabled]:hover, input.primary-action[disabled]:hover, a.primary-action[disabled]:hover {
	background-color: #c1c1c1 !important;
	pointer-events: auto;
}

.k-grid .k-loading-mask .k-loading-image {
    background-position-y: 40px !important;
}