body {
    padding-top: 50px;
    padding-bottom: 20px;
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
    *overflow-y: none !important;
    overflow-x: hidden !important;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.banner {
    position: relative;
    width: 100%;
    overflow: auto;
    font-size: 18px;
    line-height: 24px;
    width: 100% !important;
}

    .banner .saheadtext {
        text-align: center;
    }

    .banner ul {
        list-style: none;
        width: 300%;
        padding: 0px !important;
    }

        .banner ul li {
            display: block;
            float: left;
            width: 33%;
            padding: 0px 0px 30px 0px;
            /*min-height: 285px;*/
            /*		-webkit-background-size: 100% 100%;*/
            -moz-background-size: 100% 100%;
            -o-background-size: 100% 100%;
            -ms-background-size: 100% 100%;
            /*		background-size: 100% 100%;
            box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);*/
            text-align: center;
        }

    .banner .bannerContent {
        width: 100%;
        padding: 0 20px 0 20px;
        position: relative;
    }

    /*.banner h1, .banner h2 {
        font-size: 40px;
        line-height: 52px;

    }

    .banner .btn {
        display: inline-block;
        margin: 25px 0 0;
        padding: 9px 22px 7px;
        clear: both;
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: none;
        border: 2px solid rgba(255,255,255,.4);
        border-radius: 5px;
    }

        .banner .btn:hover {
            background: rgba(255,255,255,.05);
        }*/


    .banner .btn:active {
        -webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
        -moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
        -ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
        -o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
        filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
    }

    .banner .btn, .banner .dot {
        -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
        -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
        -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
        -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
        filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
    }

    .banner .dots {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0px;
        text-align: center;
    }

        .banner .dots li {
            display: inline-block;
            width: 10px;
            height: 10px;
            margin: 0 4px;
            text-indent: -999em;
            border: 2px solid #3399ff;
            border-radius: 6px;
            cursor: pointer;
            opacity: .4;
            -webkit-transition: background .5s, opacity .5s;
            -moz-transition: background .5s, opacity .5s;
            transition: background .5s, opacity .5s;
        }

            .banner .dots li.active {
                background: #fff;
                opacity: 1;
            }



/*--------------PRP Pricing Tables----------------------------------------------------------------------------------------------------*/
/* COMMON PRICING STYLES */
.panel.price,
.panel.price > .panel-heading {
    border-radius: 0px;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

    .panel.price:hover {
        box-shadow: 0px 0px 30px rgba(0,0,0, .2);
    }

        .panel.price:hover > .panel-heading {
            box-shadow: 0px 0px 30px rgba(0,0,0, .2) inset;
        }


    .panel.price > .panel-heading {
        box-shadow: 0px 5px 0px rgba(50,50,50, .2) inset;
        text-shadow: 0px 3px 0px rgba(50,50,50, .6);
    }

.price .list-group-item {
    border-bottom-: 1px solid rgba(250,250,250, .5);
}

.panel.price .list-group-item:last-child {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.panel.price .list-group-item:first-child {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.price .panel-footer {
    color: #fff;
    border-bottom: 0px;
    background-color: rgba(0,0,0, .1);
    box-shadow: 0px 3px 0px rgba(0,0,0, .3);
}


.panel.price .btn {
    box-shadow: 0 -1px 0px rgba(50,50,50, .2) inset;
    border: 0px;
}

/* green panel */


.price.panel-green > .panel-heading {
    color: #fff;
    background-color: #57AC57;
    border-color: #71DF71;
    border-bottom: 1px solid #71DF71;
}


.price.panel-green > .panel-body {
    color: #fff;
    background-color: #65C965;
}


    .price.panel-green > .panel-body .lead {
        text-shadow: 0px 3px 0px rgba(50,50,50, .3);
    }

.price.panel-green .list-group-item {
    color: #333;
    background-color: rgba(50,50,50, .01);
    font-weight: 600;
    text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

/* blue panel */


.price.panel-blue > .panel-heading {
    color: #fff;
    background-color: #608BB4;
    border-color: #78AEE1;
    border-bottom: 1px solid #78AEE1;
}


.price.panel-blue > .panel-body {
    color: #fff;
    background-color: #73A3D4;
}


    .price.panel-blue > .panel-body .lead {
        text-shadow: 0px 3px 0px rgba(50,50,50, .3);
    }

.price.panel-blue .list-group-item {
    color: #333;
    background-color: rgba(50,50,50, .01);
    font-weight: 600;
    text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

/* red price */


.price.panel-red > .panel-heading {
    color: #fff;
    background-color: #D04E50;
    border-color: #FF6062;
    border-bottom: 1px solid #FF6062;
}


.price.panel-red > .panel-body {
    color: #fff;
    background-color: #EF5A5C;
    border-bottom: 1px solid #FF6062;
}

.price.panel-red > .panel-price {
    color: #EF5A5C;
    background-color: #FFF;
    border-bottom: 1px solid #F9BDBE;
}

.price.panel-red > .panel-body .lead {
    text-shadow: 0px 3px 0px rgba(50,50,50, .3);
}

.price.panel-red .list-group-item {
    color: #333;
    background-color: rgba(50,50,50, .01);
    font-weight: 600;
    text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

/* gold price */


.price.panel-gold > .panel-heading {
    color: #fff;
    background-color: #CCA300;
    border-color: #B28F00;
    border-bottom: 1px solid #B28F00;
    text-shadow: 0 3px 0 rgba(100, 100, 100, 0.6);
}


.price.panel-gold > .panel-body {
    color: #fff;
    background-color: #E6B800;
}

.price.panel-gold > .panel-price {
    color: #E6B800;
    background-color: #FFF;
    border-bottom: 1px solid #D6A810;
}


.price.panel-gold > .panel-body .lead {
    text-shadow: 0px 3px 0px rgba(50,50,50, .3);
}

.price.panel-gold .list-group-item {
    color: #333;
    background-color: rgba(50,50,50, .01);
    font-weight: 600;
    text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

/* grey price */


.price.panel-grey > .panel-heading {
    color: #fff;
    background-color: #6D6D6D;
    border-color: #B7B7B7;
    border-bottom: 1px solid #B7B7B7;
}


.price.panel-grey > .panel-body {
    color: #fff;
    background-color: #808080;
}

.price.panel-grey > .panel-price {
    color: #808080;
    background-color: #FFF;
    border-bottom: 1px solid #909090;
}

.price.panel-grey > .panel-body .lead {
    text-shadow: 0px 3px 0px rgba(50,50,50, .3);
}

.price.panel-grey .list-group-item {
    color: #333;
    background-color: rgba(50,50,50, .01);
    font-weight: 600;
    text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

/* white price */


.price.panel-white > .panel-heading {
    color: #333;
    background-color: #f9f9f9;
    border-color: #ccc;
    border-bottom: 1px solid #ccc;
    text-shadow: 0px 2px 0px rgba(250,250,250, .7);
}

.panel.panel-white.price:hover > .panel-heading {
    box-shadow: 0px 0px 30px rgba(0,0,0, .05) inset;
}

.price.panel-white > .panel-body {
    color: #fff;
    background-color: #dfdfdf;
}

.price.panel-white > .panel-price {
    color: #cfcfcf;
    background-color: #FFF;
    border-bottom: 1px solid #cfcfcf;
}

.price.panel-white > .panel-body .lead {
    text-shadow: 0px 2px 0px rgba(250,250,250, .8);
    color: #666;
}

.price:hover.panel-white > .panel-body .lead {
    text-shadow: 0px 2px 0px rgba(250,250,250, .9);
    color: #333;
}

.price.panel-white .list-group-item {
    color: #333;
    background-color: rgba(50,50,50, .01);
    font-weight: 600;
    text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}
/*--------------END PRP Pricing Tables------------------------------------------------------------------------------------------------*/


/*-----------PRP Dashbord ------------------------------------------------------------------------------------------------------------*/
.text-center {
    text-align: center;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.h2 {
    font-size: 30px;
}

.row-table > [class*="col-"] {
    display: table-cell;
    float: none;
    table-layout: fixed;
    vertical-align: middle;
}

.mt0 {
    margin-top: 0 !important;
}

.pv-lg {
    padding-bottom: 15px !important;
    padding-top: 15px !important;
}

.fa-3x {
    font-size: 3em;
}

.price p {
    margin-bottom: 0px !important;
    font-size: 25px;
}

.price > .panel-body {
    padding: 5px !important;
}

.price > .panel-price {
    padding: 5px !important;
}

.price > .panel-heading h3 {
    font-size: 25px;
    font-weight: bold;
}

.price > .panel-body p strong {
    font-size: 20px;
}

.bg-primary {
    background-color: #5d9cec;
    color: #fff !important;
}

.bg-primary-light {
    background-color: #8bb8f1;
    color: #fff !important;
}

.bg-primary-dark {
    background-color: #2f80e7;
    color: #fff !important;
}

.bg-primary small {
    color: inherit;
}

.bg-success {
    background-color: #27c24c;
    color: #fff !important;
}

.bg-success-light {
    background-color: #43d967;
    color: #fff !important;
}

.bg-success-dark {
    background-color: #1e983b;
    color: #fff !important;
}

.bg-success small {
    color: inherit;
}

.bg-info {
    background-color: #23b7e5;
    color: #fff !important;
}

.bg-info-light {
    background-color: #51c6ea;
    color: #fff !important;
}

.bg-info-dark {
    background-color: #1797be;
    color: #fff !important;
}

.bg-info small {
    color: inherit;
}

.bg-warning {
    background-color: #ff902b;
    color: #fff !important;
}

.bg-warning-light {
    background-color: #ffab5e;
    color: #fff !important;
}

.bg-warning-dark {
    background-color: #f77600;
    color: #fff !important;
}

.bg-warning small {
    color: inherit;
}

.bg-danger {
    background-color: #f05050;
    color: #fff !important;
}

.bg-danger-light {
    background-color: #f47f7f;
    color: #fff !important;
}

.bg-danger-dark {
    background-color: #ec2121;
    color: #fff !important;
}

.bg-danger small {
    color: inherit;
}

.bg-green {
    background-color: #37bc9b;
    color: #fff !important;
}

.bg-green-light {
    background-color: #58ceb1;
    color: #fff !important;
}

.bg-green-dark {
    background-color: #2b957a;
    color: #fff !important;
}

.bg-green small {
    color: inherit;
}

.bg-pink {
    background-color: #f532e5;
    color: #fff !important;
}

.bg-pink-light {
    background-color: #f763eb;
    color: #fff !important;
}

.bg-pink-dark {
    background-color: #e90bd6;
    color: #fff !important;
}

.bg-pink small {
    color: inherit;
}

.bg-purple {
    background-color: #7266ba;
    color: #fff !important;
}

.bg-purple-light {
    background-color: #9289ca;
    color: #fff !important;
}

.bg-purple-dark {
    background-color: #564aa3;
    color: #fff !important;
}

.bg-purple small {
    color: inherit;
}

.bg-inverse {
    background-color: #131e26;
    color: #fff !important;
}

.bg-inverse-light {
    background-color: #243948;
    color: #fff !important;
}

.bg-inverse-dark {
    background-color: #020304;
    color: #fff !important;
}

.bg-inverse small {
    color: inherit;
}

.bg-yellow {
    background-color: #fad732;
    color: #fff !important;
}

.bg-yellow-light {
    background-color: #fbe164;
    color: #fff !important;
}

.bg-yellow-dark {
    background-color: #f3ca06;
    color: #fff !important;
}

.bg-yellow small {
    color: inherit;
}

.bg-white {
    background-color: #fff;
    color: inherit !important;
}

.bg-gray-darker {
    background-color: #232735;
    color: #fff !important;
}

.bg-gray-dark {
    background-color: #3a3f51;
    color: #fff !important;
}

.bg-gray {
    background-color: #dde6e9;
    color: #515253 !important;
}

.bg-gray-light {
    background-color: #e4eaec;
    color: #515253 !important;
}

.bg-gray-lighter {
    background-color: #edf1f2;
    color: #515253 !important;
}

.bg-cover {
    background-size: cover;
}

/*-----------END PRP Dashbord ------------------------------------------------------------------------------------------------------------*/

/* --Pager -- */
.pager ul.pages {
    border-radius: 4px;
    display: inline-block;
    margin: 0px 0 10px 0;
    padding-left: 0;
}
/*.pager ul.pages li { background:url("images/dispaging.png") no-repeat scroll 40% 40%; color: #555555; font-weight: normal; padding:5px 9px;line-height:normal;}*/
.pager {
    float: right;
    margin: 4px 0px 0px 0px;
    cursor: pointer;
}

    .pager ul.pages li {
        display: inline;
        background-color: #fff;
        border: 1px solid #ddd;
        color: #337ab7;
        float: left;
        line-height: 1.0;
        margin-left: -1px;
        padding: 6px 10px 6px 10px;
        position: relative;
        text-decoration: none;
        font-size: 12px;
    }

        .pager ul.pages li.pgEmpty {
            color: #aaaaaa;
            cursor: not-allowed;
        }

            .pager ul.pages li.pgEmpty:hover {
                color: #aaaaaa;
            }

    .pager > li:first-child, .pager > li:first-child {
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        margin-left: 0;
    }

    .pager > li:last-child, .pager > li:last-child {
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
    }

    .pager ul.pages li:hover {
        background-color: #eee;
        border-color: #ddd;
        color: #23527c;
    }

    .pager ul.pages li.pgCurrent {
        background-color: #3276b1; /*#337ab7*/
        border-color: #3276b1; /*#337ab7*/
        color: #fff;
        cursor: default;
        z-index: 2;
        font-weight: bold;
    }

        .pager ul.pages li.pgCurrent:hover {
            background-color: #FEC519; /*#337ab7*/
            border-color: #FEC519; /*#337ab7*/
        }

.table th {
    font-size: 16px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background-color: #3276b1;
    color: #fff !important;
}

    .table th a, .table th a:hover {
        color: #fff !important;
    }

.table tr:nth-child(odd) {
    background: #FEFEFE;
}

.table tr:nth-child(even) {
    background: #f0f8ff;
}

.HDcanvas {
    background: #ffffff;
    margin-left: -15px;
}

.note {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-color: #eee;
    border-image: none;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    margin: 0 auto;
    padding: 20px;
    width: 100%;
}

.infoNote {
    /*background-color: rgba(91, 192, 222, 0.1);*/
    border-left-color: #5bc0de;
}

    .infoNote strong {
        color: #5bc0de;
    }

.successNote {
    background-color: rgba(43, 84, 44, 0.1);
    border-left-color: #2b542c;
}

    .successNote strong {
        color: #2b542c;
    }

.paddingleftzero {
    padding-left: 0 !important;
}

.paddingrightzero {
    padding-right: 0 !important;
}

.paddingtopzero {
    padding-top: 0 !important;
}

.paddingbottomzero {
    padding-bottom: 0 !important;
}

.marginleftzero {
    margin-left: 0 !important;
}

.marginrightzero {
    margin-right: 0 !important;
}

.margintopzero {
    margin-top: 0 !important;
}

.marginbottomzero {
    margin-bottom: 0 !important;
}

.noborder {
    border: none !important;
}
/* ---- */


/* NEW PRICING */

.span-centered[class*="col-"] {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.centered {
    text-align: center;
}

.pricing-table {
    /*font-family: "Open Sans",sans-serif;*/
    position: relative;
}

    .pricing-table .title, .pricing-table .price, .pricing-table .label, .pricing-table .button {
        border-bottom: medium none !important;
    }

    .pricing-table .title {
        color: #ecf0f1;
        font-size: 18px;
        font-weight: bold;
        padding: 15px;
        text-align: center;
    }

    .pricing-table .label {
        border-radius: 0;
        color: #ecf0f1;
        display: block;
        padding-bottom: 5px;
        padding-top: 5px;
        text-align: center;
    }

    .pricing-table .price {
        background-color: #ecf0f1;
        font-size: 18px;
        font-weight: bold;
        padding: 15px;
        position: relative;
        text-align: center;
    }

        .pricing-table .price .currency-symbol {
            color: #77939a;
            position: relative;
            top: -17px;
        }

        .pricing-table .price strong {
            display: inline-block;
            font-size: 44px;
            line-height: 44px;
        }

        .pricing-table .price sup {
            position: relative;
            top: -20px;
        }

        .pricing-table .price em {
            bottom: -2px;
            color: #a3b6bb;
            font-size: 14px;
            font-weight: normal;
            position: relative;
        }

    .pricing-table .button {
        padding: 15px;
        text-align: center;
    }

        .pricing-table .button .btn {
            background-color: #ecf0f1;
            border-radius: 0;
            color: #ecf0f1;
            /*font-family: "Open Sans",sans-serif;*/
            font-weight: bold;
            transition: all 0.2s ease-in-out 0s;
        }

            .pricing-table .button .btn:hover {
                background-color: #dde4e6;
                color: #fbfcfc;
            }

        .pricing-table .button.colored {
            position: relative;
        }

            .pricing-table .button.colored:after {
                border: medium solid transparent;
                bottom: 100%;
                content: " ";
                height: 0;
                pointer-events: none;
                position: absolute;
                width: 0;
            }

            .pricing-table .button.colored:after {
                border-width: 5px;
                left: 50%;
                margin-left: -5px;
            }

    .pricing-table ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
        position: relative;
        transition: all 0.2s ease-in-out 0s;
        z-index: 1;
    }

        .pricing-table ul li {
            background-color: #ffffff;
            border-bottom: 1px solid #ecf0f1;
            color: #77939a;
            padding: 10px;
        }

    .pricing-table.rounded ul {
        border-radius: 10px;
    }

    .pricing-table.rounded .title {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .pricing-table.rounded .button {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

        .pricing-table.rounded .button .btn {
            border-radius: 5px;
        }

    .pricing-table.bordered ul {
        border: 5px solid #f5f7f7;
    }

    .pricing-table.standout {
        /*margin-bottom: -24px;
    top: -24px;*/
    }

        .pricing-table.standout .label {
            /*font-family: "Open Sans",sans-serif;*/
            text-shadow: none;
        }

        .pricing-table.standout .price .currency-symbol, .pricing-table.standout .price strong, .pricing-table.standout .price sup, .pricing-table.standout .price em {
            color: #ecf0f1;
        }

    .pricing-table.plain li {
        background-color: #ffffff;
        border-bottom: 1px solid #ffffff;
        color: #77939a;
    }

        .pricing-table.plain li.button {
            border-bottom: medium none;
        }

    .pricing-table.plain .alt li {
        background-color: #f8f9fa;
        border-bottom: 1px solid #f8f9fa;
    }

    .pricing-table.plain .alt .price .currency-symbol, .pricing-table.plain .alt .price strong, .pricing-table.plain .alt .price sup, .pricing-table.plain .alt .price em {
        color: #77939a;
    }

    .pricing-table.plain .alt-dark li {
        background-color: #2c3e50;
        border-bottom: 1px solid #2c3e50;
        color: #77939a;
    }

    .pricing-table.plain.standout .price {
        background-color: #ffffff;
    }

        .pricing-table.plain.standout .price .currency-symbol, .pricing-table.plain.standout .price strong, .pricing-table.plain.standout .price sup {
            color: #77939a;
        }

        .pricing-table.plain.standout .price em {
            color: #94aab0;
        }

    .pricing-table.plain.standout .label {
        background-color: #ffffff;
    }

    .pricing-table.plain.standout .alt .price {
        background-color: #f8f9fa;
        color: #77939a;
    }

    .pricing-table.plain.standout .alt .label {
        background-color: #f8f9fa;
    }

    .pricing-table.plain.standout .alt-dark .price {
        background-color: #2c3e50;
        color: #77939a;
    }

    .pricing-table.plain.standout .alt-dark .label {
        background-color: #2c3e50;
    }

    .pricing-table.hover-animation {
        transition: all 0.3s ease-in-out 0s;
    }

    .pricing-table .alt li {
        background-color: #f8f9fa;
    }

    .pricing-table .alt .price {
        background-color: #ecf0f1;
    }

    .pricing-table .alt-dark {
        color: #ecf0f1;
    }

        .pricing-table .alt-dark li {
            background-color: #2c3e50;
            border-bottom: 1px solid #273646;
        }

        .pricing-table .alt-dark .price {
            background-color: #273646;
        }

.belize-hole .title, .belize-hole .alt .title, .belize-hole .alt-dark .title {
    background-color: #2980b9;
}

.belize-hole .button .btn {
    background-color: #2980b9;
    border: 1px solid #2980b9;
}

    .belize-hole .button .btn:hover {
        color: #ffffff;
        background-color: #fec519; /*#F2A100*/
        border-color: #fec519; /*#F2A100*/
    }

.belize-hole .button.btn-hover-alt .btn:hover {
    color: #ffffff;
    background-color: #fec519; /*#F2A100*/
    border-color: #fec519; /*#F2A100*/
}

.belize-hole .button.colored {
    background-color: #2980b9;
}

    .belize-hole .button.colored:after {
        border-color: transparent transparent #2980b9;
    }

.belize-hole.standout ul {
    border: 5px solid #2980b9;
}

.belize-hole.standout .price, .belize-hole.standout .label {
    background-color: #2677ac;
    color: #ffffff;
    /*color: #fec519;*/
}

.belize-hole.hover-animation:hover {
    margin-top: -5px;
}

.belize-hole.hover-animation.bordered:hover ul {
    border: 5px solid #2980b9;
}

.belize-hole.hover-animation.standout:hover {
    margin-top: -5px;
}

.pricing-table .ribbon {
    height: 120px;
    overflow: hidden;
    position: absolute;
    right: 15px;
    top: -5px;
    width: 107px;
    z-index: 14;
}

    .pricing-table .ribbon .text {
        background-color: #fec519;
        color: #fff;
        font-family: "Lato",arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        left: -2px;
        padding: 2px;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        top: 18px;
        transform: rotate(45deg) translate3d(0px, 0px, 0px);
        width: 158px;
    }

        .pricing-table .ribbon .text:before, .pricing .item .ribbon .text:after {
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid #9e6500;
            bottom: -5px;
            content: "";
            position: absolute;
        }

        .pricing-table .ribbon .text:before {
            left: 0;
        }

        .pricing-table .ribbon .text:after {
            right: 0;
        }

.sun-flower .title, .sun-flower .alt .title, .sun-flower .alt-dark .title {
    background-color: #f1c40f;
}

.sun-flower .button .btn {
    background-color: #f1c40f;
    border: 1px solid #f1c40f;
}

    .sun-flower .button .btn:hover {
        background-color: #dab10d;
    }

.sun-flower .button.btn-hover-alt .btn:hover {
    background-color: #ffffff;
    color: #f1c40f;
}

.sun-flower .button.colored {
    background-color: #f1c40f;
}

    .sun-flower .button.colored:after {
        border-color: transparent transparent #f1c40f;
    }

.sun-flower.standout ul {
    border: 5px solid #f1c40f;
}

.sun-flower.standout .price, .sun-flower.standout .label {
    background-color: #e3b90d;
}

.sun-flower.hover-animation:hover {
    margin-top: -5px;
}

.sun-flower.hover-animation.bordered:hover ul {
    border: 5px solid #f1c40f;
}

.sun-flower.hover-animation.standout:hover {
    margin-top: -5px;
}
/* END NEW PRICING */

.h4, h4 {
    color: #3276b1;
}

.bluebg {
    background-color: #f0f8ff;
    border: 1px solid #e0e8ef;
    font-size: 12px;
}

    .bluebg hr { /* this is for temporary as per srp changes 20140129 */
        margin-top: 36px;
        margin-bottom: 36px;
    }

.h2, .titlecolor {
    color: #3276b1;
}

.pv-lg .h2 {
    color: #3276b1;
}

.bg-primary .pv-lg .h2, .bg-green .pv-lg .h2, .bg-danger .pv-lg .h2, .bg-gray .pv-lg .h2 {
    color: #ffffff;
}

.content-wrapper > h2 {
    background-color: #fafbfc;
    border-bottom: 1px solid #cfdbe2;
    color: #3276b1;
    font-weight: 400;
    margin: -15px -19px 15px;
    padding: 15px;
    font-size: 25px !important;
    overflow: auto;
}

.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    font-size: 12px;
}

.PlanPage .control-label {
    font-weight: normal;
}

.PlanPage, .PlanPage .control-label, .PlanPage .form-control {
    text-align: left;
}

.text-bold {
    font-weight: bold !important;
}

.ng-scope {
    font-size: 13px;
}

.table .btn {
    font-size: 11px;
    font-weight: bold;
}

@media only screen and (max-width: 640px) {
    #tblAllUsers td:nth-child(2),
    #tblAllUsers th:nth-child(2),
    #tblAllUsers td:nth-child(3),
    #tblAllUsers th:nth-child(3),
    #tblAllUsers td:nth-child(4),
    #tblAllUsers th:nth-child(4) {
        display: none;
    }

    #tblSliders th:nth-child(2),
    #tblSliders td:nth-child(2) {
        display: none;
    }

    #tblDivisions th:nth-child(3),
    #tblDivisions td:nth-child(3) {
        display: none;
    }

    #tblUsers td:nth-child(2),
    #tblUsers th:nth-child(2),
    #tblUsers td:nth-child(3),
    #tblUsers th:nth-child(3) {
        display: none;
    }

    #tblConsultant td:nth-child(2),
    #tblConsultant th:nth-child(2),
    #tblConsultant td:nth-child(3),
    #tblConsultant th:nth-child(3) {
        display: none;
    }

    #tblTeamMember td:nth-child(2),
    #tblTeamMember th:nth-child(2),
    #tblTeamMember td:nth-child(3),
    #tblTeamMember th:nth-child(3) {
        display: none;
    }

    #tblConsultant td:nth-child(2),
    #tblConsultant th:nth-child(2),
    #tblConsultant td:nth-child(3),
    #tblConsultant th:nth-child(3) {
        display: none;
    }
}

.font15px {
    font-size: 15px;
}

.dashed {
    display: inline-block;
    float: left;
    padding: 6px 0;
    padding-left: 0;
}

.w20px {
    /*height: 89px;*/
    margin: -1px 0 0;
    width: 20px !important;
}

.w50px {
    /*height: 89px;*/
    margin: -1px 0 0;
    width: 50px !important;
}

.w100px {
    /*height: 89px;*/
    margin: -1px 0 0;
    width: 100px !important;
}

.w150px {
    /*height: 89px;*/
    margin: -1px 0 0;
    width: 150px !important;
}

.w200px {
    /*height: 89px;*/
    margin: -1px 0 0;
    width: 200px !important;
}

.w250px {
    margin: -1px 0 0;
    width: 250px !important;
}

#perDiv {
    margin-left: -15px;
    margin-top: -92px;
    position: absolute;
    text-align: center;
    width: 100%;
    font-weight: bold;
    color: #888888;
}

.f26px {
    font-size: 26px !important;
}

.f20px {
    font-size: 20px !important;
}

/* Circle items */
.minheight250px {
    min-height: 250px;
}

.minheight290px {
    min-height: 290px;
}

.minheight212px {
    min-height: 212px;
}

div.content-box {
    clear: both;
}

    div.content-box div.content-box-info {
        padding-left: 135px;
    }

    div.content-box.big {
        /*padding: 0 20px 30px;*/
        padding: 0px 20px;
        border-radius: 5px;
        background: #fff;
        -webkit-transition: background .5s ease-in-out;
        -moz-transition: background .5s ease-in-out;
        -o-transition: background .5s ease-in-out;
        -ms-transition: background .5s ease-in-out;
        transition: background .5s ease-in-out;
    }


        div.content-box.big .ch-info-wrap {
            margin: -40px auto 0px;
            position: relative;
            left: auto;
            top: auto;
        }

        div.content-box.big:hover {
            background: #fff;
        }

        div.content-box.big div.content-box-info {
            padding-left: 0;
            text-align: center;
            margin: 10px 0 0;
        }

            div.content-box.big div.content-box-info p {
                text-align: center;
                margin-top: 10px;
            }

.ch-item {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    cursor: default;
}

.ch-info-wrap em {
    color: #FFFFFF;
    font-size: 30px;
    line-height: 70px;
    position: relative;
    z-index: 5;
}

.ch-info-wrap {
    position: absolute;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    top: 10px;
    left: 10px;
}

.ch-info {
    position: absolute;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    text-align: center;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

    .ch-info > div {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-position: center center;
        -webkit-backface-visibility: hidden; /*Just for webkit to have a smooth font*/
    }

    .ch-info .ch-info-front {
        -webkit-transition: all 0.6s ease-in-out;
        -moz-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        -ms-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
    }

    .ch-info .ch-info-back {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -o-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
        box-shadow: inset 0 0 3px rgba(0,0, 0, 0.2);
        -moz-box-shadow: inset 0 0 3px rgba(0,0, 0, 0.2);
        -webkit-box-shadow: inset 0 0 3px rgba(0,0, 0, 0.2);
        -webkit-transition: all 0.4s ease-in-out 0.2s;
        -moz-transition: all 0.4s ease-in-out 0.2s;
        -o-transition: all 0.4s ease-in-out 0.2s;
        -ms-transition: all 0.4s ease-in-out 0.2s;
        transition: all 0.4s ease-in-out 0.2s;
        opacity: 0;
    }

.ch-item:hover .ch-info-front {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.ch-item:hover .ch-info-back {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
}

div.content-box.big, .contact-box {
    border-style: solid;
    border-width: 1px 1px 3px;
    background: #fff;
    border-color: #eeeeee;
    margin-top: 50px;
}

    /*div.content-box.big, .contact-box {
    border-bottom-color: #3276b1;
}*/

    .contact-box:hover, .ch-info-front {
        background: #3276b1;
    }

.ch-info-back {
    background: rgba(50, 118, 177, 0.7) !important;
}

.margintop50px {
    margin-top: 50px;
}

.marginbottom50px {
    margin-bottom: 50px;
}
/*    end */

#tblSubscriptions tr td {
    vertical-align: middle;
    font-size: 15px;
}

#tblSubscriptions tr th {
    background: none repeat scroll 0 0 #3276B1;
    color: white;
    font-size: 25px;
    text-align: center;
    vertical-align: middle;
    height: 40px;
    font-weight: normal !important;
}

#tblSubscriptions tr:nth-child(odd) td:first-of-type {
    background: none repeat scroll 0 0 #f0f8ff;
    color: #555;
    font-size: 25px;
    text-align: center;
    vertical-align: middle;
    height: 100px;
}

#tblSubscriptions tr:nth-child(4) {
    background: none repeat scroll 0 0 #f0f8ff !important;
}

    #tblSubscriptions tr:nth-child(4) td:nth-child(4) {
        background: none repeat scroll 0 0 #f0f8ff !important;
    }


#tblSubscriptions tr:nth-child(odd) {
    background: none repeat scroll 0 0 #fff;
}

#tblSubscriptions tr td:nth-child(2), #tblSubscriptions tr th:nth-child(2) {
    text-align: center;
}

#tblSubscriptions tr td:nth-child(3), #tblSubscriptions tr th:nth-child(3) {
    text-align: left;
}

#tblSubscriptions tr th:nth-child(4) {
    text-align: left;
    font-weight: bold;
}

/*#tblSubscriptions tr td:nth-child(4) {
    text-align: left;
    font-weight: bold;
    color: #555555;
    background-color: #f0f0f0;
}*/

#tblSubscriptions tr:nth-child(even) td:first-of-type {
    background: none repeat scroll 0 0 #4194D8; /*#3276b1*/
    color: #fff;
    font-size: 25px;
    text-align: center;
    vertical-align: middle;
    height: 100px;
}

/*
#tblSubscriptions tr:nth-child(5) td:first-of-type {
    background: none repeat scroll 0 0 #4194D8;
    color: #fff;
    font-size: 25px;
    text-align: center;
    vertical-align: middle;
    height: 100px;
}
*/

#tblSubscriptions tr:nth-child(even) {
    background: none repeat scroll 0 0 #ffffff;
}

#tblSubscriptions .btn {
    font-size: 15px;
}

#tblSubscriptions td:last-of-type a button {
    margin-right: 5px;
}

#tblSubscriptions .ribbon {
    height: 100px;
    left: -45px;
    overflow: hidden;
    position: absolute;
    top: -1px;
    width: 130px;
    z-index: 9;
}

    #tblSubscriptions .ribbon .text {
        background-color: #fec519;
        color: #fff;
        font-family: "Lato",arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        left: -8px;
        padding: 10px 10px 10px 18px;
        position: relative;
        text-align: left;
        text-transform: uppercase;
        top: -20px;
        transform: rotate(-45deg) translate3d(0px, 0px, 0px);
        width: 170px;
    }

        #tblSubscriptions .ribbon .text:before, #tblSubscriptions .item .ribbon .text:after {
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid #9e6500;
            bottom: -5px;
            content: "";
            position: absolute;
        }

        #tblSubscriptions .ribbon .text:before {
            left: 0;
        }

        #tblSubscriptions .ribbon .text:after {
            right: 0;
        }

#PricingGrid .btn-large {
    border-radius: 4px;
}

#tblSubscriptions .btn-default {
    color: #666;
    background-color: #EEEEEE;
    border-color: #D3D3D3;
    font-weight: normal;
    border-radius: 4px;
}

    #tblSubscriptions .btn-default:hover {
        color: #666;
        background-color: #dddddd;
        border-color: #B3B3B3;
    }

.btn-gray {
    color: #666;
    background-color: #EEEEEE;
    border-color: #D3D3D3;
    font-weight: normal;
    border-radius: 4px;
}

    .btn-gray:hover {
        color: #666;
        background-color: #dddddd;
        border-color: #B3B3B3;
    }

    .btn-gray .caret {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 2px;
        vertical-align: middle;
        border-top: 4px solid #666666;
        border-right: 4px solid transparent;
        border-bottom: 0 dotted;
        border-left: 4px solid transparent;
        content: "";
    }

.nopadding {
    padding: 0px !important;
}

.freeTryDiv {
    background: none repeat scroll 0 0 #fff;
    color: #888;
    display: block;
    height: 100%;
    margin: 0;
    padding-top: 34px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

._ptable {
    width: 100%;
    margin-bottom: 20px;
}

    ._ptable thead > tr > th,
    ._ptable tbody > tr > th,
    ._ptable tfoot > tr > th,
    ._ptable thead > tr > td,
    ._ptable tbody > tr > td,
    ._ptable tfoot > tr > td {
        padding: 5px 3px;
        padding-right:3px; 
        line-height: 1.428571429;
        vertical-align: top;
        font-size: 12px;
    }

    ._ptable tbody + tbody {
        border-top: 2px solid #dddddd;
    }

    ._ptable th {
        font-size: 16px;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        background-color: #A9D08E;
        color: #000 !important;
        border: 1px solid #000 !important;
    }

        ._ptable th a, .table th a:hover {
            color: #000 !important;
        }

    ._ptable tr.oddrow {
        background: #fff; /*background: #fafafa;*/
    }

    ._ptable tr.evenrow {
        background: #fff; /*background: #f0f8ff;*/
    }

    ._ptable td {
        border: 1px solid #000 !important;
    }

footer, footer a {
    font-size: 12px;
}


.dvHardiskCanvas {
    position: relative;
    text-align: center;
}

.container aside .holder {
    display: none;
}

@media (max-width: 1199px) {
    .dvHardiskCanvas {
        position: relative;
        text-align: center;
        margin-bottom: 60px;
    }

    #PricingGrid .pricing-table {
        margin-top: 30px;
    }

    /*.container aside.ng-scope {
        background-color: white;
        left: -165px;
        position: absolute;
        z-index: 9999;
    }
    .container aside .holder {
        background: none repeat scroll 0 0 white;
        color: #555555;
        font-size: 20px;
        padding: 10px;
        position: absolute;
        right: -40px;
        top: 20px;
    }*/
}

@media (min-width: 768px) and (max-width: 991px) {
    #logoutForm ul li:first-of-type {
        display: none;
    }

    .minheight212px {
        min-height: 292px !important;
    }
}

@media (max-width: 350px) {
    #spnProjectCount {
        display: none;
    }
}

@media (max-width: 410px) {
    #divProject .nav-tabs li {
        width: 33.33%;
    }

        #divProject .nav-tabs li a {
            padding: 10px 3px;
            text-align: center;
        }

    .form-group .col-md-3 #btnSearch, .form-group .col-md-3 #btnReset {
        margin-top: 10px;
    }
}

/*@media (max-width: 440px) {
    .mce-menubtn.mce-fixed-width.mce-btn-small span {
        width: 50px !important;
    }
    .mce-listbox button {
        padding-right: 0 !important;
    }
}*/
.slideDot {
    display: inline-block;
    margin-top: 10px;
    vertical-align: top;
}

.table td:last-of-type, .table th:last-of-type {
    text-align: right;
}

    .table td:last-of-type .form-group {
        margin-bottom: 12px !important;
    }

    .table td:last-of-type .btn {
        margin-bottom: 3px;
    }

    .table td:last-of-type a:last-of-type {
        margin-right: 3px;
    }


.colorred {
    color: red;
}

#tblPriceCompare, #tblPriceCompare td {
    color: #000000;
    /*border-color:#eee !important;*/
}

    #tblPriceCompare h1, #tblPriceCompare h2, #tblPriceCompare h3, #tblPriceCompare h4, #tblPriceCompare h5, #tblPriceCompare h6 {
        margin: 0px !important;
        color: #336699;
        font-size: 25px;
    }

.LightGrayBG1 {
    background-color: #808080;
}

.LightGrayBG2 {
    background-color: #A6A6A6;
}

.LightGrayBG3 {
    background-color: #BFBFBF;
}

.LightGrayBG4 {
    background-color: #D9D9D9;
}

.LightGrayBG5 {
    background-color: #F2F2F2;
}

.GreenBGD1 {
    background-color: #A9D08E;
}

.GreenBGD2 {
    background-color: #C6E0B4;
}

.GreenBGD3 {
    background-color: #E2EFDA;
}

.SkyBlueBGD1 {
    background-color: #2F75B5;
}

.SkyBlueBGD2 {
    background-color: #9BC2E6;
}

.SkyBlueBGD3 {
    background-color: #BDD7EE;
}

.SkyBlueBGD4 {
    background-color: #DDEBF7;
}

.SlateBlueBGD1 {
    background-color: #8EA9DB;
}

.SlateBlueBGD2 {
    background-color: #B4C6E7;
}

.SlateBlueBGD3 {
    background-color: #D9E1F2;
}

.SlateBlueBGD4 {
    background-color: #DDEBF7;
}

.SandyBrownBGD1 {
    background-color: #F4B084;
}

.SandyBrownBGD2 {
    background-color: #F8CBAD;
}

.SandyBrownBGD3 {
    background-color: #D9E1F2;
}

.SandyBrownBGD4 {
    background-color: #DDEBF7;
}


.GoldBGD1 {
    background-color: #FFD966;
}

.GoldBGD2 {
    background-color: #FFE699;
}

.GoldBGD3 {
    background-color: #FFF2CC;
}

.textright, td.textright {
    text-align: right !important;
}

a.aTwitter {
    background-image: url('Images/twt_s.png');
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    display: inline-block;
    text-decoration: none;
}

    a.aTwitter:hover {
        background-image: url('Images/twt.png');
    }

a.aFacebook {
    background-image: url('Images/fb_s.png');
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    display: inline-block;
    text-decoration: none;
}

    a.aFacebook:hover {
        background-image: url('Images/fb.png');
    }

select.form-control:focus {
    border-color: #dddddd;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px #dddddd, 0 0 8px #eeeeee;
    box-shadow: inset 0 1px 1px #dddddd, 0 0 8px #eeeeee;
}

.dots {
    margin-bottom: 0px !important;
}

.modal-header-blue {
    background-color: #3176B0 !important;
    color: white !important;
    border-radius: 4px 4px 0px 0px;
}

    .modal-header-blue h4 {
        color: white !important;
    }

    .modal-header-blue .close {
        color: white !important;
        opacity: 1 !important;
        filter: alpha(opacity=100);
    }

.modal-header-gray {
    background-color: #F5F5F5 !important;
    border-radius: 4px 4px 0px 0px;
}

.modal-footer {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.GrayBorder {
    border-color: #d0d0d0;
}


#tblUserCostDetails td:nth-child(1) {
    /*  background-color:#9BC2E6 !important;*/
    border: none !important;
    color: #333 !important;
    /*font-weight: bold;*/
}

#tblUserCostDetails th:nth-child(1) {
    text-align: left;
    width: 65% !important;
}

#tblUserCostDetails th:nth-child(2), #tblUserCostDetails th:nth-child(3), #tblUserCostDetails th:nth-child(4) {
    text-align: right;
    width: 12% !important;
}

#tblUserCostDetails td:nth-child(2) {
    /*  background-color:#BDD7EE !important;*/
    border: none !important;
    /*font-weight: bold;*/
    text-align: right;
}

#tblUserCostDetails td:nth-child(3) {
    /*   background-color:#DDEBF7 !important;*/
    border: none !important;
    /*font-weight: bold;*/
    text-align: right;
}

#tblUserCostDetails td:nth-child(4) {
    /*  background-color:#BDD7EE !important;*/
    border: none !important;
    font-weight: bold;
    text-align: right;
}

.content-wrapper .panel-heading-eee {
    background-color: #eeeeee;
}

.whitearrow {
    border-bottom: 20px solid transparent;
    border-left: 13px solid #979393;
    border-top: 20px solid transparent;
    float: right;
    height: 0;
    width: 0;
}

    .whitearrow .point {
        border-bottom: 20px solid transparent;
        border-left: 13px solid #eeeeee;
        border-top: 20px solid transparent;
        float: right;
        height: 0;
        position: relative;
        top: -20px;
        width: 0;
    }

.activeStep:before {
    background-color: #fff;
}

.activeStep {
    background-color: #eee;
}

    .activeStep div, .InactiveStep div {
        display: inline-block;
        vertical-align: middle;
        padding-top: 12px;
    }

        .activeStep div:first-of-type {
            background-color: #fff;
            padding: 11px 29px 0 12px;
            height: 40px;
        }

        .InactiveStep div:first-of-type {
            padding: 11px 29px 0 8px;
            height: 40px;
        }

    .activeStep .whitearrow .point {
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 13px solid #ffffff;
    }

    .activeStep .number {
        background: none repeat scroll 0 0 #3276b1;
        border: 0 none;
        border-radius: 50%;
        color: white;
        display: inline-block;
        font-size: 12px;
        height: 20px;
        padding: 4px 0 5px 6px;
        position: relative;
        top: 0;
        width: 20px;
    }

.InactiveStep .number {
    background: none repeat scroll 0 0 #cccccc;
    border: 0 none;
    border-radius: 50%;
    color: white;
    display: inline-block;
    font-size: 12px;
    height: 20px;
    padding: 4px 0 5px 6px;
    position: relative;
    top: 0;
    width: 20px;
}

@media (max-width: 1199px) {
    #MuBreadcrumbs div.h5 {
        width: 100% !important;
    }
    #MuBreadcrumbs div.h5 div {
        width: 100% !important;
    }
    #MuBreadcrumbs span.whitearrow {
        display:none;
    }
}

.wraptext
{
    word-wrap: break-word !important;
    word-break: break-all !important;
}