﻿/*  COMMON  */
@font-face {
	font-family: gill;
	src: local("gill"),
	   url(../fonts/gill.eot);
}


@font-face {
	font-family: gill;
	src: local("gill"),
	   url(../fonts/gill.ttf);
}

* {margin: 0; padding: 0; border: 0; font: inherit; letter-spacing: 1px; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-transform: uppercase; outline: none;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
a {
    color: inherit;
    text-decoration: underline;
}
a:hover{
	text-decoration: none;
}
:focus {
	outline: 0;
}
*{
	font-family: gill , arial;
	margin:0;
	padding:0;
}
html{
	height:100%;
}
body {
	background: #fff;
	font-family: gill , arial;
	overflow-x: hidden;
	height: 100%;
}

.hidden {display: none;}

.conteiner {
    max-width: 1200px;
    min-width:300px;
    margin: 0 auto;
	padding:0 20px;
}

input {
    position: relative;
    text-transform: none;
}

.loader {
	position: absolute;
	width: 100%;
	height: 100%;
}
.loader.hidden {
	visibility: hidden;	
	display: none;
}

.loader .dark {
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(0,0,0,0.5);
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	z-index: 99;
}

.loader .loader-img {
	background: url(/Style/img/loading.gif) center center no-repeat;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999;
}

/* UNUSED? */
.grey-conteiner {
    background: url(../img/grey-bg.png) right bottom no-repeat;
margin-right: 12px;
}
/* UNUSED END */

/*  HEADER  */

.header {
    background: #f9f9f9;
    width: 100%;
	margin-bottom:35px;
}

.logo {
    display: inline-block;
    vertical-align: top;
}

span.close-error {
    position: absolute;
    width: 40px;
    height: 40px;
    color: #b80000;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    right: 0px;
    top: 0px;
    cursor: pointer;
    z-index: 101;
}

span.close-message {
    position: absolute;
    width: 40px;
    height: 40px;
    color: #60c64e;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    right: 0px;
    top: 0px;
    cursor: pointer;
    z-index: 101;
}

.header .logo img {
	padding: 25px 0px;
}

.rows > li {
    padding: 10px 0;
    border-top: 1px solid #e2e2e2;
    overflow: auto;
}


.btn {color: #959595; text-align: center;}
.btn.sm {min-width: 110px; border: 2px solid #e2e2e2; font-size: 12px; padding: 3px 7px;}
.btn.big {display: block; min-width: 280px; margin: 30px auto; padding: 0 30px; border: 3px solid #959595; line-height: 50px; font-size: 22px;}
.btn.red {border-color: #8b0000; color: #8b0000;}

#client .left {
    width: 350px;
}

#client .btn.sm {
    min-width: 140px;
    min-height: initial;
    height: 24px;
    line-height: 14px;
}

.rows {
    margin-bottom: 30px;
}

.rows > li > p {
    display: inline-block;
    line-height: 20px;
    font-size: 12px;
}
.left {
    float: left;
}

/* UNUSED? */
.reg {
    display: inline-block;
    padding: 64px 80px;
    border-left: 2px solid #cd2700;
    font-size: 25px;
    letter-spacing: 3px;
}
/* UNUSED END */

.header .reg-block {
    color: #fff;
    display: block;
    float: right;
	margin-top: 38px;
}

.header .reg-block .menu{
display:block;
width:87px;
height:14px;
background: url(../img/menu-l2.png) 0 0 no-repeat;
font-size:0px;
}

/* UNUSED? */

.reg-block .menu span{display:inline;margin:0;padding:0;}
.reg-block .menu img{display:inline;float:left;margin:3px 4px 0 0;padding:0;}
.menu-title {
    color: #fff;
    margin-bottom: 30px;
}



.menu-item {
    color: #8c8c8c;
    margin-bottom: 8px;
}

.menu-item a {
    color: #8c8c8c;
}

.menu-row {
    width: 175px;
    display: inline-block;
    vertical-align: top;
    font-size:15px;
}

.account {
    background: #fff;
    width: 100%;
    min-width: 280px;
	
}

/* UNUSED END */

/*  LEFT MENU  */

.left-menu {
    position: fixed;
	z-index:100;
    top:0;
    right:0;
    width: 300px;
    height: 100%;
    background: #969696;
    display: none;
    font-family: gill;
}

.left-menu a {
	color:#1e1e1e;
	text-decoration: none;
	text-transform:uppercase;
}

.left-menu .left-menu-items {
    padding-left: 45px;
    padding-top: 60px;
    padding-bottom: 60px;
}

.left-menu .left-menu-items .left-menu-item-title {
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
}

.left-menu .left-menu-items .left-menu-button {
    border: 4px solid black;
    padding: 26px 54px;
    display: inline-block;
    margin-top: 30px;
    font-size: 23px;
    font-weight: bold;
    letter-spacing: 2px;
}

/* UNUSED */
    .left-menu-item-title li {
        color: #fff;
        margin: 10px 0px;
        cursor: pointer;
    }

        .left-menu-item-title li a {
            color: #fff;
        }

     .left-menu-item-title div{
        padding: 14px 15px;
    }
/* UNUSED END */

/* CONTENT */

.content 
{
    overflow: auto; 
    padding-bottom: 50px;

}

.content .column-left{
	float:left;
	width:575px;
	margin-right: 50px;
}

.content .column-right{
	float:left;
	width:100%;
    max-width: 535px;
}

.content h3{
	font-size:17px;
	color:#969696;
	text-transform:uppercase;
	margin: 0 0 24px 0;
	font-weight:500;
	letter-spacing:1px;
}

.content table{
	width:100%;
	margin-bottom:50px;
}

/* UNUSED */

.content table tr td.first {width:35%;}
.content table tr td,h4{
padding: 14px 3px 14px 0;
border-top: 1px solid #e2e2e2;
text-transform:uppercase;
font-size:11px;
color:#000;
vertical-align:middle;
font-weight:500;
}
.content table.padding6 tr td{padding:6px 3px 6px 0;}
.content table button{
height:  22px;
padding:0 20px;
border: 2px solid #e2e2e2;
font-size:11px;
color:#969696;
cursor:pointer;
float:right;
background:#fff;
text-transform:uppercase;
margin: 0 0 0 10px;
line-height: 20px;
}
.content button.w1{width:95px;padding:0;}

.right {
    float: right;
}

.content table tr td input[type="text"],.content table tr td input[type="password"]{
width:120%;
border:none;
background:#fff;
font-size:11px;
color:#000;
text-transform:uppercase;
}

.table thead {
    background: #e2e2e2;
    text-align: left;
}

.table td, .table th {
    padding: 10px 15px;
    line-height: 20px;
}

.table th {
    text-transform: uppercase;
    font-size: 11px;
}


.content table {
    width: 100%;
    margin-bottom: 50px;
}

.table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 15px;
}

.btn.big {
    display: block;
    min-width: 280px;
    margin: 30px auto;
    padding: 0 30px;
    border: 3px solid #959595;
    line-height: 50px;
    font-size: 22px;
}

.btn {
    color: #959595;
    text-align: center;
    background: #fff;
    text-transform: uppercase;
}

label.block-label {
    display: block;
    margin-bottom: 10px;
    font-size: 11px;
}

input.datepicker {
    padding-right: 50px;
    background: url(/Content/img/calendar.png) no-repeat right 4.5px center;
}

.box {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 15px;
    border: 2px solid #e2e2e2;
    font-size: 20px;
}

.container:after, .clearfix:after, .clearfix:before {
    content: " ";
    display: table;
    clear: both;
}

.col {
    width: 47.5%;
    float: left;
}

.col.big {
    min-width: 550px;
    margin-right: 24px;
}

/* UNUSED END */

.content .min-column{
width: 48%;
margin-bottom:30px;
}
.content .min-column.mbno{margin-bottom:0;}
.content .min-column.left{float:left;}
.content .min-column.right{float:right;}

.content  label{
font-size:17px;
text-transform:uppercase;
letter-spacing: 1px;
}

.content  .login  label,
.content  .password  label{
font-size:17px;
}
.content  label input[type="text"],.content  label input[type="password"]{
width:92%;
padding: 0 3% 0 3%;
border:2px solid #dfdfdf;
font-size:20px;

margin: 7px 0 20px 0;
border-radius:0;
box-shadow:none;
height: 46px;
line-height:100%;
letter-spacing: 1px;
}
/* checkbox styles */

.content input[type="checkbox"] {
    display:none;
}

.content input[type="checkbox"] + label {
font-size:11px;
color:#1e1e1e;
text-transform:uppercase;
font-weight:500;
}
.content input[type="checkbox"] + label .pseudo-checkbox {
    display:inline-block;
		float: left;
    width:19px;
    height:19px;
    margin:1px 8px 0 0;
    vertical-align:middle;
    background:url(../img/checkbox.png) 0 100% no-repeat;
    cursor:pointer;
}

.content input[type="checkbox"]:checked + label .pseudo-checkbox {
    background:url(../img/checkbox.png) 0 0 no-repeat;
	color:#ffaaaa;
}
.content input[type="checkbox"]:checked + label{color:#1e1e1e;}

.checkbox{
float:left;
width:50%;
margin: 0 0 0 0;
}
.checkbox-fl{float:left;margin: 0 20px 0 0;}
.checkbox.w100{width:100%;margin: 0 0 10px 0;}
.calendar .datapicker input[type="text"]{cursor:pointer;background: url(../img/calendar.png) 98% 50% no-repeat;margin: 5px 0 20px 0;border-radius:0;box-shadow:none;line-height:100%;}
.calendar div{font-size:17px;text-transform:uppercase;}
.calendar input[type="text"]{
width:92%;
padding: 0 3% 0 3%;
border:2px solid #dfdfdf;
font-size:20px;
text-transform:uppercase;
margin: 10px 0 0 0;
border-radius:0;
box-shadow:none;
height: 46px;
line-height:100%;
letter-spacing: 1px;

}

.b-button{
clear:both;
width: 100%;
text-align: center;
}
.b-button.left{float:left;}
.b-button.right{float:right;margin: 0 8px 0 0;}
.b-button.wid{
width: 610px;
margin-left:-76px
}
.b-button.mt20{clear:both;padding-top: 30px;}
.b-button.wid button{margin-right:30px;}
.b-button button{
min-width:270px;
height:55px;
line-height:59px;
border:2px solid #959595;
cursor:pointer;
font-size: 22px;
color:#959595;
text-transform:uppercase;
background:none;
margin: 0 0 20px 0;
border-radius:0;
box-shadow:inset 0 0 1px 1px #959595;
line-height:55px;
padding: 0 20px;
}
.b-button button:disabled 
{
    border:2px solid  #cccccc;
    box-shadow:inset 0 0 1px 1px #cccccc;
    color:#cccccc;
  }
  
.table2{float:left;margin-top:2px;}
.table2 tr th{
padding: 12px 3px 12px 0;
background:#e0e0e0;
font-size:9px;
color:#1e1e1e;
text-transform:uppercase;
text-align:left;
font-weight:500;
letter-spacing: 1px;
}
.table2 tr th:first-child{padding-left:5px;}
.table2 tr th:last-child{padding-right:5px;text-align:right;}
.table2 tr td:last-child{text-align:right;}
.content table.table2.no-border tr td{border-top: none;}
.content table.border-tn tr:first-child td{border-top:none;} 
.content table.table2{
float:left;
width:100%;
margin-bottom: 20px;
}
.content table  tr td{letter-spacing: 0.8px;padding:4px;}
.content table.ruleOptions {margin-bottom: 0;}
.content table.ruleOptions tr td {padding: 4px;}
.content table.table2 tr td{
padding: 12px 5px 12px 0;
border-top: 1px solid #eaeaea;
font-size: 10px;
color:#1e1e1e;
text-transform:uppercase;
}

td.ruleTypeValue span 
{
    text-transform: none;
}

td.ruleTypeValue input 
{
    text-transform: none;
}

.table-lp tr .r-c{text-align:left;}
.table-rp tr .r-c{text-align:right;}
.table2 tr:last-child  td{border-bottom:none;}
.table2 tr th.first{width: 40%;}
.table2 tr td.first50{width: 45%;}
.table2 tr .l-c{text-align:left;}
.table2 tr .r-c{text-align:right;}

.content .center-column{
max-width:415px;
margin:0 auto;
}


.che-boxs{
float:left;
width:150%;
}
.content table tr td span.kvit{
display:inline-block;
width:45px;
text-align:center;
padding:5px 0;
border:2px solid #e0e0e0;
color:#969696;
float:right;
margin-right:-5px;
}

.columns{
float:left;
width:100%;
}
.content .email input[type="text"]{
width: 82%;line-height:100%;
padding: 0 5% 0 13%;
background: url(../img/ico3.png) 10px 50% no-repeat;
}
.content .login input[type="text"]{
line-height:100%;
padding: 0 5% 0 13%;
background: url(../img/login.png) 10px 50% no-repeat;
}
.content .password input[type="password"]{
line-height:100%;
padding: 0 5% 0 13%;
background: url(../img/pass.png) 15px 50% no-repeat;
}

.link-block{
width: 415px;
    margin: 0 auto;
    text-align: center;


}
.link-block a{
display:inline-block;
font-size:12px;
color:#969696;
text-decoration:none;
text-transform:uppercase;
border:1px solid #e2e2e2;
margin: 0 9px 0 0;
padding: 0 11px;
height: 24px;
line-height: 24px;

}

#idBtnRegister {
margin: 0;
}

.content table.no-border tr td{border:none;}




label.mt30{float:left;width:100%;margin-top:-30px;}
#idEdCustomer {
	padding-left: 15%;
	background: url('/Style/img/login.png') no-repeat scroll left center / 48px auto transparent;
	width: 100%;
	box-sizing:border-box;}
.mt30 #idEdCustomer { padding-left: 7%; }
.content textarea{
font-family: gill;
width:94%;
height:470px;
padding: 15px 3%;
border:2px solid #dfdfdf;
font-size:20px;
resize:none;
margin: 20px 0;
}
.textarea h3{
margin-bottom:0;
color:#333;
}
.green{
display:block;
width:100%;
border:2px solid #60c64e;
margin: 0 0 40px 0;
font-size:19px;
color:#60c64e;
text-transform:uppercase;
text-align:center;
letter-spacing:1px;
padding: 46px;
}
.error{
display:block;
width:100%;
border:2px solid #b80000;
margin: 0 0 40px 0;
font-size:19px;
color:#b80000;
text-transform:uppercase;
text-align:center;
letter-spacing:1px;
padding: 46px;
}
.green.line2,.error.line2{
line-height: 22px;
padding-top: 30px;
height: 73px;
}







.acc-block{
float:left;
width:100%;

}
.acc-block.border{
padding:6px 0;
border-top: 1px solid #eaeaea;
}
.acc-block.mb{
margin-bottom: 50px;
}
.acc-block .lt-w1{min-width:96px; padding: 0 10px;}
.acc-block .text-h{
float:left;
width:200px;
display:block;
font-size: 10px;
color:#1e1e1e;
text-transform:uppercase;
font-weight:500;
margin-top: 5px;
}
 .acc-block.second .text-h{
width:370px;
}
 .acc-block.third .text-h{
width:260px;
}
.acc-block.third  .input-span{
 width:80px;

 }
 .acc-block .text-h2{
width:100%;
float:left;
display:block;
font-size: 10px;
color:#1e1e1e;
text-transform:uppercase;
font-weight:500;
margin-top: 5px;
margin-bottom: 10px;
}
 .acc-block.second  .input-span{
 width:50px;
 }
 
.acc-block > a{ color: #1e1e1e; text-transform: uppercase; font-size: 10px;}
 
.input-span{
float:left;
width:150px;
font-size: 10px;
color:#1e1e1e;
text-transform:uppercase;
font-weight:500;
margin: 4px 0 0 0;
}

.input-span.sm {width:80px;}

 .acc-block.third .input-span{
width: auto;
max-width: 100px;
}

.acc-block.third#idDivShowLimit .input-span{
max-width: 208px;
}

.acc-block.third#idDivChangeLimit label {
font-weight: normal;
}

.acc-block.third .input-two {
display: block;
margin-top: 38px;
}

.acc-block button{
float:right;
height:  22px;
border: 2px solid #e2e2e2;
font-size:10px;
color:#969696;
cursor:pointer;
background:#fff;
text-transform:uppercase;
margin-left:12px;
line-height: 20px;
padding: 0 10px;
}
.content label .input-span input[type="text"],.content label  .input-span input[type="password"]{
width:120%;
border:none;
background:#fff;
font-size:11px;
color:#000;
text-transform:uppercase;
padding:0;
height: 20px;
line-height: 20px;
margin:-3px 0 0 0;
}

.ab-padding .acc-block{
padding:12px 0;
position: relative;
}
.ab-padding .acc-block button{
line-height: 17px;
float:left;
width:95px;
}
button.smallButton
{
    height: 32px; 
    line-height: 22px;
    font-size: 1.2em;
}
.input-span.right{text-align:right;float:right;}
.acc-block  button.right{
float:right;
}
.checkbox{
float:left;
width:100%;
margin: 0 0 10px 0;
}

.buttons2{
float:right;
}

#dialog, #idFileSelectorLogo, #idFileSelectorBanner, #idBtnSavePhone, #idBtnSavePhone, #idBtnSavePhone, #idSpanPhoneEd, #idSpanRateEd {
display: none;}

.buttons_dropdown {position: absolute; right: 0; top: 32px; text-align: right; z-index: 1; width: 200px;}
.buttons_dropdown.hidden {display: none;}
.buttons_dropdown button {width: 202px !important; display: block; float: right !important; border-top: 0; padding: 0 10px; color: #1e1e1e;}
.buttons_dropdown button:first-child {border-top: 2px solid #e2e2e2;}

.bfh-selectbox {  display: inline-block; border: 2px solid #e2e2e2; height: 22px; font-size: 12px; text-transform: uppercase; width: 198px; float: right;}
.bfh-selectbox .bfh-selectbox-toggle {padding: 0 15px; height: 22px; line-height: 22px; color: #1e1e1e; width: 100%; box-sizing: border-box;}
.bfh-selectbox .bfh-selectbox-toggle .bfh-selectbox-option {height: 22px;   white-space: nowrap;}
.bfh-selectbox .bfh-selectbox-options {border-radius: 0; -webkit-box-shadow: none; box-shadow: none; border: 2px solid #e2e2e2; margin: 4px 0 0 0; padding: 0; left: -2px;}
.bfh-selectbox .bfh-selectbox-options ul {margin: 0; max-width: initial; font-size: 12px; text-transform: uppercase; text-align: left;}
.bfh-selectbox .bfh-selectbox-options ul li>a {padding: 5px 15px; text-decoration: none; color: #1e1e1e; height: 26px;   line-height: 16px; box-sizing: border-box; overflow-y: hidden;}

/* footer */
.footer-wrapper {min-height:100%; position:relative;}
#footer {position: absolute; left:0; bottom: 0; width: 100%; padding: 55px 0px 65px; background: none repeat scroll 0% 0% #3E3F3F; overflow: auto; margin-top: 60px;
}
#footer ul {float: left; width: 25%; font-size: 13px;}
#footer ul h3 {color: #fff; text-transform: uppercase; margin-bottom: 20px;}
#footer ul li {list-style: none; color: #8c8c8c; text-transform: uppercase; margin-bottom: 6px;}
#footer ul li a {text-decoration: underline; color: #8C8C8C;}
#footer ul li a:hover {text-decoration: none;}

a.a_italic {color: #969696; font-size: 16px; text-transform: initial; text-decoration:none; display: inline-block; }
h3.black {clear: both;}
a.a_italic:hover {color: #000;}
.content table tr.errorBonusRow td {color: #f00;}
#divAddBonusesContainer,
#divAddVirtualCodesContainer {margin: 25px 0;}
#divAddBonusesContainer table,
#divAddVirtualCodesContainer table {margin: 25px 0;   border-collapse: collapse; float: none;}

#divBonusesConfirmContainer > *,
#divAddBonusesConfirmContainer > * {height: 42px; line-height: 38px; border: 2px solid #dfdfdf; box-sizing: border-box; padding: 0 20px; font-size: 20px; background: #fff;}
#divBonusesConfirmContainer > button,
#divAddBonusesConfirmContainer > button {  border: 2px solid #959595; color: #959595; cursor: pointer;}

#divBonusesConfirmContainer > button:hover,
#divBonusesConfirmContainer > button:disabled,
#divAddBonusesConfirmContainer > button:hover,
#divAddBonusesConfirmContainer > button:disabled {  background:#959595; color: #fff;}
/* Анкета */


.content table tr td input.inputQuestion, .content table tr td input.inputAnswer
{
    border: solid 1px grey;
    text-transform: none;
}

#survey label {font-size: 11px;}
#survey .radiogroup {margin: 10px 0;}
#survey .checkbox {width: initial; width: auto; margin-right: 20px;}
#survey .checkbox input {  vertical-align: middle;}
#survey .radiogroup button {float: right;}
.content table tr td input.inputQuestion, .content table tr td input.inputAnswer
{
      text-transform: none;
	  width: 110px;
	  height: 20px;
	  border: 1px solid #fff;
}
.content table tr td input.inputQuestion:hover, .content table tr td input.inputAnswer:hover {
	border: 1px solid #E0E0E0;
}
.content table#tblQuestionnaire.table2 tr td {padding: 12px 0;}

label.sm {font-size: 11px;}
#btnSetupMailinglist {float: right;}
.table2 tr.mailingRow td:last-child {text-align: left;}
.table2 tr.mailingRow td input[type="text"],
.table2 tr.mailingRow td input[type="password"] {
	max-width: 100%;
	text-transform: none;
	height: 20px;
	border: 1px solid #fff;
}

.table2 tr.mailingRow td input[type="text"]:hover,
.table2 tr.mailingRow td input[type="password"]:hover {
	border: 1px solid #E0E0E0;
}

#tblAddedSms {
	margin-bottom: 15px;
    border-bottom: 1px solid rgb(226, 226, 226);
}

#indSmsSelectEvents {
	width: 400px;
}

#indSmsSelectEvents .bfh-selectbox-options {
	min-width: 100%;
}

#indSmsAreaMessage {
	width: 366px;
	margin: 0;
	float: right;
}

#btnShowSubscribers {
	width: 195px;
}

#indSmsTxtSendToPhoneSpan {
	float: right;
	width: 195px;
	min-width: 195px;
	border-bottom: 1px solid rgb(226, 226, 226);
}

.account-settings-popup input{
    width: 100%;
    box-sizing: border-box;
    padding: 0 3% 0 3%;
    border: 2px solid rgb(223, 223, 223);
    font-size: 20px;
    margin: 7px 0 20px 0;
    border-radius: 0;
    box-shadow: none;
    height: 46px;
    line-height: 100%;
    letter-spacing: 1px;
}

.account-settings-popup select{
    width: 100%;
    padding: 0 3% 0 3%;
    border: 2px solid rgb(223, 223, 223);
    font-size: 20px;
    margin: 7px 0 20px 0;
    border-radius: 0;
    box-shadow: none;
    height: 46px;
    line-height: 100%;
    letter-spacing: 1px;

}

.b-button-no-loader {
    text-align: center;
}

.b-button-no-loader button {
    min-width: 270px;
    height: 55px;
    line-height: 59px;
    border: 2px solid rgb(149, 149, 149);
    cursor: pointer;
    font-size: 22px;
    color: rgb(149, 149, 149);
    text-transform: uppercase;
    background: none;
    margin: 0 0 20px 0;
    border-radius: 0;
    box-shadow: inset 0 0 1px 1px rgb(149, 149, 149);
    line-height: 55px;
    padding: 0 20px;
}

.rules-title {
    text-transform: uppercase;
    font-size: 12px;
}

.rules-title.open {
    font-weight: 700;
}

.rules-title + .rules {
    display: none;
}

.rules-title.open + .rules {
    display: block;
}

.rules-title + .rules li {
    list-style: none;
    margin: 5px 10px;
    cursor: pointer;
    font-size: 12px;
}

.ruleOptions input[type=text] {
    border: 2px solid rgb(223, 223, 223) !important;
    max-width: 100%;
    /*width: 150px !important;*/
    width: 100%;    
    box-sizing: border-box;
    padding: 5px;
}

.ruleOptions input[type=text]:disabled {
    background: #eeeeee;
}

.ruleOptions select {
    width: 150px;
    max-width: 100%;
    border: 2px solid rgb(223, 223, 223);
}

.ruleOptions .select2-container--default .select2-selection--single {
    border: 2px solid rgb(223, 223, 223);
    border-radius: 0;
}

.cabinetFilter .select2-container--default .select2-selection--single {
    border: 2px solid rgb(223, 223, 223);
    border-radius: 0;
    height: 30px;
}

.popupTable #orderDescription {
    margin-bottom: 40px;
}

.popupTable {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.25);
    padding: 20px;
    overflow-y:auto;
    box-sizing: border-box;
    z-index: 10;
}

.popupTable .bg {
    width: 650px;
    background-color: #fff;
    border: 2px solid #ededed;
    margin: 100px auto 40px;
    left: 0;
    right: 0;
    padding: 25px;
    overflow: auto;
}

.popupTable .ruleOptions td + td,
.popupTable .ruleOptions td + td input{
    text-align: right;
}

.popupTable th {
    padding: 10px 0;
}

/*  Cabinet/Events  */

.eventDetail input[type=text]:disabled.eventDetailData {
    background: transparent;
    border-width: 0 !important;
    /*width: auto !important;*/    
}

.eventDetail .popupSubmit  {
    font-size: 22px; 
    height: 55px; 
    display: block; 
    margin: 60px auto 10px;
    float: none;
    min-width: 270px;
    border: 2px solid #959595;
}

.right {
    float: right;
}

.showMore {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 12px;
   letter-spacing: 1px;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-transform: uppercase;
    outline: none;
    color: black;
}

th.statisticsHeader {
    white-space: nowrap; 
    padding: 4px; 
    width: 323px; 
    background-color: white; 
    font-weight: bold; 
    text-align: left; 
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 10px;
}

table.statistics td, table.statistics th {
     border-top: 1px solid #e2e2e2;
}

a.statisticsDownload {
    color: inherit; 
    text-decoration: underline;
    text-transform: uppercase;
    font-size: 10px;
}

.limits div {
    border-top: 1px solid #eaeaea;
    padding: 16px 0px 12px 0px;
    font-size: 10px;
    color: #1e1e1e;
    text-transform: uppercase;
    font-weight: 500;
}

.search-count {
    font-size: 10px;
    margin-bottom: 22px;
}

#expandTable {
    font-size: 13px;
}

.statistics-filter {
    width: 500px;
    overflow: hidden;
}
.statistics-filter .select2-container {
    float: right;
}

.field-label {
    font-size: 17px !important;
    text-transform: uppercase !important;
}

.mt-10px {
    margin-top: 10px;
}