/*
 * Global button styles
 */

 /* Smaller screens */
 @media only screen and (max-width: 1320px) {
    .gtBtn-icon {
        font-size: 11px;
        /*line-height: 0!important;*/
    }
    .gtBtn-icon .icon:nth-child(2) {
        margin-left: 6px;
    }
    .gtBtn-icon .gtBtn-smallContent {
        font-size: 11px;
    }
    .gtBtn-icon .gtBtn-mediumContent {
      font-size: 12px;
   }
    .gtBtn-smallContent {
        line-height: initial!important;
    }
}

/* Larger screens */
@media only screen and (min-width: 1320px) {
    .gtBtn-icon {
        font-size: 11px;
        width: auto;
    }
    .gtBtn-icon > .icon {
        margin-right: 5px;
    }
    .gtBtn-icon .icon:nth-child(2) {
        margin-left: 8px;
    }
    .gtBtn-icon .gtBtn-mediumContent {
      font-size: 12px;
   }
    .gtBtn-smallContent {
        width: 0px;
        overflow: hidden;
        text-indent: -9999px;
    }
}

.gtBtn-icon {
   padding: 2px 5px 2px 5px;
   background: #ffffff;
   font-weight: 400;
   text-transform: uppercase;
   color: #666;
   cursor: hand;
   cursor: pointer;
   font-family: Helvetica,Arial,sans-serif ;
   text-decoration: none;
   overflow: visible;
   margin: 0;
   border: 1px solid #DAE0E6;
   text-shadow: none;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   display: flex;
   justify-content: center;
   align-items: center;
}
.gtBtn-icon > span {
   vertical-align: middle;
   vertical-align: text-bottom;
}
.gtBtn-icon.gtBtnMed {
   display: inline-flex;
   line-height: 15px;
}
.gtBtn-icon.gtBtnLarge {
   display: inline-block;
   padding: 7px 20px 8px 20px!important;
   line-height: 14px;
   font-size: 14px;
}
.gtBtn-noSrink {
    font-size: initial!important;
}

.gtBtnSet {

}
.gtBtnSet .gtBtn-icon {
   margin-left:0;
   margin-right: 0;
   border-radius: 0;
   float:left;
}
.gtBtnSet .gtBtn-icon:first-child {
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px;
}
.gtBtnSet .gtBtn-icon:last-child {
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
}
.gtBtnSet .gtBtn-icon:not(:first-child) {
   border-left: none!important;
}
.gtBtn-icon > .icon.icon--only {
   margin-right: 0!important;
}

.gtBtnMore {
   border-radius: 4px!important;
}

.gtBtn-icon .image--small {
   width: 10px;
}

#trainerGrid-toolbar{
   height: 24px;
}

#trainerGrid-toolbar__addTrainer{
   width: 60px;
}

#trainerGrid-toolbar button {
   height: 100%;
}
.gtBtn-icon img {
   width: 12px;
   filter: invert(50%) sepia(4%) saturate(321%) hue-rotate(175deg) brightness(95%) contrast(93%); /* #797C80 */
}

.gtBtn-icon .image--small {
   width: 10px;
}

.gtBtn-icon .images-white {
   filter: brightness(0) invert(1); /* #ffffff */
}

#clientGrid__toolbar {
   height: 24px;
}

#clientGrid__toolbar button {
   height: 100%;
}

/* Legacy jQuery Button Set Fix - Remove this when we move away from jQuery buttons */

.gtButtonSet {
   display: flex;
   font-size: 0; /* For removing nbsp characters */
}
.gtButtonSet button,
.gtButtonSet .ui-button {
   border-radius: 0;
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}
.gtButtonSet button:first-child,
.gtButtonSet a:first-child {
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px;
}
.gtButtonSet button:last-child,
.gtButtonSet a:last-child {
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
}
.gtButtonSet button:not(:first-child),
.gtButtonSet a:not(:first-child),
.gtButtonSet .ui-button:not(:first-of-type) {
   border-left: none!important;
}
.gtButtonSet.noRightBorder button:not(:last-child),
.gtButtonSet.noRightBorder a:not(:last-child),
.gtButtonSet.noRightBorder .ui-button:not(:last-of-type) {
   border-right: none!important;
}
.ui-helper-hidden-accessible {
   display: none;
}

/* /End Legacy jQuery Button fix */