@import url("bootstrap.min.css");
@import url("bootstrap-theme.min.css");
@import url("glyphicons.css");
@import url("form.css");
@import url("fontiran.css");

body {
    direction: rtl;
    font-family: 'iranyekan';
    background: #f2f2f2;
    padding-top: 90px;
}
a, a:hover, a:active{ text-decoration:none;}

/* Border Radius ------------------*/
    .whiteBg
    {-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}

    .btnNewRequest a
    {-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;}

    .serviceRow .item span
    {-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}



/*------------------ Transition ------------------*/
    .serviceRow .item span
    {
      -webkit-transition: 0.4s all linear;
      -moz-transition: 0.4s all linear;
      -o-transition: 0.4s all linear;
      transition: 0.4s all linear;
    }
    a
    {
      -webkit-transition: 0.2s all linear;
      -moz-transition: 0.2s all linear;
      -o-transition: 0.2s all linear;
      transition: 0.2s all linear;
    }








.panel, .whiteBg, .member-login
{ background:#fff;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 3px rgba(0,0,0,0.1);
box-shadow: 0 0 3px rgba(0,0,0,0.1);
}


.inPage_Content{ margin-top:20px;}
.Home p, .Home h3, .Home h4{ margin:0;}
.carousel-caption{ display:none;}

body.Home{
    display:flex;
    flex-direction:column;
    min-height:100vh;
}
    body.Home .body-content {
        flex: 2;
        display: flex;
        justify-content: center;
        align-items: center;
    }
/*------------------ Menu ------------------*/
.body-content .dashboard-menu {
    border-left: 1px solid #dddddd;
    background: #f4f4f4;
    width: 220px;
    vertical-align: top;
}
.body-content .dashboard-menu .logo{width:220px;height:90px;background:url('../img/logo.png') no-repeat center center;}

.user-box {border-bottom: 1px solid #CCC;}
.user-box .user-label {border-top: 1px solid #CCC;background:#EEE;color:#666;padding: 7px 10px;position: relative;text-decoration:none;display:block;cursor:pointer;}
.user-box .user-label:hover {background:#BEF5BE;text-decoration:none;}
.user-box .user-label:hover .caret {}
.user-box .user-label .caret{position:absolute;left:10px;top:15px;}
.user-box .changepass {border-bottom: 1px solid #CCC;}
.body-content .dashboard-content {vertical-align:top;position:relative;}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle {border-top-right-radius: 0;border-bottom-right-radius: 0;border-top-left-radius: 4px;border-bottom-left-radius:4px;}
.input-group-addon:last-child {border-left: 1px solid #ccc;border-right: none;}

.noselect {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.table th {text-align:right;}
.modal-footer {text-align:left;}

.loading{position:absolute;padding:0px;left:0px;top:0px;width:100%;height:100%;background:url('../img/square-loader-green.gif') center center no-repeat rgba(255, 255, 255, 0.60);opacity:0.8;color:rgba(255, 255, 255, 0.60);text-align:center;font-size:0px;z-index:1;}
.loading span {display:none;}

.RequestDetails .form-table .form-td-label{width:140px;border-right:1px solid #CCC;}
.RequestDetails .form-table td {border-bottom:1px solid #CCC;border-top:1px solid #CCC;}
.RequestDetails .form-table td.form-td-box {border-left:1px solid #CCC;}
.RequestDetails .form-table .title {border-bottom:none !important;border-right:none !important;}
.RequestDetails .form-table .button-holder {border:none;border-right:none;border-left:none !important;border-top:none;}
.RequestDetails .changed-field {background:#ffd800;}

.Request .multi-box-holder .select-box{width:100px;max-width: 100px;min-width: 100px;}
.Request .form-td-label {}
.Request .form-td-box {width:210px;}
.Request .multi-text-box {direction:ltr;text-align:right;}
.Request .multi-text-box input {margin: 0 2px;text-align:center;width: 90px;display: initial;}
.Request .input-group-addon {padding: 3px 12px;}
.Request .form-td-box .control-label{border:1px solid #CCC;display:block;background:#EEE;padding:5px 0px;}

.ForwardPRQ .multi-box-holder h4{display: none;}
.ForwardPRQ .input-group-addon {padding: 3px 12px;}

.stare {color:#F00;font-size:0px;width:16px;height:16px;}
.stare::before {position: relative;top: 1px;display: inline-block;font-family: 'Glyphicons Regular' !important;font-style: normal;font-weight: normal;line-height: 1;vertical-align: top;speak: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\E050";font-size:10px;}

.Home .login-form .form-table td.title {padding:0px !important;}
.Home .login-form .form-table td.form-td-label{padding: 5px 5px;white-space:nowrap;}
.Home .login-form .form-table td.form-td-box{padding: 10px 25px !important;}
.Home .login-form .form-table td{width:auto;}
.Home .login-form .label {white-space: nowrap;}
.Home .login-form .form-table .title .label{border: 1px solid #CCC;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);box-shadow: 0 1px 2px rgba(0,0,0,0.3);font-size: 14px;padding: 8px;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);background-color: #999;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;color: #FFF;text-align: center;}
.Home .login-form .form-table .button-holder{padding: 10px 20px !important;margin: 0px;}
.Home .login-form .form-table .button-holder button {margin:0px 3px;}
.Home .login-form .form-table .title span{text-align:center; border:0; line-height:35px; border-bottom:1px solid #eaeaea; font-size:16px;}

header.header{ height:90px; background:#fff; border:none; display:flex; border-bottom:3px solid #2ecc71; position:fixed; top:0; width:100%; z-index:999; justify-content: space-between;

-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.15);
-moz-box-shadow: 0 3px 5px rgba(0,0,0,0.15);
box-shadow: 0 3px 5px rgba(0,0,0,0.15);

}
header.header .logo{ width:240px; height:90px; background:url('../img/logo.png') no-repeat center;}

.Home .menu-top .menu-item{ margin:0; padding:0; list-style:none; float:right; cursor:pointer; background: none;text-align: center; border-right: 1px solid #ddd;}
.Home .menu-top .menu-item a { white-space:nowrap; display:block; padding:0 25px; z-index:9 !important; cursor:pointer; position:relative; outline:none; text-align:center; line-height:87px; text-decoration:none; color:#4b585e;}
.Home .menu-top .menu-item a:hover { background:#ddd; }
.Home .menu-top .menu-item-selected a, .Home .menu-top .menu-item-selected a:hover{ background:#2ecc71; cursor:default; color:#fff;}
.Home .menu-top .menu-item-last {
    background-color: #eabb22 !important;
}
.Home .promotion { height:500px; position:relative; overflow:hidden; direction:ltr;}
.Home .promotion .slides {position:relative;height:500px;width:100%;}
.Home .promotion .slide {position:absolute;height:500px;width:100%;}
.Home .promotion .slide .slide-image { height:500px; width:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.Home .promotion .slide .slide-text {display: none;width:300px;position:absolute;left:50%;margin-left:-500px;top:120px;}
.Home .promotion .slide .slide-text h4 {font-size: 20px;margin-bottom: 15px;font-weight: bold;}
.Home .promotion .slide .slide-text p {color: #666;font-size: 16px;padding: 10px;padding-right:0px;line-height: 22px;text-align: right;}
.Home .promotion .slide1 .slide-image{background-image:url('../img/promotions/slide01.jpg');}
.Home .promotion .slide2 .slide-image{background-image:url('../img/promotions/slide02.jpg');}
.Home .promotion .slide3 .slide-image{background-image:url('../img/promotions/promotion2.jpg');}
.Home .promotion .slide1 .slide-text h4 {color: #0082ff;}
.Home .promotion .slide2 .slide-text h4 {color: #0082ff;}
.Home .promotion .slide3 .slide-text h4 {color: #0082ff;}
.Home .promotion .promotion-footer {border-top: 1px solid rgba(0,0,0,.1);border-top: 1px solid #CCC;height:29px;width:100%;bottom:0px;position:absolute;background:rgba(255, 255, 255, 0.30);}
.Home .promotion .promotion-footer .promotion-footer-line {border-top: 1px solid rgba(255,255,255,.3);}
.Home .promotion .promotion-footer .slide-thumbs {position: absolute;bottom: 7px;left:50%;margin-left:-450px;}
.Home .promotion .promotion-footer .slide-thumbs .selected {margin-top:-10px;cursor:default;}
.Home .promotion .slide-thumbs .slide-thumb {box-shadow: 0 1px 6px rgba(0, 0, 0, .70);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .6);border: 3px solid rgba(255, 255, 255, .6);border: 3px solid #EEE\9;float:left;font-size: 0px;height: 30px;margin: 3px 5px;outline: 0 none;padding: 0;position: relative;text-decoration: none;width: 45px;z-index: 899;cursor: pointer;overflow: visible;text-indent: 0px;}
.Home .promotion .promotion-footer .slide-thumbs .slide1-thumb {background:url('../img/promotions/slide01.jpg') center center;}
.Home .promotion .promotion-footer .slide-thumbs .slide2-thumb {background:url('../img/promotions/slide02.jpg') center center;}
.Home .promotion .promotion-footer .slide-thumbs .slide3-thumb {background:url('../img/promotions/promotion2.jpg') center center;}
.Home .promotion .carousel-inner{ height:500px;}



.Home .member-login { width:350px; margin:30px auto;}
.Home .member-login .form-td-box input.text-box {}
.Home .member-login .form-td-box { }
.Home .member-login .button-holder { }
.Home .header-holder {height:130px;}
.Home .footer-holder {height:60px;}
.error-input{background:#FFDEDD;}


.serviceRow{ text-align:center; padding:60px 0;}
.serviceRow h3{ padding-bottom:30px; font-size:20px; color:#757575;}
.serviceRow .itemBox{ display:flex; max-width:990px; margin:0 auto;}
.serviceRow .item{ width:33.33%; padding:15px 30px;}
.serviceRow .item p{ font-weight:100; font-size:12px; color:#222;}
.serviceRow .item h4{ margin-bottom:10px;}
.serviceRow .item span{ display:block; width:82px; height:82px; margin:0 auto 10px auto; line-height:76px; font-size:32px; border:1px solid #2ecc71; color:#2ecc71; background-image:url(../img/homeIcon.png)}
.serviceRow .item .ico01{ background-position:0 0;}
.serviceRow .item .ico02{ background-position:-80px 0;}
.serviceRow .item .ico03{ background-position:-160px 0;}

.serviceRow .item:hover span{ background-color:#fff;
    -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.2);
    box-shadow: 0 3px 10px rgba(0,0,0,0.2);
}

.btnNewRequest{ padding:40px 0 10px 0;}
.btnNewRequest a{ display:inline-block; padding:15px 60px; border:1px solid #2ecc71; color:#2ecc71; font-weight:bold;}
.btnNewRequest a:hover{ color:#fff; background:#2ecc71;}


.home-links{ background:#fff; padding:40px 0;}

.NewRequest .form-td-label{ text-align:left;}
.form-table .title .control-label{ text-align:right;}


.infoRow{ text-align:center; padding:60px 20%; background:#fff;}
.infoRow h2{ margin-bottom:15px; color:#2ecc71; font-size:2em;}


/*------------------ Footer ------------------*/
.site_footer {
    padding: 20px 0;
    background-color: #373337;
    color: #9b999b;
    width: 100%;
}
.site_footer .powerd{ 
    text-align:left;
}


/*----------------- Sidr Responsive -----------------*/
a.openMMEnu{ float:right;line-height:85px; padding:0 30px 0 20px; color:#2b303d; position:relative; font-weight:bold; display:none;}
a.openMMEnu:after{ content:"\E517"; right:10px; top:0; font-size:15px; font-weight:normal; font-family:'Glyphicons Regular' !important; position:absolute; font-style: normal; -webkit-font-smoothing: antialiased; font-weight:400;}

.sidr-open a.openMMEnu:after{ content:"\E198";}

@media only screen and (max-width:768px) {

	.sidr {display: block; position: fixed; top: 0; height: 100%; z-index: 999999; padding:10px;
	  width:220px; overflow-x: hidden; overflow-y: auto; background: #333; color: #fff; box-shadow: 0 0 5px 5px #222 inset;
	}
	.sidr .sidr-inner { padding: 0 0 15px;}
	.sidr .sidr-inner > p { margin-left: 15px; margin-right: 15px;}
	.sidr.right { left: auto; right: -220px;}
	.sidr.left { left: -220px; right: auto;}

    a.openMMEnu{ display:block;}


    .Home .menu-top .menu-item{ border-right:0; float:none; border-bottom:1px solid #6f6f6f;}
    .Home .menu-top .menu-item a{ line-height:40px; color:#a9a9a9;}
    .Home .menu-top .menu-item a:hover{ color:#000;}

    .Home .menu-top .menu-item-selected a, .Home .menu-top .menu-item-selected a:hover{ color:#fff;}


}




/*----------------- Responsive -----------------*/

@media only screen and (max-width:767px) {

    .site_footer .powerd{ text-align:center; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #423e42; }
    .site_footer .copy{ text-align:center;}
    .site_footer .verNum{ text-align:center;}

    table.form-table tr{ display:flex; flex-wrap:wrap;}
    table.form-table tr td{ }
    table.form-table tr td.form-td-label{ width:30% !important;}
    table.form-table tr td.form-td-box{ width:70%;}
    table.form-table tr td.title{ width:100% !important;}

    table.form-table tr td.title{ width:100% !important;}
    table.form-table .button-holder{ width:100% !important; text-align:center;}


    .calendar-body table tr{ display:inherit !important; flex-wrap:inherit !important;}
    .calendar-body table tr td{ padding:4px 6px !important;}
    
}

@media only screen and (max-width:425px) {

    .serviceRow .itemBox{flex-direction: column;}
    .serviceRow .item{ width:100%;}

}

.multi-text-box {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
}

    .multi-text-box span {
        padding: 0 5px;
        font-size: 15px;
    }

    .multi-text-box input {
        width: unset;
        text-align: center;
    }

.track-request-panel {
    padding: 20px;
    background: #EEE;
    border: 1px solid #CCC;
    width: 960px;
    margin: 0 auto;
}

    .track-request-panel .panel-header-tab {
        font-size: 14px;
        /*margin-bottom: 10px;*/
        background: #3b3; /*CC3030*/
        padding: 15px 10px 5px 0px;
        color: #FFF;
        -webkit-border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-topright: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        height: 38px;
        position: relative;
    }

        .track-request-panel .panel-header-tab span {
            padding: 2px 20px;
            font-weight: bold;
            cursor: pointer;
        }

        .track-request-panel .panel-header-tab .panel-button-selected {
            background: #EEE;
            color: #000;
            cursor: default;
            border: 1px solid #CCC;
            border-bottom: 1px solid #EEE;
            -webkit-border-top-left-radius: 4px;
            -webkit-border-top-right-radius: 4px;
            -moz-border-radius-topleft: 4px;
            -moz-border-radius-topright: 4px;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
        }

    .track-request-panel .panel-header {
        /*font-size: 14px;
    padding: 8px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    background-color: #0090FF;
    border: 1px solid #0060CC;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #FFF;*/
        font-weight: bold;
        padding: 10px;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
        background-color: #F9F9F9;
        border: 2px solid #00CC60;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        color: #333;
    }

    .track-request-panel .panel-body {
    }

        .track-request-panel .panel-body .form-table {
            width: 100%;
        }

            .track-request-panel .panel-body .form-table td {
                padding: 4px 0px;
                color: #333;
            }

            .track-request-panel .panel-body .form-table .title .label {
                font-weight: bold;
                padding: 10px;
                text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
                background-color: #F9F9F9;
                border: 2px solid #6ec26e;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                color: #333;
            }

            .track-request-panel .panel-body .form-table .form-td-box .label {
                max-width: 270px;
                white-space: normal;
                /*overflow-x: hidden;
    overflow-y: visible;*/
            }

            .track-request-panel .panel-body .form-table .buttons-holder {
                text-align: left;
                padding-left: 10px;
            }

.track-head {
    background: #0e9af7;
    color: #FFF;
    padding: 5px;
    width: 100%;
}

    .track-head td {
        white-space: nowrap;
    }

.payments-table {
    border: 1px solid #CCC;
    margin-bottom: 10px;
}

    .payments-table th {
        background: #CCC;
        color: #333;
        font-weight: bold;
        padding: 5px;
    }

    .payments-table td, .payments-table th {
        text-align: center;
    }

    .payments-table td {
        padding: 5px;
        border-bottom: 1px solid #CCC;
    }

.DisapprovalRequest .button-holder {
    text-align: center;
}

.picture-file-holder .picture-show {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 150px;
    height: 150px;
}

.eng-box {
    border: 1px solid #CCC;
    padding: 2px;
    display: inline-block;
    margin: 5px;
}

    .eng-box img {
        margin-bottom: 4px;
        width: 150px;
        height: 150px;
    }

    .eng-box p {
        padding: 3px;
    }

        .eng-box p:last-child {
            border-top: 1px solid #CCC;
        }

.track-request-exit {
    position: absolute;
    left: 3px;
    top: 2px;
}

.menu-item-bold {
    background-color: #db1c49 !important;
}

.menu-item-bold>a {
    color: white !important;
}
    .menu-item-bold > a:hover {
        color: #4b585e !important;
    }

.queueManagement {
    background-color: #2ecc71;
    padding: 15px;
    color: #ffffff;
    margin-bottom: 70px;
}