You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

792 lines
13 KiB

@media (max-width: 321px) {
.rsbtn {
font-size: 12px!important;
padding: 5px 5px!important;
}
}
.x_panel {
position: relative;
width: 100%;
margin-bottom: 10px;
padding: 10px 17px;
display: inline-block;
background: #fff;
border: 1px solid #E6E9ED;
opacity: 1;
transition: all .2s ease;
}
.tile_count {
color:#73879C;
margin-bottom:20px;
margin-top:20px
}
.tile_count .tile_stats_count {
border-bottom:1px solid #D9DEE4;
padding:0 10px 0 20px;
text-overflow:ellipsis;
overflow:hidden;
position:relative;
}
@media (min-width: 992px){
.tile_count .tile_stats_count{
margin-bottom:10px;
border-bottom:0;
padding-bottom:10px;
}
}
.tile_count .tile_stats_count:before{
content:"";
position:absolute;
left:0;
height:70px;
border-left:2px solid #ADB2B5;
margin-top:10px
}
@media (min-width: 992px) {
.tile_count .tile_stats_count:first-child:before{
border-left:0
}
}
.tile_count .tile_stats_count .count {
font-size:30px;
line-height:47px;
font-weight:600;
}
@media (min-width: 768px) {
.tile_count .tile_stats_count .count {
font-size:40px;
}
}
@media (min-width: 992px) and (max-width: 1100px) {
.tile_count .tile_stats_count .count {
font-size:30px;
}
}
.tile_count .tile_stats_count span {
font-size:12px;
}
@media (min-width: 768px){
.tile_count .tile_stats_count span {
font-size:13px;
}
}
.tile_count .tile_stats_count .count_bottom i {
width:12px;
}
.green {
color: #1ABB9C;
}
.red {
color: #E74C3C;
}
.title-big {
margin-top: 5px;
margin-bottom: 5px;
}
.tile {
overflow: hidden;
}
.fixed_height_320 {
height: 320px;
}
.tiles {
border-top: 1px solid #ccc;
margin-top: 15px;
padding-top: 5px;
margin-bottom: 0;
}
.t_bottom {
color: #73879C;
}
.t_top {
font-weight: 600;
font-size: 25px;
color: #34495e;
}
.n-padding {
padding-right: 0px;
}
.t-img {
margin-right: 5px;
margin-bottom: 5px;
width: 20px;
}
.visitor-chart {
width:100%;
height:250px;
margin-top:-12px;
}
.db-datepicker {
background: #fff;
cursor: pointer;
padding: 5px 10px;
border: 1px solid #ccc;
}
.BO_view .form-inline .form-control {
display: inline-block;
width: 30%;
}
.BO_view div.dataTables_wrapper div.dataTables_filter input {
margin-left: 0px;
margin-bottom: 5px;
}
@media (max-width: 767px) {
.title-big {
margin-bottom: 0px;
margin-top: 0px;
}
}
@media (min-width: 899px) and (max-width: 1137px) {
.search {
width: 40%;
margin-bottom: 5px;
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 839px) and (max-width: 898px) {
.search {
width: 65%;
float: right;
margin-bottom:5px;
padding-right: 0px
}
.add {
float: right;
margin-bottom: 5px;
}
}
@media (min-width: 768px) and (max-width: 838px) {
.search {
width: 60%;
float: right;
padding-right: 0px;
margin-bottom:5px;
}
.add {
float: right;
margin-bottom: 5px;
}
}
@media (min-width: 500px) and (max-width: 767px) {
.search {
width: 65%;
margin-bottom:5px;
text-align: right;
float: right;
padding-right: 0px;
padding-left: 0px;
}
.BO_view .form-inline .form-control {
display: inline-block;
width: 30%;
}
.add {
float: right;
margin-bottom: 5px;
}
}
@media (min-width: 385px) and (max-width: 499px) {
.search {
width: 100%;
margin-bottom: 5px;
text-align: right;
padding-left: 0px;
padding-right: 0px;
}
.BO_view .form-inline .form-control {
display: inline-block;
width: 32%;
}
.add {
float: right;
margin-bottom: 5px;
margin-top: -80px;
}
.BO_view .dataTables_wrapper .dataTables_length {
width: 100%;
}
}
@media (max-width: 384px) {
.search {
width: 100%;
padding: 0;
margin-bottom: 5px;
}
.add {
width: 100%;
}
.BO_view .form-inline .form-control {
width: 48%;
display: inline-block;
}
}
@media (min-width: 400px) and (max-width: 767px) {
.create {
float: right;
}
}
@media (min-width: 340px) and (max-width: 399px) {
.create {
margin-left: 90px;
}
}
@media (max-width: 339px) {
.create {
width: 100%;
}
}
@media (min-width: 462px) and (max-width: 532px) {
.sub .dataTables_wrapper .dataTables_filter label {
margin-left: 50px;
}
}
@media (min-width: 656px) and (max-width: 684px) {
.subscribe {
margin-left: 1px;
}
}
@media (min-width: 485px) {
.acct {
float: right;
}
}
@media (max-width: 484px) {
.acct {
margin-left: 0px!important;
}
.admin_city .dataTables_wrapper .dataTables_filter input {
margin-left: 0.5em;
display: inline-block;
width: 60%;
}
}
@media (min-width: 508px) {
.evt {
float: right;
}
}
@media (max-width: 507px) {
.evt {
margin-left: 0px!important;
}
.admin_evt .dataTables_wrapper .dataTables_filter input {
margin-left: 0.5em;
display: inline-block;
width: 50%;
}
}
@media (min-width: 885px) and (max-width: 899px) {
.r_tiles3 {
width: 53%;
}
}
@media (min-width: 768px) and (max-width: 901px) {
.r_tiles2 {
width: 45%;
}
}
@media (min-width: 452px) and (max-width: 597px) {
.r_tiles2 {
width: 49%;
}
}
@media (min-width: 436px) and (max-width: 451px) {
.r_tiles2 {
width: 52%;
}
}
@media (min-width: 416px) and (max-width: 419px) {
.r_tiles2 {
width: 75%;
}
}
@media (min-width: 368px) and (max-width: 387px) {
.r_tiles2 {
width: 60%;
}
}
@media (min-width: 366px) and (max-width: 367px) {
.r_tiles2 {
width: 59%;
}
}
@media (min-width: 346px) and (max-width: 365px) {
.r_tiles2 {
width: 60%;
}
}
@media (min-width: 335px) and (max-width: 345px) {
.r_tiles2 {
width: 64%;
}
}
@media (min-width: 325px) and (max-width: 334px) {
.r_tiles2 {
width: 67%;
}
}
@media (min-width: 318px) and (max-width: 324px) {
.r_tiles2 {
width: 70%;
}
}
@media (min-width: 301px) and (max-width: 317px) {
.r_tiles2 {
width: 72%;
}
}
@media (min-width: 287px) and (max-width: 300px) {
.r_tiles2 {
width: 77%;
}
}
@media (max-width: 286px) {
.r_tiles2 {
width: 82%;
}
.tile_count .tile_stats_count span {
font-size:12px;
word-break: break-all;
}
}
@media (min-width: 578px) and (max-width: 599px) {
.r_tiles3{
width: 90%;
}
}
@media (min-width: 320px) and (max-width: 419px) {
.r_tiles4{
width: 50%;
}
}
@media (min-width: 768px) {
.ext-out {
display: none!important;
}
}
.signin {
width: 155px;
vertical-align: middle;
padding: 10px 15px;
background: #f7991c;
margin-bottom: 10px;
display: none;
}
.g-btn {
font-size: 13px;
font-weight: bold;
color: #fff;
}
.g-error {
display: none;
padding-top: 6px;
padding-bottom: 6px;
}
@media (min-width: 1200px) {
.col-pl {
padding: 0px;
}
}
@media (max-width: 319px) {
.pwd-bottom {
margin-bottom: 10px;
}
}
@media (max-width: 551px) and (min-width: 481px) {
.pwd-bottom {
margin-bottom: 10px;
}
}
@media (max-width: 1199px) and (min-width: 668px) {
.pwd-bottom {
margin-bottom: 10px;
}
}
#inline-btn .btn-success, .btn-danger, .btn-info {
color: #01364F;
background-color: #fff;
border-color: #fff;
}
#inline-btn .btn-success:hover, .btn-danger:hover, .btn-info:hover {
color: #fff;
background-color: #01364F;
border-color: #01364F;
}
#inline-btn .btn-success:focus, .btn-success:active, .btn-success:active:focus{
color: #fff;
background-color: #01364F;
border-color: #01364F;
}
.dt-pad {
padding-left: 0px;
padding-right: 0px;
}
@media (min-width: 445px) and (max-width: 767px) {
.sub div.dataTables_wrapper div.dataTables_filter {
text-align: right;
margin-left: 10px;
}
}
@media (min-width: 380px) and (max-width: 637px) {
.sub div.dataTables_wrapper div.dataTables_filter label {
font-weight: normal;
white-space: nowrap;
float: right;
text-align: right;
}
}
@media (min-width: 445px) and (max-width: 637px) {
.sub div.dataTables_wrapper div.dataTables_filter input {
margin-left: 0.5em;
display: inline-block;
width: 60%;
}
}
@media (min-width: 400px) and (max-width: 444px) {
.sub div.dataTables_wrapper div.dataTables_filter input {
margin-left: 0.5em;
display: inline-block;
width: 45%;
}
.subscribe {
float: right;
}
}
@media (min-width: 380px) and (max-width: 399px) {
.sub div.dataTables_wrapper div.dataTables_filter input {
margin-left: 0.5em;
display: inline-block;
width: 35%;
}
.subscribe {
float: right;
}
}
@media (max-width: 379px) {
.sub div.dataTables_wrapper div.dataTables_filter input {
margin-left: 0.5em;
display: inline-block;
width: 50%
}
.subscribe {
width: 100%;
}
.w_sub {
width: 100%;
}
}
@media (min-width: 380px) {
.sub div.dataTables_wrapper div.dataTables_filter label {
margin-left: 10px
}
.subscribe {
margin-left: 10px;
}
}
@media (min-width: 1045px) {
.my-modal-with-large .modal-dialog{
width:70%;
}
}
@media (max-width: 1044px) and (min-width: 866px) {
.my-modal-with-large .modal-dialog{
width:85%;
}
}
@media (max-width: 865px) {
.my-modal-with-large .modal-dialog{
width:95%;
}
}
@media (max-width: 374px) {
.btn-default {
margin-bottom: 5px;
}
}
.jn_top {
margin-top: -18px;
}
.upload-all-btn {
margin-top: -1px;
width: 100%;
height: 10px;
}
@media (max-width: 350px) {
.jn_top {
margin-top: 20px;
padding: 0px;
}
.span4 {
padding: 0px;
}
.upload-all-btn {
margin-top: 20px;
width: 100%;
height: 10px;
}
.r-padd {
padding-right: 10px;
}
}
.tn-wrap {
word-wrap: break-word;
}
@media (max-width: 419px) {
.x1-tile {
width: 68%;
}
.tile_count .tile_stats_count {
border-bottom:1px solid #D9DEE4;
padding:0 10px 0 10px;
text-overflow:ellipsis;
overflow:hidden;
position:relative;
}
}
.tile_img {
width: 20px;
}
.tile_img_reg {
width: 15px;
}
.login-bg{
background: url(<?=base_url('resources/images/bg-social.jpg')?>) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: auto;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
min-width: 50%;
min-height: 50%;
}
@media (min-width: 684px) and (max-width: 758px) {
.nav>li>a {
position: relative;
display: block;
padding: 10px 6px;
}
}
@media (max-width: 683px) {
.nav-tabs>li {
float: none;
margin-bottom: -1px;
}
}
/* Custom, iPhone Retina */
@media (min-width : 500px) {
#banner2{
margin-top: 50px;
background-position: center center;
background-size:cover;
width: 100%;
text-align: center;
padding-top:25%;
}
}
@media (max-width : 499px) and (min-width: 400px) {
#banner2{
margin-top: 50px;
background-position: center center;
background-size:cover;
width: 100%;
text-align: center;
padding-top:30%;
}
}
@media (max-width : 399px) {
#banner2{
margin-top: 50px;
background-position: center center;
background-size:cover;
width: 100%;
text-align: center;
padding-top:37%;
}
}
@media (max-width: 480px) {
#location_form button, #mail_form button, #email_form button, #telephone_form button, #mobile_form button {
width: 100%!important;
margin-top: 5px;
}
}
/*@media (max-width: 767px) and (min-width: 481px) {
.top-btn {
margin-top: -40px;
}
}*/
@media (max-device-width: 480px) {
.pagination>li>a {
font-size: 21px;
}
.pagination-lg>li>a, .pagination-lg>li>span {
padding: 10px 13px;
}
#register-event-title {
font-size: 18px;
line-height: 24px;
margin-top: 0;
}
.col-xs-6 {
width: 50%!important;
}
.set-preferences-box h2 {
font-family: TheAntiquaB-W6SemiBold;
font-size: 24px;
}
}
#location-container, #mail-container, #telephone-container, #mobile-container, #preferences-container{
float: right;
}
@media (min-width: 481px) and (max-width: 767px) {
.profile-box .col-xs-18 {
width: 30%
}
}
@media (max-width: 287px) {
.btn-default-style2 {
margin-bottom: 5px !important;
}
}
.daterangepicker select.yearselect, .daterangepicker select.monthselect { color: black; }
.daterangepicker.show-calendar .applyBtn {
display: inline-block;
}
.daterangepicker .applyBtn {
display: none;
}