/*------yldine----------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
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 {
    border: 0 none;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}

@font-face {
    font-family: iconFont;
    src: url(../fonts/Simple-Line-Icons.woff);
}

@font-face {
    font-family: materialFont;
    src: url(../fonts/MaterialIcons-Regular.woff);
}

@font-face {
    font-family: "Poppins Semi Bold";
    src: url(../fonts/Poppins-SemiBold.otf);
}

@font-face {
    font-family: "Poppins";
    src: url(../fonts/Poppins-Regular.otf);
}

@font-face {
    font-family: "Poppins Medium";
    src: url(../fonts/Poppins-Medium.otf);
}

@font-face {
    font-family: "Poppins Bold";
    src: url(../fonts/Poppins-Bold.otf);
}

@font-face {
    font-family: "Poppins Light";
    src: url(../fonts/Poppins-Light.otf);
}

@font-face {
    font-family: Anticon;
    src: url(../fonts/anticon.ttf);
}

.anticon,
#main_menu ul li.anticon {
    font-family: Anticon;
}

table {
    border-collapse: collapse;
}

body {
    background-color: #f5f6fa;
    font-size: 12px;
    color: #52489c;
    font-family: "Poppins";
    min-width: 320px;
    width: auto;
}

label,
.label2 {
    height: 32px;
    font-size: 16px;
    vertical-align: middle;
    line-height: 32px;
}

h2 {
    color: #52489c;
    font-family: Poppins;
    font-size: 28px;
    font-weight: 400;
    padding-top: 32px;
    padding-bottom: 21px;
    padding-left: 32px;
    border-bottom: 1px solid #efeff8;
}

h4 {
    font-size: 16px;
    margin-bottom: 3px;
    font-weight: normal;
}

input[type="submit"] {
    border-style: solid;
    border-color: #0289b6;
    border-width: 1px;
    background-color: #2398ff;
    color: #ffffff;
    padding: 2px 15px;
    border-radius: 3px;
    height: 32px;
}

input[type="text"],
input[type="password"] {
    margin: 0;
    border-radius: 3px;
    border: 1px solid #ebeaf6;
    color: #c3c3c3;
    font-family: "Poppins Medium";
    /*	box-sizing: border-box;*/
}

input[type="text"]:focus,
input[type="password"]:focus {
    color: #3a3335;
    border: 1px solid #ebeaf6;
    box-shadow: inset 0 0 10px 0 rgba(191, 189, 214, 0.36);
    border-radius: 3px;
}

textarea {
    height: 120px;
    width: 97%;
    /*	padding-right:2%;*/
    padding-left: 1%;
    border-radius: 3px;
    border: 1px solid #ebeaf6;
    background-color: #ffffff;
}

select {
    height: 30px;
    border-radius: 0;
    opacity: 0;
    margin: 0;
    width: auto;
}

.select {
    border-radius: 3px;
    border: 1px solid #ebeaf6;
    background-image: linear-gradient(180deg, #ffffff 0%, #ebeaf6 100%);
    display: inline-block;
    background-color: #ffffff;
    height: 30px;
    box-sizing: border-box;
    position: relative;
}

.select div {
    position: absolute;
    line-height: 30px;
    font-size: 12px;
    vertical-align: middle;
    height: 30px;
    overflow: hidden;
    padding-right: 20px;

    color: #c3c3c3;
    font-family: "Poppins Medium";
    background-image: url("../images/arrow_drop_down_-_material.png");
    background-position: right center;
    background-repeat: no-repeat;
    /*background-position-x: right 24px;*/
    background-position: right 24px center;
    padding-left: 23px;
    box-sizing: border-box;
    width: 100%;
}

.select:hover div {
    color: #3a3335;
}

option {
    padding-left: 3px;
}

.maxw {
    width: 100%;
}

.radio {
    background-image: url("../images/radio.png");
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    padding-left: 25px;
    margin-right: 30px;
    cursor: pointer;
    vertical-align: middle;
    line-height: 16px;
    height: 16px;
    min-height: 16px;
}

.radio.checked {
    background-image: url("../images/radio_selected.png");
}

.radio input {
    display: none;
}

/* menüü */

#main_menu {
    display: inline-block;
    /*padding-right:55px;*/
}

#main_menu ul li {
    cursor: pointer;
    float: left;
    font-family: iconFont;
    margin-left: 21px;
    color: #52489c;
    font-size: 17px;
    text-align: center;
}

#main_menu ul li span,
#logout_box span {
    color: #ffffff;
    font-family: "Poppins Semi Bold";
    font-size: 12px;
    font-weight: 600;
    min-width: 160px;
    height: 45px;
    line-height: 45px;
    display: block;
    position: absolute;
    display: none;
    text-align: center;
    z-index: 2;
    margin-left: -80px;
    margin-top: 5px;
    white-space: nowrap;
    background-image: url("../images/rectangle-5.png");
    padding-left: 10px;
    padding-right: 10px;
    background-size: 180px 45px;
    background-repeat: no-repeat;
    background-position: center top;
}

#main_menu ul li:hover span,
#logout_box:hover span {
    display: block;
}

#main_menu ul {
    margin-top: 25px;
    list-style: none;
}

#sub_menu {
    position: fixed;
    z-index: 1;
    padding-top: 31px;
    margin-top: -70px;
    padding-left: 29px;
    padding-bottom: 180px;
    width: 226px;
    background-color: #ffffff;
    border-right: 1px solid #dcdbf1;
    height: 100%;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
}

#sub_menu ul {
    list-style: none;
    display: none;
    padding-bottom: 35px;
}

#sub_menu ul li {
    line-height: 21px;
    height: 21px;
    font-family: Poppins;
    font-weight: 400;
    cursor: pointer;
    margin-bottom: 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #52489c;
    vertical-align: middle;
}

#sub_menu ul li.active {
    color: #f45b69;
}

#sub_menu ul li span {
    font-family: iconFont;
    display: inline-block;
    width: 28px;
    font-size: 16px;
}

#menu_hover {
    /*width: 156px;*/
    height: 40px;
    line-height: 21px;
    color: #ffffff;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    z-index: 20;
    display: none;
    background-image: url("../images/toolbarhover.png");
    background-repeat: no-repeat;
    padding-left: 5px;
}

#menu_hover .title {
    background-image: linear-gradient(226deg, #e95865 0%, #f45b69 100%);
    padding-right: 25px;
    padding-left: 20px;
    height: 40px;
    line-height: 40px;
    border-radius: 0px 3px 3px 0px;
    margin: 0px;
}

#menu_hover span {
    display: none;
}

#sub_menu .iconfont,
.iconfont {
    font-family: iconFont;
    padding-right: 10px;
}

#sub_menu .materialfont,
.materialfont {
    font-family: materialFont;
}

/*#sub_menu ul li.active span{
	background-image:url('../images/oval.png');
}*/
#sub_menu ul.active {
    display: block;
}

.closed #sub_menu {
    width: 72px;
}

.closed #sub_menu ul li {
    text-overflow: clip;
}

.closed #sub_menu ul li span {
    margin-right: 40px;
}

.closed #sub_menu img.large_logo,
.small_logo {
    display: none;
}

.closed #sub_menu {
    padding-top: 25px;
}

.closed #sub_menu img.small_logo {
    display: block;
    margin-left: -14px;
    margin-bottom: 30px;
    height: 42px;
    width: 42px;
}

#tb_close {
    height: 18px;
    line-height: 18px;
    font-family: "Poppins Extra Bold";
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url("../images/narrow.png");
    /*margin-bottom:10px;*/

    position: fixed;
    /*	padding-bottom:20px;*/

    z-index: 10000;
    width: 208px;
    background-color: #fff;

    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #f8f8fc;
    bottom: 0px;
    left: 0px;
    background-position: 20px center;
    height: 58px;
    background-size: 18px 19px;
}

#tb_close .open {
    display: none;
}

.closed #sub_menu #tb_close {
    background-image: url("../images/expand.png");
    width: 42px;
}

/*
.closed #sub_menu #tb_close{


-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

	width: 120px;
	height:110px;

}
*/
/*
#sub_menu #tb_close span{
	background-repeat:no-repeat;
	background-position:left center;
	line-height:18px;
	height:18px;
	padding-left:24px;
}
#sub_menu #tb_close .minimise{
	background-image:url('../images/narrow.png');
}
#sub_menu #tb_close .open{
	background-image:url('../images/expand.png');
}

.closed #sub_menu #tb_close .open{
	background-image:url('../images/expand.png');
	display:block;
}
.closed #sub_menu #tb_close .minimise{
	display:none;
}*/
.closed .window {
    padding-left: 64px;
}

#sub_menu img {
    margin-left: 27px;
    margin-bottom: 46px;
}

#sub_menu ul li .reminder {
    position: absolute;
    width: 10px;
    height: 38px;
    margin-left: -15px;
    margin-top: -7px;
    background-color: red;
    line-height: 38px;
    text-align: center;
    color: #fff;
    font-size: 20px;
}

/* month picker */

.monthpicker .month_list {
    position: absolute;
    display: none;
    z-index: 5;
    font-family: "Poppins Semi Bold";
    color: #8886b1;
    height: 417px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    right: 32px;

    top: 60px;
    box-shadow: 0 0 24px rgba(187, 191, 205, 0.34);
    border-radius: 3px 0 0;
    border: 1px solid #ebeaf6;
    background-color: #fafafc;
}

.monthpicker:hover .month_list,
.monthpicker.active .month_list {
    display: block;
}

.monthpicker .month_list ul li {
    width: 146px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    border-bottom: 1px solid #ebeaf6;
}

.monthpicker .month_list ul li:hover {
    color: #52489c;
}

.monthpicker .month_list ul li.active {
    color: #f45b69;
}

.monthpicker .month_list ul {
    display: inline-block;
    list-style: none;
}

.monthpicker img {
    float: right;
    margin-right: 10px;
    margin-top: 10px;
}

#settings_menu {
    position: absolute;
    display: none;
    z-index: 10;
    font-family: "Poppins Semi Bold";
    color: #8886b1;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    right: 32px;
    top: 60px;
    box-shadow: 0 0 24px rgba(187, 191, 205, 0.34);
    border-radius: 3px 0 0;
    border: 1px solid #ebeaf6;
    background-color: #fafafc;
    list-style: none;
}

#settings_menu.active {
    display: block;
}

#settings_menu li {
    width: 146px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    border-bottom: 1px solid #ebeaf6;
    cursor: pointer;
}

#settings_menu li:hover {
    color: #52489c;
}

#objects_menu {
    position: absolute;
    display: none;
    z-index: 10;
    font-family: "Poppins Semi Bold";
    color: #8886b1;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    right: 32px;
    top: 60px;
    box-shadow: 0 0 24px rgba(187, 191, 205, 0.34);
    border-radius: 3px 0 0;
    border: 1px solid #ebeaf6;
    background-color: #fafafc;
    list-style: none;
}

#objects_menu.active {
    display: block;
}

#objects_menu li {
    min-width: 126px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    border-bottom: 1px solid #ebeaf6;
    white-space: nowrap;
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
}

#objects_menu li:hover {
    color: #52489c;
}

/*



#sub_menu ul li img
{
	position:relative;
	left:50%;
	top:-1px;
	margin-left:-8px;
	display:none;
}


#sub_menu ul li
{
	cursor:pointer;
	font-size:14px;
	padding-left:15px;
	padding-right:15px;
	height:38px;
	vertical-align:middle;
	line-height:38px;

	border-bottom-width:2px;
	border-bottom-style:solid;
	border-bottom-color:#FFFFFF;
	background-image:url('../images/menu_closed.png');
	background-repeat:no-repeat;
	background-position:207px center;

	width:200px;
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}

#sub_menu ul li.active, #sub_menu ul li:hover
{
	background-color:#FFFFFF;
}

#sub_menu ul li.active
{
	background-image:url('../images/menu_opened.png');
	background-position:212px center;
}

#sub_menu ul
{
	list-style:none;
	display:none;

}

#sub_menu ul li a{
	width:100%;
	display:block;
	color:#000;
}

#sub_menu ul.active
{
	display:block;
}
*/

/*---------------- footer ---------*/
#footer {
    background-color: #23cad2;
    height: 54px;
    bottom: 0px;
    position: fixed;
    width: 100%;
    z-index: 200;
}

#footer img {
    left: 50%;
    position: absolute;
    margin-left: -42px;
    top: 8px;
}

/*header*/

#header {
    height: 69px;
    padding-left: 27px;
    background-color: #f1f1f3;
}

/*
#header #logo{
	margin-top:9px;
}*/

#header_content {
    float: right;
    font-weight: 300;
    vertical-align: top;

    height: 69px;
    color: #52489c;
    font-size: 14px;
    font-family: "Poppins Medium";
    font-weight: 500;
}

#header_content div {
    display: inline-block;
    position: relative;
    height: 69px;
    line-height: 69px;
}

#header_content div.sep {
    width: 1px;
    background-color: #e2e2e2;
    margin-left: 11px;
    margin-right: 35px;
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f6f6f6;
}

#logout_box {
    color: #52489c;
    font-family: materialFont;
    font-size: 18px;

    cursor: pointer;
    top: -26px;

    margin-right: 150px;
    margin-left: 21px;
}

#loged_box {
    top: -26px;
    /*font-family: "Lucida Grande";
	font-size: 14px;*/
}

#loged_box .shop {
    font-family: "Poppins Light";
    font-weight: 300;
}

#loged_box .shop.link {
    cursor: pointer;
}

#loged_box span {
    padding-left: 5px;
    padding-right: 5px;
    line-height: 69px;
}

#logout_box span {
    top: 45px;
    right: -90px;
}

#header #rsi {
    color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -485px;
    float: none;
    top: 40px;
    font-size: 20px;
    font-weight: 100;
}

#header #fututec {
    color: #990053;
    position: absolute;
    left: 50%;
    margin-left: -485px;
    float: none;
    top: 15px;
    font-size: 15px;
}

#header #languages,
#header #header_logout {
    float: right;
    margin-top: 40px;
    margin-right: 18px;
}

#header #header_logout {
    margin-right: 3px;
}

/*-------content-------*/
#content {
    width: 100%;
    vertical-align: top;
    min-width: 360px;
}

#content .location {
    position: absolute;
    height: 19px;
    line-height: 19px;
    color: #8886b1;
    font-family: Poppins;
    font-size: 13px;
    font-weight: 400;
    right: 23px;
    top: 105px;
    z-index: 2;
}

#content .location .main {
    color: #52489c;
    cursor: pointer;
}

#content .location .sub span,
#content .location .sub .reminder {
    display: none;
}

#windows {
    width: 100%;
}

.window {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 44px;
    padding-left: 226px;
    min-height: 250px;
    /*	overflow:auto;*/
    /*	background-color: #f5f6fa;*/
}

/*#content
{
	width:1000px;
	position:relative;
	left:50%;
	margin-left:-500px;
	margin-bottom:77px;
	background-color:#e6e6e6;
	vertical-align:top;

}*/

#content_top {
    background-color: #23cad2;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    font-size: 19px;
    padding-left: 15px;
    color: #fff;

    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #d73a91;
}

#content_header {
    height: 32px;
    padding-left: 6px;
    padding-right: 10px;
    padding-top: 4px;
    vertical-align: top;
}

/*
.window
{
	padding-bottom:44px;
	max-width:770px;
	min-height:250px;
	overflow:auto;

}
*/
.window_content {
    padding-top: 10px;
    padding-left: 25px;
    padding-right: 25px;
}

.window_content .window {
    padding-left: 0px;
}

.emailtext {
    font-family: "Poppins Medium";
    font-size: 16px;
    background-color: #f5f6fa !important;
    color: #c3c3c3;
}

.emailtextinp {
    font-family: "Poppins Medium";
    font-size: 16px;
}

.emailtext:hover {
    color: #3a3335;
}

.window_header {
    background-color: #e9e9e9;
    background-image: -moz-linear-gradient(center top, #ffffff, #e9e9e9);
    height: 43px;

    border-radius: 10px 10px 0px 0px;
    /*
	padding-top:3px;
	padding-left:12px;
	padding-right:10px;
	border-color:#003e00;
	color:#006200;
	font-weight:bold;
	text-transform:uppercase;
	border-style: solid;
    border-width: 1px;*/
}

/*
.window_header img
{
	float:right;
	margin-left:15px;
	cursor:pointer;
}


*/

.window_header table,
.year_header table {
    width: 330px;
    position: relative;
    left: 50%;
    margin-left: -165px;
}

.window_header table tr td,
.year_header table td {
    text-align: center;
    width: 100px;
}

.window_header table tr td.middle,
.year_header table td.middle {
    width: 130px;
    vertical-align: middle;
    font-weight: bold;
    font-size: 14px;
}

.window_header img,
.year_header img {
    cursor: pointer;
}

.year_header table {
    background: url(../images/year_background.png);
}

/*
.window_content
{
    background-color: #eaeaea;
    background-image: -moz-linear-gradient(center top , #f8f8f8, #e1e1e1);
	padding-top:25px;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:30px;
	border-color:#003e00;
	border-style: solid;
    border-width: 1px;
    border-top-width: 0px;
	border-radius: 0px 0px 8px 8px;

}
*/

/*--------------- button ---------------*/

button,
input[type="button"] {
    width: 200px;
    height: 48px;
    border-radius: 3px;
    background-color: #ffffff;
    display: inline-block;
    color: #3a3335;
    font-family: Poppins;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    border: 2px solid #3a3335;
}

/* Style for "Rectangle" */

button:enabled:hover,
button:enabled:active,
input[type="button"]:hover,
button.active {
    background-color: none;
    color: #ffffff;
    background-image: linear-gradient(49deg, #8374ec 0%, #52489c 100%);
    border: 2px solid #332c6c;
}

button[disabled],
button[disabled]:hover {
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.08);
    border: 2px solid rgba(208, 210, 218, 0.25);
    background-color: #ebeaf6;
    color: #c4c5cc;
}

button .button_arrow_hover {
    display: none;
}

button:hover .button_arrow_hover,
button:active .button_arrow_hover,
button.active .button_arrow_hover {
    display: inline-block;
}

button:hover .button_arrow,
button:active .button_arrow,
button.active .button_arrow {
    display: none;
}

.button_outer {
    display: inline-block;
    margin-bottom: 20px;
    text-align: right;
}

.button_outer button {
    margin-right: 18px;
}

.button_outer_spam {
    display: inline-block;
    margin-bottom: 20px;
    text-align: right;
}

.button_outer_spam button {
    margin-right: 18px;
    width: 200px !important;
}

button.sm,
.addremove_row button,
.form_table button,
input[type="button"] {
    width: 120px;
    height: 30px;
    margin-left: 2px;
}

.search_bar button {
    min-width: 200px;
    height: 48px;
    border-radius: 3px;
    border: 2px solid #3a3335;
}

/*
.button_outer:hover
{
	background:none;
}



.window button
{
	border-color:#cccccc;
	margin-left:10px;
}

#header button
{
	border-color:#ffffff;
	margin-left:2px;
	width:58px;
	text-align:center;
	padding-left:0px;
    padding-right:0px;

}
#header #header_logout button
{
	width:auto;
	margin-left:0px;
	padding-left:28px;
    padding-right:28px;
}



#header button.dark
{
	background: url(../images/button-background-dark.png);
}
#header button:hover, #header button.active,.window button:hover, .window button.active
{
	background-color:#fefefe;
	border-color:#878787;
	color:#000;
}


input[type="button"]
{
	background-color:#7b7c7e;
	color:#FFFFFF;
	line-height:20px;
	text-transform:uppercase;
	vertical-align:middle;
	border-radius:12px;
	height:24px;
	font-size:12px;
	padding-left:20px;
	padding-right:20px;
	border-style:double;


    border-color: #CCCCCC;

    border-style: solid;

}

input[type="button"].dark
{
	background: url(../images/button-background-dark.png);
}
input[type="button"]:hover, input[type="button"].active
{
	background-color:#eaeceb;
	color:#000;
	border-color:#878787;
}

*/

/* otsinguriba */
.search_bar {
    margin-bottom: 20px;
}

.search_bar div.param {
    padding-right: 30px;
    vertical-align: top;
    display: inline-block;
}

.search_bar div label,
.search_bar div .empty_label {
    display: block;
    height: 48px;
    vertical-align: middle;
    line-height: 48px;

    color: #52489c;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 400;
}

.search_bar div.param .select {
    /* Style for "Rectangle" */
    height: 48px;
    border-radius: 3px;
    border: 1px solid #ebeaf6;
    background-color: #fafbff;
    background-image: none;
    margin-right: 10px;
}

.search_bar div.param .select div {
    color: #5c53a2;
    font-family: "Poppins Medium";
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    line-height: 48px;
    padding-left: 19px;
    padding-right: 23px;
    background-image: url("../images/ion-arrow-down-b_-_Ionicons.png");
    background-size: 12px 8px;
}

.search_bar div.param .select select {
    height: 48px;
    font-size: 22px;
}

.search_bar div.param input[type="text"] {
    height: 46px;
    border-radius: 3px;
    border: 1px solid #ebeaf6;
    background-color: #fafbff;
    background-image: none;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 180px;
    color: #5c53a2;
    font-family: "Poppins Medium";
    font-size: 16px;
    font-weight: 500;
    padding-left: 19px;
    margin-right: 10px;
}

.search_bar div.param input[type="text"].date {
    width: 90px;
}

.search_bar div.param input[type="button"] {
    width: 200px;
    height: 48px;
    border-radius: 3px;
    border: 2px solid #332c6c;
    background-image: linear-gradient(
            49deg,
            #8374ec 0%,
            #52489c 100%
    ); /* Style for "OTSI" */
    color: #ffffff;
    font-family: Poppins;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.search_bar span.link {
    cursor: pointer;
    line-height: 48px;
    color: #52489c;
    font-family: Poppins;
    font-size: 13px;
    font-weight: 400;
}

/* Vormid */
.form_box {
    border: 1px solid #f3f2f9;
    background-color: #fbfafe;
    padding: 35px;
    margin-top: 15px;
}

.form_box .param {
    padding-left: 18px;
    display: inline-block;
    margin-bottom: 29px;
    margin-right: 10px;
    vertical-align: top;
}

.form_box .param label {
    height: 21px;
    color: #52489c;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 8px;
}

.form_box .param input[type="text"] {
    width: 405px;
    height: 45px;
    font-size: 16px;
    font-weight: 500;
    padding-left: 23px;

    background-color: #f5f6fa;
}

.form_box .param.long input[type="text"] {
    width: 977px;
}

.form_box .param.long {
    width: 998px;
}

.form_box .param .checkbox {
    display: block;
    height: 21px;
    line-height: 21px;
    color: #52489c;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 15px;
}

/*.popup_content input, .popup_content .select{
	margin-bottom:18px;
}*/
.form_box .param .select {
    width: 496px;
    height: 55px;

    font-size: 16px;
    font-weight: 500;
    position: relative;
}

.form_box .param .select div {
    /*	width: 446px;*/
    height: 55px;
    font-size: 16px;
    font-weight: 500;
    line-height: 55px;
}

.form_box .param select {
    width: 496px;
    height: 55px;
}

.form_box .param .openable .checkbox,
.form_box .param .openable .link {
    display: inline-block;
    margin-bottom: 0px;
    height: 21px;
    line-height: 21px;
}

.form_box .param .openable {
    margin-bottom: 14px;
}

.form_box .param .openable ul {
    padding-top: 15px;
    display: none;
    list-style: none;
    padding-left: 31px;
}

.form_box .param .openable ul li.checkbox {
    height: 21px;
    line-height: 21px;
    margin-bottom: 12px;
    display: block; /* Style for "INFOSYS" */
    color: #52489c;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 400;
}

.form_box .param .openable ul.opened {
    display: block;
}

.form_box .param .openable .link {
    height: 21px;
    color: #52489c;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 400;
    cursor: pointer;
    position: relative;
    top: -5px;
}

.form_box h4 {
    height: 27px;
    color: #52489c;
    font-family: "Poppins Medium";
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    margin-bottom: 14px;
}

/*----------- graafikud -------------*/

#graph_menu {
    margin-top: 32px;
    height: 110px;
}

#graph_menu .button {
    width: 100px;
    height: 90px;
    padding-top: 20px;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
    margin-right: 15px;
    vertical-align: top;
    border: 1px solid #ebeaf6;
    background-image: linear-gradient(225deg, #ffffff 0%, #ebeaf6 100%);
    display: inline-block;
}

#graph_menu .button .icon {
    color: #8886b1;
    font-size: 43px;
    height: 46px;
    line-height: 43px;
    text-align: center;
}

#graph_menu .button .caption {
    text-align: center;
}

#day_choose input[type="text"] {
    width: 123px;
    height: 27px;
    border-radius: 2px;
    border: 1px solid #ebeaf6;
    background-color: #ffffff;
    color: #c3c3c3;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 400;
    line-height: 27px;
    margin-bottom: 2px;
    text-align: center;
}

/*#graph_menu table tr td{
	width: 100px;
	height: 90px;
	text-align:center;
	padding-top:20px;
	padding-left:5px;
	padding-right:5px;
	vertical-align:top;
	cursor:pointer;

}
#graph_menu table tr td.sep{
	border:none;
	background-image: none;
	width: 15px;
}

#graph_menu table tr td .icon{
	color: #8886b1;
	font-size: 43px;
}

#graph_menu table tr td .iconfont{
	font-family: iconFont;
}
*/

/*
#graph_menu table tr td
{
	padding-left:35px;
	height:22px;
	vertical-align:middle;
	color:#000000;
	background-color:#cccccc;
	width:156px;
	cursor:pointer;
	background-image:url('../images/graph_menu_closed.png');
	background-repeat:no-repeat;
	background-position:12px center;


	border-top-width:2px;
	border-top-style:solid;
	border-bottom-width:2px;
	border-bottom-style:solid;
	border-top-color: #23cad2;
	border-bottom-color: #23cad2;

}

#graph_menu table tr td.sep
{
	background-image:url('../images/table_sep.png');
	width:2px;
	border:0;
	background-color:#878787;
	padding:0;

	border-bottom-width:2px;
	border-bottom-color:#FFF;
	border-bottom-style:solid;

}

#graph_menu table tr td.empty
{
	background:none;
	border:0;
}

#graph_menu table tr td.opened
{


	color:#FFFFFF;
	background-color:#878787;
	background-image:url('../images/graph_menu_opened.png');

}

#graph_menu
{
	position:relative;
	top:2px;
	z-index:200;
}*/

.graph {
    width: 0px;
    overflow: hidden;
    height: 0px;
    padding-left: 25px;
    padding-right: 25px;
}

.graph h4 {
    margin-top: 22px;
    margin-bottom: 14px;

    color: #52489c;
    font-family: "Poppins Medium";
    font-size: 18px;
    font-weight: 500;
}

/*
.graph
{
	width:0px;
	overflow:hidden;
	height:0px;
	background-color:#FFF;
	border-top-width:2px;
	border-top-style:solid;
	border-top-color: #23cad2;
}

.graph table
{
	margin:8px;
	width:984px;

}

.graph hr
{
	margin:8px;
}

.graph h4
{
	padding-left:10px;
	margin-top:10px;
}

.graph .content_table tr td {
    color: #878787;
    overflow: hidden;
    padding-right: 5px;
    text-align: right;
	height:29px;
	line-height:29px;
	vertical-align:middle;
}

.graphs_header
{
	width:100%;
	background-color:#e6e6e6;
}

.graphs_header tr
{
	border-bottom-color:#686868;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

.graphs_header tr td
{
	text-align:center;
	vertical-align:middle;
}


.graph .top
{
	height:28px;
	width:100%;
	color:#FFF;
	background-image:url('../images/arrow_up.png');
	background-repeat:no-repeat;
	background-position:left;
	font-size:14px;
	padding-left:80px;
	padding-top:15px;
	margin-top:1px;
	position:relative;
	left:-10px;
	top:30px;
}

.graph .bottom
{
	height:0px;
	overflow:hidden;
background-color:#4a4a4a;

}

.graph.opened .top
{
	background-image:url('../images/arrow_up.png');
}

.graph .bottom .inner
{
	padding:10px;
}

.graph .bottom .chart
{
	position:relative;
	top:25px;
}
*/

#customer_graphs_form .checkbox {
    padding-right: 20px;
}

#users_table tr.status1 {
    display: none;
}

/*
#graphs_rental_space_statistics__window.window, #customer_graphs_rental_space_statistics__window.window
{
	max-width:1000px;
	overflow:visible;
}
#gates_rental_space_statistics__window.window
{

	max-width:1000px;
	overflow:visible;
}
*/
/*------näidud ------*/

input.date {
    width: 75px;
}

input.time {
    width: 80px;
}

#cash_flow_form table tr.status3 .checkbox,
#test_results_form table tr.status3 .checkbox,
#cash_flow_form #cash_flow_input table tr.status2 .checkbox,
#training_results_form tr.status3 .checkbox {
    background-image: none;
}

#training_results_form tr.status3 .checkbox input {
    display: none;
}

/*#cash_flow_input tr.status2 td.change a,*/
#cash_flow_input tr.status3 td.change a {
    display: none;
}

#cash_flow_input .owner tr.status2 td.change a,
#cash_flow_input .owner tr.status3 td.change a {
    display: block;
}

#test_results_form table tr.status3 {
    background-color: #e6f8e0;
    /*display:none;*/
}

/*--------- üürnike sisestus -----------------*/

.large_form_table tr td {
    padding: 7px;
    width: 33%;
}

.large_form_table {
    width: 100%;
}

/*
#tenant_form .large_form_table
{
	margin:10px;
	width:715px;
}*/
#tenant_form .small_button {
    float: right;
    width: 28px;
    padding: 0;
    color: #146cb3;
    font-weight: bold;
}

#tenant_form .add {
    float: right;
    width: 28px;
    padding: 0;
    color: #146cb3;
    font-weight: bold;
    margin-top: -2px;
    margin-left: 10px;
}

#tenant_form .minus {
    float: right;
    margin: 0;
}

.large_form_table textarea,
.large_form_table select[multiple] {
    height: 90px;
}

.large_form_table .box {
    border-color: #d1d3d2;
    border-width: 2px;
    border-style: solid;
    padding: 5px;
    background-color: #fff;
    margin-bottom: 12px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.large_form_table .box input[type="text"] {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*	background-color:#e7e7e7;*/
    height: 24px;
    line-height: 22px;
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0;
}

.large_form_table .box select {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
    /*background-color:#e7e7e7;*/
}

.large_form_table .box_header span {
    /*	background-color:#FFF;*/
    /*	background-image:url('../images/box_header.png');*/
    background-position: right;
    background-repeat: no-repeat;
    padding-top: 5px;
    /*	padding-right:20px;*/
}

.large_form_table .box_header {
    /*	background-color:#23cad2;*/
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: bold;
    height: 17px;
    padding-top: 7px;
    overflow: hidden;
}

#contact_list {
    margin-top: 10px;
    padding-top: 10px;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #d3d3d3;
    -moz-box-sizing: border-box;
}

.contact,
.brand {
    height: 28px;
}

#brand {
    margin-bottom: 2px;
}

/* --------- väljakutse ------------- */

#new_emergency_call_form textarea {
    width: 1010px;
    height: 161px;
    border-radius: 3px;
}

/*-------- table -----------*/

/* List table */
.list_table {
    width: 100%;
    margin-bottom: 22px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.list_table tr th {
    height: 57px;
    line-height: 19px;
    border: none;
    text-align: left;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;
    color: #8886b1;
    font-family: "Poppins Semi Bold";
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

.list_table tr th.center {
    text-align: center;
}

.list_table tr th:first-child {
    padding-left: 30px;
}

.list_table tr th.check {
    padding-left: 5px;
    text-align: center;
}

.list_table.sortable tr th:hover {
    color: #52489c;
}

.list_table.sortable tr th.sorttable_sorted,
.list_table.sortable tr th.sorttable_sorted_reverse {
    color: #f45b69;
}

.list_table tr td {
    border: none;
    color: #3a3335;
    font-family: Poppins;
    font-size: 13px;
    font-weight: 400;
    line-height: 25px;
    height: 55px;
    word-wrap: break-word;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #ebeaf6;
    border-top: 1px solid #ebeaf6;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #fcfcff;
}

.list_table tr td:first-child {
    padding-left: 30px;
}

.list_table tr td.checkbox {
    padding-left: 5px;
}

.list_table.all_right tr td,
.list_table.all_right tr th {
    text-align: right;
}

.list_table.long_texts tr td,
.list_table tr td.link {
    line-height: 20px;
}

.list_table tr td:last-child {
    border-right: 1px solid #ebeaf6;
}

.list_table tr td:first-child {
    border-left: 1px solid #ebeaf6;
}

.list_table tr th.clean,
.content_table tr th.clean,
.list_table tr td.clean,
.content_table tr td.clean,
.compact tr th.clean,
.compact tr td.clean {
    border: 0;
    text-align: left;
    padding-left: 8px;
}

.list_table tr:hover td {
    background-color: #ffffff !important;
}

.list_table.number_table tr td,
.list_table tr th.r {
    text-align: right;
    padding-right: 17px;
}

.list_table .status1 td {
    color: #c6c6c6;
}

.list_table.sortable tr th {
    cursor: pointer;
}

.list_table.sortable tr th.sorttable_nosort {
    cursor: auto;
}

.list_table.sortable tfoot tr th {
    cursor: auto;
}

.list_table.sortable tr th.check {
    cursor: pointer;
}

/*
.list_table tr .edit, .list_table tr .delete, .list_table tr .view, .list_table tr .link{
    color: #146cb3;
    cursor: pointer;
    font-weight: bold;
}*/
.list_table tr .link span {
    white-space: nowrap;
}

.list_table tr .link span:hover {
    text-decoration: underline;
}

.list_table tr td input[type="text"] {
    width: 104px;
    height: 21px;
    border-radius: 2px;
    border: 1px solid #ebeaf6;
    background-color: #f5f6fa;
    text-align: right;
    padding-right: 17px;
    color: #3a3335;
    font-size: 15px;
    line-height: 21px;
    font-family: Poppins;
    margin-right: -17px;
}

.list_table.number_table tr td input[type="text"] {
    width: 74px;
}

.list_table tr td.password {
    color: #fcfcff;
}

.list_table tr td.password:hover {
    color: #3a3335;
}

.list_table tr td.icons,
.list_table.large .sub_row td table tr th.icons {
    white-space: nowrap;
    padding-left: 7px;
    padding-right: 7px;
    /*	font-size: 0;
	line-height:0px;*/
    text-align: right;
    width: 39px;
    overflow: visible;
}

.list_table tr td.icons div,
.list_table tr th.icons div {
    cursor: pointer;
    font-family: iconFont;
    text-align: center;
    width: 39px;
    height: 40px;
    border: 1px solid #ffffff;
    background-image: linear-gradient(225deg, #ffffff 0%, #ebeaf6 100%);
    display: inline-block;
    line-height: 40px;
    color: #8886b1;
    font-size: 13px;
    position: relative;
}

.list_table tr td.icons div.materialfont,
.list_table tr th.icons div.materialfont,
.icon.materialfont {
    font-family: materialFont;
}

.list_table tr td.icons div:hover,
.list_table tr th.icons div:hover {
    border: 1px solid rgba(136, 134, 177, 0.47);
    background-image: linear-gradient(45deg, #c4c2d9 0%, #ffffff 100%);
    color: #52489c;
}

.list_table tr td.icons div.active,
.list_table tr th.icons div.active {
    border: 1px solid rgba(136, 134, 177, 0.47);
    border: 1px solid #acaac7;
    background-image: linear-gradient(225deg, #c4c2d9 0%, #ffffff 100%);
}

.list_table tr td.icons div span {
    display: none;
}

.list_table tr td.icons div .alt,
.list_table tr th.icons div .alt {
    position: absolute;
    top: -43px;
    left: -120px;
    z-index: 10;
    width: 151px;
    height: 37px;
    /*	border-radius: 3px 0 0;*/
    /*background-color: #52489c;*/

    background-color: transparent;
    border: none;
    border-radius: 0px;
    background-image: url("../images/btn_alt.png");

    line-height: 37px;
    color: #ffffff;
    font-family: "Poppins Semi Bold";
    font-size: 12px;
    font-weight: 600;
    /*	padding-top:10px;*/
    text-align: center;
    display: none;
}

.list_table tr td.icons div:hover .alt,
.list_table tr th.icons div:hover .alt {
    display: block;
}

.list_table tr td.icons ul,
.list_table tr th.icons ul {
    display: none;
    position: absolute;
    right: 10px;
    z-index: 5;
    font-family: "Poppins Semi Bold";
    color: #8886b1;
    font-size: 11px;
    font-weight: 600;
    list-style: none;
    box-shadow: 0 0 24px rgba(187, 191, 205, 0.34);
    border-radius: 3px 0 0;
    border: 1px solid #ebeaf6;
    background-color: #fafafc;
}

.list_table tr td.icons .active ul,
.list_table tr th.icons .active ul {
    display: block;
}

.list_table tr td.icons ul li,
.list_table tr th.icons ul li {
    width: 146px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    border-bottom: 1px solid #ebeaf6;
    cursor: pointer;
}

.list_table tr td.icons ul li:hover,
.list_table tr th.icons ul li:hover {
    color: #52489c;
}

.list_table.large tr td {
    height: 70px;
}

.list_table.large tr td.checkbox {
    background-position: 24px center;
    width: 64px;
}

.list_table.large tr:hover td {
    color: #f45b69;
}

.list_table.large .sub_row,
.list_table.large tr.closed {
    display: none;
}

.list_table.large .sub_row.opened {
    display: table-row;
}

.list_table.large .sub_row td {
    padding: 0px;
    overflow: visible;
}

.list_table.large .sub_row td table tr td {
    padding-left: 5px;
    padding-right: 5px;
}

.list_table.large tr td.icons,
.list_table.large tr th.icons,
.list_table.large .sub_row td table tr td.icons,
.list_table.large .sub_row td table tr th.icons {
    padding-right: 16px;
}

.list_table.large .sub_row td {
    border-left-width: 3px;
    border-left-color: #f45b69;
}

.list_table.large .sub_row td table tr td {
    border-left-width: 0px;
}

.list_table.large tr:hover td table tr td {
    color: #3a3335;
    font-family: Poppins;
    font-size: 13px;
    font-weight: 400;
    line-height: 70px;
}

.list_table.large tr:hover td table tr.status1 td {
    color: #c6c6c6;
}

.list_table.large tr td table tr:hover td {
    color: #f45b69;
}

.list_table.large .sub_row td table tr th {
    color: #8886b1;
    font-family: "Poppins Semi Bold";
    font-size: 13px;
    font-weight: 600;
    line-height: 70px;
    text-align: left;
}

.list_table.large .sub_row td table tr th.title {
    color: #f45b69;
}

.list_table.large .sub_row td table tr td.type,
.list_table.large tr td.type {
    padding-left: 26px;
    background-image: url("../images/cloud-download_-_simple-line-icons_copy.png");
    background-repeat: no-repeat;
    background-position: left center;
}

.list_table.large tr td.sub_menu_name {
    padding-left: 26px;
    background-image: url("../images/subdirectory_arrow_right_-_material.png");
    background-repeat: no-repeat;
    background-position: left center;
}

.list_table.large .sub_row td table tr td.type.download,
.list_table.large tr td.type.download {
    background-image: url("../images/cloud-download_-_simple-line-icons_copy_2.png");
}

.list_table.large .sub_row .document_list,
.list_table.large .sub_row .window {
    margin-bottom: 0px;
    padding-bottom: 0px;
    min-height: 0px;
}

.list_table.large .sub_row td table tr td.name,
.list_table.large tr td.name {
    padding-left: 53px;
    background-image: url("../images/file_icons/file-doc.png");
    background-repeat: no-repeat;
    background-position: 30px center;

    background-size: 14px 17px;
}

.list_table.large .sub_row td table tr td.name.pdf,
.list_table.large tr td.name.pdf {
    background-image: url("../images/file_icons/file-pdf.png");
}

.list_table.large .sub_row td table tr td.name.png,
.list_table.large .sub_row td table tr td.name.jpg,
.list_table.large .sub_row td table tr td.name.gif,
.list_table.large .sub_row td table tr td.name.bmp,
.list_table.large tr td.name.png,
.list_table.large tr td.name.jpg,
.list_table.large tr td.name.gif,
.list_table.large tr td.name.bmp {
    background-image: url("../images/file_icons/file-img.png");
}

.list_table tr td input[type="text"].date {
    margin-right: 22px;

    color: #3a3335;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    width: 87px;
    height: 32px;
    border-radius: 2px;
    border: 1px solid #ebeaf6;
    background-color: #f5f6fa;
    text-align: center;
    padding: 0px;
}

.list_table .line_button {
    color: #52489c;
    font-family: "Poppins Semi Bold";
    font-size: 13px;
    font-weight: 600;
    line-height: 13px;
    cursor: pointer;
    padding-right: 30px;
}

.list_table .line_button .materialfont {
    margin-right: 9px;
    font-size: 16px;
}

#graphs .list_table tr td {
    color: #3a3335;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 400;
}

/* table header */
.table_header {
    height: 68px;
    line-height: 68px;
    background-color: #f5f6fa;
    color: #52489c;
    font-family: "Poppins Semi Bold";
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
}

.table_header div {
    display: inline-block;
    height: 68px;
    line-height: 68px;
}

.table_header div div {
    margin-left: 35px;
}

.table_header .rightside {
    float: right;
    margin-right: 37px;
}

.table_header .toolbar div {
    margin-right: 16px;
    cursor: pointer;
}

.table_header .rightside .select {
    /* Style for "Rectangle" */
    height: 48px;
    border-radius: 3px;
    border: 1px solid #ebeaf6;
    background-color: #fafbff;
    background-image: none;
    margin-right: 10px;
    margin-left: 0px;
    margin-top: 10px;
}

.table_header .rightside .select div {
    color: #5c53a2;
    font-family: "Poppins Medium";
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    line-height: 48px;
    padding-left: 19px;
    padding-right: 23px;
    background-image: url("../images/ion-arrow-down-b_-_Ionicons.png");
    margin-left: 0px;
    background-size: 12px 8px;
}

.table_header .rightside .select select {
    /*	height:48px;*/
    font-size: 22px;
}

.table_header .rightside input[type="text"] {
    height: 46px;
    border-radius: 3px;
    border: none;
    background-color: transparent;
    background-image: none;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 180px;
    color: #5c53a2;
    font-family: "Poppins Medium";
    font-size: 16px;
    font-weight: 500;
    padding-left: 19px;
    margin-right: 10px;
    line-height: 46px;
    position: relative;
    top: -10px;
    box-shadow: none;
}

.rightside_search input[type="text"] {
    height: 46px;
    border-radius: 3px;
    border: none;
    background-color: white;
    background-image: none;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 180px;
    color: #5c53a2;
    font-family: "Poppins Medium";
    font-size: 16px;
    font-weight: 500;
    padding-left: 19px;
    margin-right: 10px;
    line-height: 46px;
    position: relative;
    top: -10px;
    box-shadow: none;
    border: 1px solid #ccc;
}

.rightside_search input[type="text"]::placeholder {
    color: #52489c;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 400;
}

.rightside_search {
    padding-left: 18px;
}

.table_header .rightside input[type="text"]::placeholder {
    color: #52489c;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 400;
}

.table_header .search_icon {
    font-family: materialFont;
    width: 23px;
    height: 23px;
    color: #52489c;
    font-size: 23px;
    cursor: pointer;
}

.checkbar {
    padding-left: 32px;
    padding-bottom: 26px;
    border-bottom: 1px solid #efeff8;
}

.checkbar .checkbox {
    padding-left: 60px;
    margin-right: 25px;
    color: #52489c;
    font-family: Poppins;
    font-size: 13px;
    font-weight: 400;
    line-height: 25px;
    background-size: 45px 19px;
}

/* table all*/
table tr.center td,
table tr td.center,
.list_table.number_table tr td.center,
.list_table.number_table tr th.center {
    text-align: center;
}

/*---------- forms */
.form_table tr td {
    padding: 5px;
    margin: 0;
}

.form_table select {
    width: 100%;
}

.small_input,
input.small {
    width: 50px;
}

input.medium {
    width: 100px;
}

.form_table tr td {
    vertical-align: top;
}

.content_table {
    width: 100%;
    margin-bottom: 32px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.content_table tr td {
    border-width: 1px;
    border-style: solid;
    border-color: #e4e4e4;
    color: #000000;
    word-wrap: break-word;
    overflow: hidden;
    text-align: left;
    line-height: 16px;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
}

.content_table tr th {
    font-size: 12px;
    color: #878787;
    padding-right: 5px;
    padding-left: 5px;
    background-color: #e9e9e9;
    height: 20px;
    line-height: 20px;

    border-color: #d0d0d0;
    border-width: 1px;
    border-style: solid;
    text-align: center;
    vertical-align: middle;
}

.content_table tr th {
    text-align: right;
}

/* Compact table */
.compact {
    width: 100%;
    margin-bottom: 20px;
}

.compact tr th {
    font-size: 13px;
    color: #878787;
    padding-right: 5px;
    padding-left: 5px;
    background-color: #e9e9e9;
    text-align: right;
    height: 22px;
    border-color: #d0d0d0;
    border-width: 1px;
    border-style: solid;
}

.compact tr td {
    border-width: 1px;
    border-style: solid;
    border-color: #e4e4e4;
    /*	color:#1d1d1b;*/
    padding-right: 8px;
    word-wrap: break-word;
    overflow: hidden;
    text-align: right;
}

/*
.compact tr td .checkbox
{
	height:14px;
	overflow:hidden;
}
*/

.compact tr td .checkbox input {
    height: 1px;
}

.compact tr td input {
    margin: 0;
}

.compact tr td input[type="text"] {
    width: 80px;
    padding-top: 2px;
    padding-bottom: 2px;
    height: 16px;
}

.compact tr td.change {
    cursor: pointer;
}

.readings_table tr td {
    width: 20%;
    padding-left: 10px;
}

.readings_table tr td input[type="text"] {
    width: 100px;
}

/*------- näidud ------*/
#water_history {
    background-image: url("../images/water_history.png");
    width: 753px;
    height: 160px;
    position: relative;
    margin-bottom: 20px;
}

#water_history #water_text {
    position: absolute;
    top: 84px;
    left: 10px;
}

#water_history #water_table {
    position: absolute;
    top: 112px;
    left: 60px;
}

#water_history #water_table tr td,
#water_history #water_table tr th {
    width: 53px;
    text-align: right;
}

#electricity_history {
    background-image: url("../images/electricity_history.png");
    width: 753px;
    height: 160px;
    position: relative;
}

#electricity_history #electricity_text {
    position: absolute;
    top: 84px;
    left: 10px;
}

#electricity_history #electricity_table {
    position: absolute;
    top: 112px;
    left: 60px;
}

#electricity_history #electricity_table tr td,
#electricity_history #electricity_table tr th {
    width: 53px;
    text-align: right;
    height: 20px;
    overflow: hidden;
}

.readings_table {
    width: 100%;
}

.readings_error {
    display: none;
    border-color: red;
    border-width: 1px;
    border-style: solid;
    padding: 5px;
    position: absolute;
    background-color: #fff;
}

#readings_report_form .error:hover .readings_error {
    display: block;
}

#readings_report_form input {
    width: 80px;
}

#readings_report_form .list_table tr td {
    padding: 5px;
}

#readings_report_form input.device_input {
    width: 170px;
}

#readings_report_form input.device_input-disabled {
    pointer-events: none;
}

/* ---------- elemendid -------------*/

.small_button {
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
    padding-left: 34px;
    cursor: pointer;
    background-position: left center;
    background-repeat: no-repeat;
    width: auto;
    display: inline-block;
    margin-left: 15px;
}

.add {
    background-image: url("../images/+.png");
}

.see {
    height: 28px;

    line-height: 28px;
    vertical-align: middle;
    padding-left: 34px;
    cursor: pointer;
    background-image: url("../images/see.png");
    background-position: left center;
    background-repeat: no-repeat;
    width: auto;
    display: inline-block;
    margin-left: 15px;
}

/*.see:hover
{
	background-image:url('../images/see_active.png');
}*/

.minus {
    background-image: url("../images/-.png");
}

.right {
    background-image: url("../images/ion-arrow-right.png");
    /*background-image:url('../images/right.png');*/
    background-position: center center;
    background-repeat: no-repeat;
}

/*
.right:hover
{
	background-image:url('../images/right_active.png');
}*/
.left {
    /*	background-image:url('../images/left.png');*/
    background-image: url("../images/ion-arrow-left.png");
    background-position: center center;
    background-repeat: no-repeat;
}

/*
.left:hover
{
	background-image:url('../images/left_active.png');
}
*/
.minus:hover {
    background-image: url("../images/-active.png");
}

.add:hover {
    background-image: url("../images/+active.png");
}

.right.rounded {
    background-image: url("../images/arrow-right-circle_-_simple-line-icons.png");
}

.left.rounded {
    background-image: url("../images/arrow-left-circle_-_simple-line-icons.png");
}

/* ---- checkbox --- */

.checkbox {
    padding-left: 33px;
    line-height: 23px;
    height: 22px;
    white-space: nowrap;
    background-image: url("../images/checkbox2.svg");
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
    font-family: "Poppins Medium";
    font-size: 16px;
    font-weight: 500;
    /*color: #c3c3c3;*/
}

table tr td.checkbox {
    min-width: 40px;
}

.checkbox.checked {
    background-image: url("../images/checkbox-checked2.svg");
}

.redblue_checkboxes .checkbox {
    background-image: url("../images/checkbox_redblue.png");
    background-size: 45px 20px;
}

.redblue_checkboxes .checkbox.checked {
    background-image: url("../images/checkbox_redblue_checked.png");
}

span.checkbox {
    padding-left: 25px;
}

.checkbox input {
    visibility: hidden;
}

table tr td.checkbox.fire,
table tr td.checkbox.board_member,
table tr td.checkbox.manager {
    font-family: iconFont;
    font-size: 26px;
    background-image: none;
    width: 45px;
}

table tr td.checkbox.fire div,
table tr td.checkbox.board_member div,
table tr td.checkbox.manager div {
    width: 45px;
    height: 45px;
    border-radius: 22px;
    text-align: center;
    vertical-align: middle;
    line-height: 45px;
    color: #d0d0da;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.08);
    background-color: #ebeaf6;
}

table tr td.checkbox.fire input,
table tr td.checkbox.board_member input,
table tr td.checkbox.manager input {
    position: absolute;
}

table tr td.checkbox.fire.checked div,
table tr td.checkbox.board_member.checked div,
table tr td.checkbox.manager.checked div {
    color: #ffffff;
    background-image: linear-gradient(135deg, #8a7ecb 0%, #52489c 100%);
}

table tr td.checkbox.board_member div {
    font-family: materialFont;
}

.monthpicker {
    padding-left: 29px;
    background-image: url("../images/ion-calendar---ionicons.png");
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
}

table tr .check {
    width: 26px;
    cursor: pointer;
}

.checkbox.cando {
    padding-left: 30px;
    width: 190px;
    /*   width: auto;*/
    margin-right: 30px;
}

.list_table .checkbox,
.compact .checkbox {
    width: auto;
    height: auto;
    display: table-cell;
    background-position: center center;
}

.addremove_row {
    vertical-align: top;
    height: 32px;
    margin-bottom: 20px;
}

.addremove_row input {
    margin-bottom: 0;
}

/*
.addremove_row .add
{
	position:relative;
	top:-1px;
}*/
/*--------- login box --------*/

#login_box {
    position: fixed;
    width: 1440px;
    left: 50%;
    margin-left: -720px;
    height: 966px;
    top: 50%;
    margin-top: -483px;
    background-color: #fff;
}

#login_box_content {
    float: right;
    padding: 110px;
    width: 500px;
    color: #52489c;
    font-family: "Poppins Medium";
    font-size: 15px;
    font-weight: 500;
    text-align: center;
}

#login_box_content img {
    float: left;
    width: 160px;
    margin-top: 50px;
    margin-bottom: 10px;
}

#login_box_content button img {
    float: none;
    width: auto;
    margin-top: 0px;
    margin-bottom: -2px;
    height: 17px;
}

#login_box input[type="text"],
#login_box input[type="password"] {
    width: 100%;
    height: 66px;
    line-height: 66px;
    border-radius: 3px;
    border: 2px solid #ffffff;
    background-color: #f5f6fa;
    color: #150f44;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    padding-left: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 10px;
    box-sizing: border-box;
}

#login_box button {
    text-transform: none;
    margin-top: 15px;
    margin-bottom: 24px;
    font-family: "Poppins Medium";
    font-size: 18px;
    font-weight: 500;
    padding-left: 31px;
    padding-right: 31px;
}

#login_box a {
    color: #30343f;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 400;
}

#login_box #language_box,
#language_box {
    position: absolute;

    right: 32px;
    top: 32px;

    /* Style for "Rectangle" */
    /*width: 87px;*/
    height: 24px;
    border-radius: 13px;
    border: 1px solid #52489c;
    background-color: #ffffff;

    /*	padding-right:4px;
	padding-left:4px;*/
}

#login_box #language_box a,
#language_box a {
    color: #52489c;
    font-family: "Poppins Medium";
    font-weight: 500;
    text-transform: uppercase;
    font-size: 10px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    width: 24px;
}

#language_box a:first-child {
    padding-left: 11px;
    float: left;
}

#language_box a:last-child {
    /*padding-left:1px;*/
    text-align: right;
    padding-right: 11px;
    float: right;
}

#login_box #language_box a.active,
#language_box a.active {
    color: #ffffff;
    font-size: 13px;
    border-radius: 10px;
    background-color: #52489c;
    width: 42px;
    line-height: 24px;
}

/*
#login_box_header
{
	height:34px;
	background:url(../images/login-header-background.png) 0 100% repeat-x;
	text-transform:uppercase;
	vertical-align:middle;
	line-height:34px;
	color:#fff;
	font-weight:bold;
}

#login_box_header img
{
	float:left;
	margin-top:7px;
	margin-left:10px;
	margin-right:10px;
}
#login_box_header img.logo
{
	float:right;
}

#login_box label {
	font-weight:normal;
	color:#4f4f4e;
}

#login_box .checkbox{
	padding-left:25px;
	color:#959595;
}



#login_box select
{
	width:293px;
}

#login_box input[type="submit"]
{
	float:right;
}


#login_box img
{
	display:none;
	position:relative;
	left:50%;
	margin-left:-50px;
	top:50px;
}
*/

/*random*/

.fl {
    float: left;
}

.fr {
    float: right;
}

.right,
.r {
    text-align: right;
}

.bold,
.b {
    font-weight: bold;
}

.error_box {
    border-color: red !important;
}

.error {
    color: red !important;
}

.error_label {
    color: red;
    display: none;
}

/* loader */

#loading_bar {
    background: #bbb;

    /*	background-image:url('../images/loader.gif');
	background-position:center center;
	background-repeat:no-repeat;*/
    left: 50%;
    top: 50%;
    width: 127px;
    height: 127px;
    margin-top: -80px;
    margin-left: -80px;
    /*   padding-top:10px;
    padding-left:10px;*/
    position: fixed;
    display: none;
    z-index: 300;
    /*	color:#2093d2;
	font-size:24px;
	vertical-align:middle;
	line-height:65px;*/
    /*    background-color: #F1F1F1;
    border-color: #E7E7E7;
    border-style: solid;
    border-width: 1px;*/
    padding: 20px;
    color: #878787;
    text-align: center;
    vertical-align: middle;
    line-height: 127px;
    font-size: 14px;
    border-radius: 82px;
}

#loading_bar img {
    /*	float:right;
	margin-top:5px;
	margin-right:5px;*/
}

/*---------message-----------*/

#message_popup {
    position: absolute;
    top: 10%;
    left: 50%;
    width: 750px;
    margin-left: -375px;
    display: block;
    overflow: hidden;
    z-index: 150;
}

#message_popup_content {
    padding-top: 12px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 30px;
    border-color: #f1f1f1;
    border-style: solid;
    border-width: 1px;
    border-top-width: 0px;
    border-radius: 0px 0px 8px 8px;
    background-color: #fff;
}

#message_title {
    height: 35px;
    text-align: center;
}

/*----------- popup ----------*/
#popup {
    position: fixed;
    top: 50%;
    left: 50%;
    display: none;
    z-index: 50;
    overflow: visible;
    z-index: 210;
    box-sizing: border-box;
}

.popup_header {
    padding-top: 6px;
    padding-left: 12px;
    padding-right: 10px;
    border-radius: 5px 5px 0px 0px;
    background-color: #ffffff;
    height: 35px;
    box-shadow: 0 0 70px rgba(21, 17, 49, 0.1);
}

.popup_content {
    background-color: #ffffff;
    padding-top: 0px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    border-radius: 0px 0px 5px 5px;
}

#popup_title {
    display: none;
}

.popup_content input[type="text"],
.popup_content input[type="password"] {
    width: 455px;
    height: 43px;
    border-radius: 3px;
    border: 1px solid #ebeaf6;
    background-color: #f5f6fa;
    color: #c3c3c3;
    font-family: "Poppins Medium";
    font-size: 16px;
    font-weight: 500;
    padding-left: 23px;
}

.popup_content input[type="text"].disabled {
    background-color: #ededed;
}

.popup_content input[type="text"]:focus,
.popup_content input[type="password"]:focus {
    color: #3a3335;
}

.popup_content input[type="text"].date {
    width: 95px;
}

.popup_content input[type="text"].time {
    width: 65px;
}

.popup_content input,
.popup_content .select {
    margin-bottom: 18px;
}

.popup_content .select {
    /*	width: 486px;*/
    height: 55px;
    /*	border-radius: 3px;
	border: 1px solid #ebeaf6;
	background-image: linear-gradient(180deg, #ffffff 0%, #ebeaf6 100%);
	color: #c3c3c3;
	font-family: "Poppins Medium";*/
    font-size: 16px;
    font-weight: 500;
    position: relative;
}

.popup_content select {
    width: 486px;
    height: 55px;
}

.popup_content .select div {
    /*	width: 453px;*/
    height: 55px;
    /*	color: #c3c3c3;
	font-family: "Poppins Medium";*/
    font-size: 16px;
    font-weight: 500;
    line-height: 55px;
    /*	background-image: url('../images/arrow_drop_down_-_material.png');
	background-position: right center;
	background-repeat: no-repeat;
	background-position-x: right 24px;
	padding-left:23px;*/
}

.popup_content div.checkbox {
    height: 23px;
    color: #c3c3c3;
    font-family: "Poppins Medium";
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    padding-left: 33px;
    margin-bottom: 15px;
    display: block;
    white-space: nowrap;
}

.popup_content div.checkbox:hover,
.popup_content .select:hover div,
.popup_content input[type="text"]:hover {
    color: #3a3335;
}

.popup_content button {
    width: 100%;
}

.popup_content label {
    height: 23px;
    line-height: 23px;
}

#popup.large .popup_content button {
    margin-bottom: 30px;
}

.popup_header {
    overflow: visible;
}

.popup_header .popup_close {
    cursor: pointer;
    border-radius: 32px;
    width: 64px;
    height: 64px;
    background-color: #ffffff;
    position: absolute;
    right: -18px;
    top: -18px;
    z-index: 211;
    background-image: url("../images/close_-_material.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.popup_content .form_table input {
    margin-bottom: 0px;
}

/*
suveniir uuele
chd fiskaalis muuta org
*/

.popup_content table tr td {
    border: 0;
}

/*
.popup_header img
{
	float:right;
	margin-left:15px;
	cursor:pointer;
}
*/
#popup.large {
    margin-top: 5px;
    padding-bottom: 40px;
    height: 100%;
}

#popup.large .popup_content {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    box-sizing: border-box;
    /*margin-bottom:175px;*/
}

#mask {
    background-color: #000000;
    height: 100%;
    left: 0;
    opacity: 0.2;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    display: none;
}

#alert_box {
    padding: 10px;
    position: fixed;
    top: 50%;
    left: 50%;
    /*  width:350px;*/
    /*	border-style:solid;
	border-color:red;
	border-width:1px;
	background-color:white;*/
    margin-left: -155px;
    margin-top: -45px;
    display: none;
    z-index: 250;
    height: 70px;
    width: 290px;
    border-width: 1px;
    border-color: #e7e7e7;
    border-style: solid;
    background-color: #f1f1f1;
    color: #878787;
}

#alert_box img {
    float: right;
}

#alert_box div {
    margin-top: 10px;
    float: left;
    color: #878787;
    padding-left: 10px;
    font-size: 16px;
    max-width: 200px;
}

#happy_box {
    padding: 10px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -155px;
    margin-top: -45px;
    display: none;
    z-index: 250;
    height: 70px;
    width: 290px;
    border-width: 1px;
    border-color: #e7e7e7;
    border-style: solid;
    background-color: #fff;
    color: #878787;
}

#happy_box img {
    float: right;
}

#happy_box div {
    margin-top: 10px;
    float: left;
    color: #878787;
    padding-left: 10px;
    font-size: 16px;
    max-width: 200px;
}

/*----------- gruppide vaade-------------------*/
#not_in_group,
#in_group {
    opacity: 1;
    height: 500px;
    width: 300px;
}

.types_edit tr td {
    vertical-align: middle;
}

.types_edit tr td div {
    margin: 15px;
}

.types_edit tr td label {
    color: #52489c;
    font-family: "Poppins Medium";
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 13px;
}

.types_edit tr td select {
    min-width: 358px;
    height: 624px;
    border-radius: 3px;
    border: 1px solid #ebeaf6;
    background-color: #ffffff;
    padding: 0px;
    padding-top: 17px;
}

.types_edit tr td select option {
    line-height: 35px;
    height: 35px; /* Style for "Viru koris" */
    color: #3a3335;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 400;
    line-height: 35px;
    padding-left: 28px;
}

/*
.types_edit tr td select option:checked{
	background-color: #e2e2e2;
	opacity: 0.35;
	color: #000000;
}*/
/*--------------------- file upload ----------------*/
.ajax-upload-dragdrop {
    text-align: center;
    color: #b7b4cd;
    font-family: "Poppins Medium";
    font-size: 20px;
    font-weight: 500;
    border: 1px dashed #b7b4cd;
    background-color: rgba(255, 255, 255, 0.64);
    height: 107px;
    padding-top: 30px;
    vertical-align: middle;
}

.ajax-file-upload {
    border: none;
    background: none;
    color: #b7b4cd;
    font-family: "Poppins Medium";
    font-size: 20px;
    font-weight: 500;
    box-shadow: none;
    height: 44px;
    line-height: 44px;
    vertical-align: top;
}

.ajax-file-upload .iconfont {
    font-size: 40px;
    position: relative;
    top: 10px;
}

.ajax-file-upload:hover {
    border: none;
    background: none;
    box-shadow: none;
}

.ajax-file-upload span {
    height: 44px;
    line-height: 44px;
    display: inline-block;
}

.long .ajax-file-upload-filename {
    width: 800px;
}

/*#file_upload input
{
	margin-bottom:15px;
}*/
#file_upload #comment {
    width: 90%;
    height: 20px;
}

#file_upload label {
    padding-left: 4px;
}

#file_upload button {
    width: 120px;
    height: 24px;
    margin-left: 0px;
    line-height: 20px;
    margin-top: 2px;
}

#file_upload #uploaded_files {
    margin-top: 25px;
    overflow: auto;
    height: 275px;
}

#file_upload .uploaded_file {
    margin-bottom: 20px;
    vertical-align: top;
    position: relative;
    top: 1px;
}

#file_upload .uploaded_file img {
    margin-right: 10px;
    width: 170px;
}

#file_upload .uploaded_file .text {
    position: absolute;

    left: 180px;
    top: 0px;
    width: 180px;
}

#file_upload .window {
    padding-bottom: 0px;
}

#file_upload .file_name {
    position: absolute;
    bottom: 0px;
    left: 180px;
    width: 180px;
    overflow: hidden;
    line-height: 16px;
    background-color: #fff;
}

.exit {
    background-image: url("../images/window_close_white.png");
    height: 28px;
    width: 28px;
    float: right;
    padding-left: 15px;
    margin-left: 10px;
}

.form input[type="file"] {
    z-index: 999;
    line-height: 0;
    font-size: 50px;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    cursor: pointer;
    _cursor: hand;
    margin: 0;
    padding: 0;
    left: 0;
}

.add-photo-btn {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    width: 120px;
    background-color: #7b7c7e;
    border-radius: 10px 10px 10px 10px;
    border-style: solid;
    color: #ffffff;
    font-family: "Neue Helvetica® 55 Roman";
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0;
    vertical-align: middle;
    border-color: #cccccc;
    border-style: solid;
    border-width: 2px;
    margin-left: 12px;
    margin-top: -10px;
    padding-left: 0px;
    padding-right: 0px;
}

.form {
    vertical-align: top;
}

.add-photo-btn:hover {
    background-color: #eaeceb;
    border-color: #878787;
    color: #000;
}

#file_upload #path {
    width: 190px;
    height: 20px;
}

#week_table tr td {
    padding: 0;
}

#week_table .moving_mask {
    height: 167px;
    width: 372px;
    padding: 0;
}

#week_table .middle .button_table tr td {
    width: 67px;
    padding: 0;
}

.moving_table .moving_mask {
    overflow: hidden;
}

.moving_table .moving_content {
    width: 1000px;
}

.moving_content table tr td {
    vertical-align: top;
}

.moving_table tr td {
    cursor: pointer;
    width: auto;
}

.moving_table .left,
.moving_table .right {
    width: 34px;
}

.moving_table {
}

.moving_table .button_table {
    margin: 0;

    display: inline-block;
}

/*
.button_table
{
	border-color:#878787;
	border-style:solid;
	border-width:2px;
	margin-bottom:7px;
}
*/
.button_table tr td {
    border: 2px solid #fafafc;
    width: 121px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    padding: 0;
    height: 36px;
    line-height: 36px;
    border-width: 2px;
    background-color: #f0f1f3;

    color: #52489c;
    font-family: "Poppins Medium";
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
}

.button_table tr td.checked {
    color: #ffffff;
    font-weight: 500;
    background-color: #8886b1;
}

.button_table tr td input {
    display: none;
}

#day_choose tr td {
    width: 32px;
}

#month_choose tr td {
    width: 71px;
}

#weekday_choose tr td {
    width: 60px;
}

.button_box {
    float: left;
    margin-right: 35px;
}

#graphs_form .form_box {
    border: none;
    background-color: transparent;
    padding: 0px;
    margin-top: 15px;
}

#graphs_form .form_box .param:first-child {
    padding-left: 0px;
}

/*------ footer ----------*/
#footer2 abbr[title],
#footer2 dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

#footer2 .contact .vcard ul {
    float: left;
    width: 43%;
}

#footer2 {
    bottom: 0;
    color: #ffffff;
    font-size: 1.2em;
    height: 240px;
    line-height: 1.5;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 400px;
}

#footer2 .contact .vcard abbr {
    clip: rect(0px, 0px, 0px, 0px);
    display: block;
    height: 1px;
    visibility: hidden;
    width: 1px;
}

#footer2 .contact {
    height: 204px;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 396px;
    z-index: 1101;
}

#footer2 .fake {
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    text-indent: -1000px;
    width: 0;
}

#footer2 .sprite {
    background-image: url("../images/bg-sprite.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}

#footer2 .contact .vcard .fax {
    background-position: -479px -616px;
}

#footer2 .contact .vcard .email,
.contact .vcard .work,
.contact .vcard .fax {
    display: inline-block;
    line-height: 30px;
    padding: 0 0 0 30px;
}

html > body .clear {
    display: block;
}

#footer2 .contact .tag {
    background-position: 100% -270px;
    cursor: pointer;
    display: block;
    float: left;
    height: 135px;
    width: 52px;
}

#footer2 .contact .vcard {
    background: url("../images/bg-contact.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    font-size: 1.15em;
    height: 204px;
    left: 52px;
    padding: 0 20px 0 30px;
    position: absolute;
    text-shadow: 1px 1px 1px #5f1324;
    top: 0;
    width: 294px;
}

#footer2 .clear:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

#footer2 .sprite {
    background-image: url("../images/bg-sprite.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}

#footer2 ol,
#footer2 ul {
    list-style: none outside none;
}

#footer2 .contact .vcard h2 {
    font-size: 1.7em;
    line-height: 1.2;
    padding: 30px 0 20px;
}

.hidden {
    display: none;
}

.large_select {
    /*	padding:20px;*/
    font-size: 25px;
}

.title {
    margin-top: 10px;
    font-weight: bold;
}

h3 {
    height: 28px;
    font-size: 15px;
    vertical-align: bottom;
    line-height: 35px;
    color: #868686;
    text-transform: uppercase;
    font-weight: bold;
    font-family: Tahoma;
}

h2 span {
    color: #000000;
}

h1 {
    text-transform: uppercase;
    font-size: 16px;
    color: #95c126;
    height: 30px;
    line-height: 30px;
    /*color:#9A0000;
font-size:26px;*/
}

hr {
    border: none;
    margin: 0px;
    height: 1px;
    border-bottom: 1px solid #efeff8;
    background-color: #f3f3f9;
}

div.scrollable {
    width: 100%;
    overflow: auto;
    height: 120px;
    border-color: #c3c3c3;
    border-style: solid;
    border-width: 2px;
    border-radius: 3px;
    background-color: #fff;
    margin-bottom: 20px;
    padding: 5px;
}

#language_box {
    float: right;
}

/* popup */
#popup tr.up td.left {
    /*	background: url(../images/popupupleft.gif);*/
    background-repeat: no-repeat;
    width: 12px;
    height: 45px;
}

#popup tr.up {
    background: url("../images/header.png");
    background-repeat: repeat-x;
}

#popup tr.up td.center {
    /*	background: url(../images/popupupcenter.gif);*/
    background-repeat: repeat-x;
    height: 45px;
    text-align: center;
    font-size: 15px;
    vertical-align: middle;
}

#popup tr.up td.right {
    /*	background: url(../images/popupupright.gif);*/
    background-repeat: no-repeat;
    width: 12px;
    height: 45px;
}

#popup tr.middle td.left {
    /*	background: url(../images/popupleft.gif);*/

    background: url(../images/popupleft2.gif);
    background-repeat: repeat-y;
    width: 12px;
    background-color: #ebebeb;
    vertical-align: top;
    /*	border-left-color:#a5a5a5;
	border-left-width:1px;
	border-left-style:solid;*/
}

#popup tr.middle td.center {
    background: url(../images/popupcenter.gif);
    background-repeat: repeat-x;
    background-color: #ebebeb;
}

#popup tr.middle td.right {
    /*	background: url(../images/popupright.gif);*/
    background: url(../images/popupbottomright2.gif);
    background-repeat: repeat-y;
    width: 12px;
    background-color: #ebebeb;
    vertical-align: top;
    /*	border-right-color:#a5a5a5;
	border-right-width:1px;
	border-right-style:solid;*/
}

#popup #popup_close_button {
    cursor: pointer;
}

#popup .content_table {
    width: auto;
}

#popup tr.bottom td.left {
    background: url(../images/popupbottomleft.gif);
    background-repeat: no-repeat;
    width: 12px;
    height: 13px;
}

#popup tr.bottom td.center {
    background: url(../images/popupbottomcenter.gif);
    background-repeat: repeat-x;
    background-color: #ffffff;
    height: 13px;
}

#popup tr.bottom td.right {
    background: url(../images/popupbottomright.gif);
    background-repeat: no-repeat;
    width: 12px;
    height: 13px;
}

/*title*/
#popup .title {
    color: #ffffff;
    font: 20px/39px Georgia, "Times New Roman", Times, serif;
}

/*tables*/
table tr .link {
    cursor: pointer;
}

/*random*/

.fleft {
    float: left;
}

.fright {
    float: right;
}

.bold {
    font-weight: bold;
}

.error_box {
    border-color: red !important;
}

.error_label {
    color: red;
    display: none;
}

/*------fututec-----------*/
/* ---------- tabs --------*/

#tabs {
    position: fixed;
    bottom: 27px;
    left: 15px;
    height: 41px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    width: 100%;
}

#tabs .tab {
    display: inline-block;
    height: 35px;
    background-color: #d7d853;
    background-image: -moz-linear-gradient(center top, #f5f5dd, #c5c606);
    border-style: solid;
    border-width: 1px;
    border-bottom-width: 0px;
    border-radius: 4px 4px 0px 0px;
    padding-top: 6px;
    padding-left: 12px;
    padding-right: 10px;
    border-color: #003e00;
    color: #006200;
    margin-left: 4px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}

#tabs .tab.active {
    /*	display:none;*/
}

#tabs .tab img {
    margin-left: 10px;
}

/*--------------- menu -----*/

#menu {
    display: none;
    width: 197px;
    padding-left: 15px;
    position: absolute;
    z-index: 100;
    top: 75px;
}

#menu div {
    font-size: 16px;
    height: 49px;
    vertical-align: middle;
    line-height: 49px;
    color: #fff;
    background: url(../images/sub-menu-background.png);
    background-repeat: repeat-x;
    cursor: pointer;
    border-left-width: 1px;
    border-right-width: 1px;
    border-color: #003500;
    border-style: solid;
}

#menu div img {
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

#menu ul {
    background-color: #666666;
    display: none;
    border-left-width: 1px;
    border-right-width: 1px;
    border-color: #003500;
    border-style: solid;
}

#menu ul li {
    padding: 8px;
    line-height: 16px;

    background: url(../images/menu-dotted.png);

    background-position: 17px -52px;
    background-repeat: no-repeat;
    background-color: #666666;
    color: #fff;
    padding-left: 50px;
    cursor: pointer;
}

#menu ul li.last {
    background-image: url("../images/menu-dotted-last.png");
}

#menu ul li:hover,
#menu ul li.active {
    background-color: #8d8d8d;
}

span.arrow {
    width: 8px;
    height: 7px;
    background: url(../images/menu_arrow_up.png);
    background-repeat: no-repeat;
    display: inline-block;
    float: right;
    margin-top: 21px;
    margin-right: 12px;
}

#menu div.active span {
    background: url(../images/menu_arrow_down.png);
}

#header_menu span.arrow {
    margin-top: 15px;
}

#header_menu.active span.arrow {
    background: url(../images/menu_arrow_down_black.png);
}

#menu div.active {
    background: url(../images/sub-menu-background-active.png);
}

#menu div .line {
    display: none;
}

#menu div.active .line {
    display: block;
    position: relative;
    left: 17px;
    top: -15px;
    height: 15px;
    width: 20px;
    background: url(../images/menu-dotted.png);
    background-repeat: no-repeat;
    border-width: 0px;
}

/*---------------- user menu */

#user_menu {
    position: absolute;
    display: none;
    background-color: #fff;
    border-style: solid;
    border-color: blue;
    border-width: 1px;
    font-size: 10px;
    cursor: pointer;
}

#user_menu ul li {
    padding-left: 5px;
    padding-right: 5px;
}

#user_menu ul li:hover {
    background-color: blue;
    color: #fff;
}

/*--------- header --------*/

#top_menu {
    height: 39px;
    background: url(../images/header-background.png);
    background-repeat: repeat-x;
    text-align: right;
    padding-right: 20px;
    vertical-align: middle;
    line-height: 39px;
    color: #fff;
    font-weight: bold;
}

#header_main {
    height: 39px;
    background: url(../images/header-main-background.png);
    background-repeat: repeat-x;
    width: 100%;
}

#header_main tr td {
    height: 39px;
    overflow: hidden;
    vertical-align: top;
}

#header_main div {
    display: inline-block;
    text-align: center;
    line-height: 39px;
    height: 39px;
    vertical-align: middle;
    color: #fff;
    font-size: 16px;
}

#header_menu {
    width: 212px;
    cursor: pointer;
}

#header_info {
    text-align: right;
    padding-right: 18px;
    padding-left: 18px;
}

#header_main .separator {
    height: 39px;
    width: 4px;
    background: url(../images/header-separator.png);
    background-repeat: no-repeat;
    background-position: 0px -3px;
}

#header_language {
    padding-right: 18px;
    padding-left: 18px;
}

#header_language select {
    padding-left: 0px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    width: 80px;
    height: 26px;
    line-height: 26px;
    border-radius: 3px;
}

#top_menu a {
    display: inline-block;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    background: url(../images/top-header-separator.png);
    background-repeat: no-repeat;
    background-position: right;
    color: #fff;
}

#top_menu a.active,
#top_menu a:hover {
    background-image: url("../images//header-background-active.png");
    background-repeat: repeat-x;
    /*	background: url(../images/header-background_active.png);
	background-repeat:repeat-x;*/
}

/*-------------- WINDOWS------------*/

/*
.window
{
	margin-right:1%;
	margin-left:1%;
	margin-top:5px;

}
*/

/*-------------- --------*/
#content_table {
    width: 100%;

    table-layout: fixed;
}

#content_table tr td {
    vertical-align: top;
}

.window .double {
    width: 100%;
}

.window .double tr td.half {
    width: 48%;
}

.window .double tr td.separator {
    width: 4%;
}

/*-programmi joonistatud tabel--*/
/*.content_table
{
	width:100%;
	margin-bottom:50px;

}
.content_table tr td
{
	border-width:1px;
	border-style:solid;
	border-color:#a2a2a2;
	color:#1d1d1b;
	padding:8px;
}
.content_table tr td a
{
	color:#1d1d1b;
}
.content_table tr th
{
	background:none;
	font-size:11px;
	color:#868686;
}
*/
/*---------------- work list ---------------*/
#work_list {
    white-space: nowrap;
    vertical-align: top;
}

#work_list .work_table {
    display: inline-block;
    border-color: #868686;
    border-style: solid;
    border-width: 2px;
    border-radius: 5px;
    padding: 3px;
    background-color: #fff;
    min-width: 212px;
    margin-bottom: 40px;
    width: 30%;
    margin-top: 25px;
    margin-right: 10px;
    margin-left: 10px;
    white-space: normal;
    vertical-align: top;
    overflow-x: hidden;
}

#work_list .work_table:first-child {
    margin-left: 0px;
}

#work_list .work_table:last-child {
    margin-right: 0px;
}

#work_list .h2 {
    color: #023c02;
    /*	width:100%;*/
    background-color: #efefef;
    text-align: center;
    text-transform: uppercase;
    padding-top: 5px;
    font-size: 16px;
    font-weight: bold;
    border-color: #b3b3b3;
    border-style: solid;
    border-bottom-width: 2px;
}

#work_list .work_buttons {
    background-color: #efefef;
    padding: 12px;
    height: 350px;

    overflow: auto;
    overflow-x: hidden;
}

#work_list .work_buttons input {
    width: 100%;
    margin-bottom: 5px;
}

#work_list .work_buttons input.red {
    background-color: #cccdcd;
    background-image: -moz-linear-gradient(center top, #dcdddd, #c89d9d);
}

#work_list .work_buttons input.yellow {
    background-color: #cccdcd;
    background-image: -moz-linear-gradient(center top, #dcdddd, #dcd860);
}

/*--------- checkboxes --------*/

.check_label {
    vertical-align: middle;
    line-height: 24px;
    height: 24px;
}

#emergency_form .checkbox {
    display: inline-block;
}

#change_menu {
    background-color: #ffffff;
    border-color: blue;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    display: none;
    font-size: 10px;
    position: absolute;
}

#change_menu ul {
    list-style-type: none;
}

#change_menu ul li {
    padding-left: 5px;
    padding-right: 5px;
}

#change_menu ul li:hover {
    background-color: blue;
    color: #fff;
}

.devices_table tr td:last-child {
    padding-bottom: 5px;
    padding-left: 10px;
}

.mutiple_select {
    border-color: #c3c3c3;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 2px;
    height: 120px;
    padding-left: 1%;
    padding-right: 2%;
    width: 97%;
    list-style-type: none;
    background-image: -moz-linear-gradient(center top, #eceded, #ffffff);
    padding-left: 3px;
    padding-right: 0;
}

.multiple_select li {
    cursor: pointer;
}

.mutiple_select .active {
    background-color: #3399ff;
}

.buttons tr td {
    padding-left: 0px;
    padding-right: 3px;
}

/*
th
{
	text-transform:capitalize;
}*/
/*
#mailing_list_form .checkbox
{
	width:200px;
	padding-left:25px;
}*/

.red {
    color: red;
}

.green {
    color: green;
}

.header_with_info {
    cursor: pointer;
}

.header_with_info .info_box {
    display: none;
    position: absolute;
    top: 68px;
    left: 232px;
}

.header_with_info:hover .info_box {
    display: block;
}

/*----------- tuletõrje enesekontrolli teema --------*/
/*#fire_test .list_table{
	margin-top:
}
*/
#fire_test .list_table textarea {
    height: 40px;
}

#fire_test .list_table input[type="text"].normal {
    width: 200px;
}

.fire_table {
    width: 100%;
    margin-bottom: 30px;
}

.fire_table tr td,
.fire_table tr th {
    border-style: solid;
    border-width: 1px;
    border-color: #000;
}

.fire_table tr td label {
    padding-left: 10px;
}

.fire_table tr td textarea {
    margin: 0px;
    height: 60px;
    width: 90%;
    min-width: 380px;
}

.fire_table span {
    padding-left: 10px;
}

.fire_table input[type="radio"],
.fire_table .checkbox {
    margin-left: 10px;
    margin-right: 10px;
}

/*------ scrollable table -----------*/

table.scroll {
    width: 716px; /* 140px * 5 column + 16px scrollbar width */
    border-spacing: 0;
    /*    border: 2px solid black;*/
}

table.scroll tbody,
table.scroll thead tr {
    display: block;
    width: 100%;
}

table.scroll tbody {
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

table.scroll thead {
    width: 100%;
}

table.scroll tbody td,
table.scroll thead th {
    width: 18px;
    padding: 0px;
    text-align: center;
}

.scroll .date {
    width: 62px;
    padding: 3px;
}

.scroll .check {
    width: 30px;
    padding: 5px;
}

.scroll .name {
    width: 150px;
    padding: 3px;
}

.scroll .status {
    width: 80px;
    padding-right: 3px;
}

/*
table.scroll thead th:last-child {
    width: 156px;
}

table.scroll thead tr th {
    height: 30px;
    line-height: 30px;

}

table.scroll tbody { border-top: 2px solid black; }

table.scroll tbody td:last-child, table.scroll thead th:last-child {
    border-right: none !important;
}*/

.a {
    color: #146cb3;
    cursor: pointer;
}

/*  -------------- koolituskalender ------------------ */

.CalViewTable {
    /*	margin-left:17px;*/
    table-layout: fixed;
    /*	overflow:hidden;
	white-space: nowrap;*/
    width: 99%;
}

.CalViewTable tr td {
    text-align: left;
    color: #4d4d4d;
    padding: 6px;
    border-width: 1px;
    border-style: solid;

    font-weight: normal;
    font-size: 14px;
    width: 144px;
    /*	height:113px;*/

    width: 14%;
    line-height: 16px;

    position: relative;
}

.CalViewTable tr td.today {
    border-color: #000;
    border-width: 2px;
}

.CalViewTable tr th {
    width: 14%;
    text-align: left;
    padding-left: 9px;
    color: #585858;
    font-weight: normal;
    font-size: 17px;
}

.CalViewTable tr td .day_content {
    overflow: hidden;
}

.CalViewTable tr td .training {
    font-size: 12px;
    /*	width:100%;
    display:inline-block;*/
    cursor: pointer;
    /*    white-space: nowrap;
    overflow:hidden !important;
    text-overflow: ellipsis;*/
}

.CalViewTable tr td span.more {
    color: #54908f;
    font-weight: bold;
    font-size: 13px;
}

/* ----- Testimine ------- */
.tests_table {
    float: right;
    width: 50%;
    padding-top: 29px;
}

.tests_table table {
    box-shadow: 3px 3px 4px rgba(210, 211, 230, 0.5);
    border-radius: 3px;
    border: 1px solid #ededed;
    background-color: #fbfafe;
}

.tests_table table tr td {
    height: 88px;
    line-height: 88px;
    color: #9697b5;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
}

.tests_table table tr.done td {
    color: #34c084;
}

.tests_table table tr td.link {
    padding-left: 101px;
    background-image: url("../images/undone.png");
    background-position: 34px center;
    background-repeat: no-repeat;
    background-size: 45px 45px;
}

.done_box {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 700;
    color: #d4d2e8;
    float: right;
    height: 35px;
    margin-bottom: 25px;
}

.done_box span {
    color: #34c084;
}

.tests_table table tr.done td.link {
    background-image: url("../images/done.png");
}

.tests_left {
    float: left;
    padding-top: 202px;
    color: #7b73b8;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
}

.tests_left .b {
    color: #52489c;
    font-family: "Poppins Semi Bold";
    font-weight: 600;
}

.tests_left h2 {
    color: #52489c;
    font-family: Poppins;
    font-size: 42px;
    line-height: 59px;
    font-weight: 400;
    padding-left: 0px;
    padding-top: 69px;
    padding-bottom: 24px;
    border: none;
}

/*
.tests_left p{
	margin-top:44px;
}*/
.test_question {
    margin-bottom: 10px;
}

.tests_left button {
    margin-top: 17px;
    width: 340px;
    height: 47px;
    line-height: 47px;
    display: block;
    text-transform: uppercase;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 700;
}

.tests_left button:enabled:hover {
    box-shadow: inset 0 0 3px rgba(5, 3, 24, 0.17);
    border: 2px solid rgba(208, 210, 218, 0.25);
    background-image: linear-gradient(49deg, #8374ec 0%, #52489c 100%);
}

/* ------------ */
#all_test_restults_table tr.status3 {
}

#tenants_list tr.adminless {
    background-color: #eee;
}

/*------ gremlins -------*/
/*#languages, #header_logout, #footer
{
 display:none;
}*/

/* Password strength meter */

.strength_meter {
    height: 23px;
    width: 154px;
    background: silver;
}

.strength_meter div {
    height: 23px;
    width: 100%;
    height: 23px;
    text-align: center;
    color: black;
    font-weight: bold;
    line-height: 23px;
}

.veryweak {
    background-color: #ffa0a0;
    border-color: #f04040 !important;
}

.weak {
    background-color: #ffb78c;
    border-color: #ff853c !important;
}

/*
.medium{
background-color: #FFEC8B;
border-color: #FC0!important;
}
*/
.strong {
    background-color: #c3ff88;
    border-color: #8dff1c !important;
}

.button_strength {
    display: none;
}

/* -- gallery ---*/
.flex-nav-prev,
.flex-nav-next {
    line-height: 40px;
}

.flexslider .slides img {
    max-height: 600px;
}

.flexslider {
    margin-bottom: 0px;
}

.flexslider h4 {
    margin-top: 43px;
    color: #52489c;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
}

.flex-control-nav {
    display: none;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.document_view ul,
.document_view ol {
    padding-left: 15px;
}

.mail_form_table tr td {
    min-width: 120px;
    vertical-align: top;
    padding: 5px;
}

.mass_mail_recievers {
    max-width: 450px;
    max-height: 150px;
    overflow-y: auto;
}

/* Modals */
#custom-scroll::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #DCDDE3;
}

#custom-scroll::-webkit-scrollbar {
    width: 12px;
    background-color: #DCDDE3;
}

#custom-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #52489C;
}

/* loader */

.loader {
    position: relative;
    width: 70px;
    height: 70px;
    left: 29px;
    top: 29px;
}

.ball {
    position: absolute;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    -webkit-animation: jelly 2.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
    animation: jelly 2.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}

.ball:nth-child(2) {
    z-index: -2;
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    -webkit-animation: jelly2 2.5s 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
    animation: jelly2 2.5s 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}

.ball:nth-child(3) {
    z-index: -3;
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    -webkit-animation: jelly3 2.5s 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
    animation: jelly3 2.5s 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}

.ball:nth-child(4) {
    z-index: -4;
    -webkit-transform: scale(2.2);
    transform: scale(2.2);
    -webkit-animation: jelly4 2.5s 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
    animation: jelly4 2.5s 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}

@-webkit-keyframes jelly {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes jelly {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes jelly2 {
    0% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }
    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }
}

@keyframes jelly2 {
    0% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }
    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }
}

@-webkit-keyframes jelly3 {
    0% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
    }
    40% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
    }
}

@keyframes jelly3 {
    0% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
    }
    40% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
    }
}

@-webkit-keyframes jelly4 {
    0% {
        -webkit-transform: scale(2.2);
        transform: scale(2.2);
    }
    35% {
        -webkit-transform: scale(1.9);
        transform: scale(1.9);
    }
    100% {
        -webkit-transform: scale(2.2);
        transform: scale(2.2);
    }
}

@keyframes jelly4 {
    0% {
        -webkit-transform: scale(2.2);
        transform: scale(2.2);
    }
    35% {
        -webkit-transform: scale(1.9);
        transform: scale(1.9);
    }
    100% {
        -webkit-transform: scale(2.2);
        transform: scale(2.2);
    }
}

/* dashboard */

#dashboard {
    padding-left: 72px;
}

#dashboard h2 {
    border: none;
    padding-left: 0px;
}

#dashboard table tr td {
    padding-left: 62px;
}

#dashboard .document {
    color: #1e1947;
    font-family: Poppins;
    font-size: 13px;
    font-weight: 400;
    line-height: 26px;
    padding: 25px;
}

#dashboard table,
#dashboard .document {
    box-shadow: 3px 3px 4px rgba(210, 211, 230, 0.5);
    border-radius: 0 0 3px 3px;
}

#dashboard .half {
    width: 506px;
    float: left;
}

#dashboard .dashmain {
    height: 420px;
}

#dashboard .half button {
    margin-right: 17px;
}

/* ------- responsive --------- */
/*
.small_layout{
	display:none;
}
*/

@media only screen and (max-width: 1440px) {
    #login_box {
        /* position: fixed;*/
        /* width: 1240px;*/
        float: right;
    }

    #login_box_content {
        padding-left: 10px;
        padding-right: 150px;
    }

    #login_box #language_box {
        right: 92px;
        top: 182px;
    }

    #dashboard .half {
        width: 445px;
    }

    .button_table tr td {
        width: 93px;
    }

    .form_box .param {
        margin-right: 0px;
    }

    #new_emergency_call_form textarea {
        width: 980px;
    }

    .form_box .param .select {
        width: 476px;
    }

    .form_box .param select {
        width: 476px;
    }

    .tests_left {
        padding-top: 20px;
    }
}

@media only screen and (max-width: 1024px) {
    #login_box img {
        display: none;
    }

    #login_box img.logo {
        display: block;
    }

    #login_box {
        margin-left: -360px;
        width: 720px;
    }

    #login_box_content {
        padding: 110px;
    }

    #login_box #language_box {
        right: 212px;
        top: 192px;
    }

    #dashboard .half {
        width: 100%;
        float: none;
    }

    #dashboard .dashmain {
        height: 100%;
    }

    #dashboard .half button {
        margin-right: 0px;
    }

    #logout_box {
        padding-right: 10px;
        margin-left: 12px;
    }

    #header_content div.sep {
        margin-left: 5px;
        margin-right: 5px;
    }

    .table_header div div {
        margin-left: 15px;
    }
}

@media only screen and (max-width: 680px) {
    /*	img.small_layout{
		display:block;
	}
	.large_layout{
		display:none;
	}*/
    #content,
    #sub_menu {
        box-sizing: border-box;
    }

    #logo {
        position: absolute;
        left: 50%;
        margin-left: -50px;
    }

    #header_content #main_menu ul {
        position: fixed;
        bottom: 0px;
        padding-bottom: 20px;
        left: 1px;
        z-index: 100px;
        width: 100%;
        text-align: center;
        background-image: linear-gradient(180deg, #ffffff 0%, #f5f6fa 100%);
        z-index: 300;
        line-height: 35px;
    }

    #main_menu ul li {
        float: none;
        display: inline-block;
    }

    #header {
        height: 117px;
        padding-top: 17px;
        padding-left: 27px;
        background-image: linear-gradient(180deg, #ffffff 0%, #f5f6fa 100%);
    }

    #header_content #loged_box,
    #header_content div.sep,
    #tb_close {
        display: none;
    }

    #sub_menu {
        width: 100%;
        background-color: #fff;
        padding-bottom: 90px;
    }

    #login_box,
    #login_box_content {
        width: 100%;
        position: static;
        float: none;
        margin-left: 0px;
        margin-top: 0px;
        height: auto;
        padding: 5px;
        box-sizing: border-box;
    }

    #login_box img {
        display: none;
    }

    #login_box img.logo {
        display: block;
    }

    #login_box_content {
        padding: 0px;
    }

    #login_box input[type="text"],
    #login_box input[type="password"] {
        box-sizing: border-box;
    }

    #windows {
        display: none;
        padding-bottom: 20px;
    }

    #content.menu_hide #windows {
        display: block;
    }

    #content.menu_hide .location {
        top: 15px;
        right: 50px;
    }

    #content.menu_hide #sub_menu {
        display: none;
    }

    .window {
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 75px;
    }

    #header,
    #header_content {
        height: 30px;
    }

    #content .location {
        top: 55px;
    }

    .table_header div {
        height: auto;
    }

    .monthpicker .month_list ul {
        display: block;
    }

    .monthpicker .month_list {
        right: 5px;
        top: 5px;
        height: auto;
    }

    /*
	.monthpicker .month_list ul li, .monthpicker .year_list ul li{
		width:100%;
		padding-right:10px;
		padding-left:10px;
	}*/
    .window_content {
        padding: none;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    h3,
    .fire_table tr th,
    .fire_table tr td,
    .fire_table tr td label {
        white-space: normal;
        height: auto;
    }

    button {
        width: 100%;
        margin-bottom: 10px;
    }

    #new_emergency_call_form textarea {
        width: 100%;
        box-sizing: border-box;
    }

    #settings_menu {
        top: auto;
        bottom: 60px;
    }

    .popup {
        width: 100%;
    }

    .popup input[type="text"],
    .popup div.select,
    .popup_content div.checkbox {
        width: 100%;
    }

    .popup_content {
        padding: 5px;
    }

    #popup.large {
        padding-bottom: 50px;
    }

    .list_table tr td {
        white-space: nowrap;
    }

    .table_header .toolbar div {
        margin-left: 5px;
    }

    #header_content #logout_box {
        position: absolute;
        top: 5px;
        right: 5px;
        padding: 5px;
        margin: 0px;
        height: 25px;
        line-height: 28px;
    }

    #header_content #logout_box span {
        line-height: 25px;
    }

    #dashboard {
        padding-left: 0px;
    }

    #dashboard .half {
        width: 100%;
        float: none;
    }

    #dashboard .dashmain {
        height: 100%;
    }

    #dashboard .half button {
        margin-right: 0px;
    }

    .tests_table {
        float: none;
        width: 100%;
    }

    .checkbox {
        height: auto;
        white-space: normal;
    }

    .xdsoft_datepicker div {
        display: none;
    }

    #menu_hover .title {
        display: none;
    }

    #login_box #language_box {
        right: 5px;
    }

    #main_menu ul li:hover span {
        display: none;
    }
}
#users_form table.hideOld tr.status1{
	display:none;
}

.document {
    padding: 38px;
    background-color: #fff;
    margin-top: 15px;
}

.document h2 {
    color: #52489c;
    font-family: "Poppins Medium";
    font-size: 18px;
    font-weight: 500;
    padding: 0px;
    height: 27px;
    line-height: 27px;
    margin-top: 22px;
    margin-bottom: 6px;
    border: none;
}

#front_page {
    padding-top: 48px;
    padding-top: 34px;
}

#front_page p {
    color: #52489c;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 31px;
    margin-bottom: 31px;
}

/* Kalender */
.xdsoft_datetimepicker {
    padding: 0px;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
    margin: 0px;
    width: 370px;
}

.xdsoft_datetimepicker .xdsoft_calendar th,
.xdsoft_datetimepicker .xdsoft_calendar td {
    width: 50px;
    height: 50px;
    border: none;
    text-align: center;
    vertical-align: middle;
    font-family: Poppins;
    font-size: 15px;
}

.xdsoft_datetimepicker .xdsoft_calendar td {
    background-color: #fff;
    color: #30353c;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_calendar td:hover {
    background-color: #574ca4;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    background-color: #f2f2f2;
    color: #574ca4;
}

.tests__button {
    margin-left: 20px;
    width: 30px;
    height: 30px;
    background-image: linear-gradient(49deg, #8374ec 0%, #52489c 100%);
    color: #ffffff;
}

.list_tests-container {
    display: flex;
    align-items: center;
    padding-top: 28px;
}

/* Fututec new styles */
:root {
    --fututec-3A3335: #3a3335;
    --fututec-52489C: #52489c;
    --fututec-6F6D82: #6f6d82;
    --fututec-BFBDD7: #bfbdd7;
    --fututec-EBEAF6: #ebeaf6;
    --fututec-F3F2F9: #f3f2f9;
    --fututec-FBFAFE: #fbfafe;
    --fututec-F5F6FA: #F5F6FA;
    --fututec-C3C3C3: #C3C3C3;
    --fututec-8886B1: #8886B1;
    --fututec-979797: #979797;
}

.table_header--fix {
    display: flex;
    align-items: center;
    line-height: inherit;
}

.window_content--pt {
    padding-top: 0;
}

.spam-messages-form {
    min-width: fit-content;
    padding: 39px 26px 0 19px;
    background: var(--fututec-FBFAFE);
    border: var(--fututec-F3F2F9) solid 1px;
    font-family: Poppins !important;
    font-weight: 400 !important;
    color: var(--fututec-52489C) !important;
}

.spam-message-form__header {
    height: auto;
    font-family: 'Poppins' !important;
    color: var(--fututec-52489C) !important;
    font-size: 18px !important;
    line-height: 25px !important;
    text-transform: none;
    font-weight: 600;
}

.spam-message-form__icon {
    width: 30px;
    height: 30px;
}

.spam-message-form__icon--open {
    background: center no-repeat url("data:image/svg+xml,%3Csvg width='32' height='33' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M1445 0v1063H0V0h1445Z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath d='M15.176 0c8.381 0 15.176 6.795 15.176 15.176s-6.795 15.176-15.176 15.176S0 23.557 0 15.176 6.795 0 15.176 0Z'/%3E%3C/clipPath%3E%3CclipPath id='c'%3E%3Cpath d='m9.123.002.176.016c.176.023.343.073.5.149.159.076.303.179.431.308l2.057 1.757h1.775a.54.54 0 0 1 .396.167.54.54 0 0 1 .167.396v1.81l2.936 2.954.105.105c.035.035.064.07.088.106l.017.017a.54.54 0 0 1 .088.114.907.907 0 0 1 .062.132c.017.047.032.094.044.14a.578.578 0 0 1 .017.141.29.29 0 0 1 .018.088v8.473A1.123 1.123 0 0 1 16.875 18H1.125c-.305 0-.568-.108-.791-.325a1.073 1.073 0 0 1-.334-.8v-8.42c0-.41.17-.726.51-.95l2.865-2.864V2.795a.54.54 0 0 1 .167-.396.54.54 0 0 1 .396-.167H5.8L7.84.475c.129-.13.272-.232.43-.308a1.65 1.65 0 0 1 .501-.15c.176-.023.352-.023.528 0Zm-.176 10.615a.675.675 0 0 0-.44.158l-2.425 2.25a.575.575 0 0 1-.035.062.606.606 0 0 1-.229.202l-3.884 3.586h14.185l-6.75-6.117a.654.654 0 0 0-.422-.14ZM1.125 9.58v6.522l3.604-3.34L1.125 9.58Zm15.75.106-3.55 3.146 3.55 3.2V9.685ZM13.5 3.357h-9v7.7l1.055.931 2.232-2.074c.07-.059.15-.111.237-.158.088-.047.173-.088.255-.123a1.74 1.74 0 0 1 .809-.132c.094.006.184.02.272.044.088.023.173.05.255.079a1.541 1.541 0 0 1 .475.272l2.408 2.18 1.002-.896V3.357Zm1.125 2.813v4.008l2.11-1.881-.967-.967h.017l-1.16-1.16Zm-11.25.07L1.828 7.787h-.035l-.475.457 2.057 1.81V6.24Zm5.66-5.133a.587.587 0 0 0-.404.159l-1.125.966h3.058L9.44 1.266a.801.801 0 0 0-.193-.115.545.545 0 0 0-.21-.044Z'/%3E%3C/clipPath%3E%3CclipPath id='d'%3E%3Cpath d='M5.5 0a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11Z'/%3E%3C/clipPath%3E%3CclipPath id='e'%3E%3Cpath d='M13-2v15H-2V-2h15ZM5.5 0a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11Z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' transform='translate(-272 -425)'%3E%3Cg clip-path='url(%23b)' transform='translate(273.622 425.858)'%3E%3Cpath fill='%23FFF' d='M0 0h30.352v30.352H0V0z'/%3E%3Cpath d='M15.176 30.352c8.381 0 15.176-6.795 15.176-15.176S23.557 0 15.176 0 0 6.795 0 15.176s6.795 15.176 15.176 15.176Z' stroke='%23EBEAF6' stroke-width='2' fill='none' stroke-miterlimit='5'/%3E%3C/g%3E%3Cg clip-path='url(%23c)' transform='translate(280.219 430.632)'%3E%3Cpath fill='%2351489C' d='M0 0h18v18H0V0z'/%3E%3C/g%3E%3Cg clip-path='url(%23d)' transform='translate(273.96 445.933)'%3E%3Cpath fill='%23FFC857' d='M0 0h11v11H0V0z'/%3E%3C/g%3E%3Cg clip-path='url(%23d)' transform='translate(273.96 445.933)'%3E%3Cpath d='M5.5 11a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11Z' stroke='%23D0951C' stroke-width='2' fill='none' stroke-miterlimit='5'/%3E%3C/g%3E%3Cg clip-path='url(%23e)' transform='translate(273.96 445.933)'%3E%3Cpath d='M5.5 11a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11Z' stroke='%23FFF' stroke-width='2' fill='none' stroke-miterlimit='5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.spam-message-form__icon--sent {
    background: center no-repeat url("data:image/svg+xml,%3Csvg width='31' height='31' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M1445 0v1063H0V0h1445Z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath d='M15.176 0c8.381 0 15.176 6.795 15.176 15.176s-6.795 15.176-15.176 15.176S0 23.557 0 15.176 6.795 0 15.176 0Z'/%3E%3C/clipPath%3E%3CclipPath id='c'%3E%3Cpath d='M5.5 0a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11Z'/%3E%3C/clipPath%3E%3CclipPath id='d'%3E%3Cpath d='M13-2v15H-2V-2h15ZM5.5 0a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11Z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' transform='translate(-273 -389)'%3E%3Cg clip-path='url(%23b)' transform='translate(273.622 389.258)'%3E%3Cpath fill='%23FFF' d='M0 0h30.352v30.352H0V0z'/%3E%3Cpath d='M15.176 30.352c8.381 0 15.176-6.795 15.176-15.176S23.557 0 15.176 0 0 6.795 0 15.176s6.795 15.176 15.176 15.176Z' stroke='%23EBEAF6' stroke-width='2' fill='none' stroke-miterlimit='5'/%3E%3C/g%3E%3Ctext transform='translate(280.201 412.434)' font-family='simple-line-icons' font-size='18' fill='%2351489C' text-anchor='left'%3E%3C/text%3E%3Cg clip-path='url(%23c)' transform='translate(274.622 407.534)'%3E%3Cpath fill='%2395D7AE' d='M0 0h11v11H0V0z'/%3E%3C/g%3E%3Cg clip-path='url(%23c)' transform='translate(274.622 407.534)'%3E%3Cpath d='M5.5 11a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11Z' stroke='%2357B47B' stroke-width='2' fill='none' stroke-miterlimit='5'/%3E%3C/g%3E%3Cg clip-path='url(%23d)' transform='translate(274.622 407.534)'%3E%3Cpath d='M5.5 11a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11Z' stroke='%23FFF' stroke-width='2' fill='none' stroke-miterlimit='5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.spam-message-table {
    margin-bottom: 0;
}

.spam-message-table
.spam-message-table--position {
    margin-top: 35px;
}


.spam-message-table--with-wide-double-line tbody tr:last-child::after {
    display: none;
}

.spam-message-table tbody tr td, .spam-message-table tbody tr:hover td {
    background: #fbfafe !important;
}

.spam-message-table__header {
    font-family: 'Poppins' !important;
    color: var(--fututec-52489C) !important;
    font-size: 15px !important;
    line-height: 21px !important;
    font-weight: 400 !important;
}

.spam-message-table__header--2 {
    font-family: 'Poppins Semi Bold' !important;
    color: var(--fututec-8886B1) !important;
    font-size: 13px !important;
    line-height: 19px !important;
}

.spam-message-table__header--first {
    width: 47px;
    padding: 0 !important;
}

.spam-message-table__header--w15 {
    width: 15%;
}

.spam-message-table__header-icon {
    display: inline-block;
    width: 21px;
    height: 6px;
    margin-left: 6px;
    background: no-repeat center url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='22px' height='7px' viewBox='0 0 22 7' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EGroup 9%3C/title%3E%3Cg id='Masspostitus' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Fututec-Dashboard-Masspostitus-RAPORT-Copy-2' transform='translate(-358.000000, -315.000000)' fill='%238886B1' fill-rule='nonzero'%3E%3Cg id='Group-13' transform='translate(255.000000, 275.000000)'%3E%3Cg id='Group-47-Copy' transform='translate(65.000000, 33.500000)'%3E%3Cg id='Group-9' transform='translate(38.675000, 7.150000)'%3E%3Cpolygon id='' points='15.225 5.225 20.45 0 10 0'%3E%3C/polygon%3E%3Cpolygon id='' transform='translate(5.225000, 3.612500) scale(-1, -1) translate(-5.225000, -3.612500) ' points='5.225 6.225 10.45 1 0 1'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    vertical-align: middle;
}

.spam-message-table__header.sorttable_sorted .spam-message-table__header-icon,
.spam-message-table__header.sorttable_sorted_reverse .spam-message-table__header-icon {
    display: none;
}

.spam-message-table__tr--wide-double-line {
    position: relative;
}

.spam-message-table__tr--wide-double-line::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: calc(100% + 45px);
    margin-left: -19px;
    height: 1px;
    background-color: #f3f2fa;
    border-top: #fff solid 1px;
}

.spam-message-table__tr--thead {
    background: var(--fututec-FBFAFE);
    border-top: var(--fututec-EBEAF6) solid 1px;
    border-left: var(--fututec-F3F2F9) solid 1px;
    border-right: var(--fututec-F3F2F9) solid 1px;
}

.spam-message-table__tr--border {
    border-left: var(--fututec-F3F2F9) solid 1px;
    border-right: var(--fututec-F3F2F9) solid 1px;
    border-bottom: var(--fututec-EBEAF6) solid 1px;
}

.spam-message-table__td {
    border: none !important;
    padding: 0 5px !important;
    color: var(--fututec-3A3335) !important;
    font-size: 13px !important;
    line-height: 23px !important;
    height: 56px !important;
}

.spam-message-table__td--hover:hover {
    text-decoration: underline;
    cursor: pointer;
}

.spam-message-table__td--2 {
    background: var(--fututec-FBFAFE) !important;
    line-height: 18px !important;
}

.spam-message-table__td-icon-circle {
    display: block;
    width: 11px;
    height: 11px;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center;
}

.spam-message-table__td-icon-circle--yellow {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M1445 0v1814H0V0h1445Z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath d='M5.5 0a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11Z'/%3E%3C/clipPath%3E%3CclipPath id='c'%3E%3Cpath d='M13-2v15H-2V-2h15ZM5.5 0a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11Z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' transform='translate(-278 -378)'%3E%3Cg clip-path='url(%23b)' transform='translate(279.622 379.744)'%3E%3Cpath fill='%23FFC857' d='M0 0h11v11H0V0z'/%3E%3C/g%3E%3Cg clip-path='url(%23b)' transform='translate(279.622 379.744)'%3E%3Cpath d='M5.5 11a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11Z' stroke='%23D0951C' stroke-width='2' fill='none' stroke-miterlimit='5'/%3E%3C/g%3E%3Cg clip-path='url(%23c)' transform='translate(279.622 379.744)'%3E%3Cpath d='M5.5 11a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11Z' stroke='%23FFF' stroke-width='2' fill='none' stroke-miterlimit='5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.spam-message-table__td-icon-circle--red {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M1445 0v1814H0V0h1445Z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath d='M5.5 0a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11Z'/%3E%3C/clipPath%3E%3CclipPath id='c'%3E%3Cpath d='M13-2v15H-2V-2h15ZM5.5 0a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11Z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' transform='translate(-298 -870)'%3E%3Cg clip-path='url(%23b)' transform='translate(299.622 871.078)'%3E%3Cpath fill='%23F45B68' d='M0 0h11v11H0V0z'/%3E%3C/g%3E%3Cg clip-path='url(%23b)' transform='translate(299.622 871.078)'%3E%3Cpath d='M5.5 11a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11Z' stroke='%23801923' stroke-width='2' fill='none' stroke-miterlimit='5'/%3E%3C/g%3E%3Cg clip-path='url(%23c)' transform='translate(299.622 871.078)'%3E%3Cpath d='M5.5 11a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11Z' stroke='%23FFF' stroke-width='2' fill='none' stroke-miterlimit='5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.spam-message-table__button {
    min-width: fit-content;
    max-width: fit-content;
    margin-left: auto;
    height: 29px;
    background: var(--fututec-EBEAF6);
    border: var(--fututec-BFBDD7) solid 1px;
    border-radius: 2px;
    display: flex;
    align-content: center;
    cursor: pointer;
    color: var(--fututec-6F6D82);
    font-size: 13px;
    line-height: 13px;
}

.spam-message-table__button-icon {
    width: 29px;
    height: 29px;
    border-right: var(--fututec-BFBDD7) solid 1px;
}

.spam-message-table__button-icon--edit {
    background: center no-repeat url("data:image/svg+xml,%3Csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M1445 0v1063H0V0h1445Z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath d='M10.558 10.116c.123 0 .227.043.313.129.086.086.129.19.129.313a.426.426 0 0 1-.129.313.426.426 0 0 1-.313.129H.442a.426.426 0 0 1-.313-.129.426.426 0 0 1-.129-.313c0-.123.043-.227.129-.313a.426.426 0 0 1 .313-.129ZM9.146 0c.246 0 .454.086.626.258l.97.97c.172.172.258.38.258.626a.852.852 0 0 1-.258.626L5.868 7.366a.488.488 0 0 1-.122.074L2.848 8.667a.368.368 0 0 1-.43-.086.368.368 0 0 1-.085-.43L3.56 5.268a.345.345 0 0 1 .086-.135L8.52.258A.852.852 0 0 1 9.146 0ZM7.76 2.271 4.334 5.696l-.712 1.682 1.682-.712 3.425-3.425-.97-.97ZM9.146.884l-.761.761.97.97.761-.761-.97-.97Z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' transform='translate(-1302 -432)'%3E%3Cg clip-path='url(%23b)' transform='translate(1302.305 432.617)'%3E%3Cpath fill='%236E6C82' d='M0 0h11v11H0V0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.spam-message-table__button-icon--report {
    background: center no-repeat url("data:image/svg+xml,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M1445 0v1063H0V0h1445Z' /%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' transform='translate(-1302 -396)'%3E%3Ctext transform='translate(1302.79 407.54)' font-family='simple-line-icons' font-size='13' fill='%236E6C82' text-anchor='left'%3E%3C/text%3E%3C/g%3E%3C/svg%3E%0A");
}

.spam-message-table__button-text {
    padding: 0 9px;
    flex: 1;
    display: flex;
    align-items: center;
}

.spam-messages-toolbar {
    height: auto !important;
    padding: 0 25px;
    display: flex !important;
    gap: 13px;
    font-family: Poppins !important;
    color: var(--fututec-3A3335) !important;
    line-height: inherit !important;
    text-transform: none !important;
}

.spam-messages-toolbar--position {
    margin: 19px 0;
}

.spam-messages-toolbar__button,
.spam-messages-toolbar__button:hover {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: auto;
    margin: 0 !important;
    padding: 0 11px;
    font-family: "Poppins Semi Bold";
    color: var(--fututec-52489C) !important;
    font-size: 13px;
    line-height: 19px !important;
    text-transform: uppercase;
}

.spam-messages-toolbar__button--button, .spam-messages-toolbar__button--button:hover {
    flex-direction: row;
    width: fit-content;
    gap: 8px;
    background: #FFFFFF !important;
    border: var(--fututec-F3F2F9) solid 1px !important;
    border-radius: 5px;
    text-transform: none;
    color: #3A3335 !important;

}

.spam-messages-toolbar__button--active,
.spam-messages-toolbar__button--active:hover {
    background: var(--fututec-52489C) !important;
}

.spam-messages-toolbar__button-icon {
    width: 19px;
    height: 19px;
    background-position: center;
    background-repeat: no-repeat;
}

.spam-messages-toolbar__button-icon--1 {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' width='20px' height='20px' viewBox='0 0 20.0 20.0' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3CclipPath id='i0'%3E%3Cpath d='M1445,0 L1445,1814 L0,1814 L0,0 L1445,0 Z'%3E%3C/path%3E%3C/clipPath%3E%3CclipPath id='i1'%3E%3Cpath d='M9.568,0 C11.316,0 12.9336667,0.437 14.421,1.311 C15.8623333,2.139 16.997,3.27366667 17.825,4.715 C18.699,6.20233333 19.136,7.82 19.136,9.568 C19.136,11.316 18.699,12.9336667 17.825,14.421 C16.997,15.8623333 15.8623333,16.997 14.421,17.825 C12.9336667,18.699 11.316,19.136 9.568,19.136 C7.82,19.136 6.20233333,18.699 4.715,17.825 C3.27366667,16.9816667 2.139,15.8393333 1.311,14.398 C0.437,12.9106667 0,11.3006667 0,9.568 C0,7.83533333 0.437,6.22533333 1.311,4.738 C2.15433333,3.29666667 3.29666667,2.15433333 4.738,1.311 C6.22533333,0.437 7.83533333,0 9.568,0 Z M9.568,1.886 C8.188,1.886 6.9,2.23866667 5.704,2.944 C4.53866667,3.61866667 3.61866667,4.53866667 2.944,5.704 C2.23866667,6.9 1.886,8.188 1.886,9.568 C1.886,10.948 2.23866667,12.236 2.944,13.432 C3.61866667,14.5973333 4.53866667,15.5173333 5.704,16.192 C6.9,16.8973333 8.188,17.25 9.568,17.25 C10.948,17.25 12.236,16.8973333 13.432,16.192 C14.5973333,15.5173333 15.5173333,14.5973333 16.192,13.432 C16.8973333,12.236 17.25,10.948 17.25,9.568 C17.25,8.188 16.8973333,6.9 16.192,5.704 C15.5173333,4.53866667 14.5973333,3.61866667 13.432,2.944 C12.236,2.23866667 10.948,1.886 9.568,1.886 Z M12.443,5.75 L12.443,13.386 L10.511,13.386 L10.511,5.75 L12.443,5.75 Z M8.625,5.75 L8.625,13.386 L6.693,13.386 L6.693,5.75 L8.625,5.75 Z'%3E%3C/path%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(-266.0 -225.0)'%3E%3Cg clip-path='url(%23i0)'%3E%3Cg transform='translate(266.1819999999998 225.631999999997)'%3E%3Cg clip-path='url(%23i1)'%3E%3Cpolygon points='0,0 19.136,0 19.136,19.136 0,19.136 0,0' stroke='none' fill='%23FFFFFF'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.spam-messages-toolbar__button-icon--2 {
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M1445 0v1814H0V0h1445Z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath d='M9.617 0a9.617 9.617 0 1 1 0 19.234A9.617 9.617 0 0 1 9.617 0Z'/%3E%3C/clipPath%3E%3CclipPath id='c'%3E%3Cpath d='m7.433 0 .651.652-5.522 5.522L0 3.61l.64-.651L2.563 4.88 7.432 0Z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' transform='translate(-429 -226)'%3E%3Cg clip-path='url(%23b)' transform='translate(429.85 226.016)'%3E%3Cpath d='M9.617 19.234A9.617 9.617 0 1 0 9.617 0a9.617 9.617 0 0 0 0 19.234Z' stroke='%233A3334' stroke-width='4' fill='none' stroke-miterlimit='5'/%3E%3C/g%3E%3Cg clip-path='url(%23c)' transform='translate(435.56 232.969)'%3E%3Cpath fill='%23140E43' d='M0 0h8.084v6.174H0V0z'/%3E%3C/g%3E%3Cpath stroke='%233A3334' fill='none' stroke-miterlimit='10' d='m438.122 239.143 5.522-5.522-.65-.652-4.872 4.88-1.92-1.92-.642.65 2.562 2.564z'/%3E%3C/g%3E%3C/svg%3E");
}

.spam-messages-toolbar__button-icon--3 {
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M1445 0v1814H0V0h1445Z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath d='M9.568 0a9.41 9.41 0 0 1 4.853 1.311 9.069 9.069 0 0 1 3.404 3.404 9.41 9.41 0 0 1 1.311 4.853 9.41 9.41 0 0 1-1.311 4.853 9.069 9.069 0 0 1-3.404 3.404 9.41 9.41 0 0 1-4.853 1.311 9.41 9.41 0 0 1-4.853-1.311 9.24 9.24 0 0 1-3.404-3.427A9.368 9.368 0 0 1 0 9.568c0-1.733.437-3.343 1.311-4.83a9.417 9.417 0 0 1 3.427-3.427A9.368 9.368 0 0 1 9.568 0Zm0 1.886c-1.38 0-2.668.353-3.864 1.058a7.449 7.449 0 0 0-2.76 2.76 7.477 7.477 0 0 0-1.058 3.864c0 1.38.353 2.668 1.058 3.864a7.449 7.449 0 0 0 2.76 2.76 7.477 7.477 0 0 0 3.864 1.058c1.38 0 2.668-.353 3.864-1.058a7.449 7.449 0 0 0 2.76-2.76 7.477 7.477 0 0 0 1.058-3.864c0-1.38-.353-2.668-1.058-3.864a7.449 7.449 0 0 0-2.76-2.76 7.477 7.477 0 0 0-3.864-1.058Zm.943 10.557v1.932H8.625v-1.932h1.886Zm0-7.682v5.75H8.625v-5.75h1.886Z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' transform='translate(-630 -225)'%3E%3Cg clip-path='url(%23b)' transform='translate(630.96 225.632)'%3E%3Cpath fill='%233A3334' d='M0 0h19.136v19.136H0V0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.spam-messages-toolbar__button-center-text {
    font-family: 'Poppins Semi Bold';
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.spam-messages-toolbar__button-right-text {
    margin-left: 8px;
    font-size: 13px;
    line-height: 19px;
    font-family: Poppins;
    font-weight: 400 !important;
}

.spam-messages-toolbar__button--active .spam-messages-toolbar__button-center-text {
    color: #ffffff;
}

.spam-messages-toolbar__button--active .spam-messages-toolbar__button-right-text {
    color: #ffffff;
}

.spam-message-report-mail--mb {
    margin-bottom: 28px;
}

.spam-message-inputs {
    display: grid;
    grid-template-columns: auto auto;
    gap: 20px;
}

.spam-message-input__group--mt {
    margin-top: 32px;
}

.spam-message-input__label {
    height: auto;
    margin-bottom: 8px;
    font-family: Poppins;
    font-weight: normal;
    color: var(--fututec-52489C);
    font-size: 15px;
    line-height: 21px;
}

.spam-message-input__label--mt {
    margin-top: 17px;
}

.spam-message-input__label--placeholder {
    color: transparent !important;
}

.spam-message-input__input {
    box-sizing: border-box;
    height: auto !important;
    width: 100%;
    border-radius: 3px !important;
    border: var(--fututec-EBEAF6) solid 1px !important;
    background: var(--fututec-F5F6FA) !important;
    padding: 17px 23px 15px !important;
    font-family: Poppins !important;
    font-weight: 500;
    color: var(--fututec-C3C3C3) !important;
    font-size: 16px !important;
    line-height: 23px !important;
}

.spam-message-input__input--disabled {
    cursor: not-allowed;
}

.spam-message-input__input p {
    margin-bottom: 10px;
}

.spam-message-input__input p:last-child {
    margin-bottom: 0;
}

.spam-message-input__button {
    box-sizing: border-box;
    height: auto !important;
    width: 100%;
    padding: 17px 0 15px !important;
    font-size: 16px !important;
    line-height: 23px !important;
    background: inherit !important;
    border: none !important;
}

.spam-message-input__button-icon, .spam-message-input__button-icon:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M1445 0v2269H0V0h1445Z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' transform='translate(-796 -1209)'%3E%3Ctext transform='translate(796 1225.844)' font-family='simple-line-icons' font-size='18' fill='%2351489C' text-anchor='left'%3E%3C/text%3E%3C/g%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-position: center;
    width: 18px;
    height: 25px;
    border: none !important;
}

.spam-column-header {
    display: flex;
    justify-content: space-between;
    margin: 0 calc(11px - 35px) 14px 0;
}

.spam-column-header__header {
    height: auto !important;
    margin: 0;
    font-family: Poppins !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 25px !important;
}

.spam-column-header__count {
    box-sizing: border-box;
    height: 40px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
}

.spam-column-header__count-left {
    box-sizing: border-box;
    height: 40px;
    background: var(--fututec-52489C);
    border: var(--fututec-979797) solid 1px;
    font-family: "Poppins Light";
    font-size: 16px;
    line-height: 23px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 10px 19px 8px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.spam-column-header__count-left:before {
    content: "";
    display: block;
    background: center no-repeat url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M1445 0v2269H0V0h1445Z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' transform='translate(-1191 -301)'%3E%3Ctext transform='translate(1191.75 316)' font-family='simple-line-icons' font-size='15' fill='%23FFF' text-anchor='left'%3E%3C/text%3E%3C/g%3E%3C/svg%3E");
    background: center no-repeat url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9277 12.8199L7.9834 11.1939C8.53027 10.7545 8.89648 10.1783 9.08203 9.46539C9.27734 8.7525 9.375 8.1568 9.375 7.67828V5.70074C9.375 5.36871 9.27246 5.04156 9.06738 4.7193C8.87207 4.38727 8.6084 4.08942 8.27637 3.82574C7.9541 3.56207 7.58301 3.34723 7.16309 3.18121C6.74316 3.0152 6.31348 2.93219 5.87402 2.93219C5.44434 2.93219 5.01465 3.0152 4.58496 3.18121C4.16504 3.34723 3.78906 3.56207 3.45703 3.82574C3.125 4.08942 2.85645 4.38727 2.65137 4.7193C2.44629 5.04156 2.34375 5.36871 2.34375 5.70074V7.67828C2.34375 8.10797 2.45117 8.68903 2.66602 9.42145C2.88086 10.1539 3.2666 10.7398 3.82324 11.1793L0.791016 12.8199C0.791016 12.8199 0.65918 12.898 0.395508 13.0543C0.131836 13.2105 0 13.3961 0 13.6109V14.7974C0 15.022 0.078125 15.2076 0.234375 15.3541C0.390625 15.5103 0.576172 15.5884 0.791016 15.5884H10.9277C11.1426 15.5884 11.3281 15.5103 11.4844 15.3541C11.6406 15.2076 11.7188 15.022 11.7188 14.7974V13.6109C11.7188 13.3765 11.5869 13.1861 11.3232 13.0396C11.0596 12.8931 10.9277 12.8199 10.9277 12.8199ZM10.7812 14.6509H0.9375V13.816C0.966797 13.7964 1.00098 13.772 1.04004 13.7427C1.08887 13.7134 1.13281 13.6939 1.17188 13.6841C1.18164 13.6744 1.19141 13.6695 1.20117 13.6695C1.21094 13.6597 1.2207 13.6548 1.23047 13.6548L4.2627 11.9996C4.39941 11.9312 4.51172 11.8336 4.59961 11.7066C4.6875 11.5699 4.73633 11.4234 4.74609 11.2672C4.76562 11.1109 4.74121 10.9595 4.67285 10.813C4.61426 10.6666 4.52637 10.5445 4.40918 10.4468C4.00879 10.1343 3.7207 9.69 3.54492 9.11383C3.36914 8.52789 3.28125 8.04938 3.28125 7.67828V5.70074C3.28125 5.35895 3.54492 4.96832 4.07227 4.52887C4.60938 4.08942 5.20996 3.86969 5.87402 3.86969C6.55762 3.86969 7.15332 4.08942 7.66113 4.52887C8.17871 4.96832 8.4375 5.35895 8.4375 5.70074V7.67828C8.4375 8.04938 8.36426 8.52789 8.21777 9.11383C8.07129 9.69 7.79785 10.1343 7.39746 10.4468C7.27051 10.5445 7.17285 10.6666 7.10449 10.813C7.0459 10.9595 7.02637 11.1109 7.0459 11.2672C7.05566 11.4234 7.10449 11.5699 7.19238 11.7066C7.28027 11.8336 7.39258 11.9361 7.5293 12.0142L10.4736 13.6402C10.4932 13.65 10.5078 13.6597 10.5176 13.6695C10.5371 13.6793 10.5518 13.6841 10.5615 13.6841C10.6006 13.7037 10.6396 13.7232 10.6787 13.7427C10.7178 13.7623 10.752 13.7867 10.7812 13.816V14.6509ZM14.209 10.4908L11.2207 8.85016C11.7676 8.42047 12.1436 7.84918 12.3486 7.13629C12.5537 6.41364 12.6562 5.81793 12.6562 5.34918V3.37164C12.6562 3.03961 12.5537 2.70758 12.3486 2.37555C12.1436 2.04352 11.875 1.74567 11.543 1.48199C11.2109 1.21832 10.8301 1.00348 10.4004 0.837463C9.98047 0.661682 9.55078 0.573792 9.11133 0.573792C8.54492 0.573792 7.99316 0.71051 7.45605 0.983948C6.91895 1.25739 6.47949 1.5943 6.1377 1.99469C6.33301 2.00446 6.5332 2.01422 6.73828 2.02399C6.94336 2.03375 7.13867 2.06793 7.32422 2.12653C7.56836 1.94098 7.8418 1.79449 8.14453 1.68707C8.45703 1.57965 8.7793 1.52594 9.11133 1.52594C9.79492 1.52594 10.4004 1.74567 10.9277 2.18512C11.4551 2.62457 11.7188 3.02008 11.7188 3.37164V5.34918C11.7188 5.71051 11.6357 6.18414 11.4697 6.77008C11.3135 7.34625 11.0352 7.79547 10.6348 8.11774C10.5078 8.21539 10.4102 8.33746 10.3418 8.48395C10.2832 8.63043 10.2637 8.7818 10.2832 8.93805C10.293 9.0943 10.3418 9.24078 10.4297 9.3775C10.5176 9.50446 10.6299 9.60699 10.7666 9.68512L13.7549 11.3111C13.7744 11.3209 13.7891 11.3306 13.7988 11.3404C13.8184 11.3404 13.833 11.3453 13.8428 11.355C13.8818 11.3648 13.9209 11.3843 13.96 11.4136C13.999 11.4332 14.0332 11.4527 14.0625 11.4722V12.3072H12.1729C12.3096 12.4146 12.4072 12.5464 12.4658 12.7027C12.5342 12.8589 12.5977 13.0396 12.6562 13.2447H14.209C14.4238 13.2447 14.6094 13.1714 14.7656 13.025C14.9219 12.8687 15 12.6783 15 12.4537V11.2818C15 11.0474 14.8682 10.857 14.6045 10.7105C14.3408 10.564 14.209 10.4908 14.209 10.4908Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
    width: 16px;
    height: 16px;
}

.spam-column-header__count-right {
    box-sizing: border-box;
    height: 40px;
	cursor: pointer;
    padding: 11px 16px 10px;
    background: rgba(82, 72, 156, 0.73);
    font-size: 14px;
    line-height: 20px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.spam-columns {
    display: flex;
    gap: 12px;
    margin: 0 calc(11px - 35px);
    color: var(--fututec-52489C);
}


.spam-columns--position {
    margin-bottom: 33px;
}

.spam-columns__column {
    background: #F5F6FA;
    border: #EBEAF6 solid 1px;
    padding: 21px 14px;
}

.spam-columns__column-flex-1 {
    flex: 1
}

.spam-columns__column-flex-2 {
    flex: 2
}

.spam-columns__column--border-radius {
    border-radius: 4px;
}

.spam-columns__column--left {
    flex: 1;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.spam-columns__column--right {
    flex: 1;
    max-height: 1000px;
    border-left: #fff solid 1px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #F0F1F3;
    overflow-y: scroll;
}

.spam-columns__column--right::-webkit-scrollbar {
    width: 15px
}

.spam-columns__column--right::-webkit-scrollbar-track {
    background: #DCDDE3;
    border: #DCDDE3 solid 1px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.spam-columns__column--right::-webkit-scrollbar-thumb {
    height: 155px;
    background: #52489C;
    border-radius: 8px;
    border: 1px solid #979797;
}

.spam-columns__column-double {
    display: flex;
}

.spam-columns__header {
    margin-bottom: 20px;
    font-family: "Poppins Medium";
    font-size: 15px;
    line-height: 21px;
}

.spam-columns__checkboxes {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding-left: 21px;
    color: var(--fututec-52489C);
}

.spam-columns__checkbox {
    display: flex;
    align-items: center;
    font-family: Poppins;
    font-size: 15px;
    line-height: 21px;
}

.spam-columns__checkbox--check-all {
    margin-bottom: 30px;
}

.spam-columns__checkbox--hidden {
    display: none;
}

.spam-columns__checkbox__input {
    display: none;
}

.spam-message-header {
    height: auto !important;
    font-family: Poppins !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 25px !important;
}

.spam-message-header--sisu {
    margin-top: 41px;
}

.spam-message-input__group .ajax-upload-dragdrop {
    width: 100% !important;
}

.spam-message__button_outer_spam {
    display: block;
    margin-left: auto;
}

/* MODAL */
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    padding: 30px;
    width:  100%;
    height: 100%;
    margin: 0;
    padding: 0;
    transition: visibility 0s linear 0.1s, opacity 0.3s ease;
}

.modal_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0 35px 0;
}

#custom-scroll::-webkit-scrollbar-track {
	  border-radius: 10px;
	  background-color: #DCDDE3;
}

#custom-scroll::-webkit-scrollbar {
	  width: 12px;
	  background-color: #DCDDE3;
}

#custom-scroll::-webkit-scrollbar-thumb {
	  border-radius: 10px;
	  background-color: #52489C;
}

.modal {
  background-color: transparent;
}

.modal_header__title {
    color: #52489C;
    font-size: 28px;
    font-weight: 400;
    line-height: unset;
}

.modal.open {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
    overflow: hidden;
}
  
.modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 21;
    background-color: rgba(255, 255, 255, 0.9);
}
  
.modal__close {
    position: absolute;
    top: -21px;
    right: -21px;
    padding: 15px;
    border: none;
    outline: none;
    background: none;
    font-size: 24px;
    color: #52489C;
    background-color: #ffffff;
    font-weight: bold;
    border-radius: 50%;
	cursor: pointer;
}   

.modal__close:hover {
    color: #000;
}
  
.modal__container {
    position: relative;
    z-index: 22;
    width: 80%;
    max-width: 1200px;
    height: 50%;
    top: 50%;
    transform: translateY(-50%);
    box-shadow:  0 0 30px rgba(0, 0, 0, 0.2);
    margin: 0 auto;
    padding: 30px;
    background-color: #fff;
    text-align: center;
}

.modal__container table {
    display: block;
    background-color: #FBFAFE;
    border: 1px solid #EBEAF6;
    max-height: 80%;
    overflow: auto;
    border-radius: 4px;
}

.modal__container .table th, 
.modal__container .table td {
    border-top: unset;
}

.modal__container .table tr:first-of-type td {
    border-top: unset;
}

.modal__container thead {
  display: block;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 25px;
}

.modal__container thead TR {
  display: inline-flex;
  align-items: center;
  width: 100%;
}

.modal__container thead TR TH {
  display: inline-block;
  width: 100%;
  width: 24%;
  max-width: 24%;
  padding: 5px 0;
  text-align: left;
  color: #8886B1;
  font-size: 14px;
}

.modal__container thead TR TH:first-of-type {
  padding-left: 20px;
}

.modal__container tbody {
  display: block;
  width: 100%;
}

.modal__container tbody TR {
  display: inline-flex;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #EBEAF6;

}

.modal__container tbody TR:last-of-type {
  border-bottom: unset;
}

.modal__container tbody TR TD {
  display: inline-block;
  width: 100%;
  width: 24%;
  color: #333333;
  max-width: 24%;
  padding: 10px 0;
  text-align: left;
}

.modal__container tbody TR TD:first-of-type {
  padding-left: 20px;
}

.modal__container tbody {
    overflow: auto;
}

.modal_header__details {
	display: flex;
	align-items: center;
    background-color: #FBFAFE;
    border: 1px solid #EBEAF6;
    border-radius: 4px;
	
}

.modal_header__details .icon {
    display: inline-block;
	background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9277 12.8199L7.9834 11.1939C8.53027 10.7545 8.89648 10.1783 9.08203 9.46539C9.27734 8.7525 9.375 8.1568 9.375 7.67828V5.70074C9.375 5.36871 9.27246 5.04156 9.06738 4.7193C8.87207 4.38727 8.6084 4.08942 8.27637 3.82574C7.9541 3.56207 7.58301 3.34723 7.16309 3.18121C6.74316 3.0152 6.31348 2.93219 5.87402 2.93219C5.44434 2.93219 5.01465 3.0152 4.58496 3.18121C4.16504 3.34723 3.78906 3.56207 3.45703 3.82574C3.125 4.08942 2.85645 4.38727 2.65137 4.7193C2.44629 5.04156 2.34375 5.36871 2.34375 5.70074V7.67828C2.34375 8.10797 2.45117 8.68903 2.66602 9.42145C2.88086 10.1539 3.2666 10.7398 3.82324 11.1793L0.791016 12.8199C0.791016 12.8199 0.65918 12.898 0.395508 13.0543C0.131836 13.2105 0 13.3961 0 13.6109V14.7974C0 15.022 0.078125 15.2076 0.234375 15.3541C0.390625 15.5103 0.576172 15.5884 0.791016 15.5884H10.9277C11.1426 15.5884 11.3281 15.5103 11.4844 15.3541C11.6406 15.2076 11.7188 15.022 11.7188 14.7974V13.6109C11.7188 13.3765 11.5869 13.1861 11.3232 13.0396C11.0596 12.8931 10.9277 12.8199 10.9277 12.8199ZM10.7812 14.6509H0.9375V13.816C0.966797 13.7964 1.00098 13.772 1.04004 13.7427C1.08887 13.7134 1.13281 13.6939 1.17188 13.6841C1.18164 13.6744 1.19141 13.6695 1.20117 13.6695C1.21094 13.6597 1.2207 13.6548 1.23047 13.6548L4.2627 11.9996C4.39941 11.9312 4.51172 11.8336 4.59961 11.7066C4.6875 11.5699 4.73633 11.4234 4.74609 11.2672C4.76562 11.1109 4.74121 10.9595 4.67285 10.813C4.61426 10.6666 4.52637 10.5445 4.40918 10.4468C4.00879 10.1343 3.7207 9.69 3.54492 9.11383C3.36914 8.52789 3.28125 8.04938 3.28125 7.67828V5.70074C3.28125 5.35895 3.54492 4.96832 4.07227 4.52887C4.60938 4.08942 5.20996 3.86969 5.87402 3.86969C6.55762 3.86969 7.15332 4.08942 7.66113 4.52887C8.17871 4.96832 8.4375 5.35895 8.4375 5.70074V7.67828C8.4375 8.04938 8.36426 8.52789 8.21777 9.11383C8.07129 9.69 7.79785 10.1343 7.39746 10.4468C7.27051 10.5445 7.17285 10.6666 7.10449 10.813C7.0459 10.9595 7.02637 11.1109 7.0459 11.2672C7.05566 11.4234 7.10449 11.5699 7.19238 11.7066C7.28027 11.8336 7.39258 11.9361 7.5293 12.0142L10.4736 13.6402C10.4932 13.65 10.5078 13.6597 10.5176 13.6695C10.5371 13.6793 10.5518 13.6841 10.5615 13.6841C10.6006 13.7037 10.6396 13.7232 10.6787 13.7427C10.7178 13.7623 10.752 13.7867 10.7812 13.816V14.6509ZM14.209 10.4908L11.2207 8.85016C11.7676 8.42047 12.1436 7.84918 12.3486 7.13629C12.5537 6.41364 12.6562 5.81793 12.6562 5.34918V3.37164C12.6562 3.03961 12.5537 2.70758 12.3486 2.37555C12.1436 2.04352 11.875 1.74567 11.543 1.48199C11.2109 1.21832 10.8301 1.00348 10.4004 0.837463C9.98047 0.661682 9.55078 0.573792 9.11133 0.573792C8.54492 0.573792 7.99316 0.71051 7.45605 0.983948C6.91895 1.25739 6.47949 1.5943 6.1377 1.99469C6.33301 2.00446 6.5332 2.01422 6.73828 2.02399C6.94336 2.03375 7.13867 2.06793 7.32422 2.12653C7.56836 1.94098 7.8418 1.79449 8.14453 1.68707C8.45703 1.57965 8.7793 1.52594 9.11133 1.52594C9.79492 1.52594 10.4004 1.74567 10.9277 2.18512C11.4551 2.62457 11.7188 3.02008 11.7188 3.37164V5.34918C11.7188 5.71051 11.6357 6.18414 11.4697 6.77008C11.3135 7.34625 11.0352 7.79547 10.6348 8.11774C10.5078 8.21539 10.4102 8.33746 10.3418 8.48395C10.2832 8.63043 10.2637 8.7818 10.2832 8.93805C10.293 9.0943 10.3418 9.24078 10.4297 9.3775C10.5176 9.50446 10.6299 9.60699 10.7666 9.68512L13.7549 11.3111C13.7744 11.3209 13.7891 11.3306 13.7988 11.3404C13.8184 11.3404 13.833 11.3453 13.8428 11.355C13.8818 11.3648 13.9209 11.3843 13.96 11.4136C13.999 11.4332 14.0332 11.4527 14.0625 11.4722V12.3072H12.1729C12.3096 12.4146 12.4072 12.5464 12.4658 12.7027C12.5342 12.8589 12.5977 13.0396 12.6562 13.2447H14.209C14.4238 13.2447 14.6094 13.1714 14.7656 13.025C14.9219 12.8687 15 12.6783 15 12.4537V11.2818C15 11.0474 14.8682 10.857 14.6045 10.7105C14.3408 10.564 14.209 10.4908 14.209 10.4908Z' fill='%233A3335'/%3E%3C/svg%3E%0A");
	background-size: contain;
	background-repeat: no-repeat;
	width: 25px;
	height: 26px;
	padding: 12px 10px 12px 20px;
	background-size: 22px;
	background-position: center;
	border-right: 1px solid #EBEAF6;
}

.modal_header__details .icon IMG {
    border-right: 1px solid #EBEAF6;
    width: 20px;
    padding: 10px 15px 12px 15px;
}

.modal_header__details .count {
	color: #333333;
    padding: 0 20px;
	font-size: 12px;
}

@media screen and (max-width: 768px) {
  .modal_header {
    flex-wrap: wrap;
    text-align: left;
  }

  .modal__container {
    height: 80%;
  }

  .modal_header__right {
    margin-top: 20px;
  }

  .modal__container thead {
    min-width: 768px;
  }

  .modal__container tbody {
    min-width: 768px;
  }

}

/* Fututec new styles END */

.ck-editor__editable_inline {
    min-height: 150px;
    padding-left:20px !important;
}