@import "https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css";
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css";

html, body {
  color: #404040;
  font-size: 15px;
  letter-spacing: -.01em;
}

body {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #404040;
  background-color: #fff;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  color: #000;
}

textarea {
  width: 100%;
}

.frame {
  border:0;
  padding:0;
	width:1366px !important;
  height:768px !important;
	z-index:3;
  transform-origin: 0 0;
  transform: scale(0.4);
}

.btn-primary {
  background: #272D70 !important;
  color:#fff;
  border-color: #fff;
}

.btn-primary:hover {
  border-color: #eee;
}

.bottom{
  position: fixed;
  bottom:10px;
}

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:50%;
}

.logo-header {
  height:40px;
}

.valign{
  display: flex;
  flex: 1 0 50%;
  align-items: center;
  justify-content: center;
}

.navbar-brand {
  margin-left: 20px;
}

.main-content {
  padding: 27px 25px;
  height: 100%;
}

.admin-top-header {
  background-color: #FFF;
  border: 0;
  border-bottom-width: 0px;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
  margin-bottom: 0;
  border-bottom: 1px solid #e6e5e5;
  padding: 0;
}

.admin-top-header .navbar-brand{
  position: relative;
  left:10px;
}

.admin-top-header .avatar {
  position: fixed;
  right:25px;
  top:5px;
}

.admin-top-header .page-title {
  position: relative;
  top:1px;
  left:27px;
  font-size: 1.462rem;
  line-height: 60px;
  float: left;
  padding: 0 20px;
  background:#fff;
  border-top:1px solid #e6e5e5;
  border-left:1px solid #e6e5e5;
  border-right:1px solid #e6e5e5;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-top:10px;
}

.admin-sidebar {
  list-style-type: none;
  height: 100%;
  margin-top: 72px;
  padding-left: 0px;
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 1029;
  width: 200px;
  left: 0;
  border-right: 1px solid #e3e3e3;
  background: #333;
  display: block;
}

.nw {
  width: 130px;
  display: block;
  overflow: hidden;
  word-wrap: break-word;
}

.admin-sidebar::-webkit-scrollbar {
    display: none;
}

.admin-sidebar a {
  color:#fff;
}

.admin-sidebar li {
  background: #333;
  color:#fff;
  border-bottom: 1px solid #000;
  padding:10px;
}

.admin-sidebar a.toggle-submenu:hover{
  cursor: pointer;
  text-decoration: underline;
}

.admin-submenu {
  display:none;
  list-style-type: none;
  margin-top: 5px;
  padding:0;
}

.admin-submenu li {
  border: 0px;
  padding:5px 30px;
}

.admin-content {
  position: relative;
  left: 0;
  margin-left: 200px;
  min-height: 100%;
  height: 100%;
  padding-top: 60px;
}

.border-red {
  border-left: 5px solid red;
}

.border-green {
  border-left: 5px solid green;
}

.border-blue {
  border-left: 5px solid blue;
}

.border-teal {
  border-left: 5px solid teal;
}

.border-purple {
  border-left: 5px solid purple;
}

.toast{
  position: absolute;
  top: 50px;
  right: 50px;
  z-index: 99999;
}

#editor {
  position: fixed;
  top:71px;
  bottom:0px;
  left:200px;
  right:0px;
}

#css{
  position: fixed;
  bottom:20px;
  right:20px;
  z-index:9999;
}