/*Form Border and Background color*/
div.ccs_CustomForm {
    border: 1px solid #ddd;
    padding: 10px;
    background: #f1f1f1;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
}

/*Field Label Back and Label Text color - Font size and font Familly */
.ccs_ColumnLabel {
    background: rgba(255,255,255,0);
    padding: 10px 0px 0px 5px;
}

    .ccs_ColumnLabel > h3, .ccs_ColumnLabel > .ms-standardheader {
        color: inherit;
    }

/*Field Value Back and control Text color - Font size and font Familly */
.ccs_ColumnControl {
    background: rgba(255,255,255,0);
    padding: 4px 10px;
}

    .ccs_ColumnControl > div {
        color: inherit;
    }


/*Section Background and Text color font size  - Remove font size from ccs_HeaderText and collapse icon */
.ccs_SectionLabel {
    padding: 4px 10px;
    background-color: #8bc34a;
    color: white;
    font-weight: bold;
    font-size: 12pt;
    font-family: inherit;
}

/*Tab Section*/
#tabStripForm, .CCSExtendedTabStripForms {
    background: #e6f2d9;
}

    #panelCCSTabs > .k-item, .CCSExtendedTabStripForms > ul > .k-item, .CCSExtendedTabStripForms > div > ul > .k-item {
        background: #cee6b3;
        color: inherit;
        font-family: inherit;
        font-size: 11pt;
    }

        #panelCCSTabs > .k-item:hover, .CCSExtendedTabStripForms > ul > .k-item:hover, .CCSExtendedTabStripForms > div > ul > .k-item:hover {
            background: #9ccc66;
            color: inherit;
        }

    #panelCCSTabs > .k-state-active, .CCSExtendedTabStripForms > ul > .k-state-active, #panelCCSTabs > .k-active, .CCSExtendedTabStripForms > div > ul > .k-active {
        border-bottom-color: #fff;
        background: #fff !important;
        color: inherit;
    }

    #tabStripForm > p.k-content, .CCSExtendedTabStripForms > p.k-content {
        background: #fff !important;
    }


/*Controls Themes*/
/*Attach File*/
.ccs_rowSectionDiv > div > div > div.k-upload, .ccs_rowSectionDiv > div > div > div.k-upload > .k-dropzone, .CCSExtAttachement div.k-upload, .CCSLinkedItemAttachement div.k-upload > .k-dropzone, .CCSExtAttachement div.k-upload > .k-dropzone, .CCSLinkedItemAttachement div.k-upload {
    background: #e6f2d9;
}

    .ccs_rowSectionDiv > div > div > div.k-upload > .k-upload-button, .CCSExtAttachement .k-button.k-upload-button, .CCSLinkedItemAttachement .k-button.k-upload-button, .ccs_rowSectionDiv > div > div > div.k-upload > .k-dropzone > .k-upload-button {
        background: #cee6b3;
        color: inherit;
        margin: 4px;
    }

        .ccs_rowSectionDiv > div > div > div.k-upload > .k-upload-button:hover, .CCSExtAttachement .k-button.k-upload-button:hover, .CCSLinkedItemAttachement .k-button.k-upload-button:hover, .ccs_rowSectionDiv > div > div > div.k-upload > .k-dropzone > .k-upload-button:hover {
            background: #9ccc66;
        }

/*Grid*/
.ccsKendo > .k-grid > .k-grid-header {
    background: #cee6b3;
    color: inherit;
}

    .ccsKendo > .k-grid > .k-grid-header th.k-header {
        background: #cee6b3;
        color: inherit;
    }

.ccsKendo > .k-grid > .k-grid-content tr, .ccsKendo > .k-grid > .k-grid-container > .k-grid-content tr {
    background: #fff;
    color: inherit;
}

    .ccsKendo > .k-grid > .k-grid-content tr.k-alt, .ccsKendo > .k-grid > .k-grid-container > .k-grid-content tr.k-alt, .ccsKendo > .k-grid > .k-grid-content tr.k-table-alt-row, .ccsKendo > .k-grid > .k-grid-container > .k-grid-content tr.k-table-alt-row {
        background: #e6f2d9;
        color: inherit;
    }

    .ccsKendo > .k-grid > .k-grid-content tr.k-state-selected, .ccsKendo > .k-grid > .k-grid-container > .k-grid-content tr.k-state-selected {
        background: #8bc34a;
        color: #fff;
    }

.ccsKendo > .k-grid > .k-grid-pager {
    background: #cee6b3;
    color: inherit;
}


/*Button*/

.ccs-btnColor, .ccs-btnColor:visited {
    border: 1px solid #4b8f29;
    color: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #72b352));
    background: -moz-linear-gradient(top, #77b55a 5%, #72b352 100%);
    background: -webkit-linear-gradient(top, #77b55a 5%, #72b352 100%);
    background: -o-linear-gradient(top, #77b55a 5%, #72b352 100%);
    background: -ms-linear-gradient(top, #77b55a 5%, #72b352 100%);
    background: linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#72b352',GradientType=0);
    background-color: #77b55a;
}

    .ccs-btnColor:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #72b352), color-stop(1, #77b55a));
        background: -moz-linear-gradient(top, #72b352 5%, #77b55a 100%);
        background: -webkit-linear-gradient(top, #72b352 5%, #77b55a 100%);
        background: -o-linear-gradient(top, #72b352 5%, #77b55a 100%);
        background: -ms-linear-gradient(top, #72b352 5%, #77b55a 100%);
        background: linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352', endColorstr='#77b55a',GradientType=0);
        background-color: #72b352;
    }



/*Search Dialog and Grid*/

.ccs_DC_modal-header {
    background: #8bc34a !important;
    color: #000 !important;
}

#CCS_Lookup_SearchGrid.k-grid .k-grid-header {
    background: #cee6b3;
    color: inherit;
}

    #CCS_Lookup_SearchGrid.k-grid .k-grid-header th.k-header {
        background: #cee6b3;
        color: inherit;
    }

#CCS_Lookup_SearchGrid.k-grid tr {
    background: #fff;
    color: inherit;
}

    #CCS_Lookup_SearchGrid.k-grid tr.k-alt, #CCS_Lookup_SearchGrid.k-grid tr.k-table-alt-row {
        background: #e6f2d9;
        color: inherit;
    }

    #CCS_Lookup_SearchGrid.k-grid tr.k-state-selected {
        background: #8bc34a;
        color: #fff;
    }

#CCS_Lookup_SearchGrid.k-grid .k-grid-pager {
    background: #cee6b3;
    color: inherit;
}