/*
    These are the styles used for the areas of the home page
*/
.homepage {
    padding: 10px;
    text-align:center;
}

.homepageborder {
        border: 1px #3D5672 solid;
        margin: 0px 5px 10px 5px;
}


.search {

    min-width: 330px;

}
.search-header
{
    text-align:center ; 
    padding-top:10px;
       font-size: 13pt;
}



.searchContent {
    font-weight: normal;
    padding: 5px;
    overflow-y: hidden;
    text-align: center;
    vertical-align: middle;

    /*background-color:white;*/
}

.searchContent input {

    /*background-color:white;*/
    width:100% !important;
    height:40px !important;
    font-size:22px !important;
}

.telephoneactivity {

    min-width: 330px;
    background-color:#FAFAFA;

}


.telephoneactivityContent {
    font-weight: normal;
    padding: 5px;
    overflow-y: hidden;
    text-align: left;
    vertical-align: middle;
    background-color:#FAFAFA;
    height:25px;

    /*background-color:white;*/
}


.splitter-homepage {
    overflow: visible !important;
    z-index: 1;

}

.functions {

    width: 780px;
      display:inline-block;
    /*max-width: 270px;*/
}

.functionsContent {
    font-size: 10pt;
    font-weight: normal;
    padding: 5px;
    padding-left: 0px;
    padding-top: 0px;
    overflow-y: auto;
    min-height: 100px;
    max-height: 270px;
    text-align:center;
    /*background-color:white;*/
}

.function {

    height: 100px;
    width: 100px;

    padding: 5px;
    float: left;
    text-align: center;
}

    .function img {
        height: 64px;
        width: 64px;
        margin: 5px;
    }

    .function .label {
        font-size: 10pt;
        word-wrap: break-word;
        height: 35px;
        /*overflow: auto;*/
        text-overflow: ellipsis;
    }

.view {

  display:inline-block;
    width: 330px;
    min-width: 330px;

}

.viewHeader {
    background-color: #3D5672;
    color: black;
    font-weight: normal;
    font-size: 9pt;
    padding: 5px;
    padding-top: 7px;
    height: 20px;
    overflow-y: auto;
    /*text-align: left;*/
    color:white;
}

.viewContent {
    font-size: 9pt;
    font-weight: normal;
    padding: 5px;
    padding-top: 0px;
    overflow-y: scroll;
    text-align: left;
    background-color:white;
}

.homepageview-parent {
    padding: 0px 11px 8px 11px;
    background-image: url(../../Resources/Images/Homepage/Query Top Left Corner.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-color: #FAFAFA;
    text-align: center;
    height: 95%;
    border: 0px red solid;
}

.homepageview-column-detail {
    width: 100%;
    margin: 2px;
    border: 0px green solid;
    background-color: Transparent;
}

.homepageview-column-detail-main {
    font-size: 11px;
    color: Black;
}

.homepageview-column-detail-sub {
    padding-left: 3px;
    font-size: 10px;
    color: Navy;
    width: 98%;
}

.homepageview-column-status {
    font-size: 11px !important;
    color: red;
    /*font-weight:bold !important;*/
}

HomePageGridColumn


.float {
    float: left !important;
}
/*
/*  SEARCH STYLES */
.homepage-search {
    background-color: Transparent;
    height: 25px;
    padding-top: 5px;
    padding-left: 20px;
    border: 0px red solid;
    overflow: visible;
}

.homepage-search-result-parent {
    vertical-align: top;
    height: 650px;
}

div.RadGrid_WebBlue .rgHeader, div.RadGrid_WebBlue th.rgResizeCol, div.RadGrid_WebBlue .rgHeaderWrapper {
    border-style: none;
}



.fa-searchbutton {
    color:#3D5672;
    font-size:20px;
}

.fa-homepagefunction {
    text-decoration: none;
    text-align: center;
    font-size:40px;
     color:#5B7189;
}

.fa-homepagefunction:hover, .fa-homepagefunction::selection {
    text-decoration: none;
    color: #ee8c31 !important;
}