FileMaster

Edit File: admin-support.css

/**
 * @version 1.0
 * @package: Admin Panel
 * @category: Admin UI
 * @author wpdevelop
 *
 * @web-site https://wpbookingcalendar.com/
 * @email info@wpbookingcalendar.com 
 * 
 * @modified 2015-04-11
 */

/* Admin Content Pages */

/* Top Header at  the page */
.wpbc_page h2.wpbc_header {
    color: #595959;
    font-size: 2em;
    line-height: 2em;
    padding:0;   
    text-shadow: 0 0 1px #aaaaaa;
    margin-bottom:10px;
}

.wpbc_page .wpdevelop label{
    font-weight: 400;
}
.wpbc_page .wpdevelop label.wpbc-required{
    font-weight: 600;
}
.wpbc_page .wpdevelop optgroup {
    font-weight: 600;
}
.wpbc_page .wpdevelop .visibility_container {
    display:none;
}
.wpbc_page .wpdevelop .wpbc-no-margin {
    margin:0;
}
.wpbc_page .wpdevelop .wpbc-no-padding {
    padding:0;
}
.wpdevelop a.button:focus,
.wpdevelop a.button:hover {
    text-decoration: none;
}
/* Support CSS Classes **/
.wpdevelop .visible_items,
.visible_items {
    display: block;
}
.wpdevelop .hidden_items,
.hidden_items {
    display: none;
}
/* Animation:? */
/*:not(.wpdevelop .hidden_items) *,*/
/*:not(.hidden_items) *,*/
/*:not(.wpdevelop .hidden_items),*/
/*:not(.hidden_items) {*/
/*    transition: opacity 0.5s ease-in-out;*/
/*}*/
/*.wpdevelop .hidden_items *,*/
/*.hidden_items *,*/
/*.wpdevelop .hidden_items,*/
/*.hidden_items*/
/*{*/
/*    transition: opacity 0.8s ease-in-out;*/
/*    padding: 0 !important;*/
/*    margin: 0 !important;*/
/*    opacity: 0 !important;*/
/*    height: 0 !important;*/
/*    overflow: hidden !important;*/
/*    line-height: 0 !important;*/
/*}*/

/* M E S S A G E S  -  Backward compatibility - For showing correctly  messages in WP 4.0 */
.wpbc_page .notice {
	background: #fff;
	border-left: 4px solid #fff;
	-webkit-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.02);
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.02);
	margin: 5px 15px 2px;
	padding: 1px 12px;
}
.wpbc_page .notice-success,
.wpbc_page div.updated {
	border-left-color: #46b450;
}
.wpbc_page .notice-warning {
	border-left-color: #ffb900;
}
.wpbc_page .notice-error,
.wpbc_page div.error {
	border-left-color: #dc3232;
}
.wpbc_page .notice-info {
	border-left-color: #00a0d2;
}
/* Messages that show at top  of admin panel pages */
.wpbc_page div.wpbc_inner_message {
    padding:10px;    
    /* Overide position and style of Updated Message. If in new WP updates this meesage showing incorrectly, remove this code */
    position: absolute;
    display: inline;
    z-index: 10000;
    width: 98%;
    margin: 3px 0 0;
    top: 5px;
    left: 0;
    padding: 12px;
    box-sizing: border-box;    
    min-height:1em;    
    height:auto;   
    /* From WordPress 4.4.1 */
    /*
    border-left: 4px solid #fff;
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    */

left: auto;
    width: auto !important;
    right: 0;
    margin: 0;
}
.wpbc_page_top div.wpbc_inner_message {
    position: absolute;
    display: inline;
    z-index: 10000;
    margin: 3px 0 0;
    padding: 12px;
    box-sizing: border-box;
    min-height:1em;
    height:auto;

width: auto !important;
    top: 2px;
    right: 5px;
    display: inline;
}
/* From WordPress 4.4.1 */
.wpbc_page_top div.wpbc_inner_message a.close,
.wpbc_page_top div.wpbc_inner_message a.close:hover,
.wpbc_page_top div.wpbc_inner_message a.close:focus,
.wpbc_page div.wpbc_inner_message a.close,
.wpbc_page div.wpbc_inner_message a.close:hover,
.wpbc_page div.wpbc_inner_message a.close:focus{
    font-size: 18px;
    float: right;
    text-decoration: none;
    margin-left: 1em;
}
.wpbc_page_top div.wpbc_inner_message a.close,
.wpbc_page_top div.wpbc_inner_message a.close:hover,
.wpbc_page_top div.wpbc_inner_message a.close:focus{
    padding: 0 0 2px 15px;
}
/* Form Messages */
.wpdevelop .alert.wpbc-near-field-message {    
    height: auto;      
    font-size: 0.9em;
    background-image: none;
}
/* Alerts & Help messages */
.wpbc-info-message,
.wpbc-error-message, 
.wpbc-success-message, 
.wpbc-help-message{
    display: block;
    margin: 10px 0;
    padding: 5px 10px;
    font-weight: 400;
    text-align: center;
    color:#777;
    background-color: #faf8f8;
/*    border: 1px solid #E6DB55;*/
    border: 2px dashed #bbb;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    line-height: 1.9em; 
    font-size: 1em;
    padding: 5px 10px !important;
    width: auto !important;    
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.wpbc-help-message {
    background-color: #FFFDFD;    
    text-align: left;    
}
.wpbc-error-message {
    background-color: #FFEEEE;
    border-color: #FFBBBB;
}
.wpbc-success-message {
    background-color: #F5FFF0;
    border-color: #AAEEAA;
}
.wpbc-demo-alert-not-allow {
    color: #AA4400;
    font-size: 1.1em;
    font-weight: 400;
    text-shadow: 0 -1px 0 #FFEEEE;
}

.wpbc_inner_message {
    margin-bottom: 25px !important;
}
.wpbc_inner_message .close{
    float: right;
    font-size: 18px;
}

.alert.alert-block {
    border:2px dashed;
}
.message {
    border-left-width: 3px;
    clear: both;
    display: block;
    position: relative;
    text-align: left;    
}

/* Internal Settings Message */
.wpbc-settings-notice {
    background: #ffffff;
    border-left: 4px solid #fff;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    margin: 5px 0 2px 0;
    padding: 1px 12px;
    line-height: 2.5em;
    text-align:left;
    border-top:1px solid #f0f0f0;
    border-right:1px solid #f0f0f0;
}
.wpbc-settings-notice.notice-success {
    border-left-color: #46b450;
}
.wpbc-settings-notice.notice-success.notice-alt {
    background-color: #ecf7ed;
}
.wpbc-settings-notice.notice-warning {
    border-left-color: #ffb900;
}
.wpbc-settings-notice.notice-warning.notice-alt {
    background-color: #fff8e5;
}
.wpbc-settings-notice.notice-error {
    border-left-color: #dc3232;
}
.wpbc-settings-notice.notice-error.notice-alt {
    background-color: #fbeaea;
}
.wpbc-settings-notice.notice-info {
    border-left-color: #00a0d2;
}
.wpbc-settings-notice.notice-info.notice-alt {
    background-color: #e5f5fa;
}
/* Custom  tweek */
.wpbc-general-settings-notice{
    padding: 0.5em 1.5em;
    box-shadow: 0 0 1px #919191;
    margin-top:1em;
}
.wpbc-settings-notice.notice-helpful-info,
.wpbc_page .notice-helpful-info {
    border-left-color: #d3a027;
    border-left-color: #9580aa;
    margin: 0 0 10px;
    line-height: 2;
    padding: 5px 20px 10px;
}

/* Modal Content for popup windows ********************************************/
.wpbc_popup_modal {
    display: none;
}

/* Sort Table */
table.wpbc_sort_table {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.wpbc_sort_table thead th {
    padding:8px 0;
    text-align: center;
    font-weight: 600;
    font-size:1em;
    color:#555 !important;
}
.wpbc_sort_table tfoot th {
    padding:10px;
}
.wpbc_sort_table .widefat th.sort,
.wpbc_sort_table .widefat td.sort {    
    width: 30px;
    padding-top:4px;
    padding-left:4px;
}
.wpbc_sort_table .widefat td.sort::before{
    color: #aaa;
    content: "\f333";
    
    display: inline-block;
    font-family: dashicons;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    height: 20px;
    line-height: 1;
    text-align: center;
    text-decoration-color: inherit;
    text-decoration-line: inherit;
    text-decoration-style: inherit;
    vertical-align: top;
    width: 20px;
    padding:4px 0 0 2px;
}
/*.wpbc_sort_table .widefat td.sort span.glyphicon {*/
/*    vertical-align: middle;*/
/*}*/
.wpbc_sort_table .widefat td {
    padding:0;
}
.wpbc_sort_table .widefat th input[type=text],
.wpbc_sort_table .widefat td input[type=text]{
    width:100%;
    margin:0;
    padding-left:5px;
    height: 36px;
}
.wpbc_sortable_table.widefat {
    background:#FAFAFA;
}
.wpbc_sortable_table.widefat td.border_bottom {
    border-bottom: 1px solid #ddd;
}
.wpbc_sortable_table td input[type=text]{
    border-radius: 0;
}
/* Color Picker */
.wpbc_page .wpdevelop .wp-picker-container .wp-color-result, 
.wpbc_sortable_table td .wp-picker-container .wp-color-result {
    height: 24px;
    
    clear:both;
}
.wpbc_sortable_table td .wpbc-field-colors {
    padding:2px 10px 2px;
    border:1px solid #ccc;
    font-weight: 600;
    font-size:16px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    vertical-align: middle;
}

/* Settings table customization */
.wpbc_page .form-table th,
.wpbc_page .form-table td {
    padding-top:10px;
    padding-bottom:10px;
}
.form-table th label {
    line-height: 2em;
    vertical-align: middle;
}

/* Dismiss button  for Welcome Page Panel *************************************/ 
.wpbc-panel-dismiss {
        position: absolute;
        top: 5px;
        right: 10px;
        padding: 8px 3px;
        font-size: 13px;
        text-decoration: none;
        line-height: 1;
        outline: 0 none;
        cursor: pointer;
}
.wpbc-panel-dismiss:before {
        content: ' ';
        position: absolute;
        left: -12px;
        width: 10px;
        height: 100%;
        background: url('../../../../../../wp-admin/images/xit.gif') 0 7% no-repeat;    /* //FixIn: 8.9.1.3  */
}
.wpbc-panel-dismiss:hover:before {
        background-position: 100% 7%;
}

/* SORTED Support Styles and Tricks *******************************************/
.wpbc_mobile_legend {
    display:none;
}
/* Align blocks */
.wpbc-align-right {
    float: right !important;
}
.wpbc-align-left {
    float: left !important;
}

/* Align text */
.wpbc-text-right {
    text-align: right !important;
}
.wpbc-text-left {
    text-align: left !important;
}
.wpbc-text-center {
    text-align: center !important;
}
.wpbc-text-justify {
    text-align: justify !important;
}

.clear-line {
    clear:both;
    width:100%;
}
/* Trick - Fix HEIGHT for the container with FLOAT elements inside */
.clearfix-height:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix-height {
    /*display: inline-block;*/
    display: block;     /*   //FixIn: 8.8.1.10 */
}
html[xmlns] .clearfix-height {
    display: block;
}
html[xmlns] .clearfix-height.hidden_items {
    display: none;
}
* html .clearfix-height {
    height: 1%;
}

/* Sortable table */
.wpbc_sortable_table thead th {
    padding:10px 0;
}
.wpbc_sortable_table tfoot th {
    padding:10px;
}
.wpbc_sortable_table .widefat th.sort,
.wpbc_sortable_table .widefat td.sort {
    width:30px;
}
.wpbc_sortable_table .widefat td.sort::before{
    color: #aaa;
    content: "\f333";
    
    display: inline-block;
    font-family: dashicons;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    height: 20px;
    line-height: 1;
    text-align: center;
    text-decoration-color: inherit;
    text-decoration-line: inherit;
    text-decoration-style: inherit;
    vertical-align: top;
    width: 20px;
    padding:4px 0 0 2px;
}
.branch-3-5 .wpbc_sortable_table .widefat td.sort::before,
.branch-3-6 .wpbc_sortable_table .widefat td.sort::before,
.branch-3-7 .wpbc_sortable_table .widefat td.sort::before {
    content: "=";
}
.wpbc_sortable_table .widefat td {
    padding:0;
}
.wpbc_sortable_table .widefat th input[type=text],
.wpbc_sortable_table .widefat td input[type=text]{
    width:100%;
    margin:0;
    padding-left:5px;
}
.wpbc_page input[type='checkbox']:focus,
.wpbc_page input[type='checkbox']:active,
.wpbc_page input[type='checkbox']:hover,
.wpbc_page input[type='checkbox'] {
    outline: none;
}

/* Make table row highlight - blue left border*/  /* //FixIn: 9.5.4.10	 */
table.wpbc_input_table tr.highlight {
  background: inherit;
}
table.wpbc_input_table tr.highlight td:first-child{
  border-left:4px solid #08a;
}
/* Hack  to fix checkbox height in  Firefox,  otherwise sometimes, there exist weird artefact */
@-moz-document url-prefix() {
    .wpbc_page input[type='checkbox'] {
        /*height: auto;*/       /* FixIn: 8.4.2.6 */
    }
    .wpbc_page input[type='radio'] {
        /*height: auto;*/       /* FixIn: 8.4.2.6 */
        /*height: 32px;*/
    }
}

/* Ajax loading icon */
.wpbc_ajax_icon {
    font-size: 9px;
    margin: 0px 5px 5px 5px;
    line-height: 1em;
    vertical-align: middle;
}

.wpbc_icn_rotate_45::before {
  transform: rotate(45deg);
}
.wpbc_icn_rotate_90::before {
  transform: rotate(90deg);
}
.wpbc_icn_rotate_180::before {
  transform: rotate(180deg);
}
.wpbc_icn_rotate_270::before {
  transform: rotate(270deg);
}
.wpbc_icn_flip_x::before {
  transform: scaleX(-1);
}
.wpbc_icn_flip_y::before {
  transform: scaleY(-1);
}
/*  Rotate Icons  for Loading   ***********************************************/
.wpbc_animation_pause:before,
.wpbc_animation_pause {
    animation-play-state: paused !important;
}
.wpbc_icn_autorenew::before,
.wpbc_spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.wpbc_rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.wpbc_rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.wpbc_rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.wpbc_flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.wpbc_flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}
/******************************************************************************/

/* iPad mini and all iPhones  and other Mobile Devices */
@media (max-width: 782px) { 
    .wpbc_mobile_legend {
        display:inline;
        font-size: 14px;
        font-weight: 400;
        float: left;
        line-height: 1.3em;
    }
    .wpbc_mobile_legend.clear{
        float:none;
        display:block;
    } 
    .wpdevelop .hide-sm {
        display:none;
    }    
    /* Messages that show at top  of admin panel pages */
    .wpbc_page div.wpbc_inner_message {
        /* Overide position and style of Updated Message. If in new WP updates this meesage showing incorrectly, remove this code */
        margin: 20px 0 25px 10px;
        position: fixed;
        top: 32px;
        width: 96%;        
        padding: 10px 12px;
        min-height: 1em;
        height: auto;
    }    
}
@media (max-width: 480px) { 
    .wpdevelop .hide-xs {
        display:none;
    }    
}

/* Support new fonts in WP 4.6 */                                               /* FixIn: 6.2.2.4 */
.wpdevelop .label, 
.wpdevelop strong {
    font-weight: 600;
}
.wpdevelop [class^="icon-"] {
    margin-top: 2px;
}
.wpdevelop .button [class^="icon-"] {
    margin-top: 3px;
}
.wpbc_code1,
.wpbc_code2 {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    border-radius: 4px;
}
.wpbc_code2{
    background-color: #f9f2f4;
}
/* Update View of shortcodes after  creation  of the pages */
.wpbc_inserted_shortcode_view {
  display: flex;
  font-size: 13px;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  margin: 5px 0 10px;
  color: #276100;
  border-radius: 3px;
  line-height: 2.8;
}
.wpbc_open_page_as_new_tab {
    font-weight: 600;
    margin: 0 5px;
}

Back