/* Hyperlink */
a 
{
    text-decoration: none !important;
}

select
{
    padding-right: 32px !important;
    background-color: white !important;
    color: black !important;
}

input, textarea
{
    background-color: white !important;
    color: black !important;
}

input:disabled, select:disabled, textarea:disabled
{
    background-color: #f6f6f6 !important;
    color: black !important;
}

table input[type=checkbox]
{
    transform: scale(2);
    -ms-transform: scale(2); /* IE */
    -moz-transform: scale(2); /* FF */
    -webkit-transform: scale(2); /* Safari and Chrome */
    -o-transform: scale(2); /* Opera */
    padding: 10px;
}

.bold
{
    font-weight: bold;
}

.center
{
    text-align: center !important;
}

.flex
{
    display: flex;
}

.hidden
{
    display: none !important;
}

.italic
{
    font-style: italic;
}

.table
{
    display: table;    
}

.table_row
{
    display: table-row;
}

.table_row_selected
{
    background-color: #f7ffef !important;
}

.table_cell
{
    display: table-cell;
}

.full_width
{
    width: 100%;
}

.cursor_pointer
{
    cursor: pointer;
}

button.dt-btn:disabled
{
    background-color: #c6c6c6 !important;
}


/* Template Fix: Remove the Navigation Right Margin for the Links. */
/*.sub-downwards.dt-parent-menu-clickable .main-nav > li:not(.has-children) > a 
{
    margin-right: 0px !important;
}*/

/*.side-header.dividers .main-nav>li
{
    justify-content: center;
}*/


/* -------------------------------------------------------------------------- */
/* Reset Password                                                             */
/* -------------------------------------------------------------------------- */

/* Backgrond Colour.  */
body.login.login-action-rp, 
body.login.login-action-resetpass,
body.login.login-action-lostpassword
{
    background-color: initial;
}


/* Override the Primary Button styling as it looks fuzzy. */
body.login.login-action-rp .button-primary, 
body.login.login-action-resetpass .button-primary,
body.login.login-action-lostpassword .button-primary
{
    background: initial;
    border-color: initial;
    box-shadow: initial;
    text-shadow: initial;
}



/* -------------------------------------------------------------------------- */
/* Select2 Dropdown - Override Styles                                         */
/* -------------------------------------------------------------------------- */

/* Change the Border. */
.select2-selection
{
    border-color: #e4e4e4 !important;
}


/* -------------------------------------------------------------------------- */
/* Tabs                                                                       */
/* -------------------------------------------------------------------------- */

/* Tabs Container */
div.tabs_container, 
div.sub_tabs_container,
div.mini_tabs_container
{
    display: flex;
/*    margin-bottom: 20px;*/
}

/* Tabs */
div.tabs_container div, 
div.sub_tabs_container div,
div.mini_tabs_container div
{
    box-sizing: border-box;
    display: inline-block;
    padding-top: 10px;    
    padding-bottom: 10px;    
    padding-left: 15px;    
    padding-right: 15px;    
    font-size: 18px;
    font-weight: 600;
    background-color: #f9f9f9;
    border-bottom-style: solid;
    border-bottom-width: 3px;    
    border-bottom-color: #CCC;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    color: #888;
    user-select: none;
}

div.tabs_container div.active, 
div.sub_tabs_container div.active,
div.mini_tabs_container div.active
{    
    background-color: #fff8ef;   
    border-bottom-style: solid;
    border-bottom-width: 3px;    
    border-bottom-color: #e29c55;
    color: #424242;
}

div.mini_tabs_container div
{
    padding-top: 5px;    
    padding-bottom: 5px;    
    padding-left: 10px;    
    padding-right: 10px;    
    font-size: 15px;
}


div.tabs_container_vertical
{
    display: block;
    margin-bottom: 0px;
}

div.tabs_container_vertical div
{
    display: block;
    text-align: center;
    box-sizing: border-box;
    padding: 10px;
    font-size: 15px;
    font-weight: 600;
    background-color: #f5f5f5;
    border-bottom-style: solid;
    border-bottom-width: 3px;    
    border-bottom-color: #CCC;
    margin-right: 10px;
    cursor: pointer;
    width: 170px;   
    margin-bottom: 8px;
}


/* Table Row - Alternative Row Colour. */
.pin_table > tbody > tr:nth-child(odd)
{
    background-color: #fff8ef;
}

.pin_table > tbody select
{
    margin-bottom: 0px;
}


.pin_table_form
{
    border-bottom-style: none !important;
}

.pin_table_form > tbody > tr > td
{
    padding: 0px;
    border-style: none;
}

.pin_select_title
{
    font-weight: 600;
    font-size: 20px !important;
    width: 100%;
    text-align-last: center;
    height: 60px;
    line-height: 30px !important;
}

.pin_download_link
{
    cursor: pointer;
}


.pin_user_edit_and_image_layout_container
{
    display: flex; 
    flex-wrap: wrap;
}

.pin_user_edit_and_image_layout_container .pin_user_edit_container
{
    display:inline-block; 
    flex: 1;
}

.pin_user_edit_and_image_layout_container .pin_user_image_container
{
    display: inline-block; 
    margin-left: 10px; 
    vertical-align: top; 
    width: 250px;
    text-align: center;
}

.pin_speaker_topic_icon
{
    border: 0px; 
    vertical-align: middle; 
    width: 16px;
}

.pin_speakers_action_icon
{
    border: 0px; 
    vertical-align: middle; 
    width: 32px;
}

.pin_calendar_icon
{
    border: 0px; 
    vertical-align: middle; 
    width: 16px;
    padding: 2px;
}

.pin_calendar_icon:hover
{
    background-color: #e29c55;
}

.pin_user_dropdown_container .select2-selection
{    
    padding-top:   4px;
    padding-bottom:32px;
    padding-left:  15px;
    padding-right: 15px;    
    border-radius: 0px !important;
}

.pin_user_dropdown_container .select2-selection__arrow
{
    background-color: white;
    height: 34px !important;
    width: 30px  !important;
}

/* -------------------------------------------------------------------------- */
/* Info Bar                                                                   */
/* -------------------------------------------------------------------------- */

.pin_info_bar_container
{    
    display: flex;
    position: fixed;
    align-items: center;
    justify-content: center;
    text-align: center;    
    top: 0px;    
    width: 1040px;
    min-height: 100px;
    border-style: solid;
    border-width: 3px;    
    border-color: #dd9933;
    background-color: #fff8ef;        
/*    color: #dd9933;     */
    padding: 10px;
    font-size: 24px;
    font-weight: 600;
    box-sizing: border-box;
    z-index: 999;
    
}

.pin_info_bar_container.success
{
    border-color: #388200;
    background-color: #f6fff8;
/*    color: #388200;*/
}

.pin_info_bar_container.error
{
    background-color: #ffebeb;
    border-color: #ff0000;
    color: #ff0000;
}

.pin_info_bar_container.warning
{
    border-color: #ffc800;
    background-color: #fffad9;
}


/* -------------------------------------------------------------------------- */
/* User Information                                                           */
/* -------------------------------------------------------------------------- */

div.user_container
{
    display: flex;
    width: 100%; 
    border-style: solid; 
    border-width: 2px; 
    border-color: #e29c55; 
    border-radius: 4px;
    margin-bottom: 20px; 
    padding: 10px; 
    box-sizing: border-box;     
}

div.user_container table
{
    margin-bottom: 0px;
}

div.user_container .voucher_code_container
{
    display: flex;
/*    float: right;    */
}

/* User's Name */
div.user_container .name
{
    display: inline-block; 
/*    width: 100%; */
    font-weight: bold; 
    font-size: 30px; 
    margin-bottom:8px;
/*    text-align: center;*/
}

div.user_container .edit_user
{
    cursor: pointer;
}

div.user_container .edit_user:hover
{
    color: #3483c9
}

 
div.user_container .icon
{
    height: 24px; 
    vertical-align: middle;
    margin-right: 4px;
}

div.user_container .speaker_details
{
    display: inline-block;
    vertical-align: middle;
}


div.user_container .locations_container,
div.user_container .topics_container,
div.user_container .events_container,
div.user_container .notes_container
{
    display: flex;
    flex-wrap: wrap;
  
}

div.user_container .locations_container
{
    overflow-y: auto;
    max-height: 75px;    
}

div.user_container .location_container
{
    box-sizing: border-box;
    display: inline-block;       
    flex-grow: 1;
    min-width: 290px;    
    width: 290px;
    border-style: solid;   
    border-width: 1px;
    border-color: #fcddbe;
    padding: 2px;
}

div.user_container .location_container .location_notification_image
{
    display: block;    
    flex-wrap: wrap;
    float: right;
    margin-right: 2px;
}

div.user_container .topics_container
{
    display: block;
    border-style: solid;
    border-width: 1px;
    border-color: #fcddbe;
    padding: 4px;
    margin-bottom: 10px;
}

div.user_container .topics_container .topic_field
{
    display: inline-block;
}

div.user_container .topics_container .topic_duration
{
    float: right;    
}

div.user_container .topics_container .topic_keywords
{
    margin-left: 28px;
    font-size: 12px;
    font-style: italic;
}


div.user_container .events_container,
div.user_container .notes_container,
div.user_container .do_not_book_container
{   
    display: block;
    border-style: solid;
    border-width: 1px;
    border-color: #fcddbe;
    padding: 4px;
    margin-bottom: 10px;
}

div.user_container .do_not_book_container
{
    border-color: red;
    color: red;
}


div.user_container .events_container .event_container
{
    display: flex;
    justify-content: space-between;
}

div.user_container .events_container .event_field
{
    display: inline-block;
}

div.user_container .events_container .event_field_date_name_container
{
    flex: 1;
}

div.user_container .events_container .event_field_date
{
    width: 120px;
}

.pin_table.users_table .edit_user
{
    cursor: pointer;
}

/* Change the Opacity of the image when dragging a file over it. */
.pin_profile_image_dragover
{        
    opacity: 0.25;
}

.pin_table_view_locations_column_reveal
{
    cursor: pointer;
}

.topics_view_speaker_container h3,
.topics_view_speaker_topic_row
{
    cursor: pointer;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */    
}

.topics_view_speaker_topic_row .topic_keywords
{
    margin-left: 10px;
    font-size: 12px;
    font-style: italic;
}


.topics_view_speaker_topic_details_container
{
    border-style: solid; 
    border-width: 2px; 
    border-color: #e29c55; 
    border-radius: 4px;
    margin-bottom: 20px; 
    padding: 10px; 
}


/* -------------------------------------------------------------------------- */
/* Spinner */
/* -------------------------------------------------------------------------- */

.pin_processing_spinner 
{
    display:inline-block;
    vertical-align: middle;
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid blue;
    border-bottom: 4px solid blue;
    width: 26px;
    height: 26px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin 
{
    0%   { -webkit-transform: rotate(0deg);   }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin 
{
    0%   { transform: rotate(0deg);   }
    100% { transform: rotate(360deg); }
}


/* -------------------------------------------------------------------------- */
/* Lightbox */
/* -------------------------------------------------------------------------- */

.pin_lightbox 
{
	/** Default lightbox to hidden */
/*	display: none;*/

    /** Position and style */
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 999999;
}

.pin_lightbox .media_item 
{
    /** Pad the lightbox image */
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
    max-height: 80%;
    margin-top: 10%;
    text-align: center;
}

.pin_lightbox:target 
{
    /** Remove default browser outline */
    outline: none;

    /** Unhide lightbox **/
    display: block;
}


/* -------------------------------------------------------------------------- */
/* Menu                                                                       */
/* -------------------------------------------------------------------------- */

.pin_menu_section
{
    background-color: #FF9933;   
    user-select: none;
}

.pin_menu_section a span
{
    color: white !important;
}

.pin_menu_section_item
{
    cursor: pointer;
}

/* Mobile View - Align the Menu Items to the Center. */
ul.mobile-main-nav > li > a
{
    align-items: center !important;
    justify-content: center  !important; 
    margin-left: 25px;
}


/* -------------------------------------------------------------------------- */
/* List View Container                                                        */
/* -------------------------------------------------------------------------- */

.pin_list_view_container
{
    border-style: solid;
    border-width: 1px;
    border-color: #EEE;
    padding: 5px;
}

.pin_list_view_container_display_icon
{    
    float: right;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center;
    width: 40px;
    text-align: center;
}



.pin_list_view_container_display_icon_closed
{
    background-image: url('/wp-content/plugins/pin_central_area/images/container_closed.svg');
}

.pin_list_view_container_display_icon_opened
{
    background-image: url('/wp-content/plugins/pin_central_area/images/container_opened.svg');
}

.pin_list_view_summary_row
{
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
}

.pin_list_view_summary_row_enlarged
{    
    margin-bottom: 5px;
/*    background-color: antiquewhite;*/
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
}

.pin_list_view_summary_row_enlarged .pin_list_view_summary_left_name
{
    font-size: 24px;
}

.pin_list_view_summary_row_enlarged .pin_list_view_summary_right_name
{
    font-size: 15px;
}

.pin_list_view_summary_left_name
{
    flex: 1;
    font-size: 15px;
    font-weight: bold;   
}
    
.pin_list_view_summary_right_name
{
    float: right;
}

.pin_list_view_full_details_container
{
    background-color: white;
    padding: 10px;
}

.pin_list_view_suspended
{
    background-color: mistyrose;
}

.pin_list_view_suspended_message_container
{
    border-style: dashed;
    border-width: 2px;
    padding: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}

.pin_list_view_details_icon
{
    vertical-align: middle;    
    height: 24px;
    margin-right: 4px;
}