﻿@font-face
{
    font-family: 'calibriregular';
    src: url('../fonts/calibri-webfont.eot');
    src: url('../fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/calibri-webfont.woff') format('woff'), url('../fonts/calibri-webfont.ttf') format('truetype'), url('../fonts/calibri-webfont.svg#calibriregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* #Media Queries
================================================== */

@media all and (max-width: 9999px) and (min-width: 1367px)
{
   
}
/* ------------------ Desktops --------------------*/
@media all and (max-width: 1366px) and (min-width: 992px)
{

    #tmm-form-wizard  .stage.tmm-success .stage-header:after
        {
            position: absolute;
            top: 47px;
            
            left: -50px;
            color: #696969;
            font-family: 'fontello';
            font-size: 16px;
            color: #92cf5c;
            content: '\e83b';
            text-shadow: none;
            font-weight: 100;
        }

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 992px)
{
   #tmm-form-wizard .stage.tmm-success .stage-header:after
        {
            position: absolute;
            top: 47px;
            
            left: -50px;
            color: #696969;
            font-family: 'fontello';
            font-size: 16px;
            color: #92cf5c;
            content: '\e83b';
            text-shadow: none;
            font-weight: 100;
        }
 

        #tmm-form-wizard .stage.tmm-success .stage-header.head-number:after
        {
            top: 42px;
        }
    
    
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px)
{

    
        .form-container #tmm-form-wizard .stage:before,
        .form-container #tmm-form-wizard .stage:after
        {
            display: none;
        }

    #tmm-form-wizard .stage-content
    {
        width: 100%;
    }

    #tmm-form-wizard .stage
    {
        text-align: left;
        margin-bottom: 10px;
    }

    #tmm-form-wizard .stage-header
    {
        float: left;
    }

    #tmm-form-wizard .stage-title
    {
        padding-left: 59px;
    }

    #tmm-form-wizard .stage-info
    {
        padding-left: 60px;
        
    }

    #tmm-form-wizard .stage.tmm-success .stage-header:after
    {
        top: -4px;
        left: 209px;
    }

    #tmm-form-wizard .stage.tmm-success .stage-header.head-number:after
    {
        top: -13px;
    }

    #tmm-form-wizard .stage
    {
        min-height: 0;
    }

    #tmm-form-wizard dt
    {
        width: 16%;
    }

    #tmm-form-wizard .tooltip
    {
        display: none;
    }

 
}

/* ------------------ Small devices --------------------*/
@media all and (max-width: 640px)
{
   #tmm-form-wizard .form-wizard
    {

    }

    #tmm-form-wizard .stage-info
    {
        padding-left: 60px;
        font-size:9px;
        
    }
  
}
/* ------------------ Small devices --------------------*/
@media all and (max-width: 460px)
{
    #tmm-form-wizard .form-wizard
    {

    }

     /*#tmm-form-wizard .stage.tmm-success .stage-header:after
    {
        top: -4px;
        left: 209px;
    }

    #tmm-form-wizard .stage.tmm-success .stage-header.head-number:after
    {
        top: -13px;
    }*/
      
}

@media only screen and (min-width: 320px) and (max-width: 767px)
{

    #tmm-form-wizard .form-wizard
    {
       
        /*min-height: 100px;*/
       
    }
    #tmm-form-wizard .form-header 
    {
        font: 19px 'calibriregular',sans-serif;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 480px)
{

    #tmm-form-wizard .next .button.button-control span
    {
        padding: 6px 26px 9px 2px;
    }

    #tmm-form-wizard .prev .button.button-control span
    {
        padding-left: 45px;
        padding: 6px 2px 9px 26px;
    }

    #tmm-form-wizard .next .button.button-control span:after
    {
        right: 5px;
    }

    #tmm-form-wizard .prev .button.button-control span:after
    {
        left: 3px;
    }

    #tmm-form-wizard .next .button-divider
    {
        right: 25px;
    }

    #tmm-form-wizard .prev .button-divider
    {
        left: 25px;
    }

    #tmm-form-wizard .tooltip
    {
        display: none;
    }

    #tmm-form-wizard dt
    {
        width: 31%;
    }

    #tmm-form-wizard .form-login
    {
        width: 100%;
        margin-left: -240px;
    }

  #tmm-form-wizard .form-wizard
    {
        padding: 5px 12px 5px;
        border: 1px solid #d0dde1;
        background-color: #EFEFEF;
        /*min-height: 100px;*/
        height:100%;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }
}

@media screen and (max-width: 320px)
{
    #tmm-form-wizard .form-login
    {
        width: 100%;
        margin-left: -160px;
    }

  #tmm-form-wizard .form-wizard {
        padding: 5px 12px 5px;
        border: 1px solid #d0dde1;
        background-color: #EFEFEF;
        height: 100%;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }
}
