/*
 | Version 10.2
 | Copyright 2012 Esri
 |
 | Licensed under the Apache License, Version 2.0 (the "License");
 | you may not use this file except in compliance with the License.
 | You may obtain a copy of the License at
 |
 |    https://www.apache.org/licenses/LICENSE-2.0
 |
 | Unless required by applicable law or agreed to in writing, software
 | distributed under the License is distributed on an "AS IS" BASIS,
 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 | See the License for the specific language governing permissions and
 | limitations under the License.
 */
/* This file contains the mobile specific style settings for "Configurable Place Finder" template */
/* The common settings for the styles are defined in "ConfigurablePlaceFinder.css" */
/* Use this file to perform the following: */
/* 1.  Set the body styles                      - { Style(s) to look for: html, body } */
/* 2.  Set styles for icons, buttons and header styles
                                                - { Style(s) to look for: customButton,tableHeader,tdHeader,imgOptions,imgShare}*/
/* 3.  Set the styles for search container      - { Style(s) to look for: divAddressContainer,divAddressContent,txtAddress,imgLocate}*/
/* 4.  Set the styles for basemap container      - { Style(s) to look for: divLayerContainer,divLayerHolder,selectedBaseMap}*/
/* 5.  Set the styles for bottom panel          - { Style(s) to look for: transparentBackground,divDirection,divDirectionContainer,divCommentHolder,divFeatureList}*/
/* 6.  Set the styles for esri slider           - { Style(s) to look for: esriSimpleSlider}*/

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Styles for body*/
body, html
{
    font-size: 11px !important;
}

/*---------------------------------------------------------------------------------------------------------*/
/*Styles for icons*/

.customButton
{
    height: 25px !important;
}

.imgOptions
{
    height: 30px !important;
    width: 30px !important;
    vertical-align: middle;
    cursor: pointer;
}

.imgShare
{
    height: 30px !important;
    width: 30px !important;
    cursor: pointer;
}
.upAndDownarrow
{
    height: 30px !important;
    width: 30px !important;
}
.tdHeader
{
    width: 50px;
    font-weight: bolder;
}

/*---------------------------------------------------------------------------------------------------------*/
/*Styles for address container*/
.divAddressHolder
{
    z-index: 1000;
    position: absolute;
    top: 60px;
    right: 15px;
    width: 300px;

}

.divAddressContent
{
    height: 310px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    behavior: url("styles/PIE.htc");
}

.divAddressPlaceHolder
{
    width: 282px;
}

.txtAddress
{
    height: 30px !important;
    font-size: 11px !important;
    line-height: 30px;
}

.txtPodAddress
{
    height: 30px !important;
    font-size: 11px !important;
    line-height: 30px;
    width: 85%;
}

.tdPodAddressSearch
{
    width: 90%;
}

.imgLocate
{
    height: 30px !important;
    width: 30px !important;
    vertical-align: middle;
    top: 45px;
    right: 25px;
}

.divPodAddressScrollContent
{
    overflow: hidden;
    width: 93%;
    color: #F5F5DC;
    height: 80px;
}

.selectedActivity, .imgPodSearchLocate
{
    height: 30px;
    width: 30px;
}

.divAddressScrollContent
{
    height: 165px;
}

.tdSearchByAddress, .tdSearchByUnSelectedFeature, .tdSearchByUnSelectedActivity, .tdSearchByUnSelectedAddress, .tdSearchByFeature, .tdSearchByActivity
{
    width: 70px;
}

.divActivityContent
{
    height: 220px;
}

/*---------------------------------------------------------------------------------------------------------*/
/*Styles for base-map container*/

.divLayerContainer
{
    position: absolute;
    top: 60px;
    right: 15px;
    width: 260px;
    z-index: 1000;
}

.divLayerHolder
{
    width: 260px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    behavior: url("styles/PIE.htc");
}

/*---------------------------------------------------------------------------------------------------------*/
/*Styles for info-window content*/
.divInfoContainer
{
    z-index: 999;
}

.divInfoContent
{
    z-index: 1000;
    background-color: transparent;
    border-radius: 10px;
}

.divInfoWindowContainer .content
{
    padding: 0px !important;
    overflow: hidden;
}

.infoOptions
{
    height: 30px !important;
    width: 30px !important;
    vertical-align: middle;
    padding: 2px 3px 2px 2px;
    cursor: pointer;
}

.imageBack
{
    height: 30px !important;
    vertical-align: middle;
    padding: 4px 3px 2px 2px;
    cursor: pointer;
}

.tdTotalTime
{
    text-align: center;
}

.txtArea
{
    font-size: 11px !important;
    font-family: Verdana !important;
    height: 100px;
    width: 100%;
}

/*---------------------------------------------------------------------------------------------------------*/
/* bottom panel CSS*/



.divDirection, .divDirectionContainer
{
    height: 120px;
}

.divCommentHolder
{
    height: 140px;
}

.divFeatureList
{
    height: 125px;
    position: relative;
    overflow: hidden;
}


/*---------------------------------------------------------------------------------------------------------*/
/* ESRI slider style*/
.esriSimpleSlider
{
    top: 90px !important;
}

.zeroHeight
{
    height: 0px !important;
}

.zeroBottom
{
    bottom: 0px !important;
}

.addressHolderHeight
{
    height: 310px !important;
}
.bottomPanelHeight
{
    height: 220px !important;
}

.bottomPanelPosition
{
    bottom: 220px !important;
}

.lblAppName
{
    width: 40% !important;
}

.createTableRowHeight
{
    height: 18px !important;
    width: 120px !important;
}


.activitySearchBrowser
{
    width: 40px !important;
    height: 40px !important;
}


/* ***********for color change*/

.tblFeatureList
{
   width: 95%; 
   padding-left: 5px;     
}
.ApplicationName1
    
{
    
    font-size: 24px !important;
    font-weight: bolder;
    font-family: Verdana !important;
    color:#ffffff !important;
    
}


.ApplicationName2
    
{
    
    font-size: 12px !important;
    font-weight:bold;
    font-family: Verdana !important;
    color:#82dc76 !important;
    
}