/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 1, 2017, 1:29:22 PM
    Author     : Andrea
*/

.pipeline-table tr td,
.pipeline-table tr th {
    font-size: 14px;
    vertical-align: middle!important;
}

.pipeline-table .btn {
    max-width: 10rem!important;
    min-width: 10rem!important;
    
}
.pipeline-table .dropdown button {
    max-width: 100px!important;
    margin-top: 0px;
    
}

.how h2 div {
    color: rgb(168, 168, 168)!important;
}

#new_transaction_search h4 {
    border-bottom: 0px!important;
}

#account_button .dropdown-menu{
    right:0!important;
    float: right!important;
    left:auto!important;
    line-height: 20px!important;
}

.hidden_new_form{
    padding-left: 20px; 
    padding-right: 20px;
    border-bottom: 1px solid grey;
}


.showthis {
    display: none;
}

.larger_modal .form-row,
#searchModal .form-row,
#searchUsersModal .form-row {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.larger_modal .form-group {
    margin-bottom: 20px;
}
#admin_modal .form-group {
    margin-top: 10px;
}

.btn-green {
    background-color: rgb(86, 185, 0)!important;
}

.full_height {
    padding-top: 6px!important; padding-bottom: 6px!important;
    height: 40px!important;
}

.split_form_row_l {
    padding-left: 0px!important;
    width: 50%!important;
}

.split_form_row_r {
    padding-left: 25px!important;
    padding-right: 0px!important;
    width: 50%!important;
}

#pwdModal {
    z-index: 100000;
}

.admin_tab_section .btn {
    margin-top: 0px!important;
    min-width: 25px!important;
    height:40px!important;
}

#exampleModal2 .panel-heading,
.login_toggle .panel-heading,
#new_party_form .panel-heading {
    padding-bottom: 0px!important;
    border-bottom: 1px transparent;
}
#exampleModal2 #property_accordion .panel-heading {
    padding-bottom: 10px!important;
}

#exampleModal2 .panel-heading .nav li,
.nav-tabs li,
#new_party_form li {
    padding-bottom: 0px;
}
#exampleModal2 .panel-heading .active,
.nav-tabs li .active,
#new_party_form li .active {
    border-bottom: 1px solid white;
}

#detail_menu1 .tab1_content .profiledetailtable {
    margin-top: 1em;
}

.profiledetailtable td:first-child {
    padding-right: 1em;
    padding-bottom: .5em;
}

.btn {font-family:inherit!important}
.btn-lg {font-size: 16px!important;}



#header_table_overflow td {
    overflow-y: hidden;
    word-wrap: break-word;
}
#header_table_overflow #dropdown_td {
    overflow-y: visible !important;
}
#header_table .dropdown {
    position: static;
}
#header_table .dropdown-menu {
    top: calc(100% - 22px);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
#dropdown_td {
    padding: 0;
}
#dropdown_td button {
    border-radius: 0px!important;
    /*max-width:50px; */
    width: 100%;
    min-width:30px; 
    line-height:83px; 
    margin-top: 0px; 
    border: 0px!important;
}

#pipeline_logo_div img {
    display: inline-block;
    max-width: 250px;
    margin-bottom: 10px;
}

#pipeline_logo_div #top_button {
    max-width: 250px; 
    float:right;
}
#top_button button {
    margin-top: 0px;
}

#new_transaction_search .panel-heading {
    padding-bottom: 10px;
}


/*--------------Animation------------------*/

/* Absolute Center Spinner */
.loading {
  position: fixed;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 100;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*-------------------Overriding other css--------------------*/

#new_user_accordian ul li {
    padding-bottom: 0px!important;
}
#new_user_accordian li:active {
    border-bottom: 2px solid white;
    margin-bottom: -2px;
    z-index: 50;
}
#new_user_accordian ul {
    border-bottom: 0px;
}
#new_user_accordian ul:not(.highlights) li:not(:last-child) {
    padding-bottom: 0px!important;
}
#new_user_accordian .panel-heading {
    padding-bottom: 0px!important;
}

/*Bootstrap boundaries responsive css*/

/*Bootstrap Sm*/
@media (max-width: 768px) { 
    #header_table{
        border-bottom-right-radius: 4px!important; 
        border-top-right-radius:4px!important;
        overflow: hidden;
        overflow-wrap: break-word;
    }
}



/*----------------Responsive Cleanup --------------------*/
/*Login Panel*/

.login_panel ul {
    padding-left: 0px;
}

.login_logo {
    width: 250px;
}


/*The logo was too big for smaller screens*/
@media (max-width: 300px) { 
    .login_logo {
    max-width: 200px!important;
    }
}

/*Login window icon floats left on larger screens, centers on smaller ones*/
@media (max-width: 400px) { 
    .login_panel .pull-right {
        float: none!important;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 500px) {
    .new_order_tab li {
        width: 50%!important;
    }
    #exampleModal2 .panel-heading  .active {
        border-bottom: 1px solid rgb(221,221,221);
        border-bottom-left-radius: 4px!important;
        border-bottom-right-radius: 4px!important;
        margin-bottom:0px!important;
    }
    #new_order_nav_tabs .nav-tabs li.active a {
        border-bottom: 0px solid rgb(221,221,221);
        border-bottom-left-radius: 4px!important;
        border-bottom-right-radius: 4px!important;
        font-size: 14px;
    }
   .nav-tabs > li > a {
        
        border-bottom-left-radius: 4px!important;
        border-bottom-right-radius: 4px!important;
        width: 100%!important;
    }
    
    #search_by_site_form .form-group {
        margin-bottom: 5px!important;
    }
}

@media (max-width: 665px) {   /*This takes care of the header panel with the revenue etc. along with its pulldown menu*/
    #header_table #hide_this_td,
    .panel-heading-hide {
        display: none;
    }
    #header_table .glyphicon {
        font-size: 24px;
        vertical-align: top;
    }

    #header_table {
        margin-bottom: 10px!important;
    }
    #second_header_tr {
        display: none;
    }
    #header_table #account_button,
    #header_table button {
        max-height: 36px!important;
    }

    #header_table td {
        padding: 0px!important;
    }
}

@media (min-width: 800px) {
    .larger_modal {
        min-width: 800px!important;
        max-width: 1600px!important;
        margin-left: -200px;
    }
}

@media (max-width: 1000px) { 
    #pipeline_actions_txt,
    #user_list_actions_txt {
        display: none;
    }
    .pipeline-table .btn {
        max-width: 30px!important;
        min-width: 30px!important;
    }
    .pipeline_escrow_date, .pipeline_mod_date {
        font-size: 12px!important;
    }
    .new_order_tab a {
        padding-left: 10px!important;
        padding-right: 10px!important;
        font-size: 12px!important;
    }
    #new_order_nav_tabs {
        padding-left: 0px!important;
    }
    .btn {
        min-width: 5rem;
    }
}

@media (max-width: 600px) { 
    .pipeline-table {
        width:100%!important; 
        height:auto!important;
    }
    
    .pipeline-table thead {
        display: none;
    }
    .pipeline-table td,
    .pipeline-table th {
        border-top: 0px!important;
    }
    .pipeline-table tr {
        border-bottom: 1px solid rgb(221,221,221);
        padding-bottom: 10px!important;
        margin-bottom: 10px!important;
    }
    
    .pipeline_number,
    .pipeline_status, 
    .pipeline_mod_date, 
    .pipeline_user,
    .pipeline_property,
    .pipeline_type,
    .pipeline_price,
    .pipeline_escrow_number, 
    .pipeline_escrow_date,
    .pipeline_rep,
    .pipeline_button_td,
    .user_list_number,
    .user_list_username, 
    .user_list_status,
    .user_list_type,
    .user_list_name,
    .user_list_address,
    .user_list_orders,
    .user_list_rev,
    .user_list_activity,
    .user_list_login,
    .user_imports_list_username,
    .user_imports_list_num_records,
    .user_imports_list_num_records_imported,
    .user_imports_list_file_url {
       /* width: 320px!important;*/
        float: left!important;
        display: block!important;
        padding: 1px!important;
    }
    
    .pipeline_number,
    .user_list_number {
        width: 20px!important;
    }
    
    .user_list_type {
        width: 80px!important;
    }
    .pipeline_status {
        width: 80px !important;
    }
    .pipeline_mod_date {
        width: calc(100% - 100px)!important;
        font-size: 14px!important;
        text-align: right;
    }
    .user_list_username {
        width: calc(100% - 100px)!important;
    }
    
    .pipeline_type,
    .pipeline_price,
    .pipeline_escrow_number, 
    .pipeline_escrow_date,
    .pipeline_rep,
    .user_list_status,
    .user_list_name,
    .user_list_address,
    .user_list_orders,
    .user_list_rev,
    .user_list_activity,
    .user_list_login  {
        width: 300px!important;
    }
    
    .pipeline_escrow_date {
        font-size: 14px!important;
    }
    
    .pipeline_rep {

    }
    .pipeline_button_td {
        width: calc(100% - 255px)!important;
        float: right!important;
        margin-top: -18px;
        margin-right: 5px;
    }
    
    .pipeline_button_td button {
        float: right!important;
    }

    .hidethis {
        display: none;
    }
    .showthis {
        display:inline;
    }
}

/*-------------iOS 11 doesn't like fixed modals-----------------*/
    /* ----------- iPhone 4 and 4S ----------- */
    /* Portrait and Landscape */
    @media only screen 
      and (min-device-width: 320px) 
      and (max-device-width: 480px)
      and (-webkit-min-device-pixel-ratio: 2) {
          .modal-open {
              position: fixed!important;
              width: 100%;
          }
    }
    
    /* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
    /* Portrait and Landscape */
    @media only screen 
      and (min-device-width: 320px) 
      and (max-device-width: 568px)
      and (-webkit-min-device-pixel-ratio: 2) {
          .modal-open {
              position: fixed!important;
              width: 100%;
          }
    }
    
    /* ----------- iPhone 6, 6S, 7 and 8 ----------- */

    /* Portrait and Landscape */
    @media only screen 
      and (min-device-width: 375px) 
      and (max-device-width: 667px) 
      and (-webkit-min-device-pixel-ratio: 2) { 
          .modal-open {
              position: fixed!important;
              width: 100%;
          }
    }
    
    
    /* ----------- iPhone 6+, 7+ and 8+ ----------- */
    /* Portrait and Landscape */
    @media only screen 
      and (min-device-width: 414px) 
      and (max-device-width: 736px) 
      and (-webkit-min-device-pixel-ratio: 3) { 
          .modal-open {
              position: fixed!important;
              width: 100%;
          }
    }
    
    /* ----------- iPhone X ----------- */
    /* Portrait and Landscape */
    @media only screen 
      and (min-device-width: 375px) 
      and (max-device-width: 812px) 
      and (-webkit-min-device-pixel-ratio: 3) { 
          .modal-open {
              position: fixed!important;
              width: 100%;
          }
    }