/*@import "../global/mixins";*/


/*.container-fluid #contents {display: flex;justify-content: center;}*/
.container-fluid #contents {
  width: 50%;
  margin: 0 25%;
}

div.row-fluid#contentBox {
  min-width: 45%;
}

#table-content {
  align-self: center;
  width: 60%;
  border: 2px solid black;
  padding: 20px;
  border-spacing: 0px;
  border-collapse: collapse;
}

/*#contents .table.table-bordered tr {border: 1px solid black;}*/
#contents .table.table-bordered td {
  border: 1px solid black;
}

div.form-group label {
  text-align: left;
}

label.a-left {
  width: 100%;
  text-align: left;
}

input#username.form-control {
  width: 60%;
}

input#password.form-control {
  width: 60%;
}

#login-form.form-vertical.validation {
  display: flex;
}

div.form-group {
  text-align: left;
}

.checkbox {
  padding-left: 0px;
}

div.pull-right {
  padding-right: 0;
}

.create_fuse_geometry_button {
  border: 1px solid grey;
  border-radius: 4px;
}

#remember_me {
  margin-right: 10px;
  padding-top: 10px;
}

#lable_remember_me {
  margin-right: 10px;
  padding-top: 9px;
}

/*lable.pull-right {margin-right: 10px;padding-top: 10px;}*/
#container-header {
  height: 40px;
  margin: 0px;
  padding: 10px;
  text-align: center;
  background-color: var(--polaris_blue);
  color: white;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#container-header a {
  color: white;
}

form.fos_user_registration_register {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
}

div#a-left {
  display: flex;
  justify-content: left;
}

div.container-result {
  width: 100%;
}

form.fos_user_registration_register div.form-actions {
  margin-top: 10px;
  display: flex;
  justify-content: left;
}

table thead tr.filters input {
  width: 100%;
}

#submit {
  margin-top: 10px;
  display: flex;
  justify-content: left;
}

div.upload-file {
  /*display: flex;*/
  justify-content: left;
}

div#uploaded-file-contents {
  width: 40vw;
  overflow-y: auto;
  display: block;
  height: 70vh;
  overflow-x: auto;
  margin-top: 30px;
  padding-right: 20px;
}

div.extended-forgot-password {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}

div.extended-forgot-password div.appended-text-forgot-password {
  min-width: 43%;
  color: red;
  text-align: center;
  border: 1px solid lightgray;
  padding-bottom: 10px;
  padding-top: 10px;
}

#login-form #login-form-table tr td .checkbox .pull-right {
  padding-right: 5px;
}


.center-aligned {
  display: flex;
  justify-content: center;
}

.market-custom-menu {
  z-index: 1000;
  position: absolute;
  border: 1px solid darkgray;
  background-color: lightgray;
  padding: 2px;
  width: 200px;
}

/* Each of the items in the list */
.market-custom-menu li {
  padding: 8px 12px;
  padding-top: 2px;
  padding-bottom: 2px;
  cursor: pointer;
  list-style-type: none;
  transition: all .3s ease;
}

.market-custom-menu li:hover {
  background-color: #DEF;
}

.custom-menu, .view-customer-file-change-count {
  z-index: 1000;
  position: absolute;
  border: 1px solid darkgray;
  background-color: lightgray;
  min-width: 200px;
}

/* Each of the items in the list */
.custom-menu li, .view-customer-file-change-count li {
  position: relative;
  padding: 8px 12px;
  padding-top: 2px;
  padding-bottom: 2px;
  cursor: pointer;
  list-style-type: none;
  transition: all .3s ease;
}

.custom-menu li:hover, .view-customer-file-change-count li:hover {
  background-color: #DEF;
}

/* Context menu: rounded corners, and a subtly darker line separating each row
   (the menu background is lightgray, so the separator is a slightly darker grey).
   overflow:hidden keeps the row hover backgrounds inside the rounded corners. */
.custom-menu {
  border-radius: 4px;
  overflow: hidden;
}

.custom-menu li {
  border-bottom: 1px solid #c0c0c0;
}

/* The last row needs no trailing separator (the menu's own border closes it). */
.custom-menu li:last-child {
  border-bottom: none;
}

.view-customer-file-change-count ul {
  /*position: static;*/
  width:100%;
}
.view-customer-file-change-count {
  border-radius: 5px;
}
.view-customer-file-change-count ul>li:first-child {
  border-bottom: 2px solid white;
  width: calc(100% - 5px);
  opacity: 1;
  background-color: darkgrey;
  position: absolute;
}

.custom-selected-menu {
  z-index: 1000;
  position: absolute;
  border: 1px solid darkgray;
  background-color: lightgray;
  padding: 2px;
  width: 200px;
}

/* Each of the items in the list */
.custom-selected-menu li {
  padding: 8px 12px;
  padding-top: 2px;
  padding-bottom: 2px;
  cursor: pointer;
  list-style-type: none;
  transition: all .3s ease;
}

.custom-selected-menu li:hover {
  background-color: #DEF;
}

.subcustom-menu {
  z-index: 1000;
  position: absolute;
  border: 1px solid darkgray;
  background-color: lightgray;
  padding: 2px;
  width: 260px;
}

/* Each of the items in the list */
.subcustom-menu li {
  padding: 8px 12px;
  padding-top: 2px;
  padding-bottom: 2px;
  cursor: pointer;
  list-style-type: none;
  transition: all .3s ease;
}

.subcustom-menu li:hover {
  background-color: #DEF;
}

.market-subcustom-menu {
  z-index: 1000;
  position: absolute;
  border: 1px solid darkgray;
  background-color: lightgray;
  padding: 2px;
  width: 260px;
}

/* Each of the items in the list */
.market-subcustom-menu li {
  padding: 8px 12px;
  padding-top: 2px;
  padding-bottom: 2px;
  list-style-type: none;
  transition: all .3s ease;
}

.contextmenu.targetting_project_contextmenu, .profile_custom_report_variables_select_contextmenu, .profile_custom_report_variables_selected_contextmenu,
.gravity-custom-menu, .predefined-custom-menu {
  z-index: 1000;
  position: absolute;
  border: 1px solid darkgray;
  background-color: lightgray;
  padding: 2px;
  width: auto;
}

.contextmenu.targetting_project_contextmenu {
  width: 120px;
}

.contextmenu.profile_custom_report_variables_select_contextmenu, .contextmenu.profile_custom_report_variables_selected_contextmenu {
  width: 250px;
}

/* Each of the items in the list */
.contextmenu.targetting_project_contextmenu li, .profile_custom_report_variables_select_contextmenu li, .profile_custom_report_variables_selected_contextmenu li,
.gravity-custom-menu li, .predefined-custom-menu li {
  padding: 8px 12px;
  padding-top: 2px;
  padding-bottom: 2px;
  cursor: pointer;
  list-style-type: none;
  transition: all .3s ease;
}

.contextmenu.targetting_project_contextmenu li.disabled {
  cursor: not-allowed;
}

.contextmenu.targetting_project_contextmenu li.selectable:hover, .profile_custom_report_variables_select_contextmenu li.selectable:hover, .profile_custom_report_variables_selected_contextmenu li.selectable:hover,
.gravity-custom-menu li:hover, .predefined-custom-menu li:hover {
  background-color: #DEF;
}

.profile_custom_report_variables_select_contextmenu li.selectable:hover, .profile_custom_report_variables_selected_contextmenu li.selectable:hover {
  border-radius: 3px;
}

.contextmenu.canacode_variable_contextmenu {
  z-index: 1000;
  position: absolute;
  border: 1px solid darkgray;
  background-color: white;
  max-height: 400px;
  overflow: auto;
  padding: 2px;
  width: 400px;
}

/* Each of the items in the list */
.contextmenu.canacode_variable_contextmenu, .contextmenu.targetting_grouped_variable_contextmenu ul,
.contextmenu.targetting_transformed_variable_contextmenu, .profile_custom_report_variables_select_contextmenu ul,
.profile_custom_report_variables_selected_contextmenu ul {
  padding-left: 5px;
  list-style-type: none;
}

/* Each of the items in the list */
.contextmenu.canacode_variable_contextmenu, .contextmenu.targetting_grouped_variable_contextmenu li,
.contextmenu.targetting_transformed_variable_contextmenu li, .profile_custom_report_variables_select_contextmenu li,
.profile_custom_report_variables_selected_contextmenu li {
  padding: 8px 12px;
  padding-top: 2px;
  padding-bottom: 2px;
  cursor: default;
  list-style-type: none;
  transition: all .3s ease;
}

.profile_custom_report_variables_select_contextmenu li.contextmenu-header {
  cursor: default;
}

#report_variables_tree_pane ul#report_variables_list li.active > .report_label_text {
  background-color: lightblue;
}


.btn.btn-primary {
  border-radius: 5px;
  background-color: var(--polaris_blue);
  cursor: pointer;
  padding: 3px 6px;
  height: 25px;
  min-width: 3vw;
  width: auto;
  border: 1px solid #385317;
}

.btn.btn-primary:enabled:hover {
  background-color: var(--button_blue_hover);
}

.green_button, .button_ok {
  border: 1px solid #385317;
  padding-top: 0px;
  cursor: pointer;
  height: 25px;
  background-color: var(--button_green);
  color: white;
  border-radius: 5px;
  display: inline-block;
  min-width: 3vw;
}

.green_button:enabled:hover, .button_ok:enabled:hover {
  background-color: var(--button_green_hover);
}

.green_button:disabled,
.orange_button:disabled,
.general_button:disabled {
  background-color: gainsboro;
  color: darkgray;
  border-color: darkgray;
  cursor: default;
}

.orange_button {
  border: 1px solid #385317;
  padding-top: 0px;
  cursor: pointer;
  height: 25px;
  background-color: var(--button_orange);
  color: black;
  border-radius: 5px;
  display: inline-block;
  min-width: 3vw;
}

.orange_button:enabled:hover {
  background-color: var(--button_orange_hover);
}

.general_button {
  border: 1px solid darkgrey;
  padding-top: 0px;
  cursor: pointer;
  height: 25px;
  background-color: var(--button_white);
  color: black;
  border-radius: 5px;
  display: inline-block;
  min-width: 3vw;
  border-top: 2px solid darkgrey;
  border-left: 2px solid darkgrey;
}

.general_button:enabled:hover {
  background-color: var(--button_white_hover);
}

.btn.btn-small-primary.btn-sm {
  border-radius: 5px;
  background-color: var(--polaris_blue);
  color: white;
  cursor: pointer;
  padding: 3px 6px;
}

@media (max-height: 730px) and (min-width: 700px) and (min-height: 250px){
  .btn.btn-small-primary.btn-sm{
    margin-right: 120px;
  }
}

.btn.btn-small-primary.btn-sm:enabled:hover {
  background-color: var(--button_blue_hover);
}

.btn.btn-small-green.btn-sm {
  border-radius: 5px;
  background-color: var(--button_green);
  color: white;
  cursor: pointer;
  padding: 3px 6px;
}

.btn.btn-small-green.btn-sm:enabled:hover {
  background-color: var(--button_green_hover);
}

.btn-green-colour-only {
  background-color: var(--button_green);
  color: white;
}

.btn-green-colour-only:enabled:hover {
  background-color: var(--button_green_hover);
  color: white;
}

.btn.btn-small-grey.btn-sm {
  border-radius: 5px;
  background-color: var(--button_grey);
  cursor: pointer;
  border: 1px solid darkgrey;
  margin-right: 4px;
  padding: 3px 6px;
}

.btn.btn-small-grey.btn-sm:enabled:hover {
  background-color: var(--button_grey_hover);
}

.btn.btn-small-white.btn-sm {
  border-radius: 5px;
  background-color: var(--button_white);
  cursor: pointer;
  border: 1px solid darkgrey;
  margin-right: 4px;
  padding: 3px 6px;
}

.btn.btn-small-white.btn-sm:enabled:hover {
  background-color: var(--button_white_hover);
}

.btn.btn-small-orange.btn-sm {
  border-radius: 5px;
  background-color: var(--button_orange);
  cursor: pointer;
  color: white;
  margin-right: 4px;
  padding: 3px 6px;
}

.btn.btn-small-orange.btn-sm:enabled:hover {
  background-color: var(--button_orange_hover);
}

div#modify_legend_range_modal div.modal-header {
  background-color: var(--setting_modal_header_color);
}

div#markers_modal div.modal-header {
  background-color: var(--setting_modal_header_color);
}

div#select_legend_range_for_heatmap_modal div.modal-header {
  background-color: var(--setting_modal_header_color);
}

div#multipolygon_select_only_one_area_modal div.modal-header {
  background-color: var(--setting_modal_header_color);
}

div#uploaded_file_modal div.modal-header {
  background-color: var(--info_modal_header_color);
}

/*Styling classes*/
.short_height {
  padding-bottom: 1px;
  padding-top: 1px;
}

.threepointfive_vw_padding_left {
  padding-left: 3.5vw;
}

.fourty_percent_width {
  width: 40%;
}

.fourty_five_percent_width {
  width: 45%;
}

.two_point_five_padding_left {
  padding-left: 2.5vw;
}

.number-box {
  width: 90px;
  display: inline-block;
  border: solid 1px silver;
  text-align: right;
  padding-right: 3px;
}

.help_button {
  display: inline-block;
  cursor: pointer;
  width: 20px;
  margin-left: 5px;
  padding: initial;
}

.two_padding_left {
  padding-left: 2vw;
}

.one_padding_left {
  padding-left: 1vw;
}

.point_five_padding_left {
  padding-left: 0.5vw;
}

.td_in_colorful_header_div {
  padding-bottom: 1px;
  padding-top: 1px;
  float: left;
  display: block;
}

.th_in_colorful_header_div {
  padding-bottom: 1px;
  padding-top: 1px;
  float: left;
  display: block;
  border-bottom: 0px none;
  border-top: 0px none;
}

.no_header_border_in_modal {
  border-bottom: 0px none;
}

.no_footer_border_in_modal {
  border-top: 0px none;
}

.two_vh_margin_top {
  margin-top: 2vh;
}

.full_width_table {
  table-layout: fixed;
  width: 100%;
}


.action-header-modal-default {
  background-color: lightgray;
  height: 4vh;
  text-align: center;
}

.modal-button {
  height: 2.5vh;
  min-height: 25px;
  min-width: 40px;
  margin-left: 0.5vw;
}

.modal-footer {
  height: 3.5vh;
  padding: 4px;
  min-height: 30px;
  margin-bottom: 3px;
}

.modal-header {
  height: 3.5vh;
  padding: 4px;
  min-height: 30px;
}

ul#gravity_calculated_tradearea_actions_ul li {
  list-style-type: none;
  padding-top: 1px;
  padding-bottom: 1px;
}

ul#gravity_calculated_tradearea_actions_ul li:hover {
  background-color: #DEF;
}

/*----d3 chart Mehrnoush 2018-09-24-------*/
#scattered_chart_svg {
  g.tick {
    line {
      stroke: black;
      stroke-width: 1;
    }
  }
}

/*----c3 chart Mehrnoush 2018-09-25-------*/
/*-- Axis --*/
/*#bar_chart{
    g.c3-axis-x{
        visibility: hidden;   
    }
}*/

.gravity_collapse_expand_icon {
  width: 1.5vw;
  height: 2.5vh;
  margin-right: 3px;
  cursor: pointer;
}

td.gravity-result-title {
  font-weight: bold;
  text-align: left;
}

td.gravity-result-info {
  font-weight: normal;
  text-align: left;
}

table.analytic_gravity_result_details_table {
  width: 100%;
  table-layout: fixed;
}

table.analytic_gravity_result_details_table td.td-checkbox {
  padding-left: 0px;
}

td.gravity-result-action {
  width: 20%;
}

.ellipsis_text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

table.analytic_gravity_result_details_table td.td-checkbox {
  width: 1vw;
}

td.gravity-result-action {
  width: 5vw;
}

div#gravity_single_selected_items_div, div#gravity_multiple_selected_items_div {
  max-height: 320px;
  overflow: auto;
  overflow-x: hidden;
  margin-top: 2vh;
  border: 1px solid #609028;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

div#gravity_single_selected_items_div div#container-inside, div#gravity_multiple_selected_items_div div#container-inside {
  margin: 0px;
  border: 1px solid #609028;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  margin: 0px;
}

div.gravity_result_container_div {
  border: 1px solid orange;
  position: relative;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

div#predefined_markets-geography-div ul.benchmark_list_table {
  list-style: none;
  padding-left: 0.5vw;
  padding-top: 1vh;
  padding-bottom: 2vh;
  font-weight: bold;
  line-height: 2;
  border: 1px solid lightgray;
  height: 69.5vh;
  overflow-y: auto;
  border-radius: 4px;
}

ul#predifened_markets_selected_items_ul {
  list-style: none;
  padding-left: 0.5vw;
  padding-top: 1vh;
  font-weight: bold;
  line-height: 2;
  height: 61.5vh;
  overflow-y: auto;
}

div#predifened_markets_detailed_report_div {
  width: 100%;
  height: 72vh;
  overflow-y: hidden;
  border: 1px solid lightgray;
  margin: auto;
}

table#predifened_markets_selected_items_table {
  width: 100%;
  table-layout: fixed;
  vertical-align: top;
  margin-bottom: 0px;
}

table#predifened_markets_selected_items_table th {
  text-align: left;
  padding-top: 1px;
  padding-bottom: 1px;
  border-bottom: 1px solid black;
}

table#predifened_markets_selected_items_table tbody {
  overflow: auto;
}

table#predifened_markets_selected_items_table tbody td {
  border-bottom: 1px dotted grey;
}

div#predifened_markets_detailed_report_buttons {
  margin-top: 1vh;
  width: 100%;
  height: 30px;
  padding-right: 20px;
  border-top: 1px solid black;
  padding-top: 1vh;
}

table#predifened_markets_selected_items_table tbody div.profile_item_action.profile_item_move_down.disabled i.fa.fa-arrow-down,
table#predifened_markets_selected_items_table tbody div.profile_item_action.profile_item_move_up.disabled i.fa.fa-arrow-up {
  color: lightgrey;
  cursor: no-drop;
}

/* POL-13470 Dynamic Paging - Standardized CSS for full-page data-tables, such as View All Reports or View All Uploaded Files
 * Apply this class to the parent element of the table element.
 */
.fullpage_datatable_container {
  overflow-x: auto;
  overflow-y: hidden;
  padding: 20px 10px 0 10px;
  width: 100%;
  height: calc(100% - 40px); /* 40px accounts for the space of the Delete & Share buttons at the bottom */
  min-height: 400px;
}
.main_content > .list_items {
  height: 100%;
}

div#customerfiles_list_items_table_wrapper #customerfiles_list_items_table_filter label input,
div#heatmaps-list-table_wrapper label input,
div#customermaps_list_items_table_wrapper #customermaps_list_items_table_filter label input,
div#customerreports_list_items_table_wrapper #customerreports_list_items_table_filter label input,
div#tradeareafiles_list_items_table_wrapper #tradeareafiles_list_items_table_filter label input,
div#tradeareamaps_list_items_table_wrapper #tradeareamaps_list_items_table_filter label input,
div#tradeareareports_list_items_table_wrapper #tradeareareports_list_items_table_filter label input,
div#DataTables_Table_0_wrapper #DataTables_Table_0_filter label input,
div#DataTables_Table_1_wrapper #DataTables_Table_1_filter label input,
div#poifiles_list_items_table_wrapper #poifiles_list_items_table_filter label input,
div#poimaps_list_items_table_wrapper #poimaps_list_items_table_filter label input,
div#mymarketslist-table_wrapper #mymarketslist-table_filter label input,
div#viewprojects-table_wrapper #viewprojects-table_filter label input,
div#viewmarkets-table_wrapper #viewmarkets-table_filter label input,
div#viewscorecards-table_wrapper #viewscorecards-table_filter label input,
div#view_zonefiles-list-table_wrapper #view_zonefiles-list-table_filter label input,
div#customerfiles-list-table_wrapper #customerfiles-list-table_filter label input,
div#tradeareas-list-table_wrapper #tradeareas-list-table_filter label input,
div#tradeareas-uploadfile-list-table_wrapper #tradeareas-uploadfile-list-table_filter label input,
div#favorites-list-table_wrapper #favorites-list-table_filter label input,
div#favorites-table_wrapper #favorites-table_filter label input,
div#uploaded_files_table_wrapper #uploaded_files_table_filter label input,
div#spatialfile_list_items_table_wrapper #spatialfile_list_items_table_filter label input,
div#report_list_items_table_wrapper #report_list_items_table_filter label input,
div#loaded_areas_on_the_map_table_wrapper #loaded_areas_on_the_map_table_filter label input,
div#temporary_tradeareas_table_filter label input,
div#markets-table_wrapper #markets-table_filter label input,
div#thematicfiles_list_items_table_wrapper #thematicfiles_list_items_table_filter label input,
div#thematicmaps_list_items_table_wrapper #thematicmaps_list_items_table_filter label input,
div#layeredmaps_list_items_table_wrapper #layeredmaps_list_items_table_filter label input {
  /*@include input-text;*/
  border: 1px solid grey;
  border-radius: 4px;
  height: 2.5rem;
  padding: 5px 5px 5px 10px;
}

div#uploaded-thematic-file-contents #DataTables_Table_0_wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}


div#loaded_areas_on_the_map_table_wrapper {
  border-radius: 4px;
}

div.poianalysismaps_list_item div#poianalysismaps_list_items_table_wrapper .dataTables_scroll .dataTables_scrollBody {
  border-bottom: none;
}

div#customerfiles-list-items ul#header-button,
div#customermaps-list-items ul#header-button,
div#customerreports-list-items ul#header-button,
div#tradeareafiles_list_items ul#header-button,
div#tradeareamaps_list_items ul#header-button,
div#tradeareareports_list_items ul#header-button,
div#poi-list-items ul#header-button,
div#uploaded_files ul#header-button,
div#spatialfile_list_items ul#header-button,
div#report_list_items ul#header-button,
div#thematic-list-items ul#header-button,
div#layeredmaps-list-items ul#header-button {
  padding-left: 0;
}

div#report_list_items ul#header-button li {
  margin-left: 0;
}

div.uploadspatialfile_block .uploadspatialfile #container-inside {
  /*height: 450px;*/
  overflow-y: auto;
}

div#DataTables_Table_0_filter,
div#DataTables_Table_1_filter,
div#customerfiles-list-table_filter,
div#heatmaps-list-table_filter,
div#tradeareas-list-table_filter,
  /*div#tradeareas-uploadfile-list-table_filter,*/
div#favorites-list-table_filter,
div#loaded_areas_on_the_map_table_filter,
div#temporary_tradeareas_table_filter {
  margin: 5px 10px 5px 0;
}

div#DataTables_Table_0_wrapper .dataTables_scroll .dataTables_scrollBody {
  height: 280px;
}


.tradearea-geographic-level select {
  height: 2.5rem;
  border: 1px solid grey;
  border-radius: 4px;
}

.tableContainer {
  -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
  -moz-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
  border-radius: 4px;
}

/*#customer-upload-top #upload_spatial_customer_file .uploadspatialfile #container-inside {*/
/*  height: 400px;*/
/*}*/

/*.tableContainer #uploaded-customer-file-contents {*/
/*  width: 100%;*/
/*  height: 400px;*/
/*  border: 1px solid lightgrey;*/
/*  margin-top: 0px;*/
/*  border-bottom-left-radius: 4px;*/
/*  border-bottom-right-radius: 4px;*/
/*}*/
/**/
/*.tableContainer #uploaded_customer_file_invalid_numbers {*/
/*  border-bottom-left-radius: 4px;*/
/*  border-bottom-right-radius: 4px;*/
/*  overflow-x: auto;*/
/*  overflow-y: auto;*/
/*  height: 300px;*/
/*  border: 1px solid lightgrey;*/
/*  margin-top: 0px;*/
/*}*/
/**/
/*.tableContainer #uploaded-customer-file-invalid-contents {*/
/*  border-bottom-left-radius: 4px;*/
/*  border-bottom-right-radius: 4px;*/
/*  height: 300px;*/
/*  margin-top: 30px;*/
/*  border: 1px solid lightgrey;*/
/*  margin-top: 0px;*/
/*}*/

.uploadspatialfile .upload-file {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

div#uploadspatialfile {
  margin-top: 0px;
  margin-bottom: 20px;
  overflow-x: auto;
  -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
  -moz-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border: 1px solid lightgrey;
}

div.container-fluid .col-sm-6 .upload-file {
  height: 42vh;
  /*margin-bottom: 20px;*/
  -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
  -moz-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
  border-radius: 4px;
  border: 1px solid lightgrey;
}

/* POL-1105 Styling for Upload/Convert File boxes*/
div.container-fluid .col-sm-6.top {
  margin-top: 2vh;
  margin-bottom: 2vh;
}

div.container-fluid .col-sm-6.bottom {
  margin-bottom: 2vh;
}

div.container-fluid .col-sm-6 .container_inside {
  width: 100%;
  border: 1px solid lightgrey;
  margin-top: 0px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  overflow-x:auto;
  overflow-y: auto;
  height: 32vh;
}

div.container-fluid .col-sm-6.top #container_inside,
div.container-fluid .col-sm-6.top #container-inside,
div.container-fluid .col-sm-6.top .container-inside,
div.container-fluid .col-sm-6.top .container_inside,
div.container-fluid .col-sm-6.top#show_sample_files {
  height: 42vh; /* This height property overwrites the one above when applicable*/
}

/* Successfully Uploaded Records header*/
div.container-fluid .col-sm-6.hide_when_sample_displayed.top #container-header {
  width: 100%;
  background-color: #609028;
}

/* Dropped Records header*/
div.container-fluid .col-sm-6.hide_when_sample_displayed.bottom #container-header {
  background-color: #d23f2f;
}

div.container-fluid .col-sm-6.hide_when_sample_displayed.bottom #container-header #download_icon {
  position:absolute;
  top: 6px;
  right:10px;
}

#markets_removeall_button {
  border: 1px solid lightgrey;
  border-radius: 4px;
  height: 25px;
}

#markets_saveall_button {
  height: 25px;
  width: 80px;
  border: 1px solid grey;
  border-radius: 4px;
}

div.loginForm-container {
  display: flex;
  justify-content: center;
}

div.loginForm-container #container-inside {
  width: 60%;
}

/*DataTables to take up 100% of container (using flexbox)*/
/*.dataTables_wrapper {*/
div#DataTables_Table_0_wrapper, div#DataTables_Table_1_wrapper, div#DataTables_Table_2_wrapper,
div#DataTables_Table_3_wrapper, div#DataTables_Table_4_wrapper, div#DataTables_Table_5_wrapper,
div#DataTables_Table_6_wrapper, div#DataTables_Table_7_wrapper, div#DataTables_Table_8_wrapper {
  display: flex;
  flex-direction: column;

  .dataTables_scroll {
    flex: 1;
    overflow: auto;

    display: flex;
    flex-direction: column;

    .dataTables_scrollHead {
      overflow: initial !important;
      position: sticky !important;
      top: 0;
      background: white;
    }

    .dataTables_scrollBody {
      overflow: unset !important;
      height: auto !important;
      position: unset !important;
    }
  }
}

.dataTables_paginate {
  padding: 0.25em;
  padding-top: 0.25em;
}

.dataTables_length {
  padding: 5px 0 5px 10px;
}

/*div#customer-upload-top {*/
/*  margin-top: 15px;*/
/*}*/
/**/
/*div#customer-upload-bottom {*/
/*  margin-bottom: 15px;*/
/*}*/

/* LOGIN FORM DEMO*/

.user-login {

  &__container {
    width: 33%;
    border: 1px solid lightgrey;
    border-radius: 4px;
    display: flex;
    flex-direction: column;

  }

  &__title {
    width: 100%;
    background-color: #0d6aad;
    font-weight: 700;
    color: #ffffff;
    padding: 10px 0;
  }

  &__form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
  }

  &__username-container,
  &__password-container {
    display: flex;
    flex-direction: column;

    &--input {
      /*@include input-text;*/
    }
  }

  &__button-container {
    display: flex;
    margin-top: 10px;

    &--login {
      background-color: #0d6aad;
      border: 1px solid lightgrey;
      padding: 5px 10px;
      color: #fff;
    }

    &--register {
      /*@include button-appearance;*/

    }
  }
}