/* section 1:
   Embed fonts. Set default styles for elements (h1, h2, etc.)
   Extra small devices (phones, less than 768px) 
*/


/*.btn { padding:12px 16px; }*/

     /*
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background-color: #3d3d3d;
    color:#fff;
}
.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus
{
      background-color: #3d3d3d;
    color:#fff;  
}  */









.xc-card {
        border:1px solid #d2d2d2;  
        height:148px; 
        
        
        margin-top:30px;
        
        display: flex;
        flex-direction:column;
        
        color:#000;
        font-size:0.875rem;
        
}

.xc-card .top { 
    flex-grow:1;
    padding:10px 3px 10px 10px;
    
    display:flex;
}

.xc-card .xc-remote-id {  }

.xc-card .xc-customer a { color:inherit; }
.xc-card .xc-customer p { margin:0; line-height:1.01; }

.xc-card footer { 
    background-color: #f4f4f4; 
    font-size:13px; 
    height:62px; 
    
    
    
    
    
    
    overflow:hidden; 
    padding:10px; 
    line-height:1.0em; 
    
    
    
    display: flex;
    align-items: center;
    
}
.xc-card .data {  flex-grow:1;  }



.xc-card .dropdown .btn { border:0px none; /*padding:4px;*/}
.xc-card .dropdown .btn:hover, .xc-card .dropdown .btn:focus, .xc-card .dropdown .btn.focus { background-color:unset;}








.xc-page { display:none; padding-bottom:40px; }
.xc-page.current { display:block; }

.xc-page header { margin-bottom:20px; }
.xc-page header h2 { margin:0; }

/*.xc-page footer { margin:40px 0; }*/
.xc-page footer {
    position:fixed; 
    bottom:60px;  /* height of footer.page */
    left:0px; 
    right:0px; 
    z-index:1030;
    background-color:#fff;

}

.xc-page footer .actions { margin:10px 0; position:relative; }
/*.xc-page footer .actions .save { position:absolute; left:50%; margin-right: -50%;transform: translate(-50%, 0); }*/
.xc-page footer .actions .group.center { display:inline-block; position:absolute; left:50%; margin-right: -50%;transform: translate(-50%, 0); }




/*
.xc-page header { display:flex; align-items: center;}
.xc-page header h2 { flex-grow:1; margin:0px 10px; }
.xc-page header .actions { white-space:nowrap; }
*/





.xc-check { margin-bottom: 15px; }
.xc-check .form-control { height:40px; }


.modal-body { background-color:#f2f2f2; }
.modal-content .form-control { height:40px; }
.modal-content .form-horizontal .control-label {  }



.xc-fileupload .form-control,
.xc-date .form-control,
.xc-select .form-control { overflow:hidden; white-space: pre-line; float:none; vertical-align: middle; }

.xc-options { list-style: none; margin:0; padding:0; }

.xc-options li { list-style: none; margin-bottom:10px }
.xc-options a { display:block; background-color:#fff; border:1px solid #cccccc; padding:15px; text-decoration: none;}
.xc-options a:hover { color:#fff; background-color: #296489; }



.xc-fileupload .preview { background-color:#f7f7f7; border:1px solid #d2d2d2; padding:20px; border-top: 0px none; color:#4e4e4e; }
.xc-fileupload .preview .image { width:95px; height:95px; overflow:hidden; background-repeat: no-repeat; background-size:cover; background-color:#3a3a3a; }
.xc-fileupload .preview .cmd-delete { color:#4e4e4e; padding:6px 0; }



.xc-menu .actions nav  { display:flex;  }
.xc-menu .actions nav   .btn + .btn { margin-left:-1px;  }
.xc-menu .actions nav > .btn { flex-grow: 1; float:left; position:relative; }

.xc-menu .actions .group { margin-bottom:15px;}

.xc-menu .actions .checkbox label  {  
     display: block;
     position: relative;
    padding-left: 25px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.xc-menu .actions .checkbox label input { position: absolute;
  opacity: 0;
  cursor: pointer;
}

.xc-menu .actions .checkbox label .checkmark { 
  border:1px solid #ccc;
  background-color:#fff;
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;

}
.xc-menu .actions .checkbox label input:checked ~ .checkmark { background-color: #296489; }
.xc-menu .actions .query { width:150px; }




/* section 2:
   make adjustments for tablet layouts. extend selectors from section 1
   Small devices (tablets, 768px and up) 
*/
@media (min-width:768px) {
    
    .xc-page header { margin-bottom:40px; }
    
    /*.xc-check { margin-bottom: 15px; }*/
    .xc-check .legende { border-top:1px solid #d2d2d2; }
    .xc-check .legende label { margin:0; padding:5px 15px 0 15px; }
    
    
    /*.xc-check .input-group-addon { padding:6px 18px; }*/
    .xc-check .form-control { height:50px; }
    .modal-content .form-control { height:50px; }
    .modal-content .form-horizontal .control-label { padding-top:12px; }
    
    .xc-menu .actions { display:flex; justify-content:space-between; }
    /*.xc-menu .actions .group { flex-grow: 1; flex-basis: 0; }*/
    
    
    
    
}

/* section 3:
   make adjustments for desktop layouts. extend selectors from section 1
   Medium devices (desktops, 992px and up) 
*/
@media (min-width: 992px) {
    
    

    
    
    
}


/* section 4: 
   make adjustments for large desktop layouts. extend selectors from section 1
   Large devices (large desktops, 1200px and up)
   optional  
*/
@media (min-width:1200px) { 
 
        
    
}





.loader {
  border: 2px solid #f3f3f3;
  border-radius: 50%;
  border-top: 2px solid #000;
  width: 14px;
  height: 14px;
  display:inline-block;
  
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}











.list-group-item { position:relative; padding-right: 45px; }
.list-group-item .actions { position:absolute; top:5px; right:0; }
.list-group-item .actions .btn { font-size:inherit; }
.list-group-item .actions a { text-decoration:none; }


.hotel .fa-bed { color:#c0c0c0; }
.hotel .fa-bed.need { color:#000; }

.hotel .btn-link:hover, .hotel .btn-link:focus { text-decoration:none; }



.hotel .dropdown { display:inline; }




@media (min-width:768px) {
    

    .list-group-item .actions { position:absolute; top:13px; right:13px; }
    .list-group-item .actions .btn.btn-primary { font-size:12px; }    
    
    
}