/* increase checkbox size on add / edit contacts page */

.checkboxSizeIncrease {
    /* Double-sized Checkboxes */
    -ms-transform: scale(2); /* IE */
    -moz-transform: scale(2); /* FF */
    -webkit-transform: scale(2); /* Safari and Chrome */
    -o-transform: scale(2); /* Opera */
    transform: scale(2);
    padding: 10px;
}

/* colour for green menu button*/
.ui-last-child > a.ui-btn.ui-btn-c.ui-btn-icon-right.ui-icon-caret-r {
    background-color: #9fcf66;
}

.ui-page-theme-a {
    background-color: white;
}

/* custom loading dialog*/
.ui-loader.ui-corner-all.ui-body-c.ui-loader-verbose {
    background-color: #9fcf66 !important;
    font-size: large !important;
    border-radius: 20px !important;
}

/* colour for input button*/
.inputRedButton{

    border-radius:15px;
    color:white !important;
    background-color:darkred !important;
}

.inputBlackButton {
    border-radius: 15px;
    color: white !important;
    background-color: black !important;
}

/* footer*/
.footerrow {
    background-color: #fff !important;
    font-weight:normal !important;
}

/* login button*/
a#loginButton {
    background-color: darkred;
    border-radius: 10px;
    text-align:center !important;
}

/* remove cell borders*/
td {
    border: none;
}

th {
    border: none;
}

/* Header styles - Start*/

.ui-grid-solo.ui-responsive {
    background-color: #9fcf66;
    padding-bottom: 5px;
}

.headerlogo2 {
    width: 280px;
}

.headerlogo1 {
    width: 150px;
    margin-top: -5px;
    margin-left: 10px;
}

.headerlogo1bar, .headerlogo2bar {
    text-align: right;
}

label#UIALNameFull {
    font-weight: bold;
    font-size: large;
    margin-top: 5px;
}

.ui-bar.ui-bar-a {
    border: none;
    text-shadow: none;
}

.ui-grid-a.ui-responsive, .ui-grid-a.ui-responsive-custom-1 {
    background-color: #9fcf66;
}

.ui-bar {
    border: none;
    background-color: #9fcf66;
}

.mainGridHeading {
    border-style: solid !important;
    border-width: 1px;
    text-shadow: none !important;
    border-color: gainsboro;
}

.fieldInputLabel {
    font-size: large !important;
}

.logindetails {
    font-weight: bold !important;
    padding-top: 10px !important;
    color: white;
}

li.logindetails.ui-block-a {
    background-color: #1f1f1f;
    text-shadow: none;
}

.ui-navbar > ul.ui-grid-b {
    background-color: #1f1f1f;
    text-shadow: none;
    color: white;
}

.ui-navbar > ul > li > a.ui-link.ui-btn {
    background-color: #1f1f1f;
    text-shadow: none;
    color: white;
}

/* Header styles - End*/

/* Owner note type styles - start */

.ownernoteactionsection-textarea {
    height: 140px;
}

textarea#txtOwnerNote{
    height:120px !important;
}


#ddlOwnerNoteOwners-listbox > div > a.ui-icon-delete {
    display: none;
}

#ddlOwnerNoteOwners-listbox > .ui-header {
 display:none;
}
/* Owner note type styles - end */


/* Venue search styles - Start */

#txtVenueSearchLoaded > li > a {
    background-color: darkslategrey;
    color: white;
    text-shadow: none;
    border-radius: 15px;
    margin-top: 5px;
}
/* Venue search styles - End */

/*Main grid home - start*/

span#lblVenue, span#lblSuburb {
    font-weight: bold;
    color: darkred;
    font-size: large !important;
}


/* Padding around main details grid inside accordian */
.ui-collapsible-content.ui-body-a {
    padding: 2px !important;
}



.searchText {
    font-size: larger;
    font-weight: bold;
    text-align: center;
}

#pnlVenueDetails > .ui-responsive > .ui-block-b, #pnlVenueDetails > .ui-responsive > .ui-block-d,
#pnlVenueDetails > .ui-responsive-custom-1 > .ui-block-b, #pnlVenueDetails > .ui-responsive-custom-1 > .ui-block-d {
    border: gainsboro;
    border-style: dashed;
    border-width: 1px;
}



#pnlVenueDetails {
/*    margin-left: 2%;
    margin-right: 2%;*/
}

a.ui-btn.ui-shadow.ui-corner-all {
    background-color: #f6f6f6;
    color: black;
    text-shadow: none;
    border-radius: 10px;
}

span#lblTCWebStoreCode, span#lblEmail {
    word-break: break-all;
}

/*Main grid home - end*/

table {
    border: black;
    border-style: solid !important;
    border-width: 1px !important;
    text-shadow: none !important;
}



.pageHeading {
    font-size: 23px;
}


.ui-footer > .ui-btn {
    background-color: #fff !important;
    border: none !important;
    box-shadow: none;
}


div#assignedActionsdialogDetailsContent {
    font-size: large;
}


#assignedactionslink {
    text-shadow: none !important;
}

/* Custom responsive - START*/


/* For tables */
@media ( min-width: 1100px ) {
    /* Show the table header rows and set all cells to display: table-cell */
    .ui-responsive-custom-1 td,
    .ui-responsive-custom-1 th,
    .ui-responsive-custom-1 tbody th,
    .ui-responsive-custom-1 tbody td,
    .ui-responsive-custom-1 thead td,
    .ui-responsive-custom-1 thead th {
        display: table-cell !important;
        margin: 0 !important;
    }
        /* Hide the labels in each cell */
        .ui-responsive-custom-1 td .ui-table-cell-label,
        .ui-responsive-custom-1 th .ui-table-cell-label {
            display: none !important;
            
        }
}

@media ( max-width: 1100px ) {
    /* bottom borders for every row in tables */
    tbody>tr {
        border-bottom: black;
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }

    /* create space between each box/row - start*/
    table > tbody > tr {
        display: block;
        margin-top: 13px;
        margin-bottom: 13px;
    }

    table {
        background: darkseagreen;
    }
    /* create space between each box/row - end*/
}

    /* For grids (main page info)*/
@media all and (max-width: 765px ) {
    .ui-responsive-custom-1 .ui-block-a,
    .ui-responsive-custom-1 .ui-block-b,
    .ui-responsive-custom-1 .ui-block-c,
    .ui-responsive-custom-1 .ui-block-d,
    .ui-responsive-custom-1 .ui-block-e {
        width: 100%;
        float: none;
    }

    #pnlVenueDetails > div > .ui-block-a,
    #pnlVenueDetails > div > .ui-block-b,
    #pnlVenueDetails > div > .ui-block-c,
    #pnlVenueDetails > div > .ui-block-d {
        height: 40px;
    }


    .mainGridValue {
        text-align: center;
    }

    label#UIALNameFull {
        font-weight: bold;
        font-size: small;
        margin-top: 5px;
    }

    span#lblAddress, span#lblPostalAddress, span#lblEmail, span#lblPhone, span#lblLiquology, span#lblRep, span#lblCompany {
        font-size: 14px;
    }



    /* styles for input forms - start*/
    .fieldInputLabel {
        background: #9fcf66 !important;
        height: 27px !important;
    }

    .ui-responsive-input .ui-block-a,
    .ui-responsive-input .ui-block-b,
    .ui-responsive-input .ui-block-c,
    .ui-responsive-input .ui-block-d,
    .ui-responsive-input .ui-block-e {
        width: 100%;
        float: none;
    }

    /* styles for input forms - end*/


    /* custom loading dialog- add border for mobile*/
    .ui-loader.ui-corner-all.ui-body-c.ui-loader-verbose {
        border-style: solid !important;
        border-color: black !important;
        border-width: 1px !important;
    }
    /* custom loading dialog- text black for mobile*/
    .ui-loader > h1 {
        color: black !important;
        text-shadow: none;
        font-weight: bolder;
    }


}



    /* custom highlight of description field when in mobile mode*/

@media ( max-width: 1100px ) {

    .mobile-text-field-flex {
        padding: 10px;
        display: flex;
        background-color: #9fcf66;
        border-radius: 10px;
        margin: 5px;
        font-weight: 500;
    }
}

    /* Custom responsive - END*/