/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 23/10/2015, 04:27:06 PM
    Author     : arturo osorio
    Last Modified date : 13/11/2015
*/
.testClass{
    position: fixed;
    top:0px; left:0px; width:10px; height: 10px;
    background: #fff;
}

/******************* Responsive 1 1140px */
@media only screen and (max-width:1040px){
    .testClass{
        background: #ff0;
    }

}


/********************************* 2do Responsive*/
@media only screen and (max-width:740px){
    .testClass{
        background: #f0f;
    }

    .artm_panelHeader_sideControler{
        position:absolute;
        left: 20px; top:20px; width: 20px; height: 20px;
        color:#fff;
        font-size: 20px;
        display: inline;
        cursor:pointer;
    }
    .artm_panelMenu_General{
        position:fixed;
        top:60px; left: -220px; bottom: 0px; width: 220px;
        box-shadow: 2px 0px 5px rgba(0,0,0,0.2);
        z-index: 10;
        overflow: hidden;
        overflow-y: auto;
    }
    .artm_panelMenu_General_open{
        left: 0px;
        animation: artm_panelMenu_General_open 0.4s;
        -webkit-animation: artm_panelMenu_General_open 0.4s;
        -moz-animation: artm_panelMenu_General_open 0.4s;
        -ms-animation: artm_panelMenu_General_open 0.4s;
        -o-animation: artm_panelMenu_General_open 0.4s;

    }
    .artm_panelMenu_General_close{
        left: -220px;
        animation: artm_panelMenu_General_close 0.4s;
        -webkit-animation: artm_panelMenu_General_close 0.4s;
        -moz-animation: artm_panelMenu_General_close 0.4s;
        -ms-animation: artm_panelMenu_General_close 0.4s;
        -o-animation: artm_panelMenu_General_close 0.4s;

    }

    .artm_panelBody{
        position:absolute;
        top:60px; left: 0px; right: 0px; bottom: 0px;
        background: none;
        overflow-y: auto;
        padding-bottom: 20px;
    }

    .artm_panelBody_menuOpen{
        left: 220px; right: -220px;
        animation: artm_panelBody_menuOpen 0.4s;
        -webkit-animation: artm_panelBody_menuOpen 0.4s;
        -moz-animation: artm_panelBody_menuOpen 0.4s;
        -ms-animation: artm_panelBody_menuOpen 0.4s;
        -o-animation: artm_panelBody_menuOpen 0.4s;
    }
    .artm_panelBody_menuClose{
        left: 0px; right: 0px;
        animation: artm_panelBody_menuClose 0.4s;
        -webkit-animation: artm_panelBody_menuClose 0.4s;
        -moz-animation: artm_panelBody_menuClose 0.4s;
        -ms-animation: artm_panelBody_menuClose 0.4s;
        -o-animation: artm_panelBody_menuClose 0.4s;

    }

    @keyframes artm_panelMenu_General_open{ 0%{left:-220px;}100%{left:0px;}}
    @-webkit-keyframes artm_panelMenu_General_open{ 0%{left:-220px;}100%{left:0px;}}
    @-moz-keyframes artm_panelMenu_General_open{ 0%{left:-220px;}100%{left:0px;}}
    @-ms-keyframes artm_panelMenu_General_open{ 0%{left:-220px;}100%{left:0px;}}
    @-o-keyframes artm_panelMenu_General_open{ 0%{left:-220px;}100%{left:0px;}}

    @keyframes artm_panelMenu_General_close{ 0%{left:0px;}100%{left:-220px;}}
    @-webkit-keyframes artm_panelMenu_General_close{ 0%{left:0px;}100%{left:-220px;}}
    @-moz-keyframes artm_panelMenu_General_close{ 0%{left:0px;}100%{left:-220px;}}
    @-ms-keyframes artm_panelMenu_General_close{ 0%{left:0px;}100%{left:-220px;}}
    @-o-keyframes artm_panelMenu_General_close{ 0%{left:0px;}100%{left:-220px;}}



    @keyframes artm_panelBody_menuOpen{ 0%{left:0px;right:0px;}100%{left:220px;right:-220px}}
    @-webkit-keyframes artm_panelBody_menuOpen{ 0%{left:0px;right:0px;}100%{left:220px;right:-220px}}
    @-moz-keyframes artm_panelBody_menuOpen{ 0%{left:0px;right:0px;}100%{left:220px;right:-220px}}
    @-ms-keyframes artm_panelBody_menuOpen{ 0%{left:0px;right:0px;}100%{left:220px;right:-220px}}
    @-o-keyframes artm_panelBody_menuOpen{ 0%{left:0px;right:0px;}100%{left:220px;right:-220px}}

    @keyframes artm_panelBody_menuClose{ 0%{left:220px;right:-220px}100%{left:0px;right:0px;}}
    @-webkit-keyframes artm_panelBody_menuClose{ 0%{left:220px;right:-220px}100%{left:0px;right:0px;}}
    @-moz-keyframes artm_panelBody_menuClose{ 0%{left:220px;right:-220px}100%{left:0px;right:0px;}}
    @-ms-keyframes artm_panelBody_menuClose{ 0%{left:220px;right:-220px}100%{left:0px;right:0px;}}
    @-o-keyframes artm_panelBody_menuClose{ 0%{left:220px;right:-220px}100%{left:0px;right:0px;}}

    .artm_inputContainer_hlfl{

        width: 100%;

    }
    .artm_inputContainer_response{

        width: 100%;

    }
    .artm_inputContainer_hlfr{
        width: 100%;
    }
    .artm_bottonContainer_std_buttonIndigo, .artm_bottonContainer_std_buttonBlack{
        width: 100%;
        margin-bottom: 5px;
        box-sizing:border-box;
        -moz-box-sizing:border-box; /* Firefox */
        -o-box-sizing:border-box; /* Firefox */
        -ms-box-sizing:border-box; /* Firefox */
        -webkit-box-sizing:border-box; /* Safari */
    }
    .headLogo{
        left: 60px;
        background-size: 112px;
        background-image: url(../..//img/demo/ashilogoPanel224.png)
    }

    .headLogoCBCells{
        left: 60px;
        background-size: 112px;
        background-image: url(http://cbcells.focosoftec.com/resources/img/cbcellsGeneral/logoBlanco224.png);
    }

}




/*****************************************************************************/

/********************************************* 3er Responsive */
@media only screen and (max-width:480px){
    .testClass{
        background: #0ff;
    }
    .artm_rsHide_0001{
        display:inline;
    }

    .artm_rsHide_1110{
        display:none;
    }




}