
body.wait, body.wait *{
cursor: wait !important;   
}

#groups_main {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top:50px;
}

form.format_form div.google-button-red {
    width: 200px;
    height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.add_logo {
    width: 80px;
    height: 80px;
    float:right;
    border: solid #000 1px;
    color: #AAA;
    background-color: #FFF;
    position: relative;
    text-align: center;
}

.add_logo_text {
    width: 80%;
    height: 80%;
    font-size: 16px;
    display: inline-block;
}

.table_container {
    background-color: #FFF;
    height:390px;
    /* padding: 10px;*/
    margin-top: 15px;
    position: relative;
    overflow: auto;
}

.group_dialog .table_container {
    padding-top: 0;
    min-height: 310px;
    overflow: hidden;
    margin: 0.5em 1em;
    height:auto;
}

.members_table,
.members_header_table {
    text-align:center;
    width: 100%;
}

.members_table *, 
.members_header_table *,
.departments_table * {
    font-weight: lighter;
    font-family: "Roboto Condensed";
}

.members_table td,
.members_header_table th {
    width: auto;
    white-space: nowrap;
    padding-left: 2px;
    padding-right: 2px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.department_name,
.ups_dept_name_th,
.fedex_dept_name_th,
.email_dept_name_th {
    background-color: #A3A3A3;
    color: #FFF;
    width: 200px;
}

.member_name {
    background-color: #A3A3A3;
    color: #FFF;
}

.member_delete, .department_delete {
    background-color: #FF0000;
    color: #FFF;
}

.member_delete_anchor {
    text-decoration: none;
    font-weight: bold;
}

.ups_pwdinput {
    border: solid 0px #AAA;
    background-color: #C3DFE5;
    text-align: center;
    box-shadow: 0 0px 2px rgba(0,0,0,0) inset, 0 -0px 0 rgba(0,0,0,0.05) inset;
}


.ups_table,
.dhl_table,
.fedex_table,
.email_table {
    width: 100%;
}

.member_depts, 
.department_evernote,
.ups_settings_th,
.fedex_settings_th,
.email_settings_th {
    background-color: #0081C1;
    color:#FFF;
}

.member_dept_name,
.ups_sub_settings,
.dhl_sub_settings,
.fedex_sub_settings,
.email_sub_settings {
    background-color: #5AA3BF;
    color: #FFF;
}
.dhl_sub_settings:nth-child(1),
.dhl_sub_settings:nth-child(2){
    width: 313px;
}
.dhl_sub_settings:nth-child(3){
    width: 57px;
}
.dhl_sub_settings:nth-child(4){
    width: 40px;
}
.ups_sub_settings,
.fedex_sub_settings,
.dhl_sub_settings,
.email_sub_settings {
    font-size: 13px;
    white-space: nowrap;
    font-weight:400;
}

th.ups_sub_settings,
th.dhl_sub_settings,
th.fedex_sub_settings,
th.email_sub_settings, {
    padding-left: 5px;
    padding-right: 5px;
    font-weight: lighter;
    font-size: 17px;
}

.member_access {
    background-color: #BF0000;
    color: #FFF;
}

.access_right {
    background-color: #BC5B5B;
    color: #FFF;
}

.member_email_value, 
.department_name_value,
.ups_dept_name_td,
.ups_dept_name_td,
.fedex_dept_name_td,
.email_dept_name {
    background-color: #E8E8E8;
    color: #545454;
    font-weight: bold;
}

.member_delete_value, .department_delete_value {
    background-color: #FFCCCC;
    color: #FF0000;
    cursor: pointer;
    font-weight: bold;
}

.member_dept_value {
    background-color: #C3DFE5;
    cursor: pointer;
    width: 91px;
}

.member_access_value {
    background-color: #E2C3C3;
    color: #333;
}

.members_table  tr, 
.evernote_accounts tr {
    margin-right: 5px;
}

#member input {
    display: inline-block;
    width: 180px;
}

#member div.google-button-red {
    display: inline-block;
    width: 100px;
}

#member {
    padding: 0;
}

.new_department_label,
.new_department_name {
    margin-right: 15px;
}

.new_department_label {
    font-weight: bold;
    font-size: 0.9em;
}

#add_department {
    width: 50px;
    position: relative;
    bottom: 2px;
    height:27px;
    top: 0px;
}

.group-save, 
.department-done,
.ups-done,
.fedex-done,
.email-done
{
    position: absolute;
    display: block;
    margin-right: auto;
    margin-left: auto;
    right: 0;
    left: 0;
    bottom: 0;
    margin-bottom: 10px;
}

.group_editor_view {
    width: 1000px;
}

table.departments_table {
    width: 100%;
}

table.group_editor_view, 
table.evernote_accounts,
table.departments_table {
    text-align: center;
}

.group_editor_view th, 
table.evernote_accounts th { 
    color: white;
    background-color: #ff6700;
}

.group_editor_view th, 
.group_editor_view td, 
.evernote_accounts td, 
.departments_table td {
    padding: 5px;
}

.departments_table th {
    padding-right: 2px;
    padding-left: 2px;
}

.group_editor_view tr, 
.evernote_accounts tr, 
.departments_table tr {
    border-spacing: 0px;
}

.group_editor_view td {
    background-color: #E2E2E2;
}

.group_editor_view a:link, .group_editor_view a:visited, .group_editor_view a:hover, .group_editor_view a:active {
    color: inherit;
}

img.evernote_popup_trigger {
    height: 30px;
}

img.evernote_popup_trigger:hover {
    cursor: pointer;
}

#navi a {
    width: 100px;
    padding: 10px;
}

.shade_true {
    background-color: #DDD;
}

.company_edit_wrapper {
    position: relative;
    margin: 0.5em 1em;
    max-height: 220px;
}

.company_edit_form {
    display: inline-block;
    float:left;
}

.mid_panel{
    float:left;
    color: rgb(51, 51, 51);
    display: block;
    float: left;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.9em;
    margin-left: -30px;
}

.countryItem .ui-menu-item{
    display:flex;
}
.countryItem .ui-menu-item a{
    flex: 1;
}
.countryItem .ui-menu-item img {
    width: 24px;
}

.group_content .right_panel label{
    color: rgb(51, 51, 51);
    display: block;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 15.8400001525879px;
    font-weight: 600;
}

.group_content .img_container{
        width: 150px;
    height: 150px;
    background-color: rgba(241, 241, 241, 0);
    margin-top: 20px;
    line-height: 150px;
    margin-left: 0px;
    float: left;
}
.company_image{
    width: 150px;
    height: 150px;
    position: relative;
    display: block;
    margin: initial;
}

.company_address_info span{
    display:block;
    width:200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: 'Roboto','Helvetica','Arial',sans-serif;
    color: rgb(51, 51, 51);
    font-size: 0.9em;
}

.mid_panel .bold{
    font-weight: 600;
}

.company_address_info .address{
    float:left;
    min-height: 84px;
}

.company_address_info .contact{
    float:right;
}

.createGroup{
    margin-left: 0px;
    margin-bottom: 25px;
}

.company_edit_form input[type="text"],
.company_edit_form input[type="email"] {
    height: 25px;
    font-size: 18px;
    width: 270px;
    margin-bottom: 12px;
    padding: 2px 4px;
}

.company_address_info .title{
    margin-bottom: 10px;
}

.company_address_info #edit_address{
    width:50px;
    height: 27px;
    margin-bottom: 20px;
    padding: 0px;
}



#email {
    width: 240px;
    margin-right: 10px;
    height: 24px;
}

#add_member {
    bottom: 2px;
    width: 50px;
    margin-bottom: 10px;
    height: 27px;
    left: 332px;
    padding: 0px;
}

.add_member label{
    display:block;
    margin-top: 10px;
    font-weight: 800;
    font-size: 0.9em;
}

.delete_group {
    color: #FF0000;
    font-weight: bold;
    cursor: pointer;
}

.department_section {
    color: #FFF;
    background-color: #5AA3BF;
    width: 100px;
}

.department_delete {
    width: 50px;
}

.evernote_table {
    width: 100%;
}

.evernote_table th {
    text-align: left;
}

.delete_evernote_account {
    color: red;
    font-size: 22px;
    font-weight: bold;
    cursor: pointer;
}

.department_evernote_sync {
    color: #FFF;
    background-color: #00CC00;
    width: 100px;
}

.fedex_login_name{
    width: 311px;
}

.evernote_outbound_value,
.evernote_inbound_value,
.evernote_archive_value,
.ups_login_name,
.ups_password, 
.ups_key,
.ups_out_sub, 
.ups_tp_sub,
.ups_test,
.ups_del,
.fedex_login_name,
.fedex_password, 
.fedex_del,
.email_td {
    color: #545454;
    background-color: #C3DFE5;
}

.ups_test{
    min-width: 70px;

}

td.ups_del {
    color: red;
}

td.fedex_del {
    color: red;
}

.ups_del_existing {
    cursor: pointer;
}

.evernote_sync_value {
    background-color: #AAEE99;
    text-align: center;
}

.evernote_toggle {
    height: 30px;
    cursor: pointer;
}

.ups_video_label {
    margin-top: 15px;
}

#add_evernote {
    width: 200px;
    margin-left:120px;
    margin-top: 10px;
    /* margin: auto auto; */
    margin-left: 50%;
    position: relative;
    left: -109px;
}

.ups_table td,
.dhl_table td,
.fedex_table td,
.email_table td {
    text-align: center;
    background-color: #C3DFE5;
}

.company_labels {
    float: left;
    margin-right: 20px;
    font-weight: bold;
    font-size: 0.9em;
    text-align: right;
}

.company_text_fields select{
    font-size: 18px;
    /* width: 300px; */
    margin-bottom: 14px;
    height: 32px;
    padding: 2px 4px;
    width: 41%;
    -webkit-appearance: menulist-button;
        margin-right: 10px;
}

.company_labels label {
    display: block;
    height: 45px;
}

.company_text_fields {
    float: left;
    width: 330px;
}

.add_member_container {
    position: relative;
}

.done_container {
    background-color: #96999E;
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 0;
    left:0px;
}

.new_department_container {
    margin-top: 10px;
}

.ui-widget-content.ui-dialog {
    border: solid 0px #999;
    padding: 0;
}

.ui-dialog-titlebar {
    border-radius: 0;
}

.ui-dialog-title {
    font-size: 22px;
}

.department_note {
    margin-top: 15px;
}

.email_department_row input {
    background-color: inherit;
    width: 100%; 
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    border: 0;
    box-shadow: none;
    text-align: center;
}

.email_editor .table_container {
    height: 400px;
}

.email_use_spa,
.email_test_settings {
    padding-right: 5px;
    padding-left: 5px;
}

.emailStatusSuccess,
.emailStatusTest {
    color: green;
}

.emailStatusTesting {
    color: grey;
}

.emailStatusFailed,
.emailStatusError {
    color: red;
}

.email_port {
    width: 65px;
}

.email_spa {
    width: 60px;
}

.email_account {
    width: 85px;
}

.email_settings {
    width: 85px;
}

.member_dept_name,
.access_right {
    font-size: 13px;
}

.member_delete,.member_delete_value 
{
    /*width: 60px;
    max-width: 60px;
    min-width: 50px;*/
}

.access_right, 
.member_access_value
{
    
    min-width: 45px;
    

    /*width: auto;width: 55px;max-width: 35px;min-width: 55px;*/
}

.member_dept_name,
{
    
    min-width: 10px;
    

    /*width: auto;width: 55px;max-width: 35px;min-width: 55px;*/
}

.member_email_value,
.member_name {
    min-width: 200px;
    text-overflow: ellipsis;
}

.header_container {
    /*position: absolute;*/
    width: 100%;
    background-color: #FFF;
    /*padding-bottom: 2px;
    padding-top: 10px;*/
}

.inner_container {
    padding-top: 60px;
    display: inline-block;
}

.member_access_value {
    cursor: pointer;
}

.inner_table_container {
    overflow-y: auto;
    height: 100%;
    overFlow-x: hidden;
}

.email_td.email_del {
    color: red;
    cursor: pointer;
}

.email_server {
    width: 140px;
}

.measurements {
    float: left;
    width: 70px;
    white-space: nowrap;
}

.measurements label {
    font-size: 13px;
    margin-right: 5px;
}

.fedex_del{
    width:55px;
}

.ups_login_name,
.ups_password,
.ups_key,
.ups_out_sub,
.ups_pwdinput,
.ups_tp_sub{
    width: 120px;
}

.ups_key{
    text-transform:uppercase;
}

@media only screen and (max-width: 1035px){

    #groups_main,
    .group_editor_view,
    .group_editor_view{
        width: 100%;
    }
}

.email_notification {
    background-color: #FF5C00;
    color: #FFF;
}

.email_notification_section{
    background-color: #FF9356;
    color: #FFF;
    width:125px;
}

.email_notification_value,.email_notification_value1 {
    color: #545454;
    background-color: #F5D8C5;
    -webkit-user-modify: read-write;
    -moz-user-modify: read-write;
    word-wrap: break-word;
    -webkit-line-break: after-white-space;
    max-width: 40px;
    font-size: 14px;
}

.auto_notification
{
    background-color: rgb(255,170,0);
    color: #FFF;
    width: 78px;
}

.notification_template
{
    background-color: rgb(255,149,0);
    color: #FFF;
    width: 78px;
}

.auto_notifications_value
{
    color: #545454;
    background-color: rgb(255,238,204);
    word-wrap: break-word;
    -webkit-line-break: after-white-space;
    max-width: 40px;
}

.message_template_value
{
    color: #545454;
    background-color: rgb(255,234,204);
    word-wrap: break-word;
    -webkit-line-break: after-white-space;
    max-width: 40px;
}

div.ui-dialog.template_editor
{
    padding: 0;
    border: solid 0px rgb(6, 127, 160);
}

div.ui-dialog-titlebar.template_editor_titlebar
{
    border: 1px solid rgb(39, 161, 194);
    background-image: -moz-linear-gradient(center top , #27A1C2, #27A1C2);
    background-image: -webkit-linear-gradient(top, rgb(39, 161, 194), rgb(39, 161, 194));
}

#template label{
    display: block;
    font-size: 0.7em;
    font-weight: 800;
    color: grey;
    margin-top: 3px;
    margin-left: 5px;
}

#template .msg{
    width: 609px;
    height: 180px;
    border-radius: 5px;
    webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding-left: 10px;
    font-size: 0.9em;
    resize: none;
    font-weight: 600;
    margin-top: 4px;
    border: 1px solid #aaa;
}

#template .from_text{
    width: 609px;
    border-radius: 5px;
    webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding-left: 10px;
    font-size: 0.9em;
    resize: none;
    font-weight: 600;
    margin-top: 4px;
}

#template .tips{
    margin-left: 460px;
}

#template .google-button{
    display: inline-block;
    width: 110px;
    border: 1px solid rgb(0,0,0);
}

#template .google-button-red{
    margin-left: 150px;
    margin-right: 50px;
    margin-top: 7px;
}

.group_content{
    height:570px;
    overflow:auto;
}

.format_form{
    margin-left: -1em;
    margin-right: -1em;
}

.custom_close {
    top: 5px;
    left: 852px;
    position: absolute;
    cursor: pointer;
    /* background-color: rgb(255, 103, 0); */
}

.custom_close a {
    background-size: 100%;
    background-image: url('/static/images/x_button_se.png');
    width: 32px;
    height: 32px;
    opacity: 0.5;
    display: block;
}

.custom_close a:hover{
    /* opacity: 1; */
}

.note_input_box,
.email_input_box,
.email_input_box1{
    position:absolute;
    display: none;
    padding: 5px;
    min-width: 100px;
    text-align: center;
    background-color: white;
    border: 0px solid rgb(240, 240, 240);
    box-shadow: rgb(116, 116, 116) 0px 0px 10px 2px;
    font-size: 1.1em;
    font-weight: lighter;
    font-family: "Roboto Condensed";
}

.evernote_info_table .note_input_box,
.evernote_info_table .email_input_box,
.evernote_info_table .email_input_box1{
    position:fixed;
}


.note_input_box:focus,
.email_input_box:focus,
.email_input_box1:focus{

    border: 0px solid rgb(240, 240, 240);
    box-shadow: rgb(116, 116, 116) 0px 0px 10px 2px;
    
}
body.wait, body.wait *{
cursor: wait !important;   
}

.contact_info .top_left{
    float: left;
    width: 30%;
    text-align: center;
    margin-top: 18px;
}

.contact_info .top_right{
    float: left;
    width: 70%;
    text-align: center;
    position: relative;
        left: 10px;
}

.contact_info .top_half .avatar{
    float: initial;
    width: 150px;
    height: 150px;
    /* margin-left: 60px; */
    /* margin-top: 30px; */
    position: relative;
    display: block;
    margin: initial;
}

.top_right input{
    height: 25px;
    font-size: 18px;
    width: 320px;
    margin-bottom: 12px;
    padding: 3px 6px;
    font-family: Roboto;
}

.top_right #ps_country{
    text-transform: uppercase; 

}

.top_right input:first-child{
        margin-top: 20px;
}

.top_half .upload{
    width: 80px;
    margin-top: 10px;
margin-left: 10px;
}

.bottom_half{
    text-align:center;
    margin-top: 10px;
}
.bottom_half input{
    height: 25px;
    font-size: 18px;
    width: 410px;
    margin-bottom: 12px;
    padding: 3px 6px;
    font-family: Roboto;
}

.img_path{
    position: absolute;
    top: -1000px;
}

.img_container{
    width: 150px;
    background-color: rgba(241, 241, 241, 0);    
    margin-top: 10px;
    line-height: 150px;
    margin-left: 15px;
}

.top_left span{
    color: rgb(51, 51, 51);
    display: block;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: 600;
    margin-left: 7px;
}

.top_right span{
    color:red;
    margin-left:7px;
}

.dept_info .left_panel{
    float:left;
    margin-top: 10px;
    margin-left: 10px;
}

.dept_info .mid_panel{
    float:left;
    position: relative;
    left: 25px;
}

.dept_info .right_panel{
    float:left;

    position: relative;
    left: 70px;
}

.department_note{
    width:330px;
    font-size: 0.9em;
}

.title.bold{
    font-size: 0.9em;
}

.dept_sel select{
    width: 70%;
    margin-bottom: 10px;
    -webkit-appearance: menulist-button;
    height: 29px;
}

.dept_sel #edit_address{
    width: 60px;
    margin-left:15px;
    height:27px;
}

.dept_info .mid_panel{
    margin-top: 10px;

}

.dept_info .mid_panel label{
    margin-left: 15px;
    font-weight: bold;
}
.dept_done{
}

.reply_email,
.auto_slip{
    display: block;
    /* width: 200px; */
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: 'Roboto','Helvetica','Arial',sans-serif;
    color: rgb(51, 51, 51);
    font-size: 0.9em;
    margin-top: 15px;
    cursor:pointer;
    margin-right: 20px;
}

.reply_email span{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 400px;
    display: inline-block;
}

.reply_email span:nth-child(3){
    font-weight: 800;
}


.reply_email input{
    position: relative;
    top: -3px;
}

.reply_email .copyfixedmail{
    position: relative;
    margin-left: 20px;
    top: -4px;
    text-decoration: underline;
    font-weight: 400;
    font-size: 0.9em;
    display: inline-block;
}

.dept_info .inline{
    float:left;
    display:none;
}


.company_address_info{
    min-width: 400px;
        min-height: 100px;
}

.departInfo_buttons{
    width: 98%;
}

.departInfo_buttons button:nth-child(2),
.departInfo_buttons button:nth-child(1)
{
    float:right;
}

.departInfo_buttons button:nth-child(4),
.departInfo_buttons button:nth-child(3)
{
    float:left;
}

.company_labels label:nth-child(5){
    margin-top: -1px;
}

.fedex_test,.email_test_settings {
    cursor:pointer;

}

.carrier_head{
    background-color: #00B253;
    color:white;
}
.carrier_info{
    background-color: #52b17e;
    color:white;
}

.carrier_value{
    background-color: #70E0A4;
    color:black;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px 25px;
    cursor:pointer;
}

.carrier_note{
    max-width: 50px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.carrier_popup{
    list-style: none;
    position: absolute;
    padding: 10px;
        margin-left: -295px;
    background: white;
    border: 1px solid grey;
    position: fixed;
    width: 300px;
    display:none;
    padding-bottom: 6px;
    margin-top: 7px;
}

.carrier_popup li:nth-child(1){
    
    padding-bottom: 10px;

}
.carrier_popup li:nth-child(1) span{
    font-size:14px;
    font-family: 'Roboto','Helvetica','Arial',sans-serif;
    font-weight: bold;
}

.carrier_popup li.showpic{
    text-align: right;
    font-size: 14px;
    font-family: 'Roboto','Helvetica','Arial',sans-serif;
    font-weight: bold;
    padding-right: 6px;
    margin-top: -6px;
    padding-bottom: 10px;
}

.carrier_popup li select{
    width: 230px;
    margin-right: 5px;
    float: right;
    font-size: 14px;
    font-weight: 800;
}
.carrier_popup li input[type='text']{
    width: 93%;
    font-size: 14px;
    padding: 5px;
    font-weight: 800;
    resize: none;
    margin-bottom: 10px;
}


.carrier_value a{
    font-size: 14px;
    padding: 10px;
    background: #F2EEEE;
    padding-top: 2px;
    padding-bottom: 2px;
    color: black;
    border: 1px solid rgb(20,20,20);
    border-radius: 3px;
    font-weight: 800;
    float: left;
    margin-left: 5px;
    margin-bottom: 2px;
    cursor:pointer;
}

a.carrier_save{
    float:right;
    margin-right: 5px;
}


.carrier_select_0 {
    background-image: url('/static/images/carrier_0.png'); 
    height: 40px;
}

.carrier_select_1 {
    background-image: url('/static/images/carrier_1.png'); 
    height: 40px;
}

.carrier_select_2 {
    background-image: url('/static/images/carrier_2.png');
    height: 40px;
}

.carrier_select_3 {
    background-image: url('/static/images/carrier_3.png'); 
    height: 40px;
}

.carrier_select_4 {
    height: 40px;
    background-image: url('/static/images/carrier_4.png'); 
}

.carrier_select_5 {
    background-image: url('/static/images/carrier_5.png'); 
    height: 40px;
}

.carrier_select_6 {
    background-image: url('/static/images/carrier_6.png'); 
    height: 40px;
}

.carrier_select_7 {
    background-image: url('/static/images/carrier_7.png'); 
    height: 40px;
}

.carrier_select_8 {
    background-image: url('/static/images/carrier_8.png'); 
    height: 40px;
}

.carrier_select_9 {
    background-image: url('/static/images/carrier_9.png'); 
    height: 40px;
}


.carrier_select_10 {
    background-image: url('/static/images/carrier_-1.png');
    height: 40px;
}

.carrier_popup option{
    background-color: red;
    background-image: url('/static/images/carrier_-1.png');
}

.ddcommon ul li img,
.ddTitleText img{
    width: 25px;
}
.dd .ddChild ul li img,
.ddcommon .ddTitle .ddTitleText img.fnone{
    float:right;
}
img.fnone{
    margin-right: 3px;
    margin-top: -3px;

}
.dd .ddChild li .ddlabel{
    float:left;
}
.ddChild{
    min-height:260px;
    max-height:260px;
}


#countries_timezones1{
    width: 47%;
}

.company_text_fields select.bfh-timezones{
    width: 35%;
}
.sales_head{
    background-color: rgba(255, 103, 0, 1);
    color:white;
}
.sales_rep_value{
    background-color: rgba(255, 103, 0, 0.4);
    cursor:pointer;
}
.buttomline label{
    font-family: Roboto Condensed;
    font-size: 15.84px;
    font-weight: bold;
}
#countries_timezones1{
    width: 18%;
    margin-left: 9px;
}

.buttomline{
    position: relative;
    top: -50px;
}

.buttomline .bfh-timezones{
    margin-left: 13px;
    width: 18%;
}

.buttomline .add_member{
    width: 41%;
    display: inline-block;
    margin-left: 13px;
}

.sales_status1{
    background-image: url('/static/images/sales_rep_icon.png');
    background-position: center;
    background-size: 28px 28px;
    background-repeat: no-repeat;
    padding: 10px;
}

.admin_true{
    cursor:initial;
}

#headercontent{
    min-width: 600px;
}

.email_setting{
    color: black;
    font-size: 0.9em;
    cursor:pointer;
}

.email_setting ul{
    display: none;
    position: absolute;
    list-style-type: none;
    background: #C3DFE5;
    margin: 0;
    margin-left:-200px;
    padding: 10px;
    border: 1px solid grey;
}

.email_setting ul li{
    text-align: left;
}

.email_setting input{
    width: auto;    
}

.email_setting:hover ul{
    display: block;
}

.email_setting  ul li:hover{
    color: red;
}

.email_setting_disable ul{
    display:none;
}

.ui-autocomplete {
    height: auto;
    width:318px;
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 2000;
}

.evernote_table .delete_evernote_account{
    color: white;
    font-family:Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.1em;
    max-width: 60px;
    float: right;
}

.evernote_info_table{
    width:100%;
}

.evernote_info_table td{
    padding-left: 4px;
    padding-right: 3px;
    width: 25%;
    max-width:25%;
}

.evernote_popup_trigger.expired:after{
    content:" (Expired)";
    color:red;
}

.copyfixedmail.disable{
    display:none;;
}

.ups_time{
    cursor:pointer;
}

.no-titlebar .ui-dialog-titlebar {
    display: none;
}

.timesetting_editor div{
}

.timesetting_editor canvas{
    width: 100%;
    height:100%;
}

.timesetting_editor .block{
    width: 7.8%;
    float: left;
    height: 22px;
    border-top: 1px solid black;
    border-left: 1px solid black;

}

.morning,
.afternoon{
    height: 90px !important;
}

.timesetting_editor .block.mostright{
    border-right: 1px solid black;
}


.timesetting_editor .block .topblock{
    height: 11px;
    border-bottom: 1px solid black;
    background: grey;
}

.timesetting_editor .timeslots{
    height: 20px;
    margin-left: 10px;
}

.timetags{
    position: relative;
    left: -10px;
    width: 575px;
    height: 30px !important;
    display: flex;
    margin-left: 10px;
}

.timesetting_editor .timetags span{
    display:inline-block;
    width: 7.76%;
    float: left;
}
.morning{
    padding-top: 40px;
    margin-bottom: 30px;
}

.timesetting_editor .buttons{
    height: 40px;
    margin-top: 20px;
    text-align: right;
}

.timerange{
    height: 35px;
    text-align: center;
    color:grey;
}

.timesetting_editor .buttons a{
        display: inline-block;
    width: 23px;
    height: 23px;
    background: #04ce04;
    color: white;
    text-align: center;
    border-radius: 5px;
    font-size: 1.4em;
    line-height: 20px;
    cursor:pointer;
}

.buttons .delete{
    background:red !important;
    margin-left:5px;
}

.timesetting_editor .point{
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 13px solid #7777ff;
    cursor:pointer;
}

.timesetting_editor .point.p0,
.timesetting_editor .point.p15,
.timesetting_editor .point.p30,
.timesetting_editor .point.p45,
.timesetting_editor .point.p60,
.timesetting_editor .point.p75,
.timesetting_editor .point.p90,
.timesetting_editor .point.p105,
.timesetting_editor .point.p120,
.timesetting_editor .point.p135,
.timesetting_editor .point.p150,
.timesetting_editor .point.p165,
.timesetting_editor .point.p180,
.timesetting_editor .point.p195,
.timesetting_editor .point.p210,
.timesetting_editor .point.p225,
.timesetting_editor .point.p240,
.timesetting_editor .point.p255,
.timesetting_editor .point.p270,
.timesetting_editor .point.p285,
.timesetting_editor .point.p300,
.timesetting_editor .point.p315,
.timesetting_editor .point.p330,
.timesetting_editor .point.p345,
.timesetting_editor .point.p360,
.timesetting_editor .point.p375,
.timesetting_editor .point.p390,
.timesetting_editor .point.p405,
.timesetting_editor .point.p420,
.timesetting_editor .point.p435,
.timesetting_editor .point.p450,
.timesetting_editor .point.p465,
.timesetting_editor .point.p480,
.timesetting_editor .point.p495,
.timesetting_editor .point.p510,
.timesetting_editor .point.p525,
.timesetting_editor .point.p540,
.timesetting_editor .point.p555,
.timesetting_editor .point.p570,
.timesetting_editor .point.p585,
.timesetting_editor .point.p600,
.timesetting_editor .point.p615,
.timesetting_editor .point.p630,
.timesetting_editor .point.p645,
.timesetting_editor .point.p660,
.timesetting_editor .point.p675,
.timesetting_editor .point.p690,
.timesetting_editor .point.p705,
.timesetting_editor .point.p720{
    position: absolute;
    top: 95px;
}

.timesetting_editor .point.p0{
    margin-left:0px;
    z-index:1;
}
.timesetting_editor .point.p15,
.timesetting_editor .point.p735{
    margin-left:11px;
    z-index:2;
}
.timesetting_editor .point.p30,
.timesetting_editor .point.p750{
    margin-left:22px;
    z-index:3;
}
.timesetting_editor .point.p45,
.timesetting_editor .point.p765{
    margin-left:33px;
    z-index:4;
}
.timesetting_editor .point.p60,
.timesetting_editor .point.p780{
    margin-left:44px;
    z-index:5;
}
.timesetting_editor .point.p75,
.timesetting_editor .point.p795{
    margin-left:55px;
    z-index:6;
}
.timesetting_editor .point.p90,
.timesetting_editor .point.p810{
    margin-left:66px;
    z-index:7;
}
.timesetting_editor .point.p105,
.timesetting_editor .point.p825{
    margin-left:77px;
    z-index:8;
}
.timesetting_editor .point.p120,
.timesetting_editor .point.p840{
    margin-left:88px;
    z-index:9;
}
.timesetting_editor .point.p135,
.timesetting_editor .point.p855{
    margin-left:99px;
    z-index:10;
}
.timesetting_editor .point.p150,
.timesetting_editor .point.p870{
    margin-left:110px;
    z-index:11;
}
.timesetting_editor .point.p165,
.timesetting_editor .point.p885{
    margin-left:121px;
    z-index:12;
}
.timesetting_editor .point.p180,
.timesetting_editor .point.p900{
    margin-left:133px;
    z-index:13;
}
.timesetting_editor .point.p195,
.timesetting_editor .point.p915{
    margin-left:144px;
    z-index:14;
}
.timesetting_editor .point.p210,
.timesetting_editor .point.p930{
    margin-left:155px;
    z-index:15;
}
.timesetting_editor .point.p225,
.timesetting_editor .point.p945{
    margin-left:166px;
    z-index:16;
}
.timesetting_editor .point.p240,
.timesetting_editor .point.p960{
    margin-left:177px;
    z-index:17;
}
.timesetting_editor .point.p255,
.timesetting_editor .point.p975{
    margin-left:188px;
    z-index:18;
}
.timesetting_editor .point.p270,
.timesetting_editor .point.p990{
    margin-left:199px;
    z-index:19;
}
.timesetting_editor .point.p285,
.timesetting_editor .point.p1005{
    margin-left:210px;
    z-index:20;
}
.timesetting_editor .point.p300,
.timesetting_editor .point.p1020{
    margin-left:221px;
    z-index:21;
}
.timesetting_editor .point.p315,
.timesetting_editor .point.p1035{
    margin-left:232px;
    z-index:22;
}
.timesetting_editor .point.p330,
.timesetting_editor .point.p1050{
    margin-left:243px;
    z-index:23;
}
.timesetting_editor .point.p345,
.timesetting_editor .point.p1065{
    margin-left:254px;
    z-index:24;
}
.timesetting_editor .point.p360,
.timesetting_editor .point.p1080{
    margin-left:266px;
    z-index:25;
}
.timesetting_editor .point.p375,
.timesetting_editor .point.p1095{
    margin-left:275px;
    z-index:26;
}
.timesetting_editor .point.p390,
.timesetting_editor .point.p1110{
    margin-left:286px;
    z-index:27;
}
.timesetting_editor .point.p405,
.timesetting_editor .point.p1125{
    margin-left:297px;
    z-index:28;
}
.timesetting_editor .point.p420,
.timesetting_editor .point.p1140{
    margin-left:308px;
    z-index:29;
}
.timesetting_editor .point.p435,
.timesetting_editor .point.p1155{
    margin-left:319px;
    z-index:30;
}
.timesetting_editor .point.p450,
.timesetting_editor .point.p1170{
    margin-left:330px;
    z-index:31;
}
.timesetting_editor .point.p465,
.timesetting_editor .point.p1185{
    margin-left:341px;
    z-index:32;
}
.timesetting_editor .point.p480,
.timesetting_editor .point.p1200{
    margin-left:352px;
    z-index:33;
}
.timesetting_editor .point.p495,
.timesetting_editor .point.p1215{
    margin-left:363px;
    z-index:34;
}
.timesetting_editor .point.p510,
.timesetting_editor .point.p1230{
    margin-left:374px;
    z-index:35;
}
.timesetting_editor .point.p525,
.timesetting_editor .point.p1245{
    margin-left:385px;
    z-index:35;
}


.timesetting_editor .point.p540,
.timesetting_editor .point.p1260{
    margin-left:397px;
    z-index:36;
}
.timesetting_editor .point.p555,
.timesetting_editor .point.p1275{
    margin-left:408px;
    z-index:37;
}
.timesetting_editor .point.p570,
.timesetting_editor .point.p1290{
    margin-left:419px;
    z-index:38;
}
.timesetting_editor .point.p585,
.timesetting_editor .point.p1305{
    margin-left:430px;
    z-index:39;
}
.timesetting_editor .point.p600,
.timesetting_editor .point.p1320{
    margin-left:441px;
    z-index:40;
}
.timesetting_editor .point.p615,
.timesetting_editor .point.p1335{
    margin-left:452px;
    z-index:41;
}
.timesetting_editor .point.p630,
.timesetting_editor .point.p1350{
    margin-left:463px;
    z-index:42;
}
.timesetting_editor .point.p645,
.timesetting_editor .point.p1365{
    margin-left:474px;
    z-index:43;
}
.timesetting_editor .point.p660,
.timesetting_editor .point.p1380{
    margin-left:485px;
    z-index:44;
}
.timesetting_editor .point.p675,
.timesetting_editor .point.p1395{
    margin-left:496px;
    z-index:45;
}
.timesetting_editor .point.p690,
.timesetting_editor .point.p1410{
    margin-left:507px;
    z-index:46;
}
.timesetting_editor .point.p705,
.timesetting_editor .point.p1425{
    margin-left:518px;
    z-index:47;
}
.timesetting_editor .point.p720,
.timesetting_editor .point.p1440{
    margin-left:530px;
    z-index:48;
}


.timesetting_editor .point.p735,
.timesetting_editor .point.p750,
.timesetting_editor .point.p765,
.timesetting_editor .point.p780,
.timesetting_editor .point.p795,
.timesetting_editor .point.p810,
.timesetting_editor .point.p825,
.timesetting_editor .point.p840,
.timesetting_editor .point.p855,
.timesetting_editor .point.p870,
.timesetting_editor .point.p885,
.timesetting_editor .point.p900,
.timesetting_editor .point.p915,
.timesetting_editor .point.p930,
.timesetting_editor .point.p945,
.timesetting_editor .point.p960,
.timesetting_editor .point.p975,
.timesetting_editor .point.p990,
.timesetting_editor .point.p1005,
.timesetting_editor .point.p1020,
.timesetting_editor .point.p1035,
.timesetting_editor .point.p1050,
.timesetting_editor .point.p1065,
.timesetting_editor .point.p1080,
.timesetting_editor .point.p1095,
.timesetting_editor .point.p1110,
.timesetting_editor .point.p1125,
.timesetting_editor .point.p1140,
.timesetting_editor .point.p1155,
.timesetting_editor .point.p1170,
.timesetting_editor .point.p1185,
.timesetting_editor .point.p1200,
.timesetting_editor .point.p1215,
.timesetting_editor .point.p1230,
.timesetting_editor .point.p1245,
.timesetting_editor .point.p1260,
.timesetting_editor .point.p1275,
.timesetting_editor .point.p1290,
.timesetting_editor .point.p1305,
.timesetting_editor .point.p1320,
.timesetting_editor .point.p1335,
.timesetting_editor .point.p1350,
.timesetting_editor .point.p1365,
.timesetting_editor .point.p1380,
.timesetting_editor .point.p1395,
.timesetting_editor .point.p1410,
.timesetting_editor .point.p1425,
.timesetting_editor .point.p1440{
    position: absolute;
    top: 215px;
}

.point.selected{
    border-top: 13px solid red;
    z-index: 100 !important;
}

.point span{
    position: relative;
    top: -35px;
    left: -20px;
    font-size: 0.9em;
    display:none;
}

.point.selected span{
    display:initial;
}

.timesetting_editor .done_container{
    position: inherit;
    background: #eee;
    margin-top: 15px;
    text-align:center;
}

.timesetting_editor .done_container .google-button:nth-child(1){
    position: relative;
    top: 10px;
}

.timesetting_editor .done_container .google-button:nth-child(2){
    position: relative;
    float: right;
    left: -20px;
    top: 10px;
}

.fedex_time{
    cursor:pointer;
}

.timesetting_editor .buttons a.delete.disable{
    background:grey !important;
}
.timesetting_editor .buttons a.new.disable{
    background:grey !important;
}
.dhl_sub_settings:nth-child(2),
.dhl_sub_settings:nth-child(3),
.dhl_sub_settings:nth-child(4){
    width: 150px;
}

.ups_account_number{
    text-transform: uppercase;
}

.ui-widget-header{
    border:0px;
}


#departselect{
    background: #A3A3A3;
    border: 1px solid #A3A3A3;
}

.insurance_table .fedex_dept_name_th{
    color:black;
}

.drop_msg{
    text-align: center !important;
    position: absolute;
    bottom: 80px;
    width: 1080px;
    text-align:center;
    color:#2929ff;
}
.drapmode.ui-dialog-content:before{
     content: "Drop a postman collection JSON here";
     display: block;
     line-height: 1em;
     color: black;
     /* margin-top: -10px; */
     display: block;
     background: rgb(0 0 0 / 46%);
     position: fixed;
     width: 1104px;
     height: 518px;
     z-index: 1;
     /* left: 80px; */
     margin-left: -2px;
     /* top: -10px; */
     margin-top: -9px;
     margin-left: -19px;
     text-align: center;
     font-size: 3em;
     color: #d2d2d2;
     font-weight: bold;
     line-height: 500px;
}
.drapmode.ui-dialog-content{
    
}

.insuranceMgr {
    background:white !important;
    overflow-x: hidden !important;
    padding: 0px 0px !important;
}

.insured_headers{
    border-collapse: collapse;
}
#userMenu *,
#groups_main *{
    font-family:"Roboto"
}