body {
  font-family: 'MYRIADPROREGULAR';
  /*
  */
  /*
  line-height: 20px;
  color: #474747;
  */
}
.form-horizontal .control-label {
  text-align: left;
}
.bg-banner{
	background-image: url("../images/planning-tool4.jpg");
	background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  margin: 0;
  overflow-wrap: break-word;
  padding: 0;
  position: relative;
  text-align: left;
  width: 100%;
}
.width50 {
  min-width: 50%;
}
.slder-size{
  display: block;
  width: 200px;
}
.image135 {
  max-height:135px;
  max-width:135px;
}
.image80 {
  max-height:80px;
  max-width:80px;
}
.image48 {
  max-height:48px;
  max-width:48px;
}
.image40 {
  max-height:40px;
  max-width:40px;
}
.height5 {
  height: 5px;
}
.width30 {
  display: block;
  float: left;
  width: 30%;
}
.div-height {
  height: 50px;
}
.image-bg {
  background-color: #ffe0b2;
}
.text-bg {
  background-color: #fff3e0;
}
.text-v {
  writing-mode: vertical-rl;
  text-orientation: mixed;
}
.image-pad15 {
  padding: 15px 0px;
}
/*All CSS*/
.tight-panel .panel-body {
  padding: 5px;
}

.bg-orange {
  background-color: #ED5910 !important;
  /*position: fixed;*/
}
.bg-warning2 {
  background-color: #f9edaf !important;
}
.bg-grey {
  background-color: #eeeeee !important;
}
.bg-white {
  background-color: #ffffff !important;
}
.bg-green {
  background-color: #33b768;
  color: #fff;
}
.bgf5 {
  background-color: #f5f5f5 !important;
}
.bgf1 {
  background-color: #f1f1f1 !important;
}
.bgf8 {
  background-color: #f8f8f8 !important
}

.p0 {
  padding: 0px !important;
}
.p1 {
  padding: 5px !important;
}
.p2 {
  padding: 10px !important;
}
.p3 {
  padding: 15px !important;
}
.p4 {
  padding: 20px !important;
}
.mb0 {
  margin-bottom: 0px !important;
}
.mb1 {
  margin-bottom: 5px !important;
}
.mb2 {
  margin-bottom: 10px !important;
}
.mb3 {
  margin-bottom: 15px !important;
}
.mb4 {
  margin-bottom: 20px !important;
}


.pad-right0 {
  padding-right: 0px;
}
.pad-zero {
  padding: 0px;
}
.pad-lr15 {
  padding: 0px 15px;
}
.pad10 {
  padding: 10px;
}
.pad5 {
  padding: 5px;
}
.margin2 {
  margin: 2px;
}
.padTb40 {
  padding: 40px 0px;
}
.mar-topbtm{
  padding: 8px;
}
.padallzero {
  padding: 0px;
}





.text-middle {
  vertical-align: middle !important;
}
.badge-success {
  background-color: #5cb85c;
  border-color: #4cae4c;
  color: #fff;
}
.badge-danger {
  background-color: #d9534f;
  border-color: #4cae4c;
  color: #fff;
}
.badge-primary {
  background-color: #337ab7;
  border-color: #4cae4c;
  color: #fff;
}
.badge-warning {
  background-color: #f0ad4e;
  border-color: #4cae4c;
  color: #fff;
}
.text-vertical {
  display: inline-block;
  transform: translate(15px, 1px) rotate(270deg);
  -webkit-transform: translate(15px, 1px) rotate(270deg);
  -ms-transform: translate(15px, 1px) rotate(270deg);
  transform-origin: 0 0 0;
  -webkit-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  white-space: nowrap;
}

.rotated-text {
  display: inline-block;
  line-height: 1.5;
  overflow: visible;
  width: 1.5em;
  padding-left: 10px;
}
.rotated-text_inner {
  display: inline-block;
  transform: translate(15px, 1px) rotate(90deg);
  -webkit-transform: translate(15px, 1px) rotate(90deg);
  -ms-transform: translate(15px, 1px) rotate(90deg);
  transform-origin: 0 0 0;
  -webkit-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  white-space: nowrap;
}
.rotated-text_inner::before {
  content: "";
  float: left;
  margin-top: 100%;
}

.text-break {
  word-break: break-all;
}


.multiselect-container {
  position: relative !important;
}

.dropdown:hover .dropdown-menu {
  display: block;
  transition: all 0.3s ease-in-out 0s;
}
/*index*/
.bannerText [class*="col-"] {
  padding: 0 5px;
}
h1.heading {
  font-size: 22px;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 20px;
  text-transform: uppercase;
}
.leftmenutitle {
  padding: 15px;
}
.menutitle{
  padding: 15px 10px;
}
.leveltitle {
  padding: 8px;
  margin-bottom: 10px;
  text-align: left;
  color: #fff;
}
.menutitle h2 {
  /*color: #ffffff;*/
  color: #ED5910;
  padding: 0px;
  margin: 0px;
  font-weight: 600;
  font-size: 18px;
}
.leveltitle h3 {
  padding: 0px;
  margin: 0px;
  font-weight: 600;
  font-size: 14px;
}
.bg-orange h3 {
  color: #ffffff;

}
.modalTitle {
  padding: 15px 0px;
}
.modalTitle h2 {
  color: #ED5910;
  padding: 0px;
  margin: 0px;
  font-weight: 600;
  font-size: 18px;
}
.menutitle a {
  color: #ED5910;
}

.h3-subheading {
  padding: 5px 0px;
  margin-bottom: 5px ;
  font-size: 14px;
  font-weight: 600;
  color: #ED5910;
}

.leftmenutitle h2 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}
.leftmenutitle h2 {
    color: #ffffff;
}
.subtitle {
  padding: 5px 0px;
}
.subtitle h3 {
  color: #474747;
  padding: 0px;
  margin: 0px;
  font-weight: 600;
  font-size: 16px;
}
.pro-subHeading h3 {
  padding: 0px;
  font-size: 14px;
  margin: 0 0 10px;
  font-weight: 600;
  color: #474747;
}
.profile-titile {
  padding: 5px 0px;
}
.profile-titile h3 {
  padding: 0px;
  font-size: 14px;
  margin: 0 0 10px;
  font-weight: 600;
  color: #474747;
  border-bottom: 1px solid #878787;
  display: inline-block;
}
.whiteClr {
  color: #ffffff !important;
}
.breadcrumbs {
  padding: 0px 5px;
  text-align: right;
}
a.bread-title {
  color: #474747;
  font-size:12px;
}
.breadcrumbs span {
  color: #878787;
  font-size:12px;
}
.nospace {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.offerBtns .btn-offer {
  background-color: #ffffff;
  color:#000000;
  border:1px solid #ED5910;
}
.offerBtns .btn-offer.active {
  background-color: #ED5910;
  color: #ffffff;
  border: 1px solid #ED5910;
}
.Tabpanel1 {
  padding: 25px 10px 35px;
}
.Tabpanel1 .icon.fa, .bannerIcon .icon.fa{
  border: 1px solid;
  display: inline-block;
  font-size: 24px;
  height: 60px;
  line-height: 58px;
  text-align: center;
  width: 60px;
  background-clip: padding-box;
  border-radius: 50%;
  padding-left: 5px;
}
.btmspace-30 {
  margin-bottom: 30px;
}
.btmspace-50 {
  margin-bottom: 50px;
}
.btmspace-0 {
  margin-bottom: 0px;
}
.Tabpanel1:hover .icon.fa {
  background-color: #ED5910;
  border-color: #ED5910;
  color: #fff;
  transition: all 0.3s ease 0s;
}
.aboutPtool {
  background-color: rgba(0,0,0,0.6);
  padding:25px;
  color:#ffffff;
}
.bannerTab .icon.fa {
  background-color: #ED5910;
  border-color: transparent;
  color: #fff;
}
.bannerTab:hover .icon.fa {
  background-color: transparent;
  border-color: #ED5910;
  color: #ED5910;
}
.subHeading h3 {
  padding: 0px;
  margin: 0px;
  text-transform: uppercase;
  font-size: 18px;
  margin: 0 0 10px;
}
.bannerTab {
  padding:10px;
  margin-bottom: 10px;
}
.btmspace-15 {
  margin-top: 10px;
}
.TabIcon3 [class*="col-"] {
  padding: 0 5px;
}
.Tab3-Bright {
  border-right: 1px solid #e9e9e9;
}
.Tab3-Bbottom {
  border-bottom:  1px solid #e9e9e9;
}
.TabIcon3 {
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.Tab3img {
  margin-top: 20px;
}
.Tab3des h3{
  color:#474747;
  font-size: 18px;
  text-transform: uppercase;
}
.Tab3des p {
  margin-bottom: 1.5em;
}
.TabIcon3:hover .icon.fa {
  background-color: #ED5910;
  border-color: #ED5910;
  color: #fff;
}
.Tabpanel1 a, .TabIcon3 a {
  color: #ED5910;
}
/*admin pannel*/
.planningTabs [class*="col-"] {
  padding: 0 5px;
}
h3.headings {
  font-size: 22px;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 20px;
  text-transform: uppercase;
}
.adminTab {
  padding: 10px;
  font-size: 14px;
  line-height: 20px;
  background-color: #ffffff;
  width: 100%;
  display: block;
  margin-bottom: 10px;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.adminTab a, .adminTab a:hover {
  text-decoration: none;
  color: #474747;
}
.adminTab div {
  margin-left: 5px;
}
h1.tabTitle {
  color: #333333;
  font-size: 14px;
  font-weight: 600;
  margin: 5px 0px;
  padding: 0;
}
ul {
  list-style: none;
}
a {
  text-decoration: none !important;
}
table ol {
  margin-bottom: 0px;
  margin-left: -26px;
  margin-right: 10px;
}
.badge-count {
  right:-3px;
  position:relative;
  top:-6px;
}
.accordion-menu {
  width: 100%;
  max-width: 350px;
  border-radius: 4px;
  /*padding: 0px;*/
  margin: 0px;
}
.accordion-menu li.open .dropdownlink {
  color: #ED5910;
}
ul.submenuItems li a.active {
  color: #ED5910;
}
.accordion-menu a.open {
  color: #ED5910;
}
.accordion-menu li.open .dropdownlink .fa-angle-down {
  transform: rotate(180deg);
}
.accordion-menu li:last-child .dropdownlink {
  border-bottom: 0;
}
.dropdownlink {
  cursor: pointer;
  display: block;
  padding: 15px 0px 15px 25px;
  font-size: 14px;
  border-bottom: 1px solid #d6d6d6;
  color: #474747;
  position: relative;
  transition: all 0.4s ease-out;
}
.accordion-menu .dropdownlink:hover {
  color: #ED5910;
}
.dropdownlink  img{
  position: absolute;
  top: 15px;
  left: 2px;
}
.dropdownlink  i {
  position: absolute;
  top: 18px;
  left: 16px;
}
.dropdownlink  .fa-angle-down {
  right: -8px;
  left: auto;
}
.submenuItems {
  display: none;
  /*background: #f6ac87;*/
  padding: 0px;
  margin: 0px;
}
.submenuItems li {
  border-bottom: 1px solid #d6d6d6;
}
.submenuItems a {
  display: block;
  color: #474747;
  padding:6px 6px 6px 10px;
  transition: all 0.4s ease-out;
}
.submenuItems a:hover {
  /*background-color: #ED5910;*/
  color: #ED5910;
  background-color:#f8f8f8;
}
.rightTab table tr td a {
  color: #474747;
}
.rightTab table tr td a:hover {
  color: #474747;
}
.modal-body .table {
  margin-bottom :2px;
}
.table-menu {
  margin-bottom :0px;
}
.table > thead > tr > th {
  vertical-align: top;

  /*background-color: white*/
}

.table td {
  vertical-align: top;
  /*background-color: white*/
}
/*tbody.table-body {
  color: #000;
  background-color: #fff;
}*/
/* Header*/
.topHeader {
  background-color: #f8f8f8;
  border-bottom: 1px solid hsl(0, 0%, 91%);
  border-top: 1px solid hsl(0, 0%, 91%);
}
.homeCont {
  padding: 5px 0px;
}
.homeCont a{
  color: #474747;
}
.homeCont a:hover {
  color: #ED5910;
}
.topHeader ul {
  padding: 0px;
  margin: 0px;
}
.topHeader ul li {
  list-style-type: none;
  display: inline-block;
}
.topHeader ul li ul.topdropDown {
  background-color: #000000;
  padding: 0px;
  margin: 0px;
  left:-50px;
}
.topHeader ul li ul.topdropDown li {
  display: block;
}
.topHeader ul li ul.topdropDown li a {
  display: block;
  padding: 10px;
  border-bottom: 1px solid #d6d6d6;
}
.topHeader ul li ul.topdropDown {
  background-color: #ffffff;
  color: #474747;
}
.topHeader ul li ul.topdropDown li a:hover{
  background-color: #ED5910;
  color: #ffffff;
}
.topHeader ul li a{
  display: block;
  padding: 5px;
  color: #474747;
  text-decoration: none;
}
.topHeader ul li a:hover {
  color: #ED5910;
}
.header--menu {
  border-bottom: 1px solid hsl(0, 0%, 91%);
}

.navbar-brand {
  padding: 5px 0;
}
.planning-nav > .container .navbar-brand, .planning-nav > .container-fluid .navbar-brand {
  margin-left: 0px !important;
}
.nav > li > a {
  display: block;
  padding: 18px;
  position: relative;
  text-transform: uppercase;
  color: #474747 !important;
}
#wk-tabs > li > a {
  padding: 6px 60px;
  color: #333333!important;
}
#wk-tabs li.active a{
  background-color: #f1ca6b!important;
}
#wk-tabs li.active a:before{
  content: "\f105  ";
  font-family: FontAwesome;
  font-size: 18px;
  color:red;
}
#wk-tabs li.active {
  border-radius: 4px 4px 0px 0px;
}
.navbar-default .navbar-nav > li > a {
    color: #474747 !important;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
  background-color: #ED5910;
  color: #ffffff !important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
  background-color: #f8f8f8;
  color: #ED5910 !important;
}
.navbar {
  margin-bottom: 0px;
  border-radius: 0px !important;
}
.mndropdown {
  padding: 0px;
  margin: 0px;
  background-color: rgba(0,0,0,0.60);
  transition: all 0.3s ease-in-out 0s;
}
.mndropdown > li > a {
  padding: 10px;
  background-color: rgba(0,0,0,0.40);
  border-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  transition: all 0.3s ease-in-out 0s;
  border-bottom: 1px solid rgba(0,0,0,0.3)
}
.mndropdown > li > a:focus, .mndropdown > li > a:hover {
  transition: all 0.3s ease-in-out 0s;
  background-color: #ED5910;
  color: #ffffff;
}
/* Footer */
#page_footer {
  background: #2E3236;
  color: #8a8e92;
  font-size: 14px;
  z-index: 99;
}
.footer-title h2 {
  border-bottom: 1px solid #464646;/*
  box-shadow: 0 1px 0 #42464a;*/
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.07);
  color: #f8f8f8;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 5px;
  padding-bottom: 5px
}
#page_footer ul {
  margin: 0px;
  padding: 0px;
}
.trail-footer li {
  display: inline;
  vertical-align: middle;
}
#page_footer ul a {
  border-bottom: none;
  color: #8a8e92;
  padding:2px 0px;
  display: block;
  text-decoration: none;
}
.social-icons li {
  display: inline-block;
}
.social-icons li a {
  padding: 5px !important;
}
#page_footer ul li a:hover {
  color: #ffffff;
}
#page_footer ul li a.trail-facebook:hover {
  background-color: #3B5999;
}
#page_footer ul li a.trail-linkedin:hover {
  background-color: #007BB6;
}
#page_footer ul li a.trail-twitter:hover {
  background-color:#1DADEB;
}
#page_footer ul li a.trail-youtube:hover {
  background-color:#CC181E;
}
#footer-block {
  background-color: #24282b;
  color: #8a8e92;
  padding: 10px;
}
.powerdby, .sitetitle {
    color: #8a8e92;
}
/* Login */
#loginnone {
  display: inline-block;
}
#loggednone {
  display: none;
}
.logintabs {
  border:1px solid #d6d6d6;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.logintabHeader {
  background-color: #ffffff;
}
.logintabHeader a{
  display: block;
  padding: 10px;
  color: #474747;
  font-size: 16px;
  font-weight: 600;
  border-right:1px solid #d6d6d6;
}
.logintabHeader a.active {
  color: #ED5910;
}
.logintabform {
  padding: 30px !important;
  background-color: #ffffff;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
}
.input-group-addon  i.fa {
  color: #ED5910;
}
.input-sm {
  padding: 5px 2px;
}
.loginBtn, .loginBtn:hover {
  background-color: #ED5910;
  color: #ffffff;
}
.btn-right {
  margin-bottom: -15px;
}
.mn-color {
  color: #0099FF;
}
.text-error {
  color: #F00;
}
.text-white {
  color: #FFF;
}
.t-white {
  color: #FFF !important;
}
.t-dg {
  color: #F00;
}
.planning-nav{
  background-color: #ffffff;
  border:none;
}
.table .checkbox, .radio {
  margin-bottom: 2px;
  margin-top: 2px;
}

.discipline_block {
  padding: 6px 6px;
}

/* Admin header*/
#loginnone {
  display: none;
}
.admin-languages ul {
  padding: 0px;
  margin: 0px;
}
.admin-languages ul li {
  list-style-type: none;
  display: inline-block;
}
.admin-languages ul li ul.topdropDown {
  background-color: #000000;
  padding: 0px;
  margin: 0px;
  left:-20px;
}
.admin-languages ul li ul.topdropDown li {
  display: block;
}
.admin-languages ul li ul.topdropDown li a {
  display: block;
  padding: 10px;
  border-bottom: 1px solid #d6d6d6;
}
.admin-languages ul li ul.topdropDown {
  background-color: #f5f5f5;
  color: #ED5910;
}
.admin-languages ul li ul.topdropDown li a:hover{
  background-color: #ED5910;
  color: #ffffff;
}
.admin-languages ul li a{
  display: block;
  padding: 18px;
  color: #474747;
  text-decoration: none;
}
.adminHeader {
  border-bottom: 1px solid hsl(0, 0%, 91%);
}
/*Slider*/
.planning-slider {
  position: relative;
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.trail-control-left {
  width: 50px;
  height: 50px;
  top: 40%;
  left: 2% !important;
  right: auto;
  border-radius: 50%;
  font-size: 14px;
  background-color: rgba(243,243,243,0.5);
}
.trail-control-right {
  width: 50px;
  height: 50px;
  top: 40%;
  right: 2% !important;
  left: auto;
  border-radius: 50%;
  font-size: 14px;
  background-color: rgba(243,243,243,0.5);
}
.carousel-control .fa-angle-left, .carousel-control .fa-angle-right {
  font-size: 35px;
  width: 30px;
  height: 30px;
  margin-top: 6px;
  margin-left: 0px;
  color: #ED5910;
}
/*Tree View*/
.tree li:before {
  height: 100%;
  top: 0;
  width: 1px;
   border-left: 1px solid #CCCCCC;
}
.tree li:before, .tree li:after {
  content: "";
  left: -20px;
  position: absolute;
  right: auto;
}
.tree li:after {
  height: 20px;
  top: 20px;
  width: 23px;
  border-top: 1px solid #CCCCCC;
}
.tree li:before, .tree li:after {
  content: "";
  left: -20px;
  position: absolute;
  right: auto;
}
.tree li {
  list-style-type: none;
  margin: 0;
  padding: 4px 0 0 2px;
  position: relative;
}
.tree .no-Border li:before,.tree .no-Border li:after {
  border: 0px;
}
#cat-display > ul > li {
  padding-bottom: 5px;
  padding-top: 12px;
}
.cat-name {
  width: 35%;
  display:block;
  float:left;
  color: #000;
  margin-top: 5px;
}
#tree-structure {
  padding-bottom: 5px;
  padding-top: 12px;
}
.op-50 {
  opacity: :0.5;
}
/*Door Images*/
.door-cols [class*="col-"] {
padding: 0 5px;
}
.door-cols {
padding:0px 10px;
}
.doorsImages {
  border: 1px solid #dddddd;
  margin-bottom: 10px;
}
.doorsImages .doortitle {
  padding: 10px;
  background-color: #f5f5f5;
}
.doortitle h3 {
  padding: 0px;
  margin: 0px;
  font-size: 16px;
  min-height: 30px;
  max-height: 30px;
  overflow: hidden;
  color: #ED5910;
}
.doorsImages .d-modal {
    font-size: 12px;
    color: #454545;
    padding-top: 5px;
  }
.dimage {
  padding: 5px 10px 10px;
}
.dimage img {
  min-height: 60px;
  max-height: 60px;
  overflow: hidden;
  display: block;
}
.door-btns {
  padding:10px;
  background-color: #f8f8f8;
}

.mg-bt5 {
  margin-bottom: 5px;
  margin-top: 5px;
}
.mg-bt10 {
  margin-bottom: 10px;
  margin-top: 10px;
}
/*tabs*/
.tabtop .active a:before{
  content:"♦";
  position:absolute;top:15px;
  left:00px;
  color:#ed5910;
  font-size:30px;
}
.tabtop li a:hover{
  color:#ed5910 !important;
  text-decoration:none;
}
.tabtop .active a:hover{
  color:#fff !important;
}
.tabtop .active a{
  background-color:#ed5910 !important;
  color:#FFF !important;
}
.tabtop li a:last-child{
  padding:10px 22px;
}
.thbada{
  padding:10px 28px !important;
}
.align-middle > td {
  vertical-align: middle !important;
}
/*loading*/
.loader{
  width: 70px;
  height: 70px;
  margin: 40px auto;
}
.loader p{
  font-size: 16px;
  color: #777;
}
.loader .loader-inner{
  display: inline-block;
  width: 15px;
  border-radius: 15px;
  background: #74d2ba;
}
.loader .loader-inner:nth-last-child(1){
  -webkit-animation: loading 1.5s 1s infinite;
  animation: loading 1.5s 1s infinite;
}
.loader .loader-inner:nth-last-child(2){
  -webkit-animation: loading 1.5s .5s infinite;
  animation: loading 1.5s .5s infinite;
}
.loader .loader-inner:nth-last-child(3){
  -webkit-animation: loading 1.5s 0s infinite;
  animation: loading 1.5s 0s infinite;
}

/*<levels>*/
.mgbot10 {
  margin-bottom: 10px;
}
/*.pro-navtabs{
  position: fixed;
  z-index: 1;
  width: 98%;

}*/


.pro-navtabs .nav  > li > a {
  display: block;
  padding: 8px;
  font-size: 14px;
  /*position: relative;*/
  text-transform: uppercase;
  color: #ffffff !important;
  border-radius: 0px;
  border-right: 1px solid white
}
/*.sticky {
  position: fixed;
  top: 0;
  }*/
.pro-navtabs .nav > li > a:hover {
  background-color: #ED5910;
  border: 1px solid transparent;
}
.pro-navtabs .nav  {
  background-color: #0099ff;
  /*position: sticky;*/
}
.pro-navtabs .nav-tabs > li.active > a, .pro-navtabs .nav-tabs > li.active > a:focus, .pro-navtabs .nav-tabs > li.active > a:hover {
  background-color: #ED5910;
  border: 1px solid #ED5910;
}

.pro-navtabs .nav-tabs > li > a {
  margin-right: 0px !important;
}
.pro-navtabs .nav > li > a:focus {
  background-color: #ED5910 !important
}
/*.pro-navtabs .tab-content {
  padding: 10px;
  border-left: 1px solid #0099ff;
  border-right: 1px solid #0099ff;
  border-bottom: 1px solid #0099ff;
}*/
.clr-black {
  color: #323323;
}
.clr-link {
  color: #0099FF !important;
}
  /*
.form-horizontal .control-label {
  margin-bottom: 0;
  text-align: left !important;
}
  */
.form-horizontal .form-group {
  margin-bottom: 5px !important;
}
.cursor-td tr>td span{
  cursor: pointer;
}

/*
label {
  font-weight: 400 !important;
}
input[type="checkbox"], input[type="radio"] {
  margin-top: 0px;
}
*/
td  .checkbox {
  margin-top: 0px;
  margin-bottom: 0px;
}
.btn-file {
  position: relative;
  display: block;
}
.btn-file  input[type="file"] {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  text-align: right;
  opacity: 0;
  background: none;
  cursor: pointer;
  display: block;
}
.mts-width .form-control {
  display: inline-block;
  width: 84%;
}
.tab-content .table > tbody > tr > td, .tab-content .table > tbody > tr > th, .tab-content .table > tfoot > tr > td, .tab-content .table > tfoot > tr > th, .tab-content .table > thead > tr > td, .tab-content .table > thead > tr > th {
  vertical-align: middle;
}
.tab-content .checkbox, .tab-content .radio {
  margin-top: 0px;
  margin-bottom: 0px;
}
.form_table .form-horizontal .control-label {
  margin-bottom: 0;
  text-align: left !important;
}
.form_table .form-horizontal .form-group {
  margin-bottom: 5px !important;
}

.panel-orange {
  border-color: #f49b6f;
}
.fancy-collapse-panel .panel-default > .panel-heading {
  padding: 0;
}
.fancy-collapse-panel .panel-orange > .panel-heading {
  padding: 0;
  background-color: #ed5910;
}
.fancy-collapse-panel .panel-heading a {
  padding: 10px 15px;
  display: inline-block;
  width: 100%;
  position: relative;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
}
.fancy-collapse-panel .panel > .panel-heading {
  padding: 0;
}
.panel-orange>.panel-heading {
  background-color:#ed5910;
  color: #ffffff;
}
/*
.fancy-collapse-panel .panel-orange a {
}
.fancy-collapse-panel .panel-default a {
  background-color:#ed5910;
  color: #ffffff;
}
*/


.fancy-collapse-panel .panel-heading a:after {
  font-family: "FontAwesome";
  content: "\f077";
  position: absolute;
  right: 20px;
  font-size: 14px;
  font-weight: 500;
  top: 50%;
  line-height: 1;
  margin-top: -10px;
  color: #ffffff;
}
.fancy-collapse-panel .panel-heading a.collapsed:after {
  content: "\f078";
  color: #ffffff;
}
.fancy-collapse-panel .table {
  margin-bottom: 0px;
}
.white {
  background-color: #ffffff;
}

.lpad-text {
  padding: 0px 15px;
}
td>i.fa {
  font-size: 12px;
}
.pt-clr {
  color: #ED5910;
}
.pro-Levels [class*="col-"] {
    padding: 0 5px;
}


/*Doors*/
.doors-menu {
  height: 100%;
  background-color: #f1f1f1;
}
.doors-menu .levels-leftmenu {
  padding: 0px;
  margin: 0px;
}
.doors-menu .levels-leftmenu li {
  border-bottom: 1px solid #ffffff;
}
.doors-menu .levels-leftmenu li a{
  border-bottom: 1px solid #d6d6d6;
  color: #474747;
  display: block;
  font-size: 16px;
  padding: 10px;
  transition: all 0.4s ease-out 0s;
}
.doors-menu .levels-leftmenu li a:hover {
  color: #ED5910;
}
.doors-menu .levels-leftmenu > .active > a, .doors-menu .levels-leftmenu > .active > a:focus, .doors-menu .levels-leftmenu > .active > a:hover {
  color: #ed5910;
}
.white {
  background-color: #ffffff;
}
.level-rooms {
  padding: 0px;
  border:1px solid #cdcdcd;
  position: relative;
}
.level-rooms .lr-plus {
  padding: 3px 6px;
  background-color: #f8f8f8;
  border-radius: 50%;
  color: #ED5910  ;
  font-size: 14px;
  position: absolute;
  right: -10px;
  top:-12px;
  z-index: 1064;
  border:1px solid #cccccc;
}
.level-rooms table{
  margin-bottom: 0px !important;
}
.level-rooms .table > tbody > tr > td{
  padding: 0px;
  line-height: 1.42857143;
  vertical-align: top;
  border:0px !important;
  font-size: 14px;
  text-align: left;
}
.lr-title {
  padding: 10px 5px 5px;
}
.lr-title h3 {
  padding: 0px;
  margin: 0px;
  font-size: 20px;
  color: #454545;
  /*text-transform: uppercase;*/
}
.bed-title {
  padding: 5px;
}
.bed-title h4{
  font-size: 18px;
  padding:0px;
  margin: 0px;
  color: #ED5910;
}
.levelIcons {
  padding: 5px;
}
.levelIcons .btn-circle.btn-lg {
  width: 35px;
  height: 35px;
  padding: 4px 8px;
  font-size: 14px;
  line-height: 1.33;
  line-height: 22px;
  border-radius: 50%;
  color: #ED5910;
  border-color: #ED5910;
  border: 1px solid;
  background-color: #ffffff;
}
.lr-right, .lr-right .table > tbody {
  background-color: #f8f8f8;
}
.lr-pad5 {
  padding: 5px;
}
.lr-pad3 {
  padding: 3px;
}
.line-grey-d {
  height: 1px;
  border-bottom: 1px solid #ddd;
}
.line-grey-c {
  height: 1px;
  border-bottom: 1px solid #ccc;
}
.line-grey-1 {
  height: 1px;
  border-bottom: 1px solid #111;
}
.line-grey-b {
  height: 1px;
  border-bottom: 1px solid #bbb;
}
.level-progress {
  height: 5px;
  margin-bottom: 0px;
  border-radius: 0px;
}
.add-room  {
  height: 140px;
  border:1px dashed #dddddd;
}
.add-room a {
  font-size: 36px;
  display: block;
  color: #c2c2c2;
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
/*slide css logs*/
.content-block {
  transition: all 0.3s linear 0s;
}
.list-block {
  transition: all 0.6s linear 0s;
}
#filterRooms {
  padding: 10px;
}
.userActivity {
  padding: 5px 10px;
  margin-bottom: 5px;
}
h2.activity-title {
  color: #ED5910;
  padding: 0px;
  color: #ffffff;
  margin: 0px;
  font-size: 18px;
}
.cls-activity {
  color: #ffffff;
}
.useract_bg {
  border:1px solid #dddddd;
}
.activity-logs {
  padding:0px;
  font-size: 12px;
}
.logs-display {
  padding: 5px 10px;
  border-bottom: 1px solid #dddddd;
}
.logs-display:nth-child(even){
  background-color: #f5f5f5;
}
.inline-link {
  text-decoration : underline dotted;
  cursor: pointer;
}

.dashed-line{
  text-decoration:underline;
}
.hand-move{
  cursor: pointer;
}
.ui-sortable-handle {
  cursor: pointer;
}
.room_copy_move_levels{
  background-color: #eeeeee;
  margin-bottom: 5px;padding: 5px;
}
.progress {
  margin-bottom: 0px;
}

/* Fixed header*/
/*
table{
  border-collapse:collapse;
  width:100%;
}
.fixed{
  top:0;
  position:fixed;
  width:auto;
  display:none;
  border:none;
}
.scrollMore{
  margin-top:600px;
}
/* Fixed header*/

/* fix headers */
#wrap {
  overflow: auto;
  /*height: 550px;*/
}
.fix-header thead th {
  background-color: #0099ff;
  color: #fff;
  z-index: 999;
}

.pt-block {
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 6px;
  outline: 0;
  margin: 15px;
  padding: 4px;
  box-shadow: 0 5px 15px rgba(0,0,0,.5);
  min-height: 480px;
}


/*.followMeBar{
  position: relative;
  z-index: 1;
}
.followMeBar.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #ed5910 !important;
  width: 100%;
  padding: 10px;
}
.followMeBar .fixed .absolute {
  position: absolute;
}*/










.fixed {
  top:0;
  position:fixed;
  width:98%;
  display:none;
  border:none;
  z-index: 999;
}

/*.LogTable1{
  width: 98%;
  position: fixed;

  z-index: 1;

}*/
/*.LogTable1{
  position: relative;
  z-index: 1;
  width: 98%;
}
.LogTable1.fixed {
  position: fixed;

  left: 0;
  z-index: 1;

  width: 100%;

}*/



/*.sticky{
  position: fixed;
  top: 0;
}*/
@-webkit-keyframes loading{
  0%{ height: 15px; }
  50%{ height: 35px; }
  100%{ height: 15px; }
}
@keyframes loading{
  0%{ height: 15px; }
  50%{ height: 35px; }
  100%{ height: 15px; }
}
@media (min-width: 768px) and (max-width: 1119px) { .modal-lg { width : 95%; } }
@media (min-width: 1200px) { .modal-lg { width : 90%; } }
@media only screen and (min-width: 320px) and (max-width: 480px) {}
@media (min-width: 768px) and (max-width: 1024px) {}
@media (max-width: 1024px) {}




