/*****************************************/
/* sidebar */

.sidebar {
    background: #494d4e; 
    -webkit-tap-highlight-color:rgba(0,0,0,0);  
    font-family: "adobe-clean", Helvetica, Verdana, Arial, sans-serif;   
    font-style: normal;
    font-weight: 400;
    z-index: 1;      
}  

.purchase_workflow .sidebar {
  overflow: visible;
}

div.sidebar_title {
  cursor: pointer; 
  -webkit-transition: 0.3s ease-in-out all;
  -moz-transition: 0.3s ease-in-out all;
  -ms-transition: 0.3s ease-in-out all;
  -o-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all;       
} 

.sidebar_title, .sidebar_item a { 
  font-weight: 400;        
  text-decoration: none;  
  color: #DBE1E2; 
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color:rgba(0,0,0,0.4); 
}         

.sidebar_title h2 {    
  font-size: 15px;
  font-size: .9375rem;
  padding: 7px 15px 6px 15px;   
	font-weight: 400;
}    

.sidebar_title h2 span.arrow {     
  display: block;
  width: 20px;
  height: 20px;
  /* background-image: url('/resource/img/sprite_30x30.png'); */
  background-repeat: no-repeat;
  background-position: 0 -177px;
  position: absolute;
  right: 0%;
  margin: -23px 10px 0px 0px;
}    

.open .sidebar_title h2 span.arrow {    
  background-position: 0 -147px;
}

.page_files_sidebar p{
  margin-bottom: 9px;
  color: #999;
  font-size: 13px;
  font-size: .8125rem;
  line-height: 19px;
}

.hover div.sidebar_title:hover, .hover .open div.sidebar_title:hover  {    
  background-color: #313636; 
}  

.sidebar_item_content {  
  padding: 10px 10px 10px 15px;  
  font-size: 13px;
  font-size: .8125rem;
  font-weight: 400;
}    

.sidebar_item_key { 
  color: #8E9293;   
  width: 80px;
  margin-right: 10px; 
  display: inline-block;
}   

.sidebar_item_value {
  display: inline-block;    
  width: 150px;
}      

.sidebar_item_value p.copyright {
  text-transform: capitalize;
}

.page_files_sidebar #sync{
  width: 250px;
  height: 140px;
  margin: 9px 0;
}

.page_files_sidebar #sync a{
  display: block;
  width: 250px;
  height: 140px;
  border: 1px solid #292C2D;
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=80);
  -webkit-transition: 0.3s ease-in-out all;
  -moz-transition: 0.3s ease-in-out all;
  -ms-transition: 0.3s ease-in-out all;
  -o-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all;
}

.page_files_sidebar #sync  a:hover{
  opacity: 1;
}

.sidebar_last_border {
  width: 100%;
  border-top: 1px solid #565C5D; 
}

.sidebar_first_border {
  width: 100%;
  -webkit-box-shadow: 0px 3px 6px 2px rgba(3, 3, 3, 0.3);
  -moz-box-shadow: 0px 3px 6px 2px rgba(3, 3, 3, 0.3);
  box-shadow: 0px 3px 6px 2px rgba(3, 3, 3, 0.3);
  height: 0px;
  z-index: 900;
  position: absolute;  
  top: 34px;
  left: 100%;
  margin-left: -282px;
  display: none;  
}

.sidebar_first_border.wait_watcher_on {
  display: block;  
}

span.sidebar_count {
  font-size: 13px;
  font-size: .8125rem;
  padding: 2px 7px 0px 7px;
  position: absolute;          
  right: 0%;  
  margin: 0px 37px 0px -40px;
  background: #7F7F7F;
  text-shadow: none;
  color: #444;
  -webkit-transition: 0.2s ease-in-out all;
  -moz-transition: 0.2s ease-in-out all;
  -ms-transition: 0.2s ease-in-out all;
  -o-transition: 0.2s ease-in-out all;
  transition: 0.2s ease-in-out all;
  opacity: 1;  
  text-align: center;   
}   

a.sidebar_action { 
  color: #DBE1E2; 
  -webkit-tap-highlight-color:rgba(0,0,0,0.4);  
  font-size: 13px;
  font-size: .8125rem;
  font-weight: 400;  
  padding: 3px 5px 1px 5px;
  background: #7F7F7F;  
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;  
  cursor: pointer;
  -webkit-transition: 0.2s ease-in-out all;
  -moz-transition: 0.2s ease-in-out all;
  -ms-transition: 0.2s ease-in-out all;
  -o-transition: 0.2s ease-in-out all;
  transition: 0.2s ease-in-out all;
  margin: 0px 5px 5px 0px;
}

a.sidebar_action:hover {
  background: #5D5D5D;
}  

a.sidebar_action:hover[disabled] {  
  cursor: default;
  background: #7F7F7F; 
  color: #AFAFAF;
}    

a.sidebar_action[disabled] {   
  cursor: default;  
  color: #AFAFAF;     
  background: #7F7F7F;
}
      
@media only screen and (max-width: 768px) and (min-height: 320px) {         
  .sidebar { 
    margin-left: 0px; 
    left: 0;
    margin-top: 0px;
    top: 40%;
    width: 100%;         
  }
  
  .sidebar_first_border.wait_watcher_on {
    display: none;
  }   
  
}
  
@media only screen and (max-width: 768px) and (min-height: 0px) {   
  
.sidebar_first_border.nonfixed.wait_watcher_on {
    display: none;
  }  
  
  .sidebar.nonfixed {     
      display: block;
      margin-left: 0;
      left: 0;
      top: 0;   
      padding-bottom: 0px;
      bottom: -10%;       
      margin: 0 auto;    
      position: relative;
      overflow: auto;  
      width: 100%;    
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2){
  .sidebar_title h2 span.arrow {    
    background-image: url('/resource/img/sprite_30x30_2x.png');
    background-size: 60px;
  }  
}