/*site.css*/
.box__dragndrop,
.box__uploading,
.box__success,
.box__error {
  display: none;
}






.PageHelpIndex {
    position: absolute;
    left: -20px;
    top: -20px;
    padding: 0px;
}


.quoteModal {
    overflow-y: scroll;
    height: 560px;
}
.picker{
    border: solid 1px ActiveCaption;
    min-height:35px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:5px;
    
        }

.close {
    color: white !important;
    opacity: 1;
}

.marginButton{
    margin-right:3px;
    margin-bottom:3px;
 
}

.modal-wide{
    min-width:560px;

}

.product{
    width:238px;
    border: solid 1px ActiveCaption;
    float:left;
    margin:5px;
    padding:5px;
    height:560px;
    color:cornflowerblue;
    cursor:pointer;
    cursor:hand;

            }
.productCustPortal{
    width:238px;
    border: solid 1px ActiveCaption;
    float:left;
    margin:5px;
    padding:5px;
    height:280px;
    color:cornflowerblue;
    cursor:pointer;
    cursor:hand;

            }

.PageHelp {
    position: absolute;
    left: -5px;
    top: 20px;
    padding:10px;
}
.productDesc {
    height: 199px;
}
.selectedDivImage{
    float:left;
    clear:both;

}
.selectedDesc{
    float:left;
    clear:both;
    text-align:left;
}
.selectedImage{
    Height:100px;
    max-width:140px;
    padding:5px;
    
}
.productImage{
    Height:100px;
    max-width:140px;
    padding:5px;
}
.modal-large {
    width: 80%; /* respsonsive width */
    margin-left:-40%; /* width/2) */ 
}
#kitchenModal{
    width:850px;
}

.productPicker{
    width: 900px;
}

.searchText{
    height:28px;
    width: 150px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:solid 1px;
    padding:3px;
}

.box.is-dragover {
  background-color: grey;
}



.pmType{
    max-width:50px;
}

.pmColumns{
    max-width:7px;
    text-align:right;

}
.hand { 
    cursor: pointer; 
    cursor: hand; 

}

.k-tabstrip-items .k-state-default

{

      /*non-active state styles - borders and backgrounds*/
          font-size:large;
          color:ActiveCaption;
}

 
.k-tabstrip-items .k-state-default .k-link
{
      /*non-active state styles - text color*/
                font-size:large;
                color:ActiveCaption;
}

.k-tabstrip-items .k-state-active

{

      /*active state styles - borders and backgrounds*/
       background-color:ActiveCaption;
       color:white;
       font-size:large;
}

.k-tabstrip-items .k-state-active .k-link
{

      /*active state styles - text color*/
        background-color:ActiveCaption;
       color:white;
       font-size:large;
}


.width100{
    width:110px;
}
.removeAtt{
    position:relative;
    top:0;
    margin-right:5px;
    float:right;
    border:solid #9bb1f6 1px;
    width:20px;
    font-weight:bold;
    cursor:pointer;
}

.toolImage{
    max-height:100px;
    
}
.divHeader{
    width:100%;
    height:40px;
    /*color:white;*/
    /*background-color:ActiveCaption;*/
    text-align:center;
    padding-top:1px;
    font-size:x-large;
    border-top:solid 1px #cfcccc;
    border-left:solid 1px #cfcccc;
    border-right:solid 1px #cfcccc;
}
.checkIn{
    transform: rotate(320deg); 
    position:absolute;
    bottom:-9px;
    left:105px;
    
    
    width:150px;
    height:50px;
    text-align:center;
    font-weight:bold;
    line-height:100%;
    padding-top:3px;
    border:solid 1px #cfcccc;

}
.LendingHistoryCheckOut{
    position:absolute;
    bottom:3px;
    left:75px;

}
.LendingHistoryCheckIn{
    position:absolute;
    bottom:3px;
    left:15px;

}
.RepairCheckIn{
    position:absolute;
    bottom:139px;
}
.rtpRepairLetterHeader{
    align-content:center;
    text-align:center;
    margin-bottom:50px;
}
.rptRepairLetterAddr{

}
.rptRepairLetterBody{

}
.rptRepairLetterFooter{
    text-align:center;
}

.checkOut{
    transform: rotate(45deg); 
    position:absolute;
    bottom:-8px;
    left:-57px;
    
    
    width:150px;
    height:50px;
    text-align:center;
    font-weight:bold;
    line-height:100%;
    padding-top:3px;
    border:solid 1px #cfcccc;
}
.toolCheckoutFilter{
   
    padding-left:10px;
    /*position:fixed;*/
    width: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    /*top:65px;*/
    border:solid 1px #cfcccc;
    /*bottom:65px;*/
}
.toolCheckoutHistory{
    position:relative;
    text-align:center;
    border-radius: 25px;
    float:left;
    border:solid 1px #cfcccc;
    background-color:transparent;
    /*width:200px;
    height:290px;*/
    padding:15px;
    margin-left:20px;
    margin-bottom:20px;
    overflow-x:hidden;
    overflow-y:hidden;
    
}

.marginTop10{
    margin-top:10px;
}

.alignLeft{
    text-align:left;
}
.padding{
    padding:10px;
}

.serialNo{
    margin-right:10px;
    margin-bottom:5px;

}
.toolCheckout{
    position:relative;
    text-align:center;
    border-radius: 25px;
    float:left;
    border:solid 1px #cfcccc;
    background-color:transparent;
    width:200px;
    height:420px;
    padding:15px;
    margin-left:20px;
    margin-bottom:20px;
    overflow-x:hidden;
    overflow-y:hidden;
    
    
}
.toolTable td{
    padding:3px;
}
.dzone{
    
    height:160px;
    /*border:dashed 1px blue;*/
    text-align:center;
    margin-bottom:10px;
}

.ImageInTable{
    max-height:75px;

}

.txtWarning{
    color : red;
}

.floatl{
    float:left;
}

.floatrt{
    float:right;
}

.boxshadow{
    -moz-box-shadow: 0 0 2px black;
    -webkit-box-shadow: 0 0 2px black;
    box-shadow: 0 0 2px black;
}

.box.has-advanced-upload {
  background-color: white;
  outline: 2px dashed black;
  outline-offset: -10px;
}
.box.has-advanced-upload .box__dragndrop {
  display: inline;
}
.OrderSubmit{
    /*position:relative;
    top:1px;
    left:575px;*/
    float:right;
    margin-right:20px;
}

.OrderTitle{
    font-size: x-large;
}

.clsDatePicker {
    z-index: 100000;
}        

.ui-datepicker { 
    position: relative; 
    z-index: 10000 !important; 
}
        
#menuContainer a:hover {
    text-decoration:none;
}
#menuContainer a:active {
    text-decoration: none;
    color:white;
}

.marginCkbox{
    margin-right:10px;
}
.marginLeft{
    margin-left:20px;
}

th{
    font-weight:bolder;
}

.mainContent{
    margin-left:20px;
    top:65px;
    bottom:66px;
    height:calc(100% - 265px);
    overflow-y:auto;
}

.menu {
    color:#949494;
    font-size: 14px;
    height:50px;
    border-top:1px solid #555555;
    background-color:#363636;
    text-decoration:none;
}
.menu:hover{
    color:white;
    background-color:#484848;
    text-decoration:none;
}

.menu span{
    
    position:relative;
    top:14px;
    margin-left:20px;
    font-weight:bold;
    text-decoration:none;
}
.margin10{
    margin:10px;
}


.marginR20{
    margin-right:20px;
}

.marginR30{
    margin-right:30px;
}
.marginR40{
    margin-right:40px;
}

.menu:active{
    color:white;
    text-decoration:none;
}

.menu span:hover{
    color:white;
    text-decoration:none;
}
.menubot {
    border-bottom:1px solid #555555;   
}
.menuItem {
    color:#787878;
    font-size: 14px;
    height:40px;
    border-top:1px solid #555555;
    background-color:#222222;
    text-decoration:none;
}
.menuItem:hover{
    color:white;
    background-color:#484848;
    text-decoration:none;
}
.imactive{
    color:white;
    text-decoration:none;
}
.menuItem span{
    
    position:relative;
    top:10px;
    margin-left:20px;
    font-weight:bold;
    text-decoration:none;
}
.menuItem span:hover{
    color:white;
    text-decoration:none;
}
.marginl10{
    margin-left:10px;
}
.marginl25{
    margin-left:25px;
}
.logo{
    width:100%;
    background-color:white;
    padding-left:50px;
    padding-top:10px;
    padding-bottom:10px
}
.mainlogo{
    height:50px;


}


#menuContainer {
    position:absolute;
    top:265px;
    bottom:44px;
    width:250px;
    text-decoration:none;
}

.search1{
    position:relative;
    top: -17px;
}
.search2{
    position:relative;
    top:-34px;
}



#sidebar {
   background-color:#363636;
    color: #eee;
    position: fixed;
    height: 100%;
    width: 250px;
    overflow: hidden;
    left: 0;
    margin: 0;
    -moz-transition: left ease .25s;
    -o-transition: left ease .25s;
    -webkit-transition: left ease .25s;
    transition: left ease .25s;
}

    #sidebar.hide-sidebar {
        left: -250px;
        -moz-transition: left ease .25s;
        -o-transition: left ease .25s;
        -webkit-transition: left ease .25s;
        transition: left ease .25s;
    }

#wrapper {
    margin: 0 0 0 250px;
    -moz-transition: margin-left ease .25s;
    -o-transition: margin-left ease .25s;
    -webkit-transition: margin-left ease .25s;
    transition: margin-left ease .25s;
}

    #wrapper.hide-sidebar {
        margin-left: 0;
        -moz-transition: margin-left ease .25s;
        -o-transition: margin-left ease .25s;
        -webkit-transition: margin-left ease .25s;
        transition: margin-left ease .25s;
    }



.treenode {
    margin-top: 5px;
}

.treenodeeditbutton {
    margin-left: 20px;
}

.treenodedeletebutton {
    margin-left: 5px;
}

.center{
    text-align:center;
}

.height100 {
    height:100px;
}
.height200 {
    height:200px;
}
.height300 {
    height:300px;
}
.height400 {
    height:400px;
}
.height500 {
    height:500px;
}

.width25{
    width:25px;
}
.width35{
    width:35px;
}
.width50{
    width:50px;
}


.width200{
    width:200px;
}
.width300{
    width:300px;
}
.width400{
    width:400px;
}
.width500{
    width:500px;
}




.overflowy{
    overflow-y:auto;

}


.border1 {
    border: 1px solid #008cba;
}
.border2 {
    border: 2px solid #008cba;
}
.border3 {
    border: 3px solid #008cba;
}

.left10 {
    margin-left:10px;
}
.btn-height25{
    height:25px;
}
.navHeight {
    margin-top:5px;
}
.inline {
    display:inline;
}
.sbTextBox{
    width:140px;
    display:inline;
}
.valign-top{
    vertical-align:top;
}
.valign-bottom{
    vertical-align:text-bottom;
}
.headshot {
    max-height: 75px;
    border: 1px solid#222;
    padding: 3px;
    margin-top:3px;
}

.message{
    color:red;
}

/*.custTextArea{
    width:100%;
    height:300px;
}*/
.HeaderTitle {
    color:white;
    font-size:x-large;
}
.NavUsername {
    color:white;
    font-size:large;
    line-height:270%;

        
}
/*
css
*/
.container{
  text-align: center;
}
.container .img{
  width: 500px;
  height: 300px;
  padding: 5px;
}
.container .img:hover, .container .img:hover{
  cursor: pointer;
  opacity: 0.6;
} 
.legend1
{
    display:inline ;
  margin-bottom:0px;
  margin-left:16px;
  text-align:center;
  max-width:70px;
  font-size:14px;
  position:relative;
  /*top:-14px;*/
  background-color:white;
}
.fieldset1
{
    padding:2px;
    width:320px;
    
  
  border: 1px solid #666;
  border-radius: 8px ;
  
}
.bold{
    font-weight:bold;
}
.crossFooter{
    position:fixed;
    bottom:50px;
    margin-left:10px;
}
.forms{
    max-width:1000px;
}
.nav-tabs > li > a {
    color: #2c3e50 !important;
    background-color: transparent !important;
}

    .nav-tabs > li > a:hover,
    .nav-tabs > li > a:focus {
        color: #2c3e50 !important;
        background-color: #f5f5f5 !important;
    }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #2c3e50 !important;
    background-color: #ffffff !important;
    border: 1px solid #dddddd !important;
    border-bottom-color: transparent !important;
}
.k-tabstrip-items .k-link {
    color: #2c3e50 !important;
}

.k-tabstrip-items .k-item.k-state-active .k-link,
.k-tabstrip-items .k-item.k-active .k-link {
    color: #2c3e50 !important;
}

.k-tabstrip-items .k-item {
    background-color: #f8f8f8 !important;
}

    .k-tabstrip-items .k-item.k-state-active,
    .k-tabstrip-items .k-item.k-active {
        background-color: #ffffff !important;
    }