/*

https://stackoverflow.com/questions/16348031/disable-scrolling-when-touch-moving-certain-element
The following body segment is necessary for disabling hiding the address bar when dragging.

*/

body{
  margin: 0px;
  padding: 0px 0px;
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: fixed;
  -webkit-user-select: none !important;
  -webkit-touch-callout: none !important;
}

td.isLabel{
  white-space: nowrap;
}

#app.canvas-tree{
  text-align: left;
}

html[dir='rtl'] #app.canvas-tree{
  text-align: right !important;
}


html[dir='rtl'] td{
  text-align: right !important;
}

#yui-main {
  background: white !important;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.cursor-move {
        cursor: move;
        cursor: grab;
        cursor: -webkit-grab;
    }

    .cursor-move:active {
        cursor: grabbing;
        cursor: -webkit-grabbing;
    }


.grab {
  cursor: move;
  cursor: grab;
  cursor: -webkit-grab;
}

.grabing {
  cursor: grabbing !important;
  cursor: -webkit-grabbing !important;
}

/*
Hack fix on antd Modal multiple X close
 */

span.ant-modal-close-x i{
  display: none;
}
.anticon svg{
  display: none;
}

.ant-modal-body {
  /*padding: 0px !important;*/
}
/*
  Apply CSS to test RTL (right to left language)
  #app.canvas-tree,
  #app.canvas-tree td,
  #app.canvas-tree th,
  #app.canvas-tree textarea,
  #app.canvas-tree label,
  #app.canvas-tree select,
  #app.canvas-tree input{
    text-align: right;
  }

*/

/*
    *
    *
    *
    * Geni icon web fonts
    *
    *
    *
    @font-face {
        font-family: 'genicons';
        src: url("https://geni3-mhcache-com-myheritage.netdna-ssl.com/fonts/genicons/files/genicons.eot");
        src: url("https://geni3-mhcache-com-myheritage.netdna-ssl.com/fonts/genicons/files/genicons.eot?#iefix") format("embedded-opentype"), url("https://geni3-mhcache-com-myheritage.netdna-ssl.com/fonts/genicons/files/genicons.woff") format("woff"), url("https://geni3-mhcache-com-myheritage.netdna-ssl.com/fonts/genicons/files/genicons.ttf") format("truetype"), url("https://geni3-mhcache-com-myheritage.netdna-ssl.com/fonts/genicons/files/genicons.svg#7fdbe7cb2c75998f22e595bc0a1d3c52") format("svg");
        font-style: normal;
        font-weight: 400
    }
    [data-genicon]:before {
      font-size: 16px;
    }
    [data-genicon]:before, [data-genicon]:after {
      font-family: 'genicons';
      speak: none;
      -webkit-font-smoothing: antialiased;
    }
    [data-genicon="tree-match"]:before {
      content: "\e309";
    }
    [data-genicon="record-match"]:before {
      content: "\e104";
    }
    .smart-match[data-genicon]:before {
        font-size: 14px;
    }
    [data-genicon="smart-match"]:before {
      content: "\e306";
    }


    <div style={{background: 'white'}} data-genicon="tree-match"></div>
    <div style={{background: 'white'}} data-genicon="record-match"></div>
    <div style={{background: 'white'}} data-genicon="smart-match" className='smart-match'></div>


 */

/*body{
  font-size: initial !important;
}*/

#dev-panel input{
  width: 50px;
}

#mouseOverBoxWrapper .box{
  position: absolute;
  background: white;
  cursor: pointer;
  background-size: cover
}

#mouseOverBoxWrapper .mouseoverBox {
  width: 50px;
  height: 50px;
  visibility: visible;
  -webkit-transform: translateX(0px);
      -ms-transform: translateX(0px);
          transform: translateX(0px);
  opacity: .5;
}

#mouseOverBoxWrapper .hidden{
   visibility: hidden;
}

i.anticon{
  background: none !important;
  display: none;
}
#addBox-callout table{
   border-spacing: 2px !important;
}

#addBox-callout table tr,
#addBox-callout table td,
#addBox-callout .family-list div
 {
  height: 22px !important;
}

#addBox-callout .family-list div.flip-anchor-row{
  height: auto;
}

#addBox-callout .family-list div.flip-anchor-link:hover{
  text-decoration: underline;
  cursor: pointer;
}

#addBox-callout .family-list div.flip-anchor-bullet{
  position: relative;
  float:left;
}

html[dir='rtl'] #addBox-callout .family-list div.flip-anchor-bullet
{
  float: right;
  margin-right: 0px;
}

html[dir='rtl'] #addBox-callout .family-list div.flip-anchor-link
{
  float: right;
  width: 221px;
}


html[dir='rtl']  #addBox-callout .partner-children .flip-anchor-bullet{
  margin-right: 10px !important;
}

html[dir='rtl']  #addBox-callout .partner-children .flip-anchor-link{
  /*right: 15px;*/
}


#addBox-callout .family-list div.flip-anchor-link{

  float:left;
  position: relative;
  left: 0px;
  width: 211px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

#addBox-callout .family-list .partner-children div.flip-anchor-link{
  left: 0px;
  width: 191px;
}

html[dir='rtl'] #addBox-callout .family-list .partner-children div.flip-anchor-link{
  left: 0px;
  width: 211px;
}

#addBox-callout #pedigree-innerTable-wrapper{
  overflow: auto;
  margin: 15px;
  padding: 0px 10px 0px 5px;
}

#addBox-callout #addBox-callout .immediateFamTable{
  font-size: 10px;
  border-spacing: 2px;
}

#addBox-callout .immediateFamTable hr{
  border-color: #EDEDED;
}

#addBox-callout .immediateFamTable .hide-header{
  display: none;
}

#addBox-callout .immediateFamTable .family-label{
  font-weight: bold;
  padding-bottom: 5px;
}

#addBox-callout .immediateFamTable span.addlink-anchor-tag{
  font-size: 11px;
  vertical-align: middle;
  cursor: pointer;
  color: blue;
  text-decoration: underline;
  font-weight: normal;
}

html[dir='rtl'] #addBox-callout .immediateFamTable span > span{
  float: left;
}

html[dir='rtl'] #addBox-callout .immediateFamTable .family-list .brackets{
  position: absolute;
  right: 20px;
}

html[dir='rtl'] #addBox-callout .family-list .partner-children span > span{
  float: right;
}

html[dir='rtl'] #addBox-callout .MultiPartnersTD span > span{
  float: right;
}

#addBox-callout .immediateFamTable span.hide{
  display:none;
}

#addBox-callout .immediateFamTable .family-list{
  padding-left: 10px;
}

html[dir='rtl'] #addBox-callout .immediateFamTable .family-list{
  padding-left: 0px;
}

#addBox-callout .immediateFamTable .family-list .brackets{
  position: absolute;
  left: 25px;
}

#addBox-callout .immediateFamTable .partner-children{
  padding-left: 15px;
}

html[dir='rtl']  #addBox-callout .immediateFamTable .partner-children{
  padding-left: 0px;
}
#panBoxWrapper .panBox {
  width: 25px;
  height: 25px;
  background: white;
  opacity: .5;
  position: absolute;
  cursor: pointer;
}
#panBoxWrapper .panBox:hover {
  opacity: 1;
}

#bullseye:hover{
  opacity: 1 !important;
}
#preferences-div:hover{
  background-color: #F5F6EB !important;
  opacity: 1 !important;
}
#switchTreeIcon:hover{
  opacity: 1 !important;
}
#printTreeIcon:hover{
  opacity: 1 !important;
}

#croppedContainerWrapper{
  position: absolute;
  overflow-y: hidden;
  overflow-x: auto;
}
/*

  #printMobileInnerContainer #croppedContainerWrapper{
    width: 100% !important;
  }
 */
/*

#printMobileInnerContainer #croppedContainerWrapper{
  background-color: #a2a0a01f;
}
 */

#croppedContainerWrapper > div {
  position: absolute;
}

#croppedContainer > img {
  position: relative;
  float: left;
}

html[dir='rtl'] #croppedContainer.preview > img{
  width: 32.7%;
}

/*
  html[dir='rtl'] #croppedContainer.preview > img:nth-of-type(1) {
    margin-left: 11px;
  }
 */

html[dir='rtl'] #croppedGhostContainer.preview > img {
  background-color: transparent;
  position: relative;
  float: right;
  width: 32.97%;
}

html[dir='rtl'] #borderWrapperContainerRTL{
  display: block;
}

input:focus, input.form-control:focus {
    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

#printMobileInnerContainer #croppedContainer > img {
  margin-bottom: 10px;
  /*width: auto !important;*/
}

#printTreeCheckboxGroup.printTreeMobileCheckbox span {
  font-size: 18px;
}

#printTreeCheckboxGroup.printTreeMobileCheckbox .ant-checkbox-group-item {
  width: 100%;
  margin-right: 0px;
}

#croppedGhostContainer > img {
  background-color: transparent;
  position: relative;
  float: left;
}

html[dir='rtl'] #modalInnerContainer > div {
  left: 1px;
}

#printMobileInnerContainer #croppedGhostContainer > img {
  display:none;
}


#printTreeCheckboxWrapper {
  padding-right: 20px;
}

/*

#printMobileInnerContainer #croppedGhostContainer > img {
  visibility: hidden;
}
 */



/*
  Fix for new-layout.css
 */
html[dir='rtl'] #printTreeSelectorWrapper > div{
  margin-right: 6px !important;
}


html[dir='rtl'] #choosePageSizeLabel{
  right: 6px !important;
}


#printTreeSelectorWrapper i{
  display: none !important;
}

#printMobileInnerContainer .select-input {
  font-size: 18px;
}

#printMobileInnerContainer #createPDFButton {
  z-index: 999;
  font-size: 18px;
}

/*
  #printMobileInnerContainer #createPDFButton {
    float: right !important;
    right: 10px !important;
  }
 */

#printMobileInnerContainer #printCancelButton {
  z-index: 999;
  font-size: 18px;
}

/*
  #printMobileInnerContainer #printCancelButton {
    left: 10px !important;
  }
 */

#dashboard{
  position: relative;
  top: 225px;
}


#createPDFButton.dualPedigreeVersion {
  visibility: hidden !important;
}

.ant-card.higlightCard {
  border: 1px solid darkgray !important;
}

#productTourIcon:hover{
  opacity: 1 !important;
}

#dualPedigreePanel #panel-wrapper{
  borderTop: 1px solid lightgray;
  padding: 15px 0px 0px 10px;
}

html[dir='rtl'] #dualPedigreePanel #panel-wrapper{
  padding: 15px 10px 0px 0px;
}

#dualPedigreePanel .ant-radio, #dualPedigreePanel .ant-checkbox{
  float:left;
  display:block;
  height: 22px;
  width: 25px;
  padding-top: 3px;
}

html[dir='rtl'] #dualPedigreePanel .ant-radio, html[dir='rtl'] #dualPedigreePanel .ant-checkbox{
  float: right !important;
  padding-right: 5px;
}

#dualPedigreePanel .ant-radio, #dualPedigreePanel .twoTabContainer .ant-checkbox{
  padding-left: 5px;
}

#dualPedigreePanel .ant-radio-wrapper, #dualPedigreePanel .ant-checkbox-wrapper{
  padding: 0 0 5px 0 !important;
  float: left;
  width: 100%;
  margin-right: 0px;
}

#dualPedigreePanel .ant-radio-inner:after{
  left: 4px !important;
  top: 4px !important;
}

#dualPedigreePanel  > div.oneTabContainer span.ant-radio + *, #dualPedigreePanel > div.oneTabContainer span.ant-checkbox + * {
  padding: 0px 7px 0px 8px !important;
  display: inline-table;
  width: 175px;
  white-space: initial;
}

#dualPedigreePanel #search-other-unions button.ant-btn.ant-input-search-button.ant-btn-primary.ant-btn-sm {
    display: none;
}

#dualPedigreePanel .ant-input-group-addon{
   border: 0px;
}

#dualPedigreePanel .ant-input-group-addon:last-child {
  padding: 0px 0px 0px 0px;
}

#dualPedigreePanel > div.oneTabContainer:nth-of-type(2) {
  height: calc(100vh - 145px) !important;
  overflow-y: auto;
  overflow-x: hidden;
}

#dualPedigreePanel > div.twoTabContainer:nth-of-type(2) {
  /*height: calc(100vh - 135px);*/
  overflow: auto;
  overflow: auto;
}

#dualPedigreePanel .oneTabContainer  div.collapseRow,
#dualPedigreePanel .twoTabContainer  div.collapseRow {
  cursor: pointer;
}

#dualPedigreePanel .twoTabContainer div.collapseRow:not(:.includeDatesCheckBoxRow){
  text-align: center;
}

#dualPedigreePanel .twoTabContainer div.collapseRow.childrenRadioChoice{
padding: 5px 0px 5px 5px !important;
}

#dualPedigreePanel div.collapseRow p, #dualPedigreePanel div.collapseRow img{
  padding: 10px 0px !important;
  margin: 0px 0px !important;
}

#dualPedigreePanel .ant-input-group > .ant-input:first-child {
  width: 97%;
  height: 25px;
}

/*
#dualPedigreePanel .twoTabContainer .ant-collapse-content .ant-collapse-content-box:nth-of-type(2),
#dualPedigreePanel .twoTabContainer .ant-collapse-content .ant-collapse-content-box:nth-of-type(3){
  padding: 10px 1px 10px 1px !important;
}

#dualPedigreePanel .twoTabContainer .ant-collapse-content .ant-collapse-content-box:nth-of-type(4),
#dualPedigreePanel .twoTabContainer .ant-collapse-content .ant-collapse-content-box:nth-of-type(5),
#dualPedigreePanel .twoTabContainer .ant-collapse-content .ant-collapse-content-box:nth-of-type(6){
  padding: 10px 1px 10px 10px !important;
}
*/

#dualPedigreePanel .oneTabContainer .ant-collapse-content{
  padding: 0px 1px 10px 1px !important;
}


#dualPedigreePanel .twoTabContainer .ant-collapse-content{
  padding: 5px 1px 5px 0px !important;
}

#dualPedigreePanel .twoTabContainer .ant-collapse-content > .ant-collapse-content-box{
  padding: 0px 0px 0px 0px !important;
}

#dualPedigreePanel .ant-collapse-item:nth-of-type(3) .ant-collapse-content{
  padding: 0 0 0 0px !important;
}


#dualPedigreePanel .ant-collapse-content > .ant-collapse-content-box{
  padding: 0 0 0 0px !important;

}

#dualPedigreePanel .ant-collapse > .ant-collapse-item > .ant-collapse-header{
  padding: 10px 10px 10px 10px
}

/*# sourceMappingURL=main.fb87e769.css.map*/