.hero-image {
    /*background-image: url('../../../../Images/1b.jpg');*/
    background: linear-gradient(to right, rgb(10 110 117 / 54%), rgb(10 110 117 / 75%), rgb(10 110 117 / 75%), rgb(10 110 117 / 54%));
    height: 900px;
    background-repeat: no-repeat;
    background-size: cover;
    filter: grayscale(50%);
}


.hero-text {
    text-align: center;
    position: absolute;
    left: 35% !important;
    animation-name: prepareDash;
    animation-duration: 1.7s;
    animation-fill-mode: forwards;
    color: #ffffffb3;
    font-family: 'iransans' !important;
    font-weight: bold;
}



@keyframes prepareDash {
    from {
        top: 0px;
    }

    to {
        top: 20%;
      
    }
}



.compareColor
{
    /*#931d1d*/
    background-color:#a24444 !important;
    font-size:13px !important;
    color:#ffffff !important;
}

.warningColor
{
    /*#931d1d*/
    background-color:#f1d124 !important;
    font-size:13px !important;
    color:#424242 !important;
}

.greenColor {
    /*#931d1d*/
    background-color: #6fdd87 !important;
    font-size: 13px !important;
    color: #424242 !important;
}

.newRecordColor {
    /*#931d1d*/
    /*background-color: #2eb3a6 !important;*/
    background-color: #0097a752 !important;
    font-size: 13px !important;
    color: #424242 !important;
}
.deleteRecordColor {
    /*#931d1d*/
    /*background-color: #2eb3a6 !important;*/
    /*background-color: #98153fc7 !important;*/
    background-color: red !important;
    font-size: 13px !important;
    color: #424242 !important;
}

.currentProjectETL {
    width:150px;
    height: 100px;
    border-radius: 50%;
    background: red;
    text-align:left;
}

#voucherRowModuleDiv
{
    font-family: 'iransans' !important;
}

span
{
  font-family: 'iransans' !important;
}

.AppfontHhrn
{
  font-family: 'iransans' !important;
}

.lvlKendo
{
    font-size:13px !important;   
   
    color:#ffffff !important;
}

.lvlKendodiv
{
   
    margin:14px !important;
   
}

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

.hhrnTitleHeader
{
    font-size:20px;   
    font-weight:500 !important;
    text-align:right;
}

.lblHeadertab
{
    font-size:13px !important;
   font-family:iransans;
    color:#555 !important;
    display: inline-block;
  margin: 0 0 -1px;
  padding: 7px 10px !important;
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
}

.displayErrorMessages
{
      padding-right:7px !important;
       padding-top:4px !important;
        padding-bottom:4px !important;
}

.multipleTabNotInDash section {
  display: none;
  border-top: 1px solid #ddd;
  padding-top:0px !important;
}

.multipleTabNotInDash .tabss 
{
  display:none !important;

}
.multipleTabNotInDash .lblHeadertab:hover 
{
  
  cursor: pointer !important;
}

.S:hover 
{
  
  cursor: pointer !important;
}



.multipleTabNotInDash label:before {
  font-family: fontawesome ,iransans;

  font-weight: normal;
  margin-right:2px;
}


.multipleTabNotInDashT label:before {
    font-family: fontawesome,iransans;
    font-weight: normal;
    margin-right: 2px;
}






/*.multipleTabNotInDash label[for*='1']:before {
  content: '\f1cb';
}
.multipleTabNotInDash label[for*='2']:before {
  content: '\f17d';
}
.multipleTabNotInDash label[for*='3']:before {
  content: '\f16b';
}
.multipleTabNotInDash label[for*='4']:before {
  content: '\f1a9';
}
.multipleTabNotInDash label[for*='5']:before {
  content: '\f1a9';
}
.multipleTabNotInDash label[for*='6']:before {
  content: '\f17d';
}
.multipleTabNotInDash label[for*='7']:before {
  content: '\f17d';
}
.multipleTabNotInDash label[for*='8']:before {
  content: '\f17d';
}
.multipleTabNotInDash label[for*='9']:before {
  content: '\f17d';
}
.multipleTabNotInDash label[for*='10']:before {
  content: '\f17d';
}
.multipleTabNotInDash label[for*='11']:before {
  content: '\f17d';
}
.multipleTabNotInDash label[for*='12']:before {
  content: '\f17d';
}
.multipleTabNotInDash label[for*='13']:before {
  content: '\f17d';
}
.multipleTabNotInDash label[for*='14']:before {
  content: '\f17d';
}
.multipleTabNotInDash label[for*='15']:before {
  content: '\f1cb';
}
.multipleTabNotInDash label[for*='16']:before {
  content: '\f17d';
}
.multipleTabNotInDash label[for*='17']:before {
  content: '\f16b';
}
.multipleTabNotInDash label[for*='18']:before {
  content: '\f1a9';
}
.multipleTabNotInDash label[for*='19']:before {
  content: '\f1a9';
}
.multipleTabNotInDash label[for*='20']:before {
  content: '\f17d';
}
.multipleTabNotInDash label[for*='21']:before {
  content: '\f17d';
}
.multipleTabNotInDash label[for*='22']:before {
  content: '\f17d';
}
.multipleTabNotInDash label[for*='23']:before {
  content: '\f17d';
}
.multipleTabNotInDash label[for*='24']:before {
  content: '\f17d';
}
.multipleTabNotInDash label[for*='25']:before {
  content: '\f17d';
}
.multipleTabNotInDash label[for*='26']:before {
  content: '\f17d';
}
.multipleTabNotInDash label[for*='27']:before {
  content: '\f17d';
}
.multipleTabNotInDash label[for*='28']:before {
  content: '\f17d';
}
.multipleTabNotInDash label[for*='29']:before {
  content: '\f17d';
}
.multipleTabNotInDash label[for*='30']:before {
  content: '\f17d';
}
.multipleTabNotInDash label[for*='31']:before {
  content: '\f17d';
}
.multipleTabNotInDash label[for*='32']:before {
  content: '\f17d';
}
.multipleTabNotInDash label[for*='33']:before {
  content: '\f17d';
}
.multipleTabNotInDash label[for*='34']:before {
  content: '\f17d';
}
.multipleTabNotInDash label[for*='35']:before {
  content: '\f17d';
}*/

.multipleTabNotInDash label:hover {
  color: #888;
  
}


.multipleTabNotInDashT label:hover {
    color: #888;
}

/*=========================================>>>>>>>> IN*/
.multipleTabNotInDash input[name=tabs]:checked + label 
{
  /*color: #555;
  border: 1px solid #ddd;
  border-top: 2px solid orange;
  border-bottom: 1px solid #fff;*/

  color: #555 !important;
  border: 1px solid #ddd !important;
  border-radius:5px !important;
  border-bottom:2px solid #FF6F00 !important;
 
}

.multipleTabNotInDashT input[name=tabs]:checked + label {
    /*color: #555;
  border: 1px solid #ddd;
  border-top: 2px solid orange;
  border-bottom: 1px solid #fff;*/
    color: #555 !important;
    border: 1px solid #ddd !important;
    border-radius: 5px !important;
    border-bottom: 2px solid #FF6F00 !important;
}







.multipleTabNotInDash input[name=tabs_1050]:checked + label {
        color: #555 !important;
        border: 1px solid #ddd !important;
        border-radius: 5px !important;
        border-bottom: 2px solid #10c4b2 !important;
    }



  .multipleTabNotInDash  input[name=tabs_Ex]:checked + label {
        color: #555 !important;
        border: 1px solid #ddd !important;
        border-radius: 5px !important;
        border-bottom: 2px solid #10c4b2 !important;
    }



 .multipleTabNotInDash   input[name=tabs_1100]:checked + label {
        color: #555 !important;
        border: 1px solid #ddd !important;
        border-radius: 5px !important;
        border-bottom: 2px solid #10c4b2 !important;
    }


   .multipleTabNotInDash   input[name=tabs_6050]:checked + label {
        color: #555 !important;
        border: 1px solid #ddd !important;
        border-radius: 5px !important;
        border-bottom: 2px solid #10c4b2 !important;
    }


    .multipleTabNotInDash  input[name=tabs_1500]:checked + label {
        color: #555 !important;
        border: 1px solid #ddd !important;
        border-radius: 5px !important;
        border-bottom: 2px solid #10c4b2 !important;
    }


    .multipleTabNotInDash   input[name=tabs_530]:checked + label {
        color: #555 !important;
        border: 1px solid #ddd !important;
        border-radius: 5px !important;
        border-bottom: 2px solid #10c4b2 !important;
    }



      .multipleTabNotInDash   input[name=tabs_Explanatory]:checked + label {
        color: #555 !important;
        border: 1px solid #ddd !important;
        border-radius: 5px !important;
        border-bottom: 2px solid #10c4b2 !important;
    }


      .multipleTabNotInDash   input[name=tabs_002]:checked + label {
        color: #555 !important;
        border: 1px solid #ddd !important;
        border-radius: 5px !important;
        border-bottom: 2px solid #10c4b2 !important;
    }


 .multipleTabNotInDash  input[name=tabs_1400]:checked + label {
        color: #555 !important;
        border: 1px solid #ddd !important;
        border-radius: 5px !important;
        border-bottom: 2px solid #10c4b2 !important;
    }

.multipleTabNotInDash   input[name=tabs_550]:checked + label {
        color: #555 !important;
        border: 1px solid #ddd !important;
        border-radius: 5px !important;
        border-bottom: 2px solid #10c4b2 !important;
    }


#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5,
#tab6:checked ~ #content6,
#tab7:checked ~ #content7,
#tab8:checked ~ #content8,
#tab9:checked ~ #content9,
#tab10:checked ~ #content10,
#tab11:checked ~ #content11,
#tab12:checked ~ #content12,
#tab13:checked ~ #content13,
#tab14:checked ~ #content14,
#tab15:checked ~ #content15,
#tab16:checked ~ #content16,
#tab17:checked ~ #content17,
#tab18:checked ~ #content18,
#tab19:checked ~ #content19,
#tab20:checked ~ #content20,
#tab21:checked ~ #content21,
#tab22:checked ~ #content22,
#tab23:checked ~ #content23,
#tab24:checked ~ #content24,
#tab25:checked ~ #content25,
#tab26:checked ~ #content26,
#tab27:checked ~ #content27,
#tab28:checked ~ #content28,
#tab29:checked ~ #content29,
#tab30:checked ~ #content30,
#tab31:checked ~ #content31,
#tab32:checked ~ #content32,
#tab33:checked ~ #content33,
#tab34:checked ~ #content34,
#tab35:checked ~ #content35,
#tab36:checked ~ #content36,
#tab37:checked ~ #content37,
#tab38:checked ~ #content38,
#tab39:checked ~ #content39,
#tab40:checked ~ #content40,
#tab41:checked ~ #content41,
#tab42:checked ~ #content42,
#tab43:checked ~ #content43,
#tab44:checked ~ #content44,
#tab45:checked ~ #content45,
#tab46:checked ~ #content46,
#tab47:checked ~ #content47,
#tab48:checked ~ #content48,
#tab49:checked ~ #content49,
#tab50:checked ~ #content50,
#tab51:checked ~ #content51,
#tab52:checked ~ #content52,
#tab53:checked ~ #content53,
#tab54:checked ~ #content54,
#tab55:checked ~ #content55,
#tab56:checked ~ #content56,
#tab57:checked ~ #content57,
#tab58:checked ~ #content58,
#tab59:checked ~ #content59,
#tab60:checked ~ #content60 {
    display: block !important;
}

            .CCS-Hide {
                            display: none;
                            padding: 10px 10px 10px 10px;
                            /*text-align: center;*/
                        }

                        #reveal-wrap {
                            position: fixed;
                            bottom: 30px;
                            width: 50%;
                            padding-bottom: 20px;
                            z-index: 100;
                        }

                        #reveal-wrap2 {
                            width: 50%;
                            background-color: red;
                        }

                        #reveal-click {
                            background: #006064;
                           color: #fff;
                            cursor: pointer;
                            font-size: 16px;
                            margin: 0px 0 0 1%;
                            padding: 10px 10px;
                            text-decoration: none;
                            display: inline-block;
                        }

                        #hidden-div {
                            width: 50%;
                            background: #ccc;
                            /*color: #fff;*/
                            font-size: 16px;
                            line-height: 22px;
                            margin: 0;
                            padding: 20px;
                        }

                        #reveal-wrap #hidden-div {
                            display: none;
                        }

                        #reveal-wrap2 #hidden-div2 {
                            display: none;
                        }

@media screen and (max-width: 650px) {
  label {
    font-size: 0;
  }
  label:before {
    margin: 0;
    font-size: 18px;
  }
}

@media screen and (max-width: 400px) {
  label {
    padding: 15px;
  }
}



/***********************************/

.js-modal-close
{
    color:#ffffff !important;
    font-size:30px  ;   
}

.popupHeader
{
    background-color:#383737 !important;
}

.btn-small 
{
  text-decoration: none !important;
  font-size:14px !important;
  font-weight:normal;
}
 
.toolbar 
{
  float: right;
}

/*________________________________________________________________________________*/
.CustomBtnGrid
{
  
    text-decoration: none !important;
    direction:ltr !important;
    text-align:center;
    width:160px;
    font-size:13px !important;
    font-family: 'iransans' !important;
    color:white ;
    background-color:rgba(0, 0, 0, 0.02) !important;
}

.CustomBtnGrid:hover
{  
    background-color:#10c4b2 !important;
}




.CustomBtnGrid:active
{  
    text-decoration: none !important;
}


.CustomBtnGridLong
{
  
    text-decoration: none !important;
    direction:ltr !important;
    text-align:center;
    width:270px;
    font-size:13.2px;
    font-family: 'iransans' !important;
    color:white !important;
    padding-top:1px !important;
      padding-bottom:1px !important;
    background-color:rgba(0, 0, 0, 0.02) !important;
}

.CustomBtnGridLong:hover
{  
    background-color:#10c4b2 !important;
}

.CustomBtnGridLong:active
{  
    text-decoration: none !important;
}






.inmodal
{  
    font-size:15px !important;
    font-weight:normal !important;
}


.v-center {
  
  margin:10px;
}

.v-center > div {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  top: -10%;
}


.modal-box {
  display: none;
  position: absolute;
  z-index: 1000;
  width: 98%;
  background:#faf7f7;
  border-bottom: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-clip: padding-box;
  margin-top:13% !important;
   margin-bottom:60px !important;
}
@media (min-width: 32em) {

.modal-box { width: 70%; }
}

.modal-box header,
.modal-box .modal-header {
  padding: 1.25em 1.5em;
  border-bottom: 1px solid #ddd;
}

.modal-box header h3,
.modal-box header h4,
.modal-box .modal-header h3,
.modal-box .modal-header h4 { margin: 0; }

/*.modal-box .modal-body { padding: 2em 1.5em; }*/

.modal-box footer,
.modal-box .modal-footer {
  padding: 1em;
  border-top: 1px solid #ddd;
  background: rgba(0, 0, 0, 0.02);
  text-align: right;
}
.modal-body
{
    padding:30px !important;

}
.modal-overlay {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 900;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3) !important;
}

                        .modal-overlayDocument {
  opacity: 0 !important;
  filter: alpha(opacity=0) !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 900 !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(0, 0, 0, 0.3) !important ;
}
.modal-boxDocument {
  display: none !important;
  position: absolute !important;
  z-index: 1000 !important;
  width: 98% !important;
  background:#faf7f7 !important;
  border-bottom: 1px solid #aaa !important;
  border-radius: 4px !important;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-clip: padding-box;
  margin-top:220px !important;
   margin-bottom:60px !important;
}
a.close {
  line-height: 1;
  font-size: 1.5em;
  position: absolute;
  top: 1%;
  right: 2%;
  text-decoration: none;
  color: #bbb;
}

a.close:hover {
  /*color: #222;*/
  -webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  transition: color 1s ease;
}





/********************************************/

 
    
input[type="file"]
{
    display: none;
}

.fileContainer 
{
    text-decoration: none !important;
    direction:ltr !important;
    text-align:center;
    width:150px;
    font-size:13px !important;
    font-weight:normal !important;
    color:white;
    background-color:rgba(0, 0, 0, 0.02) !important;
    line-height:1.66em;
    padding: 2px 7px 2px;
    border-style: solid;
    border-width: 1px;
    border-color: #63656a;
    border-radius: 3px;
    margin: 0 .16em;
    margin-bottom:-40px !important;
}

.fileContainer:hover
{  
    background-color:#0097A7 !important;
}

.k-autocomplete.k-state-default, .k-picker-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-dropdown-wrap.k-state-default 
{
    background-image: none;
    background-position: 50% 50%;
    background-color: #0097A7;
    border-color: #0097A7;
}

.fileUploadName 
{
    text-align:center;   
    font-size:13px;
    font-weight:normal !important;
    color:#ffffff !important;
    background-color:rgba(0, 0, 0, 0.02) !important;
  
}

.multiplefileUploadName 
{
    font-size:14px;
    font-weight:normal !important;
    color:#ffffff !important;
    background-color:rgba(0, 0, 0, 0.02) !important;
  
}

  .multiplefileUploadNameR 
        {
             font-size:14px;
    font-weight:normal !important;
    color:#a94442 !important;
    background-color:rgba(0, 0, 0, 0.02) !important;
        }

.limitpart
{
    margin-top:15px !important;
    margin-bottom:15px !important;
}

.addedFc
{
     height: 16px !important;
    
}

.limit > input {
    display: inline !important;
    max-width: 70px;
    max-height: 25px !important;
}


.addedFc2 
{
    height: 16px !important;
}
.customuploadtoolbar{padding:12px;margin-right:3px;margin-top:10px;}

.CustomBtnGrid:hover {background-color:  #0097A7 !important; }
.k-button:hover {background-color:  #0097A7 !important; }
.k-button-icontext:hover {background-color:  #0097A7 !important; }
/********************************************/

/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}


/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}





.dashHhrn .k-autocomplete.k-state-default, .k-picker-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-dropdown-wrap.k-state-default 
{
    background-image: none;
    background-position: 50% 50%;
    background-color: #3a7177  !important;
    border-color: #3a7177  !important;
}


.k-autocomplete>.k-i-close, .k-dropdown-wrap>.k-i-close, .k-multiselect-wrap>.k-i-close
{
     border-radius: 50%; 
     background-color: #ccc; 
    margin-right: -20px !important;
    margin-top: 7px !important;
}


.loginProjectCmb > .k-combobox > .k-dropdown-wrap > input[type=text]
{
    width:100% !important;
}

.loginProjectCmb > .k-combobox > .k-dropdown-wrap > .k-clear-value
{
    background-color:#3a7e84 !important;
}