/*
Sections:
I. Styles that impact most of the pages
I.1. Layout Styles
I.2. Fonts
I.3. Links
I.4. Buttons
I.5. Radio buttons
I.6. Checkboxes 
I.7. Input text & select
I.7.1. Spacing styles
I.8. Other elements
I.9. Content section

II. Common elements global styles
II.1. Dialog
II.2. Global conventions classes
II.3. ExtJs elements
II.4. Tables style
II.4.1. dataTables library
II.4.2. tablesorter library
II.5. User select boxes styles
II.6. Global search form
II.7. Left Menu
II.8. SuperNav
II.9. Other layout elements

III. Specific styles
III.1. Login screen
III.2. Welcome screen
III.3. Group Dashboard
III.4. Activation Dashboard

/* I Global Styles */
/* I.1. Layout Styles */
html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

body#default {
    background-color: #f4f4f4;
}

body *, a, p, i, strong,
h1, h2, h3, h4, h5,
div, span,
input, select, option {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
}

.main {
    min-width: 100%;
    width: auto !important;
    display: inline-block;
    height: auto;
    min-height: 100%;
    position: relative;
    margin: 0 0 0 0;
    padding: 60px 0 0 0;
    box-sizing: border-box;
    background-image: url(/custom/default/images/bg-body-inner.png);
    background-position: 0 60px;
    background-repeat: repeat-x;
}

.main.nowhite {
    background-image: none;
}

.external #content_holder .table{
    height: 100vh;
}

.external .cell {
    padding-bottom: 75px !important;
}

.external .main {
    width: 100% !important;
}

.frame-pad {
    padding: 40px;
}

.cols {
    width: 100%;
    display: block;
    clear: both;
}

.cols .col {
    width: 370px;
    display: block;
    float: left;
}

.cols .col-right {
    margin-left: 100px;
}

.menu-toggle {
    width: 18px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(/custom/default/images/icons/hamburger.png);
    margin: 10px 26px 0 15px;
}

.search-toggle {
    background-image: url(/custom/default/images/icons/search.png);
}

.account-menu-toggle {
    background-image: url(/custom/default/images/icons/user.png);
}

#content_box legend { 
    margin: 0 0 20px 0;
    font-size: 24px;
    font-weight: 400;
    color: #010101;
    opacity: 0.8;
}

/* End of I.1. Layout Styles*/

/* I.2. Fonts */
#version-default {
    z-index: 9;
    position: relative;
    padding-left: 20px;
}

.external #version-default {
    position: absolute;
    left: 20px;
    bottom: 10px;
    padding-left: 0;
}

.external #version-default {
	color: #f9f9f9;
}

#version-default {
	color: #282f39;
}

#version-default.in{ 
	color: #f4f4f4;
}

input[type=text],
input[type=password], 
.ui-widget select, 
.ui-widget textarea,
.text_highlighed {
    background-color: transparent !important;
}

input:-webkit-autofill, 
textarea:-webkit-autofill, 
select:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus {
    transition: background-color 5000s ease-in-out 0s;
}

input[type=text], 
input[type=password],
input[type=text]+label, 
input[type=password]+label
[type="radio"]+label,
[type="radio"]:not(:checked)+label, 
[type="radio"]:checked+label,
[type="checkbox"]+label,
[type="checkbox"]:not(:checked)+label,
[type="checkbox"]:checked+label,
select,
select option,
.main form select option,
.content table td,
.content table td select option,
.ui-widget select,
.checklist li,
fieldset,
.editFormContainer .fieldRow div,
#content_box span,
.services_available_users_search * {
    font-family: 'Roboto', sans-serif;
    font-size: 15px !important;    
}

/* Because other font styles are defined with !important, default materialize label styles are re-defined here */
#content_box select + label,
#content_box input:not([type=checkbox]):not([type=radio]):focus + label,
.input-field select + label,
.input-field input:not([type=checkbox]):not([type=radio]):focus + label,
.input-field label:not([type=checkbox]):not([type=radio]).active
{
    font-family: 'Roboto', sans-serif;
    font-size: 11.5px !important;
}

body fieldset legend {
    font-family: 'Roboto', sans-serif; 
    margin: 0 0 20px 0;
    font-size: 24px !important;
    font-weight: 400;
    color: #010101;
    opacity: 0.8;
    max-width: 100%;
}
/* End of I.2. Fonts */


/* I.3. Links */
a {
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
/* End of I.3. Links */

/* I.4. Buttons */
.btn {
    margin-right: 8px;
    margin-bottom: 8px;
}

.btn:focus, .btn-large:focus, .btn-floating:focus {
    background-color: #2C8744;
}

button:not(.x-btn-text):not(.js-theader-button):not(.ui-dialog-titlebar-close):not(.ui-datepicker-trigger),
input[type=submit],
input[type=reset],
input[type=button],
.dialing_menu td input[type=button]:not(.btn-clean) /* override BASE rule */ {
    font-weight: 400;
    padding: 0 2rem;
    background-color: #2C8744;
    margin-bottom: 4px;
    margin-right: 4px;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
    transition: .2s ease-out;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
}

button:not(.x-btn-text):not(.js-theader-button):focus,
input[type=submit]:focus,
input[type=reset]:focus,
input[type=button]:focus,
.dialing_menu td input[type=button]:not(.btn-clean):focus,
.custom-btn.x-btn-focus:not(.x-item-disabled),
.timeSchedulesContent .x-btn-focus:not(.x-item-disabled),
.ui-dialog-titlebar-close:focus,
button:not(.x-btn-text):not(.js-theader-button):active,
input[type=submit]:active,
input[type=reset]:active,
input[type=button]:active,
.dialing_menu td input[type=button]:not(.btn-clean):active,
.ui-dialog-titlebar-close:active {
    outline-style: solid !important;
    outline-width: 3px !important;
    outline-color: #bbb !important;
}

 /* avoid conflict with ExtJs pagination buttons  */
.x-btn-icon .x-btn-small .x-btn-text { margin-top: 5px; }
button:not(.x-btn-text):not(.js-theader-button),
input[type=submit],
input[type=reset],
input[type=button] {
    color:#fff;
    line-height: 36px;
    text-transform: uppercase;
}

button:not(.ui-datepicker-trigger):not(.js-theader-button):hover,
button:not(.ui-datepicker-trigger):not(.js-theader-button):focus,
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover {
    background-color: #2C8744;
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
}

button:disabled,
select:disabled,
input[type=submit]:disabled,
input[type=reset]:disabled,
input[type=button]:disabled {
    box-shadow: none;
    background-color: #DFDFDF;
    color: #c0c0c0;
    opacity: 0.7;
    cursor: default;
}

select:disabled {
    background-color: transparent;
}

select:disabled option {
    color: #c0c0c0;
}

.btn-clean,
input.btn-clean,
button.btn-clean,
.sections div.section div.sContent div.paging a {
    color: #2C8744;
    background-color: transparent;  
    box-shadow: none;
    text-transform: uppercase;
    padding: 0;
}

.btn-clean:hover,
input.btn-clean:hover,
button.btn-clean:hover,
.external .forgot:hover {
    box-shadow: none;
    background-color: transparent;  
}

.btn-clean:disabled,
input.btn-clean:disabled,
button.btn-clean:disabled {
    color: #9F9F9F;
    background-color: transparent;
}

a.btn-clean {
    color: #2C8744;
    background-color: transparent;  
}

/* In some places need to forces the padding to have same expected behavior on buttons */
.main input[type="button"]:not(.btn-clean),
.main input[type="submit"]:not(.btn-clean),
.main form input[type="button"]:not(.btn-clean),
.main form input[type="submit"]:not(.btn-clean) {
    padding: 0 2rem;
}
.main form input.btn-clean {
    padding: 0;
}

.main input[type="button"].btn-small,
.main form input[type="button"].btn-small,
.main input[type="submit"].btn-small,
.main form input[type="submit"].btn-small {
    padding: 0 1rem;
}

.main input[type="button"]:not(.btn-clean):focus,
.main input[type="submit"]:not(.btn-clean):focus,
.main form input[type="button"]:not(.btn-clean):focus,
.main form input[type="submit"]:not(.btn-clean):focus,
.main form input.btn-clean:focus,
.main input[type="button"]:not(.btn-clean):active,
.main input[type="submit"]:not(.btn-clean):active,
.main form input[type="button"]:not(.btn-clean):active,
.main form input[type="submit"]:not(.btn-clean):active,
.main form input.btn-clean:active,
.x-window .x-btn-over {
    outline-style: solid !important;
    outline-width: 3px !important;
    outline-color: #bbb !important;
}

/* Action link that not near a button and it doesn't need extra padding */
input[type=button] + input.btn-clean,
input[type=submit] + input.btn-clean {
    padding: 0 15px;
}


/* The mic recorder is defined as tag button and don't need to have shadow and padding */
button.alreadyCustom {
    padding: 0;
    box-shadow: none;
}

button.alreadyCustom {
    box-shadow: none;
}

div.paging_full_numbers a.first.paginate_button,
div.paging_full_numbers a.previous.paginate_button,
div.paging_full_numbers a.next.paginate_button,
div.paging_full_numbers a.last.paginate_button {
    color: #fff !important;
    padding: 0.5rem 2rem;
    border: none;
    border-radius: 2px;
    background-color: #2C8744;
    margin-bottom: 4px;
    margin-right: 4px;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
    transition: .2s ease-out;
    font-size: 14px !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}

div.paging_full_numbers a.first.paginate_button:not(.disabled):active,
div.paging_full_numbers a.first.paginate_button:not(.disabled):focus,
div.paging_full_numbers a.previous.paginate_button:not(.disabled):active,
div.paging_full_numbers a.previous.paginate_button:not(.disabled):focus,
div.paging_full_numbers a.next.paginate_button:not(.disabled):active,
div.paging_full_numbers a.next.paginate_button:not(.disabled):focus,
div.paging_full_numbers a.last.paginate_button:not(.disabled):active,
div.paging_full_numbers a.last.paginate_button:not(.disabled):focus,
div.dataTables_paginate.paging_full_numbers span a.paginate_button:active,
div.dataTables_paginate.paging_full_numbers span a.paginate_button:focus {
    outline-style: solid !important;
    outline-width: 3px !important;
    outline-color: #bbb !important;
}

div.paging_full_numbers a.first.paginate_button:hover,
div.paging_full_numbers a.previous.paginate_button:hover,
div.paging_full_numbers a.next.paginate_button:hover,
div.paging_full_numbers a.last.paginate_button:hover {
    background-color: #2C8744 !important;
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15) !important;
}

div.paging_full_numbers a.first.paginate_button.disabled,
div.paging_full_numbers a.previous.paginate_button.disabled,
div.paging_full_numbers a.next.paginate_button.disabled,
div.paging_full_numbers a.last.paginate_button.disabled {
    background-color: #DFDFDF !important;
    color: #9F9F9F !important;
    box-shadow: none !important;
}

div.paging_full_numbers a.first.paginate_button.paginate_button_disabled:hover,
div.paging_full_numbers a.previous.paginate_button.paginate_button_disabled:hover,
div.paging_full_numbers a.next.paginate_button.paginate_button_disabled:hover,
div.paging_full_numbers a.last.paginate_button.paginate_button_disabled:hover { 
    color: #9F9F9F !important;
    box-shadow: none !important;
}
/* override BASE rule that break buttons alignment */
input.embedded_button {
    margin-top: 0px;
}

#addUserForm .fieldRow div:last-child > input[type="button"],
.adUserEditorForm .fieldRow div:last-child > input[type="button"] {
    width: 330px;
}

#addUserForm .controlButtons, .adUserEditorForm .controlButtons {
    width: 100%;
}

/* End of I.4. Buttons */

/* I.5. Radio buttons */
[type="radio"]:checked+label:before {
    border-radius: 50%;
    border: 2px solid #2C8744;
}

[type="radio"]:checked+label:after {
    border-radius: 50%;
    border: 2px solid #2C8744;
    background-color: #2C8744;
    z-index: 0;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
}
/* End of I.5. Radio buttons */

/* I.6. Checkboxes */
[type="checkbox"]:not(.filled-in) + label:after {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.input-field.checkbox {
    margin-top: 0;
}

[type="checkbox"]:not(:checked) + label:before {
    width: 0;
    height: 0;
    border: 3px solid transparent;
    left: 6px;
    top: 10px;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 20% 40%;
    transform-origin: 100% 100%;
}

[type="checkbox"]:not(:checked) + label:after {
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid #5a5a5a;
    top: 0px;
    z-index: 0;
}

[type="checkbox"] + label:after {
    border-radius: 2px;
}

[type="checkbox"] + label:before, 
[type="checkbox"] + label:after {
    content: '';
    left: 0;
    position: absolute;
    transition: border .25s,background-color .25s,width .2s .1s,height .2s .1s,top .2s .1s,left .2s .1s;
    z-index: 1;
}

[type="checkbox"]:checked + label:before {
    top: 0;
    left: 1px;
    width: 8px;
    height: 13px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    margin-top: 4px;
}

[type="checkbox"] + label:before, 
[type="checkbox"] + label:after {
    content: '';
    left: 0;
    position: absolute;
    transition: border .25s,background-color .25s,width .2s .1s,height .2s .1s,top .2s .1s,left .2s .1s;
    z-index: 1;
}

[type="checkbox"]:checked + label:after {
    top: 0px;
    width: 20px;
    height: 20px;
    border: 2px solid #2C8744;
    background-color: #2C8744;
    z-index: 0;
}

.data_table [type="checkbox"]:not(:checked) + label:after,
.data_table [type="checkbox"]:checked + label:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20% 0 0 -25%;
}
.data_table [type="checkbox"]:checked + label:before {
    position: absolute;
    top: 60%;
    left: 54%;
    margin: -20% 0 0 -25%;
}

/* Disabled checkbox */
[type="checkbox"]:not(:checked):disabled + label:after {
    border: none;
    background-color: rgba(0,0,0,0.26);
}

[type="checkbox"]:disabled:checked + label:after {
    background-color: #BDBDBD;
    border-color: #BDBDBD;
}

[type="checkbox"]:checked:disabled + label:before {
    border-right: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
}
/* End disabled checkbox */
/* End of I.6. Checkboxes */

/* I.7. Input text & select */
input[type=text] + label, 
input[type=password] + label {
    pointer-events: none;
}

select,
.main form table select /* override BASE rule */ {
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: none;
    height: 3rem;
    line-height: 3rem;
    padding: 0;
    padding-right: 12px !important;
    background: url(/custom/default/images/select-arrow.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    -webkit-appearance:none; /* Safari and Chrome */
    -moz-appearance:none; /* Firefox */
    appearance:none;
}

/* I.7.1. Spacing styles */

/* Helper class used to set a consistent spacing between elements (and replace "<br /><br />"s spacing) */
.standardSpacer {
    line-height: 1.5rem;
}

/* Fields spacing must match the height of input text & select fields to be the same. This also fixes vertical alignment of text & fields */
.input-field,
select,
.main form table select /* override BASE rule */
.content table tr,
.row .col,
.defaultFieldsHeight,
ul.defaultFieldsHeight li,
table.defaultFieldsHeight tr,
.materialFieldsContainer, /* spacing doesn't apply for tables because of inconsistent tables who have div.row in them */
.materialFieldsSpacing, /* use this class for tables which have material fields that need the spacing */
table.materialFieldsSpacing tr,
.service_table tr input[type=text],
.service_table tr select,
.userTabls .settings_section, /* group dashboard rules */
.settings_content /* group dashboard rules */ {
    min-height: 3rem;
    line-height: 3rem;
}

#selectAvailableUsers > option {
    line-height: normal !important;
}

.criteriaSelectiveEdit select.selectBox[multiple] {
    min-height: 300px;
}
.criteriaSelectiveEdit select.selectBox[multiple] > option {
    line-height: normal;
    min-height: initial;
}

.materialFieldsSpacing .col {
    box-sizing: border-box;
    padding: 0 0.75rem;
}

select,
input[type=text],
input[type=password] {
    box-sizing: border-box;
}

/* Prevent elements with default height to have extra spacing */
ul.defaultFieldsHeight li,
.ui-dialog .defaultFieldsHeight > * td {
    padding-top: 0px;
    padding-bottom: 0px;
}
.input-field label {
    line-height: 1rem;
}
/* Excluded places for the line-height update (don't have input/select fields in them) '*/
table.timeSchedulesContent tr {
    height: 3rem;
}
/* Remove extra spacing for fields that are already present in a standard line-height container */
.service_table tr,
div.error,
.dbFailoverErrorContainer,
.search_wildcard_tooltip {
    min-height: 3rem; /* keep height consistency with other lines */
    line-height: 1.5rem;
}
div.error:empty,
div.clear {
    min-height: auto;
}

/* content of this container has 1.5rem, label has standard 3rem. Align the first line with its label  */
.dbFailoverErrorContainer {
    margin-top: 0.75rem;
}

.nowrap { 
    white-space: nowrap;
}

/* End of I.7.1. Spacing styles */

/* Input text fields + select bottom line (border) */
input:not([type]),
input[type=text], 
input[type=password],
select,
.main form table select /* override BASE rule */ {
    border-bottom: 1px solid #d2d2d2;
}

/* Fix materialize library bug - display longer errors on one row without overlapping below fields  */
label[data-error] {
    width: 100%;
}
/* Enhance materialize library - make <select> elements to display errors and bottom red line, as input text fields */
select.invalid+label:after {
    content: attr(data-error);
    color: #F44336;
    opacity: 1;
    display: block;
    position: absolute;
    top: 65px;
    transition: .2s opacity ease-out,.2s color ease-out;
}

/* Make the valid fields look as other fields that are not validated
because not all are valdated and green lines woud appear to random elements
and is consistent to highlight only the errors */
select.valid,
.main form table select.valid,
input:not([type]).valid,
input[type=text].valid,
input[type=password].valid,
input[type=email].valid,
input[type=url].valid,
input[type=time].valid,
input[type=date].valid,
input[type=datetime].valid,
input[type=datetime-local].valid,
input[type=tel].valid,
input[type=number].valid,
input[type=search].valid,
textarea.materialize-textarea.valid {
    border-bottom: 1px solid #d2d2d2;
    box-shadow: none;
}

input:not([type]):focus.valid,
input[type=text]:focus.valid,
input[type=password]:focus.valid,
input[type=email]:focus.valid,
input[type=url]:focus.valid,
input[type=time]:focus.valid,
input[type=date]:focus.valid,
input[type=datetime]:focus.valid,
input[type=datetime-local]:focus.valid,
input[type=tel]:focus.valid,
input[type=number]:focus.valid,
input[type=search]:focus.valid,
textarea.materialize-textarea:focus.valid {
    border-bottom: 1px solid #26a69a;
    box-shadow: 0 1px 0 0 #26a69a;
}

/* Enhance materialize library - make <select> elements to display errors and bottom red line, as input text fields */
select.invalid,
.main form table select.invalid {
    border-bottom: 2px solid #F44336;
}

select[multiple],
select[size],
.main form select[multiple] ,
.content table td select[multiple] {
    padding-right: 0 !important;
    margin: 0;
    background: none;
}

table.service_users_select_boxes td select[multiple] {
    width: 100%;
}
    
@supports (-ms-ime-align: auto) {
    table.service_users_select_boxes td select[multiple] {
        width: 320px;
    }
    table.service_users_select_boxes td[colspan="3"] select[multiple] {
        width: 100%;
    }
}

select[multiple],
select[size] {
    height: auto !important;
}

select::-ms-expand {
    display: none; /* appearance:none; for IE */
} 

/* remove blue background on ie10/ie11 when selected */
select:focus::-ms-value {
    color: #555;
    background: transparent;
}

#supernav .supernav_select select:focus::-ms-value {
    color: #7e8288;
}

select:focus {
    outline: none;
}

.content select,
.ui-dialog select {
    padding-left: 2px;
}

.content select:focus,
.ui-dialog select:focus {
    outline-style: solid;
    outline-width: 2px;
    outline-color: #bbb;
}

.input-field.col select:focus + label {
    top: 0;
}

/* fields with labels */
.main form .input-field input[type="text"],
.main form .input-field input[type="password"],
.main form .input-field select,
/* fields w/o labels.  */
.main form div.row > * input[type="text"],
.main form div.row > * input[type="password"],
.main form div.row > * select,
/* pop-up fields may not be inside .main */
div.row > * input[type="text"],
div.row > * input[type="password"],
div.row > * select {
    width: 100%;
}

/* End of I.7. Input text & select */

/* I.8. Other elements */
textarea {
    height: auto;
    max-width: 720px;
}

fieldset {
    border: 0;
}

.preview { 
    border: 1px dashed #ccc; 
    margin-top: 0px; 
    padding: 20px;
}
/* End of I.8. Other elements */

/* I.9. Content section */
.sContent > div {
    height: auto !important;
    opacity: 1 !important;
    overflow: visible;
}

.content {
    height: 100%;
    display: block;
    margin: 40px auto 30px auto;
    padding: 0 40px 0 288px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;  
}

.content.in {
    width: 100%;
    padding: 0 40px;
}

#content_box {
    position: relative;
    box-sizing: border-box;
    background-color: #FFF;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
    border: 0;
    display: inline-block;
    min-width: 100%;
}

.timeSchedulesContent {
    table-layout:fixed;
    width:100%;
    overflow:hidden;
    word-wrap:break-word;
}

.content h2 {
    margin: 0 0 20px 0;
    font-size: 24px;
    font-weight: 400;
    color: #010101;
    opacity: 0.8;
}

.content h2.pad-in {
    padding: 40px 0 0 20px;
}

.content fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

#content_box {
    width: 100%;
    display: block;
    padding: 40px;
    box-sizing: border-box;
    position: relative;
}

#content_box .col.two {
    margin-left: 130px;
    text-align: left;
}

.info-pair {
    display: block;
    font-size: 18px;
    line-height: 22px;
    color: #212121;
}

.info-pair .label {
    display: block;
    font-size: 12px;
    color: #757575;
    text-transform: uppercase;
}

#content_box select + label,
#content_box input[type="text"]:focus + label,
#content_box input[type="password"]:focus + label,
#content_box input[type="email"]:focus + label,
#content_box input:not([type]):focus + label,
.input-field select + label,
.input-field input[type="text"]:focus + label,
.input-field input[type="password"]:focus + label,
.input-field input[type="email"]:focus + label,
.input-field input:not([type]):focus + label {
    transform: translateY(-140%);
}

#content_box input[type=text],
#content_box select,
.main form input {
    padding: 0;
}

#content_box select {
    padding-left: 2px;
}

.content table,
.content table th,
.content table tr,
.content table td {
    font-family: 'Roboto', sans-serif;
    text-align: left;
}

.content table th,
.ui-dialog table th {
    font-weight: 700;
    text-transform: uppercase;
    color: #212121;
}

.content table th,
.content table tr,
.content table tr.even {
    background-color: #FFF;
}

#content_box form .save_button_outside {
    position: relative;
    margin-top: 2rem;
}
/* End of I.9. Content section */

/* II.1. Dialog */
.ui-dialog .ui-dialog-title {
    padding: 20px;
    line-height: normal;
    text-indent: 0;
}

.ui-dialog .ui-dialog-titlebar-close {
    right: 20px;
}

.ui-dialog .ui-dialog-content {
    min-width: 760px;
    padding: 20px 20px 0 20px;
}

.ui-dialog .error {
    padding: 20px 20px 0 20px;
}
#announcementRepoRequiredFileError{
    padding: 20px 20px 0 0;
}
.ui-dialog .ui-dialog-buttonpane {
    padding: 20px;
    margin: 0;
}

.ui-dialog-buttonset .ui-state-hover, 
.ui-dialog-buttonset .ui-widget-header .ui-state-hover,
.ui-dialog-buttonset .ui-state-focus,
.ui-dialog-buttonset .ui-widget-content .ui-state-focus,
.ui-dialog-buttonset .ui-widget-header .ui-state-focus {
    border: none;
    background: #2C8744;
    font-weight: normal;
    color: #fff;
}

.ui-dialog-buttonset .ui-button,
.ui-dialog-buttonset .ui-state-default, 
.ui-dialog-buttonset .ui-widget-content .ui-state-default, 
.ui-dialog-buttonset .ui-widget-header .ui-state-default {
    border: none;
    background: #2C8744;
    font-weight: normal;
    color: #fff;
    border-radius: 2px;
    display: inline-block;
    height: 36px;
    outline: 0;
    padding: 0 2rem;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
    transition: .2s ease-out;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

.ui-dialog-buttonset .ui-button:focus,
.ui-dialog-buttonset .ui-state-default:focus,
.ui-dialog-buttonset .ui-widget-content .ui-state-default:focus,
.ui-dialog-buttonset .ui-widget-header .ui-state-default:focus,
.ui-dialog-buttonset .ui-button:active,
.ui-dialog-buttonset .ui-state-default:active,
.ui-dialog-buttonset .ui-widget-content .ui-state-default:active,
.ui-dialog-buttonset .ui-widget-header .ui-state-default:active {
    outline-style: solid !important;
    outline-width: 3px !important;
    outline-color: #bbb !important;
}

.ui-dialog-buttonset span.ui-button-text {
    font-size: 15px;
}

.ui-dialog-buttonset .ui-state-hover {
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
}

.ui-dialog table.fullWidth {
  width: 100%;
}
/* End of II.1. Dialog */

/* II.2. Global conventions classes */
/* Class used to force the container to 100% width */
.materialFieldsContainer,
/* override materialize reset style */
.ui-dialog table .materialFieldsContainer {
    width: 100%;
}
/* reset the spacing used in normal tables because in materialez containers div.row has the spacing */
table.materialFieldsContainer tr {
    line-height: 1rem;
}
/* Fields that in Materialize are on full width but in Portals are inline */
.inlineField,
/* override existing specific rules */
.main form .inlineField,
.main form div.row > * input[type="text"].inlineField,
.main form div.row > * input[type="password"].inlineField,
div.row > * select.inlineField,
.main form div.row > * select.inlineField {
    display: inline-block;
    width: auto;
}

/* Select a number field. Works of for up to 4 digits */
.numberField,
/* override existing specific rules */
.main form div.row > * select.numberField,
.main form div.row > * input.numberField {
    display: inline-block;
    width: 50px;
}
/* Helper class for div.row to reduce bottom spacing when the only content of the row is a label */
.labelOnly {
    margin-bottom: 0px;
}

/* Helper class to have consistent spacing between more sections in one page
Use this to separate the content (i.e. for div, fieldset containers) */
.sectionTopSpacing {
    margin-top: 1.5rem;
}
fieldset.sectionTopSpacing,
.content fieldset.sectionTopSpacing {
    margin-top: 2rem;
}

/* II.2. End of global conventions classes */

/* II.3. ExtJs elements*/

/* ExtJS X-PANEL */
.x-panel,
.x-panel-body,
.x-panel-tbar,
.x-panel-bbar,
.x-panel-tbar .x-toolbar,
.x-panel-bbar .x-toolbar,
.x-grid3,
.x-grid3-scroller,
.x-grid3-body,
.x-grid3-row {
    min-width: 100%;
    padding: 0;
    border: none;
}

.x-btn-over,
.x-toolbar-cell {
    background-image: none;
}

/* Time Schedules */
.x-panel-body.x-panel-body-noheader.x-panel-body-noborder, 
.x-tab-panel-body.x-tab-panel-body-top {
    height: 358px;
}

.x-tab-panel-body.x-tab-panel-body-top
{
    height: auto !important;
}

#time-schedules .x-panel-body.x-panel-body-noheader.x-panel-body-noborder
{
    height: 358px !important;
}

.window-popup .x-window-body, .window-popup .x-form-label-left, .x-panel-body,
#time-schedules .x-tab-panel-body.x-tab-panel-body-top, #time-schedules .x-panel-body.x-panel-body-noheader.x-panel-body-noborder {
    min-height: 15px;

}
.x-tab-panel-bwrap {
    background-color: #fff; 
}

.x-window-br .x-toolbar-left-row td {
    float: none;
}

.x-panel-fbar.x-small-editor.x-toolbar-layout-ct {
    float:right;
}

#time-schedules .x-toolbar-ct .x-toolbar-left-row .button-container {
    float: none;
}

.x-toolbar-left-row .add-new-schedule-button {
    position: absolute;
    left: 0;
    bottom: 5px;
}

/* Override ExtJs week table z-index property to not conflict with modal display */
#time-schedules .sch-schedulerpanel .x-grid3-scroller {
    z-index: 100;
}
/* End of overriding ExtJs week table z-index property */

/* Preserve ExtJs specific class left alignment */
.x-toolbar-left {
    text-align: left;
}
.x-toolbar-left table {
    width: 100%;
}
/* End of preserving ExtJs element left-align style */

.x-btn-small .btn {
    margin-right: 0;
    margin-bottom: 0;
}

.window-popup .x-window-body {
    height: auto !important;
}
/* II.3. End of ExtJs elements*/

/* II.4. Table styles */
.service_table, table.tbl_device_info {
    table-layout: auto;
    white-space: normal;
    border: none;
}

.defaultThemeUI table.service_table td a{
    font-size: 13px !important;
}
#disposition-codes,
#unavailable-codes,
#unavailable-codes .x-grid3 table,
#disposition-codes .x-grid3 table,
#unavailable-codes .x-grid3-cell-inner,
#disposition-codes .x-grid3-cell-inner,
#accountCodesManagement, #auth-codes, 
#auth-codes .x-grid3 table,
#auth-codes .x-grid3-cell-inner {
    color: #000000;
    text-align: left;
    vertical-align: middle;
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    font-family: 'Roboto', sans-serif;
    font-size: 13px !important;
}

.defaultThemeUI table.service_table th, 
.defaultThemeUI table.service_table td,
#user_service_level3_dialog table.service_table th,
#user_service_level3_dialog table.service_table td{
    color: #000000 !important;
    min-height: 3rem;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    border: none !important; 
    border-bottom: 1px rgba(0,0,0,.12) solid !important;
    font-family: 'Roboto', sans-serif;
    font-size: 13px !important;
}

table td > * {
    vertical-align: middle;
}

.fileUploadLabelTd {
    line-height: 1;
}

.defaultThemeUI table.service_table th, 
#user_service_level3_dialog table.service_table th,
table.voice_messaging tr td {
    padding: 15px 5px;
}

.defaultThemeUI table.service_table td,
#user_service_level3_dialog table.service_table td {
    line-height: 1.5rem;
    padding: 0px 5px;
}

.defaultThemeUI table.service_table td {
    background-color: transparent !important;
}

.defaultThemeUI table.service_table tr.odd,
#user_service_level3_dialog table.service_table tr.odd,
#holidayScheduleEditDialog table.service_table tr.odd,
.defaultThemeUI .x-grid-panel .x-grid3-row:nth-last-of-type(odd) {
    background-color: #F5F5F5 !important;
}
.defaultThemeUI table.service_table tr.even,
#user_service_level3_dialog table.service_table tr.even,
#holidayScheduleEditDialog table.service_table tr.even,
.defaultThemeUI .x-grid-panel .x-grid3-row:nth-last-of-type(even){
    background-color: white !important;
}

.defaultThemeUI table.service_table nobr, 
.defaultThemeUI table.auth_table nobr,
.defaultThemeUI table.service_table .filter_column select,
.defaultThemeUI table.service_table .filter_column select option,
.defaultThemeUI table.service_table .filter_column input[type="text"],
.defaultThemeUI #tblNumbers .filter_column input {
    color: #000000 !important;
    font-size: 13px !important;
    font-weight: normal;
}

.defaultThemeUI table.service_table tr {
    height: 48px;
}

.defaultThemeUI table.service_table tr td.break, 
.defaultThemeUI table.service_table tr.caption td {
    border: none !important;
}

.defaultThemeUI table.service_table tr:hover,
.defaultThemeUI table.service_table tbody tr:hover td,
#user_service_level3_dialog table.service_table tr.service_table_hover td,
#holidayScheduleEditDialog table.service_table tr.service_table_hover td,
.defaultThemeUI .x-grid-panel .x-grid3-row:hover {
    background-color: #EEEEEE !important;
}

.defaultThemeUI table.service_table th,
.defaultThemeUI .tablesorter-default .tablesorter-header,
.defaultThemeUI .tablesorter-default .tablesorter-header-inner,
#user_service_level3_dialog table.service_table thead th,
#holidayScheduleEditDialog table.service_table th,
#disposition-codes .x-grid3-hd-row .x-grid3-hd div,
#unavailable-codes .x-grid3-hd-row .x-grid3-hd div,
#disposition-codes .x-grid3-header,
#unavailable-codes .x-grid3-header,
#auth-codes .x-grid3-hd-row .x-grid3-hd div,
#auth-codes .x-grid3-header {
    font-size: 13px !important;
    color: #000000 !important;
    background-color: transparent;
    font-weight: 700 !important; 
}
.defaultThemeUI .paging_pages li,
.defaultThemeUI .dataTables_info,
.defaultThemeUI .dataTables_length label,
.defaultThemeUI .dataTables_length label select,
.defaultThemeUI .dataTables_length label select option{
    font-size: 12px !important;
    color: #282f39 !important;
    font-weight: normal !important; 
}

#disposition-codes .lighten_grey_out_enterprise_level .x-grid3-cell-inner {
    color: #9d9d9d;
}

.controlButtons .linkButton {
    text-decoration: initial;
}

/* End of II.4. Table styles */

/* II.4.1. dataTables library*/
.filter_column input[type="text"] {
    margin: 0;
    font-size: 15px !important
}

table .filter_column input, 
table .filter_column select, 
table .filter_column option {
    color: inherit;
    font-size: inherit !important;
    border: 0;
    border-bottom: inherit;
}

table.data_table .filter_column input, 
table.data_table .filter_column select {
    margin: 0;
    width: 100%;
    border-radius: 0;
    height: 39px;
    font-weight: normal;
}

div.dataTables_wrapper div.dataTables_length select{
    width: 75px;
    display: inline-block;
    margin-top: 0;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 0px;
    height: 3rem !important;
    background: url(/custom/default/images/select-arrow.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.enterpriseDirectorySearch, .enterpriseDirectorySearch select#searchCriteria, .enterpriseDirectorySearch select#searchMode {
    width: 100%;
}

div.dataTables_paginate.paging_full_numbers {
    margin: 15px 0;
}

div.paging_full_numbers span a.current {
    background-color: #2C8744 !important;
    color: #fff !important;
    padding: 6px 10px;
    border: 0;
    border-radius: 2px;
}

div.dataTables_paginate.paging_full_numbers span a.paginate_button {
    background-color: #fff;
    border: none;
    padding: 6px 10px;
}

div.dataTables_paginate.paging_full_numbers span a.paginate_button:hover {
    color: #fff !important;
    background-color: #2C8744;    
    padding: 6px 10px;
    border-radius: 2px;
}
/* End of II.4.1. dataTables library */

/* II.4.2. tablesorter library*/
.defaultThemeUI .tablesorter-default .header, 
.defaultThemeUI .tablesorter-default .tablesorter-header {
    padding: 4px 20px 4px 4px !important;
}

.defaultThemeUI .tablesorter-default thead .headerSortDown, 
.defaultThemeUI .tablesorter-default thead .tablesorter-headerSortDown, 
.defaultThemeUI .tablesorter-default thead .tablesorter-headerDesc,
.defaultThemeUI .service_table .sorting_desc{
    background-image: url(/custom/default/images/tablesorter/desc.gif) !important;
}

.defaultThemeUI .tablesorter-default thead .headerSortUp, 
.defaultThemeUI .tablesorter-default thead .tablesorter-headerSortUp, 
.defaultThemeUI .tablesorter-default thead .tablesorter-headerAsc,
.defaultThemeUI .service_table .sorting_asc {
    background-image: url(/custom/default/images/tablesorter/asc.gif) !important;
}

.defaultThemeUI .tablesorter-default .header, 
.defaultThemeUI .tablesorter-default .tablesorter-header,
.defaultThemeUI .service_table .sorting {
    background-image: url(/custom/default/images/tablesorter/bg.gif) !important;
}

.defaultThemeUI .tablesorter-default thead .sorter-false {
    background-image: none !important;
    padding: 4px;
}
/* End of II.4.2. tablesorter library */

/* II.5. User select boxes styles */
.main select.selectBox {
    width: 100%;
}

.service_users_select_boxes .tblHeaders td:nth-child(1),
.service_users_select_boxes .tblHeaders td:nth-child(3) {
    width: 40%;
}

.service_users_select_boxes .tblHeaders td:nth-child(2) {
    width: 20%;
}

.ui-dialog .service_users_select_boxes .tblHeaders td:nth-child(1),
.ui-dialog .service_users_select_boxes .tblHeaders td:nth-child(3) {
    width: 350px;
}

.ui-dialog .service_users_select_boxes .tblHeaders td:nth-child(2) {
    width: 230px;
}

.tblHeaders,
.service_users_select_boxes .tblHeaders {
    border-bottom: 1px solid #d9d9d9;
}

.tblBody div:first-child,
.service_users_select_boxes .tblBody td:first-child {
    border-right: 1px solid #d9d9d9;
}

.tblBody div:last-child,
.service_users_select_boxes .tblBody td:last-child {
    border-left: 1px solid #d9d9d9;
}

.row.tblBody,
.service_users_select_boxes {
    border-bottom: 1px solid #d9d9d9;
}

table.service_users_select_boxes select.selectBox {
    border-bottom: none;
}

input.userControlButton {
    color: #FFF;
    font-weight: bold;
    text-align: center;
    background: #2C8744;
    text-transform: uppercase;
}

.auth-codes-users .services_available_users_search,
.service_users_select_boxes .services_available_users_search,
table.service_users_select_boxes .services_available_users_search tr:first-child {
    border: none;
}
.services_available_users_search .input-field input[type='text'], 
.services_available_users_search .input-field select {
    width: 100%;
}

.directory-hunting tr:nth-child(2) td:nth-child(2),
.service_users_select_boxes #users_tab_controls {
    text-align: center;
}

.directory-hunting tr:nth-child(2) td:nth-child(2) .userControlButton,
.service_users_select_boxes #users_tab_controls .userControlButton {
    margin-right: 0px;
}

.service_users_select_boxes .services_available_users_search {
    background: #fff;
}

.services_available_users_search input[type="button"] {
    padding: 0 10px;
    margin: auto;
    top: 0;
    right: 0;
    left: 0;
    display: block;
}

.settings-tab .tab-inner-space .settings_section.hg_users {
    width: 100%;
    margin: 0;
}

.vUsers-settings-tab .settings_section.hg_users select.selectBox {
    width: 100%;
}

table.auth-codes-users td.selectBox,
table.directory-hunting .dnhSelectBox {
    width: 40%
}

table.auth-codes-users td.middleButttons
table.directory-hunting .dnhMiddleButttons {
    width: 20%;
}

table.directory-hunting select.selectBox {
    height: 100%;
    border: none;
}
/* End of II.5. User select boxes styles */

/* II.6. Global search form */
.ui-dialog {
    min-width: 400px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-sizing: content-box;
}

.ui-dialog .ui-dialog-titlebar {
    margin: 0;
    padding: 0;
    border-radius: 0;
    background: none;
    border: 0;
    border-bottom: 1px solid #e0e0e0;
}

.ui-dialog .ui-dialog-title {
    width: 100%;
    height: 60px;
    display: block;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 60px;
    color: #010101;
    text-indent: 25px;
}

#searchBoxDiv {
    padding: 25px;
}

#searchBoxDiv .hint {
    display: inline-block;
    vertical-align: top;
}

#searchBoxDiv .hint {
    width: 530px;
    margin-left: 40px;
    font-size: 14px;
    line-height: 20px;
    color: #212121;
}

#searchBoxDiv .hint b {
    font-size: 14px;
    font-weight: normal;
}

#searchBoxDiv .hint b:first-child {
    width: 100%;
    font-size: 12px;
    line-height: 12px;
    color: #757575;
    display: block;
}

#searchBoxDiv .cols {
    width: 100%;
    height: auto;
    display: block;
    clear: both;
}

#searchBoxDiv .cols .col {
    width: 355px;
    display: inline-block;
    vertical-align: top;
}

#searchBoxDiv .col input,
#searchBoxDiv .col select {
    width: 100%;
}

#searchBoxDiv input[type=submit] {
    width: auto;
    float: right;
    clear: both;
}

#searchBoxDiv input[type=submit]:hover {
    background-color: #2C8744;
}

#searchBoxResult,
#searchBoxIndicator {
    clear: both;
}

.ui-widget-overlay {
    background: #000;
    opacity: 0.6;
}
/* End of II.6. Global search form */

/* II.7. Left Menu */
/* Menu */
.menu-wrapper {
    width: 100%;
    padding: 25px 8px 0 8px;
    border-top: 1px solid #1c2128;
    background-image: none;
    box-sizing: border-box;
}

.menu-wrapper .menu {
    background-image: none;
}

.menu-wrapper .menu-items {
    min-width: 0;
    overflow: hidden;
}

.menu-wrapper .menu-items li {
    width: 100%;
    height: 48px;
    background-repeat: no-repeat;
    background-position: 10% 50%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.menu-wrapper .menu-items li.Audit { background-image: url(/custom/default/images/icons/menu-audit.png); }
.menu-wrapper .menu-items li.Document.Repository { background-image: url(/custom/default/images/icons/menu-document-repository.png); }
.menu-wrapper .menu-items li.Dashboard { background-image: url(/custom/default/images/icons/menu-dashboard.png); }
.menu-wrapper .menu-items li.Activation.Dashboard { background-image: url(/custom/default/images/icons/menu-activation-dashboard.png); }
.menu-wrapper .menu-items li.Departments { background-image: url(/custom/default/images/icons/menu-departments.png); }
.menu-wrapper .menu-items li.Manage.Users { background-image: url(/custom/default/images/icons/menu-manage-users.png); }
.menu-wrapper .menu-items li.Disaster.Redirect { background-image: url(/custom/default/images/icons/menu-disaster-redirect.png); }
.menu-wrapper .menu-items li.Calling.Features { background-image: url(/custom/default/images/icons/menu-calling-features.png); }
.menu-wrapper .menu-items li.Device.Manager { background-image: url(/custom/default/images/icons/menu-device-manager.png); }
.menu-wrapper .menu-items li.My.Calls { background-image: url(/custom/default/images/icons/menu-my-calls.png); }
.menu-wrapper .menu-items li.Submenus{ background-image: url(/custom/default/images/icons/menu-submenus.png); }
.menu-wrapper .menu-items li.Call { background-image: url(/custom/default/images/icons/menu-callcenter.png); }
.menu-wrapper .menu-items li.Directory { background-image: url(/custom/default/images/icons/menu-enterprisedirectory.png); }
.menu-wrapper .menu-items li.Profile { background-image: url(/custom/default/images/icons/menu-enterpriseprofile.png); }
.menu-wrapper .menu-items li.Services { background-image: url(/custom/default/images/icons/menu-services.png); }
.menu-wrapper .menu-items li.Utilities { background-image: url(/custom/default/images/icons/menu-utilities.png); }
.menu-wrapper .menu-items li.Announcements { background-image: url(/custom/default/images/icons/menu-megaphone.png); }
.menu-wrapper .menu-items li.Announcement.Repository { background-image: url(/custom/default/images/icons/menu-megaphone.png); }
.menu-wrapper .menu-items li.VoiceMail { background-image: url(/custom/default/images/icons/menu-voicemail.png); }

.menu-wrapper .menu-items li:hover,
.menu-wrapper .menu-items li.selected {
    background-color: #1d2229;
}

.menu-wrapper .menu-items li a {
    width: 100%;
    height: 48px;
    margin: 0;
    padding: 0;
    background-image: none;
    text-indent: 64px;
}

.menu-wrapper .menu-items li.selected a {
    background-image: none;
}

.menu-wrapper .menu-items li a span,
.menu-wrapper .menu-items li.selected a span {
    width: 100%;
    height: 48px;
    padding-right: 0;
    color: #e9e9ea !important;
    line-height: 48px;
    font-weight: normal;
    background-image: none;
}

/* SUB ITEMS UNDER MAIN PAGE TITLE */
.content .menu-wrapper {
    padding: 0 0 0 0;
    border-top: none;
    min-height: 77px;
}
.content .menu-wrapper .menu{
    height: 46px;    
}
.content .menuTop{
    height: 140px;  
    min-height: 140px; 
    min-width: 710px;

}
.content .menu-wrapper .sub-items { 
    height: 36px;
    margin: 0;
}

.sub-items .dropdown {
    background-image: none;
    position: relative;
    padding-right: 13px !important;
}

.sub-items .dropdown:before {
    content: "";
    width: 0;
    height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #9e9e9e;
    position: absolute;
    margin: auto;
    right: 0;
    top: 0;
    bottom: 0;
}

.content .menu-wrapper .sub-items li {
    height: 36px;
    margin-right: 16px;
    margin-left: 0px;
}

.content .menu-wrapper .sub-items li a,
.content .menu-wrapper .sub-items li a span,
.content .menu-wrapper .sub-items li.selected a,
.content .menu-wrapper .sub-items li.selected a span {
    background-image: none;
}

.content .menu-wrapper .sub-items li a {
    height: 36px;
    padding: 0;
    line-height: 36px;
}

.content .menu-wrapper .sub-items li a span,
.content .menu-wrapper .sub-items li.selected a span,
.content .menu-wrapper .sub-items li a span div,
.content .menu-wrapper .sub-items li.selected a span div {
    height: 36px;
    padding-right: 0;
    font-size: 14px;
    line-height: 36px;
    font-weight: 700;
    color: #4c4c4c;
    text-transform: uppercase;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.content .menu-wrapper .sub-items li a:hover span,
.content .menu-wrapper .sub-items li a:hover span div,
.content .menu-wrapper .sub-items li.selected a span,
.content .menu-wrapper .sub-items li.selected a span div {
    color: #000 !important;
}

.content .menu-wrapper .sub-items li.selected a span,
.content .menu-wrapper .sub-items li.selected a span div {
    color: #000 !important;
    border-bottom: 2px solid #f68838;
}

#selectedMenuCaption {
    width: 710px;
    display: block;
    margin: 0 0 12px 0;
    font-size: 34px;
    font-weight: 300;
    color: #282f39;
    box-sizing: border-box;
    background-color: transparent;
    opacity: 0.8;
}

#selectedMenuCaption:focus {
    outline: none;
}
/* End of II.7. Left Menu */

/* II.8. SuperNav */
/* SuperNav */
#supernav {
    width: 200px;
    margin: 0 0 0 24px;
    padding: 15px 0 15px 0;
}

#supernav .supernav_search,
#supernav .supernav_search td,
.supernav_select,
.supernav_select select {
    max-width: 200px;
    padding: 0;
}

#supernav .supernav_search td {
    display: block;
    margin-bottom: 10px;
}

.supernav_level {
    margin-bottom: 0px;
}

#supernav .supernav_search .search-td {
    display: none;
}

#supernav .supernav_select select {
    font-size: 15px;
    font-weight: 400;
    color: #7e8288;
    border-color: #7e8288;
}

#supernav .supernav_select select option {
    overflow: hidden;
}

a.supernav_level:Hover {
    color: #2C92B3; 
    text-decoration: underline;
}

.menu-wrapper .menu {
    height: auto;
}

#navigation .menu-wrapper {
    background-color: #282f39;
}

#navigation {
    width: 248px;
    /*max-height: 100%;*/
    /*  height: calc(100% - 60px);*/
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 60px;
    bottom: 0px;
    z-index: 5;
    background-color: #282f39;
    color: #eaebec;
    box-sizing: border-box;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

#version-default {
/*    margin-top: -36px;*/
    display: block;
    position: relative;
    z-index: 999;
}

#navigation.in {
    left: -248px;
}
/* End of II.8. SuperNav */

/* II.9. Other Layout elements*/
/* HEADER */
.header {
    width: 100%;
    height: 60px;
    display: block;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    padding-bottom: 0;
    background-color: #FFF;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
}

.logo {
    max-height: 37px;
    vertical-align: middle;
    margin: 13px 0 0px 0;
}

#config-logo {
    max-height: 37px;
    vertical-align: middle;
    float: none;
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
    margin: 13px 0 65px 0;
    width: 392px;
    height: 95px;
    display: block;
    background-image: url('/custom/charter/images/spectrumlogo.png');
}

.account-menu {
    width: auto;
    height: auto;
    display: none;
    position: absolute;
    top: 58px;
    right: 0;
    padding: 10px 0;
    background-color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
}

.account-menu div {
    margin: 0;
    padding: 0;
}

.account-menu a,
.account-menu span {
    height: 30px;
    display: block;
    padding: 0 15px;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    line-height: 30px;
    color: #4b4b4b;
}

.account-menu a:hover {
    background-color: #e6e7eb;
}

.account-menu:after {
    width: 0;
    height: 0;
    content: ' ';
    display: block;
    position: absolute;
    z-index: 12;
    bottom: 100%;
    right: 10px;
    border: solid transparent;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #FFF;
    border-width: 8px;
}

#context_help_container,
#context_help_message {
    margin: 0;
    padding: 0;
}

#context_help_list {
    display: block !important;
    position: static;
    margin: 0;
    padding: 0;
    border: none;
}

#context_help_list a {
    font-size: 13px;
}

.round-nav {
    width: 36px;
    height: 36px;
    display: inline-block;
    position: relative;
    top: 11px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #e9eaeb;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    cursor: pointer;
}

.round-nav.transparent {
    background-color: transparent;
}

.round-nav:hover {
    opacity: 0.9;
}

/* FOOTER */
.footer {
    display: block;
    padding: 10px 40px 0 288px;
}

.footer.in {
    padding-left: 0px;
}
.external .footer,
#helperFooter .footer {
    padding: 10px 0 0 0;
}

#explanation {
    width: 710px;
    display: block; 
    padding: 5px 0 5px 0;
    font-size: 14px;
    box-sizing: border-box;
    background-color: transparent;
}

div#user_greeting {
    width: 100%;
    padding: 15px 15px 0;
    font-size: inherit;
    font-weight: normal;
    word-wrap: break-word;
}
/* End of II.9. Other Layout elements*/

/* III. Specific styles */
/* III.1. Login screen */
.external {
    color: #3a3d42;
}

.external .main {
    min-width: 0;
    padding-top: 0;
}

.external .main:before {
    display: none;
}

.external .two-col {
    width: 100%;
    height: 100%;
    display: block;
}

.external .col {
    height: 100%;
    float: left;
    margin: 0;
    padding: 0;
}

.external .col.content {
    width: 100%;
    background-color: #f9f9f9;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    clear: none;
}

.external .content .table {
    width: 263px;
    height: 100%;
    display: table;
    text-align: center;
    margin: 0 auto;
}

.external .content .table .cell {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.external .logo {
    width: 333px;
    object-fit: contain;
    object-position: 0;
}

.external h1 {
    margin: 65px 0 30px 0;
    font-size: 32px !important;
    font-weight: 300;
}

.external p {
    margin: 0 0 40px 0;
    font-size: 15px;
    line-height: 22px;
}

.external .error {
    margin: 0 0 40px 0;
}

.external .lower-buttons {
    margin-top: 100px;
    margin-bottom: 220px;
}

.external .forgot {
    float: left;
    font-size: 12px;
    line-height: 38px;
    color: #2C8744;
    text-transform: uppercase;
}

.external #content_holder #login input[type=submit] {
    float: right;
    clear: none;
    background-color: #2C8744;
}

.col .input-field,
#login .input-field {
    padding: 0 10px;
}

.external #content_holder #passwordResetForm input[type=submit] {
    float: left;
    clear: none;
    background-color: #2C8744;
}
.external #content_holder #otlPasswordResetForm input[type=submit] {
    float: left;
    clear: none;
    background-color: #2C8744;
}
/* End of III.1. Login screen */

/* III.2. Welcome screen */
.welcome {
    padding: 0;
}

.welcome .banner {
    width: 100%;
    height: auto;
    display: block;
}

.welcome p {
    max-width: 500px;
    margin: 0 auto;
    padding: 60px 0 100px 0;
    font-size: 22px;
    font-weight: 300;
    line-height: 32px;
    color: #333333;
    text-align: center;
}
/* End of III.2. Welcome screen */

/* III.3. Group Dashboard */
.sectionsWrapper .section {
    position: relative;
    margin-top: 40px !important;
    background-color: #FFF;
    border: none !important;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
}

.sHeader {
    background: transparent !important;
}

.sHeader span {
    padding: 0;
    font-size: 24px;
    font-weight: 400;
}

.sContent > div {
    width: 100% !important;
    margin: 0 !important;
}

.sContent a {
    text-decoration: underline;
}

.innerTable,
.innerTable > div {
    width: 100% !important;
    clear: both;
}

.usersSearch {
    width: 50%;
    position: absolute;
    top: 20px;
    right: 40px;
    text-align: right;
}

.usersSearchForm .input-field {
    width: 240px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
}

.usersSearchForm input {
    display: inline-block !important;
    vertical-align: middle;
    margin-bottom: 0;
}

.usersHeader,
.usersTabs ul {
    width: 100%;
    padding: 0 !important;
    text-align: center;
    background: none #FFF !important;
}

.usersTabs ul {
    border: 0 !important;
}

.usersHeader {
    height: 45px;
    border-bottom: 1px solid #e0e0e0;
}

.usersHeader li {
    height: 45px !important;
    line-height: 45px !important;
    padding: 0 0 0 2px;
    margin-left: 0 !important;
    font-size: 12px;
    color: #212121;
    text-transform: uppercase;
    box-sizing: content-box;
}

.usersTabs {
    padding: 0 !important;
}

.usersTabs li:not(.ui-state-disabled) a {
    text-decoration: underline !important;
}

.usersTabs ul li {
    height: 45px !important;
    line-height: 45px !important;
    display: block;
    float: left;
    margin-left: 4px;
    background-image: none !important;
    background-color: #FFF;
    border: 0 !important;
}

.usersTabs ul li.ui-state-hover {
    background: none #FFF !important;
    border: 0 !important;
}

.usersTabs ul li a,
.usersTabs ul li a div,
.usersTabs ul li a div div {
    font-size: 13px;
    color: #4b4b4b;
    outline: none;
}

.ui-widget-content,
.ui-widget.ui-widget-content{
    border: none;
}

.ui-tabs.ui-widget {
    border-bottom: 1px solid #e0e0e0 !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-disabled {
    background-color: #fff !important;
    border: 0 !important;
}

.usersTabs > div:not(.phone_tab_content) {
    display: none;
}

.phone_tab_content {
    clear: both;
}

.tCalls a img {
    padding-top: 10px;
}

.device-status {
    padding-top: 12px;
}

.usersTabs ul li.tSettings a img,
.vUsers .usersTabs .tSettings img {
    padding-top: 8px !important;
}

.ui-tabs .ui-tabs-panel {
    padding: 0; /* 1em 1.4em */
}

.name-tab {
    padding: 1em 1.4em;
}

.paging {
    padding: 10px 40px 20px 0;
}

.paging .description {
    font-size: 12px;
    font-weight: 400 !important;
    color: #757575;
}

.text_green {
    font-family: 'Roboto';
    color: #26a69a;
    background-color: transparent;
    text-transform: uppercase;
}

.aaTabs .tabsHeaders {
    border-bottom: 1px solid #e0e0e0;
    background-color: #fafafa !important;
    margin: 0 20px;
}

.settings-tab .aaTabs .tabsHeaders li {
    margin-right: 22px !important;
    padding: 0 !important;
}

.aaTabs .tabsHeaders li.ui-tabs-active {
    padding-top: 2px;
    border-bottom: 2px solid #f68838 !important;
    border-left: none !important;
    border-right: none !important;
}

.aaTabs .tabsHeaders li.ui-tabs-active a {
    color: #000 !important;
    position: relative;
    top: 1px;
}

.aaTabs .tabsHeaders li a {
    color: #4c4c4c !important;
    text-transform: uppercase;
    text-decoration: none !important;
}
/* End of III.3. Group Dashboard */

/* III.4. Activation Dashboard */
   
.activationDashboard .statusBar {
    white-space: nowrap;
}

/* End of III.4. Activation Dashboard */

/* Turn on scrollbar to edit*/
.selectBox::-webkit-scrollbar,
.group_numbers select::-webkit-scrollbar {
    width: 10px;
}

.selectBox::-webkit-scrollbar-thumb,
.group_numbers select::-webkit-scrollbar-thumb {
    background-color:#d9d9d9;
    border-radius:10px;
}

.selectBox::-webkit-scrollbar-track-piece,
.group_numbers select::-webkit-scrollbar-track-piece { 
    background-color: #fff;
}

table.directory-hunting tr:first-child {
    border-bottom: 1px solid #dedede;
}

table.directory-hunting tr:last-child {
    border-bottom: 1px solid #dedede;
}

table.directory-hunting tr td:first-child {
    border-right: 1px solid #d9d9d9 !important;
}

table.directory-hunting tr td:last-child {
    border-left: 1px solid #d9d9d9 !important;
}

table.directory-hunting tr:first-child td {
    border: none !important;
}

table#file_upload_form tr td.fileUploadIframeTd{
    padding: 0;
    vertical-align: top;
}

#file_upload_form div.error {
    min-height: 1;
    line-height: 1;
}

.fileUploadIframeTd input[name=submitBtn] {
    margin-bottom: 0;
}

.fileUploadIframeTd input[type="file"] {
    max-width: 250px!important;
}

.picker * {
    font-size: medium;
}

.picker .picker__date-display * {
    font-size: xx-large;
}

.picker .picker__date-display .picker__weekday-display {
    font-size: large;
}

/*Validate errors*/
table tr td label.validate_error,
label.validate_error , 
.content table td label.validate_error,
.required_fields_notice,
.error,
.error p,
.error ul li {
    color: red !important;
    font-size: 12px !important;
}

.no-paddings { 
    padding: 0 !important;
}

#newAdminDiv input[type=password],
#editAdminDiv input[type=password] {
    border-color: #D2D2D2;
    margin: 0;
}

.search_wildcard_tooltip {
    z-index: 9;
}

/*3.0 customization*/
.editUserForm .container {
    background-color: #fff;
    width: 90%;
    padding: 30px 40px;
}

.editUserForm .container .row {
    margin-left: auto;
    margin-right: auto;
}

#editUserContainer .editUserForm table td:first-child {
  white-space: nowrap;
}

.top-spacer {
    padding-top: 20px; 
}

#saveAutoAttendantInstance input.btn{
    margin-top: 8px;
}

.bottom-spacer {
    padding-bottom: 20px;
}

.col.s2p5 {
    width: 11%;
}

.at-sign {
    position: absolute;
    left: -6px;
}

.row.row-no-spacing {
    margin-bottom: 0px;
}

.custom-spacing.col {
    padding: 0.75em 0.75em;
}

.col.custom-offset {
    margin-left: 3% !important;
}

/* call center */

.hideMargins {
    margin: 0;
}

input#editWeightedButton {
    margin-bottom: -20px;
    margin-left: 10px;
}

#agentStateAfterCall {
    width: 150px;
    display: inline-block;
    padding: 0 5px;
}
/* end call center */

.header .cpcm_button_div {
    margin-right: 125px;
}

.submenu_container .dialing_menu td {
    vertical-align: top;
    padding: 5px;
    text-align: center;
}

.submenu_container .row legend {
    font-weight: bold;
}


/* BroadWorks Anywhere Profile */
.value-spacing {
    padding-left: 10px;
}

.left-indentation.col.s12 {
    margin-left: 14px;
}

/* dial plan policy */
#dialPlanPolicySettingsAllowE164PublicCalls_container {
    margin-left: 20px;
}

/* Visual Device Management */
.visual_device_content .avaliable_button_label {
    box-sizing: content-box;
}
.visual_device_content .available_button_label_snom.white {
    background-color: rgba(0, 0, 0, 0) !important;
}
.visual_device_content .available_button_label_snom.black {
    background-color: rgba(0, 0, 0, 0) !important;
}
.modal {
    box-sizing: content-box;
    max-height: none;
    overflow: visible;
    z-index: 15;
}

.modal .role_fieldset {
    padding: 0!important;
}
.modal_content .blf_fieldset legend {
    opacity: 1!important;
}

.modal_content div#ringer {
    margin-top: -44px;
}

.modal_content .search_wildcard_tooltip {
    right: 4px;
    width: 420px;
}
/* END Visual Device Management */

/* Holiday schedule */

.input-field button.ui-datepicker-trigger {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0.75rem;
    background: none;
    padding: 0;
    box-shadow: none;
}

button.ui-datepicker-trigger:focus {
    outline: 1px dotted #212121;
    outline: 5px auto -webkit-focus-ring-color;
    background: none;
}

#holidayScheduleTable td {
    padding-top: 15px;
}

#holidayScheduleTable td:last-child div.input-field {
    margin-top: 0px;
}

div[id^="limited_"] .input-field {
    padding-right: 30px;
}

div[id^="limited_"] .input-field img.ui-datepicker-trigger {
    bottom: 14px;
}

.service_table th {
    background: inherit;
    font-size: inherit;
    font-weight: bold;
    text-align: inherit;
}

table.enterpriseDirectoryTopLinks {
    width: auto;
}

#entVoiceVpnFormSearch td:first-child {
    width: 150px;
    white-space: nowrap;
}

/* group departments */
#departmentFormNewDiv .errorPlace,
#departmentFormEditDiv .errorPlace{
    top: 40px;
    position: absolute;
    width: 522px;
    left: 0;
}

/* audit */
.datepicker,
.datetimepicker {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    outline: none;
    height: 3rem;
    font-size: 1rem;
    margin: 0 0 15px 0;
    padding: 0;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    transition: all .3s;
}

.ui-datepicker {
    border: 1px solid #aaa;
}

.ui-datepicker .ui-datepicker-title select {
    min-height: 1.8em;
    height: 1.8em;
    line-height: 1.8em;
}
.ui-datepicker .ui-datepicker-header a.ui-datepicker-next,
.ui-datepicker .ui-datepicker-header a.ui-datepicker-prev {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none; 
    top:3px;
}
.ui-datepicker .ui-datepicker-header a.ui-datepicker-next-hover {
    top:3px;
    right:2px;
}
.ui-datepicker .ui-datepicker-header a.ui-datepicker-prev-hover {
    top:3px;
    left:2px;
}

/* similar with width: auto style that doesn't work ok everywhere */
input.datepicker {
    min-width: 104px;
}
.dateRange .input-field {
    height: 0;
}

#auditLog_content .x-panel{
    min-width: auto;
}

span.center-align {
    margin-top: 27px;
    position: absolute;
}

#auditScoreboard_form .input-field {
    margin-top: 0;
}
/* end audit */

/* site services : music on hold */
.domainRow:nth-child(2) {
    position: relative;
}

.domainRow:nth-child(2) span {
    position: absolute;
    top: 12px;
    margin: 0 0 0 -15px;
}

body.file_upload {
    background-color: transparent;
    padding: 0;
    margin: 0;
}

.mic-recorder button.rec-popup-open:hover,
.mic-recorder button.rec-popup-open:focus {
    background-color: transparent;
}

button.rec-popup-open { 
    margin-top: 10px;
}

body.file_upload button.rec-popup-open {
    box-shadow: none;
    margin-top: 5px;
    margin-left: 3px;
}

#trStartDate .row div:nth-child(2) span,
#trScheduleDate .row div:nth-child(2) span,
#trReportStartDate .row div:nth-child(2) span,
#trReportEndDate .row div:nth-child(2) span{
    position: absolute;
    top: 10px;
}

/* Readonly values in forms fix */
.input-field .readOnlyInput {
    padding-top: 10px;
    display: inline-block;
}

#auditlog_scoreboard_content {
    display: none;
    margin-top: 2rem;
}

/* Fixes multi-select display in Group Services > Calling Plans > Account/Auth Codes */
table.auth-codes-users td select[multiple] {
    width: 100%;
}
table.auth-codes-users .middleButttons {
    width: 20%;
}
table.auth-codes-users .middleButttons {
    text-align: center;
    border-right: 1px solid #dedede;
    border-left: 1px solid #dedede;
}

.auth-codes-users #auth-codes-users-container {
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

.auth-codes-users.materialFieldsContainer select[multiple]{
    border-bottom: none;
}

/* Fixes for Helper area */
#helperContainer {
    width: 100%;
    height: 100%;
    position: relative;
}

#version {
    bottom: 0;
    font-size: 10px; 
    font-style: italic;
    position: absolute;
}

.menu_pane {
    top: 65px;
}

td#content_pane {
    vertical-align: top;
}

#help_contents {
    width: 100%;
    margin-top: 0;
}

#help_contents #content_pane ul li {
    list-style-type: disc;
    margin-left: 40px;
}

#help_contents #content_pane code{
   font-family: 'Courier New', monospace;
   font-weight: bold;
}

#helperContainer #content_pane {
    padding-left: 22%;
}

#helperContainer h1, 
#helperContainer h2,
#helperContainer h3,
#helperContainer h4,
#helperContainer h5,
#helperContainer h6 {
    font-weight: bold;
}

#announcements_edit {
    margin-top: 20px;
}

table.von_add {
    width: 100%;
}

.databaseFieldset .dbFailoverInput label {
    min-width: 140px;
}

/* Fixes for Helper area buttons */
#help_contents #content_pane button {
    padding-left: 10px;
    padding-right: 10px;
    line-height: 28px;
}

.external .footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.dash_sso,
.header .SAMLSSOChangePasswordLink {
    text-align: left;
}

#context_help_message span.message {
    padding: 0 15px;
    background: transparent;
    color: #666;
    text-align: left;
    border-bottom: 1px solid #D2D2D2;
    font-weight: bold;
}

.right-menu {
    position: absolute;
    top: 0;
    right: 20px;
}

.header .cpcm_button_div {
    float: none;
    display: inline-block;
    margin-right: 10px;
}

.editUser .fieldsContainer {
    margin: 10px 0 0;
}

#addUserForm .fieldRow div:first-child, 
.adUserEditorForm .fieldRow div:first-child {
    width: 210px;
}

#addUserForm .fieldRow div.phoneNumberWrapper,
.adUserEditorForm .fieldRow div.phoneNumberWrapper,
.adUserEditorForm .fieldRow div div.phoneNumberWrapper,
#addUserForm .fieldRow div:last-child > select,
.adUserEditorForm .fieldRow div:last-child > select, 
.adUserEditorForm .fieldRow .phoneNumberWrapper select,
#addUserForm .fieldRow div:last-child > input[type="text"],
#addUserForm .fieldRow div:last-child > input[type="password"],
.adUserEditorForm .fieldRow div:last-child > input[type="text"],
.adUserEditorForm .fieldRow div:last-child > input[type="password"] {
    width: 330px;
}

.mic-recorder .rec-popup {
    line-height: normal;
    box-sizing: content-box;
    margin-top: 31px;
}

.hidden {
    display: none;
}

.error.digitStringEdit { 
    max-width: 760px;
}

.group_numbers select[multiple] {
    border: none;
}

.group_numbers .tblBody div:first-child,
.group_numbers .tblBody div:last-child {
    padding: 0;
    line-height: 1;
}

.group_numbers .tblBody div:nth-child(2) {
    text-align: center;
}

#departmentSelection {
	margin-bottom: 5px;
}

.ui-dialog #recordings {
    min-width: 750px;
}

 body.x-body-masked .x-window-plain .x-window-bwrap .x-window-mc {
    background-color: #fff;
}

td.reset_model {
    vertical-align: top;
}

td.reset_model form {
    height: 3rem;
    line-height: 3rem;
    margin: 1px;
    white-space: nowrap;
}

#addAnnouncementRepoTable,
#editAnnouncementRepoTable {
    width:100%;
}

.announcementAddFileLabel {
    vertical-align: top;
}

.annRepoUsage {
    color: black;
}

#user_service_level3_dialog table.service_table td.loadAlternateGreetingIframeContainer.greetingAnnDropdown {
    padding-top: 10px;
}
#busyGreetingFileUploadLabelContainer.greetingAnnDropdownLabel,
#noAnswerGreetingFileUploadLabelContainer.greetingAnnDropdownLabel {
    padding-top: 14px !important;
}

.mohExternalSubSection {
    margin-left: 30px;
}

#otlPasswordResetForm div.row,
#passwordResetForm div.row {
    padding-top: 10px;
}

.blf_fieldset #selectAvailableUsers {
    min-height: 95px;
}

.blf_fieldset .service_users_select_boxes {
    table-layout: fixed;
}

.polycom_ringer_select {
    width: 155px;
}
#callingLineIdPhoneNumber {
    width: 230px;
}

#content_box .customRadio legend,
body .customRadio fieldset legend {
    font-size: 15px !important;
    margin: 0 3px 0 0
}

.onOffFieldset legend {
    float: left;
}

body .customRadio fieldset {
    margin: 0;
    padding: 15px 0
}

legend.outbound {
    float: left;
    margin-left: -9999px !important;
    display: inline;
    height: 0px;
}

.fullWidth {
    width: 100%;
}

.halfWidth {
    float: left;
    display: inline;
    width: 25%;
}

.nopadding {
    padding: 0 !important;
}

.divTable {
    display:  table;
    width: auto;
}

.divRow {
    display: table-row;
    width: auto;
}

.divCell {
    padding: 0px 5px;
    float: left;
    display: table-column;
    min-width: 200px;
    min-height: 10px;
}

.extraPadding {
    padding: 15px 5px;
}

.width300 {
    min-width: 300px;
}

.width400 {
    min-width: 400px;
}

.divHeading {
    color: #000000 !important;
    text-align: left;
    vertical-align: middle;
    border: none !important;
    border-bottom: 1px rgba(0,0,0,.12) solid !important;
    font-family: 'Roboto', sans-serif;
    font-size: 13px !important;
    text-transform: uppercase;
    font-weight: 700;
}

/* High contrast mode */

.ui-dialog .ui-dialog-titlebar-close {
    overflow: hidden;
}

.ignore-color .ui-dialog .ui-dialog-titlebar-close:after {
    content: 'X';
    position: absolute;
    left: 0;
    right: 0;
    text-indent: 0;
    line-height: 1;
}

.ignore-color .ui-widget.ui-widget-content {
    border: 1px solid #d3d3d3;
    padding-bottom: 25px;
}

.ignore-color .ui-dialog .ui-dialog-buttonpane {
    border-top: solid 1px;
    padding-bottom: 1px;
}

.ignore-color button,
.ignore-color input[type="submit"],
.ignore-color input[type="reset"],
.ignore-color input[type="button"],
.ignore-color .ui-dialog-buttonset .ui-button,
.ignore-color .ui-dialog-buttonset .ui-state-default,
.ignore-color .ui-dialog-buttonset .ui-widget-content .ui-state-default,
.ignore-color .ui-dialog-buttonset .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
}

.ignore-color select {
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important; 
    appearance: menulist !important;
}

.ignore-color [type="checkbox"] + label:before {
    display: none;
}

.ignore-color [type="checkbox"] + label:after {
    content: '';
    line-height: 1;
    text-align: center;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
    border: 2px solid #000 !important;
    border-radius: 0 !important
}

.ignore-color [type="checkbox"]:checked + label:after {
    content: "\2714";
}

.ignore-color .phone_icon,
.ignore-color .settings-tab .settings_section .phone_icon {
    display: inline-block;
    position: relative;
}

.ignore-color .phone_icon:before {
    content: url(data:image/png;base64,R0lGODlhEQAQANUAAP///8XL1ezs8ff3+vz8/e7v9Nrd5eXn7OHj6NDU3dPX4Nnc49LW3u/x9ff4+vX2+PLz9cXL1sHH0sTK1NHW3sTL1cbM1czS28vR2sfN1t7i6Ors79fc49bb4uvu8ujr7+fq7svS29vg5uPn7OLm687U2/r8/Pf4+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAAALAAAAAARABAAAAZxQIBwSCwaRRiQcQkISUJM4gLhoUg4UUCjMiE9OpAsKRCYjLJCkCUTEKGFl0ryDTgEIpiPUVkUTSYZZ0IeCRYkRQ9xARYaQgIXARkeRR4lExEWDBgdBQwZeogKFWRlBg8HUQYZEwGjCGgbHQkJBmF0RkEAOw==);
    position: absolute;
    top: 2px;
    left: 0;
}

.ext-webkit .content select:focus,
.ext-webkit .ui-dialog select:focus {
    outline-style: solid !important;
    outline-width: 2px !important;
    outline-color: #bbb !important;
}


.timeSchedulesContent .tabpanel-container .x-tab-panel-header ul li {
    padding: 0;
}

.timeSchedulesContent .tabpanel-container .x-tab-panel-header ul li a.x-tab-right {
    padding: 3px 10px 3px 30px;
}

.ringBackTable .fileUploadLabelTd {
    vertical-align: top;
	padding-top: 15px!important;
	padding-left: 0!important;
}

.ringBackTable .fileUploadIframeContainer {
    padding-top: 15px!important;
}

.ringBackTable .fileUploadIframeContainer > p {
    margin: 0 0 10px;
}

#customRingbackGroupForm .fileUploadIframeTd {
    vertical-align: middle !important;
    
}

.vvmMessageContainer .error{
    display: table-cell;
}

#saveAutoAttendantInstance #vpPassCodeTable .userTableLtd{
    width: 175px;
}

.dialing_menu td {
    vertical-align: top;
}

#bhPersonal span, 
#ahPersonal span, 
#hhPersonal span,
.aaGDPersonalGreetings span {
    line-height: 3rem;
}

#user_password_form_new_voiceportal_passcode, #user_password_form_retype_voiceportal_passcode{
    width: 280px;
}

.hidden-element {
    position: absolute;
    left:-9999px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}

.tablesorter-header-focused {
    outline: 1px dotted #212121 !important;
}

#entdir .tablesorter-header .js-theader-button{
    border: none;
    background-color: inherit;
    cursor: pointer;
    padding: 0px;
    text-align: left;
    text-transform: uppercase;
}

#entdir .tablesorter-header{
    z-index: -1;
}


#entdir.tablesorter-default .tablesorter-header {
    padding: 0px 20px 0px 4px !important;
}