/*
green #48cfae
yellow #f6bb42
orange #f67942
red #f64341
*/

/*------------------------------------------------------------------
Theme Name: TRENDY
Version:	1.0
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[TABLE OF CONTENTS]

        1. Global Styles
        2. Header
                2.1. Menu Styles
        3. Slider
        4. Services
        5. Blog Styles
        6. Portfolio
                6.1. Portfolio 2

        7. Pricing Table
        8. Clients
        9. Promo Box
        10. Icons Wrap
        11. Newsletter
        12. Toggle Styles
        13. Skills Bar
        14. Team
        15. Testimonials
        16. Timeline
        17. Contact Page
        18. Twitterfeed
        19. Info Wrap
        20. Footer
        21. Sidebar
        22. Subpage Extras
        23. Thank you page

-------------------------------------------------------------------*/

/* 1. Global Styles */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap');

body,
#dashboard .default-header,
#dashboard,
#dashboard, .no-data p,
#dashboard .white-table__date-container,
#dashboard .btn,
#dashboard .white-table__body { 
    font-family: "Roboto", sans-serif;
}
.adUnitHreset .box-title.mt15,
.mt15 {margin-top: 15px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mt10 {margin-top: 10px;}
.pad10 {padding: 10px;}
.pad15 {padding: 15px;}
.pl10 {padding-left: 10px;}
.pr10 {padding-right: 10px;}
.pb10 {padding-bottom: 10px;}
.pl15 {padding-left: 15px;}
.pr15 {padding-right: 15px;}
.pb15 {padding-bottom: 15px;}


html {height: 100%;}

body {
    min-height: 100%;
    color: #413c3c;
    background: #F9FAFB;
    position: relative;
    padding: 0;
    margin: 0;
}



p {
    line-height: 21px;
}

a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
    color: #404040;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Merriweather', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 0;
}

.body, .main-wrap, .main-wrap > .row {
    min-height: 100%;
}

.ts-main-left {
    /* width: 255px !important;*/
    padding:0;
    /*position: fixed;*/
    /*position: absolute;*/
    /*// height: 100%;*/
    /*// z-index: 1;*/
}

.ts-main-center {
    padding: 0;
    /*// padding-left: 255px !important;*/
    /*// width: 100%;*/
    background: #fff;
    /*// position: relative;*/
    /*// min-height: 100%;*/
    /*
    padding: 40px;
    */
}


#dashboard .ts-main-center {
    display: block;
    background-color: #f1f1f1;
    min-height: 100%;
    /*margin-bottom: 100px;*/
    margin-bottom: 10px;
}

.ts-main-right {
    width: 21%;
}

/* 2. Header */

header {}

.logo {
    /*background:#56616f;*/
    width:240px !important;
    height:248px !important;
    text-align: center;
    vertical-align: middle;
}

.logo a {
    vertical-align: middle;
    text-align: center;
    display: table;
    width: 100%;
    height: auto;
}

.logo a img {
    display: table;
    vertical-align: middle;
    text-align: center;
    margin-left: 46px;
    margin-top: 64px;
}

.db {
    background: #51a7dd;
}

.db .logo {
    background-color: #51a7dd;
    width:100% !important;
    height:auto !important;
    text-align: center;
    vertical-align: middle;
    position: relative;
}

.db .logo a img {
    display: table;
    vertical-align: middle;
    text-align: center;
    margin: 25px auto;
}

.user {
    background-color: #51a7dd;
    color: white;
    font-size: 15px;
    font-weight: bold;
    padding-left: 10%;
    position: relative;
    text-align: center;
}
.user img {
    float: left;
    margin: 10px 15px 0 0;
}
.user p:nth-of-type(1) {
    padding: 15px 0;
    margin: 15px 0 0 0;
}

.user > p > span {
    font-size: 12px;
    font-weight: normal;
}

.user a {
    margin: 10px auto 20px auto;
}

.properties-new, .properties-old {
    width: 268px;
    height: 198px;
    background: url('../images/properties-new.gif') no-repeat top left;
    position: relative;
    box-shadow: 0px 0px 3px 0 rgba(0,0,0, 0.235);
    display: inline-block;
    margin: 0 75px 20px 0;
    vertical-align: top;
    text-align:  left;
}
.add-btn-custom{
    display: block;
    margin-top: 14px;
    text-transform: uppercase;
    font-weight: bold!important;
    margin-left: 10px;
}

.properties-old {
    background: url('../images/properties-old.gif') no-repeat top left;
    margin-right: 75px;
}

.properties-old div.pheader {
    height: 60px;
    background-color: #8fcbf1;
    padding: 5px 0 5px 15px;
    font-size: 19px;
}

.properties-old div.pheader .tenants, .properties-old div.pheader .units {
    float: left;
    font-size: 11px;
    width: 50%;
}

table.contacts .tenants, table.contacts .units {
    font-size: 11px;
}

table.contacts .theader th:first-child {
    padding-left: 16px !important;
}

table.contacts table.contacts {
    float: left;
    width: 33%;
    border-collapse: separate;
    border: 1px solid #ccc;
    margin: 10px 20px 20px 10px;
}

table.contacts .units.theader th {
    height: 30px;
    background: #7266ba;
    color: #fff;
}

.properties-old div.pheader .tenants span, table.contacts .tenants span {
    display: inline-block;
    background: url('../images/tenants.png') no-repeat bottom center;
    height: 18px;
    width: 18px;
    vertical-align: text-bottom;
}

.properties-old div.pheader .units span, table.contacts .units span {
    display: inline-block;
    background: url('../images/units.png') no-repeat bottom center;
    height: 18px;
    width: 18px;
    vertical-align: text-bottom;
}

.properties-old div.pbody {
    height: 110px;
    margin-bottom: 22px;
    background-color: #fff;
}

.properties-old div.pbody .sides {
    float: left;
    width: 50%;
    text-align: center;
}

.properties-old div.pbody .percent {
    color: #41a821;
    font-size: 28px;
    height: 75px;
    padding-top: 35px;
}

.properties-old div.pbody .description {
    color: #7266ba;
    font-size: 9px;
    text-decoration: underline;
}

.properties-new div.pfooter, .properties-old div.pfooter, td.pfooter   {
    font-size: 10px;
    color: #3c3838;
    bottom: 0;
    height: 22px;
    left: 0;
    position: absolute;
    /*width: 100%;*/
    text-align: center;
    padding-top: 4px;
}

.properties-new div.pfooter {
    width: 100%;
}

.properties.information tr.info-row > td {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

td.pfooter {
    position: static !important;
}

table.properties th {
    height: 55px;
    vertical-align: top !important;
}

table.properties  .pbody td {
    padding: 20px 15px !important;
    font-size: 12px;
}

.properties-old div.pfooter, td.pfooter  {
    padding: 4px 0 0 20px;
    text-align: left;
}

table.properties .theader.contacts th:first-child {
    padding-left: 20px !important;
}

table.properties .theader th:first-child {
    padding-left: 38px !important;
}

table.properties .address th:before {
    top: 14px;
    width: 22px;
    background: url("../images/properties-address.png") no-repeat scroll left top rgba(0, 0, 0, 0);
}

table.properties .units th:before {
    top: 14px;
    width: 22px;
    background: url("../images/properties-units.png") no-repeat scroll left top rgba(0, 0, 0, 0);
}

table.properties .summary th:before {
    top: 14px;
    width: 22px;
    background: url("../images/properties-summary.png") no-repeat scroll left top rgba(0, 0, 0, 0);
}

table.properties .logbook th:before {
    top: 14px;
    width: 22px;
    background: url("../images/properties-logbook.png") no-repeat scroll left top rgba(0, 0, 0, 0);
}

table.properties .todos th:before {
    top: 14px;
    width: 22px;
    background: url("../images/properties-todos.png") no-repeat scroll left top rgba(0, 0, 0, 0);
}

table.properties .photos th:before {
    top: 14px;
    width: 22px;
    background: url("../images/properties-photos.png") no-repeat scroll left top rgba(0, 0, 0, 0);
}

table.properties .tenant-list th:before {
    top: 16px;
    width: 22px;
    background: url("../images/contacts-tenants-list.png") no-repeat scroll left top rgba(0, 0, 0, 0);
}

table.contractors .contractors th:before {
    top: 14px;
    width: 22px;
    background: url("../images/contractors.png") no-repeat scroll left top rgba(0, 0, 0, 0);
}

td.pfooter {
    text-align: left;
    background: #d2d2d2 !important;
}
td.pfooter a {
    text-decoration: none !important;
}

tr.pfooter td {
    text-align: center;
    vertical-align: middle !important;
    height: 55px;
    color: #fff;
    font-size: 19px;
}

.c-green {
    color: #48cfae !important;
    font-size: 14px;
    position: relative;
}

.bg-grey {
    background: #d2d2d2 !important;
}

.bg-green {
    background: #48cfae !important;
    width: 20px; height: 20px;
}

.bg-red {
    background: #f64341 !important;
    width: 20px; height: 20px;
}

.c-red {
    color: #f64341 !important;
}

tr.pfooter.bg-red td {
    background: #f64341 !important;
}

tr.pfooter td.different {
    font-size: 16px;
    text-align: left;
}

.properties-old span.arrow, td.pfooter .arrow {
    background: url('../images/footer-arrow.png') no-repeat;
    width: 4px;
    height:  5px;
    margin-left: 5px;
    display: inline-block;
}

.vert-social {
    background: rgba(86,97,111,0.7);
    padding:22px 12px;
    display:table;
    width:100%;
}

.vert-social ul {
    float:left;
}

.vert-social ul li a {
    color:#fff !important;
}

.vertical-menu {
    /*
    position: fixed;
    width: 342px;
    */
    height: 100%;
}

.ts-social {
    padding: 0;
    display: table;
    float: right;
    margin: 0;
}

.ts-social li {
    float: left;
    list-style: none;
    margin-left: 10px;
}

.ts-social li a {
    width: 35px;
    height: 35px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #e5e5e5;
    display: table;
    text-align: center;
    line-height: 33px;
    position: relative;
    z-index: 77;
    transition: .4s;
}

.ts-social li a:hover span {
    -webkit-animation: toTopFromBottom 0.3s forwards;
    -moz-animation: toTopFromBottom 0.3s forwards;
    animation: toTopFromBottom 0.3s forwards;
}

@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

@-moz-keyframes toTopFromBottom {
    49% {
        -moz-transform: translateY(-100%);
    }

    50% {
        opacity: 0;
        -moz-transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

@keyframes toTopFromBottom {
    49% {
        transform: translateY(-100%);
    }

    50% {
        opacity: 0;
        transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

.ts-social li a:hover {
    background: #3db7f0;
    border: solid 1px transparent;
    color: #fff;
    transition: .4s;
}

/* 2.1. Menu Styles */

.cssmenu,
.cssmenu ul,
.cssmenu ul li,
.cssmenu ul li a,
.cssmenu2,
.cssmenu2 ul,
.cssmenu2 ul li,
.cssmenu2 ul li a  {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cssmenu, .cssmenu2 {
    width: 100%;
    color: #ffffff;
}

.cssmenu2 {
    background-color: #51a7dd;
}

.align-right {
    float: right;
}
.cssmenu2 > ul > li {
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}
.cssmenu > ul > li > a {
    padding: 1px 20px;
    cursor: pointer;
    z-index: 2;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #a3a3a3;
    background: #fff;
    position: relative;
}

.cssmenu > ul > li > a i {
    width: 46px;
    height: 46px;
    font-size: 16px;
    text-align: center;
    line-height: 46px;
    text-shadow: none !important;
    margin-left: 10px;
}

.cssmenu > ul > li > a:before {
    content:" ";
    margin: 0 15px 0 30px;
    top:0;
    bottom:0;
    left: 0;
    right: 0;
    position: absolute;
    border-bottom: 1px solid #e8e6e7;
}

.cssmenu > ul > li:first-child > a:before {
    top: -1px;
    border-bottom: 1px solid #e8e6e7;
    border-top: 1px solid #e8e6e7;
}

.cssmenu > ul > li > a:after {
    content:"";
    position:absolute;
    top:1px;
    left:0;
    bottom:2px;
    background:#52a7de;
    width:0%;
    z-index:-1;
    transition:.1s;
}

.cssmenu > ul > li > a:hover:after, .cssmenu > ul > li.active > a:after {
    content:"";
    width:100%;
    transition:.1s;
}

.cssmenu > ul > li > a:hover,
.cssmenu > ul > li.active > a {
    color: #fff;
    text-shadow: none !important;
}

.cssmenu > ul > li > a:hover i,
.cssmenu > ul > li.active > a i {
    color: #fff !important;
}

.cssmenu2 > ul > li > a {
    padding: 1px 10px;
    cursor: pointer;
    z-index: 2;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #fff;
    /* background: #51a7dd; */
    position: relative;
}

.cssmenu2 > ul > li > a i {
    width: 46px;
    height: 46px;
    font-size: 20px;
    text-align: center;
    line-height: 46px;
    text-shadow: none !important;
    margin-left: 0px;
}

.cssmenu2 > ul > li > a:before {
    content:" ";
    margin: 0 15px 0 30px;
    top:0;
    bottom:0;
    left: 0;
    right: 0;
    position: absolute;
    
}

.cssmenu2 > ul > li:first-child > a:before {
    top: -1px;
}

.cssmenu2 > ul > li:first-child {
    border-top: 1px solid rgb(0 0 0 / 10%);
}

.cssmenu2 > ul > li > a:after {
    content:"";
    position:absolute;
    top:0px;
    left:0;
    bottom:0px;
    background: rgb(255 255 255 / 10%);
    width:0%;
    z-index:-1;
    transition:.1s;
}

.cssmenu2 > ul > li > a:hover:after {
    content:"";
    width:100%;
    transition:.1s;
}
.cssmenu2 > ul > li.active > a:after {
    content:"";
    width:4px;
    background: #000;
}


.cssmenu2 > ul > li > a:hover,
.cssmenu2 > ul > li.active > a {
    color: #000;
    text-shadow: none !important;
}

.cssmenu2 > ul > li > a:hover i,
.cssmenu2 > ul > li.active > a i {
    color: #000 !important;
}

.holder {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 0;
}

.holder:after {
    content: "\f107";
    font-family: FontAwesome;
    color: #b8cfdb;
    position: absolute;
    right: 25px;
    top: 12px;
    font-size: 26px;
}

.cssmenu > ul > li > a:hover > span::after,
.cssmenu > ul > li.active > a > span::after,
.cssmenu > ul > li.open > a > span::after {
    color: #fff;
}

/* 4. Services */

.service__heading {color: #51a7dd; font-family: "Montserrat"; font-size: 48px; font-weight: bold; margin: 40px 0 20px; text-align: center;}
.service__text {color: #a3a3a3; font-family: "Merriweather"; font-size: 17px; line-height: 1.643; text-align: center;}
.service__img {display: inline-block;}
.service__side-title {color: #413c3c; font-size: 46px; font-weight: bold;}
.service__side-text {margin-top: 10px; color: #413c3c; font-size: 13px; font-weight: normal;}
.service__side-hr {display: inline-block; background-color: #51a7dd; height: 5px; margin: 0; padding: 0; width: 98px;}

#services {
    padding: 20px 0 40px 0;
    background: #fff url('../images/bg-pixel.gif');
}

#services .serv {
    position: relative;
}

#services .serv.left {
    text-align: left;
    margin-right: 100px;
    margin-left: 0px;
}

#services .serv.right h3 {
    font-size: 46px;
    font-weight: bold;
    color: #413c3c;
    text-align: right;
}

#services .serv hr {
    margin: 10px 0;
    padding: 0;
    height: 5px;
    width: 98px;
    background-color: #51a7dd;
    position: absolute;
    left: 0;
}

#services .serv.right hr {
    left:  auto;
    right: 0;
}

#services .serv.right {
    text-align: right;
    margin-left: 100px;
    margin-right: 0px;
}

#services .serv.left h3 {
    font-size: 46px;
    font-weight: bold;
    color: #413c3c;
    text-align: left;
}

#services .serv p {
    font-size: 13px;
    font-weight: normal;
    color: #413c3c;
    margin-top: 25px;
}

.service-content {
    width: 235px;
    height: 235px;
    background: transparent;
    border: 10px solid #f5f5f5;
    border-radius: 50%;
    display: table;
    padding: 40px 0 0;
    margin: 0 auto;
    transition: .4s;
    cursor: pointer;
}

.service-content:hover {
    background: #3db7f0;
    border: 10px solid #3db7f0;
    transition: .4s;
}

#services ul {
    padding: 0;
    margin: 0 -20px;
}

#services ul li {
    width: 33.3333%;
    float: left;
    list-style: none;
}

.service-content i {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: transparent;
    line-height: 62px;
    border: 1px solid #d6d6d6;
    text-align: center;
    color: #01b9eb;
    font-size: 28px;
    margin: 0 auto 25px;
    display: table;
}

.service-content:hover i {
    border: 1px solid #fff;
    color: #FFF;
}

.service-content h4 {
    font-size: 14px;
    font-weight: bold;
    color: #3c3c3c;
    text-align: center;
}

.service-content:hover h4 {
    color: #fff;
}

.service-content p {
    font-size: 13px;
    color: #949494;
    text-align: center;
    margin: 0;
}

.service-content:hover p {
    color: #fff;
}

/* 4.1. Services 2 */

#services2 {
    padding: 0 0 25px;
    margin-top:20px;
}

.services2-content i {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #fff;
    line-height: 54px;
    color: #01b9eb;
    font-size: 26px;
    margin: 0 auto;
    display: table;
    float: left;
    text-align: center;
    transition: .4s;
    padding-top: 5px;
    position: relative;
    border: 1px solid #e1e1e1;
    overflow: hidden;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}

.services2-content i:after {
    display: none;
}

#services2 ul li:hover i {
    font-size: 30px;
    color: #fff;
    background: #3db7f0;
    border: 1px solid #3db7f0;
    transition: 0.4s;
}

#services2 ul {
    padding: 0;
}

#services2 ul li {
    float: left;
    width: 50%;
    list-style: none;
    padding-right: 20px;
    cursor: pointer;
    margin-bottom: 15px;
}

#home-plans_prices {
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin-bottom: 75px;
}

#home-plans_prices .plan {
    background: url('../images/plan_1.png') no-repeat center center;
    height: 536px;
}

#home-plans_prices .plan.plan2 {
    background: url('../images/plan_2.png') no-repeat center center;
}

#home-plans_prices .title {
    padding-top: 85px;
    font-size: 23px;
}

#home-plans_prices .price {
    font-size: 104px;
    position: relative;
    padding-left: 50px;
}

#home-plans_prices .price .month {
    font-size: 23px;
}

#home-plans_prices .dollar {
    font-size: 38px;
    vertical-align: top;
    display: inline-block;
    padding: 27px 5px 0 0;
}

#home-plans_prices .title2 {
    padding-top: 40px;
    font-size: 23px;
    color: #1d92be;
}

#home-plans_prices .title3 {
    font-family: 'Merriweather';
    font-weight: normal;
    padding: 40px 0;
    font-size: 13px;
    color: #413c3c;
    line-height: 1.538;
}

.s2c-inner {
    margin-left: 85px;
}

.s2c-inner h4 {
    font-size: 15px;
    color: #000000;
    margin: 5px 0 0;
    transition: .4s;
}

.s2c-inner p {
    font-size: 13px;
    color: #9a9a9a;
    line-height: 16px;
    margin: 0px;
    padding-top: 5px;
}

#services2 ul li:hover h4 {
    color: #3db7f0;
    transition: .4s;
}

#verticalTab {
    background: #fff;
    overflow: hidden;
    border: 1px solid #eeeeee;
}

/* 5. Blog Styles */

.circle {
    font-family: 'Montserrat';
    background-color: #fff;
    border-radius: 26px;
    color: #a3a3a3;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    width: 26px;
    height: 26px;
    padding-top: 6px;
    margin-right: 10px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}

.hb-meta {
    font-family: 'Montserrat';
    font-size: 23px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    transition: .4s;
    position: relative;
    z-index: 55;
}

.hb-meta i {
    width: 57px;
    height: 57px;
    background: #fff;
    color: #0E0E0E;
    font-size: 15px;
    border-radius: 50%;
    text-align: center;
    line-height: 57px;
    display: table;
    margin: -28px auto -7px;
    position: relative;
    z-index: 99;
    transition: .4s;
    z-index: -1;
}

.hb-meta i {
    color: #fff;
    background: #3db7f0;
    transition: .4s;
    transform: scale(1.2);
    font-size: 18px;
}

.hb-meta {
    color: #fff;
    transition: .4s;
}

.hb-inner {
    background: transparent;
    padding: 0 17px 15px 17px;
    transition: .4s;
}

.hb-info div.img-cont {
    position: relative;
    height: 228px;
}

.hb-info div.img-cont a {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0px;
}

.hb-info div.img-cont a.bot {
    top: auto;
    bottom: 0px;
}

.hb-inner h4 {
    font-size: 17px;
    text-align: center;
    margin: 0px;
    color: #3c3c3c;
    font-weight: 600;
    position: relative;
    transition: .4s;
}

.hb-inner h4 a {
    color: #3c3c3c;
    transition: .4s;
}

.hb-inner p {
    padding-top: 20px;
    /*margin: 0 40px;*/
    font-family: 'Merriweather';
    font-size: 14px;
    text-align: center;
    color: #000;
    transition: .4s;
}

.hb-inner p a {
    color: #fff;
    text-decoration: underline;
    transition: .4s;
}

.hb-inner p a:hover, .hb-inner p a:focus {
    text-decoration: none;
}

.blog-content {
    margin-bottom: 0px;
    display: table;
}

.blog-content .col-md-4 ,
.blog-content .col-md-6 {
    margin-bottom: 38px;
}

#m-blog-content {
    padding: 25px 0px 35px;
}

#m-blog-content h4 {
    font-size: 23px;
    font-weight: 700;
    color: #3db7f0;
    margin: 15px 0 0;
}

#m-blog-content p {
    color: #717171;
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 16px;
}

/* 5.1. Comments */

.sub-comment1 {
    padding-left: 100px;
}

.sub-comment2 {
    padding-left: 200px;
}

.sub-comment3 {
    padding-left: 300px;
}

.comments-wrap h5 {
    font-weight: 400;
    font-size: 22px;
    color: #000;
    margin: 25px 0 25px;
}

.comments-wrap ul {
    padding: 0px;
}

.comments-wrap ul li {
    list-style: none;
    margin: 0 0 35px;
    display: table;
    width: 100%;
    position: relative;
}

.comments-wrap ul li img {
    float: left;
}

.comments-inner {
    margin-left: 100px;
}

.comment-author {
    font-family: Roboto;
    font-size: 14px;
    color: #3c3c3c;
    font-weight: 400;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    display: table;
    margin-bottom: 10px;
}

.comment-author span {
    color: #d1d1d1;
    margin-left: 10px;
    position: relative;
}

.comment-author span:before {
    content: "/";
    color: #d1d1d1;
    position: relative;
    left: -5px;
    font-size: 16px;
}

.comments-inner {
    position: relative;
}

.comments-inner p {
    font-size: 15px;
    color: #a3a3a3;
    line-height: 18px;
}

.sub-comment1 .comments-inner:before,
.sub-comment2 .comments-inner:before,
.sub-comment3 .comments-inner:before {
    content: "";
    width: 40px;
    height: 40px;
    border: 1px solid #dddddd;
    border-width: 0 0 1px 1px;
    position: absolute;
    left: -160px;
}

.article-comment-form h5 {
    font-size: 22px;
    color: #000;
    margin: 25px 0 25px;
    font-weight: 400;
}

.article-comment-form form input ,
.comment-form form input {
    height: 60px;
    border: 1px solid #eaeaea;
    width: 100%;
    padding: 15px 20px;
    padding-left: 77px;
    color: #555;
    margin-bottom: 10px;
}

.article-comment-form form span ,
.comment-form form span {
    height: 60px;
    border-right: 1px solid #eaeaea;
    width: 60px;
    text-align: center;
    display: table;
    margin: 0px 0px -60px;
    position: relative;
    padding: 16px 14px 0;
}

.article-comment-form form span i ,
.comment-form form span i {
    height: 30px;
    border: 1px solid #3db7f0;
    width: 30px;
    text-align: center;
    line-height: 28px;
    color: #3db7f0;
    font-size: 12px;
    border-radius: 50%;
}

.article-comment-form form textarea ,
.comment-form form textarea {
    height: 130px;
    border: 1px solid #eaeaea;
    width: 100%;
    padding: 12px 17px;
    color: #555;
    margin-bottom: 10px;
}

.article-comment-form button ,
.comment-form button {
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    border: 2px solid #3db7f0;
    background: #3db7f0;
    transition: 0.3s;
    width: 100%;
}

.article-comment-form button:hover ,
.comment-form button:hover {
    color: #3db7f0;
    border: 2px solid #3db7f0;
    background: #fff;
    transition: 0.3s;
}

.less38 {
    margin-top: -38px !important;
}

/* 6. Portfolio */

#home-works {
    padding: 20px 0;
}

#home-works .col-md-12:nth-child(1) {
    padding: 0px;
}

.hw-info {
    position: relative;
    cursor: pointer;
}

.hw-info h4 {
    font-family: Open Sans;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    padding: 18px 22px;
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 30px;
    left: 30px;
    opacity: 1;
    visibility: visible;
    transition: .4s;
}

.hw-trigger {
    width: 46px;
    height: 46px;
    text-align: center;
    background: #fff;
    display: table;
    position: absolute;
    right: 0px;
    bottom: 0px;
    transition: .5s;
}

.hw-trigger:after {
    content: "\f067";
    font-family: FontAwesome;
    font-size: 16px;
    color: #6F6F6F;
    padding-top: 12px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    transition: .4s;
}

.hw-info:hover .hw-trigger {
    background: #3db7f0;
    transition: .5s;
}

.hw-info img {
    width: 100%;
}

.hw-info:hover .hw-trigger:after {
    color: #fff;
}

.active .hw-trigger, .current .hw-trigger {
    background: #3db7f0;
    transition: .5s;
    right: 30px;
}

.active .hw-trigger:after , .current .hw-trigger:after {
    content: "\f068";
    color: #fff;
    transition: .4s;
}

.current h4, .active h4 {
    opacity: 0;
    visibility: hidden;
    transition: .4s;
}

.hw-expand {
    padding: 30px 15px;
    background: #fff;
    display: none;
    border: 1px solid #dfe5eb;
    border-top: none;
}

.hw-expand h3 {
    font-size: 22px;
    font-family: Open Sans;
    color: #626262;
    font-weight: 400;
    margin: 0 0 15px;
}

.hw-expand p {
    font-size: 13px;
    color: #717171;
    line-height: 26px;
}

.shots-wrap {
    border: 1px solid #dfe5eb;
    display: table;
}

.shots-wrap li img {
    width: 100%;
}

.shots-wrap {
    border: 1px solid #DFE5EB;
    display: table;
    margin-top: 25px;
}

.shots-wrap h5 {
    height: 53px;
    padding: 0 20px;
    line-height: 53px;
    background: #3db7f0;
    font-size: 16px;
    font-family: Open Sans;
    color: #fff;
    font-weight: 400;
}

.shots-wrap ul {
    margin: 0px !important;
    padding: 11px 11px 11px;
    display: table;
}

.shots-wrap ul li {
    margin: 0 !important;
    float: left!important;
    padding: 8px!important;
    list-style: none!important;
    width: 33.33333%!important;
}

.shots-wrap ul li span {
    position: relative;
    display: table;
    width:100%;
}

.shots-wrap ul li span a {
    position: relative;
    display: table;
    width:100%;
}

.shots-wrap ul li a:before {
    content: "\f00e";
    background: rgba(61,183,240,0.8);
    font-size: 28px;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-family: FontAwesome;
    padding-top: 30%;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
}

.shots-wrap ul li:hover a:before {
    opacity: 1;
    visibility: visible;
    transition: .4s;
}

/* 6.1.1 Portfolio 2 */

.home-works2 {
    padding: 20px 15px;
}

.project-2 .hw-info {
    width: 50%;
    float: left;
}

#project-2 {
    padding: 0px;
    margin: 0px -15px -20px;
    display: block;
    position: relative;
    z-index: 99999;
}

#project-2 li {
    float: left;
    width: 46%;
    margin: 0 2%;
    padding: 0 0 40px;
    list-style: none;
    z-index: 9999;
}

#project-2 .hw-expand {
    position: absolute;
    z-index: 999999;
    border: 1px solid #dfe5eb;
    border-top: none;
    width: 46%;
    margin: 0%;
}

#project-2 .shots-wrap {
    margin-top: 20px;
    display: table;
    width: 100%;
}

/* Pricing Table */

#m-pricing {
    padding: 25px 0px;
}

.mp-icon {
    width: 53px;
    height: 53px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #3db7f0;
    border: 1px solid #3db7f0;
    margin: 0 auto -17px;
    position: relative;
    z-index: 1;
}

.mp-icon:before {
    content: "\f01a";
    color: #fff;
    font-family: 'FontAwesome';
    font-size: 24px;
    position: absolute;
    width: 100%;
    height: 100%;
    line-height: 51px;
    text-align: center;
    top: 0;
    left: 0;
    right: 0;
}

.pricing-table {
    position: relative;
    z-index: 10;
}

.pricing-table:hover .mp-icon {
    background-color: #fff;
    border: 1px solid #e5e5e5;
}

.pricing-table:hover .mp-icon:before {
    content: "\f0ab";
    color: #3db7f0;
}

.mp-title {
    background: #3db7f0;
    line-height: 60px;
    text-align: center;
    font-size: 21px;
    color: #fff;
    border: 1px solid #3db7f0;
    border-bottom: 1px solid rgba(0,0,0,0.2)
}

.mp-price {
    height: 74px;
    background: #3db7f0;
    padding: 0px 20px;
    font-size: 50px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    border: 1px solid #3db7f0;
    border-top: none;
}

.mp-price small {
    font-size: 24px;
    color: #fff;
    font-weight: 400;
    margin-right: 5px;
    position: relative;
    top: -6px;
}

.mp-price span {
    font-family: Roboto;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    line-height: 13px;
    position: relative;
    top: -13px;
    left: 5px;
    text-align: left;
}

.mp-price span em {
    font-style: normal;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    display: block;
}

.pricing-table {
    cursor: pointer;
}

.pricing-table:hover .mp-title ,
.pricing-table:hover .mp-price {
    background: #fff;
    border-color: #e3e3e3;
    color: #3db7f0;
}

.pricing-table:hover .mp-price ,
.pricing-table:hover .mp-price small ,
.pricing-table:hover .mp-price span,
.pricing-table:hover .mp-price span em {
    color: #3db7f0;
}

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

.pricing-table ul li {
    list-style: none;
    line-height: 46px;
    border: 1px solid #e3e3e3;
    border-width: 0 1px 1px 1px;
    font-size: 13px;
    color: #000;
    font-weight: 300;
    width: 100%;
    display: table;
    padding: 0 15px;
}

.pricing-table:hover ul li,
.pricing-table:hover .mp-btn {
    border-color: #e3e3e3;
}

.pricing-table ul li i {
    font-size: 15px;
    color: #4a5768;
    margin-right: 10px;
}

.pricing-table:hover ul li i {
    color: #3db7f0;
}

.mp-btn {
    border: 1px solid #e3e3e3;
    border-width: 0 1px 1px 1px;
    padding: 20px;
}

.mp-btn a {
    background: transparent;
    border: solid 1px #e3e3e3;
    height: 45px;
    line-height: 45px;
    text-align: center;
    display: table;
    width: 100%;
    border-radius: 5px;
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
}

.pricing-table:hover .mp-btn a {
    border-color: #3db7f0;
    background: #3db7f0;
    color: #fff;
}

.mp-title ,
.mp-price ,
.mp-price small ,
.mp-price span,
.mp-price span em ,
.mp-btn a
.pricing-table:hover .mp-title ,
.pricing-table:hover .mp-price ,
.pricing-table:hover .mp-price small ,
.pricing-table:hover .mp-price span,
.pricing-table:hover .mp-price span em ,
.pricing-table:hover .mp-btn a {
    transition: 0.3s;
}

/* 8. Clients */

.m-clients {
    padding: 25px 5px;
}

#m-clients .item {
    border: 1px solid #ececec;
    height: 110px;
    margin: 0 10px;
    transition: .3s;
    cursor: pointer;
}

#m-clients .item img {
    display: table;
    margin: 0 auto;
    padding: 45px 0;
    opacity: 0.1;
    transition: .3s;
}

#m-clients .item:hover {
    border: 1px solid #ececec;
    transition: .3s;
}

#m-clients .item:hover img {
    opacity: 1;
    transition: .3s;
}

#m-clients .owl-prev {
    width: 33px;
    height: 33px;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    opacity: 1;
    background: #fff;
    position: relative;
    float: left;
    font-size: 0px;
    left: 28px;
    line-height: 29px;
    position: absolute;
    top: 50%;
    margin-top: -17px;
}

#m-clients .owl-next {
    width: 33px;
    height: 33px;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    opacity: 1;
    background: #fff;
    position: relative;
    float: right;
    font-size: 0px;
    right: 28px;
    line-height: 29px;
    position: absolute;
    top: 50%;
    margin-top: -17px;
}

#m-clients .owl-prev:before {
    content: "\f104";
    font-family: FontAwesome;
    font-size: 18px;
    color: #9f9f9f;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

#m-clients .owl-next:before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 18px;
    color: #9f9f9f;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

#m-clients .owl-buttons {
}

#m-clients .owl-prev:hover ,
#m-clients .owl-next:hover {
    background: #3db7f0;
    color: #fff;
    border-color: #3db7f0;
}

#m-clients .owl-prev:hover:before ,
#m-clients .owl-next:hover:before {
    color: #fff;
}

.m-clients {
    position: relative;
}

/* 9. Promo Box */

.promo-box {
    padding: 15px 0px 25px;
}

#promo-box {
    background: #3db7f0;
    padding: 35px;
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    -moz-box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px #fff;
    border: solid 17px #3db7f0;
}

#promo-box h4 {
    color: #fff;
    font-size: 19px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 21px;
}

#promo-box a {
    display: table;
    height: 46px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px #fff;
    color: #fff;
    padding: 0 15px;
    line-height: 46px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 auto;
}

#promo-box a:hover {
    background: #fff;
    color: #3db7f0;
}

/* 10.Icons Wrap */

#icons-wrap {
    padding: 25px 0px;
}

#icons-wrap ul {
    padding: 0px;
    margin: 0 -2%;
}

#icons-wrap ul li {
    float: left;
    list-style: none;
    width: 29.33333%;
    font-family: Roboto;
    font-size: 15px;
    color: #a1a1a1;
    padding-left: 58px;
    position: relative;
    font-weight: 300;
    height: 45px;
    border: 1px solid rgba(0,0,0,0.1);
    border-left: none;
    border-bottom: none;
    margin: 0 2% -1px;
    display: inline-block;
    line-height: 45px;
    transition: 0.3s;
    overflow: hidden;
    z-index: 11;
}

#icons-wrap ul li i {
    font-size: 20px;
    color: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    transition: 0.3s;
    background: #3db7f0;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
}

#icons-wrap ul li:before {
    content: "";
    background: #3db7f0;
    position: absolute;
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    transition: .4s;
    z-index: -1;
}

#icons-wrap ul li:hover {
    transition: 0.3s;
    color: #fff;
    cursor: pointer;
}

#icons-wrap ul li:hover:before {
    width: 100%;
    transition: .4s;
}

.has-bdr {
    border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}

/* 11. Newsletter */

.newsletter {
    background: url(../images/xtra/3.jpg) no-repeat;
    background-size: 100% auto;
    padding: 30px;
    margin: 35px 0px 55px;

}

.newsletter form input {
    height: 55px;
    border: none;
    border-top: 3px solid #fff;
    text-align: center;
    background: transparent;
    color: #fff;
    font-size: 15px;
    width: 100%;
}

.newsletter form input:focus {
    outline: 0;
    color: #fff;
    background: transparent;
}

.newsletter form {
    padding: 0 30px;
}

.newsletter form button {
    background: #3db7f0;
    font-size: 17px;
    color: #fff;
    text-align: center;
    padding: 20px 30px;
    width: 100%;
    border: none;
    display: table;
}

.newsletter form button i {
    display: block;
    margin-bottom: 3px;
}

.newsletter form button:hover {
    background: #000;
    color: #fff;
}

/* 12. Toggle Styles */

.toggle-wrap {
    padding: 25px 30px;
}

#toggle-view {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    border: 1px solid #dbdbdb;
    background: #fff;
}

#toggle-view li {
    border-bottom: 1px solid #dbdbdb;
    position: relative;
    cursor: pointer;
    margin: 0;
}

#toggle-view li:last-child {
    border-bottom: none;
}

#toggle-view h3 {
    margin: 0px;
    font-size: 14px;
    color: #414141;
    padding: 20px 15px;
    height: 50px;
}

#toggle-view h3 i {
    color: #3DB7F0;
    font-size: 20px;
    margin: -5px 6px -5px 1px;
    position: relative;
    top: 2px;
}

#toggle-view span {
    position: absolute;
    right: 5px;
    top: 0px;
    font-size: 43px;
    width: 50px;
    height: 50px;
    border-left: 1px solid #dbdbdb;
    text-align: center;
    padding: 0;
    margin: 0;
    background: url(../images/plus.png) no-repeat center center;
}

#toggle-view .panel {
    padding: 20px;
    display: none;
    border-top: 1px solid #dbdbdb;
    margin: 0 !important;
    border-bottom: none !important;
}

.panel p {
    color: #a4a4a4;
    line-height: 24px;
}

#toggle-view span img {
    position: relative;
    top: -9px;
}

.minus-ico {
    background: url(../images/minus.png) no-repeat center center !important;
}

.plus-ico {
    background: url(../images/plus.png) no-repeat center center !important;
}

.panel i {
    width: 68px;
    height: 68px;
    background: #3db7f0;
    font-size: 30px;
    line-height: 68px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    float: left;
    margin-right: 20px;
}

/* 13. Skills Bar */
.m-skills1 {
    margin-top:20px;
}
.jCProgress {
    position: relative;
    z-index: 99999999;
}

.jCProgress > div.percent {
    font-size: 34px;
    color: #3db7f0;
    position: absolute;
    margin-top: 27px;
    margin-left: 28px;
    width: 195px;
    background: #FFF;
    height: 195px;
    border-radius: 50%;
    line-height: 192px;
    padding-left: 65.5px;
    font-weight: 300;
    border: 1px solid #fff;
    z-index: 99999;
}

.jCProgress > div.percent:before {
    content: "%";
    font-size: 34px;
    color: #3db7f0;
    right: 65.5px;
    position: absolute;
    font-weight: 300;
    z-index: 9999;
}

/*
canvas {
        width: 218px !important;
        height: 218px !important;
        position: relative;
        z-index: 9999;
        margin: 16px;
        border-radius: 50% !important;
        z-index: 999;
}
*/

.ms-wrap {
    padding: 5px 0px 0px;
}

.skill-wrap {
    width: 238px;
    height: 238px;
    border: 1px solid #e7e7e7;
    display: table;
    border-radius: 50%;
    background: #fff;
    transition: .3s;
    margin:0 auto;
}

#skill1, #skill2, #skill3 {
    margin: -16px -7px -5px;
    width: 218px;
    height: 218px;
    position: relative;
    top: 10px;
    display: table;
}

.skill-wrap:hover {
    transition: .3s;
    border: 1px solid #3db7f0;
    background: #3db7f0;
    cursor: pointer;
}

.skill-wrap:hover div.percent {
    font-size: 34px;
    color: #fff;
    background: #3db7f0;
    border-color: #3db7f0;
}

.skill-wrap:hover div.percent:before {
    content: "%";
    color: #fff;
}

.jCProgress {
    position: relative;
    z-index: 99999999;
    margin: 0 !important;
}

.round-skills h4 {
    text-align: center;
    color: #919191;
    margin: 20px 0 0;
}

.m-skills {
    padding: 15px 0px 5px;
}

.fs-wrap {
    margin-bottom: 19px;
}

.fs-wrap h4 {
    margin: 0 0 10px;
    font-size: 14px;
    color: #000;
    font-weight: 300;
}

.fs-wrap h4 span {
    float: right;
}

.fs-bar {
    padding: 7px;
    border: 1px solid #e5e5e5;
    display: table;
    width: 100%;
}

.fs-bar span {
    background: #3db7f0;
    height: 4px;
    display: table;
    width: 0px;
    transition: 1s;
}

/* 14. Team */

.m-team {
    padding: 45px 10px 0px;
}

.si-thumb {
    width: 235px;
    height: 355px;
    position: relative;
    margin: 0 auto 20px;
    overflow: hidden;
    cursor: pointer;
}

.si-thumb img {
    margin-top: 0px;
    transition: .4s;
}

.si-thumb h4 {
    background: transparent;
    border: 1px solid #ebebeb;
    color: #000000;
    font-size: 18px;
    text-align: center;
    padding: 22px 20px;
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    transition: .4s;
    height: 81px;
}

.si-thumb h4 span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-top: 2px;
}

.si-thumb h4:before {
    content: "";
    width: 2px;
    height: 11px;
    background: #3db7f0;
    position: absolute;
    top: -30px;
    right: 0px;
    left: 0px;
    margin: 0 auto;
    transition: .4s;
    visibility: visible;
    opacity: 1;
    transition: .4s;
}

.si-thumb h4:after {
    visibility: hidden;
    opacity: 0;
    transition: .4s;
}

.si-thumb:hover img {
    margin-top: 81px;
    transition: .4s;
}

.si-thumb:hover h4 {
    background: #50a5d8;
    border: 1px solid #50a5d8;
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding: 22px 20px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transition: .4s;
}

.si-thumb:hover .si-social {
    bottom: 0;
    transition: .4s;
}

.si-thumb:hover h4:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 11px 11px 0;
    border-color: #50a5d8 transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -11px;
    left: 0;
    right: 0;
    margin: 0 auto;
    visibility: visible;
    opacity: 1;
    transition: .4s;
}

.si-thumb:hover h4:before {
    visibility: hidden;
    opacity: 0;
    transition: .4s;
}

.si-social {
    background: #4a5768;
    padding: 10px 15px;
    display: table;
    width: 100%;
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
    transition: .4s;
}

.si-social ul {
    padding: 0;
    display: table;
    margin: 0 auto;
}

.si-social li {
    float: left;
    list-style: none;
    margin-left: 10px;
}

.si-social li a {
    width: 31px;
    height: 31px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: table;
    text-align: center;
    line-height: 31px;
    color: #fff;
    position: relative;
    z-index: 88;
}

.f-social li a ,
.si-social li a {
    box-shadow: 0 0 0 1px rgba(255,255,255,0.1);
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

.f-social li a:after ,
.si-social li a:after {
    content: "";
    position: absolute;
    top: -1%;
    left: -1%;
    right: 0;
    width: 102%;
    height: 102%;
    top: 0px;
    left: 0px;
    padding: 0px;
    z-index: -1;
    background: #3db7f0;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
    -moz-transition: -moz-transform 0.2s, opacity 0.3s;
    transition: transform 0.2s, opacity 0.3s;
    z-index: -1;
    border-radius: 50%;
}

.f-social li a:after ,
.si-social li a:after {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
    opacity: 0;
}

.f-social li a:hover:after ,
.si-social li a:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    top: 0%;
    left: 0%;
    right: 0;
    width: 100%;
    height: 100%;
}

.f-social li a:hover ,
.si-social li a:hover {
    box-shadow: 0 0 0 1px #3db7f0;
    background: #3db7f0;
    color: #fff;
}

/* 15. Testimonials  */

#m-testimonials {
    padding: 25px 0px 15px;
}

#testimonials .item {
    background: url(../images/xtra/2.jpg) no-repeat center top;
    background-size: auto 100%;
    padding: 100px 0;
}

#testimonials img {
    -webkit-box-shadow: 0 0 0 2px rgba(238,238,238,0.12);
    -moz-box-shadow: 0 0 0 2px rgba(238,238,238,0.12);
    box-shadow: 0 0 0 2px rgba(238,238,238,0.12);
    border: solid 12px rgba(0,118,249,0);
    width: 163px;
    height: 163px;
    margin: 2px auto 13px;
    display: table;
    border-radius: 50%;
}

#testimonials p {
    font-size: 19px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    line-height: 26px;
    padding: 0 15%;
    text-shadow: 3px 4px 5px rgba(0,0,0,.1);
}

#testimonials i {
    font-size: 20px;
    color: #fff;
    display: table;
    margin: 17px auto 13px;
    font-weight: 300;
    text-shadow: 3px 4px 5px rgba(0,0,0,.1);
}

#testimonials cite {
    font-style: normal;
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    text-align: center;
    width: 100%;
    display: table;
}

#testimonials cite span {
    font-weight: 700;
}

#testimonials .owl-prev {
    width: 30px;
    height: 120px;
    border-radius: 0px;
    opacity: 1;
    background: #fff;
    position: relative;
    float: left;
    font-size: 0px;
    right: 5px;
    line-height: 120px;
    transition: .4s;
}

#testimonials .owl-next {
    width: 30px;
    height: 120px;
    border-radius: 0px;
    opacity: 1;
    background: #fff;
    position: relative;
    float: right;
    font-size: 0px;
    right: -5px;
    line-height: 120px;
    transition: .4s;
}

#testimonials .owl-prev:before {
    content: "\f104";
    font-family: FontAwesome;
    font-size: 18px;
    color: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

#testimonials .owl-next:before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 18px;
    color: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

#testimonials .owl-buttons {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -70px;
}

#testimonials .owl-prev:hover ,
#testimonials .owl-next:hover {
    background: #3db7f0;
    color: #fff;
    transition: .4s;
}

#testimonials .owl-prev:hover:before ,
#testimonials .owl-next:hover:before {
    color: #fff;
}

/* 16.Timeline */

#timeline-wrap {
    padding: 10px 0px 25px;
    overflow: hidden;
    margin-top:20px;
}

#timeline {
    width: 100%;
    overflow: hidden;
    list-style: none;
    position: relative;
    z-index: 1;
    padding: 0;
}

#timeline:before {
    content: "";
    width: 33px;
    height: 33px;
    border: 1px solid #e2e2e2;
    position: absolute;
    bottom: 6px;
    right: -0px;
    left: 0px;
    margin: 0 auto;
    border-radius: 50%;
    transition: 0.4s;
    background: #fff;
    z-index: 999;
}

#timeline:after {
    content: "";
    width: 1px;
    height: 98%;
    background: #e2e2e2;
    position: absolute;
    bottom: 0px;
    top: 1%;
    right: 0px;
    left: 0px;
    margin: 0 auto;
    z-index: -1;
}

#timeline li {
    position: relative;
    clear: both;
    float: left;
    width: 42.5%;
    padding: 15px 25px 20px;
    background: #fff;
    border: 1px solid #e5e5e5;
    text-align: right;
    margin: 0px 0px -53px !important;
    transition: 0.3s;
    cursor: pointer;
}

#timeline li:last-child {
    margin: 0px 0px 0px !important;
}

#timeline li:nth-of-type(odd),
#timeline li:nth-of-type(even) {
    margin: -10px 0 0 0;
}

#timeline li:nth-of-type(even) {
    float: right;
    text-align: left;
}

#timeline li:nth-of-type(even):after {
    background: -moz-linear-gradient(0,#f43059,#d8d566);
    background: -webkit-gradient(linear,left top,right top,from(#f43059),to(#d8d566));
    left: auto;
    right: 100%;
}

#timeline .t-time {
    font-size: 16px;
    color: #000;
    font-weight: 400;
    position: relative;
}

#timeline .t-left .t-time:before {
    content: "";
    width: 30px;
    height: 2px;
    background: #3db7f0;
    position: absolute;
    right: 0;
    bottom: -13px;
}

#timeline .t-right .t-time:before {
    content: "";
    width: 30px;
    height: 2px;
    background: #3db7f0;
    position: absolute;
    left: 0;
    bottom: -13px;
}

#timeline .t-time span {
    font-size: 13px;
    color: #000;
    display: block;
}

#timeline p {
    font-size: 13px;
    color: #a6a6a6;
    font-weight: 300;
    margin: 0px;
    padding: 22px 0 0;
    line-height: 18px;
}

.t-left {
    position: relative;
}

.t-left:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 10px 0 11px 10px;
    border-color: transparent #3db7f0;
    display: block;
    width: 0;
    z-index: 1;
    right: -10px;
    top: 13px;
}

.t-left:before {
    content: "";
    width: 33px;
    height: 33px;
    border-radius: 50%;
    border: 1px solid #e2e2e2;
    position: absolute;
    top: 6px;
    right: -23%;
    transition: 0.4s;
    background: #fff;
    z-index: 999;
}

.t-right:before {
    content: "";
    width: 33px;
    height: 33px;
    border-radius: 50%;
    border: 1px solid #e2e2e2;
    position: absolute;
    top: 6px;
    left: -23%;
    transition: 0.4s;
    background: #fff;
    z-index: 999;
}

.t-left:hover:before ,
.t-right:hover:before {
    content: "";
    width: 33px;
    height: 33px;
    border: 10px solid #3db7f0;
    transition: 0.4s;
}

.t-right {
    position: relative;
}

.t-right:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 10px 11px 10px 0;
    border-color: transparent #3db7f0;
    display: block;
    width: 0;
    z-index: 1;
    left: -10px;
    top: 13px;
}

#timeline li:hover {
    background: #3db7f0;
    transition: 0.3s;
}

#timeline li:hover .t-time ,
#timeline li:hover .t-time span ,
#timeline li:hover p {
    color: #fff;
    transition: 0.3s;
}

#timeline .t-right:hover .t-time:before ,
#timeline .t-left:hover .t-time:before {
    background: #fff;
    transition: 0.3s;
}

/* 17. Contact Page */

.gmap {
    padding: 0px;
}

.gmap div {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

#map {
    display: block;
    width: 100%;
    height: 380px;
    margin: 0 auto;
}

#map.large {
    height: 380px;
}

#map img {
    max-width: none !important;
    height: auto;
}

.c-info h4 {
    font-size: 23px;
    font-weight: 700;
    color: #3db7f0;
    margin: 15px 0 0;
}

.c-info p {
    color: #717171;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 16px;
}

.cf-info {
}

.cf-info h3 {
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
    font-weight: 400;
    margin: 0 0 15px !important;
}

.cf-info p {
    font-size: 14px;
    color: #717171;
    font-weight: 300;
    line-height: 22px;
    margin: 0 0 25px;
}

.cf-info ul {
    padding: 8px 34px 0px;
    border: 5px solid #3DB7F0;
    margin-right: 35px;
    margin-top: -50px;
    margin-bottom: 50px;
    background: #fff;
}

.cf-info ul li {
    color: #000;
    list-style: outside none none;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    display: table;
    width: 100%;
    height: 50px;
    line-height: 40px;
    padding-left: 65px;
    margin: 25px 0;
    position: relative;
}

.cf-info ul li:last-child {
    margin-bottom: 20px;
}

.cf-info ul li span {
    width: 34px;
    height: 36px;
    transform: rotate(45deg);
    background: #fff;
    color: #3db7f0;
    display: table;
    float: left;
    padding: 10px;
    margin: 0;
    transition: .3s;
    border: 1px solid #ededed;
    line-height: 0px;
    position: absolute;
    left: 0;
    right: 0;
}

.cf-info ul li span i {
    transform: rotate(-45deg);
    display: table;
    font-size: 18px;
}

.cf-info ul li h5 {
    font-family: Roboto;
    font-size: 15px;
    color: #000;
    margin: 0;
    font-weight: 400;
    text-align: center;
    transition: .3s;
}

.cf-info ul li:hover {
}

.cf-info ul li:hover  span {
    background: #3db7f0;
    color: #fff;
    transition: .3s;
    border: 1px solid #3db7f0;
}

.cf-info ul li:hover h5 {
    color: #fff;
    transition: .3s;
}

.contact-info {
    padding: 25px 15px;
}

.statusMessage,.successmessage,.errormessage {
    display: none;
    margin: auto;
    width: 100%;
    height: auto;
    background: rgba(255,255,255,0.1);
    margin: 0 auto 15px;
    padding: 20px;
    border-radius: 5px;
}

.statusMessage p {
    margin: 0;
    color: #888;
}

.successmessage p {
    margin: 0;
    color: #888;
}

.success-ico {
    background: url(../images/success.png);
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 15px;
    position: relative;
    top: -3px;
}

.error-ico {
    background: url(../images/error.png);
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 15px;
    position: relative;
    top: -3px;
}

.errormessage p {
    margin: 0;
    color: #888;
}

.resp-vtabs li.resp-tab-active {
    background: #52a7de;
}
.resp-tab-active {
    background: #52a7de;
}

/* 18. Twitterfeed */

#twitterfeed {
    padding: 30px 0px;
    background: #3B4653;
    margin: 0px;
}

#twitterfeed i {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: transparent;
    line-height: 62px;
    border: 1px solid #fff;
    text-align: center;
    color: #fff;
    font-size: 28px;
    margin: 0 auto 25px;
    display: table;
}

#tweetfeed p {
    font-size: 13px;
    color: #FFF;
    text-align: center;
    margin: 0px;
    padding: 0 25px;
}

#index_noside #tweetfeed p {
    font-size: 13px;
    color: #fff;
    text-align: center;
    margin: 0;
    padding: 0 15%;
}

#tweetfeed p a {
    color: #3db7f0;
}

#tweetfeed p span {
}

#tweetfeed p span a {
    color: #7fcaed;
}

#tweetfeed .owl-prev ,
#tweetfeed .owl-next {
    background: transparent;
    opacity: 1;
    font-size: 0;
    border-radius: 0;
    position: relative;
    width: 48px;
    height: 48px;
    overflow: hidden;
}

#tweetfeed .owl-prev {
    float: left;
    margin-left: -4px;
}

#tweetfeed .owl-next {
    float: right;
    margin-right: -4px;
}

#tweetfeed .owl-prev:before {
    content: "\f104";
    font-family: FontAwesome;
    font-size: 18px;
    color: #FFF;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0;
    background: transparent;
    z-index: 77;
    text-align: left;
    padding: 2px 8px;
}

#tweetfeed .owl-prev:after {
    content: "";
    background: none repeat scroll 0% 0% #3DB7F0;
    position: absolute;
    top: -33px;
    right: 14px;
    left: auto;
    width: 140%;
    height: 140%;
    transform: rotate(45deg);
    z-index: 11;
}

#tweetfeed .owl-next:before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 18px;
    color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: transparent;
    z-index: 77;
    padding: 2px 8px;
    text-align: right;
}

#tweetfeed .owl-next:after {
    content: "";
    background: #3db7f0;
    position: absolute;
    top: -33px;
    right: -32px;
    left: auto;
    width: 140%;
    height: 140%;
    transform: rotate(45deg);
    z-index: 11;
}

#tweetfeed .owl-controls {
    margin-top: 10px;
    text-align: center;
    position: absolute;
    top: -138px;
    width: 100%;
}

/* 19. Info Wrap */

.info-wrap {
    background: #4a5768;
    margin: 0;
    padding: 35px 35px;
}

.info-wrap h5 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 16px;
    font-weight: 400;
    padding-left: 28px;
    position: relative;
}

.info-wrap h5:before {
    width: 15px;
    height: 15px;
    border: 2px solid #fff;
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
}

/* 19.1. Contact tabs */

#tabwrap {
    overflow: hidden;
    width: 100%;
    min-height: 100px;
}

#tabs {
    padding: 0;
    margin: 0;
}

#tabs li {
    list-style: outside none none;
    display: inline-block;
    border: medium none;
    width: 33.3333%;
    margin: 0px -1.7px -5px;
    position: relative;
}

#tabs li a {
    float: left;
    display: block;
    padding: 0;
    color: #9e9e9e;
    width: auto;
    text-decoration: none;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    background: #40a4d5;
    display: table;
    width: 101%;
    height: 115px;
    padding-top: 27px;
    position: relative;
}

#tabs li a i {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: transparent;
    line-height: 60px;
    border: 1px solid rgba(255,255,255,0.3);
    text-align: center;
    color: #fff;
    font-size: 28px;
    margin: 0 auto;
    display: table;
}

#tabs li a:hover {
    color: #1f1f1f;
}

#tabs li:nth-child(2) a {
    background: #40A4D5;
}

#tabs li:nth-child(3) a {
    background: #4291ba;
}

#tabs li.current a {
    background: #3db7f0;
    color: #fff;
}

#tabs li.current:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 9px 10px 0;
    border-color: #3db7f0 transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -9px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#content > div {
    clear: both;
    padding: 20px 20px;
    line-height: 19px;
    color: #666;
    display: none;
    background: #fbfbfb;
    font-family: Roboto;
    font-size: 13px;
    color: #4a5768;
    font-weight: 400;
    margin-top:-1px;
}

#content > div p {
    padding-left: 25px;
    position: relative;
}

#content > div i {
    font-size: 18px;
    position: absolute;
    top: 3px;
    left: 0;
    color: #3db7f0;
}

#content .current {
    display: block;
}

#content #home.first {
    display: block;
}

#content p {
    margin: 0;
}

/* 19.2. Flickr Gallery */

.flickr-gallery {
    background: #5C6877;
    position: relative;
    display: block;
    height: 175px;
    padding: 0px;
    width:100%;
}

.thumbs {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.thumbs a {
    list-style: none;
    float: left;
    margin: 0 7.5px;
    width: 87px;
    height: 84px;
    border-radius: 50%;
    padding: 10px;
    background: rgba(0,0,0,0.1);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.thumbs a:hover {
    background: rgba(0,0,0,0.3);
    cursor: pointer;
}

.thumbs img {
    display: block;
    width: 67px;
    height: 64px;
    border-radius: 50%;
}

.thumbs a img {
    border: none;
}

.thumbs {
    margin: 0px;
    overflow: hidden;
}

#flickr_slider {
    padding: 45px 15px 41px;
}

#flickr_slider .owl-item {
    padding: 0;
    margin: 0;
}

#flickr_slider .owl-prev {
    position: absolute;
    top: -5px;
    left: -10%;
    right: 0;
    background: rgba(255,255,255,0.1);
    height: 30px;
    border-radius: 0px;
    opacity: 1;
    font-size: 0px;
    width: 120%;
}

#flickr_slider .owl-prev:before {
    width: 100%;
    height: 30px;
    content: "\f106";
    font-family: FontAwesome;
    font-size: 18px;
    color: #FFF;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0.3;
}

#flickr_slider .owl-next {
    position: absolute;
    bottom: 0;
    left: -10%;
    right: 0;
    background: rgba(255,255,255,0.1);
    height: 30px;
    border-radius: 0px;
    opacity: 1;
    font-size: 0px;
    width: 120%;
}

#flickr_slider .owl-next:before {
    width: 100%;
    height: 30px;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 18px;
    color: #FFF;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.3;
}

#flickr_slider .owl-next:hover, #flickr_slider .owl-prev:hover {
    background: rgba(255,255,255,0.4);
    transition: .4s;
}

#flickr_slider .owl-next:hover:before, #flickr_slider .owl-prev:hover:before {
    opacity: 1;
    transition: .4s;
}

/* 19.3. Vertical Tab */

#vertical-tabs {
    padding: 25px 0px;
}

#verticalTab2 {
    overflow: hidden;
    background: #fff;
}

#verticalTab2 .resp-tabs-list {
    float: left;
    width: 16% !important;
}

#verticalTab2 .resp-tabs-list li {
    padding: 14px 0px !important;
    height: auto;
    background: #3db7f0;
    border: none !important;
    border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}

#verticalTab2 .resp-tabs-list li img {
    width: 81px;
    height: 81px;
    padding: 10px;
    border-radius: 50%;
    background: rgba(0,0,0,0.1);
    margin: 0 auto;
}

#verticalTab2 li.resp-tab-active {
    padding: 0px 0px !important;
    border-right: 1px solid #fff !important;
}

#verticalTab2 li.resp-tab-active img {
    width: 100% !important;
    height: auto !important;
    border-radius: 0% !important;
    background: transparent;
    margin: 0 auto;
    transition: .1s;
}

#verticalTab2 .resp-tabs-container {
    float: right;
    width: 84%;
}

.btn-bdr {
    display: table;
    height: 46px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px #3db7f0;
    color: #3db7f0;
    padding: 0 25px;
    line-height: 46px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

#verticalTab2 .resp-tabs-container h4 {
    color: #4a5768;
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 14px;
}

#verticalTab2 .resp-tabs-container p {
    color: #4a5768;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 21px;
    letter-spacing: -0.4px;
}

#verticalTab2 .resp-tab-content {
    display: none;
    padding: 30px 35px 3px;
}

#verticalTab3 {
    border: 1px solid #e5e5e5;
}

#verticalTab3 .resp-tabs-list li {
    border-bottom: 1px solid #cecece !important;
    width: 33.33333%;
    border-right: 1px solid #e5e5e5;
    text-align: center;
    color: #000;
}

#verticalTab3 .resp-tabs-list li:last-child {
    border-right: none;
}

#verticalTab3 .resp-tabs-list li i {
    display: block;
    margin-bottom: 10px;
    color: #3db7f0;
    font-size: 30px;
}

.img-center {
    display: table;
    margin: 0 auto;
}

#verticalTab3 .resp-tab-content {
    padding: 50px 40px 40px 40px;
}

#verticalTab3 .resp-tab-content h3 {
    font-size: 22px;
    font-weight: 300;
    color: #000;
    text-align: center;
    margin: 30px 0 25px;
}

#verticalTab3 .resp-tab-content h3 span {
    font-weight: 700;
    color: #3db7f0;
}

#verticalTab3 .resp-tab-content p {
    text-align: center;
    margin: 0;
    font-size: 14px;
}

.faq-content {
    margin: 40px 0;
}

/* 20. Footer */

footer {
    margin: 0px;
    display: table;
}

footer > div {
    max-width: 1160px !important;
    background-color: #fff;
}

footer .nl {
    background-color: #51a7dd;
    width: 480px !important;
    font-weight: bold;
    padding: 15px 30px;
}
footer .nl button {
    width: 100px !important;
    font-size: 11px !important;
}
footer input {
    width: 185px;
    height: 38px;
    border: 1px solid #b9b9b9;
    font-size: 11px;
    font-style: italic;
    font-weight: lighter;
    padding: 6px 12px;
    color: #a3a3a3;
    -webkit-box-shadow:inset 1px 1.732px 4px 0px rgba(0, 0, 0, 0.19);
    -moz-box-shadow:inset 1px 1.732px 4px 0px rgba(0, 0, 0, 0.19);
    box-shadow: inset 1px 1.732px 4px 0px rgba(0, 0, 0, 0.19);
}

footer .cr {
    color: black;
    padding: 15px 30px;
    font-family: 'Marriweather';
    font-size: 10px;
    font-weight: lighter;
    margin: 0 13px 0 480px;
    -webkit-box-shadow: 0px -5px 5px -5px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0px -5px 5px -5px rgba(0, 0, 0, 0.19);
    box-shadow: 0px -5px 5px -5px rgba(0, 0, 0, 0.19);
}

footer .cr span {
    float: left;
    width: 42%;
    text-align: left;
    padding-top: 7px;
}

footer .cr p {
    float: right;
    font-size: 11px;
    font-weight: bold;
    padding-top: 7px;
    width: 28%;
    text-align: center;
}

.f-social {
    padding: 0;
    display: table;
    float: left;
    line-height: 1.65;
    margin: 0;
    position: relative;
    padding-right: 10px;
}

.f-social:before, .f-social:after {
    content:"";
    position: absolute;
    left: 0;
    height: 35px;
    border-left: 1px solid #b9b9b9;
}
.f-social:after {
    right: 0;
    left: auto;
}

.f-social li {
    float: left;
    list-style: none;
    margin-left: 10px;
}

.f-social li a {
    width: 35px;
    height: 35px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    z-index: 88;
    display: table;
    text-align: center;
    line-height: 33px;
    color: #000;
}

.f-social li a:hover {
    color: #fff;
}

/* 21. Sidebar */

aside {
    padding: 0px;
}
aside.col-md-12 {
    padding:0;
}
.side-content {
    display: table;
    width: 100%;
    padding: 25px;
    border-bottom: 1px solid #dfe5eb;
    background: #eff2f5;
}

.side-content h5 {
    color: #39424e;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 20px;
}

.last-widget {
    border-bottom: none;
}

.side-contact span {
    font-size: 15px;
    font-family: Open Sans;
    color: #39424e;
    display: table;
}

.side-contact span i {
    margin-right: 10px;
}

.rposts ul {
    padding: 0;
    margin: 0 -8px;
}

.rposts ul li {
    float: left;
    width: 33.33333%;
    list-style: none;
    padding: 0 5px 10px;
}

.rposts ul li span {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    padding: 8px;
    background: #fff;
    transition: .2s;
    display: table;
    margin: 0 auto;
}

.rposts ul li img {
    border-radius: 50%;
}

.rposts ul li span:hover {
    -webkit-box-shadow: 0 0 0 0px #d2d2d2;
    -moz-box-shadow: 0 0 0 0px #d2d2d2;
    box-shadow: 0 0 0 0px #d2d2d2;
    transition: .3s;
}

.rposts ul li span:hover img {
    -webkit-box-shadow: 0 0 0 8px #d2d2d2;
    -moz-box-shadow: 0 0 0 8px #d2d2d2;
    box-shadow: 0 0 0 8px #d2d2d2;
    transition: .5s;
}

.m-tags {
}

.m-tags ul {
    padding: 0;
    margin: 0 -5px;
}

.m-tags ul li {
    float: left;
    list-style: none;
    margin: 0 5px 10px;
}

.m-tags ul li a {
    font-size: 12px;
    color: #39424e;
    padding: 5px 10px;
    border: 1px solid #dfe5eb;
    display: table;
}

.m-tags ul li a:hover {
    color: #fff;
    background: #39424e;
    transition: .6s;
}

/* 21. Extras */

.space10 {
    margin-bottom: 10px;
}

.space20 {
    margin-bottom: 20px;
}

.space30 {
    margin-bottom: 30px;
}

.space40 {
    margin-bottom: 40px;
}

.space50 {
    margin-bottom: 50px;
}

.space60 {
    margin-bottom: 60px;
}

.space70 {
    margin-bottom: 70px;
}

.space80 {
    margin-bottom: 80px;
}

.space90 {
    margin-bottom: 90px;
}

.content-head h3 {
    /*
    font-size: 24px;
    color: #000;
    text-align: center;
    font-weight: 400;
    margin: 0 0 12px;
    */
    /*font-size: 48px;*/
    font-family: "Montserrat";
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 40px 0 40px 0;
}

.content-head.reverse h3 {
    color: #51a7dd;
    padding-bottom: 10px;
}

.content-head h4 {
    font-size: 30px;
    font-family: "Montserrat";
    font-weight: bold;
    padding: 20px;
    color: #51a7dd;
}

.ch-white h3 {
    color: #fff !important;
}

.content-head p {
    text-align: center;
    font-family: 'Merriweather';
    color: #a3a3a3;
    /*padding: 0 75px 50px 75px;*/
    line-height: 1.643;
    font-size: 17px;
}

.reverse p a {
    color: #51a7dd;
    text-decoration: underline;
    transition: .4s;
}

.reverse p a:hover, .reverse p a:focus {
    text-decoration: none;
}

.ch-white p {
    color: #fff !important;
    border: none;
}

.ch-white p span {
    background: transparent !important;
}

.ch-white p {
    background: url(../images/sep-dark.png) no-repeat center center !important;
}

.sep {
    width: 47px;
    height: 1px;
    background:rgba(255,255,255,0.3);
    margin: 21px auto;
}

.sep1 {
    width: 100%;
    height: 1px;
    background:rgba(0,0,0,0.3);
    margin: 33px auto 26px;
}

.sep2 {
    background:rgba(255,255,255,0.3);
    width: 47px;
    height: 1px;
    margin: 20px 0;
}

.nicescroll-rails {
    position: fixed;
    top: 0px!important;
    right: 0px!important;
    z-index: 999;
    background: transparent !important;
    padding: 0px;
}
.nicescroll-rails div {
    background: rgba(61,183,240,0.8) !important;
}
.nicescroll-rails:before {
    content: "";
    width: 12px;
    background: transparent !important;
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
}

.nicescroll-rails div {
    margin: 0;
}

.border-down {
    height: 40px;
    background: #FFF;
    width: 100%;
    display: table;
    position: relative;
    margin: -40px 0;
    z-index: 99999;
}

.animated-out,.animated-in {
    -webkit-transition-timing-function: cubic-bezier(0.13,0.71,0.30,0.94);
    -moz-transition-timing-function: cubic-bezier(0.13,0.71,0.30,0.94);
    -o-transition-timing-function: cubic-bezier(0.13,0.71,0.30,0.94);
    transition-timing-function: cubic-bezier(0.13,0.71,0.30,0.94);
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}

.animated-out {
    -webkit-transform: translateY(55px);
    -moz-transform: translateY(55px);
    -o-transform: translateY(55px);
    -ms-transform: translateY(55px);
    transform: translateY(55px);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
}

.animated-in {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

#loader {
    /*background:#fff url(../images/loading.gif) no-repeat center center;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 100000000000;
    left: 0%;
    top: 0%;
    margin: 0;*/
    display: none;
}

/* 22. Subpage Extras */

.bread_crumbs {
    padding: 0px;
    margin: 0 auto 0;
    display: table;
    float: right;
}

.bread_crumbs li {
    float: left;
    list-style: none;
    margin: 0 15px;
    color: #000;
    font-weight: 300;
    position: relative;
}

.bread_crumbs li:before {
    content: "\f18e";
    font-family: FontAwesome;
    font-size: 13px;
    position: absolute;
    top: 2px;
    left: -20px;
    color: #4c545f;
}

.bread_crumbs li a {
    color: #4c545f;
}

.bread_crumbs li a:hover {
    color: #999;
}

.bread_crumbs li:first-child:before {
    display: none;
}

.page-header {
    background-color: #f9fafb;
    border: solid 1px #e2e6ed;
    margin: 0 0 10px;
    padding: 20px 10px;
}

.page-header h3 {
    color: #4a5768;
    font-size: 18px;
    font-weight: bold;
}

.page-nav {
    display: table;
    padding: 20px 0 35px;
    width: 100%;
    margin: 0 15px;
}

.page-nav ul {
    padding: 0;
    margin: 0 auto;
    display: table;
}

.page-nav ul li {
    float: left;
    list-style: none;
    margin: 0 13px;
}

.page-nav ul li a {
    width: 33px;
    height: 31px;
    border: 1px solid #d6d6d6;
    transform: rotate(45deg);
    color: #000;
    display: table;
    transition: .4s;
}

.page-nav ul li a span {
    transform: rotate(-45deg);
    display: table;
    padding: 5px;
    text-align: center;
    margin: 0 auto;
    font-weight: 300;
}

.page-nav ul li a:hover, .page-nav ul li.active a {
    border: 1px solid #3db7f0;
    background: #3db7f0;
    color: #fff;
    transition: .4s;
}

.vert-sidebar .col-md-12 {
    padding:0;
}

.accordion-section-title {
    position: relative;
    display: table;
    width: 100%;
}

/* Other */

.no-padding { padding: 0 !important; }
.no-margin { margin: 0 !important; }

.login form {
    padding: 120px 0 60px 5px;
    width: 210px;
    margin: 0 auto;
}

.login input { background-color: #f6f6f6; border-color: #f6f6f6; font-size: 10px; }
.login button {
    background-color: #51a7dd;
    border: none;
    -webkit-box-shadow: 0 2px 0 0 #5c7595;
    -moz-box-shadow: 0 2px 0 0 #5c7595;
    box-shadow:  0 2px 0 0 #5c7595;
}
.login button:hover, .login button:focus {
    background-color: #5c7595;
}

.login p {
    font-family: 'Montserrat';
    font-size: 11px;
    color: #4e4e4e;
    line-height: 1.411;
}

.input-group-addon {
    background-color: #f6f6f6 !important;
    color: #a3a3a3 !important;
    border: none !important;
    outline: none !important;
    width:  50px;
}
.input-group-addon:before {
    position: relative;
    content: "|";
    left: 25px;
}

.he-info .btn-white-big {
    position: absolute;
    bottom: 50px;
    left: 45px;
}

#home-blog button {
    /*margin-top: 35px;*/
    margin-bottom:  15px;
}

.btn-white-big, .btn-blue-big {
    font-family: 'Montserrat';
    font-size: 18px;
    color: #413c3c;
    font-weight: bold;
    opacity: 1;
    visibility: visible;
    transition: .4s;
}
.btn-white-big:focus, .btn-white-big:hover {
    color: #51a7dd;
    background-color: #fff;
}

.btn-blue-big {
    background-color: #51a7dd;
    color: #fff;
    border: none;
    box-shadow: 0 2px 0 0 #5c7595;
}

.btn-blue-big:focus, .btn-blue-big:hover {
    background-color: #5c7595;
}

.btn-grey {background-color: #d1d1d1; color: #fff;}
.btn-grey:hover {background-color: #bdbdbd; color: #333;}

.btn-blue-big:focus, .btn-blue-big:hover {
    background-color: #c1c1c1;
}

.btn-lightblue {color: #fff; background-color: #61baf1; transition: 0.4s;}
.btn-violet {color: #fff; background-color: #7266BA; transition: 0.4s;}
.btn-violet:hover {background-color: #4644ba; color: #fff; }
.btn-square {padding: 0 7px; font-family: 'Montserrat'; font-size: 10px; line-height: 23px; border-radius: 0;}

/* db - dashboard */

.btn-small {height: 29px; padding: 0 10px; line-height: 29px; font-size: 15px;}
.btn-bottom {font-size: 17px; font-weight: bold; padding: 5px 28px;}

.main-header div {
    height: auto !important;
}
.head1 {
    color: #fff;
    font-weight: bold;
    font-size: 39px;
    text-transform: lowercase;
    height: auto;
}
.head1 a {text-decoration: none;}

.head1 div.subtitle {
    height: 30px;
}

.head1:first-letter {
    text-transform: uppercase;
}

.head1 > div, .head1 li {
    font-size: 13px;
    font-weight: normal;
    text-transform: none;
}

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

.head1 > ul > li {
    float: left;
    padding: 0 0 9px 0;
    margin-right: 30px;
    position: relative;
}

.head1 > ul > li > a {
    color: #000;
}

.head1 ul > li:before {
    content: "";
    background-color: #51a7dd;
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 0;
    transition: .1s;
}

.head1 > ul > li:hover:before, .head1 > ul > li.active:before {
    height: 4px;
}

.db-header div.head2 {
    color: #13788b;
    font-weight: bold;
    font-size: 17px;
    text-transform: uppercase;
    height: 73px;
    padding-right: 60px;
    padding-top: 10px;
}

.db-header div.head2 img {
    margin-right: 20px;
}

.db-header h2 {
    color: #fff;
    font-weight: bold;
    font-size: 39px;
}

.db-empty {
    text-align: center;
    /*margin-top: 280px;*/
    margin-top: 10%;
    padding-top: 0px;
}

.db-header .db-empty {
    margin-top: 40px;
    padding-top: 0px;
}

.db-header .back {
    padding-top: 20px;
    position: relative;
}

.db-header .back a {
    padding: 5px 7px 5px 14px;
    width: 100%;
    background: url('../images/back_arrow.png') no-repeat left top;
    font-size: 9px;
    text-decoration: none;
}

.db-empty p.no_header {
    font-size: 28px;
    color: #a3a3a3;
    padding-bottom: 25px;
}

.db-empty p.sub {
    font-size: 14px;
    padding-bottom: 20px;
}

.db-empty h4 {
    font-size: 23px;
    font-weight: bold;
    color: #000;
    padding-top: 20px;
}

p.sub>span {
    color: #7266ba;
}

/*.btn-group button:first-child {*/
/*border-right: 1px solid #e8e6e7;*/
/*width: 46px;*/
/*height: 36px;*/
/*font-size: 26px;*/
/*padding-top: 0;*/
/*padding-bottom: 0;*/
/*}*/

/*.properties .btn-group button:last-child {*/
/*font-size: 15px !important;*/
/*width: 130px;*/
/*}*/

/*.btn-group button:last-child {*/
/*border-left: 1px solid #e8e6e7;*/
/*width: 230px;*/
/*height: 36px;*/
/*padding-top: 0;*/
/*padding-bottom: 0;*/
/*}*/

.breadcrumb {
    background-color: #7266ba;
    display: inline-block;
    margin-bottom: 20px;
    text-transform: capitalize;
    border-radius: 0px;
    padding: 0 15px 4px 15px;
}

.breadcrumb li, .breadcrumb a {
    font-family: 'Montserrat';
    color: #fff !important;
    font-size: 10px;
    line-height: 1.552;
    -moz-transform: scale(1, 0.95);
    -webkit-transform: scale(1, 0.95);
    -ms-transform: scale(1, 0.95);
}

.breadcrumb > li + li:before {
    color: #564aa3;
}

.overview table th {
    background: #fff;
    padding: 8px 15px !important;
}

.overview table td {
    background: #fff;
}

.overview table th {
    background: #8fcbf1;
    position: relative;
    height: 70px;
}

.overview table th:nth-child(2) {
    vertical-align: middle;
    text-align: center;
}

.overview table th:nth-child(2) a {
    color: #fff;
    background: #51a7dd;
    padding: 0 10px;
    text-decoration: none;
    border-radius: 5px;
    font-size: 24px;
    font-weight: bold;
    box-shadow: 0px 2px 0px 0px rgba(37, 71, 113, 0.75);
    -moz-box-shadow: 0px 2px 0px 0px rgba(37, 71, 113, 0.75);
    -webkit-box-shadow: 0px 2px 0px 0px rgba(37, 71, 113, 0.75);
}

.theader th:first-child {
    padding-left: 46px !important;
    font-size: 19px;
    font-weight: normal;
    text-align: left !important;
    text-decoration: none;
}

.theader th:first-child:before {
    content: "";
    left: 15px;
    position: absolute;
    height: 100%;
}
.revenue .theader th:first-child:before {
    top: 13px;
    background: url('../images/revenue-history.png') no-repeat left top;
}

.theader.tenants th:first-child:before {
    top: 15px;
    background: url('../images/tenants.png') no-repeat left top;
}

.theader span {
    font-size: 12px;
}

.tsheader {
    color: #999;
    font-size: 11px;
}

.overview td {
    position: relative;
}

tr.infoblock.infoblock-filled td {
    padding: 10px 10px 20px 10px !important;
}

.overview tr.infoblock td:first-child:before {
    left: 14px;
    right: 0;
}

.overview tr.infoblock td:last-child:before {
    left: 0;
    right: 14px;
}

.tsheader td+td:after {
    content:"";
    position: absolute;
    border-left: 1px solid #d2d2d2;
    width: 1px;
    height: 15px;
    bottom:0;
    left: 0;
}

.tsheader td div {
    position: absolute;
    bottom: 5px;
    right: 5px;
    line-height: 1;
}

.properties th.popup {
    vertical-align: middle !important;
    text-align: right !important;
}

.ms-parent {
    width: 150px !important;
    height: 29px;
    padding: 0!important;
    border: none!important;
}
.ms-choice > span.placeholder{
    color: #48565f;
}
.ms-choice {
    height: 27px !important;
    width: 100% !important;
    line-height: 20px;
    padding: 0 22px 0 8px;
    border: 1px solid #c8c8c8;
    font-size: 12px;
    background: #dcdcdc;
}
.ms-choice > div{
    /*background: url(/images/components/form/select_arrow.png) no-repeat right 7px center #dcdcdc;*/
    background: url(multiple-select.png) left top no-repeat;
    border-radius: 4px;
}
.ms-choice > div.open {
    background: url(multiple-select.png) right -2px top no-repeat;
}
.ms-choice{
    border: none;
}
.ms-drop{
    font-size: 12px;
}
.ms-drop input[type=radio]{
    display: none;
}
.ms-drop ul > li label:hover{
    background: #51a7dd;
    cursor: pointer;
}
.ms-choice > span{
    top: 4px;
}

div.delete a {
    padding: 10px 0 10px 25px;
    color: #de4747!important;
    position: relative;
    font-size: 10px;
}

div.delete a:before {
    content:"";
    position: absolute;
    left: 0px;
    top: 5px;
    background: url('../images/delete2.png') no-repeat;
    width: 18px;
    height: 20px;
}

.overview table .infoblock-filled {
    border: none !important;
}

.overview table .infoblock-filled + .infoblock-filled {
    border-top: 1px solid #d2d2d2 !important;
}

.input-table {
    background: #fff;
    vertical-align: middle !important;
}

.input-table th {
    text-align: right !important;
    font-size: 13px;
    font-weight: normal;
}

.input-table .it-header th {
    position: relative;
    font-size: 19px !important;
    text-align: left !important;
    vertical-align: top !important;
    height: 60px !important;
}
.input-table .it-header th:nth-child(2):before {
    content:'';
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 14px;
    background: url('../images/add_property_header.png') no-repeat left top;
}

.input-table .form-control {
    border: 1px solid #a2a3a2 !important;
    color: #4b4c4c !important;
}

.input-table .form-control:focus {
    border-color: #51a7dd !important;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(81, 167, 221, .6);
    -moz-box-shadow: 0px 0px 5px 0px rgba(81, 167, 221, .6);
    box-shadow: 0px 0px 5px 0px rgba(81, 167, 221, .6);
}

.money, .calendar { position: relative; }
.money .form-control {
    padding-left:  40px;
}
.calendar .form-control {
    padding-right:  55px;
}
.money:before {
    content: "$";
    font-size: 12px;
    position: absolute;
    left: 10px;
    top: 22px;
    padding: 0 15px;
    color: #4b4c4c !important;
    /*border-right: 1px solid #4b4c4c !important;*/
}

.calendar:before {
    content: " ";
    font-size: 12px;
    position: absolute;
    right: 2px;
    top: 12px;
    width: 19px;
    height: 17px;
    padding: 0 15px;
    color: #4b4c4c !important;
    border-left: 1px solid #4b4c4c !important;
    background: url('../images/calendar.png') no-repeat center center;
}

.input-table .leftS {
    padding-left: 25px !important;
}

.input-table .rightS {
    padding-right: 25px !important;
}

.input-table .leftSS {
    padding-left: 50px !important;
}

.input-table .rightSS {
    padding-right: 50px !important;
    text-align: left;
}

.input-table th, .input-table td {
    vertical-align: middle !important;
}

.input-table .taR {
    text-align: right;
    width: 190px;
}

.input-table .lbl {
    position: relative;
    font-style: italic;
}

.input-table .lbl:before {
    content:"Example: The Crib";
    position: absolute;
    top: 45px;
    padding-top: 10px;
    height: 14px;
    width: 100%;
    color: #b3b3b3;
    font-size: 12px;
    font-weight: normal;
    text-align: left !important;
}

.input-table .lbl-unit:before {
    content:'Example: "Studio 4", "Deluxe suite"';
}

.input-table .lbl-square:before {
    content:'Area of the unit in square';
}

.input-table .lbl-amenities:before {
    content:"Example: laundry, parking, storage, appliances";
    width:  190px;
}

.input-table .half-size input, .input-table .half-size select, button.half-size {
    width: 50% !important;
}

.it-header {
    background: #8fcbf1;
    height: 55px;
    font-size: 19px;
    font-weight: normal;
}

.plus-logbook,
.plus-expenses,
.plus-revenue,
.plus-todos {
    margin: 0 0 20px 0;
    padding: 10px 0 0 0;
    background: #e9f3f9 !important;
    line-height: 2;
}

.plus-logbook .money:before,
.plus-expenses .money:before,
.plus-revenue .money:before,
.plus-todos .money:before {
    left: 0px !important;
    top: 10px !important;
}

.plus-logbook .form-control,
.plus-expenses .form-control,
.plus-revenue .form-control,
.plus-todos .form-control {
    border: 1px solid #a2a3a2 !important;
}

.plus-logbook .form-control:focus, .plus-logbook .form-control:hover,
.plus-expenses .form-control:focus, .plus-expenses .form-control:hover,
.plus-revenue .form-control:focus, .plus-revenue .form-control:hover,
.plus-todos .form-control:focus, .plus-revenue .form-control:hover {
    border: 1px solid #51a7dd !important;
    box-shadow: 0px 0px 5px 0px rgba(81, 167, 221, 0.6);
}

.plus-logbook .elem-block,
.plus-expenses .elem-block,
.plus-revenue .elem-block,
.plus-todos .elem-block {
    padding: 10px 30px;
}

.plus-logbook .pl-footer,
.plus-expenses .pl-footer,
.plus-revenue .pl-footer,
.plus-todos .pl-footer {
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.plus-logbook .elem-block button,
.plus-expenses .elem-block button,
.plus-revenue .elem-block button,
.plus-todos .elem-block button {
    font-size: 15px;
    padding: 7px 10px;
}

.plus-todos label {	cursor: pointer; }
.plus-todos label+label, .plus-logbook label+label { padding-left: 50px; }

.csv td, .csv td>div {
    text-align: right;
    /*height: 80px;*/
    position: relative;
}

.csv td hr {
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
}

.csv td>div>div { height: 100%; }

.csv div {
    color: #fff;
    font-size: 14px;
}

.csv .btn-group {
    padding: 22px 22px 0 0;
}

.csv .btn-group button {
    font-size: 14px !important;
}

td.complete {
    color: #b6b6b6 !important;
}
td.complete span {
    background: #dddddd !important;
    color: #000 !important;
    border: 1px solid #a3a3a3;
}

.borderB h4 {
    padding-bottom: 5px;
    border-bottom: 1px solid #a2a3a2 !important;
    text-align: left !important;
    font-size: 16px;
    font-weight: normal;
    color: #000;
    padding-top: 20px;
}

.no-data {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    background-color: #fff;
}

.no-data p {
    padding: 15px 0 15px 0 !important;
    font-weight: bold;
    font-size: 14px;
    color: #a2a3a2;
}
.no-data img {max-width: 100%;}
.no-data img.img-responsive {
    display: inline-block;
}

.infoblock-blank { display: none; }


.tags, .tags-edit {
    color: #d2d2d2;
    font-style: italic;
    font-size: 10px;
    padding-top: 10px;
}

.attachment, .attachment-edit {
    font-size: 12px;
    padding-top: 10px;
}

.overview .corridor, .overview .corridor2  { position: relative; text-align: left; }

.overview .corridor2:before {
    content:"";
    border-top: 2px dotted #d2d2d2;
    position: absolute;
    height: 2;
    left: 0;
    right: 10px;
    top: 24px;
}

.overview .corridor:before {
    content:"";
    border-top: 2px dotted #d2d2d2;
    border-bottom: 2px dotted #d2d2d2;
    position: absolute;
    left: 0;
    right: 10px;
    top: 0;
    bottom: 0;
}

.overview .corridor .one-time {
    background: #de4747;
    height: 100%;
}

.overview .money-line {
    position: relative;
    vertical-align: bottom !important;
}

.overview .money-line .money-element:before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    height: 1px;
    right:0;
    border-bottom: 1px solid black;
}

.overview .money-line .money-element:after {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    height: 8px;
    width: 50%;
    border-right: 1px solid black;
}

.overview .money-line .money-element {
    font-size: 10px;
    text-align: center;
    vertical-align: bottom !important;
}

.overview .money-line .money-element.money-first { text-align: left; }
.overview .money-line .money-element.money-last { text-align: right; }


.overview .money-line .money-element.money-first:before {
    left: auto;
    right: 0;
    width: 75%;
}

.overview .money-line .money-element.money-first:after {
    left: auto;
    right: 0;
    width: 75%;
    border-left: 1px solid black;
    border-right: none;
}

.overview .money-element.money-last2:before {
    right: 10px;
}

.overview .money-line .money-element.money-last:before,
.overview .money-line .money-element.money-last:after {
    width: 75%;
}



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

    .ts-main-left {
        // width: 255px !important;
        padding:0;
        // min-height: 100% !important;
    }

    .ts-main-center {
        // padding-left: 255px !important;
        // width: 100%;
        // min-height: 100% !important;
        background: #fff;
    }

    #dashboard .ts-main-center {
        background-color: #f1f1f1
    }

    .ts-main-right {
        width: 20.5981%;
    }

    .vert-sidebar {
        display:none;
    }

}

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

    .ts-main-left {
        // width: 255px !important;
        // min-height: 100% !important;
        padding:0;
        // z-index: 2;
    }

    .ts-main-center {
        // width: 100%;
        // min-height: 100% !important;
        /*padding: 0 28px 0 255px !important;*/
        // padding: 0 28px 0 255px !important;
        background: #fff;
        // z-index: 1;
    }

    .ts-main-right {
        display:none !important;
    }

    .vertical-menu {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .vert-sidebar {
        display:block;
    }

}

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

    .vertical-menu {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .ts-main-right {
        display:block;
    }

    .vert-sidebar {
        display:none;
    }

}

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

    .vertical-menu {
        position: relative;
        width: 318px;
    }

    .ts-main-right {
        display:none;
    }

    .vert-sidebar {
        display:block;
    }

}

#topcontrol {
    right: 40px!important;
    bottom: 30px!important;
    z-index: 99999999;
}

#signup-top-line {
    font-size: 12px;
    width: 970px;
    margin: 0 auto;
    padding: 50px 0;
    color: #B0B0B0;
}

#signup-top-line .active {
    color: #51a7dd;
    font-size: 13px;
}

div.signup-title {
    width: 100%;
    text-align: center;
    padding-bottom: 50px;
}

div.signup-title h4 {
    color: #51a7dd;
    padding-bottom: 10px;
    font-family: "Montserrat";
    font-size: 28px;
    font-weight: bold;
}

div.signup-title p {
    color: #727272;
}

div.signup-plans {
    width: 1000px;
    margin: 0 auto;
}

div.signup-plans .pull-left, div.signup-plans .pull-right {
    width:24%;
    margin-right: 1%;
    border: 1px solid #D7D7D7;
    padding: 20px 0;
    background-color: #F9F9F9;
    color: #C4C2C2;
    border-radius: 4px;
}

div.signup-plans .pull-left:hover, div.signup-plans .pull-right:hover {
    cursor: pointer;
}

div.signup-plans .active-plan {
    background-color: #51a7dd;
    color: #ffffff;
}

div.signup-plans h4 {
    margin: 20px 0 0 0;
    font-family: "Montserrat";
    font-size: 16px;
    text-transform: uppercase;
}

div.signup-units {
    margin-top: 10px;
}

div.signup-border {
    width: 150px;
    margin: 10px auto;
    border-top: 1px solid;
}

div.signup-plan-description {
    font-size: 12px;
    font-family: "Times New Roman";
    width: 80%;
    margin: 0 auto;
}

#signup-form {
    color: #555;
    border: 1px solid #D7D7D7;
    border-radius: 4px;
}

div#signup-form {
    background-color: #F9F9F9;
}

div#signup-form .pull-left {
    padding: 30px 20px 30px 50px;
    width: 65%;
    text-align: left;
}

div#signup-form .pull-right {
    padding: 30px 0 30px 5%;
    background: #fff;
    width: 35%;
    text-align: left;
}

div.signup-form-title {
    font-size: 18px;
    color: #212121;
}
span.signup-form-title-plan {
    text-transform: uppercase;
    color: #51a7dd;
}
div.signup-form-subtitle {
    font-size: 12px;
    color: #939393;
}
div#signup-form-fields {
    margin: 30px 0;
    color: black;
    font-size: 12px;
}

div#signup-form-fields div.row {
    margin: 15px -15px;
}

div#signup-form-fields input[type=text],
div#signup-form-fields input[type=password],
div#signup-form-fields input[type=email],
div#signup-form-fields input[type=url],
div#signup-form-fields select {
    width:70%;
}

div.signup-sidebar-title {
    font-size: 28px;
    text-transform: uppercase;
    color: #51a7dd;
}

div.signup-sidebar-price {
    color: #51a7dd;
    font-size: 18px;
    margin-bottom: 25px;
}
div.signup-sidebar-include {
    color: #51a7dd;
    font-size: 20px;
    margin-bottom: 10px;
}
div.plan-includes {
    font-size: 14px;
    font-family: "Times New Roman";
    margin: 5px 0 0 -10px;
}

.bg-white {
    background-color: #ffffff;
}

/* sm, md, lg */
@media (min-width: 768px) {
    .row.gutter-0 {margin-left: 0; margin-right: 0;}
    .row.gutter-0 > [class*='col-'] {padding-right: 0; padding-left: 0;}
    .row.gutter-2 {margin-left: -1px; margin-right: -1px;}
    .row.gutter-2 > [class*='col-'] {padding-right: 1px; padding-left: 1px;}
    .row.gutter-6 {margin-left: -3px; margin-right: -3px;}
    .row.gutter-6 > [class*='col-'] {padding-right: 3px; padding-left: 3px;}
    .row.gutter-10 {margin-left: -5px; margin-right: -5px;}
    .row.gutter-10 > [class*='col-'] {padding-right: 5px; padding-left: 5px;}
    .row.gutter-16 {margin-left: -8px; margin-right: -8px;}
    .row.gutter-16 > [class*='col-'] {padding-right: 8px; padding-left: 8px;}
    .row.gutter-20 {margin-left: -10px; margin-right: -10px;}
    .row.gutter-20 > [class*='col-'] {padding-right: 10px; padding-left: 10px;}
    .row.gutter-30 {margin-left: -15px; margin-right: -15px;}
    .row.gutter-30 > [class*='col-'] {padding-right: 15px; padding-left: 15px;}
    .row.gutter-50 {margin-left: -25px; margin-right: -25px;}
    .row.gutter-50 > [class*='col-'] {padding-right: 25px; padding-left: 25px;}
    .row.gutter-80 {margin-left: -40px; margin-right: -40px;}
    .row.gutter-80 > [class*='col-'] {padding-right: 40px; padding-left: 40px;}

}


.margin-top-50 {margin-top: 50px !important;}
.margin-right-0 {margin-right: 0 !important;}
.margin-bottom-10 {margin-bottom: 10px !important;}
.margin-left-10 {margin-left: 10px !important;}

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

.pointer {cursor: pointer;}

.bg-blue {background-color: #51a7dd;}
.bg-bluish {background-color: #1D92BE;}
.bg-darkblue {background-color: #2288C4;}
.bg-lightgrey {background-color: #F9F9F9;}
.bg-half-blue {background-image: url("../images/homepage/half-blue.png"); background-position: center;}
.bg-dotted {background-image: url("../images/bg-pixel.gif");}

.text-red {color: #ef0808 !important;}

.text-no-overflow {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.main-header {height: 60px; padding: 0px 0 0 20px;  background: #FFF; /*background: #1FA3BC url("../images/db-header.png") no-repeat scroll left top; */ 
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #E9ECEF;
}
.main-header__title {color: #000; font-size: 20px; font-weight: bold;     display: inline-block;     vertical-align: middle;}
.main-header__text {color: #888888; font-size: 14px; font-weight: normal;      margin: 0 0 0 6px;  display: inline-block;     vertical-align: text-bottom;}
.main-header__text:before {
    content: "";
    height: 5px;
    width: 5px;
    display: inline-block;
    vertical-align: middle;
    background: #51A7DD;
    border-radius: 50%;
    margin: 0 10px 0 0;
}

.input-error {border-color: #fb6363 !important;}

/* navbar dasboard */
.navbar-dashboard {
    background-color: #fff;
    border-color: #ffffff;
}
.navbar-dashboard .fa {margin-right: 7px; vertical-align: 1px;}
.navbar-dashboard .navbar-brand {
    padding-top: 0px;
    padding-bottom: 0px;
    color: #ffffff;
}
.navbar-dashboard .navbar-brand:hover, .navbar-dashboard .navbar-brand:focus {
    color: #3c3838;
}
.navbar-dashboard .navbar-text {
    color: #ffffff;
}
.navbar-dashboard .navbar-nav {margin: 0 -15px;}
.navbar-dashboard .navbar-nav  li  a {
    color: #ffffff;
    background-color: #319DDC;
    border-top: 1px solid #FFF;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}
.navbar-dashboard .navbar-nav  li  a:hover, .navbar-dashboard .navbar-nav  li  a:focus {
    color: #3c3838;
    background-color: #fff;
    border-top: 1px solid #319DDC;
}
.navbar-dashboard .navbar-nav > .active > a, .navbar-dashboard .navbar-nav > .active > a:hover, .navbar-dashboard .navbar-nav > .active > a:focus {
    color: #3c3838;
    background-color: #ffffff;
    border-top: 1px solid #319DDC;
}
.navbar-dashboard .navbar-nav > .open > a, .navbar-dashboard .navbar-nav > .open > a:hover, .navbar-dashboard .navbar-nav > .open > a:focus {
    color: #3c3838;
    background-color: #ffffff;
}
.navbar-dashboard .navbar-toggle {
    color: #319DDC;
    border-color: #319DDC;
}
.navbar-dashboard .navbar-toggle:hover {
    background-color: #D9EEFA !important;
}
.navbar-dashboard .navbar-toggle:focus {
    background-color: #fff;
}

.navbar-dashboard .navbar-toggle .icon-bar {
    background-color: #319DDC;
}
.navbar-dashboard .navbar-collapse,
.navbar-dashboard .navbar-form {
    border-color: #ffffff;
}
.navbar-dashboard .navbar-link {
    color: #ffffff;
}
.navbar-dashboard .navbar-link:hover {
    color: #3c3838;
}


@media (max-width: 767px) {

    .navbar-dashboard .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
    }
    .navbar-dashboard .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-dashboard .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #3c3838;
    }
    .navbar-dashboard .navbar-nav .open .dropdown-menu > .active > a, .navbar-dashboard .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-dashboard .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #3c3838;
        background-color: #ffffff;
    }
}


.apps-wrap{
    text-align: center;
    padding: 50px 0px;
    background: #fafafa;
}
.apps-wrap .text{
    font-size: 36px;
}
.apps-wrap .sub-text{
    font-size: 17px;
    width: 65%;
    margin: 0 auto;
    margin-top: 20px;
}
.apps-wrap .logos{
    margin-top: 50px;
}
.apps-wrap .logos > div{
    height: 40px;
    background-size: contain;
}
.apps-wrap .logos .dropbox{
    background: url('/images/dropbox.png') no-repeat center;
    background-size: contain;
}
.apps-wrap .logos .drive{
    background: url('/images/google-drive.png') no-repeat center;
    background-size: contain;
}
.apps-wrap .logos .qbo{
    background: url('/images/quickbooks-logo.png') no-repeat center;
    background-size: contain;
}
/* navbar homepage */
.navbar-homepage {
    background-color: #fff;
    border-color: #ffffff;
}
.navbar-homepage .fa {margin-right: 7px; vertical-align: 1px;}
.navbar-homepage .navbar-brand {
    padding-top: 0px;
    padding-bottom: 0px;
    color: #ffffff;
}
.navbar-homepage .navbar-brand:hover, .navbar-homepage .navbar-brand:focus {
    color: #3c3838;
}
.navbar-homepage .navbar-text {
    color: #ffffff;
}
.navbar-homepage .navbar-nav {margin: 0 -15px;}
.navbar-homepage .navbar-nav > li > a {
    border-top: 1px solid #FFF;
    font-size: 15px;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    padding-left: 31px;
    padding-right: 31px;
    color: #a4a4a4;
    transition: 0.1s;
}
.navbar-homepage .navbar-nav > li > a.loged{
    padding-left: 22px;
    padding-right: 22px;
}
.navbar-homepage .navbar-nav > li > a.first{
    padding: 59px 50px;
}
.navbar-homepage .navbar-nav > li > a:hover, .navbar-homepage .navbar-nav > li > a:focus {
    color: #000;
    background-color: #fff;
}
.navbar-homepage .navbar-nav > .active > a, .navbar-homepage .navbar-nav > .active > a:hover, .navbar-homepage .navbar-nav > .active > a:focus {
    color: #3c3838;
    background-color: #ffffff;
    border-top: 1px solid #319DDC;
}
.navbar-homepage .navbar-nav > .open > a, .navbar-homepage .navbar-nav > .open > a:hover, .navbar-homepage .navbar-nav > .open > a:focus {
    color: #3c3838;
    background-color: #ffffff;
}
.navbar-homepage .navbar-toggle {
    color: #319DDC;
    border-color: #319DDC;
}
.navbar-homepage .navbar-toggle:hover {
    background-color: #D9EEFA !important;
}
.navbar-homepage .navbar-toggle:focus {
    background-color: #fff;
}

.navbar-homepage .navbar-toggle .icon-bar {
    background-color: #319DDC;
}
.navbar-homepage .navbar-collapse,
.navbar-homepage .navbar-form {
    border-color: #ffffff;
}
.navbar-homepage .navbar-link {
    color: #ffffff;
}
.navbar-homepage .navbar-link:hover {
    color: #3c3838;
}


/* xs */
@media (max-width: 767px) {
    .navbar-homepage .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
    }
    .navbar-homepage .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-homepage .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #3c3838;
    }
    .navbar-homepage .navbar-nav .open .dropdown-menu > .active > a, .navbar-homepage .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-homepage .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #3c3838;
        background-color: #ffffff;
    }

    .navbar-homepage .navbar-nav > li > a {
        color: #ffffff;
        background-color: #319DDC;
        font-size: 13px;
    }

    .default-breadcrumb, .default-header {padding-left: 10px; padding-right: 10px;}
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-homepage .fa {display: none !important;}
    .navbar-homepage .navbar-nav > li > a {padding-left: 13px; padding-right: 10px;}

    .sm-margin-top-120 {margin-top: 120px !important;}
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-homepage .navbar-nav > li > a {padding-left: 26px; padding-right: 26px;}

    .md-margin-top-35 {margin-top: 35px !important;}
}

/* lg */
@media (min-width: 1200px) {
    .lg-margin-top-34 {margin-top: 34px !important;}
    .lg-margin-top-55 {margin-top: 55px !important;}
    .lg-margin-top-94 {margin-top: 94px !important;}
}

/* sm, md, lg */
@media (min-width: 768px) {
    .navbar-homepage .navbar-brand > img {margin-top: 16px !important;}
    .navbar-homepage .navbar-nav > li > a {padding-top: 59px; padding-bottom: 59px;}

    .navbar-homepage__blue {
        padding: 10px 25px;
        color: #51a7dd;
        border-radius: 5px;
        border: 1px solid #51a7dd;
        transition: 0.4s;
    }
    .navbar-homepage__blue:hover {
        color: #000;
        border-color: #000;
    }
    .navbar-homepage__red {
        padding: 10px 25px;
        color: red;
        border-radius: 5px;
        border: 1px solid red;
        transition: 0.4s;
    }
    .navbar-homepage__red:hover {
        color: #000;
        border-color: #000;
    }

    table.white-table__td-width-300 td {max-width: 150px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
    table.white-table__body td {padding: 5px 10px 5px 10px !important; border-top: 1px dashed #c0c0c0 !important; text-align: left; color: #48565f;font-size: 12px}

    .white-table__date-container {color: #a3a3a3; line-height: 1 !important; width: 60px; text-align: center !important; font-family: 'Montserrat', 'Merriweather';}
    
    .white-table__date1 {display: block; font-size: 35px; font-weight: normal;}
    .white-table__date2 {display: block; font-size: 8px; font-weight: normal;}
}



/*input, textarea, select {*/
/*-webkit-appearance: none;*/
/*}*/

.btn-table-status {padding: 0 10px; font-size: 14px; line-height: 25px; border-radius: 5px;}
.btn-table-status:hover {color: white; cursor: default;}

.btn {font-weight: lighter; transition: 0.1s;}

.btn-red {background-color: #f64242; color: white;}
.btn-green {background-color: #48cfad; color: white;}
.btn-yellow {background-color: #f6bb42; color: white;}
.btn-blue {background-color: #51a7dd; color: #fff;}
.btn-blue:focus, .btn-blue:hover {background-color: #5c7595; color: #fff;}
.btn-white {background-color: #FFF; color: #727272;}
.btn-white:focus, .btn-white:hover {background-color: #727272; color: #fff;}


.homepage-input {height: 27px; width: 100%; margin-bottom: 19px; padding: 0 10px; line-height: 27px; font-size: 12px; color: #a5a5a5; border: 1px solid #a2a3a2;}
.homepage-textarea {height: 277px; width: 100%; margin-bottom: 19px; padding: 10px 10px; line-height: 20px; font-size: 12px; color: #a5a5a5; border: 1px solid #a2a3a2;}

.boxheader {height: 54px; padding: 7px 16px 0 16px; font-size: 19px; color: #000; text-align: left; background-color: #8FCBF1;}
.boxheader-img {margin-right: 9px; vertical-align: -1px;}
.box-content {padding: 0 11px 11px; text-align: left; background-color: #fff;}
.box-title {margin-top: 35px; margin-bottom: 20px; padding-bottom: 11px; color: #000; font-size: 16px; background: url("../images/template/box/title.png") no-repeat center bottom; background-size: 100% 1px;}

.box-smalltitle {margin-top: 30px; font-size: 13px; color: #000;}
.box-label {width: 100%; margin: 0 0 10px 0; padding-right: 15px; line-height: 29px; color: #000; text-align: right; white-space: nowrap;}
.box-text {width: 100%; margin: 0 0 10px 0; line-height: 29px; color: #000; text-align: left; white-space: nowrap;}
.box-explanation-text {margin-top: 3px; font-size: 12px; color: #b3b3b3; font-style: italic;}
.box-expenses-text {font-size: 12px; color: #4b4c4c;}
.box-input, .chosen-single {width: 100% !important; height: 25px; line-height: 25px; padding: 0 10px; margin-bottom: 10px; border: 1px solid #c5c5c5; color: #4b4c4c !important; }
.chosen-single {margin-bottom: 0;}
select.box-input {padding-left: 7px; padding-right: 5px;}
select.box-input option[disabled] {display: none;}
textarea.box-input {height: 113px;}
input:disabled, textarea:disabled, option:disabled, optgroup:disabled, select:disabled:disabled {
    background-color: #eee;
    cursor: inherit;
}
.box-input:focus {border-color: #51a7dd !important;}
.box-input__dollar {padding-left: 40px; background-image: url("../images/template/input/dollar.png"); background-repeat: no-repeat;}
.box-input__date {padding-left: 40px; background-image: url("../images/template/input/date.png"); background-repeat: no-repeat;}
.box-input__title {margin-bottom: 5px; text-transform: uppercase;
                   margin-bottom: 5px;
                   text-transform: uppercase;
                   font-size: 12px;
                   font-weight: normal;
                   color: #3a3a3a;}
.box-bg-red {background-color: #fbeaea;}
.box-bg-green {background-color: #eefaea;}
.box-finance-content {padding: 8px 0; border-top: 1px solid #51A7DD;}
.box-finance-content:first-child {border-top: none;}
.box-add-expense {display: inline-block; margin-top: 8px; color: #de4747; font-size: 11px;}
.box-add-expense:hover {color: #de2325;}
.box-add-revenue {display: inline-block; margin-top: 5px; color: #41a821; font-size: 11px; cursor: pointer;}
.box-add-revenue:hover {color: #2aa80b;}
.box-responsive-margin {margin-bottom: 0;}
.box-x {cursor: pointer; color: #de4747; text-align: right;}
.box-x__grey {color: #c5c5c5;}
.box-footer {height: 30px; padding: 0 8px; line-height: 30px; background-color: #D2D2D2; color: #404040; font-size: 10px;}
.box-footer-arrow {background: rgba(0, 0, 0, 0) url("../images/footer-arrow.png") no-repeat scroll 0 0; display: inline-block; height: 5px; margin-left: 5px; width: 4px;}


.white-table__header {
    min-height: 51px;
    padding: 0 11px;
    line-height: 50px;
    font-size: 14px;
    color: #000;
    border-bottom: 1px #e8e8e8 solid;
    border-top: 0px #e8e8e8 solid;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
}
.white-table__header-plus {float: right; width: 32px; height: 31px; margin-top: 10px; background: url("../images/components/table/plus.png"); cursor: pointer;}
.white-table__header-plus:hover {background-image: url('../images/components/table/plus_hover.png');}
.white-table__header__filter {display: inline-block;}
.white-table__header__filter + .white-table__header__filter {margin-left: 15px;}
.white-table__header__filter select, .white-table__header__filter input  {display: inline-block; height: 29px; padding: 0 22px 0 8px; border: 1px solid #c8c8c8;  font-size: 12px; color: #48565f; background-color: #dcdcdc;}
.white-table__header__filter select {background: url("/images/components/form/select_arrow.png") no-repeat right 7px center #dcdcdc; appearance:none; -webkit-appearance: none; -moz-appearance: none;}
.white-table__header__filter select::-ms-expand {display: none;}
.white-table__header__filter option {background: #fff;}
.white-table__column-names {color: #999; font-size: 11px;}
.white-table__column-names th {padding: 8px 8px 8px 11px !important; border-top: none !important; font-weight: normal !important; color: #a3a3a3;}
.white-table__column-names th {position: relative;}
.white-table__column-names th+th:after {content:""; position: absolute; border-left: 1px solid #e8e8e8; width: 1px; height: 15px; top:0; left: 0;}
.white-table__body {margin-bottom: 0px; padding: 25px 10px; font-size: 14px; color: black; }

table.white-table__body {padding: 0;}
table.white-table__bold-td td {font-weight: bold;}
table.white-table__body .white-table__column-names + tr td {border-top: none !important;}
.white-table__pagination {padding-left: 0; list-style-type: none; margin: 0;}
.white-table__footer {margin-bottom: 20px; padding: 20px 15px;  border-top: 1px dashed #c0c0c0; text-align: right;}
.white-table__pagination > li {display: inline-block; border-radius: 3px; transition: 0.4s;}
.white-table__pagination > li > a {display: block; min-width: 20px; height: 20px; padding: 0 2px; line-height: 20px; border-radius: 3px; border: 1px solid #c8c8c8; text-align: center; font-size: 12px; color: #c8c8c8;}
.white-table__pagination > li:hover, .white-table__pagination > li.active {background-color: #3f3f3f; color: #fff;}
.white-table__blue-text, .white-table__download {color: #51a7dd;}
.white-table__download {display: block; padding-top: 3px; padding-bottom: 3px; background: url('/images/components/table/file.png') 0 center no-repeat;}
.white-table__text-width-300 {max-width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/* fot mutidatepicker */
table.ui-datepicker-calendar {border-collapse: separate;}
.ui-datepicker-calendar td {border: 1px solid transparent;}
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
    background: #51A7DD none; /* a color that fits the widget theme */
    color: white; /* a color that is readeable with the color above */
}

/* file upload button */
.upload-browse {position: relative; overflow: hidden; display: inline; padding-bottom: 3px;}
.upload-browse span {cursor: pointer; display: inline-block; line-height: 27px; padding: 0 10px; color: #fff; font-size: 15px; font-weight: bold; border-radius: 4px;background: none;}
.upload-browse input {position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); width: 100%!important;}
.upload-filename {}
.upload-btn { cursor: pointer;  display: inline-block; margin: 0 10px; }


.faq__title {margin: 30px 0 15px; font-size: 20px; font-weight: bold; color: #000;}
.faq__content {margin: 15px 0; font-size: 13px; color: #000;}
.faq__content-link {color: #7266ba; text-decoration: underline !important; font-weight: bold;}


.ui-dialog-titlebar-close {background: url("/images/other/x.png") no-repeat center;}


.default-circle {padding: 5px 10px; border-radius: 13px; color: #fff; background: #f64341; font-size: 11px; font-weight: bold;    float: right;
    margin-top: 13px;
    margin-right: 5px;}
.default-circle-orange {background-color: #f67942;}
.default-circle-small {padding: 2px 7px;}

.dashboard-table {width: 100%; font-size: 15px; color: #48565f;}
.dashboard-table__grey-row td {height: 52px; background: #f3f3f3;}
.dashboard-table__white-row td {height: 10px;}
.dashboard-table__color-box {height: 52px; width: 7px;}
.dashboard-table__green {background: #48cfad;}
.dashboard-table__yellow {background: #f6bb42;}
.dashboard-table__orange {background: #f67942;}
.dashboard-table__red {background: #f64242;}
.dashboard-table__grey-row td:first-child div {border-radius: 4px 0 0 4px;}
.dashboard-table__small-text {color: #80939e; font-size: 11px;}
.dashboard-income {height: 75px; line-height: 75px; background: #48cfad; font-size: 30px; color: #fff; text-align: center;}
.dashboard-expense {height: 75px; line-height: 75px; background: #f64341; font-size: 30px; color: #fff; text-align: center;}

/* xs */
@media (max-width: 767px) {
    .dashboard-income {font-size: 15px;}
    .dashboard-expense {font-size: 15px;}
}

/* md */
@media (min-width: 992px){
    .no-md-padding{padding: 0px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .dashboard-income {font-size: 26px;}
    .dashboard-expense {font-size: 26px;}

}

@media (max-width: 1200px) {
    .padding-custom-md{
        padding-left: 10px!important;
    }
    .padding-right-custom-md{
        padding-right: 10px!important;
    }
    .buildings-wrap{height: 185px!important}
    .contacts-wrap{height: 210px!important}
    .total-build{
        left: 22.7%!important;
    }
    .total-units{
        left: 14%!important;
    }
    .children-height{height: auto!important}

}
@media (max-width: 992px) {
    .contacts-wrap{height: 230px!important}
    .buildings-wrap{height: 195px!important}
    .children-height{height: auto!important}
}

@media (max-width: 767px) {
    .buildings-wrap{
        height: 100px!important;
    }
}

.bars-container {position: relative; height: 138px;}
.bars {position: absolute; bottom: 0; width: 100%; border-radius: 4px 4px 0 0;}
.bars-hover:hover {display: block; background: #e8e8e8; transition: 0.3s;}
.bars-main-container .diagram > div:nth-child(1) .bars {background: #49b050;}
.bars-main-container .diagram > div:nth-child(2) .bars {background: #f8981d;}
.bars-main-container .diagram > div:nth-child(3) .bars {background: #ef4438;}
.bars-main-container .diagram > div:nth-child(4) .bars {background: #f64341;}

.bars-amount {font-size: 17px; color: #48565f; font-weight: 400; text-align: center; line-height: 40px;}
.bars-invoice-count {margin-bottom: 10px; font-size: 11px; color: #48565f; text-align: center;}
.bars-under-text {margin-top: 4px; font-size: 16px; color: #8f8f8f; font-weight: 400; text-align: center;}

.activity__light-text {color: #80939e;}
.activity__dark-text {font-weight: bold; color: #48565f;}

.dashboard__lease-container + .dashboard__lease-container {margin-top: 12px;}

.simple-template__logo {margin: 150px auto 0;}
.simple-template__input {width: 100%; height: 44px; line-height: 44px; padding: 0 16px; border: 1px solid #dbdbdb; font-size: 14px; color: #727272;}
.simple-template__input + .simple-template__input {border-top: none;}
.simple-template__input-round-top {border-radius: 5px 5px 0 0;}
.simple-template__input-round-bottom {border-radius: 0 0 5px 5px;}


.unit-page__photo-container {position: relative; border: 1px dotted grey; border-radius: 5px;}
.unit-page__photo-delete {position: absolute; top: 0; right: 0; color: red; font-size: 20px;}

.default-breadcrumb { font-size: 12px; color: #878787; font-weight: 300; 
    padding: 0;
    border-bottom: 0px solid #ccc;
    margin: -10px 0 10px 0;
    text-align: right;
}
.default-breadcrumb a {color: #878787;}
.default-breadcrumb a:hover {text-decoration: underline;}

.default-header {margin: 2px 0 13px; font-size: 30px; color: #48565f; font-weight: 300;}

.hover-overlay-70:hover {opacity: 0.7;}
.transition-04 {transition: 0.1s;}
.buildingHdr {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.search-input {height: 32px; width: 250px; padding: 0 10px 0 33px; border: 1px solid #c8c8c8; border-radius: 5px; font-size: 12px; color: #48565f; background: url('images/magnifying-glass.png') left 8px center no-repeat #FFF; background-size: 20px;}

.bottom-line {margin-top: 20px; margin-bottom: 20px; border-top: 1px solid #dbdbdb;}

.tooltip-width-500 + .tooltip .tooltip-inner {max-width: 500px; padding: 15px; font-size: 15px; background-color: #353738; text-align: left;}
.tooltip-width-500 + .tooltip.in {opacity: 1; filter: alpha(opacity=100);}

.icon__tenant {padding: 1px 0 1px 30px; background: url('../images/pages/contacts/tenant.png') 0 center no-repeat; font-weight: bold;}
.icon__plumber {padding: 1px 0 1px 30px; background: url('../images/pages/contacts/plumber.png') 0 center no-repeat; font-weight: bold;}
.icon__contractor {padding: 1px 0 1px 30px; background: url('../images/pages/contacts/contractor.png') 0 center no-repeat; font-weight: bold;}
.icon__janitor {padding: 1px 0 1px 30px; background: url('../images/pages/contacts/janitor.png') 0 center no-repeat; font-weight: bold;}
.icon__landlord {padding: 1px 0 1px 30px; background: url('../images/pages/contacts/landlord.png') 0 center no-repeat; font-weight: bold;}
.icon__owner {padding: 1px 0 1px 30px; background: url('../images/pages/contacts/landlord.png') 0 center no-repeat; font-weight: bold;}
.icon__admin {padding: 1px 0 1px 30px; background: url('../images/pages/contacts/landlord.png') 0 center no-repeat; font-weight: bold;}
.icon__supplier {padding: 1px 0 1px 30px; background: url('../images/pages/contacts/supplier.png') 0 center no-repeat; font-weight: bold;}
.icon__user {font-weight: bold;}

.btn-landlord{background: #48cfad; color: #fff;}
.btn-tenant{background: #50a6dd; color: #fff;}
.btn-janitor{background: #47565f; color: #fff;}
.btn-supplier{background: #f67941; color: #fff;}
.btn-owner{background: #48cfad; color: #fff;}
.btn-admin{background: #48cfad; color: #fff;}
.btn-hidden{background: #6075ef; color: #fff;}

.btn-landlord span{margin-right: -6px;}
.btn-tenant span{margin-right: -6px;}
.btn-janitor span{margin-right: -6px;}
.btn-supplier span{margin-right: -6px;}
.btn-owner span{margin-right: -6px;}
.btn-admin span{margin-right: -6px;}

.contact-filter:hover{
    color: #fff;
    background: #a9adac;
}
.contact-filter.checked{
    color: #fff;
    background: #a9adac;
}
.d-none{
    display: none;
}

.mobile-third-menu {background-color: #319ddc; margin-top: -40px; padding: 10px;}
.mobile-third-menu li {display: inline-block; margin-right: 10px; list-style: none;}
.mobile-third-menu li a {color: #fff;}
.mobile-third-menu li.active {border-bottom: 2px solid #fff;}
.mobile-third-menu li.active a {color: #fff;}


/* Thank you page */
.thank-you-page {
    text-align: center;
}

@media (min-width: 768px) {
    .thank-you-page {
        text-align: center;
        padding: 13% 0;
    }
}

@media (max-width: 767px) {
    .thank-you-page {
        padding: 20vh 0;
    }
}

.thank-you-page h1,
.thank-you-page h2,
.thank-you-page a {
    font-family: 'Open Sans', sans-serif;
}

.thank-you-page a {
    display: inline-block;
    line-height: 50px;
}
.thank-you-page a:hover {
    text-decoration: none;
}

#containerDropBox {
    margin-top: 10px;
}

.attachedFiles {
    margin-top: 20px;
}

.removeNewFile {
    margin-left: 5px;
    cursor: pointer;
}

#dropbox-uploader {
    height: 44px;
    cursor: pointer;
}

.d-inline {
    display: inline-block;
    margin-bottom: 20px;
}

.file_link {
    margin: 0 3px;
}

.file_image {
    margin-top: -2px;
}
.domain-settings-wrap{
    padding: 5px 0px;
    border-top: 5px #e8e8e8 solid;
    background: #fff;
}
.settings-header{
    height: 59px;
    padding: 0 11px;
    line-height: 53px;
    font-size: 15px;
    color: #48565f;
    background-color: #fff;
    border-bottom: 1px #e8e8e8 solid;
    font-weight: normal;
    text-align: left;
    margin-bottom: 15px;
}
.text-aligin-right{
    text-align: right;
}
.form-label{
    font-size: 15px;
    color: #48565f;
}
.form-input input{
    width: 150px;
    border-radius: 5px;
    outline: none;
    padding-left: 10px;
    border: 1px solid #c5c5c5;
    line-height: 23px;
    margin-top: -3px;
}
.dots{
    width: 100%;
    height: 37px;
    background: #f1f1f1;
    border-radius: 5px;
    font-size: 15px;
    line-height: 29px;
    padding: 4px 4px 4px 10px;
    color: #808080;
}
.dots i{
    color: #dcd8d8;
    font-size: 9px;
}
.domain-value{
    width: calc(100% - 46px);
    float: right;
    background: #fff;
    border-radius: 5px;
    padding-left: 10px;
    margin-left: 8px;

}
.domain-value span{
    color: #000000;
}
.image-logo-wrap{
    width: 100px;
    height: 80px;
    border-radius: 5px;
    background: #a9b2b8;
    margin-bottom: 15px;
    border: 1px solid #a9b2b8;
    float: left;
    margin-right: 8px;
}
#dropbox-uploader_banner {
    height: 53px;
    cursor: pointer;
}
.color{
    float: left;
    margin-right: 10px;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    cursor: pointer;
}
.color.checked::before{
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 17px;
    display: block;
    width: 100%;
    height: 25px;
    text-align: center;
    line-height: 24px;
    color: #fff;
}
.subtext{
    font-size: 13px;
    color: #676767;
    display: block;
}
.color-piker{
    width: 50px;
    height: 50px;
}
.form-input input.color-input{
    padding-left: 0px;
    cursor: pointer;
}
.buildings-wrap .title{
    font-size: 15px;
    color: #48565f;
    margin-bottom: 10px;
    font-weight: bold;
}
.add-email{
    float: left;
    margin: 0;
}
.apoint-emails{
    margin-bottom: 8px;
}
.emails-list-wrap i{
    color: #c5c0c0;
    cursor: pointer;
}.emails-list-wrap i:hover{
    color: #5f5858;
    cursor: pointer;
}
 .prev-btn{
     float: left;
     margin: 0;
     margin-top: 5px;
 }
 .prev-btn a{
     text-decoration: none;
     color: #fff;
 }
 .emails-list-wrap input{
     width: calc(100% - 20px);
 }



/* Naborly */

/*.personalInformation,*/
.finalResultMessage,
.addressInformation,
.financialInformation
{
    display: none;
}

#cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display:none;
}

@-webkit-keyframes spin {
    from {-webkit-transform:rotate(0deg);}
    to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

#cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:black;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

 .naborlyForm .titleRow {
     color: #a6a6a6;
     text-align: center;
     font-size: 20px;
     margin-bottom: 5px;
     margin-top: 5px;
 }

.naborlyForm .white-table__header span {
    font-size: 13px;
    color: #a6a6a6;
 }

.naborlyForm .box-content {
    padding-top: 20px;
    padding-bottom: 0px;
    padding: 5px 14px;
 }

.naborlyForm .content > .row,
.naborlyForm .content
.subCondition .row {
    padding: 15px;
    border-bottom: 1px #e8e8e8 solid;
}

.subCondition .line .btnRemove,
.parrentFinancial .btnRemoveFinancial,
.line .btnRemoveHistory
{
    margin-right: 10px;
}

.subCondition .line:first-child .btnRemove,
.parrentFinancial:first-of-type .btnRemoveFinancial {
    display: none;
}

.addressButtonSection {
    padding-bottom: 10px;
}

.lineAddresses:first-child .btnRemoveHistory {
    display: none;
}

.naborlyForm .content > .row:last-child,
.naborlyForm .content  .subCondition .row:last-child,
.parrentFinancial .row:last-child,
.content > .row.last,
.content > .row.withoutBorder
{
    border: none;
    padding-bottom: 10px;
}

.naborlyForm .box-content {
    margin-bottom: 30px;
}

.naborlyForm label span{
    margin-bottom: 5px;
    margin-top: 5px;
    width: 100%;
}

.naborlyForm .document_preview {
    max-width: 100px;
}

.naborlyForm select {
    width: 100%;
}

.naborlyForm .lineTitle {
    color: #a6a6a6;
    font-weight: 600;
}

.naborlyForm .personalAlias,
.naborlyForm .subCondition,
.naborlyForm .relationshipTypeExplainOther,
.naborlyForm .errorPersonal,
.subCondition .row.cat,
.subCondition .row.dog,
.addressFamilyExplainInput,
.reasonForMovingExplainInput,
.rentLandlord,
.errorHistory,
.landlordPhone,
.positionFinancial,
.financeLocation,
.errorContainer,
.hiddenNaborly,
.currentJob .financialEndDate
{
    display: none;
}

.navigation ul {
    display: flex;
    justify-content: center;
    padding: 0px;
}

.navigation .navigationSteps {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 20%;
}

.navigation button {
    padding: 3px 0px 0px;
    min-width: unset;
    background: #fff;
    color: #1c2321;
    border: 2px solid #1c2321;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: bottom;
    position: relative;
}

.navigation .md-ink-container {
    border-radius: inherit;
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.navigation .navigationSubBtn {
    font-size: 20px;
    color: #1c2321;
}

.navigation .md-btn--icon {
    height: 40px;
    width: 40px;
    padding: 10px;
    border-radius: 50%;
}

.navigation .navigationDash {
    width: 100%;
    height: 2px;
    background: #1c2321;
    position: relative;
    top: -25%;
    right: 50%;
    bottom: 20px;
    z-index: -1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .2s cubic-bezier(1,-.02,1,.75);
    transition: all .2s cubic-bezier(1,-.02,1,.75);
}

.navigation .material-icons.md-icon {
    font-size: 20px;
    background: #fff;
    border-radius: 50%;
    color: rgba(0,0,0,0.54);
    font-size: 24px;
    text-align: center;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.navigation .md-icon {
    font-size: 19px;
}

.navigation .navigation__subBtn___tJe-m {
    font-size: 20px;
    color: #1c2321;
}

.navigation .md-btn {
    background: transparent;
    border: 0;
    position: relative;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: background, color;
    transition-property: background, color;
}


.navigation button.mainButton {
    background: #fff;
    color: #1c2321;
    border: 2px solid #1c2321;
}

.navigation button.mainButton:hover, .navigation button.mainButton:focus {
    cursor: pointer;
    outline:none;
}

.navigation button.mainButtonDisabled {
    background: #eaeaea;
    color: #a6a6a6;
    border: none;
}

.navigation .dashDisabled {
    background: #eaeaea;
}

/* finish Naborly */



























/*786*/
.dashWhbox {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
}
.dash_latest_actvity {
    margin-top: 20px;
}

.dla_hdr {display: flex;flex-direction: row;justify-content: space-between;align-items: center;flex-wrap: nowrap;}

.dla_hdr .white-table__header__filter {
    width: 106px;
}
.dashWhbox .dla_hdr .ms-parent {
    width: 100% !important;
}
.dashWhbox .ms-parent {
    background: transparent;
}
.dashWhbox button.ms-choice {
    background: rgb(121 135 161 / 10%);
}
.dash_lthe .fa {
    color: rgb(0 0 0 / 30%);
}
body .rents-summ {
    color: #51a7dd;
    font-weight: 600;
}
.leas_count_bx .float.active {
    border-bottom: 0px solid;
}

.leas_count_bx {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.leas_count_bx .float {
    padding: 0;
    margin: 0 20px 0 0;
}
.leas_count_bx .float:hover {
    background: #F1F3F5;
    border-bottom: 0px solid;
}
.leas_count_bx a {
    display: inline-block;
    vertical-align: middle;
    padding: 10px 20px;
    border: 2px solid rgb(121 135 161 / 10%);
    border-radius: 4px;
}

.leas_count_bx span.small-title {
    margin: 0;
}
.leas_count_bx .lease-count {
    line-height: 30px;
    margin: 10px 0 0 0;
    color: #51A7DD;
    font-weight: bold;
}
.ltheTxt {
    background: #f1f3f5;
    padding: 10px 12px;
    border-radius: 4px;
}
.activity__light-text.ltheTxt1 {
    font-size: 12px;
    font-style: italic;
    color: #7987A1;
    margin: 0 0 6px 0;
}
.activity__dark-text.ltheTxt2 {
    color: #000;
    font-size: 16px;
}
.ltheTxt3 span {
    color: #888888;
    font-size: 13px;
}
.dash_lthe .white-table__body {
    padding: 12px 10px;
}
.dash_latest_actvity table {
    width: 100%;
}
.laBtmLine {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 8px 0 0 0;
}

.laBtmLine span {
    color: #51A7DD;
}
.dash_latest_actvity table .activity__dark-text {
    color: #000;
    margin: 0 0 2px 0;
}
.dash_latest_actvity .white-table__body {
    padding: 15px 10px;
}
.la_btn_bar {
    text-align: center;
     margin: 15px 0 0 0;
}
.blueBtn {
    display: inline-block;
    vertical-align: middle;
    padding: 10px 25px;
    border-radius: 20px;
    text-transform: capitalize;
    cursor: pointer;
}
.bldhdr02 .blueBtn:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    background: url('images/plus.png') center no-repeat;
    background-size: 14px;
    margin: 0 10px 0 0;
}
.bldhdr02 .blueBtn:hover {
    text-decoration: unset;
}
.building_box_set {
    background: #fff;
    margin-bottom: 20px;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
}
.blueBtn2 {
    display: inline-block;
    vertical-align: middle;
    padding: 6px 15px;
    border-radius: 20px;
    text-transform: capitalize;
    cursor: pointer;
}
.blueBtn2:hover {
    text-decoration: unset;
}

.building_box_set_hdr aside {
    font-size: 14px;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
}
.building_box_set_hdr {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    border-bottom: 1px #e8e8e8 solid;
}
.bbsCarosol .carousel {
    padding: 11px 35px;
     border-top: 1px solid #e8e8e8;
}

.building_box_set_date {
    display: flex;
    line-height: 14px;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 4px;
}
.bbsCarosol .carousel-control:focus,
.bbsCarosol .carousel-control {
    display: flex;
    margin: 0;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
        font-size: 18px;
}
.bbsCarosol .white-table__text-width-90 {
    margin: 0 0 2px 0;
}
.building_box_set_ovrvbtn {
    padding: 15px;
    border-top: 1px solid #e8e8e8;
}
.building_box_set_ovrvbtn .overview-btn {
    text-align: center;
    padding: 3px 15px;
    height: auto;
    border-radius: 20px;
}
.building_box_set_ovrvbtn .overview-btn:hover {
    background-color: #5c7595;
}
.fin_sum_hdr {
    width: 100%;
}
.fin_sum_hdr .fin_sum_hmenu > ul > li > a {
    color: #3d3939;
    font-weight: 500;
    font-size: 14px;
}
.fin_sum_hdr .fin_sum_hmenu > ul > li.active > a {
    color: #000;
}
.fin_sum_hdr .fin_sum_hmenu > ul > li > a:hover {
        color: #51a7dd;
}
.fin_sum_hmenu {
    height: auto;
    margin: 20px 0 0 0;
    font-size: unset;
}
.fin_sum_hmenu .default-circle {
    position: relative;
    bottom: 100%;
    vertical-align: middle;
    float: none;
    margin: 0 0 00 2px;
}
.fin_sum_hdr {
    padding: 15px 0 0 0;
}
.fin_sum_hmenu ul {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.fin_sum_hmenu ul li {
    float: none;
    display: inline-block;
    vertical-align: middle;
}
.fin_sum_hmenu ul > li:before {
    background-color: #51a7dd;
}
.default-header {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    color: #000;
}
.pdf_exp_btn {
    vertical-align: middle;
    padding: 5px 18px 5px 16px;
    border-radius: 20px;
    text-transform: capitalize;
    cursor: pointer;
    border: 2px solid #51a7dd !important;
    font-size: 12px;
    font-weight: 500;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    cursor: pointer;
    margin: 8px 0 0 0;
}

.pdf_exp_btn span {
    padding: 1px 0 0 0;
    line-height: 20px;
}
.pdf_exp_btn:hover {
    background: #fff !important;
}
.finChartBx {
    margin: 10px 10px;
    border: 1px solid #ddd;
    border-top: 0;
}
.tableReset {
    padding: 5px 15px;
}
.tableReset .table>thead>tr>th {
    border: 0 !important;
}
.tableReset table.white-table__body td {
    border-top: 1px solid #ddd !important;
}
.tableReset .white-table__column-names th+th:after {
    border-left: 0;
}
.tableReset .table>thead>tr>th {
    color: #0C1427;
    font-size: 12px;
    font-weight: 500 !important;
    text-transform: uppercase;
    padding: 15px !important;
}
.tableReset .table>tbody>tr>td {
    padding: 10px 15px !important;
    vertical-align: middle;
}
.tableReset .table>tbody>tr:nth-child(odd)>td {
    background: #F1F3F5;
}
.white-table__pagination > li > a:hover {
    text-decoration: unset;
}

.unitPagearea .btn-blue,
.bluebtnheader {
    display: block;
    text-transform: uppercase;
    font-weight: bold !important;
    margin: 10px 0 0 0;
    padding: 5px 20px;
    border-radius: 20px;
}
.ltPagearea .no-data .btn {border-radius: 20px; padding: 8px 25px;}
.bnteArea .tableReset,
.notePageArea .tableReset {
    padding: 5px 15px 15px;
}
.bnteArea .tableReset .table>tbody>tr:nth-child(odd)>td,
.notePageArea .tableReset .table>tbody>tr:nth-child(odd)>td {
    border-bottom: 1px solid #e3e3e3 !important;
}

.unitPagearea .tableReset {
    padding: 0px;
}
.unitPagearea table {
    margin: 0;
}
.unitPagearea .white-table__body {
    padding: 5px 10px 20px;
}
.fa-trash-alt,
.tableReset .fa-trash-alt,
.tableReset .fa-times-circle {
    color: #f64341;
}
.fa-pencil-square-o,
.tableReset .fa-pencil-alt {
    color: #51a7dd;
}
.tableReset .fa-eye {
    color: #15d115;
}
.bnteArea b.pointer.js-title {
    color: #51A7DD;
}

.btn {
    padding: 5px 20px;
    border-radius: 20px;
    text-transform: uppercase;
    font-weight: 500;
}
.inputSet .form-control {min-height: 40px;margin: 5px 0 12px 0;}

.box-input, .chosen-single {
    height: 40px;
    border-radius: 4px;
    line-height: 40px;
    margin: 5px 0 2px 0;
}
body .chosen-container-single .chosen-single div b {
    background-position: 0 9px;
}
.photosBx {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
}

.saveBtnBx {
    background: #f5f5f5;
    padding: 20px 15px;
    text-align: right;
}

.unit-action-edit.saveBtnBx a.unit-save {
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    color: #51a7dd;
    padding: 8px 20px;
    background: #fff;
    border-radius: 4px;
    border: 2px solid;
}

.unit-action-edit.saveBtnBx a.unit-save:after {
    content: "SAVE";
    margin: 0 0 0 8px;
}
.box-x {
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    text-align: center;
    border-radius: 50%;
    background: #fff0f0;
    line-height: 28px;
    color: #de4747;
}

.adUnitHreset .box-title {
    margin-top: 0;
    font-weight: bold;
}
.formSet2 .box-input__title,
.editNotePage .box-input__title {
    font-size: 14px;
    text-transform: capitalize;
    color: #413c3c;
    line-height: 20px;
    margin: 0;
}
.formSet2 .box-input, 
.editNotePage .box-input {
    margin: 5px 0 12px 0;
}

/* --------------------------------------------- */
.cssmenu2 ul.dropdown-menu {
    display: none;
    float: none;
    box-shadow: unset;
    border-radius: 0;
    background: #ffffff00;
}

.cssmenu2 .open>ul.dropdown-menu {
    display: block;
}

ul.dropdown-menu>li>a {
    display: inline-block;
    vertical-align: middle;
    padding: 15px 10px 15px 58px;
    width: 100%;
    color: #fff;
    font-size: 12px;
}

ul.dropdown-menu>li {
    border-top: 1px solid rgb(0 0 0 / 10%);
}

.cssmenu2 > ul > li.open {
    background: #ffffff24;
}
ul.dropdown-menu>li>a:hover {
    background-color: hsl(0deg 0% 100% / 19%);
    color: #000;
}




.default-header {float: left;}
.default-breadcrumb {
    float: right;
    margin: 0;
    padding: 4px 0 0 0;
}
.default-header+div,
.overview.row.gutter-20 {
    clear: both;
}


.white-table__header>.btn {
    margin: 0 0 0 10px;
}
.white-table__header>.btn.pull-right {
    margin: 10px 0 0 0;
}


.cssmenu2 > ul > li.dropdown .dropdown-toggle {
    position: absolute;
    right: 0;
    top: 0;
    height: 48px;
    width: 48px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    background: hsl(0deg 0% 100% / 10%);
}


.smallProfSet aside {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #c9e9ff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    font-size: 40px;
    font-weight: 500;
    color: hsl(0deg 0% 0% / 26%);
}

.smallProfSet {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 10px;
    font-size: 16px;
    font-weight: bold;
    padding: 20px;
}
.rqdtlBx {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    padding: 0 0 14px 0;
}

.rqdtlBx .col-sm-6 {
    margin: 14px 0 0;
}
.fileDataSet {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    flex: 4px;
}

.fileDataSet span.white-table__download {
    width: 20px;
    height: 20px;
    background-size: 16px;
    background-position: center;
}
a.rqEdt {
    float: right;
    text-transform: none;
    padding: 6px 12px;
    line-height: 16px;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid #e8e8e8;
    margin: 10px 0 0 0;
    text-decoration: unset;
}
.rqdName {
    padding: 20px 0 0 0;
    font-weight: bold;
    font-size: 15px;
}

.rqdItem {
    width: 25%;
    margin: 15px 0 0 0;
}

.rqdItem strong {
    font-size: 12px;
    font-weight: normal;
    color: #717171;
}

.rqdItem aside {
    color: #000;
    font-weight: 500;
    font-size: 13px;
}


.rqdataBx .tab-content {
    padding: 15px;
}
.rqdataBx .nav-tabs>li {
    margin-bottom: 0;
}
.rqdataBx .nav-tabs>li.active>a {
    border: 0px solid transparent;
    position: relative;
    color: #000;
}
.rqdataBx .nav-tabs>li.active>a:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #51a7dd;
    content: "";
}
.rqdataBx .nav-tabs>li>a {
    border: 0;
    font-weight: 500;
}

.rqdataBx .nav-tabs>li.active>a, .rqdataBx .nav-tabs>li.active>a:focus, .rqdataBx .nav-tabs>li.active>a:hover {
    border: 0;
}

.rpfbox01 { position: relative; z-index: 2; }
.dashWhbox button.ms-choice {
    min-height: 40px;
    background: #fff;
    border: 1px solid #c5c5c5;
}
.dashWhbox button.ms-choice>div {
    min-height: 40px;
    background-position: left 6px;
}

.dashWhbox .white-table__header button.ms-choice {
    min-height: 30px;
}
.dashWhbox .white-table__header button.ms-choice>div {
    min-height: 30px;
    background-position: left 2px;
}