/* Make Circular */
.kes-circ{
  border-radius: 50px !important;
}
.kes-circ{
  border-radius: 50px !important;
}
.kes-full-circ{
   border-radius: 50% !important;
}
.kes-oval{
  border-radius: 25px !important;
}
.kes-sml-circ{
  border-radius: 10px !important;
}
.kes-btn-100{
  width: 100% !important;
  margin: 0px !important;
}
.noPads{
  padding: 0px !important;
  margin: 0px !important;
}
.formBtn{
  padding: .375rem .75rem;
  height: 45px !important;
}
/* Gradient Buttons */
.kes-gr-btn{
  width: 180px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  margin: 20px;
  height: 55px;
  text-align:center;
  border: none;
  background-size: 300% 100%;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  text-transform: uppercase;
  border-radius: .25rem;
}
.kes-gr-btn:hover {
  background-position: 100% 0;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

/* Gradients */
.kes-gr-btn.color-1 {
  background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673);
  box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75);
}
.kes-gr-btn.color-2 {
  background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19);
  box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75);
}
.kes-gr-btn.color-3 {
  background-image: linear-gradient(to right, #667eea, #764ba2, #6B8DD6, #8E37D7);
  box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75);
}
.kes-gr-btn.color-4 {
  background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516);
  box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75);
}
.kes-gr-btn.color-5 {
  background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673);
  box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75);
}
.kes-gr-btn.color-6 {
  background-image: linear-gradient(to right, #009245, #FCEE21, #00A8C5, #D9E021);
  box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75);
}
.kes-gr-btn.color-7 {
  background-image: linear-gradient(to right, #6253e1, #852D91, #A3A1FF, #F24645);
  box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75);
}
.kes-gr-btn.color-8 {
  background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376);
  box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75);
}
.kes-gr-btn.color-9 {
  background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
  box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
}
.kes-gr-btn.color-10 {
  background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a , #FBB03B);
  box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75);
}
.kes-gr-btn.color-11 {
  background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f);
  box-shadow: 0 5px 15px rgba(242, 97, 103, .4);
}
.kes-gr-btn.noPads {
  height: 45px !important;
}

.kes-gh-btn{
  -webkit-font-smoothing: antialiased;
  line-height: 1.6667;
  box-sizing: inherit;
  text-decoration: none;
  margin: 0;
  position: relative;
  overflow: hidden;
  letter-spacing: .125rem;
  text-transform: uppercase;
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 0.9rem 0.9rem;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  outline: none;
  cursor: pointer;
  transition-timing-function: ease-in-out;
  transition-duration: .2s;
  background: transparent;
  border-radius: .25rem;
}

.kes-gh-btn.color-1{
  transition-property: background, border-color, color;
  color: #fff;
  border-color: #0aaa12;
  border: .25rem solid #0aaa12;
  box-shadow: 0 0 22px 0 rgba(19, 155, 53, 0.3),0 12px 64px 0 rgba(19, 155, 53, 0.3);
}
.kes-gh-btn.color-1:hover, .kes-gh-btn.color-1:focus, .kes-gh-btn.color-1.active{
  background-color: #0aaa12 !important;
}
.kes-gh-btn.color-2{
  transition-property: background, border-color, color;
  color: #fff;
  border-color: #f7b80b;
  border: .25rem solid #f7b80b;
  box-shadow: 0 0 22px 0 rgb(247, 184, 11, 0.3),0 12px 64px 0 rgba(247, 184, 11, 0.3);
}
.kes-gh-btn.color-2:hover, .kes-gh-btn.color-2:focus, .kes-gh-btn.color-2.active{
  background-color: #f7b80b;
}
.kes-gh-btn.color-3{
  transition-property: background, border-color, color;
  color: #fff;
  border-color: #667eea;
  border: .25rem solid #667eea;
  box-shadow: 0 0 22px 0 rgba(34, 53, 221, 0.3),0 12px 64px 0 rgba(34, 53, 221, 0.3);
}
.kes-gh-btn.color-3:hover, .kes-gh-btn.color-3:focus, .kes-gh-btn.color-3.active{
  background-color: #667eea;
}
.kes-gh-btn.color-4{
  transition-property: background, border-color, color;
  color: #fff;
  border-color: #f31d1d;
  border: .25rem solid #f31d1d;
  box-shadow: 0 0 22px 0 rgba(221, 34, 34, 0.3),0 12px 64px 0 rgba(221, 34, 34, 0.3);
}
.kes-gh-btn.color-4:hover, .kes-gh-btn.color-4:focus, .kes-gh-btn.color-4.active{
  background-color: #f31d1d;
}
.kes-gh-btn.color-5{
  transition-property: background, border-color, color;
  color: #fff;
  border-color: #fc6076;
  border: .25rem solid #fc6076;
  box-shadow: 0 0 22px 0 rgba(241, 68, 120, 0.3),0 12px 64px 0 rgba(241, 68, 120, 0.3);
}
.kes-gh-btn.color-5:hover, .kes-gh-btn.color-5:focus, .kes-gh-btn.color-5.active{
  background-color: #fc6076;
}
.kes-gh-btn.color-6{
  transition-property: background, border-color, color;
  color: #fff;
  border-color: #485563;
  border: .25rem solid #485563;
  box-shadow: 0 0 22px 0 rgb(52, 62, 71, 0.3),0 12px 64px 0 rgba(52, 62, 71, 0.3);
}
.kes-gh-btn.color-6:hover, .kes-gh-btn.color-6:focus, .kes-gh-btn.color-6.active{
  background-color: #485563;
}
.kes-gh-btn.color-7{
  transition-property: background, border-color, color;
  color: #fff;
  border-color: #e43603;
  border: .25rem solid #e43603;
  box-shadow: 0 0 22px 0 rgb(192, 45, 0, 0.3),0 12px 64px 0 rgba(192, 45, 0, 0.3);
}
.kes-gh-btn.color-7:hover, .kes-gh-btn.color-7:focus, .kes-gh-btn.color-7.active{
  background-color: #e43603;
}
.kes-gh-btn.color-8{
  transition-property: background, border-color, color;
  color: #fff;
  border-color: #2296dd;
  border: .25rem solid #2296dd;
  box-shadow: 0 0 22px 0 rgba(34,150,221,.3),0 12px 64px 0 rgba(34,150,221,.3);
}
.kes-gh-btn.color-8:hover, .kes-gh-btn.color-8:focus, .kes-gh-btn.color-8.active{
  background-color: #2296dd;
}
.kes-gh-btn.color-9{
  transition-property: background, border-color, color;
  color: #fff;
  border-color: #2296dd;
  border: .25rem solid #2296dd;
  box-shadow: 0 0 22px 0 rgba(34,150,221,.3),0 12px 64px 0 rgba(34,150,221,.3);
}
.kes-gh-btn.color-9:hover, .kes-gh-btn.color-9:focus, .kes-gh-btn.color-9.active{
  background-color: #2296dd;
}
.kes-gh-btn.color-10{
  transition-property: background, border-color, color;
  color: #fff;
  border-color: #2296dd;
  border: .25rem solid #2296dd;
  box-shadow: 0 0 22px 0 rgba(34,150,221,.3),0 12px 64px 0 rgba(34,150,221,.3);
}
.kes-gh-btn.color-10:hover, .kes-gh-btn.color-10:focus, .kes-gh-btn.color-10.active{
  background-color: #2296dd;
}
.kes-gh-btn.color-11{
  transition-property: background, border-color, color;
  color: #fff;
  border-color: #2296dd;
  border: .25rem solid #2296dd;
  box-shadow: 0 0 22px 0 rgba(34,150,221,.3),0 12px 64px 0 rgba(34,150,221,.3);
}
.kes-gh-btn.color-11:hover, .kes-gh-btn.color-11:focus, .kes-gh-btn.color-11.active{
  background-color: #2296dd;
}

/* SPECIAL EFFECTS */

/* Hide glow */
.kes-gr-btn.noGlow, .kes-gh-btn.noGlow {
  box-shadow: 0px 0px;
}

.kes-gh-btn.sml{
  padding: 0.45rem 0.45rem;
}
.kes-gh-btn.vSml{
  padding: 0.25rem 0.25rem;
  letter-spacing: .11rem;
  font-size: 9px;
  font-weight: 400;
  line-height: 3;
  margin: 0px 0px;
}

/* Menu Buttons */
.kes-gr-btn.dropBtn, .kes-gh-btn.dropBtn {
  box-shadow: 0px 0px;
  background-color: inherit;
  background: inherit;
}

.kes-gr-btn.sml{
  padding: 0.45rem 0.45rem;
  height: 45px !important;
}

/* DATATABLES */
.table-dark{
  background-color: inherit !important;
  
}
.dt_export_btn{
  margin-top: 2rem !important;
  float: right;
}
/* disabled */
.page-item.disabled .page-link,
.dt-paging-button.disabled {
  color: inherit !important;
  pointer-events: none;
  cursor: auto;
  background-color: inherit !important;
  border-color: inherit !important;
}
.pagination{
  z-index: 1;
}

/* Apply Both */
.kes-gr-btn:focus, .kes-gh-btn:focus{
  outline: none !important;
}

/* Disabled */
.kes-gr-btn.disabled, .kes-gh-btn.disabled {
  pointer-events: none;
}

.kes-gr-btn.disabled{
  background-image: linear-gradient(to right, #9e9b9b, #979797, #a9a9a9, #808080);
  box-shadow: 0 5px 15px rgba(175, 175, 175, 0.4);
}