body {
    font-family: "Avenir Next W01",sans-serif;
    font-size: 1.4rem;
    overflow-x: hidden;
    background:#333; margin:0px; padding:0px;
    color: #3d3d3d;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6{
    font-family: inherit;
}
body, html {height:100%;}
.linkHolder {
    color: #616167;
}
a{color:#E50773;}
    a:hover,
    a:focus {
        color: #E50773;
        text-decoration: underline;
    }
.main-container{margin-left:316px; padding-top:84px; max-width:100%; min-height:1000px; padding-bottom:120px; margin-bottom:-120px; background:#f4f4f4;}
.container{max-width:100%;}
.content-container {border: 4px solid #fff; padding:40px; margin-bottom:20px; box-shadow:0 0 12px rgba(0,0,0,.2); background:#fafafa;}
.content-section {max-width:100%; margin:auto;}
header {position:fixed; top:0px; right:0; left:316px; background:#fff; z-index:999; box-shadow:0 2px 4px 0 rgba(0,0,0,.15);}
header .title {color:#86878c; float:left; margin:26px 40px;}
.logout-block {float:right; padding:26px 30px; font-size:14px;}
.logout-block .report-error .fa{color:#e51941; font-size: 20px; padding-top: 2px;}
.user-icon .fa-warning.report-warning{border:2px solid #b0b0b0; color:#b0b0b0;}
header #lnk_logout .fa, .logout-block #lnk_logout {font-size:14px; text-decoration:none;}
header ul,header li{margin:0px; list-style:none; float:left;}
header li{margin:0px; list-style:none; float:left; padding:0 10px; position:relative;}
header .icon-call, header .fa {font-size:17px; color:#616167;}
header .logout-icon {padding:0 4px 0 8px;}
.need-help {color:#86878c;font-size:16px;}
.user-profile:hover > #profile-logout{top:13px; transition-delay: .4s;}
#profile-logout a {color:#fff;}
#profile-logout {top:-999px; right: 12px; position: absolute; z-index: 1060; padding:2px 8px;  text-align:left; box-shadow: none; margin-top:10px; transition-delay: .4s; background:#616167; color:#fff; white-space:nowrap;}
#profile-logout:before {content: ""; border-bottom: 4px solid #616167; border-right: 4px solid transparent; border-left: 4px solid transparent; position: absolute; top: -4px; right: 30px; z-index: 10;}
#profile-logout .fa{color:#fff;}
/*#profile-logout::after { content: ""; border-bottom: 6px solid #ccc; border-right: 6px solid transparent; border-left: 6px solid transparent; position: absolute; top: -6px; right: 28px; z-index: 9;}*/
.content-block {padding-right:321px; position:relative; overflow:hidden; min-height:850px;}
.wizard-container {padding:20px 40px; position:relative;}

.faq-block {width:320px;border-left:1px solid #fff; position:fixed; top:0px; right:0px; height:100%; background:#ededed; box-shadow: 0px 0px 5px #ccc; padding-top:138px; padding-bottom:80px;
     -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-duration: 1.5s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
   -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
}
.faq-scroll-block {overflow-y:auto; max-height:100%;}
.faq-block .title {width:100%; background: #424248; padding-left:30px; font-size:22px; color:#fff; line-height:55px; position:absolute; top:83px;}
.faq-block .panel-group {margin-bottom:0px;}
.faq-block .panel-group .panel + .panel {margin-top:0px;}
.faq-block .panel {border-top:none; border-right:none; border-left:1px solid #fff; border-bottom:1px solid #eee;}
.faq-block .panel-title {font-size:14px; font-weight:300; color:#86878c !important; text-align:justify;}
.faq-block .panel-heading {padding:18px 55px 18px 40px; background:#fff; position:relative;}
.faq-block .panel-collapse {background:#fafafa; border-top-color:#eee; color:#86878c; font-size:14px; text-align:justify;}
.faq-block .number {position:absolute; left:15px; top:20px;}
.faq-block .indicator {position: absolute; top: calc(50% - 13px); right: 20px; padding:5px; /*color:#67b9e8;*/}
.faq-block .panel-heading > a > h4 i {font-size:100%;}
.btn-faq, .faq-block .icon {display:none; position:absolute; right:5px; top:-13px;}
.container-loading {padding-left: 316px; padding-right: 320px; top: 82px; left:0px; right:0px;}
.container-loading > .container { width: auto !important; margin: 20px 40px; padding: 0px; max-width:100%;}


.navigation-block {height:78px; border-top:1px solid #dddddd; padding:23px 82px 39px 100px; display:block; background:#fff; box-shadow:0 -2px 4px 0 rgba(0,0,0,.15); position:relative; z-index:999; width:100%;}
.navigation-block .btn-link-combo{font-size:22px;}
.navigation-block .btn-link-combo:last-child{margin-right:15px;}
button:focus, button:active {outline: none; border: none;}

/*Footer styles*/
.sidebar  {height:auto}
footer {width:100%; padding:0px 36px; background: #292A2B; color: #fff; z-index:99; font-size:14px; position:relative; border-top: 6px solid #E50773;}
footer .social-icon {padding-top:27px;}
.copyright {line-height:85px; text-align:center;}
.social-icon a {color:#292A2B;}
a:hover {color:#BE2B76}
.social-icon a:hover {
    color: #292A2B;
}
.social-icon .fa-inverse {color:#E0E0E7;}
footer .vcard p {line-height:22px;}
.footer-pos {position:absolute;}
.vcard a{color: #E0E0E7;}
.vcard a:hover{color: #fff; text-decoration:none;}
/*Left navigation styles*/
.aw-leftnav.sidebar {z-index:99;}
.aw-leftnav{width:316px; color:#686868;}
.aw-leftnav > .logo > a{max-height:none; padding:17px 15px; height:inherit; margin: auto;}
.aw-leftnav > .logo > a img{height:48px; visibility: hidden;}
.aw-leftnav ul{border-top:1px solid #555555}
.aw-leftnav .aw-task{border:1px solid #555555; border-top:none;}
.aw-leftnav .aw-task div{padding:19px 50px 19px 59px; border-left:3px solid #333333; position:relative;}
.aw-leftnav .aw-task i{position:absolute; top:20px; left:18px; font-size:2em;}
.aw-leftnav .aw-task h4{margin:0px; font-size:16px;}
.aw-leftnav .aw-task h5{margin:10px 0 0 0;}
.aw-leftnav .aw-task i, .aw-leftnav .aw-task h4, .aw-leftnav .aw-task h5{color:#686868;}
.aw-task .icon{position:absolute; top:20px; right:20px; width:20px; height:20px; background:#686868;}
.aw-leftnav .aw-task b{position:absolute; font-size:1em; left:3px; top:2px; display:none; color:#E50773;}
.aw-leftnav .aw-task i.icon-users, .aw-leftnav .aw-task i.icon-employees {left:11px;}

.aw-leftnav .aw-task-active{border-left:1px solid #E50773;}
.aw-leftnav .aw-task-active div{border-left:3px solid #E50773;}
.aw-leftnav .aw-task-active i, .aw-leftnav .aw-task-active h4, .aw-leftnav .aw-task-active h5{color:#ffffff;}

.active-symbol {cursor:pointer;}
.aw-leftnav .aw-task-completed i, .aw-leftnav .aw-task-completed h4, .aw-leftnav .aw-task-completed h5{color:#ffffff;}
.aw-leftnav .aw-task-completed .icon{background:#FFFFFF;}
.aw-leftnav .aw-task-completed b{display:block;}

.aw-task-progress{overflow:hidden; padding:16px 5px; border-top:1px solid #555555}
.aw-task-progress .progress{background:#222222; border-radius:12px; margin:0px; position:relative; color:#fff;}
.aw-task-progress .progress-bar{background:#E50773;}
.paddingright0{padding-right:0;}
.progress-text {position:absolute; z-index:3; width:100%; text-align:right; padding-right:10px; }

.welcome-note .user-icon i{border-radius:50%; border:2px solid #424248; color:#424248; font-size:2em; width:52px; height:52px; line-height:50px;}
.welcome-note h3{color:#424248; margin:14px 0 18px 0; font-weight:700;}
.welcome-note p:last-child{margin-bottom:30px;}
.video-list p{margin:35px 0 22px 0;}
.video-list img {max-width:205px;}
.video-list img, .video-display img {border:4px solid #fff; box-shadow:0 0 8px rgba(0,0,0,.2);}
youtubelink {display:inline-block;}
youtubelink .video-title {font-size:16px; padding:10px;}


/*Get Start styles*/
.content-container ul{padding:0px; margin:0px; list-style:none;}
.content-container .get-start-grid li{padding:16px 60px; position:relative; text-align:left; margin:0px; border-bottom:1px solid #dddddd; list-style:none !important;}
.content-container.setup-holiday .get-start-grid li:nth-child(2) {padding-right:0px;}
.content-container.setup-holiday .get-start-grid li:first-child .desc-text{margin-bottom:25px;}
.content-container .get-start-grid li:nth-child(2) .desc-text {padding-top:18px;}
.content-container .get-start-grid li:last-child{border:0px;}
.content-container .get-start-grid .icon-block{border-radius:50%; border:2px solid #424248; height:40px; width:40px; display:block; padding:3px;}
.content-container .get-start-grid i{color:#424248; font-size:1.4em; padding-top:5px;}
.content-container .get-start-grid p i {color:#424248; cursor:pointer;}
.content-container .get-start-grid p i:hover, .active-icon {color:#424248 !important;}
ul.get-start-grid {margin:-16px 0 -26px 0;}
.get-start-grid .icon-block {position:absolute; left:3px; top:16px; text-align:center;}
.get-start-grid li p{margin-bottom:20px; font-size:14px; text-align:justify;}
.get-start-grid .switch {position:absolute; right:2px; top:18px;}
.get-start-grid li .desc-text{width:100%; display:inline-block; margin-top:-10px; font-size:14px; display:none;}
.switch-toggle:checked + label{background:#424248;}
.switch-toggle + label {background:#9E9EA4;}

.content-container .get-start-grid i.icon-users {font-size:1.7em; padding:4px 0px;}

.team-block #tree-section {width:100%; background:#fff; padding-top:10px; padding:0px;}
.team-block #tree-section .content-header span:first-child{display:none;}
.team-block .full-screen-view .tree-panel {z-index:9; background:#fff; min-height:1000px;}
#tree-section.full-screen-view {position: fixed; top: 85px; left: 15px; right: 15px; bottom: 58px; z-index: 1000; width:auto;wizard-employee}
.tree-panel .content-header {padding:0px; height:34px; position:absolute;}
.tree-panel .content-header i {font-size: 18px; background: #424248; width: 31px; height: 31px; margin-right: 1px; text-align: center; line-height: 30px; color: #fff; margin-left:0; margin-top:2px;}
.tree-panel .content-header i.fa-expand, .tree-panel .content-header i.fa-compress {background:#E50773;}
.tree-panel .tree-toolbox {right:1px; top:30px;}
.tree-panel .tree-toolbox .btn-info:nth-child(3) {display:none;}
.tree-panel .content-header .action-icon-separator {margin-right: -5px !important; width: 0px !important; border: 0px;}
.tree-panel #Tree-Diagram {padding-top:34px;}
.tree-roots-elements .tree-parent .node-employeelist .italic {font-style:italic;color:#E50773;}
.upload-logo h1{margin:0px; font-weight:300; font-size:40px; color:#575756;}
.upload-logo h4{color:#86878c; font-size:14px;}
.upload-logo h1.or-block {margin:20px 0; font-weight:normal;}
.upload-logo .upload-holder{color:#fff; font-size:1em; float:none; margin:auto;}

.upload-image-blcok {width:242px; min-height:242px; text-align:center; line-height:240px; position:relative; background:#fff; border:1px solid #ccc; margin:0 auto 45px auto; box-shadow:0 0 8px rgba(0,0,0,.2);}
.upload-image-blcok a {position:absolute; right:-10px; top:-10px;}
.upload-image-blcok img {max-width:100%; height:auto;}
.btn-margin {margin:50px 0;}

.terms-container {height:680px; overflow:auto;}
.terms-container i {color:#7fc395;}
.terms-container h1 {margin-top:-10px;}
.terms-container .checkbox {margin:0px; }
.terms-block div:nth-child(2) {display:none;}

.check-box [type="checkbox"]{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.check-box [type="checkbox"]:focus+label::before,[type="checkbox"]:hover+label::before,{border-color:#646464}
.check-box [type="checkbox"]:active+label::before{-webkit-filter:brightness(0.2);filter:brightness(0.2);transition-duration:0}
.check-box [type="checkbox"]+label{padding:10px;padding-left:2em;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle; font-weight:700;}
.check-box [type="checkbox"]+label::before{border:2px solid #646464;box-sizing:content-box;color:#616167;content:'';height:14px;left:0;margin-top:-9px;position:absolute;text-align:center;top:50%;width:14px}
.check-box [type="checkbox"]+label::after{background-color:#616167;box-sizing:content-box;content:'';height:10px;left:4px;margin-top:-5px;position:absolute;top:50%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50%;transform-origin:50%;transition:-webkit-transform 200ms ease-out;transition:transform 200ms ease-out;transition:transform 200ms ease-out, -webkit-transform 200ms ease-out;width:10px}
.check-box [type="checkbox"]+label::after{background-color:transparent;border-color:#616167;border-image:none;border-style:solid;border-width:0 0 3px 3px;height:3px;left:4px;margin-top:-4px;top:50%;-webkit-transform:rotate(-45deg) scale(0);transform:rotate(-45deg) scale(0);transition:none;width:8px}
.check-box [type="checkbox"]:checked+label::before{-webkit-animation:borderscale 200ms ease-in;animation:borderscale 200ms ease-in}
.check-box [type="checkbox"]:checked+label::after{border-color: #E50773;content:'';-webkit-transform:rotate(-45deg) scale(1);transform:rotate(-45deg) scale(1);transition:-webkit-transform 200ms ease-out;transition:transform 200ms ease-out;transition:transform 200ms ease-out, -webkit-transform 200ms ease-out}
@-webkit-keyframes borderscale{50%{box-shadow:0 0 0 2px #616167}
}
@keyframes borderscale{50%{box-shadow:0 0 0 2px #616167}
}
.terms-container .check-box label {font-weight:700; font-size:16px;}

.setup-employee .row i{font-size:4.5em;}
.setup-employee .content-container {padding:0px;}
.icon-wizard {border: 4px solid #fff; box-shadow: 5px 5px 6px #ccc; background:#fafafa;}
.icon-wizard h1{background:#67b9e8; color:#fff;margin:0; padding:20px;}
.icon-wizard .fa {border:4px solid #67b9e8; border-radius:65px; width:105px; height:105px; margin:40px; line-height:100px; color:#67b9e8;}
.setup-employee ul {padding:0px; list-style:none;}
.setup-employee li {padding:6px 0px 6px 30px; position:relative;}
.setup-employee li .btn-link-combo{left:0px; top:10px; position:absolute;}
.setup-employee .btn-link-combo {height:19px; padding:0 17px 0 0; line-height:19px;}
.setup-employee .btn-link-combo .icon {height:19px; width:18px; font-size:12px;}
.setup-employee h5{font-weight:700; margin:35px 0 20px;}
.btn-list-device#menubuttons-list div:first-child {display:inline;}
/*.wizard-employee .section-header .col-sm-6{float:right;}*/
.alert.alert-dismissable.align-to-top{
    top:20px;
    right: 40px;
    left: 40px;
    width: auto;
    max-width:100%;
}


.fixed-class {position:fixed; bottom:0px; z-index:999;}
.tooltip-inner{max-width:320px;}
.container-loading {z-index:9999 !important;}

.modal-dialog .text-right #Btn_save {cursor:pointer;}
.setup-holiday p{margin-top:10px;}
.setup-holiday.content-container .get-start-grid .icon-block{top:22px;}
.setup-holiday ul li:first-child{padding-left:0px; padding-right:0px;}
.setup-holiday .cal-block i {font-size:inherit; padding-top:3px;}
.setup-holiday .setup-cal {width:300px; position:absolute; right:2px; top:10px;}
.setup-holiday .setup-cal .dropdown-menu .btn-default {border:none; font-size:11px;}
.setup-holiday ul.dropdown-menu li:first-child {padding:2px;}
.setup-holiday .input-group-btn > .btn.btn-default {background:#eee;}
.setup-holiday ul.dropdown-menu .h6 {font-size:11px;}

.setup-holiday .setup-cal .from-block {margin-bottom:5px;}
.setup-holiday .setup-cal .control-label{width:100%; text-align:left;float:left; padding-right:15px;}
.video-display, .video-list {position:relative; margin-bottom:20px;}
.video-display .fa-youtube-play, .video-list .fa-youtube-play {position:absolute; top:50%; left:50%; font-size:50px; color:#ff0000; background-size:100%; z-index:9; margin-top:-45px; margin-left:-25px; cursor:pointer;}
.video-display .fa-youtube-play:before, .video-list .fa-youtube-play:before {z-index:2; position:absolute;}
.video-display .fa-youtube-play:after, .video-list .fa-youtube-play:after { content: ''; background: #fff; width: 30px; height: 30px; position: absolute; left: 16px; top: 7px; z-index:1;}
.linkHolder img {cursor:pointer;}


.wizard-employee .breadcrumb-bar, .wizard-preview .breadcrumb-bar, .wizard-employee #Btn_viewImportHistory, .wizard-employee #Btn_back, .wizard-preview #Btn_viewImportHistory {display:none !important;}
.wizard-employee ul {margin-top:20px 0 10px 0;}
.wizard-employee li {padding:0px; margin: 0 0 5px 40px; border:none; list-style:disc !important;}
.wizard-employee #table_empBluckGroup li {margin:0px; list-style:none !important;}
.wizard-employee .multiselect-container.dropdown-menu li a label {font-weight:300;}
.wizard-employee .multiselect-container.dropdown-menu li:first-child a label {font-weight:700;}
.wizard-employee .pagination > li {margin:0px;}
.wizard-employee .form-horizontal .upload {margin-top:10px;}
.show-wizard {display:block !important;}
.wizard-employee .section-header a:hover{cursor:pointer;}
.wizard-employee .well {margin-bottom:0px;}
.wizard-employee #Table_employeeList tr td:first-child {padding:12px 1px;}
.wizard-preview .dropdown-menu {min-width:200px; max-height:350px; overflow-y:auto;}
.wizard-preview h2 {margin-top:0px;}
.emp-screen-view {position: relative;}
.full-screen-preview {position: fixed; top: 85px; left: 15px; right: 15px; bottom: 58px; z-index: 99; }
.emp-screen-view .fa-expand {
    font-size: 18px;
    background: #E50773;
    width: 31px;
    height: 31px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    cursor:pointer;
    position:absolute;
    top:0px;
    right:0px;
}

/*.wizard-employee i{font-size:1em; color:#fff;}
.wizard-employee .row:first-child, .wizard-employee #Btn_viewImportHistory, .wizard-employee #Btn_back {display:none;}
.wizard-employee .well {padding: 0px; margin-bottom: 0px; background-color: transparent; border: 0px solid #ededed; border-radius: 0; -webkit-box-shadow:none; box-shadow:none;}
.wizard-employee h2 {margin-top:0px;}
.wizard-employee .btn-file input[type="file"] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 999px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: 0; background: #fff;cursor: inherit; display: block; margin: 0;}
.wizard-employee .upload-holder { float: left; width: 150px; margin-top:20px;}
.wizard-employee li {padding:0px; margin: 0 0 5px 15px; border:none; list-style:disc !important;}
.wizard-preview .ng-table-filters{display:none!important;}
.wizard-preview .scroll-tablegrid > .table > thead > tr > th:nth-child(-n+3), 
.wizard-preview .scroll-tablegrid.fixed-col-4 > .table > thead > tr > th:nth-child(-n+4) {z-index: 0;}
.wizard-preview .scroll-tablegrid > .table > tbody > tr > td:nth-child(-n+3), .wizard-preview .scroll-tablegrid.fixed-col-4 > .table > tbody > tr > td:nth-child(-n+4) { margin-top: 4px; }
.wizard-preview .breadcrumb-bar, .wizard-preview #Btn_viewImportHistory{display:none;}*/

.confirmation-block .aw-task-progress {border:0px; padding-top:0px;}
.confirmation-block .aw-task-progress .progress {background:#86878c; height:35px; padding:0px; border-radius:20px;}
.confirmation-block .aw-task-progress .progressbar {height:35px; background:#E50773;}
.confirmation-block .progress-text {line-height:35px; position:absolute; top:0px; padding-left:10px;}
.confirmation-block li {border:1px solid #ddd; margin-top:8px; padding:0px; text-align:left; font-size:22px; color:#424248;}
.confirmation-block li:first-child {margin-top:0px;}
.confirmation-block p {margin-bottom:0px;}
.confirmation-grid .row-block {padding:0 50px 0 65px; line-height:57px; position:relative;}
.confirmation-grid .icon {position:absolute; height:28px; width:28px; right:15px; color:#E50773; background:#FFFFFF; text-align:center; top:15px; border: 1px solid #9E9EA5;}
.confirmation-grid .icon i{position:relative; top:-18px; font-size:14px; color: #E50773}
.confirmation-grid .icon i.fa.fa-chevron-right{font-size: inherit; color: #FFFFFF}
.confirmation-grid .icon-block {position:absolute; left:0px; line-height:57px; text-align:center; color:#424248; width:65px; font-size:36px;}

.confirmation-block .description{margin-top:0px; font-size:16px; border-top:1px solid #ddd; padding:20px; color:#86878c;}
.confirmation-grid .description .icon {top: 0; position: absolute; right: 0; height: 31px; width: 30px; background-color: #BE2B76;
    color: #FFFFFF; border: 1px solid #BE2B76;}
.confirmation-grid .description .complete-task .icon {top: 0; position: absolute; right: 0; height: 31px; width: 30px; background-color: #BE2B76;
    color: #FFFFFF;}
.confirmation-grid .description .icon i{top: auto;}
.confirmation-grid .description button {margin-top: 10px;}
.confirmation-grid .description {display:none;}

.confirmation-grid .pending .description {display:block;}
.confirmation-grid .pending .row-block, .confirmation-grid .pending .icon-block {color:#424248;}
.confirmation-grid .pending .row-block .icon {background:#E0E0E7;}
.confirmation-grid .pending .fa-check:before {content:"\f00d";}

.employee-block .responsive-table .form-control {width:50%; margin:auto; white-space:nowrap;}
.spacer-blcok {width:1px; height:1px; position:fixed; bottom:0px;}
.employee-block .btn-back {margin:20px 0;}
.welcome-note p.ng-scope, .welcome-note p {text-align:justify;}

.send-login-block .breadcrumb-bar, .send-login-block .section-header {display:none;}
.section-header .btn-sm-display #Btn_view.btn-link-combo-info.show-wizard {display: inline-block !important; margin: 20px 0 !important; max-width: 200px;}

.wizard-container ul {padding-left:12px;}
.wizard-container li {list-style-type: disc; padding-left:10px;}
.wizard-container ul.dropdown-menu{padding:0;}
/*.wizard-container ul.dropdown-menu {
    padding-left:10px;
    padding-right:10px;
}
.wizard-container .dropdown-menu li a {
    padding-left: 0px;
}*/
.wizard-container .dropdown-menu li {
    list-style:none !important;
    padding-left:0px;
    margin:5px 0 0 0;
}
.wizard-container ul.dropdown-menu li:first-child{margin-top:0;}
@media only screen and (max-height:875px) {
    .sidebar {position: absolute; }
    .sidebar > .logo {position:fixed; background:#292A2B; z-index:99; width:inherit; border-bottom:1px solid #555555; height:85px;}
    .aw-task-progress {margin-top:83px;}
    .full-screen-preview .scroll-tablegrid.visible {max-height:300px; min-height:initial;}
}


@media only screen and (min-width:768px) and (max-width:1024px){
    .sidebar {position: fixed; }
    .sidebar > .logo {position:static; background:#292A2B; z-index:99; width:auto; border-bottom:none; height:auto;}
    .aw-task-progress {margin-top:auto;}
    .aw-leftnav > .logo > a img {height:37px;}
    .sidebar {width:220px !important;}
    .main-container{margin-left:220px; padding-top:50px;}
    .content-block {padding-right:0px;}
    .dt-view {display:none;}
    header li {padding:0 6px;}
    header .title {font-size:17px; margin:15px;}
    .logout-block {padding:17px 15px;}
    .aw-leftnav {width:220px;}
    header{left:220px;}
    .aw-leftnav .aw-task div{padding:10px 30px 10px 40px;}
    .aw-leftnav .aw-task i{left:6px; top:10px; font-size:1.8em;}
    .aw-leftnav .aw-task i.icon-users, .aw-leftnav .aw-task i.icon-employees{left:2px; top:10px; font-size:1.8em;}
    .aw-task .icon{right:8px; top:15px; width:15px; height:15px;}
    .aw-leftnav .aw-task b{font-size:.8em; left:2px; top:2px;}
    .aw-leftnav .aw-task h5{font-size:12px;}
    .aw-leftnav .aw-task h4{font-size:14px;}
    .aw-task-progress{padding:10px 5px;}
    .aw-task-progress .col-md-5{margin-bottom:5px;} 
    .aw-leftnav > .logo > a{width:auto !important; padding:8px 15px 9px 15px;}
    .faq-block .title{top: 55px;}
    .faq-block {padding-top:136px; position:fixed; z-index:99;
    -webkit-transform: translate(320px,0);
    -moz-transform: translate(320px,0);
    -o-transform: translate(320px,0);
    -ms-transform: translate(320px,0);
    transform: translate(320px,0);

    }
    .transform-faq{-webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
    }
    .faq-block .title {padding:12px 15px;}
    .faq-block .title i{font-size:16px;}
    .faq-block .icon {cursor:pointer;}
    .content-block img{max-width:100%;}
    .btn-faq {position:fixed; top:55px; right:0px;}
    .btn-faq, .faq-block .icon {display:block;}
    .navigation-block .btn-link-combo .text {display:block;}
    .container-loading {left:220px !important; right:40px; overflow:hidden;}
    .setup-holiday .setup-cal {position:relative; white-space:nowrap; }
    .modal-content .modal-body iframe {max-width:100%;}
    .need-help, header .icon-call {font-size:14px;}

    .wizard-employee h2.has-icon-device #buttons_menu {display: none !important;}
    .wizard-employee .btn-link-combo span.text{display: none !important;}
    .wizard-employee .btn-link-combo .icon {display:block !important; }
    .wizard-employee .col-sm-7 {width:100%;}
    .btn-sm-display .btn-link-combo, btn-sm-display .btn-link-combo.btn-link-icon-left{ margin:20px 35px !important;}
    .wizard-employee h2.has-icon-device {margin:0px;}
}

@media only screen and (min-width:1400px) {
    .employee-block .content-block-md {width:60%; margin:auto;}
}
@media only screen and (max-width:1399px) {
    .terms-container .checkbox {float:left !important; margin-bottom:15px;}
}
@media only screen and (max-width:1475px){
    .setup-holiday .setup-cal{
        position: static;
        width: 100%;
        display: inline-block;
    }
    .wizard-employee .form-horizontal .upload {width:100%;}
    .wizard-employee .show-wizard {margin-bottom:10px;}
    .content-container .get-start-grid li:nth-child(2) .desc-text {padding-top:0px;}
}

.accordion-vault .accordion-open > .panel-heading{background-color: #424248;}
.panel.theme-blue .panel-body, .accordion-b .panel-body{    background: #fff;
    box-shadow: 0 8px 18px 0 rgba(0,0,0,0.09); border:none;}

.select-multiplebox {
    min-height: 32px;
    overflow: visible !important;
}
.select-multiplebox div {
    overflow: visible !important;
}

    .select-multiplebox .btn-group {
        border: 1px solid #b7b7b7;
        /*height: 32px;*/
    }

        .select-multiplebox .btn-group .multiselect {
            height: 30px;
        }

.user-multiselectbox .select-multiplebox .btn-group {
    width: 120px !important;
}


.select-multiplebox .btn-group .btn {
    float: none !important;
    width: 100%;
    background-color: #fff;
}

.multiselect-container.dropdown-menu li a {
    padding: 0px;
    background-color: #E0E0E7;
    color: #292A2B;
}
    .multiselect-container.dropdown-menu li a:hover {
        background-color: #9E9EA5;
    }

    .multiselect-container.dropdown-menu li a label {
        padding: 5px 10px 5px 30px;
        margin-bottom: 0px !important;
        text-align: left !important;
        min-height: inherit;
        white-space: normal;
        padding-right: 10px;
    }

        .multiselect-container.dropdown-menu li a label input {
            margin-top: 2px;
        }

.form-group.error .multiselect-container.dropdown-menu li a label {
    color: #333;
}
.multiselect-container.dropdown-menu {
    background: #fff;
    border: 1px solid #ccc;
    width: 100%;
}

.multiselect-container.dropdown-menu {
    background: #fff;
    border: 1px solid #ccc;
    width: 100%;
    margin-top: 38px;
    border-radius: 0px;
}
.success-col {
    max-width:20px !important;
    padding: 0px !important;
    vertical-align:middle !important;
}
.success-col .sucess-msg {
    top: 0px !important;
    right: 0px !important;
    left: 0px !important;
    padding: 0px !important;
    color:green;
    font-size:20px;
}
.error-text {
    color: #df0000
}