/*  Header Part   */
#headerStrip {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgb(34,154,254);
    height: 4px;
    width: 100%;
}

.sapUiMltPadRight {
    padding: 0 0px 0px 0;
}

#headerDiv {
    /*background-image: url('../img/titlebar.png');*/
    background-color: #3498DB;
    height: 49px;
    width: 100%;
}

#bottomDiv {
    /*background-image: url('../img/titlebar.png');*/
    background-color: #3498DB;
    height: 27px;
    width: 100%;
    text-align: center;
    position: fixed;
    bottom: 0;
    border-top: 1px solid #DDD;
}

#bottomTitle {
/*  display: inline-block;
    padding-left: 15px;
    padding-top: 10px;*/
  color: #FFF;
  display: inline;
  /*font-family: 'HelveticaNeue';*/
  font-size: 14px;
  font-style: normal;
  font-weight: 200;
  height: auto;
  line-height: normal;
  text-align: center;
  white-space: nowrap;
  width: auto;
  vertical-align: middle;
  line-height: 28px;
}

#headerTitle {
  display: inline-block;
  padding-left: 20px;
  color: #FFF;
  display: inline;
  font-family: 'ArialMT', 'Arial';
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  line-height: 50px;
  text-align: left;
  white-space: nowrap;
  width: auto;
  vertical-align: middle;
}

#headerTitle2 {
/*  display: inline-block;
    padding-left: 15px;
    padding-top: 10px;*/
  color: #FFF;
  display: inline;
  /*ont-family: 'HelveticaNeue';*/
  font-size: 22px;
  font-style: normal;
  font-weight: 200;
  height: auto;
  line-height: 50px;
  text-align: left;
  white-space: nowrap;
  width: auto;
  vertical-align: middle;
}

#headerVersion {
    position: fixed;
    right: 75%;
    top: 10px;
    color: #797D86;
    font-style: italic;
}

#innerHorizontalLayout {
    position: absolute;
}

#hzt-lo-SubMenuLayer {
    background:#f2f2f2;;
    width:100%;
    height: 60px;
    border-bottom: 1px solid #dddddd;
}
.menuZoneLayer {
    background:#3498DB;
    width:100%;
    height: 49px;
    /*border-top:2px solid #007dc0;*/
    border-bottom: 1px solid #DDD;
}
#splitLine {
    position: relative;
    top:-10px;
    height: 1px;
    width: 100%;
}

#iFrame{
  height: 100%;
  width: 100%;
  border-left: 1px solid #dddddd;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing: border-box;
}

#horizontalSplitLine {
    position: relative;
    /*top:-10px;*/
    height: 1px;
    width: 100%;
}

#verticalSplitLine {
    position: relative;
    /*top:-13px;*/
    height: 100%;
}

.sapUiBody {
    background-color: #FFF;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    -webkit-tap-highlight-color: transparent
}

.subTabLabelOnSelect{
    text-align:left;
    font-weight:700;
    color:#1C64A1;
    font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial';
    font-size: 18px;
    line-height:42px;
    padding-left:10px;
    padding-right:10px;
    cursor: pointer;
    font-weight: 700;
    position: relative;
    top: 8px;
}
.subTabLabel {
    color:#333333;
    font-family: 'ArialMT', 'Arial';
    font-size: 18px;
    line-height:42px;
    padding-left:10px;
    padding-right:10px;
    cursor: pointer;
    font-weight: 400;
    font-style: normal;
    position: relative;
    top: 8px;
}
.subTabLabelDisabled {
    color:#bfbfbf;
    font-family: 'ArialMT', 'Arial';
    font-size: 18px;
    line-height:42px;
    padding-left:10px;
    padding-right:10px;
    cursor: default;
    font-weight: 400;
    font-style: normal;
    position: relative;
    top: 8px;
}

.splitLabel {
    color:#333333;
    font-family: 'ArialMT', 'Arial';
    font-size: 18px;
    line-height:42px;
    padding-left:0px;
    padding-right:0px;
    position: relative;
    top: 8px;
}

.menuLabel {
    color:#FFF;
    font-family: 'ArialMT', 'Arial';
    font-size: 20px;
    line-height:49px;
    padding-left:10px;
    padding-right:10px;
    cursor: pointer;
    font-weight:400;
}
.menuLabelOnHover{
    background:#1C63A0;
}
.menuLabelOnSelect {
    background:#007dc0;
    color:white;
    line-height:49px;
    padding-left:10px;
    padding-right:10px;
}

/*#docsPageMainVlayout{
    position: fixed;
    top: 0px;
}*/

.hidden{
  display: none;
}

#splitterV_secondPane {
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
}

.LabelArrow {
    position: absolute;
    top: 49px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #007dc0;
}
.sapUiHorizontalSplitterBar:focus,.sapUiVerticalSplitterBar:focus {
    outline: none;
}


.loading-spinner {
   height:30px;
   width:30px;
   margin:0 auto;
   position:relative;
   margin-top: -15px;
   margin-left: -15px;
   position: fixed; 
   top:50%; 
   left: 50%; 
   -webkit-animation: rotation .8s infinite linear;
   -moz-animation: rotation 2s infinite linear;
   -o-animation: rotation 2s infinite linear;
   animation: rotation 2s infinite linear;
   border:6px solid rgba(0,174,239,.15);
   border-radius:100%;
}

.loading-spinner:before {
   content:"";
   display:block;
   position:absolute;
   left:-6px;
   top:-6px;
   height:100%;
   width:100%;
   border-top:6px solid rgba(0,174,239,.8);
   border-left:6px solid transparent;
   border-bottom:6px solid transparent;
   border-right:6px solid transparent;
   border-radius:100%;
}

#menuZoneLayer>div, #hzt-lo-SubMenuLayer>div {
    float: left;
    height: 100%;
}

@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
   from {transform: rotate(0deg);}
   to {transform: rotate(359deg);}
}