﻿.stop-survey-intro
{
    min-height:150px !important;
}

/** laptop?? **/
@media (max-width: 1200px) 
{
    .input-group input[maxlength="100"]
    {
        width: 90% !important;
    }

    .input-group input[maxlength="200"]
    {
        width: 90% !important;
    }
}

/** laptop?? **/
@media (max-width: 1000px) 
{ 
    .col-survey-title
    {
        text-align:left;
        margin-top:10px;
        margin-bottom:20px;
    }

    .action-buttons table
    {
        position: relative;
    }

    .action-buttons
    {
        height:auto;
        overflow:visible;
        float:none !important;
        margin-left:10px;
    }

    .signature-pad
    {
        width: 150px !important;
    }

    .AnswerContainer-custom label.radio > input:checked + span, .AnswerContainer-custom label.check > input:checked + span {
        min-width: 76px !important;
        width: 94px;
        text-indent: 9px;
        padding-right: 0px;
    }
}

/** tablet **/
@media screen and (max-width: 992px)
{
    #Address
    {
        white-space:normal;
    }

    #MapLocation 
    {
        white-space: normal;
        border-radius: 3px 
    }

    #SurveyPanelTitle
    {
        position:static;
    }
    #CollapseMessage {
        padding-right: 74px;
    }
}

/** small tablet **/
@media screen and (max-width: 800px) {
    .input-group input{
        max-width:500px;
    }
    .input-group .select2 {
        max-width: 72px;
    }
    .hide-mobile
    {
        display:none;
    }
    /*
    body, h1, h2, h3, h4, .panel-title, .btn { font-size: 1.1em; }
    .panel-body{ padding:5px; }
    .table { margin-bottom:5px; }
    .table tbody > tr > td { padding:2px; vertical-align: middle; }
    .form-control { height:28px; }
    .AnswerContainer label.radio, .AnswerContainer label.check { margin:0px; }
    */
}

/** mobile **/
@media screen and (max-width: 480px) {
    .QuestionContainer
    {
        width:98%;
    }
    .AnswerCtrl
    {
        width:98%;
    }
    .btn-span-time
    {
        overflow: hidden;
        width: 232px;
        display: inline-block;
    }
    .survey-help-panel, .survey-help-panel button.btn
    {
        position:static;
    }
    .panel-body {
        padding: 10px;
    }

    /*.AnswerCtrl div.input-group input
    {
        max-width:220px;
        margin-left:12px;
    }

    .AnswerCtrl div.input-group div.input-group-addon, span.input-group-addon
    {
        display: block;
        background-color: #FFF;
        border: none;
        text-decoration: underline;
        margin-left:-10px;
    }

    .AnswerCtrl .select2-container
    {
        width:290px !important;
    }

    .AnswerCtrl div.model-form span.input-group-btn
    {
        display:block;
    }

    .AnswerCtrl .btn
    {
        margin-top:26px !important;
    }

    .AnswerCtrl .input-group-btn .btn{
        margin-top:0px !important;
    }

    .body-content
    {
        padding:0px;
        margin-top: 50px !important;
    }

    footer
    {
        text-align:center;
    }*/

   body, h1, h2, h3, h4, .panel-title { font-size: 1.2em; }
   
   .household-actions button.btn, .survey-actions button.btn
   {
       font-size: 12px;
   }
   
   .household-actions button.btn-success, .survey-actions button.btn-success
   {
        width: 80px;
        white-space:normal;
        
   }
   .panel-title td a
   {
        font-size:0.8em;
        display: inline-block;
   }

   .hide-mobile
   {
       display:none;
   }

   /*.panel-surveys, .panel-travel-surveys
   {
       max-height:90px;
       overflow-y:scroll;
   }

   .hide-mobile
   {
       display:none;
   }

   .btn-secondary
   {
       min-width:61px;
   }*/
}