/* * 1.0.7 Version Style */ /*========= Layout 1 =========*/ .widget .edac-av-calendar-wrap { width: auto; } .edac-av-calendar-wrap { max-width: 500px; margin: 0 auto; } .edac-calendar .edac-widget-content { -webkit-box-shadow: 0 0 15px 3px rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 15px 3px rgba(0, 0, 0, .1); -ms-box-shadow: 0 0 15px 3px rgba(0, 0, 0, .1); -o-box-shadow: 0 0 15px 3px rgba(0, 0, 0, .1); box-shadow: 0 0 15px 3px rgba(0, 0, 0, .1); } .edac-calendar table { padding-top: 8px; margin-bottom: 0 !important; } .edac-legend-wrap { padding-top: 20px; padding-bottom: 10px; } .edac-calendar .hasedacpicker { background-color: #f4f2f2; padding-bottom: 20px; } .edac-calendar thead tr { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.65)), color-stop(100%, rgba(0, 0, 0, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* W3C */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=0); /* IE6-9 */ background-color: #717171; } .edac-calendar th { border: medium none; font-weight: 700; padding: 8px; } .edac-calendar th > span { border: 2px solid #cccccc; border-radius: 8px; color: #ffffff; display: block; font-size: 18px; text-align: center; } .edac-calendar td { background-color: #ebe6e6; border: medium none; padding: 8px; } .edac-calendar table tr:first-child td { padding-top: 25px; } .edac-calendar table tr:last-child td { padding-bottom: 25px; } .edac-calendar td > span { /*background:#f5f4f4;*/ background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); /* W3C */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0); /* IE6-9 */ padding: 6px 0; display: block; text-align: center; color: #aea6a6; border-radius: 8px; } .edac-calendar td a { background: #f6f8f9; /* Old browsers */ background: -moz-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f8f9), color-stop(50%, #e5ebee), color-stop(51%, #d7dee3), color-stop(100%, #f5f7f9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* IE10+ */ background: linear-gradient(to bottom, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* W3C */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9', GradientType=0); /* IE6-9 */ display: block; text-align: center; border-bottom: none !important; padding: 6px 0; border-radius: 8px; text-decoration: none; color: #000; } .edac-calendar .event a { color: #fff; -webkit-box-shadow: inset 0 0 30px 15px rgba(255, 255, 255, 0.2); box-shadow: inset 0 0 5px 5px rgba(255, 255, 255, 0.2); } .edac-calendar .event a:hover { color: #fff; } .edac-calendar td a:hover { color: #000; } .edac-calendar .edac-edacpicker-header { background: rgb(226, 226, 226); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(226, 226, 226, 1)), color-stop(50%, rgba(219, 219, 219, 1)), color-stop(51%, rgba(209, 209, 209, 1)), color-stop(100%, rgba(254, 254, 254, 1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%); /* W3C */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0); /* IE6-8 */ position: relative; height: 33px; } .edac-calendar .edac-edacpicker-header a { border-bottom: medium none !important; cursor: pointer; display: inline-block; margin-top: 7px; padding: 8px 18px; text-decoration: none; color: #000; } .edac-calendar .edac-edacpicker-header a:hover { background: rgba(255, 255, 255, 0.5); border-radius: 8px; color: #000; } .edac-calendar .edac-edacpicker-next { float: right; } .edac-calendar .edac-edacpicker-title { left: 50%; margin-left: -50px; position: absolute; top: 24%; width: 160px; } .edac-calendar .edac-edacpicker-month { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none rgba(0, 0, 0, 0); margin-right: 10px; cursor: pointer; } .edac-calendar .edac-edacpicker-year { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none rgba(0, 0, 0, 0); margin-right: 10px; cursor: pointer; } .edac-calendar .edac-edacpicker-month:hover, .edac-calendar .edac-edacpicker-year:hover { background: rgba(255, 255, 255, 0.5); } /*========= Layout 2 =========*/ .edac-sec-calendar .edac-av-calendar-wrap { width: 500px; margin: 0 auto; } .edac-sec-calendar table { border: medium none; padding-top: 0; margin-bottom: 0 !important; } .edac-sec-calendar .hasedacpicker { background-color: #f4f2f2; padding-bottom: 20px; } .edac-sec-calendar thead tr { background-color: #ede7e7; } .edac-sec-calendar th { border: medium none; font-weight: 700; padding: 8px; } .edac-sec-calendar th > span { border-radius: 8px; color: #383838; display: block; font-size: 18px; text-align: center; } .edac-sec-calendar td { background-color: #faf5f5; border: 2px solid #fff; padding: 8px; } .edac-sec-calendar td > span { /*background:#f5f4f4; /*background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */ /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ /*background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ /*background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */ /*background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */ /*background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ /*border:1px solid #ede7e7;*/ padding: 6px 0; display: block; text-align: center; color: #c9c6c6; border-radius: 8px; } .edac-sec-calendar td a { /* background: rgb(255,255,255); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjNmM2YzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZmFjZGNkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(250,205,205,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */ /*background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(250,205,205,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ /*background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(250,205,205,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ /*background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(250,205,205,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ /*background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(250,205,205,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */ /*background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(250,205,205,1) 51%,rgba(255,255,255,1) 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ display: block; text-align: center; padding: 6px 0; border-radius: 8px; border-bottom: none; text-decoration: none; color: #000; } .edac-sec-calendar .event a { color: #ff0000; } .edac-sec-calendar .event a:hover { color: #ff0000; } .edac-sec-calendar td a:hover { color: #000; } .edac-sec-calendar .edac-edacpicker-header { background: rgb(38, 151, 202); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI2OTdjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzIyODdiNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNjk3Y2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(38, 151, 202, 1) 0%, rgba(34, 135, 181, 1) 50%, rgba(38, 151, 202, 1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(38, 151, 202, 1)), color-stop(50%, rgba(34, 135, 181, 1)), color-stop(100%, rgba(38, 151, 202, 1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(38, 151, 202, 1) 0%, rgba(34, 135, 181, 1) 50%, rgba(38, 151, 202, 1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(38, 151, 202, 1) 0%, rgba(34, 135, 181, 1) 50%, rgba(38, 151, 202, 1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(38, 151, 202, 1) 0%, rgba(34, 135, 181, 1) 50%, rgba(38, 151, 202, 1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(38, 151, 202, 1) 0%, rgba(34, 135, 181, 1) 50%, rgba(38, 151, 202, 1) 100%); /* W3C */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#2697ca', endColorstr='#2697ca', GradientType=0); /* IE6-8 */ height: 65px; position: relative; } .edac-sec-calendar .edac-edacpicker-header a { border-bottom: medium none !important; color: #ffffff; cursor: pointer; display: inline-block; font-weight: 700; margin-top: 7px; padding: 8px 18px; text-decoration: none; } .edac-sec-calendar .edac-edacpicker-header a:hover { color: #000; } .edac-sec-calendar .edac-edacpicker-next { float: right; } .edac-sec-calendar .edac-edacpicker-title { left: 50%; margin-left: -50px; position: absolute; top: 24%; width: 160px; } .edac-sec-calendar .edac-edacpicker-month { background: none; border: medium none rgba(0, 0, 0, 0); font-weight: 600; margin-right: 10px; color: #fff; cursor: pointer; } .edac-sec-calendar .edac-edacpicker-month:hover { color: #333; } .edac-sec-calendar .edac-edacpicker-month > option { background: #2288B6 !important; } .edac-sec-calendar .edac-edacpicker-year { background: none; border: medium none rgba(0, 0, 0, 0); font-weight: 600; margin-right: 10px; color: #fff; cursor: pointer; } .edac-sec-calendar .edac-edacpicker-year:hover { color: #333; } .edac-sec-calendar .edac-edacpicker-year > option { background: #2288B6 !important; } .edac-legend-color-box { margin-right: 10px; color: #ff0000; display: inline-block; width: 25px; height: 25px; vertical-align: top; } .widget_edac_widget .edac-legend-box { height: 20px; width: 20px; } /*.edac-state-active { background: #ffffff none repeat scroll 0 0 !important; }*/ /*.edac-sec-calendar .edac-edacpicker-month:hover, .edac-sec-calendar .edac-edacpicker-year:hover{ background: rgba(255, 255, 255, 0.5); }*/ .widget_edac_widget .edac-sec-av-calendar td > span { padding: 2px !important; } .widget_edac_widget .edac-edacpicker-header a { display: none; } /*---------- widget calender ----------*/ /*---------- first layout ----------*/ .widget_edac_widget .edac-av-calendar td { padding: 6px 2px !important; } .widget_edac_widget .edac-av-calendar td > span { padding: 2px !important; } .widget_edac_widget .edac-av-calendar td a { padding: 2px !important; } .widget_edac_widget .edac-av-calendar th { padding: 6px 2px !important; } .widget_edac_widget .edac-av-calendar th > span { border: medium none !important; font-size: 12px !important; } .widget_edac_widget .edac-av-calendar.edac-edacpicker-header { height: 47px !important; } .widget_edac_widget .edac-av-calendar .edac-edacpicker-header a { font-size: 14px; padding: 8px 10px !important; } .widget_edac_widget .edac-av-calendar .edac-edacpicker-title { left: 50%; margin-left: -65px !important; position: absolute; top: 24%; width: 140px !important; } .widget_edac_widget .edac-av-calendar .edac-edacpicker-header a { padding: 3px !important; } /*---------- second layout ----------*/ .widget_edac_widget .edac-sec-av-calendar td { padding: 0 !important; } .widget_edac_widget .edac-sec-av-calendar th { padding: 6px 0 !important; } .widget_edac_widget .edac-sec-av-calendar th > span { font-size: 15px !important; } .widget_edac_widget .edac-sec-av-calendar .edac-edacpicker-header { height: 47px !important; } .widget_edac_widget .edac-sec-av-calendar .edac-edacpicker-header a { font-size: 14px; padding: 8px 2px !important; } .widget_edac_widget .edac-sec-av-calendar .edac-edacpicker-title { left: 50%; margin-left: -77px !important; position: absolute; top: 24%; width: 160px !important; } /*------------------- select button change -------------*/ .edac-edacpicker-title select { border: 0 !important; /*Removes border*/ -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /* Removes Default Firefox style*/ } .edac-custom-select-month::after { font-family: FontAwesome; content: "\f0dc"; display: inline-block; padding-right: 2px; vertical-align: middle; font-style: normal; margin-left: -22px; cursor: pointer; position: relative; z-index: -1; } .edac-edacpicker-month { width: 60px; margin-right: 0 !important; } .edac-custom-select-month { margin-right: 10px; position: relative; z-index: 1; } .edac-custom-select-year::after { font-family: FontAwesome; content: "\f0dc"; display: inline-block; padding-right: 2px; vertical-align: middle; font-style: normal; margin-left: -12px; cursor: pointer; position: relative; z-index: -1; } .edac-custom-select-year { vertical-align: middle; position: relative; z-index: 1; } .edac-edacpicker-year { margin-right: 0 !important; width: 70px; } .edac-edacpicker-month { display: inline-block; margin-bottom: 0; margin-right: 0 !important; min-width: auto; width: 60px; } .edac-edacpicker-year { display: inline-block; margin-bottom: 0; margin-right: 0 !important; min-width: auto; width: 70px; } .edac-sec-calendar table { width: 100%; margin: 0; } /*------------- responsive css ------------*/ @media only screen and (min-width: 856px) and (max-width: 1024px) { .edac-sec-calendar th > span { font-size: 18px; } } @media only screen and (max-width:640px) { .edac-calendar th > span { font-size: 18px; } .edac-sec-calendar th > span { font-size: 18px; } } @media only screen and (max-width:480px) { .edac-calendar .edac-av-calendar-wrap { margin: auto; width: 100%; } .edac-calendar th > span { font-size: 15px; } .edac-calendar td > span { font-size: 13px; } .edac-calendar td a { font-size: 13px; } .edac-calendar .event a { font-size: 13px; } .edac-sec-calendar .edac-av-calendar-wrap { margin: auto; width: 100%; } .edac-sec-calendar th > span { font-size: 15px; } .edac-sec-calendar td > span { font-size: 13px; } .edac-sec-calendar td a { font-size: 13px; } .edac-sec-calendar .event a { font-size: 13px; } @media only screen and (max-width:320px) {} @media only screen and (max-width:250px) {} }