﻿body {
}
#category-name {
    position: absolute;
    font-size: 330%;
    top: 20px;
    color: #000;
}

#topsection {
    position: relative;
    text-align: center;
    color: #fff;
}

td:nth-child(2) {
    display: block !important;
}

#ActivitiesGrid td:hover {
    color: #eb5929;
}

#ActivitiesGrid {
    margin-top: 20px;
}

/*#category-name {
    position: absolute;
    font-size: 200%;
    left: 6%;
}*/

ul.dropdown-menu > li > a:hover {
    color: #eb5929;
}

ul.dropdown-menu > li > a {
    color: black;
}

#ActivitiesGrid #ActivityTitle, #ActivitiesGrid .activity-thumbnail {
    cursor: pointer;
}

#ActivityTitle {
    font-size: 18px !important;
    font-weight: 900;
    color: #383838;
}

#ActivityTitle a {
    /*color: #eb5929 !important;*/
    text-decoration:none;
}

#ActivityTitle:hover {
    color: gray;
}

#ActivitiesGrid td:hover {
    color: black;
}

.k-state-selected, .k-state-selected:hover {
    background-color: white !important;
}

#ActivitiesGrid tbody tr, #ActivitiesGrid tbody tr:hover {
    background-color: white !important;
}

tr.k-alt {
    background-color: white !important;
}

.k-grid tr:hover {
    background-color: white !important;
}

#ActivitiesListView .k-state-selected {
    background-color: white !important;
}

.k-list > .k-state-highlight, .k-list > .k-state-selected, .k-panel > .k-state-selected, .k-state-selected, .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-tool.k-state-selected {
    background-color: lightgray !important;
    border-color: lightgray !important;
    color: #eb5929;
}

.k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected {
    box-shadow: inset 0 0 3px 1px lightgray;
}

@media only screen and (max-width:480px) {
    #category-name {
        position: absolute;
        color: #000;
        top: 18px;
        font-size: 150%;
        top: 0px;
        left: 6%;
    }
    #tc-reset {
        display: none;
    }

    #Categories {
        width: 25%;
    }

    #ActivitiesGrid td:first-child {
        font-size: 20px;
    }
    .k-header {
        display: none !important;
    }
     /*td:nth-child(2) {
        display: none !important;
    }*/
     img{
         display: none !important;
     }
     td{
         width: 100% !important;
     }
}