.HHRNcontainer-fluid .nav>li>a:active
{
  background-color:none !important;
}




.loginBody
{
    margin:0px !important;
    direction:rtl !important;
   font-family:'iransans' !important;
}

.userDefine .col-sm-12
{
    padding-right: 0px !important; 
    padding-left: 0px !important; 
}

        .loginHtml
        {
            background-color:#eeeeee !important;
           
            margin:0px !important;
        }
        .mainLogin
        {
            margin:0px !important;
          
            /*padding-top:100px;*/
        }

       
         #loginSide 
         {
    position: fixed;
    background-color: #006064;
    color: #006064;
    min-width: 50px;
    min-height: 696px;
    width: 50px;
    height: calc(100% - 0px);
    right: 0px;
    top: 0px;
    z-index: 100000000;
   
    transition: all 0.2s;
}

         .hhrnImg
         {
             height:80px;
             width:auto;
         }


          .hhrnImg2
         {
             height:60px;
             width:auto;
         }

         .pushRight
         {
             padding-right:50px;
         }

         .h3Css
         {
             margin:10px;
             color:#eee;
             font-weight:bold;
         }

.h4Css {
    margin-right: 5px;
    margin-top: 0px;
    color: #ffffff;
    font-weight: bold;
}


.h4CssP {
    margin-right: 5px;
    margin-top: 0px;
    color: #eee;
    font-weight: bold;
}

     

        .panel-body
        {
            padding-right:25px !important;
            padding-left:25px !important;
        }
        .mainLogin p
        {
            color:#5b5b5b;
           /*font-family:Arial, Helvetica, sans-serif;*/
           font-weight:bold;
           font-size:15px;
           padding-right:20px;
           padding-top:20px;
        }

          .mainLogin ul
        {
            color:#5b5b5b;
           font-weight:bold;
           font-size:14px;
           padding-right:20px;
         
        }

         .mainLogin ul  li
        {
            color:yellow !important;
        }
        .input-group-addon
        {
            background-color:#f5f5f52e;
            border:none;
            border-style:none;
            border-radius:0px;
        }
        .lic
        {
            color:#ffffff !important;
        }

        .txtL
        {
             background-color:#ececec;
             border:none;
            border-style:none;
            border-radius:0px;
            color:#5b5b5b;
           /*font-family:Arial, Helvetica, sans-serif;*/
           font-weight:bold;
           font-size:14px;
        }


          .divLogin > .col-sm-12
           {
             
               padding-left: 0px !important; 
           }

.buttonL {
    width: 100% !important;
    color: #ffffff !important;
    padding: 8px 10px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    background-color: #04040466 !important;
    box-shadow: 0 16px 24px 2px #2b2f312e, 0 6px 30px 5px #60969c3b, 0 8px 10px -5px #d9edf733;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.buttonL:hover
 {
   
      padding: 16px 10px;
      background-color:none  !important;
        box-shadow:none;
}

.text-dangerLogin
{
    font-weight:bold;
}

.panel > hr 
{
    margin-top: 20px;
     margin-bottom: 10px; 
    border: 0;
    border-top: 1.6px solid #ececec80 !important;

}

 


.infoCompany > hr 
{
    /*margin-top: 20px;
     margin-bottom: 10px;*/ 
    border: 0;
    border-top:1.6px solid lightgray !important;
  
}

.mainLogin > .col-sm-4
{
     margin: 0px !important;
    padding-right: 0px !important;
    padding-left:  0px !important;
}

.mainLogin > .col-sm-5
{
     margin: 0px !important;
    padding-right: 0px !important;
    padding-left:  0px !important;
}

.mainbox > .panel > .panel-body
{
    padding:40px !important;
    padding-right:80px !important;
     padding-left:80px !important;
    padding-bottom:0px !important;
 
}

@media screen and (max-width:991px) 
{
    .pushRight
         {
             padding-right:0px !important;
             padding-left:0px !important;
             margin:0px !important;
         }     
}

@media screen and (max-width: 1071px) and (min-width: 978px) 
{
    .mainbox > .panel > .panel-body 
    {
        margin-bottom: 30px !important;
    }
}


@media screen and (max-width: 977px) and (min-width: 768px) 
{
     .mainLogin p
        {
           
           font-size:14px !important;
           
        }

     .mainbox > .panel > .panel-body 
    {
        margin-top: 30px !important;
        margin-bottom: 45px !important;
    }
}


@media screen and (max-width:765px) 
{
  .footerLogin{ margin-top:0px !important; }
}



       @media screen and (max-width:700px) 
       {

           .mainbox > .panel > .panel-body
{
    padding:15px !important;

}


          

           .divLogin > .col-sm-12
           {
               padding-right: 0px !important; 
               padding-left: 0px !important; 
           }


           .mainLogin > .col-sm-4
{
     margin: 0px !important;
    padding-right: 15px !important;
    padding-left:  15px !important;
}

.mainLogin > .col-sm-5
{
     margin: 0px !important;
    padding-right: 15px !important;
    padding-left:  15px !important;
}

       }





.tt ,.showlabel ,.dd
{
  width: 100%;
  padding:6px;
  margin:0px 0;
  
  transition: all 0.1s;
  font-size:16px;
}

.showlabel + label 
{
    border: none !important; 
    position: absolute;
    top: -24px;
    right: 20px;
    font-size: 13px;
    transition: all 0.1s;
    opacity: 1;
    background:#ffffff !important;
    color:#706e6e !important;
    padding: 0 10px;
    transform: translateY(calc(50% + 5px));
}

 .breadcrumb {
	/*centering*/

	box-shadow:none !important;
	overflow: hidden;
	border-radius: 5px;
	/*Lets add the numbers for each link using CSS counters. flag is the name of the counter. to be defined using counter-reset in the parent element of the links*/
	counter-reset: flag; 
    background-color:#ffffff !important;
      font-weight:bold !important;
      color:#5b5b5b !important;
      padding :0px !important;
}



/******************************************************  New **************************************************/
.pushLoginErrorR
{    
    font-family:'iransans' !important;
    font-weight:bold !important;
}

a
{
    font-family: 'iransans' !important;
     text-decoration: none !important;
}

a:active
{
     text-decoration: none !important;
}

a:hover
{
     text-decoration: none !important;
}


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


.breadcrumb 
a
{
    font-size:14.2px !important;
   font-family: 'iransans' !important;
    color: #d86208 !important;
    text-decoration: none !important;
}


.breadcrumb 
{
    font-size:14px !important;
    font-family: 'iransans' !important; 
}







/****************************************************  KENDO CMB IN LOGIN ************************************************************/

.k-combobox
{
   
     font-size: 14px !important;
}



.k-dropdown-wrap > input
{
    font-family: 'iransans' !important;
     font-size: 14px !important;
}




.loginProjectCmb  ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: white;
    opacity: 1; /* Firefox */
    font-family: 'iransans' !important;
    font-size:13px !important;
}

.loginProjectCmb  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white;
    font-family: 'iransans' !important;
     font-size:13px !important;
}

.loginProjectCmb  ::-ms-input-placeholder { /* Microsoft Edge */
    color: white;
    font-family: 'iransans' !important;
     font-size:13px !important;
}



.loginProjectCmb > .k-combobox > .k-dropdown-wrap > .k-select > .k-icon
{
     background-color:#123851  !important;
}


.loginProjectCmb .k-header
{
   border: none !important;
     border-radius:unset !important;
}


.loginProjectCmb .k-dropdown-wrap
{
   background-color:#5b7e94 !important;
   font-size: 15px !important;
     font-weight:normal !important;
     color:white !important;
       border-radius:unset !important;
}

.loginProjectCmb .k-dropdown-wrap > input
{
   
     color:white !important;
     background-color:#5b7e94 !important;
     border: none !important;
     border-radius:unset !important;
  font-family: 'iransans' !important;
   width:150px !important;
}


.loginProjectCmb .k-combobox
{
    border: none !important;
    border-style: none !important;
    border-radius: 0px !important;
    font-size: 15px !important;
     font-weight:normal !important;
     color:white !important;
       border-radius:unset !important;
}

.loginProjectCmb .k-dropdown-wrap
{
    border: none !important;
     border-width: 1px !important; 
     border-style: none !important; 
     padding: 0 !important; 
     font-size: 15px !important;
     font-weight:normal !important;
     color:white !important;
       border-radius:unset !important;
}

.loginProjectCmb .k-dropdown-wrap .k-select
{
    background-color:#5b7e94 !important;
     border-color: white !important;
     border-width: 0px !important;
    border-radius:unset !important;
}


.loginProjectCmb .k-state-default > .k-select
 {
    border-color: white !important;
}

  .loginProjectCmb .k-input
   {
     height: 1.65em; 
     line-height:0em !important; 
     padding: .177em 0; 
    text-indent: .33em;
    border: 0;
    margin: 0;
    background-color:#9c7ea9 !important;
}


 .loginProjectCmb 
{
   padding:10px;
   
}

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


      .footerLogin
        {
            margin:0px !important;
            margin-top:20px !important;
            background-color:#ffffff;
            padding:10px;
            text-align:right;
            padding-right:70px;  
            position: fixed;
            bottom: 0px;    
            width:100% !important;   
           
        }

         .footerLogin > h5
        {
            color:#494848;
            font-weight:bold;
            font-family: 'iransans' !important;
        }


         
@media screen and (max-width:765px) 
{
  .footerLogin
  { 
       z-index: 100000000;   
       padding-right:30px;  
  }
}

.validation-summary-errors > ul > li
{
        color:#ffffff !important;
        font-size:14px !important;
}

.form-control
{
    font-size:13px !important;
    font-family: 'iransans' !important;
    
}

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

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

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

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

h1,h2,h3,h4,h5,h6
{
     font-family: 'iransans' !important;
}



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


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


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

strong
{
    font-weight:600 !important;
    font-size:14px !important;
     font-family: 'iransans' !important;
}

label
{
    font-size:13px !important;
     font-family: 'iransans' !important;
}

.customCheckBox_pullup
{
  
}

/*++++++++++++++++++++++++++++++++++++++++++  ON BOTTOM IMPORTANT  +++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


.RenderBody 
{
    margin: 53px 40px 20px 10px;
    padding:15px !important;
    padding-top: 10px;
    direction: rtl;
}

hr
{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    border: 0;
    border-top: 1px solid #eee;
}




.k-i-expand 
{
     background-image: url('../../Content/Kendo/TreeListKendo/sprite_2x.png') !important;
     background-size: 340px 336px;
     transform: rotate(180deg) !important;
}

.k-i-collapse
{
     background-image: url('../../Content/Kendo/TreeListKendo/sprite_2x.png') !important;
     background-size: 340px 336px;
     transform: rotate(90deg) !important;
}



.loginList_style
{
    list-style:none !important;
}



.loginMarginT_30
{
   margin-top:30px !important;
}


.loginMarginT_25
{
    margin-top:35px !important;
}


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




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



#PositionsOfUserGrid > .k-grid-content 
{
    font-family: 'iransans' !important;
    height:150px !important;
   text-align: right !important;
   font-size: 13px !important;

}

.baseInfoDiv div div
{
    margin-top:10px !important;
}


        .noAnyColor
        {
             background-color:none !important;
        }

     

        .pprint :active
        {
            background-color:#f8f8f8 !important;
            text-decoration:none !important;
            background: none !important;
        }





.topBottom {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    /*background-color: #333333b5 !important;*/
    background-color: #10101036 !important;
}

         .loginBody
        {
            margin:0px !important;
            overflow-y:hidden !important;
        }


     
        
.actionLink
{
    color:#ffffff  !important;
    text-decoration:none !important;
}


.actionLink:hover
{
    text-decoration:none !important;
    color:#45c7c7 !important;
}

.actionLink:active
{
    text-decoration:none !important;
    color:#45c7c7 !important;
}


.sspcircle span 
{
	border-radius: 100%;
	display: inline-block;
	font-size: 35px;
	height: 117px;
	line-height: 117px;
	text-align: center;
	width: 117px;
 
}

.sspcircle span
 {
    border: 3px solid #ffffff;
    color: #ffffff;
}

.sspcircle h2
{
    padding-bottom:20px !important;
}


.btnIndex 
{
    color:#ffffff;
    background-color:#45c7c7;
    font-size:16px;
    font-weight:bolder;
    width:90px;
}


.txt
{
    color:#000000 !important;
    font-weight:bolder;
    font-size:16px;
}


.panel {
    /*background: url('../../../Images/bg-white-lock.png') !important;*/
    background: #00000057 !important;
    margin-bottom: 120px;
    padding: 28px;

    animation-name: prepareLogin;
    animation-duration: 1.7s;
    animation-fill-mode: forwards;
    position: absolute;
    width: 500px;
}



@keyframes prepareLogin {
    from {
        left: 0px;
    }

    to {
        left:55%;
    }
}




.loginBody .text-danger
{
    color:#a7312e !important;
}



.mainIndex {
    /*background-image: url('../../../../Images/1b.jpg');*/
    background-image: url('../../../../Images/22052.jpg');
    background-attachment: fixed;
    background-size: cover;
    /*background:linear-gradient(300deg, #3c3f42, rgba(350,0,0,0) 70.71%),linear-gradient(180deg, #5d8c90, rgba(0,255,0,0) 70.71%),linear-gradient(350deg, #b36f3b, rgba(0,0,255,0) 70.71%);*/
    color: #ffffff;
    margin: 0px !important;
    filter: gray;
    filter: grayscale(90%);
    height: 1100px;
    overflow-y:hidden;
}

.panel .text-right
{
    margin-top: 14px;
    
}





.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;
}