/* Minification failed. Returning unminified contents.
(510,18): run-time error CSS1035: Expected colon, found ','
 */
.chart-legend,.bar-legend,.line-legend,.pie-legend,.radar-legend,.polararea-legend,.doughnut-legend{list-style-type:none;margin-top:5px;text-align:center}.chart-legend li,.bar-legend li,.line-legend li,.pie-legend li,.radar-legend li,.polararea-legend li,.doughnut-legend li{display:inline-block;white-space:nowrap;position:relative;margin-bottom:4px;border-radius:5px;padding:2px 8px 2px 28px;font-size:smaller;cursor:default}.chart-legend li span,.bar-legend li span,.line-legend li span,.pie-legend li span,.radar-legend li span,.polararea-legend li span,.doughnut-legend li span{display:block;position:absolute;left:0;top:0;width:20px;height:20px;border-radius:5px}
/*# sourceMappingURL=angular-chart.css.map */
/***
Error Pages
***/

.page-404 .number {
  letter-spacing: -10px;
  margin-top: 0px;
  line-height: 158px;
  font-size: 158px;
  font-weight: 300;
  color: #7bbbd6;
  text-align: right;
}

.page-500 .number {
  letter-spacing: -10px;
  margin-top: 0px;
  line-height: 158px;
  font-size: 158px;
  font-weight: 300;
  color: #ec8c8c;
  text-align: right;
}

.page-500 .details {
  padding-top: 20px;
}


 .fade-show-setup {
  -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
  -moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
  -o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
  transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
}

.fade-show-setup {
  opacity:0;
}
.fade-show-setup.fade-show-start {
  opacity:1;
}
/* the norm */
#gritter-notice-wrapper {
	position:fixed;
	top:120px;
	right:20px;
	width:301px;
	z-index:9999;
}
#gritter-notice-wrapper.top-left {
	left: 20px;
	right: auto;
}
#gritter-notice-wrapper.bottom-right {
	top: auto;
	left: auto;
	bottom: 20px;
	right: 20px;
}
#gritter-notice-wrapper.bottom-left {
	top: auto;
	right: auto;
	bottom: 20px;
	left: 20px;
}
.gritter-item-wrapper {
	position:relative;
	margin:0 0 10px 0;
	background:url('../img/gritter/ie-spacer.gif'); /* ie7/8 fix */
	border-radius: 4px;
	border: #c0c0c0 solid thin;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.gritter-top {
	/*background:url(../img/gritter/gritter.png) no-repeat left -30px;*/
	background-color: #eeeeee;
	height:10px;
	color: black !important;
}
.hover .gritter-top {
	background-position:right -30px;
}
.gritter-bottom {
	/*background:url(../img/gritter/gritter.png) no-repeat left bottom;*/
	 background-color: #eeeeee;
	height:8px;
	margin:0;
}
.hover .gritter-bottom {
	background-position: bottom right;
}
.gritter-item {
	display:block;
	/*background:url(../img/gritter/gritter.png) no-repeat left -40px;*/
	 background-color: #eeeeee;
	color:#2E2E2E;
	padding:2px 11px 8px 11px;
	font-size: 11px;
	font-family:verdana;
}
.hover .gritter-item {
	background-position:right -40px;
}
.gritter-item p {
	padding:0;
	margin:0;
	word-wrap:break-word;
}
.gritter-close {
	display:none;
	position:absolute;
	top:5px;
	left:3px;
	background:url(../img/gritter/gritter.png) no-repeat left top;
	cursor:pointer;
	width:30px;
	height:30px;
}
.gritter-title {
	font-size:14px;
	font-weight:bold;
	padding:0 0 7px 0;
	display:block;
	/*text-shadow:1px 1px 0 #000;*/ /* Not supported by IE :( */
}
.gritter-image {
	width:48px;
	height:48px;
	float:left;
}
.gritter-with-image,
.gritter-without-image {
	padding:0;
}
.gritter-with-image {
	width:220px;
	float:right;
}
/* for the light (white) version of the gritter notice */
.gritter-light .gritter-item,
.gritter-light .gritter-bottom,
.gritter-light .gritter-top,
.gritter-light .gritter-close {
	background-image: url(../img/gritter/gritter-light.png);
	color: #222;
}
.gritter-light .gritter-title {
	text-shadow: none;
}
#gritter-notice-wrapper .gritter-item-wrapper.large-group {
	position: fixed !important;
	width: 203px;
	bottom: 56px;
	left: 10px;
	z-index: 9999;
    overflow-x: hidden;
}

    #gritter-notice-wrapper .gritter-item-wrapper.large-group .group-gritter-title {
        display: inline;
        white-space: nowrap;
        overflow-x: hidden;
    }


юswn-accordion {
}

.swn-accordion-heading {
}

    .swn-accordion-heading .swn-accordion-title {
    }

.swn-accordion-collapse {
}

    .swn-accordion-collapse .swn-accordion-body {
    }

.swn-directory-breadcrumbs {
    list-style: none;
    margin: 0;
    padding: 8px;
    display: inline-block;
}

    .swn-directory-breadcrumbs > li {
        display: inline-block;
        text-shadow: 0 1px 0 #fff;
        line-height: 20px;
        margin: 2px 0;
        padding-right: 4px;
    }

    .swn-directory-breadcrumbs i {
        color: #666;
    }

    .swn-directory-breadcrumbs span {
        color: #333;
        font-size: 14px;
    }

    .swn-directory-breadcrumbs > span + span {
        padding-left: 4px;
    }

    .swn-directory-breadcrumbs + .tooltip {
        left: 10px !important;
    }

    .swn-directory-breadcrumbs + .tooltip > .tooltip-arrow {
        left: 30px;
    }

    .swn-directory-breadcrumbs + .tooltip > .tooltip-inner {
        max-width: 100%;
    }

.swn-file-uploader {
    margin: 0 !important;
}

.swn-btn-uploader {
}

.swn-progress-uploader {
    margin-top: 5px;
}
.preview {
    width: 360px;
    border: #000000 1px solid;
    padding: 2.5em;
    pointer-events: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.preview-body {
    border-bottom: #e0dfdf 1px solid;
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;
}

.preview-bunner {
    margin-bottom: 3.5em;
}

.preview-bunner-image {
    height: 64px;
    width: 332px;
}

.preview-bunner,
.preview-bunner-image {
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
}

    .preview-bunner-image,
    .preview-bunner-image > img {
        max-height: 64px;
        max-width: 332px;
    }

        .preview-bunner-image.banner-border {
            height: 62px;
            width: 330px;
        }

.preview-bunner-image {
    align-items: center;
}

    .preview-bunner-image.banner-border {
        border: #e0dfdf 1px solid;
    }

.preview-header {
    margin-bottom: 1.5em;
    font-size: 1.26em;
}

.preview-content {
    margin: 0 1em;
}

.preview-footer + .preview-footer {
    margin-top: 1em;
}

.preview-actions {
}

.preview-radio-button {
}

    .preview-radio-button input[type='radio'] {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

        .preview-radio-button input[type='radio']:checked ~ span,
        .preview-radio-button input[type='radio']:checked ~ .on {
            color: #009bdf;
        }

        .preview-radio-button input[type='radio']:checked ~ .off,
        .preview-radio-button input[type='radio']:not(checked) ~ .on {
            display: none;
        }

        .preview-radio-button input[type='radio']:checked ~ .on,
        .preview-radio-button input[type='radio']:not(checked) ~ .off {
            display: inline;
        }

    .preview-radio-button span {
        font-weight: 600;
        font-size: 1.2em;
        display: inline-block;
        vertical-align: super;
    }

.swn-numeric-dropdown-group {
    display: flex;
    flex-flow: row nowrap;
    align-items: baseline;
}

    .swn-numeric-dropdown-group select {
        width: auto;
    }

    .swn-numeric-dropdown-group span {
        display: flex;
    }

        .swn-numeric-dropdown-group span + span {
            padding-left: 5px;
        }

.swn-search-box {
    display: inline-block;
    float: left;
}

    .swn-search-box + * {
        margin-left: 2px;
    }

.swn-input-group {
    display: table;
}

.swn-input-group-addon,
.swn-input-group-btn {
    display: table-cell;
    white-space: nowrap;
}

.swn-input-group-addon {
    position: relative;
    width: 520px;
}

    .swn-input-group-addon i {
        position: absolute;
        pointer-events: none;
        padding: 9px 10px;
        z-index: 2;
        font-size: 16px;
        color: #ccc;
    }

    .swn-input-group-addon input {
        width: 100%;
        padding-left: 30px;
        height: 34px;
        box-sizing: border-box;
        margin: 0;
    }

.swn-input-group-btn {
    padding-left: 3px;
}

.swn-table-scroll thead,
.swn-table-scroll tbody,
.swn-table-scroll tr {
    table-layout: fixed;
}

.swn-table-scroll tbody,
.swn-table-scroll tr {
    width: 100%;
}

.swn-table-scroll tbody {
    overflow-y: auto;
    display: block;
}

.swn-table-scroll thead,
.swn-table-scroll tr {
    display: table;
}

.gjs-editor {
    overflow: hidden;
}

.gjs-one-bg {
    background-color: #DEDEDE !important;
}

.gjs-cv-canvas {
    background-color: #444 !important;
    padding-top: 0 !important;
}

.swn-bgc,
.gjs-pn-panel {
    background-color: #1B2431  !important;
}

.gjs-pn-panel#gjs-pn-commands {
    display: none !important;
}

.gjs-pn-panel#gjs-pn-views-container,
.gjs-pn-panel#gjs-pn-views {
    right: 0;
    width: 20% !important;
}
#gjs-pn-views {
    background-color: #040E1C !important;
}

.gjs-pn-panel#gjs-pn-options {
     right: 20% !important;
}

.gjs-block {
    background-color: #313B4D!important;
    border-radius: 4px !important;
    color: #7B8A9F;
}

.gjs-block.fa {
    font-size: 3em !important;
}

.swn-gjs-property {
    display: flex;
    flex-direction: column;
}

.gjs-pn-btn.gjs-pn-active, .gjs-btnt.gjs-pn-active {
    background-color: #296484;
    border: 1px solid #0094D5;
    box-shadow: none;
    border-radius: 4px !important;
}

.gjs-four-color {
    color: white !important;
}

.gjs-four-color-h:hover {
    color: white !important;
}

.gjs-pn-buttons {
    justify-content: center !important;
}

.gjs-block:hover {
    border: 1px solid #0094D5;
    background-color: #105476 !important;
}

.sp-container.gjs-two-color {
    top: 70% !important;
    left: 70% !important;
}

.gjs-rte-toolbar {
    background-color: #3b97e3 !important;
}

.disabled.gjs-pn-active{
    border: none;
}

/*settings plugin*/
#templateSoundLabel, #templateTypeLabel, #templateUnitLabel {
    float: left; 
    margin-bottom: 0.5rem;
}

#positionSettings {
    .persent-unit, .unit-input-container{
        text-align: right;
    }
}

#unitHeight, 
#unitWidth, 
#unitTop, 
#unitLeft, 
#leftPxLabel,
.select-container {
    float: left
}

#heightPixel, 
#widthPixel, 
#topPixel, 
#leftPixel {
    width: 3rem;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}

#heightPxLabel, 
#heightPercentLabel, 
#widthPxLabel, 
#widthPercentLabel, 
#topPxLabel, 
#topPercentLabel, 
#leftPercentLabel {
    float: right;
}

#heightPercent, 
#widthPercent, 
#topPercent, 
#leftPercent {
    width: 80%;
    float: left;
}

.template-setting-item {
    margin-bottom: 1rem;
    height: 4rem;
}

.unit-setting {
    display: none;
}
.tree-list {
    position: relative;
    border: 1px solid #ddd;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    overflow: hidden;
}

    .tree-list .table-bordered {
        border: 0;
        border-right: 1px solid #ddd;
    }

    .tree-list-header,
    .tree-list .table-bordered {
        border-bottom: 1px solid #ddd;
    }

.tree-list-header,
.tree-list-content,
.tree-list-node-container {
    display: flex;
}

.tree-list-header-wrapper,
.tree-list-table-wrapper,
.tree-list-view-container,
.tree-list-node-details {
    width: 100%;
}

.tree-list-view-wrapper {
    overflow-y: hidden;
    overflow-x: scroll;
}

.tree-list-table-wrapper {
    overflow-y: scroll;
    overflow-x: hidden;
}

.tree-list-header-wrapper {
    margin-bottom: -1px;
}

    .tree-list-header-wrapper th:first-child {
        border-left-width: 0;
    }

.tree-list-header-container {
    margin-bottom: 0;
    border-collapse: collapse;
}

.tree-list-view-container {
    display: table;
}

ul.tree-list-view-container,
ul.tree-list-view-group {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}

.tree-list-view-container li,
.tree-list-view-group li {
    white-space: nowrap;
    line-height: 20px;
}

.tree-list-header-container,
.tree-list-table-container {
    table-layout: fixed;
}

.tree-list-node-container {
    padding: 8px;
    border-bottom: 1px solid #ddd;
}

.tree-list-node-caret {
    display: inline-block;
    width: 15px;
}

    .tree-list-node-caret > span {
        cursor: pointer;
    }

.tree-list-node-details {
    user-select: none;
    -webkit-user-select: none;
    cursor: default;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

select.m-wrap,
input.m-wrap {
    border: 1px solid #cccccc;
}


    input.m-wrap:focus {
        border: 1px solid #5897fb!important;
    }

    textarea.m-wrap:focus {
        border: 1px solid #5897fb!important;
    }

.ng-cloak, [ng\:cloak], [ng-cloak] {
    display: none !important;
}

.header .navbar-inner {
    background-color: #FFFFFF !important;
}

.header .navbar-brand {
    max-width: 340px;
}

.brandlogo {
    max-height: 65px;
}

.header .navbar-container {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    height: 100%;
}

.radio input[type="radio"] {
    margin-left: 0px;
    margin-right: 10px;
}

.checkbox input[type="checkbox"] {
    margin-left: 0px;
    margin-right: 10px;
}


.ajax-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -25px; /* -1 * image width / 2 */
    margin-top: -25px; /* -1 * image height / 2 */
    display: block;
    z-index: 1041;
}

.modal-body .ajax-loader {
    position: absolute!important;
    margin-left: -26px!important;
}

.modal-sub-header {
    overflow: auto;
    padding: 15px 15px 0px 15px;
}

.loadable-backdrop {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.8;
    z-index: 1040;
    background-color: white;
    margin: -10px;
}

/*GRITTER CLASSES*/
.gritter-error .gritter-item,
.gritter-error .gritter-bottom,
.gritter-error .gritter-top,
.gritter-error .gritter-close {
    border-color: #ff526d;
    color: #ffffff;
    background: rgb(134, 0, 0);
}

.gritter-error .gritter-title {
    text-shadow: none;
}

.gritter-success .gritter-item,
.gritter-success .gritter-bottom,
.gritter-success .gritter-top,
.gritter-success .gritter-close {
    border-color: #ff526d;
    color: #ffffff;
    background: rgb(0, 105, 35);
}

.gritter-error .gritter-title {
    text-shadow: none;
}

.control-group input {
    margin-bottom: 0px;
}

.swnLocate {
    display: inline-flex !important;
    flex-wrap: wrap;
    flex: auto;
}

.form-horizontal .control-group {
    margin-bottom: 15px;
}

.form-horizontal .control-label {
    width: 220px;
    cursor: default;
}

.form-horizontal .controls {
    margin-left: 240px;
}

.form-horizontal .checkbox,
.form-horizontal .radio {
    min-height: 27px;
}

.form-horizontal label {
    cursor: default;
    display: inline-block;
}

.checkbox label,
.radio label {
    display: inline-block;
    cursor: pointer;
}

.form-inline .control-label {
    width: auto;
    float: left;
    line-height: 32px;
    margin-right: 5px;
}

.modal .form-horizontal .control-group-large .control-label {
    width: 150px;
}

.modal .form-horizontal .control-group-large .controls {
    margin-left: 160px;
}

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

.pointer {
    cursor: pointer;
}

#tableEmailAddresses {
    margin-top: 6px;
}

    #tableEmailAddresses th {
        text-align: center;
    }

    #tableEmailAddresses td input[type="radio"] {
        margin-bottom: 5px;
    }

    #tableEmailAddresses td i {
        margin-bottom: 5px;
    }

.number-selector {
    width: 75px;
}

.nav.nav-tabs a {
    cursor: pointer;
}

.system-group {
    font-weight: bold;
}

div.modal-note {
    margin: 10px;
    padding: 8px;
    background-color: #EEEEEE;
    color: #373737;
    font-size: 0.9em;
    line-height: initial !important;
}

    div.modal-note span.lighter {
        color: #808080;
    }

    div.modal-note span.highlight {
        background-color: #DCDCDC;
    }

.help-text {
    font-size: 11px;
    color: #aaa;
}

.controls {
    margin-bottom: 10px;
}

select.num3-input {
    width: 70px;
}

input[type="text"].num3-input,
input[type="number"].num3-input {
    width: 57px;
}

input[type="checkbox"].single {
    margin-top: 12px;
}

.input-phone {
    width: 150px;
    height: 18px !important;
}


.filter-button {
    margin-left: 3px;
    opacity: .3;
}

    .filter-button:hover,
    .filter-button:active {
        opacity: .6;
    }

.filter-button-active {
    opacity: 1!important;
    color: #0362fd;
}

    .filter-button-active:hover {
        opacity: 1;
    }

.table tr.context-filter {
    position: relative;
}

    .table tr.context-filter:hover .table-context-filter {
        display: block;
    }

.modal-body .events-list {
    min-height: 300px;
}

.table-audit tr td {
    position: relative;
}

    .table-audit tr td .toggle-audit-description {
        font-size: 11px;
    }

    .table-audit tr td .details {
        list-style: none;
    }

        .table-audit tr td .details .span2,
        .table-audit tr td .details .span3,
        .table-audit tr td .details .span4,
        .table-audit tr td .details .span5,
        .table-audit tr td .details .span6,
        .table-audit tr td .details .span7,
        .table-audit tr td .details .span8,
        .table-audit tr td .details .span9,
        .table-audit tr td .details .span10 {
            min-height: 20px;
            font-size: 11px;
        }

            .table-audit tr td .details .span10.bold {
                font-weight: bold;
            }

        .table-audit tr td .details ul {
            margin-left: 0px !important;
            list-style: none;
        }

            .table-audit tr td .details ul li {
                border-width: 0px;
            }

        .table-audit tr td .details .empty {
            font-style: italic;
        }

        .table-audit tr td .details li {
            border-bottom: 1px solid #eee;
        }

    .table-audit tr td.filterable {
        padding-right: 20px;
    }

    .table-audit tr td .description {
        display: inline-block;
        word-wrap: break-word;
    }

.table-context-filter {
    opacity: .3;
    display: none;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 7px;
}

    .table-context-filter:hover,
    .table-context-filter:active {
        opacity: .6;
    }

.context-filter-content {
    min-width: 275px;
}

.context-filter-content-close {
    position: absolute;
    top: 12px;
    right: 12px;
}

.context-filter-content a {
    text-align: right;
}

.context-filter-info {
    margin-top: 17px;
}

.inline-msg {
    display: inline-block;
    font-weight: 700;
}

.success {
    color: #008000;
}

.waiting-blue {
    color: #4D90FE;
}

.error {
    color: red;
}

td.error,
input.error,
select.error,
input.error-add {
    border: 1px solid #e02222;
}

.error-block {
    color: #e02222;
    display: inline-block;
    /*padding-left: 5px;*/
    width: 100%;
}
.error-block.miiea {
    text-transform: lowercase;
}
.error-block.miiea::first-letter {
    text-transform: uppercase;
}

    .error-block.appr {
        color: #e02222;
        display: inline-block;
        width: 100%;
        font-size: 15px;
        font-weight:bold;
        padding-bottom: 10px;
    }

/*.error-block.inline {
    padding-left: 0px;
}

span.error-block {
    padding-left: 0px;
}*/

.modal-body .event-types {
    height: 350px;
    overflow-y: auto;
}

.submit-btn {
    height: 0px;
    width: 0px;
    display: none;
}

.datetime-picker-wrap {
    width: 225px;
}

.date-picker-input {
    width: 180px;
    margin: 0px !important;
    display: inline-block;
    cursor: default !important;
}

.report .btn {
    width: 130px;
}

.input-append {
    padding: 0px !important;
    position: relative;
    left: -2px;
    display: inline-block;
}

.date-picker-hidden {
    width: 0px;
    padding: 0px !important;
    margin: 0px !important;
    display: none !important;
}

.date-picker-wrap .date-picker-input {
    width: 100px;
}

.time-picker-wrap .date-picker-input {
    width: 90px;
}

.filter-settings {
}

    .filter-settings td {
        padding-right: 10px;
    }

        .filter-settings td .filter-buttons {
            margin-top: 17px;
            min-width: 180px;
        }

        .filter-settings td div.controls {
            margin-bottom: 0px!important;
        }

        .filter-settings td div.filter-buttons a.btn {
            border-color: white;
        }

.vert-borders {
    border-right: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}

.left-border {
    border-left: 1px solid #dddddd;
}

.right-border {
    border-right: 1px solid #dddddd;
}

td.btn-column {
    width: 85px;
    align-content: center;
    text-align: center;
    white-space: nowrap;
}

a.step-btn {
    width: 85px;
    white-space: nowrap;
}

.table-scrollable {
    max-height: 224px;
    overflow-y: auto;
    margin-top: 10px;
}

.m-wrap:disabled {
    background-color: #eeeeee!important;
}

.order-indicator {
    font-size: 16px;
    font-weight: bold;
    margin-right: 5px;
}

.order-switcher {
    height: 10px;
    font-size: 11px!important;
    line-height: 7px;
    padding: 3px 3px;
}

    .order-switcher.up {
        margin-bottom: 3px;
    }


.tag-list {
    max-height: 135px;
    overflow-y: auto;
}

.tag-list .tag-header {
    margin-right: 5px;
    font-weight: bold;
}

.tag-list .tag {
    color: #4a6b82;
    background-color: #E0EAF1;
    border-bottom: 1px solid #b3cee1;
    border-right: 1px solid #b3cee1;
        padding: 3px 4px;
    margin: 2px 2px 2px 0;
    text-decoration: none;
    font-size: 90%;
    line-height: 1.4;
    white-space: nowrap;
    display: inline-block;
}

    .tag-list .tag .tag-remove {
        margin-left: 4px;
    }

ul.tag-list {
    list-style: none;
}

.info-label {
    color: #999;
    font-style: italic;
}

.modal-body .search-box .m-wrap {
    height: 20px!important;
}

.escalation-levels-table .level-order-switcher {
    visibility: hidden;
}

.escalation-levels-table tr:hover .level-order-switcher {
    visibility: visible;
}

.list-filter-group {
    margin-top: -15px;
    margin-bottom: 5px;
}

i.filtered {
    color: #0362fd;
    opacity: 0.9;
}

.popover {
    max-width: 800px;
}

.modal-description {
    max-width: 400px;
}

th.sortable div.popover:before,
th.sortable div.popover:after,
th.sortable div.popover div:before,
th.sortable div.popover div:after {
    border-style: none !important;
}

.ng-table th {
    position: relative;
}

.ng-table th.sortable > div.popover {
    padding-right: 0;
    position: absolute;
}

.ng-table th.sortable div.popover > div {
    padding-right: 0;
}

.ng-table th.sortable div.popover-content div:after,
.ng-table th.sortable div.popover-content div:before {
    position: relative;
}

.ng-table th.filterable > div {
    margin-left: 12px;
}

.ng-table th.filterable > i {
    margin: 3px 5px 0 0;
    float: left;
    cursor: pointer;
}

body.modal-open .audit-events-list {
    min-height: 300px;
}

#selectedScenariosTable {
    margin-top: 10px;
}

    #selectedScenariosTable input,
    #selectedScenariosTable textarea {
        width: 350px;
        min-width: 300px;
        max-width: 500px;
        margin-bottom: 0px;
    }

    #selectedScenariosTable td.first {
        width: 85px;
    }

    #selectedScenariosTable td.second {
        width: 275px;
        min-width: 200px;
        max-width: 300px;
    }

div.confirm-modal {
    width: 450px !important;
    margin-left: -225px !important;
    top: 30% !important;
}

    div.confirm-modal .modal-body {
        font-size: 1.1em;
    }

div.audit-modal {
    width: 800px !important;
    margin-left: -400px !important;
    top: 15% !important;
}

div.assign-modal {
    top: 15% !important;
}

.no-wrap {
    white-space: nowrap;
}


#scenario-assign-table input[type="checkbox"] {
    margin: 0px;
}

#scenario-assign-table tbody tr td {
    position: relative;
}

    #scenario-assign-table tbody tr td i {
        margin: 3px;
        position: absolute;
    }

#scenario-assign-table i.red {
    color: firebrick;
}

#scenario-assign-table i.orange {
    color: darkorange;
}

#scenario-assign-table dl {
    width: 100%;
    margin: 0px!important;
}

#scenario-assign-table dt {
    float: left;
    clear: left;
    width: 10px;
}

#scenario-assign-table dd {
    padding-left: 10px;
    margin-left: 10px;
}

#instant-msg-table {
    margin-bottom: 5px;
    width: 960px;
}

    #instant-msg-table label {
        margin-top: 5px;
    }


ul.languages-list {
    list-style: none;
    font-size: 11px;
}

    ul.languages-list label {
        font-size: 12px;
    }

textarea.message-template {
    height: 200px;
}

.context-loading {
    margin-left: 5px;
}

textarea.disclaimer {
    /*max-width: 90%;*/
}

.token-errors {
    display: none;
    color: red;
}

.control-group .alert {
    margin-left: 240px;
}

.warning-icon {
    color: #c09853;
}

.error-icon {
    color: #e02222;
    font-size: 14px;
}

.alert-pending-approvals {
    color: black !important;
    background-color: yellow;
    border: yellow;
    margin-bottom: 0;
}

.alert-pending-approvals-a {
    font-size: 14px;
}

.alert .info-icon-sm {
    height: 20px;
    float: left;
    margin-right: 10px;
}

.preview-message {
    padding: 8px;
    border: 1px solid #eee;
    height: 270px;
    overflow-y: auto;
}

.wizard a {
    padding: 10px 12px 10px;
    margin-right: 5px;
    background: #efefef;
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    text-decoration: none;
}

    .wizard a:before {
        width: 0;
        height: 0;
        border-top: 20px inset transparent;
        border-bottom: 20px inset transparent;
        border-left: 20px solid #fff;
        position: absolute;
        content: "";
        top: 0;
        left: 0;
    }

    .wizard a:after {
        width: 0;
        height: 0;
        border-top: 20px inset transparent;
        border-bottom: 20px inset transparent;
        border-left: 20px solid #efefef;
        position: absolute;
        content: "";
        top: 0;
        right: -20px;
        z-index: 2;
    }

    .wizard a:first-child:before,
    .wizard a:last-child:after {
        border: none;
    }

    .wizard a:first-child {
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
    }

    .wizard a:last-child {
        -webkit-border-radius: 0 4px 4px 0;
        -moz-border-radius: 0 4px 4px 0;
        border-radius: 0 4px 4px 0;
    }

.wizard .info {
    margin: 0 5px 0 18px;
    position: relative;
    top: -1px;
}

.wizard a:first-child .info {
    margin-left: 0;
}

.wizard .current {
    background: #009bdf;
    color: #fff;
}

    .wizard .current:after {
        border-left-color: #009bdf;
    }

.wizard-list-filter-group {
    margin-top: 10px;
}

.wizard .search-box {
    margin-bottom: 10px;
}

.boxes {
    float: left;
    list-style: none;
    margin: 10px 0px 0px;
    padding: 0px;
    border: 1px solid #DAE1E8;
    background: #f5f5f5;
    display: block;
    width: 100%;
    height: 50px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .boxes .infographic-box {
        font-size: 1.4em;
        display: block;
        float: left;
        margin-right: 15px;
        margin-top: -5px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        -moz-border-radius: 50%;
        color: #fff;
    }

        .boxes .infographic-box.green-bg {
            background-color: #2ecc71 !important;
        }

        .boxes .infographic-box.yellow-bg {
            background-color: #f1c40f !important;
        }

        .boxes .infographic-box.emerald-bg {
            background-color: #3498db!important;
        }

    .boxes li {
        float: left;
        padding: 5px 0px;
        text-align: center;
        color: #444;
        font-size: 22px;
        line-height: 23px;
        width: 33.33%;
        border-right: 1px solid #DAE1E8;
    }

        .boxes li:last-child {
            border-right: 0px;
        }

    .boxes.four li {
        width: 24.5%;
    }

    .boxes.two li {
        width: 49.55%;
    }

    .boxes.one li {
        width: 100%;
    }

    .boxes .red {
        color: red;
    }

    .boxes .green {
        color: green;
    }

    .boxes li span {
        font-size: 11px;
        font-weight: normal;
        line-height: 16px;
        display: block;
        color: #666;
        white-space: pre;
        overflow: hidden;
    }

    .boxes .small {
        font-size: 16px!important;
    }


.form-horizontal.readonly .control-label {
    padding-top: 0px;
    margin-top: 0;
}

.form-horizontal.readonly .controls {
    color: #666;
}

.context-filter-list {
    list-style: none;
    margin: 0px;
    min-height: 100px;
    width: 110px;
}

    .context-filter-list li {
        padding-left: 5px;
        font-weight: normal;
        font-size: 12px;
    }

        .context-filter-list li i {
            visibility: hidden;
        }

        .context-filter-list li.active {
        }

            .context-filter-list li.active i {
                visibility: visible;
            }

        .context-filter-list li a {
            text-decoration: none;
        }

.batch-selection-states {
}

    .batch-selection-states .active {
        font-weight: bold;
    }

.collapsable {
    display: none;
}

.compare-container {
}

    .compare-container .parameter-label {
        font-weight: bold;
        color: #444;
    }

    .compare-container table {
        width: 100%;
        font-size: 11px;
        margin-bottom: 0px !important;
    }

        .compare-container table th {
            font-weight: normal;
            font-size: 12px!important;
            color: #444;
            text-align: center;
            padding: 3px !important;
        }

        .compare-container table td {
            padding: 2px;
        }

    .compare-container .new {
        background: #dff0d8;
    }

    .compare-container .edited {
        background: #ffc099;
    }

    .compare-container .deleted {
        background: #ffa5a5;
    }

    .compare-container span.changed {
        padding: 2px 5px;
    }

    .compare-container td.changed {
    }

div.small-modal {
    width: 420px !important;
    margin-left: -210px !important;
}

.small-modal .control-label {
    width: 90px;
}

.small-modal .controls {
    margin-left: 110px;
}

div.modal.big-modal {
    width: 900px;
    margin-left: -450px;
}

div.modal.verybig-modal {
    width: 1024px;
    margin-left: -510px;
}

.modal.big-modal .modal-body {
    max-height: 500px;
}

.brdl {
    border-width: 0px 0px 0px 1px;
    border-style: solid;
    border-color: #eee;
}

.brdb {
    margin-bottom: 7px;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #eee;
}

#proxyForm div.control-group {
    margin-bottom: 5px !important;
}

#proxyForm div.setup {
    margin-top: -10px;
}

#proxyForm a.test-conn-btn {
    margin-top: 5px;
}

    #proxyForm a.test-conn-btn[disabled] {
        margin-top: 5px;
        cursor: not-allowed;
    }

.portlet.box .form .form-actions.top-actions {
    margin-bottom: 10px!important;
    border-bottom: 1px solid #e5e5e5;
    padding-top: 10px;
    padding-bottom: 10px;
}

.spell-checker .spell-error {
    background-image: url('../img/wiggle.png');
    background-repeat: repeat-x;
    background-position: bottom;
    cursor: default;
    text-transform: none;
    text-align: start;
    direction: ltr;
    white-space: pre-wrap;
    zoom: 1;
}

.spell-checker .spell-text-editor {
    height: 160px;
    width: 100%;
    /*margin: 2px 2px 2px 3px;*/
    resize: none;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.spell-checker .spell-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 160px;
    width: 100%;
    padding: 6px;
    /*margin: 2px 2px 2px 3px;*/
    font-weight: normal;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    filter: none;
    font-size: 14px;
    flex-direction: column;
    color: rgb(0, 0, 0);
    background-color: #fff;
    background-repeat: repeat repeat;
    border: 1px solid #ccc;
    overflow: auto;
    overflow-y: auto;
    zoom: 1;
    cursor: text;
}

.spell-checker .spell-container.text-box {
    height: 34px;
}

.spell-checker .spell-suggestions {
    float: left;
    list-style: none;
    text-shadow: none;
    padding: 0px 0px 4px 0px;
    margin: 0;
    font-size: 14px;
    font-family: "Segoe UI",Helvetica,Arial,sans-serif;
}

    .spell-checker .spell-suggestions li > a {
        padding: 2px 13px 2px 13px;
        color: #333;
        text-decoration: none;
        display: block;
        clear: both;
        font-weight: normal;
        line-height: 18px;
        white-space: nowrap;
        cursor: pointer;
    }

        .spell-checker .spell-suggestions li > a:hover {
            text-decoration: underline;
        }

    .spell-checker .spell-suggestions li.divider {
        height: 1px;
        margin: 9px 1px;
        overflow: hidden;
        background-color: #e5e5e5;
        border-bottom: 1px solid #ffffff;
    }

.spell-check-single-body {
    height: 200px !important;
}

.spell-checker .message-body {
    height: 100px !important;
}

.ims-color-box {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-top: 3px;
    margin-bottom: -2px;
}

.select2-container .ims-color-box {
    margin-top: 5px;
}

.select2-drop .ims-color-box-name {
    display: inline;
    vertical-align: top;
}

.select2-container .ims-color-box-name {
    display: inline;
    vertical-align: top;
}

.invalid {
    color: #e02222;
}

.ivr-builder .ng-invalid,
.compose-message-page .ng-invalid {
    border-color: #e02222!important;
}

.compose-message-page .modalities-list {
    margin-top: 15px;
}

.modal form {
    margin: 0px;
}

.dropdown-fake {
    margin: 0;
    padding: 14px 12px 8px !important;
}

    .dropdown-fake i {
        font-size: 18px;
    }

    .dropdown-fake:hover {
        background-color: #333333 !important;
    }

    .dropdown-fake:active {
        outline: 0;
    }

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

div.flag {
    display: inline-block;
    margin-right: 5px;
}

span.label-error {
    margin-bottom: 10px!important;
}

.custom-label {
    margin-bottom: 3px!important;
}

table.table tbody tr td > input.center-cell {
    margin-left: 45%;
}

table.table tbody tr td > input[type="checkbox"] {
    margin-top: 0;
}

th.checkbox-clmn {
    width: 30px;
}

th.actions-clmn {
    width: 20%;
}

#lockbox-files ul li i.jstree-icon.jstree-ocl:empty {
    width: 0px!important;
}

#recipients-modal div.ajax-loader {
    margin-top: 40px;
}

#recipients-modal dl {
    margin-bottom: 10px;
    margin-top: 0px;
}

    #recipients-modal dl dt {
        width: 85px;
    }

    #recipients-modal dl dd {
        margin-left: 95px;
    }

.footer table {
    width: 100%;
}

    .footer table tr td {
        text-align: center;
    }

        .footer table tr td a,
        .footer table tr td span {
            white-space: nowrap;
        }

    span.go-top i {
        color: white !important;
        margin: 3px 0px !important;
    }

span.disabled {
    color: #666666;
    cursor: default;
}

.report-groups {
    margin-top: 20px;
}

table .refresh-column {
    display: inline;
}

table .refresh-btn {
    background: url(../img/refresh.png) no-repeat scroll center;
    height: 16px;
    width: 16px;
    float: right;
    cursor: pointer;
}

    table .refresh-btn.active {
        background: transparent url(../img/refresh_animated.gif) no-repeat scroll center;
    }

.shape-content .map {
    height: 400px;
    margin-bottom: 15px;
    border: 1px solid #c9c9c9;
}

.shape-content .search-box {
    margin-bottom: 10px;
}

.shape-content .control-group {
    margin-bottom: 0px!important;
}

.shape-content .controls {
}

    .shape-content .controls .file-info {
        margin-top: 5px;
    }

        .shape-content .controls .file-info .parsing-file-info {
            font-size: 11px;
            color: #444444;
        }

.shape-content .alert {
    margin-top: 10px;
    margin-bottom: 0px;
}

.shape-content .warning-section {
    margin-bottom: 20px;
}



.public-feed-editor .feed-url {
    margin-top: 5px;
}

.public-feed-editor .info-days {
    vertical-align: middle;
    line-height: 34px;
    margin-left: 5px;
}

.req-mark {
}

.ipaws-cog-editor .cert-name {
    margin-top: 5px;
}

.ipaws-cog-editor .remove-certificate {
    color: red;
    cursor: pointer;
    font-size: 16px;
    text-decoration: none;
    margin-left: 5px;
}

/* SMS Opt In styling */
.sms-event-tab table.table .colShortCode,
.sms-event-tab-oldIE table.table .colShortCode {
    width: 105px;
}

.sms-event-tab table.table .colEventCode,
.sms-event-tab-oldIE table.table .colEventCode {
    width: 270px;
}

.sms-event-tab table.table .colGroup,
.sms-event-tab-oldIE table.table .colGroup {
    width: 110px;
}

.sms-event-tab table.table .colActive,
.sms-event-tab-oldIE table.table .colActive {
    width: 65px;
}

.sms-event-tab table.table .colActions,
.sms-event-tab-oldIE table.table .colActions {
    width: 110px;
}

.sms-event-tab textarea.messageText,
.sms-event-tab-oldIE textarea.messageText {
    width: 94%;
    height: 50px;
}

.sms-event-tab .orRow div,
.sms-event-tab-oldIE .orRow div {
    min-height: 20px;
    height: 20px;
    font-size: 10px;
    text-align: center;
}

    .sms-event-tab .orRow div label,
    .sms-event-tab-oldIE .orRow div label {
        position: relative;
        top: -5px;
        left: -16px;
    }

.country-list li {
    float: left;
}

.message-country-list {
    margin-top: 10px;
    z-index: 10 !important;
}
.message-country-list li {
    float: left;
    padding-left: 3px;
    padding-right: 3px;
}

.sms-event-tab form.ng-dirty .ng-invalid,
.sms-event-tab form.ng-pristine .ng-invalid,
.sms-event-tab-oldIE form.ng-dirty .ng-invalid,
.sms-event-tab-oldIE form.ng-pristine .ng-invalid {
    border-color: #ccc !important;
}

.word-break {
    word-break: break-all;
    word-wrap: break-word;
    display: block;
}

table#scnTbl tbody tr td p {
    overflow: auto;
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
    -moz-binding: url('xbl.xml#wordwrap'); /* Firefox (using XBL) */
    hyphens: auto;
    -moz-hyphens: auto;
}

.infobox {
    /*display: inline-block;*/
    /*width: 260px;*/
    /*height: 80px;*/
    min-height: 68px!important;
    color: #555;
    background-color: #FFF;
    box-shadow: none;
    border-radius: 0;
    margin: -1px 0 0 -1px;
    padding: 8px 3px 6px 9px;
    border: 1px dotted;
    border-color: #D8D8D8 !important;
    vertical-align: middle;
    text-align: left;
    position: relative;
}

    .infobox > .infobox-icon {
        /*display: inline-block;*/
        vertical-align: top;
        width: 44px;
        float: left;
    }

        .infobox > .infobox-icon > .info-icon:before {
            font-size: 24px;
            display: block;
            padding: 6px 0 7px;
            width: 40px;
            text-align: center;
            border-radius: 100%;
            color: #FFF;
            color: rgba(255,255,255,.9);
            background-color: transparent;
            background-color: rgba(255,255,255,.2);
            text-shadow: 1px 1px 1px rgba(0,0,0,.14);
        }

        .infobox > .infobox-icon > .info-icon, .infobox > div > .infobox-icon > .info-icon {
            display: inline-block;
            height: 42px;
            width: 42px;
            margin: 0;
            padding: 1px 1px 0 2px;
            background-color: transparent;
            border-width: 0;
            text-align: center;
            position: relative;
            border-radius: 100%;
            -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,.2);
            box-shadow: 1px 1px 0 rgba(0,0,0,.2);
        }

    .infobox > .infobox-data {
        display: inline-block;
        border-width: 0;
        border-top-width: 0;
        font-size: 13px;
        text-align: left;
        line-height: 21px;
        /*min-width: 130px;*/
        padding-left: 8px;
        position: relative;
        top: 0;
    }

        .infobox > .infobox-data > .infobox-data-number {
            display: block;
            font-size: 22px;
            margin: 2px 0 4px;
            position: relative;
            text-shadow: 1px 1px 0 rgba(0,0,0,.15);
        }

        .infobox > .infobox-data > .infobox-text {
            display: block;
            font-size: 16px;
            margin: 2px 0 4px;
            position: relative;
            text-shadow: none;
        }

        .infobox > .infobox-data > .infobox-small {
            display: block;
            font-size: 12px;
            margin: 2px 0 4px;
            position: relative;
            text-shadow: none;
            white-space: nowrap;
            overflow-x: hidden;
            max-width: 150px;
        }

    .infobox .infobox-content {
        color: #555;
        max-width: 300px;
    }



    .infobox > .infobox-icon > .info-icon {
        display: inline-block;
        height: 42px;
        margin: 0;
        padding: 1px 1px 0 2px;
        background-color: transparent;
        border-width: 0;
        text-align: center;
        position: relative;
        border-radius: 100%;
        -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,.2);
        box-shadow: 1px 1px 0 rgba(0,0,0,.2);
    }

    .infobox > .infobox-icon.chart {
        width: 46px;
        height: 46px;
    }

.infobox-green {
    color: #9abc32;
    border-color: #9abc32;
}

    .infobox-green > .infobox-icon > .info-icon {
        background-color: #9abc32;
    }

.infobox-blue {
    color: #6fb3e0;
    border-color: #6fb3e0;
}

    .infobox-blue > .infobox-icon > .info-icon {
        background-color: #6fb3e0;
    }

.infobox-orange2 {
    color: #f79263;
    border-color: #f79263;
}

    .infobox-orange2 > .infobox-icon > .info-icon {
        background-color: #f79263;
    }

.infobox-blue2 {
    color: #3983c2;
    border-color: #3983c2;
}

    .infobox-blue2 > .infobox-icon > .info-icon {
        background-color: #3983c2;
    }

.infobox.span12 {
    margin-top: 10px;
}

.infobox .infbox-data .label {
    margin-left: 5px;
}

.infobox .empty-stat-info {
    text-align: center;
    padding: 15px;
}

    .infobox .empty-stat-info span {
        font-size: 14px;
    }

.circle {
    width: 44px;
    display: inline-block;
    position: relative;
    text-align: center;
}

    .circle strong {
        position: absolute;
        top: 5px;
        left: 0;
        width: 100%;
        text-align: center;
        line-height: 36px;
        font-size: 14px;
    }

    .circle.small {
        width: 36px;
    }

        .circle.small strong {
            line-height: 32px;
            font-size: 11px;
        }

.dashboard-actions {
    margin: 0 0 10px 0px;
}

    .dashboard-actions .btn {
        margin: 0 8px 8px 0;
        padding: 12px 45px;
    }

    .dashboard-actions .btn-group {
        margin-bottom: 0px!important;
    }

.dashboard-audit-filter {
    margin-bottom: 20px;
}

    .dashboard-audit-filter input {
        margin-right: 10px;
    }

    .dashboard-audit-filter .total-label {
        margin-top: 15px;
    }

.dashboard-pending-approvals {
    width: 100%;
    background-color: yellow;
}

.contact-point {
    margin-bottom: 15px;
}

    .contact-point select {
        width: 100% !important;
    }

    .contact-point .email {
        margin: 6px;
    }

    .contact-point .voice {
        margin: 6px;
    }

    .contact-point .email i.fa {
        color: #009900;
    }

    .contact-point .voice i.fa {
        color: #0066FF;
    }

    .contact-point .voice table {
        width: 100%;
    }

        .contact-point .voice table .country-code {
            width: 40px;
        }

        .contact-point .voice table .extension {
            width: 60px;
        }

            .contact-point .voice table .extension select {
                height: 34px;
            }

        .contact-point .voice table.header {
            width: 100%;
            font-size: 10px;
            line-height: 10px;
            margin-left: 10px !important;
        }

    .contact-point .cp-header {
        margin: 15px 0 20px 0;
    }

.contact-point .extra-setting {
    margin: 6px;
}

.contact-point .extra-setting .radio{
    margin: 0 6px 6px 6px;
}

.location-notset{
    color: gray;
    font-style: italic;
}

.nm {
    margin: 0px!important;
}

.nbm {
    margin-bottom: 0px !important;
}

.recipients .mdl-name {
    margin-left: 10px;
}

div.small-modal {
    width: 420px !important;
    margin-left: -210px !important;
}

.small-modal .control-label {
    width: 90px;
}

.small-modal .controls {
    margin-left: 110px;
}

.modal .info {
    color: #999;
    font-size: 11px;
}

.contact-modal .control-label {
    width: 150px !important;
    margin-right: 4px !important;
}

.big-modal .contact-modal .control-label {
    width: 170px !important;
}

.recipient-custom-fields {
}

    .recipient-custom-fields .control-group,
    .recipient-custom-fields .controls {
        display: flex;
        display: -ms-flexbox;
    }

    .recipient-custom-fields .control-label {
        word-break: break-all;
        word-wrap: break-word;
    }

    .recipient-custom-fields .controls {
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        flex-grow: 1;
        margin-left: 20px;
    }

    .recipient-custom-fields section + section {
        margin-top: 40px;
    }

    .contact-actions .btn {
        margin-left: 5px;
    }


#profilesTable.ng-table th.sortable > div.popover {
    width: 170px;
}

    #profilesTable.ng-table th.sortable > div.popover .context-filter-content {
        min-width: 150px;
    }

div.schedule-modal {
    width: 370px !important;
    margin-left: -185px !important;
}

.schedule-modal .form-horizontal .control-group {
    margin-bottom: 5px;
}

.schedule-modal p {
    width: 150px;
    text-align: right;
}

.schedule-modal .first {
    padding-top: 7px;
}

.schedule {
    padding-bottom: 10px;
}

    .schedule .picker {
        display: inline-block;
    }

div.profile-modal {
    width: 700px !important;
    min-height: 500px;
    margin-left: -350px !important;
}

    div.profile-modal > div.modal-body {
        min-height: 400px;
    }

    div.profile-modal > div.modal-body {
        overflow: -moz-scrollbars-vertical;
        overflow-y: scroll;
    }

    div.profile-modal .control-group {
        margin-bottom: 5px;
    }

    div.profile-modal .days .checkbox {
        width: 102px;
    }

    div.profile-modal .checkbox input[type="checkbox"] {
        margin-right: 5px;
    }

    div.profile-modal table.contact-points {
        width: 100%;
        margin-left: 5px;
    }

        div.profile-modal table.contact-points tbody tr td:first-of-type {
            font-size: 1.3em;
            color: #0d96d4;
        }

        div.profile-modal table.contact-points tbody tr td {
            padding-top: 3px;
            padding-bottom: 3px;
        }

#descrList h3 {
    background-color: #00539b;
    border-right: solid 2px #00539b;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: initial;
    padding: 5px 0px;
    cursor: pointer;
    margin-bottom: 0px;
    width: 100%;
}

    #descrList h3 > span {
        margin: 0px 5px;
    }

#descrList > div.row-fluid {
    padding-top: 10px;
    border: solid 1px #00539b;
    width: 100%;
    height: 100% !important;
}

#descrList input[readonly] {
    background-color: initial;
    cursor: default;
}

#descrList input[disabled] {
    background-color: #eee;
    cursor: not-allowed;
}

.profile-dropdown{
    min-width: 180px;
}

.inbox-badge {
    position: absolute;
    font-size: 11px !important;
    font-weight: 500;
    line-height: 16px;
    width: 28px;
    top: 4px;
    right: -10px;
    text-align: center;
    height: 14px;
    color: white;
    background-color: #72A300;
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 12px !important;
    text-shadow: none !important;

}

.announcements-badge{
    top: 8px;
    right: 2px;
}

.my-account-inbox {
    margin: 0;
    padding: 14px 12px 8px 12px!important;
}

    .my-account-inbox:hover {
        background: #e6e6e6 !important;
    }

    .my-account-inbox i {
        color: gray !important;
        font-size: 18px;
    }


.font16 {
    font-size: 16px;
}

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

.disclaimer-content {
    height: 300px;
    border: 1px solid #ddd;
    padding: 3px;
    overflow: auto;
    background-color: #FEFEFE;
    white-space: pre-wrap;
}

.page-sidebar .loading {
    float: right;
}

.page-sidebar .pointer i {
    color: white;
}

.form-section {
    color: #656565;
}




    .dashboard-custom-span-a:hover {
        text-decoration: underline;
    }

.dashboard-msg-table-latest-news {
    margin: 15px 0 0 0;
    border: hidden;
}

.dashboard-msg-table {
    margin: 15px 0 0 0;
    table-layout: fixed;
}

.dashboard-msg-table-msg-center {
    margin: 0 0 0 0;
}

    .dashboard-msg-table-msg-center tr:first-child td {
        border-top: none !important;
        padding-top: 0px !important;
    }

.dahsboard-chart {
    margin-bottom: 7px;
    margin-top: 10px;
}

.modal.group-modal {
    width: 700px;
    margin-left: -350px;
    word-break: break-word;
}

    .modal.group-modal .modal-body {
        max-height: 460px;
    }

.modal .form-horizontal .control-label {
    width: 110px;
}

.modal .form-horizontal .controls {
    margin-left: 120px;
}

.dropdown-menu > li > label {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
}

    .dropdown-menu > li > label:hover,
    .dropdown-menu > li > label:focus {
        text-decoration: none;
        color: #262626;
        background-color: #f5f5f5;
    }

.dropdown-menu > li > input:checked ~ label,
.dropdown-menu > li > input:checked ~ label:hover,
.dropdown-menu > li > input:checked ~ label:focus,
.dropdown-menu > .active > label,
.dropdown-menu > .active > label:hover,
.dropdown-menu > .active > label:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #428bca;
}

.dropdown-menu > li > input[disabled] ~ label,
.dropdown-menu > li > input[disabled] ~ label:hover,
.dropdown-menu > li > input[disabled] ~ label:focus,
.dropdown-menu > .disabled > label,
.dropdown-menu > .disabled > label:hover,
.dropdown-menu > .disabled > label:focus {
    color: #999999;
}

    .dropdown-menu > li > input[disabled] ~ label:hover,
    .dropdown-menu > li > input[disabled] ~ label:focus,
    .dropdown-menu > .disabled > label:hover,
    .dropdown-menu > .disabled > label:focus {
        text-decoration: none;
        background-color: transparent;
        background-image: none;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        cursor: not-allowed;
    }

.dropdown-menu > li > label {
    margin-bottom: 0;
    cursor: pointer;
}

.dropdown-menu > li > input[type="radio"],
.dropdown-menu > li > input[type="checkbox"] {
    display: none;
    position: absolute;
    top: -9999em;
    left: -9999em;
}

.dropdown-menu > li > label:focus,
.dropdown-menu > li > input:focus ~ label {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.dropdown-menu.pull-top {
    bottom: 100%;
    top: auto;
    margin: 0 0 2px;
    -webkit-box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.175);
}

.dropdown-menu.pull-center {
    right: 50%;
    left: auto;
}

.dropdown-menu.pull-middle {
    right: 100%;
    margin: 0 2px 0 0;
    box-shadow: -5px 0 10px rgba(0, 0, 0, 0.2);
    left: auto;
}

    .dropdown-menu.pull-middle.pull-right {
        right: auto;
        left: 100%;
        margin: 0 0 0 2px;
        box-shadow: 5px 0 10px rgba(0, 0, 0, 0.2);
    }

    .dropdown-menu.pull-middle.pull-center {
        right: 50%;
        margin: 0;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

.dropdown-menu.bullet {
    margin-top: 8px;
}

    .dropdown-menu.bullet:before {
        width: 0;
        height: 0;
        content: '';
        display: inline-block;
        position: absolute;
        border-color: transparent;
        border-style: solid;
        -webkit-transform: rotate(360deg);
        border-width: 0 7px 7px;
        border-bottom-color: #cccccc;
        border-bottom-color: rgba(0, 0, 0, 0.15);
        top: -7px;
        left: 9px;
    }

    .dropdown-menu.bullet:after {
        width: 0;
        height: 0;
        content: '';
        display: inline-block;
        position: absolute;
        border-color: transparent;
        border-style: solid;
        -webkit-transform: rotate(360deg);
        border-width: 0 6px 6px;
        border-bottom-color: #ffffff;
        top: -6px;
        left: 10px;
    }

    .dropdown-menu.bullet.pull-right:before {
        left: auto;
        right: 9px;
    }

    .dropdown-menu.bullet.pull-right:after {
        left: auto;
        right: 10px;
    }

    .dropdown-menu.bullet.pull-top {
        margin-top: 0;
        margin-bottom: 8px;
    }

        .dropdown-menu.bullet.pull-top:before {
            top: auto;
            bottom: -7px;
            border-bottom-width: 0;
            border-top-width: 7px;
            border-top-color: #cccccc;
            border-top-color: rgba(0, 0, 0, 0.15);
        }

        .dropdown-menu.bullet.pull-top:after {
            top: auto;
            bottom: -6px;
            border-bottom: none;
            border-top-width: 6px;
            border-top-color: #ffffff;
        }

    .dropdown-menu.bullet.pull-center:before {
        left: auto;
        right: 50%;
        margin-right: -7px;
    }

    .dropdown-menu.bullet.pull-center:after {
        left: auto;
        right: 50%;
        margin-right: -6px;
    }

    .dropdown-menu.bullet.pull-middle {
        margin-right: 8px;
    }

        .dropdown-menu.bullet.pull-middle:before {
            top: 50%;
            left: 100%;
            right: auto;
            margin-top: -7px;
            border-right-width: 0;
            border-bottom-color: transparent;
            border-top-width: 7px;
            border-left-color: #cccccc;
            border-left-color: rgba(0, 0, 0, 0.15);
        }

        .dropdown-menu.bullet.pull-middle:after {
            top: 50%;
            left: 100%;
            right: auto;
            margin-top: -6px;
            border-right-width: 0;
            border-bottom-color: transparent;
            border-top-width: 6px;
            border-left-color: #ffffff;
        }

        .dropdown-menu.bullet.pull-middle.pull-right {
            margin-right: 0;
            margin-left: 8px;
        }

            .dropdown-menu.bullet.pull-middle.pull-right:before {
                left: -7px;
                border-left-width: 0;
                border-right-width: 7px;
                border-right-color: #cccccc;
                border-right-color: rgba(0, 0, 0, 0.15);
            }

            .dropdown-menu.bullet.pull-middle.pull-right:after {
                left: -6px;
                border-left-width: 0;
                border-right-width: 6px;
                border-right-color: #ffffff;
            }

        .dropdown-menu.bullet.pull-middle.pull-center {
            margin-left: 0;
            margin-right: 0;
        }

            .dropdown-menu.bullet.pull-middle.pull-center:before {
                border: none;
                display: none;
            }

            .dropdown-menu.bullet.pull-middle.pull-center:after {
                border: none;
                display: none;
            }

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        border-top-left-radius: 0;
    }

    .dropdown-submenu > a:before {
        display: block;
        float: right;
        width: 0;
        height: 0;
        content: "";
        margin-top: 6px;
        margin-right: 6px;
        border-width: 4px 0 4px 4px;
        border-style: solid;
        border-left-style: dashed;
        border-top-color: transparent;
        border-bottom-color: transparent;
    }

    .dropdown-submenu > a:after {
        margin-right: -5px;
    }

@media (max-width: 767px) {
    .navbar-nav .dropdown-submenu > a:before {
        margin-top: 8px;
        border-color: inherit;
        border-style: solid;
        border-width: 4px 4px 0;
        border-left-color: transparent;
        border-right-color: transparent;
    }

    .navbar-nav .dropdown-submenu > a {
        padding-left: 40px;
    }

    .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > a,
    .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > label {
        padding-left: 35px;
    }

    .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > a,
    .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > label {
        padding-left: 45px;
    }

    .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a,
    .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > label {
        padding-left: 55px;
    }

    .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a,
    .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > label {
        padding-left: 65px;
    }

    .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a,
    .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > label {
        padding-left: 75px;
    }
}

.navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a,
.navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:hover,
.navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:focus {
    background-color: #e7e7e7;
    color: #555555;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:before {
        border-top-color: #555555;
    }
}

.navbar-inverse .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a,
.navbar-inverse .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:hover,
.navbar-inverse .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:focus {
    background-color: #080808;
    color: #ffffff;
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:before {
        border-top-color: #ffffff;
    }
}

.lng-change-indicator {
    line-height: 54px;
}

.filter-info span {
    display: inline-block;
}

.page-sidebar .loading {
    float: right;
}

.page-sidebar .pointer i {
    color: white;
}

/*  Red */
.btn.red {
    color: white;
    text-shadow: none;
    background-color: #bb2413;
    border: solid 1px #b93524;
}

    .btn.red:hover,
    .btn.red:focus,
    .btn.red:active,
    .btn.red.active,
    .btn.red[disabled],
    .btn.red.disabled {
        background-color: #d84a38 !important;
        color: #fff !important;
    }

.btn-reject, .btn-reject[disabled] {
    color: #3777bc;
    background-color: #fff;
    border-color: #c8c8c8;
}

.btn-reject[disabled]:hover {
    background-color: #fff;
    color: #3777bc;
    border-color: #c8c8c8;
}

.btn-reject:hover {
    background-color: #3777bc;
    color: #fff;
    border-color: #c8c8c8;
}

.form-guideline {
    position: absolute;
    left: 50%;
    margin-left: 100px;
    margin-top: 30px;
}

.chat-modal-guideline {
    margin-top: 20px;
}

@media (max-width: 980px) {
    .form-guideline {
        position: static;
        margin: 0;
    }
}

input.ng-pristine + .check-strength-password ul {
    display: none;
}

.check-strength-password ul {
    list-style: none;
    margin: 1px 0 0 0;
    padding: 0;
    vertical-align: 2px;
}

    .check-strength-password ul li {
        background: #DDD;
        border-radius: 2px;
        display: inline-block;
        height: 5px;
        margin: 0;
        width: 20%;
    }

.dropdown-submenu.pull-center {
    float: none;
}

    .dropdown-submenu.pull-center > .dropdown-menu {
        border-radius: 6px 0 6px 6px;
        left: 0;
        margin-left: 30px;
        margin-top: 30px;
    }

        .dropdown-submenu.pull-center > .dropdown-menu li > a {
            padding-right: 10px;
        }

div.alternateSearchGroup {
    background-color: #f9f9f9;
}

.nav.nav-tabs li.disabled a {
    cursor: not-allowed!important;
    background-color: #eee;
}

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



#addntLabels {
    overflow-y: auto;
    overflow-x: hidden;
}

.disabled-user-warning {
    color: #bb2413;
    font-size: 11px;
}


td.wide, th.wide {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.languages-table {
    table-layout: fixed;
}

.languages-table td.flag-icon {
    width: 60px;
    text-align: center;
}

.inline {
    display: inline;
}

.progressBar .filler {
    height: 26px;
}

.progressBar .body {
    height: 20px;
    cursor: default;
    border-top: 1px solid silver;
    background-color: white;
    padding: 2px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
}

.progressBar i.fa-times {
    cursor: pointer;
    margin-right: 10px;
}

.progressBar .progress{overflow:hidden;height:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);margin-bottom:0px !important}
.progressBar .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}
.progressBar .progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}
.progressBar .progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}
.progressBar .progress-bar-success{background-color:#5cb85c}
.progressBar .progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}
.progressBar .progress-bar-info{background-color:#5bc0de}
.progressBar .progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}
.progressBar .progress-bar-warning{background-color:#f0ad4e}
.progressBar .progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}
.progressBar .progress-bar-danger{background-color:#d9534f}
.progressBar .progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}


.group-gritter-title {
    font-weight: normal;
}

.audit-change-label {
    vertical-align: top;
}

.audit-change-value {
    display: inline-block;
    vertical-align: bottom;
    word-break: break-all;
    word-wrap: break-word;
}

.disclaimer-self-update {
    max-height: 250px;
    overflow-y: auto;
}

.location-map {
    height: 350px;
    width: 100%;
}

.send-action {
    white-space:nowrap;
}

.checkboxes-list {
    float:left;
    width:250px;
}

.checkboxes-list label.checkbox {
    overflow: hidden;
    text-overflow: ellipsis;
}

.checkboxes-list input[type="checkbox"] {
    float:left;
}

.checkboxes-list span {
    vertical-align:top;
}

.checkboxes-list span.device-label-container {
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
}

.send-message-labels {
}

.send-message-labels input[type="radio"] {
    margin-right: 10px;
}

.send-message-labels .filter {
    margin-top: 7px;
    margin-bottom: 7px;
}

.send-message-labels .alert {
    margin-left: 0px;
    margin-top: 7px;
}

.send-message-labels ul {
    list-style: none;
    margin-left: 0px;
}

.send-message-labels .loader {
    margin-top: 5px;
    color: #808080;
}

.send-message-summary {
    /*padding-left: 6px;*/
    /*border-left: 5px solid #eeeeee;*/
    list-style: none;
    margin-top: 7px;
}
.send-message-summary i {
    color: #808080;
    margin-right: 6px;
}

.send-message-summary li {
    margin-bottom: 3px;
}

.send-message-summary .summary-label {
    color: #808080;
    width: 120px;
}

.send-message-summary .summary-label.no-flag {
    margin-left: 20px;
}

.send-message-summary .summary-text {
    margin-left: 19px;
    margin-right: 10px;
    display: inline-block;
}

.send-message-summary .summary-table {
    width: 100%;
    margin-left: 19px;
    display: inline-block;
}

.send-message-summary .summary-table td.counts-row{
    width: 1%;
    text-align: right;
}

.info-header {
    color: #656565;
}

div.form-section {
    font-weight: 600;
    font-size: 14px;
    padding: 7px 7px;
}

.collapsable-section {

}

.collapsable-section .form-section {
}
.collapsable-section .form-section i {
    margin-left: 5px;
}

.collapsable-section .form-section:hover  {
    background-color: #F0F0F0;
}

.collapsable-section label {
    font-weight: 600;
    display: inline-block
}

a.toggle-details {
    font-size: 12px;
    font-weight: normal;
}

.lng-picker {
    margin-right: 10px;
    margin-bottom: 4px;
    position: relative;
}

    .lng-picker .error-icon {
        position: absolute;
        top: -10px;
        right: -10px;
        height: 14px;
        font-size: 18px !important;
        font-weight: 300;
    }

    .lng-picker .badge {
        position: absolute;
        font-size: 11px !important;
        font-weight: 300;
        top: -10px;
        right: -10px;
        text-align: center;
        height: 14px;
        background-color: #e02222;
        padding: 2px 6px 2px 6px;
        -webkit-border-radius: 12px !important;
        -moz-border-radius: 12px !important;
        border-radius: 12px !important;
        text-shadow: none !important;
    }

.send-message-selection .linkselected > td {
    color: #fff;
    background-color: #009bdf !important;
    cursor: default;
}  

.phone-table {
    width: 100%;
}

.phone-table input[type="text"] {
    margin-left: 2px;
}

.phone-table td.extension {
    width: 60px;
}

.feature-list {
    list-style: none;
}

.feature-list li {
    /*padding: 6px 0*/
    margin-bottom: 10px;
}

    .feature-list .feature-summary {
        padding-left: 6px;
        padding-right: 10px;
        font-size: 12px;
        margin-left: 24px;
        color: #888;
        border-left: 4px solid #eeeeee;
    }

    .feature-summary .form-horizontal {
        margin-left: 0;
    }

    .feature-summary .form-horizontal .control-group {
        margin-top: 5px;
        margin-bottom: 0px;
    }

    .feature-summary .form-horizontal .control-label {
        width: 160px;
        padding-top: 0px;
        margin-top: 0px;
        text-align: left;
    }

    .feature-summary .form-horizontal .controls {
        margin-left: 40px;
    }

.conf-bridge-feature {

}

.static-label {
    line-height: 34px;
}

.conf-bridge-feature .static-label {
    width: 225px;
    float: left;
}

.conf-bridge-feature .send-flag {
    margin-left: 15px !important;
}

.feature-editors-list {
    padding-bottom: 20px;
}

.feature-editors-list .form-section {
    padding: 0 7px;
    border-bottom-width: 0px;
    margin: 25px 0 7px 0 !important;
}

.feature-editors-list .feature-editor {
    border-bottom: 1px solid #eee;
}

.feature-editors-list .feature-editor .feature-content {
}

.ng-fadeIn-animation.ng-enter {
   animation: fadeInLeft .6s;
}

.ng-fadeIn-animation.ng-leave {
  animation: fadeOutLeft .4s;
}

.ng-fade-animation.ng-enter {
   animation: fadeIn .1s;
}

.ng-fade-animation.ng-leave {
  animation: fadeOut .1s;
}

.summary-section {
    margin-bottom: 15px;
    padding: 6px 0 6px 6px;
    border: 1px solid #E6E6E6;
    background: #FAFAFA;
}

.summary-section .info-header {
    margin-bottom: 6px;
}

.summary-section .info-header a {
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}

.summary-section span.empty-list {
    display: inline-block;
    text-indent: 24px;
}

.w-100 {
    width: 100%;
}

#summary-sidebar {
    padding-right: 10px;
    /*-moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;*/
}

.is_stuck {
    margin-top: 80px;
}

.message-templates-list {
    width: 100%;
}

.message-templates-list .template-device {
    text-transform: capitalize;
    margin-right: 6px;
}

.message-templates-list select {
    margin-bottom: 7px;
}

textarea.message-body {
    height: 100px!important;
    resize: none;
}

textarea.message-body.single {
    height: 200px!important;
}

textarea.message-body.small {
    height: 60px !important;
    width: 100% !important;
}

.controls .input span {
    line-height: 34px;
}

.emailPrefix {
    width: 500px !important;
}

a.selected {
    font-weight: bold;
}

.p-b-15 {
    padding-bottom: 15px;
}

.send-message-attachments .uploadify-queue {
    display:none;
}

.send-message-attachments .progress-bar {
    /*height: 10px;*/
}

.send-message-attachments .attachments {
    list-style: none;
    margin-left: 0px;
}

.send-message-attachments .attachments td {
    padding-bottom: 2px;
    padding-right: 5px;
}

.send-message-attachments .attachments td.actionsColumn {
    min-width: 80px;
}

.send-message-attachments .attachments td .attachment-status {
    color: #808080;
    font-size: 12px;

}

.send-message-attachments .attachments td .attachment-icon {
    color: #808080;
}

.send-message-attachments .attachments td .progress {
    margin-top: 5px;
}

.alert-links-lockbox-modal {
    overflow-x: hidden;
}

.alert-links-lockbox-modal #lockbox-folders {
    margin: 20px 10px;
    max-height: 235px;
    overflow-x: auto;
}

.alert-links-lockbox-modal table {
    margin: 20px;
}

.alert-links-lockbox-modal table td.lbl {
    color: #808080;
    padding-right: 5px;
}

.alert-links-lockbox-modal table td.value {
    font-weight: bold;
}

.preview-template {
    cursor: pointer;
}

.template-preloader {
    padding: 40px;
    text-align: center;
    line-height: 40px;
}

.expires-field {
    width: 100%;
}

.expires-field .info {
    width: 30px;
}

.expires-field select {
    width: 100%;
}

.ipaws-editor .control-label {
    width: 100px;
}

.ipaws-editor .controls {
    margin-left: 120px;
}

.select-groups-page .checkbox {
    margin-top: 8px;
}
.map-location {
}

.map-location .map {
    min-height: 575px;
    width: 100%;
    height: 100%;
    margin-bottom: 15px;
    border: 1px solid #c9c9c9;
}

.sent-messages.map-location .geofence-summary {
    list-style-type: none;
}

.map-location .locations .control-label {
    width: 90px;
}

.map-location .locations .controls {
    margin-left: 110px;
}

.map-location .coord-dmz select {
    float: left;
    width: 50px;
    height: 34px;
    margin-right: 5px;
}

.map-location .coord-dmz input {
    float: left;
    max-width: 50px;
}

.map-location .coord-dmz span {
    float: left;
    margin-right: 5px;
}

.map-location .shape-buttons-group {
    margin-bottom: 15px;
}

.map-location .shape-btn {
    height: 46px;
}

.map-location .shape-btn:focus,
.map-location .shape-btn:active {
    background-color: #0d96d4!important;
    border: solid 1px #0d96d4;
}

.map-location .shape-btn img {
    width: 32px;
}

.alert.alert-info.locations {
    margin-top: 15px;
}

option.selected {
    font-weight: bold;
}

.table tr.selected {
    background: #FFFFCC;
}

.recipient-locations-section select {
    width: 100px;
}

.divPlaceMarkControl {
    border-top: 1px solid #bbb;
    padding: 5px;
    margin-top: 10px;
}

.fa.red {
    color: #d84a38;
}

.fa.green {
    color: #2ecc71;
}

.fa.orange {
    color: #ff8c00;
}

#sent-message-details .sent-message-message-section .form-section {
    color: inherit;
}
#sent-message-details .sent-message-message-section .send-message-summary .message-body {
    padding: 0px;
}

#sent-message-details .sent-message-summary-statistics .sent-message-recipients-statistic .infobox,
#sent-message-details .sent-message-summary-statistics .sent-message-contact-points-statistic .infobox,
#sent-message-details .sent-message-gwb-statistic .sent-message-gwb-section-data .sent-message-gwb-statistics .gwbAnswersCountContainer .infobox
{
    background-color: inherit;
    border:0px;
}

#sent-message-details .sent-message-statistics-section .form-section,
#sent-message-alert-group-details .form-section,
#sent-message-details .sent-message-features {
    color:inherit;
}

#sent-message-details .sent-message-sender-section .sender-section .sent-message-groups-info a {
    font-size:12px;
}
#sent-message-details .sent-message-groups-info .sent-message-summary-groups,
#sent-message-details .sent-message-groups-info .show-hide-all-groups
{
    padding-left:24px;
}
#sent-message-details .sent-message-groups-info .sent-message-summary-groups {
    max-height:80px;
    overflow-y: auto;
}

#sent-message-details .sent-message-gwb-statistic .sent-message-gwb-section-data .sent-message-gwb-statistics .gwbAnswersCountContainer{
    width: 240px;
}

#sent-message-details .sent-message-gwb-statistic .sent-message-gwb-section-data .sent-message-gwb-statistics .gwbChartContainer {
    width:150px;
}
#sent-message-details .sent-message-gwb-statistic .sent-message-gwb-section-data .sent-message-gwb-statistics .gwbChartContainer .chart {
    width:150px;
    height:150px
}

.gwbChartContainerSmall {
    width:65px;
}

#gwbChartLegend ul {
    margin: 0px;
}
    #gwbChartLegend ul li {
        font-size:13px;
        line-height: 15px;
        padding: 0px 0px 0px 20px;
        margin-bottom: 3px;
        list-style-type: none;
    }
    #gwbChartLegend ul li div.segmentColor {
        width: 10px;
        height: 10px;
        margin: 3px 5px 0px 0px;
        float: left;
    }
    #gwbChartLegend ul li div.segmentLabel {
        overflow: hidden;
    }

    #gwbChartTooltip {
        opacity: 1;
        position: absolute;
        background: rgba(0, 0, 0, .7);
        color: white;
        padding: 3px;
        border-radius: 3px;
        -webkit-transition: all .1s ease;
        transition: all .1s ease;
        pointer-events: none;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    #gwbChartTooltip.below {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    #gwbChartTooltip.below:before {
        border: solid;
        border-color: #111 transparent;
        border-color: rgba(0, 0, 0, .8) transparent;
        border-width: 0 8px 8px 8px;
        bottom: 1em;
        content: "";
        display: block;
        left: 50%;
        position: absolute;
        z-index: 99;
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
    }
    #gwbChartTooltip.above {
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
    }
    #gwbChartTooltip.above:before {
        border: solid;
        border-color: #111 transparent;
        border-color: rgba(0, 0, 0, .8) transparent;
        border-width: 8px 8px 0 8px;
        bottom: 1em;
        content: "";
        display: block;
        left: 50%;
        top: 100%;
        position: absolute;
        z-index: 99;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

#sent-message-details .sent-message-features li.feature-list {
    margin-bottom: 10px;
}

#sent-message-details .sent-message-features li {
    list-style-type: none;
    margin-bottom: 0px;
}

#sent-message-details .sent-message-features li.inactive {
    color: #ccc;
    margin-top: 0px;
}
#sent-message-details .sent-message-features li.feature-list.inactive {
    margin-bottom: 0px;
}
    #sent-message-details .sent-message-features li i {
        width:10px;
    }
    #sent-message-details .sent-message-features li.inactive i {
        color:#ccc;
    }

#sent-message-details .sent-message-features .feature-list .feature-summary {
    color: inherit;
    padding-left: 20px;
    margin-left: 23px;
}

.messagehistorydetails .sent-message-details-auto-refresh {
    float: right;
    padding-top: 5px;
}
.messagehistorydetails .sent-message-details-auto-refresh div {
    display: inline-block;
}
.messagehistorydetails .sent-message-details-auto-refresh div.auto-refresh-title {
    margin-right: 5px;
}
.messagehistorydetails .sent-message-details-auto-refresh div.auto-refresh-title span.loader {
    margin-right: 8px;
}
.messagehistorydetails .sent-message-details-auto-refresh div.auto-refresh-title span img {
    margin-top: -5px;
}
.messagehistorydetails .sent-message-details-auto-refresh div.auto-refresh-toggle i {
    font-size:20px;
    cursor:pointer;
    vertical-align: -2px;
}
.messagehistorydetails .sent-message-details-auto-refresh div.refresh-title {
    margin-top: -5px;
}

.messagehistorydetails .sent-message-details-auto-refresh div.auto-refresh-toggle i.active {
    color: #00539b;
}
.messagehistorydetails .sent-message-details-auto-refresh div.auto-refresh-toggle i.inactive {
    color: #aaa;
}

.modal-details {
}

.modal-details .control-group {
    margin-bottom: 0px;
}

.jstree-loading-icon {
    position: relative;
    top: 4px;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 2px;
    background: url('../img/jstree/throbber.gif') center center no-repeat;
}

.wrapped-text,
.attachment-name {
    word-wrap: break-word;
    word-break: break-all;
    display: inline-block;
}

.fba-default-setting-box {
    display: inline-block;
    width: 475px;
    padding: 10px;
    margin-bottom: 10px;
    margin-right: 20px;
    vertical-align: top;
    border: 1px solid #ddd;
}

.table-no-pagination tfoot {
    display: none;
}

.sent-message-transaction-trace .trace-preformatted-container {
    width: 97%;
    height: 100px;
    overflow: auto;
    text-align: left;
    white-space: pre-line;
}

.btn.small.transaction-trace-reload {
    margin-top: -3px;
}

.sent-message-transaction-trace .transaction-trace-time {
    font-size: 12px;
}

.mai-box {

}
.mai-box .message {
    padding: 30px;
}
.mai-box .message .subject {
    font-size: 24px;
    color: #656565;
}

#sent-message-details-recipient-status th i.filter-button {
    margin: 3px 5px 0 0;
    float: left;
    cursor: pointer;
    display: block;
    position: relative;
    z-index: 1000;
}

#sent-message-details-recipient-status th.filterable.sortable .sort-button {
    padding-right: 25px;
}

.recipient-status-filter-model form .user-error {
    border: 1px solid red;
}

.recipient-status-filter-model .recipient-filter-search-criteria {
    width:290px;
    margin-bottom: 5px;
}

#sent-message-details-recipient-status .recipient-status-table-top {
    height: 45px;
    vertical-align: bottom;
    margin-top: 10px;
}

/*#sent-message-details-recipient-status .infobox {
    width: 380px;
    margin-top: 0px;
}*/

#sent-message-details-recipient-status .recipient-status-table-top .button-controls {
    height: 40px;
}

.save-recipients-to-group .save-to-new-group span.title {
    width: 100px;
    display: inline-block;
    line-height: 32px;
}

.save-recipients-to-group .save-to-new-group input.group-name,
.save-recipients-to-group .save-to-new-group input.group-description {
    width: 750px;
}
.save-recipients-to-group .save-to-new-group input.group-name {
    margin-bottom: 0px;
}

.save-recipients-to-group .save-to-new-group span.error {
    padding-left: 105px;
    display: inline-block
}

.save-recipients-to-group .save-to-new-group span.error {
    padding-left: 105px;
    display: inline-block
}

.save-recipients-to-group .save-to-new-group .group-description-container {
    margin-top: 5px;
}

.modal.save-recipients-to-group-modal .modal-body {
    padding-bottom: 0px;
    padding-top: 5px;
    max-height: 580px;
}

.modal.save-recipients-to-group-modal .modal-body .table {
    margin-bottom: 5px;
}

.modal.save-recipients-to-group-modal .save-to-existing-groups .group-selection-list-table-container {
    height: 225px;
    overflow: auto;
}

.btn.snd-msg-btn .tooltip.in {
    opacity: 1 !important;
}

.btn.snd-msg-btn .tooltip.top {
    margin-top: -10px;
}

.btn.snd-msg-btn i {
    font-size: 16px;
    z-index: 2;
}

.map-location .select2-search-choice div{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

.sent-messages {
    overflow-x: auto;
}

.sent-messages .sent-messages-table tbody td.group-list-cell {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sent-messages .sent-messages-table tbody td.group-list-cell div {
    max-height: 150px;
    overflow: auto;
}

.save-recipients-to-group .save-to-new-group .error-block {
    padding-left: 105px;
    width: 700px;
}

#sent-message-details-delivery-statistics .sent-message-recipients-statistic .infobox-data {
    width: 240px;
}

#sent-message-details-delivery-statistics .sent-message-recipients-statistic .infobox a {
    white-space: inherit;
}

.alert-group-messages .ajax-loader {
    position: absolute;
    top: 40%;
}

.audio-library-voice-rec .ajax-loader {
    position: absolute;
    top: 40%;
    left: 40%
}

td.sent-message-list-message-body {
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
}

ul.gritter-group-list {
    max-height: 200px;
    overflow: auto;
    width: auto;
    list-style-position: inside;
    margin-left: 10px;
}

ul.gritter-group-list li {
    font-weight: bold;
}

.sent-message-transaction-trace .status-tooltip {
    cursor: help;
}

.stick-to-bottom {
    position: relative;
}

.select-files-page .jstree-container-ul{
    max-width:300px;
}

.select-files-page .jstree-anchor{
    max-width: 300px;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* -------------------- Audio Library -------------------- */


/* ----- <Message History> ----- */

.display-11px-higher  {
    position: relative;
    top: -11px;
}

/* ----- </Message History> ----- */

/* ----- Generics ----- */

.block {
    display: block;
}

.border-top {
    border-top: 1px solid rgb(195, 195, 195);
}

.center {
    margin: auto;
}

.full {
    box-sizing: border-box;
    width: 100%;
}

.hide-desktop {
    display: none;
    visibility: hidden;
}

.h-2em {
    height: 2em !important;
}

.h-6em {
    height: 6em !important;
}

.inline {
    display: inline;
}

.m-top-none {
    margin-top: 0;
}

.m-top-small {
    margin-top: .25em;
}

.m-top-1 {
    margin-top: 1em;
}

.m-top-2 {
    margin-top: 2em;
}

.m-top-3 {
    margin-top: 3em;
}

.m-right-small {
    margin-right: .15em;
}

.m-right-medium {
    margin-right: .5em;
}

.m-right-1 {
    margin-right: 1em;
}

.m-bottom-none {
    margin-bottom: 0 !important;
}

.m-bottom-small {
    margin-bottom: .5em;
}

.m-bottom-1 {
    margin-bottom: 1em;
}

.m-bottom-2 {
    margin-bottom: 2em;
}

.m-left-small {
    margin-left: .15em;
}

.m-left-1 {
    margin-left: 1em;
}

.m-left-2 {
    margin-left: 2em;
}

.no-resize {
    resize: none;
}

.opacity-0 {
    cursor: auto;
    opacity: 0;
}

.right {
    float: right;
}

.lowercase {
    text-transform: lowercase;
}

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

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

.text-wrap {
    word-wrap: break-word;
}

.v-top {
    vertical-align: top;
}

.v-middle {
    vertical-align: middle;
}

.v-bottom {
    vertical-align: bottom;
}

/* ----- Text ----- */

.error-text {
    color: rgb(215, 215, 215);
    font-family: 'Open Sans';
    font-size: 3em;
    font-weight: bolder;
    text-align: center;
}

.error-text--small {
    color: rgb(195, 195, 195);
    font-family: 'Open Sans';
    font-size: 1.5em;
    text-align: center;
}

.sort-by {
    cursor: pointer;
}

.sort-by:hover > span {
    color: rgb(13, 150, 212);
    position: relative;
}

.sort-by:not(:hover) > span:before, .sort-by:not(:hover) > span:after {
    display: none;
    visibility: hidden;
}

.sort-by:hover > span:before, .sort-by > span:after {
    content: "";
    border-width: 0 4px 4px;
    border-style: solid;
    border-color: #000 transparent;
    visibility: visible;
    right: -14px;
    top: 49%;
    position: absolute;
    opacity: .3;
    margin-top: -4px;
}

.sort-by:hover > span:before {
    margin-top: 2px;
    border-bottom: none;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000;
}

.sort-by.asc:hover > span:before, .sort-by.desc > span:after {
    opacity: 0;
}

/* ----- Buttons ----- */

.btn.green:hover {
    background-color: #0a8f45 !important;
    border-color: #0a8f45;
}

.btn-icon {
    background-color: transparent !important;
    cursor: pointer;
    font-size: 13px;
    height: 34px;
    min-width: 34px;
}

.btn-icon i {
    font-size: 13px;
    vertical-align: middle;
}

.btn-icon--default {
    border: none;
    color: rgb(13, 150, 212);
}

.btn-icon--default:hover {
    color: rgb(0, 83, 155);
}

.btn-icon--default:focus {
    outline: 0;
}

.btn-icon--small i {
    font-size: 1em;
}

.btn-icon--large i {
    font-size: 2em;
}

.btn-icon--bordered {
    border: 1px solid rgb(13, 150, 212);
    color: rgb(13, 150, 212);
    padding: .25em;
}

.btn-icon--bordered:hover {
    background-color: rgb(13, 150, 212);
    color: rgb(255, 255, 255);
}

.btn-icon--bordered:focus {
    outline: 0;
}

.btn-icon--bordered--selected {
    border: 1px solid rgb(0, 83, 155);
    color: rgb(0, 83, 155);
}

.btn-icon--selected {
    color: rgb(0, 83, 155);
}

.selected {
    color: rgb(0, 83, 155);
}

.btn-xs {
    min-width: 5em;
    width: 5em;
}

.btn-s {
    min-width: 12em;
    width: 12em;
}

.btn-m {
    min-width: 15em;
    width: 15em;
}

.btn-disabled {
    background-color: rgb(133, 133, 133) !important;
    border: rgb(133, 133, 133) !important;
    opacity: .5;
    cursor: default;
}

.btn-disabled:hover {
    background-color: rgb(133, 133, 133) !important;
}

.btn-action-disabled {
    background-color: rgb(133, 133, 133) !important;
    opacity: .5;
    cursor: default;
    color: rgb(255, 255, 255);
}

.btn-action-disabled:hover {
    background-color: rgb(133, 133, 133) !important;
}
/* ----- Inputs ----- */

.dialog-input {
    height: 2em !important;
}

.dialog-textarea {
    height: 6em;
    resize: none;
}

.dialog-input, .dialog-textarea {
    box-sizing: border-box;
    width: 100%;
}

.input-error--red {
    border-color: rgb(224, 34, 34) !important;
}

.input-error--red:focus {
    outline: 0 !important;
    box-shadow: none !important;
}

.v-center-radio {
    margin-top: 0 !important;
}

/* ----- Modals ----- */

.header-blue {
    background-color: rgb(0, 83, 155);
}

.header-blue > h4, .header-blue .fa-times {
    color: rgb(255, 255, 255);
    font-weight: normal;
}

.header-blue .fa-times:hover {
    color: rgb(13, 150, 212);
}

.modal-large .modal-body {
    max-height: 900px;
    overflow: auto;
}

.modal-body--loading {
    min-height: 40px;
}

.modal-body-response {
    position: relative;
    max-height: 400px;
    padding: 15px;
    overflow-x: hidden;
    overflow-y: hidden;
}

.modal-footer input[type="checkbox"] {
    margin-top: 0px;
}

/* ----- Visual Containers ----- */

.thumbnail {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(195, 195, 195);
    box-sizing: border-box;
    min-height: 0;
    padding: 1em;
}

.thumbnail-section {
    box-sizing: border-box;
    margin-top: 1em;
    padding-top: 1em;
}

.portlet-footer {
    background-color: rgb(245, 245, 245);
    box-sizing: border-box;
    border-top: 1px solid rgb(195, 195, 195);
    margin: 1em -10px -10px -10px;
    padding: 1.5em;
}

a.disabled {
    color: #ABABAB;
    pointer-events: none;
}

.stockLibFlagColumn {
    min-width: 175px;
}

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

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

.overflow-x--auto {
    overflow-x: auto;
}

.radio.inline {
    display: inline-block !important;
}

a.disabled {
    cursor: not-allowed;
    pointer-events: none;
    color: grey;
}


.role-list {
    list-style: none;
    margin-right: 10px;
}

    .role-list li {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .role-list .role-summary {
        margin-left: 17px;
    }

        .role-list .role-summary .role-summary-label {
            font-size: 12px;
            color: #888;
            margin-bottom: 0px;
        }

.role-summary .role-summary-label {
    display: block;
}

.role-summary-modal {
    max-height: 250px;
    height: 250px;
    overflow-y: scroll;
}

.edit-role-page {
}

    .edit-role-page .edit-role-tabs {
        margin-top: 15px;
    }

.section .control-label {
    margin-top: 0px;
    padding-top: 0px;
}

.section .section-group {
    margin-bottom: 15px;
}

.section-group + .section-group {
    margin-bottom: 15px;
}

.section-group:last-child {
    margin-bottom: 0;
}

.section-group .inline {
    display: inline-block;
}

    .section-group .inline + .inline {
        margin-left: 5px;
    }

.section [class*="col"] [class*="span"] {
    min-height: 20px;
}

.col2 {
    -webkit-columns: 100px 2;
    -moz-columns: 100px 2;
    columns: 100px 2;
}

.col3 {
    -webkit-columns: 100px 3;
    -moz-columns: 100px 3;
    columns: 100px 3;
}

.col-break-inside {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.m-l-5 {
    margin-left: 5px;
}

.m-l-10 {
    margin-left: 10px;
}

.m-l-15 {
    margin-left: 15px;
}

.m-l-20 {
    margin-left: 25px;
}

.m-l-25 {
    margin-left: 25px;
}

.m-r-3 {
    margin-right: 3px;
}

.m-r-5 {
    margin-right: 5px;
}

.m-r-10 {
    margin-right: 10px;
}

.m-r-15 {
    margin-right: 15px;
}

.m-r-20 {
    margin-right: 20px;
}

.m-r-25 {
    margin-right: 25px;
}

.m-b-0 {
    margin-bottom: 0px;
}

.m-b-5 {
    margin-bottom: 5px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-15 {
    margin-bottom: 15px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-b-25 {
    margin-bottom: 25px;
}

.m-b-50 {
    margin-bottom: 50px;
}

.m-t-5 {
    margin-top: 5px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-t-15 {
    margin-top: 15px;
}

.m-t-30 {
    margin-top: 30px;
}

.p-l-20 {
    padding-left: 20px;
}

.colon::after {
    content: ':'
}

.comma::after {
    content: ',';
}

.search-box .search-box-input {
    height: 34px;
    vertical-align: top;
    margin-bottom: 0px;
}

.search-box .icon-addon {
    margin-top: 8px;
}

/*Extra styles for swn-table-scroll directive*/
.swn-table-scroll td {
    vertical-align: middle;
    word-break:break-word;
}

.swn-table-scroll .cell-20 {
    width: 20px;
}

.swn-table-scroll .cell-25 {
    width: 25px;
}

.swn-table-scroll .cell-35 {
    width: 35px;
}

.swn-table-scroll .cell-45 {
    width: 45px;
}

.swn-table-scroll .cell-85 {
    width: 85px;
}

.swn-table-scroll .cell-100 {
    width: 100px;
}

.swn-table-scroll .cell-200 {
    width: 200px;
}

.swn-table-scroll .cell-250 {
    width: 250px;
}

.swn-table-scroll .cell-300 {
    width: 300px;
}

.swn-table-scroll .cell-150 {
    width: 150px;
}

.table-voice-cascading {
    width: 400px;
}

    .table-voice-cascading td input[type='text'] {
        text-align: center;
        width: 30px;
    }

.table-assign-access {
}

    .table-assign-access td i[class*="fa-exclamation"] {
        margin-right: -15px;
    }

a[disabled], a[disabled]:hover {
    pointer-events: none;
    color: gray;
}

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

.short-msg-summary {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 18px;
    max-height: 36px;
}

.lockbox-files .infobox{
    margin:0;
    min-height: 44px!important;
    padding:4px 4px 6px 9px;
}

.lockbox-files .infobox > .infobox-data{
    font-size:12px;
}

.lockbox-files .infobox > .infobox-data > .infobox-data-number{
    font-size: 18px;
}

.credits-span {
    display: inline-block;
    margin: 0;
    padding: 14px 12px 8px 12px !important;
}

span.credits-span:hover {
    background-color: #e6e6e6;
}

.refresh-loader {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background: transparent url('/Assets/img/loader2.png');
}

.transaction-search-container {
    display: flex;
    align-items: flex-end;
}

.transaction-search-container .input-append {
    margin-bottom: 0px;
}

.transaction-search-item {
    margin-right: 5px;
}

.transaction-search-item:nth-last-child(1) {
    margin-right: 0px;
}

.transaction-entries-container {
    float: right;
    padding: 5px 0;
}

.manageAccountTableCell {
    width: 120px;
    text-align: left;
}

.form-horizontal .long-label {
    width: 300px;
}

.small-select {
    width: initial;
    margin-left: 20px;
}

.draggable {
    margin-right: 15px;
}

.selectedResponse {
    background-color: #0d96d4 !important;
    border-color: #0d96d4;
    color: #FFF;
}

.ivr-builder .actions a{
    margin-right: 6px;
}

.ivr-builder .form-section{
    margin-top:0px!important;
}

.ivr-builder .form-section a.collapse-button{
    font-size:11px;
    font-weight: normal;
}

.ivr-builder .well{
    padding: 14px;
}

.ivr-builder .ivr-menu {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding-top: 10px;
}

.ivr-builder select.input-large {
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 20px;
}

.ivr-builder .form-inline .error-block{
    margin-left: 50px;
}

.role-users-popup-legend {
    padding-bottom: 20px;
}

.role-users.controls.search-box {
    margin-bottom: 0px;
}

.group-role-access-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.group-role-access-item {
    flex: 1 0 auto;
}

.modal-center,
.select-groups-modal,
.select-users-modal,
.assign-access-modal,
.transaction-history-modal {
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
}

.modal-sm,
.select-groups-modal,
.select-users-modal {
    width: 900px;
}

.modal-md,
.assign-access-modal,
.transaction-history-modal {
    width: 1100px;
}

.assign-access-modal [class*="cell-"] {
    word-break: break-all;
}

.audit-trail-modal {
    width: 1200px;
    margin-left: -600px;
}

.itinerary-modal {
    width: 1200px;
    margin-left: -600px;
    max-height:600px
}


.itinerary-no-top-padding {
    padding-top:0px;
    max-height:550px;
}

.itinerary-no-bottom-border {
    border-bottom:0px;
}

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

    .select-groups-modal > .modal-body,
    .select-users-modal > .modal-body,
    .assign-access-modal > .modal-body,
    .audit-trail-modal > .modal-body,
    .transaction-history-modal > .modal-body {
        max-height: 500px;
    }

.modal-body-sm,
.modal-body-md,
.modal-body-lg,
.modal-body-xl {
    overflow: hidden;
}

.modal-body-sm {
    max-height: 300px;
}

.modal-body-sm-x {
    max-height: 500px;
}

.modal-body-md {
    max-height: 640px;
}

.modal-body-lg {
    max-height: 800px;
}

.modal-body-xl {
    max-height: 1140px;
}

.custom-email-address .custom-domains {
    margin-left: 5px;
    margin-bottom: 15px;
}

    .custom-email-address .custom-domains > div + div {
        margin-top: 10px;
    }

    .custom-email-address .custom-domains strong,
    .custom-email-address-modal .custom-domains strong {
        font-size: 14px;
    }

.custom-email-address-modal .custom-domains:nth-child(1) {
    margin-bottom: 0px;
}

.custom-email-address-modal .form-horizontal .controls {
    margin-left: 240px;
}

.custom-email-address-modal .form-horizontal .control-label {
    width: 220px;
}

fieldset[disabled] * {
    pointer-events: none;
}

.tooltip-wrapper > input {
    margin-top: 0px;
}

.tooltip-wrapper input[disabled] {
    pointer-events: none;
}

.tooltip-wrapper + .tooltip > .tooltip-inner {
    text-align: left;
    max-width: 100%;
}

.contact-labels-table {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
}

.contact-labels-header > .contact-labels-row,
.contact-labels-body > .contact-labels-row {
    width: 100%;
}

.contact-labels-row > .contact-labels-cell {
    display: flex;
    flex-flow: row nowrap;
}

.contact-labels-cell + .contact-labels-cell {
    margin-left: 10px;
    width: inherit;
}

.contact-labels-cell.title {
    min-width: 155px;
    flex: 0 1 100%;
}

    .contact-labels-cell.title > input[type='checkbox'] {
        margin: auto 10px auto 2px;
    }

    .contact-labels-cell.title > select {
        width: 100%;
    }

.contact-labels-cell.rank {
    flex: 0 0 75px;
}

.contact-labels-cell.wait-for {
    flex: 0 0 150px;
    line-height: 32px;
}

.contact-labels-cell > ul.commands {
    width: auto;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: auto;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

    .contact-labels-cell > ul.commands > .command {
        padding: 0 5px;
    }

@media (max-width: 1279px) {
    .contact-labels-table {
        max-height: 230px;
        overflow-y: auto;
    }

    .contact-labels-header {
        display: none;
    }

    .contact-labels-row + .contact-labels-row {
        margin-top: 5px;
        padding-top: 5px;
        border-top: 1px solid #ddd;
    }

    .contact-labels-cell {
        padding: 2px 0;
        margin-right: 5px;
    }

        .contact-labels-cell + .contact-labels-cell {
            margin-left: 0;
        }

        .contact-labels-cell:before {
            content: attr(data-header) ':';
            min-width: 130px;
        }

        .contact-labels-cell.title > select {
            width: calc(100% - 155px);
        }
}

@media (min-width: 1280px) {
    .contact-labels-header > .contact-labels-row,
    .contact-labels-body > .contact-labels-row {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        padding: 2px 0;
    }
}

.resendMessage-box {
    margin-top: 10px;
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 10px;
    padding: 6px, 0, 6px, 6px;
}

.resendMessage-header {
    color: #656565;
    font-family: 'Open Sans',sans-serif;
    padding: 0!important;
    margin: 0!important;
    font-size: 18px;
    font-weight: 600;
}

.segmentTblContainer{
    margin: 10px;
}

.segmentColor2 {
    width: 11px;
    height: 11px;
    margin: 5px;
}

.resendBtns {
    padding: 10px;
}

.divider {
    width:3px;
    height:auto;
    display:inline-block;
}

 .cancel-ban-icon{
     color: #e02222;
 }

.cancel-ban-icon:hover {
    color: #b31b1b;
}

.cancel-ban-icon:active {
    color: #861414;
}

.resend-env-icon.disabled {
    color: grey !important;
    opacity: 0.5;
}

.resend-env-icon, .cancel-ban-icon{
    cursor: pointer;
}

.accntbl-lst-icon, .resend-env-icon {
    color: #0d96d4;
    font-size: 27px;
}

.resend-env-icon .fa, .cancel-ban-icon {
    font-size: 27px;
}

.accntbl-lst-icon:hover, .resend-env-icon:hover {
    color: #0a74a4;
}

.accntbl-lst-icon:active, .resend-env-icon:active {
    color: #085c82;
}

.accntbl-lst-icon i.fa-file {
    -moz-transform: scale(1.167, -1);
    -ms-transform: scale(1.167, -1);
    -webkit-transform: scale(1.167, -1);
    -o-transform: scale(1.167, -1);
    transform: scale(1.167, -1);
}

.accntbl-box {
    border: 1px #ddd solid;
    padding: 15px;
    padding-left: 13px;
    padding-right: 7px;
    margin-bottom: 18px;
    min-width: 113px;
}

.accntbl-box-gwb {
    padding-bottom: 5px;
    min-height: 242px !important;
}

.accntbl-box-gwb .container-fluid {
    padding: 0;
}

.accntbl-box-gwb .chart, .accntbl-box-gwb .fa-envelope {
    cursor: pointer;
}

.accntbl-box-gwb .fa-envelope.disabled {
    opacity: 0.5;
    cursor: default;
}

.accntbl-box-gwb .chart-container {
    max-width: 120px;
    max-height: 120px;
    margin: auto;
}

.accntbl-header {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 17px;
}

.accntbl-header span, .accntbl-messages th {
    color: #656565;
}

.accntbl-header-reached {
    margin-bottom: 9px;
}

.accntbl-header-reached span {
    vertical-align: super;
}

.accntbl-data, .accntbl-data-2 {
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 23px;
}

.accntbl-data-2 {
    font-size: 28px;
}

.accntbl-data-2 span {
    text-transform: lowercase;
}

.accntbl-column {
    margin-right: 17px;
}

.circle.extra-small strong {
    line-height: 24px;
    font-size: 7px;
    top: 0;
}

.accntbl-segment-color {
    width: 15px;
    height: 15px;
    margin: 7px;
    display: inline-block;
    padding: 0;
    vertical-align: sub;
}

.accntbl-responses {
    width: 100%;
}

.accntbl-responses td {
    text-align: center;
}

.accntbl-responses-segment {
    width: 25px;
}

td.accntbl-responses-response {
    text-align: left;
}

th.accntbl-responses-response {
    text-align: center;
}

.accntbl-responses-count {
    text-align: right !important;
}

.accntbl-responses-resend i {
    width: 14px;
    color: #0D96D4;
}

.accntbl-messages th {
    text-align: center;
}

.bg-white {
    background-color: white !important;
}

.accntbl-messages {
    width: 800px;
}

.accntbl-messages > thead,
.accntbl-messages > tbody,
.accntbl-messages > thead > tr,
.accntbl-messages > tbody > tr,
.accntbl-messages > thead > tr > th,
.accntbl-messages > tbody > tr > td {
    display: block;
}

.accntbl-messages > thead > tr > th {
    white-space: nowrap;
}

.accntbl-messages > tbody > tr:after,
.accntbl-messages > thead > tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}

.accntbl-messages > tbody {
    overflow-y: auto;
    max-height: 150px;
}

.accntbl-messages > tbody > tr > td,
.accntbl-messages > thead > tr > th {
    float: left;
    padding-bottom: 5px;
    padding-top: 5px;
}

.accntbl-messages > tbody > tr > td:nth-child(1),
.accntbl-messages > thead > tr > th:nth-child(1) {
    width: 12%;
}

.accntbl-messages > tbody > tr > td:nth-child(2),
.accntbl-messages > thead > tr > th:nth-child(2) {
    width: 16%;
}

.accntbl-messages > tbody > tr > td:nth-child(3),
.accntbl-messages > thead > tr > th:nth-child(3) {
    width: 12%;
}

.accntbl-messages > tbody > tr > td:nth-child(4),
.accntbl-messages > thead > tr > th:nth-child(4) {
    width: 32%;
}

.accntbl-messages > tbody > tr > td:nth-child(5),
.accntbl-messages > thead > tr > th:nth-child(5) {
    width: 12%;
}

.accntbl-messages > tbody > tr > td:nth-child(6),
.accntbl-messages > thead > tr > th:nth-child(6) {
    width: 12%;
}

.add-recip-comment-area {
    width: 515px;
    height: 100px;
    resize: none;
}

.toggle-comment, .comment {
    font-size: 11px;
}

.capitalize {
    text-transform: capitalize;
}

.absolute {
    position: absolute !important;
}

.gwbChartContainerDashboard {
    width: 72px;
}

.gwbChartContainerDashboard.disabled, .gwbChartContainerSmall.disabled, .chart-container.disabled {
    pointer-events: none;
    opacity: 0.5;
}

.opacity-65 {
    opacity: 0.65 !important;
}

#summary-sidebar .summary-section .infobox {
    margin-top: 0px;
    border: none;
    background: inherit;
}

.btn-primary[disabled] {
    color: white !important;
}

.pending {
    color: #AA3333;
}


.manage-account .control-group {
    margin-bottom: 0;
}

.manage-account table {
    border-collapse: unset;
}

.manage-account tr {
    line-height: 28px;
}

.manage-account thead td:nth-child(n + 2) {
    width: 150px;
    text-align: right;
}

.manage-account tbody td:first-child {
    width: 180px;
}

.manage-account thead td,
.manage-account tbody td:first-child {
    font-size: 14px;
    font-weight: 600;
}

.manage-account tbody td {
    text-align: right;
}

.first-login-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}

.first-login-modal-dialog {
    width: 1100px;
    position: relative;
    top: 0;
    left: 0;
    margin: 30px auto;
}

    .first-login-modal-dialog .form-horizontal .controls {
        margin-left: 240px;
    }

    .first-login-modal-dialog .form-horizontal .control-label {
        width: 180px;
    }

    .first-login-modal-dialog > .modal-body {
        max-height: none;
    }

    .first-login-modal-dialog input[class*="span"].m-wrap {
        height: 20px !important;
    }

.da2-duration-input {
    position:relative;
    top: -5px;
}

.da2-duration-label {
    position:relative;
    top: -3px;
    text-transform: lowercase;
}

     .approval-modal-header {
    font-family: 'Open Sans Semibold', 'Open Sans Regular', 'Open Sans';
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
    color: #1E1E1E;
    }

    .approval-modal-subheader {
    font-family: 'Open Sans';
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #1E1E1E;
}

    .approval-modal-subheader_italic {
    font-family: 'Open Sans Italic', 'Open Sans Regular', 'Open Sans';
    font-weight: 400;
    font-style: italic;
    font-size: 14px;
    color: #1E1E1E;
}

    .approval-modal-section_header {
    font-family: 'Open Sans Semibold', 'Open Sans Regular', 'Open Sans';
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
    color: #656565;
    border-bottom: 1px solid #eee;
}

    .approval-modal-row-height{
        margin:15px 0px;
    }

    .approval-modal-features {
        white-space: pre-line;
    }

    .approval-editor-assignApprovers-label {
        margin-left:20px;
    }

.label-public-feed {
    min-width: 180px;
    text-align: center;
    font-size: 14px;
    line-height: 1.42857;
    font-weight: normal;
}

.label-public-feed,
.btn-public-feed {
    padding: 12px 45px;
}

.btn-public-feed {
    position: relative;
    min-width: 270px;
}

.btn-twitter,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter:hover,
.btn-facebook,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook:hover {
    color: white !important;
}

.label-twitter,
.btn-twitter {
    background-color: #1da1f2;
    border-color: #1da1f2;
}

    .btn-twitter:hover {
        background-color: #006dbf;
        border-color: #006dbf;
    }

.label-facebook,
.btn-facebook {
    background-color: #4267b2;
    border-color: #29487d;
}

    .btn-facebook:hover {
        background-color: #365899;
        border-color: #29487d;
    }

.btn-group > .btn-public-feed:not(:first-child):not(:last-child) {
    border-left: none;
    border-right: none;
}

.btn-group > .btn-public-feed:last-child:not(:first-child) {
    border-left: none;
}

.btn-group > .btn-public-feed:first-child:not(:last-child) {
    border-right: none;
}

.btn-group > .btn-public-feed:first-child:not(:last-child):after,
.btn-group > .btn-public-feed:last-child:not(:first-child):before,
.btn-group > .btn-public-feed:not(:first-child):not(:last-child):after,
.btn-group > .btn-public-feed:not(:first-child):not(:last-child):before {
    content: "";
    position: absolute;
    top: 0.3em;
    bottom: 0.3em;
    height: auto;
    width: 2px;
    background: white;
}

.btn-group > .btn-public-feed:first-child:not(:last-child):after,
.btn-group > .btn-public-feed:not(:first-child):not(:last-child):after {
    right: 0;
}

.btn-group > .btn-public-feed:last-child:not(:first-child):before,
.btn-group > .btn-public-feed:not(:first-child):not(:last-child):before {
    left: 0;
}

.facebook-pages-container {
    max-height: 450px;
    overflow-y: auto;
    margin-bottom: 20px;
}

.facebook-pages-container .table {
    margin-bottom: 0;
}

.facebook-pages-container .table td {
    border-top-width: 0px;
    border-bottom: 1px solid #ddd;
}

.table-item {
    max-width:300px;
    word-wrap: break-word;
}

.table-action {
    color: grey;
    cursor: default;
}

.contact-us .min-height-0 {
    min-height: 0;
}

.contact-us .support-community-header {
    text-align: center;
}

    .contact-us .support-community-header .support-community-links {
        margin: 20px;
    }

.contact-us .swn-support-community {
    margin-top: 40px;
    min-height: 300px;
    width: 100%
}

.contact-us .swn-support-community .support-community-legend {
    width: 100%;
    align-content: center;
}

/*
    Message History
*/
.search-message-box {
    margin-bottom: 15px;
}

    .search-message-box .search-message-content + .search-message-content {
        justify-content: space-between;
    }

.search-message-content .search-text {
    min-width: 170px;
}

.search-message-box,
.search-message-box .search-message-content,
.search-message-box .search-message-commands,
.search-message-content .search-date,
.search-message-commands .search-actions {
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    -ms-flex-direction: column;
}

    .sent-messages-form .search-message-box .search-message-content,
    .rejected-messages-form .search-message-box .search-message-content {
        flex: 1 1 auto;
        -ms-flex: 1 1 auto;
    }

    .search-message-commands .search-actions [class*="btn"] + [class*="btn"] {
        margin-top: 5px;
    }

.search-date .from-date {
    margin-right: 15px;
}


@media (min-width: 525px) {
    .search-message-content .search-date,
    .search-message-commands .search-actions {
        flex-direction: row;
        -ms-flex-direction: row;
    }

        .search-message-commands .search-actions [class*="btn"] + [class*="btn"] {
            margin-top: 0px;
            margin-left: 10px;
        }
}

@media (min-width:780px) {
    .search-message-box .search-message-content {
        flex-direction: row;
        -ms-flex-direction: row;
    }


    .sent-messages-form .search-message-content .search-text,
    .rejected-messages-form .search-message-content .search-text {
        flex: 1;
        -ms-flex: 1;
    }


    .sent-messages-form .search-message-content .search-date,
    .rejected-messages-form .search-message-content .search-date {
        margin-left: 15px;
    }
}

@media (max-width: 1300px) {
    .search-message-commands .search-actions [class*="btn"] {
        width: 100%;
    }
}

@media (min-width: 1300px) {
    .search-message-box {
        flex-direction: row;
        -ms-flex-direction: row;
    }

        .search-message-box .search-message-commands {
            justify-content: flex-end;
            margin-left: 10px;
            margin-bottom: 10px;
        }
}

@media (min-width: 640px) {
    .file-based-history-form .search-message-box {
        flex-direction: row;
        -ms-flex-direction: row;
    }

        .file-based-history-form .search-message-box .search-message-commands {
            justify-content: flex-end;
            margin-left: 10px;
            margin-bottom: 10px;
        }
}

.gwb-links {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5em;
}

    .gwb-links .gwb-links-upload,
    .gwb-links .gwb-links-preview {
        margin: 0 15px;
    }

@media (max-width: 1200px) {
    .gwb-links {
        flex-direction: column;
    }

        .gwb-links .gwb-links-upload {
            margin-bottom: 1.5em;
        }

        .gwb-links .gwb-links-preview {
            display: flex;
            justify-content: center;
        }
}

.gwb-links-upload .upload-progress {
    display: flex;
    align-items: center;
    height: 46px;
    width: 250px;
    min-width: 200px;
}

.upload-progress > .progress {
    width: inherit;
    margin-bottom: 0;
}

.gwb-links-content .form-horizontal .control-group {
    margin-bottom: 0;
}

.selectgroups .form-actions {
    margin-bottom: -1px;
}

.select-groups-page.schedules .schedules-table th.last-modified {
    padding-left:30px;
}

.select-groups-page.schedules .schedules-table th.last-modified .fa-refresh {
    position: absolute;
    right: 10px;
    top: 10px;
}

.select-groups-page.groups .filter-info,
.select-groups-page.schedules .filter-info,
.select-recipients-page .filter-info {
    text-align: right;
}

.selectgroups .portlet-title .fa-users {
    color: #fff;
}
/**
	ufd 0.6: http://code.google.com/p/ufd/
	
	This is only the structural base CSS, include 1+ skin CSS files also.
*/

/* master wrapper; emulate select positioning */
.ufd {
	display: -moz-inline-stack;
	display: inline-block;
    position: relative;
    white-space: nowrap;
}

.ufd,
.ufd input,
.ufd button,
#ufd-container div.list-scroll,
#ufd-container div.list-wrapper,
#ufd-container ul,
#ufd-container li  {
    border: 0;
    margin: 0;
    padding: 0;
        
}

.ufd,
.ufd button,
#ufd-container div.list-scroll,
#ufd-container div.list-wrapper,
#ufd-container ul,
#ufd-container li {
    overflow: hidden;
}

.ufd select,
#ufd-container .invisible,
.ufd.invisible {
	display: none;
}

.ufd input,
.ufd button {
	position: relative;
	float: left;
	
	/* quirks mode correction: http://www.quirksmode.org/css/box.html */
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

.ufd button.disabled {
	cursor: default;
}

.ufd input.disabled {
    color: graytext;
}

#ufd-container div.list-wrapper {
    position: absolute;
}

#ufd-container ul {
    list-style-type: none;
}

#ufd-container li {
    cursor: pointer;
    height: 30px;
    display: block;
    white-space: nowrap;
}

/**
	ufd 0.6: http://code.google.com/p/ufd/
	
	This is the default skin, a plain but attractive dropdown.

    Adjusted for SWN Alerting Site Admin
*/

span.ufd.plain {
    height: 28px;
    -background-color: #B5B8C8; /* http://blog.toolman.geek.nz/2009/12/annoying-ie6-bug-of-day.html */
    border: 1px solid #B5B8C8;
}

span.ufd.plain-focus {
    background-color: #757888;
    border: 1px solid #757888;
}

.ufd.plain input {
    position: relative;
    top: -1px;
    line-height: 29px !important;
    height: 29px !important;
    min-height: 29px !important;
    padding-left: 3px;
    border: 0px;
    font-family: Verdana, Arial;
    font-size: 13px;
}

.ufd.plain input.disabled {
	color: #777;
    background-color: #eee !important;
}

.ufd.plain input.focus {
}

.ufd.plain button {
    width: 18px;
    height: 28px;
    margin-left: 1px; /* for divider */
    background: url(../img/ufd-plain.png) no-repeat 0px 0px;
}

.ufd.plain button.focus {
}


.ufd.plain button.hover {
	background-position: -18px 0px;
}

.ufd.plain button.mouseDown {
	background-position: -36px 0px;
}

.ufd.plain button.disabled {
	background-position: -54px 0px !important;
}

/* dropdown */

#ufd-container .plain div.list-scroll {
    border: 1px solid #757888;
    border-top-width: 0px;
    background-color: #FFF;
}

#ufd-container .plain div.list-wrapper-up div.list-scroll {
    border-top-width: 1px;
    border-bottom-width: 0px;
}

#ufd-container .plain li {
    padding-left: 5px;
    font-family: Verdana, Arial;
    font-size: 12px;
}

#ufd-container .plain li em {
	font-weight: bold;
	font-style: normal;
}


#ufd-container .plain li.active {
	background-color: highlight;
	color: highlighttext;
}