@font-face {
    font-family: "BYekan";
    src: url(../../fonts/Yekan.eot);
    src: url(../../fonts/Yekan.eot?#iefix) format("embedded-opentype"), url(../../fonts/Yekan.woff) format("woff"), url(../../fonts/Yekan.ttf) format("truetype"), url(../../fonts/Yekan.svg#BYekan) format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'weblogmayekan';
    src: url('../../fonts/Weblogma_Yekan.eot');
    src: url('../../fonts/Weblogma_Yekan.eot#iefix') format('embedded-opentype'),
         url('../../fonts/Weblogma_Yekan.woff') format('woff'),
         url('../../fonts/Weblogma_Yekan.ttf') format('truetype'),
         url('../../fonts/Weblogma_Yekan.svg#CartoGothicStdBook') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
    color: white;
    font-family: "BYekan";
    background-color: #23527c;
}

.page-header {
    margin-top: 0;
    padding-bottom: 0;
}

h1, .h1 {
    font-size: 30px;
}

.container {
    direction: rtl;
}

.nav {
    padding-right: 0;
}

.navmenu {
    direction: rtl;
}



.navmenu-default .navmenu-nav.dropdown-menu, .navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu {
    background:none;
}
.navmenu-default, .navbar-default .navbar-offcanvas {
    background-color: #34495e;
    overflow:hidden;
}

    .navmenu-default .navmenu-brand, .navbar-default .navbar-offcanvas .navmenu-brand {
        color: white;
    }

    .navmenu-default .navmenu-nav > li > a, .navbar-default .navbar-offcanvas .navmenu-nav > li > a {
        color: white;
        transition-duration: 0.5s;
    }

        .navmenu-default .navmenu-nav > li > a:hover, .navbar-default .navbar-offcanvas .navmenu-nav > li > a:hover, .navmenu-default .navmenu-nav > li > a:focus, .navbar-default .navbar-offcanvas .navmenu-nav > li > a:focus {
            background-color: white;
            color: #555;
            transition-duration: 0.5s;
            /*margin-right: -40px;
            padding-right: 40px;*/
        }

    .navmenu-default .navmenu-nav > .active > a, .navbar-default .navbar-offcanvas .navmenu-nav > .active > a, .navmenu-default .navmenu-nav > .active > a:hover, .navbar-default .navbar-offcanvas .navmenu-nav > .active > a:hover, .navmenu-default .navmenu-nav > .active > a:focus, .navbar-default .navbar-offcanvas .navmenu-nav > .active > a:focus {
        background-color: white;
        color: #555;
        transition-duration: 0.5s;
        /*margin-right: -40px;
        padding-right: 40px;*/
    }

    #SidebarMenu .dropdown .dropdown-menu{
    background-color:#344d5e;
}

.lead {
    font-size: 18px;
}

.dropdown-menu {
    font-size: 14px;
    text-align: right;
    list-style: none;
    direction: rtl;
    background-color: transparent;
}

label {
    font-weight: normal;
}

.panel {
    color: black;
}

    .panel label {
        color: gray;
        font-weight: normal;
    }

@-webkit-keyframes btn {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px);
    }

    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px);
    }

    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.btn {
    box-shadow: 0 0 1px transparent;
    display: inline-block;
    position: relative;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.3s;
    vertical-align: middle;
    width: 105px;
}

    .btn:after {
        content: "";
        font-family: FontAwesome;
        left: 1em;
        padding-bottom: 0;
        padding-left: 1px;
        padding-right: 1px;
        padding-top: 0;
        position: absolute;
        transform: translateZ(0px);
    }

    .btn:hover:after, .btn:focus:after, .btn:active:after {
        -webkit-animation-name: hvr-icon-wobble-horizontal;
        animation-name: hvr-icon-wobble-horizontal;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

.modal h5 {
    color: gray;
    direction: rtl;
    padding-right: 25px;
}

.modal-body {
    direction: rtl;
}

.modal label {
    color: gray;
    direction: rtl;
    font-weight: normal;
}

.alert a {
    margin-bottom: -6px;
    margin-left: 20px;
}

.alert-info {
    font-size: 10px;
}

    .alert-info hr {
        margin-top: 0;
        margin-bottom: 0;
    }

.form-control {
    padding-bottom: 2px;
    padding-top: 2px;
}

thead tr th {
    direction: rtl;
    text-align: center;
}

#btnExit
{
    float:left;
    width:75px;
    height:40px;
    background-color:transparent;
    color:white;
    transition-duration:0.5s;
    text-decoration:none;
    text-align:center;
    padding-top:7px;
}

#btnExit:hover
{
    float:left;
    width:75px;
    height:40px;
    color:black;
    background-color:white;
    transition-duration:0.5s;
}

#btnSettings
{
    float:left;
    width:75px;
    height:40px;
    background-color:transparent;
    color:white;
    transition-duration:0.5s;
    text-decoration:none;
    text-align:center;
    padding-top:7px;
}

#btnSettings:hover
{
    float:left;
    width:75px;
    height:40px;
    color:black;
    background-color:white;
    transition-duration:0.5s;
}

.divider
{
    width:1px;
    height:30px;
    background-color:white;
    float:left;
    opacity:0.2;
    border-radius:50px;
    border:1px solid white;
    margin-top:5px;
    margin-bottom:5px;
}

.dividerHorizantal{
    width:90%;
    height:1px;
    background-color:white;
    opacity:0.2;
    margin-right:10px;
}

.navmenu-brand
{
    font-weight:bold;
    font-size:18px;
}

.dropdown ul{
    width:100%;
} 

.dropdown ul li a{
    color:white;
    margin-right:20px;
}

.btn-dl {
    margin-top: 25px;
    width: 200px !important;
}
.ToLeft {
    margin-left:25px;
    float: left;
}
.smallFont {
    font-size: smaller;
}