/*Custom: used to style the new note text box*/
div.newNote textarea {
    width: 100%;
    min-height: 75px;
    white-space: pre-line;
}

/*Custom: used to style the filter tables.*/
table.filterTable td {
    vertical-align: top;
}

table.filterTable input {
    max-width: 500px;
}

/**/
.container-custom h2 {
    display: inline-block;
}

.container-custom h3 {
    display: inline-block;
}

.btn-right {
    float: right;
}

.container-button-right {
    margin-top: 20px;
    margin-left: 5px;
    float: right;
    /*background-color: #f2f2f2;*/
}

.container-custom input {
    /*This is for the Add button on the notes screen. It does mess up the attachments _Index...*/
    margin-top: 20px;
    float: right;
    /*background-color: #f2f2f2;*/
}

.container-custom .row {
    margin-right: 15px;
}

.container-custom-index-header {
    margin-bottom: 0px;
}

.emphasise-text {
    font-weight: bolder;
}

.hr-index {
    margin-top: 0px;
    margin-bottom: 10px;
}

#leftDiv {
    float: left;
    width: calc(100% - 500px);
}

#rightDiv {
    float: right;
    width: 500px;
    margin-top: 10px;
}

textarea {
    max-width: none;
    min-height: 60px;
}

p.p-note {
    white-space: pre-line;
    margin: 0;
}

span.p-note {
    white-space: pre-line;
}

.form-control-inline {
    display: inline;
    width: 10%;
    min-width: 160px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.input-full-width {
    max-width: none;
}

.input-full-width-with-icon {
    width: 95%;
    max-width: none;
}

.btn-calendar {
    margin-top: 22px;
    margin-right: 5px;
    cursor: pointer;
    float: right;
}

.scrollable-cards {
    max-height: 400px;
    overflow-y: auto;
}

.img-btn-company {
    margin-bottom: 7px;
    cursor: pointer;
}

.canvas-chartjs {
    margin-left: auto;
    margin-right: auto;
}

/*For <p> tags inside <dd>. This is for the header sections of the details screens.*/
dd p {
    margin: 0px;
}

.confirm-delete {
    display: inline-block;
    float: right;
}

/*.delete-icon {
    background: url(../Images/24x24/garbage_can.png) no-repeat top left;
    display: block;
    width: 24px;
    height: 24px;
    text-indent: -9999px; /* hides the link text 
}*/
.btn-delete-icon {
    border: none;
    padding: 0px;
}


/*Restyle the jQuery ui buttons to look like everything else in crm.*/
.ui-dialog-buttonpane button {
    display: inline-block;
    background-color: #fff;
    border: 1px solid transparent;
    border-color: #ccc;
    border-radius: 4px;
    color: #333;
    padding: 6px 12px;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
}

.div-note-create {
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
}

    .div-note-create textarea {
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
        height: 200px;
    }

.control-label {
    text-align: left !important;
}

.days-back-input {
    display: inline-block;
    max-width: 150px;
}

.document-customer-name {
    font-size: 18px;
    display: block;
}

.p-no-margin {
    margin: 0px;
}

.col-md-2 {
    float: initial;
}

.col-md-10 {
    float: initial;
}

.col-md-offset-2 {
    margin-left: initial;
}

.grid-div {
    /*border: 1px solid;
    border-color: #ccc;
    border-radius: 4px;
    margin-bottom: 8px;*/
}

    .grid-div h3 {
        margin-top: 5px;
        margin-bottom: 0px;
        margin-left: 5px;
        vertical-align:top;
    }

    .grid-div button {
        margin-top: 0px;
        /*margin-right: 5px;*/
    }

    .grid-div .container-custom-index-header {
        background-color: #ededed;
    }
    .grid-div .row {
        margin-top:3px;
        margin-bottom: 3px;
    }

.clickable-text {
    cursor: pointer;
    color: #337ab7;
    width: fit-content;
}

.logoff {
    margin-right: 15px;
}

.center{
    text-align:center;
}

.print-report img {
    cursor:pointer;
}

.print-report select {
    display: inline-block;
}

.report-viewer{
    margin-top:40px;
}

.report-viewer iframe{
    width: 100%;
}

.image16 {
    height: 16px;
    width: 16px;
}

.image20 {
    height: 20px;
    width: 20px;
}

.image24 {
    height: 24px;
    width: 24px;
}

.image32 {
    height: 32px;
    width: 32px;
}

.image36 {
    height: 36px;
    width: 36px;
}

.image40 {
    height: 40px;
    width: 40px;
}

.image48 {
    height: 48px;
    width: 48px;
}

.image64{
    height:64px;
    width:64px;
}

#project-contacts-datalist{
    visibility:hidden;
    height: 0px;
}

#project-companies-datalist {
    visibility: hidden;
    height: 0px;
}

.sms-icon{
    margin-left:4px;
    padding-left:4px;
    border-left: 1px solid gray;
    border-radius: 0;
}

.phonenumber{
    min-width: 110px;
    display:inline-block;
}

.initially-hidden {
    display: none;
}

.image-in-button{
    height:20px;
    width:20px;
    padding-left:4px;
}

/* Accordian */

#accordion .ui-state-active, .ui-widget-content .ui-state-active {
    background: #f6f6f6;
}

#accordion h3 {
    color: #454545;
    font-weight: 600;
    line-height: 1.42857143;
}

#accordion .ui-icon {
    display: none;
}

#accordion .ui-accordion-header a {
    padding-left: 0;
}

#accordion .ui-accordion .ui-accordion-content {
    padding: 10px;
}

#feedback {
    font-size: 1.4em;
}

.selectableContacts .ui-selecting {
    background: #65bfe6;
}

.selectableContacts .ui-selected {
    background: #65bfe6;
    color: white;
}

.selectableContactsContainer {
    max-height: 600px;
    height: 600px;
    overflow-y: auto;
    margin-bottom: 8px;
}
.selectableContacts {
    list-style-type: none;
    margin: 0;
    padding: 0px;
}

    .selectableContacts li {
        margin: 3px;
        padding: 0.4em;
        font-size: 1.4em;
    }

.loading-spinner-centered {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 200px;
    height: 200px;
}

.userdefcomputedvalue > .loading-spinner-centered {
    margin-left: unset;
    margin-right: unset;
    width: 30px;
    height: 30px;
}

.page-block-spinner {
    padding-top: 100px;
}

.full-page {
    opacity: 0.2;
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    left: 0;
    position: fixed;
}

/*  Chrome: The chrome datepicker does not automatically pop up the calendar when the user 
    enters the textbox. The default behavior is to only show the calendar when the user clicks 
    the triangle button. This css will make the button transparent over the entire textbox 
    so the calendar is shown as soon as the user enters the textbox (like all other browsers do)
*/
input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: inherit;
    height: inherit;
    color: transparent;
    background: transparent;
}

/*
    Edge is adding a 1 pixel offset between the input date and input text boxes. This 
    CSS class will detect Edge and add 1px padding to the top of the control to make the
    two inputs line up.

    Edge version specifics:
    Microsoft Edge 42.17134.1.0 
    Microsoft EdgeHTML 17.17134 
*/
@supports (-ms-ime-align:auto) {
    .time 
    {
        padding-top: 7px;
    }
}

.search-result-header {
    background-color: #ededed;
    padding-top: 2px;
    padding-bottom: 2px;
}