.btn{padding:4px 8px !important}
.FL{float:left;}
.widt150{width:150px !important}
.widt260{width:260px !important}
.widt115{width:115px}
.widt215{width:215px}
.display{display:block}
.nDisplay{display:none}
.datepickertextbox{width:250px;background-image:url('/Content/img/calender-icon.png');padding-left:30px;background-repeat:no-repeat}
#pgMainContent{width:100%;background-color:#f1f3fa;}
#steep, #steep div {margin:0;}
#steep select {width:260px;height:33px}
#steep select option{padding:7px;border:1px solid #f0f0f0}

#steep {padding: 0;border: 5px solid #FFF;font-size: 14px;}
#menu {margin:0;padding:0;background:#FFF;border-bottom: 5px solid #FFF;}
#menu li {margin:0;display:inline-block;width:255px;height:60px;padding:7px;margin-right:50px;margin-top:10px;text-decoration:none}
#menu li a{text-decoration:none}
#menu .active {font-weight:bold;background-color:#f1f3fa;border-radius:5px!important}
#menu li .number {background-color: #45b6af;display: inline-block;text-align: center !important;font-size: 16px;font-weight: 300;padding: 11px 15px 13px 15px;margin-right: 10px;height: 45px;width: 45px;-webkit-border-radius: 50% !important;-moz-border-radius: 50% !important;border-radius: 50% !important;color:#FFF}
#menu .active .number {background-color: #dfba49;}
#content {}
#current {margin:0;padding:0;padding-left:1em;border-top: 5px solid #FFF;}
/* CSS */
code.code, pre.code {border: 5px solid #FFF;padding: 7px 0 5px;font-size: 14px;overflow: auto;max-height: 500px;width: 100%;white-space: pre;display: block;}
body code.prettyprint, body pre.prettyprint {border: 5px solid #FFF;padding: 7px 0 5px;}
strong {font-weight:bold;}
em {font-style:italic;}
body {padding-left: 0px;padding-right: 0px;font-family: Arial, Helvetica, sans-serif;color: #000000;}
p,
.section div {padding: 0px;margin:1em 0;}
.section.install p,
.section.install div {margin:0.2em 0 1em;}
textarea {width: 100%;}
label {font-weight:bold;}
.cols.two {position:relative;overflow:auto;}
.cols .one {width:49%;float:left;}
.cols .two {width:49%;float:right;}
.section {background-color: white;border:1px solid #60aee4}
.section ul {list-style: none;margin-top: 5px;}
.section ul li {display: inline;}
a.help {text-decoration:none;border-bottom:1px dotted #00E;}
a.help:visited {border-bottom:1px dotted #551A8B;}
.section ul.features {display: block;list-style: disc;margin-left:2em;}
.section ul.features li {list-style: disc;display: list-item;}
.section ul.install,
.section ul.install li {list-style:disc outside none;}
.section ul.install {margin-left:2em;}
.section ul.install li {display: list-item;}
.section span.code {font-family: "Courier New", Courier, monospace;margin-left: 10px;padding-left: 10px;font-size: 11px;border-left: 1px solid #000;}
.section .link {font-size: 12px;font-style: italic;padding-left: 10px;margin-left: 10px;}
.section .important {text-decoration: underline;}
.section .title {font-weight: bold;font-size: 16px;}
.clear {clear: left;}
.section.header {text-align: center;font-size: 12px;padding-top: 10px;border-top: none;}
.section.footer {text-align: center;font-size: 12px;padding-top: 10px;}
body.loading {cursor:wait;}

.portable-box{border-top:0px;width:100%;display:inline-block;padding:25px;}
.portable-box .headline{height:43px;background-color:#60aee4;display:inline-block;width:100%}
.portable-box .headline span{color:#FFF;float:left;padding:10px;font-size:17px;font-weight:bold;}
#mainHolder{width:100%;padding:10px}
#mainHolder h3{border:1px solid #f0f0f0;padding:15px}
#formContent{width:100%;padding:10px}
.formSubmit{width:100%;}
.formRow{width:100%;display:inline-block;margin-top:5px !important;padding-bottom:20px !important;border-bottom:1px solid #f0f0f0}
.formRow span{font-weight:bold;width:222px;display:inline-block;float:left;padding:5px}

.header{width:100%;height:60px;padding:5px;box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2);background: #ffffff;position:relative;}
.header .left{float:left;padding-left:10px;padding-top:6px;}
.header .right{float:right;padding-right:10px}

.btn {
  display: inline-block;
  *border-left: 0 none #e6e6e6;
    border-right: 0 none #e6e6e6;
    border-top: 0 none #e6e6e6;
    border-bottom: 0 none #a2a2a2;
    display: inline;
    padding: 4px 12px;
    margin-bottom: 0;
  *margin-left: .3em;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
    background-repeat: repeat-x;
  *-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
    zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);*
}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn:active,
.btn.active {
  background-color: #cccccc \9;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn-large {
  padding: 11px 19px;
  font-size: 17.5px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
  margin-top: 4px;
}

.btn-small {
  padding: 2px 10px;
  font-size: 11.9px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
  margin-top: 0;
}

.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
  margin-top: -1px;
}

.btn-mini {
  padding: 0 6px;
  font-size: 10.5px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn {
  border-color: #c5c5c5;
  border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}

.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #0044cc;
  background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    border-left-color: #0044cc;
    border-right-color: #0044cc;
    border-top-color: #0044cc;
    border-bottom-color: #002a80;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #003399 \9;
}

.btn-warning {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #faa732;
  *background-color: #f89406;
  background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    border-left-color: #f89406;
    border-right-color: #f89406;
    border-top-color: #f89406;
    border-bottom-color: #ad6704;
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {color: #ffffff;background-color: #f89406;*background-color: #df8505;}

.btn-warning:active, .btn-warning.active {background-color: #c67605 \9;}

[class^="icon-"],
[class*=" icon-"] {display: inline-block;width: 14px;height: 14px;margin-top: 1px;*margin-right: .3em;line-height: 14px;vertical-align: text-top;background-image: url("../img/glyphicons-halflings.png");background-position: 14px 14px;background-repeat: no-repeat;}

/* White icons with optional class, or on hover/active states of certain elements */

.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
}

.icon-chevron-left {background-position: -432px -72px;}
.icon-chevron-right {background-position: -456px -72px;}
.icon-chevron-up {background-position: -288px -120px;}
.icon-chevron-down {background-position: -313px -119px;}
#teyitdatetime{display:block}
.width35{height:35px !important}

.pCursor{cursor:pointer}
.filterRow input {width: 140px;height: 30px;box-sizing: border-box;border-radius: 3px;border: 1px solid #ccc;font-size: 14px;padding: 0 10px 0 10px;outline: none;margin-top:3px}
.filterRow input:active, #FilterHolder input:focus {border: 1px solid #e7c51b;}

#tblrptWaitingForConfirmation tbody tr td{}
#tblrptWaitingForConfirmation_filter label{font-weight:bold}
#rptWaitingForConfirmation{overflow:hidden}

#tblConfirmPlansSet tbody tr td{white-space:normal}
#tblConfirmPlansSet_filter label{font-weight:bold}
#plannedPositions{overflow:hidden}