label {
    font-weight: normal;
}

.form-horizontal .form-group {
    margin-left: -2px;
    margin-right: -2px;
}

.navbar-drl > li > a:hover,
.navbar-drl > li > a:focus {
  text-decoration: none;
  background-color: transparent;
}

.navbar-drl .navbar-nav > li > a:hover {
    color: inherit;
    background-color: transparent;
}

.navbar-drl .navbar-nav > li > a:focus {
    /*color: inherit;*/
    background-color: transparent;
}

.jqx-popup div[role=RtiDrl_dialogTitle] {
  text-transform: uppercase;
  text-align: center;
  height: 26px;
}
.jqx-popup div.jqx-window-header.jqx-widget-header div:first-child{
  width: 100%;
}

/*
//todo removed 4/3/2019 should remove this if no project problems caused
.jqx-popup div.jqx-window-content {
  padding: 0 5px !important; 
}*/

.jqx-popup div.jqx-window-content div[role=RtiDrl_dialogContent] {
  padding: 0;
  height: 100%;
  vertical-align: middle;
  align-content: center;
  text-align: center;
}
.jqx-popup .jqx-window-content .RtiDrl_dialogBottomAbs {
  position: absolute;
  bottom: 0;
  right: 0;
}
.jqx-popup div.jqx-window-content div[role=RtiDrl_dialogBody] {
  padding: 0;
}

.jqx-dockpanel div[role=RtiDrl_dialogBottom] {
  width: 100%;
  height: 60px !important;
  max-height: 60px !important;
  padding: 0 2px 0 0 !important;
  text-align: center;
}

.jqx-dockpanel div[role=RtiDrl_dialogBottom] .btnModal {
  min-width: 120px;
  margin: 12px 15px 0px 15px;

  height: 34px;
  position: relative;
  display: inline-block;
  /*font-size: 14px !important;*/
  text-align: center;
  font-size: inherit;
  font-weight: bold;
}
@media all and (max-width: 450px) {
    .jqx-dockpanel div[role=RtiDrl_dialogBottom] .btnModal {
        min-width: 80px;
        margin: 12px 10px 0px 10px;
    }
}

/*.jqx-dockpanel div[role=RtiDrl_dialogBottom] .btnModal a {
  min-width: 120px;
}*/

.jqx-popup div.jqx-window-content .btnSimple {
  position: relative;
  display: inline-block;
  border: 0.1em solid #00b2ff;
  background: none;
  color: #00b2ff;
  text-shadow: 0 0 0.5px #00b2ff;
  cursor: pointer;
  text-decoration: none;
  outline: 0;
  padding: 0.5em 1.5em 0.5em 1.5em;
  margin: 10px 10px 10px 10px;
  text-align: center;
  font-size: 20px;
  font-weight: 100;
  -moz-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
  -webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
  -o-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
  -ms-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
  transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
}
.jqx-popup div.jqx-window-content .btnSimple:hover {
  background: rgba(0, 178, 255, 0.1);
}
.jqx-popup div.jqx-window-content .btnSmall {
  position: relative;
  border: 0.1em solid #00b2ff;
  background: none;
  color: #00b2ff;
  text-shadow: 0 0 0.5px #00b2ff;
  cursor: pointer;
  text-decoration: none;
  outline: 0;
  padding: 0.5em 1.5em 0.5em 1.5em;
  margin: 2px 2px 2px 2px;
  text-align: center;
  font-size: 12px;
  font-weight: 100;
  -moz-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
  -webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
  -o-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
  -ms-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
  transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
}
.jqx-popup div.jqx-window-content .btnSmall:hover {
  background: rgba(0, 178, 255, 0.1);
}

.drl-tab-validation {
    float: left;
    color: rgb(223, 34, 39);
    font-size: 12px;
}

.drlGridDataItems .jqx-ribbon-header-horizontal {
    min-height: 0px;
    height: 0;
    border-width: 0px;
}
.drlGridDataItems .jqx-ribbon-content-section{
    overflow: hidden;
}

.navbar {
    min-height: 46px;
}
.navbar-default {
    background-color: navy;
}

.jqx-grid-column-header .btnCheckItems .jqx-dropdownlist-content {
    padding-left: 0;    
}
.jqx-grid-column-header .cbCheckItems .jqx-checkbox-default {
    margin-right: 0;
}

/* main tabs area styles */
.drl-main-tab-content-element {
    width: 100%; 
    height: 100%;
    overflow-x: hidden;
}
.drl-main-tab-content-inner-wrap {
    width: 100%; 
    height: 100%; 
    overflow: hidden;
}

/* Error Handling tab (Manage Settings Groups page) - elements width fix */
.ErrorHandling > ul {display: inline-block;}
.ErrorHandling .jqx-radiobutton {display: block;}

.loader {
    position: absolute;
    display: none;
    z-index: 50001;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.3) no-repeat center;
    background-image: url(images/loader.gif);
    background-size: 40px;
}
.td-small-ico {
    margin-top: -2px;
    background-position: center;
    background-size: contain;
    width: 18px;
    height: 18px;
}

/* =============================================================================
   TD Icons base
   ========================================================================== */

.td-ico-default
{
    background-position: center;
    background-size: contain;
    width: 24px;
    height: 24px;
}

/* =============================================================================
   Company Icons base
   ========================================================================== */
.drl-ico-companyWrapper {
    display: inline-block;
    padding: 0 5px;
}
.drl-ico-companySelectIcons {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 16px;
    height: 16px;
    float: left;
}

/* =============================================================================
   Color select styles
   ========================================================================== */
.color_box + input[type="text"].drlTextbox {
    padding-left: 20px !important;
}
.color_box{
    width: 10px;
    height: 10px !important;
    position: absolute;
    box-shadow: black 0px 0px 1px 0px;
    top: 50%;
    margin: -5px 0 0 5px;
    pointer-events: none;
    z-index: 1;
}
.td-ico-menu{
    background-position: center;
    background-size: contain;
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 5px;
}

.color_picker .group_header{
    margin-left: 5px;
    padding-bottom: 5px;
}
.color_picker .basicColor,
.color_picker .customColor {
    margin-bottom: 5px;
    margin-left: 5px;
    float: left;
    height: 18px;
    width: 20px;
    box-sizing: border-box;
    border: 1px solid #585656; /*rgba(0, 0, 0, .5);*/
    cursor: pointer;
}