.tdc-container{background-color:#f6f6f6;padding:10px;border:1px solid #f6f6f6;margin-bottom:20px;box-sizing:border-box;}
.tdc-container2{position:fixed;width:250px;font-size:14px;height:calc(100vh - 200px);right:3vw;z-index:99;top:calc(50% - 25px);transition:all .5s;}
.tdc-lists{position:relative;}
.tdc-lists i{position:absolute;padding:5px;top:0px;left:5px;transition:all 0.5s;transform:rotate(0deg);cursor:pointer;font-size:12px;line-height:calc(6px + 1.2em);margin-left:-5px;}
.tdc-lists i.open{transform:rotate(90deg);}
li.tdc-sub-list ul{list-style:none;padding:0;}
.tdc-container > span{font-size:20px;cursor:pointer;width:100%;display:block;padding:5px 10px;background-color:#497dff;color:#ffffff;border-radius:5px;padding-right:40px;box-sizing:border-box;}
.tdc-container2 > div > span{font-size:20px;color:#497dff;width:100%;display:block;text-align:center;border-radius:5px;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.movil.tdc-container2 > div > span{margin-top:10px;}
ul.tdc-list li.tdc-lists a{padding-left:30px;z-index:0;width:calc(100% - 20px);}
.movil.tdc-container2 ul.tdc-list li.tdc-lists a{padding-left:30px;}
.movil.tdc-container2 .tdc-lists i{width:20px;text-align:center;}
.movil.tdc-container2 .tdc-lists i{position:absolute;width:60px;text-align:center;left:-10px;}
li.tdc-sub-list{display:none;padding-left:20px;}
ul.tdc-list li a:after{content:"";background-color:#497dff;display:block;position:absolute;height:100%;width:0%;top:0;left:0;z-index:-1;transition:all 0.5s;}
ul.tdc-list{list-style:none;padding:0;margin:5px 0;display:none;}
ul.tdc-list.open{display:block;}
ul.tdc-list a{width:100%;display:block;padding:5px 10px;margin-bottom:5px;position:relative;text-decoration:none;transition:all 0.5s;z-index:0;}
.tdc-list > a:focus{background-color:transparent !important;text-decoration:none !important;}
.tdc-container2 ul.tdc-list li:hover > a:after, ul.tdc-list li > a.active:after{width:100%;}
ul.tdc-list a.active{color:#fff;}
.tdc-container2 a{color:#497dff;margin-bottom:0 !important;}
.tdc-container2 > div{display:none;overflow:hidden;height:100%;background-color:#f6f6f6;border-radius:10px;border:1px solid #cbcbcb;padding:10px;}
.movil.tdc-container2 > div{border-radius:0px;padding-top:0;}
.tdc-container2 > div > ul{overflow-y:auto;overflow-x:hidden;max-height:calc(100% - 50px);padding-right:25px;height:100%;width:calc(100% - 25px);padding-left:5px;box-sizing:content-box;}
.tdc-container2.visible{top:100px;}
.tdc-container2 > i{background-color:#f6f6f6;color:#000;padding:10px;font-size:26px;border-radius:10px;border:1px solid #cbcbcb;visibility:visible;cursor:pointer;transition:all 0.5s;position:absolute;top:-25px;right:-25px;}
.tdc-container2.visible:not(.movil) > i{}
ul.tdc-list li.tdc-sub-list li a.active:before{background-color:#ffffff;}
ul.tdc-list li.tdc-sub-list li.tdc-lists a:before{top:12px;}
.tdc-container > span >i{position:absolute;right:10px;height:100%;top:0;line-height:calc(1.4em + 10px);}
.tdc-container .tdc-head{line-height:1.4em;}
.tdc-container > span{position:relative;}
.tdc-container2 ul, .tdc-container ul{margin:0;}
.tdc-container2 ul > li, .tdc-container ul > li{margin:0;font-size:16px;line-height:calc(3px + 1.2em);list-style-type:none;}
.tdc-container2.movil> i{top:0;right:0;width:100vw;border-radius:0;position:fixed !important;padding-right:45px;overflow:hidden;white-space:nowrap;max-width:100%;box-sizing:border-box;margin:0;}
.tdc-container2.movil> i:before{position:absolute;right:0px;font-family:'icomoon' !important;width:46px;height:100%;top:0;text-align:center;line-height:47px;background-color:inherit;}
.tdc-container2.movil> i > h3{margin:0;font-size:20px;line-height:25px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:calc(100% - 32px);display:inline-block;text-align:left;}
.movil.tdc-container2{transition:all 0.5s;height:calc(100% - 42px);top:42px;border-radius:0;border:none;right:-100%;}
.movil.tdc-container2.visible{right:0;}
main{overflow-x:hidden;}
.tdc-container2.movil > div > ul {
max-height: calc(100% - 50px);
}