@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body {
   margin: 0;
   padding: 2em 1em 40px;
   font-family: "Poppins", serif;
   background: #333333;
   color: #ffffff;
}

.gform_wrapper .field_description_below .gfield_description {
   padding: 5px 5px 0!important;
}

* {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

#gform_fields_1 {
   position: relative;
}
#field_1_32 {
   position: absolute;
   right: 0;
   top: 0;
}

.gform_button {
   display: inline-block;
   padding: 6px 12px;
   margin-bottom: 0;
   font-size: 17px!important;
   font-weight: 400;
   line-height: 1.42857143;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
   -ms-touch-action: manipulation;
   touch-action: manipulation;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 4px
}

input#input_1_28_1 {
   max-width: 101px;
}
.ginput_container.ginput_container_date {
   position: relative;
}
body .gform_wrapper ul li.gfield .datepicker {
   width: 100%!important;
}
body .gform_wrapper img.ui-datepicker-trigger {
   width: 17px!important;
   height: 16px!important;
   display: -moz-inline-stack;
   display: inline-block;
   position: absolute;
   right: 20px;
   bottom: 15px;
   filter: grayscale(1);
}

.button {
   display: inline-block;
   padding: 6px 12px;
   margin-bottom: 0;
   font-size: 14px;
   font-weight: 400;
   line-height: 1.42857143;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
   -ms-touch-action: manipulation;
   touch-action: manipulation;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 4px
}

.gform_button,
.button-primary {
   color: #ffffff;
   text-shadow: 0 1px 0 #265a88;
   background-image: -webkit-linear-gradient(top,#337ab7 0,#265a88 100%);
   background-image: -o-linear-gradient(top,#337ab7 0,#265a88 100%);
   background-image: -webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#265a88));
   background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
   background-repeat: repeat-x;
   border-color: #245580
}


.gform_button:focus,
.gform_button:hover,
.button-primary:focus,
.button-primary:hover {
   background-color: #265a88;
   background-position: 0 -15px;
}

.gform_wrapper .gfield_time_hour i {
   display: none!important;
}

.panel.notice {
   padding: 20px;
   color: red;
   text-align: center;
   font-size: 20px;
   display: none;
   margin: 0 15px 20px;
}

.twentyfive {
   width: 40%!important;

}
.seventyfive {
   width: 60%!important;
}
li#field_1_28 {
   min-width: 326px;
}
@media only screen and (max-width: 1290px) {
   li#field_1_5 {
      width: 200px;
   }
}

@media only screen and (max-width: 640px) {
   .seventyfive, .twentyfive {
      width: 100% !important;
   }
}

.sidebar {
   height: 100%;
   position: relative;
}
@media only screen and (max-width: 991px) {
   li#field_1_5 {
      width: 140px;
   }
   .sidebar {
      float:none;
   }
   .nav {
      display: flex!important;
      justify-content: center;
   }
   .nav li {
      margin: 0!important;
   }
   .panel.notice {
      display: block;
   }
}
@media only screen and (max-width: 800px) {
   li#field_1_7 {
      width: 100%;
   }
}
@media only screen and (max-width: 768px) {


   li#field_1_5 {
      width: 40%;
   }
}

@media only screen and (max-width: 460px) {
   .sidebar .nav {
      flex-direction: column;
   }
}

   h1.panel-title {
      font-size: 24px;
      font-weight: bold;
      text-shadow: 0 1px 0 #214e75;
   }

   .nav-logo {
      padding: 2em!important;
   }

   .nav-logo img {
      width: auto;
      max-width: 100%;
      display: block;
   }

   .nav-wrapper .panel-body {
      padding: 1em;
   }

   .orders-container .panel-heading .panel-title,
   .orders-container .rep-switcher {
      padding: 0;
   }

   .panel-heading {
      padding: 1em 1.5em;
   }

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

   .modal-title,
   .modal-body {
      color: #333333;
   }

   .panel-body {
      color: #333333;
      padding: 2em 1.5em;
      overflow-y: scroll;
   }

   .login-container {
      max-width: 400px;
      margin: 0 auto;
   }

      .login-container .panel-heading {
         padding: 1.5em 3em!important;
      }

      .login-container img {
         width: auto;
         max-width: 100%;
      }

   /* DATA TABLES */
   .dataTables_filter {
      text-align: right;
   }

      .dataTables_filter input[type=search] {
         margin-left: 20px;
      }

   .dataTables_length {
      margin: 0 auto 0.5em;
   }

   .dataTables_info {
      margin: 20px auto 0;
   }


   .status-col {
      width: 275px;
   }

      .status-col .btn {
         width: 100px;
      }

   body .gform_wrapper ul li#field_2_2,
   body .gform_wrapper ul li#field_2_3,
   body .gform_wrapper ul li#field_2_4 {
      margin-top: 0!important;
   }

   .gform_wrapper .top_label li.gfield.gf_left_half textarea,
   .gform_wrapper .top_label li.gfield.gf_right_half textarea {
      width: 100%!important;
   }

   body .gform_wrapper ul li.gfield {
      margin-top: 0!important;
      margin-bottom: 2.5em!important;
   }

   .modal-content label {
      font-weight: bold;
   }

   .modal-content select,
   .modal-content input[type=text],
   .modal-content input[type=email] {
      width: 100%;
      min-height: 48px;
      border-radius: 12px;
      border: 1px solid #cccccc;
   }

   .modal-body.nopad {
      padding: 0;
   }

      .modal-body.nopad .modal-body--inner {
         padding: 15px;
      }

   .modal-body .modal-footer {
      margin-top: 15px;
   }

   #user_login,
   #user_pass,
   body .gform_wrapper ul li.gfield input[type=text],
   body .gform_wrapper ul li.gfield input[type=email],
   body .gform_wrapper ul li.gfield textarea,
   body .gform_wrapper ul li.gfield select {
      min-width: 100px;
      min-height: 48px!important;
      border-radius: 12px;
      border: 1px solid #cccccc;
   }

   #user_login,
   #user_pass {
      width: 100%;
      text-indent: 1em;
   }



   .dashboard-table {
      margin-bottom: 0;
   }

   .gform_wrapper .gfield_time_ampm,
   .gform_wrapper .gfield_time_hour,
   .gform_wrapper .gfield_time_minute {
      width: auto!important;
      max-width: inherit!important;
   }

   #OrderStatusVal {
      width: 110px;
   }

   .status-label {
      width: 114px;
      display: inline-block;
   }

.outer-container.footer {
   width: 100%;
   height: 40px;
   background: #111111;
   position: fixed;
   bottom: 0;
   left: 0;
   text-align: center;
}

#loginform label {
   display: block;
   margin-bottom: 0.25em;
}

.vertical-alignment-helper {
   display:table;
   height: 100%;
   width: 100%;
   pointer-events:none;
}
.vertical-align-center {
   /* To center vertically */
   display: table-cell;
   vertical-align: middle;
   pointer-events:none;
}
.modal-content {
   /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
   width:inherit;
   height:inherit;
   /* To center horizontally */
   margin: 0 auto;
   pointer-events:all;
}

code {
   display: block;
   height: 120px;
   white-space: normal;
   word-wrap: break-word;
}

code > pre {
   height: 120px;
   white-space: normal;
   word-wrap: break-word;
}


@media only screen and (max-width: 1200px)
{
   .nav-logo img {
      max-width: 200px;
      display: block;
   }
}
@media only screen and (max-width: 480px) {
   .nav-logo img {
     margin: 0 auto;
   }
}