.html, body {
    height: 92.8%;
    font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    color: #666666;
    margin:0;
    font-size: 11pt;
}
.wrapper {
    min-height: 100%;
    margin-bottom: -50px;
}
.footer {
    max-height: 140px;
    height: 100%;
    width: 80%;
    color: white;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    padding: 2px;
    font-size: small;
}



footer {
    background: #666666;
}

.left_float {
    float: left;
}

.push {
    height: 50px;
}

.textarea {
    width: 98%;
    height: 100px;
    font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    border: #cccccc 1px solid;
    border-radius: 5px;
    padding: 8px;
    color: #666666;
}

.textarea_error {
    width: 98%;
    height: 100px;
    font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    border: red 2px solid;
    border-radius: 5px;
    padding: 8px;
    color: #666666;
}

form {
    margin:0;
}

a {
    color: orange;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    color: orange;
    text-decoration: underline;
    cursor: pointer;
}

a.logout {
    color: white;
    text-decoration: none;
}

a.logout:hover {
    color: white;
    text-decoration: underline;
}

.error {
    font-weight: bold;
    color: red;
    font-size: 10pt;
}
.loading_text,
.saving {
    font-weight: bold;
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    padding: 4px;
}

.voip_checkout,
.margin20 {
    margin-left: 20px;
}

.status_message_margin10 {
    margin-left: 10px;
}

.status_message {

}

input[type=radio] {
    appearance: none;
    padding: 6px;
    background-color: white;
    border-radius:50%;
    border: 1px #666666 solid;
}
input[type=radio]:checked {
    background-color: orange;
}


input[type=email]
{
    border: #cccccc 1px solid;
    border-radius: 5px;
    padding: 8px;
    max-width: 100px;
    color: #666666;
    font-size: 0.8em;
}




.input_text {
    border: #cccccc 1px solid;
    border-radius: 5px;
    padding: 8px;
    max-width: 100px;
    color: #666666;
    font-size: 0.8em;
}

.input_text_error {
    border: red 1px solid;
    border-radius: 5px;
    padding: 8px;
    max-width: 100px;
    color: #666666;
    font-size: 0.8em;
}

input[type="file"] {
    position: absolute;
    left: -99999rem
}

.required {
    color: orange;
    font-weight: bold;

}

.noscript {
    width:99%;
    border: 5px solid red;
    font-weight:bold;
    text-align: center;
    font-size: 20pt;
    color: red;
    margin: 10px auto;
}



.call_flow_diagram {
    box-shadow: 0 0 8px -8px rgba(0,0,0,0.2), 0 6px 8px 0 rgba(0,0,0,0.19);
    border-radius: 5px;
    border:2px solid #666666;
    padding: 5px;
    text-align:center;
}

.call_flow_diagram_img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

.custom-file-upload {
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    background: orange;
    color: white;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.2), 0 6px 8px 0 rgba(0,0,0,0.19);
    border-radius: 5px;
    font-size: 10pt;
}

.filter_text {
    border: #cccccc 1px solid;
    border-radius: 5px;
    padding: 4px;
    min-width: 100px;
    color: #666666;
}

.filter_text:disabled {
    background-color: #cccccc;
}



.password_text {
    color: orange;
    font-size: 9pt;
}

.button {
    display: inline-block;
    border-radius: 4px;
    background-color: orange;
    border: none;
    color: #FFFFFF;
    text-align: center;
    font-size: 14px;
    padding: 5px;
    width: 116px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 5px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.2), 0 6px 8px 0 rgba(0,0,0,0.19);
}

.menu_button,
.filter_button {
    display: inline-block;
    border-radius: 4px;
    background-color: orange;
    border: none;
    color: #FFFFFF;
    text-align: center;
    font-size: 14px;
    padding: 5px;
    width: 100px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 5px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.go_button {
    display: inline-block;
    border-radius: 4px;
    background-color: orange;
    border: none;
    color: #FFFFFF;
    text-align: center;
    font-size: 14px;
    padding: 10px;
    width: 60px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 5px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.go_button span,
.filter_button span,
.button span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
}

.go_button span:after ,
.filter_button span:after,
.button span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.5s;
}

.go_button:hover span ,
.filter_button:hover span,
.button:hover span {
    padding-right: 25px;
}

.go_button:hover span:after,
.filter_button:hover span:after,
.button:hover span:after {
    opacity: 1;
    right: 0;
}


.select {
    width: 70%;
    padding: 8px 8px;
    border-radius: 5px;
    background-color: white;
    color: #666666;
    border: 1px solid #cccccc;
}

.select_customer {
    width: 60%;
    padding: 8px 8px;
    border-radius: 5px;
    background-color: white;
    color: #666666;
    border: 1px solid #cccccc;
}

.select_settings,
.select_menus,
.select_category {
    max-width: 146px;
    padding: 8px;
    border-radius: 5px;
    background-color: white;
    color: #666666;
    border: 1px solid #cccccc;
    font-size: 0.8em;

}

.select_menus_error {
    border: red solid 2px;
}

.select_time {
    width: 60px;
    padding: 8px 8px;
    border-radius: 5px;
    background-color: white;
    color: #666666;
    border: 1px solid #cccccc;
}

.jump_menu {
    background:whitesmoke;
    border: orange 2px solid;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.2), 0 6px 8px 0 rgba(0,0,0,0.19);
}


.chart-container {
    height: 400px;
    width: 98%;
    margin-right: auto;
    margin-left: auto;
}

.page_link_container {
    margin-top: 20px;
    padding: 4px;
    width: 98%;
    margin-right: auto;
    margin-left: auto;
}

.send_container .save_inner_container_success,
.send_container .save_inner_container_error{
    width: 98%;
}

#main_container #jump_menu_container {
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#main_container #config_option_notification {
    text-align: center;
    padding:10px;
    border:2px solid orange;
    width: 94%;
    margin-left: auto;
    margin-right: auto;
}

#main_container #config_option_notification #selectedOptionCount {
    font-weight: bold;
}

#main_container #ivr_internal_container .error_field_name {
    display: inline-block;
    width: 150px;
    float: left;
}

.text_only_container {
    max-width: 250px;
    padding: 4px;
    margin-top: 5px;
    margin-bottom: 5px;
    overflow: auto;
}

.text_only_container .field_name {
    display: inline-block;
    width: 200px;
    height: 25px;
}

.text_only_container .field_value {
    width: 240px;
    overflow: auto;
    height: 25px;
    padding-top: 5px;
}

.form_field_container {
    max-width: 250px;
    padding: 4px;
    margin-top: 5px;
    margin-bottom: 5px;
    overflow: auto;
}

.form_field_container .field_name {
    display: inline-block;
    width: 150px;
}

.form_field_container .field_value_checkbox,
.form_field_container .field_value_call_queue,
.form_field_container .field_value {
    overflow: auto;
    display: inline-block;
}


.form_field_container .field_value_checkbox {
    height: 30px;
    padding-top: 2px;
}

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

.form_field_container .error_field_name {
    display: inline-block;
    width: 150px;
    padding: 5px;
}

.form_field_container .error_field_value {
    width: 200px;
    overflow: auto;
    padding: 5px;
}

#header_container {
    padding: 2px;
    overflow: auto;
    background: #666666;
}

#header_container #user_details{
    font-size: small;
    color: white;
    padding: 10px;
    text-align: center;
}

#header_container #logo{
    text-align: center;
}

#header_container #logo #environment {
    color: orange;
    font-size: 1.1em;
    font-weight: bold;
}

#main_container {
    width:98%;
    margin-left: auto;
    margin-right: auto;
    min-height: 600px;
    height: 100%;
}

#main_container h1 {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    color: orange;
}

#main_container h2 {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    color: #666666;
}

#main_container h3 {
    width:98%;
    margin-left: auto;
    margin-right: auto;
}

#main_container .home_welcome {
    margin: 0 ;
}



#main_container #internal_ivr_container {
    overflow-x: auto;
    display: none;

}

#main_container #internal_ivr_container #ivr_table {
    width:98%;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #666666;
}

#main_container #add_link {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
}

#main_container #create_category_link,
#main_container #upload_link {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
}

#main_container #contact0 {
    width:94%;
    border: 2px solid orange;
    padding:8px;
    overflow: auto;
    margin-right: auto;
    margin-left: auto;
}

#main_container #request_link_container {
    width:98%;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
    margin-bottom: 10px;
}

#main_container #internal_container #internal_payment_method_container #invoice_payment_method_table_container {
    margin-left: 10px;
}


#main_container #internal_container #accounts_table {
    width:98%;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #666666;
}

#main_container #internal_container #allocations_table {
    width:98%;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #666666;
}

#main_container #internal_ring_groups_container {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
}

#main_container #internal_unpaid_container #selected_invoices,
#main_container #page_description {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
}

#main_container #faq_container {
    width:98%;
    margin-right: auto;
    margin-left: auto;
    overflow: auto;
}

#main_container #faq_container #faqs {

}

#main_container #privacy_policy_container {
    width: 98%;
    margin-right: auto;
    margin-left: auto;
}

#main_container #contact_container {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
}

#main_container #contact_container #contact_details {

}

#main_container #contact_container #contact_details h3 {
    margin: 20px 0 20px 0;
}

#main_container #contact_container #contact_form_container h3 {
    margin: 20px 0 20px 0;
}

#main_container #contact_container #contact_form_container #contact_form .field_name {
    display: inline-block;
    width: 200px;
}

#main_container #contact_container #contact_form_container {

}

#main_container #contact_container #contact_form_container #contact_form {

}


#main_container #contact_container #contact_form_container #contact_form #button_container {
    width: 98%;
}


#main_container #faq_container #dropdown_help {

}

#main_container #faq_container #dropdown_help .dropdown {
    background: orange;
    color: white;
    padding: 4px;
    border-bottom: solid 1px white;
    width: 98%;
    cursor: pointer;
}

#main_container #faq_container #dropdown_help #glossary_content {
    width: 98%;
    border-bottom: 1px solid #666666;
}

#main_container #faq_container #dropdown_help #quick_how_tos {
    width: 98%;
}

#main_container #faq_container #dropdown_help #manuals {
    width: 98%;
}

#main_container #faq_container #dropdown_help #phone_pay_plus {
    width: 98%;
}

#main_container #faq_container #dropdown_help #developer_apis {
    width: 98%;
}

#main_container #faq_container #dropdown_help #other_docs {
    width: 98%;
}

#main_container #faq_container #dropdown_help .dropdown a {

    color: white;
}

#main_container #faq_container #dropdown_help .title {
    background: #666666;
    color: white;
    margin: 0;
    padding: 4px;
    border-right:1px solid #666666;
    border-left:1px solid #666666;
    font-size: 10pt;
    width: 99%;
}

#main_container #faq_container #dropdown_help .description {
    margin: 0;
    padding: 4px;
    border-right:1px solid #666666;
    border-left:1px solid #666666;
    font-size: 10pt;
    width: 99%;
}

#main_container #faq_container #dropdown_help .link {
    margin: 0;
    padding: 4px;
    text-align: right;
    background:white;
    border-right:1px solid #666666;
    border-left:1px solid #666666;
    border-bottom:1px solid #666666;
    font-size: 10pt;
    width: 99%;
}

#main_container #faq_container #faqs #faq_pad .question {
    cursor: pointer;
    color: white;
    background: #666666;
    padding: 4px;
    width: 98%;
}

#main_container #internal_ivr_container #ivr_table_container,
#main_container #table_container,
#main_container #contact_table_container {
    overflow-x: auto;
}

#main_container #internal_container {
    overflow-x: auto;
}

#main_container #internal_container #accounts_table .accounts_header{
    border-left: 1px solid white;
    padding: 4px;
    text-align: center;
    background-color: orange;
    color: white;
    font-weight: bold;

}

#main_container #internal_container #accounts_table .accounts_header_left{
    padding: 4px;
    text-align: center;
    background-color: orange;
    color: white;
    font-weight: bold;
}

#main_container #internal_container #accounts_table .accounts_content{
    border-left: 1px solid #666666;
    border-bottom: 1px solid #666666;
    padding: 4px;
    text-align: center;
    color: #666666;
    font-weight: bold;
    background: white;
}

#main_container #internal_container #accounts_table .accounts_content_left{
    padding: 4px;
    text-align: center;
    color: #666666;
    font-weight: bold;
    background: white;
    border-bottom: 1px solid #666666;

}

#main_container #internal_container #accounts_table .accounts_content2{
    border-left: 1px solid #666666;
    border-bottom: 1px solid #666666;

    padding: 4px;
    text-align: center;
    color: #666666;
    font-weight: bold;
    background: #cccccc;
}

#main_container #internal_container #accounts_table .accounts_content_left2{
    padding: 4px;
    text-align: center;
    color: #666666;
    font-weight: bold;
    background: #cccccc;
    border-bottom: 1px solid #666666;

}

#main_container #internal_unpaid_container {

}

#main_container #internal_unpaid_container #unpaid_invoice_table {
    overflow-x: auto;
}

#main_container #customer0 {
    width:94%;
    border: 2px solid orange;
    margin-left: auto;
    margin-right: auto;
    padding:8px;
}

#main_container #call_times_request_form_container,
#main_container #call_location_request_form_container,
#main_container #call_summary_request_form_container,
#main_container #call_data_request_form_container {
    width:94%;
    border: 2px solid orange;
    margin-left: auto;
    margin-right: auto;
    padding:8px;
}

#main_container #override0 {
    width:94%;
    border: 2px solid orange;
    padding:8px;
    overflow: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
}

#main_container .keypress_options {
    background: whitesmoke;
    width: 99%;
    border: 1px solid orange;
}

#main_container .keypress_options_alt {
    background: white;
    width: 99.8%;
    border: 1px solid orange;

}

#main_container #keypress0 {
    font-size: 0.8em;
}

#main_container #create_category_container ,
#main_container #upload_container ,
#main_container #target0,
#main_container #keypress0 ,
#main_container #menu0 {
    width:97%;
    border: 2px solid orange;
    padding:8px;
    overflow: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
}

#main_container #upload_container_simple_setup {
    width:96%;
    border: 2px solid orange;
    padding:5px;
    overflow: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
}

#main_container #upload_container_simple_setup,
#main_container #create_category_container ,
#main_container #upload_container {
    margin-top: 10px;
}

#main_container #upload_container_simple_setup #internal_upload_container,
#main_container #upload_container #internal_upload_container {
    margin: 10px;
}

#main_container #upload_container_simple_setup #internal_upload_container #upload,
#main_container #upload_container #internal_upload_container #upload {
    padding:4px ;
}

#main_container #upload_container #internal_upload_container #upload .category {

}
#main_container #upload_container_simple_setup #internal_upload_container #upload .file,
#main_container #upload_container #internal_upload_container #upload .file {
    margin-top: 5px;
    float: left;
    height: 30px;
    padding-top: 0;
}

#main_container #upload_container_simple_setup #internal_upload_container #upload .clear,
#main_container #upload_container #internal_upload_container #upload .clear{
    margin-top: 5px;
    float: left;
    padding-top: 4px;
    margin-left: 10px;
}

#main_container #upload_container_simple_setup #internal_upload_container #upload .button_container,
#main_container #upload_container #internal_upload_container #upload .button_container{
    width:98%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#main_container #internal_container #company_details_container #internal_company_details_container #account_details #content_container .account_field_name {
    width: 46%;
    display: inline-block;
    padding: 5px;
    float: left;
}

#main_container #internal_container #company_details_container #internal_company_details_container #account_details #content_container .account_field_value {
    width: 46%;
    display: inline-block;
    padding: 5px;
    float: left;
}

#main_container #customer0 .customer_details_container {
    overflow: auto;
    width: 98%;
}
#main_container #customer0 .customer_details_container .column {

}

#main_container #customer0 .customer_details_container .column label .field_name {
    width: 100px;
    display: inline-block;
    padding: 5px;
}

#main_container #customer0 .contact_details_button_container {
    margin-top: 10px;

}



#main_container  #internal_container #allocations_table .allocation_header{
    border-left: 1px solid white;
    padding: 4px;
    text-align: center;
    background-color: orange;
    color: white;
    font-weight: bold;

}

#main_container  #internal_container #allocations_table .allocation_header_left{
    padding: 4px;
    text-align: center;
    background-color: orange;
    color: white;
    font-weight: bold;
}


#main_container #internal_container #allocations_table .allocation_content_container .allocation_content{
    border-left: 1px solid #666666;
    border-bottom: 1px solid #666666;
    padding: 4px;
    text-align: center;
    color: #666666;
    font-weight: bold;
    background: white;
}

#main_container #internal_container #allocations_table .allocation_content_container .allocation_content_left{
    padding: 4px;
    text-align: center;
    color: #666666;
    font-weight: bold;
    background: white;
    border-bottom: 1px solid #666666;

}

#main_container #internal_container #allocations_table .allocation_content_container .allocation_content2{
    border-left: 1px solid #666666;
    border-bottom: 1px solid #666666;

    padding: 4px;
    text-align: center;
    color: #666666;
    font-weight: bold;
    background: #cccccc;
}

#main_container #internal_container #allocations_table .allocation_content_container .allocation_content2{
    padding: 4px;
    text-align: center;
    color: #666666;
    font-weight: bold;
    background: #cccccc;
    border-bottom: 1px solid #666666;

}

#main_container #internal_container #allocations_table .allocation_content_container .allocation_content_left2{
    padding: 4px;
    text-align: center;
    color: #666666;
    font-weight: bold;
    background: #cccccc;
    border-bottom: 1px solid #666666;

}

#main_container #internal_ivr_container #ivr_table .ivr_header{
    border-left: 1px solid white;
    padding: 4px;
    text-align: center;
    background-color: orange;
    color: white;
    font-weight: bold;

}

#main_container #internal_ivr_container #ivr_table .ivr_header_left{
    padding: 4px;
    text-align: center;
    background-color: orange;
    color: white;
    font-weight: bold;
}


#main_container #internal_ivr_container #ivr_table .ivr_content_container .ivr_content{
    border-left: 1px solid #666666;
    border-bottom: 1px solid #666666;
    padding: 4px;
    text-align: center;
    color: #666666;
    font-weight: bold;
    background: white;
}

#main_container #internal_ivr_container #ivr_table .ivr_content_container .ivr_content_left{
    padding: 4px;
    text-align: center;
    color: #666666;
    font-weight: bold;
    background: white;
    border-bottom: 1px solid #666666;

}

#main_container #internal_ivr_container #ivr_table .ivr_content_container .ivr_content2{
    border-left: 1px solid #666666;
    border-bottom: 1px solid #666666;

    padding: 4px;
    text-align: center;
    color: #666666;
    font-weight: bold;
    background: #cccccc;
}

#main_container #internal_ivr_container #ivr_table .ivr_content_container .ivr_content_left2{
    padding: 4px;
    text-align: center;
    color: #666666;
    font-weight: bold;
    background: #cccccc;
    border-bottom: 1px solid #666666;

}

#main_container #internal_ivr_container .field_name {
    display: inline-block;
    width: 200px;
}


#main_container #ivr_mobile_container {
    font-size: 0.8em;
}

#main_container #ivr_mobile_container #header_container {
    overflow: auto;
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    border:1px solid #666666;
    background: orange;
    color: white;"
}

#main_container #ivr_mobile_container #header_container #header_left {
    width: 30%;
    float:left;
    padding: 4px;
    text-align: center;
}

#main_container #ivr_mobile_container #header_container #header_right {
    width: 60%;
    float:left;
    padding: 4px;
    border-left: white solid 1px;
}

#main_container #ivr_mobile_container .ivr_basic_details_container {
    overflow: auto;
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    border:1px solid #666666;
}

#main_container #ivr_mobile_container .ivr_basic_details_container .ivr_basic_details_left {
    width: 30%;
    float:left;
    padding: 4px;
    text-align: center;
}

#main_container #ivr_mobile_container .ivr_basic_details_container .ivr_basic_details_right {
    width: 60%;
    float:left;
    padding: 4px;
    border-left: #666666 solid 1px;
}
#main_container #ivr_mobile_container .ivr_details_container {
    border: 1px solid #666666;
    overflow: auto;
    width: 98%;
    margin-left: auto;
    margin-right: auto;
}

#main_container #ivr_mobile_container .ivr_details_container .field_container {
    padding: 4px;
}

#main_container #ivr_mobile_container .ivr_details_container .field_container .field_name {
    display: inline-block;
    width:100px;
}

#main_container #ivr_mobile_container .ivr_details_container .field_container .phone_number_data {
    width: 46%;
    float:left;
    padding: 4px;
}

#main_container #ivr_mobile_container .ivr_details_container .field_container .field_name_top {
    display: inline-block;
    width:100px;
    vertical-align: top;
}


#main_container #internal_container #store_table {
    width:98%;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #666666;
}

#main_container #internal_container #store_table .store_header{
    border-left: 1px solid white;
    padding: 4px;
    text-align: center;
    background-color: orange;
    color: white;
    font-weight: bold;

}

#main_container #internal_container #store_table .store_header_left{
    padding: 4px;
    text-align: center;
    background-color: orange;
    color: white;
    font-weight: bold;
}

#main_container #internal_container #store_table .store_content{
    border-left: 1px solid #666666;
    border-bottom: 1px solid #666666;
    padding: 4px;
    text-align: center;
    color: #666666;
    font-weight: bold;
    background: white;
}

#main_container #internal_container #store_table .store_content_left{
    padding: 4px;
    text-align: center;
    color: #666666;
    font-weight: bold;
    background: white;
    border-bottom: 1px solid #666666;

}

#main_container #internal_container #store_table .store_content2{
    border-left: 1px solid #666666;
    border-bottom: 1px solid #666666;

    padding: 4px;
    text-align: center;
    color: #666666;
    font-weight: bold;
    background: #cccccc;
}

#main_container #internal_container #store_table .store_content_left2{
    padding: 4px;
    text-align: center;
    color: #666666;
    font-weight: bold;
    background: #cccccc;
    border-bottom: 1px solid #666666;

}

.tblPhoneNumbers th {
    background: #666666;
    color: white;
    padding: 2px;
}

.tblPhoneNumbers td {
    border: 1px solid #666666;
    padding: 2px;
    text-align: center;
}

.tblPhoneNumbers {
    width:90%;
    border: 2px solid #666666;
    margin: 20px auto;
}

.nav #menu_drop {
    padding-left: 4px;
}

#main_container #create_category_container #internal_create_category_container {
    margin: 10px;
}

#main_container #internal_home_container   {
    overflow: auto;
    width: 98%;
    margin-right: auto;
    margin-left: auto;
    border-radius: 5px;
    padding: 10px;
}

#main_container #internal_home_container .section_container  {
    border: 1px solid white;
    padding: 8px;
    background: whitesmoke;
    min-height: 170px;
}

#main_container #internal_home_container .section_container h3 {
    margin: 0 10px 0 0;
    color: orange;
}

#main_container #outer_login_container {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
}

#main_container #outer_login_container #inner_login_container {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    border: 4px solid orange;
    overflow:auto;
    border-radius: 25px;"
}

#main_container #outer_login_container #inner_login_container #login_fields_container {
    border: 4px solid white;
    border-radius: 22px;
    background: #666666;
    color: white;
}

#main_container #outer_login_container #inner_login_container #login_fields_container .login_field_container {
    padding: 10px;
}

#main_container #outer_login_container #inner_login_container #login_fields_container .login_field_container .login_field_title {
    width: 44%;
    float: left;
    height: 40px;
}

#main_container #outer_login_container #inner_login_container #login_fields_container .login_field_container .login_field_input {
    width: 44%;
    float: left;
    height: 40px;
}

#main_container #outer_login_container #inner_login_container #login_fields_container .login_field_container .login_field_input .input_box {
    width: 120px;
}

#main_container #outer_login_container #inner_login_container #login_fields_container #login_button {
    width: 92%;
    text-align: center;
    margin: 30px auto;
    overflow: auto;
}

#main_container #call_summary_container {
    overflow: auto;
}

#main_container #call_summary_container #filter_container {
    border: 1px orange solid;
    background: #f3f3f3;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    width: 98%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
    border-radius: 5px 5px 0 0 ;
    overflow: hidden;
}

#main_container #call_summary_container #filter_container #filter_header {
    padding: 4px;
    background: orange;
    color: white;
    font-size: 1.2em;
}

#main_container #call_summary_container #filter_container #filter_fields {
    overflow: auto;
}

#main_container #call_summary_container #filter_container #filter_fields .field_name {
    float: left;
    width: 40%;
    padding: 4px
}

#main_container #call_summary_container #filter_container #filter_fields .field_value {
    float: left;
    width: 50%;
    padding: 4px;
}

#main_container #call_summary_container #filter_container #filter_fields .field_value .input_box {
    width: 120px;
}

#main_container #call_summary_container #filter_container #button_container {
   width: 98%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    overflow: auto;
}

#main_container #call_summary_container #filter_container h3 {
    margin: 0;
    padding: 4px;
    background: orange;
    color: white;
}

#main_container #call_summary_container #stats_table_container {
    width: 98%;
    margin-right: auto;
    margin-left: auto;
    overflow-x: auto;
}

#main_container #call_summary_container #stats_table_container h3.call_analytics {
    margin-top: 0;
    margin-left: 0;
}

.save_schedule_container,
.save_container {
    width: 78%;
}
.save_container .save_inner_container_success_split_screen,
.save_schedule_container .save_inner_container_success_split_screen,
.save_schedule_container .save_inner_container_success,
.save_container .save_inner_container_success,
.send_container .save_inner_container_success{
    width: 60%;
    text-align: center;
    overflow: auto;
    border: 4px solid #00963f;
    color: #00963f;
    border-radius: 5px;
    font-size: 1em;
}



.save_container .save_inner_container_error_split_screen,
.save_schedule_container .save_inner_container_error_split_screen,
.save_schedule_container .save_inner_container_error,
.save_container .save_inner_container_error,
.send_container .save_inner_container_error{
    width: 60%;
    text-align: center;
    overflow: auto;
    border: 4px solid red;
    color: red;
    border-radius: 5px;
    font-size: 1em;
}

.send_forgotten_password_container  {

}

.send_forgotten_password_container .save_inner_container_success {
    text-align: center;
    overflow: auto;
    border: 4px solid #00963f;
    color: #00963f;
    border-radius: 5px;
    font-size: 1em;
}

.send_forgotten_password_container .save_inner_container_error {
    text-align: center;
    overflow: auto;
    border: 4px solid red;
    color: red;
    border-radius: 5px;
    font-size: 1em;
}

.send_forgotten_password_container .save_inner_container_error .image_container,
.save_container .save_inner_container_success_split_screen .image_container,
.save_schedule_container .save_inner_container_success_split_screen .image_container,
.save_schedule_container .save_inner_container_success .image_container ,
.save_container .save_inner_container_success .image_container ,
.send_container .save_inner_container_success .image_container {
    float: left;
    width: 20%;
    padding-top: 4px;
}

.send_forgotten_password_container .save_inner_container_error .message_container,
.save_container .save_inner_container_success_split_screen .message_container,
.save_schedule_container .save_inner_container_success_split_screen .message_container,
.save_schedule_container .save_inner_container_success .message_container ,
.save_container .save_inner_container_success .message_container ,
.send_container .save_inner_container_success .message_container {
    float: left;
    width: 78%;
    font-weight: bold;
    padding-top: 20px;
    font-size: 1em;
}

.send_forgotten_password_container .save_inner_container_success .image_container,
.save_container .save_inner_container_error_split_screen .image_container,
.save_schedule_container .save_inner_container_error_split_screen .image_container,
.save_schedule_container .save_inner_container_error .image_container,
.save_container .save_inner_container_error .image_container ,
.send_container .save_inner_container_error .image_container {
    float: left;
    width: 20%;
    padding-top: 4px;
}

.send_forgotten_password_container .save_inner_container_success .message_container,
.save_container .save_inner_container_error_split_screen .message_container,
.save_schedule_container .save_inner_container_error_split_screen .message_container,
.save_schedule_container .save_inner_container_error .message_container,
.save_container .save_inner_container_error .message_container ,
.send_container .save_inner_container_error .message_container {
    float: left;
    width: 78%;
    font-weight: bold;
    padding-top: 20px;
    font-size: 1em;
}

/* */

#main_container #internal_container #company_details_container #internal_company_details_container{


}

#main_container #internal_container #company_details_container #internal_company_details_container #company_details {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    margin-bottom: 30px;
}

#main_container #internal_container #company_details_container #internal_company_details_container #company_details #header_container {
    font-size: 0.9em;
    font-weight: bold;
    color: white;
    background:orange;
    border-radius: 5px 5px 0 0 ;
    padding: 12px 15px;
}


#main_container #internal_container #company_details_container #internal_company_details_container #company_details #content_container {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding: 10px;
}

#main_container #internal_container #company_details_container #internal_company_details_container #account_details {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    margin-bottom: 30px;
}

#main_container #internal_container #company_details_container #internal_company_details_container #account_details #header_container {
    color: white;
    background:orange;
    border-radius: 5px 5px 0 0 ;
    padding: 12px 15px;
    font-size: 0.9em;
    font-weight: bold;
}

#main_container #internal_container #company_details_container #internal_company_details_container #account_details #content_container {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding: 10px;
    overflow: auto;
}

#main_container #internal_container #company_details_container #internal_company_details_container #account_details #content_container .field_name {
    float:left;
    width: 49%;
}

#main_container #internal_container #company_details_container #internal_company_details_container #account_details #content_container .field_value {
    float:left;
    width: 49%;

}

#main_container #customer0 .details_container {
    overflow: auto;
}

#main_container #ring_group0 {
    border: 1px solid orange;
    margin-bottom: 10px;
    width:98%;
    margin-right: auto;
    margin-left: auto;
}

#main_container .ring_group_container .form_field_container .text_field {
    padding-top: 10px;
    padding-left: 8px;
    font-weight: bold;
    display: inline-block;
}

#main_container .ring_group_container .info_box {
    border: 2px solid #cccccc;
    max-width:230px;
    margin-left: 10px;
    font-size: 0.8em;
    padding:4px;
    border-radius: 5px;
}

#main_container #ivr_internal_container .info_box {
    border: 2px solid #cccccc;
    max-width:400px;
    font-size: 0.8em;
    padding:4px;
    border-radius: 5px;
    margin-bottom: 10px;
}

#main_container #ivr_internal_container .info_box .title {
    font-weight: bold;
    color: orange;
}

#main_container #ivr_internal_container .info_box .subtitle {
    font-weight: bold;
    color: #666666;
}

#main_container #ivr_config_container #days_field_outer_container {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

#main_container #ivr_config_container #days_field_outer_container #days_field_inner_container {
    overflow: auto;
    padding: 4px;
}

#main_container #ivr_config_container #days_field_outer_container #days_field_inner_container  #days_field_container {
    float:left;
    width:350px;
    overflow: auto;
}

#main_container #ivr_config_container #days_field_outer_container #days_field_inner_container  #days_field_container .day_type_container {
    padding-top: 4px;
    padding-bottom: 4px;
}

#main_container #ivr_config_container .date_container {
    overflow: auto;
    padding: 4px
}

#main_container #ivr_config_container .date_container .date_value {
    float: left;
    width: 350px;
    overflow: auto;
}

#main_container #chart_container {
    margin-bottom: 30px;
}


#main_container #ivr_config_container #schedule0 {
    border: 1px solid orange;
    width:98%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

#main_container #ivr_config_container #schedule0 #schedule_cols0 {
    width: 98%;
    padding: 5px;
}

#main_container #ivr_config_container #ivr_internal_container .field_name,
#main_container #ivr_config_container .field_name,
#main_container #contact0 .details_container .column .field_name,
#main_container #customer0 .details_container .column .field_name {
    width: 150px;
    display: inline-block;
    padding: 5px;
}

#main_container #ivr_config_container .field_value {
    width: 200px;
    display: inline-block;

}

#main_container #internal_simple_setup_container,
#main_container #internal_voip_container,
#main_container #internal_invoice_container {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
}

#main_container #invoice_payments .payment_data_container,
#main_container #internal_invoice_container .invoice_data_container {
    overflow-x: auto;
}

#main_container #internal_invoice_container #monthly {
    overflow: auto;
}

#main_container #ivr_config_container {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
}



#main_container #ivr_internal_container #table_container {
    overflow-x: auto;
}

#main_container #ivr_internal_container #ivr_settings_container {
    margin-left: auto;
    margin-right: auto;
    width: 98%;
}

#main_container #ivr_internal_container #ivr_settings_container #ivr_settings_internal_container {
    border: 2px solid orange;
    border-radius: 5px;
    overflow: auto;
    padding: 4px;
}

#main_container #ivr_internal_container #ivr_settings_container #ivr_settings_internal_container #column_container {
    overflow: auto;
}



#main_container #ivr_internal_container #ivr_settings_container #ivr_settings_internal_container #column_container .column .option_container {
    background: #f3f3f3;
    border: orange 2px solid;
    border-radius: 5px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
    min-height: 150px;
}

#main_container #ivr_internal_container #ivr_settings_container #ivr_settings_internal_container #column_container .column .option_container .header {
    padding: 4px;
    background: orange;
    color: white;
    overflow: hidden ;
    height: 22px;
}

#main_container #ivr_internal_container #ivr_settings_container #ivr_settings_internal_container .button_container,
#main_container #ivr_internal_container #override0 .button_container,
#main_container #ivr_internal_container #table_container .button_container {
    margin-top: 20px;
}

#internal_container #change_password_container {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
}

#internal_container #change_password_container p {
    padding-left: 4px;
}

#invoice_check {
    color: white;
}

#main_container #internal_container #internal_simple_setup_container #simple_setup_message_container,
#main_container #internal_simple_setup_container #simple_setup_message_container,
#main_container #internal_voip_container #voip_message_container,
#card_payment_message_container {
    border-collapse: collapse;
    font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    min-width: 400px;
    width: 98%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    border-radius: 5px 5px 0 0 ;
    overflow: hidden;
    border-bottom: 2px solid orange;
}

#card_payment_container {
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    min-width: 400px;
    width: 98%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    border-radius: 5px 5px 0 0 ;
    overflow: hidden;
    border-bottom: 2px solid orange;
}

#main_container #internal_container #internal_simple_setup_container #simple_setup_message_container #header_container,
#main_container #internal_voip_container #voip_message_container #header_container,
#card_payment_message_container #header_container,
#card_payment_container  #header_container {
    background: orange;
    height: 30px;
}

#card_payment_message_container #billing_details_container,
#card_payment_container #billing_details_container {
    padding: 10px;
    width:80%;
    border: 1px solid #cccccc;
    border-radius: 5px 5px 0 0 ;
    margin: 10px auto;
}

#card_payment_container #new_card_option,
#card_payment_container #stored_card_option {
    margin-bottom: 10px;
    padding:10px;
}

#main_container #internal_container #internal_simple_setup_container #simple_setup_message_container p,
#main_container #internal_voip_container #voip_message_container p,
#card_payment_message_container #basket_container p {
    padding: 15px;
}

#stored_card_container {

}

#basket_data {
    text-align: center;
    padding: 10px;
    border: 2px orange solid;
    margin-top:10px;
    margin-left: auto;
    margin-right: auto;
    width:90%
}

.credit_card_response {
    color: red;
    font-weight: bold;
    display: block;
    padding: 5px;
}

.config_image {
    width: 100%;
    height: auto;
}

.paid_for{
    padding-left: 10px;
}

.form_error {
    color:red;
    margin-top: 10px;
    margin-bottom: 10px;
}

#form_error {
    color:red;
    width: 98%;
    margin: 10px auto;
    padding: 10px;
}

.simple_setup_target_error {
    margin-left:10px
}

#selected_invoice_count,
#selected_invoice_amount {
    font-weight: bold;
}

.styled-div {
    border-collapse: collapse;
    font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    color: white;
    width:98%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    border-radius: 5px 5px 0 0 ;
    overflow: hidden;
    background: orange;
    padding: 6px;
    height:20px;
    font-weight: bold;
}

#main_container #internal_unpaid_container #checkout_container {
    width: 98%;
    margin-left:auto;
    margin-right: auto;
    overflow: auto;
}

#main_container  .totals_text{
    text-align: right;
    font-weight: bold;
}

#main_container  .totals_value {
    font-weight: bold;
    text-align: center;
}

#main_container .totals_separator {
    border-top: 1px solid orange;
}

#main_container #internal_unpaid_container #checkout_container #payment_details_container #payment_details_internal_container {
    width: 98%;
    overflow: auto;
    border: 2px solid orange;
    padding: 4px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}


#main_container #internal_unpaid_container #checkout_container #payment_details_container #payment_details_internal_container #stored_details {
    text-align: center;
    background: #f3f3f3;
    color: orange;
    border: 1px solid orange;
    font-weight: bold;
}

#main_container #internal_unpaid_container #checkout_container #payment_details_container #payment_details_internal_container #about,
#main_container #internal_unpaid_container #checkout_container #payment_details_container #payment_details_internal_container #terms,
#main_container #internal_unpaid_container #checkout_container #payment_details_container #payment_details_internal_container #new_card_details #card_element_container #button_container{
    text-align: center;
}

#main_container #internal_unpaid_container #checkout_container #payment_details_container #payment_details_internal_container #new_card_option {
    height: 40px;
}

#main_container #internal_unpaid_container #checkout_container #payment_details_container #payment_details_internal_container #new_card_details {
    border: 1px solid #cccccc;
    padding: 5px;
    margin-bottom:20px;
}

#main_container #internal_unpaid_container #checkout_container #payment_details_container #payment_details_internal_container #new_card_details #card_element_container {
    padding: 10px;
}

#main_container #internal_unpaid_container #checkout_container #payment_details_container #payment_details_internal_container #card_provider {
    float: left;
    width:50%;
}

#main_container #internal_unpaid_container #checkout_container #payment_details_container #payment_details_internal_container #ssl_provider {
    float: left;
    text-align: right;
    width:49%;
}

#main_container #internal_unpaid_container #minimum_total {
    font-weight: bold;
    text-align: center;
}


.bold_text {
    font-weight: bold;
}

#main_container #internal_unpaid_container .checkout_button_container {
    width: 98%;
    margin-right: auto;
    margin-left: auto;
}

#main_container #internal_unpaid_container #checkout_container #payment_details_container{
    width: 98%;
    margin-bottom: 20px;
}


#main_container #internal_unpaid_container #checkout_container #basket_container {
    margin-bottom: 40px;
}

#main_container #internal_container #configuration_options_container {
    text-align: center;
    width:98%;
    margin-left:auto;
    margin-right: auto;

}

#main_container #internal_container #configuration_options_container .configuration_option_container {
    border: 2px solid orange;
    margin-bottom: 20px;
}

#main_container #internal_container #configuration_options_container .configuration_option_container .name {
    background: orange;
    color: white;
    padding: 5px;
}

#main_container #internal_container #configuration_options_container .configuration_option_container .image_container {
    overflow: auto;
    padding: 5px;
    min-height: 160px;
    height: 100%;
}

#main_container #internal_container #configuration_options_container .configuration_option_container .image_container .config_image {
    width: 64%;
    min-height:190px;
    height: 100%;
}

#main_container #internal_container #configuration_options_container .configuration_option_container .description {
    text-align: justify;
    padding: 5px;
    font-size: 0.9em;
    min-height:194px;
    height:100%;
}

#main_container #internal_container #configuration_options_container .configuration_option_container .reveal_description {
    color: orange;
    margin-bottom: 10px;
}

#main_container #internal_container #configuration_options_container .configuration_option_container .installed {
    margin: 0;
    padding: 10px;
    color: orange ;
}

#main_container #internal_container #voip_setup_container,
#main_container #internal_container #simple_setup_container {
    width: 98%;
    border: 2px solid orange;
    margin-left: auto;
    margin-right: auto;
    background: #f3f3f3;
    overflow: auto;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.2), 0 6px 8px 0 rgba(0,0,0,0.19);

}



#main_container #internal_container #simple_setup_container p.header {
    font-weight: bold;
    margin-left: 8px;
}

#main_container #internal_container #simple_setup_container p.sub_header {
    font-style: italic;
    margin-left: 8px;
}

#main_container #internal_container #simple_setup_container h3,
#main_container #internal_container #simple_setup_container p {
    margin-left: 8px;
}

#main_container #internal_container #simple_setup_container #button_container {
    width: 98%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.warning {
    width: 92%;
    text-align: center;
    padding: 10px;
    border: 4px solid orange;
    color: orange;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.2), 0 6px 8px 0 rgba(0,0,0,0.19);
    font-size: 1.1em;
    margin-left: auto;
    margin-right: auto;
}

.column .warning {
    width: 60%;
    text-align: center;
    padding: 10px;
    border: 1px solid orange;
    color: orange;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.2), 0 6px 8px 0 rgba(0,0,0,0.19);
    font-size: 0.9em;
    margin-bottom: 20px;
    margin-left: 0;
}

.column .warning_schedules {
    width: 96%;
    text-align: center;
    padding: 10px;
    border: 1px solid orange;
    color: orange;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.2), 0 6px 8px 0 rgba(0,0,0,0.19);
    font-size: 1em;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;

}


.warning #image {
    float: left;
    width: 12%;
    display: inline-block;
}

.warning #message {
    float: right;
    width: 87%;
    display: inline-block;
}

#main_container .warning #message .high_severity,
#main_container #internal_container #simple_setup_container .warning #message .high_severity {
    font-weight: bold;
    text-decoration: underline;
}

#main_container #internal_container #simple_setup_container .button_container {
    text-align: center;
}

#main_container #internal_container #simple_setup_container .format_container {
    padding: 9px;
}

#main_container #internal_container #simple_setup_container .format_container p.header {
    margin-left:10px;
    color: orange;
}

#main_container #internal_container #simple_setup_container .format_container #targets_container .target_container_border,
#main_container #internal_container #simple_setup_container .format_container #targets_container .target_container {
    padding-left: 4px;
    min-height: 150px;
    height: 100%
}

#main_container #internal_container #simple_setup_container .format_container #targets_container .target_container_border {
    border-bottom: 1px solid white;
}

#main_container #internal_container #simple_setup_container .format_container #targets_container,
#main_container #internal_container #simple_setup_container .format_container #voicemail_container,
#main_container #internal_container #simple_setup_container .format_container #greeting_container {
    overflow: auto;
    border: 1px solid orange;
}

#main_container #internal_container #simple_setup_container .format_container #greeting_container #audio {
    margin-left: 12px;
    min-height: 120px;
    height: 100%
}

#main_container #internal_container #simple_setup_container .format_container #voicemail_container #voicemail {
    padding-left: 12px;
    min-height: 150px;
    height: 100%
}

#main_container #internal_container #config_checkout_container {
    margin-left: 10px;
}

#voip_details_container .form_field_container{
    margin-left: 15px;
}

.missing_component {
    min-width: 550px;
    width: 100%;
}

.p_error {
    border: 2px solid red;
    padding: 3px;
    border-radius: 5px;
}

.group_message,
.contact_message,
.override_message{
    min-width: 550px;
    width: 100%;
    text-align: center;
}

#main_container #internal_container #simple_setup_container #ivr_config_container .column #ivr_internal_container {
    margin-left: 20px;
    width: 100%;

}


@media (min-width: 300px) {
    .form_field_container {
        max-width: none;
    }

    .text_only_container {
        max-width: none;
    }

    #main_container .ring_group_container .info_box {
        border: 2px solid #cccccc;
        max-width:346px;
        margin-left: 10px;
        font-size: 0.8em;
        padding:4px;
        border-radius: 5px;
    }

    input[type=email]
    {
        max-width: 126px;
    }

    .input_text {
        max-width: 126px;
    }

    .input_text_error {
        max-width: 126px;
    }
}


@media (min-width: 362px) {
    .save_schedule_container .save_inner_container_success,
    .save_container .save_inner_container_success{
        width: 80%;
    }

    .save_schedule_container .save_inner_container_error,
    .save_container .save_inner_container_error{
        width: 80%;
    }

    .menu_button {
        width:140px;
    }

    .button {
        width: 162px;
    }

    #main_container .ring_group_container .form_field_container .field_name {
        width:130px;
        display: inline-block;
        padding: 5px;
        float:left;
    }

    #main_container .ring_group_container .form_field_container .field_value {
        width: 200px;
        display: inline-block;
        float:left;

    }

    #main_container #call_summary_container #filter_container #filter_fields .field_value .input_box {
        width: 140px;
    }

    #main_container #outer_login_container #inner_login_container #login_fields_container .login_field_container .login_field_input .input_box {
        width: 160px;
    }
}

@media (min-width: 410px) {

    #main_container .ring_group_container .info_box {
        max-width:200px;
    }

    .button {
        width: 180px;
    }

}

@media (min-width: 540px) {
    .select_settings,
    .select_menus,
    .select_category {
        max-width: none;
        width: 200px;
        padding: 8px 8px;
        border-radius: 5px;
        background-color: white;
        color: #666666;
        font-size: 1em;

    }

    .select_settings_error,
    .select_menus_error {
        border: red solid 2px;
        max-width: none;
        width: 200px;
        padding: 8px 8px;
        border-radius: 5px;
        background-color: white;
        color: #666666;
        font-size: 1em;
    }

    #main_container .ring_group_container .info_box {
        max-width:400px;
    }

    #main_container #upload_container #internal_upload_container #upload .category_error {
        padding-left: 5px;
    }

    #main_container #upload_container #internal_upload_container #upload .category {
        float: left;
        padding: 10px;
        height:30px;
    }

    #main_container #upload_container #internal_upload_container #upload .file {
        float: left;
        padding-top: 8px;
        height:30px;
    }

    #main_container #upload_container #internal_upload_container #upload .clear{
        float: left;
        padding-top: 12px;
        height:30px;
    }

    #main_container #internal_container #company_details_container #company_details {
        float: left;
        width: 48%;
        margin-right: 10px;
    }

    #main_container #internal_container #company_details_container #account_details {
        float: left;
        width: 48%;
    }
}

@media (min-width: 610px) {
    #main_container #internal_container #configuration_options_container .configuration_option_container {
        float: left;
        margin-left: 40px;
        margin-bottom: 40px;
        max-width: 250px;
        width: 100%;
    }
}

@media (min-width: 650px) {

    #main_container #call_summary_container #stats_table_container {
        width: 70%;
        float: left;
        overflow-x: auto;
    }

    #main_container #call_summary_container #filter_container {
        width: 160px;
        float: left;
        margin-right: 20px;
    }

    #main_container #call_summary_container #filter_container #filter_fields {
        overflow: unset;
    }

    #main_container #call_summary_container #filter_container #filter_fields .field_name {
        width: 98%;
        float: none;
    }

    #main_container #call_summary_container #filter_container #filter_fields .field_value {
        width: 96%;
        float: none;
    }

    #main_container #outer_login_container {
        width: 60%;
    }
    #main_container #outer_login_container #inner_login_container #login_fields_container .login_field_container .login_field_input .input_box {
        width: 180px;
    }

    #main_container #internal_container #configuration_options_container .configuration_option_container {
        margin-left: 30px;
        max-width: 260px;
        width: 100%;
    }
}

@media (min-width: 720px) {

    #main_container #internal_container #configuration_options_container .configuration_option_container {
        margin-left: 40px;
        max-width: 280px;
        width: 100%;

    }
}

@media (min-width: 768px) {
    #main_container #internal_container #configuration_options_container .configuration_option_container {
        margin-left: 30px;
        max-width: 200px;
        width: 100%;
    }

    #main_container #internal_unpaid_container #checkout_container #payment_details_container #payment_details_internal_container #new_card_details {
        width:50%;
        margin-right: auto;
        margin-left: auto;
    }


    #main_container #internal_unpaid_container .checkout_button_container {
        text-align: right;
    }

    #main_container .ring_group_container .form_field_container .field_name {
        width:180px;
        display: inline-block;
        padding: 5px;
    }

    .save_schedule_container .save_inner_container_success,
    .save_container .save_inner_container_success{
        width: 98%;
        text-align: center;
        font-size: 1em;
        overflow: auto;
        border: 4px solid #00963f;
        color: #00963f;
        border-radius: 5px;
    }

    .save_schedule_container .save_inner_container_error,
    .save_container .save_inner_container_error{
        width: 98%;
        text-align: center;
        font-size: 1em;
        overflow: auto;
        border: 4px solid red;
        color: red;
        border-radius: 5px;
    }

    .form_field_container .field_value_call_queue,
    .form_field_container .field_value {
        width:400px;
        overflow: auto;
        float: left;
    }

    .form_field_container .field_name {
        width: 200px;
        overflow: auto;
        float: left;
    }

    .form_field_container .error_field_value {
        width: 200px;
        overflow: auto;
        float: left;
    }

    .form_field_container .error_field_name {
        width: 200px;
        overflow: auto;
        float: left;
    }

    .text_only_container {
        padding: 4px;
        margin-top: 5px;
        margin-bottom: 5px;
        overflow: auto;
    }

    .text_only_container .field_name {
        width: 200px;
        overflow: auto;
        float: left;
        height: 30px;
    }

    .text_only_container .field_value {
        width:400px;
        overflow: auto;
        float: left;
        height: 30px;
    }


    input[type=email]
    {
        border: #cccccc 1px solid;
        border-radius: 5px;
        padding: 8px;
        max-width: 180px;
        color: #666666;
        font-size: 1em;
    }

    .input_text {
        border: #cccccc 1px solid;
        border-radius: 5px;
        padding: 8px;
        max-width: 180px;
        color: #666666;
        font-size: 1em;
    }

    .input_text_error {
        border: red 2px solid;
        border-radius: 5px;
        padding: 8px;
        max-width: 180px;
        color: #666666;
        font-size: 1em;
    }

    #main_container .contact_details_button_container {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
        overflow: auto;
    }

    #main_container #ivr_internal_container #ivr_settings_container #ivr_settings_internal_container #column_container .column {
        float: left;
        width: 49%;
        margin-left: 5px;
    }

    #main_container #ivr_internal_container .override_left ,
    #main_container #ivr_internal_container .override_right {
        width: 49%;
        float:left;
    }



    #main_container #call_summary_container #stats_table_container {
        width:75%;
    }

    #main_container #outer_login_container {
        width: 60%;
    }

    #main_container #internal_container #company_details_container #internal_company_details_container {
        width: 49%;
    }

    #main_container #internal_ivr_container {
        overflow-x: auto;
        display: initial;
    }

    #main_container #ivr_mobile_container {
        display: none;
    }

    #header_container #logo{
        float: left;
        width: 50%;
        text-align: left;
    }

    #header_container #user_details{
        text-align: right;
        width: 46%;
        float: left;
    }

    #main_container #contact0 {
        width: 97%;
    }



}

@media (min-width: 844px) {
    #main_container #internal_container #configuration_options_container .configuration_option_container {
        margin-left: 20px;
        max-width: 240px;
        width: 100%;
    }
}



@media (min-width: 860px) {
    #main_container #internal_container #configuration_options_container .configuration_option_container {
        margin-left: 25px;
        max-width: 240px;
        width: 100%;
    }



    #main_container #internal_unpaid_container #checkout_container #payment_details_container,
    #main_container #internal_unpaid_container #checkout_container #basket_container {
        width: 49%;
        float: left;
    }


    #main_container #internal_home_container .section_container {
        width: 48%;
        float: left;
        padding: 6px;
        min-height: 210px;
    }

    #main_container h1 {
        margin-top: 74px;
    }


}

@media (min-width: 912px) {

    .column .warning {
        width: 75%;
    }

    #contact_table_container .details_container .column .form_field_container .field_name {
        width: 200px;
    }

    #contact_table_container .details_container .column .form_field_container .field_value {


    }

    #main_container #customer0 .details_container .column {
        width: 50%;
        float: left;
    }

    #main_container .details_container .column {
        width: 50%;
        float: left;
    }

    #main_container #internal_container #account_settings_container {
        margin-top: 0;
        float: right;
        width: 42%;
    }

    #main_container #call_times_request_form_container,
    #main_container #call_location_request_form_container,
    #main_container #call_summary_request_form_container,
    #main_container #call_data_request_form_container {
        width:97%;
    }

    #main_container #customer0 {
        width: 97%;
    }

    #main_container #override0 {
        width: 97%;
    }

    #main_container #customer0 .customer_details_container .column {
        width: 33%;
        float: left;
    }


    #main_container .contact_details_button_container {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
        overflow: auto;
    }

    #main_container #faq_container #dropdown_help .dropdown {
        background: orange;
        color: white;
        padding: 4px;
        border-bottom: solid 1px white;
        width: 98%;
        cursor: pointer;
    }

    #main_container #faq_container #dropdown_help #glossary_content {
        width: 98%;
        border-bottom: 1px solid #666666;
    }

    #main_container #faq_container #dropdown_help #quick_how_tos {
        width: 99%;
    }

    #main_container #faq_container #dropdown_help #manuals {
        width: 99%;
    }

    #main_container #faq_container #dropdown_help #phone_pay_plus {
        width: 99%;
    }

    #main_container #faq_container #dropdown_help #developer_apis {
        width: 99%;
    }

    #main_container #faq_container #dropdown_help #other_docs {
        width: 99%;
    }

    #main_container #internal_container #simple_setup_container .format_container {
        float: left;
        width: 48%;
        padding-left: 6px;
    }
}

@media (min-width: 1024px) {
    #main_container #internal_container #configuration_options_container .configuration_option_container {
        margin-left: 30px;
        max-width: 280px;
        width: 100%;

    }
}

@media (min-width: 1040px) {
    .page_link_container {
        text-align: right;
        margin-top: 0;
    }

    #main_container .keypress_options {
        background: whitesmoke;
        width: 99.8%;
        border: 1px solid orange;
    }

    #main_container #outer_login_container {
        width: 40%;
    }

    #main_container h1 {
        width:98%;
    }

    #main_container #contact_container {
        overflow: auto;
    }

    #main_container #faq_container #faqs {
        width:80%;
        float: left;
    }

    #main_container #contact_container #contact_details {
        width: 30%;
        float: left;
    }

    #main_container #contact_container #contact_form_container {
        width: 40%;
        float: left;
    }

    #main_container #faq_container #faqs #faq_pad {
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }

    #main_container #faq_container #dropdown_help {
        width:20%;
        float: left;
    }

    #header_container #logo{
        float: left;
        width: 50%;
        text-align: left;
    }

    #header_container #user_details{
        text-align: right;
        width: 48%;
        float: left;
    }


}

@media (min-width: 1080px) {
    #main_container #config_option_notification {
        width: 96%;
    }


    .form_field_container .field_value_call_queue {
        float:left;
        width: 800px;
        overflow: auto;
    }

    textarea {
        width: 90%;
    }

    #main_container #ivr_config_container .column {
        float: left;
        width: 49%;
    }

    .save_schedule_container .save_inner_container_success{
        width: 40%;
    }

    .save_schedule_container .save_inner_container_error{
        width: 40%;
    }

    .save_container .save_inner_container_success{
        width: 25%;
    }

    .save_container .save_inner_container_error{
        width: 25%;
    }

    #main_container #internal_home_container .section_container {
        width: 48%;
        float: left;
        padding: 6px;
    }

    #main_container #call_summary_container #stats_table_container #busy_times #calls_by_hour {
        float: left;
        width: 66%;
    }

    #main_container #call_summary_container #stats_table_container #busy_times #calls_by_day {
        float: left;
        width: 33%;
    }

    #main_container #call_summary_container #stats_table_container #call_locations .call_location_data {
        float: left;
        width: 49%;
    }

    #main_container #call_summary_container #stats_table_container {
        width:80%;
    }

    #main_container #internal_container #simple_setup_container .format_container {
        float: left;
        width: 48%;
        padding-left: 8px;
    }
}
@media (min-width: 1180px) {
    #main_container #internal_container #configuration_options_container .configuration_option_container {
        margin-left: 20px;
        max-width: 250px;
        width: 100%;
    }


    #main_container #internal_invoice_container {
        overflow:auto;
    }


    #main_container #payment_methods,
    #main_container #internal_invoice_container #monthly {
        width: 49%;float: left;

    }

    #main_container #internal_invoice_container #additional {
        width: 49%;float: left;
    }

    #main_container #internal_container #internal_simple_setup_container #simple_setup_message_container,
    #main_container #internal_voip_container #voip_message_container,
    #card_payment_message_container {
        width: 49%;
    }

    #main_container #internal_container #config_checkout_container {
        width: 49%;
    }
}

@media (min-width: 1280px) {
    .warning {
        width: 96%;
    }

    .column .warning {
        width: 80%;
    }


    .warning #image {
        width: 10%;
    }

    .warning #message {
        padding-top: 10px;
        width: 89%;
    }

    #main_container #outer_login_container {
        width: 30%;
    }

    #main_container #internal_home_container .section_container {
        width: 48%;
        float: left;
        padding: 8px;
        min-height: 154px;
    }

    #main_container #internal_container #configuration_options_container .configuration_option_container {
        margin-left: 30px;
        max-width: 264px;
        width: 100%;
    }

    #main_container #internal_container #simple_setup_container .format_container {
        float: left;
        width: 48%;
        padding-left: 10px;
    }
}

@media (min-width: 1380px) {
    #main_container #ivr_internal_container #ivr_settings_container #ivr_settings_internal_container {
        width: 50%;
    }

    #main_container #call_summary_container #stats_table_container {
        width: 86%;
    }

    #main_container #internal_container #simple_setup_container .format_container {
        float: left;
        width: 48%;
        padding-left: 12px;
    }
}

@media (min-width: 1620px) {
    #main_container #call_summary_container #stats_table_container {
        width: 87%;
    }

    #main_container #internal_home_container .section_container {
        padding: 12px;
    }

    #main_container #internal_container #simple_setup_container .format_container {
        float: left;
        width: 49%;
        padding-left: 6px;
    }

}

@media (min-width: 1820px) {
    #main_container #internal_container #simple_setup_container .format_container {
        float: left;
        width: 49%;
        padding-left: 8px;
    }

    #main_container #internal_home_container .section_container {
        padding: 15px;
        min-height: 136px;
    }

    #main_container #selected_invoices,
    #main_container #page_description {
        width: 98%;
    }

    #main_container #call_summary_container #stats_table_container {
        width: 89%;
    }

    #main_container h1 {
        margin-left: 20px;
        margin-bottom: 20px;
    }

    #main_container #internal_container #company_details_container {
        margin-left: 20px;
        margin-bottom: 20px;
    }

    #main_container #internal_container #company_details_container h3 {
        margin: 0;
    }

    #main_container #internal_container #simple_setup_container .format_container #targets_container .target_container_border .ring_time,
    #main_container #internal_container #simple_setup_container .format_container #targets_container .target_container .ring_time{
        width:300px;
    }

    #main_container #internal_container #voip_setup_container p ,
    #main_container #internal_container #simple_setup_container p {
        margin-left: 20px;
    }

    #contact_table_container .details_container .column .form_field_container .field_name {
        width: 250px;
    }
}

@media ( min-height: 600px ) {
    .push {
        height: 140px;
    }
}

@media ( min-height: 890px ) {
    .push {
        height: 150px;
    }
}

@media ( min-height: 912px ) {
    .push {
        height: 220px;
    }
}


@media ( min-height: 1024px ) {
    .push {
        height: 318px;
    }
}

@media ( min-height: 1080px ) {
    .push {
        height: 500px;
    }
}

@media ( min-height: 1368px ) {
    .push {
        height: 610px;
    }
}