/* StocklinkAccess.css style sheet */

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');

body
{
	font-family:Roboto,Arial,Tahoma,Helvetica,sans-serif; 
	text-decoration: none;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: normal;
    color: #444;
    background-color: #FFF;
}

a
{
    color: #099;
    text-decoration:none;
    cursor:pointer;
}
a:Hover
{
    text-decoration:underline;
}

.cHeaderBox
{
    font-family: Lato,Roboto,Arial,Tahoma,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #4c4f53;
    line-height: 22px;
    text-rendering: optimizeLegibility;
}

.formTitle
{
    padding-left: 5px;
    font-family: Lato,Roboto,Arial,Tahoma,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: 300;
    text-rendering: optimizeLegibility;
    height: 42px;
    color: white;
    background: linear-gradient(90deg, #099, #036d83);
}

#formUserName
{
    font-size: 14px;
    color: white;
    padding-right: 10px;
    font-weight: 600;
}

#formCompanyName
{
    font-size: 14px;
    color: white;
    padding-right: 10px;
    font-weight: 300;
}

input[type=text]
{
    border: 1px solid #dfdede;
    color: #7d7d80;
}

select
{
    border: 1px solid #dfdede;
    color: #7d7d80;
}

.cPopup
{
    color: #099;
    text-decoration: none;
}
.cPopup:hover
{
    text-decoration: underline;
    cursor: pointer;
}

.cLink
{
    color: #009999;
}

.cLink:hover
{
    text-decoration: underline;
    cursor: pointer;
}

.divlink,#divLink
{
	color: #009999;
	text-decoration:none;
}

    .divlink:hover, #divLink:hover {
        text-decoracalendar2 .gifcaltion:underline;
        cursor: pointer;
    }

#holder
{
    background: white;
    border-top: buttonshadow 1px solid;
    border-left: buttonshadow 1px solid;
    border-bottom: buttonshadow 1px solid;
    border-right: buttonshadow 1px solid;
}

.tdOne
{
}

.tdTwo
{
}

#tdProgress,#divProgressPLUs,#divProgressTables
{
    background-color: #009999;
    border-right: 1px solid rgb(122, 122, 122);
}

#tdProgress2,#divProgressPLUs2,#divProgressTables2
{
}

/******************************************************************************************************/
/* 'Find By Description' boxes at top of setup screens */
#divFindByDescInner /* Normally referenced by ID */
{
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 999;
    background-color: white;
    border: 1px solid #dbe0e5;
    display: none;
}
.divFindByDescInner /* Class needed if 2 find boxes on same form e.g. PLU Maint */
{
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 999;
    background-color: white;
    border: 1px solid #dbe0e5;
    display: none;
}

.tdFBD
{
    width: 170px;
    text-overflow: none;
    overflow: hidden;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 6px;
}
.trFBD:hover
{
    cursor: pointer;
    background-color: #eef0f2;
}
.searchstr
{
    color: #009999;
}
.col1
{
    width: 70px;
}
.col3
{
    text-align: right;
    width: 35px;
}

/******************************************************************************************************/
/* Access style Date Picker Start */

.cDateHolder 
{
    border: 4px solid pink;
    font-size: 14px;
    color: #7e7e81;
    /*background: url(dateButton.png) no-repeat right center;*/
}

.cDateHolder:focus 
{
    outline: none;
}

.dateEditCell 
{
    border: 1px solid #dbe0e5;
}

/* Access style Date Picker End */
/******************************************************************************************************/
/* Access button themes */

/* Not Save/Apply */
input[type=button],input[type=submit]
{
    display: inline-block;
    cursor: pointer;
    background-color: #f7f8fa;
    border: 1px solid #d8dde6;
    border-radius: 2px;
    color: #4c4f53;
}

/* Is Save/Apply */
input[id*='btnSave'],input[id*='btnApply'],input[id*='btnOK'],input[id*='btnDelete']
{
  display: inline-block;
  cursor: pointer;
  background-color: #099;
  border: 1px solid #066;
  border-radius: 2px;
  color: #fff;
}

/* Not Save/Apply hover */
input[type=button]:not([id*='btnSave']):not([id*='btnApply']):not([id*='btnOK']):not([id*='btnDelete']):hover
{
  background-color: #fff;
  border-color: #e7eaf0;
}

/* Is Save/Apply hover */
input[type=button]:hover
{
  background-color: #00b3b3;
  border-color: #008080;
}

/* Not Save/Apply focus */
input[type=button]:not([id*='btnSave']):not([id*='btnApply']):not([id*='btnOK']):not([id*='btnDelete']):focus
{
  background-color: #e7eaf0;
  border-color: #d8dde6;
  outline: none;
}

/* Is Save/Apply focus */
input[type=button]:focus
{
  background-color: #008080;
  border-color: #066;
}

.accessButton {
    padding: 2px 10px 2px 10px;
    height: 26px;
}

.accessWidth {
    min-width: 90px;
}

/* ALL disabled */
input[type=button]:disabled,
input[type=submit]:disabled,
input[type=button][disabled],
input[type=button]:disabled:hover,
input[type=button]:disabled:focus,
input[id*='btnSave']:disabled,input[id*='btnApply']:disabled,input[id*='btnOK']:disabled,input[id*='btnDelete']:disabled,
input[id*='btnSave']:disabled:hover,input[id*='btnApply']:disabled:hover,input[id*='btnOK']:disabled:hover,input[id*='btnDelete']:disabled:hover,
input[id*='btnSave']:disabled:focus,input[id*='btnApply']:disabled:focus,input[id*='btnOK']:disabled:focus,input[id*='btnDelete']:disabled:focus
{
  background-color: #d8dde6;
  border-color: #adb2bd;
  opacity: 0.5;
  color: black;
  cursor: default;
  pointer-events: none;
}

/* Grid Control */

.tdCell
{
	border-top: White 1px solid;
	border-left: White 1px solid;
	border-bottom: #dbe0e5 1px solid;
	border-right: #dbe0e5 1px solid;
}

.trCell:hover
{
	background-color: #eef0f2;
}

/* Tab control */

.tabCtrl_0, .tabCtrl_1, .tabCtrl_2, .tabCtrl_3, .tabCtrl_4
{
    min-width: 70px !important;
}

.tabCtrl_3, .tabCtrl_3R /* Disabled tab */
{
    background-color: white !important;
}

.tabCtrl_2, .tabCtrl_2R /* Enabled tab */
{
    background-color: white !important;
    border-top: 2px solid #009999 !important; /* Viridian Green */
}

/* Unselected */

.tabUleft
{
    width:3px;
    height:18px;
    border-top: 1px solid #7d7d80;
    border-left: 1px solid #7d7d80;
}
.tabUmid
{
    height:18px;
    border-top: 1px solid #7d7d80;
    cursor:pointer;
    padding:0px 5px 0px 5px;
    color: #7d7d80;
}
.tabUright
{
    width:4px;
    height:18px;
    border-top: 1px solid #7d7d80;
    border-right: 1px solid #7d7d80;
}
.tabU
{
    display:none;
}

/* Selected */

.tabSleft
{
    width:3px;
    height:18px;
    border-left: 1px solid #7d7d80;
    border-top: 2px solid #009999 !important; /* Viridian Green */
}
.tabSmid
{
    height:18px;
    cursor:pointer;
    padding:0px 5px 0px 5px;
    border-top: 2px solid #009999 !important; /* Viridian Green */
    color: #4b4e52;
}
.tabSright
{
    width:4px;
    height:18px;
    border-right: 1px solid #7d7d80;
    border-top: 2px solid #009999 !important; /* Viridian Green */
}
.tabS
{
}

/* Not sure about O ! Maybe disabled? */

.tabOleft
{
    width:3px;
    height:18px;
    border-top: 1px solid #7d7d80;
    border-left: 1px solid #7d7d80;
}
.tabOmid
{
    height:18px;
    border-top: 1px solid #7d7d80;
    cursor:pointer;
    padding:0px 5px 0px 5px;
    color: #7d7d80;
}
.tabOright
{
    width:4px;
    height:18px;
    border-top: 1px solid #7d7d80;
    border-right: 1px solid #7d7d80;
}

/* End */