/* here you can put your own css to customize and override the theme */
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/eot/IRANSansWeb.eot');
    src: url('../fonts/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff2/IRANSansWeb.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/IRANSansWeb.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/IRANSansWeb.ttf') format('truetype');
}

.no-pad {
    padding: 0px !important;
}

.top-mar {
    margin-top: 3%;
}
.bot-mar {
    margin-bottom: 3%;
}
.login-content .form-actions {
    position: relative;
}

.login-content .error {
    color: #000 !important;
}

.add-new-row {
    margin-left: 5%;
}

.page-logo > a {
    /*width: 80% !important;*/
}

.page-logo > a > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.phone-tag {
    display: inline-block;
    padding: 5px 15px;
    background-color: #d5d5d5;
    border-radius: 3px;
    color: #717171;
    margin-right: 2%;
    margin-top: 2%;
}

.phone-tag:first-child {
    margin-right: 0px !important;
}

.rm-phone-tag {
    transition: all 0.3s;
    cursor: pointer;
}

.rm-phone-tag:hover {
    color: #ef5050;
}

.help-block-error {
    opacity: 1 !important;
}

.modal-input-mar {
    margin-bottom: 7% !important;
}

.tooltip.right, .tooltip.top, .tooltip.bottom {
    font-family: IRANSans !important;
}

.admin-op {
    display: inline-block;
    width: 25px;
    text-align: center;
    cursor: pointer;
}

.fntbtn {
    font-family: IRANSans !important;
}

#roles-error,
#platform-error,
#phonetip-error {
    display: block;
    margin-top: 40px;
}

/*======================== Response editor ============================*/
.reseditor .toolbar {
    min-height: 35px;
    height: auto;
    background-color: #efefef;
    padding: 10px 15px;
}

.reseditor .content {
    border: 1px solid #27a4b0 !important;
}

.reseditor .toolbar .btn {
    margin-right: 1%;
}

.mdc {
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #000;
}

/*======================== Lock screen css ===========================*/
.page-lock .page-logo {
    width: 98px;
    height: 70px;
}

.page-lock .page-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/*fixer*/
.popover-footer {
    padding: 10px 15px;
}

/*========================= Dashboard quick nav css ==================*/
.dashboard-qnav {
    text-decoration: none;
}

.dashboard-qnav:hover {
    text-decoration: none;
}

.page-header.navbar .page-logo .logo-default {
    margin: 15px 0 0 !important;
}

i.fileinput-exists {
    cursor: pointer;
    transition: all 0.3s;
}

i.fileinput-exists:hover {
    color: #2b902b;
}

/*======================== Charts styling ===============================*/
.chart {
    width: 100%;
    height: 250px;
}

.amcharts-legend-div svg {
    right: 0 !important;
}

.reqi-chart {
    border: 1px solid #c2c2c2;
    margin-bottom: 15px;
    background-color: #f6f6f6;
}

.mt-checkbox > span::after {
    border-width: 0 2px 2px 0px !important;
    transform: rotate(-317deg) !important;
}

/*===================== Banks capabilities =====================*/
.md-checkbox input[type="checkbox"]:checked ~ label > .check {
    transform: scale(1) rotate(45deg) !important;
}

.md-checkbox label > .check {
    border-left: none !important;
    border-right: 2px solid #36c6d3 !important;
}

.bank-font {
    font-family: "IRANSans"
}

.datepicker-plot-area {
    z-index: 999999 !important;
}

.ladda-spinner {
    left: 1% !important;
}

.fa-report-details {
    color: #659be0;
    display: block !important;
    text-align: center;
    transition: all 0.3s;
    cursor: pointer;
    font-size: 16px;
}

.fa-report-details:hover {
    color: #13a78d;
}

.trans-status {
    margin-left: 5%;
}

.report-details-margins {
    margin-top: 24px;
}

.form-group.form-md-line-input {
    margin: 0px 0 20px 0 !important;
}

.bank-logo {
    width: 25px;
    height: 25px;
}

.report-border {
    border-bottom-color: #5e8eb9 !important;
}

.report-caption {
    font-size: 15px;
}

.user-guide-box {
    background-color: lightgrey;
    width: auto;
    border: 1px solid #27a4b0;
    padding: 25px;
    margin: 25px;
}

.reportNav {
    font-size: 12px;
}

#sug-elip {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

.filter-holder {
    background-color: #f0f0f0;
    padding: 15px 5px;
    box-shadow: 2px 2px 5px 0px;
}

.ajax-banl-img {
    display: block;
    float: left;
    width: 20px;
}

.report-table {
    display: block;
    max-height: 350px;
    overflow-y: scroll;
}

/*========== BEGIN List print privew ==================*/
.print-preview tr {
    text-align: right;
}

.print-preview th {
    text-align: right;
}

.print-preview {
    direction: rtl;
}

/*========== END List print privew ==================*/
.page-logo-center {
    height: 100%;
    float: none;
    padding: 5px 0px;
}

.page-logo-center img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.page-logo > a {
    display: block;
    float: right;
}

.main-logo {
    width: 28%;
    margin: auto;
    text-align: center;
}

@media (max-width: 991px) {
    .page-logo > a {
        display: inherit !important;
        float: none !important;
    }

    .main-logo {
        width: 40px !important;
        text-align: center !important;
        margin: auto !important;
    }
}

@media (max-width: 767px) {
    .page-header.navbar .page-logo {
        width: 100% !important;
    }
}

@media (max-width: 991px) {
    .page-header.navbar .page-logo {
        width: 100% !important;
    }
}
.page-header.navbar .menu-toggler.responsive-toggler {
    margin: -40px 6px 0 14px !important;
}

.success-table {
    display: block;
    /*max-height: 350px;*/
    overflow-y: hidden;
}

.pieCharts {
    width: 50%;
    height: 650px;
}

.gust-holder {
    margin-top: 3% !important;
    margin-bottom: 3% !important;
}
.number-input {
  width: 45px;
  border: solid 1px;
  border-color: #e7ecf1;
  margin-top: 3% !important;
  margin-bottom: 3% !important;
  text-align: center;
}
#msg-excel {
  margin-bottom: 5%;
  border: 1px solid #c2c2c2;
  background-color: cornsilk;
}
#excel-lbl {
  padding: 31px 0px;
  margin: 0px 0 0px 0 !important;
}
#sugg_ajax_wrapper .dt-buttons {
    margin-left: 20px;
}
td.sug-text-summary {
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bootstrap-timepicker-widget table {
    direction: ltr !important;
}
.prize-checkbox {
    margin-right: 25px !important;
}
.row-box {
    border: 1px solid #c2c2c2;
    background-color: beige;
    padding: 10px 0px;
}
.progress {
    background-color: #ded4cc !important
}
table ,th, td {
    text-align: center !important;
}
.failrepodiv {
    color: white;
}
.page-logo {
    background-color: #735996 !important;
}
#userTypeClear .select2-selection__clear {
    display: none !important;
}
.dynamic-form-section {
    border: 3px solid #d5d5d6;
    box-shadow: 0px 0px 25px 12px #d5d5d6;
    padding: 15px 15px;
    margin-top: 25px;
}