/* latin */
@font-face
{
    font-family:'Lato';
    font-style:normal;
    font-weight:400;
    src: local('Lato Regular'), local('Lato-Regular'), url(https://s3-us-west-2.amazonaws.com/basesanbucket23/fonts/lato-normal-400.woff2) format('woff2');
}
/* latin-ext */
@font-face
{
    font-family:'Lato';
    font-style:normal;
    font-weight:400;
    src: local('Lato Regular'), local('Lato-Regular'), url(https://s3-us-west-2.amazonaws.com/basesanbucket23/fonts/lato-normal-400-ext.woff2) format('woff2');
}
/* latin bold */
@font-face
{
    font-family:'Lato';
    font-style:normal;
    font-weight:700;
    src: local('Lato Bold'), local('Lato-Bold'), url(https://s3-us-west-2.amazonaws.com/basesanbucket23/fonts/lato-normal-700.woff2) format('woff2');
}
/* latin-ext bold */
@font-face
{
    font-family:'Lato';
    font-style:normal;
    font-weight:700;
    src: local('Lato Bold'), local('Lato-Bold'), url(https://s3-us-west-2.amazonaws.com/basesanbucket23/fonts/lato-normal-700-ext.woff2) format('woff2');
}


body
{
    font-family:'Lato',sans-serif;
    font-size:14px;
}

table
{
    table-layout:fixed;
}

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

a
{
    text-decoration:none;
    /*color:dimgray*/
    color:black
}

a:hover
{
    text-decoration:underline;
    color:#343637
}

.menu > .item > a:hover
{
    text-decoration:none;
}

#menu_main
{
    margin-top:10px;
}

.icon_map
{
    padding-top:3px;
    color:gray
}
.icon_map:hover
{
    text-decoration:none;
    color:#3b5998;
    cursor:pointer
}

.icon
{
    cursor:pointer
}

textarea
{
    resize:none;
}

th#ca_column1, th#cl_column1
{
    width:22%;
    text-align:center;
    color:black;
}

th#ca_column2
{
    width:62%;
    text-align:center;
    color:black;
}

th#ca_column3
{
    width:16%;
    text-align:center;
    color:black;
}

th#cl_column2
{
    width:21%;
    text-align:center;
    color:black;
}

th#cl_column3
{
    width:21%;
    text-align:center;
    color:black;
}

th#cl_column4
{
    width:21%;
    text-align:center;
    color:black;
}

th#cl_column5
{
    width:15%;
    text-align:center;
    color:black;
}




.form-table-field
{
    padding:4px
}

.hide
{
    display:none;
}

.text_align_right
{
    text-align:right;
    margin-bottom:10px
}

.text_align_center
{
    text-align:center;
}


.text_vertical_middle
{
    vertical-align: middle;
}

.float_right
{
    float:right
}

.center_block
{
    margin-left:auto;
    margin-right:auto
}

.width200
{
    width:200px
}

.width300
{
    width:300px
}


.width600
{
    width:600px
}

.width700
{
    width:700px
}

.widthmax, .personal
{
    width:100%
}

.min-width-500
{
    min-width:500px
}

.min-width-600
{
    min-width:600px
}

.min-width-700
{
    min-width:700px
}

.max-width-500
{
    max-width:500px
}

.page-title
{
    font-size:22px;
    margin-bottom:20px
}

.width_250
{
    width:250px
}

.state, .type
{
    padding:6px
}

.zipcode
{
    width:110px
}

.employer
{
    width:235px
}

.phone
{
    width:125px
}

/*.phone-type
{
    margin-left:20px;
    padding:6px
}*/

.phone-type
{
    width:20px
}


.case_period
{
    width:220px
}


#text_note, #notify_modal_email_additional_text
{
    width:512px;
    height:110px;
    resize:none;
    border-radius:5px;
    border:1px solid #dedede;
    outline:none !important;
    padding:8px 12px 8px 12px;
}

#text_note:focus, #notify_modal_email_additional_text:focus
{
    border:1px solid #85b7d9;
}


#login_form, #form_new_account
{
    min-width:300px;
    width:300px;
    margin-left:auto;
    margin-right:auto;
    display:none;
}
/*
#client_form, #case_form
{
    min-width:800px;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}
*/
#lead_list, #client_list, #case_list, #view_width, .view_width
{
    min-width:800px;
    width:800px;
    margin-left:auto;
    margin-right:auto;
}

#db0, #db1, #db2
{
    height:200px;
}

#form_manage, #client, #lead
{
    min-width:600px;
    width:600px;
    margin-left:auto;
    margin-right:auto;
}

.div_case, .div_client, .div_lead, .lbl_password, .div_input_label
{
    font-size:12px;
}

.div_client_content
{
    font-weight:normal;
    color:blue

}

.contact_col_left
{
    float:left;
    width:260px
}

.case_col_right, .client_col_right, .lead_col_right
{
    width:100%
}

.type_col_left
{
    float:left;
    width:100px
}

.type_col_right
{
    float:right;
    width:500px
}

div.cols-off
{
    clear:both
}

.min_height_60
{
    min-height:60px
}

.font-size-6
{
    font-size:6px
}

.font-size-8
{
    font-size:8px
}

.font-size-9
{
    font-size:9px
}

.font-size-10
{
    font-size:10px
}

.font-size-11
{
    font-size:11px
}

.font-size-11-5
{
    font-size:11.5px
}

.font-size-12
{
    font-size:12px
}

.font-size-13
{
    font-size:13px
}

.font-size-14
{
    font-size:14px
}

.font-size-16
{
    font-size:16px
}

.font-size-17
{
    font-size:17px
}

.font-size-18
{
    font-size:18px
}

.font-size-22
{
    font-size:22px
}

.font-bold
{
    font-weight:bold
}

.button-link, .button-link:hover
{
    text-decoration:none;
    color:white
}

.transparent
{
    opacity:0;
}

.wrap
{
    white-space: pre-wrap; /* css-3 */
}

.cursor_default
{
    cursor:default;
}

.cursor_pointer
{
    cursor:pointer;
}

.margin_top_10
{
    margin-top:10px
}


.dark_red_color
{
    color: #af0000
}

.light_red_color
{
    color: #ff5050
}

/*
input[type='text']
{
    color: #555555;
    background-color: transparent;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: transparent;
    margin-bottom: 5px
}

input[type='text']:hover
{
    border-color: #aaaaaa 
}

input#login_username, input#login_password
{
    background-color: transparent;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #cccccc;
    margin-bottom: 5px
}

input#login_username:focus, input#login_password:focus, input[type='text']:focus
{
    color: #0245CC;
    border-color: #0357FF;
}

input[type='submit']
{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;

    color:dimgray;
    background-color: transparent;
    border-width: 0px;
}

input[type='submit']:hover
{
    text-decoration: underline;
    color: black;

    cursor: pointer
}
*/


/*th:hover,th.sorted
{
    background: #d4d4d4;
}

 Images for sorted table 
th.sorted.ascending:after
{
    content: " \2191";
}

th.sorted.descending:after 
{
    content: " \2193";
}*/

/* Semantic-UI Modifications */
.ui.grid > .row
{
    padding-top:0.5rem;
    padding-bottom:0.5rem
}

.pad_top_25, #client_note_info, #client_document_info, #case_note_info, #case_document_info
{
    padding-top:25px;
    padding-bottom:0;
}

.settings_circular
{
    height:100px;
    width:100px;
}

a#setting_link
{
    text-decoration:none;
    color:white
}

a#setting_link>.circular:hover
{
    text-decoration:underline;
    color:black
}

.settings_disable
{
    color:black;
}

.settings_timezone
{
    padding:6px;
    width:100%;
}

.help_faqs, .help_terms
{
    padding-right:10px;
    font-size:16px;
}

.color_gray
{
    color:#cccccc;
}

.color_blue_semantic
{
    color:#2185d0;
}

.color_blue
{
    color:#166bec;
}

.color_blue2
{
    color:#166bec;
}

.color_blue3
{
    color:#0f47aa;
}

.color_blue4
{
    color:#3bb0ff;
}

.color_blue5
{
    color:#2185d0;
}

.color_blue6
{
    color:#216bd0;
}

.color_green_semantic
{
    color:#21ba45;
}

.color_green
{
    color:#258f5c;
}

.color_green2
{
    color:#17af36;
}

.color_green3
{
    color:#008000;
}

.color_orange_semantic
{
    color:#f2711c;
}

.color_orange
{
    color:#ff7100;

}

.color_purple
{
    color:#cd5dcd;
}

.color_red
{
    color:#cf0000
}

.error_msg
{
    z-index:100;
    position:absolute;
}

/* Changing the hightlighting background color */
::selection
{
    background: #b7d4ff; /* WebKit/Blink Browsers */
}

::-moz-selection
{
    background: #b7d4ff; /* Gecko Browsers */
}

/*
 * Dashboard
 */
svg
{
    margin:10px;
    font-size:10px;
}
line
{
    stroke:#000000;
    stroke-width:1px;
}
#db0 rect
{
    stroke:#1fae41;
    fill:#1fae41;
}
#db1 rect
{
    stroke:#1b7dc7;
    fill:#1b7dc7;
}
#db2 rect
{
    stroke:#f2711c;
    fill:#f2711c;
}
/* For cases when there are zero entries for that day */
#db0 rect#noentry, #db1 rect#noentry, #db2 rect#noentry
{
    stroke:#333333;
    fill:#333333;
}
rect:hover
{
    stroke:#c93636 !important;
    fill:#c93636 !important;
}
g > text
{
    font-size:10px;
    text-anchor:middle;
}
g > text.vertical
{
    text-anchor:end;
}
g > text.title
{
    text-anchor:start;
}
g > title
{
    stroke:#ffffff;
    fill:#000000;
}
text#dates
{
    fill:#c44200;
}
text#dates_today
{

}

/*
 * Google Material Design Icons Settings
 */
.material-icons.md-14 {
    font-size:14px
}
.md-16 {
    font-size:16px
}
.md-18 {
    font-size:18px
}
.material-icons.md-20 {
    font-size:20px
}
.material-icons.md-24 {
    font-size:24px
}
.material-icons.md-32 {
    font-size:32px
}
.material-icons.md-36 {
    font-size:36px
}
.material-icons.md-48 {
    font-size:48px
}
.material-icons.md-64 {
    font-size:64px
}

/* Green */
.material-icons.md-dark.green {
    color: rgba(31,174,65,1);
}
/* Blue */
.material-icons.md-dark.blue {
    color: rgba(27,125,199,1);
}
/* Orange */
.material-icons.md-dark.orange {
    color: rgba(242,113,28,1);
}



/*
 * Building up the Select button for Add Document
 */
.document_select
{
    position: relative;
    overflow: hidden;
}
.document_select input#document_select_button
{
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
}




/*
 * Semantic-UI Addition
 *
 * Tiny Modal Width -- Adjusted from Stack Overflow post
 */

@media only screen and (min-width: 1100px)
{
    .ui.basesan-tiny.modal
    {
        width: 550px;
        margin: 0em 0em 0em -275px;
    }
    /*
    #add_client_form, #add_case_form
    {
        min-width:700px;
    }
    */
}

@media only screen and (min-width:720px) and (max-width:1100px)
{
    .ui.basesan-tiny.modal
    {
        width: 550px;
        margin: 0em 0em 0em -275px;
    }
    /*
        #add_client_form, #add_case_form
        {
            min-width:700px;
        }
    */
}

@media only screen and (max-width:720px)
{
    .ui.basesan-tiny.modal
    {
        width: 90%;
        margin: 0em 0em 0em -45%;
    }
    /*
        #add_client_form, #add_case_form
        {
            min-width:700px;
        }
    */
}


/*
 * Dealing with Mozilla/firefox less opaque placeholder text
 */
::-moz-placeholder
{
    opacity: 1;
}

/*
 * Keeping fullCalendar cursor as pointer
 */
.fc-event
{
    cursor: pointer;
}

.fc-unthemed td.fc-today
{
    background: #dbe4f9;
}