/*color changes content day 21-11-2020*/

@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);

body {
margin: 0px;
padding: 0;
font-family: 'Roboto', sans-serif;
}

.header-main {
margin: 0 0;
background-color: #fff;
box-shadow: 0px 0px 2px #c0c0c0;
border-bottom: solid #ccc 1px;
position: fixed;
top: 0;
width: 100%;
z-index: 1;
right: 0;
}


.log-btn a {
display: block;
width: 91px;
border-radius: 5px;
height: 30px;
text-align: center;
line-height: 29px;
color: #fff;
font-size: 12px;
text-decoration: none !important;
background-color: #910d09;
border: 1px solid #910d09;
margin: 0 0 0 auto;
}

.log-btn a:hover {
background-color: #580000;
color: #fff;
border: 1px solid #580000;
}

.help-btn a {
display: block;
width: 35px;
/*border-radius: 5px;*/
/*height: 30px;*/
text-align: center;
line-height: 25px;
color: #26990a;
font-size: 24px;
text-decoration: none !important;
/*background-color: #f72e2e;*/
/*border: 1px solid #f72e2e;*/
}

.back-btn {
text-align: right;
padding: 2px;
float: right;
}

.blackback-btn {
font-size: 12px;
color: #FFF;
font-weight: 700;
text-decoration: none;
text-align: center;
background-color: #282529;
padding: 1px 15px;
border-radius: 5px;
}

.back-btn a {
font-size: 12px;
color: #FFF;
font-weight: 700;
text-decoration: none;
text-align: center;
background-color: #282529;
padding: 8px 15px;
border-radius: 5px;
}

.back-btn a:hover,
.blackback-btn:hover {
background-color: #000000;
text-decoration: none;
color: #fff;
}

.box-heading-tag {
padding: 20px;
}

.box-heading-tag h3 {
margin: 0px;
padding: 0px;
color: #221e56;
font-size: 24px;
text-transform: uppercase;
font-weight: 700;
}

.inner-form-box label {
font-size: 12px;
color: #666666;
margin-bottom: 5px;
}

.spanRequired {
color: Red;
text-align: left;
}

.inner-form-box .form-control {
height: 30px;
padding: 2px 5px;
border-radius: 3px;
border: solid #d5d5d5 1px;
font-size: 12px;
}

.web-link {
font-size: 11px;
color: #666666;
margin-top: 5px;
display: inline-block;
}

.inner-form-box {
padding: 0;
}

.inner-header-light {
margin: 0 auto 14px;
padding: 0 0 5px;
font-weight: 700;
border-bottom: 1px solid #ccc;
font-size: 12px;
text-align: left;
color: #666666;
}

.makepay-text {
font-weight: 700;
font-style: italic;
}

.inner-form-box .card-date.form-control {
width: 35%;
float: left;
}

.inner-form-box .card-year.form-control {
width: 58%;
float: right;
}

.inner-form-box .form-control.check-inline-box {
float: left;
width: 16px;
text-align: left;
margin-left: 0;
}

.inner-form-box .check-accept-tag {
margin-top: 3px;
display: inline-block;
}

.bottom-innerbox {
padding: 5px 20px;
text-align: right;
}

.bottom-innerbox .make-btn:hover {
background-color: #006f31
}

.bottom-innerbox .reset-btn:hover {
background-color: #000
}

.bottom-innerbox .make-btn {
background-color: #26990a;
border: 1px solid #26990a;
font-size: 12px;
font-weight: bold;
border-radius: 5px;
padding: 5px 10px;
color: #fff;
cursor: pointer;
min-width: 70px;
}

.bottom-innerbox .reset-btn {
background: #282529;
border: 1px solid #282529;
border-radius: 5px;
font-size: 12px;
font-weight: bold;
padding: 5px 10px;
color: #fff;
cursor: pointer;
min-width: 70px;
}

.paggin-section-box {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fefefe+0,e9eaef+100 */
background: #fefefe;
/* Old browsers */
background: -moz-linear-gradient(top, #fefefe 0%, #e9eaef 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #fefefe 0%, #e9eaef 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fefefe 0%, #e9eaef 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e9eaef', GradientType=0);
/* IE6-9 */
border-bottom: 1px solid #9CA1B0;
margin: 0 0 30px 0;
box-shadow: 0px 5px 9px #dfdfdf;
}

.paggin-section-box ul {
margin: 5px 2.5%;
padding: 0px;
list-style: none;
border: 1px solid #ccc;
border-radius: 5px;
display: inline-block;
}

.paggin-section-box ul li {
list-style: none;
display: inline;
font-size: 12px;
color: #9E9E9E;
font-weight: 700;
padding: 10px;
}

.paggin-section-box ul li a {
color: #44474F;
font-size: 12px;
text-decoration: none;
font-weight: 700;
}

.paggin-section-box ul li a:hover {
color: #000;
}

.arrow_box {
position: relative;
}

.arrow_box:after,
.arrow_box:before {
left: 92%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.arrow_box:after {
border-color: rgba(136, 183, 213, 0);
border-left-color: #f7f7f9;
border-width: 12px;
margin-top: -13px;
}

.arrow_box:before {
border-color: rgba(194, 225, 245, 0);
border-left-color: #626262;
border-width: 12px;
margin-top: -13px;
}

.left-header {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fefefe+0,e9eaef+100 */
background: #fefefe;
/* Old browsers */
background: -moz-linear-gradient(top, #fefefe 0%, #e9eaef 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #fefefe 0%, #e9eaef 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fefefe 0%, #e9eaef 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e9eaef', GradientType=0);
/* IE6-9 */
border-bottom: 1px solid #9CA1B0;
margin: 0;
padding: 7px 30px;
;
color: #666666;
font-size: 12px;
font-weight: 700;
}

.left-header i {
font-size: 20px;
margin: 0 5px 0 0;
}

.accrodin-bxo {
background-color: #fff;
height: 100vh;
}


.accrodin-bxo .card-header,
.accrodin-bxo .card {
padding: 5px 15px;
background-color: transparent;
border: none;
}

.accrodin-bxo .card-header h5 {
font-size: 13px;
font-weight: 700;
color: #1F1F20;
text-transform: uppercase;
}

.accrodin-bxo .card-body {
padding: 0 20px;
}

.accrodin-bxo ul.toggle {
margin: 0px;
padding: 0px;
list-style: none;
}

.accrodin-bxo ul.toggle li a {
color: #666666;
font-size: 12px;
font-weight: 300;
}

.accrodin-bxo ul.toggle li a:hover {
color: #444444;
}

.accrodin-bxo ul.toggle li i {
margin: 0 5px 0 0;
font-size: 12px;
color: #666666;
}

.btn.btn-link.toggle-btn {
float: right;
position: relative;
}

.btn.btn-link.toggle-btn::after {
content: "Hide";
top: -4px;
right: 0;
position: absolute;
color: #0D0D0D;
font-size: 12px;
font-weight: 700;
text-transform: uppercase
}

.btn.btn-link.toggle-btn.collapsed::after {
content: "Show";
top: -4px;
right: 0;
position: absolute;
color: #0D0D0D;
font-size: 12px;
font-weight: 700;
text-transform: uppercase
}

.text-danger.field-validation-error .form-group {
margin-bottom: 0;
}

.text-danger.field-validation-error {
font-size: 11px;
line-height: 14px;
color: #dc3545 !important
}

.domain-name {
float: left;
width: calc(100% - 92px);
}

.sub-link {
float: right;
width: 92px;
font-size: 11px;
color: #515151;
font-weight: 700;
margin: 0;
display: block;
background-color: #cacaca;
height: 30px;
line-height: 30px;
padding: 0 5px;
}

.input-line {
display: inline-block;
clear: both;
width: 100%;
}

.backbtn {
padding: 1px 15px
}



.modal-open .show {
/*opacity: 1;
background-color: rgba(0, 0, 0, 0.5);*/
}

.modal-backdrop.fade.show + .modal-backdrop.fade.show {
display: none;
}




.action-list a {
text-decoration: none;
margin: 0 2px;
}

.compy-list-tb .compy-list-tb.table-dark {
color: #fff;
background-color: #fff;
}

.compy-list-tb .table-dark td {
white-space: nowrap;
border: none;
font-size: 12px;
padding: 15px 5px;
color: #1F1F20;
}

.compy-list-tb .table-dark th,
.compy-list-tb .table-dark thead th {
border: none;
font-size: 12px;
}

.compy-list-tb .table tr a.tr-link {
color: #1F1F20;
text-decoration: none;
}

.compy-list-tb .table-dark th {
color: #1F1F20;
padding: 10px 5px;
}

.compy-list-tb .table tr.tr-white {
background: #fefefe;
/* Old browsers */
background: -moz-linear-gradient(top, #fefefe 0%, #e9eaef 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #fefefe 0%, #e9eaef 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fefefe 0%, #e9eaef 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e9eaef', GradientType=0);
/* IE6-9 */
font-size: 12px;
}

.main-bxo .row.mb-4 .col-sm-4 {
text-align: right;
display: flex;
align-items: center;
}
.main-bxo .row.mb-4 .col-sm-4 .search-box {
width: 100%;
float: none;
display: block;
}
.main-bxo .row.mb-4 .col-sm-4 .email-btn {
line-height: 100%;
margin: 0 0 0 auto;
display: block;
}
.main-bxo .row.mb-4 .col-sm-4 select {
margin: 0 10px;
}
.email-btn {
    
}

.email-btn a:hover {
background-color: #000000;
text-decoration: none;
color: #fff;
}

.email-btn a {
background: #282529;
border: 1px solid #282529;
font-size: 12px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 8px 15px;
color: #fff;
cursor: pointer;
display: block;
width: fit-content;
}

.pagination-box {
text-align: right;
width: 100%;
display: inline-block;
}

.pagination-box .page-link {
position: relative;
display: block;
padding: 5px 8px;
margin: 0px 3px;
line-height: 1.25;
color: #910d09;
background-color: #fff;
border: 1px solid #910d09;
border-radius: 5px;
font-size: 12px;
}

.pagination-box .page-item.disabled .page-link {
color: #fff;
pointer-events: none;
cursor: auto;
background-color: #979797;
border-color: #A2A2A2;
}

.page-item.active .page-link {
z-index: 1;
color: #fff;
background-color: #00a353;
border-color: #00a353;
}


.form-control.seach-fild {
position: relative;
background-image: url('./images/icn_search.png');
background-repeat: no-repeat;
background-position: 5px center;
padding: 2px 0 0 25px;
font-size: 12px;
border-radius: 5px;
float: left;
width: calc(100% - 70px);
}

.search-btn {
background-color: #26990a;
padding: 8px 8px;
color: #fff;
text-align: center;
border-radius: 5px;
border: none;
float: right;
width: 65px;
font-size: 13px;
line-height: 16px;
}

.seach-full.box-heading-tag h3 {
clear: both;
color: #910d09;
display: inline-block;
text-transform: uppercase;
width: 100%;
line-height: 30px;
}

.seach-full.box-heading-tag h3 .filter-btnbox.mr-1 button.blackback-btn:hover {
background-color: #26990a;
color: #fff;
}

.seach-full.box-heading-tag h3 .filter-btnbox.mr-1 button.blackback-btn:focus {
color: #fff;
}

.search-btn:hover {
background-color: #006f31;
color: #fff;
}

.box-heading-tag.seach-full {
padding: 0px;
}

.radio-btngroup {
text-align: center;
display: inline-block;
text-transform: capitalize;
font-weight: 400;
color: #000;
margin: 0 15%;
font-size: 12px;
}

.radio-btngroup .form-check-inline {
margin-right: 6px;
}

.search-btn {
width: 70px;
padding: 8px 4px;
font-size: 12px;
}

.form-control.seach-fild {
width: calc(100% - 80px);
}

.innersearchbar-flter .form-control.seach-fild {
width: 100%
}

.btn-theme:hover {
background-color: #006f31;
color: #fff;
}

.btn-theme {
background: #26990a;
border: 1px solid #26990a;
-webkit-box-shadow: 0 1px 0 #fff;
-moz-box-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 0 #fff;
font-size: 12px;
font-weight: bold;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 8px 15px;
color: #fff;
cursor: pointer;
}

.pop-form label {
font-size: 12px;
margin: 0;
padding: 0;
}

.pop-form input.form-control {
padding: 2px 5px;
height: 30px;
font-size: 12px;
border-radius: 0;
}

.pop-form textarea.form-control {
padding: 2px 5px;
font-size: 12px;
border-radius: 0;
}



/* for loader waiting  model */


.modalLoader {
position: fixed;
z-index: 99999;
height: 100%;
width: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.8);
}

.centerLoader {
z-index: 1000;
margin: 300px auto;
padding: 10px;
width: 130px;
background-color: White;
border-radius: 10px;
filter: alpha(opacity=100);
opacity: 1;
-moz-opacity: 1;
}

.center img {
height: 128px;
width: 128px;
}

/* end */

.inner-form-box .form-group {
margin-bottom: 5px;
}

.theme-btn .search-btn-user {
background: #D0D1D4;
border: 1px solid #A8A9A8;
-webkit-box-shadow: 0 1px 0 #fff;
-moz-box-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 0 #fff;
font-size: 12px;
font-weight: bold;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 0 10px;
color: #666;
cursor: pointer;
}

.theme-btn .search-btn-user:hover {
background-color: #A8A9A8;
}

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

.compy-list-tb .table tr.tr-no-bg {
background-color: #fff;
font-size: 12px;
border-bottom: 1px dotted #ccc;
}

.inner-loginform label {
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
color: #666666;
margin-bottom: 2px;
}

.inner-loginform {
padding: 20px;
border-radius: 0px;
background-color: #fff;
}

.inner-loginform .form-control {
border: 1px solid #D7D7D7;
height: 34px;
font-size: 12px;
padding: 2px 7px;
color: #666666;
border-radius: 0;
}

.inner-loginform h4 {
font-weight: 500;
padding: 10px 0;
color: #000;
font-size: 22px;
}

.inner-loginform h4 span {
display: block;
font-size: 16px;
font-weight: 400;
margin-top: 5px;
}

.login-btn .make-btn {
border: 1px solid #30B0C8;
font-weight: bold;
font-size: 12px;
color: #001217;
}

.theme-btn {
background-color: #910d09;
}

.login-btn {
border: none;
display: block;
width: 100%;
padding: 5px 0;
border-radius: 2px;
color: #fff;
font-size: 20px;
height: 34px;
line-height: 22px;
}

.login-btn-box {
margin: 15px 0 0;
}



.login-btn .make-btn {
border: 1px solid #30B0C8;
font-weight: bold;
font-size: 12px;
color: #001217;
}

.main-inner .left-contes {
width: 180px;
height: 100%;
float: left;
position: fixed;
top: 90px;
z-index: 2;
left: 0;
background-color: #fff;
}


.footer-copy {
text-align: left;
font-size: 12px;
color: #888;
}

footer {
background-color: #fff;
padding: 20px 0;
clear: both;
display: inline-block;
width: 100%;
}

.footer-copy-text {
text-align: left;
font-size: 15px;
color: #888;
float: left;
}

.accrodin-bxo ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}

.accrodin-bxo ul li {
list-style-type: none;
margin: 0;
}

.accrodin-bxo ul li a {
font-size: 14px;
color: #000;
text-decoration: none;
padding: 15px;
display: block;
font-weight: 400;
}

.logo-btn a img {
height:45px;
}

.page-wrapper {
background-color: #f5f5f5;
}

.compy-list-tb .table thead th {
vertical-align: bottom;
border-bottom: none;
background-color: #E0EAE4;
font-size: 13px;
padding: 8px 7px;
font-weight: 500;
}

.compy-list-tb .table td {
font-size: 12px;
padding: 6px;
}

.accrodin-bxo ul li a.active-nav {
background-color: #910d09;
color: #fff;
}

.accrodin-bxo ul li a:hover {
background-color: #910d09;
color: #fff;
}

.compy-list-tb .table-striped tbody tr:nth-of-type(2n+1) {
background-color: #f5f7f6;
}

.action-list a {
font-size: 14px;
padding: 2px;
border-radius: 4px;
height: 24px;
width: 24px;
display: inline-block;
text-align: center;
line-height: 19px;
margin: 0 3px;
}

.action-list a.tb-search {
background-color: #fff;
border: solid #26990a 1px;
color: #26990a;
}

.action-list a.tb-user {
color: #221e56;
border: solid #221e56 1px;
}

.action-list a.tb-compny {
color: #444CA0;
border: solid #444CA0 1px;
}

.action-list a.tb-delete {
color: #e35f5c;
border: solid #e35f5c 1px;
}

.action-list a {
align-items: center;
display: inline-grid;
}

.action-list a.tb-inactive {
color: #FFBF00;
border: solid #FFBF00 1px;
}

.action-list a.tb-mail {
color: #2BA8E0;
border: solid #2BA8E0 1px;
}

.action-list a.tb-mailgray {
color: #ccc;
border: solid #ccc 1px;
cursor: auto;
}

.action-list a.tb-search:hover {
background-color: #006f31;
border: solid #006f31 1px;
color: #fff;
}

.action-list a.tb-user:hover {
color: #fff;
background-color: #221e56;
border: solid #221e56 1px;
}

.action-list a.tb-compny:hover {
color: #fff;
background-color: #444CA0;
border: solid #444CA0 1px;
}

.action-list a.tb-delete:hover {
color: #fff;
background-color: #e35f5c;
border: solid #e35f5c 1px;
}

.action-list a.tb-inactive:hover {
color: #fff;
background-color: #FFBF00;
border: solid #FFBF00 1px;
}

.action-list a.tb-mail:hover {
color: #fff;
background-color: #2BA8E0;
border: solid #2BA8E0 1px;
}

.pagination-box nav {
float: right;
}

.pagination-box .page-link:hover {
color: #fff;
background-color: #00a353;
border: 1px solid #00a353;
}

.compy-list-tb .table tr a.tr-link.under-line {
text-decoration: underline;
}

.compy-list-tb .table tr a.tr-link.under-line:hover {
text-decoration: none;
}

.page-wrapper.toggled .left-contes {
left: 0px;
}

.page-wrapper .left-contes {
left: -250px;
}

.page-wrapper.toggled .right-content {
padding-left: 200px;
}

.page-wrapper.toggled .right-content {
margin-left: 180px;
padding-left: 0px !important;
width: calc(100% - 180px);
padding-top: 0;
}

.main-inner .right-content {
display: inline-block;
width: 100%;
padding-left: 0px;
padding-top: 0;
margin-top: 70px;
}

.toggled #close-sidebar {
}

#close-sidebar {
/* cursor: pointer;
border: solid #26990a 2px;
padding: 0px 10px;
font-size: 22px;
border-radius: 4px;
margin: 16px 0;
display: inline-block;
color: #26990a;
text-align: left;
position: absolute;*/
}

.page-wrapper .left-contes,
.page-wrapper .right-content,
#close-sidebar,
.toggled #close-sidebar,
#close-sidebar,
.header-main {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}


/*15-10-2019*/

/*#company-data-table_length, #company-data-table_filter {
display: none;
}*/
#company-data-table_length {
font-size: 12px;
}

#company-data-table_filter {
display: none;
}


#company-data-table_info {
font-size: 12px;
float: left;
width: 180px;
}

#company-data-table_paginate {
float: right;
width: calc(100% - 180px);
text-align: right;
}

a.paginate_button {
position: relative;
display: inline-block;
padding: 5px 8px;
margin: 0px 3px;
text-decoration: none;
line-height: 1.25;
color: #00a353;
cursor: pointer;
background-color: #fff;
border: 1px solid #00a353;
border-radius: 5px;
font-size: 12px;
}

a.paginate_button.current {
z-index: 1;
color: #fff;
background-color: #910d09;
border-color: #910d09;
}

a.paginate_button.previous.disabled,
a.paginate_button.next.disabled {
color: #fff;
pointer-events: none;
cursor: auto;
background-color: #979797;
border-color: #A2A2A2;
cursor: no-drop;
}

#company-data-table_wrapper {
padding-bottom: 20px;
}

#company-data-table_processing {
text-align: center;
position: absolute;
left: 42%;
top: 50%;
}

#company-data-table_wrapper {
position: relative;
}


.compay-deails {
background-color: #ebf5f0;
padding: 8px;
border-radius: 5px;
font-size: 14px;
}

.login-logo img {
height: 110px;
margin: 0 auto;
display: table;
}

.login-bg {
background-color: #f5f5f5;
}

.height100 {
height: 100vh;
}

.login-width {
margin: 0 auto;
width: 530px;
}


/* 21-10-19 */
.compy-logo img {
height: 60px;
max-width: 220px;
width: auto;
}

.inner-form-box .form-control.textara-height {
height: 100%;
}

.inner-form-box .form-control.chckcostbox {
float: left;
display: inline-block;
width: auto;
}

#company-data-table_length select {
height: 30px;
padding: 2px 5px;
}

.gary-bg {
background-color: #f5f7f6;
border: solid #f1fbf6 1px;
padding: 10px;
}

table.dataTable thead .sorting {
background-image: url("./images/sort_both.png");
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
background-repeat: no-repeat;
background-position: center right;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
cursor: pointer;
*cursor: hand;
}

.input-disabled {
background-color: #EBEBE4;
border: 1px solid #ABADB3;
padding: 2px 1px;
}

.action-list a.tb-login {
background-color: #fff;
border: solid #a34bdf 1px;
color: #a34bdf;
}

.action-list a.tb-login:hover {
background-color: #a34bdf;
border: solid #a34bdf 1px;
color: #fff;
}

.action-list {
white-space: nowrap;
}


table.dataTable thead .sorting_asc {
background-image: url("./images/sort_asc.png");
}

table.dataTable thead .sorting_desc {
background-image: url("./images/sort_desc.png");
}

.fixed-costspan {
vertical-align: text-top;
}

.inner-form-box.company-form .form-group {
margin-bottom: 10px;
}

.inner-form-box .custom-control-input:checked ~ .custom-control-label::before {
color: #fff;
border-color: #910d09;
background-color: #910d09 !important;
}

.inner-hole-bxo {
    background-color: #f5f7f6;
    padding: 15px;
    border: solid #f1fbf6 1px;
    margin-top: 20px;
}

.inner-form-box.company-form label {
    
    margin-bottom: 0;
    white-space: normal !important;
    word-break: break-all;
    line-height: 1.2em;
}

.addbtn-icon a:hover {
background-color: #910d09;
color: #fff;
}

.addbtn-icon a {
color: #910d09;
height: 22px;
width: 22px;
display: inline-block;
text-align: center;
line-height: 23px;
font-size: 14px;
border-radius: 3px;
border: solid #910d09 1px;
}

.addbtn-icon a.btn-green {
color: #00a353;
border: solid #00a353 1px;
}

.addbtn-icon a.btn-green:hover {
background-color: #00a353;
color: #fff;
}

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

.form-group.top-spaceds,
.addbtn-icon.top-spaceds {
margin-top: 25px;
}

.inneroperatonbtn {
padding: 15px;
text-align: center;
border: dashed #ccc 1px;
background-color: #f0f0f0;
}

.bottom-innerbox.inneroperatonbtn .make-btn {
display: block;
width: 100%;
}

.FreeCompanylogo {
color: #fff;
}

.client-text-icon-sec {
align-items: center;
display: inline-flex;
}

.client-text-icon-sec .client-icon {
margin-right: 13px;
}

.client-text-icon-sec .caption.client {
margin: 0;
}

.client-text-icon-sec .caption.client h4 {
margin: 0;
}

.dashbrod-box .thumbnail {
box-shadow: 0px 0px 10px #d5d5d5;
margin: 10px 0;
border-radius: 10px;
clear: both;
display: inline-block;
width: 100%;
padding: 20px;
}

.bg-orange.thumbnail {
background-color: #FBB65C;
}

.bg-green.thumbnail {
background-color: #47e48d;
}

.bg-gray.thumbnail {
background-color: #8699a4;
}

.bg-blue.thumbnail {
background-color: #6cbaff;
}

.bg-purple.thumbnail {
background-color: #BC5BF0;
}

.bg-red.thumbnail {
background-color: #f55;
}

.bg-black.thumbnail {
background-color: #FF9F5C;
}

.caption.client {
padding: 10px 0;
border-radius: 10px 10px 0 0;
text-align: left;
float: right;
margin: 10px 0;
width: calc(100% - 85px);
}

.caption.client h4 {
font-size: 22px;
font-weight: 400;
color: #fff;
}

.bg-orange .client-icon {
background-color: #FBB65C;
;
}

.bg-green .client-icon {
background-color: #47e48d;
}

.bg-gray .client-icon {
background-color: #8699a4;
}

.bg-blue .client-icon {
background-color: #6cbaff;
}

.bg-purple .client-icon {
background-color: #BC5BF0;
}

.bg-black .client-icon {
background-color: #FF9F5C;
}

.bg-red .client-icon {
background-color: #f55;
}

.client-icon {
float: left;
border-radius: 10px;
border: solid #fff 2px;
margin: 0;
padding: 5px;
width: 68px;
}

.client-icon > img {
height: 54px;
}

.box-btnmore {
text-align: center;
padding: 0;
clear: both;
margin: 30px 0 0;
display: inline-block;
width: 100%;
}

.box-btnmore a.btn-dsbox {
color: #fff;
text-decoration: none;
}

.fixed-costspan {
vertical-align: -moz-middle-with-baseline;
}

#modalConfirmYesNo .modal-footer button {
color: #fff;
border: none;
border-radius: 5px;
font-size: 16px;
padding: 2px 12px;
}

#modalMsgAlert .modal-footer button {
color: #fff;
border: none;
border-radius: 5px;
font-size: 16px;
padding: 2px 12px;
}

#modalMsgInformation .modal-footer button {
color: #fff;
border: none;
border-radius: 5px;
font-size: 16px;
padding: 2px 12px;
}

#modalMsgInformation .modal-footer button {
color: #fff;
border: none;
border-radius: 5px;
font-size: 16px;
padding: 2px 12px;
}

a.add-btn {
width: 110px;
text-align: center;
text-decoration: none;
margin: 0 5px;
}


/* 30-10-2019 */

.login-width-page {
margin: 0 auto;
width: 850px;
}

.login-logo-page img {
height: 100px;
}

.login-logo-page {
text-align: left;
margin: 50px auto;
}

.loginfor-page .innerform-box label {
color: #848484;
margin-bottom: 3px;
font-size: 16px;
font-weight: 300;
}

.loginfor-page .innerform-box .form-control {
border-radius: 0;
}

.loginfor-page .innerform-box {
margin-bottom: 15px;
}

.login-page-bg {
background: #f5f5f5 url(./images/login-bg.png) no-repeat;
background-position: right bottom;
}

/* 05-11-2019 */
.upload-box {
background-color: #f7f7f7;
border: dashed #ddd 1px;
padding: 5px 10px 10px;
border-radius: 0px;
margin: 5px 0 0;
clear: both;
display: inline-block;
width: 100%;
min-height: 108px;
}

.drawing-box {
background-color: #f7f7f7;
border: dashed #ddd 1px;
padding: 3px 0 7px;
margin-top: 5px;
color: #26990a;
text-align: center;
}

.inner-form-box.company-form .drawing-box {
padding: 15px 0 26px
}

.proi-pic-box {
position: relative;
display: table;
width: 200px;
margin: 0 auto;
}

.proi-pic-box a {
font-size: 14px !important;
text-align: center;
line-height: 35px;
margin: 0;
color: #666 !important;
width: 100%;
cursor: pointer;
display: block;
text-decoration: none;
}

.proi-pic-box a > i {
background-color: transparent;
width: 24px;
height: 24px;
border-radius: 4px;
line-height: 23px;
font-size: 14px;
display: block;
margin: 0 auto;
color: #26990a;
border: solid #26990a 1px;
}

.form-group.upload-box label {
display: block;
}

.outerDivFull {
margin: 0;
width: 140px;
float: left;
}

.rick-doc-box {
float: right;
width: calc(100% - 160px);
}

.outerrightM {
position: relative;
margin: 0 auto;
text-align: right;
}

.switchToggle-block {
display: inline-flex;
}

.switchToggle-block label {
font-size: 16px;
margin-right: 10px;
margin-bottom: 0;
padding-top: 2px;
}

.outerrightM i.fa-info-circle.createdDiv {
margin-left: 10px;
margin-top: 6px;
}

.outerrightM .switchToggle {
float: none;
}

.switchToggle label {
display: block;
}

.switchToggle input[type=checkbox] {
height: 0;
width: 0;
visibility: hidden;
position: absolute;
}

.switchToggle label {
cursor: pointer;
text-indent: -9999px;
width: 70px !important;
max-width: 70px !important;
height: 28px;
background: #d1d1d1;
display: block;
border-radius: 100px;
position: relative;
font-size: 0;
text-align: left;
}

.switchToggle label:after {
content: '';
position: absolute;
top: 2px;
left: 2px;
width: 26px;
height: 24px;
background: #fff;
border-radius: 90px;
transition: 0.3s;
}

.switchToggle input:checked + label,
.switchToggle input:checked + input + label {
background: #26990a;
}

.outerrightM .switchToggle input + label:before,
.outerrightM .switchToggle input + input + label:before {
content: 'MM';
position: absolute;
top: 4px;
right: 10px;
width: 26px;
height: 26px;
border-radius: 90px;
transition: 0.3s;
text-indent: 0;
color: #fff;
font-size: 14px;
}

.outerrightM .switchToggle input:checked + label:before,
.outerrightM .switchToggle input:checked + input + label:before {
content: 'M';
position: absolute;
top: 4px;
left: 10px;
width: 26px;
height: 26px;
border-radius: 90px;
transition: 0.3s;
text-indent: 0;
color: #fff;
font-size: 14px;
}

.switchToggle input + label:before,
.switchToggle input + input + label:before {
content: 'OFF';
position: absolute;
top: 4px;
right: 10px;
width: 26px;
height: 26px;
border-radius: 90px;
transition: 0.3s;
text-indent: 0;
color: #fff;
font-size: 14px;
}

.switchToggle input:checked + label:before,
.switchToggle input:checked + input + label:before {
content: 'ON';
position: absolute;
top: 4px;
left: 10px;
width: 26px;
height: 26px;
border-radius: 90px;
transition: 0.3s;
text-indent: 0;
color: #fff;
font-size: 14px;
}

.switchToggle input:checked + label:after,
.switchToggle input:checked + input + label:after {
left: calc(100% - 2px);
transform: translateX(-100%);
}

.switchToggle label:active:after {
width: 60px;
}

.toggle-switchArea {
margin: 10px 0 10px 0;
}


.toggle-switchArea {
margin: 10px 0 10px 0;
}

.drawing-box-pop {
background-color: #ebf5f0;
border: dashed #bbd5c8 1px;
padding: 3px 0 7px;
margin: 0 auto;
color: #26990a;
text-align: center;
display: table;
}

.proi-pic-box-pop {
position: relative;
display: table;
width: 200px;
margin: 0 auto;
}

.proi-pic-box-pop .pro-box-img-pop {
font-size: 14px !important;
text-align: center;
line-height: 26px;
margin: 0;
color: #26990a !important;
width: 100%;
cursor: pointer;
display: block;
}

.proi-pic-box-pop .pro-box-img-pop > i {
background-color: #26990a;
width: 22px;
height: 22px;
border-radius: 50%;
line-height: 23px;
font-size: 14px;
display: block;
margin: 0 auto;
color: #fff;
}

.proi-pic-box-pop .btn-profils {
opacity: 0;
width: 100%;
height: 55px;
position: absolute;
top: 0;
left: 0;
color: #ffff;
padding: 0px;
cursor: pointer;
}

.tabsiner-box {
margin: 20px 10px;
}


.drawing-box-upload {
background-color: #ebf5f0;
border: dashed #bbd5c8 1px;
padding: 3px 0 7px;
margin: 0 auto;
color: #26990a;
text-align: center;
display: table;
}

.proi-pic-box-upload {
position: relative;
display: table;
width: 200px;
margin: 0 auto;
}

.proi-pic-box-upload .pro-box-img-upload {
font-size: 14px !important;
text-align: center;
line-height: 26px;
margin: 0;
color: #666666 !important;
width: 100%;
cursor: pointer;
display: block;
}

.proi-pic-box-upload .pro-box-img-upload > i {
background-color: transparent;
width: 24px;
height: 24px;
border-radius: 4px;
line-height: 25px;
font-size: 14px;
display: block;
margin: 0 auto;
color: #26990a;
border: solid #26990a 1px;
}

.proi-pic-box-upload .btn-profils {
opacity: 0;
width: 100%;
height: 68px;
position: absolute;
top: 0;
left: 0;
color: #ffff;
padding: 0px;
cursor: pointer;
}

/*pagination css*/
.table-responsive {
padding-bottom: 20px;
}

#SelectPageSize {
font-size: 12px;
height: 24px;
border: solid #dfdfdf 1px;
width: 55px;
}


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

.pagination > li {
display: inline;
}

.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 2px 8px;
margin: 0 2px;
line-height: 1.42857143;
color: #910d09;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
font-size: 14px;
border-radius: 4px
}

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

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

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

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 3;
color: #fff;
cursor: default;
color: #fff;
background-color: #910d09;
border: 1px solid #910d09;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #fff;
pointer-events: none;
cursor: auto;
background-color: #979797;
border-color: #A2A2A2;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}

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

.pagination-sm > li > a,
.pagination-sm > li > span {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}

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

.pager {
padding-left: 0;
margin: 20px 0;
text-align: center;
list-style: none;
}

.pager li {
display: inline;
}

.pager li > a,
.pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
text-decoration: none;
background-color: #eee;
}

.pager .next > a,
.pager .next > span {
float: right;
}

.pager .previous > a,
.pager .previous > span {
float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
color: #777;
cursor: not-allowed;
background-color: #fff;
}

.ClientDrp {
padding-left: 20px;
font-size: 12px;
height: 24px;
border: solid #dfdfdf 1px;
width: 150px;
}

#pagination-demo {
text-align: right;
}

#Pagedatabind table.dataTable.no-footer {
border-bottom: none;
}

/*pagination css*/

.resetsort {
cursor: pointer;
}

.eye-passd-box i {
position: absolute;
right: 10px;
top: 7px;
font-size: 14px;
color: #393838;
cursor: pointer;
}

.eye-passd-box {
position: relative;
}

.inner-form-box .eye-passd-box .form-control {
padding: 2px 28px 5px 5px;
}

/* tabs css */
.tabs-theme .nav-tabs .nav-link {
font-size: 15px;
font-weight: 500;
color: #333;
background-color: #e0eae4;
border: none;
margin: 0px 3px;
}

.tabs-theme .nav-tabs .nav-item.show .nav-link,
.tabs-theme .nav-tabs .nav-link.active {
color: #fff;
background-color: #910d09;
border: none;
}

.tabs-theme .nav-tabs {
border-bottom: 4px solid #e0eae4;
}

.search-btn.btn-green {
background-color: #26990a !important;
margin: 0 5px;
width: auto;
padding: 8px 15px;
}

.search-btn.btn-green:hover {
background-color: #006f31 !important;
}

button.search-btn.btn-green:hover {
background-color: #006f31 !important;
}

label#Profile-pic:hover i {
background-color: #006f31 !important;
color: #fff !important;
}

.btn-success {
background-color: #26990a !important;
}

.btn-success:hover {
background-color: #006f31 !important;
}

#modalConfirmYesNo .make-btn:hover {
background-color: #006f31 !important;
}

#modalMsgInformation .make-btn:hover {
background-color: #006f31 !important;
}

button.wrapper-AtBcr.u-isActionable.u-textLeft.u-inlineBlock.u-borderNone.u-textBold.u-textNoWrap.Arrange.Arrange--middle.u-userLauncherColor:hover {
background-color: #26990a !important;
}

.Clear-btn:hover {
background-color: #000000 !important;
}

.bottom-innerbox .reset-btn:hover {
background-color: #000000 !important;
}

#modalConfirmYesNo .reset-btn:hover {
background-color: #000000 !important;
}

#modalMsgInformation .reset-btn:hover {
background-color: #000000 !important;
}

#btnNoConfirmYesNo .reset-btn:hover {
background-color: #000000 !important;
}

.u-userLauncherColor:not([disabled]) {
background-color: #26990a !important;
}

button#btnreset:hover {
background-color: #000000 !important;
}

input.reset-btn.bckResetClr:hover {
background-color: #580000 !important;
}

.fotter-contbox {
display: inline-block;
float: right;
font-size: 14px;
border: dashed #d5d5d5 1px;
padding: 0px 5px;
background-color: #f5f7f6;
}

.fotter-contbox {
font-size: 14px;
}

.active-drawingsbox span {
font-size: 18px;
font-weight: 600;
color: #26990a;
}

.conmpnyidnaem {
font-size: 15px;
padding: 0px 0px;
display: block;
text-align: left;
}

.conmpnyidnaem span {
color: #000;
font-weight: 700;
font-size: 20px;
}

.fotter-contbox a {
color: #000;
text-decoration: none;
font-weight: 600;
}

.copyright-text {
text-align: right;
font-size: 14px;
float: left;
}

footer.footerfixd {
background-color: #fff;
padding: 20px 0;
clear: both;
display: inline-block;
width: 100%;
position: fixed;
bottom: 0;
width: 100%;
box-shadow: 0px 0px 10px #d7d7d7;
z-index: 111;
}

.savebtncss {
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
}

.gary-bg {
background-color: #f8f8f8;
border: 1px solid #f2efef;
padding: 10px;
}

.inner-form-box form p {
font-size: 14px;
}

.inner-form-box form label {
font-size: 12px;
margin-top: 6px;
}

.numberOuterDiv {
position: relative;
}

.numberOuterDiv span.input-group-btn {
position: absolute;
}

.numberOuterDiv span.input-group-btn button {
padding: 2px 7px;
}

.numberOuterDiv input {
padding: 0 30px !important;
text-align: center;
}

.numberOuterDiv input + span.input-group-btn {
right: 0px;
top: 0px;
}

.liRedChekbox {
background: #f10 !important;
color: #fff;
}

.liRedChekbox label {
color: #fff;
}

.liRedChekbox:hover {
background: #f10 !important;
color: #fff !important;
}

.proi-pic-box-upload .pro-box-img-upload {
margin-top: 15px;
}

.innerrickupload .proi-pic-box-upload .pro-box-img-upload {
margin-top: 0;
}

.innerrickupload.upload-box {
min-height: 58px;
}

.innertextbox {
float: left;
font-size: 15px;
margin: 0 10px;
}


.allserahbox {
display: inline-block;
width: 100%;
clear: both;
margin: 10px 0 0;
margin-bottom: 0px;
}

/*.allserahbox div {
margin: 0 10px 5px 10px;
}*/

.datepinckerbox .form-control,
.innertextbox .form-control {
display: inline-block;
}

.datepicker td,
.datepicker th {
width: 1.5em;
height: 1.5em;
}

.datepicker {
font-size: 0.875em;
}

/* solution 2: the original datepicker use 20px so replace with the following:*/

.datepicker td,
.datepicker th {
width: 1.5em;
height: 1.5em;
}

.drawingselet-box-pop select.form-control.drawingselect {
display: inline-block;
max-width: 150px;
font-size: 12px;
padding: 5px;
}

.drawingselet-box-pop {
margin: 0 0 10px;
clear: both;
display: inline-block;
width: 100%;
}


.SumoSelect > .optWrapper > .options li.opt.disabled {
background-color: transparent;
pointer-events: none;
}

.typeahead.dropdown-menu li a.dropdown-item {
white-space: normal !important;
}

.textinnersearch {
font-size: 12px;
width: 50px;
float: left;
margin: 0;
padding: 5px 0;
}

.form-control.innerseachbox {
height: 30px;
font-size: 12px;
}

.searchboxpop {
width: calc(100% - 50px);
float: left;
}

.max-height-table {
max-height: 250px;
overflow-y: scroll;
}


#modalConfirmYesNo {
z-index: 9999;
}

#modalMsgInformation {
z-index: 9999;
}

/*
.modal-backdrop + .modal-backdrop {
z-index: 9998;
}*/
a.project-link {
color: #007bff;
}

.drawing-box-height {
min-height: 108px;
}

.innerlinebox {
position: relative;
}

.innerlinebox::after {
position: absolute;
content: "";
left: -26px;
top: 0;
background-color: #dfdfdf;
height: 100%;
width: 2px;
}




.inner-hole-bxoinenr-box {
background-color: #f5f7f6;
border: solid #f1fbf6 1px;
}

.RiskAssessmentDocumentDrawingshow span,
.RiskAssessmentDocumentshow span,
.MethodStatementDocumentshow span {
font-size: 13px;
}



/*------------ Form Page (16-March-2022) ---------*/


.min-form-block {
position: relative;
}

.main-ques-section {
position: relative;
background-color: transparent;
padding: 0;
}

* {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.add-but {
right: 30px;
top: 350px;
position: fixed;
box-sizing: border-box;
box-shadow: 0 1rem 5rem -2rem rgba(0, 0, 0, 0.5);
transition: transform 100ms linear;
}

.add-but .addButton {
width: 50px;
height: 50px;
border: 1px solid #e8e8e8;
padding: 10px 10px;
border-radius: 10px;
box-shadow: 9px 11px 10px rgba(0, 0, 0, 0.07);
background-color: #fff;
white-space: nowrap;
}

.form-title {
min-height: auto;
border: 1px solid #e8e8e8;
border-radius: 10px;
border-top: 5px solid #8f0e08;
box-shadow: 0 10px 7px rgb(0 0 0 / 0.07);
padding: 25px 30px;
margin-bottom: 20px;
}

.form-title .box-heading-tag {
margin-bottom: 0 !important;
}

.form-title .box-heading-tag .form-control {
color: #910D0B;
font-size: 24px;
font-weight: 800;
padding: 0;
height: auto;
line-height: 24px;
border: none;
border-radius: 0;
padding-bottom: 5px;
border-bottom: 3px solid #fff;
padding-right: 35px;
}

.form-title .box-heading-tag .form-control:hover {
border-bottom: 3px solid #910d09;
box-shadow: none;
}

.form-title .box-heading-tag .form-control:focus {
border-bottom: 3px solid #910d09;
box-shadow: none;
}

.form-title .box-heading-tag .form-control::placeholder {
color: #910D0B;
}


.ques-selected {
display: none;
}

.block {
display: block;
}

.block input {
width: 100%;
display: inline-block;
}

.block span {
display: inline-block;
cursor: pointer;
text-decoration: underline;
}

.optionBox .block {
margin-bottom: 10px;
position: relative;
padding-left: 40px;
display: flex;
}

.optionBox .block input[type="text"] {
height: 25px;
padding: 0;
border-radius: 0;
border: none;
font-size: 12px;
outline: none;
background-color: #fbfbfb;
}

.optionBox .block span.remove {
text-align: right;
margin: 0 0 0 auto;
}

.Checkbox-sec .optionBox .block:before {
content: "";
display: block;
position: absolute;
width: 20px;
height: 20px;
background-color: #fff;
border-radius: 2px;
border: 1px solid #e6e6e6;
left: 0;
top: 3px;
}

.optionBox .block:before {
content: "";
display: block;
position: absolute;
width: 20px;
height: 20px;
background-color: #fff;
border-radius: 100%;
border: 3px solid #e6e6e6;
left: 0;
top: 3px;
}

.Checkbox-with-Text-sec .optionBox .block:before {
content: "";
display: block;
position: absolute;
width: 20px;
height: 20px;
background-color: #fff;
border-radius: 2px;
border: 1px solid #e6e6e6;
left: 0;
top: 3px;
}

.Dropdown-sec .optionBox .block:before {
display: none;
}

.Dropdown-sec .optionBox .block {
padding-left: 0;
font-size: 12px;
align-items: center;
}

.Dropdown-sec .optionBox .block p {
margin-bottom: 0;
margin-right: 20px;
}

.Dropdown-with-Text-sec .optionBox .block:before {
display: none;
}

.Dropdown-with-Text-sec .optionBox .block {
padding-left: 0;
font-size: 12px;
align-items: center;
}

.Dropdown-with-Text-sec .optionBox .block p {
margin-bottom: 0;
margin-right: 20px;
}


.optionBox {
margin-left: 60px;
}

.optionBox .block input[type="text"]:focus {
border-bottom: 1px solid #26990a;
}

.optionBox .block span.add {
color: #26990a;
font-size: 12px;
text-decoration: none;
padding: 7px 0;
}












.category-block {
min-height: auto;
}

.category-block .row input {
background-color: #fff;
height: 50px;
border-radius: 10px;
}

.category-block .row .form-control {
background-color: #fff;
height: 50px;
border-radius: 10px;
}

.category-block .row button {
background-color: #229c0b;
border: none;
border-radius: 10px;
height: 50px;
color: #fff;
font-size: 18px;
font-weight: 500;
width: 100%;
outline: none;
}

.category-block .row button img {
margin-left: 5px;
}

.category-block li {
margin: 0;
padding: 1rem 0;
border-bottom: 1px solid #ccc;
}

.category-block li .category-icons {
display: inline-block;
text-align: right;
position: absolute;
right: 20px;
}

.category-block li:first-child {
padding-top: 0;
}

.category-block li:last-child {
padding-bottom: 0;
border-bottom: none;
}

.category-block li .category-icons a {
margin-right: 14px;
}

.category-block li .category-icons a:last-child {
margin-right: 5px;
}


.category-block .md-select label {
width: 100%;
text-align: left;
}

.category-block .md-select [type=button] {
padding: 12px 15px;
cursor: pointer;
list-style: none;
display: block;
width: 100%;
background-color: #fff;
border: 1px solid #ced4da;
border-radius: 10px;
outline: none;
overflow: hidden;
text-align: left;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
}

.category-block .md-select {
position: relative;
}

.md-select [type=button]:after {
content: '';
display: inline-block;
float: right;
width: 0.8rem;
height: 0.8rem;
border-bottom: 3px solid currentColor;
border-left: 3px solid currentColor;
border-bottom-left-radius: 2px;
transform: rotate(315deg) translate(50%, 0%);
transform-origin: center center;
transition: transform ease-in-out 100ms;
color: #b8b8b8;
}

.md-select ul[role=listbox] {
background-color: white;
cursor: default;
list-style: none;
line-height: 26px;
overflow: hidden;
margin: 0;
max-height: 0;
position: absolute;
padding: 0;
transform: translateY(0%);
transition: all 0.15s cubic-bezier(0.35, 0, 0.25, 1);
width: 100%;
}

.md-select ul[role=listbox] li {
height: 48px;
margin: 0;
padding: 10px 16px;
outline: none;
overflow: hidden;
}

.md-select ul[role=listbox] li:focus,
.md-select ul[role=listbox] li:hover,
.md-select ul[role=listbox] li.active {
}

.md-select.active ul {
max-height: 200px;
overflow: auto;
padding: 8px 0 16px 0px;
z-index: 2;
transition: all 0.2s ease;
border: 1px solid #ced4da;
border-radius: 10px;
}

.moving-sec {
position: relative;
margin-right: 70px;
}

.box {
cursor: move;
background-color: #fbfbfb;
border: 1px solid #e8e8e8;
border-radius: 10px;
position: relative;
padding-top: 50px;
margin-bottom: 25px;
margin-top: 25px;
border-left: 4px solid #fbfbfb;
}

.box:focus-within {
border-left: 4px solid #26990a;
}

.box:after {
content: "";
display: none;
position: absolute;
background-image: url(./images/moving-icon.png);
background-size: 16px;
background-repeat: no-repeat;
width: 16px;
height: 16px;
top: 10px;
left: 0;
right: 0;
margin: 0 auto;
}

/*.box:hover:after, .box:focus-within:after {
display: block;
}*/

.box .box-container {
padding: 0 20px;
}

.box .box-container .col-sm-5 {
margin-bottom: 20px;
}

.box .box-container .col {
margin-bottom: 20px;
}

.is-selected {
border-left: 4px solid #26990a;
}

.box-footer {
border-top: 1px solid #d9d9d9;
padding: 15px 20px;
margin-top: 10px;
}

.box-footer .col-sm-5 {
text-align: right;
align-items: center;
display: grid;
}

.box-footer .col-sm-5 ul {
padding: 0;
list-style: none;
margin: 0;
}

.box-footer .col-sm-5 ul li {
display: inline-block;
margin: 0 10px;
}

.box-footer .col-sm-5 ul li.delete-sec {
position: relative;
margin-right: 30px;
}

.box-footer .col-sm-5 ul li.delete-sec img {
width: 30px;
}

.box-footer .col-sm-5 ul li.delete-sec:after {
content: "";
display: block;
position: absolute;
width: 1px;
height: 30px;
background-color: #b8b8b8;
top: 0;
right: -25px;
}

.box-footer .col-sm-5 ul li.help-sec img {
width: auto;
height: 18px;
filter: invert(65%) sepia(35%) saturate(15%) hue-rotate(358deg) brightness(81%) contrast(80%);
}

.help-sec .tooltip {
position: relative;
display: inline-block;
opacity: 1;
width: 30px;
text-align: center;
}

.box-footer .col-sm-5 ul li.help-sec {
margin-right: 0;
}


.help-sec .tooltip .tooltiptext {
visibility: hidden;
width: 120px;
background-color: #ffffff;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 10px 10px;
position: absolute;
z-index: 1;
right: -10px;
bottom: 15px;
border: 1px solid #cfcfcf;
}

.help-sec .tooltip:hover .tooltiptext {
visibility: visible;
}

.help-sec .tooltip .tooltiptext a {
color: #229c0b;
}

.help-sec .tooltip .tooltiptext a:hover {
text-decoration: none;
color: #229c0b;
}



.box-footer .col-sm-5 ul li img {
width: 21px;
}

.box-footer .col-sm-5 ul li label.switch {
text-align: left;
}

.box-footer .col-sm-5 ul li span.slider.round {
margin-left: 75px;
margin-top: 3px;
margin-bottom: 4px;
}


.text-field-sec input.form-control {
}

.text-field-sec select {
}


.mandatory-sec {
align-items: center;
display: flex;
}







.box-container .col-sm-2 {
flex: 0 0 6%;
max-width: 6%;
}

.switch {
position: relative;
display: inline-block;
width: 120px;
height: 16px;
}

.switch input {
opacity: 0;
width: 0;
height: 0;
}

.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #d9d9d9;
-webkit-transition: .4s;
transition: .4s;
}

.slider:before {
position: absolute;
content: "";
height: 20px;
width: 20px;
left: 0px;
top: -5px;
background-color: #e6e6e6;
-webkit-transition: .4s;
transition: .4s;
}

.switch input:checked + input[type="hidden"] + .slider {
background-color: #8ecb83;
}

.switch input:checked + input[type="hidden"] + .slider::before {
background-color: #229c0b;
}

.switch input:focus + input[type="hidden"] + .slider {
box-shadow: 0 0 1px #2196F3;
}

.switch input:checked + input[type="hidden"] + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}


.switch input:checked + .slider {
background-color: #8ecb83;
}

.switch input:checked + .slider::before {
background-color: #229c0b;
}

.switch input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}

.switch input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}

.slider.round {
border-radius: 34px;
}

.slider.round:before {
border-radius: 50%;
}




.clonetr-section {
margin-bottom: 15px;
}

.clonetr-section tbody {
}

.clonetr-section tbody tr td {
}

.clonetr-section tbody tr td:nth-child(1) {
width: 70px;
}

.clonetr-section tbody tr td:last-child {
text-align: right;
}

.clonetr-section tbody tr td i {
font-size: 20px;
color: #b8b8b8;
}

.clonetr-section tbody tr td:nth-child(2) {
}

.clonetr-section tbody tr td:nth-child(2) input[type="radio"] {
margin-right: 15px;
}

.clonetr-section tbody tr td a {
color: #229c0b;
font-size: 12px;
}

.clonetr-section tbody tr {
margin-bottom: 20px;
}

.clonetr-section tbody tr:last-child {
margin-bottom: 0;
}

.clonetr-section tbody tr td input {
border: none;
outline: none;
margin-bottom: 10px;
font-size: 12px;
color: #666666;
margin-bottom: 5px;
}

.clonetr-section tbody tr td input:hover {
border-bottom: 1px solid #229c0b;
}

.clonetr-section tbody tr td input:focus {
border-bottom: 1px solid #229c0b;
}

::placeholder {
color: #666;
opacity: 1;
}

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

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


.field-option {
display: block;
position: relative;
padding-left: 35px;
margin: 10px 0 0px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.field-option input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}

.checkmark {
position: absolute;
top: 5px;
left: 0;
height: 15px;
width: 15px;
background-color: #fff;
border: 1px solid #c6c6c6;
border-radius: 3px;
}

.field-option:hover input ~ .checkmark {
background-color: #ccc;
}

.field-option input:checked ~ .checkmark {
background-color: #229c0b;
}

.checkmark:after {
content: "";
position: absolute;
display: none;
}

.field-option input:checked ~ .checkmark:after {
display: block;
}

.field-option .checkmark:after {
left: 5px;
top: 3px;
width: 4px;
height: 7px;
border: solid white;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}




.checkmark-redio {
position: absolute;
top: 5px;
left: 0;
height: 15px;
width: 15px;
background-color: #fff;
border-radius: 50%;
border: 3px solid #e7e7e7;
}

/* On mouse-over, add a grey background color */
.field-option:hover input ~ .checkmark-redio {
background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.field-option input:checked ~ .checkmark-redio {
background-color: #229c0b;
}

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

/* Show the indicator (dot/circle) when checked */
.field-option input:checked ~ .checkmark-redio:after {
display: block;
}

/* Show the indicator (dot/circle) when checked */
.field-option input:checked ~ .checkmark-redio:after {
display: block;
}




.moving-sec .box:nth-child(8) {
}

.submit-sec {
text-align: left;
padding: 0;
}

.mandatory-sec input[type="checkbox"] {
margin-right: 10px;
}



/*------------ Form Page (16-March-2022) END ---------*/





/*------------ Form Page (26-March-2022) ---------*/




.add-category-block {
min-height: auto;
border-radius: 10px;
margin-right: 70px;
}

.add-category-block .bottom-innerbox {
text-align: center;
align-items: center;
display: flex;
margin: 10px 20px 0;
justify-content: center;
}

.add-category-block .bottom-innerbox .make-btn {
min-width: 100px;
}

.add-category-block .bottom-innerbox .make-btn img {
margin-left: 5px;
width: auto;
height: 12px;
}



.choose-category-box input {
background-color: #fff;
height: 50px;
border-radius: 10px;
}

.choose-category-box .form-control {
background-color: #fff;
height: 50px;
border-radius: 3px;
}

.choose-category-box button img {
margin-left: 5px;
}

.choose-category-box li {
margin: 0;
padding: 1rem 0;
border-bottom: 1px solid #ccc;
}

.choose-category-box li .category-icons {
display: inline-block;
text-align: right;
position: absolute;
right: 20px;
}

.choose-category-box li:first-child {
padding-top: 0;
}

.choose-category-box li:last-child {
padding-bottom: 0;
border-bottom: none;
}

.choose-category-box li .category-icons a {
margin-right: 14px;
}

.choose-category-box li .category-icons a:last-child {
margin-right: 5px;
}


.choose-category-box .md-select label {
width: 100%;
text-align: left;
}

.choose-category-box .md-select [type=button] {
height: 30px;
padding: 2px 5px;
border-radius: 3px;
border: solid #d5d5d5 1px;
font-size: 12px;
width: 100%;
background-color: #fff;
text-align: left;
color: #666666;
}

.choose-category-box .md-select {
position: relative;
}

.choose-category-box .md-select [type=button]:after {
content: '';
display: inline-block;
float: right;
width: 0.5rem;
height: 0.5rem;
border-bottom: 3px solid currentColor;
border-left: 3px solid currentColor;
border-bottom-left-radius: 2px;
transform: rotate(315deg) translate(50%, 0%);
transform-origin: center center;
transition: transform ease-in-out 100ms;
color: #60666c;
position: relative;
top: 5px;
right: 5px;
}

.choose-category-box .md-select ul[role=listbox] {
background-color: white;
cursor: default;
list-style: none;
line-height: 26px;
overflow: hidden;
margin: 0;
max-height: 0;
position: absolute;
padding: 0;
transform: translateY(0%);
transition: all 0.15s cubic-bezier(0.35, 0, 0.25, 1);
width: 100%;
}

.choose-category-box .md-select ul[role=listbox] li {
height: 35px;
margin: 0;
padding: 5px 16px 10px;
outline: none;
overflow: hidden;
font-size: 12px;
color: #495057;
}

.choose-category-box .md-select ul[role=listbox] li:nth-child {
padding-top: 0px;
}

.choose-category-box .md-select [type=button]:focus {
color: #495057;
background-color: #fff;
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

.choose-category-box .md-select ul[role=listbox] li:hover,
.choose-category-box .md-select ul[role=listbox] li.active {
}

.choose-category-box .md-select.active ul {
max-height: 120px;
overflow: auto;
padding: 5px 0;
z-index: 2;
transition: all 0.2s ease;
border: 1px solid #ced4da;
border-radius: 3px;
}


#tooltip-Modal {
z-index: 99999;
}

.hidden {
display: none
}

.role-popup-block {
}

.role-popup-block .tab-content {
position: relative;
}

.role-popup-block .tab-content {
background-color: #fbfbfb;
border: 1px solid #e8e8e8;
border-radius: 10px;
padding: 25px;
margin: 30px 0;
}

.role-popup-block .tab-content {
display: flex;
flex-direction: column;
}

.role-popup-block .tab-content .field-wrap select.form-control {
height: 30px;
padding: 2px 5px;
border-radius: 3px;
border: solid #d5d5d5 1px;
font-size: 12px;
}

.role-popup-block .tab-content .field-wrap {
display: inline-block;
margin-right: 20px;
width: 100%;
}

.role-popup-block .tab-content .head {
float: left;
margin-right: 20px;
margin-bottom: 0;
min-width: 90px;
}

.add-cond-filed input.addRuleButton {
outline: none;
box-shadow: none;
border: 1px solid #26990a;
font-size: 12px;
font-weight: bold;
border-radius: 5px;
padding: 5px 10px;
color: #fff;
cursor: pointer;
min-width: 70px;
}

.role-popup-block .modal-dialog .modal-content .modal-footer button.btn.btn-primary {
background-color: #007bff;
border: 1px solid #007bff;
font-size: 12px;
font-weight: bold;
border-radius: 5px;
padding: 5px 10px;
color: #fff;
cursor: pointer;
min-width: 70px;
}

.role-popup-block .tab-content .mandatory-sec {
margin-top: 20px;
}

.role-popup-block .tab-content .close-but-role {
position: absolute;
top: -10px;
right: -10px;
background-color: #999999;
width: 24px;
height: 24px;
text-align: center;
color: #fff;
border-radius: 100px;
padding: 1px 0 3px 2px;
font-size: 14px;
}



.saved-section .action-list {
text-align: right;
}

.action-list a {
border: none;
background-color: transparent;
padding: 0;
color: #707471;
}

.saved-section .inner-hole-bxo .compy-list-tb .target td span {
display: block;
}


.submited-section .action-list {
text-align: right;
}

.submited-section .action-list a {
background-color: transparent;
padding: 0;
/*color: #707471;
border: none;*/
}

.submited-section .inner-hole-bxo .compy-list-tb .target td span {
display: block;
}



.view-form-block .form-tital {
font-size: 20px;
font-weight: 700;
margin: 10px 0 20px;
}

.question-sec {
background-color: #f5f7f6;
border-radius: 10px;
}

.question-sec .row {
padding: 20px;
}


.ribbon-wrapper {
width: 85px;
height: 88px;
overflow: hidden;
position: absolute;
top: 0px;
right: 0px;
}

.ribbon-wrapper .ribbon {
font-size: 12px;
color: #333;
text-align: center;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
position: relative;
padding: 7px 0;
top: 15px;
right: 0px;
width: 120px;
background-color: #3c3c3c;
color: #fff;
}

.ribbon-wrapper .ribbon.edit-riddon {
background-color: #2ba8e0;
}

.ribbon-wrapper .ribbon.new-riddon {
background-color: #26990a;
}

.ribbon-wrapper .ribbon.delete-ribbon {
background-color: #ca5f59;
}


.section-footer {
border-top: 1px solid #ebebeb;
padding: 20px;
margin-top: 20px;
}


.question-sec .col-md-1 p {
font-size: 12px;
font-weight: 500;
}

.question-content .q-text span {
color: red;
}

.section-footer ul {
list-style: none;
width: 100%;
text-align: end;
}

.section-footer ul {
list-style: none;
width: 100%;
text-align: end;
margin-bottom: 0;
}

.section-footer ul li {
display: inline-block;
}

.section-footer ul li .button {
background-color: #26990a;
font-size: 12px;
font-weight: bold;
border-radius: 5px;
padding: 10px 10px;
color: #fff;
cursor: pointer;
display: block;
}

.section-footer ul li .upload-btn.button {
background-color: #838383;
}

.section-footer ul li .button:hover {
text-decoration: none;
}

.question-content .q-text {
margin-bottom: 10px;
font-size: 12px;
}

.question-content .type-text input.form-control {
border: none;
background-color: transparent;
border-bottom: 1px solid #cacaca;
border-radius: 0;
outline: none;
font-size: 12px;
padding-left: 0;
}

.question-content .type-text input.form-control:focus {
box-shadow: none;
}

.color-tile form input#favcolor {
border: 0;
background-color: transparent;
width: 35px;
height: 40px;
padding: 0;
}

.section-footer ul li .button img {
display: none;
}

.question-content .type-text label {
font-size: 12px;
}

.question-content .SelectBox .form-control {
position: relative;
border: solid #d5d5d5 1px;
min-height: 14px;
background-color: #fff;
border-radius: 2px;
margin: 0;
height: 30px;
font-size: 12px;
max-width: 350px;
}

#deleted-sec {
opacity: 0.5;
}

.footer-submit-sec {
align-items: center;
}

.footer-submit-sec .col-md-6:first-child {
text-align: left;
}

.footer-submit-sec .col-md-6:first-child #pagination-demo {
text-align: left;
}

.footer-submit-sec .col-md-6:last-child {
text-align: right;
}

.footer-submit-sec .col-md-6:last-child ul li a.button {
background-color: #26990a;
font-size: 12px;
font-weight: bold;
border-radius: 5px;
padding: 10px 10px;
color: #fff;
cursor: pointer;
display: block;
min-width: 90px;
text-align: center;
}

.footer-submit-sec .col-md-6:last-child ul {
list-style: none;
margin-bottom: 0;
}

.footer-submit-sec .col-md-6:last-child ul li {
display: inline-block;
}

.footer-submit-sec .col-md-6:last-child ul li a.clear-btn {
background-color: #8f0e08;
}

.footer-submit-sec .col-md-6:last-child ul li a.save-btn.button {
background-color: #242424;
}



/*------------ Form Page (26-March-2022) END ---------*/


/*------------ 22-OCT-2022 ---------*/

.header-main .container-fluid .row .col-md-12.text-center {
width: 100%;
display: contents !important;
}

.header-main .container-fluid .row .col-md-12.text-center .col {
vertical-align: middle;
align-items: center;
display: flex;
}

.header-main .container-fluid .row .col-md-12.text-center .logo-btn {
max-width: fit-content;
}

.header-main .container-fluid .row .col-md-12.text-center #close-sidebar {
max-width: fit-content;
}

.header-main .container-fluid .row .col-md-12.text-center .compy-logo {
text-align: center;
display: block;
}

.header-main .container-fluid .row .col-md-12.text-center .username-btn {
max-width: fit-content;
}

.header-main .container-fluid .row .col-md-12.text-center .help-btn {
max-width: fit-content;
}

.header-main .container-fluid .row .col-md-12.text-center .log-btn {
max-width: fit-content;
}

.header-main .container-fluid .row .col-md-12.text-center .username-btn label {
margin-bottom: 0;
}


.footer-block .container-fluid .row .col-md-6.text-center {
}

.footer-block .container-fluid .row .username-btn {
text-align: center;
}

.footer-block .container-fluid .row .col-sm-6.text-center.mb-4 {
text-align: right !important;
padding-right: 40px;
}

.footer-block .container-fluid .row .col-md-12 {
padding-right: 40px;
}

.main-bxo form#Formid .modal-footer .bottom-innerbox.pt-2.w-100 input.save-btn {
background-color: #26990a;
font-size: 12px;
font-weight: bold;
border-radius: 5px;
padding: 10px 30px;
color: #fff;
cursor: pointer;
display: inline-block;
border: none;
}





.dropdown.category-md-select {
}

.dropdown.category-md-select button.dropdown-toggle {
height: 30px;
padding: 2px 5px;
border-radius: 3px;
border: solid #d5d5d5 1px;
font-size: 12px;
width: 100%;
background-color: #fff;
text-align: left;
color: #666666;
position: relative;
}

.dropdown.category-md-select button.dropdown-toggle::after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=);
display: block;
position: absolute;
top: 0;
left: 0;
right: 10px;
bottom: 0;
margin: auto;
background-repeat: no-repeat;
opacity: .8;
border: none;
background-position: right;
}

.dropdown.category-md-select button.dropdown-toggle:focus {
box-shadow: none;
}

.dropdown.category-md-select button.dropdown-toggle:active {
color: #666666;
background-color: #fff;
border: solid #d5d5d5 1px;
box-shadow: none !important;
}

.category-md-select .dropdown-menu {
font-size: 12px;
color: #495057;
padding: 0;
width: 100%;
}

.category-md-select .dropdown-menu a.dropdown-item {
margin: 0;
padding: 10px 15px 10px;
outline: none;
overflow: hidden;
font-size: 12px;
color: #495057;
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-all;
white-space: normal;
}


.category-md-select .dropdown-menu .category-dropdown-sec {
display: flex;
width: 100%;
border-bottom: 1px solid #ccc;
}

.category-md-select .dropdown-menu .category-dropdown-sec:last-child {
border: none;
}

.category-md-select .dropdown-menu .category-dropdown-sec .category-icons {
display: inherit;
background-color: transparent;
}

.category-md-select .dropdown-menu .category-dropdown-sec .category-icons a {
border: none;
align-items: center;
display: inherit;
padding: 5px 7px;
}

.category-md-select .dropdown-menu a.dropdown-item:active,
.category-md-select .dropdown-menu a.dropdown-item:focus,
.category-md-select .dropdown-menu a.dropdown-item:hover {
background-color: transparent;
}


.custom-project-block {
margin-top: 20px;
}

.inner-hole-bxo.client-fill-block {
background-color: transparent;
border: none;
padding: 0;
}





.custom-project-block .col-sm-4 .inner-hole-bxo .setp-sec {
text-align: right;
font-size: 12px;
font-weight: 500;
margin-bottom: 6px;
color: #910d09;
line-height: 16px;
}

.custom-project-block .col-sm-4 .inner-hole-bxo .setp-sec span {
font-size: 20px;
}

.custom-project-block .col-sm-4 .inner-hole-bxo {
border-radius: 10px;
padding: 16px 20px 30px;
}

.custom-project-block .col-sm-4 .inner-hole-bxo .clientname-sec {
margin-bottom: 10px;
}

.custom-project-block .col-sm-4 .inner-hole-bxo .custom-button {
text-align: center;
}

.custom-project-block .col-sm-4 .inner-hole-bxo .custom-button button.make-btn {
background-color: #636363;
border: 0;
color: #fff;
padding: 10px 16px;
border-radius: 5px;
font-size: 14px;
line-height: 18px;
font-weight: 500;
outline: none;
}

.custom-project-block .col-sm-4 .inner-hole-bxo .or {
text-align: center;
margin: 10px 0;
position: relative;
}

.custom-project-block .col-sm-4 .inner-hole-bxo .or:after {
content: "";
display: block;
position: absolute;
height: 1px;
width: 45%;
left: 0;
top: 55%;
background-color: #d8d8d8;
border-radius: 30px;
}

.custom-project-block .col-sm-4 .inner-hole-bxo .or:before {
content: "";
display: block;
position: absolute;
height: 1px;
width: 45%;
right: 0;
top: 55%;
background-color: #d8d8d8;
border-radius: 30px;
}

.custom-project-block .col-sm-4 .inner-hole-bxo .custom-button button.make-btn:hover {
background-color: #26990a;
}

.custom-project-block .col-sm-4 .inner-hole-bxo .custom-button button.active-but {
background-color: #26990a;
box-shadow: 0 0 10px rgb(38 153 10);
outline: none;
border: 1px solid #267612;
}

.custom-project-block .col-sm-4 .inner-hole-bxo h6 {
text-align: center;
margin-bottom: 20px;
}

.custom-project-block .col-sm-4 .inner-hole-bxo .row .col-sm-12 {
margin-bottom: 10px;
}

.custom-project-block .col-sm-4 .inner-hole-bxo .row .col-sm-12.custom-button button.make-btn {
padding: 8px 10px;
margin: 5px 2px;
}

.custom-project-block .col-sm-4 .inner-hole-bxo .row .col-md-6 {
margin-bottom: 10px;
}

.custom-project-block .col-sm-4 .inner-hole-bxo .row .col-md-6 .innertextbox {
margin: 0;
width: 100%;
}


.custom-project-block .col-sm-4 .inner-hole-bxo .row .col-md-6 .date-input i {
position: absolute;
top: 7px;
right: 7px;
}

.custom-project-block .col-sm-4 .inner-hole-bxo .row .innersapc-checkbox {
margin: 10px 0;
}


.custom-project-block .col-sm-4 .inner-hole-bxo .row .custom-button button.make-btn {
margin: 5px;
display: inline-block;
}


.custom-project-block .col-sm-6 .inner-hole-bxo {
padding: 20px;
}

.custom-project-block .col-sm-6 .inner-hole-bxo .datepinckerbox i {
position: absolute;
right: 10px;
top: 7px;
}

.custom-project-block .col-sm-6 .inner-hole-bxo .row {
margin-bottom: 20px;
}

.custom-project-block .col-sm-6 .inner-hole-bxo .col-md-6 .innertextbox.float-none {
margin: 0;
}

.custom-project-block .col-sm-6 .inner-hole-bxo .row .col-sm-12.custom-button {
margin-bottom: 10px;
}

.custom-project-block .col-sm-6 .inner-hole-bxo .custom-button button.make-btn {
background-color: #26990a;
border: none;
padding: 10px 20px;
color: #fff;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.5px;
border-radius: 5px;
}

.custom-project-block .col-sm-6 .inner-hole-bxo .custom-button button.make-btn:hover {
background-color: #006f31;
}

.custom-project-block .col-sm-6 .inner-hole-bxo .row .col-sm-12.complete-button {
margin-bottom: 10px;
margin-top: 20px;
}

.custom-project-block .col-sm-6 .inner-hole-bxo .complete-button button.make-btn {
background-color: #26990a;
border: none;
padding: 10px 20px;
color: #fff;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.5px;
border-radius: 5px;
}

.custom-project-block .col-sm-6 .inner-hole-bxo .complete-button button.make-btn:hover {
background-color: #006f31;
}

.custom-project-block .col-sm-6 .inner-hole-bxo .row .col-md-12.innersapc-checkbox .custom-checkbox {
margin-bottom: 10px;
}

.custom-project-block .col-sm-6 .inner-hole-bxo .row .col-md-12.innersapc-checkbox .custom-checkbox label.custom-control-label {
margin-bottom: 0;
padding-top: 1px;
}





.service-details-block tbody tr td .modal-dialog.modal-dialog-centered .modal-body .service-sec {
display: flex;
}

.service-details-block tbody tr td .modal-dialog.modal-dialog-centered .modal-body .service-sec .row {
width: 100%;
}

.service-details-block tbody tr td .modal-dialog.modal-dialog-centered .modal-body .service-sec .remove-service {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
background-color: transparent;
border: none;
outline: none;
margin-top: 18px;
}

.service-details-block tbody tr td .modal-dialog.modal-dialog-centered .modal-body .service-sec .remove-service:focus {
box-shadow: none;
}


.material-details-block tbody tr td .modal-dialog.modal-dialog-centered .modal-body {
overflow-x: hidden;
max-height: 300px;
overflow-y: scroll;
}

.material-details-block tbody tr td .modal-dialog.modal-dialog-centered .modal-body #service-attributes {
}

.material-details-block tbody tr td .modal-dialog.modal-dialog-centered .modal-body #service-attributes .service-attr {
display: flex;
margin-bottom: 20px;
}

.material-details-block tbody tr td .modal-dialog.modal-dialog-centered .modal-body #service-attributes .service-attr .remove-service {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
border: none;
background-color: transparent;
outline: none;
}

.material-details-block tbody tr td .modal-dialog.modal-dialog-centered .modal-body #service-attributes .service-attr .remove-service:focus {
outline: none;
box-shadow: none;
}

.material-details-block tbody tr td .modal-dialog.modal-dialog-centered .modal-body #service-attributes .service-attr .row {
width: 100%;
}




.pin-imgs {
width: 300px;
}

.mail-sender-block form .col-sm-6 {
float: left;
margin-bottom: 20px;
display: block;
}

.mail-sender-block.row {
width: 100%;
display: inline-block;
}

.mail-sender-block form .col-sm-12 {
margin-bottom: 20px;
display: inline-block;
}

.mail-sender-block.row label {
font-size: 14px;
font-weight: 500;
}

.mail-sender-block form .col-sm-6 input[type=email] {
padding: 2px 5px;
border-radius: 3px;
border: solid #d5d5d5 1px;
font-size: 12px;
}

.mail-sender-block form .col-sm-12 input[type=text] {
padding: 2px 5px;
border-radius: 3px;
border: solid #d5d5d5 1px;
font-size: 12px;
}

.mail-sender-block form .col-sm-12 textarea {
padding: 2px 5px;
border-radius: 3px;
border: solid #d5d5d5 1px;
font-size: 12px;
}

.mail-sender-block form .col-sm-6.mail-submit-but {
text-align: right;
}

.mail-sender-block form .col-sm-6.mail-submit-but input[type="submit"] {
background-color: #26990a;
border: 1px solid #26990a;
font-size: 12px;
font-weight: bold;
border-radius: 5px;
padding: 5px 10px;
color: #fff;
cursor: pointer;
min-width: 70px;
}

.mail-sender-block form .col-sm-6.attachment-sec {
}

.mail-sender-block form .col-sm-6.attachment-sec span {
color: #0043ff;
}

.details-block {
margin-bottom: 20px;
font-size: 14px;
font-weight: 600;
}

.pin-name-sec tbody tr.target td {
vertical-align: middle;
}


.box-heading-tag.seach-full.mb-3 .row.mb-4 .col-md-4 {
width: 100% !important;
max-width: 100%;
}

.box-heading-tag.seach-full.mb-3 .row.mb-4 {
display: block;
}

.box-heading-tag.seach-full.mb-3 .row.mb-4.pin-search-sec {
display: flex;
margin:20px auto;
}

.box-heading-tag.seach-full.mb-3 .row.mb-4.pin-search-sec .col.search-but {
width: initial;
display: inherit;
max-width: fit-content;
min-width: auto;
vertical-align: bottom;
align-items: end;
margin-bottom: 5px;
}

.col-md-12.text-center {
width: initial;
display: inherit;
max-width: fit-content;
min-width: auto;
vertical-align: bottom;
align-items: end;
margin-bottom: 5px;
}

.front-header .container-fluid {
}

.front-header .container-fluid .row {
display: flex;
vertical-align: middle;
align-items: center;
padding: 7px 0;
}
.front-header .container-fluid .row .col.logo-btn {
max-width: 180px;
}

.front-header .container-fluid .row .col i {
cursor: pointer;
border: solid #26990a 2px;
padding: 8px 12px;
font-size: 22px;
border-radius: 4px;
display: inline-block;
color: #26990a;
text-align: left;
}

.front-header .container-fluid .row .col.log-btn a i {
font-size: 12px;
border: none;
color: #fff;
padding: 0;
}

.image-gallery-popup ul {
margin: 10px;
padding: 0;
}

.image-gallery-popup ul li {
display: inline-block;
margin-right: 10px;
}

.image-gallery-popup ul li img {
width: 100px;
}



/*------------ 22-OCT-2022 END ---------*/


/*------------- ADMIN SETTINGS ---------------*/





.color-tile form input#favcolor {
border: 0;
background-color: transparent;
width: 35px;
height: 40px;
padding: 0;
}



.box-heading-tag.seach-full .row.mb-4 {
}

.box-heading-tag.seach-full .row.mb-4 .col-md-3 {
}

.box-heading-tag.seach-full .row.mb-4 .col-md-3 .btn-group .selectOperative {
}

.box-heading-tag.seach-full .row.mb-4 .col-md-3 .btn-group {
}

.box-heading-tag.seach-full .row.mb-4 .col .btn-group .dropdown-toggle.selectpicker {
height: 30px;
padding: 2px 5px;
border-radius: 3px;
border: solid #d5d5d5 1px;
font-size: 12px;
width: 100%;
background-color: #fff;
text-align: left;
color: #666666;
position: relative;
}

.box-heading-tag.seach-full .row.mb-4 .col .btn-group .dropdown-toggle.selectpicker::after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=);
display: block;
position: absolute;
top: 0;
left: 0;
right: 10px;
bottom: 0;
margin: auto;
background-repeat: no-repeat;
opacity: .8;
border: none;
background-position: right;
}

.box-heading-tag.seach-full .row.mb-4 .col .btn-group .dropdown-toggle.selectpicker span.caret {
display: none;
}

.box-heading-tag.seach-full .row.mb-4 .col.search-button-sec {
width: 100px !important;
display: inherit;
max-width: 100px;
align-items: end;
vertical-align: bottom;
margin-bottom: 4px;
}










.box-heading-tag.seach-full .row.mb-12 .col-md-12 {
text-align: left;
display: inline-flex;
margin-bottom: 20px;
padding-left: 10px;
}




/*------------- ADMIN SETTINGS END ---------------*/


.service-details-block tbody tr td .table-title {
padding: 10px 0;
font-weight: 700;
}

.service-details-block tbody tr td .table-title a {
margin-left: 10px;
}

.service-details-block tbody tr td .modal-dialog.modal-dialog-centered {
left: 0;
width: 100%;
}

.service-details-block tbody tr td .modal {
z-index: 9999;
}

.service-details-block tbody tr td .modal-dialog.modal-dialog-centered .modal-content .modal-header h5 {
font-weight: 600;
font-size: 18px;
}

.service-details-block tbody tr td .modal-dialog.modal-dialog-centered .modal-content .modal-body .col-sm-6 form select {
border: 1px solid #ccc;
height: 30px;
width: 100%;
}

.service-details-block tbody tr td .modal-dialog.modal-dialog-centered .modal-content .modal-body .col-sm-6 form input {
border: 1px solid #ccc;
height: 30px;
width: 100%;
}

.service-details-block tbody tr td .modal-dialog.modal-dialog-centered .modal-content .modal-body .col-sm-6#showAreaSquare {
padding: 0;
}

.service-details-block tbody tr td .modal-dialog.modal-dialog-centered .modal-body .service-attr {
width: 100%;
display: flex;
margin-bottom: 20px;
}

.service-details-block tbody tr td .modal-dialog.modal-dialog-centered .modal-body .service-attr .row {
width: 100%;
}

.service-details-block tbody tr td .modal-dialog.modal-dialog-centered .modal-body .service-attr .remove-service {
background-color: transparent;
border: none;
color: red;
height: 35px;
font-size: 18px;
margin-top: 17px;
}


.material-details-block tbody tr td .table-title {
padding: 10px 0;
font-weight: 700;
}

.material-details-block tbody tr td .table-title a {
margin-left: 10px;
}

.material-details-block tbody tr td .modal-dialog.modal-dialog-centered {
left: 0;
}

.material-details-block tbody tr td .modal {
z-index: 9999;
}

.material-details-block tbody tr td .modal-dialog.modal-dialog-centered .modal-content .modal-header h5 {
font-weight: 600;
font-size: 18px;
}

.material-details-block tbody tr td .modal-dialog.modal-dialog-centered .modal-content .modal-body .col-sm-6 form select {
border: 1px solid #ccc;
height: 30px;
width: 100%;
}

.material-details-block tbody tr td .modal-dialog.modal-dialog-centered .modal-content .modal-body .col-sm-6 form input {
border: 1px solid #ccc;
height: 30px;
width: 100%;
}

.material-details-block tbody tr td .modal-dialog.modal-dialog-centered .modal-content .modal-body .col-sm-6#showAreaSquare {
padding: 0;
}

.material-details-block tbody tr td .modal-dialog.modal-dialog-centered .modal-content .modal-body .col-sm-6#showAreaSquare1 {
padding: 0;
}




/*---------- Drawing Pin View Page -----------*/


.drawing-accordion {
overflow: hidden;
background-color: #fff;
}

.drawing-accordion .accordion-head {
background-color: #f5f7f6;
margin-bottom: 10px;
}

.drawing-accordion .accordion__label,
.accordion__content {
padding: 14px 20px;
}

.drawing-accordion .accordion__label {
display: block;
color: #000;
cursor: pointer;
position: relative;
transition: background-color 0.1s;
font-size: 14px;
font-weight: 600;
}

.drawing-accordion .accordion__label:hover {
background-color: rgba(0, 0, 0, 0.1);
}

.drawing-accordion .accordion__content {
background: white;
line-height: 1.6;
font-size: 0.85em;
display: none;
}

.drawing-accordion .accordion__input {
display: none;
}

.drawing-accordion .accordion__input:checked ~ .accordion__content {
display: block;
}

.drawing-accordion .accordion__content {
padding: 16px 5px;
}

.drawing-accordion .accordion__content .table thead tr th {
vertical-align: bottom;
border-bottom: none;
background-color: #E0EAE4;
font-size: 13px;
padding: 8px 7px;
font-weight: 500;
}

.drawing-accordion .accordion__content .table tbody td b {
margin: 7px 0;
display: block;
}

.drawing-accordion .accordion__content .table tbody td .custom-box-ui {
display: inline-flex;
}

.drawing-accordion .accordion__content .table tbody td .custom-box-ui .save-btn-boxinner .drawing-box-pop {
border: none;
padding: 0;
background-color: transparent;
}

.drawing-accordion .accordion__content .table tbody td .custom-box-ui .save-btn-boxinner .drawing-box-pop .proi-pic-box-pop {
width: auto;
padding: 0 10px;
display: block;
}

.drawing-accordion .accordion__content .table tbody td .custom-box-ui .save-btn-boxinner .drawing-box-pop .proi-pic-box-pop input.btn-profils {
height: auto;
}

.drawing-accordion .accordion__content .table tbody td .custom-box-ui .save-btn-boxinner .drawing-box-pop .proi-pic-box-pop input#DocumentNameFile {
display: block;
}

.accordion-head .accordion__label::after {
display: block;
content: "❯";
position: absolute;
right: 10px;
top: 10px;
transition: all .4s;
transform: rotate(90deg);
}

.accordion-head input:checked ~ label::after {
transform: rotate(-90deg);
}

.pin-search-sec {
width: 100%;
margin: 0;
}




/*---------- Drawing Pin View Page END -----------*/




.custom-select {
position: relative;
font-family: Arial;
height: auto;
}

.custom-select select {
display: none;
/*hide original SELECT element:*/
}

/*style the arrow inside the select element:*/
/*.select-selected:after {
position: absolute;
content: "";
top: 14px;
right: 10px;
width: 0;
height: 0;
border: 6px solid transparent;
border-color: #fff transparent transparent transparent;
}*/

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
border-color: transparent transparent #fff transparent;
top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,
.select-selected {
cursor: pointer;
user-select: none;
font-size: 12px;
padding: 4px 10px;
}

/*style items (options):*/
.select-items {
position: absolute;
background-color: #fff;
top: 100%;
left: 0;
right: 0;
z-index: 99;
border: 1px solid;
}

/*hide the items when the select box is closed:*/
.select-hide {
display: none;
}

.select-items div:hover,
.same-as-selected {
background-color: #1e90ff;
color: #fff;
}




.custom-select-new {
position: relative;
font-family: Arial;
height: auto;
display: inline-block;
width: 100%;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
vertical-align: middle;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=) no-repeat right 0.75rem center/8px 10px;
background-color: #fff;
border: 1px solid #ced4da;
border-radius: 0.25rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
max-width: 350px;
}

.custom-select-new select {
display: none;
/*hide original SELECT element:*/
}

.custom-select-new .select-selected:after {
position: absolute;
content: "";
top: 20px;
right: 10px;
width: 0;
height: 0;
border: 6px solid transparent;
border-color: #fff transparent transparent transparent;
}



/*---------- Main Inbox -----------*/

.mail-block {
font-size: 14px;
}

.mail-block .row {
margin-bottom: 20px;
}

.email-attachments .title {
margin-bottom: 14px;
}

.email-attachments ul {
list-style: none;
padding: 0;
}

.email-attachments ul li {
margin-bottom: 10px;
display: inline-block;
}

.email-attachments ul li img {
width: 250px;
}


/*---------- Main Inbox END -----------*/


.row.box-heading-tag .col.back-btn {
display: inline-flex;
}

.row.box-heading-tag .col.back-btn a.search-btn {
background-color: transparent;
padding: 0;
width: auto;
text-align: left;
align-items: center;
display: inline-flex;
}

.row.box-heading-tag .col.back-btn a.search-btn img {
width: 30px;
margin-right: 10px;
}

.row.box-heading-tag .col.back-btn span {
color: #910d09;
font-size: 16px;
font-weight: 500;
}

.row.box-heading-tag .col.home-button {
text-align: right;
}

.row.box-heading-tag .col.home-button img {
width: 35px;
}

.row.box-heading-tag .breadcrumb-sec {
text-align: center;
}





#SelectPageSize {
height: 30px;
}

/*-import export -*/
.import-searchbox .search-box {
float: none;
min-width: 100%;
display: inline-block;
}

.Clear-btn {
font-size: 12px;
color: #FFF;
font-weight: 700;
text-decoration: none;
text-align: center;
background-color: #282529;
padding: 7px 15px;
border-radius: 5px;
text-decoration: none;
border: none;
margin: 0 5px;
min-width: 70px;
}

.import-searchbox.inner-clear-box .search-box {
float: left;
min-width: calc(100% - 100px);
}

.innersearchbar-flter {
width: calc(100% - 85px);
position: relative;
float: left;
margin-right: 7px
}

.innersearchbar-flter > i.fa-check {
position: absolute;
color: #26990a;
right: 15px;
top: 5px;
font-size: 20px;
}

.search-box .innersearchbar-flter .form-control.seach-fild {
padding: 2px 30px 0px 25px;
}

span.innersearchbar-flter.showoox-innrshow .fa.fa-check {
display: block;
}

.innersearchbar-flter .fa.fa-check {
display: none;
}

.innertbxo-borowser .proi-pic-box-upload {
width: 100%;
}

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


span.value-inputbox {
position: absolute;
right: 28px;
top: 1px;
font-size: 15px;
font-weight: 600;
background-color: #ccc;
width: 25px;
text-align: center;
height: 28px;
line-height: 28px;
}

span.top-align {
position: relative;
top: 3px;
}

/*18-02-2020*/

.log-out-box {
background-color: #fff;
padding: 50px 0;
border: 1px solid #f4f0f0;
box-shadow: 0px 0px 5px #f1edec;
margin: 30px auto;
}


span.alink-box-btn a {
font-size: 14px;
color: #2BA8E0;
}

span.alink-box-btn a:hover {
text-decoration: none;
color: #1192cc;
}

.accrodin-bxo ul li {
display: inline-block;
width: 100%;
}

.viewHoleType {
font-size: 14px;
color: #00a353;
}

.left-main-box .accrodin-bxo .collapse.dropdown-menu {
position: relative !important;
will-change: transform;
top: 0px !important;
left: 0px !important;
transform: translate3d(0px, 0px, 0px) !important;
width: 100% !important;
border-radius: 0;
background: #f7f7f7;
}

.sideBarScrollHeight {
max-height: calc(100vh - 80px);
overflow: auto;
}

.sideBarScrollHeight .dropdown-toggle::after {
position: absolute;
right: 20px;
top: 25px;
}

.sideBarScrollHeight .show .dropdown-toggle::after {
transform: rotate(180deg);
}

.companycss {
font-size: 1rem;
}

/*dashboard color 24 Nov 20*/
.bg-Dash1 {
background-color: #283274 !important;
/*background-color: #fff !important;*/
}

.bg-Dash1:focus,
.bg-Dash1:hover {
background-color: #20295b !important;
}

.bg-Dash2 {
background-color: #910d09 !important;
}

.bg-Dash2:focus,
.bg-Dash2:hover {
background-color: #7b100b !important;
}

.bg-Dash3 {
background-color: #e95321 !important;
}

.bg-Dash3:focus,
.bg-Dash3:hover {
background-color: #ce4516 !important;
}

.bg-Dash4 {
background-color: #F7C800 !important;
}

.bg-Dash4:focus,
.bg-Dash4:hover {
background-color: #cfa60a !important;
}

.bg-Dash5 {
background-color: #792282 !important
}

.bg-Dash5:focus,
.bg-Dash5:hover {
background-color: #63176c !important;
}

.bg-Dash6 {
background-color: #409eac !important
}

.bg-Dash6:focus,
.bg-Dash6:hover {
background-color: #2d8a98 !important;
}

.bg-Dash7 {
background-color: #da348a !important
}

.bg-Dash7:focus,
.bg-Dash7:hover {
background-color: #c31f79 !important;
}

.bg-Dash8 {
background-color: #26990A !important
}

.bg-Dash8:focus,
.bg-Dash8:hover {
background-color: #1a832b !important;
}

.bg-Dash9 {
background-color: #26990A !important
}

.bg-Dash9:focus,
.bg-Dash9:hover {
background-color: #1e8206 !important;
}

.bg-Dash10 {
background-color: #910d09 !important
}

.bg-Dash10:focus,
.bg-Dash10:hover {
background-color: #7e0a07 !important;
}

.bg-Dash11 {
background-color: #bb0e56 !important
}

.bg-Dash11:focus,
.bg-Dash11:hover {
background-color: #9f0a48 !important;
}

.bg-Dash12 {
background-color: #d39201 !important
}

.bg-Dash12:focus,
.bg-Dash12:hover {
background-color: #ad7b0c !important;
}

/* end*/

a.tb-delete-1 {
color: #e35f5c;
float: right;
border: 1px solid #e35f5c;
height: 22px;
width: 22px !important;
display: inline-block;
text-align: center;
line-height: 23px;
font-size: 14px !important;
border-radius: 3px;
margin-top: 4px;
}

.w-36 {
width: 36% !important;
}

.footer-ctrl li {
cursor: pointer;
}

.box .modal {
cursor: default;
}

.error {
font-size: 11px;
line-height: 14px;
color: #dc3545 !important;
}

.txtOptionValue {
height: 30px !important;
}


/*------------ Form Page (02-September-2022) ---------*/


.question-block {
background-color: #f5f7f6;
border-radius: 10px;
margin-bottom: 30px;
padding: 20px;
}

.ques-section-footer {
border-top: 1px solid #ebebeb;
padding-top: 10px;
}

.ques-section-footer ul {
padding: 0;
margin-bottom: 0;
}

.ques-section-footer ul li {
display: inline-block;
font-size: 12px;
}


.question-block .question-content ul li {
display: inline-block;
font-size: 12px;
margin-right: 60px;
}

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

.question-block .question-content ul + .q-text {
margin-top: 10px;
}



/*------------ Form Page (02-September-2022) END ---------*/




.footer-submit-sec {
align-items: center;
}

.footer-submit-sec .col-md-6:first-child {
text-align: left;
}

.footer-submit-sec .col-md-6:first-child #pagination-demo {
text-align: left;
}

.footer-submit-sec .col-md-6:last-child {
text-align: right;
}

.footer-submit-sec .col-md-6:last-child ul li a.button {
background-color: #26990a;
font-size: 12px;
font-weight: bold;
border-radius: 5px;
padding: 10px 10px;
color: #fff;
cursor: pointer;
display: block;
min-width: 90px;
text-align: center;
}

.footer-submit-sec .col-md-6:last-child ul {
list-style: none;
margin-bottom: 0;
}

.footer-submit-sec .col-md-6:last-child ul li {
display: inline-block;
}

.footer-submit-sec .col-md-6:last-child ul li a.clear-btn {
background-color: #8f0e08;
}

.footer-submit-sec .col-md-6:last-child ul li a.save-btn.button {
background-color: #242424;
}

label.type-text {
width: 100%;
cursor: pointer;
}

.disable-link {
text-decoration: none !important;
cursor: default;
color: #fff !important;
}


.form-btn {
background: #26990a;
color: #fff;
text-align: center;
border-radius: 5px;
border: none;
line-height: 16px;
width: 45px;
padding: 1px 4px;
font-size: 11px;
text-decoration: none;
}

.form-btn:hover {
color: #fff;
text-decoration: none;
}

.disableDv {
opacity: 0.5;
}


.btn-fillform {
background: #26990a !important;
color: #fff !important;
padding-top: 6px !important;
width: 100% !important;
padding-bottom: 6px !important;
height: 100% !important;
}

.SumoSelect .error {
position: absolute;
top: 35px;
}

select.form-control.error {
color: #495057 !important;
}

.sign-btn {
background-color: #26990a;
padding: 8px 4px;
color: #fff;
text-align: center;
border-radius: 5px;
border: none;
float: right;
width: 120px;
font-size: 12px;
line-height: 16px;
}

.sign-btn:hover {
color: #fff;
text-decoration: none;
}

.custom-project-block .col-sm-6 .inner-hole-bxo .custom-button button.export-btn {
padding: 5px 10px !important;
}

.primary-contact-block {
margin-top: 20px;
}

.primary-contact-block .col-sm-12 [type="checkbox"] {
width: 20px;
float: left;
margin-right: 10px;
margin-top: 5px;
}

.primary-contact-block .col-sm-12 label {
font-size: 13px;
color: #363636;
font-family: "Helvetica Neue", helvetica, arial, sans-serif;
display: flex;
}

.primary-contact-block .col-sm-12 a {
text-decoration: underline;
}

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

.buttom-block div {
display: inline-block;
}

.buttom-block .submit-but button.make-btn.submit {
background-color: #26990a;
border: 1px solid #26990a;
font-size: 12px;
font-weight: bold;
border-radius: 5px;
padding: 5px 10px;
color: #fff;
cursor: pointer;
min-width: 70px;
letter-spacing: 0;
max-width: 100px;
display: block;
}

.buttom-block .reset-but button.reset-btn {
background-color: #910d09;
border: 1px solid #910d09;
font-size: 12px;
font-weight: bold;
border-radius: 5px;
padding: 5px 10px;
color: #fff;
cursor: pointer;
min-width: 70px;
letter-spacing: 0;
max-width: 100px;
display: block;
}

.red-black-theme {
background: linear-gradient(to right, rgb(142, 13, 9) 6%, rgb(0, 0, 0) 100%) !important;
}

.red-white-theme {
background: linear-gradient(to top right, #910d09 75%, rgb(0 0 0 / 0%) 120%) !important;
}

.darkblue-white-theme {
background: linear-gradient(to top right, #221e55 75%, rgb(0 0 0 / 0%) 120%) !important;
}

.lightblue-white-theme {
background: linear-gradient(to top right, #004aad 75%, rgb(0 0 0 / 0%) 120%) !important;
}

.blue-white-theme {
background: linear-gradient(to top right, #421570 75%, rgb(0 0 0 / 0%) 120%) !important;
}

.green-white-theme {
background: linear-gradient(to top right, #26990a 75%, rgb(0 0 0 / 0%) 120%) !important;
}

.main-bxo {
background-color: #fff;
margin: 20px;
min-height: calc(100vh - 211px);
padding: 20px;
}

.main-bxo .mb-4 {
font-size: 14px;
}

.filter-block {
width: 100%;
display: inline-flex;
}

.filter-block .filter-serch-sec {
display: inline-block;
vertical-align: middle;
}

.filter-block .filter-serch-sec:last-child {
margin: 0 0 0 auto;
}




.compy-list-tb .table thead th:nth-child(1) {
min-width: 30px;
text-align: center;
}
.compy-list-tb .table thead th:nth-child(2) {
min-width: 100px;
}
.compy-list-tb .table thead th:nth-child(3) {
min-width: 150px;
}
.compy-list-tb .table thead th:nth-child(8) {
min-width: 130px;
}
.compy-list-tb .table thead th:nth-child(9) {
min-width: 100px;
}
.compy-list-tb .table thead th:nth-child(10) {
min-width: 100px;
}



.compy-list-tb .table thead th:nth-child(1) {
min-width: 30px;
text-align: center;
}
.compy-list-tb .table thead th:nth-child(2) {
min-width: 100px;
}
.compy-list-tb .table thead th:nth-child(3) {
min-width: 150px;
}
.compy-list-tb .table thead th:nth-child(8) {
min-width: 130px;
}
.compy-list-tb .table thead th:nth-child(9) {
min-width: 100px;
}
.compy-list-tb .table thead th:nth-child(10) {
min-width: 100px;
}




/*--------------------------- Inner Header Start --------------------------*/

.inner-header {
}

.inner-header .container-fluid .row {
display: flex;
vertical-align: middle;
align-items: center;
padding: 7px 0;
}

.inner-header .container-fluid .row .col.logo-btn {
max-width: 180px;
}

.inner-header .container-fluid .row .col {
}

.inner-header .container-fluid .row .col i {
cursor: pointer;
border: solid #26990a 2px;
padding: 8px 12px;
font-size: 22px;
border-radius: 4px;
display: inline-block;
color: #26990a;
text-align: left;
}

.inner-header .container-fluid .row .col.log-btn {
max-width: 130px;
padding-left: 0;
}

.inner-header .container-fluid .row .col.log-btn a i {
font-size: 12px;
border: none;
color: #fff;
padding: 0;
}

.inner-header .container-fluid .row .col.help-btn {
max-width: 50px;
padding: 0;
}

.inner-header .container-fluid .row .col.help-btn a {
margin: 0 0 0 auto;
}

.inner-header .container-fluid .row .col.what-new-button {
max-width: 150px;
}


.bootstrap-select.btn-group .btn .caret {
right: 9px;
margin-top: -3px;
}

.caption.client h4 {
font-size: 18px;
}

.client-icon {
width: 48px;
}

.client-icon > img {
height: 34px;
}

.caption.client {
padding: 0;
width: calc(100% - 60px);
}

.whats-popup-block {
}

.whats-popup-block .modal-dialog {
max-width: 600px;
}

.whats-popup-block .modal-dialog .modal-content {
border-radius: 20px;
}

.whats-popup-block .modal-dialog .modal-content .modal-header {
background-color: #910d09;
color: #fff;
border-radius: 20px 20px 0 0;
}

.whats-popup-block .modal-dialog .modal-content .modal-header button.close {
color: #fff;
opacity: 1;
text-shadow: none;
}

.whats-popup-block .modal-dialog .modal-content .modal-footer {
}

.whats-popup-block .modal-dialog .modal-content .modal-footer button.btn.btn-secondary {
background-color: #208f3f;
border: none;
min-width: 100px;
}

.whats-popup-block .modal-dialog .modal-content .modal-body {
max-height: 500px;
overflow-y: scroll;
}




/*--------------------------- Inner Header END  --------------------------*/



/*--------------------------- DrawingPinView Start  --------------------------*/

.main-bxo {
}

.main-bxo .row.pin-ctrl-sec {
    margin: 0;
    width: 100%;
    display: block;
}

.pin-search-sec {
width: 100%;
margin: 0;
}

.row.mb-4.pin-search-sec {
}

    .row.mb-4.pin-search-sec .col.search-but {
        align-items: end;
        vertical-align: bottom;
        display: inline-grid;
        max-width: 100px;
        margin-bottom: 3px;
    }

    .row.mb-4.pin-search-sec .col .SumoSelect p.CaptionCont.SelectBox.search {
        display: inline-block;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: normal;
        line-height: 22px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        border: 1px solid #ccc;
        border-radius: 4px;
        height: 34px;
        width: 100%;
        text-align: left;
    }



/*--------------------------- DrawingPinView END  --------------------------*/




/*--------------------------- Entries Filter Start  --------------------------*/

.entries-filter-section {
margin-bottom: 20px;
}

.entries-filter-section .col {
}

.entries-filter-section .col span.search-box {
display: table;
margin: 0 0 0 auto;
text-align: center;
}


.project-filter-section {
margin: 0 auto 20px;
}

.project-filter-section .col {
margin: 0;
}




/*--------------------------- Entries Filter END  --------------------------*/





.inner-hole-bxo {
}

.inner-hole-bxo .table-responsive {
}

.inner-hole-bxo .table-responsive table.table {
}

.inner-hole-bxo .table-responsive table.table tbody {
}

.inner-hole-bxo .table-responsive table.table thead {
}

.inner-hole-bxo .table-responsive table.table thead tr th {
}

.inner-hole-bxo .table-responsive table.table thead tr th[data-column="ContactPhoneNo"] {

}

.inner-hole-bxo .table-responsive table.table thead tr th[data-column="RoleName"] {

}



.SubmittedForms-block {
margin-bottom: 30px;
}

.SubmittedForms-block .row {
}

.SubmittedForms-block .row .col-md-3 {
margin-bottom: 14px;
}

.SubmittedForms-block .row .col-md-3 .datepinckerbox {
}

.SubmittedForms-block .row .col-md-3 .datepinckerbox .position-relative {
}

.SubmittedForms-block .row .col-md-3 .datepinckerbox .position-relative i {
position: absolute;
right: 10px;
top: 7px;
}

.SubmittedForms-block .row .col-md-3 .innertextbox {
margin: 0;
}

.SubmittedForms-block .row .col-md-3 .innertextbox {
}

    .SubmittedForms-block .row .col-md-3 .innertextbox span.search-box {
        width: 100%;
        display: inline-flex;
        margin-top: 20px;
    }


.imgshow-popup .modal-dialog {
    margin: 0 auto;
    left: 0;
    max-width: 80%;
    width: 100%;
}

.modal .modal-dialog {
    margin: 0 auto;
    left: 0;
    width: 100%;
}

@media (min-width: 992px) and (max-width: 1200px) {
    .log-btn {
margin: 0;
}
}


@media (max-width: 1199px) {
.clonetr-section tbody tr {
margin-bottom: 0;
}

.clonetr-section tbody tr td:nth-child(1) {
width: 6%;
}

.field-option {
margin: 5px 0 0px;
}



.front-header .container-fluid .row .col-md-12.text-center .col#close-sidebar {
max-width: 10%;
text-align: left;
}

.front-header .container-fluid .row .col-md-12.text-center .col.log-btn {
max-width: 61%;
}

.box-footer .row .col-sm-1 {
display: none;
}

.box-footer .row .col-sm-5 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}

.footer-block .container-fluid .row .username-btn {
text-align: left;
padding-left: 20%;
}

.dashbrod-box .thumbnail {
height: 100%;
}

.inner-form-box .col-sm-6.col-md-6.col-lg-4.col-xl-3 {
margin-bottom: 20px;
}
.front-header .container-fluid .row {
padding: 0px 0;
}
.log-btn {
margin: 16px 0px;
}
.filter-block .filter-serch-sec .search-box {
margin: 0;
min-width: auto;
width: 100%;
}


.project-filter-section .col.datepinckerbox input.datepicker {
width: 100% !important;
}

.project-filter-section .col span.search-box input.seach-fild {
width: 100%;
margin-bottom: 10px;
}





.inner-hole-bxo .table-responsive table.table thead tr th[data-column="UnitMeasure"] {
min-width: 200px;
}
.inner-hole-bxo .table-responsive table.table thead tr th[data-column="InternalReference"] {
min-width: 150px;
}
.inner-hole-bxo .table-responsive table.table thead tr th[data-column="Cost"] {
min-width: 60px;
}
.inner-hole-bxo .table-responsive table.table thead tr th[data-column="ViewAssignForms"] {
min-width: 150px;
}
.inner-hole-bxo .table-responsive table.table thead tr th[data-column="CreatedBy"] {
min-width: 110px;
}
.inner-hole-bxo .table-responsive table.table thead tr th[data-column="CreatedOn"] {
min-width: 100px;
}

.inner-hole-bxo .table-responsive table.table thead tr th[data-column="ProductCode"] {
min-width: 120px;
}

.inner-hole-bxo .table-responsive table.table thead tr th[data-column="InternalCode"] {
min-width: 120px;
}

.inner-hole-bxo .table-responsive table.table thead tr th[data-column="Fixedcost"] {
min-width: 100px;
}
.inner-hole-bxo .table-responsive table.table thead tr th[data-column="SiteName"] {
min-width: 100px;
}

.inner-hole-bxo .table-responsive table.table thead tr th[data-column="Postcode"] {
min-width: 100px;
}

.inner-hole-bxo .table-responsive table.table thead tr th[data-column="ProjectStatus"] {
min-width: 150px;
}
.inner-hole-bxo .table-responsive table.table thead tr th[data-column="AddtionalProjectNumber"] {
min-width: 180px;
}
.inner-hole-bxo .table-responsive table.table thead tr th[data-column="OriginalInstallationFileName"] {
min-width: 150px;
}




}


@media (max-width: 1072px) {
.switchToggle-block label {
font-size: 14px;
}

.outerrightM .switchToggle label {
width: 70px;
max-width: 70px;
height: 26px;
margin-right: 0;
}

.switchToggle input + label:before,
.switchToggle input + input + label:before {
right: 10px;
font-size: 14px;
}

.outerrightM .switchToggle input:checked + label:before,
.outerrightM .switchToggle input:checked + input + label:before {
left: 10px;
font-size: 14px;
}

.outerrightM .switchToggle label:after {
width: 22px;
height: 22px;
}

.outerrightM i.fa-info-circle.createdDiv {
margin-top: 4px;
}

.box-footer .row .col-sm-5 {
-ms-flex: 0 0 50% !important;
flex: 0 0 50% !important;
max-width: 50% !important;
display: contents;
}
}


@media (max-width: 1070px) {

.box-footer .row .col-sm-3 {
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
}

.box-footer .row .col-sm-4 {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}

.box-footer .row .col-sm-5 {
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
display: contents;
}

.switch {
width: 100px;
}

.box-footer .col-sm-5 ul li span.slider.round {
margin-left: 55px;
margin-top: 4px;
}

.box-footer .row {
margin-right: 0;
}

.box-footer .col-sm-5 {
display: block !important;
}
}


@media (max-width: 991px) {
.box-footer .row .col-sm-4 {
display: none;
}

.box-footer .col-sm-5 ul {
width: 100%;
}

.box-footer .row .col-sm-5 {
-ms-flex: 0 0 60% !important;
flex: 0 0 60% !important;
max-width: 60% !important;
padding-right: 0;
}

.logo-btn a img {
width: 130px;
}

.page-wrapper .header-main .container-fluid .col-md-12.text-center div#close-sidebar i {
padding: 8px 12px;
}

.header-main .container-fluid .row .col-md-12.text-center #close-sidebar {
left: 0 !important;
position: relative;
display: block;
margin: 0;
}



.front-header .container-fluid .row .col-md-12.text-center {
display: inline-flex !important;
align-items: center;
max-width: 100%;
}



.col-sm-8.outerleftM {
flex: 0 0 55%;
max-width: 55%;
padding: 0;
}

.col-sm-4.outerrightM {
flex: 0 0 45%;
max-width: 45%;
padding: 0;
}

.box-footer .col-sm-4 {
display: none;
}

.box-footer .row .col-sm-6 {
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
}

.box-footer .row .col-sm-1 {
display: none;
}


.form-group.upload-box label {
display: block;
font-size: 12px !important;
}

.modal-content .outerDivFull {
margin: 0;
width: 110px;
float: left;
}

.modal-content .rick-doc-box {
float: right;
width: calc(100% - 110px);
}

.RiskAssessmentDocumentDrawingshow span,
.RiskAssessmentDocumentshow span,
.MethodStatementDocumentshow span,
.DocumentNameshow span {
font-size: 12px;
}

.modal.role-popup-block .modal-dialog.modal-xl.modal-dialog-centered {
max-width: 90%;
}

.role-popup-block .tab-content .head,
.role-popup-block .tab-content.clonetr .head {
float: none;
margin-bottom: 10px;
}

.role-popup-block .tab-content .copy-rule-sec,
.role-popup-block .tab-content.clonetr .copy-rule-sec {
display: block !important;
}

.role-popup-block .tab-content. .head,
.role-popup-block .tab-content.clonetr .head {
float: none;
}

.role-popup-block .tab-content .field-wrap,
.role-popup-block .tab-content.clonetr .field-wrap {
width: 50%;
display: block;
float: left;
padding-right: 10px;
margin-right: 0;
padding-bottom: 10px;
}
.toggled #close-sidebar, #close-sidebar {
left: 0px;
}
.row.mb-4.pin-search-sec .col.search-but {
    margin-top: 10px;
}
.entries-filter-section .col span.search-box {
    float: none;
}



.row.project-filter-section {
    display: inline-block;
    margin: 0 auto 10px;
}
.project-filter-section .col {
max-width: 50%;
float: left;
display: inline-flex;
margin-bottom: 10px;
}   
.project-filter-section .innertextbox.col label {
margin: 0 10px;
align-items: center;
display: grid;
}
.project-filter-section .col:last-child {
max-width: 100%;
}

.project-filter-section .col span.search-box {
width: 100%;
display: inline-flex;
margin: 0 auto;
}

.project-filter-section .col span.search-box input#txtSearch {
margin: 0 10px 0 0;
}



}


@media (max-width: 767px) {

.inner-header .container-fluid .row .col.help-btn {
max-width: 55px;
padding: 0;
}
.inner-header .container-fluid .row .col.log-btn {
padding-left: 15px;
}

.header-main {
padding: 10px 0;
}

.main-inner .right-content {
margin-top: 80px;
}

.log-btn {
position: relative;
right: 0;
top: 0;
margin: 0;
}
.toggled #close-sidebar, #close-sidebar {
position: relative;
top: 0;
margin: 0;
}
.front-header .container-fluid .row .col.logo-btn {
margin: 0 auto 10px;
}

.logo-btn a img {
height: 45px;
width: auto;
}

.help-btn a {
text-align: center;
margin: 0 auto;
}

.page-wrapper .header-main .container-fluid .col-md-12.text-center div#close-sidebar i {
padding: 5px 8px;
margin: 0;
}


.col-sm-8.outerleftM {
padding: 0 15px;
}

.col-sm-4.outerrightM {
padding: 0 15px;
}

.box-footer .col-sm-5 ul li.help-sec {
margin-right: 0;
margin-left: 0;
}

.footer-block .container-fluid .row .username-btn {
text-align: left;
padding-left: 40px;
}

.seach-full.box-heading-tag h3 {
font-size: 18px;
}


.primary-contact-block .col-sm-12 label {
display: table;
}

.main-bxo .row.mb-4 .col-sm-4 {
max-width: 100%;
flex: 100%;
margin-bottom: 10px;
display: block;
}
.main-bxo .row.mb-4 .col-sm-4 .email-btn {
display: table;
margin:0 auto;
}
.main-bxo .row.mb-4 .col-sm-4 .show-filtter-sec {
text-align: center;
}
.filter-block {
display: block;
}
.filter-block .filter-serch-sec {
width: 100%;
margin-bottom: 10px;
text-align: center;
}

.row.box-heading-tag .col.home-button {
text-align: right;
display: inline-table;
}
.row.mb-4.pin-search-sec {
display: block;
margin: 0;
}
.row.mb-4.pin-search-sec .col {
padding: 0 5px;
}

.row.box-heading-tag .col.home-button a {
margin-bottom: 10px;
display: block;
}
.box-heading-tag.seach-full {
max-height: 100%;
display: inline-flex;
width: 100%;
margin: 0 !important;
padding: 0;
}
.entries-filter-section .col span.search-box {
    display: inline;/
}


.inner-hole-bxo .table-responsive table.table thead tr th[data-column="ContactPhoneNo"] {
    min-width: 150px;
}

.inner-hole-bxo .table-responsive table.table thead tr th[data-column="RoleName"] {
    min-width: 120px;
}

.inner-form-box.company-form .col-md-12 .allserahbox.tableonner-box {
margin-bottom: 20px;
}
.inner-form-box.company-form .col-md-12 .tableonner-box .row .col-md-12 .innertextbox.mr-3 {
display: inline-grid;
}
.inner-form-box.company-form .col-md-12 .row .col-md-3 {
max-width: 50%;
}

.inner-form-box.company-form .col-md-12 .tableonner-box .row .col-md-3 .innertextbox.float-none.ml-3 {
margin-left: 0 !important;
}
.inner-form-box.company-form .col-md-12 .tableonner-box .row .col-md-12 {
display: inline-flex;
align-items: end;
}

.inner-form-box.company-form .col-md-12 .tableonner-box .row .col-md-12 .flot-rightbox-autit {
float: none;
clear: both;
display: inline-flex;
width: 100%;
}

.inner-form-box.company-form .col-md-12 .tableonner-box .row .col-md-12 .flot-rightbox-autit .search-box {
width: auto;
float: left;
min-width: auto;
margin-bottom: 0;
}

.inner-form-box.company-form .col-md-12 .tableonner-box .row .col-md-12 .flot-rightbox-autit .search-box input.seach-fild {
width: auto;
margin-right: 10px;
}
.inner-form-box.company-form .col-md-12 .tableonner-box .row .col-md-12 .flot-rightbox-autit button.blackback-btn {
clear: both;
display: block;
}


}

@media (max-width: 576px) {

.inner-header .container-fluid .row .col.log-btn a {
width: 50px;
}

.inner-header .container-fluid .row .col.what-new-button a {
min-width: 100px;
}

.inner-header .container-fluid .row .col.what-new-button a span.sm-none {
display: block;
}
.inner-header .container-fluid .row .col.compy-logo {
display: none !important;
}
.inner-header .container-fluid .row .col.help-btn a {
margin: 0 0 0 0;
}
.inner-header .container-fluid .row .col.log-btn {
max-width: 100%;
}



.box-heading-tag a.add-btn {
width: auto;
text-align: center;
text-decoration: none;
margin: 0 5px;
padding: 5px 10px;
}

.inner-hole-bxo .allserahbox .innertextbox,
.inner-hole-bxo .allserahbox .datepinckerbox {
width: 100%;
}

.inner-hole-bxo .allserahbox .innertextbox label,
.inner-hole-bxo .allserahbox .datepinckerbox label {
width: 100px !important;
}

.inner-hole-bxo .allserahbox .innertextbox input,
.inner-hole-bxo .allserahbox .datepinckerbox input,
.inner-hole-bxo .allserahbox .innertextbox select,
.inner-hole-bxo .allserahbox .datepinckerbox select {
width: calc(100% - 105px) !important;
}

.inner-hole-bxo .search-box {
margin-right: 0px !important;
}

/*.allserahbox div {
margin: 0 0px 5px 0px;
}*/

.box-footer .col-sm-5 ul li.delete-sec {
margin-right: 10px;
}

.box-footer .col-sm-5 ul li.delete-sec:after {
right: -10px;
}

.box-footer .col-sm-5 ul li:nth-child(1) {
margin: 0 5px;
}

.compy-logo {
display: inline-block !important;
}


.toggled #close-sidebar {
}

.text-center {
justify-content: space-around;
flex-wrap: wrap;
padding: 0px;
}

.compy-logo {
top: 16px;
position: relative;
}

.custom-project-block .col-sm-6 {
margin-bottom: 20px;
}

.custom-project-block .col-sm-6 .inner-hole-bxo .row {
margin-bottom: 0;
}

.custom-project-block .col-sm-6 .inner-hole-bxo .col-md-6 {
margin-bottom: 20px;
}

.inner-hole-bxo.client-fill-block .row.mt-12 .col-md-12 .row.mb-2 .col-md-4 .row {
margin-bottom: 20px;
}

.inner-hole-bxo.client-fill-block .row.mt-12 .col-md-12 .row.mb-2 .col-md-4:last-child .row {
margin-bottom: 10px;
}

.inner-form-box.company-form .row.mt-12 .col-md-12 .innerfillerdiv .row .col {
flex-basis: auto;
margin-bottom: 10px;
}

.box-heading-tag.seach-full .row.mb-4 .col {
flex-basis: auto;
margin-bottom: 10px;
}




.page-wrapper .header-main .container-fluid .col-md-12.text-center {
display: block;
height: 120px;
}

.page-wrapper .header-main .container-fluid .col-md-12.text-center .col.username-btn label {
font-size: 14px;
}

.page-wrapper .header-main .container-fluid .col-md-12.text-center .col.compy-logo img {
padding: 0;
display: block;
text-align: right;
margin: 0 0 0 auto;
}

.page-wrapper .header-main .container-fluid .col-md-12.text-center .col.logo-btn {
margin-top: 0;
}

.page-wrapper .header-main .container-fluid .col-md-12.text-center .log-btn a {
margin-right: 15px;
}
.main-inner .left-contes {
top: 0;
padding-top: 70px;
z-index: 0;
}
.header-main {
padding: 0px 0;
}
.header-main .container-fluid .row .col-md-12.text-center .compy-logo {
text-align: center;
top: 0;
position: relative;
align-items: center;
display: inline-flex !important;
}

.front-header .container-fluid .row .col-md-12.text-center {
height: auto;
}

.front-header .container-fluid .row .col-md-12.text-center .col#close-sidebar {
top: 0;
}


.outerrightM .switchToggle label {
width: 65px;
max-width: 65px;
}

.col-sm-8.outerleftM {
flex: 0 0 45%;
max-width: 45%;
}

.col-sm-4.outerrightM {
flex: 0 0 55%;
max-width: 55%;
}

.switchToggle-block label {
font-size: 13px;
padding-top: 4px;
}

.box-footer .col-sm-5 ul li.help-sec {
margin: 0;
}

.box-footer .row .col-sm-6 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}

.box-footer .row .col-sm-5 {
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
padding-right: 0;
text-align: center;
margin-top: 15px;
}

.header-main .container-fluid .row .col-md-12.text-center .what-new-button a span.sm-none {
display: block;
}

.header-main .container-fluid .row .col-md-12.text-center .log-btn a {
padding: 0 6px 0 9px;
width: 50px;
}

.dashbrod-box .row.box-heading-tag {
height: 100%;
display: inline-flex;
align-items: center;
margin-bottom: 0 !IMPORTANT;
}

.dashbrod-box .row.box-heading-tag .col-3 {
max-width: 35%;
}

.dashbrod-box .row.box-heading-tag .col-6 {
max-width: 45%;
}

.seach-full.box-heading-tag h3 {
line-height: 22px;
}

.dashbrod-box .row.box-heading-tag .col-3.home-button {
max-width: 20%;
}

.page-wrapper.toggled .right-content .dashbrod-box {
}

.page-wrapper.toggled .right-content .dashbrod-box .row.box-heading-tag {
display: inline-block;
position: relative;
}

.page-wrapper.toggled .right-content .dashbrod-box .row.box-heading-tag .col-3.back-btn {
max-width: 100%;
margin-bottom: 10px;
}

.page-wrapper.toggled .right-content .dashbrod-box .row.box-heading-tag .col-6.breadcrumb-sec {
margin-bottom: 10px;
max-width: 100%;
}

.page-wrapper.toggled .right-content .dashbrod-box .row.box-heading-tag .col-3.home-button {
position: absolute;
top: 0;
right: 0;
max-width: 20%;
padding: 0;
}

.box-heading-tag.seach-full .col.home-button {
display: block;
}

.box-heading-tag.seach-full .col.home-button .search-btn {
position: relative;
clear: both;
}

.box-heading-tag.seach-full {
height: 80px;
}

.box-heading-tag.seach-full .col.home-button a {
margin-bottom: 10px;
display: block;
}

.box-heading-tag.seach-full {
height: auto;
display: block;
}

.box-heading-tag.seach-full .col.home-button {
margin-top: 14px;
display: inline-flex;
align-items: center;
}

.box-heading-tag.seach-full .col {
clear: both;
}

.box-heading-tag.seach-full .col.breadcrumb-sec {
text-align: left;
display: inline-block;
margin: 14px 0 5px;
}


.row.project-filter-section .innertextbox.col select.form-control {
    width: 100% !important;
}
.row.project-filter-section .innertextbox.col label:nth-child(1) {
    width: auto !important;
    margin-left: 0;
}
.row.project-filter-section .innertextbox.col label + select {
    width: 60px !important;
}


.inner-hole-bxo .table-responsive table.table thead tr th[data-column="FireRatingValue"] {
    min-width: 200px;
}
.inner-hole-bxo .table-responsive table.table thead tr th[data-column="OriginalInstallationFileName"] {
min-width: 200px;
}

.inner-hole-bxo .table-responsive table.table thead tr th[data-column="InstallationCode"] {
min-width: 200px;
}


.inner-form-box.company-form .col-md-12 .row .col-md-3 {
max-width: 100%;
}
.inner-form-box.company-form .col-md-12 .tableonner-box .row .col-md-12 {
display: block;
align-items: end;
}


}

@media (max-width: 482px) {
    .main-inner .left-contes {
        padding-top: 100px;
    }
}


@media (max-width: 479px) {


.box-footer .row .col-sm-3 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}

.box-footer .row .col-sm-3 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}

.toggled #close-sidebar {
}

.box-footer .col-sm-5 ul {
width: 100%;
margin: 10px auto 0;
text-align: center;
}

.marginWithlogoShow {
margin-top: 90px !important;
}

.col-sm-8.outerleftM {
flex: 0 0 100%;
max-width: 100%;
text-align: center;
}

.col-sm-4.outerrightM {
flex: 0 0 100%;
max-width: 100%;
margin-top: 12px;
text-align: center;
}

.box-footer .row .col-sm-5 {
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
padding-right: 0;
}

.role-popup-block .tab-content .field-wrap,
.role-popup-block .tab-content.clonetr .field-wrap {
width: 100%;
padding-right: 0;
}

.dashbrod-box .row.box-heading-tag .col-3.back-btn {
max-width: 100%;
padding: 0;
}

.dashbrod-box .row.box-heading-tag .col-6.breadcrumb-sec {
max-width: 100%;
display: inline-block;
margin-top: 10px;
}

.dashbrod-box .row.box-heading-tag .col-3.home-button {
position: absolute;
top: 0;
right: 0;
padding: 0;
max-width: 15%;
}

.dashbrod-box .row.box-heading-tag {
position: relative;
display: inline-block;
height: 100%;
width: 100%;
margin: 0;
}
.front-header .container-fluid .row .col i {
padding: 6px 10px;
font-size: 20px;
}

.row.entries-filter-section {
margin-bottom: 10px;
display: block;
}
.entries-filter-section .col {
margin-bottom: 10px;
display: inline-block;
}



.project-filter-section .col {
    max-width: 100%;
    padding: 0;
    margin-bottom: 15px;
}


.tabs-theme .nav-tabs .nav-link {
font-size: 13px;
padding: 8px;
margin-right: 5px;
}

.tabs-theme .nav-tabs .nav-link:last-child {
margin-right: 0;
}

.inner-form-box.company-form .col-md-12 .tableonner-box .row .col-md-12 .flot-rightbox-autit {
display: block;
}

.inner-form-box.company-form .col-md-12 .tableonner-box .row .col-md-12 .flot-rightbox-autit button.blackback-btn {
margin-top: 10px;

}
.bottom-innerbox button.make-btn {
margin-bottom: 10px;
}

.inner-hole-bxo form .row .col-md-12 .bottom-innerbox input[type="button"] {
margin-bottom: 5px;
}

.inner-hole-bxo form .row .col-md-12 .bottom-innerbox a.viewHoleType {
display: block;
width: 100%;
text-align: left;
margin-bottom: 10px;
}
    .action-list.custom-box-ui a {
        margin-bottom: 5px;
    }

}


@media (max-width: 394px) {
.log-btn a {
width: 50px;
}

.box-footer .row .col-sm-5 {
padding-left: 0;
}

.box-footer .row .col-sm-5 ul.footer-ctrl {
}

.box-footer .row .col-sm-5 ul.footer-ctrl li.copy-sec.clone {
margin: 0;
}

.box-footer .row .col-sm-5 ul.footer-ctrl li {
margin-right: 0;
margin-left: 2px;
}

.box-footer .row .col-sm-5 ul.footer-ctrl li.help-sec {
    margin-left: 0;
}
}