.v-timeline{
     position:relative;  
 }

.vtime-type{
    width: 100%;
    text-align: left;
    margin-top: 5px;
}
.vtimeContainer{
}

.vtime-type #quarter{
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAMmaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAyMSA3OS4xNTU3NzIsIDIwMTQvMDEvMTMtMTk6NDQ6MDAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE0IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDI5NDdGMzRBMjcxMUU2OTNEM0NEQ0Q1MEY0MjE2MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDI5NDdGNDRBMjcxMUU2OTNEM0NEQ0Q1MEY0MjE2MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0Mjk0N0YxNEEyNzExRTY5M0QzQ0RDRDUwRjQyMTYzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0Mjk0N0YyNEEyNzExRTY5M0QzQ0RDRDUwRjQyMTYzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+QhzzUQAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABCUExURUxpcf///////////////////////////////////////////////////////////////////////////////////zezJKIAAAAVdFJOUwCx9qJ93s4wPROXS22Mv+xUHgkoX2malaAAAAT6SURBVGje7ZrZkqsgEEDZBQURlP//1QsaE1a3ZN5uV81DrBqPvTetAPyX/3JVuolgyDTSdIRKDubnADsp5jIZCf+pDkq7qlDS/QqB3YHgX6gjlDsR+DVm0u5clPiK0btLoqcvTDWmtwpa0bpq/VOGoe8oCokx28E5JGzIlyKeHXuWN/P2zAi+84H7X/YVcmTMTfbE/2JlQBk5ddXk/YvnoT3ch9CQa3NyKYV4XfGXFOrGJb+WQ7w24xcUi2tRWUIAIAnlVpWZSTUz/W2KvBvimNbi+yoGIRYHkR4i+a8ajY2zRv0ZJdaF/xVFRH7Rf9eaf1HGTkVGlDl/Ai82UbxL5HpEwqj5Z+lQeCrNLUeuOx+1fD8Vl/qnELC0kkUVEPgYAlhDFVpcYc8hvO4VUmL1I4iw2QOaHB1DTD6HXNNBk1eRLh5OVgzIt/nzLZdqBNlz41Nd6HqzRdGal6b7rUeEWEE8i/8uMz3PE/cWZG0no8iNrbIg4nlMV9qbOTLVxwNjkiotCExD451oqO4cE+5Kea2CmTYkXEei1ttrukyhlECblalNlrZP6NYQOqnIYJNooCVjta0ERXbvBb+HQcYcItZ5DmzjFN3nFVyrrWAOWtPMf7isXyKHrL1HvYukTPxJynqI221ln2dfJuSJ8b25ijHKbpemvFrLo/rVJU2T1/tb7AiTtbzVVGyuZGbi+TqkOLpNsYpO28hUfWuCzspXAXn5DZL9QM3Sgs22ETaYfDrrwn0LMn4UfXlfpC0TCtDRoyPPp7PCFsRFIcMSy+4PoPHx1COLGM4htscY90mgfBqK1YfH0G4agvRF0HSHc6WOlY4GuFGcjER3IDAbPGz6z6CV63s2XoKo7JaiOro1NdGXICR/bujqaR77RH0LMbqtSFlXWj4hPrjwlIR8MgyKhZztN2Qxe+UQndicZdG1F5hDjjpNxjG2pagfNqZjCCxGthzSx54lWcbfHYhlAyKjsBBx7ZJw0cxArcIerwOL/xnGBz9HUN4q9bwBMZ+UnmnsvTXT0DqSLV459QoJ5vyD22zk2EW0QvilLIJj2k+UkwI5M3kXBZ9IpwR1vp4ywOlc9zsFLcjQqD+9fy6KvDE2CPE9EnoVkMNzyyW4CcmPJ/wNMYBqPxN8INhzB5TNEtGcKtsQgaoHhwLSrRBgpU4mZ1I5AlfKShfNKhgcQoD1kxlPahktXVKtXQZWTlnYQ7TzELxGV4AEn3ijjPF4zmunJzsHscXSnFHKkqWd8qMwo2BGXhM/QhDkNfEj85CVhPHh4uv1NN7+QqxnQ7v+bZeAGbr67oOe3vHp6oPdONAS/IwRJ9npukS1mt+JVOPyYD//hBIvTM633fDRki82Fry4VII3GUmpEBchjnVPI+uSGWBe4u6t1K4tId//MF5WBt/epUdh0pv7jGtZFm8IUT8nL9GUMicTKr2m+9J8kTTXKp9JG918ewMXHMOPIdnru+lByNMpX76mEJstRq9HZLR5Z+IQstAni77SkbhrQqbRPWbknodTDSJk8RqQ3KpDxfGvX8R+Ol5bmpEQFW8ab47NsHwjihgmS5iViVSQ1d6a3+3q3N0WfL9pr0ED+8sIvQDwrAMNQKJrjIevytnWeswVZfDTTxjM3hs5Piag/ouvJJbPUkzRJmKU331YEo2pdlCVoNVQ/upTj8/CgeCRUe2Frh/HcAH+y3+pyT/5gN/S5hsiWQAAAABJRU5ErkJggg==);
}
.vtime-type #hour{
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAMmaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAyMSA3OS4xNTU3NzIsIDIwMTQvMDEvMTMtMTk6NDQ6MDAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE0IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozNDZENTgwNjRBMjcxMUU2OTVFRUYxNDU0RjMyQUUxNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozNDZENTgwNzRBMjcxMUU2OTVFRUYxNDU0RjMyQUUxNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM0NkQ1ODA0NEEyNzExRTY5NUVFRjE0NTRGMzJBRTE3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM0NkQ1ODA1NEEyNzExRTY5NUVFRjE0NTRGMzJBRTE3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+yUVlTAAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABFUExURUxpcf///////////////////////////////////////////////////////////////////////////////////////4aDdakAAAAWdFJOUwD4IO+ik7FJVhZo5Q2/Mth2g8s8KgU38RfzAAAFrElEQVRo3u1a6dKrIAwVBWRRwY33f9SLGwTEte399THTmdZaD0lOTgI0y/7G37g7GtZi2smiUDUlusy/DlAxokw06rb8qg2tNMmh2uZbENicDNx/w1HEXAz6MQyT5nqQ6iMMYm4Nyd5D8Dp81GSVLNLGvMXInasUJaLMx9IYxKuGabzjs+ne5U2+zBlRvUW2t5/GlXK6jlCKN/HnMwYV3F+aLXGf+pjaz3NzlFOuhT4IQayt+EMUZWoRX4tBrDXdBygVTrFyD5JlbYAyPAEZdDIz7WP4Dhlyuqg+VzFK8f4pOeRz96tCU6lvZOUjlP5XKBzEpfhdaf4fDssEQMl/hkKPGTaUrOepxiR5+TT46CD2/aykCEf2sZksxcN6x9Km6O0iapJCIfOHapcwBcQKKlL7ViR60JI5NTBJNWiCRuRuQOZSBhR5m/SBSIeF9V769kW7ivQ22sA4TGRgYB+1oncw9Kbxvn2SyzcLsexMxw4auNS6usl1aPeJpND1QYBJxsxU4vNb4YOz1qhZhJTnhbjCmMtJvcyFR/4SwCjqFacHAVIg9IdkbkEEYJyVe7AGXK596sgsfi9QmgH55HTZ7zNvETAJKnJV2tH4kGBI5nyt7Slb2CQlFCTT4EHY+knuf9YBA8didR07uJmAm9choeAz56Gq2t1UQkThGBdr6/S1ihZBGKa3Xt3CarsE1A6HBxlIt6DWJgiv10M8HpYVVC2Wig1YNoFPBzgtsnaTnuWzK3Ga3z3MlHmSjYibsj6obMRxOI9at2GidzecVhU2OwCBTla6FhGAtD5Rli+KETiFXOi9nmOKoEi1RyA1zIBuaWGnH7OrKow9oFpJt6w7WKBXEGRd2NmkaOTZkgeDMrGCFKUjBPMgKUs2ikl83vUIwGEFtFIYl+Ynlqy5OU+NJTdFJt0oMVAvBdsw6dxdnliSNWsQa37REm1c6rwh68NQdcauOeBAX8+C4drVGjKydEmQyBOchXJwVCzpHoTC7mFwZh1kfPAccbRRNcekBe7CcE65UyyOgBe9dsHevb7bF6kwprkPUFKFPYrQLBvHq6ZicyuDIQROgs919SRanJ7uo7QgGRtHqC3wywdYGYfkOoCdg1BQtYJZEm8WrPHioCAGWwrHAilWkahBG0RB3BofkuWyoKLoclqQaR+vyZj9qCxR8s6osMPgQU+qvWC1gJkjcuCl8SV89iKafynsne1qemfsRKpoOwG0w2sZYuMYtop024orEQhJa7Rld86so6eYCEO4NFlmM61XQzruCvRhUoZ5vE6lkEG3T+x8FbLOwDOItlSkZsyQwcNRSHCis272TU1ADZ4paflGHAi2lyZrcdDsGRh3Vx92C5EytWwh1m0JkGwURZBIYQc5hitJOablNIcgBQBp7G3ZqJh1iEj2di7Ri/TiEO9XRtiCFMaCLDFp535nzKxTatMkGyKnq3x9HI6qkF5srH1QCVrchawltoXQyLrLrjPLqBLXiRjbQDGt2b4n4PaygA1oxefXyCv7Gu3bcb6U5WWT3vtQl6vMt5sSYBWqr+5t8TsMyMvLiZLreSQH2I66niYxr1DIo30i+mrPqny2x0Cf7EU4QsLOmt8EMerRFm/2dK+T3qXhQddVPPpBfftUDD/eSwc0IflzjHtZBnffEYGh4YQQftGhysf7fNEKdwiVb9W/7s2RQFgz6z4sfPFDWHjGdfcELahmLK6uw+kppH7DecVPQUR0Ctm+I73BzSEIi8/OHmAEW+KTwrAUCNddvOx5JKvV7rCasMVtW6XIBUW7k8aHp6Z0fyJadLgVk4latLRLncw2H8j2zYGfF+1l+5Hchnh1wFwuQifQPYyXR+XdsvTK8R1Pvf0LQ+5WRRcwiHzwLwnhetzDf2FMwiY+O1rSPrXHcv9/EktqKr71Vw+n8qzFtZKFHVJ1lIi+yv7G30iNf6aN+sDpj7lrAAAAAElFTkSuQmCC) ;
}
.vtime-type #date{
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAMmaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAyMSA3OS4xNTU3NzIsIDIwMTQvMDEvMTMtMTk6NDQ6MDAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE0IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2QjRCRENEMjRBMjcxMUU2ODJERUU2RkQ3NzIxNzY0MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2QjRCRENEMzRBMjcxMUU2ODJERUU2RkQ3NzIxNzY0MCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZCNEJEQ0QwNEEyNzExRTY4MkRFRTZGRDc3MjE3NjQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZCNEJEQ0QxNEEyNzExRTY4MkRFRTZGRDc3MjE3NjQwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+p8mYwgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABCUExURUxpcf///////////////////////////////////////////////////////////////////////////////////zezJKIAAAAVdFJOUwDuHdZy4ihPnhK4M63GYfg/kQh9hp/o6/oAAAVMSURBVGje7VrZgqwoDGURAUVUhP//1QFxYbMUq+48dd60uzgkOVkIAvAnf/JUermwbiAQ4kHMDUU/B1B0xiaRQU8/1UETUxS89L+CYOaDiF+ow2dzI+JrbSgx9zLzrzBm80gI/cJUQ7QUdFoRWFbmLQY6TEU6GxitosaMXPW0YRmfzfAublq/57FbdgJN9kltlFuGBAW+oRlfMToZOHXV5HiaUmq/cIy1FdZtTLUIxOrKvkTBZpAZnxMQq01stDqLKQEL28pBANARSlVctk0xMu0yWdxNIach/z6LCSHyVVDI5+FfFRqOfxGVtx7Er51fHVObW/5daf4/DAZkgNImak7SJr6foHQXDOvZ6F8uGS976qQGXo1F3y+Bs5LwVv61fmkwXMLIclvjXzaV2S7LLn2Sp3mSgetBpnOxbnuV1hyR5KgqEK6SJVFRkUiVoRJkgku4NyvLRRtyrtiaOpBlj42zfSKhl8b56EBPe7EqEO4iZJwSLjnXc89qaDfASRpCYw3IWk46b2t0gujTJaEpSU74E+Sy39GnByLX43Ph1ZJ8sxyP+RuCyLGcwJFblUxpfG38ksHmt4Swg8icC662l3Sh7pdCgZwyxsgdEod/IUHgQhKC0MiaSaPcgEIU+4TfBL5uIsevcTvPIQiLovjYtTMVTtoTFqZi3jpBIboOUnarI3MNJnLvaVWWKnc6ZVRpKJ2lBnnTiAhEkSyJss3u1/kr1LGNKw3zi3cxu9qk5LXOcbhQbvgYej5rAfqgkPAUZKM8VJ9MleT7JW9mWGBTATKQkCnK2XKUd1WYZW3ZTlC4Vc8MZMuotoHsyacjD8tqyqHHHmqrVUZQAtleQfa562mydgKnTMC7ngUQBa86gqD1oCwt9F16EOuPqlYAAf3GnK7YuYvsRByZD6PIIgxcgKi0FblwRtiu7omwO0ITneVZmDzY+MfDgSiB8IzO3lpjN1iB28l6mDLXX1SyzSc6MpfYM5biqyAeJupS3AIEC3nyMq/gM5tgOG6Cw+pZbvp4w+RNNY4onJnQ2rAMwoUEz0UHjRwvDGEuQNqLLHXn/zk6TtyAoKpuFQfeZDUgs1hHTZIQa7i+64G03hdSzDblj0IVaO4z4FAD4rP/5B+l3aIwCqxhSwyM6UbDtpeUQMoURoYgve6rbe0/UQvELAgxGjlLClj2u2VwaS4G+HKIN2236NaCaKvFBBwnB2Mj1oP4OCALunCJZcvMMtE5SaRPNtpuvwcuvzMPMjuQbisyUbiWo/jjMbOJQNaCuSp1gKwzL148IbYvQCbrBNuKQwsirVE8CMXcKodKvR1+fGBePIgLK2qBIFx5YBm1+cRmVBG2llPdxCBo5xBpAHVN9ex/qg3R2LKL+XJB2vyE9nDw1U59309Jt4BQdoxQqDz7ILdHp7dDiaF0NrxKpOwdBr06sJdH580rkGAcdb9NZl6hzKYmSMSrmRW9GDx8ihFRiRG088agp4GI665eamednakf33Smcgh5lOnusTKsemIf/GJG9RjPoiycto1zG12izSVYkffZVYPReGdtKfOhuF94OLeMR2FhN9wWFqHw1RVKSPn42i0HUfPV0KyC85h/BJFJ11Mxfo0cyfpLEJp2bzUj3sTzgpZAeDNcDxifOCXr+9h2R2dcdV8visT48ShTmST2XDEwLd3ho2m0wKWb2dpr5slUC1Nv7hht6mKPIaAE4F0FoqAZn2G8vCof/EwSPVGGvb30R3ttnG5gxvmL7wrkwcjLrzBcYmu++7BkOUO79D2JdbZofvWpxxHsdGEDJtAKcR/HyImDP/mTkvwHEkPyqLk64XAAAAAASUVORK5CYII=) ;
}

#quarter, #hour,#date{
    width:40px;
    height:40px;
    margin-left: 25px;
    cursor: pointer;
    background-size: 100%;
    background-repeat: no-repeat;
    display: inline-block;
}