/** Project: onestop_template
 *  Description: 
 *
 *  @creator       Thinkin-Tags v0.5.3
 *  @framework     YAML v4.1.2
 *  @file          screen.css
 */

@media screen {

   .ym-wrapper {
      margin: 0 auto 0 0;
      max-width: 80em;
   }

   .ym-wbox {
   }

   .ym-column .ym-col1 {
      float: left;
      margin: 0px;
      width: 25%;
   }

   .ym-cbox-left {
   }

   .ym-column .ym-col2 {
   }

   .ym-cbox-right {
   }

   .ym-column .ym-col3 {
      margin: 0px 0px 0px 25%;
   }

   .ym-cbox {
   }

   .ym-gbox-left {
   }

   .ym-gbox-right {
   }

   .logo {
      text-align: center;
      padding-top: 10px;
   }

   .search_link{ 
      text-align: right;
      padding-top: 15px;
      padding-bottom: 10px;}
}

.main_admin_menu ul {
   list-style-type: none;
   display: flex;
}



.layout_grid_left{
   background-color: #FF0000;
}

.layout_grid_right{
   background-color: #FFF;
}

.address,.address p, .address a{
   padding-top: 15px;   
   color:white;
   padding-left: 22px;
//   text-align: center;
   font-weight: bold;
   float: left;
}

.footer{
   text-align: center; 
   padding-top: 10px;
   padding-bottom: 10px;
   display: inline-block;
   padding-left: 35px;
}
.content_area{
   padding-left: 35px;
   padding-top: 25px;
}

#login_nav {
   text-align: right;
   padding-top: 15px;
}
.hidden {
   display: none;
}

.sub_page_control {

   text-align: right;
   padding-bottom: 15px;
}

.val_errors {
   border: 2px solid #990000;
   background:#faf4f4;
   padding:0.5em;
   margin-top:5px;
   margin-bottom:10px; 
   color:#900;
   font-size:100%;
   /*display: inline-block;*/
   display: block;
}
.val_success {
   border:1px solid #090;
   padding:0.5em;
   margin-top:5px;
   margin-bottom:10px;
   color:#090;
   font-size:90%;
   display: block;
   background-color: #F0FFE6;
}

.ym-form .error {

   color: #990000;
   background-color: #FAF4F4;
   border: 1px solid #990000;
   padding: 6px;
}


@media only screen and (max-width: 768px) {

   .linearize-level-1,
   .linearize-level-1 > [class*="ym-g"],
   .linearize-level-1 > [class*="ym-col"] {
      display: block;
      float: none;
      margin: 0;
      padding: 0;
      width: auto !important;
   }

   .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"],
   .linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] {
      margin: 0;
      overflow: hidden;
      padding: 0;
   }

}

@media only screen and (max-width: 480px) {

   .linearize-level-2,
   .linearize-level-2 > [class*="ym-g"],
   .linearize-level-2 > [class*="ym-col"] {
      display: block;
      float: none;
      margin: 0;
      padding: 0;
      width: auto !important;
   }

   .linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"],
   .linearize-level-2 > [class*="ym-col"] > [class*="ym-cbox"] {
      margin: 0;
      overflow: hidden;
      padding: 0;
   }

}