/*--------------------layout---------------------*/
@import url("Menu.Accpac.css");
@import url("ComboBox.Accpac.css");
@import url("Dock.Accpac.css");
@import url("Calendar.Accpac.css");
@import url("Input.Accpac.css");
@import url("Grid.Accpac.css");
@import url("TabStrip.Accpac.css");
@import url("Tooltip.Accpac.css");
@import url("Upload.Accpac.css");
@import url("Window.Accpac.css");
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&display=swap');

form {
    text-align: center;
}

#login {
    width: 900px;
    background: #fff;
    /*margin: 10px auto;*/
    margin-top:0px;
    margin-right:auto;
    margin-bottom: 0px;
    margin-left:auto;
    text-align: center;
    background-position: center;
}

#wrapper {
    width: 90%;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    text-align: center;
    min-width: 900px;
    background-image: url('../../Client/Background.jpg');
    background-repeat: repeat-x;
}

#Main {
    float: inherit;
    width: 65%;
    margin: 0;
}

#Footer {
    clear: both;
    padding-top: 10px;
}

/*--------------------style---------------------*/
html {
    height: 100%;
}

body {
    font-family: 'Source Sans Pro', Sans-Serif;
    color: black;
    font-size: 12px;
    background: white;
    margin: 0;
    padding: 0;
    height: 95%;
}

#Header{
    margin-bottom:0px;
    border:none;
    line-height:0;
}

#TopNavigation:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Override the default style to remove "underline" when this is rendered */
HTML BODY .GridEditRow_Accpac TD {
    border-bottom: none;
    padding-top: 0px;
    vertical-align: middle;
}

/* Used by Accpac.master to allow more room for data display
   Accpac.master excludes the sidebar */
#Accpac {
    padding:0;
    margin: 0;
    overflow: auto;
    height: 95%;
    text-align: center;
    background-position: center;
}

#AccpacMenu {
    width: 13%;
    float: inherit;
    padding-right: 15px;
    text-align: center;
    background-position: center;
}

/* A footer content placeholder for Accpac info */
#cphAccpacFooter {
    border: 1px solid #C0C0C0;
    background-color: #92b4e0;
    clear: both;
    color: #666;
    font-size: 12px;
    font-family: 'Source Sans Pro', Sans-Serif;
    font-weight: bold;
    margin-top: 0px;
    padding-bottom: 4px;
    padding-left: 0px;
    padding-top: 4px;
    vertical-align: middle;
}

#FormTitle {
    background-color: #005C90;
    color: #fff;
    font-size: 14px;
    font-family: 'Source Sans Pro', Sans-Serif;
    font-weight: bold;
    vertical-align: middle;
    line-height:25px;
}

/*----------------------New styles for Accpac-----------------------*/

/*Detail tables*/
.dtParent {
    background-color: #EDF9FB;
    border:none;
    border-collapse: collapse;
    empty-cells: show;
    margin: 0px 0px 6px 0px;
    text-align: left;
}

.dtPopupContainer {
    background-color: #EEEEEE;
    border: none;
    border-collapse: collapse;
    margin: 0px 0px 0px 0px;
    text-align: left;
}

.dataTable {
    border:none;
}

/*Details table header*/
.dth {
    background-color: #005C90;
    color: #fff;
    font-size: 14px;
    font-family: 'Source Sans Pro', Sans-Serif;
    font-weight: bold;
    padding: 4px 3px 4px, 3px;
    vertical-align: middle;
    border:none;
}

.PageTitle {
    text-align: left;
    padding-left:7px;
}

.SageDB{
    text-align:right;
    padding-right:7px;
}

.dtMenu {
    padding: 0;
    border: none !important;
    /*border-collapse: collapse;
    border-spacing: 0;*/
}

/*Error table header*/
.eth {
    background-color: #000066;
    color: #fff;
    font-size: 12px;
    font-family: 'Source Sans Pro', Sans-Serif;
    font-weight: bold;
    margin-top: 3px;
    padding-bottom: 4px;
    padding-left: 3px;
    padding-top: 4px;
    vertical-align: middle;
}

/*Table rows containing detail data */
.dtr {
    height: 20px;
}

/*Detail table labels */
/* Data descriptions */
.dtDesc {
    font: 12px 'Source Sans Pro', Sans-Serif;
    font-weight: lighter;
    padding-left: 3px;
    white-space: nowrap;
}

/* Field labels */
.dtLabel {
    font: 12px 'Source Sans Pro', Sans-Serif;
    color: #002341;
    padding-left: 3px;
    white-space: nowrap;
}

.dtLabelBoldUL {
    font: 12px 'Source Sans Pro', Sans-Serif;
    color: #333333; /*#0066CC;*/
    font-weight: bold;
    padding-left: 3px;
    padding-right: 4px;
    white-space: normal;
    text-decoration: underline;
    width: 100px;
    vertical-align: top;
}

/*Details table text data*/
.dtd {
    background-color: White;
    border: 1px solid #D3D3D3;
    font: 12px 'Source Sans Pro', Sans-Serif;
    padding-left: 3px;
    padding-right: 3px;
}

.dtdToolTip {
    background-color: White;
    border: 1px solid #D3D3D3;
    cursor: hand;
    font: 12px 'Source Sans Pro', Sans-Serif;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: underline;
}

/*Details table text data*/
.dtdRed {
    background-color: White;
    border: 1px solid #D3D3D3;
    color: Red;
    font: 12px 'Source Sans Pro', Sans-Serif;
    padding-left: 3px;
    padding-right: 3px;
}

/*Details table numeric data*/
.dtdn {
    background-color: White;
    border: 1px solid #D3D3D3;
    font: 12px 'Source Sans Pro', Sans-Serif;
    padding-left: 3px;
    padding-right: 3px;
    text-align: right;
    vertical-align: middle; /*width: 100px;*/
}

/*Input fields etc*/
.dtInputCaps {
    text-transform: uppercase;
}

.dtInput {
    text-transform: none;
}

.dtInputNumber {
    text-align: right;
    padding-right: 3px;
}

.dtLookup {
    padding-top: 1px;
    padding-left: 3px;
}

.dtPop {
    padding-left: 4px;
}

.dtBottomBorder {
    border-bottom-style: inset;
    border-bottom-width: thin;
    border-bottom-color: #808080;
}

.rCalPopup {
    padding-left: 6px;
    padding-top: 3px;
}

/*Validation summary css */
.errors {
    /*background-position: 5px 50%;*/ /*border: 1px inset #999999;*/
    /*border: 2px solid #fff;*/
    color: red;
    font-weight:bold;
    margin: 5px 0px;
    padding: 5px 5px 5px 15px;
    /*background: #FFFFCC url(images/error.png) no-repeat 5px 50%;*/
    background-color: #D9F3F8;
}

ul.errors li {
    margin: 0;
    padding: 0;
    margin-left: 80px;
    list-style: disc;
}

.message {
    font-size: 12px;
    font-family: 'Source Sans Pro', Sans-Serif;
    font-weight: normal;
    vertical-align: middle;
    background-position: 5px 50%; /*border: 1px inset #999999;*/
    color: #0066CC;
    margin: 5px 0px;
    padding: 15px 5px 15px 5px;
    background: #FFFFFF url(images/Info.png) no-repeat 5px 50%;
}

ul.message li {
    margin: 0;
    padding: 0;
    margin-left: 80px;
    list-style: disc;
}

.AjaxLoadingPanel {
    background: #fff url(Images/loading.gif) no-repeat center center;
}

.AjaxMobileLoadingPanel {
    background: #fff url(Images/loading_spinner.gif) no-repeat center center;
}

.Approve {
    background: url(images/greentick.gif);
    background-repeat: no-repeat;
}

.MenuBtn {
    font: bold 12px/23px 'Source Sans Pro', Sans-Serif;
    color: #6CCACD !important;
    text-align: center;
    vertical-align: baseline;
    background-color: #002341;
    text-transform: uppercase;
    border-left: solid;
    border-left-width: 2px;
    border-left-color: #002341;
}

.AlignRight {
    text-align: right;
}

.ApproveButton {
    background-image: url(Images/Approve.png);
    background-size: 110%;
    background-repeat: no-repeat;
}

.DeclineButton {
    background-image: url(Images/Decline.png);
    background-size: 110%;
    background-repeat: no-repeat;
}

/*html .RadButton.RadButton_Default.rbLinkButton.gridCommandButton {
    background-image: none !important;
    border-style: solid;
    border-color: #fff;
    border-width: 1px;
    border-radius: 3px;
    background-color: #00B1CD !important;
    color: #fff;
}*/

/*.rgCommandCell .gridCommandButton {
    background-image: none !important;
    border-style: solid !important;
    border-color: #fff !important;
    border-width: 1px !important;
    border-radius: 3px !important;
    background-color: #00B1CD !important;
    color: #fff !important;
    padding-left: 3px;
}*/

.RadButton_Default.rbSkinnedButton, .RadButton_Default.rbVerticalButton, .RadButton_Default .rbSplitLeft {
    background-image: none !important;
    border-style: solid !important;
    border-color: #fff !important;
    border-width: 1px !important;
    border-radius: 3px !important;
    background-color: #00B1CD !important;
    color: #fff !important;
    padding-left: 3px;
    height:25px!important;
}

.RadButton_Default .rbDecorated {
    background-image: none !important;
    color: #fff !important;
}

.PTButton {
    font-size: 12px;
    background-image: none !important;
    border-style: solid !important;
    border-color: #fff !important;
    border-width: 1px !important;
    border-radius: 3px !important;
    background-color: #00B1CD !important;
    color: #fff !important;
    padding-left: 3px;
    height: 25px !important;
    width: 100px !important;
}