@charset "UTF-8";

.signin
{
 position: relative;
 max-width: 230px;
 padding-top: 0;
 padding-left: 0;
 padding-right: 0;
 padding-bottom: 10px;
 margin: 0;
 overflow: hidden
}

.registration
{
 position: relative;
 max-width: 320px;
 padding-top: 0;
 padding-left: 0;
 padding-right: 0;
 padding-bottom: 15px;
 margin: 0;
 overflow: hidden
}

.registration p
{
 font-size: 12px;
 line-height: 1.5
}

.restore
{
 position: relative;
 max-width: 250px;
 padding-top: 0;
 padding-left: 0;
 padding-right: 0;
 padding-bottom: 10px;
 margin: 0;
 overflow: hidden
}

.profile_row
{
 display: grid;
 grid-template-columns: 1fr 1fr;
 grid-gap: 30px;
 position: relative;
 padding: 0;
 margin-top: 0;
 margin-left: 0;
 margin-right: 0;
 margin-bottom: 10px;
 overflow: hidden
}

.profile_item
{
 position: relative;
 width: 100%;
 padding: 0;
 margin: 0;
 overflow: hidden
}

.col_orders
{
 position: relative;
 width: 80%;
 padding-top: 0;
 padding-left: 0;
 padding-right: 0;
 padding-bottom: 50px;
 margin: 0;
 overflow: hidden
}

.order_row
{
 display: flex;
 position: relative;
 padding: 0;
 margin: 0;
 justify-content: space-between;
 border-top: 1px solid #CCC;
 overflow: hidden
}

.order_id
{
 position: relative;
 width: 15%;
 padding-top: 20px;
 padding-left: 0;
 padding-right: 20px;
 padding-bottom: 20px;
 margin: 0;
 box-sizing: border-box;
 overflow: hidden
}

.order_id p
{
 font-size: 13px;
 margin: 0
}

.order_text
{
 position: relative;
 width: 25%;
 padding-top: 20px;
 padding-left: 0;
 padding-right: 20px;
 padding-bottom: 5px;
 margin: 0;
 box-sizing: border-box;
 overflow: hidden
}

.order_text h2
{
 font-size: 13px;
 margin-bottom: 5px
}

.order_text p
{
 font-size: 13px;
 line-height: 1.3;
 margin-bottom: 15px
}

.order_price
{
 position: relative;
 width: 15%;
 padding-top: 20px;
 padding-left: 0;
 padding-right: 20px;
 padding-bottom: 20px;
 margin: 0;
 box-sizing: border-box;
 overflow: hidden;
}

.order_price p
{
 font-size: 13px;
 font-weight: 500;
 text-align: right;
 margin: 0
}

.order_delivery
{
 position: relative;
 width: 25%;
 padding-top: 25px;
 padding-left: 0;
 padding-right: 20px;
 padding-bottom: 10px;
 margin: 0;
 box-sizing: border-box;
 overflow: hidden
}

.order_delivery p
{
 font-size: 13px;
 line-height: 1.5;
 margin-bottom: 10px
}

.order_delivery form
{
 margin-bottom: 10px
}

.order_status
{
 position: relative;
 width: 15%;
 padding-top: 20px;
 padding-left: 0;
 padding-right: 0;
 padding-bottom: 20px;
 margin: 0;
 text-align: right;
 overflow: hidden
}

.order_status p
{
 font-size: 12px;
 margin-bottom: 10px
}

.order_status form
{
 margin-bottom: 20px
}

.bg_popup
{
 display: flex;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 1000;
 justify-content: center;
 align-items: center;
 background: rgba(0,0,0, .80)
}

.bg_popup_window
{
 position: relative;
 height: auto;
 padding: 20px;
 margin: 20px;
 background: #FFF;
 box-sizing: border-box;
 border-radius: 5px
}

.popup_title
{
 position: relative;
 padding-top: 0;
 padding-left: 0;
 padding-right: 0;
 padding-bottom: 15px;
 margin: 0;
 border-bottom: 1px solid #CCC;
 overflow: hidden
}

.popup_title p
{
 font-size: 13px;
 font-weight: 500;
 margin: 0
}

.popup_message
{
 position: relative;
 padding-top: 25px;
 padding-left: 0;
 padding-right: 0;
 padding-bottom: 25px;
 margin: 0;
 overflow: hidden
}

.popup_message p
{
 font-size: 13px;
 text-align: center;
 margin: 0
}

.popup_button
{
 display: flex;
 position: relative;
 padding: 0;
 margin: 0;
 justify-content: center;
 overflow: hidden
}

.exit
{
 font-family: 'Roboto', sans-serif;
 font-size: 12px;
 font-weight: 400;
 color: #FFF;
 text-transform: uppercase;
 padding-top: 10px;
 padding-left: 15px;
 padding-right: 15px;
 padding-bottom: 10px;
 margin: 0;
 background: #336699;
 border: 0;
 border-radius: 5px;
 cursor: pointer
}

@media screen and (max-width: 980px)
{
 .profile_row
 {
  grid-gap: 20px
 }
}

@media screen and (max-width: 480px)
{
 .profile_row
 {
  grid-template-columns: 1fr
 }

 .signin
 {
  max-width: 100%;
  text-align: center
 }

 .registration
 {
  max-width: 100%;
  text-align: center
 }

 .restore
 {
  max-width: 100%;
  text-align: center
 }

 .text p
 {
  text-align: center
 }

 .profile_item
 {
  padding-bottom: 10px;
  border-bottom: 2px solid #E3E3E3
 }
}