@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap');

body {
    font-family: 'Lato','Roboto Condensed', sans-serif; 
    font-size:11pt;
    font-weight:600;
    color: #585858;
    margin: 0;
}

.logo-img {
    background-image: url(/images/auditapp-logo-full.png);
    height: 44px;
    width: 143px;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    background-position-y: 7px;
}

.page-name {
    position: absolute;
    margin-left: 10px;
}
.main {
    overflow-x: hidden;
}
.CustomValidationError {
    color: #f60909;
    transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}
.page {
    background-color: #fff;
    position: relative;
    box-shadow: -5px -5px 15px #000000;
    min-height: 100vh;
}

.pagetitle{
    color:#0880b5;
    text-align:center;
    padding-top:8px;
    font-size:14pt;
}

.header{
    height:50px;
    border-bottom:1px solid #cfcfcf;
}

.profilepicselector {
    height: 100px;
    width: 100px;
    background-image: url();
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    text-align: center;
    padding-top: 75px;
    background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
}

    .profilepicselector i{
        color:#585656;
    }

    .inputGroup {
        position: relative;
        width: 100%;
        margin-top: 25px;
        display: flex;
        display: -webkit-inline-flex;
    }
.inputGroup label{
    top:0;
    left:0;
    color:#cfcfcf;
    font-size:18px;
  font-weight:inherit;
  position:absolute;
  pointer-events:none;
   transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}


.checklbl {
    pointer-events: all!important;
}

.inputGroup input{
    border:0;
    border-bottom:1px solid #cfcfcf;
    width:100%;
}
.inputGroup input:focus 		{ outline:none; }

/* active state */
    /*.inputGroup input:focus + label, .inputGroup input:valid + label {
  top:-20px;
  font-size:14px;
  color:#0880b5;
}*/
    .inputGroup input:focus + label, .inputGroup .ng-not-empty + label {
        top: -20px;
        font-size: 14px;
        color: #0880b5;
        margin:0;
    }

    .inputGroup input:focus + span + label, .inputGroup .ng-not-empty + span + label {
        top: -20px;
        font-size: 14px;
        color: #0880b5;
        margin:0;
    }
    .inputGroup .moveup {
        top: -20px;
    font-size: 14px;
    color: #0880b5;
    }
    .inputGroup .selectlabel {
        /*top: -20px;
        font-size: 14px;
        color: #0880b5;*/
        margin:4px 10px;
    }

.inputGroup input[type=date] + label {
  top:-20px;
  font-size:14px;
  color:#0880b5;
}

.gridviewpanel{
    background-color:#f8f8f8;
    box-shadow:2px 2px 2px #d1d1d1;
    min-height:100vh;
}

.gridviewpanel .gridrow{
      background-color:#fff;
      padding:10px 0;
      
      border-bottom:1px solid #c7c6c6;
}


.filtered-count {
    padding: 3px 6px;
    background-color: #e4e4e4;
    margin-top: 4px;
    font-size: 11pt;
    font-style: italic;
}

.resetfilter-times {
    position: absolute;
    margin-top: -16px;
    margin-left: 0;
    padding: 4px;
}
    .resetfilter-times i {
        font-size: 9pt!important;margin: 0!important;
    }

.gridrow h4{
    color:#05658a;
    font-size:12pt;
    margin: 4px 0;
}


.row.row-details{

}

.audit-stat-ico{
    font-size:13pt;
    color:#0880b5;
}
.group-aud-lst {
    margin-top: 10px;
   margin-left:13px;
  
   text-transform:capitalize;
}

    .group-aud-lst .head .col-sm-3 {
        background-color: #8c8a8a !important;
        color: #fff;
        margin: 2px;
    }


    .group-aud-lst .col-sm-3 {
        background-color: #f1efef;
        margin: 2px;
    }
    .group-aud-lst .head .col-sm-5 {
        background-color: #8c8a8a !important;
        color: #fff;
        margin: 2px;
    }
    .group-aud-lst .col-sm-5 {
        background-color: #f1efef;
        margin: 2px;
    }


.row.row-details span {
    display: block;
    font-size: 13px;
}
.small-lbl {
    font-size: 13px;
}
.action-col {
}
    .action-col a{

    }


.mobile-action {
    display:block;
}

    .mobile-action a {
       
    }
.lmicon {
    margin: 12px 0 0 0;
    background-color: #7d949b;
    font-size: 15pt;
    color: #fff;
    padding: 3px 20px;
    border-radius: 20px;
    transition:all linear 0.4s;
}

.link-sp {
    display: block;
    color: #337ab7;
    font-size: 13pt;
    cursor: pointer;
    text-shadow: 1px 1px 2px #9a9c9c;
}
.user-image {
    height: 65px;
    border-radius: 50%;
    box-shadow: 0px 1px 3px #6d9db9;
    width: 65px;
    border: 1px solid #6d9db9;
    background-size: cover;
    background-position: center center;
}
.brand-image {
    height: 65px;
    box-shadow: 0px 1px 3px #6d9db9;
    width: 65px;
    border: 1px solid #6d9db9;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
@media(max-width:766px){

    .page-name {
        position:relative;
        float: right;
    }

    .link-sp {
        background-color:#ce8a6e!important;
        color: #fff;
        font-size: 13pt;
        cursor: pointer;
        text-shadow: none;
    }
    .user-image{
        height:80px;
        width:80px;
    }
    .mobile-action {
        display: none;
        bottom: 0px;
        width: 100%;
        overflow-y: auto;
        background-color: #476993;
        box-shadow: 0 0 5px;
        z-index: 10000;
        margin: 11px auto;
        left: 0;
        right: 0;
        padding: 4px 4px 0 4px;
    }

        .mobile-action a {
            width: 100%;
            margin-bottom: 4px;
            display: block;
            background-color: #3c8dbc;
            padding: 10px;
            text-align: center;
            color: #fff;
        }

}
.previewpanel {
    background-color: #f3f1f1;
    min-height: 100vh;
    max-height: 100%;
    box-shadow: inset 7px 0 9px -7px #000;
    padding: 10px 10px;
    color: #3f3e3e;
}
    .previewpanel .info-container {
        /*min-height:60vh;*/
    }
.preview-title {
    background-color: #afc3d0;
    width: 95%;
    margin: 10px auto 5px auto;
    padding: 4px 0;
    font-size: 15pt;
    
}

.previewpanel p{
    margin:10px;
}

.previewpanel .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border: 1px solid #adabab;
    border-bottom-color: transparent;
}

.previewpanel .nav-tabs {
    border-bottom: 1px solid #adabab;
}

.previewpanel #filters {
    padding:0 20px;
}

.videohelp {
    width: 250px;
    margin: 30px auto 0 auto;
    position: relative;
    border: 1px solid #8dc5d2;
    overflow: hidden;
    cursor: pointer;

}

    .videohelp .bg-image {
        /* The image used */
        
        /* Add the blur effect */
        filter: blur(1px);
        -webkit-filter: blur(1px);
        /* Full height */
        height: 150px;
        /* Center and scale the image nicely */
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

/* Position text in the middle of the page/image */
    .videohelp .bg-text {
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0, 0.2); /* Black w/opacity/see-through */
        color: white;
        font-weight: bold;
        border: 3px solid #f1f1f1;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
        width: 80%;
        padding: 20px;
        text-align: center;
        font-family: 'Roboto Condensed', sans-serif
    }
        .videohelp .bg-text i{
            font-size:36px;
        }
        .videohelp .bg-text p {
            margin:5px;
        }


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

    .videolist li {
        padding: 9px 5px;
        border-bottom: 1px solid #afc3d0;
        margin: 0 10px;
        cursor:pointer;
    }
.info-container table {
    width: 95%;
    margin: auto;
    font-size: 10pt;
}
.info-container td {
    border: 1px solid #afc3d0;
    padding: 0 5px;
}
.info-label{
    width:45%;
    font-weight:bold;
}
.info-small-label {
    width: 15%;
    font-weight: bold;
}
.info-text{
    text-transform:capitalize;
}


.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.videohelp img{
    width:100%;
}

.previewpanelshow{
    display:block!important
}
.previewbutton{
    display:none;
}
@media(max-width:766px) {
    .previewbutton {
        color: #fff;
        display: block;
        position: fixed;
        height: 40px;
        width: 40px;
        background-color: rgba(17, 70, 72, 0.89);
        z-index: 10010;
        right: 10px;
        bottom:30px;
        border-radius: 50%;
        font-size: 21pt;
        text-align: center;
    }
    .previewpanel {
        background-color: #585656;
        min-height: 100vh;
        box-shadow: inset 7px 0 9px -7px #000;
        padding: 20px 10px;
        color: #fff;
        position: fixed;
        display: block;
        left: 1000px;
        top: 0;
        z-index: 10000;
        width:100%;
    }
}

.controlpanel{
    
    padding:0 0 4px 0!important;
    background:linear-gradient(45deg,#182748,#435B8B, #508BA9) !important;
    color:#f8f8f8;
}

.cp-title{
    font-size:8pt;
    color:#9aa9cf;
}
.cp-icons div{
    float:left;
    text-align:center;
}
    .cp-title.fori {
        margin: 0 10px;
    }
.controlpanel i {
    margin: 6px 20px 0 20px;
    font-size: 15pt;
    cursor: pointer;
    display:block;
}
.controlpanel a{
    color:#fff;

}
.controlpanel a:hover{
    color:#fff;
}
.controlpanel input[type=search]{
    background-color:#f8f8f8;
}

.savebtn{
    background-color:#0880b5;
    margin-top:30px;
    min-width:200px;
    color:#fff;
}
.cancelbtn{
    background-color:#e2e0e0;
    margin-top:30px;
    min-width:200px;
}
.clear{
    clear:both;
    float:none;
}

footer{
    width:100%;
    height:50px;
}

/*Text Size according to devices**/
@media (max-width: 766px) {
    .text-xs-left {
        text-align: left;
    }

    .text-xs-right {
        text-align: right;
    }

    .text-xs-center {
        text-align: center;
    }

    .text-xs-justify {
        text-align: justify;
    }
}
@media (min-width: 766px) {
  .text-sm-left { text-align: left; }
  .text-sm-right { text-align: right; }
  .text-sm-center { text-align: center; }
  .text-sm-justify { text-align: justify; }
}

@media (min-width:900) {
  .text-md-left { text-align: left; }
  .text-md-right { text-align: right; }
  .text-md-center { text-align: center; }
  .text-md-justify { text-align: justify; }
}

@media (min-width: 1500) {
  .text-lg-left { text-align: left; }
  .text-lg-right { text-align: right; }
  .text-lg-center { text-align: center; }
  .text-lg-justify { text-align: justify; }
}

/*** custom checkboxes ***/

input[type=checkbox] { display:none; } /* to hide the checkbox itself */
input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
  font-size:14pt;
}

input[type=checkbox] + label:before { content: "\f096"; } /* unchecked icon */
input[type=checkbox] + label:before { letter-spacing: 10px; } /* space between checkbox and label */

input[type=checkbox]:checked + label:before { content: "\f046"; } /* checked icon */
input[type=checkbox]:checked + label:before { letter-spacing: 5px; } /* allow space for check mark */


/**loader*/
.sysmsg {
    float: left;
    padding: 1px 10px;
    border: 1px solid;
    margin: 11px 10px 0 0;
    border-radius: 21px;
    display: none;
    font-size: 13px;
}
.sysmsg i{
    font-size:14px;
}
.syserr{
    color:red;
}
.sysinfo{
    color:#0880b5;
}
.syswarn{
    color:#e5a11e;
}
.sysloading{
    float:right;
}
.sk-cube-grid {
    width: 18px;
    height: 18px;
    margin-top: 15px;
}

    .sk-cube-grid .sk-cube {
        width: 33%;
        height: 33%;
        background-color: #f99808;
        float: left;
        -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
        animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    }

    .sk-cube-grid .sk-cube1 {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .sk-cube-grid .sk-cube2 {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

    .sk-cube-grid .sk-cube3 {
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
    }

    .sk-cube-grid .sk-cube4 {
        -webkit-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }

    .sk-cube-grid .sk-cube5 {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .sk-cube-grid .sk-cube6 {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

    .sk-cube-grid .sk-cube7 {
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
    }

    .sk-cube-grid .sk-cube8 {
        -webkit-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }

    .sk-cube-grid .sk-cube9 {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

@keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}


* {
    -webkit-font-smoothing: antialiased;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.past-users-filter {
    cursor: pointer;
    margin-left: 20px;
}

.no-results {
    padding-left: 20px;
    padding-bottom: 10px;
}

/*matched result from search*/
.matched {
    font-weight: 700 !important;
}

/*wraps entire selector*/
.hierarchy-wrap {
    background: #FFFFFF;
    border: 1px solid #ccc;
    border-radius: 5px;
}
/* past users + search */
.hierarchy-header {
    padding: 10px;
}

    .hierarchy-header .search-wrap {
        margin-bottom: 5px;
    }

.angular-ui-tree-handle {
    color: black;
    padding: 5px;
    font-weight: normal;
    cursor: pointer;
}

.angular-ui-tree-nodes .angular-ui-tree-nodes {
    padding-left: 0;
}

    .angular-ui-tree-nodes .angular-ui-tree-nodes .node-embed {
        padding-left: 10px;
    }

    .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .node-embed {
        padding-left: 20px;
    }

    .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .node-embed {
        padding-left: 30px;
    }


.angular-ui-tree-handle:hover {
    color: black;
    background: #f5f5f5;
}

.node-header {
    padding-right: 5px;
}

.nodeActive {
    background: #deeaf9;
}

    .nodeActive:hover {
        background: #428bca;
        color: #FEFEFA;
    }

.angular-ui-tree-handle i {
    color: black;
}

#demoTree{
    padding-left:5px;
}

#demoTree li {
    list-style: none
}

.select2{
    width: 100%!important;
}
.select2-selection {
    background-color: #fff;
    border-bottom: 1px solid #aaa;
    border-radius: 0px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}


.modal-backdrop {
    z-index: -1!important;
}

/**doc gallery*/
.fileinputsection{
    background-color:#e6e4e4;
    padding:4px 10px;
    transition:all ease-in-out 0.5s;
}
.dgImage {
    height: 80px;
    width: 80px;
    border: 1px solid;
    border-radius: 5px;
    background-size:cover;
}
.dgThumb{
   
    width:80px;
    background-size:cover;
    margin:5px 10px;
    float:left;
   
    text-align:center;
}

    .dgThumb h4 {
        font-size: 8pt;
    }
    .dgThumb i {
        font-size: 30pt;
        margin-top: 13px;
    }
    .dgThumb label {
        font-size: 8pt;
        margin-top: 5px;
    }

.dgSecTitle{
    margin-left:20px!important;
}
.dgcompressimage {
    position: absolute;
    margin-top: -34px;
    margin-left: 292px;
    background-color: #393838;
    color: #fff;
    padding: 7px;
    border-radius: 1px;
    box-shadow: 2px 2px 5px #000;
    z-index: 10;
}

.dgsaveimage {
    position: absolute;
    margin-top: -34px;
    margin-left: 262px;
    background-color: #393838;
    color: #fff;
    padding: 7px;
    border-radius: 1px;
    box-shadow: 2px 2px 5px #000;
    z-index: 10;
}

.preview-image {
    max-width: 100%;
    max-height: 560px;
    margin: 0 auto;
    border: 1px solid;
    box-shadow: 1px 1px 2px;
}
.modal-xl {
    width: 90%;
    max-width: 1500px;
    transition: all ease-in-out 1s;
}

#dgCanvas{
    max-width:994px;
    max-height:560px;
}


.annotate-container {
    position: relative;
}

    .annotate-container > [id^=baseLayer] {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        background: grey;
    }

    .annotate-container > [id^=drawingLayer] {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        background: transparent;
    }

    footer{
        font-size:10pt;
        padding:10px 20px;
    }

span[title="Group"]:before {
    font-family: FontAwesome;
    content: "\f111";
    color: #034964;
    padding-right: 5px;
}

span[title="Company"]:before {
    font-family: FontAwesome;
    content: "\f111";
    color: #05658a;
    padding-right: 5px;
}

span[title="Brand"]:before {
    font-family: FontAwesome;
    content: "\f111";
    color: #077fae;
    padding-right: 5px;
}

span[title="Country"]:before {
    font-family: FontAwesome;
    content: "\f111";
    color: #0995cc;
    padding-right: 5px;
}

span[title="City"]:before {
    font-family: FontAwesome;
    content: "\f111";
    color: #0ba5e1;
    padding-right: 5px;
}
span[title="Location/Property"]:before {
    font-family: FontAwesome;
    content: "\f111";
    color: #0db2f2;
    padding-right: 5px;
}
span[title="Department"]:before {
    font-family: FontAwesome;
    content: "\f111";
    color: #20baf6;
    padding-right: 5px;
}
span[title="Unit"]:before {
    font-family: FontAwesome;
    content: "\f111";
    color: #34c1f8;
    padding-right: 5px;
}


a[title="Group"]:before, span[title="Group"]:before {
    font-family: FontAwesome;
    content: "\f111";
    color: #034964;
    padding-right: 5px;
    font-size: 9pt;
}

a[title="Company"]:before, span[title="Company"]:before {
    font-family: FontAwesome;
    content: "\f111";
    color: #058a10;
    padding-right: 5px;
    font-size: 9pt;
}

a[title="Brand"]:before, span[title="Brand"]:before {
    font-family: FontAwesome;
    content: "\f111";
    color: #ae6007;
    padding-right: 5px;
    font-size: 9pt;
}

a[title="Country"]:before, span[title="Country"]:before {
    font-family: FontAwesome;
    content: "\f111";
    color: #cc4d09;
    padding-right: 5px;
    font-size: 9pt;
}

a[title="City"]:before, span[title="City"]:before {
    font-family: FontAwesome;
    content: "\f111";
    color: #e1d00b;
    padding-right: 5px;
    font-size: 9pt;
}

a[title="Location/Property"]:before, span[title="Location/Property"]:before {
    font-family: FontAwesome;
    content: "\f111";
    color: #0a8334;
    padding-right: 5px;
    font-size: 9pt;
}

a[title="Department"]:before, span[title="Department"]:before {
    font-family: FontAwesome;
    content: "\f111";
    color: #1bb806;
    padding-right: 5px;
    font-size: 9pt;
}

a[title="Unit"]:before, span[title="Unit"]:before {
    font-family: FontAwesome;
    content: "\f111";
    color: #47d807;
    padding-right: 5px;
    font-size: 9pt;
}

a[title="Subunit"]:before, span[title="Subunit"]:before {
    font-family: FontAwesome;
    content: "\f111";
    color: #89bd72;
    padding-right: 5px;
    font-size: 9pt;
}
.inputdate {
    height: 18px;
    height: 25px;
    background: #d6eaea;
    margin-left: 8px;
    color:#000;
}

.enlarged-image {
    position: fixed;
        z-index: 100000;
        top: 20px;
        left: 0;
        border: 2px solid #000;
        right: 0;
        margin: auto;
        width: fit-content;
}
.select2plus {
    width: 92%!important;
}
.plusbtn {
  font-size: 15px;
}
.btn-design2 {
    height: 27px;
    padding-top: 3px;
    border-radius: 5px !important;
}

.emptypage{

}
.emptypage img{
    width:130px;

}
.emptypage p{
    margin: 20px 0;
}
.disableopt {
    pointer-events: none;
    opacity: 0.4;
}
.lstheader {
    padding-left: 6%;
}
.filemenu {
    margin: 0px 0px 0px 87px !important;
    width: 82px !important;
    min-width: 50px !important;
}
.nav-tabs a {
    padding: 5px 10px 0px 10px !important;
   
}
.nav-tabs .active a {
    background-color: #f3f1f1 !important;
}
.tabdata {
    margin-top: 20px!important;
}
.tab-content{
    margin-bottom:50px;
}

.formfooter {
    background-color: #f3f1f1;
    padding: 5px 0;
    text-align: center;
    color:#b5b5b5;
    margin:0;
}

    .formfooter span {
        font-size: 9pt;
    }

    .formfooter label {
        display: block;
    }
@media(min-width:767px) {
    form .container-fluid {
        min-height: 77.5vh;
    }
}

/**checkbox switch*/
.switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 22px;
}

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

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

    .slider:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #7e7778;
}

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

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

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

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

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

* {
    outline: 0 !important
}

/*library page*/
.searchbar {
    width: 100%;
    position: relative;
    display: flex;
}

.searchTerm {
    width: 100%;
    border: 3px solid #00B4CC;
    border-right: none;
    padding: 5px;
    border-radius: 5px 0 0 5px;
    outline: none;
    color: #9DBFAF;
}

    .searchTerm:focus {
        color: #00B4CC;
    }

.searchButton {
    width: 40px;
    height: 38px;
    border: 1px solid #00B4CC;
    background: #00B4CC;
    text-align: center;
    color: #fff;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    font-size: 20px;
}

/*Resize the wrap to see the search bar change!*/
.wrap {
    width: 30%;
    /*position: absolute;
    
    transform: translate(-50%, -50%);*/
}
.locmenu {
    list-style-type: none;
    padding-left: 0px;
}
    .locmenu li {
        padding-left: 15px;
        
    }
    .locmenu li:hover {
        background: #f7f6f6;
    }


.dTable {
    margin: 20px 15px;
    font-size: small;
}

    

    .dTable .row {
        border-bottom: 1px solid #e4e7ea;
    }

@media (min-width:777) {
    .dTable .row:hover {
        transform: scale(1.01);
    }
}

.dTable .row:hover .dCol {
    background-color: #fafafa;
    /*box-shadow:2px 2px 4px #cbcbcb;*/
}

.dCol input {
    width: 100%;
}

.dTable .row:hover .dAction {
    color: #fff;
}

.dTable .dCol {
    padding: 8px 10px;
    font-size: 1.1em;
}

.dTable a {
    text-decoration: none;
    color: #666;
}

.dTable .dAction {
}

.dTable .row:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.dTable .dAction span {
    margin-right: 20px;
}
.inputlist{
    margin-top:0px !important;
}
    

.loc-default-li {
    list-style: none;
   
   
    margin: 2px 5px;
   
    cursor:pointer;
}
    .loc-default-li label {
        width: 100%;
        border-radius: 4px;
        padding: 4px;
        cursor:pointer;
        background-color: #e1e1e1;
    }
        .loc-default-li label:hover {
            background-color: #bbd4e4;
        }
    .loc-default-li .ng-valid-parse+label {
        color:#fff;
        background-color: #6d9db9;
    }



.import-docs .fa-files-o {
    background-color: #788c92;
    padding: 7px;
    color: #fff;
    border-radius: 3px;
    border: 1px solid #808080;
}

.import-docs .ex-link {
    background-color: #788c92 !important;
    padding: 4px 5px;
    color: #fff;
    border-radius: 3px;
    border: 1px solid #808080;
    margin: 0 4px;
}

    .import-docs .ex-link .fa-link {
        transform: rotate( -45deg );
    }

.import-docs sup {
    border: 1px solid #4c4b4b;
    padding: 0 3px;
    margin-left: -14px;
    color: #fff;
    top: -14px;
    border-radius: 50%;
    background-color: #e2660e;
}
.small-coloured-lbl {
    font-size: 13px;
    color: #0880b5;
    width: 100%;
}

.sandbox-timer {
    text-align: center;
    position: fixed;
    margin: 0 auto;
    top: 0;
    left: 45%;
    right: 50%;
    height: 44px;
    width: 150px;
    background-color: rgb(243, 241, 241);
    color: #fb1d1d;
    border-radius: 0 0 8px 8px;
    box-shadow: 1px 1px 5px #d2d2d2;
}

    .sandbox-timer span {
        font-size: 9pt;
        color: #929292;
    }

    .sandbox-timer h4 {
        margin: 0;
        font-size: 16px;
    }
.lst-clients {
    text-align: center;
    position: fixed;
    margin: 0 auto;
    top: 0;
    left: 45%;
    right: 50%;
    height: 44px;
    width: 150px;
    background-color: rgb(243 241 241 / 61%);
    padding-top: 10px;
    color: #fb1d1d;
    border-radius: 0 0 8px 8px;
    box-shadow: 1px 1px 5px #d2d2d2;
}


.excel-modal{
    color:#000;
}