﻿/* STANDARD: element-function-tf */

.datepicker-tf {

}

/*Button hover styling*/
/* Sink */
.sink {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.sink:hover, .sink:focus, .sink:active {
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}
/* Grow */
.grow {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.grow:hover, .grow:focus, .grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.btn-keepActive-tf{
    color: #fff;
    background-color: #9a0001;
    border-color: #9a0001;
}
.btn-keepActive-tf > a {
    color:lightgray;
}


/*Navbar specific BEGIN*/
.img-navTidyLogo-tf {
    max-width: 400px; 
    width: auto; 
    height: 80px; 
    margin-top: -17px;    
}
.btn-navButton-tf {
    height:20px;
}
.glyphicon-navElement-tf {
    margin-top:-10px;
    width:20px;
    height:20px;
    padding-bottom:-10px;
}
.dropdown-navbarmenu-tf {
    background-color: #74655E;
    border-top:solid;
    border-top-color:#74655E;
}
.dropdown-navbarmenu-tf > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: white;
  white-space: nowrap;
}/* 2nd level text properties used at the multi-level dropdowns */
.dropdown-navbarmenu-tf > li > a:hover,
.dropdown-navbarmenu-tf > li > a:focus {
  text-decoration: none;
  color: #9a0001;
  background-color: #74655E;
}/* 2nd level text properties used at the multi-level dropdowns on hover/focus */
.dropdown-navbarsubmenu-tf {
    background-color: #74655E;
}/* 2nd level background color*/
.dropdown-navbarsubmenu-tf > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: white;
  white-space: nowrap;
}/* 2nd level text properties used at the multi-level dropdowns */
.dropdown-navbarsubmenu-tf > li > a:hover,
.dropdown-navbarsubmenu-tf > li > a:focus {
  text-decoration: none;
  color: #9a0001;
  background-color: #74655E;
}/* 2nd level text properties used at the multi-level dropdowns on hover/focus */
.navbar-height-tf {
    max-height: 45px;
}
/*Navbar specific END*/

/*Modal specific BEGIN*/
.div-modalMarginTop-tf {
    margin-top:4%;
}
.div-modalContentHight-tf {
    min-height:650px;
}
.div-modalBody-tf {
    height:300px;
    overflow:auto;
}
.div-accordionBody-tf {
    max-height:300px;
    overflow:auto;
}
.btn-clearBasketBin-tf {
    margin-right:-8px; 
    margin-top:-4px;
}
.btn-clearBasketBinHome-tf {
    margin-right:-8px; 
    margin-top:0px;
}
.div-accordionCursor-tf {
    cursor: pointer;
}
.btn-items-tf {
    padding-left:5px;
    margin-bottom:5px;
    text-align:left; 
    width:100%; 
    height:150px;
}
.btn-search-tf {
    padding-left:5px;
    margin-bottom:5px;
    text-align:left; 
    width:100%; 
    height:100px;
}
.img-searchLoading-tf {
	position: fixed;
    width:580px;
    height:300px;
	z-index: 10000000009;
}
/*Modal specific END*/

/*Margins BEGIN*/
.div-topMargin-0-tf {
    margin-top:0px;
}
.div-topMargin-2-tf {
    margin-top:2px;
}
.div-topMargin-3-tf {
    margin-top:3px;
}
.div-topMargin-5-tf {
    margin-top:5px;
}
.div-topMargin-10-tf {
    margin-top:10px;
}
.div-topMargin-15-tf {
    margin-top:15px;
}
.div-topMargin-20-tf {
    margin-top:20px;
}
.div-topMargin-40-tf {
    margin-top:40px;
}
.div-topMargin-50-tf {
    margin-top:50px;
}
.div-topMargin-80-tf {
    margin-top:80px;
}
.div-bottomMargin-5-tf {
    margin-bottom:5px;
}
.div-bottomMargin-6-tf {
    margin-bottom:6px;
}
.div-bottomMargin-15-tf {
    margin-top:15px;
}
.div-leftMargin-5-tf{
    margin-left:5px;
}
.div-leftMargin-100-tf{
    margin-left:100px;
}
/*Margins END*/

/*Element floats BEGIN*/
.element-floatRight-tf {
    float:right;
}
.element-floatLeft-tf {
    float:left;
}
.element-textFloatRight-tf {
    text-align:right;
}
.element-textFloatLeft-tf {
    text-align:left;
}
.element-textFloatMiddle-tf {
    text-align:center;
}
/*Element floats END*/

/*Element width BEGIN*/
.element-width-400-tf {
    width:400px;
}
/*Element width END*/

/*Image styling BEGIN*/
.img-footerTidyLogo-tf{
    text-align:center;
    height:40px;
    width:150px;
}
.img-pageTidyLogo-Large-tf {
    margin-left: -50px;
}
.img-pageTidyLogo-Meduim-tf{
    width:100%;
    /*margin-left:-20px;*/
    /*margin-top:-15px;*/
}
.img-size-20-20-tf {
    height:20px;
    width:20px;
}
.img-tagInfo-tf {
    padding-left:20px;
    width:20px;
}
.img-tagPopOverInfo-tf {
    cursor:pointer;
    width:20px;
}
.img-basketFile-tf {
    margin-left:8px;
    height:40px;
    width:40px;
    margin-bottom:-25px;
    margin-top:5px;
}
.img-basketDocument-tf {
    height:40px;
    width:40px;
    margin-bottom:-30px;
    margin-top:5px;
    margin-left:8px;
}
.img-loader-tf {
	position: fixed;
	left: 0px;
	top: 45px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../Content/Images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}
.img-loader-AllDocs-tf {
	position: fixed;
	left: 200px;
	top: 200px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../Content/Images/loading1.gif') 50% 50% no-repeat rgb(249,249,249);
}
/*Image styling END*/

/*General site styling BEGIN*/
.element-hiddenVisibility-tf {
    visibility:hidden;
}
.element-noneDisplay-tf {
    display:none;
}
.btn-removeTags-tf {
    float:right;
    margin-right:0px; 
    margin-top:-3px;
    font-size:medium;
}
.element-fontSmaller-tf{
    font-size:smaller;
}
.element-fontSmall-tf {
    font-size:small;
}
.lbl-accordionName-1-tf{
    font-size:smaller; 
    font-weight:500; 
    font-family: Arial; 
    width:auto;
    max-width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.lbl-accordionName-2-tf {
    font-size: x-small; 
    font-family: Arial;
}
.btn-removeFromBasket-tf {
    font-size: medium; 
    margin-top:-5px; 
    margin-right:-6px;
}
.btn-accordionRequests-tf {
    font-size:x-small;
    line-height:0.2px;
    height:15px;
    width:auto;
}
.btn-accordionRequests-tf:hover {
    border-color:black;
}
.input-searchBox-tf {
  display: block;
  width: 100%;
  height: 43px;
  padding: 10px 15px;
  font-size: 15px;
  line-height: 1.42857143;
  color: #2c3e50;
  background-color: #ffffff;
  background-image: none;
  border:solid;
  border-color:#a6a6a6;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.input-searchBox-tf:focus {
  border-color: #2c3e50;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(44, 62, 80, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(44, 62, 80, 0.6);
}
.lbl-recentText-tf {
    white-space:nowrap;
    max-width:90%;
    overflow:hidden;
    text-overflow:ellipsis;
    display:inline-block;
}
.lbl-recentTextSmall-tf {
    font-size:smaller;
    font-weight:100;
    color: black;
}
.lbl-recentTextMeduim-tf {
    color: darkred;
}
.div-basketCol-tf {
    min-height:400px;
    /*max-height:580px;
    overflow:auto;
    margin-bottom:10px;*/
}
.btn-basket-tf {
    /*padding-top:8px;
    padding-bottom:8px;*/
    margin-bottom:5px;
    text-align:left; 
    width:100%;
}
.input-popoverTextBox-tf {
    margin-left: 5px; 
    margin-right: 5px; 
    padding: 3px 15px; 
    display: block; 
    height: 30px; 
    width: 120px; 
    font-size: 13px; 
    line-height: 1.42857143; 
    color: #2c3e50; 
    background-color: #ffffff; 
    background-image: none; 
    border: 1px solid #74655E; 
    border-radius: 2px;
}

.thumbnail-documentBorder-tf {
    border:solid;
    border-color:#74655E;
    min-height: 170px;
    border-width:thin;
}

.thumbnail-documentBorder-tf:hover {
    border-width:thin;
    border-color:#9a0001;
}
/*General site styling END*/




