<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600');
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(https://fonts.googleapis.com/css?family=Roboto:300);

h4, h5, h6,
h1, h2, h3 {
    margin-top: 0;
}

ul, ol {
    margin: 0;
}

p {
    margin: 0;
}

/*----start-header
@font-face {
    font-family: 'ColabReg-webfont';
    src: url(../fonts/ColabReg-webfont.ttf) format('truetype');
}
----*/

html, body {
    font-family: 'ColabReg-webfont';
    font-size: 100%;
    background: #fff;
}

    body a {
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
    }

/*----start-header----*/
.header {
    background: #fff;
    border-top: 2px solid #629EE8;
}

.dropdown_box {
    float: right;
    width: 10%;
}

.metro {
    position: relative;
    cursor: pointer;
    font-weight: 600;
    background: #d1e1e3;
    color: #898989;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

    .metro.open {
        z-index: 2;
    }

    .metro:hover,
    .metro.focus {
        color: #666;
    }
    /* OLD SELECT (HIDDEN) */
    .metro .old {
        position: absolute;
        left: 0;
        top: 0;
        height: 0;
        width: 0;
        overflow: hidden;
    }


    .metro select {
        position: absolute;
        left: 0px;
        top: 0px;
    }

    .metro.touch select {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    /* SELECTED FEEDBACK ITEM */
    .metro .selected {
        color: #fff;
    }

        .metro .selected:hover {
            color: #8fbe00;
        }

    .metro .selected,
    .metro li {
        display: block;
        font-size: 12px;
        padding: 5px 0px 5px 10px;
        overflow: hidden;
        white-space: nowrap;
        text-align: left;
        font-weight: 100;
        text-transform: uppercase;
    }

.panelBox {
}

.metro .selected::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 13px;
    background: url(../images/img-sprite.png) no-repeat 1px 2px #487ab9;
}
/* DROP DOWN WRAPPER */
.metro div {
    position: absolute;
    height: 0;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 1px;
    background: #d1e1e3;
    overflow: hidden;
    opacity: 0;
    color: #FFF;
}
/* Height is adjusted by JS on open */
.metro.open div {
    opacity: 1;
    z-index: 2;
}
/* FADE OVERLAY FOR SCROLLING LISTS */
.metro.scrollable div::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50px;
}

.metro.scrollable.bottom div::after {
    opacity: 0;
}
/* DROP DOWN LIST */
.metro ul {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.metro.scrollable.open ul {
    overflow-y: auto;
}
/* DROP DOWN LIST ITEMS */
.metro li {
    list-style: none;
    padding: 6px 10px;
    font-size: 0.85em;
    font-weight: 400;
    text-transform: lowercase;
}

    .metro li:last-child {
        border-bottom: 0;
    }
    /* .focus class is also added on hover */
    .metro li:hover {
        background-color: #555;
        color: white;
    }

    .metro li.focus {
        background: #00a8b6;
        position: relative;
        z-index: 3;
        color: #FFF;
    }

    .metro li.active {
        background-color: #39abb5;
        color: #fff;
    }

.header_top {
    width: 100%;
    padding-top: 0.1em;
    padding-right: 0;
    padding-left: 0;
    position: relative;
    z-index: 2;
    background-color: white;
    /*  padding-bottom: 1em;*/
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    /* margin: 2px 0 0 0;*/
    background-image: url(../images/bg-img_tdgits.jpg);
    background-size: cover;
    /* background: #f9f9f9;*/
    background-repeat: repeat-x;
    /* background-image: -webkit-linear-gradient( 90deg, rgb(234,234,234) 16%, #ffffff 81%);*/
    /*background-image: -webkit-linear-gradient(270deg,rgba(181,206,229,1.00) 0%,rgba(217,229,241,1.00) 59.59%,rgba(238,245,255,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(181,206,229,1.00) 0%,rgba(217,229,241,1.00) 59.59%,rgba(238,245,255,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(181,206,229,1.00) 0%,rgba(217,229,241,1.00) 59.59%,rgba(238,245,255,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(181,206,229,1.00) 0%,rgba(217,229,241,1.00) 59.59%,rgba(238,245,255,1.00) 100%);
*/
}

.logo {
    float: left;
    margin-left: 15px;
    margin-top: 5px;
}

    .logo img {
        max-width: 250px;
        vertical-align: top;
    }

.menu {
    float: right;
    margin-right: 40px;
}

.mymenu {
    float: left;
    position: relative;
    font-size: 17px;
    background-color: #00bdff1f;
    color: #f1f1f1;
    width: 100%;
    padding: 0;
    letter-spacing: 1px;
    font-family: "Segoe UI";
}


.mymenu1 li {
    display: inline-block;
}

.mymenu li:first-child {
    margin-left: 0;
}

.mymenu li a {
    display: block;
    font-size: 1em;
    color: #999;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-transform: uppercase;
    font-weight: 100;
    padding: 6px 15px 4px;
    text-decoration: none;
}

#nav .current a {
    color: #000;
    line-height: 50px;
    /*background:#e4551d;--*/
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.mymenu li a:hover, .mymenu li.active a {
    color: #fff;
    background-color: #d3e4ff !important;
    line-height: 60px;
    /*	-webkit-transform: rotateY(30deg);
	-moz-transform: rotateY(30deg);
	-ms-transform: rotateY(30deg);
	transform: rotateY(30deg);*/
}

.toggleMenu {
    display: none;
    padding: 4px 5px 0px 5px;
}

.nav:before,
.nav:after {
    content: " ";
    display: table;
}

.nav:after {
    clear: both;
}

.nav ul {
    list-style: none;
}
/**** Slider *****/
.banner {
    background: url(../images/banner.jpg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    min-height: 360px;
}

.banner2 {
    background: url(../images/banner.jpg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    min-height: 360px;
}

.banner3 {
    background: url(../images/banner.jpg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    min-height: 360px;
}

.wmuSlider {
    position: relative;
    overflow: hidden;
}

    .wmuSlider .wmuSliderWrapper article img {
        max-width: 100%;
        width: auto;
        height: auto;
        display: inline-block;
    }
/* Default Skin */
.wmuGallery .wmuGalleryImage {
    margin-bottom: 10px;
}

.wmuSliderPrev, .wmuSliderNext {
    position: absolute;
    width: 65px;
    height: 75px;
    text-indent: -9999px;
    background: url(../images/img-sprite.png) no-repeat;
    top: 10em;
    z-index: 2;
    cursor: pointer;
}

.wmuSliderPrev {
    background-position: -26px -5px;
    left: 0px;
}

.wmuSliderNext {
    background-position: -97px -5px;
    right: 0px;
}

.banner_container {
    width: 93%;
    margin: 0 auto;
}

.banner_right {
    float: right;
    margin-top: 10%;
    width: 53%;
    text-align: center;
}

    .banner_right h1 {
        font-size: 3.5em;
        color: #515151;
        font-weight: 900;
        margin: 0;
        font-family: 'Playball', cursive;
    }

    .banner_right h2 {
        font-size: 2.5em;
        color: #8f9899;
        font-weight: 100;
        margin: 1em 0 2em;
    }

.btn.btn-primary, .btn1.btn1-primary1, .btn2.btn2-primary2, .btn3.btn3-primary3 {
    font-size: 1em;
    font-weight: 300;
    font-style: normal;
    text-shadow: none;
    text-transform: uppercase;
    color: #FFF;
    padding: 18px 30px;
    position: relative;
    letter-spacing: 0;
    background: transparent;
    box-shadow: none;
    border: none;
    outline: none;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-appearance: none;
}

.btn-primary {
    color: #fff;
}

.btn.btn-primary:before {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: -1;
    border-radius: 0;
    background: #00a8b6;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-bottom: 5px solid #01909c;
}

.btn.btn-primary:hover:before {
    width: 100%;
    left: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn.btn-primary:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    border-radius: 0;
    background: #8fbe00;
    z-index: -2;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-bottom: 5px solid #7fa900;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
}

.banner_text {
    background-color: hsla(0,0%,100%,1.00);
    padding: 2.5em 0;
    border-bottom: 1px solid #E1E1E1;
}

ul.banner_box {
    padding: 0;
    list-style: none;
}

    ul.banner_box li.box_desc {
        float: left;
        color: hsla(0,0%,20%,1.00);
        font-size: 2.7em;
    }

    ul.banner_box li.box_but {
        float: left;
        margin-top: 17px !important;
        margin-left: 60px !important;
    }

.btn1.btn1-primary1 {
    color: #000;
}

.btn1-primary1 {
    color: #000;
}

.btn1.btn1-primary1:before {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: -1;
    border-radius: 0;
    background: #8fbe00;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-bottom: 5px solid #7fa900;
    color: #fff;
}

.btn1.btn1-primary1:hover:before {
    width: 100%;
    left: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn1.btn1-primary1:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    background: #f9f2e7;
    z-index: -2;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-bottom: 5px solid #e6e2da;
}

.btn1-primary1:hover, .btn1-primary1:focus, .btn1-primary1:active, .btn1-primary1.active, .open .dropdown-toggle.btn1-primary1 {
    color: #fff;
    text-decoration: none;
}

.grid_1 {
    background-color: #FFFFFF;
    padding-top: 1em;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 5em;
}

i.icon1 {
    width: 60px;
    height: 65px;
    background: url(../images/img-sprite.png)no-repeat -168px -5px;
    display: inline-block;
}

i.icon2 {
    width: 60px;
    height: 65px;
    background: url(../images/img-sprite.png)no-repeat -233px -3px;
    display: inline-block;
}

i.icon3 {
    width: 60px;
    height: 65px;
    background: url(../images/img-sprite.png)no-repeat -9px -83px;
    display: inline-block;
}

.box_1 h3 {
    color: #184448;
    font-size: 1.7em;
    font-weight: 600;
    margin: 0.6em 0 0.8em;
}

.box_1 p {
    color: #747676;
    font-size: 1em;
    font-weight: 500;
    line-height: 1.8em;
}

.grid_2 {
    background: #fff;
    padding: 5em 0;
}

    .grid_2 h3, .grid_1 h2, .new h3 {
        text-align: center;
        color: #184448;
        font-size: 2em;
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 1.5em;
    }

/*-----------------------------------------------------------------------------------*/
/*	Stroke
/*-----------------------------------------------------------------------------------*/
.b-link-stroke {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-weight: 300;
    overflow: hidden;
    margin-bottom: 5px;
}

    .b-link-stroke .b-wrapper {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 9em;
        left: 0;
        text-align: center;
        color: #ffffff;
    }

    .b-link-stroke .b-wrapper2 {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 16em;
        left: 0;
        text-align: center;
        color: #ffffff;
    }

    .b-link-stroke .b-top-line {
        position: absolute;
        top: -100%;
        left: 0;
        width: 50%;
        height: 100%;
        background: rgba(0, 168, 182, 0.8);
    }

    .b-link-stroke .b-bottom-line {
        position: absolute;
        bottom: -100%;
        right: 0;
        width: 50%;
        height: 100%;
        background: rgba(0, 168, 182, 0.8);
    }

    .b-link-stroke .b-top-line, .b-link-stroke .b-bottom-line {
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }

    .b-link-stroke:hover .b-top-line {
        top: 0;
    }

    .b-link-stroke:hover .b-bottom-line {
        bottom: 0;
    }
/*-----------------------------------------------------------------------------------*/
/*	Animation effects
/*-----------------------------------------------------------------------------------*/
.b-animate-go {
    text-decoration: none;
}

.b-animate {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    visibility: hidden; /* lt-ie9 */
}
/* lt-ie9 */
.b-animate-go:hover .b-animate {
    visibility: visible;
}

.b-from-left {
    position: relative;
    left: -100%;
}

.b-animate-go:hover .b-from-left {
    left: 0;
}

.b-from-right {
    position: relative;
    right: -100%;
}

.b-animate-go:hover .b-from-right {
    right: 0;
}

.b-from-top {
    position: relative;
    top: -100%;
}

.b-animate-go:hover .b-from-top {
    top: 0;
}

.b-from-bottom {
    position: relative;
    bottom: -100%;
}

.b-animate-go:hover .b-from-bottom {
    bottom: 0;
}

.b-scale {
    position: relative;
    transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
}

.b-animate-go:hover .b-scale, h1 {
    transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
}

.box_3 {
    border: 1px solid #dbdfe0;
}

.box_4 {
    padding: 0 1em;
    background: #fff;
}

    .box_4 h3 {
        font-size: 1.5em;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 300;
        background-color: #C4001F;
        width: 100%;
        padding: 7px 10px;
        border: 3px solid #F9F9F9;
        box-shadow: 0 0 2px 2px #E7E7E7;
        -webkit-box-shadow: 0 0 2px 2px #E7E7E7;
        margin-top: 25px;
    }

        .box_4 h3 a {
            color: #FFFFFF;
        }

            .box_4 h3 a:hover {
                text-decoration: none;
                color: #0063C0;
            }

    .box_4 p, p.m_1 {
        color: #747676;
        font-size: 1em;
        font-weight: 500;
        line-height: 1.8em;
        margin: 1.5em 0;
    }

span.more {
    color: #075ED3;
    font-size: 1em;
    font-weight: 100;
}

    span.more:hover {
        text-decoration: none;
        color: #1A70B7;
    }

.links ul {
    padding: 0;
    list-style: none;
}

    .links ul li {
        display: inline-block;
    }

    .links ul li {
        margin-right: 3%;
        font-size: 0.8125em;
        color: #cdd4d4;
        font-weight: 100;
    }

        .links ul li a {
            color: #cdd4d4;
        }

            .links ul li a:hover {
                color: #8fbe00;
                text-decoration: none;
            }

i.user {
    width: 20px;
    height: 20px;
    background: url(../images/img-sprite.png)no-repeat -83px -90px;
    float: left;
    margin-right: 5px;
}

i.calender {
    width: 20px;
    height: 20px;
    background: url(../images/img-sprite.png)no-repeat -82px -118px;
    float: left;
    margin-right: 5px;
}

i.comment {
    width: 20px;
    height: 20px;
    background: url(../images/img-sprite.png)no-repeat -112px -92px;
    float: left;
    margin-right: 5px;
}

.links {
    background-color: #EDEDED;
    border-top: 1px solid #dbdfe0;
    padding: 10px;
}

.twitter {
    background: url(../images/twitter.jpg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    min-height: 600px;
    padding-top: 5em;
    text-align: center;
}

    .twitter h3 {
        color: #fff;
        text-transform: uppercase;
        font-size: 2.5em;
        font-weight: bold;
    }

    .twitter h4 {
        color: #fff;
        text-transform: uppercase;
        font-size: 1em;
        font-weight: 100;
        letter-spacing: 5px;
    }

i.twt {
    width: 55px;
    height: 45px;
    background: url(../images/img-sprite.png)no-repeat -166px -90px;
    display: inline-block;
    margin: 2em 0;
}

.twitter p {
    color: #d6dcdd;
    font-size: 1em;
    line-height: 1.8em;
    margin-bottom: 2em;
}

.twitter span {
    height: 4px;
    width: 12%;
    background: #2f4045;
    display: inline-block;
}

.twitter a {
    color: #fff;
    display: block;
    margin-top: 2em;
    font-size: 1.2em;
}

    .twitter a:hover {
        text-decoration: none;
        color: #00a8b6;
    }

.new {
    background: #fff;
    padding: 5em 0;
}

    .new h3 {
        text-align: center;
    }

ul.date_grid {
    padding: 0;
    list-style: none;
}

    ul.date_grid li.date_left {
        width: 20%;
        float: left;
    }

    ul.date_grid li.date_right {
        float: left;
        width: 75%;
        margin-left: 5%;
    }

        ul.date_grid li.date_right p {
            color: #184448;
            font-size: 1.3em;
            font-weight: 600;
        }

.date {
    background: #00AEFF;
    font-size: 30px;
    line-height: 18px;
    font-weight: 300;
    padding: 11px 10px 12px;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    background: #40c0cb;
    border-bottom: 5px solid #39abb5;
}

    .date span {
        display: inline-block;
        margin-bottom: 7px;
        font-size: 30px;
        line-height: 30px;
        border-bottom: 1px solid #fff;
    }
/*--footer--*/
.footer {
    background: #172125;
    padding: 1em 0;
}

.footer_grid p {
    color: #999;
    font-size: 1em;
    line-height: 1.8em;
    margin: 1.5em 0;
}

ul.footer_links {
    padding: 0;
    margin: 0;
    list-style: none;
}

    ul.footer_links li {
        display: inline-block;
    }

        ul.footer_links li a {
            color: #40c0cb;
            margin-top: 10px;
            font-size: 0.85em;
        }

            ul.footer_links li a:hover {
                text-decoration: none;
                color: #999;
            }

p.m_2 {
    color: #40c0cb;
    margin-top: 10px;
    font-size: 0.85em;
}

ul.footer_social {
    padding: 0;
    list-style: none;
    margin-top: 1em;
}

    ul.footer_social li:first-child, ul.about_social li:first-child, ul.share li:first-child {
        margin-left: 0;
    }

    ul.footer_social li, ul.about_social li, ul.share li {
        display: inline-block;
    }

        ul.footer_social li a i, ul.about_social li a i {
            width: 25px;
            height: 25px;
            display: block;
            background: url(../images/img-sprite.png)no-repeat;
        }

            ul.footer_social li a i:hover, ul.about_social li a i:hover, ul.share li a i:hover {
                opacity: 0.8;
            }

            ul.footer_social li a i.fb {
                background-position: -9px -158px;
            }

            ul.footer_social li a i.db {
                background-position: -68px -158px;
            }

            ul.footer_social li a i.tw {
                background-position: -39px -158px;
            }

            ul.footer_social li a i.google {
                background-position: -98px -158px;
            }

.footer_grid1 h3 {
    color: #fff;
    font-size: 1.8em;
    margin-bottom: 1.4em;
}

ul.list1 {
    padding: 0;
    list-style: none;
}

ul.list2 {
    margin-bottom: 1em;
}

ul.list1 li.list1_img {
    width: 23%;
    float: left;
    margin-right: 4%;
}

ul.list1 li.list1_desc {
    width: 73%;
    float: left;
}

p.m_3 {
    color: #fff;
    font-size: 1em;
    line-height: 1.5em;
}

ul.tags_links, ul.widget_links {
    padding: 0;
    list-style: none;
}

    ul.tags_links li {
        display: inline-block;
        margin: 0 0 13px 7px;
    }

        ul.tags_links li a {
            color: #fff;
            font-size: 0.8125em;
            background: #657273;
            padding: 7px 8px;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -o-border-radius: 3px;
        }

            ul.tags_links li a:hover {
                text-decoration: none;
                background: #8fbe00;
            }

    ul.widget_links li {
        width: 31.3333%;
        float: left;
        margin: 0 5px 5px 0;
    }

.copy p {
    font-size: 0.85em;
    color: #999;
}

    .copy p a {
        color: #40c0cb;
    }

        .copy p a:hover {
            text-decoration: none;
            color: #8fbe00;
        }
/*--about--*/
.about_banner {
    background: url(../images/about_banner.jpg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    min-height: 600px;
}

.banner_left {
    float: left;
    margin: 10% 0 0 10%;
    width: 40%;
    text-align: center;
    min-height: 300px;
}

.success {
    background: #f4feff;
    padding: 5em 0;
    border-bottom: 3px solid #d2e9eb;
}

    .success h3 {
        text-align: center;
        font-size: 2em;
        color: #184448;
        text-transform: uppercase;
        font-weight: 600;
    }

    .success h4 {
        text-align: center;
        font-size: 1.2em;
        color: #184448;
        letter-spacing: 5px;
        font-weight: 100;
        margin-bottom: 5em;
    }

ul.banner_btn {
    list-style: none;
    padding: 0;
}

    ul.banner_btn li {
        margin-left: 8px;
        list-style: none;
        display: inline-block;
    }

        ul.banner_btn li a {
            color: #FFF;
            padding: 0.8em 1.7em;
            text-decoration: none;
            font-weight: 500;
            font-size: 1.2em;
        }

.btn2-primary2 {
    color: #fff;
}

.btn2.btn2-primary2:before {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: -1;
    border-radius: 0;
    background: #f9f2e7;
    border-bottom: 5px solid #e6e2da;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: #000;
}

.btn2.btn2-primary2:hover:before {
    width: 100%;
    left: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn2.btn2-primary2:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    border-radius: 0;
    background: #00a8b6;
    border-bottom: 5px solid #01909c;
    z-index: -2;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
}

.btn3.btn3-primary3 {
    color: #00a8b6;
}

    .btn3.btn3-primary3:before {
        content: "";
        position: absolute;
        width: 0;
        height: 100%;
        bottom: 0;
        right: 0;
        top: 0;
        z-index: -1;
        border-radius: 0;
        background: #00a8b6;
        border-bottom: 5px solid #01909c;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .btn3.btn3-primary3:hover:before {
        width: 100%;
        left: 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .btn3.btn3-primary3:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 0;
        left: 0;
        border-radius: 0;
        background: #f9f2e7;
        border-bottom: 5px solid #e6e2da;
        z-index: -2;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -o-border-radius: 2px;
    }

.btn2-primary2:hover, .btn2-primary2:focus, .btn2-primary2:active, .btn2-primary2.active, .open .dropdown-toggle.btn2-primary2 {
    color: #00a8b6;
    text-decoration: none;
}

.btn3-primary3:hover, .btn3-primary3:focus, .btn3-primary3:active, .btn3-primary3.active, .open .dropdown-toggle.btn3-primary3 {
    color: #fff;
    text-decoration: none;
}

.banner_left h1 {
    font-family: 'Playball', cursive;
    color: #fff;
    font-size: 3.5em;
    font-weight: 600;
}

span.color1 {
    color: #00a8b6;
}

.banner_left h2 {
    font-family: 'Playball', cursive;
    color: #d2d4d4;
    font-size: 2em;
    margin: 1em 0 2em;
}

.social ul, .social_last ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.social {
    width: 23.33%;
    float: left;
    text-align: center;
    position: relative;
}

.social_last {
    position: relative;
    float: left;
}

.social ul li:first-child, ol li:first-child {
    margin-top: 0px;
    margin-left: 0;
}

li.num_bg span {
    height: 50px;
    width: 50px;
    display: block;
    background: #00a8b6;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
}

li.num span {
    height: 50px;
    width: 50px;
    display: block;
    background: #ddeff1;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
}

    li.num_bg span p, li.num span p {
        color: #fff;
        font-size: 1.2em;
        padding-top: 12px;
        font-weight: 100;
        text-align: center;
    }

    li.num span p {
        color: #184448;
    }

.border, .border_num {
    height: 20px;
    width: 220px;
    display: block;
    background: #00a8b6;
    position: absolute;
    left: 48px;
    top: 29%;
}

.border_num {
    background: #ddeff1;
}

.about_grid1 {
    padding: 5em 0 8em;
}

.about_grid1-left h2, .about_grid1-right h2 {
    font-size: 2.5em;
    color: #184448;
    text-transform: uppercase;
    font-weight: 600;
}

.about_grid1-left h3, .about_grid1-right h3 {
    font-size: 1.2em;
    color: #184448;
    letter-spacing: 5px;
    font-weight: 100;
    text-transform: uppercase;
    margin-bottom: 5em;
}

.about_grid1-right p, .service_grid1-right p, .blog_left p, .single_contact p, .portfolio_right p {
    color: #747676;
    font-size: 1em;
    font-weight: 500;
    line-height: 1.8em;
    margin-bottom: 1.5em;
}

.meter {
    position: relative;
    margin: 0px 0 10px 0;
    background: #ddeff1;
    height: 38px;
    font-weight: 100;
}

    .meter &gt; span {
        display: block;
        height: 100%;
        background-color: #00a8b6;
        position: relative;
        overflow: hidden;
        border-bottom: 3px solid #0096a2;
    }

.red &gt; span {
    background-color: #00a8b6;
}

.progress_desc {
    float: left;
    color: #fff;
    margin: 8px 0 0 8px;
    font-size: 0.85em;
    border-left: 1px solid #0096a2;
    padding-left: 7px;
}

.percent {
    float: left;
    color: #fff;
    margin: 8px 0px 0 10px;
}

#graph-wrapper {
    padding-bottom: 5em;
}

.status-head h3, h3.m_1, .testimonial h3 {
    font-size: 2.5em;
    color: #184448;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 2em;
}

.team_grid {
    padding: 7em 0;
    background: #f5feff;
}

ul.span_2 {
    padding: 0;
    margin: 0;
    list-style: none;
    border: 1px solid #DFDFDF;
}

    ul.span_2 li.span_2-left {
        float: left;
        width: 35%;
        margin-right: 5%;
    }

    ul.span_2 li.span_2-right {
        width: 60%;
        float: left;
        padding: 1em 0;
    }

        ul.span_2 li.span_2-right h3 {
            color: #184448;
            font-size: 1.1em;
            font-weight: 500;
            text-transform: capitalize;
        }

        ul.span_2 li.span_2-right h4 {
            color: #D5D5D5;
            font-size: 0.85em;
            font-weight: 100;
            border-bottom: 2px solid #dbdfe0;
            width: 26%;
            margin-bottom: 10px;
            padding-bottom: 1em;
        }

        ul.span_2 li.span_2-right p {
            color: #747676;
            font-size: 1em;
            font-weight: 500;
            line-height: 1.5em;
            margin-bottom: 1.5em;
        }

ul.about_social {
    padding: 0;
    list-style: none;
    margin-top: 1em;
}

    ul.about_social li a i.fb1 {
        background-position: -141px -158px;
    }

    ul.about_social li a i.tw1 {
        background-position: -170px -158px;
    }

    ul.about_social li a i.google1 {
        background-position: -200px -158px;
    }

    ul.about_social li a i.flickr {
        background-position: -230px -158px;
    }

    ul.about_social li a i.vemeo {
        background-position: -261px -158px;
    }

.span_3 {
    margin-bottom: 2em;
}

h3.m_1 {
    text-align: center;
}

.testimonial {
    padding: 2em 0 8em;
}

    .testimonial h3 {
        text-align: center;
        margin-bottom: 1.5em;
    }

    .testimonial p {
        color: #747676;
        font-size: 1.1em;
        font-weight: 100;
        line-height: 1.8em;
        margin-bottom: 1.5em;
        text-align: center;
    }

ul.test_icon {
    padding: 0;
    margin: 4em 0 0 0;
    list-style: none;
    text-align: center;
}

    ul.test_icon li {
        display: inline-block;
        margin-right: 5%;
        width: 14%;
    }

        ul.test_icon li a:hover {
            opacity: 0.8;
        }

.services {
    padding: 5em 0;
    border-top: 1px solid #ddeff1;
}

.service_grid1-right p {
    font-size: 1.1em;
}

h1.m_3 {
    font-size: 2.5em;
    color: #184448;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 2em;
}

.row_1 {
    margin-bottom: 2em;
}

i.icon4 {
    width: 60px;
    height: 65px;
    background: url(../images/img-sprite.png)no-repeat -5px -192px;
    display: inline-block;
}

i.icon5 {
    width: 60px;
    height: 65px;
    background: url(../images/img-sprite.png)no-repeat -65px -192px;
    display: inline-block;
}

i.icon6 {
    width: 60px;
    height: 65px;
    background: url(../images/img-sprite.png)no-repeat -118px -195px;
    display: inline-block;
}

.service_grid1 {
    margin-bottom: 3em;
}
/*--pricing--*/
.pricing-tables {
    padding: 3em 0;
}

.pricing-table-grid ul {
    margin: 0;
    padding: 0;
}

    .pricing-table-grid ul li {
        list-style: none;
        text-align: center;
    }

        .pricing-table-grid ul li a {
            line-height: 2em;
            display: block;
            text-decoration: none;
            font-size: 1.1em;
            color: #657273;
        }

        .pricing-table-grid ul li span {
            font-weight: bold;
        }

        .pricing-table-grid ul li a:hover {
            color: #40c0cb;
        }

.pricing-table-grid h3 {
    border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    -o-border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    -o-border-top-left-radius: 3px;
}

.pricing-table-grid h3 {
    text-align: center;
    font-weight: 600;
    margin: 0;
    background: #dee9ea;
    padding: 1.4em 0;
    display: block;
    color: #202242;
    text-transform: uppercase;
    font-size: 1.3em;
}
/*---- pricing -----*/
.pricing-table-grid {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

    .pricing-table-grid:hover {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
        -ms-transform: scale(1.05);
    }

    .pricing-table-grid:hover {
        border-color: #DBD334;
    }

        .pricing-table-grid:hover a, .pricing-table-grid:hover span {
            border-color: #3685CF;
        }

    .pricing-table-grid ul li.price {
        background: #edf4f5;
        padding: 0.7em 0;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        font-size: 1.5em;
        color: #768384;
        margin-bottom: 1em;
    }

a.order-btn {
    color: #184448;
    padding: 15px 0;
    display: block;
    text-align: center;
    background: #edf4f5;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.5em;
    border-bottom: 5px solid #e2e6e6;
    margin-top: 1em;
}

    a.order-btn:hover {
        color: #40c0cb;
    }

a.btn1 {
    background-color: #0082FB;
    color: #fff;
    border-bottom: 5px solid #066AAA;
}

.plans-head {
    padding: 6em 0;
}

.column_1 h3 {
    background: #40c0cb;
    color: #fff;
}

.pricing-table-grid ul li.price_active {
    background: #00a8b6;
    color: #fff;
    padding: 0.7em 0;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    font-size: 1.5em;
}

.heading h2 {
    font-size: 2.5em;
    color: #184448;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 2em;
    text-align: center;
}
/*--blog--*/
a.mask {
    text-decoration: none;
    overflow: hidden;
    display: block;
}

img.zoom-img:hover {
    -webkit-transform: scale(1.5);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 750ms;
    -moz-transform: scale(1.5);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 750ms;
    overflow: hidden;
}

img.zoom-img {
    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
}

.blog_left h2 {
    font-size: 1.5em;
    margin: 1em 0;
    text-transform: uppercase;
    font-weight: 100;
    line-height: 1.3em;
}

    .blog_left h2 a {
        color: #184448;
    }

        .blog_left h2 a:hover {
            text-decoration: none;
            color: #40c0cb;
        }

.blog_left h3 {
    font-size: 0.85em;
    color: #C7C7C7;
    font-weight: 100;
}

    .blog_left h3 a {
        color: #40c0cb;
    }

.blog_left p, .single_contact p {
    font-size: 1.1em;
}

ul.dc_pagination {
    padding: 0;
    list-style: none;
}

    ul.dc_pagination li:first-child {
        margin-left: 0px;
        text-transform: uppercase;
    }

    ul.dc_pagination li {
        display: inline-block;
        margin: 0px;
        margin-left: 5px;
        padding: 0px;
        float: left;
    }

ul.dc_paginationA06 li.prev {
    background: url(../images/arrow_left.png)no-repeat 8px 8px;
    color: #FFF;
    width: 30px;
    height: 28px;
    border: 1px solid #d2e0e1;
    float: left;
    cursor: pointer;
}

ul.dc_paginationA06 li.next {
    background: url(../images/arrow_right.png)no-repeat 10px 8px;
    color: #FFF;
    width: 30px;
    height: 28px;
    border: 1px solid #d2e0e1;
    float: left;
    cursor: pointer;
}

ul.dc_pagination li a {
    color: #d2e0e1;
    display: block;
    padding: 2px 10px;
    text-decoration: none;
    font-size: 1em;
    font-style: italic;
    border: 1px solid #d2e0e1;
}

    ul.dc_pagination li a:hover {
        border: 1px solid #d2e0e1;
        color: #40c0cb;
    }

.search {
    border: 1px solid #dbdbdb;
    background: none;
    border-radius: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    position: relative;
    margin-bottom: 2em;
}

    .search form input[type="text"] {
        padding: 8px 15px;
        font-weight: 100;
        font-size: 0.85em;
        color: #94AEB0;
        border: none;
        outline: none;
        width: 87%;
        background: none;
    }

    .search form input[type="submit"] {
        background: url('../images/search.png')no-repeat 0px -1px;
        width: 20px;
        height: 20px;
        border: none;
        cursor: pointer;
        outline: none;
        position: absolute;
        top: 23%;
        right: 8px;
    }

ul.blog-list1 h3, ul.blog-list h3 {
    font-size: 1.8em;
    color: #555;
    margin-bottom: 1em;
    font-weight: 100;
}

ul.blog-list1 li {
    display: inline-block;
    margin: 8px 3px;
}

    ul.blog-list1 li a {
        color: #184448;
        font-size: 0.85em;
        text-decoration: none;
        background: #dee9ea;
        padding: 7px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
    }

ul.blog-list, ul.blog-list1 {
    padding: 0;
    margin: 3em 0 0 0;
    list-style: none;
}

ul.blog-list3 {
    padding: 0;
    margin: 1em 0 0 0;
    list-style: none;
}

ul.blog-list li {
    list-style-image: url(../images/arrow_right.png);
    margin: 0 20px 20px;
}

    ul.blog-list li a {
        color: #747676;
        font-size: 1em;
        vertical-align: initial;
        text-decoration: none;
    }

        ul.blog-list li a:hover {
            color: #40c0cb;
            text-decoration: none;
        }

ul.blog-list1 li a:hover {
    background: #40c0cb;
}

ul.blog-list3 li.blog-list3-img {
    float: left;
    width: 24%;
    margin-right: 5%;
}

ul.blog-list3 li.blog-list3-desc {
    width: 71%;
    float: left;
}

    ul.blog-list3 li.blog-list3-desc h4 {
        color: #184448;
        font-size: 0.85em;
        font-weight: 600;
        line-height: 1.5em;
    }

    ul.blog-list3 li.blog-list3-desc p {
        color: #D3D3D3;
        font-size: 0.85em;
        font-weight: 100;
        line-height: 1.5em;
    }

.blog_list2 {
    margin-top: 3em;
}

    .blog_list2 h3 {
        font-size: 1.8em;
        color: #555;
        margin-bottom: 1em;
        font-weight: 100;
    }
/*--blog_single--*/
ul.list {
    margin: 30px 0 0 0;
    padding: 3em 0 0;
    list-style: none;
    border-top: 1px solid #ddeff1;
    border-bottom: 1px solid #ddeff1;
}

.list li {
    padding-bottom: 30px;
}

.preview {
    float: left;
    width: 11%;
    margin-right: 3%;
}

.data {
    float: left;
    width: 86%;
}

.title {
    color: #000;
    font-size: 1em;
    font-weight: 100;
    margin: 0 0 10px 0;
}

    .title a {
        color: #40c0cb;
    }

.data p, .data-middle, .data-last p {
    color: #747676;
    font-size: 1em;
    font-weight: 500;
    line-height: 1.8em;
    margin-bottom: 1.5em;
}

li.middle {
    padding: 0 0px 0 14%;
    margin-bottom: 30px;
}

.preview1 {
    float: left;
    width: 13%;
    margin-right: 3%;
}

.data-middle {
    float: left;
    width: 83%;
}

.single_left {
    margin-bottom: 3em;
}

.column_2 input[type="text"] {
    padding: 10px;
    font-size: 1em;
    margin: 10px 0;
    border: 1px solid #ddeff1;
    color: #BDBDBD;
    background: none;
    float: left;
    outline: none;
    font-weight: 100;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    width: 31.5%;
    -webkit-appearance: none;
}

.column_3 input[type="text"], .column_3 textarea {
    width: 100%;
    font-size: 1em;
    margin: 10px 0;
    border: 1px solid #ddeff1;
    color: #BDBDBD;
    outline: none;
    background: none;
    height: 200px;
    padding: 10px;
    resize: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-appearance: none;
}

.single_contact {
    margin-top: 5em;
}

    .single_contact h1 {
        font-size: 2.5em;
        color: #184448;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 1.5em;
    }

.form-submit1 {
    float: right;
}

.col-md-6.portfolio_right {
    padding-left: 0 !important;
}

.portfolio_right h1 {
    font-size: 1.5em;
    margin: 0 0 1em 0;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.3em;
}

    .portfolio_right h1 a {
        color: #184448;
    }

        .portfolio_right h1 a:hover {
            text-decoration: none;
            color: #40c0cb;
        }
/*--404--*/
.error-404.text-center {
    min-height: 500px;
    margin-top: 5em;
}

.error-404 h1 {
    font-size: 12em;
    font-weight: 700;
    color: #40c0cb;
    text-transform: uppercase;
}

.error-404 p {
    color: #4f4844;
    font-size: 1.2em;
    text-transform: uppercase;
}

a.b-home {
    background: #4f4844;
    padding: 0.8em 1.5em;
    display: inline-block;
    color: #FFF;
    text-decoration: none;
    margin-top: 1em;
    -webkit-appearance: none;
}

    a.b-home:hover {
        background: #40c0cb;
    }
/*--contact--*/
.map {
    margin-bottom: 5em;
}

    .map iframe {
        width: 100%;
        min-height: 400px;
        border: none;
    }

.contact_left {
    margin-top: 0;
}

    .contact_left h1 {
        margin-bottom: 1em;
    }

.contact_right h2 {
    font-size: 1.8em;
    color: #555;
    margin-bottom: 2em;
    font-weight: 100;
}

ul.address {
    padding: 0;
    margin: 0;
    list-style: none;
}

i.address_icon, i.msg_icon, i.phone_icon {
    width: 37px;
    height: 37px;
    background: url(../images/img-sprite.png)no-repeat;
    float: left;
    border: 1px solid #ddeff1;
    margin-right: 5%;
}

i.address_icon {
    background-position: -184px -209px;
}

i.msg_icon {
    background-position: -222px -209px;
}

i.phone_icon {
    background-position: -260px -209px;
}

ul.address li.address_desc {
    overflow: hidden;
}

    ul.address li.address_desc p, .contact_right p {
        color: #747676;
        font-size: 1em;
        line-height: 1.3em;
        margin-bottom: 1.5em;
    }

        ul.address li.address_desc p a {
            color: #747676;
        }

            ul.address li.address_desc p a:hover {
                text-decoration: none;
                color: #40c0cb;
            }

.contact_right p {
    margin-bottom: 0.8em;
}

h2.m_5 {
    margin: 1em 0;
}

.portfolio_right h2 {
    font-size: 1.5em;
    margin: 0 0 1em 0;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.3em;
}

.portfolio_right p {
    font-size: 1.1em;
}

ul.project_detail {
    padding: 0;
    margin: 0;
    list-style: none;
}

    ul.project_detail li {
        font-size: 1.1em;
        color: #747676;
        text-transform: capitalize;
        margin-bottom: 10px;
    }

span.project_bold {
    color: #184448;
    font-weight: 600;
}

ul.share {
    padding: 0;
    margin: 0 0 0 5%;
    list-style: none;
    float: left;
}

    ul.share li a i.p_fb {
        background-position: -11px -263px;
    }

    ul.share li a i {
        width: 30px;
        height: 30px;
        display: block;
        background: url(../images/img-sprite.png)no-repeat;
    }

        ul.share li a i.p_tw {
            background-position: -46px -263px;
        }

        ul.share li a i.p_linked {
            background-position: -84px -263px;
        }

p.project_bold1 {
    float: left;
    color: #184448;
    font-weight: 600;
}

.form-submit1 input[type="submit"] {
    -webkit-appearance: none;
    cursor: pointer;
    border: none;
    outline: none;
    background: none;
    text-transform: uppercase;
    font-weight: 100;
}

#flexiselDemo1, #flexiselDemo3 {
    display: none;
}

.nbs-flexisel-container {
    position: relative;
    max-width: 100%;
}

.nbs-flexisel-ul {
    position: relative;
    width: 9999px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
}

.nbs-flexisel-inner {
    overflow: hidden;
    margin: 0 auto;
}

.nbs-flexisel-item {
    float: left;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    position: relative;
    line-height: 0px;
}

    .nbs-flexisel-item &gt; img {
        cursor: pointer;
        position: relative;
        margin-top: 10px;
        margin-bottom: 10px;
        max-width: 370px;
        max-height: 500px;
    }

.grid-flex {
    margin: 2em 0 2em 0;
    text-align: left;
}

.nbs-flexisel-item a {
    color: #184448;
    font-size: 1.7em;
    font-weight: 600;
    line-height: 1.2em;
}

    .nbs-flexisel-item a:hover {
        color: #555;
    }

.nbs-flexisel-item p {
    color: #40c0cb;
    font-size: 1em;
    padding-top: 2em;
}

.nbs-flexisel-item &gt; img {
    cursor: pointer;
    position: relative;
}
/*** Navigation ***/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
    width: 35px;
    height: 35px;
    position: absolute;
    cursor: pointer;
    z-index: 100;
    margin-top: -14em;
}

.nbs-flexisel-nav-left {
    left: 94%;
    background: url(../images/img-sprite.png) no-repeat -137px -260px;
}

.nbs-flexisel-nav-right {
    right: 0px;
    background: url(../images/img-sprite.png) no-repeat -171px -260px;
}

.work_grid h2 {
    text-align: center;
    font-size: 2.5em;
    color: #184448;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 2em;
}

.work_grid {
    padding: 7em 0 0 0;
    background: #f5feff;
}

.flexi {
    margin-top: 5em;
}
/*--responsive design--*/
@media (max-width:1366px) {
    .banner_left {
        width: 45%;
    }
}

@media (max-width:1280px) {
    .banner_left {
        width: 50%;
    }

    ul.banner_box li.box_desc {
        width: 76%;
        margin-right: 0;
        font-size: 1.5em;
    }

    .btn.btn-primary, .btn1.btn1-primary1, .btn2.btn2-primary2, .btn3.btn3-primary3 {
        padding: 15px 20px;
    }
}

@media (min-width:1025px) and (max-width:1200px) {
    nav {
        position: absolute;
        top: 2px;
        z-index: 99999;
        left: 89%;
    }

    .nav-logout {
        left: 93%;
    }

    .nav-name-lb {
        left: 70%;
    }

    nav ul {
        margin-top: 0px;
        padding: 2px 1px;
        list-style: none;
        position: relative;
        float: right;
        font-family: 'open sans', sans-serif;
        font-weight: 900;
        color: #0077C2;
        background-color: hsla(0,0%,100%,0.9);
        border-left: 1px solid #22A3E3;
        border-right: 1px solid #22A3E3;
        border-bottom: 1px solid #22A3E3;
        border-top: 1px none #22A3E3;
    }

    nav li {
        float: left;
        list-style: none;
    }

    nav #login {
        border-right: 1px solid #ddd;
        -moz-box-shadow: 1px 0 0 #fff;
        -webkit-box-shadow: 1px 0 0 #fff;
        box-shadow: 1px 0 0 #fff;
    }

    nav #login-trigger,
    nav #signup a {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        height: 25px;
        font-family: 'lato', sans-serif;
        line-height: 25px;
        font-size: 13px;
        font-weight: 900;
        padding: 0 8px;
        text-decoration: none;
        color: #444;
        text-shadow: 0 1px 0 #fff;
    }

    nav #signup a {
        -moz-border-radius: 0 3px 3px 0;
        -webkit-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
    }

    nav #login-trigger {
        -moz-border-radius: 3px 0 0 3px;
        -webkit-border-radius: 3px 0 0 3px;
    }

        nav #login-trigger:hover,
        nav #login .active,
        nav #signup a:hover {
            background: #fff;
        }

    nav #login-content {
        display: none;
        position: absolute;
        top: 34px;
        right: 0;
        z-index: 99999;
    }
}

@media (max-width:1024px) {
    .form-box {
        width: 100%;
        float: left;
        padding: 40px 20px;
        background-color: hsla(0,0%,97%,1.00);
        border: 2px solid hsla(0,0%,100%,1.00);
        box-shadow: 0px 0px 2px 1px hsla(0,0%,48%,0.40);
        -webkit-box-shadow: 0px 0px 2px 1px hsla(0,0%,48%,0.40);
    }

    .pagewidth {
        width: 100% !important;
        margin-top: 30px;
    }

    .popupPageWidth {
        margin-top: 10px;
        width: 1010px !important;
        margin: auto;
    }

    .adj-frm-cnt {
        float: left;
        width: 74%;
    }

    .row-adj-wd {
    }

    .adj-wd-cont {
        width: 100%;
        background-image: url(../images/img-bg.png);
        background-size: cover;
        background-repeat: no-repeat;
    }

    /* Floating Login Div Starts Here */

    /* ''''' */
    nav {
        position: absolute;
        top: 2px;
        z-index: 99999;
        left: 92%;
    }

    .nav-logout {
        left: 92.3%;
    }

    .nav-name-lb {
        left: 70%;
    }

    nav ul {
        margin-top: 0px;
        padding: 2px 1px;
        list-style: none;
        position: relative;
        float: right;
        font-family: 'open sans', sans-serif;
        font-weight: 900;
        color: #0077C2;
        background-color: hsla(0,0%,100%,0.9);
        border-left: 1px solid #22A3E3;
        border-right: 1px solid #22A3E3;
        border-bottom: 1px solid #22A3E3;
        border-top: 1px none #22A3E3;
    }

    nav li {
        float: left;
        list-style: none;
    }

    nav #login {
        border-right: 1px solid #ddd;
        -moz-box-shadow: 1px 0 0 #fff;
        -webkit-box-shadow: 1px 0 0 #fff;
        box-shadow: 1px 0 0 #fff;
    }

    nav #login-trigger,
    nav #signup a {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        height: 25px;
        font-family: 'lato', sans-serif;
        line-height: 25px;
        font-size: 13px;
        font-weight: 700;
        padding: 0 8px;
        text-decoration: none;
        color: #444;
        text-shadow: 0 1px 0 #fff;
    }

    nav #signup a {
        -moz-border-radius: 0 3px 3px 0;
        -webkit-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
    }

    nav #login-trigger {
        -moz-border-radius: 3px 0 0 3px;
        -webkit-border-radius: 3px 0 0 3px;
    }

        nav #login-trigger:hover,
        nav #login .active,
        nav #signup a:hover {
            background: #fff;
        }

    nav #login-content {
        display: none;
        position: absolute;
        top: 34px;
        right: 0;
        z-index: 99999;
    }


    .mymenu li a {
        font-size: 0.85em;
        padding: 8px 10px 6px;
    }

    .banner_right h1 {
        font-size: 3em;
    }

    .banner_right h2 {
        font-size: 1.8em;
    }

    .banner {
        min-height: 500px;
    }

    .wmuSliderPrev, .wmuSliderNext {
        top: 13em;
    }

    .banner_text {
        padding: 2em 0;
    }

    .grid_2 h3, .grid_1 h2, .new h3 {
        font-size: 2.5em;
    }

    .box_1 h3 {
        font-size: 1.5em;
    }

    .grid_1, .grid_2 {
        padding: 2em 0 2em;
    }

    .b-link-stroke .b-wrapper {
        top: 4em;
    }

    .box_4 h3 {
        font-size: 1.2em;
    }

    .links {
        padding: 8px;
    }

        .links ul li {
            margin-right: 0%;
        }

    .twitter a {
        margin-top: 1em;
    }

    i.twt {
        margin: 1em 0;
    }

    .twitter p {
        margin-bottom: 1em;
    }

    .twitter {
        min-height: 500px;
    }

    ul.date_grid li.date_right p {
        font-size: 1.1em;
    }

    .banner_left h1 {
        font-size: 2.5em;
    }

    .banner_left h2 {
        font-size: 1.6em;
    }

    .about_banner {
        min-height: 400px;
    }

    .success h3 {
        font-size: 1.6em;
    }

    .about_grid1-left h2, .about_grid1-right h2 {
        font-size: 2em;
    }

    .status-head h3, h3.m_1, .testimonial h3 {
        font-size: 2em;
    }

    .col-md-6.portfolio_right {
        width: 42% !important;
        float: right;
    }

    .portfolio_right h1 {
        font-size: 1.2em;
    }

    .nbs-flexisel-item a {
        font-size: 1.3em;
    }

    .nbs-flexisel-nav-left {
        left: 92%;
    }
}

@media (max-width:920px) {
    .dropdown_box {
        float: right;
        width: 13%;
    }

    .mymenu li a {
        padding: 8px 5px 6px;
    }

    .header_top {
        padding-top: .0em;
        padding-right: 0;
        padding-left: 0;
        padding-bottom: .0em;
    }

    .banner_right h2 {
        font-size: 1.6em;
        margin: 1em 0;
    }

    .banner {
        min-height: 400px;
    }

    .btn.btn-primary, .btn1.btn1-primary1, .btn2.btn2-primary2, .btn3.btn3-primary3 {
        padding: 12px 18px;
        font-size: 0.85em;
    }

    .wmuSliderPrev, .wmuSliderNext {
        top: 10em;
    }

    ul.banner_box li.box_desc {
        width: 73%;
        margin-right: 0;
        font-size: 1.1em;
    }

    .col-md-4.box_1 {
        margin: 2em 0;
    }

    .grid_1, .grid_2 {
        padding: 2em 0 2em;
    }

        .grid_2 h3, .grid_1 h2, .new h3, .twitter h3 {
            font-size: 2em;
        }

    .box_3 {
        text-align: center;
        margin-bottom: 2em;
    }

        .box_3 img {
            display: inline-block;
        }

    .col_3 {
        margin-bottom: 2em;
    }

    .new {
        padding: 5em 0 2em;
    }

    .footer_grid, .footer_grid1 {
        margin-bottom: 2em;
    }

        .footer_grid1 h3 {
            margin-bottom: 0.5em;
        }

        .footer_grid p {
            font-size: 1em;
            margin: 1em 0;
        }

    .footer {
        padding: 3em 0;
    }

    .success h4 {
        font-size: 1em;
        margin-bottom: 2em;
    }

    .social {
        width: 22.33%;
    }

    .about_grid1-left h3, .about_grid1-right h3 {
        font-size: 1em;
        margin-bottom: 2em;
    }

    .col-md-6.about_grid1-right {
        margin-top: 3em;
    }

    .about_grid1, .team_grid {
        padding: 5em 0;
    }

    .status-head h3, h3.m_1, .testimonial h3 {
        margin-bottom: 1em;
    }

    ul.span_2 {
        margin-bottom: 2em;
    }

    .testimonial {
        padding: 0em 0 5em;
    }

    ul.test_icon {
        margin: 2em 0 0 0;
    }

    .plans-head {
        padding: 1em 0;
    }

    .heading h2 {
        margin-bottom: 1em;
    }

    .service_grid1 {
        margin-bottom: 1em;
    }

    .pricing-table-grid {
        margin-bottom: 3em;
    }

    .services {
        padding: 4em 0 1em;
    }

    .sidebar {
        margin-top: 2em;
        padding-bottom: 3em;
    }

    .col-md-6.portfolio_right {
        width: 100% !important;
        float: left;
    }

    .work_grid {
        padding: 4em 0 0 0;
    }

        .work_grid h2 {
            font-size: 2em;
        }

    .nbs-flexisel-item a {
        font-size: 1em;
    }

    .span_3 {
        margin-bottom: 0;
    }
}

/* mobile CSS styling */

@media screen and (min-width:692px) and (max-width:827px) {

    .mymenu {
        float: right;
        margin-right: 4%;
        margin-top: 30px;
    }

    div#dnn_myLogInDv &gt; nav {
        left: 86%;
    }
}

@media screen and (min-width:100px) {

    .col-sm-4.animated.zoomIn {
        margin-bottom: 25px;
    }


    .rd-more {
        margin-top: 50px;
        float: left;
    }

    .nav-name-lb {
        left: 30%;
    }

    .nav-logout {
        left: 80.3%;
    }
    /*Login positioning*/
    nav {
        left: 80%;
    }

    #loginForm, .loginForm {
        margin: auto;
        width: 375px;
        background-color: hsla(0,0%,100%,0.93);
        border: 1px solid #d6d6d6;
        padding: 10px 30px 60px 30px;
    }

    .mymenu {
        /* float: left;*/
    }



    .logo {
        width: 60% !important;
        margin-top: 10px;
    }

    .header_top {
        /*  height: 100px !important; */
    }

    #Header .Content {
        height: 0px !important;
        margin: 0px !important;
    }

    #Content {
        height: auto !important;
        min-height: 0px !important;
        position: static !important;
        float: right;
    }
}


.mymenu-link {
    line-height: 30px;
    background-color: hsla(203,100%,38%,1.00);
    border-bottom: 2px solid #82B2FF
}

.mymenu-link-actv {
    line-height: 30px;
    font-size: 14px;
}

.mymenu-link a:link, .mymenu-link a:active, .mymenu-link a:visited {
    color: #F5F5F5 !important;
    font-size: 14px;
}

input[type="file"] {
    font-family: 'open sans', sans-serif;
    font-weight: 900 !important;
    font-size: 14px;
    text-align: left;
}

input[type="text"], input[type="password"] {
    height: 33px;
    font-family: 'open sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 50px;
    padding: 0 4px;
    border: 1px solid hsla(0,0%,76%,1.00);
    width: 100%;
    color: #7C7C7C;
    box-shadow: 0px 0px 2px 1px hsla(0,0%,89%,1.00);
    -webkit-box-shadow: 0px 0px 2px 1px hsla(0,0%,89%,1.00);
    background-color: rgba(255, 255, 255, 0.7);
    overflow: hidden;
}

/* Handle Read Only Texbox Fields*/
input[readonly], input[readonly="readonly"], input[readonly="true"], input[disabled="disabled"] {
    /* 	font-family: 'open sans', sans-serif;
	font-weight:700; */
    /* 	color: #8E8E8E; */
    /* 	border-bottom: 2px solid hsla(0,0%,76%,1.00); */
    /* 	background-color: rgba(255, 255, 255, 0.7); */
    /* 	line-height: 25px; */
    /* 	height : 30px; */
    /* 	font-size: 13px; */
    /* 	text-align: left; */
    /* 	padding: 6px 9px; */
    /* 	box-shadow: 0px 0px 2px 1px hsla(0,0%,89%,1.00);
	-webkit-box-shadow: 0px 0px 2px 1px hsla(0,0%,89%,1.00); */
    border-left: 2px solid #FFB400 !important;
    overflow: hidden;
}

textarea {
    font-family: 'open sans', sans-serif;
    font-weight: 700;
    background-color: rgba(255, 255, 255, 0.7);
    border: 0px !important;
    line-height: 20px;
    font-size: 13px;
    text-align: left;
    margin-top: 2px;
    padding: 6px 9px;
    resize: none;
    min-height: 10px;
    max-height: 300px;
    overflow: hidden;
    width: 100%;
    color: #7C7C7C;
    box-shadow: 0px 0px 2px 1px hsla(0,0%,89%,1.00);
    -webkit-box-shadow: 0px 0px 2px 1px hsla(0,0%,89%,1.00);
}


    textarea[readonly], textarea[readonly="readonly"], textarea[readonly="true"] {
        /* width: 300px; */
        font-family: 'open sans', sans-serif;
        font-weight: 700;
        color: #8E8E8E;
        border: 1px solid hsla(0,0%,76%,1.00);
        border-bottom: 2px solid hsla(0,0%,76%,1.00);
        background-color: hsla(0,0%,100%,1.00);
        line-height: 20px;
        font-size: 13px;
        text-align: left;
        margin-top: 2px;
        padding: 6px 9px;
        resize: none;
        min-height: 10px;
        max-height: 300px;
        border-left: 2px solid #FFB400;
        /*Faka put this line*/
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        /*    background-color: #f0f7fb; */
        /* background-image: url(../../Images/css-box-icon-3.png); */
        /* background-position: -9px -10px; */
        /* background-repeat: no-repeat; */
        /*border: solid 1px #3498db;*/
        border-radius: 6px;
        /* line-height: 18px; */
        overflow: hidden;
        border-left: 2px solid #FFB400 !important;
    }

.gridText {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

div .gridText {
    padding: 20px;
}

.dm_searchcontainer {
    float: right;
    /* position: relative; */
    left: -50%; /* or right 50% */
    text-align: left;
    width: 90%;
}

    .dm_searchcontainer input[type=text] {
        padding: 6px;
        margin-top: 8px;
        font-size: 17px;
        width: 400px;
        border: 1px solid hsla(0,0%,76%,1.00);
        background-color: #f1f1f1;
    }

    .dm_searchcontainer button {
        float: right;
        padding: 6px 10px;
        margin-top: 8px;
        margin-right: 16px;
        background: #ddd;
        font-size: 17px;
        border: none;
        cursor: pointer;
    }

        .dm_searchcontainer button:hover {
            background: #ccc;
        }

.dropdown-grids {
    float: right;
    border-bottom: solid 2px #6fd508;
}
/*--Login --*/
#loginContainer {
    position: relative;
    padding: 0.5em 0em;
    border: 1px solid hsla(213,73%,65%,0.50);
    background-color: #FCFCFC;
    width: 92px;
    margin-top: -1px;
}

    #loginContainer a span {
        padding: .5em 1.5em;
        color: #0066C5;
        text-decoration: none;
    }

#loginButton {
    position: relative;
    z-index: 30;
    cursor: pointer;
}

#loginBox {
    position: absolute;
    top: 45px;
    left: -282px;
    display: none;
    z-index: 99999;
}

#loginForm:after {
    content: '';
    position: absolute;
    right: 25px;
    top: -9px;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid #FFFFFF;
}

#loginForm, .loginForm {
    margin: auto;
    width: 375px;
    background-color: hsla(0,0%,100%,0.93);
    border: 1px solid #d6d6d6;
    padding: 10px 30px 60px 30px;
}

.loginTxtHd {
    margin: auto;
    width: 375px;
    line-height: 50px;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    border-radius: 10px 10px 0 0;
    font-weight: 400;
    text-indent: 17px;
    position: relative;
    top: 40px;
    background-color: #EBF2F7;
    border: 1px solid #DEDEDE;
    border-bottom: 2px solid #8AC8FB;
    color: #1174B5;
}

#loginForm fieldset {
    margin: 0 0 15px 0;
    display: block;
    border: 0;
    padding: 0;
}

fieldset#body {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    margin: 0 0 1em 0;
}

#loginForm #checkbox {
    width: auto;
    margin: 3px 6px 0 0;
    float: left;
    padding: 0;
    border: 0;
    *margin: -3px 9px 0 0;
}

#body label {
    color: #87807c;
    margin: 10px 0 0 0;
    display: block;
    float: left;
    font-size: 0.9em;
}

#loginForm #body fieldset label {
    display: block;
    float: none;
    margin: 0 0 6px 0;
    font-weight: 400;
}

#body label i {
    color: #9E9E9E;
    font-size: 1em;
    font-weight: 400;
}

#loginForm input {
    width: 100%;
    /* border: 1px solid #DADADA;
    color: #222;
    background: #FFF;
    padding: 6px;
    font-size: 0.9em;
    -webkit-apperance: none;*/
}

#loginForm #login {
    background-color: #0B7EE8;
    color: #fff;
    font-size: 1em;
    padding: 5px 20px;
    border: 1px solid #63ADF3;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}

    #loginForm #login:hover {
        background-color: #FFFFFF;
        color: #777;
        border: 1px solid #777;
    }

#loginForm span {
    display: block;
    padding-bottom: 15px;
}

    #loginForm span a {
        color: #777 !important;
        padding: 0 !important;
        font-size: .9em;
    }

        #loginForm span a:hover {
            text-decoration: none;
            color: #2B2B2B !important;
        }

input:focus {
    outline: none;
}

.login-grid-left {
    float: none;
    width: 100%;
    padding: 2em;
}

.or-grid {
    margin: 1em 0;
    position: relative;
    text-align: center;
}

    .or-grid p {
        color: #777;
        font-size: 1em;
        margin: 0;
    }

        .or-grid p:before {
            content: '';
            background: #777;
            padding: .4px;
            position: absolute;
            width: 43%;
            top: 47%;
            left: 1%;
        }

        .or-grid p:after {
            content: '';
            background: #777;
            padding: .4px;
            position: absolute;
            width: 43%;
            top: 47%;
            right: 1%;
        }

.social-sits {
    margin: 2em 0 0 0;
}

.facebook-button {
    margin-bottom: 2em;
}

.button-bottom {
    margin-top: 1em;
}

.facebook-button a {
    background: url(../images/fb1.png) no-repeat 14px 9px #3b5998;
    color: #fff;
    padding: .5em 1em .5em 3em;
    text-decoration: none;
    font-size: 14px;
}

.chrome-button a {
    background: url(../images/ch1.png) no-repeat 14px 9px #dd4b39;
    color: #FFF;
    font-size: 14px;
    padding: .5em 1em .5em 3em;
    text-decoration: none;
}

.social-sits p {
    color: #777;
    font-size: .9em;
}

.button-bottom p a {
    color: #DF2229;
}

.emergency-grid {
    float: right;
}

    .emergency-grid ul {
        padding: 0;
        margin: 0;
    }

        .emergency-grid ul li {
            display: inline-block;
            color: #A9A9A9;
            margin: 0;
            font-size: 1em;
        }

            .emergency-grid ul li.call {
                color: #292929;
                font-family: 'Roboto', sans-serif;
                font-weight: 600;
                font-size: 2em;
            }
/*--//Login --*/
.txt-topic {
    font-size: 18px;
    font-family: 'open sans', sans-serif;
    font-weight: 500;
    color: #4B4B4B;
    text-align: LEFT;
    line-height: 29px;
    padding: 0em !important;
}

.top-hd-topic {
    font-size: 35px !important;
    font-family: 'Lato', sans-serif;
    font-weight: 500 !important;
    text-align: right;
    color: #555555 !important;
    text-transform: uppercase;
}

.btn-bg, btn-bg a:link, btn-bg a:active, btn-bg a:visited {
    background-color: #BD1700 !important;
    border: 4px solid #FF9FA0 !important;
    color: #FFFFFF !important;
}

.thickbox {
    width: 250px;
    background-color: #9A282A;
}

.box-cnt-1 {
    font-size: 12px !important;
    font-family: 'open sans', sans-serif;
    font-weight: 500;
    line-height: 20px;
    color: #5C5C5C;
    padding: 0px !important;
    padding: 0em !important;
}

    .box-cnt-1 a {
        color: #FFFFFF;
        text-decoration: none;
    }

.line-color {
    border: 2px groove rgba(200, 200, 200, 0.44);
    margin-left: 3px;
    padding: 10px 0;
    border-radius: 5px;
}

.box-1 {
    padding: 3px;
    padding-left: 0px;
    float: left;
    width: 62%;
    height: auto;
    margin-left: 10px;
}

.wdth-box {
    width: 96%;
}

.rd-more {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 400;
    margin-top: 10px;
    width: 52%;
    background-color: #026bb5;
    line-height: 32px;
    color: #FFFFFF;
    text-align: center;
    padding: 0px;
}

.btn-lft {
    background-color: #109bb5;
    font-weight: 300;
    line-height: 48px;
    color: #FFFFFF;
    font-size: 14px;
    cursor: pointer;
    box-shadow: 0 3px 5px 0 rgba(8, 21, 36, 0.75);
    transition: all .1s;
}

    .btn-lft a {
        color: #FFFFFF !important;
        text-decoration: none;
        font-family: "Segoe UI",Arial,sans-serif;
    }


.btn-lft-active {
    background-color: #007A97;
}

.btn-lft:hover {
    background-color: #007A97;
    transform: scale(1.1);
}

.panel-left {
    margin: 0px 0 10px 0px;
}

.txt-hd {
    margin-top: 10px;
    text-align: left;
    font-family: 'open sans', sans-serif;
    font-weight: 600;
    line-height: 40px;
    font-size: 25px;
    color: #377b97;
}

.txt-hd-sm {
    /* margin-top: 50px; 
    margin-left: 10px;*/
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    line-height: 35px;
    font-size: 20px;
    /* text-shadow: 0px 1px 1px #ecf0f1; */
    padding: 10px;
    color: #f4f5f5;
    background-color: hsla(197deg 47% 40%);
    border-bottom: 1px solid hsla(0,0%,100%,1.00);
    border-radius: 4px 4px 0px 0px;
}

.mbgImg {
    width: 100%;
    /* background-image:url(../images/bg-img.jpg);
		background-position:center; 
		background-size:cover;
		background-repeat: no-repeat; */
    background-color: #FFF;
    position: relative;
    box-shadow: 0 5px 13px 0 rgba(228,228,228,.75);
}

.labelClass {
    font-family: 'open sans', sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: #686868;
    text-align: right;
    line-height: 20px;
    padding: 10px 5px;
}

.txt-form {
    font-family: 'roboto', sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: #7B7B7B;
    text-align: right;
    line-height: 20px;
    padding: 10px 5px;
}

.txt-input {
    text-align: left;
    padding: 6px 9px;
}

.inputClass {
    text-align: left;
    padding: 6px 9px;
}

.btn-contn-box {
    text-align: right;
    width: 200px;
}

.button {
    font-family: "Segoe UI",Arial,sans-serif;
    font-weight: 600;
    border-radius: 10px;
    border: 2px solid #aaa;
    font-size: 13px;
    line-height: 30px;
    background-color: rgba(255,255,255,0);
    /* background-image: -webkit-linear-gradient( 90deg, rgb(13,139,163) 0%, rgb(18,167,195) 92%); */
    padding: 0 30px;
    margin-top: 8px;
    margin-bottom: 8px;
    text-align: center;
    color: #111;
    transition: all 0.1s;
    background-image: url(../../0/images/btnicon.png);
    background-repeat: no-repeat;
    background-position: 1px 5px;
    min-width: 160px !important;
}

    .button:hover {
        background-color: hsla(197,47%,40%,1.00);
        background-image: -webkit-linear-gradient( 90deg, rgb(12, 95, 111) 0%, rgb(16, 139, 162) 92%);
        transform: scale(.95,.95);
        color: white;
        background-image: url(../../0/images/btnicon.png);
        background-repeat: no-repeat;
        background-position: 1px 5px;
        min-width: 160px !important;
    }

.buttonC {
    font-family: "Segoe UI",Arial,sans-serif;
    font-weight: 600;
    border-radius: 10px;
    border: 2px solid #aaa;
    font-size: 13px;
    line-height: 30px;
    background-color: rgba(255,255,255,0);
    /* background-image: -webkit-linear-gradient( 90deg, rgb(13,139,163) 0%, rgb(18,167,195) 92%); */
    padding: 0 30px;
    margin-top: 8px;
    margin-bottom: 8px;
    text-align: center;
    color: #111;
    transition: all 0.1s;
    background-image: url(../../0/images/btncloseicon.png); /* 16px x 16px */
    background-repeat: no-repeat; /* make the background image appear only once */
    background-position: 1px 5px; /* equivalent to 'top left' */
    /*   border: none;           /* assuming we don't want any borders */
    min-width: 160px !important;
}

    .buttonC:hover {
        background-color: hsla(197,47%,40%,1.00);
        color: white;
        background-image: -webkit-linear-gradient( 90deg, rgb(12, 95, 111) 0%, rgb(16, 139, 162) 92%);
        transform: scale(.95,.95);
        background-image: url(../../0/images/btncloseicon.png); /* 16px x 16px */
        background-repeat: no-repeat; /* make the background image appear only once */
        background-position: 1px 5px; /* equivalent to 'top left' */
        /*   border: none;           /* assuming we don't want any borders */
        min-width: 160px !important;
    }


.loginBtn {
    font-family: 'lato', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 27px;
    border: none;
    padding: 5px 0px;
    margin-top: 8px;
    text-align: center;
    color: #FFFFFF;
}


.alertbtnbox {
    left: 49%;
    background-image: url(../images/alert-note.png);
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    top: 4px;
}

    .alertbtnbox div {
        width: 20px;
        height: 20px;
        border-radius: 20px;
        line-height: 18px;
        color: #fff;
        text-indent: -1px;
        /* padding: 1px; */
        text-align: center;
        font-weight: bold;
        font-size: 11px;
        background-color: #F39994;
        border: 1px solid#FFFFFF;
        box-shadow: 0 0 2px 1px #F36E6E;
    }

.alertbell div a {
    color: #fff !important;
}

.alertbellYellow a {
    color: #fff !important;
}

.alertbell &gt; a {
    color: #fff !important;
}


a {
    color: #FFFFFF;
}

    a:hover {
        color: #109BB5;
        text-decoration: none;
    }
/* @ media queries Desktop */

@keyframes blinker {
    50% {
        opacity: 0.0;
    }
}

@media all and (min-width: 1202px) {


    .form-box {
        float: left !important;
        background-color: hsla(0, 1%, 94%, 0.6);
        border-radius: 3px;
        width: 100%;
        padding: 15px;
        padding-left: 5px;
        padding-right: 0px;
        box-shadow: 0px 0px 2px 1px hsla(0,0%,48%,0.40);
        -webkit-box-shadow: 0px 0px 2px 1px hsla(0,0%,48%,0.40);
        margin-bottom: 50px;
        box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.3);
    }

    .panel-left .container-fluid {
        border-radius: 4px;
    }

    .row-adj-wd {
        width: 100%;
    }

    .pageWidth {
        margin-top: 10px;
        width: 100% !important;
    }

    .adj-wd-cont {
        width: 100%;
        /*width: 1200px !important;*/
        background-image: url(../images/img-bg.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        margin-left: 0px !important;
    }

    .adj-frm-cnt {
    }


    /* Floating Login Div Starts Here */

    /* ''''' */
    nav {
        position: absolute;
        top: 2px;
        z-index: 99999;
        left: 94%;
    }

    .nav-logout {
        left: 94.4%;
    }

    .nav-name-lb {
        left: 70%;
    }

    .alertBell {
        position: absolute;
        z-index: 9999;
        left: 49%;
        background-image: url(../images/alert-note.png);
        background-repeat: no-repeat;
        width: 35px;
        height: 35px;
        top: 4px;
        animation: blinker 2s linear infinite;
    }



        .alertBell div {
            width: 22px;
            height: 22px;
            border-radius: 20px;
            line-height: 18px;
            color: #fff;
            text-indent: -1px;
            padding: 1px;
            text-align: center;
            font-weight: bold;
            font-size: 12px;
            background-color: #F3496A;
            border: 1px solid #FFFFFF;
            box-shadow: 0 0 1px 1px #F18E8E;
        }

    .alertBellYellow {
        position: absolute;
        z-index: 9999;
        left: 49%;
        background-image: url(../images/alert-note-yellow.png);
        background-repeat: no-repeat;
        width: 35px;
        height: 35px;
        top: 4px;
        animation: blinker 2s linear infinite;
    }

        .alertBellYellow div {
            width: 22px;
            height: 22px;
            border-radius: 20px;
            line-height: 18px;
            color: #fff;
            text-indent: -1px;
            padding: 1px;
            text-align: center;
            font-weight: bold;
            font-size: 12px;
            background-color: #DCDA13;
            border: 1px solid#FFFFFF;
            box-shadow: 0 0 1px 1px #E4E5A6;
            -webkit-box-shadow: 0 0 1px 1px #E3E477;
        }

    .alertbell div a {
        color: #fff !important;
    }

    .alertbell a:link, .alertbell a:active, alertbell a:visited {
        color: #fff !important;
    }

    .alertbellYellow a {
        color: #fff !important;
    }

    .alertbell a {
        color: #fff !important;
    }

    nav ul {
        margin-top: 0px;
        padding: 2px 1px;
        list-style: none;
        position: relative;
        float: right;
        font-family: 'open sans', sans-serif;
        font-weight: 900;
        color: #0077C;
        background-color: hsla(0,0%,100%,0.9);
        border-left: 1px solid #22A3E3;
        border-right: 1px solid #22A3E3;
        border-bottom: 1px solid #22A3E3;
        border-top: 1px none #22A3E3;
    }

    nav li {
        float: left;
        list-style: none;
    }

    nav #login {
        border-right: 1px solid #ddd;
        -moz-box-shadow: 1px 0 0 #fff;
        -webkit-box-shadow: 1px 0 0 #fff;
        box-shadow: 1px 0 0 #fff;
    }

    nav #login-trigger,
    nav #signup a {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        height: 25px;
        font-family: 'lato', sans-serif;
        line-height: 25px;
        font-size: 13px;
        font-weight: 700;
        padding: 0 8px;
        text-decoration: none;
        color: #636363;
        text-shadow: 0 1px 0 #fff;
    }

    nav #signup a {
        -moz-border-radius: 0 3px 3px 0;
        -webkit-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
    }

    nav #login-trigger {
        -moz-border-radius: 3px 0 0 3px;
        -webkit-border-radius: 3px 0 0 3px;
    }

        nav #login-trigger:hover,
        nav #login .active,
        nav #signup a:hover {
            background: #fff;
        }

    nav #login-content {
        display: none;
        position: absolute;
        top: 34px;
        right: 0;
        z-index: 99999;
    }
}


select {
    height: 33px;
    font-family: 'open sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 50px;
    padding: 0 4px;
    border: 1px solid hsla(0,0%,76%,1.00);
    width: 250px;
    color: #7C7C7C;
    background-color: rgba(255, 255, 255, 0.7);
    overflow: hidden;
    margin-top: 3px;
    margin-bottom: 3px !Important;
}

input[type="radio"], input[type="checkbox"] {
    font-family: 'lato', sans-serif;
    color: #8E8E8E;
    font-weight: 500;
    line-height: 10px;
    padding-top: 0px;
    margin: 10px 5px 0px 5px;
}

label {
    font-family: 'lato', sans-serif;
    color: #727272;
    font-weight: 700;
    line-height: 20px;
    font-size: 13px;
}

#Panes {
    box-shadow: none !important;
    border: none !important;
    position: absolute;
    z-index: 0;
}

#hero-area {
    box-shadow: none !important;
}


#Content {
    height: auto !important;
    min-height: 0px !important;
}

.WPformTitle {
    font-family: 'lato', sans-serif;
    color: #0A79A8;
    font-weight: 700;
    line-height: 40px;
    font-size: 19px;
}

.body-container {
    /*	min-width: 1024px;
	max-width: 1370px;*/
    width: 100%;
}

.successClass {
    color: #00C32E;
    font-family: 'lato', sans-serif;
}

.failClass {
    color: #E11215;
    font-family: 'lato', sans-serif;
}

.HelpFulHint {
    color: #5F5F5F;
    font-family: 'open sans', sans-serif;
    font-size: 11px;
    line-height: 30px;
    font-weight: 500;
}

.lnkLink {
    color: hsla(198,100%,38%,1.00) !important;
    text-decoration: none !important;
    cursor: pointer;
}

    .lnkLink a {
        color: #0095B4 !important;
        text-decoration: none !important;
    }

        .lnkLink a:hover {
            color: hsla(190,100%,35%,0.77) !important;
            text-decoration: none !important;
        }

.pageSubTitle {
    font-family: 'lato', sans-serif;
    font-weight: 700;
    font-size: 17px;
    color: #109BB5;
    text-align: right;
    line-height: 20px;
    padding: 2px 0;
    text-transform: capitalize !important;
}

.redsiteinfo {
    font-family: 'open sans', sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: #CB0003;
    line-height: 20px;
}

.greensiteinfo {
    font-family: 'open sans', sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: #2B9700;
    line-height: 20px;
}

.wbs1_wbsTreeview_0 {
    text-decoration: none;
    line-height: 21px;
    color: #575757;
    /*border: 0.1em solid #ececec;*/
    /* border-bottom: 1px solid #ececec; */
    /* border-right: 1px solid #FFFFFF; */
    font-size: 10.6px;
    word-spacing: 1px;
    letter-spacing: 0.03em;
    font-family: 'open sans';
    /* margin-top: 4px; */
    padding: 3px 5px;
    /* background-color: #3C81B1; */
    text-align: left;
    width: 399px !important;
    border-radius: 2px;
    /*box-shadow: 0 0 0px 1px #A6B2BB;*/
    transition: all .5s;
}

.wbs1_wbsTreeview_0----:hover {
    background-color: #45B7C1;
    color: #FFFFFF;
}

.wbsNodeStyleClass {
    background-color: #ddeff1;
    width: 183px;
    padding: 3px 0px;
    padding-left: 5px;
    line-height: 26px;
    margin-top: 40px !important;
    margin-bottom: 40px;
    border: 1px solid #FFFFFF;
    text-align: left;
    transition: all .5s;
}

    .wbsNodeStyleClass:hover {
        background-color: #45B7C1;
        color: #FFFFFF;
    }

        .wbsNodeStyleClass:hover a {
            background-color: #45B7C1;
            color: #FFFFFF;
        }

.wbsTreeClass {
    text-decoration: none;
    line-height: 21px;
    color: #575757;
    /*border: 0.1em solid #ececec;*/
    /* border-bottom: 1px solid #ececec; */
    /* border-right: 1px solid #FFFFFF; */
    font-size: 10.6px;
    word-spacing: 1px;
    letter-spacing: 0.03em;
    font-family: 'open sans';
    /* margin-top: 4px; */
    padding: 3px 5px;
    /* background-color: #3C81B1; */
    text-align: left;
    width: 399px !important;
    border-radius: 2px;
    /*box-shadow: 0 0 0px 1px #A6B2BB;*/
    transition: all .5s;
}


.wbsWPClosedClass {
    font-family: 'open sans';
    background-color: #ddeff1;
    font-weight: 700;
    color: #057C08;
    width: 250px;
    padding: 3px 0px;
    padding-left: 5px;
    line-height: 26px;
    border: 1px solid #FFFFFF;
    text-align: left;
}


.wbsWPOpenClass {
    font-family: 'open sans';
    background-color: #ddeff1;
    font-weight: 700;
    color: #252525;
    width: 183px;
    padding: 3px 0px;
    padding-left: 5px;
    line-height: 26px;
    border: 1px solid #FFFFFF;
    text-align: left;
}

.wbsWPPendingClass {
    font-family: 'open sans';
    background-color: #ddeff1;
    font-weight: 700;
    color: #DD0003;
    width: 250px;
    padding: 3px 0px;
    padding-left: 5px;
    line-height: 26px;
    border: 1px solid #FFFFFF;
    text-align: left;
}

.wbsWPTerminatedClass {
    font-family: 'open sans';
    background-color: #ddeff1;
    font-weight: 700;
    color: #DD0003;
    width: 250px;
    padding: 3px 0px;
    padding-left: 5px;
    line-height: 26px;
    border: 1px solid #FFFFFF;
    text-align: left;
}

.wbsTreeRootNodeClass {
    font-family: 'open sans';
    background-color: #ddeff1;
    font-weight: 900;
    color: #252525;
    width: 250px;
    padding: 3px 0px;
    padding-left: 5px;
    line-height: 26px;
    border: 1px solid #FFFFFF;
    text-align: left;
}


.checkBoxRow {
    width: 50%;
    padding: 20px !important;
    line-height: 10px !important;
    background-color: rgba(253, 253, 253, 0.87);
    border: 2px solid #A4CCD0;
}

.boldlabelClass {
    font-family: 'open sans', sans-serif;
    font-size: 12px;
    font-weight: 900;
}

.containing-img-icon-task {
    width: 120px;
    height: 120px;
}

.dashBoardBoxAlertMsgRed, .dashBoardBoxAlertMsgGreen, .dashBoardBoxAlertMsgYellow {
    font-family: 'open sans', sans-serif;
    margin: auto;
    font-weight: 700;
    width: 110px;
    position: relative;
    top: -157px;
    text-align: center;
    line-height: 20px;
    color: #FFFFFF;
    letter-spacing: 0.06em;
    font-size: 0.66em;
    border-radius: 5px 5px 0 0;
}

    .dashBoardBoxAlertMsgRed a, .dashBoardBoxAlertMsgGreen a, .dashBoardBoxAlertMsgYellow a {
        color: #FFFFFF;
    }

.dashBoardBoxAlertMsgYellow {
    background-color: hsla(54,100%,43%,0.83);
}

.dashBoardBoxAlertMsgRed {
    background-color: hsla(359,88%,49%,0.82);
}

.dashBoardBoxAlertMsgGreen {
    background-color: hsla(95,100%,33%,0.83);
}

.txt-title {
    font-family: 'lato', sans-serif;
    font-size: 13px;
    font-weight: 900;
    color: #5F5F5F;
}

    .txt-title a {
        color: #535353 !important;
    }

.txt-usr-title {
    float: left;
    margin: auto 0;
    background-image: url(../images/pdf-icon.png);
    background-repeat: no-repeat;
    background-position: 9px;
    padding-left: 40px;
}

.circ-img {
    float: right;
    border-radius: 50px;
    margin-right: 15px;
    width: 85px;
    height: 85px;
    background-color: #F1F8FB;
    border: 3px solid #FFFFFF;
}

.user-txt {
    font-family: 'lato', sans-serif;
    font-size: 15px;
    line-height: 90px;
    font-weight: 600;
    border: 3px solid #FFFFFF;
    box-shadow: 0 0 2px 1px #CEE2EA;
    padding: 5px;
    padding-left: 5px;
    color: #5F5F5F;
    background-image: url(../images/pdf-icon.png);
    background-repeat: no-repeat;
    width: 390px;
    margin: 6px;
    float: left;
    background-image: -webkit-linear-gradient(270deg,rgba(174,217,232,1.00) 0%,rgba(217,232,239,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(174,217,232,1.00) 0%,rgba(217,232,239,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(174,217,232,1.00) 0%,rgba(217,232,239,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(174,217,232,1.00) 0%,rgba(217,232,239,1.00) 100%);
    transition: all .4s;
}

    .user-txt a {
        font-family: 'lato', sans-serif;
        color: #454545;
    }

    .user-txt:hover {
        transform: scale(1.05,1.05);
        background-image: -webkit-linear-gradient(270deg,rgba(66,140,167,1.00) 0%,rgba(115,184,216,1.00) 100%);
        background-image: -moz-linear-gradient(270deg,rgba(66,140,167,1.00) 0%,rgba(115,184,216,1.00) 100%);
        background-image: -o-linear-gradient(270deg,rgba(66,140,167,1.00) 0%,rgba(115,184,216,1.00) 100%);
        background-image: linear-gradient(180deg,rgba(66,140,167,1.00) 0%,rgba(115,184,216,1.00) 100%);
        color: #FFFFFF;
    }

        .user-txt:hover a {
            color: #FFFFFF;
            text-decoration: none;
        }

.guide-box {
    margin: auto;
    width: 850px;
    height: 600px;
    padding: 10px;
}

.usr-guide-hd {
    margin-top: 10px;
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    line-height: 60px;
    font-size: 32px;
    color: #377b97;
}

.usr-container {
    margin: auto;
    background-color: hsla(0, 1%, 94%, 0.6);
    border: 3px solid hsla(0,0%,100%,1.00);
    width: 960px;
    padding-left: 60px;
    box-shadow: 0px 0px 2px 1px hsla(0,0%,48%,0.40);
    -webkit-box-shadow: 0px 0px 2px 1px hsla(0,0%,48%,0.40);
    height: 880px;
}

.contact-box {
    margin: auto;
    border: 2px dotted #E0E0E0;
    background: url(../images/contact-img.png) no-repeat;
    background-color: #FBFEFF;
    width: 610px;
    height: 219px;
}

.contact-cnt {
    font-family: 'lato', sans-serif;
    font-size: 24px;
    line-height: 20px;
    font-weight: 600;
    color: #646464;
    float: right;
    margin-right: 10px;
    margin-top: 70px;
    width: 410px;
    line-height: 35px;
}

.marqClass {
    font-family: 'lato', sans-serif;
    font-size: 14px;
    color: #07507D;
    font-weight: 900;
    line-height: 24px;
    letter-spacing: 0.04em;
}

.marqTxt {
    font-family: 'lato', sans-serif;
    font-size: 15px;
    font-weight: 700;
}

span.gridBoldText {
    font-weight: 700;
    color: #119DB7;
    font-style: italic;
    text-transform: capitalize;
}

span.eqpmntOKText {
    font-weight: bolder;
    text-transform: capitalize;
    background: #32cd32;
    width: 100%;
    display: block;
}

span.eqpmntWarningText {
    font-weight: bolder;
    text-transform: capitalize;
    background: #ffd700;
    width: 100%;
    display: block;
}

span.eqpmntRedAlertText {
    font-weight: bolder;
    text-transform: capitalize;
    background: red;
    width: 100%;
    display: block;
}


span.eqpmntUrgentAlertText {
    font-weight: bolder;
    text-transform: capitalize;
    background: red;
    width: 100%;
    display: block;
}

span.eqpmntMaintenanceText {
    font-weight: bolder;
    color: black;
    text-transform: capitalize;
    background: #c71585;
    width: 100%;
    display: block;
}

.txtalignright {
    text-align: right;
}

.txtaligncenter {
    text-align: center;
}

.alignRight {
    text-align: right !Important;
}

.alignCenter {
    text-align: center !Important;
}


.font-txt a {
    color: #6A6A6A;
}

td.leafNode.dnn_ctr930_DocumentSearch_tView1_6 a {
    color: #585858;
}

a#dnn_ctr930_DocumentSearch_tView1t18 {
    color: #888888;
    font-weight: 600;
    font-size: 14px !important;
    font-family: 'lato', sans-serif;
}

.dnn_ctr1007_Deliverables_tView1_6 a {
    color: #636363;
}

.dnn_ctr931_CreateFolder_tView1_6 a {
    color: #636363;
}

.dnn_ctr1009_UploadDocument_tView1_6 a, .dnn_ctr1008_Deliverables_tView1_6 a, .dnn_ctr1019_Restore_tView1_6 a, .dnn_ctr1013_NonDeliverable_tView1_6 a, .dnn_ctr1017_Configuration_tView1_6 a, .dnn_ctr936_RenameFolder_tView1_6 a, .dnn_ctr937_ArchiveFolder_tView1_6 a {
    color: #636363;
}

div#dnn_ctr1007_Deliverables_tView1 a {
    color: #5F5F5F;
    font-family: 'lato', sans-serif;
    font-weight: 900;
    font-size: 13px !important;
}

.expl-sec a {
    color: #5F5F5F;
    font-family: 'lato', sans-serif;
    font-weight: 900;
    font-size: 13px !important;
}

table#dnn_ctr1017_Configuration_gridDocumentType a, table#dnn_ctr1017_Configuration_gridDiscipline a {
    color: #40c0cb;
    font-weight: 900;
    font-size: 14px;
    padding: 1px 3px;
}

#dnn_ctr1017_Configuration_gridDocumentType span, #dnn_ctr1017_Configuration_gridDiscipline span {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 900;
    padding: 3px 7px;
    background-color: #0BBFCE;
    border-radius: 25px;
    border: 2px outset #D3F3F5;
    box-shadow: 0 0 3px 1px rgba(64, 192, 203, 0.93);
}

table#dnn_ctr1007_Deliverables_documentsGridView a {
    color: #40c0cb;
    font-weight: 900;
    font-size: 14px;
    padding: 1px 3px;
}



#dnn_ctr1007_Deliverables_documentsGridView tbody tr td[colspan='2'] &gt; table tbody tr td span {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 900;
    padding: 3px 7px;
    background-color: #0BBFCE;
    border-radius: 25px;
    border: 2px outset #D3F3F5;
    box-shadow: 0 0 3px 1px rgba(64, 192, 203, 0.93);
}

table#grdDocumentDetails a {
    color: #40c0cb;
    font-weight: 900;
    font-size: 14px;
    padding: 1px 3px;
}

#grdDocumentDetails tbody tr td &gt; table tr td span {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 900;
    padding: 3px 7px;
    background-color: #0BBFCE;
    border-radius: 25px;
    border: 2px outset #D3F3F5;
    box-shadow: 0 0 3px 1px rgba(64, 192, 203, 0.93);
}


table#dnn_ctr1019_Restore_foldersGridView a, table#dnn_ctr1019_Restore_documentsGridView a {
    color: #40c0cb;
    font-weight: 900;
    font-size: 14px;
    padding: 1px 3px;
}

#dnn_ctr1019_Restore_foldersGridView tbody tr td &gt; table tr td span {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 900;
    padding: 3px 7px;
    background-color: #0BBFCE;
    border-radius: 25px;
    border: 2px outset #D3F3F5;
    box-shadow: 0 0 3px 1px rgba(64, 192, 203, 0.93);
}

#dnn_ctr1019_Restore_documentsGridView tbody tr td &gt; table tr td span {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 900;
    padding: 3px 7px;
    background-color: #0BBFCE;
    border-radius: 25px;
    border: 2px outset #D3F3F5;
    box-shadow: 0 0 3px 1px rgba(64, 192, 203, 0.93);
}

/*.DMgridBorder span {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 900;
    padding: 3px 7px;
    background-color: #0BBFCE;
    border-radius: 25px;
    border: 2px outset #D3F3F5;
    box-shadow: 0 0 3px 1px rgba(64, 192, 203, 0.93);

}*/
table#dnn_ctr1019_Restore_foldersGridView td[colspan="3"], table#dnn_ctr1019_Restore_documentsGridView td[colspan="3"] {
    border-color: #CCCCCC;
    padding: 7px;
}

table#dnn_ctr1017_Configuration_gridDocumentType td[colspan="3"], table#dnn_ctr1017_Configuration_gridDiscipline td[colspan="3"] {
    border-color: #CCCCCC;
    padding: 7px;
}

.Home {
    /*background-image: -webkit-linear-gradient(200deg,rgb(238, 245, 249) 45.70%,rgb(80, 158, 165) 100%);
	background-image:  -moz-linear-gradient(200deg,rgb(238, 245, 249) 45.70%,rgb(80, 158, 165) 100%);
	background-image:  -o-linear-gradient(200deg,rgb(238, 245, 249) 45.70%,rgb(80, 158, 165) 100%);
	background-image: linear-gradient(200deg,rgb(238, 245, 249) 45.70%,rgb(80, 158, 165) 100%);*/
    /*	background-image: linear-gradient(200deg,rgba(255,255,255,1.00) 5.70%,rgba(91,202,231,1.00) 100%);*/
    /* background-image: url(../images/img-bg.png); */
}

#Panes {
    background-image: url(../images/img-bg.png);
    height: 82%;
    height: auto;
    background-size: cover;
    position: absolute;
    z-index: 1;
}

span#dnn_ctr594_CreateStaff_RegularExpressionValidator2, span#dnn_ctr594_CreateStaff_CompareValidator3, span#dnn_ctr594_CreateStaff_RequiredFieldValidator6, span#dnn_ctr594_CreateStaff_RequiredFieldValidator1, span#dnn_ctr594_CreateStaff_RequiredFieldValidator4, span#dnn_ctr594_CreateStaff_CompareValidator7, span#dnn_ctr594_CreateStaff_CompareValidator2, span#dnn_ctr594_CreateStaff_RequiredFieldValidator5, span#dnn_ctr594_CreateStaff_CompareValidator1, span#dnn_ctr594_CreateStaff_CompareValidator4, span#dnn_ctr594_CreateStaff_RequiredFieldValidator3, span#dnn_ctr594_CreateStaff_RegularExpressionValidator3 {
    font-size: 11px;
    color: #DE0400 !important;
    font-family: 'open sans', sans-serif;
    font-weight: 900 !important;
    font-style: italic;
}


.gridHeaderLevel1 {
    background-color: #16C7B7;
    color: #fff;
    height: 27px;
    font-size: 12px;
}

.gridHeaderLevel2 {
    background-color: #D0DC17;
    color: #fff;
    height: 27px;
    font-size: 12px;
}

.gridHeaderLevel3 {
    background-color: #b7159b;
    color: #fff;
    height: 27px;
    font-size: 12px;
}

.gridHeaderLevel4 {
    background-color: #DE6FCB;
    color: #fff;
    height: 27px;
    font-size: 12px;
}


span.button {
    padding: 8px;
    border: 2px outset #91E4F3;
    cursor: pointer;
}

.serialnum {
    display: none;
}

.hideSerialnumCol {
    display: none;
}


.txtCntrl {
    margin: auto;
    margin-top: 0px !important;
    width: 980px;
    line-height: 55px;
    padding-top: 10px;
}

.boxPosition {
    margin: auto !important;
    float: none !important;
    padding: 20px 5px;
}


.ProjectNameHeaderClass {
    font-family: 'Open Sans', sans-serif;
    font-size: 25px;
    font-weight: 600;
    text-align: left;
    color: #00a8b6;
    padding-left: 7px;
    line-height: 40px;
    text-decoration: none;
}

a.ProjectNameHeaderClass {
    color: #00a8b6;
}

.ProjectNameHeaderClassBIG {
    font-family: 'Open Sans', sans-serif;
    font-size: 35px;
    font-weight: 600;
    text-align: left;
    color: #00a8b6;
    padding-left: 7px;
}


.projectNotStartedClass, .projectOnGoingClass, .projectClosedClass {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
}

a.projectWPStatusItemClass {
    color: #6da4ab;
    font-weight: 500 !important;
}

.projectWPStatusItemClass {
    font-family: 'Open Sans', sans-serif;
}

.projectNotStartedListClass, .projectOnGoingListClass, .projectClosedListClass {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.projectNotStartedClass {
    position: relative;
    background-color: rgb(253, 255, 244);
    border: 4px solid #ECF3D3;
    line-height: 16px;
    padding: 9px 6px;
    box-shadow: inset 0 0 3px 1px #F5F2D4;
}

td.projectNotStartedClass a {
    color: #656565;
    font-size: .82em;
    text-transform: capitalize;
}

.projectOnGoingClass {
    line-height: 16px;
    background: #ffd601;
    border: 4px solid #f5cf76;
    color: #797903;
    text-align: center;
    box-shadow: inset 0 0 3px 1px #dcdc98;
    /* text-shadow: 1px 0 1px #717171; */
    padding: 5px 6px;
    height: 40px;
}

td.projectOnGoingClass a {
    color: #656565;
}

/*
.projectOnGoingClass a{
    font-size: .82em; }
	 */

.projectClosedClass {
    background-color: #00C31C;
    line-height: 17px;
    border: 4px solid #06bb20;
    box-shadow: inset 0 0 3px 1px #FBFAEE;
    color: #F1F1F1;
    font-size: .82em;
    height: 60px;
    padding: 0 5px;
}

    .projectClosedClass a {
        font-size: .82em;
    }

        .projectClosedClass a:hover {
            color: #025D02;
        }

table.tdbox {
    border-collapse: collapse;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 21px;
    font-weight: 600;
    color: #575757;
    border: 6px solid #0080D3;
}


.box {
    width: 100%;
}

.linesGreen {
    float: left;
    position: relative;
    /*width: 70.5%;*/
    height: 23px;
    color: #F5FFF7;
    font-family: verdana;
    font-size: 11px;
    text-align: center;
    background-color: #00A737;
    /*border-radius: 0 10px 10px 0;*/
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, 0.35) 50%,rgba(255, 255, 255, 0.4) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    /*background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 60px);*/
    animation: progress-bar-stripes 2s linear infinite reverse;
}

.linesYellow {
    float: left;
    /*width: 70.5%;*/
    height: 23px;
    color: #178E98;
    font-family: verdana;
    font-size: 11px;
    text-align: center;
    background-color: #FBC00D;
    border-radius: 0 10px 10px 0;
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, 0.35) 50%,rgba(255, 255, 255, 0.4) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    /*background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 60px);*/
    animation: progress-bar-stripes 2s linear infinite reverse;
}

.linesGreen:after, .linesGreen:before {
    left: 99.9%;
    top: 35%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.linesGreen:after {
    border-color: rgba(68, 131, 213, 0);
    border-left-color: rgb(0, 167, 55);
    border-width: 13px;
    margin-top: -9px;
}

.linesGreen:before {
    border-color: rgba(194, 225, 245, 0);
    border-left-color: rgba(194, 225, 245, 0);
    border-width: 12px;
    margin-top: -9px;
}


.linesRed {
    float: left;
    width: 70%;
    height: 18px;
    background-color: #DB0104;
    margin-top: .45em;
    color: #FFFFFF;
    font-family: verdana;
    font-size: 10px;
    text-align: left;
}

.noshade {
    /* width: 30%;*/
    height: 23px;
    background-color: #EAEAEA;
    margin-top: .32em;
    position: relative;
    z-index: 0;
    /*  left: -18px;*/
    font-family: verdana;
    font-size: 10px;
    text-align: right;
    line-height: 21px;
    padding-right: 1px;
}

.arrow-edgesGreen {
    float: left;
    width: 25px;
    background-image: url(../images/arrow1.png);
    background-repeat: no-repeat;
    background-position: right;
    height: 35px;
    position: relative;
    top: -4px;
    z-index: 10000;
}

.arrow-edgesYellow {
    display: none;
    float: left;
    width: 21px;
    background-image: url(../images/arrowRed.png);
    background-repeat: no-repeat;
    background-position: right;
    height: 30px;
    position: relative;
    top: -4px;
    z-index: 10000;
}

.arrow-edgesline {
    float: left;
    width: 3px;
    background-color: #00A737;
    height: 29px;
}

.arrow-edgeslineY {
    display: none;
    float: left;
    width: 3px;
    background-color: #FBC00D;
    height: 29px;
}

.tdBorderBox {
    border: 2px solid #e6ecef;
}

input#btnViewTime {
    border-radius: 25px;
    background-color: #F2F8FF;
    color: #109BB5;
    border: 1px solid #D2D2D2;
    box-shadow: 0 0 1px 1px #D7E6E8;
    font-weight: 700;
    background: #fdfdfd;
    margin-top: -10px;
}

a#dnn_ctr609_EditSubmittedTask_btnShow, a#dnn_ctr609_EditSubmittedTask_btnHelpTips2 {
    color: #00a8b6;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
}

span#dnn_ctr609_EditSubmittedTask_lblMsg {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}


div#dnn_ctr609_EditSubmittedTask_ghostAjaxFileUpload_FileStatusContainer {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
}

.totalAmount {
    background-color: #b3d1ff;
    padding: 3px 0px;
    padding-right: 2px;
    font-family: 'open sans', sans-serif;
    font-size: 17px;
    border: 1px solid #D6D6D6;
    color: #5A5A5A;
}

.totalClass {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: 600 !important;
}

.txt-usr-title a {
    font-family: 'open sans', sans-serif;
    font-weight: 900;
    font-size: 13px !important;
    color: #075875;
    text-transform: uppercase;
}

table#dnn_ctr764_EditWBSDiagramV2_grdTopLevel tbody tr.gridRow td &gt; input[type="text"] {
    position: relative;
    left: -10px;
}

table#dnn_ctr764_EditWBSDiagramV2_grdTopLevel tbody tr.gridRowAlt td &gt; input[type="text"] {
    position: relative;
    left: -10px;
}

span#dnn_ctr1061_ManageStaff_lblQualificationStatus, span#dnn_ctr1061_ManageStaff_lblCredentialStatus {
    font-family: 'lato', sans-serif;
    font-size: 14px;
    font-weight: 900;
    color: #d40d0d !important;
}

input#dnn_ctr1061_ManageStaff_btnContinue3 {
    position: relative;
    right: 100px;
}

label.custom-file-upload {
    border: 1px solid #dedede;
    padding: 10px;
    background: #f9f9f9;
}

}

.wrapper input[type="file"] {
    /*  display: none;*/
}

.wrapper input[type="button"] {
    float: right;
    font-family: 'lato', sans-serif;
    font-weight: 300;
    font-size: 13px;
    /* margin-left: 138px !important; */
    line-height: 30px;
    background-color: #109BB5;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #E4E4E4;
    padding: 0 30px;
    margin-top: 8px;
    margin-bottom: 8px;
    text-align: center;
    color: #FFFFFF;
    border-radius: 0px;
    transition: all .5s;
}

h3#status {
    font-family: 'open sans', sans-serif;
    font-size: 14px;
    font-weight: 800;
    color: #00a22a;
    line-height: 22px;
}

p#loaded_n_total {
    font-family: 'open sans', sans-serif;
    font-size: 12px;
    font-weight: 600;
}

.wrapper {
    border: 3px groove rgba(118, 159, 179, 0.29);
    background: #f7f7f7;
    background-image: repeating-linear-gradient(145deg, transparent, transparent 35px, rgba(255, 255, 255, 0) 35px, rgba(255,255,255,.4) 70px);
    padding: 10px;
}
 

.subHeader {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 18px;
    color: rgb(16, 155, 181);
    font-weight: 500;
    line-height: 30px;
    padding: 0 15px;
    background-color: rgba(232, 241, 247, 1);
    padding: 17px;
    background-color: rgba(16, 155, 181, 0.12);
    box-shadow: 0 16px 24px 2px rgba(245, 240, 240, 0.1),0 6px 30px 5px rgba(182, 180, 180, 0.1),0 8px 10px -5px rgba(191, 191, 191, 0.3) !important;
    border-radius: 6px;
}

span#dnn_ctr1112_MyKPIMgt_lblNumericKpiTitle {
    font-size: 30px !important;
    font-family: open sans, sans-serif;
    font-weight: 300 !important;
    color: #109bb5;
}

span#dnn_ctr1112_MyKPIMgt_lblNumericKpiInfo {
    text-align: center;
    display: block;
    margin: auto;
    width: 100%;
    font-size: 13px;
    font-family: open sans, sans-serif;
    font-weight: 600 !important;
    line-height: 20px;
    color: #757575;
}

td.dListRow {
    border-bottom: 1px solid #c5e3e8;
}

td.dlistRowAlt {
    border-bottom: 1px solid #c5e3e8;
}

.gridHeader {
    background: #109BB5 !important;
}



.WP_msg_Alert {
    position: absolute;
    top: 10px;
    right: 18px;
    float: right;
    background: #ff6540;
    margin-top: 15px;
    color: #ffffff;
    padding: 3px 7px;
    border-radius: 2px;
    margin-bottom: 5px;
    font-size: 11px;
    cursor: pointer;
}

    .WP_msg_Alert a {
        color: #ffffff;
    }

table#dnn_ctr1130_ProductManualForm_dlParent_dlChild_0 &gt; tbody &gt; tr &gt; td &gt; table, table#dnn_ctr1130_ProductManualForm_dlParent_dlChild_1 &gt; tbody &gt; tr &gt; td &gt; table {
    border-bottom: 1px solid #c5e3e8 !important;
}


.gridButtonADD {
    font-family: 'open sans', sans-serif;
    font-weight: 600;
    border-radius: 5px;
    border: 2px solid #a6f9b4;
    font-size: 13px;
    line-height: 30px;
    background-color: #099627;
    width: 90px;
    margin-top: 8px;
    margin-bottom: 8px;
    text-align: center;
    color: #FFFFFF;
    transition: all 0.5s;
}

.gridButtonREMOVE {
    font-family: 'open sans', sans-serif;
    font-weight: 600;
    border-radius: 5px;
    border: 2px solid #ffc4c3;
    font-size: 13px;
    line-height: 30px;
    background-color: #ad110e;
    width: 90px;
    margin-top: 8px;
    margin-bottom: 8px;
    text-align: center;
    color: #FFFFFF;
    transition: all 0.5s;
}

div#Panel1 {
    border: 2px groove #c5c5c5;
    background: white;
}

.panelClass {
    border: 2px groove #c5c5c5;
    background: white;
}

table#chkOtherManagers &gt; tbody &gt; tr &gt; td &gt; label {
    font-size: 11px;
    line-height: 5px;
    padding: 0;
    margin: 0;
}

.tip-wrapper.inline-icon {
    float: left;
    position: relative;
    left: 18px;
    bottom: 5px;
    width: auto;
}

    .tip-wrapper.inline-icon img {
        width: 13px !important;
        height: 13px !important;
    }

.tipsLabel {
    float: right;
}

table#tblTable2 &gt; tbody &gt; tr:nth-child(11) &gt; td:first-child &gt; div.tip-wrapper.inline-icon:nth-child(1) {
    left: 28px;
}

table#tblTable2 &gt; tbody &gt; tr:nth-child(11) &gt; td:nth-child(3) &gt; div.tip-wrapper.inline-icon:nth-child(1) {
    left: 48px;
}

table#tblTable2 &gt; tbody &gt; tr:nth-child(12) &gt; td:nth-child(3) &gt; div.tip-wrapper.inline-icon:nth-child(1) {
    left: 48px;
}

table#tblTable2 &gt; tbody &gt; tr:nth-child(16) &gt; td[colspan="3"] &gt; table div.tip-wrapper.inline-icon:nth-child(1) {
    left: 0;
}

.labelBoxDiv {
    border-bottom: 2px solid #bfbfbf;
    padding: 8px;
    font-family: open sans, sans-serif;
    font-weight: 700;
    color: #7b7b7b;
    height: auto;
    background: #f9f9f9;
    box-shadow: 0 0 1px 1px #cecece;
    margin-bottom: 5px;
    margin-top: 5px;
    border-left: 2px solid #FFB400;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    /* background-color: #f0f7fb; */
    /* background-image: url(../../Images/css-box-icon-3.png); */
    /* background-position: -9px -10px; */
    /* background-repeat: no-repeat; */
    /* border: solid 1px #3498db; */
    border-radius: 6px;
    /* line-height: 18px; */
    overflow: hidden;
    min-height: 35px;
    line-height: 20px !important;
}

td.redGridRow {
    background: #e21d1d;
    color: aliceblue;
    line-height: 2.0em;
    border-bottom: 1px solid #C6E6FF;
    border-top: 1px solid #C6E6FF;
}

td.orangeGridRow {
    background: rgba(255, 174, 25, 0.88);
    line-height: 2.0em;
    border-bottom: 1px solid #C6E6FF;
    border-top: 1px solid #C6E6FF;
}

.gridbutton {
    /* background: #f1f1f1; */
    color: #109bb5;
    border: 2px groove #9ecfd8;
    font-size: 12px;
    padding: 2px 18px;
    font-weight: 600;
    border-radius: 25px;
    background-image: -webkit-linear-gradient( 270deg, rgb(193, 223, 228) 0%, rgb(253, 253, 253) 84%);
    transition: all .4s;
}

    .gridbutton:hover {
        background: #109bb5;
        color: aliceblue;
    }


tr.gridPager td span {
    background: #f6f9fb;
    padding: 1px 8px;
    border-radius: 3px;
    border: 2px groove #b4e3e8;
    color: #0c89a0;
    font-size: 14px;
    font-weight: 700;
    margin-left: 10px;
    cursor: pointer;
    transition: all .4s;
}

    tr.gridPager td span:hover {
        background: #2ab1ca;
        color: aliceblue;
    }

tr.gridPager {
    line-height: 35px;
}

span.weightClass {
    float: right;
    color: #097e94;
}

table#dnn_ctr1061_ManageStaff_tbltable3 &gt; tbody &gt; tr:nth-last-child(2) &gt; td:last-child input[type="submit"] {
    text-align: right;
    float: right;
    right: 0;
}


.notifyInfo {
    margin: auto;
    position: relative;
    right: 270px;
    text-align: center;
    background: #4098d6;
    /*width: 20%; */
    line-height: 24px;
    font-size: 11px;
    font-family: open sans, sans-serif;
    border-radius: 3px;
    font-weight: 600;
    color: #fdfbf5;
    letter-spacing: .013em;
    border: 2px solid #a6daff;
    border-style: dotted;
    border-radius: 25px;
    display: table;
    padding-left: 5px;
    padding-right: 5px;
}


    .notifyInfo a {
        color: aliceblue;
    }

    .notifyInfo.animated.zoomInUp {
        animation-delay: 4.5s;
        -moz-animation-delay: 4.5s;
        -webkit-animation-delay: 4.5s;
        animation-duration: 2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

.notifyInfoBirthday {
    margin: auto;
    position: relative;
    right: 270px;
    text-align: center;
    background: #c135d2;
    /*width: 20%; */
    line-height: 24px;
    font-size: 11px;
    font-family: open sans, sans-serif;
    border-radius: 3px;
    font-weight: 600;
    color: #fdfbf5;
    letter-spacing: .013em;
    border: 2px solid #a6daff;
    border-style: dotted;
    border-radius: 25px;
    display: table;
    padding-left: 5px;
    padding-right: 5px;
}


    .notifyInfoBirthday a {
        color: aliceblue;
    }

    .notifyInfoBirthday.animated.zoomInUp {
        animation-delay: 4.5s;
        -moz-animation-delay: 4.5s;
        -webkit-animation-delay: 4.5s;
        animation-duration: 2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        position: absolute;
        top: 0px;
        right: 150px;
    }

.notifyInfoWork {
    margin: auto;
    position: relative;
    right: 270px;
    text-align: center;
    background: #b18f15;
    /*width: 20%; */
    line-height: 24px;
    font-size: 11px;
    font-family: open sans, sans-serif;
    border-radius: 3px;
    font-weight: 600;
    color: #fdfbf5;
    letter-spacing: .013em;
    border: 2px solid #a6daff;
    border-style: dotted;
    border-radius: 25px;
    display: table;
    padding-left: 5px;
    padding-right: 5px;
}


    .notifyInfoWork a {
        color: aliceblue;
    }

    .notifyInfoWork.animated.zoomInUp {
        animation-delay: 4.5s;
        -moz-animation-delay: 4.5s;
        -webkit-animation-delay: 4.5s;
        animation-duration: 2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        position: absolute;
        top: 0;
    }

.glass {
    /* background styles */
    position: relative;
    display: inline-block;
    padding: 15px 25px;
    background-color: green; /*for compatibility with older browsers*/
    background-image: linear-gradient(green,lightgreen);
    /* text styles */
    text-decoration: none;
    color: #fff;
    font-size: 25px;
    font-family: sans-serif;
    font-weight: 100;
    border-radius: 3px;
    box-shadow: 0px 1px 4px -2px #333;
    text-shadow: 0px -1px #333;
}

    .glass:after {
        content: '';
        position: absolute;
        top: 2px;
        left: 2px;
        width: calc(100% - 4px);
        height: 50%;
        background: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.2));
    }

    .glass:hover {
        background: linear-gradient(#073,#0fa);
    }

.round {
    position: relative;
}

    .round label {
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 50%;
        cursor: pointer;
        height: 28px;
        left: 0;
        position: absolute;
        top: 0;
        width: 28px;
    }

.Kpi_panel {
    padding: 5px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    background-color: #fbfbfb;
    margin-bottom: 12px;
    margin-top: 6px;
    border-radius: 4px !important;
    /* border: solid 1px #3498db; */
}

.DM_panel {
    padding: 5px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    background-color: #fbfbfb;
    margin-bottom: 12px;
    margin-top: 6px;
    border-radius: 4px !important;
    max-width: 250px;
    /* border: solid 1px #3498db; */
}

.DM_h2 {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    color: rgba(29, 160, 247, 0.801);
    letter-spacing: 1.4;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 auto;
    letter-spacing: .15em;
    animation: typing 3.5s steps(40, end), blink-caret .75s step-end infinite;
}
/* The typing effect */

@keyframes typing {
    â€‚from {
        â€‚â€‚â€‚â€‚â€‚â€‚width: 0 â€‚â€‚â€‚â€‚
    }

    â€‚to {
        â€‚â€‚â€‚â€‚â€‚â€‚width: 100% â€‚â€‚â€‚â€‚
    }
}
/* The typewriter cursor effect */

@keyframes blink-caret {
    â€‚from, â€‚to {
        â€‚â€‚â€‚â€‚â€‚border-color: transparent â€‚â€‚â€‚â€‚
    }

    100% {
        â€‚â€‚â€‚â€‚â€‚border-color: rgba(37, 38, 39, 0.527);
    }
}


.round label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 8px;
    transform: rotate(-45deg);
    width: 12px;
}

.round input[type="checkbox"] {
    visibility: hidden;
}

    .round input[type="checkbox"]:checked + label {
        background-color: #66bb6a;
        border-color: #66bb6a;
    }

        .round input[type="checkbox"]:checked + label:after {
            opacity: 1;
        }

.KPITable {
    border-radius: 2px !important;
    box-shadow: 0 16px 24px 2px rgba(179, 171, 171, 0.1),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(191, 191, 191, 0.3) !important;
    margin: 0.5rem 0 1rem 0 !important;
}

.DateBox {
    background-image: url(../../0/images/DateBoxIcon.png) !important; /* 16px x 16px */
    background-repeat: no-repeat !important; /* make the background image appear only once */
    background-position: 1px 5px !important; /* equivalent to 'top left' */
    /*   border: none;           /* assuming we don't want any borders */
    padding-left: 25px !important;
}


.card {
    position: relative;
    margin: .5rem 0 1rem 0;
    background-color: #fff;
    -webkit-transition: -webkit-box-shadow .25s;
    transition: -webkit-box-shadow .25s;
    transition: box-shadow .25s;
    transition: box-shadow .25s, -webkit-box-shadow .25s;
    border-radius: 2px;
    width: 30%;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
}

    .card input[type="image"] {
        display: block;
        position: relative;
        left: 0;
        right: 0;
        top: 7px;
        bottom: 0;
        width: 90px;
        margin: auto;
        border-radius: 50%;
        text-align: center;
        height: 90px;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
    }

    .card .card-title {
        display: block;
        line-height: 32px;
        margin-bottom: 8px;
        text-align: center;
        padding: 8px;
        color: #239bb5;
        font-weight: bold;
        font-size: 1.1em;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .card:hover {
        transform: scale(1.1);
        transition: ease-in 1s;
        transition: ease-out 1s;
    }



.redTDClass {
    background-color: #A93226;
    font-family: "Segoe UI",Arial,sans-serif;
    color: #F4F6F7;
    padding-left: 10px;
    /* display:block; 
	width: 100% !important;
    height: 100% !IMPORTANT;*/
}

.yellowTDClass {
    background-color: #F7DC6F;
    font-family: "Segoe UI",Arial,sans-serif;
    color: #515A5A;
    padding-left: 10px;
    /* display:block; 
	 width: 100% !important;
    height: 100% !IMPORTANT; */
}

.greenTDClass {
    background-color: #7DCEA0;
    font-family: "Segoe UI",Arial,sans-serif;
    color: #515A5A;
    padding-left: 10px;
    /* display:block;  Add Line This for testing on Aug 02, 2018 
	 width: 100% !important;
    height: 100% !IMPORTANT;*/
}


.redSPANClass {
    background-color: #A93226;
    font-family: "Segoe UI",Arial,sans-serif;
    color: #F4F6F7;
    display: block;
    padding-left: 10px;
}

.yellowSPANClass {
    background-color: #F7DC6F;
    font-family: "Segoe UI",Arial,sans-serif;
    color: #515A5A;
    display: block;
    padding-left: 10px;
}

.greenSPANClass {
    background-color: #7DCEA0;
    font-family: "Segoe UI",Arial,sans-serif;
    color: #515A5A;
    display: block;
    padding-left: 10px;
}

.alignDivRight {
    float: right;
    font-weight: 600;
    font-size: 13px;
    font-family: open sans, sans-serif;
}

.alignDivLeft {
    font-family: open sans, sans-serif;
    float: left;
    width: 200px;
    /* border: 0px groove hsl(82, 57%, 70%); */
    line-height: 26px;
    margin-left: 2px;
    /* font-size: 11px; 
    background: #f9fff3;*/
    padding: 0px 1px;
    color: #6b6b6b;
    text-align: left;
    font-weight: 700;
}

.boldRedLabel {
    color: #E11215 !important;
    font-family: 'lato', sans-serif;
    font-weight: 600;
}

.highlightGridRowYellow {
    background-color: #F9E79F !important;
    vertical-align: text-top;
    line-height: 2.0em;
    border-bottom: 1px solid #C6E6FF;
    border-top: 1px solid #C6E6FF;
}

.highlightGridRowRed {
    background-color: #F5B7B1 !important;
    vertical-align: text-top;
    line-height: 2.0em;
    border-bottom: 1px solid #C6E6FF;
    border-top: 1px solid #C6E6FF;
}

/* Create four equal columns that floats next to each other */

.div4column {
    float: left;
    width: 25%;
    padding: 5px;
    height: 30px;
    font-size: 14px;
    box-sizing: border-box;
    vertical-align: middle;
}

/* Clear floats after the columns.. This Works  with .div4column   */
.myrow:after {
    content: "";
    display: table;
    clear: both;
}



.gridImageCard {
    position: relative;
    margin: .5rem 0 1rem 0;
    background-color: #fff;
    -webkit-transition: -webkit-box-shadow .25s;
    transition: -webkit-box-shadow .25s;
    transition: box-shadow .25s;
    transition: box-shadow .25s, -webkit-box-shadow .25s;
    border-radius: 2px;
    width: 90%;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
}

    .gridImageCard input[type="image"] {
        display: block;
        position: relative;
        left: 0;
        right: 0;
        top: 7px;
        bottom: 0;
        width: 90px;
        margin: auto;
        border-radius: 50%;
        text-align: center;
        height: 90px;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
    }

    .gridImageCard .card-title {
        display: block;
        line-height: 32px;
        margin-bottom: 8px;
        text-align: center;
        padding: 8px;
        color: #239bb5;
        font-weight: bold;
        font-size: 1.1em;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .gridImageCard:hover {
        transform: scale(1.1);
        transition: ease-in 1s;
        transition: ease-out 1s;
    }

.dm_searchcontainer {
    float: right;
    /*   position: relative; */
    left: -20%; /* or right 50% */
    text-align: left;
}

    .dm_searchcontainer input[type=text] {
        padding: 6px;
        margin-top: 8px;
        margin-bottom: 25px;
        font-size: 17px;
        height: 50px;
        text-align: center;
        width: 90% !important;
        border: 1px solid hsla(0,0%,76%,1.00);
        background-color: #f1f1f1;
        background-image: url(../../0/images/dm_search.png) !important;
        background-repeat: no-repeat !important;
        background-position: 97% 13px !important;
        padding-left: 25px !important;
    }

.formTableClass {
    background: #f5f5f5;
    padding: 10px;
    border-radius: 15px;
    background-color: rgba(255, 255, 255, 0.16);
    box-shadow: 0 8px 13px 1px #77777769;
}

.curvedTopTableBorder {
    font-family: 'open sans', sans-serif;
    font-weight: 400;
    padding: 2px;
    width: 100%;
    padding: 0px 2px;
    font-size: 13px;
    color: #5E5E5E;
    border-collapse: separate;
    border-color: #e3ebed;
    box-shadow: 0 0 1px #109BB5 !important;
    -webkit-box-shadow: 0px 0 1px #109BB5 !important;
    -moz-box-shadow: 0 0 1px #00BDFF !important;
    transition: all .5s;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-top-right-radius: 8px;
    -moz-border-top-left-radius: 8px;
    border-style: solid;
}

.squareTopTableBorder {
    font-family: 'open sans', sans-serif;
    font-weight: 400;
    padding: 2px;
    width: 100%;
    padding: 0px 0px;
    font-size: 13px;
    color: #5E5E5E;
    border-collapse: separate;
    border-color: #e3ebed;
    box-shadow: 0 0 1px #109BB5 !important;
    -webkit-box-shadow: 0px 0 1px #109BB5 !important;
    -moz-box-shadow: 0 0 1px #00BDFF !important;
    transition: all .5s;
    /*
	 border-top-right-radius: 8px;
    border-top-left-radius: 8px;
	 
	 -webkit-border-top-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
	 
	 -moz-border-top-right-radius: 8px;
    -moz-border-top-left-radius: 8px;
	 */
    border-style: solid;
}

.downloadBtn {
    font-family: 'open sans', sans-serif;
    font-size: 12px;
    font-weight: 700;
    /* background-color: #2C5ED3; */
    line-height: 30px;
    padding: 0 10px !important;
    margin-top: 2px;
    margin-left: px !important;
    margin-bottom: 5px;
    width: 110px !important;
    /* border-radius: 6px; */
    color: #fff;
    text-decoration: none;
    /* border-bottom: 2px solid #006; */
    background-image: -webkit-linear-gradient(270deg,rgba(107,183,245,1.00) 0%,rgba(0,100,148,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(107,183,245,1.00) 0%,rgba(0,100,148,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(107,183,245,1.00) 0%,rgba(0,100,148,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(107,183,245,1.00) 0%,rgba(0,100,148,1.00) 100%);
    border: 2px solid hsla(0,0%,100%,1.00);
    box-shadow: 0 0 1px 1px hsla(0,0%,85%,1.00);
    -webkit-box-shadow: 0 0 1px 1px hsla(0,0%,85%,1.00);
    transition: all .5s;
}


.cssLoanPending {
    background-color: #F7DC6F !important;
    font-family: "Segoe UI",Arial,sans-serif;
    color: #515A5A;
    padding-left: 10px;
    display: block;
}


.mktcss_Notsure {
    height: 100%;
    width: 100%;
    background-color: #ffae42;
    display: block;
    overflow: auto;
    text-align: center;
}

.mktcss_Notgood {
    height: 100%;
    width: 100%;
    background-color: #e84f30;
    display: block;
    overflow: auto;
    text-align: center;
}

.mktcss_Closewatch {
    height: 100%;
    width: 100%;
    background-color: #ffe62f;
    display: block;
    overflow: auto;
    text-align: center;
}

.mktcss_Looksgood {
    height: 100%;
    width: 100%;
    background-color: #43C22A;
    display: block;
    overflow: auto;
    text-align: center;
    color: ghostwhite;
}



.projectWPcard {
    position: relative;
    background-color: rgb(255, 255, 255);
    width: 30%;
    box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px, rgba(0, 0, 0, 0.2) 0px 3px 1px -2px;
    margin: 0.5rem 0px 1rem;
    transition: box-shadow 0.25s ease 0s, -webkit-box-shadow 0.25s ease 0s;
    border-radius: 2px;
}

    .projectWPcard:hover {
        transform: scale(1.1);
        transition: all 1s ease-out 0s;
    }


.prjtCompletionRedClass {
    font-family: 'Open Sans', sans-serif;
    font-size: 23px;
    font-weight: 600;
    text-align: left;
    color: #E74C3C;
    padding-left: 7px;
    line-height: 40px;
    text-decoration: none;
}

.prjtCompletionYellowClass {
    font-family: 'Open Sans', sans-serif;
    font-size: 23px;
    font-weight: 600;
    text-align: left;
    color: #F8DE09;
    padding-left: 7px;
    line-height: 40px;
    text-decoration: none;
}

.prjtCompletionGreenClass {
    font-family: 'Open Sans', sans-serif;
    font-size: 23px;
    font-weight: 600;
    text-align: left;
    color: #09F83F;
    padding-left: 7px;
    line-height: 40px;
    text-decoration: none;
}



.projectNotStartedClass_arrow_box, .projectOnGoingClass_arrow_box, .projectClosedClass_arrow_box {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
}

/* On Going Class Arrow Box*/
.projectOnGoingClass_arrow_box {
    position: relative;
    background: #ffd601;
    border: 4px solid #f5cf76;
    height: 40px;
    text-align: center;
    line-height: 16px;
}

    .projectOnGoingClass_arrow_box:after, .projectOnGoingClass_arrow_box:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .projectOnGoingClass_arrow_box:after {
        border-color: rgba(218, 218, 68, 0);
        border-top-color: #ffd601;
        border-width: 10px;
        margin-left: -10px;
    }

    .projectOnGoingClass_arrow_box:before {
        border-color: rgba(234, 234, 215, 0);
        border-top-color: #f5cf76;
        border-width: 16px;
        margin-left: -16px;
    }


/* Not Started Class arrow Box*/
.projectNotStartedClass_arrow_box {
    position: relative;
    background: #ef3f3f;
    border: 4px solid #e62e2e;
    height: 40px;
    text-align: center;
    line-height: 16px;
    color: #e8e7e5 !important;
    font-weight: 700;
}

    .projectNotStartedClass_arrow_box:after, .projectNotStartedClass_arrow_box:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .projectNotStartedClass_arrow_box:after {
        border-color: rgba(253, 255, 244, 0);
        border-top-color: #ef3f3f;
        border-width: 10px;
        margin-left: -10px;
    }

    .projectNotStartedClass_arrow_box:before {
        border-color: rgba(236, 243, 211, 0);
        border-top-color: #e62e2e;
        border-width: 16px;
        margin-left: -16px;
    }


/* Completed arrow Box*/

.projectClosedClass_arrow_box {
    position: relative;
    background: #00C31C;
    border: 4px solid #0dbd26;
    height: 40px;
    text-align: center;
    line-height: 16px;
}

    .projectClosedClass_arrow_box:after, .projectClosedClass_arrow_box:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .projectClosedClass_arrow_box:after {
        border-color: rgba(0, 195, 28, 0);
        border-top-color: #00C31C;
        border-width: 10px;
        margin-left: -10px;
    }

    .projectClosedClass_arrow_box:before {
        border-color: rgba(220, 239, 223, 0);
        border-top-color: #0dbd26;
        border-width: 16px;
        margin-left: -16px;
    }



.buttonYellow {
    font-family: 'open sans', sans-serif;
    font-weight: 600;
    border-radius: 5px;
    border: 2px solid #d1d4ab;
    font-size: 13px;
    line-height: 30px;
    background-color: #e8dd4c;
    background-image: -webkit-linear-gradient( 90deg, rgb(234, 212, 56) 0%, rgb(251, 244, 22) 92%);
    padding: 0 30px;
    margin-top: 8px;
    margin-bottom: 8px;
    text-align: center;
    color: #0c0c0c;
    transition: all 0.5s;
    background-image: url(../../0/images/btnicon.png);
    background-repeat: no-repeat;
    background-position: 1px 5px;
    min-width: 160px !important;
}

    .buttonYellow:hover {
        background-color: hsla(197,47%,40%,1.00);
        background-image: -webkit-linear-gradient( 90deg, rgb(12, 95, 111) 0%, rgb(16, 139, 162) 92%);
        transform: scale(.95,.95);
        background-image: url(../../0/images/btnicon.png); /* 16px x 16px */
        background-repeat: no-repeat; /* make the background image appear only once */
        background-position: 1px 5px; /* equivalent to 'top left' */
        /*   border: none;           /* assuming we don't want any borders */
        min-width: 160px !important;
    }

.buttonRed {
    font-family: 'open sans', sans-serif;
    font-weight: 600;
    border-radius: 5px;
    border: 2px solid #d0827a;
    font-size: 13px;
    line-height: 30px;
    background-color: #ec7461;
    background-image: -webkit-linear-gradient( 90deg, rgb(234, 212, 56) 0%, rgb(251, 244, 22) 92%);
    padding: 0 30px;
    margin-top: 8px;
    margin-bottom: 8px;
    text-align: center;
    color: #f7f4f4;
    transition: all 0.5s;
    background-image: url(../../0/images/btnicon.png);
    background-repeat: no-repeat;
    background-position: 1px 5px;
    min-width: 160px !important;
}

    .buttonRed:hover {
        background-color: hsla(197,47%,40%,1.00);
        background-image: -webkit-linear-gradient( 90deg, rgb(12, 95, 111) 0%, rgb(16, 139, 162) 92%);
        transform: scale(.95,.95);
        background-image: url(../../0/images/btnicon.png); /* 16px x 16px */
        background-repeat: no-repeat; /* make the background image appear only once */
        background-position: 1px 5px; /* equivalent to 'top left' */
        /*   border: none;           /* assuming we don't want any borders */
        min-width: 160px !important;
    }


.labelClassYellow {
    font-family: 'open sans', sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: #FFD700;
    text-align: right;
    line-height: 20px;
    padding: 10px 5px;
}

.labelClassRed {
    font-family: 'open sans', sans-serif;
    font-weight: 600;
    font-size: 13px;
    color: #ea4a25;
    text-align: right;
    line-height: 20px;
    padding: 10px 5px;
}

.button_print {
    font-family: "Segoe UI",Arial,sans-serif;
    font-weight: 600;
    border-radius: 10px;
    border: 2px solid #dcb7b7;
    font-size: 13px;
    line-height: 30px;
    background-color: #ece1e0; /* rgba(255,255,255,0); */
    /* background-image: -webkit-linear-gradient( 90deg, rgb(13,139,163) 0%, rgb(18,167,195) 92%); */
    padding: 0 30px;
    margin-top: 8px;
    margin-bottom: 8px;
    text-align: center;
    color: #111;
    transition: all 0.1s;
    background-image: url(../../0/images/print_icn20.png);
    background-repeat: no-repeat;
    background-position: 1px 5px;
    min-width: 160px !important;
}

    .button_print:hover {
        background-color: hsla(197,47%,40%,1.00);
        background-image: -webkit-linear-gradient( 90deg, rgb(12, 95, 111) 0%, rgb(16, 139, 162) 92%);
        transform: scale(.95,.95);
        color: white;
        background-image: url(../../0/images/print_icn20.png);
        background-repeat: no-repeat;
        background-position: 1px 5px;
        min-width: 160px !important;
    }

.button_cart {
    font-family: "Segoe UI",Arial,sans-serif;
    font-weight: 600;
    border-radius: 10px;
    border: 2px solid #aaa;
    font-size: 13px;
    line-height: 30px;
    background-color: rgba(255,255,255,0);
    /* background-image: -webkit-linear-gradient( 90deg, rgb(13,139,163) 0%, rgb(18,167,195) 92%); */
    padding: 0 30px;
    margin-top: 8px;
    margin-bottom: 8px;
    text-align: center;
    color: #111;
    transition: all 0.1s;
    background-image: url(../../0/images/cart_icn20.png);
    background-repeat: no-repeat;
    background-position: 1px 5px;
    min-width: 160px !important;
}

    .button_cart:hover {
        background-color: hsla(197,47%,40%,1.00);
        background-image: -webkit-linear-gradient( 90deg, rgb(12, 95, 111) 0%, rgb(16, 139, 162) 92%);
        transform: scale(.95,.95);
        color: white;
        background-image: url(../../0/images/cart_icn20.png);
        background-repeat: no-repeat;
        background-position: 1px 5px;
        min-width: 160px !important;
    }


.button_todo {
    font-family: "Segoe UI",Arial,sans-serif;
    font-weight: 600;
    border-radius: 10px;
    border: 2px solid #aaa;
    font-size: 13px;
    line-height: 30px;
    background-color: rgba(255,255,255,0);
    /* background-image: -webkit-linear-gradient( 90deg, rgb(13,139,163) 0%, rgb(18,167,195) 92%); */
    padding: 0 30px;
    margin-top: 8px;
    margin-bottom: 8px;
    text-align: center;
    color: #111;
    transition: all 0.1s;
    background-image: url(../../0/images/todo_icn20.png);
    background-repeat: no-repeat;
    background-position: 1px 5px;
    min-width: 160px !important;
}

    .button_todo:hover {
        background-color: hsla(197,47%,40%,1.00);
        background-image: -webkit-linear-gradient( 90deg, rgb(12, 95, 111) 0%, rgb(16, 139, 162) 92%);
        transform: scale(.95,.95);
        color: white;
        background-image: url(../../0/images/todo_icn20.png);
        background-repeat: no-repeat;
        background-position: 1px 5px;
        min-width: 160px !important;
    }

.glossy-button {
    display: inline-block;
    position: relative;
    background-color: #aaa;
    background-image: linear-gradient( hsla(0, 0%, 100%, 0.6), hsla(0, 0%, 100%, 0) 50%, hsla(0, 0%, 0%, 0.3) 50%, hsla(0, 0%, 100%, 0.2) );
    font-size: 22px;
    font-family: sans-serif;
    font-weight: bold;
    color: white;
    padding: 10px 20px;
    text-shadow: 0 0 15px hsla(0, 0%, 100%, 1), 0 2px 4px hsla(0, 0%, 0%, 0.7); /* drop shadow */
    border: none;
    border-radius: 50px;
    margin: 10px;
    box-shadow: inset 0 -5px 20px hsla(0, 0%, 0%, 0.4), inset 0 5px 20px hsla(0, 0%, 100%, 0.4), -8px 8px 5px hsla(0, 0%, 0%, 0.15), 5px 18px 10px hsla(0, 0%, 0%, 0.2); /* drop shadow 2 */
    cursor: pointer;
    transition: transform 0.1s, box-shadow 0.1s;
}

    /* highlight */
    .glossy-button:before {
        content: "";
        display: block;
        position: absolute;
        left: 20px;
        right: 20px;
        top: 5px;
        height: 30px;
        border-radius: 15px;
        background: linear-gradient(hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0));
    }

.glossy-button--blue {
    background-color: #19f;
}

.glossy-button--gold {
    background-color: #ea0;
}

.glossy-button--green {
    background-color: #6c6;
}

.glossy-button--red {
    background-color: #e21;
}

.glossy-button:hover {
    transform: scale(1.05);
    box-shadow: inset 0 -5px 20px hsla(0, 0%, 0%, 0.4), inset 0 5px 20px hsla(0, 0%, 100%, 0.4), -12px 12px 5px hsla(0, 0%, 0%, 0.15), 10px 25px 10px hsla(0, 0%, 0%, 0.2); /* drop shadow 2 */
}


.InpuFileBoxDiv {
    border-bottom: 2px solid #bfbfbf;
    padding: 8px;
    font-family: open sans, sans-serif;
    font-weight: 700;
    color: #7b7b7b;
    height: auto;
    background: #f9f9f9;
    box-shadow: 0 0 1px 1px #cecece;
    margin-bottom: 5px;
    margin-top: 5px;
    border-left: 2px solid #00ff43;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    /* background-color: #f0f7fb; */
    /* background-image: url(../../Images/css-box-icon-3.png); */
    /* background-position: -9px -10px; */
    /* background-repeat: no-repeat; */
    /* border: solid 1px #3498db; */
    border-radius: 6px;
    /* line-height: 18px; */
    overflow: hidden;
}

.toplabelClass {
    font-family: 'open sans', sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: #686868;
    text-align: right;
    line-height: 20px;
}

.verticalAlignTop {
    vertical-align: top !important;
}

a.linkButtonClass {
    text-decoration: underline !important;
    font-size: 14px;
}


.WrapTextClass {
    word-break: break-all;
    word-wrap: break-word;
}

.tableCurvedTopBorder {
    border-collapse: collapse;
    font-family: 'lato', sans-serif;
    /*color: #1A8498;*/
    /*line-height: 36px;*/
    text-shadow: 1px 1px 2px #F6FEFF;
    width: 100% !important;
    padding-left: 10px;
    border-radius: 8px 8px 1px 0;
    vertical-align: middle;
    box-shadow: 0px -1px 1px 1px rgb(205, 225, 228);
}

.labelBoxDivSquare {
    color: #7C7C7C;
    font-size: 13px;
    font-family: 'open sans', sans-serif;
    border-bottom: 2px solid #bfbfbf;
    padding: 8px 8px 8px 4px;
    font-weight: 600;
    height: auto;
    background: #ffffff;
    box-shadow: 0 0 1px 1px #cecece;
    margin-bottom: 5px;
    margin-top: 5px;
    border-left: 2px solid #FFB400;
    -moz-border-radius: 6px;
    /* -webkit-border-radius: 6px; */
    /* background-color: #f0f7fb; */
    /* background-image: url(../../Images/css-box-icon-3.png); */
    /* background-position: -9px -10px; */
    /* background-repeat: no-repeat; */
    /* border: solid 1px #3498db; */
    /* border-radius: 6px; */
    line-height: 18px;
    overflow: hidden;
    min-height: 20px;
    line-height: 20px !important;
    /* margin-top: 0; */
    /* margin-bottom: 1em; */
}

    .labelBoxDivSquare p {
        margin-top: 10px;
        margin-bottom: 0px !important;
    }


.checkBoxTd {
    width: 100%;
    padding: 10px !important;
    line-height: 10px !important;
    background-color: rgba(253, 253, 253, 0.87);
    border: 2px solid #A4CCD0;
}

.labelBoxDivSquareRED {
    border-bottom: 2px solid #bfbfbf;
    padding: 8px;
    font-family: open sans, sans-serif;
    font-weight: 600;
    color: #211f1f;
    height: auto;
    background: #ffffff;
    box-shadow: 0 0 1px 1px #cecece;
    margin-bottom: 5px;
    margin-top: 5px;
    border-left: 10px solid #fd0f0d;
    -moz-border-radius: 6px;
    /* -webkit-border-radius: 6px; */
    /* background-color: #f0f7fb; */
    /* background-image: url(../../Images/css-box-icon-3.png); */
    /* background-position: -9px -10px; */
    /* background-repeat: no-repeat; */
    /* border: solid 1px #3498db; */
    /* border-radius: 6px; */
    line-height: 18px;
    overflow: hidden;
    min-height: 35px;
    line-height: 20px !important;
    /* margin-top: 0; */
    /* margin-bottom: 1em; */
}

    .labelBoxDivSquareRED p {
        margin-top: 10px;
        margin-bottom: 0px !important;
    }


.infoHelperImg {
    vertical-align: middle;
    padding: 5px 5px 5px 10px;
}

.infoHelperMsg {
    text-align: justify;
    font-family: Proxima Nova,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
    font-size: 14px;
    padding: 5px 5px 5px 5px;
}

.infoHelperKey {
    text-align: justify;
    font-family: Proxima Nova,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
    font-size: 14px;
    padding: 10px 5px 10px 5px;
    font-weight: 600;
}

/* Use This Style for Table in Dialog Box Popup */
.dlgTable {
    width: 100%;
    border: #d0d3d6 1px solid !important;
    border-collapse: collapse;
    font-family: Verdana,Arial,sans-serif /*{ffDefault}*/;
}

    .dlgTable td {
        padding: 7px;
        border: 0px;
        border-collapse: collapse;
    }
    /* provide some minimal visual accomodation for IE8 and below */
    .dlgTable tr {
        background: #b8d1f3;
        border-collapse: collapse;
        border-bottom: aliceblue 4px;
    }
        /*  Define the background color for all the ODD background rows  */
        .dlgTable tr:nth-child(odd) {
            background: #F2F5F3 !important;
            vertical-align: text-top;
            line-height: 2.0em;
            border-bottom: 1px solid #C6E6FF;
            border-top: 1px solid #C6E6FF;
        }
        /*  Define the background color for all the EVEN background rows  */
        .dlgTable tr:nth-child(even) {
            background-color: #FFFFFF;
            vertical-align: text-top;
            line-height: 2.0em;
            /* padding-bottom: 15px; */
            /* padding: 15px; */
        }

.WP_RefreshImg {
    position: absolute;
    top: 10px;
    right: 150px;
    float: right;
    margin-top: 15px;
    border-radius: 2px;
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: 11px;
    cursor: pointer;
}

/* Ensure Dialog box over lay covers all screen*/
.ui-widget-overlay {
    height: 100vw !important;
}

.labelClassTop {
    font-family: 'open sans', sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: #686868;
    text-align: right;
    line-height: 20px;
    padding-bottom: 1px;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.subHeaderSquare {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 18px;
    color: rgb(16, 155, 181);
    font-weight: 500;
    line-height: 30px;
    padding: 0 15px;
    background-color: rgba(232, 241, 247, 1);
    padding: 17px;
    background-color: rgba(16, 155, 181, 0.12);
}

input::-webkit-input-placeholder { /* WebKit browsers */
    color: #F98869 !important;
    font-style: italic !important;
    font-weight: 200;
}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #F98869 !important;
    font-style: italic !important;
    font-weight: 200;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #F98869 !important;
    font-style: italic !important;
    font-weight: 200;
}

input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #F98869 !important;
    font-style: italic !important;
    font-weight: 200;
}

textarea::-webkit-input-placeholder { /* WebKit browsers */
    color: #F98869 !important;
    font-style: italic !important;
    font-weight: 200;
}

textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #F98869 !important;
    font-style: italic !important;
    font-weight: 200;
}

textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #F98869 !important;
    font-style: italic !important;
    font-weight: 200;
}

textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #F98869 !important;
    font-style: italic !important;
    font-weight: 200;
}

.cellRow:after {
    content: "";
    display: table;
    clear: both;
}

.alignDivLeft {
    float: left;
    width: 50%;
}

.alignDivRight {
    float: left;
    width: 49%;
    text-align: right;
}

.formSectionDiv {
    padding: 0px 0px 10px 0px;
    margin-bottom: 5px;
    margin-top: 10px;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    background: none no-repeat scroll 0 0 #fff;
    position: relative;
}

.formSectionDivHeader {
    
    font-size: 16px;
    font-weight: 600;
    padding: 5px 0px 10px 5px;
    
}
.pageSubTitleRow {
    text-align: left;
    font-family: 'open sans', sans-serif;
    font-weight: 600;
    line-height: 40px;
    font-size: 22px;
    color: #377b97;
}

/* Ensure Dialog close botton is available to be clicked - default had issues*/
div.ui-dialog-titlebar &gt; .ui-dialog-titlebar-close {
	top: 10px !important;
    right: 10px !important;
}
.highlight-cell-red {
                background-color: #ff000061 !important;
}

</pre></body></html>