/* zFlex/ASPxTabControl.css */

/* -----<navigation tab in card config(inner tabs)>---------- */
.dxTabControl_class .dxtc-stripContainer,
.dxTabs_class .dxtc-stripContainer {
    border-bottom: solid 1px #d1d1d1 !important;
}
.dxTabControl_class.dxtc-top > .dxtc-stripContainer .dxtc-tab,
.dxTabs_class .dxtc-top > .dxtc-stripContainer .dxtc-tab,
.dxTabs_class.dxtc-top > .dxtc-stripContainer .dxtc-tab {
    border: 0;
}
.dxTabControl_class .dxtc-strip,
.dxTabs_class .dxtc-strip {
    /*margin-bottom: 25px !important;*/
    /* margin-top: 15px!important; */
}
.dxTabControl_class .dxtc-stripContainer .dxtc-link,
.dxTabs_class .dxtc-stripContainer .dxtc-link 
{
  padding: 0px !important;
  text-transform: none !important;
  font-family: Roboto !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.11 !important;
  letter-spacing: 0.3px !important;
  text-align: left !important;
  color: #373737 !important;
}

.dxTabControl_class .dxtc-Tab_hover,
.dxTabs_class .dxtc-Tab_hover,
.dxTabs_class.dxtc-Tab_hover {
    background-color: transparent !important;
    color:#373737 !important;
    opacity:1 !important;
}
.dxTabControl_class .dxtc-activeTab_hover,
.dxTabs_class .dxtc-activeTab_hover {
    background-color: transparent !important;
}
/* -----</navigation tab in card config(inner tabs)>---------- */

/* -----<navigation tab in card config(outer tabs)>---------- */

.dxTabs_class .dxtc-noSpacing > .dxtc-stripContainer .dxtc-tab,
.dxTabs_class.dxtc-noSpacing > .dxtc-stripContainer .dxtc-tab {
    margin-right: 30px !important;
    /*margin-left: 20px !important;*/
    /*opacity: 0.7;*/
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    color: #373737;
}

.dxTabs_class .dxtc-noSpacing > .dxtc-stripContainer .dxtc-activeTab,
.dxTabs_class.dxtc-noSpacing > .dxtc-stripContainer .dxtc-activeTab {
    margin-right: 30px;
    background-color: transparent;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    color: #373737;
    border-bottom: 3px solid #CC4F3A;
}

/* ASPxPageControl tabs */
.dxTabControl_class.dxtc-top > .dxtc-stripContainer .dxtc-tab,
.dxTabs_class .dxtc-top > .dxtc-stripContainer .dxtc-tab,
.dxTabs_class.dxtc-top > .dxtc-stripContainer .dxtc-tab {
    margin-right: 30px;
    opacity: 0.7;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    color: #373737;
}
.dxTabControl_class.dxtc-top > .dxtc-stripContainer .dxtc-tab:hover,
.dxTabs_class .dxtc-top > .dxtc-stripContainer .dxtc-tab:hover,
.dxTabs_class .dxtc-top > .dxtc-stripContainer .dxtc-tab span:hover {
  color: black;
  opacity: 1;
}

.dxTabControl_class.dxtc-top > .dxtc-stripContainer .dxtc-activeTab,
.dxTabs_class .dxtc-top > .dxtc-stripContainer .dxtc-activeTab,
.dxTabs_class.dxtc-top > .dxtc-stripContainer .dxtc-activeTab {
    margin-right: 30px !important;
    background-color: transparent !important;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    color: #373737 !important;
    border-bottom: 3px solid #F55548;
}
.dxTabControl_class .dxtc-stripContainer .dxtc-leftIndent,
.dxTabs_class .dxtc-stripContainer .dxtc-leftIndent {
    display: none;
}
/* /ASPxPageControl tabs */
/* -----</navigation tab in card config(outer tabs)>---------- */	

/* fix tabs width */
.mainContent__class .dxTabControl_class.dxtc-flex,
.mainContent__class .dxTabs_class.dxtc-flex{
    width: 100%;
}
/* /fix tabs width */