/*--
Author: Swaraj
Author URL: Swaraj
--*/
/*--- reset code ---*/

ol, ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* start editing from here */
a {
    text-decoration: none;
}

.txt-rt {
    text-align: right;
}
/* text align right */
.txt-lt {
    text-align: left;
}
/* text align left */
.txt-center {
    text-align: center;
    /*-- W3Layouts --*/
}

.filter-icon a {
    display: block;
    min-height: 30px;
}

.filter-icon P {
    float: right;
}
/* text align center */
.float-rt {
    float: right;
}
/* float right */
.float-lt {
    float: left;
}
/* float left */
.clear {
    clear: both;
}
/* clear float */
.pos-relative {
    position: relative;
}
/* Position Relative */
.pos-absolute {
    position: absolute;
}
/* Position Absolute */
.vertical-base {
    vertical-align: baseline;
}
/* vertical align baseline */
.vertical-top {
    vertical-align: top;
}
/* vertical align top */
nav.vertical ul li {
    display: block;
}
/* vertical menu */
nav.horizontal ul li {
    display: inline-block;
}
/* horizontal menu */
img {
    max-width: 100%;
}
/*--- end reset code ---*/

body a:hover {
    text-decoration: none;
}

body a:focus, a:hover {
    text-decoration: none;
}

input[type="button"], input[type="submit"] {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

label {
    margin: 0;
    color: #fff;
}

a:focus, a:hover {
    text-decoration: none;
    outline: none;
}


.home-register-page {
    background: url(../images/bg.jpg);
    background-attachment: fixed;
    background-size: cover;
    padding: 3em 0;
    height: 100vh;
}

p {
    font-family: 'Open Sans', sans-serif;
}

.tagline-section {
    width: 100%;
    float: left;
    text-align: center;
    color: #fff;
    font-weight: bold;
}

    .tagline-section h1 {
        text-transform: uppercase;
        font-size: 40px;
        margin: 0;
        padding-right: 50px;
    }

    .tagline-section h2 {
        text-transform: capitalize;
        font-size: 40px;
        margin: 0;
        padding-right: 50px;
    }

.register-full {
    width: 90%;
    margin: 2em auto 0;
}

.register-right {
    background: #FFFFFF;
    background: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0px 0px 2px 1px rgba(253, 249, 249, 0.75);
    -moz-box-shadow: 0px 0px 2px 1px rgba(253, 249, 249, 0.75);
    box-shadow: 0px 0px 2px 1px rgba(253, 249, 249, 0.75);
}

.register-in {
    padding: 2em 1.5em;
}

.setTable .grid-tbl thead tr td:first-child {
    width: 220px;
}

.register-left {
    width: 60%;
    float: left;
}

.register-right {
    width: 30%;
    float: right;
}

.register-left p {
    margin: 2em 0;
    line-height: 28px;
    font-size: 15px;
    font-weight: 100;
    padding: 0 4em;
    letter-spacing: 1px;
    color: #FFFFFF;
    text-align: center;
}

.register-left h1 {
    font-size: 3em;
    text-transform: uppercase;
    margin-top: .5em;
    margin-bottom: .5em;
    color: #FFFFFF;
    text-align: center;
}

.register-right h2 {
    margin-bottom: 10px;
    display: block;
    text-align: center;
}

.link a {
    color: #FFFFFF;
    padding: .5em;
    font-size: 1.5em;
    border: 2px solid #0a7369;
}

.checkbox a {
    color: #999;
}

    .checkbox a:hover {
        color: #fff;
    }

.link a:hover {
    color: #000;
    border: 2px solid #FFFFFF;
    background: none;
}

.register-form {
    margin: 2em 0 0 0;
}

    .register-form h4, .address h4 {
        margin-bottom: 2em;
        color: #404040;
        margin: 0 0 2em 0;
        font-weight: 600;
    }

.register input[type="text"], .register input[type="email"], .register input[type="password"], .register input[type="tel"] {
    font-size: 1em;
    color: #fff;
    padding: 0.9em 3em;
    border: 0;
    width: 100%;
    /* border-bottom: 1px solid #13351c;	 */
    background: rgba(19, 53, 28, 0.8);
    -webkit-appearance: none;
    outline: none;
    border-radius: 30px;
    line-height: 20px;
}

select {
    font-size: .9em;
    letter-spacing: 1px;
    color: black;
    font-weight: 100;
    padding: 0.6em .5em;
    border: 0;
    width: 97%;
    border-bottom: 1px solid #dcdcdc;
    background: none;
    font-family: 'Open Sans', sans-serif;
}

input[type="checkbox"] {
    cursor: pointer;
    margin-right: 10px;
}

.register textarea {
    min-height: 150px;
    resize: none;
}
/*-- input-effect --*/
.styled-input.agile-styled-input-top {
    margin-top: 0;
}

.styled-input input:focus ~ label, .styled-input input:valid ~ label, .styled-input textarea:focus ~ label, .styled-input textarea:valid ~ label {
    font-size: .9em;
    color: #999;
    top: -2.3em;
    -webkit-transition: all 0.125s;
    -moz-transition: all 0.125s;
    -o-transition: all 0.125s;
    -ms-transition: all 0.125s;
    transition: all 0.125s;
}

.styled-input {
    width: 100%;
    position: relative;
    margin: 0 0 1em;
}

    .styled-input:nth-child(1), .styled-input:nth-child(3) {
        margin-left: 0;
    }

.textarea-grid {
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
}

.styled-input label {
    color: #fff;
    padding: 1.2em 3.9em;
    letter-spacing: 1px;
    font-weight: 100;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    pointer-events: none;
    font-size: .9em;
    display: block;
    line-height: 1em;
}

.styled-input input ~ span, .styled-input textarea ~ span {
    display: block;
    width: 0;
    height: 2px;
    background: none;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.125s;
    -moz-transition: all 0.125s;
    transition: all 0.125s;
}

/*option {
    background: #222;
}*/
.searchcollaspe select.form-control {
    margin-bottom: 12px;
}

select:focus {
    outline: none;
}

.styled-input textarea ~ span {
    bottom: 5px;
}

.styled-input input:focus.styled-input textarea:focus {
    outline: 0;
}

.styled-input input:focus ~ span, .styled-input textarea:focus ~ span {
    width: 100%;
    -webkit-transition: all 0.075s;
    -moz-transition: all 0.075s;
    transition: all 0.075s;
}

.login-btn {
    outline: none;
    color: #FFFFFF;
    width: 100%;
    padding: .6em 1em;
    font-size: 1.1em;
    letter-spacing: 1px;
    margin: 0;
    -webkit-appearance: none;
    background: #039f4b;
    border: 2px solid #039f4b !important;
    cursor: pointer;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
    font-family: 'Open Sans', sans-serif;
    border-radius: 30px !important;
}

    .login-btn:hover {
        background: #fff;
        border: 2px solid #039f4b;
        color: #039f4b;
    }

/*-- //input-effect --*/
.register-form input[type="submit"] {
    outline: none;
    color: #FFFFFF;
    width: 100%;
    padding: .6em 1em;
    font-size: 1.1em;
    letter-spacing: 1px;
    margin: 0;
    -webkit-appearance: none;
    background: #039f4b;
    border: 2px solid #039f4b;
    cursor: pointer;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
    font-family: 'Open Sans', sans-serif;
    border-radius: 30px;
}


.register input[type="tel"]::placeholder {
    text-align: center;
    padding: 0px 20px;
}

.register input[type="tel"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #d6d6d6;
}

.register input[type="tel"]::-moz-placeholder { /* Firefox 19+ */
    color: #d6d6d6;
}

.register input[type="tel"]:-ms-input-placeholder { /* IE 10+ */
    color: #d6d6d6;
}

.register input[type="tel"]:-moz-placeholder { /* Firefox 18- */
    color: #d6d6d6;
}


.logo {
    text-align: center;
    margin-top: 5em;
}

    .logo span.fa {
        color: #fff;
        font-size: 6em;
    }

.register-form input[type="submit"]:hover {
    background: #fff;
    border: 2px solid #039f4b;
    color: #039f4b;
}

input[type="text"] {
    width: 100%;
}

.content3 {
    text-align: center;
    margin: 7% auto 2%;
}

    .content3 a {
        background: #2dde98;
        font-size: 15px;
        outline-offset: 4px;
        outline: 2px solid #fff;
        color: #ffffff;
        padding: 12px 30px;
        letter-spacing: 1px;
        display: initial;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -ms-transition: 0.5s all;
    }

        .content3 a:hover {
            background: #ff4f81;
            outline: 2px solid transparent;
        }

        .content3 a.read {
            background: #ff4f81;
            font-size: 16px;
            outline-offset: 4px;
            outline: 2px solid #fff;
            padding: 12px 30px;
            display: initial;
            transition: 0.5s all;
            -webkit-transition: 0.5s all;
            -moz-transition: 0.5s all;
            -ms-transition: 0.5s all;
        }

            .content3 a.read:hover {
                background: #2dde98;
                outline: 2px solid transparent;
            }

    .content3 ul li {
        display: inline-block;
        margin: 0 .5em;
    }
/*-- //contact --*/
/*-- copyright --*/
.agile-copyright {
    color: #fff;
    text-align: center;
    font-size: 15px;
    margin: 2em 0 0;
    letter-spacing: 2px;
    font-weight: 200;
    font-family: 'Open Sans', sans-serif;
    background-color: #039f4b;
    padding: 6px 0;
    font-size: 13px;
    position: fixed;
    width: 100%;
    bottom: 0;
}

    .agile-copyright a:hover {
        color: #999;
    }

    .agile-copyright a {
        color: #fff;
    }
/*-- //copyright --*/

.headline-1, .headline-2 {
    text-align: center;
}

.headline-1 {
    font-size: 20px;
    font-weight: 600;
    color: #02321f;
    margin-bottom: 0px;
}

.headline-2 {
    font-size: 14px;
    color: #565656;
    line-height: 19px;
}

.styled-input .input-group-addon {
    color: #fff;
    position: absolute;
    top: 10px;
    left: 15px;
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
}





/*--	Dasboard design page --*/

.swaraj-logo {
    width: 150px;
}


.customer-id {
    width: 100%;
    float: left;
}

.call-sec {
    width: 100%;
    float: left;
}

.call-icon {
    float: left;
}

.call-text {
    padding: 6px 0 0 8px;
    float: left;
}

.icon-phone, .icon-spirit {
    background-image: url("../images/icon-spirit.png");
    background-repeat: no-repeat;
    height: 26px;
    width: 26px;
    /*display: block;*/
}

.icon-phone {
    background-position: -1px -1px;
}

.icon-dashboard {
    background-position: -5px -27px;
}

.icon-logs {
    background-position: -5px -52px;
}

.icon-inventory {
    background-position: -5px -74px;
}

.icon-notification {
    background-position: -5px -123px;
}

.icon-product-fab {
    background-position: -5px -143px;
}

.icon-preference {
    background-position: -5px -164px;
}

.icon-target {
    background-position: -5px -185px;
}

.icon-tractor-scan {
    background-position: -5px -208px;
}

.icon-claim-management {
    background-position: -5px -234px;
}

.icon-sales-management {
    background-position: -5px -264px;
}

.icon-action-management {
    background-position: -5px -264px;
}

.icon-logout {
    background-position: -5px -288px;
}

.icon-filter {
    background-position: -5px -315px;
}

.icon-market {
    background-position: -5px -344px;
}

.call-icon i {
    color: #fff;
    padding: 7px 8px;
    border: 1px solid #fff;
    border-radius: 50%;
}

.call-text {
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}

    .call-text span {
        color: #000;
    }

.main-content h2 {
    font-size: 22px;
    font-weight: normal;
    border-bottom: 1px solid #039f4b;
    padding-bottom: 3px;
}

.main-content .tile h3 {
    font-size: 16px;
    padding-bottom: 4px;
    color: #039f4b;
    font-weight: 600;
    margin-bottom: 0;
    padding: 5px 0;
}

.progressred {
    background-color: #ff0000 !important;
    border-color: #ff0000 !important;
}

.progressgreen {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}

.graph-tbl thead th:last-child, .graph-tbl tbody td:last-child {
    text-align: right;
}

.progress {
    border: 1px solid #d6d6d6;
}

.tile p.org-border-bottom {
    border-bottom: 1px solid #688396;
    padding-bottom: 5px;
    color: #ff9a14;
    font-size: 14px;
    font-weight: bold;
}

.main-content .tile {
    background: #f9f9f9;
}

    .main-content .tile span {
        display: inline-block;
    }

.card-inner {
    background-color: #fff;
}

table.grid-tbl thead tr td {
    background-color: #b0b0b0;
    color: #fff;
}

table.grid-tbl tbody tr td {
    text-transform: uppercase;
    color: #688396;
    font-size: 15px;
    font-weight: 600;
    padding: 4px 12px;
}

    table.grid-tbl tbody tr td span {
        width: 100%;
        display: block;
        color: #f6b350;
    }

.main-content .card-inner h4 {
    color: #b0b0b0;
    font-size: 16px;
    font-weight: 600;
}

.card-outer-bdr {
    border: 8px solid #f4f4f4;
    padding: 12px;
}

.show-graph {
    width: 100%;
    float: left;
    background-color: #353535;
}

table.graph-tbl thead th {
    background-color: #31363a;
    color: #fff;
}

table.graph-tbl thead th {
    border-bottom-width: 0px;
}

    table.graph-tbl thead th span {
        color: #98aab9;
    }

.custom-search-form {
    width: 100%;
    float: left;
}

.custom-search {
    width: 30%;
    float: left;
}

    .custom-search input[type="text"] {
        border: 1px solid #f0f0f0;
    }

.main-content.inner-pge .tile {
    margin: 0;
}

.progress-bar-success {
    background-color: #0AA699;
    background-image: none;
}




/* Dashboard Inner Page */

.graph-sec {
    width: 100%;
    float: left;
}

    .graph-sec h2 {
        color: #039f4b;
        font-size: 15px;
    }

.equiry-sec {
    background: url(./images/bg-equiries.jpg) 0 0 repeat;
    width: 100%;
}

.font-green {
    color: #2c942e;
}

.font-login {
    color: #039f4b;
}

.enq-round {
    position: relative;
    margin: 15px;
    text-align: right;
}

.enquery-bg {
    background: rgba(73,102,122,0.1) 0 0 no-repeat;
    padding: 5px 8px 0;
    border-radius: 4px;
}

.enquery-detail {
    width: 60%;
    margin-top: 60px;
}

h3.top-head {
    color: #8ea6ba;
    font-size: 24px;
    font-weight: normal;
}

.pl-0 {
    padding-left: 0;
}

h3.top-head:before {
    border: 4px solid #ff3039;
    width: 6%;
    border-radius: 5px;
    content: "";
    height: 2%;
    display: inline-block;
    position: relative;
    top: -2px;
    margin-right: 12px;
    background: #ff3039;
}

h3.top-head > span {
    color: #ff3039;
    font-style: italic;
}

h4.top-head {
    color: #8ea6ba;
    font-size: 20px;
    font-weight: normal;
}

    h4.top-head:before {
        border: 4px solid #ff9a14;
        width: 9%;
        border-radius: 5px;
        content: "";
        height: 2%;
        display: inline-block;
        position: relative;
        top: -2px;
        margin-right: 20px;
        background: #ff9a14;
    }

h5.top-head {
    color: #8ea6ba;
    font-size: 20px;
    font-weight: normal;
}

    h5.top-head:before {
        border: 4px solid #008afd;
        width: 9%;
        border-radius: 5px;
        content: "";
        height: 2%;
        display: inline-block;
        position: relative;
        top: -2px;
        margin-right: 20px;
        background: #008afd;
    }

.enquery-bg .table tr th, .enquery-bg .table tr td {
    border: 0;
    /*border-bottom:5px solid #2c942e;*/
    padding-top: 0;
    padding-bottom: 0;
}

.enquery-bg .table tr th, .enquery-detail .table tr td {
    font-size: 20px;
    color: #fff;
    font-weight: normal;
}

    .enquery-bg .table tr th.last, .enquery-detail .table tr td.last {
        color: #94adc1;
        text-align: right;
    }

.enquery-bg .progress {
    height: 0.6rem;
}

    .enquery-bg .progress .progress-bar-success {
        background: #2c942e;
    }

.enq-result {
    padding: 0 8px;
}

    .enq-result .table tr th, .enq-result .table tr td {
        border: 0;
    }

    .enq-result .table tr th, .enq-result .table tr td {
        font-size: 20px;
        color: #fff;
        font-weight: normal;
        padding-top: 0;
        padding-bottom: 0;
    }

.tile-heading {
    color: #ff9a14;
    font-weight: bold;
    font-size: 14px;
}

.tile-heading-next {
    color: #ff9a14;
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #94adc1;
}

.tile-heading span.tile-change {
    color: #395e7b;
    padding-left: 8px;
}

table.grid-tbl tr td:last-child {
    text-align: right;
}

.tile-tab .table tr th, .tile-tab .table tr td {
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.tile-tab .progress {
    height: 1rem !important;
}

    .tile-tab .progress .progress-bar-success {
        background: #2c942e;
    }

.red-font {
    color: #ff3039;
}

.blue-font {
    color: #008afd;
}

.lightblue-font {
    color: #9fb5c7;
}

.green-font {
    color: #2c942e;
}

.yellow-font {
    color: #ff9a14 !important;
}

.dark-blue-font {
    color: #395e7b;
}

.white-font {
    color: #fff;
}

table.graph-tbl thead th span.minusSign:before {
    content: "";
    width: 18px;
    height: 6px;
    background: #ff9a14;
    position: absolute;
    border-radius: 5px;
    margin-top: 8px;
    left: 24px;
}

span.minusSign {
    padding-left: 20px;
}

h4.dashsign span {
    color: #ff3039;
}

.main-content .card-inner h4.dashsign:before {
    content: "";
    width: 18px;
    height: 6px;
    position: absolute;
    background: #ff3039;
    margin-top: 6px;
    border-radius: 10px;
    left: 24px;
}

.mt-15 {
    margin-top: 15px;
}

.main-content .card-inner h4.dashsign {
    padding-left: 25px;
}

.custom-search-form input::-webkit-input-placeholder {
    font-style: italic;
    font-size: 15px;
}

.searchBtn {
    background: transparent;
    position: absolute;
    left: 10px;
    top: 8px;
}

.pl-30 {
    padding-left: 30px !important;
}

.custom-search-form input:-moz-placeholder {
    font-style: italic;
    font-size: 15px;
}

.custom-search-form input::-moz-placeholder {
    font-style: italic;
    font-size: 15px;
}

.custom-search-form input:-ms-input-placeholder {
    font-style: italic;
    font-size: 15px;
}

.record-size {
    font-size: 18px;
    font-weight: 500;
    color: #395e7b;
    padding: 4px 30px;
    margin-top: 5px;
    text-align: center;
}

.tile-tab .table tr th, .tile-tab .table tr td {
    font-size: 16px;
    color: #395e7b;
    font-weight: 500;
    text-align: left;
}

.tile-in .table tr th, .tile-in .table tr td {
    font-size: 16px;
    color: #395e7b;
    font-weight: 500;
    text-align: left;
}

.tile-new .table tr td {
    padding: 8px;
}

.text-white {
    color: #fff;
}

.text-blue {
    color: #395e7b !important;
}

.tab-tile-bg {
    background: #fff !important;
}

path[d="M0 0 L 505 0 505 400 0 400Z"] {
    fill: transparent;
}

path[d="M0 0 L 440 0 440 400 0 400Z"] {
    fill: transparent;
}

path[d="M 0 0 L 616 0 L 616 400 L 0 400 Z"] {
    fill: transparent;
}

path[d="M 5 5 L 502 5 L 502 395 L 5 395 Z"] {
    fill: transparent;
}

.marketTab .table.grid-tbl thead tr td:first-child {
    width: 300px;
}

.balance-table tbody tr td {
    color: #fff;
    border-top: 0;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    border-right: 1px solid #94adc1;
    width: 33.3%;
}

    .balance-table tbody tr td > span {
        font-size: 22px;
    }

.hr-line {
    border: 1px solid #94adc1;
    margin: 0 20px;
}

.dispaly-blk {
    display: block;
}

.anydropdown a {
    display: block;
    border-bottom: 1px solid #395e7b !important;
    text-align: left;
    border-radius: 0;
    font-size: 17px;
}

.anydropdown .dropdown-menu {
    min-width: 100%;
    border-radius: 5px;
    border: 1px solid #039f4b;
    margin-top: 10px;
}

.dropdown {
    color: black;
}

.anydropdown .dropdown-item:active {
    color: black;
    text-decoration: none;
    background-color: #039f4b;
}

.anydropdown .dropdown-menu a {
    border-bottom: 0 !important;
    font-size: 14px;
    font-weight: 500;
    color: #395e7b;
}

.anydropdown .dropdown-toggle:after {
    display: inline-block;
    content: "\f107";
    float: right;
    font-family: fontawesome;
    font-size: 19px;
    border: 0;
    color: #395e7b;
}

.anydropdown .btn-secondary {
    color: #395e7b;
    background-color: transparent;
    border: 0;
}

.anydropdown .btn:not([disabled]):not(.disabled):not(.btn-link):hover, .anydropdown .btn:not([disabled]):not(.disabled):not(.btn-link):focus {
    transform: none;
    -webkit-transform: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.anydropdown .btn-secondary:not(:disabled):not(.disabled):active,
.anydropdown .btn-secondary:not(:disabled):not(.disabled).active,
.anydropdown.show > .btn-secondary.dropdown-toggle {
    background: transparent;
    border: 0;
    color: #395e7b;
}

.drop-txt {
    font-size: 17px;
    padding: 8px 0 0;
    color: #395e7b;
    font-weight: 500;
}

.mkt-icon {
    font-weight: normal;
    font-size: 22px;
    margin-right: 10px;
}

.payment-content {
    background: #f3f7f8;
}

.pay-head {
    border-bottom: 1px solid #b8c3ca;
    color: #3d8544;
    font-size: 17px;
    padding-bottom: 10px;
    font-weight: 500;
}

.pay-border {
    border-bottom: 1px solid #b8c3ca;
}

.inn-font {
    font-weight: 500;
    font-size: 17px;
}

.pay-result {
    position: relative;
}

.user-nm-txt {
    font-weight: 500;
    font-size: 17px;
}

.user-location {
    font-weight: 500;
    font-size: 15px;
}

.call-btn {
    border-radius: 50px;
    padding: 6px 14px 6px 8px;
    color: #039f4b;
    text-transform: uppercase;
    font-size: 18px;
    background: transparent;
    border: 2px solid #94adc1;
    font-weight: 500;
    cursor: pointer;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    box-shadow: 2px 5px 5px rgba(0,0,0,0.091);
    -moz-box-shadow: 2px 5px 5px rgba(0,0,0,0.091);
    -webkit-box-shadow: 2px 5px 5px rgba(0,0,0,0.091);
}

    .call-btn:hover {
        background: #f1f1f1;
    }

    .call-btn:focus {
        outline: none;
    }

.ic-phone {
    border-radius: 50px;
    padding: 11px 5px;
    font-size: 24px !important;
    background: #cdd2d3;
}

    .ic-phone:before {
        border: 2px solid #2c9450;
        border-radius: 50px;
        padding: 5px 8px;
        background: #fff;
    }

.call-btn span {
    position: relative;
    top: -3px;
    margin-left: 4px;
}

.searchBar {
    position: relative;
}

    .searchBar .searchRecd {
        font-size: 20px;
        font-weight: 500;
        color: #2c942e;
        display: block !important;
    }

        .searchBar .searchRecd:after {
            content: "\f107";
            float: right;
            font-family: fontawesome;
            font-size: 26px;
            border: 0;
            color: #2c942e;
            font-weight: 500;
        }

.big-font {
    font-size: 20px;
}

.light-txt {
    font-weight: 500;
    color: #395e7b;
    font-size: 15px;
    padding: 7px 20px;
}

    .light-txt:hover {
        border-radius: 50px;
    }

.border-round-radius {
    border-radius: 50px;
    font-size: 15px;
    padding: 7px 20px;
    font-weight: 500;
}

.inventory-section {
    position: relative;
}

.main-content .card-inner.inventory-section h4 {
    color: #2c942e;
    font-weight: 500;
    font-size: 22px;
}

.main-content .card-inner.inventory-section i.arrowSize {
    font-size: 28px;
    position: relative;
    top: 3px;
    margin-left: 8px;
}

.tab-pane i.fa-sort-amount-asc {
    float: right;
    font-size: 28px;
}

i.searchFont {
    font-size: 28px;
    text-align: right;
    display: block;
    margin-bottom: 15px;
}

.searchcollaspe label {
    color: #232323;
    padding: 5px 0 0 0;
}

.inven-outer > div {
    font-size: 20px;
    color: #395e7b;
    font-weight: 500;
}
/* tab */
.my-tab, .my-tab .nav-link {
    border: 0;
}

    .my-tab li a {
        font-size: 16px;
        text-transform: uppercase;
        color: #395e7b;
        font-weight: 500;
        padding: 5px 30px;
    }

    .my-tab .nav-link.active, .my-tab .nav-item.show .nav-link {
        border-bottom: 2px solid #2c942e;
        color: #2c942e;
    }

.fw-500 {
    font-weight: 500;
}

.round-section {
    margin: 0;
    padding: 0;
}

.days-box {
    position: relative;
    height: 45px;
    border-radius: 50px;
    color: #395e7b;
    background: #fff;
    padding: 0 10px 0 15px;
    line-height: 40px;
    font-size: 18px;
    font-weight: 500;
}

.days-box-arrrow {
    content: "\f105";
    float: right;
    font-size: 27px !important;
    padding-right: 5px;
    margin-top: 5px;
}

.green-col {
    background: #2c942e;
    border: 1px solid #4dc34f;
}

.yellow-col {
    background: #ff9a14;
    border: 1px solid #ffc87f;
}

.red-col {
    background: #ff3039;
    border: 1px solid #ff787e;
}

.number-box {
    position: absolute;
    width: 100px;
    height: 55px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    right: 115px;
    top: -8px;
    line-height: 55px;
}

.green-border {
    border: 2px solid #2c942e;
}

.yellow-border {
    border: 2px solid #ff9a14;
}

.red-border {
    border: 2px solid #ff3039;
}

.red-font {
    color: #ff3039;
}

.show-graph text {
    fill: #fff !important;
}

.radio-group input[type="radio"] {
    width: 17px;
    height: 17px;
}

.radio-group span {
    position: relative;
    top: -5px;
    font-style: normal;
}

label {
    color: #232323;
    font-style: normal;
}

li.helpDesk {
    color: #fff;
    text-align: left;
    padding: 10px 18px;
    border-top: 1.1px solid #fff;
    margin-top: 8px;
    font-size: 15px;
}

.helptxt {
    display: block;
    padding: 0 0 0 17px;
    font-size: 13px;
}

.helpphn {
    position: relative;
    font-size: 15px;
    top: 2px;
}

.borderRight {
    border-right: 1px solid #c6c6c6;
}

.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}

.sidenav-toggled span.disnone {
    display: none;
}
/* responsive design */
@media only screen and (max-width: 1440px) {
    .register-left h1 {
        font-size: 2.9em;
    }
}

@media only screen and (max-width: 1366px) {
    .register-left h1 {
        font-size: 2.7em;
    }

    .register-right {
        width: 29%;
        float: right;
    }

    .register-left {
        width: 58%;
        float: left;
    }
}

@media only screen and (max-width: 1280px) {
    .register-right {
        width: 44%;
        float: left;
    }

    .register-left {
        width: 56%;
        float: left;
    }
}

@media only screen and (max-width: 1080px) {
    .register-full {
        width: 90%;
    }

    .register-left p {
        line-height: 1.6em;
    }

    .link a {
        padding: .4em;
        font-size: 1.4em;
    }

    .register-in {
        padding: 2em;
    }
}

@media only screen and (max-width: 1500px) and (min-width: 1390px) {
}

@media only screen and (max-width: 1024px) {
    .register-left h1 {
        font-size: 2.3em;
    }

    .register-right h2 {
        font-size: 1.8em;
    }

    label {
        letter-spacing: 0px;
    }

    .register-left p {
        padding: 0 2em;
    }

    .content3 a.read, .content3 a {
        font-size: 15px;
        padding: 8px 30px;
    }

    .logo span.fa {
        font-size: 5em;
    }

    .styled-input {
        margin: 0 0 1.7em;
    }
}

@media only screen and (max-width: 991px) {
    .register-right h2 {
        font-size: 1.6em;
    }
}

@media (max-width: 900px) {
    .register-full {
        width: 95%;
    }

    .register-left h1 {
        font-size: 2.1em;
    }

    .logo span.fa {
        font-size: 4em;
    }

    .register-left p {
        padding: 0 1em;
    }

    .agile-copyright {
        font-size: 14px;
        margin: 3em 0 0;
    }
}

@media only screen and (max-width: 800px) {
    .register-in {
        padding: 2em;
    }

    .register-left h1 {
        font-size: 2.1em;
    }
}

@media only screen and (max-width: 768px) {
    .custom-search {
        width: 50%;
    }

    .register-left h1 {
        font-size: 2em;
    }

    .register-left p {
        padding: 0 4em;
    }

    .link a {
        padding: .4em;
        font-size: 1.2em;
    }

    .register-form input[type="submit"] {
        font-size: 1.2em;
    }

    .register-left {
        width: 100%;
        float: none;
    }

    .register-right {
        width: 70%;
        float: none;
        margin: 14em auto 0;
    }

    .logo {
        text-align: center;
        margin-top: 2em;
    }

    .tagline-section h1, .tagline-section h2 {
        font-size: 36px;
        padding-right: 0;
    }

    .tagline-section {
        margin-top: 63px;
    }
}

@media only screen and (max-width: 736px) {
    .styled-input {
        margin: 0 0 1.2em;
    }

    .register-left h1 {
        font-size: 2em;
    }

    .register-right h2 {
        font-size: 1.5em;
    }
}

@media only screen and (max-width: 667px) {
    .register-in {
        padding: 2em;
    }

    .register-full {
        margin: 0em auto 0;
    }

    .logo {
        text-align: center;
        margin-top: 1em;
    }
}

@media only screen and (max-width: 640px) {
    .agile-copyright {
        letter-spacing: 1px;
    }
}

@media only screen and (max-width: 600px) {
    .register-left p {
        padding: 0 1em;
    }
}

@media only screen and (max-width: 568px) {
    .register-in {
        padding: 1.5em;
    }

    .register-left h1 {
        font-size: 1.7em;
    }

    .agile-copyright {
        margin: 0;
        line-height: 26px;
        font-size: 14px;
    }

    .register-form input[type="submit"] {
        font-size: 1.1em;
    }
}

@media only screen and (max-width: 480px) {
    .register-left, .register-right {
        width: 100%;
        height: inherit;
    }

    .register-full {
        width: 90%;
    }
}

@media only screen and (max-width: 414px) {
    .register-left {
        width: 100%;
        height: inherit;
    }

    .register-right {
        width: 100%;
    }

    input[type="checkbox"] {
        margin-right: 5px;
    }

    .logo span.fa {
        font-size: 3.5em;
    }

    .register input[type="text"], .register input[type="email"], .register input[type="password"], .register input[type="tel"] {
        width: 100%;
    }

    .logo {
        margin-top: 0em;
    }
}

@media only screen and (max-width: 384px) {
    .register-left h1 {
        font-size: 1.6em;
    }

    .register-left p {
        padding: 0 0em;
        font-size: 14px;
    }

    .content3 a.read, .content3 a {
        font-size: 14px;
        padding: 8px 20px;
    }

    .register input[type="text"], .register input[type="email"], .register input[type="password"], .register input[type="tel"] {
        width: 100%;
    }

    .headline-1 {
        margin-bottom: 0px;
    }
}

@media only screen and (max-width: 375px) {
    .logo span.fa {
        font-size: 3em;
    }
}

@media only screen and (max-width: 320px) {
    body {
        padding: 2em 0;
    }

    .register-left p {
        font-size: 14px;
        letter-spacing: .4px;
    }

    .styled-input label, select {
        font-size: .875em;
    }

    .register input[type="text"], .register input[type="email"], .register input[type="password"], .register input[type="tel"] {
        width: 100%;
    }

    .register-left h1 {
        font-size: 1.35em;
    }

    .content3 a.read, .content3 a {
        padding: 7px 15px;
    }

    .register-right h2 {
        font-size: 1.3em;
    }

    .agile-copyright {
        margin: 3em 0.2em 0;
    }

    .link a {
        border: 1px solid #0a7369;
    }

        .link a:hover {
            border: 1px solid #FFFFFF;
        }

    .register-left p {
        margin: 1em 0 2em;
    }

    .register-form input[type="submit"] {
        font-size: 1em;
    }

    .register-right {
        margin: 7em auto 0;
    }
}

.table-responsive {
    display: block !important;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

element.style {
    display: block !important;
}
/* //responsive design */





/* //Reports style */

.titlehead p.tittle {
    margin: 0;
    width: auto;
}

.titlehead {
    padding: 15px 30px;
    background: #fff;
    color: #000;
    font-size: 26px;
    font-weight: 600;
    margin: 0;
}

    .titlehead i {
        width: auto;
        float: left;
        margin: 0 20px 0 0;
    }

        .titlehead i img {
            max-width: 43px;
            position: relative;
            top: -2px;
        }

.col-sm-12.panelgroup {
    margin: 0px 0;
    padding: 0;
    display: inline-block;
    width: 100%;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

.panel.panel-default {
    box-shadow: none !important;
    border: none !important;
}

.panel-heading {
    background: #fff !important;
    border: 1px solid #fff !important;
    box-shadow: none !important;
    border-radius: 0;
    cursor: pointer;
    float: left;
    width: 100%;
    padding: 10px 14px;
    border-bottom: 2px solid #e7eaea !important;
}

.panel-title a, .panel-title a:hover {
    color: #039f4b !important;
    text-decoration: none;
    font-weight: 600;
    position: relative;
    width: 100%;
    float: left;
}

.panel-collapse {
    width: 100% !important;
    padding: 15px;
    float: left;
    padding: 15px !important;
    background: #fff;
    /* display: inline-block !important; */
    clear: both !important;
    transition: none !important;
}

.fullwidths {
    width: 100%;
    margin: 5px 0; /* padding: 12px 0; */
    float: left;
}

.collapse.in form {
    padding: 0;
    color: #000;
    width: 100%;
    margin: auto;
}

label.labeltype {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    float: left;
    margin: 0;
    position: relative;
    top: 3px;
}

label.k-radio-label {
    font-size: 14px !important;
    line-height: 17px;
    font-weight: normal;
    top: 1px;
}

.k-radio:checked + .k-radio-label:after {
    background-color: #039f4b;
    border-radius: 50%;
}

.app-title {
    position: relative;
}

label.containerss {
    position: relative;
    top: 5px;
}

label.labeltype.toppostion {
    top: 7px;
}

.col-sm-4.dropdown {
    padding: 0;
    margin-bottom: 0;
    float: left;
}

.containerss {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: auto;
    font-weight: 600;
    float: left;
    margin-top: 3px;
    margin-right: 18px;
}
    /* Hide the browser's default radio button */
    .containerss input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }
/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 50%;
    background: none;
    border: 2px solid #000;
}

/* On mouse-over, add a grey background color */
.containerss:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.containerss input:checked ~ .checkmark {
    background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.containerss input:checked ~ .checkmark:after {
    display: block;
}

.containerss .checkmark:after {
    top: 2px;
    background: #039F4A !important;
    left: 2.1px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: white;
}

.input-group-addon.calenderbox img {
    max-width: 18px;
}

.input-group-addon.calenderbox {
    background: none;
}

#datepicker1, #datepicker21, #datepicker22 {
    width: 200px;
    color: #000;
    position: relative;
    top: -4px;
    float: left;
}

    #datepicker1 input.form-control, #datepicker22 input.form-control, #datepicker21 input.form-control {
        color: #000 !important;
        font-size: 16px;
        font-weight: 600;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        border-radius: 5px;
    }

        #datepicker1 input.form-control::-webkit-input-placeholder, #datepicker21 input.form-control::-webkit-input-placeholder, #datepicker22 input.form-control::-webkit-input-placeholder {
            color: #000;
            font-weight: 600;
        }

        #datepicker1 input.form-control::-moz-placeholder, #datepicker21 input.form-control::-moz-placeholder, #datepicker22 input.form-control::-moz-placeholder {
            color: #000;
            font-weight: 600;
        }

        #datepicker1 input.form-control:-ms-input-placeholder, #datepicker21 input.form-control:-ms-input-placeholder, #datepicker22 input.form-control:-ms-input-placeholder {
            color: #000;
            font-weight: 600;
        }

        #datepicker1 input.form-control:-moz-placeholder, #datepicker21 input.form-control:-moz-placeholder, #datepicker22 input.form-control:-moz-placeholder {
            color: #000;
            font-weight: 600;
        }

.datebox.blue.box {
    float: left;
}

div#datepicker21 {
    margin-right: 18px;
}



.containersss {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 160px;
    font-weight: normal;
    float: left;
    margin-top: 3px;
    margin-right: 18px;
}

    /* Hide the browser's default checkbox */
    .containersss input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmarks {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

.containersss input:checked ~ .checkmarks {
    background-color: #039F4A !important;
}

.containersss:hover input ~ .checkmarks {
    background-color: #039F4A;
}

.checkmarks {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
}

    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmarks:after {
        content: "";
        position: absolute;
        display: none;
    }

/* Show the checkmark when checked */
.containersss input:checked ~ .checkmarks:after {
    display: block;
}

/* Style the checkmark/indicator */
.containersss .checkmarks:after {
    left: 8px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

input.form-controls {
    border-right: none;
    border-left: none;
    border-top: none;
    margin: 0 0 0 20px;
    border-bottom: 1px solid #888;
    padding: 4px 7px;
    position: relative;
    top: 0px;
    font-size: 16px;
    color: #848484;
}
.fullwidths.postionbtn {
    margin: 0;
}
button.btn.btn-default.export {
    background: #039f4b;
    border-color: #039f4b;    margin-top: 10px;
    cursor: pointer;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 7px 20px;
    border-radius: 10px;
    margin-right: 20px;
    box-shadow: none !important;
    min-width: 135px;
    transform: none !important;
}

.k-grid-header {
    background: #039f4b !important;
}

.k-grid-header-wrap {
    border: none !important;
}

.k-grid td:focus {
    outline: none;
}

.k-multiselect-wrap .k-input {
    text-indent: 0 !important;
}

button.btn.btn-default.export.rightbox {
    background: #e5e5e5;
    border-color: #e5e5e5;
    color: #000;
}

i.fixed {
    position: absolute;
    display: block;
    top: 7px;
    right: 25px;
}

.panel-title a.collapsed:before {
    background: url(../images/arrowup.png) !important;
}

h4.panel-title a:before {
    content: "";
    background: url(../images/arrowdown.png) !important;
    position: absolute;
    right: 4px;
    width: 19px;
    background-repeat: no-repeat;
    height: 12px;
    background-position: center;
    top: 4px;
    left: auto;
}

.datefilters b {
    color: #323131;
    width: 100%;
    float: left;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
}

.datefilters {
    text-align: center;
    font-size: 16px;
    font-style: italic;
    color: #666666;
    margin-bottom: 10px;
}

.tables {
    width: 100%;
    float: left;
    margin: auto;
}

    .tables img {
        max-width: 100%;
    }

i.export {
    position: absolute;
    right: 0;cursor: pointer;
    top: -5px;
}

.panel.panel-default {
    width: 100%;
    float: left;
    background: no-repeat;
}

i.export img {
    max-width: 100%;
}

div#grid {
    margin-top: 9px;
    padding: 0;
    float: left;
    width: 100%;
}

a.rightmenubox {
    position: absolute;
    right: 23px;
    width: 40px;
    height: 40px;
    z-index: 9999999999;
    background-size: 30px;
    top: 20px;
    cursor: pointer;
    background-repeat: no-repeat;
}

#menuToggle div {
    width: 21px;
    height: 2px;
    background-color: #fff;
    margin: 6px 9px;
}

body.menuToggle {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    body.menuToggle .col-sm-3.leftboxmenu {
        width: 6%;
    }

    body.menuToggle li.logutbox {
        width: 6% !important;
    }

    body.menuToggle .naviagtion ul li .submenu li a {
        padding: 7px 0 !important;
    }

    body.menuToggle span.menutext, body.menuToggle li.active .menutext {
        display: none;
        position: absolute;
        background: #223032;
        top: 0px;
        right: -211px;
        padding: 19px 16px;
        min-width: 197px;
        color: #fff !important;
        z-index: 9;
    }

    body.menuToggle li.active .menutext {
        display: block !important;
    }

    body.menuToggle i.images.manageinvoice {
        background-position: 22px 13px !important;
    }

    body.menuToggle .col-sm-9.rightbox {
        width: 94%;
    }

    body.menuToggle .naviagtion ul li a {
        padding: 10px 10px;
    }

    body.menuToggle i.arrow {
        display: none;
    }

.menutext {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    width: auto;
    float: left;
    margin: auto;
    position: relative;
    top: 0;
    margin-left: 0;
    float: left;
}

.naviagtion ul li a {
    padding: 10px 20px;
    float: left;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}

.naviagtion ul {
    margin: 0;
    padding: 0 0;
    transition: width .5s ease-in;
}

.naviagtion {
    width: 100%;
    float: left;
    margin: 55px 0;
}

    .naviagtion ul li {
        list-style: none;
    }

    .naviagtion ul.submenu {
        display: none;
    }

        .naviagtion ul.submenu li a {
            color: #fff;
            display: inline-block;
            width: auto;
            text-decoration: none;
            padding: 0;
        }

.submenu li { /* background: #223032; */
    list-style: none;
    margin-bottom: 0px;
    width: 100%;
    padding: 15px 20%;
    border-bottom: 1px solid #ccc;
    float: left;
    display: inline-block;
}

li i.fa.fa-chevron-down {
    float: right;
    position: absolute;
    right: 0;
    top: 13px;
    color: #fff;
    right: 20px;
}

li.active i.fa.fa-chevron-down {
    transform: rotate(180deg);
}

body.menuToggle ul.submenu {
    display: none !important;
}

.collapse.in + #grid {
    display: none;
}

.modal-content {
    background: #eeeeee;
    color: #000;
    display: inline-block;
    margin: auto;
    width: 100%;
}

h4.modal-title {
    text-align: center;
    width: 100%;
    margin: 0;
    font-size: 21px;
    font-weight: 600;
    color: #039f4b;
}

.modal-header .close img {
    width: 20px;
}

.modal-header .close {
    margin-top: -2px;
}

button.close {
    opacity: 1 !important;
}

.modal-header {
    padding: 10px;
    border-bottom: none;
}

.modal-dialog {
    top: 43%;
    transform: translateY(-50%) !important;
    width: 61%;
}

.aggreate {
    margin: auto;
    width: 100%;
    float: left;
    font-size: 14px;
    color: #000;
}

.clutch {
    float: left;
    width: 100%;
    padding: 7px 0;
    font-size: 14px;
    font-weight: 600;
    margin: auto;
    text-transform: uppercase;
    color: #000;
}

.demobox {
    width: 100%;
    float: left;
    margin: 0 0 15px;
    padding: 10px 0;
    color: #000;
    border-bottom: 1px solid #ccc;
}

    .demobox .col-sm-4 {
        padding: 0;
    }

.swarajhead {
    width: 100%;
    float: left;
    margin: 0 0 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    text-align: center;
    color: #ff9b19;
    font-size: 18px;
}

.modal-body {
    position: relative;
    padding: 0 15px;
}

.demobox .col-sm-3 {
    padding-left: 0;
}

.demobox:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 5px;
}

label.fordate {
    position: absolute;
    top: -20px;
    font-weight: 600;
    font-size: 13px;
}

.cards.p-3 {
    box-shadow: none !important;
    border-radius: 0;
    width: 100%;
    padding: 0 !important;
    display: inline-block;
}

table .k-header a.k-link {
    font-weight: 600;
    color: #fff !important;
}

table .k-header {
    font-size: 16px;
    background: #039f4b;
    color: #fff !important;
    padding: 10px 8px !important;
}
.k-grid-header th.k-header>.k-link{text-align: center;}
div#divMonth {
    margin-right: 15px;
}
div#divdtEndDate, div#divdtStartDate, div#divMonth, div#divYear {
    width: 150px;
    color: #000;
    position: relative;
    top: 0px;
    float: left;    height: 33px;
    padding-left: 0;
}
i.export.topexport {
    right: 32px;
    top: 7px;
}
div#divdtStartDate {
    margin-right: 20px;
    margin-top: 0 !important;
}
.k-dropdown .k-input, .k-dropdown .k-state-focused .k-input, .k-menu .k-popup {
    color: #848484;
}
.k-widget.k-multiselect.k-header {
    background: none !important;
    border: none;
    width: 94%;
}

.col-sm-4.dropdown .k-multiselect .k-button {
    color: #fff;
    border-color: #039f4b !important;
    background-color: #039f4b !important;
}

.col-sm-4.dropdown span.k-widget.k-dropdown.k-header span.k-dropdown-wrap.k-state-default {
    padding: 1px 4px;
}

.panel-collapse.collapse.show {
    display: none;
}

.k-pager-info {
    color: #000;
}

.col-sm-4.dropdown span.k-widget.k-dropdown.k-header {
    margin-top: 10px;
    width: 96%;
    padding: 0 0;
    height: auto;
    background: none;
}
.k-dropdown-wrap .k-input{    padding: .167em 4px !important;
    text-indent: 0 !important;}
.panel-collapse.main.collapse.show {
    display: block;
}

.col-sm-4.dropdown .k-multiselect-wrap.k-floatwrap {
    padding: 0;    box-shadow: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/arrowdown.png);
    width: 97%;
    padding: 4px 7px;
    border: 1px solid #888;
    font-size: 14px;
    color: #848484;
    height: auto;
    background-repeat: no-repeat;
    background-position: 97% 14px;
}

.treeview-item {
    font-size: 13px !important;
}

.k-grid-content {
    height: auto !important;
}

span#validateyear {
    position: absolute;
    bottom: -28px;
    left: 0;
}

.datefilters br {
    display: none;
}

span.borderleft {
    width: 48%;
    float: left;
    font-size: 13px;
    margin: 10px 0 0px 0;
    font-weight: 600;
    color: #688396;
}

span.borderrighttext.boldtext {
    color: #888 !important;
}


span.borderrighttext {
    width: 48%;
    float: right;
    font-size: 13px;
    font-weight: 600;
    margin: 10px 0 0px 0;
    color: #688396;
    text-align: left;
}

.fullwidthsnew {
    width: 100%;
    float: left;
}

.borderwidthbox {
    width: 100%;
    float: left;
    margin: auto;
    border-top: 1px solid #ccc;
    padding-top: 10px;
}

span.borderleft.boldtext {
    color: #888;
}

.main-content .tile {
    background: #f9f9f9;
    display: inline-block;
    width: 100%;
}

.boldtext {
    font-weight: 600 !important;
}

.empty-grid::before {
    padding: 1em;
    line-height: 3em;
    content: "No records found.";
}



.line {position: absolute; top: 10px; font-size: 39px; font-weight: 100 !important; right: -17px; color: #ccc; line-height: 10px; }
span.line.spnmonth {
    right: -7px;
}
.k-multiselect-wrap .k-input {
    background-color: transparent;
    height: 1.31em;
    line-height: 1.31em;
    padding: .18em 0;
    text-indent: .8em;
    border: 0;
    margin: 1px 0 0;
    float: left;
    color: #848484;
}
.col-sm-4.dropdown span.k-widget.k-dropdown.k-header span.k-dropdown-wrap.k-state-default {

    border: 1px solid #888;
}
span.k-widget.k-datepicker.k-header.k-input {
    background: none;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

label.labeltype.toppostion.widthtext {
    width: 100px;
}
.widthtextnew label.containerss {
    width: 146px;
}
.widthtextnew label.containerss.time.widthnews {
    width: auto;
}

.k-datetimepicker .k-select {
    width: 2.8em !important;
}
.k-datetimepicker .k-picker-wrap {
    padding-right: 2.8em !important;
}
.fullwidths.postionbtn.layoutbtn {     text-align: center; } #myModal .modal-dialog button.close {     position: absolute;     right: 21px; }

                                                             /*Loader Style Code*/
#loaderContainer {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: 1000;
    /*background: rgba(227,123,36,0.7) !important;*/
    background: rgba(0,0,0,0.8) !important;
    display: none;
    z-index: 999999;
}

#loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    margin: 0;
}

#loader {
    border: 5px solid #009f4a;
    border-radius: 50%;
    border-top: 8px solid transparent;
    width: 60px;
    height: 60px;
    margin: 10px;
    -webkit-animation: spin 2s linear infinite;
    /* /Safari / animation: spin 2s linear infinite;*/
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


span.otpSec {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    text-align: center;
    font-size: 17px;
}
span.otpSec a.font-login {
    font-weight: 600;
}
span#msgOTP {
    font-weight: bold;
    font-size: 19px;
}
.selected {
    background: #039f4b;
    border-color: #039f4b;
}

.selectborder {
    border: 1px solid #888;
    border-radius: 5px;
    position: relative;
    top: 9px;
}
.fullwidths .col-sm-6.dropdown {
    display: inline-block;
}
    .fullwidths .col-sm-6.dropdown input#txtChasisNo {
        width: 54%;
    }
    /*===================*/
div#displayMessageModal {
    background: rgba(0,0,0,0.8);
}

    div#displayMessageModal .modal-dialog.modal-dialog-centered.profileeditpopup.editpop.emailaddress {
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
        width: 36%;
    }

    div#displayMessageModal .input-group.clearable span {
        font-weight: bold;
        font-size: 16px;
    }

    div#displayMessageModal button#btnOK {
        float: none;
        display: inline-block;
        padding: 5px 20px;
        background: #2c9450;
        color: #fff;
        border-color: #2c9450;
        outline: none;
    }

    div#displayMessageModal .col-sm-12.buttons {
        text-align: center;
    }
i.icon-spirit.icon.customerconnecticon {
    background: url(../images/ic_sidemenu.png);
    background-size: 70%;
    background-repeat: no-repeat;
}