/*Layout*/


html,
body {
    height: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #f2f5f8 !important;
    font-size: 16px !important;
    /*-ms-overflow-style: scrollbar;*/
}

.aspnetForm {
    height: 100%;
}

.dropdown {
    position: relative;
    display: inline-block;
    font-size: 16px;
}

.menu-item-pad {
    padding-right: 14px;
}

.dropdown-menu-nav {
    background-color: #0ac419 !important;
}

.dropdown-item-nav {
    color: #fff !important;
    font-size: 16px !important;
    line-height: 40px !important;
}

.dropdown-menu {
    display: none;
    position: absolute;
    background-color: #C0C0C0;
    min-width: 200px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0 px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #C0C0C0;
    min-width: 400px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0 px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #F1F1F1;
}

.show {
    display: block;
}

.d-flex {
    display: flex!important;
}

/* Style the tab */
div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #0000FF;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #336699;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #3366CC;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 24px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.titleBlock {
    background: ;
    border-radius: 10px;
    color: black;
    border-color: blue;
    border-style: solid;
    align: center;
    margin: auto;
    height: 120px;
    width: 100%;
    text-align: center;
    padding: 20ppx;
}


header {
    flex: none;
    /*border-bottom: 1px solid #c7c7c7;*/
    background: #fff;
    width: 100%;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    top: -100px;
    z-index: 1000;
}

header.shrink {
    opacity: 0.9;
    position: fixed;
    top: 0;
    left: 0;
}

.title {
    float: left;
    padding: 8px 0px;
}

.title a {
    font-weight: 600;
    font-size: 1.8em;
    color: #c7c7c7;
    text-decoration: none;
}

.title p {
    color: #b2b2b2;
    margin: 0;
}

.expandBar {
    padding: 0px !important;
    width: 100%;
}

.expandedPanel .title {
    display: none;
}

.panelContent {
    padding-top: 15px;
}

.expandedPanel .pull-right {
    float: none !important;
}

.panelItem {
    display: inline-block;
}

.expandedPanel .panelItem {
    display: block;
}

.expandedPanel .panelContent {
    padding-bottom: 15px;
}

.searchBox {
    /*margin-left: 20px;*/
}

.searchBox img,
.searchBox .dx-acc {
    /*display: none;*/
}

.searchBoxButton {
    font-size: 17px;
}

.navMenu {
    float: right;
    margin: 0px 0px 2px 0px;
}

.expandedPanel .navMenu {
    width: 100%;
    margin: 10px 0px;
}

.expandedPanel .searchBox {
    width: 100%;
    margin-left: 0px;
}

.loginButton {
    margin: 0px 0px 1px 20px;
}

.expandedPanel .loginButton {
    width: 100%;
    margin: 10px 0px 0px 0px;
    text-align: left;
}

.expandedPanel .loginButton .dropdown-toggle {
    width: 100%;
}

.loginButton-large,
.expandedPanel .loginButton-small {
    display: none;
}

.expandedPanel .loginButton-large {
    display: inline-block;
}

.btnBackToTop {
    background: none;
    margin: 0;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 70px;
    height: 70px;
    z-index: 100;
    display: inline;
    text-decoration: none;
    cursor: pointer;
}

.btnBackToTop i {
    font-size: 60px;
    color: #c7c7c7;
}

.btnBackToTop i:hover {
    color: #e0e0e0;
}

.footerUp {
    padding-bottom: 26px;
    background: #6f6f6f;
}

.footerDown {
    background: #525252;
}

.footerDown p {
    margin: 16px 0px;
}

.wrapper {
    display: -webkit-box;
    display: flex;
    width: 100%;
    min-height: 100%;
    height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.content {
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    margin-bottom: 40px;
}

footer {
    flex: none;
    color: white;
}

footer a {
    color: #cecaca;
}

footer a:hover,
footer a:focus {
    color: #fff;
}

footer h4 {
    margin-top: 32px;
}

.latestPosts li:not(:last-child) {
    border-bottom: 1px dotted #fff;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

/*Home*/
.mainText {
    margin: 0 auto;
    max-width: 650px;
}

.features {
    margin-top: 40px;
}

.features .media {
    margin-top: 20px;
}

.features .featureIcon {
    font-size: 50px;
}

.marginTop20 {
    margin-top: 20px;
}

.marginTop40 {
    margin-top: 40px;
}

.customers .media {
    margin-top: 40px;
}

/*Contact Us*/
.map {
    height: 300px;
}

/*Blog*/
.blogImage {
    width: 100%;
}

.dataViewPosts .blogImage {
    padding-top: 25px;
}

.blogNavBar .blogNabVarGroupHeader a {
    text-decoration: none !important;
}

.blogNavBar {
    margin-top: 45px;
}

.user {
    font-size: 64px;
}

/*New*/
@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat-Regular.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/Montserrat-Regular.woff') format('woff'),
        /* Pretty Modern Browsers */
        url('../fonts/Montserrat-Regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/Montserrat-Regular.svg#svgFontName') format('svg');
    /* Legacy iOS */
}

@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../fonts/Montserrat-SemiBold.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/Montserrat-SemiBold.woff') format('woff'),
        /* Pretty Modern Browsers */
        url('../fonts/Montserrat-SemiBold.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/Montserrat-SemiBold.svg#svgFontName') format('svg');
    /* Legacy iOS */
}

@font-face {
    font-family: 'Montserrat-Light';
    src: url('../fonts/Montserrat-Light.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/Montserrat-Light.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/Montserrat-Light.woff') format('woff'),
        /* Pretty Modern Browsers */
        url('../fonts/Montserrat-Light.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/Montserrat-Light.svg#svgFontName') format('svg');
    /* Legacy iOS */
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/Montserrat-Bold.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/Montserrat-Bold.woff') format('woff'),
        /* Pretty Modern Browsers */
        url('../fonts/Montserrat-Bold.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/Montserrat-Bold.svg#svgFontName') format('svg');
    /* Legacy iOS */
}

@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../fonts/Montserrat-Medium.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/Montserrat-Medium.woff') format('woff'),
        /* Pretty Modern Browsers */
        url('../fonts/Montserrat-Medium.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/Montserrat-Medium.svg#svgFontName') format('svg');
    /* Legacy iOS */
}

a:hover {
    text-decoration: none;
    background: none;
    background-color: none;
}

a {
    background-color: transparent;
}

a:active {
    text-decoration: none;
}

input[type="text"],
input[type="button"],
input[type="submit"] {
    outline: none;

}

input[type="text"] {
    padding-left: 20px;
}

.Divlogin {
    font-family: 'Montserrat-Regular';
    background-color: #ffffff;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 20px;
}

.login-spacer-0 {
    height: 25px;
}

.login-spacer-1 {
    height: 55px;
}

.login-spacer-2 {
    height: 39px;
}

.login-spacer-3 {
    height: 63px;
}

.login-spacer-4 {
    height: 18px;
}

.login-spacer-5 {
    height: 36px;
}

.login-spacer-6 {
    height: 43px;
}

.login-spacer-7 {
    height: 35px;
}

.login-spacer-8 {
    height: 35px;
}

@media (max-width: 640px) {
    .Divlogin {
        width: 100%;
    }
}

@media (max-height: 640px) {
    .login-spacer-0 {
        height: 10px;
    }
    
    .login-spacer-1 {
        height: 20px;
    }
    
    .login-spacer-2 {
        height: 15;
    }
    
    .login-spacer-3 {
        height: 15px;
    }
    
    .login-spacer-4 {
        height: 5px;
    }
    
    .login-spacer-5 {
        height: 5px;
    }
    
    .login-spacer-6 {
        height: 5px;
    }
    
    .login-spacer-7 {
        height: 20px;
    }
    
    .login-spacer-8 {
        height: 20px;
    }
}

.applogo {
    max-width: 80%;
    height: auto;
}




.pageheading {
    font-family: 'Montserrat-SemiBold';
    font-size: 15px;
    color: #767877;
}

.lblLogin {
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    color: #000000;
}

.btnLogin {
    outline: none;
    margin: 0 auto;
    text-align: center;
    background: #90d06a;
    border: 0;
    width: 285px;
    height: 40px;
    cursor: pointer;
    display: block;
    -webkit-border-radius: 55px;
    -moz-border-radius: 55px;
    border-radius: 55px;
    color: White;
    font-family: 'Montserrat-Regular';
    font-size: 14px;
}

.txtLogin {
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    width: 393px;
    height: 40px;
    -webkit-border-radius: 55px;
    -moz-border-radius: 55px;
    border-radius: 55px;
    border: 1px solid #ebedef;
    outline: none;
    color: #90a0b3;
    padding-left: 20px;
}

@media (max-width: 640px) {
    .txtLogin {
        width: 200px;
    }
}

    .pageFooter {
        font-family: 'Montserrat-Regular';
        font-size: 15px;
        color: #767877;
    }

    .auto-style5 {
        font-family: 'Montserrat-SemiBold';
        font-size: 15px;
        text-align: left;
        width: 100%;
        color: #0d7cda;
    }

    .leftSideWidth {
        font-family: 'Montserrat-Regular' !important;
        font-size: 12px !important;
        width: 20%;
    }

    @media (min-width: 1024px) {
        .leftSideWidth {
            width: 10%;
        }
    }

    .leftMenuLogo {
        display: block;
        padding-top: 10px;
        margin: auto;
        cursor: text;
        max-width: 80%;
        height: auto;
    }

    @media all and (min-width: 2166px) {
        .leftMenuLogo {
            max-width: 70%;
        }
    }

    .leftMenuActiveTxt {
        color: #5ab8ff;
        font-family: 'Montserrat-Regular';
        font-size: 15px;
        cursor: pointer;
        /*background: linear-gradient(90deg, #5ab8ff 5px, #27282b 5px);*/
        line-height: 50px;
    }

    .leftMenuTxt {
        color: #ffffff;
        font-family: 'Montserrat-Regular';
        font-size: 15px;
        cursor: pointer;
        line-height: 50px;
    }

    .leftSubMenuTxt {
        color: #c4c4c4;
        font-family: 'Montserrat-Regular';
        font-size: 15px;
        cursor: pointer;
    }

    .leftMenuTxt:hover {
        color: #5ab8ff;
    }

    .leftSubMenuTxt:hover {
        color: #5ab8ff;
    }

    .leftSubMenuTxt:focus {
        color: #5ab8ff;
        text-decoration: none;
    }

    .leftBar {
        background: #5ab8ff;
        float: left;
        height: 50px;
        width: 5px;
        border-bottom-right-radius: 2em;
        border-top-right-radius: 2em;
        display: none;
    }

    .headerDiv {
        background: #c3d3e3;
        width: 100%;
        background: url(../images/header-bg.png) repeat-x;
        /*background: -webkit-linear-gradient(#c3d3e3, #f8f9fb);
    background: -o-linear-gradient(#c3d3e3, #f8f9fb);
    background: -moz-linear-gradient(#c3d3e3, #f8f9fb);
    background: linear-gradient(#c3d3e3, #f8f9fb); */
        border-bottom: 1px solid #c7d7e6;
        height: 70px;
        line-height: 70px;
    }

    .LogoTxt {
        font-family: Montserrat-Regular;
        font-size: 24px;
        color: #808489;
        margin-left: 40px;
    }

    .CurrentTxt {
        font-family: Montserrat-Regular;
        font-size: 14px;
        color: #8994a1;
        float: left;
        margin-left: 20px;
    }

    .CurrentLoginDiv {
        display: none;
    }
    
    @media all and (min-width: 768px) {
    .CurrentLoginDiv {
        display: block;
    }
    }

    .CurrentLoginTextDiv {
        display: none;
    }
    @media all and (min-width: 640px) {
        .CurrentLoginTextDiv {
            display:block;
        }
    }

    .card-title {
        font-size: .8rem ! important;
        font-weight: bold !important;
        margin-bottom: 0.5rem ! important;
        margin-top: 0.75rem ! important;
        display: inline-block ! important;
        vertical-align: top ! important;
    }

    .card-body {
        flex-direction: column ! important;
        width: 100% ! important;
        height: 100% ! important;
        padding: 0 ! important;
        margin-left: 10px ! important;
    }

    .table-card {
        width: 95% ! important;
        margin-top: 5px ! important;
        margin-bottom: 5px ! important;
    }

    .table-card>.card-body {
        font-family: 'Montserrat-Regular' ! important;
    }

    .table-card>.card-body>.card-text {
        font-size: .8rem ! important;
        margin: 0 ! important;
        padding-top: 10px ! important;
        box-shadow: none ! important;
        display: inline-block ! important;
    }

    .imgDiv {
        border-radius: 50%;
        width: 48px;
        height: 40px;
        float: right;
        background: #c3d3e3;
        margin-top: 14px;
        margin-right: 5px;
        overflow: hidden;
    }

    .txtMedium {
        font-family: 'Montserrat-Regular';
        font-size: 20px;
        color: #909497;
        height: 44px;
        line-height: 44px;
    }

    .txtSmall {
        font-family: 'Montserrat-Regular';
        font-size: 15px;
        color: #909497;
        height: 24px;
        line-height: 24px;
    }
    .txtWarning {
        font-family: 'Montserrat-Regular';
        font-size: 10pt;
        font-style: italic;
        color: #909497;
        margin-left: 28px;
    }


    ._DropDownSmall {
        font-family: 'Montserrat-Regular';
        height: 44px;
        width: 120px;
        float: left;
        border: 1px solid #ebedef;
        border-radius: 55px;
        -moz-border-radius: 55px;
        -webkit-border-radius: 55px;
        color: #90a0b3;
        font-size: 14px;
        padding-left: 22px;
        -webkit-appearance: menulist;
        box-sizing: border-box;
        -webkit-box-align: left;
        white-space: normal;
        -webkit-rtl-ordering: logical;
        background: #FFFFFF url(../images/dropdown_arrow.png) 95px 17px no-repeat;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        text-overflow: '';
        text-indent: 0.01px;
        /* Removes default arrow from firefox*/
        text-overflow: "";
        /*Removes default arrow from firefox*/
    }

 
    
    ._DropDownMedium {
        font-family: 'Montserrat-Regular';
        height: 44px;
        min-width: 150px;
        width: 250px;
        float: left;
        border: 1px solid #ebedef;
        border-radius: 55px;
        -moz-border-radius: 55px;
        -webkit-border-radius: 55px;
        color: #90a0b3;
        font-size: 14px;
        padding-left: 22px;
        -webkit-appearance: menulist;
        box-sizing: border-box;
        -webkit-box-align: left;
        white-space: normal;
        -webkit-rtl-ordering: logical;
        background: #FFFFFF url(../images/dropdown_arrow.png) calc(100% - 20px) center no-repeat;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        text-overflow: '';
        text-indent: 0.01px;
        /* Removes default arrow from firefox*/
        text-overflow: "";
        /*Removes default arrow from firefox*/
    }

    @media (max-width: 640px) {
        ._DropDownMedium {
            width: 95%;
        }
    }
    
    @media (max-width: 460px) {
        ._DropDownMedium {
            width: 250px;
        }
    }
    /* for ie11*/
    select::-ms-expand {
        display: none;
    }

    ._DropDownLarge {
        font-family: 'Montserrat-Regular';
        height: 44px;
        width: 350px;
        float: left;
        border: 1px solid #ebedef;
        border-radius: 55px;
        -moz-border-radius: 55px;
        -webkit-border-radius: 55px;
        color: #90a0b3;
        font-size: 14px;
        padding-left: 22px;
        -webkit-appearance: menulist;
        box-sizing: border-box;
        -webkit-box-align: left;
        white-space: normal;
        -webkit-rtl-ordering: logical;
        background: #FFFFFF url(../images/dropdown_arrow.png) 325px 18px no-repeat;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        text-overflow: '';
        text-indent: 0.01px;
        /* Removes default arrow from firefox*/
        text-overflow: "";
        /*Removes default arrow from firefox*/
    }

    @media (max-width: 460px) {
        ._DropDownLarge {
            width: 170px;
            background: #FFFFFF url(../images/dropdown_arrow.png) 145px 18px no-repeat;
            padding-left:12px;
        }
    }

    ._DropDownBlueMedium {
        font-family: 'Montserrat-Regular';
        height: 44px;
        width: 200px;
        float: left;
        border: 1px solid #ebedef;
        border-radius: 55px;
        -moz-border-radius: 55px;
        -webkit-border-radius: 55px;
        color: #50adfd;
        font-size: 14px;
        padding-left: 22px;
        -webkit-appearance: menulist;
        box-sizing: border-box;
        -webkit-box-align: left;
        white-space: normal;
        -webkit-rtl-ordering: logical;
        background: #FFFFFF url(../images/dropdown_arrow.png) 170px 17px no-repeat;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        text-overflow: '';
        text-indent: 0.01px;
        /* Removes default arrow from firefox*/
        text-overflow: "";
        /*Removes default arrow from firefox*/
    }

    .txtLarge {
        font-family: 'Montserrat-Regular';
        font-size: 14px;
        width: 350px;
        height: 40px;
        -webkit-border-radius: 55px;
        -moz-border-radius: 55px;
        border-radius: 55px;
        border: 1px solid #ebedef;
        outline: none;
        color: #000000;
        padding-left: 20px;
    }

    @media (max-width: 768px) {
        .txtLarge {
            width: 200px;
        }
    }

    @media (max-width: 460px) {
        .txtLarge {
            width: 170px !important;
            padding-left:12px !important;
        }
    }

    .txtBoxSmall {
        font-family: 'Montserrat-Regular';
        font-size: 14px;
        width: 190px;
        height: 40px;
        -webkit-border-radius: 55px;
        -moz-border-radius: 55px;
        border-radius: 55px;
        border: 1px solid #ebedef;
        outline: none;
        color: #90a0b3;
        padding-left: 20px;
    }

    .txtBoxMedium {
        font-family: 'Montserrat-Regular';
        font-size: 14px !important;
        width: 260px !important;
        height: 44px !important;
        -webkit-border-radius: 55px !important;
        -moz-border-radius: 55px !important;
        border-radius: 55px !important;
        border: 1px solid #ebedef !important;
        outline: none !important;
        color: #90a0b3 !important;
        padding-left: 20px !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none;
        -webkit-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
    }

    .searchBox1 {
        font-family: 'Montserrat-Regular';
        font-size: 14px;
        width: 267px;
        height: 44px;
        -webkit-border-radius: 55px;
        -moz-border-radius: 55px;
        border-radius: 55px;
        border: 1px solid #ebedef;
        outline: none;
        color: #90a0b3;
        padding-left: 20px;
    }

    .selectBtn {
        font-family: 'Montserrat-Regular';
        font-size: 14px;
        width: 267px;
        height: 44px;
        border: 1px solid #ebedef;
        text-align: left;
        -webkit-border-radius: 55px;
        -moz-border-radius: 55px;
        border-radius: 55px;
        background: #FFFFFF url(../images/dropdown_arrow.png) 245px 17px no-repeat;
        color: #90a0b3;
        border: 1px solid #ebedef;
        outline: none;
        padding-left: 20px;
    }

    .configurationDiv {
        background:#f8fafb !important; 
        padding-bottom: 10px !important;
        display: flex;
    }

    .mt-10 {
        margin-top: 10px !important;
    }

    .btnPortalSearch {
        width:90px !important; 
        float:right !important;
        color:white !important; 
        border:1px solid #90d06a !important; 
        background:#90d06a !important; 
        margin-left: 5px !important;
        margin-top: 20px !important;
        display: none !important;
    }


    @media (max-width: 768px) {
        .btnPortalSearch {
            display: block !important;
        }
    }

    @media (max-width: 460px) {
        .btnPortalSearch {
            float: left !important;
            margin-left: 10px !important;
        }
    }

    .btnGray {
        color:#90a0b3 !important; 
        margin-top: 10px !important;
        border:1px solid #e8ebed !important;
        background:#f8fafb !important;
        white-space: nowrap !important;
    }

    .btnGreen {
        margin-top: 10px !important; 
        float:left !important; 
        color:white !important; 
        border:1px solid #90d06a !important; 
        background:#90d06a !important;
        white-space: nowrap !important;
    }

    .btnRed {
        color:#fd6952 !important; 
        margin-top: 10px !important; 
        float:left !important; 
        border:1px solid #fd6952 !important;
        white-space: nowrap !important;
    }

    .configureLastUpdate {
        background:#f8fafb;
        height:20px; 
        float:left; 
        padding:  10px 0px 10px 0px;
        width: 100%;
    }

    .configureSensorHead {
        font-family: 'Montserrat-Regular';
        font-size: 16px;
        color: #aeb8c6;
        cursor: pointer;
        font-weight: 100;
        background: transparent;
        white-space: nowrap;
        margin-left: 15px;
    }

    .configureSensorHeadRadio {
        -ms-transform: scale(1.5) !important;
        /* IE 9 */
        -webkit-transform: scale(1.5) !important;
        /* Chrome, Safari, Opera */
        transform: scale(1.5) !important;
        margin-right: 10px !important;
    }

    .configureSensorHeadCell {
        padding: 0px 5px 0px 5px;
    }

    .configureSensorHeadCellActive {
        color: #5ab8ff;
    }

    .sensorHead,
    .cellularHead {
        font-family: 'Montserrat-Regular';
        font-size: 11px;
        color: #aeb8c6;
        cursor: pointer;
        font-weight: 100;
        background: transparent;
        white-space: nowrap;
        padding-right: 5px;
    }

    .sensorDataRow,
    .cellularDataRow {
        color: #808489;
        font-family: 'Montserrat-Regular';
        font-size: 13px;
        border-bottom: 2px solid #f4f4f4;
    }

    .sensorDataLink,
    .cellularDataLink {
        color: #808489;
        font-family: 'Montserrat-Regular';
        font-size: 13px;
        text-decoration: none;
    }

    .sensorDataLink:hover,
    .cellularDataLink:hover {
        color: #808489;
    }

    .dataTables_wrapper .dataTables_info {
        font-family: 'Montserrat-Regular';
        font-weight: 500 !important;
        font-size: 12px !important;
        margin-top: 0px !important;
    }

    .dataTables_wrapper .dataTables_length {
        font-family: 'Montserrat-Regular';
        font-weight: 500 !important;
        font-size: 12px !important;
    }

    .dataTables_wrapper .dataTables_length label {
        padding-bottom: 5px !important;
    }

    tbody, td, tfoot, th, thead, tr {
        border-color: #e0e0e0 !important;
    }

    .monthlyRptHead {
        font-family: 'Montserrat-Regular';
        font-size: 14px;
        color: #aeb8c6;
        background: #ffffff;
        cursor: pointer;
        font-weight: 100;
    }

    .monthlyRptDataRow {
        color: #808489;
        font-family: 'Montserrat-Regular';
        font-size: 13px;
        line-height: 25px;
        border: 1px solid #e6eaed;
    }

    .tblFooter {
        color: #aeb8c6;
        font-family: 'Montserrat-Regular';
        font-size: 12px;
        line-height: 35px;
    }

    ._DropDownFooter {
        font-family: 'Montserrat-Regular';
        width: 67px;
        float: right;
        border: none;
        color: #aeb8c6;
        font-size: 12px;
        padding-left: 22px;
        -webkit-appearance: menulist;
        box-sizing: border-box;
        -webkit-box-align: left;
        white-space: normal;
        -webkit-rtl-ordering: logical;
        background: #FFFFFF url(../images/dropdown_arrow.png) 45px 5px no-repeat;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        text-overflow: '';
        text-indent: 0.01px;
        /* Removes default arrow from firefox*/
        text-overflow: "";
        /*Removes default arrow from firefox*/
    }

    .homebgColor {
        background: #f2f5f8;
        margin-top: -0.5px;
        width: 80%;
        height: auto;
        min-height: 85vh;
    }

    @media (min-width: 1024px) {
        .homebgColor {
            width: 90%;
        }
    }

    .divRightWidth {
        width: 80%;
    }

    @media (min-width: 1024px) {
        .divRightWidth {
            width: 90%;
        }
    }

    .alarmsTable {
        margin-left: 10px !important;
        
    }

    @media (max-width: 460px) {
        .alarmsTable {
            background-color: white !important;
        }
    }

    .detailSensorDiv {
        margin-top: 5px;
        min-height: 300px;
        padding: 0px 0px 0px 5px;
        visibility: visible;
    }

    .homeContent {
        background: #ffffff;
        margin: 5px 5px 0px 5px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border: 1px solid #e6eaed;
    }

    .homeContent1 {
        background: #ffffff;
        margin: 0px 5px 0px 5px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border: 1px solid #e6eaed;
    }

    .subTopMenuPage {
        float: left;
        display: flex;
        align-items: center;
        height: 100%;
    }

    .subTopMenuDiv {
        float: left;
        display: flex;
        align-items: center;
        height: 100%;
    }

    .dvBack1 {
        height: 100%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
        border-right: 1px solid #eaeaea;
        cursor: pointer;
    }

    .subTopMenuActiveLink {
        color: #5ab8ff;
        font-family: 'Montserrat-Regular';
        font-size: 15px;
        cursor: pointer;
        line-height: 50px;
        padding-left: 25px;
        line-height: 76px;
    }

    .subTopMenuLink {
        color: #c4cbd6;
        font-family: 'Montserrat-Regular';
        font-size: 15px;
        cursor: pointer;
        line-height: 50px;
        padding-left: 25px;
        line-height: 76px;
    }

    .subTopMenuLink:hover {
        color: #5ab8ff;
    }

    .subTopMenuTxt {
        font-family: 'Montserrat-Regular';
        color: #909497;
        font-size: 14px;
    }

    .sensorIdTxt {
        font-family: 'Montserrat-Bold';
        font-size: 14px;
        color: #0091e1;
        margin-left: 5px;
    }

    .sensorIdLabel {
        margin-left: 5px;
    }
    
    .sensorNameTxt {
        font-family: 'Montserrat-Light';
        font-size: 14px;
        color: #909497;
    }

    .sensorSigningLabel {
        top: 12px;
        cursor: auto;
        color: #5ab8ff;
    }

    .sensorSigningWrapper {
        margin-left: 5px;
        margin-right: 5px;
    }

    .sensorSigning {
        width: 425px;
        border:2px solid #5ab8ff;
        height:80px;
        padding-left: 2px;
        /*text-align:right;*/
    }

    .sensorSigningSub {
        /*width: 425px !important;*/
        /*height: 42px !important;*/
        padding-top: 10px !important;
    }

    .sensorSigningText {
        height: 42px;
        width: 95%;
        border: 2px solid #5ab8ff;
        top: 12px;
    }

    .sensorSigningComment {
        height:42px !important; 
        width: 330px !important;
        border:2px solid #5ab8ff !important;
        top:12px !important;
        padding-left: 10px !important;
    }

    .sensorSigningButtonPlain {
        float:right !important; 
        width: 65px !important; 
        border-color: #5ab8ff !important; 
        color:white !important; 
        background-color: #5ab8ff !important;
    }

    .sensorSigningButton {
        height: 43px !important;
        width: 57px !important;
        /* margin-right: 20px; */
        margin-top: -43px !important;
        background-image: url(images/white_tick.png) !important;
    }

    @media all and (max-width: 460px) {
        .sensorSigning {
            width: 100%;
        }

        .sensorSigningComment {
            width: 200px !important;
        }
    }

    .divChart {
        border: none;
        padding-left: 0px;
        /* margin-bottom: 30px; */
    }

    .chartMenu {
        margin-top: 15px; 
        margin-left: 0px;
    }

    .bottomBar {
        background: #5ab8ff;
        float: left;
        height: 5px;
        width: 50px;
        border-top-right-radius: 2em;
        border-top-left-radius: 2em;
        margin-left: 23px;
        margin-top: -5px;
        display: none;
    }

    .lblTabHeader {
        font-family: 'Montserrat-Regular';
        color: #777e87;
        font-size: 18px;
        line-height: 45px;
    }

    .lblTime {
        font-family: 'Montserrat-Regular';
        font-size: 13px;
        color: #808489;
        line-height: 25px;
    }

    .dashBoardContent {
        background: #ffffff;
        height: 250px;
        /*border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;*/
        border-top-right-radius: 4px;
        -moz-border-top-right-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        -moz-border-top-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        border: 1px solid #e6eaed;
        width: 46.5%;
        float: left;
        margin: 5px 10px 17px 27px;
    }

    .btnUsers {
        outline: none;
        margin: 0 auto;
        text-align: center;
        background: #FFFFFF;
        border: 1px solid #9fd67d;
        width: 120px;
        height: 40px;
        cursor: pointer;
        display: block;
        float: left;
        -webkit-border-radius: 55px;
        -moz-border-radius: 55px;
        border-radius: 55px;
        color: #9fd67d;
        font-family: 'Montserrat-Regular';
        font-size: 14px;
        margin-right: 10px;
    }

    .btnLarge {
        outline: none;
        margin: 0 auto;
        text-align: center;
        background: #FFFFFF;
        color: #90a0b3;
        border: 1px solid #ebedef;
        width: 300px;
        height: 40px;
        cursor: pointer;
        display: block;
        float: left;
        -webkit-border-radius: 55px;
        -moz-border-radius: 55px;
        border-radius: 55px;
        font-family: 'Montserrat-Regular';
        font-size: 14px;
        margin-right: 10px;
    }

    @media all and (max-width: 460px) {
        .btnLarge {
            width: 270px;
        }
    }

    .btnMedium {
        outline: none;
        margin: 0 auto;
        text-align: center;
        background: #FFFFFF;
        color: #fd6952;
        border: 1px solid #fd6952;
        width: 175px;
        height: 40px;
        cursor: pointer;
        display: block;
        float: left;
        -webkit-border-radius: 55px;
        -moz-border-radius: 55px;
        border-radius: 55px;
        font-family: 'Montserrat-Regular';
        font-size: 14px;
        margin-right: 10px;
    }

    .snoozeHistoryPopup {
        width: 850px !important;
    }

    @media all and (max-width: 850px) {
        .snoozeHistoryPopup {
            width: 100% !important;
        }
    }

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

    .snoozeUntil {
        margin-top: 5px; 
        margin-right: 5px; 
        clear: both;
    }

    .snoozeCustom {
        width:200px !important;
    }

    @media all and (max-width: 460px) {
        .snoozeCustom {
            width: 170px !important;
            clear: both;
            padding-left: 6px !important;
        }
    }

    .subMenuHeader {
        font-family: 'Montserrat-Bold';
        font-size: 16px;
        color: #646c75;
    }

    .noteTxt {
        font-family: 'Montserrat-Medium';
        font-size: 11px;
        color: #6e7276;
    }

    .portalFilterTxt {
        font-family: Montserrat-Bold;
        font-size: 13px;
        color: #808489;
        margin-left: 20px;
    }

    .txtLargeForUsers {
        font-family: 'Montserrat-Regular';
        font-size: 14px;
        width: 390px;
        height: 44px;
        -webkit-border-radius: 55px;
        -moz-border-radius: 55px;
        border-radius: 55px;
        border: 1px solid #ebedef;
        outline: none;
        color: #90a0b3;
        padding-left: 20px;
    }

    .btnLargeForUsers {
        outline: none;
        margin: 0 auto;
        text-align: center;
        color: #ffffff;
        background-color: #50adfd;
        border: 1px solid #50adfd;
        width: 300px;
        height: 43px;
        cursor: pointer;
        display: block;
        float: left;
        -webkit-border-radius: 55px;
        -moz-border-radius: 55px;
        border-radius: 55px;
        font-family: 'Montserrat-Regular';
        font-size: 14px;
        margin-right: 10px;
    }

    /*For Img Chk*/
    .imgChk {
        display: none;
    }

    .imgChk+label {
        background: url('../images/checkbox-unsel.png') left top no-repeat;
        height: 27px;
        width: 28px;
        display: inline-block;
        padding: 0 0 0 0px;
        cursor: pointer;
    }

    .imgChk:checked+label {
        cursor: pointer;
        background: url('../images/checkbox-sel.png') left top no-repeat;
        height: 27px;
        width: 28px;
        display: inline-block;
        padding: 0 0 0 0px;
    }

    .imgChk1 {
        display: none;
    }

    .imgChk1+label {
        background: url('../images/checkbox-unsel.png') left top no-repeat;
        height: 27px;
        width: 28px;
        display: inline-block;
        padding: 0 0 0 0px;
        cursor: pointer;
    }

    .imgChk1:checked+label {
        cursor: pointer;
        background: url('../images/checkbox-sel.png') left top no-repeat;
        height: 27px;
        width: 28px;
        display: inline-block;
        padding: 0 0 0 0px;
    }

    .imgChkSelectAll {
        display: none;
    }

    .imgChkSelectAll+label {
        background: url('../images/checkbox-unsel.png') left top no-repeat;
        height: 27px;
        width: 28px;
        display: inline-block;
        margin-left: 5px;
        margin-bottom: -5px;
        cursor: pointer;
    }

    .imgChkSelectAll:checked+label {
        cursor: pointer;
        background: url('../images/checkbox-sel.png') left top no-repeat;
        height: 27px;
        width: 28px;
        display: inline-block;
        margin-bottom: -5px;
    }

    .imgChk2 {
        display: none;
    }

    .imgChk2+label {
        background: url('../images/checkbox-unsel.png') left top no-repeat;
        height: 27px;
        width: 28px;
        display: inline-block;
        margin-left: 5px;
        margin-bottom: -5px;
        cursor: pointer;
    }

    .imgChk2:checked+label {
        cursor: pointer;
        background: url('../images/checkbox-sel.png') left top no-repeat;
        height: 27px;
        width: 28px;
        display: inline-block;
        margin-bottom: -5px;
    }

    /*End*/

    .txtStatusSpan {
        height: 100%;
        float: left;
        font-family: 'Montserrat-Regular';
        font-size: 14px;
        color: #90a0b3;
        width: 50%;
        cursor: pointer;
        border-top-left-radius: 4px;
        -moz-border-top-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        -moz-border-bottom-left-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        padding: 0px 10px 0px 10px;
    }

    .txtToggleStatusSpan {
        height: 100%;
        float: left;
        font-family: 'Montserrat-Regular';
        font-size: 14px;
        color: #90a0b3;
        width: 50%;
        cursor: pointer;
        border-top-right-radius: 4px;
        -moz-border-top-right-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        -moz-border-bottom-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        padding: 0px 10px 0px 10px;
    }

    .new_txtToggleStatusSpan {
        height: 100%;
        float: left;
        font-family: 'Montserrat-Regular';
        font-size: 14px;
        color: #90a0b3;
        width: 100%;
        cursor: pointer;
    }

    .txtEditDiv {
        text-align: center;
        width: 650px;
        height: 40px;
        border: 1px solid #ebedef;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        float: left;
        background-color: #ffffff;
        line-height: 38px;
        font-family: 'Montserrat-Regular';
        font-size: 14px;
    }

    .txtEditDivSub1 {
        width: 200px;
    }
    @media (max-width: 460px) {
        .txtEditDivSub1 {
            width: 170px;
        }
    }
    /* do not group these rules */
    *::-webkit-input-placeholder {
        color: #90a0b3;
    }

    *:-moz-placeholder {
        /* FF 4-18 */
        color: #90a0b3;
    }

    *::-moz-placeholder {
        /* FF 19+ */
        color: #90a0b3;
    }

    *:-ms-input-placeholder {
        /* IE 10+ */
        color: #90a0b3;
    }

    /*Sensor Detail Screen*/
    .inputPowerHeading {
        font-family: 'Montserrat-Regular';
        font-size: 11px;
        color: #AFB8C6;
        font-style: normal;
        white-space: nowrap !important;
    }

    .inputPowerContent {
        font-family: 'Montserrat-Regular';
        font-size: 13px;
        color: #818589;
    }

    .highcharts-yaxis-grid .highcharts-grid-line {
        display: none;
    }

    .heading_block a {
        display: block;
        position: relative;
        min-height: 180px;
        width: 100%;
    }

    .selectTime {
        font-family: 'Montserrat-Regular';
        font-size: 14px;
        width: 267px;
        height: 44px;
        border: 1px solid #ebedef;
        text-align: left;
        -webkit-border-radius: 55px;
        -moz-border-radius: 55px;
        border-radius: 55px;
        background: #FFFFFF url(../images/dropdown_arrow.png) 220px 17px no-repeat;
        color: #90a0b3;
        border: 1px solid #ebedef;
        outline: none;
        padding-left: 20px;
    }

    .selectType {
        font-family: 'Montserrat-Regular';
        font-size: 14px;
        width: 267px;
        height: 44px;
        border: 1px solid #ebedef;
        text-align: left;
        -webkit-border-radius: 55px;
        -moz-border-radius: 55px;
        border-radius: 55px;
        background: #FFFFFF url(../images/dropdown_arrow.png) 90px 17px no-repeat;
        color: #90a0b3;
        border: 1px solid #ebedef;
        outline: none;
        padding-left: 20px;
    }

    .sensor_sub_tab {

        margin-left: 0px;
        margin-top: -10px;
        margin-bottom: 0px;
        background: #f8fafb;
        border-top: none;
        border-bottom-left-radius: 0.3em;
        border-bottom-right-radius: 0.3em;
        width: 100%;
        padding-right: 15px;
        padding-top: 10px;
    }

    .sensor_tab {
        height: 79px;
        /*margin-top: -10px;*/
        margin-left: 0px;
        margin-bottom: 0px;
        border-bottom: none;
        border-top-left-radius: 0.3em;
        border-top-right-radius: 0.3em;
        width: 100%;
    }

    .gaugeDiv {
        display:flex;
        flex-wrap: wrap;
    }

    .gaugeBox {
        margin-top:20px !important;
        min-height: 300px !important;
        padding:0px !important;
        padding-left:5px !important;
        margin-left:0px !important;
    }

    @media (max-width: 768px) {
        .gaugeDiv {
            display:block;
        }
    }

    .chart_title {
        height: 45px;
        width: 100%;
        background: #ffffff;
        border: 0px solid #e6eaed;
        padding-top: 15px;
        padding-left: 10px;
        border-top-left-radius: 0.3em;
        border-top-right-radius: 0.3em;
        margin-bottom: 0px;
    }

    .chart_content {
        height: 240px;
        width: 100%;
        background: #ffffff;
        border: 0px solid #e6eaed;
        border-top: none;
        border-bottom-left-radius: 0.3em;
        border-bottom-right-radius: 0.3em;
        align-content: center;
    }

    .ui-dialog-titlebar {
        background: #27282b;
    }

    .ui-dialog {
        /*background:#27282b;
    color:white;*/
        font-family: 'Montserrat-Regular';
        font-size: 14px;
    }

    table th {
        font-weight: unset;
    }

    .profileimage {
        position: relative;
        width: 40px;
        /*height: 45px;*/
        float: right;
        border-radius: 50%;
        overflow: hidden;
        margin-top: 15px;
        margin-right: 5px;
    }

    .profileimage img {
        max-width: 100%;
        float: right;
        margin-right: 1px;
    }

    /*End*/
    .acclogmenu {
        background-color: #ffffff;
        /*background: url(../images/header-bg.png) repeat-x;*/
        position: absolute;
        width: 185px;
        display: none;
        margin-left: 10px;
        vertical-align: middle;
        line-height: 50px;
        cursor: pointer;
        z-index: 1000;
        box-shadow: 0px 2px 2px 1px #ECECEC;
        -moz-box-shadow: 0px 2px 2px 1px #ECECEC;
        -webkit-box-shadow: 0px 2px 2px 1px #ECECEC;
        font-weight: normal;
        /*border: 1px solid #c7d7e6;*/
    }

    .acclogmenu li:hover {
        font-family: Montserrat-Regular;
        font-size: 14px;
        color: #5ab8ff;
    }

    .accroot12 {
        list-style: none;
        margin: 0px;
        font-family: Montserrat-Regular;
        font-size: 14px;
        color: #7d7d7d;
        padding: 0px 0 0 0px;
        vertical-align: middle;
    }

    .txtSearch1 {
        font-family: 'Montserrat-Regular';
        font-size: 14px;
        width: 250px;
        height: 44px;
        -webkit-border-radius: 55px;
        -moz-border-radius: 55px;
        border-radius: 55px;
        border: 1px solid #ebedef;
        outline: none;
        color: #90a0b3;
        padding-left: 50px;
        padding-right: 15px;
        background: url(../images/search-icon.png) 15px 13px no-repeat;
    }

    /* New for page loading indication */
    .wrapper {

        margin: auto;
        display: block;
    }

    .cssload-loader {
        width: 44px;
        height: 44px;
        border-radius: 50%;
        margin: 3em;
        display: inline-block;
        position: relative;
        vertical-align: middle;
    }

    .cssload-loader {
        width: 44px;
        height: 44px;
        border-radius: 50%;
        margin: 3em;
        display: inline-block;
        position: relative;
        vertical-align: middle;
    }

    .cssload-loader,
    .cssload-loader:before,
    .cssload-loader:after {
        animation: 0.75s infinite ease-in-out;
        -o-animation: 0.75s infinite ease-in-out;
        -ms-animation: 0.75s infinite ease-in-out;
        -webkit-animation: 0.75s infinite ease-in-out;
        -moz-animation: 0.75s infinite ease-in-out;
    }

    .cssload-loader:before,
    .cssload-loader:after {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .cssload-loader:before,
    .cssload-loader:after {
        content: "";
    }

    .cssload-loader:before,
    .cssload-loader:after {
        content: "";
        background-color: rgb(51, 51, 51);
        transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        animation: cssload-animation 1.125s infinite ease-in-out;
        -o-animation: cssload-animation 1.125s infinite ease-in-out;
        -ms-animation: cssload-animation 1.125s infinite ease-in-out;
        -webkit-animation: cssload-animation 1.125s infinite ease-in-out;
        -moz-animation: cssload-animation 1.125s infinite ease-in-out;
    }

    .cssload-loader:after {
        animation-delay: 0.5575s;
        -o-animation-delay: 0.5575s;
        -ms-animation-delay: 0.5575s;
        -webkit-animation-delay: 0.5575s;
        -moz-animation-delay: 0.5575s;
    }



    @keyframes cssload-animation {
        0% {
            transform: translateX(-100%) scale(0);
        }

        50% {
            transform: translateX(0%) scale(1);
        }

        100% {
            transform: translateX(100%) scale(0);
        }
    }

    @-o-keyframes cssload-animation {
        0% {
            -o-transform: translateX(-100%) scale(0);
        }

        50% {
            -o-transform: translateX(0%) scale(1);
        }

        100% {
            -o-transform: translateX(100%) scale(0);
        }
    }

    @-ms-keyframes cssload-animation {
        0% {
            -ms-transform: translateX(-100%) scale(0);
        }

        50% {
            -ms-transform: translateX(0%) scale(1);
        }

        100% {
            -ms-transform: translateX(100%) scale(0);
        }
    }

    @-webkit-keyframes cssload-animation {
        0% {
            -webkit-transform: translateX(-100%) scale(0);
        }

        50% {
            -webkit-transform: translateX(0%) scale(1);
        }

        100% {
            -webkit-transform: translateX(100%) scale(0);
        }
    }

    @-moz-keyframes cssload-animation {
        0% {
            -moz-transform: translateX(-100%) scale(0);
        }

        50% {
            -moz-transform: translateX(0%) scale(1);
        }

        100% {
            -moz-transform: translateX(100%) scale(0);
        }
    }

    /* End */
    /* for back btn */
    #dvBack {
        width: 75px;
        height: 100%;
        float: left;
        text-align: center;
        border-right: 1px solid #eaeaea;
        cursor: pointer;
    }

    .btnSearch {
        outline: none;
        margin: 0 auto;
        text-align: center;
        width: 120px;
        height: 40px;
        cursor: pointer;
        display: block;
        float: left;
        -webkit-border-radius: 55px;
        -moz-border-radius: 55px;
        border-radius: 55px;
        font-family: 'Montserrat-Regular';
        font-size: 14px;
        color: white;
        border: 1px solid #90d06a;
        background: #90d06a;
    }