body{background-color: transparent; font-family: "Open Sans",sans-serif; font-size: 13px;}

.dropdown-menu , .form-control {
	font-size: 13px;
}
.color_picker {
	padding: 0 0 0 5px;
}

.small_text_box {
	padding: 0 0 0 5px;
	height: 31px;
	display: inline;
	vertical-align: middle;
}
.cf_tabs_container_main_default #tab1 .small_text_box {
    max-width: 250px;
}
.bcheckbox .btn span.glyphicon {
	opacity: 0;
}
.bcheckbox .btn.active span.glyphicon {
	opacity: 1;
}

.bcheckbox label{
	height: 19px;
	padding: 0;
	width: 19px;
}

.bcheckbox .btn{
	padding: 0;
	line-height: 18px;
}

.bootstrap-switch .bootstrap-switch-container {
	height: 28px;
}

.table {}
.table td{
	font-size: 13px;
	word-wrap:break-word;
	}

.table .tool{
	height: 23px;
	width: 23px;
	padding: 0;
}

.table .toolcell{
	width: 25px;
	vertical-align: middle;
	text-align: center;
}

.table_header
{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	display: table-cell;
	text-align: initial ;
	font-size: 13px;
	font-weight: bold;

}

.table th.btn {
	cursor: auto;
	text-align: left;
	border-bottom: 0;
	border-right: 0;

}
.table th.btn:hover {
	text-align: left;
	border-bottom: 0;
	border-right: 0;
	border-color: #dddddd;
}


.divcontainer{
	width: auto;
	height: auto;
	display: inline;
}

/* the above code is for bootstrap ------------------------*/

.cf_tabs_main_default {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: visible;
	min-height: 45px;
	margin-bottom: 5px;
	padding-left: 9px;
	border-top: 4px solid #474747;
	background: url("images/tab_bg.png") repeat-x scroll 0 bottom #FFFFFF;
}

ul.cf_tabs_main_default li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin-left: 1px;
    position: relative;
    float:left;
    min-height: 35px;

}
ul.cf_tabs_main_default li a {
    color: #333333;
    font: bold 12px/41px Arial,Helvetica,sans-serif;
    outline: 0 none;
    padding: 0 15px;
    text-decoration: none;
}
ul.cf_tabs_main_default li a:hover {
  color: #999999;  
}

ul.cf_tabs_main_default li.active  {
	background: url("images/tab_active_bg.png") repeat-x scroll 0 bottom #474747;
	-webkit-border-bottom-right-radius: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomright: 9px;
	-moz-border-radius-bottomleft: 9px;
	border-bottom-right-radius: 9px;
	border-bottom-left-radius: 9px;
}
ul.cf_tabs_main_default li.active a {
    color:#ffffff;
}
.cf_tabs_content_main_default {
	font-size: 12px;
	background-color: #ffffff;
	padding: 5px 20px;
}
.cf_tabs_container_main_default {
	background-color: #ffffff;
	padding-bottom:10px;
	border:1px solid #999;
	overflow:hidden;
	clear:both;
	float:left;
	min-width: 820px;
	width:100%;
	-webkit-border-radius:15px;
	-webkit-border-top-left-radius:0;
	-webkit-border-top-right-radius:0;
	-moz-border-radius:15px;
	-moz-border-radius-topleft:0;
	-moz-border-radius-topright:0;
	border-radius:15px;
	border-top-left-radius:0;
	border-top-right-radius:0;
}

.cf_tabs_sub_default {
	padding: 0;
	list-style: none;
	overflow: visible;
	min-height: 40px;
	margin-bottom: 5px;
	padding-left: 5px;
	background-color: #f7f7f7;
	-webkit-border-bottom-right-radius: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-bottomright: 9px;
	-moz-border-radius-bottomleft: 9px;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-topright: 9px;
	border-bottom-right-radius: 9px;
	border-bottom-left-radius: 9px;
	border-top-right-radius: 9px;
	border-top-left-radius: 9px;
}
ul.cf_tabs_sub_default li {
	float: left;
	margin-left: 1px;
	min-height: 29px;
	position: relative;
	font-family: Tahoma, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	padding-top: 6px;
	margin-top: 5px;
}
ul.cf_tabs_sub_default li a {
	color: #333333;
	outline: 0 none;
	padding: 0 15px;
	text-decoration: none;
}
ul.cf_tabs_sub_default li a:hover {
	color: #999999;
}

ul.cf_tabs_sub_default li.active  {
	background-color:#474747;
	-webkit-border-bottom-right-radius: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-bottomright: 9px;
	-moz-border-radius-bottomleft: 9px;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-topright: 9px;
	border-bottom-right-radius: 9px;
	border-bottom-left-radius: 9px;
	border-top-right-radius: 9px;
	border-top-left-radius: 9px;
}
ul.cf_tabs_sub_default li.active a {
	color:#ffffff;
}
.cf_tabs_content_sub_default {
	font-size: 12px;
	background-color: #ffffff;
	padding: 10px;
}
.cf_tabs_container_sub_default {
	background-color: #ffffff;
	clear: both;
	float: left;
	margin-bottom: 10px;
	min-width: 820px;
	width: 100%;
}


.submit_buttons {min-height:30px; cursor: pointer; font-family:Tahoma;font-size:12px; margin-bottom:5px; background: url("images/tab_active_bg.png") repeat-x scroll center top  #474747 ;border:1px solid #000;color:#FFF;display:inline-block;margin:2px!important;padding:2px 8px}
.submit_buttons:hover {background:none #555555;color:#FFF}

.info_icon { width:32px; height:32px; background:url(images/large-info.png) 0 0; float:left; margin-top: -7px; margin-right: 7px; }
.warning_icon { width:32px; height:32px; background:url(images/dialog-warning.png) 0 0; float:left; margin-top: -7px; margin-right: 7px; }
.success_icon { width:32px; height:32px; background:url(images/action_success.png) 0 0; float:left;  margin-top: -7px; margin-right: 7px; }
.failure_icon { width:30px; height:30px;  background:url(images/error.png) 0 0; float:left; margin-top: -7px; margin-right: 7px; }

.del_template { width:16px; height:16px; background:url(images/delete.png) no-repeat 0 0; }
.add_template { width:16px; height:16px; background:url(images/add.png) no-repeat 0 0;}
.search_template { width:16px; height:16px; background:url(images/search.png) no-repeat 0 0; }
.edit_template {width:16px; height:16px; background:url(images/edit.png) no-repeat 0 0;}
.go_link_template {width:16px; height:16px; background:url(images/go_link.png) no-repeat 0 0;}

a.help_link{  line-height: 24px; background:url(images/help_off.png) no-repeat left center; padding-left:28px; margin-top: -15px; float:right; text-decoration: none; font-szie: 12px}
a.help_link:hover { background:url(images/help_over.png) no-repeat left center;}

.add_link {height:26px; background:url(images/add.png) no-repeat 0 0; background-position: left center; line-height: 26px; padding-left:21px; padding-right:5px;}
.del_link {height:26px; background:url(images/delete.png) no-repeat 0 0; background-position: left center; line-height: 26px; padding-left:21px; padding-right:5px;}
.search_link {height:26px; background:url(images/search.png) no-repeat 0 0; background-position: left center; line-height: 26px; padding-left:21px; padding-right:5px;}
.see_link {height:26px; background:url(images/see.png) no-repeat 0 0; background-position: left center; line-height: 26px; padding-left:22px; padding-right:5px;}
.link {height:26px; background:url(images/link.png) no-repeat 0 0; background-position: left center; line-height: 26px; padding-left:17px;}

.hint_text {font-size: 12px;color:#838383}

/* 25/06/2018 */
.test_inputs_div {
	position: absolute;
    right: 50px;
    top: -50px;
    z-index: 100;
    padding: 10px;
    border-left: 1px solid #ccc;
    box-sizing: border-box;
    width: 30%;
}
.test_inputs_div span#test_regx_btn {
    margin-top: 20px;
    display: inline-block;
}
.cf_tabs_container_main_default span.validate_txt {
    display: flow-root;
    color: red;
}
.test_output_div span.glyphicon.glyphicon.glyphicon-ok {
    color: green;
}
.test_output_div {margin-top: 20px;}

.test_output_div:before {
    content: "";
    display: table;
    clear: both;
}
.test_inputs_div h4 {
    font-weight: 700 !important;
    margin-top: 0 !important;
}
.test_inputs_div input#test_url_input {
    width: 100%;
}
span.test_loader
{
	width: 100px;
    display: block;
    position: relative;
    height: 10px;
    margin-top: 20px;
    margin-left: -14px;
}

input#redirect_from + .validate_txt {
    padding-left: 109px;
}

input#redirect_to + .validate_txt {
    padding-left: 109px;
}
/* loader */
.test_spinner {
  	box-sizing: border-box;
  	display: inline-block;
    height: 15px;
    width: 15px;
    margin: 0px 10px -4px 0px;
    border: 0px solid #27ae60;
    border-radius: 50%;
    box-shadow: 0 -4px 0 -2px #27ae60 inset;
    animation: rotate 1s infinite linear;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.test_inputs_div h4:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ccc;
    position:  absolute;
    bottom: 0;
}
.test_inputs_div h4 {
    position:  relative;
    padding-bottom: 25px;
    margin-bottom: 20px;
}
.test_inputs_div input#test_url_input {
    padding: 0 0 0 5px;
    height: 31px;
    display: inline;
    vertical-align: middle;
}
.test_output_div {
    font-size: 14px;
}
.test_output_div span.glyphicon {
	vertical-align: -1px;
}
.test_output_div span.glyphicon-remove + span {
	color: red;
    margin-left: 7px;
}

.test_output_div span.glyphicon-ok + span {
    color: green;
    margin-left: 7px;
}
.test_inputs_div input#test_url_input {
    max-width: initial !important;
}
.test_inputs_div a.learn_link {
    vertical-align: middle;
    margin-top: 16px;
    line-height: 19px;
    display: block;
    text-align: left;
}
.test_inputs_div a.learn_link span {
    margin-right: 4px;
    vertical-align: -4px;
    font-size: 18px;
}