/* -------------------------
// Colors - Black White and Grays
// -------------------------
//    $color-black:               #111313                 ;  // Black
//    $color-gray-darker:         lighten(#111313 , 13%)  ;  // #303636
//    $color-gray-dark:           lighten(#111313 , 20%)  ;  // #414949
//    $color-gray:                #697374                 ;  // Gray
//    $color-gray-light:          lighten(#697374, 8%)    ;  // bfbfbf
//    $color-gray-lighter:        lighten(#697374, 30%)   ;  // b8bebe // Silver
//    $color-gray-lightest:       darken(#fafafa, 15%)    ;  // f0f0f0
//    $color-white:               #fafafa                 ;  // White // Cloudy
//
// -------------------------------------------------------------------------------
// Setting Colors for ** Brand Color Variables ** Do not use these in Particles
// -------------------------------------------------------------------------------
//    $blue:                      #0082ca         ;
//    $light-blue:                #44ace1         ;
//    $sky-blue:                  #abe0f9         ;
//
//    $yellow:                    #fdb913         ;  
//    $orange:                    #f58426         ; 
//    $light-green:               #88c540         ;  
//    $light-red:                 #e5554d         ; 
//
//    $red:                       #e03127         ;
//    $purple:                    #9b5ba5         ;
//    $green:                     #00a160         ;
//    $dark-green:                #007b85         ;
//    $blue-green:                #2D98B3         ;
//    $turqois:                   #00b7be         ;
//

/* ===== Base elements and overrides  ===== */

.modal {
  overflow: auto;
}

.modal-dialog {
  margin-top: 45px;
}

#createModal {
  /*padding: 22px !important;*/
}

.modal-body {
  padding: 25px;
}

.modal-header, .modal-footer {
  border:none;
}

.modal-header,
.modal-content {
}

.modal-header {
  border-radius: 0;
  border-top: 10px solid #0082CA;
  padding-left:30px;
  padding-bottom: 0;
 }

 .modal-footer {
  padding-bottom: 30px;
  padding-top: 0;
 }

#truckDefetList {
  padding-left:0;
}

.scrollableModal {
  min-height: 250px;
  max-height: 800px;
  overflow-y: auto;
}

.modal-sm {
  min-width: 400px;
}

.modal-title {
  font-weight: 300;
}

.modal-content .well-sm {padding-bottom: 3px;}

.btn-modal-cancel {margin-right: 18px;}

#hosMasterInfo .form-group {
  margin-bottom: 0;
  margin-top: 8px;
}

.modal-dialog .table-options-export {padding-right: 12px}

#loadingModal .modal-content {
  background-color: white;
}

#loadingModal .modal-header, #loadingModal .modal-content {
  background-color:white;
}

.modal {
  background-color: rgba(0, 0, 0, 0.6);;
}
#subscriptionModalDialog {
    width: 900px;
}
#addDeviceModalContent, #addUserModalContent {
    width: 820px;
    margin-left: -155px;
}
.hideBtnCss{
   
  background-color: #9b9b9b;
}

.message-group-modal .modal-title {
  color: #e5554d;
}
#companyCreateModalDialog, #companyUpdateModalDialog{
    width: 800px;
}
#deviceReturnModalDialog{
    width: 950px;
}
#loadingModal {
    z-index: 2000;
}

.mb15{
    margin-bottom: 15px;
}
