html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
font-family: 'mulisemibold';
color: #666666;
}
body{
background: rgba(230,230,232,1);
font-size: 14px;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
*:focus {
outline: none;
}
.clearfix::after {
display: block;
clear: both;
content: "";
}
*, ::after, ::before {
box-sizing: border-box;
}
/**********Carousel Start*****************/
.MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; position:relative; }
.MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
.MultiCarousel .MultiCarousel-inner .item { float: left;}
.MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:10px; margin:10px; background:#f1f1f1; color:#666;}
.MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); }
.MultiCarousel .leftLst { left:0; }
.MultiCarousel .rightLst { right:0; }
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }
/**********Carousel End*****************/
.admin_mainContainer{
max-width: 100%;
margin: 0 auto;
background: rgba(230,230,232,1);
}
.admin_adminContainer{
max-width: 1780px;
margin: 0 auto;
padding: 0 15px;
}
.admin_topContainer{
width: 100%;
}
.admin_header{
padding:8px 15px;
background: #ffffff;
margin-bottom: 20px;
}
.admin_header .admin_topContainerheading{
font-size: 26px;
float: left;
padding: 12px 0;
font-family: 'muliextrabold';
color: #666666;
text-transform: uppercase;
line-height: 1;
}
.admin_logOutContainer{
width: 48%;
float: right;
}
.admin_logOutContainer::before{
display: block;
clear: both;
content: "";
}
.admin_counrtySelectbox{
float: left;
padding: 0;
position: relative;
margin-right: 30px;
width:149px;
cursor: pointer;
}
.admin_counrtySelectboxImg{
width: 17px;
height: 17px;
display: inline-block;
}
.admin_countryTxt{
text-transform: uppercase;
display: inline-block;
float: left;
font-size: 14px;
line-height: 2;
font-family: 'muliextrabold';
color:#333333;
font-weight: 600;
}
.admin_selectedCountryLogo{
display: inline-block;
padding: 0 8px;
}
.admin_selectedCountryLogo img{
width: 28px;
margin-top: 6px;
}
.admin_countryLogo{
display: inline-block;
margin:0 0 8px 8px;
float: left;
}
.admin_downArrowbox{
border: solid 1px rgba(174,174,174,1);
display: inline-block;
padding: 6px 4px;
float: right;
margin: 4px 0;
cursor: pointer;
}
.admin_downArrowbox img{
transform: rotate(0deg);
-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.315, 0.025, 0.42, 0.96);
transition: -webkit-transform 0.2s cubic-bezier(0.315, 0.025, 0.42, 0.96);
transition: transform 0.2s cubic-bezier(0.315, 0.025, 0.42, 0.96);
transition: transform 0.2s cubic-bezier(0.315, 0.025, 0.42, 0.96), -webkit-transform 0.2s cubic-bezier(0.315, 0.025, 0.42, 0.96);
}
.admin_showDownArrowbox .admin_downArrowbox img{
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
.admin_allCountryList{
/*width: 190px;*/
border: solid 1px #E6E6E6;
padding: 8px 8px 0 0;
position: absolute;
right: 0px;
display: none;
background: #fff;
z-index: 1;
}
.admin_showDownArrowbox .admin_allCountryList{
-webkit-box-shadow: 0px 0px 20px rgba(222,222,223,1);
-moz-box-shadow: 0px 0px 20px rgba(222,222,223,1);
box-shadow: 0px 0px 20px rgba(222,222,223,1);
}
.admin_allCountryList img{
display: inline-block;
width: 28px;
}
.admin_logo{
float: right;
display: inline-block;
width:31%;
text-align: end;
}
.admin_logo img{
/* width: 20px;
height: auto; */
}
.admin_counrtySelectbox{
margin-top: -29px;
}
.admin_adminText{
display: inline-block;
float: right;
font-size: 14px;
line-height: 2;
font-family: 'muliextrabold';
color: #333333;
font-weight: 600;
padding: 0 7px;
text-decoration: none;
}
.admin_logOutText{
display: inline-block;
float: right;
font-size: 14px;
line-height: 2;
font-family: 'muliextrabold';
color: #333333;
font-weight: 600;
padding: 0;
text-decoration: none;
}
.admin_tabs li span{
display:block;
width: 100%;
text-transform: uppercase;
padding: 17px 0px;
text-align: center;
background: transparent;
border-radius:10px;
cursor: pointer;
font-family: 'mulibold';
font-size: 16px;
color: #666666;
max-width: 220px;
margin: 0 auto;
}
.admin_tabs li span.active{
background: linear-gradient(#FFC20F,#F89D1B);
color:#ffffff;
text-shadow: 1px 1px #909090;
cursor: default;
}
.admin_tabs li:first-child{
margin-bottom: 20px;
margin-top: 38px;
}
.admin_tabs li{
width:100%;
}
.admin_carouselContainer{
width: 61%;
height: 150px;
background: #fff;
border-radius: 10px;
float: left;
margin: 0 1%;
}
.admin_tabContainer{
float: left;
margin-left: 1%;
width:11%;
height:150px;
background-color: #ffffff;
border-radius: 10px;
text-align: center;
padding: 12px 12px;
-webkit-box-shadow: 0px 0px 20px rgba(222,222,223,1);
-moz-box-shadow: 0px 0px 20px rgba(222,222,223,1);
box-shadow: 0px 0px 20px rgba(222,222,223,1);
}
.admin_daterangeContainer{
width: 16%;
height: 150px;
background: #fff;
border-radius: 10px;
float:left;
margin-right: 1%;
padding: 12px;
-webkit-box-shadow: 0px 0px 20px rgba(222,222,223,1);
-moz-box-shadow: 0px 0px 20px rgba(222,222,223,1);
box-shadow: 0px 0px 20px rgba(222,222,223,1);
}
.admin_deviceSelction{
width: 7%;
float: left;
height: 150px;
background: #fff;
border-radius: 10px;
margin-right: 1%;
-webkit-box-shadow: 0px 0px 20px rgba(222,222,223,1);
-moz-box-shadow: 0px 0px 20px rgba(222,222,223,1);
box-shadow: 0px 0px 20px rgba(222,222,223,1);
}
.admin_toContainer{
width: 100%;
display: flex;
}
.admin_fromContainer{
width:100%;
display: flex;
margin-bottom: 5px;
}
.admin_fromContainer label{
font-size: 13px;
color: #909090;
font-family: 'mulisemibold';
display:inline-block;
justify-content: center;
flex-direction: column;
display: flex;
}
.admin_toContainer label{
font-size: 13px;
color: #909090;
font-family: 'mulisemibold';
justify-content: center;
flex-direction: column;
display: flex;
}
.admin_fromDate{
max-width: 100%;
width: 74%;
background-color: #E6E6E8;
border:solid 1px #d6d5d5 ;
display: inline-block;
height: 30px;
font-size:12px;
background-image:url(../images/calender.png) ;
background-position: 96% 42%;
background-repeat: no-repeat;
padding: 8px 5px;
margin-left: 17px;
cursor: pointer;
}
.admin_toDate{
max-width: 100%;
width: 74%;
background-color: #E6E6E8;
border:solid 1px #d6d5d5 ;
display: inline-block;
height: 30px;
font-size:12px;
background-image:url(../images/calender.png) ;
background-position: 96% 42%;
background-repeat: no-repeat;
padding: 8px 5px;
margin-left: 34px;
cursor: pointer;
}
.admin_dateRangeHeading{
font-size: 13px;
color: #909090;
line-height: 1;
padding-bottom: 8px;
font-family: 'mulisemibold';
}
.admin_dateRangeSearchContainer{
text-align: center;
}
.admin_dateRangeSearch{
display:inline-block;
min-width: 50%;
margin-top:8px;
text-transform: uppercase;
padding: 10px 10px;
text-align: center;
border-radius: 10px;
cursor: pointer;
font-family: 'mulibold';
font-size: 16px;
background: linear-gradient(#FFC20F,#F89D1B);
color:#ffffff;
text-shadow: 1px 1px #909090;
}
.admin_deviceLeftCol{
width: 40%;
float: left;
}
.admin_deviceLeftCol span{
display: inline-block;
}
.admin_desktopReports{
margin: 4px 2px;
opacity: 1;
}
.admin_tabletReports{
margin: 0px 2px;
opacity: 1;
}
.admin_mobileReports{
margin: 4px 2px;
opacity: 1;
}
.admin_allReports{
opacity: 1;
}
.admin_noneReports{
opacity: 1;
}
.show_admin_Reports{
opacity: 0.5;
}
.admin_deviceRighttCol{
width: 60%;
float: left;
text-align: center;
}
.admin_deviceRighttCol span{
text-transform: uppercase;
text-align: center;
background: transparent;
border-radius: 10px;
cursor: pointer;
font-family: 'mulibold';
font-size: 15px;
color: #909090;
text-align: center;
padding: 69px 0 0 0;
display: block;
}
.admin_graphReports{
width: 49%;
margin: 0% 1% 1% 0;
float: left;
border-radius: 10px;
background: #fff;
height: 350px;
/* -webkit-box-shadow: 0px 0px 20px rgba(222,222,223,1);
-moz-box-shadow: 0px 0px 20px rgba(222,222,223,1);
box-shadow: 0px 0px 20px rgba(222,222,223,1); */
}
.admin_reffersContainer{
width: 50%;
margin: 1% 1% 1% 0;
float: left;
border-radius: 10px;
background: #fff;
height: 350px;
padding: 12px;
-webkit-box-shadow: 0px 0px 20px rgba(222,222,223,1);
-moz-box-shadow: 0px 0px 20px rgba(222,222,223,1);
box-shadow: 0px 0px 20px rgba(222,222,223,1);
}
.admin_reffersTable{
height: 300px;
overflow-y: auto;
overflow-x: auto;
width: 100%;
display: flex;
}
.admin_reffersTable .jspPane{
display: flex;
}
.admin_reffersTableCol{
display: flex;
flex-direction: column;
}
.admin_showtimesName{
border-right: solid 1px #E6E6E6;
}
.admin_compaignTableColShowtimes{
border-right: solid 1px #E6E6E6;
}
.admin_topTheatersTableContainer{
position: relative;
}
.admin_expandDiv .admin_topTheatersTableContainer{
height: calc(100% - 20px);
}
.admin_expandDiv .admin_topTheatersTable {
height: calc(100% - 20px);
width: auto;
}
.admin_expandDiv .admin_sesionByCitiesTableContainer {
height: calc(100% - 60px);
}
.admin_expandDiv .admin_reffersTable{
height: calc(100% - 30px);
width: auto;
}
.admin_expandDiv .admin_reffersTableCol:first-child{
width: 40%;
min-width: 35%;
}
.admin_expandDiv .admin_reffersTableCol{
width: 20%;
min-width: 13%;
}
/*
.admin_reffersTable::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.admin_reffersTable::-webkit-scrollbar-track {
background: transparent;
border-radius: 50%;
}
.admin_reffersTable::-webkit-scrollbar-thumb {
background: #54a9d6;;
}
.admin_reffersTable::-webkit-scrollbar-thumb:hover {
background: #54a9d6;
} */
.admin_reffersHeading{
font-family: 'mulibold';
font-size: 15px;
color: #909090;
padding-bottom: 10px;
}
.admin_reffersTableCol p:first-child{
position: relative;
background: #f2f2f2;
border-top: solid 1px #E6E6E6;
border-bottom: solid 1px #E6E6E6;
font-family: 'mulibold';
font-size: 15px;
color: #484848;
padding: 13px 0;
z-index: 1;
}
.admin_compaignTableCol p:first-child{
position: relative;
background: #f2f2f2;
border-top: solid 1px #E6E6E6;
border-bottom: solid 1px #E6E6E6;
font-family: 'mulibold';
font-size: 15px;
color: #484848;
padding: 13px 0;
text-align: center;
z-index: 1;
}
.admin_compaignFirstCol p:first-child{
z-index: 2;
position: relative;
text-align: left !important;
padding-left: 12px;
}
.admin_compaignFirstCol p{
z-index: 1;
position: relative;
background: #ffffff;
}
.admin_reffersTableCol.admin_channelName p{
padding-left: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.admin_colheading {
position: relative;
top: 0;
}
.admin_colForMob{
float: left;
}
.admin_overviewColMob{
float: left;
}
.admin_ticketsName{
border-right: solid 1px #E6E6E6;
}
.admin_reffersTableCol{
width: 16.666%;
position: relative;
}
.admin_reffersTableCol p{
width: 100%;
padding: 7px 0;
color: #979797;
font-size: 14px;
display: inline-block;
position: relative;
text-align: center;
border-bottom: solid 1px #E6E6E6;
}
.admin_channelName p{
position: relative;
z-index: 1;
border-left: solid 1px #E6E6E6;
background: #ffffff;
text-align: left;
padding-left: 12px;
}
.admin_channelName p:first-child{
z-index: 2;
}
.admin_overviewTableContainer{
width: 46%;
margin: 0% 1% 1% 0;
float: left;
border-radius: 10px;
background: #fff;
height:540px;
padding: 12px;
-webkit-box-shadow: 0px 0px 20px rgba(222,222,223,1);
-moz-box-shadow: 0px 0px 20px rgba(222,222,223,1);
box-shadow: 0px 0px 20px rgba(222,222,223,1);
padding-bottom: 15px;
}
.admin_overviewTable{
height: 460px;
overflow-y: scroll;
overflow-x: hidden;
width: 100%;
}
.admin_expandDiv .admin_overviewTable{
height: auto;
overflow: auto;
}
.admin_sesionByCities{
width: 25%;
margin: 0% 1% 0 0;
float: left;
border-radius: 10px;
background: #fff;
height: 560px;
padding: 12px;
-webkit-box-shadow: 0px 0px 20px rgba(222,222,223,1);
-moz-box-shadow: 0px 0px 20px rgba(222,222,223,1);
box-shadow: 0px 0px 20px rgba(222,222,223,1);
}
.admin_sessionByDevice{
width: 25%;
margin: 0% 0 0 0;
float: left;
border-radius: 10px;
background: #fff;
height: 240px;
-webkit-box-shadow: 0px 0px 20px rgba(222,222,223,1);
-moz-box-shadow: 0px 0px 20px rgba(222,222,223,1);
box-shadow: 0px 0px 20px rgba(222,222,223,1);
}
.admin_visitsByDevice{
width: 25%;
margin: 0% 0 0 0;
float: left;
border-radius: 10px;
background: #fff;
height: 240px;
-webkit-box-shadow: 0px 0px 20px rgba(222,222,223,1);
-moz-box-shadow: 0px 0px 20px rgba(222,222,223,1);
box-shadow: 0px 0px 20px rgba(222,222,223,1);
}
.admin_topCitiesContainer{
width: 25%;
margin: 15px 0 0 0;
float: left;
border-radius: 10px;
background: #fff;
height: 285px;
padding: 12px;
-webkit-box-shadow: 0px 0px 20px rgba(222,222,223,1);
-moz-box-shadow: 0px 0px 20px rgba(222,222,223,1);
box-shadow: 0px 0px 20px rgba(222,222,223,1);
}
.admin_topTheatersContainer{
width: 25%;
margin: 15px 1% 0 0;
float: left;
border-radius: 10px;
background: #fff;
height: 360px;
padding: 12px;
-webkit-box-shadow: 0px 0px 20px rgba(222,222,223,1);
-moz-box-shadow: 0px 0px 20px rgba(222,222,223,1);
box-shadow: 0px 0px 20px rgba(222,222,223,1);
}
.admin_topTicketsContainer{
width: 25%;
margin: 15px 0 0 0;
float: left;
border-radius: 10px;
background: #fff;
height: 360px;
padding: 12px;
-webkit-box-shadow: 0px 0px 20px rgba(222,222,223,1);
-moz-box-shadow: 0px 0px 20px rgba(222,222,223,1);
box-shadow: 0px 0px 20px rgba(222,222,223,1);
}
.admin_topTicketsTableHeading p{
padding: 13px 12px;
background: #f2f2f2;
color: #484848;
font-size: 14px;
display: inline-block;
position: relative;
}
.admin_overviewHeading{
display: inline-block;
font-size: 16px;
line-height: 2;
font-family: 'muliextrabold';
color: #333333;
font-weight: 600;
padding-bottom: 7px;
float: left;
}
.admin_overviewTable p{
display: inline-block;
color: #333333;
padding: 13px 6px;
text-align: center;
font-family: 'mulisemibold';
font-size: 14px;
border: solid 1px #E6E6E6;
border-top: 0;
}
.admin_overviewDates p.admin_overviewDtaes{
background-color: #727272;
color: #fff;
border-top-right-radius:5px;
border-top-left-radius:5px;
border-left: solid 1px #727272;
border-right:solid 1px #727272;
z-index: 2;
}
p.admin_overviewsessions{
background-color:#4372C4;
color: #fff;
border-top-right-radius:5px;
border-top-left-radius:5px;
border-left: solid 1px #4372C4;
border-right:solid 1px #4372C4;
}
p.admin_overviewvisits{
background-color:#EB7424;
color: #fff;
border-top-right-radius:5px;
border-top-left-radius:5px;
border-left: solid 1px #EB7424;
border-right:solid 1px #EB7424;
}
p.admin_overviewcinemas{
background-color:#A5A5A5;
color: #fff;
border-top-right-radius:5px;
border-top-left-radius:5px;
border-left: solid 1px #A5A5A5;
border-right:solid 1px #A5A5A5;
}
p.admin_overviewshowtimes{
background-color:#6FAD48;
color: #fff;
border-top-right-radius:5px;
border-top-left-radius:5px;
border-left: solid 1px #6FAD48;
border-right:solid 1px #6FAD48;
}
p.admin_overviewtickets{
background-color:#092964;
color: #fff;
border-top-right-radius:5px;
border-top-left-radius:5px;
border-left: solid 1px #092964;
border-right:solid 1px #092964;
}
.admin_overviewTableCol{
float: left;
width: 15%;
margin-right: 30px;
}
.admin_overviewColMob .admin_overviewTableCol {
margin-right: 10px;
}
.admin_overviewColMob .admin_overviewTableCol:last-child {
margin-right: 0;
}
.admin_overviewTableCol p{
width: 100%;
}
.admin_overviewTableCol p:first-child{
position: relative;
}
.admin_overviewDates p{
position: relative;
background: #ffffff;
z-index: 1;
}
.adminHambuger span{
width: 22px;
height: 4px;
background-color:#7B7B7B;
margin: 3px 0;
display: block;
border-radius: 20%;
}
.admin_selectCategeries{
float: right;
margin-top: 10px;
cursor:pointer;
position: relative;
}
.admin_selectCategeriesTxt{
display: block;
float: left;
font-size: 16px;
font-family: 'muliextrabold';
color: #333333;
font-weight: 600;
float: left;
margin-right: 10px;
}
.adminHambuger{
display: block;
float: left;
margin-top: -4px;
}
.admin_selectCategeriesDropdown{
position: absolute;
right: 5px;
top: 20px;
width: 150px;
height: 142px;
border: solid 1px #E6E6E6;
border-radius: 10px;
box-shadow:0 0 18px 0px rgba(174,174,174,1);
background-color: #fff;
display: none;
padding: 12px;
z-index: 1;
}
.admin_selectCategeriesDropdown p{
color: #979797;
font-size: 14px;
line-height: 2;
padding-bottom: 3px;
}
.admin_selectCategeriesDropdown.admin_ctegeriesOpendropdown{
/* display:block;*/
}
.admin_selectCategeriesDropdown span{
display: inline-block;
width: 14px;
height: 14px;
background-image: url(../images/tick-mark-sprite.png);
background-position: 0 14px;
margin-right: 3px;
}
.admin_selectCategeriesDropdown .admin_showCategory span{
background-position: 0 0;
}
.admin_sesionByCitiesHeading{
display: block;
font-size: 16px;
font-family: 'muliextrabold';
color: #333333;
font-weight: 600;
padding-bottom: 7px;
}
.admin_sesionByCitiesHeading p{
padding: 5px 0 10px 0;
border-bottom: solid 1px #E6E6E6;
font-family: 'muliextrabold';
}
.admin_sesionByCitiesTableContainer{
height: 461px;
overflow-y: scroll;
}
.admin_topCitiesTableContainer{
height: 225px;
overflow-x: scroll;
}
/* .admin_topTheatersTableContainer{
height: 292px;
}*/
.admin_topTicketsTableContainer{
height: 292px;
height: 310px;
overflow-y: auto;
}
.admin_topCitiesTable{
min-width: 320px;
}
/* .admin_topTheatersTable{
min-width: 320px;
}
.admin_topTicketsTable{
min-width: 320px;
}
.admin_topTicketsTable{
min-width: 320px;
} */
.admin_sesionByCitiesTable{
min-width: 380px;
}
.admin_sesionByCitiesTable{
min-width: 320px;
text-align:center;
}
.admin_sesionByCitiesTableHeading p{
background: #f2f2f2;
font-family: 'mulibold';
font-size: 13px;
color: #484848;
padding: 13px 0px;
float: left;
min-width: 31.5%;
}
.admin_sesionByCitiesTableHeading p:first-child{
width: 37%;
text-align:left;
padding-left: 10px;
}
.admin_sesionByCitiesTableRows p{
padding: 9px 10px;
color: #979797;
font-size: 14px;
display: inline-block;
float: left;
width: 28.5%;
}
.admin_sesionByCitiesTableRows{
border: solid 1px #E6E6E6;
margin-bottom: 6px;
}
.admin_sesionByCitiesTableHeading{
margin-bottom: 6px;
border: solid 1px #E6E6E6;
position: relative;
background:#f2f2f2;
}
.admin_sesionByCitiesTableRows p:first-child{
width: 37%;
text-align:left;
}
.admin_sesionByCitiesTableHeading .admin_colPercentage{
/* min-width: 109px; */
}
.admin_topCitiesHeading{
display: block;
font-size: 16px;
font-family: 'muliextrabold';
color: #333333;
font-weight: 600;
padding-bottom: 7px;
}
.admin_topCitiesHeading p{
padding: 5px 0 10px 0;
border-bottom: solid 1px #E6E6E6;
font-family: 'muliextrabold';
}
.admin_topTheatersHeading{
display: block;
font-size: 16px;
font-family: 'muliextrabold';
color: #333333;
font-weight: 600;
padding-bottom: 7px;
}
.admin_topTheatersHeading p{
padding: 5px 0 10px 0;
border-bottom: solid 1px #E6E6E6;
font-family: 'muliextrabold';
}
.admin_topTicketsHeading{
display: block;
font-size: 16px;
font-family: 'muliextrabold';
color: #333333;
font-weight: 600;
padding-bottom: 7px;
}
.admin_topTicketsHeading p{
padding: 5px 0 10px 0;
border-bottom: solid 1px #E6E6E6;
font-family: 'muliextrabold';
}
.admin_topCitiesTableHeading p{
background: #f2f2f2;
text-align: center;
font-family: 'mulibold';
font-size: 13px;
color: #484848;
padding: 13px 0px;
float: left;
width: 29.5%;
}
.admin_topCitiesTableHeading p:first-child{
width: 41%;
text-align: left;
padding-left: 10px;
/*border-left: solid 1px #E6E6E6; */
}
.admin_topTheatersTableHeading p{
background: #f2f2f2;
text-align: center;
font-family: 'mulibold';
font-size: 13px;
color: #484848;
padding: 13px 0px;
float: left;
width: 29.5%;
position: relative;
}
.admin_topTheatersTableHeading p:first-child{
width: 41%;
text-align: left;
padding-left: 10px;
/*border-left: solid 1px #E6E6E6; */
}
.admin_topCitiesTableHeading p:last-child{
/*border-right: solid 1px #E6E6E6; */
}
.admin_topTicketsTable{
width: 99%;
/* height: 290px;
overflow-y: auto; */
}
.admin_topTheatersTable {
height: 420px;
}
.admin_topTheatersContainer {
height: 518px;
}
.admin_topTicketsTableHeading p{
background: #f2f2f2;
text-align: center;
font-family: 'mulibold';
font-size: 13px;
color: #484848;
padding: 13px 0px;
float: left;
width: 29.5%;
}
.admin_topTicketsTableHeading p:first-child{
width: 41%;
text-align: left;
padding-left: 10px;
/*border-left: solid 1px #E6E6E6; */
}
.admin_topCitiesTableRows p{
padding: 7px 10px;
color: #979797;
font-size: 14px;
display: inline-block;
/*border-bottom: solid 1px #E6E6E6;
border-top: solid 1px #E6E6E6;*/
float: left;
width: 28.5%;
text-align: center;
}
.admin_topTheatersTableRows p{
padding: 7px 10px;
color: #979797;
font-size: 14px;
display: inline-block;
/*border-bottom: solid 1px #E6E6E6;
border-top: solid 1px #E6E6E6;*/
float: left;
width: 28.5%;
text-align: center;
}
.admin_topTicketsTableRows p{
padding: 7px 10px;
color: #979797;
font-size: 14px;
display: inline-block;
/*border-bottom: solid 1px #E6E6E6;
border-top: solid 1px #E6E6E6;*/
float: left;
width: 28.5%;
text-align: center;
}
.admin_topCitiesTableHeading{
margin-bottom: 6px;
border: solid 1px #E6E6E6;
position: relative;
}
.admin_topTheatersTableHeading{
margin-bottom: 6px;
border: solid 1px #E6E6E6;
position: relative;
}
.admin_topTicketsTableHeading{
margin-bottom: 6px;
position: relative;
border: solid 1px #E6E6E6;
}
.admin_topCitiesTableRows p:first-child{
width: 42%;
text-align: left;
/* border-left: solid 1px #E6E6E6; */
}
.admin_topCitiesTableRows p:last-child{
/* border-right: solid 1px #E6E6E6; */
}
.admin_topCitiesTableRows{
border: solid 1px #E6E6E6;
margin-bottom: 6px;
}
.admin_topTheatersTableRows p:first-child{
width: 42%;
text-align: left;
/* border-left: solid 1px #E6E6E6; */
}
.admin_topTheatersTableRows p:last-child{
/* border-right: solid 1px #E6E6E6; */
}
.admin_topTheatersTableRows{
border: solid 1px #E6E6E6;
margin-bottom: 6px;
}
.admin_topTicketsTableRows p:first-child{
width: 42%;
text-align: left;
/* border-left: solid 1px #E6E6E6; */
}
.admin_topTicketsTableRows p:last-child{
/* border-right: solid 1px #E6E6E6; */
}
.admin_topTicketsTableRows{
border: solid 1px #E6E6E6;
margin-bottom: 6px;
}
#chart_div{
width:100%;
height: 230px;
padding: 0 10px 10px 10px;
}
.admin_expandDiv #chart_div{
height: 330px;
}
.admin_chartOptions{
position: relative;
}
.admin_chartOptionsSelection{
display: flex;
width: 100%;
overflow: hidden;
}
.admin_chartOptionsSelection .admin_chartOptions{
justify-content: center;
flex-direction: column;
display: flex;
width:25%;
height: 80px;
text-align: center;
border-bottom: solid 5px #E6E6E6;
padding-top: 16px;
cursor: pointer;
}
.admin_activeChartOptions.admin_chartSessionOption{
border-bottom: solid 5px #4372C4;
}
.admin_activeChartOptions.admin_chartVisitsOption{
border-bottom: solid 5px #EB7424;
}
.admin_activeChartOptions.admin_chartCinemasOption{
border-bottom: solid 5px #A5A5A5;
}
.admin_activeChartOptions.admin_chartShowtimeOption{
border-bottom: solid 5px #6FAD48;
}
.admin_activeChartOptions.admin_chartTicketsOption{
border-bottom: solid 5px #092964;
}
.admin_sessionTxt span{
width: 16px;
height: 16px;
background: #999999;
border-radius: 50%;
color: #ffffff;
display: inline-block;
padding: 2px;
text-align:center;
font-family: 'muliextrabold';
margin-left: 5px;
}
.admin_sessionTxt{
font-size: 14px;
font-family: 'mulisemibold';
}
.admin_sessionCnt{
font-size: 22px;
font-family: 'mulilight';
}
.admin_visitsTxt span{
width: 16px;
height: 16px;
background: #999999;
border-radius: 50%;
color: #ffffff;
display: inline-block;
padding: 2px;
text-align:center;
font-family: 'muliextrabold';
margin-left: 5px;
}
.admin_visitsTxt{
font-size: 14px;
font-family: 'mulisemibold';
}
.admin_visitsCnt{
font-size: 22px;
font-family: 'mulilight';
}
.admin_cinemasTxt span{
width: 16px;
height: 16px;
background: #999999;
border-radius: 50%;
color: #ffffff;
display: inline-block;
padding: 2px;
text-align:center;
font-family: 'muliextrabold';
margin-left: 5px;
}
.admin_cinemasTxt{
font-size: 14px;
font-family: 'mulisemibold';
}
.admin_cinemasCnt{
font-size: 22px;
font-family: 'mulilight';
}
.admin_showtimeTxt span{
width: 16px;
height: 16px;
background: #999999;
border-radius: 50%;
color: #ffffff;
display: inline-block;
padding:2px;
text-align:center;
font-family: 'muliextrabold';
margin-left: 5px;
}
.admin_showtimeTxt{
font-size: 14px;
font-family: 'mulisemibold';
}
.admin_showtimeCnt{
font-size: 22px;
font-family: 'mulilight';
}
.admin_ticketsTxt span{
width: 16px;
height: 16px;
background: #999999;
border-radius: 50%;
color: #ffffff;
display: inline-block;
padding: 2px;
text-align:center;
font-family: 'muliextrabold';
margin-left: 5px;
}
.admin_ticketsTxt{
font-size: 14px;
font-family: 'mulisemibold';
}
.admin_ticketsCnt{
font-size: 22px;
font-family: 'mulilight';
}
.admin_graphLegends{
max-width: 426px;
margin:0 auto;
margin-top: 16px;
text-align:center;
}
.admin_graphLegends span{
font-size: 12px;
font-family: 'mulibold';
display: inline-block;
margin-right: 15px;
}
.admin_sessionLegend::before{
width: 10px;
height: 10px;
background: #4372C4;
display: inline-block;
content: " ";
margin-right: 5px;
}
.admin_visitsLegend::before{
width: 10px;
height: 10px;
background: #EB7424;
display: inline-block;
content: " ";
margin-right: 5px;
}
.admin_cinemasLegend::before{
width: 10px;
height: 10px;
background: #A5A5A5;
display: inline-block;
content: " ";
margin-right: 5px;
}
.admin_showtimeLegend::before{
width: 10px;
height: 10px;
background: #6FAD48;
display: inline-block;
content: " ";
margin-right: 5px;
}
.admin_ticketLegend::before{
width: 10px;
height: 10px;
background: #092964;
display: inline-block;
content: " ";
margin-right: 5px;
}
.admin_devicesHeading{
display: block;
font-size: 16px;
font-family: 'muliextrabold';
color: #333333;
font-weight: 600;
padding-bottom: 16px;
}
.admin_visitsdevicesHeading{
display: block;
font-size: 16px;
font-family: 'muliextrabold';
color: #333333;
font-weight: 600;
padding-bottom: 16px;
}
.admin_sessionByDevice{
padding: 12px;
}
.admin_visitsByDevice{
padding: 12px;
}
.admin_devicesHeading p {
padding: 5px 0 10px 0;
border-bottom: solid 1px #E6E6E6;
font-family: 'muliextrabold';
}
.admin_visitsdevicesHeading p {
padding: 5px 0 10px 0;
border-bottom: solid 1px #E6E6E6;
font-family: 'muliextrabold';
}
.admin_devicesDesktop{
width:40%;
float: left;
}
.admin_visitsdevicesDesktop{
width:40%;
float: left;
}
.admin_deviceMobile{
float: left;
width: 30%;
}
.admin_visitsdeviceMobile{
float: left;
width: 30%;
}
.admin_deviceTablet{
float: left;
width: 30%;
}
.admin_visitsdeviceTablet{
float: left;
width: 30%;
}
.admin_deviceDesktopHeading{
font-size: 22px;
font-family: 'mulisemibold';
color: #979797;
padding-bottom: 10px;
}
.admin_visitsdeviceDesktopHeading{
font-size: 22px;
font-family: 'mulisemibold';
color: #979797;
padding-bottom: 10px;
}
.admin_deviceMobileHeading{
font-size: 22px;
font-family: 'mulisemibold';
color: #979797;
padding-bottom: 10px;
}
.admin_visitsdeviceMobileHeading{
font-size: 22px;
font-family: 'mulisemibold';
color: #979797;
padding-bottom: 10px;
}
.admin_deviceTabletHeading{
font-size: 22px;
font-family: 'mulisemibold';
color: #979797;
padding-bottom: 10px;
}
.admin_visitsdeviceTabletHeading{
font-size: 22px;
font-family: 'mulisemibold';
color: #979797;
padding-bottom: 10px;
}
.admin_devicesDesktop .admin_admin_devicesDesktopPer{
color: #72b37d;
font-size: 24px;
font-family: 'muliextrabold';
}
.admin_visitsdevicesDesktop .admin_admin_visitsdevicesDesktopPer{
color: #72b37d;
font-size: 24px;
font-family: 'muliextrabold';
}
.admin_deviceMobile .admin_admin_devicesMobilePer{
color:#ec942f;
font-size: 24px;
font-family: 'muliextrabold';
}
.admin_visitsdeviceMobile .admin_admin_visitsdevicesMobilePer{
color:#ec942f;
font-size: 24px;
font-family: 'muliextrabold';
}
.admin_deviceTablet .admin_admin_devicesTabletPer{
color: #ec2f2f;
font-size: 24px;
font-family: 'muliextrabold';
}
.admin_visitsdeviceTablet .admin_admin_visitsdevicesTabletPer{
color: #ec2f2f;
font-size: 24px;
font-family: 'muliextrabold';
}
.admin_admin_devicesTabletCnt{
color: #4372C4;
font-size: 16px;
font-family:'mulisemibold';
padding-top: 5px;
}
.admin_admin_devicesMobileCnt{
color: #4372C4;
font-size: 16px;
font-family:'mulisemibold';
padding-top: 5px;
}
.admin_admin_visitsdevicesTabletCnt{
color: #4372C4;
font-size: 16px;
font-family:'mulisemibold';
padding-top: 5px;
}
.admin_admin_visitsdevicesMobileCnt{
color: #4372C4;
font-size: 16px;
font-family:'mulisemibold';
padding-top: 5px;
}
.admin_admin_devicesDesktopCnt{
color: #4372C4;
font-size: 16px;
font-family:'mulisemibold';
padding-top: 5px;
}
.admin_admin_visitsdevicesDesktopCnt{
color: #4372C4;
font-size: 16px;
font-family:'mulisemibold';
padding-top: 5px;
}
.adminDevice_graph{
width: 100%;
margin-top:20px;
height: 40px;
display: flex;
}
.adminDevice_visitsgraph{
width: 100%;
margin-top:20px;
height: 40px;
display: flex;
}
.adminDevice_graphDesktop{
background-color: #72b37d;
display: flex;
flex-direction: column;
width: 0%;
}
.adminDevice_graphMobile{
background-color: #ec942f;
display: flex;
flex-direction: column;
width: 0%;
}
.adminDevice_graphTablet{
background-color: #ec2f2f;
display: flex;
flex-direction: column;
width: 0%;
}
.adminDevice_visitsgraphDesktop{
background-color: #72b37d;
display: flex;
flex-direction: column;
width: 0%;
}
.adminDevice_visitsgraphMobile{
background-color: #ec942f;
display: flex;
flex-direction: column;
width: 0%;
}
.adminDevice_visitsgraphTablet{
background-color: #ec2f2f;
display: flex;
flex-direction: column;
width: 0%;
}
.admin_sessionTooltip{
line-height: 14px;
font-size: 12px;
font-family: 'mulilight';
text-align: center;
position: absolute;
bottom: 80%;
width: 270px;
height: 98px;
left: -36%;
background: #e6c04f;
border-radius: 10px;
opacity: 0;
z-index: -1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
color:#212121;
padding: 8px;
}
.admin_sessionTooltip:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color:transparent;
border-top-color: #e6c04f;
border-width: 10px;
margin-left: -10px;
}
.admin_cinemasTooltip{
line-height: 14px;
font-size: 12px;
font-family: 'mulilight';
text-align: center;
position: absolute;
bottom: 80%;
width: 270px;
height: 82px;
left: -36%;
background: #e6c04f;
border-radius: 10px;
opacity: 0;
z-index: -1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
color:#212121;
padding: 8px;
}
.admin_cinemasTooltip:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color:transparent;
border-top-color: #e6c04f;
border-width: 10px;
margin-left: -10px;
}
.admin_visitsTooltip{
line-height: 14px;
font-size: 12px;
font-family: 'mulilight';
text-align: center;
position: absolute;
bottom: 80%;
width: 245px;
height: 45px;
left: -36%;
background: #e6c04f;
border-radius: 10px;
opacity: 0;
z-index: -1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
color:#212121;
padding: 8px;
}
.admin_visitsTooltip:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color:transparent;
border-top-color: #e6c04f;
border-width: 10px;
margin-left: -10px;
}
.admin_showtimeTooltip{
line-height: 14px;
font-size: 12px;
font-family: 'mulilight';
text-align: center;
position: absolute;
bottom: 80%;
width: 245px;
height: 45px;
left: -36%;
background: #e6c04f;
border-radius: 10px;
opacity: 0;
z-index: -1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
color:#212121;
padding: 8px;
}
.admin_showtimeTooltip:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color:transparent;
border-top-color: #e6c04f;
border-width: 10px;
margin-left: -10px;
}
.admin_ticketsTooltip{
line-height: 14px;
font-size: 12px;
font-family: 'mulilight';
text-align: center;
position: absolute;
bottom: 80%;
width: 270px;
height: 98px;
left: -36%;
background: #e6c04f;
border-radius: 10px;
opacity: 0;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
color:#212121;
padding: 8px;
z-index: -1;
}
.admin_ticketsTooltip:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color:transparent;
border-top-color: #e6c04f;
border-width: 10px;
margin-left: -10px;
}
.admin_compaintagsContainer{
width: 50%;
margin: 0 0 1% 1%;
float: left;
border-radius: 10px;
background: #fff;
height: 540px;
padding: 12px;
-webkit-box-shadow: 0px 0px 20px rgba(222,222,223,1);
-moz-box-shadow: 0px 0px 20px rgba(222,222,223,1);
box-shadow: 0px 0px 20px rgba(222,222,223,1);
}
.admin_compaignLastCol{
border-right: solid 1px #E6E6E6;
}
.admin_compainHeading{
font-size: 16px;
font-family: 'muliextrabold';
color: #333333;
font-weight: 600;
padding-bottom: 10px;
}
.admin_compaignTableCol{
display: flex;
flex-direction: column;
}
.admin_compaignTable{
display: flex;
overflow: auto;
height: 475px;
width: 100%;
}
.admin_compaignTable .jspPane{
display: flex;
}
.admin_compaignTableCol p{
width: 100%;
padding: 7px 0;
color: #979797;
font-size: 14px;
display: inline-block;
position: relative;
text-align: center;
border-bottom: solid 1px #E6E6E6;
}
.admin_compaignFirstCol p{
text-align: left;
padding-left: 10px;
border-left: solid 1px #E6E6E6;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.admin_viewedDevicesTable {
height: 306px;
overflow: auto;
}
.admin_viewedDevicesContainer{
width: 45%;
margin: 0 1% 1% 0;
float: left;
border-radius: 10px;
background: #fff;
height: 370px;
padding: 12px;
-webkit-box-shadow: 0px 0px 20px rgba(222,222,223,1);
-moz-box-shadow: 0px 0px 20px rgba(222,222,223,1);
box-shadow: 0px 0px 20px rgba(222,222,223,1);
}
.admin_viewedBrowsersContainer{
width: 45%;
margin: 0 0 1% 0;
float: left;
border-radius: 10px;
background: #fff;
height: 370px;
padding: 12px;
-webkit-box-shadow: 0px 0px 20px rgba(222,222,223,1);
-moz-box-shadow: 0px 0px 20px rgba(222,222,223,1);
box-shadow: 0px 0px 20px rgba(222,222,223,1);
}
.admin_viewedDevicesHeading{
font-size: 16px;
font-family: 'muliextrabold';
color: #666666;
font-weight: 600;
padding-bottom: 10px;
padding-top:5px;
border-bottom: solid 1px #E6E6E6;
margin-bottom: 7px;
}
.admin_viewedBrowsersMainHeading{
font-size: 16px;
font-family: 'muliextrabold';
color: #666666;
font-weight: 600;
padding-bottom: 10px;
padding-top:5px;
border-bottom: solid 1px #E6E6E6;
margin-bottom: 7px;
}
.admin_viewedDevicesCol{
display: inline-block;
}
.admin_viewedDevicesTable{
display: flex;
overflow: auto;
width: 100%;
}
.admin_viewedDBrowsersTable{
display: flex;
overflow: auto;
width: 100%;
height: 306px;
}
.admin_viewedDevicesTable .jspPane{
display: flex;
}
.admin_viewedDBrowsersTable .jspPane{
display: flex;
}
.admin_viewedDevicesCol p{
width: 100%;
padding: 7px 0;
color: #979797;
font-size: 14px;
display: inline-block;
position: relative;
text-align: center;
border-bottom: solid 1px #E6E6E6;
border-top: solid 1px #E6E6E6;
border-right: solid 1px #E6E6E6;
margin-bottom: 6px;
}
.admin_viewedDevicesCol p:first-child{
position: relative;
background: #f2f2f2;
border-top: solid 1px #E6E6E6;
border-bottom: solid 1px #E6E6E6;
font-family: 'mulibold';
font-size: 15px;
color: #484848;
padding: 13px 0;
padding-left:12px;
z-index: 1;
}
.admin_viewedDevicesTableRow p{
padding: 7px 10px;
color: #979797;
font-size: 14px;
}
.admin_viewedDevicesCol{
text-align: center;
}
.admin_viewedDevicesFirstCol {
border-right: none;
}
.admin_viewedBrowsersCol p:first-child{
position: relative;
background: #f2f2f2;
font-family: 'mulibold';
font-size: 15px;
color: #484848;
padding: 13px 0;
padding-left:12px;
z-index: 1;
}
.admin_viewedDevicesTableRow{
border: solid 1px #E6E6E6;
margin-bottom: 6px;
}
.admin_viewedDevicesFirstCol {
text-align: left;
padding-left:12px;
border-right:none;
/* float: left; */
}
.admin_viewedBrowsersFirstCol p{
text-align: left;
padding-left:12px;
margin-bottom: 6px;
border-left: solid 1px #E6E6E6;
border-right:none;
}
.admin_viewedDevicesTableRowHeader p{
padding: 13px 12px;
background: #f2f2f2;
color: #484848;
font-size: 14px;
display: inline-block;
position: relative;
}
@media (max-width: 320px) {
.admin_mainContainer {
max-width: 100%;
}
.admin_adminContainer {
max-width: 540px;
}
.admin_tabContainer{
width: 100%;
}
.admin_carouselContainer{
width: 100%;
}
.admin_daterangeContainer{
width: 100%;
}
.admin_deviceSelction{
width: 100%;
}
.admin_graphReports{
width: 100%;
}
}
@media (min-width: 320px) {
.admin_topCitiesTableHeading p{
font-size: 12px;
}
.admin_topTheatersTableHeading p{
font-size: 12px;
}
.admin_viewedBrowsersTableRow p{
padding: 7px 10px;
color: #979797;
font-size: 14px;
display: inline-block;
float: left;
text-align: center;
}
.admin_viewedBrowsersHeading p{
padding: 13px 12px;
background: #f2f2f2;
color: #484848;
font-size: 14px;
display: inline-block;
position: relative;
}
.admin_viewedBrowsersCol {
width:30%;
}
.admin_viewedBrowsersFirstCol.admin_viewedBrowsersCol {
width:70%;
}
.admin_viewedDevicesCol{
width: 30%;
}
.admin_viewedDevicesCol:first-child{
width:70%;
}
.admin_overviewTableContainer{
height: 560px;
}
.admin_mainContainer {
max-width: 100%;
/* padding: 0 15px; */
}
.admin_adminContainer{
max-width: 100%;
}
.admin_tabContainer{
width: 100%;
margin: 0 0 15px 0;
display: none !important;
}
.admin_carouselContainer{
width: 100%;
margin: 0 0 15px 0;
}
.admin_daterangeContainer{
width: 100%;
margin: 0 0 15px 0;
}
.admin_deviceSelction {
width: 31%;
margin: 0 0 15px 5%;
}
.admin_colForMob{
width: 160px;
display: flex;
}
.admin_overviewColMob{
width: 179px;
display: flex;
}
.admin_reffersTable{
}
.admin_viewedDevicesTableRowOter{
width: 100%;
}
.admin_viewedDevicesTableRow.admin_viewedDevicesTableRowHeader{
background: #f2f2f2;
position: relative;
}
.admin_viewedBrowsersTableRow{
width: 100%;
border: solid 1px #E6E6E6;
margin-bottom: 6px;
}
.admin_viewedBrowsersTableRow.admin_viewedBrowsersHeading{
background: #f2f2f2;
position: relative;
}
.admin_reffersTableCol{
width: 74px;
min-width: 80px;
}
.admin_compaignTableCol{
width: 74px;
min-width: 80px;
}
.admin_viewedDevicesCol{
width: 30%;
}
.admin_viewedDevicesCol:first-child{
width:70%;
}
.admin_reffersTableCol:first-child{
width: 232px;
min-width: 200px;
}
.admin_compaignTableCol:first-child{
width: 232px;
min-width: 200px;
background: #ffffff;
}
/* .admin_viewedDevicesCol:first-child{
width: 232px;
min-width: 200px;
}
.admin_viewedBrowsersCol:first-child{
width: 232px;
min-width: 200px;
} */
.admin_colForMob .admin_reffersTableCol{
min-width: 92px;
justify-content: center;
flex-direction: column;
display: flex;
float: none;
}
.admin_reffersTableCol p{
font-size: 12px;
}
.admin_compaignTableCol p{
font-size: 12px;
}
.admin_viewedDevicesCol p{
font-size: 12px;
}
.admin_viewedBrowsersTableRowOter{
width: 100%;
}
.admin_viewedBrowsersFirstCol.admin_viewedBrowsersCol {
text-align: left;
}
.admin_viewedBrowsersCol p{
font-size: 12px;
}
.admin_reffersTableCol p:first-child{
font-size: 12px;
}
.admin_compaignTableCol p:first-child{
font-size: 12px;
}
.admin_viewedDevicesCol p:first-child{
font-size: 12px;
}
.admin_viewedBrowsersCol p:first-child{
font-size: 12px;
}
.admin_overviewTableCol {
width: 110px;
}
.admin_overviewColMob {
width: calc(100% - 130px);
}
.admin_overviewColMob .admin_overviewTableCol{
width: 120px;
justify-content: center;
flex-direction: column;
display: flex;
float: none;
min-width: 95px;
}
.admin_graphReports{
width: 100%;
margin: 0 0 15px 0;
}
.admin_reffersContainer {
width: 100%;
margin: 0 0 15px 0;
}
.admin_compaintagsContainer {
width: 100%;
margin: 0 0 15px 0;
}
.admin_fromDate {
width: 100%;
margin-left: 8px;
}
.admin_toDate {
width: 100%;
margin-left: 25px;
}
.admin_overviewTableContainer{
width: 100%;
margin: 0 0 15px 0;
}
.admin_sesionByCities{
width: 100%;
margin: 0 0 15px 0;
}
.admin_sessionByDevice{
width: 100%;
margin: 0 0 15px 0;
}
.admin_visitsByDevice{
width: 100%;
margin: 0 0 15px 0;
}
.admin_topCitiesContainer{
width: 100%;
margin: 0 0 15px 0;
}
.admin_topTheatersContainer{
width: 100%;
margin: 0 0 15px 0;
}
.admin_topTicketsContainer{
width: 100%;
margin: 0 0 15px 0;
}
.admin_overviewTableCol {
width: 110px;
}
.admin_selectCategeries {
margin-top: -5px;
margin-bottom: 10px;
}
.admin_deviceRighttCol span {
padding: 69px 0 0 0;
}
.admin_deviceLeftCol {
width: 20%;
}
.admin_deviceRighttCol{
margin-left: 17px;
}
.admin_deviceRighttCol span {
font-size: 12px;
}
.admin_showtimeTxt, .admin_cinemasTxt, .admin_visitsTxt, .admin_sessionTxt, .admin_ticketsTxt{
font-size: 10px;
}
.admin_showtimeTxt span, .admin_cinemasTxt span, .admin_visitsTxt span, .admin_sessionTxt span, .admin_ticketsTxt span{
width: 12px;
height: 12px;
}
.admin_graphLegends{
margin-top:4px;
}
.admin_showtimeCnt, .admin_ticketsCnt, .admin_cinemasCnt, .admin_visitsCnt, .admin_sessionCnt {
font-size: 16px;
}
.admin_overviewTableCol{
margin-right: 15px;
}
.admin_overviewTable{
height: 444px;
}
.admin_header .admin_topContainerheading {
font-size: 15px;
}
.admin_sessionTooltip{
left: 0px;
}
.admin_sessionTooltip:after{
left: 21%;
}
.admin_visitsTooltip{
left: -10%;
}
.admin_visitsTooltip:after{
left: 21%;
}
.admin_cinemasTooltip{
left: -96px;
}
.admin_cinemasTooltip:after{
left: 51%;
}
.admin_showtimeTooltip{
left: -128px;
}
.admin_showtimeTooltip:after{
left:65%;
}
.admin_ticketsTooltip{
left: -200px;
}
.admin_ticketsTooltip:after{
left:92%;
}
.admin_viewedDevicesContainer {
width: 100%;
margin: 0 0% 15px 0;
}
.admin_viewedBrowsersContainer {
width: 100%;
margin: 0 0% 1% 0;
}
}
@media (min-width: 375px) {
.admin_counrtySelectbox {
margin-top: 0;
}
}
@media (min-width: 411px){
.admin_logOutContainer{
margin-top: 10px;
}
}
@media (min-width: 576px) {
.admin_selectCategeries{
margin-top: 5px;
}
.admin_overviewColMob{
width: calc(100% - 130px);
}
.admin_logo{
width: auto;
}
.admin_counrtySelectbox{
float: left;
padding: 8px 0px 8px 8px;
float: right;
width: auto; margin-top: 0;
margin-right: 10px;
}
.admin_countryTxt{
font-size: 14px;
line-height: 2.3;
}
.admin_selectedCountryLogo{
padding: 0 14px;
}
.admin_adminText{
font-size: 14px;
}
.admin_logOutText{
font-size: 14px;
padding: 0 10px 0 0;
}
.admin_logo img{
/* width: 28px;
height: auto; */
}
.admin_logOutContainer{
width: auto;
}
.admin_header .admin_topContainerheading {
font-size: 20px;
}
}
@media only screen and (min-width : 420px) and (max-width : 820px) and (orientation: landscape) {
.admin_reffersTableCol{
width: 17%!important;
}
}
@media (min-width: 768px) {
.admin_topTheatersTable {
height: 466px;
}
.admin_topCitiesTableHeading p{
font-size: 13px;
}
.admin_topTheatersTableHeading p{
font-size: 13px;
}
.admin_topCitiesContainer{
height: 290px;
}
.admin_topTheatersContainer{
height: 544px;
}
.admin_topTicketsContainer{
height: 370px;
}
.admin_overviewTableContainer{
height: 540px;
}
.admin_adminText {
font-size: 16px;
}
.admin_logOutText{
font-size: 16px;
}
.admin_countryTxt {
font-size: 16px;
line-height: 2;
}
.admin_logo{
width: auto;
}
.admin_counrtySelectbox{
float: left;
padding: 8px 0px 8px 8px;
float: right;
width: auto; margin-top: 0;
margin-right: 30px;
}
.admin_countryTxt{
font-size: 16px;
}
.admin_selectedCountryLogo{
padding: 0 14px;
}
.admin_logOutContainer{
margin-top: 7px;
margin-right: 30px;
}
.admin_adminContainer{
padding: 0px;
}
.admin_mainContainer {
max-width: 720px;
padding: 0px;
}
.admin_adminContainer{
max-width: 100%;
}
.admin_tabContainer{
width: 27%;
margin: 0 0 15px 0;
}
.admin_carouselContainer{
width: 69%;
margin: 0 2% 15px 0;
}
.admin_daterangeContainer{
width: 29%;
margin: 0 0 15px 0;
}
.admin_deviceSelction{
width: 48.5%;
margin: 0 1% 15px 1%;
}
.admin_colForMob{
float: left;
width:auto;
display: flex;
}
.admin_overviewColMob{
float: left;
width:auto;
display: flex;
}
.admin_reffersTableCol{
width: 120px;
float: left;
}
.admin_compaignTableCol{
width: 120px;
}
.admin_viewedDevicesCol{
width: 29%;
}
.admin_viewedDevicesCol:first-child{
width:70%;
}
.admin_colForMob{
width: calc(100% - 120px);
}
.admin_overviewColMob{
width: calc(100% - 141px);
}
.admin_reffersTableCol{
width: 90px;
width:17%;
}
.admin_reffersTableCol:first-child{
width: 246px;
}
.admin_compaignTableCol{
width: 90px;
min-width: 90px;
width:17%;
}
.admin_compaignTableCol:first-child{
width: 246px;
}
.admin_viewedDevicesCol{
width: 29%;
}
.admin_viewedDevicesCol:first-child{
width:70%;
}
.admin_colForMob .admin_reffersTableCol{
min-width: 113px;
float: none;
justify-content: center;
flex-direction: column;
display: flex;
}
.admin_overviewColMob .admin_overviewTableCol{
min-width: 98px;
justify-content: center;
flex-direction: column;
display: flex;
float: none;
}
.admin_graphReports{
width: 100%;
margin: 0 1% 15px 0%;
}
.admin_reffersContainer {
width: 100%;
margin: 0% 1% 15px 0%;
}
.admin_compaintagsContainer {
width: 100%;
margin: 0 0 1% 1%;
}
.admin_fromDate {
width: calc(100% - 50px);
}
.admin_toDate {
width: calc(100% - 50px);
}
.admin_sesionByCities {
width: 100%;
margin: 0% 1% 15px 0%;
}
.admin_selectCategeries {
margin-top: 5px;
}
.admin_deviceLeftCol {
width: 18%;
margin-left: 22%;
}
.admin_deviceRighttCol span {
padding: 69px 0 0 0;
}
.admin_showtimeTxt, .admin_cinemasTxt, .admin_visitsTxt, .admin_sessionTxt, .admin_ticketsTxt{
font-size: 13px;
}
.admin_showtimeTxt span, .admin_cinemasTxt span, .admin_visitsTxt span, .admin_sessionTxt span, .admin_ticketsTxt span{
width: 16px;
height: 16px;
}
.admin_graphLegends{
margin-top:16px;
}
.admin_showtimeCnt, .admin_ticketsCnt, .admin_cinemasCnt, .admin_visitsCnt, .admin_sessionCnt {
font-size: 22px;
}
.admin_deviceRighttCol{
margin-left: 0;
}
.admin_deviceRighttCol span {
font-size: 15px;
}
.admin_header .admin_topContainerheading {
font-size: 26px;
}
.admin_sesionByCitiesTableHeading p{
width:31.5%;
}
.admin_overviewTable{
height: 444px;
}
.admin_sessionTooltip{
left: 0px;
}
.admin_sessionTooltip:after{
left: 38%;
}
.admin_visitsTooltip{
left: -10%;
}
.admin_visitsTooltip:after{ left: 43%;
}
.admin_cinemasTooltip{
left: -36px;
}
.admin_cinemasTooltip:after{
left: 51%;
}
.admin_showtimeTooltip{
left: -36px;
}
.admin_showtimeTooltip:after{
left:59%;
}
.admin_ticketsTooltip{
left: -126px;
}
.admin_ticketsTooltip:after{
left:83%;
}
.admin_viewedBrowsersContainer {
width: 49%;
margin: 0px 0 1% 14px;
}
.admin_viewedDevicesContainer {
width: 49%;
margin: 0 0% 1% 0;
}
.admin_compaintagsContainer {
margin: 0 0 15px 0%
}
.admin_viewedBrowsersCol {
width:30%;
}
.admin_viewedBrowsersFirstCol.admin_viewedBrowsersCol {
width:70%;
}
.admin_viewedDBrowsersTable{
height: 182px;
}
.admin_topTicketsTableContainer{
height: 182px;
}
.admin_viewedDevicesTable{
height: 182px;
}
.admin_topCitiesContainer {
height: 220px;
}
.admin_sessionByDevice{
height: 222px;
}
.admin_visitsByDevice{
height: 222px;
}
.admin_sesionByCities{
height: 488px;
}
.admin_topTheatersContainer{
height: 488px;
}
.admin_topTheatersTableContainer{
height: 388px;
}
.admin_topTheatersTable{
height: 388px;
}
.admin_topCitiesTableContainer{
height: 160px;
}
.admin_viewedBrowsersContainer{
height: 245px;
}
.admin_viewedDevicesContainer{
height: 245px;
}
.admin_topTicketsContainer {
height: 245px;
}
.admin_overviewTableContainer {
height: 410px;
}
.admin_compaintagsContainer{
height: 410px;
}
.admin_overviewTable {
height: 348px;
}
.admin_compaignTable{
height: 362px;
}
.admin_reffersContainer{
height: 310px;
}
.admin_reffersTable{
height: 260px;
}
.admin_graphReports{
height: 335px;
}
#chart_div{
height: 210px;
} .admin_sesionByCitiesTableContainer{
height: 388px;
}
}
@media (min-width: 992px) {
.admin_sesionByCitiesTableContainer{
height: 564px;
}
.admin_topTheatersTableContainer{
height: 476px;
}
.admin_topTheatersTable{
width: 99%;
height: 476px;
overflow: auto;
}
#admin_reportsTab{
padding: 0 1%;
}
.admin_viewedDevicesContainer {
width: 30%;
margin: 0 1% 1% 0;
}
.admin_viewedBrowsersContainer {
width: 32%;
margin: 0 0 1% 0;
}
.admin_expandDiv .admin_visitsTooltip {
left: 4%;
}
.admin_expandDiv .admin_cinemasTooltip {
left: -9%;
}
.admin_expandDiv .admin_showtimeTooltip {
left: -16%;
}
.admin_expandDiv .admin_ticketsTooltip:after {
left: 69%;
}
.admin_expandDiv .admin_ticketsTooltip {
left: -38%;
}
.admin_expandDiv .admin_sessionTooltip:after {
left: 55%;
}
.admin_expandDiv .admin_visitsTooltip:after {
left: 43%;
}
.admin_expandDiv .admin_sessionTooltip {
left: -27px;
}
.admin_sessionTooltip {
left: -9px;
}
.admin_sessionTooltip:after{
left: 32%;
}
.admin_visitsTooltip{
left: 16%;
}
.admin_visitsTooltip:after{
left: 21%;
}
.admin_cinemasTooltip{
left: -60px;
}
.admin_cinemasTooltip:after{
left: 51%;
}
.admin_showtimeTooltip{
left: -76px;
}
.admin_showtimeTooltip:after{
left:65%;
}
.admin_ticketsTooltip{
left: -200px;
}
.admin_ticketsTooltip:after{
left:92%;
}
.admin_reffersTable{
width: 445px;
}
.admin_adminContainer{
padding: 0px;
}
.admin_mainContainer {
max-width: 100%;
}
.admin_adminContainer{
max-width: 960px;
}
.admin_tabContainer{
width: 16%;
margin: 0 0 15px 1%;
}
.admin_carouselContainer{
width: 77%;
margin: 0 0 15px 1%;
}
.admin_daterangeContainer{
width: 20%;
margin: 0 0 15px 1%;
}
.admin_deviceSelction{
width: 7%;
margin: 0 0 15px 1%;
}
.admin_graphReports{
width: 49%;
margin: 0% 1% 1% 0;
}
.admin_reffersContainer{
width: 50%;
margin: 0 0 15px 0;
}
.admin_compaintagsContainer{
width: 50%;
margin: 0 0 1% 0;
}
.admin_colForMob{
float: left;
width:auto;
display: flex;
}
.admin_overviewColMob{
float: left;
width:auto;
display: flex;
}
.admin_reffersTableCol{
width: 72px;
min-width: 72px;
float: left;
}
.admin_reffersTableCol:first-child{
width: 234px;
min-width: 232px;
}
.admin_compaignTableCol:first-child{
width: 234px;
min-width: 232px;
}
.admin_viewedDevicesCol{
width: 29%;
}
.admin_viewedDevicesCol:first-child{
width:70%;
}
.admin_colForMob{
width: 228px;
}
.admin_reffersTableCol p:first-child{
font-size: 12px;
}
.admin_compaignTableCol p:first-child{
font-size: 12px;
}
.admin_viewedDevicesCol p:first-child{
font-size: 12px;
}
.admin_viewedBrowsersCol p:first-child{
font-size: 12px;
}
.admin_overviewTableCol p:first-child{
font-size: 14px;
}
.admin_overviewColMob{
width: 292px;
}
.admin_overviewTableCol {
width: 110px;
}
.admin_colForMob .admin_reffersTableCol{
min-width: 72px;
justify-content: center;
flex-direction: column;
display: flex;
float: none;
}
.admin_expandDiv .admin_colForMob .admin_reffersTableCol{
min-width: 193px;
}
.admin_overviewColMob .admin_overviewTableCol{
min-width: 78px;
justify-content: center;
flex-direction: column;
display: flex;
float: none;
}
.admin_overviewTableCol.admin_overviewVisits{
min-width: 98px;
}
.admin_overviewTableCol.admin_overviewShowtimes{
min-width: 94px;
}
.admin_reffersTableCol.admin_showtimesName{
min-width: 76px;
}
.admin_overviewTableCol{
margin-right:15px;
}
.admin_expandDiv .admin_overviewColMob .admin_overviewTableCol{
min-width: 19.6%;
}
.admin_deviceRighttCol span{
padding: 69px 0 0 0;
font-size: 12px;
}
.admin_desktopReports img, .admin_tabletReports img, .admin_mobileReports img{
height: 35px;
}
.admin_mobileReports{
margin: 10px 2px;
}
.admin_desktopReports {
margin: 10px 2px;
}
.admin_tabs li span{
font-size:12px;
}
.admin_dateRangeSearch{
font-size: 12px;
}
.admin_fromDate{
margin-left: 5px;
font-size: 12px;
}
.admin_toDate{
margin-left: 21px;
font-size: 12px;
}
.admin_fromDate {
width: calc(100% - 50px);
}
.admin_toDate {
width: calc(100% - 50px);
}
.admin_overviewTableContainer{
width: 49%;
margin: 0% 1% 1% 0;
}
.admin_sesionByCities{
width: 25%;
margin: 0% 1% 0 0;
}
.admin_sessionByDevice{
width: 26%;
margin: 0% 0 1% 0;
}
.admin_visitsByDevice{
width: 26%;
margin: 0% 0 1% 0;
}
.admin_topCitiesContainer{
width: 26%;
margin: 0 0 1% 0;
}
.admin_topTheatersContainer{
width: 37%;
margin: 0 1% 1% 0;
}
.admin_topTicketsContainer{
width: 36%;
margin: 0 1% 1% 0;
}
.admin_sesionByCities {
width: 35%;
margin: 0% 1% 0 0%;
}
.admin_selectCategeries {
margin-top: -5px;
}
.admin_deviceLeftCol {
width: 40%;
margin-left: 0;
}
.admin_graphLegends {
margin-top: 0px;
}
.admin_sesionByCitiesTableHeading p{
font-size: 12px;
}
.admin_topCitiesTableHeading p{
font-size: 12px;
}
.admin_topTheatersTableHeading p{
font-size: 12px;
}
.admin_topTicketsTableHeading p{
/* font-size: 12px; */
}
.admin_overviewTable{
height: 460px;
}
.admin_deviceDesktopHeading{
font-size: 20px;
}
.admin_viistsdeviceDesktopHeading{
font-size: 20px;
}
.admin_deviceMobileHeading{
font-size: 20px;
}
.admin_deviceTabletHeading{
font-size: 20px;
}
.admin_visitsdeviceMobileHeading{
font-size: 20px;
}
.admin_visitsdeviceTabletHeading{
font-size: 20px;
}
.admin_devicesDesktop .admin_admin_devicesDesktopPer{
font-size: 20px;
}
.admin_visitsdevicesDesktop .admin_admin_visitsdevicesDesktopPer{
font-size: 20px;
}
.admin_deviceMobile .admin_admin_devicesMobilePer{
font-size: 20px;
}
.admin_deviceTablet .admin_admin_devicesTabletPer{
font-size: 20px;
}
.admin_visitsdeviceMobile .admin_admin_visitsdevicesMobilePer{
font-size: 20px;
}
.admin_visitsdeviceTablet .admin_admin_visitsdevicesTabletPer{
font-size: 20px;
}
.admin_reffersTableCol p{
font-size: 12px;
}
.admin_compaignTableCols p{
font-size: 12px;
}
.admin_viewedDevicesCol p{
font-size: 14px;
}
.admin_viewedBrowsersCol p{
font-size: 14px;
}
.admin_viewedBrowsersCol {
width:30%;
}
.admin_viewedBrowsersFirstCol.admin_viewedBrowsersCol {
width:70%;
}
.admin_viewedDBrowsersTable{
height: 182px;
}
.admin_topTicketsTableContainer{
height: 182px;
}
.admin_viewedDevicesTable{
height: 182px;
}
.admin_topCitiesContainer {
height: 220px;
}
.admin_sessionByDevice{
height: 212px;
}
.admin_visitsByDevice{
height: 212px;
}
.admin_sesionByCities{
height: 663px;
}
.admin_topTheatersContainer{
height: 663px;
}
.admin_topTheatersTableContainer{
height: 564px;
}
.admin_topTheatersTable{
height: 564px;
}
.admin_topCitiesTableContainer{
height: 160px;
}
.admin_viewedBrowsersContainer{
height: 245px;
}
.admin_viewedDevicesContainer{
height: 245px;
}
.admin_topTicketsContainer {
height: 245px;
}
.admin_overviewTableContainer {
height: 410px;
}
.admin_compaintagsContainer{
height: 410px;
}
.admin_overviewTable {
height: 348px;
}
.admin_compaignTable{
height: 362px;
}
.admin_reffersContainer{
height: 310px;
}
.admin_reffersTable{
height: 260px;
}
.admin_graphReports{
height: 310px;
}
#chart_div{
height: 210px;
}
}
@media (min-width: 1200px) {
.admin_sesionByCitiesTableContainer{
height: 564px;
}
.admin_viewedDBrowsersTable{
height: 182px;
}
.admin_topTicketsTableContainer{
height: 182px;
}
.admin_viewedDevicesTable{
height: 182px;
}
.admin_topCitiesContainer {
height: 220px;
}
.admin_sessionByDevice{
height: 212px;
}
.admin_visitsByDevice{
height: 212px;
}
.admin_sesionByCities{
height: 667px;
}
.admin_topTheatersContainer{
height: 667px;
}
.admin_topTheatersTableContainer{
height: 564px;
}
.admin_topTheatersTable{
height: 564px;
}
.admin_topCitiesTableContainer{
height: 160px;
}
.admin_viewedBrowsersContainer{
height: 245px;
}
.admin_viewedDevicesContainer{
height: 245px;
}
.admin_topTicketsContainer {
height: 245px;
}
.admin_overviewTableContainer {
height: 410px;
}
.admin_compaintagsContainer{
height: 410px;
}
.admin_overviewTable {
height: 348px;
}
.admin_compaignTable{
height: 362px;
}
.admin_reffersContainer{
height: 310px;
}
.admin_reffersTable{
height: 260px;
}
.admin_graphReports{
height: 310px;
}
#chart_div{
height: 210px;
}
.admin_topTicketsTableHeading p{
font-size: 14px;
}
.admin_viewedBrowsersCol {
width:25%;
}
.admin_viewedBrowsersFirstCol.admin_viewedBrowsersCol {
width:75%;
}
.admin_expandDiv .admin_visitsTooltip {
left: 11%;
}
.admin_expandDiv .admin_cinemasTooltip {
left: 1%;
}
.admin_expandDiv .admin_showtimeTooltip {
left: -11%;
}
.admin_expandDiv .admin_ticketsTooltip:after {
left: 59%;
}
.admin_expandDiv .admin_ticketsTooltip {
left: -12%;
}
.admin_expandDiv .admin_sessionTooltip:after {
left: 55%;
}
.admin_expandDiv .admin_visitsTooltip:after {
left: 43%;
}
.admin_sessionTooltip:after{
left: 32%;
}
.admin_visitsTooltip{
left: -10%;
}
.admin_visitsTooltip:after{
left: 36%;
}
.admin_cinemasTooltip{
left: -47%;
}
.admin_cinemasTooltip:after{
left: 51%;
}
.admin_showtimeTooltip{
left: -59%;
}
.admin_showtimeTooltip:after{
left:65%;
}
.admin_ticketsTooltip{
left: -154%;
}
.admin_ticketsTooltip:after{
left:92%;
}
.admin_reffersTableCol p{
font-size: 13px;
}
.admin_compaignTableCol p{
font-size: 13px;
}
.admin_viewedDevicesCol p{
font-size: 13px;
}
.admin_viewedBrowsersCol p{
font-size: 13px;
}
.admin_mainContainer {
max-width: 100%;
}
.admin_adminContainer{
max-width: 1140px;
}
.admin_colForMob{
width: 300px;
}
.admin_reffersTable{
width: 523px;
}
.admin_reffersTableCol p:first-child{
font-size: 12px;
}
.admin_compaignTableCol p:first-child{
font-size: 12px;
}
.admin_viewedDevicesCol p:first-child{
font-size: 12px;
}
.admin_viewedBrowsersCol p:first-child{
font-size: 12px;
}
.admin_overviewTableCol{
width: 150px;
}
.admin_overviewTableCol p:first-child{
font-size: 14px;
}
.admin_reffersTableCol.admin_showtimesName{
min-width: 80px;;
}
.admin_graphReports{
width: 49%;
}
.admin_reffersContainer{
width: 50%;
}
.admin_compaintagsContainer{
width: 50%;
}
.admin_viewedDevicesContainer {
width: 30%;
}
.admin_viewedBrowsersContainer {
width: 32%;
}
.admin_daterangeContainer {
width: 20%;
margin: 0 0 15px 1%;
}
.admin_carouselContainer {
width: 77%;
margin: 0 0 15px 1%;
}
.admin_deviceSelction {
width: 9%;
margin: 0 0 15px 1%;
}
.admin_tabs li span{
font-size: 16px;
}
.admin_dateRangeSearch{
font-size: 16px;
}
.admin_deviceRighttCol span {
padding: 69px 0 0 0;
font-size: 15px;
}
.admin_mobileReports{
margin: 4px 2px;
}
.admin_desktopReports {
margin: 4px 2px;
}
.admin_desktopReports img, .admin_tabletReports img, .admin_mobileReports img{
height: auto;
}
.admin_fromDate{
margin-left: 17px;
font-size: 14px;
}
.admin_toDate{
margin-left: 34px;
font-size: 14px;
}
.admin_selectCategeries {
margin-top: 10px;
}
.admin_overviewColMob{
width: 358px;
}
.admin_sesionByCitiesTableHeading p{
font-size: 12px;
}
.admin_topCitiesTableHeading p{
font-size: 12px;
}
.admin_topTheatersTableHeading p{
font-size: 12px;
}
.admin_topTicketsTableHeading p{
font-size: 12px;
}
.admin_sesionByCitiesTable{
min-width: 295px;
}
.admin_deviceDesktopHeading{
font-size: 22px;
}
.admin_visitsdeviceDesktopHeading{
font-size: 22px;
}
.admin_deviceMobileHeading{
font-size: 22px;
}
.admin_deviceTabletHeading{
font-size: 22px;
}
.admin_visitsdeviceMobileHeading{
font-size: 22px;
}
.admin_visitsdeviceTabletHeading{
font-size: 22px;
}
}
@media (min-width: 1440px) {
.admin_sesionByCitiesTableContainer{
height: 640px;
}
.admin_viewedDevicesTable{
height: 306px;
}
.admin_topTicketsTableContainer{
height: 306px;
}
.admin_viewedDBrowsersTable{
height: 306px;
}
.admin_topCitiesContainer {
height: 290px;
}
.admin_sessionByDevice{
height: 212px;
}
.admin_visitsByDevice{
height: 212px;
}
.admin_sesionByCities{
height: 740px;
}
.admin_topTheatersContainer{
height: 740px;
}
.admin_topTheatersTableContainer{
height: 640px;
}
.admin_topTheatersTable{
height: 630px;
}
.admin_topCitiesTableContainer{
height: 225px;
}
.admin_viewedBrowsersContainer{
height: 370px;
}
.admin_viewedDevicesContainer{
height: 370px;
}
.admin_topTicketsContainer {
height: 370px;
}
.admin_overviewTableContainer {
height: 540px;
}
.admin_compaintagsContainer{
height: 540px;
}
.admin_overviewTable {
height: 540px;
}
.admin_compaignTable{
height: 475px;
}
.admin_reffersContainer{
height: 350px;
}
.admin_reffersTable{
height: 300px;
}
.admin_graphReports{
height: 350px;
}
#chart_div{
height: 230px;
}
.admin_overviewTable{
height: 460px;
}
.admin_compaignTableCol p:first-child{
font-size: 13px;
}
.admin_expandDiv .admin_visitsTooltip {
left: 11%;
}
.admin_expandDiv .admin_cinemasTooltip {
left: 10%;
}
.admin_expandDiv .admin_showtimeTooltip {
left: 5%;
}
.admin_expandDiv .admin_ticketsTooltip:after {
left: 59%;
}
.admin_expandDiv .admin_ticketsTooltip {
left: 0%;
}
.admin_expandDiv .admin_sessionTooltip:after {
left: 64%;
}
.admin_sessionTooltip:after{
left: 36%;
}
.admin_visitsTooltip{
left: -27%;
}
.admin_visitsTooltip:after{
left: 51%;
}
.admin_cinemasTooltip{
left: -29%;
}
.admin_cinemasTooltip:after{
left: 51%;
}
.admin_showtimeTooltip{
left: -41%;
}
.admin_showtimeTooltip:after{
left:65%;
}
.admin_ticketsTooltip{
left: -117%;
}
.admin_ticketsTooltip:after{
left:92%;
}
.admin_reffersTableCol p{
font-size: 14px;
}
.admin_compaignTableCol p{
font-size: 14px;
}
.admin_viewedDevicesCol p{
font-size: 14px;
}
.admin_viewedBrowsersCol p{
font-size: 14px;
}
.admin_mainContainer {
max-width: 100%;
}
.admin_adminContainer{
max-width: 1400px;
}
.admin_graphReports{
width: 49%;
}
.admin_reffersContainer{
width: 50%;
}
.admin_compaintagsContainer{
width: 50%;
}
.admin_viewedDevicesContainer {
width: 30%;
}
.admin_viewedBrowsersContainer {
width: 32%;
}
.admin_tabContainer{
width: 11%;
margin: 0 0 15px 1%;
}
.admin_carouselContainer{
width: 77%;
margin: 0 0 15px 1%;
}
.admin_daterangeContainer{
width: 20%;
margin: 0 0 15px 1%;
}
.admin_deviceSelction{
width: 7%;
margin: 0 0 15px 1%;
}
.admin_reffersTable{
width: 100%;
}
.admin_colForMob .admin_reffersTableCol{
width: 20%;
display: block;
float: left;
min-width: 70px;
}
.admin_reffersTableCol.admin_showtimesName{
min-width: 89px;
}
.admin_reffersTableCol p:first-child{
font-size:13px;
}
.admin_overviewTableCol p:first-child{
font-size: 14px;
}
.admin_overviewColMob .admin_overviewTableCol{
min-width: 100px;
display: block;
float: left;
}
.admin_overviewTableCol.admin_overviewVisits{
min-width: 100px;
}
.admin_colForMob{
width: calc(100% - 130px);
}
.admin_overviewColMob{
/* width: calc(100% - 141x); */
width: 464px;
}
.admin_overviewTableCol{
margin-right:25px;
}
.admin_reffersTableCol {
width:91px;
}
.admin_compaignTableCol {
width:80px;
}
.admin_reffersTableCol:first-child {
width:280px;
}
.admin_compaignTableCol:first-child {
width:280px;
}
.admin_viewedDevicesCol{
width: 29%;
}
.admin_viewedDevicesCol:first-child{
width:70%;
}
/* .admin_reffersTableCol.admin_channelName{
width: 106px;
} */
.admin_sesionByCitiesTableHeading p{
/* min-width: 101px; */
}
.admin_sesionByCitiesTableHeading p{
font-size: 13px;
}
.admin_topCitiesTableHeading p{
font-size: 13px;
}
.admin_topTicketsTableHeading p{
font-size: 13px;
}
.admin_topTheatersTableHeading p{
font-size: 13px;
}
.admin_sesionByCitiesTable{
min-width: 280px;
}
}
@media (min-width: 1680px) {
.admin_overviewColMob .admin_overviewTableCol{
min-width: 146px;
display: block;
float: left;
}
.admin_overviewTableCol.admin_overviewVisits{
min-width: 146px;
}
.admin_topTheatersContainer {
height: 749px;
}
.admin_expandDiv .admin_visitsTooltip {
left: 14%;
}
.admin_expandDiv .admin_cinemasTooltip {
left: 19%;
}
.admin_expandDiv .admin_showtimeTooltip {
left: 14%;
}
.admin_expandDiv .admin_ticketsTooltip:after {
left: 59%;
}
.admin_expandDiv .admin_ticketsTooltip {
left: 11%;
}
.admin_expandDiv .admin_sessionTooltip:after {
left: 76%;
}
.admin_expandDiv .admin_visitsTooltip:after {
left: 56%;
}
.admin_expandDiv .admin_sessionTooltip {
left: -1px;
}
.admin_sessionTooltip:after{
left: 43%;
}
.admin_visitsTooltip{
left: -10%;
}
.admin_visitsTooltip:after{
left: 51%;
}
.admin_cinemasTooltip{
left: -12%;
}
.admin_cinemasTooltip:after{
left: 51%;
}
.admin_showtimeTooltip{
left: -20%;
}
.admin_showtimeTooltip:after{
left:65%;
}
.admin_ticketsTooltip{
left: -79%;
}
.admin_ticketsTooltip:after{
left:92%;
}
.admin_mainContainer {
max-width: 100%;
}
.admin_adminContainer{
max-width: 1640px;
}
.admin_graphReports{
width: 49%;
}
.admin_reffersContainer{
width: 50%;
}
.admin_compaintagsContainer{
width: 50%;
}
.admin_tabContainer{
width: 11%;
margin: 0 0 15px 1%;
}
.admin_carouselContainer{
width: 81%;
margin: 0 0 15px 1%;
}
.admin_daterangeContainer{
width: 16%;
margin: 0 0 15px 1%;
}
.admin_deviceSelction{
width: 7%;
margin: 0 0 15px 1%;
}
.admin_reffersTable{
width: 100%;
}
.admin_colForMob .admin_reffersTableCol{
width: 20%;
display: block;
float: left;
}
.admin_overviewColMob .admin_overviewTableCol{
display: block;
float: left;
}
.admin_colForMob{
width: calc(100% - 130px);
}
.admin_overviewColMob{
/* width: calc(100% - 130px); */
/* width: 580px; */
}
.admin_overviewTableCol{
margin-right:50px;
}
.admin_reffersTableCol {
width: 120px;
}
.admin_compaignTableCol {
width: 120px;
}
.admin_viewedDevicesCol{
width: 24%;
}
.admin_viewedDevicesCol:first-child{
width:75%;
}
.admin_reffersTableCol p:first-child{
font-size: 15px;
}
.admin_compaignTableCol p:first-child{
font-size: 15px;
}
.admin_viewedDevicesCol p:first-child{
font-size: 15px;
}
.admin_viewedBrowsersCol p:first-child{
font-size: 15px;
}
.admin_overviewTableCol p:first-child{
font-size: 15px;
}
.admin_sesionByCitiesTableHeading p:first-child{
width: 35%;
}
.admin_sesionByCities{
height: 749px;
}
}
@media (min-width: 1820px) {
.admin_topCitiesContainer{
height: 290px;
}
.admin_mainContainer {
max-width: 100%;
}
.admin_adminContainer{
max-width: 1780px;
}
.admin_graphReports{
width: 49%;
}
.admin_reffersContainer{
width: 50%;
}
.admin_compaintagsContainer{
width: 50%;
}
.admin_tabContainer{
width: 11%;
margin: 0 0 15px 1%;
}
.admin_carouselContainer{
width: 77%;
margin: 0 0 15px 1%;
}
.admin_daterangeContainer{
width: 20%;
margin: 0 0 15px 1%;
}
.admin_deviceSelction{
width: 7%;
margin: 0 0 15px 1%;
}
.admin_colForMob .admin_reffersTableCol{
min-width: 20%;
display: block;
float: left;
}
.admin_overviewColMob .admin_overviewTableCol{
display: block;
float: left;
}
.admin_colForMob{
width: calc(100% - 120px);
}
.admin_overviewColMob{
max-width: 626px;
width: auto;
overflow-x: unset;
}
.admin_reffersTableCol {
width: 132px;
}
.admin_reffersTableCol:first-child {
width: 310px;
}
.admin_compaignTableCol {
width: 132px;
}
.admin_compaignTableCol:first-child {
width: 310px;
}
.admin_viewedDevicesCol{
width: 24%;
}
.admin_viewedDevicesCol:first-child{
width:75%;
}
.admin_vieadmin_viewedBrowsersColwedDevicesCol:first-child {
width: 250px;
}
.admin_tabs li span{
font-size: 16px;
}
.admin_deviceRighttCol span {
padding: 69px 0 0 0;
font-size: 15px;
}
.admin_sesionByCitiesTableHeading p{
min-width: 32.5%;
}
}
.jspContainer
{
overflow: hidden;
position: relative;
}
.jspPane
{
position: absolute;
}
.jspVerticalBar{
background : #fffff;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 6px;
}
.jspVerticalBar .jspDrag{
min-height: 30px;
}
.jspHorizontalBar
{
background: #ffffff;
bottom: 0;
height: 6px;
left: 0;
position: absolute;
width: 100%;
z-index: 2;
}
.jspCap
{
display: none;
}
.jspHorizontalBar .jspCap
{
float: left;
}
.jspTrack
{
background-color: #ecf4fb;
cursor: pointer;
position: relative;
}
.jspDrag
{
background: #54a9d6;
cursor: pointer;
left: 0;
position: relative;
top: 0;
border-radius: 12px;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
float: left;
height: 100%;
}
.jspArrow
{
background: #50506d;
cursor: pointer;
direction: ltr;
display: block;
margin: 0;
padding: 0;
text-indent: -20000px;
}
.jspDisabled
{
background: #80808d;
cursor: default;
}
.jspVerticalBar .jspArrow
{
height: 16px;
}
.jspHorizontalBar .jspArrow
{
float: left;
height: 100%;
width: 16px;
}
.jspVerticalBar .jspArrow:focus
{
border: 1px solid red;
outline: none;
}
.jspCorner
{
background: #eeeef4;
float: left;
height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
margin: 0 -3px 0 0;
}
.admin_colForMob .jspPane{
display: flex;
}
.admin_overviewColMob .jspPane{
display: flex;
}
/*------------------New Added---------------------*/
.admin_resultsColCommon,.admin_resultContainer{
position: relative;
/* transition: 0.3s; */
}
.admin_expandColumnicon{
position: absolute;
top: 0;
right: 0;
background: #fbaf14;
padding: 13px;
color: #fff;
cursor: pointer;
z-index: 1;
}
.fa-expand,.fa-compress{
width:16px;
height: 16px;
}
.admin_resultsColCommon .fa-expand{
background:url(../images/expand.png) no-repeat center center;
}
.admin_resultsColCommon .fa-compress{
background:url(../images/compress.png) no-repeat center center;
}
.admin_expandDiv{
width: 98%;
/* height: 650px; */
position: absolute;
top:-10px;
left: 0;
right:0;
margin: 0 auto;
z-index: 9;
display: block !important;
border:10px solid #e6e6e8;
transition: 0.2s;
}
/* .admin_hiddeColumn{
display: none;
} */
/****footer*****/
.admin_footerContainer p{
text-align: center;
font-family: 'mulisemibold';
color: #3f3f3f;
font-size: 11px;
text-transform: uppercase;
padding: 10px 0 25px 0;
}
.admin_resultsColCommon ::-webkit-scrollbar {
width: 5px;
height: 5px;
}
.admin_resultsColCommon ::-webkit-scrollbar-track {
background: #a0d6f2;
}
.admin_resultsColCommon ::-webkit-scrollbar-thumb {
background: #54a8d4;
}
@media only screen and (max-width : 768px) {
.admin_expandColumnicon{
display: none !important;
}
}
#admin_showtimesTab{
display: none;
}
.admin_deviceSelction{
display: none !important;
}
#admin_IEdetect{
display: none;
position: fixed; z-index: 999999; text-align: center; left: 0; top: 0; width: 100%; height: 100%; background: #000 no-repeat; color: #fff;
}
#admin_IEdetect p{
margin-top:25%; font-size:26px;
}
.admin_headerSticky{
position: fixed;
top: 0px;
left: 0px;
width:100%;
z-index: 9;
border-bottom: solid 1px #E6E6E6;
}
.admin_headerSpace{
height: 86px;
display: none;
width: 100%;
}
.admin_moreCitiesBtn{
display: inline-block;
float: right;
margin-top: 8px;
text-transform: uppercase;
padding: 8px 20px;
text-align: center;
border-radius: 10px;
cursor: pointer;
font-family: 'mulibold';
font-size: 15px;
background: linear-gradient(#FFC20F,#F89D1B);
color: #ffffff;
text-shadow: 1px 1px #909090;
cursor: pointer;
}
.admin_moreCitiesBtn.admin_moredisaleBtn{
opacity: 0.3;
pointer-events: none;
cursor: none;
}
.admin_moreTheatersBtn{
display: inline-block;
float: right;
margin-top: 8px;
text-transform: uppercase;
padding: 8px 20px;
text-align: center;
border-radius: 10px;
cursor: pointer;
font-family: 'mulibold';
font-size: 15px;
background: linear-gradient(#FFC20F,#F89D1B);
color: #ffffff;
text-shadow: 1px 1px #909090;
}
.admin_moreTheatersBtn.admin_moredisaleBtn{
opacity: 0.3;
pointer-events: none;
}
.admin_expandDiv .admin_moreCitiesBtn, .admin_expandDiv .admin_moreTheatersBtn{
display: none;
}
span.country_flagOuter {
display: inline-block;
height: 19px;
float: left;
}