charset "UTF-8";

/* SpryTabbedPanels.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels

 *

 * The default style for a TabbedPanels widget places all tab buttons

 * (left aligned) above the content panel.

 */

/* This is the selector for the main TabbedPanels container. For our

 * default style, this container does not contribute anything visually,

 * but it is floated left to make sure that any floating or clearing done

 * with any of its child elements are contained completely within the

 * TabbedPanels container, to minimize any impact or undesireable

 * interaction with other floated elements on the page that may be used

 * for layout.

 *

 * If you want to constrain the width of the TabbedPanels widget, set a

 * width on the TabbedPanels container. By default, the TabbedPanels widget

 * expands horizontally to fill up available space.

 *

 * The name of the class ("TabbedPanels") used in this selector is not

 * necessary to make the widget function. You can use any class name you

 * want to style the TabbedPanels container.

 */

.TabbedPanels {

	overflow: hidden;

	margin: 0px;

	padding: 0px;

	clear: none;

	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/

}

/* This is the selector for the TabGroup. The TabGroup container houses

 * all of the tab buttons for each tabbed panel in the widget. This container

 * does not contribute anything visually to the look of the widget for our

 * default style.

 *

 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not

 * necessary to make the widget function. You can use any class name you

 * want to style the TabGroup container.

 */

.TabbedPanelsTabGroup {

	margin: 0px;

	padding: 0px;

}

/* This is the selector for the TabbedPanelsTab. This container houses

 * the title for the panel. This is also the tab "button" that the user clicks

 * on to activate the corresponding content panel so that it appears on top

 * of the other tabbed panels contained in the widget.

 *

 * For our default style, each tab is positioned relatively 1 pixel down from

 * where it wold normally render. This allows each tab to overlap the content

 * panel that renders below it. Each tab is rendered with a 1 pixel bottom

 * border that has a color that matches the top border of the current content

 * panel. This gives the appearance that the tab is being drawn behind the

 * content panel.

 *

 * The name of the class ("TabbedPanelsTab") used in this selector is not

 * necessary to make the widget function. You can use any class name you want

 * to style this tab container.

 */

.TabbedPanelsTab {

	position: relative;

	top: 1px;

	float: left;

	padding:6px 15px;

	margin: 6px 1px 0px 0px;

	font: bold 14px sans-serif;

	background-color:#e7e7e7;

	list-style: none;

	border-left: solid 1px #CCC;

	border-bottom: solid 1px #999;

	border-top: solid 1px #999;

	border-right: solid 1px #999;

	-moz-user-select: none;

	-khtml-user-select: none;

	cursor: pointer;

}

/* This selector is an example of how to change the appearnce of a tab button

 * container as the mouse enters it. The class "TabbedPanelsTabHover" is

 * programatically added and removed from the tab element as the mouse enters

 * and exits the container.

 */

.TabbedPanelsTabHover {

	background-color: #bfbfbf;

}

/* This selector is an example of how to change the appearance of a tab button

 * container after the user has clicked on it to activate a content panel.

 * The class "TabbedPanelsTabSelected" is programatically added and removed

 * from the tab element as the user clicks on the tab button containers in

 * the widget.

 *

 * As mentioned above, for our default style, tab buttons are positioned

 * 1 pixel down from where it would normally render. When the tab button is

 * selected, we change its bottom border to match the background color of the

 * content panel so that it looks like the tab is part of the content panel.

 */

.TabbedPanelsTabSelected {

	background-color: #EEE;

	border-bottom: 1px solid #EEE;

	margin-top:0px;

	padding:9px 15px;

}

/* This selector is an example of how to make a link inside of a tab button

 * look like normal text. Users may want to use links inside of a tab button

 * so that when it gets focus, the text *inside* the tab button gets a focus

 * ring around it, instead of the focus ring around the entire tab.

 */

.TabbedPanelsTab a {

	color: black;

	text-decoration: none;

}

/* This is the selector for the ContentGroup. The ContentGroup container houses

 * all of the content panels for each tabbed panel in the widget. For our

 * default style, this container provides the background color and borders that

 * surround the content.

 *

 * The name of the class ("TabbedPanelsContentGroup") used in this selector is

 * not necessary to make the widget function. You can use any class name you

 * want to style the ContentGroup container.

 */

.TabbedPanelsContentGroup {

	clear: both;

	border-left: solid 1px #CCC;

	border-bottom: solid 1px #CCC;

	border-top: solid 1px #999;

	border-right: solid 1px #999;

	background-color: #EEE;

}

/* This is the selector for the Content panel. The Content panel holds the

 * content for a single tabbed panel. For our default style, this container

 * provides some padding, so that the content is not pushed up against the

 * widget borders.

 *

 * The name of the class ("TabbedPanelsContent") used in this selector is

 * not necessary to make the widget function. You can use any class name you

 * want to style the Content container.

 */

.TabbedPanelsContent {

/*	overflow: hidden;*/

	overflow:visible;

	padding: 20px;

	display: none;

}

/* This selector is an example of how to change the appearnce of the currently

 * active container panel. The class "TabbedPanelsContentVisible" is

 * programatically added and removed from the content element as the panel

 * is activated/deactivated.

 */

.TabbedPanelsContentVisible {

}

/* Vertical Tabbed Panels

 *

 * The following rules override some of the default rules above so that the

 * TabbedPanels widget renders with its tab buttons along the left side of

 * the currently active content panel.

 *

 * With the rules defined below, the only change that will have to be made

 * to switch a horizontal tabbed panels widget to a vertical tabbed panels

 * widget, is to use the "VTabbedPanels" class on the top-level widget

 * container element, instead of "TabbedPanels".

 */

.VTabbedPanels {

	overflow: hidden;

	zoom: 1;

}

/* This selector floats the TabGroup so that the tab buttons it contains

 * render to the left of the active content panel. A border is drawn around

 * the group container to make it look like a list container.

 */

.VTabbedPanels .TabbedPanelsTabGroup {

	float: left;

	width: 10em;

	height: 20em;

	background-color: #EEE;

	position: relative;

	border-top: solid 1px #999;

	border-right: solid 1px #999;

	border-left: solid 1px #CCC;

	border-bottom: solid 1px #CCC;

}

/* This selector disables the float property that is placed on each tab button

 * by the default TabbedPanelsTab selector rule above. It also draws a bottom

 * border for the tab. The tab button will get its left and right border from

 * the TabGroup, and its top border from the TabGroup or tab button above it.

 */

.VTabbedPanels .TabbedPanelsTab {

	float: none;

	margin: 0px;

	border-top: none;

	border-left: none;

	border-right: none;

}

/* This selector disables the float property that is placed on each tab button

 * by the default TabbedPanelsTab selector rule above. It also draws a bottom

 * border for the tab. The tab button will get its left and right border from

 * the TabGroup, and its top border from the TabGroup or tab button above it.

 */

.VTabbedPanels .TabbedPanelsTabSelected {

	background-color: #EEE;

	border-bottom: solid 1px #999;

}

/* This selector floats the content panels for the widget so that they

 * render to the right of the tabbed buttons.

 */

.VTabbedPanels .TabbedPanelsContentGroup {

	clear: none;

	float: left;

	padding: 0px;

	width: 30em;

	height: 20em;

}

form.o365_settings_general {

	width: 80%;

	background-color:#fff;

}

#TabbedPanels1 tr th, #TabbedPanels1 tr td {

	padding: 8px 10px;

}

#TabbedPanels1 .form-table tr th, #TabbedPanels1 .form-table tr td {

	border-left: solid 1px #7f7f7f;

	border-right: solid 1px #7f7f7f;

	border-bottom: solid 1px #7f7f7f;

	width:50%;

}

#TabbedPanels1 .form-table tr th:first-child, #TabbedPanels1 .form-table tr td:first-child {

	width:40%;

}

.form-table .settings-area-header th {

	background-color: #bfbfbf;

	border: solid 1px #7f7f7f;

}

#TabbedPanels1 .form-table tr td {

	font-size:13px;

	line-height:1.5;

}

#TabbedPanels1 .form-table tr td label {

	display: block;

	font-weight: bold;

	font-size: 14px;

}

#TabbedPanels1 .form-table tr:nth-child(2n) {

	background-color: #e7e7e7;

}

#TabbedPanels1 .form-table tr td p {

	margin: 0;

	padding: 5px 0;

	text-align: center;

}

#TabbedPanels1 .form-table tr td select {

	width: 95%;

}

#TabbedPanels1 .form-table {

	margin:0px;

}

.o365_settings_general input[type=checkbox] {

	height: 16px !important;

}

#TabbedPanels1 .form-table tr td input {

	height: 28px;

	line-height: 28px;

}

/* Styles for Printing */

@media print {

.TabbedPanels {

	overflow: visible !important;

}

.TabbedPanelsContentGroup {

	display: block !important;

	overflow: visible !important;

	height: auto !important;

}

.TabbedPanelsContent {

	overflow: visible !important;

	display: block !important;

	clear:both !important;

	display: none;

}

.TabbedPanelsTab {

	overflow: visible !important;

	display: block !important;

	clear:both !important;

}

}

/*----------import/export--------*/

.export_mapping, .export_connection {

	width: 50%;

	float: left;

	margin-bottom: 15px;

	padding-bottom: 15px;

}

.import_connection, .import_mapping {

	float: left;

	width: 50%;

	margin-bottom: 15px;

}

 input#o365_import_connection_data_btn, input#o365_import_mapping_data_btn, input#o365_export_connection_data_btn, input#o365_show_connections {

	background: #0091cd;

	border-color: #0073aa;

	-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,.6);

	box-shadow: inset 0 1px 0 rgba(120,200,230,.6);

	color: #fff;

	display: inline-block;

	text-decoration: none;

	line-height: 26px;

	height: 28px;

	margin: 0;

	padding: 0 10px 1px;

	cursor: pointer;

	border-width: 1px;

	border-style: solid;

	-webkit-appearance: none;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	white-space: nowrap;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

input#o365_import_connection_data_btn, input#o365_import_mapping_data_btn {

	display: block;

	margin-top: 10px;

}

.import_response, .read_before_import {

	float: left;

	width: 100%;

}

.import_response span.success_message, .import_response span.error_message {

	display: block;

	padding: 10px;

	border: 2px solid;

	margin-bottom: 10px;

	background: #fff;

	font-weight: 600;

}

span.success_message {

	color: rgba(0, 136, 0, 0.84);

}

span.error_message {

	color: #dd4e42;

}

.read_before_import h3 {

	float:left;

	width:100%;

	margin:0;

}

.TabbedPanelsContentVisible h3.export_heading {

	margin-top: 0;

}

.TabbedPanelsContentVisible h3.read_before_heading {

	float: left;

	margin: 0;

}

h3.import_heading, .read_before_heading {

	margin-top: 10px !important;

	display: inline-block;

	width: 100%;

}

.TabbedPanelsContentVisible h3.import_heading {

	float: left;

	width: 100%;

}

#please-wait-bg 

{

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    background: rgba(204, 204, 240, 0.26);

    height: 100%;

    text-align: center;

    display: none;

    z-index: 1001;

}

/*----------import/export--------*/

/*---------jsn--------*/

/*---------jsn--------*/

.ques_img1 {

    width: 15px;

    background-image: url("../img/help-pic.png");

    background-size: 15px;

    height: 15px;

    display: block;

    background-repeat: no-repeat;

    margin: 3px 0 0 5px;

	cursor: pointer;

}

span.ques_img {

    float: left;

    position: relative;

}

.ques_img1:hover {

	background-image: url("../img/help-pic-hover.png");

}

.form-table label.settings_label {

    float: left;

    width: auto;

}

.settings_label_one {

    clear: both;

}

.question_block h6{

	color:#0074a2;

	margin:0px;

	padding:0px;

	font-size:16px;

}

.question_block {

    position: absolute;

    width: 300px;

    background-color: #fafafa;

    padding: 10px;

    border: solid 4px #999;

    border-radius: 5px;

	z-index:99;

	margin-left:5px;

	margin-top:10px;

	transition: all .3s ease-in-out;

	opacity:0;

    visibility: hidden;

	display:none;

}

span.ques_img:hover .question_block{

opacity:1;

	visibility:visible;

	/*	display:block;*/

}

.office-365_page_o365_settings #adminmenuwrap {

    position: relative !important;

}

.clear{

	clear:both;

}

.office-365-add-ons {

    padding-bottom: 10px;

}

@media screen and (min-width:320px) and (max-width:350px)

{

.TabbedPanelsContent {

    overflow: visible;

	padding: 6px;
	
	display: none;

}

.wp-admin input[type="file"] {

    width: 90% !important;

}

}

@media screen and (max-width:767px)

{

#TabbedPanels1 .form-table tr td input, #TabbedPanels1 .form-table tr td select {

	line-height: 15px;

}

#profile-page .form-table textarea, .form-table span.description, .form-table td input[type="text"], .form-table td input[type="password"], .form-table td input[type="email"], .form-table td select, .form-table td textarea {

    padding: 0 10px;

}

.question_block {

    margin-left: -25px;

    width: 200px;

}

.import_connection input {

    width: 264px !important;

	  text-overflow: ellipsis;

	   overflow: hidden;

}

.no-border {

    border-bottom: medium none !important;

}

form.o365_settings_general {

    width: 100% !important;

	margin: 0 auto;

}

.wrap.o365_smtp_mail_container form {

    width: 100%;

}

.form-table td, .form-table th, .label-responsive {

    display: table-cell;

}

#profile-page .form-table textarea, .form-table span.description, .form-table td input[type="text"], .form-table td input[type="password"], .form-table td input[type="email"], .form-table td select, .form-table td textarea {

    width: 100%;

}

#TabbedPanels1 .form-table tr td select {

	width: 100%;

}

}

@media screen and (min-width:768px) and (max-width:1024px)

{

.form-table td, .form-table th, .label-responsive {

    display: table-cell;

}

#TabbedPanels1 .form-table tr td input, #TabbedPanels1 .form-table tr td select {

	height:auto;

}

}

#connect_with_dynamic_crm .form-table input {

    height: 28px;

    line-height: 13px !important;

}

.current_sync_connections td {

    border-left: solid 1px #7f7f7f;

    border-bottom: solid 1px #7f7f7f;

}

tr.current_sync_connections {

    background: #e7e7e7;

}

.current_sync_head_top {

    background: #bfbfbf;

     margin: 0;

}

.current_sync_head_top td {

    margin: 0;

     border-bottom: solid 1px #7f7f7f;

    border-left: 1px solid #7f7f7f;

    border-top: 1px solid #7f7f7f;

}

.current_sync_table {

     border-spacing: inherit !important;

}

tr.current_sync_connections:nth-child(2n) {

    background: #fff;

}

tr.current_sync_head_top td:last-child {

    border-right: 1px solid;

}

tr.current_sync_connections td:last-child {

    border-right: 1px solid;

}

table.o365_base_cron_setting {

    background: #fff;

    width: 100%;

}

table.cron_setting_form_table {

    background: #fff;

    width: 100%;

}

span.o365_base_cron_setting_span {

    background: #eee;

    padding: 5px 15px 6px 15px;

    border-radius: 8px;

	margin-bottom: 10px;

    display: inline-block;

}

.o365_base_cron_setting p {

    margin: 0;

    line-height: 20px;

}

.o365_base_cron_setting label {

    font-size: 16px;

    font-weight: bold;

}

.cron_setting_form_table td {

    display: inline-block;

    width: 260px;

 }

 .cron_setting_form_table td:nth-child(2) {

    width: auto;

}

.o365_send_email_notification_table tr td:first-child label{

    font-weight: bold;

}

#o365_send_email_notification_tr_message

{

	display:none;

}