@font-face {
    font-family: 'nasim';
    src: url('fonts/nasim.eot?#') format('eot'), /* IE6–8 */
    url('fonts/nasim.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/nasim.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: "yekan";
    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;
}

.search-bar {
    background-color: #EBEBEB;
}

body, html {
    height: 100%;
}

.overflow {
    overflow: hidden;
}

.slider {
    overflow-y: hidden;
    max-height: 800px; /* approximate max height */
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

    .slider.closed {
        max-height: 0;
    }

.header {
    height: 46px;
    background-color: #337AB7;
    position: relative;
    top: 0px;
    z-index: 999;
}

#Label10 {
    color: #FFF;
    margin-top: 11px;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
}

.ex {
    margin-top: 6px;
}

    .ex:before {
        margin-left: 5px;
    }


.my-popover, .popover-content {
    position: relative;
    z-index: 10;
    background-color: white;
}

body {
   
    font-family: yekan !important;
    font-size: 14px;
}

/*.popover {
    right: 104px !important;
    top: 0 !important;
    left: inherit !important;
    margin: 127px auto !important;
}*/

.my-popover {
    border-radius: 0px;
    background-color: #FFF;
    z-index: 100;
}

.main-body {
    background-color: rgb(152, 194, 218);
}

.box-master {
    width: 100%;
    display: inline-block;
}

.form-control {
    padding: 0px 12px !important;
}

.SameTable {
    overflow-x: auto;
    display: block;
}

.time-box div {
    padding: 5px 0px !important;
    margin: 0 !important;
}

.time-box {
    padding-top: 5px;
    display: table;
}

.input-time {
    overflow: hidden;
}

    .input-time div {
        width: 100%;
        display: flex;
    }

    .input-time .form-control {
        padding: 0 !important;
        text-align: center !important;
    }

    .input-time span {
        width: 34px;
        float: right;
        margin: 0px 10px;
    }

.alert-danger {
    display: block;
}

.hr-line {
    margin-top: 0px;
    margin-bottom: 5px;
    border: 0;
    border-top: 2px solid #505D69;
    margin: 10px 15px;
}

.button-style {
    max-width: 200px;
    margin: 0 auto;
    padding: 0;
}

.extra-padding, .extra-paddincondactor {
    padding-top: 26px;
}

    .extra-paddincondactor .button-style {
        margin: 0 !important;
    }

.box-age .form-group div {
    width: 100%;
}

.date-line {
    display: none;
}

.icon-panel {
    text-align: left;
    padding: 0;
    margin: 0;
}

    .icon-panel span {
        margin-left: 4px;
    }

.glyphIcon-extra {
    font-size: x-large;
    padding-top: 8px;
}

.menu-bar {
    background-color: #337AB7;
    padding: 6px 4px 10px;
}

    .menu-bar div {
        color: #fff;
        font-size: 14px;
        font-weight: bold;
    }

.container-panel {
    background-color: #fff;
    padding-right: 20px;
    padding-top: 15px;
}

.other-buttons {
    text-align: left;
}

.update-btn {
    margin-bottom: 10px;
}

    .update-btn .pull-left, .update-btn .pull-right {
        width: 200px;
    }

.time-box .alert {
    margin-bottom: 0px !important;
}

@media (max-width:990px) and (min-width:768px) {
    .other-buttons input[type=image] {
        margin-top: 10px;
    }

    .extra-padding {
        padding-top: 0px;
    }
}


@media (max-width: 768px) {
    .button-editor .button-style {
        margin-bottom: 10px;
    }

    .extra-paddincondactor .button-style {
        margin: 0 auto !important;
    }

    .date-line {
        display: block;
        padding: 0 !important;
        margin: 10px 0px !important;
    }

    .input-time {
        overflow: inherit !important;
    }

    .other-buttons div {
        width: 100% !important;
        margin-bottom: 10px;
        padding: 0 30px;
    }

    .other-buttons {
        text-align: right;
    }

    .SameTable {
        overflow-x: auto;
        display: block;
        min-height: 300px;
        overflow-y: auto;
        height: 300px;
    }

    .extra-padding, .extra-paddincondactor {
        padding-top: 0px;
    }

    .update-btn .pull-right, .update-btn .pull-left {
        float: none !important;
    }

    .update-btn .pull-right {
        margin-top: 10px;
    }


}
@media (max-width:1400px) {
    .popover {
        right: 0px !important;
        top: 0 !important;
        left: 0 !important;
        margin: 173px auto !important;
    }
}