@import "editbutton.css";

#mainToolbar table.toolbarHeader {
  background-color: #D2D2D2;
  color: #6F706F;
  font-weight: 700;
  line-height: normal;
  width: 100%;
}

#mainToolbar table.toolbarHeader h1 {
  color: #6F706F;
  font-family: Tahoma, Helvetica, Arial, Verdana, sans-serif;
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

#mainToolbar table.toolbarHeader h2 {
  color: #6F706F !important;
  font-family: Tahoma, Helvetica, Arial, Verdana, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: normal !important;
}

#mainToolbar table.toolbarHeader td {
  vertical-align: middle !important;
}

#mainToolbar table.toolbarHeader .Logout {
  background: url(images/logout.jpg) 0 0 no-repeat;
  color: #6F706F;
  font-family: Tahoma, Helvetica, Arial, Verdana, sans-serif;
  font-size: 11px;
  padding-left: 20px;
  padding-top: 3px;
  text-decoration: none;
  vertical-align: top;
}

#mainToolbar table.toolbarHeader .Mode {
  background: url(images/mode.jpg) 0 0 no-repeat;
  color: #6F706F;
  font-family: Tahoma, Helvetica, Arial, Verdana, sans-serif;
  font-size: 11px;
  padding-left: 20px;
  padding-top: 3px;
  text-decoration: none;
  vertical-align: top;
}

#mainToolbar table.toolbarHeader .EasyMode {
  background: url(images/easy_edit.jpg) 0 0 no-repeat;
  color: #6F706F;
  font-family: Tahoma, Helvetica, Arial, Verdana, sans-serif;
  font-size: 11px;
  padding-left: 20px;
  padding-top: 3px;
  text-decoration: none;
  vertical-align: top;
}

#mainToolbar table.toolbarHeader .Report {
  background: url(images/prnicon.gif) 0 0 no-repeat;
  color: #6F706F;
  font-family: Tahoma, Helvetica, Arial, Verdana, sans-serif;
  font-size: 11px;
  padding-left: 20px;
  padding-top: 3px;
  text-decoration: none;
  vertical-align: top;
}

#mainToolbar table.toolbarHeader .Knowledge {
  background: url(images/knowledge.gif) 0 0 no-repeat;
  color: #6F706F;
  font-family: Tahoma, Helvetica, Arial, Verdana, sans-serif;
  font-size: 11px;
  padding-left: 20px;
  padding-top: 3px;
  text-decoration: none;
  vertical-align: top;
}

#mainToolbar table.toolbarHeader .Usage {
  background: url(images/icon-sitestats.gif) 0 0 no-repeat;
  color: #6F706F;
  font-family: Tahoma, Helvetica, Arial, Verdana, sans-serif;
  font-size: 11px;
  padding-left: 20px;
  padding-top: 3px;
  text-decoration: none;
  vertical-align: top;
}

#mainToolbar table.toolbarHeader .Logout:hover,
#mainToolbar table.toolbarHeader .Usage:hover,
#mainToolbar table.toolbarHeader .Mode:hover,
#mainToolbar table.toolbarHeader .EasyMode:hover,
#mainToolbar table.toolbarHeader .Report:hover,
#mainToolbar table.toolbarHeader .Knowledge:hover {
  background-position: 0 -20px;
}

#mainToolbar table.toolbarHeader .Label {
  color: #6F706F;
  font-family: Tahoma, Helvetica, Arial, Verdana, sans-serif;
  font-size: 10px;
  padding-left: 20px;
}

#mainToolbar a.toolbarBasebutton {
  color: #393939;
  display: block;
  font: bold 11px Tahoma, Helvetica, Arial, Verdana, sans-serif;
  height: 22px;
  padding: 10px 0 0 60px;
  text-align: left;
  text-decoration: none;
  width: 130px;
}

#mainToolbar .toolbarAddPage {
  background: url(toolbarImages/nav_add_page.jpg) 0 -2px no-repeat;
}

#mainToolbar .toolbarDeletePost,
#mainToolbar .toolbarDeletePage {
  background: url(toolbarImages/nav_delete_page.jpg) 0 0 no-repeat;
}

#mainToolbar .toolbarPublishBlogPost {
  background: url(toolbarImages/nav_publish.jpg) 0 0 no-repeat;
}

#mainToolbar .toolbarDraftBlogPost {
  background: url(toolbarImages/nav_unpublish.jpg) 0 0 no-repeat;
}

#mainToolbar .toolbarAddContent {
  background: url(toolbarImages/nav_add_content.jpg) 0 0 no-repeat;
}

#mainToolbar .toolbarOptional {
  background: url(toolbarImages/nav_optional.jpg) 0 0 no-repeat;
}

#mainToolbar .toolbarLibrary {
  background: url(toolbarImages/nav_library.jpg) 0 0 no-repeat;
}

#mainToolbar .toolbarAddPost,
#mainToolbar .toolbarCopyPage {
  background: url(toolbarImages/nav_copy_page.jpg) 0 0 no-repeat;
}

#mainToolbar .toolbarPreview {
  background: url(toolbarImages/nav_date.jpg) 0 0 no-repeat;
}

#mainToolbar .toolbarDate {
  background: url(toolbarImages/nav_date_textbox.jpg) 0 0 no-repeat;
  height: 28px;
}

.toolbarLogoWebTreePro {
  background: url(toolbarImages/logo.png) 0 0 no-repeat;
  height: 41px;
  margin-left: 10px;
  background-size: contain;
  margin-bottom: 5px;
}

.toolbarLogoIMSIMPLICITY {
  height: 38px;
  margin-left: 10px;
}

.toolbarSelect {
  background: url(toolbarImages/nav_select.jpg) 0 0 no-repeat;
  height: 41px;
}

#subToolbarButtons {
  color: #7d9fc0;
  height: 44px;
}

#subToolbar a.subToolbarbutton {
  display: block;
  text-decoration: none;
}

#subToolbarButtons .pageTitle {
  color: #7d9fc0;
  font: bold 12px font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
}

#subToolbar td:first-child a {
  -webkit-border-top-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

#subToolbar td:last-child a {
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}


/* Active toolbar button -- should be left after all other "subToolbar" definitions */

#subToolbar .active {
  background-position: 0 0;
}

#mainToolbar a.buttonactive,
#mainToolbar a.toolbarBasebutton:active {
  background-position: 0 -34px;
}

#mainToolbar .toolbarEditPost,
#mainToolbar .toolbarEditPage,
#mainToolbar .toolbarSortElements {
  background: url(toolbarImages/nav_edit_page.jpg) 0 0 no-repeat;
}

.toolbarMain {
  background-color: #2e353d;
  color: white;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  font-size: 12px !important;
  height: 40px !important;
  position: relative;
  line-height: 1.7 !important;
  border-bottom: 1px solid #515151 !important;
}

.toolbarMain ul li::before {
  content: "";
  margin: initial !important;
  color: initial !important;
}

.floatLeft {
  position: absolute;
  left: 0px;
}

.floatLeft li {
  float: left !important;
}

.floatRight {
  position: absolute;
  right: 0px;
}

.floatRight li {
  float: right !important;
}

.floatLeft li,
.floatRight li {
  padding: 12px 0px 8px !important;
}

.floatRight,
.floatLeft {
  padding-left: 0px !important;
  list-style-type: none !important;
}

.toolbarMain ul {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
}

.toolbarMain ul li {
  list-style-type: none !important;
}

.toolbarMain ul li a {
  border-right: 1px solid #576574 !important;
  border-left: 1px solid #20262B !important;
  color: white !important;
  text-decoration: none !important;
  font-weight: bold !important;
  padding: 15px 10px 10px;
  margin-left: -1px;
}

.toolbarMain ul li:last-child a {
  border-left: 0px !important;
}

.toolbarMain ul li a:hover {
  background-color: #4C5865 !important;
}

.toolbarMain ul li a span.fa {
  font-size: 16px !important;
}

.toolbarMain ul li.WelcomeMessage {
  padding-right: 10px !important;
}

.toolbarMain ul li.WelcomeMessage span {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  color: #fff !important;
  font-size: 12px !important;
}

.toolbarMain li.menuwtp {
  position: relative;
}

.toolbarMain li.menuwtp ul {
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 40px;
  width: 100px;
  padding-left: 0;
  background-color: #fff;
  border-bottom-left-radius: 5px;
  box-shadow: -1px 2px 8px rgba(0, 0, 0, .15);
  line-height: 1 !important;
  display: none;
  z-index: 1049;
}

.toolbarMain li.menuwtp ul li {
  float: none !important;
  padding-left: 10px;
  padding-right: 0 !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

.toolbarMain li.menuwtp ul li:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, .25);
}

.toolbarMain ul li.menuwtp>a {
  border-left: 1px solid #4E5B68 !important;
}

.toolbarMain li.menuwtp ul li a {
  color: black !important;
  border-left: 0 !important;
  border-right: 0 !important;
  margin-left: 0;
  display: inline-block;
  width: 100%;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
  font-weight: normal !important;
}

.toolbarMain li.menuwtp ul li a:hover {
  background-color: rgb(220, 220, 220) !important;
  color: #fff;
}

.toolbarMain li.menuwtp.show>a,
.toolbarMain li.menuwtp.show>a:hover,
.toolbarMain li.menuwtp.show>a:focus {
  background-color: rgb(255, 255, 255) !important;
  color: #000 !important;
  border-bottom: 1px solid #fff;
}

.toolbarMain li.menuwtp.show ul {
  display: block;
}

.custom-modal .modal-dialog {
  margin: 0 !important;
}

.custom-modal .modal-content {
  padding: 5px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: none;
  -webkit-box-shadow: none;
  border: none;
}

.custom-modal .modal-header {
  padding: 11px 8px 9px 10px;
  background-color: #000;
  color: #fff;
}

.custom-modal .modal-header button.close {
  color:#fff;
  opacity: .8;
  margin-top: 0;
}
  
.custom-modal .modal-footer {
  background-color: #DADADA;
  padding: 8px;
}

.field-password {
  position: relative;
}

.field-password #togglePassword {
  position: absolute;
  right: 5px;
  top: 35px;
}

.field-password .eye {
  cursor: pointer;
  display: inline-block;
  width: 17px;
  height: 17px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  opacity: 0.4;
}
.field-password .eye .fa-eye-slash {
  display: block;
}
.field-password .eye .fa-eye {
  display: none;
}
.field-password .eye.closed .fa-eye-slash {
  display: none;
}
.field-password .eye.closed .fa-eye {
  display: block;
}


.btn-custom-wtp,
.btn-custom-wtp:focus,
.btn-custom-wtp:active:focus,
.btn-custom-wtp:hover {
  color: #fff;
  background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x;
  background-color: rgb(52, 58, 64);
  border-color: #343a40;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: #484e53;
  border: 1px solid transparent;
}

.wtp-title-site {
  text-align: center;
  position: absolute;
  left: 50%;
}

.wtp-title-site span {
  background-color: #fff !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  color: #2e353d !important;
  font-weight: bold !important;
  padding: 5px !important;
  top: 10px !important;
  position: relative !important;
  left: -50% !important;
}

body.login-screen .toolbarMain {
  display: none;
}

body.login-screen #Container {
  padding-top: 20px;
}

body.modal-open.modal-wtp .modal-backdrop {
  z-index: 1050;
}

body.modal-open.modal-wtp #modal-info {
  z-index: 1051;
}

@media (max-width:991px) {
  .toolbarMain {
    display: none;
  }
}