.panel.innerpanel
{
    padding: 8px;
    background-color: #e3ecf9;
}

.panel.PlaneInnerpanel
{
    padding: 8px;
}
.vertical-align
{
    display: flex;
    align-items: center;
}
.compname
{
    padding-top: 5px;
    color: #d8714b;
    font-family: Calibri;
    font-size: 24px;
    font-weight: normal;
}
.billpluslogo
{
    color: orange;
    font-family: Calibri;
    font-size: 35px;
    font-weight: bold;
}
tr.queueheader th
{
    background-color: #2196f3;
    border-color: #2196f3;
    padding: 8px;
    text-align: center;
}

.panel-default
{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.sidenav
{
    /* height: 100%; Full-height: remove this if you want "auto" height */
    width: 60px; /* Set the width of the sidebar */
    position: fixed; /* Fixed Sidebar (stay in place on scroll) */
    z-index: 1; /* Stay on top */
    top: 40; /* Stay at the top */
    right: 0;
    background-color: #ffffff; /* Black */
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 0px;
}

.panel-footer.panel-custom
{
    background-color: #3d5170;
    text-align: center;
    color: #d7e2e9;
}
/*.panel-primary > .panel-heading {
  background-color:#5272a5;
}*/
.panel-primary > .panel-heading
{
    background-color: #04537d;
}

.panel-primary > .panel-heading2
{
    padding: 10px;
    background-color: #0869A5;
}
.panel-primary > .panel-heading3
{
    padding: 10px;
    background-color: #7f875e;
}
.panel-primary > .panel-heading4
{
    padding: 10px;
    background-color: blue;
}


.panel-heading.custompagehead
{
    color: rgb(56, 98, 165); /*color: #3d5170;*/
    font-family: Calibri;
    font-size: 18px;
    font-weight: bold;
}
.panel-heading h3
{
    color: rgb(56, 98, 165);
    font-family: Calibri;
    font-size: 20px;
    font-weight: bold;
}

.panel.panel-default.loginpanel
{
    max-width: 500px;
}
.page-header.custompagehead
{
    margin-top: 0;
    color: rgb(56, 98, 165);
    font-family: Calibri;
    font-size: 16px;
    font-weight: bold;
}

.col-md-6.cusom-headclass
{
    margin-top: 0;
    color: rgb(56, 98, 165);
    font-family: Calibri;
    font-size: 16px;
    font-weight: bold;
}

.SubHeadings
{
    color: white;
    font-family: Calibri;
    font-size: 18px;
    font-weight: bold;
}

.SubHeadingsContent
{
    color: #205578;
    font-family: Calibri;
    font-size: 18px;
    font-weight: bold;
}
.SubHeadingsContentHeading
{
    color: black;
    font-family: Calibri;
    font-size: 18px;
    font-weight: bolder;
}
.form-control.TextboxStyle
{
    color: #5f5f5f;
    box-sizing: border-box;
    width: 100%;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
    padding: 6px 10px;
    border: 1px solid #dbdbdb;
    margin-top: 3px;
    font-size: 14px;
}
.form-control.BillDropdown
{
    color: #5f5f5f;
    box-sizing: border-box;
    width: 100%;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
    padding: 4px 6px;
    border: 1px solid #dbdbdb;
    margin-top: 3px;
    font-size: 13px;
}
.form-control.BillTextboxStyle
{
    display: inline-block;
    color: #5f5f5f;
    box-sizing: border-box;
    width: 100%;
    box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.08);
    padding: 2px 4px;
    border: 1px solid #dbdbdb;
    margin-top: 2px;
    font-size: 14px;
}
.form-control.BillTextareaStyle
{
    color: #5f5f5f;
    box-sizing: border-box;
    width: 100%;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
    padding: 4px 6px;
    border: 1px solid #dbdbdb;
    margin-top: 2px;
    font-size: 13px;
}
.BillLabelStyle
{
    display: inline-block;
    box-sizing: border-box;
    color: #5f5f5f;
    text-align: right;
    font-weight: bold;
}
.form-control.InlineTextboxStyle
{
    display: inline-block;
    color: #5f5f5f;
    box-sizing: border-box;
    width: 100%;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
    padding: 6px 10px;
    border: 1px solid #dbdbdb;
    margin-top: 3px;
    font-size: 14px;
}

.form-control.customDropdown
{
    color: #5f5f5f;
    box-sizing: border-box;
    width: 100%;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
    padding: 6px 10px;
    border: 1px solid #dbdbdb;
    margin-top: 3px;
    font-size: 14px;
}
.form-control.inlineDropdown
{
    display: inline-block;
    color: #5f5f5f;
    box-sizing: border-box;
    width: 100%;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
    padding: 6px 10px;
    border: 1px solid #dbdbdb;
    margin-top: 3px;
    font-size: 14px;
}
.form-control.TextareaStyle
{
    color: #5f5f5f;
    box-sizing: border-box;
    width: 100%;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
    padding: 6px 10px;
    border: 1px solid #dbdbdb;
    margin-top: 3px;
    font-size: 14px;
}
.radio
{
    color: #5f5f5f;
}
td > input[type="radio"]
{
    /*-moz-appearance: none;     -webkit-appearance: none;     z-index:1;*/
    display: inline-block; /*margin-bottom: 10px;*/
    background-color: transparent;
    color: #5f5f5f;
    width: 10px;
}
input[type="radio"] + label
{
    padding: 8px 10px;
    color: #5f5f5f;
    font-weight: bold;
}


.form-radio-buttons
{
    margin-bottom: 10px;
    width: 90%;
    color: crimson;
}
.form-radio-buttons label span
{
    margin-left: 8px;
    color: #5f5f5f;
    font-weight: normal;
}

.LabelStyle
{
    box-sizing: border-box;
    color: #5f5f5f;
    text-align: right;
    font-weight: bold;
}
.LabelStyleRequired
{
    color: Red;
    font-weight: bold;
}
.LabelStyleValidation
{
    color: Red;
    font-weight: bold;
}

table.GridViewtable
{
    /*font-family:  'Montserrat' , 'Trebuchet MS' , sans-serif;*/
    font-family: Calibri;
    font-size: 12px; /*font-size: 13px;*/
    font-weight: bold;
    color: #333333;
    border-width: 1px;
    border-style: solid;
    border-color: #666666;
    border-collapse: collapse;
    width: 100%;
}
table.GridViewtable th
{
    text-align: center;
    border-width: 1px;
    padding: 4px; /*padding: 8px;*/
    border-style: solid;
    border-color: #666666;
    font-size: 14px; /*font-size: 15px;*/
    background-color: rgb(162, 160, 160); /* #f15b4e;*/
    color: White;
}
table.GridViewtable td
{
    text-align: center;
    border-width: 1px;
    padding: 4px; /*padding: 8px;*/
    border-style: solid;
    border-color: rgba(102, 102, 102, 0.16); /* #666666;*/
    background-color: #ffffff;
}
table.GridViewtable
{
    text-align: center;
    border-width: 1px;
    padding: 4px; /*padding: 8px;*/
    border-style: solid;
    border-color: rgba(102, 102, 102, 0.16); /* #666666;*/
    background-color: #cfdef7;
}
table.GridViewtable td span
{
    font-family: Calibri; /* font-size: 13px;*/
    font-size: 12px;
}
/* Inner Grid --------------*/

table.InnerGrid
{
    /*font-family:  'Montserrat' , 'Trebuchet MS' , sans-serif;*/
    font-family: Calibri;
    font-size: 12px; /*font-size: 13px;*/
    font-weight: bold;
    color: #333333;
    border-width: 1px;
    border-style: solid;
    border-color: #666666;
    border-collapse: collapse;
    width: 100%;
}
table.InnerGrid th
{
    text-align: center;
    border-width: 1px;
    padding: 4px; /*padding: 8px;*/
    border-style: solid;
    border-color: #666666;
    font-size: 14px; /*font-size: 15px;*/
    background-color: #d8714b;
    color: White;
}
table.InnerGrid td
{
    text-align: center;
    border-width: 1px;
    padding: 4px; /*padding: 8px;*/
    border-style: solid;
    border-color: rgba(102, 102, 102, 0.16); /* #666666;*/
    background-color: #ffffff;
}
table.InnerGrid
{
    text-align: center;
    border-width: 1px;
    padding: 4px; /*padding: 8px;*/
    border-style: solid;
    border-color: rgba(102, 102, 102, 0.16); /* #666666;*/
    background-color: #cfdef7;
}
table.InnerGrid td span
{
    font-family: Calibri; /* font-size: 13px;*/
    font-size: 12px;
}

/* End of Inner grid style--*/
/* Bill Gridview------------ */
table.BillGridView
{
    font-family: Calibri;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    border-width: 1px;
    border-style: solid;
    border-color: #666666;
    border-collapse: collapse;
    width: 100%;
}
table.BillGridView th
{
    text-align: center;
    border-width: 1px;
    padding: 4px;
    border-style: solid;
    border-color: #666666;
    font-size: 14px;
    background-color: rgb(162, 160, 160); /* #f15b4e;*/
    color: White;
}
table.BillGridView td
{
    text-align: center;
    border-width: 1px;
    padding: 4px;
    border-style: solid;
    border-color: rgba(102, 102, 102, 0.16); /* #666666;*/
    background-color: #ffffff;
}
table.BillGridView
{
    text-align: center;
    border-width: 1px;
    padding: 4px; /*padding: 8px;*/
    border-style: solid;
    border-color: rgba(102, 102, 102, 0.16); /* #666666;*/
    background-color: #cfdef7;
}
table.BillGridView td span
{
    font-family: Calibri;
    font-size: 12px;
}



/* end of bill gridview */



/*Editable gridview*/
table.EditableGridview
{
    /*font-family:  'Montserrat' , 'Trebuchet MS' , sans-serif;*/
    font-family: Calibri;
    font-size: 13px;
    font-weight: bold;
    color: #333333;
    border-width: 1px;
    border-style: solid;
    border-color: #666666;
    border-collapse: collapse;
    width: 100%;
}
table.EditableGridview th
{
    text-align: center;
    border-width: 1px;
    padding: 4px;
    border-style: solid;
    border-color: #666666;
    font-size: 15px;
    background-color: rgb(162, 160, 160); /* #f15b4e;*/
    color: White;
}
table.EditableGridview tr
{
    height: 1.5em;
}
table.EditableGridview td
{
    text-align: center;
    border-width: 1px;
    padding: 4px;
    border-style: solid;
    border-color: rgba(102, 102, 102, 0.16); /* #666666;*/
    background-color: #ffffff;
}
table.EditableGridview td span
{
    font-family: Calibri;
    font-size: 13px;
}

.form-control.GridTextboxStyle
{
    color: #5f5f5f;
    box-sizing: border-box;
    width: 100%;
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.08);
    padding: 8px 10px;
    border: 1px solid #dbdbdb;
    margin-top: 1px;
}

.form-control.GridTextboxForMarks
{
    color: #5f5f5f; /*min-width:80px;*/
    box-sizing: border-box;
    width: 100%;
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.08);
    padding: 4px 6px;
    border: 1px solid #dbdbdb;
    margin-top: 1px;
    font-size: 12px;
}
.form-control.InlineTextboxForAmount
{
    display: inline-block;
    color: #5f5f5f; /*min-width:80px;*/
    box-sizing: border-box;
    width: 100%;
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.08);
    padding: 4px 6px;
    border: 1px solid #dbdbdb;
    margin-top: 1px;
    font-size: 12px;
}

.form-control.DatalistTextboxForMark
{
    display: inline-block;
    color: #5f5f5f;
    max-width: 120px;
    box-sizing: border-box;
    width: 100%;
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.08);
    padding: 8px 10px;
    border: 1px solid #dbdbdb;
    margin-top: 1px;
}

.inlineLabelBold
{
    display: inline-block;
    font-weight: 500;
    color: Black;
}

.inlineLabelStyle
{
    display: inline-block;
    box-sizing: border-box;
    color: #5f5f5f;
    text-align: right;
    font-weight: bold;
}
.LabelMaroon
{
    font-weight: 500;
    color: Maroon;
}
.RadioButtonListMaroon
{
    font-weight: 500;
    color: Maroon;
    line-height: 90%;
}
.inlinedropdown
{
    display: inline-block;
}

.margin-top-05
{
    margin-top: 0.5em;
}
.margin-top-10
{
    margin-top: 1.0em;
}
.margin-top-15
{
    margin-top: 1.5em;
}
.margin-top-20
{
    margin-top: 2.0em;
}

.imgicon
{
    height: 25px;
    width: 25px;
}
.lnkStyle
{
    font-family: Calibri;
    font-size: 18px;
}

.LabelStyleMessage
{
    display: block;
    color: black;
    font-weight: normal;
}

.button
{
    background-color: #495668; /* darkslateblue; /* #4CAF50;*/
    border: none;
    color: white;
    padding: 8px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    width: 250px;
    text-transform: uppercase;
}
.buttonroundcorner
{
    border-radius: 12px;
}
.button:hover
{
    color: Yellow;
}
.gridhr
{
    color: Black;
    padding: 0;
    margin-bottom: 0;
    margin-top: 0;
}