@font-face {
    font-family: 'QuicksandRegular';
    src: url('../../fonts/quicksand-regular.eot');
    src: url('../../fonts/quicksand-regular.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/quicksand-regular.woff') format('woff'),
    url('../../fonts/quicksand-regular.ttf') format('truetype'),
    url('../../fonts/quicksand-regular.svg#QuicksandRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: bold;
    src: url('../../fonts/iranyekan/eot/iranyekanwebbold.eot');
    src: url('../../fonts/iranyekan/eot/iranyekanwebbold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../../fonts/iranyekan/woff2/iranyekanwebbold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../../fonts/iranyekan/woff/iranyekanwebbold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../../fonts/iranyekan/ttf/iranyekanwebbold.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 300;
    src: url('../../fonts/iranyekan/eot/iranyekanweblight.eot');
    src: url('../../fonts/iranyekan/eot/iranyekanweblight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../../fonts/iranyekan/woff2/iranyekanweblight.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../../fonts/iranyekan/woff/iranyekanweblight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../../fonts/iranyekan/ttf/iranyekanweblight.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: normal;
    src: url('../../fonts/iranyekan/eot/iranyekanwebregular.eot');
    src: url('../../fonts/iranyekan/eot/iranyekanwebregular.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../../fonts/iranyekan/woff2/iranyekanwebregular.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../../fonts/iranyekan/woff/iranyekanwebregular.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../../fonts/iranyekan/ttf/iranyekanwebregular.ttf') format('truetype');
}

/* Latin fonts (Roboto) */

@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: bold;
    src: url('../../fonts/iranyekan/eot/robotobold.eot');
    src: url('../../fonts/iranyekan/eot/robotobold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../../fonts/iranyekan/woff2/robotobold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../../fonts/iranyekan/woff/robotobold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../../fonts/iranyekan/ttf/robotobold.ttf') format('truetype');
}

@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: 300;
    src: url('../../fonts/iranyekan/eot/robotolight.eot');
    src: url('../../fonts/iranyekan/eot/robotolight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../../fonts/iranyekan/woff2/robotolight.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../../fonts/iranyekan/woff/robotolight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../../fonts/iranyekan/ttf/robotolight.ttf') format('truetype');
}

@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: normal;
    src: url('../../fonts/iranyekan/eot/robotoregular.eot');
    src: url('../../fonts/iranyekan/eot/robotoregular.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../../fonts/iranyekan/woff2/robotoregular.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../../fonts/iranyekan/woff/robotoregular.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../../fonts/iranyekan/ttf/robotoregular.ttf') format('truetype');
}

/********************************************************Responsive********************************************************/
@media (max-width: 800px) {
    .searchBox {
        float: none !important;
        margin-bottom: 10px;
        width: 100% !important;
        max-width: 100% !important;

    }

    .searchBox input[type=text] {
        width: 100% !important;
        max-width: 100% !important;

    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 100px !important;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

/****************************************************Main********************************************/
.navbar-form, .form-group, .navbar-left {
    margin: 0;
}

.well {
    font-size: 20px;
}

.second {
    color: #aaa;
}


.entry h2 {
    margin-top: 0px;
    padding-top: 0px;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

.entry h1 {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

.jumbotron .center {
    text-align: center;
    margin-top: 15px;
}

.jumbotron .entrySettings {
    margin-top: 24px !important;
}

.jumbotron h1 {
    font-size: 36px;
    color: #fff;
    font-family: iranyekan, roboto, Arial !important;
}

#footer {
    position: absolute;
    border-top: 1px solid white;
    bottom: -280px;
    width: 100%;
    background: #f5f5f5; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #fff, #f5f5f5); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #fff, #f5f5f5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    padding: 30px 25px 20px 20px;
    text-align: center;
    color: #3333 !important;
    direction: ltr;
    box-shadow: 5px 0 5px 5px rgba(0, 0, 0, 0.05);
}

#footer h4, #footer h3 {
    padding-top: 0 !important;
    margin-top: 0 !important;
    color: #333 !important;
    font-weight: 400 !important;
    font-size: 14px;
}

#footer p {
    padding: 0;
}

#footer .col-md-4, #footer .col-sm-4 {
    width: 33.3333333% !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    float: right;
}

#footer .col-md-12, #footer .col-sm-4, #footer .col-sm-4 {
    padding-right: 0;
    padding-top: 0;
}

#footer {
    font-size: 10px !important;
}


#footer .threeColumnArea {
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
}

.footerCopyrightAnLogoLast {
    text-align: center !important;
    width: 100%;
    margin-top: 10px;
}


#footer .threeColumnRow {
    flex-grow: 1;
    width: 20%;
}

#footer .threeColumnRow p:first-of-type,
#footer .threeColumnRow .buyResultHrLine + p {
    margin-top: 8px !important;
}

.buyResultHrLine {
    border: 0 !important;
    height: 1px !important;
    min-height: 1px !important;
    max-height: 1px !important;
    line-height: 0 !important;
    font-size: 0 !important;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0)) !important;
    margin: 0 !important;
    padding: 0 !important;
}

@media (max-width: 700px) {
    #footer {
        padding: 30px 15px 10px 10px;
    }

    #footer .threeColumnRow {
        flex-grow: 1;
        width: 50%;
    }

    .footerCopyrightAnLogoFirst {
        display: none !important;
    }

    .footerCopyrightAnLogoLast {
        margin-top: 20px;
        text-align: center !important;
        display: inline !important;
    }

    #footer {
        bottom: -355px;
    }
}

@media (max-width: 430px) {
    #footer {
        bottom: -475px !important;
    }
}

#footer {
    color: #333 !important;
    font-size: 14px !important;
}

#footer a, #footer a:hover, #footer:hover {
    color: #333 !important;
    font-size: 14px !important;
}

.container {
    max-width: 996px;

}

.container .text-muted {
    margin: 14px 0;
    font-size: 10px;
}

.nonePadding {
    padding-top: 0px !important;
    margin-top: 0 !important;
}

.breadcrumb .currPage {
    padding: 5px;
}

.breadcrumb {
    padding: 15px;
    padding-right: 15px;
    padding-left: 15px;
    margin: 0;
    border: none;
    border-radius: 0;
}

.navbar {
    margin-bottom: 0;
    padding: 0px; /*7px*/
}

.navbar-default .navbar-nav > li > a {
    border-radius: 2px;
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
}

.navbar-brand {
    font-family: iranyekan, roboto, Arial !important;
}

.navbar-logo {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 5px;
    direction: ltr;
}

.navbar-logo img {
    height: 52px;
}

div, a, p, span {
    word-wrap: break-word !important;
}

img {
    max-width: 100%;
}

table td img {
    width: 100%;
    height: auto;
}

#pagetitle-header {
    z-index: 5000;
}

.entry .thumbnail {
    background: none;
    margin: 0;
    padding: 0;
    border: none;
}

.searchHeader {
    margin-top: 30px;
}

.searchHeader h3 {
    margin: 0 !important;
    padding: 0 !important;
}

span.space {
    padding: 0.1em !important;
}

div.entrySettings {
    padding-top: 8px;
}

div.entrySettings-1 {
    padding-top: 12px;
}

div.entrySettings-1 a, div.entrySettings a {
    color: #ddd;
    font-size: 18px;
}

div.entrySettings-1 a, div.entrySettings a {
    cursor: pointer;
}

.disableColor, .disableColor:visited {
    color: #E90000 !important;
}

.enableColor, .enableColor:visited {
    color: #5D8C44 !important;
}

span.info {
    font-size: 11px;
    color: #999;
    margin: 0;
    padding: 5px;
    padding-left: 0;
    padding-right: 0;
}

span.info .glyphicon {
    color: #D9D9D9;
}

div.content {
    padding: 0px;
    margin: 0px;
}

div.content_1 {
    padding: 0px;
    margin: 0px;
}

div.content p:last-child {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

div.content pre:last-child {
    margin-bottom: 4px !important;
}

div.line {
    border-top: 1px solid #efefef;
    margin: 0;
    padding: 0
}

div.copyright span {
    color: #ccc;
}

::-webkit-scrollbar {
    width: 14px;
    /* for vertical scrollbars */
    height: 12px;
    /* for horizontal scrollbars */
}

::-webkit-scrollbar-track {
    background: #eee;
}

::-webkit-scrollbar-thumb {
    background: #ccc;
}

.areaEntryImages {
    padding-top: 8px;
    padding-bottom: 0;
}

.imgDetailsBox {
    font-size: 14px;
    max-height: 300px;
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 0px;
}

.imageItem {
    padding-top: 5px;
    padding-bottom: 5px;
}

.imgDetailsBox #st, .imgDetailsBox #fs, .imgDetailsBox #av {
    cursor: pointer;
}

.galleryToolLinks {
    margin-top: 1px;
    background: #111;
    padding: 1px 1px 1px 1px;
    border-bottom: 4px solid orange;
}

.galleryToolLinks .space {
    padding-left: 6px;
}

/**********************************************************-Gallery-********************************************************/
#loading {
    position: absolute;
    color: #fff;
    cursor: pointer;
    left: 50%;
    top: 50%;
    display: none;
}

#next, #prev {
    z-index: 10;
    position: absolute;
    cursor: pointer;
    top: 46%;
    visibility: hidden;
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    transition: all 500ms linear;
    filter: alpha(opacity=20);
    opacity: 0.2;
}

#next {
    margin-right: 5px;
    right: 15px;
    background: url(../../../src/right.png) center no-repeat;
}

#prev {
    margin-left: 5px;
    left: 15px;
    background: url(../../../src/left.png) center no-repeat;
}

#next:hover, #prev:hover {
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    transition: all 500ms linear;
    filter: alpha(opacity=100);
    opacity: 1;
}

.breadcrumb li.empty:before {
    content: "";
}

a.thumbAnchor {
    cursor: pointer;
}

.blackFlexslider {
    background: #111;
}

.blackFlexslider .flex-direction-nav a {
    padding-top: 31px;
    background: #000;
}

.blackFlexslider .flex-direction-nav a.flex-prev {
    padding-right: 5px
}

.blackFlexslider .flex-direction-nav a.flex-next {
    padding-left: 5px
}

.largthumbnail, .largthumbnail-1 {
    position: relative;
}

.largthumbnail {
    background: #eee;
}

.largthumbnail-1 {
    background: #eee;
}

.largthumbnail h3, .largthumbnail-1 h3 {
    margin: 0;
    z-index: 500;
    position: absolute;
    font-size: 13px;
    line-height: 150%;
    width: 100%;
    bottom: 0px;
    font-weight: normal;
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    transition: all 500ms linear;
    filter: alpha(opacity=8);
    opacity: 0.8;
}

.largthumbnail h3:hover, .largthumbnail-1 h3:hover {
    filter: alpha(opacity=95);
    opacity: 0.95;
}

.largthumbnail h3 {
    color: #3B1D00;
    background: #F9F8E8;
}

.largthumbnail h3:hover {
    background: #FFFFF3;
    color: #333;
}

.largthumbnail-1 h3 {
    color: #fff;
    background: #000;
}

.largthumbnail-1 h3:hover {
    background: #FFFFF3;
    color: #333;
}

/****************************************************-Full Screen-******************************************************/
#fscr {
    width: 100% !important;
    height: 100% !important;
    background: #000 !important;
    margin: 0;
    padding: 0;
}

.fullScreen {
    width: 100% !important;
    height: 100% !important;
    background: #000 !important;
    padding: 0;
    margin: auto;
}

.fullScreen .flexslider {
    background: #000;
}

.fullScreen .galleryToolLinks {
    background: black;
    padding-left: 0;
}

.fullScreen .largthumbnail h3, .fullScreen .largthumbnail-1 h3 {
    background: #000;
    color: #fff;
}

.fullScreen .largthumbnail h3:hover, .fullScreen .largthumbnail-1 h3:hover {
    background: #FFFFF3;
    color: #333;
}

.fullScreen .largthumbnail {
    background: #000;
    margin-top: 50px;
}

.fullScreen .largthumbnail-1 {
    background: #000;
    margin-top: 0px;
}

.fullScreen .imgDetailsBox {
    color: #ccc;
}

.fullScreen .line {
    border-color: #222;
}

/*************************************************************-Comment-**************************************************/
.comment_author {
    padding: 8px;
    border-bottom: 1px solid #eee;
    padding-left: 0px;
}

.comment_author a {
    cursor: pointer;
}

i.commdate {
    font-size: 10px;
}

.commenttext {
    font-size: 13px;
    padding-top: 8px;
}

.commpagination {
    text-align: center;
}

.commentForm {
    max-width: 510px !important;
}

/************************************************************-Entry Files-***************************************************/
.viewFiles li {
    border-color: #fff;
    padding: 5px;
    font-size: 12px;
}

.viewFiles h3 {

}

.filesize {
    font-size: 12px;
    color: #888;
    font-family: arial;
}

.filename {

}

.ext {
    color: #FF4E18;
}

/************************************************************Copyright**********************************************************/
a.enCopyRight, a.enCopyRight:visited {
    color: #ddd;
}

m
    /************************************************************Pagination**********************************************************/
.pagination {
    padding: 0;
    margin: 0;
    margin-top: 16px;
    margin-bottom: 30px;
}

.pagination li span {
    color: #777777;
}

/**************************************************************************************************************************************/
.space-1 {
    padding: 1px;
}

.space-2 {
    padding: 2px;
}

.space-3 {
    padding: 3px;
}

.space-4 {
    padding: 4px;
}

.space-5 {
    padding: 5px;
}

.space-6 {
    padding: 6px;
}

.space-7 {
    padding: 7px;
}

.space-8 {
    padding: 8px;
}

.space-9 {
    padding: 9px;
}

.space-10 {
    padding: 10px;
}

/********************************************************/
.simpleMenu {
    padding: 8px;
}

.simpleMenu li {
    display: block;
}

.simpleMenu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.simpleMenu a.active {
    color: #000;
}

/***************************************************************/
.nav-tabs {
    padding: 0;
}

.nav-tabs li a {
    margin: 0;
}

/********************************************************************/
input[type="submit"] {
    width: 120px;
}

.form-control.textbox {
    position: relative;
    max-width: 270px;
}

.form-control.textbox:focus {
    z-index: 2;
}

.form-control.selectbox {
    position: relative;
    max-width: 270px;
}

.form-control.selectbox:focus {
    z-index: 2;
}

#pagetitle-area, #persist-header {
    width: 100%;
    margin: 0;
}

div.msg {
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
}

.floatingHeader {
    position: fixed;
    top: 0;
    width: 100%;
}

.badge.notic {
    font-weight: normal;
    font-size: 12px;
    background: #fff;
    color: #777;
    padding: 0;
}

.clearthis {
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    margin: 0;
    clear: both;
    float: none;
}

.dropdown li.divider {
    margin-top: 5px;
    margin-bottom: 5px;
}

.imgHover {
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
    border-radius: 4px;
}

.imgHover:hover {
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.entrySelected {
    border: 2px dashed #fff;
    max-width: 600px;
    font-size: 13px;
    padding: 8px;
    background: #A0D5DE;
    color: #fff;
}

.center {
    text-align: center;
    margin: auto;
}

.piclist {
    text-align: center !important;
    float: none !important;
    background: #cccccc url('../../../src/pattern-light.svg') !important;
    margin-bottom: 5px;
}

.piclist img {
    margin: auto;
    border-radius: 0px;
}

.break {
    padding: 18px;
}

/*****************del+drag********************/
div.entryI {
    -webkit-transition: all 0ms linear !important;
    -moz-transition: all 0ms linear !important;
    -o-transition: all 0ms linear !important;
    -ms-transition: all 0ms linear !important;
    transition: all 0ms linear !important;
}

/****************************************************COLS***********************************************/
::selection {
    background: #57AE3C; /* Safari */
    color: #fff;
}

::-moz-selection {
    background: #57AE3C; /* Firefox */
    color: #fff;
}

/****************************************************Short Link***********************************************/
.shortLink {
    margin-top: 10px;
}

.shortLink a {

}

.shortLink .t {

}

.shortLink span {

}

.shortLink h3 {

}

/************************************************************************************************/
.headerText, .footerText, .contHeaderText, .contFooterText {
    margin-bottom: 0 !important;
}

#replaceFileArea {
    background: #f3f3f3;
    max-width: 600px;
    padding: 5px;
    margin-top: 4px;
    border-radius: 4px;
}

.headerText, .contHeaderText {
    margin-top: 20px;
}

.footerText, .contFooterText {
    margin-top: 12px;
}

.pixels {
    font-size: 12px;
}

.social-button-container {
    overflow: hidden;
}

.firstHeader {
    margin-top: 0px;
}

.social-button {
    max-width: 300px !important;
    display: inline-block !important;
    vertical-align: bottom !important;
}

table.thumbnails {
    margin-top: 10px;
}

.recommendedPages {
    padding: 10px;
    padding-top: 10px;
    overflow: hidden;
    background: #f5f5f5;
    margin-top: 20px;
    text-shadow: 0 1px 0 #fff;
    border-radius: 5px;
}

.recommendedPages .col-md-3 {
    max-width: 320px !important;
}

.recommendedPages img {
    margin: 2px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.recommendedPages hr {
    padding: 0 !important;
    margin: 0 !important;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.recommendedPages p {
    font-size: 11px;
}

.recommendedPages a {
    font-size: 12px;
}

.recommendedPages h4 {
    padding: 5px;
    margin-top: 0 !important;
}

#___plusone_0 {
    max-width: 58px !important;
}

.pageLoadTime {
    text-align: center;
    font-size: 10px;
    font-family: Tahoma, Arial;
    color: #ccc;
    direction: ltr;
}

/**********************************Settings******************************/
.usersListTable .avtr img {
    max-width: 50px;
    margin: auto;
}

/************************Tools*******************************/
.toolContainer {
    margin-top: 50px;
    padding: 20px !important;
    padding-bottom: 25px !important;
    padding-top: 7px !important;
    background-clip: padding-box;
    background: #f9f9f9 !important;
    border: 1px solid #ccc;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #ccc;
    border-radius: 7px 7px 0 0;
    box-shadow: 0px 2px 3px #eee;

    -webkit-box-shadow: 0 18px 22px rgba(0, 0, 0, .18);
    box-shadow: 0 12px 18px rgba(0, 0, 0, .18);

    border-radius: 5px;

    margin-bottom: 45px !important;

    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;

    max-width: 890px !important;
}

.toolContainer:hover {
    -webkit-box-shadow: 0 12px 60px rgba(0, 0, 0, .3);
    box-shadow: 0 12px 40px rgba(0, 0, 0, .3);
}

.tool .rainbow {
    height: 2px;
    overflow: hidden;
    background: #FFC000;
    width: 25%
}

.tool .rainbow_b {
    border-top: 2px solid red;
}

.tool .logo {
    padding: 0;
}

.tool .logo h1 {
    padding: 0 !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

.tool h2 {
    font-size: 11px !important;
    padding: 0 !important;
    padding-top: 20px !important;
}

.tool h1 {
    margin-top: 0px !important;
}

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

.tool .language {
    float: right;
    direction: rtl;
}

/*****************************************Page - Auto loading***************************************/
#pageLoadingAnimation {
    text-align: center;
    padding: 4px;
    padding-top: 0;
    display: none;
    font-size: 12px;
}

#loadpages {
    padding: 0;
    margin: 0;
}

/*****************************************Tags***************************************/
.tagsHeader {
    margin-top: 30px;
}

.tagsHeader h3 {
    margin: 0 !important;
    padding: 0 !important;
}

.tagsHeader h3 a {
    margin: 0;
    text-decoration: none;
}

.tags a {
    font-weight: normal;
}

.tags h3 {
    margin-top: 2px;
}


/*****************************************Search Box***************************************/
.searchTextBox {
    border: none;
    background: #fff;
    color: #fff;
    width: 100%;
}

.searchBox {
    padding: 10px;
    padding-bottom: 0 !important;
}

.searchBox input[type=text] {
    width: 230px;
    max-width: 230px;
}

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

.rtl {
    direction: rtl;
    text-align: right;
}

.floatRight {
    float: right;
}

.floatLeft {
    float: left;
}

.loginForm {
    margin: auto;
}

.registerForm {
    max-width: 400px;
    margin: auto;
}

.fileBuyForm {
    max-width: 450px;
    margin: auto;
}

.forgotPassForm, .resetPassForm {
    margin: auto;
}

.fileBuyForm .table {
    margin-bottom: 0;
}

.fileTable a span {
    color: #bbbbbb !important;
}

.search-form {
    margin-bottom: 5px;
    padding: 0;
}

.displayNone {
    display: none;
}

/*scroll top*/
.scrollup {
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    width: 39px;
    height: 39px;
    border-radius: 5px;
    font-size: 20px;
    position: fixed;
    bottom: 40px;
    right: 20px;
    display: none;
    border: 1px solid #aaa;
    background: #aaa;
    opacity: 0.8;
    line-height: 100%;
}

.scrollup > a {
    position: relative;
    top: 7px;
    color: #fff;
}

.scrollup > a:hover {
    color: #fff !important;
}

.sahandInspectionReprotArea {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    margin-top: 50px;
    background: #fff !important;
    padding: 19px;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.sahandInspectionReprotArea:hover {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
}

.sahandInspectionReprotArea h1 {
    padding-top: 0;
    margin-top: 0;
    font-size: 24px;
}

.sahandInspectionReprotFooterArea img {
    width: 114px !important;
    margin: auto auto 3px;
}

.signArea {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    margin-top: 0;
    background: #fff !important;
    padding: 19px;
    width: 390px;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -30%);
}

.signArea:hover {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
}

.signArea input[type=submit] {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.signAreaFooterLogo {
    text-align: left;
}

.signAreaFooterLogo img {
    width: 96px !important;
    margin: auto;
}

.signLinks a {
    line-height: 220%;
    font-weight: bold;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.signArea h4 {
    margin: auto;
    margin-top: 20px;
    margin-bottom: 13px;
    font-size: 15px !important;
}

.signAreaHeader {
    margin: auto;
    max-width: 205px;
    padding: 30px;
    padding-top: 19px;
    padding-bottom: 18px;
}

.signArea .alert {
    margin-bottom: 6px;
    font-weight: bold;
}

.signArea input[type=submit] {
    font-weight: bold;
}

.signArea input[inputmode=decimal], .signArea input[inputmode=numeric] {
    font-size: 18px !important;
}

.signWell {
    background: #485563; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #29323c, #485563); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #29323c, #485563); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    color: #fff !important;
    font-weight: normal !important;
    border: none;
    text-shadow: 0px 1px 7px rgba(255, 255, 255, 0.2), 0 1px 0px rgba(255, 255, 255, 0.3);
    font-family: 'QuicksandRegular', 'IRANNormal', Arial !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.signWell a {
    color: #fff !important;
    font-weight: normal !important;
    text-decoration: underline;
}

.g-recaptcha {
    transform: scale(0.9) !important;
    transform-origin: 0 0 !important;
    margin-left: 330px !important;
}

@media (max-width: 567px) {
    .signArea {
        width: 100%;
        max-width: 90% !important;
    }

    .sahandInspectionReprotArea {
        width: 100%;
        max-width: 90% !important;
    }

    .g-recaptcha {
        transform: scale(0.8) !important;
        transform-origin: 0 0 !important;
        margin-left: 330px !important;
    }
}