.info-hub-modal-dialog {
  max-width: 800px;
  margin: 30px auto;
}

.info-hub-modal-body {
  position: relative;
  padding: 0px;
}
.info-hub-close {
  position: absolute;
  right: -30px;
  top: 0;
  z-index: 999;
  font-size: 2rem;
  font-weight: normal;
  color: #fff;
  opacity: 1;
}




#PayPalProgress_Approval,#PayPalProgress_Cancel {
        width: 100%;
        background-color: white;
        padding-left:0px;
padding-right:0px;
    }

#PayPalProgressBar_Approval,#PayPalProgressBar_Cancel {
        width: 1%;
        height: 30px;
        background-color: #428bca;
        text-align: center;
        line-height: 30px;
        color: white;
    }
.paypal-loader {
    border: 5px solid #f3f3f3;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-top: 5px solid #555;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin:0 auto;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Online Login form */


@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   .ie11{font-size:20px;}
}


#a {cursor:pointer;}

.login-wrapper {    
margin-top: 0px;
margin-bottom: 20px;
padding: 0px 70px;

}


.form-signin {
  max-width: 600px;
  padding: 60px 0px;

  margin: 0 auto;
  background-color: white;
  border: 1px dotted rgba(0,0,0,0.0);  
  }

.form-signin-heading {
  text-align:center;
  margin-bottom: 20px;
  font-size:20px;
  color:#00a4e4;
}


.form-signin-paragraph {
  text-align:left;
  margin-bottom: 20px; 
  font-size: 12px; 
  color: #666; 
  line-height:1.5;
}


.form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
}

.login-wrapper input {
  margin-bottom: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

input[type="password"] {
  margin-bottom: 20px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}


.colorgraph {
  height: 7px;
  border-top: 0;
  background: #c4e17f;
  margin-bottom: 0px;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}

.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}


.btn-sm{
  padding: 10px 15px;
  font-size: 12px;
  border-radius: 1px;
}

@media only screen and (max-width: 992px) {
.login-wrapper {    
margin-top: 0px;
margin-bottom: 20px;
padding: 0px 20px;

}

.form-signin {
  max-width: 600px;
  padding: 60px 0px;
  margin: 0 auto;
  background-color: white;
  border: 1px dotted rgba(0,0,0,0.0);  
  }

}

@media only screen and (max-width: 992px) {

.login{
margin-bottom:10px;
}

}

.login-wrapper p { padding: 0 0 10px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 12px; color: #666; }
.login-wrapper p a { text-decoration: underline; color: #666; }
.login-wrapper p a:hover { text-decoration: none; }

.login-wrapper h1 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 24px; color: #333; }

.login-wrapper h2 { margin: 0 0 10px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 18px; color: #00a4e4; }

.login-wrapper h3 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 22px; color: #00a4e4; }

.login-wrapper h4 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 18px; color: #00a4e4; }


/* Online Header navigation */

.header1-login-btn{
  padding: 8px 10px;
  font-size: 12px;
  border-radius: 1px;
}

.header-nav a {color:black; text-decoration:none;}
.header-nav a:hover {color: #00a4e4;}



.header-nav:hover {
color:#337ab7;
text-decoration:none;
}


/* Online My Dashboard */


.navbar-nav {
background-color:white !important;
border:1px solid #e1e1e1 !important; 
padding:5px !important;
}

.navbar-nav>li>a {cursor:pointer;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: white !important;
    background-color: #428bca !important;
}

.navbar-default .navbar-nav>li>a {
    color: black !important;
}


.dashboard-top {
padding:0 20px !important;
background-color:#f7f7f7 !important;
}


.dashboard {
    background-color: white !important;
    border: 1px solid #e1e1e1 !important;
    min-height: 300px !important;
    padding: 20px !important;
    font-family: "Raleway", Arial, Helvetica, sans-serif !important; 
    font-weight: normal !important; 
    color: #333 !important;;}

.dashboard p { padding: 0 0 10px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 13px; color: #666; }
.dashboard p a { text-decoration: underline; color: #666; }
.dashboard p a:hover { text-decoration: none; }

.dashboard h1 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 24px; color: #333; }

.dashboard h2 { margin: 0 0 10px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 18px; color: #00a4e4; }

.dashboard h3 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 20px; color: #00a4e4; }

.dashboard h4 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 18px; color: #00a4e4; }


.btn-cpd{
border-radius: 1px !important;
padding:8px 10px !important;}

.input-sm {border-radius: 1px;}


.online-cpd-dashboard-table {
    margin-top:0px;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    border: 1px solid #dddddd !important;
    border-top: 0px solid #dddddd !important;
    font-size: 12px !important;
}


.online-cpd-dashboard-table tr td {
    text-align:left;
    border:0px solid #dbdbdb;
    vertical-align:middle !important;
    height:40px;
    widthx:50%;}


.cpd-wizard-txt-box {
    background-color: #fafafa !important;
    border: 1px solid #dbdbdb !important;
    height: 40px !important;
    padding: 4px 5px !important;
    border-radius: 0 !important;
    width:100%;}

.cpd-wizard-txt-area {
    background-color: #fafafa !important;
    border: 1px solid #dbdbdb !important;
    padding: 4px 5px !important;
    border-radius: 0 !important;
    width:100%;
    color: #767676;}
	
	
	
.online-cpd-plan-dashboard-table {
    margin-top:0px;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    border: 1px solid #dddddd !important;
    border-top: 0px solid #dddddd !important;
    font-size: 12px !important;
}


.online-cpd-plan-dashboard-table tr td {
    text-align:left;
    border:0px solid #dbdbdb;
    vertical-align:middle !important;
    height:40px;
    widthx:50%;}


.cpd-plan-wizard-txt-box {
    background-color: #fafafa !important;
    border: 1px solid #dbdbdb !important;
    height: 40px !important;
    padding: 4px 5px !important;
    border-radius: 0 !important;
    width:100%;}

.cpd-plan-wizard-txt-area {
    background-color: #fafafa !important;
    border: 1px solid #dbdbdb !important;
    padding: 4px 5px !important;
    border-radius: 0 !important;
    width:100%;}


.online-settings-dashboard-table {
    margin-top:0px;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    border: 1px solid #dddddd !important;
    border-top: 0px solid #dddddd !important;
    font-size: 13px !important;
}


.online-settings-dashboard-table tr td {
    text-align:left;
    border:0px solid #dbdbdb;
    vertical-align:middle !important;
    height:25px !important;
    width:50% !important;}

.settings-pass {
  margin-bottom: 0px !important;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}




.awards {
padding:0px;
background-color:#f7f7f7;
margin:0px;}

.awards-inner_left {
    background: white;
    border: 1px solid #e1e1e1;
    min-height: 500px;
    padding:30px;
}

.awards-inner_right {
    background: #f7f7f7;
    border: 0px solid #e1e1e1;
    padding:30px 0;
}


.awards-inner_left p { padding: 0 0 10px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 13px; color: #666; }
.awards-inner_left p a { text-decoration: underline; color: #666; }
.awards-inner_left p a:hover { text-decoration: none; }

.awards-inner_left h2 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 28px; color: #333; }

.awards-inner_left h3 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 20px; color: #00a4e4; }

.awards-inner_left h4 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 18px; color: #00a4e4; }

.awards-inner_left ul { margin: 0 0 0 0; list-style-type: square; }
.awards-inner_left ul li { padding: 0 0 10px 20px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 13px; color: #666; }
.awards-inner_left ul li a { color: #666; }
.awards-inner_left ul li a:hover { text-decoration: none; }

.awards-inner_right ul { margin: 0 0 30px 0px; padding:20px; padding-top:0px; }
.awards-inner_right ul li { list-style: none; border-bottom: 1px solid #e1e1e1; }
.awards-inner_right ul li a { display: block; padding: 8px 10px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; color: #333; text-decoration: none; }
.awards-inner_right ul li a.active { background: #00a4e4; color: #fff; }
.awards-inner_right ul li a.active:hover { color: #fff; }
.awards-inner_right ul li a:hover { color: #00a4e4; }
.awards-inner_right ul li.no_border { border-bottom: 0; }

.awards-inner_left img {
border:0;
float:right;
margin:0 0 20px 20px;
}

/* Button
-------------------------------------------------------------- */
.roll-button {
position: relative;
display: inline-block;
font-family: "Raleway", sans-serif;
font-size: 13px;
line-height: 24px;
font-weight: 700;
padding: 10px 25px;
color: #fff;
text-transform: none;
font-weight:normal;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
padding-top:12px;
padding-left:35px;
padding-right:35px;
padding-bottom:12px;
display: table;
margin: 30px auto 0;
clear: both;
}

.roll-button:hover {
background-color:transparent;
text-decoration:none;
background-color: #fff;
border: 1px solid #337ab7;
color: #337ab7;
}

.event-roll-button {
display: inline-block;
font-family: "Raleway", sans-serif;
font-size: 12px;
line-height: 24px;
font-weight: 700;
padding: 10px 20px;
color: #fff;
text-transform: none;
font-weight:normal;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
padding-top:12px;
padding-left:25px;
padding-right:25px;
padding-bottom:12px;
display: table;
margin: 30px auto 0;
clear: both;
}

.event-roll-button:hover {
background-color:transparent;
text-decoration:none;
background-color: #fff;
border: 1px solid #337ab7;
color: #337ab7;
}

.header-login-btn {
position: relative;
display: inline-block;
font-family: "Raleway", sans-serif;
font-size: 11px;
line-height: 24px;
padding: 5px 10px;
color: #fff;
text-transform: none;
font-weight:normal;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;

}

.header-login-btn:hover {
background-color:transparent;
text-decoration:none;
background-color: #fff;
border: 1px solid #337ab7;
color: #337ab7;

}

.header-register-btn {
position: relative;
display: inline-block;
font-family: "Raleway", sans-serif;
font-size: 12px;
line-height: 24px;
padding: 8px 10px;
color: #337ab7;
text-transform: none;
font-weight:normal;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
background-color:transparent;
border: 1px solid #337ab7;
}

.header-register-btn:hover {
background-color:#337ab7;
text-decoration:none;
border: 1px solid #337ab7;
color: #fff;
}

.btn-sm{
  padding: 10px 15px;
  font-size: 12px;
  border-radius: 1px;
}

.select.input-sm{
height: 50px;
line-height: 10px;
}


/* Events
-------------------*/

.inner_top {float:right;width:100%;margin-bottom:20px;text-align:right;}


.events-inner_left {
    background: white;
    border: 1px solid #e1e1e1;
    padding:30px;
    margin-top:10px;
}

.events-inner_left p { padding: 0 0 10px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 13px; color: #666; }
.events-inner_left p a { text-decoration: underline; color: #666; }
.events-inner_left p a:hover { text-decoration: none; }

.events-inner_left h2 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 22px; color: #333; }

.events-inner_left h3 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 18px; color: #00a4e4; }

.events-inner_left h4 { margin: 0 0 20px 5px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 16px; color: #333; }

.events-inner_left ul { margin: 0 0 0 0; list-style-type: square; }
.events-inner_left ul li { padding: 0 0 10px 20px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 13px; color: #666; }
.events-inner_left ul li a { color: #666; }
.events-inner_left ul li a:hover { text-decoration: none; }

.events-inner_left ol { margin: 0 0 0 0; list-style-type: decimal; }
.events-inner_left ol li { padding: 0 0 10px 20px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 13px; color: #666; }
.events-inner_left ol li a { color: #666; }
.events-inner_left ol li a:hover { text-decoration: none; }

.events-inner_left a:hover { text-decoration: none; cursor:pointer; }


@media only screen and (max-width: 768px) {
.events-inner_left {
    background: white;
    border: 1px solid #e1e1e1;
    min-height: 50px;
    padding:30px;
    margin-top:10px;
}

.events-inner_left p { padding: 0 0 10px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 13px; color: #666; }
.events-inner_left p a { text-decoration: underline; color: #666; }
.events-inner_left p a:hover { text-decoration: none; }

.events-inner_left h2 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 22px; color: #333; }

.events-inner_left h3 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 18px; color: #00a4e4; }

.events-inner_left h4 { margin: 0 0 20px 5px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 13px; color: #333; }

.events-inner_left ul { margin: 0 0 0 0; list-style-type: square; }
.events-inner_left ul li { padding: 0 0 10px 20px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 13px; color: #666; }
.events-inner_left ul li a { color: #666; }
.events-inner_left ul li a:hover { text-decoration: none; }

.events-inner_left ol { margin: 0 0 0 0; list-style-type: square; }
.events-inner_left ol li { padding: 0 0 10px 20px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 13px; color: #666; }
.events-inner_left ol li a { color: #666; }
.events-inner_left ol li a:hover { text-decoration: none; }

.events-inner_left a:hover { text-decoration: none; cursor:pointer; }
}



.events-inner_right {
    background: #f7f7f7;
    border: 0px solid #e1e1e1;
    min-height: 600px;
    padding:30px 0;
}



.events-inner_right h2 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 28px; color: #333; }

.events-inner_right h3 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 20px; color: #00a4e4; }

.events-inner_right h4 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 17px; color: #00a4e4; }


.events-inner_right ul { margin: 0 0 30px 0px; padding:20px; padding-top:0px; }
.events-inner_right ul li { list-style: none; border-bottom: 1px solid #e1e1e1; }
.events-inner_right ul li a { display: block; padding: 8px 10px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; color: #333; text-decoration: none; }
.events-inner_right ul li a.active { background: #00a4e4; color: #fff; }
.events-inner_right ul li a.active:hover { color: #fff; }
.events-inner_right ul li a:hover { color: #00a4e4; cursor:pointer; }
.events-inner_right ul li.no_border { border-bottom: 0; }

.events-inner_right ol { margin: 0 0 30px 0px; padding:20px; padding-top:0px; }
.events-inner_right ol li { list-style: none; border-bottom: 1px solid #e1e1e1; }
.events-inner_right ol li a { display: block; padding: 8px 10px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; color: #333; text-decoration: none; }
.events-inner_right ol li a.active { background: #00a4e4; color: #fff; }
.events-inner_right ol li a.active:hover { color: #fff; }
.events-inner_right ol li a:hover { color: #00a4e4; cursor:pointer; }
.events-inner_right ol li.no_border { border-bottom: 0; }


@media only screen and (max-width: 1200px) {
.events-inner_right {
    background: #f7f7f7;
    border: 0px solid #e1e1e1;
    min-height: 50px;
    padding:30px 0 0 10px;
}

.events-inner_right h2 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 28px; color: #333; }

.events-inner_right h3 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 20px; color: #00a4e4; }

.events-inner_right h4 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 17px; color: #00a4e4; }


.events-inner_right ul { margin: 0 0 30px 0px; padding:20px; padding-top:0px; }
.events-inner_right ul li { list-style: none; border-bottom: 1px solid #e1e1e1; }
.events-inner_right ul li a { display: block; padding: 8px 10px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; color: #333; text-decoration: none; }
.events-inner_right ul li a.active { background: #00a4e4; color: #fff; }
.events-inner_right ul li a.active:hover { color: #fff; }
.events-inner_right ul li a:hover { color: #00a4e4; cursor:pointer; }
.events-inner_right ul li.no_border { border-bottom: 0; }

.events-inner_right ol { margin: 0 0 30px 0px; padding:20px; padding-top:0px; }
.events-inner_right ol li { list-style: none; border-bottom: 1px solid #e1e1e1; }
.events-inner_right ol li a { display: block; padding: 8px 10px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; color: #333; text-decoration: none; }
.events-inner_right ol li a.active { background: #00a4e4; color: #fff; }
.events-inner_right ol li a.active:hover { color: #fff; }
.events-inner_right ol li a:hover { color: #00a4e4; cursor:pointer; }
.events-inner_right ol li.no_border { border-bottom: 0; }

}


.events-inner_wide {
    background: white;
    border: 1px solid #e1e1e1;
    min-height: 600px;
    padding:0px;
}


.events-inner_left input[type="text"] {
  margin-bottom:0px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  height:35px;
  font-size:11px;
  padding:5px;
}

.events-inner_left select {
  margin-bottom:0px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  height:35px;
  font-size:11px;
  padding:5px;
  
}


@media only screen and (max-width: 1200px) {
.filter{
margin-bottom:10px;
}
}

.btn-default{
border-radius: 1px;
padding:8px 10px;}

.btn-primary{
border-radius: 1px;
padding:8px 10px;}

.btn-danger{
border-radius: 1px;
padding:8px 10px;}

.btn-success{
border-radius: 1px;
padding:8px 10px;}

.btn-warning{
border-radius: 1px;
padding:8px 10px;}

.btn-info{
border-radius: 1px;
padding:8px 10px;}


/* Online Registration wizard */


.online_registration_landing-inner_wide {
    background-color: white;
    border: 1px solid #e1e1e1;
    min-height: 300px;
    padding:20px;
    margin-top:10px;
}


@media only screen and (max-width: 768px) {
.online_registration_landing-inner_wide {
    background-color: white;
    border: 1px solid #e1e1e1;
    min-height: 300px;
    padding:0px;
    padding-top:20px;
    margin-top:10px;
}
}


.online_registration_landing-inner_wide p { padding: 0 0 10px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 13px; color: #666; }
.online_registration_landing-inner_wide p a { text-decoration: underline; color: #666; }
.online_registration_landing-inner_wide p a:hover { text-decoration: none; }

.online_registration_landing-inner_wide h2 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 22px; color: #666; text-decoration: none; }

.online_registration_landing-inner_wide h3 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 18px; color: #00a4e4; }

.online_registration_landing-inner_wide h4 { margin: 0 0 20px 5px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 16px; color: #333; }

.online_registration_landing-inner_wide ul { margin: 0 0 0 0; list-style-type: square; }
.online_registration_landing-inner_wide ul li { padding: 0 0 10px 20px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 13px; color: #666; }
.online_registration_landing-inner_wide ul li a { text-decoration: underline; color: #666; }
.online_registration_landing-inner_wide ul li a:hover { text-decoration: none; }


.online_registration_landing-inner_wide application-list ul { margin: 0 0 0 0; list-style-type: none !important; }
.application-list ul { margin: 0 0 0 0; list-style-type: none !important; }
.application-list ul li { padding: 0 0 10px 20px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 13px; color: #666; font-weight:400 !important;}
.application-list li a { color: #666; font-weight:400 !important;}
.application-list ul li a:hover { text-decoration: none; }
.application-list label { font-weight:400 !important; }

.online_registration_landing-inner_wide a:hover { text-decoration: none; cursor:pointer; }


.btn-sm-wizard{
border-radius: 1px;
padding:10px 20px;
font-size: 12px;
}

.input-sm-wizard{
border-radius: 1px;
padding:10px 20px;
font-size: 12px;
}


.online_registration_landing-inner_wide panel {
border:solid 0px red;
}

.panel {
  padding: 0px;
  margin-bottom: 20px;
  background-color: white;
  border: 0px solid transparent;
}

.panel-body {
  min-height:150px;
border: 0px solid transparent;
}

.panel-heading {
    padding: 10px 15px;
    border: 0px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background-color: white;
}

.panel-footer {
    padding: 10px 15px;
    background-color: transparent;
    border: 0px solid #ddd;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;

}

.clear30 {
height:30px;
}

.outcome{
font-size:10px;}

.personal-info-table {
    margin-top:50px;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    border: 1px solid #dddddd !important;
    border-top: 0px solid #dddddd !important;
    font-size: 12px !important;
}

.online-application-table {
    margin-top:0px;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    border: 1px solid #dddddd !important;
    border-top: 0px solid #dddddd !important;
    font-size: 12px !important;
    background-color:#fff6f2;
}

.online-payment-preferences-table {
    margin-top:0px;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    border: 0px solid #dddddd !important;
    border-top: 0px solid #dddddd !important;
    font-size: 12px !important;
    width:50% !important;
}


.personal-info-table tr td {
    text-align:left;
    border:0px solid #dbdbdb;
    vertical-align:middle !important;
    height:50px;}

.online-application-table tr td {
    text-align:left;
    border:0px solid #dbdbdb;
    vertical-align:middle !important;
    height:50px;
    width:50%;}

.online-payment-preferences-table tr td {
    text-align:left;
    border:0px solid #dbdbdb !important;
    vertical-align:middle !important;
    height:60px;
    width:50%;}


.wizard-txt-box {
    background-color: #fafafa !important;
    border: 1px solid #dbdbdb !important;
    height: 40px !important;
    padding: 4px 5px !important;
    border-radius: 0 !important;
    width:75%;}

.txt-box-qualification {
    background-color: #fafafa !important;
    border: 1px solid #dbdbdb !important;
    height: 40px !important;
    padding: 4px 5px !important;
    border-radius: 0 !important;
    width:50%;}

@media only screen and (max-width: 768px) {

.wizard-txt-box {
    background-color: #fafafa !important;
    border: 1px solid #dbdbdb !important;
    height: 40px !important;
    padding: 4px 5px !important;
    border-radius: 0 !important;
    width:100%;}

.txt-box-qualification {
    background-color: #fafafa !important;
    border: 1px solid #dbdbdb !important;
    height: 40px !important;
    padding: 4px 5px !important;
    border-radius: 0 !important;
    width:100%;}

}

.select{width:25%;}

.select20{width:20%;}

.select35{width:35%;}

.select40{width:40%;}

.select50{width:50%;}

.select-date{width:25%;font-size:12px !important;}


@media only screen and (max-width: 768px) {
.select{width:100%;}

.select20{width:100%;}

.select35{width:100%;}

.select-date{width:100%;font-size:12px !important;}
}

.select-completed-date{width:75%;font-size:12px !important;}

.error{color:#6f0000 !important; font-size:11px !important;}

.mandatory{font-style:italicx; font-size:10px;}

.add_info{font-style:italic; font-size:11px;}


.wizard-txt-checkbox {
    border: 0;
    margin: 0 10px 0 0;
    position: relative;
    top: 3px;
    width: auto;
}

input[type=checkbox] {
    border: 0;
    margin: 0 10px 0 0;
    position: relative;
    top: 3px;
    width: auto;
}

.label {
    display: inline-block;
    margin: 0 0 5px 0;
    font-family: "officinasansitcmedium", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.4em;
    color: #333;
}

.wizard-txt-radio{
    border: 0;
    margin: 0 10px 0 0;
    position: relative;
    top: 3px;
    width: auto;
}

input[type="radio"] {
    border: 0;
    width: auto;
    margin: 0 10px 0 5px;
}


/* Book Event */


.online-book-event-table {
    margin-top:0px;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    border: 0px solid #dddddd !important;
    border-top: 0px solid #dddddd !important;
    font-size: 13px !important;
    background-color:white !important;
}


.online-book-event-table tr td {
    text-align:left;
    border:0px solid #dbdbdb;
    vertical-align:middle !important;
    border: 1px solid #dddddd !important;
    height:30px;}

.online-book-event-txt-box {
    background-color: #fafafa !important;
    border: 1px solid #dbdbdb !important;
    height: 40px !important;
    padding: 4px 5px !important;
    border-radius: 0 !important;
    width:100%;}

.online-book-event-select{width:100% !important;}




.online-book-event-attendees-table {
    margin-top:0px;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    border: 1px solid #dddddd !important;
    border-top: 1px solid #dddddd !important;
    font-size: 13px !important;
    background-color:white !important;
}


.online-book-event-attendees-table tr td {
    text-align:left;
    border:0px solid #dbdbdb;
    vertical-align:middle !important;
    border: 0px solid #dddddd !important;
    height:20px;}

.online-book-event-attendees-table th {
    font-size: 11px !important;}



.book-event-inner_right {
    background: white;
    border: 1px solid #e1e1e1;
    min-height: 500px;
    padding:30px;
    margin-top:10px;
}

.book-event-inner_right label {
    display: inline-block;
    margin: 0 0 5px 0;
    font-family: "Raleway", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 13px;
    color: #333;
}

.book-event-inner_right p { padding: 0 0 10px 5px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 13px; color: #666; }
.book-event-inner_right p a { text-decoration: underline; color: #666; }
.book-event-inner_right p a:hover { text-decoration: none; }

.book-event-inner_right h2 { margin: 0 0 20px 5px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 22px; color: #333; }

.book-event-inner_right h3 { margin: 0 0 20px 5px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 20px; color: #00a4e4; }

.book-event-inner_right h4 { margin: 0 0 20px 5px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 16px; color: #333; }

.book-event-inner_right ul { margin: 0 0 0 0; list-style-type: square; }
.book-event-inner_right ul li { padding: 0 0 10px 20px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 13px; color: #666; }
.book-event-inner_right ul li a { color: #666; }
.book-event-inner_right ul li a:hover { text-decoration: none; }

.book-event-inner_right a:hover { text-decoration: none; cursor:pointer; }


@media only screen and (max-width: 768px) {
.book-event-inner_right {
    background: white;
    border: 1px solid #e1e1e1;
    min-height: 50px;
    padding:30px;
    margin-top:10px;
}

.book-event-inner_right p { padding: 0 0 10px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 13px; color: #666; }
.book-event-inner_right p a { text-decoration: underline; color: #666; }
.book-event-inner_right p a:hover { text-decoration: none; }

.book-event-inner_right h2 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 22px; color: #333; }

.book-event-inner_right h3 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 18px; color: #00a4e4; }

.book-event-inner_right h4 { margin: 0 0 20px 5px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 13px; color: #333; }

.book-event-inner_right ul { margin: 0 0 0 0; list-style-type: square; }
.book-event-inner_right ul li { padding: 0 0 10px 20px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 13px; color: #666; }
.book-event-inner_right ul li a { color: #666; }
.book-event-inner_right ul li a:hover { text-decoration: none; }

.book-event-inner_right a:hover { text-decoration: none; cursor:pointer; }
}

.book-event-inner_left {
    background: #f7f7f7;
    border: 0px solid #e1e1e1;
    min-height: 600px;
    padding:30px 0;
}



.book-event-inner_left h2 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 28px; color: #333; }

.book-event-inner_left h3 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 20px; color: #00a4e4; }

.book-event-inner_left h4 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 17px; color: #00a4e4; }


.book-event-inner_left ul { margin: 0 0 30px 0px; padding:20px; padding-top:0px; }
.book-event-inner_left ul li { list-style: none; border-bottom: 1px solid #e1e1e1; }
.book-event-inner_left ul li a { display: block; padding: 8px 10px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; color: #333; text-decoration: none; }
.book-event-inner_left ul li a.active { background: #00a4e4; color: #fff; }
.book-event-inner_left ul li a.active:hover { color: #fff; }
.book-event-inner_left ul li a:hover { color: #00a4e4; cursor:pointer; }
.book-event-inner_left ul li.no_border { border-bottom: 0; }


@media only screen and (max-width: 1200px) {
.book-event-inner_left {
    background: #f7f7f7;
    border: 0px solid #e1e1e1;
    min-height: 50px;
    padding:30px 0 0 10px;
}

.book-event-inner_left h2 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 28px; color: #333; }

.book-event-inner_left h3 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 20px; color: #00a4e4; }

.book-event-inner_left h4 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 17px; color: #00a4e4; }


.book-event-inner_left ul { margin: 0 0 30px 0px; padding:20px; padding-top:0px; }
.book-event-inner_left ul li { list-style: none; border-bottom: 1px solid #e1e1e1; }
.book-event-inner_left ul li a { display: block; padding: 8px 10px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; color: #333; text-decoration: none; }
.book-event-inner_left ul li a.active { background: #00a4e4; color: #fff; }
.book-event-inner_left ul li a.active:hover { color: #fff; }
.book-event-inner_left ul li a:hover { color: #00a4e4; cursor:pointer; }
.book-event-inner_left ul li.no_border { border-bottom: 0; }

}

/* Events Book Register */

.book-event-inner_wide {
    background: white;
    border: 1px solid #e1e1e1;
    min-height: 500px;
    padding:30px 60px;
    margin-top:10px;
}

.book-event-inner_wide label {
    display: inline-block;
    margin: 0 0 5px 0;
    font-family: "Raleway", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 13px;
    color: #333;
}

.book-event-inner_wide p { padding: 0 0 10px 5px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 13px; color: #666; }
.book-event-inner_wide p a { text-decoration: underline; color: #666; }
.book-event-inner_wide p a:hover { text-decoration: none; }

.book-event-inner_wide h2 { margin: 0 0 20px 5px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 22px; color: #333; }

.book-event-inner_wide h3 { margin: 0 0 20px 5px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 20px; color: #00a4e4; }

.book-event-inner_wide h4 { margin: 0 0 20px 5px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 16px; color: #333; }

.book-event-inner_wide ul { margin: 0 0 0 0; list-style-type: square; }
.book-event-inner_wide ul li { padding: 0 0 10px 20px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 13px; color: #666; }
.book-event-inner_wide ul li a { color: #666; }
.book-event-inner_wide ul li a:hover { text-decoration: none; }

.book-event-inner_wide a:hover { text-decoration: none; cursor:pointer; }


@media only screen and (max-width: 768px) {
.book-event-inner_wide {
    background: white;
    border: 1px solid #e1e1e1;
    min-height: 50px;
    padding:30px;
    margin-top:10px;
}

.book-event-inner_wide p { padding: 0 0 10px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 13px; color: #666; }
.book-event-inner_wide p a { text-decoration: underline; color: #666; }
.book-event-inner_wide p a:hover { text-decoration: none; }

.book-event-inner_wide h2 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 22px; color: #333; }

.book-event-inner_wide h3 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 18px; color: #00a4e4; }

.book-event-inner_wide h4 { margin: 0 0 20px 5px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 13px; color: #333; }

.book-event-inner_wide ul { margin: 0 0 0 0; list-style-type: square; }
.book-event-inner_wide ul li { padding: 0 0 10px 20px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 13px; color: #666; }
.book-event-inner_wide ul li a { color: #666; }
.book-event-inner_wide ul li a:hover { text-decoration: none; }

.book-event-inner_wide a:hover { text-decoration: none; cursor:pointer; }
}

.book-event-inner_wide select45 {width:45%;}



/* Message Board */

.messageboard-dashboard-table {
    margin-top:0px;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    border: 1px solid #dddddd !important;
    border-top: 0px solid #dddddd !important;
    font-size: 12px !important;
}


.messageboard-dashboard-table tr td {
    text-align:left;
    border:0px solid #dbdbdb;
    vertical-align:middle !important;
    height:40px;
    widthx:50%;}


.messageboard-wizard-txt-box {
    background-color: #fafafa !important;
    border: 1px solid #dbdbdb !important;
    height: 40px !important;
    padding: 4px 5px !important;
    border-radius: 0 !important;
    width:100%;}

.messageboard-wizard-txt-area {
    background-color: #fafafa !important;
    border: 1px solid #dbdbdb !important;
    padding: 4px 5px !important;
    border-radius: 0 !important;
    width:100%;
    color: #767676;}

.messageboard-wizard-txt-select {
    background-color: #fafafa !important;
    border: 1px solid #dbdbdb !important;
    padding: 4px 5px !important;
    border-radius: 0 !important;
    height: 40px !important;
    width:50%;
    color: #767676;}

.ui-datepicker-trigger {
    position: relative;
    /* left: -70px; */
    top: -20px;
    cursor: pointer;
    float: right;
}

.filter-downloads input[type="text"] {
  margin-bottom:0px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  height:35px;
  font-size:11px;
  padding:5px;
}

.filter-downloads select {
  margin-bottom:0px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  height:35px;
  font-size:11px;
  padding:5px;
  
}

/* Media Center */

.media-center {
padding:0px;
background-color:#f7f7f7;
margin:0px;}

.media-center-inner_right {
    background: white;
    border: 1px solid #e1e1e1;
    min-height: 500px;
    padding:30px;
}

.media-center-inner_left {
    background: #f7f7f7;
    border: 0px solid #e1e1e1;
    padding:30px 0;
    min-height: 500px;
}


.media-center-inner_right p { padding: 0 0 10px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 13px; color: #666; }
.media-center-inner_right p a { text-decoration: underline; color: #666; }
.media-center-inner_right p a:hover { text-decoration: none; }

.media-center-inner_right h2 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 28px; color: #333; }

.media-center-inner_right h3 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 20px; color: #00a4e4; }

.media-center-inner_right h4 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 18px; color: #00a4e4; }

.media-center-inner_right ul { margin: 0 0 0 0; list-style-type: square; }
.media-center-inner_right ul li { padding: 0 0 10px 20px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 13px; color: #666; }
.media-center-inner_right ul li a { color: #666; }
.media-center-inner_right ul li a:hover { text-decoration: none; }

.media-center-inner_left ul { margin: 0 0 30px 0px; padding:20px; padding-top:0px; }
.media-center-inner_left ul li { list-style: none; border-bottom: 1px solid #e1e1e1; }
.media-center-inner_left ul li a { display: block; padding: 8px 10px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; color: #333; text-decoration: none; }
.media-center-inner_left ul li a.active { background: #00a4e4; color: #fff; }
.media-center-inner_left ul li a.active:hover { color: #fff; }
.media-center-inner_left ul li a:hover { color: #00a4e4; }
.media-center-inner_left ul li.no_border { border-bottom: 0; }

.media-center-inner_left p { padding: 0 0 10px 25px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 12px; color: #666; }
.media-center-inner_left p a { text-decoration: underline; color: #666; }
.media-center-inner_left p a:hover { text-decoration: none; }

.ui-datepicker-month, .ui-datepicker-year {
	padding:0 8px !important;
	font-size:12px !important;
}


.media-center-documents-inner_right {
    background: white;
    border: 1px solid #e1e1e1;
    min-height: 500px;
    padding:30px;
}

.media-center-documents-table {
    margin-top:0px;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    border: 0px solid #dddddd !important;
    border-top: 0px solid #dddddd !important;
    font-size: 12px !important;
}


.media-center-documents-table tr td {
    text-align:left;
    border:0px solid #dbdbdb;
    vertical-align:middle !important;
    height:30px;
    word-wrap: break-word !important;
    white-space: normal !important;
    border-bottom:1px solid #dbdbdb;
}


.media-center-documents-inner_right p { padding: 0 0 0 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 15px; color: #666; }
.media-center-documents-inner_right p a { text-decoration: none; color: #666; }
.media-center-documents-inner_right p a:hover { text-decoration: underline; cursor:pointer; }

.media-center-documents-inner_right h2 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 28px; color: #333; }

.media-center-documents-inner_right h3 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 20px; color: #00a4e4; }

.media-center-documents-inner_right h4 { margin: 5 0 10px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; color: #00a4e4; }

.media-center-documents-inner_right select {
  margin-bottom:20px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  height:35px;
  font-size:11px;
  padding:5px;
  
}


.docs {border-bottom:1px solid #e1e1e1; margin-top:15px;}



/* Volunteer List */

.volunteer-list-dashboard-table {
    margin-top:0px;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    border: 1px solid #dddddd !important;
    border-top: 0px solid #dddddd !important;
    font-size: 12px !important;
}


.volunteer-list-dashboard-table tr td {
    text-align:left;
    border:1px solid #dbdbdb;
    vertical-align:middle !important;
    height:30px;
    word-wrap: break-word !important;
    white-space: normal !important;
}


.volunteer-list-dashboard-table th {
    text-align:left;
    border:1px solid #dbdbdb;
    vertical-align:middle !important;
    height:30px;
    word-wrap: break-word !important;
    white-space: normal !important;
}


.volunteer-list-wizard-txt-box {
    background-color: #fafafa !important;
    border: 1px solid #dbdbdb !important;
    height: 40px !important;
    padding: 4px 5px !important;
    border-radius: 0 !important;
    width:100% !important;}

.volunteer-list-wizard-txt-area {
    background-color: #fafafa !important;
    border: 1px solid #dbdbdb !important;
    padding: 4px 5px !important;
    border-radius: 0 !important;
    width:100%;
    color: #767676;} 

.filter-wizard-txt-box {
    background-color: #fafafa !important;
    border: 1px solid #dbdbdb !important;
    height: 40px !important;
    padding: 4px 5px !important;
    border-radius: 0 !important;
    width:100%;}

.filter-volunteers input[type="text"] {
  margin-bottom:0px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  height:40px;
  font-size:11px;
  padding:5px;
  width:100% !important;
}

.volunteer-list-dashboard img {
    position: relative;
    left: -145px;
    top: 13px;
    cursor: pointer;
    float: right;
}

/* Volunteer Member Area */

.volunteer-member-area-dashboard-table {
    margin-top:0px;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    border: 1px solid #dddddd !important;
    border-top: 0px solid #dddddd !important;
    font-size: 12px !important;
    width:60%;
}


.volunteer-member-area-dashboard-table tr td {
    text-align:left;
    border:0px solid #dbdbdb;
    vertical-align:middle !important;
    height:40px;
    word-wrap: break-word;}


.volunteer-member-area-dashboard-table th {
    text-align:left;
    border:0px solid #dbdbdb;
    vertical-align:middle !important;
    height:40px;}

.volunteer-member-wizard-txt-select {
    background-color: #fafafa !important;
    border: 1px solid #dbdbdb !important;
    padding: 4px 5px !important;
    border-radius: 0 !important;
    height: 40px !important;
    width:100%;
    color: #767676;}

.volunteer-member-area-dashboard-table p { padding: 0 0 10px 25px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 12px; color: #666; }
.volunteer-member-area-dashboard-table p a { text-decoration: underline; color: #666; }
.volunteer-member-area-dashboard-table p a:hover { text-decoration: none; }


/* Volunteer Dashboard */

.volunteer-dashboard-table {
    margin-top:0px;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    border: 1px solid #dddddd !important;
    border-top: 0px solid #dddddd !important;
    font-size: 12px !important;
}


.volunteer-dashboard-table tr td {
    text-align:left;
    border:1px solid #dbdbdb;
    vertical-align:middle !important;
    height:30px;
    word-wrap: break-word !important;
    white-space: normal !important;
}


.volunteer-dashboard-table th {
    text-align:left;
    border:1px solid #dbdbdb;
    vertical-align:middle !important;
    height:30px;
    word-wrap: break-word !important;
    white-space: normal !important;
}

.volunteer-dashboard-table a { text-decoration: underline; color: #666; }
.volunteer-dashboard-table a:hover { text-decoration: none; }


/* AMS Contacts table */

.ams-contacts-table {
    margin-top:0px;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    border: 1px solid #dddddd !important;
    border-top: 0px solid #dddddd !important;
    font-size: 12px !important;
}


.ams-contacts-table tr td {
    text-align:left;
    border:1px solid #dbdbdb;
    vertical-align:middle !important;
    height:30px;
    word-wrap: break-word !important;
    white-space: normal !important;
}


.ams-contacts-table th {
    text-align:left;
    border:1px solid #dbdbdb;
    vertical-align:middle !important;
    height:30px;
}

.ams-contacts-wizard-txt-box {
    background-color: #fafafa !important;
    border: 1px solid #dbdbdb !important;
    height: 40px !important;
    padding: 4px 5px !important;
    border-radius: 0 !important;
    width:100% !important;}

.ams-contacts-wizard-txt-area {
    background-color: #fafafa !important;
    border: 1px solid #dbdbdb !important;
    padding: 4px 5px !important;
    border-radius: 0 !important;
    width:100%;
    color: #767676;} 

..ams-contacts-wizard-txt-select {
    background-color: #fafafa !important;
    border: 1px solid #dbdbdb !important;
    padding: 4px 5px !important;
    border-radius: 0 !important;
    height: 40px !important;
    width:100%;
    color: #767676;}

/* AMS Reports table */

.ams-reports-table {
    margin-top:0px;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    border: 1px solid #dddddd !important;
    border-top: 0px solid #dddddd !important;
    font-size: 12px !important;
    background-color:#fff6f2;
}


.ams-reports-table tr td {
    text-align:left;
    padding-left:10px  !important;
    border:1px solid #dbdbdb;
    vertical-align:middle !important;
    height:30px;
    word-wrap: break-word !important;
    white-space: normal !important;
}


.ams-reports-table th {
    text-align:left;
    border:1px solid #dbdbdb;
    vertical-align:middle !important;
    height:30px;
    padding-left:10px !important ;
}

.ams-reports-wizard-txt-box {
    background-color: #fafafa !important;
    border: 1px solid #dbdbdb !important;
    height: 40px !important;
    padding: 4px 5px !important;
    border-radius: 0 !important;
    width:100% !important;}

.ams-reports-wizard-txt-area {
    background-color: #fafafa !important;
    border: 1px solid #dbdbdb !important;
    padding: 4px 5px !important;
    border-radius: 0 !important;
    width:100%;
    color: #767676;} 

..ams-reports-wizard-txt-select {
    background-color: #fafafa !important;
    border: 1px solid #dbdbdb !important;
    padding: 4px 5px !important;
    border-radius: 0 !important;
    height: 40px !important;
    width:100%;
    color: #767676;}

/* AMS Application table */

.ams-application-table {
    margin-top:0px;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    border: 1px solid #dddddd !important;
    border-top: 0px solid #dddddd !important;
    font-size: 12px !important;
}


.ams-application-table tr td {
    text-align:left;
    padding-left:3px !important;
    border:1px solid #dbdbdb;
    vertical-align:middle !important;
    height:30px;
    word-wrap: break-word !important;
    white-space: normal !important;
}


.ams-application-table th {
    text-align:left;
    border:1px solid #dbdbdb;
    vertical-align:middle !important;
    height:30px;
}

.ams-application-wizard-txt-box {
    background-color: #fafafa !important;
    border: 1px solid #dbdbdb !important;
    height: 30px !important;
    padding: 4px 5px !important;
    border-radius: 0 !important;
    
    width:100% !important;}

.ams-application-wizard-txt-area {
    background-color: #fafafa !important;
    border: 1px solid #dbdbdb !important;
    padding: 4px 5px !important;
    border-radius: 0 !important;
    width:100%;
    color: #767676;} 

..ams-application-wizard-txt-select {
    background-color: #fafafa !important;
    border: 1px solid #dbdbdb !important;
    padding: 4px 5px !important;
    border-radius: 0 !important;
    height: 30px !important;
    width:100%;
    color: #767676;}

/* AMS blank table */

.ams-blank-table {
    margin-top:0px;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    border: 0px solid #dddddd !important;
    border-top: 0px solid #dddddd !important;
    font-size: 12px !important;
}


.ams-blank-table tr td {
    text-align:left;
    padding-left:3px !important;
    border:0px solid #dbdbdb;
    vertical-align:middle !important;
    height:30px;
    word-wrap: break-word !important;
    white-space: normal !important;
}


.ams-blank-table th {
    text-align:left;
    border:0px solid #dbdbdb;
    vertical-align:middle !important;
    height:30px;
}

.ams-blank-wizard-txt-box {
    background-color: #fafafa !important;
    border: 1px solid #dbdbdb !important;
    height: 30px !important;
    padding: 4px 5px !important;
    border-radius: 0 !important;
    
    width:100% !important;}

.ams-blank-wizard-txt-area {
    background-color: #fafafa !important;
    border: 1px solid #dbdbdb !important;
    padding: 4px 5px !important;
    border-radius: 0 !important;
    width:100%;
    color: #767676;} 

..ams-blank-wizard-txt-select {
    background-color: #fafafa !important;
    border: 1px solid #dbdbdb !important;
    padding: 4px 5px !important;
    border-radius: 0 !important;
    height: 30px !important;
    width:100%;
    color: #767676;}

/* Document-upload-table*/

.document-upload-table {
    margin-top:0px;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    border: 1px solid #dddddd !important;
    border-top: 0px solid #dddddd !important;
    font-size: 12px !important;
}


.document-upload-table tr td {
    text-align:left;
    border:1px solid #dbdbdb;
    vertical-align:middle !important;
    height:50px;
    word-wrap: break-word !important;
    white-space: normal !important;
}


.document-upload-table th {
    text-align:left;
    border:1px solid #dbdbdb;
    vertical-align:middle !important;
    height:30px;
}


.document-upload-table ul { margin: 0 0 0 0; list-style-type: square; }
.document-upload-table ul li { padding: 0 0 0 20px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 13px; color: #666; }
.document-upload-table ul li a { color: #666; }
.document-upload-table ul li a:hover { text-decoration: none; }

.document-upload-table a:hover { text-decoration: none; cursor:pointer; }


/* Payment table */

.payment-table {
    margin-top:0px;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    border: 1px solid #dddddd !important;
    border-top: 0px solid #dddddd !important;
    font-size: 12px !important;
}


.payment-table tr td {
    text-align:left;
    border:1px solid #dbdbdb;
    vertical-align:middle !important;
    height:30px;
    word-wrap: break-word !important;
    white-space: normal !important;
}


.payment-table th {
    text-align:left;
    border:1px solid #dbdbdb;
    vertical-align:middle !important;
    height:30px;
}

.payment-wizard-txt-box {
    background-color: #fafafa !important;
    border: 1px solid #dbdbdb !important;
    height: 40px !important;
    padding: 4px 5px !important;
    border-radius: 0 !important;
    width:100% !important;}

.payment-wizard-txt-area {
    background-color: #fafafa !important;
    border: 1px solid #dbdbdb !important;
    padding: 4px 5px !important;
    border-radius: 0 !important;
    width:100%;
    color: #767676;} 

.payment-wizard-txt-select-100 {
    background-color: #fafafa !important;
    border: 1px solid #dbdbdb !important;
    padding: 4px 5px !important;
    border-radius: 0 !important;
    height: 45px !important;
    width:100%;
    color: #767676;}

.payment-wizard-txt-select-45 {
    background-color: #fafafa !important;
    border: 1px solid #dbdbdb !important;
    padding: 4px 5px !important;
    border-radius: 0 !important;
    height: 45px !important;
    width:49%;
    color: #767676;}


.invoice p { padding: 0 0 10px 5px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 13px; color: #666; }
.invoice p a { text-decoration: underline; color: #666; }
.invoice p a:hover { text-decoration: none;}

.invoice h2 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 28px; color: #333; }

.invoice h3 { margin: 0 0 10px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #333; }

.invoice h4 { margin: 0 0 20px 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 18px; color: #00a4e4; }

.invoice-table {
    margin-top:0px;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    border: 1px solid #dddddd !important;
    border-top: 0px solid #dddddd !important;
    font-size: 12px !important;
}


.invoice-table tr td {
    text-align:left;
    border:1px solid #dbdbdb;
    vertical-align:middle !important;
    height:35px;
    word-wrap: break-word !important;
    white-space: normal !important;
    padding-left:7px !important;
}


.invoice-table th {
    text-align:left;
    border:1px solid #dbdbdb;
    vertical-align:middle !important;
    height:35px;
    padding-left:7px !important;
}

.profile-section-50 {width:50%!important;}
.profile-section-48 {width:48%!important;}
.profile-section-70 {width:70%!important;}
.mobile-experience {display:none!important;visibility:hidden!important;}
.desktop-experience {display:block!important;visibility:visible!important;}


@media only screen and (max-width:1024px) {
.profile-section-48 {width:100%!important;}
.profile-section-50 {width:100%!important;}
.profile-section-70 {width:100%!important;}
.profile-section-100 {width:100%!important;}
.mobile-font-h5 {color:black!important;font-size:10px!important;}
.desktop-experience {display:none!important;visibility:hidden!important;}
.mobile-experience {display:block!important;visibility:visible!important;}
}

#to_do_item_description {
	resize: none;
	height:80px;
	min-height:80px;
	padding: 5px;
	overflow: hidden;
	box-sizing: border-box;
}

/* Style the list */
ul.breadcrumb {
  padding: 10px 5px;
  list-style: none;
  background-color: #f7f7f7;
  border:solid 1px #e1e1e1;
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline;
  font-size: 13px;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  padding: 2px;
  color: black;
  content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
  color: #0275d8;
  text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
}

.breadcrumb_container {
background-color:#e1e1e1;
margin-top:5px;
}

/* dropdown button */
.dropbtnx {
  background-color: #3498DB;
  color: white;
  padding: 16px;
  font-size: 12px;
  border: none;
  cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */

.dropdownx {
  position:relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-contentx {
  display: none;
  position: absolute; top:0px;left:0px;
  background-color: #f1f1f1;
  min-width: 250px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-contentx a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size:11px;
}

/* Change color of dropdown links on hover */
.dropdown-contentx a:hover {background-color: #ddd}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

.dev_plan_tip { z-index: 20001;cursor: pointer; display: none; position: absolute; top:140px; left:45px;}
.dev_aim_tip { z-index: 20001;cursor: pointer; display: none; position: absolute; top:140px; left:260px;}
.dev_goal_tip { z-index: 20001;cursor: pointer; display: none; position: absolute; top:140px; left:485px;}
.dev_activity_tip { z-index: 20001;cursor: pointer; display: none; position: absolute; top:140px; left:705px;}

/* Tooltip container */
.cpd-tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.cpd-tooltip .cpd-tooltiptext {
  visibility: hidden;
  width: 220px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 10px;
  border-radius: 2px;
  font-size:11px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -110px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.cpd-tooltip .cpd-tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.cpd-tooltip:hover .cpd-tooltiptext {
  visibility: visible;
  opacity: 1;
}

.cpd-landing_cycle-mobile{
display:none;
visibility: none;
}

.cpd-landing_cycle-full{
display:block;
visibility: visible;
}

/*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

.cpd-landing_cycle-mobile{
display:block;
visibility: visible;
}

.cpd-landing_cycle-full{
display:none;
visibility: none;
}
}*/

@media only screen and (max-width: 1024px) and (orientation : landscape) {

.cpd-landing_cycle-mobile{
display:block;
visibility: visible;
}

.cpd-landing_cycle-full{
display:none;
visibility: none;
}
}

@media only screen and (max-width: 1024px) {

.cpd-landing_cycle-mobile{
display:block;
visibility: visible;
}

.cpd-landing_cycle-full{
display:none;
visibility: none;
}
}

.events-filter-navigation-mobile{
display:none;
visibility: none;

}

.events-filter-navigation-full{
display:block;
visibility: visible;
}

@media only screen and (max-width: 768px) {
.events-filter-navigation-mobile{
display:block;
visibility: visible;
}

.events-filter-navigation-full{
display:none;
visibility: none;
}
}

.events-filter-navigation-mobile{
display:none;
visibility: none;

}

.events-filter-navigation-full{
display:block;
visibility: visible;
}

@media only screen and (max-width: 768px) {
.events-filter-navigation-mobile{
display:block;
visibility: visible;
}

.events-filter-navigation-full{
display:none;
visibility: none;
}
}

/* cpd plans description tooltip */
.cpd-plan-tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.cpd-plan-tooltip .cpd-plan-tooltiptext {
  visibility: hidden;
  width: 100%;
  background-color: #555;
  color: #fff;
  text-align: left;
  padding: 10px;
  border-radius: 2px;
  font-size:11px;
  opacity:65%;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 105%;
  left: 0%;
  margin-left: 0px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.cpd-plan-tooltip .cpd-plan-tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.cpd-plan-tooltip:hover .cpd-plan-tooltiptext {
  visibility: visible;
  opacity: 1;
}

.dashboard a {cursor:pointer;}