/* overall page layout   #e2526e, rgba(225, 173, 196, 0.1)*/
:root {
  --main-bg-primary: #e2526e;
  --main-bg-second: #ecb0c3;
 --main-bg-second-a: rgba(225, 173, 196, 0.1);
  --main-bg-second-b: rgba(225, 173, 196, 0.3);
  --font-family: 'ParagonMedium';
}

@font-face {
    font-family: var(--main-bg-primary) 'ParagonMedium';
    src: url('/Content/org/QK7ZAJTWSQ4XAGX0/Paragon Cleaners Medium.ttf.css');  
}


html body {
     background-image: linear-gradient(90deg, var(--main-bg-primary) 0%,var(--main-bg-second) 100%);
     font-family: 'ParagonMedium';
     text-transform: capitalize;
}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}

.k-block, .k-draghandle, .k-grid-header, .k-grouping-header, .k-header, .k-pager-wrap, .k-toolbar, .k-treemap-tile, html .km-pane-wrapper .k-header {
    background-color: #ffffff;
}


.k-grid tr:hover {
    background-color: var(--main-bg-second-b);
}

 .k-alt {
    background-color:  var(--main-bg-second-a);
}

   .k-header .k-link {
            font-weight: 600;
            font-family: 'ParagonMedium';
            text-transform: uppercase;
        }

 .grid-button.view-action a {
    color: #ffffff;
    background-color: var(--main-bg-second);
    border: 2px solid var(--main-bg-second);
    padding: 7px 20px;
    /* font-size: 11px; */
    font-weight: bold;
    letter-spacing: 3px;
    transition: background-color 0.2s ease-out,border-color 0.2s ease-out;
   
}
    .grid-button.view-action a:hover {
        border-color: var(--main-bg-primary) ;
        background-color: var(--main-bg-primary) !important;
        color: #ffffff;
        text-shadow: 0px 3px 0px var(--main-bg-second) ;
    }


.k-pager-wrap {
    display: inline-block;
    border: none;
    left: 50%;
    margin-top: 50px;
    transform: translate(-50%, -50%);
}

.k-pager-nav{
    margin-top: 6px;
    margin-left: 10%;

    text-align: center !important;
  
}
.link-field a
{
 color: black;
   text-decoration: underline;
}