/*.rightSidebar03:hover {*/
/*    display: none;*/
/*}*/
.mail-box {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
}
.mail-box aside {
    display: table-cell;
    float: none;
    height: 100%;
    padding: 0;
    vertical-align: top;
}
.mail-box .sm-side {
    background: none repeat scroll 0 0 #e5e8ef;
    border-radius: 4px 0 0 4px;
    width: 25%;
}
.mail-box .lg-side {
    background: none repeat scroll 0 0 #fff;
    border-radius: 0 4px 4px 0;
    width: 75%;
}
.mail-box .sm-side .user-head {
    background: none repeat scroll 0 0 #00a8b3;
    border-radius: 4px 0 0;
    color: #fff;
    min-height: 80px;
    padding: 10px;
}
.user-head .inbox-avatar {
    float: left;
    width: 65px;
}
.user-head .inbox-avatar img {
    border-radius: 4px;
}
.user-head .user-name {
    display: inline-block;
    margin: 0 0 0 10px;
}
.user-head .user-name h5 {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 15px;
}
.user-head .user-name h5 a {
    color: #fff;
}
.user-head .user-name span a {
    color: #87e2e7;
    font-size: 12px;
}
a.mail-dropdown {
    background: none repeat scroll 0 0 #80d3d9;
    border-radius: 2px;
    color: #01a7b3;
    font-size: 10px;
    margin-top: 20px;
    padding: 3px 5px;
}
.inbox-body {
    padding: 20px;
}
.btn-compose {
    background: none repeat scroll 0 0 #ff6c60;
    color: #fff;
    padding: 12px 0;
    text-align: center;
    width: 100%;
}
.btn-compose:hover {
    background: none repeat scroll 0 0 #f5675c;
    color: #fff;
}
ul.inbox-nav {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
}
.inbox-divider {
    border-bottom: 1px solid #d5d8df;
}
ul.inbox-nav li {
    display: inline-block;
    line-height: 45px;
    width: 100%;
}
ul.inbox-nav li a {
    color: #6a6a6a;
    display: inline-block;
    line-height: 45px;
    padding: 0 20px;
    width: 100%;
}
ul.inbox-nav li a:hover, ul.inbox-nav li.active a, ul.inbox-nav li a:focus {
    background: none repeat scroll 0 0 #d5d7de;
    color: #6a6a6a;
}
ul.inbox-nav li a i {
    color: #6a6a6a;
    font-size: 16px;
    padding-right: 10px;
}
ul.inbox-nav li a span.label {
    margin-top: 13px;
}
ul.labels-info li h4 {
    color: #5c5c5e;
    font-size: 13px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    text-transform: uppercase;
}
ul.labels-info li {
    margin: 0;
}
ul.labels-info li a {
    border-radius: 0;
    color: #6a6a6a;
}
ul.labels-info li a:hover, ul.labels-info li a:focus {
    background: none repeat scroll 0 0 #d5d7de;
    color: #6a6a6a;
}
ul.labels-info li a i {
    padding-right: 10px;
}
.nav.nav-pills.nav-stacked.labels-info p {
    color: #9d9f9e;
    font-size: 11px;
    margin-bottom: 0;
    padding: 0 22px;
}
.inbox-head {
    background: none repeat scroll 0 0 #41cac0;
    border-radius: 0 4px 0 0;
    color: #fff;
    min-height: 80px;
    padding: 20px;
}
.inbox-head h3 {
    display: inline-block;
    font-weight: 300;
    margin: 0;
    padding-top: 6px;
}
.inbox-head .sr-input {
    border: medium none;
    border-radius: 4px 0 0 4px;
    box-shadow: none;
    color: #8a8a8a;
    float: left;
    height: 40px;
    padding: 0 10px;
}
.inbox-head .sr-btn {
    background: none repeat scroll 0 0 #00a6b2;
    border: medium none;
    border-radius: 0 4px 4px 0;
    color: #fff;
    height: 40px;
    padding: 0 20px;
}
.table-inbox {
    border: 1px solid #d3d3d3;
    margin-bottom: 0;
}
.table-inbox tr td {
    padding: 12px !important;
}
.table-inbox tr td:hover {
    cursor: pointer;
}
.table-inbox tr td .fa-star.inbox-started, .table-inbox tr td .fa-star:hover {
    color: #f78a09;
}
.table-inbox tr td .fa-star {
    color: #d5d5d5;
}
.table-inbox tr.unread td {
    background: none repeat scroll 0 0 #f7f7f7;
    font-weight: 600;
}
ul.inbox-pagination {
    float: right;
}
ul.inbox-pagination li {
    float: left;
}
.mail-option {
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
}
.mail-option .chk-all, .mail-option .btn-group {
    margin-right: 5px;
}
.mail-option .chk-all, .mail-option .btn-group a.btn {
    background: none repeat scroll 0 0 #fcfcfc;
    border: 1px solid #e7e7e7;
    border-radius: 3px !important;
    color: #afafaf;
    display: inline-block;
    padding: 5px 10px;
}
.inbox-pagination a.np-btn {
    background: none repeat scroll 0 0 #fcfcfc;
    border: 1px solid #e7e7e7;
    border-radius: 3px !important;
    color: #afafaf;
    display: inline-block;
    padding: 5px 15px;
}
.mail-option .chk-all input[type="checkbox"] {
    margin-top: 0;
}
.mail-option .btn-group a.all {
    border: medium none;
    padding: 0;
}
.inbox-pagination a.np-btn {
    margin-left: 5px;
}
.inbox-pagination li span {
    display: inline-block;
    margin-right: 5px;
    margin-top: 7px;
}
.fileinput-button {
    background: none repeat scroll 0 0 #eeeeee;
    border: 1px solid #e6e6e6;
}
.inbox-body .modal .modal-body input, .inbox-body .modal .modal-body textarea {
    border: 1px solid #e6e6e6;
    box-shadow: none;
}
.btn-send, .btn-send:hover {
    background: none repeat scroll 0 0 #00a8b3;
    color: #fff;
}
.btn-send:hover {
    background: none repeat scroll 0 0 #009da7;
}
.modal-header h4.modal-title {
    font-family: "Open Sans",sans-serif;
    font-weight: 300;
}
.modal-body label {
    font-family: "Open Sans",sans-serif;
    font-weight: 400;
}
.heading-inbox h4 {
    border-bottom: 1px solid #ddd;
    color: #444;
    font-size: 18px;
    margin-top: 20px;
    padding-bottom: 10px;
}
.sender-info {
    margin-bottom: 20px;
}
.sender-info img {
    height: 30px;
    width: 30px;
}
.sender-dropdown {
    background: none repeat scroll 0 0 #eaeaea;
    color: #777;
    font-size: 10px;
    padding: 0 3px;
}
.view-mail a {
    color: #ff6c60;
}
.attachment-mail {
    margin-top: 30px;
}
.attachment-mail ul {
    display: inline-block;
    margin-bottom: 30px;
    width: 100%;
}
.attachment-mail ul li {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 150px;
}
.attachment-mail ul li img {
    width: 100%;
}
.attachment-mail ul li span {
    float: right;
}
.attachment-mail .file-name {
    float: left;
}
.attachment-mail .links {
    display: inline-block;
    width: 100%;
}

.fileinput-button {
    float: left;
    margin-right: 4px;
    overflow: hidden;
    position: relative;
}
.fileinput-button input {
    cursor: pointer;
    direction: ltr;
    font-size: 23px;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(-300px, 0px) scale(4);
}
.fileupload-buttonbar .btn, .fileupload-buttonbar .toggle {
    margin-bottom: 5px;
}
.files .progress {
    width: 200px;
}
.fileupload-processing .fileupload-loading {
    display: block;
}
* html .fileinput-button {
    line-height: 24px;
    margin: 1px -3px 0 0;
}
* + html .fileinput-button {
    margin: 1px 0 0;
    padding: 2px 15px;
}
@media (max-width: 767px) {
    .files .btn span {
        display: none;
    }
    .files .preview * {
        width: 40px;
    }
    .files .name * {
        display: inline-block;
        width: 80px;
        word-wrap: break-word;
    }
    .files .progress {
        width: 20px;
    }
    .files .delete {
        width: 60px;
    }
}
ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
/*-----------------------------*/
/*for detailes table css*/
.custom-table{
    border-collapse:collapse;
    width:100%;
    border:solid 1px #c0c0c0;
    font-size: 14px;
}
.custom-table th,.custom-table td{
    padding:4px;
    border:solid 1px #c0c0c0;
}
.custom-table th{
    color:#000080;
}
.custom-table tr:nth-child(odd){
    background-color:#f7f7ff;
}
.custom-table>thead>tr{
    background-color:#dde8f7!important;
}
.tbtn{
    border:0;
    outline:0;
    background-color:transparent;
    font-size:15px;
    cursor:pointer;
}
.toggler{
    display:none;
}
.toggler1{
    display:table-row;
}
.custom-table a{
    color: #0033cc;
}
.custom-table a:hover{
    color: #f00;
}
/*-----------------------------*/
.badgeTabJobs {
    background-color: green;
    color: #fff;
    margin-top: 5px;
    margin-right: 3px;
    /*float: left;*/
}
.dropbtn {
    color: white;
    padding: 5px;
    border: none;
    cursor: pointer;
}
.dropdown {
    position: relative;
    display: inline-block;
    border-radius: 5px;
    border-width: 2px;
    padding: 3px;
    margin-top: 2px;
    margin-bottom: 2px;
}
.dropdown-content {
    height: 500px;
    display: none;
    position: absolute;
    min-width: 200px;
    z-index: 1;
    margin-top: 3px;
    padding: 3px;
    border: 2px solid black;
    overflow-y: auto;
    background-color: #2b2b2b;
    scrollbar-color: #FABC3F #2b2b2b;
    scrollbar-width: thin;
}
.dropdown-content a {
    padding: 5px 10px;
    text-decoration: none;
    display: block;
}
.dropdown-content a:hover {
    background-color: #E36414;
}
.dropdown:hover .dropdown-content {
    display: block;
}
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
    border-radius: 5px;
}
.dropdown-icon {
    margin-right: 15px;
    font-size: 14px;
}
.topPage201 {
    font-size: 14px;
    font-family: Tahoma;
    margin-right: 5px;
    margin-left: 5px;
}
.dropbtn02:hover {
    font-weight: bolder;
    cursor: pointer;
}
.dropbtn02 {
    margin-left: 5px;
}
/*-----------------------------*/
.popupDropdown {
    position: relative;
    display: inline-block;
    float: right;
}
.popupDropdown-content {
    display: none;
    position: absolute;
    right: 0;
    background-color: #f1f1f1;
    width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.7);
    z-index: 1;
}
.popupDropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.popupDropdown-content a:hover {
    background-color: #ddd;
}
.popupDropdown:hover .popupDropdown-content {
    display: block;
}
/*-----------------------------*/
.updateModal02 {
    margin-right: 3px;
    color: #721c24;
}
.inputes {
    width: 100%;
    margin: 0 !important;
    border: 0;
    padding: 3px;
    pointer-events: auto;
    background-color: transparent;
}
.inputes02 {
    margin-right: 3px;
    margin-left: 10px;
    color: #721c24;
}
.tdes {
    padding: 3px 0 !important;
    margin: 0 !important;
}
#folder {
    color: black;
}
#table04 tr td{
    border: 1px solid black !important;
}
.title_view {
    background-color: #E36414;
    color: #fff;
    margin-right: 3px;
    padding: 3px 10px 3px 10px;
    border-radius: 5px;
    font-size: 14px;
}
.css10 {
    font-weight: bold;
    color: blue;
}
a.css10:hover {
    cursor: pointer;
    text-decoration: none;
}
.titleRepots {
    margin-top: 3px;
    cursor: pointer;
    padding: 5px;
    /*font-weight: bold;*/
    background-color: #00295c;
    color: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.menuStyle {
    margin-top: 3px;
    cursor: pointer;
    padding: 5px;
    /*font-weight: bold;*/
    background-color: #00295c;
    color: white;
    border-radius: 5px;
}
.menuReports {
    padding-bottom:7px;
    border: 2px solid #00295c;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.titleWorks {
    cursor: pointer;
    padding: 5px;
    /*font-weight: bold;*/
    background-color: #00295c;
    color: white;
}
.divHome {
    width: 150px;
    height: 100px;
    background-color: #007bff;
    border-color: #007bff;
    border-radius: 10px;
    color: white;
    margin: 20px;
    padding-top: 40px;
    float: right;
}
/*--------------------------*/
.copyValue:hover {
    cursor: pointer;
}
.copyBackground:active  {
    background: yellow;
}
.copyColor:hover {
    color: red;
    /*background-color: #3e8e41;*/
}
/*--------------------------*/
.custom_span {
    padding: 4px;
    border: 1px solid black;
    border-radius: 7px;
    background:#B3C99C;
}
.valueName {
    color: #721c24;
    /*background-color: #dee2e6;*/
}
.custom_label {
    position:absolute;
    margin-top: -15px;
    margin-right: 20px;
    background-color: white;
    padding: 0 5px 0 10px;
}
.custom_div {
    position: relative;
    /*background-color: #dee2e6;*/
    padding: 10px;
    border: 1px solid black;
    border-radius: 7px;
    margin-top: 25px;
}
.custom_badge {
    position:absolute;
    margin-top: -30px;
    margin-left: 20px;
    border:solid 1px black;
    border-radius:5px;
    -webkit-border-radius:5px;
    background:#B3C99C;
    color:black;
    font-size:14px;
    font-weight: bold;
    padding: 3px 5px 3px 10px;
}
.nav-link:hover {
    color: rgb(129, 91, 73);
    background-color: rgba(0, 0, 0, 0.1);
}

.nav-link:focus {
    background-color: #C8B6A6;
}
/*begin style for modal05 */
/*https://bootstrapfriendly.com/blog/how-to-make-bootstrap-modal-draggable-and-resizable*/

.border_dot {
    border: 1px dashed #ccc;
}

#dragable_modal {
    position: relative;
}

#dragable_modal .modal-dialog {
    position: fixed;
    max-width: 100%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    /*background: var(--white);*/
    /* width:500px; */
    margin: 0;
    /* padding: 20px; */
    /* overflow: hidden; */
    /* resize: both; */
}

#dragable_modal .modal-content {
    /* padding: 20px; */
    height: 400px;
    overflow: hidden;
    resize: both;
    width: 500px;
}

#dragable_modal .modal-body {
    height: relative;
    overflow-x: hidden;
    overflow-y: auto;
}
#dragable_modal .modal-header {
    /*background: var(--dark);*/
    /*color: var(--white);*/
    border-bottom: 0;
    padding: 0;
}
#dragable_modal .modal-header h3 {
    /*color: var(--white);*/
    font-size: 18px;
}
#dragable_modal .close_btn {
    top: -2px;
    margin: 0 !important;
    opacity: 1;
    width: 30px;
    height: 30px;
    padding: 0;
    color: #fff;
}

.custom_tab_on_editor {
    /*background: var(--orange);*/
    padding: 0;
    margin: 0;
}

.custom_tab_on_editor .nav-item {
    margin-bottom: 0;
}
.custom_tab_on_editor .nav-item .nav-link {
    min-width: 100px;
    text-align: center;
    border: 0 solid transparent;
    border-radius: 0;
    padding: 10px;
    /*color: var(--white);*/
}

.custom_tab_on_editor .nav-item .nav-link:hover {
    color: #ffffff;
    border-width: 0;
    background: #ffb586;
    border-bottom: 0 solid transparent;
}

.custom_tab_on_editor .nav-item.show .nav-link,
.custom_tab_on_editor .nav-link.active {
    color: #ffffff;
    border-width: 0;
    background: #ffb586;
    border-bottom: 0 solid transparent;
    position: relative;
}
.dragable_touch {
    cursor: move;
}

.custom_tab_on_editor .nav-item.show .nav-link:before,
.custom_tab_on_editor .nav-link.active:before {
    content: "";
    border-bottom: 10px solid var(--white);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
/*end style for modal05 -------------------------------------*/

a{
    text-decoration:none;
    color:black;
}
.target{
    margin-right: 10px;
    /*width:50%;*/
    /*height:200px;*/
    /*border:solid black 1px;*/
}
#tab1, #tab2, #tab3, #tab4, #tab5, #tab6, #tab7{
    display:none;
}

/* change the position of the scrollbar --------------------*/
/* source : https://www.tutorialspoint.com/how-to-change-the-position-of-the-scrollbar-using-css */
.scrollable-div{
    height: 550px;
    width: 200px;
    overflow-x: auto;
    background-color:pink;
    margin:auto;
    padding:5px;
}
.scrollable-div::-webkit-scrollbar {
    width: 5px; /* Set the width of the scrollbar */
    background-color: #F5F5F5; /* Set the background color of the scrollbar */
    position: absolute;
    left: 0; /* Position the scrollbar on the left of the element */
}
.scrollable-div::-webkit-scrollbar-thumb {
    background-color: #000000; /* Set the color of the thumb */
}
::-webkit-scrollbar-track {
    background: red;
    border-radius: 5px;
}

/* style for sidebar03 page03 ----------------------- */
#showMenu {
    overflow-y: auto;
    height: 500px;
    margin: 5px;
}
#nave03 {
    background-color: #00295c;
    margin: 0;
    padding: 0;
    color: white;
}
#nave03 a {
    color: white;
    font-size: 14px;
}
/*#showSidebar03 {*/
/*    cursor: pointer;*/
/*    margin-left: 5px;*/
/*    margin-right: 5px;*/
/*}*/
#menuRight {
    width: 100%;
    background-color: #3498DB;
    border-width: 0;
}
#rightPage05 {
    width: 200px;
    height: auto;
}
.sidebaricon {
    color: white;
    margin-right: 0;
}
#titlecartable {
    margin-right: 5px;
    margin-left: 0;
    color: white;
    /*background-color: transparent;*/
    background-color: #00295c;
}
/*.sidebarTab {*/
/*    color: black;*/
/*    background-color: white;*/
/*    padding: 3px 5px;*/
/*    !*margin: 6px 4px 6px 0;*!*/
/*    -moz-border-radius-topleft: 5px;*/
/*    -moz-border-radius-topright: 5px;*/
    /*width: 170px;*/
    /*display: none;*/
/*    height: 100%; !* 100% Full-height *!*/
/*    width: 0; !* 0 width - change this with JavaScript *!*/
/*    !*position: fixed; !* Stay in place *!*!*/
/*    position: relative;*/
/*    position: absolute;*/
/*    z-index: 1; !* Stay on top *!*/
/*    top: 0;*/
/*    left: 0;*/
/*    background-color: white;*/
/*    background-color: #DBDBDB;*/
/*    overflow-x: hidden; !* Disable horizontal scroll *!*/
/*    !*padding-top: 10px; !* Place content 60px from the top *!*!*/
/*    !*transition: 0.5s; !* 0.5 second transition effect to slide in the sidebar03 *!*!*/
/*    visibility: visible;*/
/*    border: 1px solid black;*/
/*}*/

/* The sidebar03 links */
.sidebar03 a {
    padding: 5px 5px 0 5px;
    text-decoration: none;
    font-size: 14px;
    color: #818181;
    display: block;
    /*transition: 0.3s;*/
}

/* When you mouse over the navigation links, change their color */
.sidebar03 a:hover {
    color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidebar03 .closebtn03 {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

/* The button used to open the sidebar03 */
.openbtn03 {
    font-size: 20px;
    cursor: pointer;
    background-color: #111;
    color: white;
    padding: 10px 15px;
    border: none;
}

.openbtn03:hover {
    background-color: #444;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    /*.sidebar03 {padding-top: 15px;}*/
    .sidebar03 a {font-size: 14px;}
}
/* end for sidebar03 page03 ----------------------- */

.css01 {
    border: 1px solid;
    /*height: 10px !important;*/
    /*padding: 0 !important;*/
}

.css02 {
    width: 100%;
    border-collapse: collapse;
}
p.css03:hover {
    cursor: pointer;
    color:blue;
}
div #memberTabContent {
    border: 1px solid #5a6268;
    border-radius: 5px;
    padding: 10px 20px 10px 10px;
}
div #member input[type="text"] {
    /*border: none;*/
    /*border: 1px solid #411c0e;*/
    /*background-color: #ffffff;*/
    /*color: #843534;*/
}
.cssText1 {
    border: 1px solid black;
    background-color: #ffffff;
    color: #843534;
}
.cssText2 {
    border: none;
    background-color: #ffffff;
    color: #843534;
}
.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5 {
    padding-right: 3px !important;
    margin: 0 !important;
    max-width: none;
}
.cssRow {
    margin-top: 20px;
    margin-bottom: 20px;
}
#v-pills-tab {
    border: 1px solid #555555;
    /*background-color: lightblue;*/
    padding: 5px;
    border-radius: 5px;
    display: block!important;
}
#picImage {
    width: 100px;
    height: 100px;
    border-radius: 5px;
    margin: 10px auto 10px auto;
    border: 1px solid #555555;
    display: block!important;
}
#brandImage {
    width: 100px;
    height: 100px;
    margin: 10px auto 10px auto;
    display: block!important;
}
table tbody  tr {
    cursor : pointer;
}
table td, table th {
    padding: 7px !important;
}
.tableFixHead {
    height: 520px;
}
.tableFixHeadBank {
    height: 520px;
}
.tableFixHead,.tableFixHeadBank {
    overflow-y: auto;
    border: 1px solid #b1b1b1;
}
.tableFixHead thead th, .tableFixHeadBank thead th {
    position: sticky;
    top: 0; }
.tableFixHead th, .tableFixHeadBank th {
    background:#eee;
}

.table{
    background-color: #fff !important;
}
.hedding h1{
    color:#fff;
    font-size:25px;
}
.hiddenRow {
    padding: 0 4px !important;
    background-color: #eeeeee;
    font-size: 13px;
}
.accordian-body span{
    color:#a2a2a2 !important;
}
.outter {
    width: 100%;height: 150px;display: table;
}
.main-content1 {
    display: table-cell; vertical-align: middle;
}
.sub-content1 {
    width: 50%; height: 50%; margin: auto;
}

.menu-item-page02{
    list-style:none;
    padding-right: 0;
}
.menu-item-page02 li{
    margin-bottom:10px;
}
.menu-item-page02 li a{
    color:black;
    text-decoration:none;
}
.menu-item-page02 li:hover{
    color:red;
    cursor:pointer;
}