@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100..900&display=swap');

.account-img{
   width: 200px;
}

:root {
   --modiran-primary: #0071bb;
   --modiran-secondary: #F5F6F8;
   --modiran-disabled-color:#EAEAEA;
   --modiran-bg-color: #fcfcfc;
   --modiran-input-bg: #f5f6f8;
   --modiran-font-family: "Vazirmatn", serif; /*"Vazir", "Shabnam"; */
   --bs-font-sans-serif: "Vazirmatn", serif; /*"Vazir", "Shabnam";*/
   /*--modiran-font-family: "Iran yekan";*/
}
.link-modiran-primary{
   text-decoration: none;
   color: var(--modiran-primary);
}
.active-company{
   background: var(--modiran-secondary);
   box-shadow: 5px 10px #F5F6F8;
}
.text-modiran-primary{
   color: var(--modiran-primary) !important;
   font-family: var(--modiran-font-family);
   font-weight: normal;
}
.modiran-form-container{
   width: 100%;
}
.modiran-form-container .form-header{
   font-family: var(--modiran-font-family);
   font-size: 16pt;
}
.modiran-btn{
   border-radius: 25px;
}
.modiran-btn-primary{
   background: lightblue;
   border-radius: 25px;
   color: var(--modiran-primary);
}
.modiran-btn-success{
   background: var(--modiran-primary);
   border-radius: 25px;
   color: white;
}
.modal-footer{
   justify-content: center !important;
}
.modal-content{
   border-radius: 1rem !important;
}
.modal-content input,
.modal-content textarea{
   border-radius: 8px;
   border: none;
}
.modiran-dropdown{
   min-width: 700px !important;
   position: absolute;
   max-width: auto;
   border: 1px sold black;
   box-shadow: -10px 10px 10px 3px #EAEAEA;
   z-index: 999;
   place-items: center;
   background: white;
}
.active-dropdown-menu{
   background: var(--modiran-primary) !important;
   color: white !important;
   border-radius: 10px;
}
.modiran-dropdown ul {
   list-style: none;
}
.main-content{
   margin-top: 0px;
}
.bpt-color{
   color: var(--modiran-primary);
}
.bpt-bg{
   background: white;
}
p{
   font-family: var(--modiran-font-family);
}
 .content-section{
   margin: 0 auto;
   margin-top: 150px !important;
   padding: 30px;
   background: #fcfcfc;
   border: 2px solid red;
   border-radius: 20px;
}

.content-hsection{
   min-height: 100vh;
}
.gradient-custom-1 {
   /* fallback for old browsers */
   background: #fccb90;
   
   /* Chrome 10-25, Safari 5.1-6 */
   background: -webkit-linear-gradient(to right, #ee7724, #d8363a, #dd3675, #b44593);
   
   /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
   background: linear-gradient(to right, #ee7724, #d8363a, #dd3675, #b44593);
}

.media{
   display: flex;
   flex-direction: row-reverse
}
.rshow-ul{
  list-style-type: none;
}
.rshow-ul > li {
   float: right;
   margin-left: 50px;
}
.ds-nav{
  flex-wrap: nowrap;
}
.ds-nav .nav-item .nav-link{
   padding: 0.2rem 0.3rem;
}
.ds-nav a {
   min-width: 55px;
   text-align: center;
   display: block;
}
.ds-form-title{
   /*color: #0dcaf0; */
   color: #F0330D;
}
.ds-btn{
   border-radius: 10px;
   min-width: 100px;
}
.action-group{
   backgroup: #b4deea;
}
.login-form input{
/*   background: var(--modiran-input-bg);*/
}
.modiran-form-title, .login-form-title{
   color: var(--modiran-primary);
   font-family: var(--modiran-font-family);
   font-size: 1.5rem !important;
}
.modiran-form-activity-desc{
   font-family: var(--modiran-font-family);
   font-weight: normal;
   font-size: 9pt !important;
}
.form-floating input,
.form-floating select,
.form-floating textarea{
   background: var(--modiran-secondary);
}
.form-floating > .form-control:focus ~ label, 
.form-floating > .form-control:not(:placeholder-shown) ~ label, 
.form-floating > .form-select ~ label {
   opacity: .65;
   transform: scale(.85) translateY(-.9rem) translateX(-.15rem);
 }

/*.form-floating > .form-control, 
.form-floating > .form-control-lg, 
.form-floating > .form-control-plaintext {
    padding: 1rem 0.75rem;
    text-align: right !important; 
}
.form-floating > .form-control,
.form-floating > .form-control-lg, 
.form-floating > .form-select {
  height: calc(4.5rem + 3px);
  line-height: 1.25;
}*/
.login-form-banner{
}
.login-form button{
   border-radius: 25px;
}
.login-block{}
@media screen and (max-width: 531px) {
   .main-content{ margin-top: 10px;}
   .change-block { display: flex; flex-flow: column; margin-top: 20px; }
   .change-block-left{ order: 1; }
   .change-block-left > img{
      width: 400px;
      border: 1px solid;
      border-radius: 30px;
   }
   .change-block-right { order: 2;  }
}
.modiran-title-1{
   color: var(--modiran-primary)
}
body{
   background-color: var(--moadian-bg-color);
   font-family: var(--modiran-font-family) !important;
   height: 500px;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
}

@media print{
   .no-print{
      display: none;
   }
}
.nav-tabs > .nav-link{
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
}
.tab-pane{
   border-top-right-radius: 0px;
}
.top-navbar{
   background: #554040;
}
.top-company-title{
   position:absolute;
   margin-top:-33px;
   margin-left:10px;
   color:black;
   background: white;
   border-radius:10px;
   padding:3px 15px;
}

.bg-top-navbar{
   background: #0079c8 !important;
   margin-top: 0px;
   margin-bottom: 0px;
}
.ds-logo-circle{
   height: 55px;
   width: 55px;
   background-color:white;
   border-radius: 20%;
}
.ds-logo-title{
   color: var(--modiran-primary);
}
.bg-bpt{
   background: #386995;
}
#top-navbar-content .nav-link{
   color: black;
   padding-left: 20px;
   padding-right: 20px;
}
#top-navbar-content .nav-link:hover{
   background: #E6F1F9;
   color: var(--modiran-primary);
   border-radius: 5px;
   border-color: #fcfcfc;
}

/* CSS */
.button-18 {
  touch-action: manipulation;
  display: inline-block;
  outline: none;
  font-family: inherit;
  font-size: 1em;
  box-sizing: border-box;
  border: none;
  border-radius: .3em;
  height: 2.75em;
  line-height: 2.5em;
  text-transform: uppercase;
  padding: 0 1em;
  box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(110,80,20,.4),
              inset 0 -2px 5px 1px rgba(139,66,8,1),
              inset 0 -1px 1px 3px rgba(250,227,133,1);
  background-image: linear-gradient(160deg, #a54e07, #b47e11, #fef1a2, #bc881b, #a54e07);
  border: 1px solid #a55d07;
  color: rgb(120,50,5);
  text-shadow: 0 2px 2px rgba(250, 227, 133, 1);
  cursor: pointer;
  transition: all .2s ease-in-out;
  background-size: 100% 100%;
  background-position:center;
}
.button-18:focus,
.button-18:hover {
  background-size: 150% 150%;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23),
                inset 0 -2px 5px 1px #b17d10,
                inset 0 -1px 1px 3px rgba(250,227,133,1);
  border: 1px solid rgba(165,93,7,.6);
  color: rgba(120,50,5,.8);
}
.button-18:active {
  box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(110,80,20,.4),
              inset 0 -2px 5px 1px #b17d10,
                inset 0 -1px 1px 3px rgba(250,227,133,1);
}


#company-navbar-content .nav-link{
   color: #fff;
   background: #956437 !important;
   padding-left: 20px;
   padding-right: 20px;
}
#company-navbar-content .nav-link:hover{
   background: #386995 !important;
   border-radius: 20px;
}

#id-navbar-company-name{
   background: #3B9538;
   border-radius: 10px;
}

.btn-outline-info {
   color: #0dcaf0;
   border-color: #0dcaf0;
 }
.btn-bpt-outline{
   color: #000;
   background-color: #fff;
   border-color: #699538;
}
.btn-bpt-outline:hover {
   color: #fff;
   background-color: #699538;
   border-color: #699538;
 }
 .ds-icon{
   height: 30px;
 }
 .ds-rlabel:after{
   content:"*";
   color: red;
 }
 .ds-tab-col-hide{
   /*visibility: collapse; */
   display: none;
 }
 .ds-lov-panel{
   z-index: 9999; 
   position: absolute; 
   height: 400px; 
   overflow-y: auto;
   padding: 5px;
   border: 2px solid #699538 !important;
   background-color:#f1eddb; /* #cccabc; */
 }
 .ds-lov-panel > table > thead > tr > th{
   background: white;
   color: black;
 }
 .ds-lov-panel > table > tbody > tr > td{
   color:black;
 }

 .ds-show{
   display: block;
 }
.ds-hide{
   display: none;
}
.ds-active-company{
   background: #c1f8f2 !important;
   color: #0071bb !important;
}

.ds-tab-col-adjustment{
   width: 25px;
   color: #0071bb;
}
table{
   /*font-family: "Iranyekan", "Iranyekan light", "Iranyekan bold" !important; */
   font-family: var(--modiran-font-family);
}

.input-group-text{
   background: var(--modiran-secondary);
   padding: 1rem .75rem;
   height: calc(31.5rem+2px);
   line-height: 1.25;
   border: none;
   border-radius: 8px;font-size: 1rem;
}
.active-company-title{
   background: white;
   color:#0071bb;
   border: none;
   /*font-family: "Iranyekan", "Iranyekan light", "Iranyekan bold" !important;*/
   font-family: var(--modiran-font-family); /*"Vazir", "Shabnam";*/
}
.ds-spinner{
   border: 10px solid #f3f3f3;
   border-radius: 50%;
   border-top: 10px solid #3498db;
   width: 30px;
   height: 30px;
   animation: ds-spin 2s linear infinite;
 }
 @keyframes ds-spin {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
 }

 .moadian-btn {
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	background-color:#3d94f6;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: var(--modiran-font-family); /*Arial;*/
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1570cd;
}
.moadian-btn:hover {
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	background-color:#1e62d0;
}
.moadian-btn:active {
	position:relative;
	top:1px;
}

.action-group{
   background-color: var(--body-color);
   border-radius: 10px;
}