:root {
    --color-blue-500: 10,108,255;
    --color-gray-0: 255,255,255;
    --color-default: 28,29,31;
    --color-border: 60,62,67;
    --fs12: 10;
}



body {
    padding-top: 50px;
    font-family: Roboto, sans-serif;
}

/* Chrome, Safari, and Edge */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px rgba(228, 158, 38, .05) inset !important;
    -webkit-text-fill-color: #555 !important;
    box-shadow: 0 0 0 30px rgba(228, 158, 38, .05) inset !important;
}
/* The below addition was essential for the light blue background to be completely overridden */
    input:-webkit-autofill,
    input:-webkit-autofill:focus {
        transition: background-color 0s 600000s, color 0s 600000s !important;
    }

/*input.secondary-input:-webkit-autofill,
input.secondary-input:-webkit-autofill:hover,
input.secondary-input:-webkit-autofill:focus,
input.secondary-input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px rgba(228, 158, 38, .05) inset !important;*/ /* lightyellow */
    /*-webkit-text-fill-color: #555 !important;
    box-shadow: 0 0 0 30px rgba(228, 158, 38, .05) inset !important;
}*/

input[type="radio"] {
    accent-color: lightgoldenrodyellow;
}
input[type="checkbox"] {
    accent-color: darkgoldenrod;
}

/* rgba(228, 158, 38, .19)*/

h3 {
    margin-top: 2px;
    margin-bottom: 2px;
}

h4 {
    font-family: Calibri, 'Trebuchet MS', sans-serif;
}

.navbar-toggle .icon-bar {
    background-color: #fff;
}


/*@media all and (min-width:768px){
   .col-md-6 .no-collapse{
       width:100% !important;
   }
}

.no-collapse {
    width: 100% !important;
}

*/
/* Accordion Control*/
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
    min-height: 40px;
    display: table-cell;
    /*background-color: #4cb69f; */ /* Green */
    /*background-color: rgb(213,130,46);*/ /* goldenrod; */ /* #FFB520;*/
    background-color: #EDE9E1;
    background-color: rgba(202, 193, 184,.5);
    color: #777777;
    cursor: pointer;
    padding: 0px 18px;
    width: 100%;
    vertical-align: middle;
    text-align: left;
    border: solid 1px white;
    /*border-bottom-style: inset;*/
    border-radius: 7px;
    outline: none;
    transition: 0.4s;
    -webkit-tap-highlight-color: transparent;
}

    .accordion.active {
        /*background-color: #FFAA00;*/ /* #FFB520;*/
        /* background-color: #CAC1BB;*/
        /*        background-color: #F0E8D7;
        color: #444;*/
        /*background-color: rgba(202, 193, 184,.5);*/
        background-color: rgb(129, 126, 122);
        color: white;
        /* #CAC1B8 */
    }

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
/*.active, .accordion:hover {
        background-color: ivory;
    }*/

/* Style the accordion panel. Note: hidden by default */
.panel {
    padding: 0px;
    background-color: white;
    /*display: none;*/
    overflow: hidden;
}

/*.panel-title {
    position: relative;
}*/

/*.accordion::after {
    content: "\f107";
    color: #fff;*/
/*top: -2px;*/
/*right: 15px;
    position: absolute;
    font-family: "FontAwesome"
}*/

/*.panel-title::before {
    content: "\f107";
    color: #fff;
    position: absolute;
    font-family: "FontAwesome"
}*/

/*.accordion[aria-expanded="true"]::after {
    content: "\f106";
}*/

/* Below CSS is used on Mass Change window */

.panelMC {
    border: 1px solid #ccc;
    margin-top: 5px;
    overflow: hidden;
}

.panelMC-header {
    /*background-color: #f2f2f2;*/
    background-color: #EDE9E1;
    color: #7F7F7D;
    padding: 10px;
    cursor: pointer;
}

.panelMC-content {
    padding: 10px;
    display: none;
}

.panel-icon-collapsed::before {
    content: "\f067"; /* FontAwesome chevron-right icon for collapsed state */
    font-family: FontAwesome;
}

.panel-icon-expanded::before {
    content: "\f068"; /* FontAwesome chevron-down icon for expanded state */
    font-family: FontAwesome;
}


/* End of Accordion control*/

/* BOOTSTRAP SWITCH MODIFICATIONS  */
div.bootstrap-switch-container {
    /* height: 25px !important;*/
}

.bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label {
    padding: 3px 12px !important;
    /*  height: 25px !important;*/
}

div.bootstrap-switch {
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 0px;
}

.bootstrap-switch {
    /* height:28px !important;*/
}



/* CSS BUBBLES */

.triangle-isosceles {
    position: relative;
    padding: 15px;
    margin: 1em 0 3em;
    color: #000;
    background: #f3961c; /* default background for browsers without gradient support */
    /* css3 */
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
    background: -moz-linear-gradient(#f9d835, #f3961c);
    background: -o-linear-gradient(#f9d835, #f3961c);
    background: linear-gradient(#f9d835, #f3961c);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    /* creates triangle */
    .triangle-isosceles:after {
        content: "";
        position: absolute;
        bottom: -15px; /* value = - border-top-width - border-bottom-width */
        left: 50px; /* controls horizontal position */
        border-width: 15px 15px 0; /* vary these values to change the angle of the vertex */
        border-style: solid;
        border-color: #f3961c transparent;
        /* reduce the damage in FF3.0 */
        display: block;
        width: 0;
    }

    /* Variant : for top positioned triangle
------------------------------------------ */

    .triangle-isosceles.top {
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#f3961c), to(#f9d835));
        background: -moz-linear-gradient(#f3961c, #f9d835);
        background: -o-linear-gradient(#f3961c, #f9d835);
        background: linear-gradient(#f3961c, #f9d835);
    }

        .triangle-isosceles.top:after {
            top: -15px; /* value = - border-top-width - border-bottom-width */
            right: 50px; /* controls horizontal position */
            bottom: auto;
            left: auto;
            border-width: 0 15px 15px; /* vary these values to change the angle of the vertex */
            border-color: #f3961c transparent;
        }

.triangle-border {
    position: relative;
    padding: 5px;
    margin: 1em 0 1em;
    border: 3px solid #5a8f00;
    color: #333;
    background: #fff;
    font-size: smaller;
    /* css3 */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    .triangle-border:before {
        content: "";
        position: absolute;
        bottom: -15px; /* value = - border-top-width - border-bottom-width */
        left: 40px; /* controls horizontal position */
        border-width: 15px 17px 0;
        border-style: solid;
        border-color: #5a8f00 transparent;
        /* reduce the damage in FF3.0 */
        display: block;
        width: 0;
    }

    /* creates the smaller  triangle */
    .triangle-border:after {
        content: "";
        position: absolute;
        bottom: -13px; /* value = - border-top-width - border-bottom-width */
        left: 47px; /* value = (:before left) + (:before border-left) - (:after border-left) */
        border-width: 13px 13px 0;
        border-style: solid;
        border-color: #fff transparent;
        /* reduce the damage in FF3.0 */
        display: block;
        width: 0;
    }

    /* Variant : top left
------------------------------------------ */

    /* creates the larger triangle */
    .triangle-border.top:before {
        top: -13px; /* value = - border-top-width - border-bottom-width */
        bottom: auto;
        left: 40px;
        right: auto; /* controls horizontal position */
        border-width: 0 15px 13px;
    }

    /* creates the smaller  triangle */
    .triangle-border.top:after {
        top: -8px; /* value = - border-top-width - border-bottom-width */
        bottom: auto;
        left: 47px;
        right: auto; /* value = (:before right) + (:before border-right) - (:after border-right) */
        border-width: 0 8px 10px;
    }

    /* Variant : top right
------------------------------------------ */

    /* creates the larger triangle */
    .triangle-border.top.right:before {
        top: -20px; /* value = - border-top-width - border-bottom-width */
        bottom: auto;
        left: auto;
        right: 40px; /* controls horizontal position */
        border-width: 0 20px 20px;
    }

    /* creates the smaller  triangle */
    .triangle-border.top.right:after {
        top: -13px; /* value = - border-top-width - border-bottom-width */
        bottom: auto;
        left: auto;
        right: 47px; /* value = (:before right) + (:before border-right) - (:after border-right) */
        border-width: 0 13px 13px;
    }


/* END OF CSS BUBBLES */


/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

textarea:focus {
    outline: none !important;
    border-color: #FFA726;
    box-shadow: 0 0 5px #FFA726;
}


/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

/* If applying this style you must also set height and width of the div */
.CenterDiv {
    margin-left: 20vw;
    margin-right: 20vw;
}
/*
@media (min-width: 400px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 
    {
    float: left;
}*/

.DocListIcon {
    height: 23px;
    /*    width: 18px;*/
}


/*{
    box-sizing: border-box;
}*/

.drop-highlight {
    background-color: yellow;
    color: red;
}

#LRPanel {
    position: absolute;
    width: 100%;
    height: 90vh;
}

#LeftPane,
#RightPane {
    top: 0;
    height: 100%;
    position: absolute;
    /*   padding: 2px;*/
    color: #707070;
}

#LeftPane {
    left: 0;
    /*background: lightgrey;*/
    /*border-right: 2px solid #DADADF;*/
    padding-left: 8px;
    z-index: 0;
}

#RightPane {
    right: 0;
    background: white;
    padding-left: 0px;
    margin-right: 15px;
    padding-right: 10px;
}


#SearchLRPanel {
    position: absolute;
    width: 100%;
    height: 90vh;
}

#SearchLeftPane,
#SearchResultsPane {
    top: 0;
    height: 100%;
    position: absolute;
    padding: 2px;
    color: black;
}

#SearchLeftPane {
    width: 20%;
    min-width: 220px;
    left: 0;
    height: 100%;
    /*background: lightgrey;*/
}

#SearchResultsPane {
    width: 80%;
    right: 0;
    background: white;
    /*border-left: 2px solid #DADADF;*/
}

#tblSearchResults_filter {
    font-size:12px;
}

#tblFolderSearchResults_filter {
    font-size: 12px;
}

.ui-resizable-e {
    background-color: #DADADF;
    width: 3px;
    right: 0px;
}


.SendDocInstructions ul li {
    padding-left: 0px;
    margin-left: 0px;
}

.CheckBoxText {
    font-weight: 400;
}

.SendViewLink {
    padding-top: 0px;
    padding-bottom: 0px;
    box-shadow: 0px 0px 2px #777;
}

    .SendViewLink td {
        padding: 0px;
    }

        .SendViewLink td input {
            margin-top: 0px;
        }

    .SendViewLink tr {
        line-height: normal;
        margin-top: 0px;
    }

/* Could not get a generic class to work to apply this style as it is overridden by nav.less, so targeting the IDs*/

/*#TabFolderOptions li.active a {
    border-bottom: 0;*/
/*background-color: black;*/
/*background-image: linear-gradient(to right, rgba(0,0,0,1), #555);
    color: white;
    font-weight: bold;
}

#TabFolderOptions li a {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;*/
/*background-image: linear-gradient(to bottom, goldenrod, #f8cb43);*/
/*color: white;*/
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+50,f8b500+51,fbdf93+100; */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0b7a1+0,8c3310+50,752201+51,bf6e4e+100;Brown+Gloss */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f3e2c7+0,c19e67+50,b68d4c+51,e9d4b3+100;L+Brown+3D */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b7846b+0,4d3123+54,3e2316+54,4d3123+54,775a4b+100 */
/*background: #b7846b;*/ /* Old browsers */
/*background: -moz-linear-gradient(top, #b7846b 0%, #4d3123 54%, #3e2316 54%, #4d3123 54%, #775a4b 100%);*/ /* FF3.6-15 */
/*background: -webkit-linear-gradient(top, #b7846b 0%,#4d3123 54%,#3e2316 54%,#4d3123 54%,#775a4b 100%);*/ /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom, #b7846b 0%,#4d3123 54%,#3e2316 54%,#4d3123 54%,#775a4b 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7846b', endColorstr='#775a4b',GradientType=0 );*/ /* IE6-9 */
/*}

#TabFolderGeneral {
    padding: 8px 10px 8px 0px;
}*/

#TabFolderOptions li.active a {
    border-bottom: 0;
    background: rgb(213,130,46);
    color: #fff;
    font-weight: bold;
}

#TabFolderOptions li a {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    /*background-image: linear-gradient(to bottom, goldenrod, #f8cb43);*/
    color: white;
    background: #FFA726;
}

#TabOptions li.active a {
    border-bottom: 0;
    /*background-color: black;*/
    /* background-image: linear-gradient(to right, rgba(0,0,0,1), #555);*/
    /* background-image: linear-gradient(to top,rgba(213,130,46,1), #555);*/
    background: rgb(213,130,46);
    color: #fff;
    font-weight: bold;
}

#TabOptions li a {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    /*background-image: linear-gradient(to bottom, goldenrod, #f8cb43);*/
    color: white;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+50,f8b500+51,fbdf93+100; */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0b7a1+0,8c3310+50,752201+51,bf6e4e+100;Brown+Gloss */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f3e2c7+0,c19e67+50,b68d4c+51,e9d4b3+100;L+Brown+3D */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#444444+0,4d3123+54,3e2316+54,4d3123+54,775a4b+100 */
    /* background: #444444;*/ /* Old browsers */
    /* background: -moz-linear-gradient(top, #444444 0%, #4d3123 54%, #3e2316 54%, #4d3123 54%, #775a4b 100%); */ /* FF3.6-15 #4d3123 */
    /*background: -webkit-linear-gradient(top, #444444 0%,#4d3123 54%,#3e2316 54%,#4d3123 54%,#775a4b 100%);*/ /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom, #444444 0%,#4d3123 54%,#3e2316 54%,#4d3123 54%,#775a4b 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#775a4b',GradientType=0 );*/ /* IE6-9 */
    /*   background-color: rgba(228,114,38, 0.1);
    background-image: linear-gradient(rgb(255,167,38), rgb(255,152,0));*/
    /*  border: solid 1px rgb(228,114,38);*/
    /* background: hsla(30, 67%, 51%, 1);*/
    /*background: #FFA726;*/
    background: #e9a33c; /* A little darker than the above */
    /* color: #D5822E;*/
    /* background: linear-gradient(360deg, hsla(30, 67%, 51%, 1) 20%, hsla(36, 100%, 57%, 1) 63%);
    background: -moz-linear-gradient(360deg, hsla(30, 67%, 51%, 1) 20%, hsla(36, 100%, 57%, 1) 63%);
    background: -webkit-linear-gradient(360deg, hsla(30, 67%, 51%, 1) 20%, hsla(36, 100%, 57%, 1) 63%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#D5822E", endColorstr="#FFA726", GradientType=1 );*/
}

.TabStrip {
    border-right: solid 2px white;
}

.tab-pane {
    /*background: #F9F9F9;*/ /* #f1f2e9;*/
    /*background: -moz-linear-gradient(top, #F9f9f9 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);*/ /* FF3.6-15 */
    /*background: -webkit-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);*/ /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom, #FFFFFF 0%,#F9f9f9 50%,#EEEEEE 75%,#E2E2E2 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 );*/ /* IE6-9 */
    padding: 10px 10px 5px 10px;
}

.tab-content > .active {
    display: block;
    border-left: solid 2px #D5822E;
    border-top-left-radius: 8px;
    border-bottom: solid 2px #d5822e;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-left: 1px;
}

.nav-tabs {
    border-bottom: 2px solid #D5822E;
}

.OptionTabs {
    border-right: solid 2px #D5822E;
    border-bottom-right-radius: 8px;
    /*  border-top-right-radius: 8px;*/
}


/*#tabGeneral {
    padding: 8px 10px 8px 0px;
}*/


/* SEARCH Functions CSS */

.divHideSearch {
    width: 500px;
    /*height: 500px;*/
    border: 5px solid #555;
    background-color: #ccc;
    position: fixed;
    top: 100px;
    left: -475px;
    border-radius: 0 1em 1em 0;
    padding: 5px;
    -webkit-transition: all 0.5s ease-in-out;
    z-index: 1;
}

.HighlightOption {
    background-color: khaki;
}


.divHideSearch:hover {
    left: -470px;
}

.divHideSearch.show {
    left: -5px;
}

.divHideSearch a.controller {
    position: absolute;
    right: 0px;
    top: 0px;
    text-decoration: none;
    -webkit-transition: all 0.5s ease-in-out;
    color: black;
    font-weight: bold;
}

.divHideSearch.show a.controller {
    -webkit-transform: rotate(180deg);
}

.divSearchResults {
    width: 100%;
}


#showHideLink {
    font-size: 16px;
    font-weight: bold;
}


.LinkColor {
    color: #EDA71D;
}
/*
    background: -webkit-linear-gradient(white, #734026); /* For Safari 5.1 to 6.0 */
/*    background: -o-linear-gradient(white, #734026); /* For Opera 11.1 to 12.0 */ /*
    background: -moz-linear-gradient(white, #734026); /* For Firefox 3.6 to 15 */
/*    background: linear-gradient(white, #734026); /* Standard syntax */

.LoginBox {
    border-top: 0px;
    /* border-left: solid 1px #584941;
    border-right: solid 1px #584941;
    border-bottom: solid 1px #584941;*/
    max-width: 400px;
    margin: auto;
}

@media (max-width: 767px) {
    .LoginBox {
        max-width: 80vw;
        max-height: 70vh;
        /*margin:5vh 3vw;*/
    }
}

.DialogHeading {
    padding-left: 15px;
    height: 40px;
    /*background-image: linear-gradient(to right, rgba(1,115,199,1), rgba(1,115,199,0.85));*/
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4c4c4c+0,595959+12,666666+25,474747+39,2c2c2c+50,000000+51,111111+60,2b2b2b+76,1c1c1c+91,131313+100;Black+Gloss+%231 */
    background: #4c4c4c; /* Old browsers */
    background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
    color: white; /* #7F7F7D;*/
    font-weight: bold;
    margin-left: 1px;
    margin-right: 1px;
}

.DialogBody {
    padding: 20px;
    /* background-color: #f0e68c*/
    background-color: rgba(218,165,32,0.1);
}

.LogoTextColor {
    /*color: #584941;*/
    color: #636363;
}

/*.dataTables_filter > label > input {
    border:solid blue 1px;
}*/

.PropertyLabel {
    font-weight: 700;
}


.OptionButtons {
    /*width: 80px;*/
    height: 25px;
    background-color: black;
    font-size: 12px;
    color: white;
}

    .OptionButtons > active {
        /*width: 80px;*/
        height: 25px;
        background-color: white;
        font-size: 12px;
        color: black;
    }

.OptionHeading {
    background-color: rgb(245,245,245);
    border-bottom: 2px solid #DADADF;
    border-top: 1px solid #DADADF;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    height: 40px;
    padding-top: 10px;
}

/*.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}*/


/* Bootstrap Overrides */

.btn-primary {
    color: #ffffff;
    /*background-color: #D09011;*/
    /*background-color: #8e4825;*/
    /*background-color: #584941;*/
    background-color: #958379; /*Nice lighter brown/beige color*/
    /* background-color: rgb(74,67,67);*/ /* Gray/Brown */
    /* */
    border-color: #AFA696;
    /*border-color:  #9d877b;*/
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary {
        color: #ffffff;
        background-color: #756157;
        border-color: #285e8e;
    }

.btn-custom {
    background-color: rgb(199,186,158); /* E7E1D5 */
    border-color: rgb(162, 140, 93);
}

    .btn-custom:hover,
    .btn-custom:focus,
    .btn-custom:active,
    .btn-custom.active,
    .open .dropdown-toggle.btn-custom {
        color: #ffffff;
        background-color: rgba(199,186,158,.2);
        border-color: rgb(227, 221, 206);
    }


.dropdown > .btn > .caret {
    float: right;
    margin: 6px 0;
    /*// if you are using Less, the you can reuse the actual vertical padding // margin: @padding-base-vertical 0;*/
}

.expand_caret {
    transform: scale(1.6);
    margin-left: 8px;
    margin-top: -4px;
}

a[aria-expanded='false'] > .expand_caret {
    transform: scale(1.6) rotate(-90deg);
}

.container-custom {
    padding-right: 5px;
    padding-left: 5px;
    margin-right: 5px;
    margin-left: 5px;
}

/*.container-custom-2 {
    margin-left:15px;
    margin-right:15px;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
 

}*/

.CustomDialog {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 300px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 100;
}



#divFolderSecurity .dataTables_scrollBody {
    overflow-x: hidden !important;
}

/*#tblObjectResults_wrapper.dataTables_scroll.dataTables_scrollBody {
    overflow:unset;
}*/
/*#tblObjectResults_wrapper dataTables_wrapper dataTables_scroll dataTables_scrollBody {
    overflow: unset;
}*/

/*.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    overflow-x: no-display;
}

*/
.minus-8-height {
    margin-top: -6px;
}

/*.FilterBox {
    margin-top: -5px;
}*/

.datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active {
    background-color: black;
    color: white;
    border-bottom-color: white;
}

.datepicker table {
    background-color: rgb(255,247,230);
    /*border-color: #f3961c;*/
    border-color: #f0e8d7;
}

    .datepicker table tr td, .datepicker table tr th {
        border: solid 1px white;
    }

th.datepicker-switch {
    border-radius: 0px;
}

.datepicker-switch {
    /*background-color: blanchedalmond;*/
    /*background-color: #f3961c;*/
    background-color: #f0e8d7;
}

    .datepicker-switch:hover {
        background-color: #ffeebc !important;
    }

.datepicker .prev, .datepicker .next {
    /*background-color: #f3961c;*/
    background-color: #f0e8d7;
}

    .datepicker .prev:hover, .datepicker .next:hover {
        background-color: #ffeebc;
    }

/*.next:before {
    content: "\2192";
}*/

.datepicker-dropdown {
    /*border: solid 2px #f3961c;*/
    border: solid 2px #f0e8d7;
    z-index: 100 !important;
}

.day:hover {
    background-color: #ffeebc !important;
}

.dropzone {
    /*border: #f8e943 dashed 3px !important;*/
    border: #986637 dashed 3px !important;
    padding: 15px;
    /*background-color:#f8e943;*/
    /* width: 200px;*/
}

    .dropzone .fileupload_label #frmFileUpload {
        display: none;
    }

form, #progress, input, .form-actions, #files {
    margin: 3px 0;
}

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

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 3px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #e9e4e2; /* Controls the border color for text boxes*/
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

    .form-control.Max250 {
        max-width: 250px;
    }

.form-control-smaller.Max250 {
    max-width: 250px;
}

.form-control:focus {
    border-color: #c9bcb6; /* Controls the highlighted box border*/
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(233, 228, 226, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(233, 228, 226, 0.6);
}


/* Custom form entry textbox based on form-control*/
.form-control-smaller, .dataTables_filter > label > input, .dataTables_length > label > select {
    display: inline-block;
    height: 25px;
    padding-left: 4px;
    font-size: 12px;
    /*width:100%;*/
    /*line-height: 1.42857143;*/
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
    /*.form-control-smaller:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}*/

    .form-control-smaller:focus {
        outline: none !important;
        border-color: lightgray;
        box-shadow: 0 0 5px lightgray;
    }


    .form-control-smaller::-moz-placeholder {
        color: #999;
        opacity: 1;
    }

    .form-control-smaller:-ms-input-placeholder {
        color: #999;
    }

    .form-control-smaller::-webkit-input-placeholder {
        color: #999;
    }

    .form-control-smaller.rdsearch {
        /* border: 1px solid #FFEABF;*/
        border: 1px solid #f0E8D7;
    }

        .form-control-smaller.rdsearch:focus {
            /*border-color: yellow;*/
            outline: none !important;
            /*border-color: #FFA726;*/
            border-color: #ECE7E2;
            box-shadow: 0 0 5px #FFA726;
        }

/*.context-menu-icon-delete:before {
    color: #D5822E !important;
}
*/

/*.context-menu-separator {*/
/*   padding: 0;
    margin: .35em 0;*/
/*border-bottom: 1px solid #D5822E !important;
}*/

.context-menu-item {
    min-height: 18px;
    background-repeat: no-repeat;
    background-position: 4px 4px;
}

.context-menu-not-selectable {
    min-height: 0px;
}

.context-menu-icon-ViewDoc {
    background-image: url("/Content/Images/Menu/search.svg");
}

.context-menu-icon-DocProperties {
    background-image: url("/Content/Images/Menu/card-list.svg");
}

.context-menu-icon-DocRename {
    background-image: url("/Content/Images/Menu/pencil-square.svg");
}

.context-menu-icon-DocShare {
    background-image: url("/Content/Images/Menu/box-arrow-up-right.svg");
}


.context-menu-icon-DocDelete {
    background-image: url("/Content/Images/Menu/trash.svg");
}

.context-menu-icon-OpenToFolder {
    background-image: url("/Content/Images/Menu/folder2-open.svg");
}


.context-menu-icon-DocExport {
    background-image: url("/Content/Images/Menu/download.svg");
}

.context-menu-icon-DocExport svg {
    color: blue;
   stroke: blue;
}

svg {
    color: #d5822e !important;
}


.context-menu-icon-DocHistory {
    background-image: url("/Content/Images/Menu/h-square.svg");
}

.context-menu-icon-RotateLeft {
    background-image: url("/Content/Images/Menu/arrow-counterclockwise.svg");
}

.context-menu-icon-RotateRight {
    background-image: url("/Content/Images/Menu/arrow-clockwise.svg");
}



    /* CUSTOMIZING RIGHT CLICK MENUS FOR BACKCOLOR*/


    .context-menu-item.context-menu-hover {
    background-color: rgba(218,165,32,0.5) !important;
    color: black !important;
    font-weight: 700;
    border: solid 1px #D5822E;
    padding-right: 4px;
    /*margin: 0px;*/
}

.dropdown-menu li a:hover {
    background-color: rgba(218,165,32,0.5) !important;
    color: black !important;
    font-weight: 700;
    border: solid 1px #D5822E;
}


.edit-control-smaller, .dataTables_filter > label > input, .dataTables_length > label > select {
    display: inline-block;
    height: 25px;
    padding-left: 4px;
    font-size: 12px;
    /*line-height: 1.42857143;*/
    color: #555;
    background-color: #F2F1F0; /* #f4f4f4;*/
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    .edit-control-smaller:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    }

    .edit-control-smaller::-moz-placeholder {
        color: #999;
        opacity: 1;
    }

    .edit-control-smaller:-ms-input-placeholder {
        color: #999;
    }

    .edit-control-smaller::-webkit-input-placeholder {
        color: #999;
    }

.editable {
    margin-top: 1px;
    margin-bottom: 1px;
}





/*.navbar-nav >li > a:last-child{
    padding-top:0px;
}*/


.no-left-pad {
    padding-left: 0px;
}

.panel-default > .panel-heading {
    background-color: #EDE9E1;
    color: #7F7F7D;
    /*margin-top:6px;*/
}

#txtCLEmailBody {
    border: solid .5px #ccc;
    /*max-width: 280px;*/
    width: 98%;
}

#txtCLViewLink {
    border: solid .5px #ccc;
    width: 98%;
}

.view-heading {
    /*height:50px;*/
    /* min-height:40px;*/
    /*margin-top:5px;*/
    padding-left: 5px;
    /*padding-top:10px;*/
    /*padding-bottom:15px;*/
    font-weight: 700;
    font-size: 16px;
    font-style: italic;
   /* margin-bottom: 10px;*/
}

.SearchLabels {
    font-size: 14px;
    font-weight: 600;
}





.panel-primary {
    border: solid 1px #AFA696;
    border-top-width: 3px;
    border-bottom-width: 3px;
}

.RemovePadding {
    padding-left: 0px;
    padding-right: 0px;
}

.MarginLeft10 {
    margin-left: 10px !important;
}

table.dataTable tbody td {
    padding: 2px 3px 2px 3px;
}

.dataTables_empty {
    color: darkred;
}

.ui-datatable-footer.ui-widget-header.ui-corner-bottom {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.ui-paginator.ui-paginator-top.ui-widget-header.ui-corner-top {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.ui-paginator-rpp-options.ui-widget.ui-state-default.ui-corner-left {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}


.ImageLinks {
    padding-left: 5px !important;
    padding-right: 5px !important;
}


.oss-btn {
    display: inline-block;
    margin-bottom: 0px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.4285;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



.oss-btn-primary {
    color: #ffffff;
    background-color: #584941;
    border-color: #AFA696;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.33;
    border-radius: 5px;
}

    .oss-btn-primary:hover, .oss-btn-primary:focus {
        background-image: -webkit-linear-gradient(top, #f0ad00 43%, #f8cb43 64%);
        background-image: -o-linear-gradient(top, #f0ad00 43%, #f8cb43 64%);
        background-image: linear-gradient(to bottom, #f0ad00 43%, #f8cb43 64%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad00', endColorstr='#fff8cb43', GradientType=0);
        border: 1px solid #CDAB4A;
        border-bottom: 1px solid #CDAB4A;
    }

    .oss-btn-primary:hover, .oss-btn-primary:focus, .oss-btn-primary:active, .active.oss-btn-primary, .open > .oss-btn-primary.dropdown-toggle {
        color: #ffffff;
        background-color: #c19500;
        border-color: #b78d00;
    }


.MenuLabel {
    float: left;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: ghostwhite;
    font-size: 16px;
}

sidebar {
    resize: both;
    overflow: auto;
}


.tabData {
    color: #333;
    display: inline;
}

    .tabData:hover {
        /*color: #66512c;*/
        color: #8a6d3b;
    }

    .tabData.Smaller {
        font-size: 12px;
    }

#tblUserAccountInfo {
}

    #tblUserAccountInfo td, th {
        padding-left: 4px;
    }

        #tblUserAccountInfo td:first-child {
            color: #595959;
            font-weight: 600;
        }

.SmallTable {
    width: 100%;
    font-size: 12px;
}

    .SmallTable td {
        padding-left: 4px;
    }

.AccountInfoPanel {
    position: fixed;
    z-index: 1001;
    right: 10px;
    background-color: rgb(255,255,255);
    border: solid 1px rgba(218,165,32,.60);
    border-radius: 5px;
    margin: 1px;
    background-clip: padding-box;
    box-shadow: 0px 6px 12px rgba(0,0,0,0.175);
    box-sizing: border-box;
    /*    display: block;*/
    padding: 0px 4px 4px 4px;
    min-width: 260px;
    min-height: 120px;
}


.userMenuButtonWrapper {
    height: 20px;
    padding: 0 4px 0 2px;
    background-color: transparent;
}


.userMenuButton {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 50px;
    padding: 1px;
    /*color: rgb(255,255,255);*/
    /*color: rgb(var(--color-gray-0));*/
    /*background: rgb(60,62,67);*/
    background: rgb(var(--color-default));
    /*background-color: #f9bc06;*/
    /* border: 1px solid white);*/
    /* border: 1px solid rgb(var(--color-border));*/
}

.fill-current {
    fill: white;
}

.h-3 {
    height: 18px;
}

.w-3 {
    width: 18px;
}


.h-4 {
    height: 24px;
}

.w-4 {
    width: 24px;
}

.PropertyContent {
    border-radius: 5px;
    /* background-color: rgba(240, 232, 215, 0.1);
    border-color: rgb(240, 232, 215);*/
    background-color: rgba(228, 114, 38, 0.1);
    border: solid 1px rgb(228, 114, 38);
    padding: 6px;
}

.InformationContent {
    border-radius: 5px;
    background-color: rgba(218,165,32,0.1);
    border: solid 1px rgb(218,165,32);
    padding: 6px;
    color: #8f8a85;
}

.AccountInformation-Banner {
    border-radius: 5px;
    background-color: darkgray;
    padding: 6px;
    box-sizing: border-box;
}

.InformationContent-Banner {
    border-radius: 5px;
    background-color: rgba(218,165,32,0.1);
    border: solid 1px rgb(218,165,32);
    padding: 6px;
    box-sizing: border-box;
}

/* background-color: rgba(218,165,32,0.1);*/

.InformationContent-Gray {
    border-radius: 5px;
    background-color: rgba(120, 120, 117,0.1);
    border: solid 1px rgb(120, 120, 117);
    padding: 4px 6px 4px 6px;
}

.InformationContent-LightGray {
    border-radius: 5px;
    background-color: rgba(237, 233, 225,0.1);
    border: solid 1px rgb(237, 233, 225);
    padding: 6px;
    box-sizing: border-box;
    margin-right: 2px;
}



.ReadyDoc-Panel {
    border-radius: 5px;
    /* f9bc06 */
    background-color: rgba(249,188,06,0.1);
    border: solid 1px rgb(249,188,06);
    padding: 6px;
    font-size: 14px;
}

.selectlist-padding option {
    padding-top: 4px;
    border: thin solid rgba(0, 0, 0, 0.075);
}

    .selectlist-padding option:checked {
        background-color: goldenrod;
        /* background-color: rgb(249,188,06);*/
    }

#tbIndexCardFields {
}

    #tbIndexCardFields td {
        padding: 0px;
        vertical-align: middle;
    }

        #tbIndexCardFields td:first-child {
            padding-left: 5px;
        }


.tDnD_whileDrag {
    /*z-index: 500;*/
    /*width: 90%;*/
    /*margin: -10px;*/
    /*display: table-cell;*/
    /*color: transparent;*/
    /*width: 0px*/
}

    .tDnD_whileDrag td {
        background-color: #eee;
        /*-webkit-box-shadow: 11px 5px 12px 2px #333, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;*/
        -webkit-box-shadow: 6px 3px 5px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;
        /*-moz-box-shadow: 6px 4px 5px 1px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;*/
        /*-box-shadow: 6px 4px 5px 1px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;*/
    }
        /*.tDnD_whileDrag td:first-child {*/
        /*-webkit-box-shadow: 5px 4px 5px 1px #111, 0 1px 0 #ccc inset, 1px -1px 0 #ccc inset;*/
        /*-moz-box-shadow: 6px 3px 5px 2px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset, 1px 0 0 #ccc inset;*/
        /*-box-shadow: 6px 3px 5px 2px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset, 1px 0 0 #ccc inset;*/
        /*}*/
        .tDnD_whileDrag td:last-child {
            /*-webkit-box-shadow: 8px 7px 12px 0 #333, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;*/
            -webkit-box-shadow: 1px 8px 6px -4px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;
            /*-moz-box-shadow: 0 9px 4px -4px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset, -1px 0 0 #ccc inset;*/
            /*-box-shadow: 0 9px 4px -4px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset, -1px 0 0 #ccc inset;*/
        }

.ui-dialog .ui-dialog-title {
    color: white;
    font-size: 16px;
    font-weight: bold;
}

/*.ui-dialog .ui-dialog-content {
    padding: 2px 4px 0px 4px;
}*/

/*u.ui-dialog .ui-dialog-buttonpane {
    background-color: #f1f2e9;
}
*/


.ui-dialog .ui-dialog-titlebar {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4c4c4c+0,595959+12,666666+25,474747+39,2c2c2c+50,000000+51,111111+60,2b2b2b+76,1c1c1c+91,131313+100;Black+Gloss+%231 */
    background: #4c4c4c; /* Old browsers */
    background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
    /*background-color: goldenrod;*/
}

.ui-dialog-titlebar-close {
    padding: 0 !important;
}

    .ui-dialog-titlebar-close:after {
        content: '';
        width: 20px;
        height: 20px;
        display: inline-block;
        /* Change path to image*/
        background-image: url(themes/base/images/ui-icons_777777_256x240.png);
        background-position: -96px -128px;
        background-repeat: no-repeat;
    }

.text-warning {
    color: red;
}

/* Alteernating banded rows */
/*.svRow:nth-of-type(odd) {*/
    /* background-color: #FFEABF;*/
    /*background-color: #F0E8D7;
}*/

.svRow {
    margin-bottom: 5px;
    /* Override the form-group settings */
    margin-left: 2px !important;
    margin-right: 5px !important;
}

.uvRow:nth-of-type(odd) {
    background-color: rgba(218,165,32,0.1);
}

.uvRow {
    margin-bottom: 5px;
    /* Override the form-group settings */
    margin-left: 2px !important;
    margin-right: 5px !important;
}


/* Datatables Stylw  */
/*#tblDocumentIndex tr:nth-child(even) {
    background-color: #F0E8D7;
}

#tblDocumentIndex tr:nth-child(odd) {
    background-color: transparent;
}

#tblDocumentSecurityDetail tr:nth-child(even) {
    background-color: #F0E8D7;
}

#tblDocumentSecurityDetail tr:nth-child(odd) {
    background-color: transparent;
}

#tblDocumentHistory tr:nth-child(even) {
    background-color: #F0E8D7;
}

#tblDocumentHistory tr:nth-child(odd) {
    background-color: transparent;
}*/

/* This setting handles scroll-X and Scroll-Y, which do not work so well when specified within datatables initialization   */
.dataTables_scroll {
    overflow: auto;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #dadadf;
    /*overflow: unset !important;*/
}


div.dataTables_wrapper div.dataTables_info {
    padding-top: 0px;
}

.dataTables_wrapper .dataTables_filter input {
    border: 1px solid #aaa;
    border-radius: 5px;
    padding: 5px;
    background-color: transparent;
    margin-left: 3px;
}

#tblDocumentHistory_wrapper div.dataTables_info {
    padding-top: 10px;
    font-size: 11px;
    font-weight: 600;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .jstree-node {
        /*text-overflow:clip;*/
        overflow: hidden;
    }
}



/*.vakata-context {
    z-index: 1001 !important;
}*/

/*.vakata-context li > a {
    z-index: 0;
}*/
/**/
.control-label-valign {
    padding-top: 5px;
}



#tblDocumentSecurity tbody > tr.selected {
    /*background-color: #D5822E !important;*/
    /*background-color: #FEA900 !important;*/
    background-color: #F2BF6C !important;
    font-weight: 700;
    color: black;
}

/*#tblFolderSecurity {
    max-height:200px;
}*/

/*#tblFolderSecurity tbody > tr.selected {*/
/*background-color: #D5822E !important;*/
/*background-color: #F2BF6C !important;
    color: white;
}*/

table.dataTable tbody > tr.selected, table.dataTable tbody > tr > DocMenu .selected, table.dataTable tbody > tr > .selected {
    background-color: #F0E8D7 !important;
    color: #333333;
}

table.dataTable thead th, table.dataTable thead td {
    /*padding: 10px 18px;*/
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    /* border-bottom: 1px solid #111;*/
}

table.dataTable tbody tr {
    border-bottom: solid 4px #dadadf;
}


.TableColEllipse {
    table-layout: fixed;
    width: 100%;
}


    .TableColEllipse td {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

/*#tblObjectResults tr:nth-child(even) {
    background-color: #fff6df;*/ /* #ffedbf; */
/*}*/




/*#tblObjectResults tr:nth-child(even) .selected {
    background-color: #444444;
}*/


/*#tblObjectResults tr:nth-child(odd) {
    background-color: transparent;
}*/

/*#tblObjectResults thead tr th {
   
    background: rgba(218,165,32,0.1);
    color: black;
    border-left: solid .5px rgb(218,165,32);
}
*/

#tblObjectResults:focus {
    outline: none;
}

#tblObjectResults tbody tr td {
    font-size: 12px;
}





#tblDCReportResults tbody tr:nth-child(even) {
    /*background-color: rgba(1,115,199,0.08);*/
    background-color: #DADADF;
}

.rdcombobox {
    width: auto;
    height: 25px;
    border: 1px solid rgb(217, 202, 177);
    /*font-size: 18px;*/
    font-weight: 600;
    color: #46230F;
    background-color: #F6F4F3;
    border-radius: 5px;
    box-shadow: 2px 2px #ccc;
    padding-left: 3px;
    /*background-image: linear-gradient(to top, rgb(217, 202, 177) 0%, rgb(159, 138, 105) 85%, rgb(140, 121, 90) 86%, rgb(204, 188, 162) 100%);*/
}

    .rdcombobox option {
        font-weight: 600;
    }

/*.rdcombobox select {
        -moz-appearance: none;*/ /* Firefox */
/*-webkit-appearance: none;*/ /* Safari and Chrome */
/*appearance: none;
    }*/

.control-label-appoptions {
    color: #666666;
    font-weight: 600;
}

.SectionHeading {
    font-size: 20px;
    font-weight: 600;
}

.SectionFooter {
    margin-top: 10px;
    border-top: solid 3px rgb(218,165,32);
    margin-bottom: 15px;
}

.SectionSubFooter { /*
   */
    margin-top: 10px;
    border-bottom: solid 3px rgb(218,165,32);
    /* margin-bottom: 15px;*/
}

.RoundedHdr {
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    border: solid 1px rgb(112,112,112);
}

/*.TableStyle thead tr {*/
    /*-khtml-border-radius: 4px 4px 4px 4px;*/
    /*-moz-border-radius: 4px 4px 4px 4px;*/
    /*-ms-border-radius: 4px 4px 4px 4px;*/
    /*-o-border-radius: 4px 4px 4px 4px;*/
    /*-webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    border: solid 1px rgb(112,112,112);
}*/

.TableStyle1.DocList thead tr th {
    /*background: rgba(68,68,68,1);
    background: -moz-linear-gradient(top, rgba(68,68,68,1) 0%, rgba(28,28,28,1) 9%, rgba(0,0,0,1) 19%, rgba(17,17,17,1) 40%, rgba(44,44,44,1) 50%, rgba(19,19,19,1) 61%, rgba(89,89,89,1) 88%, rgba(102,102,102,1) 92%, rgba(76,76,76,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(68,68,68,1)), color-stop(9%, rgba(28,28,28,1)), color-stop(19%, rgba(0,0,0,1)), color-stop(40%, rgba(17,17,17,1)), color-stop(50%, rgba(44,44,44,1)), color-stop(61%, rgba(19,19,19,1)), color-stop(88%, rgba(89,89,89,1)), color-stop(92%, rgba(102,102,102,1)), color-stop(100%, rgba(76,76,76,1)));
    background: -webkit-linear-gradient(top, rgba(68,68,68,1) 0%, rgba(28,28,28,1) 9%, rgba(0,0,0,1) 19%, rgba(17,17,17,1) 40%, rgba(44,44,44,1) 50%, rgba(19,19,19,1) 61%, rgba(89,89,89,1) 88%, rgba(102,102,102,1) 92%, rgba(76,76,76,1) 100%);
    background: -o-linear-gradient(top, rgba(68,68,68,1) 0%, rgba(28,28,28,1) 9%, rgba(0,0,0,1) 19%, rgba(17,17,17,1) 40%, rgba(44,44,44,1) 50%, rgba(19,19,19,1) 61%, rgba(89,89,89,1) 88%, rgba(102,102,102,1) 92%, rgba(76,76,76,1) 100%);
    background: -ms-linear-gradient(top, rgba(68,68,68,1) 0%, rgba(28,28,28,1) 9%, rgba(0,0,0,1) 19%, rgba(17,17,17,1) 40%, rgba(44,44,44,1) 50%, rgba(19,19,19,1) 61%, rgba(89,89,89,1) 88%, rgba(102,102,102,1) 92%, rgba(76,76,76,1) 100%);
    background: linear-gradient(to bottom, rgba(68,68,68,1) 0%, rgba(28,28,28,1) 9%, rgba(0,0,0,1) 19%, rgba(17,17,17,1) 40%, rgba(44,44,44,1) 50%, rgba(19,19,19,1) 61%, rgba(89,89,89,1) 88%, rgba(102,102,102,1) 92%, rgba(76,76,76,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#4c4c4c', GradientType=0 );*/
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#feae24+0,e99401+100 */
    background: #feae24; /* Old browsers */
    /*background: -moz-linear-gradient(top, #feae24 0%, #e99401 100%);*/ /* FF3.6-15 */
    /*background: -webkit-linear-gradient(top, #feae24 0%,#e99401 100%);*/ /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom, #feae24 0%,#e99401 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feae24', endColorstr='#e99401',GradientType=0 );*/ /* IE6-9 */
    background: #f3961c; /* default background for browsers without gradient support */
    /* css3 */
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
    background: -moz-linear-gradient(#f9d835, #f3961c);
    background: -o-linear-gradient(#f9d835, #f3961c);
    background: linear-gradient(#f9d835, #f3961c);
    color: black;
    border-left: solid .5px #DADADF;
}

.TableStyle.DocList thead {
    border-radius: 4px;
}

.TableStyle.DocList table.dataTable tr {
    border-bottom: 1px solid #808080 !important;
}


.TableStyle.DocList thead tr th {
    /*background: rgba(68,68,68,1);
    background: -moz-linear-gradient(top, rgba(68,68,68,1) 0%, rgba(28,28,28,1) 9%, rgba(0,0,0,1) 19%, rgba(17,17,17,1) 40%, rgba(44,44,44,1) 50%, rgba(19,19,19,1) 61%, rgba(89,89,89,1) 88%, rgba(102,102,102,1) 92%, rgba(76,76,76,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(68,68,68,1)), color-stop(9%, rgba(28,28,28,1)), color-stop(19%, rgba(0,0,0,1)), color-stop(40%, rgba(17,17,17,1)), color-stop(50%, rgba(44,44,44,1)), color-stop(61%, rgba(19,19,19,1)), color-stop(88%, rgba(89,89,89,1)), color-stop(92%, rgba(102,102,102,1)), color-stop(100%, rgba(76,76,76,1)));
    background: -webkit-linear-gradient(top, rgba(68,68,68,1) 0%, rgba(28,28,28,1) 9%, rgba(0,0,0,1) 19%, rgba(17,17,17,1) 40%, rgba(44,44,44,1) 50%, rgba(19,19,19,1) 61%, rgba(89,89,89,1) 88%, rgba(102,102,102,1) 92%, rgba(76,76,76,1) 100%);
    background: -o-linear-gradient(top, rgba(68,68,68,1) 0%, rgba(28,28,28,1) 9%, rgba(0,0,0,1) 19%, rgba(17,17,17,1) 40%, rgba(44,44,44,1) 50%, rgba(19,19,19,1) 61%, rgba(89,89,89,1) 88%, rgba(102,102,102,1) 92%, rgba(76,76,76,1) 100%);
    background: -ms-linear-gradient(top, rgba(68,68,68,1) 0%, rgba(28,28,28,1) 9%, rgba(0,0,0,1) 19%, rgba(17,17,17,1) 40%, rgba(44,44,44,1) 50%, rgba(19,19,19,1) 61%, rgba(89,89,89,1) 88%, rgba(102,102,102,1) 92%, rgba(76,76,76,1) 100%);
    background: linear-gradient(to bottom, rgba(68,68,68,1) 0%, rgba(28,28,28,1) 9%, rgba(0,0,0,1) 19%, rgba(17,17,17,1) 40%, rgba(44,44,44,1) 50%, rgba(19,19,19,1) 61%, rgba(89,89,89,1) 88%, rgba(102,102,102,1) 92%, rgba(76,76,76,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#4c4c4c', GradientType=0 );*/
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#feae24+0,e99401+100 */
    background: #EDE9E1; /* Old browsers */
    /*background: -moz-linear-gradient(top, #feae24 0%, #e99401 100%);*/ /* FF3.6-15 */
    /*background: -webkit-linear-gradient(top, #feae24 0%,#e99401 100%);*/ /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom, #feae24 0%,#e99401 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feae24', endColorstr='#e99401',GradientType=0 );*/ /* IE6-9 */
    /* background: #f3961c;*/ /* default background for browsers without gradient support */
    /* css3 */
    /*background: -webkit-gradient(linear, 0 0, 0 100%, from(#EDE9E1), to(#E0D6CC));*/
    /* #E0E9E1  #CAC1B8    */
    /* background: -moz-linear-gradient(#EDE9E1, #E0D6CC);
    background: -o-linear-gradient(#EDE9E1, #E0D6CC);
    background: linear-gradient(#EDE9E1, #E0D6CC);*/
    color: #787875;
    font-weight: 700;
    border-left: solid .5px #DADADF;
    border-bottom: 1px solid #DADADF !important;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    background-image: url('../Scripts/DataTables/DataTables-1.10.22/images/sort_both.png');
    background-repeat: no-repeat;
    background-position-x: right;
}

.TableStyle2 thead {
    background: #EDE9E1; /* Old browsers */
    border-radius: 4px;
}

    .TableStyle2 thead tr th {
        background: #EDE9E1; /* Old browsers */
        color: #787875;
        font-weight: 700;
        border-left: solid .5px #DADADF;
        border-bottom: 1px solid #DADADF !important;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        background-image: url('../Scripts/DataTables/DataTables-1.10.22/images/sort_both.png');
        background-repeat: no-repeat;
        background-position-x: right;
    }

.TableStyle2 tbody tr:nth-child(even) {
    /*background-color: rgba(1,115,199,0.08);*/
    /*background-color: #FFEABF;*/
    background-color: rgba(242,242,242,0.4);
}

.TableStyle2 td a {
    color: #999;
    /* color: #756157;*/
}

/* Below is the brown blend fro the older site   */
.TableStyle thead {
    background: #D5822E; /*  #f3961c; */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f3e2c7+0,c19e67+50,b68d4c+51,e9d4b3+100;L+Brown+3D+++ */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d9cab1+0,9f8a69+50,8c795a+51,ccbca2+100 */
    /*background: #C0B7A3;*/ /* Old browsers */
    /*background: -moz-linear-gradient(top, #d9cab1 0%, #9f8a69 90%, #8c795a 91%, #ccbca2 100%);*/ /* FF3.6-15 */
    /*background: -webkit-linear-gradient(top, #d9cab1 0%,#9f8a69 90%,#8c795a 91%,#ccbca2 100%);*/ /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to top, #d9cab1 0%,#9f8a69 85%,#8c795a 86%,#ccbca2 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9cab1', endColorstr='#ccbca2',GradientType=1 ); /* IE6-9 */
    color: white;
    font-weight: 300;
    padding-left: 10px;
    vertical-align: middle;
    text-align: left;
    font-size: 12px;
}

.TableStyle th {
    padding-bottom: 2px;
    padding-top: 2px;
}

.TableStyle thead tr {
    line-height: normal;
}
/**/
.TableStyle thead th:hover {
    /*color: rgba(1,115,199,1);*/
    color: orange;
    /*text-decoration: underline;*/
}

.TableStyle tbody tr td {
    border: none;
    font-size: 11px;
}

/*.TableStyle tbody tr:nth-child(even) {*/
/*background-color: rgba(1,115,199,0.08);*/
/*background-color: #F0E8D7;
}*/

.TableStyle tbody tr:nth-child(odd) {
    background-color: transparent;
}

/* Send Document Window Styling*/
#lblSendDocumentName {
    font-weight: 400;
}

#SendDocHelpLink {
    text-decoration: underline;
}

#txtNoteText {
    border: solid .5px #D5822E;
    width: 100%;
    /* background-color: lightgoldenrodyellow;*/
    background-color: rgba(218,165,32,0.1);
    font-size: 11px;
}

/*#divSendDocumentName {
    background-color: lightgoldenrodyellow;
}*/

.DT_Hdr_Usr, .DT_Hdr_Grp {
    display: inline;
    font-weight: 700;
    font-size: 16px;
}

/*################# Cookie Consent Styles  ##################*/
@media (max-width: 767px) {
    .message {
        display: none;
    }
}

.mobile {
    display: none;
}

@media (max-width: 767px) {
    .mobile {
        display: inline-block;
    }
}

#cookie-alert {
    position: fixed;
    width: 100%;
    bottom: 100px;
    z-index: 100 !important;
    right: 0;
    left: 0;
    height: 30px;
    text-align: left;
    line-height: 1.2em;
    color: white;
    font-size: 14px;
    font-family: "Lato", sans-serif;
    font-weight: 100;
    transition: .8s;
    animation: slideIn .8s;
    animation-delay: 0s;
}

.alert {
    padding: 30px 50px 100px 50px;
    border-radius: 0px;
    height: 250px;
    border: none;
}

/* Datatables toolbar button spacing */
div.dt-buttons {
    margin-left: 30px;
    height: 25px;
}

.dt-button {
    height: 26px;
}

button.dt-button {
    line-height: 1em;
}

.btn-info {
    /*background-color: rgb(255,100,0) !important;  -- Orange-ish color*/
    background-color: rgb(129,125,122) !important;
    color: white !important;
}

/*.btn-primary {
    background-color: #79ace9 !important;
    color: white !important;
}
*/
.button.dt-button, div.dt-button, a.dt-button, input.dt-button {
    border-radius: 20px !important;
    padding-top: .25em;
    margin-top: .25em;
}

    button.dt-button:focus:not(.disabled),
    div.dt-button:focus:not(.disabled),
    a.dt-button:focus:not(.disabled),
    input.dt-button:focus:not(.disabled) {
        border: 1px solid #426c9e;
        color: black;
        text-shadow: 0 1px 0 #c4def1;
        outline: none;
        background-color: #79ace9;
        /* Fallback */
        background: -webkit-linear-gradient(top, #d1e2f7 0%, #79ace9 100%);
        /* Chrome 10+, Saf5.1+, iOS 5+ */
        background: -moz-linear-gradient(top, #d1e2f7 0%, #79ace9 100%);
        /* FF3.6 */
        background: -ms-linear-gradient(top, #d1e2f7 0%, #79ace9 100%);
        /* IE10 */
        background: -o-linear-gradient(top, #d1e2f7 0%, #79ace9 100%);
        /* Opera 11.10+ */
        background: linear-gradient(to bottom, #d1e2f7 0%, #79ace9 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#d1e2f7', EndColorStr='#79ace9');
    }


.zps-primary-button, .zps-secondary-button, .zps-follow-button, .zps-apps-button, .zps-upgrade-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    vertical-align: top;
    font-size: var(--fs12-5px);
    cursor: pointer;
    padding: 0 15px;
    margin-right: 10px;
    outline: none;
    border-radius: var(--fs14px);
    -moz-border-radius: var(--fs14px);
    -webkit-border-radius: var(--fs14px);
    height: var(--fs27px);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px;
    transition: 0.3s;
    line-height: 1.5;
    flex: 0 0 auto;
    text-decoration: none;
    transform: translate(0,0);
    -moz-transform: translate(0,0);
    -webkit-transform: translate(0,0);
    font-family: var(--fontregular);
}

/*li.jstree-open > a .jstree-icon {
    background: url("Images/icons8-opened-folder-25-V2.png") 0px 0px no-repeat !important;
    margin-right: 8px;
}

li.jstree-closed > a .jstree-icon {
    background: url("Images/icons8-folder-25-V2.png") 0px 0px no-repeat !important;
    margin-right: 8px;
}


li.jstree-leaf > a .jstree-icon {
    background: url("Images/icons8-folder-25-V2.png") 0px 0px no-repeat !important;
    margin-right: 8px;
}*/

/* This sets the default icon for folders */
li.jstree-open > a .jstree-icon {
    background: url("Images/folder2-open.svg") 0px 0px no-repeat ;
    margin-right: 8px;
}


/* Specific margin-right for the Recycle Bin entry */
/*a#00000000-0000-0000-0000-000000000000_anchor > i .jstree-icon {
    margin-right: 4px !important;
}*/
/*#00000000-0000-0000-0000-000000000000 > a > i.jstree-themeicon-custom {
    margin-right: 4px;
}*/

li.jstree-closed > a .jstree-icon {
    /*background: url("Images/icons8-folder-22-V3.png") 0px 0px no-repeat !important;*/
    background: url("Images/folder2.svg") 0px 0px no-repeat;
    margin-right: 8px;
}

#RecycleHierarchy > ul li#00000000-0000-0000-0000-000000000000 > a#00000000-0000-0000-0000-000000000000_anchor > i.jstree-icon.jstree-themeicon {
    background: url("Images/trash.svg") 0px 0px no-repeat !important;
    margin-right: 4px;
}

li.jstree-leaf > a .jstree-icon {
    background: url("Images/folder2.svg") 0px 0px no-repeat !important;
    margin-right: 8px;
}

.jstree-icon:empty {
    padding: 0px 0px 0px 4px !important;
}

.FolderResultButton {
    background: url("Images/folder2.svg") 0px 0px no-repeat;
    border: none; /* Removes the border */
    background-color: transparent; /* Makes the background transparent */
    width: 20px; /* Adjust based on the size of your image */
    height: 20px; /* Adjust based on the size of your image */
    cursor: pointer; /* Optional: Changes the cursor to indicate it's clickable */
    padding: 0; /* Removes padding */
}



/*#RecycleHierarchy li.jstree-leaf > a .jstree-icon {
    background: url("Images/icons8-recycle-bin-25.png") 0px 0px no-repeat !important;
    margin-right: 8px;
}


#RecycleHierarchy li.jstree-open > a .jstree-icon {
    background: url("Images/icons8-opened-folder-25-V3.png") 0px 0px no-repeat !important;
    margin-right: 8px;
}

#RecycleHierarchy li.jstree-closed > a .jstree-icon {
    background: url("Images/icons8-folder-25-V3.png") 0px 0px no-repeat !important;
    margin-right: 8px;
}
*/

#divRootFolderDisplay {
    float: left;
    padding-left: 10px;
    padding-top: 4px;
    color: darkgoldenrod;
    font-weight: 600;
}

#divSearchDisplayedFolders {
    margin-top: 5px;
/*    color: blue;*/
    font-size: 12px;
}

/*.jstree-container{
    z-index:0;
} */

.jstree-default .jstree-clicked {
    background: #FFEABF !important;
    border-radius: 2px;
    box-shadow: inset 0px 0px 1px #999999;
    color: #000000 !important;
    font-weight: 600 !important;
}

.jstree-default .jstree-hovered {
    background: #FFEABF !important;
    border-radius: 2px;
    box-shadow: inset 0px 0px 1px #999999;
    color: #000000 !important;
    font-weight: 600 !important;
}

/*#FolderHierarchy .jstree-container-ul > .jstree-open > .jstree-ocl {
    background-position: -32px -0px;
}

#FolderHierarchy .jstree-container-ul > .jstree-closed > .jstree-ocl {
    background-position: -0px -0px;
}

#FolderHierarchy .jstree-container-ul > .jstree-leaf > .jstree-ocl {
    background: transparent;
}*/


/*#RecycleHierarchy li.jstree-open > a .jstree-icon jstree-themeicon .jstree-themeicon-custom {
    background: url("Images/trash.svg") 0px 0px no-repeat !important;
}

#RecycleHierarchy li.jstree-open > a > i .jstree-icon jstree-themeicon .jstree-themeicon-custom {
    background: url("Images/trash.svg") 0px 0px no-repeat !important;
}*/

/* This provides the pre-clicked Recycle Bin icon */
#RecycleHierarchy .jstree-icon.jstree-themeicon.jstree-themeicon-custom {
    background: url("Images/trash.svg") 0px 0px no-repeat !important;
    margin-right: 3px !important;
    font-weight: 600;
}

/*#RecycleHierarchy i.jstree-icon.jstree-themeicon {
    background: url("Images/trash.svg") 0px 0px no-repeat !important;
}*/

#divRecycleBin:hover {
    cursor: pointer;
}
/*
.checkbox label:after {
    content: '';
    display: table;
    clear: both;
}*/
/*
.checkbox {
    position: relative;
    display: inline-block;
    border: 1px solid #dadadf;
    border-radius: .25em;
    width: 1.5em;
    height: 1.5em;
    float: left;
    font-size:12px;
    color: #ccc;
    margin-right: .5em;
    margin-top:3px;
}
*/
/*input[type=checkbox] {
    visibility: hidden;
}*/

.mainCheckBox {
    /* display: block;*/
    position: relative;
    padding-left: 25px;
    /* margin-bottom: 15px;*/
    cursor: pointer;
    font-size: 12px;
}

/* Creating a custom checkbox based on demand */
.w3docs {
    position: absolute;
    /* top: 0;*/
    /*left: 0;*/
    height: 17px;
    width: 17px;
    background-color: white;
    margin-top: 3px;
    border: 2px solid #D5822E;
}

/* Specify the background color to be shown when hovering over checkbox */
.mainCheckBox:hover input ~ .w3docs {
    background-color: gray;
}
/* Specify the background color to be shown when checkbox is active */
.mainCheckBox input:active ~ .w3docs {
    background-color: white;
}
/* Specify the background color to be shown when checkbox is checked */
.mainCheckBox input:checked ~ .w3docs {
    /*background-color: orange;*/
    background-color: white;
    /*#D5822E*/
}
/* Checkmark to be shown in checkbox */
/* It is not be shown when not checked */
.w3docs:after {
    content: "";
    position: absolute;
    display: none;
}
/* Display checkmark when checked */
.mainCheckBox input:checked ~ .w3docs:after {
    display: block;
}
/* Styling the checkmark using webkit */
/* Rotated the rectangle by 45 degree and 
      showing only two border to make it look
      like a tickmark */
.mainCheckBox .w3docs:after {
    left: 5px;
    bottom: 3px;
    width: 6px;
    height: 12px;
    border: solid #D5822E;
    border-width: 0 4px 4px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* checkbox-rect */
.checkbox-rect input[type="checkbox"] {
    display: none;
}

    .checkbox-rect input[type="checkbox"] + label {
        display: block;
        position: relative;
        padding-left: 25px;
        margin-top: 35px;
        margin-bottom: 5px;
        /* font: 14px/20px "Open Sans", Arial, sans-serif;*/
        font-size: 12px;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .checkbox-rect input[type="checkbox"]:hover + label:hover {
        color: rgb(51, 51, 51);
    }

    .checkbox-rect input[type="checkbox"]:hover + label:before {
        background: #FFA726;
        box-shadow: inset 0px 0px 0px 2px #f7f2f2;
    }

    .checkbox-rect input[type="checkbox"] + label:last-child {
        margin-bottom: 0;
    }

#divInheritOptions.checkbox-rect input[type="checkbox"] + label:before {
    content: "";
    display: block;
    width: 1.3em;
    height: 1.3em;
    border: 2px solid #756157;
    border-radius: 0.2em;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 0.2s, background 0.2s ease-in-out;
    transition: all 0.2s, background 0.2s ease-in-out;
    background: #fff;
}

#divInheritOptions.checkbox-rect input[type="checkbox"]:checked + label:before {
    width: 1.3em;
    height: 1.3em;
    /*border-radius: 0.2em;*/
    border: 1px double #FFF;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background: #756157; /* This is the fill color for the checked box*/
    /*box-shadow: 0 0 0 1px #fff;*/
}
/* checkbox-rect end */



.SelectedPathText {
    color: #565656;
    font-weight: 600;
}

.SelectedPathLabel {
    font-weight: 500;
}

.UGRightPane {
    max-width: 60%;
}


/*@-webkit-keyframes autofill {
    0%,100% {
        color: #666;*/
/*        background: transparent; */
/* background-color: rgba(228, 114, 38, 0.1);*/
/*;
    }
}*/

/*input:-webkit-autofill {*/
    /*-webkit-box-shadow: 0 0 0px 1000px rgba(228, 114, 38, .2) inset !important;*/
    /* -webkit-box-shadow: 0 0 0px 1000px rgba(228, 158, 38, .19) inset !important; */
    /*-webkit-box-shadow: 0 0 0px 1000px rgba(228, 158, 38, .19) inset !important;
}*/


    /*input:-internal-autofill-selected {
    -webkit-animation-delay: 1s;*/
    /*Safari support - any positive time runs instantly */
    /*-webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
    background-color: white !important;*/
    /* background-color: -internal-light-dark(rgb(255, 255, 255), rgba(255, 255, 255)) !important;*/
/*}*/

/*input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
    background-color: -internal-light-dark(rgb(228, 158, 38, rgba(228, 158, 38, .19)) !important;
    color: fieldtext !important;
}*/


/*input:-internal-autofill-selected:focus {
    -webkit-animation-delay: 1s;*/ /* Safari support - any positive time runs instantly */
/*-webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
    background-color: rgba(228, 114, 38, 0.1) !important;
}*/

/*input:hover, input:focus {
    background-color: #FEFF7F;
    border: 1px solid #FF0000;
    color: #000000;
}*/


/* MEDIA ADJUSTMENTS */

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

    .CenterDiv {
        /* margin-left: 10vw;
        margin-right: 10vw;*/
    }

    .UGRightPane {
        max-width: 100%;
    }

    .view-heading {
        padding-left: 5px;
        font-weight: 700;
        font-size: 16px;
        /*padding-top: 10px;*/
        margin-bottom: 4px;
        display: flex;
        align-items: center; /* Ensures vertical centering */
    }

    .control-label {
        font-size: 12px;
        margin-bottom: 2px;
    }

    .rdcombobox {
        font-size: 12px !important;
    }

    .SearchLabels {
        font-size: 12px;
    }

    /*  #btnReDoSearch {
        float:left !important;
        padding-left:10px;
    }*/

}

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

    /*   .CenterDiv {
        margin-left: 5vw;
        margin-right: 5vw;
    }*/



}

#UserList td {
    vertical-align:middle;
}
#GroupList td {
    vertical-align: middle;
    height:25px
}
.tiles-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    max-height: 300px;
    overflow-y: auto;
    padding: 10px;
    border: 1px solid #ccc;
    /*background-color: #f8f9fa;*/
    background-color: white;
}

.tile {
    padding: 10px 15px;
    border-radius: 8px;
    cursor: pointer;
    text-align: center;
    user-select: none;
}

    .tile.in-group {
        /*background-color: goldenrod;*/
        background-color: palegoldenrod;
        /*background-color: rgba(202, 193, 184,.5);*/
        color: #333;
    }

    .tile.not-in-group {
        /*background-color: palegoldenrod;*/
        background-color: rgba(202, 193, 184,.5);
        color: #333;
    }

    .tile.selected {
        border: 2px solid #007bff;
    }
    .tile.pending-change {
        border: 2px dashed #f39c12; /* Orange dashed border to indicate change */
        background-color: #fff3cd; /* Light yellow background */
        color: #333;
    }
    .tile.tile-changed {
        /* This class is used byt he User and Group Feature tiles */
        border: 2px dashed #f39c12 !important; /* Orange dashed border to indicate change + override border if a direct tile */
    }


.group-section .col-md-12 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.FeatureRightsTile {
    display: inline-block;
    padding: 5px 8px;
    background-color: rgba(202, 193, 184,.5);
    margin-right: 4px;
}
    .FeatureRightsTile.selected {
        background-color: goldenrod;
        color:white;
        border:none;
    }
    .FeatureRightsTile.in-direct {
        background-color: palegoldenrod;
        color: black;
        border: none;
    }
    .FeatureRightsTile.direct {
        background-color: green;
        color: white;
        border: none;
    }
    .FeatureRightsTile.both {
        background-color: darkgoldenrod;
        color: white;
        border: none;
    }

disabled-row {
    cursor: not-allowed;
    opacity: 0.6;
}

/* Modify a detatable default*/
#tblFormsList_wrapper {
    margin-left: 15px;
    margin-right: 15px;
}

#tblFormsList_filter {
    margin-right: 18%;
}