﻿@import url("Theme.London.css?12839");

.RecordPicture,
.RecordPictureWrapper {
    max-width: 138px;
}

.MainPopup label.ThemeGrid_Width2 ~ div>.calendar {
    margin-left: 160px;
}

/* Change fixed grid for tablet portrait format */
@media screen and (max-width: 1023px) and (min-width: 765px) {  

    .Responsive.ThemeGrid_Wrapper {
        min-width: 764px;
    }
    .Responsive .ThemeGrid_Container {
        width: 764px;
    }
    .Responsive .ThemeGrid_Width1 {
        width: 42px;
    }
    .Responsive .ThemeGrid_Width2 {
        width: 104px;
    }
    .Responsive .ThemeGrid_Width3 {
        width: 166px;
    }
    .Responsive .ThemeGrid_Width4 {
        width: 228px;
    }
    .Responsive .ThemeGrid_Width5 {
        width: 290px;
    }
    .Responsive .ThemeGrid_Width6 {
        width: 352px;
    }
    .Responsive .ThemeGrid_Width7 {
        width: 414px;
    }
    .Responsive .ThemeGrid_Width8 {
        width: 476px;
    }
    .Responsive .ThemeGrid_Width9 {
        width: 538px;
    }
    .Responsive .ThemeGrid_Width10 {
        width: 600px;
    }
    .Responsive .ThemeGrid_Width11 {
        width: 662px;
    }
    .Responsive .ThemeGrid_Width12 {
        width: 724px;
    }
    .Responsive th.ThemeGrid_Width1,
    .Responsive td.ThemeGrid_Width1 {
        width: 62px;
    }
    .Responsive th.ThemeGrid_Width2,
    .Responsive td.ThemeGrid_Width2 {
        width: 124px;
    }
    .Responsive th.ThemeGrid_Width3,
    .Responsive td.ThemeGrid_Width3 {
        width: 186px;
    }
    .Responsive th.ThemeGrid_Width4,
    .Responsive td.ThemeGrid_Width4 {
        width: 248px;
    }
    .Responsive th.ThemeGrid_Width5,
    .Responsive td.ThemeGrid_Width5 {
        width: 310px;
    }
    .Responsive th.ThemeGrid_Width6,
    .Responsive td.ThemeGrid_Width6 {
        width: 372px;
    }
    .Responsive th.ThemeGrid_Width7,
    .Responsive td.ThemeGrid_Width7 {
        width: 434px;
    }
    .Responsive th.ThemeGrid_Width8,
    .Responsive td.ThemeGrid_Width8 {
        width: 496px;
    }
    .Responsive th.ThemeGrid_Width9,
    .Responsive td.ThemeGrid_Width9 {
        width: 558px;
    }
    .Responsive th.ThemeGrid_Width10,
    .Responsive td.ThemeGrid_Width10 {
        width: 620px;
    }
    .Responsive th.ThemeGrid_Width11,
    .Responsive td.ThemeGrid_Width11 {
        width: 682px;
    }
    .Responsive th.ThemeGrid_Width12,
    .Responsive td.ThemeGrid_Width12 {
        width: 744px;
    }
    .Responsive .ThemeGrid_MarginGutter {
        margin-left: 20px;
    }
    .Responsive .ThemeGrid_Margin1 {
        margin-left: 82px;
    }
    .Responsive .ThemeGrid_Margin2 {
        margin-left: 144px;
    }
    .Responsive .ThemeGrid_Margin3 {
        margin-left: 206px;
    }
    .Responsive .ThemeGrid_Margin4 {
        margin-left: 268px;
    }
    .Responsive .ThemeGrid_Margin5 {
        margin-left: 330px;
    }
    .Responsive .ThemeGrid_Margin6 {
        margin-left: 392px;
    }
    .Responsive .ThemeGrid_Margin7 {
        margin-left: 454px;
    }
    .Responsive .ThemeGrid_Margin8 {
        margin-left: 516px;
    }
    .Responsive .ThemeGrid_Margin9 {
        margin-left: 578px;
    }
    .Responsive .ThemeGrid_Margin10 {
        margin-left: 640px;
    }
    .Responsive .ThemeGrid_Margin11 {
        margin-left: 702px;
    }
    .Responsive .ThemeGrid_Margin1First {
        margin-left: 62px;
    }
    .Responsive .ThemeGrid_Margin2First {
        margin-left: 124px;
    }
    .Responsive .ThemeGrid_Margin3First {
        margin-left: 186px;
    }
    .Responsive .ThemeGrid_Margin4First {
        margin-left: 248px;
    }
    .Responsive .ThemeGrid_Margin5First {
        margin-left: 310px;
    }
    .Responsive .ThemeGrid_Margin6First {
        margin-left: 372px;
    }
    .Responsive .ThemeGrid_Margin7First {
        margin-left: 434px;
    }
    .Responsive .ThemeGrid_Margin8First {
        margin-left: 496px;
    }
    .Responsive .ThemeGrid_Margin9First {
        margin-left: 558px;
    }
    .Responsive .ThemeGrid_Margin10First {
        margin-left: 620px;
    }
    .Responsive .ThemeGrid_Margin11First {
        margin-left: 682px;
    }
}

/***    11. Responsive smartphones  ***/

@media screen and (max-width: 764px) {

    .Responsive [class*="ThemeGrid_Width"],
    .Responsive th[class*="ThemeGrid_Width"],
    .Responsive td[class*="ThemeGrid_Width"] {
        width: 100%;
    }
    
    .Responsive [class*="ThemeGrid_Width"] {
        display: block;
    }

    .Responsive .ThemeGrid_MarginGutter[class*="ThemeGrid_Width"],
    .Responsive [class*="ThemeGrid_Margin"] {
        margin-left: 0px;
        margin-top: 10px;
    }
    
    .Responsive .Filters_Wrapper input[class*=ThemeGrid_Width],
    .Responsive .Filters_Wrapper select[class*=ThemeGrid_Width] {
        margin-bottom: 5px;
    }
    
    .Responsive .Button {
        width: 100%;   
        display: block;
    }
    
    .Responsive .Button.ThemeGrid_MarginGutter {
        margin-left: 0px;   
    }
}
/* ExcludeFromPickers: RecordPicture, MainPopup, Filters_Wrapper, RecordPictureWrapper, Responsive, ThemeGrid_Container, ThemeGrid_Wrapper, ThemeGrid_Width1, ThemeGrid_Width2, 
ThemeGrid_Width3, ThemeGrid_Width4, ThemeGrid_Width5, ThemeGrid_Width6, ThemeGrid_Width7, ThemeGrid_Width8, 
ThemeGrid_Width9, ThemeGrid_Width10, ThemeGrid_Width11, ThemeGrid_Width12, ThemeGrid_Margin1, ThemeGrid_Margin2, ThemeGrid_Margin3, ThemeGrid_Margin4, ThemeGrid_Margin5, 
ThemeGrid_Margin6, ThemeGrid_Margin7, ThemeGrid_Margin8, ThemeGrid_Margin9, ThemeGrid_Margin10, ThemeGrid_Margin11, ThemeGrid_Margin1First, ThemeGrid_Margin2First,
ThemeGrid_Margin3First, ThemeGrid_Margin4First, ThemeGrid_Margin5First, ThemeGrid_Margin6First, ThemeGrid_Margin7First, ThemeGrid_Margin8First, ThemeGrid_Margin9First, 
ThemeGrid_Margin10First, ThemeGrid_Margin11First, ThemeGrid_MarginGutter */