*{font-size:17px;}

.headr{
    padding:10px 20px 5px; 
    min-height: 30px; 
    box-shadow:#ccc 2px 2px 2px;
    background: #127729;
    position: fixed; 
    top:0px;
    width:100%;
    z-index:1000;
}

.wrapper > * {
    padding-top:40px;
}

.headr h2{color: #fff !important; font-size:20px;}

.wrapper h2{ font-size:25px !important; }

.sidebar a { color: #000 !important;}

.custom-menu{position:relative; z-index:10000; margin-top:50px;}

.sidemenu a{
    font-size:15px;
    padding:3px 3px 3px 7px !important;
}

.sidemenu > li > ul a:hover{
     //color:#fff !important;
     font-weight:bolder;
     //text-shadow:#000 2px 2px 2px;
}

pre, code{
    margin-left:0px !important; 
    padding-left:0px !important;
}
pre code {
    background-color: #eee;
    border: 1px solid #333 !important;
    display: block;
    padding: 10px;
    padding-left:0px; 
    text-align:left;
     
}


pre {
    background-color: #eee;
    border: 1px solid #333 !important;
    display: block;
    padding: 10px;
    padding-left:0px; 
    text-align:left !important; 
}


code {
    font-size: 120%;
}
user agent stylesheet
code {
    font-family: monospace;
}
user agent stylesheet
pre {
    font-family: monospace;
    white-space: pre;
}

.colboxs{
    display:flex; 
    flex-wrap:wrap;
    white-space:nowrap;
    overflow-x:auto;
}
.colboxs span{
    display:block; 
}

.colboxs img{
    display: inline-block; 
    width:300px; 
    display:block; 
    margin: 0px 5px 10px;

}

.seperate{
    margin-top:100px;
    font-weight: bolder !important;
    color:green;
}


p > h5{
    font-size:11px !important;
}


.uparw{
    position:fixed; 
    z-index:20000; 
    bottom:25px; 
    right:25px;
    display:block; 
    border:solid 2px #eaeaea;
    padding:20px 20px;
    border-radius:50px;
}

.uparw:hover{
    border:solid 2px #ccc;
}

.menubox{
    position:fixed;
}

.exblock ul{
    display:block; 
    list-style:none; 
    display:flex; 
    width:100%;
    margin-left:0px !important; 
    padding-left:0px !important;
    margin-bottom:0px !important;
}

.exblock li{
    display:block; 
    font-size:14px !important;
    font-family:arial; 
    padding:3px 5px;
    margin-left:3px;
}

.ddx{
    font-weight:bolder;
}

.exblock b{
    display:block;
    position:absolute;
    padding:0px 10px;
    width:100px;
    background-color:#999;
    color:#fff;
    font-size:11px;
    top:-20px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}

.exblock{
    margin-top:40px;
    display:block;
    background-color:#fafafa;
    border:solid 1px #ccc;
    border-radius:8px; 
    width:600px;
    position:relative;
    padding:10px; 
}

.btn-primary{
    color: #fff;
    background-color: #494fa3 !important;
    border-color: #494fa3 !important;
}

.scaleable-wrapper {
    padding: 20px;
    resize: both;
    position: relative;
    background: #efefef;
    height: 100px;
  }
  #block {
    height: 100px;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transform-origin: center center;
  }
  .ui-resizable-se {
    width: 10px;
    height: 10px;
    background: orange;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  
  
  pre {
    padding:5px;
    white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
    white-space: -pre-wrap; /* Opera */
    white-space: -o-pre-wrap; /* Opera */
    white-space: pre-wrap; /* CSS3 – Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
    word-wrap: break-word; /* IE 5.5+ */
  }

  pre code {
      counter-reset: line-numbering;
  }
  
  pre code .line::before {
      content: counter(line-numbering);
      counter-increment: line-numbering;
      padding-right: .8em; /* space after numbers */
      margin-right: 5px;
      width: 1.5em;
      text-align: right;
      opacity: 0.5;
      background-color:#efefef;
  }
  

 .tbb td, .tbb th{
    border:solid 1px #ccc; 
    border-collapse:collapse;
    padding:5px 10px;
 
  }
  .td strong{
    font-size:12px !important;
  }

  .tbb td span{
    display:inline block;
    padding:10px 20px; 
    margin:10px 0px;
    border:solid 1px #000;
  }

  .dialogx{
    width:400px;
    bacground-color:#fff !important;
    border-radius:5px !important;
    overflow:hidden;
    padding-bottom:10px;
  }

  .dialogx .titlx{
    padding:7px 15px; 
    background-color:green; 
    color:#fff;

  }

  .dialogx  .bodyx{
    padding:7px 15px;
  }

  .shadowx{
    box-shadow: 2px 2px 15px #999, -2px -2px 15px #999;
  }

  .spaced{
    display:flex; 
    justify-content:space-between;
  }

  .w-500{
    width:500px;
  }

  .alert{border:solid 1px #bbb;}

  .bdr{border:solid 1px #ccc; margin:5px; width:95%}

  .iconsrow{
    padding:5px 20px; 
    display:grid;
    grid-template-columns: repeat(6, 1fr); 
    gap: 10px;
  }

  .iconsrow div{
    font-size:14px;
    border: 1px solid #ddd;  
    padding: 5px;
    text-align: left;
    width:100%
  }

  .iconsrow a{
    font-size:15px;
    display:flex;  color:#333 !important;
  }
  .iconsrow i{color:#333; margin-right:15px; padding-top:5px;}
  .iconsrow span{display:block;}

  .pdivx{
    display:grid; 
    grid-template-columns: repeat(4, 1fr); /* Creates three columns with equal width */
    gap: 10px; /* Adds a gap between grid items */
  }

  .pdivx > p {

    padding: 20px;
    text-align: center;
  }

  .pdivx > p > span{display:block; text-align:left;}

  .heix{
    height:300px;
  }


p > input{padding:}
 p > select{width:200px; padding:6px 8px;}