@keyframes main_to_left {0% {transform: translateX(0);}100% {transform: translateX(-100%);}}
@-webkit-keyframes main_to_left {0% {-webkit-transform: translateX(0);}100% {-webkit-transform: translateX(-100%);}}
@keyframes left_to_main {0%   { transform: translateX(-100%); }100% { transform: translateX(0); }}
@-webkit-keyframes left_to_main {0%   { -webkit-transform: translateX(-100%); }100% { -webkit-transform: translateX(0); }}
@keyframes right_to_main { 0% {transform: translateX(100%); } 100% {transform: translateX(0);}}
@-webkit-keyframes right_to_main { 0% {-webkit-transform: translateX(100%);} 100% {-webkit-transform: translateX(0);}}
@keyframes main_to_right {0%   { transform: translateX(0); }100% { transform: translateX(100%); }}
@-webkit-keyframes main_to_right {0%   { -webkit-transform: translateX(0); }100% { -webkit-transform: translateX(100%); }}

html, body {height: 100%;width: 100%;padding: 0;margin: 0;}
body {display: flex;flex-direction: column;}
main {flex: auto;}
main section{flex:auto; height: 100%;}
main section article{flex:auto; height: 100%;}

#overlay{top: 0px;width: 100%;height: 100%;}
#svg-image-blur, #alert, #overlay{ display: none; }
body.blur #svg-image-blur, body.blur #alert, body.blur #overlay{ display: block; position: absolute; }
#alert{z-index: 9999999999999999;top: 50%;left: 50%;transform : translate(-50%,-50%);width: calc(100% - 20px);background: #fff;padding: 10px;border-radius: 5px;text-align: center;border:1px solid black;border-top: 15px solid #FFA500;}
#alert img{position: absolute;z-index: 2147483647;width: 30%;transform: translate(-50%,-50%);top: -15%;left: 50%;}
#alert label{font-size: 32px;text-transform: uppercase;}
#alert p{font-size: 18px;}

main.main_to_left {animation: main_to_left  0.4s forwards;}
main.left_to_main {animation: left_to_main  0.4s forwards;}
main.right_to_main{animation: right_to_main 0.4s forwards;}
main.main_to_right{animation: main_to_right 0.4s forwards;}

main:not(#home){position: absolute;top: 0; transform: translateX(100%);width: 100%;height: 100%}
main:not(#home) section article.content{overflow: auto;height: calc(100% - 44px);}

main#home{background: url("../img/bg.png") scroll 100% center / 100% auto rgba(0, 0, 0, 0);}
main#home #logo{height: calc(100% - 210px); text-align: center;}
main#home #logo img{width: 100%;}
main#home .buttons{}
main#home footer{background-color: transparent;}
main#busca-rapida article select{border: 1px solid #145FD7;height: 47px;}
main#busca-rapida-detalhes article #list-horarios{overflow: auto;}

.bar-footer{background: none;}
.no-padding{padding: 0px;}
.no-border{border: 0px;}
.text-justify{text-align: justify;}
.item-radio .item-content{padding: 3px 2px; line-height: 25px;font-size: 15px;}
.item-radio .radio-icon{padding-right: 2px;padding-top: 0px;}
.no-margin-bottom{margin-bottom: 0px;}
.item-input{border:0px;}
.item-input select{border-color: #145fd7;}
.col-30{-webkit-box-flex:0;-webkit-flex:0 0 30%;-moz-box-flex:0;-moz-flex:0 0 30%;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%}
.col-60{-webkit-box-flex:0;-webkit-flex:0 0 60%;-moz-box-flex:0;-moz-flex:0 0 60%;-ms-flex:0 0 60%;flex:0 0 60%;max-width:60%}
.item-divider{width: 100%;}
/*main#main section{height: 100%;}*/
/*main#main section article{height: calc(100% - 44px);overflow: auto;}*/
