body {
    -webkit-user-select : none;
    -moz-user-select : none;
    -ms-user-select : none;
    user-select : none;
}
html, body {
    width : 100%;
    height : 100%;
    margin : 0;
    overflow : hidden;
    font-family : Tahoma;
    font-size : 12px;
    font-weight : normal;
}
label {
    font-family : Tahoma;
    font-size : 13px;
    line-height : 15px;
    font-weight : normal;
}
input[type="checkbox"] {
    accent-color: #3A9D66;
}
.cleaner {
    clear : both;
}
.dialogButtonsContainer {
    padding : 5px;
}
.dialogButton {
    padding : 0 3px;
    font-family : Tahoma;
    font-size : 12px;
    color : #FFFFFF;
    width : 60px;
    line-height : 25px;
    cursor : pointer;
    text-align : center;
    background-color : #43B677;
    margin : 5px;
    -moz-appearance : button;
    -moz-binding : none;
    -moz-user-select : none;
    border : 2px outset buttonface;
    box-sizing : border-box;
}
.gridView{
    float:right;
    cursor: pointer;
    margin: 10px;
}
.dialogButtonGreen {
    padding : 0 3px;
    font-family : Tahoma;
    font-size : 12px;
    color : #FFFFFF;
    width : 60px;
    line-height : 25px;
    cursor : pointer;
    text-align : center;
    background-color : limegreen;
    margin : 5px;
    -moz-appearance : button;
    -moz-binding : none;
    -moz-user-select : none;
    border : 2px outset buttonface;
    box-sizing : border-box;
}
.dialogButtonNarrow {
    padding : 0 3px;
    font-family : Tahoma;
    font-size : 12px;
    color : #FFFFFF;
    width : 60px;
    line-height : 25px;
    cursor : pointer;
    text-align : center;
    background-color : #6E95AD;
    margin : 5px;
    -moz-appearance : button;
    -moz-binding : none;
    -moz-user-select : none;
    border : 2px outset buttonface;
    box-sizing : border-box;
}
.dialogButtonWide {
    padding : 0 3px;
    font-family : Tahoma;
    font-size : 12px;
    color : #FFFFFF;
    width : 90px;
    line-height : 25px;
    cursor : pointer;
    text-align : center;
    background-color : #43B677;
    margin : 5px;
    -moz-appearance : button;
    -moz-binding : none;
    -moz-user-select : none;
    border : 2px outset buttonface;
    box-sizing : border-box;
}
.dialogLink {
    padding : 0 3px;
    font-family : Tahoma;
    font-size : 12px;
    width : 60px;
    line-height : 25px;
    cursor : pointer;
    text-decoration : underline;
    font-weight : bold;
    float : left;
    margin : 10px;
}
.saveButton {
    background-color : #FFFFFF;
    background-image : url("../images/icons/save.svg");
    background-position : 7% 50%;
    padding-left : 15px;
    -moz-appearance : button;
    -moz-binding : none;
    -moz-user-select : none;
    border : 2px outset buttonface;
    box-sizing : border-box;
}
.runButton {
    background-color : #FFFFFF;
    background-image : url("../images/icons/save.svg");
    background-position : 7% 50%;
    padding-left : 15px;
    -moz-appearance : button;
    -moz-binding : none;
    -moz-user-select : none;
    border : 2px outset buttonface;
    box-sizing : border-box;
}
.largeDialogButton {
    width : 120px;
    -moz-appearance : button;
    -moz-binding : none;
    -moz-user-select : none;
    border : 2px outset buttonface;
    box-sizing : border-box;
}
.labelContainer {
    float : left;
    margin-right : 5px;
    margin-top : 5px;
}
.fieldContainer {
    float : left;
}
.deleteDialogMessage {
    float : left;
    margin : 5px;
    text-align : center;
    width : 290px;
    font-family : Tahoma;
    font-size : 12px;
    font-weight : normal;
}
/******************************   Start buttons   ******************************/
/*.columns_button {*/
    /*background-image : url("../images/icons/details.png");*/
    /*background-repeat : no-repeat;*/
    /*border-radius : 5px;*/
    /*padding : 0 5px;*/
    /*font-family : Tahoma;*/
    /*font-size : 12px;*/
    /*width : 60px;*/
    /*border : 1px solid #CECECE;*/
    /*height : 20px;*/
    /*line-height : 20px;*/
    /*border-top-left-radius : 4px;*/
    /*border-top-right-radius : 4px;*/
    /*cursor : pointer;*/
    /*text-align : center;*/
    /*-moz-appearance : button;*/
    /*-moz-binding : none;*/
    /*-moz-user-select : none;*/
    /*border : 2px outset buttonface;*/
    /*box-sizing : border-box;*/
/*}*/
.sort_button {
    background-image : url("../images/icons/sort_by_name.svg");
    background-repeat : no-repeat;
    border-radius : 5px;
    padding : 0 5px;
    font-family : Tahoma;
    font-size : 12px;
    width : 60px;
    border : 1px solid #CECECE;
    height : 20px;
    line-height : 20px;
    border-top-left-radius : 4px;
    border-top-right-radius : 4px;
    cursor : pointer;
    text-align : center;
    -moz-appearance : button;
    -moz-binding : none;
    -moz-user-select : none;
    border : 2px outset buttonface;
    box-sizing : border-box;
}
.filter_button {
    background-image : url("../images/icons/filter_edit.svg");
    background-repeat : no-repeat;
    border-radius : 5px;
    padding : 0 5px;
    font-family : Tahoma;
    font-size : 12px;
    width : 60px;
    border : 1px solid #CECECE;
    height : 20px;
    line-height : 20px;
    border-top-left-radius : 4px;
    border-top-right-radius : 4px;
    cursor : pointer;
    text-align : center;
    -moz-appearance : button;
    -moz-binding : none;
    -moz-user-select : none;
    border : 2px outset buttonface;
    box-sizing : border-box;
}
.default_button {
    margin : 0 5px;
    text-align : center;
}
/******************************   End buttons   ******************************/

/******************************   Start panes   ******************************/
.grid_header_pane {
/*    height : 37px;*/
}
.grid_header_inner_container {
}
.grid_header_row_count_container {
    padding-right : 15px;
    float : left;
}
.grid_header_select_all_rows_container {
    padding-right : 15px;
    float : left;
}
.grid_header_menu_container {
    float : right;
}
.grid_header_row_year_limit {
    padding-right : 15px;
    float : left;
}
.grid_header_row_variable_labels {
    float : right;
    position : relative;
    right : 2%;
    margin-top : 2px;
}
/******************************   End panes   ******************************/

/******************************   Start RemovableItemList   ******************************/
div.phn-removableitemlist {
    border : 0 none;
    margin : 0;
    padding : 0;
    position : relative;
}
div.phn-removableitemlist-header {
    border : 0 none;
    margin : 0;
    padding : 0;
    height : 25px;
    font-size : 13px;
    vertical-align : top;
    position : relative;
}
div.phn-removableitemlist-title {
    padding : 3px 2px;
    display : inline-block;
    vertical-align : top;
    position : absolute;
    left : 0px;
    font-weight : bold;
}
div.phn-removableitemlist-ra {
    cursor : pointer;
    padding : 3px 2px;
    display : inline-block;
    vertical-align : top;
    position : absolute;
    right : 0px;
}
div.phn-removableitemlist-ra-txt {
    text-decoration : underline;
    display : inline-block;
    color : #666666;
    vertical-align : top;
    margin : 2px;
}
div.phn-removableitemlist-ra-btn {
    background : url("../images/icons/remove.svg") no-repeat scroll 2px 2px rgba(0, 0, 0, 0);
    display : inline-block;
    width : 16px;
    height : 16px;
    opacity : 0.6;
    vertical-align : top;
    margin : 2px;
}
div.phn-removableitemlist-ail {
    overflow : auto;
    height : 70px;
    border : 1px solid #d9d9d9;
    margin : 0;
    padding : 3px;
    font-size : 13px;
    vertical-align : top;
    position : relative;
}
div.phn-removableitemlist-item {
    margin : 3px 2px;
    padding : 3px 2px;
    display : inline-block;
    vertical-align : top;
    background-color : #f5f5f5;
    border : 1px solid #d9d9d9;
    border-radius : 3px;
}
div.phn-removableitemlist-item {
    margin : 3px 2px;
    padding : 3px 2px;
    display : inline-block;
    vertical-align : top;
    background-color : #f5f5f5;
    border : 1px solid #d9d9d9;
    border-radius : 3px;
}
div.phn-removableitemlist-item-title {
    display : inline-block;
    color : #000;
    vertical-align : top;
    margin : 2px;
}
div.phn-removableitemlist-item-btn {
    background : url("../images/icons/remove.svg") no-repeat scroll 2px 2px rgba(0, 0, 0, 0);
    cursor : pointer;
    display : inline-block;
    width : 16px;
    height : 16px;
    opacity : 0.6;
    vertical-align : top;
    margin : 2px;
}
/******************************   End RemovableItemList   ******************************/

/******************************   Start selects   ******************************/
.options_select {
    float : right;
    height : 40px;
}
.rows_select {
    float : left;
    height : 22px;
}
/******************************   End selects   ******************************/

/******************************   Start dhx containers   ******************************/
.phn_tabbar_panel {
    height : 49px;
}
.phn_menu_panel {
    height : 32px;
}
.treeMenu {
    float : right;
}
.treeSelector{
    float : left;
    height : 24px;
    margin-top : 5px;
    margin-bottom : 5px;
    width : 90px;
}
.treeMenuContainer {
    float : right;
    height : 34px;
    width : 100px;
}
.leftSideTree {
    overflow : auto !important;
    width : 100%;
    height : 100%;
}
div.phn_green_header_pane {
    background-color : #C0CC6A; /* Phenome CeleryGreen */
    color : #000000;
    padding : 5px 10px;
    font-weight : bold;
    border-top-left-radius : 5px;
    border-top-right-radius : 5px;
}
div.phn_grey_header_pane {
    background-color : #F5F2ED; /* Phenome BrightWhite */
    color : #000000;
    padding : 5px 10px;
    font-weight : bold;
    border-top : 1px solid #D1D3C6; /* Phenome CeladonTint */
    border-right : 1px solid #D1D3C6; /* Phenome CeladonTint */
    border-bottom : none;
    border-left : 1px solid #D1D3C6; /* Phenome CeladonTint */
    border-top-left-radius : 5px;
    border-top-right-radius : 5px;
}
div.phn_grey_center_pane {
    background-color : #F5F2ED; /* Phenome BrightWhite */
    color : #000000;
    padding : 5px 10px;
    border-top : none;
    border-right : 1px solid #D1D3C6; /* Phenome CeladonTint */
    border-bottom : none;
    border-left : 1px solid #D1D3C6; /* Phenome CeladonTint */
}
div.phn_grey_footer_pane {
    background-color : #F5F2ED; /* Phenome BrightWhite */
    color : #000000;
    padding : 5px 10px;
    border-top : none;
    border-right : 1px solid #D1D3C6; /* Phenome CeladonTint */
    border-bottom : 1px solid #D1D3C6; /* Phenome CeladonTint */
    border-left : 1px solid #D1D3C6; /* Phenome CeladonTint */
    border-bottom-left-radius : 5px;
    border-bottom-right-radius : 5px;
}
div.phn_white_header_pane {
    background-color : #FFFFFF;
    color : #000000;
    padding : 5px 10px;
    border-bottom : none;
    border-top-left-radius : 5px;
    border-top-right-radius : 5px;
}
div.phn_white_center_pane {
    background-color : #FFFFFF;
    color : #000000;
    padding : 5px 10px;
}
div.phn_white_footer_pane {
    background-color : #FFFFFF;
    color : #000000;
    padding : 5px 10px;
    border-top : none;
    border-bottom-left-radius : 5px;
    border-bottom-right-radius : 5px;
}
.phn_green_label {
    color : #000000;
    vertical-align : middle;
}
/******************************   End dhx containers   ******************************/

/****************************** start dialog **********************************************/
#dialogColor_underlay {
    background-color : green;
}
span.loader_message {
    color : #90A047; /* Phenome SpinachGreen */
    font-weight : bold;
    font-size : 20px;
}
span.loader_message img {
    vertical-align : middle;
}
.dialogButtonPane {
    padding : 5px 10px;
}
/****************************** end dialog **********************************************/

/****************************** start forms **********************************************/
.editFieldContainer {
    width : 828px;
}
.editFieldTitle {
    float : left;
    font-weight : bold;
    font-size : 13px;
    padding : 8px 8px 3px;
}
.editFieldContainerLeft {
    /*padding : 1px 0px;*/
    float : left;
    width : 360px;
}
.editFieldContainerRight {
    border : 1px solid #CECECE;
    float : right;
    overflow-y : scroll;
    overflow-x : hidden;
    width : 459px;
}
.variablesContainerLeft {
    border: 1px solid #CECECE;
    float: left;
    overflow-y: scroll;
    overflow-x: auto;
    width: 459px;
    height: 199px;
}
.parentsPermissionsContainer{
    border: 1px solid #CECECE;
    float: left;
    width: 502px;
    height: 65px;
}
.variablesPermissionContainerLeft {
    border: 1px solid #CECECE;
    float: left;
    overflow-y: scroll;
    overflow-x: auto;
    width: 580px;
    height: 495px;
}
.advanceFilterContainerLeft{
    border: 1px solid #CECECE;
    float: left;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 770px;
    height: 373px;
}
.editFieldRow {
    float : left;
    width : 360px;
}
.editFieldRowFull {
    float : left;
    width : 360px;
}
.editFieldRowLeft {
    float : left;
    width : 150px;
}
.editFieldRowLeft > label {
    line-height : 27px;
}
.editFieldRowRight {
    float : right;
    width : 210px;
}
.formFieldRow {
    float : left;
}
.formFieldRowFull {
    float : left;
    width : 100%;
}
.formFieldTitleFull {
    float : left;
    width : 100%;
    border-bottom : 2px solid #7ea1b6;
}
.formFieldLabel {
    float : left;
    margin : 5px;
    width : 120px;
    font-family : Tahoma;
    font-size : 12px;
    font-weight : normal;
}
.formFieldTitle {
    background-color : #f4f4f4;
    color : #000000;
    font-family : Tahoma;
    font-size : 12px;
    padding : 7px 5px 8px 5px;
    text-align : left;
    vertical-align : top;
}
.formFieldContainer {
    float : left;
    margin : 5px;
    width : 210px;
    font-family : Tahoma;
    font-size : 12px;
    font-weight : normal;
}
.formFieldContainerShort {
    float : left;
    margin : 2px 5px;
    width : 210px;
    font-family : Tahoma;
    font-size : 12px;
    font-weight : normal;
}
.formFieldContainerLeft {
    float : left;
    text-align : right;
    margin : 5px;
    width : 210px;
    font-family : Tahoma;
    font-size : 12px;
    font-weight : normal;
}
.formFieldContainerLeftAlignLeft {
    float : left;
    text-align : left;
    margin : 5px;
    width : 210px;
    font-family : Tahoma;
    font-size : 12px;
    font-weight : normal;
}
.formFieldContainerRight {
    float : right;
    margin : 5px;
    width : 210px;
    font-family : Tahoma;
    font-size : 12px;
    font-weight : normal;
}
.formFieldContainerLow {
    float : left;
    margin : 5px;
    width : 160px;
    font-family : Tahoma;
    font-size : 12px;
    font-weight : normal;
}
.formFieldCheckbox {
    float : left;
    margin : 2px 0 2px 65px;
    width : 13px;
    font-family : Tahoma;
    font-size : 12px;
    font-weight : normal;
}
.formFieldValues {
    padding-top : 7px;
    text-align : left;
    vertical-align : middle;
}
.formFieldGrid {
}
.formFieldText {
    background-color : rgb(255, 255, 255);
    border-color : rgb(206, 206, 206);
    border-style : solid;
    border-bottom-width : 1px;
    border-collapse : separate;
    border-left-width : 1px;
    border-right-width : 1px;
    border-top-width : 1px;
    box-sizing : border-box;
    color : rgb(85, 85, 85);
    cursor : auto;
    display : inline-block;
    font-family : Tahoma;
    font-size : 13px;
    padding-bottom : 5px;
    padding-left : 2px;
    padding-right : 2px;
    padding-top : 5px;
    width : 210px;
}
.formFieldTextLow {
    background-color : rgb(255, 255, 255);
    border-color : rgb(206, 206, 206);
    border-style : solid;
    border-bottom-width : 1px;
    border-collapse : separate;
    border-left-width : 1px;
    border-right-width : 1px;
    border-top-width : 1px;
    box-sizing : border-box;
    color : rgb(85, 85, 85);
    cursor : auto;
    display : inline-block;
    font-family : Tahoma;
    font-size : 13px;
    padding-bottom : 2px;
    padding-left : 2px;
    padding-right : 2px;
    padding-top : 2px;
    width : 160px;
}
.formFieldTextLow1 {
    background-color : rgb(255, 255, 255);
    border-color : rgb(206, 206, 206);
    border-style : solid;
    border-bottom-width : 1px;
    border-collapse : separate;
    border-left-width : 1px;
    border-right-width : 1px;
    border-top-width : 1px;
    box-sizing : border-box;
    color : rgb(85, 85, 85);
    cursor : auto;
    display : inline-block;
    font-family : Tahoma;
    font-size : 13px;
    padding-bottom : 2px;
    padding-left : 2px;
    padding-right : 2px;
    padding-top : 2px;
    width : 160px;
}
.formFieldTextShort {
    background-color : rgb(255, 255, 255);
    border-color : rgb(206, 206, 206);
    border-style : solid;
    border-bottom-width : 1px;
    border-collapse : separate;
    border-left-width : 1px;
    border-right-width : 1px;
    border-top-width : 1px;
    box-sizing : border-box;
    color : rgb(85, 85, 85);
    cursor : auto;
    display : inline-block;
    font-family : Tahoma;
    font-size : 13px;
    padding-bottom : 2px;
    padding-left : 2px;
    padding-right : 2px;
    padding-top : 2px;
    width : 130px;
}
.formFieldTextLong {
    background-color : rgb(255, 255, 255);
    border-color : rgb(206, 206, 206);
    border-style : solid;
    border-bottom-width : 1px;
    border-collapse : separate;
    border-left-width : 1px;
    border-right-width : 1px;
    border-top-width : 1px;
    box-sizing : border-box;
    color : rgb(85, 85, 85);
    cursor : auto;
    display : inline-block;
    font-family : Tahoma;
    font-size : 12px;
    padding-bottom : 2px;
    padding-left : 2px;
    padding-right : 2px;
    padding-top : 2px;
    width : 450px;
}
.formFieldTextSelect {
    background-color : rgb(255, 255, 255);
    border-color : rgb(206, 206, 206);
    border-style : solid;
    border-bottom-width : 1px;
    border-collapse : separate;
    border-left-width : 1px;
    border-right-width : 1px;
    border-top-width : 1px;
    box-sizing : border-box;
    color : rgb(85, 85, 85);
    cursor : auto;
    display : inline-block;
    font-family : Tahoma;
    font-size : 13px;
    padding-bottom : 2px;
    padding-left : 2px;
    padding-right : 2px;
    padding-top : 2px;
    width : 190px;
    float : left;
}
.formFieldIcon {
    padding-left : 2px;
    padding-top : 3px;
    width : 16px;
    float : left;
}
.formFieldTextArea {
    background-color : rgb(255, 255, 255);
    border-color : rgb(206, 206, 206);
    border-style : solid;
    border-bottom-width : 1px;
    border-collapse : separate;
    border-left-width : 1px;
    border-right-width : 1px;
    border-top-width : 1px;
    box-sizing : border-box;
    color : rgb(85, 85, 85);
    cursor : auto;
    display : inline-block;
    font-family : Tahoma;
    font-size : 13px;
    height : 20px;
    padding-bottom : 5px;
    padding-left : 2px;
    padding-right : 2px;
    padding-top : 5px;
    height : 85px;
    width : 210px;
}
.formFieldCombo {
    color : rgb(85, 85, 85);
    cursor : auto;
    font-family : Tahoma;
    width : 210px;
    font-size : 13px;
    padding-bottom : 5px;
    padding-left : 2px;
    padding-right : 2px;
    padding-top : 5px;
}
.formFieldTextDisabled {
    text-align : center;
    background-color : #D3D3D3;
    pointer-events: none;
}
.formFieldCombo select {
    width : 220px;
}
.formFieldCheckBox {
    margin : 5px;
}
.formFieldFieldset {
    margin : 10px 0;
    background-color : transparent;
}
.formFieldLegend {
    color : #4D5D04; /* Phenome FirGreen */
}
.formFieldHeader {
    color : #4D5D04; /* Phenome FirGreen */
}
.formFieldVertLabel {
    color : #4D5D04; /* Phenome FirGreen */
    vertical-align : middle;
}
.formFieldInput {
    width : 100%;
    /*    font-size : 16px;*/
    font-family : veranda;
    color : #4D5D04;
    border-color : transparent;
    background-color : transparent;
}
.formTemplate {
    width : 100%;
    height : 100%;
}
.checkboxContainer {
    float : right;
    width : 459px;
    margin-top : 5px;
}
.checkboxContainerLeft {
    float : left;
    margin-right : 3px;
}
.checkboxContainerRight {
    float : left;
    width : 400px;
    margin-top : 2px;
}
.baseContainerSelector {
    width : 493px;
    height : 250px;
    border : 1px solid #CECECE;
}
.ms-formFieldLabel {
    float : left;
    margin : 5px;
    margin-top : 10px;
    font-family : Tahoma;
    font-size : 12px;
    font-weight : normal;
}
.ms-formFieldContainer {
    float : left;
    margin : 5px;
    width : 180px;
    font-family : Tahoma;
    font-size : 12px;
    font-weight : normal;
}
.ms-formFieldText {
    background-color : rgb(255, 255, 255);
    border-color : rgb(206, 206, 206);
    border-style : solid;
    border-bottom-width : 1px;
    border-collapse : separate;
    border-left-width : 1px;
    border-right-width : 1px;
    border-top-width : 1px;
    box-sizing : border-box;
    color : rgb(85, 85, 85);
    cursor : auto;
    display : inline-block;
    font-family : Tahoma;
    font-size : 13px;
    padding-bottom : 5px;
    padding-left : 2px;
    padding-right : 2px;
    padding-top : 5px;
    width : 180px;
}
.ms-formFieldTextArea {
    background-color : rgb(255, 255, 255);
    border-color : rgb(206, 206, 206);
    border-style : solid;
    border-bottom-width : 1px;
    border-collapse : separate;
    border-left-width : 1px;
    border-right-width : 1px;
    border-top-width : 1px;
    box-sizing : border-box;
    color : rgb(85, 85, 85);
    cursor : auto;
    display : inline-block;
    font-family : Tahoma;
    font-size : 13px;
    height : 20px;
    padding-bottom : 5px;
    padding-left : 2px;
    padding-right : 2px;
    padding-top : 5px;
    height : 85px;
    width : 240px;
}
.editButtonRow {
    margin-top : 0px;
}
.editButtonRow .dialogButton {
    float : right;
    margin-left : 5px;
    margin-right : 5px;
}
.formButtonRow {
    margin-top : 10px;
}
.formButtonRow .dialogButton {
    float : right;
    margin : 10px;
}
.searchButtonRow {
    margin-top : 0px;
}
.searchButtonRow .dialogButton {
    float : right;
    margin-left : 10px;
    margin-right : 10px;
}
.analysisTypesButtonRow {
    margin-top : 0px;
}
.analysisTypesButtonRow .dialogButton {
    float : right;
    margin-left : 10px;
    margin-right : 10px;
}
.variableInfoButtonRow {
    margin-top : 0px;
}
.variableInfoButtonRow .dialogButton {
    float : right;
    margin-left : 10px;
    margin-right : 10px;
}
.analysisButtonContainer{
    margin-right : 35px;
}
.analysisCheckBoxContainer {
    margin : 12px 5px;
}
.analysisOpenLink{
    text-decoration : underline;
    color : rgb(0, 0, 238);
}
.studiesButtonRow {
    margin-top : 0px;
}
.studiesButtonRow .dialogButton {
    float : right;
    margin-left : 10px;
    margin-right : 10px;
}
.formInsideTitle {
    float : left;
    font-size : 13px;
    margin : 0 0 10px 5px;
}
.portSettingsButtonRow {
    margin-top : 0px;
}
.portSettingsButtonRow .dialogButton {
    float : right;
    margin-left : 10px;
    margin-right : 10px;
}
/****************************** end forms **********************************************/

/****************************** start selector **********************************************/
.selectorContainer {
    float : left;
    width : 470px;
}
.selectorListsMainTitleContainer {
    width : 500px;
}
.selectorListsTitleContainer {
    width : 210px;
    font-family : Tahoma;
    font-size : 12px;
    font-weight : normal;
}
.selectorListsContainer {
    width : 210px;
    height : 200px;
    border : 1px solid #CECECE;
    background-color : white;
    float : left;
}
.selectorListItem {
    display : block;
    padding-bottom : 6px;
    color : #000000;
    font-family : Tahoma;
    font-size : 8pt;
    cursor : pointer;
}
.selectorListsMainTitleContainer .formFieldContainer {
    width : 455px;
    border-bottom : 1px solid #CECECE;
}
.listContainer {
    float : left;
    padding : 5px;
}
.selectorDataView {
    height : 200px;
}
.ms-selectorContainer {
    float : left;
    width : 280px;
}
.ms-selectorListsMainTitleContainer {
    width : 200px;
}
.ms-selectorListsTitleContainer {
    width : 270px;
    font-family : Tahoma;
    font-size : 12px;
    font-weight : normal;
}
.ms-selectorTreeContainer {
    width : 268px;
    height : 229px;
    border : 1px solid #CECECE;
    background-color : white;
    float : left;
}
.ms-selectorListsContainer {
    width : 268px;
    border : 1px solid #CECECE;
    background-color : white;
    float : left;
}
.ms-selectorListItem {
    display : block;
    padding-bottom : 6px;
    color : #000000;
    font-family : Tahoma;
    font-size : 8pt;
    cursor : pointer;
}
.ms-selectorListsMainTitleContainer .ms-formFieldContainer {
    width : 270px;
    border-bottom : 1px solid #CECECE;
}
.ms-listContainer {
    float : left;
    padding : 5px;
}
.ms-selectorTree {
    height : 220px;
}
.ms-selectorDataView {
    height : 100px;
    width : 268px;
}
.userSharedListEmailAddresses {
    width : 90%;
    font-family : arial;
    font-size : 12px;
}
.removeSharingButton {
    background-image : url(../images/icons/cancel.svg);
    background-size : 12px 12px;
    height : 12px;
    width : 12px;
    display : inline-block;
}
.cancelSharingButton {
    font-weight : bold;
}
.okSharingButton {
    margin-left : 10px;
    font-weight : bold;
}
.sharingUserDivDetails {
}
.sharingRow {
    height : 30px;
    margin : 10px;
}
.sharingLabelContainer {
    float : left;
    margin : 5px;
}
.sharingLabelContainer span {
    font-family : Tahoma;
    font-size : 12px;
    font-weight : normal;
}
.sharingTitleContainer {
    float : left;
    margin : 5px;
    padding-left : 10px;
    width : 460px;
}
.sharingTitleContainer span {
    font-family : Tahoma;
    font-size : 12px;
    font-weight : normal;
}
.sharingReportTitleContainer {
    padding-left : 0px;
}
.sharingCheckboxContainer {
    float : left;
    margin-top : 5px;
    margin-bottom : 5px;
    width : 65px;
}
.sharingFieldContainer {
    float : right;
    padding-right : 65px;
}
.sharingFieldContainer select {
}
.shareUsersListDiv {
    height : 210px;
    overflow-y : auto;
    background-color : #ffffff;
    border : 1px #CCCCCC solid;
}
.sharingUserNameContainer {
    float : left;
    height : 20px;
    padding : 5px 5px 5px 15px;
    width : 300px;
}
.sharingUserNameContainer span {
    font-family : Tahoma;
    font-size : 12px;
    font-weight : normal;
}
.sharingPermissionsContainer {
    float : left;
    padding : 5px;
    width : 150px;
}
.sharingPermissionsContainer select {
    float : right;
    width : 150px;
    background-color : rgb(255, 255, 255);
    border-color : rgb(206, 206, 206);
    border-style : solid;
    border-bottom-width : 1px;
    border-collapse : separate;
    border-left-width : 1px;
    border-right-width : 1px;
    border-top-width : 1px;
    box-sizing : border-box;
    color : rgb(85, 85, 85);
    cursor : auto;
    display : inline-block;
    font-family : Tahoma;
    font-size : 13px;
    padding-bottom : 5px;
    padding-left : 2px;
    padding-right : 2px;
    padding-top : 5px;
}
.sharingRemoveContainer {
    float : left;
    width : 30px;
    padding-bottom : 4px;
    padding-left : 10px;
    padding-right : 10px;
    padding-top : 9px;
}
.sharingInviteContainer {
    float : left;
    width : 310px;
}
.sharingInvitePermissionsContainer {
    float : left;
    padding : 5px;
    width : 150px;
}
.sharingInviteCheckboxContainer {
    float : left;
    width : 20px;
    padding : 7px 20px;
}
.sharingInvitePermissionsContainer select {
    float : right;
    width : 150px;
    background-color : rgb(255, 255, 255);
    border-color : rgb(206, 206, 206);
    border-style : solid;
    border-bottom-width : 1px;
    border-collapse : separate;
    border-left-width : 1px;
    border-right-width : 1px;
    border-top-width : 1px;
    box-sizing : border-box;
    color : rgb(85, 85, 85);
    cursor : auto;
    display : inline-block;
    font-family : Tahoma;
    font-size : 13px;
    padding-bottom : 5px;
    padding-left : 2px;
    padding-right : 2px;
    padding-top : 5px;
}
.sharingButtonRow {
}
.sharingButtonRow .dialogButton {
    float : right;
    margin : 10px;
}
.usersShareTreeContainer {
    float : left;
    width : 235px;
    height : 340px;
    border : 1px solid #C7C7C7;
    overflow : auto;
}
.usersSharePermissionsLabelContainer {
    float : left;
    width : 150px;
    padding : 5px 5px 0 5px;
}
.usersSharePermissionsContainer {
    float : left;
    width : 150px;
    padding : 5px 5px 0 5px;
}
.usersShareCheckboxLabelContainer {
    float : left;
    width : 65px;
    padding : 5px 5px 0 5px;
}
.usersShareCheckboxContainer {
    float : left;
    width : 15px;
    padding : 8px 0 0 27px;
}
.usersShareButtonRow {
}
.usersShareButtonRow .dialogButton {
    float : right;
    margin : 10px;
}
.importFieldsTreeContainer {
    float : left;
    width : 250px;
    height : 385px;
    border : 1px solid #C7C7C7;
    overflow : auto;
}
.importFieldsButtonRow {
}
.importFieldsButtonRow .dialogButton {
    float : right;
    margin : 10px;
}
.selectResearchGroupTreeContainer {
    float : left;
    width : 235px;
    height : 390px;
    border : 1px solid #C7C7C7;
    overflow : hidden;
}
.selectResearchGroupButtonRow {
}
.selectResearchGroupButtonRow .dialogButton {
    float : right;
    margin : 10px;
}
.usersActionsTemplate {
    width : 100%;
    height : 510px;
}
.usersActionsButtonRow {
    /*margin-top : 10px;*/
}
.usersActionsButtonRow .dialogButton {
    float : right;
    margin : 10px;
}
/****************************** end selector **********************************************/

/****************************** start sortForm **********************************************/
.sortFormContainer {
    float : left;
    width : 620px;
}
.sortFormListsContainer {
    width : 295px;
    height : 200px;
    border : 1px solid #CECECE;
    background-color : white;
    float : left;
}
.sortFormListItem {
    width : 270px;
    display : block;
    font-weight : bold;
    padding-bottom : 6px;
    color : #000000;
    font-family : Tahoma;
    font-size : 8pt;
    cursor : pointer;
}
.sortFormNameArea {
    width : 160px;
    /*float : left;*/
}
.sortFormSelectArea {
    width : 90px;
    /*float : right;*/
}
.sortFormDataView {
    height : 200px;
}
/****************************** end sortForm **********************************************/

/****************************** start Grid **********************************************/
.grid_link_cell {
    cursor : pointer;
    text-decoration : underline;
    font-weight : bold;
}
.grid_exc_cell {
    color : #FF0000 !important;
    font-weight : bold;
}
/****************************** end Grid **********************************************/

/*******************************start right side loading ******************************/
.rightSideLoading {
    background-image : url(../images/loading_small.gif);
    width : 100px;
    height : 100px;
    margin : auto;
    margin-top : 150px;
}
.rightSideLoadingEmpty {
    width : 100px;
    height : 100px;
    margin : auto;
    margin-top : 150px;
}
.rightSideLoadingText {
    font-family : Tahoma;
    font-size : 12px;
    margin : 20px auto auto;
    text-align : center;
    width : 256px;
}
.rightSideOverviewText {
    font-family : Tahoma;
    font-size : 12px;
    margin : 200px auto auto;
    text-align : center;
    width : 256px;
}
.rightSideLoadingTextLink {
    font-family : Tahoma;
    font-size : 12px;
    font-weight : bold;
    margin : auto;
    padding-top : 10px;
    text-align : center;
    text-decoration : underline;
    width : 350px;
}
.rightSideOverviewContainer {
}
.rightSideOverviewImage {
    margin : 10px auto auto;
    width : 16px;
}
/******************************end right side loading ********************************/

/****************************** start Definition Form **********************************************/
.definitionFormDiv {
}
.definitionFormHeader {
    border-bottom : 1px solid;
    margin-left : 10px;
    font-weight : bold;
}
.definitionFormRefreshMessage {
    margin : 10px;
    padding-top : 5px;
}
.definitionFormButtonsRow {
    float : left;
}
.definitionFormButtonsRow .dialogButton {
    margin : 5px;
}
.definitionFormButtonsRow .rulesButton {
    -moz-user-select : none;
    background-color : #f5f5f5;
    border : 1px solid #ccc;
    color : #333;
    float : left;
    font-family : Arial;
    font-size : 13px;
    margin : 3px 20px 5px 0;
    position : relative;
    vertical-align : middle;
    white-space : nowrap;
    width : auto;
    cursor : pointer;
}
.definitionFormType {
    height : 140px;
}
.definitionFormPopulation {
}
.definitionFormFilteringRulesBody {
    margin-left : 6px;
    margin-top : 10px;
}
.definitionFormFilteringRulesMsg {
    border : 1px solid #C0C0C0;
    margin : 5px;
    width : 664px;
}
.definitionFormFilteringRulesMsg ul {
    margin-left : -10px;
    width : 95%;
}
.definitionFormFilteringRulesMsg div {
    margin : 5px 0 -10px 5px;
}
.definitionFormFilteringRules {
}
.definitionFormFilteringRulesTable {
    border : 1px solid #C0C0C0;
    margin : 5px;
    width : 665px;
}
.definitionFormFilteringRulesTable select {
    font-family : Tahoma;
    font-size : 8pt;
    font-weight : normal;
    margin-left : 10px;
    margin-top : 2px;
    margin-bottom : 2px;
}
.definitionFormFilteringRulesTable input {
    font-family : Tahoma;
    font-size : 8pt;
    font-weight : normal;
    margin-left : 10px;
    margin-top : 2px;
    margin-bottom : 2px;
    width : 80px;
}
.definitionFormFilteringRulesTable span {
    font-family : Tahoma;
    font-size : 8pt;
    font-weight : normal;
    margin-left : 5px;
}
.definitionFormFilteringRulesTable button {
    font-family : Tahoma;
    font-size : 8pt;
    font-weight : normal;
    text-decoration : underline;
    border : 0;
}
.definitionFormFilteringRulesTableOrder {
    width : auto;
    font-family : Tahoma;
    font-size : 8pt;
    font-weight : normal;
    width : 30px;
}
.definitionFormFilteringRulesTableActions {
    font-family : Tahoma;
    font-size : 8pt;
    font-weight : normal;
    width : 30px;
}
.definitionFormFilteringRulesTableRule {
    width : 320px;
    font-family : Tahoma;
    font-size : 8pt;
    font-weight : normal;
}
.definitionFormFilteringRulesTableParams {
    width : 250px;
    font-family : Tahoma;
    font-size : 8pt;
    font-weight : normal;
}
.definitionFormFilteringRulesTableMessage {
    width : 200px;
    font-family : Tahoma;
    font-size : 8pt;
    font-weight : normal;
    width : 330px;
}
.definitionFormFilteringRulesIcon {
    background-size : 16px 16px;
    height : 16px;
    width : 16px;
    display : inline-block;
}
.definitionFormTop {
    width : 730px;
}
.tableRowRule {
    font-family : Tahoma;
    font-size : 8pt;
    font-weight : normal;
}
.tableRowActionsIcons {
    float : left;
    margin : 3px;
    cursor : pointer;
}
.definitionFormFilteringRulesUp {
    background-image : url("../images/icons/arrow_up.svg");
}
.definitionFormFilteringRulesDown {
    background-image : url("../images/icons/arrow_down.svg");
}
.definitionFormFilteringRulesRemove {
    background-image : url("../images/icons/cancel.svg");
}
.definitionFormDivBody {
    overflow : auto;
    height : 100%;
    font-family : Tahoma;
    font-size : 13px;
    font-weight : normal;
}
.definitionFormStatistical {
}
.definitionFormStatisticalBody {
}
.definitionFormTypeLabel {
    float : left;
    margin : 5px 5px 5px 10px;
    width : 150px;
}
.definitionFormTypeCombo {
    float : left;
    padding-left : 50px;
    margin : 5px 5px 5px 35px;
}
.definitionFormTypeComboSelect {
    width : 420px;
}
.definitionFormGermplasmPopulationList {
    border : 1px solid;
    height : 470px;
    margin : 10px;
    margin-top : 10px;
    width : 200px;
}
.germplasmListHeader {
    padding-left : 5px;
    padding-top : 5px;
}
.definitionFormGermplasmList {
    border : 1px solid;
    height : 75px;
    margin : 5px;
    width : 200px;
}
.definitionFormPopulationLeftContainer {
    float : left;
    padding-right : 10px;
}
.definitionFormPopulationRightContainer {
    float : left;
    padding-left : 10px;
}
.uploadFormLeftContainer {
    float : left;
    padding-right : 10px;
    width : 222px;
}
.uploadFormRightContainer {
    float : left;
    padding-left : 10px;
    width : 500px;
}
.dataviewExplanation {
    color : #b3b3b3;
    font-size : 10px;
    margin-left : 5px;
}
.mandatorySign {
    color : #ff0000;
}
.signUpMandatorySign {
    color : #ff0000;
    float : left;
    margin-left : -10px;
}
.rerunProcessCheckbox {
    margin : 5px;
}
.tableRowRule4PopupDiv {
    display : none;
    background-color : #ffffff;
    border : 1px solid;
    left : 370px;
    position : absolute;
    bottom : 150px;
    z-index : 100;
    background-color : #FFFFFF;
    border-radius : 2px;
    box-shadow : 2px 3px 13px #666666;
    border : 1px solid #CECECE;
    border-radius : 2px;
    overflow : hidden;
}
.tableRowRule4PopupSelect {
    height : 105px;
    margin : 5px;
    z-index : 1000;
    width : 150px;
}
.tableRowRule4PopupDivButtons {
    float : right;
    margin : 5px;
}
.definitionFormStatisticalSelect .dhxform_select {
    width : 410px;
}
.definitionFormStatisticalSelect .dhxform_label {
    width : 80px;
}
/****************************** end Definition Form **********************************************/
/****************************** start viewer   **********************************************/
.viewerContainer {
    width : 100%;
    /*    height : 600px;*/
}
/****************************** end viewer   **********************************************/

/****************************** start analysis definition   **********************************************/
.analysisDefinitionComponentInner {
    width : 100%;
    height : 100%;
    min-width : 500px;
    overflow : auto;
}
.analysisDefinitionComponentTop {
    width : 100%;
    /*height : 120px;*/
}
.analysisDefinitionComponentBottom {
    width : 100%;
    height : 600px;
}
.analysisDefinitionComponentInputs {
    width : 100%;
    height : 100%;
}
.analysisInputsComponent {
    width : 100%;
    height : 560px;
}
.analysisInputsComponentInner {
    width : 100%;
    height : 520px;
}
.analysisInputsParameters {
    width : 100%;
    height : 100%;
    overflow : auto;
}
.analysisDefinitionComponentLeft {
    float : left;
}
.analysisDefinitionComponentRight {
    float : left;
}
.analysisMainLeft {
    float : left;
    margin-right : 5px;
    width : 400px;
}
.analysisMainRight {
    float : left;
    width : 1150px;
}
.analysisResultsContainer {
    height : 275px;
    margin : 10px;
    margin-bottom : 10px;
}
.analysisResultsItemContainer {
    margin-left : 10px;
    margin-top : 18px;
    /*width : 1130px;*/
}
.aic-inputRole {
    position : relative;
    margin : 10px 10px 0 0;
    width : 485px;
    height : 100px;
}
.aic-inputRole-button {
    position : absolute;
    left : 0;
    top : 0;
    width : 165px;
    height : 100%;
}
.aic-inputRole-grid {
    position : absolute;
    left : 165px;
    top : 0;
    width : 320px;
    height : 100%;
}
.aic-inputRole-gridDiv {
    position : relative;
    width : 318px;
    height : 98px;
}
.aic-inputRole-minmax-green {
    float : right;
    color : green;
}
.aic-inputRole-minmax-red {
    float : right;
    color : red;
}
.aic-inputRole-variable-factor {
    color : red;
}
.aic-inputRole-variable-variate {
    color : blue;
}
.aic-inputRole-variable-attribute {
    color : #000000;
}
.aic-statisticsRole-select {
    margin-bottom : 5px;
}
.aic-statisticsRole-select select {
    width : 93px;
}
.aic-statisticalComparisonRole {
    position : relative;
    width : 485px;
    height : 150px;
    margin : 10px 10px 0 0;
}
.aic-statisticalComparisonRole-button {
    position : absolute;
    left : 0;
    top : 0;
    width : 165px;
    height : 100px;
}
.aic-statisticalComparisonRole-grid {
    position : absolute;
    left : 165px;
    top : 0;
    width : 320px;
    height : 100px;
}
.aic-statisticalComparisonRole-compare {
    position : absolute;
    left : 0px;
    top : 100px;
    width : 485px;
    height : 50px;
}
.aic-statisticalComparisonRole-status {
    margin-left : 5px;
}
.aic-statisticalComparisonRole-alphaNode {
    padding : 5px;
}
.aic-statisticalComparisonRole-levelsGrid {
    height : 350px;
}
.aic-label {
    font-weight : bold;
    margin-top : 10px;
    padding-top : 4px;
}
.aic-checkbox {
    padding-top : 2px;
}
.aic-combo select {
    margin : 3px;
}
.aic-text input {
    margin : 3px;
}
.aic-statcompare-select {
    text-decoration : underline;
    color : #666666;
    vertical-align : top;
    margin : 2px;
    cursor : pointer;
}
/****************************** end analysis definition **********************************************/

#loadingSpinner {
    background : url(../images/loading-16x16.gif) no-repeat center #0B4D4B;
    height : 16px;
    padding : 4px;
    position : fixed;
    top: 0.3em;
    right: 7.5em;
    visibility : hidden;
    width : 16px;
    z-index : 100;
}
#phnRuler {
    visibility: hidden;
    white-space: nowrap;
}

/****************************** general   **********************************************/
.generalContainer {
    font-family : Arial;
    font-size : 12px;
    margin : 5px;
}
.generalContainer input {
    font-family : Arial;
    font-size : 12px;
}
.generalContainerCenterInnerHTML {
    margin : auto;
}
.wt_checkbox {
    margin-top : 5px;
}
.help {
    background-image : url(../images/icons/help.svg);
    width : 16px;
    height : 16px;
}
.p2gViewerButtonsRow {
    float : right;
}
.p2gViewerButtonsRow .dialogButton {
    margin : 5px;
    width : 80px;
}
.p2gVariablesHeaderLabel {
    float : left;
    margin : 5px;
    padding-top : 10px;
    width : 106px;
}
.p2gVariablesTableButtonsRow {
    float : right;
}
.p2gVariablesTableButtonsRow .dialogButton {
    margin-right : 215px;
    width : 130px;
}
.p2gVariablesTableSelect {
    font-family : Tahoma;
    font-size : 12px;
    font-weight : normal;
    width : 50px;
}
.p2gVariablesTableVariableName {
    font-family : Tahoma;
    font-size : 12px;
    font-weight : normal;
    width : 250px;
}
.p2gComboSelectDiv {
    float : left;
    width : 100px;
    margin : 5px;
}
div.unityDefinitionsFormDialog .p2gComboLabel {
    float : left;
    margin : 8px 0 5px;
    width : 120px;
}
div.unityDefinitionsFormDialog .p2gComboSelectDiv {
    width : 200px;
    font-family : Tahoma;
    font-size : 12px;
    font-weight : normal;
}
div.p2gDefinitionsFormDialog .p2gComboLabel {
    float : left;
    margin : 8px 5px 5px;
    width : 100px;
}
div.p2gDefinitionsFormDialog .p2gComboSelect {
    width : 375px;
    font-family : Tahoma;
    font-size : 12px;
    font-weight : normal;
}
div.p2gDefinitionsFormDialog .p2gExtraLabel {
    float : left;
    width : 100px;
    margin : 5px;
    font-family : Tahoma;
    font-size : 12px;
    font-weight : normal;
}
div.p2gDefinitionsFormDialog .p2gExtraInput {
    float : left;
    width : 40px;
    margin : 5px;
    font-family : Tahoma;
    font-size : 12px;
    font-weight : normal;
}
div.p2gDefinitionsFormDialog .p2gExtraInput input {
    width : 85px;
    font-family : Tahoma;
    font-size : 12px;
    font-weight : normal;
}
div.p2gDefinitionsFormDialog .p2gExtraSelect {
    float : left;
    margin : 5px;
    font-family : Tahoma;
    font-size : 12px;
    font-weight : normal;
}
div.p2gTraitsTreeTop .p2gComboLabel {
    float : left;
    width : 115px;
    margin : 5px;
    font-family : Tahoma;
    font-size : 12px;
    font-weight : normal;
}
div.p2gTraitsTreeTop .p2gComboSelect {
    width : 175px;
    font-family : Tahoma;
    font-size : 12px;
    font-weight : normal;
}
.p2gDefinitionsFormButtonRow .dialogButton {
    float : right;
    margin-left : 10px;
}
.p2gVariablesTable {
    border : 1px solid #C0C0C0;
    float : left;
    height : 160px;
    margin-top : 5px;
    overflow-x : hidden;
    overflow-y : scroll;
    width : 265px;
}
.p2gVariablesTable .varCheckBoxContainer {
    width : 10px;
    text-align : center;
    border-color : #F0F0F0;
}
.p2gVariablesTable .varTextContainer {
    text-align : left;
    border-color : #F0F0F0;
}
.p2gVariablesTable table {
    border : 1px solid #F0F0F0;
    height : 160px;
    overflow-x : hidden;
    overflow-y : scroll;
    width : 372px;
    padding-bottom : 0;
    padding-top : 0;
    border-color : #E6E6E6;
    border-width : 0 0 1px;
    color : #262626;
    font-family : Tahoma;
    font-size : 13px;
    padding-left : 20px;
    padding-right : 20px;
}
.p2gComboLabel {
    font-family : Tahoma;
    font-size : 12px;
    margin-left : 8px;
    margin-right : 10px;
    margin-top : 12px;
}
.breedingComboLabel {
    margin-left : 5px;
    margin-right : 5px;
    margin-top : 5px;
}
.siteComboLabel {
    float : left;
    margin-left : 5px;
    margin-right : 5px;
    margin-top : 5px;
}
.p2gComboSelect {
    margin-top : 10px;
}
.p2gViewerGraphTypeCombo .p2gComboLabel {
    float : left;
    padding-top : 8px;
    width : 70px;
}
.p2gViewerGraphTypeCombo .p2gComboSelectDiv {
    float : left;
    margin-left : 10px;
    font-family : Tahoma !important;
    font-size : 12px  !important;
    width : 100px;
}
.standartTreeImage {
    height : 20px !important;
}
.standartTreeImage img {
    height : 18px !important;
}
.ontologiesContainer {
}
.ontologiesLeftContainer {
    float : left;
    width : 310px;
    margin : 5px;
}
.ontologiesLeftContainer label {
    margin : 5px;
    width : 120px;
    font-family : Tahoma;
    font-size : 12px;
    font-weight : normal;
}
.ontologiesGroupLabel {
    float : left;
    margin-bottom : 5px;
    margin-left : 5px;
    margin-top : 5px;
    width : 80px;
    font-family : Tahoma;
    font-size : 12px;
    font-weight : bold;
}
.ontologiesGroupSelect {
    float : left;
    margin-bottom : 5px;
    margin-left : 2px;
}
.ontologiesGroupContainer {
    height : 302px;
    margin : 5px;
}
.ontologiesGroupList {
    border : 1px solid #C7C7C7;
    height : 300px;
    width : 380px;
}
.ontologiesGroupsContainer {
    margin : 5px;
}
.ontologiesSelectedContainer {
    margin : 5px;
}
.ontologiesRightContainer {
    float : left;
    width : 310px;
    margin : 5px;
}
.ontologiesLabelContainer {
    margin : 5px;
}
.ontologiesTreeContainer {
    height : 300px;
    overflow : auto;
    margin : 5px;
    border : 1px solid #F0F0F0;
}
.ontologiesLabelContainer label {
    margin-top : 5px;
    margin-bottom : 5px;
    width : 120px;
    font-family : Tahoma;
    font-size : 12px;
    font-weight : bold;
}
.ontologiesSelectedList {
    border : 1px solid #F0F0F0;
    height : 330px;
    width : 300px;
}
.ontologiesFormButtonRow {
    margin-top : 10px;
}
.ontologiesFormButtonRow .dialogButton {
    float : right;
    margin : 10px;
}
.ontologiesFormButtonRow .dialogButtonNarrow {
    float : right;
}
.assignTaskButtonRow {
    margin-top : 10px;
}
.assignTaskButtonRow .dialogButton {
    float : right;
    margin : 10px;
}
.assignTaskButtonRow .dialogButtonNarrow {
    float : right;
}
.addDocumentButtonRow {
    margin-top : 5px;
}
.addDocumentButtonRow .dialogButton {
    float : right;
    margin : 0 10px;
}
.addDocumentButtonRow .dialogButtonNarrow {
    float : right;
}
.addDocumentContainer {
    border : 1px solid #CECECE;
    height : 180px;
}
.showObservationsButtonRow {
    margin-top : 5px;
}
.showObservationsButtonRow .dialogButton {
    float : right;
    margin : 0 10px;
}
.showObservationsButtonRow .dialogButtonNarrow {
    float : right;
}
.showObservationsContainer {
    border : 1px solid #CECECE;
    width : 100%;
    height : 525px;
}
.showUsersMobileContainer {
    border : 1px solid #CECECE;
    width : 100%;
    height : 478px;
}
.uploadDocumentForm {
    float : left;
    font-weight : bold;
}
.setApproversOrderContainer {
    border : 1px solid #CECECE;
    height : 180px;
}
.setApproversOrderSelectArea {
    width : 100%;
    height : 20px;
    float : left;
    margin : 5px 0;
}
.setApproversOrderGridArea {
    width : 100%;
    height : 251px;
    margin : 5px 0;
}
.setApproversOrderButtonRow {
    width : 100%;
    height : 30px;
    padding : 3px 0;
    margin-top : 5px;
}
.setApproversOrderButtonRow .dialogButton {
    float : right;
    margin : 0 10px;
}
.imagesArea {
    border : 1px solid #F0F0F0;
}
.imagesComponentTabContainer {
    border : 1px solid #F0F0F0;
    margin : auto;
}
.imagesComponentTabContainer .imagesListContainer {
    margin-right : 60px;
}
.imageIconContainer {
    width : 120px;
    height : 120px;
    padding : 0px;
    /*margin : 5px;*/
    float : left;
    overflow : hidden;
}
.imageDescContainer {
    width : 120px;
    float : left;
    margin-top : 3px;
}
.imageDescription {
    font-family : Tahoma;
    font-size : 10px;
}
.imageDescLabel {
    color : #777777;
    float : left;
    font-weight : bold;
    padding-right : 2px;
    text-align : right;
    /*width : 55px;*/
}
.imageDescValue {
    /*padding-left : 5px;*/
    text-align : left;
    /*width : 220px;*/
}
.imagesManagerComponentTabContainer {
    border : 1px solid #F0F0F0;
    margin : auto;
}
.imagesManagerComponentTabContainer .imagesListContainer {
    margin-right : 60px;
}
.imagesFormFieldContainer {
    float : left;
    /*margin : 5px;*/
    width : 90px;
    font-family : Tahoma;
    font-size : 12px;
    font-weight : normal;
    margin-top : 8px;
}
.imagesButtonRow {
}
.imagesButtonRow .dialogButton {
    margin : 0 5px 15px 0;
    width : auto;
}
.imagesContainer {
    float : left;
    width : 100%;
    height : 643px;;
}
.imagesContainerOuter {
    float : left;
    width : 870px;
    height : 521px;
}
.imagesContainerInner {
    width : 320px;
    height : 521px;
    float : left;
}
.imagesListContainer {
    width : 320px;
    height : 480px;
    float : left;
    border : 1px solid #F0F0F0;
}
.imageContainer {
    width : 505px;
    height : 505px;
    margin-left : 5px;
    margin-bottom : 5px;
    overflow : hidden;
    transform-origin : top left;
    -o-transform-origin : top left; /* Opera */
    -ms-transform-origin : top left; /* IE 9 */
    -moz-transform-origin : top left; /* Firefox */
    -webkit-transform-origin : top left; /* Chrome, Safari, Opera 15.0 */
}
.singleImageContainer {
    background-color: #6E95AD;
    color: #FFFFFF;
    font-size: 40px;
    height: 500px;
    line-height: 500px;
    margin: 0 auto;
    text-align: center;
    width: 500px;
}
.imageRotate0 {
    transform : none;
    -o-transform : none;
    -ms-transform : none;
    -moz-transform : none;
    -webkit-transform : none;
}
.imageRotate90 {
    transform : rotate(90deg);
    -o-transform : rotate(90deg);
    -ms-transform : rotate(90deg);
    -moz-transform : rotate(90deg);
    -webkit-transform : rotate(90deg);
}
.imageRotate180 {
    transform : rotate(180deg);
    -o-transform : rotate(180deg);
    -ms-transform : rotate(180deg);
    -moz-transform : rotate(180deg);
    -webkit-transform : rotate(180deg);
}
.imageRotate270 {
    transform : rotate(270deg);
    -o-transform : rotate(270deg);
    -ms-transform : rotate(270deg);
    -moz-transform : rotate(270deg);
    -webkit-transform : rotate(270deg);
}
.imageDesaturate {
    filter: grayscale(100%);
}
.clickable {
    cursor: pointer;
}
.imagePreview{
    background: #6E95AD;
    border: 1px solid #FFFFFF;
    box-shadow: 0 0 10px #00000059;
    height: 500px;
    left: 5%;
    padding: 5px 5px;
    position: absolute;
    top: 10%;
    width: 500px;
    z-index: 10000;
}
.formFieldTextAreaEdit {
    background-color : #F5F5F5;
    border-color : rgb(206, 206, 206);
    border-style : solid;
    border-bottom-width : 1px;
    border-collapse : separate;
    border-left-width : 1px;
    border-right-width : 1px;
    border-top-width : 1px;
    box-sizing : border-box;
    color : rgb(85, 85, 85);
    cursor : auto;
    display : inline-block;
    font-family : Tahoma;
    font-size : 13px;
    padding-bottom : 5px;
    padding-left : 2px;
    padding-right : 2px;
    padding-top : 5px;
    width : 210px;
}
.formFieldTextAreaMappingEdit {
    height : 85px;
}
.gridArea {
}
.analysisResultsGridArea {
    height : 220px;
    /*overflow-y : scroll;*/
    /*overflow-x : hidden;*/
}
.uploadLabelContainer {
    float : left;
    padding-top : 10px;
}
.uploadformFieldText {
    background-color : rgb(255, 255, 255);
    border-collapse : separate;
    border-color : rgb(206, 206, 206);
    border-style : solid;
    border-width : 1px;
    box-sizing : border-box;
    color : rgb(85, 85, 85);
    cursor : auto;
    display : inline-block;
    font-family : Tahoma;
    font-size : 13px;
    padding : 5px 2px;
    width : 320px;
}
.uploadButtonRow {
    width : 440px;
}
.uploadButtonRow .dialogButton {
    float : right;
    margin : 10px;
}
.noImagesFound {
    float : left;
}
.globalMapsContainer {
    border : 1px solid;
    height : 370px;
    width : 457px;
    margin-top : 5px;
}
.globalMapsSelectedContainer {
    border : 1px solid;
    height : 310px;
    margin : 10px;
    width : 200px;
}
.globalMapsContainerMsg {
    margin : 5px;
}
.globalMapsLeftContainer {
    width : 215px;
}
.uploadGlobalMapsContainer {
    border : 1px solid #d9d9d9;
    height : 170px;
    width : 440px;
    overflow-x : hidden;
    overflow-y : auto;
}
.signUpCombo {
    width : auto;
    margin-top : 10px;
}
.signUpCombo .p2gComboSelectDiv {
    width : auto;
}
.organismDescription {
    font-size : 9px;
}
.associationReportComponentTop {
    text-decoration : underline;
    cursor : pointer;
    margin-bottom : 10px;
}
.associationReportComponentInner {
    overflow : auto;
    height : 100%;
}
.associationReportBottom {
    width : 100%;
    height : 1750px;
    margin-top : 8px;
}
.associationReportLeft {
    width : 500px;
    margin-top : 8px;
    margin-left : 5px;
}
.associationReportRight {
    margin-top : 4px;
}
.associationReportGeneticMap {
    float : left;
    width : 360px;
    margin-left : 5px;
}
.associationReportSearch {
    float : left;
}
.associationReportLabel {
    float : left;
    margin : 8px 5px 5px;
}
.associationReportField {
    float : left;
    margin : 8px 5px 5px;
}
.associationReportGrid {
    width : 100%;
    height : 350px;
}
.associationReportGridLeft {
    float : left;
    width : 69%;
    height : 100%;
}
.associationReportGridRight {
    border : 1px solid #d9d9d9;
    float : right;
    width : 30%;
    height : 100%;
    font-weight : bold;
}
.associationReportSelectedItems {
}
.associationReportButtons {
    margin-top : 5px;
}
.associationReportButtonRun {
    margin-left : 5px;
    margin-top : 12px;
}
.associationReportComponentTopOrganismName {
    font-weight : bold;
}
.associationReportComponentTopTitle {
    text-decoration : underline;
}
.fieldMapContainer {
    width : 100%;
    height : 100%;
}
.cultivarsContainer {
    width : 100%;
    height : 100%;
}
.usersLayoutContainer {
    width : 100%;
    height : 100%;
}
.varietiesLayoutContainer {
    width : 100%;
    height : 100%;
}
.sitesLayoutContainer {
    width : 100%;
    height : 100%;
}
.projectLayoutContainer {
    width : 100%;
    height : 100%;
}
.groupCategoriesContainer {
    width : 620px;
    height : 516px;
}
.crossesPlanningContainer {
    width : 100%;
    height : 100%;
}
.crossesComboContainer {
    width : 100%;
    margin-bottom : 5px;
}
.crossesComboLabel {
    margin-right : 5px;
    margin-top : 5px;
}
.crossesComboSelect {
}
.crossesGridContainer {
    width : 90%;
}
.additionalProductContainer{
    width: 1184.2px;
    height: 178px;
}
.candidatesContainer {
    width : 100%;
    height : 100%;
}
.candidatesComboContainer {
    width : 100%;
}
.candidatesComboLabel {
    margin-top : 5px;
    margin-right : 5px;
    margin-left : 5px;
}
.candidatesComboSelect {
    margin-right : 10px;
    margin-bottom : 5px;
}
.candidatesHeaderLink {
    float : left;
    margin-top : 5px;
    margin-right : 10px;
    margin-left : 5px;
    cursor : pointer;
}
.candidatesGridsDiv {
    width : 100%;
    height : 515px;
    overflow : auto;
    border-bottom : 1px solid #CECECE;
}
.candidatesVariablesGridDiv {
    float : left;
    width : 100%;
    height : 350px;
    margin-bottom : 10px;
}
.candidatesHybridsGridDiv {
    float : left;
    width : 100%;
    height : 350px;
    margin-bottom : 10px;
}
.candidatesScoresGridDiv {
    float : left;
    width : 100%;
    height : 300px;
    margin-bottom : 10px;
}
.cultivarInputDiv {
    width : 100%;
    height : 390px;
    overflow : auto;
}
.cultivarDataDiv {
    float : left;
    width : 240px;
    height : 390px;
    margin-right : 12px;
}
.editCultivarRow {
    float : left;
    width : 245px;
    margin : 5px 0;
}
.editCultivarRowLeft {
    float : left;
    margin-top : 5px;
    width : 65px;
}
.editCultivarRowRight {
    float : right;
    width : 160px;
}
.cultivarGermplasmsGridDiv {
    float : left;
    width : 620px;
    height : 390px;
}
.candidatesButtonRow {
    margin-top : 5px;
}
.candidatesButtonRow .dialogButton {
    float : right;
    margin-right : 10px;
}
.passwordValidatorInputDiv {
    width : 100%;
    height : 100px;
}
.changePasswordInputDiv {
    width : 100%;
    height : 100px;
}
.changePasswordRow {
    float : left;
    width : 320px;
    margin : 5px 0;
}
.changePasswordRowLeft {
    float : left;
    margin-top : 5px;
    width : 160px;
}
.changePasswordRowRight {
    float : right;
    width : 160px;
}
.changePasswordButtonRow {
    margin-top : 5px;
}
.changePasswordButtonRow .dialogButton {
    float : right;
    margin-right : 10px;
}
.suggestedCrossesContainer {
    position : relative;
    width : 100%;
    height : 100%;
    overflow : auto;
}
.parentsMatrixContainer {
    position : relative;
    width : 100%;
    height : 100%;
    overflow : auto;
}
.floatRight {
    float : right;
}
.floatLeft {
    float : left;
}
.textAlignRight {
    text-align : right;
}
.textAlignCenter {
    text-align : center;
}
.textAlignLeft {
    text-align : left;
}
.verticalText {
    writing-mode : vertical-rl;
    white-space : nowrap;
}
.reportSharingContainer {
    float : left;
}
.sharingReportFieldContainer {
    margin : 5px;
}
.sharingReportFormFieldText {
    width : 273px;
}
.viewerHeaderLeft {
    float : left;
}
.viewerHeaderLeft .dialogButton {
    margin : 5px;
    width : 80px;
}
.firstStepContainerOuter {
    height : 100%;
    width : 100%;
}
.firstStepContainerTop {
    margin : 5px;
    padding : 5px;
    font-weight : bold;
}
.firstStepContainerInner {
    border : 1px solid #CECECE;
    margin : 10px 5px;
}
.firstStepContainer {
    height : 100%;
}
.varietiesPerCropComponentInner {
    overflow : auto;
    height : 100%;
}
.varietiesPerCropComponentTop {
    text-decoration : underline;
    cursor : pointer;
    margin-bottom : 10px;
}
.varietiesPerCropComponentTopName {
    float : left;
    font-weight : bold;
}
.varietiesPerCropComponentTopTitle {
    float : left;
    margin-left : 10px;
    color : #0000FF;
    text-decoration : underline;
}
.varietiesPerCropBottom {
    width : 100%;
    height : calc(100% - 24px);
    -o-height : -o-calc(100% - 24px);
    -moz-height : -moz-calc(100% - 24px);
    -webkit-height : -webkit-calc(100% - 24px);
}
.varietiesPerCropContainerOuter {
    height : 100%;
    width : 100%;
}
.varietiesPerCropContainerTop {
    float : left;
    margin : 5px;
    padding : 5px;
    font-weight : bold;
}
.varietiesPerCropContainerInner {
    border : 1px solid #CECECE;
    margin : 10px 5px;
}
.varietiesPerCropContainer {
    height : 100%;
}
.requestsPerCropComponentInner {
    overflow : auto;
    height : 100%;
}
.requestsPerCropComponentTop {
    text-decoration : underline;
    cursor : pointer;
    margin-bottom : 10px;
}
.requestsPerCropComponentTopName {
    float : left;
    font-weight : bold;
}
.requestsPerCropComponentTopTitle {
    float : left;
    margin-left : 10px;
    color : #0000FF;
    text-decoration : underline;
}
.requestsPerCropBottom {
    width : 100%;
    height : 100%;
}
.requestsPerCropContainerOuter {
    height : 100%;
    width : 100%;
}
.requestsPerCropContainerTop {
    float : left;
    margin : 5px;
    padding : 5px;
    font-weight : bold;
}
.requestsPerCropContainerInner {
    border : 1px solid #CECECE;
    margin : 10px 5px;
}
.requestsPerCropContainer {
    height : 100%;
}
.csoComponentInner {
    overflow : auto;
    height : 100%;
}
.csoComponentTop {
    text-decoration : underline;
    cursor : pointer;
    margin-bottom : 10px;
}
.csoComponentTopName {
    float : left;
    font-weight : bold;
}
.csoComponentTopTitle {
    float : left;
    margin-left : 10px;
    color : #0000FF;
    text-decoration : underline;
}
.csoBottom {
    width : 100%;
    height : 100%;
}
.csoContainerOuter {
    height : 100%;
    width : 100%;
}
.csoContainerTop {
    float : left;
    margin : 5px;
    padding : 5px;
    font-weight : bold;
}
.csoContainerInner {
    border : 1px solid #CECECE;
    margin : 10px 5px;
}
.csoContainer {
    height : 100%;
}
.csoMarkersGridContainer {
    float : left;
    width : 100%;
    height : 520px;
    border : 1px solid #C7C7C7;
    overflow : hidden;
}
.csoParentsGridContainer {
    float : left;
    width : 100%;
    height : 520px;
    border : 1px solid #C7C7C7;
    overflow : hidden;
}
.manageChromosomesContainer {
    width : 100%;
    height : 100%;
}
.manageChromosomesLayout {
    width : 100%;
    height : 342px;
}
.manageChromosomesGrid {
    float : left;
    width : 268px;
    height : 100%;
}
.manageChromosomesButtonRow {
    height : 29px;
    margin-top : 8px;
}
.manageChromosomesButtonRow .dialogButton {
    float : right;
    margin : 0px 10px;
}
.manageChromosomesActionRow {
    height : 20px;
    margin-bottom : 8px;
}
.manageChromosomesActionRow .dialogButton {
    float : right;
    margin : 0px 10px;
}
.actionButton {
    float : right;
    height : 16px;
    width : 16px;
    margin : 0px 5px;
}
.cropContainer {
}
.cropImage {
}
.cropTitle {
}
.cropDescription {
    font-size : 9px;
}
.eula {
    margin-right : 2px;
}
.eulaLink {
    text-decoration : underline;
}
.dialogButtonDisabled {
    padding : 0 3px;
    font-family : Tahoma;
    font-size : 12px;
    color : #FFFFFF;
    width : 60px;
    line-height : 25px;
    cursor : pointer;
    text-align : center;
    background-color : #D3D3D3;
    margin : 5px;
    -moz-appearance : button;
    -moz-binding : none;
    -moz-user-select : none;
    border : 2px outset buttonface;
    box-sizing : border-box;
}
.dialogButtonWideDisabled {
    padding : 0 3px;
    font-family : Tahoma;
    font-size : 12px;
    color : #FFFFFF;
    width : 90px;
    line-height : 25px;
    cursor : pointer;
    text-align : center;
    background-color : #D3D3D3;
    margin : 5px;
    -moz-appearance : button;
    -moz-binding : none;
    -moz-user-select : none;
    border : 2px outset buttonface;
    box-sizing : border-box;
}
.overviewGuideComponentContainerOuter {
    overflow : auto;
}
.overviewGuideComponentContainer {
    height : 520px;
    width : 1200px;
}
.overviewGuideComponentContainer .stepContainer {
    width : 235px;
    margin-left : 10px;
    margin-top : 10px;
}
.overviewGuideComponentContainer .stepContainer .titleContainer {
}
.overviewGuideComponentContainer .stepContainer .titleContainer .stepNumber {
    margin-bottom : 20px;
}
.overviewGuideComponentContainer .stepContainer .titleContainer .title {
    margin-left : 3px;
    margin-top : 6px;
}
.overviewGuideComponentContainer .arrowContainer {
    width : 40px;
    margin-top : 200px;
}
.overviewGuideStepIcon {
    margin : auto;
    width : 32px;
    margin-top : 5px;
    margin-bottom : 5px;
}
.overviewGuideStepText {
    margin : auto;
    text-align : center;
}
.overviewGuideStepTextBullets {
    background-image : url("../images/bullet_green.svg");
    background-repeat : no-repeat;
    margin : 10px;
    padding-left : 20px;
    text-align : left;
}
.overviewGuideStepButtons {
    margin : auto;
    width : 60px;
}
.overviewGuideStepButtonsWide {
    margin : auto;
    width : 120px;
}
.overviewGuideStepLink {
    margin : auto;
    text-align : center;
    text-decoration : underline;
}
.overviewGuideTextBold {
    font-weight : bold;
    margin : 20px auto;
    text-align : center;
}
.roundBordersBox {
    background : none repeat scroll 0 0 white;
    border-radius : 6px;
    box-shadow : 0 2px 10px 2px #cdcecf;
    box-sizing : border-box;
    cursor : pointer;
    overflow : auto;
    padding : 10px 15px;
    position : relative;
    transition : box-shadow 0.2s linear 0s, color 0.2s linear 0s;
}
.roundBordersBoxSelected {
    box-shadow : 0 2px 10px 2px #fff3a1;
    background : none repeat scroll 0 0 white;
    border-radius : 6px;
    box-sizing : border-box;
    cursor : pointer;
    overflow : auto;
    padding : 10px 15px;
    position : relative;
    transition : box-shadow 0.2s linear 0s, color 0.2s linear 0s;
}
.roundBordersBoxTitle {
    float : left;
    font-weight : bold;
    font-size : 15px;
    padding : 5px 15px;
}
.roundBordersBoxSelectDiv {
    float : left;
    width : 100px;
    margin : 2px;
}
.roundBordersBoxText {
    background-color : rgb(255, 255, 255);
    border-color : rgb(206, 206, 206);
    border-style : solid;
    border-bottom-width : 1px;
    border-collapse : separate;
    border-left-width : 1px;
    border-right-width : 1px;
    border-top-width : 1px;
    box-sizing : border-box;
    color : rgb(85, 85, 85);
    cursor : auto;
    display : inline-block;
    font-family : Tahoma;
    font-size : 13px;
    /*padding-bottom : 5px;*/
    /*padding-left : 2px;*/
    /*padding-right : 2px;*/
    /*padding-top : 5px;*/
    width : 210px;
}
.explanationDivBody {
    margin-top : 5px;
    height : 275px;
    width : 750px;
    overflow-y : auto;
    float : left;
}
.explanationDivHeader {
    border-bottom : 1px solid;
    margin-top : 10px;
    height : 20px;
}
.uploadFileDiv {
    border : 1px solid #CECECE;
    height : 180px;
}
.uploadFileSelectFile {
    float : left;
    font-weight : bold;
}
.uploadFileEncriptionDiv {
    float : left;
    margin : 5px;
    width : 275px;
}
.explanationHeader {
    float : left;
    font-weight : bold;
}
.requestNewLinksDiv {
    float : left;
    margin-bottom : 5px;
}
.requestNewLink {
    margin-left : 5px;
    margin-right : 10px;
    margin-top : 10px;
    text-align : center;
    text-decoration : underline;
    float : left;
    color : #0000ff;
}
.containerWidth290 {
    width : 290px;
    margin : 0px;
}
.containerWidth290 input[type="text"] {
    width : 290px;
}
.globalMapsCombo {
    width : 290px;
}
.showHideLink {
    margin-left : 5px;
    margin-right : 10px;
    text-align : center;
    text-decoration : underline;
    float : left;
    color : #0000ff;
}
.analysisTypesInner {
    margin-right : 10px;
    margin-top : 5px;
}
.analysisTypesLabel {
    margin-right : 5px;
    margin-top : 15px;
    width : 60px;
}
.analysisTypesField {
    padding-top : 9px;
}
.analysisTypesTree {
    height : 345px;
    border : 1px solid #CECECE;
}
.analysisTypeHelp {
    margin-top : 12px;
}
.studiesInner {
    margin-right : 10px;
    margin-top : 5px;
}
.studiesLabel {
    margin-right : 5px;
    margin-top : 15px;
    width : 60px;
}
.studiesField {
    padding-top : 9px;
}
.studiesTree {
    height : 345px;
    border : 1px solid #CECECE;
}
.analysisGermplasms{
    margin-top : 5px;
}
.analysisItemContainer {
}
.analysisItemContainerInner {
    /*overflow-x : auto;*/
    /*overflow-y : auto;*/
    /*height : 95%;*/
    /*width : 100%;*/
}
.analysisItemTitle {
    border-bottom : 1px solid;
    font-weight : bold;
    font-size : 14px;
    margin-left : 10px;
    margin-top : 30px;
}
.analysisItemObjectTitle {
    margin-left : 10px;
    font-weight : bold;
    margin-top : 10px;
    float : left;
}
.analysisItemCombo {
    float : right;
}
.AnalysisChartCombo {
    margin-left : 5px;
    margin-top : 9px;
    float : right;
}
.analysisSeriesButton {
    float : left;
    font-family : Tahoma;
    font-size : 12px;
    color : #FFFFFF;
    width : 90px;
    line-height : 25px;
    cursor : pointer;
    text-align : center;
    background-color : #6E95AD;
    -moz-appearance : button;
    -moz-binding : none;
    -moz-user-select : none;
    border : 2px outset buttonface;
    box-sizing : border-box;
}
.analysisItemDownloadButton {
    margin : 10px;
    font-weight : bold;
    float : left;
}
.analysisItemArea {
}
.analysisItemObjectArea {
}
.analysisItemObjectGrid {
    height : 555px;
    width : 100%;
    float : left;
    margin : 10px;
}
.analysisItemObjectImage {
    width : 100%;
    float : left;
    margin : 10px;
}
.analysisItemObjectError {
    width : 100%;
    float : left;
    margin : 10px;
}
.analysisItemObjectHighCharts {
    width : 100%;
    float : left;
    margin : 10px;
}
.analysisItemObjectHighChartsSA {
    width : 100%;
    float : left;
    margin : 10px;
}
.analysisItemGridDiv {
    width : 500px;
    height : 500px;
    float : left;
}
.analysisItemErrorDiv {
    width : 500px;
    height : 100px;
    float : left;
    color : red;
    font-weight : bold;
    font-size : 14px;
}
.clusterContainer {
    height : 510px;
    width : 100%;
    overflow : auto;
}
.clusterVariablesTitle{
    margin-left : 5px;
    margin-top : 4px;
}
.clusterVariables {
    margin-left : 5px;
}
.clusterComponent {
    height : 600px;
    width : 100%;
}
.font-size12 {
    font-size : 12px;
}
.font-size14 {
    font-size : 14px;
}
.font-size16 {
    font-size : 16px;
}
.font-size18 {
    font-size : 18px;
}
.margin1 {
    margin : 1px;
}
.margin5 {
    margin : 5px;
}
.margin10 {
    margin : 10px;
}
.margin-left10 {
    margin-left : 10px;
}
.margin-left35 {
    margin-left : 35px;
}
.margin-right15 {
    margin-right : 15px;
}
.margin-right30 {
    margin-right : 30px;
}
.margin-right75 {
    margin-right : 75px;
}
.margin-right95 {
    margin-right : 95px;
}
.margin-top0 {
    margin-top : 0px;
}
.margin-top5 {
    margin-top : 5px;
}
.margin-top10 {
    margin-top : 10px;
}
.margin-top-bottom20 {
    margin: 20px 0;
}
.margin-bottom5 {
    margin-bottom : 5px;
}
.margin-bottom10 {
    margin-bottom : 10px;
}
.margin-bottom15 {
    margin-bottom : 15px;
}
.padding5 {
    padding: 5px;
}
.padding10 {
    padding: 10px;
}
.padding-left10 {
    padding-left: 10px;
}
.padding-left150 {
    padding-left: 150px;
}
.height25 {
    height : 25px;
}
.height28 {
    height : 28px;
}
.height33 {
    height : 33px;
}
.height70 {
    height : 70px;
}
.height80 {
    height : 80px;
}
.height90 {
    height : 90px;
}
.height110 {
    height : 110px;
}
.height140 {
    height : 140px;
}
.height165 {
    height : 165px;
}
.height190 {
    height : 190px;
}
.height255 {
    height : 255px;
}
.height310 {
    height : 310px;
}
.height360 {
    height : 360px;
}
.height450 {
    height : 450px;
}
.width20 {
    width : 20px;
}
.width30 {
    width : 30px;
}
.width40 {
    width : 40px;
}
.width50 {
    width : 50px;
}
.width60 {
    width : 60px;
}
.width65 {
    width : 65px;
}
.width75 {
    width : 75px;
}
.width80 {
    width : 80px;
}
.width85 {
    width : 85px;
}
.width100 {
    width : 100px;
}
.width110 {
    width : 110px;
}
.width115 {
    width : 115px;
}
.width120 {
    width : 120px;
}
.width130 {
    width : 130px;
}
.width140 {
    width : 140px;
}
.width150 {
    width : 150px;
}
.width160 {
    width : 160px;
}
.width165 {
    width : 165px;
}
.width170 {
    width : 170px;
}
.width180 {
    width : 180px;
}
.width200 {
    width : 200px;
}
.width202 {
    width : 202px;
}
.width220 {
    width : 220px;
}
.width230 {
    width : 230px;
}
.width240 {
    width : 240px;
}
.width260 {
    width : 260px;
}
.width270 {
    width : 270px;
}
.width275 {
    width: 275px;
}
.width280 {
    width : 280px;
}
.width285 {
    width : 285px;
}
.width290 {
    width : 290px;
}
.width300 {
    width : 300px;
}
.width320 {
    width : 320px;
}
.width340 {
    width : 340px;
}
.width350 {
    width : 350px;
}
.width360 {
    width : 360px;
}
.width370 {
    width : 370px;
}
.width385 {
    width : 385px;
}
.width387 {
    width : 387px;
}
.width400 {
    width : 400px;
}
.width445 {
    width : 445px;
}
.width470 {
    width : 470px;
}
.width500 {
    width : 500px;
}
.width520 {
    width : 520px;
}
.width550 {
    width : 550px;
}
.width600 {
    width : 600px;
}
.width635 {
    width : 635px;
}
.width650 {
    width : 650px;
}
.width680 {
    width : 680px;
}
.width720 {
    width : 720px;
}
.bold {
    font-weight : bold;
}
.cursorAuto {
    cursor : auto;
}
.cursorPointer {
    cursor : pointer;
}
.overflowNone {
    overflow : hidden;
}
.inProgressContainer img {
    width : 20px;
    height : 20px;
}
.factorValue {
    color : red;
}
.variateValue {
    color : blue;
}
.stepNumber {
    margin-right : 5px;
}
/*.node circle {*/
    /*fill : #fff;*/
    /*stroke : steelblue;*/
    /*stroke-width : 1.5px;*/
/*}*/
/*.node {*/
    /*font : 10px sans-serif;*/
/*}*/
/*.link {*/
    /*fill : none;*/
    /*stroke : #ccc;*/
    /*stroke-width : 1.5px;*/
/*}*/
.clusterComponentTitle{
    color : #274b6d;
    fill : #274b6d;
    font-size : 16px;
    margin : auto;
    width : 160px;
}
.genotypeComparisonContainerTitle{
    margin : 10px;
    color : #274b6d;
    fill : #274b6d;
    font-size : 12px;
}
.solidBorder{
    border : 1px solid #CECECE;
}
.setScaleDiscreteTable{
    border : 1px solid #C0C0C0;
    float : left;
    height : 250px;
    margin : 5px;
    overflow-x : hidden;
    overflow-y : scroll;
}
.setScaleDiscreteTableHead{
    background-color : #C0C0C0;
}
.formFieldIconSetScale {
    background-color : #FFFFFF;
    border-collapse : separate;
    border: 1px solid #CECECE;
    box-sizing : border-box;
    display : inline-block;
    height: 27px;
    padding : 5px;
    margin: 1px;
}
.formFieldTextSetScale {
    background-color : #FFFFFF;
    border-collapse : separate;
    border: 1px solid #CECECE;
    box-sizing : border-box;
    color : #555555;
    cursor : auto;
    display : inline-block;
    font-family : Tahoma;
    font-size : 13px;
    padding : 5px;
}
.formFieldTextSetScaleWide{
    background-color : rgb(255, 255, 255);
    border-color : rgb(206, 206, 206);
    border-style : solid;
    border-bottom-width : 1px;
    border-collapse : separate;
    border-left-width : 1px;
    border-right-width : 1px;
    border-top-width : 1px;
    box-sizing : border-box;
    color : rgb(85, 85, 85);
    cursor : auto;
    display : inline-block;
    font-family : Tahoma;
    font-size : 13px;
    padding-bottom : 5px;
    padding-left : 2px;
    padding-right : 2px;
    padding-top : 5px;
    width : 140px;
}
.addFactorVariablesTemplate {
    width : 100%;
    height : 495px;
}
.addCsoCropsGridTemplate {
    width : 280px;
    height : 355px;
}
.addProdTemplate {
    width : 100%;
    height : 100%;
}
.addProdParentsTemplate {
    width : 100%;
    height : 550px;
}
.addProdButtonRow {
    margin-top : 10px;
}
.addProdButtonRow .dialogButton {
    float : right;
    height : 29px;
    margin : 5px;
}
.selectFieldTemplate {
    width : 100%;
    height : 100%;
}
.selectFieldTreeTemplate {
    width : 100%;
    height : 235px;
}
.selectFieldButtonRow {
    margin-top : 5px;
}
.selectFieldButtonRow .dialogButton {
    float : right;
    height : 29px;
    margin : 5px;
}
.breedingShowColumns {
    width : 100%;
    height : 515px;
}
.showColumnsDiv {
    width : 100%;
    height : 525px;
}
.showColumnsLabel {
    float : left;
    padding-top : 3px;
}
.showColumnsLabelDisabled {
    float : left;
    padding-top : 3px;
    color : #A0A0A0;
}
.showColumnsCheckBox {
    float : left;
    margin-right : 7px;
}
.inventoryFormHeader {
    width : 100%;
    padding : 6px 0;
    font-size : 18px;
    font-weight : bold;
    text-align : center;
    color : #6E95AD;
}
.inventoryFormDiv {
    user-scalable : no;
    width : 100%;
    height : 100%;
    overflow-y : auto;
    overflow-x : hidden;
}
.inventoryFormRow {
    user-scalable : no;
    width : 279px;
    height : 33px;
}
.inventoryFormLabel {
    user-scalable : no;
    width : 120px;
    height : 17px;
    font-size : 12px;
    font-weight : bold;
    float : left;
    padding-right : 4px;
    margin-top : 8px;
    margin-bottom : 8px;
}
.inventoryFormLabelMedium {
    user-scalable : no;
    width : 100px;
    font-size : 12px;
    font-weight : bold;
    float : left;
    padding-right : 4px;
    margin-top : 9px;
    margin-bottom : 9px;
}
.inventoryFormLabelShort {
    user-scalable : no;
    width : 50px;
    font-size : 12px;
    font-weight : bold;
    float : left;
    padding-right : 4px;
    margin-top : 9px;
    margin-bottom : 9px;
}
.inventoryFormInput {
    user-scalable : no;
    width : 145px;
    height : 17px;
    font-size : 12px;
    float : left;
    padding : 2px 2px 2px 4px;
    border : 1px solid #D1D3C6;
    margin-top : 5px;
    margin-bottom : 5px;
}
.inventoryTextArea {
    font-family : Tahoma;
    font-size : 12px;
    max-height : 76px;
    max-width : 142px;
    min-height : 76px;
    min-width : 142px;
    overflow-y : auto;
    overflow-x : hidden;
    padding : 4px;
}
.inventoryFormText {
    user-scalable : no;
    width : 140px;
    height : 17px;
    font-size : 12px;
    float : left;
    padding : 2px;
    border-bottom : 1px solid #D1D3C6;
    margin-top : 6px;
    margin-bottom : 5px;
}
.inventoryFormCombo {
    user-scalable : no;
    width : 146px;
    font-size : 12px;
    float : left;
    margin-top : 5px;
    margin-bottom : 4px;
}
.inventoryFormContainer {
    width : 100%;
}
.inventoryFormMessage {
    width : 200px;
    float : left;
    margin : 14px 10px;
    font-size : 16px;
    font-weight : bold;
    color : #6E95AD;
}
.inventoryFormButtonRow {
    margin-top : 10px;
}
.inventoryFormButtonRow .dialogButton {
    float : right;
    margin : 10px;
}
.cultivarsButtonRow {
    margin-top : 2px;
}
.cultivarsButtonRow .dialogButton {
    float : right;
    margin : 10px;
}
.userVerificationContainer {
    float : left;
    margin : 10px 5px;
    width : 350px;
    line-height: 24px;
}
.userVerificationContainerShort {
    float : left;
    margin : 15px 5px 5px 5px;
    width : 350px;
    line-height: 12px;
}
.userVerificationText {
    background-color : rgb(255, 255, 255);
    border-color : rgb(206, 206, 206);
    border-style : solid;
    border-bottom-width : 1px;
    border-collapse : separate;
    border-left-width : 1px;
    border-right-width : 1px;
    border-top-width : 1px;
    box-sizing : border-box;
    color : rgb(85, 85, 85);
    cursor : auto;
    display : inline-block;
    font-family : Tahoma;
    font-size : 24px;
    padding-bottom : 5px;
    padding-left : 2px;
    padding-right : 2px;
    padding-top : 5px;
    text-align : center;
    width : 342px;
}
.userVerificationButtonRow {
    margin-top : 5px;
}
.userVerificationButtonRow .dialogButton {
    float : right;
    margin : 0px 10px;
}
.functionFormButtonRow .dialogButton {
    float : right;
    margin : 5px;
}
.functionFormCombo {
    width : 317px;
    font-size : 12px;
    float : left;
    margin-top : 5px;
    margin-bottom : 4px;
}
.functionFormCombo .dhxcombo_input {
    margin-left : 2px !important;
    width : 270px !important;
}
.reportShowVariables {
    float : left;
    height : 200px;
    margin: 10px 0;
    width : 100%;
}
.reportShowTraitGrouping {
    float : left;
    width : 100%;
    height : 168px;
    border : 1px solid #CECECE;
}
.reportShowTraitBartender {
    float : left;
    width : 100%;
    height : 168px;
    border : 1px solid #CECECE;
}
.showCrossesLineTemplate {
    width : 100%;
    height : 400px;
}
.showPhysicalMapTemplate {
    width : 100%;
    height : 525px;
}
.mapButtonRow {
    margin-top : 0px;
}
.mapButtonRow .dialogIcon {
    float : left;
    width : 16px;
    height : 16px;
    margin-top : 13px;
    margin-left : 5px;
}
.mapButtonRow .dialogText {
    float : left;
    margin-top : 13px;
    margin-left : 5px;
}
.mapButtonRow .dialogButton {
    float : right;
    margin-left : 10px;
    margin-right : 10px;
}
.crossesParentsTemplate {
    width : 100%;
    height : 320px;
}
.crossesParentsContainer{
    height : 520px;
    overflow-y : scroll;
    overflow-x : hidden;
}
.selectableItemsComponent {
    width : 582px;
    height : 490px;
}
.selectableItemsTop {
    width : 582px;
    height : 440px;
}
.selectableItemsBottomLeft {
    float : left;
    width : 412px;
    height : 30px;
    margin-left : 15px;
    margin-top : 15px;
}
.selectableItemsBottomRight {
    float : left;
    width : 140px;
    height : 30px;
    margin-right : 15px;
    margin-top : 15px;
}
.availableItemsContainer {
    float : left;
    width : 270px;
    height : 420px;
    margin : 10px;
}
.selectedItemsContainer {
    float : left;
    width : 270px;
    height : 420px;
    margin : 10px;
}
.availableTitle {
    margin-bottom : 5px;
    font-weight : bold;
}
.selectedTitle {
    margin-bottom : 5px;
    font-weight : bold;
}
.availableItems {
    width : 270px;
    height : 420px !important;
    overflow-y : auto;
    overflow-x : hidden;
}
.selectedItems {
    width : 270px;
    height : 420px !important;
    overflow-y : auto;
    overflow-x : hidden;
}
.gridToolbar{
    float : left;
}
.gridMenu{
    float : left;
}
.popupExplanation{
    margin : 5px;
}
.displayNone{
    display : none;
}
.jobsPopupGridContainerDiv{
    height : 400px;
    overflow-y : scroll;
    overflow-x : hidden;
}
.pedigreeViewContainerDiv{
    height : 250px;
    margin-top : 10px;
    overflow-y : hidden;
    overflow-x : hidden;
}
.variableInfoContainerDiv {
    padding-top : 5px;
    padding-bottom : 5px;
    overflow-y : auto;
    overflow-x : hidden;
}
.EditAnalysisItemContainerDiv{
    height : 250px;
    margin-top : 10px;
    overflow-y : auto;
    overflow-x : hidden;
}
.SetInheritanceSelectionDiv{
    height : 230px;
    margin-top : 10px;
    overflow-y : scroll;
    overflow-x : hidden;
}
.SetInheritanceCrossesDiv{
    height : 230px;
    margin-top : 10px;
    overflow-y : scroll;
    overflow-x : hidden;
}
.analysisFilterComponentDiv {
    height : 216px;
    margin-top : 10px;
    overflow-y : scroll;
    overflow-x : hidden;
}
.inheritanceRow{
    float : left;
    width : 640px;
}
.inheritanceRowWide {
    float : left;
    width : 675px;
}
.dynamicTableRow{
    float : left;
    width : 740px;
}
.inheritanceRowLabel{
    margin-left : 15px;
    margin-top : 9px;
}
.inheritanceComboLabel {
    /*margin-left : 5px;*/
    margin-right : 5px;
    /*margin-top : 5px;*/
    font-weight : bold;
}
.dynamicTableBodyContent{
    text-align : left;
}
.dynamicTableHeader{
    font-weight : bold;
}
.SetValueSelectionDiv {
    height : 182px;
    margin-top : 10px;
    overflow-y : scroll;
    overflow-x : hidden;
}
.setValueTopContainer {
    width : 680px;
}
.setValueSelectContainer {
    float : left;
    margin-left : 60px;
}
.setValueDynamicTableHeader {
    float : left;
    margin : 12px 3px;
    font-size : 13px;
    font-weight : bold;
}
.setValueDynamicTableRow {
    float : left;
    width : 520px;
}
.setValueDynamicTableCombo {
    float : left;
    margin : 8px 3px;
}
.setValueDynamicTableActions {
}
.setValueDynamicTableBodyActions {
}
.setValueDynamicTableBodyContent {
    text-align : left;
}
.setValueTableRowActionsIcons {
    float : left;
    margin : 11px 5px;
    cursor : pointer;
}
.setValueRowLabel {
    margin-left : 5px;
    margin-top : 9px;
}
.setValueComboLabel {
    font-family : Tahoma;
    font-size : 12px;
    margin-right : 5px;
    /*font-weight : bold;*/
}
.setValueComboSelectDiv {
    float : left;
    margin : 5px;
}
.setTraitContainer {
    float : left;
    margin : 5px;
    font-family : Tahoma;
    font-size : 12px;
    font-weight : normal;
}
.setTraitComboDiv {
    float : left;
    margin : 5px;
}
.addVariableFunctionTopContainer {
    float : left;
    margin : 10px;
    width : 680px;
}
.addVariableFunctionComboLabel {
    float : left;
    font-weight : bold;
    height : 30px;
    margin-left : 5px;
    margin-right : 5px;
    margin-top : 10px;
}
.lengthComboSelectDiv {
    float : left;
    margin : 0 5px 2px 5px;
}
.summaryBox{
    padding-top : 15px;
}
.summaryTitle{
    font-weight : bold;
    float : left;
    padding-right : 5px;
}
.summaryItems{
}
.summaryLink{
    float : left;
    padding-right : 5px;
    text-decoration : underline;
    cursor : pointer;
}
.descriptionBox {
    background-color : #D0D0D0;
    border : 1px solid #A0A0A0;
    height : 18px;
}
.descriptionTitle {
    font-weight : bold;
    float : left;
    padding : 0 5px;
}
.descriptionItems {
    float : left;
    padding : 0 5px;
}
.summaryOriginal {
    float : left;
    padding-left : 30px;
}
.tabTitle{
   margin-right : 5px;
}
.tabSite{
    margin : 0 5px 0 20px;
}
.formFieldContainerNoWidth {
    float : left;
    margin-right : 10px;
    font-family : Tahoma;
    font-size : 12px;
    font-weight : normal;
}
.jobsIconHeader {
    padding-top : 7px;
}
.noMargin{
    margin : 0;
}
.andConditionLink {
    margin : 5px;
    font-weight : bold;
    float : left;
    text-decoration : underline;
    cursor : pointer;
}
.filterContainer {
    overflow : auto;
    height : 544px;
}
.formFieldContainer input{
    /*height : 25px;*/
}
.linkClass{
    text-decoration : underline;
    color : #0000ff;
}
.pedigreeImageDiv {
    height : auto;
    margin-top : 160px;
    overflow : auto;
    position : absolute;
    width : 99%;
    border : 1px solid #CECECE;
}
.checkBoxShowGermplasmDetails{
    float : right;
    margin : 14px 10px 10px;
}
.variablesTableContainer {
}
.manageVariablesContainer {
    width : 100%;
    height : 100%;
}
.manageVariablesLayout {
    width : 100%;
    height : 475px;
}
.manageVariablesLeftGrid {
    float : left;
    width : 180px;
    height : 100%;
}
.manageVariablesRightGrid {
    float : right;
    width : 630px;
    height : 100%;
}
.manageVariablesButtonRow {
    margin-top : 5px;
}
.manageVariablesButtonRow .dialogButton {
    float : right;
    margin : 0px 10px;
}
.reorderGridContainer {
    width : 270px;
    height : 490px;
}
.indexTableContainer {
}
.finalScoreTableContainer {
}
.finalScoreButtonRow {
    margin-top : 5px;
}
.finalScoreButtonRow .dialogButton {
    float : right;
    height : 29px;
    margin : 5px;
}
.createSelectionMethodCombo {
    width : 390px;
}
.createSelectionNumbersColumnDiv {
    float : left;
    width : 180px;
    margin : 5px;
}
.createSelectionButtonRow {
}
.createSelectionButtonRow .dialogButton {
    float : right;
    margin : 10px;
}
.createSelectionButtonRow .dialogButtonNarrow {
    float : right;
}
.mainPageDiv {
    width : 100%;
    height : 100%;
}
.inputFormTableBodyActions {
}
.inputFormTableRowActions {
}
.inputFormTableRowContent {
    width : 770px;
    height: 36px;
}
.inputFormTableRowIcons {
    float : left;
    margin : 11px 2px;
    cursor : pointer;
}
.inputFormTableAttach {
    width : 870px;
    height : 505px;
    vertical-align : top;
}
.inputFormButtonRow {
}
.inputFormButtonRow .dialogButton {
    float : right;
    margin : 10px;
}
.inputFormButtonRow .dialogButtonNarrow {
    float : right;
}
.inputFormDynamicTableRow {
    float : left;
    width : 770px;
}
.inputFormComboSelectDiv {
    float : left;
    margin : 5px 10px;
}
.inputFormComboTitleDiv {
    float : left;
    margin : 5px 10px;
    font-weight: bold;
    text-align : center;
}
.inputHeaderDiv {
    float: left;
    margin: 5px 37px;
    font-weight: bold;
    text-align: center;
}
.inputFormComboTextDiv {
    float : left;
    margin : 5px 10px;
}
.inputFormComboTextInput{
    height : 20px;
    font-family : Tahoma;
    font-size : 12px;
    border : 1px solid #d6d6d6;
}
.inputFormDateValue {
    width : 135px;
    height : 20px;
    float : left;
    font-family : Tahoma;
    font-size : 12px;
    border : 1px solid #c6c6c6;
}
.inputFormDateButton {
    background-image : url(../images/icons/calendar.svg);
    background-size : 22px 22px;
    height : 22px;
    width : 22px;
    margin-left : 3px;
    display : inline-block;
}
.formsDetailsLayoutContainer {
    width : 100%;
    height : 100%;
}
.formUpdateContainer {
    overflow-y : scroll;
    overflow-x : hidden;
    height : 95%;
    width : 100%;
}
.formUpdateKeyLabel {
    width : 150px;
    float : left;
    margin : 9px 5px;
    font-weight : bold;
    color : #008000;
}
.formUpdateLabel {
    width : 150px;
    float : left;
    margin : 9px 5px;
}
.formUpdateEditableValue {
    width : 254px;
    height : 20px;
    float : left;
    font-family : Tahoma;
    font-size : 12px;
    margin : 5px 0px;
    border : 1px solid #c6c6c6;
}
.formUpdateDateValue {
    width : 234px;
    height : 20px;
    float : left;
    font-family : Tahoma;
    font-size : 12px;
    margin : 5px 0px;
    border : 1px solid #c6c6c6;
}
.formUpdateDateButton {
    background-image : url(../images/icons/calendar.svg);
    background-size : 22px 22px;
    height : 22px;
    width : 22px;
    margin : 5px 0px;
    display : inline-block;
}
.formUpdateCombo {
    user-scalable : no;
    width : 260px;
    font-size : 12px;
    float : left;
    margin-top : 5px;
    margin-bottom : 4px;
}
.formUpdateReadOnlyValue {
    width : 254px;
    height : 18px;
    float : left;
    font-family : Tahoma;
    font-size : 12px;
    margin : 5px 0px;
    border : 1px solid #c6c6c6;
    padding : 4px 2px 0 2px;
    background-color : #E8E8E8;
}
.formButtonsContainer {
    margin-top : 0px;
}
.formButtonsContainer .formSaveButton {
    float : right;
    margin-left : 10px;
    margin-right : 10px;
}
.formSaveButton {
    padding : 0 3px;
    font-family : Tahoma;
    font-size : 12px;
    color : #FFFFFF;
    width : 135px;
    line-height : 25px;
    cursor : pointer;
    text-align : center;
    background-color : #43B677;
    margin : 5px;
    -moz-appearance : button;
    -moz-binding : none;
    -moz-user-select : none;
    border : 2px outset buttonface;
    box-sizing : border-box;
}
.formSaveButtonDisabled {
    padding : 0 3px;
    font-family : Tahoma;
    font-size : 12px;
    color : #FFFFFF;
    width : 135px;
    line-height : 25px;
    cursor : pointer;
    text-align : center;
    background-color : #D3D3D3;
    margin : 5px;
    -moz-appearance : button;
    -moz-binding : none;
    -moz-user-select : none;
    border : 2px outset buttonface;
    box-sizing : border-box;
}
.formButtonsContainer .formReadPortButton {
    float : left;
    margin-left : 10px;
    margin-right : 10px;
}
.formReadPortButton {
    padding : 0 3px;
    font-family : Tahoma;
    font-size : 12px;
    color : #FFFFFF;
    width : 100px;
    line-height : 25px;
    cursor : pointer;
    text-align : center;
    background-color : #43B677;
    margin : 5px;
    -moz-appearance : button;
    -moz-binding : none;
    -moz-user-select : none;
    border : 2px outset buttonface;
    box-sizing : border-box;
}
.formReadPortButtonDisabled {
    padding : 0 3px;
    font-family : Tahoma;
    font-size : 12px;
    color : #FFFFFF;
    width : 135px;
    line-height : 25px;
    cursor : pointer;
    text-align : center;
    background-color : #D3D3D3;
    margin : 5px;
    -moz-appearance : button;
    -moz-binding : none;
    -moz-user-select : none;
    border : 2px outset buttonface;
    box-sizing : border-box;
}
.formFlowSelectContainer {
    padding : 8px 20px 0 5px;
    float : left;
}

/*Messages*/
.dhtmlx_message_area{
    top : 9.2em !important;
    left : auto;
    right : 0.7em;
}
.dhtmlx-phenome-info {
    background : #fff3a1;
    padding : 10px;
    text-align : justify;
}
.dhtmlx-phenome-error {
    background : #fff3a1;
    color : #ff0000;
    padding : 10px;
    text-align : justify;
}
.dhtmlx-phenome-alert .dhtmlx_popup_title,
.dhtmlx-phenome-confirm .dhtmlx_popup_title {
    color : #ffffff;
    border : 1px solid #43B677;
    background : #43B677;
}
.dhtmlx-phenome-alert .dhtmlx_popup_text,
.dhtmlx-phenome-confirm .dhtmlx_popup_text {
    border : solid #43B677;
    border-width : 0 1px 0 1px;
    font-size : 14px;
    font-family : Tahoma;
    color : #000;
}
.dhtmlx-phenome-alert .dhtmlx_popup_controls,
.dhtmlx-phenome-confirm .dhtmlx_popup_controls {
    border : solid #43B677;
    border-width : 0 1px 1px 1px;
}
.dhtmlx-phenome-alert-warning .dhtmlx_popup_title,
.dhtmlx-phenome-confirm-warning .dhtmlx_popup_title {
    color : #ffffff;
    border : 1px solid #EDB712;
    background : #EDB712;
}
.dhtmlx-phenome-alert-warning .dhtmlx_popup_text,
.dhtmlx-phenome-confirm-warning .dhtmlx_popup_text {
    border : solid #EDB712;
    border-width : 0 1px 0 1px;
    font-size : 14px;
    font-family : Tahoma;
    color : #000;
}
.dhtmlx-phenome-alert-warning .dhtmlx_popup_controls,
.dhtmlx-phenome-confirm-warning .dhtmlx_popup_controls {
    border : solid #EDB712;
    border-width : 0 1px 1px 1px;
}
.dhtmlx-phenome-alert-error .dhtmlx_popup_title,
.dhtmlx-phenome-confirm-error .dhtmlx_popup_title {
    color : #ffffff;
    border : 1px solid #E85E6C;
    background : #E85E6C;
}
.dhtmlx-phenome-alert-error .dhtmlx_popup_text,
.dhtmlx-phenome-confirm-error .dhtmlx_popup_text {
    border : solid #E85E6C;
    border-width : 0 1px 0 1px;
    font-size : 14px;
    font-family : Tahoma;
    color : #000;
}
.dhtmlx-phenome-alert-error .dhtmlx_popup_controls,
.dhtmlx-phenome-confirm-error .dhtmlx_popup_controls {
    border : solid #E85E6C;
    border-width : 0 1px 1px 1px;
}
.dhtmlx-phenome-alert .dhtmlx_popup_controls .dhtmlx_popup_button,
.dhtmlx-phenome-confirm .dhtmlx_popup_controls .dhtmlx_popup_button,
.dhtmlx-phenome-alert-warning .dhtmlx_popup_controls .dhtmlx_popup_button,
.dhtmlx-phenome-confirm-warning .dhtmlx_popup_controls .dhtmlx_popup_button,
.dhtmlx-phenome-alert-error .dhtmlx_popup_controls .dhtmlx_popup_button,
.dhtmlx-phenome-confirm-error .dhtmlx_popup_controls .dhtmlx_popup_button{
    background : #43B677;
    color : #ffffff;
    border : 1px solid #5c7d92;
    box-shadow : none;
}
.dynamicRowButtonContainer {
    display: table-cell;
    height: 25px;
    text-align: center;
    vertical-align: middle;
    width: 25px;
}
.dynamicRowContentContainer {
    display: table-cell;
    padding-left: 10px;
}

.posAbsolute {
    position: absolute;
}
.roundBordersSectionBoxTitle {
    font-weight: bold;
    font-size: 13px;
}
.plcContainer {
    margin: 30px 10px 10px;
    min-height: 100px;
}
.plcStagesTypesContainer {
    margin: 8px 0 0 140px;
    position: absolute;
}
.plcAddStageBlock {
    height: 40px;
}
.plcStageSectionRowsContainer {
    max-height: 125px;
    margin: 10px 0;
    overflow: auto;
    padding: 10px;
}
.stageRow {
    height: 25px;
    width: 545px;
}
.stageName {
    float: left;
    height: 23px;
    margin-right: 10px;
    padding: 5px;
    width: 80px;
}
.stageDescription {
    float: left;
    height: 23px;
    margin-right: 10px;
    padding: 5px;
    width: 190px;
}
.numOfPlantsContainer {
    margin-top: 10px;
    width: 100%;
}
.numOfPlantsContainer label {
    margin: 0 43px 0 5px;
}
.varietyStageLabel {
    display: inline-block;
    width: 125px;
}
.varietyTasksLabel {
    display: inline-block;
    width: 65px;
}
.varietyStageInput {
    height: 23px;
    padding: 5px;
    width: 195px;
}
.comboContainer > div {
    display: inline-block;
}
.varietyStageButtonsRow,
.varietyTasksButtonsRow{
    float: right;
    margin-top: 10px;
}
.varietyTopPos {
    top: 1.1em !important;
}
.varietyFormDiv {
    user-scalable : no;
    width : 100%;
    height : 100%;
    overflow-y : auto;
    overflow-x : hidden;
}
.varietyFormRow {
    user-scalable : no;
    width : 319px;
    height : 33px;
}
.varietyFormLabel {
    user-scalable : no;
    width : 160px;
    height : 17px;
    font-size : 12px;
    font-weight : bold;
    float : left;
    padding-right : 4px;
    margin-top : 8px;
    margin-bottom : 8px;
}
.varietyFormLabelShort {
    user-scalable : no;
    width : 50px;
    font-size : 12px;
    font-weight : bold;
    float : left;
    padding-right : 4px;
    margin-top : 9px;
    margin-bottom : 9px;
}
.varietyFormInput {
    user-scalable : no;
    width : 145px;
    height : 17px;
    font-size : 12px;
    float : left;
    padding : 2px 2px 2px 4px;
    border : 1px solid #D1D3C6;
    margin-top : 5px;
    margin-bottom : 5px;
}
.varietyTextArea {
    font-family : Tahoma;
    font-size : 12px;
    max-height : 76px;
    max-width : 142px;
    min-height : 76px;
    min-width : 142px;
    overflow-y : auto;
    overflow-x : hidden;
    padding : 4px;
}
.varietyFormText {
    user-scalable : no;
    width : 140px;
    height : 17px;
    font-size : 12px;
    float : left;
    padding : 2px;
    border-bottom : 1px solid #D1D3C6;
    margin-top : 6px;
    margin-bottom : 5px;
}
.varietyFormCombo {
    user-scalable : no;
    width : 146px;
    font-size : 12px;
    float : left;
    margin-top : 5px;
    margin-bottom : 4px;
}
.varietyFormCombo input.dhxcombo_input {
    margin-left: 0px !important;
}
.varietyFormContainer {
    width : 100%;
}
.varietyFormMessage {
    width : 200px;
    float : left;
    margin : 14px 10px;
    font-size : 16px;
    font-weight : bold;
    color : #6E95AD;
}
.varietyFormButtonRow {
    margin-top : 10px;
}
.varietyFormButtonRow .dialogButton {
    float : right;
    margin : 10px;
}
.addToLabelContainer {
    border: 1px solid #CECECE;
    clear: both;
    display: block;
    padding: 15px 10px;
}
.columnsTemplatesNameField {
    height: 24px;
    padding-left: 10px;
    width: 180px;
}
/* Custom eXcell types */
.dhx_multi {
    background-color: white;
    border: 1px solid black;
    padding: 2px 2px 2px 2px;
    z-index: 300;
}
.dhx_sel_select {
    font-family: Tahoma;
    font-size: 12px;
    color: black;
    border: 1px solid;
    border-color: black silver silver black;
    background-color: white;
    overflow: auto;
    cursor: default;
    position: absolute;
    height: auto;
    z-index: 600;
}
.dhx_sel_edit {
    font-family: Tahoma;
    font-size: 12px;
    color: black;
    width: 100%;
    border: 0;
    padding: 0;
    padding-right: 1px!ie;
    margin: 0;
    overflow: hidden;
}
.gridbox_dhx_web.gridbox .dhx_sel_edit {
  padding: 1px 0 0 1px;
}
/*
Temporary fix to issue: column names don't appear in upload in Chrome 8.0
Suggested by DHMLX support team.
Ticket #3441
*/
.dhx_dataview_item{
     float: none !important;
     display: inline-block;
 }
/*
Fix to issue: scroll to the right most part creates a mis-alignment of grid's header to teh grid's rows.
Suggested by DHMLX support team on March 15, 2021.
Ticket #4068
*/
div.gridbox table.hdr{
    margin-right: 32px !important;
    padding-right: 32px !important;
}
/*
KB widget fix.
Suggested by Rafael Knafo on July 9, 2023.
Ticket #5439
*/
#hkbembed-button, #ht-kb-fe-embed-contents {
    z-index: 10 !important;
}

.prioritizeColumns .objbox table{
    margin-bottom: 80px;
}
.tooltip {
    position: relative;
    display: inline-block;
    margin: 9px 11px 1px 11px;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 250px;
    background-color: grey;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 5px;
    line-height : 22px;
    position: absolute;
    z-index: 1;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
}
.toolbarIconSelected {
    background-color: #0CAB821A !important;
}

.crossesMixCheckboxContainer {
    margin-left: 20px;
}
.crossesMixCheckbox {
    margin-top : 5px;
}
.crossesComboContainerMale {
    margin-left : 5px;
    margin-top : 8px;
}
.gridFemaleHeaderContainer {
    margin-top : 10px;
}
.insights{
    cursor : pointer;
}
.access_denied_container{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    height: auto;
    text-align: center;
}
.access_denied_text{
    text-align: center;
    font-family: Figtree;
}

.overview_summary_counters_container {
    overflow: hidden !important;
}

.overview_summary_images_container {
    overflow: hidden !important;
    height:230px;
    overflow-y: hidden !important
}

.overview_summary_component_tab_container {
    padding-left: inherit;
    width: 1205px !important;
}

.overview_summary_counters_container .dhx_dataview_item.dhx_dataview_default_item {
    border: 0px;
    box-shadow: 0px 4px 12px rgba(93.50, 93.50, 93.50, 0.15);
}

.overview_summary_images_container .dhx_dataview_item.dhx_dataview_default_item,
.overview_summary_images_container .dhx_dataview_item.dhx_dataview_default_item_selected{
    border: 0px;
    box-shadow: 0px 4px 20px rgba(93.50, 93.50, 93.50, 0.15);
    margin-right: 31px !important;
    border-bottom-left-radius: 6.87px;
    border-bottom-right-radius: 6.87px;
}

.overview_summary_images {
    width: 100%;
    height: 50%;
    background: white;
    border-radius: 6.87px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8.03px;
    display: inline-flex
}

.overview_summary_images img {
    align-self: stretch;
    height: 161.30px;
    border-top-left-radius: 6.87px;
    border-top-right-radius: 6.87px
}

.overview_summary_no_images_div {
    width: 1205px;
    display: flex;
    padding: 53.5px 0px 54.5px 0px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 10px;
    border: 1px solid rgba(50, 51, 56, 0.10);
    background: #FFF;
}

.overview_summary_no_images {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.overview_summary_no_images img {
    width: 45px;
    height: 45px;
}

.overview_summary_no_images div {
    color: rgba(35, 46, 56, 0.50);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.overview_summary_images_text {
    padding-left: 13.75px;
    padding-right: 13.75px;
    padding-top: 3.44px;
    padding-bottom: 3.44px;
    justify-content: center;
    align-items: center;
    gap: 6.87px;
    display: inline-flex
}

.overview_summary_images .overview_summary_images_text div {
    color: #232E38;
    font-size: 14px;
    font-family: Inter;
    font-weight: 600;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    width: 180px;
}

.overview_summary_counters {
    width: 100%;
    height: 70%;
    padding-top: 11px;
    padding-bottom: 20px;
    padding-left: 21px;
    padding-right: 119px;
    border-radius: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 41px;
    display: inline-flex
}

.overview_summary_counters_wrapper {
    align-self: stretch;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 12px;
    display: inline-flex
}

.overview_summary_counters_icon {
    width: 16px;
    height: 20px;
    position: relative
}

.overview_summary_counters_label {
    color: #333333;
    font-size: 14px;
    font-family: Inter;
    font-weight: 600;
    word-wrap: break-word
}

.overview_summary_counters_number {
    color: #3D3D3D;
    font-size: 36px;
    font-family: Inter;
    font-weight: 700;
    word-wrap: break-word
}

.overview_summary_images_gallery > div {
    color: black;
    font-size: 20px;
    font-weight: 600;
    word-wrap: break-word;
    flex: 1;
    text-align: left;
    font-family: Inter;
}

.overview_summary_all_images {
    color: #43B677;
    font-size: 14px;
    font-family: Inter;
    font-weight: 400;
    word-wrap: break-word;
    flex: 1;
    text-align: right;
}

.overview_summary_all_images > div {
    cursor: pointer;
}

.overview_summary_data_title {
    color: #3D3D3D;
    font-size: 40px;
    font-weight: 700;
    word-wrap: break-word;
    padding-left: 8px;
    padding-bottom: 15px;
    font-family: Inter;
}

.overview_summary_images_headers_container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    padding-left: 8px;
}

.overview_summary_edit {
    padding-top: 12px;
    cursor: pointer;
}
.overview_summary_edit > img{
    height: 21px;
}

.overview_summary_right_menu_container {
    display: flex;
    align-items: center;
    border: 1px solid lightgray;
    border-radius: 4px;
    padding: 0px;
}

.overview_summary_right_menu_container > img {
    margin-right: 0px;
}

.overview_summary_right_menu_container > span {
    margin: 0 4px;
}

.overview_summary_insights_button {
    padding-right: 5px;
}

.overview_summary_insights_button img {
    display: block;
    transform: rotate(-45deg);
    transform-origin: center;
}

.editFieldRowLeftAssignVariables {
    float : left;
    width : 170px;
}
.editFieldRowRightAssignVariables {
    float : left;
    width : 30px;
}
.welcomeBack{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(50%, -50%);
    max-width: 100%;
    height: auto;
}
.userName {
    color: rgba(0, 0, 0, 0.4);
    font-size: 24px;
    font-weight: 600;
    word-wrap: break-word;
    flex: 1;
    text-align: center;
    font-family: Inter;
}
.welcome_back_data_title {
    color: #3D3D3D;
    font-size: 50px;
    font-weight: bold;
    word-wrap: break-word;
    /*padding-left: 8px;*/
    padding-bottom: 15px;
    font-family: Inter;
}
.welcomeImg {
    width: 100%;
    height: 100%;
    object-fit: fill; /* Ensures the image covers the area */
    width: 34vw;
    height: 93vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.conditionSetTableRow{
    border: 0px;
    box-shadow: 0px 4px 12px rgba(93.50, 93.50, 93.50, 0.15);
    margin: 5px 5px 5px 5px;
}

.invalidInputField {
    border: 1px solid #E85E6C;
}

.requiredInputField {
    border: 1px solid green;
}

.sidebar_last_item_gap {
    margin-bottom: 40px !important;
}