div.RenderReadOnly span:last-child {
   min-height: 32px;
   background: #fafafa;
}
.LoadingWindow {
   cursor: pointer;
   zoom: 1;
   background-color: transparent;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
   background: rgba(0,0,0,0.65);
}
span.RenderReadOnly{
   font-weight: bold;
}
.ButtonLinkSite,
.ButtonLinkSite:visited,
.ButtonLinkSiteIcon,
.ButtonLinkSiteIcon:visited,
a.AnchorButtonList,
a.AnchorButtonListAdd {
   padding: 6px 6px 2px 6px;
   text-align: center;
   display: inline-block;
   font-size: 18px;
   cursor: pointer;
   border-radius: 5px;
   transition: .2s all ease-in;
}
a.AnchorButtonList {
   font-size: 32px;
   padding: 2px 9px;
}
span.AnchorButtonListAdd {
   cursor: pointer;
   transition: .2s all ease-in;
   font-size: 14px;
   display: inline-block;
}
a.AnchorButtonListAdd {
   font-size: 16px;
   padding: 2px 9px;
}
a.AnchorButtonList.inTable,
span.AnchorButtonList.inTable {
   font-size: 20px;
   padding: 2px 9px;
}
.ButtonLinkSite,
.ButtonLinkSite:visited {
   padding: 6px 16px 6px 16px;
   font-size: 16px;
}
.ButtonLinkSiteIcon i,
.ButtonLinkSiteIcon svg {
   font-size: 22px;
}

div[pagehelperarraytype] table th, div[pagehelperarraytype] table td {
   padding: 0 !important;
}
a.buttons-html5,
button.buttons-html5,
a.buttons-print,
button.buttons-print,
a.buttons-html5:hover,
button.buttons-html5:hover,
a.buttons-print:hover,
button.buttons-print:hover {
   background: transparent !important;
   background-color: transparent !important;
   padding: 0 !important;
   width: auto !important;
   height: auto !important;
   border: 0 !important;
   margin: 0 !important;
}
a.buttons-html5:hover,
button.buttons-html5:hover,
a.buttons-print:hover,
button.buttons-print:hover {
   background: #555 !important;
   background-color: #555 !important;
}
a.buttons-html5 span,
button.buttons-html5 span,
a.buttons-print span,
button.buttons-print span {
   font-size: 18px !important;
   color: #555;
   padding: 6px;
   display: inline-block;
   border: 1px solid #555;
   border-radius: 3px;
   transition: .5s all ease-in-out;
}
a.buttons-html5 span:hover,
button.buttons-html5 span:hover,
a.buttons-print span:hover,
button.buttons-print span:hover{
   color: #FFF;
   border: 1px solid #f8c944;
}
.dataTables_filter {
   min-width: 215px;
}
div.dataTables_length {
   padding-top: 5px;
}
.dataTables_length label {
   max-width: 100% !important;
}
.MinMaxValuesMin {
   text-align: right;
   border: 1px solid #14c71c;
   border-image: none;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 0px;
}

.MinMaxValuesMax {
   text-align: left;
   border: 1px solid #c71414;
   border-image: none;
   border-top-left-radius: 0px;
   border-bottom-left-radius: 0px;
}
.selector-singlesearch {
   background: #FFF;
   border: 1px solid #063d58;
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;
   margin-top: -8px;
}

a.item-singlesearch,
a.item-singlesearch:visited {
   margin: 0;
   display: block;
   width: 100%;
   padding: 5px 6px;
   list-style: none;
   line-height: 15px;
   word-wrap: break-word;
   -webkit-touch-callout: none;
   cursor: pointer;
   color: #063d58;
   border-bottom: 1px solid rgb(154, 175, 187);
   background: rgba(252,234,187,1);
   background: -moz-linear-gradient(top, #FFF 0%, rgb(243, 243, 243) 50%, rgb(220, 220, 220) rgb(243, 243, 243) 51%, 100%);
   background: -webkit-gradient(left top, left bottom, color-stop(0%, #FFF), color-stop(50%, rgb(243, 243, 243)), color-stop(51%, rgb(220, 220, 220)), color-stop(100%, rgb(243, 243, 243)));
   background: -webkit-linear-gradient(top, #FFF 0%, rgb(243, 243, 243) 50%, rgb(220, 220, 220) 51%, rgb(243, 243, 243) 100%);
   background: -o-linear-gradient(top, #FFF 0%, rgb(243, 243, 243) 50%, rgb(220, 220, 220) 51%, rgb(243, 243, 243) 100%);
   background: -ms-linear-gradient(top, #FFF 0%, rgb(243, 243, 243) 50%, rgb(220, 220, 220) 51%, rgb(243, 243, 243) 100%);
   background: linear-gradient(to bottom, #FFF 0%, rgb(243, 243, 243) 50%, rgb(220, 220, 220) 51%, rgb(243, 243, 243) 100%);
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;
   transition: .5s all ease-in-out;
}

a.item-singlesearch:hover {
   color: #000;
   text-decoration: none;
   background: rgba(252,234,187,1);
   background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
   background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,234,187,1)), color-stop(50%, rgba(252,205,77,1)), color-stop(51%, rgba(248,181,0,1)), color-stop(100%, rgba(251,223,147,1)));
   background: -webkit-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
   background: -o-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
   background: -ms-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
   background: linear-gradient(to bottom, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0 );
}
label.customcheck {
   position: relative;
   display: inline-block;
   margin-bottom: 6px;
}
label.customcheck span:before {
   content: "";
   background-color: #767676;
   border: 1px solid #454545;
   border-radius: 50%;
   cursor: pointer;
   height: 30px;
   position: absolute;
   left: -3px;
   width: 30px;
   transition: 0.3s all ease-in-out;
}
label.customcheck span {
   font-size: 16px;
   line-height: 28px;
   display: inline-block;
   margin-left: 28px;
}
label.customcheck span:after {
   border: 2px solid #ccc;
   border-left: none;
   border-top: none;
   border-right: none;
   content: "";
   height: 6px;
   opacity: 1;
   position: absolute;
   top: 0;
   left: 3px;
   margin-top: 10px;
   width: 17px;
   transition: 0.3s all ease-in-out;
}
label.customcheck input[type="checkbox"],
label.customcheck input[type="radio"] {
   display: none;
}
   label.customcheck input[type="checkbox"]:checked + span:before,
   label.customcheck input[type="checkbox"]:checked + input[type="hidden"] + span:before,
   label.customcheck input[type="radio"]:checked + span:before,
   label.customcheck input[type="radio"]:checked + input[type="hidden"] + span:before {
      background-color: #2f9331;
      border-color: #177419;
   }

label.customcheck input[type="checkbox"]:checked + span:after,
label.customcheck input[type="checkbox"]:checked + input[type="hidden"] + span:after,
label.customcheck input[type="radio"]:checked + span:after,
label.customcheck input[type="radio"]:checked + input[type="hidden"] + span:after {
   opacity: 1;
   transform: rotate(-45deg);
   border: 2px solid #FFF;
   border-top: none;
   border-right: none;
   width: 16px;
}
table.datatableresp {
   border-collapse: collapse;
   width: 100% !important;
}

table.datatableresp tr.odd, table.datatableresp tr.even {
   border-bottom: 1px solid #AAA;
}

table.datatableresp tbody tr:last-child {
   border-bottom: 1px solid transparent;
}
table.dataTable tbody th, table.dataTable tbody td {
   padding: 2px 5px
}
.dataTables_wrapper label,
.dataTables_wrapper select,
.dataTables_wrapper input,
.dataTables_wrapper .dt-buttons {
   display: inline-block;
}

.dataTables_wrapper {
   padding: 15px;
}

.DataTableContainer {
   margin: 20px;
   border-radius: .6em;
   border: 1px solid #ADABA2;
}

@media screen and (max-width: 767px) {
   .dataTables_wrapper .dataTables_info,
   .dataTables_wrapper .dataTables_paginate {
      float: none;
      text-align: center;
   }

   .dataTables_wrapper .dataTables_paginate {
      margin-top: 0.5em;
   }
}

@media screen and (max-width: 640px) {
   .dataTables_wrapper .dataTables_length,
   .dataTables_wrapper .dataTables_filter {
      float: none;
      text-align: center;
   }

   .dataTables_wrapper .dataTables_filter {
      margin-top: 0.5em;
   }
}

table.dataTable th, table tr.GridViewFooter td {
   text-align: center;
   font-weight: bold;
}
.GridViewPager table {
   margin: auto;
}
.gridview > tbody > tr[level] {
   border-bottom: 1px solid #424242;
   text-align: center;
}

.gridview > tbody > tr[level]:last-child {
   border-bottom: 1px solid transparent !important;
}

.paddingtableResp {
   padding: 4px 3px !important;
}

.GridView tr {
   color: #333;
}

.GridViewFooter, table.gradienttable th, td.HeadHandicap {
   background-color: $primary-color;
}

.GridViewPager table td :has(span), .GridViewPager table td:hover {
   background: #FFF !important;
   color: #333;
   text-decoration: none;
}

.GridViewRow td, .GridViewRow th {
   background: #f7f7f7;
}

.GridViewRowAlternate td, .GridViewRowAlternate th {
   background: #e9e9e9;
}

.GridViewPager {
   background-color: #272727 !important
}

.GridViewPager td {
   background-color: #272727 !important
}

.GridView tr a, .GridViewPager td a {
   color: #FFF;
   font-weight: normal;
}

.dataTables_wrapper {
   background: #FFF;
   color: #333;
}

table.gradienttable {
   background-color: transparent;
   border: 1px solid rgb(170, 170, 170) !important
}

   table.gradienttable td {
      color: #333;
   }

   table.gradienttable th, td.HeadHandicap {
      background-image: none;
      color: #FFF;
   }
@media (max-width: 1024px) {
   table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled,
   table.dataTable tbody, table.dataTable > tbody > tr, table.dataTable thead, table.dataTable > thead > tr,
   table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td,
   table.dataTable, table.dataTable th, table.dataTable td,
   table.datatableresponly thead .sorting, table.datatableresponly thead .sorting_asc, table.datatableresponly thead .sorting_desc, table.datatableresponly thead .sorting_asc_disabled, table.datatableresponly thead .sorting_desc_disabled,
   table.datatableresponly tbody, table.datatableresponly > tbody > tr, table.datatableresponly thead, table.datatableresponly > thead > tr,
   table.datatableresponly.cell-border tbody th, table.datatableresponly.cell-border tbody td,
   table.datatableresponly, table.datatableresponly th, table.datatableresponly td,
   .dataTables_wrapper th, .dataTables_wrapperFooter td .GridView th, .GridView td, .dataTables_wrapper table th, .dataTables_wrapper table td {
      display: block;
      width: auto !important;
   }

      .table.dataTable tfoot, table.dataTable tfoot tr {
         display: none;
      }

   .GridViewFooter {
      display: none !important;
   }

   .GridViewPager table td {
      display: inline-block !important;
   }
}
img.functicon {
   width: 20px;
   cursor: pointer;
}
.datatableresp .functIcon {
   width: 12px;
   max-width: 12px;
}
/* The slider */
.box-switch {
   position: relative;
}
label.switch input {
   opacity: 0;
   width: 0;
   height: 0;
}
label.switch {
   margin: 0;
   display: inline-block;
   z-index: 1;
   padding: 0;
   max-width: none !important;
}

.slider {
   position: relative;
   cursor: pointer;
   color: #fff;
   background-color: #666;
   -webkit-transition: .4s;
   transition: .4s;
}

.slider:after {
   position: absolute;
   left: 28px;
   top: 5px;
   transition: .4s;
}
.slider:before {
   position: absolute;
   content: "";
   height: 14px;
   width: 14px;
   left: 0;
   bottom: 4px;
   background-color: white;
   -webkit-transition: .4s;
   transition: .4s;
   top: calc(50% - 7px);
}
label.switch input:checked + .slider:before {
   left: calc(100% - 14px);
}
.slider.round {
   display: inline-block;
}
.slider.round a {
   padding: 3px 18px;
   display: block;
   width: 100%;
   text-align: center;
}
.slider.round:before {
   border-radius: 50%;
}
label.switch input:not(:checked) + .slider a.header1 {
   background: #6c8e14;
}
label.switch input:not(:checked) + .slider a.header2 {
   background: rgba(101, 101, 101, 0.50);
}
label.switch input:checked + .slider a.header1 {
   background: rgba(101, 101, 101, 0.50);
}
label.switch input:checked + .slider a.header2 {
   background: #6c8e14;
}
/* The slider */

.form-control:disabled, .form-control[readonly] {
   background-color: #e9ecef !important;
   opacity: 1
}
.chosen-container {
   width: 100% !important;
}

.chosen-single {
   height: 30px !important;
   margin-bottom: 8px;
}
.chosen-single span,
.chosen-single div {
   padding-top: 3px;
}

/* Style the tab */
ul.tabulator {
   overflow: hidden;
   border: 1px solid #ccc;
   background-color: #f1f1f1;
   padding-left: 0;
   margin-bottom: 0;
}
/* Style the buttons inside the tab */
ul.tabulator li {
   background-color: inherit;
   float: left;
   border: none;
   outline: none;
   cursor: pointer;
   padding: 10px 12px 7px 12px;
   transition: 0.3s;
   font-size: 13px;
   list-style: none;
   position: relative;
   border-right: 1px solid #666;
   border-bottom: 1px solid #666;
   min-width: 50px;
   text-align: center;
}
ul.tabulator li.tablinks:hover {
   background: #3d69a7;
   color: #FFF;
   font-weight: bold;
}
ul.tabulator li.tablinksAdd {
   background-color: #4d8e14;
   padding: 8px 10px 9px 10px;
   min-width: auto;
}

ul.tabulator li.tablinksAdd:hover {
   background-color: #386c0a;
}
ul.tabulator li.tablinksFunct {
   padding: 0;
   min-width: auto;
}
ul.tabulator li.tablinks {
   background-color: #c2c2c2;
}

ul.tabulator li.tablinks.active {
   background-color: #666;
   color: #FFF;
   font-weight: bold;
}

ul .tabulator li:hover {
   background-color: #ddd;
}

ul.tabulator button.active {
   background-color: #ccc;
}

.tabulatorContent {
   display: none;
   padding: 6px 12px;
   border: 1px solid #ccc;
   border-top: none;
   opacity: 0;
   transition: .4s all ease-out
}

.tabulatorContent.active {
   display: block;
   opacity: 1;
}

.funtbtn {
   color: #FFF;
   display: block;
   font-size: 11px;
   width: 22px;
   text-align: center;
   height: 18px;
   transition: .3s all ease-in;
}

.funtbtn.delete {
   background: #d41e1e;
   border: 1px solid #a31d1d;
}

.funtbtn.delete:hover {
   background: #9f1f1f;
}
   .funtbtn.import,
   .funtbtn.export {
      background: #86158d;
      border: 1px solid #671d6c;
      transition: .3s all ease-in;
   }
.funtbtn.clone {
   background: #15448d;
   border: 1px solid #204989;
   transition: .3s all ease-in;
}
[collapseable] {
   height: 37px;
   padding: 4px 8px 8px 8px;
   background: #dfe6f9;
   font-weight: bold;
   overflow: hidden;
   margin-bottom: 10px;
   font-size: 18px;
   cursor: pointer;
   border: 1px solid #333;
}
div.roller {
   position: absolute;
   width: 30px;
   height: 20px;
   opacity: 0.7;
   transition: .2s all ease-in;
   right: 5px;
   background: #666;
   color: #FFF;
   border-radius: 5px;
   cursor: pointer;
}
div.roller:after {
   content: '↓';
   font-size: 12px;
   top: 0;
   position: absolute;
   width: 100%;
   text-align:center;
}
div.roller.open:after {
   content: '↑'
}
div.roller:hover {
   opacity: 1;
}