/**
 * Style for: Yayme! Affiliate Area Tabs plugin
**/

section.yayme-affiliate-area-tab .user-display-name {
   color: #666;
}

section.yayme-affiliate-area-tab .page-activity {
   color: #666;
   font-weight: normal;
}

section.yayme-affiliate-area-tab .alignRight,
section.yayme-customers-orders-details .alignRight {
   text-align: right !important;
   float: unset;
}

section.yayme-affiliate-area-tab .clickable {
   cursor: pointer;
}

section.yayme-affiliate-area-tab table .affwp-table {
   color: #666;
   border: 1px solid #eee;
   padding: .3em;
}

section.yayme-affiliate-area-tab table tbody tr {
   vertical-align: top;
}

section.yayme-affiliate-area-tab table tbody tr:nth-child(even) {
   background-color: #fdfdfd;
}

section.yayme-affiliate-area-tab table tbody tr:hover {
   outline: thin solid #ccc;
}

section.yayme-customers-orders-details {
   margin: 10px 0px;
}

section.yayme-affiliate-area-tab table tbody tr:hover {
   outline: thin solid #ccc;
}

section.yayme-customers-orders-details table tbody tr td {
   vertical-align: top;
}

section.yayme-customers-orders-details .order_info {
   line-height: 1.5em;
}

section.yayme-customers-orders-details .order_info_field {
   color: #666;
   font-weight: bold;
   text-align: right;
}

section.yayme-customers-orders-details .product_image img {
   border: 0;
   height: 50px;
   margin: 0px;
   float: left
}

section.yayme-events-details table tbody tr td:first-child {
   text-align: right;
}

.pager .btn-disabled {
   opacity: 0.3;
}

.pager .btn-nav-page:not(.btn-disabled) {
   opacity: 0.75;
}

.pager .btn-nav-page {
   background: url('../images/button-pager.png') no-repeat 0 0;
   background-size: 128px 32px;
   vertical-align: middle;
   border: none;
}

.pager .btn-nav-page.btn-nav-page-first {
   background-position: 0px 0px;
   width: 32px;
   height: 32px;
   display: inline-block;
}

.pager .btn-nav-page.btn-nav-page-prev {
   background-position: -32px 0px;
   width: 32px;
   height: 32px;
   display: inline-block;
}

.pager .btn-nav-page.btn-nav-page-next {
   background-position: -64px 0px;
   width: 32px;
   height: 32px;
   display: inline-block;
}

.pager .btn-nav-page.btn-nav-page-last {
   background-position: -96px 0px;
   width: 32px;
   height: 32px;
   display: inline-block;
}

.pager .btn-nav-page:not(.btn-disabled):hover {
   cursor: pointer;
   opacity: 1.0;
   -webkit-transition: opacity 500ms ease;
   -moz-transition: opacity 500ms ease;
   -ms-transition: opacity 500ms ease;
   -o-transition: opacity 500ms ease;
   transition: opacity 500ms ease;
}

.pager select {
   display: inline-block;
   width: auto;
}

.sortable:hover {
   cursor: pointer;
}

.sortable .chevron {
   float: right;
   margin: 5px 0px;
}

.chevron {
   background: url('../images/chevron-15.png') no-repeat 0 0;
   background-size: 15px 60px;
   display: none;
}

.chevron-arrow-up {
   background-position: 0px 0px;
   width: 15px;
   height: 15px;
   display: inline-block;
}

.chevron-arrow-down {
   background-position: 0px -15px;
   width: 15px;
   height: 15px;
   display: inline-block;
}

.chevron-arrow-left {
   background-position: 0px -30px;
   width: 15px;
   height: 15px;
   display: inline-block;
}

.chevron-arrow-right {
   background-position: 0px -45px;
   width: 15px;
   height: 15px;
   display: inline-block;
}

.unselectable {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}


input fieldset[disabled], input[disabled], input[readonly], select fieldset[disabled], select[disabled], select[readonly], textarea fieldset[disabled], textarea[disabled], textarea[readonly] {
   /*
   color: #01a2dd !important;
   background-color: #efefef !important;
   */
}

.center {
   text-align: center;
}

.ui-datepicker-calendar {
   background-color: white;
}

.errorMessage {
   color: #ff0000;
   margin-top: 1em;
}

input {
   padding: 15px 8px !important;
}

input.hasDatepicker:not([disabled]) {
   cursor: pointer;
   background-color: inherit;
}

.dialogConfirmation {
   display: none;
}

.dialogConfirmation input {
   width: 5em !important;
   margin: 0px 10px !important;
}

.dialogConfirmation input.btnCancel {
   background-color: #ff0000;
   border-color: #ff0000;
}

.dialogConfirmation div.messageConfirmation {
   font-size: 120%;
   margin-bottom: 0.5em;
}