body { /*background: #e1e5ec url("../img/bg-tile.png") repeat-x scroll center top;*/ background: #fff; color: #666; box-sizing:border-box}
.table { margin-bottom: 0px; }
a { /*border-bottom: 1px dashed #0088cc;

text-decoration: none;*/

}
a:hover { text-decoration: none; }
h1,  h2,  h3,  h4,  h5,  h6 { font-family: 'Arial', Verdana, Helvetica, sans-serif; font-weight: 400; margin-top: 0; }
.container-main { margin-top: 115px; }
.content { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); background: #fff; border-top: 5px solid #cac9d8; /*margin-top:-53px;*/

}

.navbar { top: 0px; z-index: 999; width: 100%; position: fixed; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); background: #3b2f63; background-image: radial-gradient(at 0 bottom, rgba(118, 72, 160, 0.7) 0%, rgba(118, 72, 160, 0) 60%), radial-gradient(at 90% bottom, #523f8c 0%, rgba(82, 63, 140, 0) 40%), radial-gradient(at 50% top, rgba(84, 90, 182, 0.6) 0%, rgba(84, 90, 182, 0) 75%), radial-gradient(at right top, #794aa2 0%, rgba(121, 74, 162, 0) 57%); height: 90px; border-bottom: 0px; }
.navbar-header { }
.navbar-brand { }
.navbar-brand { margin-top: 7px; padding-left: 20px; }
.navbar .navbar-nav li a { color: #e2c9f1; padding-bottom: 31px; padding-top: 35px; background-repeat: no-repeat; border: 0px; background-position: bottom left; padding-left: 35px; padding-right: 15px; font-size: 15px; margin-left: 3px; line-height: 24px;}
/*.navbar .navbar-nav li a {color: #e2c9f1; padding-bottom: 31px; padding-top: 35px; background-repeat: no-repeat; border: 0px; background-position: bottom left;     padding-left: 30px; font-size: 11px; margin-left: 0; line-height: 24px; padding-right: 0;}*/
.navbar .bckend  .navbar-nav li a {font-size: 11px;  padding-left: 31px; padding-right: 0; margin-left: 0;  }
.navbar .navbar-nav li a:hover { background-position: top left; background-color: transparent; }
.navbar .navbar-nav li a.active { background-position: top left; color: #fff; }
.navbar-center { text-align: center !important; }
.nav-dashboard { background-image: url(../img/nav-dashboard.png); }
.nav-reports { background-image: url(../img/nav-reports.png); } 
.nav-assets { background-image: url(../img/nav-assets.png); }
.nav-scheduler { background-image: url(../img/nav-scheduler.png); }
.nav-contacts { background-image: url(../img/nav-contacts.png); }
.nav-library { background-image: url(../img/nav-library.png); }
.navbar .navbar-nav li a:hover { color: #fff; }
.navbar .navbar-collapse { background-color: transparent; }
.navbar .navbar-nav > .open > a,  .navbar .navbar-nav > .open > a:hover,  .navbar .navbar-nav > .open > a:focus { background-color: #4d387c; }
.navbar .navbar-nav .dropdown-toggle { padding-top: 26px !important; padding-left: 15px !important; }
.nav-pills > li > a { background-color: #fff; border: solid 1px #cac9d8; }
.nav-pills > li > a:hover { background-color: #edecf4; border: solid 1px #dadada; }
.dropdown a { /*padding-bottom: 23px !important;*/



}
.dropdown-menu > li > a { padding: 7px !important; color: #4d387c !important; }
img.avatar { border-radius: 100px; }
.top-area { height: 145px; padding-top: 40px; border-bottom: 10px solid #FFFFFF; font-size: 15px; margin-top: 60px; }
.top-area-tabs { margin-top: 0px; margin-bottom: 0px; border-bottom: none; font-size: 24px; }
.top-area-tabs ul { margin-bottom: 0px; text-align: center !important; float: none; }
.top-area-tabs li a { color: #fff; background-color: #005086; border-color: #005086; margin-right: 5px; margin-left: 5px; }
.top-area-tabs li a:hover { color: #fff; background-color: #004579; border-color: #004579; }
.top-area-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #444; }
.top-area-tall { height: 388px; padding-top: 40px; border-bottom: none; font-size: 15px; margin-top: 60px; }
.top-area-tall-tabs { margin-top: 0px; border-bottom: none; }
.top-area-tall-tabs ul { }
.top-area-tall-tabs li a { background-color: #fff; border-color: #dadada; margin-right: 0px; margin-left: 7px; }
.top-area-tall-tabs li a:hover {
color:; background-color: #edecf4; border-color: #dadada; }
.top-area-tall-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background-color: #cac9d8; color: #fff; border-color: #cac9d8; }
.top-area .portlet { border: 1px solid #015595; border-radius: 7px; }
.top-area .portlet .portlet-header { background-color: #015595; color: #fff; }
.top-area .portlet h3 { color: #fff; }
.top-area .portlet h3 i { color: #fff; }
.top-nav-area { height: 308px; /*color:#fff;*/

padding-top: 40px; margin-top: 60px; }
.top-nav-area-tabs { margin-top: 0px; margin-bottom: 0px; border-bottom: none; font-size: 24px; }
.top-nav-area-tabs ul { margin-bottom: 0px; text-align: center !important; float: none; }
.top-nav-area-tabs li a {
color:; background-color: #fff; border-color: #dadada; margin-right: 5px; margin-left: 5px; }
.top-nav-area-tabs li a:hover {
color:; background-color: #edecf4; border-color: #dadada; }
.top-nav-area-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background-color: #cac9d8; color: #444; border-color: #cac9d8; }
.tall { min-height: 501px; }
.box-info { height: 156px; }
.box-blue { background-color: #edecf4; /*border:solid 1px #c7ccd5;*/

padding: 24px 0 20px 0; border-radius: 10px; }
.box-blue h4 { margin: 0px; }
.box-blue hr { border-color: #015595; }
.thumnnail { margin-bottom: 0px; }
.modal-dialog { margin-top: 100px; }
.modal-dialog.wide-modal { width: 940px; }
.row-stat { background-color: #fff; color: #000; }
.center { text-align: center; }
.heading-top { line-height: 31px; padding-bottom: 8px; margin-bottom: 15px;/*border-bottom: 1px dotted #CCC;*/

}
.heading { line-height: 31px; padding-bottom: 8px; margin-bottom: 0px; border-bottom: 1px dotted #CCC; }
.modal-header { }
.modal-title { line-height: 1; }
.modal-footer { padding: 10px; }
.list-gap { display: inline-block; width: 84px; }
.list-gap-small { display: inline-block; width: 50px; }
.list-gap-lg { display: inline-block; width: 130px; }
.list-gap-xl { display: inline-block; width: 160px; }
.scrollable-panel { height: 90px; }
.scrollable-panel-lg { height: 450px; }
.panel-list-avatar.xs { width: 25px; height: 25px; }
.panel-list-content.xs { margin-left: 35px; }
.panel-lists.xs { margin-bottom: 0; }
.panel-lists.xs li { padding: 10px 15px; }
.portlet { background-color: #fff; }
.portlet-content.xs { padding: 0 15px; color: #555555; }
.text-small { font-size: 10px; }
.portlet { }
.portlet-footer { background-color: #F3F3F3; border-top: 1px solid #D5D5D5; }
.btn-top { margin-top: -5px; }
.btn-xl,  .btn-group-xl > .btn { padding-top: 36px; padding-bottom: 36px; width: 100%; font-size: 18px; line-height: 1.33; border-radius: 4px; }
.dropdown-menu.dropdown-menu-settings { min-width: 185px !important; overflow: hidden !important; position: fixed !important; right: 300px !important; top: 60px !important; z-index: 999999999 !important; }
.p-l { padding-left: 10px; }
.p-l-sm { padding-left: 5px; }
.p-l-md { padding-left: 20px; }
.p-l-lg { padding-left: 40px; }
.p-t-sm { padding-top: 5px; }
.p-t { padding-top: 10px; }
.p-t-lg { padding-top: 40px; }
.p-t-md { padding-top: 20px; }
.p-b-sm { padding-bottom: 5px; }
.p-b { padding-bottom: 10px; }
.p-b-md { padding-bottom: 20px; }
.p-b-lg { padding-bottom: 40px; }
.p-r { padding-right: 10px; }
.p-r-sm { padding-right: 5px; }
.p-r-md { padding-right: 20px; }
.p-r-lg { padding-right: 40px; }
.p-none { padding: 0px; }
.m-t-8 { margin-top: 8px; }
.m-t-10 { margin-top: 10px; }
.m-t-20 { margin-top: 20px; }
.m-t-25 { margin-top: 25px; }
.m-t-30 { margin-top: 100px; }
.m-t-40 { margin-top: 40px; }
.m-t-60 { margin-top: 60px; }
.m-t-100 { margin-top: 100px; }
.m-t-sm { margin-top: 3px; }
.m-t { margin-top: 10px; }
.m-t-lg { margin-top: 20px; }
.m-l-sm { margin-left: 3px; }
.m-l { margin-left: 10px; }
.m-l-md { margin-left: 20px; }
.m-r-sm { margin-right: 3px; }
.m-r { margin-right: 10px; }
.m-r-10 { margin-right: 10px; }
.m-r-md { margin-right: 20px; }
.m-t-md { margin-top: 20px; }
.m-b-sm { margin-bottom: 3px; }
.m-b { margin-bottom: 10px; }
.m-b-15 { margin-bottom: 15px; }
.m-b-20 { margin-bottom: 20px; }
.m-b-md { margin-bottom: 20px; }
.m-b-lg { margin-bottom: 40px; }
.m-b-none { margin-bottom: 0px; }
.m-none { margin: 0px; }
.b-t { border-top: solid 1px #d5d5d5; }
.b-b { border-bottom: solid 1px #d5d5d5; }
.b-l { border-left: solid 1px #d5d5d5; }
.b-r { border-right: solid 1px #d5d5d5; }
.pull-in { margin-left: -15px; margin-right: -15px; }
.line-dashed { background: none repeat scroll 0 0 transparent; border-style: dashed !important; }
.line-lg { margin-bottom: 15px; margin-top: 15px; }
.line { background-color: transparent; border-top: 1px solid #eaedef; border-width: 1px 0 0; font-size: 0; height: 2px; margin: 10px 0; overflow: hidden; }
/*THIS IS LANDING PAGE CSS ELEMENTS*/

body { font: 400 14px/1.6 'Arial', Verdana, Helvetica, sans-serif; }
.logo-landing { margin-top: 50px; }
.container-fluid.intro { background: url("../img/bg-intro.jpg") no-repeat scroll center top #fff; padding: 80px 0 80px 0; color: #fff; }
.container-fluid.intro h1 { color: #fff; font-size: 27px; font-weight: 600; line-height: 30px; letter-spacing: 1px; }
.container-fluid.intro h2 { color: #ffea00; font-size: 32px; font-weight: 600; line-height: 35px; letter-spacing: 1px; }
.container-fluid.intro p { color: #fff; font-size: 17px; font-weight: 100; line-height: 20px; letter-spacing: 1px; }
.container-fluid.one { background: #fff; padding: 40px 0 40px 0; }
.container-fluid.two { background: #eaeaea; padding: 40px 0 40px 0; }
.account-wrapper { padding: 30px 0; width: 450px; margin: 0 auto; padding: 15px 0; position: relative; text-align: center; width: 90%; color: #000; }
.white { color: #fff; }
.white a { color: #fff; text-decoration: underline; }
.account-body { background-color: #fff; border: 1px solid #ddd; border-radius: 4px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.125); margin-bottom: 1em; padding: 35px 30px 10px; position: relative; }
.account-body .account-form { /*padding: 0 25px;*/

text-align: left; }
.account-form { margin-bottom: 2em; margin-top: 1em; }
.form-group { position: relative; }
.account-body .account-form { text-align: left; }
.btn-primary { background-color: #e74c3c; border-color: #df2e1b; color: #ffffff; }
.btn-primary { color: #ffffff; }
.account-or-social { margin-top: 2em; }
.account-or-social { display: block; }
.text-muted { color: #999999; }
a { color: #4fa9e7; }
.text-warning { color: #ffc600; }
.text-info { color: #4fa9e7; }
.text-danger { color: #ff3c3c; }
.text-primary { color: #ff3c3c; }
.text-success { color: #82b719; }
.icon-status { left: 0; position: absolute; top: 0; width: 65px; z-index: 10; }
.fc-event { }
.fc-event.fc-red, .external-event.fc-red { background-color: #d9534f; border-color: #d43f3a; }
.fc-event.fc-yellow, .external-event.fc-yellow { background-color: #eea236; border-color: #eea236; }
.fc-event.fc-green, .external-event.fc-green { background-color: #4cae4c; border-color: #4cae4c; }
.fc-event.fc-charcoal, .external-event.fc-charcoal { background-color: #444; border-color: #444; }
.fc-event.fc-grey, .external-event.fc-grey { background-color: #bbbbbb; border-color: #bbbbbb; }
.external-event { text-align: left; width: 100%; }
/**********  TABS  ***********/



.landing-image-area { border: 0px; }
.landing-image-area-tabs { border: 0px; text-align: center; padding-left: 0px; margin-bottom: 0px; }
.landing-image-area-tabs ul { border: 0px; }
.landing-image-area-tabs li { float: none; display: inline-block; *display:inline; /* ie7 fix */
border: 0px; }
.landing-image-area-tabs li a { margin-right: 0px; margin-left: 4px; padding: 0px; background-repeat: no-repeat; border: 0px; background-position: bottom; width: 170px; height: 110px; text-indent: -99999px; display: block; }
.landing-image-area-tabs li a:hover { margin-right: 0px; margin-left: 4px; padding: 0px; border: 0px; background-position: top; }
.landing-image-area-tabs > li.active > a, .nav-tabs > li.active > .nav-tabs > li.active > a:focus { margin-right: 0px; margin-left: 4px; padding: 0px; border: 0px; background-position: top; }
.landing-tab-bg-one { background-image: url(../img/website/tab-01.png); }
.landing-tab-bg-two { background-image: url(../img/website/tab-02.png); }
.landing-tab-bg-three { background-image: url(../img/website/tab-03.png); }
.landing-tab-bg-four { background-image: url(../img/website/tab-04.png); }
.landing-tab-bg-five { background-image: url(../img/website/tab-05.png); }
.landing-tab-bg-six { background-image: url(../img/website/tab-06.png); }
 @media (max-width: 767px) {
.landing-image-area { border: 0px; }
.landing-image-area-tabs { border: 0px; text-align: center; padding-left: 0px; }
.landing-image-area-tabs ul { border: 0px; }
.landing-image-area-tabs li { float: none; display: inline-block; *display:inline; /* ie7 fix */
border: 0px; }
.landing-image-area-tabs li a { margin-right: 0px; margin-left: -8px; padding: 0px; border: 0px; background-position: bottom; width: 50px; height: 50px; text-indent: -99999px; display: block; }
.landing-image-area-tabs li a:hover { margin-right: 0px; margin-left: -8px; padding: 0px; border: 0px; background-position: top; }
.landing-image-area-tabs > li.active > a, .nav-tabs > li.active > .nav-tabs > li.active > a:focus { margin-right: 0px; margin-left: -8px; padding: 0px; border: 0px; background-position: top; }
.landing-tab-bg-one { background-image: url(../img/website/tab-small-01.png); }
.landing-tab-bg-two { background-image: url(../img/website/tab-small-02.png); }
.landing-tab-bg-three { background-image: url(../img/website/tab-small-03.png); }
.landing-tab-bg-four { background-image: url(../img/website/tab-small-04.png); }
.landing-tab-bg-five { background-image: url(../img/website/tab-small-05.png); }
.landing-tab-bg-six { background-image: url(../img/website/tab-small-06.png); }
}
hr { margin-top: 10px; margin-bottom: 10px; }
/*.footer {

  position: absolute;

  bottom: 0;

  width: 100%;

  height: 60px;

}*/

.progress { margin-bottom: 0px; }
.progress-bar.progress-bar-default { background-color: #999999; }
/*----------------NewCustomeCss-----------------*/

img { max-width: 100%; border: none; }
.container { width: 100%; max-width: 1170px; }
.screenview.largeview { margin-bottom: 25px; }
.screenview .laptop img.laptopscreen { position: relative; z-index: 1; width: 100%; }
.screenview.largeview .laptop { position: relative; overflow: hidden; }
.screenview .screen img { width: 100%; display: block; }
.screenview.largeview .screen { left: 17.5%; position: absolute; top: 8%; width: 64.7%; }
.screenview.largeview .screen img { width: 100%; display: block; }
.screenview.smallview { margin: 35px 0; float: left; }
.screenview.smallview .laptop { position: relative; overflow: hidden; }
.screenview.smallview h4 { margin: 25px 0 15px; }
.screenview.smallview .screen { left: 18%; position: absolute; top: 9%; width: 65%; }
.assest { padding-top: 25px; }
/*--headercssstrart--*/
.headnav { float: right; }
.headnav .navbar-nav .dropdown-toggle { padding-bottom: 23px; padding-left: 15px; padding-top: 26px; }
.dashmenu-icon { border: 1px solid #fff; border-radius: 3px; color: #fff; float: right; font-size: 24px; margin: 23px 0 0; padding: 0 9px; display: none; }
.dashmenu-icon:hover, .dashmenu-icon:focus { color: #fff; outline: none; }
/*--headercssstrart--*/

/*--dahsboardcssstart--*/
.dash-head-block { float: left; width: 100%; }
.activityfilter { float: right; margin: -41px 0 0; }
.activityfilter .input-sm { float: left; }
.libartyfilter { float: right; margin: -43px 0 0; }
.lib_popup_btn_group {float: right; margin: -27px 0 0 0;}
.schdule_filter { margin: 15px -5px 0; float: left; width: calc(100% + 10px);}
.schdule_filter .form-group { float: left; padding: 0 5px; width: 12.5%; }
.schdule_filter .btn-group { margin: 0 5px; }
.schdule_filter .form-group .select2-container, .schdule_filter .form-group .select2-drop, .schdule_filter .form-group .select2-search, .schdule_filter .form-group .select2-search input, .schdule_filter .form-group .input-sm { width: 100%!important; }
.schdule_btn_group { float: right; margin: -53px 0 0; }
.work-order .form-group { display: inline-block; vertical-align: top; width: calc(50% - 4px); }
.work-order .form-group select.input-sm, .work-order .form-group .form-control.select2-container { width: 100%!important; }
.work-detail .form-group { float: left; width: 100%; }
.contact_btn_group { float: right; margin: -53px 0 0; }
.contact_filter { margin: 0 -5px; }
.contact_filter .form-group { float: left; padding: 0 5px; width: 20%; }
.contact_filter .form-group .select2-container, .contact_filter .form-group .select2-drop, .contact_filter .form-group .select2-search, .contact_filter .form-group .select2-search input, .contact_filter .form-group .input-sm { width: 100%!important; }
.contact_filter .btn-group { margin: 0 5px; }
#contact_add_form .col-sm-6 { margin-bottom: 10px; }
#guest-invite .form-control { width: 100%!important; margin: 0 0 10px 0px; }
.detail-block .form-group { width: 50%; float: left; margin: 0 0 5px 0px; }
.detail-block .form-group label { font-weight: 400; width: 30%; float: left; }
.detail-block .form-group span.lead { width: 70%; float: left; }
.filter-block { float: right; margin: -58px 0 0; }
.filter-block.mgt { margin: -43px 0 0 0; }
.filter-block.popup-btn { margin: -27px 0 0 0; }
.profil_nav { display: block; clear: both; }
.modal-body { overflow: hidden; }
/*--dahsboardcssend--*/

.container770 { max-width: 792px; }
.addmore1 { bottom: 0; left: 0; margin-top: 10px; position: absolute; }
.filebtn1 { float: left; }
.filebtn2 { float: left; padding-left: 7px; }
.file-upload-div { margin-bottom: 10px; }
.file-upload-parent { padding-bottom: 10px; float: left; width: 100%; }
.thumbnail .thumb-delt { bottom: -6px; position: absolute; right: -6px; }
.form-inline .thumb-delt { bottom: -6px; position: absolute; right: 53px; }
/*--26-05-17--*/
#contact_filter { display: none; }
#history-detail-new .modal-body, #history-detail-edit .modal-body, #knowledge-detail-new .modal-body, #knowledge-detail-edit .modal-body { overflow: visible; }
/*05june2017*/

.free-account h2 span { font-size: 16px; background: #2d9aef; width: 180px; padding: 14px 0; display: inline-block; color: #ffffff; font-weight: bold; margin-bottom: 15px; }
.pro-account h2 span { font-size: 16px; background: #950fac; width: 180px; padding: 14px 0; display: inline-block; color: #ffffff; font-weight: bold; margin-bottom: 15px; }
.buy-license h2 span { font-size: 16px; background: #8bc43f; width: 180px; padding: 14px 0; display: inline-block; color: #ffffff; font-weight: bold; margin-bottom: 15px; }
.upgrade-account { background: #fffdff; max-width: 900px; width: 100%; padding-top: 15px; padding-bottom: 15px; }
.free-account, .pro-account, .buy-license { text-align: center; }
.free-account ul, .pro-account ul { padding: 0; }
.free-account ul li { color: #2d9aef; }
.pro-account ul li { color: #950fac; }
.free-account ul li, .pro-account ul li { list-style: none; margin-bottom: 13px; }
.free-account a { background: #2d9aef; }
.free-account a:hover { background: #1480d5; }
.pro-account a { background: #950fac; }
.pro-account a:hover { background: #820e96; }
.buy-license a { background: #8bc43f; }
.buy-license a:hover { background: #70a628; }
.free-account a.btn, .pro-account a.btn, .buy-license a.btn { width: 170px; padding: 14px 0; color: #ffffff; font-weight: bold; margin-bottom: 15px; display: inline-block; font-size: 15px; }
.graycol { color: #807e81; }
.no-cost { color: #2d9aef; font-size: 27px; font-weight: bold; margin-top: 25px; }
.free-account-bottom { padding-top: 125px; font-weight: bold; color: #2d9aef; }
.pro-account .free-account-bottom { padding-top: 20px; font-weight: bold; color: #950fac; }
.pro-cost { color: #950fac; font-size: 27px; font-weight: bold; margin-top: 25px; }
.gst { font-size: 10px; }
.btn-class { background: #950fac; padding: 7px 13px !important; color: #ffffff; border-radius: 10px; font-size: 21px !important; font-weight: normal !important; width: 145px !important; margin-top: 30px; }
.unlimited { margin-top: 100px; font-size: 17px; color: #8bc43f; }
.buy-license a.contct { background: #8bc43f; padding: 8px 13px; border-radius: 30px; color: #ffffff; margin-top: 20px; display: inline-block; font-size: 15px; }
/*upgrade popup*/

.upgrade-popup .modal-header { background: #464a55; text-align: center; color: #ffffff; padding: 25px 15px; position: relative; }
.close-poup { background: #000000; font-weight: bold; padding: 2px 10px; position: absolute; right: 0; top: 0; }
.close-poup a { color: #ffffff; }
.upgrade-popup .modal-header h3 { font-size: 18px; }
.payment_pro { color: #666666; font-size: 18px; text-align: center; }
.payment-with-credit { background: #f5f5f5; font-size: 20px; font-weight: bold; margin-top: 20px; padding: 10px; text-align: center; color: #950fac; margin-bottom: 30px; }
.upgrade-popup form label { float: left; width: 32%; }
.upgrade-popup form input[type="text"] { border: 1px solid #ccc; border-radius: 4px; height: 35px; padding: 0 10px; width: 74%; }
.upgrade-popup form .cvc { width: 15% !important; float: left; margin-right: 5px; }
.upgrade-popup form .month, .upgrade-popup form .year { width: 15% !important; float: left; margin-right: 5px; }
.upgrade-popup form .discount-code { width: 35% !important; }
.method-payment-btn { background: #42cb4a; padding: 10px; color: #ffffff; font-weight: bold; border: none; border-radius: 5px; text-transform: uppercase; font-size: 16px; text-shadow: 0 1px 2px #666666; }
.infoPanel .alert-warning { margin: 0 auto 20px; width: 80%; }
.info-report-error .alert-warning { margin: 0 auto 20px; width: 90%; }
.card-form { margin-bottom: 10px; float: left; width: 100%; }
.form-g { float: left; position: relative; width: 68%; }
.upgrade-popup label.error { width: auto !important; margin-bottom: 0 !important; float: left; padding: 5px 9px; }
/* Introduction tour */

/*popups*/
.popover { max-width: 300px; width: 100%; background-color : #664492; }
.tour-backdrop { opacity: 0.05 !important; }
.width600 { max-width: 550px; }
.width351 { max-width: 351px; }
.popover-title { background: none; border-bottom: none; text-align: center; color: #fff; font-weight: bold; font-size: 18px; }
.popover-content-custom { padding: 3px 42px; }
.popover-content { font-size: 13px; color: #fff; }
.navi-buttons .btn-default { float: none !important; border: none; margin-right: 7px; color: #664492; }
.navi-buttons { text-align: center; }
.navi-buttons .btn { padding: 2px 9px; font-size: 13px; width: 95px; }
.navi-buttons .btn-info { background: #c166c3; border-color: #c166c3; }
.close_btn { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #c166c3; font-size: 17px; padding: 0; position: absolute; right: 3px; top: -3px; }
.back { border: solid 1px #664492 !important; }
.popover.bottom.tour-box { margin-top: 0; z-index: 2; }
.comman-box { background-color: #664492; line-height: 20px; text-align: center; border: 1px solid #664492; border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); max-width: inherit; padding: 8px 10px; font-size: 13px; color: #fff; position: absolute; top: 15px; right: 15px; }
.comman-box-bottom { top: inherit; width: 100%; max-width: 100%; right: 0; margin: 10px 0; }
.bottom50 { bottom: -50px; }
.relative { position: relative; }
.relative_box { position: relative; top: inherit; right: inherit; left: inherit; }
.comman-box1 { left: 50%; top: -15px; transform: translateX(-50%); }
.position1 { right: -74px; text-align: center; top: 49px; width: 206px; z-index: 5; }
.position2 { top: 34px; width: auto; }
.position3 { left: -90px; right: inherit; width: 170px; z-index: 2; }
.position4 { left: 90px; right: inherit; width: 170px; z-index: 2; }
.position5 { left: 270px; right: inherit; width: 170px; z-index: 2; }
.position6 { left: 10px; right: inherit; top: 44px; width: 170px; z-index: 2; }
.position7 { left: 94px; right: inherit; top: 90px; width: 170px; z-index: 2; }
.position8 { right: -57px; top: 44px; width: 170px; z-index: 2; }
.position9 { left: 40%; right: inherit; top: -31px; width: auto; z-index: 2; }
.position10 { left: -70px; right: inherit; top: -20px; width: 270px; z-index: 2; }
.position11 { left: 360px; right: inherit; top: 64px; width: 170px; z-index: 2; }
.position12 { left: 640px; right: inherit; top: 64px; width: 170px; z-index: 5; }
.position13 { right: 30px; top: 64px; width: 170px; z-index: 2; }
.position14 { left: 60px; right: inherit; top: 64px; width: 180px; z-index: 2; }
.position15 { left: 170px; right: inherit; top: 44px; width: 170px; z-index: 2; }
.position16 { bottom: -82px; right: inherit; left: 20%; top: inherit; width: 200px; z-index: 2; }
.position17 { left: -58px; right: inherit; top: 240px; width: 240px; z-index: 2; }
.position18 { left: 94px; right: inherit; top: 110px; width: 170px; z-index: 2; }
.position19 { left: 50%; top: -15px; transform: translateX(-50%); width: 400px; }
.position20 { left: -70px; }
.position21 { left: 122px; }
.position22 { left: 320px; width: 160px; }
.position23 { left: 500px; }
.vertical-line1 { background: #000000; height: 20px; left: 73%; position: absolute; top: -20px; width: 1px; }
.vertical-line2 { left: 50%; }
.vertical-line3 { left: 30%; }
.vertical-line4 { left: 83%; top: -65px; height: 65px; }
.vertical-line5 { left: 43%; }
.vertical-line6 { height: 88px; left: 83%; top: -88px; }
.heading-top.mb50 { margin-bottom: 50px; }
.diognal-line::after { background: black none repeat scroll 0 0; content: ""; height: 148px; position: absolute; right: -72px; top: -13px; /*------------------*/
-ms-transform: rotate(-71deg); -webkit-transform: rotate(-71deg); -moz-transform: rotate(-71deg); -o-transform: rotate(-71deg); /*------------------*/
transform: rotate(-71deg); width: 2px; z-index: 10611; }
ul.youaredone-list { padding-left: 0; margin-top: 15px; }
ul.youaredone-list li { list-style: none; position: relative; padding-left: 15px; margin-bottom: 5px; }
ul.youaredone-list li:before { content: "\f192"; font-family: 'FontAwesome'; width: 10px; position: absolute; left: 0; }
.im-ready .btn { float: none !important; font-size: 15px; padding: 6px 12px; width: 95px; border-radius: 10px; }
.im-ready { padding-top: 0 !important; }
.comman-box { display: none; }
.modal-dialog.modal-xl { width: 1200px; }


.mechanical-Sec {
  background: #e9e9e9 none repeat scroll 0 0;
  padding: 30px 0 10px;
}

.client-sec{
  padding: 20px 0 !important;
  text-align:center;
}

.client-sec h3 {
  color: #595b5c;
  font-weight: 600;
  margin-bottom: 15px;
}

.client-sec .screenview
{
	text-align:center;
}

.client-sec .screenview img
{
	display:inline-block;
}

/* Tooltip container */
.asset-tooltip {
    position: relative;
    display: inline-block;
   
}

/* Tooltip text */
.asset-tooltip .asset-tooltiptext {
    visibility: hidden;
    width: 310px;
    background-color: #ebebeb;
    color: #000000;
    font-size: 11px;
    line-height: 17px;
    text-align: center;
    padding: 5px 0;
    border-radius:4px 0 4px 4px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
    top:29px;
    right:0;
    left:auto;
    padding:6px 15px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.asset-tooltip:hover .asset-tooltiptext {
    visibility: visible;
}

.mechanical-Sec {
  background: #e9e9e9 none repeat scroll 0 0;
  padding: 30px 0 10px;
}

.client-sec{
  padding: 20px 0 !important;
  text-align:center;
}

.client-sec h3 {
  color: #595b5c;
  font-weight: 600;
  margin-bottom: 15px;
}

.client-sec .screenview
{
 text-align:center;
}

.client-sec .screenview img
{
 display:inline-block;
 max-width:100%;
 width:auto !important;
} 

.form-col{ position: relative; z-index: 2;}

.screenview.smallview .laptop.half {
    width: calc(50% - 4px);
    display: inline-block;
    vertical-align: middle;
    margin-top: 0px;
}
.thumbnail.text-center a{ display: block; padding-top: 5px;}
/*-----------------Responsivecssstart-------------------*/

@media screen and (max-width:1400px) {
.free-account h2 span, .pro-account h2 span, .buy-license h2 span { font-weight: normal; font-size: 15px; padding: 12px 0; width: 170px; }
.buy-license a.contct { padding: 4px 13px; font-size: 13px; }
.btn-class { font-size: 18px !important; width: 134px !important; border-radius: 5px; }
.free-account-bottom { font-weight: normal !important; }
}
 @media screen and (max-width:1200px) {
.schdule_filter .form-group { margin: 0 0 10px; width: 20%; }
.landing-image-area-tabs li a { width: 160px !important; }
}
 @media screen and (max-width:1023px) {
.table-block { overflow-y: auto; float: left; width: 100%; }
.table-block table { width: 1023px; max-width: inherit; }
.table-outer { overflow-y: auto; float: left; width: 100%; }
.table-outer table { width: 1023px; max-width: inherit; }
.add-asset .input-sm { width: 100%!important; }
.add-asset .form-group { width: calc(100% - 36px); }
.add-asset .form-control.select2-container { width: 100%!important; }
.container-fluid.intro h1 { font-size: 28px !important; }

.modal .pdf-box iframe{ width: 100% !important;} 
.modal .pdf-box{ overflow: auto; max-height: 110px;}
}
 @media screen and (max-width:991px) {
.container-green.breakdown { padding: 30px 0; }
.container-green.breakdown span { display: block; margin: 0 0 15px; font-size: 20px; }
.container-green.breakdown a.btn { display: block; margin: auto; max-width: 102px; }
.container-purple.contact { padding: 30px 0; }
.container-purple.contact span { display: block; margin: 0 0 15px; font-size: 20px; }
.container-purple.contact a.btn { display: block; margin: auto; max-width: 141px; }
.assest h2 { font-size: 24px; padding: 17px 0 0; }
.navbar-right.user { padding: 0 15px 0 0; }
#calendar h2 { font-size: 20px; margin: 6px 0 0; }
.company_edit_form span.list-gap { display: block; width: 100%; padding: 0px; }
.company_edit_form .form-inline .form-group { width: 100%; }
.company_edit_form .form-inline .form-control { width: 100%!important; }
.company_edit_form .select2-container { width: 100%; }
.filter-block { float: none; margin: 0 -2% 10px; }
.filter-block .form-group { display: inline-block; float: left; margin: 0 2% 10px; position: relative; vertical-align: middle; width: 29%; }
.filter-block .input-sm { width: 100%!important; }
.filter-block .select2-container { width: 100%!important; }
.filter-block .btn-group { float: left; margin: 0 0 0 2%; }
.filter-block.mgt { margin: 10px -2%; }
.filter-block.popup-btn { margin: 12px 0 0; }
.modal-xl .lib_popup_btn_group { width: 130px; float: none; margin-top: 15px; }
}
 @media screen and (max-width:767px) {
h3, .h3 { font-size: 22px; }
h4, .h4 { font-size: 17px; }
.services h3 { font-size: 20px; }
.screenview.largeview { margin-bottom: 15px; }
.screenview.largeview h3 { font-size: 21px; }
.screenview.smallview { margin: 20px 0 0; }
.container-fluid.five.services { padding: 35px 0; }
.assest h2 { font-size: 22px; padding: 16px 0 0; }
.container-green.breakdown a.btn { font-size: 16px; line-height: 17px; }
.container-purple.contact a.btn { font-size: 16px; line-height: 17px; }
.header .navbar-header { float: left; }
.navbar .navbar-nav li a.nav-dashboard { background-position: 0 -26px; }
.navbar .navbar-nav li a.nav-assets { background-position: 0 -26px; }
.navbar .navbar-nav li a.nav-scheduler { background-position: 0 -26px; }
.navbar-right.user li.dropdown { float: left;}
.navbar-nav .open .dropdown-menu { background-color: #fff; float: left; position: absolute; left: auto; right: 0; width: auto; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); margin: 2px 0 0; padding: 5px 0; top: 100%; z-index: 1000; }
.dropdown-menu .divider { background-color: #e5e5e5; }
.navbar-nav.navbar-right .dropdown-menu::before { left: auto; right: 12px; }
.navbar-nav .dropdown-menu::before { border-bottom: 7px solid #fff; border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: inline-block; left: 8px; position: absolute; top: -7px; z-index: 10601; }
.dhblock h4 { margin-top: 0px; }
.assetfilter .form-group { float: left; padding: 0 15px 0 0; width: 33.33%; }
.assetfilter .form-group:nth-of-type(3) { padding: 0px; }
.assetfilter .form-group .select2-container { width: 100%!important; }
.add-asset .form-group { width: 100%; }
.add-asset .m-b-md { margin-bottom: 10px; }
.add-asset .m-t-md { margin-top: 10px; }
.add-asset .panel-body { padding: 0px; }
.libartyfilter { margin: 10px 0; width: 100%; }
.libartyfilter .form-group { margin-bottom: 10px; }
/*---tabcssstart---*/
.tab { margin: 0; }
.tab li { margin: 0 0px 0 5px; }
.tab.library li { width: 32%; }
.tab li a { padding: 7px 13px; font-size: 13px; margin: 0px; }
/*--tabcssend--*/
.schdule_filter .form-group { margin: 0 0 10px; width: 25%; }
.schdule-label { padding: 17px 0 12px; }
.schdule-label .row-stat-badge { display: block; margin: 5px 0; }
.contact_filter .form-group { width: 25%; }
.top-area-tall-tabs li a { padding: 7px 10px; font-size: 13px; }
.company_edit_form .form-inline { margin: 0 0 10px; }
.infotab { margin-top: 12px; }
.client-sec .screenview {
    text-align: center;
    float:none;
    width:100%;
    margin-bottom:20px;
}
}
 @media screen and (max-width:639px) {
h3, .h3 { font-size: 20px; }
.services h3 { font-size: 18px; }
.assest h2 { font-size: 19px; }
.container-fluid.five.services { padding: 35px 0 20px; }
.activityfilter { float: right; margin: 10px 0 0; width: 100%; }
.activityfilter .input-sm { width: 25%!important; }
.add-asset .input-group { width: 100%; }
.schdule_filter .form-group { width: 33.33%; }
#calendar .fc-toolbar .fc-center { width: 100%; margin: 7px 0 0 0; float: left; }
.contact_filter .form-group { width: 50%; }
.detail-block .form-group { width: 100%; }
.detail-block .form-group label { font-weight: 400; width: 35%; float: left; }
.detail-block .form-group span.lead { width: 65%; float: left; }
.top-area-tall-tabs li { width: 50%; }
.top-area-tall-tabs li a { border-radius: 3px; font-size: 13px; margin: 0 5px 5px; text-align: center; }
.top-area-tall-tabs li .dropdown-menu { max-width: inherit; width: 100%; }
.top-area-tall-tabs li .dropdown-menu li { width: auto; display: block; }
.top-area-tall-tabs li .dropdown-menu li a { white-space: inherit; }
.infotab { margin-top: 0; }
.infotab li { float: left; margin: 10px 1% 0!important; width: 31%; }
}
 @media screen and (max-width:579px) {
.assetfilter .form-group { float: left; padding: 0 0px 0 0; margin: 0 0 10px 0px; width: 100%; }
.portlet-content { padding: 15px 13px; }
.schdule_btn_group { float: none; margin: -14px -5px 15px; padding: 0; }
.schdule_btn_group .btn-group { margin: 0 0 10px; padding: 0 5px; width: 50%; }
.schdule_btn_group .btn-group a { display: block; float: none; }
.contact_btn_group { float: none; margin: -14px -5px 15px; padding: 0; }
.contact_btn_group .btn-group { margin: 0 0 10px; padding: 0 5px; width: 50%; float: left; }
.contact_btn_group .btn-group a { display: block; float: none; }
.upgrade-popup form label, .upgrade-popup form input[type="text"] { width: 100%; }
.upgrade-popup form .month, .upgrade-popup form .cvc { width: 23% !important; }
.upgrade-popup form .year { width: 27% !important; }
.upgrade-popup form .discount-code { width: 35% !important; }
.respo-none { display: none; }
.infoPanel .alert-warning { width: 100%; }
.form-g { width: 100%; }
.upgrade-popup form label { font-weight: normal; font-size: 12px; }
.upgrade-popup label.error { padding: 5px 4px; }
.method-payment-btn { width: 100%; }
}
 @media screen and (max-width:479px) {
h3, .h3 { font-size: 18px; }
h4, .h4 { font-size: 16px; }
.navbar { height: auto; }
.headnav {width: 56%; }
.navbar-right.user { width: 100%; }
.headnav .navbar-nav .dropdown-toggle { padding-bottom: 10px; padding-left: 0!important; padding-top: 0!important; }
.dashmenu-icon { display: block; position: absolute; right: 15px; top: 15px; margin: 0; padding: 4px 7px; line-height: 1; font-size: 20px;}
.header .navbar-brand { margin-top: 0; padding: 18px 0 0 15px; width: 140px; }
.navbar-nav .open .dropdown-menu { left: auto; right: -21px; }
.navbar-nav.navbar-right .dropdown-menu::before { left: 50px; right: auto; }
.container-main { margin-top: 130px; }
.dhblock .input-sm { margin: 17px 0 0; width: 100%!important; }
.tab li { width: 100%; margin: 0 0 5px 0px; }
.tab.library li { width: 100%; }
.tab li a { border-radius: 0px; }
#knowledge-detail-new h3 { font-size: 18px; }
.lib_popup_btn_group { float: none; margin: 15px 0 0; width: 100%; }
.portlet .portlet-header { padding: 1px 10px; }
.frequency_type_tab { margin: 2px 0 0; }
.portlet .portlet-tools .frequency_type_tab > li { margin-right: 3px; }
.portlet .portlet-tools .frequency_type_tab > li > a { font-size: 11px; padding: 2px 5px; }
.schdule_filter .form-group { width: 50%; }
.schdule-label .col-xs-6 { width: 100%; border: none; }
.work-order .form-group { float: left; margin: 0 0 5px; width: 100%; }
.schdule_filter .form-group { width: 100%; }
.contact_filter .form-group { width: 100%; }
.top-area-tall-tabs li { width: 100%; }
.filter-block { float: none; margin: 0 0 10px; }
.filter-block .form-group { width: 100%; margin: 0 0 5px 0px; }
.filter-block .btn-group { margin: 0 5px 5px 0; }
.canvas_div { width: 100%; }
.infotab li { width: 48%; }
.container-fluid.intro h1 { font-size: 23px !important; }
.free-account, .pro-account { margin-bottom: 15px; }
.navbar-right.user .dropdown img { width: 35px; height: 35px; }
.navbar-right.user{margin-right: 18px !important; margin-top: 14px !important; }
.navbar .bckend .navbar-right.user {margin-right: 45px !important;}
.navbar .bckend .navbar-nav .open .dropdown-menu {right: -52px;}
} 




/*-----------------Responsivecssend-------------------*/

.input-size45{ width: 45% !important;}

.input-size65{ width: 65% !important;}

/*04-19-2018*/
.new-cls {border-bottom: 1px solid #eaedef;  float: left;  margin-bottom: 10px;  padding-bottom: 10px;  width: 100%;}
.form-group h6 {color:#666560; font-size:18px; margin:0; line-height:24px;}
.detail-block .form-group.right {width:100%;}
.detail-block .img-section {float:left; margin:50px 0 0; width:100%; text-align:center;}
.detail-block .img-section img{display:block; margin:auto}
.detail-block .img-section h4 {display:inline-block; margin:20px 0 0;}
.detail-block .same-div{width:20%}
.detail-block .same-first {width:auto; padding: 0px 10px;}
.same-div .text-info {color: #0070c0;}
.detail-block .same-div h4 {font-size:16px; line-height:22px;color: #000;}
.detail-block .same-div h2 {font-size:22px;  font-weight:bold; line-height:28px}
.form-group h6 i {color:#4fa9e7;}
.row-iner {float:left; margin-bottom:20px; width:100%;}
.col-xs-3 .form-group h6 {margin-bottom:5px;}
.col-xs-3.padding-left {padding-left:0;}
.col-xs-9.padding-right {padding-right:0;}


@media (max-width:767px) {
.col-xs-9.padding-right {padding:0 15px;width:100%;}	
.detail-block .same-div {width:50%;}
.col-xs-3.padding-left {padding:0 15px; width:100%;}
.detail-block .img-section {margin:20px 0;}
}

@media (max-width: 1170px) {
.dashmenu-icon {display: block;}
.mobiletoggle {display: none;}
.mobiletoggle.active { background: #3b2f63; display: block; left: 0; position: absolute; right: 0; top: 100%; width: 100%; margin: 0px; }
.navbar-right.user { float: right; margin: 0; width: auto; padding: 0px;}
.headnav .navbar-nav li a { padding: 9px 25px 9px 38px; background-position: top -27px left;}
.headnav .navbar-nav li a:hover{background-position: top -27px left;}
.headnav .navbar-nav li a.active{background-position: top -27px left;}
.navbar .navbar-nav li a.nav-contacts {background-position: 0 -26px;}
.nav.navbar-nav.mobiletoggle.active li {width:100%;}
.navbar .bckend .navbar-nav li a{font-size: 13px; padding-left: 35px;}
.navbar-right.user .dropdown.open a{background: transparent;}
.navbar .bckend .navbar-right.user{margin-right: 15px;} 
}
 



.margin-top-cutom {
  margin-top: 40px;
} 

.form-inline .default-group {
    margin-bottom: 15px;
}
.default-group input[type="text"], .default-group button, .default-group .btn, .default-group input[type="submit"] {
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 4px;
    height: 38px;
    font-size: 14px;
    line-height: 27px;
    color: #000;
    padding: 6px 15px;
}
.table-highlight {
    margin-bottom: 20px;
}
.table-highlight .table tr th, .table-highlight .table tr td:nth-child(2n) {
    background-color: #f9f9f9;
} 
.px-15{padding:0 15px;}

.feedback-comments {
    -webkit-box-shadow: 0px 2px 5px rgb(171, 170, 170);
    box-shadow: 0px 2px 5px rgb(171, 170, 170);
    padding: 15px;
    margin: 15px;
    width: calc(100% - 30px);
    clear: both;
    box-sizing: border-box;
    position: relative;
}
.feedback-comments h3 {padding: 0 0 15px; position:relative; margin: 0 0 20px;}
.feedback-comments h3:before{position:absolute; bottom:0; left:0; content:''; width:15%; background: #e9d3f9; height:1px;}
.save-drf-fb{margin: 0 0 25px; padding: 0 15px;}
.feedback-comments .col-xs-12{padding:0;}

.prosess-bar-outer .progressbar-container {
	max-width: 342px;
        width: 100%;
	margin-left: 0;
	margin-top: 0;
}

.prosess-bar-outer .progressbar-container .progressbar-bar {
	margin: 0px 0 15px;
}

.feedback-text
{
    background: #f1f1f1;
    padding: 15px;
}
.sorting, .sorting_asc, .sorting_desc{
    background: transparent !important;
}
.archive-class{
	margin-top: 25px;
}
.modal-body form .image_error {
    font-size: 12px;
}