﻿html {
    background: #fff;
}

body {font-family: sans-serif;color: #3d3536; margin: 0; /*'Open Sans'*/
      -webkit-touch-callout: none; /*Prevent iOS long click menu on links*/
      -webkit-tap-highlight-color: rgba(0,0,0,0); /*iOS remove click highlight*/
}

h1, h2, h3, h4{font-weight: normal;}

/*Mobiscroll Custom*/
.mbsc-wdg .mbsc-wdg-c {font-size: 16px;}
.mbsc-fr-overlay {background: rgba(0,0,0,.7) !important;}
.mbsc-ios.mbsc-fr-top .mbsc-fr-popup {max-width: 800px; margin: 0 auto 50px auto; position:relative;}
.mbsc-ios.mbsc-fr-center .mbsc-fr-popup {max-width: 400px;}
.mbsc-fr-btn-c .mbsc-fr-btn{color: #ff0000;}

/*Quill Custom*/
.ql-container {font-size:inherit;}

.top_logo{vertical-align: middle;}

.nav_bar {
    background: #fff;
    border-bottom: 2px solid #2196F3;
    position:fixed; top: 0;left: 0;z-index: 1000;width: 100%;
    box-shadow: 0 1px 8px rgba(0,0,0,.3);
}
.nav_box{font-size:1.2em;margin: 0 auto;width: 85%;padding:5px 0 5px 0;display:flex;justify-content:space-between;}
.nav_box_l{display:flex; align-items:center; min-width:0;}
.nav_box_r{display:flex; align-items:center; min-width:150px; justify-content:right;}
.nav_group{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.nav_link{margin-left: 14px; color:#000;}

.trial_holder {margin:0 0 20px 0;}
.notification {border: 1px solid #27bf0a; border-radius: 5px; padding: 5px; margin: 0 10px 20px 10px;}

.page_body {margin: 75px auto 100px;width: 85%;min-width: 1000px;min-height: 700px;}
.page_content{padding-top:30px;}
.page_content_extra{margin-bottom: 20px;}

.modal_body input, textarea{font-size: 1.1em; border-radius: 3px; background: #fff; width: 100%; padding: .25em .67em; border: 0; min-height: 2.5em; box-sizing: border-box;}
.modal_simple_text{font-size: 1.1em; text-align: center; margin: 20px 0 20px 0;}
.modal_label{font-size: .8em; margin: 10px 0 0 0; color: #007aff;}
.modal_label_error{background: #fd4444; padding: 5px; border-radius: 5px 5px 0 0; color: #ffffff;}
.modal_box{background: #fff; border-radius: 3px;border: 1px solid #cccccc;padding: 5px;margin: 10px 0;}
.modal_input_m_b{margin-bottom: 5px;}
.modal_input_w_extra{overflow: hidden; padding-right: .5em;}
.modal_color_picker input{height: 2.5em; cursor: pointer; width: 40px; display: block; padding: 0;}
.modal_duplicate_p{font-size:1.2em; text-align: center; color:#ff0000;background-color: #ffe5e5;padding: 10px 5px;}
.modal_search_p{margin-top: 5px; color: #ff6d00;}

.main_box{margin: 10px; border-radius: 5px;padding: 20px; box-shadow: 0 1px 4px rgba(0,0,0,.3); word-break: break-word;}

.generic_box{border-radius: 5px; margin-bottom: 20px; scroll-margin-top: 55px; box-shadow: 0 1px 4px rgba(0,0,0,.3);}
.generic_banner {cursor:pointer; padding: 10px;}
.generic_banner_email{color: #F89406;}
.generic_body {border-top: 1px dashed #BBBBBB; padding: 10px;}
.generic_title {margin: 10px 0px;}
.generic_margin{margin: 0 5px 20px 5px;}
.generic_values {width: 100%; margin-bottom: 10px;}
.generic_modal_row{margin: 10px 0 10px 0;}
.generic_field_drag{border: 1px solid #ff0000;margin: 10px 0 10px 0;}
.generic_footer {padding: 5px 10px 5px 10px; border-top: 1px solid #cecece;background-color: #fafafa;}

.page_f_l{float:left;}
.page_f_r{float:right;}
.page_f_l_q{float:left; width:25%;}
.page_f_r_q{float:right; width:25%;}
.page_f_l_h{float:left; width:50%;}
.page_f_r_h{float:right; width:50%;}
.page_input_l{float:left; width:50%;text-align: right;}
.page_input_m{margin-right: 20px;}
.page_input_r{width: 70%;}
.page_input_r_extra{overflow: hidden; padding-right: .5em;}
.page_input_r_extra_f{width: 100%;}

.page_input_holder{width: 30%; margin: 0 auto 30px auto;}
.page_input{width: 100%;}
.info_field{color: #9E9E9E;font-size: .9em;margin-bottom: 5px;box-sizing: border-box;}
.info_value{word-break: break-word;margin-bottom: 5px;white-space: pre-wrap;}
.info_value_p{margin: 0 10px 5px 5px;}

.clear{clear:both;}
.f_l{float:left;}
.f_r{float:right;}
.f_r_f{float:right; width: 20%;}
.f_l_q{float:left; width: 25%;}
.f_r_q{float:right; width: 25%;}
.f_l_t{float:left; width: 33%;}
.f_r_t{float:right; width: 33%;}
.f_l_h{float:left; width: 50%;}
.f_r_h{float:right; width: 50%;}
.a_r{text-align:right;}
.t_a_l{text-align:left;}
.t_a_c{text-align:center;}
.t_a_r{text-align:right;}
.pad_ten{padding: 10px; box-sizing: border-box;}
.pad_ten_r{padding-right: 10px; box-sizing: border-box;}
.d_n{display:none;}
.overflow {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.node_button{text-align:right; margin-top:30px;}
.show_password {cursor: pointer; font-style:italic; text-align:right;}

.page_title{font-size: 1.5em; margin: 0; padding: 0; line-height: 1.5em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.page_buttons{float:right; text-align: right;}

.title_t{margin-top: 0;}
.title_s{font-size: 1.2em; padding: 0; display:inline}
.paragraph {margin-bottom: 40px;line-height:2em;}
.t_s{font-size:.8em;}
.t_b{font-weight:bold;}
.t_u{text-decoration:underline;}
.indent_holder{margin: 15px 0 0 25px;}
.danger_holder{padding: 10px; border: 1px solid #c0392b;}
.error_border{border: 1px solid #F03434 !important;}

.edit{border-radius: 3px;padding: 0.25em 0.67em;min-height: 80px;background: #fff; border: 1px solid;}
.icon {cursor:pointer;vertical-align: middle;}
.icon_l {margin-left: 14px;}
.icon_30 {width: 30px;}

.loader {border: 8px solid #fff; border-top: 8px solid #2196f3; border-bottom: 8px solid #2196f3; border-radius: 50%; width: 50px; height: 50px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite;display: inline-block;}
.loader_top {position: fixed; top: 0px; left: 50%; margin: -40px 0 0-25px; z-index: 999999;}
.message_popup {position: fixed;z-index: 100000;margin: auto;top: 0;right: 0;left: 0;width: 7em;background: white;bottom: auto;text-align: center;font-size: 1.2em;padding: 5px;border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px;box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);}

.pa_title{color: #2196F3;}
.pa_nav{margin:2px;}

.pa_table_holder {overflow-x: auto;}
.pa_table_holder::-webkit-scrollbar {width: 10px;}
.pa_table_holder::-webkit-scrollbar-thumb {border-radius: 10px;background-color: #ddd;}
.pa_table_holder::-webkit-scrollbar-thumb:hover {background-color: #bbb;}
.pa_table {border-collapse: collapse;min-width: 100%;box-sizing: border-box;display: table;table-layout: fixed;}
.pa_table_header {display: table-header-group;line-height: 25px;border-top: 1px dashed #9E9E9E;border-bottom: 1px solid #9E9E9E;}
.pa_table_header > div {display: table-cell;text-align: center;padding: 5px;}
.pa_table_row {display: table-row;}
.pa_table_row > div {display: table-cell;padding: 5px;vertical-align: top;overflow-x: auto;min-width:225px;}
.pa_table_row > div:not(:first-child){border-left: 1px solid #9E9E9E;}
.pa_table_item {margin-bottom: 10px;}
.pa_table_item_more {border-bottom: 1px solid #d2d2d2;}

.pa_item_header{width: 85%;}
.pa_item_title{word-break: break-word;margin: 7px 0 0 0px; display: block;white-space: pre-wrap;}

.pa_notes p {margin: 0px;}

.pa_img_box{padding: 4px; text-align:center;max-width: 100%;box-sizing: border-box;display: inline-block;}
.pa_img {max-width: 100px; max-height: 100px; vertical-align: middle; display: inline-block; cursor:pointer;border-radius: 5px;}
.pa_img_no{white-space: pre-wrap; text-align: center;}

.pa_b_ho{padding: 2px 0;}
.pa_b_ho_c{color: #27bf0a;}

.p_t {padding: 5px 10px;display:flex; justify-content: space-between; box-sizing: border-box;cursor:pointer;}
.p_t_1 {display:flex; flex-wrap: wrap;align-items: center;min-width:0;}
.p_t_1 div {width:250px; padding: 2px 2px 2px 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.p_t_1_na {font-size:1.3em;}
.p_t_2 {display:flex;align-items: center;}
.p_m {border-top: 1px dashed #9E9E9E;border-bottom: 1px solid #9E9E9E;text-align: center;cursor: pointer;line-height: 35px; position:relative;}
.p_m_ho{overflow-x: auto;overflow-y: hidden; white-space: nowrap;-webkit-overflow-scrolling: touch;-webkit-user-select: none;display: flex;}
.p_m_s {border-bottom: 3px solid #2196F3;}
.p_m_i {display: inline-block;padding: 0 10px 0 10px;flex-basis: 100%;}
.p_d {padding: 10px;}
.p_d_i {border: 1px solid #d2d2d2; padding: 10px; border-radius: 5px;margin: 0 5px 20px 5px;}

.p_si_b{border: 1px solid #9E9E9E; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; margin-bottom: 20px; padding: 10px;}
.p_si_t{margin: 10px 0;text-transform: uppercase;border-radius: 5px;text-align: center;padding: 5px;background-color: #efefef;border: 1px solid #efefef;}

.tag_h{border-radius: 34px; border: 1px solid; padding: 5px; margin: 0 5px 5px 0; display: inline-block;}

.lab_h_t{display: table; border-collapse: collapse;width: 100%;box-sizing: border-box;}
.lab_h_t_r{display: table-row; cursor: pointer; color: #2196F3;}
.lab_h_t_c{display: table-cell; text-align: center; padding: 0 5px 0 5px;}
.lab_sv_h{text-align:center; margin: 0 auto 0px auto;stroke: #000000;}
.lab_sv_h_mo{max-width:400px;}
.lab_sv_h_pa{max-width:250px; font-size: 2em;}
.lab_sv_h_pr{font-size: 3em;}
.lab_sv_t{height: 100%; width: 100%; display: table;}
.lab_sv_c{display: table-cell; vertical-align: middle;padding: 0 5px 0 5px;}
.lab_sv_c input{text-align: center;font-size:1.3em;min-height:0;}

.gallery-modal {display: none;position: fixed;z-index: 10000;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background: black;box-sizing: border-box;}
.gallery-content {position: relative;margin: auto;padding: 0;max-width: 1200px;}
.gallery_circle_b{background: #808080;width: 40px; border-radius: 20px;position: fixed; text-align: center;cursor: pointer;font-size: 35px;}
.gallery-size{top: 10px;left: 16px;}
.gallery-close {top: 10px;right: 16px;}
.gallery-item {display: none; text-align:center;}
.gallery-number {position:absolute;color: #fff;padding-top: 50px;top: 0;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.gallery-image-holder{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.gallery-image-fit{max-height: 100%; max-width: 100%;}
.gallery-text{text-align: center;padding: 10px 10px 30px 10px;color: white;}
.gallery-prev,.gallery-next {cursor: pointer;position: fixed;top: 50%;width: auto;padding: 16px 20px;margin-top: -50px;color: white;font-weight: bold;font-size: 20px;transition: 0.6s ease;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-user-select: none;border: 1px solid #fff;box-shadow:0 0 4px black;}
.gallery-prev {left: 0;border-left:0; border-radius: 0 3px 3px 0;}
.gallery-next {right: 0;border-right:0; border-radius: 3px 0 0 3px;}

.pa_file_uploader{display:none;}
.me_file_uploader {display: none;}
.im_uploader_preview{height:100px;padding: 5px;}

.menu {text-align: center;cursor: pointer; margin-bottom: 20px;}
.menu-selected {border-bottom: 3px solid #2196F3;}
.menu-not-selected {border-bottom: 1px solid #9E9E9E;}

.messages_top_holder{max-width: 1000px; margin: 0 auto; display:block;}
.messages_top_text{height: 100px;}
.messages_header{max-width: 1000px;margin: 10px auto 10px auto; font-size: 1.2em;}
.messages_holder{max-width: 1000px;margin: 20px auto 0 auto;}
.message_owner{position: relative; min-width: 300px; padding: 10px;white-space: pre-wrap; box-sizing: border-box;border-left: 2px solid #2196f3;}
.message_contact{position: relative; min-width: 300px; padding: 10px;white-space: pre-wrap; box-sizing: border-box;border-right: 2px solid #2196f3;}
.message_im_flex{display: -webkit-box; display: flex; max-width: 100%; margin-right: auto; margin-left: auto; flex-wrap: wrap;}
.message_im_box{padding: 4px; -webkit-box-flex: 1; flex: 1 0 275px; text-align:center;max-width: 100%;box-sizing: border-box;position:relative;}
.message_im {max-width: 100%; vertical-align: middle; display: inline-block;cursor: pointer;}
.message_item{background: #fff; margin-top: 10px; min-width: 800px;}
.message_item_link{margin-top: 10px;}
.message_time{margin-top: 10px; text-align: right; font-size: .7em;}

.group_message{padding: 10px;}
.group_name{color: #888;}
.group_content{margin-top: 10px; text-align: center;}
.group_img_holder{margin-top: 10px; text-align:center;}
.group_img{width: 100%; max-height: 200px; max-width:200px; padding: 10px;}
.group_time{margin-top: 10px; text-align: right; font-size: .7em;color: #888;}

.help_media{width: 100%;max-width: 1200px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.pso_team_holder {background: white; border: 1px solid #ddd; margin: 10px; text-align:center;}
.pso_team_header {background: #2196f3; height: 80px;}
.pso_team_picture {text-align: center; margin-top: -50px;}
.pso_team_picture img {border-radius: 50%; border: 5px solid #fff; width: 190px; height: 190px;}
.pso_team_body {padding: 20px; box-sizing: content-box;}
.pso_team_austin_img {max-width: 100%;}

.video_holder{margin: 0 auto;width: 1000px; padding-bottom:20px;}
.video_container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;max-width: 100%;height: auto;border-radius: 3px;}
.video_container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.thin {
    border: 0;
    height: 1px;
    background: #2196F3;
    background-image: -o-linear-gradient(left, #FFF, #2196F3, #FFF);
}

a{text-decoration:none; color: #2196F3;}
a.button{color: #2196F3; border: 1px solid #2196F3;background:#fff;border-radius: 3px;text-transform: uppercase;letter-spacing: 0.1em;font-size: .8em;font-weight:bold; line-height: 1em;padding: 0.75em 2em;display: inline-block;}
a.button:hover{opacity: .8;}
a.button_b_arrow{content: ""; display: inline-block; width: 0.6em; height: 0.6em; border-right: 0.2em solid #2196F3; border-top: 0.2em solid #2196F3; -webkit-transform: rotate(225deg); transform: rotate(225deg); margin-right: 0.5em;} /*em scale with font */
a.button_page_input{margin: 10px;}

a.button_modal{border: 1px solid #d9d9d9;background:#fff;border-radius: 3px;margin: 8px;width: 90%;box-sizing: border-box;line-height: 1em;padding: 0.5em 2em;display: inline-block;}
a.button_modal_r {background:#F03434; color: #fff;}
a.button_modal_g {background:#27bf0a; color: #fff;}

.simple_check_mark::before{content: "\2713";font-size: 1.2em; line-height: 1.5;}
.simple_empty_box::before{content: "\02610";font-size: 1.2em; line-height: 1.5;}

.chk_box input[type=checkbox]{display: none;}
.chk_box label{display: inline-block;text-align: center;cursor: pointer;}
.chk_box input[type=checkbox] + label{width: 2em;height: 2em;border: solid 1px #888888;border-radius: 10px;background: #fff;vertical-align: middle;margin-right:10px;}
.chk_box input[type=checkbox]:checked + label::before{content: "\2713";color: #2196F3;font-size: 24px;}

.radio_box input[type=radio]{display: none;}
.radio_box label{display: inline-block;text-align: center;cursor: pointer;}
.radio_box input[type=radio] + label{width: 2em;height: 2em;border: solid 1px #888888;border-radius: 20px;background: #fff;vertical-align: middle;margin-right:10px;}
.radio_box input[type=radio]:checked + label::before{content: "\2713";color: #2196F3;font-size: 24px;}

.switch_holder{margin:10px 15px 10px 10px;}
.switch_text {float:left; font-size: 1.1em;margin: 8px 10px 0 0;}
.switch_text_selected{color: Green;}
.switch {position: relative;display: inline-block;width: 60px;height: 34px;}
.switch_slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0;background: #ccc;transition: .4s;border-radius: 34px;}
.switch_slider:before {position: absolute;content: "";height: 26px;width: 26px;left: 4px;bottom: 4px;background: white;transition: .4s;border-radius: 50%;}
.switch_input:checked + .switch_slider {background: #2196F3;}
.switch_input:checked + .switch_slider:before {-webkit-transform: translateX(26px);transform: translateX(26px);}

.box_round{font-size:1.0em; background: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: solid 1px #888888; padding: 5px; box-sizing:border-box;min-height: 2.5em;}
.box_round:focus{box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6);}
.box_round_modal{font-size:1.1em; margin: 0 0 0.25em; border-color: #fff; width: 100%;}
.box_round_form{margin: 0 0 0.75em;}
select.box_round, select.box_round_modal{-webkit-appearance:none; -moz-appearance: none; background: #fff url(/images/down-arrow.svg) no-repeat 100% 50%;}

input[type=text], input[type=password] {-webkit-appearance: none; -moz-appearance: none; appearance: none;}

.blog_intro{width: 70%; margin: auto;}
.blog_img_r{float: right; width: 40%;margin: 0 0 40px 40px;}

.signature_pad_holder {width: 60%;margin: 60px auto 40px auto;}
.signature_pad {width: 100%;height: 200px;border: 1px solid #e8e8e8;background: #fff;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;border-radius: 4px;}

.footer{margin:60px 0 40px 0; text-align:center;word-wrap: break-word;}
.footer_items{margin-top:30px;}
.footer_icon{margin: 0 5px 0 5px;}
.footer_link{display:inline; padding: 0 10px 0 10px;}

.downtime{margin-bottom: 10px;}

.c_discharged {color: #F03434;}
.c_locked {background: #e5e5e5;}
.c_open {background: #d7fdd7;}
.c_new {color:#27bf0a;}
.c_edited {color: #dd9932;}
.c_deleted {color:#F03434;}
.c_added{background: #adf7ad;text-decoration: none;}
.c_added_shadow{box-shadow: 5px 10px #21a009;}
.c_removed{background: #ffd1d1;}
.c_removed_shadow{box-shadow: 5px 10px #ff0000;}
.c_error{color:#F03434;}
.c_success{color:#27bf0a;}
.c_svg_success{fill:#27bf0a;stroke:none;}
.c_svg_error{fill:#F03434;stroke:none;}

.c_w{color:#FFF;}
.c_blue {color: #2196F3;}
.c_gray {color: #bbbbbb;}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@media screen and (max-width: 1000px) {
    .nav_box{width: auto;padding: 5px 10px 5px 10px;}
    .nav_pages{display:none;}

    .page_body {width: auto;min-width: initial;padding: 0 10px;}

    .main_box{margin: 20px 5px 20px 5px;}

    .page_f_l{float:none;}
    .page_f_r{float:none;}
    .page_f_l_q{float:none;width: auto;}
    .page_f_r_q{float:none;width: auto;}
    .page_f_l_h{float:none;width: auto;}
    .page_f_r_h{float:none;width: auto;}
    .page_input_l{float:none; width:auto;text-align: left;}
    .page_input_r{width: 100%;}

    .page_input_holder{width: 50%;}

    .pa_tab_item {width: 50%;}

    .message_item{min-width: 500px;}

    .button_page_input {text-align:center; display: block;}

    .video_holder{width: auto;}

    .footer_items_bottom{margin-top:0;}
    .footer_link{display:block;padding: 10px 0 10px 0; border-top: 1px solid #bbb}
}

@media screen and (max-width: 600px) {
    .page_input_holder{width: 100%;}

    .pa_tab_item {width: 100%;}

    .pa_table_holder::-webkit-scrollbar {display: none;}

    .message_owner{min-width: 100%; width: 100%;}
    .message_contact{min-width: 100%; width: 100%;}
    .message_item{min-width: 100%;}

    .lab_h_t{font-size: .8em;}

    .desktop_img {display:none;}
    .mobile_img {display:initial;width: 80%; padding: 60px 0 20px 0;}

    .pricing{float: none; width: 80%; margin: auto; margin-bottom: 20px;}
    .pricing_outline {margin: 0;}

    .blog_intro{width: 100%;margin: 0;}
    .blog_img_r{float: none; width: 100%;margin: 0 0 20px 0;}

    .signature_pad_holder {width: 100%;}
}

@media screen and (max-width: 350px) {
    .page_title{display:none;}
}