* {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

div.ccs_CustomForm * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ms-core-pageTitle {
    margin: 0;
}

#panelLoaddingPage {
    padding-top: 20px;
    min-height: 100px;
}

#panelControl {
    min-height: 100px;
}


div.ccs_CustomForm {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 852px;
    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;
    margin-top: 5px;
}

    div.ccs_CustomForm * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.ccs_tableDiv {
    display: table;
    width: 100%;
}

.ccs_rowDiv {
    display: inline-block;
    display: inline-flex;
    display: -webkit-inline-flex;
    width: 100%;
}

.ccs_rowSectionDiv {
    overflow: visible;
    display: block;
    margin-top: 10px;
    margin-bottom: 5px;
}

.ccs_ClearBoth {
    clear: both;
}

.ccs_SectionLabel {
    padding: 4px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12pt;
    font-weight: bold;
    background-color: #607D8B;
    color: white;
    position: relative;
}

.ccs_ColumnLabel {
    width: 200px;
    padding: 10px 0px 0px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
}

    .ccs_ColumnLabel > h3, .ccs_ColumnLabel > .ms-standardheader {
        font-weight: bold;
        font-size: 9pt;
    }

.ccs_ColumnControl {
    padding: 4px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    display: table-cell;
}

div.ccs_ColumnControl > .ccsKendo * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

div.ccs_ColumnControl > div[id^="ccs_"] {
    margin-top: 6px;
}

.ccsKendo {
    width: 100%;
    display: block;
}

#ccsMainControl {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 10pt;
    text-align: left;
}

.sp-peoplepicker-topLevel {
    box-sizing: border-box;
    width: 100%;
    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;
}




.CCSAppHeader {
    padding: 25px;
    font-size: 12pt;
}

.ccsProgress {
    display: table-row;
}

    .ccsProgress > div {
        display: table-cell;
    }

#finalMessage {
    display: none;
}

*, *:before, *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}

input:not(.k-input-inner):not(.k-input):not(.k-checkbox):not(.k-radio), select {
    height: 26px;
    padding: 2px 5px;
}

    input.form-control, select.form-control {
        height: 26px;
        padding: 2px 5px;
    }

.ccs-btnColor, .ccs-btnColor:visited {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));
    background: -moz-linear-gradient(top, #599bb3 5%, #408c99 100%);
    background: -webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);
    background: -o-linear-gradient(top, #599bb3 5%, #408c99 100%);
    background: -ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
    background: linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
    background-color: #599bb3;
    border: 1px solid #29668f;
    color: #ffffff;
    margin-left: 5px;
}

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

.ccsWidth {
    min-width: 0px !important;
    color: #444;
    padding: 4px;
    font-size: 12pt;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
    width: auto;
    height: auto;
}

.ccs_HeaderText {
    float: left;
    font-size: 13pt;
}

.ccs_CollapseIcon {
    float: right;
    text-align: right;
    width: 30px;
}

.ccs_TabError {
    padding-left: 30px !important;
}

    .ccs_TabError::before {
        content: "";
        width: 16px;
        height: 16px;
        overflow: hidden;
        background: url(https://cdn.crowcanyon.com/NITROForms/Images/WARN16.GIF);
        position: absolute;
        margin-left: -20px;
    }

.k-item.k-tabstrip-item .ccs_TabError::before {
    margin-left: 0px;
    left: 10px;
}

.ccs_SectionError::before {
    content: "";
    width: 16px;
    height: 16px;
    overflow: hidden;
    background: url(https://cdn.crowcanyon.com/NITROForms/Images/WARN16.GIF);
    position: absolute;
    margin-left: -18px;
}

#panleFormControls {
    padding: 15px 0px;
}

.ccs_Splitter {
    display: inline-block;
    display: inline-flex;
    display: -webkit-inline-flex;
    width: 50% !important;
    vertical-align: top;
}

.ccs_Splitter3 {
    width: 33% !important;
}

.ccs_Splitter4 {
    width: 25% !important;
}

.ccsKendo span.k-input {
    white-space: normal;
}

.ccs_SearchLink {
    position: absolute;
    margin-left: -22px;
    margin-top: 4px;
    display: inline-block;
}

li > a.ms-cui-tt-a[title='Page'] {
    display: none;
}

div.ms-webpartzone-cell {
    margin: 0 !important;
}

.sp-peoplepicker-topLevel {
    min-height: 26px;
}

.ccs_ColumnLabel {
    width: 200px;
    display: inline-block;
    height: inherit;
    min-width: 100px;
}

.ccs_ColumnControl {
    width: 75%;
    width: calc(100% - 200px);
    width: -webkit-calc(100% - 200px);
    width: -moz-calc(100% - 200px);
    display: inline-block;
    height: inherit;
    min-width: 100px;
}

div[actiontype="Script"] > .ccs_ColumnControl, div[actiontype="Submit"] > .ccs_ColumnControl, div[actiontype="Custom"] > .ccs_ColumnControl {
    min-width: 50px !important;
}

.ccs_Splitter .ccs_ColumnLabel {
    width: 150px !important;
}

.ccs_Splitter .ccs_ColumnControl {
    width: 62%;
    width: calc(100% - 150px) !important;
    width: -webkit-calc(100% - 150px) !important;
    width: -moz-calc(100% - 150px) !important;
}

.ccs_Vertical:not([style*="display: none"]) {
    display: inline-block !important;
}

.ccs_Vertical .ccs_ColumnLabel:not(.ccs_BooleanLabelPositionApplied) {
    width: 100% !important;
    display: block;
}

.ccs_Vertical .ccs_ColumnControl:not(.ccs_BooleanLabelPositionApplied) {
    width: 100% !important;
    display: block;
}

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

    ul#panelCCSTabs, .CCSExtendedTabStripForms > ul, .CCSExtendedTabStripForms > div > ul {
        padding: 0 !important;
    }

    div#tabStripForm > p, div#tabStripForm > CCSTabControls, .CCSExtendedTabStripForms > p, .CCSExtendedTabStripForms > CCSTabControls {
        margin: 0 !important;
    }

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

        #panelCCSTabs > .k-item:hover, .CCSExtendedTabStripForms > ul > .k-item:hover, .CCSExtendedTabStripForms > div > ul > .k-item:hover {
            background: #96abb6;
            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;
        color: inherit;
    }

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

/*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: #f0f3f5;
}

    .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: #c3cfd5;
        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: #96abb6;
        }

.k-button.k-upload-action {
    color: #2e2e2e !important;
    min-width: auto !important;
}


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

    .ccsKendo > .k-grid > .k-grid-header th.k-header {
        background: #f0f3f5;
        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: #e1e7ea;
        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: #607D8B;
        color: #fff;
    }

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

.ccsKendo > .k-grid > .k-grid-content tr.k-state-hover,
.ccsKendo > .k-grid > .k-grid-container > .k-grid-content tr.k-state-hover {
    background: #607D8B;
    color: #fff;
}

.ccs_DC_modal-header {
    background: #607D8B;
    color: #fff;
}

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

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

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

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

    #CCS_Lookup_SearchGrid.k-grid > .k-grid-content tr.k-state-selected,
    #CCS_Lookup_SearchGrid.k-grid > .k-grid-container > .k-grid-content tr.k-state-selected {
        background: #607D8B;
        color: #fff;
    }

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

.ccs_SectionLabelLine {
    border-top: 2px solid #888;
    margin-top: 10px;
    margin-bottom: 10px;
}

.k-editable-area > .ms-spellcheck-warning {
    display: none !important;
}


.ccs_LinkLookup, .ccs_LinkLookup:visited, .ccs_LinkLookup:hover {
    color: inherit;
    text-decoration: underline;
}

/*Lookup CheckBox*/


.ccs_LookupAsCheckBox > div {
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}

.ccs_LookupAsCheckBox {
    position: relative;
}

    .ccs_LookupAsCheckBox > div > label {
        margin: 5px 5px 5px 0 !important;
        font-weight: normal !important;
    }

        .ccs_LookupAsCheckBox > div > label > input {
            margin: 0 3px 0 0 !important;
            height: auto !important;
        }

    .ccs_LookupAsCheckBox .ccsCBColumns1 {
        width: 100%;
    }

    .ccs_LookupAsCheckBox .ccsCBColumns2 {
        width: 50%;
    }

    .ccs_LookupAsCheckBox .ccsCBColumns3 {
        width: 33%;
    }

    .ccs_LookupAsCheckBox .ccsCBColumns4 {
        width: 25%;
    }

    .ccs_LookupAsCheckBox .ccsCBColumns5 {
        width: 20%;
    }

    .ccs_LookupAsCheckBox .ccsCBColumns6 {
        width: 16.66%;
    }

    .ccs_LookupAsCheckBox .ccsCBColumns7 {
        width: 14.27%;
    }

    .ccs_LookupAsCheckBox .ccsCBColumns8 {
        width: 12.5%;
    }

    .ccs_LookupAsCheckBox .ccsCBColumns9 {
        width: 11.11%;
    }

    .ccs_LookupAsCheckBox .ccsCBColumns10 {
        width: 10%;
    }

.CCSCBTooltip {
    display: none;
}

.ccsHoverToolTip {
    position: absolute;
    background-color: white;
    border: 1px solid black;
    color: black;
    padding: 2px;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
    z-index: 999999;
}


button.CCSScriptActionButon i {
    font-size: 12pt !important;
    margin-right: 5px;
}

button.CCSScriptActionButon img {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

#CCSActionRowTopPanel {
    padding-bottom: 10px;
}

#CCSActionRowBottomPanel {
    display: inline-block;
    max-width: calc(100% - 320px);
    width: 100%;
    padding: 20px 0px;
    height: 100% !important;
}

    #CCSActionRowBottomPanel.CCSDisplayForm {
        max-width: calc(100% - 160px);
    }


.CCSNITROButtonPanel {
    display: inline-block;
    /*max-width: 320px;*/
    float: right;
    /*width: 100%;*/
}

    .CCSNITROButtonPanel.CCSDisplayForm {
        max-width: 160px;
    }

.CCSCustomActionEle {
    position: relative;
    display: inline-block;
}

    .CCSCustomActionEle button.CCSScriptActionButon {
        margin-right: 2px !important;
        /*margin-top: 2px;*/
    }

#CCSActionRowBottomPanel.OverflowButtonPanel button.CCSScriptActionButon {
    min-width: 1px !important;
    max-width: calc(100% - 2px);
    /* max-height: 36px;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

#CCSActionRowBottomPanel *, .modalDialogIframeFooter *, .CCSNITROButtonPanel * {
    box-sizing: border-box;
}


.CCSCustomActionEle:last-child button.CCSScriptActionButon {
    margin-right: 0px !important;
}

button.CCSScriptActionButon {
    margin-left: 0 !Important;
    height: auto !important;
}


.modalDialogIframeBody {
    /*overflow: auto;
    max-height: calc(100vh - 50px);*/
}

    .modalDialogIframeBody > .CCSPanelBody {
        padding-bottom: 15px;
        padding-left: 0px;
        padding-right: 10px;
        padding-top: 5px;
    }

.modalDialogIframeFooter {
    width: 100%;
    border-radius: 0 0 2px 2px;
    height: 50px;
    position: fixed;
    bottom: -1px;
    display: table;
    left:0;
}

.modalDialogIframeFooter {
    background-color: #dadfec;
}



    .modalDialogIframeFooter > div {
        height: 50px;
        display: table-row;
    }

        .modalDialogIframeFooter > div > div {
            display: table-cell;
            vertical-align: middle;
        }

            .modalDialogIframeFooter > div > div:first-child {
                padding-left: 15px;
                text-align: left;
            }

            .modalDialogIframeFooter > div > div:last-child {
                padding-right: 15px;
                text-align: right !important;
            }

div.ccs_CustomForm.modalDialogIframeBody {
    margin-top: -10px;
    min-width: 200px;
    background: white;
    box-shadow: 0 0px 0px 0 rgba(0,0,0,0.16),0 0px 0px 0 rgba(0,0,0,0.12) !important;
    border: 0px;
}

div.ccs_CustomForm.CCSNITRODialog {
    box-shadow: 0 0px 0px 0 rgba(0,0,0,0.16),0 0px 0px 0 rgba(0,0,0,0.12) !important;
}

.modalDialogIframeBody > .CCSPanelBody > #CCSActionRowTopPanel {
    padding-left: 15px;
}

.k-editor .k-i-uploadfile:before, .k-editor-widget .k-i-uploadfile:before {
    font-family: FontAwesome;
    content: "\f15b";
    font-size: 16px;
}

.k-editor .k-i-upload-image:before, .k-editor-widget .k-i-upload-image:before {
    font-family: FontAwesome;
    content: "\f1c5";
    font-size: 16px;
}

button[title="Upload and insert a file from your computer onto the page"] > .k-icon:before {
    font-family: FontAwesome;
    content: "\f15b";
    font-size: 16px;
}

button[title="Upload and insert a file from your computer onto the page"] > .k-icon svg {
    display: none;
}

button[title="Upload and insert a picture from your computer onto the page"] > .k-icon:before {
    font-family: FontAwesome;
    content: "\f1c5";
    font-size: 16px;
}

button[title="Upload and insert a picture from your computer onto the page"] > .k-icon svg {
    display: none;
}

.k-editor-toolbar button,
.k-tool-group button.k-button,
.k-toolbar-button-group button.k-button,
.k-toolbar-tool button.k-button,
.k-colorpicker button.k-button,
.k-numerictextbox button.k-button,
.k-datepicker button.k-button,
.k-datetimepicker button.k-button {
    min-width: 0px;
}

.k-editor-toolbar .k-editor-widget, .k-editor-toolbar > li {
    margin-right: 3px;
}

/*.CCSLinkedItemHideBorder.k-grid td, .CCSLinkedItemHideBorder .k-grid-header th.k-header {
    border-width: 0px !important;
}*/

.CCSLinkedItemHideBorder.k-grid td {
    border-width: 0px !important;
}

.CCSLinkedItemControl.k-grid .k-header.k-grid-toolbar, .CCSLinkedItemControl.k-grid .k-toolbar.k-grid-toolbar {
    right: 0;
    position: absolute;
    top: 0;
    z-index: 1;
    padding: 0;
    border: 0;
    background: none;
}

.CCSLinkedItemControl.k-grid .k-pager-refresh.k-link.k-button {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    min-width: 0px;
}

.CCSLinkedItemControl.k-grid .k-header.k-grid-toolbar .refreshBtnContainer, .CCSLinkedItemControl.k-grid .k-toolbar.k-grid-toolbar .refreshBtnContainer {
    margin: 0px;
}

.CCSLinkedItemControl.CCSLinkedItemScroll .k-grid-content {
    max-height: 380px;
}

.k-editor .k-resize-handle {
    cursor: se-resize;
}

.ms-dialog .CCSHideRibbon, .CCSApplyRibbonBehaviourWindow .CCSHideRibbon, .CCSHideRibbonWindow {
    display: none !important;
    height: 0px !important;
}

/*.ms-dialog #CCSRibbonRowCollapse {
    position: absolute;
    top: 0;
    right: 18px;
    cursor: pointer;
}*/

/*Un Commnent when added at ribbon row*/
.ms-dialog #CCSRibbonRowCollapse {
    text-align: right;
    position: fixed;
    height: 20px;
    z-index: 99999999999999;
    width: 100%;
    background: #ffffff;
    top: -3px;
    right: 18px;
    cursor: pointer;
}


.CCSApplyRibbonBehaviourWindow #CCSRibbonRowCollapse {
    text-align: right;
    height: 26px;
    z-index: 99999999999999;
    width: 100%;
    background: #ffffff;
    padding-right: 62px;
    cursor: pointer;
}

.ms-dialog #CCSRibbonRowCollapse i {
    font-size: 20pt !important;
}

.CCSApplyRibbonBehaviourWindow #CCSRibbonRowCollapse i {
    font-size: 20pt !important;
    padding-right: 10px;
}

.ms-dialog .CCSRibbonCollapsed, .CCSApplyRibbonBehaviourWindow .CCSRibbonCollapsed {
    margin-top: 30px;
}

.ms-dialog #CCSRibbonRowCollapse i.ccsup::before, .CCSApplyRibbonBehaviourWindow #CCSRibbonRowCollapse i.ccsup::before {
    content: "\f106";
}

.ms-dialog #CCSRibbonRowCollapse i.ccsdown::before, .CCSApplyRibbonBehaviourWindow #CCSRibbonRowCollapse i.ccsdown::before {
    content: "\f107";
}

.CCSSignSVGCSS {
    border: 1px solid rgb(218, 210, 210);
    min-height: 150px;
}

.CCSFormRibbon .ms-cui-tabContainer, .CCSFormRibbon .ms-cui-topBar2.ms-cui-topBarMaximized {
    max-width: calc(100% - 18px);
}

.CCSLinkedItemControl .k-grid-edit-row td > :first-child:not(.k-widget) {
    max-width: calc(100% - 8px);
}

.CCSLinkedItemControl .k-grid-edit-row td > .k-editor.k-editor-inline:first-child {
    max-width: calc(100% - 18px);
    border-width: 1px;
}

.CCSLinkedItemControl .k-grid-edit-row td > textarea:first-child {
    width: 100% !important;
    max-width: calc(100% - 12px) !important;
}

.CCSGriduserEditor {
    max-width: calc(100% - 25px) !important;
}

.k-grid-edit-row td {
    overflow: visible;
}

.CCSLinkedItemControl.k-editable .k-grid-content.ccs-editable {
    min-height: 200px;
}

    .CCSLinkedItemControl.k-editable .k-grid-content.ccs-editable td {
        padding: 2px;
    }

.CCSLinkedItemControl .k-grid-edit-row .k-invalid-msg {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 !important;
    margin-top: 0.5em !important;
    max-width: calc(100% - 10px) !important;
    z-index: 0 !important;
}

.CCSLinkedItemControl .k-grid-edit-row > td {
    position: relative;
    overflow: visible;
}

.CCSLinkedItemControl tr.k-grid-edit-row > td {
    vertical-align: top;
}

.ms-dlgContent .ms-dlgTitle > h1 {
    margin: initial;
}

.CCSNewFormDDLinkedItem {
    background: #449d44 !important;
    color: #fff !important;
    border-color: #449d44 !important;
    display: inline-block;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    min-height: 17px;
}

.ms-taxonomy-control-holder {
    display: inline-flex;
    flex-direction: row-reverse;
}

    .ms-taxonomy, .ms-taxonomy-control-holder, .ms-taxonomy-control-holder > div {
        width: 100% !important;
    }

/*.ms-taxonomy .ms-taxonomy-fieldeditor .ms-inputBox {
            padding: 5px;
        }*/

.ms-taxonomy-suggestion-holder .ms-taxonomy-table td {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.ccs_ColumnControl .radio {
    padding: 0 !important;
}

.ccsMultiChoiceDiv {
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
}

    .ccsMultiChoiceDiv > div {
        display: inline-block !important;
        margin-right: 9px !important;
        width: 100%;
        max-width: 250px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


    .ccsMultiChoiceDiv input, .ccsMultiChoiceDiv label {
        margin: 5px 0 !important;
    }

    .ccsMultiChoiceDiv label {
        margin-top: 3px !important;
        vertical-align: top;
    }


/* Color KPI */

.CCS_ListView_Color_Progress {
    border: 1px solid #888;
    position: relative;
    width: 100%;
    height: 16px;
    background-color: #ddd;
    overflow: hidden;
    border-radius: 2px;
}

.CCS_ListView__Bar {
    width: 20%;
    height: 100%;
    background-color: #4CAF50;
    animation-name: CCSListViewProgress;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: 1s;
    border-radius: 2px;
}

@-webkit-keyframes CCSListViewProgress {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes CCSListViewProgress {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}

i.CCStabSecIcon, .CCStabSecIcon {
    padding-right: 5px;
    font-size: inherit;
}

.CCSLinkedItemFixedRow tr:not(.k-grid-edit-row) > td {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

    .CCSLinkedItemFixedRow tr:not(.k-grid-edit-row) > td *:not(input):not(label):not(.ccslinkeditem) {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-height: 44px;
    }

.CCSFormTableLayout {
    width: 100%;
    table-layout: fixed;
}

    .CCSFormTableLayout > tbody > tr > td {
        /*overflow: hidden;*/
    }

        .CCSFormTableLayout > tbody > tr > td .ccs_ColumnControl {
            min-width: 100px;
        }

            .CCSFormTableLayout > tbody > tr > td .ccs_ColumnControl textarea {
                resize: vertical;
            }

        .CCSFormTableLayout > tbody > tr > td .ccs_ColumnLabel {
            width: 100px;
        }

        .CCSFormTableLayout > tbody > tr > td .ccs_ColumnControl {
            width: 75%;
            width: calc(100% - 100px);
            width: -webkit-calc(100% - 100px);
            width: -moz-calc(100% - 100px);
        }

.CCSPopupDescription {
    padding-left: 5px;
    cursor: pointer;
}

.CCSFormTableLayoutControl .ccs_ColumnLabel {
    min-width: 5px;
}

.CCSFormTableLayoutControl .ccs_ColumnControl {
    min-width: 5px;
}

.ccs_ColumnLabel.ccs_HideLabel:not(.ccs_ShowPopupDescription) {
    display: none !important;
}

.ccs_ColumnLabel.ccs_HideLabel + .ccs_ColumnControl {
    width: 100% !important;
    display: table-cell;
}

.ccs_Vertical .ccs_ColumnLabel.ccs_HideLabel + .ccs_ColumnControl {
    display: block;
}


.ccs_ColumnLabel.ccs_HideLabel.ccs_ShowPopupDescription + .ccs_ColumnControl {
    max-width: calc(100% - 10px) !important;
}

.ccs_ColumnLabel.ccs_HideLabel.ccs_ShowPopupDescription {
    max-width: 15px;
    min-width: 1px;
}


.CCSOptionsHorizontal > .ccs_ColumnControl .radio, .CCSOptionsHorizontal > .ccs_ColumnControl .checkbox {
    max-width: 250px;
    display: inline-block !important;
    margin-right: 5px !important;
    width: 100%;
    white-space: nowrap;
}

    .CCSOptionsHorizontal > .ccs_ColumnControl .radio label, .CCSOptionsHorizontal > .ccs_ColumnControl .checkbox label {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


.CCSFormTableLayout.CCSTableInsideBorders > tbody > tr:first-child > td {
    border-top-width: 0 !important;
}

.CCSFormTableLayout.CCSTableInsideBorders > tbody > tr:last-child > td {
    border-bottom-width: 0 !important;
}

.CCSFormTableLayout.CCSTableInsideBorders > tbody > tr > td:first-child {
    border-left-width: 0 !important;
}

.CCSFormTableLayout.CCSTableInsideBorders > tbody > tr > td:last-child {
    border-right-width: 0 !important;
}

.CCSExtAttachement .k-widget.k-upload.k-header, .CCSLinkedItemAttachement .k-widget.k-upload.k-header {
    background: none !important;
    border: 0px !important;
}

.CCSExtAttachement .k-button.k-upload-button, .CCSLinkedItemAttachement .k-button.k-upload-button {
    margin: 0 !important;
    border: 0 !important;
}

.CCSExtAttachement ul.k-upload-files > li.k-file {
    padding: .15em .17em .15em 0.5em !important;
}

    .CCSExtAttachement ul.k-upload-files > li.k-file > .k-file-extension-wrapper,
    .CCSLinkedItemAttachement ul.k-upload-files > li.k-file > .k-file-extension-wrapper {
        width: 19px !important;
        height: 27px !important;
        font-size: .45em !important;
        box-sizing: border-box !important;
    }

    .CCSExtAttachement ul.k-upload-files > li.k-file > .k-file-name-size-wrapper,
    .CCSLinkedItemAttachement ul.k-upload-files > li.k-file > .k-file-name-size-wrapper {
        font-size: 9pt;
    }

    .CCSExtAttachement ul.k-upload-files > li.k-file > .k-upload-status > button {
        height: 28px !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }

    .CCSExtAttachement ul.k-upload-files > li.k-file > .k-upload-status,
    .CCSLinkedItemAttachement ul.k-upload-files > li.k-file > .k-upload-status {
        top: 0.5em !important;
    }


.ccsUploadAction {
    min-width: 0px !important;
    color: #444 !important;
    font-size: 12pt;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
    border-radius: 2% !important;
    padding: 5px !important;
    width: 28px !important;
    box-sizing: border-box !important;
    margin-right: 2px;
    height: 28px;
    font-weight: 500;
    transition: box-shadow 280ms cubic-bezier(.4,0,.2,1);
    border: 0px;
    background: white !important;
}

    .ccsUploadAction:hover {
        background: #fdfbf4 !important;
    }

    .ccsUploadAction > span {
        vertical-align: top !important;
    }

.ccsU-file {
    padding: 0.35em .17em .35em 1em !important;
}


.CCSAssociatedTiles .ccsUploadAction, .CCSAssociatedTilesThumbnail .ccsUploadAction {
    width: 22px !important;
    height: 22px;
}

    .CCSAssociatedTiles .ccsUploadAction > .k-icon, .CCSAssociatedTilesThumbnail .ccsUploadAction > .k-icon {
        font-size: 10pt;
    }

.CCSAssociatedTiles li.ccsU-file.k-file {
    float: left;
    width: 150px;
    text-align: center;
    margin: 2px;
    -webkit-box-shadow: inset 0 0 2px 1px #e1dcda;
    box-shadow: inset 0 0 2px 1px #e1dcda;
}

    .CCSAssociatedTiles li.ccsU-file.k-file > * {
        display: block;
        text-align: center;
    }

    .CCSAssociatedTiles li.ccsU-file.k-file > .k-upload-status {
        position: initial;
    }

    .CCSAssociatedTiles li.ccsU-file.k-file > span.k-file-extension-wrapper {
        width: 90%;
        height: 40px;
        max-width: 30px;
        margin: 0 auto;
        text-align: left;
    }

.CCSAssociatedTiles li.ccsU-file > .k-file-name-size-wrapper {
    padding: 10px 0;
}


.CCSAssociatedTilesThumbnail li.ccsU-file.k-file {
    float: left;
    width: 150px;
    text-align: center;
    margin: 2px;
    border: none;
}

    .CCSAssociatedTilesThumbnail li.ccsU-file.k-file > div {
        position: relative;
        box-sizing: border-box !important;
    }

        .CCSAssociatedTilesThumbnail li.ccsU-file.k-file > div:not(.CCSSPPreview) {
            -webkit-box-shadow: 0 1px 3px 1px rgba(1,1,0,0.05);
            box-shadow: 0 1px 3px 1px rgba(1,1,0,0.05);
            padding: 10px 0px;
            border-radius: 4px;
        }

        .CCSAssociatedTilesThumbnail li.ccsU-file.k-file > div * {
            display: block;
            text-align: center;
        }

        .CCSAssociatedTilesThumbnail li.ccsU-file.k-file > div > .k-upload-status {
            position: absolute;
            top: auto !important;
            text-align: center;
            width: 100%;
            left: 0 !important;
            right: auto !important;
            bottom: 2px !important;
            transition: opacity 1s ease-out;
            opacity: 0 !important;
            height: 0;
            background: #1f376c;
            padding: 5px 0;
        }

        .CCSAssociatedTilesThumbnail li.ccsU-file.k-file > div:hover .k-upload-status,
        .CCSAssociatedTilesThumbnail li.ccsU-file.k-file > div.CCSThumbnailShowActionButtons .k-upload-status {
            opacity: 1 !important;
            height: auto;
        }

        .CCSAssociatedTilesThumbnail li.ccsU-file.k-file > div > span.k-file-extension-wrapper {
            width: 60%;
            margin: 5px auto;
            text-align: center;
            height: 80%;
            padding-top: 8px;
        }

.CCSAssociatedTilesThumbnail li.ccsU-file > .k-file-name-size-wrapper {
    padding: 10px 0;
    display: block;
    margin: 0 !important;
}

.CCSAssociatedTilesThumbnail .CCSSPPreview img {
    height: inherit;
    width: inherit;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px 1px rgba(1,1,0,0.05);
    box-shadow: 0 1px 3px 1px rgba(1,1,0,0.05);
}

.CCSAssociatedTilesThumbnail .ccsUploadAction {
    display: inline-block !important;
}

.ccsUploadAction:hover {
    background: rgb(177, 165, 165) !important;
    color: white !important;
}


.CCSAssociatedTilesThumbnail li.ccsU-file.k-file .k-file-extension {
    width: 100%;
    top: 10px;
    font-size: 15px;
    margin: 0;
    opacity: 1;
}


/*WorkLog UI Change*/
.ccs_ColumnControl > div > .CCS_Commnet_Text:not(.CCS_Commnet_TextLine):nth-child(odd) {
    padding-top: 5px;
    background: #EFEFEE !important;
    padding-bottom: 5px;
    margin-bottom: 2px;
}

.ccs_ColumnControl > div > .CCS_Commnet_TextLine hr {
    margin-bottom: 2px;
    margin-top: 2px;
}

.ccs_ColumnControl > div > .CCS_Commnet_Text:nth-child(even),
.ccs_ColumnControl > div > .CCS_Commnet_TextStyleNone {
    padding-bottom: 5px;
    padding-left: 15px;
}

.ms-taxonomy .ms-taxonomy-control-holder .ms-taxonomy-fieldeditor {
    max-width: calc(100% - 17px);
}

/*Peoplepicker Hiding delete button when control read only*/
.sp-peoplepicker-topLevel[disabled] .sp-peoplepicker-delImage {
    display: none;
}

button[disabled][disabled].CCSScriptActionButon {
    cursor: not-allowed;
    background: #f8f8f8 !important;
}

/*Start Inline editing table styles*/
.k-editor-inline .k-table, .k-editor-inline .k-table td {
    outline: 0;
    border: 1px dotted #ccc;
}

    .k-editor-inline .k-table td {
        min-width: 1px;
        padding: 2px 4px;
    }

.k-editor-inline .k-table {
    width: 100%;
    border-spacing: 0;
    margin: 0 0 1em;
}

/*End Inline editing table styles*/

.k-popup-edit-form .CCSInlineGridSelectAllChk {
    display: none;
}

.CCSInlineGridCtrlSpan .k-edit-cell > .k-textbox {
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}


/*Start Kendo Icon Version support*/
.k-button.k-font-icon.CCSKendoNewIcon:before {
    opacity: 1 !important;
    position: static !important;
    background: none !important;
}

.k-font-icon.CCSKendoNewIcon {
    text-align: center;
    vertical-align: middle;
    font: 16px/1 WebComponentsIcons;
    -moz-osx-font-smoothing: grayscale;
}

.k-button.k-font-icon.CCSKendoNewIcon:before {
    display: inline-block;
}
/*End Kendo Icon Version support*/

/*Start disabled controls styles*/

.ccs_ColumnControl input[type=text][disabled] {
    border-color: #a6a6a6;
    background-color: white;
    color: #333333;
}

.ccs_ColumnControl .form-control[disabled], .ccs_ColumnControl .form-control[readonly] {
    border-color: #a6a6a6;
    background-color: rgba(255, 255, 255, 1);
    color: #333333;
}

.k-state-disabled {
    opacity: 0.9;
}

input[type=password][disabled], input[type=text][disabled], input[type=file][disabled], input:not([type])[disabled], textarea[disabled], select[disabled], .sp-peoplepicker-topLevelDisabled, .ms-inputBoxDisabled, .sp-peoplepicker-topLevel[disabled] {
    color: #333333;
    border-color: #bbbaba;
    background-color: white;
}

/*End disabled controls styles*/









/*Start Tool Bar*/

.ccs_AssociatedFilterPanel {
    width: 100%;
    border-radius: 5px 5px 0px 0;
    display: table;
    background: rgb(244, 244, 244);
}

    .ccs_AssociatedFilterPanel > div {
        height: 40px;
        display: table-row;
    }

        .ccs_AssociatedFilterPanel > div > div {
            display: table-cell;
            vertical-align: middle;
        }

            .ccs_AssociatedFilterPanel > div > div:first-child {
                text-align: left;
                width: 100px;
            }

            .ccs_AssociatedFilterPanel > div > div:nth-child(2) {
                /*padding-left: 10px;*/
            }

            .ccs_AssociatedFilterPanel > div > div:last-child {
                padding-right: 10px;
                text-align: right !important;
            }

.ccs_AssociatedActionsUL,
.ccs_AssociatedActionsUL > li,
.ccs_AssociatedActionsUL > li.overflowmore > ul,
.ccs_AssociatedActionsUL > li.overflowmore > ul > li {
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    list-style: none;
    margin: 0;
}

    .ccs_AssociatedActionsUL > li.overflowmore {
        position: relative;
    }

    .ccs_AssociatedActionsUL > li {
        float: left;
    }

    #CCSListAssociatedControl .ccs_AssociatedFilterPanel .ccs_AssociatedActionsUL button[buttontype],
    #CCSListAssociatedControl .ccs_AssociatedFilterPanel .ccs_AssociatedActionsUL button[buttonid], .ccs_AssociatedActionsUL button {
        background: none !important;
        border: none !important;
        height: 40px !important;
        cursor: pointer !important;
        padding: 0 5px !important;
        margin: 0px !important;
        min-width: 1px !important;
        color: black !important;
    }

        .ccs_AssociatedActionsUL button div {
            color: black !important;
        }

    #CCSListAssociatedControl .ccs_AssociatedFilterPanel .ccs_AssociatedActionsUL button[buttonid], .ccs_AssociatedActionsUL button {
        box-sizing: border-box !important;
        width: 100% !important;
    }

        #CCSListAssociatedControl .ccs_AssociatedFilterPanel .ccs_AssociatedActionsUL button[buttontype]:hover,
        #CCSListAssociatedControl .ccs_AssociatedFilterPanel .ccs_AssociatedActionsUL button[buttonid]:hover, .ccs_AssociatedActionsUL button:hover {
            background-color: #eaeaea !important;
        }

    .ccs_AssociatedActionsUL > li > button > div,
    .ccs_AssociatedActionsUL > li.overflowmore > ul > li > button > div {
        display: table;
        border-collapse: collapse;
    }

        .ccs_AssociatedActionsUL > li > button > div > div,
        .ccs_AssociatedActionsUL > li.overflowmore > ul > li > button > div > div {
            display: table-row;
        }

            .ccs_AssociatedActionsUL > li > button > div > div > div,
            .ccs_AssociatedActionsUL > li.overflowmore > ul > li > button > div > div > div {
                display: table-cell;
                vertical-align: middle;
            }

            .ccs_AssociatedActionsUL > li.overflowmore > ul > li > button > div > div > div {
                text-align: left;
                white-space: nowrap;
            }

    .ccs_AssociatedActionsUL img {
        max-width: 16px;
        margin-right: 5px;
        margin-top: 0px;
        vertical-align: middle;
    }

    .ccs_AssociatedActionsUL button i {
        margin-right: 5px;
        max-width: 24px;
        vertical-align: middle;
    }

    .ccs_AssociatedActionsUL button[disabled] {
        opacity: 0.5;
    }

        .ccs_AssociatedActionsUL button[disabled]:hover {
            background: none;
            cursor: auto;
        }

    .ccs_AssociatedActionsUL > li.overflowmore > span.k-icon {
        height: 40px;
        cursor: pointer;
        width: 20px;
    }

    .ccs_AssociatedActionsUL > li.overflowmore > ul > li,
    .ccs_AssociatedActionsUL > li.overflowmore > ul > li > button {
        width: 100%;
    }

    .ccs_AssociatedActionsUL > li.overflowmore:hover > ul {
        display: block;
    }

    .ccs_AssociatedActionsUL > li.overflowmore > ul {
        top: 35px;
    }

.ccsDDAssociatedActionsOverFlow {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 9999999;
}

.ccsDDAssociatedActionsOverFlow {
    left: 0px;
}

.ccs_AssociatedActionsUL > li.overflowmore {
    float: right;
}

.ccsshow {
    display: block;
}
/*End Tool Bar*/

.k-editor-inline {
    border-color: #d5d5d5 !important;
}

.ccs_rowDiv.ccs_BooleanLabelPositionTopRow, .ccs_rowDiv.ccs_BooleanLabelPositionBottomRow {
    display: inline-block;
}

    .ccs_rowDiv.ccs_BooleanLabelPositionTopRow[style*="display: inline-flex"], .ccs_rowDiv.ccs_BooleanLabelPositionBottomRow[style*="display: inline-flex"] {
        display: inline-block !important;
    }

.ccs_BooleanLabelPositionTop, .ccs_BooleanLabelPositionBottom {
    width: 100% !important;
}

.ccs_ColumnControl.ccs_BooleanLabelPositionApplied.ccs_BooleanLabelPositionTop {
    padding-top: 0 !important;
}

    .ccs_ColumnControl.ccs_BooleanLabelPositionApplied.ccs_BooleanLabelPositionTop input {
        margin-top: 0 !important;
    }

.ccs_ColumnLabel.ccs_BooleanLabelPositionApplied.ccs_BooleanLabelPositionBottom {
    padding-top: 0;
}

.ccs_ColumnControl.ccs_BooleanLabelPositionApplied.ccs_BooleanLabelPositionBottom {
    padding-bottom: 0;
}


.CCSLinkedItemControl .k-grouping-header {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
}

.NITROMarginBottom50 {
    margin-bottom: 50px !important;
}

    .NITROMarginBottom50 + .NITROCopyItemLink.NITROMarginBottom50 {
        margin-top: -50px;
    }


.NITROMobielModeForm#CCSFormActionsMenu > li button > div > div > div:last-child {
    display: none;
}

.NITROMobielModeForm#CCSFormActionsMenu div#CCSRibbonOverflow button > div > div > div:last-child {
    display: table-cell;
}



.CCSAssociatedListMobileModeButton {
    color: inherit !important;
    height: 28px !important;
    background: rgba(255, 255, 255, 0.00) !important;
    border: none !important;
    cursor: pointer !important;
    min-width: auto !important;
    padding: 8px !important;
    border-color: rgba(255, 255, 255, 0.00) !important;
    box-sizing: border-box;
    margin: auto !important;
    padding-top: 1px !important;
    float: right;
}

button.CCSAssociatedListMobileModeButton i {
    font-size: 14pt !important;
    vertical-align: middle;
}


button.CCSAssociatedListMobileModeButton > div {
    display: table;
}

    button.CCSAssociatedListMobileModeButton > div > div {
        display: table-row;
    }

        button.CCSAssociatedListMobileModeButton > div > div > div {
            display: table-cell;
            vertical-align: middle;
        }

span.NITROAddCommaSeparator + span.NITROAddCommaSeparator:before {
    content: attr(data-separator);
}

.CCSAssociatedListMobileMode .MobileModeRowCellContentCellElement {
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 70px;
}

.CCSAssociatedListMobileMode table > .k-grid-header,
.CCSAssociatedListMobileMode .k-grid-header
/*,.CCSAssociatedListMobileMode .CCS-Command-Bar {*/ {
    display: none !important;
}

.CCSAssociatedListMobileMode .k-grid table {
    min-width: 50px !important;
}

.CCSAssociatedListMobileMode .CCSLinkedItemControl.k-grid .k-header.k-grid-toolbar .refreshBtnContainer,
.CCSAssociatedListMobileMode .CCSLinkedItemControl.k-grid .k-toolbar.k-grid-toolbar .refreshBtnContainer {
    display: none !important;
}

.CCSAssociatedListMobileMode .ccs_AssociatedFilterPanel > div > div:last-child {
    padding-right: 0px;
}

.CCSAssociatedListMobileMode .ccs_AssociatedActionsUL > li > button > div > div > div:last-child {
    display: none;
}

.NITRORatingScaleTable td {
    padding-bottom: 5px;
    padding-right: 5px;
}

    .NITRORatingScaleTable td:not(:first-child) {
        text-align: center;
        width: 85px;
    }

    .NITRORatingScaleTable td:first-child {
        width: auto;
        font-weight: 500;
    }

.NITRORatingScaleTable tr:first-child td, .NITRORatingScaleTable tr.RatingScaleHeaderRow td {
    font-weight: 500;
}

.NITRORatingScaleHeaderStarsRow i.k-icon {
    font-size: 20pt;
}

    .NITRORatingScaleHeaderStarsRow i.k-icon.k-i-star {
        color: #0077c1;
    }


.NITRORatingScaleHeaderStarsRow td:not(:first-child) {
    width: 30px;
    text-align: right;
}

tr.NITRORatingScaleHeaderStarsFirstRow td:not(:first-child) {
    text-align: right;
}

    tr.NITRORatingScaleHeaderStarsFirstRow td:not(:first-child) td:first-child {
        text-align: left;
    }


@media only screen and (max-device-width: 768px) {
    td.CCSAttachmentDownload {
        width: 75px;
        padding-left: 5px !important;
    }

    div#divAttachments > div {
        word-break: break-all;
    }

    td.CCSAttachmentDelete {
        width: 55px;
        padding-left: 5px !important;
    }

        td.CCSAttachmentDelete img, td.CCSAttachmentDownload img {
            display: none;
        }
}

.k-tabstrip-top > .k-tabstrip-items-wrapper {
    border-bottom-width: 0px !important;
}

.k-tool-group button.k-button, .k-toolbar-button-group button.k-button, .k-toolbar-tool button.k-button {
    min-width: 0px;
}

button.k-input-button.k-button {
    min-width: 0px;
}


.ccs_ColumnControl .CCSItemVersionsControl .k-grid-toolbar button[buttontype] {
    background: none !important;
    border: none !important;
    height: 30px !important;
    cursor: pointer !important;
    padding: 0 5px !important;
    margin: 0px !important;
    min-width: 1px !important;
    color: black !important;
    box-sizing: border-box !important;
}

    .ccs_ColumnControl .CCSItemVersionsControl .k-grid-toolbar button[buttontype]:hover {
        background-color: #dedede !important;
    }

    .ccs_ColumnControl .CCSItemVersionsControl .k-grid-toolbar button[buttontype]:disabled {
        color: #8e8686 !important;
    }

.ccs_ColumnControl .CCSItemVersionsControl .k-grid tr.k-detail-row:hover {
    background: none;
}

.ccs_ColumnControl .CCSItemVersionsControl .k-grid .k-hierarchy-cell > .k-icon {
    font-size: 18pt;
}

.ccs_ColumnControl .CCSItemVersionsControl .k-grid td.k-detail-cell > table > tbody > tr > td:first-child {
    width: 200px;
    white-space: nowrap;
}

.ccs_ColumnControl .CCSItemVersionsControl .k-grid tr.k-detail-row.k-alt,
.ccs_ColumnControl .CCSItemVersionsControl .k-grid tr.k-detail-row.k-table-alt-row {
    background: none;
}

.sp-peoplepicker-autoFillContainer {
    z-index: 2;
}

.k-grid .k-command-cell > .k-button {
    margin-inline-end: 2px;
    vertical-align: middle;
}

.CCSDisplayNone {
    display: none !important;
}

#ccsMainControl .k-dropzone.k-upload-dropzone + .k-upload-files + .k-actions,
#ccsMainControl .k-dropzone + .k-upload-files + .k-action-buttons {
    display: none;
}

.CCSKendoGridFileUploadDropzoneHover > .CCSLinkedItemControl * {
    opacity: 0;
}

.CCSKendoGridFileUploadDropzoneHover {
    /*border: 4px solid green;*/
    position: relative;
}

.CCSKendoGridFileUploadDropzoneHoverContent{
    display:none;
}

.CCSKendoGridFileUploadDropzoneHover > .CCSKendoGridFileUploadDropzoneHoverContent {
    position: absolute;
    top: 20px;
    width: 100%;
    text-align: center;
    font-size: 14pt;
    font-weight: 500;
    display: block;
}

.CCSTextDecorationUnderline {
    text-decoration: underline !important;
}