.widget, .top-barx {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#93cede+0,75bdd1+41,49a5bf+100;Blue+3D+%235 */
background: #93cede; /* Old browsers */
background: -moz-linear-gradient(top,  #93cede 0%, #75bdd1 41%, #49a5bf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#93cede), color-stop(41%,#75bdd1), color-stop(100%,#49a5bf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #93cede 0%,#75bdd1 41%,#49a5bf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #93cede 0%,#75bdd1 41%,#49a5bf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #93cede 0%,#75bdd1 41%,#49a5bf 100%); /* IE10+ */
background: linear-gradient(to bottom,  #93cede 0%,#75bdd1 41%,#49a5bf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#49a5bf',GradientType=0 ); /* IE6-9 */

-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
}

.top-bar {
    background: white;
    border:  solid 1px #909296;
}


    .widget:hover {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#49a5bf+0,75bdd1+59,93cede+100 */
background: #49a5bf; /* Old browsers */
background: -moz-linear-gradient(top,  #49a5bf 0%, #75bdd1 59%, #93cede 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#49a5bf), color-stop(59%,#75bdd1), color-stop(100%,#93cede)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #49a5bf 0%,#75bdd1 59%,#93cede 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #49a5bf 0%,#75bdd1 59%,#93cede 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #49a5bf 0%,#75bdd1 59%,#93cede 100%); /* IE10+ */
background: linear-gradient(to bottom,  #49a5bf 0%,#75bdd1 59%,#93cede 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49a5bf', endColorstr='#93cede',GradientType=0 ); /* IE6-9 */

    }



.widgetWhite:hover {
    background: rgb(255,255,255); /* Old browsers */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+66,ddf1f9+86,72c4e5+100 */
background: #feffff; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #feffff 66%, #ddf1f9 86%, #72c4e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #feffff 66%,#ddf1f9 86%,#72c4e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #feffff 66%,#ddf1f9 86%,#72c4e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#72c4e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.widgetWhite {
    background: white;
    color: black;
}

.widgetWhite a, .widgetWhite a:visited {
    color: black;
}

.cellButtonArea td {
    background-color: #49a5bf;
}

.cellButtonArea td:hover {
    background-color: #93cede;
}

.cellButtonError {
    background-color: #e4d58f !important;
}

.cellButtonError:hover {
    background-color: #fff0a9 !important;
}

.contentBody {
        background-color: #dddfe4;
    
    }

    .contentBody td, th {
        font-size: small;
    }

.contentBody .k-master-row:hover  { 
    background-color: #c9e4ed;
}

.k-grid tr:hover {
    background-color: inherit;
}