/*---purchase-----*/
.mred
{
    color: Red;
    margin-left: 20px;   
    font-weight :bold;
    }
.mblue{
    color: #009CF0 !important;
}
.k-footer-template .mblue {
    color: #49a942 !important;
}
.k-grid .k-grouping-header{
    border-color: #dbdbdb;
    background-color: #fff;
}

.k-filter{
    background-position: -48px -80px;
}

/*.checkbox input[type=checkbox]{
    margin-left: 0px;
}*/
.k-grid-header th.k-header {
    background-color: #1ab394;
    /*background-color:steelblue;*/
}
.selectcompany .btn-group, .selectcompany .btn-default, .selectcompany ul {
    width: 100%;
}
.btn-group > .btn:first-child {
    margin-left: -0px;
    /*width: -10px!important;*/
    /*width: 190%;*/
}

/*-----users-------*/
.record-history {
    background-color: #f5f5f5;
    color: #333;
    border-left: 3px solid #16a085;
    padding: 10px 15px;  
    margin: 10px 0;
}
.mand{
    border-left: 2px solid #ff6600 !important;
}

span.k-tooltip {
    position: absolute !important;
    display: inline-block;
    border-width: 1px;
    padding: 2px 5px 1px 6px !important;
    right: 15px;
    top: 0px;
}
.custtop-22p span.k-tooltip {
      right: 0px;
    top: -23px;
}
.tile .tile-header h1{
    padding: 0;
    margin: 0;
    display: inline-block;
    font-weight: 400;
    /*font-size: 20px;*/
    line-height: 26px;
}
.k-tooltip-validation {
    z-index: 10 !important;
}
.top-25p .k-tooltip-validation {
    top: -25px;
    right: 0px !important;
}
.w-490{
    width:490px !important;
}
.pr-0 {
    padding-right: 0px !important;
}
.w-17{
    width:17px !important;
}
.mtm-6{
    margin-top:-6px !important;
}
.mlm-18{
    margin-left:-18px !important;
}
.w100p {
    width: 100%!important;
}
.alert {
    padding: 6px;
    border-radius: 4px;
    margin-top: -10px;
    margin-bottom: 13px;
}
.pl-0{
    padding-left: 0px !important;
}
.pr-0{
    padding-right: 0px !important;
}
.f-rr {
    background-color: transparent !important;
    padding: 0px 30px !important;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}
.k-state-default .mand{
    border-left: 0px solid #ff6600 !important;
}
.filters-wapper{ margin: 0;}
.breadcrumb{ margin-top:8px;}
.section-hd h2{ margin:0; padding-top:5px;}
.section-hd h2 i{ margin-right:8px;}
.search-wapper{ margin-bottom:10px;}
 .search-wapper .btn-group > .btn:first-child{ margin:0;}
 .search-wapper .search-btn{margin-top: 24px;}
 .k-state-default{ position:relative;}
 .nuber-des-wapper  .k-state-default input[type="text"]{ position:absolute; top:0; left:0; height:35px; width:289px;}
 .date-des-wapper .k-datepicker input[type="text"]{ background:#fff;}
/*.backgroundeffect .modal-footer{ border:none;}*/
 .modal-footer{ border:none;}
.form-bg{background-color:#fff !important; padding:15px; margin-bottom:15px;}
.mar-t-null{ margin-top:0 !important}
.k-grid-content .checkbox{ margin:0;}
.k-grid td{ padding:2px 5px !important; font-size:12px; background-color:#fff;background:transparent !important;}
.checkbox{ text-align:center;}
 .checkboxlable.checkbox input[type="checkbox"]{ margin-left:0 !important;}
@media (max-width: 767px) {
    .wrapper-content{padding:20px 0;}
    .page-heading{ padding:10px 0;}
    .section-hd h2{ font-size:18px;}
    .filters-wapper .btn{ padding:3px 8px;}
     .search-wapper .search-btn{margin-top: 10px;}
   .xs-btn-block{ width:100%; text-align:center; margin-bottom:10px;}
   .breadcrumb{ margin-bottom:5px;}
   .nuber-des-wapper .k-state-default input[type="text"]{ width:auto;}
   .k-numeric-wrap.k-state-default, .k-numeric-wrap.k-state-focused{ background:#fff;}
   /*.backgroundeffect .modal-footer{ padding:0;}
   .backgroundeffect .modal-footer .pull-right{ float:none !important;}
   .backgroundeffect .modal-footer .btn + .btn{ margin:0;}*/
   .modal-footer{ padding:0;}
   .modal-footer .pull-right{ float:none !important;}
   .modal-footer .btn + .btn{ margin:0;}
   }

h1, h2, h3, h4, h5, h6 {
    font-family: 'Proxima Nova Alt Light', sans-serif !important;
    color: #34495e !important;
}
.ml-17{
   margin-left: 17px;
}
.auto-complete {
    border-right: 1px solid #E8DEDE!important;
    border-bottom: 1px solid #E8DEDE!important;
    height: 27px!important;
}
.mlm-542{
     margin-left: -542px!important;
}   
.mtm-24{
    margin-top: -24px!important;
}
.mt-0{
    margin-top:0px!important;
}
.mtm-15{
     margin-top:-15px!important;
}
.w-0{
    width:0px!important;
}
.h-35{
    height: 35px!important;
}
.h-62{
    height: 62px!important;
}
.mt-28{
    margin-top:28px!important;
}
.pt-20{
    padding-top:20px;
}
.ml-28{
    margin-left:28px!important;
}
.mb-18{
    margin-bottom:18px!important;
}
.animated1{
    margin-right:0px!important;
    background: rgba(255,255,255,0.5)!important;
    width: 320px!important;
    height:677px!important;
}
.logo{
    margin-left: 8px;font-size: 130px;
}
.ml-91{
    margin-left:91px;
}
.ml-55{
    margin-left: 55px;
  
}
.w-284{
    width: 284px;
}
.ml-17{
    margin-left: 17px;
}
.mr-15{
    margin-right:15px !important;
}
.mr-9{margin-right:9px!important}
.mrm-16{
    margin-right:-16px !important;
}
/*Reports*/
.k-footer-template .footerblue {
    color: #009CF0 !important;
}
.custgrid .k-grid-header .k-header {
    background-color: #eee !important;
    font-weight: bold !important;
    text-align: center !important;
}
.custgrid .k-grid-header .pcol {
    background-color: #fce2d1 !important;
    color: #666 !important;
}
.custgrid .k-grid-header .grcol {
    background-color: #ffe2d9 !important;
    color: #666 !important;
}
/*.k-grid-header .grcol .k-link {
    background-color: #ffe2d9 !important;
    color: #666 !important;
}
.k-grid-header .pcol .k-link {
    background-color: #fce2d1 !important;
    color: #666 !important;
}*/
.greenreports {
    color: #a4c932 !important;
}
.custgrid .k-grid-header .salcol {
    background-color: #e4e8f0 !important;
    color: #666 !important;
}

.custgrid .k-grid-header .dcol {
    background-color: #e5f1cc !important;
    color: #666 !important;
}
/*.pcol {
    background-color: #fce2d1 !important;
    color: #666 !important;
}*/
.redreports {
    color: #ff5b4e !important;
}
.yellowreports {   
    color: cornflowerblue;
}
.salcol {
    background-color: #e4e8f0 !important;
    color: #666 !important;
}
.dcol {
    background-color: #e5f1cc !important;
    color: #666 !important;
}
.k-grid .k-header .k-link{
    color: #fff !important;
}
/*.datecol{
    color: #666 !important;
}*/
body.login-bg{ background:url(../../img/03.jpg) no-repeat; background-size:cover;height:auto}
.login-wapper{ position:fixed; width:400px; height:100%; right:30px; top:0; bottom: 0; padding:90px 30px 0; }
.logo{ padding:0; margin:0; text-align:center; color:#013751!important; font-size:100px; font-weight:bold; }
.login-wapper h3{ margin-top:0; margin-bottom:20px; font-size:18px;  text-align:center;}
.login-wapper p{ margin-top:20px;}
/*.copy{ position:absolute; bottom:20px; text-align:center; right:0; left:0; margin-left:auto; margin-right:auto;}*/
.copy{ position:absolute; bottom:10px; text-align:center; right:0; left:0; margin-left:auto; margin-right:auto; font-size:11px;}
@media screen and (max-width: 768px) {
body{ background-size:auto;}
.login-wapper{ width:100%; left:0; padding-top:30%;}
}
.k-grid-header .k-header{
    color:#fff !important;
}
.msg-success{
    color:darkgreen;
    margin-left: -58px;
    margin-right: 45px;
}
.fadeInRight li a:hover { 
    background-color: #18a689;
     color:white;
}
/*.k-grid-header .k-header{
    color:#666 !important;
}*/
.reports-grid .k-header .k-link {
    color: #fff !important;
}

.k-grid-header .pcol .k-link {
    background-color: #fce2d1 !important;
    color: #666 !important;
}
.k-grid-header .grcol .k-link {
    background-color: #ffe2d9 !important;
    color: #666 !important;
}
.k-grid-header .datecol .k-link {
    color: #666 !important;
}
.datecol{
    color: #666 !important;
}
.vendors-grid .k-header {
    background-color: #6a97c9 !important;
    color: #fff!important;
}
.k-grid-header th.k-header {
    background-color: #1ab394;
    /*background-color:steelblue;*/
    /*color: #fff!important;*/
}
.clr .k-grid-header th.k-header {
    background-color: steelblue;
     color: #fff!important; 
}
.color-green{
color:#1ab394!important;
}
.k-grid-header .salcol .k-link {
    background-color: #e4e8f0 !important;
    color: #666 !important;
}
.k-grid-header .dcol .k-link {
    background-color: #e5f1cc !important;
    color: #666 !important;
}
.k-header, .k-grid-header-wrap, .k-grid .k-grouping-header, .k-grid-header, .k-pager-wrap, .k-pager-wrap .k-textbox, .k-pager-wrap .k-link, .k-grouping-header .k-group-indicator, .k-gantt-toolbar .k-state-default {
    border-color: #dbdbdb;
}
.k-grid td .pcol {
    background-color: #fce2d1 !important;
    color: #666 !important;
}
 .k-grid td .dcol {
    background-color: #e5f1cc !important;
    color: #666 !important;
}
.k-grid td .salcol {
    background-color: #e4e8f0 !important;
    color: #666 !important;
}

 /*activity css*/
 .img{width:30px;height:38px;margin-right: -7px;margin-top: 33px;}
 /*.nav-tabs>li a:hover { background: transparent; border-color: transparent;}*/
 .nav-tabs>li a:focus{ background: #1ab394!important; border-color: #1ab394!important;color: #FFF!important;}
 .sampleimg .thumb img { height: 36px; max-width: 45px; vertical-align: middle;}
 .sampleimg .img-circle {border-radius: 30%;}
 .panel-body h5, .panel-body h4 { font-weight: 600; font-size: 16px;}
 .pername { font-size: 15px !important;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
 .taskupdate .contact-box .acolor { color: #2196f3; }
 .sampleimg .thumb img {height: 36px; max-width: 45px; vertical-align: middle; }
 .mt-7 {margin-top: 7px !important; }
 .taskbox { overflow-y: scroll; height: 88px;}
 .taskup .k-button.k-upload-button {height: 36px;border: 1px solid rgba(0, 0, 0, 0.1); }
 .attachfile {height: 38px !important;max-height: 38px !important; overflow-y: scroll; border: 1px solid #cdd3d7;border-left: 2px solid #eee;border-right: 2px solid #cdd3d7; }
 .taskup .k-upload {border: 1px solid #fff;height: 36px;  }
 .attachfile ul li {float: left;list-style: none;background-color: #eee;margin: 4px 2px 2px 8px;padding: 4px;border-radius: 20px;}
 .img{width:30px;height:38px;margin-right: -7px;margin-top: 33px;}
 .sampleimg .thumb img {height: 36px;max-width: 45px;vertical-align: middle;}
.sampleimg .img-circle {border-radius: 30%;}
.panel-body h5, .panel-body h4 { font-weight: 600;font-size: 16px;}
.pername {font-size: 15px !important;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
 .img-main {width: 40px;height: 38px;}
 #leftsidebar .fa-thumb-tack {font-size: 14px !important;}
 .fa-rotate-45 {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);} 
.fa-rotate-45{
    -webkit-transform: rotate(45deg) !important;
    -o-transform: rotate(45deg) !important;
    -moz-transform: rotate(45deg) !important;
}
.text-success {color: #62cb31;}
.taskupdate .contact-box .rcolor, .rcolor {color: #ff6600 !important;}
.taskbox {overflow-y: auto;height: 88px;margin-top: -20px;margin-bottom: -20px;margin-right: -21px;}
.h-150 {min-height: 150px;}
.taskupdate .contact-box {box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 0px 1px 0 rgba(0, 0, 0, 0.26);}
a {cursor: pointer;color: #34495e;}
.w-h-48 { width: 48px!important; height: 48px!important;}
.media:first-child {margin-top: 0!important;} 
.p-99 {padding-bottom: 24px;padding-top: 19px;}
 #leftsidebar h3, #leftsidebar h3 label {font-size: 16px !important;font-weight: bold !important;}
 .notifbg {background: -webkit-linear-gradient(left, #ddf1fd 1%,#e7f5fe 52%,#f0f9fe 100%);}
 .fa {display: inline-block;text-rendering: auto;-webkit-font-smoothing: antialiased;}
 .boxgray { background-color: #efefef !important;}
 .mb-10{ margin-bottom: 10px;}
  .mr-5{ margin-right: 5px !important;}
  .mt-15{ margin-top: 15px !important;}

   .mt-5{margin-top:5px!important}
  .w-526{width:526px;}

  .pt-15 {padding-top: 15px!important;}
  .p-15{padding:15px;}
.mt-20{margin-top: 20px!important;}
.mr-16{margin-right:16px!important}
.tab-color.nav-tabs > li > a, .nav-tabs > li > div {
    color: rgba(119, 124, 132, 0.99);
    font-weight: 600;
    /*padding: 10px 20px 10px 25px;*/
    padding: 4px 17px 6px 14px;
    font-size: 15px;
}
.activestate{
    background-color:cadetblue !important;
    color:#fff!important;
}
.mt-15{
    margin-top: 15px !important;
}
.ml-0{
    margin-left:0px!important;
}
.font-15{
    font-size:15px;
}
.k-grid-filter.k-state-active {
    background-color: #3b91d8;
}
.mrm-29{
    margin-right:-29px !important;
}
.mt-10{margin-top:10px!important;}
.mb-0{margin-bottom:0px!important}
.clr-green{color: #1ab394;}
.clr-red{color:red;}
.clr-blue{color: #4682B4;}
.clr-orange{color:#FFD700;}

.mtm-20{margin-top:-20px!important;}
.list-none{list-style: none;}
.mand1{border-left:2px solid #ff6600 !important;}
.k-autocomplete.k-state-default {border-left-width: 0px !important;}


.breakword { word-wrap: break-word !important;}
.ml-20{margin-left:20px!important;}
.mlm-14{margin-left:-14px;}
.mlm-38{margin-left:-38px;}
.breakword {
    word-wrap: break-word !important;
}
.ml-20{
    margin-left:20px!important;
}
.w-345{
    width:345px !important;
}
.activity-block.wapper{border-top:1px solid #ccc; padding:15px 15px 15px; background:#fafafa; margin-top:15px;}
.activity-block.notify{ padding:5px 15px 5px 60px; border-bottom:none; margin-bottom:0;}
.activity-block{ width:100%; border-bottom:1px solid #ccc; margin-bottom:10px;}
.activity-block .activity-block-top{ display:table; width: 100%;}
.activity-block .activity-block-top .actvity-top-left{ width:40px;}
.activity-block .activity-block-top .actvity-top-left, .activity-block .activity-block-top .actvity-top-text, .activity-block .activity-block-top .actvity-top-actions{ display:table-cell; vertical-align:top;}
.activity-block .activity-block-top .actvity-top-text{ padding-left:10px; padding-right:10px;}
.activity-block .activity-block-top .actvity-top-text h4, .activity-block .activity-block-top .actvity-top-text p{ margin:0 0 2px 0;}
.activity-block .activity-block-top .actvity-top-text h4{ font-size:16px;}
.activity-block .activity-block-top .actvity-top-text .due{ color:#f00;}
.activity-block .activity-block-top .actvity-top-text .dueblack{ color:#666;}
.activity-block .activity-block-top .actvity-top-text .dueyellow{ color:#fff400;}  /*Added by Purna on 20-03-2017*/
.activity-block .activity-block-top .actvity-top-left .actvity-img{ width:100%; height:40px;}
.activity-block .activity-block-top .actvity-top-actions{text-align: right; white-space: nowrap; padding-left: 5px;}
.activity-block .activity-block-top .actvity-top-actions .reply{ padding:0 5px;}
.activity-block .activity-block-top .actvity-top-actions .numberCircle {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    padding: 6px;
    background: #f00;
    border: 1px solid #666;
    color: #666;
    text-align: center;
  }
  .activity-block .activity-block-top .actvity-top-actions .numberCirclecount {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    padding: 6px;
    background: #00FF00;
    border: 1px solid #666;
    color: #666;
    text-align: center;
  }
.activity-block .activity-body{ display:block; margin-top:3px;}
.activity-block .activity-body p{ font-size:13px;margin-bottom:0;}
.img-fullcircle {border-radius: 50%;border: 1px solid #999;}
.taskupdate{box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 0px 1px 0 rgba(0, 0, 0, 0.26);padding: 15px;}
.h-128{min-height: 147px!important;}
/*@media (min-width:768) {
    .activity-block .activity-block-top .actvity-top-left {
        width: 40px!important;
    }
}*/
.mlm-32{margin-left:-32px!important;}
.w-114{width:114%!important}
.w-121{width:121%!important}
.cursor{
    cursor:pointer;
}
/*dashboards css*/
.dashboards\.dashboard_5 nav.navbar {
    background: #19c0a0 !important;
}
.dashboardbox{background: linear-gradient(to right, #38537a 0%,#4b6487 54%,#5f7594 100%) !important;width: 80px;color: #fff;padding: 0px 4px 1px 3px;}
@media only screen and (min-width: 768px) {
    .search {
        text-align: center!important;
    }
}
.search {min-height: 50px!important;border-bottom: 1px solid #dfdfe4!important;padding: 0px!important;margin-top: -11px;}
.btn-custom{font-size: 15px;transition: 0.5s ease all;padding-left: 25px;padding-right: 25px;min-width: 150px;color: #fff;background-color:#1ab394;}
.dashborad-wapper .dashord-block {margin-bottom: 15px;}
.dashborad-wapper .dashord-block .panel-body {min-height: 85px;}
.dashborad-wapper .panel-body {padding: 5px 15px;}
.text-white, .text-light {color: #fff !important;}
.bk-primary {background: #4b76a1;}
.dashborad-wapper .dashord-block .panel-body .stat-panel .stat-panel-number {font-size: 24px;}
.dashborad-wapper .dashord-block .panel-body .stat-panel .stat-panel-title {font-size: 15px;}
.bk-success {background: #93c54b;}
.bk-info {background: #29abe0;}
.bk-warning {background: #f59f5f;}
@media only screen and (min-width: 992px) {
.search .form-inline label {
        margin-right: 10px;
    }
}
.search .form-inline label {font-weight: 700;}
@media only screen and (min-width: 768px) {
    .dashboard-search .form-group {
        margin-right: 15px !important;
    }
}
.search-radius{ border-radius: 3px;}
.w-212{ width: 212px!important;}
.f-size .form-control { font-size: 13px;}
.word-break{word-break: break-all!important;}
.p-26{padding: 26px!important;}
.bk-red{background: #ff0202!important;}
/*dashboard css end*/
.w-auto{width:auto;}
.p-0{padding:10px!important;}
.section-space{margin-bottom: -2px;margin-top: 11px;}
.form-content{margin-top: -11px;margin-left: -7px;}
.ml-12{margin-left:12px!important;}
.mr-12{margin-right:12px!important;}
.mrm-46{margin-right:-46px!important}
.gray-bg {background-color: #fff!important;}
.bg-gray {
    background-color: #f3f3f4
}
.bg-green{background-color:#9fca9f;}
.bg-orange{background-color:#EE7600;}
.bg-red {
    background-color: #f8b2a3;
}
.bg-yellow{background-color:#e2e245;}
.c-green{color:green;}
.c-red{color:red;}
.c-yellow{color:yellow;}
.store-tabsborder.nav-tabs {
     border-bottom: 0px solid #ddd !important; 
}
.store-tabs.nav {
    padding-left: 0px;
    margin-bottom: -10px !important;
    list-style: none;
}

.text-red{color:red;font-size:17px; font-weight:600;}

.modal-header{
    border:none;
}
.modal-footer{height:0;}
.mtm-55{margin-top:-55px;}
 .footer-btns{   margin-bottom: 41px;
    padding: 0px 16px 6px 5px;}

    .msg-success-index {
    color: darkgreen;
    margin-left: -96px;
    margin-right: 8px;
}
.headColor{
	font-size: 150% !important;
	color: blue !important;
}
.city {
   float: left;
   margin: 5px;
   padding: 15px;  
   border: 1px solid green;
}   
.wiight {font-weight: 700;}

/* For Payroll Start  */

.css-form input.ng-invalid.ng-touched {
    /*background-color: #FA787E;*/
    border-left: 1px solid #ff6600 !important;
    border-right: 1px solid #ff6600 !important;
    border-top: 1px solid #ff6600 !important;
    border-bottom: 1px solid #ff6600 !important;
    
}
.css-form input.ng-valid.ng-touched {
    /*background-color: #78FA89;*/
    border-left: 1px solid #78FA89 !important;
    border-right: 1px solid #78FA89 !important;
    border-top: 1px solid #78FA89 !important;
    border-bottom: 1px solid #78FA89 !important;
    
}
.requiredlable::before{
    content:"*";
    color:red;
}

.css-form .k-widget.k-tooltip-validation {
    display: none !important;
}



    .css-form select.ng-invalid.ng-touched {
        /*background-color: #FA787E;*/
        border-left: 1px solid #ff6600 !important;
        border-right: 1px solid #ff6600 !important;
        border-top: 1px solid #ff6600 !important;
        border-bottom: 1px solid #ff6600 !important;
    }

    .css-form select.ng-valid.ng-touched {
        /*background-color: #78FA89;*/
        border-left: 1px solid #78FA89 !important;
        border-right: 1px solid #78FA89 !important;
        border-top: 1px solid #78FA89 !important;
        border-bottom: 1px solid #78FA89 !important;
    }

    .css-form1 {
        /*background-color: #FA787E;*/
        border-left: 1px solid #ff6600 !important;
        border-right: 1px solid #ff6600 !important;
        border-top: 1px solid #ff6600 !important;
        border-bottom: 1px solid #ff6600 !important;
    }
    .css-form2 .k-widget.k-tooltip-validation {
    display: none !important;
}
    /* Payroll End */

    /* For Kendo UI  */
.k-form-error, .k-form-hint {
    padding: 4px 0 0;
    margin: 0 0 4px;
    font-size: 14px !important;
    display: -ms-flexbox;
    display: inherit !important;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

.k-pager-numbers .k-link {
    border-radius: 0;
    margin-top: 6px !important;
    padding: 11px 8px !important;
}

.k-pager-wrap .k-pager-numbers .k-state-selected {
    margin-top: 0.4em !important;
}

.k-calendar {
    width: 250px !important;
}
.k-popup.k-calendar-container {
    font-size: 13px !important;
}
.k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm, .k-grid-header .k-sort-order {
    color: white !important;
}

.k-state-active {
    background-color: #3b91d8 !important;
}

.k-grid-header th.k-header .k-icon {
    position: relative !important
}
.text-overflow {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color:steelblue !important;
}
.KendoFooterAggregate{
    color:steelblue !important;
    text-align:right;
}