.main-title{
  color: #28b37a;
  font-size: 3rem;
  font-weight: bold;
}
.search-title{
  color: #28b37a;
  font-size: 1.2rem;
}
.col-right{
  align-self: flex-end;
}
.doc-search-form{
  width: 100% !important;
}
.search-input-container{
  position: relative;
}
#search-icon{
  position: absolute;
  right: 0;
  top: 0%;
  background-color: #28b37a;
  height: 100%;
}
.table-pagination{
  text-align: right;
}

/* TABLE */
.document-table td{
  border: 1px solid #e0e0e0;
}
#doc-table th{
  font-weight: bold !important;
  color: #28b37a !important;
  font-size: 1.8rem !important;
  border: 1px solid lightgrey;
  padding: 0.5vw 0.3vw 0.5vw 0.3vw;
  text-align: center;
}
.document-table{
  color: #28b37a;
  font-size: 1.8rem;
}

.table-default th{
  color: grey;
  font-size: 1.2rem;
  padding-left:  0.5vw;
  text-align: left;
}
.table-default td{
  padding: 0.5vw 0.3vw 0.5vw 0.3vw;
  text-align: left;
  font-size: 1.6rem;
}
.file-name-td{
  max-width: 30rem;
  overflow: hidden;
  text-overflow: ellipsis;
}




.new-document-btn{
  text-decoration: none;
  border: 3px solid white;
  background-color: #189A82;
  color: white;
  font-size: 2.3rem;
  font-weight: bold;
  padding-top: 3rem;
  padding: 0.5vw 2vw 0.5vw 2vw;
  background-image: linear-gradient(to right,#5ac8d7,#28b37a);
  /*
  line-height: 8rem;
  vertical-align: middle;*/
  /*-webkit-box-shadow: 10px 10px 39px 0px rgba(0,0,0,0.75);*/
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

#new-relation-btn{
  margin-left: 0;
  margin-top: 2rem;
}

.category-edit-icon{
  width: 25px;
  border: 0;
}
.document-edit-button{
  margin-left: 5rem !important;
}
.document-actions a{
  text-decoration: none !important;
}
.document-actions .form-control{
  width: 80%;
}
.right-col .form-control{
  float: right;
}
.left-col{
  margin-top: 1rem;
}

/* TABLE */

.document-title-td{
  color: #28b37a;
}
.document-edit-icon{
  width: 30px;
}

.search-btn{
  width: 30px;
  display: inline-block;
}

/** FORM */
.form-group{
    margin-top: 2rem;
}
.form-section{
  border-top: 1px solid black;
  padding-bottom: 20px;
}
#video-group{
  display: none;
}

/*NEW DOCUMENT PAGE */
#edit-category-btn-1{
  display: none;
}
#delete-category-btn-1{
  display: none;
}

#edit-subcategory-btn-1{
  display: none;
}
#delete-subcategory-btn-1{
  display: none;
}

#role-section button{
  margin-left: 0;
  color: white;
  background-color: #2C3E50;
  border-color: #2C3E50;
}


#search-icon.btn-vinter-search {
	margin-top:0;
}


.vinter-white .form-control {
    width: 100%;
	padding-top:6px;
}

.form-control {
	height:40px;
}

.col-md-4 > .bs3 > button {
	display:none;
}

.small-btn {
	margin-top:0 !important;
	width:30px !important;
	height: 30px !important;
	border-radius:8px !important;
	font-size:15px !important;	
	color: white !important;
}

.small-btn i {
	padding-top: 3px !important;
}

.survey-title {
	font-size: 30px;
}

form[action="/login"] .control-label {
  text-align: left;
}



.nav > li > a {
	padding-left: 8px!important;
	padding-right: 8px!important;
}








/********************************************************************************************************************************************/


.pack {
	border: 3px solid #CCCCCC;	
	color: #333333;
	text-align: left;	
	padding:20px;
}

.pack ul, .pack li {
	text-align: left;
}

.col-lg-4.pack {
	margin:20px;
	width: calc(33% - 40px);
}

#packer {
	display: flex;
    align-items: flex-end;
}

.pack-starter, .pack-jumper, .pack-power {
	border-bottom: none;
}

.pack-clever, .pack-amazon {
	margin: 20px;
	width: calc(100% - 50px);	
}

.pack-clever-head, .pack-amazon-head {
	width: calc(33% - 55px);
	float:left;
	margin-right: 5%;
}

@media only screen and (min-width:1200px) and (max-width:2400px) {
	.pack-clever, .pack-amazon {
		height: 333px;
	}
}

@media only screen and (min-width:902px) and (max-width:1199px) {
	.pack-clever, .pack-amazon {
		height: calc(33vw - 65px);
	}
}

@media only screen and (min-width:800px) and (max-width:902px) {
	.pack-clever, .pack-amazon {
		height: calc(33vw - 55px);
		margin: 10px;
		width: calc(100% - 30px);
	}
}


@media only screen and (min-width:800px) and (max-width:902px) {
	.pack, .pack p, .pack ul, .pack li, .pack h6 {
		font-size: 16px!important;
	}
	
	.col-lg-4.pack {
		margin:10px;
		width: calc(33% - 20px);
	}
	
}


@media only screen and (min-width:561px) and (max-width:799px) {
	.col-lg-4.pack {
		margin:0px;
		width: 70%;
		margin-left: auto;
		margin-right: auto;
		margin-top:2rem;
		text-align: center;
	}
	
	#packer {
		display: block;
		align-items: unset;
	}

	.pack-clever, .pack-amazon {
		height: unset;
		margin-left: auto;
		margin-right: auto;
		margin-top:2rem;
		text-align: center;
		width: 70%;
	}
	
	.pack-clever-head, .pack-amazon-head {
		float: unset;
		width: unset;
		margin-right: unset;
	}
}

@media only screen and (min-width:320px) and (max-width:560px) {
	.col-lg-4.pack {
		margin:0px;
		width: 100%;
		margin-top:2rem;	
	}
	
	#packer {
		display: block;
		align-items: unset;
	}
	
	.pack-clever, .pack-amazon {
		height: unset;
		margin: 0;
		margin-top:2rem;		
		margin-bottom:2rem;
		width: 100%;
	}
	
	.pack-clever-head, .pack-amazon-head {
		float: unset;
		width: unset;
		margin-right: unset;
	}


}

.centered {
	text-align: center;
}

.pack .colored {
	font-weight: bold;
}

.pack img {
	width: calc(100% + 41px);
	height: auto;
	margin-left:-20px;
	margin-top:-20px;
	padding-bottom:20px;
}

.pack h6 {
	font-size: 22px;
	font-weight: bold;
}

.pack-starter {
	border-color: #2DAAE1;
}

.pack-starter h6 {
	color: #2DAAE1;
}

.pack-starter .colored {
	color: #2DAAE1;
}

.pack-starter .packbutton {
	background-color: #2DAAE1;
}


.pack-jumper {
	border-color: #96C020;
}

.pack-jumper h6 {
	color: #96C020;
}

.pack-jumper .colored {
	color: #96C020;
}

.pack-jumper .packbutton {
	background-color: #96C020;
}

.pack-power {
	border-color: #F39203;
}

.pack-power h6 {
	color: #F39203;
}

.pack-power .colored {
	color: #F39203;
}

.pack-power .packbutton {
	background-color: #F39203;
}

.pack-clever {
	border-color: #E52F7E;
}

.pack-clever h6 {
	color: #E52F7E;
}

.pack-clever .colored {
	color: #E52F7E;
}

.pack-clever .packbutton {
	background-color: #E52F7E;
}


.pack-amazon {
	border-color: #BF2521;
}

.pack-amazon h6 {
	color: #BF2521;
}

.pack-amazon .colored {
	color: #BF2521;
}

.pack-amazon .packbutton {
	background-color: #BF2521;
}



.pack-spacer-starter {
	height:40px;
}

.pack-spacer-power {
	height: 60px;
}

.packbutton {
	width: calc(100% + 46px);
    background-color: #cccccc;
    margin-left: -23px;
    border-radius: 20px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
	font-size: 24px;
    text-transform: uppercase;
    color: white;
	position: relative;
	top:35px;
}

.packbutton a {
	color:white!important;
	padding-left:60px;
}


.packbutton i {
	padding-top:2px;
	float: right;
	font-size:29px;
}

.pack-clever .packbutton, .pack-amazon .packbutton {
	position: unset;
	top: unset;
	float: left;
	width:250px;
	margin-left:5%;
}

#mb-starter .modal-content, #mb-jumper .modal-content, #mb-power .modal-content, #mb-clever .modal-content {
	border:none;
	padding: 2em;
}


.modal-inner {
	border: 3px solid #cccccc;
}

#mb-starter .modal-inner {
	border-color: #2DAAE1;
}

#mb-starter .modal-inner h5 {
	color: #2DAAE1;
}

#mb-jumper .modal-inner {
	border-color: #96C020;
}

#mb-jumper .modal-inner h5 {
	color: #96C020;
}

#mb-power .modal-inner {
	border-color: #F39203;
}

#mb-power .modal-inner h5 {
	color: #F39203;
}

#mb-clever .modal-inner {
	border-color: #E52F7E;
}

#mb-clever .modal-inner h5 {
	color: #E52F7E;
}

.modal-inner .modal-header {
	padding:0;
	padding-right:15px;
	border:none;
}

.modal-inner .modal-header img {
	float: left;
	width:180px;
}

.modal-inner .modal-header h5  {
	margin: unset;
	margin-left: 200px;
	margin-top: 1em;
	text-align: left;
}

.modal-inner .modal-body {
	margin-left: 180px;
	text-align: justify;
	color: #333333;
	padding-bottom: 50px;
}

@media only screen and (max-width:992px) {
	.modal-inner .modal-body {
		margin-left: 0;	
	}	
}

.modal-inner p {
	color: #333333;
}

#mb-starter .modal-footer, #mb-jumber .modal-footer, #mb-power .modal-footer, #mb-clever .modal-footer {
	padding: 0;
	height: 60px;
}

.arrowbody {
	margin-top:20px;
	padding-bottom:20px;
	float:left;
	background-color: #3ABB9B;
	height:30px; width:66%;
}

.arrowhead {
	float:left;
	margin-top:20px;
	width: 0px;
    height: 0px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 20px solid #3ABB9B;
}

.arrowlogo img {
	margin-top:20px;
	margin-right:5px;
	height: 30px;
	width:auto;
}

.pricelabel {
	background-color: white;
	color: #CCCCCC;
	font-weight: bold;
	font-size: 16px;
	border-radius: 20px;
	width:28px;
	float: left;
	margin: 3px;
	padding: 3px;
}

.price, .buy {
	width: calc(50% - 10px);
    background-color: #cccccc;    
	font-size: 24px;
    text-transform: uppercase;
    color: white;
	position: relative;
	top:35px;
	float: left;
	padding: 5px;
	margin-top: -40px;
}

#mb-starter .pricelabel {
	color:#2DAAE1;
} 

#mb-jumper .pricelabel {
	color:#96C020;
}

#mb-power .pricelabel {
	color:#F39203;
}

#mb-clever .pricelabel {
	color: #E52F7E;
}

#mb-starter .price, #mb-starter .buy {
	background-color:#2DAAE1;
} 

#mb-jumper .price, #mb-jumper .buy {
	background-color:#96C020;
}

#mb-power .price, #mb-power .buy {
	background-color:#F39203;
}

#mb-clever .price, #mb-clever .buy {
	background-color: #E52F7E;
}


.price {
	margin-left: 10px;
    border-radius: 20px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}


.buy {
	margin-left: 10px;
    border-radius: 20px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.buy, #clever-message {
	/*display: none;*/
}


.buy a {
	color:white!important;
	padding-left:10px;
}


.buy i {
	padding-top:2px;
	float: right;
	font-size:29px;
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.price, .buy {
		font-size:20px;
	}
}

@media only screen and (min-width:320px) and (max-width:670px) {
	.price, .buy {
		width: calc(100% - 10px);
		font-size:22px;
	}
	
	.buy {
		margin-top: 10px;
	}
	
	.modal-inner .modal-body {
		padding-bottom: 100px;
	}
	
}

@media only screen and (max-width:480px) {
	.modal-inner .modal-header img {
		display:none;
		float: unset;
	}
	
	.modal-inner .modal-header h5 {
		margin-left:20px;
	}
	
}

.linetrough {
	text-decoration: line-through;
}

.service-box {
    min-height: 225px;
}

.cleverform {
	width: 70%;
	margin-left: 15%;
	margin-right:15%;
	text-align: center;
}

.cleverform select, .cleverform textarea {
	border:1px solid #E52F7E;
	width:100%;
	margin-bottom: 1em;
}

.cleverform label {
	width: 100%;
	text-align: left;
}

.clever-lista {
	width:100%;
	height: auto;
}

.surveyqm {
	margin-top: -30px !important;
}



form[name="change_password"] .control-label {
	text-align: left!important;	
}


form[name="change_password"] button {
	margin-left: 0;
}

.buttonPadded {
    line-height: 50px;

}

body {
	width: 100vw;
}

.body-container {
	padding-left:0;
	padding-right: 0;
}

.hh {
	margin:0;
	height:41vw;
	margin-left: 15px!important;
	margin-top:60px!important;
}

#home-block-01 {
	width: 100vw;
}

@media (max-width: 1199px) and (min-width: 768px) {
	
	.hh {
		margin-left: 10px!important;
	}
	
	#home-block-01 {
		width: 100vw;
		margin-left:15px;
	}
}

@media (max-width: 768px) {
	
	.hh {
		margin-left: 0!important;
	}
	
	.body-container {
		padding-left:15px;
		padding-right: 15px;
	}
}



@media (min-width: 780px) {
	.service-box {
		width: 27%;
	}
}

@media (max-width: 779px) {
	.service-box {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
}

.reli {
	position: relative;
	top: -80px;
}

#amazon-regisztracio .form-group,
#amazon-bundle .form-group {
	width: 100%!important;
	margin-left: 0!important;
	margin-right: 0!important;
}

#amazon-regisztracio label.after-checkbox,
#amazon-bundle label.after-checkbox {
	margin-left:30px;
}

#amazon-regisztracio .disabled,
#amazon-bundle .disabled,
#amazonBundleSubmit .disabled,
button[disabled] {
	background-color: #AAAAAA!important;
}

.datepicker {
    width: 75px;
    background-color: rgba(131, 205, 131, 0.2);
    position: relative;
    left: -10px;
    top: -45px;
    height: 60px;
}
.dateinfo {
    width: 75px;
    background-color: transparent;
    position: relative;
    left: 1px;
    top: -70px;
    height: 60px;
}



@media screen and (max-width: 880px) {
	.datepicker {
		background-color: rgba(131, 205, 131, 0.2);
		position: relative;
		left: -90px;
		top: -35px;
		height: 60px;
		width: 100vw;
		float: left;
	}
	
	.dateinfo {
		background-color: transparent;
		    position: relative;
			left: calc(-100vw + 55px);	
			height: unset;
			top: -21px;
	}
}

.selected-day {
	border: 1px solid #28b37a;
}

#nopadded .form-group  {
	margin-left:0;
	margin-right:0;
}

#amazon_free_time div.form-group:first-child {
	display:none;
}

.apack-1 {
	background-color:#BF2521;
	color:white;
	min-height: 500px;	
	margin-top:1em;
	margin-left: 20px;
	margin-right:20px;
	border: 0;
	position: relative;
	
}

.apack-1 h3 {
	text-align: center;
}

.apack-1 .colored {
	font-weight:normal;
}

.apack-1 .packbutton {
	background-color: white;
    color: #BF2521!important;
    position: absolute;
    width: 90%;
    /*margin-left: 5%;*/
    bottom: 20px;
	top: unset;
    height: 35px;
}
.apack-1 a  {
	background-color: white;
	color:#BF2521!important;
}

#amazon_packs h3 {
	margin-top: 1em;
	margin-bottom: 1em;
}


#amazon_packs {
	color: #333333;
}

.mtopplus {
	margin-top: 2em;
}

select.form-control {
	height:45px;
}


.item-actions a.btn {
	margin-top:0;
}


input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -24px;
}

@media (min-width: 768px) {
	#amazon-time-selector {
		margin-top: 3em;
	}
}

#szla-head {
	margin-top: 2em;
}

.data-label {
	margin-top:0.7em;
	font-weight: bold;
}
.data-content {
	font-size: 16px;
	margin-left: 1em;
}

#ismerteto {
	width:70%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}


@media screen and (min-width: 768px) and (max-width: 1023px) {
	.apack-1 {
		min-height: 710px!important;
	}
}

@media screen and (min-width: 1024px) and (max-width: 5000px) {
	.apack-1 {
		min-height: 530px!important;
	}
}

#newpack .service-box-full {
	text-align: center;
}

#newpack .packbutton {
	background-color: #28b37a;
}

.newpack-caller {
	text-align: center;
	font-size:22px;
}

#newpack h4 {
	margin-top:1em;
	font-weight:bold;
}