.breadcrumb {
  margin-top: 3px;
  margin-bottom: 3px;
}

.legendLabel{
    padding-left: 5px;
}
.powered_by {
    text-align: center;
    margin-top: 10px;
    font-size: smaller;
    font-style: italic;
    font-weight: bold;
    padding: 0px 0px;
}
.powered_by img{
    padding-left: 5px;
}
#menuPanel{
    width: 220px;
    z-index: 999;
    position: fixed;
    left: 0px;
    top: 55px;
    bottom: 0px;
    overflow: auto;
}

#menuToggle{
    left: 221px;
    z-index: 1000;
    position: fixed;
    top: 45px
}

#mainPanel{
    margin-left: 221px;
}
.mainPanel{
    margin-left: 221px;
}
/*//fixed left side change timeline style*/
@media only screen and (min-width: 756px) {
    #menuPanel{
        left: 0px;
    }
    #menuToggle{
        left: 221px;
    }
    #mainPanel{
        margin-left: 221px;
    }
    .mainPanel{
        margin-left: 221px;
    }
    .panel.panel-primary.hideMenu{
        margin-left: 5px !important;
    }
    .panel.panel-info.hideMenu{
        margin-left: 5px !important;
    }
}
@media only screen and (max-width: 755px) {
    #menuPanel{
        display: none;
    }
    #menuToggle{
        left: 5px;
    }
    #mainPanel{
        margin-left: 5px;
    }
    .mainPanel{
        margin-left: 5px;
    }
    .panel.panel-primary.hideMenu{
        margin-left: 5px;
    }
    .panel.panel-info.hideMenu{
        margin-left: 5px;
    }
}

.grid {
  width: 100%;
}

a{
	outline:none !important;
	text-decoration: none;
	cursor: pointer;
}

.ag-cell-value {
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
}

/*  override the value in bootstrap  */
.panel-body{
    padding-top: 5px;
    padding-bottom: 5px;
}
.form-control-feedback{
  pointer-events:auto;
}
.container-fluid .row {
    padding-bottom: 5px;
}
.form-group{
    margin-bottom: 5px;
}

.narrow {
    font-size: 13px;
}
.narrow tr>th {
    padding: 3px !important;
}
.narrow tr>td {
    padding: 3px !important;
}
.modal .panel-body {
    padding: 0px !important;
}

.col-100-1, .col-100-2, .col-100-3, .col-100-4, .col-100-5, .col-100-6, .col-100-7, .col-100-8, .col-100-9, .col-100-10 {
    float: left;
}
.col-100-10 {
    width: 100%;
}
.col-100-9 {
    width: 90%;
}
.col-100-8 {
    width: 80%;
}
.col-100-7 {
    width: 70%;
}
.col-100-6 {
    width: 60%;
}
.col-100-5 {
    width: 50%;
}
.col-100-4 {
    width: 40%;
}
.col-100-3 {
    width: 30%;
}
.col-100-2 {
    width: 20%;
}
.col-100-1 {
    width: 10%;
}
.promotionfieldset{
    border:1px solid black;
    text-align:left;
    padding: 0.2em 0.5em;
}
.promotionfieldset legend{
    margin:0px;
    width: auto;
    font-size:14px;
    border-bottom:0px
}
.has-error-grid {
    border: 1px solid #a94442;
}

.ui-select-bootstrap>.ui-select-match>.btn{
    width: -webkit-fill-available;
}
.input-group>.ui-select-bootstrap>input.ui-select-search.form-control{
    width: -webkit-fill-available;
}
input.ui-select-search {
    width: 100% !important;
}

.ui-select-bootstrap>.ui-select-choices, .ui-select-bootstrap>.ui-select-no-choice{
    width: auto !important;
}

.grid-tooltip {
    display: inline-block;
    overflow: visible;
    z-index: 9999999;
    float: left;
    /*white-space:pre-wrap;*/
}

.tooltip-inner {
    max-width: 300px;
    padding: 3px 8px;
    color: #fff;
    text-align: left;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px;
}

div.ag-root {
    -webkit-user-select:text;
    -moz-user-select:text;
    -ms-user-select:text;
    user-select:text;
}