.dialog-head {
	min-height: 20px;
	height: 50px;
	padding: 10px;
	max-height: 50px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	margin-bottom: 3px;
}
.bordered-content {
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
}

/*
.dns-tab {
	max-height: 600px;
	height: 300px;
}

.dns-table2 table{
	width: 900px;
	padding: 5px;
	text-align: center;
	border-collapse: collapse;
}

.dns-table2 td, th{
	width: 200px;
	padding: 5px;
	text-align: center;
	border-collapse: collapse;
}

.dlg-dns{

	max-height: 900;
	height: 700;
	padding: 5px;
	

}

.cnt-dns{
	
	max-height: 900;
	height: 700;
	padding: 5px;

	
}

*/
.table-header-style{

	padding: 8px;
	background-color: #b0c4de;
}
.table-even-row-style{
	padding: 8px;
	background-color: #e0ffff;
}

.invalid-field {
	background-color: #FF2B2B;
}

.table-row {
	background-color: #2E9AFE;
}

body {
	font-family: arial, sans-serif;
	font-size: 12px;
}

.Wt-auth-logged-in {
	text-align: right;
}

.Wt-auth-icon {
	cursor: hand;
	padding-left: 4px;
	padding-right: 4px;
}

.Wt-auth-registration {
	width: 600px;
}

/*
 * Override some bootstrap styles.
 */

/*
 * Do not show informational help, only errors.
 */
.form-horizontal .help-inline > span {
	display: none;
}

.control-group.error .help-inline > span {
	display: inline-block;
}

.control-group.success .control-label,
.control-group.success .help-inline {
	color: inherit;
}

/*
 * Do not constrain dialog maximum height
 */
.modal-body {
	max-height: none;
}

.color-blue {
	color: blue;
}

.color-red {
	color: red;
}

.color-dark-orange {
	color: DarkOrange;
}

.color-orange {
	color: Orange;
}

.color-yellow {
	color: Yellow;
}

.horiz-align {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.img-logo {
	height: 50px;
	margin-top: -9px;
}

.dlg_guide_img {
	width: 90%;
	max-width: 928px;
	display: block;
  	margin-left: auto;
  	margin-right: auto;
}

.dlg_top_guide {
	margin-top: 54px;
}

.dlg_h_guide {
	background-color: #314182;
	color: white;
  	text-align: center;
}

.cnt_guide_b{
	border: 15px solid #e0e4f2;
	margin: 35px auto auto auto;
	width: 78%;
	height: auto;
}
.dlg_guide_pe_d{
	text-align: right;
	margin-right: 12px;
}

.dlg_guide_en_d{
	text-align: left;
	margin-left: 12px;
}

.dlg_txt_size_en{
 	font-size: 14px;
}

.dlg_txt_size_pe{
 	font-size: 16px;
}

.bold {
	font-weight: bold;
	font-size: 1.2em;
}

.relative {
	position: relative;
}
.over-lap-buttons {
	position:absolute;
	left:0;
	top:0;
	display: inline-block;
	margin-top: -15px;
}
@font-face {
	font-family: 'BMitra';
	src: url('../font/mitra/BMitra.eot') format('eot'),
	url('../font/mitra/BMitra.woff') format('woff'),
	url('../font/mitra/BMitra.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
}
.persian-font{
	font-family: BMitra, arial, sans-serif;
}
.table-even-row-style_fa{
	font-family: BMitra, sans-serif;
	padding: 8px;
	background-color: #e0ffff;
}
.table-header-style_fa{
	font-family: BMitra, sans-serif;
	padding: 8px;
	background-color: #b0c4de;
}
.rtl-dir{
	direction: rtl;

}
.even-row-style{

	background-color: #e0ffff;
}
.even-row-style-fa{
	font-family: BMitra, sans-serif;
	background-color: #e0ffff;
}

.status-icon {
	font-family: 'icomoon' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 25px;
}

.status-icon:lang(fa) {
	font-family: BMitra, arial, sans-serif;
	font-size: 14px;
}
.status-icon-checkmark:before {
	content : '\ea10';
}

.status-icon-question:before {
  	content: '\ea09';
}

.status-icon-cross:before {
	content : '\ea0f';
}

.color-gray {
	color: gray;
}

.color-brown {
	color:#8B4513;
}

.sev-icon{
	font-size:15px;
	font-family:Arial, sans-serif;
	margin:auto;
	font-weight:bold;
	text-align:center;
	border-radius:15px;
	width:90px;
	height:30px;
	color:white;
	padding-top:4px;
	display: block;
}

.sev-icon-emerg{
	background-color:#880c0c;
}
.sev-icon-alert{
	background-color:#9c0b0b;
}
.sev-icon-critical{
	background-color:#7f0d73;
}
.sev-icon-error{
	background-color:#0d7f7e;
}
.sev-icon-warning{
	background-color:#f98810;
}
.sev-icon-notice{
	background-color:#7b7f09;
}
.sev-icon-info{
	background-color:#0c5899;
}
.sev-icon-debug{
	background-color:#24e3b0;
}
.sev-icon-other{
	background-color:#05a3ff;
}
.bold2 {
	font-weight: bold;
	font-size: 0.95em;
}
.reverse_proxy_http{
	background-color:#FF0000;
}
.reverse_proxy_https{
	background-color:#FF8C00;
}
.detection_only_http{
	background-color:#F0E68C
}
.detection_only_https{
	background-color:#FFFF00
}
.protected_http{
	background-color:#7CFC00
}
.protected_https{
	background-color:#32CD32
}
.scroll{
	overflow:scroll;
}

.scroll-y{
	overflow-y:scroll;
}

.red_color{
	color:red;
}
.ForestGreen_color{
	color:ForestGreen;
}
.OrangeRed_color{
	color:Orange;
}
.Black_color{
	color:Black;
}

.brown_color_incomplete_apply_msg{
	color: #8B4513;
}

.red_bg_color{
	background-color:red;
	color:white;
	border-radius: 4px;
}
.ForestGreen_bg_color{
	background-color:ForestGreen;
	color:white;
	border-radius: 4px;
}
.OrangeRed_bg_color{
	background-color:Orange;
	color:white;
	border-radius: 4px;
}

.brown_bg_color{
	background-color:#8B4513;
	color:white;
	border-radius: 4px;
}
.fa-bell-size{
	font-size:1.8em;
}
.main_sizes{
	width:100%;
}
.main_nav_style{
	position:fixed;
	height:50px;
	top:0;
	left:0;
	right:0;
	z-index: 70;
	padding: 0;
	margin: 0;
}

.alert {
	height: 50px;
	margin-top: -9px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	box-shadow: none;
}

.alert-badge{
	position:absolute;
	left:5px;
	top:5px;
}

.alert-badge:lang(fa){
	font-family: BMitra, arial, sans-serif;
}

.ou-refresh-btn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	aspect-ratio: 1 / 1;
}

.main-container{
	margin-top: 55px;
}
.msg_box_info_style{
	border-radius: 4px;
	min-width: 100px;
}
.flex_{
	display:flex;
	flex-direction: column;
}
.flex-no-shrink
{
	flex-shrink: 0;
	min-width: 500px;
	max-width: 500px;
}
.horiz-flex{
	display:flex;
}

.anti-ddos-group {
	display: grid;
	grid-template-columns: auto 2fr 3fr;
	max-width: 700px;
	grid-row-gap: 5px;
	grid-column-gap: 30px;
}

.col-start-1 {
	grid-column-start: 1;
}

.col-start-2 {
	grid-column-start: 2;
}

.col-start-3 {
	grid-column-start: 3;
}

.row-start-2 {
	grid-row-start: 2;
}

.row-start-3 {
	grid-row-start: 3;
}

.row-start-4 {
	grid-row-start: 4;
}

.row-reverse {
	flex-direction: row-reverse;
}

.worker_proc_edit_g{
	max-height:30px;
	max-width:150px;
	margin-bottom:10px;
	margin-left:50%;
}

.west_cnt_sizes{
	min-width:13%;
	min-height:80%;
	width:13%;
	height:80%;
	max-width:13%;
	max-height:80%;
}

.popmenu_setting{

}

.popmenu_setting a {
	
}

.popmenu_definitions{

}

.last_check_os_update
{
	text-align: center;
	height: auto;
	width: auto;
}

.check_os_update
{
	height: fit-content;
	margin-top: auto;
	margin-bottom: auto;
}

.res_check_os_update
{
	width: fit-content;
}

.popmenu_audit_log{
	overflow-y:scroll;
	max-height: calc(100vh - 150px);
}

.popmenu_WAF{

}
.popmenu_mail_server_proxy{
}
.table-header{
	background-color:white;
	z-index:70;
	top: 50px;
	padding-top: 5px;
}
.table-content-down{
	position:absolute;
	top:230px;
	z-index:0;
	overflow:auto;
}
.table-content-top{
	position:absolute;
	top:140px;
	z-index:0;
	overflow:auto;
}
.tree-node{
	color:#428bca;
}
.btn_style{
	min-width:75px;
	min-height:35px;
	width:75px;
	height:35px;
	max-width:75px;
	max-height:35px;
}

.tbl_real_hosts{
	max-width:300px;
	margin: auto;
}

.tb_real_hosts{
	max-height:325px;
	max-width:300px;
	min-width:250px;
	margin-bottom:5px;
	overflow:auto;
}

.waf_config_tbl_gen{
	width:640px;
	height:270px;
	margin:40px auto 50px auto;
}

.cont_cert_upload{
	box-sizing: border-box;
	position: absolute;
	width: 236px;
	left: 723px;
	top: 135px;
}

.dns_tbl_gen{
	max-height: 100vh !important;
	overflow-y:scroll;
}

.tbl_adv_rules{
	margin:auto auto auto auto;
	min-width:400px;
}

.tb_adv_rules{
	margin:auto auto auto auto;
	max-height:420px;
	overflow:auto;
}

.tbl_adv_rulesv2{
	margin:auto auto auto auto;
	min-width:350px;
}

.tb_adv_rule_v2{
	margin:auto auto auto auto;
	max-width: 500px !important;
	max-height:325px;
	overflow:auto;
	width: 450px !important;
	left:32% !important;


}

.tb_adv_rules_gr_v2{
	margin:auto auto auto auto;
	max-width: 570px !important;
	max-height:325px;
	overflow:auto;
	width: 370px !important;


}

.tbl_addr_list{
	margin:auto auto auto auto;
	min-width:400px;
}

.tb_address_list{
	margin:auto auto auto auto;
	max-height:420px;
	overflow:auto;
}

.tbl_error_files{
	width:500px;
}

.tb_error_files{
	margin: auto auto auto auto;
	max-height:175px;
}

.element_scroll_error_profile_dlg {
    margin-bottom: 15px; 
    margin-top: 10px;
}

.tbl_lb_param{
	margin:auto auto auto auto;
	min-width:400px;
}

.tb_waf_hlbp{
	margin:10px auto 10px auto;
	max-height:480px;
	overflow:auto;
}

.tbl_rule_groups{
	margin:auto auto auto auto;
	min-width:400px;
}

.tb_rule_groups{
	margin:auto auto auto auto;
	max-height:200px;
	overflow:auto;
}

.tbl_waf_config{
	margin:auto auto auto auto;
	min-width:400px;
}

.tb_pivot_m_conf{
	margin:auto auto auto auto;
	min-width:300px;
	left: 75% !important;
	width: 300px !important;
}
.tb_waf_cfg_rule_exp2_grp{
	margin:10px 140px 10px auto;
	max-height:350px;
	overflow:auto;
}

.tbl_adv_rule_rule_exp2_grp{
	margin:auto auto auto auto;
	max-width:527px !important;
	left:94px !important;
	width:527px !important;
	max-height:225px;
	overflow:auto;
}

.tb_waf_cfg_rule_expv2{
	margin:10px auto 10px auto;
	max-height:350px;
	overflow:auto;
}

.tb_waf_cfg_rule_exp{
	margin:10px auto 10px auto;
	max-height:350px;
	overflow:auto;
}

.tb_rule_grp_rule_expv2{
	margin:10px auto auto auto;
	max-height:225px;
	overflow:auto;
}

.tb_waf_cfg_se{
	margin:10px auto 10px auto;
	max-height:300px;
	overflow:auto;
}

.tb_waf_cfg_se2{
	margin:10px auto 10px auto;
	max-height:300px;
	overflow:auto;
}


.tb_waf_cfg_err_prof{
	margin:10px auto 10px auto;
	max-height:370px;
	overflow:auto;
}

.audit_acc_filter_scroll {
	max-height: 45vh;
	overflow-y: scroll;
}

.cache_dlg{
	min-width:800px;
	min-height:500px;
	max-width:900px;
	max-height:570px;
}

.user_dlg_content{
	height:410px;
	width:90%;
	min-width:85%;
	max-height:450px;
}

.user_dlg_tbl{
	height:300px;
	width:100%;
	min-width:100%;
	max-height:350px;
	overflow:auto;
}

.user_dlg_tbl_cont{
	height:270px;
	width:100%;
	min-width:100%;
	max-height:280px;
	overflow:auto;
}

.cont_user_dlg_btns{
	max-width:160px;
}

.cont_http_def_btns{
	max-width:230px;
}

.tb_domains_tbl{
	max-height:325px;
	height:325px;
	overflow:auto;
	min-width: 300px;
}

.tb_domains{
	max-width:450px;
}

.tbl_led_btns{
	width:48px;
	height:38px;
	margin-left:5px;
	margin-bottom:5px;
}

.cont_brute1{
	margin:50px 10px 50px auto;
}
.cont_brute2{
	margin:50px auto 50px 10px;
	max-height:100px;
}

.led_tb_addmissible{
	margin:50px 0 50px auto;
}
.led_tb_forbidden{
	margin:50px auto 50px 28px;
}

.tb_addmissible_tbl{
	max-height:350px;
	height:350px;
	overflow:auto;
}
.tb_forbidden_tbl{
	max-height:350px;
	height:350px;
	overflow:auto;
}

.cont_dt{
	margin-left:auto;
	margin-right:25px;
}

.cont_ntp{
	margin-right:auto;
	margin-left:25px;
}

.tree_sig_man{
	max-width:640px;
	max-height:240px;
	min-width:640px;
	min-height:240px;
}

.cont_cmmnt_sig_man{
	max-width:640px;
	max-height:140px;
	min-width:640px;
	min-height:140px;
}

.cont_remote_sys_log{
	height:486px;
	min-height:470px;
}


.panel_interfaces{
	max-height:325px;
	max-width:300px;
	min-width:266px;
	margin-bottom:5px;
}

.tbl_domains_chk{
	max-width:400px;
}
.panel-content-top{
	position:absolute;
	z-index:0;
	top:140px;
	overflow:auto;
	max-width:92%;
	width:92%;
}
.panel-content-down{
	position:absolute;
	top:205px;
	z-index:0;
	overflow:auto;
	max-width:92%;
	width:92%;
}

.panel-body{
	min-height:160px;
	margin-bottom:0 !important;
}
.save_btn{
	margin-right:5px;
}

.persian-font-menus{
	font-family: BMitra, arial, sans-serif;
	font-size: 1.3em;
}

.add_site_wizard_btns{
	max-width:80px;
	max-height:35px;
}

.tb_domains_tbl_wizard{
	max-height:210px;
	height:210px;
	max-width:650px;
	width:450px;
	overflow:auto;
}

.add-site-wizard-comments{
	max-width:650px;
	min-height:170px;
	height:170px;
}
.summery-content{
	position:relative;
	z-index:0;
	top:280px;
}
.filter-content{
	margin-top: 50px;
}

.audit-fixed-header{
	position: fixed;
	background-color:white;
	z-index:70;
	max-height: max-content;
	top:95px;
}

.tab-header{
	z-index:70;
	height:65px;
	max-height:65px;
	width:1730px;
	max-width:1730px;
	background-color:white;
	top:50px;
	padding-top: 5px;
}

.closed_menu{
	background-color:transparent !important;
}

.events-content{
	position:relative;
	z-index:0;
	top:160px;
	width:98%;
	max-width:98%;
}
.events-details-cnt{
	position:relative;
	z-index:0;
	top:90px;
}
.prune-content{
	position:relative;
	z-index:0;
	top:200px;

}
.acc-log_cnt{
	position:relative;
	z-index:0;
	top:160px;
	width:98%;
	max-width:98%;
}
.audit-content-top{
	position:relative;
	z-index:0;
	top:70px;
	width:98%;
	max-width:98%;
}
.animate-hide{
	opacity: 0;
	transition: opacity 0.4s ease-in-out;
}
.animate-show{
	opacity: 1;
	transition: opacity 0.4s ease-in-out;
}

.opacity-hide{
	opacity:0;
}
.opacity-show{
	opacity:1;
}

.add_site_wizard_second_page_widgets{
	max-width:150px;
	max-height:35px;
}

.add_site_wizard_gbox_backend{
	width:350px;
	max-width:350px;
}

.add_site_wizard_gbox_frontend{
	width:450px;
	min-width:450px;
	margin-left:10px;
}

.add_site_wizard_gbox_application{
	margin-left:20px;
	width:300px;
	max-width:300px;
}

.add_site_wizard_gbox_sig_man{
	width:300px;
	max-width:300px;
}

.add_site_wizard_second_page_widgets2{
	max-width:227px;
	max-height:35px;
}

.real_time_threshold_lbls{
	max-width:150px;
	width:150px;
	max-height:35px;
	height:35px;
}

.real_time_threshold_spns{
	max-width:230px;
	width:230px;
	max-height:35px;
	height:35px;
}

.client_cert_components{
	max-width:200px;
	width:200px;
	max-height:32px;
	height:32px;
}

.client_cert_components_2{
	max-width:200px;
	min-width:170px;
	width:190px;
	max-height:32px;
	height:32px;
}

.led_error_file_name{
	position: relative;
	max-width: 334px !important;
	max-height: 32px !important;
	width: 283px !important;
	left: 5px !important;
	height: 30px !important;
	top: 10px !important;
	text-align: center !important;
}

.file_error_upload{
	position: relative;
	width: 212px !important;
	height: 40px !important;
}

.txt_comment{
	top: 141px !important;
}

.progress_bar_errorfiles{
	top: 15px;
}

.log_led_file_name{
	max-width: 500px !important;
	max-height: 32px !important;
	width: 500px !important;
}

.log_txt_comment{
	top: 352px !important;
}

.color-green {
	color: Green;
}
.color-gold {
	color: Gold;
}

.next_button{
	background-image: linear-gradient(to bottom,#428bca 0,#2d6ca2 100%);
	background-repeat: repeat-x;
	border-color: #2b669a;
	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
	color: #fff;
	background-color: #428bca;

}

.next_button:hover{
	color: #fff;
	background-position:0  -15px;
	background-color: #2d6ca2;
	border-color: #285e8e;
}

.next_button:focus{
	color: #fff;
	background-position:0  -15px;
	background-color: #2d6ca2;
	border-color: #285e8e;
}

.element-hedear-style{
	margin-right: 10px;

}
.cont_address_list{
	min-height:500px;
	height:500px;
}

.stk-margin-left{
	margin-left: 350px;
}
.stk-margin-right{
	margin-right: 260px;
	margin-left: 90px;
}
.table-element-padding{
	padding-right:13px;
	padding-left:13px;
}
.bkcolor-blue{
	background-color:blue;
}

.rdns_components1{
	width:128px;
	max-width:128px;
	height:32px;
}

.rdns_components2{
	width:500px;
	max-width:500px;
	height:32px;
}

.cert_log_components{
	width:400px;
	max-width:400px;
	height:32px;
	max-height:32px;
}

.cert_log_dlg{
	height:600px;
	max-height:600px;
}

.Wt-spinbox{
	text-align:center;
}
.checkbox{
	text-align:left;
}
.checkbox-inline{
	text-align:left;
}
.ca_cert_components{
	max-width:485px;
	width:485px;
	max-height:32px;
	height:32px;
}

.cert_product_sbox{
	max-width:150px;
	width:150px;
	max-height:150px;
	height:150px;
}

.alt_name_cmb{
	max-width:160px;
	width:160px;
	height:30px;
}

.alt_name_led{
	max-width:200px;
	width:200px;
	height:30px;
}

.alt_name_btn{
	max-width:43px;
	min-width:27px;
	width:27px;
	max-height:43px;
	min-height:30px;
	height:30px;
}

.alt_name_btn2{
	max-width:43px;
	min-width:35px;
	width:35px;
	max-height:43px;
	min-height:35px;
	height:35px;
}

.alt_names_cont{
	border: 1px solid #d4d4d4;
	padding: 5px;
}

.cert_fields_txt{
	color: #696969;
	margin-top:25px;
}

.client_cert_sbox{
	max-width:400px;
	width:400px;
	max-height:130px;
	height:130px;
}

.cert_man_tabs{
	width:700px;
	max-height:72vh;
	min-height:30vh;
	overflow-y: scroll;
}

.text-container{
	text-align:left;
}

.transform_rbtn{
	margin-bottom:150px;
}

.transform_rbtn2{
	margin-bottom:50px;
}

.scrolled_msgbox{
	overflow-y: scroll;
	min-height: 100px;
	max-height: 80vh;
	overflow-x: hidden;
	margin-left: 20px;
}

.blackIp_schedule_components1{
	width:256px;
	max-width:256px;
	height:32px;
}

.pivot_members_widgets{
	max-width:500px;
	max-height:32px;
	height:32px;
}

.pivot_members_widgets2{
	max-width:500px;
	width:500px;
	max-height:170px;
	height:70px;
}

.btn_restore{
	max-width:43px;
	width:43px;
	max-height:43px;
	height:43px;
}

.snmp_lbls1{
	max-width:100px;
	width:100px;
	max-height:35px;
	height:35px;
}

.snmp-fields {
	width:500px;
	height:35px;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.snmp_fields2{
	max-width:150px;
	width:150px;
	max-height:35px;
	height:35px;
}

.snmp_fields3{
	max-width:70px;
	width:70px;
	max-height:35px;
	height:35px;
}

.snmp_frequency_spn{
	margin-right:25px;
}

.oid_containers{
	margin-right:6.5%;
}

.oid_containers2{
	margin-right:6.5%;
	text-align: center;
}

.oid_containers3{
	margin-right:7%;
}

.dlg_snmp_log{
	min-width:870px;
}

.tab_gen_snmp_log{
	min-width:860px;
}

.cont_main_snmp_log{
	min-width:840px;
}

.accounting_charts_title{
	margin-top:20px;
	font-weight: bold;
	font-size: 1.5em;
}

.accounting_refresh_btn{
	max-width:120px;
	width:110px;
	max-height:35px;
	height:35px;
	margin-top:20px;
	margin-bottom:20px;
}

.accounting_filter_cont{
	margin-top:20px;
}

.accounting_from_to_dates{
	max-width:130px;
	width:130px;
	max-height:35px;
	height:35px;
}

.accounting_filter_margins{
	margin-left:4px;
	margin-right:4px;
}

.accounting_filter_margins2{
	margin-left:10px;
	margin-right:10px;
}

.accounting_loading_img{
	max-width:200px;
	width:200px;
	max-height:45px;
	height:45px;
}

.accounting_filter_domains{
	max-width:250px;
	width:250px;
	max-height:150px;
	height:150px;
}

.filter_larg_size{
	max-width:250px;
	width:250px;
	max-height:235px;
	height:215px;
}

.filter_domains_tree{
	max-height:290px;
	height:290px;
}

.accounting_refresh_doms{
	max-width:43px;
	min-width:35px;
	width:35px;
	max-height:43px;
	min-height:35px;
	height:35px;
	margin-top: 10px;
}

.table-row2 {
	background-color: #AFEEEE;
}

.audit_text_domain_filter {
	text-align: left;
}

.audit_text_domain_filter_fa{
	text-align: right;
}

.filter_width {
	min-width: 465px;
	min-height: 50vh !important;
	margin-top: 50px;
	max-height: 70vh !important;
}

.icon_delete_margin {
	margin: 10px 50px 4px 10px;
}

.filter_borders {
	border-right: 1px solid black;
	border-left: 1px solid black;
}

.filter_margins{
	margin: 8px 4px 4px 8px;
}
.filter_end_margin{
	margin-left:10px;
	margin-top:5px;
	margin-bottom:10px;
}

.filter_dialog_tab_size{
	min-width: 480px;
	max-width:100%;
	min-height:100%;
	max-height:100%;
}
.filter_dialog_size{
	width:80%;
	max-width:95%;
	height:80%;
	max-height:95%;
}

.black_ips_collecting_schedule{
	max-width:95% !important;
	max-height:95% !important;
}

.accounting_refresh_cmb{
	max-width:150px;
	width:150px;
	max-height:35px;
	height:35px;
}

.width_100_p{
	width:92vw;
}

.accounting_ref_topten{
	max-width:80px;
	width:80px;
	height:35px;
	margin-top:54px;
}

.accounting_topten_title{
	margin-top:30px;
	margin-bottom:20px;
}

.accounting_topten_title2{
	margin-top:50px;
	text-align:center;
}

.accounting_tables{
	margin-right:70px;
	margin-left:70px;
	max-width:370px;
	width:370px;
	max-height:300px;
	min-height:120px;
}

.accounting_table{
	margin-right:70px;
}

.accounting_cont_topten{
	margin-top:50px;
}

.domain_text_size{
	position: absolute;
	width: 152px;
	left: 4px;
	height: 110px;
	top: 10px;
}

.error_profile_size{
	max-height:98vh;
	min-height:30vh;
	max-width:90vw;
	min-width:30vw;
	overflow-y:scroll;
}

.audit_summary{
	background-color:white;
	z-index:70;
	height:220px;
	max-height:220px;
	width:1750px;
	max-width:1750px;
	top:95px;
	padding-top: 5px;
}

.sys_real_tbl{
	white-space: nowrap;
	max-height: 35px;
	height: 35px;
}

.accounting_charts_cont{
	height:90vh;
	width:95vw;
	margin-bottom:5%;
	padding:0;
}

.accounting_charts_cont2{
	max-width:45vw;
	width:45vw;
	max-height:90vh;
	height:90vh;
	margin-right:5vw;
	padding:0;
}

.accounting_chart_margin{
	max-height:50vh !important;
	height:50vh !important;
	max-width:43vw !important;
	width:43vw !important;
	margin-left:0 !important;
	margin-right:2vw !important;
	padding:0;
}

.accounting_slider_margin{
	max-height:20vh !important;
	height:20vh !important;
	max-width:35.5vw !important;
	width:35.5vw !important;
	margin-left:1.25vw !important;
	margin-right:10% !important;
	margin-top:10% !important;
	padding-right:0;
}

.fixed-header{
	top: 0;
	background: white;
	position: sticky !important;
	z-index: 70;
	height: 70px;
}

.margin-bottom{
	margin-bottom: 50px;
}

.margin-top-30-px {
	margin-bottom: 30px;
}

.filter-text-header{
	width: 470px;
	position: fixed;
	height: 50px;
	padding-top: 5px;
	font-size: x-large;
	z-index: 110;
	background-color: white;
}

.tag-filter-size{
	margin: auto !important;
	top: 0 !important;
	position: absolute !important;
	left: 0 !important;
	min-width: 465px !important;
	max-width: 90vw  !important;
	max-height: 80vh  !important;
}

.tag-dialog{
	margin: auto !important;
	min-width: 28vw !important;
	max-width: 95vw !important;
	max-height: 100vh !important;
}

.filter_width_tag {
	min-width: 465px;
	min-height: 300px !important;
	margin-top: 30px;
	max-height: 400px !important;
}

.filter_remove_btn_size {
	min-width: 14px !important;
	max-width: 14px !important;
	min-height: 14px !important;
	max-height: 14px !important;
	width: 14px !important;
	height: 14px !important;
	padding: 0 !important;
	font-size: 1px !important;
	background-image: url("../icon/png/remove.png") !important;
	background-position: center !important;
	background-size: 6px !important;
	background-repeat: no-repeat !important;
	border-radius: 3px !important;
	border-color: #ccc !important;
	border-width: 1px !important;
	border-style: solid !important;
	background-color: #eaeaea !important;
}

.http_def_dlg_size {
	max-height: 75vh !important;
	overflow-y:scroll;
}

.min-size {
	min-height: 50% !important;
	min-width: 90% !important;
}

.logger_apply_margin {
	margin: auto;
	margin-top: 30px !important;
	margin-left: 0 !important;
	margin-bottom: 30px !important;
}

.margin_auto {
	width:140px !important;
	max-width:140px !important;
}

.margin_auto_txt
{
	width:110px !important;
	max-width:110px !important;
	margin: auto 0 auto 0;
}

.margin_bottom_10
{
	margin-bottom: 10px !important;
	max-width: 300px !important;
	margin-left: 50px !important;
	text-align: left;
}

.margin_bottom_10_px
{
	margin-bottom: 10px !important;
}

.margin_bottom_5_px
{
	margin-bottom: 5px !important;
}

.margin_left_50_px
{
	margin-left: 50px !important;
}

.ha_name_width
{
	width: 485px !important;
	max-width: 485px !important;
}

.margin_auto_txt_2
{
	width:155px !important;
	max-width:155px !important;
	margin: auto auto auto 0;
	padding-right: 30px !important;
}

.ha_lbl_name_width
{
	width:155px !important;
	max-width:155px !important;
}

.margin_auto_info {
	width:500px !important;
	max-width:500px !important;
}

.margin_bottom_10_info {
	margin-bottom: 10px !important;
	max-width: 500px !important;
	margin-left: 50px !important;
	text-align: left;
}

.dns_records_table {
	margin-top: 10px;
	margin-bottom: 25px;
}
.caa_records_table td{
    margin:10px;
    color:white;
}

.btn_close_dns_zone_dlg{
       width: 35px; 
       height: 35px;
       max-width: 35px;
       max-height: 35px;
       border-radius:50%;
       display:flex;
       justify-content:center;
       align-items:center;       
}

.dns_records_lable {
	margin: auto;
	margin-left: 40px !important;
	margin-right: 10px !important;
}

.padding_top {
	padding-top:10px;
}

.dns_dialog_height {
	max-height: 60vh !important;
	width: 100% !important;
	overflow-y:scroll;
}

.btn_add_content_sec_policy{
	width:50px;
	max-width:50px;
	min-width:50px;
	height:32px;
	max-height:32px;
}

.btn_delete_content_sec_policy{
	min-width: 25px !important;
	max-width: 30px !important;
	min-height: 25px !important;
	max-height: 30px !important;
	width: 1% !important;
	height: 1% !important;
	background-image: url("../icon/png/delete.png") !important;
	background-position: center !important;
	background-size: 13px !important;
	background-repeat: no-repeat !important;
	background-color: #eaeaea !important;
	margin-right: 5px;
	border-radius: 2px;
}

.cnt_content_sec_policy{
	width:100%;
	max-width:100%;
	min-width:88%;
	height:110px;
	max-height:110px;
	margin-bottom: 20px;
}

.wui_content_sec_policy_cmb{
	max-width:140px;
	min-width:90px;
	width:140px;
	max-height:29px;
	height:29px;
	font-size:12px;
	border-radius: 2px;
	margin-right: 30px;
}

.lbl_content_sec_policy{
	border-top:1px solid #D0D0D0;
	padding: 10px 850px 10px 10px;
}

.api-error{
	background-color: white;
	color: #263238;
	border-radius: 5px;
	position: absolute;
	padding: 10px 20px;
	font-weight: 400;
	font-size: 12px;
	box-shadow: 0 0 5px black;
	z-index: 10;
}

.api-error-overlay{
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 20;
}

.wui_content_sec_policy_sbox{
	max-width:190px;
	min-width:180px;
	width:190px;
	max-height:60px;
	height:60px;
	border-radius: 2px;
	margin-right: 30px;
}

.wui_content_sec_policy_lbl{
	max-width:90px;
	min-width:90px;
	width:90px;
	max-height:29px;
	height:29px;
	border-radius: 2px;
	margin-right: 30px;
}

.tab_browsec_config{
	max-width:95%;
	min-width:80%;
	width:95%;
	max-height:650px;
	min-height:600px;
	height:650px;
	overflow:auto;
}

.wui_dns_server_led{
	width:200px;
	max-width:200px;
	height: 35px;
	max-height: 35px;
}

.wui-dns-server-lbl{
	width:100px;
	max-width:100px;
	height: 35px;
	max-height: 35px;
}

.pivots_sbx_ips_subs{
	height:100px;
	max-height:100px;
}

.config_dlg_size{
	/*	width:130vh;
        min-width:130vh;
        max-width:130vh;
    */
	width:83.5vw;
	min-width:83.5vw;
	max-width:86.5vw;
	height:95%;
	min-height:57vh;
	max-height:57vh;
	padding-top:5px;
	margin: auto;
	/*	height:420px;
        min-height:400px;
        max-height:420px;
    */
}

.config2_dlg_content{
	width:100%;
	min-width:100%;
	max-width:100%;
	height:95%;
	min-height:95%;
	max-height:95%;
	padding-top:5px;
}

.config_dlg_cache{

	margin: auto;
	width:66.5vw;
	min-width:66.5vw;
	max-width:88.5vw;/*66.5vw;*/
	height:95%;
	min-height:65vh;
	max-height:65vh;
	padding-top:5px;
}

.tbl_general_conf{
	margin-right: 50px;
}

.tbl_chk_general_conf{

	margin-top: 10px;
	margin-bottom: 10px;

}

.tbl_misc_misc{
	height: 35px;
}

.dialog_title_bar{
	height: 50px;
	font-size: 12px;
	padding:10px;
}

.add_btn{
	min-width: 25px !important;
	max-width: 30px !important;
	min-height: 25px !important;
	max-height: 30px !important;
	width: 1% !important;
	height: 1% !important;

	background-image: url("../icon/png/add.png") !important;
	background-position: center !important;
	background-size: 13px !important;
	background-repeat: no-repeat !important;
	background-color: #eaeaea !important;
	margin-right: 5px;
	border-radius: 2px;
}

.add_site_quickly_btn{
	min-width: 25px !important;
	max-width: 30px !important;
	min-height: 25px !important;
	max-height: 30px !important;
	width: 1% !important;
	height: 1% !important;

	background-image: url("../icon/png/add_quick.png") !important;
	background-position: center !important;
	background-size: 13px !important;
	background-repeat: no-repeat !important;
	background-color: #eaeaea !important;
	margin-right: 5px;
	border-radius: 2px;
}
.enabled_btn{
	max-width: 100px;
	max-height: 29px;
	border-radius: 2px;
	text-align: center;
	padding-top: 4px;
}

.delete_btn{
	min-width: 25px !important;
	max-width: 30px !important;
	min-height: 25px !important;
	max-height: 30px !important;
	width: 1% !important;
	height: 1% !important;
	background-image: url("../icon/png/remove.png") !important;
	background-position: center !important;
	background-size: 13px !important;
	background-repeat: no-repeat !important;
	background-color: #eaeaea !important;
	margin-right: 5px;
	border-radius: 2px;
}

.edit_btn{
	min-width: 25px !important;
	max-width: 30px !important;
	min-height: 25px !important;
	max-height: 30px !important;
	width: 1% !important;
	height: 1% !important;
	background-image: url("../icon/png/edit.png") !important;
	background-position: center !important;
	background-size: 15px !important;
	background-repeat: no-repeat !important;
	background-color: #eaeaea !important;
	margin-right: 5px;
	border-radius: 2px;
}

.clone_btn{
	min-width: 25px !important;
	max-width: 30px !important;
	min-height: 25px !important;
	max-height: 30px !important;
	width: 1% !important;
	height: 1% !important;
	background-image: url("../icon/png/clone-copy.png") !important;
	background-position: center !important;
	background-size: 15px !important;
	background-repeat: no-repeat !important;
	background-color: #eaeaea !important;
	margin-right: 5px;
	border-radius: 2px;
}

.restore_btn{
	min-width: 25px !important;
	max-width: 30px !important;
	min-height: 25px !important;
	max-height: 30px !important;
	width: 1% !important;
	height: 1% !important;
	background-image: url("../icon/png/restore.png") !important;
	background-position: center !important;
	background-size: 13px !important;
	background-repeat: no-repeat !important;
	background-color: #eaeaea !important;
	margin-right: 5px;
	border-radius: 2px;
}

.renew_btn{
	min-width: 25px !important;
	max-width: 30px !important;
	min-height: 25px !important;
	max-height: 30px !important;
	width: 1% !important;
	height: 1% !important;
	background-image: url("../icon/png/renew_issue.png") !important;
	background-position: center !important;
	background-size: 13px !important;
	background-repeat: no-repeat !important;
	background-color: #eaeaea !important;
	margin-right: 5px;
	border-radius: 2px;
}

.revoke_btn{
	min-width: 25px !important;
	max-width: 30px !important;
	min-height: 25px !important;
	max-height: 30px !important;
	width: 1% !important;
	height: 1% !important;
	background-image: url("../icon/png/revoke.png") !important;
	background-position: center !important;
	background-size: 17px !important;
	background-repeat: no-repeat !important;
	background-color: #eaeaea !important;
	margin-right: 5px;
	border-radius: 2px;
}

.import_cert_btn{
	min-width: 25px !important;
	max-width: 30px !important;
	min-height: 25px !important;
	max-height: 30px !important;
	width: 1% !important;
	height: 1% !important;
	background-image: url("../icon/png/import_cert.png") !important;
	background-position: center !important;
	background-size: 15px !important;
	background-repeat: no-repeat !important;
	background-color: #eaeaea !important;
	margin-right: 5px;
	border-radius: 2px;
}

.apply_btn{
	min-width: 30px !important;
	max-width: 55px !important;
	min-height: 25px !important;
	max-height: 30px !important;
	width: 55px;
	height: 25px;
	padding: 1px;
	font-size: 12px;
	border-radius: 2px;
}

.combo_filter{
	min-width: 12%;
	max-width: 12%;
	min-height: 29px;
	max-height: 29px;
	border-radius: 2px;
	margin-right: 5px;
	font-size:12px;
}

.refresh1_btn{
	min-width: 25px !important;
	max-width: 30px !important;
	min-height: 25px !important;
	max-height: 30px !important;
	width: 1% !important;
	height: 1% !important;
	background-image: url("../icon/png/refresh1.png") !important;
	background-position: center !important;
	background-size: 15px !important;
	background-repeat: no-repeat !important;
	background-color: #eaeaea !important;
	margin-right: 5px;
	border-radius: 2px;
}

.combo_limit{
	min-width: 5%;
	max-width: 5%;
	min-height: 29px;
	max-height: 29px;
	border-radius: 2px;
	margin-right: 5px;
	font-size:12px;
}

.combo_rdns{
	min-width: 220px;
	max-width: 220px;
	min-height: 29px;
	max-height: 29px;
	border-radius: 2px;
	margin-right: 5px;
	font-size:12px;
}

.first1_btn{
	min-width: 25px !important;
	max-width: 30px !important;
	min-height: 25px !important;
	max-height: 30px !important;
	width: 1% !important;
	height: 1% !important;
	background-image: url("../icon/png/first1.png") !important;
	background-position: center !important;
	background-size: 15px !important;
	background-repeat: no-repeat !important;
	background-color: #eaeaea !important;
	margin-right: 5px;
	border-radius: 2px;

}

.next1_btn{
	min-width: 25px !important;
	max-width: 30px !important;
	min-height: 25px !important;
	max-height: 30px !important;
	width: 1% !important;
	height: 1% !important;
	background-image: url("../icon/png/next1.png") !important;
	background-position: center !important;
	background-size: 15px !important;
	background-repeat: no-repeat !important;
	background-color: #eaeaea !important;
	margin-right: 5px;
	border-radius: 2px;

}

.previous1_btn{
	min-width: 25px !important;
	max-width: 30px !important;
	min-height: 25px !important;
	max-height: 30px !important;
	width: 1% !important;
	height: 1% !important;
	background-image: url("../icon/png/previous1.png") !important;
	background-position: center !important;
	background-size: 15px !important;
	background-repeat: no-repeat !important;
	background-color: #eaeaea !important;
	margin-right: 5px;
	border-radius: 2px;

}

.last1_btn{
	min-width: 25px !important;
	max-width: 30px !important;
	min-height: 25px !important;
	max-height: 30px !important;
	width: 1% !important;
	height: 1% !important;
	background-image: url("../icon/png/last1.png") !important;
	background-position: center !important;
	background-size: 15px !important;
	background-repeat: no-repeat !important;
	background-color: #eaeaea !important;
	margin-right: 5px;
	border-radius: 2px;

}

.btn_export_ca{
	min-width: 25px !important;
	max-width: 30px !important;
	min-height: 25px !important;
	max-height: 30px !important;
	width: 1% !important;
	height: 1% !important;
	background-image: url("../icon/png/export_ca.png") !important;
	background-position: center !important;
	background-size: 15px !important;
	background-repeat: no-repeat !important;
	background-color: #eaeaea !important;
	margin-right: 5px;
	border-radius: 2px;

}

.table_interface{
	border: 1px solid #ddd;
	border-collapse: collapse;
	margin-top: 10px;
}

.container_gateway{
	border: 1px solid #ddd;
}

.btn_save{

	max-width: 75px !important;
	min-width: 75px !important;
	width: 75px !important;
	height: 29px !important;
	max-height: 29px !important;
	min-height: 29px !important;
	border-radius: 2px;
	padding: 1px;
	left: 92% !important;
}

.date_time_update{
	min-width: 140px;
	max-width: 140px;
	min-height: 29px;
	max-height: 29px;
	width: 140px;
	height: 29px;
	border-radius: 2px;
}

.tbl_update{
	min-width: 170px;
	max-width: 170px;
	min-height: 50px;
	max-height: 50px;
	width: 170px;
	height: 50px;
	padding-left: 10px;
	padding-top: 25px;
}

.warn_for_update{
	min-width: 60px;
	max-width: 60px;
	min-height: 60px;
	max-height: 60px;
	width: 60px;
	height: 60px;

}

.upload_file_btn{
	min-width: 60px;
	max-width: 60px;
	min-height: 29px;
	max-height: 29px;
	width: 60px;
	height: 29px;
	border-radius: 2px;
	padding-left: 9px;
	padding-top: 5px;
	font-size: 13px;
}

.led_file_name_upload{

	width: 300px;
	height: 29px;
	border-radius: 2px;
	font-size: 12px;
}

.cont_file_upload{
	padding: 10px 10px 5px 5px;
}

.proccess_bar_upload{
	margin-top: 10px;
}

.delete_settings_update{
	border-radius: 2px;
	width: 110px;
	height: 29px;
	font-size: 12px;
	margin-left: 10px;
	border-left: 2px;
	border-top: 1px;
}

.element_of_dlg_update_log{
	border-radius: 2px;
	width: 400px;
	height: 29px;
	font-size: 12px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding: 3px;	
}

.comment_size{
	min-width: 500px;
	max-width: 500px;
	min-height: 145px;
	max-height: 145px;
	width: 500px;
	height: 145px;
}

.pending_update{
	margin-top: 30px;
	margin-bottom: 20px;
	margin-left: 700px;
	font-size: 17px;
	font-weight: bold;
}

.check_box_browsec{
	/*! min-width: 200px; */
	max-width: 200px;
	min-height: 28px;
	max-height: 28px;
	margin-bottom: 10px;
}

.combo_box_browsec{
	min-width: 200px;
	max-width: 200px;
	min-height: 29px;
	max-height: 29px;
	border-radius: 2px;
	font-size:12px;
	margin-right: 30px;
	margin-left: 20px;
}

.tbl_browsec{
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
}

.combo_selected_site{
	min-width: 120px;
	max-width: 120px;
	width: 120px;
	min-height: 29px;
	max-height: 29px;
	height: 29px;
	margin-left: 5px;
	margin-top: 10px;
	margin-right: 25px;
	border-radius: 2px;
	font-size:12px;
}

.combo_selected_site2{
	min-width: 150px;
	max-width: 150px;
	width: 150px;
	min-height: 29px;
	max-height: 29px;
	height: 29px;
	margin-left: auto;
	margin-top: 10px;
	margin-right: auto;
	border-radius: 2px;
	font-size:14px;
}

.rdns_components3{
	width:200px;
	max-width:250px;
	height:32px;
}

.rdns_components4{
	width:490px;
	max-width:490px;
	height:32px;
}

.rdns_components5{
	width:400px;
	max-width:400px;
	height:150px;
}

.real_time_msg{
	width:250px;
	max-width:250px;
	height:32px;
}

.real_time_log{
	width:60px;
	max-width:60px;
	height:32px;
	margin-left: 5px;
}

.real_time_audit_log{
	width:120px;
	max-width:120px;
	height:32px;
}


.rdns_content{
	width:640px;
	min-width:640px;
	max-height:450px;
	height:450px;
}

.rdns_container{
	width:640px;
	max-width:640px;
}

.rdns_margin_dlg{
	margin:20px auto auto auto;
	max-height:330px;
	height:330px;
}

.real_time_threshold_cnt{
	max-width:370px;
	width:370px;
	max-height:36px;
	height:36px;
}

.padding_lbl{
	padding-left: 30px;
}

.width_100{
	width:120px;
}

.left_100{
	left:95px !important;
}
.lne_name_rulre_grp{
	left:95px !important;
	max-width: 527px !important;
	max-height: 32px !important;
	width: 527% !important;
}

.margin-all{
	margin: 5px 10px 5px 5px;
}

.dropdown_display_size{
	max-width:85vw !important;
	max-height:90vh !important;
}

.close_btn{
	min-width: 31px !important;
	max-width: 36px !important;
	min-height: 31px !important;
	max-height: 36px !important;
	width: 1% !important;
	height: 1% !important;

	background-image: url("../icon/png/trash.png") !important;
	background-position: center !important;
	background-size: 27px !important;
	background-repeat: no-repeat !important;
	background-color: #eaeaea !important;
	margin-bottom: 19px;
	border-radius: 16px;
}
.btn_add_caa_record_style{
       width: 60px; 
       height: 32px;
       max-width: 50px;
       max-height: 32px;
}

.chk_oid{
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
	width:120px;
}

.txt_oid{
	margin-bottom:10px;
}

.cont_oids{
	min-width:340px;
	width:340px;
	min-height:50px;
	height:50px;
}

.snmp-header{
	position:sticky;
	z-index:70;
	top:50px;
	background-color: white;
}

.snmp-add-btn {
	position: sticky;
	z-index: 70;
	top: 130px;
	min-height: 34px;
	max-height: 35px;
	background-color: white;
}

.main_cont_oids{
	min-width:400px;
	width:400px;
	margin: 100px auto auto auto;
}

.oid_log_content{
	width:800px;
	min-width:800px;
}

.oid_log_close_btn{
	width:55px;
	height:32px;
}

.btn_restore_snmp{
	width:70px;
	max-width:70px;
	min-width:70px;
	height:32px;
	max-height:32px;
}

.ipv4_fields{
	max-width:300px;
	max-height:32px;
	height:32px;
	margin-bottom:5px;
}

.ipv4_fields2{
	max-width:300px;
	max-height:60px;
	height:60px;
}

.ipv4_fields3{
	width:70px;
	margin-left:7px;
	margin-right:7px;
	margin-bottom:5px;
}

.cnt_second_col_ipv4{
	padding-top: 32px;
	margin-left:7px;
	margin-right:7px;
	grid-column: 2 span;
}

.next_rule_btn{
	min-width: 5px !important;
	max-width: 10px !important;
	min-height: 5px !important;
	max-height: 10px !important;
	width: 1% !important;
	height: 1% !important;
	background-image: url("../icon/png/nexticon1.png") !important;
	background-position: center !important;
	background-size: 13px !important;
	background-repeat: no-repeat !important;
	background-color: #ffffff !important;
	border-color: #ffffff;
	border-radius: 2px;
}

.prev_rule_btn{
	min-width: 5px !important;
	max-width: 10px !important;
	min-height: 5px !important;
	max-height: 10px !important;
	width: 1% !important;
	height: 1% !important;
	background-image: url("../icon/png/previousicon1.png") !important;
	background-position: center !important;
	background-size: 13px !important;
	background-repeat: no-repeat !important;
	background-color: #ffffff !important;
	border-color: #ffffff;
	margin-right: 5px;
	border-radius: 2px;
}
.margin_left_tbl_rg{
	margin-left: 5px;
}

.margin_right_tbl_rg{
	margin-right: 5px;
}

.page_lbl_conf{
	min-width: 100px ;
	max-width: 100px ;
	min-height: 5px ;
	max-height: 10px ;
	margin-right:10px;
}

.page_rule_cmb{
	min-width: 80% ;
	max-width: 80% ;
	min-height: 20px ;
	max-height: 20px ;
	padding: 2px 5px;
	border-radius: 2px;
	font-size:10px;
	margin-right:15px;
}

.page_rule_grp_cmb{
	min-width: 100% ;
	max-width: 100% ;
	min-height: 20px ;
	max-height: 20px ;
	padding: 3px 17px;
	border-radius: 4px;
	font-size:10px;
	margin-right:30px;
}
.page_rule_imgLoading{
	min-width: 10vh ;
	max-width: 10vh ;
	width: 10vh !important;
	min-height: 10vh ;
	max-height: 10vh ;
	height: 10vh !important;
	position: absolute !important;
	top: 25vh !important;
	left: 85vh !important;
	z-index:100 !important;
	background-color:transparent !important;
}

.tbl_page_rule{
	margin-top:2%;
	margin-left: 37%;
}

.tbl_page_rule_grp{
	margin:auto auto auto auto;
	max-width:140px !important;
	left:268px !important;
	width:140px !important;
	max-height:225px;
	overflow:auto;
}

.spn_rule_ex{
	min-width: 80px ;
	max-width: 80px ;
	width: 80px !important;
	padding:2px 5px;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
	position: absolute;
	margin-top: 4px \9;
	margin-left: -20px;
	margin-right: -20px;
	margin-top: 1px;
}

.radio,
.checkbox {
	position: relative;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 20px;
}

.radio-inline,
.checkbox-inline {
	position: relative;
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: normal;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 20px;
}


.enable-ssl-offload tbody tr:nth-child(1) td:nth-child(2) {
	padding-left: 70px;
}
/*
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  margin-left:-300px;
}
*/

.shortcut_cmb{
	width:155px;
	padding-left: 6px;
	min-height: 26px;
	max-height: 26px;
	border-radius: 2px;
	margin-right: 5px;
	font-size:12px;
	padding-bottom: 4px;
}

.shortcut_ok_btn{
	min-width: 25px !important;
	max-width: 30px !important;
	min-height: 25px !important;
	max-height: 30px !important;
	font-size:12px;
	border-radius: 2px;
	padding-left: 6px;
	padding-top: 5px;
}

.tb_args_tbl_wizard {
  overflow: auto;
  height: 226px;
  position: relative;
  width: 460px;

}

.tb_args_tbl_wizard table
{
	position: relative;
	width: 440px;
}
.invalid-field .tb_args_tbl_wizard table tbody input{
	background-color: #FF2B2B !important;
}
.arg_tbl_gen.invalid-field{
	background-color: unset;
}
.sanitize{
	position: relative;
	width: 560px;
}
.arg_tbl_gen{
	width: 550px ;
    max-height: 100vh ;
    position: relative;
	left: 55px;	
	overflow-y:auto;
}
.lbl_arg{

	position: relative;
	left: -10px;
	top: 20px;
}
.ln_name_arg{
	position: relative;
	width: 500px ;
	left: 55px;
}
.btn_enable_arg{
	position: relative;
	width: 500px ;
	left: 55px;
}
.comment_arg{
	position: relative;
	width: 500px ;
	height:150px;
	left: 55px;
}
.tbl_sanitze{
	position: relative;
	height:150px;
}
.real_time_tab_apply_layer
{   
    min-height: 780px ;
}
.padding_0 {
	padding: 0;
}

.sanitize_arg_container {
	height: 70vh !important;
	overflow: hidden !important;
}

.tb_args_tbl_menu {
	max-height: 70vh !important;
	height:  70vh !important;
	max-width: 650px;
	width: 450px;
	overflow: auto;
}

.warning_msg_box{
	width: 242px;
	height: 55px;
	margin: 1px;
}

.warning_h_msg_box{
	width: 242px;
	bottom: 1px;
	height: 57px;
	margin: 1px;
}

.err_sep_webserv_box_drop_down_msg_box{
	width: 270px;
	height: 60px;
	margin: 1px;
}

.err_sep_webserv_box_drop_down{
	width: 270px;
	bottom: 1px;
	height: 60px;
	margin: 1px;
}

.msg_apply_type_dlg{
	width: 298px;
	margin-top: 1%;
	margin-left: 3%;
	display: block;
}

.l1_apply_chk_box{
	margin-bottom: 5%;
}

.access_statistic_tab{
	height:  100vh !important;
}

.access_statistic_table_div{
	height: 77%;
	overflow: scroll;
	width: fit-content;
}

.access_statistic_table{
	margin-left:10px;
	min-width:370px;
}

.access_statistic_tab_con{
	height:  80vh !important;
}

.msg_in_pruning{
	max-width:300px;

}

.cont_size{
	width:500px;
	height:200px;
	margin-left: 25%;
	margin-top: 20%;
}

.btn_save_token{
	margin-bottom: 7px;
	min-width:110px;
	min-height:34px;
	width:110px;
	height:34px;
	max-width:110px;
	max-height:34px;
	margin-left: 4px;
}

.first_btn_top{
	margin-top: 62px;
}

.second_btn_top{
	margin-top: 20px !important;
}

.date_time_margins
{
	margin: auto;
	width: auto;
}

.messagebox_color_red
{
	color: red;
}

.messagebox_color_green
{
	color: green;
}

.cont_margin{
	margin-right: 30px;
}

.lable_padding{
	padding-top: 5px;
	padding-bottom: 20px;
	width: 110px;
}

.linedit_margin{
	margin-bottom: 7px;
	width: 500px;
}

.panel_interfaces_dns
{
	max-width:300px;
	min-width:266px;
	max-height:200px;
	height: fit-content;
	overflow: scroll;
}

.dns_config_con1
{
	max-height:525px;
	height: 525px;
	margin-top: 20px;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.dns_config_port_cont
{
	margin-left: 15px;
	margin-right: 15px;
}

.dns_config_port
{
	width: 80px;
}

.dns_config_dlg
{
	max-height: 640px;
	min-width: 500px;
}

.save_btn_cont_dns_dlg
{
	margin-top: auto;
}

.margin_top_30
{
	margin-top: 30%;
}

.dns_config_enable_btn
{
	margin-left: 95px;
	margin-right: 95px;
}

.margin_bottom_20
{
	margin-bottom: 20px;
}

.ln_user_info
{
	width: 300px;
	left: 100px;
}
.x509_cert_cmb
{
	width: 453px;
	left: 0;
	top: 0;
	margin-top: -15px;
	height: 44px;
}
.ln_edit_name_cert
{
	max-width: 800px;
	max-height: 32px;
	width: 600px;
	height: 32px;
	margin-left: 174px;

}
.ln_edit_name_cert_fa
{
	max-width: 800px;
	max-height: 32px;
	width: 600px;
	height: 32px;
	margin-left: 174px;
	margin-right:162px ;

}

.row1
{
	margin-top : 25px ;
}
.row2
{
	margin-top : 10px ;
}
.cmb_pkcs12_X509
{
	max-width:603px;
	width:600px;
	max-height:32px;
	height:32px;
	margin-left :180px;

}
.cmb_pkcs12_X509_fa
{
	max-width:603px;
	width:600px;
	max-height:32px;
	height:32px;
	margin-left :180px;
	margin-right:158px;

}
.cmb_ca
{
	max-width:400px;
	width:210px;
	max-height:32px;
	height:32px;
	margin-left :40px;

}
.cmb_ca_fa
{
	max-width:400px;
	width:210px;
	max-height:32px;
	height:32px;
	margin-right:40px ;

}
.cmb_cert
{
	max-width:400px !important;
	width:210px !important;
	max-height:32px!important;
	height:32px!important;
	margin-left:120px;
}
.cmb_cert_fa
{
	margin-right:113px ;
}
.cmb_crl
{
	max-width:400px;
	width:210px;
	max-height:32px;
	height:32px;
	margin-left:180px !important;

}
.cmb_crl_fa
{
	margin-right:143px;

}
.cmb_pkcs12_certificate
{
	max-width: 400px;
	width: 210px;
	max-height: 32px;
	height: 32px;
	margin-left: 152px;

}
.cmb_pkcs12_certificate_fa
{
	max-width: 400px;
	width: 210px;
	max-height: 32px;
	height: 32px;
	margin-left: 20px;
	margin-right:139px;

}
.ln_edit_key
{
	max-width:400px;
	max-height:32px;
	width: 210px ;
	height:32px;
	margin-left: 142px;
}
.fu_ca
{
	margin-left: 20px !important;
	margin-top: -10px !important;
	overflow: hidden  !important ;
	width: 170px   !important;
}
.fu_ca_fa
{
	margin-right: -20px !important;
}
.fu_cert_fa
{
	margin-right:-100px !important ;
}
.fu_key_fa
{
	margin-right:-121px !important ;
}
.fu_crl_fa
{
	margin-right: -160px !important ;
}

.warn_text_CAs{
	max-width: 200px;
	max-height: 32px;
	width: 196px;
	height: 32px;
	margin-left: 1%;
}

.tab_server_certs{
	min-width: 500px;
	min-height: 450px;
	width: 1013px;
}

.contents_certs{

	min-height: 450px;
	height: 549px !important;
}

.footer_certs{
	top: 600px !important;
	margin-top: 25px;
}

.line_edits_for_certs
{
	max-width: 200px;
	max-height: 32px;
	width: 200px;
	height: 32px;
}

.line_edits_for_certs_fa
{
	margin-right: -18px;
}

.line_edits_for_certs_x509
{
	max-width: 200px;
	max-height: 32px;
	width: 200px;
	height: 32px;
}

.line_edits_for_certs_x509_enddate
{
	max-width: 210px;
	max-height: 32px;
	margin-left: 125px;
	width: 210px;
	height: 32px;
	
}

.line_edits_for_certs_x509_enddate_fa
{
	
	margin-right:98px ;
}


.line_edits_for_key_cert
{
	max-width: 200px;
	max-height: 32px;
	width: 200px;
	height: 32px;
}

.line_edits_for_certificate_pkcs12
{
	max-width: 200px;
	max-height: 32px;
	width: 200px;
	height: 32px;
}

.line_edits_for_certificate_pkcs12_fa
{
	margin-right:-20px ;
}

.key_cert
{
	max-width:400px;
	max-height:32px;
	width: 210px ;
	height:32px;
	margin-left: 143px;
}

.key_cert_fa
{
	margin-right: 120px;
}

.cert_password
{
	max-width:400px;
	max-height:32px;
	width: 210px ;
	height:32px;
	margin-left:155px;
}

.cert_password
{
	max-width:400px;
	max-height:32px;
	width: 210px ;
	height:32px;
	margin-right:145px;
}

.container_txt_cmmnt
{
	margin-left: 150px;
}

.container_txt_cmmnt_fa
{
	margin-left: 150px;
	margin-right: 139px;
}

.chk_default_prof
{
	margin-top:50px;
}

.chk_default_prof_certs
{
	margin-top:2%;
}

.cont_free_valid
{
	margin-left:192px !important ;
}

.cont_free_valid_fa
{
	margin-right:154px !important ;
}

.txt_wait_msg
{
	margin-left:294px !important ;
}

.txt_wait_msg_fa
{
	margin-right:325px !important ;
}

.client_tab_certificate
{
	max-width: 600px;
	width: 400px;
	max-height: 32px;
	height: 32px;
}

.progress_bar
{
	margin-left: 12px !important;
	margin-right:160px ;
	margin-top: 1px !important;
	width : 150px !important;
}

.cluster_select_box
{
	max-height: 80px;
}

.margin_cmb_waf_logging_tab
{
	margin-top: 8px ;
}

.margin_top_waf_logging_tab
{
	margin-top :8px;
	display: table;
}

.margin_lbl_main
{
	margin-top: 5px;

}
.margin_lbl_engin_main_tab
{
	margin-left:-25px;
	margin-right:25px ;
	margin-top:5px;
}

.margin_cmb_engine_main
{
	margin-top : 5px ;
}

.main_waf_attack_pattern_cmb
{
	margin-left: 25px;
	margin-top : 5px ;
}

.border-top-0px
{
	border-top: 0 !important;
}

.cont
{
	margin-top : 15px ;
	margin-bottom : 5px ;
}

.side_menu_size
{
	height: auto;
}
.webfirewall-comment-btn
{
	margin: 5px !important;
}

.tbl_misc_misc_element
{
	height: 50px;
	width: 300px !important;
	max-width:600px !important;
}

.misc_right_elemets_width
{
	width: 198px !important;
}

.misc_left_margin_18_cache_pr
{
	margin-left: 18px !important;
}

.misc_top_spn_lbl_expire
{
	top: 12px !important;
}

.misc_headers_main_size
{
	max-width: 45vw;
	min-width: 40vw;
}

.content-margin
{
	margin: 10px;
}

.margin-left-0-px
{
	margin-left: 0 !important;
}

.syslog-line-edit-general-styles
{
	max-width: 450px;
	min-width: 200px;
	min-height: 30px;
	max-height: 30px;
	width: 421px;
	height: 30px;
}

.syslog-label-of-line-edit-general-styles
{
	width: 275px;
}

.syslog-tab-user-info-vertical-margin
{
	height: 55px;
}

.syslog-horizental-margin-check-boxes
{
	width: 122px;
}

.syslog-left-margin-check-boxes
{
	margin-left: 57px;
}

.vertical-space-checkboxes-and-lbl
{
	margin-top: 15px;
	margin-bottom: 15px;
}

.line-edits-send-msg-log-dlg
{
	width: 40% !important;
	margin-bottom: 5px;
	margin-top: 5px;
}

.labels-send-msg-log-dlg
{
	width: 35%;
}

.btn-enable-send-msg-log-dlg
{
	margin-left: 35%;
}

.convert-p-to-textarea
{
	border: 2px solid gainsboro;
	border-radius: 4px;
	padding: 10px;
	height: 90px;
}

.send-email-log-dlg
{
	min-width: 650px;
	max-width: 1100px;
	min-height: 55vh;
	max-height: 60vh;
	width: 1000px;
	height: 55vh;
}

.labels-audit-tag-log-dlg
{
	width: 35%;
}

.line-edits-audit-tag-log-dlg
{
	width: 40% !important;
	margin-bottom: 5px;
	margin-top: 5px;
}

.audit-tag-log-dlg
{
	min-width: 650px;
	max-width: 1100px;
	min-height: 300px;
	max-height: 700px;
	width: 1000px;
	height: 550px
}

.config-tab-protocol-elements
{
	height: 38px;
}

.left-qos-elemnts
{
	width: 39.0%;
}

.right-qos-elemnts
{
	min-width: 390px;
}

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

.qos-label-width
{
	width: 290px;
}

.gap
{
	gap: 5px;
}

.gap-10 {
	gap: 10px;
}

.gap-20{
	gap:20px;
}
.change_password_label{
	gap: 20px;
	margin-top: 10px;
	margin-right: 20px;
	margin-left: 10px;
}

.change_password_edit{
	margin-top: 5px;
	width: 400px;
}
.change_password_button{
	width: 150px;
	margin: auto;
}
.padding_bottom_200{
	padding-bottom: 200px;
}
.padding_right_600{
	padding-right: 600px;
}
.dashboards{
	box-sizing: border-box;
	overflow-y: hidden;
}

.dashboards > .nav-tabs {
	border-bottom: none;
	margin-bottom: 5px;
	background-color: white;
	display: flex;
	gap: 10px;
}

.dashboards > .nav > li {
	max-width: max-content;
}

.dashboards > .nav > li > a {
	color: gray;
	font-size: 12px;
	font-weight: 400;
	background: transparent;
	border: none;
	border-bottom: 2px solid gray;
}

.dashboards > .nav > .active > a {
	color: orangered;
	font-size: 12px;
	font-weight: 400;
	background: none;
	border-radius: 5px;
	border-bottom: 2px solid orangered;
}

.dashboards > .nav > li > a:hover {
	color: orangered;
	font-size: 12px;
	font-weight: 400;
	background: transparent;
	border: none;
	border-bottom: 2px solid orangered;
}

.audit-analyzer {
	width: 100%;
	box-sizing: border-box;
	display: grid;
	grid-template-rows: minmax(auto, 350px) minmax(auto, 400px);
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-areas:
			"auditRuleBox auditRuleBox auditRuleBox auditUriBox auditUriBox auditUriBox auditSeveritieBox auditSeveritieBox auditSeveritieBox auditSeveritieBox auditRefresh auditRefresh"
			"auditRuleBox auditRuleBox auditRuleBox auditUriBox auditUriBox auditUriBox auditIpBox auditIpBox auditIpBox auditIpBox auditIpBox auditIpBox";
	grid-gap: 15px;
	padding: 10px 3px 10px 3px;
}

#audit-analyzer-refresh-box{
	grid-area: auditRefresh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 20px;
	text-align: center;
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd;
	background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
	background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));
	background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
	background-repeat: repeat-x;
}

#audit-analyzer-severitie-box{
	grid-area: auditSeveritieBox;
}

#audit-analyzer-ip-box{
	grid-area: auditIpBox;
}

#audit-analyzer-rule-box{
	grid-area: auditRuleBox;
}

#audit-analyzer-uri-box{
	grid-area: auditUriBox;
}

#audit-analyzer-severitie-content{
	display: flex;
	align-items: center;
}

#audit-analyzer-uri-content{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	overflow-y: scroll;
}

#audit-analyzer-rule-content{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	overflow-y: scroll;
}

.access-analyzer{
	width: 100%;
	box-sizing: border-box;
	min-height: 200px;
	display: grid;
	grid-template-rows: minmax(auto, 350px) minmax(auto, 350px) minmax(auto, 350px);
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-areas:
			"accessUri accessUri accessUri accessIp accessIp accessIp accessIp accessIp accessIp accessIp accessRefresh accessRefresh"
			"accessUri accessUri accessUri accessStatus accessStatus accessStatus accessSite accessSite accessSite accessSite accessSite accessSite"
			"accessPort accessPort accessPort accessPort accessPort accessAgent accessAgent accessAgent accessAgent accessAgent accessAgent accessAgent";
	grid-gap: 15px;
	padding: 10px 3px 10px 3px;
}

#access-analyzer-ip-box{
	grid-area: accessIp;
}

#access-analyzer-site-box{
	grid-area: accessSite;
}

#access-analyzer-uri-box{
	grid-area: accessUri;
}

#access-analyzer-status-box{
	grid-area: accessStatus;
}

#access-analyzer-agent-box{
	grid-area: accessAgent;
}

#access-analyzer-port-box{
	grid-area: accessPort;
}

#access-analyzer-refresh-box{
	grid-area: accessRefresh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 20px;
	text-align: center;
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd;
	background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
	background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));
	background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
	background-repeat: repeat-x;
}

#access-analyzer-uri-content{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	overflow-y: scroll;
}

#access-analyzer-status-content{
	display: flex;
	justify-content: center;
	align-items: center;
}

.analyzer-main-title{
	font-size: 24px;
	font-weight: 900;

	display: inline-block;
	padding: 20px 20px;
}

.analyzer-cmbox{
	margin-top: -15px;
	display: inline-block;
	width: auto;
	min-width: fit-content;
}

.analyzer-chbox{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	font-size: 12px;
	text-align: center;
}

.analyzer-chbox input{
	display: inline;
	position: static !important;
	margin: 0 !important;
	padding: 0 !important;
}

.analyzer-item-title{
	border-bottom: 1px solid #ddd;
	border-radius: 5px 5px 0 0;
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd;
	background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
	background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));
	background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
	background-repeat: repeat-x;
	width: 100%;
	padding: 10px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 900;
}

.analyzer-item-content{
	width: 100%;
	height: calc(100% - 50px);
}

.analyzer-inner-item{
	width: 96%;
	min-height: 100px;
	border-bottom: 1px solid darkgray;
	background-color: transparent;
	display: flex;
	justify-content: left;
	align-items: center;
	gap: 10px;
	direction: ltr;
	text-align: left;
	position: relative;
}

.analyzer-inner-item:last-child{
	border-bottom-color: transparent;
}

.analyzer-inner-item:first-child{
	padding-top: 10px;
}

.analyzer-inner-item p{
	width: calc(100% - 70px);
}

.analyzer-inner-item p span:first-child{
	font-weight: 900;
}

.break-world-all{
	width: 100%;
	word-break: break-all;
	word-wrap: break-word;
	display: block;
}

.break-world{
	width: 100%;
	overflow-wrap: break-word;
	display: block;
}

.general-grid-child{
	border-radius: 1px;
	background-color: white;
	border: 1px solid aliceblue;
	box-shadow: 0 0 5px gray;
}

.hide-item{
	display: none;
}

.horiz-inline-flex{
	display: inline-flex;
	gap: 5px;
	align-items: center;
}

.zoom-box{
	display: inline-flex;
	gap: 5px;
	justify-content: center;
	align-items: center;
}

.zoom-box img{
	width: 20px;
	height: 20px;
	cursor: pointer;
}
.horizontal-line {
	margin: 20px 5px;
	height: 1px;
	opacity: 0.3;
	box-shadow: 0 2px 5px rgba(0,0,0,0.5);
	background-color: gray;
}

.space-between{
	justify-content: space-between;
	align-items: center;
}

.overlay{
	position : absolute;
	top : 0;
	left : 0;
	z-index: 100;
	display: none;
	background-color : rgba(0,0,0,0.5);
}

.custom-msg-box{
	width : 500px;
	padding: 20px 10px;
	max-height: 500px;
	overflow: auto;
	position : fixed;
	z-index : 150;
	border-radius: 5px;
	box-shadow: 0 0 1px rgba(0,0,0,0.5);
	top : 50vh;
	left : 50vw;
	transform : translate(-50%,-50%);
	display : none;
	background-color: white;
	flex-direction: column;
	gap: 10px;
	direction: ltr;
}

.close-btn{
	max-width: min-content !important;
	align-self: flex-end;
}

.tab-support-rtl ul{
	display: flex;
	padding: 0;
}

.custom-doughnut-tooltip{
	position: absolute;
	padding: 5px 10px;
	background-color: rgba(0,0,0,0.8);
	border-radius: 4px;
	color: white;
	text-align: center;
	opacity: 0;
	top: 50%;
	transform: translate(0,calc(-50% - 35px));
	left: 5px;
	display: inline-flex;
	gap: 5px;
	justify-content: center;
	align-items: center;
	pointer-events: none;
}

.main-dashboard {
	width: 100%;
	box-sizing: border-box;
	display: grid;
	grid-template-rows: minmax(auto, 490px) auto minmax(auto, 400px) auto;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-areas:
"mOVGauges mOVGauges mOVGauges mOVGauges mDomStPie mDomStPie mDomStPie mDomStPie mDomStPie mSystInfo mSystInfo mSystInfo"
"mShortcut mShortcut mShortcut mShortcut mShortcut mShortcut mShortcut mShortcut mShortcut mShortcut mShortcut mShortcut"
"mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar"
"mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist"
	;
	
	grid-gap: 15px;
	padding: 10px 3px 10px 3px;
}

.main-dashboard-product {
	width: 100%;
	box-sizing: border-box;
	display: grid;
	grid-template-rows: minmax(auto, 490px) auto minmax(auto, 400px) minmax(auto, 850px);
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-areas:
"mOVGauges mOVGauges mOVGauges mOVGauges mOVGauges mOVGauges mOVGauges mOVGauges mSystInfo mSystInfo mSystInfo mSystInfo"
"mShortcut mShortcut mShortcut mShortcut mShortcut mShortcut mShortcut mShortcut mShortcut mShortcut mShortcut mShortcut"
"mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar"
"mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist"
;

	grid-gap: 15px;
	padding: 10px 3px 10px 3px;

}

#dashboard-sys-overview-gauge-box-content {
	display: flex;
	justify-content: center;
	align-items: center;
}
#dashboard-sys-overview-gauge-box-content-NSD {
	justify-content: center;
	align-items: center;
}
.dashboard-gauge {
	width: auto;
	height: 98%;
}
.dashboard-gauge-label {
	font-size: 16px;
	margin-top: -40px;
	text-align: center;
}
#dashboard-gauge-cpu {
	grid-area: gaugecpu;
}
#dashboard-gauge-ram {
	grid-area: gaugeram;
}
#dashboard-gauge-disk {
	grid-area: gaugedisk;
}
#dashboard-gauge-cpu-label {
	grid-area: gaugecpuLabel;
	font-size: 18px;
}
#dashboard-gauge-ram-label {
	grid-area: gaugeramLabel;
}
#dashboard-gauge-disk-label {
	grid-area: gaugediskLabel;
}

#dashboard-shortcuts-box{
	grid-area: mShortcut;
}

#dashboard-sys-overview-box{
	grid-area: mOverView;
}

#dashboard-domain-name-stats-box{
	grid-area: mDomStats;
}

#dashboard-sys-history-box{
	grid-area: mSystHist;
}

#dashboard-site-network-traffic-stats-box {
	grid-area: mSiteTraf;
}

#dashboard-sys-overview-gauge-box{
	grid-area: mOVGauges;
}

#dashboard-domain-name-stats-pie-box {
	grid-area: mDomStPie;
}
#dashboard-site-network-traffic-stats-chart-box {
	grid-area: mSiteChar;
}

#dashboard-site-network-traffic-stats-chart-box-content {
	gap:50px;
}

#dashboard-sys-info-box{
	grid-area: mSystInfo;
	
	background-color: #f5f5f5;
	border-color: #ddd;
	background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
	background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));
	background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
	background-repeat: repeat-x;
	
	display: grid;
	grid-template-rows: minmax(auto, 10%) minmax(auto, 10%) minmax(auto, 10%) minmax(auto, 10%) minmax(auto, 10%) minmax(auto, 10%);
	grid-template-columns: minmax(auto, 12%) minmax(auto, 25%) minmax(auto, 45%);
	grid-template-areas: 
		"sysInfoBrand sysInfoBrand sysInfoVersion"
		"sysInfoBrand sysInfoBrand sysInfoDate"
		"sysInfoOSIcon sysInfoOSLabel sysInfoOSLabel"
		". sysInfoOS sysInfoOS"
		"sysInfoAVIcon sysInfoAVLabel sysInfoAVLabel"
		". sysInfoAV sysInfoAV"
	;

	align-content: center;
	justify-content: center;
	column-gap: 5px;
	/*align-items: center;
	justify-items: center;*/
	font-size: 14px;	

}

#dashboard-sys-info-eng-label {
	grid-area: sysInfoEngLabel;
}
#dashboard-sys-info-eng {
	grid-area: sysInfoEng;
}
#dashboard-sys-info-brand {
	grid-area: sysInfoBrand;
	font-size: 29px;
	font-weight: 700;
	align-self: center;
	text-align: center;
}
#dashboard-sys-info-version {
	grid-area: sysInfoVersion;
	font-weight: 550;
	align-self: end;
}
#dashboard-sys-info-revision {
	grid-area: sysInfoRevision;
}
#dashboard-sys-info-date {
	grid-area: sysInfoDate;
}
#dashboard-sys-info-os-label {
	grid-area: sysInfoOSLabel;
	align-self: center;
}
#dashboard-sys-info-os {
	grid-area: sysInfoOS;
}
#dashboard-sys-info-av-label {
	grid-area: sysInfoAVLabel;
	align-self: center;
}
#dashboard-sys-info-av {
	grid-area: sysInfoAV;
}
#dashboard-sys-info-os-icon {
	grid-area: sysInfoOSIcon;
	align-self: center;
}
#dashboard-sys-info-av-icon {
	grid-area: sysInfoAVIcon;
	align-self: center;
}

#dashboard-domain-name-stats-pie-box #dashboardPie_div{
	height: calc(100% - 30px);
}
#dashboard-domain-name-stats-pie-box #dashboardPie_div canvas{
	margin: auto;
}


.dashboard-item-title{
	background-color: #f5f5f5;
	border-color: #ddd;
	background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
	background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));
	background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
	background-repeat: repeat-x;
	
	border-bottom: 1px solid #ddd;
	border-radius: 5px 5px 0 0;
	width: 100%;
	padding: 10px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 900;
}

.dashboard-item-content{
	width: 100%;
	height: calc(100% - 50px);
	padding: 10px;
}


.flex-wrap-scroll {
	flex-wrap: wrap;
	overflow-y: auto;
	overflow-x: hidden;
}

.netstats-interface {
	width: auto;
	height:auto;
	max-height: 330px;
	
	display: flex;
	align-content: center;
	justify-content: center;
	
	padding: 70px 0;
	margin: auto;
	position: relative;
	z-index: 0;
	
}

.netstats-interface:before,
.netstats-interface:after{
    clip-path: polygon(20% 100%, 20% 35%, 0% 35%, 50% 0%, 100% 35%, 80% 35%, 80% 100%);
    content: "";
    background: #337ab7;
    width: 100px;
    height: 100px;
    position: absolute;
    z-index: -1;
}

.netstats-interface:before{
    left: 5%;
    top: 23px;
}

.netstats-interface:after{ 
    right: 5%;
    bottom: 23px;
    transform: rotate(180deg);
}

.netstats-interface-content {
	display: grid;
	grid-template-rows: 15px auto auto auto;
	grid-template-columns: 3fr 1fr 3fr;
	grid-template-areas: 	". 			trafficItemTitle 	."
				"trafficItemTXtitle 	trafficItemTitle	trafficItemRXtitle"
				"trafficItemTX 		trafficItemIconSize 	trafficItemRX"
				"trafficItemTXPackets 	trafficItemIconPacket 	trafficItemRXPackets "
	;
	
	background-color: #fff;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 8px;
	border-radius: 15px;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.netstats-interface-content-title {
	color: #337ab7;
	grid-area: trafficItemTitle;
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	margin: 0;
	align-self: start;
}

.netstats-interface-content-RX-title {
	grid-area: trafficItemRXtitle;
}

.netstats-interface-content-TX-title {
	grid-area: trafficItemTXtitle;
}

.netstats-interface-content-RX {
	grid-area: trafficItemRX;
}

.netstats-interface-content-TX {
	grid-area: trafficItemTX;
}

.netstats-interface-content-RX-packets {
	grid-area: trafficItemRXPackets;
}

.netstats-interface-content-TX-packets {
	grid-area: trafficItemTXPackets;
}

.netstats-interface-content-icon-size {
	grid-area: trafficItemIconSize;
}

.netstats-interface-content-icon-packet {
	grid-area: trafficItemIconPacket;
}

.netstats-interface-content-RX-title, .netstats-interface-content-TX-title {
	font-weight: 400;
	font-size: 16px;
}
.netstats-interface-content-TX, .netstats-interface-content-RX {
	font-size: 15px;
	margin-bottom:8px;
}
.netstats-interface-content-RX-packets, .netstats-interface-content-TX-packets {
	font-size: 14px;
}
.netstats-interface-content-icon-packet, .netstats-interface-content-icon-size {
}

.netstats-interface-content div {
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
}
.netstats-interface img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	max-width: 35px;
	max-height: 30px;
}
.netstats-interface img+span {
	font-size: 12px;
}

.analyzer-refresh-box{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 20px;
	text-align: center;
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd;
	background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
	background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));
	background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
	background-repeat: repeat-x;
}

.load-balancer-analyzer{
	width: 100%;
	box-sizing: border-box;
	padding: 10px 3px 10px 3px;
	text-align: center;
}

.lb-hero-widget{
	display: grid;
	grid-template-rows: minmax(350px, auto);
	grid-template-columns: repeat(12, 1fr);
}

.lb-loader-widget{
	display: flex;
	flex-direction: column;
	gap: 50px;
	width: 100%;
	box-sizing: border-box;
	padding: 20px 0;
}

#load-balancer-analyzer-summary-box{
	grid-column: span 2;
}

.load_balancer_anim_img
{
	grid-column: span 8;
	margin: auto;
}

#load-balancer-analyzer-refresh-box{
	grid-column: span 2;
}

.font-semibold{
	font-weight: 600;
}

.mini-cards-box-lb-analyzer{
	display: flex;
	justify-content: center;
	padding: 20px;
	align-items: center;
	width: 100%;
	gap: 15px;
}

.mini-card-lb-analyzer{
	padding: 20px;
	box-shadow: 0 3px 5px rgba(0,0,0,.5);
	border-radius: 5px;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: grey;
	width: calc(16.666% - 20px);
	position: relative;
	background-color: #f5f5f5;
	border-color: #ddd;
	background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
	background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));
	background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
	background-repeat: repeat-x;
	transition: all ease-in-out 200ms;
}

.mini-card-lb-analyzer:hover{
	box-shadow: 0 5px 5px rgba(0,0,0,.7);
}

.mini-card-lb-analyzer span:first-child span:first-child{
	position: absolute;
	top: 5px;
	left: 5px;
	color: grey;
}

.mini-card-lb-analyzer span:nth-child(2) span:first-child{
	color: #333;
	font-weight: 700;
	font-size: 14px;
}

.mini-card-lb-analyzer span:nth-child(2){
	color: #333;
	font-weight: 700;
	font-size: 14px;
}

.chart-lb-analyzer{
	width: calc(30% - 20px);
	padding-bottom: 50px;
	height: 100%;
}

.chart-lb-analyzer:nth-child(2){
	width: calc(40% - 20px);
	aspect-ratio: 4/3;
}


.flex-center{
	display: flex;
	justify-content: center;
	align-items: center;
}

.justify-start {
	justify-content: flex-start;
}

.justify-end {
	justify-content: flex-end;
}
.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

.align-items-center {
	align-items: center;
}

.align-self-start {
	align-self: start;
}

.align-self-end {
	align-self: end;
}

.justify-self-end {
	justify-self: end;
}

.align-self-stretch {
	align-self: stretch;
}

.align-items-end {
	align-items: flex-end;
}

.mx-5
{
	margin-left: 5px;
	margin-right: 5px;
}

.mt-15 {
	margin-top: 15px;
}

.mt-17 {
	margin-top: 17px;
}

.mt-80{
       margin-top: 80px;
}
.mt-40{
       margin-top: 40px;
}

.p-10 {
	padding: 10px;
}

.px-10 {
	padding-left: 10px;
	padding-right: 10px;
}

.pb-10 {
	padding-bottom: 10px;
}

.pt-170 {
	padding-top: 170px;
}

.pr-40 {
	padding-right: 40px;
}

.pl-10 {
	padding-left: 10px;
}

.py-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.Updating_font{
	font-size: 20px;
}

.custom-dlg
{
	box-sizing: border-box;
	display: grid;;
	grid-gap: 10px;
	grid-template-columns: 1fr 3fr;
	width: 440px;
	max-height: 600px;
	overflow-y: auto;
}

.h-34 {
	height: 34px;
}

.max-h-80vh {
	max-height: 80vh;
}

.max-h-60vh {
	max-height: 60vh;
}

.max-w-95vw {
	max-width: 95vw;
}

.w-95-p
{
	width: 95%;
}

.max-h-34 {
	max-height: 34px;
}

.max-h-32 {
	max-height: 32px;
}

.max-h-100 {
	max-height: 100px;
}

.max-h-1\/1 {
	max-height: 100%;
}

.max-h-150 {
	max-height: 150px;
}

.max-h-300 {
	max-height: 300px;
} 

.max-h-600 {
	max-height: 600px;
}

.min-h-50{
	min-height: 50px;
}

.max-h-75 {
	max-height: 75px;
}

.col-span-2
{
	grid-column: 2 span;
}

.space-evenly
{
	justify-content: space-evenly;
	align-items: center;
}

.mb-10
{
	margin-bottom: 10px;
}

.mb-20
{
	margin-bottom: 20px;
}

.m-auto{
	margin: auto;
}

.m-0 {
	margin: 0;
}

.general-background{
	background-color: #f5f5f5;
	border-color: #ddd;
	background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
	background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));
	background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
	background-repeat: repeat-x;
}

.max-w-max {
    max-width: max-content;
}

.w-full {
	width: 100%;
}

.w-1\/2 
{
	width: 50%;
}

.max-w-full {
	max-width: 100%;
}

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

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

.pos-absolute {
	position: absolute;
}

.pos-relative {
	position: relative;
}

.position-sticky {
	position: sticky;
}

.top-50 {
	top: 50px;
}

.z-index-70{
	z-index: 70;
}

.toggle-legend-server-chart {
	top: 10px;
	left: 10px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	display: none;
}
.tabs-sso{
	max-width: 620px; 
	width:650px;
	max-height: 350px;
	height: 340px;
}
.panel_interfaces_sso{
	max-height:150px;
	max-width:500px;
	width:500px;
	height: fit-content;
	overflow: scroll;

}
.front_sso_lbls1{
	max-width:150px;
	width:183px;
	max-height:35px;
	height:35px;
}
.front_sso_lbls2{
	max-width:150px;
	width:143px;
	max-height:35px;
	height:35px;
}
.cnt_error{
	width:500px;
	max-height:400px;
	min-height:100px;
	overflow:auto;
}

.btn-square-normal {
	aspect-ratio: 1 / 1;
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 34px;
	max-width: 34px;
	min-height: 34px;
	max-height: 34px;
	padding: 9px;
}

.btn-square-normal img{
	width: 14px;
	height: 14px;
	max-height: 14px;
	max-width: 14px;
}

.min-w-500 {
	min-width: 500px;
}

.min-w-400 {
	min-width: 400px;
}

.min-w-50 {
	min-width: 50px;
}

.min-w-half {
	min-width: 50%;
}

.min-w-150 {
	min-width: 150px;
}

.w-73 {
	width: 73px;
}

.w-200 {
	width: 200px;
}
.w-500 {
	width: 500px;
}
.w-250 {
	width: 250px;
}
.w-3\/4 {
	width: 75%;
}

.w-1\/4 {
	width: 25%;
}

.max-w-500 {
	max-width: 500px;
}

.max-w-700 {
	max-width: 700px;
}

.max-w-650 {
	max-width: 650px;
}

.max-w-43 {
	max-width: 43px;
}

.bg-white {
	background-color: #FFFFFF;
}

.break-all {
	word-break: break-all;
}

.select-all {
	user-select: all;
}

.led-phone-num{
	width:400px;
}

.interface-gateway
{
	box-sizing: border-box;
	display: grid;;
	grid-gap: 10px;
	grid-template-columns: 1fr 3fr;
	overflow-y: auto;
}

.col-span-4
{
	grid-column: 4 span;
}

.col-span-1
{
	grid-column: 1 span;
}

.top-5{
	margin-top:5px;
}
.mrg-left{
	margin-left: 40px;
}

.mrg-left-65{
	margin-left: 65px;
}

.width-645{
	width: 645px;
}
.width-500{
	width: 500px;
}
.update_setting_server_info
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding:2px;
}
.margin-up{
	margin: 10px 10px 10px 10px;
}
.element_of_dlg_os_log{
        border-radius: 5px;
	width: 400px;
	height: 35px;
	font-size: 12px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 125px;
	padding:2px;
}
.os_update_tabs{
	
	max-height:62vh;
	min-height:30vh;
	overflow-y: scroll;
}

.overlay-chart-calc {
	position: absolute;
	z-index: 50;
	top: 0;
	width: 100%;
	height: 100%;
	left: 0;
	background-color: rgba(255,255,255,0.65);
}

.loading-chart-calc {
	position: fixed;
	z-index: 60;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	display: flex;
	justify-content: center;
	align-items: center;
}

.lottie-container {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
}

.order-4 {
	order: 4;
}

.ml-20 {
	margin-left: 20px;
}

.p-5 {
	padding: 5px;
}

.p-3 {
	padding: 3px;
}

.h-full {
	height: 100%;
}

.lb-site-chart {
	height: calc(100% - 20px);
	min-width: 100%;
}

.lb-site-chart-title {
	height: 20px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: rgba(0,0,0,0.6);
	font-weight: 700;
}

.flex-grow-1 {
	flex-grow: 1;
}

.max-w-255 {
	max-width: 255px;
}

.os_apply_btn{
	min-width: 30px;
	max-width: 55px;
	min-height: 25px;
	max-height: 30px;
	width: 55px;
	height: 25px;
	padding: 1px;
	font-size: 12px;
	border-radius: 2px;
	object-position: right top;
	position: absolute;right:0;top:0;
}
.cont-os-log{
	padding: 2px 5px 0 3px;
	font-size:12px;
}

.max-w-100 {
	max-width: 100px;
}

.max-w-150 {
	max-width: 150px;
}

.max-h-35 {
	max-height: 35px;
}

.max-h-43 {
	max-height: 43px;
}

.max-h-40 {
	max-height: 40px;
}

.max-h-max{
	max-height: max-content;
}

.interface_gw_input {
	min-width: auto;
	min-height: 32px;
	max-width: 600px;
	max-height: 48px;
}

.cnt-country-info{
	grid-template-columns: 1fr 1fr 1fr;
	display: grid;
	overflow-y: auto;
	width: 285px; 
	height: 370px;
	top: 100%;
	left: 0px;
}

.width-140{
	width: 140px;
}

.cnt-country-info img{
	height:15px;
	width:15px;
}

.hidden{
	display: none;
}

.top-100{
	top: 100%;
}

.h-50{
	height: 50px;
}

.overflow-y-auto {
	overflow-y: auto;
}

.overflow-x-auto {
	overflow-x: auto;
}
.spn-server-zone{
     max-width: 70px;
     max-height: 35px;
     min-width: 50px;
     min-height: 35px;
     width: 70px;
     height: 35px;
}
.tab-os .nav{
     left: 58px;
     right: 58px;
     top: 50px;
     z-index: 65;
     position: fixed;
     background: white;
}
.tab-os-cont-add{
     left: 58px;
     right: 58px;
     top: 89px;
     z-index: 65;
     position: fixed;
     background: white;
     padding: 5px 0px;
     display: flex;
     justify-content: space-between;    
}
.btn-apply{
     min-width: 30px;
     max-width: 55px;
     min-height: 25px;
     max-height: 30px;
     width: 55px;
     height: 25px;
     padding: 1px;
     font-size: 12px;
     border-radius: 2px;     
}
.minstyl{
    display: flex;
    justify-content: space-between; 
    align-items: center;
    width:700px;
    padding: 2px;
}

.custom-flex-dlg {
	display: flex;
	padding: 15px;
	width : auto !important;
	height: auto !important;
}

.custom-flex-dlg > div > div > div {
	position: static !important;
}

.custom-flex-dlg > div 
{
	width : auto !important;
	height: auto !important;
}

.custom-flex-dlg *div 
{
	width : auto !important;
	height: auto !important;
}

@keyframes fadeIn {
  0% { opacity: 0; width:50px;}
  100% { opacity: 1; width:350px;}
}

@keyframes fadeIn-380 {
  0% { opacity: 0; width:50px;}
  100% { opacity: 1; width:380px;}
}

.fade-in { 
	animation: fadeIn 1s;
	animation-fill-mode: forwards;
}

.fade-in-w-380 { 
	animation: fadeIn-380 1s;
	animation-fill-mode: forwards;
}

.anim-delay-100-ms {
	animation-delay: 100ms;
}

.anim-delay-200-ms {
	animation-delay: 200ms;
}

.anim-delay-300-ms {
	animation-delay: 300ms;
}

.anim-delay-400-ms {
	animation-delay: 400ms;
}

.next-button {
	color: #fff;
	background: #3ac45c;
}

.next-button:hover{
	color: #fff;
	background: #1E8449;
}

.next-button:focus{
	color: #fff;
	background: #3ac45c;
}

.previous-button {
	color: #fff;
	background: #E67E22;
}

.previous-button:lang(fa){
	transform:rotate(180deg);
}

.next-button:lang(fa){
	transform:rotate(180deg);
}

.previous-button:hover{
	color: #fff;
	background: #CC7223;
}

.previous-button:focus{
	color: #fff;
	background: #E67E22;
}


.cancel-button {
	color: #fff;
	background: #cf2727;
}

.cancel-button:lang(fa){
	transform:rotate(180deg);
}

.cancel-button:hover{
	color: #fff;
	background: #b50c0c;
}

.cancel-button:focus{
	color: #fff;
	background: #cf2727;
}


.font-size-25
{
	font-size: 25px;
	padding: 5px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 7px;
}

.custom-dlg-flex-content {
	max-width: 500px;
	padding: 10px;
	max-height: 500px;
	overflow-y: auto;
	word-break: break-all;
	word-wrap: break-word;
	display: flex;
	flex-direction: column;
	min-width: 400px;
}

.max-w-900 {
	max-width: 900px;
}

.max-w-300 {
	max-width: 300px;
}

.max-w-300-anim {
	max-width: 300px;
	width: 50px;
}

.w-90 {
	width: 90px;
}

.ml-10 {
	margin-left: 10px;
}

.mr-10 {
	margin-right: 10px;
}

.my-10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.text-left {
	text-align: left;
}

.w-150 {
	width: 150px;
}

.h-35 {
	height: 35px;
}

.h-32 {
	height: 32px;
}

.w-35 {
	width: 35px;
}

.items-center {
	align-items: center;
}

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

.div-mb-10 div {
	margin-bottom: 10px;
}

.info-btn {
	border: none;
	color: blue;
	font-size: 20px;
	background: none;
	box-shadow: none;
} 

.info-btn:hover {
	border: none;
	color: orange;
	font-size: 20px;
	background: none;
	box-shadow: none;
}

.col-start-2 {
	grid-column-start: 2;
}

.align-self-center { 
	align-self: center;
}

.sv-name-grid-items {
	display: grid;
	grid-template-columns: 0.7fr 1fr;
	border-radius: 13px;
}

.bgp-config-dialog-n-tab{
	margin-top: 10px;
	box-sizing: border-box;
	max-height: 400px;
	overflow-y: auto;
}

.grid-1-6
{
	display: grid;
	grid-template-columns: 1fr 6fr;
	grid-gap: 5px;
}
.widget-container
{
	grid-column: 1 / 3;
}


.bx-sz-b {
	box-sizing: border-box;
}

.mt-20 {
	margin-top: 20px;
}

.mt-37 {
	margin-top: 37px;
}

.ml-34 {
	margin-left: 34px;
}

.bgp-dialog {
	min-width: 600px;
	min-height: 450px;
	max-width: 627px;
	max-height: max-content;
}

.dropdown-page-all-panel {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;		
}

.dropdown-page-all-panel-grid {
	display: grid;
	grid-template-columns: 20px auto;
	grid-column-gap: 5px;
	grid-row-gap: 10px;		
}

.dropdown-page-all-panel-grid input[type="checkbox"] {
	margin: 0;		
}

.dropdown-page-dialog {
	width: 620px;		
}

.dropdown-dialog-buttons {
	display: flex;
  	gap: 5px;
  	grid-column: 2 span;
  	margin-top: 10px;
}

.max-width-fit-content {
	max-width: fit-content;
}

.main-dashboard-NSD {
	width: 100%;
	box-sizing: border-box;
	display: grid;
	grid-template-rows: 270px 170px 350px auto;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-areas:
	"mSystInfo mSystInfo mSystInfo mShortcut mShortcut mShortcut mShortcut mShortcut mShortcut mShortcut mShortcut mShortcut"
	"mSystInfo mSystInfo mSystInfo mOVGauges mOVGauges mOVGauges mOVGauges mDomStPie mDomStPie mDomStPie mDomStPie mDomStPie"
	"mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar mDomStPie mDomStPie mDomStPie mDomStPie mDomStPie"
	"mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist";
	grid-gap: 15px;
	padding: 10px 3px 10px 3px;
}


.main-dashboard-NSD #dashboard-sys-info-box-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 20px;
	height: 100%;
}

.main-dashboard-NSD #dashboard-sys-info-box-content > div {
	height: 100px;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	padding: 10px;
	gap: 10px;
	justify-content: flex-start;
	align-items: center;
	text-align: center;
	overflow: hidden;
	width: 100%;
}

.main-dashboard-NSD #dashboard-sys-info-box-content > div:first-child {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}

.main-dashboard-NSD #dashboard-sys-info-box-content > div:first-child > div:last-child {
	height: 150%;
	aspect-ratio: 1/1;
	padding: 0;
}

.main-dashboard-NSD #dashboard-sys-info-box-content > div:nth-child(2),
.main-dashboard-NSD #dashboard-sys-info-box-content > div:nth-child(3),
.main-dashboard-NSD #dashboard-sys-info-box-content > div:last-child {
	background-image: linear-gradient(135deg, #265a88 50%, #1a466c 100%);
}

.main-dashboard-NSD #dashboard-sys-info-box-content > div:last-child > span:first-child,
.main-dashboard-NSD #dashboard-sys-info-box-content > div:nth-child(2) > span:first-child,
.main-dashboard-NSD #dashboard-sys-info-box-content > div:nth-child(3) > span:first-child {
	align-self: flex-start;
	text-align: left;
	max-width: max-content;
	font-weight: 600;
	color: white;
	font-size: 16px;
}

.main-dashboard-NSD #dashboard-sys-info-box-content > div:last-child > span:nth-child(2),
.main-dashboard-NSD #dashboard-sys-info-box-content > div:nth-child(2) > span:nth-child(2),
.main-dashboard-NSD #dashboard-sys-info-box-content > div:nth-child(3) > span:nth-child(2) {
	color: #dadada;
	font-size: 14px;
	font-weight: 600;
}

.main-dashboard-NSD #dashboard-sys-info-box-NSD{
	grid-area: mSystInfo;
}

.main-dashboard-NSD .general-grid-child {
	border-radius: unset;
	border: unset;
	box-shadow: unset;
	padding: 0;
	background: #eeeeee;
	border-radius: 10px;
}

.main-dashboard-NSD .dashboard-item-title{
	background-color: unset;
	border-color: unset;
	background-image: unset;
	background-image: unset;
	background-image: unset;
	background-image: unset;
	filter: unset;
	background-repeat: unset;
	border-bottom: unset;
	border-radius: unset;
	width: 100%;
	padding: 10px;
	height: 50px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-weight: 900;
	color: midnightblue;
	font-size: 18px;
	align-self: center;
	max-width: max-content;
}

.main-dashboard-NSD #dashboard-shortcuts-box .dashboard-item-content {
	display: flex;
}

.main-dashboard-NSD #dashboard-shortcuts-box .dashboard-item-content > div:first-child {
	height: 100%;
	aspect-ratio: 1/1;
}

.main-dashboard-NSD #dashboard-shortcuts-box .dashboard-item-content > div:nth-child(2) > button {
	border-radius: 50%;
	padding: 5px;
	margin: 0 !important;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px !important;
	height: 45px !important;
	max-width: unset !important;
	max-height: unset !important;
	font-weight: 600;
}

.main-dashboard-NSD #dashboard-shortcuts-box .dashboard-item-content > div:nth-child(3) {
	overflow-y: auto;
	padding-left: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.main-dashboard-NSD #dashboard-shortcuts-box .dashboard-item-content > div:nth-child(2) {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
}

.main-dashboard-NSD #dashboard-shortcuts-box .dashboard-item-content .edit_btn {
	border-radius: 50%;
}

.main-dashboard-NSD #dashboard-shortcuts-box .dashboard-item-content .apply_btn {
	border-radius: 10px;
}

.main-dashboard-NSD #dashboard-shortcuts-box .dashboard-item-content > div:nth-child(3) table {
	height: 100%;
	border: unset;
	max-width: 100%;
	background-color: transparent;
}

.main-dashboard-NSD #dashboard-shortcuts-box .dashboard-item-content > div:nth-child(3) .table-striped > tbody > tr:nth-of-type(2n+1) {
	background-color: transparent;
}

.main-dashboard-NSD #dashboard-shortcuts-box .dashboard-item-content > div:nth-child(3) table td:empty {
	display: none;
}

.main-dashboard-NSD #dashboard-shortcuts-box .dashboard-item-content > div:nth-child(3) table td {
	border-radius: 10px;
	background: white;
	text-align: center;
	border: unset;
}

.main-dashboard-NSD #dashboard-shortcuts-box .dashboard-item-content > div:nth-child(3) table td select {
	border-radius: 10px;
}

.main-dashboard-NSD #dashboard-shortcuts-box .dashboard-item-content > div:nth-child(3) table tr {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

.main-dashboard-NSD #dashboard-sys-overview-gauge-box-content-NSD {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	align-items: center;
	gap: 10px;
	width: 100%;
}

.main-dashboard-NSD #dashboard-sys-overview-gauge-box-content-NSD > div {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	align-items: center;
	width: 100%;
	padding: 5px;
	border-radius: 10px;
	height: 100%;
}

.main-dashboard-NSD #dashboard-sys-overview-gauge-box-content-NSD > div:first-child {
	background: rgb(18, 143, 25);
}

.main-dashboard-NSD #dashboard-sys-overview-gauge-box-content-NSD > div:nth-child(2) {
	background: rgb(211, 93, 0);
}

.main-dashboard-NSD #dashboard-sys-overview-gauge-box-content-NSD > div:nth-child(3) {
	background: #1574b6;
}

.main-dashboard-NSD #dashboard-sys-overview-gauge-box-content-NSD > div > div {
	width: 100%;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	color: white;
}

.main-dashboard-NSD #dashboard-domain-name-stats-pie-box .dashboard-item-content > div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
}

.main-dashboard-NSD #dashboard-domain-name-stats-pie-box .dashboard-item-content > div > div {
	width: 100%;
	padding: 20px;
}

.main-dashboard-NSD #dashboard-domain-name-stats-pie-box .dashboard-item-content > div > div:last-child {
	width: 70%;
}

.main-dashboard-NSD #dashboard-domain-name-stats-pie-box .dashboard-item-content > div > div:first-child .apexcharts-legend {
	flex-direction: row-reverse
}

.main-dashboard-NSD .netstats-interface {
	display: flex;
	max-height: max-content;
	min-height: max-content;
	align-content: center;
	justify-content: center;
	padding: 0;
	margin: auto;
	background-image: url("../icon/png/lanport.png");
	background-size: 70px;
	background-repeat: no-repeat;
	background-position: center;
}

.main-dashboard-NSD .netstats-interface:before,
.main-dashboard-NSD .netstats-interface:after{
	display: none;
}

.main-dashboard-NSD .netstats-interface-content {
	display: flex;
	flex-direction: column;
	height: 100%;
	background-color: transparent;
	text-align: center;
	justify-content: center;
	width: 140px;
	border-radius: unset;
	box-shadow: unset;
	padding:0 10px;
}

.main-dashboard-NSD .netstats-interface-content-title {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	order: 4;
	width: 100%;
}

.main-dashboard-NSD .netstats-interface-content-TX-title,
.main-dashboard-NSD .netstats-interface-content-RX-title {
	color: #000;
	font-size: 14px;
	font-weight: 600;
	margin: 0;
}

.main-dashboard-NSD .netstats-interface-content-TX {
	order: 1;
}

.main-dashboard-NSD .netstats-interface-content-TX-packets {
	order: 2;
}

.main-dashboard-NSD .netstats-interface-content-TX-title {
	order: 3;
	padding-bottom: 20px;
}

.main-dashboard-NSD .netstats-interface-content-TX-title div {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	gap: 5px;
	animation-duration: 500ms;
}

.main-dashboard-NSD .netstats-interface-content-TX-title div:after {
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 12px;
	content: '\ea25';
	color: black;
}

.main-dashboard-NSD .netstats-interface-content-TX-title div:before {
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 8px;
	content: '\ea55';
	color: #6eff6e;
	animation-name: flicker;
	animation-duration: inherit;
	animation-iteration-count: infinite;
}

.main-dashboard-NSD .netstats-interface-content-RX-title div {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	gap: 5px;
	animation-duration: 500ms;
}

.main-dashboard-NSD .netstats-interface-content-RX-title div:before {
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 12px;
	content: '\ea25';
	transform: rotate(180deg);
	color: black;
}

.main-dashboard-NSD .netstats-interface-content-RX-title div:after {
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 8px;
	content: '\ea55';
	color: #ff8c34;
	animation-name: flicker;
	animation-duration: inherit;
	animation-iteration-count: infinite;
}

@keyframes flicker {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.main-dashboard-NSD .netstats-interface-content-RX-title {
	order: 5;
	padding-top: 20px;
}

.main-dashboard-NSD .netstats-interface-content-RX {
	order: 6;
}

.main-dashboard-NSD .netstats-interface-content-RX-packets {
	order: 7;
}

.main-dashboard-NSD .netstats-interface-content-RX,
.main-dashboard-NSD .netstats-interface-content-TX {
	color: black;
	font-size: 14px;
	font-weight: 500;
	margin: 0;
}

.main-dashboard-NSD .netstats-interface-content-TX-packets,
.main-dashboard-NSD .netstats-interface-content-RX-packets {
	color: #000;
	font-size: 14px;
	font-weight: 500;
}

.main-dashboard-NSD #dashboard-site-network-traffic-stats-chart-box-content {
	background: transparent;
	justify-content: center;
	align-items: center;
	max-width: max-content;
	gap: 10px;
	padding: 0 5px;
	margin: auto;
	position: relative;
	z-index: 2;
	overflow-y: hidden;
	overflow-x: auto;
	flex-wrap: nowrap;
}
.main-dashboard-NSD #dashboard-site-network-traffic-stats-chart-box-content:before {
	background: white;
	height: 100px;
	border: 2px solid midnightblue;
	border-radius: 10px;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	bottom: 0;
	left: 0;
	right: 0;
	padding: 5px;
	position: absolute;
	z-index: -1;
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 16px;
	content: '\e91c';
}
.main-dashboard-NSD .netstats-interface-content-icon-packet {

}

.main-dashboard-NSD .netstats-interface-content-icon-packet,
.main-dashboard-NSD .netstats-interface-content-icon-size {
	display: none;
}

.main-dashboard-NSD .netstats-interface-content-icon-packet span,
.main-dashboard-NSD .netstats-interface-content-icon-size span {
	font-size: 10px;
	font-weight: 500;
	color: black;
}
.main-dashboard-NSD .netstats-interface-content-icon-size span:before,
.main-dashboard-NSD .netstats-interface-content-icon-packet span:before {
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 16px;
	display: block;
}

.main-dashboard-NSD .netstats-interface-content-icon-packet span:before {
	content: "\e945";
}

.main-dashboard-NSD .netstats-interface-content-icon-size span:before {
	content: "\e9a6";
}

.dashboards-NSD > .nav {
	padding-top: 5px;
}

.dashboards-NSD > .nav > li > a {
	color: midnightblue;
	background: transparent;
	border: 2px solid transparent;
	border-radius: 5px;
}

.dashboards-NSD > .nav > .active > a {
	color: white;
	background-image: linear-gradient(135deg, #5c61c7 0%, #8BC6EC 100%);
	border-color: transparent;
}

.dashboards-NSD > .nav > li > a:hover {
	color: white;
	background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
	border: 2px solid transparent;
}

.dashboards-NSD > .nav > li:only-child {
	display: none;
}

.default-server {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-row-gap: 10px;
	grid-column-gap: 50px;
	align-items: center;
	justify-content: center;
}

.main-dashboard-product-NSD {
	grid-template-areas:
	"mSystInfo mSystInfo mSystInfo mShortcut mShortcut mShortcut mShortcut mShortcut mShortcut mShortcut mShortcut mShortcut"
	"mSystInfo mSystInfo mSystInfo mOVGauges mOVGauges mOVGauges mOVGauges mOVGauges mOVGauges mOVGauges mOVGauges mOVGauges"
	"mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar"
	"mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist";
}

.main-dashboard-operator-NSD {
	grid-template-areas:
	"mSystInfo mSystInfo mSystInfo mSystInfo mSystInfo mSystInfo mSystInfo mSystInfo mSystInfo mSystInfo mSystInfo mSystInfo"
	"mOVGauges mOVGauges mOVGauges mOVGauges mOVGauges mOVGauges mOVGauges mDomStPie mDomStPie mDomStPie mDomStPie mDomStPie"
	"mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar mDomStPie mDomStPie mDomStPie mDomStPie mDomStPie"
	"mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist";
}

.main-dashboard-product-operator-NSD {
	grid-template-areas:
	"mSystInfo mSystInfo mSystInfo mSystInfo mSystInfo mSystInfo mSystInfo mSystInfo mSystInfo mSystInfo mSystInfo mSystInfo"
	"mOVGauges mOVGauges mOVGauges mOVGauges mOVGauges mOVGauges mOVGauges mOVGauges mOVGauges mOVGauges mOVGauges mOVGauges"
	"mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar mSiteChar"
	"mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist mSystHist";
}

.main-dashboard-product-operator-NSD #dashboard-sys-info-box-content,
.main-dashboard-operator-NSD #dashboard-sys-info-box-content {
	flex-direction: row;
}

.status-btn {
	width: 84px;
	height: 30px;
	color: #fff;
	font-size:12px;
	border: none;
	background : linear-gradient(-45deg, #314182 35%, #337ab7 65%);
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	text-shadow : unset;
}

.status-btn:hover {
	color: #fff;
	background : linear-gradient(-45deg, #337ab7 35%, #314182 65%);
}

.status-btn:focus {
	color: #fff;
	background : linear-gradient(-45deg, #337ab7 35%, #314182 65%);
}

.vertical-align-middle {
	vertical-align: middle;
}

.status-table {
	min-width : 674px;
	max-height: 100%;
}
.status-table thead {
	position: sticky;
	top: 0;
	background: #efe1f0;
}

.status-table th,
.status-table td {
	max-width: 80px;
	text-align: center;
}

.status-table th:first-child,
.status-table th:last-child,
.status-table td:first-child,
.status-table td:last-child {
	max-width: fit-content;
}

.calendar-icon {
	background-image: url('../icon/png/dateTime.png');
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
	margin-right: 5px;
    	width: 20px;
    	height: 20px;
}
.help-promiscuousmode span {
	white-space: normal !important;
}

.order-1 {
	order: 1;
}

.order-2 {
	order: 2;
}

.order-3 {
	order: 3;
}

.online-update-os-waf-checkboxes {
	justify-content: start;
	padding-left: 198px;
	padding-top: 6px;
}

.offline-update-os-waf-gif{
  	max-width: 20%;
  	margin-left: 10%;
}

.apply-status-tabs div div {
	max-height: 250px;
	overflow-y: auto;
}

.mt-8 {
	margin-top: 8px;
}

.mt-10 {
	margin-top: 10px;
}

.ml-8 {
	margin-left: 5px;
}

.ml-0 
{
	margin-left: 0px !important;
}

.display-block {
	display: block;
}

.horiz-flex-adddeletemodel {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.wt-push-button-adddeletemodel {
    display: grid;
    align-items: center;
    margin: 2px;
    margin-top: 5px;
    padding: 8px;
    max-width: 43px;
    max-height: 32px !important;
}

.wt-line-edit-adddeletemodel {
    margin: 5px;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    max-width: 142px;
    max-height: 32px;
}

.wt-label-adddeletemodel {
    margin-right: 1px;
    margin-left: 4px;
    margin: 2px;
    padding: 1px;
}

.msg-box-width {
    width: 500px;
}

.btn-showAuditInfo-in-acc-style,
.btn-showAuditInfo-in-acc-style2 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 17px;
    margin-right: 17px;
    width: 36px !important;
    height: 36px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    border-radius: 50%;
    position: relative; 
}

.btn-showAuditInfo-in-acc-style::before,
.btn-showAuditInfo-in-acc-style2::before {
    content: "\f05a"; 
    font-family: FontAwesome; 
    font-size: 23px; 
    position: absolute;
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%);
}
.btn-showAuditInfo-in-acc-style::before {
    color: #1a75ff;
}
.btn-showAuditInfo-in-acc-style2::before {
    color: #ff4d4d;
}
.btn-showAuditInfo-in-acc-style:hover::before,
.btn-showAuditInfo-in-acc-style2:hover::before {
    color: black;
    font-size: 28px; 
}

.grid-container-panel-event-style {  
    width: 98%; 
    word-break: break-all;
    word-wrap: break-word;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    overflow: auto;
}

.btn-refresh-accinfo-panel-style {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    width: 80px !important;
    height: 35px !important;
    max-width: 90px !important;
    max-height: 40px !important;
    position: relative; 
}

.text-refresh-accinfo-panel-style {
   font-size: 15px;
}
.decode-button {
    max-width: 55px;
    max-height: 35px;
}

.container-main-extensions-htt-dlg-style {
    width: 98% !important; 
    display: flex;
    flex-direction: row;
    gap: 1px; 
    align-items: flex-start;
    justify-content: space-between;
    color: black;
}

.decode-button-container {
    position: sticky;
    top: -20px;
    z-index: 5;
    padding-top: 10px;
    background: white;
    margin-top: -14px;
    padding-bottom: 5px;
}

.container-extensions-htt-dlg-style {
    width: 47%;
    max-width: 47% !important;
    margin-left: 19px;
    margin-top: 15px;
       
}

.panels-extensions-htt-dlg-style {
    width: 98%;
    height: 98%;
    max-width: 99% !important;
    max-height: 99% !important;
}

.wt-line-edit-adddelet-extensions-style {
   
    margin-right: 10px;
    margin-left: 0px;
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    max-width: 160px;
    max-height: 32px;
}

.decode-dialog {
    min-width: 500px;
    min-height: 200px;
    max-width: 90vw; /* 90% of viewport width */
    max-height: 90vh; /* 90% of viewport height */
}

.decode-dialog-content {
    max-width: 90vw; /* 90% of viewport width */
    max-height: 80vh; /* 80% of viewport height */
    overflow-y: auto; /* Enable vertical scrolling */
}

.grid-1-3
{
	display: grid;
	grid-template-columns: 1fr 3fr;
	padding:2px;
	grid-gap: 10px;
	align-items: center;
}
.pl-15 {
    padding-left: 15px;
}
.min-h-300 {
    min-height:300px;
}
.pt-3 {
    padding-top:3px;
}
.w-785 {
    width: 785px;
}

.anti-ddos-widget-main {
	width: 100%;
	display: flex;
	column-gap: 30px;
	padding-bottom: 10px;
	flex-wrap: wrap;
}

.anti-ddos-widget-main:lang(fa)
{
	padding: 10px 20px;
}

.anti-ddos-widget-main > label:last-child {
	width: 100%;
	display: flex;
}

.anti-ddos-widget-setting {
	width: 100%;
	display: grid;
	grid-column-gap: 20px;
	grid-row-gap: 5px;
	grid-template-columns: 2fr 1fr 2fr 1fr;
	padding-top: 5px;
}

.anti-ddos-widget-thresholds {
	width: 100%;
	display: grid;
	grid-column-gap: 20px;
	grid-row-gap: 5px;
	grid-template-columns: 2fr 1fr 2fr 1fr;
	padding-top: 5px;
}

.anti-ddos-widget-main select {
	width: 165px;
}

.anti-ddos-widget-main input[type=text] {
	width: 100px;
}

.anti-ddos-widget-setting input,
.anti-ddos-widget-thresholds input {
	max-width: 200px;
	align-self: start;
}

.anti-ddos-widget-main label{
	margin: 0 !important;
}
.grid-6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr); 
    grid-gap: 15px; /* Space between items */
}
.grid-2-span {
	grid-column:2 span;
}
.grid-5-span {
	grid-column:5 span;
}

.click-text-site-arg-uri-style {
    cursor: pointer;    
    display: flex;
    justify-content: left;
    height: 30px;
}

.h-500 {
	height: 500px;
}

.h-570 {
	height: 570px;
}

.h-600 {
	height: 600px;
}

.grid-1-4
{
	display: grid;
	grid-template-columns: 1fr 4fr;
	padding:2px;
	grid-gap: 10px;
	align-items: center;
}

.ml-5 {
	margin-left: 5px;
}

.ml-15 {
	margin-left: 15px;
}

.h-257 {
	height: 257px;
}

.h-325 {
	height: 325px;
}

.min-w-274 {
	min-width: 274px;
}

.ml-37 {
  margin-left: 37px;
}

.ml-25 {
  margin-left: 25px;
}

.mb-62 {
	margin-bottom: 62px;
}

.grid-3
{
	display: grid;
	grid-template-columns: repeat(3, 320px);
	padding:2px;
	grid-gap: 10px;
	align-items: center;
}

.w-750 {
	width:750px;
}

.h-660 {
	height: 660px;
}

.h-692 {
  height: 692px;
}

.h-30 {
	height: 30px;
}

.w-auto {
	width: auto;
}

.max-w-540 {
	max-width: 540px;
}

.dns-dialog {
	min-width: 600px;
	min-height: 300px;
	max-width: 627px;
	max-height: 420px;
}
.grid-8 {
    display: grid;
    grid-template-columns: repeat(8, 1fr); 
    grid-gap: 15px; /* Space between items */
}
.grid-3-span {
	grid-column:3 span;
}
.grid-7-span {
	grid-column:7 span;
}
.w-860 {
    width: 860px;
}
.pb-9 {
	padding-bottom: 9px;
}
.ahc-anim-img
{
	grid-column: span 8;
	object-fit: fill;
  	width: 550px;
	margin: auto;
}
.mini-cards-box-ahc-analyzer div {
	height:110px;
}
.chart-ahc-analyzer{
	width: calc(20% - 20px);
	padding-bottom: 50px;
	height: 370px;
	align-self: end;
}
.chart-ahc-analyzer:nth-child(1){
	width: calc(60% - 20px);
}
.cors_tab {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	padding:10px;
	grid-gap: 10px;
	align-items: center;
}
.cors-trees{
	max-width: 450px;
	height: 325px;
	overflow-y: scroll;
}
.col-span-3
{
	grid-column: 3 span;
}
.tb_ip_tbl{
	max-height:159px;
	height:159px;
	overflow:auto;
	min-width: 447px;
}
 
.tb_ip_tbl table {
	width: 100%;
}

.tag:empty {
	display: none;
}

.tag {
    	position: relative;
    	background-color: #E0E0E0;
    	padding: 4px;
    	border-radius: 5px;
  	display: inline-block;
 	margin: 2px;
 	word-break: break-all;
}