﻿.zabuto_calendar th, .zabuto_calendar td {text-align:center}
.zabuto_calendar td:hover {background-color:#eee; cursor:pointer;}
.has-event {}
.zabuto_calendar table tr td { padding: 0px; }
.day { padding: 8px; }
.has-event:after {content:" "; display:block; text-align:center; height:2px; background-color:red; margin:0px auto; width:5px}
.has-event.has1:after {width:40%}
.has-event.has2:after {width:60%}
.has-event.has3:after {width:80%}
div.past {opacity:.4}
span i {cursor:pointer}
.day { text-align: center; }
.calendar-month-header th { text-align: center; }
.calendar-month-navigation { color: #000000; }


.row { margin: 0; }

.webinars {border:1px solid #d7d7d7; padding-left:0px; margin-left:0px}
.webinars li {font-size:14px; padding:8px; text-align:left; list-style-type:none; color:#000}
.webinars .date strong {font-weight:bold; font-size:25px; display:block; line-height:21px; }
.webinars p em {display:block; font-size:11px; font-style:normal}
.webinars li:nth-child(2n+1) {
	background-color: #eee;
}
.webinars li:after, .card-header:after {content:""; clear:both; display:table;}

.btn { border-radius:0px; }

.company-row > div {border:1px solid #ccc; margin-bottom:10px; margin-top:10px}

.mem-actions .btn {width:auto; padding-left:25px; padding-right:25px; border-color:transparent; text-transform: uppercase; color:#fff; }
.mem-actions .btn:last-child {margin-left:8px; background-color: #428bca}
.options {padding:5px}
.options span { padding:0; background-color:transparent; float:left }

.options span a {
	background:#033e60;
    color: #fff;
    display: block;
    margin-right: 10px;
	margin-bottom:10px;
    padding: 10px;
    text-align: center;
    white-space: nowrap;
}
.card-header{background-color:#eee; padding:8px; margin-bottom:10px}

.member-card .card {border:1px solid #eee; border-bottom-width:3px; padding:10px; min-height:110px; margin-bottom:10px}
.member-card .card div div div, .card em {color:#878787}
.member-card .card {padding:0px; padding-bottom:15px}
.member-card .card h4 {font-size:14px; padding:8px 10px; background:#eee; margin-bottom:10px; margin-top:0px}

.company-inner .col-co span {line-height:32px}

.mem-details > div:after {content:""; display:table; clear:both; float:none}
.mem-details span {float:right; width:50%;}



.member-card .card.cardAXUG {
    border-top: 3px solid #033e60;
	border-bottom:1px solid #eee;
}
.member-card .card.cardCRMUG {
    border-top: 3px solid #d10003;
	border-bottom:1px solid #eee;
}
.member-card .card.cardDPC {
    border-top: 3px solid #f15b28;
	border-bottom:1px solid #eee;
}
.member-card .card.cardNAVUG {
    border-top: 3px solid #057cc1;
	border-bottom:1px solid #eee;
}
.member-card .card.cardGPUG {
    border-top: 3px solid #f3bb20;
	border-bottom:1px solid #eee;
}

/*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
.mem-actions {text-align:right}
.options span {width:25%;}
.options {padding:20px 20px 10px 20px}
.member-card .col-md-5 {width:50%; float:left}
.company-inner {margin-right:15px; margin-left:15px}
.company-row .col-btn {padding-right:0px}
 
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
.member-card {margin:20px auto; max-width:95%}

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }



    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
.mem-actions {padding-bottom: 10px}
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }