﻿.iconEdit {
  background: url("/adminassets/svg/icons/edit.svg") no-repeat scroll 0 0
    transparent !important;
}

.iconDelete {
  background: url("/adminassets/svg/icons/close-heavy.svg") no-repeat scroll 0 0
    transparent !important;
}

#filemanager-filemanagerForCSS,
#filemanager-filemanagerForScriptFiles,
#filemanager-filemanagerForCMSImages {
  font-size: 14px;
}

#filemanager-filemanagerForCSS:hover {
  color: white;
}

#filemanager-filemanagerForScriptFiles:hover {
  color: white;
}

#filemanager-filemanagerForCMSImages:hover {
  color: white;
}

.e-richtexteditor textarea.e-content {
  float: left;
}

.e-richtexteditor .e-rte-content {
  overflow: hidden;
}

.e-icon-btn.e-active .e-md-preview::before {
  content: "\e350";
}

.e-icon-btn .e-md-preview::before {
  content: "\e345";
}

.bootstrap4 .e-icon-btn.e-active .e-md-preview::before {
  content: "\e790";
}

.bootstrap4 .e-icon-btn .e-md-preview::before {
  content: "\e787";
}

.fluent .e-icon-btn.e-active .e-md-preview::before,
.fluent-dark .e-icon-btn.e-active .e-md-preview::before,
.fluent2 .e-icon-btn.e-active .e-md-preview::before,
.fluent2-dark .e-icon-btn.e-active .e-md-preview::before,
.tailwind .e-icon-btn.e-active .e-md-preview::before,
.tailwind-dark .e-icon-btn.e-active .e-md-preview::before,
.bootstrap5 .e-icon-btn.e-active .e-md-preview::before,
.bootstrap5-dark .e-icon-btn.e-active .e-md-preview::before,
.bootstrap5\.3 .e-icon-btn.e-active .e-md-preview::before,
.bootstrap5\.3-dark .e-icon-btn.e-active .e-md-preview::before,
.material3 .e-icon-btn.e-active .e-md-preview::before,
.material3-dark .e-icon-btn.e-active .e-md-preview::before {
  content: "\e80e";
}

.tailwind .e-icon-btn .e-md-preview::before,
.tailwind-dark .e-icon-btn .e-md-preview::before,
.bootstrap5 .e-icon-btn .e-md-preview::before,
.bootstrap5-dark .e-icon-btn .e-md-preview::before,
.bootstrap5\.3 .e-icon-btn .e-md-preview::before,
.bootstrap5\.3-dark .e-icon-btn .e-md-preview::before,
.fluent .e-icon-btn .e-md-preview::before,
.fluent-dark .e-icon-btn .e-md-preview::before,
.fluent2 .e-icon-btn .e-md-preview::before,
.fluent2-dark .e-icon-btn .e-md-preview::before,
.material3 .e-icon-btn .e-md-preview::before,
.material3-dark .e-icon-btn .e-md-preview::before {
  content: "\e7de";
}

.e-richtexteditor
  .e-rte-toolbar
  .e-toolbar-extended
  .e-toolbar-item
  .e-tbar-btn.e-active
  .e-icons {
  color: #6c757d !important;
}

#ngoForm .circle-xl {
  width: 6.25rem;
  height: 6.25rem;
}

// login page css----------------------------------------------------------------------------------------------------------------------------------------------------
.login-container a:hover {
  color: #fff !important;
}
.login-container {
  height: 100vh;
  overflow-x: hidden;
  font-family: "poppins";
}
.login-container input[type="text"],
input[type="password"] {
  height: 45px !important;
}
.login-container button {
  height: 50px !important;
}

.login-form-col {
  background-color: #7641ab;
}

.login-form-col button {
  background: linear-gradient(to right, #ffea00, #ff9600);
  border: none;
}

.login-container .login-page-row .loging-img-d {
  width: 550px;
}

.login-container .login-page-row .loging-img-d img {
  width: 100%;
}

.login-container .login-page-row .loging-img-d p {
  font-size: 16px;
  font-family: "poppins";
  margin: 0;
}

.login-container .shape-bottom-img {
  position: absolute;
  bottom: 0;
}

.login-container .shape-bottom-img-1 {
  width: 66% !important;
}

.login-container .shape-bottom-img-2 {
  width: 38% !important;
}
.login-container .col-lg-8 {
  height: 100vh;
  background-image: url(/Upload/fldCMS/Login-Figers.svg) !important;
  background-repeat: repeat-x;
  background-position: bottom;
  background-size: contain;
}
@media (min-width: 992px) and (max-width: 1280px) {
  .login-container .login-page-row .loging-img-d img {
    width: 70%;
  }
  .login-container .login-page-row .loging-img-d p {
    margin-bottom: 100px;
  }
}
@media (max-width: 991px) {
  .login-container .col-lg-8 {
    height: 50vh;
  }
  .login-container {
    min-height: auto !important;
    height: auto;
  }

  .login-container .login-page-row .loging-img-d {
    width: 90vw;
  }

  .login-container .login-page-row .loging-img-d a {
    display: flex;
    justify-content: center;
  }

  .login-container .login-page-row .loging-img-d img {
    width: 50%;
  }

  .login-form-col {
    min-height: auto !important;
  }
}
.go-login {
  text-decoration: none;
  font-family: "poppins";
}
.login-form .go-login a:hover {
  color: #fff !important;
}

@media (max-width: 767px) {
  .login-container .col-lg-8 {
    height: 30vh;
    background: none;
    background-image: none !important;
  }
  .login-container .login-page-row .loging-img-d img {
    width: 40%;
    margin-bottom: 5px !important;
  }
}
/* ri site link in all pages start--------------------------------------------------------ri site link in all pages start*/
.go-to-ri-link {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.go-to-ri-link span {
  color: #fff;
  font-size: 12px;
  font-family: "poppins";
}
.go-to-ri-link img {
  width: 14px;
}
/* ri site link in all pages end--------------------------------------------------------ri site link in all pages end*/

/* ri site link in all pages end--------------------------------------------------------log in page password eye css start*/
.login-password-d {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}

#togglePassword {
  position: absolute;
  right: 10px;
}

.login-password-d svg {
  stroke: #7641ab;
}
.login-password-d .fa-eye svg {
  stroke: #c5b3e6;
}
/* ri site link in all pages end--------------------------------------------------------log in page password eye css  end*/

/* sweet alert css --------------------------------------------------------sweet alert css ------------*/

.swal2-container .swal2-title {
  padding: 0.2em 1em 0;
}
.swal2-container .swal2-actions {
  margin: 0.6em auto 0;
}
.swal2-html-container {
  margin: 0.5em 1.6em 0.3em;
}
.swal2-confirm {
  margin-top: 15px !important;
  background-color: #7641ab !important;
}
/* sweet alert css --------------------------------------------------------sweet alert css ------------*/
