﻿body { padding: 0px; margin: 0px; overflow: auto hidden; direction: rtl; }
    body * { -webkit-tap-highlight-color: rgba(0,0,0,0); }
/*body * { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }*/
@font-face { font-family: IRANSans; font-style: normal; font-weight: normal; src: url('fonts/IRANSansWeb_Bold.eot'); src: url('fonts/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/IRANSansWeb_Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('fonts/IRANSansWeb_Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/IRANSansWeb_Bold.ttf') format('truetype'); }
@font-face { font-family: IRANSans; font-style: normal; font-weight: 500; src: url('fonts/IRANSansWeb_Medium.eot'); src: url('fonts/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/IRANSansWeb_Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('fonts/IRANSansWeb_Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/IRANSansWeb_Medium.ttf') format('truetype'); }
@font-face { font-family: IRANSans; font-style: normal; font-weight: 300; src: url('fonts/IRANSansWeb_Light.eot'); src: url('fonts/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/IRANSansWeb_Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('fonts/IRANSansWeb_Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/IRANSansWeb_Light.ttf') format('truetype'); }
@font-face { font-family: IRANSans; font-style: normal; font-weight: 200; src: url('fonts/IRANSansWeb_UltraLight.eot'); src: url('fonts/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/IRANSansWeb_UltraLight.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('fonts/IRANSansWeb_UltraLight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/IRANSansWeb_UltraLight.ttf') format('truetype'); }
@font-face { font-family: IRANSans; font-style: normal; font-weight: bold; src: url('fonts/IRANSansWeb.eot'); src: url('fonts/IRANSansWeb.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/IRANSansWeb.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('fonts/IRANSansWeb.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/IRANSansWeb.ttf') format('truetype'); }
body, button, input, option, select, textarea { font-family: IRANSans; font-size: 13px; -moz-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; -webkit-transition: all ease-in-out .3s; transition: all ease-in-out .3s; }
/*.input { border-left: 0px; border-top: 0px; border-right: 0px; border-bottom: 1px solid #c6c6c6; background: transparent; width: 98%; transition: all linear 0.1s; margin: 5px 0px; padding: 5px; }
    .input:focus { border-bottom: 2px solid #417fa3; }*/
*, :after, :before { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
body * { }
.box-loading { width: 49px; height: 49px; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
    .box-loading:before { content: ''; width: 49px; height: 5px; background: rgb(0,0,0); opacity: 0.1; position: absolute; top: 58px; left: 0; border-radius: 50%; animation: shadow 0.58s linear infinite; -o-animation: shadow 0.58s linear infinite; -ms-animation: shadow 0.58s linear infinite; -webkit-animation: shadow 0.58s linear infinite; -moz-animation: shadow 0.58s linear infinite; }
    .box-loading:after { content: ''; width: 49px; height: 49px; background: url(/Content/images/loginLogo.png); background-size: cover; position: absolute; top: 0; left: 0; border-radius: 3px; animation: animate 0.58s linear infinite; -o-animation: animate 0.58s linear infinite; -ms-animation: animate 0.58s linear infinite; -webkit-animation: animate 0.58s linear infinite; -moz-animation: animate 0.58s linear infinite; }

@keyframes animate {
    17% { border-bottom-right-radius: 3px; }
    25% { transform: translateY(9px) rotate(22.5deg); }
    50% { transform: translateY(18px) scale(1, 0.9) rotate(45deg); border-bottom-right-radius: 39px; }
    75% { transform: translateY(9px) rotate(67.5deg); }
    100% { transform: translateY(0) rotate(90deg); }
}

@-o-keyframes animate {
    17% { border-bottom-right-radius: 3px; }
    25% { -o-transform: translateY(9px) rotate(22.5deg); }
    50% { -o-transform: translateY(18px) scale(1, 0.9) rotate(45deg); border-bottom-right-radius: 39px; }
    75% { -o-transform: translateY(9px) rotate(67.5deg); }
    100% { -o-transform: translateY(0) rotate(90deg); }
}

@-ms-keyframes animate {
    17% { border-bottom-right-radius: 3px; }
    25% { -ms-transform: translateY(9px) rotate(22.5deg); }
    50% { -ms-transform: translateY(18px) scale(1, 0.9) rotate(45deg); border-bottom-right-radius: 39px; }
    75% { -ms-transform: translateY(9px) rotate(67.5deg); }
    100% { -ms-transform: translateY(0) rotate(90deg); }
}

@-webkit-keyframes animate {
    17% { border-bottom-right-radius: 3px; }
    25% { -webkit-transform: translateY(9px) rotate(22.5deg); }
    50% { -webkit-transform: translateY(18px) scale(1, 0.9) rotate(45deg); border-bottom-right-radius: 39px; }
    75% { -webkit-transform: translateY(9px) rotate(67.5deg); }
    100% { -webkit-transform: translateY(0) rotate(90deg); }
}

@-moz-keyframes animate {
    17% { border-bottom-right-radius: 3px; }
    25% { -moz-transform: translateY(9px) rotate(22.5deg); }
    50% { -moz-transform: translateY(18px) scale(1, 0.9) rotate(45deg); border-bottom-right-radius: 39px; }
    75% { -moz-transform: translateY(9px) rotate(67.5deg); }
    100% { -moz-transform: translateY(0) rotate(90deg); }
}

@keyframes shadow {
    0%, 100% { transform: scale(1, 1); }
    50% { transform: scale(1.2, 1); }
}

@-o-keyframes shadow {
    0%, 100% { -o-transform: scale(1, 1); }
    50% { -o-transform: scale(1.2, 1); }
}

@-ms-keyframes shadow {
    0%, 100% { -ms-transform: scale(1, 1); }
    50% { -ms-transform: scale(1.2, 1); }
}

@-webkit-keyframes shadow {
    0%, 100% { -webkit-transform: scale(1, 1); }
    50% { -webkit-transform: scale(1.2, 1); }
}

@-moz-keyframes shadow {
    0%, 100% { -moz-transform: scale(1, 1); }
    50% { -moz-transform: scale(1.2, 1); }
}

.main-tab { padding-top: 5px; }

@media all and (max-width: 530px) {
    .login .title .caption { width: 100%; }
    .login .content .container { width: 85%; }
    .ribbon { position: relative; }
    .main-tab { padding-top: 0; }
}

.menu-title { }
    .menu-title .image-profile { width: 128px; height: 128px; }
    .menu-title .name { font-size: 18px; }
    .menu-title .buttons { }
        .menu-title .buttons div { width: 24px; height: 24px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; -moz-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s; }
            .menu-title .buttons div:hover { -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); }
.user-panel { cursor: default; }
    .user-panel .user-panel-header { overflow: hidden; background: #19375c; color: #fff; min-height: 40px; position: fixed; left: 0; top: 0; right: 0; width: 100%; z-index: 1; }
        .user-panel .user-panel-header * { -moz-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; -webkit-transition: all ease-in-out .3s; transition: all ease-in-out .3s; vertical-align: middle; }
        .user-panel .user-panel-header .user-panel-header-logo { width: 250px; cursor: pointer; float: right; padding: 5px; }
            .user-panel .user-panel-header .user-panel-header-logo:hover { background: rgba(255, 255, 255, 0.1); }
            /*.user-panel .user-panel-header .user-panel-header-logo * { vertical-align: middle; }*/
            .user-panel .user-panel-header .user-panel-header-logo img { height: 40px; }
            .user-panel .user-panel-header .user-panel-header-logo button { margin-left: 5px; display: none; color: whitesmoke; border: 1px solid whitesmoke; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: transparent; }
        .user-panel .user-panel-header .user-panel-header-user:hover .user-panel-header-dropdown { display: block; }

        .user-panel .user-panel-header .user-panel-header-dropdown { z-index: 123; background: #fff; display: none; position: fixed; -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22) !important; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22) !important; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22) !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 5px 0; color: #19375c; }
            .user-panel .user-panel-header .user-panel-header-dropdown > div { padding: 5px 10px; }
                .user-panel .user-panel-header .user-panel-header-dropdown > div:hover { background: #19375c; color: #fff; }
                .user-panel .user-panel-header .user-panel-header-dropdown > div i { padding: 0 5px; }

        .user-panel .user-panel-header .user-panel-header-buttons { float: left; }
            .user-panel .user-panel-header .user-panel-header-buttons > div { float: left; padding: 5px; }
            .user-panel .user-panel-header .user-panel-header-buttons .user-panel-header-button { padding: 14px; }
            .user-panel .user-panel-header .user-panel-header-buttons > div:hover { background: rgba(255, 255, 255, 0.1); }
            .user-panel .user-panel-header .user-panel-header-buttons .user-panel-header-user { }
                .user-panel .user-panel-header .user-panel-header-buttons .user-panel-header-user img { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; height: 40px; }

    .user-panel .user-panel-content { margin: 50px 250px 0 0; padding: 2px; }
.dp-block { position: fixed; z-index: 0; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; }

@media (max-width: 992px) {
    .user-panel .user-panel-header { position: relative; }
        .user-panel .user-panel-header .user-panel-header-logo button { display: inline-block; }
    .user-panel .user-panel-content { margin: 0; }
}

@media (max-width: 768px) {
    .user-panel .user-panel-header .user-panel-header-logo { width: 100%; }
    .user-panel .user-panel-header .user-panel-header-buttons { width: 100%; }
}

.text-shadow { text-shadow: 1px 2px 3px #a5a5a5; }
.vertical-align-middle { vertical-align: middle; }

.position-absolute { position: absolute; }
.position-absolute-left { left: 0; top: 0; position: absolute; }
.position-absolute-bottom { bottom: 0; left: 0; position: absolute; }
.position-absolute-right { right: 0; top: 0; position: absolute; }

.position-fix { position: fixed; }
.position-fix-bottom { bottom: 0; left: 0; position: fixed; width: 100%; }
.position-fix-top { top: 0; left: 0; position: fixed; width: 100%; }

.fit-to-screen { position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: #fff; }
.content-fit { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.content-center { margin: auto; }
.border-radius { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.input[type=text], .input[type=password], select, textarea, .tag { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: rgba(255, 255, 255, 0.7); width: 100%; padding: 3px 7px; border: 1px solid #a09e9e; margin: 5px 0; }
label { color: #686c71; margin: 0 5px; }
a.btn { text-decoration: none; }
    a.btn:visited, a.btn:link { color: #fff !important; }
.hide { display: none !important; }
.form-input { display: table; position: relative; margin: 5px 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; }
    .form-input [class*=col-] { padding: 0 !important; }
    .form-input.hide { display: none !important; }
    .form-input input, .form-input select, .form-input textarea { padding:10px !important; }
    .form-input.form-input-icon label { padding-right: 35px; }
    .form-input.form-input-icon input, .form-input.form-input-icon select, .form-input.form-input-icon textarea { padding-right: 35px !important; z-index: 1; }
    .form-input > i { position: absolute; font-size: 16px; margin: 5px; color: #acacac; }
    .form-input.form-input-float-label { margin-top: 20px; }
        .form-input.form-input-float-label label:first-child { -webkit-box-sizing: border-box; box-sizing: border-box; pointer-events: none; position: absolute; z-index: 11; -moz-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s; width: 100%; right: -5px; bottom: 0; top: 0px; font-size: 14px; }
    .form-input input:not([class*=col-]), .form-input select:not([class*=col-]), .form-input div[contenteditable] { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: table-cell; margin: 0 !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: rgba(255, 255, 255, 0.7); padding: 3px 7px; border: 1px solid #a09e9e; width: 100%; }
    .form-input.form-input-float-label input { border-top-width: 0 !important; border-left-width: 0 !important; border-right-width: 0 !important; border-bottom: 2px solid #a09e9e; background: transparent !important; border-radius: 0 !important; }
    .form-input div[contenteditable] { display: block; }
    .form-input span { display: table-cell; }
    .form-input > .form-input-buttons { display: table-cell; vertical-align: bottom; padding-bottom: 7px; }
        /*.form-input > .form-input-buttons a { text-decoration: none;}*/
        .form-input > .form-input-buttons a i { font-size: 14px; }
    .form-input.focus label:first-child { color: #3968bd; }
    .form-input.focus.form-input-float-label label:first-child { top: -20px; }
    .form-input.focus input[type=text], .form-input.focus input[type=password], .form-input.focus select, .form-input.focus textarea, .form-input.focus div[contenteditable] { border-color: #3968bd; }

    .form-input.has-success input, .input[type=text].has-success, .input[type=password].has-success { border-color: #1f7728; }
    .form-input.has-success label, .form-input.has-success > i { color: #1f7728; }

    .form-input.has-error input, .input[type=text].has-error, .input[type=password].has-error { border-color: #cf2828; }
    .form-input.has-error label, .form-input.has-error > i { color: #cf2828; }

    .form-input.has-warning input, .input[type=text].has-warning, .input[type=password].has-warning { border-color: #bf7830; }
    .form-input.has-warning label, .form-input.has-warning > i { color: #bf7830; }

    .form-input.has-info input, .input[type=text].has-info, .input[type=password].has-info { border-color: #29a4bb; }
    .form-input.has-info label, .form-input.has-info > i { color: #29a4bb; }

    .form-input.has-white input, .input[type=text].has-white, .input[type=password].has-white { border-color: #fff; color: #fff; }
    .form-input.has-white label, .form-input.has-white i { color: #fff; }
    .form-input.form-input-border { border: 1px solid #eee; margin: 0 !important; }
        .form-input.form-input-border input { border: 0 !important; }
.pull-right { float: right; }
.pull-left { float: left; }
.image-circle { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.image-size-128 { width: 128px !important; height: 128px !important; min-height: 128px; min-width: 128px; }
.image-size-64 { width: 64px !important; height: 64px !important; }
.btn-toolbar { }
    .btn-toolbar .btn { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; padding: 0 5px !important; }
        .btn-toolbar .btn:not(:last-child):not(:first-child) { margin-left: -2px !important; margin-right: -2px !important; }
        .btn-toolbar .btn:last-child { margin-right: -3px !important; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
        .btn-toolbar .btn:first-child { margin-left: -2px !important; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }

.btn { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 5px 10px; margin: 10px 0; border: 0px; background: #aeaeae; border: 1px solid #aeaeae; border-bottom-width: 3px; -moz-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; -webkit-transition: all ease-in-out .3s; transition: all ease-in-out .3s; }
    .btn i { margin: 0 5px; }
    .btn.btn-circle { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
    .btn.btn-xs { margin: 0 !important; padding: 1px; }
    .btn.btn-block { display: block; width: 100%; }
    .btn:focus, .btn:hover { background: #8e8c8c; }
    .btn.outline { background: #fff !important; }
    .btn.blue { background: #1484e6; color: #fff; border-color: #146cba; }
        .btn.blue:active { background: #E69700; border-color: #c88400; }
        .btn.blue.outline { color: #3974b0 !important; }
    .btn.green { background: rgba(67, 163, 58, 0.8); color: #fff; border-color: rgba(67, 163, 58, 0.8); }
        .btn.green:active { background: #398132; }
        .btn.green.outline { color: #43a33a !important; }
    .btn.paleGreen { background: #98FB98; color: #fff; border-color: #43a33a; }
        .btn.paleGreen:active { background: #8feb8f; }
        .btn.paleGreen.outline { color: #98FB98 !important; }
    .btn.red { background: #942e2e; color: #fff; border-color: #942e2e; }
        .btn.red:active { background: #6d2626; }
        .btn.red.outline { color: #942e2e !important; }
    .btn.yellow { background: #E8A119; color: #fff; border-color: #c58f26; }
        .btn.yellow:active { background: #d7961a; }
        .btn.yellow.outline { color: #c58f26 !important; }
    .btn[disabled] { background: rgba(104, 108, 113, 0.68) !important; color: #fff !important; border-color: rgba(104, 108, 113, 0.8) !important; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; }
    .btn.btn-transparent { background: transparent; border-color: #fff; }

.overflow-hidden { overflow: hidden; }
/*.row { margin: 35px 5px; }*/
.section { overflow: hidden; }
    .section .title { border-bottom: 2px solid #eee; padding: 4px; color: #aa2a2a; margin-bottom: 10px; }
    .section .section { padding: 0 10px; }
.font-white, .font-white * { color: #fff !important; }
.font-red, .font-red * { color: #b43030 !important; }
.font-silver, .font-silver * { color: #e5e5e5 !important; }
.font-black, .font-black * { color: rgb(0,0,0) !important; }
.font-yellow, .font-yellow * { color: #E8A119 !important; }
.font-green, .font-green * { color: #43a33a !important; }
.font-blue, .font-blue * { color: #1484e6 !important; }
.font-gray, .font-gray * { color: #a09e9e !important; }

.background-white { background: #fff !important; }
.background-red { background: #d02e2e !important; }
.background-silver { background: #e5e5e5 !important; }
.background-black { background: rgb(0,0,0) !important; }
.background-yellow { background: #E8A119 !important; }
.background-green { background: #43a33a !important; }
.background-blue { background: #1484e6 !important; }

.border-color-white { border-color: #fff !important; }
.border-color-red { border-color: #b43030 !important; }
.border-color-silver { border-color: #e5e5e5 !important; }
.border-color-black { border-color: #000 !important; }
.border-color-yellow { border-color: #c58f26 !important; }
.border-color-green { border-color: #43a33a !important; }
.border-color-blue { border-color: #3974b0 !important; }

hr { border: 1px solid #e5e5e5 !important; background: #e5e5e5 !important; }

.font-size-10, .font-size-10 * { font-size: 10px !important; }
.font-size-12, .font-size-12 * { font-size: 12px !important; }
.font-size-14, .font-size-14 * { font-size: 14px !important; }
.font-size-16, .font-size-16 * { font-size: 16px !important; }
.font-size-18, .font-size-18 * { font-size: 18px !important; }
.font-size-20, .font-size-20 * { font-size: 20px; }
.font-size-22, .font-size-22 * { font-size: 22px; }
.font-size-24, .font-size-24 * { font-size: 24px; }
.font-size-26, .font-size-26 * { font-size: 26px; }
.font-size-28, .font-size-28 * { font-size: 28px; }
.font-size-30, .font-size-30 * { font-size: 30px; }
.font-size-32, .font-size-32 * { font-size: 32px; }

.text-align-left { text-align: left; }
.text-align-right { text-align: right; }
.text-align-center { text-align: center; }
.margin-bottom-2 { margin-bottom: 2px; }
.margin-bottom-4 { margin-bottom: 4px; }
.margin-bottom-6 { margin-bottom: 6px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-top-2 { margin-top: 2px; }
.margin-top-4 { margin-top: 4px; }
.margin-top-6 { margin-top: 6px; }
.margin-top-10 { margin-top: 10px; }
.margin-left-2 { margin-left: 2px; }
.margin-left-4 { margin-left: 4px; }
.margin-left-6 { margin-left: 6px; }
.margin-left-8 { margin-left: 8px; }
.margin-left-10 { margin-left: 10px; }
.margin-right-2 { margin-right: 2px; }
.margin-right-4 { margin-right: 4px; }
.margin-right-6 { margin-right: 6px; }
.margin-right-8 { margin-right: 8px; }
.margin-right-10 { margin-right: 10px; }

.margin-2 { margin: 2px; }
.margin-4 { margin: 4px; }
.margin-8 { margin: 8px; }
.margin-16 { margin: 16px; }
.margin-24 { margin: 24px; }
.margin-32 { margin: 32px; }

.padding-top-2 { padding-top: 10px; }
.padding-top-5 { padding-top: 10px; }
.padding-top-10 { padding-top: 10px; }
.padding-top-20 { padding-top: 20px; }

.padding-2 { padding: 2px; }
.padding-4 { padding: 4px; }
.padding-6 { padding: 6px; }
.padding-8 { padding: 8px; }
.padding-10 { padding: 10px; }
.padding-14 { padding: 14px; }
.padding-18 { padding: 18px; }
.padding-20 { padding: 20px; }
.panel { display: block; box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2); position: relative; margin: 3px; overflow: hidden; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding: 3px 7px; border: 1px solid transparent; border-bottom-width: 2px; }
    .panel .panel-title { padding: 3px 7px; font-size: 14px; margin: -5px -10px 0 -10px; color: #6095cb; border-bottom: 1px solid #eee; }
    .panel:after, .panel:before { display: table; content: " "; }
    .panel .icon { height: 80px; width: 80px; display: block; float: left; padding-top: 10px; padding-left: 15px; margin-bottom: 15px; font-size: 35px; line-height: 35px; }

    .panel.white { background: #fff; }
        .panel.white .panel-title { background: #eee; }
        .panel.white.panel-outline { border-color: #eee; }
    .panel.red { background: #e7505a; }
        .panel.red:not(.panel-outline) * { color: #fff !important; }
        .panel.red.panel-outline { border-color: #e7505a; background: #fff; }
            .panel.red.panel-outline .panel-title { background: #e7505a; color: #fff; }

    .panel.yellow { background: #c5a242; }
        .panel.yellow:not(.panel-outline) * { color: #fff !important; }
        .panel.yellow.panel-outline { border-color: #c5a242; background: #fff; }
            .panel.yellow.panel-outline .panel-title { background: #c5a242; color: #fff; }

    .panel.green { background: #37874a; color: #fff; }
        .panel.green:not(.panel-outline) * { color: #fff !important; }
        .panel.green.panel-outline { border-color: #37874a; background: #fff; }
            .panel.green.panel-outline .panel-title { background: #37874a; color: #fff; }

    .panel.paleGreen { background: #98FB98; color: #fff; }
        .panel.paleGreen:not(.panel-outline) * { color: #fff !important; }
        .panel.paleGreen.panel-outline { border-color: #98FB98; background: #fff; }
            .panel.paleGreen.panel-outline .panel-title { background: #98FB98; color: #fff; }

    .panel.blue { background: #1484e6; color: #fff; }
        .panel.blue:not(.panel-outline) * { color: #fff !important; }
        .panel.blue.panel-outline { border-color: #1484e6; background: #fff; }
            .panel.blue.panel-outline .panel-title { background: #1484e6; color: #fff; }

    .panel.gray { background: #808080; color: #fff; }
        .panel.gray:not(.panel-outline) * { color: #fff !important; }
        .panel.gray.panel-outline { border-color: #808080; background: #fff; }
            .panel.gray.panel-outline .panel-title { background: #808080; color: #fff; }

    .panel.bluedark { background: #19375c; color: #fff; }
        .panel.bluedark:not(.panel-outline) * { color: #fff !important; }
        .panel.bluedark.panel-outline { border-color: #19375c; background: #fff; }
            .panel.bluedark.panel-outline .panel-title { background: #19375c; color: #fff; }

    .panel .details { position: absolute; right: 15px; padding-right: 15px; color: #fff; }
        .panel .details .number { padding-top: 25px; text-align: right; font-size: 34px; line-height: 36px; letter-spacing: -1px; margin-bottom: 0px; font-weight: 300; }
        .panel .details .title { text-align: right; font-size: 16px; letter-spacing: 0; font-weight: 300; }
    .panel .items { margin-top: 95px; padding: 5px; border-top: 1px solid rgba(255, 255, 255, 0.50); }
    .panel.other { min-height: 40px; color: #000; padding: 5px; border: 1px solid #eee; }
    .panel .panel-footer { border-top: rgba(0, 0, 0, 0.37); }

.date { text-align: center; direction: ltr; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 5px; padding-right: 5px; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: right; }
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }
.col-xs-pull-12 { left: 100%; }
.col-xs-pull-11 { left: 91.66666667%; }
.col-xs-pull-10 { left: 83.33333333%; }
.col-xs-pull-9 { left: 75%; }
.col-xs-pull-8 { left: 66.66666667%; }
.col-xs-pull-7 { left: 58.33333333%; }
.col-xs-pull-6 { left: 50%; }
.col-xs-pull-5 { left: 41.66666667%; }
.col-xs-pull-4 { left: 33.33333333%; }
.col-xs-pull-3 { left: 25%; }
.col-xs-pull-2 { left: 16.66666667%; }
.col-xs-pull-1 { left: 8.33333333%; }
.col-xs-pull-0 { left: auto; }
.col-xs-push-12 { right: 100%; }
.col-xs-push-11 { right: 91.66666667%; }
.col-xs-push-10 { right: 83.33333333%; }
.col-xs-push-9 { right: 75%; }
.col-xs-push-8 { right: 66.66666667%; }
.col-xs-push-7 { right: 58.33333333%; }
.col-xs-push-6 { right: 50%; }
.col-xs-push-5 { right: 41.66666667%; }
.col-xs-push-4 { right: 33.33333333%; }
.col-xs-push-3 { right: 25%; }
.col-xs-push-2 { right: 16.66666667%; }
.col-xs-push-1 { right: 8.33333333%; }
.col-xs-push-0 { right: auto; }
.col-xs-offset-12 { margin-right: 100%; }
.col-xs-offset-11 { margin-right: 91.66666667%; }
.col-xs-offset-10 { margin-right: 83.33333333%; }
.col-xs-offset-9 { margin-right: 75%; }
.col-xs-offset-8 { margin-right: 66.66666667%; }
.col-xs-offset-7 { margin-right: 58.33333333%; }
.col-xs-offset-6 { margin-right: 50%; }
.col-xs-offset-5 { margin-right: 41.66666667%; }
.col-xs-offset-4 { margin-right: 33.33333333%; }
.col-xs-offset-3 { margin-right: 25%; }
.col-xs-offset-2 { margin-right: 16.66666667%; }
.col-xs-offset-1 { margin-right: 8.33333333%; }
.col-xs-offset-0 { margin-right: 0; }

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: right; }
    .col-sm-12 { width: 100%; }
    .col-sm-11 { width: 91.66666667%; }
    .col-sm-10 { width: 83.33333333%; }
    .col-sm-9 { width: 75%; }
    .col-sm-8 { width: 66.66666667%; }
    .col-sm-7 { width: 58.33333333%; }
    .col-sm-6 { width: 50%; }
    .col-sm-5 { width: 41.66666667%; }
    .col-sm-4 { width: 33.33333333%; }
    .col-sm-3 { width: 25%; }
    .col-sm-2 { width: 16.66666667%; }
    .col-sm-1 { width: 8.33333333%; }
    .col-sm-pull-12 { left: 100%; }
    .col-sm-pull-11 { left: 91.66666667%; }
    .col-sm-pull-10 { left: 83.33333333%; }
    .col-sm-pull-9 { left: 75%; }
    .col-sm-pull-8 { left: 66.66666667%; }
    .col-sm-pull-7 { left: 58.33333333%; }
    .col-sm-pull-6 { left: 50%; }
    .col-sm-pull-5 { left: 41.66666667%; }
    .col-sm-pull-4 { left: 33.33333333%; }
    .col-sm-pull-3 { left: 25%; }
    .col-sm-pull-2 { left: 16.66666667%; }
    .col-sm-pull-1 { left: 8.33333333%; }
    .col-sm-pull-0 { left: auto; }
    .col-sm-push-12 { right: 100%; }
    .col-sm-push-11 { right: 91.66666667%; }
    .col-sm-push-10 { right: 83.33333333%; }
    .col-sm-push-9 { right: 75%; }
    .col-sm-push-8 { right: 66.66666667%; }
    .col-sm-push-7 { right: 58.33333333%; }
    .col-sm-push-6 { right: 50%; }
    .col-sm-push-5 { right: 41.66666667%; }
    .col-sm-push-4 { right: 33.33333333%; }
    .col-sm-push-3 { right: 25%; }
    .col-sm-push-2 { right: 16.66666667%; }
    .col-sm-push-1 { right: 8.33333333%; }
    .col-sm-push-0 { right: auto; }
    .col-sm-offset-12 { margin-right: 100%; }
    .col-sm-offset-11 { margin-right: 91.66666667%; }
    .col-sm-offset-10 { margin-right: 83.33333333%; }
    .col-sm-offset-9 { margin-right: 75%; }
    .col-sm-offset-8 { margin-right: 66.66666667%; }
    .col-sm-offset-7 { margin-right: 58.33333333%; }
    .col-sm-offset-6 { margin-right: 50%; }
    .col-sm-offset-5 { margin-right: 41.66666667%; }
    .col-sm-offset-4 { margin-right: 33.33333333%; }
    .col-sm-offset-3 { margin-right: 25%; }
    .col-sm-offset-2 { margin-right: 16.66666667%; }
    .col-sm-offset-1 { margin-right: 8.33333333%; }
    .col-sm-offset-0 { margin-right: 0; }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: right; }
    [dir=ltr] .col-md-1, [dir=ltr] .col-md-2, [dir=ltr] .col-md-3, [dir=ltr] .col-md-4, [dir=ltr] .col-md-5, [dir=ltr] .col-md-6, [dir=ltr] .col-md-7, [dir=ltr] .col-md-8, [dir=ltr] .col-md-9, [dir=ltr] .col-md-10, [dir=ltr] .col-md-11, [dir=ltr] .col-md-12 { float: left; }
    .col-md-12 { width: 100%; }
    .col-md-11 { width: 91.66666667%; }
    .col-md-10 { width: 83.33333333%; }
    .col-md-9 { width: 75%; }
    .col-md-8 { width: 66.66666667%; }
    .col-md-7 { width: 58.33333333%; }
    .col-md-6 { width: 50%; }
    .col-md-5 { width: 41.66666667%; }
    .col-md-4 { width: 33.33333333%; }
    .col-md-3 { width: 25%; }
    .col-md-2 { width: 16.66666667%; }
    .col-md-1 { width: 8.33333333%; }
    .col-md-pull-12 { left: 100%; }
    .col-md-pull-11 { left: 91.66666667%; }
    .col-md-pull-10 { left: 83.33333333%; }
    .col-md-pull-9 { left: 75%; }
    .col-md-pull-8 { left: 66.66666667%; }
    .col-md-pull-7 { left: 58.33333333%; }
    .col-md-pull-6 { left: 50%; }
    .col-md-pull-5 { left: 41.66666667%; }
    .col-md-pull-4 { left: 33.33333333%; }
    .col-md-pull-3 { left: 25%; }
    .col-md-pull-2 { left: 16.66666667%; }
    .col-md-pull-1 { left: 8.33333333%; }
    .col-md-pull-0 { left: auto; }
    .col-md-push-12 { right: 100%; }
    .col-md-push-11 { right: 91.66666667%; }
    .col-md-push-10 { right: 83.33333333%; }
    .col-md-push-9 { right: 75%; }
    .col-md-push-8 { right: 66.66666667%; }
    .col-md-push-7 { right: 58.33333333%; }
    .col-md-push-6 { right: 50%; }
    .col-md-push-5 { right: 41.66666667%; }
    .col-md-push-4 { right: 33.33333333%; }
    .col-md-push-3 { right: 25%; }
    .col-md-push-2 { right: 16.66666667%; }
    .col-md-push-1 { right: 8.33333333%; }
    .col-md-push-0 { right: auto; }
    .col-md-offset-12 { margin-right: 100%; }
    .col-md-offset-11 { margin-right: 91.66666667%; }
    .col-md-offset-10 { margin-right: 83.33333333%; }
    .col-md-offset-9 { margin-right: 75%; }
    .col-md-offset-8 { margin-right: 66.66666667%; }
    .col-md-offset-7 { margin-right: 58.33333333%; }
    .col-md-offset-6 { margin-right: 50%; }
    .col-md-offset-5 { margin-right: 41.66666667%; }
    .col-md-offset-4 { margin-right: 33.33333333%; }
    .col-md-offset-3 { margin-right: 25%; }
    .col-md-offset-2 { margin-right: 16.66666667%; }
    .col-md-offset-1 { margin-right: 8.33333333%; }
    .col-md-offset-0 { margin-right: 0; }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: right; }
    .col-lg-12 { width: 100%; }
    .col-lg-11 { width: 91.66666667%; }
    .col-lg-10 { width: 83.33333333%; }
    .col-lg-9 { width: 75%; }
    .col-lg-8 { width: 66.66666667%; }
    .col-lg-7 { width: 58.33333333%; }
    .col-lg-6 { width: 50%; }
    .col-lg-5 { width: 41.66666667%; }
    .col-lg-4 { width: 33.33333333%; }
    .col-lg-3 { width: 25%; }
    .col-lg-2 { width: 16.66666667%; }
    .col-lg-1 { width: 8.33333333%; }
    .col-lg-pull-12 { left: 100%; }
    .col-lg-pull-11 { left: 91.66666667%; }
    .col-lg-pull-10 { left: 83.33333333%; }
    .col-lg-pull-9 { left: 75%; }
    .col-lg-pull-8 { left: 66.66666667%; }
    .col-lg-pull-7 { left: 58.33333333%; }
    .col-lg-pull-6 { left: 50%; }
    .col-lg-pull-5 { left: 41.66666667%; }
    .col-lg-pull-4 { left: 33.33333333%; }
    .col-lg-pull-3 { left: 25%; }
    .col-lg-pull-2 { left: 16.66666667%; }
    .col-lg-pull-1 { left: 8.33333333%; }
    .col-lg-pull-0 { left: auto; }
    .col-lg-push-12 { right: 100%; }
    .col-lg-push-11 { right: 91.66666667%; }
    .col-lg-push-10 { right: 83.33333333%; }
    .col-lg-push-9 { right: 75%; }
    .col-lg-push-8 { right: 66.66666667%; }
    .col-lg-push-7 { right: 58.33333333%; }
    .col-lg-push-6 { right: 50%; }
    .col-lg-push-5 { right: 41.66666667%; }
    .col-lg-push-4 { right: 33.33333333%; }
    .col-lg-push-3 { right: 25%; }
    .col-lg-push-2 { right: 16.66666667%; }
    .col-lg-push-1 { right: 8.33333333%; }
    .col-lg-push-0 { right: auto; }
    .col-lg-offset-12 { margin-right: 100%; }
    .col-lg-offset-11 { margin-right: 91.66666667%; }
    .col-lg-offset-10 { margin-right: 83.33333333%; }
    .col-lg-offset-9 { margin-right: 75%; }
    .col-lg-offset-8 { margin-right: 66.66666667%; }
    .col-lg-offset-7 { margin-right: 58.33333333%; }
    .col-lg-offset-6 { margin-right: 50%; }
    .col-lg-offset-5 { margin-right: 41.66666667%; }
    .col-lg-offset-4 { margin-right: 33.33333333%; }
    .col-lg-offset-3 { margin-right: 25%; }
    .col-lg-offset-2 { margin-right: 16.66666667%; }
    .col-lg-offset-1 { margin-right: 8.33333333%; }
    .col-lg-offset-0 { margin-right: 0; }
}

/*. form-control.select2-container { width: 100%; }
.form-control .select2-choice { border: 1px solid #e5e5e5; background-color: #fff; background-image: none; filter: none; height: 34px; padding: 3px 0 0px 12px; }
.select2-container.select2-drop-above .select2-choice { border-bottom-color: #e5e5e5; background-color: #fff; background-image: none; filter: none; }
.select2-drop { border: 1px solid #e5e5e5; background-color: #fff; background-image: none; -webkit-box-shadow: none; box-shadow: none; filter: none; border-top: 0; }
.select2-drop-auto-width { border-top: 1px solid #e5e5e5; }
.select2-drop.select2-drop-above { border-top: 1px solid #e5e5e5; -webkit-box-shadow: none; box-shadow: none; }
.select2-drop-active { border: 1px solid #999; border-top: 0; }
.select2-container .select2-choice .select2-arrow { background-image: none; background-color: #fff; filter: none; border-left: 1px solid #e5e5e5; }
.select2-container.select2-container-active .select2-arrow,
.select2-container.select2-dropdown-open .select2-arrow { border-left: 0 !important; }
.select2-container .select2-choice .select2-arrow b { background-position: 0 1px; }
.select2-search input { border: 1px solid #e5e5e5; background-color: #fff !important; filter: none; margin: 0; outline: 0; border: 1px solid #e5e5e5; webkit-appearance: none !important; color: #333333; outline: 0; box-shadow: none; height: auto !important; min-height: 26px; padding: 6px 6px !important; line-height: 20px; font-size: 14px; font-weight: normal; vertical-align: top; background-color: #ffffff; -webkit-box-shadow: none; box-shadow: none; margin-top: 5px; }
.form-control.select2-container { border: 0; height: auto !important; padding: 0px; }
.select2-container-active .select2-choice,
.select2-container-active .select2-choices { border: 1px solid #999 !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
.select2-dropdown-open .select2-choice { border-bottom: 0 !important; background-image: none; background-color: #fff; filter: none; -webkit-box-shadow: none !important; box-shadow: none !important; }
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices { border: 1px solid #999 !important; border-top: 0 !important; background-image: none; background-color: #fff; filter: none; -webkit-box-shadow: none !important; box-shadow: none !important; }
.select2-drop.select2-drop-above.select2-drop-active { border: 1px solid #999 !important; border-bottom: 0 !important; }
.select2-dropdown-open .select2-choice .select2-arrow b { background-position: -18px 1px; }
.select2-results { margin: 5px 0; }
    .select2-results .select2-highlighted { background: #eee; color: #333; }
    .select2-results li em { background: #feffde; font-style: normal; }
    .select2-results .select2-highlighted em { background: transparent; }
    .select2-results .select2-highlighted ul { background: #fff; color: #000; }
    .select2-results .select2-no-results,
    .select2-results .select2-searching,
    .select2-results .select2-selection-limit { padding: 3px 7px 4px; background: #f4f4f4; display: list-item; }

.select2-container-multi { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
    .select2-container-multi .select2-choices { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
    .select2-container-multi.select2-dropdown-open { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
        .select2-container-multi.select2-dropdown-open .select2-choices { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
        .select2-container-multi.select2-dropdown-open.select2-drop-above { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }
            .select2-container-multi.select2-dropdown-open.select2-drop-above .select2-choices { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }

    .select2-container-multi .select2-choices { padding-left: 6px; min-height: 34px; border: 1px solid #e5e5e5; background-image: none; background-color: #fff; filter: none; -webkit-box-shadow: none !important; box-shadow: none !important; }
    .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #999 !important; background-image: none; background-color: #fff; filter: none; -webkit-box-shadow: none !important; box-shadow: none !important; }
    .select2-container-multi .select2-choices .select2-search-choice { padding: 3px 5px 3px 18px; margin: 5px 0 3px 5px; border: 1px solid #e5e5e5; background-image: none; background-color: #e4e4e4; filter: none; -webkit-box-shadow: none !important; box-shadow: none !important; float: right; }
        .select2-container-multi .select2-choices .select2-search-choice div { margin-right: 10px; }
    .select2-container-multi .select2-choices .select2-search-field { float: right; /*change by hamid
}
.form-control.select2-container-multi { border: 1px solid #e5e5e5; }
*/
.linear-loading { width: 30px; height: 30px; position: absolute; background-color: #ccc; border-radius: 50%; }
    .linear-loading:nth-child(1) { background-color: #3b3b3b; animation: move 2s infinite cubic-bezier(.2,.64,.81,.23); }
    .linear-loading:nth-child(2) { background-color: #5f5f5f; animation: move 2s 150ms infinite cubic-bezier(.2,.64,.81,.23); }
    .linear-loading:nth-child(3) { background-color: #868686; animation: move 2s 300ms infinite cubic-bezier(.2,.64,.81,.23); }
    .linear-loading:nth-child(4) { background-color: #d8d8d8; animation: move 2s 450ms infinite cubic-bezier(.2,.64,.81,.23); }


@keyframes move {
    0% { left: 0%; }
    100% { left: 100%; }
}
