/*Kendo UI style overrides*/ body:not(#projectHistoryGrid) > .k-toolbar, body:not(#projectHistoryGrid) > .k-grid-toolbar, body:not(#projectHistoryGrid) > .k-grid th.k-header, body:not(#projectHistoryGrid) > .k-grid-header { background: white; } body:not(#projectHistoryGrid) > .k-grid th.k-header, body:not(#projectHistoryGrid) > .k-grid th.k-header .k-link { color: #555; font-weight: 600; } body:not(#projectHistoryGrid) > .k-grid table tr.k-state-selected { background: white; } body:not(#projectHistoryGrid) > .k-grid tr td { border-bottom: 1px solid #dbdbdb !important } html body:not(#projectHistoryGrid) > .k-grid tr:hover { background: transparent; } body:not(#projectHistoryGrid) > .k-grid-Delete { margin-bottom: 5px !important; color: #ffffff; } body:not(#projectHistoryGrid) > .k-grid-Delete, body:not(#projectHistoryGrid) > .k-grid-Delete:focus { border-color: #e3503e; border-bottom-color: #df3823; background: #e66454; background-image: -webkit-linear-gradient(top, #e76858 0%, #e3503e 100%); background-image: linear-gradient(to bottom, #e76858 0%, #e3503e 100%); background-repeat: repeat-x; } body:not(#projectHistoryGrid) > .k-grid-Delete:hover { color: #ffffff; border-color: #e14430; border-bottom-color: #c22e1c; background: #e3503e !important; background-image: -webkit-linear-gradient(top, #e55c4b 0%, #e14430 100%) !important; background-image: linear-gradient(to bottom, #e55c4b 0%, #e14430 100%) !important; background-repeat: repeat-x; text-align: left !important; } body:not(#projectHistoryGrid) > .k-icon { background-image: none !important; } body:not(#projectHistoryGrid) > .k-button { background: none !important; border-color: #e0e0e0 !important; border-color: rgba(0, 0, 0, 0.12) !important; -webkit-box-shadow: none !important; box-shadow: none !important; background: url('../images/pixel-admin/blank.png')\9 !important; text-align: center !important; } body:not(#projectHistoryGrid) > .k-grid-update { color: #ffffff; border-color: #46ac46; border-bottom-color: #388838; background: #4cb64c !important; background-image: -webkit-linear-gradient(top, #57ba57 0%, #46ac46 100%) !important; background-image: linear-gradient(to bottom, #57ba57 0%, #46ac46 100%) !important; background-repeat: repeat-x; } body:not(#projectHistoryGrid) > .k-grid-update, body:not(#projectHistoryGrid) > .k-grid-update:focus { border-color: #4cb64c; border-bottom-color: #42a142; background: #5ebd5e; background-image: -webkit-linear-gradient(top, #62be62 0%, #4cb64c 100%); background-image: linear-gradient(to bottom, #62be62 0%, #4cb64c 100%); background-repeat: repeat-x; } body:not(#projectHistoryGrid) > .k-grid-update:hover { color: #ffffff; border-color: #46ac46; border-bottom-color: #388838; background: #4cb64c !important; background-image: -webkit-linear-gradient(top, #57ba57 0%, #46ac46 100%) !important; background-image: linear-gradient(to bottom, #57ba57 0%, #46ac46 100%) !important; background-repeat: repeat-x; } body:not(#projectHistoryGrid) > .k-grid-cancel { color: #ffffff !important; border-color: #f19a1f !important; border-bottom-color: #e38b0e !important; background: #f4b04f !important; background-image: -webkit-linear-gradient(top, #f4b254 0%, #f3a537 100%) !important; background-image: linear-gradient(to bottom, #f4b254 0%, #f3a537 100%) !important; background-repeat: repeat-x !important; text-align: left !important; } body:not(#projectHistoryGrid) > .k-grid-cancel, body:not(#projectHistoryGrid) > .k-grid-cancel:focus { color: #ffffff !important; border-color: #f19a1f; border-bottom-color: #e38b0e; background: #f4b04f; background-image: -webkit-linear-gradient(top, #f4b254 0%, #f3a537 100%); background-image: linear-gradient(to bottom, #f4b254 0%, #f3a537 100%); background-repeat: repeat-x; } body:not(#projectHistoryGrid) > .k-grid-cancel:hover { color: #ffffff !important; border-color: #f09411; border-bottom-color: #c2770c; background: #f3a537 !important; background-image: -webkit-linear-gradient(top, #f3ac45 0%, #f29f29 100%) !important; background-image: linear-gradient(to bottom, #f3ac45 0%, #f29f29 100%) !important; background-repeat: repeat-x; } body:not(#projectHistoryGrid) > .k-icon, body:not(#projectHistoryGrid) > k-cancel { background-image: none !important; display: none !important; } #projectHistoryGrid.k-grid tr td { overflow: hidden !important; text-overflow: ellipsis !important; white-space: normal !important; } #projectHistoryGrid.k-grid tr td .color-value { height: 20px; width: 20px; display: inline-block; margin-right: 5px; vertical-align: top; }