/*by asad*/

@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('fonts/proximanova-regular-webfont.woff2') format('woff2'),
    url('fonts/proximanova-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova_rgbold';
    src: url('fonts/proximanova-bold-webfont.woff2') format('woff2'),
    url('fonts/proximanova-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_novasemibold';
    src: url('fonts/proximanova-semibold-webfont.woff2') format('woff2'),
    url('fonts/proximanova-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body { /*background: #f5f6fa;*/
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    background: #f6f6f6;
    /*line-height:normal;*/
}

/*Model button styling*/
.rand {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border-radius: 10px;
    border: 2px solid transparent;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  
  /* Primary Button Style */
  .rand {
    background-color: #007bff; /* Bootstrap primary color */
    color: #fff;
    border-color: #007bff;
  }
  
  .rand:hover {
    background-color: #0056b3;
    border-color: #004085;
  }

  #rand1 {
    background-color: #bd3547; /* Bootstrap primary color */
    color: #fff;
    border-color:  #bd3547;
  }
  
  /* Label Style */
.textStyle {
    /* font-family: 'Arial', sans-serif; Change to desired font-family */
    font-size: 16px; /* Adjust label font size */
    font-weight: 600; /* Make label text semi-bold */
    color: #555; /* Medium grey color for label text */
    display: block; /* Ensure label takes full width */
    margin-bottom: 5px; /* Space between label and input */
    text-transform: capitalize; /* Capitalize the first letter of each word */
  }
  /*Model text style*/
  #statusModalLabel,#statusMessage {
    font-family: 'Helvetica', sans-serif; /* Choose a modern, clean font */
    font-size: 18px; /* Set an appropriate size for the modal header */
    font-weight: 700; /* Bold to make the title stand out */
    color: black; /* Use a Bootstrap primary color (blue) */
    margin: 0; /* Remove default margins */
    padding-bottom: 10px; /* Add spacing between the title and modal content */
    border-bottom: 2px solid #e9ecef; /* Add a subtle bottom border for separation */
  }
  
/*****   New Modification 12/07/2018 Start    *****/

.section-search-result-container {
    background: #fff;
    margin: 15px 26px 0 40px;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
}

.section-export-client-branches-container {
    margin: 0 23px 0 17px;
    padding: 0;
}

.section-addnew-inventory-items {
    margin: 15px 23px 0 15px;
    padding: 0;
}

.search-inventory-background {
    margin: 0 0 20px 0;
    padding: 20px 20px 10px 20px;
    border: 1px solid #e3e3e3;
    background: #fff;
}

.section-user-enrollment-form {
    margin: 15px 23px 0 18px;
    padding: 0;
}

.section-search-user-form {
    margin: 15px 23px 15px 17px;
    padding: 0;
}

.section-assign-manager-form {
    margin: 15px 23px 0 17px;
    padding: 0;
}

.section-assign-clients-form {
    margin: 15px 23px 0 17px;
    padding: 0;
}

.section-all-tickets-container {
    margin: 15px 13px 20px 24px;
    padding: 0 15px 10px 15px;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    display: flow-root;
}

.section-original-detail-office-detail {
    margin: 15px 31px 0 27px;
    padding: 0;
}

.section-super-user-profile-container {
    margin: 15px 23px 0 19px;
    padding: 0;
}

.section-change-logos-container {
    margin: 15px 23px 0 19px;
    padding: 0;
}

.section-guard-age-limit {
    margin: 15px 25px 0 19px;
    padding: 0;
}

.section-guards-status-report {
    margin: 25px 25px 0 19px;
    padding: 0;
    display: block;
}

.section-user-import-container {
    margin: 15px 25px 0 17px;
    padding: 0;
}

#addUserInBulkDetail {
    margin: 0 0 0 6px;
    padding: 0;
}

#addUserInBulkDetail ul {
    margin: 0;
    padding: 0;
}

#addUserInBulkDetail ul li {
    margin: 0;
    padding: 0;
    list-style: circle;
    font-family: 'proxima_nova_rgregular';
    font-size: 14px;
    font-weight: 500;
    color: #424242;
    text-align: left;
    text-decoration: none;
    line-height: 25px;
}

.section-guard-imports-container {
    margin: 15px 23px 0 17px;
    padding: 0;
}

.guard-import-list-one {
    margin: 0 0 0 6px;
    padding: 0;
}

.guard-import-list-one ul {
    margin: 0;
    padding: 0;
}

.guard-import-list-one ul li {
    margin: 0;
    padding: 0;
    list-style: circle;
    font-family: 'proxima_nova_rgregular';
    font-size: 14px;
    font-weight: 500;
    color: #424242;
    text-align: left;
    text-decoration: none;
    line-height: 25px;
}

.guard-import-list-two {
    margin: 0 0 0 6px;
    padding: 0;
}

.guard-import-list-two ul {
    margin: 0;
    padding: 0;
}

.guard-import-list-two ul li {
    margin: 0;
    padding: 0;
    list-style: circle;
    font-family: 'proxima_nova_rgregular';
    font-size: 14px;
    font-weight: 500;
    color: #424242;
    text-align: left;
    text-decoration: none;
    line-height: 25px;
}

.guard-import-list-three {
    margin: 0 0 0 6px;
    padding: 0;
}

.guard-import-list-three ul {
    margin: 0;
    padding: 0;
}

.guard-import-list-three ul li {
    margin: 0;
    padding: 0;
    list-style: circle;
    font-family: 'proxima_nova_rgregular';
    font-size: 14px;
    font-weight: 500;
    color: #424242;
    text-align: left;
    text-decoration: none;
    line-height: 25px;
}

.guard-import-list-four {
    margin: 0 0 0 6px;
    padding: 0;
}

.guard-import-list-four ul {
    margin: 0;
    padding: 0;
}

.guard-import-list-four ul li {
    margin: 0;
    padding: 0;
    list-style: circle;
    font-family: 'proxima_nova_rgregular';
    font-size: 14px;
    font-weight: 500;
    color: #424242;
    text-align: left;
    text-decoration: none;
    line-height: 25px;
}

.guard-import-list-five {
    margin: 0 0 0 6px;
    padding: 0;
}

.guard-import-list-five ul {
    margin: 0;
    padding: 0;
}

.guard-import-list-five ul li {
    margin: 0;
    padding: 0;
    list-style: circle;
    font-family: 'proxima_nova_rgregular';
    font-size: 14px;
    font-weight: 500;
    color: #424242;
    text-align: left;
    text-decoration: none;
    line-height: 25px;
}

.section-user-import-container {
    margin: 15px 23px 0 17px;
    padding: 0;
}

.user-import-list-six {
    margin: 0 0 0 6px;
    padding: 0;
}

.user-import-list-six ul {
    margin: 0;
    padding: 0;
}

.user-import-list-six ul li {
    margin: 0;
    padding: 0;
    list-style: circle;
    font-family: 'proxima_nova_rgregular';
    font-size: 14px;
    font-weight: 500;
    color: #424242;
    text-align: left;
    text-decoration: none;
    line-height: 25px;
}

.section-clients-import-container {
    margin: 15px 23px 0 17px;
    padding: 0;
}

.user-import-list-seven {
    margin: 0 0 0 6px;
    padding: 0;
}

.user-import-list-seven ul {
    margin: 0;
    padding: 0;
}

.user-import-list-seven ul li {
    margin: 0;
    padding: 0;
    list-style: circle;
    font-family: 'proxima_nova_rgregular';
    font-size: 14px;
    font-weight: 500;
    color: #424242;
    text-align: left;
    text-decoration: none;
    line-height: 25px;
}

.section-add-branches-container {
    margin: 15px 23px 0 17px;
    padding: 0;
}

.user-import-list-eight {
    margin: 0 0 0 6px;
    padding: 0;
}

.user-import-list-eight ul {
    margin: 0;
    padding: 0;
}

.user-import-list-eight ul li {
    margin: 0;
    padding: 0;
    list-style: circle;
    font-family: 'proxima_nova_rgregular';
    font-size: 14px;
    font-weight: 500;
    color: #424242;
    text-align: left;
    text-decoration: none;
    line-height: 25px;
}

.section-inventory-import-container {
    margin: 15px 23px 0 17px;
    padding: 0;
}

.user-import-list-nine {
    margin: 0 0 0 6px;
    padding: 0;
}

.user-import-list-nine ul {
    margin: 0;
    padding: 0;
}

.user-import-list-nine ul li {
    margin: 0;
    padding: 0;
    list-style: circle;
    font-family: 'proxima_nova_rgregular';
    font-size: 14px;
    font-weight: 500;
    color: #424242;
    text-align: left;
    text-decoration: none;
    line-height: 25px;
}

.section-assign-inventory-container {
    margin: 15px 23px 0 17px;
    padding: 0;
}

.user-import-list-ten {
    margin: 0 0 0 6px;
    padding: 0;
}

.user-import-list-ten ul {
    margin: 0;
    padding: 0;
}

.user-import-list-ten ul li {
    margin: 0;
    padding: 0;
    list-style: circle;
    font-family: 'proxima_nova_rgregular';
    font-size: 14px;
    font-weight: 500;
    color: #424242;
    text-align: left;
    text-decoration: none;
    line-height: 25px;
}

.section-prerequisite-inner-container {
    margin: 15px 23px 0 17px;
    padding: 0;
}

.section-search-clients-container {
    margin: 15px 23px 0 17px;
    padding: 0;
}

.section-type-locations-container {
    margin: 15px 23px 0 17px;
    padding: 0;
}

.section-user-update-form {
    margin: 15px 23px 0 17px;
    padding: 0;
}

.section-update-regional-office {
    margin: 15px 23px 0 17px;
    padding: 0;
}

.section-new-user-type-form {
    margin: 15px 23px 0 17px;
    padding: 0;
}

.section-audit-search-bar {
    margin: 55px 17px 0 25px;
    padding: 0;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e3e3e3;
}

.section-audit-search-bar-one {
    margin: 0 20px 0 24px;
    padding: 0;
}

.select-colour-button {
    margin: 0;
    padding: 0;
}

.select-colour-button ul {
    margin: 0;
    padding: 0;
}

.select-colour-button ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}

.select-colour-button ul li button {
    margin: 0;
    padding: 0 0 0 10px;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    text-transform: capitalize;
    color: #424242;
    background: #fff;
    outline: none;
    border: 1px solid #b3b3b3;
    border-radius: 4px;
    float: left;
    height: 39px;
    line-height: 36px;
}

.select-colour-button ul li button i {
    margin: 0 0 0 14px;
    padding: 0 12px;
    background: #1e81e7;
    font-size: 16px;
    text-align: center;
    border-radius: 0 3px 3px 0;
    color: #fff;
    float: right;
    height: 37px;
    line-height: 36px;
}

.section-add-new-client-document-type {
    margin: 15px 23px 0 17px;
    padding: 0;
}

.section-add-location-clients {
    margin: 15px 23px 0 17px;
    padding: 0;
}

/*****   New Modification 12/07/2018 End    *****/

.comment-verification p {
    white-space: nowrap;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    padding: 15px 0 !important;
    font-size: 12px;
    font-weight: 500;
    color: #565656;
    text-transform: uppercase;
    text-align: center !important;
    text-decoration: none;
    font-family: 'proxima_nova_rgregular';
}

.comment-verification p:hover {
    overflow: visible;
}

.icon-right-1 {
    margin: 0;
    padding: 0;
}

.icon-right-1 img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto;
    width: 21px;
}

.navigation-icon {
    margin: 0 15px 0 25px;
    padding: 0;
}

.navigation-icon img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto;
    width: 21px;
}

/*.nav>li>a>img {max-width: none;width: 21px;height: 21px;}*/

.top-heading-guard { /*margin: 53px 0 0 0;*/
    padding: 0;
    text-align: center; /*background: #918978;*/
    background: #f2f2f2;
    margin: 38px 0 0 0;
}

.top-heading-guard h1 {
    margin: 0;
    padding: 8px 0 8px 25px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase; /*color: #fff;*//*font-size:18px;*/
    font-weight: 500;
    color: #1d162a;
    font-family: 'proxima_nova_rgbold';
    font-size: 20px;
}

.general-information-form { /*margin: 12px 0 12px 0;padding:0px;border: 1px solid #e6ebf1;background: #fff;display: flow-root;*/
    margin: 30px 25px 15px 40px;
    padding: 0 0;
    border: none;
    background: none;
    display: flow-root;
}

.pre_requisites {
    margin: 0;
    padding: 0;
    background: #fff;
    display: flow-root;
    border: 1px solid #e3e3e3;
    border-radius: 6px 6px 6px 6px;
}

.general-information-form h1 { /*margin: 25px 0 25px 25px;padding: 14px 15px 0 0;font-size: 15px;font-weight: 600;text-align: center;text-transform: uppercase;text-decoration: none;color: #2ebd59;background:none;display: inline-block;*/
    margin: 0 0 0 0;
    padding: 14px 15px 14px 15px;
    font-size: 17px;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    color: #424242;
    background: #f7f7f7;
    display: block;
    font-family: 'proxima_novasemibold';
    border-bottom: 1px solid #e3e3e3;
    border-radius: 6px 6px 0 0;
}

.general-information-form h1 img {
    margin: 9px 0 0 0;
    padding: 0;
    width: 21px;
    height: 18px;
}

.btn-danger_2 {
    margin: 0;
    padding: 0;
}

.btn-danger_2 i {
    margin: 0 0 0 0;
    padding: 0;
    font-size: 15px;
    color: #fc0941;
    position: relative;
    left: 100px;
    top: -15px;
}

.general-information-form h1 span {
    background: none;
    float: left;
    height: 40px;
    vertical-align: top;
    margin: -13px 15px 0 0;
    text-align: center;
    padding: 0 10px;
    border: 1px solid #2ebd59;
}

.general-information-form input {
    margin: 5px 0 25px 0;
    padding: 0 0 0 15px;
    background: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 0;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    text-align: left;
    width: 100%;
    height: 45px;
    text-transform: uppercase;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.general-information-form ::-webkit-input-placeholder {
    color: #d4d4d4;
}

.general-information-form textarea {
    margin: 5px 0 0 0;
    padding: 20px 0 0 15px;
    background: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 0;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    text-align: left;
    width: 100%;
    height: 100px;
    text-transform: uppercase;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.general-information-form h2 {
    margin: 0 0 0 0;
    padding: 0 5px 0 0;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    background: #fff;
    position: absolute;
    z-index: 999;
}

.general-information-form h3 {
    margin: -31px 0 0 -27px;
    padding: 0 5px 0 0;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    background: #fff;
    position: absolute;
    z-index: 999;
}

.general-information-form input:focus {
    border: 1px solid #000;
}

.general-information-form button {
    margin: 0 0 25px 25px;
    padding: 0 0 0 0;
    border-radius: 0;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    text-align: left;
    text-transform: lowercase;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    color: #4c84ff;
    background: none;
    border: none;
}

.general-information-form button:hover {
    color: #000;
}

.general-information-form img {
    margin: -57px 15px;
    padding: 0;
    max-width: 100%;
    height: 22px;
    position: relative;
    float: right;
    width: 20px;
}

.general-information-form textarea:focus {
    border: none;
}

.general-information-form .main-container-form-custom {
    margin: 0 0 0 0;
    padding: 0;
    width: 100%;
}

.general-information-form .column-1 {
    margin: 0 0 0 25px;
    padding: 0;
    width: 46%;
    float: left;
}

.general-information-form .column-2 {
    margin: 0 0 0 30px;
    padding: 0;
    width: 46%;
    float: left;
}

.general-information-form .column-6 {
    margin: 0 0 25px 25px;
    padding: 25px;
    width: 95%;
    float: left;
    border: 1px solid #d4d4d4;
}

.general-information-form .column-7 {
    margin: 0 0 25px 25px;
    padding: 0 0 0 0;
    width: 95%;
    float: left;
}

.general-input-checkbox {
    margin: 0;
    padding: 0;
}

.general-input-checkbox ul {
    margin: 0;
    padding: 0;
}

.general-input-checkbox ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 11%;
}

.general-input-checkbox ul li input[type="radio"] {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    border: 1px solid #d4d4d4;
    width: 15px;
    height: 20px;
    background: #fff;
}

.general-input-checkbox ul li span { /*margin: 27px 0 0 30px;;padding: 0 0 0 0;font-size: 13px;font-weight: 500;text-align: left;text-transform: uppercase;text-decoration: none;color: #d4d4d4;display: flex;*/
    margin: 0 0 0 6px;
    padding: 0 0 0 0;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    color: #929292;
    font-family: 'proxima_nova_rgregular';
}

.general-input-checkbox h1 {
    margin: 2px 15px 0 0;
    padding: 0;
    color: #676767;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    float: left;
}

.employ-history-form {
    margin: 12px 0 12px 0;
    padding: 0;
    border: 1px solid #e6ebf1;
    background: #fff;
}

.employ-history-form h1 {
    margin: 25px 0 25px 25px;
    padding: 14px 15px 0 0;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #2ebd59;
    background: none;
    display: inline-block;
}

.employ-history-form h1 img {
    margin: 10px 0 0 0;
    padding: 0;
    width: 21px;
    height: 18px;
}

.employ-history-form h1 span {
    background: none;
    float: left;
    height: 40px;
    vertical-align: top;
    margin: -13px 15px 0 0;
    text-align: center;
    padding: 0 10px;
    border: 1px solid #2ebd59;
}

.employ-history-form input {
    margin: 5px 0 25px 0;
    padding: 0 0 0 15px;
    background: #fafafa;
    border: 1px solid #d4d4d4;
    border-radius: 0;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    text-align: left;
    width: 100%;
    height: 45px;
    text-transform: uppercase;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.employ-history-form ::-webkit-input-placeholder {
    color: #d4d4d4;
}

.employ-history-form textarea {
    margin: 5px 0 25px 0;
    padding: 20px 0 0 15px;
    background: #fafafa;
    border: 1px solid #d4d4d4;
    border-radius: 0;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    text-align: left;
    width: 100%;
    height: 100px;
    text-transform: uppercase;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.employ-history-form h2 {
    margin: 0 0 0 0;
    padding: 0 5px 0 0;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    background: #fafafa;
    position: absolute;
    z-index: 999;
}

.employ-history-form input:focus {
    border: 1px solid #000;
}

.employ-history-form button {
    margin: 0 0 25px 25px;
    padding: 0 0 0 0;
    border-radius: 0;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    text-align: left;
    text-transform: lowercase;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    color: #4c84ff;
    background: none;
    border: none;
}

.employ-history-form button:hover {
    color: #000;
}

.employ-history-form .rightbutton { /*margin: 16px 25px 0 0;*/
    margin: 0 21px 15px 0;
    padding: 4px 10px;
    background: #fef6f6;
    float: right;
}

.employ-history-form .rightbutton i {
    margin: 0 0 0 12px;
    padding: 0;
    color: #f22222;
    font-size: 14px;
    text-align: center;
}

.employ-history-form .rightbutton h3 {
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    text-transform: lowercase;
    text-decoration: none;
    color: #f22222;
}

.employ-history-form .main-container-employ {
    margin: 0 0 25px 25px;
    padding: 25px 0 0 0;
    width: 95%;
    background: #fafafa;
    border: 1px solid #efefef;
    display: flow-root;
}

.employ-history-form .column-3 {
    margin: 0 0 0 25px;
    padding: 0;
    width: 46%;
    float: left;
}

.employ-history-form .column-4 {
    margin: 0 0 0 30px;
    padding: 0;
    width: 46%;
    float: left;
}

.employ-history-form .column-8 {
    margin: 0 0 0 25px;
    padding: 0;
    width: 95%;
    float: left;
}

.table-content-container {
    margin: 12px 0 0 0;
    padding: 0;
    background: #ffffff;
}

.table-bordered {
    border: 1px solid #e6ebf1;
    background: #fff;
}

.table-heading {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    color: #fff;
    background: #2ebd59;
}

.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: 15px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #f9f9f9;
    text-align: center;
}

.table-heading2 { /*margin:0px;padding:0px;font-size: 13px;font-weight: 500;text-align: center;text-decoration: none;text-transform: capitalize;color: #4a4a4a;*/
    margin: 0;
    padding: 15px 0 !important;
    font-size: 12px;
    font-weight: 500;
    color: #565656;
    text-transform: uppercase;
    text-align: center !important;
    text-decoration: none;
    font-family: 'proxima_nova_rgregular';
}

.plain-select {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 200px;
}

.plain-select select {
    line-height: normal;
    height: 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    width: 471px;
    display: block;
    border: 1px solid #d4d4d4;
    background: #fff url(images/inpbg.png) repeat-x 0 0;
    color: #d4d4d4;
    padding: 10px 20px 7px 15px;
    margin: 0;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.ie8 .plain-select select {
    padding-right: 3px
}

.plain-select select:focus {
    background: #fff;
    outline: none;
    border: 1px solid #000;
}

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

.plain-select:after {
    content: "";
    position: absolute;
    z-index: 2;
    right: -250px;
    top: 50%;
    margin-top: -3px;
    height: 0;
    width: 0;
    border-top: 6px solid #c9ccd6;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    pointer-events: none;
}

label {
    display: block
}

.label-stacked {
    display: block;
    color: #505050;
    padding: 10px 0 7px 2px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.1;
}

.rating {
    float: left;
    border: 1px solid #d4d4d4;
    width: 100%;
    height: 50px;
    margin: 0 0 25px 0;
    padding: 0 15px;
}

.rating > input {
    display: none;
}

.rating > label:before {
    margin: 8px 6px;
    font-size: 14px;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
}

.rating > .half:before {
    content: "\f089";
    position: absolute;
}

.rating > label {
    color: #c9ccd7;
    float: left;
    margin: 10px 0 0 0;
}

.rating > input:checked ~ label,
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
    color: #FFD700;
}

.rating > input:checked + label:hover,
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label,
.rating > input:checked ~ label:hover ~ label {
    color: #FFED85;
}

.table-pagination {
    margin: 0 28px 0 0;
    padding: 0;
    float: right;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 6px 0 20px 0;
    border-radius: 0;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #bdbdbd;
    text-decoration: none;
    background-color: #fff; /*border:1px solid #fff;*/
    margin: 0 0 0 10px;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    border: 1px solid #d1d1d1;
    border-radius: 10px;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    z-index: 2; /*color: #2ebd59;background:#fff;border:1px solid #2ebd59;*/
    background: #fff;
    border: 1px solid #1f81e7;
    color: #1f81e7;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 2; /*color: #2ebd59;background:#fff;border:1px solid #2ebd59;*/
    cursor: default;
    background: #fff;
    border: 1px solid #1f81e7;
    color: #1f81e7;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    color: #1f81e7;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #1f81e7;
}

.profile-container { /*margin: 12px 0 12px 0;padding: 25px 25px 1px 25px;background: #fff;*/
    margin: 30px 0 15px 0; /*padding: 0 40px;*/
    /*padding: 0 28px 0 40px;*/
    background: #f6f6f6;
}

.profile-general-information {
    margin: 0;
    padding: 20px 0 0 20px;
    background: #fff;
    border: 1px solid #979797;
    border-radius: 8px;
    display: flex;
}

.profile-general-information .profile-image-left {
    margin: 0;
    padding: 0;
    float: left;
}

.profile-general-information .profile-image-left img {
    margin: 0;
    padding: 0;
    max-width: 100%; /*height: auto;*/
    border-radius: 8px;
    height: 141px;
}

.profile-general-information .profile-content-right {
    margin: 0;
    padding: 0;
    float: left;
}

.profile-general-information .profile-content-right ul {
    margin: 0;
    padding: 0;
}

.profile-general-information .profile-content-right ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}

.profile-general-information .profile-content-right h2 {
    margin: 0 0 15px 20px;
    padding: 0;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #2ebd59;
    background: none;
    display: inline-block;
}

.general-content {
    margin: 0 0 15px 0;
    padding: 0;
    text-align: left;
}

.general-content span { /*margin: 0 0 0 20px;padding:0px;color: #dddddd;font-size: 13px;font-weight: 500;text-align: left;text-decoration: none;text-transform: uppercase;*/
    margin: 0 0 0 20px;
    padding: 0;
    color: #676767;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'proxima_nova_rgregular';
}

.general-content h1 { /*margin:4px 0 0 20px;padding:0px;color:#515151;font-size:13px;font-weight:500;text-align:left;text-decoration:none;text-transform:uppercase;width: 180px;word-wrap:break-word;line-height:20px;width:120px;width: 100px;*/
    margin: -4px 0 0 20px;
    padding: 0;
    color: #1e81e7;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase; /* width: 180px; */
    word-wrap: break-word;
    line-height: 20px; /* width: 120px; */
    width: 100px;
    font-family: 'proxima_nova_rgregular';
}

.tab-container { /*margin: 25px 0 0 0;*/
    margin: 0 0 0 0;
    padding: 15px 0 0 0;
}

.tab .nav-tabs {
    position: relative;
    border-bottom: 0 none; /*background: #fff;*/
    background: none;
}

.tab .nav-tabs li {
    text-align: center;
    margin-right: 0;
}

.tab .nav-tabs li a { /*font-size: 12px;font-weight: 500;color: #4a4a4a;text-transform: uppercase;padding: 10px 59px;padding: 10px 42px;padding: 10px 27px;background: #fff;margin-right: 0;border-radius: 0;border: 1px solid #979797;border-right: none;border-bottom: 1px solid #979797;position: relative;transition: all 0.5s ease 0s;*/
    font-size: 13px;
    font-weight: 500;
    color: #515151;
    text-transform: uppercase; /* padding: 10px 59px; *//* padding: 10px 42px; */
    padding: 6px 12px;
    margin: 0 5px 5px 0;
    background: none;
    border-radius: 20px;
    border: none;
    border-right: none;
    border-bottom: none;
    position: relative;
    transition: all 0.5s ease 0s;
    font-family: 'proxima_novasemibold';
}

.tab .nav-tabs li:last-child a,
.tab .nav-tabs li:last-child.active a,
.tab .nav-tabs li:last-child a:hover { /*border-right: 1px solid #979797;*/
    border-right: none;
}

.tab .nav-tabs li a:hover,
.tab .nav-tabs li.active a { /*color: #fff;border-right: none;background: #2ebd59;border-left: 1px solid #2ebd59;border-bottom: 1px solid #2ebd59;border-top: 1px solid #2ebd59;*/
    color: #fff;
    border-right: none;
    background: #3a9ad4;
    border-radius: 20px; /*border-left: 1px solid #3a9ad4;border-bottom: 1px solid #3a9ad4; border-top: 1px solid #3a9ad4;*/
    border: none;
}

.tab .tab-content {
    font-size: 14px;
    color: #6f6c6c;
    line-height: 26px;
    padding: 0;
    margin-top: 20px;
}

.tab .tab-content h3 {
    font-size: 24px;
    color: #6f6c6c;
    margin-top: 0;
}

@media only screen and (max-width: 480px) {
    .tab .nav-tabs li {
        width: 100%;
        border-right: 1px solid #979797;
        margin-bottom: 8px;
    }
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    /*color: #555;*/
    /* cursor: default; */
    /*background-color: #fff;*/
    /* border: 1px solid #ddd; */
    /* border-bottom-color: transparent; */
}

.profile-interduce-section { /*margin: 0 0 20px 0;padding: 20px 0 0 1px;background: #fff;border: 1px solid #979797;border-radius: 8px;*/
    margin: 0 0 15px 0;
    padding: 0 0 0 0;
    background: #fff;
    border-radius: 0 0 6px 6px;
    border: 1px solid #e3e3e3;
}

.profile-interduce-section h1 {
    margin: 0 0 20px 0;
    padding: 14px 15px 0 20px;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #2ebd59;
    background: none;
    display: inline-block;
}

.profile-interduce-section h1 img {
    margin: 9px 0 0 0;
    padding: 0;
    width: 21px;
    height: 18px;
}

.profile-interduce-section h1 span {
    background: none;
    float: left;
    height: 40px;
    vertical-align: top;
    margin: -13px 15px 0 0;
    text-align: center;
    padding: 0 10px;
    border: 1px solid #2ebd59;
}

.interduce-section {
    margin: 20px 0 0 0;
    padding: 0;
}

.interduce-section ul {
    margin: 0;
    padding: 0;
}

.interduce-section ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}

.interduce-content {
    margin: 0 180px 20px 0;
    padding: 0;
}

.interduce-content span { /*margin: 0 0 0 20px;padding:0px;color: #dddddd;font-size: 13px;font-weight: 500;text-align: left;text-decoration: none;text-transform: uppercase;*/
    margin: 4px 0 0 20px;
    padding: 0;
    color: #676767;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'proxima_nova_rgregular';
}

.interduce-content h1 { /*margin: 4px 0 0 20px;padding:0px;color: #515151;font-size: 13px;font-weight: 500;text-align: left;text-decoration: none;text-transform: uppercase;*/
    margin: 4px 0 0 20px;
    padding: 0;
    color: #1e81e7;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'proxima_nova_rgregular';
}

.interduce-content br {
    margin: 0;
    padding: 0;
}

.employ-heading { /*margin:0px;padding:0px;display: flow-root;*/
    margin: 0;
    padding: 10px 0;
    display: flow-root;
    border: 1px solid #e3e3e3;
    border-bottom: none;
    border-radius: 6px 6px 0 0;
}

.employ-heading .employ-heading-left {
    margin: 0;
    padding: 0;
    float: left;
}

.employ-heading .employ-heading-left h1 { /*margin: 0 0 20px 0;padding: 14px 15px 0 20px;;font-size: 15px;font-weight: 600;text-align: center;text-transform: uppercase;text-decoration: none;color: #2ebd59;background:none;display: inline-block;*/
    margin: 0 0 0 0;
    /*padding: 14px 15px 14px 15px;*/
    padding: 6px 15px 0 15px;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #424242;
    background: none;
    display: inline-block;
    font-family: 'proxima_novasemibold';
}

.employ-heading .employ-heading-left h1 img {
    margin: 9px 0 0 0;
    padding: 0;
    width: 21px;
    height: 18px;
}

.employ-heading .employ-heading-left h1 span {
    background: none;
    float: left;
    height: 40px;
    vertical-align: top;
    margin: -13px 15px 0 0;
    text-align: center;
    padding: 0 10px;
    border: 1px solid #2ebd59;
}

.employ-heading .employ-add-button {
    margin: 0;
    padding: 0;
    float: right;
}

.employ-heading .employ-add-button button {
    margin: -4px 20px 0 0;
    padding: 12px 12px 10px 0;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    text-transform: lowercase;
    text-decoration: none;
    color: #2ebd59;
    background: url(../images/add-button.png) no-repeat center center;
    border: none;
    border-radius: 0;
    min-height: 50px;
    width: 34px;
}

/*.table>thead>tr>th {vertical-align: bottom;border-bottom: 2px solid #f9f9f9;}*/
.table-top-heading { /*margin:0px;padding:0px;font-size: 13px;font-weight: 600;color: #4a4a4a;text-transform: uppercase;text-align: center;text-decoration: none;*/
    margin: 0;
    padding: 15px 0 !important;
    font-size: 12px;
    /*font-weight: 500;*/
    color: #fff;
    text-transform: uppercase;
    text-align: center !important;
    text-decoration: none;
    background: #3f5a7f;
    /*font-family: 'proxima_nova_rgregular';*/
    font-family: 'proxima_novasemibold';
}

.table-bottom-heading { /*margin:0px;padding:0px;font-size: 12px;font-weight: 500;color: #4a4a4a;text-transform: uppercase;text-align: center;text-decoration: none;*/
    margin: 0;
    padding: 15px 0 !important;
    font-size: 12px;
    font-weight: 500;
    color: #565656;
    text-transform: uppercase;
    text-align: center !important;
    text-decoration: none;
    font-family: 'proxima_nova_rgregular';
}

.file-type {
    margin: 0 20px 0 0;
    padding: 0;
    float: right;
}

.file-type ul {
    margin: 0;
    padding: 0;
}

.file-type ul li {
    margin: 0 0 0 8px;
    padding: 0;
    float: left;
    list-style: none;
}

.file-type ul li a { /*margin:0px;padding: 6px 10px;color: #fff;font-size: 12px;font-weight: 500;text-transform: lowercase;text-align: center;text-decoration: none;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;background: #4a4a4a;border-radius: 4px;*/
    margin: 0;
    padding: 8px 10px 8px 8px;
    color: #1e81e7;
    font-family: 'proxima_novasemibold';
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background: none;
    border: 1px solid #6a7b8d;
    border-radius: 20px;
}

.file-type ul li a i {
    margin: 0 8px 0 0;
    padding: 0;
    color: #1e81e7;
    font-size: 14px;
    text-align: center;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

/*.file-type ul li:hover a{background: #2ebd59;}
.file-type ul li:hover i{color: #fff;}*/

.attachments-bottom-content {
    margin: 0;
    padding: 0 70px 20px;
    display: flex;
}

.attachments-bottom-content ul {
    margin: 0;
    padding: 0;
}

.attachments-bottom-content ul li {
    margin: 0 20px 0 0;
    padding: 0;
    list-style: none;
    float: left;
}

.attachments-bottom-content ul li select {
    margin: 0;
    padding: 0 10px;
    background: #fff;
    border: 1px solid #d4d4d4;
    color: #4a4a4a;
    text-align: left;
    text-decoration: none;
    font-size: 12px;
    border-radius: none;
    height: 40px;
    width: 220px;
}

#fileselector {
    margin: 10px;
}

#upload-file-selector {
    display: none;
}

.margin-correction {
    margin-right: 10px;
}

.btn {
    border-radius: 0;
    background: #eaeaea;
    font-size: 12px;
    text-align: center;
    color: #4a4a4a;
}

.btn-default {
    color: #4a4a4a;
    background-color: #eaeaea;
    border-color: #eaeaea;
    padding: 11px 21px 0 10px;
    height: 40px;
}

.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
    color: #4a4a4a;
    background-color: #eaeaea;
    border-color: #eaeaea;
}

.btn.active, .btn:active {
    background-image: none; /* outline: 0; *//* -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); *//* box-shadow: inset 0 3px 5px rgba(0,0,0,.125); */
}

.btn-default:hover {
    color: #4a4a4a;
    background-color: #eaeaea;
    border-color: #eaeaea;
}

.attachments-bottom-content ul li button {
    margin: 0;
    padding: 6px 14px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background: #2ebd59;
    border-radius: 4px;
    border: none;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.attachments-bottom-content ul li button i {
    margin: 0 8px 0 0;
    padding: 5px;
    color: #fff;
    font-size: 11px;
    text-align: center;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    border: 1px solid #fff;
    border-radius: 50%;
}

.dateinput {
    margin: 0;
    padding: 0;
    background: #fff;
    border: none;
    border-radius: none;
    width: 0;
}

.form-horizontal .control-label { /*padding-top: 7px;*/
    margin-bottom: 0;
    text-align: left;
    color: #2ebd59;
}

.input-group-addon { /*padding: 6px 0;font-size: 20px;font-weight: 400;line-height: 1;color: #9b9b9b;text-align: center;background: none;border: none;border-radius: 0;*/
    padding: 6px 10px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: #424242;
    text-align: center;
    background: #b3b3b3;
    border: none;
    border-radius: 4px 0 0 4px;
}

.attandance-heading { /*margin:0px;padding:0px;font-size: 13px;font-weight: 600;color: #4a4a4a;text-transform: uppercase;text-align: center;text-decoration: none;*/
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: 600;
    color: #424242;
    text-transform: uppercase;
    text-align: center !important;
    text-decoration: none;
    font-family: 'proxima_novasemibold';
}

.attandance-heading:after { /*margin: 0 0 0 52px;padding:0px;background: #4a4a4a;content: '';width: 1px;height: 17px;position: absolute;*/
    margin: 0 0 0 0;
    padding: 0;
    background: #4a4a4a;
    content: '';
    width: 1px;
    height: 17px;
    display: block; /* right: 0; *//* left: 0; */
    float: right;
}

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

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    /*padding: 15px 0;*/
    line-height: 1.42857143;
    vertical-align: top;
    border-top: none;
}

.attandance-left-top-right {
    margin: 0;
    padding: 0;
}

.attandance-left-top-right ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.attandance-left-top-right ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}

.attandance-left-top-right ul li h2 {
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: 600;
    color: #4a4a4a;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
}

.attandance-left-top-right ul li h2:after {
    margin: 0 0 0 52px;
    padding: 0;
    background: #4a4a4a;
    content: '';
    width: 1px;
    height: 17px;
    position: absolute;
}

.attandance-left-top-right:nth-of-type(odd) {
    background-color: #f9f9f9;
    height: 30px;
}

.login-container {
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

.inside-login-container {
    margin: 85px auto 0 auto;
    padding: 0;
    background: #fff;
    -webkit-box-shadow: 0 0 9px 0 rgba(50, 50, 50, 0.1);
    -moz-box-shadow: 0 0 9px 0 rgba(50, 50, 50, 0.1);
    box-shadow: 0 0 9px 0 rgba(50, 50, 50, 0.1);
    width: 550px;
}

.inside-login-container .login-pagelogo-center {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    display: table;
}

.inside-login-container .login-pagelogo-center img {
    margin: 30px 0 30px 0;
    padding: 0;
    max-width: 100%;
    height: auto;
    width: 140px;
}

.inside-login-container .login-input-type {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    display: table;
}

.inside-login-container .login-input-type input {
    margin: 0 0 20px 0;
    padding: 0 0 0 40px;
    background: #fff !important;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    text-align: left;
    border: 1px solid #979797;
    border-radius: 0;
    height: 45px;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    font-family: 'Roboto', sans-serif;
    color: #4a4a4a;
    width: 300px;
    outline: none;
}

.inside-login-container .login-input-type span img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto;
    position: relative;
    left: 30px;
    width: 16px;
    top: 1px;
}

.inside-login-container .login-input-type input:focus {
    border: 1px solid #000 !important;
}

.inside-login-container .login-input-type strong img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto;
    position: relative;
    left: 30px;
    width: 12px;
    top: 1px;
}

.inside-login-container .login-radio-button {
    margin: 18px auto 0 auto;
    padding: 0;
    display: table;
}

.inside-login-container .login-radio-button ul {
    margin: 0;
    padding: 0;
}

.inside-login-container .login-radio-button ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}

.inside-login-container .login-radio-button ul li input[type="radio"] {
    margin: 0 10px 0 0;
    padding: 0;
    border: 1px solid #979797;
    height: 10px;
    width: 10px;
}

.inside-login-container .login-radio-button ul li label {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    color: #4a4a4a;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    text-align: left;
    text-transform: capitalize;
}

/*.inside-login-container .login-radio-button button{margin:0px;padding:0px;background-color: #2ebd59;border: 0;border-radius: 0;font-size: 13px;font-weight: 500;text-decoration: none;text-align: center;text-transform: uppercase;color: #fff;width: 300px;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;font-family: 'Roboto', sans-serif;outline: none;}*/
.inside-login-container .login-page-button {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    display: table;
}

.inside-login-container .login-page-button button {
    margin: 8px -20px 0 0;
    padding: 10px 0;
    background-color: #2ebd59;
    border: 0;
    border-radius: 0;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    width: 300px;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    font-family: 'Roboto', sans-serif;
    outline: none;
    cursor: pointer;
}

.inside-login-container .login-page-button button:hover {
    background-color: #000;
}

.inside-login-container .login-forgetpassword {
    margin: 0 auto;
    text-align: center;
    display: table;
    padding: 20px
}

.inside-login-container .login-forgetpassword a {
    margin: 15px 0 40px 20px;
    padding: 0;
    background: none;
    border: 0;
    border-radius: 0;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
    text-transform: lowercase;
    color: #4a90e2;
    outline: none;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.inside-login-container .login-forgetpassword a:hover {
    color: #000;
}

.inside-login-container .login-remebermer { /*margin: 15px auto 15px auto;*/
    padding: 0;
    text-align: center;
    display: table;
    margin: 15px 0 15px 134px;
}

.inside-login-container .login-remebermer label {
    margin: 0 0 0 10px;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    color: #4a4a4a;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    text-align: left;
    text-transform: capitalize;
    float: left;
}

.inside-login-container .login-remebermer input[type="checkbox"] {
    margin: 1px 0 0 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    color: #4a4a4a;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    text-align: left;
    text-transform: capitalize;
    float: left;
}

.basic-verifications { /*margin: 15px 0 0 25px;*/
    padding: 0;
    margin: 20px 0 0 20px;
}

.basic-verifications ul {
    margin: 0;
    padding: 0;
}

.basic-verifications ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 50%;
}

.basic-verifications ul li input[type=checkbox] {
    margin: -14px 5px 0 0;
    padding: 0;
    border: 1px solid #d4d4d4;
    background: #fff;
    width: 14px;
    float: left;
}

.basic-verifications ul li label { /*font-family: 'Roboto', sans-serif;color: #4a4a4a ;font-size: 13px;font-weight: 500;text-decoration: none;text-align: left;text-transform: capitalize;float:left;*/
    color: #676767;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    text-align: left;
    text-transform: uppercase;
    float: left;
    font-family: 'proxima_novasemibold';
}

.basic-verifications ul li:last-child {
    width: 0;
}

.disabledAnchor a {
    pointer-events: none !important;
    cursor: default;
    color: Gray;
}

.general-information-select-form {
    margin: 0;
    padding: 0;
}

.general-information-select-form select {
    margin: 5px 0 25px 0;
    padding: 0 0 0 15px;
    background: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 0;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    text-align: left;
    width: 100%;
    height: 45px;
    text-transform: uppercase;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.general-information-select-form h2 {
    margin: 0 0 0 0;
    padding: 0 5px 0 0;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    background: #fff;
    position: absolute;
    z-index: 999;
}

.colum20 {
    margin: 0 0 0 25px;
    padding: 0;
    width: 46%;
    float: left;
}

.colum20 .general-information-select-cast {
    margin: 0;
    padding: 0;
}

.colum20 .general-information-select-cast input {
    margin: 5px 0 25px 0;
    padding: 0 0 0 15px;
    background: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 0;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    text-align: left;
    width: 100%;
    height: 45px;
    text-transform: uppercase;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.colum20 .general-information-select-cast h4 {
    margin: 0 0 0 0;
    padding: 0 5px 0 0;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    background: #fff;
    position: absolute;
    z-index: 999;
}

.colum20 .general-information-select-cast input:focus {
    background: #000;
}

.guard-enrollment-submit-button {
    margin: 0 auto;
    padding: 0 15px 0 31px;
    text-align: center;
}

.guard-enrollment-submit-button button {
    margin: 0;
    padding: 8px 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    color: #fff; /*background: #2ebd59;*/
    font-weight: 600;
    text-decoration: none;
    border: 0;
    border-radius: 0;
    outline: none;
    width: 100%;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    background: #1e81e7;
    font-family: 'proxima_novasemibold';
}

.guard-enrollment-submit-button a {
    margin: 0;
    padding: 8px 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    color: #fff;
    background: #2ebd59;
    font-weight: 600;
    text-decoration: none;
    border: 0;
    border-radius: 0;
    outline: none;
    width: 100%;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    display: inline-block;
}

.guard-enrollment-submit-button button:hover {
    background: #424242;
}

.guard-enrollment-submit-button button:focus {
    background: #424242;
}

.guard-enrollment-submit-button a:hover {
    background: #424242;
}

.guard-enrollment-submit-button a:focus {
    background: #424242;
}

.clients-tab-section {
    margin: 0 0 20px 0;
    padding: 20px 0 0 1px;
    background: #fff;
    border: 1px solid #979797;
    border-radius: 8px;
}

.clients-tab-section h2 {
    margin: 0 0 15px 21px;
    padding: 0;
    font-size: 15px;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    color: #2ebd59;
    background: none;
}

/*.clients-tab-section h1{margin: 0 0 20px 0;padding: 14px 15px 0 20px;font-size: 15px;font-weight: 600;text-align: center;text-transform: uppercase;text-decoration: none;color: #2ebd59;background:none;display: inline-block;}
.clients-tab-section h1 img{margin: 9px 0 0 0;padding:0px;width: 21px;height: 18px;}
.clients-tab-section h1 span{background:none;float: left;height: 40px;vertical-align: top;margin: -13px 15px 0 0;text-align: center;padding: 0 10px;border: 1px solid #2ebd59;}*/

.guard-profile-image-input { /*margin: 12px 0 0 0;padding: 5px 0;background:#2ebd59;border: 0;border-radius: 6px;outline: none;font-size: 12px;font-weight: 500;color: #fff;text-align: center;text-decoration: none;text-transform: uppercase;display: block;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;cursor: pointer;*/
    margin: 12px 0 0 0;
    padding: 10px 0;
    /*background: url(../images/search-button-bg.png) repeat center top;*/
    /*border: 1px solid #39e0af;*/
    background: #1e81e7;
    border: 1px solid #1e81e7;
    border-radius: 8px;
    font-family: 'proxima_novasemibold';
    font-size: 13px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    outline: none;
    cursor: pointer;
}

/*.guard-profile-image-input:hover{background: #000;outline:none;}
.guard-profile-image-input:focus{background: #000;outline:none;}*/
.guard-profile-image-input:focus {
    outline: none;
}

.modal-header { /*padding: 15px 0 0 25px;border-bottom: none;*/
    padding: 10px 0 10px 20px;
    border-bottom: 1px solid #e3e3e3;
    background: #f6f6f6;
    border-radius: 6px 6px 0 0;
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 20px rgba(0, 0, 0, .2);
}

.modal-header .close { /*margin-top: -15px;margin-right: 0;*/
    margin-top: -5px;
    margin-right: 5px;
}

button.close {
    -webkit-appearance: none;
    padding: 2px 7px;
    cursor: pointer;
    background: none;
    border: 0;
}

.close {
    float: right;
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
    color: #000;
    text-shadow: none;
    filter: alpha(opacity=20);
    opacity: 1;
    background: none !important;
}

.close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 1;
}

.modal-dialog {
    width: 720px;
    margin: 30px auto;
}

.modal-body {
    position: relative; /*padding: 15px 0 10px 25px;*/
    padding: 10px 20px;
}

.addcompany-heading {
    margin: 0;
    padding: 0;
}

.addcompany-heading h2 {
    /*margin: 0 0 0 0;padding: 0 15px 0 0;font-size: 14px;font-weight: 600;text-align: center;text-transform: uppercase;text-decoration: none;color: #2ebd59;
background: none;display: inline-block;*/
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #424242;
    background: none;
    display: inline-block;
    font-family: 'proxima_novasemibold';
    margin: 7px 0 0 0;
    padding: 0;
}

.addcompany-heading span img {
    margin: 0 10px 0 0;
    padding: 0;
    max-width: 100%;
    height: auto;
    width: 29px;
    border: none !important;
}

.add-company-main-container { /*margin: 10px 25px 0 0;*//*padding: 20px 20px 0 20px;*/
    background: #fafafa;
    border: 1px solid #efefef;
    display: flow-root;
    padding: 15px 10px 0 10px;
    margin: 10px 20px 0 0;
}

.add-company-main-container .colum-26 {
    margin: 0 25px 0 0;
    padding: 0;
    width: 48%;
    float: left;
}

.add-company-main-container .colum-27 {
    margin: 0;
    padding: 0;
    width: 48%;
    float: left;
}

.add-company-main-container .colum-28 {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
}

.add-company-input {
    margin: 0;
    padding: 0;
}

.add-company-input h6 {
    margin: 0 0 0 0;
    padding: 0 5px 0 0;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    background: #fafafa;
    position: absolute;
    z-index: 999;
}

.add-company-input input {
    margin: 5px 0 20px 0;
    padding: 0 0 0 15px; /*background: #fafafa*/
    background: #ffffff;
    border: 1px solid #d4d4d4;
    border-radius: 0;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    text-align: left;
    width: 100%;
    height: 45px;
    text-transform: uppercase;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.add-company-input textarea {
    margin: 5px 0 20px 0;
    padding: 13px 0 0 15px; /*background: #fafafa*/
    background: #ffffff;
    border: 1px solid #d4d4d4;
    border-radius: 0;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    text-align: left;
    width: 100%;
    height: 45px;
    text-transform: uppercase;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.add-company-input select {
    margin: 5px 0 20px 0;
    padding: 0 0 0 15px; /*background: #fafafa*/
    background: #ffffff;
    border: 1px solid #d4d4d4;
    border-radius: 0;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    text-align: left;
    width: 100%;
    height: 45px;
    text-transform: uppercase;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.add-company-input input:focus {
    border: 1px solid #000;
}

.add-company-input select:focus {
    border: 1px solid #000;
}

.add-company-submit-button {
    margin: 20px 25px 10px;
    padding: 0;
    text-align: right;
}

.add-company-submit-button button { /*margin: 0 0 0 10px;padding: 8px 30px;text-align: center;text-decoration: none;text-transform:uppercase;font-size: 14px;font-weight: 500;color: #fff;background: #2ebd59;border:0px;border-radius: 0;outline: none;*/
    margin: 0 0 0 10px;
    padding: 8px 30px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background: #25b389;
    border: 0;
    border-radius: 4px;
    outline: none;
    font-family: 'proxima_novasemibold';
}

.add-company-submit-button button.active {
    background: #dc1b31;
}

.pre-requisites-container {
    margin: 0;
    padding: 0;
}

.pre-requisites-container .pre-requisites-left {
    margin: 0;
    padding: 0;
    float: left !important;
}

.pre-requisites-container .pre-requisites-right {
    margin: 0;
    padding: 0;
    float: right !important;
}

.add-prerequisite-button {
    margin: 0;
    padding: 0;
}

.add-prerequisite-button button {
    margin: 0 10px 0 0;
    padding: 8px 14px;
    text-align: center;
    text-transform: capitalize;
    font-size: 15px;
    color: #fff;
    background: #2ebd59 !important;
    font-weight: 500;
    text-decoration: none;
    border: 0;
    border-radius: 0;
    outline: none;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    float: left;
}

.add-prerequisite-button button:hover {
    color: #000 !important;
}

.add-regional-button {
    margin: 0 0 0 20px;
    padding: 0;
    display: flow-root;
}

.add-regional-button a { /*margin: 0 10px 0 0;padding: 8px 14px;text-align: center;text-transform: capitalize;font-size: 15px;color: #fff;background: #2ebd59 !important;font-weight: 500;text-decoration: none;border: 0;border-radius: 0;outline: none;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;float:left;*/
    margin: 10px 0 0 0;
    padding: 6px 25px;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
    background: #25b389 !important;
    font-weight: 500;
    text-decoration: none;
    border: 0;
    border-radius: 6px;
    outline: none;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    float: left;
    font-family: 'proxima_nova_rgregular';
}

.add-regional-button a:hover {
    color: #25b389 !important;
    outline: none;
}

.guard-enrollment-top {
    margin: 0;
    padding: 0;
}

.guard-enrollment-top .guard-enrollment-top-left {
    margin: 0;
    padding: 0;
    float: none; /*width:50%;*/
}

.guard-enrollment-top .guard-enrollment-top-right {
    margin: 0;
    padding: 0;
    float: none; /*width:50%;*/
}

/*.centerlizeline{margin: -66px 50px 0 0;padding:0px;border-right:1px solid #e6ebf1;height: 304px;}*/

.box {
    display: block;
    width: 200px;
    height: 100px;
    background-color: #DDD;
}

#pop {
    padding: 0 0;
}

#example {
    position: relative;
}

.btn-danger {
    border: none;
}

.btn-danger {
    color: #4a4a4a;
    background: none;
    border: none;
    float: none;
    text-align: center;
}

.btn-danger i {
    margin: 0 0 0 0;
    padding: 0;
    font-size: 15px;
    color: #fc0941;
}

.btn-danger:hover {
    color: #4a4a4a;
    background: none;
    border: none;
}

.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover {
    color: #4a4a4a;
    background: none;
    border: none;
}

.btn-danger.focus, .btn-danger:focus {
    color: #fc0941;
    background: none;
    border: none;
}

.attachments-readmore-button { /*margin: 0 25px -40px 0;padding:0px;float: right;position: relative;top: -60px;*/
    margin: 0 15px 0 0;
    padding: 0;
    float: right;
    position: relative;
    top: -38px;
}

.attachments-readmore-button button {
    /*margin:0px;padding:0px;font-size: 13px;font-weight: 500;text-align: center;text-transform: lowercase;text-decoration: none;color: #2ebd59;
background: url(../images/add-button.png) no-repeat center center;border: 0;border-radius: 0;min-height: 50px;width: 34px;*/
    margin: 0;
    padding: 3px 9px;
    background: #25b389;
    border: 1px solid #25b389;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    outline: none;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.attachments-readmore-button button i {
    margin: 0;
    padding: 0;
    font-size: 13px;
    text-align: center;
    color: #fff;
    outline: none;
}

.add-company-main-container .colum-30 {
    margin: 0;
    padding: 0;
    width: 100%;
}

.add-company-main-container .colum-30 select {
    margin: 0 0 20px 0;
    padding: 0 15px;
    background: #fff;
    border: 1px solid #d4d4d4;
    color: #4a4a4a;
    text-align: left;
    text-decoration: none;
    font-size: 12px;
    border-radius: 0;
    height: 40px;
    width: 100%;
}

.guard-detail-image-bottom {
    margin: 20px 0 0 0;
    padding: 0;
    float: left;
}

.guard-detail-image-bottom img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: 40px;
    width: 40px;
}

.clients-section-tab-button {
    margin: 0;
    padding: 0;
    float: right;
}

.clients-section-tab-button button {
    margin: -4px 20px 0 0;
    padding: 12px 12px 10px 0;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    text-transform: lowercase;
    text-decoration: none;
    color: #2ebd59;
    background: url(../images/add-button.png) no-repeat center center;
    border: none;
    border-radius: 0;
    min-height: 50px;
    width: 34px;
}

pre {
    display: block;
    padding: 6px 15px;
    margin: 0 25px 20px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #fff;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #ee8b8b;
    border: 1px solid #fff;
    border-radius: 0;
    text-transform: capitalize;
}

.guard-profile-text-bottom {
    margin: 8px 0 0 0;
    padding: 0;
    text-align: left;
    width: 150px;
}

.guard-profile-text-bottom h6 {
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: 500;
    text-align: justify;
    text-decoration: none;
    color: #ee8b8b;
    word-break: break-all;
    word-wrap: break-word;
    text-transform: capitalize;
    line-height: 20px;
}

.attendance-section-heading {
    margin: 15px 0 15px 20px;
    padding: 0;
}

.attendance-section-heading h4 {
    margin: 0;
    padding: 0;
    color: #2ebd59;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
}

.attendance-section-heading h4 span { /*margin: 5px 0 0 10px;padding:0px;color: #2ebd59;font-size: 14px;font-weight: 500;text-align: left;text-decoration: none;text-transform: uppercase;position:absolute;z-index:999;*/
    margin: 5px 0 0 10px;
    padding: 0;
    color: #1e81e7;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    position: absolute;
    z-index: 999;
    font-family: 'proxima_nova_rgregular';
}

.attendance-section-heading h4 img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto;
    width: 20px;
    float: left;
}

.attendance-menu-container { /*margin:0px 0 4px 0;*/
    padding: 0;
    margin: 0 0 0 0;
}

.attendance-menu-top-heading { /*margin: 0 20px 0;*//*padding: 12px 20px 38px;*//*background:#f9f9f9;*/
    background: #f3f3f3;
    padding: 12px 20px 38px;
    margin: 0 0 4px 0;
}

.attendance-menu-top-heading h5 { /*margin: 5px 0 0 0;padding:0px;font-family: 'Roboto', sans-serif;color: #4a4a4a;font-size:14px;font-weight:600;text-decoration:none;text-align:left;text-transform:uppercase;float:left;*/
    margin: 5px 0 0 0;
    padding: 0;
    color: #515151;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    text-align: left;
    text-transform: uppercase;
    float: left;
    font-family: 'proxima_novasemibold';
}

.attendance-menu-top-heading button { /*margin:0px;padding: 1px 9px;text-align: center;text-transform: lowercase;font-size: 13px;color:#fff;background:#4a4a4a;font-weight:500;text-decoration: none;border:0px;border-radius:4px;outline:none;-webkit-transition: all 0.8s ease-in-out;-moz-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;-ms-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;float:right;*/
    margin: 0;
    padding: 1px 9px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    color: #1e81e7;
    background: none;
    font-weight: 500;
    text-decoration: none;
    border: 1px solid #6a7b8d;
    border-radius: 30px;
    outline: none;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    float: right;
    font-family: 'proxima_novasemibold';
}

.attendance-menu-top-heading button i {
    margin: 0 8px 0 0;
    padding: 0;
    text-align: left;
    color: #1e81e7;
    font-size: 13px;
}

/*.attendance-menu-top-heading button:hover{background:#2ebd59;color:#fff;}*/

.attendance-inside-container {
    margin: 0 20px 4px;
    padding: 0;
    background: #f2f2f2;
    display: flow-root;
}

.attendance-inside-container .attendance-inside-content-left {
    margin: 0;
    padding: 0;
    float: left;
}

.attendance-inside-container .attendance-inside-content-left ul {
    margin: 0;
    padding: 0;
}

.attendance-inside-container .attendance-inside-content-left ul li {
    margin: 0;
    padding: 8px 35px;
    list-style: none; /*font-family: 'Roboto', sans-serif;*/
    color: #4a4a4a;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    text-align: left;
    text-transform: uppercase;
    font-family: 'proxima_nova_rgregular';
}

.attendance-inside-container .attendance-inside-content-left ul li::before {
    background: #9b9b9b;
    bottom: auto;
    content: "";
    height: 8px;
    margin-top: 9px;
    position: absolute;
    right: auto;
    width: 8px;
    z-index: 1;
    border-radius: 50%;
    margin-left: -19px;
}

/*.attendance-inside-container .attendance-inside-content-left ul li::after{border-left:1px solid #9b9b9b;bottom:0;content:"";left:313px;position:absolute;top: 732px;height: 1289px;}*/

.attendance-inside-container .attendance-inside-button-right {
    margin: 10px 20px 0 0;
    padding: 0;
    float: right;
}

.attendance-inside-container .attendance-inside-button-right button { /*margin: 0 0 14px 0;padding: 1px 7px;text-align: center;text-transform: lowercase;font-size: 13px;color:#fff;background:#4a4a4a;font-weight:500;text-decoration: none;border:0px;border-radius:4px;outline:none;-webkit-transition: all 0.8s ease-in-out;-moz-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;-ms-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out*/
    margin: 0 0 14px 0;
    padding: 1px 7px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    color: #1e81e7;
    background: none;
    font-weight: 500;
    text-decoration: none;
    border-radius: 20px;
    outline: none;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    border: 1px solid #6a7b8d;
    font-family: 'proxima_novasemibold';
}

.attendance-inside-container .attendance-inside-button-right button i {
    margin: 0 6px 0 0;
    padding: 0;
    text-align: left;
    color: #1e81e7;
    font-size: 13px;
}

/*.attendance-inside-container .attendance-inside-button-right button:hover{background:#2ebd59;color:#fff;}*/

.attendance-candidate-heading {
    margin: 0;
    padding: 0;
}

.attendance-candidate-heading h6 { /*margin: 0 0 0 0;padding: 0 15px 0 0;font-size: 15px;font-weight: 600;text-align: center;text-transform: uppercase;text-decoration: none;color: #2ebd59;background: none;display: inline-block;*/
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #424242;
    background: none;
    display: inline-block;
    font-family: 'proxima_novasemibold';
}

.attendance-candidate-heading h6 img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto;
    width: 35px;
    float: left;
}

.attendance-candidate-heading h6 span {
    margin: 11px 0 0 0;
    padding: 0 0 0 0;
    float: left;
}

.attendance-candidate-table {
    margin: 0;
    padding: 10px 40px !important;
    background: #f9f9f9;
    color: #4a4a4a;
    font-size: 14px;
    font-weight: 600;
    text-align: left !important;
    text-decoration: none;
    border-bottom: none !important;
}

.attendance-candidate-table-bottom {
    margin: 0; /*padding: 10px 40px;*/
    padding: 6px 0 0 15px;
    background: #fff;
}

.attendance-candidate-table-bottom h1 {
    margin: 0 0 0 6px;
    padding: 0;
    color: #4a4a4a;
    font-size: 13px;
    font-weight: 500;
    text-align: left !important;
    text-decoration: none;
    border-bottom: none !important;
    font-family: 'proxima_nova_rgregular';
    float: left;
}

.attendance-candidate-table-bottom i {
    margin: 0;
    padding: 0;
    color: #4a4a4a;
    font-size: 13px;
    font-weight: 500;
    text-align: left !important;
    text-decoration: none;
    border-bottom: none !important;
    float: left;
}

.attendance-candidate-table-bottom input {
    margin: 0 10px 0 -10px;
    padding: 0;
    background: #fff;
    width: 12px;
    height: 12px;
    border: none;
}

.attendance-candidate-table-bottom2 {
    margin: 0;
    padding: 10px 15px; /*padding: 10px 40px;*//*background:#f9f9f9;*/
}

.attendance-candidate-table-bottom2 h1 {
    margin: 0 0 0 6px;
    padding: 0;
    color: #4a4a4a;
    font-size: 13px;
    font-weight: 500;
    text-align: left !important;
    text-decoration: none;
    border-bottom: none !important;
    font-family: 'proxima_nova_rgregular';
    float: left;
}

.attendance-candidate-table-bottom2 i {
    margin: 0;
    padding: 0;
    color: #4a4a4a;
    font-size: 13px;
    font-weight: 500;
    text-align: left !important;
    text-decoration: none;
    border-bottom: none !important;
    float: left;
}

.attendance-candidate-table-bottom2 input {
    margin: 0 10px 0 -10px;
    padding: 0;
    background: #fff;
    width: 12px;
    height: 12px;
    border: none;
}

.attendance-button-candidate {
    margin: 20px 35px 15px 0;
    padding: 0;
    text-align: right;
}

.attendance-button-candidate button {
    margin: 0 0 0 10px;
    padding: 8px 20px;
    background: #25b389;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    border: none;
    border-radius: 4px;
    outline: none;
    font-family: 'proxima_novasemibold';
}

.attendance-button-candidate button:hover {
    background: #25b389;
    outline: none;
}

.attendance-button-candidate button:focus {
    background: #25b389;
    outline: none;
}

.attendance-button-candidate button.active {
    background: #25b389;
    outline: none;
}

.deployee-card-container {
    margin: 0;
    padding: 0;
}

.deployee-card-container .colum_59 {
    margin: 0 0 0 20px;
    padding: 0;
    width: 46%;
    float: left;
}

.deployee-card-container .colum_60 {
    margin: 0 20px 0 0;
    padding: 0;
    width: 46%;
    float: right;
}

.deployee-card-select-option {
    margin: 0;
    padding: 0;
}

.deployee-card-select-option h4 {
    margin: 0 0 0 0;
    padding: 0 5px 0 0;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    background: #fff;
    position: absolute;
    z-index: 999;
}

.deployee-card-select-option select {
    margin: 5px 0 25px 0;
    padding: 0 0 0 15px;
    background: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 0;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    text-align: left;
    width: 100%;
    height: 45px;
    text-transform: uppercase;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.deployee-card-shifting { /*margin: 0 0 0 20px;*/
    margin: 0 0 0 20px;
    padding: 0;
}

.deployee-card-shifting h5 { /*margin: 0 0 8px 0;padding:0px;font-size: 15px;font-weight: 600;text-align: left;text-transform: uppercase;text-decoration: none;color: #2ebd59;*/
    margin: 5px 15px 0 0;
    padding: 0;
    color: #676767;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    float: left;
}

.deployee-card-shifting ul {
    margin: 0;
    padding: 0;
}

.deployee-card-shifting ul li {
    margin: 0 12px 0 0;
    padding: 0;
    list-style: none;
    float: left;
}

.deployee-card-shifting ul li label { /*margin:0px;padding:0px;font-size: 15px;font-weight:500;text-align: left;text-transform: capitalize;text-decoration: none;color: #000;*/
    margin: 0 0 0 6px;
    padding: 0 0 0 0;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    color: #929292;
    font-family: 'proxima_nova_rgregular';
}

.deployee-card-shifting ul li input[type="radio"] {
    margin: 6px 0 0 0;
    padding: 0;
    width: 14px;
    height: 14px;
    border: none;
    border-radius: 0;
}

.deployee-card-button {
    margin: 20px 0 10px 20px;
    padding: 0;
}

.deployee-card-button button {
    margin: 0;
    padding: 6px 20px;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    color: #fff;
    background: #2ebd59;
    font-weight: 600;
    text-decoration: none;
    border: 0;
    border-radius: 0;
    outline: none;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.deployee-card-button button:hover {
    background: #000;
    color: #fff;
}

.deployee-card-button button:active {
    background: #000;
    color: #fff;
}

.deployee-card-button button:focus {
    background: #000;
    color: #fff;
}

.branch-table-button {
    margin: 0;
    padding: 0;
}

.branch-table-button button {
    margin: 12px 0 0 24px;
    padding: 4px 7px;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    color: #fff;
    background: #2ebd59;
    font-weight: 500;
    text-decoration: none;
    border: 0;
    border-radius: 0;
    outline: none;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.branch-table-button button:hover {
    background: #000;
    color: #fff;
}

.branch-table-button button:active {
    background: #000;
    color: #fff;
}

.branch-table-button button:focus {
    background: #000;
    color: #fff;
}

.contract-tab-button {
    margin: 0;
    padding: 0;
}

.contract-tab-button button {
    margin: 12px 0 0 0;
    padding: 4px 7px;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    color: #fff;
    background: #2ebd59;
    font-weight: 500;
    text-decoration: none;
    border: 0;
    border-radius: 0;
    outline: none;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.contract-tab-button button:hover {
    background: #000;
    color: #fff;
}

.contract-tab-button button:active {
    background: #000;
    color: #fff;
}

.contract-tab-button button:focus {
    background: #000;
    color: #fff;
}

.deserted-fields-setup { /*margin: 21px 0 0 0;*/
    padding: 0;
    margin: 0 0 0 0;
}

.deserted-fields-setup ul {
    margin: 0;
    padding: 0;
}

.deserted-fields-setup ul li {
    margin: 0 10px 0 0;
    padding: 0;
    list-style: none;
    float: left;
}

.deserted-fields-setup ul li label { /*margin:0px;padding:0px;font-size:12px;font-weight:500;text-align:left;text-transform: uppercase;text-decoration:none;color:#000;*/
    color: #929292;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
}

.deserted-fields-setup ul li input[type="checkbox"] {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    width: 16px !important;
    height: 16px !important;
}

.attachment-image-right {
    margin: 12px 12px 0 0;
    padding: 0;
    float: left;
    cursor: pointer;
}

.attachment-image-right img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto;
}

.change-password-button { /*margin: 4px 0 0 1px;padding: 0;color: #515151;font-size: 13px;font-weight: 500;text-align: left;text-decoration: none;text-transform: uppercase;word-wrap: break-word;line-height:20px;cursor:pointer;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;*/
    margin: 4px 0 0 1px;
    padding: 0;
    color: #25b389;
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    word-wrap: break-word;
    line-height: 20px;
    cursor: pointer;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.change-password-button:hover {
    color: #25b389;
}

.change-password-button:focus {
    color: #25b389;
    outline: none;
}

.change-password-button:active {
    color: #25b389;
    outline: none;
}

.file-type_branch_name {
    margin: 0 20px 0 0;
    padding: 0;
}

.file-type_branch_name ul {
    margin: 0;
    padding: 0;
}

.file-type_branch_name ul li {
    margin: 0 0 0 8px;
    padding: 0;
    list-style: none;
}

.file-type_branch_name ul li button {
    margin: 10px 0 0 13px;
    padding: 6px 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    background: #4a4a4a;
    border-radius: 4px;
    border: none;
}

.file-type_branch_name ul li button i {
    margin: 0 8px 0 0;
    padding: 0;
    color: #fff;
    font-size: 14px;
    text-align: center;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.file-type_branch_name ul li:hover button {
    background: #2ebd59;
}

.file-type_branch_name ul li:hover i {
    color: #fff;
}

.general-content_model_profile {
    margin: 0 0 15px 0;
    padding: 0;
    text-align: center;
}

.general-content_model_profile span {
    margin: 0 0 0 20px;
    padding: 0;
    color: #dddddd;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.general-content_model_profile h1 {
    margin: 4px 0 0 20px;
    padding: 0;
    color: #515151;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase; /*width: 180px;*/
    word-wrap: break-word;
    line-height: 20px; /*width:120px;*/
    width: 100px;
}

.guards-attachment-label-heading {
    margin: 4px 6px 0 0;
    padding: 0;
    float: left;
    font-family: 'proxima_nova_rgregular';
    font-size: 14px;
}

.module-main-container_dashboard_option {
    margin: 0 15px 15px 0;
    padding: 0;
    border: 1px solid #e3e3e3;
    border-radius: 4px 4px 0 0;
    float: left;
    height: 210px;
}

.module-main-container_dashboard_option .module-profile-heading_2 {
    margin: 0 0 6px 0;
    padding: 10px 95px 10px 10px;
    background: #3f5a7f;
}

.module-main-container_dashboard_option .module-profile-heading_2 span {
    margin: 0 0 0 10px;
    padding: 0;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'proxima_nova_rgregular';
}

.checkbox-dashboard-option {
    margin: 0 0 0 10px;
    padding: 0;
}

.checkbox-dashboard-option input[type="checkbox"] {
    margin: 0;
    padding: 0;
    width: 12px;
    height: 12px;
}

.checkbox-dashboard-option span {
    margin: 0 0 0 6px;
    padding: 0;
    color: #424242;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'proxima_nova_rgregular';
}

/* New Design Implemation Css */

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border: 1px solid #e3e3e3;
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 0 solid #ddd;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f3f3f3 !important;
}

.employ-heading .addnew-button-rightside {
    margin: 0 15px 0 0;
    padding: 0;
    float: right;
}

.employ-heading .addnew-button-rightside button {
    margin: 0;
    padding: 3px 9px;
    background: #25b389;
    border: 1px solid #25b389;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    outline: none;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.employ-heading .addnew-button-rightside button i {
    margin: 0;
    padding: 0;
    font-size: 13px;
    text-align: center;
    color: #fff;
    outline: none;
}

/*.employ-heading .addnew-button-rightside button:hover{background:#2187ef;outline:none;border:1px solid #2187ef;}*/
/*.employ-heading .addnew-button-rightside button:active{background:#2187ef;outline:none;border:1px solid #2187ef;}*/
/*.employ-heading .addnew-button-rightside button:focus{background:#2187ef;outline:none;border:1px solid #2187ef;}*/

.employ-heading .addnew-button-rightside a {
    margin: 0;
    padding: 3px 9px;
    background: #25b389;
    border: 1px solid #25b389;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    outline: none;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    display: inline-block;
    cursor: pointer;
}

.employ-heading .addnew-button-rightside a i {
    margin: 0;
    padding: 0;
    font-size: 13px;
    text-align: center;
    color: #fff;
    outline: none;
}

/*.employ-heading .addnew-button-rightside a:hover{background:#2187ef;outline:none;border:1px solid #2187ef;}*/
/*.employ-heading .addnew-button-rightside a:active{background:#2187ef;outline:none;border:1px solid #2187ef;}*/
/*.employ-heading .addnew-button-rightside a:focus{background:#2187ef;outline:none;border:1px solid #2187ef;}*/

.newlink-buttton-right-side {
    margin: 0;
    padding: 0;
    float: right;
}

.newlink-buttton-right-side a {
    margin: 0;
    padding: 3px 9px;
    background: #1e81e7;
    border: 1px solid #1e81e7;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    outline: none;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    display: inline-block;
}

.newlink-buttton-right-side a i {
    margin: 0;
    padding: 0;
    font-size: 13px;
    text-align: center;
    color: #fff;
    outline: none;
}

.miscellaneous_form {
    margin: 20px 0 52px 0;
    padding: 0 30px;
}

.miscellaneous_form select {
    margin: 0;
    padding: 0 15px;
    background: #fff url(../images/input-select-arrow.png) no-repeat right 3% center;
    border: 1px solid #b3b3b3;
    border-radius: 4px;
    color: #929292;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
    height: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-size: 8px;
}

.miscellaneous_form select:focus {
    border: 1px solid #1e81e7;
}

.general-information-form_new_design {
    margin: 0 -10px 15px 8px;
    padding: 0 0;
    background: none;
    display: flow-root;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
}

.general-information-form_new_design .main-container-form-custom_new_design {
    margin: 0;
    padding: 25px 25px 10px 25px;
    width: 100%;
    background: #fff;
    border-radius: 0 0 6px 6px;
}

.general-information-new-design {
    margin: 0;
    padding: 0;
    background: #f7f7f7;
    border-radius: 6px;
}

.general-information-new-design h2 {
    margin: 0 0 0 0;
    padding: 14px 15px 14px 15px;
    font-size: 17px;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    color: #424242;
    background: #f7f7f7;
    display: block;
    font-family: 'proxima_novasemibold';
    border-radius: 6px 6px 0 0;
    border-bottom: 1px solid #e3e3e3;
}

.general-information-form_section-one {
    /*    margin: 0 0 15px 0;*/
    margin: 0 0 25px 0;
    padding: 0;
}

.general-information-form_section-one label {
    /*    margin: 0 0 6px 0;*/
    padding: 0;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    color: #424242;
}

.general-information-form_section-one input {
    margin: 0;
    padding: 0 15px;
    background: #fff;
    border: 1px solid #b3b3b3;
    border-radius: 4px;
    color: #424242;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    font-size: 14px !important;
    text-align: left;
    text-decoration: none;
    width: 100%;
    height: 40px;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.general-information-form_section-one input:focus {
    border: 1px solid #1e81e7;
}

.general-information-form_section-one img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto;
    position: absolute;
    right: 70px;
    top: 42px;
    width: 18px;
}

.general-information-form_section-one select {
    margin: 0;
    padding: 0 15px;
    background: #fff url(../images/input-select-arrow.png) no-repeat right 3% center;
    border: 1px solid #b3b3b3;
    border-radius: 4px;
    color: #424242;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    width: 100%;
    height: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-size: 8px;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.general-information-form_section-one select:focus {
    border: 1px solid #1e81e7;
}

::-webkit-input-placeholder {
    color: #929292;
}

:-moz-placeholder {
    color: #929292;
}

::-moz-placeholder {
    color: #929292;
}

:-ms-input-placeholder {
    color: #929292;
}

::-webkit-select-placeholder {
    color: #929292;
}

:-moz-placeholder {
    color: #929292;
}

::-moz-placeholder {
    color: #929292;
}

:-ms-select-placeholder {
    color: #929292;
}

.general-information-form_section-one option {
    margin: 0;
    padding: 0;
    border: 1px solid #b3b3b3;
    color: #424242;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    width: 100%;
    height: 40px;
    background: #fff;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.search-button-new-design {
    margin: 20px 25px 10px 0;
    padding: 0;
    text-align: left;
    float: right;
    clear: both;

}

.search-button-new-design button {
    margin: 0;
    padding: 6px 35px;
    /*padding: 8px 65px;*/
    /*background: url(../images/search-button-bg.png) repeat center top;*/
    background: #1e81e7;
    border: 1px solid #1e81e7;
    border-radius: 8px;
    font-family: 'proxima_novasemibold';
    /*font-size: 20px;*/
    font-size: 17px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    outline: none;
}

.search-button-new-design button:focus {
    outline: none;
}

.profile-image-left img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto;
    -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.10);
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.10);
    border: 3px solid #f8f8f8;
    width: 206px;
}

.profile-image-new-design {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    display: table;
}

.profile-image-new-design img {
    margin: 10px 4px 0 4px;
    padding: 0;
    height: 35px;
    width: 35px;
    cursor: pointer;
}

.client-profile-new-design-top-content {
    margin: -40px 15px 0 0;
    padding: 0;
    position: absolute;
    right: 16px;
    z-index: 999;
}

.client-profile-new-design-top-content ul {
    margin: 0;
    padding: 0;
}

.client-profile-new-design-top-content ul li {
    margin: 0 0 0 10px;
    padding: 8px 16px;
    list-style: none;
    float: left;
    border: 1px solid #6a7b8d;
    border-radius: 20px;
}

.client-profile-new-design-top-content ul li a {
    margin: 0;
    padding: 0;
    color: #1e81e7;
    font-family: 'proxima_novasemibold';
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.client-profile-new-design-top-content ul li i {
    margin: 0 4px 0 0;
    padding: 0;
    color: #1e81e7;
    font-size: 20px;
    text-align: center;
    float: left;
}

.btn, .buttons, .modal-footer .btn + .btn, button { /* margin-bottom: 5px; *//* margin-right: 5px; */
    padding: 0;
}

.general-information-new-design .right-side-plus-button {
    margin: -40px 0 0 0;
    padding: 0;
    position: absolute;
    right: 45px;
    z-index: 999;
}

.general-information-new-design .right-side-plus-button button {
    margin: 0;
    padding: 3px 9px;
    background: #25b389;
    border: 1px solid #25b389;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    outline: none;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    display: inline-block;
}

.general-information-new-design .right-side-plus-button button i {
    margin: 0;
    padding: 0;
    font-size: 13px;
    text-align: center;
    color: #fff;
    outline: none;
}

.general-information-new-design .right-side-plus-button a {
    margin: 0;
    padding: 3px 9px;
    background: #25b389;
    border: 1px solid #25b389;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    outline: none;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    display: inline-block;
}

.general-information-new-design .right-side-plus-button a i {
    margin: 0;
    padding: 0;
    font-size: 13px;
    text-align: center;
    color: #fff;
    outline: none;
}

.general-information-new-design .right-side-plus-button select {
    margin: 0;
    padding: 0 15px;
    background: #fff url(../images/input-select-arrow.png) no-repeat right 6% center;
    border: 1px solid #b3b3b3;
    border-radius: 4px;
    color: #929292;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
    height: 34px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-size: 8px;
}

.general-information-new-design .right-side-plus-button select:focus {
    border: 1px solid #1e81e7;
}

.client-branches-icon-table {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    display: table;
}

.client-branches-icon-table ul {
    margin: 0;
    padding: 0;
}

.client-branches-icon-table ul li {
    margin: 10px 0 0 10px;
    padding: 4px 12px;
    list-style: none;
    float: left;
    border: 1px solid #6a7b8d;
    border-radius: 20px;
}

.client-branches-icon-table ul li button {
    margin: 0;
    padding: 0;
    color: #1e81e7;
    font-family: 'proxima_novasemibold';
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background: none;
    border: none;
    border-radius: 0;
}

.client-branches-icon-table ul li i {
    margin: 0 4px 0 0;
    padding: 0;
    color: #1e81e7;
    font-size: 15px;
    text-align: center;
    float: left;
}

.client-attachments-table-right-side {
    margin: 0 20px 0 0;
    padding: 0;
    float: right;
    width: 310px;
}

.client-attachments-table-right-side ul {
    margin: 0;
    padding: 0;
}

.client-attachments-table-right-side ul li {
    margin: 10px 0 0 10px;
    padding: 4px 12px;
    list-style: none;
    float: left;
    border: 1px solid #6a7b8d;
    border-radius: 20px;
}

.client-attachments-table-right-side ul li a {
    margin: 0;
    padding: 0;
    color: #1e81e7;
    font-family: 'proxima_novasemibold';
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background: none;
    border: none;
    border-radius: 0;
}

.client-attachments-table-right-side ul li i {
    margin: 3px 4px 0 0;
    padding: 0;
    color: #1e81e7;
    font-size: 15px;
    text-align: center;
    float: left;
}

.client-attachments-table-right-side ul li button {
    margin: 0;
    padding: 0;
    color: #1e81e7;
    font-family: 'proxima_novasemibold';
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background: none;
    border: none;
    border-radius: 0;
}

.heading-ath-one {
    margin: 0 0 0 6px;
    padding: 0;
    color: #676767;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'proxima_nova_rgregular';
    float: left;
}

.user-profile-input-upload {
    margin: 4px 0 0 0;
    padding: 0;
    width: 200px;
    float: left;
}

.login-page-section {
    margin: 70px 0 0 0;
    padding: 0;
}

.login-page-section .login-page-logo {
    margin: 0 0 30px 0;
    padding: 0;
    text-align: center;
    display: block;
}

.login-page-section .login-page-logo img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto;
    width: 150px;
}

.loginpage-bg-inside-one {
    margin: 0 0 0 26px;
    padding: 0;
    background: #fff;
    height: 262px;
    width: 90%;
    border-radius: 4px; /*-webkit-box-shadow: 2px 2px 7px 0 rgba(86, 85, 86, 0.75);-moz-box-shadow: 2px 2px 7px 0 rgba(86, 85, 86, 0.75);box-shadow: 2px 2px 7px 0 rgba(86, 85, 86, 0.75);*/
}

.loginpage-bg-inside-two {
    margin: 0 0 0 30px;
    padding: 0;
    background: #fff;
    height: 253px;
    width: 90%;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 10px 0 rgba(86, 85, 86, 0.50);
    -moz-box-shadow: 0 2px 10px 0 rgba(86, 85, 86, 0.50);
    box-shadow: 0 2px 10px 0 rgba(86, 85, 86, 0.50);
    position: absolute;
    left: 0;
    right: 0;
}

.loginpage-bg-inside-three {
    margin: 0;
    padding: 25px;
    background: #fff;
    height: 244px;
    width: 383px;
    border-radius: 4px;
    position: absolute;
    right: 0;
    left: -16px;
    -webkit-box-shadow: 0 2px 10px 0 rgba(86, 85, 86, 0.50);
    -moz-box-shadow: 0 2px 10px 0 rgba(86, 85, 86, 0.50);
    box-shadow: 0 2px 10px 0 rgba(86, 85, 86, 0.50);
}

.login-page-input-form_new_design {
    margin: 0 0 15px 0;
    padding: 0;
}

.login-page-input-form_new_design input {
    margin: 0;
    padding: 0 15px;
    background: #f9f9f9;
    border: 1px solid #cecece;
    border-radius: 6px;
    color: #929292;
    font-size: 14px;
    font-family: 'proxima_nova_rgregular';
    text-align: left;
    text-decoration: none;
    width: 100%;
    height: 40px;
    outline: none;
}

.login-page-input-form_new_design .checkbox_new_design {
    margin: 8px 0 0 0;
    padding: 0;
    float: left;
}

.login-page-input-form_new_design .checkbox_new_design input[type='checkbox'] {
    margin: 0;
    padding: 0;
    background: #f9f9f9;
    border: 1px solid #cecece;
    border-radius: 6px;
    float: left;
    width: 18px;
}

.login-page-input-form_new_design .checkbox_new_design label {
    margin: 10px 0 0 8px;
    padding: 0;
    color: #565555;
    font-family: 'proxima_nova_rgregular';
    text-align: left;
    text-decoration: none;
    font-size: 14px;
    float: left;
}

.login-page-input-form_new_design button {
    margin: 10px 0 0 0;
    padding: 6px 0;
    background: #25b389;
    border: 1px solid #25b389;
    border-radius: 6px;
    color: #fff;
    font-family: 'proxima_nova_rgregular';
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    outline: none;
    width: 100%;
    font-size: 18px;
}

.guard-clients-new-design {
    margin: 10px 0 0 42px;
    padding: 0;
    float: left;
}

.guard-clients-new-design ul {
    margin: 0;
    padding: 0;
}

.guard-clients-new-design ul li {
    margin: 0 10px 0 0;
    padding: 0;
    list-style: none;
    float: left;
}

.guard-clients-new-design ul li input[type="radio"] {
    margin: 0;
    padding: 0;
    border: 1px solid #d4d4d4;
    width: 15px;
    height: 20px;
    background: #fff;
    float: left;
}

.guard-clients-new-design ul li span {
    margin: 0 0 0 6px;
    padding: 0 0 0 0;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    color: #929292;
    font-family: 'proxima_nova_rgregular';
    float: left;
}

.guard-clients-button-new-design {
    margin: 0;
    padding: 0;
    float: left;
}

.guard-clients-button-new-design button {
    margin: 0;
    padding: 4px 12px;
    background: #25b389;
    border: 1px solid #25b389;
    border-radius: 6px;
    font-family: 'proxima_nova_rgregular';
    font-size: 14px;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

.ticket-detail-container-left-content {
    margin: 20px 0 0 40px;
    padding: 20px;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

.ticket-page-heading {
    margin: 0;
    padding: 0;
}

.ticket-page-heading h2 {
    margin: 0;
    padding: 0;
    color: #1d162a;
    font-family: 'proxima_nova_rgregular';
    font-size: 24px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
}

.ticket-page-heading p {
    margin: 4px 0 0 0;
    padding: 0;
    color: #8d8d8d;
    font-family: 'proxima_nova_rgregular';
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
}

.ticket-page-detail_new {
    margin: 15px 0 0 0;
    padding: 0;
}

.ticket-page-detail_new h2 {
    margin: 0;
    padding: 0;
    color: #1d162a;
    font-family: 'proxima_nova_rgregular';
    font-size: 24px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
}

.ticket-page-detail_new p {
    margin: 4px 0 0 0;
    padding: 0;
    color: #8d8d8d;
    font-family: 'proxima_nova_rgregular';
    font-size: 14px;
    text-align: justify;
    text-decoration: none;
    word-wrap: break-word;
}

.ticket-page-detail_new textarea {
    margin: 20px 0 15px 0;
    padding: 8px 12px;
    background: #fff;
    border: 1px solid #b3b3b3;
    border-radius: 4px;
    outline: none;
    font-family: 'proxima_nova_rgregular';
    font-size: 14px;
    color: #929292;
    text-align: left;
    text-decoration: none;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    width: 100%;
    height: 120px;
}

.ticket-page-detail_new textarea:focus {
    border: 1px solid #1e81e7;
    outline: none;
}

.add-new-cc-button-new-design {
    margin: 0;
    padding: 0;
}

.add-new-cc-button-new-design button {
    margin: 0;
    padding: 7px 0;
    border: 1px solid #1e81e7;
    background: #1e81e7;
    border-radius: 4px;
    outline: none;
    font-family: 'proxima_nova_rgregular';
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    width: 100%;
}

.add-new-cc-button-one-new-design {
    margin: 0;
    padding: 0;
}

.add-new-cc-button-one-new-design button {
    margin: 0;
    padding: 7px 0;
    background: #25b389;
    border: 1px solid #25b389;
    border-radius: 6px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    outline: none;
    width: 100%;
    text-transform: uppercase;
}

.conversation-heading-top {
    margin: 30px 0 0 0;
    padding: 0;
}

.conversation-heading-top h3 {
    margin: 0;
    padding: 0;
    color: #1d162a;
    font-family: 'proxima_nova_rgregular';
    font-size: 24px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
}

.conversation-container-content {
    margin: 16px 0 0 0;
    padding: 0;
}

.conversation-container-content .conversation-content-left {
    margin: 0;
    padding: 0;
    float: left;
}

.conversation-container-content .conversation-content-left img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto;
    border: 1px solid #d6d6d6;
    width: 55px;
}

.conversation-container-content .conversation-content-right {
    margin: 0 0 20px 15px;
    padding: 0 0 15px 0;
    float: left;
    width: 536px;
    border-bottom: 1px solid #d5d5d5;
}

.conversation-container-content .conversation-content-right ul {
    margin: 0;
    padding: 0;
}

.conversation-container-content .conversation-content-right ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.conversation-container-content .conversation-content-right ul li h4 {
    margin: 0;
    padding: 0;
    font-family: 'proxima_novasemibold';
    font-size: 14px;
    color: #1e81e7;
    text-align: left;
    text-decoration: none;
}

.conversation-container-content .conversation-content-right ul li h5 {
    margin: 5px 0 0 0;
    padding: 0;
    font-family: 'proxima_nova_rgregular';
    font-size: 14px;
    color: #949494;
    text-align: left;
    text-decoration: none;
}

.conversation-container-content .conversation-content-right ul li p {
    margin: 5px 0 0 0;
    padding: 0;
    font-family: 'proxima_nova_rgregular';
    font-size: 14px;
    color: #494949;
    text-align: justify;
    text-decoration: none;
}

.see-ticket-list-heading-top {
    margin: 0 0 18px 0;
    padding: 0;
}

.see-ticket-list-heading-top a {
    margin: 0;
    padding: 0;
    color: #1d162a;
    font-family: 'proxima_nova_rgregular';
    font-size: 24px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    outline: none;
}

.see-ticket-list-container-right {
    margin: 20px 24px 18px 0;
    padding: 20px;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

.see-tickets-list-bottom-heading {
    margin: 0 0 20px 0;
    padding: 0;
}

.see-tickets-list-bottom-heading h3 {
    margin: 0 0 4px 0;
    padding: 0;
    font-family: 'proxima_nova_rgregular';
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    color: #8d8d8d;
}

.see-tickets-list-bottom-heading span {
    margin: 0;
    padding: 0;
    font-family: 'proxima_nova_rgregular';
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    text-transform: capitalize;
    color: #1e81e7;
}

.tickect-file-attachment-heading-top {
    margin: 0 0 18px 0;
    padding: 0;
}

.tickect-file-attachment-heading-top h4 {
    margin: 0;
    padding: 0;
    color: #1d162a;
    font-family: 'proxima_nova_rgregular';
    font-size: 24px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
}

.tickect-file-attachment-container {
    margin: 0 24px 20px 0;
    padding: 20px;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

.tickect-file-attachment-content-bottom {
    margin: 0 0 10px 0;
    padding: 0;
}

.tickect-file-attachment-content-bottom h5 {
    margin: 0;
    padding: 0;
    font-family: 'proxima_nova_rgregular';
    font-size: 15px;
    text-align: left;
    text-decoration: none;
    text-transform: capitalize;
    color: #393939;
}

.tickect-file-attachment-content-bottom p {
    margin: 0;
    padding: 0;
    font-family: 'proxima_nova_rgregular';
    font-size: 12px;
    text-align: left;
    text-decoration: none;
    text-transform: capitalize;
    color: #949494;
}

.tickect-file-attachment-content-bottom a {
    margin: 4px 0 0 0;
    padding: 0;
    font-family: 'proxima_nova_rgregular';
    font-size: 15px;
    text-align: left;
    text-decoration: none;
    text-transform: capitalize;
    color: #1e81e7;
    outline: none;
    display: block;
}

.column_visibility_button {
    margin: 0;
    padding: 3px 9px;
    background: #25b389;
    border: 1px solid #25b389;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    outline: none;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    position: relative;
    top: -39px;
    left: 10px;
}

.clear-margin-and-padding-colum {
    margin: 0;
    padding: 0;
}

.multiple-container-section-content {
    margin: 0;
    padding: 0;
}

.multiple-container-section-content input[type="checkbox"] {
    margin: 6px 0 0 20px;
    padding: 0;
    background: #fff;
    border: 1px solid #c4c4c4;
    border-radius: 10px;
    float: left;
    width: 15px;
    height: 15px;
}

.multiple-container-section-content span {
    margin: 0 0 0 6px;
    padding: 0;
    color: #676767;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    font-family: 'proxima_nova_rgregular';
    float: left;
}

.multiple-container-section-content input[type="file"] {
    margin: 0 20px 0 0;
    padding: 5px 0 0 5px;
    background: #f0f0f0;
    border: 1px solid #cfcfcf;
    border-radius: 6px;
    color: #585858;
    font-family: 'proxima_nova_rgregular';
    font-size: 14px;
    float: right;
    height: 34px;
    width: 195px;
}

.add-new-ccinput-new-design {
    margin: 0 0 15px 0;
    padding: 0 15px;
    background: #fff;
    border: 1px solid #b3b3b3;
    border-radius: 4px;
    color: #424242;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    width: 100%;
    height: 40px;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.add-new-ccinput-heading-content-new-design {
    cursor: pointer;
    position: absolute;
    right: 11.7px;
    z-index: 999;
    background: #dedede; /*top: 1px;*/
    margin: 1px 0 0 0;
    padding: 6.7px 14px;
    border-radius: 0 3px 3px 0;
    font-size: 17px;
    color: #888888;
}

.guard-profile-tab-detail-button {
    margin: 10px 0 0 0;
    padding: 0;
    float: right;
}

.guard-profile-tab-detail-button a {
    margin: 0;
    padding: 5px 12px;
    background: #25b389;
    border: 1px solid #25b389;
    border-radius: 20px;
    font-family: 'proxima_nova_rgregular';
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    outline: none;
}

.guard-profile-tab-detail-button a:hover {
    color: #fff;
    outline: none;
}

.guard-profile-tab-detail-button a:focus {
    color: #fff;
    outline: none;
}

.guard-profile-tab-detail-button a:active {
    color: #fff;
    outline: none;
}

.user-profile-tab-button {
    margin: 0 15px 0 0;
    padding: 1px 12px;
    background: #25b389;
    border: 1px solid #25b389;
    border-radius: 20px;
    font-family: 'proxima_nova_rgregular';
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    outline: none;
    float: right;
}

.user-profile-tab-button:hover {
    color: #fff;
    outline: none;
}

.user-profile-tab-button:focus {
    color: #fff;
    outline: none;
}

.user-profile-tab-button:active {
    color: #fff;
    outline: none;
}

.all-input-top-heading {
    margin: 0 0 6px 0;
    padding: 0;
    color: #676767;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'proxima_nova_rgregular';
}

.ticketing-container-scroll-right-side {
    margin: 10px 0 0 0;
    padding: 0;
    height: 515px;
    overflow-y: scroll;
    width: 627px;
}

::-webkit-scrollbar-button {
    display: block;
    height: 13px;
    border-radius: 0;
    background-color: #AAA;
}

::-webkit-scrollbar-button:hover {
    background-color: #AAA;
}

::-webkit-scrollbar-thumb {
    background-color: #CCC;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #CCC;
}

::-webkit-scrollbar-track {
    background-color: #efefef;
}

::-webkit-scrollbar-track:hover {
    background-color: #CCC;
}

::-webkit-scrollbar {
    width: 8px;
}

::-moz-scrollbar-button {
    display: block;
    height: 13px;
    border-radius: 0;
    background-color: #AAA;
}

::-moz-scrollbar-button:hover {
    background-color: #AAA;
}

::-moz-scrollbar-thumb {
    background-color: #CCC;
}

::-moz-scrollbar-thumb:hover {
    background-color: #CCC;
}

::-moz-scrollbar-track {
    background-color: #efefef;
}

::-moz-scrollbar-track:hover {
    background-color: #efefef;
}

::-moz-scrollbar {
    width: 8px;
}

.add-family-member-button-container {
    border: 1px solid #424242;
    display: inline-block;
    clear: both;
    margin: 0;
    padding: 14px 0 0 0;
    width: 100%;
}

.add-family-member-button-content-right {
    margin: 0;
    padding: 0;
    float: right;
}

.add-family-member-button-content-right button {
    margin: 0;
    padding: 3px 8px;
    background: #dc1b31;
    border: 1px solid #dc1b31;
    border-radius: 4px;
    outline: none;
}

.add-family-member-button-content-right button i {
    margin: 0;
    padding: 0;
    color: #fff;
    text-align: center;
    font-size: 14px;
    outline: none;
}

.contact-information-contact-container {
    border: 1px solid #424242;
    display: flow-root;
    clear: both;
    margin: 0 0 15px 0;
    padding: 14px 0 0 0;
}

.contact-information-contact {
    margin: 10px 0 14px 0;
    padding: 3px 8px;
    background: #dc1b31;
    border: 1px solid #dc1b31;
    border-radius: 4px;
    float: right;
    outline: none;
}

.contact-information-contact i {
    margin: 0;
    padding: 0;
    color: #fff;
    text-align: center;
    font-size: 14px;
    outline: none;
}

/***  Calendar Css3 Start  ***/

.panel-default {
    border-color: #3f5a7f !important;
}

.panel {
    margin-bottom: 20px !important; /*background-color:#3f5a7f !important;*/
    border: none !important;
    border-radius: 0 !important;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05) !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05) !important;
}

.calendar {
    padding: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 4px !important;
    border-radius: 0;
    overflow: auto;
    direction: ltr;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.calendar .calendar-header table th {
    font-size: 18px !important;
    padding: 5px 10px !important;
    font-family: 'proxima_novasemibold' !important;
}

.calendar .calendar-header table th:hover {
    background: none !important;
    cursor: pointer !important;
}

.calendar .calendar-header table th:active {
    background: none !important;
    cursor: pointer !important;
    color: #fff !important;
}

.calendar .year-title {
    font-weight: bold !important;
    text-align: center !important;
    height: 20px !important;
    width: auto !important;
    color: #fff !important;
}

.calendar .year-neighbor2 {
    color: #999999 !important;
}

.calendar .year-neighbor {
    color: #999999 !important;
}

.calendar table.month th.month-title {
    font-size: 15px !important;
    padding-bottom: 5px !important;
    font-family: 'proxima_novasemibold';
    color: #fff !important;
    background: #3f5a7f !important;
    padding-top: 8px !important;;
    font-weight: 400 !important;
}

.calendar table.month th.day-header {
    font-size: 13px !important;
    font-family: 'proxima_nova_rgregular' !important;
    color: #fff !important;
    background: #3f5a7f !important;
    font-weight: 400 !important;
}

.calendar table.month tr td .day-content {
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    padding: 13px 6px !important;
    font-family: 'proxima_nova_rgregular' !important;
    font-size: 14px !important;
}

.calendar table.month tr td, .calendar table.month tr th {
    padding: 0 !important;
    background: #efefef !important;
}

.calendar table.month tr td.old, .calendar table.month tr td.new, .calendar table.month tr td.old:hover, .calendar table.month tr td.new:hover {
    cursor: default !important;
    background: #efefef !important;
}

.calendar .calendar-header {
    width: 100%;
    margin-bottom: 20px;
    background-color: #3f5a7f !important;
}

.prev span {
    margin: 0;
    padding: 0;
    color: #fff;
    content: "\e079";
}

.next span {
    margin: 0;
    padding: 0;
    color: #fff;
    content: "\e080";
}

/***  Calendar Css3 End  ***/

.add-inventory-border-container {
    border: 1px solid #424242;
    clear: both;
    margin: 0 0 20px 0;
    padding: 14px 0 0 0;
    display: flow-root;
}

.add-inventory-icon {
    margin: 0 -4px 0 0;
    padding: 5px 6px;
    color: #fff;
    text-align: center;
    font-size: 14px !important;
    cursor: pointer;
    background: #dc1b31;
    border: 1px solid #dc1b31;
    border-radius: 4px;
    float: right;
    outline: none;
}

.guard-attachment-document-name-content-container {
    margin: 0;
    padding: 0;
}

.guard-attachment-document-name-content-container .left-input-content {
    margin: 0;
    padding: 0;
    float: left;
}

.guard-attachment-document-name-content-container .left-input-content input[type='checkbox'] {
    margin: 8px 6px 0 0;
    padding: 0;
    background: none;
    width: 12px;
    height: 12px;
}

.guard-attachment-document-name-content-container .right-input-content {
    margin: 0;
    padding: 0;
    float: left;
}

.guard-attachment-document-name-content-container .right-input-content span {
    margin: 4px 6px 0 0;
    padding: 0;
    font-family: 'proxima_nova_rgregular';
    font-size: 14px;
    white-space: nowrap;
}

.general-information-form_section-one .password-strength {
    margin: 0;
    padding: 0;
}

.general-information-form_section-one .password-strength ul {
    margin: 0;
    padding: 0;
}

.general-information-form_section-one .password-strength ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}

.general-information-form_section-one .password-strength ul li:nth-child(1) {
    margin: 0;
    padding: 0;
    background-color: black;
    width: 25%;
    height: 5px;
}

.general-information-form_section-one .password-strength ul li:nth-child(2) {
    margin: 0;
    padding: 0;
    background-color: blue;
    width: 25%;
    height: 5px;
}

.general-information-form_section-one .password-strength ul li:nth-child(3) {
    margin: 0;
    padding: 0;
    background-color: brown;
    width: 25%;
    height: 5px;
}

.general-information-form_section-one .password-strength ul li:nth-child(4) {
    margin: 0;
    padding: 0;
    background-color: burlywood;
    width: 25%;
    height: 5px;
}

.popover.primary {
    border-color: #337ab7;
}

.popover.primary > .arrow {
    border-top-color: #337ab7;
}

.popover.primary > .popover-title {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

.popover.success {
    border-color: #d6e9c6;
}

.popover.success > .arrow {
    border-top-color: #d6e9c6;
}

.popover.success > .popover-title {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.popover.info {
    border-color: #bce8f1;
}

.popover.info > .arrow {
    border-top-color: #bce8f1;
}

.popover.info > .popover-title {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.popover.warning {
    border-color: #faebcc;
}

.popover.warning > .arrow {
    border-top-color: #faebcc;
}

.popover.warning > .popover-title {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.popover.danger {
    border-color: #ebccd1;
}

.popover.danger > .arrow {
    border-top-color: #ebccd1;
}

.popover.danger > .popover-title {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.main-container-user-type-two {
    margin: 0;
    padding: 0 23px 0 39px;
}

#accordion .panel_2 {
    border-radius: 0;
    margin-bottom: 15px;
}

#accordion .panel-heading_2 {
    padding: 0;
}

#accordion .panel-title_2 {
    position: relative;
}

#accordion .panel-title_2:before {
    content: "";
    border-bottom: 25px solid rgba(0, 0, 0, 0);
    border-left: 15px solid #cfcece;
    border-top: 23px solid rgba(0, 0, 0, 0);
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 33px;
}

#accordion .panel-title_2 a {
    color: #fff;
    background: #2084eb;
    display: block;
    font-size: 17px;
    line-height: 21px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 13px 10px 13px 65px;
    font-family: 'proxima_novasemibold';
}

#accordion .panel-title_2 a.collapsed {
    color: #fff;
    background: #3f5a7f;
}

#accordion .panel-title_2 a:before,
#accordion .panel-title_2 a.collapsed:before {
    content: "\f068";
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    left: 0;
    padding: 14px 10px;
    color: #fff;
    background: #cfcece;
}

#accordion .panel-title_2 a.collapsed:before {
    content: "\f067";
}

#accordion .panel-body_2 {
    color: #828282;
    font-size: 12px;
    line-height: 26px;
}

.panel-group {
    margin-bottom: 20px;
    padding: 0 15px 0 30px;
}

.guard-inventory-new-button-right { /*margin:0px;padding:3px 9px;background:#1e81e7;border:1px solid #1e81e7;border-radius:3px;text-align:center;text-decoration:none;color:#fff;font-size:14px;font-family:'proxima_nova_rgregular';font-weight:500;outline:none;*/
    margin: 0;
    padding: 3px 9px;
    background: none;
    border-radius: 20px;
    text-align: center;
    text-decoration: none;
    color: #1e81e7;
    font-size: 12px;
    font-family: 'proxima_novasemibold';
    font-weight: 500;
    outline: none;
    border: 1px solid #6a7b8d;
    text-transform: uppercase;
}

.client-branch-content-container {
    margin: 0 20px 15px 0;
    padding: 0;
    border: 1px solid #e3e3e3;
    border-radius: 6px 6px 0 0;
}

.client-branch-content-container h1 {
    margin: 0 0 0 0;
    padding: 14px 15px 14px 15px;
    font-size: 17px;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    color: #424242;
    background: #f7f7f7;
    display: block;
    font-family: 'proxima_novasemibold';
    border-radius: 6px 6px 0 0;
    border-bottom: 1px solid #e3e3e3;
}

.clients-branch-heading-content {
    margin: 0;
    padding: 10px 16px 0;
    /*    height: 237px;*/
}

.clients-branch-heading-content ul {
    margin: 0;
    padding: 0;
}

.clients-branch-heading-content ul li {
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 50%;
}

.clients-branch-heading-content ul li h2 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    color: #565656;
    text-transform: uppercase;
    text-align: left !important;
    text-decoration: none;
    font-family: 'proxima_nova_rgregular';
}

.clients-branch-heading-content ul li span {
    margin: 0 0 0 0;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    color: #1e81e7;
    text-transform: uppercase;
    text-align: left !important;
    text-decoration: none;
    font-family: 'proxima_nova_rgregular';
    word-break: break-word;
}

.section-assign-inventory {
    margin: 15px 25px 15px 38px;
    padding: 0;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
}

.section-assign-inventory h1 {
    margin: 0 0 0 0;
    padding: 14px 15px 14px 15px;
    font-size: 17px;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    color: #424242;
    background: #f7f7f7;
    display: block;
    font-family: 'proxima_novasemibold';
    border-radius: 6px 6px 0 0;
    border-bottom: 1px solid #e3e3e3;
}

.assign-inventory-inner {
    margin: 0;
    padding: 25px 25px 10px 25px;
    width: 100%;
}

.assign-inventory-inner-form-content {
    margin: 0;
    padding: 0;
}

.assign-inventory-inner-form-content input {
    margin: 0;
    padding: 0 15px;
    background: #fff;
    border: 1px solid #b3b3b3;
    border-radius: 4px;
    color: #424242;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    width: 100%;
    height: 40px;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    outline: none;
}

.assign-inventory-inner-form-content select {
    margin: 3px 0 26px 0;
    padding: 0 15px;
    background: #fff url(../images/input-select-arrow.png) no-repeat right 3% center;
    border: 1px solid #b3b3b3;
    border-radius: 4px;
    color: #424242;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    width: 100%;
    height: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-size: 8px;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    outline: none;
}

.assign-inventory-inner-form-content input:focus {
    border: 1px solid #1e81e7;
    outline: none;
}

.assign-inventory-inner-form-content select:focus {
    border: 1px solid #1e81e7;
    outline: none;
}

.product-type-radio-button {
    margin: 0 0 0 0;
    padding: 0;
    float: left;
}

.product-type-radio-button ul {
    margin: 0;
    padding: 0;
}

.product-type-radio-button ul li {
    margin: 0 0 4px 0;
    padding: 0;
    list-style: none;
    width: 170px;
}

.product-type-heading {
    margin: 0;
    padding: 0;
}

.product-type-heading h2 {
    margin: 0 0 6px 0;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    color: #424242;
    font-family: 'proxima_novasemibold';
}

.product-type {
    display: block;
    position: relative;
    padding-left: 26px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.product-type input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background: none;
    border: 1px solid #b3b3b3;
    border-radius: 7px;
}

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

/* When the checkbox is checked, add a blue background */
.product-type input:checked ~ .checkmark {
    background-color: #fff;
}

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

/* Show the checkmark when checked */
.product-type input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.product-type .checkmark:after {
    left: 3.6px;
    top: 4.4px;
    width: 9px;
    height: 8px;
    border: none;
    border-width: 0 3px 3px 0; /* -webkit-transform: rotate(45deg); *//*-ms-transform: rotate(45deg);*//* transform: rotate(45deg); */
    background: #22ad84;
}

.product-type span {
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    font-size: 12px;
    text-align: left;
    text-decoration: none;
    text-transform: capitalize;
    color: #929292;
}

.selected-field-heading {
    margin: 20px 0 0 0;
    padding: 0;
}

.selected-field-heading h3 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    color: #424242;
    font-family: 'proxima_novasemibold';
}

.inputand-quanity {
    margin: 12px 0 0 0;
    padding: 0;
}

.inputand-quanity h4 {
    margin: 13px 10px 0 0;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    color: #929292;
    font-family: 'proxima_nova_rgregular';
    float: left;
}

.inputand-quanity input[type="number"] {
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid #b3b3b3;
    border-radius: 4px;
    color: #424242;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    width: 83px;
    height: 40px;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    float: left;
}

.inputand-quanity input:focus {
    outline: none;
    border: 1px solid #1e81e7;
}

.inputand-quanity select:focus {
    outline: none;
    border: 1px solid #1e81e7;
}

.inputand-quanity select {
    margin: 0 0 0 10px;
    padding: 0 15px;
    background: #fff url(../images/input-select-arrow.png) no-repeat right 3% center;
    border: 1px solid #b3b3b3;
    border-radius: 4px;
    color: #424242;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    width: 415px;
    height: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-size: 8px;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    outline: none;
    float: left;
}

.inputand-quanity-right-content {
    margin: 12px 0 0 0;
    padding: 0;
}

.inputand-quanity-right-content select {
    margin: 0 0 15px 0;
    padding: 0 15px;
    background: #fff url(../images/input-select-arrow.png) no-repeat right 3% center;
    border: 1px solid #b3b3b3;
    border-radius: 4px;
    color: #424242;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    width: 100%;
    height: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-size: 8px;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    outline: none;
}

.inputand-quanity-right-content select:focus {
    outline: none;
    border: 1px solid #1e81e7;
}

.assign-inventory-submit-button {
    margin: 15px auto 15px auto;
    padding: 0;
    text-align: center;
    display: table;
}

.assign-inventory-submit-button button {
    margin: 0;
    /*padding: 8px 65px;*/
    /*background: url(../images/search-button-bg.png) repeat center top;
    border: 1px solid #39e0af;*/
    padding: 5px 35px;
    background: #1e81e7;
    border: 1px solid #1e81e7;
    border-radius: 8px;
    font-family: 'proxima_novasemibold';
    font-size: 17px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    outline: none;
    letter-spacing: 4px;
}

.add-import-button {
    margin: 0 0 0 -16px;
    padding: 3px 9px;
    background: #25b389;
    border: 1px solid #25b389;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    outline: none;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    height: 40px;
}

.steric-color {
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: red;
}

.issue-inventry-button-design {
    margin: 0;
    padding: 0;
}

.issue-inventry-button-design button {
    margin: 0;
    padding: 5px 15px;
    /*background: #25b389;*/
    background: #1e81e7;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    font-family: 'proxima_nova_rgregular';
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    outline: none;
}

.issue-inventry-radio-button-top {
    margin: 0 0 15px 0;
    padding: 0;
    display: inline-block;
}

.issue-inventry-radio-button-top ul {
    margin: 0;
    padding: 0;
}

.issue-inventry-radio-button-top ul li {
    margin: 0 15px 0 0;
    padding: 0;
    list-style: none;
    float: left;
}

.issue-inventry-radio-button-top ul li input[type="radio"] {
    margin: 4px 4px 0 0;
    padding: 0;
    width: 12px;
    height: 12px;
    background: #fff;
    border: 1px solid #ccc;
    float: left;
}

.issue-inventry-radio-button-top ul li span {
    margin: 0;
    padding: 0;
    font-weight: 500;
    font-family: 'proxima_nova_rgregular';
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #565656;
}

/* New Design Implemation Css */

.module-main-container {
    margin: 0 0 15px 0;
    padding: 0;
    border: 1px solid #e3e3e3;
    border-radius: 4px 4px 0 0;
}

.module-main-container .module-container-heading-top { /*margin:0px;padding:0px;background:#f9f9f9;*/
    margin: 0;
    padding: 0;
    background: #f7f7f7; /*border: 1px solid #e3e3e3;*/
    border-bottom: none;
    border-radius: 4px 4px 0 0;
}

.module-main-container .module-container-heading-top h6 { /*margin: 0 0 0 43px;padding: 15px 15px 9px 0;font-size: 15px;font-weight: 600;text-align: center;text-transform: uppercase;text-decoration: none;color: #2ebd59;background: none;display: inline-block;*/
    margin: 0 0 0 10px;
    padding: 15px 15px 9px 0;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #424242;
    background: none;
    display: inline-block;
    font-family: 'proxima_novasemibold';
}

.module-main-container .module-container-heading-top h6 img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto;
    width: 27px;
    float: left;
}

.module-main-container .module-container-heading-top h6 span {
    margin: 0 0 0 12px;
    padding: 0 0 0 0;
    float: left;
}

.module-main-container .module-profile-heading { /*margin:0px;padding: 15px 120px;background:#f2f2f2;*/
    margin: 0;
    padding: 15px 55px;
    background: #3f5a7f;
}

.module-main-container .module-profile-heading h4 { /*margin:0px;padding:0px;font-size:15px;font-weight:600;text-align:left;text-transform:uppercase;text-decoration:none;color:#4a4a4a;*/
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffff;
    font-family: 'proxima_novasemibold';
}

.module-main-container .module-profile-heading h4::before {
    background: #fff;
    bottom: auto;
    content: "";
    height: 8px;
    margin-top: 3px;
    position: absolute;
    right: auto;
    width: 8px;
    z-index: 1;
    border-radius: 50%;
    margin-left: -19px;
}

.module-main-container .module-profile-checkbox { /*margin: 0 0 0 120px;padding: 0 0 0;*/
    margin: 0 0 0 65px;
    padding: 0 0 0;
}

.module-main-container .module-profile-checkbox ul {
    margin: 0;
    padding: 0;
}

.module-main-container .module-profile-checkbox ul li {
    margin: 0 60px 0 0;
    padding: 15px 0 12px;
    list-style: none;
    float: left;
}

.module-main-container .module-profile-checkbox ul li input {
    margin: 0 0 0 15px;
    padding: 0;
    width: 12px;
    height: 12px;
    background: #fff;
    border: none;
    border-radius: 50%;
}

.module-main-container .module-profile-checkbox ul li label { /*margin: 4px 0 0 0;padding:0px;font-size:12px;font-weight:600;text-align:left;text-transform:uppercase;text-decoration:none;color:#4a4a4a;*/
    margin: 4px 0 0 0;
    padding: 0;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    color: #424242;
    font-family: 'proxima_novasemibold';
}

.module-profile-button {
    margin: 0;
    padding: 0;
    float: right;
}

.module-profile-button button { /*margin:10px 0 20px 0;padding: 12px 30px;background:#2ebd59;color:#fff;font-size: 16px;font-weight:500;text-align:center;text-decoration:none;text-transform: uppercase;-webkit-transition: all 0.8s ease-in-out;-moz-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;-ms-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;border:none;border-radius:0px;outline:none;*/
    margin: 10px 0 5px 0;
    padding: 8px 20px;
    /*background: #25b389;*/
    background: #1e81e7;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    border: 0;
    border-radius: 6px;
    outline: none;
    font-family: 'proxima_novasemibold';
}

.module-profile-button button:hover {
    background: #25b389;
    outline: none;
}

.module-profile-button button:focus {
    background: #25b389;
    outline: none;
}

.module-profile-button button:active {
    background: #25b389;
    outline: none;
}

/*^^^^ Module Page Css End ^^^^^*/

/*by adil*/

.left-align-table-data {
    text-align: left !important;
    padding: 20px !important;
}

.show-cursor-on-hover {
    cursor: pointer;
}

.un-delete-able:hover {
    background: red !important;
}

.error { /*color: #a94442;border-color: #ebccd1;*/
    /*color: #a94442;border-color: #ebccd1;
font-family: 'proxima_nova_rgregular';font-size: 12px;margin: 4px 0 0 0;padding: 0;text-transform: uppercase;*/
    color: red !important;
    border-color: #ebccd1;
    font-family: 'proxima_nova_rgregular' !important;
    font-size: 12px !important;
    /*margin:4px 0 0 0 !important;*/
    padding: 0;
    text-transform: uppercase !important;
    float: left;
    line-height: 20px;
}

.field_required_star {
    color: red;
}

/*by faraz*/
.guard-update {
    background: #2ebd59 !important;
    color: #fff !important;
    border-radius: 5px !important;
}

.guard_health_icon { /*padding-left: 10px;*/
    padding-left: 0;
}

.mental_health_check_icon {
    padding-left: 3px !important;
}

.mental_health_check_icon {
    position: relative;
}

.mental_health_check_text { /*position: absolute;top: 0;bottom: 0;left: 100%;right: 0;background: red;color: #ee8b8b;visibility: hidden;opacity: 0;width: 300px;height: 30px;*/
    position: absolute;
    top: 50px;
    bottom: 0;
    left: -86px;
    right: 0; /* background: red; */
    color: #ee8b8b;
    visibility: hidden;
    opacity: 0;
    width: 175px; /* height: 30px; */
    font-size: 12px;
    font-family: 'proxima_novasemibold';
}

.mental_health_check_icon:hover .mental_health_check_text {
    visibility: visible;
    opacity: 1;
}

.add-company-main-container .colum-28 {
    margin: 0;
    padding: 0;
    float: left;
}

.add-company-main-container .non_unique_items {
    margin: 0 0 2px 0;
    padding: 0;
    max-width: 100%;
    float: left;
}

.add-company-main-container .non_unique_items input {
    min-width: 231px;
}

.add-company-main-container .entry_button {
    margin: 0;
    padding: 0;
    width: 15%;
    float: right;
}

.add-company-main-container .insure_nonInsure_button {
    margin: 0;
    padding: 0;
    width: 49%;
    float: left;
}

.unique_cross_button { /*padding-top: 6%;*/
}

.frombtn {
    background: transparent;
    border: none;
    outline: none;
}

@media only screen and (max-width: 767px) {

    /*** Login Page Responsive Css3 Start  ***/
    .login-page-section {
        margin: 20px 0 0 0;
        padding: 0;
    }

    .login-page-section .login-page-logo {
        margin: 0 0 20px 0;
        padding: 0;
        text-align: center;
        display: block;
    }

    .loginpage-bg-inside-one {
        margin: 0 0 0 0;
        padding: 0;
        background: #fff;
        height: 262px;
        width: 100%;
        border-radius: 4px;
        -webkit-box-shadow: 0 2px 10px 0 rgba(86, 85, 86, 0.50);
        -moz-box-shadow: 0 2px 10px 0 rgba(86, 85, 86, 0.50);
        box-shadow: 0 2px 10px 0 rgba(86, 85, 86, 0.50);
    }

    .loginpage-bg-inside-two {
        margin: 0 0 0 0;
        padding: 0;
        background: #fff;
        height: 253px;
        width: 100%;
        border-radius: 4px;
        -webkit-box-shadow: 0 2px 10px 0 rgba(86, 85, 86, 0.50);
        -moz-box-shadow: 0 2px 10px 0 rgba(86, 85, 86, 0.50);
        box-shadow: 0 2px 10px 0 rgba(86, 85, 86, 0.50);
        position: static;
        left: 0;
        right: 0;
    }

    .loginpage-bg-inside-three {
        margin: 0;
        padding: 15px;
        background: #fff;
        height: 240px;
        width: 100%;
        border-radius: 4px;
        -webkit-box-shadow: 0 2px 10px 0 rgba(86, 85, 86, 0.50);
        -moz-box-shadow: 0 2px 10px 0 rgba(86, 85, 86, 0.50);
        box-shadow: 0 2px 10px 0 rgba(86, 85, 86, 0.50);
        position: static;
        left: 0;
        right: 0;
    }

    /*** Login Page Responsive Css3 End  ***/
    /*** Guard Module Resposive Start  ***/
    .general-information-form {
        margin: 20px 0 20px 0;
        padding: 0 0;
        border: none;
        background: none;
        display: flow-root;
    }

    .pre_requisites {
        margin: 0 0 20px 0;
        padding: 0;
        background: #fff;
        display: flow-root;
        border: 1px solid #e3e3e3;
        border-radius: 6px 6px 6px 6px;
    }

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

    .basic-verifications ul li {
        margin: 0;
        padding: 0;
        list-style: none;
        float: left;
        width: 100%;
    }

    .general-information-form_new_design {
        margin: 15px 11px 15px 9px !important;
        padding: 0 0;
        background: none;
        display: flow-root;
        border: 1px solid #e3e3e3;
        border-radius: 6px;
    }

    .general-information-form_new_design .main-container-form-custom_new_design {
        margin: 0;
        padding: 15px 15px 10px 15px;
        width: 100%;
        background: #fff;
        border-radius: 0 0 6px 6px;
    }

    .general-input-checkbox ul li {
        margin: 0 0 6px 0;
        padding: 0;
        list-style: none;
        float: left;
        width: 100%;
    }

    .general-input-checkbox h1 {
        margin: 2px 15px 10px 0;
        padding: 0;
        color: #676767;
        font-family: 'proxima_nova_rgregular';
        font-weight: 500;
        font-size: 14px;
        text-align: left;
        text-decoration: none;
        text-transform: uppercase;
        float: left;
    }

    .employ-heading .employ-heading-left h1 {
        margin: 0 0 0 0;
        padding: 6px 15px 0 15px;
        font-size: 15px;
        font-weight: 600;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        color: #424242;
        background: none;
        display: inline-block;
        font-family: 'proxima_novasemibold';
    }

    .search-button-new-design {
        margin: 0 auto 10px auto;
        padding: 0;
        text-align: center;
        float: none;
    }

    .add-family-member-button-content-right button {
        margin: 0 0 10px 0;
        padding: 3px 8px;
        background: #dc1b31;
        border: 1px solid #dc1b31;
        border-radius: 4px;
        outline: none;
    }

    .toggle {
        float: left;
        margin: 0 0 0 10px;
        padding-top: 7px;
        width: 37px !important;
    }

    .deserted-fields-setup ul li {
        margin: 0 6px 0 0;
        padding: 0;
        list-style: none;
        float: left;
    }

    .profile-container {
        margin: 20px 0 15px 0;
        padding: 0 0 0 0;
        background: #f6f6f6;
    }

    .table {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
        border: 1px solid #e3e3e3;
        overflow: scroll;
        display: block;
    }

    .pagination > li > a, .pagination > li > span {
        position: relative;
        float: left;
        padding: 6px 10px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #bdbdbd;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #fff;
        margin: 0 6px 8px 0;
        -webkit-transition: all 0.8s ease-in-out;
        -moz-transition: all 0.8s ease-in-out;
        -o-transition: all 0.8s ease-in-out;
        -ms-transition: all 0.8s ease-in-out;
        transition: all 0.8s ease-in-out;
        border: 1px solid #d1d1d1;
        border-radius: 10px;
    }

    #guardListTable {
        margin-bottom: 0 !important;
        width: 100% !important;
        overflow: scroll;
        display: block;
    }

    .client-profile-new-design-top-content {
        margin: -40px 10px 0 0;
        padding: 0;
        position: absolute;
        right: 0;
        z-index: 999;
    }

    .client-profile-new-design-top-content ul li {
        margin: 0 0 0 0;
        padding: 4px 10px;
        list-style: none;
        float: left;
        border: 1px solid #6a7b8d;
        border-radius: 20px;
    }

    .client-profile-new-design-top-content ul li i {
        margin: 3px 4px 0 0;
        padding: 0;
        color: #1e81e7;
        font-size: 15px;
        text-align: center;
        float: left;
    }

    .client-profile-new-design-top-content ul li a {
        margin: 0;
        padding: 0;
        color: #1e81e7;
        font-family: 'proxima_novasemibold';
        font-size: 12px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
    }

    .profile-image-left img {
        margin: 0;
        padding: 0;
        max-width: 100%;
        height: auto;
        -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.10);
        -moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.10);
        box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.10);
        border: 3px solid #f8f8f8;
        width: 100%;
    }

    .profile-image-new-design {
        margin: 0 auto 10px auto;
        padding: 0;
        text-align: center;
        display: table;
    }

    .general-content span {
        margin: 0 0 0 20px;
        padding: 0;
        color: #676767;
        font-size: 11px;
        font-weight: 500;
        text-align: left;
        text-decoration: none;
        text-transform: uppercase;
        font-family: 'proxima_nova_rgregular';
    }

    .general-content h1 {
        margin: -4px 0 0 20px;
        padding: 0;
        color: #1e81e7;
        font-size: 11px;
        font-weight: 500;
        text-align: left;
        text-decoration: none;
        text-transform: uppercase;
        word-wrap: break-word;
        line-height: 20px;
        width: 125px;
        font-family: 'proxima_nova_rgregular';
    }

    .tab .nav-tabs li {
        width: 100%;
        border-right: none;
        margin-bottom: 8px;
    }

    .interduce-content {
        margin: 0 10px 10px 0;
        padding: 0;
    }

    .table-top-heading {
        margin: 0;
        padding: 15px 20px !important;
        font-size: 12px;
        font-weight: 500;
        color: #fff;
        text-transform: uppercase;
        text-align: center !important;
        text-decoration: none;
        background: #3f5a7f;
        font-family: 'proxima_nova_rgregular';
    }

    .modal-dialog {
        width: 100%;
        margin: 30px auto;
        padding: 0 10px;
    }

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

    .add-company-main-container {
        background: #fafafa;
        border: 1px solid #efefef;
        display: flow-root;
        padding: 10px 10px 0 10px;
        margin: 5px 10px 0 0;
    }

    .add-company-submit-button {
        margin: 15px 8px 5px;
        padding: 0;
        text-align: right;
    }

    .file-type {
        margin: 0 10px 0 0;
        padding: 0;
        float: right;
        width: 250px;
    }

    .add-inventory-icon {
        margin: 7px -8px 0 0;
        padding: 5px 5px;
        color: #fff;
        text-align: center;
        font-size: 14px !important;
        cursor: pointer;
        background: #dc1b31;
        border: 1px solid #dc1b31;
        border-radius: 4px;
        float: right;
        outline: none;
    }

    .guard-clients-new-design {
        margin: 10px 0 0 0;
        padding: 0;
        float: left;
    }

    .table-pagination {
        margin: 0 0 0 0;
        padding: 0;
        float: right;
    }

    .guard-profile-image-input {
        margin: 12px 0 10px 0;
        padding: 10px 0;
        background: url(../images/search-button-bg.png) repeat center top;
        border: 1px solid #39e0af;
        border-radius: 8px;
        font-family: 'proxima_novasemibold';
        font-size: 13px;
        color: #fff;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        outline: none;
        cursor: pointer;
    }

    .ticket-detail-container-left-content {
        margin: 15px 0 0 0;
        padding: 15px;
        background: #fff;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
    }

    .add-new-cc-button-new-design button {
        margin: 0 0 10px 0;
        padding: 7px 0;
        border: 1px solid #1e81e7;
        background: #1e81e7;
        border-radius: 4px;
        outline: none;
        font-family: 'proxima_nova_rgregular';
        font-size: 18px;
        text-align: center;
        text-decoration: none;
        color: #fff;
        text-transform: uppercase;
        width: 100%;
    }

    .ticket-page-detail_new textarea {
        margin: 10px 0 15px 0;
        padding: 8px 12px;
        background: #fff;
        border: 1px solid #b3b3b3;
        border-radius: 4px;
        outline: none;
        font-family: 'proxima_nova_rgregular';
        font-size: 14px;
        color: #929292;
        text-align: left;
        text-decoration: none;
        -webkit-transition: all 0.8s ease-in-out;
        -moz-transition: all 0.8s ease-in-out;
        -o-transition: all 0.8s ease-in-out;
        -ms-transition: all 0.8s ease-in-out;
        transition: all 0.8s ease-in-out;
        width: 100%;
        height: 80px;
    }

    .conversation-heading-top {
        margin: 20px 0 0 0;
        padding: 0;
    }

    .see-ticket-list-container-right {
        margin: 15px 0 10px 0;
        padding: 15px;
        background: #fff;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
    }

    .tickect-file-attachment-container {
        margin: 0 0 10px 0;
        padding: 15px;
        background: #fff;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
    }

    .ticketing-container-scroll-right-side {
        margin: 10px 0 0 0;
        padding: 0;
        height: 515px;
        overflow-y: scroll;
        width: 270px;
    }

    .tab-container {
        margin: 0 0 0 0 !important;
        padding: 0 !important;
    }

    .module-main-container .module-profile-checkbox {
        margin: 0 0 0 20px;
        padding: 0 0 0;
    }

    .module-main-container .module-profile-checkbox ul li {
        margin: 0 45px 0 0;
        padding: 15px 0 12px;
        list-style: none;
        float: left;
    }

    .navbar-nav .open .dropdown-menu {
        position: absolute;
        background: #fff;
        margin-top: 0;
        border: 1px solid #ececec;
        -webkit-box-shadow: none;
        right: 0;
        left: auto;
        width: 160px;
    }

    .search-button-new-design button {
        margin: 0 0 10px 0;
        padding: 8px 65px;
        background: url(../images/search-button-bg.png) repeat center top;
        border: 1px solid #39e0af;
        border-radius: 8px;
        font-family: 'proxima_novasemibold';
        font-size: 20px;
        color: #fff;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        outline: none;
    }

    .panel-group {
        margin-bottom: 20px;
        padding: 0 0 0 0;
    }

    #accordion .panel-title_2 a {
        color: #fff;
        background: #2084eb;
        display: block;
        font-size: 12px;
        line-height: 12px;
        font-weight: bold;
        text-transform: uppercase;
        padding: 13px 10px 13px 65px;
        font-family: 'proxima_novasemibold';
    }

    #accordion .panel-title_2::before {
        content: "";
        border-bottom: 18px solid rgba(0, 0, 0, 0);
        border-left: 15px solid #cfcece;
        border-top: 22px solid rgba(0, 0, 0, 0);
        width: 0;
        height: 0;
        position: absolute;
        top: 0;
        left: 30px;
    }

    #accordion .panel-title_2 a {
        color: #fff;
        background: #2084eb;
        display: block;
        font-size: 12px;
        line-height: 12px;
        font-weight: bold;
        text-transform: uppercase;
        padding: 13px 10px 13px 55px;
        font-family: 'proxima_novasemibold';
    }

    .section-assign-inventory {
        margin: 15px 0 15px 0;
        padding: 0;
        background: #fff;
        border: 1px solid #e3e3e3;
        border-radius: 6px;
    }

    .assign-inventory-inner {
        margin: 0;
        padding: 15px 15px 10px 15px;
        width: 100%;
    }

    .assign-inventory-inner-form-content select {
        margin: 3px 0 15px 0;
        padding: 0 15px;
        background: #fff url(../images/input-select-arrow.png) no-repeat right 3% center;
        border: 1px solid #b3b3b3;
        border-radius: 4px;
        color: #424242;
        font-family: 'proxima_nova_rgregular';
        font-weight: 500;
        font-size: 14px;
        text-align: left;
        text-decoration: none;
        width: 100%;
        height: 40px;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-size: 8px;
        -webkit-transition: all 0.8s ease-in-out;
        -moz-transition: all 0.8s ease-in-out;
        -o-transition: all 0.8s ease-in-out;
        -ms-transition: all 0.8s ease-in-out;
        transition: all 0.8s ease-in-out;
        outline: none;
    }

    .product-type-heading {
        margin: 15px 0 0 0;
        padding: 0;
    }

    .product-type-radio-button ul li {
        margin: 0 0 4px 0;
        padding: 0;
        list-style: none;
        width: 100%;
        float: left;
    }

    .inputand-quanity h4 {
        margin: 0 0 6px 0;
        padding: 0;
        font-size: 14px;
        font-weight: 500;
        text-align: left;
        text-transform: uppercase;
        text-decoration: none;
        color: #929292;
        font-family: 'proxima_nova_rgregular';
        float: left;
    }

    .inputand-quanity input[type="number"] {
        margin: 0 0 15px 0;
        padding: 0;
        background: #fff;
        border: 1px solid #b3b3b3;
        border-radius: 4px;
        color: #424242;
        font-family: 'proxima_nova_rgregular';
        font-weight: 500;
        font-size: 14px;
        text-align: center;
        text-decoration: none;
        width: 100%;
        height: 40px;
        -webkit-transition: all 0.8s ease-in-out;
        -moz-transition: all 0.8s ease-in-out;
        -o-transition: all 0.8s ease-in-out;
        -ms-transition: all 0.8s ease-in-out;
        transition: all 0.8s ease-in-out;
        float: left;
    }

    .inputand-quanity select {
        margin: 0 0 0 0;
        padding: 0 15px;
        background: #fff url(../images/input-select-arrow.png) no-repeat right 3% center;
        border: 1px solid #b3b3b3;
        border-radius: 4px;
        color: #424242;
        font-family: 'proxima_nova_rgregular';
        font-weight: 500;
        font-size: 14px;
        text-align: left;
        text-decoration: none;
        width: 100%;
        height: 40px;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-size: 8px;
        -webkit-transition: all 0.8s ease-in-out;
        -moz-transition: all 0.8s ease-in-out;
        -o-transition: all 0.8s ease-in-out;
        -ms-transition: all 0.8s ease-in-out;
        transition: all 0.8s ease-in-out;
        outline: none;
        float: left;
    }

    .selected-field-heading {
        margin: 10px 0 0 0;
        padding: 0;
    }

    /*** Guard Module Resposive Start  ***/

}

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

    .login-page-section {
        margin: 20px 0 0 0;
        padding: 0;
    }

    .login-page-section .login-page-logo {
        margin: 0 0 20px 0;
        padding: 0;
        text-align: center;
        display: block;
    }

    .loginpage-bg-inside-one {
        margin: 0 0 0 0;
        padding: 0;
        background: #fff;
        height: 262px;
        width: 100%;
        border-radius: 4px;
        -webkit-box-shadow: 0 2px 10px 0 rgba(86, 85, 86, 0.50);
        -moz-box-shadow: 0 2px 10px 0 rgba(86, 85, 86, 0.50);
        box-shadow: 0 2px 10px 0 rgba(86, 85, 86, 0.50);
    }

    .loginpage-bg-inside-two {
        margin: 0 0 0 0;
        padding: 0;
        background: #fff;
        height: 253px;
        width: 100%;
        border-radius: 4px;
        -webkit-box-shadow: 0 2px 10px 0 rgba(86, 85, 86, 0.50);
        -moz-box-shadow: 0 2px 10px 0 rgba(86, 85, 86, 0.50);
        box-shadow: 0 2px 10px 0 rgba(86, 85, 86, 0.50);
        position: static;
        left: 0;
        right: 0;
    }

    .loginpage-bg-inside-three {
        margin: 0;
        padding: 15px;
        background: #fff;
        height: 240px;
        width: 100%;
        border-radius: 4px;
        -webkit-box-shadow: 0 2px 10px 0 rgba(86, 85, 86, 0.50);
        -moz-box-shadow: 0 2px 10px 0 rgba(86, 85, 86, 0.50);
        box-shadow: 0 2px 10px 0 rgba(86, 85, 86, 0.50);
        position: static;
        left: 0;
        right: 0;
    }

    .general-information-form {
        margin: 20px 0 20px 0;
        padding: 0 0;
        border: none;
        background: none;
        display: flow-root;
    }

    .pre_requisites {
        margin: 0 0 20px 0;
        padding: 0;
        background: #fff;
        display: flow-root;
        border: 1px solid #e3e3e3;
        border-radius: 6px 6px 6px 6px;
    }

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

    .basic-verifications ul li {
        margin: 0;
        padding: 0;
        list-style: none;
        float: left;
        width: 100%;
    }

    .general-information-form_new_design {
        margin: 0 -10px 15px 8px;
        padding: 0 0;
        background: none;
        display: flow-root;
        border: 1px solid #e3e3e3;
        border-radius: 6px;
    }

    .general-information-form_new_design .main-container-form-custom_new_design {
        margin: 0;
        padding: 15px 15px 10px 15px;
        width: 100%;
        background: #fff;
        border-radius: 0 0 6px 6px;
    }

    .general-input-checkbox ul li {
        margin: 0 0 6px 0;
        padding: 0;
        list-style: none;
        float: left;
        width: 14%;
    }

    .general-input-checkbox h1 {
        margin: 2px 15px 10px 0;
        padding: 0;
        color: #676767;
        font-family: 'proxima_nova_rgregular';
        font-weight: 500;
        font-size: 14px;
        text-align: left;
        text-decoration: none;
        text-transform: uppercase;
        float: left;
    }

    .employ-heading .employ-heading-left h1 {
        margin: 0 0 0 0;
        padding: 6px 15px 0 15px;
        font-size: 15px;
        font-weight: 600;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        color: #424242;
        background: none;
        display: inline-block;
        font-family: 'proxima_novasemibold';
    }

    .search-button-new-design {
        margin: 0 auto 10px auto;
        padding: 0;
        text-align: center;
        float: none;
    }

    .add-family-member-button-content-right button {
        margin: 0 0 10px 0;
        padding: 3px 8px;
        background: #dc1b31;
        border: 1px solid #dc1b31;
        border-radius: 4px;
        outline: none;
    }

    .toggle {
        float: left;
        margin: 0 0 0 10px;
        padding-top: 7px;
        width: 37px !important;
    }

    .guard-profile-image-input {
        margin: 8px 0 0 0;
        padding: 8px 0;
        background: url(../images/search-button-bg.png) repeat center top;
        border: 1px solid #39e0af;
        border-radius: 8px;
        font-family: 'proxima_novasemibold';
        font-size: 11px;
        color: #fff;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        outline: none;
        cursor: pointer;
    }

    .general-content span {
        margin: 0 0 0 20px;
        padding: 0;
        color: #676767;
        font-size: 12px;
        font-weight: 500;
        text-align: left;
        text-decoration: none;
        text-transform: uppercase;
        font-family: 'proxima_nova_rgregular';
    }

    .general-content h1 {
        margin: -4px 0 0 20px;
        padding: 0;
        color: #1e81e7;
        font-size: 12px;
        font-weight: 500;
        text-align: left;
        text-decoration: none;
        text-transform: uppercase;
        word-wrap: break-word;
        line-height: 20px;
        width: 130px;
        font-family: 'proxima_nova_rgregular';
    }

    .profile-container {
        padding: 0 8px 0 8px;
        background: #f6f6f6;
    }

    .interduce-section {
        margin: 10px 0 0 0;
        padding: 0;
    }

    .interduce-content {
        margin: 0 70px 10px 0;
        padding: 0;
    }

    .file-type {
        margin: 0 0 0 0;
        padding: 0;
        float: right;
        width: 210px;
    }

    .table-pagination {
        margin: 0 0 0 0;
        padding: 0;
        float: right;
    }

    /*** Guard Module Resposive Start  ***/
    .ticket-detail-container-left-content {
        margin: 20px 0 15px 0;
        padding: 15px;
        background: #fff;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
    }

    .see-ticket-list-container-right {
        margin: 20px 0 10px 0;
        padding: 15px;
        background: #fff;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
    }

    .tickect-file-attachment-container {
        margin: 0 0 10px 0;
        padding: 15px;
        background: #fff;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
    }

    .ticket-page-detail_new textarea {
        margin: 10px 0 10px 0;
        padding: 8px 12px;
        background: #fff;
        border: 1px solid #b3b3b3;
        border-radius: 4px;
        outline: none;
        font-family: 'proxima_nova_rgregular';
        font-size: 14px;
        color: #929292;
        text-align: left;
        text-decoration: none;
        -webkit-transition: all 0.8s ease-in-out;
        -moz-transition: all 0.8s ease-in-out;
        -o-transition: all 0.8s ease-in-out;
        -ms-transition: all 0.8s ease-in-out;
        transition: all 0.8s ease-in-out;
        width: 100%;
        height: 120px;
    }

    .conversation-heading-top {
        margin: 15px 0 0 0;
        padding: 0;
    }

    .ticketing-container-scroll-right-side {
        margin: 10px 0 0 0;
        padding: 0;
        height: 515px;
        overflow-y: scroll;
        width: 460px;
    }

    .tab-container {
        margin: 15px 0 0 0 !important;
        padding: 0 !important;
    }

    .panel-group {
        margin-bottom: 20px;
        padding: 0 0 0 0;
    }

    .section-assign-inventory {
        margin: 15px 0 15px 0;
        padding: 0;
        background: #fff;
        border: 1px solid #e3e3e3;
        border-radius: 6px;
    }

    .assign-inventory-inner {
        margin: 0;
        padding: 15px 15px 10px 15px;
        width: 100%;
    }

    .assign-inventory-inner-form-content select {
        margin: 3px 0 15px 0;
        padding: 0 15px;
        background: #fff url(../images/input-select-arrow.png) no-repeat right 3% center;
        border: 1px solid #b3b3b3;
        border-radius: 4px;
        color: #424242;
        font-family: 'proxima_nova_rgregular';
        font-weight: 500;
        font-size: 14px;
        text-align: left;
        text-decoration: none;
        width: 100%;
        height: 40px;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-size: 8px;
        -webkit-transition: all 0.8s ease-in-out;
        -moz-transition: all 0.8s ease-in-out;
        -o-transition: all 0.8s ease-in-out;
        -ms-transition: all 0.8s ease-in-out;
        transition: all 0.8s ease-in-out;
        outline: none;
    }

    .product-type-heading {
        margin: 4px 0 0 0;
        padding: 0;
    }

    .product-type-radio-button ul li {
        margin: 0 0 4px 0;
        padding: 0;
        list-style: none;
        width: 134px;
        float: none;
    }

    .inputand-quanity h4 {
        margin: 0 0 6px 0;
        padding: 0;
        font-size: 14px;
        font-weight: 500;
        text-align: left;
        text-transform: uppercase;
        text-decoration: none;
        color: #929292;
        font-family: 'proxima_nova_rgregular';
        float: left;
    }

    .inputand-quanity input[type="number"] {
        margin: 0 0 15px 0;
        padding: 0;
        background: #fff;
        border: 1px solid #b3b3b3;
        border-radius: 4px;
        color: #424242;
        font-family: 'proxima_nova_rgregular';
        font-weight: 500;
        font-size: 14px;
        text-align: center;
        text-decoration: none;
        width: 100%;
        height: 40px;
        -webkit-transition: all 0.8s ease-in-out;
        -moz-transition: all 0.8s ease-in-out;
        -o-transition: all 0.8s ease-in-out;
        -ms-transition: all 0.8s ease-in-out;
        transition: all 0.8s ease-in-out;
        float: left;
    }

    .inputand-quanity select {
        margin: 0 0 0 0;
        padding: 0 15px;
        background: #fff url(../images/input-select-arrow.png) no-repeat right 3% center;
        border: 1px solid #b3b3b3;
        border-radius: 4px;
        color: #424242;
        font-family: 'proxima_nova_rgregular';
        font-weight: 500;
        font-size: 14px;
        text-align: left;
        text-decoration: none;
        width: 100%;
        height: 40px;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-size: 8px;
        -webkit-transition: all 0.8s ease-in-out;
        -moz-transition: all 0.8s ease-in-out;
        -o-transition: all 0.8s ease-in-out;
        -ms-transition: all 0.8s ease-in-out;
        transition: all 0.8s ease-in-out;
        outline: none;
        float: left;
    }

    .selected-field-heading {
        margin: 10px 0 0 0;
        padding: 0;
    }

    .dataTables_filter {
        width: 70% !important;
        margin: 10px 0 6px 0 !important;
        float: right !important;
    }

    .dataTables_length {
        width: 26% !important;
        float: right !important;
        margin: 8px 0 0 15px !important;
    }

    .section-prerequisite-inner-container {
        margin: 15px 15px 0 0 !important;
        padding: 0 !important;
    }

    .section-prerequisite-inner-container {
        margin: 15px 10px 0 0 !important;
        padding: 0 !important;
    }

    .section-prerequisite-inner-container {
        margin: 15px 10px 0 0 !important;
        padding: 0 !important;
    }

    .section-prerequisite-inner-container {
        margin: 15px 10px 0 0 !important;
        padding: 0 !important;
    }

    .section-search-result-container {
        background: #fff !important;
        margin: 15px 0 0 0 !important;
        border: 1px solid #e3e3e3 !important;
        border-radius: 6px !important;
    }

    .section-type-locations-container {
        margin: 15px 10px 0 0 !important;
        padding: 0 !important;
    }

    .section-add-new-client-document-type {
        margin: 15px 10px 0 0 !important;
        padding: 0 !important;
    }

    .section-add-location-clients {
        margin: 15px 10px 0 0 !important;
        padding: 0 !important;
    }

    .section-export-client-branches-container {
        margin: 0 10px 0 0 !important;
        padding: 0 !important;
    }

    .section-addnew-inventory-items {
        margin: 15px 10px 0 -7px !important;
        padding: 0 !important;
    }

    .product-type-radio-button ul li {
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
        list-style: none !important;
        width: 180px !important;
        float: none !important;
    }

    .section-user-enrollment-form {
        margin: 15px 10px 0 0 !important;
        padding: 0 !important;
    }

    .section-search-user-form {
        margin: 15px 10px 15px 0 !important;
        padding: 0 !important;
    }

    .section-assign-manager-form {
        margin: 15px 10px 0 0 !important;
        padding: 0 !important;
    }

    .section-assign-clients-form {
        margin: 15px 10px 0 0 !important;
        padding: 0 !important;
    }

    .section-all-tickets-container {
        margin: 15px 0 20px 0 !important;
        padding: 0 15px 10px 15px !important;
        background: #fff !important;
        border: 1px solid #e3e3e3 !important;
        border-radius: 6px !important;
        display: flow-root !important;
    }

    .section-guard-age-limit {
        margin: 15px 10px 0 0 !important;
        padding: 0 !important;
    }

    .section-guards-status-report {
        margin: 25px 14px 0 0 !important;
        padding: 0 !important;
        display: block !important;
    }

}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1199px) {

    /*** Login Page Responsive Css3 Start  ***/
    .login-page-section {
        margin: 20px 0 0 0;
        padding: 0;
    }

    .login-page-section .login-page-logo {
        margin: 0 0 20px 0;
        padding: 0;
        text-align: center;
        display: block;
    }

    .loginpage-bg-inside-one {
        margin: 0 0 0 0;
        padding: 0;
        background: #fff;
        height: 262px;
        width: 100%;
        border-radius: 4px;
        -webkit-box-shadow: 0 2px 10px 0 rgba(86, 85, 86, 0.50);
        -moz-box-shadow: 0 2px 10px 0 rgba(86, 85, 86, 0.50);
        box-shadow: 0 2px 10px 0 rgba(86, 85, 86, 0.50);
    }

    .loginpage-bg-inside-two {
        margin: 0 0 0 0;
        padding: 0;
        background: #fff;
        height: 253px;
        width: 100%;
        border-radius: 4px;
        -webkit-box-shadow: 0 2px 10px 0 rgba(86, 85, 86, 0.50);
        -moz-box-shadow: 0 2px 10px 0 rgba(86, 85, 86, 0.50);
        box-shadow: 0 2px 10px 0 rgba(86, 85, 86, 0.50);
        position: static;
        left: 0;
        right: 0;
    }

    .loginpage-bg-inside-three {
        margin: 0;
        padding: 15px;
        background: #fff;
        height: 240px;
        width: 100%;
        border-radius: 4px;
        -webkit-box-shadow: 0 2px 10px 0 rgba(86, 85, 86, 0.50);
        -moz-box-shadow: 0 2px 10px 0 rgba(86, 85, 86, 0.50);
        box-shadow: 0 2px 10px 0 rgba(86, 85, 86, 0.50);
        position: static;
        left: 0;
        right: 0;
    }

    /*** Login Page Responsive Css3 End  ***/
    /*** Guard Module Resposive Start  ***/
    .general-information-form {
        margin: 20px 20px 20px 30px;
        padding: 0 0;
        border: none;
        background: none;
        display: flow-root;
    }

    .pre_requisites {
        margin: 0 0 20px 0;
        padding: 0;
        background: #fff;
        display: flow-root;
        border: 1px solid #e3e3e3;
        border-radius: 6px 6px 6px 6px;
    }

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

    .basic-verifications ul li {
        margin: 0;
        padding: 0;
        list-style: none;
        float: left;
        width: 100%;
    }

    .general-information-form_new_design {
        margin: 0 -10px 15px 8px;
        padding: 0 0;
        background: none;
        display: flow-root;
        border: 1px solid #e3e3e3;
        border-radius: 6px;
    }

    .general-information-form_new_design .main-container-form-custom_new_design {
        margin: 0;
        padding: 15px 15px 10px 15px;
        width: 100%;
        background: #fff;
        border-radius: 0 0 6px 6px;
    }

    .general-input-checkbox ul li {
        margin: 0 0 6px 0;
        padding: 0;
        list-style: none;
        float: left;
        width: 14%;
    }

    .general-input-checkbox h1 {
        margin: 2px 15px 10px 0;
        padding: 0;
        color: #676767;
        font-family: 'proxima_nova_rgregular';
        font-weight: 500;
        font-size: 14px;
        text-align: left;
        text-decoration: none;
        text-transform: uppercase;
        float: left;
    }

    .employ-heading .employ-heading-left h1 {
        margin: 0 0 0 0;
        padding: 6px 15px 0 15px;
        font-size: 15px;
        font-weight: 600;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        color: #424242;
        background: none;
        display: inline-block;
        font-family: 'proxima_novasemibold';
    }

    .search-button-new-design {
        margin: 0 auto 10px auto;
        padding: 0;
        text-align: center;
        float: none;
    }

    .add-family-member-button-content-right button {
        margin: 0 0 10px 0;
        padding: 3px 8px;
        background: #dc1b31;
        border: 1px solid #dc1b31;
        border-radius: 4px;
        outline: none;
    }

    .toggle {
        float: left;
        margin: 0 0 0 10px;
        padding-top: 7px;
        width: 37px !important;
    }

    .profile-container {
        padding: 0 10px 0 22px;
        background: #f6f6f6;
    }

    .guard-clients-new-design {
        margin: 10px 0 0 30px;
        padding: 0;
        float: left;
    }

    .table-pagination {
        margin: 0 0 0 0 !important;
        padding: 0;
        float: right;
    }

    /*** Guard Module Resposive Start  ***/
    .ticket-detail-container-left-content {
        margin: 20px 0 15px 30px;
        padding: 15px;
        background: #fff;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
    }

    .see-ticket-list-container-right {
        margin: 20px 20px 10px 0;
        padding: 15px;
        background: #fff;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
    }

    .tickect-file-attachment-container {
        margin: 0 20px 10px 0;
        padding: 15px;
        background: #fff;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
    }

    .ticket-page-detail_new textarea {
        margin: 10px 0 10px 0;
        padding: 8px 12px;
        background: #fff;
        border: 1px solid #b3b3b3;
        border-radius: 4px;
        outline: none;
        font-family: 'proxima_nova_rgregular';
        font-size: 14px;
        color: #929292;
        text-align: left;
        text-decoration: none;
        -webkit-transition: all 0.8s ease-in-out;
        -moz-transition: all 0.8s ease-in-out;
        -o-transition: all 0.8s ease-in-out;
        -ms-transition: all 0.8s ease-in-out;
        transition: all 0.8s ease-in-out;
        width: 100%;
        height: 120px;
    }

    .conversation-heading-top {
        margin: 15px 0 0 0;
        padding: 0;
    }

    .ticketing-container-scroll-right-side {
        margin: 10px 0 0 0;
        padding: 0;
        height: 515px;
        overflow-y: scroll;
        width: 460px;
    }

    .tab-container {
        margin: 0 0 0 0;
        padding: 0 10px 0 20px !important;
    }

    .panel-group {
        margin-bottom: 20px;
        padding: 0 10px 0 22px;
    }

    .section-assign-inventory {
        margin: 15px 20px 15px 25px;
        padding: 0;
        background: #fff;
        border: 1px solid #e3e3e3;
        border-radius: 6px;
    }

    .assign-inventory-inner {
        margin: 0;
        padding: 15px 15px 10px 15px;
        width: 100%;
    }

    .assign-inventory-inner-form-content select {
        margin: 3px 0 15px 0;
        padding: 0 15px;
        background: #fff url(../images/input-select-arrow.png) no-repeat right 3% center;
        border: 1px solid #b3b3b3;
        border-radius: 4px;
        color: #424242;
        font-family: 'proxima_nova_rgregular';
        font-weight: 500;
        font-size: 14px;
        text-align: left;
        text-decoration: none;
        width: 100%;
        height: 40px;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-size: 8px;
        -webkit-transition: all 0.8s ease-in-out;
        -moz-transition: all 0.8s ease-in-out;
        -o-transition: all 0.8s ease-in-out;
        -ms-transition: all 0.8s ease-in-out;
        transition: all 0.8s ease-in-out;
        outline: none;
    }

    .product-type-heading {
        margin: 4px 0 0 0;
        padding: 0;
    }

    .product-type-radio-button ul li {
        margin: 0 0 4px 0;
        padding: 0;
        list-style: none;
        width: 134px;
        float: none;
    }

    .inputand-quanity h4 {
        margin: 0 0 6px 0;
        padding: 0;
        font-size: 14px;
        font-weight: 500;
        text-align: left;
        text-transform: uppercase;
        text-decoration: none;
        color: #929292;
        font-family: 'proxima_nova_rgregular';
        float: left;
    }

    .inputand-quanity input[type="number"] {
        margin: 0 0 15px 0;
        padding: 0;
        background: #fff;
        border: 1px solid #b3b3b3;
        border-radius: 4px;
        color: #424242;
        font-family: 'proxima_nova_rgregular';
        font-weight: 500;
        font-size: 14px;
        text-align: center;
        text-decoration: none;
        width: 100%;
        height: 40px;
        -webkit-transition: all 0.8s ease-in-out;
        -moz-transition: all 0.8s ease-in-out;
        -o-transition: all 0.8s ease-in-out;
        -ms-transition: all 0.8s ease-in-out;
        transition: all 0.8s ease-in-out;
        float: left;
    }

    .inputand-quanity select {
        margin: 0 0 0 0;
        padding: 0 15px;
        background: #fff url(../images/input-select-arrow.png) no-repeat right 3% center;
        border: 1px solid #b3b3b3;
        border-radius: 4px;
        color: #424242;
        font-family: 'proxima_nova_rgregular';
        font-weight: 500;
        font-size: 14px;
        text-align: left;
        text-decoration: none;
        width: 100%;
        height: 40px;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-size: 8px;
        -webkit-transition: all 0.8s ease-in-out;
        -moz-transition: all 0.8s ease-in-out;
        -o-transition: all 0.8s ease-in-out;
        -ms-transition: all 0.8s ease-in-out;
        transition: all 0.8s ease-in-out;
        outline: none;
        float: left;
    }

    .selected-field-heading {
        margin: 10px 0 0 0;
        padding: 0;
    }

}

/*Custom css for radio buttons*/
.label-btn, .general-information-form_section-one label.label-btn { /*margin: 0 0 0 10px;padding: 8px 30px;text-align: center;text-decoration: none;text-transform:uppercase;font-size: 14px;font-weight: 500;color: #fff;background: #2ebd59;border:0px;border-radius: 0;outline: none;*/
    margin: 0 0 0 10px;
    padding: 8px 30px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background: #25b389;
    border: 0;
    border-radius: 4px;
    outline: none;
    font-family: 'proxima_novasemibold';
    margin-left: 0;
    margin-right: 0;
    float: left;
    width: 48%;
    cursor: pointer;
    margin-bottom: 10px;
    opacity: 0.5;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.label-btn.active, .general-information-form_section-one label.label-btn.active {
    opacity: 1;
}

.label-btn.reject, .general-information-form_section-one label.label-btn.reject {
    background: #dc1b31;
    margin-left: 4%;
}

.label-btn input {
    opacity: 0;
    height: 0;
    width: 0;
    display: none;
    visibility: hidden;
}

.general-information-form_section-one-radio:after {
    content: '';
    clear: both;
    display: block;
}

.general-information-form_section-one-radio {
    margin-bottom: 0;
    max-width: 320px;
    margin: 0 auto;
}

/*Work by Imran from   13/06/2018 */
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100% !important;
    /*margin: 0;*/
    /*padding: 0 15px;*/
    /*background: #fff;*/
    /*border: 1px solid #b3b3b3;*/
    /*border-radius: 4px;*/
    /*color: #424242;*/
    /*font-family: 'proxima_nova_rgregular';*/
    /*font-weight: 500;*/
    /*font-size: 14px;*/
    /*text-align: left;*/
    /*text-decoration: none;*/
    /*width: 100%;*/
    /*height: 40px;*/
    /*-webkit-appearance: none;*/
    /*-moz-appearance: none;*/
    /*background-size: 8px;*/
    /*-webkit-transition: all 0.8s ease-in-out;*/
    /*-moz-transition: all 0.8s ease-in-out;*/
    /*-o-transition: all 0.8s ease-in-out;*/
    /*-ms-transition: all 0.8s ease-in-out;*/
    /*transition: all 0.8s ease-in-out;*/
}

.bootstrap-select > .dropdown-toggle {
    width: 100% !important;
    margin: 0;
    padding: 0 15px;
    background: #fff;
    border: 1px solid #b3b3b3;
    border-radius: 4px;
    color: #424242;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    width: 100%;
    height: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-size: 8px;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.bootstrap-select > .dropdown-toggle.btn-info:focus, .bootstrap-select > .dropdown-toggle.btn-info:hover {
    background-color: #2288f1;
    border-color: #2288f1;
    color: #ffffff !important;
}

.bootstrap-select.open > .dropdown-toggle.btn-info {
    background-color: #2288f1;
    border-color: #2288f1;
    color: #ffffff;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    color: #2288f1;
}

.report-type {
    margin: 0 25px 15px 40px;
    padding: 0 0;
    background: none;
    /*display: flow-root;*/
    /*border: 1px solid #e3e3e3;*/
    border-radius: 6px;
}

.report-type .label {
    font-size: 13px;
    font-weight: 500;
    color: #515151;
    font-family: 'proxima_novasemibold';
}

.report-type .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: auto !important;
}

.typeSelect {
    display: none;
}

.typeSelect.active {
    display: block;
}

.edit-action {
    position: relative;
    top: 1px;
}

/*Custom Css*/
/*Popover Content*/
.popover-content {
    padding: 9px 14px;
    white-space: normal;
    /* overflow: hidden; */
    padding: 20px;
    box-sizing: border-box;
    word-break: break-all;
    text-align: justify;
    font-family: 'proxima_nova_rgregular';
}

form#client_enrollment_form {
    line-height: normal;
}

.bootstrap-tagsinput .tag:after {
    display: none;
}

.general-information-form_section-one .bootstrap-tagsinput {
    display: block;
    padding: 8px;
    height: 40px;
}

.general-information-form_section-one .bootstrap-tagsinput input {
    display: block;
    height: auto;
}

.general-information-form_new_design.reportsEdit {
    margin-top: 30px;
}

.reportsModalbtn {
    margin: 0;
}

#deleteReport .modal-dialog.modal-sm {
    width: 300px;
}

#deleteReport .modal-dialog.modal-sm .modal-body {
    padding: 30px;
    text-align: center;
}

#position-on-top-view {
    margin: 0;
    width: 200px;
    position: absolute;
    background: #fff;
    display: none;
    height: 200px;
    z-index: 999;
    top: 165px;
    border: 1px solid #eee;
}

#position-on-top-view:hover {
    display: block;
}

#slender-trigger {
    /*height: 80px;*/
    /*width: 40px;*/
    /*margin-left: 20px;*/
    /*margin-top: -6px;*/
    /*position: absolute;*/
    /*z-index: 999;*/
}

#slender {

    border-radius: 6px;
    height: 170px;
    width: 575px;
    border: 1px solid #e3e3e3;
    position: absolute;
    top: 330px;
    left: 85%;
    display: none;
    z-index: 999;
    font-size: 15px;
    background: #fff;
}

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

.progress-primary {
    position: relative;
    width: 120px;
    margin: 0 auto;
}

.profile-image-left {
    text-align: center;
}

#slender, cont:after {
    font-size: 12px;
}

@media screen and (max-width: 1650px) {
    #slender {
        top: 300px;
    }
}

@media screen and (max-width: 1440px) {
    #slender {
        top: 275px;
        left: 92%;
    }
}

@media screen and (max-width: 1280px) {
    #slender {
        top: 275px;
        left: 100%;
    }
}

/*Loader*/

.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 100px;
    z-index: 100;
    height: 100px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

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

@media screen and (max-width: 767px) {

    .report-type .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 100% !important;
    }

    .report-type {
        padding-left: 0;
        margin: 10px;
    }

    .section-prerequisite-inner-container {
        margin: 15px 0 0 0;
        padding: 0;
    }

    .section-update-regional-office {
        margin: 15px 0 0 0;
        padding: 0;
    }

    .dataTables_filter {
        width: 20% !important;
        margin: 15px 0 15px 15px !important;
        float: left !important;
    }

    .section-search-result-container {
        background: #fff !important;
        margin: 15px 0 0 0 !important;
        border: 1px solid #e3e3e3 !important;
        border-radius: 6px !important;
    }

    .section-type-locations-container {
        margin: 15px 0 0 0 !important;
        padding: 0 !important;
    }

    .section-add-new-client-document-type {
        margin: 15px 0 0 0 !important;
        padding: 0 !important;
    }

    .section-add-location-clients {
        margin: 15px 0 0 0 !important;
        padding: 0 !important;
    }

    .section-export-client-branches-container {
        margin: 0 0 0 0 !important;
        padding: 0 !important;
    }

    .section-addnew-inventory-items {
        margin: 15px 0 0 0 !important;
        padding: 0 !important;
    }

    .section-user-enrollment-form {
        margin: 15px 0 0 0 !important;
        padding: 0 !important;
    }

    .section-assign-manager-form {
        margin: 15px 0 0 0 !important;
        padding: 0 !important;
    }

    .section-assign-clients-form {
        margin: 15px 0 0 0 !important;
        padding: 0 !important;
    }

    .section-all-tickets-container {
        margin: 15px 0 20px 0 !important;
        padding: 0 15px 10px 15px !important;
        background: #fff !important;
        border: 1px solid #e3e3e3 !important;
        border-radius: 6px !important;
        display: flow-root !important;
    }

    .section-original-detail-office-detail {
        margin: 15px 0 0 0 !important;
        padding: 0 !important;
    }

    .section-super-user-profile-container {
        margin: 15px 0 0 0 !important;
        padding: 0 !important;
    }

    .section-change-logos-container {
        margin: 15px 0 0 0 !important;
        padding: 0 !important;
    }

    .section-new-user-type-form {
        margin: 15px 0 0 0 !important;
        padding: 0 !important;
    }

    .section-guard-age-limit {
        margin: 15px 0 0 0 !important;
        padding: 0 !important;
    }

    .section-guards-status-report {
        margin: 25px 0 0 0 !important;
        padding: 0 !important;
        display: block !important;
    }

    .section-user-import-container {
        margin: 15px 0 0 -3px !important;
        padding: 0 !important;
    }

    .section-guard-imports-container {
        margin: 15px 0 0 -9px !important;
        padding: 0 !important;
    }

    .section-inventory-import-container {
        margin: 15px 0 0 -4px !important;
        padding: 0 !important;
    }

    .section-assign-inventory-container {
        margin: 15px 0 0 -12px !important;
        padding: 0 !important;
    }

}

.invoice-container {
    margin: 0;
    padding: 0 40px 30px 40px;
}

.new-invoice-input-form {
    margin: 0 0 20px 0;
    padding: 0;
}

.new-invoice-input-form label {
    margin: 0;
    padding: 0;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    color: #424242;
}

.new-invoice-input-form label span {
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: red;
}

.new-invoice-input-form input {
    margin: 0;
    padding: 0 15px;
    background: #fff;
    border: 1px solid #b3b3b3;
    border-radius: 4px;
    color: #424242;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    font-size: 14px !important;
    text-align: left;
    text-decoration: none;
    width: 100%;
    height: 40px;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.new-invoice-input-form input:focus {
    border: 1px solid #1e81e7;
}

.new-invoice-input-form select {
    margin: 0;
    padding: 0 15px;
    background: #fff url(../images/input-select-arrow.png) no-repeat right 3% center;
    border: 1px solid #b3b3b3;
    border-radius: 4px;
    color: #424242;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    width: 100%;
    height: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-size: 8px;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.new-invoice-input-form select:focus {
    border: 1px solid #1e81e7;
}

.invoice-container-table {
    margin: 0;
    padding: 0;
}

.items-detail-select {
    margin: 0;
    padding: 0;
}

.items-detail-select input {
    margin: 0;
    padding: 0 15px;
    background: #fff;
    border: 1px solid #b3b3b3;
    border-radius: 4px;
    color: #424242;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    font-size: 14px !important;
    text-align: left;
    text-decoration: none;
    width: 70%;
    height: 40px;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.items-detail-select input:focus {
    border: 1px solid #1e81e7;
}

.items-detail-select-invoice {
    width: 100%;
    border-radius: 4px;
    padding: 10px;
    border: 1px solid #b3b3b3
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    width: 100% !important;
}

.items-detail-select select {
    margin: 0;
    padding: 0 15px;
    background: #fff url(../images/input-select-arrow.png) no-repeat right 3% center;
    border: 1px solid #b3b3b3;
    border-radius: 4px;
    color: #424242;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    width: 100%;
    height: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-size: 8px;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.items-detail-select select:focus {
    border: 1px solid #1e81e7;
}

.addclone-icon {
    margin: 70px 0 0 0;
    padding: 0;
}

.addclone-icon ul {
    margin: 0;
    padding: 0;
}

.addclone-icon ul li {
    margin: 0 8px 0 0;
    padding: 0;
    list-style: none;
    float: left;
}

.addclone-icon ul li i {
    margin: 0;
    padding: 0;
    font-size: 15px;
    text-align: left;
    color: red;
}

.add-another-text {
    margin: 0 0 0 12px;
    padding: 0;
}

.add-another-text a {
    margin: 0;
    padding: 0;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    color: #424242;
}

.add-another-text a i {
    margin: 0;
    padding: 0;
    color: #424242;
    text-align: left;
}

.sub-total-container {
    margin: 0 25px 0 0;
    padding: 12px 0 12px 0;
    float: right;
    border-bottom: 1px solid #eee;
    width: 450px;
}

.sub-total-container::after {
    display: block;
    content: '';
    clear: both;
}

.sub-total-container .subtotal-left {
    margin: 0 180px 0 10px;
    padding: 0;
    float: left;
}

.sub-total-container .subtotal-left h3 {
    margin: 0;
    padding: 0;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    color: #424242;
}

.sub-total-container .subtotal-right {
    margin: 0 10px 0 0;
    padding: 0;
    float: right;
}

.sub-total-container .subtotal-right h3 {
    margin: 0;
    padding: 0;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    color: #424242;
}

.ajustment-total-container {
    margin: 20px 22px 0 0;
    padding: 0 0 22px 0;
    float: right;
    border-bottom: 1px solid #eee;
    width: 450px;
}

.ajustment-total-container .ajustment-total-left {
    margin: 0;
    padding: 0;
    float: left;
}

.ajustment-total-container .ajustment-total-left input[type="text"] {
    margin: 0;
    padding: 0 8px;
    border: 1px dashed #ccc;
    background: #fff;
    outline: none;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    color: #555;
    vertical-align: middle;
    height: 35px;
    width: 140px;
    float: left
}

.ajustment-total-container .ajustment-total-left input[type="number"] {
    margin: 0 0 0 10px;
    padding: 0 8px;
    border: 1px solid #ccc;
    background: #fff;
    outline: none;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    color: #555;
    vertical-align: middle;
    height: 35px;
    width: 90px;
    float: left
}

.ajustment-total-container .ajustment-total-right {
    margin: 10px 10px 0 0;
    padding: 0;
    float: right;
}

.ajustment-total-container .ajustment-total-right h6 {
    margin: 0;
    padding: 0;
    font-family: 'proxima_nova_rgregular';
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    color: #424242;
}
.contractRatesView .modal-dialog {
    width: 100%;
    max-width: 80%;
}
.fw-tab-wrap {
    width: 100%;
    padding: 0;
}
.fw-tab-wrap .profile-interduce-section {
    display: inline-block;
    width: 100%;
}

@media (min-width: 1905px) and (max-width: 2500px) {

    .dataTables_length {
        width: 12% !important;
        float: right !important;
        margin: 9px 0 0 15px !important;
    }

    .dataTables_filter {
        width: 14% !important;
        margin: 10px 0 6px 0 !important;
        float: right !important;
    }

}
.main_menu_side li.active ul.child_menu li.active ul.child_menu li a {
    padding: 8px 10px 8px 50px;
}
.main_menu_side li.active ul.child_menu li.active ul.child_menu li {position: relative;}
li#nav-list .active .nav.child_menu {
    padding-left: 0;
}

.read_text{

    background: #d4d4d4 !important;

}