body { font: 62.5% "Trebuchet MS", sans-serif; font-size: .75em;  
	background-color:#fff; margin: 0; min-height: 100%; }
#wrapper { margin: 0 auto; position: relative; width: 100%; }
#header { background-color:#fff; background-size: cover; padding: 10px 0px 0px 10px; margin: 0px 0px 25px 0px; height: 64px; border-bottom: 1px solid #cfd8dc; }
/* #header { background: url('../images/bg_head_cut.png') top right no-repeat; background-size: auto; padding: 25px 0px 0px 25px; height: 105px; } */
#logo { background: url('../images/cato-logo.png') left center no-repeat; width:300px; height:54px; margin-left: 45px;  }

#dialog_link {padding: .4em 1em .4em 20px; text-decoration: none; position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}
.overlay { opacity: 0.3; }
.button { float:right; }
.aarowBtn { text-decoration: none; }
.btn { float:right; }
#execute { margin: 0px 10px;}
.info {
    background: url('../images/icon_info_16x16.jpg') center center no-repeat;
    display: inline-block;
    padding: 16px 16px 0px 0px;
}

.param_tbl_level1 td.colL,
.param_tbl_level2 td.colL,
.param_tbl_level3 td.colL,
.param_tbl_level4 td.colL,
.param_tbl_level5 td.colL {
	border:black thin solid;
}

.param_tbl_level1 td.colL {
    /* width:50%; */
	width: -webkit-calc(50% - 50px);
    width:    -moz-calc(50% - 50px);
    width:         calc(50% - 50px);
}
.param_tbl_level2 td.colL {
	width: -webkit-calc(50% - 100px);
    width:    -moz-calc(50% - 100px);
    width:         calc(50% - 100px);
}
.param_tbl_level3 td.colL {
	width: -webkit-calc(50% - 30px);
    width:    -moz-calc(50% - 30px);
    width:         calc(50% - 30px);
}
.param_tbl_level4 td.colL {
	width: -webkit-calc(50% - 40px);
    width:    -moz-calc(50% - 40px);
    width:         calc(50% - 40px);
}
.param_tbl_level5 td.colL {
	width: -webkit-calc(50% - 50px);
    width:    -moz-calc(50% - 50px);
    width:         calc(50% - 50px);
}



/* .array_object_level0, 
.array_object_level1, 
.array_object_level2, 
.array_object_level3, 
.array_object_level4, 
.array_object_level5 { border: 1px solid #ccc; } */
/* a.toggle_param_link { float: right; display: block; } */

.wrap1, .wrap2, .wrap3 { display:inline-table; /* \*/display:block;/**/ }
.wrap1 { float:left; background:url('../images/shadow/shadow.gif') right bottom no-repeat; }
.wrap2 { background:url('../images/shadow/corner_bl.gif') left bottom no-repeat; }
.wrap3 { padding:0 4px 4px 0; background:url('../images/shadow/corner_tr.gif') right top no-repeat;  }
.wrap3 div { display:block; }

#contentWrapper { margin: 0px 50px; }
#contentWrapper h1 { padding:7px 15px 10px 15px; margin:0px; }
#contentWrapper .content { padding: 15px 15px 5px; overflow: auto; }
#contentWrapper .footer { padding: 0 15px; }
#contentWrapper .footer { padding: 0 15px; }
#contentWrapper div.colL { float:left; display: block; width: 400px; }
#contentWrapper div.colR { float:right; display: block; width: auto; text-align: left; }
#sites table.data { width:100%; }
#sites p { margin: 0px; padding:0px; }

#thumbWrapper { text-align:right; padding: 10px 0 0; }
#thumbWrapper img { border: 1px solid #ccc; }
#filterDialog { display: none; }
#filterDialog table { text-align: left; }
#filterDialog #filterDialog_allowedOperators { width: 60px; }
#destAccountTbl { margin: 10px 10px 0px 10px; width: 100%; }
#destAccountTbl td { padding: 0px 5px; }

#manageSSCredentials, #manageCredentials { display:none; padding: 10px 0px 0px 0px; }
#manageSSCredentials input, #manageCredentials input { margin: 2px 0px; }
#manageSSCredentialsBtn, #manageCredentialsBtn { text-decoration: none; }
#manageSSCredentialsBtn span, #manageCredentialsBtn span { text-decoration: underline; }

.section { display:block; float:left; padding: 0 0 5px; }
span.required {
	color: red;
	font-size: 18px;
	font-weight: bold;
}
.formbox, .formbox2, .formbox3, .formbox4 { display:block; float:left; padding: 0 0 15px; }
.formbox label, .formbox2 label, .formbox3 label, .formbox4 label, .section { 
	/*text-align: right; display: block; float: left; padding: 4px 5px 5px 0; */
}
.content p { padding: 0px 0px 10px 0px; }

.formbox { }
.formbox2 { padding:10px; }
.formbox2 label { width: 100px; }
.formbox2 input { width: 350px; }
.formbox3 { width: 302px; }
.formbox3 label { width: 85px; }
.formbox3 input { width: 190px; }
.formbox4 { width: 231px; }
.formbox4 label { width: 55px; }
.formbox4 input { width: 140px; }
.formbox label { width: 100%; }
.formbox input { width: 100%; }
input.listInput { background:url('../images/down.png') right center no-repeat; padding-right: 10px; }

#dnsWrapper span.label { display: block; float: left; text-align: right; padding: 4px 5px 5px 0; width: 85px; font-weight:bold; }
#dnsWrapper span { display: block; float: left; padding: 4px 5px 5px 0; width: 190px; }

.disabled { color:#444; opacity: 0.5; filter: alpha(opacity=50); }
.content input.disabled { padding: 3px; border: #ccc 1px solid; } 
.content input.disabled:focus { color: #000; border-color: #999999; } 

fieldset { padding: 0; }

fieldset legend {
	padding:5px 10px 5px;
	font-weight:bold;
}

/* layout modifications for flex-box */
/* 
textarea { width:510px; height:200px; }
#catoBodyParams select {
    width: 200px;
}

#catoBodyParams input {
    width: 200px;
}

#catoBodyParams select.searchParam {
	width: 165px;
	height: 110px;
}
#catoBodyParams input.searchParam {
	width: 140px;
}

#catoResponseObject textarea {
	width: 350px;
	height: 200px;
}
#catoResponseObject textarea.parent,
#catoBodyParams textarea.parent {
	width: 90%;
	height: 50px;
}

textarea#catoQuery,
textarea#catoResult {
	width: 510px;
	height: 450px;
} */
/* layout modifications for flex-box */

#catoResponseObject {
	display: none;
}

.fieldwrapper fieldset.nested_param {
	border: 1px solid #999;
	display: none;
}

.fieldwrapper fieldset.nested_param legend {
	font-weight: normal;
	color: #999;
	font-size: 1em;
}

.loading {
	background:url('../images/loading.gif') right center no-repeat;
}

/*  Growl Styles  */
.growl_error {
	font: 16px Arial,Helvetica,sans-serif;
	width:60%;
}
.growl_error p {
	color:#ccc;
	padding-left:225px;
}
.growl_error span { color:red; font-weight:bold; }

/* tablesorter*/
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	width: 100%;
	text-align: left;
	font-size: 12px;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	padding: 4px;
	white-space: nowrap;
}
table.tablesorter thead tr .header {
	background-image: url('../images/tablesort/blue/bg.gif');
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	/*color: #3D3D3D;*/
	color: #000;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url('../images/tablesort/blue/asc.gif');
}
table.tablesorter thead tr .headerSortDown {
	background-image: url('../images/tablesort/blue/desc.gif');
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #8dbdd8;
}

/*grey #DCDCDC */

/* Site Templates */
table th.min, table td.min { width:24px; }

.disabled { color:#444; opacity: 0.5; filter: alpha(opacity=50); pointer-events: none; }
.error { color: red; padding: 2px 0 3px 0px; border: 2px solid red; }
.errors { color: red; background:url('../images/error.jpg') left top no-repeat; padding: 2px 0 3px 12px; border: 2px solid red; }
.highlight { padding: 2px 0 3px 0px; border: 2px solid orange; }
#requestUrl.errors { width:498px !important; background:url('../images/error.jpg') left top no-repeat; }
textarea#SSrequestUrl { height:45px; resize:none; }
textarea#SScurlUrl { height:45px; resize:none; }
.invalid { background-color: red; color: white; padding: 0.15em; border-radius: 0.4em; }
input.text { width:200px; }
select { width: 200px; }
select#dest_site_id { width: auto; }
select.min { width: 175px; }
select.multiPolicy { height: 505px; }
.unsupported { color:red; }
.textarea {
    -moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
    border: 1px solid gray;
    font: medium -moz-fixed;
    font: -webkit-small-control;
    overflow: auto;
    padding: 2px;
    resize: both;
} 

#requestUrl { width:510px; }
.tableColL { width: 400px; }
table.top td { vertical-align: top; }
label { font-weight: bold; white-space: nowrap; }
fieldset { margin: 0px 0px 10px 0px; padding: 10px; border-color:#0000A0; }
legend { margin: 0px 0px 0px 10px; font-size: 1.5em; color: #0000A0; }
#sites legend { font-size: 1.25em; }
.ui-icon { display: inline-block; }
ul.ui-autocomplete { overflow: scroll; max-height: 280px; height: auto; }

.ui-tabs-vertical { width: 100%; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 13em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; 
	border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; width: 100%; }

#header_bar {
	background: #0084d6;
	border: 1px solid #FFF;
	color:#FFF;
	width: -webkit-calc(100% - 2px);
    width:    -moz-calc(100% - 2px);
    width:         calc(100% - 2px);
}
.ui-widget-header {
	border: 1px solid #999;
}
.ui-tabs-nav .ui-state-hover {
	border: 1px solid #999;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	background: #111;
	border: 1px solid #111;
}

/* input.datepicker { width: 240px; } */

#settingsNav ul { height: 24em; }
#settingsNav li span {
	padding: 8px 0px 8px 5px; display: block; 
}
#settingsNav table { width: auto; }
#settingsNav #cato_api_keys { width: 600px; } 
#settingsNav thead { text-align: left; }
#settingsNav td { margin: 1px; }
.usrattr { border: 1px solid #fff ; }
#settingsNav td.editable { border: 1px solid #D3D3D3 ; }

td select.auto { width: auto; }
.nobr { white-space: nowrap; }

#settingsNav #cato_api_keys input.api_key { width: 200px;}
#catoExamplesNav { padding:0 !important; border: none !important; }
#catoExamplesNav .ui-tabs-panel { padding:0 !important; border: none !important; }
#catoExamplesNav .ui-tabs-nav { padding:0 !important; border: none !important; background: none !important; }
/* #ExamplesNav .codeExample { border: 1px solid #999 !important; } */

#catoExamplesNav .codeExample textarea { border: 1px solid #999 !important; background: #F8F8F8; padding: 5px; }

#CatoPOPs {
	height: 800px;
}

#CatoPOPs .product-device {
	position: absolute;
	right: 10%;
	bottom: -30%;
	width: 300px;
	height: 540px;
	background-color: #333;
	border-radius: 21px;
	transform: rotate(30deg);
}
  
#CatoPOPs .product-device::before {
	position: absolute;
	top: 10%;
	right: 10px;
	bottom: 10%;
	left: 10px;
	content: "";
	background-color: rgba(255, 255, 255, .1);
	border-radius: 5px;
}
  
#CatoPOPs .product-device-2 {
	top: -25%;
	right: auto;
	bottom: 0;
	left: 5%;
	background-color: #e5e5e5;
}

#CatoPOPs .flex-equal > * {
	flex: 1;
}
/* @media (min-width: 768px) {
	.flex-md-equal > * {
	  flex: 1;
	}
} */