/* ===========================================
Font
=========================================== */
@import url("./font/cocon.css");
@import url("./font/IRANSans.css");

/* ===========================================
Common
=========================================== */
.main-nav a {
    border-radius: 0 !important;
}

*,
input,
select {
    font-family: "IRAN Sans", Tahoma, Arial;
    font-size: 12px;
   
}

h1,
h2,
h3,
h4,
h5,
.lead,
legend {
    font-family: cocon, Tahoma, Arial;
}

strong {
    font-family: cocon, Tahoma, Arial;
}

input[type=submit],
button,
.btn {
    font-family: cocon, Tahoma, Arial;
}

body {
    padding-top: 10px;
}

a {
    text-decoration: none !important;
}

.container-narrow {
    margin: 0 auto;
    max-width: 950px;
}

.content {
    background-color: #fff;
    padding: 10px 15px;
}

.content dt, .content dd {
    line-height: 190%;
}

.content h3 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-top: 0;
}

.content h3 span {
    font-size: 12px;
    font-weight: normal;
}

.content h3 a {
    color: #000;
    text-decoration: none;
}

.content .bmi {
    font-size: 16px;
}

.content .bmi span {
    color: #0072C6;
}

.content .other-medical-infos {
    padding-top: 30px;
}

.sidebar-box {
    background-color: #e9e9e9;
    margin-bottom: 10px;
    padding: 7px 14px;
}

.sidebar-box:last-child {
    margin-bottom: 0px;
}

.profile-box {
    background-color: #3e91bd;
    color: #fff;
    margin-bottom: 10px;
    padding: 7px 24px;
}

.profile-box a {
    color: #fff;
    display: block;
    padding: 3px 5px;
}

.profile-box ul li i {
    margin-top: 5px;
    margin-left: 3px;
}

.profile-box a:hover {
    text-decoration: none;
    background-color: #2d6a8b;
}

.content-bg {
    background-color: #f3f2f2;
    padding-top: 20px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
}

.logo {
    padding-bottom: 10px;
}

.footer {
    padding: 30px 0;
    padding-bottom: 0;
    font-size: 13px;
}

.footer a {
    color: #444;
}

.footer a:hover {
    color: #000;
}

.person-name {
    padding-top: 20px;
}

.view-persons {
    display: none;
}

.sidebar-nav .name p {
    padding-top: 9px;
    padding-bottom: 9px;
}

.sidebar-nav .item {
    clear: both;
    font-size: 12px;
}

.sidebar-nav .item:hover {
    background-color: #cdcdcd;
}

.sidebar-nav .image {
    position: relative;
    float: left;
    margin: 4px 0;
    margin-left: 6px;
}

.sidebar-nav .name {
    position: relative;
    text-align: left;
}

.sidebar-nav p {
    margin: 0;
    padding: 0;
}

.sidebar-nav a {
    color: #222;
}

.sidebar-nav a:hover {
    color: #222;
    text-decoration: none;
}

.sidebar-nav li div.image {
    /*background: url(../img/flat-icons.png);*/
    background: url('../img/main-menu.png');
    background-repeat: no-repeat;
    background-position: left top;
    height: 30px;
    display: inline-block;
    width: 38px;
}

.sidebar-nav li div.doctor-img {
    /*background: url(../img/flat-icons.png);*/
    background: url('../img/main-menu-doctor.png');
    background-repeat: no-repeat;
    background-position: left top;
    height: 30px;
    display: inline-block;
    width: 38px;
}

li.menuIcon0 > div {
    font-weight: bold;
    background-color: #CDCDCD;
}

li.menuIcon0 > div > div.image {
    background-position: 0 6px;
}

li.menuIcon1 > a > div > div.image {
    background-position: 0 -38px;
}

li.menuIcon2 > a > div > div.image {
    background-position: 0 -116px;
}

li.menuIcon3 > a > div > div.image {
    background-position: 0 -154px;
}

li.menuIcon4 > a > div > div.image {
    background-position: 0 -194px;
}

li.menuIcon5 > a > div > div.image {
    background-position: 0 -231px;
}

li.menuIcon6 > a > div > div.image {
    background-position: 0 -270px;
}

li.menuIcon7 > a > div > div.image {
    background-position: 0 -270px;
}

li.menuIcon8 > a > div > div.image {
    background-position: 0 -309px;
}

li.menuIcon9 > a > div > div.image {
    background-position: 0 -75px;
}

.main-nav {
    margin-top: 15px;
}

.content > h4 {
    margin-bottom: 25px;
}

.profile-box h4 {
    padding-bottom: 7px;
}

.error-message {
    color: red;
    font-size: 12px;
    margin-bottom: 20px;
}

form {
    margin: 0;
}

legend {
    font-size: 17.5px;
}

.content2 {
    background-color: #fff;
    margin-top: 20px;
    padding: 15px 30px;

    text-align: justify;

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
}

.lead {
    line-height: 200% !important;
    text-align: justify;
}

#testWizardForm {
    line-height: 190%;
}

#testWizardForm label:first-child {
    font-size: 18px;
    margin-bottom: 15px;
    color: #666;
}

#testWizardForm div.error {
    color: red;
    font-size: 12px;
    margin-bottom: 15px;
    display: none;
}

#testWizardForm .qBar {
    border-bottom: 1px solid #eee;
    padding-bottom: 3px;
}

.icons {
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    -o-opacity: 0.9;
    opacity: 0.9;
}

ul.icons li {
    padding: 0;
}

.icons img {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;

    padding: 2px;
    max-height: 80px;
}

.content2 span, .itemDate {
    color: green;
    font-size: 11px;
    background-color: #efefef;
    padding: 0 4px;
    margin-left: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.alertHi1 span, .alertHi2 span, .alertHi3 span, .alertLow span, .alertGood span {
    color: #fff;
    font-size: 12px;
    padding: 2px 4px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.alertHi1 span {
    background-color: #E5B91A;
}

.alertHi2 span {
    background-color: #E5901A;
}

.alertHi3 span {
    background-color: #E61A1A;
}

.alertLow span {
    background-color: #1A87E6;
}

.alertGood span {
    background-color: #57AE46;
}

.account-context {
    margin-top: 30px;
}

.account-context .title {
    font-size: 16px;
    margin-bottom: 20px;
}

.account-context .title span {
    font-size: 12px;
}

.radio {
    margin-bottom: 20px;
}

.lead {
    font-size: 18px !important;
}

.ltr-center {
    text-align: center;
    direction: ltr;
}

.ltr {
    text-align: left;
    direction: ltr;
}

label.error {
    color: red;
    font-size: 12px;
    margin-bottom: 15px;
    margin-top: -5px;
}

fieldset {
    margin-bottom: 25px;
}

.testFor {
    font-size: 12px;
}

.testFor span {
    color: #0072C6;
}

.other-medical-infos .title {
    font-size: 16px;
    margin-bottom: 20px;
}

.other-medical-infos .title span {
    font-size: 12px;
}

#accordion1 {
    margin-top: 30px;
}

#accordion1 .accordion-heading {
    background-color: #fafafa;
}

#accordion1 a:hover {
    text-decoration: none;
}

.nowrap {
    white-space: nowrap;
}

.couponCode {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 15px;
    font-family: 'Courier New', 'Times New Roman', 'Lucida Console';
}

.red {
    color: rgb(204, 26, 26);
    font-size: 12px;
}

.answerDate {
    font-size: 11px;
    color: #999;
    border-top: 1px solid #ddd;
    text-align: left;
    padding-top: 5px;
    margin-top: 15px;
    margin-bottom: -5px;
}

.green {
    color: rgb(37, 133, 13);
    font-weight: bold;
}

a.withoutbg:hover {
    background-color: transparent;
}

.testBox {
    border: 1px solid #bcd2e5;

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;

    background: -webkit-linear-gradient(#d2e4f2, #fff); /* For Safari */
    background: -o-linear-gradient(#d2e4f2, #fff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#d2e4f2, #fff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#d2e4f2, #fff); /* Standard syntax (must be last) */

    padding: 10px 10px;

}

.testBoxRed {
    border: 1px solid #E9B4B4;

    background: -webkit-linear-gradient(#F2D2D2, #fff); /* For Safari */
    background: -o-linear-gradient(#F2D2D2, #fff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#F2D2D2, #fff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#F2D2D2, #fff); /* Standard syntax (must be last) */
}

.testBoxGreen {
    border: 1px solid #8dca4f;

    background: -webkit-linear-gradient(#d4f4b1, #fff); /* For Safari */
    background: -o-linear-gradient(#d4f4b1, #fff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#d4f4b1, #fff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#d4f4b1, #fff); /* Standard syntax (must be last) */
}

.pull-right {
    margin-right: 30px;
}

.dropdown-menu .group {
    color: #0072C6;
    text-align: center;
    font-weight: bold;
}

/* ===========================================
Question Box
=========================================== */
.questionBox {
    position: relative;
    width: 100%;
    margin: 8px 0;
    float: left;
    background-color: #F0F0F0;
}

.questionBox a {
    text-decoration: none;
    color: #333;
}

.questionBox a:hover {
    text-decoration: none;
    color: #0072C6;
}

.questionBox .question {
    float: right;
    margin: 10px 15px;
    position: relative;
    width: 96%;
}

.questionBox .question .title {
    margin-bottom: 15px;
    margin-right: 5px;
}

.questionBox .question .detail {
    background-color: #fff;
    position: relative;
    float: right;
    width: 97%;
    padding: 7px 10px;
    font-size: 12px;
    color: #333;

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}

.questionBox .question .detail span {
    font-weight: bold;
    margin-left: 7px;
}

.questionBox .question .detail > div {
    width: 32%;
    position: relative;
    float: right;
}

.questionBox .bar {
    width: 5px;
    height: 100%;
    background-color: #0072C6;
    position: absolute;
    float: right;
}

.questionBox .bar:after, .questionBox .bar:before {
    border: solid transparent;
    content: ' ';
    height: 0;
    right: 100%;
    position: absolute;
    width: 0;
}

.questionBox .bar:after {
    border-width: 6px;
    border-right-color: #0072C6;
    top: 14px;
}

.questionBox .bar:before {
    border-width: 14px;
    top: 14px;
}

.questionBoxGreen .bar {
    background-color: #53A853;
}

.questionBoxGreen .bar:after {
    border-right-color: #53A853;
}

.xdsoft_flipcountdown {
    margin-bottom: -8px;
}

/* ===========================================
Discount
=========================================== */
.discountBox .img {
    padding: 4px 4px;
    border: 1px solid #d2d2d2;
    background-color: #eee;
    position: relative;
    float: right;
    width: 28%;
    z-index: 1;
}

.discountBox .img img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.discountBox > .percent {
    background-image: url('/img/discountPercent.png');
    width: 65px;
    height: 35px;
    font-size: 17px;
    color: #7c1f0e;
    padding-top: 12px;
    text-align: center;;
    position: absolute;
    z-index: 2;
    margin-top: 15px;
    margin-right: 0;
    font-weight: bold;
    direction: ltr;
}

.discountBox .main {
    position: relative;
    float: left;

    background: -webkit-linear-gradient(#fff, #ededed);
    background: -moz-linear-gradient(#fff, #ededed);
    background: -o-linear-gradient(#fff, #ededed);
    background: linear-gradient(#fff, #ededed);

    border: 1px solid #d2d2d2;

    width: 61.5%;
    min-height: 178px;
    padding: 10px 20px;
}

.discountBox .main .first {
    border-bottom: 1px dashed #999;
    font-weight: bold;
    padding: 5px 0;
}

.discountBox .main .first span {
    font-size: 13px;
    font-weight: normal;
    color: green;
}

.discountBox .main .first span a {
    color: green;
}

.discountBox .main .second {
    margin-top: 20px;
    line-height: 180%;
}

.discountBox .main .second > div {
    position: relative;
    float: right;
    text-align: center;
    width: 33%;
    font-size: 12px;
}

.discountBox .main .second > div .red {
    color: #d60000;
    text-decoration: line-through;
    font-weight: normal;
}

.discountBox .main .second > div .green {
    color: green;
    font-weight: normal;
}

.discountBox .main .second > div .blue {
    color: #0072C6;
}

.discountBox .main .second > div span {
    font-size: 18px;
    font-weight: bold;
}

.discountBox .main .third {
    margin-top: 20px;
    line-height: 180%;
}

.discountBox .main .third > div {
    position: relative;
    float: right;
    width: 50%;
}

.discountBox .main .third > div span {
    color: #0072C6;
}

.clear {
    clear: both;
}

.discountImg {
    float: left;
    border-radius: 4px;
    margin-top: 62px;
    width: 130px;
    margin-right: 15px;
}

.homeLeft {
    width: 35%;
    float: left;
    margin-top: -95px;
}

.homeLeft .registerBox {
    background-color: #fff;
}

.homeLeft .invitationBtn {
    margin-top: 20px;
    text-align: center;
}

.homeLeft .title {
    font-size: 100%;
    padding: 7px 0;
    padding-right: 15px;
    color: #666;
    border-radius: 5px 5px 0 0;

    background-color: #dbdbdb;
}

.homeLeft .form {
    padding: 0 15px 0 15px;
}

.homeIntro {
    width: 60%;
}

.nav .dropdown-toggle .caret {
    border-top-color: #333 !important;
    border-bottom-color: #333 !important;
}

.masthead .margin {
    margin: 0 15px;
}

.siteDoctor {
    margin-bottom: 20px;
}

.siteDoctor span {
    color: #0072C6;
}

/* Responsive */
@media (max-width: 500px) {
    .xdsoft {
        display: none;
    }

    .masthead .margin {
        margin: 0 !important;
    }
}

@media (max-width: 850px) {
    .discountBox .img {
        display: none;
    }

    .discountBox > .percent {
        display: none;
    }

    .discountBox .main {
        width: 80%;
    }

    .homeLeft {
        display: none;
    }

    .homeIntro {
        width: 100%;
    }
}

th {
    white-space: nowrap;
}

.notifications {
    font-size: 13px;
    width: 310px
}

.notifications li:not(:nth-last-child(-n+2)) {
    border-bottom: 1px solid #ddd;
}

.text-small {
    font-size: 12px;
}

.color-dimgray {
    color: dimgray;
}

.color-firebrick {
    color: firebrick;
}

.color-navy {
    color: #06287e;
}

.color-red {
    color: #aa0000;
}

.good-lineHeight {
    line-height: 210%;
}

.padding10 {
    padding: 10px;
}

.padding-bottom-15 {
    padding-bottom: 15px;
}

.headerNavAct {
    display: inline;
    float: left;
}

a.blackLink {
    color: #333333;
    text-decoration: none;
    font-size: 12px;
}

.pages {
    line-height: 190%;
    font-size: 13px;
    background-color: #fff;
    padding: 15px 20px;
    border-top: 3px solid #ddd;
}

.countAlert a {
    color: red;
}

.countAlert a i {
    font-size: 13px;
    text-align: right;
    font-style: normal;
    padding-left: 10px;
}

/* ===========================================
Feedback
=========================================== */
.feedback {
    position: fixed;
    left: -304px;
    bottom: 10%;
    z-index: 1000;

    -webkit-transition: left 0.7s;
    -moz-transition: left 0.7s;
    -o-transition: left 0.7s;
    transition: left 0.7s;
}

.feedback:hover {
    left: 0;
}

.feedbackButton {
    position: relative;
    float: right;
    cursor: pointer;
}

.feedbackForm {
    position: relative;
    float: left;
    width: 260px;
    background-color: #3fbfbb;
    color: #fff;
    padding: 10px 20px;
}

.feedback textarea {
    height: 95px;
    width: 95%;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.navbar-nav {
    float: none;
    margin: 0 auto;
    display: table;
    table-layout: fixed;
}

.small, .small a {
    font-size: 85% !important;
    display: inline;
    color: #353535;
}

ul {
    list-style: none;
    padding: 0;

    margin: 0 auto;
}

.main-nav {
    margin-right: 70px;
}

.notificationIcons {
    width: 21px;
    height: 21px;
    background-position: 0px;

    display: inline-block;

    margin-top: 1px;
    line-height: 14px;
    vertical-align: text-top;
    background-repeat: no-repeat;
}

.notificationBellIcon {
    background-image: url("../img/notification/bell.png");
}

.notificationDoctorIcon {
    background-image: url("../img/notification/doctor.png");
}

.notificationEventIcon {
    background-image: url("../img/notification/event.png");
}

.notificationBellRedIcon {
    background-image: url("../img/notification/bellRed.png");
}

.notificationDoctorRedIcon {
    background-image: url("../img/notification/doctorRed.png");
}

.notificationEventRedIcon {
    background-image: url("../img/notification/eventRed.png");
}

.text-medium {
    font-size: 105%;
}

.seeAll a {
    background-color: #F1F1F1;
}

/* ===========================================
Photo cropper
=========================================== */
#photo-preview-step2 {
    display: none;
    margin: 20px 0;
}

#photo-preview {
    width: 350px;
    border: 1px solid #ccc;

    -webkit-box-shadow: 0 0 5px #999;
    -moz-box-shadow: 0 0 5px #999;
    -o-box-shadow: 0 0 5px #999;
    box-shadow: 0 0 5px #999;
}

.photo-preview-error {
    color: #990000;
}

.bold {
    font-weight: bold;
}

.modal-body {
    overflow-x: hidden;
}

/* ===========================================
History
=========================================== */
.history ul.items {
    margin: 0;
}

.history span.type {
    color: #555;
    font-size: 11px;
    text-align: left;
}

.history span.date {
    color: #444;
    font-size: 80%;
    text-align: left;
    padding-left: 10px;
}

.history span.title {
    padding-left: 5px;
    font-weight: bold;
    color: #d60000;
}

.history ul.items li {
    font-size: 13px;
    text-align: justify;
    line-height: 200%;
    margin-bottom: 10px;
    list-style-type: none;
    padding: 5px 10px;

}

.history ul.items li:nth-child(odd) {
    background-color: #f3f0fd;
    border-right: 2px solid #eacefd;
}

.history ul.items li:nth-child(even) {
    background-color: #f3f1f1;
    border-right: 2px solid #dddbdb;
}

/* ===========================================
Logo
=========================================== */
.logos {
    margin-bottom: 30px;
}

.logos img {
    margin: 0 1px;
    padding: 3px;
    background-color: #f9fbfc;
    border: 1px solid #D4E2ED;
    border-radius: 4px
}

/* ===========================================
Home video
=========================================== */
.video-border {
    background-image: url('/img/tablet.png');
    background-repeat: no-repeat;
    background-position: top center;
    text-align: center;
    margin-top: 45px;
    padding-top: 20px;

    height: 237px;

    position: relative;
}

.video-border .IntroduceVideo {
    padding-left: 1px;

    position: absolute;

    top: 22px;
    left: 24px;

    z-index: 1;
}

.video-border .IntroduceVideo video {
    width: 281px;
}

.video-border .preplay {
    background-image: url('/img/video-play.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 87%;
    height: 210px;

    margin: 0 auto;

    background-color: #fff;

    position: relative;

    cursor: pointer;

    z-index: 2;
}

/* ===========================================
Special user
=========================================== */
.special-user {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 320px;
    padding: 10px 10px;
    position: relative;
    margin: 0 auto;
    text-align: center;
}

span.notif-date {
    color: #9E2424;
    font-size: 80%;
    display: block;
}

.notification-box-scroll {
    overflow: hidden;
    overflow-y: auto;
    max-height: 350px;
}

/* ===========================================
Bootstrap
=========================================== */
.nav-pills > li > a {
    padding-top: 9px;
    padding-bottom: 11px;
}

.pager .next > a, .pager .next > span {
    float: right !important;
}

.pager .previous > a, .pager .previous > span {
    float: left !important;
}

.hide {
    display: none;
}

.test-result-content h5 {
    margin-bottom: 0;
    margin-top: 15px;
}

.test-result-content p {
    line-height: 200%;
    font-size: 95%;
}

.color-green {
    color: green;
}

h4 {
    line-height: 180%;
}

/* ===========================================
Help
=========================================== */
.help h5 {
    font-size: 115%;
}

.help > div .text {
    float: right;
    position: relative;
    width: 80%;
    min-height: 170px;
    border-bottom: 2px dotted #ccc;
    padding: 10px 0;
}

.help > div > .icon {
    float: right;
    position: relative;
    width: 20%;
    text-align: center;
    padding-top: 20px;
}

.home-apps {
    margin-top: 20px;
}

.home-apps img {
    height: 50px;
}

.home-apps ul li {
    background-color: #fff;;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
    width: 50px;
    text-align: center;
    opacity: 0.8;
}

.home-apps ul li:hover {
    opacity: 1;
}

/*General Link*/
a.link-general {
    display: inline !important;
    padding: 0 !important;
    color: #005580 !important;
    font-weight: bold !important;
}

a.link-general:hover {
    background: none !important;
    color: red !important;
}

.doc-detail {
    padding-bottom: 40px !important;
}

.doc-filter {
    font-size: 11px;
}

.url {
    font-size: 12px;
    font-family: "Consolas", "Menlo", "Courier", monospace;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold;
}

.url a {
    color: #ff3b22;
}

.url a:hover {
    color: #0072C6;
}

.text-center {
    text-align: center !important;
}

.sidebar-financial-box {
    background-color: #f1f1f1;
    border: 1px solid #dedede;
    color: #fff;
    padding: 8px;
}

.sidebar-financial-box .row {
    padding: 0;
}

.sidebar-financial-box .row div {
    height: 120px;
    text-align: center;
    padding-top: 75px;
    font-size: 11px;

    background-repeat: no-repeat;
    background-position: 50% 10%;
}

.sidebar-financial-box a {
    color: #fff !important;
}

.sidebar-financial-box .row:nth-child(1) {
    margin-bottom: 10px;
}

.sidebar-financial-box .financial-credit {
    background-color: #a77cc1;
    background-image: url('/img/financial/credit.png');
}

.sidebar-financial-box .financial-plan {
    background-color: #384663;
    background-image: url('/img/plans/bronze-small.png');
    background-position: 50% 20% !important;
    padding-top: 95px !important;
}

.sidebar-financial-box .financial-add-credit {
    background-color: #56bc8a;
    background-image: url('/img/financial/add-credit.png');

    background-position: 50% 28% !important;
    padding-top: 85px !important;
    margin-right: 2.5641% !important;
}

.sidebar-financial-box .financial-add-credit:hover {
    background-color: #27ae61;
    cursor: pointer;
}

.sidebar-financial-box .financial-manage {
    background-color: #f29a30;
    background-image: url('/img/financial/manage.png');

    background-position: 50% 28% !important;
    padding-top: 85px !important;
}

.sidebar-financial-box .financial-manage:hover {
    background-color: #f48b0b;
    cursor: pointer;
}

.nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus {
    color: #fff;
    background-color: #3E91BD;
}

.footer-links li {
    padding: 0 !important;
}

.footer-links li:after {
    content: " | ";
}

.footer-links li:last-child:after {
    content: "";
}

/* ===========================================
Help buttons
=========================================== */
.help-buttons {
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 1000;
}

.help-buttons #go-to-top {
    display: none;
}

/* ===========================================
DebugKit Plugin
=========================================== */
#debug-kit-toolbar .panel-content {
    height: 600px !important;
}

/* ===========================================
Classes
=========================================== */
.line-height-190 {
    line-height: 190%;
}

/* ===========================================
Home Feeds
=========================================== */
.feeds {
    margin-top: 30px;
    margin-bottom: -25px;

    column-count: 2;
    column-gap: 15px;

    -moz-column-count: 2;
    -moz-column-gap: 15px;

    -webkit-column-count: 2;
    -webkit-column-gap: 15px;

    -ms-column-count: 2;
    -ms-column-gap: 15px;

    -o-column-count: 3;
    -o-column-gap: 50px;

    vertical-align: text-top;
    padding-bottom: 40px;
}

@media (max-width: 870px) {
    .feeds {
        vertical-align: text-top;
        padding-bottom: 40px;
        column-count: 1;
        column-gap: 15px;

        -moz-column-count: 1;
        -moz-column-gap: 15px;

        -webkit-column-count: 1;
        -webkit-column-gap: 15px;

        -ms-column-count: 1;
        -ms-column-gap: 15px;

        -o-column-count: 1;
        -o-column-gap: 50px;

    }

}

.feeds .row {
    margin-right: 0;
}

.feeds li {
    padding: 10px;
    margin: 4px 0;
    display: inline-block;

    column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -webkit-column-break-inside: avoid;
}

.feeds li:nth-child(odd) {
    background-color: #fafafa;
    border: 1px solid rgba(0, 114, 198, 0.3);
}

.feeds li:nth-child(even) {
    background-color: #fff;
    border: 1px solid rgba(83, 168, 83, 0.3);
}

.feeds .feed-detail {
    font-size: 11px;
    text-align: left;
    margin: 0;
    margin-top: 10px;
}

.feeds .feed-date {
    color: #666;
    margin-left: 10px;
    font-size: 10px;
}

.feed-service {
    border: 1px #46b8da dashed;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px 8px;
    font-size: 9px !important;
}

.hiden-more {
    display: none;
}

.feeds .feed-img {
    width: 15%;
    float: right;
}

.feeds .feed-context {
    float: left;
    text-align: justify;
    margin-top: 10px;
}

a.hideEvent,
a.hideMessage {
    background-color: #eee;
}

/* ===========================================
Error
=========================================== */
.cake-stack-trace,
p.error,
p.notice {
    direction: ltr;
    text-align: left;
}

/* ===========================================
Account Box
=========================================== */
.account-box-green {
    border-right: 4px solid rgb(116, 195, 126) !important;
}

.account-box-red {
    border-right: 4px solid #ff6600 !important;
}

.account-box-darkgreen {
    border-right: 4px solid #00adaa !important;
}

.account-box-blue {
    border-right: 4px solid #0198cf !important;
}

.account-box-news {
    border-right: 4px solid #3fbfbb !important;
}

/** ٔNews Box **/
.news-lbl {
    background-color: #3fbfbb;
    color: #ffffff;
    padding: 4px;
    margin-right: -10px !important;
    float: right;
    margin-left: 10px;
}

.news-title {
    margin-bottom: 10px;
}

.news-title p {
    font-family: "Iranian Serif Web", Tahoma, Arial;
}

.news-dr-pic {
    margin-top: 5px;
    float: right;
    width: 100%;
}

.news-dr-pic > table {
    font-family: "Iranian Serif Web", Tahoma, Arial;
}

/** Event Box */

.event-lbl {
    min-width: 80px;
    background-color: #ff6600;
    color: #ffffff;
    padding: 3px;
    margin-right: -10px !important;
    float: right;
    margin-left: 10px;
    font-size: 10px;
    text-align: center;
}

/** LOADING BOX **/
#facebookG {
    width: 60px
}

.facebook_blockG {
    background-color: #34BDCF;
    border: 1px solid #FFFFFF;
    float: left;
    height: 43px;
    margin-left: 3px;
    width: 11px;
    opacity: 0.1;
    -moz-animation-name: bounceG;
    -moz-animation-duration: 1.2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: linear;
    -moz-transform: scale(0.7);
    -webkit-animation-name: bounceG;
    -webkit-animation-duration: 1.2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: linear;
    -webkit-transform: scale(0.7);
    -ms-animation-name: bounceG;
    -ms-animation-duration: 1.2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: linear;
    -ms-transform: scale(0.7);
    -o-animation-name: bounceG;
    -o-animation-duration: 1.2s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: linear;
    -o-transform: scale(0.7);
    animation-name: bounceG;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-direction: linear;
    transform: scale(0.7);
}

#blockG_1 {
    -moz-animation-delay: 0.36s;
    -webkit-animation-delay: 0.36s;
    -ms-animation-delay: 0.36s;
    -o-animation-delay: 0.36s;
    animation-delay: 0.36s;
}

#blockG_2 {
    -moz-animation-delay: 0.48s;
    -webkit-animation-delay: 0.48s;
    -ms-animation-delay: 0.48s;
    -o-animation-delay: 0.48s;
    animation-delay: 0.48s;
}

#blockG_3 {
    -moz-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

@-moz-keyframes bounceG {
    0% {
        -moz-transform: scale(1.2);
        opacity: 1
    }

    100% {
        -moz-transform: scale(0.7);
        opacity: 0.1
    }

}

@-webkit-keyframes bounceG {
    0% {
        -webkit-transform: scale(1.2);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(0.7);
        opacity: 0.1
    }

}

@-ms-keyframes bounceG {
    0% {
        -ms-transform: scale(1.2);
        opacity: 1
    }

    100% {
        -ms-transform: scale(0.7);
        opacity: 0.1
    }

}

@-o-keyframes bounceG {
    0% {
        -o-transform: scale(1.2);
        opacity: 1
    }

    100% {
        -o-transform: scale(0.7);
        opacity: 0.1
    }

}

@keyframes bounceG {
    0% {
        transform: scale(1.2);
        opacity: 1
    }

    100% {
        transform: scale(0.7);
        opacity: 0.1
    }

}

.sidebar {
    top: 450px;
}

.fixed {
    position: fixed;
    top: 0;
    width: 219px;
    background-color: #e9e9e9;
}

@media (max-width: 768px) {
    .fixed {
        position: relative;
    }
}

@media (min-width: 768px) {
    .sidebar-financial-box .span6 {
        width: 48.5%;
    }
}

@media (max-width: 568px) {
    .sidebar-financial-box .financial-add-credit {
        margin-right: 0 !important;
    }
}

/*===========================================
search box
===========================================*/
#main-box-search {
    width: 100%;
    margin-bottom: -10px;
}

#search-btn {
    float: left;
    width: 15%;
}

#search-btn button {
    width: 100%;
    height: 35px;
    background-image: url(/img/icon/search-button.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #3fbfbb;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

#search-input {
    float: right;
    width: 85%;

}

#search-input input {
    width: 100%;
    height: 35px;
    border: 1px solid #3fbfbb;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.dr-search-toggle {
    width: 80%;
    background-color: #fff;
    position: absolute;
    border: 1px solid #eee;
    border-top: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 1;
    padding: 10px;
    margin-top: 10px;
    display: none;
}

/*===========================================