﻿body {
    direction: rtl;
    background-color: lightgray;
    color: black;
    font-family: "B Titr";
    text-align: center;
    margin: auto;
    width: 100%;
    /*border: solid black 2px;*/
}
#topMessage {
    /*border: solid grey 2px;
    width: 400px;
    border-radius: 15px;*/
    text-align: center;
    color: cyan;
    font-weight: bold;
    padding: 20px;
    vertical-align: central;
}

.menuBar {
    margin: auto;
    width: 100%;
    display: flex;
    background-color: black;
    color: lightgrey;
    border: groove 2px white;
    border-radius: 10px;
    padding: 5px;
}

.menuRight {
    vertical-align: middle;
    align-items: flex-start;
    margin: auto;
    margin-right:0;
    border: solid 2px green;
    border-radius: 10px;
}

.menuLeft {
    vertical-align: middle;
    align-items: flex-end;
    margin: auto;
    margin-left: 0;
    border: solid 2px green;
    border-radius: 10px;
}

.menuItem {
    display: inline-block;
    margin:5px;
    border-radius: 10px;
    vertical-align: middle;
    border: solid 3px black;
}
    .menuItem:hover {
        border-color: lightgrey;
    }
    .Actice {
        background-color: lightgrey;
        color: black;
        border-color: grey;
        border-style: groove;
    }
.menuIcon, .menuText {
    display: block;
    padding: 5px 10px;
}
.panel {
    border-radius: 10px;
    font-size: larger;
    box-shadow: 5px 10px 8px grey;
    border: groove 4px;
    background-color: #eeeeee;
    margin: 5px;
    /*background-color:wheat;*/
}
    .panel:hover {
        transform: scale(1.05, 1.05);
        /*border: dashed;*/
    }
.panel-heading {
    border-bottom: dashed black 1px;
    color: black;
}

#pageContent {
    /*margin: auto;*/
    display: block;
    min-height: 300px;
    vertical-align: central;
    text-align: center;
    margin: 15px;
}
.servCenter {
    margin: auto;
    /*display: grid;
    grid-template-columns: 250px 250px 250px 250px;*/
    display:ruby;
    width: 1050px;
}

.srvImage {
    background-size: cover;
    border-radius: 0 0 10px 10px;
    width: 230px;
    height: 138px;
    display: block;
    position: relative;
    margin: auto;
    bottom: 0;
}
#pageFooter {
    display: block;
    border-top: 1px solid green;
    margin-top: 5px;
    padding: 5px;
    align-content: center;
    text-align: center;
    /*font-family: "B Nazanin";
    font-size: larger;*/
}