@import url("https://fonts.googleapis.com/css?family=Gabri'ela|Fleur+De+Leah|Bungee|Ruthie|Kaushan+Script|Pompiere|Turret+Road|Big+Shoulders+Text&effect=shadow-multiple|fire-animation|emboss|3d|3d-float|outline|fire");
@import url("https://fonts.googleapis.com/css?family=Gabri'ela|Fleur+De+Leah|Bungee|Ruthie|Kaushan+Script|Pompiere|Turret+Road|Big+Shoulders+Text&effect=shadow-multiple|fire-animation|emboss|3d|3d-float|outline|fire");
@import url('css5.css');

.w3-input, .w3-select{border-radius:4px; border:1px solid #ccc!important}
.w3-button2{border:none;display:inline-block;padding:4px 1px; vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-button2:hover{color:#000!important;background-color:#ccc!important}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-button2{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.w3-button:disabled{cursor:not-allowed;opacity:0.3}


 /* width */
::-webkit-scrollbar {
  width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #999999;  		/*  #f1f1f1;  #0066FF;   #f2cd75*/

}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #000000  		/*  #888;  #000033; #d91557*/
  
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #CCCCCC; 			/*  #555;  #0000CC; #936b0e*/

}

a:link {text-decoration: none !important;}
a:hover {text-decoration: none !important;}
        


body { font-family: 'Gabriela';font-size: 14px;}
.ss-heading1 { font-family: 'Kaushan Script'; font-size: 24px; }
.ss-heading2 { font-family: 'Big Shoulders Text'; font-size: 18px; font-weight: bold;}

.ss-font1 { font-family: 'Big Shoulders Text' !important;}
.ss-font2 { font-family: 'Kaushan Script' !important;}
.ss-font3 { font-family: 'Gabriela' !important;}

.ss-size08 { font-size: 8px !important;}
.ss-size10 { font-size: 10px !important;}
.ss-size10 { font-size: 11px !important;}
.ss-size12 { font-size: 12px !important;}
.ss-size13 { font-size: 13px !important;}
.ss-size14 { font-size: 14px !important;}
.ss-size16 { font-size: 16px !important;}
.ss-size18 { font-size: 18px !important;}
.ss-size20 { font-size: 20px !important;}
.ss-size22 { font-size: 22px !important;}
.ss-size24 { font-size: 24px !important;}
.ss-size26 { font-size: 26px !important;}
.ss-size28 { font-size: 28px !important;}
.ss-size30 { font-size: 30px !important;}

.ss-menutext { font-family: 'Big Shoulders Text'; font-size: 16px !important; font-weight: normal;}

.ss-heading3 { font-family: 'Gabriela'; font-size: 14px; }
.ss-heading4 { font-family: 'Gabriela'; font-size: 12px; }
.ss-title { font-family: 'Gabriela'; font-size: 20px; font-weight: bold;}
.ss-bold { font-weight: bold; }


input, textarea, select { font-family: 'Gabriela';font-size: 14px; }
.ss-float {float:left;word-wrap: break-word;}
.w3-input-small-padding{padding:2px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.addscroll {height: 265px; overflow-y : auto; }
.addscroll2 {height: 85px; overflow-y : auto; }
table { border-collapse:collapse }
.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:40px;user-select:none;-webkit-user-select:none}
.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-top:2px;padding-left:6px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:40px;user-select:none;-webkit-user-select:none}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch .slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background: #ccc;
  transition: .4s;
}
.switch .slider:before {
  content: "";
  position: absolute;
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background: #fff;
  transition: .4s;
}
.switch input:checked + .slider {
  background: #2196F3;
}
.switch input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
.switch input:checked + .slider:before {
  transform: translateX(26px);
}
.switch .slider .round {
  border-radius: 34px;
}
.switch .slider.round:before {
  border-radius: 50%;
}

.fa-icon {
  float:right;
    text-align: left !important;
    font-size: 12px !important;
    border-width: 1px;
    border-style: solid;
    border-color: lightgrey;
    border-image: initial;
    border-radius: 10% 10% 10% 10%; 
    /*padding: 6% 9% 6% 9%;*/
    padding: 5px 5px 5px 5px;
    margin:1px 1px 1px 1px;

}
.no-bordertop { border-top: hidden !important; }
.no-borderbottom { border-bottom: hidden !important; }
.no-borderleft { border-left: hidden !important; }
.no-borderright { border-right: hidden !important; }

.no-padding { padding: 0px 0px 0px 0px !important; }
.padding-top { padding-top: 8px !important; }
.padding-right { padding-right: 8px !important; }
.padding-bottom { padding-bottom: 8px !important; }
.padding-left { padding-left: 8px !important; }

.vcenter {
  display: flex;
  /*justify-content: center;*/
  align-items: center;
  height: 40px;
  border: 0px solid green;
}

.table-padding-small table,
.table-padding-small th,
.table-padding-small tr,
.table-padding-small td { 
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
}


  /* print styles */
@media print {
  @import url("http://fonts.googleapis.com/css?family=Gabri'ela|Fleur+De+Leah|Bungee|Ruthie|Kaushan+Script|Pompiere|Turret+Road|Big+Shoulders+Text&effect=shadow-multiple|fire-animation|emboss|3d|3d-float|outline|fire");
  @import url("https://fonts.googleapis.com/css?family=Gabri'ela|Fleur+De+Leah|Bungee|Ruthie|Kaushan+Script|Pompiere|Turret+Road|Big+Shoulders+Text&effect=shadow-multiple|fire-animation|emboss|3d|3d-float|outline|fire");


  @page { size:8.5in 11in; margin: 0.5cm }
  @page { size : portrait }
  /*@page rotated { size : landscape }*/
  /*table { page : rotated }*/
  .landscapepage {
      @page { size : landscape; }
  }



  body {
      margin: 0.5cm;
      /*color: #543;*/
      background-color: #fff;
      transform: scale(1);
  }

  /*thead tr, thead td {color: black;}
  tbody tr, tbody td {color: black; border: thin solid #000 !important;}
  #brdrs {border: thin solid #000 !important;}

  .noborder {border: thin solid #FFF !important;}
  */
   /*table td:last-child {display:none}*/
   /*table th:last-child {display:none}*/

  .noprint{ display:none !important;}
  .onprint{ display:block !important; }

  .table-padding-small table,
  .table-padding-small th,
  .table-padding-small tr,
  .table-padding-small td { 
      padding-top: 3px !important;
      padding-bottom: 3px !important;
      padding-left: 3px !important;
      padding-right: 3px !important;
  }

  .ss-size08 { font-size: 8px !important;}
  .ss-size10 { font-size: 10px !important;}
  .ss-size12 { font-size: 12px !important;}
  .ss-size14 { font-size: 14px !important;}
  .ss-size16 { font-size: 16px !important;}
  .ss-size18 { font-size: 18px !important;}
  .ss-size20 { font-size: 20px !important;}
  .ss-size22 { font-size: 22px !important;}
  .ss-size24 { font-size: 24px !important;}
  .ss-size26 { font-size: 26px !important;}
  .ss-size28 { font-size: 28px !important;}
  .ss-size30 { font-size: 30px !important;}

  .no-bordertop { border-top: hidden !important; }
  .no-borderbottom { border-bottom: hidden !important; }
  .no-borderleft { border-left: hidden !important; }
  .no-borderright { border-right: hidden !important; }

  .no-bordertop { border-top: solid white !important }
  .no-borderbottom { border-bottom: solid white !important }
  .no-borderleft { border-left: solid white !important }
  .no-borderright { border-right: solid white !important }

  .border-top { border-top: thin solid black !important }
  .border-bottom { border-bottom: thin solid black !important }
  .border-left { border-left: thin solid black !important }
  .border-right { border-right: thin solid black !important }

  .no-padding { padding: 0px 0px 0px 0px !important; }
  .padding-top { padding-top: 8px !important; }
  .padding-right { padding-right: 8px !important; }
  .padding-bottom { padding-bottom: 8px !important; }
  .padding-left { padding-left: 8px !important; }

}