/*@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900&display=swap);*/
body{
  /* font-family: 'Source Sans Pro', sans-serif;
   font-weight: 400;
   font-size: 14px;
   line-height: 22px;*/
   width: 100%;
   height:100%;
   background-color: #e9e9e9;
 }
 body.loginPageBody{
     background-color: #fff;
   }
 a{
     -moz-transition: all 0.5s;
     -o-transition: all 0.5s;
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
  } 
  a:hover{
   color: #2cb03d;
  }
  .error-msg{
     font-size: 12px;
     display: block;
     margin-top: 5px;
     font-weight: normal;
     color: #F44336;
     padding:0 4px;
  }
 .inline-row{text-align: center;}
 .inline-row >span {
     display: inline-block;
     vertical-align: middle;
     padding: 0;
     line-height: normal;
 }
 .inline-row >span.circle {
     margin-top: -3px;
 }
 .pdt-50{padding-top: 50px}
 .floatleft{float: left}
 .floatright{float:right;}
 .alignleft{float:left;margin:0 15px 15px 0;}
 .alignright{float:right;margin:0 0 15px 15px;}
 .pdb-20{padding-bottom: 20px}
 .sweet-alert button{
     
     box-shadow: none !important;
     border: 0;
 }
 .sweet-alert button.confirm {
     background: #f75b1f !important;
 }
 
 
 .has-success .form-control:focus,.has-error .form-control:focus {
     box-shadow: none !important;
 }
 /*===============  Calling font family  ================*/
 .form-control,h1,.title-1,.signIn-btn,.navbar,.btn-style1{
   font-family: 'Source Sans Pro', sans-serif;
   font-weight: 400;
 }
 .title-style1,.modal .modal-header .modal-title{
   font-family: 'Source Sans Pro', sans-serif;
 }
 .block-header h2 {
     font-weight: bold;
 }
 /* Login Page ================================== */
 /*-------------  common style -----------*/
 .red-text{color: #f00}
 .dflex{
   display:-webkit-flex;
   display:-webkit-box;
   display:-moz-flex;
   display:-moz-box;
   display:-ms-flexbox;
   display:flex;
   flex-direction:row;
   -webkit-box-align:center;
   -moz-box-align:center;
   -webkit-align-items:center;
   -ms-flex-align:center;
   align-items:center;
   -webkit-justify-content:center;
   -ms-flex-pack:center;
   justify-content:center
 }
 .equal_height{
   overflow:hidden;
   display:-ms-flexbox;
   display:-webkit-flex;
   display:flex;
   -webkit-flex-direction:row;
   -ms-flex-direction:row;
   flex-direction:row;
   -webkit-flex-wrap:wrap;
   -ms-flex-wrap:wrap;
   flex-wrap:wrap;
   -webkit-justify-content:flex-start;
   -ms-flex-pack:flex-start;
   justify-content:flex-start;
   -webkit-align-content:stretch;
   -ms-flex-line-pack:stretch;
   align-content:stretch;
   -webkit-align-items:stretch;
   -ms-flex-align:stretch;
   align-items:stretch
   }
 .equal_height>div{
   -ms-flex-order:0;
   order:0;
   -webkit-flex:0 1 auto;
   -ms-flex:0 1 auto;
   flex:0 1 auto;
   -webkit-align-self:stretch;
   -ms-flex-item-align:stretch;
   align-self:stretch;
 }
 .other-info-head .user-info .image,.other-info-head,.wd-main-header .navbar-header{
   display:-webkit-flex;
   display:-webkit-box;
   display:-moz-flex;
   display:-moz-box;
   display:-ms-flexbox;
   display:flex;
   flex-direction:row;
   -webkit-box-align:center;
   -moz-box-align:center;
   -webkit-align-items:center;
   -ms-flex-align:center;
   align-items:center;
 }
 
 
 .mb40{
   margin-bottom: 40px;
 
 }
 .clearfix{clear: both}
 .green-text{
   color:#2cb03d;
 }
 .bg-green{
   background: #2cb03d;
 }
 .title-1{
     display: inline-block;
     font-size: 25px;
     font-weight: 400;
     line-height: normal;
     text-transform: capitalize;
     padding: 0 15px 10px;
     border-bottom: 1px solid #2cb03d59;
     margin: 0 0 20px;
 }
 .title-2{
   font-size: 26px;
   font-weight: 400;
   line-height: normal;
   text-transform: capitalize;
   margin: 0 0 20px;
 
 }
 .title-3{
   font-size: 20px;
   font-weight: 600;
   line-height: normal;
   text-transform: capitalize;
   margin: 0 0 20px;
 }
 .title-style1{
   font-size: 30px;
   font-family: Source Sans Pro;
   color: #59698B;
   line-height: normal;
   text-transform: capitalize;
   font-weight: normal;
   padding-bottom: 14px;
   border-bottom: 1px solid rgba(204, 204, 204, 0.35);
   margin: 0 0 20px;
 
 }
 .block-header h2.title-2 {
     font-size: 24px;
     margin: 0 0 20px !important;
 }
 .card .header a:hover{
   text-decoration: none;
 
 }
 .signIn-btn.btn:not(.btn-link):not(.btn-circle), .btn-style1.btn:not(.btn-link):not(.btn-circle) {
     font-size: 13px;
     border-radius: 5px;
 }
 .signIn-btn.btn:not(.btn-link):not(.btn-circle){
       font-size: 20px;
 }
 .card .header .header-dropdown {
     
     right: 0;
 }
 .signIn-btn:hover, .signIn-btn:focus, .signIn-btn.focus,.btn-style1:hover, .btn-style1:focus, .btn-style1.focus{
   color: #fff;
 }
 .signIn-btn,.btn-style1 {
     font-size: 18px;
     height: 40px;
     line-height: 40px;
     padding: 0 20px;
     border-radius: 14px;
     font-weight: normal;
 }
 .btn-style1 {
     min-width: 160px;
     height: 30px;
     line-height: 30px;
 }
 .btn-primary {
   border-radius: 4px;
   width: 160px;
   height: 50;
   margin-right: 15px;
   height: 30px;
   line-height: 30px;
   padding: 0 20px;
   font-size: 20px;
   background: #707070;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -ms-border-radius: 4px;
   -o-border-radius: 4px;
   border-radius: 4px;
   text-transform: capitalize;
   color: #fff;
 }
 .btn.btn-primary:not(.btn-link):not(.btn-circle){
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -ms-border-radius: 4px;
   -o-border-radius: 4px;
   border-radius: 4px;
 }
 .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
     background-color: #2cb03d !important;
 }
 .gray-bg,.gray-bg.btn-primary:hover, .gray-bg.btn-primary:active, .gray-bg.btn-primary:focus{
   background-color: #707070 !important;
 }
 
 /*-------------  EO : common style -----------*/
 .wrapper{
   position: relative;
   position: relative;
   overflow-x: hidden;
   height:100vh;
   /*background-color: #e9e9e9;*/
 }
 .lg-asideimg{
   text-align: center;
 
 }
 .lg-asideimg img{
   margin:0 auto;
   display: inline-block;
   max-width: 424px;
 
 }
 .login-page{
  max-width: 400px;
   margin:0 auto;
 }
 .login-page .card{
   border-radius: 0;
   padding-top: 0;
 }
 .first-half-curve {
     position: absolute;
     top: 0;
     left: -68%;
     width: 100%;
     height: 60%;
     content: '';
     background-color: #e9e9e9;
     /* -webkit-border-radius: 63px 63px 63px 63px/ 108px 108px 72px 72px; */
     /* border-radius: 100% 55% 7% 10%/174% 100% 28% 58%; */
     -webkit-transform: skew(24deg);
     -moz-transform: skew(24deg);
     -ms-transform: skew(24deg);
     -o-transform: skew(24deg);
     transform: skew(24deg);
 }
 .second-half-curve{
     position: absolute;
     bottom: 0;
     left: -40%;
     width: 100%;
     height: 60%;
     background-color: #e9e9e9;
     -webkit-clip-path: ellipse(25% 93% at 50% 70%);
     -ms-clip-path: ellipse(25% 93% at 50% 70%);
     -moz-clip-path: ellipse(25% 93% at 50% 70%);
     -o-clip-path: ellipse(25% 93% at 50% 70%);
     clip-path: ellipse(25% 93% at 50% 70%);
 }
 
 .loginPageBody .dflex{
   height: 100%;
 }
 .dlogo{
   width: 296px;
 }
 .loginPageBody .container {
     position: relative;
     width: 100%;
 }
 .signInSect{
   width: 100%;
   margin:0 auto;
 }
 .login-page .form-control{
   color: #707070;
 }
 
 
 .login-page .form-control::placeholder { 
   color: #707070;
 }
 
 .login-page .form-control:-ms-input-placeholder { 
   color: #707070;
 }
 
 .login-page .form-control::-ms-input-placeholder { 
   color: #707070;
 }
 .login-page [type="checkbox"] + label,.forgot-password {
     color:#707070;
 }
 .login-page [type="checkbox"].filled-in:not(:checked) + label:after {
     border-color: #707070;
 }
 .login-page [type="checkbox"]:checked.chk-col-pink + label:before {
     border-right: 2px solid #2cb03d;
     border-bottom: 2px solid #2cb03d;
 }
 .login-page [type="checkbox"].filled-in:checked.chk-col-pink + label:after {
     border: 2px solid #2cb03d;
     background-color: #2cb03d;
 }
 
 
   .login-page .msg {
     color: #555;
    font-size: 25px;
    font-family: Source Sans Pro;
     margin-bottom: 30px;
     text-align: center; }
   .login-page .login-box a {
     font-size: 14px;
     text-decoration: none;
     color: #00BCD4; }
   .login-page .login-box .logo {
     margin-bottom: 20px; }
     .login-page .login-box .logo a {
       font-size: 36px;
       display: block;
       width: 100%;
       text-align: center;
       color: #fff; }
     .login-page .login-box .logo small {
       display: block;
       width: 100%;
       text-align: center;
       color: #fff;
       margin-top: -5px; }
   
   /*.consimg
   {
     float:left;
     padding-left: 120px;
     width: 100%;
     max-width: 600px;
     min-width: 400px;
     height: auto;
   }*/
   /*.responsive {
     width: 100%;
     max-width: 500px;
     min-width: 400px;
     height: auto;
   }*/
 
   .form-control.gray{
     background-color: #E9E9E9;
   }
   .form-group textarea.form-control{
     border-radius: 6px;
     padding:10px;
   }
   .dropzone {
       background-color: #E1E1E1 !important;
       border-radius: 6px;
   }
 
 
   
   @media only screen and (max-width: 1200px) {
     
   }
 
 
 /* Sign Up Page ================================ */
 .block-header h2.title-2{display:inline-block;}
 .card .body table{
     font-size: 13px;
 }
 .signup-page {
   background-color: #00BCD4;
   padding-left: 0;
   max-width: 360px;
   margin: 5% auto;
   overflow-x: hidden; }
   .signup-page .signup-box .msg {
     color: #555;
     margin-bottom: 30px;
     text-align: center; }
   .signup-page .signup-box a {
     font-size: 14px;
     text-decoration: none;
     color: #00BCD4; }
   .signup-page .signup-box .logo {
     margin-bottom: 20px; }
     .signup-page .signup-box .logo a {
       font-size: 36px;
       display: block;
       width: 100%;
       text-align: center;
       color: #fff; }
     .signup-page .signup-box .logo small {
       display: block;
       width: 100%;
       text-align: center;
       color: #fff;
       margin-top: -5px; }
 
 /* Forgot Password Page ======================== */
 .fp-page {
   background-color: #00BCD4;
   padding-left: 0;
   max-width: 360px;
   margin: 5% auto;
   overflow-x: hidden; }
   .fp-page .fp-box .msg {
     color: #555;
     margin-bottom: 30px;
     text-align: center; }
   .fp-page .fp-box a {
     font-size: 14px;
     text-decoration: none;
     color: #00BCD4; }
   .fp-page .fp-box .logo {
     margin-bottom: 20px; }
     .fp-page .fp-box .logo a {
       font-size: 36px;
       display: block;
       width: 100%;
       text-align: center;
       color: #fff; }
     .fp-page .fp-box .logo small {
       display: block;
       width: 100%;
       text-align: center;
       color: #fff;
       margin-top: -5px; }
 
   /*--------- cwapp.blade -------------*/
    .profile-pic {
   position: relative;
   display: inline-block;
 }
 
 .profile-pic:hover .edit {
   display: block;
 }
 
 .edit {
   padding-top: 14px; 
   padding-right: 14px;
   position: absolute;
   right: 0;
   top: 0;
   display: none;
 }
 
 .edit a {
   color: #000;
 }
 input[type="file"] {
   display: block;
 }
 .imageThumb {
   max-height: 75px;
   border: 2px solid;
   padding: 1px;
   cursor: pointer;
 }
 .pip {
   display: inline-block;
   margin: 10px 10px 0 0;
 }
 .remove1 {
   display: block;
   background: #444;
   border: 1px solid black;
   color: white;
   text-align: center;
   cursor: pointer;
 }
 .remove1:hover {
   background: white;
   color: black;
 }
  button#btn-chat {
     width: auto;
 }
 
 /*-----------  app.blade  ---------*/
 .ui-autocomplete { z-index:2147483647; } 
         input {
                   font-size: 20px;
                  /* height:50px;*/
                 }
                 .imagediv {
                     float:left;
                     margin-top:50px;
                 }
                 .imagediv .showonhover {
                 background:red;
                 padding:20px;
                 opacity:0.9;
                 color:white;
                 /*width: 100%;*/
                 display:block;  
                 text-align:center;
                 cursor:pointer;
             }
         
         
             .chat
 {
     list-style: none;
     margin: 0;
     padding: 0;
 }
 #dropzoneSubmit{height: inherit;}
 
 .chat li
 {
     margin-bottom: 10px;
     padding-bottom: 5px;
     border-bottom: 1px dotted #B3A9A9;
 }
 
 .chat li.left .chat-body
 {
     margin-left: 60px;
 }
 
 .chat li.right .chat-body
 {
     margin-right: 60px;
 }
 
 
 .chat li .chat-body p
 {
     margin: 0;
     color: #777777;
 }
 
 .panel .slidedown .glyphicon, .chat .glyphicon
 {
     margin-right: 5px;
 }
 
 .panel-body
 {
     overflow-y: scroll;
     height: 250px;
 }
 
 ::-webkit-scrollbar-track
 {
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
     background-color: #F5F5F5;
 }
 
 ::-webkit-scrollbar
 {
     width: 12px;
     background-color: #F5F5F5;
 }
 
 ::-webkit-scrollbar-thumb
 {
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
     background-color: #555;
 }
 
 /*=============  Inner pages  ==============*/
 /*--- Header ---*/
 .navbar,.theme-green .navbar{
   background: #2cb03d;
 }
 .wd-main-header{
     padding: 0;color: #fff;
 }
 .wd-main-header .navbar-header {
     width: 60%;
     padding: 0;
 }
 /*.innerpg_logo {*/
 /*    width: 265px;*/
 /*}*/
 .innerpg_logo {
     max-width: 200px;
     max-height: 70px;
     background: #fff;
     padding: 10px;
 }
 .innerpg_logo img{    object-fit: contain;
     display: inline;
     max-width: 100%;
     height: auto;
     max-height: 52px;
     width: auto;
 }
 .other-info-head {
     padding-top: 7px;
 }
 .projectsFilter-dropd,.innerpg_logo{
   display: inline-block;
   vertical-align: top;
 }
 .projectsFilter-dropd{
   padding-left: 20px;
 }
 .projectsFilter-dropd label {
     margin-bottom: 8px;
     font-size: 16px;
     font-weight: 600;
     letter-spacing: 0.3px;
 }
 .userInfo-dropd{
   min-width:196px;
 }
 .user-info{cursor: pointer}
 .other-info-head.navbar-nav > li {
     float: none;
     display: inline-block;
     vertical-align: middle;
 }
 .other-info-head.navbar-nav > li > a {
     padding: 0;
     margin: 0;
     display: block;
 }
 .notification-icon{margin-right: 20px;}
 .other-info-head .user-info .image .user-img{
   margin-right: 5px;
 
 }
 .other-info-head .user-info .image .btn-group {
     box-shadow: none;
 }
 
 .other-info-head .user-info .material-icons.downarrow{
   position: absolute;
   top: 0;
   right: 0;
 }
 .other-info-head .user-info .name {
     padding-right: 28px;
 }
 .projectsFilter-dropd .bootstrap-select {
     border-bottom: 0 !important;
 }
 .projectsFilter-dropd .bootstrap-select .dropdown-menu {
     margin-top: 0 !important;
 }
 /*--- EO : Header ---*/
 .homepageDashboard {
     padding-top: 20px;
 }
 .searchDatafilter .form-control {
     border-radius: 8px !important;
     height: 30px;
     background: none;
 }
 .nav-tabs {
     border-bottom: 0;
 }
 .nav-tabs li.active a {
     background: none !important;
 }
 .nav-tabs + .tab-content {
     padding: 10px 0 15px;
 }
 .nav-tabs > li > a{
   font-size: 14px;
 
 }
 .createwarrantyitemSect{padding: 40px 0}
 .createwarrantyitemSect .card{
   max-width: 80%;
   margin: 0 auto;
   background: none
 
 }
 .pdt-20{padding-top: 20px}
 
 .wd-project-bx .header .projectbx-title a,.wd-project-bx .header .projectbx-title a:hover,.wd-project-bx .header .projectbx-title a:active{text-decoration: none;}
 .wd-project-bx .header .projectbx-title{
   overflow: hidden;
   text-overflow:ellipsis;
   white-space: nowrap;
   width: 200px;
   height: 25px;
 }
 .card.wd-project-bx .body{cursor: pointer}
 .wd-project-bx .header .header-dropdown {
     top: 15px;
     right: 15px;
 }
 .wd-project-bx {
     color: #343434;
     background: #fff;
     float: none;
     width: 100%;
     max-width: 23%;
     margin: 0 1% 20px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     border-radius: 10px;
     cursor: pointer;
     padding: 0;
 }
 .wd-project-bx:hover {
              box-shadow: 0 0 15px rgba(33,33,33,.5); 
         }
 .card.wd-project-bx .header {
     padding: 15px;
 }
 .card.wd-project-bx p {
     margin: 0 0 5px;
 }
 .wd-project-bx .header .header-dropdown i{
   color: #F55C90;
 }
 .createwarrantyitemSect .card .header {
     border-bottom:0;
 }
 .createwarrantyitemSect .card .body {padding: 0;}
 .createwarrantyitemSect .form-group .form-control{
   background: #e9e9e9 !important
 }
 .createwarrantyitemSect .form-group textarea.form-control{
   background: #E1E1E1 !important
 
 }
 .createwarrantyitemSect form .btn-default, .createwarrantyitemSect form .btn-default:hover,.createwarrantyitemSect form .btn-default:active,.createwarrantyitemSect form .btn-default:focus {
     background-color: #e9e9e9 !important;
 }
 .createwarrantyitemSect form .bootstrap-select.btn-group .dropdown-menu{
     margin-top: 0 !important;
     background: #e9e9e9
 }
 .createwarrantyitemSect form .bootstrap-select .bs-searchbox .form-control{
   padding-left: 7px;
   background-color: #e9e9e9;
 }
 .createwarrantyitemSect .modal-footer {
     border: 0;
 }
 .createwarrantyitemSect .modal-footer .pull-right {
     float: left !important; 
     border-top: 0
 }
 .createwarrantyitemSect .card .card{max-width: 100%}
 .modal-backdrop.in {
     opacity: .9;
 }
 .modal-backdrop {
     background-color: #e9e9e9;
 }
 .modal.in .modal-dialog {
     /*-webkit-transform: translate(0, 50%);
     -ms-transform: translate(0, 50%);
     -o-transform: translate(0, 50%);
     transform: translate(0, 50%);*/
     /* transform: translateY(50%); */
 }
 .modal .modal-content{top:0;}
 section.content {
     margin: 63px 0 0 0px;
 }
 .modal .modal-content .modal-body .btn-default,.modal .modal-content .modal-body .btn-default:hover,.modal .modal-content .modal-body .btn-default:active,.modal .modal-content .modal-body .btn-default:focus {
     background-color: #fff !important;
 }
 .createWorkflow-sec{
   padding: 30px 0;
 
 }
 .text-right{text-align: right}
 #createWorkflow-list{
   padding:0;
   margin:0;
 }
 #createWorkflow-list li{
   list-style: none
 }
 #createWorkflow-list li .remove {
     padding: 0;
     box-shadow: none !important;
     border: 0;
     background: none;
     color: #F55C90;
 }
 #createWorkflow-list .form-group .form-line .form-label {
     top: -25px;
 }
 .ls-closed section.content {
     margin-left: 0;
 }
 .alert{border-radius: 5px}
 .buttonstyle-navtab.nav-tabs >li>a {
     color: #fff !important;
     font-family: Source Sans Pro;
     background-color: gray !important;
     border-radius: 10px !important;
     margin-right: 15px;
     min-width: 160px;
 }
 .buttonstyle-navtab.nav-tabs >li.active>a{
     background: #2cb03d  !important;
 }
 .btn-style2 {
     color: #fff !important;
     font-family: Source Sans Pro;
     border-radius: 10px !important;
     min-width: 160px;
     background: #2cb03d  !important;
 }
 .nav-tabs > li.topright-tabBtn {
     float: right !important;
     top: -65px;
 }
 .nav-tabs > li.topright-tabBtn > a{color: #fff !important}
 /*.button-tabstyle.nav-tabs > li {
     position: relative;
     top: auto;
     left: auto;
 }
 .button-tabstyle.nav-tabs > li > a {
     height: 40px;
     line-height: 40px;
     padding: 0 20px;
     font-size: 20px;
     background: #d2d5d8;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     -ms-border-radius: 4px;
     -o-border-radius: 4px;
     border-radius: 4px;
     text-transform: capitalize;
     color: #707070;
 
 }
 .button-tabstyle.nav-tabs > li > a, .button-tabstyle.nav-tabs > li > a:hover, .button-tabstyle.nav-tabs > li > a:active, .button-tabstyle.nav-tabs > li > a:focus {
     background-color: #d2d5d8 !important;
 }
 .button-tabstyle.nav-tabs > li > a {
     color: #707070 !important;
   }
 .button-tabstyle.nav-tabs > li.active > a, .button-tabstyle.nav-tabs > li.active > a:hover, .button-tabstyle.nav-tabs > li.active > a:focus{
     background: #2cb03d !important;
     color:#fff!important;
   }
   
 .button-tabstyle.nav-tabs > li > a {
     margin-right: 10px;
   }
  .button-tabstyle.nav-tabs:not(.btn-link):not(.btn-circle){
     box-shadow: none;
   }*/
   .wd-pr-bx-wrapper{
     display: flex;
     height: 100%;
   }
 .wd-project-bx .card{margin:0;}
 .wd-project-bx .card .header,.wd-project-bx .card .body{padding: 15px}
 .wd-project-bx .card p {margin: 0 0 5px;}
 .pdt-30{padding-top: 30px}
 .pdt-20{padding-top: 20px}
 .warrantyDetails-pg .container-fluid{width: 80%}
 .pdt-50{padding-top: 50px}
 .warrantyDetails-pg .equal_height>div{
   margin-bottom: 30px;
 }
 .warrantyDetails-pg .equal_height>div .card{
   height: 100%;
   margin-bottom: 0;
 }
 .notifications-wrapper .dropdown-menu .header {
     font-weight: bold;
     color: #333;
 }
 .warrantyDetails-pg form#addMessage button#btn-chat{margin-right: 0}
 .warrantyDetails-pg form#addMessage .form-control{width: 70%}
 .warrantyDetails-pg .chat li .chat-body,.warrantyDetails-pg .chat li .chat-img{display: inline-block;vertical-align: middle;}
 .warrantyDetails-pg .chat li.right .chat-body {
     margin-right: 0;
     width: 73%;
 }
 /*------------   Added by pratik  ------------*/
 .notifications-wrapper .dropdown-menu ul.menu li {
     position: relative;
 
 }
 .notifications-wrapper .delete-btn {
     position: absolute;
     bottom: 4px;
     right: 6px;
     font-size: 13px;
     color: #F55C90;
     background: none !important;
     z-index: 2;
     padding: 0;
     box-shadow: none;
     -webkit-appearance: none;
     border: 0;
 }
 .notifications-wrapper .delete-btn:hover,.delete-btn:focus{
   background: none;
 }
 .notifications-wrapper .delete-btn .material-icons {
     font-size: 13px;
 
 }
 .other-info-head .notifications-wrapper {
     padding-right: 15px;
 }
 .lblinamt .form-line .form-control {
     display: inline-block;
     vertical-align: middle;
     /* width: auto !important; */
 }
 input[type=number]::-webkit-inner-spin-button, 
 input[type=number]::-webkit-outer-spin-button { 
   -webkit-appearance: none; 
   margin: 0; 
 }
 
 .companyLogoImg{
     cursor: pointer;
     height: auto;
     background: #fff;
     padding: 5px;
     width: auto;
     /*border-radius: 0px;*/
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
     max-height: 120px;
     max-width: 200px;
 }
 
 .profile-body{
     text-align: center;   
 }
 .profile-card .profile-body .image-area-company img{
     border-radius: 3px;
     object-fit: contain;
     width: 100%;
     height: 100%;
     max-width: inherit;
     max-height: inherit;
 }
 
 .image-area-company{
     position: relative;
     max-width: inherit;
     margin: -64px auto;
     height: 120px;
     overflow: visible;
     z-index: 1;
     display: inline-block;
     width: 200px;
     height: 120px;
 }
 
 .image-area-company span{
     /*cursor: pointer;*/
     position: absolute;
     right: -7px;
     top: -9px;
     color:#000;
 }
 
 .profile-card .profile-body .content-area-company {
     padding-bottom: 72px;
 }
 
 #profile_settings .form-group {
     text-align: justify;
 }
 
 /* #cpass .control-label{
     text-align: left !important;
 } */
 
 #profile_settings .pipe{
     border-right:solid 1px #eee;
 }
 
 .btnAction{
     background:green;
 }
 .profileHeading{
     font-family: Source Sans Pro !important;
     color: #343434 !important;
     font-size: 20px;
     text-align:left;
 }
 
 
 
 /*------------------------*/
 .warrantyItem-sect .wd-project-bx i{color: #F55C90}
 .warrantyItem-sect .wd-project-bx .body{font-size: 12px}
 .fontsize12{font-size: 12px}
 .warrantyItem-sect .wd-project-bx .material-icons{font-size: 14px;}
 .warrantyItem-sect .wd-project-bx .card p i,.warrantyItem-sect .wd-project-bx .card p span{display: inline-block;vertical-align: bottom;}
 .warrantyItem-sect .wd-projects-list{margin-top: -20px}
 .warrantyItem-sect .wd-project-bx .card .body .col-xs-6, .warrantyItem-sect .wd-project-bx .card .body .col-sm-6,.warrantyItem-sect .wd-project-bx .card .body .col-md-6,.warrantyItem-sect .wd-project-bx .card .body .col-lg-6{margin-bottom: 0;}
 .warrantyItem-sect .wd-project-bx .card .body .col-xs-8,.warrantyItem-sect .wd-project-bx .card .body .col-xs-4{margin-bottom: 0}
 .cbox-sect .container {
     max-width: 70%;
     width: 100%;
 }
 .changepassword .profile-card .profile-body .content-area {
     border-bottom: 0;
     padding-bottom: 0;
 }
 .alert {
     padding: 8px 15px !important;
 }
 .warranty-detailspg .form-control {height: 30px;line-height: 30px} 
 
 /*------------- Expense management ------------*/
 /*.loginPageBody .dlogo{display:none;}*/
 .hsm-logo-bg {
     /*background: url(../assets/images/logo/web_logo_brown.png) no-repeat 31% center;*/
     background-size: 22% auto;
     position: relative;
 }
 /*.signInSect .lg-asideimg {
     display: none
 }*/
 .signInSect .login-page .card {
     background: none;
 }
 .signInSect .title-1 {
     border-bottom: 1px solid #2cb03d;
     margin: 0 0 20px;
     /* display: block; */
 }
 .signInSect .title-1.green-text {
     color: #2cb03d;
 }
 
 .signInSect .expense-manager-title .title-1 {
     border: 0;
     padding: 0;
     font-weight: 600;
 }
 .orange-text{
   color: #f75b1f;
 }
 .bckg-orange {
     background: #2cb03d;
     color: #fff;
 }
 .signInSect a:hover {
     color: #2cb03d;
 }
 .login-page [type="checkbox"].filled-in:checked.chk-col-pink + label:after {
     border: 2px solid #2cb03d;
     background-color: #2cb03d;
 }
 
 .login-page {
     max-width: 400px;
     margin: 0 auto;
 }
 /*.loginPageBody .dlogo {
     position:absolute;
     top:0;
     left:-20px;
 }*/
 
 .loginPageBody .input-group .form-line:after {
     border-bottom: 2px solid #2cb03d;
 }
 /*.homepageDashboard .dataTables_wrapper .btn {
     padding: 3px 4px;
     min-width: 73px;
     display:inline-block;
     vertical-align:middle;
     margin-bottom:3px;
     width:48%;
 }*/
 
 .homepageDashboard .dataTables_wrapper .btn.btn-circle {
     text-align: center;
     padding: 7px 0;
     line-height: 30px;
     width: 30px;
     height: 30px;
 }
 .homepageDashboard .dataTables_wrapper .btn.btn-circle img {
     width: 15px;
     height: auto;
     display: inline-block;
     vertical-align: top;
 }
 
 .homepageDashboard .dataTables_wrapper .btn + .btn {
     margin-left: 5px;
 }
 
 .table-row{
 cursor:pointer;
 }
 #applyfilterBtn{margin-left:6px;}
 
 
 /* Pratik */
 #useraddForm .form-group {
   margin-bottom: 20px;
 }
 
 #usereditModal .form-group {
   margin-bottom: 20px;
 }
 
 .homepageDashboard .info-box-4 .content .text {
   display: block;
   width: 100%;
   margin-bottom: 6px;
 }
 .homepageDashboard .info-box-4 .content {
   display: block;
   text-align: center;
   width: 100%;
 }
 .homepageDashboard .info-box-4 {
   border-radius: 10px;
 }
 
 #paidExpenseModal .form-group {
   margin-bottom: 20px;
 }
 
 .font-normal{
   font-weight: normal;
 }
 
 
 .profile-card .profile-header{
     background-color: #2cb03d;
 }
 
 .btn-primary.cancelBtn, .btn-primary.cancelBtn:hover, .btn-primary.cancelBtn:active, .btn-primary.cancelBtn:focus.cancelBtn{
   background-color: #172919 !important;
 }
 .btn-primary.addBtn, .btn-primary.addBtn:hover, .btn-primary.addBtn:active, .btn-primary.addBtn:focus{
   background-color: #2cb03d !important;
 }
 .btn-info, .btn-info:hover, .btn-info:active, .btn-info:focus {
     background-color: #f75b1f !important;
 }
 .pagination > .active > a,.pagination li.active a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
     background-color: #2cb03d;
     border-color: #2cb03d;
 }
 .expense-itemlist-tabl.homepageDashboard .dataTables_wrapper .buttons-excel {
     display: none;
 }
 .form-group .form-line:after {
    
     border-bottom: 2px solid #2cb03d;
 }
 .dataTables_wrapper input[type="search"]:focus, .dataTables_wrapper input[type="search"]:active {
     border-bottom: 2px solid #2cb03d;
 }
 .pdt-20{padding-top:20px;}
 
 .filter-icon{
     width: 30px;
     margin-right: 12px;
 }
 
 .close-btn{
     min-width: 100px;
     height: 30px;
    
 }
 .div-hide{display:none;}
 .card .body {
     display: inline-block;
     width: 100%;
 }
 
 #tableFilterSect .card .body form{    
     display: inline-block;
     width: 100%;
     margin-bottom:0;
 }
 #tableFilterSect .card .body .col-xs-6, #tableFilterSect .card .body .col-sm-6, #tableFilterSect .card .body .col-md-6, #tableFilterSect .card .body .col-lg-6 ,#tableFilterSect .card .body .col-xs-3,#tableFilterSect .card .body .col-sm-3,#tableFilterSect .card .body .col-md-3,#tableFilterSect .card .body .col-lg-3
 {
     margin-bottom: 0;
 }
 /* -- Date Picker color changes --*/
 /*.t-today:hover, .t-today:hover .t-hover-day-content {
     background: #f75b1f;
 }
 .t-hover-day::after {
     border-color: #f75b1f transparent transparent;
 }*/
 
 .t-highlighted {
     color: #333;
 }
 .err-t-datepicker{
     position: absolute;
     left: 0;
     bottom: -26px;
 }
 #tableFilterSect .dropdown-toggle.btn-default, #tableFilterSect .dropdown-toggle.btn-default:hover, #tableFilterSect .dropdown-toggle.btn-default:active, #tableFilterSect .dropdown-toggle.btn-default:focus {
     background: none !important;
     border:1px solid #ddd;
 }
 #tableFilterSect .bootstrap-select {
     border:0 !important;
 }
 #tableFilterSect .bootstrap-select .dropdown-menu {
     margin-top: 0 !important;
 }
 
 #tableFilterSect .dropdown-toggle.btn-default{
     padding: 0 12px;
     line-height: 30px;
     height: 30px;
 }
 .t-dates {
     padding: 0px 15px;
     height: 30px;
     line-height: 30px;
 }
 .t-check-in, .t-check-out {
     border-color: #ddd;
 }
 .t-check-in .t-date-info-title, .t-check-out .t-date-info-title {
     position: static;
     display: inline-block;
 }
 .col{float:left;}
 .mb0{margin-bottom:0 !important;}
 .btn-style1 + .btn-style1{margin-left:6px;}
 .t-day-check-in,.t-day-check-out {
     margin-left: 4px;
 }
 .expense-itemlist-tabl .dataTables_filter {
     position: absolute;
     top: 0;
     right: 0;
 }
 caption {
     color: #343434;
 }
 .homepageDashboard .dataTables_wrapper .btn,.homepageDashboard .dataTables_wrapper caption h3{display:inline-block;vertical-align:top;}
 #clearFilter {
     display: inline-block;
     margin-left: 10px;
     vertical-align: middle;
     padding-top: 6px;
     text-decoration: underline;
     font-size: 14px;
     color:#f75b1f;
 }
 
 #applyfilterBtn {
     margin-left: 6px;
     width: 30px;
     height: 30px;
     padding: 0;
     background: none;
     box-shadow: none;
     border: 0;
     outline: none;
 }
 
 #applyfilterBtn img{
     display: inline-block;
     max-width: 100%;
     height: auto;
 }
 
 /*select::-webkit-input-placeholder { 
      opacity: .5;
 }
 select::-moz-placeholder {
      opacity: .5;
 }
 select:-ms-input-placeholder { 
   color: pink;
 }
 select:-moz-placeholder { 
       opacity: .5;
 }
 select[title] {
     color:#ddd;
 }*/
 /*---------- status buttons ---------*/
 .status-btn {
     min-width: 75px;
     height: 20px;
     line-height: 20px;
     background: #ccc;
     color: #fff;
     padding: 0 2px;
     border-radius: 20px;
     font-size: 12px;
     display: inline-block;
     text-align: center;
 }
 .pending-btn{
     background: red;
     /* color:red; */
 }
 .approved-btn{
     background: #ff9600;
     /* color:#ff9600; */
 }
 .paid-btn{
     background: green;
     /* color:green; */
 }
 .unapprove-btn{
     background: #550b0f;
     /* color:#550b0f; */
 }
 #tableFilterSect #close{
     background: #2cb03d;
 }
 
 .table-row{z-index:-1;}
 .preventfromClick{z-index:9999;}
 
 /*------- Actions button -----*/
 /*.unapprove-expense-link{background: #2cb03d;}*/
 .btn-brown, .btn-brown:hover, .btn-brown:active, .btn-brown:focus {
     background-color: #550b0f;
 }
 .btn-red, .btn-red:hover, .btn-red:active, .btn-red:focus {
     background-color: #f00;
 }
 
 .homepageDashboard  .table > thead > tr > th,.homepageDashboard  .table > tbody > tr > th,.homepageDashboard  .table > tfoot > tr > th,.homepageDashboard .table > thead > tr > td,.homepageDashboard .table > tbody > tr > td,.homepageDashboard .table > tfoot > tr > td {
    vertical-align: middle;
 }
 
 .expenseamount-value{border:0;}
 .expenseAmount {
     font-size: 26px;
     font-weight:600;
 }
 .expenseAmount label,.expenseAmount .expenseamount-value{
     display:inline-block;
     vertical-align:middle;
     line-height: normal;
     font-weight:600;
     margin:0;
 }
 .expenseAmount .expenseamount-value{
     font-size: 26px;
     font-weight:600;
     line-height: normal;
 }
 
 .hide-err{display: none}
 #tableFilterSect .error-msg{text-align: left}
 
 #expenseListTable tr{
     cursor:pointer;
 }
 
 /*--------  Changes on 16/09/2019 --------*/
 
 .expense-itemlist-tabl .card .body {
     padding-top: 0;
 }
 #appliedforFilterTitle,#tableFilterSect form,#addExpenseBtn {
     display: inline-block;
     vertical-align: middle;
 }
 #tableFilterSect form {
     width: 0%;
     position: absolute;
     right: 15%;
     top:20px;
     /*overflow:hidden;*/
     display:none;
     /*height: 32px !important;*/
 }
 .table-responsive{clear:both;}
 
 .expense-itemlist-tabl .dataTables_wrapper input[type="search"]:focus, .dataTables_wrapper input[type="search"]:active {
     border-bottom: 0;
 }
 .expense-itemlist-tabl .dataTables_filter {
     position: absolute;
     top: -47px;
     right: 9%;
     display: block;
     width: 0%;
     height: 32px !important;
     overflow:hidden;
 }
 .expense-itemlist-tabl div.dataTables_wrapper div.dataTables_filter input {
     margin-left: 0;
     padding: 0 6px;
     border: 0;
     background: #e9e9e9;
     border-radius: 5px;
     height: 30px;
     border: 1px solid #e9e9e9;
 }
 #tableFilterSect {
     padding: 0;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     padding:20px;
 }
 
 #applyfilterBtn {
     position: absolute;
     right: 11%;
     margin: 0;
 }
 #addExpenseBtn{
     position: absolute;
     right: 20px;
     top: 20px;
     width: 70px;
     min-width: inherit;
 }
 .expense-itemlist-tabl  .table-responsive {
     padding-top: 60px;
 }
 .expense-itemlist-tabl .no-padding{margin:0;}
 .expense-itemlist-tabl .no-padding > div {
     padding: 0 0 0 8px !important;
 }
 .t-check-in .t-date-info-title, .t-check-out .t-date-info-title {
     opacity: 1;
 }
 
 #tableFilterSect .title-3 {
     font-weight: 400;
 }
 .info-box-4{
     margin-bottom:20px;
 }
 .info-box-4 .content .number {
     font-size: 20px;
     font-weight:400;
 }
 [type="radio"].with-gap.radio-col-teal:checked + label:before {
     border: 2px solid #2cb03d;
 }
 [type="radio"].with-gap.radio-col-teal:checked + label:after {
      background-color: #2cb03d; 
      border: 2px solid #2cb03d; 
 }
 
 .homepageDashboard .dataTables_wrapper .btn {
     padding: 0;
     width: auto;
     height: auto;
     border: 0;
     box-shadow: none;
     
 }
 /*.homepageDashboard .dataTables_wrapper .btn img{
     width:20px;
     height:20px;
 }*/
 
 .expense-itemlist-tabl .table tbody tr td,.expense-itemlist-tabl .table tbody tr th {
     padding: 7px 10px;
 }
 .modal .modal-header .modal-title {
     color: #003399;
 }
 .homepageDashboard .dataTables_wrapper .btn img{
     width:20px;
     height:20px;
 }
 
 #toggleSearchBtn {
     width: 30px;
     height: 30px;
     padding: 0;
     margin: 0;
     background: none;
     /* border: 1px solid; */
     box-shadow: none;
     font-size: 31px;
     line-height: 30px;
     right: 7.7%;
     position: absolute;
     top: 20px;
     color: #2cb03d;
 }
 
 #toggleSearchBtn.btn:not(.btn-link):not(.btn-circle) i {
     font-size: 34px;
     position: relative;
     top: 0;
     vertical-align: top;
     line-height: 30px;
 }
 .t-dates label ,.t-dates span{
     display:inline-block;
     vertical-align:top;
 }
 .t-dates i {
     vertical-align: inherit;
     font-size: 15px;
     padding: 7px 4px 0 0;
 }
 .t-check-out i {
     display: none;
 }
 .t-check-in{
     border-right:0;
 }
 .t-check-out{
     border-left:0;
     
 }
 .t-check-out .t-dates.t-date-check-out {
     padding: 0px 15px 0 0;
 }
 .t-datepicker {
     width: 291px;
     float: right;
 }
 .t-dates.t-date-check-in {
     padding: 0px 4px 0 15px;
 }
 
 
 /*=============  Media Queries  ==============*/
 /*--- For large screen devices ---*/
 @media all and (min-width: 1200px) {
   .signInSect {
     max-width: 88%;
 }
   .loginPageBody .container {
     padding:0 9%;
   }
 }
 @media all and (min-width: 1500px) {
   /*.first-half-curve {
     left: -69%;
   }*/
 
 }
 @media all and (min-width: 2048px) {
   /*.first-half-curve {
       left: -70%;
   }*/
 
 }
 @media all and (min-width: 2732px) {
  /* .first-half-curve {
       left: -71%;
   }
   .second-half-curve {
     left: -39%;
   }*/
 
 }
 @media only screen and (min-width: 992px){
 .warrantyItem-sect .wd-project-bx{max-width:31.2%}
 
 }
 /*--- For small screen devices ---*/
 @media only screen and (max-width: 1260px) {
   /*.first-half-curve {
     left: -68%;
     -webkit-transform:  skew(27deg);
     -moz-transform:  skew(27deg);
     -ms-transform:  skew(27deg);
     -o-transform:  skew(27deg);
     transform: skew(27deg);
   }
    .second-half-curve {
     left: -41%;
     -webkit-clip-path: ellipse(32.8% 98% at 50% 70%);
     -ms-clip-path: ellipse(32.8% 98% at 50% 70%);
     -moz-clip-path: ellipse(32.8% 98% at 50% 70%);
     -o-clip-path: ellipse(32.8% 98% at 50% 70%);
     clip-path: ellipse(32.8% 98% at 50% 70%);
 }*/ 
 
 .second-half-curve {
     -webkit-clip-path: ellipse(31% 98% at 50% 70%);
     -ms-clip-path: ellipse(31% 98% at 50% 70%);
     -moz-clip-path: ellipse(31% 98% at 50% 70%);
     -o-clip-path: ellipse(31% 98% at 50% 70%);
     clip-path: ellipse(31% 98% at 50% 70%);
 }
 
     
 }
 @media only screen and (max-width: 1199px) {
   
   
    .first-half-curve {
     /*left: -73%;
     -webkit-transform: skew(24deg);
     -moz-transform: skew(24deg);
     -ms-transform: skew(24deg);
     -o-transform: skew(24deg);
     transform: skew(24deg);*/
     height:100%;
     left: -63%;
 }
   
   .second-half-curve {
     /*left: -44%;
     clip-path: ellipse(31% 98% at 50% 70%);
     -ms-clip-path: ellipse(31% 98% at 50% 70%);
     -moz-clip-path: ellipse(31% 98% at 50% 70%);
     -o-clip-path: ellipse(31% 98% at 50% 70%);
     clip-path: ellipse(31% 98% at 50% 70%);*/
     display:none;
 }
 
 .loginPageBody .dlogo {
     left: 0;
     width:250px;
 }
 
   .wd-project-bx {
     max-width: 31.3%;
   }
   .warrantyDetails-pg .container-fluid{width: 100%}
 }
 @media only screen and (max-width: 1024px){
 /*  .first-half-curve {
     left: -71%;
 }
 .second-half-curve {
     left: -41%;
     }*/
     .createwarrantyitemSect .card{
   max-width: 100%;
 }
 
 
 }
 
 @media only screen and (max-width: 991px) {
   .buttonListFilter{text-align:center;}
  /* .first-half-curve,.second-half-curve {
     display: none
 }*/
 .wrapper {
     padding: 40px 0;
 }
 .loginPageBody .dflex {
     height: auto;
     display: block;
 }
 .dlogo {
     margin: 0 auto;
 }
 .lg-asideimg {
     display: none;
 }
 /*.loginPageBody {
     background: url('../assets/images/logo/Contractor Illustration.png') no-repeat center 100%;
 }*/
 .wrapper{
   background : rgba(241, 244, 248,0.8);
 
 }
 .loginPageBody .wrapper {
     background: #fff;
 }
 .login-page .card {
   background: none;
 }
 .login-page .card a{
   color: #2cb03d ;
 }
 .login-page hr {
     margin-top: 0;
     margin-bottom: 40px;
     border-top: 1px solid #555;
 }
 .innerpg_logo {
     width: 180px;
 }
 .wd-project-bx {
     max-width: 48%;
 }
 .login-page .form-control{background: none !important;}
 .cbox-sect .container {
     max-width: 100%;
 }
 .warrantyDetails-pg form#addMessage .form-control {
     width: 61%;
 }
 .hsm-logo-bg {
     background-position: 3% center;
 }
 
 
 }
   
 @media only screen and (max-width: 767px) {
   .first-half-curve {
     left: -50%;
 }
   .navbar .navbar-header{
     width: 100% !important;
     padding: 0;
     margin: 0;
 }
 .bd-1{padding:10px;}
 
 .title-1 {
   font-size: 24px;
 }
 .modal .modal-header .modal-title {
     font-size: 18px;
 }
 .login-page [type="checkbox"] + label, .forgot-password {
     font-size: 13px;
 }
 .signIn-btn.btn:not(.btn-link):not(.btn-circle) {
     font-size: 16px;
 }
 .userInfo-toggle {
     position: absolute;
     top: 35px;
     right: 20px;
     padding: 0;
     margin: 0;
     display: block;
 }
 .navbar .other-info-head.navbar-nav{
    margin:0;
 }
 .navbar .other-info-head.navbar-nav {
     margin: 0;
     text-align: center;
     display: block;
     padding: 14px 0 0;
 }
 
 .wd-main-header .navbar-header + .navbar-collapse{
   margin-top: 10px;
 }
 .innerpg_logo {
     width: 100%;
     max-width: 280px;
 }
 #tableFilterSect .mb0 {
     margin-bottom: 10px !important;
     display: inline-block;
     width: 100%;
 }
  .projectsFilter-dropd {
     padding-left: 18%;
 }
 .modal .modal-content {
     max-width: 94%;
     margin: 0 auto;
     float: none;
 }
 .title-style1 {
     font-size: 24px;
 }
 #createWorkflow-list >ul>li {
     padding: 30px 20px;
     border: 1px solid #ddd;
     background: #E1E1E1;
     margin: 0 0 20px;
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
     -ms-border-radius: 6px;
     -o-border-radius: 6px;
     border-radius: 6px;
 }
 .createwarrantyitemSect form #createWorkflow-list .btn-default, .createwarrantyitemSect form #createWorkflow-list .btn-default:hover, .createwarrantyitemSect form #createWorkflow-list .btn-default:active, .createwarrantyitemSect form #createWorkflow-list .btn-default:focus {
     background-color: #e9e9e9 !important;
 }
 .createwarrantyitemSect #createWorkflow-list .form-group .form-control {
     background: #e9e9e9 !important;
 }
 
 .wd-project-bx {
     max-width: 100%;
     margin:0 15px 20px;
   }
   .projectsFilter-dropd .bootstrap-select.btn-group .dropdown-toggle .filter-option {
     text-overflow: ellipsis;
     width: 155px;
     white-space: nowrap;
     width: 120px;
     height: 16px;
 }
 
 .cbox-sect.myprofileSect #profile_settings .col-sm-6 {
     width: 50%;float: left
 }
 .cbox-sect.myprofileSect #profile_settings .form-horizontal .control-label {
     padding-top: 7px;
     margin-bottom: 0;
     text-align: right;
     float: left
 }
 .cbox-sect h3 {
     font-size: 16px;
 }
 .changepassword .profile-card .profile-header {
     padding: 30px 0;
 }
 .changepassword .profile-card .profile-body .image-area {
     text-align: center;
     margin-top: -51px;
 }
 .changepassword .profile-card form .control-label{margin-bottom: 0 !important}
 .warrantyDetails-pg .chat li{float: left !important}
 #createWorkflow-list li {
     padding: 40px 10px 20px;
     background: #e1e1e1;
     border-radius: 6px;
     margin: 0 0 20px;
 }
 .createwarrantyitemSect #createWorkflow-list .form-group .form-control ,.createwarrantyitemSect form #createWorkflow-list .btn-default{
     background: #e1e1e1 !important;
 }
 #createWorkflow-list .removeRow-wrapper {
     margin-bottom: 0;
     clear: both;
 }
 
 
 
 .loginPageBody .dlogo {
     margin:0 auto;
     width:100%;
     max-width:328px;
      display:block;
      position:static;
 }
 .login-page {
     max-width: 80%;
     margin: 0 auto;
     float: none;
     width: 100%;
 }
 .wrapper {
     height: inherit;
 }
 
 }
  @media only screen and (max-width: 640px) {
   .nav-tabs > li {float: left}
   .warrantyItem-sect  .nav-tabs > li {
     float: left;
 }
  
   .searchDatafilter.pull-right {
     float: left !important;
 }
  .nav-tabs {
     border-bottom: 0;
 }
 .block-header.homepageDashboard h2.title-2 {
     font-size: 26px;
     margin: 0 0 20px !important;
     padding: 20px 0 0;
     text-align: center;
     width: 100%;
     display: block;
     clear: both;
 }
 .modal-footer{text-align: center;}
 .btn-primary {
     width: auto !important;
     margin: 0 0 10px;
     display: inline-block;
     vertical-align: top;
     float: none !important;
 }
 .createwarrantyitemSect .modal-footer {
     padding: 0;
     text-align: center;
 }
 .userdirectory-sect .title-sect{text-align: center;}
 .userdirectory-sect .title-sect .pull-right {
     float: none !important;
 }
 .warrantyDetails-pg .leftsidesect .card .body{text-align: center;}
 .warrantyDetails-pg .leftsidesect .tab-pane .widget-main > p,.warrantyDetails-pg .leftsidesect .tab-pane .widget-main .pull-right.delete-warranty-link,.warrantyDetails-pg .leftsidesect .tab-pane .widget-main .pull-right.close-warranty-link{float: none !important}
 .warrantyDetails-pg .leftsidesect .tab-pane .widget-main .pull-right.delete-warranty-link,.warrantyDetails-pg .leftsidesect .tab-pane .widget-main .pull-right.close-warranty-link{display: inline-block;vertical-align: top}
 }
  
  @media only screen and (max-width: 567px) {
   .projectsFilter-dropd {
     padding-left: 10%;
 }
 .modal .modal-footer ,.modal .modal-header,.modal .modal-content .modal-body{
     text-align: center;
 }
 .warrantyItem-sect .nav-tabs > li.topright-tabBtn {
     top: 4px;
 } 
 .buttonstyle-navtab.nav-tabs >li>a {
     min-width: 100px;
 }
 .wd-main-header.navbar .navbar-toggle {
     margin-top: -28px;
     }
 
 .cbox-sect.myprofileSect #profile_settings .col-sm-6,.cbox-sect.myprofileSect #profile_settings .form-horizontal .control-label {
     width: 100%;float: none;text-align: center;
 }
 .cbox-sect.myprofileSect #profile_settings .form-group{margin:0;}
 
 .cbox-sect.myprofileSect #profile_settings .form-control{text-align: center;}
 
 .login-page {
     max-width: 100%;
     
 }
 
 }
  @media only screen and (max-width: 480px) {
   .innerpg_logo {
     max-width: 132px;
 }
 .userInfo-toggle {
     top: 10px;
     right:10px;
 }
 .searchDatafilter.pull-right {
     width: 151px;
     padding: 0;
 }
 .btn-style1 ,.btn-style2{
     min-width: inherit;
 }
 .wd-main-header.navbar .navbar-toggle {
     margin-top: -5px;
 } 
 .warrantyItem-sect .wd-project-bx .card .body .col-xs-8, .warrantyItem-sect .wd-project-bx .card .body .col-xs-4{width: 100%;text-align: center;}
 .loginPageBody .dlogo {
     max-width: 230px;
 }
 
 
 }