/* Minification failed. Returning unminified contents.
(451,1): run-time error CSS1019: Unexpected token, found '@charset'
(451,10): run-time error CSS1019: Unexpected token, found '"utf-8"'
(451,17): run-time error CSS1019: Unexpected token, found ';'
(3803,1): run-time error CSS1030: Expected identifier, found ' '
(3803,1): run-time error CSS1019: Unexpected token, found ' '
(5349,1): run-time error CSS1019: Unexpected token, found '='
(5349,2): run-time error CSS1019: Unexpected token, found '='
(5349,3): run-time error CSS1019: Unexpected token, found '='
(5349,4): run-time error CSS1019: Unexpected token, found '='
(5349,5): run-time error CSS1019: Unexpected token, found '='
(5349,6): run-time error CSS1019: Unexpected token, found '='
(5349,7): run-time error CSS1019: Unexpected token, found '='
(5358,5): run-time error CSS1031: Expected selector, found '>'
(5358,5): run-time error CSS1025: Expected comma or open brace, found '>'
 */
/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* CSS Reset
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

body {
    line-height: 1;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-weight: normal;
}

ol,
ul {
    list-style-type: none;
}

blockquote {
    quotes: none
}

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

del {
    text-decoration: line-through
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

a img {
    border: none;
}

img {
    vertical-align: top;
}
/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Globals
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}






@font-face {
    font-family: 'ProximaNova-Regular';
    src: url('fonts/proximanova-regular.eot');
    src: url('fonts/proximanova-regular.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-regular.woff') format('woff'), url('fonts/proximanova-regular.ttf') format('truetype'), url('fonts/proximanova-regular.svg#proximanova-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova-Bold';
    src: url('fonts/proximanova-bold.eot');
    src: url('fonts/proximanova-bold.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-bold.woff') format('woff'), url('fonts/proximanova-bold.ttf') format('truetype'), url('fonts/proximanova-bold.svg#proximanova-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova-Semibold';
    src: url('fonts/proximanova-semibold.eot');
    src: url('fonts/proximanova-semibold.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-semibold.woff') format('woff'), url('fonts/proximanova-semibold.ttf') format('truetype'), url('fonts/proximanova-semibold.svg#proximanova-semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova-Light';
    src: url('fonts/proximanova-light.eot');
    src: url('fonts/proximanova-light.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-light.woff') format('woff'), url('fonts/proximanova-light.ttf') format('truetype'), url('fonts/proximanova-light.svg#proximanova-light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova-Black';
    src: url('fonts/ProximaNova-Black.eot');
    src: url('fonts/ProximaNova-Black.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNova-Black.woff') format('woff'), url('fonts/ProximaNova-Black.ttf') format('truetype'), url('fonts/ProximaNova-Black.svg#ProximaNova-Black') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*@font-face {
    font-family: 'ITCFranklinGothicStdBook';
    src: url('fonts/ITCFranklinGothicStdBook.eot');
    src: url('fonts/ITCFranklinGothicStdBook.eot') format('embedded-opentype'), url('fonts/ITCFranklinGothicStdBook.woff2') format('woff2'), url('fonts/ITCFranklinGothicStdBook.woff') format('woff'), url('fonts/ITCFranklinGothicStdBook.ttf') format('truetype'), url('fonts/ITCFranklinGothicStdBook.svg#ITCFranklinGothicStdBook') format('svg');
}

@font-face {
    font-family: 'ITCFranklinGothicStdBookIt';
    src: url('fonts/ITCFranklinGothicStdBookIt.eot');
    src: url('fonts/ITCFranklinGothicStdBookIt.eot') format('embedded-opentype'), url('fonts/ITCFranklinGothicStdBookIt.woff2') format('woff2'), url('fonts/ITCFranklinGothicStdBookIt.woff') format('woff'), url('fonts/ITCFranklinGothicStdBookIt.ttf') format('truetype'), url('fonts/ITCFranklinGothicStdBookIt.svg#ITCFranklinGothicStdBookIt') format('svg');
}*/

@font-face {
    font-family: 'Bebas';
    src: url('fonts/Bebas.eot');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bebas';
    src: local('Bebas'), url('fonts/Bebas.ttf') format('truetype'), url('fonts/Bebas.svg#Bebas') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html {
    height: 100%;
}

body {
    color: #20282b;
    font-family: 'ITCFranklinGothicStdBook', sans-serif;
    font-weight: 400;
    background: #ededed;
    font-size: 14px;
    line-height: 1.8;
    position: relative;
    /*min-height:100%; height:100%;background-image:url(../images/body_bg.jpg);*/
    /*background-repeat:no-repeat;
	background-attachment:fixed;
	 background-size:cover;
	background-position:top left;*/
    -webkit-font-smoothing: antialiased;
}

.loginbg {
    background-image: url(../images/body_bg.jpg);
}


/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1;
    font-weight: 400;
}

a {
    text-decoration: none;
    color: #2d8a2d;
}

    a:hover {
        color: #3184a1
    }
/* clear floated divs */
.clearfix:after, .clearfix:before {
    content: "";
    display: table;
    clear: both;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.row {
    margin-left: -20px;
    margin-right: -20px;
    clear: both;
}

    .row:after, .row:before {
        content: "";
        display: table;
        clear: both;
    }

.col-md-12 {
    width: 100%
}

.col-md-11 {
    width: 91.66666667%
}

.col-md-10 {
    width: 83.33333333%
}

.col-md-9 {
    width: 75%
}

.col-md-8 {
    width: 66.66666667%
}

.col-md-7 {
    width: 58.33333333%
}

.col-md-6 {
    width: 50%
}

.col-md-5 {
    width: 41.66666667%
}

.col-md-4 {
    width: 33.33333333%
}

.col-md-3 {
    width: 25%
}

.col-md-2 {
    width: 16.66666667%
}

.col-md-1 {
    width: 8.33333333%
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    min-height: 1px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    float: left;
}

.float_l {
    float: left;
}

.float_r {
    float: right;
}

.mrt80 {
    margin-top: 80px;
}

.mrt40 {
    margin-top: 40px;
}

.mrt30 {
    margin-top: 30px;
}

.mrt20 {
    margin-top: 20px;
}

.mrb10 {
    margin-bottom: 10px;
}

.border-bot {
    border-bottom: 1px solid #b9b9b9;
    overflow: hidden;
    padding-bottom: 15px;
    margin: 0 25px 15px 25px;
}

    .border-bot.no-border {
        border-bottom: 0;
    }


/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Form
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
label {
    color: #20282b;
    font-size: 14px;
    line-height: 20px;
}

input, textarea, select {
    background: #fff;
    border: solid 1px #b9b9b9;
    border-radius: 4px;
    width: 100%;
    padding: 7px;
    outline: none;
    font-size: 14px;
    color: #2e2e2e;
}

.textarea {
    border-radius: 4px;
    resize: none;
}

.button {
    color: #ffcd00;
    font-size: 14px;
    display: inline-block;
    line-height: 16px;
    padding: 8px 15px;
    border-radius: 0;
    transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    border: none;
    background: #ffcd00 none repeat scroll 0 0;
    color: #000;
    width: auto;
    cursor: pointer;
    font-family: Bebas;
    letter-spacing: 0.4px;
}

select {
    padding: 6px 7px;
}

.button:hover {
    background: #dfdfdf;
    color: #000;
}
/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Template
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
.wrapper {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 50px;
    height: 100%;
}

.container {
    width: 1100px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0;
}



@charset "utf-8";
/*----------intial declartaion of css----------*/
* { /*appearance:none; -moz-appearance:none;-webkit-appearance:none;*/
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
    display: block;
}

audio, canvas, video {
    display: inline-block;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: none
}

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

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em
}

nav ul, nav ol {
    list-style: none;
    list-style-image: none;
}

button, input, select, textarea {
    font-size: 100%;
    vertical-align: baseline;
}

textarea {
    overflow: auto;
    vertical-align: top
}

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

button, html input[type="button"], input[type="reset"], input[type="submit"], textarea {
    -webkit-appearance: none;
    border-radius: 0
}

:focus {
    outline: 0;
}

ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

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

td {
    vertical-align: top;
}

.none {
    display: none;
}

.clear {
    clear: both;
}

img {
    max-width: 100%;
    border: 0 none;
}

.cf:before, .cf:after {
    content: "";
    display: table
}

.cf:after {
    clear: both;
}

a, button, .btn {
    outline: none !important;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    text-decoration: none !important;
    cursor: pointer;
    outline: none;
}

body {
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
}


/*******Header**********/
/*header {min-height:58px; padding-left:15px;	background:#fff; margin-bottom:0; position:relative;   border-bottom: 2px solid #0080c9;}*/
header {
    min-height: 58px;
    padding-left: 15px;
    margin-bottom: 0;
    position: relative;
}

    header .logo {
        float: left;
        margin: 12px 0;
        position: relative;
        z-index: 2
    }

    header .right_header {
        float: right;
        position: relative;
        z-index: 3;
        max-width: 100% !important;
    }

        header .right_header > ul > li {
            display: inline-block;
            border-right: solid 0 #e1e1e1;
            padding: 14px 10px 14px 12px;
            position: relative;
        }

            header .right_header > ul > li a {
                color: #EEECED;
                font-size: 14px;
            }

                header .right_header > ul > li a.user_info {
                    background: url(../images/user_profile.svg) no-repeat left;
                    padding-left: 30px;
                    display: inline-block;
                    background-size: 25px;
                }

                    header .right_header > ul > li a.user_info span {
                        color: #FFCD00;
                    }

                    header .right_header > ul > li a.user_info:after {
                        content: "";
                        width: 12px;
                        height: 5px;
                        display: inline-block;
                        background: url(../images/usermenu_dropdown_arrow-blue.png) no-repeat top right;
                        vertical-align: middle
                    }

                header .right_header > ul > li a.search {
                    background: url(../images/search_icon-blue.png) no-repeat top left;
                    width: 15px;
                    height: 15px;
                    display: inline-block;
                    vertical-align: middle;
                }
        /*header .right_header > ul > li a.notification { background:url(../images/notification-blue_icon.png) no-repeat scroll left bottom; display: inline-block; height: 22px; width: 18px;}*/
        header .right_header > ul {
            display: flex;
            align-items: center;
        }

            header .right_header > ul > li a.notification {
                background: url("../images/alert.svg") no-repeat scroll center center;
                display: inline-block;
                padding: 0;
                width: 31px;
                height: 31px;
                position: relative;
            }

                header .right_header > ul > li a.notification span {
                    background: #ff0000 !important;
                    display: inline-block;
                    width: 18px;
                    height: 18px;
                    border-radius: 50%;
                    line-height: 18px;
                    text-align: center;
                    font-size: 10px;
                    position: relative;
                    top: -10px;
                    right: -15px;
                    color: #FFF;
                }

                    header .right_header > ul > li a.notification span.blue {
                        background: none;
                    }

            header .right_header > ul > li.backli {
                margin-top: 10px;
                padding: 0;
            }

                header .right_header > ul > li.backli > a {
                    line-height: 16px;
                    padding: 19px 19px 19px 15px;
                }


        header .right_header ul li.Notificationlist {
            padding: 0;
            border: none;
        }

    header .usermenu {
        display: none
    }

    header .company_logo {
        text-align: center;
        padding: 0;
        position: relative;
        left: 0;
        right: 0;
    }

    header .usermenu {
        background: #ffffff;
        border-radius: 0;
        display: none;
        padding: 10px;
        position: absolute;
        right: 13px;
        top: 40px;
        width: 220px;
        text-align: left;
        padding: 0px;
        border: 1px solid #ededed;
        z-index: 99999;
    }

        header .usermenu ul li a {
            color: #000000;
            display: inline-flex;
            width: 100%;
            align-items: center;
            padding: 10px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 16px;
        }

            header .usermenu ul li a img {
                margin-right: 10px;
                width: 16px;
            }

            header .usermenu ul li a:hover {
                background-color: #e4f4f9;
            }

            header .usermenu ul li a:hover {
                color: #000;
            }

        header .usermenu::after {
            border-color: transparent transparent #eeeced;
            border-style: solid;
            border-width: 0 6px 6px;
            content: "";
            height: 0;
            left: auto;
            position: absolute;
            top: -6px;
            width: 0;
            right: 5px;
        }

    header .notificationmenu {
        background: #0080c9 none repeat scroll 0 0;
        border-radius: 0 0 5px 5px;
        display: none;
        padding: 10px;
        position: absolute;
        right: 3px;
        top: 40px;
        width: 400px;
        color: #fff;
    }

        header .notificationmenu::after {
            border-color: transparent transparent #0080c9;
            border-style: solid;
            border-width: 0 8px 8px;
            content: "";
            height: 0;
            right: 4px;
            position: absolute;
            top: -7px;
            width: 0;
        }

        header .notificationmenu ul {
            max-height: 420px;
            overflow: auto;
            padding-right: 3px;
        }

            header .notificationmenu ul li {
                color: #fff;
                text-align: left;
            }



/*header.header-main { min-height:55px; padding-left:15px;	background:#fff; margin-bottom:0;	}*/

/*************** Content part ***************/
.page_title {
    margin-bottom: 18px;
}

    .page_title h2 {
        font-size: 30px;
        color: #ffffff;
        font-family: ProximaNova-Light;
    }

        .page_title h2 img {
            vertical-align: bottom;
        }

.menu li {
    display: inline-block;
    margin-left: 10px;
}

    .menu li a {
        color: #ffffff;
        font-size: 16px;
        border: solid 1px #ffffff;
        border-radius: 4px;
        padding: 2px 18px;
        display: block;
    }

        .menu li a:hover {
            background: #0081c6;
            border: solid 1px #0081c6;
        }

.white_box {
    background: #ffffff;
    border-radius: 4px;
}

    .white_box .box_title {
        background: #efefef;
        padding: 15px;
        border-radius: 4px 4px 0 0;
    }

        .white_box .box_title h3 {
            color: #000000;
            font-size: 18px;
        }

.pending_service {
    width: 34%;
    margin-right: 40px;
    margin-left: 25px;
    float: right;
    margin-top: 20px;
}

    .pending_service h3 {
        color: #0081c6;
        font-size: 22px;
    }

        .pending_service h3 span {
            font-size: 26px;
            color: #ed0000;
        }

.pending_service_box li a {
    height: 116px;
    margin-top: 20px;
    display: table;
    width: 100%;
}

    .pending_service_box li a:hover {
        opacity: 0.8;
    }

.pending_service_box li.orange {
    background: #e68c2d;
}

.pending_service_box li.blue {
    background: #20a9f0;
}

.pending_service_box li .icon {
    width: 140px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background: rgba(0,0,0,0.10)
}

.pending_service_box li .text {
    display: table-cell;
    padding: 0 26px;
    font-size: 22px;
    color: #ffffff;
    font-family: ProximaNova-Semibold;
    line-height: 30px;
    vertical-align: middle;
}

.machine_search_form {
    width: 56%;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
}

    .machine_search_form .row {
        margin-top: 20px;
    }

    .machine_search_form .buttonpart {
        border-top: solid 1px #cccccd;
        padding-top: 10px;
    }

        .machine_search_form .buttonpart .button {
            margin-left: 10px;
        }

.gridpart {
    margin-top: 40px;
}

    .gridpart h4 {
        margin-left: 20px;
        color: #000000;
        font-size: 18px;
        margin-bottom: 10px;
    }

/****Table***/
.datatable {
    border-bottom: solid 1px #c0c0c0;
    border-collapse: collapse;
    width: 100%;
    margin: 0px 0;
}

    .datatable th {
        border: solid 1px #ffffff;
        background: #bce5fa;
        color: #000000;
        font-size: 14px;
        font-family: "ProximaNova-Regular";
        vertical-align: middle;
        padding: 10px 5px;
        text-align: left;
        font-weight: normal;
        line-height: 18px;
    }

    .datatable td {
        font-size: 13px;
        font-family: "ProximaNova-Regular";
        vertical-align: middle;
        padding: 6px 5px;
        border: solid 1px #cccccc;
        line-height: 18px;
    }

        .datatable th:first-child, .datatable td:first-child {
            border-left: none;
        }

        .datatable th:last-child, .datatable td:last-child {
            border-right: none;
        }

        .datatable td a {
            font-size: 14px;
            color: #1964c0;
            text-decoration: underline;
        }
    /*.datatable tr:nth-child(2n+1) td{background:#ffffff;}*/
    .datatable th.location {
        width: 120px;
    }

    .datatable th.action {
        width: 170px;
    }

    .datatable td.action a {
        margin-left: 8px;
    }

    .datatable td .en-route {
        color: #ff8300;
    }

    .datatable td .in_progress {
        color: #008dd6;
    }

    .datatable td .cancelled {
        color: #ed0000;
    }

.filter input {
    background: url(../images/filter_icon.png) no-repeat center right #f6f6f6;
    padding: 4px;
    padding-right: 20px;
}

.pagin {
    text-align: right;
    margin: 10px 10px 35px 0
}

    .pagin a {
        display: inline-block;
        color: #686868;
        font-size: 16px;
        border: solid 1px #c7c7c7;
        line-height: 12px;
        padding: 5px 7px;
        height: 25px;
        min-width: 25px;
        border-radius: 3px;
        margin-left: 5px;
        text-align: center
    }

        .pagin a.active, .pagin a:hover {
            background: #929292;
            color: #ffffff;
            border: solid 1px #929292;
        }

        .pagin a.arrow {
            background: url(../images/pagin_arrow.png) no-repeat top left;
            width: 25px;
        }

            .pagin a.arrow:hover {
                background-color: #929292;
            }

            .pagin a.arrow.prev {
                background-position: top left;
            }

            .pagin a.arrow.next {
                background-position: top right;
            }

            .pagin a.arrow.prev:hover {
                background-position: bottom left;
            }

            .pagin a.arrow.next:hover {
                background-position: bottom right;
            }

/******Footer*************/
footer {
    background: #21292c;
    position: fixed;
    z-index: 3;
    color: #bdbdc0;
    height: 50px;
    line-height: 50px;
    width: 100%;
    bottom: 0;
    padding: 0 10px;
}
    /*.cbp-spmenu-push.cbp-spmenu-push-toright footer {margin-left:200px;}*/
    footer .container {
        position: relative
    }

.footer_menu > span {
    display: inline-block;
    position: relative;
    top: -1px;
}

.footer_menu a {
    color: #bdbdc0;
    font-size: 15px;
    display: inline-block;
    padding: 0 5px;
}

.footer_menu > span {
    display: inline-block;
    position: relative;
    top: -1px;
}

.footer_menu a:hover {
    color: #0080c9;
}

.footer_menu a.active {
    color: #0080c9;
}

.copyright {
    color: #bdbdc0;
    font-size: 16px;
}

.dashboard {
    margin: 0 auto;
    padding: 9% 120px 50px;
    min-height: calc(100vh - 50px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .dashboard .help_div {
        padding: 15px 0;
        text-align: center;
        position: relative;
        z-index: 99999;
    }

    .dashboard h2 {
        text-align: center;
        font-size: 42px;
        color: #EEECED;
        font-family: Bebas;
        padding-bottom: 20px;
        position: relative;
        line-height: 36px;
    }

    .dashboard h4 {
        text-align: center;
        color: #fff;
        font-family: Bebas;
        font-size: 16px;
        padding-top: 20px;
    }

    .dashboard h2:after {
        content: '';
        position: absolute;
        width: 114px;
        height: 4px;
        display: inline-block;
        background: #ffcd00;
        bottom: 0;
        margin: auto;
        left: 0;
        right: 0;
    }

    .dashboard .dashboard_grid li {
        border-bottom: solid 1px #939393;
        border-left: solid 1px #939393;
        width: 50%;
        float: left;
        cursor: pointer;
        min-height: 235px;
    }

        .dashboard .dashboard_grid li a {
            padding-bottom: 50px;
            display: block;
            padding-top: 26px;
        }

        .dashboard .dashboard_grid li img {
            display: block;
            margin: 0 auto;
        }

        .dashboard .dashboard_grid li span {
            display: block;
            text-align: center;
            color: #fff;
            font-size: 28px;
        }

        .dashboard .dashboard_grid li:hover span, .dashboard .dashboard_grid li.active span {
            color: #0169bc;
        }

        .dashboard .dashboard_grid li:first-child {
            border-left: none;
        }

.dashboard-report {
    text-align: center;
    max-width: 80%;
    margin: 0 auto;
    padding: 20px 0;
}

    .dashboard-report h3 {
        font-size: 24px;
        font-family: Bebas;
        color: #ffcd00;
        padding-bottom: 15px;
    }

    .dashboard-report p {
        font-size: 18px;
        color: #fff;
        line-height: 28px;
        font-weight: normal;
        font-family: Arial, Helvetica, sans-serif;
    }

.dashboard-links {
    display: flex;
    width: 100%;
    justify-content: center;
    height: 340px;
    position: relative;
    top: 35px;
}

    .dashboard-links > div {
        flex: 1;
    }

    .dashboard-links .dashboard_grid-2 ul {
        display: flex;
        justify-content: center;
    }

    .dashboard-links .dashboard_grid-2 {
        flex: 0 0 100%;
    }

        .dashboard-links .dashboard_grid-2.assumerole-dashboard {
            flex: 0 0 100%;
        }

            .dashboard-links .dashboard_grid-2.assumerole-dashboard ul li {
                max-width: 12.5%;
            }

    .dashboard-links .dashboard_grid_btm ul {
        display: flex;
        justify-content: start;
    }

    .dashboard-links .dashboard_grid_btm {
        flex: 0 0 100%;
    }

    .dashboard-links ul li {
        border: 0 !important;
        flex: 0 0 12.5%;
        max-width: 12.5%;
        padding: 0 4px;
    }

        .dashboard-links ul li a {
            background: rgba(0,74,147,0.4);
            border: 1px solid #0f8ab2;
            padding: 140px 20px 0 !important;
            min-height: 268px !important;
            position: relative;
        }

            .dashboard-links ul li a img {
                position: absolute;
                top: 60px;
                left: 0;
                right: 0;
            }

        .dashboard-links ul li:hover a img {
            filter: brightness(0);
        }

        .dashboard-links ul li:hover a {
            background: #ffcd00;
            border: 1px solid #fafd28;
            transform: scale(1.1);
            position: relative;
            z-index: 2;
        }

        .dashboard-links ul li a span {
            font-size: 16px !important;
            font-family: Bebas !important;
            line-height: 30px !important;
            letter-spacing: 0.7px;
            padding: 10px 0 0 !important;
            color: #fff;
        }

        .dashboard-links ul li a i {
            display: none;
            text-align: center;
            font-size: 40px;
            font-style: normal;
            color: #000;
        }

        .dashboard-links ul li:hover a i {
            display: block
        }

        .dashboard-links ul li:hover a span {
            color: #000 !important;
        }
/*loginpage css*/
/*.main_login{width:500px; margin:0 auto; position:relative; top:100px;  border-radius:6px; }*/
.main_login {
    text-align: center;
    position: relative;
    padding: 0 10px 10px;
}

.login-bg {
    background: #fff;
    height: auto;
    min-height: 0;
    background: url(../images/body_bg.jpg) no-repeat;
    padding-bottom: 50px;
    background-size: cover;
}

.login-header {
    display: flex;
    justify-content: end;
    position: relative;
    padding-right: 40px;
    padding-top: 10px;
}

    .login-header .login-header-left {
        position: absolute;
        left: 0;
        top: 0;
    }

        .login-header .login-header-left img {
            width: 254px;
        }

.login-header-right .top-number a {
    color: #fff;
    display: flex;
    align-items: center;
}

    .login-header-right .top-number a em {
        margin-right: 10px;
    }

.login-title {
    text-align: center;
    padding-bottom: 15px;
}

    .login-title h3 {
        text-align: center;
        color: #EEECED;
        font-family: Bebas;
        padding-bottom: 20px;
        position: relative;
        line-height: 42px;
        font-size: 42px;
        display: inline-block;
        border-bottom: 3px solid #ffcd00;
    }

    .login-title p {
        font-size: 16px;
        color: #ffcd00;
        font-family: Bebas;
        padding-top: 15px;
    }

.login_logo {
    background: #fff;
    padding: 6px 15px;
    overflow: hidden;
    border-radius: 6px 6px 0 0;
    text-align: left;
    border-bottom: 2px solid #0080c9;
}

    .login_logo span {
        float: left;
        width: 70%;
    }

        .login_logo span img {
            width: 150px;
            margin-top: 3px;
        }

    .login_logo i {
        float: right;
        padding: 2px 0;
    }

    .login_logo .top-number {
        float: right;
        padding: 2px 0;
    }

        .login_logo .top-number a {
            display: block;
            color: #0080c9;
            font-size: 14px;
            margin-top: 6px;
        }

            .login_logo .top-number a em {
                display: inline-block;
                vertical-align: top;
                margin-top: 3px;
            }

.login_box {
    padding: 20px 25px 15px;
    width: 47%;
    float: left;
    border: 1px solid #bbbcbc;
}

    .login_box h2 {
        color: #000b36;
        font-size: 22px;
        margin: 0px 0 15px;
        font-weight: normal;
        line-height: 32px;
        font-family: Bebas;
    }

.login-courner {
    position: relative;
    display: none;
}

    .login-courner img {
        position: absolute;
        right: -20px;
        top: -34px;
    }

.login_form input {
    outline: none;
    color: #000;
    font-size: 18px;
    border: solid 1px #bbbcbc;
    margin-bottom: 15px;
    background: #fff;
    padding: 10px;
    height: 50px;
    border-radius: 0;
}

.login_form .input {
    position: relative;
}

    .login_form .input .imgs {
        position: absolute;
        left: 0;
        top: 0px;
        display: none;
    }

    .login_form .input span {
        background: #9dafbd;
        padding: 10px 18px;
        height: 50px;
        display: inline-block;
        border-radius: 4px 0 0 4px;
    }

    .login_form .input i.input-arrow {
        position: relative;
        display: inline-block;
        vertical-align: top;
    }

        .login_form .input i.input-arrow img {
            position: absolute;
            top: 20px;
            left: -4px;
        }

.login_form .checkbox-pwd label {
    float: left;
    width: 60%;
}

.login_form .checkbox-pwd a {
    float: right;
    color: #00529c;
    text-decoration: underline !important;
    font-size: 15px;
}

.login_form .checkbox {
    color: #000;
    font-size: 15px;
    display: block;
}

    .login_form .checkbox input {
        height: auto;
        width: auto;
        margin: 0;
        padding: 0;
    }

.login_form .submit_bt {
    border: none;
    background: #ffcd00;
    color: #000;
    height: 45px;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 24px;
    width: 100%;
    cursor: pointer;
    padding: 5px 0;
    border-radius: 0;
    font-family: Bebas;
}

    .login_form .submit_bt:hover {
        background: #dfdfdf !important;
    }
/*loginpage css end*/
/*portal account*/
.middle {
    width: 100%;
    overflow: hidden;
    height: 100%;
}

.mid-left {
    width: 90px;
    float: left; /*overflow:hidden; position:relative;*/
    z-index: 1;
}

.my-account {
    padding: 0px;
    text-align: center;
    display: block;
    overflow: hidden;
    min-height: 58px;
    background: transparent !important;
    border-bottom: 0 !important;
}

    .my-account img {
        display: block;
        margin: 0 auto;
        max-width: inherit;
    }

    .my-account h2 {
        font-size: 15px;
        margin: 15px 0 25px;
    }

    .my-account a {
        float: left;
        font-size: 13px;
        width: 33%;
    }

a.button-border {
    border-radius: 4px 4px 4px 4px;
    padding: 10px 15px;
}

.my-account a.myaccount {
    margin-right: 10px;
}

.mid-left li {
    padding: 0px 0;
    display: block;
    position: relative;
}

    .mid-left li a {
        padding: 20px 56px 20px 0;
        display: block;
        overflow: hidden;
        height: auto;
        color: #bae4ff;
        line-height: 1.3;
        height: 72px;
    }

    .mid-left li.active a, .mid-left li:hover a {
        /*background: url(../images/nav-active-arrow.png) right center no-repeat;*/
        position: relative;
        right: 0px;
    }

#left-menu {
    padding: 0 18px;
}

.left-menu li {
    position: relative;
    border-bottom: 1px solid #34a2e6;
}

    .left-menu li.active, .left-menu li:hover {
        border-radius: 6px;
    }

.cbp-spmenu-push.cbp-spmenu-push-toright .mid-left li a {
    padding: 15px 0 15px 55px;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    height: 72px;
    display: flex;
    align-items: center;
}
/*.mid-left li i{   display: block;
    float: left;
    height: 26px;
    left: 18px;

    position: fixed;
    width: 29px;}*/
.mid-left li i {
    /*background: #224561 none repeat scroll 0 0;*/
    /*background-color:transparent !important;
  background-image:url(../images/leftmenu_iconbg.jpg) !important; 
  background-repeat:repeat;*/
    display: block;
    float: left;
    height: 26px;
    left: 15px;
    position: absolute;
    z-index: 50;
    top: 50%;
    margin-top: -13px;
}

.left-menu li.active i, .left-menu li:hover i { /*background: #20a9f0 none repeat scroll 0 0;*/
    /*background-color:transparent !important;
 background-image:url(../images/leftmenu_iconbg_active.jpg) !important;
  background-repeat:repeat;
*/
}

.mid-left li p {
    float: left;
    display: block;
    height: 25px;
    overflow: hidden;
    width: 0;
}

.mid-left.cbp-spmenu-open li p {
    width: 100%;
    height: auto;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
}


.mid-left li a:hover i {
    background-position: left bottom;
    line-height: 20px;
}

.mid-right {
    width: calc(100% - 90px);
    overflow: hidden;
    padding: 0; /*background:url(../images/body_bg.jpg) left top no-repeat; background-size:cover;*/
    transition: all 0.3s ease 0s;
    margin-left: 90px;
    height: 100%;
}

.page-title h2 {
    font-size: 26px;
    text-align: center;
    text-transform: uppercase;
}

.page-title p {
    text-align: center;
    margin: 10px 0 35px;
}

.mid-right .box {
    width: 100%; /*overflow:hidden;*/
    display: block;
}

    .mid-right .box ul {
        position: relative;
        margin-left: -3%;
    }

    .mid-right .box li {
        border-radius: 4px;
        float: left;
        margin: 0 0 30px 3%;
        padding: 10px 5px;
        text-align: center;
        width: 29.1%;
    }

.partner-logo {
    max-height: 64px;
    min-height: 64px;
    max-width: 100%;
}

.mid-right .box li h2 {
    font-size: 20px;
    margin: 5px 0;
}

.mid-right .box li p {
    font-size: 12px;
}

.mid-left-bg {
    float: left;
}

.mid-right .box li:hover {
    cursor: pointer;
}

.add-portal {
    height: calc(100% - 105px);
    margin: 20px;
    /*overflow: hidden;*/
    overflow: visible;
    position: relative;
    padding: 0 10px;
}

.header {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 11px;
}

    .header .breadcrubs-top {
        display: flex;
        max-width: 33.33%;
        flex: 33.33%;
    }

    .header .page-title {
        display: flex;
        max-width: 33.33%;
        flex: 33.33%;
        text-align: center;
        justify-content: center;
        font-size: 20px;
        text-transform: uppercase;
        font-weight: 600;
        position: relative;
    }

.page-title:before {
    content: '';
    width: 110px;
    position: absolute;
    bottom: -5px;
    margin: auto;
    left: 0;
    right: 0;
    background: #fdd13c;
    height: 3px;
}

.header .right_header {
    display: flex;
    max-width: 33.33%;
    flex: 50.33%;
    justify-content: end;
}

.new-breadcums {
    display: flex;
    flex: 33.33%;
    flex-flow: wrap;
}

    .new-breadcums a {
        color: #fdd13c;
        padding-right: 20px;
        position: relative;
    }

        .new-breadcums a:after {
            content: '';
            position: absolute;
            right: 7px;
            display: inline-block;
            border-top: 5px solid transparent;
            border-bottom: 5px solid transparent;
            border-left: 5px solid #fdd13c;
            top: 7px;
        }

.breadcrubs-top li {
    padding-right: 25px;
}

    .breadcrubs-top li a {
        color: #fdd13c;
        position: relative;
    }

        .breadcrubs-top li a:before {
            content: '';
            position: absolute;
            right: -15px;
            display: inline-block;
            border-top: 5px solid transparent;
            border-bottom: 5px solid transparent;
            border-left: 5px solid #fdd13c;
            top: 3px;
        }

.add-portal .title {
    margin-bottom: 10px; /*overflow:hidden; */
    position: relative;
}

    .add-portal .title h2 {
        font-size: 16px;
        float: left; /*width:75%;*/
        color: #FFCD00;
        font-family: 'Bebas';
        padding-top: 0px;
        letter-spacing: 0.4px;
    }

    .add-portal .title .help_div a {
        margin-left: 10px;
    }


    .add-portal .title a.back {
        border: solid 1px #DFDFDF;
        border-radius: 4px;
        color: #45494F;
        padding: 5px 12px;
        background-color: #DFDFDF;
        font-family: 'Bebas';
        letter-spacing: 0.4px;
        border-radius: 0;
    }

        .add-portal .title a.back:hover {
            border: solid 1px #0080c9;
            background: #0080c9;
            color: #fff;
        }

        .add-portal .title a.back img {
            float: left;
            vertical-align: middle;
            margin-right: 5px;
            padding: 3px 0 3px;
        }

        .add-portal .title a.back p {
            float: left;
            vertical-align: middle;
            padding: 0;
            margin: 0;
            font-size: 16px;
            line-height: 20px;
        }

    .add-portal .title .top-back {
        border: solid 1px #DFDFDF;
        border-radius: 1px;
        color: #45494F;
        padding: 5px 20px;
        float: right;
        background-color: #DFDFDF;
        width: auto;
        font-size: 16px;
        line-height: 20px;
        text-transform: capitalize;
        /*background: url(../images/back-arrow.png) 8px 9px no-repeat;*/
        font-family: 'Bebas'
    }

        .add-portal .title .top-back:hover {
            background-color: #EEECED;
            border: solid 1px #EEECED;
            color: #000000;
            cursor: pointer;
        }


.addportal-box {
    border: 1px solid #b9b9b9;
    background: #fff none repeat scroll 0 0;
    border-radius: 1px;
    height: calc(100% - 45px);
    left: 0;
    overflow: hidden; /*position: absolute;*/
    position: relative;
    right: 0;
}

.breadcrubs {
    color: #20282b;
    font-size: 14px;
    line-height: 25px;
    background: #ededed;
    padding: 10px 15px;
    width: 100%;
}

    .breadcrubs a {
        color: #20282b;
        font-size: 14px;
        margin-right: 3px;
    }

        .breadcrubs a:hover {
            color: #0080c9;
            text-decoration: underline;
        }

ul.steps {
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 15px;
}

    ul.steps li {
        float: left;
        width: 33.33%;
        position: relative;
    }

        ul.steps li:first-child p {
            display: none;
        }

        ul.steps li:last-child i {
            display: none;
        }

        ul.steps li a {
            cursor: default;
        }
        /*ul.steps li:last-child span, ul.steps li:first-child span{ width:87.9%;}*/
        ul.steps li p {
            background: url("../images/step2.png") no-repeat scroll left center;
            float: left;
            height: 54px;
            position: absolute;
            width: 16px;
        }

        ul.steps li span.stepmid {
            background: #fff none repeat scroll 0 0;
            color: #224561;
            display: table-cell;
            float: left;
            font-size: 22px;
            line-height: 40px;
            min-height: 54px;
            padding: 7px 5px 7px 20px;
            vertical-align: middle;
            width: 100%;
        }

            ul.steps li span.stepmid span {
                cursor: pointer;
                margin-right: 10px;
            }

        ul.steps li i {
            background: url("../images/step1.png") no-repeat scroll right center;
            float: left;
            height: 54px;
            position: absolute;
            right: 0;
            width: 16px;
        }

        ul.steps li.completed:hover span, ul.steps li.completed span {
            background: #2fa95c;
            color: #FFF;
        }

        ul.steps li.completed:hover p, ul.steps li.completed p {
            background: url(../images/step2-active.png) left center no-repeat;
        }

        ul.steps li.completed:hover i, ul.steps li.completed i {
            background: url(../images/step1-active.png) right center no-repeat;
        }

        ul.steps li:hover span, ul.steps li.active span {
            background: #0080c9;
            color: #FFF;
        }

        ul.steps li:hover p, ul.steps li.active p {
            background: url(../images/step2-active-current.png) left center no-repeat;
        }

        ul.steps li:hover i, ul.steps li.active i {
            background: url(../images/step1-active-current.png) right center no-repeat;
        }

.portal-form {
    padding: 20px;
    min-height: calc(100vh - 285px);
}

    .portal-form h2 {
        border-bottom: solid 2px #b9b9b9;
        padding-bottom: 10px;
        margin-bottom: 15px;
        font-size: 22px;
        color: #555A60;
    }

/*.portal-form a{ border:solid 1px #264d6c; color:#264d6c;  padding:3px 10px; margin-right:5px; border-radius:6px; display:inline-block; }
.portal-form a:hover{ border:solid 1px #264d6c; color:#fff; background:#264d6c;}*/



/*portal account*/
.portal-details {
    height: calc(100% - 45px);
    overflow: auto;
}



/*dashbord css*/


.dashboard .dashboard_grid-2 li {
    border-bottom: solid 1px #939393;
    border-left: solid 1px #939393;
    width: 33.33%;
    float: left;
    padding-bottom: 0;
    cursor: pointer;
    min-height: 253px;
    padding-top: 0;
}

    .dashboard .dashboard_grid-2 li a {
        padding-bottom: 50px;
        padding-top: 50px;
        min-height: 252px;
        display: block;
    }

    .dashboard .dashboard_grid-2 li img {
        display: block;
        margin: 0 auto;
    }

    .dashboard .dashboard_grid-2 li span {
        display: block;
        text-align: center;
        color: #EEECED;
        font-size: 17pt;
        line-height: 35px;
        padding-top: 10px;
    }

    .dashboard .dashboard_grid-2 li:hover span, .dashboard .dashboard_grid li.active span {
        color: #FFCD00;
    }

    .dashboard .dashboard_grid-2 li:first-child {
        border-left: none;
    }
/*.dashboard_grid_btm li{ border-left:solid 1px #939393; width:50%; float:left; padding:50px 0 20px; cursor:pointer;}*/
.dashboard_grid_btm li {
    border-left: solid 1px #939393;
    width: 33.33%;
    float: left;
    padding: 0;
    cursor: pointer;
}

    .dashboard_grid_btm li a {
        padding: 50px 0 20px;
        display: block;
        min-height: 252px;
    }

    .dashboard_grid_btm li img {
        display: block;
        margin: 0 auto;
    }

    .dashboard_grid_btm li span {
        display: block;
        text-align: center;
        color: #EEECED;
        font-size: 17pt;
        line-height: 35px;
        padding: 10px 30px;
    }

    .dashboard_grid_btm li:hover span, .dashboard_grid_btm li.active span {
        color: #FFCD00;
    }

    .dashboard_grid_btm li:first-child {
        border-left: none;
    }


/*.dashboard .dashboard_grid-single li{  width:100%; float:left; padding-bottom:0; cursor:pointer; min-height: 252px; padding-top:0;}
.dashboard .dashboard_grid-single li a {  padding-top:110px; padding-bottom:50px; }
.dashboard .dashboard_grid-single li img{ display:block; margin:0 auto;}
.dashboard .dashboard_grid-single li span{ display:block; text-align:center; color:#9dacb4; font-size:32px; line-height:42px; font-family: 'ProximaNova-Light';}
.dashboard .dashboard_grid-single li:hover span, .dashboard .dashboard_grid li.active span{ color:#FFF; }*/

.dashboard .dashboard_grid-single {
    text-align: center;
}

    .dashboard .dashboard_grid-single li {
        width: 30%;
        display: inline-block;
        padding-bottom: 0;
        cursor: pointer;
        min-height: 252px;
        padding-top: 0;
        border-right: solid 1px #939393
    }

        .dashboard .dashboard_grid-single li a {
            padding-top: 80px;
            display: inline-block;
            padding-bottom: 50px;
        }

        .dashboard .dashboard_grid-single li img {
            display: block;
            margin: 0 auto;
        }

        .dashboard .dashboard_grid-single li span {
            display: block;
            text-align: center;
            color: #20282b;
            font-size: 28px;
            line-height: 42px;
            padding-top: 10px;
        }

        .dashboard .dashboard_grid-single li:hover span, .dashboard .dashboard_grid li.active span {
            color: #0169bc;
        }

        .dashboard .dashboard_grid-single li:last-child {
            border: medium none;
        }

.dashboard .dashboard_grid4 li {
    width: 50%;
    vertical-align: top;
    margin-left: -4px;
}

    .dashboard .dashboard_grid4 li:nth-child(2) {
        border-right: 0;
    }

    .dashboard .dashboard_grid4 li:nth-child(2), .dashboard .dashboard_grid4 li:nth-child(1) {
        border-bottom: solid 1px #939393;
    }

    .dashboard .dashboard_grid4 li:nth-child(3) a {
        padding-top: 94px;
    }


.dashboard_grid_btm_customer li {
    border-left: solid 1px #939393;
    width: 33.33%;
    float: left;
    padding: 0;
    cursor: pointer;
}

    .dashboard_grid_btm_customer li a {
        padding: 50px 0 20px;
        display: block;
    }

    .dashboard_grid_btm_customer li img {
        display: block;
        margin: 0 auto;
    }

    .dashboard_grid_btm_customer li span {
        display: block;
        text-align: center;
        color: #20282b;
        font-size: 28px;
        line-height: 30px;
        padding: 10px 50px;
    }

    .dashboard_grid_btm_customer li:hover span, .dashboard_grid_btm li.active span {
        color: #0169bc;
    }

    .dashboard_grid_btm_customer li:first-child {
        border-left: none;
    }

.dashboard_grid_fourcolom li {
    width: 25%;
}

/* User Management css*/

.form_div {
    margin: 0;
    padding: 0;
    color: #000;
}

.form-row {
    margin: 0;
    padding: 0 0 10px 0;
}

    .form-row label {
        width: 20%;
        display: inline-block;
    }

    .form-row input, .form-row select {
        width: 79%;
    }

    .form-row .email-input {
        width: 45%;
    }

    .form-row .email {
        display: inline-block;
        float: right;
        padding-top: 4px;
        color: #264d6c;
    }

    .form-row a.unlock_user {
        float: right;
        color: #0080c9;
        text-decoration: underline;
    }

.checkbox {
    margin-right: 0;
    position: relative;
    width: 14px;
    margin-bottom: 0;
    display: inline-block;
}

    .checkbox label {
        cursor: pointer;
        border-radius: 2px;
        width: 14px;
        height: 14px;
        top: 0;
        padding: 0 !important;
        left: 0;
        background: #FFF;
        border: 1px solid #6b6b6b;
        float: left;
        margin-right: 0px;
    }

    .checkbox input {
        display: none;
    }

        .checkbox input[disabled] + label {
            cursor: pointer;
            border-radius: 4px;
            /*width: 25px;
	height: 25px;*/
            top: 0;
            left: 0;
            background: #FFF;
            border: 1px solid #ddd;
            float: left;
            margin-right: 5px;
            width: 15px;
            height: 15px;
        }

            .checkbox input[disabled] + label:after {
                opacity: 0;
                content: '';
                position: absolute;
                width: 9px;
                height: 5px;
                background: transparent;
                top: 4px;
                left: 3px;
                border: 2px solid #999;
                border-top: none;
                border-right: none;
                -webkit-transform: rotate(-55deg);
                -moz-transform: rotate(-55deg);
                -o-transform: rotate(-55deg);
                -ms-transform: rotate(-55deg);
                transform: rotate(-55deg);
            }

    .checkbox label:after {
        opacity: 0;
        content: '';
        position: absolute;
        width: 9px;
        height: 5px;
        background: transparent;
        top: 4px;
        left: 3px;
        border: 2px solid #358f35;
        border-top: none;
        border-right: none;
        -webkit-transform: rotate(-55deg);
        -moz-transform: rotate(-55deg);
        -o-transform: rotate(-55deg);
        -ms-transform: rotate(-55deg);
        transform: rotate(-55deg);
    }

    .checkbox label:hover::after {
        opacity: 0;
    }

    .checkbox input[type=checkbox]:checked + label:after {
        opacity: 1;
    }

.access_right {
    margin: 0;
    padding: 0;
}

.access_right_border {
    border-left: solid 1px #cccccc;
}

.access_right h3 {
    font-size: 18px;
    color: #000000;
    margin: 0;
    padding: 0 0 10px 0;
    font-weight: normal;
}

.access_right .search_input {
    max-width: 280px;
    background: url(../images/search_icon-gray.png) no-repeat 10px 8px;
    padding-left: 35px;
}

.access_table {
    margin: 20px 0 0 0;
    padding: 0px 0 0 0; /* max-height:400px; overflow:auto; */
}

    .access_table table {
        border: solid 1px #e2e3e3;
        width: 100%;
    }
        /*.access_table table td, .access_table table th {border:solid 1px #e2e3e3; text-align:left; padding:5px 10px; font-size:12px; color:#2e2e2e;}*/
        .access_table table th {
            font-weight: normal;
            color: #000;
        }

        .access_table table .align_center {
            text-align: center;
        }

    .access_table .checkbox {
        top: 3px;
    }

.button_div {
    margin: 0;
    padding: 20px 0 0;
    text-align: right;
}

    .button_div .button {
        margin-left: 10px;
    }

.checkbox-section .form-row > label {
    width: auto;
}

.checkbox-section .checkbox-group {
    border: solid 1px #d3d3d3;
    padding: 8px;
    border-radius: 5px;
    margin-bottom: 10px;
}

/* Add portal page css*/

.portal_step {
    margin: 0;
    padding: 20px 0 0 0;
}

    .portal_step ul {
        margin: 0;
        padding: 0;
        display: block;
        text-align: center;
    }
        /*.portal_step ul li { display: inline-block; margin: 0; padding: 0; position: relative; text-align: center;}*/
        .portal_step ul li {
            box-sizing: border-box;
            display: inline-block;
            margin: 0;
            padding: 0 0 0 10px;
            position: relative;
            text-align: center;
            width: 14%;
            margin-left: -4px;
            vertical-align: top;
        }

            .portal_step ul li a {
                color: #224561;
                display: inline-block;
                padding-top: 0;
                position: relative;
                text-align: center;
                z-index: 2;
            }

            .portal_step ul li span.number {
                background: #c8c8c8 none repeat scroll 0 0;
                border-radius: 3px;
                display: block;
                font-size: 20px;
                height: 30px;
                line-height: 30px;
                margin: 0 auto;
                text-align: center;
                top: 0;
                width: 30px;
            }

            .portal_step ul li.active span.number {
                background: #2fa95c;
                color: #fff;
            }

            .portal_step ul li.curent_active span.number {
                background: #0080c9;
                color: #fff;
            }

            .portal_step ul li.curent_active span {
                color: #0080c9;
            }

            .portal_step ul li.active a {
                color: #000;
            }

            .portal_step ul li .border_line {
                height: 2px;
                left: 60px;
                position: absolute;
                top: 15px;
                width: 100%;
                z-index: 0;
            }

            .portal_step ul li::after {
                border-bottom: 2px solid #c8c8c8;
                content: "";
                display: block;
                left: -43%;
                position: absolute;
                right: 0;
                top: 15px;
                z-index: 0;
            }

            .portal_step ul li:first-child {
                padding-left: 0;
            }

                .portal_step ul li:first-child::after {
                    border-color: #2fa95c;
                    border-width: 0;
                }

            .portal_step ul li.active::after {
                border-color: #2fa95c;
            }

            .portal_step ul li:last-child::after {
                right: 43%;
            }

.portal_form {
    max-width: 350px;
    max-width: 700px;
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
}

    .portal_form .portal-left {
        padding: 0 15px;
        flex: 1;
        order: 2;
    }

    .portal_form .portal-right {
        padding: 0 15px;
        flex: 1;
        order: 1;
    }

    .portal_form .portal-left .logo-box {
        width: 150px;
        height: 150px;
        border: 1px solid #e0e0e0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .portal_form .portal-left .logo-box img {
            max-height: 100%;
            max-width: 100%;
        }

    .portal_form .portal-right input[type="text"] {
        border-radius: 0;
        height: 40px;
        font-size: 16px;
        border: 1px solid #cecece;
    }

    .portal_form label {
        font-weight: 700;
        font-size: 13px;
    }

    .portal_form .row_input {
        margin: 0;
        padding: 0 0 10px;
    }

    .portal_form .checkbox {
        margin: 5px 0 0 20px;
        top: 3px;
    }

    .portal_form .button_div {
        padding: 0;
        text-align: left;
    }

        .portal_form .button_div .button {
            margin-right: 10px;
            margin-left: 0;
        }

.allowed_Functions {
    margin: 0;
    padding: 15px 20px;
    border: solid 1px #d3d3d3;
    border-radius: 5px;
    overflow: auto;
    max-width: 530px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 160px;
}

    .allowed_Functions ul {
        margin: 0;
        padding: 0;
    }

        .allowed_Functions ul li {
            float: left;
            margin: 0;
            padding: 0 0 5px;
            width: 50%;
        }

    .allowed_Functions .checkbox {
        top: 2px;
        margin-right: 5px;
    }

.allowed_Functions_button {
    max-width: 530px;
}


/* ======== Error Page ============= */

.error_page {
    margin: 0;
    padding: 30px 0 0 0;
}

    .error_page .error_icon {
        text-align: center;
    }

    .error_page .error_title {
        margin: 0;
        padding: 0;
        text-align: center;
        font-size: 25px;
        color: #264d6c;
    }

    .error_page .error_text {
        margin: 0;
        padding: 20px 20px 0;
        text-align: center;
        font-size: 16px;
        color: #000;
    }



.grid_checkbox table tr td:first-child, .grid_checkbox table tr th:first-child {
    text-align: center;
}

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


/* ======== Customor Page Start ============= */

.help_div {
    margin: auto;
}

    .help_div a {
        display: inline-flex;
        background: #c5edc1;
        align-items: center;
        justify-content: center;
        padding: 5px 10px;
        line-height: 1;
        font-size: 12px;
        border-radius: 5px;
        color: #000;
    }

        .help_div a span {
            width: 13px;
            margin-right: 5px;
        }

.head_right_con_top {
    /*float: right;
    line-height: normal;*/
    float: right;
    text-align: right;
    display: flex;
    justify-content: end;
}

.top-header-right-action .head_right_con_top {
    position: absolute;
    right: 90px;
    top: 0;
}

.pending_text_cel {
    font-size: 16px;
    display: flex;
    align-items: center;
}

    .pending_text_cel span {
        font-size: 24px;
        color: #fdd13c;
        margin-left: 5px;
    }

#helpData {
    color: #000;
}

.ServiceCall_border {
    border-left: solid 1px #b9b9b9;
    padding-left: 10px;
    margin-left: 10px
}

.head_right_con_top a.button {
    float: left;
    margin-left: 5px;
}

.head_right_con_top a img {
    margin-top: 2px;
}

.Call_search_section {
    margin: 0;
    padding: 15px 15px;
    position: relative;
}

    .Call_search_section .search_box {
        float: left;
        margin: 0;
        padding: 0;
        width: 100%;
    }
        /*.Call_search_section .search_box input.inputbox {border: medium none; margin-right:-10px; padding: 12px 15px 10px 35px; width:47%; font-size:16px; font-style:italic;  background:#fff url("../Images/seach_big_icon.png") no-repeat scroll 5px 10px;}*/
        .Call_search_section .search_box input.inputbox {
            margin-right: 10px;
            float: left;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            padding: 6px 15px 6px 35px;
            width: 45%;
            font-size: 16px;
            font-style: italic;
            background: #fff url("../Images/seach_big_icon.png") no-repeat scroll 5px 9px;
            height: 38px;
            line-height: 20px;
        }
    /*.Call_search_section .button { padding:11px 10px 12px; margin:0 5px 0 0; height: 43px; position:relative; top:0; width:90px; border:solid 1px #20a9f0; box-sizing: border-box; -webkit-box-sizing: border-box;}*/
    .Call_search_section .button {
        padding: 7px 10px 6px;
        margin: 0 5px 0 0;
        height: 38px;
        position: relative;
        top: 0;
        width: 90px;
        border: solid 1px #DFDFDF;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        text-transform: uppercase;
    }

        .Call_search_section .button:hover {
            border: solid 1px #264d6c;
        }

    .Call_search_section .button_border {
        background: #DFDFDF;
        border: solid 1px #DFDFDF;
        color: #000;
    }

        .Call_search_section .button_border:hover {
            background: #015383;
            border: solid 1px #015383;
            color: #fff;
        }

    .Call_search_section .search_right {
        float: right;
        position: absolute;
        right: 15px;
    }

        .Call_search_section .search_right .button {
            width: auto;
            top: 0; /*padding:12px 10px 13px;*/
            padding: 10px 10px 6px;
            margin: 0 0 0 2px;
        }

        .Call_search_section .search_right i {
            background: url(../images/arrow_right.png) no-repeat 0 0;
            width: 11px;
            height: 18px;
            display: inline-block;
            margin: 0 0 0 5px;
            position: relative;
            top: 4px;
            width: 11px;
        }

        .Call_search_section .search_right .orange {
            background: #f38b48 none repeat scroll 0 0;
            border-color: #e68c2d;
        }

            .Call_search_section .search_right .orange:hover {
                background: #fff none repeat scroll 0 0;
                border-color: #f38b48;
                color: #f38b48;
            }



.CumminsCustomer_data {
    padding: 0 20px;
    color: #000;
}

.Customer_data_inside {
    padding: 20px 0;
}

.bottom_button_section {
    margin: 0;
    padding: 20px 0px 0px;
}

    .bottom_button_section .button {
        text-transform: uppercase;
        margin-left: 5px;
        margin-bottom: 5px;
    }

    .bottom_button_section .orange {
        background: #e68c2d;
    }

        .bottom_button_section .orange:hover {
            background: #264d6c;
        }

.Customer_data_inside h3 {
    font-size: 18px;
    color: #000;
}

.accordion {
    font-size: 18px;
    color: #000;
    padding-left: 50px;
    position: relative;
    line-height: 33px;
}

.Call_Request {
    padding-top: 25px;
}

.accordion span {
    width: 40px;
    display: inline-block;
    height: 32px;
    background: url(../images/accordion_up_arrow.jpg) no-repeat center center #e6e6e6;
    left: 0;
    position: absolute;
}

.accordion-open span {
    background: url(../images/accordion_down_arrow.jpg) no-repeat center center #e6e6e6;
}

.accordion_content {
    border-left: 40px solid #e6e6e6;
    margin-bottom: 1px;
    margin-top: -1px;
    padding-left: 10px;
}

    .accordion_content table {
        width: 100%;
    }

        .accordion_content table th {
            background: #e6e6e6;
            text-align: left;
            font-weight: normal;
        }

        .accordion_content table tr {
            border-bottom: solid 1px #e3e3e3;
        }

            .accordion_content table tr:last-child {
                border-bottom: 0;
            }

        .accordion_content table th, .accordion_content table td {
            padding: 2px 5px;
        }

.submit_right_section {
    margin: 0;
    border-left: solid 1px#cecece;
}

.intruction {
    border: solid 1px #dbdbdb;
    border-radius: 5px;
    margin-top: 10px;
    height: 430px;
    overflow: auto;
    padding: 10px;
}

.uppercase {
    text-transform: uppercase;
}

.search_buttondiv {
    padding-top: 26px;
}

.row_sm-col::after, .row_sm-col::before {
    clear: both;
    content: "";
    display: table;
}

.row_sm-col {
    clear: both;
    margin-left: -10px;
    margin-right: -10px;
}

.col-sm-md-1 {
    float: left;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    width: 18%;
}

.col-sm-md-2 {
    float: left;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    width: 30%;
}

.col-sm-md-inside-2of2 {
    width: 50%;
    float: left;
}

.col-sm-md-inside-2of1 {
    width: 50%;
    float: left;
    padding-left: 20px
}

.col-sm-md-inside-2of5 {
    width: 50%;
    float: left;
    padding: 0 5px
}

    .col-sm-md-inside-2of5:last-child {
        padding-right: 0px
    }

.col_cler-left {
    clear: left;
}

.NopadLeft {
    padding-left: 0;
}

.padBot15 {
    padding-bottom: 15px;
}

.col-sm-md-singal {
    float: left;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    width: 20%;
}

.col-sm-md-singal-small {
    width: 12%;
}

.col-sm-md-singal-button {
    width: 36%;
}

.Groupspage_search .search_buttondiv .button {
    float: left;
}

    .Groupspage_search .search_buttondiv .button.orange {
        width: auto;
    }

    .Groupspage_search .search_buttondiv .button:first-child {
        margin-left: 0;
    }

.Groupspage_search {
}

    .Groupspage_search .k-textbox > input, .Groupspage_search .k-autocomplete .k-input, .Groupspage_search .k-picker-wrap .k-input, .Groupspage_search .k-numeric-wrap .k-input, .Groupspage_search .k-dropdown-wrap .k-input, .Groupspage_search .k-selectbox .k-input {
        padding: 0.3em 0;
        font-family: "ProximaNova-Regular",sans-serif;
        font-size: 16px;
        font-style: italic;
        color: #2e2e2e;
    }



.search_result {
    margin: 0;
    padding: 0 0 0px 0;
}

    .search_result h3 {
        padding-bottom: 15px;
    }

.Topcall_search .resultbox {
    width: 30%;
    margin: 0;
    padding: 0 0 0 10px;
    float: left;
}

    .Topcall_search .resultbox span {
        color: #000;
    }

.checkbox_Section {
    margin: 0;
    padding: 20px 0 0 0;
}

.checkbox_insideborder {
    border: solid 1px #d3d3d3;
    padding: 5px;
    border-radius: 5px;
}

.checkbox_Scrollbox {
    height: 100px;
    overflow: auto;
}

.checkbox_Section h4 {
    font-size: 14px;
    color: #000000;
    padding-bottom: 5px;
}

.checkbox_Section label {
    vertical-align: top;
    color: #6f6f6f;
}

.Location_group {
    margin: 0;
    border-left: solid 1px#cecece;
}

    .Location_group .maxwidth {
        max-width: 350px;
    }

.Location_group_box {
    border: solid 1px #d3d3d3;
    padding: 5px;
    margin-top: 5px;
    border-radius: 5px;
}

.Location_Scrollbox {
    height: 607px;
    overflow: auto;
}

.or_text {
    margin-top: 10px;
    text-align: center;
}

.Location_group_box label {
    vertical-align: top;
    color: #6f6f6f;
}

/* ======== Service History Details Page Start ============= */

.head_right_con_top a.icon_button {
    border-radius: 4px;
    color: #FFF;
    padding: 6px 12px;
    margin: 0 10px;
}

    .head_right_con_top a.icon_button:hover {
        background: #20a9f0;
        color: #fff;
    }

    .head_right_con_top a.icon_button img {
        float: left;
        vertical-align: middle;
        margin-right: 5px;
        padding: 0;
    }

    .head_right_con_top a.icon_button p {
        float: left;
        vertical-align: middle;
        padding: 0;
        margin: 0;
        font-size: 16px;
        line-height: 20px;
    }

.head_right_con_top a.mailbtn {
    background: #2d8a2d;
    display: inline-block;
    font-family: 'Bebas';
    letter-spacing: 0.4px;
    border-radius: 0;
}

    .head_right_con_top a.mailbtn img {
        margin-top: 3px;
    }

.head_right_con_top a.pdfbtn {
    background: #f55454;
    display: inline-block;
    margin-right: 0;
    font-family: 'Bebas';
    letter-spacing: 0.4px;
    border-radius: 0;
}

.history_part1 {
    margin: 0;
    padding: 0;
    border-radius: 5px;
    border: solid 1px #d3d3d3;
    min-height: 146px;
}

    .history_part1 .borderbottom_row {
        border-bottom: solid 1px #d3d3d3;
        padding: 3px 10px
    }

        .history_part1 .borderbottom_row:last-child {
            border-bottom: 0;
        }

    .history_part1 strong {
        font-size: 13px;
        display: inline-block;
        vertical-align: top;
        width: 160px;
        color: #000;
        font-weight: normal;
        font-family: 'ProximaNova-Semibold';
    }

    .history_part1 span {
        font-size: 13px;
        display: inline-block;
        max-width: 63%;
    }

    .history_part1 i {
        font-style: normal;
        vertical-align: top;
    }

.machine_datails, .history_datails {
    margin: 0;
    padding: 0;
    color: #000;
}

.accordion_machine, .accordion_history {
    background: #d3d3d3;
    color: #000;
    font-size: 18px;
    margin-top: 20px;
    border-radius: 5px;
    padding: 6px 10px;
    position: relative;
    cursor: pointer;
}

    .accordion_machine span, .accordion_history span {
        width: 21px;
        display: inline-block;
        height: 21px;
        background: url(../images/accordion_close_icon.png) no-repeat center center;
        right: 10px;
        top: 11px;
        position: absolute;
    }

    .accordion_machine.accordion-close span, 
    .accordion_history.accordion-close span {
        background: url(../images/accordion_open_icon.png) no-repeat center center;
    }

    .accordion_machine.accordion-open, 
    .accordion_history.accordion-open {
        border-radius: 5px 5px 0px 0px;
    }

.machine_decription {
    padding: 15px 10px;
    margin: 0;
}

.machine_content, .history_content {
    border-left: solid 1px #d3d3d3;
    border-right: solid 1px #d3d3d3;
    border-bottom: solid 1px #d3d3d3;
    border-radius: 0 0 5px 5px;
}

.machine_serno {
    padding-right: 50px;
}

.machine_charge {
    width: 100%;
    display: table;
    color: #000;
}

    .machine_charge th, .history_charge th {
        background: #fff;
        font-family: 'Bebas';
        font-weight: 100 !important;
        overflow: hidden;
        padding: 0.6em 0.6em 0.6em 0.6em;
        color: #004a93;
        box-sizing: border-box !important;
        vertical-align: middle !important;
        font-size: 13px !important;
        border: 1px solid #ccc;
    }

    .machine_charge td, .history_charge td {
        padding: 3px 10px;
        display: table-cell;
        font-size: 13px;
    }

    .machine_charge tr, .history_charge tr {
        border-bottom: solid 1px #efefef
    }

    .machine_charge tfoot {
        background: #d3d3d3 none repeat scroll 0 0;
        font-size: 16px;
    }

        .machine_charge tfoot tr, .history_charge tfoot tr {
            border-bottom: none
        }

.border-none {
    border: none;
}

.align_right {
    text-align: right;
}

.align_left {
    text-align: left;
}

.align_center {
    text-align: center;
}

.machine_datails .table_footer, history_datails .table_footer {
    background: #d3d3d3 none repeat scroll 0 0;
    font-size: 16px;
    margin: 20px 0 10px;
    padding: 5px 10px;
    border-radius: 5px;
}

.table_footer-text {
    float: right;
}

.table_footer-total {
    float: right;
    margin-left: 10px;
    min-width: 110px;
    text-align: right;
}


.history_part_bottom {
    margin: 0;
    padding: 0;
}

.history_part_bottom_border {
    border: solid 1px #d3d3d3;
    border-radius: 5px;
    min-height: 250px;
    height: auto;
}

.history_part_bottom_leftpart {
    width: 70%;
    margin: 0;
    padding: 0 0 10px;
    float: left;
}

.history_part_bottom_rightpart {
    width: 30%;
    margin: 0;
    padding: 0;
    float: left;
    border-left: 1px solid #d3d3d3;
    min-height: 250px;
    height: auto;
}

.history_part_bottom p {
    padding: 5px 10px 0;
}

.history_part_bottom strong {
    display: inline-block;
    vertical-align: top;
    width: 160px;
    color: #000;
    font-weight: normal;
    font-family: 'ProximaNova-Semibold';
}

.history_part_bottom span {
    display: inline-block;
}

.history_part_bottom i {
    font-style: normal;
    vertical-align: top;
}

.history_part_bottom .bottomborder {
    border-bottom: solid 1px #d3d3d3;
    padding-bottom: 20px
}

.history_part_bottom .topborder {
    border-top: solid 1px #d3d3d3;
    padding-top: 2px
}

.history_part_bottom_line {
    position: relative;
    left: 70%;
    height: 100%;
    width: .2em;
    margin: 0 0 0 -.1em;
    background: silver;
}

.history_part_bottom p.copy_text {
    font-weight: bold;
    color: #000;
    padding-bottom: 5px;
}

.history_part_bottom .term_text {
    font-size: 12px;
    padding: 5px -1px 10px 1px;
}

.popup-block {
    background: #ffffff none repeat scroll 0 0;
    margin: 40px auto;
    max-width: 500px;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    text-align: left;
}

.popup-block-attachment {
    max-width: 600px;
}

.popup_title {
    background: #efefef;
}

    .popup_title h3 {
        font-size: 18px;
        color: #000;
        margin: 0;
        padding: 13px 20px;
    }

.popup_content {
    margin: 0;
    padding: 15px 20px;
}

    .popup_content input, .popup_content select, .popup_content textarea { /*background:#f6f6f6;*/
    }

    .popup_content textarea {
        resize: none;
        height: 80px;
    }

.pop_col1 {
    float: left;
    width: 40%;
    padding-bottom: 5px;
}

.pop_col2 {
    float: left;
    width: 30%;
    padding-left: 10px;
    padding-bottom: 5px;
}

.pop_col3 {
    float: left;
    width: 30%;
    padding-left: 10px;
    padding-bottom: 5px;
}

.popup_content .button-part {
    text-align: center;
    margin: 0;
    padding: 10px 0 0;
}

.popup_content a.button-border {
    border-radius: 4px;
    color: #000;
    margin: 0 5px;
    padding: 3px 15px;
    font-size: 16px;
    border: 1px solid #FFCD00;
    cursor: pointer;
    display: inline-block;
    background-color: #FFCD00;
    font-family: Bebas;
}

    .popup_content a.button-border:hover {
        background: #dfdfdf;
        border-color: #264d6c;
        color: #000;
    }

.popup_content a.cancel-button {
    color: #000;
    margin: 0 5px;
    padding: 3px 15px;
    font-size: 16px;
    border: 1px solid #dfdfdf;
    cursor: pointer;
    display: inline-block;
    background-color: #dfdfdf;    
    border: 1px solid #DFDFDF;
}

    .popup_content a.cancel-button:hover {
        background: #d9d9d9;
        color: #000;
    }

.popup_content a.submitnow-border {
    border-radius: 4px;
    color: #2d8a2d;
    margin: 0 5px;
    padding: 3px 15px;
    font-size: 16px;
    border: 1px solid #2d8a2d;
    cursor: pointer;
    display: inline-block;
}

    .popup_content a.submitnow-border:hover, .submitnow-bg {
        background: #2d8a2d;
        color: #fff !important;
    }

.popup_content a.cancel-border {
    border-radius: 4px;
    color: #F71915;
    margin: 0 5px;
    padding: 3px 15px;
    font-size: 16px;
    border: 1px solid #F71915;
    cursor: pointer;
    display: inline-block;
}

    .popup_content a.cancel-border:hover, .submitnow-bg {
        background: #F71915;
        color: #fff !important;
    }


/* ========= create service call - add machine ============= */


.k-hierarchy-cell {
    background: #e6e6e6 none repeat scroll 0 0;
}

.k-detail-cell {
    border-top: 1px solid #c5c5c5 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.table_inside_form .col-md-4 {
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}
/*.table_inside_form .col-md-4:last-child { width: 32.5%;}*/
.table_inside_form input, .table_inside_form textarea, .table_inside_form select {
    box-sizing: border-box;
}

.table_inside_form .input_row {
    padding-bottom: 10px;
    line-height: 22px;
    font-size: 14px;
}

.all_display_meg {
    height: 120px;
    padding-top: 60px;
}

.success_meg {
    background: url("../images/sucess_msg_image.png") no-repeat scroll 0 0;
    height: 113px;
    width: 235px;
    right: -235px;
    transition: all 0.2s ease-in-out 0s;
    position: absolute;
}

    .success_meg > p {
        color: #2d8a2d;
        font-size: 19px;
        padding: 23px 0 0 90px;
    }

.success_meg_show {
    right: 0
}

.error_meg {
    background: url("../images/error_msg_image.png") no-repeat scroll 0 0;
    height: 113px;
    width: 235px;
    right: -235px;
    transition: all 0.2s ease-in-out 0s;
    position: absolute;
}

    .error_meg > p {
        color: #ff0000;
        font-size: 19px;
        padding: 23px 0 0 90px;
    }

.error_meg_show {
    right: 0
}

a.borderButton, .borderButton {
    border-radius: 4px;
    color: #264d6c;
    margin: 0 1px;
    padding: 3px 15px;
    font-size: 16px;
    border: 1px solid #264d6c;
    cursor: pointer;
    display: inline-block;
}

    a.borderButton:hover, .borderButton:hover {
        background: #20a9f0;
        border: 1px solid #4BB0E5;
        color: #FFF;
    }

.contenteditor {
    display: inline-block;
    width: 79%;
}

#divHelpContentManagement .form-row select.selectmaxwidth {
    max-width: 300px;
}

.bottom_User_2column li {
    width: 33.3%;
    min-height: 235px
}


/* ======= Kendo custom style ==========*/

.row_sm-col .k-autocomplete, .row_sm-col .k-combobox {
    width: 100%;
}

.row_sm-col .k-datepicker {
    width: auto;
}




.call-schedul {
    background: #f38b48 none repeat scroll 0 0;
    border-radius: 28px;
    color: #000;
    display: block;
    padding: 9px 20px;
    text-align: center;
}

.call-pending {
    background: #c6edc1 none repeat scroll 0 0;
    border-radius: 28px;
    color: #000;
    display: block;
    padding: 9px 20px;
    text-align: center;
}

.add-machine {
    background: #20a9f0 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: block;
    padding: 2px 8px;
    text-align: center;
}

.call-schedul_updated {
    background: #e68c2d none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: block;
    padding: 2px 5px;
    text-align: center;
}

.CumminsCustomer_data .location_add {
    color: #000;
    float: left;
    padding-right: 15px;
    font-size: 15px;
    margin-top: 15px;
    font-weight: bold;
}

.CumminsCustomer_data .call_number {
    float: right;
    color: #000;
    font-size: 15px;
    font-weight: bold;
    margin-top: 15px;
}


.contact-page {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px;
    padding: 20px;
}

.contact-inside {
    max-width: 710px;
    margin: 0 auto;
    color: #000;
}

.contact-page ul {
}

    .contact-page ul li {
        position: relative;
        margin: 20px 0 10px 0;
        padding: 0 0 0 45px;
        list-style: none;
        font-size: 15px;
        float: left;
        width: 50%;
        line-height: normal;
    }

        .contact-page ul li .icon {
            position: absolute;
            left: 0;
            top: 0;
        }

        .contact-page ul li span {
            display: block;
            font-size: 18px;
            color: #114b7d;
            text-transform: uppercase;
            padding-bottom: 5px;
        }

.addbillto_inside {
    padding: 0px;
    position: relative;
}

.
.addbillto_disnone {
    display: none;
}

table.small-editor {
    height: 350px;
}

    table.small-editor iframe.k-content {
        height: 300px; /* 50px less than the Editor height */
    }

.nodataheight {
    min-height: 233px;
}

.inputheight {
    height: 30px;
}


.Notifications_selectbox .label {
    color: #000000;
    font-size: 14px;
    line-height: 20px;
}

.Notifications_selectbox .form-row > label {
    width: 31%;
}

.Notifications_selectbox .form-row input {
    width: 61%;
}

.Notifications_selectbox .checkbox {
    top: 2px;
}

.Notifications_selectbox .form-row li {
    display: inline-flex;
    padding-right: 5px;
    min-width: 130px;
}

.Notifications_selectbox .form-row .checkbox {
    width: 18px;
}

.Notifications_selectbox .form-row li .checkbox label {
    width: 15px;
    margin: 0;
}

.Notifications_selectbox .form-row li label {
    width: auto;
    margin-left: 5px;
}

.display_inline {
    display: inline-block;
}




/*============= New design ===================== */

.createService_mainbox {
    height: calc(100% - 142px);
}

    .createService_mainbox .portal-details {
        height: calc(100% - 2px);
    }

.customerotherpages {
    height: calc(100% - 70px);
}

    .customerotherpages .portal-details { /*height: calc(100% - 2px);*/
        height: calc(100% - 0px);
    }

.add-portal .customer_title {
    /*min-height: 50px;*/
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}

    .add-portal .customer_title .help_div {
        margin-left: 0;
        margin-bottom: 0;
        margin-top: 0;
    }


.head_right_con_top a.button_big {
    padding: 15px 15px;
    border: solid 1px #20a9f0;
}

    .head_right_con_top a.button_border, .head_right_con_top a.button_big:hover {
        border: solid 1px #fff;
        background: #264d6c none repeat scroll 0 0;
    }

        .head_right_con_top a.button_border:hover {
            background: #20a9f0 none repeat scroll 0 0;
            border: solid 1px #20a9f0;
        }

.breadcrubs_two {
    left: 0;
    position: absolute;
    top: 30px;
}

.title .breadcrubs_two a {
    float: none;
    color: #20282b;
}

    .title .breadcrubs_two a:hover {
        text-decoration: underline;
        color: #0080c9;
    }

.steps .helpicon {
    width: 16px;
    height: 16px;
    position: relative;
    cursor: pointer;
    top: 2px;
    background: url("../images/help_icon_2.png") no-repeat scroll 0 0;
    display: inline-block;
}

ul.steps li:hover span .helpicon, ul.steps li.active span .helpicon, ul.steps li.completed span .helpicon {
    background: url("../images/help_icon_white.png") no-repeat scroll 0 0;
}

.textuppercase {
    text-transform: uppercase;
}


table.simple_table {
    display: table;
    width: 100%;
    text-align: left;
    min-width: 800px;
}

    table.simple_table tr th {
        display: table-cell;
        text-align: left;
        color: #2e2e2e;
        font-weight: normal;
        font-size: 14px;
        background: #e6e6e6;
        padding: 7px 10px;
        border-right: 1px solid #fff;
    }

    table.simple_table tbody {
        color: #000000;
    }

    table.simple_table tr td {
        padding: 7px 10px;
        border-bottom: 1px solid #e3e3e3;
        border-right: 1px solid #e3e3e3;
        vertical-align: top;
    }

    table.simple_table .blacktext {
        color: #000;
    }

    table.simple_table .smallbtn {
        padding: 4px 10px;
        font-size: 13px;
    }

        table.simple_table .smallbtn span {
            font-weight: bold;
            font-size: 14px;
        }

.twopart {
    margin: 0;
    padding: 0;
}

.part-1 {
    float: left;
    width: 50%;
}

.part-2 {
    float: left;
    width: 50%;
}

.required {
    color: #F00;
}

.popupbig {
    max-width: 690px;
}

.popup-block .row {
    margin: 0 -10px;
}

.popup-block .col-md-6, .popup-block .col-md-12 {
    padding-left: 10px;
    padding-right: 10px;
}

.popup_titledata {
    color: #000000;
    font-size: 16px;
    margin: 0;
    padding: 13px 20px;
}

.popup_content .col-md-6 {
    padding-bottom: 10px;
}

.popup_content .textarea {
    height: 95px;
}

.popup_content .email-input {
    padding-right: 35px;
}

.emailrow {
    padding-bottom: 5px;
    position: relative;
}

    .emailrow .checkbox {
        top: 3px;
    }

.addicon {
    border: 1px solid #6b6b6b;
    border-radius: 2px;
    color: #2d8a2d;
    cursor: pointer;
    display: inline-block;
    font-size: 21px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 8px;
    width: 20px;
}

.status-list {
    display: inline-block;
    min-width: 130px;
}

    .status-list .checkbox {
        top: 3px;
    }

.status-notifications {
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 10px;
    padding-bottom: 20px;
    padding-top: 30px;
    color: #000;
}

.call-remove {
    background: #f55454;
    border-radius: 5px;
    color: #fff;
    display: block;
    padding: 2px 8px;
    text-align: center;
}

    .call-remove:hover {
        color: #fff;
    }

.call-edit {
    background: #0080c9;
    border-radius: 5px;
    color: #fff;
    display: block;
    padding: 2px 8px;
    text-align: center;
}

    .call-edit:hover {
        color: #fff;
    }

.k-grid {
    border-left: 0 !important;
    border-right: 0 !important;
}

.grid_listing .k-grid-content .k-plus {
    background: url("../images/grid_pluse_icon.png") no-repeat scroll 0 0;
}

.grid_listing .k-grid-content .k-minus {
    background: url("../images/grid_minus_icon.png") no-repeat scroll 0 0;
}

.grid_infoicon {
    margin-top: 3px;
}

.marginTop20 {
    margin-top: 22px;
}

.popup_content .button-border {
    border-radius: 4px;
    color: #264d6c;
    width: auto;
    margin: 0 5px;
    padding: 3px 15px;
    font-size: 16px;
    border: 1px solid #264d6c;
    cursor: pointer;
    display: inline-block;
}

    .popup_content .button-border:hover, .popup_content a.button-bg {
        background: #20a9f0;
        border-color: #20a9f0;
        color: #fff;
    }

.popupscroll {
    max-height: 400px;
    overflow: auto;
}

.pad3px {
    padding: 3px;
}



.cbp-spmenu-push-toright .Call_search_section .search_box input.inputbox {
    width: 37%;
}

.help_popup_content_scroll {
    margin: 0 0 20px;
    max-height: 560px;
    overflow: auto;
}

.k-grid td {
    text-overflow: inherit;
    word-wrap: break-word;
}

.Topcall_search { /* background: #264d6c none repeat scroll 0 0; color: #fff;*/
    padding: 15px;
    border-bottom: 1px solid #ccc;
}

    .Topcall_search label {
        color: #20282b;
    }

    .Topcall_search .button {
        border: solid 1px #DFDFDF;
        margin-top: -2px;
    }

        .Topcall_search .button:hover {
            border-color: #DFDFDF;
        }

.padleft10 {
    padding-left: 10px;
}

.findmyMachine .popup_title {
    background: #20a9f0 none repeat scroll 0 0;
}

    .findmyMachine .popup_title h3 {
        color: #fff;
    }

.findmyMachine button.mfp-close {
    color: #ffffff;
}


.search_box_innerside {
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
}

.inputsearch {
    left: 0;
    position: absolute;
    right: 200px;
    z-index: 0;
}

.search_box_innerside .inputbox {
    background: #ffffff url("../Images/seach_big_icon.png") no-repeat scroll 5px 7px;
    box-sizing: border-box;
    font-size: 16px;
    font-style: italic;
    height: 38px;
    line-height: 20px;
    margin-right: -10px;
    padding: 6px 15px 6px 35px;
}

.search_box_innerside .button {
    border: 1px solid #FFCD00;
    box-sizing: border-box;
    height: 38px;
    margin: 0 0 0 10px;
    padding: 6px 10px 6px;
    position: relative;
    top: 0;
    width: 90px;
    z-index: 1;
    float: right;
    text-transform: uppercase;
}

    .search_box_innerside .button:hover {
        border: 1px solid #dfdfdf;
    }

.search_box_innerside .button_border {
    background: #DFDFDF none repeat scroll 0 0;
    border: 1px solid #dfdfdf;
    color: #000;
}

    .search_box_innerside .button_border:hover {
        background: #0080c9 none repeat scroll 0 0;
        border: 1px solid #0080c9;
        color: #fff;
    }

.datefield {
    float: left;
    width: 280px;
}

.search_historysearch .inputsearch {
    left: 290px;
}

.search_historysearch .k-datepicker {
    width: 100%;
    margin-bottom: 3px;
}
    /*.search_historysearch .k-datepicker .k-input { height: 1.9em; line-height: 1.9em;  font-family: "ProximaNova-Regular",sans-serif; font-size:16px;  font-style: italic;}*/
    /*.search_historysearch .k-datepicker .k-input {
height: 2.3em;
line-height: 0.1em;
font-family: "ProximaNova-Regular",sans-serif;
font-size: 16px;
font-style: italic; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0.4em 0;
}*/
    .search_historysearch .k-datepicker .k-input {
        height: 36px;
        line-height: 17px;
        font-family: "ProximaNova-Regular",sans-serif;
        font-size: 16px;
        font-style: italic;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 6px 0;
    }

    .search_historysearch .k-datepicker .k-select {
        height: 2.6em;
        line-height: 2.6em;
    }

.datewidth {
    width: 80px;
    display: inline-block;
}


.contactblock {
    background: #F4F4F4 none repeat scroll 0 0;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    margin: 0;
    padding: 15px;
    min-height: 200px;
}

.contactnew .col-md-6 {
    padding-bottom: 30px;
}

.contactrow {
    margin: 0;
    padding: 0 0 10px 0;
    position: relative;
}

    .contactrow label {
        font-size: 16px;
        width: 140px;
        display: inline-block;
        line-height: normal;
        position: absolute;
        top: 5px;
    }

    .contactrow span.con_details {
        display: inline-block;
        font-size: 16px;
        padding: 0 0 0 150px;
        color: #000;
    }

    .contactrow .con_details > a {
        display: inline-block;
        line-height: 20px;
        word-break: break-all;
        color: #20a9f0;
        text-decoration: underline;
    }

        .contactrow .con_details > a:hover {
            color: #264d6c;
        }

    .contactrow label.na_details {
        width: 195px;
    }

    .contactrow span.con_na_details {
        padding: 0 0 0 200px;
    }


.k-grid-header th.k-with-icon .k-link {
    padding: 0.4em 0.6em 0.4em 0 !important;
    margin-left: 0 !important;
}

.Reportssearch .col-four {
    width: 25%;
    float: left;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

.Reportssearch .col-four_of_1 {
    width: 20%;
}

.Reportssearch .col-full {
    width: 100%;
    float: left;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}
/*.Reportssearch li { float: left; width: 50%;}*/
.Reportssearch .datefield {
    width: auto;
    float: none;
}
/*.Reportssearch .threecolom_li li { float: left; width: 33.33%;}*/
.threecolom_li > li {
    float: left;
    width: 100%;
}

.Reportssearch .padBot10 {
    padding-bottom: 10px;
}

.Reportssearch .padtop10 {
    padding-top: 10px;
}

.Reportssearch .padtop20 {
    padding-top: 25px;
}

.Reportssearch .label_bold {
    font-weight: normal;
    font-size: 16px;
}

.Reportssearch .textarea {
    height: 50px;
    resize: none;
    font-size: 16px;
    font-style: italic;
    font-family: "ProximaNova-Regular",sans-serif;
}

.Reportssearch .checkbox {
    top: 2px
}

.Reportssearch .button {
    border: 1px solid #ffcd00;
    box-sizing: border-box;
    height: 38px;
    margin: 0 0 0 10px;
    padding: 7px 10px 6px;
    position: relative;
    top: 0;
    width: 90px;
    z-index: 2;
    text-transform: uppercase;
}

    .Reportssearch .button:hover {
        border: 1px solid #DFDFDF;
    }

.Reportssearch .button_border {
    background: #DFDFDF none repeat scroll 0 0;
    border: 1px solid #DFDFDF;
    color: #000;
}

    .Reportssearch .button_border:hover {
        background: #0080c9 none repeat scroll 0 0;
        border: 1px solid #0080c9;
        color: #fff;
    }

.Reportssearch .options label, .Reportssearch .select-all label {
    color: #2e2e2e;
}

.Reportssearch .col-four > p {
    font-size: 13px;
    line-height: 16px;
}

.Reportssearch .SumoSelect {
    width: 100%;
}

    .Reportssearch .SumoSelect > .CaptionCont {
        width: 100%;
        border: 1px solid #bcbcbc;
        border-radius: 0;
    }

        .Reportssearch .SumoSelect > .CaptionCont > span {
            color: #2e2e2e;
            font-size: 16px;
            font-style: italic;
            font-family: "ProximaNova-Regular",sans-serif;
        }

.k-autocomplete.k-state-default, .k-picker-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-dropdown-wrap.k-state-default {
    border-radius: 0;
}

.service-report .col-four {
    width: 25% !important;
}

.service-report #txtSearch {
    /* width: 74.7%;*/
    float: left;
    height: 38px;
    font-style: italic;
    font-size: 16px;
    color: #2e2e2e;
    background: #ffffff url(../Images/search.png) no-repeat scroll right 10px center;
    padding: 6px 35px 6px 15px;
    border-radius: 0;
    background-size: 20px;
    border: 1px solid #bcbcbc;
}

    .service-report #txtSearch::placeholder {
        color: #c9c9c9;
    }

.service-report .src-button {
    float: left;
    width: 25%;
    text-align: right
}

.service-report > li {
    width: 100%;
    margin-right: 12px;
}

.datefield .k-picker-wrap {
    border-color: #a4a4a4 !important;
}

.disnone {
    display: none !important;
}

.button.orange {
    background: #f38b48 none repeat scroll 0 0;
    border-color: #f38b48;
}

    .button.orange:hover {
        background: #fff none repeat scroll 0 0;
        border-color: #f38b48;
        color: #f38b48;
    }

.marginright20 {
    margin-right: 20px;
}

.float_right {
    float: right !important;
}


.addbillto_inside .k-textbox > input, .addbillto_inside .k-autocomplete .k-input, .addbillto_inside .k-picker-wrap .k-input, .addbillto_inside .k-numeric-wrap .k-input, .addbillto_inside .k-dropdown-wrap .k-input, .addbillto_inside .k-selectbox .k-input {
    color: #2e2e2e;
    font-family: "ProximaNova-Regular",sans-serif;
    font-size: 16px;
    padding: 0.3em 0;
    font-style: italic;
}

.addbillto_inside .k-picker-wrap .k-select, .addbillto_inside .k-numeric-wrap .k-select, .addbillto_inside .k-dropdown-wrap .k-select {
    line-height: 2.5em;
}



.k-ie .SumoSelect > .CaptionCont > span.placeholder {
    color: #2e2e2e;
}

.strong-width {
    min-width: 205px;
    display: inline-block;
}

.portal_adminsearch {
    background: none;
    color: #666666;
    padding: 0;
}

    .portal_adminsearch label {
        color: inherit;
    }

.addbillto_inside .portal_adminsearch .k-textbox > input, .addbillto_inside .portal_adminsearch .k-autocomplete .k-input, .addbillto_inside .portal_adminsearch .k-picker-wrap .k-input, .addbillto_inside .portal_adminsearch .k-numeric-wrap .k-input, .addbillto_inside .portal_adminsearch .k-dropdown-wrap .k-input, .addbillto_inside .portal_adminsearch .k-selectbox .k-input {
    font-size: 14px;
    font-style: normal;
}

.addbillto_inside .portal_adminsearch .k-picker-wrap .k-select, .addbillto_inside .portal_adminsearch .k-numeric-wrap .k-select, .addbillto_inside .portal_adminsearch .k-dropdown-wrap .k-select {
    line-height: 2em;
}

.addbillto_inside .portal_adminsearch .k-multiselect-wrap {
    min-height: 2.27em;
}

    .addbillto_inside .portal_adminsearch .k-multiselect-wrap li {
        line-height: 1.7em;
    }

.addbillto_inside .portal_adminsearch .button {
    margin-right: 10px;
}

    .addbillto_inside .portal_adminsearch .button:hover {
        border-color: #264d6c;
    }

.padtop10 {
    padding-top: 10px;
    display: inline-block;
}


.home-title {
    text-align: center;
}

    .home-title h2 {
        display: inline-block;
    }

    .home-title .help_div {
        display: inline-block;
        float: none;
        margin-top: 25px;
        vertical-align: top;
        opacity: 0.7;
    }

.button-inline-margin {
    display: inline-block;
    margin: 0 5px 0 0;
    min-width: 48px;
}

.valign {
    vertical-align: top;
}

.zipcode-popup {
    width: 100% !important;
}

    .zipcode-popup .k-input {
        height: 1.95em !important;
    }

.verisign {
    margin-top: 15px;
    max-width: 100px;
}


.admintable-grid {
    border-left: solid 1px #c5c5c5 !important;
    border-right: solid 1px #c5c5c5 !important;
}

.login-banner {
    height: 250px;
    margin-bottom: 15px;
    background: url(../Images/loging-banner.png) no-repeat center top;
    background-size: cover;
}

.login-banner-title {
    background: rgba(233,91,41,0.8);
    color: #fff;
    font-size: 24px;
    font-weight: normal;
    display: inline-block;
    vertical-align: top;
    margin: 90px 0 0 20px;
    padding: 15px;
    line-height: normal;
    font-weight: normal;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6)
}

    .login-banner-title strong {
        display: block;
        font-size: 20px;
        font-weight: normal;
        margin: 5px 0px;
    }

.contactuspage .login-notification {
    padding: 0 !important;
}

.aboutus-page .login-notification {
    padding: 0 !important;
}

.login-contant {
    text-align: left;
    float: left;
    max-width: 52%;
    padding-left: 15px;
    width: 100%;
}

    .login-contant h2 {
        color: #000;
        font-size: 18px;
        margin-bottom: 10px !important;
        font-weight: bold;
        display: inline-block;
        position: relative;
        padding-bottom: 10px;
        font-family: Arial, Helvetica, sans-serif;
    }

        .login-contant h2:before {
            content: '';
            width: 72px;
            height: 4px;
            background: #ffcd00;
            position: absolute;
            bottom: 0;
        }

    .login-contant .login-notification {
        padding: 0 !important;
    }

    .login-contant p {
        font-size: 16px;
        margin-bottom: 20px;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 1.3;
    }

    .login-contant li {
        float: left;
        width: 50%;
        margin-top: 15px;
        margin-top: 6px;
    }

        .login-contant li a {
            background: #dfdfdf;
            color: #000;
            display: block;
            font-size: 14px;
            padding: 0 5px;
            text-align: center;
            height: 45px;
            font-family: Bebas;
            line-height: 45px;
            position: relative;
        }

    .login-contant .cf li a:before {
        content: '';
        display: inline-block;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 6px solid #004a93;
        margin-right: 8px;
    }

    .login-contant li a:hover {
        background: #ffcd00 !important;
    }

    .login-contant li a i {
        display: inline-block;
        vertical-align: top;
        width: 42px;
        height: 42px;
        background: #e85a2a;
        text-align: center;
        border-radius: 50%;
        margin-right: 10px;
        overflow: hidden;
        margin-top: -6px;
        display: none
    }

        .login-contant li a i img {
            width: 100%;
        }

    .login-contant .ul-list {
        margin-bottom: 20px;
        float: left;
        width: 100%;
        list-style-type: disc;
        list-style: none;
    }

        .login-contant .ul-list li {
            font-size: 16px;
            margin: 0 0 0 0;
            width: 100%;
            list-style-position: inside;
            display: list-item;
            font-family: Arial, Helvetica, sans-serif;
            padding-left: 15px;
            position: relative;
        }

            .login-contant .ul-list li:before {
                content: '';
                position: absolute;
                left: 0;
                background: #00529c;
                width: 5px;
                height: 5px;
                border-radius: 6px;
                top: 10px;
            }

    .login-contant .cf {
        display: flex;
        margin-left: -5px;
        margin-right: -5px;
    }

        .login-contant .cf li {
            margin-top: 0;
            padding: 0 5px;
        }

.login-main {
    max-width: 985px;
    margin: 0 auto 0px;
    background: #fff;
}

.home-button {
    z-index: 99999;
    position: relative;
}

.rest-password .login_box {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-top: 10%;
    width: 450px;
}

.aboutus-page, .privacy-policy {
    /*background: #fff;*/
    padding: 30px 0 15px;
    margin: auto;
    border-radius: 5px;
    text-align: justify;
    max-width: 985px;
    position: relative;
}

    .aboutus-page h1, .privacy-policy h1, .contactuspage h1 {
        text-align: center;
        color: #EEECED;
        font-family: Bebas;
        padding-bottom: 20px;
        position: relative;
        line-height: 42px;
        font-size: 42px;
        display: inline-block;
        border-bottom: 3px solid #ffcd00;
        margin: 0 auto 15px;
    }

.contactuspage h1 {
    margin-top: 5%;
}

.aboutus-page .ckeditor_ul {
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
    list-style: disc;
    margin: 10px 0 40px 15px;
}

    .aboutus-page .ckeditor_ul li {
        margin-bottom: 5px;
    }

.aboutus-page h2.subtittle_grey {
    font-weight: 500;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin: 15px 0;
}

.aboutus-page a, .privacy-policy a {
    color: #ffcd00;
}

.privacy-policy span.block {
    display: block;
}

.privacy-policy p, .aboutus-page p {
    margin-bottom: 20px;
    color: #fff;
}

.contact-page {
    margin: 25px 100px 70px;
}

.aboutus-page .btnSave, .privacy-policy .btnSave {
    color: #000 !important;
    background: #ffcd00;
    font-family: Bebas;
}

    .aboutus-page .btnSave:hover, .privacy-policy .btnSave:hover {
        background: #dfdfdf;
    }

.addbillto_inside .portal_adminsearch .k-dropdown-wrap .k-input {
    background: #fff;
    display: block;
}

.addbillto_inside .col-sm-md-inside-2of5 .k-dropdown-wrap.k-state-default:before, .addbillto_inside .col-sm-md-1 .k-dropdown-wrap.k-state-default:before {
    display: none
}


.smallboxinput {
    position: relative;
}

.phonetext {
    display: inline-block;
    padding-left: 20px;
    position: absolute;
    right: 0;
    top: 9px;
    vertical-align: top;
    width: 35%;
}

.phonecheckbox {
    left: 0;
    position: absolute;
    top: 0px;
}

.phonecheckbox2 {
    left: 0;
    position: absolute;
    top: 43px;
}

.smallboxinput input {
    width: 43%;
}

.k-grid .k-grid-content td {
    height: auto;
}

.padleftright20 {
    padding: 20px 20px 0px 20px;
}

body > .k-animation-container {
    transform: translate(-50px,0px);
}

.no-clickable {
    cursor: default !important;
}

.tiles-box {
    border: solid 1px #d3d3d3;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 15px 0;
    border-radius: 5px;
}

.tiles-box-inner-brder {
    border: solid 1px #d3d3d3;
    padding: 15px;
    border-radius: 5px;
}

.tiles-box .form-row .width-auto {
    width: auto;
}


.checkbox label.checkbox-color:after {
    background-color: #358f35 !important;
    width: 10px;
    height: 10px;
    border: 0;
    top: 2px;
    left: 2px;
    transform: inherit;
    opacity: 1 !important;
}

.disableddev {
    pointer-events: none;
    opacity: 0.8;
}

.new-group li {
    margin-bottom: 5px;
    color: #000000;
}

.new-group input {
    display: inline-block;
    vertical-align: top;
    width: auto;
    background: #2fa95c;
    color: #fff;
    padding: 2px 8px;
    border-radius: 5px !important;
    border: 0
}

.pad15 {
    padding-top: 15px;
}

    .pad15 .Location_group_box {
        margin-bottom: 15px;
    }

.customer-group-details-box {
    max-height: 300px;
    overflow: auto;
}

    .customer-group-details-box .form-row .width-auto {
        max-width: 92%
    }

    .customer-group-details-box .form-row .checkbox {
        vertical-align: top;
        margin-top: 5px;
    }

.customerotherpages .orange {
    border: 1px solid #f38b48
}

.new-group input {
    cursor: pointer;
}

.site-table {
    /*border:1px solid #b9b9b9;*/
    width: 100%;
}

    .site-table th {
        background: #f9f9f9
    }

    .site-table tr td, .site-table tr th {
        padding: 2px 5px;
        border: 1px solid #b9b9b9;
        color: #000;
    }

.contactrow span.BranchPopup {
    padding-left: 0;
    float: right;
}

    .contactrow span.BranchPopup a, .contactrow span.BranchPopup button {
        color: #fff;
        background: #0080c9;
        padding: 10px;
        font-weight: 700;
        font-size: 16px;
    }

.dashboard_grid_btm-4 li {
    width: 25% !important;
}


/****/
.maintenance-form label {
    width: auto;
}

.maintenance-form h3 {
    color: #45494F;
}

.maintenance-form .checkbox label {
    width: inherit;
}

.maintenance-form h3 {
    font-weight: bold;
}

.maintenance-form input[type="text"] {
    width: 100%;
}

.maintenance-form .textarea {
    height: 80px;
}
/*****/
/*.box-wrap{position:relative;}
    .login-notification{position:absolute;}*/
.loginbg .box-wrap {
    width: 50%;
    margin: auto;
    /*margin-top: 10px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;*/
}

.noti-box {
    border: 0px solid #c0c0c0;
    margin-bottom: 10px;
    background-color: #ededed;
    width: 100%;
    padding: 0 10px 10px 10px;
    border-radius: 4px;
}

    .noti-box .head h3 {
        font-weight: bold;
        padding: 10px 0;
        color: #000;
        text-align: center;
        font-size: 20px;
    }

    .noti-box .noti-text {
        padding: 0 10px;
        border-radius: 4px;
        max-height: 100px;
        overflow: auto;
        font-size: 16px;
        color: #000;
        text-align: center;
    }

.login-notification {
    /*padding-top: 10px;*/
}



.button-grren:hover {
    background: #2FA980;
    color: #ffffff;
}

.button-grren {
    font-size: 16px;
    display: inline-block;
    line-height: 16px;
    padding: 8px 15px;
    border-radius: 4px;
    transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    border: none;
    background: #2fa95c none repeat scroll 0 0;
    color: #fff;
    width: auto;
    cursor: pointer;
}

.padleft0 {
    padding-left: 0px;
}
/*******/
.maintenance-details {
    background-color: #fff;
    width: 480px;
    border-radius: 15px;
    padding-bottom: 25px;
    left: 50%;
    margin-left: -240px;
    position: absolute;
    top: 40%;
    -webkit-transform: translate3d(0px, -50%, 0px) !important;
    -moz-transform: translate3d(0px, -50%, 0px) !important;
    transform: translate3d(0px, -50%, 0px) !important;
    text-align: center;
}

.maintenance-bg {
    background-image: url(../images/body_bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

.portal-summry {
    font-size: 16px;
    color: #004A93;
}

.summry-cnt {
    color: #f55454;
    font-weight: 600;
}

.addnewbtn {
    background: #20a9f0 none repeat scroll 0 0;
    border-radius: 0 !important;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    border: none;
    white-space: normal;
    cursor: pointer;
    width: auto;
}

.editbtn {
    background: #2fa95c none repeat scroll 0 0;
    border-radius: 5px !important;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    padding: 4px 8px;
    text-align: center;
    border: none;
    white-space: normal;
    cursor: pointer;
    width: auto;
    margin-right: 10px;
}

.deletebtn {
    background: #f55454 none repeat scroll 0 0;
    border-radius: 5px !important;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    padding: 4px 8px;
    text-align: center;
    border: none;
    white-space: normal;
    cursor: pointer;
    width: auto;
}

.ui-icon-closethick {
    display: none;
}

.portal-form h2 .btn {
    float: right;
    width: auto;
    background: #f55454 none repeat scroll 0 0;
    border-radius: 5px !important;
    color: #fff;
    display: block;
    padding: 8px 8px;
    text-align: center;
    border: none;
    cursor: pointer;
    font-size: 14px;
}

.step-btn {
    background: #2fa95c none repeat scroll;
    border-radius: 3px !important;
    display: block;
    font-size: 20px;
    height: 30px;
    line-height: 18px;
    margin: 0 auto;
    text-align: center;
    top: 0;
    width: 30px;
    color: #fff;
    border: 0;
    z-index: 2;
    position: relative;
    cursor: pointer;
}

.portal_step ul li span {
    cursor: pointer;
    color: #2fa95c;
}

.curent_active .step-btn {
    background: #0080c9
}

.cancelbtn {
    color: #000;
    font-family: Bebas;
    background: #DFDFDF none repeat scroll 0 0;
}

    .cancelbtn:hover {
        background: #d9d9d9;
        color: #000;
    }

.clearbtn {
    color: #000;
    font-family: Bebas;
    background: #DFDFDF none repeat scroll 0 0;
}

    .clearbtn:hover {
        background: #d9d9d9;
        color: #000;
    }

.addbtn {
    /*background: #2fa95c none repeat scroll 0 0;*/
    background: #ffcd00;
    color: #000;
    font-family: Bebas;
}

    .addbtn:hover {
        background: #dfdfdf;
        color: #000;
    }

=======
.cancelbtn:hover {
    background: #EEECED none repeat scroll 0 0;
}

.addbtn {
    background: #ffcd00 none repeat scroll 0 0;
}

> > > > > > > b1c98e82e85b2a24c9a27754e31dbcd33c8bd10e

.filterbtn {
    padding: 8px 8px;
    border-radius: 0px !important;
    vertical-align: inherit !important;
}

.filterbtn:hover {
    background: #015383;
    color: #ffffff;
}

.unlockbtn {
    width: auto !important;
    float: right;
    border-radius: 0px !important;
}

.head_right_con_top input.icon_button, .inputcsvbtn {
    border-radius: 4px !important;
    color: #FFF;
    padding: 6px 12px;
    margin-left: 10px;
}

    .head_right_con_top input.icon_button img {
        float: left;
        vertical-align: middle;
        margin-right: 5px;
        padding: 0;
    }

    .head_right_con_top input.icon_button p {
        float: left;
        vertical-align: middle;
        padding: 0;
        margin: 0;
        font-size: 16px;
        line-height: 20px;
    }

.head_right_con_top input.mailbtn {
    background: #2d8a2d;
}

.head_right_con_top input.pdfbtn {
    background: url(../images/pdf_icon.png) 7px 7px no-repeat #f55454;
    /*vertical-align: middle;*/
    border: 0px;
    width: auto;
    padding-left: 32px;
    font-size: 14px;
    line-height: 20px;
    font-family: Bebas;
    letter-spacing: 0.4px;
    border-radius: 0 !important;
}

.head_right_con_top input.csvbtn, .inputcsvbtn {
    background: url(../images/csv_icon.png) 7px 7px no-repeat #f55454;
    /*vertical-align: middle;*/
    border: 0px;
    width: auto;
    padding-left: 35px;
    font-size: 14px;
    line-height: 20px;
    font-family: Bebas;
    letter-spacing: 0.4px;
    border-radius: 0 !important;
}

.head_right_con_top input.pdfbtn:hover {
    background: url(../images/pdf_icon.png) 7px 7px no-repeat #20a9f0;
    color: #fff;
    cursor: pointer;
}

.head_right_con_top input.csvbtn:hover, .inputcsvbtn:hover {
    background: url(../images/csv_icon.png) 7px 7px no-repeat #20a9f0;
    color: #fff;
    cursor: pointer;
}

.portal_step ul li .step-btndefault {
    background: #c8c8c8 none repeat scroll;
    border-radius: 3px !important;
    display: block;
    font-size: 20px;
    height: 30px;
    line-height: 18px;
    margin: 0 auto;
    text-align: center;
    top: 0;
    width: 30px;
    color: #224561;
    border: 0;
    z-index: 2;
    position: relative;
}

.add-machine-btn .btn {
    width: 100% !important;
    margin: 0px !important;
    text-align: center !important;
}

.loginbg .logo, .cbp-spmenu-push.logo {
    margin: 0px;
}

    .loginbg .logo img {
        width: 240px;
    }

.loginbg header {
    padding-left: 0px;
    position: absolute;
    width: 100%;
    z-index: 1;
}

    .loginbg header .header {
        display: block;
        padding: 0;
    }

    .loginbg header.right_header > ul > li {
        border: none;
    }

        .loginbg header .right_header > ul > li a.user_info {
            display: inline-block;
            line-height: 28px;
            padding-left: 38px;
        }

            .loginbg header .right_header > ul > li a.user_info span {
                color: #FFCD00;
            }


.admin-dashboard .logo {
    margin: 0px;
}

    .admin-dashboard .logo img {
        width: 254px;
    }

.admin-dashboard header {
    padding-left: 0px;
    position: absolute;
    width: 100%;
}

    .admin-dashboard header .header {
        display: block;
        padding: 0;
    }

    .admin-dashboard header .right_header > ul > li {
        border: none;
    }

        .admin-dashboard header .right_header > ul > li a.user_info {
            display: inline-block;
            line-height: 28px;
            padding-left: 38px;
        }

            .admin-dashboard header .right_header > ul > li a.user_info span {
                color: #FFCD00;
            }

/*new css*/
.addportal-box.fiter-section-apply {
    border: 0;
    background: transparent;
}

    .addportal-box.fiter-section-apply .Topcall_search {
        background: #fff;
        margin-bottom: 20px;
    }

#headerhelpData {
    color: #000;
}

.upload-actions {
    display: flex;
    padding: 20px 0 10px;
    align-items: center;
}

    .upload-actions .browse-btn {
        background: #0084D6;
        color: #fff;
    }

.browse-btn {
    background: #ffcd00;
    position: relative;
    width: 82px;
    color: #000;
    font-family: Bebas;
    text-align: center;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-right: 10px;
}

.delete-btn {
    background: #f55454;
    color: #fff;
    height: 32px;
    width: 82px;
    font-family: Bebas;
    text-align: center;
    line-height: 30px !important;
    letter-spacing: 0.8px;
    margin-left: 10px;
}

    .delete-btn:hover {
        background: #015383;
        color: #fff !important;
    }

.browse-btn input {
    opacity: 0;
    position: absolute;
    cursor: pointer;
    z-index: 2;
}

.browse-btn:after {
    content: 'Browse';
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.upload-actions a {
    display: inline-block;
    line-height: 1;
}

.k-grid-header th.k-header, .k-filter-row th {
    font-family: 'Bebas';
    height: 55px !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
    font-size: 13px !important
}

    .k-grid-header th.k-header .k-grid-filter {
        padding: 0px 3px 0px;
        margin-top: 0px;
    }

div.k-grid-header {
    border-color: #8e8cbc !important;
}

.k-grid .k-grid-content td {
    font-size: 13px;
    border: 0 !important;
    border-bottom: 1px solid #dddcee !important;
}

.k-grid .k-grid-content tr:hover td {
    background: #e4f4f9 !important;
    border-bottom: 1px solid #98cfec !important
}

.k-alt, .k-separator, .k-resource.k-alt, .k-pivot-layout > tbody > tr:first-child > td:first-child {
    background-color: #fff !important;
}

.k-pager-wrap > .k-link {
    border-radius: 0 !important;
    background: #686a6f !important;
    border: 0 !important;
    line-height: 24px !important;
    opacity: 1 !important;
}

    .k-pager-wrap > .k-link:hover {
        background: #ffcd00 !important;
    }

.k-pager-numbers .k-state-selected {
    background: #ffcd00;
    border-color: #ffcd00;
    color: #000;
    border-radius: 0 !important;
    border: 0 !important;
}

.k-pager-numbers .k-link:hover {
    border-radius: 0 !important;
    border: 0px !important;
}

.k-pager-wrap > .k-link .k-icon {
    filter: brightness(100) !important;
}

.k-pager-wrap > .k-link:hover .k.k-icon {
    filter: brightness(0) !important;
}

.k-filter-menu {
    font-family: Arial, Helvetica, sans-serif !important;
}

.k-grid-header th.k-header .k-icon.k-i-arrow-n {
    background: url(../images/arrow-img.png) no-repeat center center !important;
    width: 18px;
    height: 18px;
}

.k-grid-header th.k-header .k-icon.k-i-arrow-s {
    background: url(../images/arrow-img.png) no-repeat center center !important;
    width: 18px;
    height: 18px;
    transform: rotate(180deg) !important;
}

.form-row {
    color: #000000;
}

.contactuspage {
    position: relative;
}
/*  .contact-page {
        background: transparent;
    }*/
.contact-page ul {
    display: flex;
    flex-flow: wrap;
}

    .contact-page ul li {
        background: #fff;
        flex: 0 0 50%;
        max-width: calc(50% - 20px);
        margin: 0 auto 20px;
        padding: 20px;
        position: relative;
        padding-left: 75px;
    }

        .contact-page ul li .icon {
            position: absolute;
            left: 20px;
            top: 20px;
        }
/*new css*/
@media(max-width:1599px) {
    .admin-dashboard .logo img {
        width: 170px;
    }
    /*
    .login-notification {
        padding-top: 10%;
    }*/

    .dashboard {
        padding: 100px 20px 50px;
    }

    .dashboard-report {
        padding: 30px 0 50px;
    }

    .dashboard-links ul li a span {
        font-size: 14px !important;
        line-height: 24px !important;
    }

    .add-portal {
        margin-top: 0;
        margin-bottom: 0;
    }

    .k-grid .k-grid-content td {
        font-size: 14px;
    }

    .dashboard-report p {
        font-size: 16px;
    }

    #left-menu {
        height: calc(100vh - 160px);
        overflow: auto;
    }
        /* Scrollbar Styling */
        #left-menu::-webkit-scrollbar {
            width: 2px;
            height: 2px;
        }

        #left-menu::-webkit-scrollbar-track {
            background-color: #0080c9;
            -webkit-border-radius: 10px;
            border-radius: 10px;
        }

        #left-menu::-webkit-scrollbar-thumb {
            -webkit-border-radius: 10px;
            border-radius: 10px;
            background: #6d6d6d;
        }

    .header {
        flex-flow: wrap;
    }

        .header .new-breadcums {
            display: flex;
            flex-flow: wrap;
        }

        .header .page-title {
            order: 3;
            max-width: 100%;
            flex: 0 0 100%;
        }

        .header .right_header {
            max-width: 70% !important;
            flex: 0 0 65%;
        }
}

@media(max-width:1199px) {

    .loginbg .box-wrap {
        width: 75%;
    }

    .admin-dashboard .dashboard {
        margin: 0px auto;
        padding: 100px 30px 50px !important;
    }

    .dashboard-links ul li a span {
        font-size: 12px !important;
        line-height: 24px !important;
    }

    .admin-dashboard .logo {
        padding: 0;
    }

    .dashboard-links {
        flex-flow: wrap;
        height: auto;
    }

        .dashboard-links .dashboard_grid-2 {
            flex: 0 0 100%;
            padding-bottom: 10px;
        }

        .dashboard-links .dashboard_grid_btm {
            flex: 0 0 100%;
            padding-bottom: 10px;
        }

        .dashboard-links ul li a {
            min-height: 240px !important;
        }

            .dashboard-links ul li a span {
                font-size: 12px !important;
                line-height: 24px !important;
            }

    .login-bg {
        background-size: cover;
        padding-bottom: 0px;
    }

        .login-bg footer {
            position: static;
            margin-top: 15px;
        }

    .login-header .login-header-left img {
        width: 180px;
    }

    .login-main {
        max-width: 930px;
    }

    .login-header {
        padding-top: 10px;
    }

    .dashboard-links .dashboard_grid-2.assumerole-dashboard ul {
        flex-flow: wrap;
    }

        .dashboard-links .dashboard_grid-2.assumerole-dashboard ul li {
            max-width: 25%;
            padding-bottom: 10px;
        }
}

@media(max-width:991px) {
    .login-main {
        max-width: 95%;
    }

    .dashboard {
        padding: 20% 20px 50px;
    }

    .main_login {
        padding-bottom: 10px !important;
    }

    .login-contant .cf {
        flex-flow: wrap;
    }

        .login-contant .cf li {
            width: 100%;
            margin-bottom: 10px
        }
}

.help-comp {
}

.active-text {
    background: #BFEBB8;
    padding: 5px 20px;
    border-radius: 28px;
}

.call-scheduled {
    background: #c6edc1;
    padding: 9px 17px;
    border-radius: 28px;
    color: #000;
}

.start-request {
    background: #b1e1ff;
    padding: 9px 20px;
    border-radius: 28px;
    color: #000;
}

.view_call-report {
    background: #b1e1ff;
    padding: 9px 9px;
    border-radius: 28px;
    color: #000;
}

.inactive-text {
    background: #EEB2AA;
    padding: 5px 15px;
    border-radius: 30px;
}

.disabled {
    background-color: #ccc;
}

.txtsearch-report-createservice {
    width: 74.7%;
}

body > .k-animation-container {
    transform: none;
}

@media (max-width: 1399px) {
    .dashboard {
        padding: 100px 20px 50px;
    }

    .aboutus-page {
        padding: 70px 20px 50px;
    }

    .privacy-policy {
        padding: 70px 20px 50px;
    }
}

@media (max-width: 1024px) {
    /*    .login-notification {
        padding-top: 12%;
    }*/

    .dashboard {
        padding: 17% 20px 50px;
    }

    .aboutus-page {
        padding: 100px 20px 50px;
    }

    .privacy-policy {
        padding: 100px 20px 50px;
    }
}

.ajax-loading {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999999;
    /*background-image: url('../Images/loader.gif');*/
    background-repeat: no-repeat;
    opacity: 0.7;
    filter: alpha(opacity=70); /* ie */
    -moz-opacity: 0.7; /* mozilla */
    background-position: center;
    display: none;
    background-color: dimgray;
}

    .ajax-loading .loader {
        border: 16px solid #f3f3f3;
        border-radius: 50%;
        border-top: 16px solid blue;
        /*border-right: 16px solid green;*/
        border-bottom: 16px solid red;
        /*border-left: 16px solid pink;*/
        width: 120px;
        height: 120px;
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
        background-color: dimgray;
        display: inline-block;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

    .ajax-loading .msgtitle {
        text-align: center;
        color: #fff;
        float: left;
        margin-top: 22%;
        width: 100%;
        font-size: 30px;
    }
.border-gray {
    border-color: #ccc;
}
@media screen and (min-width:1450px) {
.contactnew .col-md-6 {   width: 33.33%;}	
.Reportssearch li { width:50%;float:left; }
.login-banner{background-size:100% 100%;}

.smallboxinput input { width: 53%;}
.phonetext { width: 25%;}


}

@media screen and (min-width:1281px) {
	/*.container{ width:1000px;}*/
    

}

@media screen and (max-width:1281px) {
.pending_text_cel { font-size: 19px;}
.pending_text_cel span { font-size: 23px;}
.col-sm-md-2 { width: 37%;}	
.col-sm-md-1 { width: 21%;}
/*.col-sm-md-singal { width: 20%;}*/
.login-banner{background-size:100% 100%;}

}


@media screen and (max-width:1200px) {

.dark-grey-bg { padding: 0; position: absolute; border-bottom:0 !important;  right: -60px; width: 50px;  min-height: 56px;}
.cbp-spmenu-left.cbp-spmenu-open .dark-grey-bg { right: -50px;}
/*#showLeftPush { padding: 18px 0 0; right: 13px; width: auto;}*/
#showLeftPush { padding: 18px 0 19px; right: 0; text-align: center; width: 100%;}
.mid-left { z-index: 11; position:absolute; left: -280px; width:270px;}
.cbp-spmenu-left.cbp-spmenu-open { left: 0;}
.mid-right { width: 100%;  margin-left: 0;}
.cbp-spmenu-push-toright .mid-right { margin: 0; width: 100%;}
.cbp-spmenu-push.cbp-spmenu-push-toright .mid-left li a { padding: 20px 0 20px 0;}
.mid-left li i { margin-right: 10px; position: relative;}
.mid-left li p { width:auto !important;}
.cbp-spmenu-push-toright .Call_search_section .search_box input.inputbox {
  width: 47%;
}
 


header { padding-left: 0;}
    
    .login-contant li a{ font-size:16px;}
        .login-contant li a i
        {
             margin-top:-10px;
        }
/*.login-main{ max-width:100%; padding:0 15px; width:100%;}*/

}

@media screen and (max-width:1024px) {

	.container{ width:940px;}
	.dashboard_grid_btm li span{padding: 10px 0px; font-size:26px; }
/*	.dashboard {    margin: 50px auto;    overflow: hidden;}*/
.dashboard_grid_btm_customer li span{padding: 10px 10px;}
.dashboard .dashboard_grid-2 li span { font-size:26px; padding-top: 10px;  line-height: 30px; }

/*.dashboard .dashboard_grid-2 li {  min-height: 232px; padding-bottom: 40px; padding-top: 40px;}*/

.user-management_page .col-md-5 { width: 100%;}
.user-management_page .col-md-7 { width: 100%; border-left:0;}

.user-management_page .col-md-6 { width: 100%;}

.add-user_page .form-row input, .add-user_page .form-row select { width: 78%;}

.portal_step ul li { padding: 0;}	
.portal_step ul li::after { border-bottom: 2px solid #c8c8c8;content: ""; display: block; left: -60%; position: absolute; right: 0; z-index: 0;}

.portal_step ul li:nth-child(2)::after { left: -40%; padding-left: 40px; right: 50%; }	
.form-row .email-input { width: 55%;}


.accordion { font-size: 16px;}

.cbp-spmenu-push-toright .Customer_data_inside .col-md-5 { width:100%;}
.cbp-spmenu-push-toright .Customer_data_inside .col-md-7 { width:100%; padding-top:20px;}
/*.cbp-spmenu-push-toright .pending_text_cel { float: none; text-align:right;}*/
.cbp-spmenu-push-toright .ServiceCall_border { border:none;}
.cbp-spmenu-push-toright .col-sm-md-1 { width: 50%;}
.cbp-spmenu-push-toright .col-sm-md-2 { width: 50%;}
.cbp-spmenu-push-toright .col_cler-left { clear: none;}
.cbp-spmenu-push-toright .search_buttondiv { padding-top: 10px;}
/*.cbp-spmenu-push-toright .col-sm-md-singal { width: 50%;}
.cbp-spmenu-push-toright .col-sm-md-singal .search_buttondiv { padding-top: 10px;}	*/
table.small-editor{height: 240px;}
table.small-editor iframe.k-content{height: 240px; /* 50px less than the Editor height */}
    .search_buttondiv > a {
        font-size: 14px;
    }

.k-safari .k-pager-numbers, .k-safari .k-grid .k-pager-numbers{
  display: -webkit-inline-flex;
  display: inline-flex;
  flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
-moz-flex-direction: column-reverse;
  left: 4.8em;
  position: absolute;
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
}
.k-safari .k-pager-numbers .k-current-page .k-link{
  border-radius: 1.0833em;
  padding: 0 0.429em 0 0.714em; text-align:left;
  width: 3.2em;
}
.k-safari .k-pager-numbers li:not(.k-current-page) { display: none;}
.k-safari .k-pager-numbers .k-current-page .k-link::after, .k-safari .k-scheduler-views > li.k-state-selected > .k-link::after{
  content: "";
  display: block;
  height: 1.333em;
  margin-top: -0.5em;
  position: absolute;
  right: 0.333em;
  top: 50%;
  width: 1.333em;
}
.k-safari .k-pager-numbers .k-current-page, .k-safari .k-grid .k-pager-numbers .k-current-page { border-left: 0 none; display: block; transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%);}
.k-safari .k-pager-numbers.k-state-expanded li{ display: inline-block; line-height:2em;}
.k-safari .k-pager-numbers + .k-link {
  margin-left: 4.8em;
}
.k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-safari .k-pager-numbers .k-current-page .k-link {
  background-color: #e9e9e9;
  background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0) 100%);
  background-position: 50% 50%;
  border-color: #c5c5c5;
}

.k-safari .k-pager-numbers.k-state-expanded .k-current-page{ margin: -2.4em -3px 0; padding: 0;}
.k-safari .k-pager-numbers.k-state-expanded, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
  background-color: #e3e3e3;
  border-color: #c5c5c5;
  border-radius: 4px 4px 0 0;
  border-style: solid;
  border-width: 1px 1px 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}
.k-safari .k-pager-wrap {
  overflow: visible;
}
.k-safari .k-pager-wrap .k-pager-nav .k-safari .k-pager-input{
  display: inline-block;
  float: none;
  vertical-align: top;
}
.k-safari .k-pager-wrap > .k-link { display:inline-block; float:none;}
.k-safari .k-pager-numbers .k-state-selected, .k-safari .k-pager-numbers .k-link{
  border-radius: 3px;
}
.k-safari .k-pager-numbers .k-state-selected, .k-safari .k-pager-numbers .k-link {
  display: block;
  margin-right: 0;
  padding: 1px 5px;
  text-align: left;
}


ul.steps li span.stepmid {font-size: 17px;}

#btnClear {
    margin-right: 0;
}

.part-1 { width: 100%;}
.part-2 { width: 100%;}


.steps .helpicon {top: 3px;}

.col-sm-md-1 { width: 20%;}
.col-sm-md-ipad { width: 40%;}


.Call_search_section .search_box input.inputbox { width: 53%; height: 32px;  padding: 3px 15px 4px 35px;    background-position: 5px 7px;
    background-size:20px auto; font-size: 13px;}
.cbp-spmenu-push-toright .Call_search_section .search_box input.inputbox { width: 53%;}
.Call_search_section .search_right .button { height: 32px; padding: 7px 10px 6px;  text-transform: inherit;   min-width: inherit !important;}
.Call_search_section .button { height: 32px; padding: 3px 5px; width: 60px;  text-transform: inherit;  font-size: 14px;}
.inputsearch { right: 140px;}
.search_box_innerside .inputbox { background-position: 5px 7px; background-size: 20px auto; font-size: 13px; height: 32px; padding: 3px 15px 4px 35px;}
    .service-report #txtSearch
    {
        background-position: 5px 7px; background-size: 20px auto; padding: 3px 15px 4px 35px;
    }
.search_box_innerside .button { font-size: 14px; height: 32px; padding: 3px 5px; width: 60px;text-transform: inherit;}
.search_historysearch .k-datepicker .k-select { height: 2.1em; line-height: 2.1em; }
.search_historysearch .k-datepicker .k-input { /*height: 2.1em; line-height: 2.1em; */font-size:13px; height: 30px;}

.head_right_con_top a.button_big { font-size: 14px; padding: 7px 10px; text-transform: capitalize;}
/*.add-portal .title { margin-bottom:30px;}*/
.Reportssearch .button { font-size: 14px; height: 32px; padding: 3px 5px; width: 60px;text-transform: inherit;}
.SelectBox { padding: 1px 8px !important;}

.Groupspage_search .k-textbox > input, .Groupspage_search .k-autocomplete .k-input, .Groupspage_search .k-picker-wrap .k-input, .Groupspage_search .k-numeric-wrap .k-input, .Groupspage_search .k-dropdown-wrap .k-input, .Groupspage_search .k-selectbox .k-input {
  padding: 0.14em 0;
}

.col-sm-md-singal-small {
  width: 14.5%;
}
.col-sm-md-singal-button {
  width: 31%;
}

.addbillto_inside .k-textbox > input, .addbillto_inside .k-autocomplete .k-input, .addbillto_inside .k-picker-wrap .k-input, .addbillto_inside .k-numeric-wrap .k-input, .addbillto_inside .k-dropdown-wrap .k-input, .addbillto_inside .k-selectbox .k-input {
    padding: 0.13em 0;
}
.addbillto_inside .k-picker-wrap .k-select, .addbillto_inside .k-numeric-wrap .k-select, .addbillto_inside .k-dropdown-wrap .k-select {   line-height: 2.1em;}
.addbillto_search .button { font-size: 14px; /*padding: 6px 10px;*/}

.addbillto_inside .portal_adminsearch .k-textbox > input, .addbillto_inside .portal_adminsearch .k-autocomplete .k-input, .addbillto_inside .portal_adminsearch .k-picker-wrap .k-input, .addbillto_inside .portal_adminsearch .k-numeric-wrap .k-input, .addbillto_inside .portal_adminsearch .k-dropdown-wrap .k-input, .addbillto_inside .portal_adminsearch .k-selectbox .k-input {
  padding: 0.35em 0;
}


.contactblock {  min-height: 315px;}
.service-report #txtSearch{ height:32px; font-size:13px;}
    .Reportssearch .SumoSelect > .CaptionCont > span
    {
         height:29px; font-size:13px; padding-top:3px
    }
	
	
.add-user_page .smallboxinput .form-row input { width: 42%;}
    .search_historysearch .k-datepicker
    {
         margin-bottom:7px;
    }

.assume-sumry { display: block; padding-top: 15px;}
.assume-sumry .portal-summry:first-child { padding-left:0;  }
    /*.grid_listing{margin-top:10px;}*/
    .portal-sumry { padding-top: 15px;}
}

@media screen and (max-width:980px){
.col-sm-md-singal { width: 50%;}	
.col-sm-md-singal .search_buttondiv { padding-top: 10px;}
.Topcall_search .resultbox { width: 50%;}	

.cbp-spmenu-push-toright .col-md-6 { width:100%;}
.cbp-spmenu-push-toright .col-md-6:last-child { padding-top:20px;}

/*.Reportssearch .col-sm-md-inside-2of5 { width:100%; padding:0; margin-bottom:10px;}*/ 
.Reportssearch .threecolom_li li { width: 100%;}
.Reportssearch li { width: 100%;}
.Reportssearch .padtop10 { padding-top: 0;}
.Reportssearch .padtop20 { padding-top: 0;}

.service-report{ padding-top: 10px ; float:left; width:100%;}





.col-sm-md-singal { width: 33%; padding-bottom:5px;}
.col-sm-md-singal-button {width: 64%;}
.col-sm-md-singal .search_buttondiv { padding-top: 26px;}
.portal-summry{font-size: 16px;padding-left:25px;}
.grid_mrgtop{margin-top:10px;}
 .portal-sumry { display:block;}
 .portal-sumry .portal-summry {padding-left:0px !important;}		
}

@media screen and (max-width:991px){
	
    
	
    .dashboard .dashboard_grid4 li
    { min-height:295px;
    }

}
	
@media screen and (min-width:768px) and (max-width:959px) {
	.container{ width:700px;}
	.col-sm-12{width:100%}
	.col-sm-11{width:91.66666667%}
	.col-sm-10{width:83.33333333%}
	.col-sm-9{width:75%}
	.col-sm-8{width:66.66666667%}
	.col-sm-7{width:58.33333333%}
	.col-sm-6{width:50%}
	.col-sm-5{width:41.66666667%}
	.col-sm-4{width:33.33333333%}
	.col-sm-3{width:25%}
	.col-sm-2{width:16.66666667%}
	.col-sm-1{width:8.33333333%}
	header .company_logo{ position:inherit}
	.pending_service,.machine_search_form{ width:auto; margin:0 20px; float:none; margin-top:20px;}
	.serial_number,.model_number,.last_update{ display:none}
	/*.dashboard_grid_btm li span{padding: 10px ; font-size: 18px; line-height:20px;}*/
		
	
.allowed_Functions { max-width: inherit;}		
.allowed_Functions_button {max-width: inherit;}
.add-user_page .col-md-5 { width: 100%;}	



 
.cbp-spmenu-push-toright .col-sm-md-inside-2of2 { width: 100%;}
.cbp-spmenu-push-toright .col-sm-md-inside-2of1 { padding-left: 0; width: 100%; padding-top: 10px;}
/*.cbp-spmenu-push-toright .search_buttondiv {padding-top: 20px;}*/
table.small-editor{height: 450px;}
table.small-editor iframe.k-content{height: 400px; /* 50px less than the Editor height */}

.dashboard .dashboard_grid-2.dashboard_cusadmin li a { padding-bottom: 40px; padding-top: 29px;  }
.dashboard_grid_btm .contact_cust  { padding-bottom:0;  }



}	


@media screen and (max-width:959px){
	
.portal_step ul li {padding: 0 0 0 11px;}

.portal_step ul li a { line-height: 15px;}	

.Customer_data_inside .col-md-5 { width:100%;}
.Customer_data_inside .col-md-7 { width:100%; padding-top:20px;}

.add-portal .title h2 { font-size:25px;}
/*.head_right_con_top a.button { font-size: 14px; text-transform: capitalize;}	*/

.pending_text_cel { float: none; text-align:right;}
.ServiceCall_border { border:none;}

.col-sm-md-1 { width: 50%;}
.col-sm-md-2 { width: 50%;}
.col_cler-left { clear: none;}
.col-sm-md-inside-2of2 { width: 100%;}
.col-sm-md-inside-2of1 { padding-left: 0; width: 100%; padding-top: 10px;}
.search_buttondiv {padding-top: 20px;}

.history_details_top .col-md-6 { width:100%;}
.history_details_top .col-md-6:last-child { padding-top:20px;}

.history_part_bottom_leftpart { border-bottom: 1px solid #d3d3d3; border-right: medium none; padding: 0 0 10px; width: 100%;}
.history_part_bottom_rightpart { width: 100%;}

ul.steps li span.stepmid { font-size:14px;}

 
.table_inside_form { position: relative;}
.table_inside_form .col-md-4 { padding: 0 5px;  transition: all 0.2s ease-in-out 0s;  width: 50%;}
.table_inside_form .col-md-4:last-child {
  position: absolute;
  right: 0;
  top: 0;
  transform: scale(1, 0);
  transform-origin: 0 0 0;
}
.all_display_meg   { padding-top:0;   }
.table_inside_form .col-md-4.msg-show_responsive { transform: scale(1, 1);}
.success_meg {  right: 0px;  top: -113px;}
.error_meg {  right:0;  top: -113px;}
.error_meg_show { right: 0; z-index:10;  top:0;}
.success_meg_show { right:0px; z-index:10; top:0;}
 
.contactnew .col-md-6 {   width:100%;}	

.Call_search_section .search_box input.inputbox { width: 36%;}
.cbp-spmenu-push-toright .Call_search_section .search_box input.inputbox {  width: 36%;}

    .Location_Scrollbox    {height:300px;    }
.addbillto_inside .portal_adminsearch .button { margin: 6px 10px 0 0;}
.addbillto_inside .portal_adminsearch .k-multiselect-wrap {
  min-height: 2.3em;
}

.contactblock { min-height:inherit;}

.service-report #txtSearch{ width:74.5%; height:34px}
.service-report .src-button{ width:25%}

/*.phonecheckbox2 { top: 64px;}*/
.add-user_page .smallboxinput .form-row input { width: 52%;}	
.phonetext { width: 25%;}
    .buttondiv-col {
        width: 100% !important;
        padding: 0 0 15px 0 !important;
        text-align:right !important;
    }

}
	
@media screen and (max-width:767px){
	.container{ width:auto; padding:0 10px;}
	.col-xs-12{width:100%}
	.col-xs-11{width:91.66666667%}
	.col-xs-10{width:83.33333333%}
	.col-xs-9{width:75%}
	.col-xs-8{width:66.66666667%}
	.col-xs-7{width:58.33333333%}
	.col-xs-6{width:50%}
	.col-xs-5{width:41.66666667%}
	.col-xs-4{width:33.33333333%}
	.col-xs-3{width:25%}
	.col-xs-2{width:16.66666667%}
	.col-xs-1{width:8.33333333%}
	header .company_logo{ position:inherit}
	.pending_service,.machine_search_form{ width:auto; margin:0 20px; float:none; margin-top:20px;}
	header .company_logo{ position:absolute; top:0px; left:inherit; right:10px;}
	header .logo,header .right_header{ float:none; width:100%;}
	header .right_header{ text-align:right; border-top:1px solid #339ad1;}
	

header .right_header > ul > li { padding: 4px 12px;}	
header .right_header > ul > li a.notification { padding: 4px 12px;}

.Call_search_section .search_box input.inputbox { margin-bottom: 10px; width: 100%;}
.cbp-spmenu-push-toright .Call_search_section .search_box input.inputbox { width: 100%;}
.Call_search_section .search_right { top: 57px;}

.cbp-spmenu-push { height: auto; overflow-x: inherit;}
.wrapper { padding-bottom:0;}
footer { position:relative;}
	
.add-portal { height: auto; overflow: inherit;}	
.addportal-box { height: auto !important; overflow:visible !important;}
.portal-details { height: auto; overflow: inherit;}
.Call_search_section { border-radius: 6px 6px 0 0;}


table.simple_table { min-width:inherit;}	
table.simple_table thead { display:none;}
table.simple_table tbody,
table.simple_table th,
table.simple_table td,
table.simple_table tr {
display: block;
}
	table.simple_table thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
	table.simple_table tr td{	border: none;
-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
	-o-box-sizing: border-box;
position: relative;
padding-left: 50%;

text-align:left;}
	
	table.simple_table tr td:before{ content:attr(data-label); position: absolute; top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
 
text-align:left;
color:#000000;  }	
table.simple_table tr { border-bottom:solid 1px #e3e3e3;}


.createService_mainbox .k-grid-content, .createService_mainbox .grid_listing, .customerotherpages .grid_listing, .customerotherpages .k-grid-content{ height: auto !important;}
.createService_mainbox .portal-details {   height: auto;}
.add-portal { margin-left:10px; margin-right:10px;}
	
.dark-grey-bg { min-height: 53px;}	
header .usermenu {  top: 33px;}	
header .notificationmenu {top: 34px;}
.datefield { margin-bottom: 10px; width: 100%;}
.search_historysearch .k-datepicker { width: 100%;}
.search_historysearch .inputsearch { left: 0; top: 42px;}
	
}

@media screen and (max-width:680px){
ul.steps li span.stepmid { line-height: 19px; padding-right: 20px;}
/*.Call_search_section .search_box input.inputbox { width: 54%;}	*/
}

@media screen and (max-width:640px){
		.page_title .float_l{ width:100%; float:none}
		.page_title .float_r{ width:100%; float:none; margin-bottom:20px; text-align:right}
		footer{ height:auto; text-align:center; line-height:30px; padding:10px 0;}
		footer .float_l,footer .float_r{ width:100%; float:none;}


.steps .helpicon { top: 0;}	

 

}


@media screen and (max-width:600px){
.pending_text_cel {  text-align: left;    padding-top: 10px; padding-left:0; margin-left:0;}
.breadcrubs_two { clear: both; margin: 10px 0 0; position: relative; top: 0; width: 100%;}
.head_right_con_top { clear: both; float: none; width: 100%;}
.head_right_con_top a.button { margin-left: 0;  margin-right: 10px;} 
 


}
@media screen and (max-width:479px){
	header .company_logo{ width:150px;}
	header .company_logo img{ max-width:100%;}
header .right_header > ul > li.backli > a {  padding: 19px 10px 19px 6px;}

.add-portal { overflow: visible;}
ul.steps li span.stepmid {  font-size: 13px;  line-height: 14px; padding: 6px 35px 1px 20px;}
.steps .helpicon { position: absolute; background-size:85% auto !important;  right: 15px;  top: 20px;}

ul.steps { margin-left: -20px; margin-right: -20px; width: auto;}


.popup-block .col-md-6, .popup-block .col-md-12 { width: 100%;}

.CumminsCustomer_data .location_add {  float: none;}
.CumminsCustomer_data .call_number { float: none;  margin-top: -5px;}

header .notificationmenu { width:300px;}

.Call_search_section .search_right { position: relative; right: 0; top: 0;}
.Call_search_section .search_right .button { margin-top: 10px;}

}

@media screen and (max-width:360px){

.Call_search_section .search_right .button { padding: 7px 6px 6px;}	
	
}


.error {
    color: #e80c4d;
}

    .error span {
        color: black;
    }

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error,select.input-validation-error,textarea.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

.notification-error {
    background-color: #ff3333;
    clear: both;
    position: fixed;
	bottom: 0;
    color: #fff;
    font-size: 13px;
    width: 100%;
    z-index: 9999999;
    left:0;
}

    .notification-error span {
        padding: 10px 10px 10px 40px;
        display: block; font-family:Arial;
    }

        .notification-error span i {
            width: 18px;
            height: 18px;
            background-color: #fff;
            border: #ff0000 solid 1px;
            display: inline-block;
            text-align: center;
            line-height: 18px;
            color: #ff3333;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: bold;
            position: absolute;
            top: 10px;
            left: 10px;
            border-radius: 4px;
        }

.notification-approved {
    background-color: #393;
    clear: both;
    position: fixed;
    bottom: 0;
    color: #fff;
    font-size: 13px;
    width: 100%;
    z-index: 9999999;
    left:0;
}

    .notification-approved span {
        padding: 10px 10px 10px 40px;
        display: block;
    }

        .notification-approved span i {
            width: 18px;
            height: 18px;
            background-color: #fff;
            border: #393 solid 1px;
            display: inline-block;
            text-align: center;
            line-height: 18px;
            color: #393;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: bold;
            position: absolute;
            top: 10px;
            left: 10px;
            border-radius: 4px;
        }
.label100 {
    width:100%;
}