.btn {
    transition: all 0.3s ease 0s;
}

body,
html {
    font-size: 14px;
    background: #f3f3f3;
}

.justify-content-end {
    justify-content: end;
}

.d-flex {
    display: flex;
}

[id*="quote-"] {
    display: none;
}

html {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

#wrapper {
    position: relative;
    width: 100%;
}

.add-warehouse-form .common_checkbox {
    height: auto !important
}

#catID {
    /*1895*/
    height: 40px;
}

#qr {
    padding: 10px;
}

.qr_handler p:last-child {
    margin-left: 9px;
    position: relative;
    bottom: 10px;
}

a {
    color: #15548A;
}

.mrgnright {
    margin-right: 5px;
}

#sortlist span:hover {
    color: #962067;
    transition: 0.5s;
}

.graphStorageName:hover {
    color: green;
    transition: 0.5s;
}

.warehouseName {
    cursor: pointer;
}

.coldroomName {
    cursor: pointer;
}

.categoryName {
    cursor: pointer;
}

.productName {
    cursor: pointer;
}

.productName a {
    text-decoration: none;
}


/*#wrapper {
	min-height: 619px;
}*/

span.withdrew.green {
    color: green;
}

.navbar.navbar-default.nav-products {
    border-bottom: 0 none !important;
}

.btn.btn-sm.btn-default.timeFrames.active {
    background: #962067;
    box-shadow: none;
    color: white;
}

.btn.btn-sm.btn-default.timeFrames.active.fiveYear {
    border-right: 1px solid #ccc;
}

.section-min-height {
    background-color: white;
    border-radius: 6px;
    margin-top: 80px;
    min-height: 580px;
    padding: 20px;
}


/************* Pagination css ***************************************/


/************* For General Setting ***********************************/

.settings-form .form-group {
    position: relative;
    margin-bottom: 20px;
}


/********************************************************************/


/************* For General Setting ***********************************/

.settings-form .form-group {
    position: relative;
    margin-bottom: 20px;
}


/********************************************************************/


/*.panel-users .panel-body {
  padding-top: 45px;
}
*/

.graphLeft .progress-bar.progress-bar-striped {
    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 30px 30px;
    -webkit-background-size: 30px 30px;
}

.graphLeft .progress {
    float: left;
    width: 80%;
}

.filling-progress {
    float: left;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    padding-left: 10px;
    width: 20%;
}

.time-frame {
    padding-left: 58px;
}

.time-frame button {
    border-radius: 0;
    border-right: 0 none;
    float: left;
}

.allframes {
    background: #962067;
    border: 1px solid #962067;
    color: #fff;
    border-radius: 0;
    text-transform: uppercase;
}

.allframes:hover,
.allframes:active,
.allframes:focus,
.allframes:active:focus,
.allframes:active:hover {
    background: rgb(0, 196, 255);
    border-color: rgb(0, 196, 255);
    outline: medium none;
    box-shadow: none;
    color: rgb(255, 255, 255);
}

.graphCapacity {
    color: #962067;
    font-size: 20px;
    line-height: 0.7;
    padding: 20px 0px 50px;
}

.graphStorageName {
    margin-top: 3px;
    margin-bottom: 3px;
    display: block;
    clear: both;
    font-weight: 600;
    cursor: pointer;
}

.graphLeft .progress {
    border-radius: 10px !important;
    margin-bottom: 10px !important;
}

ul.nav.navbar-right.location li {
    margin-top: 5px;
    min-height: 36px !important;
    overflow: hidden;
    vertical-align: top;
}

ul.nav.navbar-right.location {
    padding-top: 0 !important;
}

li.location {
    background-color: #fff;
    border: 1px solid #000;
    margin-right: 3px;
    margin-top: 6px;
    max-height: 31px;
    min-width: 277px;
}

.location-dropdown {
    margin-top: 6px !important;
    width: 277px;
}

.nodata-found {
    padding-top: 58px;
}

.location select {
    padding-top: 7px;
}

li.goBtn input[type="submit"] {
    background-color: #962067;
    border: 0 none;
    color: #fff;
    font-weight: 600;
    height: 34px;
    min-width: 85px;
    padding: 7px 15px;
    position: relative;
    text-align: center;
    top: 1px;
}

.container.customContainer {
    padding-left: 0;
    padding-right: 0;
}

.container ul {
    border-left: 0 none !important;
}

.graphData .nav {
    padding: 5px;
}

.customContainer .navbar-header {
    padding-top: 5px;
}

.panel-users .pagination.pull-right>ul {
    list-style: outside none none;
    padding: 0;
}

.panel-users .pagination.pull-right li {
    background: #962067 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    float: left;
    padding: 3px 10px;
}

.panel-users .pagination li.active {
    background: #333 none repeat scroll 0 0;
}

.panel-users .pagination.pull-right a {
    color: #fff;
}


/************************************************************************/

.add-warehouse-form .btn-group {
    width: 100%;
}

.add-warehouse-form .multiselect.dropdown-toggle.btn {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e4e4e4;
    border-radius: 0;
    box-shadow: 1px 1px 2px 0 rgba(228, 228, 228, 1);
    color: #808080;
    height: 40px;
    text-align: left;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 25px;
}

.add-warehouse-form b {
    position: absolute;
    right: 15px;
    top: 18px;
}

.add-warehouse-form .multiselect-container.dropdown-menu {
    max-height: 150px;
    overflow: auto;
    width: 100%;
}

.multiselect-container>li>a>label {
    white-space: normal;
}

.multiselect-container>li.active>a>label {
    color: #fff;
}


/* Admin Login Page */

#product-img>p {
    margin: 0;
}

.custom-upload.img-error {
    border-radius: 50%;
    box-shadow: 0 0 5px 0 rgba(255, 0, 0, 1);
}

.signup-page {
    background: url("../images/login-bg.png") repeat;
    padding: 130px 95px 0;
    position: relative;
}

.signup-page>.login-section {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.modal-dialog {
    width: 300px;
}

.modal-footer {
    margin: 0;
}

.modal-footer .btn {
    font-weight: bold;
}

.modal-footer .progress {
    display: none;
    height: 32px;
    margin: 0;
}

.input-group-addon {
    color: #fff;
    background: #3276B1;
}

.login-section .modal.fade {
    display: block;
    opacity: 1;
}

.signup-sec {
    background-color: #ffffff;
    margin: 30px auto;
    outline: 0 none;
    position: relative;
    width: 460px;
    border-radius: 4px;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1)
}

.head-logo {
    display: block;
    position: relative;
    text-align: center;
    width: 300px;
}

.signup-sec .head-logo img {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -36px;
}

.signup {
    border-bottom: 0 none;
}

.signup h4 {
    color: #000000;
    font-size: 24px;
    margin-top: 15px;
    padding-left: 15px;
    text-align: left;
    line-height: 1.1;
}

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

.signup-sec input.form-control {
    border-color: #e4e4e4;
    color: #363636;
    font-size: 13px;
    font-weight: 400;
    height: 40px;
    border-radius: 0;
    position: relative;
}

.login-input button {
    background: #962067;
    box-shadow: none;
    border: 0px;
    border-radius: 3px;
    color: #fff;
    padding: 7px 10px;
    font-size: 14px;
    width: 160px;
}

.signup-sec input.form-control:-moz-placeholder {
    color: #bebebe;
}

.signup-sec input.form-control::-moz-placeholder {
    color: #bebebe;
}

.signup-sec input.form-control:-webkit-input-placeholder {
    color: #bebebe;
}

.signup-sec input.form-control:-moz-placeholder {
    color: #bebebe;
}

.signup-sec .form-group {
    position: relative;
    margin-bottom: 22px;
}

.bottom-section.mrgspace {
    margin-bottom: 0px!important;
    line-height: 23px;
}

.signup-sec .modal-footer.no-margin {
    display: inline-block;
    margin-top: 0;
    padding: 0 0 0 30px;
    width: 40%;
}

.signup-sec .modal-footer .btn-primary {
    background: none repeat scroll 0 0 #e5e5e5;
    border: 0 none;
    font-size: 20px;
    padding: 8px 28px 10px;
    text-shadow: none;
}

.signup-sec .modal-footer {
    border: 0 none;
    text-align: left;
}

.login-btn {
    display: inline-block;
    padding: 0 30px 0 0;
    text-align: right;
    width: 59%;
}

.bottom-section {
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 22px;
    padding-bottom: 22px;
}

.bottom-section .checkbox label {
    color: #363636;
    font-size: 13px;
}

.login-btn .btn.btn-primary {
    background: #005284;
    border: medium none;
    border-radius: 3px!important;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    color: #fff;
    font-size: 12px;
    position: relative;
    padding: 0;
    width: 115px;
    height: 42px;
    text-transform: uppercase;
}

.btn-primary:hover {
    color: #fff;
    background-color: #a23293!important;
    border-color: #204d74;
}

.modal-footer a {
    color: #010101;
    font-size: 13px;
    text-decoration: none;
}

.modal-footer.bottom-content {
    color: #010101;
    font-size: 13px;
    margin-top: 0;
    line-height: 24px;
}

.modal-footer a.sign-up-link {
    color: #00c4ff;
}

.form-group>#logincompany_message {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f00;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
    color: #f00;
    padding: 11px;
    position: absolute;
    top: 0;
    width: 100%;
    height: 40px;
}

.form-group>#loginemail_message {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f00;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
    color: #f00;
    padding: 11px;
    position: absolute;
    top: 0;
    width: 100%;
    height: 40px;
}

.form-group>#loginpassword_message {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f00;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
    color: #f00;
    padding: 11px;
    position: absolute;
    top: 0;
    width: 100%;
    height: 40px;
}


/* Dashboard */

.admin-nav {
    background: #a23293;
    /* border-color: #dcdcdc; */
    border-radius: 0;
    min-height: 0;
    max-height: 65px;
    box-shadow: 0px 1px 15px #00000066;
}

.admin-nav .navbar-brand {
    padding: 8px 25px;
    height: auto;
}

.admin-nav .navbar-brand>img {
    display: inline-block;
    max-width: 100%;
    max-height: 30px
}

.admin-nav .navbar-brand .dasboard-name {
    font-size: 13px;
    color: #232323;
    padding: 5px 25px 0;
}

.separator {
    height: 1px;
    width: 100%;
    background: #4c4c4c;
    position: absolute;
    display: none;
    top: 50px;
}

.sidebar-search {
    float: left;
    width: 40.8%;
}

.sidebar-search .btn {
    border-left: 0;
    background: #fff url(../images/search.png) no-repeat center center;
    height: 34px;
    width: 46px;
}

.admin-nav .input-group.custom-search-form {
    height: 35px;
    padding: 7px;
    min-width: 93%;
    margin-left: 38px;
}

.admin-nav .input-group.custom-search-form .form-control {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.admin-nav .input-group.custom-search-form .form-control::-moz-placeholder {
    color: #bebebe;
    padding-left: 30px;
}

.sidebar-search input {
    box-shadow: none;
    padding: 6px 20px;
    font-size: 16px;
}

.admin-nav .nav.navbar-top-links.navbar-right {
    background: #a23293;
    padding: 0;
}

.admin-nav .navbar-right a {
    color: #fff;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: #962067;
}

.profile-manager a {
    background: url(../images/admin-avatar.png) no-repeat 15px 50%;
    padding-left: 35px;
    font-weight: 600;
}

.navbar-top-links li.profile-manager>a {
    padding: 22px 56px;
}

.profile-manager .dropdown-menu.dropdown-user a {
    color: #363636;
}

.admin-nav .nav>li>a:focus,
.admin-nav .nav>li>a:hover {
    background: no-repeat left center;
    outline: none
}

.admin-nav .nav>li.profile-manager a:hover {
    background: url(../images/admin-avatar.png) no-repeat 15px 50%;
}

.admin-nav .nav>li.profile-manager a:hover,
.admin-nav .nav>li.profile-manager a:focus,
.admin-nav .nav>li.profile-manager a:active {
    background: url(../images/admin-avatar.png) no-repeat 15px 50%;
}

.navbar-top-links .dropdown-user {
    width: 100%;
}

.admin-nav .input-group.custom-search-form .input-group-btn button {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.view-capacity {
    background: #962067 none repeat scroll 0 0;
    color: #fff;
    height: 100%;
    text-transform: uppercase;
    min-width: 270px;
    text-align: center;
}

.view-capacity a {
    font-size: 12px;
}

.admin-nav .navbar-top-links li:last-child {
    margin: 0;
}

#page-wrapper {
    background: #F3F3F3;
    border: none !important;
    margin-left: 275px !important;
    margin-top: 100px !important;
    padding: 0 30px 70px 0;
}

.sidebar {
    /* margin-top: 77px !important; */
    width: 240px !important;
    background: #fff;
    height: 100vh;
    box-shadow: 1px 5px 7px #00000012;
}

.logo-header {
    display: block;
    width: 100%;
    height: 65px;
    /* padding: 0px; */
}

a.logo-header .dasboard-name {
    font-size: 9px;
}

.logo-header img {
    width: 75px;
}

.profile-manager .dropdown-toggle>span.user-cat {
    font-size: 13px;
}

.profile-manager .dropdown-toggle>span {
    font-size: 10px;
    margin-left: 5px;
}

.admin-nav #side-menu>li a {
    border-left: 5px solid transparent;
    /* margin-bottom: 1px; */
}

.admin-nav #side-menu li>a>i {
    margin-right: 15px;
    font-size: 19px;
    width: 20px;
    height: 15px;
}

.admin-nav #side-menu>li.active {}

.admin-nav #side-menu li.active>a {
    background: #a23293;
    color: #fff;
}

.admin-nav #side-menu>li a {
    display: block;
    position: relative;
    color: #383838;
    font-size: 14px;
    padding: 15px 0;
    padding-left: 15px;
    font-weight: 600;
    transition: all 0.3s ease-in-out;
}


/* .admin-nav #side-menu>li a:hover {
    background: #a23293;
    color: white;
    padding-left: 20px;
} */

.admin-nav #side-menu>li>ul {
    padding: 0;
}

.admin-nav #side-menu>li ul {
    background: url(../images/down-arrow.png) no-repeat 20px 14px;
}

.admin-nav #side-menu>li ul li ul {
    list-style: none;
    padding-left: 0;
    margin-left: 15px;
}

.admin-nav #side-menu>li ul li a {
    padding-left: 30px;
}

.common-top-sec {
    background: #FFF url(../images/dashboard-top-sec.png) no-repeat left center;
    border-radius: 4px;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
    padding-left: 35%;
    height: 116px;
    width: 100%;
}

.common-top-content {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.link-action a {
    display: inline-block;
    margin: 0 5px 0 0;
    /* text-indent: -9999px; */
    vertical-align: middle;
}

.edit-link {}

.delet-link {}

.block-link {}

.common-top-content>p {
    color: #686868;
    font-size: 16px;
    width: 88%;
}

.dashboard-tiles {
    margin: 40px 0;
}

.dashboard-tiles .panel {
    margin: 0;
    min-height: 245px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.dashboard-tiles .panel-first {
    background: #62dbff url(../images/tile-1.png) no-repeat right bottom;
}

.dashboard-tiles .panel-second {
    background: #962067 url(../images/tile-2.png) no-repeat right bottom;
}

.dashboard-tiles .panel-third {
    background: #383838 url(../images/tile-3.png) no-repeat right bottom;
}

.dashboard-tiles .huge {
    font-size: 60px;
    line-height: 1;
    margin-bottom: 3px;
}

.panel.panel-normal {
    margin-bottom: 30px;
}

.panel-normal .panel-heading {
    color: #962067;
    font-size: 20px;
    line-height: 0.7;
    padding: 51px 25px 35px;
}

.panel-normal th {
    padding: 8px 10px !important;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
}

.panel-normal th:first-child {
    text-align: left;
}

.panel-normal td {
    padding: 23px 10px !important;
    text-align: center;
    text-transform: capitalize;
    color: #363636;
}

.panel-normal td:first-child {
    text-align: left;
}

.time {
    color: #696969;
    margin-left: 7px;
}

.panel-normal a {
    text-decoration: none;
}

.withdrew {
    color: #ee5656;
}

.put-in {
    color: #2c9937;
}

.withdrew:hover {
    color: #ee5656;
}

.put-in:hover {
    color: #2c9937;
}

.accepted {
    color: #2c9937;
}

.pending {
    color: #ad8c1a;
}

.footer {
    background: #dbdbdb none repeat scroll 0 0;
    color: #e2e2e2;
    margin-top: 21px;
    padding: 0 20px;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.copyright {
    padding: 10px 0;
    line-height: 20px;
    height: 40px;
    font-weight: bold;
}

.margin-left {
    margin-left: 5px;
}


/* Users Page */

.btn.btn-default:hover {
    background: #79aa38;
}

.btn-shadow {
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}

.panel.panel-users {
    margin-bottom: 0px;
    margin-top: 0;
    border-top: 1px solid #f9f9f9;
    border-radius: 5px;
    border: none!important;
}

.panel.panel-users::after {
    clear: both;
}

.panel.panel-users::after,
.panel.panel-users::before {
    content: "";
    display: table;
}

.panel-users .panel-heading {
    color: #565656;
    font-size: 10px;
    background-color: #ffffff;
    padding: 12px 20px;
    width: 100%;
    float: left;
    border-bottom: 1px solid #cfcfcf;
    position: static;
    /* margin-bottom: 15px; */
}

.panel-users .panel-body {
    float: left;
    width: 100%;
}

.panel-users .panel-heading h3 {
    margin: 0px;
}

.edit-user .panel-heading {
    padding: 15px 20px;
}

.panel-users .actionbtn {
    display: inline-block;
    width: 204px;
}

.block-btn {
    float: left;
}

.link-action-content {
    display: flex;
    justify-content: space-evenly;
    background: white;
    padding: 6px 0px!important;
    /* margin: 10px 0; */
    border-radius: 50px;
    border-top: none;
    box-shadow: 1px 1px 4px #d5d5d5;
}

.add-user {
    background: #962067;
    float: right;
    color: #fff;
    width: auto;
    box-shadow: inset 1px 1px 3px #5c5c5c4d;
    border-radius: 7px;
    min-width: 95px;
    font-size: 12px;
    padding: 9px 15px 9px 15px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
}

.add-user:focus {
    color: #fff !important;
}

.add-user:hover {
    color: #fff;
    text-decoration: none;
}

.delete-user {
    background: #c01f24;
    float: right;
    color: #fff;
    width: auto;
    min-width: 95px;
    font-size: 12px;
    padding: 9px 15px 9px 15px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
}

.delete-user:hover {
    color: #fff;
    text-decoration: none;
}

.user-block {
    float: left;
    min-height: 220px;
    padding: 10px 5px;
    text-align: center;
    width: 20%;
    overflow: hidden;
}

.user-thumb {
    height: 150px;
    width: 150px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
}

.user-thumb img {
    border: 4px solid #d7d7d7;
    border-radius: 50%;
    height: 100%;
    width: 100%;
}

.users-overlay {
    background: rgba(0, 196, 255, 0.72) url(../images/users-hover.png) no-repeat center center;
    border-radius: 50%;
    display: block;
    height: 150px;
    position: absolute;
    top: 0px;
    width: 150px;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.user-block:hover .users-overlay {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.user-name {
    color: #272727;
    font-size: 14px;
    letter-spacing: 0.5px;
    padding: 10px;
    text-transform: uppercase;
}

.user-block:hover .user-name {
    color: #962067;
}


/* Add User Page */

.addcompanylogo {
    display: block;
    width: 100%;
}

.add-user-img-box {
    background: #cfcfcf none repeat scroll 0 0;
    border-radius: 50%;
    float: left;
    height: 108px;
    margin: 30px 70px 35px 15px;
    position: relative;
    width: 108px;
    display: inline-block;
}

.add-user-img-box>img {
    border-radius: 50%;
    height: 100%;
    width: 100%;
}

.add-user-form {
    float: left;
}

.rightcompanylogo {
    float: right;
}

.add-user-form .form-group {
    margin-bottom: 20px;
    position: relative;
}

.companyedit-wrap .add-user-form .form-group {
    width: 100%;
    float: left;
}

.companyedit-wrap .spalshlogo {
    float: right;
}

.add-user-form label {
    color: #505050;
    font-size: 14px;
    font-weight: 400;
}

.add-user-form input {
    border: 1px solid #e4e4e4;
    border-radius: 0;
    box-shadow: 1px 1px 2px 0 rgba(228, 228, 228, 1);
    color: #808080;
    font-size: 13px;
    height: 40px;
}

.add-user-form .btn.btn-default {
    background: #962067 none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 0;
    color: #fff;
    float: right;
    font-size: 12px;
    height: 40px;
    margin-left: 10px;
    text-transform: uppercase;
    width: 114px;
    transition: all ease-in .5
}

.add-user-form .btn.btn-default:hover {
    background-color: #962067;
}

.add-user-form .btn.btn-cancel {
    background: #434343 none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    float: right;
    font-size: 12px;
    height: 40px;
    text-transform: uppercase;
    width: 114px;
}

.custom-upload {
    background: url(../images/add-user.png) no-repeat center center;
    background-size: 95% auto;
    cursor: pointer;
    height: 100%;
    width: 100%;
}

.custom-upload input {
    left: -9999px;
    position: absolute;
}


/* User Detail Page */

.edit-img {
    height: 37px;
    width: 37px;
    background: #962067 url(../images/edit.png) no-repeat center center;
    position: absolute;
    bottom: 25px;
    right: 25px;
    border-radius: 50%;
    cursor: pointer;
}

.addcompanylogo .edit-img {
    height: 30px;
    width: 30px;
}

.edit-img input {
    left: -9999px;
    position: absolute;
}

.panel-users .panel-heading .btn.btn-default {
    background: #eb3e16 url("../images/delete-user-bg.png") no-repeat scroll 12px center;
    border: medium none;
    border-radius: 0;
    color: #fff;
    font-size: 12px;
    height: 33px;
    letter-spacing: 0.7px;
    padding: 8px 0 6px 30px;
    text-align: center;
    text-transform: uppercase;
    width: 138px;
}

.btn.btn-default.delete-product {
    width: 170px !important;
}

.add-user-form input input {
    -webkit-text-security: square;
    -moz-text-security: square;
}


/*select drop down for model form*/

.add-user-form .form-group select {
    background: url('../images/selectarrow.png') no-repeat;
    background-position: 370px 17px;
    border: thin groove;
}


/* Warehouse Page */

.location-body {
    margin-bottom: 30px;
    position: relative;
    float: left;
    width: 100%;
    background-color: #fff;
}

.location-body .col-lg-4 {
    padding-left: 20px;
    padding-right: 5px;
    width: 31.5%;
}

.locations-sec .form-group {
    margin-bottom: 24px;
}

.locations-sec p {
    background: #f2f2f2 none repeat scroll 0 0;
    border: 1px solid #e4e4e4;
    border-radius: 0;
    box-shadow: none;
    color: #4a4a4a;
    float: left;
    font-size: 13px;
    height: 39px;
    line-height: 24px;
    padding: 6px 20px;
    width: 73%;
    white-space: nowrap;
}

.edit-loc {
    background: #f2f2f2 url("../images/edit-location.png") no-repeat scroll center center;
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
    float: left;
    height: 39px;
    width: 38px;
}

.del-loc {
    background: #f2f2f2 url("../images/remove-location.png") no-repeat scroll center center;
    border: 1px solid #e4e4e4;
    float: left;
    height: 39px;
    width: 38px;
}

.add-warehouse-form {
    float: left;
    margin: 0 10px 40px;
    width: 395px;
}

.form-group {
    margin-bottom: 20px;
    position: relative;
}

.form-group label {
    color: #505050;
    font-size: 14px;
    font-weight: 400;
}

.add-warehouse-form input {
    border: 1px solid #e4e4e4;
    border-radius: 0;
    box-shadow: 1px 1px 2px 0 rgba(228, 228, 228, 1);
    color: #808080;
    font-size: 13px;
    height: 40px;
}

.btn.btn-default {
    background: #8bc53f none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 0;
    color: #fff;
    float: right;
    font-size: 12px;
    height: 40px;
    margin-left: 10px;
    text-transform: uppercase;
    width: 114px;
}

.btn.btn-cancel {
    background: #434343 none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    /*float: right;*/
    font-size: 12px;
    height: 40px;
    text-transform: uppercase;
    width: 114px;
}

.form-group>#warehouse-name-unused {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f00;
    bottom: 0;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
    color: #f00;
    height: 40px;
    padding: 11px;
    position: absolute;
    width: 100%;
}

.form-group>#warehouse-capacity-unused {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f00;
    bottom: 0;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
    color: #f00;
    height: 40px;
    padding: 11px;
    position: absolute;
    width: 100%;
}

.msg-box {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    color: #bbff61;
    font-size: 14px;
    font-weight: 600;
    left: 20px;
    padding: 5px 15px;
    /*position: absolute;*/
    top: -20px;
}

.warehouse-msg-light {
    color: #8BC53F;
    font-size: 13px;
    font-weight: 600;
}


/* Forgot Password Page */

.forgot-password-page {
    background: #62dbff none repeat scroll 0 0;
    padding: 95px 95px 213px;
}

.forgot-password-btn {
    display: inline-block;
    padding: 0 30px 0 0;
    text-align: right;
    width: 100%;
}

.forgot-password-btn .btn.btn-primary {
    background: #8bc53f none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #fff;
    font-size: 12px;
    height: 42px;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    width: 115px;
}

.forgot-password-page .bottom-section {
    border: medium none;
    padding-bottom: 30px;
}

.forgot-password-page .signup-sec {
    padding-bottom: 0;
}


/* Settings Page */

.settings-form {
    float: left;
    margin: 20px 10px 30px;
    max-width: 100%;
}

.settings-form label {
    color: #505050;
    font-size: 14px;
    font-weight: 400;
}

.form-control {
    border: 1px solid #e4e4e4;
    border-radius: 0;
    box-shadow: 1px 1px 2px 0 rgba(228, 228, 228, 1);
    color: #808080;
    font-size: 13px;
    height: 40px;
}

.settings-form .btn.btn-default {
    background: #8bc53f none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    float: right;
    font-size: 12px;
    height: 40px;
    margin-right: 15px;
    text-transform: uppercase;
    width: 114px;
}

.settings-separator {
    height: 1px;
    width: 100%;
    background: #e4e4e4;
    margin: 15px 0 25px;
}

.change-password-title {
    color: #962067;
    font-size: 16px;
    line-height: 0.7;
    padding-bottom: 35px;
}

.settings-form .form-group.col-md-6 {
    padding-left: 0;
}

.settings-form .radio input {
    height: auto;
    box-shadow: none;
}

.settings-form .radio input:focus {
    outline: none;
}

.settings-form .radio>label {
    color: #808080;
    font-size: 13px;
    line-height: 20px;
}

.change-password-link {
    color: #808080;
}

.change-password-link>a {
    color: #962067;
    text-decoration: none;
}


/* Change Password Page */

.change-password-page {
    background: #62dbff none repeat scroll 0 0;
    padding: 103px 90px 71px;
}

.change-password-btn {
    display: inline-block;
    padding: 0 30px;
    text-align: right;
    width: 100%;
}

.change-password-btn .btn.btn-primary {
    background: #8bc53f none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #fff;
    display: inline;
    font-size: 12px;
    height: 42px;
    margin-left: 5px;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    width: 115px;
}

.change-password-btn .btn.btn-cancel {
    background: #434343 none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    display: inline;
    font-size: 12px;
    height: 42px;
    padding: 0;
    text-transform: uppercase;
    width: 115px;
}

.change-password-page .bottom-section {
    border: medium none;
    padding-bottom: 30px;
}

.change-password-page .signup-sec {
    padding-bottom: 0;
}


/* Log History Page */

.panel.panel-normal.panel-log-history {
    margin: 40px 0 30px;
}


/* Products Page */

.container-fluid.product-page-wrapper {
    padding-left: 8px;
    padding-right: 25px;
}

.navbar.navbar-default.nav-products {
    background: transparent;
    border: none;
    border-bottom: 1px solid #ededed;
    border-radius: 0;
    margin: 0 0 24px;
    min-height: 40px;
}

.nav-products .container-fluid {
    padding: 0;
}

.nav-products .navbar-brand {
    display: none;
}

.nav-products .collapse.navbar-collapse {
    padding: 0;
}

.nav-products .nav.navbar-nav.navbar-left>li {
    margin-right: 10px;
    margin-top: 10px;
}

.navbar-default.nav-products li>a {
    background: #e9e9e9;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #5d5d5d !important;
    font-size: 14px;
    height: 30px;
    min-height: 40px;
    padding: 10px 43px;
    text-transform: uppercase;
}

.navbar-default.nav-products li>a:hover,
.navbar-default.nav-products li>a:focus {
    background: #e9e9e9;
}

.navbar-default.nav-products .active>a {
    background: #962067 none repeat scroll 0 0 !important;
    color: #fff !important;
}

.product-sec {
    border: 1px solid #d7d7d7;
    font-size: 14px;
    margin: 14px 0;
    max-height: 117px;
    min-height: 117px;
}


/*.product-img {
border-bottom: 3px solid #e8e8e8;
max-height: 180px;
min-height: 180px;
overflow: hidden;
text-align: center;
position: relative;
}
*/

.product-img>img {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.product-img>img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.product-info {
    padding: 15px;
}

.product-title {
    color: #962067;
    font-size: 20px;
    line-height: 1;
    margin-bottom: 10px;
}

.product-category-tag {
    color: #000;
}

.product-category-tag>p {
    background: #d2d2d2 none repeat scroll 0 0;
    border-radius: 4px;
    float: left;
    height: 25px;
    padding: 3px 10px;
    text-align: center;
}

.product-unit {
    color: #363636;
    float: left;
}

.product-weightage {
    color: #363636;
    float: right;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 12px 10px;
    vertical-align: middle
}

.table.session-view-table>tbody>tr>td,
.table.session-view-table>tbody>tr>th,
.table.session-view-table>tfoot>tr>td,
.table.session-view-table>tfoot>tr>th,
.table.session-view-table>thead>tr>td,
.table.session-view-table>thead>tr>th {
    padding: 10px 5px !important;
}


/* .table>tbody>tr>td img {
    max-height: 40px;
} */

.table>tbody>tr>th {
    text-transform: uppercase
}

.table-striped>tbody>tr:nth-of-type(n+1) {
    background: #f9f9f9;
}

.table-striped>tbody>tr:nth-of-type(2n+1) {
    background: #fff;
}


/* Add Products Page */

.form-group>#product-name {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f00;
    bottom: 0;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
    color: #f00;
    height: 40px;
    padding: 11px;
    position: absolute;
    width: 100%;
}

.form-group>#product-quantity {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f00;
    bottom: 0;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
    color: #f00;
    height: 40px;
    padding: 11px;
    position: absolute;
    width: 100%;
}

.form-group #product-volume {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f00;
    bottom: 0;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
    color: #f00;
    height: 40px;
    padding: 11px;
    position: absolute;
    width: 100%;
}

.seriesClass.form-group #product-volume {
    width: 86%;
}

.form-group>#product-img {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f00;
    bottom: 0;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
    color: #f00;
    height: 40px;
    padding: 11px;
    position: absolute;
    width: 80%;
}

.upload-img-group .input-group-addon {
    background: #ececec;
    border: 1px solid #e4e4e4;
    border-radius: 0;
    color: #303030;
    font-size: 12px;
    padding: 0;
    text-transform: uppercase;
}

.upload-img-group .input-group {
    box-shadow: 1px 1px 2px 0 rgba(228, 228, 228, 1);
}

.upload-img-group input {
    background: #fff !important;
    box-shadow: none;
}

.custom-upload-product-img {
    cursor: pointer;
    font-size: 12px !important;
    margin: 0;
    padding: 12px 25px;
}

.custom-upload-product-img input {
    left: -9999px;
    position: absolute;
}

.form-select {
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    background: #ffffff;
    overflow: hidden;
    border: 1px solid #cbcbcb;
    border-radius: 0;
    position: relative;
}

.form-select:focus {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.form-select:after {
    content: url(../images/product-dropdown.png);
    position: absolute;
    top: 0;
    right: 12px;
    z-index: 1;
    color: #bbbbbb;
    line-height: 38px;
    font-size: 14px;
}

.ie .form-select:after {
    display: none;
}

.location .form-select::after {
    color: #bbbbbb;
    content: url("../images/product-dropdown.png");
    font-size: 14px;
    line-height: 30px;
    position: absolute;
    right: 12px;
    top: 0;
    z-index: 1;
}

select {
    -moz-appearance: none;
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #888888;
    cursor: pointer;
    display: block;
    outline: medium none;
    padding: 7px 10px 7px 5px !important;
    position: relative;
    text-overflow: "";
    width: 100%;
    z-index: 2;
    -webkit-appearance: none;
}

select[multiple=multiple] {
    height: auto;
    border: 1px solid #cbcbcb;
    border-radius: 3px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), inset 0 0 10px rgba(0, 0, 0, 0.07);
    -moz-transition: box-shadow 0.2s;
    -o-transition: box-shadow 0.2s;
    -webkit-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}

select[multiple=multiple]:hover {
    border-color: #cccccc;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

select option[disabled] {
    color: #eeeeee;
    text-shadow: none;
    border: none;
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #888888;
}

select::-ms-expand {
    display: none;
}

#product-img {
    border: 1px solid;
    color: #ff0000;
    left: 0;
    padding: 10px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.remove_error {
    background: #fff none repeat scroll 0 0;
}

.remove_error p {
    color: red
}

#product-category {
    background: #fff none repeat scroll 0 0;
    border: 1px solid;
    color: #ff0000;
    height: 100%;
    left: 0;
    padding: 10px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}


/* My Profile Page */

.add-warehouse-form .separator {
    background: #e6e6e6 none repeat scroll 0 0;
    display: block;
    margin: 40px 0;
    position: relative;
}

.panel-heading.change-password-title.clearfix {
    padding-top: 0;
}


/**************company-detail********/

.borderbtm {
    /* position: relative; */
}

.borderbtm:after {
    /* content: "";
    position: absolute;
    width: 100%;
    background-color: #962067;
    top: auto;
    height: 2px;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: auto; */
}

.panel-heading .tiltle {
    color: #15548A!important;
    font-weight: 600;
    margin: 0px;
    font-size: 20px;
}

#breadcrumbs {
    padding: 0;
    margin: 0;
    height: 30px;
    line-height: 30px;
    /* line-height MUST be the same as height */
    list-style-type: none;
}

#breadcrumbs li {
    float: left;
    /*ie6/7 needs this */
    margin-right: 12px;
}

#breadcrumbs a {
    float: left;
    position: relative;
    padding: 0 8px 0 0px;
    color: #848484;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    outline: none;
}

#breadcrumbs .active a {
    color: #6d8dab;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
}

#breadcrumbs a:after {
    position: absolute;
    display: block;
    line-height: 0px;
    height: 0px;
    width: 0px;
    right: 0px;
    top: 50%;
    content: ">";
}

#breadcrumbs li:last-child a:after {
    display: none;
}

.compantdetail-wrap {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 37px 31px 37px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0px 2px 0px #dadedf;
}

.compantdetail-wrap .company-total-features {}

.compantdetail-wrap .company-total-features .item {
    border-radius: 5px;
    height: 127px;
    color: #fff;
    font-family: sans-serif;
    font-size: 15px;
    padding: 17px 10px 5px 15px;
    position: relative;
}

.blue-bg {
    background-color: #00c0ef;
}

.red-bg {
    background-color: #f6796a;
}

.green-bg {
    background-color: #2bd185;
}

.yellow-bg {
    background-color: #f9b13f;
}

.shadow {
    box-shadow: 1px 4px 11px 2px #dcdcdc;
    /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.company-total-features .item.totaluser {
    position: relative;
}

.company-total-features .item.totaluser:after {
    position: absolute;
    content: "";
    bottom: 0px;
    right: 16px;
    display: inline-block;
    background: #00c0ef url(../images/totaluser-icon.png) no-repeat;
    height: 76px;
    width: 91px;
}

.company-total-features .item .title {
    width: 100%;
}

.company-total-features .item.totalproduct {
    position: relative;
}

.company-total-features .item.totalproduct:after {
    position: absolute;
    content: "";
    bottom: 0px;
    right: 16px;
    display: inline-block;
    background: url(../images/totalproduct.png) no-repeat;
    width: 76px;
    height: 73px;
}

.company-total-features .item.totalprogram {
    position: relative;
}

.company-total-features .item.totalmodule {
    position: relative;
}

.company-total-features .item.totalprogram:after {
    position: absolute;
    content: "";
    bottom: 0px;
    right: 16px;
    display: inline-block;
    background: url(../images/total-program.png) no-repeat;
    width: 45px;
    height: 69px;
}

.company-total-features .item .totalmodule:after {
    position: absolute;
    content: "";
    bottom: 0px;
    right: 16px;
    display: inline-block;
    background: url(../images/totalmodule.png);
    height: 69px;
    width: 48px;
}

.company-total-features .item .infotext {
    display: block;
}

.company-total-features .item .total-score {
    text-align: left;
    font-size: 40px;
    float: left;
    width: 100%;
    line-height: 37px;
    display: block;
    z-index: 1;
    position: relative;
    word-break: break-all;
}

.company-total-features .item .title h3 {
    position: relative;
    z-index: 1;
    font-size: 15px;
    display: inline-block;
    margin: 0px;
    line-height: 0px;
    word-break: break-all;
}

.companydetailinfo-wrap {
    margin-top: 19px;
    padding: 37px 31px 37px;
    background-color: #fff;
    border-radius: 5px;
    border-bottom: 1px solid #dadedf;
    box-shadow: 0px 2px 0px #dadedf;
}

.companydetailinfo-wrap .comany-info .detail-left ul {
    list-style: none;
    padding: 0px;
}

.companydetailinfo-wrap .comany-info .detail-left ul li {
    padding: 12px 5px;
    display: block;
}

.spalsh-wrap ul {
    list-style: none;
    padding: 0px;
}

.spalsh-wrap ul li {
    padding: 12px 5px;
    display: block;
}

.spalsh-wrap ul li label {
    color: #737373;
    font-size: 15px;
    display: inline-block;
    width: 207px;
    padding-left: 15px;
    font-weight: normal;
    vertical-align: middle;
}

.companydetailinfo-wrap .comany-info .detail-left ul li label {
    color: #737373;
    font-size: 15px;
    width: 139px;
    display: inline-block;
    width: 200px;
    padding-left: 15px;
    font-weight: normal;
    vertical-align: middle;
}

.companydetailinfo-wrap .comany-info .detail-left ul li span {
    color: #252525;
    font-weight: bold;
    display: inline-block;
}

.companydetailinfo-wrap .comany-info .detail-left ul li:nth-child(odd) {
    background-color: #f8f8f8;
}

.comany-info .company-logo {
    float: right;
    width: 100%;
    /* padding-bottom: 12px; */
    text-align: center;
    /* border: 1px solid #ecf0f1; */
    /* border-top: 1px solid #696969; */
    max-height: 238px;
    height: 238px;
    border-top: none;
}

.comany-info .dertail-right .item {
    display: table;
    height: 100%;
    width: 100%;
    position: relative;
}

.comany-info .dertail-right .item:after {
    background-color: #696969;
    text-align: center;
    height: 50px;
}

.comany-info .dertail-right .item .vartical-middle {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.comany-info .dertail-right .item .vartical-middle img {
    margin-top: 45px;
}

.comany-info .dertail-right .item .vartical-top {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #a23293;
    width: 100%;
    color: #fff;
    height: 43px;
    border: 1px solid #a23293;
}

.comany-info .dertail-right .item .vartical-top h6 {
    text-transform: uppercase;
    line-height: 20px;
    font-size: 15px;
}

.item {
    box-shadow: 1px 1px 3px #eee;
}


/******dashboard************/

.dashboard-header .item {
    border-radius: 5px;
    height: 50px;
}


/***  Background Color ***/

.whitebg {
    background-color: #fff;
}

.lightbluebg {
    background-color: #58b6ef;
}

.lightgray {
    background-color: #5d5d5d;
}

.dark-blue {
    background: #962067;
}

.dark-red {
    background: #c01f24;
}

.green {
    background: #1fc08d;
}

.skyblue {
    background: #93d7ff;
}


/***  End Background Color ***/

.light-shadow {
    box-shadow: 0 0 0 0 rgba(90, 113, 208, 0.11), 0 4px 16px 0 rgba(167, 175, 183, 0.33);
}

.page_title {
    margin-top: 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    margin-left: 5px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    margin-right: 5px;
    letter-spacing: 2px;
    color: #464646;
    border-bottom: 1px solid #757575;
    text-transform: uppercase;
    font-size: 15px;
}

.dashboard-item {
    background: white;
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 28px;
    min-height: 320px;
}

.border-bottom-blue {
    border-bottom: 6px solid #a23293;
}

.border-bottom-green {
    border-bottom: 6px solid #4dc94f;
}

.border-bottom-orange {
    border-bottom: 6px solid #ff861f;
}

.border-bottom-gray {
    border-bottom: 6px solid #777777;
}

.border-bottom-lblue {
    border-bottom: 6px solid #8ac9ff;
}

.border-bottom-dblue {
    border-bottom: 6px solid #1a5e98;
}

.border-bottom-violet {
    border-bottom: 6px solid #de91c6;
}

.dashboard-header .item:hover {
    transform: scale(1.03);
}

.dashboard-header .item {
    border-radius: 5px;
    height: 151px;
    color: #464646;
    font-family: sans-serif;
    font-size: 15px;
    padding: 17px 10px 5px 15px;
    margin-bottom: 30px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    transition: all 0.3s ease;
}

.dashboard-header .item>p {
    align-self: center;
    justify-self: right;
    margin-right: 11px;
    font-weight: bolder;
    font-size: 36px;
    color: #00000066;
    transition: all 0.3s ease;
}

.dashboard-header .item .infotext {
    display: block;
}

.dashboard-header .item .total-score {
    text-align: left;
    font-size: 57px;
    font-weight: bold;
    float: left;
    width: 100%;
    line-height: 37px;
    display: block;
    z-index: 1;
    position: relative;
    word-break: break-all;
}

.dashboard-header .item .title {
    width: 100%;
    float: left;
    margin-top: 9px;
}

.dashboard-header .item .title h3 {
    position: relative;
    font-family: 'Open Sans', sans-serif;
    z-index: 1;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: inline-block;
    margin: 0px;
    line-height: 0px;
    word-break: break-all;
}

.dashboard-header {
    /* margin-top: 24px; */
    float: left;
    width: 100%;
}

.dashboard-header .col-sm-6 {
    /*padding: 0;*/
}

.dashboard-wrap {
    float: left;
    margin-bottom: 20px;
    width: 100%;
    border-radius: 5px;
    /*border-bottom: 1px solid #dadedf;*/
    /*box-shadow: 0px 2px 0px #dadedf;*/
    padding: 0px 15px;
}

.dashboard-header .item.totalcompany {
    position: relative;
}

.dashboard-header .item.totalcompany:after {
    position: absolute;
    content: "";
    bottom: 0px;
    right: 16px;
    display: inline-block;
    background: #58b6ef url(../images/totalcompany-icon.png) no-repeat;
    height: 120px;
    width: 133px;
}

.dashboard-header .item.acuzinuser {
    position: relative;
}

.dashboard-header .item.acuzinuser:after {
    position: absolute;
    content: "";
    bottom: 0px;
    right: 0px;
    display: block;
    background: #5d5d5d url(../images/acuzin-user.png) no-repeat bottom right;
    height: 100%;
    width: 100%;
}

.report-panel {
    float: left;
    width: 100%;
    border-bottom: 2px solid #962067;
    background-color: #f9f9f9;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px 5px;
    margin-top: 43px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.dashboard-wrap .report-panel .right {
    float: right;
}

.selectcompany {
    float: left;
    width: 139px;
    border: 1px solid #dddddd;
    margin-right: 16px;
}

.selectprogram {
    float: left;
    width: 164px;
    border: 1px solid #dddddd;
    margin-right: 16px;
}

.selectproduct {
    float: left;
    width: 164px;
    border: 1px solid #dddddd;
    margin-right: 16px;
}

.report-panel .title h3 {
    color: #962067;
    font-weight: bold;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    margin: 0px;
    line-height: 29px;
}

.report-panel .title h3.step-no {
    text-align: right;
}

.report-panel select {
    height: 36px;
    box-shadow: none;
    border: 1px solid rgba(228, 228, 228, 0.15);
    position: relative;
    color: #000;
    font-weight: 600;
}

.report-panel .droparrow {
    position: relative;
}

.report-panel .droparrow:after {
    position: absolute;
    content: "";
    right: 13px;
    background: url(../images/dropdownarrow.png) no-repeat;
    width: 16px;
    height: 8px;
    top: 46%;
    z-index: 2;
}

.filter-btn {
    background-color: #962067;
    padding: 8px 27px;
    float: right;
}

.filter-btn a {
    color: #fff;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
}

.dashboard-table {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 15px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0px 2px 0px #dadedf;
}

.report-panel-info {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 15px;
}

.report-panel-info table>thead>tr>th {
    text-transform: uppercase;
    color: #000;
    font-weight: 800;
    text-align: center;
}

.report-panel-info table>thead>tr>th:first-child {
    text-align: left;
}

.report-panel-info table>tbody>tr>td:nth-of-type(1) {
    text-align: left;
}

.report-panel-info table>tbody>tr>td {
    padding: 19px 10px;
    text-align: center;
}

.paginationwrap {
    float: right;
}

.addactive {
    color: #2fa917;
}

.inactive {
    color: #c82c2c;
}


/*********companyeditform*******/

.companyedit-wrap {
    padding: 15px 20px;
}

.companyedit-wrap .comany-info {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.companyedit-wrap .comany-info .dertail-right {
    margin-top: 19px;
}

.paginationwrap .pagination ul>li:firstchild {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #962067;
    text-decoration: none;
    background-color: #fff;
}


/*****staticmangement**/

.staticmgtdrahg-wrap {
    background-color: #ecf0f1;
}

.dragleftcontent ul {
    margin-bottom: 0px;
    list-style: none;
    margin: 0px 20px;
    padding: 0px;
    display: block;
    text-align: center;
}

.dragleftcontent ul>li {
    display: inline-block;
    margin-bottom: 20px;
    float: left;
}

.dragleftcontent .item {
    border: 1px solid #eeeeee;
    border-radius: 5px;
    height: 66px;
    min-height: 91px;
    width: 98px;
    text-align: center;
    padding: 24px 0px 10px;
    background-color: #fff;
}

.dragcontentwrap {
    background-color: #f9f9f9;
    margin: 0px 15px;
    padding: 0px;
}

.dragleftcontent {
    background-color: #f9f9f9;
    padding: 24px 0px;
}

.panel.panel-users.dargheading .panel-heading .tiltle a {
    color: #962067;
}

.dragleftcontent .item p {
    font-size: 12px;
    color: #000;
    margin-top: 5px;
    line-height: 13px;
}

div#droppable {
    width: 100%;
    border: 1px dotted #eeeeee;
    background-color: #fefefe;
    margin-bottom: 30px;
    text-align: center;
}

div#droppable img {
    width: 100%;
}

.draggable img {
    height: 23px;
    cursor: pointer;
}

.ui-draggable-dragging {
    width: 50px;
    height: 50px;
}

hr {
    height: 0;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.13);
    border-top: 1px solid rgba(0, 0, 0, 1);
    margin: 9px 10px 9px 0;
    clear: both;
}

.links {
    margin: 10px 10px 10px 0;
}

.links a {
    display: inline-block;
    padding: 3px 15px;
    margin: 7px 10px;
    background: #444;
    text-decoration: none;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.links a:hover {
    background: #eb3755;
    color: #fff;
}

.draggable-wrap {
    height: 563px;
    padding: 20px;
    overflow: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.draggable-wrap p:nth-child(even) {
    color: #999;
    font-family: Georgia, serif;
    font-size: 17px;
    font-style: italic;
}

.draggable-wrap p:nth-child(3n+0) {
    color: #c96;
}


/*body custom scrollbar style*/

body>.mCustomScrollBox>.mCSB_scrollTools {
    top: 2%;
    height: 96%;
}


/*********staticwrap***/

.static-wrap {
    background-color: #fff;
    min-height: 485px;
    height: 450px;
    width: 100%;
    border-bottom: 1px solid #dadedf;
    box-shadow: 0px 2px 0px #dadedf;
}

.static-wrap .vertical {
    width: 100%;
    height: 100%;
    display: table;
}

.static-wrap .vertical .vertical-middle {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    text-align: center;
}

.static-wrap .vertical .vertical-middle .title {
    font-size: 22px;
    font-weight: 600;
    margin-right: 22px;
}

.choose-wrap {
    display: block;
    text-align: center;
    margin-top: 41px;
}

.choose-wrap .item {
    height: 180px;
    width: 188px;
    border: 1px solid #ebebeb;
    display: inline-block;
    margin-right: 27px;
}

.choose-wrap .item:hover {
    border: 1px solid #962067;
}

.choose-wrap .item.active {
    border: 2px solid #962067;
}

.choose-wrap .item .vertical {
    width: 100%;
    height: 100%;
    display: table;
}

.choose-wrap .item .vertical .vertical-middle {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    text-align: center;
}

.choose-wrap .item p {
    color: #000;
    line-height: 15px;
    margin-top: 17px;
    font-size: 16px;
}


/******select-add***/

.select-add {
    position: relative;
    margin-top: 41px;
    width: 100%;
    padding: 0px 20px 10px 10px;
}

.select-add:after {
    border-bottom: 1px solid #e7e7e7;
    position: absolute;
    bottom: 0px;
    width: 98%;
    content: "";
    margin: auto;
}

.select-add .title {
    text-align: center;
}

.select-add .title h5 {
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize;
}

.select-add .title h6 {
    font-size: 15px;
    font-weight: 600;
    color: #1d1d1d;
}

.from-wrap {
    margin: auto;
    width: 500px;
    margin-top: 45px;
    text-align: center;
}

.from-wrap .form-group {
    width: 100%;
    margin-bottom: 20px;
}

.from-wrap .form-group .select-group-wrap {
    position: relative
}

.from-wrap .form-group .select-group-wrap:after {
    position: absolute;
    content: "";
    background: url(../images/selectarrow.png) no-repeat;
    width: 18px;
    height: 8px;
    right: 8px;
    top: 50%;
    margin-top: -2px;
    z-index: 2;
}

.from-wrap .form-group .form-control {
    width: 100%;
    color: #000;
    font-weight: bold;
}

.from-wrap .btn-primary {
    background-color: #962067;
    border-radius: 0px;
    width: 110px;
}

.select-group-wrap {
    position: relative;
}

a.btn.toggle-form {
    margin-top: 0;
}


/* common btn styles */

.btn-row {
    margin: 0;
    padding: 30px 0 0 0;
    text-align: left;
    width: 100%;
}

.btn.btn-submit,
.dragcontentwrap button {
    background: #962067;
    border: 1px solid transparent;
    border-radius: 0;
    color: #fff;
    font-size: 12px;
    height: 40px;
    margin: 0 10px 0 0;
    padding: 0 15px;
    line-height: 20px;
    text-transform: uppercase;
    min-width: 115px;
    -o-transition: all 0.8s ease 0s;
    -ms-transition: all 0.8s ease 0s;
    -moz-transition: all 0.8s ease 0s;
    -webkit-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
}

.btn.btn-submit:hover,
.btn.btn-submit:active,
.btn.btn-submit:focus,
.btn.btn-submit:active:focus,
.dragcontentwrap button:hover,
.dragcontentwrap button:active,
.dragcontentwrap button:focus,
.dragcontentwrap button:active:focus {
    color: #fff;
    outline: none;
    background-color: #104275;
}

.btn.btn-reset {
    background: #434343;
    border-radius: 0;
    color: #fff;
    font-size: 12px;
    margin: 0 10px 0 0;
    height: 40px;
    line-height: 30px;
    text-transform: uppercase;
    min-width: 115px;
    -moz-transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
    -ms-transition: all 0.8s ease 0s;
    -webkit-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
}

.btn.btn-reset:hover,
.btn.btn-reset:active,
.btn.btn-reset:focus,
.btn.btn-reset:active:focus {
    color: #fff;
    outline: none;
    background-color: #333333;
}

.dragcontentwrap .frmb li {
    padding: 15px;
}

.dragcontentwrap .frmb .legend {
    text-align: left;
}

.dragcontentwrap .frmb .prev-holder {
    text-align: left;
}

.dragcontentwrap .ui-autocomplete-input,
.dragcontentwrap input[type="text"],
.dragcontentwrap textarea {
    border: 1px solid #e4e4e4;
    border-radius: 0;
    box-shadow: 1px 1px 2px 0 rgba(228, 228, 228, 1);
    color: #808080;
    font-size: 13px;
    height: 40px;
    width: 90%;
    padding: 5px 10px;
    color: #1f1f1f;
}

.dragcontentwrap textarea {
    height: 65px;
    resize: none;
}

.dragcontentwrap input[type="file"] {
    outline: none;
    position: relative;
    text-align: right;
    -moz-opacity: 0;
    filter: alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.frmb li.frmb-placeholder,
.frmb li.ui-state-highlight {
    background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0, #962067), color-stop(75%, transparent)) !important;
    background: -webkit-radial-gradient(center, ellipse, #962067 0, transparent 75%) !important;
    background: radial-gradient(ellipse at center, #962067 0, transparent 75%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#962067', endColorstr='#00000000', GradientType=1) !important;
    -webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%) !important;
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%) !important;
    border: 0 !important;
    height: 5px !important;
    visibility: visible !important;
}

.dragcontentwrap .frmb a.del-button {
    background: url(../images/delete-iconblue.png) no-repeat center center #cdcdcd;
    height: 34px;
    width: 30px;
    cursor: pointer;
    border: none;
    border-radius: 0;
    font-size: 0;
    right: -32px;
    top: -2px;
}

.dragcontentwrap .frmb a.del-button:hover,
.dragcontentwrap .frmb a.del-button:active,
.dragcontentwrap .frmb a.del-button:focus,
.dragcontentwrap .frmb a.del-button:active:focus {
    border: none;
    text-decoration: none;
    outline: none;
    background-color: #cdcdcd;
}

.dragcontentwrap .frmb li,
.dragcontentwrap .frmb li * {
    cursor: url(../images/resize-icon.svg), auto;
}

.dragcontentwrap .frmb .upload-image {
    text-align: center;
    background: url(../images/image-upload.png) center 30px no-repeat;
    padding: 200px 0 10px 0;
}

.imgupload-input {
    cursor: pointer;
    -webkit-transition: all .218s;
    -moz-transition: all .218s;
    -o-transition: all .218s;
    transition: all .218s;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #f5f5f5;
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: -ms-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
    color: #444;
    border: 1px solid #dcdcdc;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: default;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    height: 27px;
    line-height: 27px;
    min-width: 54px;
    outline: 0;
    padding: 0;
    margin: 0;
    position: relative;
    display: -moz-inline-box;
    display: inline-block;
}

.dragcontentwrap .frmb .upload-image::after {
    content: "Drag a image file here";
    position: absolute;
    left: 0;
    top: 175px;
    width: 100%;
    font-size: 20px;
    color: #aaa;
    font-weight: 600;
    text-align: center;
}

.imgupload-input::before {
    content: "-or-";
    position: absolute;
    width: 100%;
    font-size: 12px;
    color: #454545;
    font-weight: 600;
    left: 0;
    top: -38px;
}

.imgupload-input::after {
    content: "Select a photo from your computer";
    position: absolute;
    width: 100%;
    font-size: 12px;
    color: #454545;
    font-weight: 600;
    left: 0;
    top: 0;
}

.dragcontentwrap .frmb .image_container,
.dragcontentwrap .frmb .video_container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 296px;
    overflow: hidden;
    z-index: 99;
}

img,
video {
    max-width: 100%;
}

.dragcontentwrap .frmb .video_container video {
    width: 100%;
    max-height: 262px;
}

strong {
    font-weight: 600 !important;
}

.dragcontentwrap .frmb .upload-video {
    text-align: center;
    background: url(../images/video-upload.png) center 30px no-repeat;
    padding: 165px 0 10px 0;
}

.vidupload-input {
    cursor: pointer;
    -webkit-transition: all .218s;
    -moz-transition: all .218s;
    -o-transition: all .218s;
    transition: all .218s;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #f5f5f5;
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: -ms-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
    color: #444;
    border: 1px solid #dcdcdc;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: default;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    height: 27px;
    line-height: 27px;
    min-width: 54px;
    outline: 0;
    padding: 0;
    margin: 0;
    position: relative;
    display: -moz-inline-box;
    display: inline-block;
}

.dragcontentwrap .frmb .upload-video::after {
    content: "Drag a video file here";
    position: absolute;
    left: 0;
    top: 145px;
    width: 100%;
    font-size: 20px;
    color: #aaa;
    font-weight: 600;
    text-align: center;
}

.vidupload-input::before {
    content: "-or-";
    position: absolute;
    width: 100%;
    font-size: 12px;
    color: #454545;
    font-weight: 600;
    left: 0;
    top: -38px;
}

.vidupload-input::after {
    content: "Select a video from your computer";
    position: absolute;
    width: 100%;
    font-size: 12px;
    color: #454545;
    font-weight: 600;
    left: 0;
    top: 0;
}

#step_title {
    border: 1px solid #e4e4e4;
    border-radius: 0;
    box-shadow: 1px 1px 2px 0 rgba(228, 228, 228, 1);
    font-size: 13px;
    height: 40px;
    width: 100%;
    color: #1f1f1f;
    padding: 0px 12px;
}

.btn {
    font-size: 14px !important;
    height: auto !important;
    line-height: 20px !important;
    text-transform: none !important;
    margin: 20px 5px !important;
    padding: 8px 30px !important;
    border-radius: 0 !important;
}

.save-preview {
    text-align: right;
    border-top: 1px solid #d7d7d7;
    margin: 0 !important;
}

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

.edit-microstep .remove_error p {
    margin: 0 0 -18px;
}


/* Edit Steps Page */

.static-wrap.edit-microstep {
    height: 470px;
    min-height: inherit;
}

.static-wrap.edit-microstep .select-add {
    margin-top: 30px;
    padding-bottom: 0;
}

.static-wrap.edit-microstep .select-add:after {
    display: none;
}

.edit-steps-wrapper .from-wrap {
    width: auto;
    background: #f9f9f9;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    padding: 25px;
    margin: 30px -15px;
}

.edit-steps-wrapper .from-wrap form:after,
.edit-tags-wrapper ul:after {
    content: '';
    display: table;
    clear: both;
}

.edit-steps-wrapper .from-wrap .form-group {
    width: 28.6%;
    margin: 0 -3px 0 0;
    padding: 0 7px;
}

.edit-steps-wrapper .from-wrap .btn {
    width: auto !important;
    padding: 9px 50px !important;
    margin: 0 0 0 10px !important;
}

.edit-tags-wrapper {
    margin-bottom: 20px;
    clear: both;
    float: left;
}

.edit-tags-wrapper ul {
    list-style: none;
    margin: 0 0 0 20px;
    padding: 0;
}

.edit-tags-wrapper ul li {
    float: left;
    font-size: 13px;
    font-weight: 600;
    color: #000;
    background: #fcfcfc;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 8.5px 12px;
    margin: 0 18px 18px 0;
}

.edit-tags-wrapper ul li>* {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.edit-tags-wrapper ul li span {
    margin-right: 20px;
}

.edit-tags-wrapper ul li .edit {
    width: 21px;
    height: 20px;
    background: url(../images/tag-edit-icon.png) no-repeat 50% 50%;
}

.edit-tags-wrapper ul li .delete {
    width: 21px;
    height: 20px;
    margin-right: 0;
    background: url(../images/tag-delete-icon.png) no-repeat 50% 50%;
}


/* Color Box Reset */

#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight {
    display: none;
}

#colorbox,
#cboxWrapper,
#cboxContent {
    /*min-width: 900px;
    min-height: 600px;*/
}

#cboxContent {
    border-radius: 5px;
}

#cboxLoadedContent {
    padding: 15px 30px;
    margin-bottom: 0 !important;
    margin-top: 64px;
}

#cboxTitle {
    background: #f9f9f9 !important;
    font-family: 'Open Sans';
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #962067 !important;
    text-align: left !important;
    text-transform: capitalize;
    padding: 16px 22px;
    border-bottom: 2px solid #962067;
    bottom: inherit !important;
    top: 0;
}

#cboxClose {
    width: 36px !important;
    height: 36px !important;
    background: url(../images/pop-up-close.png) no-repeat 50% 50% !important;
    bottom: inherit !important;
    top: 13px;
    right: 13px !important;
    transition: background 0.3s ease-in-out;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
}

#cboxClose:hover {
    background: url(../images/pop-up-close-hover.png) no-repeat 50% 50% !important;
}

#cboxClose:focus,
.btn:focus,
button:focus,
a:focus {
    outline: none;
}

#render-area>div {
    font-family: 'Open Sans';
    font-size: 14px;
    line-height: 22px;
    color: #000;
    margin-bottom: 25px;
}

#render-area p {
    margin: 0 0 20px;
}

#poll_ques_preview p {
    margin-bottom: 0px;
}

#poll_ques_preview p:first-child {
    margin-bottom: 10px;
}

#poll_ques_preview label input {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
}

.drop-container .mcq-wrapper,
{
    position: relative;
    width: 99%;
    background: #fff;
    border: 1px dashed #ebebeb;
    box-sizing: border-box;
    padding: 15px;
    margin: 0 0 30px;
}

#mcq_ques_preview p {
    margin-bottom: 0px;
}

#mcq_ques_preview p:first-child {
    margin-bottom: 10px;
}

#mcq_ques_preview label input {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
}

.mcq_ques label {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin-bottom: 5px;
}

.mcq_ans {
    margin-bottom: 10px;
}

.mcq_ans>div {
    margin-bottom: 5px;
}

#mcq_data .ans-opt:after {
    content: '';
    display: block;
    clear: both;
}

#mcq_data .ans-opt label {
    display: none;
}

#mcq_data .ans-opt input {
    float: left;
    width: 49.3%;
    margin-right: 1.3%;
}

#mcq_data .ans-opt input:nth-child(2n+1) {
    margin-right: 0;
}

#render-area .drop-container #mcq_ques_preview {
    padding-top: 15px;
    border-top: 2px solid #e9e9e9;
}

#render-area .drop-container #mcq_ques_preview:first-child {
    border-top: 0;
}

a.deletemcqOpt {
    line-height: 52px;
    cursor: pointer;
}

#render-area .textarea {
    background: #fdfdfd;
    border: 1px solid #ebebeb;
    padding: 20px;
}

#render-area .video-wrapper {
    text-align: center;
}

.progress {
    background: #e5e5e5;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.action-icon {
    display: inline-block;
    margin: 0 5px;
    font-size: 0px
}

.setting-icon {
    background: url(../images/setting-icon.png) no-repeat center;
    height: 21px;
    width: 29px;
}

.edit-icon {
    background: url(../images/edit-icon.png) no-repeat center;
    height: 19px;
    width: 15px;
}

.block-icon {
    background: url(../images/blocked-icon.png) no-repeat center;
    height: 17px;
    width: 17px;
}

.unblock-icon {
    background: url(../images/unblocked-icon.png) no-repeat center;
    height: 19px;
    width: 19px;
}

.delete-icon {
    background: url(../images/delete-icon.png) no-repeat center;
    height: 19px;
    width: 16px;
}

.customize-icon {
    background: url(../images/customize-icon.png) no-repeat center;
    height: 19px;
    width: 19px;
}

.radio {
    padding-left: 20px;
}

.radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
}

.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}

.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.radio input[type="radio"] {
    display: none;
}

.radio input[type="radio"]:checked+label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.radio input[type="radio"]:disabled+label {
    opacity: 0.65;
}

.radio input[type="radio"]:disabled+label::before {
    cursor: not-allowed;
}

.radio.radio-inline {
    margin-top: 0;
}

.dahboard-img {
    padding-top: 20px
}


/** Assign Program  **/

#page-wrapper:after,
.mainDiv:after {
    content: '';
    display: block;
    clear: both;
}

.mainDiv {
    float: left;
    width: 100%;
    background: #fff;
    padding: 20px;
}

.mainDiv .user_list_select {
    margin: 0 0 20px;
}

.program_box {
    float: left;
    width: 45%;
    height: 570px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 15px;
    overflow-y: auto;
}

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

.program_box ul li {
    margin-bottom: 10px;
}

.program_box ul li:last-child {
    margin-bottom: 0px;
}

.program_box ul li ul {
    padding: 5px 15px;
}

.program_box ul li input[type=checkbox] {
    display: inline-block;
    margin-top: 0;
    vertical-align: middle;
}

.program_box ul li label {
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    margin: 0 0 0 8px;
    vertical-align: middle;
}

.assign_action {
    float: left;
    width: 40px;
    height: 74vh;
    text-align: center;
}

.assign_action>* {
    display: inline-block;
    vertical-align: middle;
}

.assign_action:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}


/*loader*/

div#loader-complete {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.8);
    opacity: 0.8;
    filter: alpha(opacity=80);
    z-index: 9999;
}

div#loader-complete img {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -25px;
    z-index: 9999;
}


/************************/

.total-worker {
    background-image: url(../images/worker-icon.png);
    background-repeat: no-repeat;
    background-position: 95% 90%;
}

.total-area {
    background-image: url(../images/area-icon.png);
    background-repeat: no-repeat;
    background-position: 95% 90%;
}

.total-topic {
    background-image: url(../images/topic-icon.png);
    background-repeat: no-repeat;
    background-position: 95% 90%;
}

.total-unit {
    background-image: url(../images/unit-icon.png);
    background-repeat: no-repeat;
    background-position: 95% 90%;
}

.total-microsteps {
    background-image: url(../images/micro-step-icon.png);
    background-repeat: no-repeat;
    background-position: 95% 90%;
}


/*****************************************************************/

.session-view {
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
}

#accordion {
    color: #962067;
}

.accordion-toggle {
    padding: 0px 15px;
    cursor: pointer;
}

.accordion-toggle span h5 {
    float: left;
}

.accordion-toggle span h5 label {
    padding: 5px;
}

.accordion-toggle span .timer {
    float: right;
    font-size: 10px;
    margin-left: 15px;
}

.accordion-toggle span .geo-tag {
    float: right;
    font-size: 10px;
}

.response {
    margin-left: 15px;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-right: 10px;
    background-color: #fffff4;
    border-radius: 5px;
    color: #000000;
}

.time-display-span {
    line-height: 200%;
    margin-left: 5px;
    margin-right: 8px;
}


/* 18th April; 2016 changes */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s;
}

.reorder-steps .outer-body[style] {
    max-height: 100% !important;
}

.input-append.date {
    position: relative;
    top: 5px;
}

.input-append input[type="text"] {
    border: 1px solid #e4e4e4;
    border-radius: 0;
    box-shadow: 1px 1px 2px 0 rgba(228, 228, 228, 1);
    color: #808080;
    font-size: 13px;
    height: 40px;
    display: block;
    width: 245px;
    padding: 6px 12px;
    line-height: 1.42857143;
    background-color: #fff;
    background-image: none;
    -webkit-box-shadow: 1px 1px 2px 0 rgba(228, 228, 228, 1);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.input-append input[type="text"]:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.input-append.date span.add-on {
    position: absolute;
    right: 25px;
    top: 14px;
}

.editprofile--form {
    padding-top: 16px;
}

.login--form {
    padding-left: 5px;
}

.editprofile--form h4 {
    font-weight: 600;
    font-size: 18px;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.editprofile--form .btn {
    margin-left: 0 !important;
}


/*updates for reordering knowledge units*/

.reorder-steps .product-select {
    width: 100% !important;
}

.reorder-steps .product-select .form-group {
    width: 30%;
    float: left;
}

.reorder-steps .product-select .custom-search {
    width: 10%;
}

.reorder-steps .product-select .custom-search .arrange_search {
    top: -19px;
}

.reorder-steps .product-select .knowledge_topic {
    margin-left: 20px;
}


/*.reorder-steps .knowledge_units{
    margin-top: 8%;
}*/

.knowledge_units .outer-body .inner-body {
    display: block;
    border-radius: 4px;
    cursor: move;
    border: 1px solid #dadada;
    box-shadow: 1px 1px 3px #eee;
    width: 100%;
    margin: 0px 0px 4px 0px;
    background: #fff;
}

.knowledge_units .outer-body .inner-body label {
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.site_loader_new {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/gears.gif) 50% 50% no-repeat rgb(255, 255, 255);
    background-size: 10%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dasboard-name {
    display: block;
    text-align: left;
    padding: 0px 25px 6px;
    float: left;
    width: 100%;
}


/*.fr-popup.fr-desktop {
    left: 10px !important;
}

.fr-toolbar .fr-popup:nth-of-type(1) {}

.fr-popup.fr-desktop .fr-arrow {
    margin: 0 !important;
    left: 7px;
}

.fr-popup.fr-desktop + .fr-popup.fr-desktop .fr-arrow {
    left: 50px;
}

.fr-popup.fr-desktop + .fr-popup.fr-desktop + .fr-popup.fr-desktop .fr-arrow {
    left: 92px;
}

.fr-popup.fr-desktop + .fr-popup.fr-desktop + .fr-popup.fr-desktop + .fr-popup.fr-desktop .fr-arrow {
    left: 80px;
}

.fr-popup.fr-desktop + .fr-popup.fr-desktop + .fr-popup.fr-desktop + .fr-popup.fr-desktop {
    left: 65px !important;
}*/

form[action*="model"] .add-user-form .form-group select,
form[action*="program"] .add-user-form .form-group select {
    background-position: 99% 16px;
    border: 1px solid #e4e4e4;
    border-radius: 0;
    box-shadow: 1px 1px 2px 0 rgba(228, 228, 228, 1);
    color: #808080;
    font-size: 13px;
    height: 40px;
}

.name-col,
.email-col,
.id-col {
    width: 23.33%;
}

.topic-col {
    width: 23.33%;
}

.area-col {
    width: 23.33%;
}

.status-col {
    width: 10%;
}

.action-col {
    width: 20%;
}

form[action*="company_user_add"],
form[action*="company_user_edit"] {
    padding-top: 20px;
}

form[action*="company_user_add"]::after,
form[action*="company_user_add"]::before,
form[action*="company_user_edit"]::after,
form[action*="company_user_edit"]::before {
    content: "";
    display: table;
}

form[action*="company_user_add"]::after,
form[action*="company_user_edit"]::before {
    clear: both;
}

form[action*="company_user_add"] .btn.btn-default {
    float: none;
}

form[action*="company_user_edit"] .btn {
    float: none !important;
}


/* Knowledge List */

.page-contents {
    padding: 25px 0 25px 25px;
    position: relative;
    width: 100%;
    margin: 0;
}

.search-box .form-group {
    margin-left: 0;
    margin-right: 0;
    min-height: 46px;
}

.search-box .form-control {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding-right: 80px;
    height: 46px;
}

.searchbtn-small {
    position: absolute;
    right: 0;
    top: 0;
    height: 46px;
    width: 70px;
    border: none;
    background: #d9544f;
    box-shadow: none;
    outline: none;
    color: #ffffff;
    font-size: 24px;
}

.pagecontent-block {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    border-radius: 6px;
    background: #ffffff;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.pagecontent-head {
    font-size: 18px;
    font-weight: 700;
    color: #309dde;
    border-bottom: 2px solid #309dde;
    text-align: left;
    margin: 0;
    padding: 16px 0 16px 20px;
    text-transform: capitalize;
}

.search-row {
    position: relative;
    background: #f5f5f5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.search-block {
    margin: 0;
    padding: 0;
    -webkit-box-flex: 1;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
}

.search-block h3 {
    background: #920067;
    font-size: 15px;
    font-weight: 700;
    color: #ffffff;
    padding: 0px 20px;
    margin: 0;
    line-height: 40px;
    position: relative;
}

.search-block h3 a {
    position: absolute;
    right: 22px;
    top: 0;
    display: inline-block;
    color: #ffffff;
    font-size: 20px;
}

.knowledge-topic-block h3 a,
.knowledge-unit-block h3 a,
.knowledge-area-block h3 a {
    right: 44px;
}

.knowledge-topic-block h3 a.rearrange,
.knowledge-unit-block h3 a.rearrange,
.knowledge-area-block h3 a.rearrange {
    right: 22px;
}

.search-block .search-box {
    padding: 10px;
    border-bottom: 2px solid #f5f5f5;
    background: #fbfbfb;
}

.search-block .search-box .form-group {
    margin-bottom: 0;
    min-height: 36px;
}

.search-block .search-box .form-control {
    height: 36px;
    border-color: #e2e2e2;
    box-shadow: none;
    font-size: 13px;
    color: #747474;
    padding-right: 40px;
}

.search-block .search-box .searchbtn-small {
    height: 36px;
    background: transparent;
    color: #7e7e7e;
    font-size: 16px;
    width: 40px;
}

.search-row .search-block:not(:last-child) {
    border-right: 1px solid #dfdfdf;
}

.search-row .search-block:nth-of-type(2) h3 {
    background: rgb(146 0 103 / 0.8);
}

.search-row .search-block:last-child h3 {
    background: rgb(146 0 103 / 0.68);
}

.searchblock-results {
    margin: 0;
    padding: 0;
    list-style: none;
}

.result-icon {
    float: left;
    height: 34px;
    width: 34px;
    font-size: 18px;
    text-transform: uppercase;
    color: #ffffff;
    background: #5d5d5d;
    border-radius: 50%;
    font-weight: 600;
    text-align: center;
    line-height: 34px;
}

.searchblock-results>li {
    position: relative;
    padding: 12px 15px;
    background: white;
    cursor: pointer;
    transition: all 0.3s ease;
    border-bottom: 1px solid #eee;
}

.searchblock-results>li:hover {
    background: #f8f8f8;
}

.searchblock-results>li.active {
    background: #f8f8f8;
}

.searchblock-results>li::after,
.searchblock-results>li::before {
    content: "";
    display: table;
}

.searchblock-results>li::after {
    clear: both;
}

.result-info {
    float: left;
    padding: 0 0 0 15px;
    margin: 0;
    width: calc(100% - 100px);
}

.result-info p {
    font-size: 14px;
    font-weight: 600;
    color: #565656;
    margin-bottom: 0;
}

.result-info span {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    color: #b8b8b8;
}

.result-actions {
    /* float: right; */
    /* width: 60px; */
    /* padding: 5px 0 0 0; */
    /* text-align: right; */
    display: flex;
    justify-content: flex-end;
}

.result-actions a:first-child {
    margin-right: 5px;
}

.search-row .search-block:nth-of-type(2) .result-info p {
    font-weight: 400;
}

.search-row .search-block:last-child .result-info {
    width: calc(100% - 130px);
}

.search-row .search-block:last-child .result-info p {
    font-weight: 300;
}

.search-row .search-block:last-child .result-actions {
    /* width: 94px; */
}

.search-row .search-block:last-child .result-actions a:nth-of-type(2) {
    margin-right: 6px;
}

.searchblock-results>li.active .result-info span,
.searchblock-results>li.active .result-info p {
    color: #a23293;
}

.color-1 {
    background: #1fc08d;
}

.color-1 {
    background: #61d1e9;
}

.color-3 {
    background: #5d5d5d;
}

.color-4 {
    background: #c1272c;
}

.color-5 {
    background: #962067;
}


/* Knowledge List css ends here */

.error-required {
    color: #f00;
}


/* Media Queries */

@media screen and (min-width:0\0) {
    .search-block {
        -webkit-box-flex: 1;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.26%;
    }
}

@media only screen and ( min-width: 1280px) {
    /* Products Page */
    /*.product-img {
max-height: 160px;
min-height: 160px;
}
*/
}

@media only screen and (max-width:1280px) {
    .signup-page {
        padding: 146px 95px;
    }
    /* Header Section */
    .sidebar-search {
        width: 27%;
    }
    .admin-nav .input-group.custom-search-form {
        margin: 0;
    }
    /* Forgot Password Page */
    .forgot-password-page {
        padding: 146px 95px 295px;
    }
    /* Users Page */
    .user-thumb {
        height: 140px;
        width: 140px;
    }
    .users-overlay {
        height: 140px;
        width: 140px;
    }
    /* Locations Page */
    .locations-sec input {
        width: 63%;
    }
    .locations-sec p {
        width: 65%;
    }
    /* Change Password Page */
    .change-password-page {
        padding: 146px 95px 171px;
    }
    /* Products Page */
    /*.product-img {
max-height: 120px;
min-height: 120px;
}
*/
    .navbar-default.nav-products li>a {
        padding: 10px 30px;
    }
    .product-sec {
        /*max-height: 214px;
min-height: 214px;
*/
        font-size: 12px;
    }
    .product-title {
        font-size: 14px;
    }
    /*
.product-info {
padding: 8px;
}

*/
    /* top sec */
    .common-top-sec {
        padding-left: 37%;
    }
}

@media only screen and ( min-width: 1333px) {
    .dragcontentwrap .col-md-4 {
        width: 280px;
        padding-left: 0px;
    }
    div#frmb-0-stage-wrap {
        width: 74%;
    }
}

@media only screen and ( min-width: 980px) and (max-width:1200px) {
    .dragleftcontent .item {
        width: 74px;
    }
}

@media only screen and ( min-width: 980px) {
    .dragleftcontent ul>li:nth-child(odd) {
        margin-right: 20px;
    }
    .dragleftcontent ul>li:last-child {
        margin-right: 0px;
    }
    .dragleftcontent {
        background-color: #f9f9f9;
        padding: 24px 0px;
        height: 563px;
    }
    div#droppable {
        height: 302px;
    }
}

@media only screen and (min-width:1000px) and (max-width:1112px) {
    .frmb-control li {
        width: 94px;
    }
}

@media only screen and (min-width:1024px) and (max-width:1220px) {
    .common-top-sec {
        padding-left: 48%;
    }
    .common-top-content>p {
        font-size: 13px;
    }
    .dashboard-tiles .panel {
        margin-bottom: 22px;
    }
}

@media only screen and (max-width:1024px) {
    /* Header Section */
    .admin-nav {
        position: relative;
    }
    .admin-nav .navbar-header {
        float: left;
        margin-bottom: 0;
    }
    .navbar-right {
        float: right
    }
    .separator {
        display: block;
    }
    .sidebar-search {
        float: left;
        margin-left: 30px;
        margin-bottom: 5px;
    }
    .sidebar-search .btn {
        height: 30px;
    }
    .admin-nav .form-control {
        height: 30px;
    }
    .view-capacity {
        background: transparent;
        position: absolute !important;
        right: 0;
        top: 65px;
    }
    .view-capacity>a {
        padding: 6px 5px !important;
    }
    .admin-nav .navbar-toggle {
        border: medium none;
        left: 0;
        margin-bottom: 0;
        position: absolute;
        top: 0;
        border-radius: 0px;
        background: #962067;
        height: 100%;
        margin: 0;
    }
    .admin-nav .navbar-toggle:hover {
        background: #014470
    }
    ul.nav.navbar-top-links.navbar-right.location {
        margin-left: 0;
        padding-left: 0;
    }
    .section-min-height {
        margin-top: 30px;
    }
    #page-wrapper {
        margin-top: 7px !important;
    }
    .panel.panel-users {
        /* margin-top: 30px; */
        margin-bottom: 30px;
    }
    .admin-nav .navbar-top-links .dropdown-user {
        right: 0px;
    }
    .dashboard-tiles .huge {
        font-size: 40px;
    }
    .footer {
        font-size: 12px;
    }
    .custom-search-form {
        max-width: 100%;
    }
    /* Login Page */
    .signup-page {
        padding: 130px 54px;
    }
    /* Forgot Password Page */
    .forgot-password-page {
        padding: 130px 54px 279px;
    }
    /* Change Password Page */
    .change-password-page {
        padding: 130px 54px 155px;
    }
    /* Dashboard Page */
    .admin-nav .input-group.custom-search-form {
        margin-left: 0;
    }
    .view-capacity {
        min-width: 230px;
    }
    .common-top-sec {
        background: #fff url(../images/dashboard-top-sec-sm.png) no-repeat left center;
        padding-left: 5%;
    }
    .dashboard-tiles .panel {
        margin-bottom: 22px;
    }
    .common-top-content>p {
        width: 87%;
    }
    #wrapper {
        min-height: 691px;
    }
    /* Users Page */
    .user-thumb {
        height: 130px;
        width: 130px;
    }
    .user-name {
        font-size: 13px;
    }
    .users-overlay {
        height: 130px;
        width: 130px;
    }
    /* Add User Page */
    .add-user-img-box {
        height: 220px;
        width: 220px;
        margin-top: 20px;
    }
    .custom-upload {
        background-size: 90%;
    }
    /* User Detail Page */
    .edit-img {
        bottom: 12px;
        right: 10px;
    }
    /* Locations Page */
    .locations-sec input {
        width: 60%;
        padding: 6px 10px;
    }
    .locations-sec p {
        width: 62%;
    }
    /* Products Page */
    /*.product-sec {
max-height: 300px;
min-height: 300px;
font-size:14px;
}

.product-img {
max-height: 180px;
min-height: 180px;
}

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


.product-info {
padding: 15px;
}*/
    .col-md-6.graphLeft {
        border-right: 1px solid #e5e5e5;
        padding-bottom: 50px;
    }
    /* Header Fixes */
    .admin-nav .navbar-brand .dasboard-name {
        padding: 7px 25px 0;
    }
    .admin-nav .navbar-brand {
        padding-bottom: 0;
    }
    .comany-info div[class*="tail"] {
        width: 100%;
    }
    .comany-info div[class*="tail"] div[class*="col"] {
        float: none;
    }
    .comany-info div[class*="tail"] div[class*="col"] .company-logo {
        float: none;
        width: 280px;
    }
    form[action*="company_user_add"] {
        padding-top: 55px;
    }
    .select-add .title h6 {
        font-size: 15px;
        font-weight: 400;
        color: #1d1d1d;
        line-height: normal;
    }
    .panel.panel-users.dargheading {
        margin-bottom: 0;
    }
}

@media only screen and (min-width:1000px) {
    .stage-wrap {
        min-width: 65%;
    }
}

@media only screen and (max-width:980px) {
    .col-md-6.graphLeft {
        border-right: none;
    }
    .time-frame {
        padding: 0;
    }
    /* Login Page */
    .signup-page {
        padding: 70px 55px;
    }
    /* Forgot Password Page */
    .forgot-password-page {
        padding: 386px 55px 535px;
    }
    /* Change Password Page */
    .change-password-page {
        padding: 386px 55px 411px;
    }
    /* Dashboard Page */
    .common-top-content>p {
        font-size: 15px;
    }
    #wrapper {
        min-height: 1203px;
    }
    /* Users Page */
    .user-block {
        min-height: 190px;
    }
    .user-thumb {
        height: 120px;
        width: 120px;
    }
    .users-overlay {
        height: 120px;
        width: 120px;
    }
    /* Add User Page */
    .add-user-img-box {
        height: 200px;
        margin-right: 40px;
        width: 200px;
    }
    /* User Detail Page */
    .edit-img {
        bottom: 8px;
        right: 8px;
    }
    /* Locations Page */
    .locations-sec input {
        padding: 6px 10px;
        width: 59%;
    }
    .locations-sec p {
        width: 61%;
    }
    .stage-wrap {
        width: 100%;
    }
}

@media only screen and (max-width:965px) {
    /* Users Page */
    .user-name {
        font-size: 12px;
        padding: 10px 10px 0;
    }
    .user-block {
        min-height: 180px;
        width: 33.33%;
    }
    /* Add User Page */
    .add-user-img-box {
        float: none;
        left: 0;
        margin: 20px auto;
        right: 0;
    }
    .add-user-form {
        /* float: none; */
    }
    .location-body .col-lg-4:nth-child(odd) {
        width: 50%;
        padding-left: 20px;
        padding-right: 0px;
    }
    .location-body .col-lg-4:nth-child(even) {
        width: 50%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .locations-sec input {
        width: 74%;
    }
    .locations-sec p {
        width: 61%;
    }
    /* Products Page */
    .navbar-default.nav-products li>a {
        font-size: 12px;
        padding: 10px;
    }
}

@media only screen and (max-width:860px) {
    .companyedit-wrap .comany-info .col-sm-9 {
        width: 100%;
    }
    .companyedit-wrap .comany-info .add-user-form {
        width: 100%;
    }
}

@media only screen and (max-width:800px) {
    /* Header Section */
    .admin-nav .navbar-header {
        margin-left: 0px;
    }
    /* Login Page */
    .signup-page {
        padding: 386px 25px;
    }
    /* Forgot Password Page */
    .forgot-password-page {
        padding: 386px 25px 535px;
    }
    /* Change Password Page */
    .change-password-page {
        padding: 386px 25px 411px;
    }
    /* Dashboard Page */
    .admin-nav .input-group.custom-search-form {
        padding: 7px 0;
    }
    .admin-nav .input-group.custom-search-form {
        min-width: 100%;
    }
    .admin-nav .nav.navbar-top-links.navbar-right {
        border: none;
        padding: 0;
    }
    .view-capacity>a {
        padding: 14.4px 5px !important;
    }
    .common-top-content>p {
        font-size: 12px;
    }
    .dashboard-tiles .panel {
        min-height: 200px;
    }
    /* Users Page */
    .user-block {
        width: 33.33%;
        min-height: 190px;
    }
    /* Add User Page */
    .add-user-img-box {
        float: none;
        left: 0;
        margin: 20px auto;
        right: 0;
    }
    .add-user-form {
        /* float: none; */
    }
    /* Locations Page */
    .location-body .col-lg-4:nth-child(odd) {
        width: 50%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .location-body .col-lg-4:nth-child(even) {
        width: 50%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .locations-sec input {
        width: 64%;
    }
    .location-body {
        margin-top: 10px;
    }
    .msg-box {
        top: -40px;
    }
    /* Settings Page */
    .settings-form .radio>label {
        color: #808080;
        font-size: 11px;
        line-height: 20px;
    }
    .comany-info .dertail-right .item .vartical-top h6 {
        font-size: 15px;
    }
    .dataTables_wrapper .table+.row>div:first-child {
        display: none;
    }
    .dataTables_wrapper .table+.row>div[class*="col"] {
        width: 100%;
    }
    .rightcompanylogo {
        float: left;
        width: 240px;
    }
    .compantdetail-wrap {
        padding-top: 25px;
    }
    .company-total-features .samllsize {
        width: 100%;
        margin-bottom: 10px;
    }
    .product-select::after,
    .product-select::before {
        content: "";
        display: table;
    }
    .product-select::after {
        clear: both;
    }
    .reorder-steps .product-select .form-group {
        width: 80%;
    }
    .reorder-steps .product-select div[class*="knowledge"] {
        margin: 0 0 15px 0;
    }
    .reorder-steps .product-select div[class*="search"] {
        text-align: left;
    }
    .reorder-steps .product-select div[class*="search"] .btn {
        margin-left: 0 !important;
    }
    .companydetailinfo-wrap .comany-info .detail-left ul li label,
    .companydetailinfo-wrap .comany-info .detail-left ul li span {
        float: none;
        display: block;
        text-align: left;
        padding: 0 15px;
    }
    #product-assigned ul li label {
        display: inline-block;
        font-size: 12px;
        margin-left: 2px;
    }
    /* Knowledge List */
    .result-actions,
    .search-row .search-block:last-child .result-actions {
        width: 100%;
    }
    .result-info,
    .search-row .search-block:last-child .result-info {
        width: calc(100% - 40px);
        word-wrap: break-word;
    }
}

@media only screen and (max-width:768px) {
    .capacity-nav .container.customContainer {
        padding-left: 15px;
        padding-right: 15px;
    }
    ul.nav.navbar-top-links.navbar-right.location {
        margin-left: 15px;
        padding-left: 0;
    }
    .location-dropdown {
        float: left;
        margin-right: 10px;
        width: 33%;
    }
    ul.location {
        width: 90%;
    }
    /* Header Section */
    .profile-manager {
        margin-right: 0;
    }
    .sidebar-search {
        margin-left: 15px;
    }
    /* Login Page */
    .signup-page {
        padding: 258px 15px;
    }
    /* Forgot Password Page */
    .forgot-password-page {
        padding: 258px 15px 407px;
    }
    /* Change Password Page */
    .change-password-page {
        padding: 258px 15px 283px;
    }
    /* Dashboard Page */
    #wrapper {
        min-height: auto;
    }
    /* Add User Page */
    #wrapper {
        min-height: 947px;
    }
    /* Locations Page */
    .locations-sec input {
        width: 62%;
    }
    /*** Product Page ***/
    .product-img {
        max-height: 140px;
        min-height: 140px;
    }
}

@media only screen and (max-width:767px) {
    .admin-nav {
        height: 48px
    }
    .admin-nav .navbar-header {
        margin: 0;
        text-align: center;
        float: none
    }
    .admin-nav .navbar-brand {
        display: block;
        float: none;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    #page-wrapper {
        margin-left: 0 !important;
    }
    .profile-manager .dropdown-toggle>span.user-cat {
        display: none;
    }
    .profile-manager {
        margin-left: 15px;
        min-width: 60px
    }
    .admin-nav .nav.navbar-top-links.navbar-right {
        position: absolute;
        right: 0px;
        top: 0px;
        padding-left: 15px;
    }
    .navbar-top-links li.profile-manager>a {
        padding: 14px 30px 14px 50px;
    }
    .navbar-default.sidebar {
        margin: 0 !important;
        width: 100% !important;
    }
    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border: none
    }
    /* Products Page */
    .container-fluid.product-page-wrapper {
        padding: 0;
    }
    .product-page-wrapper .row {
        margin: 0;
    }
    .nav-products .navbar-header {
        margin: 0;
    }
    .panel-users.panel-products .col-md-12 {
        padding: 0;
    }
    .nav-products .navbar-toggle,
    .nav-products .navbar-toggle:hover,
    .nav-products .navbar-toggle:focus {
        background: #fff;
        border: medium none;
        margin: 10px 0 0;
        padding: 10px 20px 5px;
        text-align: left;
        width: 100%;
    }
    .nav-products .collapse.navbar-collapse,
    .nav-products .navbar-collapse.collapse.in {
        padding: 0 15px;
    }
    .nav-products span.sr-only {
        position: relative;
    }
    .nav-products .fa.fa-plus {
        float: right;
    }
    .product-page-wrapper .col-xs-12 {
        width: 50%;
    }
    .footer {
        /*         clear: none;
        float: left;
        position: relative; */
    }
    #page-wrapper {
        margin-left: 0 !important;
        margin-top: 0px !important;
        padding: 0 15px !important;
        padding-bottom: 60px !important;
    }
    /* Products Page */
    .nav-products .nav.navbar-nav.navbar-left {
        margin: 0;
    }
    .nav-products .nav.navbar-nav.navbar-left>li {
        margin: 0;
    }
    .navbar-default.nav-products li>a {
        border-radius: 0;
    }
    .compantdetail-wrap .company-total-features .item {
        margin-bottom: 12px;
    }
    .spalsh-wrap {
        float: left;
        margin-top: 20px;
    }
    .companydetailinfo-wrap .comany-info .detail-left ul li label {
        font-size: 12px;
    }
}

@media only screen and (max-width:740px) {
    .admin-nav .navbar-brand {
        text-align: center;
        padding: 9px 25px;
    }
    .admin-nav .navbar-brand .dasboard-name {
        padding: 5px 20px;
        display: inline-block;
        float: none;
        width: auto;
        vertical-align: top;
    }
    #page-wrapper {
        margin-top: 10px !important;
    }
    .dashboard-header .item {
        margin-bottom: 10px;
    }
    .action-col {
        width: 120px;
    }
    /* Knowledge List */
    .page-contents {
        padding-left: 0;
    }
}

@media only screen and (max-width:680px) {
    /* Login Page */
    .signup-page {
        padding: 70px 15px;
    }
    /* Forgot Password Page */
    .forgot-password-page {
        padding: 70px 15px;
    }
    /* Change Password Page */
    .change-password-page {
        padding: 70px 15px;
    }
    /* Dashboard Page */
    .admin-nav .navbar-header {
        float: none;
        margin-bottom: 0px;
    }
    .admin-nav .navbar-brand {
        display: block;
        float: none;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .admin-nav .navbar-brand>img {
        display: inline-block;
        max-height: 30px
    }
    .separator {
        display: block;
    }
    .sidebar-search .btn {
        height: 30px;
    }
    .admin-nav .form-control {
        height: 30px;
    }
    .profile-manager .dropdown-toggle>span.user-cat {
        display: none;
    }
    .view-capacity {
        background: transparent;
        position: absolute !important;
        right: 0;
        top: 65px;
    }
    .view-capacity>a {
        padding: 6px 5px !important;
    }
    .admin-nav .navbar-toggle {
        border: medium none;
        left: 0;
        margin-bottom: 0;
        position: absolute;
        top: 0;
    }
    #page-wrapper {
        margin-left: 0 !important;
        /* margin-top: 30px !important; */
        padding: 0 15px !important;
    }
    .admin-nav .navbar-top-links .dropdown-user {
        right: 10px;
    }
    .dashboard-tiles .huge {
        font-size: 40px;
    }
    .footer {
        font-size: 12px;
    }
    .custom-search-form {
        max-width: 100%;
    }
    /* Users Page */
    .user-name {
        font-size: 12px;
    }
    .panel-users .panel-heading {
        font-size: 18px;
    }
    /* Add User Page */
    #wrapper {
        min-height: 917px;
    }
    .add-user-img-box {
        height: 150px;
        width: 150px;
        margin: 0 auto;
    }
    /* User Detail Page */
    .edit-img {
        bottom: 0;
        right: 0;
    }
    .panel-users .panel-heading .btn.btn-default {
        height: 28px;
        padding: 5px 30px;
    }
    /* Locations Page */
    .locations-sec input {
        width: 71%;
    }
    .location-body {
        margin-top: 10px;
    }
    /* Settings Page */
    .settings-form .form-group.col-md-6 {
        padding: 0;
    }
}

@media only screen and (max-width:640px) {
    .locations-sec input {
        width: 68%;
    }
}

@media only screen and (max-width:580px) {
    .common-top-content>p {
        width: 95%;
    }
    /* Locations Page */
    .locations-sec input {
        width: 63%;
    }
    .locations-sec p {
        width: 59%;
    }
    .location-body .col-lg-4:nth-child(2n),
    .location-body .col-lg-4:nth-child(2n+1) {
        padding-left: 20px;
        padding-right: 20px;
        width: 50%;
    }
    /* Products Page */
    /*.product-img {
max-height: 140px;
min-height: 140px;
}

.product-sec {
max-height: 260px;
min-height: 260px;
}
*/
    .dataTables_wrapper .table {}
    .dataTables_wrapper .dataTables_processing+div[class*="col"],
    .dataTables_wrapper .dataTables_processing+div[class*="col"]+div[class*="col"],
    .dataTables_wrapper .dataTables_processing+div[class*="col"] label,
    .dataTables_wrapper .dataTables_processing+div[class*="col"]+div[class*="col"] label {
        width: 100% !important;
        text-align: center;
    }
    .dataTables_wrapper .dataTables_processing+div[class*="col"] label select,
    .dataTables_wrapper .dataTables_processing+div[class*="col"]+div[class*="col"] label input {
        width: 100px;
    }
    .dataTables_wrapper .dataTables_processing+div[class*="col"] label input {
        width: 180px;
        display: inline-block;
    }
    .dataTables_wrapper .dataTables_processing+div[class*="col"]+div[class*="col"] label select {
        width: 40px;
        display: inline-block;
    }
    .admin-nav .navbar-brand .dasboard-name {
        padding: 1px 20px;
    }
    /* Knowledge List */
    .search-row {
        display: block;
    }
    .search-block {
        display: block;
        -webkit-box-flex: none;
        -ms-flex: none;
        flex: none;
    }
    .page-contents {
        padding-bottom: 70px;
    }
}

@media only screen and (max-width:480px) {
    .capacity-nav .navbar-header {
        margin-left: 0;
        margin-right: 0;
        text-align: center;
    }
    .signup-page {
        padding: 50px 0;
    }
    .signup h4 {
        font-size: 20px;
    }
    .login-btn .btn.btn-primary {
        height: 30px;
        width: 96px;
    }
    .graphLeft .progress {
        width: 100%;
    }
    .filling-progress {
        margin-bottom: 15px;
        padding: 0;
        width: 100%;
    }
    /* Forgot Password Page */
    .forgot-password-page {
        padding: 50px 0;
    }
    /* Change Password Page */
    .change-password-page {
        padding: 50px 0;
    }
    /* Dashboard Page */
    .common-top-content>p {
        width: 95%;
    }
    /* Users Page */
    .user-block {
        width: 50%;
    }
    /* Add Users Page */
    .add-user-form {
        width: auto;
    }
    /* Locations Page */
    .location-body .col-lg-4:nth-child(odd) {
        width: 100%;
        padding: 5px 20px;
    }
    .location-body .col-lg-4:nth-child(even) {
        width: 100%;
        padding: 5px 20px;
    }
    .locations-sec input {
        width: 81%;
    }
    /* Add WareHouse Page */
    .add-warehouse-form {
        width: 100%;
        margin: 0 0 40px;
    }
    .companydetailinfo-wrap .comany-info .detail-left ul li label {
        /* width: auto; */
    }
    .spalsh-wrap ul li label {
        width: auto;
    }
    .spalsh-wrap {
        float: left;
        width: 100%;
    }
    .companydetailinfo-wrap .comany-info .detail-left ul li span {
        /* text-align: right;
        float: right;
        font-size: 12px; */
    }
    .spalsh-wrap span {
        width: 104px;
        float: right;
    }
    .spalsh-wrap span img {
        width: 100%!important;
        height: auto!important;
    }
    .panel-users .panel-heading .pull-right {
        float: left!important;
    }
    .panel-users .panel-heading .actionbtn {
        float: right!important;
    }
    .panel-users .panel-heading .pull-right a {
        float: left;
    }
    .actionbtn .block-btn {
        margin-right: 6px;
    }
    .static-wrap .vertical .vertical-middle .title {
        font-size: 13px;
    }
    .choose-wrap .item {
        height: 136px;
        width: 146px;
    }
    .choose-wrap .item .vertical-middle img {
        width: 28px;
    }
    .choose-wrap .item p {
        font-size: 12px;
    }
    .select-add .title h5 {
        font-size: 18px;
    }
    .has-button div[class*="pull"] {
        float: none !important;
        width: 100%;
        margin: 5px 0;
    }
    .panel-users .panel-heading div[class*="pull"] {
        float: none !important;
        width: 100%;
        text-align: left;
        height: auto;
    }
    .panel-users .panel-heading div[class*="pull"] * {
        float: none !important;
        margin: 5px 0 0 0;
        display: inline-block;
    }
    .paddingmobile-10 {
        padding: 10px;
    }
    .panel-users .panel-heading .pull-right {
        display: inline-block;
        width: auto;
    }
    .panel-users .panel-heading a {
        margin: 5px 0 0 0 !important;
    }
}

@media only screen and (max-width:420px) {
    .panel-users .panel-heading .actionbtn {
        display: inline-block;
        float: left !important;
        margin-top: 20px;
        width: 100%;
    }
    .comany-info div[class*="tail"] div[class*="col"] .company-logo {
        width: 100%;
    }
    form[action*="company_user_add"] {
        padding-top: 75px;
    }
}

@media only screen and (max-width:380px) {
    .panel-users .panel-heading .pullright {
        display: inline-block;
        float: left !important;
        margin-top: 20px;
        width: 100%;
    }
    .capacity-nav {
        text-align: center;
    }
    .container.customContainer {
        padding-left: 15px;
        padding-right: 15px;
    }
    .capacity-nav .navbar-header {
        margin: 0 0 15px;
    }
    .capacity-nav li {
        min-width: 100%;
    }
    .graphLeft .progress {
        width: 100%;
    }
    .filling-progress {
        margin-bottom: 15px;
        padding: 0;
        width: 100%;
    }
    .section-min-height .col-md-6>div#container {
        margin-top: 40px !important;
        min-width: auto !important;
    }
    .admin-nav.capacity-nav {
        max-height: 200px;
        min-height: 200px;
    }
    .section-min-height {
        margin-top: 20px;
    }
    .section-min-height .col-md-6 {
        padding: 0;
    }
    .time-frame {
        padding: 0;
    }
    /* Header Section */
    .sidebar-search {
        width: 50%;
    }
    /* Login Page */
    .signup-page {
        padding: 87px 0;
    }
    .signup-sec {
        width: 330px;
    }
    .bottom-section .checkbox label {
        font-size: 15px;
    }
    .login-btn {
        width: 48%;
    }
    .modal-footer a {
        font-size: 15px;
    }
    .modal-footer.bottom-content {
        font-size: 15px;
    }
    .signup-sec .modal-footer.no-margin {
        width: 50%;
    }
    /* Forgot Password Page */
    .forgot-password-page {
        padding: 83px 0 238px;
    }
    /* Change Password Page */
    .change-password-page {
        padding: 83px 0 118px;
    }
    .form-group>#loginemail_message,
    .form-group.add>#loginpassword_message {
        font-size: 12px;
    }
    /* Dashboard Page */
    .view-capacity {
        min-width: 67%;
    }
    .admin-nav .navbar-brand {
        padding-top: 13px;
        height: 47px
    }
    .admin-nav .navbar-brand>img {
        max-height: 20px
    }
    .admin-nav .nav.navbar-top-links.navbar-right {
        padding-left: 5px
    }
    .admin-nav .input-group.custom-search-form {
        min-width: auto;
        display: inline;
    }
    .admin-nav .input-group.custom-search-form .input-group-btn {
        width: 1%;
        float: left;
    }
    .panel-normal .panel-heading {
        line-height: 1.2
    }
    .copyright {
        text-align: center;
        width: 100%;
        padding: 10px 0 5px;
    }
    .custom-search-form {
        min-width: 360px !important;
    }
    .user-cat {
        display: none;
    }
    .view-capacity {
        float: right;
    }
    #page-wrapper {
        padding: 0 15px !important;
    }
    /* Users Page */
    .user-block {
        width: 50%;
    }
    /* User Detail Page */
    .panel-users .panel-heading .btn.btn-default {
        height: 28px;
        letter-spacing: 0;
        overflow: hidden;
        padding: 5px 0 5px 20px;
        width: 120px;
    }
    /* Warehouse Page */
    .locations-sec input {
        width: 73%;
    }
    .locations-sec p {
        width: 73%;
    }
    .msg-box {
        font-size: 11px;
        margin-right: 15px;
    }
    /* Add Warehouse Page */
    .add-warehouse-form label {
        font-size: 12px;
    }
    .add-warehouse-form .btn.btn-cancel,
    .add-warehouse-form .btn.btn-default {
        height: 36px;
        width: 90px;
    }
    .complete_program_list.program_box {
        padding: 5px;
    }
}

@media only screen and (min-width:320px) and (max-width:360px) {
    .compantdetail-wrap .company-total-features .samllsize {
        width: 100%!important;
    }
}

@media only screen and (max-width:360px) {
    /* Header Section */
    .view-capacity a {
        font-size: 11px;
    }
    /* Login Page */
    .signup-page {
        padding: 63px 0;
    }
    /* Forgot Password Page */
    .forgot-password-page {
        padding: 63px 0 218px;
    }
    /* Change Password Page */
    .change-password-page {
        padding: 63px 0 98px;
    }
    /* Dashboard Page */
    .view-capacity {
        min-width: 65%;
        right: 0;
    }
    .admin-nav .input-group.custom-search-form {
        min-width: 96%;
    }
    .common-top-content>p {
        padding: 24px 0;
    }
    .admin-nav .input-group .form-control {
        width: 35% !important;
    }
    /* Warehouse Page */
    .locations-sec input {
        width: 73%;
    }
    .locations-sec p {
        width: 69%;
    }
    .from-wrap {
        width: 100%;
    }
    .select-add .title h6 {
        font-size: 13px;
    }
    .navbar-top-links li.profile-manager>a {
        padding: 14px 10px 14px 50px;
    }
    .admin-nav .nav.navbar-top-links.navbar-right {
        padding-left: 0;
    }
    .admin-nav .navbar-brand .dasboard-name {
        padding: 2px 10px;
    }
}

@media only screen and (max-width:320px) {
    .signup-sec {
        width: 290px;
    }
    .login-btn {
        width: 42%;
    }
    .signup-sec .modal-footer.no-margin {
        width: 55%;
    }
    .profile-manager {
        min-width: 60px;
    }
    .user-cat {
        display: none;
    }
    .view-capacity>a {
        font-size: 10px;
        right: -5px;
    }
    .admin-nav .input-group .form-control {
        width: 30% !important;
    }
    /* Forgot Password Page */
    .forgot-password-page {
        padding: 63px 0;
    }
    /* Change Password Page */
    .change-password-page {
        padding: 63px 0;
    }
    /* Warehouse Page */
    .locations-sec input {
        width: 69%;
    }
    .panel-users .panel-heading .pull-left {
        display: inline-block;
        width: 100%;
    }
    /* Add Warehouse Page */
}


/*for test editor css*/

.fr-wrapper ul,
.fr-wrapper ol {
    padding-left: 15px;
}


/*preview step css*/

.preview-step-pg h3.title {
    color: #000;
}

#render-area .preview-step-pg .mobile-container .dynamic_container_add h3.title:nth-child(2) {
    background: #f0eff5;
    border: 1px solid #fff;
    border-bottom: 1px solid #3d89df;
    margin: 10px 0;
}

#render-area .preview-step-pg .mobile-container .dynamic_container_add h3.title {
    border-bottom: 1px solid #3d89df;
    position: relative;
}

.preview-step-pg div#dynamic_1 {
    padding: 0 10px;
    background: #eeeeee;
}

.preview-step-pg .drop-container {
    background: #fff;
}

.preview-step-pg a.next,
.preview-step-pg a.prev {
    padding: 5px 15px;
    border-radius: 6px;
    text-decoration: none;
    position: relative;
    min-width: 170px;
    text-align: center;
    background: #a23293;
    color: #ffffff;
}

.preview-step-pg a.prev {
    min-width: 70px;
    display: inline-block;
    margin-left: 40px;
}


/* .preview-step-pg .pagination:after {
    content: "";
    position: absolute;
    height: 35px;
    width: 25px;
    background: url(../images/editicon.png) center center transparent no-repeat;  
    
    background-size: 25px;
    left: 0;
    right: 0;
    top: 50%;
    margin: 0 auto;
    transform: translateY(-50%);
    pointer-events: none;
} */

.pagination {
    position: relative;
}

.pdf-preview {
    position: absolute;
    z-index: 1000;
}

.delete-img {
    position: absolute;
    top: -20px;
    right: -15px;
    color: white;
    font-size: 24px;
    background: white;
    width: 40px;
    height: 40px;
    border-radius: 26px;
    background: #c0221b;
}

.logo-banner {
    height: 125px;
}

.searchblock-results>li.active .result-actions a {
    background: #ffffff;
    box-shadow: inset 1px 1px 3px #d1d1d1;
}

.result-actions a {
    padding: 10px;
    border-radius: 0px 5px 5px 0px;
    text-align: center;
    flex-basis: 15%;
    background: #F4F3F3;
    color: #962067;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35px;
    background: #ffffff;
    box-shadow: 1px 1px 3px #d1d1d1;
}

.result-actions a {
    text-decoration: none;
}

.edit-icons a {
    color: #962067;
    /* margin: 5px; */
    padding: 10px;
    box-shadow: 1px 1px 3px #00000038;
    border-radius: 4px;
}
div#response li{
    margin: 6px;
}
div#response li div{
    width: 66px;
    height: 66px;
    padding: 2px;
}