/*
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 : Mar 22, 2016, 11:47:39 AM
    Author     : 1
*/

.myTooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}
.myTooltip .tooltiptext {
    visibility: hidden;
    min-width: 155px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 105%;
}
.myTooltip:hover {
  cursor: pointer;
}
.myTooltip:hover .tooltiptext {
    visibility: visible;
}
.groups_list {
    /*max-height: 40px;*/
    min-height: 0 !important;
}
.group_select {
    max-width: 100px;
}
[class^="canceled"], [class^="terminated"] {
    color: white !important;
    background-color: #d9534f !important;
}
.pending {
    color: white;
    background-color: #f0ad4e;
}
.received {
    color: white !important;
    background-color: #5cb85c;
}
.refund{
    color: white;
    background-color: #777;
}
.missing {
    color: white;
    background-color: #b8c03b;
    /*background-color: #cfd83f;*/
}
.purchase_issue {
    background-color: #99ddff;
}
.purchase_issue a {
    color: #337ab7;
}
.paid, [class^="ready"] {
    color: white;
    background-color: #5bc0de;
}
.new {
    background-color: #9f86ff;
    color: white;
}
.pseudoServerId {
    max-width: 120px;
    overflow: hidden;
    white-space: nowrap;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}
.pseudoServerId a {
    color: white;
}
.urgent {
    color: white;
    background-color: #99ccff;
}
.overdue {
    color: white;
    background-color: #d86e6b;
}
.upcoming {
    background-color: #99ddff;
}
.domain.development, td .development {
    background-color: #ffffcc;
}
.domain.completed, td .completed {
    background-color: #ccffcc;
}
.domain.banned, td .banned {
    background-color: #ffcccc;
}
.domain.verified, td .verified {
    background-color: #bcf3ff;
}
.paypal.attached {
    background-color: #66ff66;
}
.income {
  color: #16b916;
}
.expenses {
  color: #ff6666;
}
.profit {
  color: #00ccff;
}
/*.ndd {
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
.ndd-first {
  border-top: 1px solid #fff;
}
.ndd-last {
  border-bottom: 1px solid #ffffff;
}
table tbody tr:not(.filter) .ndd {
  background-color: lightgrey;
}*/
table {
    table-layout: auto !important;
}
table > tbody > tr:hover {
    background-color: #d9d9d9;
}
.purchases.index {
    /*max-height: 1000px;*/
}
.purchases.index table {
    /*width: 150% !important;*/
}
.container {
    /*overflow: auto;*/
}
.form label, .view form label {
   font-size: 0.700rem;
}
.view form input, .view form select, .view form textarea, .form input, .form select, .form textarea {
  /*padding: 2px !important;*/
  font-size: 0.700rem  !important;
}
.oneline {
    white-space: nowrap;
}
td {
    /*margin-left: 50px !important;*/
}
.input.date select[name*='year'] {
    width: 60px;
}
.input.date select[name*='month'] {
    width: 100px;
}
.input.date select[name*='day'] {
    width: 45px;
}
span > form > div.input {
    float: left;
    margin-right: 20px;
}
span > form > button {
    margin-bottom: 0;
}
#info-sidebar {
    padding-top: 168px;
    max-height: 800px;
}
table thead tr th, table thead tr td {
    font-size: 0.775rem;
}
table tr th, table tr td {
    font-size: 0.775rem;
}
.vertical-table th {
    font-size: 0.775rem !important;
}
.url {
    text-overflow: ellipsis;
}
/*
.index table th, .index table td {
    max-width: 8.33333%;
}
.index table td, .related table td {
    white-space: nowrap;
}
*/
.filter button, .add_payment button, .view button {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 11px;
    padding-right: 11px;
    margin-right: 5px;
    font-size: 13px;
    margin-bottom: 0;
}

.filter div, .filter td > input[name=provider_id] {
  display: inline-block;
}
.workload .filter input {
  margin-bottom: 7px;
}

.add_payment legend{
  font-size: 13px;
}

.add_payment legend:hover {
  cursor: pointer;
}

.add_payment form {
  display: none;
}

.date select {
  margin-right: 0;
}

/* Style The Dropdown Button */
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown-menu {
    position: relative;
    display: inline-block;
    /*width: 260px;*/
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    /*min-width: 160px;*/
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    /*margin-top: 12px;*/
}

/* Links inside the dropdown */
.dropdown-content a {
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown-menu:hover .dropdown-content {
    display: block;
}

/*.dropdown-content:hover {
    display: block;
}*/

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown-menu:hover .dropbtn {
    color: white;
    background-color: #3e8e41;
}

.comment {
  border: 1px solid lightgray;
  margin-bottom: 10px;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.comment > * {
  margin-right: 10px;
}

.comment > div, .comment > span {
  display: inline-block;
  border: 2px dotted;
  padding-left: 3px;
  padding-right: 3px;
}

/*.comment > span {
  border: 1px solid black;
}*/

.purchase_data {
  /*float: left;*/
}

fieldset input, fieldset select, fieldset textarea {
  margin-bottom: 0.3rem !important;
  padding: 0.25rem !important;
  height: auto !important;
}

fieldset {
  /*margin: 0 !important;
  padding: 0 !important;*/
}

.year_report {
  /*font-weight: bold;*/
}

.add_payment div {
  display: inline-block;
}

.dropdown-content {
 right: 0;
    z-index: 99999;
 min-width: 130px;
}
body {
 min-width: 1200px;
}
.dropdown-content a {
 z-index: 99999;
 font-size: 12px;
 padding: 0 4px 0 4px;
}
.top-bar-section ul li>a {
 font-size: 14px !important;
 min-width: 130px;
 text-align: center;
}
.container {
    overflow: inherit;
}
.content, #actions-sidebar {
    padding-bottom: 0;
}
.content {
    padding: 0.7rem;
}
table tr th, table tr td {
 padding-left: 0.225rem;
 padding-right: 0.225rem;
 padding-top: 3px;
 padding-bottom: 3px;
 font-size: 0.700rem;
 text-align: center;
}
table tr td:first-child {
 min-width: 110px;
}
tr.inactive td {
  color: #7f8c8c;
  background: #ababab;
}
/*******************new style**********************************/
#filters ~ td input, #filters ~ td select {
    height: 20px;
    max-width: 137px;
    margin-bottom: 0;
    padding: 0 14px 0 5px;
    border-radius: 3px;
    font-size: 12px;
}
#filters_2 ~ td input, #filters_2 ~ td select {
    height: 20px;
    max-width: 137px;
    margin-bottom: 0;
    padding: 0 14px 0 5px;
    border-radius: 3px;
    font-size: 12px;
}
table thead tr th, table thead tr td {
    padding: 0.3rem 0.325rem 0.325rem;
	color: #383856;
}
table tbody tr:nth-of-type(2n) {
      background: #f0f0f0;
  }
table tbody tr:nth-of-type(2n):hover {
    background-color: #d9d9d9;
}
button {
    background: #005e96;
    border-radius: 3px;
}
#filters ~ td input[type="date"]{
    padding: 0 0 0 3px;
    width: 120px;
    margin: auto;
}
#filters_2 ~ td input[type="date"]{
    padding: 0 0 0 3px;
    width: 120px;
    margin: auto;
}
#internal-paypal, #incoming-price-action, #outgoing-price-action  {
    padding: 0 17px 0 5px !important;
}
#incoming-price-start, #outgoing-price-start {
    width: 70px;
    margin-left: 4px;
}
.top-bar {
    background: #333 !important;
}
.top-bar.expanded .title-area {
    background: #333 !important;
}
.top-bar.expanded, .top-bar, .top-bar-section ul li, .top-bar-section li:not(.has-form) a:not(.button) {
    background: #333 !important;
}
.top-bar-section li:not(.has-form) a:not(.button):hover {
    background-color: #555 !important;
}
a {
    color: #005e96;
}
table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td {
    border-bottom: 3px solid #fff;
    border-radius: 3px;
}
ul.pagination li.active a {
    background-color: #5cb85c;
}
#incoming_filters ~ td input[type="date"] {
    padding: 0 0 0 3px;
    width: 120px;
    display: inline-block;
    margin: 4px 6px 4px 0;
}
#incoming_filters ~ td input, #incoming_filters ~ td select {
    height: 20px;
    max-width: 137px;
    margin-bottom: 0;
    padding: 0 14px 0 5px;
    border-radius: 3px;
    font-size: 12px;
}
.related {
    padding-top: 30px
}
.related h4 {
    border-bottom: 1px solid #005e96;
}
.add_payment input{
    height: 23px;
    border-radius: 2px;
    padding: 4px !important;
}
.add_payment select {
    padding: 0 5px 0 5px;
    height: 23px;
    border-radius: 3px;
}
#add_outgoing_filters ~ td input[type="date"] {
    padding: 0 0 0 3px;
    width: 120px;
    display: inline-block;
    margin: 4px 6px 4px 0;
}
#add_outgoing_filters ~ td input, #add_outgoing_filters ~ td select {
    height: 20px;
    max-width: 137px;
    margin-bottom: 0;
    padding: 0 14px 0 5px;
    border-radius: 3px;
    font-size: 12px;
}
.table-title-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    display: inherit;
    border-bottom: 2px solid #005e96;
}
.vertical-table tr td {
    border-bottom: 0;
    border-radius: 0;
}
.vertical-table tr th {
    border-bottom: 0;
    border-radius: 0;
}
.websites fieldset input,
.websites fieldset select {
    border-radius: 3px;
}
.websites fieldset select {
    margin-right: 5px;
}
.websites fieldset textarea {
    height: 50px !important;
    border-radius: 3px;
}
.websites fieldset textarea[name="location"] {
    height: 78px !important;
}
button, .button {
    padding: 0.5rem 0.8rem 0.4rem 0.9rem ;
}
.form button:hover, .form button:focus {
    background: #003b65;
    box-shadow: none;
}
.providers fieldset input {
    border-radius: 3px;
}
/******Рамка для таблицы*****/
.index table {
    margin-top: 1rem;
    border: 0;
    border-top: 1px solid #005e96;
    border-bottom: 1px solid #005e96;
}
.index table thead tr {

    line-height: 55px;
    height: 55px;
}
.index table tbody tr:last-child td {
    border-bottom: 0;
}
.index table thead tr th {
    border-bottom: 1px solid #cccccc;
}
.purchases fieldset input,
.purchases fieldset select,
.purchases fieldset textarea{
    border-radius: 3px;
}
.purchases fieldset textarea{
    height: 70px !important;
}
.servers fieldset input,
.servers fieldset select,
.servers fieldset textarea{
    border-radius: 3px;
}
.servers fieldset .date select {
    margin-right: 5px;
}
.websites #filters input[type="date"] {
    height: 28px;
    max-width: 137px;
    margin-bottom: 5px;
    padding: 5px 14px 5px 5px;
    border-radius: 3px;
    font-size: 12px;
    display: inline-block;
}
#internal-paypal {
    height: 22px !important;
}
.add_payment select[name="internal_paypal"]{
    width: 170px;
}

td.purchase-id-filter div {
    max-width: 55px;
}

span.companies {
    margin: 10px;
}

.verified {
    background: lightgreen !important;
}