:root {
    --blue: #2b6583;
    --orangeLight: #F76A22;
    --orangeMedium: #D64800;
    --orangeDark: #B13211;
  }
  
  
  .btn:focus{
      box-shadow: none!important;
  }

  .bg-whitee{
    background-color: #fefefe!important;
  }
  
  
  
  @font-face {
      font-family: SourceSansProRegular;
      src: url(../assetes/fonts/Source-Sans-Pro/SourceSansPro-Regular.ttf);
    }
  
    @font-face {
      font-family: UbuntuRegular;
      src: url(../assetes/fonts/Ubuntu/Ubuntu-Regular.ttf);
    }
  
    @font-face {
      font-family: UbuntuBold;
      src: url(../assetes/fonts/Ubuntu/Ubuntu-Bold.ttf);
    }
  
  body{
      /* font-family: 'Source Sans Pro', sans-serif; */
      font-family: SourceSansProRegular;
  }
  
  
  .bg-blue{
      background-color: var(--blue)
  }
  
  .left-menu-icon{
      max-width: 18px;
      max-height: 18px;
  }
  
  .nav-logo-small{
      max-width: 45px;
      max-height: 35px;
      display: none;
  }
  
  .nav-logo{
      max-width: 155px;
      max-height: 70px
  }
  
  .hamburger-icon{
      width: 20px;
      height: 15px;
      fill: white;
      color: white;
  }
  
  .hamurger-icon-box{
      /* float: right; */
      margin-top: 20px;
      padding-top: 2px;
  }
  
  
  
  
  
  
  
  body {
      /* font-family: 'Poppins', sans-serif; */
      background: #fafafa;
  }
  
  
  .menu-value{
      transition-delay: 0.2s;
      font-size: 14px;
      white-space:normal;
      margin-left: 15px;
      /* transition: all 0.1s; */
  }
  @media (max-width: 768px) {
  .menu-value {
      transition-delay:unset;
  }
  }
  
  p {
      /* font-family: 'Poppins', sans-serif; */
      font-size: 1.1em;
      font-weight: 300;
      line-height: 1.7em;
      color: #999;
  }
  
  a,
  a:hover,
  a:focus {
      color: inherit;
      text-decoration: none;
      transition: all 0.3s;
  }
  
  .navbar {
      padding: 5px 10px;
      background: #fff;
      border: none;
      border-radius: 0;
      margin-bottom: 40px;
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  }
  
  .navbar-btn {
      box-shadow: none;
      outline: none !important;
      border: none;
  }
  
  .headerLinkList{
      list-style: none;
      display: flex;
      padding-left: 0px;
      font-size: 16px;
      color: #ADADAD;
      font-weight: bold;
      flex-wrap: wrap-reverse;
      margin-top: 25px;
  }
  
  .headerLinkList > li{
      display: block;
      margin-right: 5px;
  }
  
  .headerLinkList > li:last-child{
      color: black;
  }
  
  .line {
      width: 100%;
      height: 1px;
      border-bottom: 1px dashed #ddd;
      margin: 40px 0;
  }
  
  i,
  span {
      display: inline-block;
  }
  
  /* ---------------------------------------------------
      SIDEBAR STYLE
  ----------------------------------------------------- */
  
  
  
  #sidebar.active .menu-value{
      transition: all 0.1s;
      transition-delay: 0s;
      margin-left: 0px;
      display: none;
      /* height: 0; */
      opacity: 0;
  
  }
  
  
  
  
  .wrapper {
      display: flex;
      align-items: stretch;
  }
  
  #sidebar {
      min-width: 290px;
      max-width: 290px;
      background: #001E30;
      color: #fff;
      transition: all 0.3s;
      position: fixed;
      height: 100%;
      z-index: 10000;
  }
  
  
  
  
  
  
  #sidebar.active {
      min-width: 80px;
      max-width: 80px;
      text-align: center;
  }
  
  #sidebar.active .sidebar-header .nav-logo,
  #sidebar.active .CTAs {
      display: none;
  }
  
  #sidebar.active .sidebar-header .nav-logo-small{
      display: block;
  }
  
  #sidebar.active .sidebar-header  {
      display: block;
  }
  
  #sidebar ul li a {
      text-align: left;
      border-radius: 4px;
  }
  
  #sidebar ul.components li a[aria-expanded="true"] {
      transition: border-bottom-right-radius 0.1s, border-bottom-right-radius 0.1s;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
  }
  
  #sidebar.active ul li a {
      padding: 20px 10px;
      text-align: center;
      font-size: 0.85em;
  }
  
  #sidebar.active ul li a i {
      margin-right: 0;
      display: block;
      font-size: 1.8em;
      margin-bottom: 5px;
  }
  
  ul ul a {
      font-size: 0.6em ;
      padding-left: 30px !important;
      /* background: black; */
  }
  
  #sidebar.active ul ul a {
      font-size: 0.6em !important;
      padding: 10px !important;
  }
  
  #sidebar.active .dropdown-toggle::after {
      top: auto;
      bottom: 10px;
      right: 50%;
      -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
      transform: translateX(50%);
  }
  
  #sidebar .sidebar-header {
      padding: 20px;
      background: #001E30;
      display: flex;
      flex-direction: row;
  }
  
  #sidebar .sidebar-header strong {
      display: none;
      font-size: 1.8em;
  }
  
  #sidebar ul.components {
      padding: 20px 0;
  }
  
  #sidebar ul.components li{
      padding:  0 20px;
      /* background-color: red; */
  }
  
  #sidebar ul.components li ul{
     
      background-color: #74A4C2;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
  }
  
  #sidebar ul.components li ul a{
     
      margin-left: 20px;
      margin-right: 20px;
      padding-left: 0px!important;
      padding-right: 0px!important;
  }
  
  #sidebar ul.components li ul li:hover{
     
      background-color: #4E82A3;
  }
  
  #sidebar ul.components li ul li a:hover{
     
      background-color: unset!important;
  }
  
  #sidebar.active ul.components li{
      padding:  0 ;
  }
  
  
  
  #sidebar ul li a {
      padding: 10px;
      font-size: 13px;
      display: block;
  }
  
  #sidebar ul li a:hover {
      background: #4d8aaf;
  }
  
  #sidebar ul li a i {
      margin-right: 10px;
  }
  
  #sidebar ul li.active>a,
  a[aria-expanded="true"] {
      color: #fff;
      /* background: red; */
  }
  
  a[aria-expanded="true"]{
      background: #01304C;
  }
  
  a[data-toggle="collapse"] {
      position: relative;
  }
  
  .dropdown-toggle::after {
      display: block;
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
  }
  
  
  
  ul.CTAs {
      padding: 20px;
  }
  
  ul.CTAs a {
      text-align: center;
      font-size: 0.9em !important;
      display: block;
      border-radius: 5px;
      margin-bottom: 5px;
  }
  
  
  
  
  #sidebar.active ul li a img.left-menu-icon{
      
          
              width: 25px;
              height: 25px;
          
      }
  
      #sidebar.active  ul li a {
          display: grid;
          justify-content: center;
          text-align: center;
          place-items: center;
      }
  
  
  /* ---------------------------------------------------
      CONTENT STYLE
  ----------------------------------------------------- */
  
  #content {
      width: 100%;
      padding: 20px;
      min-height: 100vh;
      transition: all 0.3s;
      background-color:#F9FAFB!important;
  }
  
  
  
  /* ---------------------------------------------------
      MEDIAQUERIES
  ----------------------------------------------------- */
  
  @media (max-width: 768px) {
      .menu-value{
          display: block!important;
      }
      #sidebar ul.components li{
          padding:  5px 0px!important;
      }
      .nav-logo{
          display: none;
      }
      .nav-logo-small{
          display: block;
      }
      #sidebar {
          width: 100%;
          text-align: center;
          margin-left: 0px !important;
          z-index: 20000;
          position: absolute;
          height: 100%;
          position: fixed;
      }
      .dropdown-toggle::after {
          display: block;
          position: absolute;
          top: 50%;
          right: 20px;
          transform: translateY(-50%);
      }
  
      #sidebar .sidebar-header h3,
      #sidebar .CTAs {
          display: none;
      }
      #sidebar .sidebar-header strong {
          display: block;
      }
      #sidebar ul li a {
          padding: 20px 20px;
      }
  
  
      #sidebar ul li a span {
          font-size: 0.85em;
      }
      #sidebar ul li a i {
          margin-right: 0;
          display: block;
      }
      #sidebar ul ul a {
          padding: 10px 20px !important;
      }
      #sidebar ul li a i {
          font-size: 1.3em;
      }
      #sidebar {
          margin-left: 0;
      }
      #sidebarCollapse span {
          display: none;
      }
  
      .left-menu-icon{
          max-width: 20px!important;
          max-height: 20px!important;
      }
  
  
  
  
  
  
      #sidebar.active {
          margin-left: -80px !important;
      }
  
      #sidebar ul li a {
          display: flex;
      }
  
      #sidebar.active ul li a {
          padding: 5px 5px;
          
      }
  
      #sidebar.active .hambox{
          margin-left: 80px;
          position: fixed;
          text-align: left;
          
      }
  
      ul ul a {
          font-size: 0.9em !important;
          padding-left: 30px !important;
          /* background: black; */
      }
  
   
  
  
  
  
      #sidebar .hambox{
          margin-left: 20px;
      }
  
  
  
   
  
  
  
  
      
      
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .hambox{
      width: 100%!important;
      text-align: right;
      z-index: 20000;
  }
  
  
  .hambox button{
      background-color: #001E30;
      border: 1px solid #3a7ea0;
  }
  
  .hambox button:hover{
      background-color: #2b6583;
      border: 1px solid #3a7ea0;
  }
  
  .hambox button:focus{
      background-color: #2b6583;
      border: 1px solid #3a7ea0;
      box-shadow:none;
  }
  
  .titlePage{
      font-family: UbuntuBold;
      font-weight: bold;
      font-size: 36px;
      text-align: left;
  }
  
  @media screen and (max-width: 380px)  {
      .titlePage{
          font-size: 20px;
      }
  }
  
  .left-menu-box{
      display: flex;
      flex-direction: row;
      background-color: white;
      justify-content: flex-end;
      align-items: center;
  }
  
  .left-menu-box > div {
      min-width: 150px;
      background-color: white;
  }
  
  .right-menu-icon-ring{
      max-width: 24px;
      max-height: 24px;
      margin-right: 15px;
  }
  
  .right-menu-icon-user{
      max-width: 24px;
      max-height: 24px;
      margin-right: 10px;
      margin-top: 10px;
  }
  
  .right-menu-button-box{
      transition: all 0.3s;
      background-color: white;
      border-radius: 8px;
  
      
      
      
  }
  
  /* .right-menu-button-box:hover{
      background-color: #D5E9F5;
  } */
  .right-menu-button{
      transition: all 0.3s;
      padding: 0px 50px 0px 10px;
      color: black;
      border: none;
      text-align: left;
      box-shadow: none;
      line-height: 0;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
  
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      height: 60px;
  }
  
  .spanUserName{
      font-family: UbuntuRegular;
      font-size: 16px;
      color: black;
      margin-bottom: 0;
      margin-top: 10px;
  }
  
  .spanUserId{
      margin-left: 50px;
      margin-top: -10px;
      font-family: UbuntuRegular;
  }
  
  .right-menu-user > li > a{
      font-family: UbuntuRegular;
  }
  
  
  
  /* .right-menu-button:hover{
      background-color: #D5E9F5;
      color: black;
  }
  
  .right-menu-button:focus,.right-menu-button:active{
     border: none;
     box-shadow: none;
     background-color: #74A4C2;
     color: black;
  } */
  
  @media screen and (max-width: 450px)  {
      .left-menu-box{
          display: flex;
          flex-direction: row;
          background-color: white;
          /* justify-content: center; */
          align-items: center;
          justify-content: space-between;
          /* margin-top: 40px; */
      }
  
      .right-menu-icon-ring{
          max-width: 30px;
          max-height: 30px;
          margin-right: 10px;
          
      }
      
      .right-menu-icon-user{
          max-width: 30px;
          max-height: 30px;
          margin-left: auto;
          
      }
  
      .headerLinkList {
          font-size: 10px;
          padding-top: 50px;
      }
      
      #sidebar.active .hambox{
          margin-top: -40px;
          margin-left: 100px!important;
      }
  }
  
  
  
  /* buttons */
  
  .check-icon-btn{
      width: 20px;
      height: 15px;
  }
  

  .check-icon-btn-big{
    width: 22px;
    height: 22px;
}


  .btn__orange{
      color: white;
      background-color: #F76A22;
      padding: 10px 15px;
      border: 1px solid #F76A22;
  }

  .btn__disabled{
    border-radius: 4px;
    background: #E0DFDF;
    color: #ADADAD;
  }
  
  .btn__orange:hover{
  background-color: #D64800!important;
  color: white;
  border: 1px solid #D64800;
  }
  
  .btn__orange:focus{
      background-color: #B13211;
      color: white;
      outline: none!important;
      box-shadow: none;
      border: 1px solid #B13211;
  }
  
  .btn__orange-white{
      background-color: #FFF;
      color: #F76A22;
      min-width: 245px;
      height: 55px;
  }
  
  .btn__orange-white:hover{
      background-color: #f6e1e1!important;
      color: #F76A22!important;
  }
  
  .btn__orange-white:focus{
      background-color: #f6e1e1!important;
      color: #F76A22!important;
  }
  
  .btn__orange__small{
      height: 26px;
  }
  
  
  
  .dns-link{
      color: #F76A22!important;
      background-color: unset!important;
      font-weight: bold;
      padding: 0;
  }
  
  .dns-link:hover{
      color: #F76A22!important;
      background-color: unset!important;
      text-decoration: underline;
      
  }
  
  .dns-link:focus{
      color: #F76A22!important;
      background-color: unset!important;
      outline: none!important;
      box-shadow: none;
      text-decoration: underline;
      
  }
  
  
  
  
  
  
  .btn__orange-disabled{
      color: white;
      background-color: #FFB18A;
      padding: 10px 15px;
      cursor: not-allowed!important;
  }
  
  .btn__orange-disabled:hover{
      color: white;
      background-color: #FFB18A;
      border: 1px solid #FFB18A;
  }
  
  
  
  
  
  
  
  .btn__outline{
      background-color: #F8F9FA;
      color: #F76A22;
      padding: 10px 15px;
      border: 1px solid #F76A22;
  }
  
  .btn__outline:hover{
  background-color: #FF9661!important;
  color: #D64800;
  }
  
  .btn__outline:focus{
      background-color: #B13211;
      color: white;
      outline: none!important;
      box-shadow: none;
  }
  
  
  .btn__outline-disabled{
      color: #FFB18A;
      background-color: #F8F9FA;
      padding: 10px 15px;
      cursor: not-allowed!important;
      border: 1px solid #FFB18A;
  }
  
  .btn__outline-disabled:hover{
      color: #FFB18A;
      background-color: #F8F9FA;
  }
  
  
  
  
  
  
  .btn__link{
      background-color: none;
      color: #F76A22;
      padding: 10px 15px;
  }
  
  .btn__link:hover{
  background-color: #FFB18A!important;
  color: #F76A22;
  }
  
  .btn__link:focus{
      background-color: #F76A22;
      color: white;
      outline: none!important;
      box-shadow: none;
  }
  
  .btn__link_gren{
      background-color: none;
      color: #65C750;
      padding: 10px 15px;
  }
  
  .btn__link_gren:hover{
  background-color: #65C750!important;
  color: white;
  }
  
  .btn__link_gren:focus{
      background-color: #65C750;
      color: white;
      outline: none!important;
      box-shadow: none;
  }
  
  
  .btn__yes{
      background-color: none;
      color: #65C750;
      padding: 10px 25px;
      border: 1px solid #65C750;
  }
  
  .btn__yes:hover{
  background-color: #DBFFD4!important;
  color: #65C750;
  border: 1px solid #65C750;
  }
  
  .btn__yes:focus{
      background-color: #65C750;
      color: white;
      outline: none!important;
      box-shadow: none;
      border: 1px solid #65C750;
  }
  
  
  .btn__no{
      background-color: none;
      color: #E0313A;
      padding: 10px 25px;
      border: 1px solid #E0313A;
  }
  
  .btn__no:hover{
  background-color: #FF6169!important;
  color: white;
  border: 1px solid #FF6169;
  }
  
  .btn__no:focus{
      background-color: #E0313A;
      color: white;
      outline: none!important;
      box-shadow: none;
      border: 1px solid #E0313A;
  }
  
  /* INPUTY */
  
  .myInput{
      max-width: 380px;
      background-color: #FEFEFE;
      border: 1px solid #DFE0DF;
  }
  
  .myInput-w-100{
      max-width: unset;
      width: 100%;
  }
  
  .myInput:focus{
      box-shadow: none; 
      border: 1px solid #DFE0DF;
  }
  
  .myInputLabel{
      text-align: right;
      width: 100%;
      margin-top: 5px;    
     
  }
  
  @media (max-width: 768px) {
      .myInputLabel{
          text-align: left; 
      }
      .myInput{
          max-width: 100%;
      }
  }
  
  .myInputLabel__new{
      text-align: left;
      color:#1F1F1F;
      font-family: SourceSansProRegular;
      font-size: 14px;
  }
  
  
  .right-menu-button.show::after{
      transform: rotate(180deg);
      top:45%
  }
  
  .right-menu-user{
  padding: 0px 0px;
  width: 100%;
  margin-top: 0px!important;
  border-radius: 4px;
  border: 1px solid #FDFDFD;
  background: #FEFEFE;
  box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, 0.04), 0px 4px 3px 0px rgba(0, 0, 0, 0.10);
  
  }
  
  .right-menu-user-li{
      padding: 11px 0px 11px 12px;
      border-radius: 4px;
  }
  
  .right-menu-user-li:hover{
      background-color: #FFDAC7;
  }
  
  .right-menu-user-li:focus{
      background-color: #74A4C2;
  }
  
  .logOutIcon{
      width: 16px;
      height: 16px;
      margin-right: 12px;
  }
  
  #liMenu > a[aria-expanded="true"]::after{
      transform: rotate(180deg);
      top: 45%;
  }
  
  .reset-myInput{
      background-color: unset;
      border: 0;
  }
  
  
  
  /* LOGOWANIE */
  
  .login-box{
      height: 100vh;
    
      align-items: center;
      
  }
  
  .login-logo{
      width: 150px;
      height: 70px;
  }
  
  .onlyLink{
      color: var(--orangeLight)
  }
  
  .onlyLink:hover{
      color: var(--orangeMedium)
  }
  
  .onlyLink:focus{
      color: var(--orangeDark)
  }
  
  .submitIcon{
      position: absolute;
      top: 10px;
      background-color: red;
  }
  
  .inputError{
      color: #E0313A;
      font-size: 10px;
      margin-bottom: 0px;
      min-height: 17px;
  }
  
  .input-icons img {
      position: absolute;
      right: 10px;
      top: 10px;
  }
    
  .input-icons {
      width: 100%;
      margin-bottom: 10px;
      position: relative;
  }
  
  .input-icons-search img {
      position: relative;
      left: 35px;
      top: 0px;
      
  }
    
  .input-icons-search {
      width: 100%;
      position: relative;
  }
  
  .hideGrey{
      width: 22px;
      height: 22px;
      cursor: pointer;
  }
  
  
  
  @media screen and (max-height: 740px)  {
  
      #sidebar ul.components {
          padding-top:0;
      }
      #sidebar ul li a{
          padding: 10px 20px;
      }
  }
  
  
  .subTitlePage{
      font-family: UbuntuRegular;
      font-size: 20px;
      margin-bottom: 30px;
      font-weight: 700;
  }

  
  .pageText{
      color: black;
      font-size: 18px;
  }
  
  .nipSubText{
      font-size: 11px;
  }
  
  .rowInputPhone{
      display: flex;
      max-width: 405px;
  }
  
  @media (max-width: 768px) {
      .rowInputPhone{
          max-width: unset;
      }
  }
  
  .rowInputPhone > select{
      flex:1
  }
  
  .rowInputPhone > input{
      flex:7
  }
  
  .input-phone{
      max-width: unset;
  }
  
  .custom-select {
      line-height: 1.5;
      vertical-align: middle;
      border: 1px solid #ced4da;
      border-radius: 0.25rem;
  }
  
  .custom-select:focus {
      box-shadow: none;
  }
  
  
  
  
  
  
  .containerForRadio {
      height: 100%;
      min-height: 100%;
      margin: 0 auto;
    }
    
    .button-wrap {
      position: relative;
      text-align: left;
      top: 50%;
      margin-top: -1.7em;
    }
    @media (max-width: 40em) {
      .button-wrap {
        margin-top: -1.5em;
      }
    }
    
    .button-label {
      display: inline-block;
      padding: 10px 30px;
      margin: 0.5em;
      cursor: pointer;
      color: #292929;
      border-radius: 8px;
      background: #efefef;
      transition: 0.3s;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
    }
    .button-label h3 {
      font-size: 16px;
      margin-bottom: 0px;
    }
    .button-label:hover {
      background: #d6d6d6;
      color: #101010;
    }
    .button-label:active {
      transform: translateY(2px);
      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0px -1px 0 rgba(0, 0, 0, 0.22);
    }
  
    /* BUTTONY SELECT !!!!!!!!!!!!!!!!!!!!!!!! */
    #yes-sms:checked + .button-label,
    #yes-reklamy:checked + .button-label,
    #yes-telefony:checked + .button-label {
      background: #65C750;
      color: #efefef;
    }
    #yes-sms:checked + .button-label:hover,
    #yes-reklamy:checked + .button-label:hover,
    #yes-telefony:checked + .button-label:hover {
      background: #DBFFD4;
      color: #65C750;
    }
    
    #no-sms:checked + .button-label,
    #no-reklamy:checked + .button-label,
    #no-telefony:checked + .button-label {
      background: #D91E18;
      color: #efefef;
    }
    #no-sms:checked + .button-label:hover,
    #no-reklamy:checked + .button-label:hover,
    #no-telefony:checked + .button-label:hover  {
      background: #c21b15;
      color: #e2e2e2;
    }
    
  
    /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
    
    .hidden {
      display: none;
    }
  
    .label-no{
  border: 1px solid #E0313A;
  background-color: white;
  color: #E0313A;
    }
  
    .label-yes{
      border: 1px solid #65C750;
      color: #65C750;
      background-color: white;
    }
  
    .label-no:hover{
      border: 1px solid #E0313A!important;
      background-color: #FF6169!important;
      color: white;
    }
  
    .label-yes:hover{
      border: 1px solid #65C750;
      background-color: #DBFFD4;
    }
  
  
  .rodo-table-title{
  font-size: 18px;
  color: #ADADAD;
  line-height: 1;
  margin-bottom: 0px;
  padding: 10px 5px;
  }
  
  .rodo-table-data{
      color: #050505;
      font-size: 18px;
      line-height: 1;
      margin-bottom: 0px;
      padding: 10px 5px;
  }
  
  .table-rodo > div:nth-child(n){
      background-color: #FEFEFE;
      }
  
  .table-rodo > div:nth-child(2n){
  background-color: #f8f9fa;
  }
  @media (max-width: 1199px) {
      .table-rodo > div:nth-child(n){
          background-color: #FEFEFE;
          }
      
      .table-rodo > div:nth-child(2n){
      background-color: #FEFEFE;
      }
  }
  
  .downlaodIcon{
      filter: grayscale(100%) brightness(0%);
      -webkit-filter: grayscale(100%) brightness(0%);
      -moz-filter: grayscale(100%) brightness(0%);
      padding-left: 15px;
  
  }
  
  .downlaodIcon:hover{
      filter: unset;
  
  }
  
  
  @media (max-width: 991px) {
  
      .rodo-table-data,.rodo-table-title{
          font-size: 13px;
      }
  
  }
  
  .borderForTableRodo{
      border-bottom: 1px solid #adadad;
  }
  
  .noRodoBox{
      display: flex;
      flex-direction: row;
  }
  
  .noRodoIcon{
      width: 36px;
      height: 36px;
  }
  
  .historyIcon {
      width: 25px;
      height: 40px;
  }
  
  .noRodoText{
      color: #1F1F1F;
      font-size: 15px;
      font-weight: 600;
      margin-top: 5px;
      margin-left: 10px;
  }
  
  
  .domainNameManage{
  color: #050505;
  font-family: UbuntuBold;
  }
  
  .flexDir{
      flex-direction: row;
  }
  
  .flexDirFlex{
      display: flex;
      flex-direction: row;
      justify-content: space-between;
  }
  
  .drop-zarzadzanie-domena{
      background-color: unset;
      display: flex;
      justify-content: flex-end;
      margin-right: 30px;
  }
  
  .drop-zarzadzanie-domena-box{
      display: flex;
      justify-content: flex-end;
  }
  
  
  .boxForList{
      padding: 15px;
      background-color: #FEFEFE;
      border-radius: 8px;
      /* -webkit-box-shadow: 8px 8px 24px -15px rgba(66, 68, 90, 1);
      -moz-box-shadow: 8px 8px 24px -15px rgba(66, 68, 90, 1);
      box-shadow: 8px 8px 24px -15px rgba(66, 68, 90, 1); */
      -webkit-box-shadow: 3px 1px 7px 4px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 3px 1px 7px 4px rgba(0, 0, 0, 0.1);
      box-shadow: 3px 1px 7px 4px rgba(0, 0, 0, 0.1);
      /* margin: 20px; */
  }
  
  .checkIcon{
      width: 26px;
      height: 26px;
      margin-right: 10px;
  }
  
  .domainsBoxText{
      color: #1F1F1F;
      font-size: 18px;
      line-height: 22px;
      margin-bottom: 0px;
  }
  
  .infoStatusDomain{
      margin-bottom: 0px;
      margin-top: 7px;
      color: #1F1F1F;
      font-size: 15px;
      font-weight: 600;
  }
  
  .flex-style{
      display: flex;
      flex-direction: row;
  }
  
  .dnsList{
      columns: 3;
      list-style: none;
      padding-left: 0px;
      color: #1F1F1F;
  }
  
  .zzz{
      transform:unset!important;
      left: unset!important;
      right: 0px;
      background-color: rgba(213, 233, 245, 1);
      padding-top: 0px;
      padding-bottom: 0px;
      top: 3w0px!important;
  }
  @media (max-width: 1200px) {
      .zzz{
          right: unset!important;
          top: 35px !important;
      }
  }
  
  
  
  
  .zzz > a:hover{
      background-color: rgba(116, 164, 194, 1);
  }
  
  .sortText{
     color: #6B6B6B; 
     font-size: 16px;
     -webkit-user-select: none; /* Safari */
     -ms-user-select: none; /* IE 10 and IE 11 */
     user-select: none; /* Standard syntax */
  }
  
  .sortBox{
      cursor: pointer;
  }
  
  .sortIcon{
      margin-top: -12px;
      margin-left: 10px;
  }
  
  
  .sortIconDefault{
      margin-left: 10px;
      width: 24px;
      height: 20px;
      margin-top: 2px;
      transition: all 0.3s;
  }
  
  /* .sortBox[data-status="down"] > img.sortIconDefault {
     
      transform: rotate(90deg);
    } */
  
  
  .sortBox[data-status="down"] > img.sortIcon {
     
      transform: rotate(180deg);
    }
  
  
  
    #sidebar.active .domainsBoxText{
      background-color: red!important;
    }
  
    .listDomainHeaderLeft{
      /* width: 100%; */
      flex:6;
      align-content: center;
    }
  
    .listDomainHeaderRight{
      flex:1;
      justify-content: center;
      font-weight: bold;
    }
  
    .listDomainHeaderRight::after{
      margin-left:10px
    }
  
    .accordion-button:focus{
      box-shadow: none;
      background-color: unset;
      color: #050505;
    }
  
    .domain-list-value{
      font-size: 18px;
      font-weight: 400;
      line-height: 24px;
      color: #050505;
      margin-bottom: 0px;
    }
  
   
  
  
    @media (max-width: 1100px) {
      .rowDomainImage > div:first-child{
          width: 0%;
      }
  
      .rowDomainImage > div:nth-child(2),.rowDomainImage > div:nth-child(3){
          width: 100%;
      }
  
      .rowDomainImage > div:first-child{
          width: 0%;
          margin-top: 0px!important;
          padding: 0!important;
      }
  
  
    }
  
  
    .gggg{
  flex:4
    }
  
    .hhhh{
      flex:6
    }
  
    @media (max-width: 992px) {
      .gggg{
          flex:48
            }
          
            .hhhh{
              flex:60
            }
          
    }
  
    .switchicon{
      width: 32px;
      height: 32px;
      cursor: pointer;
      margin-left: auto;
      margin-right: 20px;
      
    }
  
  
    .switchicon[data-template="default"]{
      background-image: url(../assetes/img/icons/grid.svg);
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: right;
    }
  
    .switchicon[data-template="row"]{
      background-image: url(../assetes/img/icons/rowIcon.svg);
      background-size: 32px;
      background-repeat: no-repeat;
    }
  
    .switchicon[data-template="grid"]{
      background-image: url(../assetes/img/icons/listIcon.svg);
      background-size: 32px;
      background-repeat: no-repeat;
    }
  
  
    .accordion-button:not(.collapsed){
      color: #212529;
      background-color: unset;
      box-shadow: unset;
    }
  
    .accordion-button::after{
      background-image:url(../assetes/img/icons/blackArrowDown.svg);
      background-size: 13px 12px;
      background-position: 1px 5px;
    }
  
    .accordion-button:not(.collapsed)::after {
      background-image: url(../assetes/img/icons/blackArrowDown.svg);
      transform: rotate(-180deg);
      background-position: 1px 5px;
      
      
  }
  
  .arrowNavigateText{
      color: black;
      padding-right: 10px;
  }
  
  .arrows-box-style{
      display: flex;
      flex-direction: row;
      justify-content: right;
  }
  
  .arrowIconNavigate{
      margin: 0px 10px;
  }
  
  .none-arrow{
      opacity: 0.6;
  }
  
  .cursor-pointer{
      cursor: pointer;
  }
  
  
  .small-text{
      color: black;
      font-size: 18px;
      line-height: 24px;
  }
  
  .medium-text{
      font-size: 30px!important;
  }
  
  .modal{
      z-index: 100000;
  }
  
  .normal-list{
      padding-left: 5px;
  }
  
  .normal-list > li{
      margin-left: 10px;
      padding-left: 0px;
  }
  
  .firstLabel,.secondLabel,.thirdLabel{
      flex:1
  }
  
  .fw-sans-regular{
      font-family: SourceSansProRegular!important;
  }
  
  .manualRows > div{
      padding: 10px 0px;
  }
  
  .manualRows > div:nth-child(2n){
      background-color: #F8F9FA;
  
  }
  
  .listHeaderBorder{
      border-bottom: 1px solid #adadad;
  }
  
  
  @media (max-width: 1100px) {
  
  .oneLabel > p{
  font-size: 11px;
  }
  
  .twoLabel > p{
   font-size: 11px;   
  }
  
  .threeLabel > p{
    font-size: 11px; 
  }
  
  .fourLabel > p{
      font-size: 11px;
  }
  
  
  }
  
  
  @media (max-width: 920px) {
  
      .oneLabel > p{
      font-size: 11px;
      }
      
      .twoLabel > p{
       font-size: 11px;   
      }
      
      .threeLabel > p{
        font-size: 11px; 
      }
      
      .fourLabel > p{
          font-size: 11px;
      }
  
      .smallMarginTable  p {
          font-size: 14px!important;
      }
      
      
      }
  
      @media (max-width: 570px) {
          .oneLabel > p{
              font-size: 8px;
              }
              
              .twoLabel > p{
               font-size: 8px;   
              }
              
              .threeLabel > p{
                font-size: 8px; 
              }
              
              .fourLabel > p{
                  font-size: 8px;
              }
  
              .sortIconDefault
              {
                  margin-left: 2px;
                  width: 12px;
                  height: 12px;
              }
      }
  
  
      .text-cut{
          text-overflow: ellipsis;
      }
  
  
      .centerIMG {
          display: block;
          margin-left: auto;
          margin-right: auto;
          width: 50%;
        }
  
  
  
      .pils-server{
          color: #F76A22!important;
          background-color: white!important;
          padding: 10px 15px!important;
          border: 1px solid #F76A22!important;
          min-width: 180px;
          margin: 5px 0px;
      }
  
      .active.pils-server{
          color: white!important;
          background-color: #F76A22!important;
          padding: 10px 15px!important;
          border: 1px solid #F76A22!important;
      }
  
  
  
      .pils-list > li:nth-child(1) > button{
          border-bottom-right-radius: 0;
          border-top-right-radius: 0;
      }
  
      .pils-list > li:nth-child(2) > button{
          border-bottom-left-radius: 0;
          border-top-left-radius: 0;
      }
  
      .bigText{
      font-family: UbuntuBold;
      font-weight: bold;
      font-size: 26px;
      text-align: left;
      color: #050505;
      }
  
      .all__list {
          list-style: none;
          padding-left: 0px;
      }
  
      .all__list > li {
          list-style-position: inside;
          text-indent: -1.5em;
          padding-left: 1.5em;
      }
  
      .all__list-icon {
          width: 18px;
          margin-right: 8px;
      }
  
   
  
      .oferta-box{
          border: 2px solid #fafafa;
          border-radius: 4px;
      }
  
      .oferta-box:hover{
          border: 2px solid #fa692d;
      }
  
      .buttonZone{
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
      }
  
      .buttonZone__specialMarginTop{
          margin-top: -20px;
      }
  
      .righrPaddingBox{
          padding: 15px;
          
  
      }
  
      .leftPaddingBox{
  
          padding: 15px;
      }
  
      .borderServersRight{
          border-right: 1px solid black;
          height: 100%;
      }
  
      .borderServersLeft{
          border-left: 1px solid black;
          height: 100%;
      }
  
      .borderServersLeft{
          border-left: 1px solid black;
         
      }
  
      .bg-myWhite{
          background-color: white;
      }
  
      @media (max-width: 1399px) {
          .borderServersRight{
              border-right: 0;
          }
          .borderServersLeft{
              border-right: 0;
          }
          .borderServersLeft{
              border-right: 0;
          }
          .bg-myWhite{
              background-color: unset;
          }
      }
  
      .ajjj{
          display: flex;
          flex-direction: column;
          justify-content: space-between;
      }
  
  
      .wrapperOrder{
          display: inline-flex;
          background: #fff;
          width: 100%;
          align-items: center;
          justify-content: flex-start;
          border-radius: 5px;
          text-align: center;
          flex-wrap: wrap;
          flex-direction: row;
        }
  
  
  
        .wrapperOrder .option{
          background: #fff;
          height: 100px;
          width: 200px!important;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: space-evenly;
          margin: 10px 10px;
          border-radius: 5px;
          cursor: pointer;
          padding: 0 10px;
          border: 2px solid lightgrey;
          transition: all 0.3s ease;
        }
        .wrapperOrder .option .dot{
          height: 20px;
          width: 20px;
          background: white;
          border-radius: 50%;
          position: relative;
          border: 1px solid rgb(192, 191, 191) ;
        }
        .wrapperOrder .option .dot::before{
          position: absolute;
          content: "";
          height: 14px;
          width: 14px;
          background: var(--orangeMedium);
          border-radius: 50%;
          opacity: 0;
          top: 2px;
          left: 2px;
         
         
          transition: all 0.3s ease;
        }
        .serverInput[type="radio"]{
          display: none;
        }
        #option-1:checked:checked ~ .option-1,
        #option-2:checked:checked ~ .option-2{
          border-color: var(--orangeMedium);
          /* background: #0069d9; */
        }
        #option-1:checked:checked ~ .option-1 .dot,
        #option-2:checked:checked ~ .option-2 .dot{
          background: #fff;
          border: 1px solid var(--orangeMedium) ;
        }
        #option-1:checked:checked ~ .option-1 .dot::before,
        #option-2:checked:checked ~ .option-2 .dot::before{
          opacity: 1;
          /* transform: scale(1); */
        }
        .wrapperOrder .option span{
          font-size: 20px;
          color: black;
        }
        #option-1:checked:checked ~ .option-1 span,
        #option-2:checked:checked ~ .option-2 span{
          color: black;
        }
  
  
  
        .wrapperOrderTwo{
          display: inline-flex;
          background: #fff;
         
          width: 100%;
          align-items: center;
          justify-content: space-evenly;
          border-radius: 5px;
          text-align: center;
          flex-wrap: wrap;
        }
  
        /* @media only screen and (min-width: 200px)and (max-width: 400px) {
          .wrappertwo{
              width: 200px;
          }
        } */
  
  
        .wrapperOrderTwo .optiontwo{
          background: #fff;
          height: 150px;
          width: 200px!important;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: space-evenly;
          margin: 10px 10px;
          border-radius: 5px;
          cursor: pointer;
          padding: 0 10px;
          border: 2px solid lightgrey;
          transition: all 0.3s ease;
        }
        .wrapperOrderTwo .optiontwo .dottwo{
          height: 20px;
          width: 20px;
          background: white;
          border-radius: 50%;
          position: relative;
          border: 1px solid rgb(192, 191, 191) ;
        }
        .wrapperOrderTwo .optiontwo .dottwo::before{
          position: absolute;
          content: "";
          height: 14px;
          width: 14px;
          background: var(--orangeMedium);
          border-radius: 50%;
          opacity: 0;
          top: 2px;
          left: 2px;
         
         
          transition: all 0.3s ease;
        }
        .serverInputtwo[type="radio"]{
          display: none;
        }
        #option-3:checked:checked ~ .option-3,
        #option-4:checked:checked ~ .option-4{
          border-color: var(--orangeMedium);
          /* background: #0069d9; */
        }
        #option-3:checked:checked ~ .option-3 .dottwo,
        #option-4:checked:checked ~ .option-4 .dottwo{
          background: #fff;
          border: 1px solid var(--orangeMedium) ;
        }
        #option-3:checked:checked ~ .option-3 .dottwo::before,
        #option-4:checked:checked ~ .option-4 .dottwo::before{
          opacity: 1;
          /* transform: scale(1); */
        }
        .wrapperOrderTwo .optiontwo span{
          font-size: 20px;
          color: black;
        }
        #option-3:checked:checked ~ .option-3 span,
        #option-4:checked:checked ~ .option-4 span{
          color: black;
        }
  
        .flex-style-buttons{
          display: flex;
          flex-direction: row;
          justify-content: flex-end;
        }
  
        .box-row-servers{
          background-color: white;
          border-radius: 4px;
        }
  
        .serversBorderShadow{
          -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
        }
  
        .pageText_smallText{
          font-size: 14px;
        }
    
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
        
  
        .wrapperOrderThree{
          display: inline-flex;
          background: #fff;
         
          width: 100%;
          align-items: center;
          justify-content: space-evenly;
          border-radius: 5px;
          text-align: center;
          flex-wrap: wrap;
        }
  
        /* @media only screen and (min-width: 200px)and (max-width: 400px) {
          .wrappertwo{
              width: 200px;
          }
        } */
  
  
        .wrapperOrderThree .optionsix{
          background: #fff;
          height: 150px;
          width: 200px!important;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: space-evenly;
          margin: 10px 10px;
          border-radius: 5px;
          cursor: pointer;
          padding: 0 10px;
          border: 2px solid lightgrey;
          transition: all 0.3s ease;
        }
        .wrapperOrderThree .optionsix .dotsix{
          height: 24px;
          width: 24px;
          background: white;
          border-radius: 50%;
          position: relative;
          border: 1px solid rgb(192, 191, 191) ;
        }
        .wrapperOrderThree .optionsix .dotsix::before{
          position: absolute;
          content: "";
          height: 14px;
          width: 14px;
          background: var(--orangeMedium);
          border-radius: 50%;
          opacity: 0;
          top: 4px;
          left: 4px;
         
         
          transition: all 0.3s ease;
        }
  
  
        .wrapperOrderThree__cdn .optionsix{
          height: 600px;
          width: 350px!important;
        }
  
  
  
  
        .serverInputsix[type="radio"]{
          display: none;
        }
        #option-6:checked:checked ~ .option-6,
        #option-7:checked:checked ~ .option-7{
          border-color: var(--orangeMedium);
          /* background: #0069d9; */
        }
        #option-6:checked:checked ~ .option-6 .dotsix,
        #option-7:checked:checked ~ .option-7 .dotsix{
          background: #fff;
          border: 1px solid var(--orangeMedium) ;
        }
        #option-6:checked:checked ~ .option-6 .dotsix::before,
        #option-7:checked:checked ~ .option-7 .dotsix::before{
          opacity: 1;
          /* transform: scale(1); */
        }
        .wrapperOrderThree .optionsix span{
          font-size: 20px;
          color: black;
        }
        #option-6:checked:checked ~ .option-6 span,
        #option-7:checked:checked ~ .option-7 span{
          color: black;
        }
  
        .contentBoxAdd{
          justify-content: center;
        }
  
        .flex-style-column{
          display: flex;
          flex-direction: column;
        }
  
        .addBoxMain{
          padding: 20px;
          border-radius: 8px;
          background-color: white;
        }
  
  
    
        .onlu-borRadius{
          border-radius: 8px;
        }
  
        .flex-style-column-centerv{
          display: flex;
          flex-direction: column;
          justify-content: center;
  
        }
  
        .min-h-text{
          min-height: 65px;
        }
  
        .inputForValue{
          max-width: 55px;
          margin: 0px 10px;
          background-color: white!important;
        }
  
        .addRemoveButton{
          border-radius: 8px;
          min-width: 45px;
          font-size: 30px;
          font-weight: bold;
          padding-bottom: 0px;
          padding-top: 0px;
        }
  
        .flex-style-price {
          display: flex;
          flex-direction: row;
          justify-content: flex-end;
          padding-right: 55px;
      }
  
      @media (max-width: 768px) {
  
          .titleWallet{
              text-align: center;
              color: white;
              background-color: var(--blue);
              border: 2px solid white;
              font-weight: bold;
          }
  
          .transactionBox{
              border: 1px solid var(--blue);
              margin-bottom: 15px;
          }
      }
  
      .bigText{
          font-size: 24px;
          color: black;
      }
  
      .box_universal{
          background-color: white;
          padding: 15px;
          border-radius: 8px;
          
      }
  
      .flex-style-links{
          display: flex;
          flex-direction: row;
          justify-content: flex-start;
      }
  
      .ppZone {
          display: flex;
          justify-content: space-between;
          flex-direction: column;
          padding: 30px;
      }
  
  
      .minHPPBox{
          min-height: 245px;
      }
  
  
  
  .paginationButtonLeft{
      background-image: url(../assetes/img/icons/arrowLeftBlack.svg);
      background-size: 20px 15px;
      width: 6px;
      height: 11px;
      background-repeat: no-repeat;
      background-color: unset;
      background-position: center;
      border: 0;
  }
  
  .paginationButtonRight{
      background-image: url(../assetes/img/icons/arrowRightBlack.svg);
      background-size: 20px 15px;
      width: 6px;
      height: 11px;
      background-repeat: no-repeat;
      background-color: unset;
      background-position: center;
      border: 0;
  }
  
  
  
      .paginationButtonDisabled{
          opacity: .5;
          cursor: default!important;
      }
  
      .inputSearch{
          width: 50px;
          height: 50px;
          text-align: center;
          outline: none;
          margin: 0px 5px;
          border-radius: 4px;
          border: 1px solid black;
      }
  
      .inputSearchDomain{
          margin-right: 30px ;
        padding-left: 40px;
          height: 50px;
          border: 2px solid #000000;
          background-color: unset;
          box-shadow: none;
          border-radius: 4px;
      }
  
      .inputSearch:focus-visible{
          border: 2px solid var(--orangeLight)!important;
          outline: none;
          border-radius: 4px;
      }
  
      
  
      .inputSearchDomain:focus,.inputSearchDomain:active{
          background-color: white!important;
          /* border: 1px solid rgb(139, 139, 139)!important; */
          box-shadow: none;
          border-radius: 4px;
      }
  
      .inputSearchDomain:focus-visible,.inputSearchDomain:focus{
          border: 2px solid var(--orangeLight)!important;
          outline: none;
      }
  
      .flex-zone-end{
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center;
          text-align: right;
      }
  
  
      @media (max-width: 495px) {
          .mobilehideGrey {
              display: none;
          }
          }
  
  
          #rowForGrid{
              margin-left: 0px;
              margin-right: 0px;
              background-color: white;
          }
  
  
      .flex-space{
          height: 100%;
          display: flex;
          flex-direction: column;
          justify-content: space-around;
      }
  
      .progrsBar{
        height: 20px;  
      }
  
  
      .progrsBox {
          color: #000!important;
          background-color: #f1f1f1!important;
          height: 24px;
          width: 100%;
          border-radius:4px;
      }
  
      .progrsBar{
          color: #fff!important;
      background-color: #4CAF50!important;
      height: 24px;    
      border-radius:4px;
      }
  
      .serverInfoImg{
          flex: 8;
          width: 40px;
          height: 40px;
      }
  
      .serverInfoTextBox{
          flex:22;
          justify-content: center;
          display: flex;
          flex-direction: column;
      }
  
      .serverInfoTextBoxValue{
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          align-items: center;
      }
  
      .chartsBox{
          max-width: 280px;
          /* background-color: red; */
      }
  
      .chartZone{
          display: flex;
          flex-direction: column;
          justify-content: space-around;
          height: 100%;
      }
  
      .chartDate{
          font-size: 24px;
      }
      @media (min-width: 1200px) {
      .chartBorder{
  border-right: 1px solid rgb(199, 199, 199);
      }
  }
  
  
  .jeden{
  flex:1;
  background-color: red!important;
  margin: 0;
  }
  
  
  .dwa{
      flex:15;
  background-color: yellow!important;
  margin: 0;
  }
  
  .borderBottomForHeaderTable{
      border-bottom: 1px solid #adadad;
  }
  
  
  @media (max-width: 1200px) {
  
  .row-column-table{
     margin-top: 20px; 
     border: 1px solid #adadad;
  }
  
  .column-table{
  border-bottom: 1px solid #dadada;
  text-align: center;
  }
  
  .row-column-table > .column-table:nth-child(2) > p{
      font-weight: bold;
  }
  
  .column-table__flex > div{
      justify-content: center;
  }
  
  .column-table__flex_download{
      justify-content: center;
      display: flex;
  }
  
  
  
  button.btn.dropdown-toggle.drop-zarzadzanie-domena.drop-zarzadzanie-domena-proformy::after{
      left: 53%;
      right: unset;
  }
  }
  
  .proformInput{
      width: 19px;
      height: 19px;
  }
  
  
  .accordionSettingsText{
    font-family: UbuntuBold;
    margin-bottom: 0px;
    color: black;
    font-size: 24px;
  }
  
  
  .modal-alert{
      max-width: 90%;
  }
  
  .bigText__certyficate{
      font-size: 20px;
  }
  
  .all__list__mh{
      min-height: 80px;
  }
     
  
  .display-unset{
      display: unset;
  }
  
  .special-font-size{
      font-size: 14px;
      line-height: 1.2;
      color: rgba(107, 107, 107, 1);
  }
  
  
  
  .min-h-main-high{
      min-height: 110px;
  }
  
  @media (min-width: 1200px) and (max-width: 1459px) {
      .min-h-main-high{
          min-height: 165px;
      }
  }
  
  
  @media (min-width: 769px) and (max-width: 1094px) {
      .min-h-main-high{
          min-height: 135px;
      }
  }
  
  .text-justify{
      text-align: justify;
  }
  
  .textAreaContact{
      width: 100%;
      padding: 10px;
      background-color: #FEFEFE;
      border: 1px solid #DFE0DF;
  }
  
  .textAreaContact:active{
      border: 1px solid #DFE0DF;
  }
  
  .textAreaContact:focus,.textAreaContact:focus-visible{
      outline: none !important;
      border: 1px solid #DFE0DF;
      
  }
  
  @media (max-width: 1400px) {
  .text-left-for-xxl{
  text-align: left;
  }
  .content-position-img {
      margin-top:30px;
  }
  .domain-img{
      object-fit: cover;
  }
  }
  
  
  @media (min-width: 1200px) {
  .boxForchangeColors > div:nth-child(2n){ 
  background-color: rgb(247, 245, 245);
  }
  
  }
  
  .dnsRecord{
      color: #000;
      margin-bottom: 5px;
      font-family: UbuntuRegular;
  }
  
  .boxDnsRecords{
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
  }
  
  .btn__link--small{
      font-size: 12px;
      margin-left: 20px;
      margin-top: 5px;
  }
  
  
  @media (max-width: 900px) {
      .btn__link--small{
          font-size: 16px;
      }
  }
  
  .clipBoardBox {
      background-color: white;
      color: black;
      border: 2px solid var(--orangeMedium);
      border-radius: 8px;
      padding: 15px 30px;
      position: fixed;
      top: 150px;
      right: 20px;
      opacity: 0;
      transition: 1s all;
  }
  
  .clipBoardBoxVisible{
      opacity: 1!important;
  }
  
  .list-img-g-data--deskop {
      width: 20px;
      margin-right: 20px;
  }
  
  
  
  .popup {
      background-color: white;
      color: black;
      border-radius: 8px;
      border: 1px solid rgb(216, 216, 216);
      padding: 15px 30px;
      position: fixed;
      top: 200px;
      right: 20px;
      opacity: 0;
      transition: opacity 1s ;
  }
  
  .popup-main{
      top: 100px;
  }
  
  .popupsuccess {
  border-bottom: 4px solid #65C750;
  }
  
  .popupfail {
      border-bottom: 4px solid #E0313A;
      }
  
  .popup > img {
      width: 36px;
      height: 36px;
  }
  
  .popupVisible{
      opacity: 1;
  }

  .popup-zindex{
    z-index: 5000;
  }
  
  
  .emailsList{
      margin-left: 0px;
      list-style: none;
  }
  
  .emailsList >  li {
      margin: 20px 0px;
  }
  
  .noPageBox{
      height: 100vh;
      width: 100vw;
      background-color: #d5e9f5;
  }
  
  .flex-left-nop{
  display: flex;
  flex-direction: column;
  justify-content: center;
  }
  
  .btn__blue{
      background-color: #306485;
      border: 1px solid #306485;
  }
  
  .btn__blue:hover{
      background-color: #448cb9!important;
      border: 1px solid #448cb9;
  }
  
  .img-nop{
      max-width: 180px;
  }
  
  
  
  .minusMarginNav{
      margin: -20px -20px 20px -20px;
  }
  
  #content{
      padding-left: 310px;
  }
  
  #sidebar.active + #content{
  padding-left: 100px;
  }
  
  @media (max-width: 768px) {
      #content{
          padding-left: 20px!important;
      } 
  }
  
  img.banerMargin {
      margin: -40px -20px 20px -20px;
      width: -webkit-fill-available;
  }
  
  
  .hoverBorder{
      border: 1px solid #ffffff;
  }
  
  .hoverBorder:hover{
      border: 1px solid var(--orangeLight);
  }
  
  .bottom-border-acordion{
      border-bottom: 1px solid rgba(0,0,0,.125)!important;
  }
  
  .listSerwerBorder{
      border-bottom: 1px solid #ADADAD;
  }
  
  
  
  /* .accordion-item>.accordion-header:has(> .show){
      color:red;
      border: 1px solid red;
      background-color: red!important;
  } */
  
  .accordion-header + .show{
      transition: all 0.5s;
      /* color:red;
      border: 1px solid red; */
      background-color: rgb(250, 248, 248)!important;
  }
  
  
  ul.components > li > a > img{
      margin-bottom: 2px;
  
  }
  
  .left-borderR-g-data{
      border-bottom-left-radius: 8px;
      border-top-left-radius: 8px;
  }
  
  .margin-for-modal{
     margin-top:30%
  }
  
  @media (max-width: 420px) {
      .smallNavSmallScreen{
          padding: 0px 40px 20px 10px;
      }
      }
  
      @media (max-width: 768px) {
      .text-center-smallScreen{
          text-align: center;
          
      }
      .submit-smalllScreen{
          width: 100%;
      }
      .pils-list_smalScreen{
          display: unset;
      }
  
      .pils-list_smalScreen > li > button{
          width: 100%;
      }
  
      .myInput__smallScreen{
          max-width: 70%;
      }
  
      .flex-zone-end { 
          display: block!important;
          text-align: center;
      }
  
      .margin__zero{
          margin: 5px 0px 5px 0px!important;
      }
  }
  
  
  @media (max-width: 1200px) {
  .gdataFlex{
      display: flex;
      justify-content: center;
      align-items: center;
  }
  }
  
  .list-unstyled{
      transition: all 0.3s!important ;
  }
  
  .resetHeight{
      height: unset;
  }
  
  .blockStatus{
      color: #c40e2c;
      font-weight: bold;
  }
  
  .widthListScroll{
      max-width: 83vw;
      border-radius: 8px;
  }
  
  
  
  
  @media only screen and (min-width: 1500px)and (max-width: 1699px) {
      .widthListScroll{
          max-width: 74vw;
      }
   }
  
   @media only screen and (min-width: 1700px)and (max-width: 1899px) {
      .widthListScroll{
          max-width: 77vw;
      }
   }
  
   @media only screen and (min-width: 1900px)and (max-width: 2099px) {
      .widthListScroll{
          max-width: 79vw;
      }
   }
  
   @media only screen and (min-width: 2100px)and (max-width: 2299px) {
      .widthListScroll{
          max-width: 81vw;
      }
   }
  
   @media only screen and (min-width: 2300px)and (max-width: 2499px) {
      .widthListScroll{
          max-width: 83vw;
      }
   }
  
   @media only screen and (min-width: 2500px) {
      .widthListScroll{
          max-width: 84vw;
      }
   }
  
   .min-h-ssl{
      min-height: 220px;
   }
  
      @media only screen and (min-width: 1400px)and (max-width: 1793px) {
          .min-h-ssl{
              min-height: 292px;
           }
        }
  
  
  .img-api{
      border: 1px solid rgb(177, 177, 177);
      border-radius: 4px;
  }
  
  .spinnerBox{
      width: 100%;
      display: flex;
      justify-content: center;
      height: 100%;
      align-items: center;
  }
  
  .textareaDomain{
      min-height: 150px!important;
  }
  
  
  select#reviewhThree {
      margin-left: 20px;
      width: 100px;
  }
  
  .btn__off{
      padding: 2px 5px;
  color: #c74f4a;
  }
  
  .btn__off:hover{
      padding: 2px 5px;
      background-color: #c74f4a;
      color: white;
      }
  
  .btn__red{
      padding: 2px 5px;
      background-color: #E0313A;
      color: white;
  }
  
  .btn__red:hover{
      padding: 2px 5px;
      background-color: #FF6169;
      color: white;
  }
  .resultPrice{
    margin-top: 4px;
  }

  .btn__redPadding{
    padding: 4px 5px;
}
      
      .modal-dialog{
          min-height: calc(70% - 3.5rem)!important;
          display: flex;
      align-items: center;
      }
  
  
      #sidebar.active .noPageBox {
          display: none!important;
      }
  
  
      select#reviewhThree {
          height: 50px;
          width: 100px;
      }
  
  .g-data-price{
      flex-direction: column;
      justify-content: center;
  }
  
  .bg-none-gerey{
      background-color: #f2faff;
  }
  .paddingTopLabel{
      padding-top: 6px;
  }
  
  .flex-style-history {
  justify-content: flex-end;
  }
  
  
  @media (min-width: 768px) {
      .flex-style-history {
          justify-content: flex-start;
          }
      }
  
  /* .accordion-body{
      background-color: rgb(250, 248, 248)!important;
  } */
  
  
  .box-rodo-table{
      padding: 10px 20px;
      background-color: white;
      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0px -1px 0 rgba(0, 0, 0, 0.22);
  }
  
  .serverSecondBg{
  background-color: #F8F9FA;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  }
  
  .zIndexx{
      z-index: 99999999;
  }
  
  .warningExample{
      font-size: 16px;
      color: black;
      margin-bottom: 5px;
  }
  
  .blueBg{
      background-color: #f2faff;
  }
  
  
  
    .leftSpecialborder{
      box-shadow: -25px 5px 0px -24px black;
    }
  
    @media (max-width: 1399px) {
      .leftSpecialborder{
          box-shadow: unset;
        }
    }
  
    #emailLI{
      cursor: pointer;
    }
  
  
    .activeInput:focus-visible,.activeInput:focus{
      border: 1px solid var(--orangeLight)!important;
      outline: none;
    }
  
    .accordion-header__modyfication > div{
      background-color: #ffffff;
    }
  
  
  
    .inputTheme{
      background-color: unset;
      border: 0;
      color: white;
      font-family: SourceSansProRegular;
      font-size: 18;
    }
  
    .formTheme{
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
    }
  
  
  
  
    .listBoxStyle{
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      flex:1
    }
  
    #sidebar{
      display: flex;
      flex-direction: column;
    }
  
    #sidebar .themeButtonText{
      font-size: 18px;
      color: #F8F9FA;
      font-family: SourceSansProRegular;
    }
  
    #sidebar.active .themeButtonText{
      display: none;
    }
  
    #sidebar .longText{
      display: block;
    }
  
    #sidebar.active .longText{
      display: none;
    }
  
    .formThemeBox{
      padding: 10px 20px;
      transition: all 0.3s;
      border-radius: 8px;
    }
  
    .formThemeBox:hover{
      background-color: #4d8aaf;
    }
  
  .keroDataIcon{
      display: flex;
  }
  
  .keroDataContentStatus{
      display: flex;
  }
  
  .rowKeroData{
      border-radius: 4px;
      background: #FFF;
      box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.10);
  }
  
  .fastLinksButton{
      min-width: 240px;
      height: 44px;
      margin-right: 0px 25px;
  }
  
  .titlePage--medium{
      font-size: 24px;
      margin: 20px 0px 10px 0px;
  }
  
  .flex-space__kero{
      justify-content: flex-start;
  }
  
  .dropdown-item-kero{
      cursor: pointer!important;
  }
  
  
  
  .pils-server{
      border-radius: 0!important;
  }
  
  .first-pill{
      border-top-left-radius: 0.25rem!important;
      border-bottom-left-radius: 0.25rem!important;
  }
  
  .pils-server--add{
      color: #44A62E!important;
      border: 1px solid #44A62E!important;
      border-radius: 0.25rem!important;
      border-top-left-radius: 0!important;
      border-bottom-left-radius: 0!important;
  }
  
  .inputNameEmailBox{
      display: flex;
  }
  
  .inputNameEmail{
      flex:2;
      margin-right: 0!important;
      border-right: 0;
      border-bottom-right-radius: 0!important;
      border-top-right-radius: 0!important;
  }
  
  .inputEmailNameText{
  flex:1;
  border: 1px solid #DFE0DF;
  border-left: 1px solid black!important;
  border-radius: 0.25rem!important;
  border-top-left-radius: 0!important;
  border-bottom-left-radius: 0!important;
  height: 38px;
  font-size: 0.8rem;
  text-align: center;
  padding-top: 5px;
  }
  
  .inputNameAll{    
     
      margin-right: 0!important;
  }
  
  .changekeroemailbox{
  display: flex;
  }
  
  .changekeroemailbox > input{
      border: 1px solid #DFE0DF;
  }
  
  .floatBtn{
  display: flex;
  justify-content: flex-start;
  }
  
  @media (min-width: 1200px) {
      .floatBtn{
          display: flex;
          justify-content: flex-end;
          }
  }
  
  .bg-loading-kero-info{
      background-color: white;
      border-radius: 8;
  }
  .lh-reset{
      line-height: 0!important;
      font-size: 18px;
      padding: 10px 2px;
      margin-top:-3px
  }
  
  .xxx{
      position: absolute;
      width: 100%;
      max-width: 332px;
  }
  
  .diceBox{
      position: absolute;
      right: 10px;
      top: 5px;
      cursor: pointer;
  
  }
  
  
  
  .passdChecBox{
       width: 1em;
    height: 1em;
    background-color: #ddd;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid #ddd;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    margin-right: 5px;
    border-radius: 0%;
    }
  
    .passdChecBox:checked{
      background-color: #95E384;
      border: 1px solid #95E384;
    }   
    
    .passdChecBox:focus{
      outline: none;
    }
  
  
    .btnDis:disabled{
      background-color: rgb(170, 170, 170)!important;
      border: 1px solid rgb(170, 170, 170)!important;
      color: rgb(97, 97, 97);
    }
  
  
    .mobile-example-box{
      display: flex;
      flex-direction: row;
      margin-bottom: 20px;
  }
  
  
  .mobile-template-picture{
      max-width: 180px;
  }
  
  
    .mobile-example-title{
      color: #1F1F1F;
      font-size: 22px;
      font-style: normal;
      font-weight: 600;
      line-height: 28px;
      margin-bottom: 9px;
    }
  
    .mobile-example-text{
      color: #1F1F1F;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 28px;
    }
  
    .mobile-icon{
      max-width: 56px;
      max-height: 56px;
      margin-right: 20px;
    }
  
    .mobile-added-info{
      color: #1F1F1F;
      font-size: 22px;
      font-style: normal;
      font-weight: 600;
      line-height: 28px;
      margin-top: -80px;
      text-align: right;
    }    
  
    @media (max-width: 1399px) {
      .mobile-img-margin{
          margin-bottom: 30px;    
      }
    }
  
    @media (max-width: 1399px) {
      .mobile-added-info{
          margin-top: 0px;
      }
    }
  
  
    .account-log-box{
      display: flex;
      flex-direction: row;
      justify-content: space-evenly;
      margin: 48px 0px 15px 0px;
    }
    
  
  .social-btn{
      border: 1px solid #F76A22;
      border-radius: 4px;
      width: 100%;
      padding: 10px 18px;
      background-color: #fff;
      transition: all 0.3s;
      margin: 48px 25px 15px 25px;
  }
  
  .social-btn-test{
      width: unset!important;
  }
  
  
  .social-adnotation{
      text-align: center;
      font-family: SourceSansProRegular;
      color: #050505;
      font-size: 18px;
      margin: 0px 25px 15px 25px;
      width: 100%;
  
  }
  
  @media (min-width: 1400px) {
      .social-btn{
          margin-bottom: 30px;  
          width: 80%;  
      }
      .social-adnotation{
          width: 80%;  
      }
      .social-btn-fb{
          margin:0px 25px 15px 25px;
          width: 80%;
          margin-left: auto;
      }
    }
  
  .social-btn:hover{
      background-color: #eeeeee; 
  }
  
  .social-btn-text{
      color:  #F76A22;
      text-align: center;
      font-family: SourceSansProRegular;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
  }
  
  .social-btn-img{
      width: 22px;
      height: 22px;
      margin-right: 12px;
      margin-top: -5px;
  }
  
  .social-btn--active{
      border: 1px solid #65C750;
      background-color: #65C750;
  }
  
  .social-btn--active:hover{
      border: 1px solid #43ab2b;
      background-color: #43ab2b;
  }
  
  .social-btn--active > .social-btn-text{
      color: black;
  }
  
  
  
  .social-info-link{
      color:  #F76A22;
  }
  
  .fw-blue-bold{
      color: #306485;
      font-family: SourceSansProRegular;
      font-size: 20px;
      font-style: normal;
      font-weight: 600;
      line-height: 24px; 
  }
  
  .backup-file-box{
      margin-left: 10px;
      padding-left: 25px;
      margin-top: 40px;
  }
  
  .backup-row-box{
      display: flex;
      flex-direction: row;
      justify-content: space-between;
  }
  
  .backup-row-box-data{
      display: flex;
      flex-direction: row;
      justify-content: flex-start
  }
  
  .backup-select{
      width: 80%;
      border-radius: 4px;
      border: 1px solid #DFE0DF;
      height: 55px;
      padding: 10px;
  }
  
  @media (max-width: 992px) {
      .backup-select{
          width: 100%;
      }
  }
  
  .backup-select>option{
      height: 100px!important;
  }
  
  .backup-select:focus-visible{
      outline: unset;
  }
  
  @media (min-width: 992px) {
      .modal-content-long{
          min-width: 610px;
      }
      .modal-content-backups{
          padding: 20px 64px;
  
      }
  }
  
  .xxxxxs{
      display: inline-block;
      width: 100%;
      text-align: end;
  }
  
  .sql-Radio-Box{
      padding: 15px 10px;
      border-radius: 4px;
      border: 1px solid var(--grey-normal, #ADADAD);
      margin-bottom: 14px;
  }
  
  .sql-Radio-Box > input {
      margin-right: 15px;
  }
  
  .sql-legend{
      color:  #050505;
      font-family: SourceSansProRegular;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
  }
  
  .serach-domains-zone{
      display: flex;
      flex-direction: row;
  }
  
  #score-domain-input{
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
  }
  
  
  #score-domain-btn{
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
  }
  
  .change-view-box{
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      margin-bottom: 20px;
  }
  
  
  .change-view-domain-list-btn{
      color: #c94c0e;
      font-weight: bold;
      background: unset;
      border: 0;
      transition: all 0.3s;    
  }
  
  .change-view-domain-list-btn:hover{
      color: #853107;
  }
  
  
  .dns-rekords-zone{
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      padding: 10px;
  
  }
  
  .inputTable{
      flex: 1;
  }
  
  .nameTable{
      flex: 3;
  }
  
  .ttlTable{
      flex: 1;
  }
  
  .typeTable{
      flex: 1;
  }
  
  .valueTable{
      flex: 3;
  }
  
  .editTable{
      flex: 1;
  }
  
  .deleteTable{
      flex: 1;
  }
  
  .rekords-text{
      color: var(--Black-2, #050505);
      text-align: justify;
      font-family: SourceSansProRegular;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
  }
  
  #rekordsZone{    
      padding: 30px;
  }
  
  .container-rekords{
      background-color: white;
      border-radius: 8px;
      padding: 23px 11px;
  }
  
  .no-height{
      height: unset;
      min-width: unset;
  }
  
  .records-btn-zone{
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      margin-bottom: 25px;
  }
  
  #rekordsZone>div:nth-child(2n){
      /* background-color: red!important; */
      background-color: #F8F9FA;
  }
  
  .dns-link-alone{
      color: #F76A22;
      background-color: unset;
      font-weight: bold;
      padding: 0;
      border: 0;
      font-family:SourceSansProRegular;
      font-size: 16px;
      transition: all 0.3s;
      cursor: pointer;
  }
  
  .dns-link-alone:hover{
      color: #bc460b;
  }
  
  .box-records-value{
      display: flex;
      flex-direction: row;
      padding: 50px 74px;
  }
  
  .input-records-edit{
      width: 80%;
      margin-left: 20%;
      background-color: #FEFEFE;
      border-radius: 4px;
      border: 1px solid #DFE0DF;
      color: black;
  }
  
  @media (max-width: 1000px) {
      .input-records-edit{
          width: 100%;
          margin-left: 0%;
      }
  }
  
  .title-records-edit{
      min-width: 110px;
      color: var(--Black-2, #050505);
      font-family:SourceSansProRegular;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      margin-top: 10px;
  }
  
  
  
  .vps-zone{
      display: flex;
      flex-direction: row;
      background-color: white;
      padding: 20px;
      margin-bottom: 20px;
      -webkit-box-shadow: 13px 13px 18px -16px rgba(66, 68, 90, 1);
      -moz-box-shadow: 13px 13px 18px -16px rgba(66, 68, 90, 1);
      box-shadow: 13px 13px 18px -16px rgba(66, 68, 90, 1);
  }
  
  .vps-zone-name,.vps-zone-package,.vps-zone-status,.vps-zone-button{
      flex: 11;
      display:flex;
      align-items: center;
      
  }
  
  .vps-zone-date{
      flex: 18;
      display:flex;
      align-items: center;
      
  }
  
  .vps-icon{
   width: 22px;
   height: 22px;
   margin-top: -5px;
  }
  
  .vps-zone-status{
      display: flex;
      flex-direction: row;
      align-items: center;
  }
  
  .vps-zone > div > p{
      min-height: 30px;
  }
  
  .vps-zone-button{
      transition: 2s opacity;
  }
  
  .system-opacity-none{
      opacity: 0;
  }
  
  .system-opacity-show{
      opacity: 1;
  }
  
  .no-view{
      min-height: 30px;
      color: rgba(0,0,0,.5);
      margin-left: -18px;
  }
  
  .dns-link-alone--disable{
      color: #d29273;
  }
  
  
  @media (max-width: 1299px) {
      .vps-zone{
          display: flex;
          flex-direction: column;
      }
      .vps-zone > div{
          margin: 20px 0px;
      }
  
      .vps-zone-date > .domain-list-value{
          margin-left: 0!important;
      }
  
      .vps-zone-status{
          justify-content: flex-end;
          flex-direction: row-reverse;
      }
  
      .vps-zone-status > img{
          margin-left: 10px;
      }
  
      .vps-zone-status > p{
          margin-left: 0px!important;
      }
  
      .no-view{
          margin-left: 0px;
      }
      
  }
  
  
  
  
  .vps-data-zone{
      display: flex;
      flex-direction: row;
      margin-bottom: 50px;
  }
  
  .vps-data-btn{
      flex:12;
      color: white;
      background-color: #65C750;
      padding: 10px 15px;
      border: 1px solid #65C750;
      width: 100%;
      max-height: 44px;
      margin-top: 10px;
  }
  
  .vps-data-infoText{
      flex:40;
      color: black;
      font-size: 18px;
      padding-left: 40px;
  }
  
  .vps-data-btn:hover{
      color: white;
      background-color: #408530;
  }
  
  .vps-data-btn--stop{
      background-color: #FF6169;
      border: 1px solid #FF6169;
  }
  
  .vps-data-btn--stop:hover{
      background-color: #c34249;
  }
  
  .vps-data-btn--off{
      background-color: #E0313A;
      border: 1px solid #E0313A;
  }
  
  .vps-data-btn--off:hover{
      background-color: #991b21;
  }
  
  .vps-data-btn--default{
      background-color: #fa692d;
      border: 1px solid #fa692d;
      color: white;
  }
  
  .vps-data-btn--default:hover{
      background-color: #b24618;
      color: white;
  }
  
  .margin-b-35{
      margin-bottom: 35px!important;
  }
  
  .vps-rescue-zone{
      display: flex;
      flex-direction: row;
  }
  
  .vps-rescue-zone > button{
      width: unset;
      flex: unset;
      margin-right: 40px;
  }
  
  
  
  .vpsSelectZone{
      display: flex;
      flex-direction: row;
  }
  
  .vpsSelectZone > button{
      display: flex;
      flex-direction: row;
  }
  
  .vpsSelectZone > select{
      margin-right: 10px;
  }
  
  @media (max-width: 1200px) {
      .vps-data-zone{
          display: flex;
          flex-direction: column;
          margin-bottom: 50px;
      }
  
      .vps-data-infoText{
          padding-left: 0;
      }
  
      .vps-rescue-zone > button{
          margin-left: 0;
          margin-right: 40px;
          width: 100%;
      }
  }
  
  @media (max-width: 600px) {
      .vps-rescue-zone {
          flex-direction: column;
      }
  
      .vps-rescue-zone > button{
          margin-bottom: 20px;
          width: 100%;
      }
  }
  
  .leftPaddingBox-vps > div{
      justify-content: center;
      display: flex;
      align-items: center;
  }
  
  @media (max-width: 768px) {
      .leftPaddingBox-vps > div{
          justify-content: flex-start;
          align-items: flex-start;
      }
  
      .righrPaddingBox--mobile{
          padding-left: 25px;
      }
  }
  
  .borderServersRight-cor{
      height: unset!important;
  }
  
  .languageDropdown-lng{
      background-color: #ffffff;
      color: black;
      border: 1px solid rgb(161, 161, 161);
      border:  0;
      width: 100%;
  }
  
  .languageDropdown-lng:hover{
      background-color: #D5E9F5;
      color: black;
  }
  
  .languageDropdown-lng:active,.languageDropdown-lng:focus{
      background-color: #306485;
  }
  
  .languageDropdown-lng > img{
      border: 1px solid rgb(95, 95, 95);
      margin-top: -5px;
  }
  
  .languageDropdownUl > li > a > img{
      border:1px solid rgb(180, 180, 180);
      
  }
  
  .languageDropdownUl{
      width: 100px;
      min-width: unset;
  }
  
  .w-unset{
      width: unset;
  }
  
  #copyId{
      cursor: pointer;
  }
  
  .copy-icon{
      width: 20px;
      height: 20px;
      margin-left: 10px;
  }
  
  .no-input{
      color: red;
      background-color: unset!important;
      border: unset;
      padding-left: 10px;
      padding-bottom: 24px;
  }
  
  .no-input::placeholder{
      color: black;
  }
  
  .no-input:active{
      outline: unset!important;
  }
  
  .no-input:focus{
      box-shadow: none;
      outline: unset!important;
  }
  
  .saldo-box{
      border: 1px solid var(--orangeLight);
      border-radius: 4px;
      background-color: white;
      padding: 20px;
  }
  
  .userBalance{
      color: var(--orangeMedium);
      font-weight: bold;
      margin-bottom: 0;
  }
  
  .importatnWord{
      color: var(--orangeDark);
  }
  
  .cdn-text-page{
      width: 100%;
      margin: 0px 130px;
  }
  
  .ul-cdn{
      text-align: left;
      width: 100%;
      margin-left: 20px;
  }
  
  @media (min-width: 792px) {
      .ul-cdn{
          height: 216px;
      }
  }
  
  .modal-dialog__cdn{
      max-width: 1024px;
      /* max-width: unset!important; */
  }
  
  @media (max-width: 575px) {
      .modal-dialog__cdn{
          width: 100%;
          margin: 0;
      }
  }
  
  
  .non-price{
      color: var(--Gray-700, #6B6B6B);
      font-family: SourceSansProRegular;
      font-size: 14px;
      font-weight: 300;
      text-decoration-line: strikethrough;
      margin-top: 5px;
    }
  
    .active-profit{
      color: #B13211;
      font-family: SourceSansProRegular;
      font-size: 14px;
      font-weight: 300;
      background-color: #FFB18A;
      border-radius: 10px;
      max-width: 130px;
      padding: 5px 10px;
      text-align: center;
    }
  
    .btn-zone-bg{
      background-color: #F8F9FA;
    }
  
    .actual-cennik-box{
      text-align: center;
      padding: 26px;
      border-radius: 4px;
      border: 1px solid rgb(224, 224, 224);
      background: 
          url(../assetes/img/icons/planete.svg) no-repeat top right / 68px 68px,
          linear-gradient(112deg, 
              rgba(180, 137, 49, 0.20) 12.03%, 
              rgba(212, 185, 96, 0.20) 30.53%, 
              rgba(230, 217, 130, 0.20) 45.65%, 
              rgba(195, 163, 78, 0.20) 69.12%, 
              rgba(151, 119, 36, 0.20) 86.42%
          );
    }
  
  
  
    .title-content-price{
      color: #050505;
      font-family: UbuntuBold;
      font-size: 22px;
      font-weight: 500;
      text-transform: capitalize;
    }
  
    .subtitle-content-price{
      color: #050505;
      font-family: SourceSansProRegular;
      font-size: 20px;
      font-weight: 400;
      margin-bottom: 47px;
    }
  
    .flex-prices{
      display: flex;
      justify-content: space-between;
      flex-direction: row;
    }
  
    .little-margin-price{
      margin-bottom: 10px;
      
    }
  
    .little-height-price{
      line-height: 1.0;
    }
  
    .actual-cennik-box--silver{
      background: 
      url(../assetes/img/icons/planete-silver.svg) no-repeat top right / 68px 68px,
      linear-gradient(112deg, rgba(176, 174, 187, 0.20) 12.03%,
       rgba(204, 203, 211, 0.20) 30.63%,
        rgba(239, 239, 241, 0.20) 45.51%,
         rgba(193, 193, 195, 0.20) 69.31%,
          rgba(150, 150, 152, 0.20) 86.43%);
    }
  
    .actual-cennik-box--default{
      background: 
      url(../assetes/img/icons/planete-default.svg) no-repeat top right / 68px 68px,
      #ffffff;
    }
  
    .actual-cennik-box--platinium{
      background: 
      url(../assetes/img/icons/planete-platiunium.svg) no-repeat top right / 68px 68px,
      linear-gradient(112deg, rgba(208, 208, 208, 0.20) 12.03%, 
      rgba(216, 216, 216, 0.20) 30.53%, 
      rgba(232, 232, 232, 0.20) 47.63%, 
      rgba(249, 249, 247, 0.20) 64.75%, 
      rgba(188, 188, 188, 0.20) 75.88%, 
      rgba(190, 190, 190, 0.20) 83.84%, 
      rgba(190, 190, 190, 0.20) 86.42%);
    }
  
    .card-body--price{
      background: unset;
      border: 0;
      margin-top: 24px;
    }
  
    .custom-btn-position{
      margin-top: -70px;
    }
  
    @media (max-width: 1400px) {
      .custom-btn-position{
          margin-top: 0px;
        }
    }
  
    .right-menu-user > li > a{
      white-space: normal!important;
    }
  
    .menu-container{
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
    }
  
    .dropdown-container{
      display: flex;
      flex-direction: row;
    }
  
    .dropdown-container > button {
      min-width: 90px;
      margin-right: 20px;
      height: 50px;
      margin-top: 10px;
    }
  
    .notify-container{
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
    }
  
    .dropdown-toggle-menu::after{
      right: 35px;
      top: 55%;
    }
  
    @media (max-width: 768px) {
      .menu-container{
          flex-direction: column;
          margin-bottom: 30px;
      }
  
      .right-menu-button-box{
          text-align: center!important;
          padding: 0px;
          
      }
  
      .right-menu-button{
          width: 100%;
          text-align: center;
          padding-right: 0px;
          padding-left: 0px;
      }
  
      .languageDropdownUl{
          width: 100%;
      }
  
      .flag-icon--icon{
          margin-left: -10px;
      }
    }
  
    .notification-container{
      background-color: white;
      padding: 20px;
      -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
    }
  
    .box-notification-input{
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
    }
  
    .box-notification-input > label{
      flex:1;
      text-align: left;
    }
  
    .box-notification-input > input{
      flex:10;
    }
  
    @media (max-width: 1200px) {
      .box-notification-input{
          flex-direction: column;
      }
    }
  
    .btn-notification-box{
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
    }
  
    .formSelect-registry{
      width: unset;
      display: unset;
      height: 46px;
    }
  
    .added-accounts-domains-box{
      background-color: white;
      border: 1px solid rgb(227, 227, 227);
      padding: 20px 15px;
      border-radius: 4px;
    }
  
    #error-zone-cdn{
      width: 100%;
      min-height: 32px;
    }
  
    .height-bulk{
      height: 44px;
    }
    
    .server-header {
      /* background-color: #2dce89; */
      background-color: #01304c;
      color: white;
      padding: 1rem 1.5rem;
      border-radius: 12px;
      font-weight: 600;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
      margin-bottom: 1rem;
      margin-left: 2px;
      margin-right: 2px;
  }
  
  .server-header-new{
      background-color: white;
      border-bottom: 1px solid #ADADAD;
      border-radius: 0;
      padding: 6px;
      box-shadow: none;
  
  
  }
  
  .server-header-text{
      color: #6B6B6B;
      font-family: SourceSansProRegular;
      font-size: 14px;
      padding-left: 0;
  }
  
  .server-card {
      background: linear-gradient(to right, #ffffff, #f6f7fb);
      padding: 1.5rem;
      margin-bottom: 1rem;
      border-radius: 12px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  
  .server-card-new {
      background-color: white;
      padding: 0px 10px;
      margin-bottom: 0;
      border-radius: 0;
      box-shadow: none;
  }
  
  .status-indicator {
      width: 12px;
      height: 12px;
      background-color: #95E384;
      display: inline-block;
  }
  
  .status-indicator--red {
      background-color: #E0313A;
  }
  
  .status-indicator--yellow {
      background-color: #EBE952;
  }
  
  .value-text{
      color:  #1F1F1F;
      font-family: SourceSansProRegular;
      font-size: 14px;
      padding-left: 0;
      margin-left: 0!important;
  }
  
  .option-dropdown .dropdown-toggle {
      color: #ffffff !important;
      background-color: #002F4E;
      border-color: #002F4E;
      padding: 0.4rem 1rem;
      border-radius: 20px;
      font-weight: 600;
      transition: background-color 0.3s ease;
  }
  
  .dropdown-toggle {
      white-space: nowrap;
  }
  
  .nowrpa {
      white-space: nowrap!important;
  }
  
  .hosting-dropdown-btn{
      background-color: #D44C18;  
      color: #ffffff !important;
      border-color: #D44C18;
      padding: 0.4rem 1rem;
      padding-right: 40px;
      border-radius: 20px;
      font-weight: 600;
      transition: background-color 0.3s ease;
  }
  
  .hosting-dropdown-btn:hover,.hosting-dropdown-btn:active,.hosting-dropdown-btn:focus{
      background-color: #d66133!important;  
      border-color: #D44C18;
  }
  
  .hosting-dropdown-btn-new{
      background-color: unset;
      color:#F76A22!important;
      text-align: center;
      font-family: SourceSansProRegular;
      font-size: 14px;
      border: 0;
  }
  
  .hosting-dropdown-btn:hover{
      background-color: #FFF0E8!important;  
      border: 0;
  }
  
  .hosting-dropdown-btn:active{
      background-color: #FFDAC7!important;  
      border: 0;
  }
  
  .hosting-dropdown-btn:focus{
      background-color: white!important;  
      border: 0;
  }
  
  .dropdown-menu.hosting-menu{
      border-radius: 12px;
      margin-top: 0.5rem;
      background-color: #ffffff;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
      /* transform: translate3d(-10%, 39px, 0px)!important; */
      will-change: unset!important;
      position: absolute!important;
      transform: unset!important;
      top:30px!important;
      right: 10px!important;
      left: unset!important;
  }
  
  .hosting-menu > a,.hosting-menu > button{
      padding: 10px 20px;
      color: black !important;
      font-weight: 600;
  }
  
  
  
  .menu-new-icon{
      width: 25px;
      height: 25px;
      filter: brightness(0%);
  }
  
  
  .menu-icon-new{
      width: 16px;
      height: 16px;
  }
  
  .name-serv-w{
      min-width: 100px;
      text-align: start;
      margin-left: 10px;
  }
  
  .item-name{
      text-transform: capitalize;
  }
  
  .bg-unset{
      background-color: unset!important;
  }
  
  .aserverLink{
      cursor: pointer;
  }
  
  .aserverLink-new{
      color: #1F1F1F;
      font-family: SourceSansProRegular;
      font-size: 14px;
  }
  
  .margin-option{
      padding-right: 50px;
  }
  
  .sort-new-icon{
      width: 25px;
      height: 14px;
      cursor: pointer;
  }
  
  .sort-new-icon:hover{
      opacity: 0.7;
  }
  
  .custom-button {
      background: linear-gradient(90deg, #D44C18 0%, #f14a07 100%);
      color: white;
      padding: 0.6rem 1.5rem;
      border-radius: 50px;
      font-weight: 600;
      border: none;
      box-shadow: 0 4px 12px #D44C18;
      transition: all 0.3s;
      margin-bottom: 20px;
  }
  
  .custom-button:hover {
      background: linear-gradient(90deg, #bd400f 0%, #c03600 100%);
      box-shadow: 0 4px 12px #9c340b;
  }
  
  .custom-button--blue {
      background: linear-gradient(90deg, #00314b 0%, #024061 100%);
      color: white;
      padding: 0.6rem 1.5rem;
      border-radius: 50px;
      font-weight: 600;
      border: none;
      box-shadow: 0 4px 12px #00314b;
      transition: all 0.3s;
      margin-bottom: 20px;
  }
  
  .custom-button--blue:hover {
      background: linear-gradient(90deg, #01273b 0%, #001c2b 100%);
      box-shadow: 0 4px 12px #001c2b;
  }
  
  .plus-icon{
      width: 16px;
      height: 16px;
      margin-right: 10px;
      margin-top: -3px;
  }
  
  .flags-margins{
      margin-left: 20px;
      margin-right: 30px;
  }
  
  .notification-margins {
      margin-right: 75px;
  }
  
  
  @media (max-width: 768px) {
      .flags-margins {
          margin-left: 0px;
          margin-right: 0px;
      }
  
      .notification-margins {
          margin-right: 0px;
      }
      }
  
  
  .changelog-item {
      background: #ffffff;
      padding: 1.5rem;
      margin-bottom: 1.5rem;
      border-radius: 12px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  }
  
  .changelog-item .changelog-date {
      color: #5a5a5a;
      font-weight: 500;
      margin-bottom: 1rem;
      font-family: UbuntuBold;
  }
  
  .changelog-list{
      list-style: none;
  }
  
  .changelog-list > li {
      display: flex;
  }
  
  .changelog-item .badge {
      font-size: 0.85rem;
      padding: 0.3rem 0.7rem;
      border-radius: 20px;
      font-weight: 600;
      margin-right: 0.5rem;
  }
  
  .badge-width{
      width: 73px!important;
  }
  
  
  .badge-bugfix {
      background-color: #e74c3c;
      color: white;
  }
  
  .badge-ulepszenie {
      background-color: #5e72e4;
      color: white;
  }
  
  .badge-nowosc {
      background-color: #2dce89;
      color: white;
  }
  
  .badge-delete {
      background-color: #ed4b0b;
      color: white;
  }
  
  .changelog-item li {
      margin-bottom: 1rem;
      color: #5a5a5a;
  }
  
  .input-icons-search--domains{
      margin-left: auto;
  }
  
  @media (max-width: 992px) {
      .inputSearchDomain--width{
          width: 100%;
          margin-bottom: 20px;
      }
  
  }
  .inputSearchDomain--new{
      padding: 0;
      border: 1px solid #8F8F8F;
      height: 44px;
  }
  
  .inputSearchDomain:focus-visible,.inputSearchDomain:focus{
      border: 1px solid var(--orangeLight)!important;
      outline: none;
  }
  
  @media (max-width: 768px) {
      .flex-style-history-mobile {
          justify-content: flex-end;
      }
  }
  
  .small-desc{
      font-size: 0.9rem;
  }
  
  
  .domain-btn-box{
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      margin-top: 30px;
  }
  
  .app-box{
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      margin:0px 15px 15px 15px;
  }
  
  .theme-box{
      display: flex;
      flex-direction: row;
      justify-content:space-between;
      margin-bottom: 30px;
  }
  
  .theme-switch-box{
      display: flex;
      flex-direction: row;
      justify-content:space-between;
      background-color: #00121C;
      border-radius: 50px;
      overflow: hidden;
      flex:90;
      margin-right: 10px;
      
  
  
  }
  
  .theme-text{
      flex:40;
      text-align: center;
      margin-bottom: 0;
      color: #F8F9FA;
      font-family: SourceSansProRegular;
      font-size: 16px;
      font-weight: 400;
  }
  
  .dark-box{
      flex:1;
      cursor: pointer;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
  }
  
  .light-box{
      flex:1;
      cursor: pointer;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
  }
  
  .light-box > button > p,.dark-box > button  > p{
      flex:1;
      font-family: SourceSansProRegular;
      font-size: 16px;
  }
  
  .active-theme{
      background-color: #FEFEFE;
      border-radius: 50px;
  }
  
  .active-theme > button > p{
      color: #1F1F1F;
  }
  
  .icon-theme{
      width: 12px;
      height: 12px;
  }
  
  .icon-theme--mobile{
      width: 16px;
      height: 16px;
  }
  
  .nobtn{
      background-color: unset;
      border: 0;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
  }
  
  .light-box-mobile{
      width: 20px;
      margin-left: auto;
      margin-right: auto;
  }
  
  #sidebar .light-box-mobile {
      display: none;
  }
  
  #sidebar .theme-box {
      display: flex;
  }
  
  
  #sidebar.active .light-box-mobile {
      display: flex;
  }
  
  #sidebar.active .theme-box {
      display: none;
  }
  
  
  #sidebar.active .app-box {
      display: none;
  }
  
  #paginationZone{
      height: 50px;
  }
  
  
  .visibl{
      opacity: 1;
  }
  
  .unVisibl{
      opacity: 0;
  }
  
  
  #paginationZone > input{
      width: 40px;
      height: 40px;
  }
  
  .main-section-box{
      border-radius: 8px;
      background: #FEFEFE;
      box-shadow: 0px 0px 20px -4px rgba(181, 181, 181, 0.20);
      padding: 24px;
  }
  
  .border-main{
      border-bottom: 1px solid #ADADAD;
  }
  
  .main-server-box{
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      transition: all 0.3s;
      padding: 12px 10px;
      border-radius: 4px;
  }
  
  .main-server-box:hover{
      background-color: #E0F3FF;
  }
  
  
  
  .main-section-icon{
      width: 22px;
      height: 22px;
      margin-right: 20px;
  
  }
  
  .main-section-icon--adds{
      width: 18px;
      height: 17px;
      margin-right: 20px;
      margin-left: 5px;
      margin-top: -2px;
  
  }


    .main-section-icon--promo{
      width: 22px;
      height: 22px;
      margin-right: 20px;
  
  }
  
  .main-text{
      color: #050505;
      font-family: SourceSansProRegular;
      font-size: 14px;
      margin-bottom: 0px;
  }
  
  .main-text-grey{
      color:#6B6B6B;
      font-family: SourceSansProRegular;
      font-size: 14px;
  }
  
  .main-link{
      color: #F76A22;
      font-family: SourceSansProRegular;
      font-size: 12px;
      margin-bottom: 20px;
      margin-left: 50px;
      display: block;
      padding: 2px 10px;
  }

  .main-link-normaln-size{
    font-size: 14px;
  }
  
  
  .flex-1{
      flex:1;
  }
  
  .main-proform-box{
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      flex: 1;
  }
  
  .main-section-height{
      min-height: 305px;
  }
  
  .main-section-height-bottom{
      height: 374px;
  }
  
  .content-position-img {
      height: 374px!important;
  }
  
  
  
  .main-section-box--proform {
      display: flex;
      flex-direction: column;
  }
    
  .pageText-medium{
      font-size: 16px;
  }
  
  .copy-main-btn{
      height: 30px;
      font-size: 14px;
  }
  
  .left-bling-margin{
      padding-left: 42px;
  }
  
  
  .main-server-box--link{
      align-items: center;
      
  }
  
  .main-text--link{
      display: flex;
      align-items: center;
      height: 48px;
  }
  
  .height-unset{
      height: unset;
  }
  
  .bg-envelope{
      
      background: url(../assetes/img/icons/bg-envelope.svg);
      background-color: #01304C;
      background-repeat: no-repeat;
      background-position: right top;
  }
  
  .no-hover:hover{
      background: #00314b;
  }
  
  .no-hover-set:hover{
      background-color: unset!important;
      cursor: default;
  }
  
  .content-position-img{
      position: relative;
      height: 508px;
  }
  
  .content-position-title{
      position: absolute;
      top: 30px;
      padding: 0px 10px;
      background-color: #FFF01F;
      border-radius: 4px;
      left: 35px;
      opacity: 0.9;
      font-size: 14px;
      font-family: SourceSansProRegular;  
  }

  .content-position-promo{
      position: absolute;
      top: 60px;
      padding: 0px 10px;
      background-color: #E0313A;
      border-radius: 4px;
      left: 35px;
      opacity: 0.9;
      font-size: 14px;
      font-family: SourceSansProRegular;  
      color: white;
  }
  
  .content-position-subtitle{
      position: absolute;
      bottom: 120px;
      left: 50px;
      opacity: 0.9;
      font-size: 22px;
      font-family: UbuntuRegular;
      color: white;
  }
  
  .content-position-subsubtitle{
      position: absolute;
      bottom: 80px;
      left: 50px;
      opacity: 0.9;
      font-size: 14px;
      font-family: SourceSansProRegular; 
      color: white;
  }
  
  .content-position-button{
      position: absolute;
      bottom: 20px;
      left: 50px;
      opacity: 0.9;
      font-size: 16px;
      font-family: SourceSansProRegular; 
      color: white;
      margin-left: 0;
  }
  
  .black-padding{
      padding: 22px;
      margin-top: 11px;
  }
  
  .xxxxxx{
      height: 440px;
      object-fit: cover;
      width: 100%;
      border-radius: 4px;
  }
  
  @media (max-width: 1199px) {
      .xxxxxx{
          height: auto;
          width: 100%;
          
      }
  }
  
  @media (max-width: 780px) {
      .content-position-subtitle{
          bottom: 300px;
      }
  
      .content-position-subsubtitle{
          bottom: 250px;
      }
  
      .content-position-button{
          bottom: 200px;
      }
  }
  
  .padding-y-main{
      padding-top: 11px;
      padding-bottom: 11px;
  }
  
  .left-contact-zone{
      background-color: #01304C;
      border-radius: 8px;
      padding: 24px;
  }
  
  .right-contact-zone{
      background-color: #306485;
      border-radius: 8px;
      padding: 24px;
  }
  
  .min-left-zone{
      min-height: 284px;
  }
  
  .forncontact-zone{
      background-color: #FEFEFE;
      border-radius: 8px;
      padding: 24px;
  }
  
  .newinput{
      border-radius: 4px;
      border:1px solid #C7C7C7;
      background: #FEFEFE;
  }
  
  .account-domain{
      color: #6B6B6B;
      font-family: SourceSansProRegular;
      font-size: 16px;
      margin-top: 24px;
  }
  
  .social-btn-test--new{
      border-radius: 4px;
  }
  
  .server-card.server-card-new {    
      background: unset;
      background-color: white;
  }
  
  
  .server-card.server-card-new:nth-of-type(even) {    
      background: unset;
      background-color: #FAF9F9;
  }
  
  .widthListScroll--new{
      background-color: white;
      padding: 24px;
      width: 100%!important;
      max-width: 100%!important;
  }
  
  .manual-domains-box{
      background-color: white;
      padding: 24px;
      border-radius: 8px;
  }
  
  .rulesTitle{
      color: #050505;
      text-align: center;
      font-family: UbuntuRegular;
      font-size: 20px;
  }
  
  .rules-box{
      margin-left: auto;
      margin-right: auto;
      width: 70%;
      padding: 24px;
      background-color: white;
  }
  
  .rulesSubTitle{
      color: #050505;
      text-align: center;
      font-family: SourceSansProRegular;
      font-size: 16px;
  }
  
  @media (max-width: 963px) {
      .rules-box{
          width: 90%;
      }
  }
  
  @media (max-width: 680px) {
      .rules-box{
          width: 96%;
      }
  }
  
  .list-number{
      list-style-type: decimal;
  }
  
  .list-letter{
      list-style-type: lower-alpha;
  }
  
  .veryfiaccount-site{
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      height: 100%;
  }
  
  .veryfiaccount-zone{
      padding: 24px;
      background-color: white;
  }
  
  .button-zone-veryfi{
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
  }
  
  .lang-img-box{
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      margin-top: 10px;
  }
  
  .lang-img-box > img{
      margin-top: 10px;
      margin-right: 20px;
      cursor: pointer;
  }
  
  .add-server-box{
      padding: 10px;
      border: 2px solid rgb(236, 236, 236);
      cursor: pointer;
      border-radius: 4px;
  }
  
  .activeChoose{
      border: 2px solid var(--orangeLight);
  }
  
  .limitedText{
      color: #000;
      margin-bottom: 10px;
  }
  
  .limitedTextSmall{
      color: #3b3b3b;
      margin-bottom: 10px;
      font-size: 12px;
  }
  
  .main-dns-flex{
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }
  
  .skrotyLabel{
      color: #8F8F8F;
      font-family: SourceSansProRegular;
      font-size: 13px;
      margin-left: 12px;
      padding-top: 8px;
      padding-bottom: 8px;
  }
  
  
  @media (max-width: 1920px) {
      .nav-main-margin{
          margin-bottom: 12px;
      }
  
      .main-section-box{
          padding-top: 20px;
          padding-bottom: 20px;
      }
  
      .main-link{
          margin-bottom: 12px;
      }
  
      .padding-help-main{
          padding-top: 8px;
          padding-bottom: 8px;
      }
      .main-text--link{
          height: 45px;
      }
  
      .black-padding{
          padding-top: 14px;
          padding-bottom: 14px;
      }
  }
  
  @media (min-width: 1921px) {
      .main-section-height-bottom{
          height: 420px;
      }
  
      .content-position-img {
          height: 420px!important;
      }
  }
  
  @media (min-width: 1400px ) and (max-width: 1660px) {
      .main-section-height{
          min-height: 300px;
      }
      
      .main-section-height-bottom{
          height: 382px;
      }
  
      .content-position-img {
          height: 382px!important;
      }
  
      .manual-fsize{
          font-size: 16px;
      }
  
      .main-section-box {
          padding-top: 15px;
          padding-bottom: 15px;
      }
  
      .padding-help-main{
          padding-bottom: 0px;
      }
  
  }
  
  .dropdown-item:hover{
      background-color: #FFDAC7;
  }
  
  .succes-send-message{
      border: 2px solid green;
      border-radius: 8px;
      margin-top: 40px;
      background-color: white;
      padding: 24px;
  }
  
  .succes-send-message > p{
      margin-bottom: 0;
  }
  
  .domain-img{
      width: 100%;
      /* object-fit: cover; */
      object-fit: none;
      border-radius: 8px;
  }
  
  @media (max-width: 1400px) {
      .domain-img{
          object-fit: cover;
          margin-bottom: 20px;
      }
  }
  
  @media (min-width: 1950px) {
      .domain-img{
          object-fit: cover;
      }
  }
  
  .main-link-special{
      border: 0;
      background-color: unset;
  }
  
  .main-link:hover{
      color: var(--orangeDark);
  }
  
  .setting-btn-icon{
      width: 16px;
      height: 16px;
      margin-right: 8px;
      margin-top: -3px;
  }
  
  .activeInput__new{
      max-width: unset;
      width: 100%;
  }
  
  .zgodyText{
      color: #6B6B6B;
      text-align: left;
      font-family: SourceSansProRegular;
      font-size: 14px;
  }
  
  
  .containerForRadio-zgoda {
      display: flex;
      justify-content: center;
      align-items: center;
    }
    
    .toggle-switch {
      position: relative;
      width: 45px;
      height: 25px;
      padding: 5px;
      
    }
    
    .toggle-input-zgoda {
      opacity: 0;
      width: 0;
      height: 0;
    }
    
    .toggle-label-zgoda {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #ccc;
      transition: 0.4s;
      border-radius: 20px;
      border: 1px solid #6B6B6B;
    }
    
    .toggle-label-zgoda:before {
      position: absolute;
      content: "";
      height: 15px;
      width: 15px;
      left: 4px;
      bottom: 4px;
      background-color: #6B6B6B;
      transition: 0.4s;
      border-radius: 50%;
    }
    
    .toggle-input-zgoda:checked + .toggle-label-zgoda {
      background-color: #FFF0E8;
      border: 1px solid #F76A22;
    }
    
    .toggle-input-zgoda:checked + .toggle-label-zgoda:before {
      transform: translateX(20px);
      background-color: #F76A22;
    }
  
    .input-text{
      text-align: left;
      color: #1F1F1F;
      font-family: SourceSansProRegular;
      font-size: 14px;
      position: relative;
      top: -2px;
      left: 5px;
    }
  
    .no-btn{
      background-color: unset;
      color: #F76A22;
      font-family: SourceSansProRegular;
      border: 0;
      transition: 0.3s;
    }
    .no-btn:hover{
      color: #c24d13;
    }
  
    .li-box{
      width: 100%;
      display: flex;
      justify-content: space-between;
      padding: 10px;
      transition: 0.3s;
    }
  
    .li-box:hover{
      background: #E0F3FF;
    }
  
    .copy-api-icon{
      width: 24px;
      height: 24px;
      margin-top: 0px;
      cursor: pointer;
      margin-left: 5px;
    }
  
    .form-flex{
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%;
    }
  
    .twoStepBox{
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      margin-bottom: 24px;
    }
    .actiwetwostep{
      color: #20721A;
      font-family: SourceSansProRegular;
      font-size: 14px;
    }
  
    .notify-height{
      min-height: 303px;
    }
  
  
  
    @media (max-width: 767px) {
      #sidebar ul.components {
          padding: 0;
      }
      #sidebar .sidebar-header {
          padding-bottom: 0px;
      }
      #sidebar ul li a {
          padding: 5px 20px;
      }
    }
  
  
    .main-link-red{
      color: #E0313A;
      font-family: SourceSansProRegular;
      font-size: 12px;
      padding: 10px 10px;
      background: unset;
      border: 0;
      transition: unset;
  }
  
  .main-link-red:hover{
      color: #7e1117;
  }
  
  
  
  .custom-checkbox {
      width: 15px; /* Zmień na dowolny rozmiar */
      height: 15px; /* Zmień na dowolny rozmiar */
      appearance: none; /* Usuwa domyślny styl */
      border: 2px solid #ccc;
      border-radius: 2px; /* Opcjonalnie, zaokrąglone rogi */
      background-color: #fff; /* Tło niezaznaczonego checkboxa */
      cursor: pointer;
    }
    
    /* Styl zaznaczonego checkboxa */
    .custom-checkbox:checked {
      background-color: #F76A22; /* Kolor tła */
      border-color: #F76A22;
      position: relative;
    }
    
    /* Dodanie białego ptaszka */
    .custom-checkbox:checked::after {
      content: '✔'; /* Symbol ptaszka */
      color: white; /* Kolor ptaszka */
      font-size: 10px; /* Dopasuj rozmiar */
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  
  
    @media (min-width: 1300px) {
      .medium-screen-padding{
          padding-left: 60px;
      }
    }
  
  
  
  
  
    .grid-container {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(256px, 1fr)); /* Automatyczne dopasowanie liczby kolumn */
      gap: 16px; /* Odstępy między elementami */
      padding: 16px; /* Margines wewnętrzny kontenera */
    }
    
    .item-grid {
      background-color: #FFF; /* Tło dla lepszej widoczności */
      border: 1px solid #E0DFDF;
      padding: 12px;
      /* text-align: center; */
      font-size: 20px;
      /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */
      border-radius: 4px;
    }
  
  
    .sslName{
      color: #050505;
      font-family: SourceSansProRegular;
      font-size: 14px;
    }
  
    .grey-ssl-text{
      color: #6B6B6B;
      text-align: justify;
      /* Regular/S */
      font-family: SourceSansProRegular;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 160%; 
    }
  
    .social-btn-ssl{
      font-size: 14px;
      padding-top: 7px;
      padding-bottom: 7px;
      width: 100%!important;
      margin-bottom: 0px;
      border-radius: 4px;
    }

    .social-btn-orange{
        color: white;
        background-color: #F76A22;
        border: 1px solid #F76A22;
    }

    .social-btn-orange:hover {
        background-color: #D64800 !important;
        color: white;
        border: 1px solid #D64800;
    }
  
    .item-grid-one{
      width: 300px!important;
    }
  
    #myTab {
      border: 0;
    }
  
    #myTab > li > .nav-link{
      color: #1F1F1F;
      font-family: SourceSansProRegular;
      font-size: 14px;
      border: 0;
      border-bottom: 2px solid #f7692200;
    }
  
    #myTab > li > .nav-link.active{
      color: #F76A22;
      border: 0;
      border-bottom: 2px solid #F76A22;
    }
  
    .min-h-ssl{
      min-height: 64px;
    }
  
    .background-fe{
      background-color:#ffffff!important;
    }
  
    #collapseOne,#collapseTwo{
      background-color:#ffffff!important;
    }
  
    .titleVat{
      color: #050505;
      font-family: UbuntuRegular;
      font-size: 22px;
      font-weight: 500;
      padding-left: 16px;
    }
  
    .column-table-middle{
      display: flex;
      align-items: center;
    }
  
    .no-hover:hover{
      background-color: unset!important;
    }
  
    .var-option{   
      padding-right: 25px;
      padding-left: 15px;
    }
  
    .var-option::after {
      display: block;
      position: absolute;
      top: 50%;
      right: 0px;
      transform: translateY(-50%);
  }
  
  .nousluga{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }
  
  .nousluga > img{
      min-height: 200px;
      margin-top: 16px;
  }

  .nouslugaVat{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.nouslugaVat > img{
    min-height: 15px;
    margin-left: 10px;
    margin-top: -10px;
}
  
  .badge-roadmap{
      display: inline-block;
      height: 25px;
  }
  
  
  
  input[type="date"]{
    background-color: unset;
    padding: 2px;
    color: black;
    font-size: 18px;
    border: 1px solid #fa692d;
    outline: none;
    border-radius: 5px;
    margin-right: 8px;
}
::-webkit-calendar-picker-indicator{
    background-color: unset;
    padding: 2px;
    cursor: pointer;
    border-radius: 3px;
}

.iputDateBox{
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
   padding-top: 10px;
}

#error-dnssec{
    min-height: 30px;
}

.error-sec{
    color: red;
}


.counter-container {
    display: flex;
    align-items: center;
    gap: 10px;
}
.counter-button {
    width: 40px;
    height: 40px;
    border: 2px solid orange;
    color: orange;
    background: none;
    font-size: 20px;
    cursor: pointer;
    text-align: center;
    border-radius: 5px;
}
.counter-input {
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 20px;
    border: 2px solid gray;
    border-radius: 5px;
}

.error-icon{
    height: 14px;
    width: 5px;
}

.hearth-icon{
    height: 14px;
    width: 15px; 
}

.no-min-width{
    min-width: unset;
}


@media (max-width: 991px) {
    .border-bottom-onslySmall{
        border-bottom: 1px solid #adadad;
    }
}

.pageTextMedium{
    font-size: 16px;
    color: black;
} 

.pageTextSmall{
    font-size: 14px;
    color: black;
} 

#lottie-container-loading{
    text-align: center;
}

#lottie-container-loading > svg{
    max-width: 200px;
}









.tags-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.tag {
    border: 1px solid #F76A22;  
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.3s;
    color: #F76A22;
}
.tag.selected {
    color: #F76A22;
    border-radius: 4px;
    border: 1px solid #F76A22;    
    background: #FFDAC7;
}
button.tag {
    margin-top: 10px;
    padding: 8px 15px;
    border: none;
    background: orange;
    color: white;
    cursor: pointer;
    border-radius: 5px;
}

.corectmodal:hover{
    border: 1px solid rgba(245, 40, 145, 0);

}

.notyfiIcon{
    width: 20px;
    height: 20px;
}

.notyfiZone{
    display: flex!important;
    justify-content: space-between;
}

#sidebar.active .notyfiZone{
    display: block!important;
}

#sidebar.active #powiadomieniaZone{
    margin-top: -30px;
    margin-right: -30px;
}

#sidebar.active .notyfiIcon{
    width: 15px;
    height: 15px;
}


.add-server-box{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.dot-ghost{
    
    border-radius: 50%;
    border: 1px solid #F76A22;
    margin-right: 20px;
    padding: 5px;
    width: 22px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dot-ghost-bg{
    background-color: unset;
        width: 10px;
        height: 10px;
        border-radius: 50%;
}


.activeChoose > .dot-ghost > .dot-ghost-bg{
    background-color: #F76A22;
        width: 10px;
        height: 10px;
        border-radius: 50%;
}

.add-server-box > p{
    line-height: unset;
}


.myVerySmall-text{
    font-size: 14px;
}

.mysmall-text{
    font-size: 12px;
}

.lh{
    line-height: 1;
    white-space: nowrap;
}

@media (max-width: 1199px) {
    .lh{
        display: contents;
    }
}

.dropdown-toggle-flag::after {
    top: 60%;
    right: 0px;
}



.tooltip-icon {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.tooltip-icon img {
    height: 14px;
    width: 5px;
    vertical-align: middle;
}


.tooltip-icon:hover .tooltip-box {
    visibility: visible;
    opacity: 1;
    z-index: 999999999999999;
}

.tooltip-box {
    position: absolute;
    background: rgba(0, 0, 0, 0.9);
    color: white;
    padding: 8px 12px;
    border-radius: 5px;
    font-size: 14px;
    white-space: normal;
    word-wrap: break-word;
    text-align: center;
    max-width: 250px;
    min-height: 40px;
    z-index: 9999;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    pointer-events: none;
}

/* Standardowa strzałka tooltipa (gdy jest nad elementem) */
.tooltip-box::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.9) transparent transparent transparent;
}

/* Tooltip poniżej elementu (strzałka u góry) */
.tooltip-below::after {
    top: -5px;
    bottom: auto;
    border-color: transparent transparent rgba(0, 0, 0, 0.9) transparent;
}

.tooltip-visible {
    opacity: 1 !important;
}

.tollimg{
    height: 14px;
    width: 5px;
}

.nettoinfo{
    color: #ADADAD;
    text-align: right;
    font-family: SourceSansProRegular;
    font-size: 13px;
}

.cachetest{
    width: 2px;
    height: 2px;
    background-color: red;
}

.cessionbox{
    border-radius: 8px;
    background: #FEFEFE;
    box-shadow: 0px 0px 20px -4px rgba(181, 181, 181, 0.20);
    height: 100%;
    padding: 32px 24px;
}

.cesionText,.searchName{
    color: #050505;
    text-align: justify;
    font-family: SourceSansProRegular;
    font-size: 14px;
}

.searchName{
    margin-top: 15px;
    margin-bottom: 0;
}

.searchName--manual{
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
}

.normal-list > li{
    font-size: 14px;
}

.optionZone{
    display: flex;
    flex-direction: row;
}

.aviableOption{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-radius: 4px;
    border: 1px solid #BBEDAD;
    background: #EEFBEA;
    padding: 12px 24px;
    align-items: center;
}

.aviableOption--red{
    border: 1px solid #F68178;
    background: #FFE0DC;
}

@media (max-width: 1400px) {
    .aviableOption{
        flex-direction: column;
    }
    .optionBoxBtn{
        flex-direction: column!important;
    }
    .optionMargin{
        margin-right: 0!important;
        margin-bottom: 10px!important;
        margin-top: 5px!important;
    }
}

.aviableDomain{
    color: #050505;
    font-family: UbuntuRegular;
    font-size: 18px;
}

.optionBoxBtn{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.orange-color{
    color: #F76A22;
}

.aviableScooreBox{
    min-height: 111px;
}

.allSSLbox{
    display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: flex-start;
gap: 18px;
}

.ssl-box{
    padding: 12px;
    border-radius: 4px;
    border: 1px solid #E0DFDF;
    background: #FFF;
    width: 320px;
}

.logoZoneSSL{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.sslTitle{
    color: #050505;
    text-align: justify;
    font-family: SourceSansProRegular;
    font-size: 14px;
    margin-bottom: 0;
}

.sslTextGrey{
    color: #6B6B6B;
    text-align: justify;
    font-family: SourceSansProRegular;
    font-size: 14px;
    margin-bottom: 0;
}

.sslTextBlack{
    color: #050505;
    text-align: justify;
    font-family: SourceSansProRegular;
    font-size: 14px;
}

.sslOrderBox {
    display: flex;
    flex-direction: row;
}

.sslOrderBox-second {
    display: flex
;
    flex-direction: row;
    border: 1px solid #c7c7c7;
    border-radius: 4px;
    max-width: fit-content;
    padding: 8px;
}

#minusSSL, #plusSSL {
    color: #fff;
    background-color: #F76A22;
    width: unset;
    cursor: pointer;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 0;
}

.sslinput {
    background-color: unset;
    border: 0;
    height: 24px;
    padding: 0;
    min-height: unset;
    text-align: center;
}

#minusSSL>img, #plusSSL>img {
    width: 13px;
    height: 13px;
}

.adnotationSSL{
    margin-top: 7px;
    margin-left: 10px;
}


#sslOrderInput::-webkit-outer-spin-button,
#sslOrderInput::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#sslOrderInput {
    -moz-appearance: textfield;
}


.cessionbox--reset{
    background-color: unset!important;
    box-shadow: none!important;
    padding: 0!important;
}

.newCessionBox{
    background: #FEFEFE;
    box-shadow: 0px 0px 20px -4px rgba(181, 181, 181, 0.20);
    padding: 32px 24px;
    border-radius: 8px;
}

.error-text{
    color: #EC5E59;
    font-family: SourceSansProRegular;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0px;
    padding:5px 0px;
    min-height: 34px;
    text-align: left;
}

.error-input{
    border: 1px solid #E0313A;
}

.starBox{
    position: absolute;
}

.starInCertyficate {
    height: 38px;
    width: 50px;
    justify-content: center;
}

.inputWithStar {
    padding-left: 60px;
}


.bmt-ssl-patch:focus{
    background-color: white;
    color: #F76A22;
}

.ppinfoZone{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.ppinfoZone > div{
    display: flex;
    flex-direction: row;
}

.pp-mainBox{
    padding: 20px;
    border-radius: 4px;
    border: 1px solid #E0DFDF;
}

.pp-img-box {
    height: 206px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;      
  }
  
  .pp-img-box img {
    max-width: 100%;       
    max-height: 100%;      
    object-fit: contain;   
  }

  .urlpp{
    min-height: 72px;
    word-break: break-all;
    margin-bottom: 0;
  }

  .rowSearchDomains{
    min-height: 48px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .rowSearchDomains--manual{
    border-radius: 4px;
    margin-left: 3px;
    margin-right: 3px;
  }

  .rowSearchDomains--manual--red{
    border: 1px solid #f68178;
    background: #ffe0dc;
  }

  .rowSearchDomains--manual--green{
    border: 1px solid #BBEDAD;
    background: #EEFBEA;
  }

  .newDomainScoreBoxClass{
    opacity: 0;
    transition: opacity 0.5s;
  }

  .newDomainScoreBoxClassShow{
    opacity: 1;
  }

  .borderRad4{
    border-radius: 4px;
  }

  .blueScreen{
    border-radius: 4px;
    border: 1px solid #74A4C2;
    background: #E0F3FF;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .blueText{
    color: #01304C;
    font-family: SourceSansProRegular;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; 
  }


  .mytooltip {
    position: relative;
    display: inline-block;
    margin-right: 20px;
    margin-left: 5px;
    }

    .mytooltip .tooltiptext {
        visibility: hidden;
        width: 300px;
        border-radius: 4px;
        background: #CBE5F5;
        color: black;
        text-align: center;
        border-radius: 6px;
        padding: 10px;
        position: absolute;
        z-index: 1;
        opacity: 0;
        transition: opacity 0.3s;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
    }

    .mytooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

    .mytooltip.top .tooltiptext {
        bottom: 100%;
        top: auto;
    }


    .newCheckbox{
        border-radius: 4px;          
        width: 24px;
        height: 24px;
        padding: 10px 5px;
        border-color: #ffb18a !important;
        outline: 0 !important;
        box-shadow: 0 0 0 .05rem #ffb18a !important;
        cursor: pointer;
    }
    .newCheckbox:checked{
        background-color: #fa692d;
    }

    .newCheckboxLabel{
        color: var(--Black-Dark, #050505);
        text-align: justify;
        font-family: SourceSansProRegular;
        font-size: 14px;
        margin-left: 12px;
    }

    .errorCertDomain{
        height: 24px;
    }

    .errorCertDomain > p {
        color: red;
        font-weight: bold;
        font-family: SourceSansProRegular;
        font-size: 14px;
        margin-bottom: 0px;
        margin-left: 12px;
    }

    .newInput{
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .dot-ghost-bg--small{
        height: 10px!important;
        width: 10px!important;
    }

    .smallMarginTop{
        margin-top: 3px;
    }

    .form-control--arrow {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}

.modalText{
    color: #1F1F1F;
    font-family: SourceSansProRegular;
    font-size: 14px;
}

.btn-close-pozition{
    position: absolute;
    top: 22px;
    right: 20px;
    background-size: 12px;
}

.dot-ghost--change{
    height: 18px;
    width: 18px;
    margin-top: 2px;
    margin-right: 10px;
    padding: 0;
}



.activeChoose > .dot-ghost--change > .dot-ghost-bg {
    height: 8px;
    width: 10px;
}

/* Chrome, Safari, Edge, Opera */
#idShieldInput::-webkit-inner-spin-button,
#idShieldInput::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
#idShieldInput {
  -moz-appearance: textfield;
}

.wp-protect-box{
    /* background-color: red; */
    border-bottom: 1px solid #E0DFDF;
    padding-top: 12px;
    padding-bottom: 12px;
}


.wp-row > .row:last-child{
    border-bottom: 0;
}

.minutes-zone{
    color: #F9FAFB;
    text-align: center;
    font-family: SourceSansProRegular;
    font-size: 12px;
    font-weight: 700;
    border-radius: 8px;
    background: #306485;
    padding: 4px 16px;
}

.myprogress{
    height: 6px;
    background-color: #DEF6D6;
    border: 0;
}

.myprogress-bar{
    background-color: #95E384;
    border: 0;
}


  @media (min-width: 576px) {
    .greyRightBottom{
        border-right: 1px solid #EDECEC;
        padding-right: 30px;
    }

    .greyRightBottomMargin{
        padding-left: 30px;
    }
  }


  .reverse-text{
    font-size: 12px;
  }

  .copy-icon-rev {
    width: 15px;
    height: 15px;
    margin-left: 5px;
    cursor: pointer;
}

.closeIconModal{
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.smallPlaceholder{
    padding: 9px;
    font-size: 0.8rem;
}

.smallPlaceholder--wildcard{
    padding-left: 60px;
}

.optionsix--horizontal{
    flex-direction: row!important;
    justify-content: space-between!important;
    height: 40px!important;
}

.optionsix--horizontal > span, .optionsix--horizontal > div > span{
    font-size: 14px!important;
    padding-left: 5px;
    padding-top: 3px;
}

#domainErrorMsg{
    font-size: 12px;
    height: 18px;
}

.wrapperOrderThree .allWidth{
    width: 100%!important;
}

  @media (min-width: 1200px) {
  .margin-icon-download {
      margin-right: 30px!important;
  }
}

.n8ncolor{
    color: #95E384;
}

.n8nborder{
    border-radius: 4px;
    border: 1px solid #95E384;
}


.verification-list { list-style: none; padding: 0; margin: 15px 0 0; } .verification-list li { position: relative; padding-left: 22px; margin-bottom: 12px; font-size: 14px; line-height: 1.5; } .verification-list li::before { content: ""; position: absolute; left: 0; top: 8px; width: 8px; height: 8px; background: #b5b5b5; }

.server-card-new-hight{
    min-height: 40px;
}

.server-card-new-hight > div{
    min-height: 40px;
    padding-top: 0;
    padding-left: 0;
}

.nomw{
    max-width: unset;
}