/*
* EDA Attikis S.A. GAS Network Availability Map
* Copyright (c) 2021 EDA Attikis S.A.. All rights reserved.
* @author Georgios Tzigkouras <g.tzigkouras@edaattikis.gr> 
*/
body
{
    /*
    margin: 0 auto;
    padding: 0px;
    text-align: center;
    background-color: #e6e5e0;
    background-color: #D9D5CD;
    */

    /* min-width: 760px; */
    margin: 0;
    padding: 0;
    height: 100vh;
    /* background: linear-gradient(-30deg, rgb(51, 51, 38) 0%, rgb(255, 140, 0) 50%, rgb(255, 140, 0) 50%, rgb(255, 191, 0) 100%); */
    
}

table 
{
    border-collapse: separate;
    border-spacing: 0px; /* cellspacing */
    *border-collapse: expression('separate', cellSpacing = '0px');
}

table td, table th 
{
    padding: 0px; /* cellpadding */
}

#divBackground
{
    display: block; 
    position: fixed; 
    z-index: -1000; 
    left: 0px; 
    top: 0px; 
    font-size: 12px; 
    color: #003eff;
    background-image: linear-gradient(317deg, rgb(183, 181, 181) 0%, #f5f5f5 50%, #f5f5f5 50%, rgb(203, 203, 203) 100%);
    width: 0px;
    height: 0px;
}

#divTop
{
    /* margin: 0 auto; */
    text-align: center;
    padding-bottom: 10px;
    padding-top: 15px;
    background-color: #ffffff;
    /* border-bottom: 1px solid #3c3c3c; */
    box-shadow: 0px 0px 20px 0px rgb(255, 255, 255);
    z-index: 0;
}

.Input-Button
{
    width: 92px;
    font: bold 11px Arial, Helvetica, sans-serif;
    color: #1563b8;
    padding-bottom: 1px;
}

.cop
{
    color: #3c3c3c;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

h5
{
    color: #4f4f4f;
    font-family: sans-serif;
    font-weight: normal;
    font-size: 16px;
    text-align: center;
    margin: 0 auto;
    border: 0px #3c3c3c solid;
}

h4
{
    /* color: #818181; */
    color: #ffffff;
    text-shadow: 1px 1px 2px black;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 21px;
    text-align: center;
    margin: 0 auto;
    border: 0px #3c3c3c solid;
}

#resGasID
{
    color: #818181;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
    border: 0px #3c3c3c solid;
    height: 10px;
}

#resGasMessageID
{
    color: #818181;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    margin-top: 21px;
    margin-bottom: 0px;
    border: 0px #3c3c3c solid;    
}

.clsCustomBorder
{
    border-style: solid;
    border-width: 1px;
    border-radius: 20px;
    border-color: rgb(180, 180, 180);
}

.clsCustomMargin-5
{
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.clsCustomMargin-10
{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.clsCustomPadding-5
{
    padding-left: 5px; 
    padding-right: 5px; 
    padding-top: 5px; 
    padding-bottom: 5px;
}

.clsCustomPadding-10
{
    padding-left: 10px; 
    padding-right: 10px; 
    padding-top: 10px; 
    padding-bottom: 10px;
}

.clsCustomPadding-20
{
    padding-left: 20px; 
    padding-right: 20px; 
    padding-top: 20px; 
    padding-bottom: 20px;
}

.float-container 
{
    padding: 0px 0px 0px 0px;
}

.clsMapContainer
{
    position: relative; 
    margin: 0px auto; 
    text-align: center;
    padding-top: 0px;
}

.clsMap
{
    width: 680px;
    height: 500px;

    position: absolute;
    left: 10px;
    top: 10px;

    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

.clsMapOverlay
{
    z-index: 1000;
    width: 700px;
    height: 520px;

    position: relative;
    margin: 0 auto;

    /* background-color: #ebe7e1; */
    background-color: transparent;
    /* border: 2px solid #ff9e5c; */
    border: 2px solid #000000;

    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;

    -webkit-box-shadow: 0px 0px 13px 4px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(10, 101, 146, 1);
    -moz-box-shadow:    0px 0px 13px 4px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(10, 101, 146, 1);
    box-shadow:         0px 0px 13px 4px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(10, 101, 146, 1);

    -webkit-box-shadow: 0px 0px 13px 4px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(74, 74, 74, 0.7);
    -moz-box-shadow:    0px 0px 13px 4px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(74, 74, 74, 0.7);
    box-shadow:         0px 0px 13px 4px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(74, 74, 74, 0.7);
}

.clsGeocodingResults
{
    outline: 0; 
    height: 97px; 
    width: 389px;

    padding-right: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;

    /* background-color: rgba(233, 250, 255, 0.3); */
    /* background-color: transparent; */
    /* background-color: rgba(234, 234, 234, 0.7); */
    /* background-color: rgba(255, 255, 255, 0.9); */
    /* background-color: rgba(201, 176, 113, 0.2); */
    /* background-color: rgba(118, 113, 201, 0.2); */
    background-color: rgba(255, 255, 255, 1.0);
    /* border: 2px solid #edb087; */
    /* border: 2px solid #000000; */
    /* border: 2px solid #d4a7ff; */
    /* border: 2px solid #fca624; */

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    /*
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(74, 74, 74, 0.7);
    -moz-box-shadow:    0px 0px 10px 2px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(74, 74, 74, 0.7);
    box-shadow:         0px 0px 10px 2px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(74, 74, 74, 0.7);
    */
    -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(255, 255, 255, 0.7);
    -moz-box-shadow:    0px 0px 6px 1px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(255, 255, 255, 0.7);
    box-shadow:         0px 0px 6px 1px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(255, 255, 255, 0.7);
}

.clsMapResults
{
    outline: 0; 
    height: 75px; 
    width: 389px;

    padding-right: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;

    /* background-color: rgba(233, 250, 255, 0.3); */
    /* background-color: transparent; */
    /* background-color: rgba(234, 234, 234, 0.7); */
    /* background-color: rgba(255, 255, 255, 0.9); */
    /* background-color: rgba(201, 176, 113, 0.2); */
    /* background-color: rgba(118, 113, 201, 0.2); */
    background-color: rgba(200, 200, 200, 0.2);
    /* border: 2px solid #edb087; */
    /* border: 2px solid #000000; */
    border: 2px solid transparent;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    /*
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(74, 74, 74, 0.7);
    -moz-box-shadow:    0px 0px 10px 2px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(74, 74, 74, 0.7);
    box-shadow:         0px 0px 10px 2px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(74, 74, 74, 0.7);
    */
    -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(10, 101, 146, 1);
    -moz-box-shadow:    0px 0px 6px 1px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(10, 101, 146, 1);
    box-shadow:         0px 0px 6px 1px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(10, 101, 146, 1);
}

.clsMapResults:hover
{
    /* background-color: rgba(255, 255, 255, 0.9); */
    /*
    background-color: rgba(201, 176, 113, 0.2);
    border: 2px solid #edb087;

    -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(255, 213, 0, 0.7);
    -moz-box-shadow:    0px 0px 10px 2px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(255, 213, 0, 0.7);
    box-shadow:         0px 0px 10px 2px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(255, 213, 0, 0.7);
    */
}

.clsMapResults:focus,
.clsMapResults:active
{
    /* background-color: rgba(255, 213, 0, 0.1); */
    /*
    background-color: rgba(255, 255, 255, 0.9);
    border: 2px solid #edb087;
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(255, 213, 0, 0.7);
    -moz-box-shadow:    0px 0px 10px 2px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(255, 213, 0, 0.7);
    box-shadow:         0px 0px 10px 2px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(255, 213, 0, 0.7);
    */
}

.scrollbar-requisite > div 
{
    /* width: 100%; */
    width: 407px;
    height: 100%;
    overflow: auto;
}

.scrollbar-requisite-2 > div 
{
    /* width: 100%; */
    width: 406px;
    height: 100%;
    overflow: auto;
}

.nano 
{ 
    float: left;
    background: transparent;
    /* width: 422px; */
    /* height: 100px; */
}
.nano > .nano-content 
{ 
    /* padding: 10px; */
    padding: 0px;
}
.nano > .nano-pane
{ 
    background: #888; 
}
.nano > .nano-pane > .nano-slider 
{ 
    background: #111; 
}

#divPopupID
{
    width: 363px;
    height: 84px;

    padding-left: 10px;
    padding-right: 30px;
    padding-top: 5px;
    padding-bottom: 5px;

    margin-top: 0px;

    outline: 0;

    line-height: 26px;
    color: #333333;

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
}

#divPopupResGasID
{
    width: 339px;
    height: 279px;

    padding-left: 23px;
    padding-right: 30px;
    padding-top: 5px;
    padding-bottom: 5px;

    margin-top: 0px;

    outline: 0;

    line-height: 18px;
    color: #818181;

    font-family: sans-serif;
    font-size: 12px;
    text-align: center;
}

.clsBtn_Disabled
{
    cursor: default;
    outline: 0;
    width: 200px;

    font-weight: bold;

    padding: 7px;
    margin-top: 10px;

    background-color: rgba(213, 213, 213, 0.4);
    color: #727272;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    /* border: 1px solid #3c3c3c; */
    border-style: groove;
    border-width: 3px;

    -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 1.0);
    -moz-box-shadow:    0px 0px 1px 0px rgba(0, 0, 0, 1.0);
    box-shadow:         0px 0px 1px 0px rgba(0, 0, 0, 1.0);
}

.clsBtn
{
    cursor: pointer;
    outline: 0;
    width: 200px;

    font-weight: bold;

    padding: 7px;
    margin-top: 0px;

    /* background-color: rgb(133, 229, 255); */
    background-color: #0a6592;
    color: #ffffff;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    /* border: 1px solid #3c3c3c; */
    border-style: solid;
    border-width: 1px;
    border-color: #0a6592;
    /*
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 1.0);
    -moz-box-shadow:    0px 0px 1px 0px rgba(0, 0, 0, 1.0);
    box-shadow:         0px 0px 1px 0px rgba(0, 0, 0, 1.0);
    */
}

.clsBtn:hover
{
    border: 1px solid #3c3c3c;

    color: #d0d0d0;

    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 159, 162, 1);
    -moz-box-shadow:    0px 0px 2px 0px rgba(0, 159, 162, 1);
    box-shadow:         0px 0px 2px 0px rgba(0, 159, 162, 1);
}

.hr-faded
{
    padding: 0px;
    margin: 0;
    border : 0;
    height: 1px; 
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); 
}

.hr-faded-1px
{
    /*
    border-top: 1px solid #bc76ff;
    border-bottom: 0px solid #bc76ff;
    */
    border-top: 1px solid #813a00;
    border-bottom: 0px solid #813a00;
}

.clsInput
{
    width: 299px;
    height: 20px;

    font-size: 16px;
    font-weight: normal;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 20px;

    outline: 0;

    margin-top: 10px;
    margin-bottom: 0px;
    margin-right: 5px;
    margin-left: 5px;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;

    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    
    /* background-color: transparent; */
    /* background-color: rgba(255, 255, 255, 0.9); */
    /* background-color: rgba(201, 176, 113, 0.2); */
    /* background-color: rgba(118, 113, 201, 0.2); */
    /* background-color: rgba(200, 200, 200, 0.2); */
    background-color: rgba(255, 255, 255, 1.0);
    
    /* border: 2px solid #000000; */
    /* border: 2px solid transparent; */
    /* border: 2px solid rgb(212, 167, 255); */
    /* border: 2px solid #fca624; */

    /*
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(74, 74, 74, 0.7);
    -moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(74, 74, 74, 0.7);
    box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(74, 74, 74, 0.7);
    */
    -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(255, 255, 255, 0.7);
    -moz-box-shadow:    0px 0px 6px 1px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(255, 255, 255, 0.7);
    box-shadow:         0px 0px 6px 1px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(255, 255, 255, 0.7);
}
.clsInput:hover
{
    /* background-color: transparent; */
    /* background-color: rgba(255, 255, 255, 0.9); */
    /* background-color: rgba(201, 176, 113, 0.2); */
    background-color: rgba(255, 255, 255, 1.0);
    
    /* border: 2px solid #edb087; */
    /* border: 2px solid #ed8787; */

    -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(10, 101, 146, 1);
    -moz-box-shadow:    0px 0px 6px 1px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(10, 101, 146, 1);
    box-shadow:         0px 0px 6px 1px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(10, 101, 146, 1);
}
.clsInput:focus,
.clsInput:active
{
    /* background-color: rgba(255, 213, 0, 0.1); */
    /* background-color: rgba(255, 255, 255, 0.9); */
    background-color: rgba(255, 255, 255, 1.0);
    
    /* border: 2px solid #edb087; */
    /* border: 2px solid #ed8787; */
    
    -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(10, 101, 146, 1);
    -moz-box-shadow:    0px 0px 6px 1px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(10, 101, 146, 1);
    box-shadow:         0px 0px 6px 1px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(10, 101, 146, 1);
}

.clsInputDisabled
{
    width: 299px;
    height: 20px;

    font-size: 16px;
    font-weight: normal;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 20px;

    outline: 0;

    margin-top: 10px;
    margin-bottom: 0px;
    margin-right: 5px;
    margin-left: 5px;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;

    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;

    background-color: rgba(255, 255, 255, 1.0);
    
    /* border: 2px solid rgb(212, 167, 255); */
    border: 2px solid rgb(167, 218, 255);

    -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(10, 101, 146, 1);
    -moz-box-shadow:    0px 0px 6px 1px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(10, 101, 146, 1);
    box-shadow:         0px 0px 6px 1px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(10, 101, 146, 1);
}

.clsBtnNew
{
    color: #3c3c3c;

    border-width: 1px;
    border-top-color: rgb(168, 135, 52);
    border-right-color: rgb(156, 126, 49);
    border-left-color: rgb(156, 126, 49);
    border-bottom-color: rgb(132, 106, 41);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7dfa5', endColorstr='#f0c14b', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

    -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.4) inset;
    -moz-box-shadow:    0px 1px 0px 0px rgba(255, 255, 255, 0.4) inset;
    box-shadow:         0px 1px 0px 0px rgba(255, 255, 255, 0.4) inset;

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;

    cursor: pointer;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    padding-left: 35px;
    padding-right: 35px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.clsBtnNew:hover
{
    border-color: #e77600;
    
    -webkit-box-shadow: 0px 0px 3px 2px rgba(228, 121, 17, 0.5);
    -moz-box-shadow:    0px 0px 3px 2px rgba(228, 121, 17, 0.5);
    box-shadow:         0px 0px 3px 2px rgba(228, 121, 17, 0.5);
}

.linearGrad-Orange
{
    background-image: -moz-linear-gradient(top, #f7dfa5, #f0c14b);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7dfa5), to(#f0c14b));
    background-image: -webkit-linear-gradient(top, #f7dfa5, #f0c14b);
    background-image: -o-linear-gradient(top, #f7dfa5, #f0c14b);
    background-image: linear-gradient(to bottom, #f7dfa5, #f0c14b);
    background-repeat: repeat-x;
}

.linearGrad-Green
{
    background-image: -moz-linear-gradient(top, rgb(219, 255, 101), rgb(47, 241, 0));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(219, 255, 101)), to(rgb(47, 241, 0)));
    background-image: -webkit-linear-gradient(top, rgb(219, 255, 101), rgb(47, 241, 0));
    background-image: -o-linear-gradient(top, rgb(219, 255, 101), rgb(47, 241, 0));
    background-image: linear-gradient(to bottom, rgb(219, 255, 101), rgb(47, 241, 0));
    background-repeat: repeat-x;
}

#btn_Application,
#btn_Interest
{
    cursor: pointer;
    outline: none;
    display: none;
    position: relative;
    top: 15px;
    width: 90px;
    
    /*
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: rgba(255, 255, 255, 1.0);
    border: 2px solid rgb(212, 167, 255);
    -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(255, 255, 255, 0.7);
    -moz-box-shadow:    0px 0px 6px 1px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(255, 255, 255, 0.7);
    box-shadow:         0px 0px 6px 1px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(255, 255, 255, 0.7);    
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    */
}

/*
#btn_Application:hover, 
#btn_Interest:hover
{
    background-color: rgba(255, 255, 255, 1.0);
    border: 2px solid #ed8787;
    -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(255, 213, 0, 0.7);
    -moz-box-shadow:    0px 0px 6px 1px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(255, 213, 0, 0.7);
    box-shadow:         0px 0px 6px 1px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(255, 213, 0, 0.7);
}
*/

#modal 
{
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    
    /* basic */
    background-color: #fff;
    margin: 0 auto;
    width: 340px;
    padding-top: 30px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 10px;
    text-align: center;
    /* border-radius */
    border-radius: 12px;
    /* border: 2px solid #fca624; */
    /* border-top: 1px solid #666; */
    
    color: white;
    /* box-shadow */
    -webkit-box-shadow: rgba(0,0,0,0.5) 0px 3px 10px, rgba(0,0,0,.75) 0 0 70px inset;
    -moz-box-shadow: rgba(0,0,0,0.5) 0px 3px 10px, rgba(0,0,0,.75) 0 0 70px inset;
    box-shadow: rgba(0,0,0,0.5) 0px 3px 10px, rgba(0,0,0,.75) 0 0 70px inset;

    background: #7d7e7d;
    background: -moz-linear-gradient(top, #7d7e7d, #0e0e0e);
    background: -webkit-linear-gradient(top, #7d7e7d, #0e0e0e);
    background: -ms-linear-gradient(top, #7d7e7d, #0e0e0e);
    background: -o-linear-gradient(top, #7d7e7d, #0e0e0e);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 );
    background: linear-gradient(to bottom, #7d7e7d, #0e0e0e);

    overflow: hidden;
}

#modal h1 
{
    text-align: left;
    margin: 0;
    font-size: 25px;
    letter-spacing: -1px;
    margin-bottom: 4px;
    text-shadow: 0 -1px 1px #000, 0 0px 5px rgba(0,0,0,.25);
}

#modal p 
{
    margin-top: 7px;
    color: #ccc;
    font-size: 16px;
    text-align: left;
    text-shadow: 0 0px 5px rgba(0,0,0,.25), 0 -1px 1px #000;
}

.οκ 
{
    background: green;
    display: block;
    padding: 15px 35px;
    float: left;
    color: white;
    text-decoration: none;

    font-weight: bold;
    text-shadow: 0 0 10px #000;
    border-top: 1px solid rgb(200,250,100);
    font-size: 20px;

    -webkit-box-shadow: rgba(255,255,255,.3) 0 2px 1px,rgba(0,0,0,.3) 0 -2px 1px, rgba(0,0,0,0.5) 0px 3px 10px, rgba(0,50,0,.75) 0 0 40px inset;
    -moz-box-shadow: rgba(255,255,255,.3) 0 2px 1px,rgba(0,0,0,.3) 0 -2px 1px, rgba(0,0,0,0.5) 0px 3px 10px, rgba(0,50,0,.75) 0 0 40px inset;
    box-shadow: rgba(255,255,255,.3) 0 2px 1px,rgba(0,0,0,.3) 0 -2px 1px, rgba(0,0,0,0.5) 0px 3px 10px, rgba(0,50,0,.75) 0 0 40px inset;

    border-radius: 12px;

    background: #bfd255;
    background: -webkit-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
    background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
    background: -ms-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
    background: -o-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 );
    background: linear-gradient(to bottom, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
}

.no 
{
    background: red; 
    display: block;
    padding: 15px 35px;
    float: right;
    color: white;
    text-decoration: none;
    font-size: 20px;
    border-top: 1px solid rgb(250,150,100);
    font-weight: bold;

    -webkit-box-shadow: rgba(255,255,255,.3) 0 2px 1px,rgba(0,0,0,.3) 0 -2px 1px, rgba(0,0,0,0.5) 0px 3px 10px, rgba(100,0,0,.75) 0 0 40px inset;
    -moz-box-shadow: rgba(255,255,255,.3) 0 2px 1px,rgba(0,0,0,.3) 0 -2px 1px, rgba(0,0,0,0.5) 0px 3px 10px, rgba(100,0,0,.75) 0 0 40px inset;
    box-shadow: rgba(255,255,255,.3) 0 2px 1px,rgba(0,0,0,.3) 0 -2px 1px, rgba(0,0,0,0.5) 0px 3px 10px, rgba(100,0,0,.75) 0 0 40px inset;

    text-shadow: 0 0 10px #000;
    border-radius: 12px;

    background: #f3c5bd;
    background: -webkit-linear-gradient(top, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 100%);
    background: -moz-linear-gradient(top, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 100%);
    background: -ms-linear-gradient(top, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 100%);
    background: -o-linear-gradient(top, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#ff6600',GradientType=0 );
    background: linear-gradient(to bottom, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 100%);
}

.close-btn 
{
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    border-radius: 1000px;
    background: #0a6592;
    font-family: arial;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    color: #3c3c3c;
    border: 2px solid #ffffff;
    /* line-height: 190%; */
    -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 1.0) inset, 0px 0px 7px 2px rgba(255, 255, 255, 0.7);
    -moz-box-shadow:    0px 0px 2px 1px rgba(0, 0, 0, 1.0) inset, 0px 0px 7px 2px rgba(255, 255, 255, 0.7);
    box-shadow:         0px 0px 2px 1px rgba(0, 0, 0, 1.0) inset, 0px 0px 7px 2px rgba(255, 255, 255, 0.7);
}

.close-btn:hover
{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

#divAppBtnsCont
{
    display: none; 
    float: left; 
    margin: 0 auto;
    margin-top: -44px;
    text-align: center; 
    width: 392px; 
    height: 180px; 
    background: radial-gradient(rgba(236, 174, 126, 0.15) 20%, transparent 80%);
}

#divSubmitBtnCont
{
    display: block; 
    float: left; 
    margin: 0 auto;
    margin-top: 10px;
    text-align: center;
    width: 120px;
    height: 120px;
    background: radial-gradient(rgba(236, 174, 126, 0.15) 20%, transparent 80%);
}
#btn_Submit
{
    cursor: pointer;
    outline: none;
    display: inline-block;
    position: relative;
    top: 15px;
    width: 90px;
}
    
.clsSelectNum
{
    color: #818181;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid white;
    background-color: transparent;
    outline: none;
    padding-left: 5px;
    padding-right: 5px;
}

    
.clsSelectBuilding
{
    width: 305px;

    color: #3c3c3c;
    font-size: 16px;
    font-weight: normal;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

    outline: 0;

    margin-top: 5px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 5px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;

    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    
    background-color: rgba(255, 255, 255, 1.0);
    /* border: 2px solid rgb(212, 167, 255); */
    /* border: 2px solid #fca624; */
    -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(255, 255, 255, 0.7);
    -moz-box-shadow:    0px 0px 6px 1px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(255, 255, 255, 0.7);
    box-shadow:         0px 0px 6px 1px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(255, 255, 255, 0.7);
}

.clsSelectBuilding:hover
{
    background-color: rgba(255, 255, 255, 1.0);
    /* border: 2px solid #ed8787; */
    -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(10, 101, 146, 1);
    -moz-box-shadow:    0px 0px 6px 1px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(10, 101, 146, 1);
    box-shadow:         0px 0px 6px 1px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(10, 101, 146, 1);
}
.clsSelectBuilding:focus,
.clsSelectBuilding:active
{
    background-color: rgba(255, 255, 255, 1.0);
    /* border: 2px solid #ed8787; */
    -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(10, 101, 146, 1);
    -moz-box-shadow:    0px 0px 6px 1px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(10, 101, 146, 1);
    box-shadow:         0px 0px 6px 1px rgba(0, 0, 0, 1.0) inset, 0px 0px 3px 1px rgba(10, 101, 146, 1);
}

.clsTextBold
{
    font-size: 17px;
    font-weight: bold;
    font-family: verdana;
    line-height: 20px;

    /* color: #cb97fd; */
    color: #0a6592;
    text-shadow: 1px 1px 2px #000000;
    
    text-align: center;
}

.clsTextSmall
{
    color: #4f4f4f;
    font-family: sans-serif;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    margin: 0 auto;
    border: 0px #3c3c3c solid;
}