body { background-color: #fff; }
a { cursor: pointer; }
.login-form .form-group { margin-bottom: 1rem; }
.login-form .company i { margin-right: 4px; }

a:hover { color: #fff; }

.page-wrapper { background: #fff; }
#page-content { padding-bottom: 20px; }
.au-card { padding: 25px 15px !important; }
p.company { font-size: 14px; padding-top: 6px; font-weight: bold; display: block; }

.form-control { font-size: 13px; }

.register-link p { font-size: 16px; }

.login-bg .btn { width: 100px; margin-bottom: 15px; }

.input-group-addon { border-radius: 2px 0 0 2px; -webkit-border-radius: 2px 0 0 2px; }

.header a { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 10px; }

.au-check-value { font-size: 13px; padding-left: 28px; display: block !important; }
.small-i { background: #26a69a; color: #fff !important; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; width: 25px; height: 25px; text-align: center; margin-left: 5px; line-height: 23px; }

/*========= Sidemenu Css =====*/
ul.mm-listview li:hover { background-color: #26a69a; }

ul.mm-listview li a { font-size: 13px; }

    ul.mm-listview li a .fa { margin-right: 10px; }

.mobilemenu { font-size: 25px; color: #a9b3c9; margin-right: 10px; }

.noti-wrap i { font-size: 25px; }

.header-wrap i:hover { color: #26a69a }

.info .image img { border: 2px solid #26a69a; }

/*========= Notifications Css =====*/
.content a:hover { color: #333333; }
.attentions { height: 180px; position: relative; }

    .attentions li.list-group-item { padding-left: 0; background: transparent; }

        .attentions li.list-group-item a { color: #808080; }

            .attentions li.list-group-item a i { margin-right: 10px; font-size: 18px; }

            .attentions li.list-group-item a span { margin-left: 10px; font-size: 13px; font-weight: normal; right: 15px; top: 15px; position: absolute; }

                .attentions li.list-group-item a span.badge { background: #26a69a; color: #fff; }

    .attentions i.zmdi-cake { color: #FF5733; }

    .attentions i.zmdi-copy { color: #4949BE; }

    .attentions i.zmdi-badge-check { color: #C70039; }

    .attentions i.zmdi-account-add { color: #D80FA8; }

    .attentions i.zmdi-file-text { color: #D80F31; }

    .attentions i.zmdi-case { color: #037D93; }

    .attentions i.zmdi-check-square { color: #06C409; }

    .attentions i.zmdi-shield-check { color: #F7A605; }

    .attentions i.zmdi-chart-donut { color: #FF2222; }

    .attentions i.zmdi-walk { color: #5B2D9E; }

    .attentions i.zmdi-alarm-off { color: #E10074; }


/*=============== Forms Resizing =============*/
select.form-control:not([size]):not([multiple]) { height: calc(1.8rem + 4px); }

.form-check-label { margin-right: 10px; }

.form-group span { display: inline-block; margin-bottom: .5rem font-size: 13px; }

.date span { margin-bottom: 0; padding-top: 5px; padding-bottom: 5px; }

#datepicker > span:hover { cursor: pointer; }

/*.form-control:disabled, .form-control[readonly] {
    background: #fff;
}*/

.js-select2 { z-index: 100000 !important; }

input[type=radio] { margin-right: 5px; }
.progress .progress-bar { cursor: pointer; }
/*============== Table Css =======*/
table { width: 100%; }

.table-data3 thead tr th { padding: 8px 10px; white-space: nowrap; }

.table-data3 tbody td { padding: 6px 10px; border-bottom: 1px solid #e5e5e5; font-size: 13px; line-height: 18px; border-right: none; white-space: nowrap; }
    .table-data3 tbody td a:hover { color: #26a69a; }
.table-data3 .image { }

    .table-data3 .image img { width: 25px; height: 25px; float: left; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #26a69a; }

    .table-data3 .image p { padding-left: 42px; }

.table-data3 span { margin-bottom: 0; }
.table-data-feature .item { background: #26a69a; }
    .table-data-feature .item i { color: #fff; }
a.block-user { color: #26a69a !important; cursor: pointer; padding: 2px; }
    a.block-user:hover { background: rgba(0, 0, 0, 0.1); border-radius: 4px; }
.table-data3 thead tr th:last-child { padding-right: 20px; }
.table-data3 tbody tr td:last-child { padding-right: 20px; }
.no-padding-full { padding: 0 0 15px 0 !important; }
.no-padding { padding-left: 0 !important; padding-right: 0 !important; }

.no-margin { margin-left: 0 !important; margin-right: 0 !important; }

.table-data3 tr.table-head { background: #333; color: #fff; }

    .table-data3 tr.table-head th:first-child { -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; }

    /*.table-data3 tr.table-head th:last-child { -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; text-align: right; }*/
	.table-data3 tr.table-head th:last-child {
		-webkit-border-top-right-radius: 3px;
		-moz-border-radius-topright: 3px;
		border-top-right-radius: 3px;
		/*text-align: right;*/
	}
    .table-data3 tr.table-head th { font-weight: normal; }
.table td, .table th { border-top: none; }
.lb-table tr td:first-child { background: #26a69a; color: #fff; border-bottom-left-radius: 0px !important; }
/*========= Tab Css =====*/
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus,
.nav-tabs .nav-link, .nav-pills .nav-link { color: #26a69a; }

.tab-content-borederd { border: 1px solid #dee2e6; padding: 10px; border-radius: 4px; }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background: #26a69a; }

/*====== Report ======*/
.emp-info img { border: 2px solid #26a69a !important; width: 100px; height: 100px; float: left; border-radius: 5px; }

.emp-info p { padding-left: 115px; }

.reporter img { border: 2px solid #dc3545 !important; width: 100px; height: 100px; float: right; border-radius: 5px; }

.reporter p { padding-right: 115px; }

a.filter { margin-right: 5px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; height: 30px; padding-top: 2px; width: 30px; text-align: center; }

    a.filter i { color: #fff; }

a.close-box { padding: 5px; background: #cfd2d6; text-align: center; position: absolute; right: 25px; top: 4px; width: 30px; height: 30px; border-radius: 50%; color: #26a69a; }

    a.close-box:hover { background: #26a69a; color: #fff; }

        a.close-box:hover i { color: #fff; }

/*====== Change Theme Css =====*/
ul.theme-change { margin-top: 5px; margin-bottom: 20px; }

    ul.theme-change li { width: 25px; height: 25px; float: left; border-radius: 3px; margin-right: 5px; margin-bottom: 5px; text-align: center; list-style: none; }

        ul.theme-change li a { color: transparent; }

            ul.theme-change li a:hover { background: transparent; }

        ul.theme-change li.active::before { font-family: "FontAwesome"; content: "\f00c"; }

        ul.theme-change li.defualt { background: #ff029a; }

        ul.theme-change li.blue { background: #1e88e5; }

        ul.theme-change li.green { background: #43a047; }

        ul.theme-change li.gray { background: #607d8b; }

        ul.theme-change li.red { background: #ff002a; }

        ul.theme-change li.vio { background: #5d4ce0; }

        ul.theme-change li.orang { background: #ff5d00; }

        ul.theme-change li.dark { background: #424242; }
.defualt { background: #26a69a; }
.blue { background: #1e88e5; }
.green { background: #43a047; }
.gray { background: #607d8b; }
.red { background: #ff002a; }
.vio { background: #5d4ce0 }
.orange { background: #ff5d00; }
.dark { background: #424242; }

.element { position: relative; }

ul.menu-bg { margin-top: 5px; margin-bottom: 20px; }

    ul.menu-bg li { width: 50px; height: 70px; float: left; border-radius: 3px; margin-right: 10px; margin-bottom: 5px; text-align: center; list-style: none; cursor: pointer; }

        ul.menu-bg li.active { border: 2px solid #26a69a; }

        ul.menu-bg li:hover { border: 2px solid #26a69a; }

        ul.menu-bg li.menu-bg1 { background: url(../images/menu-bg1.jpg); }

        ul.menu-bg li.menu-bg2 { background: url(../images/menu-bg2.jpg); }

        ul.menu-bg li.menu-bg3 { background: url(../images/menu-bg3.jpg); }

.mm-menu-bg { background: url(../images/menu-bg3-lg.jpg) no-repeat left top !important; }
/*---Menu bg Image size must be (229px*1000px)----*/
.switch-secondary > .switch-input:checked ~ .switch-label { background: #424242 !important; }

/*replace the content value with the
corresponding value from the list below*/

.element:before { content: "\f000"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; /*--adjust as necessary--*/ color: #fff; font-size: 15px; padding-right: 0.5em; position: absolute; top: 0px; left: 5px; }
/*=========== Side Push Menu ===========*/
.burger { position: fixed; top: 150px; right: 0; border-radius: 4px 0 0 4px; z-index: 10; width: 32px; height: 32px; background: #26a69a; text-align: center; padding-top: 7px; }

    .burger i { color: #fff; font-size: 18px; }

    .burger span { position: relative; margin-top: 9px; margin-bottom: 9px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -1.5px; }

        .burger span, .burger span::before, .burger span::after { display: block; width: 20px; height: 3px; background-color: #2a2a2a; outline: 1px solid transparent; -webkit-transition-property: background-color, -webkit-transform; -moz-transition-property: background-color, -moz-transform; -o-transition-property: background-color, -o-transform; transition-property: background-color, transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }

            .burger span::before, .burger span::after { position: absolute; content: ""; }

            .burger span::before { top: -9px; }

            .burger span::after { top: 9px; }

    .burger.clicked span { background-color: transparent; }

        .burger.clicked span::before { -webkit-transform: translateY(9px) rotate(45deg); -moz-transform: translateY(9px) rotate(45deg); -ms-transform: translateY(9px) rotate(45deg); -o-transform: translateY(9px) rotate(45deg); transform: translateY(9px) rotate(45deg); }

        .burger.clicked span::after { -webkit-transform: translateY(-9px) rotate(-45deg); -moz-transform: translateY(-9px) rotate(-45deg); -ms-transform: translateY(-9px) rotate(-45deg); -o-transform: translateY(-9px) rotate(-45deg); transform: translateY(-9px) rotate(-45deg); }

        .burger.clicked span:before, .burger.clicked span:after { background-color: #ffffff !important; }

    .burger:hover { cursor: pointer; }

/*  NAV
========================================== */
.push { background-color: #f1f2f2; position: fixed; z-index: 9; top: 0; right: 0; height: 100%; max-width: 300px; width: 100%; padding: 80px 40px 60px 30px; overflow-y: auto; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-box-shadow: 3px 3px 5px 6px #ccc; -moz-box-shadow: 3px 3px 5px 6px #ccc; box-shadow: 3px 3px 5px 6px #ccc; }

nav.show { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }

.heading-title { font-size: 20px; }

/*  OVERLAY
========================================== */

.overlay { position: fixed; top: 0; left: 0; z-index: 7; width: 100%; height: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: #fff; opacity: 0; visibility: hidden; }

    .overlay.show { opacity: 0.8; visibility: visible; }
/*========== New Card ============*/
.filter-card { -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); padding: 25px; padding-right: 35px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #fff; }

.dropdown-item { padding: 0px 10px; }

.dropdown-menu span, .filter-option { font-size: 13px; }

.dropdown-item:focus, .dropdown-item:hover { background: #e5e5e5; }

/*========= Check Box =========*/
.check-box { margin-right: 5px; }

    .check-box label { padding-left: 5px; vertical-align: top; }

input[type=checkbox] { width: 18px; height: 18px; }

/*========== File Upload ===========*/
.file-upload { border: 1px solid #ced4da; width: 100%; }

.file-upload-second { border: 1px solid #ced4da; height: 33px; margin-right: 5px; }

input[type=file]::-webkit-file-upload-button { border: none; background: #26a69a; height: 32px; color: #fff; }

/*========= Sweet Alert ==========*/
.sweet-alert h2 { font-size: 22px; }

.sweet-alert p { font-size: 18px; padding: 15px; }

/*========= Notification ===========*/
.search-input { border: 1px solid #ced4da; font-size: 13px; padding: 0 2px 1px 2px; width: 75%; float: left; }

    .search-input input { width: 86%; }

    .search-input i { color: #e5e5e5 !important; }
.btn-search { border: 1px solid #ced4da; padding: 2px 8px; }

    .btn-search:hover { background: #26a69a; color: #fff; }

        .btn-search:hover i { color: #fff !important; }

    .btn-search i { font-size: 18px !important; }

a.fa-delete { float: right; }

    a.fa-delete i { font-size: 13px !important; }

span.note-date { font-size: 11px; color: #ff4b5a; float: right; margin-top: -14px; background: #f5f5f5; padding: 0 3px; border-radius: 4px; }
.account-dropdown-scroll { max-height: 300px; overflow-y: scroll; }



.report { background: #009688; padding: 15px; width: 100%; border-radius: 10px 10px 0 0; }

    .report img { max-width: 250px; max-height: 150px; }

        .report img.right { float: right; }

    .report p { padding-bottom: 5px; }

    .report h3, .report p { color: #fff; }

    .report i { margin-right: 5px; }



.dashboards .active { background: #12877c; }
.dashboards .btn { padding-left: 10px; padding-right: 10px; margin-right: 2px; }
.dashboards i { color: #fff; }

.quick a { margin: 15px 0 15px 15px; width: 45px; height: 45px; text-align: center; padding-top: 13px; border-radius: 10px; }

    .quick a i { font-size: 20px; color: #fff; }

/*========== Card =========*/
.card { transition: all 0.5s ease; }

    .emp-grid .card:hover, .card.active { background: #26a69a; color: #fff; -webkit-box-shadow: 1px 1px 10px 4px #C9C9C9; box-shadow: 1px 1px 10px 4px #C9C9C9; border: 1px solid #26a69a; }

/*.card:hover i {
            color: #fff;
        }*/

.card-body:hover h5 { color: #fff; }

.card-body { padding-top: 10px; padding-bottom: 10px; }

    .card-body hr { margin-bottom: 5px; margin-top: 5px; }

.card a i { color: #26a69a; font-size: 15px; }
.card img { height: 100px; }

/*========= Pagination ==========*/
.pagination li a { color: #26a69a; }

.pagination li.active a.page-link { background: #26a69a; border: 1px solid #26a69a; }

/*======== Popup Controll CSS ========*/
.popup-lg { max-height: 500px; overflow-y: scroll; }

.modal-lg-big { max-width: 950px; }

.modal-title { color: #fff; font-weight: normal; font-size: 20px; }

.modal-header { background: rgba(38,166,154,1); background: -moz-linear-gradient(left, rgba(38,166,154,1) 0%, rgba(98,209,198,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(38,166,154,1)), color-stop(100%, rgba(98,209,198,1))); background: -webkit-linear-gradient(left, rgba(38,166,154,1) 0%, rgba(98,209,198,1) 100%); background: -o-linear-gradient(left, rgba(38,166,154,1) 0%, rgba(98,209,198,1) 100%); background: -ms-linear-gradient(left, rgba(38,166,154,1) 0%, rgba(98,209,198,1) 100%); background: linear-gradient(to right, rgba(38,166,154,1) 0%, rgba(98,209,198,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26a69a', endColorstr='#62d1c6', GradientType=1 ); }
/*.modal {
    z-index: 100001 !important;
    padding-top:80px;
}*/


/*======== Scrollbar CSS =========*/
.style-3::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; }

.style-3::-webkit-scrollbar { width: 6px; height: 6px; background-color: #F5F5F5; }

.style-3::-webkit-scrollbar-thumb { background-color: #9b9b9b; }


/*======== Birthday ===========*/
.birthday { background: linear-gradient(306deg, #ffcd00, #087f0c, #db440c, #310da1, #f900ae, #f9750a); background-size: 1200% 1200%; min-height: 550px; animation: CustomAnimation 30s ease 0s infinite normal none running; }

-webkit-animation: CustomAnimation 30s ease infinite;
-moz-animation: CustomAnimation 30s ease infinite;
animation: CustomAnimation 30s ease infinite;

@-webkit-keyframes CustomAnimation { 0%

{ background-position: 0% 7% }

50% { background-position: 100% 94% }

100% { background-position: 0% 7% }
}

@-moz-keyframes CustomAnimation {
    0% { background-position: 0% 7% }

    50% { background-position: 100% 94% }

    100% { background-position: 0% 7% }
}

@keyframes CustomAnimation {
    0% { background-position: 0% 7% }

    50% { background-position: 100% 94% }

    100% { background-position: 0% 7% }
}

.birthday .close { color: #fff; padding: 0px 6px 4px; line-height: 24px; text-align: right; }

.birthday h4 { color: #fff; font-weight: normal; line-height: 25px; }

/*============= Snackbar ============*/
#snackbar { visibility: hidden; max-width: 350px; margin-left: -125px; background-color: #fff; color: #000; text-align: left; border-radius: 4px; padding: 8px; position: fixed; z-index: 1; right: 3%; bottom: 30px; font-size: 17px; }

    #snackbar p { line-height: 20px; font-size: 14px; }

        #snackbar p span { color: #5B2D9E; font-weight: bold; }

    #snackbar i { padding: 12px; background: #26a69a; color: #fff; border-radius: 50%; float: left; margin-right: 5px; }

    #snackbar a { float: right; background: #a9b3c9; color: #fff; font-size: 11px; padding: 1px 8px; border-radius: 4px; }

        #snackbar a:hover { background: #26a69a; }

    #snackbar.show { visibility: visible; -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; animation: fadein 0.5s, fadeout 0.5s 2.5s; }

@-webkit-keyframes fadein {
    from { bottom: 0; opacity: 0; }

    to { bottom: 30px; opacity: 1; }
}

@keyframes fadein {
    from { bottom: 0; opacity: 0; }

    to { bottom: 30px; opacity: 1; }
}

@-webkit-keyframes fadeout {
    from { bottom: 30px; opacity: 1; }

    to { bottom: 0; opacity: 0; }
}

@keyframes fadeout {
    from { bottom: 30px; opacity: 1; }

    to { bottom: 0; opacity: 0; }
}


/*========= Donut Chart =========*/
.admintab .nav-link.active { background: #26a69a; color: #fff; }
.circle-chart__circle { animation: circle-chart-fill 2s reverse; /* 1 */ transform: rotate(-90deg); /* 2, 3 */ transform-origin: center; /* 4 */ }
.circle-chart__circle--negative { transform: rotate(-90deg) scale(1,-1); /* 1, 2, 3 */ }
.circle-chart__info { animation: circle-chart-appear 2s forwards; opacity: 0; transform: translateY(0.3em); }

@keyframes circle-chart-fill {
    to { stroke-dasharray: 0 100; }
}

@keyframes circle-chart-appear {
    to { opacity: 1; transform: translateY(0); }
}

/*=========== Personal Info ==========*/
.personal h4 { font-weight: normal; }
.personal .media-body p { color: #808285; }
.personal i.edit { background: #fff; width: 25px; height: 25px; border-radius: 50%; color: #26a69a; text-align: center; line-height: 26px; font-size: 18px; }
.personal .scroll { height: 412px; overflow-y: scroll; visibility: hidden; }
    .personal ul.list-group, .personal .scroll:hover, .personal .scroll:focus { visibility: visible; }
.personal li.list-group-item { border-left: none; border-bottom: 1px solid rgba(0,0,0,.125); border-right: none; padding: 8.5px 1.25rem; }
.tab-v { height: 400px; overflow-y: scroll; visibility: hidden; }
    .tab-v .nav, .tab-v:hover, .tab-v:focus { visibility: visible; }

/*======= Timeline ======
 .time {
    list-style-type: none;
    position: relative;
    height: 440px; overflow-y: scroll; visibility: hidden;
}
.time ul.timeline, .time:hover, .time:focus{ visibility: visible; }
.time .card, .time:hover, .time:focus{ visibility: visible; } ===*/
ul.timeline { height: 100%; }
    ul.timeline:before { content: ' '; background: #d4d9df; display: inline-block; position: absolute; left: 9px; width: 2px; height: 100%; z-index: 400; }
    ul.timeline > li { margin: 20px 0; padding-left: 30px; list-style: none; }
        ul.timeline > li a.title { color: #fff; background: #26a69a; padding: 1px 5px; border-radius: 4px; }
        ul.timeline > li a.date { color: #a9b3c9; }
        ul.timeline > li a.title:hover { color: #fff; }
        ul.timeline > li:before { content: ' '; background: white; display: inline-block; position: absolute; border-radius: 50%; border: 3px solid #26a69a; left: 0px; width: 20px; height: 20px; z-index: 400; }
.profesional { height: 510px; overflow-y: scroll; }
    .profesional .nav-link.active { background: #26a69a; color: #fff; }
ul.timeline i.edit { background: #26a69a; width: 25px; height: 25px; border-radius: 50%; color: #fff; text-align: center; line-height: 26px; font-size: 18px; margin-left: 10px; }
.profesional .card:hover, .card.active { background: transparent; color: #666; }
.profesional .badge { font-size: 12px; font-weight: normal; }
.profesional tr td { padding: 5px 0px; }
.profesional tr td { border-bottom: 1px solid #dee2e6; border-top: none; }

/*=========== Options Settings ==========*/
.option { border: 1px solid #CECECE; border-radius: 4px; margin-bottom: 20px; }

    .option i { padding: 10px; color: #fff; font-size: 25px; background: #26a69a; border-radius: 4px 0 0 4px; float: left; }

    .option span { padding-left: 10px; float: left; padding-top: 10px; }

    .option .form-check-inline { margin-top: 13px; }

/*======== Accordian CSS ===========*/
.acc-card { margin: 10px; }

    .acc-card .card { margin-bottom: 0; }

    .acc-card h5 button { color: #000; font-size: 14px; }

        .acc-card h5 button:hover, .acc-card h5 button:focus { text-decoration: none; color: #000; }

    .acc-card .card-header { padding: 0; }

/*============ Birthday Popup ============*/
.birthday-card .card-body:hover h5 { color: #333333; }

.birthday-card .card:hover i { color: #333333 !important; }
.notread { background: #FCECC6; border-bottom: 1px solid #fff; }
.data-check { vertical-align: baseline !important; }
*======== Recent Activities Timeline CSS =========*/
.recent-activities { background: #fff; height: 425px; overflow-y: scroll; visibility: hidden; }

.recent-activities:hover, .recent-activities:focus { visibility: visible; }

.tracking-icon i { font-size: 18px; color: #26a69a; }

.tracking-detail { padding: 3rem 0 }

#tracking { margin-bottom: 1rem }

[class*=tracking-status-] p { margin: 0; font-size: 1.1rem; color: #fff; text-transform: uppercase; text-align: center }

[class*=tracking-status-] { padding: 1.6rem 0 }

.tracking-status-intransit { background-color: #65aee0 }

.tracking-status-outfordelivery { background-color: #f5a551 }

.tracking-status-deliveryoffice { background-color: #f7dc6f }

.tracking-status-delivered { background-color: #4cbb87 }

.tracking-status-attemptfail { background-color: #b789c7 }

.tracking-status-error, .tracking-status-exception { background-color: #d26759 }

.tracking-status-expired { background-color: #616e7d }

.tracking-status-pending { background-color: #ccc }

.tracking-status-inforeceived { background-color: #214977 }

.tracking-list { border: 1px solid #e5e5e5 }

.tracking-item { border-left: 1px solid #e5e5e5; position: relative; padding: 2rem 1.5rem .5rem 2.5rem; font-size: .9rem; margin-left: 3rem; min-height: 5rem; visibility: visible; }

    .tracking-item:last-child { padding-bottom: 4rem }

    .tracking-item .tracking-date { margin-bottom: .5rem }

        .tracking-item .tracking-date span { color: #888; font-size: 85%; padding-left: .4rem }

    .tracking-item .tracking-content { padding: .5rem .8rem; background-color: #f4f4f4; border-radius: .5rem }

        .tracking-item .tracking-content span { display: block; color: #888; font-size: 85% }

    .tracking-item .tracking-icon { line-height: 2.6rem; position: absolute; left: -1.3rem; width: 2.6rem; height: 2.6rem; text-align: center; border-radius: 50%; font-size: 1.1rem; background-color: #fff; color: #fff }

        .tracking-item .tracking-icon.status-intransit { color: #e5e5e5; border: 1px solid #e5e5e5; font-size: .6rem }

@media(min-width:992px) {
    .tracking-item { margin-left: 10rem }

        .tracking-item .tracking-date { position: absolute; left: -10rem; width: 7.5rem; text-align: right }

            .tracking-item .tracking-date span { display: block }

        .tracking-item .tracking-content { padding: 0; background-color: transparent }
}

/*============ ESS ============*/
.line-bg { background: url(../images/line-bg.png) repeat-y !important; background-color: #fff !important; height: 272px !important; }
.chart-icons i { font-size: 18px; }

.attendence { height: 260px; }
.att-details { height: 195px; overflow-y: scroll; visibility: hidden; }

    .tb-data, .att-details:hover, .att-details:focus { visibility: visible; }
/*======== Workflow Leave ========*/
.workflow-team { height: 280px; overflow-y: scroll; }
.orgroup { background: #e1f3ff !important; padding: 5px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-bottom: 15px; }
.my-team li.approved { background: #72bf44; padding: 4px; }
    .my-team li.approved h5, .my-team li.approved p, .my-team li.approved span, .my-team li.approved i { color: #fff; }
.my-team li.rejected { background: #f5081e; padding: 4px; }

    .my-team li.rejected h5, .my-team li.rejected p, .my-team li.rejected span, .my-team li.rejected i { color: #fff; }

/*====== New Leave Request Design =======*/
.leave-push { background-color: #fff; position: fixed; z-index: 9; top: 0; right: 0; height: 100%; max-width: 940px; width: 100%; padding: 10px 10px 60px 10px; overflow-y: auto; overflow-x: hidden; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-box-shadow: 3px 3px 5px 6px #ccc; -moz-box-shadow: 3px 3px 5px 6px #ccc; box-shadow: 3px 3px 5px 6px #ccc; }


.l-request-card { background: #fff; border-radius: 4px; }
    .l-request-card .form-check { width: 100%; margin-bottom: 12px; }
.request { width: 100%; }
.request-head { background: #eceff1; padding: 15px; }
.emp img { width: 58px; height: 58px; margin-right: 12px; }
.emp h6 { padding-top: 12px; }
.emp-details h5 { margin-top: 9px; }

.after-request .emp h6 { padding-top: 0; }
.after-request .emp p { line-height: 16px; font-size: 12px; }
    .after-request .emp p span.reqid { color: #466dff; }
    .after-request .emp p span.date { color: #f5081e; }

.total-l { padding: 1px 10px 0 10px; margin-left: 12px; border: 2px solid #466dff; }
    .total-l span { font-size: 20px; color: #466dff; }
.total-no { padding: 3px 10px; margin-left: 12px; border: 2px solid #466dff; background: #466dff; }
    .total-no p { color: #fff; font-size: 17px; }

.request-details { padding: 15px; }
    .request-details .form-check-inline { width: 100%; }

.l-type { width: 25%; margin-bottom: 5px; }
    .l-type label { font-size: 13px; }
.balance-leave { padding: 4px 0; color: #fff; width: 33px; float: right; text-align:center; font-size:11PX;  }
.sl { background: #af7ac5; }
.sl-text { color: #af7ac5; }
.cl { background: #f39c12; }
.cl-text { color: #f39c12; }
.el { background: #58d68d; }
.el-text { color: #58d68d; }
.al { background: #ec7063; }
.al-text { color: #ec7063; }
.pl { background: #f06292; }
.pl-text { color: #f06292; }
.ptl { background: #8d6e63; }
.ptl-text { color: #8d6e63; }
.tl { background: #607d8b; }
.tl-text { color: #607d8b; }
.svl { background: #5dade2; }
.svl-text { color: #5dade2; }

.flow { background: #e1f3ff; height: 95px; margin: 0 15px 15px 15px; border-radius: 6px; }
.l-workflow { overflow-x: scroll; visibility: hidden; }
    .l-workflow:hover, .l-workflow:focus { visibility: visible; }
.workflow { visibility: visible; width: max-content; }

ul.emp-workflow { margin: 0; padding: 0 10px 0 0; float: left; position: relative; }

    ul.emp-workflow li { list-style: none; float: left; height: 94px; background: url(../images/workflow-arrow.png) no-repeat right; }
        ul.emp-workflow li:last-child { background: none; }
        ul.emp-workflow li .emp-flow { margin: 15px 25px 0 25px; }
        ul.emp-workflow li.approved { background: #72bf44 url(../images/approve-icon.png) no-repeat 98% 5%; }
            ul.emp-workflow li.approved h6, ul.emp-workflow li.approved p { color: #fff; font-weight: normal; }

        ul.emp-workflow li.reject { background: #f5081e url(../images/reject-icon.png) no-repeat 98% 5%; }
            ul.emp-workflow li.reject h6, ul.emp-workflow li.reject p { color: #fff; font-weight: normal; }
    ul.emp-workflow i { color: #466dff; font-size: 30px; margin-top: 36px; }
.request-head .form-group { margin-bottom: 0; }

.l-calender { padding: 0 15px 15px 15px; }
.tpl { background: #fbf3ff; }
    .tpl h5 { padding: 10px 12px; background: #f6e3fe; color: #a569be; font-size: 16px; font-weight: normal; }
    .tpl .team { height: 265px; padding: 15px 0; overflow-y: scroll; visibility: hidden; }
        .tpl .team:focus, .tpl .team:hover { visibility: visible; }
        .tpl .team ul.plan-leave { visibility: visible; padding: 0 12px; width: 100%; }
            .tpl .team ul.plan-leave li { margin-bottom: 20px; list-style: none; display: block; }
                .tpl .team ul.plan-leave li .emp h6 { padding-top: 3px; }
                .tpl .team ul.plan-leave li .emp p i { margin-right: 3px; }
                .tpl .team ul.plan-leave li .emp p.line-hg { line-height: 12px; }
                .tpl .team ul.plan-leave li .emp p span.off { color: #ff0000; }

.l-mode { padding: 15px; }

.new-contact { margin: 15px; border: 1px solid #eceff1; }
    .new-contact h5 { padding: 10px 12px; background: #eceff1; font-size: 16px; font-weight: 400px; text-align: center; }
    .new-contact .row { padding: 15px; }

.comments { margin: 15px; }
    .comments .emp { }
    .comments .approved { padding: 10px; background: #72bf44 url(../images/approve-icon.png) no-repeat 98% 5%; }
    .comments .reject { padding: 10px; background: #f5081e url(../images/reject-icon.png) no-repeat 98% 5%; }
        .comments .approved h6, .comments .approved p, .comments .reject h6, .comments .reject p { color: #fff; }
.emp-comment { background: #e6fef0; margin: 0 0 5px 0; }

.m-l-15 { margin-left: 15px; }

table.miss-in { visibility: visible; }

    table.miss-in tr { border-left: none; border-right: none; }

    table.miss-in td { background: none; border-top: none; }

        table.miss-in td .form-control { padding: 2px 5px; height: 24px; }

        table.miss-in td .input-group-addon { padding: 1px 3px; background: none; color: #007bff; }

.emp-rel { background: #e1f3ff; padding-bottom: 15px; }

    .emp-rel .default-tab nav a.active { background: #26a69a; color: #fff; }

    .emp-rel .default-tab nav a.btn-danger { color: #fff; }

    .emp-rel .default-tab .tab-content { padding: 15px; }

    .emp-rel .default-tab tr { border: none; }

    .emp-rel .default-tab td { background: none; border: none; height: 45px; }

        .emp-rel .default-tab td input.amount { width: 150px; margin-top: -7px; }

        .emp-rel .default-tab td .badge, .emp-rel .default-tab .card-body .badge { font-size: 14px; font-weight: normal; }

    .emp-rel .default-tab .card-body:hover h5 { color: #333333; }

/*========== New Payroll ===========*/
.pay-month { background: #00aeef; padding: 10px; }

    .pay-month p { color: #fff; text-align: center; text-transform: uppercase; font-size: 20px; line-height: 25px; }

    .pay-month span { font-size: 10px; color: #fff; text-align: center; text-transform: uppercase; display: block; }


.pay { background: #f4f3f3; padding: 12px; border: 1px solid #e0e0e0; border-radius: 6px; margin-bottom: 15px; width: 100%; }

    .pay ul li { float: left; display: block; padding-left: 25px; text-transform: uppercase; margin: 10px; }

        .pay ul li span { font-size: 15px; padding-bottom: 5px; display: block; padding-top: 5px; }

        .pay ul li h4 { font-size: 20px; font-weight: bold; color: #000000; }

.total-pay { background: #fff; border: 1px solid #43a047; border-radius: 4px; padding: 5px 10px; }

    .total-pay span { font-size: 14px; font-weight: bold; color: #000000; text-transform: uppercase; }

    .total-pay h3 { font-size: 30px; font-weight: bold; color: #6e8894; }

    .total-pay span.total-txt { color: #43a047; }

.pay ul li.gross-pay { border-left: 7px solid #43a047; }

.pay ul li.taxes { border-left: 7px solid #607d8b; }

.pay ul li.deduction { border-left: 7px solid #e53935; }
/* payroll End*/
.payroll-card { padding: 15px 20px; }

.slick-slide { background: #cacac9; margin-right: 6px; height: 85px !important; border-radius: .25rem !important; padding-top: 10px; cursor: pointer; }
    .slick-slide p { text-align: center; color: #fff; font-size: 20px; line-height: 25px; text-transform: uppercase; }
    .slick-slide span { text-align: center; color: #fff; font-size: 10px; display: block; text-transform: uppercase; }
.multiple-items .locked { background: #72bf44 url(../images/locked-icon.png) no-repeat 95% 5%; }
.multiple-items .pending { background: #f58220 url(../images/pending-icon.png) no-repeat 95% 5%; }
.multiple-items .current { background: #00aeef; }
.pay-type label { float: left; }
.pay-type .badge { font-size: 14px; font-weight: normal; }
.pay-type h1 { font-size: 50px; padding-right: 10px; margin-right: 10px; font-weight: normal; }
.pay-type p { font-size: 17px; font-weight: bold; }
.verified .btn { text-align: left; width: 100%; }
.verified i { font-size: 25px; }
.verified .verify { background: #72bf44 url(../images/locked-icon.png) no-repeat 97% 14%; }
    .verified .verify i, .verified .verify .btn { color: #fff; }
    .verified .verify p { font-size: 12px; }
.no-padding-left { padding-left: 0; }
/*============== YTD CSS Start ===========*/
.emp-wage .img { margin-top: 5px; float: left; }

    .emp-wage .img img { border: 3px solid #e0e0e0; width: 58px; height: 58px; }

.emp-wage .emp-data { float: left; padding-left: 16px; }

    .emp-wage .emp-data h4 { color: #009688; font-size: 13px; padding-top: 5px; }

    .emp-wage .emp-data p { font-size: 13px; color: #3a3a3a; }

.emp-group { padding-top: 15px; }

    .emp-group p { padding-top: 7px; }

        .emp-group p span.date { padding-top: 3px; font-size: 15px; }

        .emp-group p i { color: #808284; }

    .emp-group .total { font-size: 20px; font-weight: bold; text-align: center; color: #fff; border-radius: 4px; padding: 8px; margin-bottom: 5px; }

    .emp-group button { height: 46px; background: #fff; color: #000000; font-size: 15px; border: 1px solid #43a047; padding: 10px 20px; line-height: 10px; border-radius: 4px; }

        .emp-group button:hover { background: #43a047; color: #fff; }
ul.tickets { margin-right: 15px; margin-left: 15px; }

    ul.tickets li { list-style: none; float: left; margin-right: 5px; margin-bottom: 15px; margin-right:50px; padding: 5px; }

        ul.tickets li i { margin-right: 5px; font-size: 22px; }

        ul.tickets li a { float: right; border-radius: 4px; padding: 2px 6px; line-height: 20px; border: 1px solid #CECECE; font-size: 16px; margin-left:15px;}

            ul.tickets li a:hover { color: #fff; background: #dc3545; }
/*============== YTD CSS End ===========*/

.avoid-clicks {
    display: block;
    pointer-events: none;
}

/*============= Travel Request ==============*/
.travel-head { padding: 15px; background: rgba(223,242,255,1); background: -moz-linear-gradient(top, rgba(223,242,255,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(223,242,255,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(223,242,255,1) 0%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(223,242,255,1) 0%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(223,242,255,1) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(223,242,255,1) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dff2ff', endColorstr='#ffffff', GradientType=0 ); }
    .travel-head .emp h6 { padding-top: 0; padding-bottom: 2px; }
.travel-new { padding: 0 15px 15px 15px; }
ul.slidecontrols { width: 70%; margin-left: auto; margin-right: auto; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; height: 36px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.26); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.26); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.26); }
    ul.slidecontrols li { float: left; list-style: none; height: 36px; width: 50%; padding-top: 5px; text-align: center; cursor: pointer; }
        ul.slidecontrols li.selected { background: rgba(6,155,255,1); background: -moz-linear-gradient(top, rgba(6,155,255,1) 0%, rgba(18,66,225,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(6,155,255,1)), color-stop(100%, rgba(18,66,225,1))); background: -webkit-linear-gradient(top, rgba(6,155,255,1) 0%, rgba(18,66,225,1) 100%); background: -o-linear-gradient(top, rgba(6,155,255,1) 0%, rgba(18,66,225,1) 100%); background: -ms-linear-gradient(top, rgba(6,155,255,1) 0%, rgba(18,66,225,1) 100%); background: linear-gradient(to bottom, rgba(6,155,255,1) 0%, rgba(18,66,225,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#069bff', endColorstr='#1242e1', GradientType=0 ); }
            ul.slidecontrols li.selected:first-child { border-radius: 25px 0 0 25px; -moz-border-radius: 25px 0 0 25px; -webkit-border-radius: 25px 0 0 25px; }
            ul.slidecontrols li.selected:last-child { border-radius: 0 25px 25px 0; -moz-border-radius: 0 25px 25px 0; -webkit-border-radius: 0 25px 25px 0; }
        ul.slidecontrols li a { color: #535353; font-size: 15px; }
        ul.slidecontrols li.selected a { color: #fff; }

.slides { width: 100%; padding-top: 15px; }
    .slides .flow { background: #e1f3ff; height: 82px; margin: 0; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; }
        .slides .flow ul.emp-workflow li { height: 82px; }
            .slides .flow ul.emp-workflow li .emp-flow { margin: 10px 25px 0 25px; }
        .slides .flow ul.emp-workflow:before { top: 27px; }

.passport {
    background: rgb(18,66,225);
    background: linear-gradient(90deg, rgba(18,66,225,1) 0%, rgba(6,155,255,1) 100%);
    padding: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-bottom: 15px;
}
    .passport h5 { font-size: 18px; margin-bottom: 10px; }
        .passport h5, .passport h5 i { color: #fff; }
    .passport p { color: #fff; }
.travel-types { background: rgba(220,240,255,1); background: -moz-linear-gradient(left, rgba(220,240,255,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(220,240,255,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(220,240,255,1) 0%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(220,240,255,1) 0%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(220,240,255,1) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(220,240,255,1) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcf0ff', endColorstr='#ffffff', GradientType=1 ); border-radius: 25px 0 0 25px; -moz-border-radius: 25px 0 0 25px; -webkit-border-radius: 25px 0 0 25px; padding: 20px; }
.traveltab .nav-link.active { background: #006FFF; color: #fff !important; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.26); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.26); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.26); border: none; }
.traveltab .nav-tabs .nav-link { border-radius: 10px 10px 0 0; }
    .traveltab .nav-tabs .nav-link:focus, .traveltab .nav-tabs .nav-link:hover, .traveltab .nav-tabs .nav-link:focus, .traveltab .nav-tabs .nav-link, .traveltab .nav-pills .nav-link { color: #535353; }
.traveltab .nav-link { padding: .3rem 1.3rem; }
.traveltab .nav-tabs { border-bottom: none; }
.traveltab label { margin-bottom: .3rem; }
.t-mode { background: #CCFFD1; margin-left: 15px; margin-bottom: 10px; padding: 5px 15px; width: 100%; height: 34px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
    .t-mode select { width: 111px; height: 23px !important; font-family: FontAwesome, sans-serif; }
        .t-mode select.form-control { padding: 1px 5px !important; border: none; }
    .t-mode input.form-control {
        padding: 1px 5px !important;
        border: none;
        width: 111px;
        height: 23px !important;
        margin-left: 10px;
        margin-right:10px;
    }
.visa { background: rgba(233,233,233,1); background: -moz-linear-gradient(top, rgba(233,233,233,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(233,233,233,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(233,233,233,1) 0%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(233,233,233,1) 0%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(233,233,233,1) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(233,233,233,1) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#ffffff', GradientType=0 ); padding: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-bottom: 10px; }
    .visa h4 { color: #0477F8; padding-bottom: 5px; }
    .visa table tr th { padding-bottom: 5px; font-weight:500; }
    .visa table tr td { border-top: 1px solid #CCCCCC; padding: 2px 4px; font-size: 14px; }
        .visa table tr td a { margin-left: 24%; color: #26A69A; }
            .visa table tr td a:hover { color: #006FFF; }

/*---- Travel Approval New Screen Css ----*/
.ticket {
    border-radius: 4px;
    border: 1px dotted #95989a;
    padding-top: 10px;
}

.tr-purpose {
    background: #e6e6e6;
    border-top: 1px dotted #95989a;
    margin-left: 0;
    margin-right: 0;
    padding: 3px 0;
}

.tr-mode {
    position: relative;
}

    .tr-mode::after {
        border-top: 1px dashed #707070;
        content: "";
        position: absolute;
        width: 100%;
        left: 0;
        top: 10px;
        z-index: -2;
    }

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

.pr-30 {
    padding-right: 30px;
}

.btn-travel-out {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    height: 36px;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.26);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.26);
}

.btn-travel {
    height: 36px;
    width: 50%;
    text-align: center;
}

.btn-travel-selected {
    background: rgba(6,155,255,1);
    background: -moz-linear-gradient(top, rgba(6,155,255,1) 0%, rgba(18,66,225,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(6,155,255,1)), color-stop(100%, rgba(18,66,225,1)));
    background: -webkit-linear-gradient(top, rgba(6,155,255,1) 0%, rgba(18,66,225,1) 100%);
    background: -o-linear-gradient(top, rgba(6,155,255,1) 0%, rgba(18,66,225,1) 100%);
    background: -ms-linear-gradient(top, rgba(6,155,255,1) 0%, rgba(18,66,225,1) 100%);
    background: linear-gradient(to bottom, rgba(6,155,255,1) 0%, rgba(18,66,225,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#069bff', endColorstr='#1242e1', GradientType=0 );
    color: #fff;
}

    .btn-travel-selected:first-child {
        border-radius: 25px 0 0 25px;
        -moz-border-radius: 25px 0 0 25px;
        -webkit-border-radius: 25px 0 0 25px;
    }

    .btn-travel-selected:last-child {
        border-radius: 0 25px 25px 0;
        -moz-border-radius: 0 25px 25px 0;
        -webkit-border-radius: 0 25px 25px 0;
    }

/*============= Job Portal =================*/
.job-menu a {
    color: #95989A;
}

    .job-menu a:hover {
        color: #EE1D42;
    }

.job-menu h1 {
    color: #EE1D42;
    font-size: 50px;
}

.job-menu h3 {
    color: #5CB85C;
    font-size: 35px;
}

.job-menu p {
    font-size: 20px;
}

.job-menu .pagination a {
    color: #EE1D42;
}

.job-search {
    border-radius: 0 4px 4px 0 !important;
}

.job-post {
    background: #F2F2F2;
    border: 1px solid #C6C6C6;
    padding: 15px;
    margin-bottom: 30px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    position: relative;
}

    .job-post h4 {
        color: #425F8A;
    }

    .job-post a {
        position: absolute;
        right: 20px;
        top: 20px;
    }

        .job-post a i {
            font-size: 25px;
        }

.job-details {
    background: #fff;
    border: 1px solid #C6C6C6;
    padding: 15px;
    margin-bottom: 30px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

    .job-details h4 {
        color: #425F8A;
    }

    .job-details h5 {
        color: #000;
        padding-top: 15px;
    }

    .job-details P {
        margin: 10px 0;
    }

.signin {
    background: #fff;
    border: 1px solid #C6C6C6;
    padding: 15px;
    margin-bottom: 30px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

    .signin .login {
        width: 300px;
        margin: 40px auto;
    }

        .signin .login hr {
            border-bottom: 5px solid #5CB85C;
            width: 40%;
        }

        .signin .login a {
            color: #EE1D42;
        }

hr.h3 {
    border-bottom: 5px solid #5CB85C;
    width: 40%;
}

hr.division {
    margin-top: 40px;
    margin-bottom: 40px;
}

.badge-lg {
    padding: 7px 15px;
    font-size: 14px;
    font-weight: normal;
}

    .badge-lg a {
        color: #fff;
        padding-left: 10px;
    }

/*=========== PMS ============*/
.task-sc {
    height: 400px;
    overflow-y: scroll;
    visibility: hidden;
}

    .task-scroll, .task-sc:hover, .task-sc:focus {
        visibility: visible;
    }

.pms table tr td {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pms table tr th {
    color: #95989A;
    border-bottom: none;
}

.pms table tr td {
    font-size: 13px;
}

.pms .text-link span.badge {
    font-size: 18px;
    border-radius: 20px;
}

.text-link {
    font-size: 14px;
    color: #12B1A1;
}

.emp-delet-pms {
    position: relative;
    right: -58px;
    top: 24px;
    color: #dc3545 !important;
}

    .emp-delet-pms:hover {
        color: brown;
    }

.table-data3 thead tr th:last-child {
    padding: 8px 10px;
}

.goals {
    background: #fff;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 15px 20px;
    -webkit-box-shadow: 1px 3px 6px 0px rgba(161,156,161,0.49);
    -moz-box-shadow: 1px 3px 6px 0px rgba(161,156,161,0.49);
    box-shadow: 1px 3px 6px 0px rgba(161,156,161,0.49);
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
}

.progress {
    height: 16px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    margin-bottom: 0;
    margin-top: 3px;
}

.btn-approve {
    background: #28a745 !important;
}

.btn-reject {
    background: #fa4251 !important;
}

.pms-mode {
    background: #CCFFD1;
    margin-bottom: 10px;
    padding: 5px 15px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}

.emp-reply {
    background: #EBEBEB;
    padding: 5px 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #e0e0e0;
}

.emp-reply-comment textarea {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
}

/*======= MM Menu Edit ======*/
/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1500px
*/
@media (min-width: 1025px) and (max-width: 1500px) {
    .hamMenu { display: none; }
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1190px
*/
@media (min-width: 1025px) and (max-width: 1190px) {
    .header-desktop { left: 0; }
    .hamMenu { display: block; }
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {

    .menu-show { display: none; }
    .hamMenu { display: block; float: left; }
    .login-bg { background: url(../images/login-bg.png) no-repeat -250px top; }

    .header-desktop { left: 0; }

    .noti-wrap { position: absolute; right: 90px; }

    .account-wrap { position: absolute; right: 20px; }
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 769px) {
    .login-bg { background: none; }

    .header-wrap a.mobilemenu { display: none; }

    .noti-wrap { position: absolute; right: 90px; }

    .account-wrap { position: absolute; right: 20px; }
    .menu-show { display: none; }
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
    .login-bg { background: none; }

    .header-wrap a.mobilemenu { display: none; }

    .noti-wrap { position: absolute; right: 90px; }

    .account-wrap { position: absolute; right: 20px; }
    a.anchor_href { display: none; }
    .header-mobile-inner i:hover { color: black; }
    .popover { width: 300px; }
    #page-content { padding-bottom: 40px; }
    .menu-show { display: none; }
}

.Officeloading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: visible;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

    /* Transparent Overlay */
    .Officeloading:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.7);
    }

    /* :not(:required) hides these rules from IE9 and below */
    .Officeloading:not(:required) {
        /* hide "loading..." text */
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
    }

        .Officeloading:not(:required):after {
            content: '';
            display: block;
            font-size: 10px;
            width: 1em;
            height: 1em;
            margin-top: -0.5em;
            -webkit-animation: spinner 1500ms infinite linear;
            -moz-animation: spinner 1500ms infinite linear;
            -ms-animation: spinner 1500ms infinite linear;
            -o-animation: spinner 1500ms infinite linear;
            animation: spinner 1500ms infinite linear;
            border-radius: 0.5em;
            -webkit-box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 1) 1.1em 1.1em 0 0, rgba(255, 255, 255, 1) 0 1.5em 0 0, rgba(255, 255, 255, 1) -1.1em 1.1em 0 0, rgba(255, 255, 255, 1) -1.5em 0 0 0, rgba(255, 255, 255, 1) -1.1em -1.1em 0 0, rgba(255, 255, 255, 1) 0 -1.5em 0 0, rgba(255, 255, 255, 1) 1.1em -1.1em 0 0;
            box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 1) 1.1em 1.1em 0 0, rgba(255, 255, 255, 1) 0 1.5em 0 0, rgba(255, 255, 255, 1) -1.1em 1.1em 0 0, rgba(255, 255, 255, 1) -1.5em 0 0 0, rgba(255, 255, 255, 1) -1.1em -1.1em 0 0, rgba(255, 255, 255, 1) 0 -1.5em 0 0, rgba(255, 255, 255, 1) 1.1em -1.1em 0 0;
        }

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/*========== Claim Request ==========*/
.claim {
    padding: 0 0 15px 0;
}

.claim-details {
    background-color: #E9E9E9;
    border: 1px solid #CBCBCB;
    margin: 15px 15px;
    border-radius: 10px;
    padding: 15px 5px;
    
}

.claim-element {
    display: flex;
    justify-content: space-between;
}

    .claim-element .form-group {
        margin: 0 10px;
    }


/*========== Loan Request Slider Start==========*/

#ex1Slider .slider-selection {
    background: #BABABA;
}

.slider.slider-horizontal {
    width: 512px !important;
}

.slider-handle {
    box-shadow: 2px 2px 9px 1px #222 !important;
}

.rcorners2 {
    border-radius: 25px;
    border: 2px solid;
    border-color: lightgray;
    padding: 20px;
    /*width: 200px;
            height: 150px;*/
}

.setMainDetStyle {
    border-radius: 25px;
    background: lightgray;
    padding: 20px;
    /*width: 200px;
            height: 150px;*/
}

#divDynamicCaliculationDetails ul li {
    font-size: 13px;
    padding-top: 5px;
    font-weight: normal;
}

#ex1SliderAmount .slider-selection,
#ex1SliderDate .slider-selection {
    background: #BABABA;
}

.slider .tooltip.in {
    opacity: 1;
}

.slider .tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.slider .tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.slider .tooltip.top {
    padding: 5px 0;
}

.slider {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

    .slider.slider-horizontal {
        width: 210px;
        height: 20px
    }

        .slider.slider-horizontal .slider-track {
            height: 10px;
            width: 100%;
            margin-top: -5px;
            top: 50%;
            left: 0
        }

        .slider.slider-horizontal .slider-selection, .slider.slider-horizontal .slider-track-low, .slider.slider-horizontal .slider-track-high {
            height: 100%;
            top: 0;
            bottom: 0
        }

        .slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-handle {
            margin-left: -10px
        }

            .slider.slider-horizontal .slider-tick.triangle, .slider.slider-horizontal .slider-handle.triangle {
                position: relative;
                top: 50%;
                transform: translateY(-50%);
                border-width: 0 10px 10px 10px;
                width: 0;
                height: 0;
                border-bottom-color: #0480be;
                margin-top: 0
            }

        .slider.slider-horizontal .slider-tick-container {
            white-space: nowrap;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%
        }

        .slider.slider-horizontal .slider-tick-label-container {
            white-space: nowrap;
            margin-top: 20px
        }

            .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
                padding-top: 4px;
                display: inline-block;
                text-align: center
            }

        .slider.slider-horizontal.slider-rtl .slider-track {
            left: initial;
            right: 0
        }

        .slider.slider-horizontal.slider-rtl .slider-tick, .slider.slider-horizontal.slider-rtl .slider-handle {
            margin-left: initial;
            margin-right: -10px
        }

        .slider.slider-horizontal.slider-rtl .slider-tick-container {
            left: initial;
            right: 0
        }

    .slider.slider-vertical {
        height: 210px;
        width: 20px
    }

        .slider.slider-vertical .slider-track {
            width: 10px;
            height: 100%;
            left: 25%;
            top: 0
        }

        .slider.slider-vertical .slider-selection {
            width: 100%;
            left: 0;
            top: 0;
            bottom: 0
        }

        .slider.slider-vertical .slider-track-low, .slider.slider-vertical .slider-track-high {
            width: 100%;
            left: 0;
            right: 0
        }

        .slider.slider-vertical .slider-tick, .slider.slider-vertical .slider-handle {
            margin-top: -10px
        }

            .slider.slider-vertical .slider-tick.triangle, .slider.slider-vertical .slider-handle.triangle {
                border-width: 10px 0 10px 10px;
                width: 1px;
                height: 1px;
                border-left-color: #0480be;
                border-right-color: #0480be;
                margin-left: 0;
                margin-right: 0
            }

        .slider.slider-vertical .slider-tick-label-container {
            white-space: nowrap
        }

            .slider.slider-vertical .slider-tick-label-container .slider-tick-label {
                padding-left: 4px
            }

        .slider.slider-vertical.slider-rtl .slider-track {
            left: initial;
            right: 25%
        }

        .slider.slider-vertical.slider-rtl .slider-selection {
            left: initial;
            right: 0
        }

        .slider.slider-vertical.slider-rtl .slider-tick.triangle, .slider.slider-vertical.slider-rtl .slider-handle.triangle {
            border-width: 10px 10px 10px 0
        }

        .slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label {
            padding-left: initial;
            padding-right: 4px
        }

    .slider.slider-disabled .slider-handle {
        background-image: -webkit-linear-gradient(top,#dfdfdf 0,#bebebe 100%);
        background-image: -o-linear-gradient(top,#dfdfdf 0,#bebebe 100%);
        background-image: linear-gradient(to bottom,#dfdfdf 0,#bebebe 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf',endColorstr='#ffbebebe',GradientType=0)
    }

    .slider.slider-disabled .slider-track {
        background-image: -webkit-linear-gradient(top,#e5e5e5 0,#e9e9e9 100%);
        background-image: -o-linear-gradient(top,#e5e5e5 0,#e9e9e9 100%);
        background-image: linear-gradient(to bottom,#e5e5e5 0,#e9e9e9 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5',endColorstr='#ffe9e9e9',GradientType=0);
        cursor: not-allowed
    }

    .slider input {
        display: none
    }

    .slider .tooltip.top {
        margin-top: -36px
    }

    .slider .tooltip-inner {
        white-space: nowrap;
        max-width: none
    }

    .slider .hide {
        display: none
    }

.slider-track {
    position: absolute;
    cursor: pointer;
    background-image: -webkit-linear-gradient(top,#f5f5f5 0,#f9f9f9 100%);
    background-image: -o-linear-gradient(top,#f5f5f5 0,#f9f9f9 100%);
    background-image: linear-gradient(to bottom,#f5f5f5 0,#f9f9f9 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    border-radius: 4px
}

.slider-selection {
    position: absolute;
    background-image: -webkit-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);
    background-image: -o-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);
    background-image: linear-gradient(to bottom,#f9f9f9 0,#f5f5f5 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9',endColorstr='#fff5f5f5',GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px
}

    .slider-selection.tick-slider-selection {
        background-image: -webkit-linear-gradient(top,#89cdef 0,#81bfde 100%);
        background-image: -o-linear-gradient(top,#89cdef 0,#81bfde 100%);
        background-image: linear-gradient(to bottom,#89cdef 0,#81bfde 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef',endColorstr='#ff81bfde',GradientType=0)
    }

.slider-track-low, .slider-track-high {
    position: absolute;
    background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px
}

.slider-handle {
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    background-color: #337ab7;
    background-image: -webkit-linear-gradient(top,#149bdf 0,#0480be 100%);
    background-image: -o-linear-gradient(top,#149bdf 0,#0480be 100%);
    background-image: linear-gradient(to bottom,#149bdf 0,#0480be 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);
    filter: none;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
    border: 0 solid transparent
}

    .slider-handle.round {
        border-radius: 50%
    }

    .slider-handle.triangle {
        background: transparent none
    }

    .slider-handle.custom {
        background: transparent none
    }

        .slider-handle.custom::before {
            line-height: 20px;
            font-size: 20px;
            content: '\2605';
            color: #726204
        }

.slider-tick {
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: -webkit-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);
    background-image: -o-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);
    background-image: linear-gradient(to bottom,#f9f9f9 0,#f5f5f5 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9',endColorstr='#fff5f5f5',GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    filter: none;
    opacity: .8;
    border: 0 solid transparent
}

    .slider-tick.round {
        border-radius: 50%
    }

    .slider-tick.triangle {
        background: transparent none
    }

    .slider-tick.custom {
        background: transparent none
    }

        .slider-tick.custom::before {
            line-height: 20px;
            font-size: 20px;
            content: '\2605';
            color: #726204
        }

    .slider-tick.in-selection {
        background-image: -webkit-linear-gradient(top,#89cdef 0,#81bfde 100%);
        background-image: -o-linear-gradient(top,#89cdef 0,#81bfde 100%);
        background-image: linear-gradient(to bottom,#89cdef 0,#81bfde 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef',endColorstr='#ff81bfde',GradientType=0);
        opacity: 1
    }

/*========== Loan Request Slider End==========*/

/* ======== Horizontal Stopper start ========= */

.md-stepper-horizontal {
    display: table;
    width: 100%;
    margin: 0 auto;
}

    .md-stepper-horizontal .md-step {
        display: table-cell;
        position: relative;
        padding: 0 10px;
    }

        .md-stepper-horizontal .md-step:hover,
        .md-stepper-horizontal .md-step:active {
            background-color: rgba(0,0,0,0.04);
        }

        .md-stepper-horizontal .md-step:active {
            border-radius: 15% / 75%;
        }

        .md-stepper-horizontal .md-step:first-child:active {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

        .md-stepper-horizontal .md-step:last-child:active {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .md-stepper-horizontal .md-step:hover .md-step-circle {
            background-color: #fff;
            color: #17A9A9;
        }

        .md-stepper-horizontal .md-step:first-child .md-step-bar-left,
        .md-stepper-horizontal .md-step:last-child .md-step-bar-right {
            display: none;
        }

        .md-stepper-horizontal .md-step .md-step-circle {
            width: 40px;
            height: 40px;
            margin: 0 auto;
            background-color: rgba(255,255,255,0.6);
            border-radius: 50%;
            text-align: center;
            line-height: 40px;
            font-size: 16px;
            color: #FFFFFF;
        }

    .md-stepper-horizontal.green .md-step.active .md-step-circle {
        background-color: #00AE4D;
    }

    .md-stepper-horizontal.orange .md-step.active .md-step-circle {
        background-color: #fff;
    }

    .md-stepper-horizontal .md-step.active .md-step-circle {
        /*background-color: rgb(33,150,243);*/
        background-color: #217095;
    }

    .md-stepper-horizontal .md-step.done .md-step-circle:before {
        font-family: 'FontAwesome';
        font-weight: 100;
        content: "\f00c";
        /*color: #17A9A9;*/
        color: #fff;
    }

    .md-stepper-horizontal .md-step.done .md-step-circle *,
    .md-stepper-horizontal .md-step.editable .md-step-circle * {
        display: none;
    }

    .md-stepper-horizontal .md-step.editable .md-step-circle {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }

        .md-stepper-horizontal .md-step.editable .md-step-circle:before {
            font-family: 'FontAwesome';
            font-weight: 100;
            content: "\f040";
        }

    .md-stepper-horizontal .md-step .md-step-title {
        margin-top: 16px;
        font-size: 16px;
        font-weight: 600;
    }

    .md-stepper-horizontal .md-step .md-step-title,
    .md-stepper-horizontal .md-step .md-step-optional {
        text-align: center;
        color: #fff;
    }

    .md-stepper-horizontal .md-step.active .md-step-title {
        font-weight: 600;
        color: #fff;
    }

    .md-stepper-horizontal .md-step.active.done .md-step-title,
    .md-stepper-horizontal .md-step.active.editable .md-step-title {
        font-weight: 600;
    }

    .md-stepper-horizontal .md-step .md-step-optional {
        font-size: 12px;
    }

    .md-stepper-horizontal .md-step.active .md-step-optional {
        color: #fff;
    }

    .md-stepper-horizontal .md-step .md-step-bar-left,
    .md-stepper-horizontal .md-step .md-step-bar-right {
        position: absolute;
        top: 20px;
        height: 1px;
        border-top: 1px solid #DDDDDD;
    }

    .md-stepper-horizontal .md-step .md-step-bar-right {
        right: 0;
        left: 50%;
        margin-left: 20px;
    }

    .md-stepper-horizontal .md-step .md-step-bar-left {
        left: 0;
        right: 50%;
        margin-right: 20px;
    }

/* ======== Horizontal Stopper End ========= */

.sptagline-color {
    background: #b1f7ec; /* Old browsers */
    background: -moz-linear-gradient(top, #b1f7ec 0%, #ffffff 76%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #b1f7ec 0%,#ffffff 76%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b1f7ec 0%,#ffffff 76%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1f7ec', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

/*Support desk login image css*/

.support-bg {
    background: #F3F8FF url(../images/support.svg) no-repeat left center;
    height: 100vh;
}

.zoomround-button {
    /*background-color: #04AA6D;*/
    border: none;
    color: white;
    /*padding: 20px;*/
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 6px 2px;
    border-radius: 50%;
}

.iframe_container {
    background-color: #ffffff;
    padding: 0;
    height: 100%;
    width: 100%;
    /*overflow: visible;*/
}

.iframe-transform {
    /*overflow: scroll;*/
    border: 0;
    width: 100%;
    height: 100%;
    transform: scale(1);
    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}