body {
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 12pt;
    background-color: aliceblue;
}

h1 {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 14pt;
    color: darkred;
    font-weight: bold;
    text-shadow: 1px 1px red;
}
h2 {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 13pt;
    color: darkblue;
    font-weight: bold;
    text-shadow: 1px 1px red;
}

.ortala {
    text-align: center;
    width: 100%;
}

.aSayfa {
    /*border: 1px solid gray;*/
    border-radius: 5px 5px;
    max-width: 1024px;
    margin: 3px auto;
    background-color: white;
}

.aLogo {
    background-color: darkblue;
    /*border: 1px solid gray;*/
    /*border-radius: 15px 15px 0px 0px;*/
    color: aquamarine;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    padding-left: 10px;
    height: 50px;
}
    .aLogo .aLogoMetin {
        display: flex;
        position: relative;
        margin-top: -37px;
        margin-left: 50px;
        font-size: 18px;
    }

.aGiris {
    float: left;
    width: 250px;
    /*height: 300px;*/
    background-color: white;
    /*border: 1px solid gray;*/
    margin: 2px;
    padding: 2px;
}

.aTanitim {
    float: left;
    min-width: 250px;
    max-width: 757px;
    margin: 2px;
}

.aDipnot {
    background-color: aquamarine;
    /*border: 1px solid gray;*/
    /*border-radius: 0px 0px 15px 15px;*/
    color: darkblue;
    padding-left: 10px;
    height: 35px;
    font-family:Verdana;
    font-size: 10pt;
}

.dis {
    position: static;
}

.cihazPanel {
    border: 1px solid darkgray;
    border-radius: 5px 5px;
    /*box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);*/
    display: block;
    background: #E9EBED;
}
    .cihazPanel a {
        text-decoration: none;
    }
    .cihazPanel .cihaz {
        padding-left: 1.125rem;
        height: 5.625rem;
        float: left;
        display: flex;
        justify-content: start;
        align-items: center;
        background: #E9EBED;
        box-shadow: -0.25rem -0.25rem 0.625rem -0.25rem #FFFFFF, 0.25rem 0.25rem 0.375rem #AEAEAE;
        border-radius: 0.625rem;
        position: relative;
        margin-bottom: 0.625rem;
        width: 300px;
        margin: 10px;
    }
        .cihazPanel .cihaz .icon {
            position: absolute;
            left: 10px;
            width: 64px;
            height: 64px;
        }
        .cihazPanel .cihaz .yazi {
            position: absolute;
            left: 85px;
            width: 210px;
        }
        .cihazPanel .cihaz .ledAcik {
            position: absolute;
            right: 10px;
            top: 10px;
            border-radius: 100%;
            height: 1rem;
            width: 1rem;
            background: radial-gradient(50% 50% at 50% 50%, #12fe43 0%, #266f4a 100%);
            box-shadow: 0 0 10px 1px #18d545;
        }
        .cihazPanel .cihaz .ledKapali {
            position: absolute;
            right: 10px;
            top: 10px;
            border-radius: 100%;
            height: 1rem;
            width: 1rem;
            background: radial-gradient(50% 50% at 50% 50%, #ff0303 0%, #b93838 100%);
            box-shadow: 0 0 10px 3px rgba(255, 0, 0, 0.25), inset 0 0 5px 4px rgba(0, 0, 0, 0.25);
        }