/*
 * Template Name: Unify - Responsive Bootstrap Template
 * Description: Business, Corporate, Portfolio, E-commerce, Blog and One Page Template.
 * Version: 1.9.2
 * Author: @htmlstream
 * Website: http://htmlstream.com
*/

/*Import Global Compulsory CSS Files*/
@import url(app.css);
@import url(blocks.css);
@import url(colors.css);

#rotate-image {
  cursor: pointer;
}

.rotate-0-style {
  transform: rotate(0deg);
}
.rotate-90-style {
  transform: rotate(90deg);
}
.rotate-180-style {
  transform: rotate(180deg);
}
.rotate-270-style {
  transform: rotate(270deg);
}

.toggleWrapper {
  padding-left: 15px;
  align-items: center;
  display: flex;
}

.toggleContainer {
  width: 40px;
  height: 15px;
  border-radius: 30px;
  outline: none;
  border: none;
  background: #72c02c;
  padding: 0 3px;
  cursor: pointer;
  transition: all 0.3s ease-in;
}

.toggleKnob {
  width: 15px;
  height: 15px;
  background: #ffffff;
  display: block;
  border-radius: 50%;
  line-height: 35px;
  transition: all 0.1s ease-in;
  margin: unset !important;
}

.toggleKnob.isActive {
  transform: translateX(20px);
}

.toggleContainer.isActive {
  background: skyblue;
}

.toggleKnob.true {
  transform: translateX(20px);
}

.toggleContainer.true {
  background: skyblue;
}

.absolute-unordered-list {
  position: absolute;
  z-index: 999;
  background-color: white;
}

.table-striped {
  background: rgba(255, 255, 255, 0.9);
}
.ui-sortable-helper {
  /*background: black;*/
  width: 100% !important;
}
.ui-sortable-helper > td {
  width: 200px;
  /*background: black;*/
}

* {
  border-radius: 0;
}
.img-responsive {
  width: 100%;
}

.row-login {
  background-color: #dee1e8;
  width: 100%;
  min-height: 100vh;
  display: flex;
}

body {
  color: #333;
  font-size: 13px;
  line-height: 1.6;
}

body.header-fixed-space {
  padding-top: 94px;
}
body.header-fixed-space-v2 {
  padding-top: 135px;
}

@media (max-width: 991px) {
  body.header-fixed-space,
  body.header-fixed-space-v2 {
    padding-top: 0;
  }
}

p,
li,
li a,
label {
  color: #555;
}

a {
  color: var(--basicColor);
  text-decoration: none;
}

a,
a:focus,
a:hover,
a:active,
button,
button:hover {
  outline: 0 !important;
}

a:focus {
  text-decoration: none;
}
a:hover {
  color: var(--basicColor);
  text-decoration: underline;
}

/*Boxed Layout
------------------------------------*/
.wrapper {
  background: #fff;
}

.boxed-layout {
  padding: 0;
  box-shadow: 0 0 5px #ccc;
  margin-left: auto !important;
  margin-right: auto !important;
  background: url(../img/patterns/15.png) repeat;
}

/*Hiding arrows for select field in IE*/
select::-ms-expand {
  display: none;
}