/*
The css file contains styles used by controls (see Controls.skin)
*/



::-ms-clear {
    display: none;
}

.Button {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    padding: 3px 4px;
    border: 1px solid #7A7A7A;
    border-radius: 6px;
    background-color: #7A7A7A;
    color: white;
}

    .Button:hover {
        background: #008000;
        border: 1px solid #008000;
        cursor: pointer;
        color: white;
    }

.SmallButton {
    padding: 3px;
}

.LightButton {
    color: #000000;
    background-color: #f4f2f1;
    border: 1px solid #999999;
    padding: 3px 4px;
}

    .LightButton:hover {
        background-color: #008000;
        border: 1px solid #008000;
        color: white;
        padding: 3px 4px;
    }

.SLightButton {
    color: #000000;
    background-color: #f4f2f1;
    border: 1px solid #999999;
    padding: 2px 3px;
}

    .SLightButton:hover {
        background-color: #008000;
        border: 1px solid #008000;
        color: white;
        padding: 2px 3px;
    }

.MLightButton {
    color: #000000;
    background-color: #f4f2f1;
    border: 1px solid #999999;
    padding: 3px 8px;
    line-height: 16px;
    font-size: 12px;
}

    .MLightButton:hover {
        background-color: #008000;
        border: 1px solid #008000;
        color: white;
        padding: 3px 8px;
        line-height: 16px;
        font-size: 12px;
    }

.DisabledButton {
    background: #e6e6e6 !important;
    font-weight: normal;
    font-style: italic;
    color: #595959 !important;
    border: 1px solid #e6e6e6;
}

    .DisabledButton:hover {
        background-color: #e6e6e6 !important;
        border: 1px solid #e6e6e6;
        cursor: default !important;
        color: #595959 !important;
    }

.LargeButton {   
    padding: 3px 8px;
    line-height: 16px;
    font-size: 12px;
}

.MLargeButton {
    padding: 4px 10px;
    line-height: 19px;
    font-size: 14px;
}

.XLargeButton {
    padding: 6px 20px;
    line-height: 20px;
    font-size: 15px;   
}

.XXLargeButton {
    padding: 6px 20px;
    line-height: 25px;
    font-size: 18px;
}

.XXXLargeButton {
    padding: 6px 20px;
    line-height: 30px;
    font-size: 22px;
}

.ButtonOkBgColor {
    background-color: #398A2C;
}

.ButtonWarnBgColor {
    background-color: #DC1D1D;
}

.LoginButton {
    background: linear-gradient(94.13deg, #EA0000 0%, #D80084 100%);
    border-radius: 6px;
    border: 0px;
    width: 417px;
    height: 50px;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #FFFFFF;
}

    .LoginButton:hover {
        background: #008000;
        cursor: pointer;
    }

.Dropdown {    
}

.DropdownLarge {
    font-size: 14px !important;
}

.TextBox {
    font-size: 12px;
    resize: none;
    color: #000000;
}

    .TextBox TD {
        padding: 2px 2px 2px 2px;
        border: solid 1px #cccccc;
        background-color: White;
    }

    .TextBox INPUT {
        border-radius: 6px;
        padding: 0px;
        border: none 0px;
        background-color: White;
        resize: none;
    }

    .TextBox TEXTAREA {
        border-radius: 6px;
        padding: 0px;
        border: none 0px;
        background-color: White;
        resize: none;
    }

.TextBoxInput {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    padding: 3px;
    border-radius: 6px;
    border: solid 1px #cccccc;
    color: #000000;
    background-color: White;
    resize: none;
}

.TextBoxInputLarge {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 19px;
    padding: 5px 10px;
    border-radius: 6px;
    border: solid 1px #cccccc;
    color: #000000;
    background-color: White;
    resize: none;
    box-sizing: border-box;
    width: 417px;
    height: 50px;
}

.AspTextBox {
    border-radius: 6px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    padding: 2px 2px 2px 2px;
    border: solid 1px #cccccc;
    resize: none;
}

.layoutRowCell {
    color: #000000;
    padding-top: 2px;
    padding-bottom: 2px;
}

.layoutRowReqMarkCell {
    font-weight: bold;
    color: #595959;
    width: 8px;    
    vertical-align: middle;
}

.layoutRowSingleCell {
    padding-top: 2px;
    padding-bottom: 2px;
}

.layoutRowMultiControlsCell {
    padding-left: 4px;
    padding-right: 4px;
}

.layoutRowCellVAlignTop {
   vertical-align: top;
}

    .layoutRowCellVAlignTop table tr td {
        vertical-align: top;
    }
 

.groupbox {
}

    .groupbox FIELDSET {
        border: 0px;
        padding: 0px;
        border-top: 1px solid #e6e6e6;
    }

    .groupbox LEGEND {
        font-weight: bold;
        color: #595959;
        font-size: 12px;
        margin-left: 5px;
    }

.groupbox2 {
}

    .groupbox2 FIELDSET {
        border: 0px;
        padding: 0px;
        border-top: 1px solid #e6e6e6;
    }

    .groupbox2 LEGEND {
        font-weight: bold;
        color: #595959;
        font-size: 15px;
        margin-left: 5px;
    }

.roundedCornersGroupbox {
}

    .roundedCornersGroupbox FIELDSET {
        border: 0px;
        padding: 0px;
        border: 1px solid #cccccc;
        background-color: white
    }

        .roundedCornersGroupbox FIELDSET LEGEND {
            font-weight: bold;
            color: #595959;
            font-size: 11px;
            margin-left: 5px;
        }

            .roundedCornersGroupbox FIELDSET LEGEND SPAN {              
            }

.roundedCornersGroupboxBody {  
    padding: 10px;
}

.validator {
    font-weight: bold;
    color: #770000;
}

.validatorFaIcon {
    color: #770000;
    font-size: 14px;
}

.fieldLabel {
    font-weight: bold;
    color: #595959;
    font-size: 12px;
}

.fieldPostLabel {
    font-weight: bold;
    color: #595959;
    font-size: 12px;
}

/*
  Suggestion box styles
*/
.suggestionPanel {
    position: absolute;
    margin-left: 5px;
    margin-top: -1px;
    z-index: 10;
    background-color: white;
    border-radius: 16px;
    box-shadow: 3px 4px 11px 2px rgba(0, 0, 0, 0.30);
    padding: 20px;
}

.suggestionGrid {
    font-size: 12px;
}

    .suggestionGrid TH {
        color: #595959;
        background-color: #f1f1f1;
        font-weight: bold;         
        border: 1px solid #e6e6e6;
        padding: 5px;
        text-align: center;
        vertical-align: middle;
    }

    .suggestionGrid TD {
        border: 1px solid #e6e6e6;
        padding: 5px;
        vertical-align: middle;
        background-color: white;
    }

.suggestionInfoLabel {
    font-weight: bold;
    padding: 0px 15px 0px 15px;
    line-height: 20px;
}

.suggestionSelectedRow {
    background-color: #f5f5dc;
    background: #f5f5dc;
    color: #f5f5dc;
}

.suggestionTextBox {
}

/* GridView */

.GridFrame {
    font-size: 11px;
    color: #000000;
    background: #d9d9d9;
    padding: 0px;
    border-radius: 6px;
}

.GridFrame2 {
    background: white;
    border-bottom: 0px solid #e6e6e6;
}

.GridFrame3 {
    border-radius: 0;
}

.GridFrame4 {
    background: #c6bdb9;
}

.GridFrameHeader {
    padding: 5px;
    margin: 0;
}

.GridTable {
    background-color: White;
    border: 1px solid #e6e6e6;
    width: 100%;
}

.GridTable2 {
    background-color: White;
    border: 0;
    width: 100%;
}

.GridTable3 {
    border-top: 1px solid #e6e6e6;
}

.GridTable4 {
    border: 0;
}

.GridTable5 {
    margin-top: 10px;
}

.GridRow {
    font-size: 12px;
}

    .GridRow TD {
        border: 1px solid #e6e6e6;
        padding: 5px;
        vertical-align: middle;
    }

.GridRow2 TD {
    vertical-align: middle;
    padding: 10px;
    border: none;
    border-bottom: 1px solid #e6e6e6;
}

.GridRow3 TD {
    padding: 5px;
}

.GridRow4 TD {
    vertical-align: top;
}

.GridRow5 TD {
    vertical-align: top;
    border: 1px solid #e6e6e6;
}

.GridRow6 TD {
    border-bottom: 1px solid whitesmoke; /*2px solid whitesmoke; 2px solid #eef2f6;*/
    padding: 8px 5px;
}

.GridRow7 TD {
    border: none;
    border-top: 0;
}

.GridRow8 TD {
    border-bottom: 0;
}

.GridRow9 TD {
    vertical-align: middle;
    border: none;
    border-radius: 6px;
    padding: 8px;
}

.GridRow TD TD {
    border: none;
    vertical-align: middle;
}

.GridRow TD INPUT {
}

.GridRow TD SPAN {
}

.GridHeaderRow {
    color: #4d4d4d;
    background-color: #f1f1f1;
    font-weight: bold;
    font-size: 12px;
}

    .GridHeaderRow TH {
        border: 1px solid #e6e6e6;
        padding: 5px;
        text-align: center;
        vertical-align: middle;
    }

    .GridHeaderRow A {
        color: #4d4d4d;
        text-decoration: none;
    }

        .GridHeaderRow A:hover {
            color: #4d4d4d;
            text-decoration: underline;
        }

.GridHeaderRow2 {
    color: #4d4d4d;
    background-color: #f4f2f1;
    font-weight: bold;
    font-size: 13px;
}

    .GridHeaderRow2 th {
        padding: 8px 10px;
        border: 0px;   
        vertical-align: middle;
    }

    .GridHeaderRow2 A {
        color: #4d4d4d;
        text-decoration: none;
    }

        .GridHeaderRow2 A:hover {
            color: #4d4d4d;
            text-decoration: underline;
        }

 .GridHeaderRow3 TH {     
        padding: 8px 5px; 
    }

.GridHeaderRow4 TH {
    padding: 8px 5px;
    border: 1px solid #e6e6e6;
}

.GridHeaderRow5 {
    background-color: whitesmoke;
}

    .GridHeaderRow5 TH {
        padding: 5px;
        border: 0;
    }

.GridHeaderRow6 {
    background-color: whitesmoke;
}

.GridHeaderRow7 TH {
    padding: 3px;
}

.GridRowAlt {
    background-color: whitesmoke; 
}

.GridEmptyRow {
    background-color: whitesmoke;
    font-style: italic;
    font-family: 'Open Sans', sans-serif;
    color: #4d4d4d;
    text-align: center;
    width: 100%;
    font-weight: bold;
}

.GridSelectedRow {
    background-color: beige;
}

.GridFooterRow {
    font-weight: bold;
    color: #4d4d4d;
    background-color: #f1f1f1;
    text-align: right;
    font-weight: bold;
    font-size: 13px;
    white-space: nowrap;
}

    .GridFooterRow td {
        padding: 3px 5px;
        border: 1px solid #e6e6e6;
    }

.GridFooterRow2 td {
    padding: 7px 10px;
    border: 0px solid #e6e6e6;
}

.GridQuickFilterDiv {
    padding: 0px;
}

.GridQuickFilter {
    font-size: 11px;
    border-radius: 6px;
    margin-right: 10px;
    border: 1px solid #999999;
    width: 100%;
    /*height: 15px;*/
    max-width: 300px;
    /*padding-left: 2px;*/
    padding: 3px 4px;
    font-family: 'Open Sans', sans-serif;
}

.GridColumnFilter {
    border-radius: 6px;
    border: 1px solid #999999;
    height: 15px;
    padding-left: 2px;
}

.GridQFilterWatermark {
    font-size: 11px;
    font-style: italic;
    font-family: 'Open Sans', sans-serif;
    color: #202020;
    padding: 3px 4px;
}

.GridSortImage {
    margin-left: 5px;
    text-decoration: none;
}

.GridMultiFilterSortImage {
    display: inline-block;
    margin-left: 5px;
    text-decoration: none;
    vertical-align: baseline;
    padding-top: 9px;
}

.GridPager {
    background: #e6e6e6;
    /*border: 0;
    border-bottom: 1px solid #e6e6e6;*/
}

    .GridPager A {
        border: solid 1px #999999;
        color: #000000;
        background-color: #f4f2f1;
        padding-left: 4px;
        padding-right: 4px;
        text-decoration: none;
        border-radius: 6px;
    }

        .GridPager A:hover {
            text-decoration: underline;
            cursor: pointer;
            background: #008000;
            border: 1px solid #008000;
            color: white;           
        }

    .GridPager TD {
        padding: 2px 3px;
    }

.GridPageSize {
    padding-left: 10px;
    padding-right: 6px;
}

    .GridPageSize LABEL {
        padding-right: 2px;
    }

    .GridPageSize select {
        font-size: 11px;
        padding: 0px 2px;
        width: 48px;
        background-position: right 5px center;
        border: solid 1px #999999;
    }


.GridExportPanel {
    font-size: 11px;
    border: solid 1px #cccccc;
    background-color: #e6e6e6;
    padding: 10px 5px 0 10px;
    visibility: hidden;
    border-radius: 6px;
}

.GridExportButtonPanel {
    height: 40px;
    width: 100%;
}

    .GridExportButtonPanel TR {
        height: 100%;
        vertical-align: middle;
    }

    .GridExportButtonPanel TD {
        width: 100%;
        text-align: right;
    }

.GridExportButtonLoadingPanel {   
    height: 40px;
    visibility: hidden;
    position: absolute;
    margin-top: -40px;
    vertical-align: middle;
    text-align: right;
    width: 95%;
}

.GridExportButton {
    background-color: #999999;
    padding: 3px 5px;
}


.GridExportPanelFontSize {
}

.GridHideColumnForExport {
    display: none;
}


/*
    Gridview Header Panel
*/
.GridviewHeaderPanel {
    color: white;
    font-weight: normal;
    margin-right: 10px;
    font-style: italic;
}

    .GridviewHeaderPanel input {
        padding: 0;
        vertical-align: middle;
        margin-right: 3px;
    }

    .GridviewHeaderPanel label {
        vertical-align: middle;
    }

.SearchUpdateProgress {
    position: fixed;
    width: 160px;
    height: 85px;
    top: 50%;
    left: 50%;
    margin-left: -80px;
    margin-top: -43px;
    padding: 25px 20px 20px 20px;
    text-align: center;
    background-color: white;
    color: #595959;
    font-weight: bold;
    z-index: 100;
    border-radius: 16px;
    box-shadow: 3px 4px 11px 2px rgba(0, 0, 0, 0.30);
    font-size: 14px;
}

/*
  DateInput styles
*/
.DateInputImage {
    padding-left: 10px;
    vertical-align: middle;
}

.DateInputTextBox {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    padding: 2px 2px 2px 2px;
    border: solid 1px #cccccc;
    background-color: White;
    resize: none;
    border-radius: 6px;
}

.DateInputCalendar .ajax__calendar_container {
    border: 1px solid #cccccc;
    background-color: lightyellow;
    color: #000000;
}

.DateInputCalendar .ajax__calendar_day {
    background-color: lightyellow;
}

.DateInputCalendar .ajax__calendar_today {
    background-color: lightyellow;
    font-weight: bold;
}