/*!
Copyright (c) 2014 Daniel Eden
*/
@font-face {
    font-family: "BYekan";
    font-style: normal;
    font-weight: normal;
    src: local("☺"), url("../fonts/BYekan.woff") format("woff"), url("../fonts/BYekan.ttf") format("truetype"), url("../fonts/BYekan.svg") format("svg");
}
body {
    background-color: #f7f8f9;
    border-top: 3px solid #e26148;
    color: #545454;
    direction: rtl;
    font-family: BYekan,tahoma;
    padding-top: 30px;
}
h1, h2, h3, h4, h5, h6 {
    color: #666;
    font-family: BYekan,tahoma;
    font-weight: 200;
}
.well {
    background-color: #fefefe;
    border-radius: 3px;
    box-shadow: 0 0 3px #fff;
}
.primary-color {
    color: #5496dc;
}
dd {
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 10px;
}
.alert-white {
    background-color: #fefefe;
    border: 1px solid #e3e3e3;
}
[id*="customfield"] {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
#stateselect {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    vertical-align: middle;
    width: 100%;
}
.titleline {
    margin-bottom: 15px;
}
.pagination {
    margin: 10px 0;
}
#tabs {
    margin-bottom: 10px;
}
.item-title {
    color: #000;
}
.subhide, .subhidden {
    display: none;
}
.recordslimit {
    margin: 10px 0;
}
label, dt {
    font-weight: 400;
}
.label.pending {
    background-color: #f89406;
}
.label.active {
    background-color: #46a546;
}
.label.suspended {
    background-color: #0768b8;
}
.label.terminated {
    background-color: #c43c35;
}
.label.cancelled {
    background-color: #bfbfbf;
}
.label.expired {
    background-color: #888;
}
.label.fraud {
    background-color: #000;
}
.label.unpaid {
    background-color: #c00;
}
.label.paid {
    background-color: #779500;
}
.label.refunded {
    background-color: #248;
}
.label.collections {
    background-color: #d3c403;
}
.badge-important {
    background-color: #d9534f;
}
.badge-success {
    background-color: #5cb85c;
}
.badge-warning {
    background-color: #f0ad4e;
}
.badge-circle {
    border-radius: 12px;
    padding: 6px 9px;
}
.badge-circle-sm {
    background-color: #535967 !important;
    border-radius: 12px;
    padding: 6px;
}
.label.pendingtransfer {
    background-color: #f0ad4e;
}
#twitterfeed ul {
    list-style-type: none;
    margin: 15px 0 20px;
    padding: 0;
}
#twitterfeed li {
    background-image: url("../../../images/twittericon.png");
    background-position: 0 center;
    background-repeat: no-repeat;
    margin: 0 20px 10px;
    padding-left: 25px;
}
#twitterfeed p {
    margin: 15px;
    text-align: center;
}
.tweetbutton {
    float: right;
    margin: 0 0 20px 30px;
}
body.popupwindow {
    background-color: #efefef;
    margin: 0;
    padding: 15px;
}
body.popupwindow .popupcontainer {
    background-color: #fff;
    border: 1px solid #ccc;
    height: 250px;
    margin: 15px;
    overflow: auto;
    padding: 15px;
}
table.ticketrating {
    border: 0 none;
    border-collapse: separate;
    border-radius: 0;
    border-spacing: 1px;
    box-sizing: border-box;
    display: table;
    font-size: 11px;
    margin-bottom: 0;
    margin-top: 0;
    text-indent: 0;
    width: auto;
}
table.ticketrating td {
    border: 0 none;
    display: table-cell;
    line-height: 16px;
    min-width: 16px;
    padding: 0;
    text-align: inherit;
    vertical-align: inherit;
}
table.ticketrating td.point {
}
table.ticketrating td.star {
    background: url("../../../images/rating_neg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
div.chat div.visitor div.name, div.chat div.operator div.name {
    font-weight: 700;
}
div.chat div.visitor div.message, div.chat div.operator div.message {
    padding: 0 25px;
}
div#twofaactivation {
    background-color: #fff;
    border: 4px solid #efefef;
    border-radius: 10px;
    margin: 50px auto;
    min-height: 250px;
    padding: 20px;
    text-align: center;
    width: 75%;
}
div#twofaactivation .errorbox {
    background-color: #ff4f4f;
    border-radius: 5px;
    color: #fff;
    margin: 0 0 20px;
    padding: 10px 20px;
    text-align: center;
    text-shadow: none;
}
div.twofabackupcode p {
    font-size: 24px;
    line-height: 24px;
    margin: 0;
}
div#twofaactivation p, div.twofabackupcode {
    margin: 15px 0;
}
.clientarea-normal {
    margin-top: 15px;
    text-align: center;
}
.clientarea-normal.rounded .clientarea-button {
    margin-left: 10px;
    margin-right: 10px;
}
.clientarea-normal.rounded .clientarea-button a {
    border-radius: 50%;
    padding: 16px;
}
.clientarea-normal .clientarea-button {
    display: inline-block;
    margin-bottom: 15px;
    position: relative;
    text-align: center;
}
.clientarea-normal .clientarea-button a {
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    box-shadow: 0 0 3px #fff;
    color: #626262;
    display: block;
    min-width: 156px;
    padding: 10px 0;
    white-space: nowrap;
}
.clientarea-normal .badge, .clientarea-normal .label {
    box-shadow: none;
    display: block;
    padding: 3px 5px;
    position: absolute;
    right: 20px;
    top: 3px;
}
.clientarea-normal .clientarea-button a:hover {
    cursor: pointer;
    text-decoration: none;
}
.clientarea-normal .clientarea-button a:active {
    box-shadow: none;
}
.clientarea-normal .clientarea-button a > span {
    color: #535967 !important;
    display: block;
    font-size: 30px;
    font-weight: 300;
    padding-top: 4px;
}
.clientarea-normal .clientarea-button a > i {
    color: gray;
    font-size: 32px;
}
.clientarea-normal .clientarea-button.default a {
    border: 1px solid #d9d9d9;
    box-shadow: 0 1px 2px 0 #f8f8f8 inset;
}
.clientarea-normal .clientarea-button.default a:hover {
    opacity: 0.95;
}
.clientarea-normal .clientarea-order a {
    background-color: #e26148;
}
.clientarea-normal .clientarea-kb a {
    background-color: #f2bb49;
}
.clientarea-normal .clientarea-status a {
    background-color: #a9b0bb;
}
.clientarea-normal .clientarea-order a > span, .clientarea-normal .clientarea-order h4, .clientarea-normal .clientarea-kb a > span, .clientarea-normal .clientarea-kb h4, .clientarea-normal .clientarea-status a > span, .clientarea-normal .clientarea-status h4 {
    color: #fff !important;
}
#pwstrengthbox {
    background-color: #fff;
    color: #9a9a9a;
    display: inline-block;
    font-weight: 400;
    margin-top: 7px;
    padding: 5px 15px;
    text-align: center;
    width: 100%;
}
#pwstrengthbox.strong {
    background-color: #dff0d8;
    color: #468847;
    font-weight: 400;
}
#pwstrengthbox.moderate {
    background-color: #fcf8e3;
    color: #c09853;
    font-weight: 400;
}
#pwstrengthbox.weak {
    background-color: #f2dede;
    color: #b94a48;
    font-weight: 400;
}
@media not all {
#pwstrengthbox {
    display: block;
    margin: 10px auto 0;
}
}
.navbar {
    background: none repeat scroll 0 0 #535967 !important;
    border-color: #fff -moz-use-text-color !important;
    border-radius: 3px;
    border-style: solid none !important;
    border-width: 1px 0 !important;
    filter: none !important;
    margin: 0 0 15px;
}
.navbar .nav > li > a {
    border-left: 1px solid #61697a;
    color: #fff !important;
    text-shadow: none !important;
    transition: background 1s ease 0s;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    background-color: transparent;
    color: #fff;
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
}
ul.nav.flattern-nav > li > a:hover {
    background-color: #61697a;
    text-decoration: none;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #61697a;
    border-color: #61697a;
}
.navbar-default .navbar-brand {
    color: #fff;
}
.navbar-brand {
    font-size: 16px;
    line-height: 18px;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-bottom-color: #fff;
    border-top-color: #fff;
}
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-bottom-color: #ddd;
    border-top-color: #ddd;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #61697a;
    color: #fff;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #61697a;
    color: #555;
}
.flattern-nav > li {
    float: left !important;
    height: 48px;
    line-height: 48px;
    padding: 0;
    position: relative;
}
.navbar .navbar-header {
    direction: ltr;
    margin: 0 !important;
}
.flattern-nav {
    height: 100%;
    margin: 0 !important;
}
.dropdown-menu.dropdown-close.pull-right {
    left: -5px;
}
.flattern-nav > li a {
    display: block;
    height: 100%;
    line-height: inherit;
    margin: 0 !important;
    min-width: 50px;
    padding: 0 8px;
    text-align: center;
    width: auto;
}
.dropdown-navbar {
    padding: 0;
    width: 240px;
}
.dropdown-navbar > li {
    background-color: #fff;
    padding: 0 8px;
}
.dropdown-navbar > li > a {
    border-bottom: 1px solid;
    color: #555;
    font-size: 12px;
    line-height: 22px;
    margin: 0;
    padding: 10px 2px;
}
.user-menu > li > a {
    padding: 4px 12px;
}
.dropdown-navbar > li.dropdown-header {
    border-bottom: 1px solid;
    font-size: 13px;
    font-weight: 700;
    line-height: 34px;
    padding-bottom: 0;
    padding-top: 0;
    text-shadow: none;
    text-transform: none;
}
.dropdown-navbar.navbar-status > li.dropdown-header {
    background-color: #fcf8e3;
    border-bottom-color: #e0cca9;
    color: #c09853;
}
.dropdown-navbar.navbar-status > li > a {
    border-bottom-color: #fcf8e3;
}
.dropdown-navbar.navbar-status > li:hover {
    background-color: #fcf8e3;
}
.dropdown-menu > li > a:hover {
    background-color: #fcf8e3;
    color: #333;
}
@media not all {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #999;
}
}
.table {
    background-color: #fefefe;
}
.cell-inner-list {
    list-style-type: none;
    margin: 5px 0;
    padding: 0;
}
.form-inline .form-group {
    margin-left: 0;
    margin-right: 0;
}
.inputs-list {
    list-style-type: none;
}
table th a {
    color: #666;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
table .headerSortasc {
    background-image: url("../img/sortasc.png");
    background-position: left center;
    background-repeat: no-repeat;
}
table .headerSortdesc {
    background-image: url("../img/sortdesc.png");
    background-position: left center;
    background-repeat: no-repeat;
}
.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    border-top: 1px solid #e8e8e8;
}
.pricing {
    padding: 10px 15px;
}
.pricing .plan.first {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
.pricing .plan.last {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.pricing .plan.popular {
    border-radius: 5px;
}
.pricing .plan.popular .header {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
    margin-bottom: 20px;
}
.pricing .plan.popular .header h2 {
    color: #fff;
}
.pricing .col-sm-3, .pricing .col-md-3 {
    padding-left: 0;
    padding-right: 0;
}
.pricing .col-sm-4, .pricing .col-md-4 {
    padding-left: 0;
    padding-right: 0;
}
.pricing .plan.last .header {
    border-top-right-radius: 5px;
}
.pricing .plan.first .header {
    border-top-left-radius: 5px;
}
.plan {
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px;
    box-shadow: 0 2px 2px #aaa;
    margin: 20px 0;
    min-height: 90px;
    padding-bottom: 25px;
    text-align: center;
}
.plan .header {
    background: none repeat scroll 0 0 #eee;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #999;
    padding: 12px 15px;
}
.plan .header h1, .plan .header h2, .plan .header h3 {
    font-weight: 200;
    margin: 0;
    padding: 0;
}
.plan .price {
    border-top: 1px dashed #ddd;
    margin: 0 auto 30px;
    width: 90%;
}
.plan .price h3 {
    font-size: 60px;
    line-height: 1;
    vertical-align: top;
}
.plan .price h3 span {
    display: inline-block;
    font-size: 40px;
    margin: 6px 0 0 -7px;
    position: relative;
    vertical-align: top;
}
.plan .price h4 {
    color: #aaa;
    font-size: 14px;
}
.plan .btn {
    padding: 15px 30px;
}
.plan ul {
    list-style-type: none;
    margin-top: 2px;
    padding: 20px;
}
.plan ul li {
    line-height: 22px;
    margin-bottom: 15px;
}
.plan ul li a {
    color: #e6e9ed;
    text-decoration: underline;
}
.plan ul li:last-child {
    border-bottom: medium none;
}
.plan.popular {
    border-radius: 5px;
    box-shadow: 0 0 15px #aaa;
    margin-top: 6px;
    position: relative;
    z-index: 99;
}
.plan.popular .header {
    background: none repeat scroll 0 0 #3a84b5;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
}
.plan.popular .btn {
    margin-bottom: 10px;
}
.pricing .plan, .pricing .plan .header {
    border-radius: 0;
}
.btn-file {
    overflow: hidden;
    position: relative;
}
.btn-file input[type="file"] {
    background: none repeat scroll 0 0 red;
    cursor: inherit;
    display: block;
    font-size: 999px;
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}
input[readonly] {
    background-color: #fff !important;
    cursor: text !important;
}
.menu-avatar {
    border-radius: 3px;
    height: 30px;
    margin-right: 10px;
    width: 30px;
}
.navbar-nav > li > a.dropdown-avatar {
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative;
}
input[type="submit"], input[type="button"] {
    font-family: FontAwesome,BYekan,tahoma;
}
.percentage {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    vertical-align: top;
}
.easyPieChart, .easy-pie-chart {
    position: relative;
    text-align: center;
}
.easyPieChart canvas, .easy-pie-chart canvas {
    left: 0;
    position: absolute;
    top: 0;
}
.infobox-small {
    height: 52px;
    text-align: left;
}
.infobox-small > .infobox-progress {
    display: inline-block;
    height: 52px;
    line-height: 48px;
    max-width: 50px;
    vertical-align: middle;
    width: 50px;
}
.infobox-small > .infobox-data {
    display: inline-block;
    font-size: 11px;
    max-width: 115px;
    min-width: 0;
    text-align: left;
    vertical-align: middle;
}
.modal-header {
    margin-bottom: 15px;
}
@media (min-width: 768px) {
.modal-content {
    padding: 15px;
}
.modal-sm {
    width: 438px;
}
}
footer {
    background: none repeat scroll 0 0 #414042;
    color: #fff;
    font-family: BYekan,tahoma;
    font-size: 12px;
    padding: 20px;
}

/* share URL: http://www.20script.ir */