﻿@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: bold;
	src: url('/content/dashboard/fonts/iranyekanwebbold(fanum).eot');
	src: url('/content/dashboard/fonts/iranyekanwebbold(fanum).eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('/content/dashboard/fonts/iranyekanwebbold(fanum).woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('/content/dashboard/fonts/iranyekanwebbold(fanum).woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('/content/dashboard/fonts/iranyekanwebbold(fanum).ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 300;
	src: url('/content/dashboard/fonts/iranyekanweblight(fanum).eot');
	src: url('/content/dashboard/fonts/iranyekanweblight(fanum).eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('/content/dashboard/fonts/iranyekanweblight(fanum).woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('/content/dashboard/fonts/iranyekanweblight(fanum).woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('/content/dashboard/fonts/iranyekanweblight(fanum).ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: normal;
	src: url('/content/dashboard/fonts/iranyekanwebregular(fanum).eot');
	src: url('/content/dashboard/fonts/iranyekanwebregular(fanum).eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('/content/dashboard/fonts/iranyekanwebregular(fanum).woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('/content/dashboard/fonts/iranyekanwebregular(fanum).woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('/content/dashboard/fonts/iranyekanwebregular(fanum).ttf') format('truetype');
}

body {
    direction:rtl;
    font-family:iranyekan,Tahoma;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    font-family:iranyekan,Tahoma;
    font-weight:bold;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9{float:right;}
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9{float:right;}
.form-group.label-floating label.control-label, .form-group.label-placeholder label.control-label{
    right:5px;
    z-index:1000;
}
.amcharts-main-div {
    min-height: 300px !important;
}

.amcharts-main-div * {
    font-family: iranyekan !important;
}
#header_wrapper.header-sm #header h1{
    margin:5px;
}
#logo_wrapper ul li h1.brand-text{
    letter-spacing:unset;
    font-weight:bold;
}
/*#content_wrapper{
    background-color:#FAFAFA;
}*/
#content_outer_wrapper{
    padding-right:240px;
    padding-left:0;
}
.app_sidebar-menu-collapsed #app_wrapper #content_outer_wrapper{
    padding-left:unset;
    padding-right:50px;
}
/*#app_topnavbar-wrapper .dropdown-menu.dropdown-menu-left{
    right:0;
    left:auto;
}*/
.nav-dropdown > a:before{
    content:"";
}
.nav-dropdown.open > a:before{
    content:"";
}
#chat_compose_wrapper.open{
    left:280px;
}
#chat_compose_wrapper{
    left:-420px;
}
.navbar-nav{
    float:right;
}

#logo_wrapper{
    float:right;
}

#logo_wrapper ul li .logo img{
    left:auto;
    right:13px;
}

#logo_wrapper ul li h1.brand-text{
    padding: 5px 60px 0 0;
}

#app_main-menu-wrapper{
    border:none;
    border-left:2px solid #EEEEEE;
}

body #app_wrapper #app_sidebar-left #app_main-menu-wrapper .nav-pills > li.active > a, body #app_wrapper #app_sidebar-left #app_main-menu-wrapper .nav-pills > li.active > a:focus, body #app_wrapper #app_sidebar-left #app_main-menu-wrapper .nav-pills > li.active > a:hover{
    border-left:none;
    border-right: 3px solid #796aee;
}
.nav-dropdown > a::after, .nav-dropdown > a:before{
    left:15px;
    right:auto;
}
#app_main-menu-wrapper .nav .nav-sub li > a
{
    padding:6px 39px 6px 0;
}
.card{
    margin-bottom:10px;
}
.card .card-body{
    padding-bottom:5px !important;
}
.nav{
    padding-right:0;
    padding-left:0;
}

.sidebar-overlay-open #app_sidebar-right .sidebar-overlay{
    left:0;
    right:auto;
}

.sidebar-overlay #chat_fab_new{
    right:auto;
    left:20px;
}

.list-group{
    padding-right:0;
}

.card-footer ul.card-actions.icons.right, .card-heading ul.card-actions.icons.right{
    left:20px;
    right:auto;
}
#footer_wrapper .footer-content{
    text-align:right;
}

.checkbox input[type="checkbox"]:checked + .checkbox-material .check:before, label.checkbox-inline input[type="checkbox"]:checked + .checkbox-material .check:before{
    margin-right:10px;
    margin-left:unset;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child, .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child){
     border-bottom-right-radius: 0;
    border-top-right-radius: 0;
     border-bottom-left-radius: inherit;
    border-top-left-radius: inherit;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn:first-child:not(:last-child), .btn-group > .dropdown-toggle:not(:last-child){
     border-bottom-right-radius: 0;
    border-top-right-radius: 0;
     border-bottom-left-radius: inherit;
    border-top-left-radius: inherit;
}

.navbar .navbar-nav > li > a.btn{
    padding:15px 10px !important;
}
.btn-fab {
    padding:10px!important;
}
.bootstrap-tagsinput,.bootstrap-tagsinput input{
    border: none !important;
    border-radius:initial !important;
    box-shadow: none !important;
    
}
.bootstrap-tagsinput input{
    background-image: linear-gradient(#42a5f5, #42a5f5), linear-gradient(rgba(165, 181, 203, 0.5), rgba(165, 181, 203, 0.5));
    background-position: center bottom, center calc(100% - 1px);
    background-repeat: no-repeat;
    background-size: 0 2px, 100% 1px;
    display:block;
    float: none;
    transition: background 0s ease-out 0s;
    width:100% !important;
}
.form-group{
    margin: 3px 0 3px 0 !important;
    padding-bottom:3px;
    min-height: 20px;
}
.dropdownjs:after{
    left:10px !important;
    right:auto;
}
.dropdownjs > input{
    padding-left:30px;
    padding-right:5px;
}


.select2-container--default .select2-selection--single{
    border-radius:0;
    border:none;
    border-bottom:1px solid #D0D8E3;
    background-color:unset;
    /*background-image: linear-gradient(#42a5f5, #42a5f5), linear-gradient(rgba(165, 181, 203, 0.5), rgba(165, 181, 203, 0.5));*/
    background-position: center bottom, center calc(100% - 1px);
    background-repeat: no-repeat;
    background-size: 0 2px, 100% 1px;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    float: none;
    transition: background 0s ease-out 0s;
    font-size:11pt;
}

caption, th{
    text-align:center;
}
td{text-align:right;vertical-align:middle;}
.table{
    font-size:10pt;
    font-weight:normal;
}
.select2-container .select2-selection--single{
    height:38px;
}

.app_sidebar-menu-collapsed #app_main-menu-wrapper .nav-pills > li > a > i{
    margin-right:auto;
    margin-left:30px;
}

.select2-container--open .select2-dropdown--below{
    border: 1px solid #d0d8e3;
    border-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
     border: 1px solid #eee;
}


.select2-container--default .select2-selection--single .select2-selection__arrow{
    left:0;
    right:auto;
    height:38px;
}

.select2-container .select2-selection--single .select2-selection__rendered
{
    text-align:right;
    padding-right:8px;
    padding-left:20px;
}
.select2-container{
    text-align:right;
    width:100% !important;
}

#app_topnavbar-wrapper .navbar-form .close-search{
    left:30px;
    right:auto;
}
#app_topnavbar-wrapper .navbar-form .form-control{
    padding-left:initial;
    padding-right:20px;
}

.card .card-search .search-icon-right{
    right:15px;
    left:auto;
}

.card .card-search .close-search{
    left:15px;
    right:auto;
}
.icon.zmdi{
    line-height:2 !important;
    text-align:center;
    text-indent:0 !important;
}
table a.icon.zmdi{
    float:right;
}
.dropdown.open .dropdown-menu{
    top:0;
}

.btn-group-sm .btn.btn-fab, .btn-group-sm .navbar .navbar-nav > li > a.btn.btn-fab, .btn.btn-fab.btn-fab-sm, .navbar .navbar-nav > li > a.btn.btn-fab.btn-fab-sm{
    height:45px !important;
    width:45px !important;
    line-height:1;
}

.table thead{font-size:10pt;}
.table td a.icon{font-size:13pt; background:#E8F0FE;border:none;border-radius:100%;height:35px;margin:0 3px;width:35px;display:inline-block;line-height:3em;text-indent:5px}
.table td a.icon i{margin-right:15px}
.table td a.icon:hover{background:#688696;color:#fff}
.ui-widget{
    font-family:iranyekan,Tahoma !important;
    font-size:10pt;
}
.ui-datepicker table{
    text-align:center !important;
    font-size:10pt !important;
}

#logo_wrapper ul li .logo img{
    width:30px;
    height:30px;
    top:15px;
}
#website-stats .legend
{
    left:0;
}
#grid .table > tbody > tr > td, #grid .table > tbody > tr > th, #grid .table > tfoot > tr > td, #grid .table > tfoot > tr > th, #grid .table > thead > tr > td, #grid .table > thead > tr > th{
    padding:5px;
}
#grid{
    position:relative;
}
#grid .btn-fab{
    position:absolute;
    top:-45px;
    right:-5px;
    z-index:1;
}
#grid td{
        max-width:350px !important;
        font-size:9pt;
    }
#grid .pagination{
    float:left;
}
.pagination > li > a, .pagination > li > span{
    font-size:9pt;
}
.iconcount{
    margin:0 !important;
    font-size:9pt !important;
    color:#FFFFFF !important;
    text-align:center;
    text-indent:0 !important;
}
@media (max-width: 1026px){
    #app_wrapper.content-expanded #content_outer_wrapper #content_wrapper #content .content-body {
        padding: 0;
    }

    #app_wrapper.content-expanded #content_type.boxed-leftnav .content-body .card .card-body {
        padding: 20px 80px 10px 20px;
    }

    #app_wrapper #content_outer_wrapper {
        padding-right: 0 !important;
    }
}
.card-body .block{
    font-size:18pt;
}

.card.type--profile .card-heading{
    background-image: url("/content/dashboard/images/header-md-1.jpg") !important;
}

@media (max-width:500px) {
    #app_wrapper #content_outer_wrapper {
        padding-left: 0;
        padding-right: 0;
    }
}


ul.nav-tree { list-style: none; margin-right: 20px; font-weight:bold; }
ul.nav-tree ul.nav-tree { margin-right: 45px; }
ul.nav-tree li { position: relative; margin-right: -15px; }
ul.nav-tree li a { text-indent: 15px; }
ul.nav-tree li span.opener.closed span.tree-icon-opened { display: none; }
ul.nav-tree li span.opener.closed span.tree-icon-closed { display: inline-block; }
ul.nav-tree li span.opener.opened span.tree-icon-open { display: inline-block; }
ul.nav-tree li span.opener.opened span.tree-icon-closed { display: none; }
/*#tree .nav > li, .nav > li > a{display:inline-block;}*/



.card.profile-menu a.info:after, .card.profile-menu.open a.info:after{
    right:auto;
    left:8px;
}

.dropdown-menu li > a{
    text-align:right;
    direction:rtl;
}

.label{float:right;}

#app_main-menu-wrapper .nav .nav-sub{
    padding-bottom:5px;
}
#app_main-menu-wrapper .nav .nav-sub li > a{
    line-height:1.5;
}
#logo_wrapper ul li h1.brand-text{
    font-size:9pt;
}
#header .alert{
    left:10px;
    top:75px;
    position:fixed;
    font-size:10pt;
    z-index:10000;
}
.close{
    float:none;
}
.label-floating .select2-selection__placeholder{
    display:none !important;
}

.field-validation-error {
    color: #b65d5d;
    font-size: 10pt;
}

.select2-results > .select2-results__options{
    font-size:9pt;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{
    float:right;
    padding-left:5px;
}


/*login countdown timer*/
 button[data-setter] {
            outline: none;
            background: transparent;
            border: none;
            font-family: Tahoma;
            font-weight: 300;
            font-size: 18px;
            width: 25px;
            height: 30px;
            color: #FFFFFF;
            cursor: pointer;
            display:none;
        }

            button[data-setter]:hover {
                opacity: 0.5;
            }

        #mytimer {
            position: relative;
            display:block;
            height:50px;
            width: 50px;
            margin: 7px auto;
        }

        .setters {
            position: absolute;
            left: 85px;
            top: 25px;
        }

        .minutes-set {
            float: left;
            margin-right: 28px;
        }

        .seconds-set {
            float: right;
        }

        .controlls {
            position: absolute;
            left: 10px;
            top: 12px;
            text-align: center;
            
        }

        .display-remain-time {
            font-family: IRANYekan, Tahoma;
            font-weight: 100;
            font-size: 10pt;
            color: #FFFFFF;
        }

        #pause {
            outline: none;
            background: transparent;
            border: none;
            margin-top: 10px;
            width: 50px;
            height: 50px;
            position: relative;
            display:none;
        }

        .play::before {
            content: "";
            position: absolute;
            top: 8px;
            left: 16px;
            border-top: 15px solid transparent;
            border-bottom: 15px solid transparent;
            border-left: 22px solid #F7958E;
        }

        .pause::after {
            content: "";
            position: absolute;
            top: 8px;
            left: 12px;
            width: 15px;
            height: 30px;
            background-color: transparent;
            border-radius: 1px;
            border: 5px solid #F7958E;
            border-top: none;
            border-bottom: none;
            display:none;
        }

        #pause:hover {
            opacity: 0.8;
        }

        .e-c-base {
            fill: none;
            stroke: #B6B6B6;
            stroke-width: 8px;
        }

        .e-c-progress {
            fill: none;
            stroke: #FFFFFF;
            stroke-width: 12px;
            transition: stroke-dashoffset 0.7s;
        }

        .e-c-pointer {
            fill: #FFF;
            stroke: #cccccc;
            stroke-width: 8px;
        }

        #e-pointer {
            transition: transform 0.7s;
        }
/*-------------*/

#Password + .unmask {
    position: absolute;
    left: 5px;
    bottom: 20px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    border: none;
    background-color: #FFFFFF;
    color: #888888;
    -webkit-appearance: none;
    font-size: 14pt;
}

#Password[type="text"] + .unmask:after {
    content: "";
    position: absolute;
    bottom: 20px;
    left: 5px;
    width: 25px;
    height: 25px;
    z-index: 2;
    border: none;
}
    ul.nav-wizard {
  background-color: #ffffff;
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
}

ul.nav-wizard li {
  position: relative;
  float: none;
  height: 46px;
  display: inline-block;
  text-align: center;
  padding: 0 20px 0 30px;
  margin: 0;
  font-size: 10pt;
  line-height: 46px;
  border-left:1px solid #DDDDDD;
  min-width:175px;
  width:100%;
  display:table-cell;
}
ul.nav-wizard li a {
  color: green !important;
  padding: 0;
}
ul.nav-wizard li a:hover {
  background-color: transparent;
}

ul.nav-wizard li.active {
  color: #3a87ad;
  background: #f1f1f1;
}
ul.nav-wizard li.active:after {
  border-right: 16px solid #dedede;
}
ul.nav-wizard li.active a,
ul.nav-wizard li.active a:active,
ul.nav-wizard li.active a:visited,
ul.nav-wizard li.active a:focus {
  color: cornflowerblue !important;
  background: #f1f1f1;
}
ul.nav-wizard .active ~ li {
  color: green !important;
  background: #FFFFFF;
}
ul.nav-wizard .active ~ li:after {
  border-right: 16px solid #EEEEEE;
}
ul.nav-wizard .active ~ li a,
ul.nav-wizard .active ~ li a:active,
ul.nav-wizard .active ~ li a:visited,
ul.nav-wizard .active ~ li a:focus {
  color: #999999 !important;
  background: #FFFFFF;
}
ul.nav-wizard.nav-wizard-backnav li:hover {
  color: #468847;
  background: #f6fbfd;
}
ul.nav-wizard.nav-wizard-backnav li:hover:after {
  border-right: 16px solid #f6fbfd;
}
ul.nav-wizard.nav-wizard-backnav li:hover a,
ul.nav-wizard.nav-wizard-backnav li:hover a:active,
ul.nav-wizard.nav-wizard-backnav li:hover a:visited,
ul.nav-wizard.nav-wizard-backnav li:hover a:focus {
  color: #468847;
  background: #f6fbfd;
}
ul.nav-wizard.nav-wizard-backnav .active ~ li {
  color: #999999;
  background: #ededed;
}
ul.nav-wizard.nav-wizard-backnav .active ~ li:after {
  border-right: 16px solid #ededed;
}
ul.nav-wizard.nav-wizard-backnav .active ~ li a,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:active,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:visited,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:focus {
  color: #999999;
  background: #ededed;
}
label.new {
    display: inline-block;
    max-width: 100%;
    top: -12px;
    position: absolute;
    background-color: #FFFFFF;
    padding: 0 5px;
    z-index: 2;
    right: 5px !important;
    color: #000000 !important;
}
input.new{
    border:none !important;
    border:1px solid #eeeeee !important;
    background-image:none;
    padding:8px;
    height:45px;
    width:100%;
    border-radius:2px !important;
}
textarea.new {
    border: 1px solid #EEEEEE !important;
}
.select2-container {
    border:1px solid #EEEEEE !important;
    margin-bottom: 7px;
}
.card-heading .select2-container {
    border:1px solid #c4d1e1 !important;
    margin-bottom: 7px;
    height:38px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height:43px;
}
.select2-container .select2-selection--single{
    height:43px;
}
.bootstrap-table thead th{
    background-color:#003882;
    color:#FFFFFF;
}
.fixed-table-container thead th:first-child:not([data-not-first-th]){
    border-right:none;
    border-left:1px solid #dddddd !important;
    border-top-left-radius:0 !important;
    border-bottom-left-radius:0 !important;
     border-top-right-radius:2px !important;
    border-bottom-right-radius:2px !important;
}
.modal-header{
    padding:10px 20px;
}
.alert-danger h3{
    color:#FFFFFF;
    font-size:12pt;
    margin:10px;
}
.bootstrap-table tbody{
    background-color:#FFFFFF;
}
.bootstrap-table td{
    font-size:10pt;
    padding:5px !important;
}
.bootstrap-table .btn{
    font-size:10pt;
    padding:3px !important;
    margin:1px !important;
}
.fixed-table-pagination .pagination-detail, .fixed-table-pagination div.pagination{
    margin-top:5px;
    margin-bottom:5px;
}
.fixed-table-pagination .btn{
    padding:8px;
}
.pagination-detail{
    font-size:10pt;
}
.pagination { padding-right:0;  }
.pagination > li > a, .pagination > li > span{
    float:right;
}
.pagination > li:last-child > a, .pagination > li:last-child > span{
    border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
    .pagination > li:first-child > a, .pagination > li:first-child > span {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
.fixed-table-container tbody td:first-child {
    border-left: 1px solid #d7e1ed !important;
}
.ui-datepicker{
    font-family:Tahoma !important;
    font-size:10pt !important;
    z-index:10000 !important;
}
.ui-datepicker td span, .ui-datepicker td a{
    padding:0 5px !important;
    text-align:center !important;
}
.dropzone .dz-default.dz-message{
    text-align:center;
    padding:50px;
}
.newlbl{
    background-color:#EEEEEE;
    color:#333333;
    padding:5px;
    display:inline-block;
    margin:5px;
}
.newtitle{
    border-right:3px solid #003882;
    border-radius:0;
    display:inline-block;
    padding:5px;
    margin:15px 5px;
}
.tabcontent{
    background-color:#FFFFFF;
}
.nav-tabs li.active a:after{
    background:#003882;
}
.nav-tabs.nav-justified > li > a:hover{
    color:#003882;
}
#app_main-menu-wrapper .nav-pills > li > a{
        padding:7px 10px;
    }

.modal-header .close{
    right:auto;
    left:10px;
}
.nav-tabs > li{
    float:right;
}
.nav-tabs > li > a{
    margin-right:0;
    margin-left:2px;
}
@media (max-width:768px) {
    #logo_wrapper {
        position: absolute;
        right: 0;
    }
    #app_topnavbar-wrapper .nav.navbar-nav li{
        float:left;
    }
    #logo_wrapper ul{
        float:right;
    }
    #header_wrapper #header h1{
        font-size:1em !important;
    }
    #logo_wrapper ul li h1.brand-text{
        display:none;
    }
}
.form-group label.control-label{
    right:10px;
}


.bootstrap-table .table > tbody > tr.groupBy {
  cursor: pointer;
}

.bootstrap-table .table > tbody > tr.hidden + tr.detail-view {
  display: none;
}

.btn.btn-default {
    background-color: #00afef !important;
}

body#auth_wrapper #login_wrapper .logo{
    margin:15px 25px;
    text-align:center;
    width:auto;
    height:auto;
    max-height:110px;
}
    body#auth_wrapper #login_wrapper .logo img {
        max-height: 125px;
        margin: 0 auto;
        text-align: center;
        padding: 15px;
    }
body#auth_wrapper #login_wrapper #login_content h1 {
    margin:20px auto;
}

.form-control, .form-group .form-control {
    background-image: inherit;
    border-bottom: 1px solid #EEEEEE;
}
#auth_wrapper .login-options{
    margin-top:15px;
}
.group-span-filestyle label {
    margin-top: 0 !important;
    min-height: 45px !important;
    margin-bottom: 0px !important;
    width: 94% !important;
    padding: 0px !important;
    border: 1px solid #eee;
}

.group-span-filestyle .buttonText {
    color: black;
    line-height: 35px;
}

.bootstrap-filestyle {
    margin: 0px;
    width: 100%;
}

.group-span-filestyle .btn-default{
    background-color:#fafafa !important;
}


label.required:after {
    content:" * ";
    color:red;
}