@charset "utf-8";

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{

margin:0;padding:0;border:0;outline:none;background:transparent;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:100%;}

html{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

*, *:before, *:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}

html, body{position: relative;height: 100%}/*scroll*/

header, section, footer, aside, nav, main, article, figure {display:block}

body{margin:0;padding:60px 0 0;background:#1f2740;font-family:'Raleway',Helvetica,Arial,Verdana,sans-serif;font-size:1.125em;line-height:1.5;text-align:left;color:#a3a9b5}

body#home{padding:60px 0 0 80px}

/*OTHERS*/

::-moz-selection{background:#b3d4fc;text-shadow:none}

::selection{background:#b3d4fc;text-shadow:none}

hr{display:block;height:4px;border:0;border-top:4px solid #fff;margin:1em 0;padding:0}

/*

 * Remove the gap between audio, canvas, iframes,

 * images, videos and the bottom of their containers:

 */

audio,canvas,iframe,img,svg,video{vertical-align:middle}

fieldset{border:0;margin:0;padding:0}

textarea{resize:vertical}

.hidden{display:none!important}

/*clear*/

.clearfix:before,

.clearfix:after {

    content: " "; /* 1 */

    display: table; /* 2 */

}

.clearfix:after{clear:both}

.clear,section{clear:both}

.url-column ul li a:after,.form-group:after{clear:both;content:"";display:table}

ul{list-style:none}

input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #fff inset}

input:invalid{box-shadow:none}

textarea,

input{

     -webkit-appearance: none;

     border-radius: 0;

}

/*fonts*/

@font-face {

font-family:'norwesterregular';font-weight:normal;font-style:normal;

src: url('../fonts/norwester-webfont.woff2') format('woff2'),

	 url('../fonts/norwester-webfont.woff') format('woff');

}

a{color:inherit;text-decoration:none}

a:hover{color:inherit;text-decoration:underline}

p{margin:1em 0 0}

h1,h2,h3,h4,h4,h5,h6{line-height:1.5;font-weight:normal}

h1{font-size:4em}

h2{font-size:2em}

h3{font-size:1.333em}

h4{font-size:0.889em}

h5{font-size:0.778em}

h6{font-size:0.667em}

small{font-size:0.556em}

/*color*/

.red{color:#ed1d24}

.dark-red{color:#b10a32}

.indigo{color:#4483c6}

.dark-blue{color:#1b1d64}

.mirage{color:#1f2740}/*bg*/

.dark-mirage{color:#1c2237}/*side panel*/

.gray-raven{color:#70798e}

.gray{color:#a3a9b5}

.lighter-gray{color:#f8f9fa}

.light-gray{color:#f1f1f6}

.black{color:#191f28}

/*button*/

button{border:none;outline:none;height:48px;border-radius:5px;text-transform:uppercase;font-weight:700;color:#fff;font-size:0.889em;min-width:200px;overflow:hidden;cursor:pointer;

background: #1b1d64;background:-moz-linear-gradient(left, #1b1d64 0%, #4483c6 100%);background:-webkit-linear-gradient(left, #1b1d64 0%,#4483c6 100%);background:linear-gradient(to right, #1b1d64 0%,#4483c6 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b1d64', endColorstr='#4483c6',GradientType=1 );

-webkit-box-shadow:5px 5px 10px 0px rgba(0,0,0,0.3);-moz-box-shadow:5px 5px 10px 0px rgba(0,0,0,0.3);box-shadow:5px 5px 10px 0px rgba(0,0,0,0.3);

}

.clear-shadow{box-shadow:none}

.btn{position:relative;padding:0 0 0 48px}

.btn:before{content:"";background:#1B1D64;width:48px;height:48px;display:block;position:absolute;top:0;left:0}

.btn-black{background:#191f28;background:-moz-linear-gradient(left, #191f28 0%, #4a4a4a 100%);background:-webkit-linear-gradient(left, #191f28 0%,#4a4a4a 100%);background:linear-gradient(to right, #191f28 0%,#4a4a4a 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191f28', endColorstr='#4a4a4a',GradientType=1 );}

.btn-black:before{background:#000}

/*animation*/

.navi,.icon-navi,.navi-text, #shorten-url-panel,.input-url,.input-search, #shorten-url-panel.expand{

-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;transition: all 0.3s ease-out

}

/*border box*/

.header-row,.popup{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

/*header*/

header{height:60px;background:#fff;border-bottom:3px solid #ed1d24;position:fixed;z-index:10;top:0;left:0;width:100%}

.logo{height:16px;float:right;margin:1.2em}

.top-panel{position:fixed;top:60px;left:0;width:100%;z-index:2;/*fix for safari*/height:130px;overflow:hidden/**/;border-bottom:10px solid #1f2740}

.header-row{background:#fff;height:60px;border-bottom:1px solid #f1f1f6;width:100%;position:absolute;z-index:0;padding-left:80px;vertical-align:middle;color:#191f28}

/*navi*/

.menu{background:#1c2237;height:100%;position:fixed;top:60px;left:0;z-index:9;cursor:pointer;padding:130px 0 0}

.navi{list-style:none;margin:0;padding:0;width:80px}

.navi:hover{width:280px}

.navi li{padding:10px 0}

.navi-text{

float:left;color:#a3a9b5;width:200px;text-align:center;line-height:4;text-transform:uppercase;-webkit-transform:translateX(-200px);-moz-transform:translateX(-200px);-ms-transform:translateX(-200px);-o-transform:translateX(-200px);transform:translateX(-200px)}

.icon-navi{width:60px;height:60px;border-radius:100%;margin:0 10px;border:3px solid #70798e}

.navi:hover .icon-navi{-webkit-transform:translateX(200px);-moz-transform:translateX(200px);-ms-transform:translateX(200px);-o-transform:translateX(200px);transform:translateX(200px)}

.navi:hover .navi-text{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}

.navi li:hover .navi-text{color:#fff}

.navi a{text-decoration:none}

#navi-home .icon-navi{

background:transparent url(../images/navi_home.png) no-repeat 0 0;-webkit-background-size:auto 100%;-moz-background-size:auto 100%;-o-background-size:auto 100%;background-size:auto 100%

}

#navi-statistic .icon-navi{

background:transparent url(../images/navi_statistic.png) no-repeat 0 0;-webkit-background-size:auto 100%;-moz-background-size:auto 100%;-o-background-size:auto 100%;background-size:auto 100%

}

#navi-password .icon-navi{

background:transparent url(../images/navi_password.png) no-repeat 0 0;-webkit-background-size:auto 100%;-moz-background-size:auto 100%;-o-background-size:auto 100%;background-size:auto 100%

}

#navi-logout .icon-navi{

background:transparent url(../images/navi_logout.png) no-repeat 0 0;-webkit-background-size:auto 100%;-moz-background-size:auto 100%;-o-background-size:auto 100%;background-size:auto 100%

}

.navi li:hover .icon-navi,.navi li.selected .icon-navi{border-color:#b10a32}

.navi #navi-home:hover .icon-navi,#navi-home.selected .icon-navi{background:#ed1d24 url(../images/navi_home_selected.png) no-repeat 0 0;-webkit-background-size:auto 100%;-moz-background-size:auto 100%;-o-background-size:auto 100%;background-size:auto 100%}

.navi #navi-statistic:hover .icon-navi,#navi-statistic.selected .icon-navi{background:#ed1d24 url(../images/navi_statistic_selected.png) no-repeat 0 0;-webkit-background-size:auto 100%;-moz-background-size:auto 100%;-o-background-size:auto 100%;background-size:auto 100%}

.navi #navi-password:hover .icon-navi,#navi-password.selected .icon-navi{background:#ed1d24 url(../images/navi_password_selected.png) no-repeat 0 0;-webkit-background-size:auto 100%;-moz-background-size:auto 100%;-o-background-size:auto 100%;background-size:auto 100%}

.navi #navi-logout:hover .icon-navi,#navi-logout.selected .icon-navi{background:#ed1d24 url(../images/navi_logout_selected.png) no-repeat 0 0;-webkit-background-size:auto 100%;-moz-background-size:auto 100%;-o-background-size:auto 100%;background-size:auto 100%}

/*footer*/

footer{text-align:center;padding:20px 0}

/*shorten url*/

.close-input-panel{position:absolute;top:40px;left:50%;z-index:2;margin-left:170px}

.close-input{width:40px;height:40px;background:#000 url(../images/icon_close.png) no-repeat 0 0;-webkit-background-size:auto 100%;-moz-background-size:auto 100%;-o-background-size:auto 100%;background-size:auto 100%;border-radius:100%;display:none;cursor:pointer}

#shorten-url-panel{height:120px;width:400px;display:table;text-align:center;color:#fff;float:right;z-index:1;position:relative;

-webkit-clip-path: polygon(100% 0%, 100% 100%, 5% 100%, 0% 50%, 5% 0%);clip-path: polygon(100% 0%, 100% 100%, 5% 100%, 0% 50%, 5% 0%);background:#b10a32;background:-moz-linear-gradient(left, #b10a32 0%, #ed1d24 100%);background:-webkit-linear-gradient(left, #b10a32 0%,#ed1d24 100%);background:linear-gradient(to right, #b10a32 0%,#ed1d24 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b10a32', endColorstr='#ed1d24',GradientType=1 )

}

#shorten-url-panel:hover{width:450px}

#shorten-url-panel.expand{width:100%;-webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 50%, 0% 0%);clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 50%, 0% 0%)}

.shorten-url{display:table-cell;vertical-align:middle}

.shorten-url h3{display:inline}

.shorten-url-wrapper{display:inline-block;position:relative}

.input-url-wrapper{border:2px dashed #a3a9b5;margin:0 0 0 20px;display:inline-block}

.input-url{border:none;outline:none;background:transparent;width:140px;text-align:center;height:64px;color:#fff;line-height:normal;padding-left:20px;font-size:1.333em}

.input-url::-webkit-input-placeholder{color:#fff}.input-url::-moz-placeholder{color:#fff}.input-url:-ms-input-placeholder{color:#fff}.input-url:-moz-placeholder{color:#fff}

.input-url:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #e31a26 inset;border:none;outline:none;background:transparent;-webkit-text-fill-color:#fff}

#shorten-url-panel.expand .input-url{width:300px;padding-right:70px}

#shorten-url-panel.expand .input-url.expand-input{width:500px}

#shorten-url-panel.expand .input-url-wrapper {margin-right:20px}

.input-url[type=text]::-ms-clear{display:none}

/*input blinking*/

.blinking-cursor{

font-weight:700;font-size:30px;color:transparent;-webkit-animation:1s blink step-end infinite;-moz-animation:1s blink step-end infinite;-ms-animation:1s blink step-end infinite;-o-animation:1s blink step-end infinite;animation:1s blink step-end infinite;padding-right:20px}

@keyframes "blink" {

  from, to{color:transparent}

  50%{color:#fff}

}

@-moz-keyframes blink {

  from, to{color:transparent}

  50%{color:#fff}

}

@-webkit-keyframes "blink" {

  from, to{color:transparent}

  50% {color:#fff}

}

@-ms-keyframes "blink" {

  from, to{color:transparent}

  50% {color:#fff}

}



@-o-keyframes "blink" {

  from, to{color:transparent}

  50% {color:#fff}

}

/*search*/

#search-panel{top:0}

.input-search{height:60px;border:none;border-bottom:1px solid #4483c6;outline:none;min-width:210px;max-width:595px}

label[for="search"]{width:60px;height:60px;float:left;background:transparent url(../images/icon_search.png) no-repeat 50% 50%;-webkit-background-size:auto 80%;-moz-background-size:auto 80%;-o-background-size:auto 80%;background-size:auto 80%;border-bottom:6px solid #4483c6

}

.button-search{top:-1px;margin-left:10px;display:none}

.button-search:before{background:#1B1D64 url(../images/icon_go.png) no-repeat 50% 50%;width:48px;height:48px;-webkit-background-size:auto 100%;-moz-background-size:auto 100%;-o-background-size:auto 100%;background-size:auto 100%}



/*date*/

#date-panel{top:60px;line-height:60px}

.input-date{font-size:1.333em;font-weight:700;outline:none;border:none;border-bottom:1px solid #4483c6;padding:5px 0;text-align:center;width:160px;cursor:pointer;margin:0 5px}

.icon-filter{width:60px;height:60px;float:left;background:transparent url(../images/icon_filter.png) no-repeat 50% 50%;-webkit-background-size:auto 80%;-moz-background-size:auto 80%;-o-background-size:auto 80%;background-size:auto 80%}

/*content*/

.content-panel{margin-top:160px;text-align:center}

.anal-title{text-transform:uppercase;font-weight:700;display:block}

.anal-panel{width:720px;margin:20px auto;display:table}

.anal-colm{width:33.33%;display:table-cell;vertical-align:top}

.anal-figure{font-family:'norwesterregular';font-size:4em;display:block;position:relative;color:#fff;margin:20px 0 0}

.anal-figure:after{content:"";position:absolute;bottom:0;left:50%;width:30px;height:6px;background:#ed1d24;margin:0 0 0 -15px;z-index:0}

.anal-subtitle{margin:10px 0 0;display:block}

.graph-panel{height:300px;margin:40px 0 0 0}

/*url listing*/

.listing-panel{width:1140px;margin:0 auto;background:#fff;border-radius:10px;display:table;vertical-align:top;text-align:left;overflow:hidden}

.url-column{width:340px;float:left}

.url-content{width:800px;float:right}

.url-column ul li a{padding:30px 20px;display:block}

.url-column ul li:nth-child(odd){background:#f1f1f6}

.url-column ul li:nth-child(even){background:#F8F9FA}

.url-column a{text-decoration:none}

.url-column a:hover .url-link{color:#ed1d24}

.url-column .selected a:hover .url-link{color:#fff}

.url-link{color:#191F28;font-weight:700;word-break:break-all}

.url-title{margin:0 0 20px 0;color:#70798E;font-weight:500}

.url-click{float:left;color:#191F28;font-weight:700}

.url-date{float:right}

.url-column .selected a{

	position:relative;background:#ed1d24;background:-moz-linear-gradient(left, #b10a32 0%, #ed1d24 100%);background:-webkit-linear-gradient(left, #b10a32 0%,#ed1d24 100%);background:linear-gradient(to right, #b10a32 0%,#ed1d24 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b10a32', endColorstr='#ed1d24',GradientType=1 );

	-webkit-box-shadow:10px 10px 20px 0px rgba(0,0,0,0.3);-moz-box-shadow:10px 10px 20px 0px rgba(0,0,0,0.3);box-shadow:10px 10px 20px 0px rgba(0,0,0,0.3);

}

.selected .url-link, .selected .url-title, .selected .url-click, .selected .url-date{color:#fff}

.button-back{display:none}

/*url content*/

.url-content{padding:25px 30px}

.url-content .url-link,.popup .url-link{color:#ed1d24}

.url-content .url-title{margin:10px 0 0}

.url-content .url-destination{color:#191F28;font-weight:700;word-break:break-all}

.popup .url-destination{word-break:break-all}

.url-content .url-date{float:none}

.icon-copy{min-width:48px;width:48px;height:48px;background:transparent url(../images/icon_copy.png) no-repeat 50% 50%;-webkit-background-size:auto 100%;-moz-background-size:auto 100%;-o-background-size:auto 100%;background-size:auto 100%;cursor:pointer;margin:0 5px 0 0}

.icon-edit{min-width:48px;width:48px;height:48px;background:transparent url(../images/icon_edit.png) no-repeat 50% 50%;-webkit-background-size:auto 100%;-moz-background-size:auto 100%;-o-background-size:auto 100%;background-size:auto 100%;cursor:pointer}

.url-detail{float:left;width:70%}

.url-button{text-align:center}

.anal-total{float:right;display:inline-block;text-align:center;margin:0 0 10px 4%;width:26%}

.url-content .anal-figure{color:#191f28;font-size:3em}

.url-content .anal-subtitle{line-height:1;font-weight:900}

.url-graph{height:130px;clear:both;margin:10px 0 0}

.data-colm{width:50%;float:left;margin:40px 0 0}

.data-colm h5{color:#4483c6;font-weight:700}

.button-create{display:none}

.button-create:before{background:#1B1D64 url(../images/icon_url_white.png) no-repeat 50% 50%;width:48px;height:48px;-webkit-background-size:auto 50%;-moz-background-size:auto 50%;-o-background-size:auto 50%;background-size:auto 50%}



/*form input*/

.form label{text-transform:uppercase;display:block;font-size:0.778em;text-align:left;font-weight:700;color:#70798E}

.form-input-wrapper{height:50px;border:1px solid #ddd;padding:1em 1.5em;border-radius:5px;background:#fff;-webkit-box-shadow:inset 4px 4px 5px 0px rgba(0,0,0,0.08);-moz-box-shadow:inset 4px 4px 5px 0px rgba(0,0,0,0.08);box-shadow:inset 4px 4px 5px 0px rgba(0,0,0,0.08)}

.form-group{margin:0 0 30px 0;display:block;text-align:center}

.form-input{border:none;outline:none;width:100%}

.form .colm1{width:30%;margin:0 6% 0 0;float:left;text-align:center}

.form .colm2{width:64%;float:left}

input[type="text"]:disabled,.form-input-wrapper.disabled{background:#f8f9fa;color:#191f28;-webkit-text-fill-color:#191f28}

.button-ok:before{background:#1B1D64 url(../images/icon_go.png) no-repeat 50% 50%;width:48px;height:48px;-webkit-background-size:auto 100%;-moz-background-size:auto 100%;-o-background-size:auto 100%;background-size:auto 100%}

.button-cancel:before{background:#000 url(../images/icon_cancel.png) no-repeat 50% 50%;width:48px;height:48px;-webkit-background-size:auto 100%;-moz-background-size:auto 100%;-o-background-size:auto 100%;background-size:auto 100%}

.button-ok{margin-right:20px}

/*overlay*/

.overlay{background-color:rgba(31,39,64,0.7);width:100%;height:100%;position:fixed;z-index:10;top:0;bottom:0;left:0;right:0;display:none}

.popup{position:absolute;background:#fff;top:180px;left:50%;width:550px;margin-left:-275px;padding:40px 60px;font-size:85%;border-radius:10px}

/*modalbox*/

.modalbox{background:#fff;width:550px;margin:50px auto;padding:40px 60px;font-size:85%;border-radius:10px}

.modalbox .form-group{text-align:left}

select{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:0;width:100%;background:transparent}

.modalbox .form .colm1{width:44%}

.modalbox .form .colm2{width:52%}

.modalbox .form .colm1{margin:0 4% 0 0}

.dropdown{background:transparent url(../images/icon_dropdown.png) no-repeat 93% 50%;-webkit-background-size:auto 30%;-moz-background-size:auto 30%;-o-background-size:auto 30%;background-size:auto 30%}

.box{background:#F1F1F6;border:1px solid #D5D5D5;border-radius:6px;margin:30px 0 0;padding:15px;color:#191f28;font-size:0.889em}

.box a{color:#ed1d24;font-weight:700}



/*1400*/

@media only screen

and (max-width: 1600px) {



}

/*1240*/

@media only screen

and (max-width: 1399px) {

body{font-size:1em}

/*button*/

button{height:40px}

.btn{padding:0 0 0 20px}

.btn:before{width:40px;height:40px}

/*header*/

.logo{margin:1.3em}

.top-panel{height:110px;}

.header-row{height:50px;padding-left:60px;}

/*navi*/

.navi{list-style:none;margin:0;padding:0;width:60px}

.navi:hover{width:260px}

.icon-navi{width:40px;height:40px;border-width:2px}

.navi-text{line-height:3}

/*search*/

.input-search{height:50px;max-width:400px}

label[for="search"]{width:50px;height:50px}

/*date*/

#date-panel{top:50px;line-height:50px}

/*shorten url*/

.close-input-panel{top:30px}

#shorten-url-panel{height:100px}

.input-url{height:50px}

/*date*/

.icon-filter{width:50px;height:50px}

}

/*1024*/

@media only screen

and (max-width: 1239px) {

body{font-size:0.95em}

.logo{margin:1.45em}

.input-search{max-width:355px}

#shorten-url-panel{width:320px}

.input-url{width:100px;font-size:1.2em}

.close-input-panel{margin-left:160px}

.listing-panel{width:900px}

.url-column{width:260px}

.url-content{width:640px}

.form-input-wrapper{height:45px}

}

/*800*/

@media only screen

and (max-width: 1023px) {

body#home{padding:60px 0 0 0}

/*header*/

header{height:50px}

.logo{margin:1.15em}

.top-panel{top:110px;position:absolute;height:170px}

.header-row{padding-left:0}

/*navi*/

.menu{height:60px;top:50px;padding:0;width:100%}

.navi{width:100%}

.navi:hover{width:100%}

.navi li{float:left;width:25%}

.navi-text{display:none}

.navi:hover .icon-navi{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}

.navi:hover .navi-text{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}

.icon-navi{margin:0 auto}

/*shorten url*/

.close-input-panel{top:15px;margin-left:0;left:auto;right:15px}

.close-input{width:30px;height:30px}

#shorten-url-panel{height:60px;width:100%;-webkit-clip-path:none;clip-path:none;float:none;text-align:left;padding-left:15px}

#shorten-url-panel:hover{width:100%}

.input-url{height:40px;width:260px;padding-right:10px;padding-left:10px;text-align:left}

#create-link{top:-2px}

#shorten-url-panel.expand .input-url{width:260px;padding-right:10px}

#shorten-url-panel.expand .input-url.expand-input{width:260px}

#shorten-url-panel .input-url-wrapper,#shorten-url-panel.expand .input-url-wrapper{margin-right:10px}

/*input blinking*/

.blinking-cursor{display:none!important}

/*search*/

.date-text{display:none}

#search-panel{top:60px}

.input-search{max-width:372px;min-width:372px}

/*date*/

#date-panel{top:110px;}

/*content*/

.content-panel{margin-top:260px}

/*url listing*/

.listing-panel{width:780px}

.url-column{width:240px}

.url-content{width:540px}

/*url content*/

.data-colm{width:100%;float:none;margin:20px 0 0}

/*overlay*/

.popup{top:100px}



}

/*480mobile*/

@media only screen

and (max-width: 799px) {

body{font-size:0.8em}

/*header*/

.logo{margin:1.3em}

/*button*/

button{min-width:170px}

/*shorten url*/

.close-input-panel{top:95px}

#shorten-url-panel.expand{height:110px}

#create-link{margin:10px 20px 0 112px}

.input-url,#shorten-url-panel.expand .input-url,#shorten-url-panel.expand .input-url.expand-input{width:320px}

/*#shorten-url-panel .input-url-wrapper,#shorten-url-panel.expand .input-url-wrapper{width:70%}*/

.input-url-wrapper{margin:0 0 0 10px}

/*search*/

.input-search{max-width:230px;min-width:230px}

/*content*/

.anal-panel{width:480px}

.listing-panel{width:100%;border-radius:0;font-size:1.2em;position:relative}

.url-column{width:100%;float:none;border:10px solid #1f2740}

.url-content{width:100%;float:none}

.url-column ul li a{padding:20px 15px}

/*.url-content{display:none}*/

.button-back{color:#a3a9b5;border:1px solid #a3a9b5;background:#fff;height:30px;min-width:auto;font-size:0.7em;line-height:0.7em;margin:0 0 20px 0;display:block}

.anal-total{margin-top:-50px}

.anal-figure{margin:0}

.button-ok{margin-right:10px}

.button-ok,.button-cancel{min-width:148px}

.form-input-wrapper{height:40px}

/*overlay*/

.popup{width:90%;left:5%;margin:0;top:50px}

.form .colm1{width:40%}

.form .colm2{width:54%}

/*modalbox*/

.modalbox{width:90%;margin:20px auto}

}





/*375mobile*/

@media only screen

and (max-width : 479px) {



.input-url,#shorten-url-panel.expand .input-url,#shorten-url-panel.expand .input-url.expand-input{width:210px}



.input-search{max-width:170px;min-width:170px}

.button-search{min-width:130px}



.input-date{width:130px}



.anal-panel{width:375px}

.icon-copy{margin:0 0 5px 0}

.url-content .anal-figure{font-size:2em}

.button-ok{margin:0 0 10px 0}

.button-ok,.button-cancel{min-width:100%}

.popup{padding:20px}

.modalbox{padding:20px;margin:10px auto}

}



/*360mobile*/

@media only screen

and (max-width : 374px) {



.input-search{max-width:170px;min-width:170px}

.button-search{min-width:110px}

.button-search:before{width:30px}



.input-date{width:120px}



.anal-panel{width:360px;font-size:0.9em}



}



/*320mobile*/

@media only screen

and (max-width : 359px) {



.input-url,#shorten-url-panel.expand .input-url,#shorten-url-panel.expand .input-url.expand-input{width:165px}

.button-create{min-width:140px}

.button-create:before{width:35px}



.input-search{max-width:135px;min-width:135px}



.input-date{width:105px}



.anal-panel{width:320px}

}



@media only screen 

and (max-width : 319px) {

body { display:none }

}

/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
    background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));

  background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.alert{
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  background-color: #6BBD6E;
  color: white;
}

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}

.tab-content{
  display: none;
}

.current{
  display: inherit;
}

.center-msg{
  padding: 70px 0;
  text-align: center;
}

.highcharts-credits, .highcharts-button-box, .highcharts-button-symbol{
  display:none;
}