/*
Theme Name: newsupchild
Description: Дочерняя тема для newsup
Author: Медиа-Студия
Template: newsup
*/

@import url("../newsup/style.css");


.mg-breadcrumb-section {
	display: none;
}



.controller {
  background: #fafafa; 
  display: block;
  float: none; 

}




.controller .input {
    
  display: inline-block;
  margin-right: 10px;
  vertical-align:top;
  
 

}


.controller .input select {
	display: inline-table;
	width: inherit;
	vertical-align:middle;
	
}


.controller .input input {
	display: inline-block;
	width: inherit;
	margin-bottom: 0;
	vertical-align:middle;
	
}



.controller .input p {
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: bold;
  

}

.controller .input input[type="number"] {
  border: 2px solid #ccc;
}




.view {
/*  border: thin solid black; */
  color: white;
  width: 100%;
  font-weight: bold;
  background: #1151d3;
  margin-top: 10px;
  display: inline-block;
}




.view .output {
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
/*  background: yellow; 
  border: thin solid black; */
  padding: 8px;
}

.view .output p {
  margin-top: 0px;
  margin-bottom: 0px;
/*  background: yellow; */
  padding: 0px;
}

.hidden-details {
    display: none;
}

.view .details {
  display: none;
  margin-top: 0px;
  margin-bottom: 0px;
  background: orange;
  border: thin solid black;
  padding: 3px;
}

.view .details p {
  margin-top: 0px;
  margin-bottom: 0px;
  background: orange;
  padding: 0px;
}




.calculator {
  border: black;
  margin-bottom: 10px;
/*  background-color: #ffffd9; */
}
.calculator h3 {
/*  border: black; */
  margin-bottom: 5px;
  margin-top: 5px;
  display:none;
}



/*div {*/
/*  -webkit-transform:rotateY(180deg);*/
/*  -moz-transform:rotateY(180deg);*/
/*  -o-transform:rotateY(180deg);*/
/*  -ms-transform:rotateY(180deg);*/
/*}*/

.calculator p {
  animation-duration: 1s;
  animation-name: slidein;
}

@keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%;
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}