.pt-sm { padding-top: 5px; } 
.pt-md { padding-top: 10px; } 
.pt-10 { padding-top: 10px; }
.pt-20 { padding-top: 20px; }
.pl-md { padding-left: 30px; }
.pl-sm { padding-left: 5px; }
.marked_text{
    background-color:yellow;
}

ul.my_breadcrumb {
    padding: 8px 16px;
    list-style: none;
    background-color: rgb(255, 253, 234);
    border: 1px solid darkgoldenrod;
    border-radius: 5px;
}
ul.my_breadcrumb li {
    display: inline;
    font-size: 18px;
    color: goldenrod;
}
ul.my_breadcrumb li+li:before{
    padding: 8px;
    color: darkgoldenrod;
    content: "|"; /*"/\00a0";*/
}
ul.my_breadcrumb li a {
    color: #0275d8;
    text-decoration: none;
}
ul.my_breadcrumb li a:hover {
    color: #01447e;
    text-decoration: underline;
}

.fa-small {
    font-size: 12px !important;
}    
.fa-color-gold {
    color:gold;
}
.clickable {
    cursor: pointer;
}

.selected-date {
    padding: 10px !important;
    margin: 0px 15px 0px 15px;
    border: 1px solid #ccc;
    border-radius: 5px;  
    background-color: #FFFFFF;
    font-size: 14px;
}
.thumbnail {
    padding: 4px !important;
    margin: 0px !important;
    border: 1px solid #ccc;
    border-radius: 5px;  
}
.tour-border {
    padding: 10px !important;
    margin: 5px !important;
    border: 1px solid #ccc;
    border-radius: 5px;  
    background-color:#FFFFFF;
}
.tour-body {
    padding: 10px !important;
    margin: 0px !important;
}
.tour-title {
    padding: 0 10px 0 10px !important;
    margin: 0px !important;
    font-family: 'Courier New', Courier, monospace;
    font-size: 22px;

    border: 1px solid #ccc;
    border-radius: 3px;  
}
.title-link, 
.title-link:hover,
.title-link:active,
.title-link:hover,
.title-link:visited {
    color: #F0FFF0;
    text-decoration: none;
}
.tour-details {
    background-color:#FFFFFF;
    padding: 3px !important;
    border: 1px solid lightgray;
    margin: 1px !important;
    border-radius: 3px;  
}

.vuecal__event {
    cursor: pointer;
}
.vuecal__event-title {
    font-size: 1em;
    font-weight: normal;
    margin: 1px 0 4px;
}
.vuecal__event-time {
    display: inline-block;
    margin-bottom: 0px;
    padding-bottom: 0px;
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.2); */
}
.vuecal__cell--has-events {background-color: #fffacd;}
.vuecal__event-content {
    font-style: italic;
    background-color: #00FF00;
    
}
.vuecal--month-view .vuecal__no-event {display: none;}

.vuecal__event.clsFull {
    background-color: rgba(255, 102, 102, 0.9);
    border: 1px solid rgb(235, 82, 82);
    color: #fff;
}
.vuecal__event.clsAvailable {
    background-color: rgba(27, 155, 1, 0.9);
    border: 1px solid rgb(20, 90, 0);
    color: #fff;
}
.vuecal__event.clsCreated {
    background-color: #ddd;
    border: 1px solid #999999;
    color: #222222;
}

.clsFrame {
    width: 100%;
    margin:auto;
    padding: 5px 20px 5px 20px;
    background-color: #F8F8F8;
}
@media only screen and (min-width: 1024px) {
    .clsFrame {
        width: 1024px;
    }
}

.credit-card-field {
    background-color: #FFFFFF; 
    border:1px solid #E4E4E4; 
    padding-left:10px; 
    padding-right:10px;
    border-radius: 2px;  
}

.button_lable { display: none; }
@media only screen and (max-width: 1200px) {
    .button_lable { display: none; }
}

.link-like {
    color: #0144E0;
    text-decoration: underline;
}

.text-red {
    color: red;
    font-size: smaller;
}

.special_field {
    color:orange;
}

.text-green {
    color: green;
    font-size: smaller;
}

body.modal-open {
    overflow: hidden;
}
.clsTerms {
    width: 480px; 
    height: 400px; 
}
@media only screen and (max-width: 640px) {
    .clsTerms {
        width: 100%; 
        height: 400px; 
        max-width: 400px;
    }
}



/********************************
             EMAIL
********************************/
td {
    padding: 3px;
}
.main_frame {
    width: 784px;
    font-family:'Lato',Helvetica,Arial,sans-serif;
}
.full_length_table {
    width: 100%;
}
.nl_lable {
    font-size: smaller;
}
.cls-title-1 {
    font-size:24px; 
    font-weight:800; 
}    
.cls-title-2 {
    font-size:16px; 
    font-weight:600; 
}    
.cls-section {
    font-size:18px; 
    font-weight:800; 
    text-decoration:underline;
}
/*******************************/