/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */

   .loadingScreen {
      display: none;
      position: fixed;
      z-index: 9999;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: rgba(255, 255, 255, 0.8);
   }
   
   /* When the body has the loading class, we turn
      the scrollbar off with overflow:hidden */
   body.loadingg {
      overflow: hidden;
   }
   
   /* Anytime the body has the loading class, our
      modal element will be visible */
   body.loadingg .loadingScreen {
      display: block;
   }
   /* .select2-container {
      z-index: 100000;
   } */

   body .select2-container .select2-selection--single .select2-selection__rendered {
      padding-left: 10px;
   }
   body .select2-container--default .select2-selection--single {
      height: auto;
      padding-top: 3px;
      padding-bottom: 3px;
   }
   body .select2-container--default .select2-selection--single .select2-selection__arrow {
      height: 34px;
      width: 30px;
   }
   body .select2-container--default .select2-search--dropdown .select2-search__field {
      outline: none;
      border-radius: 5px;
   }
   body .select2-search--dropdown {
      padding: 7px;
   }
   .modal-header {
      padding: 1.5rem 1.5rem 1.25rem 1.5rem;
      border-bottom: 1px solid #e0e0e0;
   }
   
   .modal-body {
         padding: 1rem 1.5rem 1.5rem 1.5rem;
   }
   .select2-container--default .select2-selection--single .select2-selection__clear span {
      top: 2px;
      position: relative;
      margin-right: 9px;
   }
   .h-full,
   .card {
      height: 100%;
   }
   .bg-label-grey {
      background-color: #eeeeee !important;
      color: #aaaaaa !important;
   }
   .text-grey {
      color: #aaaaaa;
   }
   .bg-blue {
      background-color: #696cff !important;
   }
   .bg-label-blue {
      background-color: #e7e7ff !important;
      color: #696cff !important;
   }
   .text-blue {
      color: #696cff !important;
   }
   .bg-lightblue {
      background-color: #06b6d4 !important;
   }
   .bg-label-lightblue {
      background-color: #ecfeff !important;
      color: #06b6d4 !important;
   }
   .text-lightblue {
      color: #06b6d4 !important;
   }
   
   form+.table-responsive {
      margin-top: 35px;
      padding-top: 20px;
      border-top: 1px solid #e0e0e0;
   }
   .modal-title {
      font-weight:bold;
   }
   .modal-body .listView>.row {
      margin-bottom:0 !important;
   }
   .tableList tr:nth-child(even) td,
   .modal-body .listView>.row:nth-child(even) {
         box-shadow: inset 0 0 0 9999px rgba(0,0,0,.04);
   }
   .modal-body .listView>.row>div:last-child {
      padding-bottom: calc(0.4375rem + 1px);
      padding-top: calc(0.4375rem + 1px);
   }
   .modal-body .listView>.row {
      border-bottom: 1px solid #e0e0e0;
      width: 100%;
   }
   .noshadow {
      box-shadow: none;
   }
   .bordertop1px {
      border-top: 1px solid #e0e0e0;
   }
   .border1px {
      border: 1px solid #e0e0e0;
   }
   .fw500 {
      font-weight: 500 !important;
   }
   .fw600 {
      font-weight: 600 !important;
   }
   .fsize10 {
      font-size: 10px !important;
   }
   .fsize11 {
      font-size: 11px !important;
   }
   .fsize12 {
      font-size: 12px !important;
   }
   .fsize13 {
      font-size: 13px !important;
   }
   .fsize14 {
      font-size: 14px !important;
   }
   .w-full {
      width: 100%;
   }
   .pointer {
      cursor: pointer;
   }
   .tableList tr td {
      padding: 7px 6px;
   }
   .position-relative {
      position: relative;
   }
   form .col-form-label+div input[type="checkbox"] {
      margin-top: 10px;
      margin-left:5px;
   }

   form .col-form-label+div>label:first-child input[type="checkbox"] {
       margin-left: 0;
   }
   form .col-form-label+div:first-child input[type="checkbox"] {
      margin-top:0px;
   }
   .tooltip-inner {font-size: 13px;line-height: 1.2;}
   .card-icon.video-thumb,
   .card-icon.video-thumb i {
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
   }
   .card-icon.video-thumb i {
      font-size: 75px !important;
   }
   .card-icon.video-thumb .badge .badge {
      position: absolute;
      top: 0;
      left: 0;
      border-radius: 5px 0 5px 0;
   }
   .card-icon.video-thumb:hover i {
      transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1);
      color: #e6381a !important;
   }