html, body {
  height: 100%;
  margin: 0;
  color: #000;
  /*background: #B8B7B7;*/
  background: #fff;
  font: 12px Roboto, Tahoma, Verdana, Arial, Sans-Serif;
}
a {
  color: #000;
  font: 12px Roboto, Tahoma, Verdana, Arial, Sans-Serif;
  text-decoration: none;
}

span {
  /*font: bold 11px Tahoma, Verdana, Arial, Sans-Serif;*/
}
img {border: 0;}
form {margin: 0;}
input {font: 12px Roboto, Tahoma, Verdana, Arial, Sans-Serif;}

/* outline */
a, a:hover, a:focus, a:active, input, button{outline: 0;}

#brand_detail #brand_message {
position: absolute;  
}

.fwb > a {
font-weight: bold;  
}

.adm_socials {
text-align: center;  
}

.adm_socials a {
font-size: 20px;
margin: 0 3px;
color: #e5006c;  
}

.adm_socials a:hover {
color: #808080;  
}

.loader {
display: block;
position: relative;
left: 50%;
top: 50%;
width: 150px;
height: 150px;
margin: -75px 0 0 -75px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #75717e;
-webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
z-index: 1001;
}

.loader:before {
content: "";
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #e3146d;
-webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

.loader:after {
content: "";
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #f9c922;
-webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

.data_loading {
border: 3px solid #c7c7c7;
border-radius: 50%;
border-top: 3px solid #dc1e25;
display: block;
overflow: hidden;
text-indent: -100px;
-webkit-animation: spin 1s linear infinite; /* Safari */
animation: spin 1s linear infinite;
width: 20px;
height: 20px;
}



@-webkit-keyframes spin {
  0%   { 
    -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);  /* IE 9 */
    transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
  }
  100% {
    -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);  /* IE 9 */
    transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
  }
}
@keyframes spin {
  0%   { 
    -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);  /* IE 9 */
    transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
  }
  100% {
    -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);  /* IE 9 */
    transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
  }
}



.error {
   background: url(/images/validation_advice_bg.gif) no-repeat left;
   margin-top: 8px;
   padding: 0 0 0 17px;
   font: bold 11px Roboto, Verdana, Arial, Sans-Serif;
   color: red; /* error blocks */
}
.error_js{
 color: red; 
}
.error_el span.fa { z-index: 1000; color: #ff0000; top: -7px; left: -9px; font-size: 16px; position: absolute; }
.error_el .error_text {z-index: 1000; color: #ff0000; font-size: 12px; } 

.state-highlight-error {
   border: 1px dashed #ff0000;
   background: #FAEBE7;
}

.notify {
font-family: Roboto, Verdana, Arial, Sans-Serif;
font-size: 12px;
font-weight: bold;
color: #fff;
background: green;
}

.alert_message {
  color: #fff;
  background: red;
  font-size: 10px;
  font-weight: bold;
  padding: 3px;
}
.notify_message {
  color: #fff;
  background: green;
  font-size: 10px;
  font-weight: bold;
  padding: 3px;
}
.alert_message a {  color: #000;  font-weight: bold;}
input.box, .form input.box, input[type=checkbox] {  width: auto;}

input.button, input.icon, button {
  background: #D3D3D9 url(/images/admin/button-bg.gif) repeat-x;
  border: 1px solid #6C6C72;
  padding: 3px 10px;
  color: #000;
  cursor: pointer;
}
input.icon {  padding-left: 25px;  padding-right: 5px;  background-repeat: no-repeat; }
* html input.icon {padding-left: 10px; padding-right: 2px;} *

button {  padding: 3px 8px 3px 5px;  font: 12px Roboto, Tahoma, Verdana, Arial, Sans-Serif;  text-align: left;}
button img {  padding-right: 3px;}
.buttons {  background: #e1e1e1;  margin-top: 20px;  padding: 10px;}
/** PRICE **/
.price, .price-special {  color: red;}
.price-old {  text-decoration: line-through;}
td.price, th.price, .table th.price {  text-align: right;  color: #000;}
.price-total {  color: red;}
th.price-total, td.price-total, .table th.price-total {  text-align: right;}
.total {  border-top: 1px solid #6C6C72;  padding-top: 3px;  font-weight: bold;}
/** !PRICE **/

/*** form ***/
table.form  {
  width: 100%;
  border: 1px solid #ccc;
  font: 11px Tahoma, Verdana, Arial, Sans-Serif;
}
.form td {
  padding: 5px;
  background: #F5F5F5;
  border-bottom: 1px solid #ccc;
}
.form th {
  background: #E1E1E1;
  font-weight: bold;
  padding: 5px;
  text-align: center;
  border-bottom: 1px solid #ccc;
  color: #000;
}
.form span {  font-weight: normal;}
.asterisk {  color: red;}
.form-left {  text-align: left;  width: 160px;}
.form .info {  padding: 10px 0;  font-weight: bold;  text-align: center;}
.form .buttons {  padding-top: 10px;  text-align: center;  background: #e1e1e1;  border-bottom: 0;}
/*** !form ***/

/*** table ***/
.table {  width: 100%;  border: 1px solid #ccc;  font: 11px Tahoma, Verdana, Arial, Sans-Serif;}
.table th {
  background: #E1E1E1;
  font-weight: bold;
  padding: 5px;
  text-align: left;
  border-bottom: 1px solid #ccc;
  color: #000;
}
.table th.footer {  border-top: 1px solid #ccc;  border-bottom: 0;}
.table th a {  font-weight: bold;  text-decoration: none;  color: #000;}
tr.over {  background: #DDEAF3;}
tr.line0 {  background: #F5F5F5;}
tr.line1 {  background: #fff;}
tr.lineover {   background: #DDEAF3;}
tr.lineselect {  background: #cfc;  font-weight: normal;  }
.table tr.active {  background: #ccc;  font-weight: normal;  }
.table tr.active a {  }
.table td.order-desc {  background: url(/images/admin/bg-desc.gif);}
.table td.order-asc {  background: url(/images/admin/bg-asc.gif);}
.table td:not(.nopad) {  padding: 3px;}
.table td table td {}
.table td a {  text-decoration: none;}
.table td.edit {  text-align: center;  white-space: nowrap;}
.table td.edit a {  font-weight: normal;}
/*** !table ***/

/*** ADMIN SHOW ***/
table.admin-show {  width: 100%;}
table.admin-show .border, table.admin-show .border-none-top {  border: 1px solid #ccc;  border-top: 0;  padding: 10px;}
.admin-show td.border {  border: 1px solid #ccc;}
.elements {	background:#fff; position:relative; margin-left:40px; margin-top:0px;}
.elements_nomargin{	margin-left:0px;}
#content.elements, #content > #elements{	margin-left:0px;}
.treeview .elements_nomargin {margin-left:40px; }

/*** ADMIN SHOW ***/

/** ORDER **/
.received {  color: #46AD2E;}
.processing {  color: #FFA711;}
.shipped {  color: #973232;}
.onhold, .refunded, .canceled {}

.paid	{color: #46AD2E;}
.no_response	{color: #FF0000;}
.declained	{color: #AAAAAA;}

/** !ORDER **/

/*   pageTab  */
ul.pageTab {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

ul.pageTab li {
  padding: 0;
  list-style: none;
  display: inline;
}
ul.pageTab li.current, a.begin, a.end, a.previous, a.next, a.page {
  padding: 2px 7px;
  margin: 0 -3px;
  background: #f9f9f9;
  border: 1px solid #F5F5F5;
  color: #666;
}
ul.pageTab a.begin:hover, a.end:hover, a.previous:hover, a.next:hover, a.page:hover {
  background: #F5F5F5;
}
ul.pageTab li.current {
  background: #ccc;
  color: #F5F5F5;
}
/*  !pageTab  */


/*/////////////////////////////////////////*/
/*/////////////////////////////////////////*/
/*/////////////////////////////////////////*/
#top {  height: auto;  vertical-align: top;  border: 1px solid #fff;}
#fheader {  background: #e1e1e1;  font-weight: bold;  border-bottom: 1px solid #f9f9f9;}
#fheader a {  font-weight: bold;  text-decoration: none;  color: #000;}
#navigation {  padding: 3px 0 0 10px;}

#title {  font-size: 14px;  padding: 1px 12px 3px 3px;  color: #000;  float:right;}

#body {
width: 100%;
background: #fff;
/*border: 2px solid #3fa6d2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;*/
}
.border {  border: 1px solid #ccc;}
#content {  padding: 10px;  height: 100%;}
#fleft, #fcontent {  background: #F9F9F9 url(/images/admin/content-bg.gif) repeat-x;  border: 1px solid #3fa6d2;}
#footer {  background: #dfdbdc;  border-bottom: 1px solid #f9f9f9;  height: 45px;  text-align: center;  padding-top: 7px;}

/*** LEFT MENU ***/
.navlist {  margin: 0;  padding: 0px;  margin-left: 0;}
.navlist li {  list-style: none;  border-top: 1px solid #fff; white-space: nowrap; }
.navlist li.top {  background: #96969c;  border: 0;}
.navlist li.bottom {  background: url(/images/admin/menu/bottom.gif);  height: 14px;  border: 0;  border-top: 1px solid #fff;}
.navlist a {  text-decoration: none;  font-weight: bold;  display: block;  padding: 4px 12px 4px 18px;  color: #000;}
.navlist a:hover {  color: #000;}
li.subnavlist a, li.subnavlist a.active {  font-weight: normal;  background: #F5F5F5 ;  padding-left: 20px;}
li.subnavlist a:hover {  background: #DDEAF3;  padding-left: 20px;}
li.subnavlist a.active {font-weight: bold; background-color: #DDEAF3;}

.php_subst{    color: #CCCCCC;}

.other_action_div{
    display:none;
    position:absolute;
    z-index:200;
    border: 1px solid #555;
    background:#CCC;
    text-align:left;
    padding:5px;
}

.other_action_div a{}

.ui-resizable-helper {    border-right: 1px solid #555; }

.show_fld_div{
    display:none; 
    position:absolute; 
    z-index:200; 
    border: 1px solid #555; 
    background:#CCC; 
    width:200px; 
    text-align:left; 
    padding:5px;
}

.help_buttons {margin-top: 20px;margin-left: 20px;}
.help_buttons div {margin-right: 10px;}

.button_settings {height: 30px;background: url(/images/admin/button-settings.png) left no-repeat;}

.button_settings a {
display: block;
height: 30px;
font-weight: bold;
line-height: 30px;
padding-left: 35px;
padding-right: 10px;
background: url(/images/admin/button-settings-right.png) right no-repeat;
}

.showDragHandle {
	background-image: url(/images/admin/updown.gif);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: move;
}

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

.hidden, .d_none{display:none;}
.d_i_block{display:inline-block;}
.d_block{display:block;}
.ui-dialog{z-index: 999;}

.edit .admin_btn{display: inline-block;padding: 6px 10px;margin: 0;}

.admin_btn, .popup .admin_btn {
color: #000;  
margin: 0 2px !important;
border-width: 1px;
border-style: solid;
border-color: #a5a5a5;
border-image: initial;
background:  #efefef;;
padding: 5px 6px;
font-size: 13px;
position: relative;
}

.admin_btn:hover, .popup .admin_btn:hover {
color: #000;  
background: #e2e2e2;
}


.other_action_div .admin_btn{background: none;border: none;padding: 2px !important;}
.other_action_div .admin_btn:hover{background: none;}

.admin_btn_blue{color: #0289c3;}
.admin_btn_red{color: red;white-space: nowrap;}
.admin_btn_green{color: green;}
.admin_btn_yellow{color: #E7C907;}
.admin_btn_gray{color: #96969c;}

.opac05{opacity: 0.5;}

.fa span {font-family: Roboto, Tahoma;}
#tree li:nth-of-type(2n+1) {background-color: #f5f5f5 ;}
table.class2page td{padding: 5px;}
table.table.sortorder.draggable td{padding: 5px;}

#id_rename {padding: 10px; background: #ccc; border: 1px solid #444; 
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;}
input[type="radio"], input[type="checkbox"] {margin: 4px 4px 0 0 ;}

/*------ default style ------*/

label{
display: inline !important; 
margin-left: 5px;
margin-right: 20px;
}

/* clear */
.clr{clear: both !important;}

/* display */
.db {display: block !important;}
.di {display: inline !important;}
.dib {display: inline-block !important;}
.dnone {display: none;}

/* float */
.fl {float: left !important;}
.fr {float: right !important;}
.fnone {float: none !important;}

/* border */
.brdnone {border: none}

/* width */
.w10p {width: 10% !important;} .w20p {width: 20% !important;} .w25p {width: 25% !important;} .w30p {width: 30% !important;} .w33p {width: 33% !important;}
.w40p {width: 40% !important;} .w50p {width: 50% !important;} .w60p {width: 60% !important;} .w70p {width: 70% !important;} .w80p {width: 80% !important;}
.w90p {width: 90% !important;} .w100p {width: 100% !important;}

.w75px {width: 75px !important;}
.w100px {width: 100px !important;}
.w125px {width: 125px !important;}
.w150px {width: 150px !important;}
 
/* padding */
.p0 {padding: 0 !important;} .p5 {padding: 5px !important;} .p10 {padding: 10px !important;} .p15 {padding: 15px !important;} .p20 {padding: 20px !important;} .p25 {padding: 25px !important;}
/* padding-left */
.pl0 {padding-left: 0px !important;} .pl5 {padding-left: 5px !important;} .pl10 {padding-left: 10px !important;} .pl15 {padding-left: 15px !important;} .pl20 {padding-left: 20px !important;} .pl25 {padding-left: 25px !important;} 
/* padding-right */
.pr0 {padding-right: 0px !important;} .pr5 {padding-right: 5px !important;} .pr10 {padding-right: 10px !important;} .pr15 {padding-right: 15px !important;} .pr20 {padding-right: 20px !important;} .pr25 {padding-right: 25px !important;}
/* padding-top */
.pt0 {padding-top: 0px !important;} .pt5 {padding-top: 5px !important;} .pt10 {padding-top: 10px !important;} .pt15 {padding-top: 15px !important;} .pt20 {padding-top: 20px !important;} .pt25 {padding-top: 25px !important;}
/* padding-bottom */
.pb0 {padding-bottom: 0px !important;} .pb5 {padding-bottom: 5px !important;} .pb10 {padding-bottom: 10px !important;} .pb15 {padding-bottom: 15px !important;} .pb20 {padding-bottom: 20px !important;} .pb25 {padding-bottom: 25px !important;}

/* margin */
.m0 {margin: 0 !important;} .m5 {margin: 5px !important;} .m10 {margin: 10px !important;} .m15 {margin: 15px !important;} .m20 {margin: 20px !important;} .m25 {margin: 25px !important;}
/* margin-left */
.ml0 {margin-left: 0px !important;} .ml5 {margin-left: 5px !important;} .ml10 {margin-left: 10px !important;} .ml15 {margin-left: 15px !important;} .ml20 {margin-left: 20px !important;} .ml25 {margin-left: 25px !important;}
/* margin-right */
.mr0 {margin-right: 0px !important;} .mr5 {margin-right: 5px !important;} .mr10 {margin-right: 10px !important;} .mr15 {margin-right: 15px !important;} .mr20 {margin-right: 20px !important;} .mr25 {margin-right: 25px !important;} 
/* margin-top*/
.mt5 {margin-top: 5px !important;} .mt10 {margin-top: 10px !important;} .mt15 {margin-top: 15px !important;} .mt20 {margin-top: 20px !important;} .mt25 {margin-top: 25px !important;}
/* margin-bottom */
.mb5 {margin-bottom: 5px !important;} .mb10 {margin-bottom: 10px !important;} .mb15 {margin-bottom: 15px !important;} .mb20 {margin-bottom: 20px !important;} .mb25 {margin-bottom: 25px !important;}

/* ul */
ul{list-style: none;}

.color-black{color: #000 !important;}
.color-blue{color: #46a9d3 !important;}
.line{border-bottom: 1px solid #eee; padding: 5px 0;}



.fsize_10 {font-size: 10px;}
.fsize_14 {font-size: 14px;}
.fsize_16 {font-size: 16px;}
.fsize_18 {font-size: 18px;}
.fsize_20 {font-size: 20px;}
.fsize_24 {font-size: 24px;}

/*------ default style ------*/

/* tabs */
ul#tabs td {
  padding: 0;
  cursor: hand;
  height: 20px;
  vertical-align: middle;
  background: transparent;
}
ul#tabs tr {
  background: transparent;
}
ul#tabs {
  list-style-type: none;
  padding: 0;
  padding-bottom: 27px;
  border-bottom: 1px solid #ccc;
  margin: 0;
  padding-left: 5px;
}
ul#tabs li {
  float: left;
  background-color: #e1e1e1;
  margin: 2px 2px 0 2px;
  border: 1px solid #ccc;
}
ul#tabs li.active, ul#tabs li:hover {
  border-top: 3px solid #3fa6d2;
  background-color: #f9f9f9;
}

ul#tabs li.active a, ul#tabs li:hover a { color: #000; padding: 0px 8px 2px 6px; }

#tabs a {
  float: left;
  display: block;
  color: #000;
  text-decoration: none;
  padding: 2px 8px 2px 6px;
  /*font-weight: bold;*/
}



/* bigSelect */
.bigSelect {}
.bigSelectValue{width: 70px;}
.bigSelectSearch{width: 300px;}

.bigSelect div.result {
width: 335px;
position: absolute;
padding: 5px 5px 5px 10px;
background: #ffffff;
border: 1px solid #cccccc;
z-index: 999;
}

.bigSelect div.content {
max-height: 350px;
width: 100%;
overflow-y: scroll;
margin-top: 20px;
}

.bigSelect div.content div {cursor: pointer; word-break: break-all;}
.bigSelect div.content div:hover {color: #198dc6;}
.bigSelect div.count {float: left;width: 100px;font: bold 12px Arial;}
.bigSelect div.add {float: left;width: 130px;font: bold 12px Arial;color: #0000ff;  }
.bigSelect div.close {
float: right;
cursor: pointer;
font: bold 12px Arial;
color: #ff0000;
opacity: 1;
overflow: hidden;
font-size: 30px;
transform: rotate(45deg);
margin-top: -10px;
opacity: 0.8;
}
.bigSelect div.close:hover {
opacity: 1;    
}
/* bigSelect */

/*  check_unique */
.check_unique {float: left;}

.check_unique .check_unique_bl {
display:none;
position: absolute;
background: #ffffff;
border: 1px solid #cccccc;
}
.check_unique .close {  float:right;}
.check_unique #message {     width:20px; }
.check_unique #message {float: left;display: block;}
.check_unique #check_unique_name {position: relative;}
.check_unique span#result table { margin-top: 15px;}
/*  check_unique */

.vline{display: inline; padding: 10px 0; width: 1px; background: #3fa6d2; margin: 10px 0 0 0; border-left: 1px solid #3fa6d2;}

.top_admin_panel {position: fixed; top:0; width: 100%; background: #e5eff9; z-index: 99; border-bottom: 3px solid #3fa6d2;}
.admin_panel_wrap {margin: 70px 0 0 0;}
.admin_lang_switch  {margin: 25px 20px 0 ; display: inline;}

.admin_menu_block_name {font-weight: bold; background: #ccc; width: 100%; padding: 10px 5px; text-transform: uppercase; font-size: 14px; cursor: pointer; border-top: 1px solid #333;}
.admin_menu_block_name:hover{background: #96969c;}
.admin_menu_block_name img{margin: 0 5px 0 0;}

tbody td{padding: 0;}

#context_menu td{padding: 2px;}
#context_menu a {display: block; margin: 2px 0;}

.sh_history {
padding: 5px 0;  
}

.table td {
vertical-align: top;  
}


.checkBoxesItem label{
  white-space:nowrap;
}

/* ----------- SCREEN ---------*/

@media screen and (min-width: 992px) {
	#id_fld_standart .checkBoxes {
	padding: 10px 0 20px;	
	max-height: 100% !important;
	}

	#id_fld_size_id .checkBoxes {
	column-count: 3;
	-webkit-column-count:2;
	padding: 20px 0 50px;	
	max-height: 100% !important;
	}
	.checkBoxesItem #result .checkBoxes {
	max-height: 100% !important;    
	/*column-count: 10;
	-webkit-column-count:10;*/
	}
}

/* ------ XS  screen ------ */
@media screen and (max-width: 768px) {
.admin_btn span {display: inline-block;height: 15px;overflow: hidden;width: 15px;}


}
/* ------ XS  screen ------ */


.tbl_filter select {max-width: 100px;}
select#link_page {max-width: 200px;}

.fld_readonly{max-width: 500px; word-break: break-all;}


.content_message { background: #afa none repeat scroll 0 0; color: #c6292f; font: 18px "PT Sans",Tahoma,Arial,sans-serif; margin: 10px; padding: 10px; text-align: center;}
#content_message {max-height: 300px; overflow: auto; z-index: 10; position: relative; }
#content_message_close {cursor: pointer; float: right; height: 25px; position: relative; right: 10px; top: 10px; width: 27px; z-index: 100; padding: 4px; }

/* Button scroll top */

.scrollup {
text-align: center;
text-decoration: none;
position: fixed;
bottom: 0;
right: 0;
z-index: 1100;
padding: 0;
margin: 0;
}
.scrollup_top{
  bottom: 30px;
}

.scrollup a {
width: 40px;
height: 40px;
text-align: center;
transition: 1s;
color: #464646;
font-size: 40px;
}

.scrollup:hover, .scrollup:focus {
color: #e5006c;
opacity: 1 !important;
}

.scrollup a:hover, .scrollup a:focus {
color: #e5006c;
opacity: 1 !important;
}

/* Button scroll top end */

.checkBoxesSort button{
  display: flex;
}

.td_number_format{
  float: right;
  margin-right 20px;
  white-space: nowrap;
}


.btn_action {
  cursor: pointer;
}


.link {
color: #10b75e;
text-decoration: none;
transition: 0.5s;
display: inline-block;
cursor: pointer;
}



.admin_count{
display: none;  
width: 26px;
height: 26px;
margin: 0;
z-index: 10;
color: #fff;
font-size: 10px;
font-weight: bold;
text-align: center;
border-radius: 15px;
background: #ec3e45;
}

span.admin_count{
padding: 5px 10px;
}




.form-control {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
}


.chosen-container{
  min-width:100px;
}



table.admin_data td.td_filter{
  min-width:90px;
  white-space: nowrap;
}


.show_hide_password {
	cursor: pointer;
	padding: 6px 12px;
	text-align: center;
	border: 1px solid #ccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: rgb(204, 204, 204);
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

/* ------ SECURITY CAPCHA START ------ */
.security1 {font-size: 13px;text-align: center;margin: 10px auto;}
.security1 b { font-size: 15px; color: red; }
.security2 {text-align: center;margin-top: 1px; margin: auto; max-width: 420px;}
.security2_img {  float: left; width: 125px; margin: 15px 5px 0 0; }
.security2_form { float: left; margin: 12px 7px 0 7px; max-width: 45px; text-align: center; }
.security2_form input { padding: 6px 2px; text-align: center; height: 30px; width: 100%; font-family: monospace;}
.security2_button {  width: auto; margin: 14px 0 0 0; float: right; text-align: right; }
.security3 { float: left; margin-top: 5px;}

#error_security_code { margin-top: 15px; position: absolute; }
.error_id_security_code  .error_text {display: block; margin-top: 30px;	}
#box_security_code { overflow: hidden;  }