body 								{
										margin:0 auto; padding: 0;
										background: url("/views/admin/img/bg.png") repeat;
										max-width: 98%;
										min-width: 720px;
										
									}
body, p, td, th, input, select, textarea 	{  
												font-family: 'Lato', Arial, sans-serif;
												font-weight: normal;
												font-size: 12px;
												color: #000000; 
											}

p									{margin: 0; padding: 0;}
a img, a 							{border: medium none; outline: medium none; text-decoration: none; display: inline-block; }
a:hover 							{text-decoration: none;}
h1, h2, h3, h4, h5, h6 				{display:inline-block; font-weight:  normal; padding: 0px; margin: 0px;}
ol, ul ,ul li 						{ list-style: none outside none;  padding: 0; margin: 0;}
input[type=text], input[type=password], textarea{ outline: none; margin: 0px ; padding: 0px;}
textarea							{resize: none;}
button								{border: none; cursor: pointer;}
select								{outline: none; cursor: pointer;}
strong {font-weight: 900;}
table{ border: 0px; border-collapse: collapse; border-spacing: 0px;}
/*klasy nadajace style czcionek*/
.b{font-weight: bold;}
/*dodatkowe klasy pomocnicze*/
.clear {clear: both;}
.clear_with_margin {width: 100%; display: block; margin-bottom: 20px; clear: both;}
.hid{display: none;}
.hiddens{display: none!important;}
.upp{ text-transform: uppercase;}
.low{ text-transform: lowercase;}
.fl{float: left;}
.fr{float: right;}
button{ cursor: pointer;}
h1 { font-size: 46px; line-height: 46px;}
h2 {font-weight: 900; font-size: 24px;text-transform: uppercase; margin-bottom: 13px; display: block;}
h4{
	display: block;
	background-color: #ededed;
}
.buttons .del{
	background-position: -68px 0px !important;
}
h2 .firstword_set{ font-weight: 300 !important;}
span.danger{ color: #ed1629;}
span.success{ color: #01784F;}
.article_content h2 {font-weight: 300;}
.article_content h2 .firstword_ar_c_h2_set {font-weight: 900;}
.header1{ font-size: 36px; font-weight: 300; line-height: 36px;}
.firstword_set{ font-weight: 700;}
.right{
	text-align: right !important;
}
.datepicker_vista{
	z-index: 50;
}
.profiler{
	position: fixed;
	bottom: 10px;
	display: block;
	z-index: 1000;
	text-align: center;
	width: 100%;
}
.profiler span{
	 color: #ed1629 !important;
	}
.left{
	text-align: left !important;
}
.plug_header{
	background-color: #EBD7D7;
	display: block;
	padding: 3px;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 10px;
}
.plug_table td{
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.plug_table th{
	background-color: #F1F1F1;
	border-bottom: 1px solid #E2E2E2;
}
#top_message{ 
	position: fixed;
	width: 100%;
	background-color: #FC2E2E;
	color: #fff;
	font-size: 14px; 
	padding: 20px 0px;
	text-align: center;
	z-index: 900;
	left: 50%;
	margin-left: -50%;
	top: 0px;
}
.content{      
	width: 100%;
	/*overflow: hidden;  */
	/*padding-bottom: 90px; */
}
.info{
	position: relative;
	display: inline-block;
	width: 22px;
	height: 22px;
}
.info:hover span{
	display: block;
}
.info span{
	display: none;
	position: absolute;
    background-color: #d8335a;
    color: #1a1a1a;
    right: -1px;
    padding: 10px;
    width: 150px;
    border: 1px solid #d8335a;
    bottom: -1px;
    z-index: 10;
    background: #fff url(/views/admin/img/article/info.png) bottom right no-repeat;
}
.tip{
	font-size: 11px;
	margin-top: 3px;
}
.mceIframeContainer.mceFirst.mceLast{
	padding: 0px;
}
.empty_list{
	display: block;
	font-size: 14px;
	text-transform: uppercase;
}
.box_for_check{
	display: inline-block;
	margin-right: 30px;
	margin-bottom: 20px;
}
.box_for_check label{
	display: block;
	padding: 0px;
}
.box_for_check label.lang_checkbox{
	display: inline-block;
}
#header{
	width: 100%;
	padding-top: 50px;
	position: relative;
	padding-bottom: 50px;
}
#header .content{
	text-align: center;
}
#header h1{
	font-weight: 300
}
#header h1 a{
	color: #000 !important;
}
#header h1 span{
	font-weight: 700;	
}
#debug_bar{
	overflow: hidden;
	position: relative;
	padding-top: 16px;
	margin-top: 50px;
	width: 100%;
	border-top: 1px dotted #000;
	margin-bottom: -34px;
}
#debug_bar a{
	display: inline-block;
	float: right;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	background-color: #962F2F;
	line-height: 30px;
	
	padding: 0px 16px;
}
#top_menu{
	min-height: 46px;
	width: 100%;
	margin-bottom: 5px;
	overflow: hidden;
}
#tooltips{
	width: 100%;
	float: right;
	position: relative;
	
	text-align: center;
	height: 20px;
	margin-bottom: 5px;
}
#tooltips .tip{
	float: right;
	top: 0px;
	
	z-index: 800;
	background-color: #8E7338;
	
	line-height: 25px;
	position: relative;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	margin-left: 2px;
}
#tooltips .tip span{
	display: block;
	text-align: center;
}
#tooltips .short_tags  .short_tags_content	ul{
		height: 0px;
		max-height: 1000px;
		overflow: hidden;
	}
	
#tooltips .short_tags.open  .short_tags_content ul{
		height: auto;
		transition: 1s height;
}
#tooltips .tip li{
	display: block;
	padding: 0px 10px;
}
#tooltips .tip li:hover{
	background-color: #998B5D;
}
#top_menu a{
	position: relative;
	float: left; 
	padding: 0px 16px;
	line-height: 46px;
	text-transform: uppercase;
	font-size: 13px;
}
#top_menu .logout{
	float: right !important;
}
.cms_user_infos{
	position: relative;
    float: right;
    top: -130px;
    text-align: right;
    height: 0px;
    right: 0px;
    margin-right: 0px;
}
/* panel logowania START*/
.login_box{  
	position: relative;
	width: 270px;
	min-height: 115px;
	margin: 100px auto 85px;
}
.login_box label{
	font-size: 14px;
	line-height: 14px;
	margin-top: 10px;
}
.login_box input[type=submit]{
	padding: 0px 28px;
	height: 29px;
	margin-top: 10px;
	font-size: 14px;
	font-weight: normal;
} 
.login_box input[type=text], .login_box input[type=password]{ 
	margin-top: 8px;
	margin-bottom: 4px;
	padding: 4px 10px;
}
.login_box label{
	text-align: right;
	width: 40px;
}
.login_box .validation-advice{
	width: 200px;
	float: right;
}
/* panel logowania STOP*/
/* strona powitalna START*/
#home_page{
	position: relative;
	padding-top: 18px;
}
#home_page .header1{
	position: relative;
	display: block;
	text-align: center;
	margin-bottom: 30px;
}
#quick_actions{
	position: relative;
	width: 100%;
}
#quick_actions a{
	position: relative;
	float: left;
	width: 31.33%;  
	min-height: 54px;
	padding-top: 82px;
	margin-bottom: 26px;
	display: block;
	margin-right: 3%;
	font-size: 25px;
	color: #fff;
	text-align: center;
	opacity: 1;
	font-weight: 700;   
}
#quick_actions .firstword_set{ 
	font-weight: normal;
}
#quick_actions a:hover{
	opacity: 0.95;
}
#quick_actions a.last{
	margin-right: 0px;
}
/*lewe menu START */
.left_menu{
	position: relative;
	float: left;
	width: 30%;
	margin-right: 5%; 
	margin-top: 8px;
}
.left_menu .menu{
	margin-bottom: 20px;
}
.left_menu .menu a{
	color: #1a1a1a;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	margin-bottom: 6px;
	position: relative;
	display: block;
}
.left_menu .menu a .thin_set{
	font-weight: 300;
}
.left_menu .list{
	margin-bottom: 40px;
}
.left_menu .list a{
	color: #fff;
	font-size: 12px;
	line-height: 17px;
	font-weight: 500;
	display: block;
	padding-left: 3%;
	padding-top: 2px;
	padding-boottom: 2px;
	float: left;
	width: 100%;   
} 
.left_menu .list a.level_2{
	padding-left: 8%;
}
.left_menu .list a.level_3{
	padding-left: 10%;
}
.left_menu .list a.level_4{
	padding-left: 12%;
}
.left_menu .list a.level_5{
	padding-left: 14%;
}
.left_menu .list a.level_6{
	padding-left: 16%;
}
.left_menu .list  .buttons{
	position: relative;
	float: right;
	margin-top: 2px;
	margin-right: 2px;
	z-index: 30;
	display: block;
	margin-bottom: 2px;
	display: none;
}
.left_menu .list  .buttons button, .left_menu .list  .buttons a{
	position: relative;
	float: left;
	display: block;
	width: 15px;
	height: 15px;
	border: none;
	background: url("/views/admin/img/icons_white2.png") 0px 0px no-repeat;
	padding: 0px;
}
.left_menu .list  .buttons .add{
	background-position: 2px 0px;
}
.left_menu .list  .buttons .del, .gallery_photo .del, .buttons .del_multi, {
	background-position: -67px 0px;
}  
.left_menu .list table{
	width: 100%;
}
.left_menu .list td{
	background-color: #d8335a;
	border-bottom: 1px solid #fff;
}
.left_menu .list td:last-child{
	vertical-align: bottom;
}
.left_menu .list tr:hover td, .left_menu .list tr.active td{
	background-color: #ad1f41;   
}
.left_menu .list tr:hover .buttons, .left_menu .list tr.active .buttons{
	display: inline-block;
}
.left_menu .plus_btn{
	margin-top: 0px;
}
/*.left_menu table{ position: relative; width: 100%; margin-bottom: 45px;}
.left_menu table td{
	width: 100%;
	position: relative;
}
.left_menu table span{
	position: relative;
	width: 98%;
	height: 100%;
	line-height: 14px;
	font-size: 12px;
	color: #ffffff;
	background-color: #d8335a;
	padding: 7px 0px 4px 6px;
	padding-left: 2%;
}
.left_menu table a.level_2{
	width: 93%;
	padding-left: 7%;
}
.left_menu table a.level_3{
	width: 88%;
	padding-left: 12%;
}
.left_menu table td:hover span{
	background-color: #ad1f41;
}
.left_menu table .buttons{
	position: relative;
	float: left;
	display: inline-block;
	z-index: 10;
	margin-right: 5px;
	display:
}
.left_menu table .buttons button, .left_menu table .buttons a{
	position: relative;
	float: left;
	width: 14px !important;
	height: 14px;
	margin-right: 5px;
	background-color: #fff !important;
	display: block;
	padding: 0px;
}*/
/*lewe menu STOP */
/*prawa kolumna START */
.article_content{
	position: relative;
	float: right;
	width: 65%;
	margin-top: 8px;
}
.article_content h2{  
	display: block;
	background-color: #DEDEDE;
	padding-left: 2%;
}
.article_content form{
	display: block;
	width: 100%;
}
.article_content .accept:hover{
	opacity: 0.9;
}
.article_content table{
	width: 100%;
}
.article_content  table .header th{
	font-weight: 700;	
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.article_content  table .header td, .article_content  table .header th{
	color: #fff;
	text-align: left;
	font-size: 14px;	   
}
.article_content  table .header th.center, .article_content  table td.center {
	text-align: center !important; 
}
.article_content  table td{
	color: #1a1a1a;
	text-align: left;
	font-size: 14px;
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 20px;	  
	padding-left: 10px;
	vertical-align: top;
	padding-top: 17px;
}
.article_content table.list td{
	padding-top: 3px;
}
.multi_language_plugin{
	position: relative;
}
.multi_language_buttons{
	position: absolute;
	top: -17px;
}
.article_content table.list, .article_content table.filters{
	position: relative;
	margin-bottom: 20px;
}
.article_content table.list a{
	color: #000;
}
.article_content table.list tr:hover td{
	background-color: #CACACA;
}
.article_content table.list tr:nth-child(2n - 1), .article_content table.filters tr:nth-child(2n - 1){
	background-color: #ECECEC;
}
.article_content table.filters td{
	vertical-align: middle;
	padding-top: 3px;
}
.article_content table.filters td .accept{
	margin: 0px !important;
}
/*.article_content table tr:nth-child(n):hover{
	background-color: #eaeaea;
}*/
.article_content table tr.buttons td, .article_content table tr.buttons:hover td{
	background: none;
} 
.article_content table .icon, .article_content button.del, .article_content button.del_multi, .article_content .gallery_photo .icon{  
	display: block;
	width: 25px;
	height: 25px;
	/*background: #d8335a;*/
	position: relative;
	float: left;
	margin-right: 2px;
	border-radius: 90px;
	padding: 0px;
}
.article_content table .icon{
	background: url("/views/admin/img/icons_white2.png") 0px 0px no-repeat;
}
.article_content table .icon:hover, .article_content button.del:hover, .article_content button.del_multi:hover, .gallery_photo .icon:hover{
	background-color: #1a1a1a !important;
}
.plus_btn{
	font-size: 16px;
	font-weight: 900;
	color: #1a1a1a;
	padding-left: 20px;
	line-height: 20px;
	text-transform: uppercase;
	margin-top: 20px;
}
.article_content button.del, .article_content button.del_multi, .article_content span.delete, .article_content .btn_del{
	background-position: -62px 5px !important;
	cursor: pointer;
}
.article_content button.del_multi{
	background: #d83359 url("/views/admin/img/icons_white2.png") 0px 0px no-repeat; 
}

.article_content .icon.edit{
	background-position: -17px 5px !important;
}
.article_content .icon.items{
	background-position: -39px 5px !important;
}
.article_content .icon.plus{
	background-position: 6px 5px !important;
}
/*prawa kolumna  STOP */ 

/* strona powitalna STOP*/
#footer{  
	overflow: hidden;
	padding-bottom: 20px;
	position: relative;
	padding-top: 16px;
	margin-top: 50px; 
	width: 100%;
	border-top: 1px dotted #000;
}
#footer span{
	color: #444444;
	font-size: 13px;
}
#footer span strong{
	font-weight: 700;
	color: #000;
}


/*inne*/
.validation-advice.module_error{
	text-align: center;
	font-size: 14px;
	margin-bottom: 4px;
}
.info{
	background: url("/views/admin/img/article/info.png") 0px 0px no-repeat;
}  

.gallery_photo{
	display: inline-block;
	float: left;
	margin: 10px;
	width: 236px;
	text-align: center;
	border: 1px solid #999;
	padding: 5px;
	min-height: 200px;
	position: relative;
}
.gallery_photo .main_photo{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	display: block;
	z-index: 10;
	background-color: rgba(255, 18, 18, 0.69);
	color: #FFf;
	line-height: 17px;
}
.gallery_photo .buttons{
	position: absolute;
	width: 236px;
	bottom: 40px;
}
.gallery_photo .buttons .del{
	position: relative;
	float: right;
}
.gallery_photo .buttons input[type=text]{
	width: 30px;
	float: left;
	border-right: 0px;
}
.gallery_photo .buttons input[type=submit], .add_photo_description input[type=submit]{
	padding: 4px;
	font-size: 12px;
	margin: 0px;
	float: right;
	border-radius: 90px;
	line-height: 16px;
}
.gallery_photo .buttons input[type=submit]:hover, .add_photo_description input[type=submit]:hover{
	background-color: #000;
}
.gallery_photo .buttons .edit{
	float: right;
}
.gallery_photo .buttons form{
	line-height: 25px;
	display: inline-block;
	float: right;
	width: 60px;
	height: 25px;
	margin-top: 1px;
	margin-right: 5px;
}

.progress{
	position: relative;
	width: 100%;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

.elfinder_add_photo {
	position: absolute !important;
	margin-top: -300px !important;
}
#bookmarks, #subbookmarks{
	position: relative;
	overflow: hidden; 
	padding-bottom: 20px;
	padding-top: 10px;
}

#bookmarks .tab_btn, #subbookmarks .tab_btn{
	padding: 10px 20px;
	background-color: #d8335a;
	text-transform: uppercase;
	color: #fff;
	margin-right: 1px;
	cursor: pointer
}
#bookmarks .tab_btn a{
	color: #fff !important;
}
#subbookmarks .tab_btn{
	padding: 5px 10px;
	overflow: hidden;
	position: relative;
	margin-bottom: 3px;
	display: inline-block;
}
#bookmarks .tab_btn:hover, #bookmarks .tab_btn.active, #subbookmarks .tab_btn:hover, #subbookmarks .tab_btn.active{
	background-color: #000;
}
.one_tab{
	/*overflow: hidden;*/
}
.disabled{
	background-color: #B4B4B4 !important;
	pointer-events: none;
   	cursor: default;
}
.close_elfinder{
	position: absolute;
	z-index: 999;
	top: -300px;
	left: 1px;
	background-color: #ededed;
	padding: 5px 10px;
	border-radius: 5px 5px 0px 0px;
	border: #909090 2px solid;
	border-bottom: none;
	cursor: pointer;
}
.pagination{
	text-align: center;
	padding-bottom: 10px;
}
.pagination a{
	padding: 2px 7px; 
	background-color: #fff;
	color: #000;
}
.pagination a:hover, .pagination a.active{
	background-color: #000;
	color: #fff;
}

#privileges_form{
	position: absolute;
    float: right;
    z-index: 700;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #000;
    right: 1%;
    top: 116px;
    height: 44px;
    overflow: hidden;
    cursor: pointer;
   }
#privileges_form:hover{
   	height: auto;
}
#privileges_form .box{
	margin-left: 20px;
}
#privileges_form .box.second{
    border-left: 1px solid #000;
    padding-left: 10px;
}
#privileges_form input[type=submit]{
    margin: 10px auto;
    position: relative;
    display: block;
}
#privileges_form  .priv_title{
	display: block;
	width: 100%;
	text-align: center;
	padding: 10px 0px 15px 0px;
	font-size: 20px;
}

.article_content.custom_main_page{
	width: 100%;
}

.empty_list{
	color: #924017; 
}
.article_content.custom_main_page .accept, .article_content.custom_main_page table .header td, .article_content.custom_main_page table .header th{
	background-color: #924017;  
}
.article_content.custom_main_page .plus_btn{
	background: url("/views/training/admin/img/plus.png") 0px 4px no-repeat;
}
.article_content.custom_main_page table .icon, .article_content.custom_main_page button.del{
	background: #924017 url("/views/admin/img/icons_white2.png") 0px 0px no-repeat;  
}

.monthCalendar .nav{
	max-width: 50%;
	position: relative;
	margin: 10px auto 20px auto;
	text-align: center;
}
.monthCalendar .nav a, .monthCalendar .nav span{
	display: inline-block;
	padding: 10px;
	position: relative;
	font-size: 18px;
}
.monthCalendar .nav a{
	background-color: #924017;
	color: #fff;
	font-weight: bold;
}
.monthCalendar table{
	margin-bottom: 20px;
	position: relative;
}
.monthCalendar table th{
	height: 30px;
	background-color: #924017;
	color: #fff;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	padding-top: 2px; 
	padding-bottom: 2px;
	
}
.monthCalendar table th .number{
	font-size: 24px;
	display: block;
	text-align: center;
}
.monthCalendar table th .number_of_seats{
	font-size: 16px;
	display: block;
	text-align: center;
}
.monthCalendar table td{
	height: 30px;
	border-bottom: 1px solid #924017;
	border-right: 1px solid #924017;
}

.monthCalendar table .new_day td{
	border-bottom: 2px  solid #924017;
}
.monthCalendar table .new_day th{
	border-bottom: 2px  solid #ffffff;
}

.monthCalendar table th.no_border{
	border-bottom: none;
}
.monthCalendar table td a{
	display: block;
	color: #FFF;
	text-align: center;
	font-size: 13px;
	padding: 5px 1%;
	margin-bottom: 2px;
	margin-top: 2px;
}
.monthCalendar table td a:hover{
	opacity: 0.8;
}
.monthCalendar table td span{
	display: block;	
	padding: 1px 0px;
}

.monthCalendar table td span.name{
	font-size: 15px;
}
.monthCalendar table td span.date{
	font-size: 11px;
	
}
 
.monthCalendar table tr.bgGray td{
	background-color: #ededed;
}
.monthCalendar table tr.bgGray th{
	background-color: #c5c5c5;
	color: #000000;
}

.field_name_tooltip{
	width: 100%;
	
}
.field_name_tooltip .item{
	display: block;
	padding: 2px;
	cursor: pointer;
}
.field_name_tooltip .item:hover{
	background-color: #ededed;
}
.field_name_tooltip h4{
	padding: 5px 0px;
}
.field_name_tooltip .item .field_name{
	display: none;
}

.privileges_for_list{
    width: 100%;
    margin-bottom: 0px;
    background-color: #ededed;
    text-align: right;
}
.privileges_for_list label{
	font-size: 16px;
}
.privileges_for_list select{
    width: 50%;
    max-width: 200px;
    line-height: 20px;
    padding: 7px;
    margin: 5px;
}

.privileges_for_list button{
    top: 2px;
    position: relative;
}

.form_component_type_autocompleater{
	position: relative;
}
.form_component_type_autocompleater .result_list{
	z-index: 10;
	position: absolute;
	width: 100%;
	background-color: #ededed;
    max-height: 200px;
    overflow-x: hidden;
}
.form_component_type_autocompleater .result_list div{
	padding: 4px 0px;
	cursor: pointer;
}
.form_component_type_autocompleater .result_list div:hover{
	background-color: #c7c7c7;
}

.school_year_switch{
	display: block;
}
.school_year_switch span{
	display: inline-block;
	background-color: #ededed;
	border: 1px solid #000;
	text-align: center;
	padding: 10px;
	cursor: pointer;
	margin: 10px 5px;
}
.school_year_switch span:hover{
	background-color: #000;
	color: #fff;
}
.school_year_switch span.current{
	background-color: #166900;
	color: #fff;
}


.help_button{
    width: 20px;
    height: 20px;
    background-color: #d83358;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    border-radius: 200px;
    margin-left: 9px;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.help_list{
	position: absolute;
    width: 200px;
    background-color: #fff;
    z-index: 1000;
    padding: 20px;
    border: 1px solid #d83358;
    box-sizing: border-box;
    height: 200px;
    overflow-x: hidden;
    display: none;
    margin-top: 8px;
}

.help_list li{ 
	border-bottom: 1px solid #ededed;
}
.help_list.opened{
	display: block!important;
}


.overlay.show{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.59);
	z-index: 50;
}

.overlay.popup h2{
	text-align: center;
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
}
.overlay.popup {
	
    box-sizing: border-box;
    padding: 10px 10%;
    z-index: 1000;
    position: fixed;
    top: 0px;
    background-color: #eaeaeacf;
    width: 100%;
    left: 0px;
    height: 100vh;
}

.overlay.popup  .content{
    background-color: #fff;
    min-height: 80%;
}


.overlay.popup .buttons{
	margin-top: 30px;
	width: 100%;
	box-sizing: border-box;
	padding: 10px 10px;
	text-align: center;
	display: flex;
	justify-content: space-between;
}
.overlay.popup .buttons .btn{
	padding: 10px;
	background-color: #266b01;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
}

.overlay.popup td{
	padding-right: 10px;
}



.offerEventBox{
	position: relative;
}

.overlay.popup  .mask{
	
	z-index: 1000;
	
	
	width: 100%;
	height: 100%;
	background-color: rgba(105, 105, 105, 0.39);
	position: absolute;
    top: 0px;
    left: 0px;
}

.overlay.popup .message.error{
    position: relative;
    text-align: center;
    background-color: #ed1929;
    padding: 10px;
    color: #fff;
    font-size: 20px;
    /* margin-top: 20px; */
    /* box-sizing: border-box; */
    margin: 10px;
}