.mandatory {
    color: red;
}

.tablesearch td {
    padding-bottom: 10px !important;
}

.tablesearch input {
}

.tblsearch td {
    padding-left: 8px !important;
    padding-top: 6px !important;
    height:30px;
}

.tablesearch .datecontrol {
    padding-left: 2px !important;
    margin-top: 10px !important;
}

.select2-chosen,
.select2-result-label {
    direction: ltr !important;
    font-family: Arial !important;
}

.english {
    direction: ltr !important;
    font-family: Arial !important;
}

.tblsearch td {
    padding-right:10px !important;
    padding-top:10px !important;
}

.tblsearch tr {
    padding-top: 15px !important;
}


input {
    font-family: Arial !important;
}

input.buttonicon:hover,
input.buttonicon {
    background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat; /* make the background image appear only once */
    background-position: 8px 6px; /* equivalent to 'top left' */
    border: none; /* assuming we don't want any borders */
    cursor: pointer; /* make the cursor like hovering over an <a> element */
    padding-left: 30px !important; /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
    /*border-radius: 10px !important;*/
}

@media (max-width: 767px) {
    .hidden-mobile {
        display: none;
    }
}

input.buttonicon-right {
    background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat; /* make the background image appear only once */
    background-position: right 8px top 9px !important; /* equivalent to 'top left' */
    border: none; /* assuming we don't want any borders */
    cursor: pointer; /* make the cursor like hovering over an <a> element */
    padding-right: 30px !important; /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
}

input.save,
input.save:hover {
    background-image: url(/images/save1.png) !important;
}

input.ref
input.ref:hover {
    background-image: url(/images/refresh.png) !important;
}

input.copy,
input.copy:hover {
    background-image: url(/images/copy.png) !important;
}

input.delete,
input.delete:hover {
    background-image: url(/images/delete-icon.png) !important;
}

input.draft,
input.draft:hover {
    background-image: url(/images/draft.png) !important;
}

input.bin,
input.bin:hover {
    background-image: url(/images/bin.png) !important;
}

input.send2,
input.send2:hover {
    background-image: url(/images/send.png) !important;
}

input.cancel:hover,
input.cancel {
    background-image: url(/images/cancel.png) !important; /* 16px x 16px */
}

input.forward:hover,
input.forward {
    background-image: url(/images/forward.png) !important; /* 16px x 16px */
}

input.reply:hover,
input.reply {
    background-image: url(/images/reply.png) !important; /* 16px x 16px */
}

input.delete:hover,
input.delete {
    background-image: url(/images/delete.png) !important; /* 16px x 16px */
}

input.reply-all:hover,
input.reply-all {
    background-image: url(/images/reply-all.png) !important; /* 16px x 16px */
}

input.search:hover,
input.search {
    background-image: url(/images/search.png) !important; /* 16px x 16px */
}

input.add:hover,
input.add {
    background-image: url(/images/add.png) !important; /* 16px x 16px */
}

input.edit:hover,
input.edit {
    background-image: url(/images/edit2.png) !important; /* 16px x 16px */
}

input.back:hover,
input.back {
    background-image: url(/images/back.png) !important; /* 16px x 16px */
}

input.nexticon:hover,
input.nexticon {
    background-image: url(/images/next.png) !important; /* 16px x 16px */
}

input.excel:hover,
input.excel {
    background-image: url(/images/excel-file.png) !important; /* 16px x 16px */
}

.table-striped > tbody > tr:first-child > td {
    /*background-color: #2d5f8b !important;*/
}

@font-face {
    font-family: 'farsi';
    src: url('/fonts/IRAN Sans Bold.woff');
}

.page-title,
.farsi,
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    font-family: 'farsi' !important;
}

.page-logo {
    float: right !important;
}

.portlet-title {
/*    float: right !important;
    direction: rtl !important;*/
}

.navbar-nav li {
/*    float: right !important;
    text-align: right !important;*/
}

.page-title {
/*    direction: rtl !important;
    text-align: right !important;*/
}

.page-header-inner {
    margin-left: 30px;
}

.top-menu {
    float: left !important;
}

.page-sidebar-menu {
/*    direction: rtl !important;
*/

}

.tblform {
}

.tblform-tr {
}

.table-lbl {
    width: 150px !important;
    padding-left: 40px;
    padding-bottom: 10px;
}

.tblform {
    width: 100% !important;
}
/*    .input-sm {
        margin-right: 10px;
    }*/

.questionrow td {
    padding-top:15px !important;
}

.custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
}

.custom-file-input::before {
    content: 'انتخاب فایل';
    display: inline-block;
    background: linear-gradient(top, #f9f9f9, #e3e3e3);
    border: 1px solid #999;
    border-radius: 3px;
    padding: 5px 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 700;
    font-size: 10pt;
}

.custom-file-input:hover::before {
    border-color: black;
}

.custom-file-input:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

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