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

.row.topborder
{
    border-top:1px solid grey;
}


.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;
}
.ClinicTitle
{
    display:block;
    color: black;
    font-family:Calibri;
    font-size:22px;
    font-weight:bold;
    
}
.ClinicAddress
{
    
    color: black;
    font-family:Calibri;
    font-size:22px;
    
 }
tr.queueheader th
{
  background-color:#2196f3;
  border-color:#2196f3;
  padding:8px;
  text-align: center;
}
.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;
    font-size:14px;
} 
/*.panel-primary > .panel-heading {
  background-color:#5272a5;
}*/

/*
.panel-primary > .panel-heading {
  background-color:#d8714b;
} */

.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);*/
    color:#89439e;
    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;
}

.BillHeadingLabel
{
   
    color: white;
    font-family:Calibri;
    font-size:18px;
    font-weight:bold;
}
.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.hourDropdown
{
    display:inline-block;
    color: #5f5f5f;
    box-sizing: border-box;
    width: 100%;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
    padding: 1px 5px;
    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;
   
}
.LabelStyleNormal
{
    box-sizing: border-box;
    color: #5f5f5f;
    text-align: right;
    font-size:14px;
   
}
.LabelStyle
{
    box-sizing: border-box;
    color: #5f5f5f;
    text-align: right;
    font-size:14px;
    font-weight: bold;
}
.LabelStyleRequired
{
   
    color: Red;
    font-size:14px;
    font-weight: bold;
}
.LabelStyleValidation
{
    color: Red;
    font-size:14px;
    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: #79a0f7;
    color: White;
    
}
table.BillGridView td
{
    text-align: center;
    border-width: 1px;
    padding: 4px;
    border-style: solid;
    border-color: #79a0f7;
    background-color: transparent;
}
table.BillGridView 
{
    text-align: center;
    border-width: 1px;
    padding: 4px;
    /*padding: 8px;*/
    border-style: solid;
    border-color: #79a0f7;
    background-color: transparent;
    max-width:800px;
}
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.InlineTextbox
{
    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: 14px;
}

.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-size:14px;
    font-weight:500;
    color:Black;
}

.inlineLabelStyle
{
    display:inline-block;
    box-sizing: border-box;
    color: #5f5f5f;
    text-align: right;
    font-size:14px;
    font-weight: bold;
}
.LabelMaroon
{
    
    font-weight:500;
    color:Maroon;
}
.RadioButtonListGrid
{
    box-sizing: border-box;
    color: #5f5f5f;
    text-align: right;
    font-size:14px;
    font-weight: bold;
   
}
.RadioButtonListGrid td
{
    padding:5px;
}
.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:#89439e; /* 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;
}

.Slotbutton
{
    background-color:#ffffff; /* darkslateblue; /* #4CAF50;*/
    border: 1px solid #749df7;
    color: #749df7;
    padding: 4px 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    width: 200px;
    text-transform:uppercase;
    border-radius:4px;
}
.SlotbuttonSelected
{
    background-color:#749df7; /* darkslateblue; /* #4CAF50;*/
    border: 1px solid #749df7;
    color: white;
    padding: 4px 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    width: 200px;
    text-transform:uppercase;
    border-radius:4px;
}
table.datalistStyle
{
    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.datalistStyle td.itemstyle 
{
    text-align: left;
    border-width: 1px;
    padding: 4px;
    border-style: solid;
    border-color:#c8daf7;
    font-family: Calibri;
    font-size: 14px;
    background-color: #c8daf7;
    color: White;
}
table.datalistStyle td.datalistheader 
{
    text-align: left;
    border-width: 1px;
    padding: 4px;
    border-style: solid;
    border-color: #666666;
    font-family: Calibri;
    font-size: 14px;
    background-color: #50669b;
    color: White;
}
table.datalistStyle td
{
     text-align: left;
    border-width: 1px;
    padding: 8px;
    /*padding: 8px;*/
    border-style: solid;
    font-family: Calibri;
    font-size: 14px;
    border-color: rgba(102, 102, 102, 0.16); /* #666666;*/
    background-color: #ffffff;
}

table.datalistStyle 
{
    text-align: left;
    border-width: 1px;
    padding: 8px;
    /*padding: 8px;*/
    border-style: solid;
    border-color: rgba(102, 102, 102, 0.16); /* #666666;*/
    background-color: #cfdef7;
}

table.datalistStyle td span
{
    font-family: Calibri;
    /* font-size: 13px;*/
    font-size: 14px;
}


.form-SubHead
{
   position: relative;
   display: block;
   margin-bottom: 20px;
}
.form-SubHead > h6
{
   display: inline-block;
   border-radius: 2px 2px 0 0;
   background-color: transparent;
   padding: 0px 43px;
   cursor: default;
   border: 2px solid #f2f2f2;
   border-bottom: 0;
   font-size: 14px;
   font-weight: bold;
   color: #fff;
   border-color: transparent;
   background-color: #749df7;
   margin-top: 0;
   margin-bottom: 20px;
   line-height: 30px;
}
.form-SubHead > h6:after
{
   display: block;
   font-size: 16px;
   height: 2px;
   content: '';
   width: 100%;
   left: 0;
   background: inherit;
   position: absolute;
}