:root {
    --color-primary: #CF4500;
    --hover-primary: #b6482e;
    --color-secondary: #2D2926;
    --color-third: #7A97AB;
    -color-mid-gray: #B3B3B3;
    --color-black:#27251F;
    --color-gray:#686868;
    --color-light-gray:#F0F0F0;
    --color-dark-gray:#686868;
    --color-orange:#F38B00;
}
@font-face {
	font-family: 'Mark Offc For MC';
	src: url('../../fonts/FontFont_FF.Mark.Pro.eot');
	src: local('?'), url('../../fonts/FontFont_FF.Mark.Pro.woff') format('woff'), url('../../fonts/FontFont_FF.Mark.Pro.ttf') format('truetype'), url('../../fonts/FontFont_FF.Mark.Pro.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Mark Pro Light';
	src: url('../../fonts/MarkForMC-Lt.ttf');
	src: local('?'), url('../../fonts/MarkForMC-Lt.woff') format('woff'), url('../../fonts/MarkForMC-Lt.eot') format('truetype'), url('../../fonts/MarkForMC-Lt.svg') format('svg');
    font-weight: 300;
	font-style: normal;
}
@font-face {
    font-family: 'Mulish-Medium';
    src: url('../../fonts/Mulish-Medium.ttf');
  }

  @font-face {
    font-family: 'Mulish-Bold';
    src: url('../../fonts/Mulish-Bold.ttf');
  }
  @font-face {
    font-family: 'optiCaslon';
    src: url('../../fonts/optiCaslonTwo_Bold.otf');
  }


  @font-face {
    font-family: 'Poppins-Medium';
    src: url('../../fonts/Poppins-Medium.ttf');
}

@font-face {
    font-family: 'Poppins-Bold';
    src: url('../../fonts/Poppins-Bold.ttf');
}


@font-face {
    font-family: 'Poppins';
    src: url('../../fonts/Poppins-Regular.ttf');
}


@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('../../fonts/Poppins-SemiBold.ttf');
}


@font-face {
    font-family: 'BentonSans';
    src: url('../../fonts/BentonSansRegular.otf');
}

@font-face {
    font-family: 'BentonSans_bold';
    src: url('../../fonts/BentonSansBold.otf');
}
 

  @font-face {
    font-family: 'Poppins-Medium';
    src: url('../../fonts/Poppins-Medium.ttf');
}

@font-face {
    font-family: 'Poppins-Bold';
    src: url('../../fonts/Poppins-Bold.ttf');
}


@font-face {
    font-family: 'Poppins';
    src: url('../../fonts/Poppins-Regular.ttf');
}


@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('../../fonts/Poppins-SemiBold.ttf');
}


@font-face {
    font-family: 'BentonSans';
    src: url('../../fonts/BentonSansRegular.otf');
}

@font-face {
    font-family: 'BentonSans_bold';
    src: url('../../fonts/BentonSansBold.otf');
}

@font-face {
    font-family: 'Ubermove';
    src: url('../../fonts/UberMove-Medium.ttf');
}

@font-face {
    font-family: 'Ubermove_bold';
    src: url('../../fonts/UberMove-Bold.ttf');
}

@font-face {
    font-family: 'Ubermove_regular';
    src: url('../../fonts/UberMove-Regular.ttf');
}


@font-face {
    font-family: 'Lato';
    src: url('../../fonts/Lato-Regular.ttf');
}

@font-face {
    font-family: 'Lato_bold';
    src: url('../../fonts/Lato-Bold.ttf');
}
 
.dashboard-body{font-family:'Mark Offc For MC', sans-serif;}
.modal-content{font-family:'Mark Offc For MC', sans-serif;}
body{
    margin: 0;
    padding: 0 !important;
    font-family: 'Mark Offc For MC', sans-serif !important;
    overflow-x: hidden;
    min-height: 100vh;
    font-size:14px;
    background-color: #f8f7f5;
}
/* .mainpoint-header .container{
    min-height: 1242px;
    width: 600px;
    background-color: #fff;
} */
.no-wrap{
    white-space: nowrap;
}
.form-control{
       border: 1px solid #96918B;
    font-size: 14px;
    border-radius: 5px;
    padding: 6px;
    height:40px;
}
.project-filter .sticky-search .form-control{
        padding-left: 33px !important;
}
select.form-control{
    -webkit-appearance: none;
    background-image: url('../images/down-arrow.svg');
	background-repeat: no-repeat;
	/* background-position: 99%; */
	background-position: right 10px center;
	background-size: 10px;
    padding-right: 27px;
}
.search-btn-flex .form-control{
    width: calc(100% - 190px);
}
.textarea-size{
    height: 300px !important;
}
.admin-body{
    /* max-width: 1440px; */
    margin: 0 auto;
     background-color: #f8f7f5; 
}

.header-section{
    display: flex;
    width: 100%;
    min-height: 104px;
    align-items: center;
    border-bottom: 1px solid #b3b3b3;
    padding-left: 82px;
    padding-right: 82px;
}
/*.my-account {
    list-style: none;
    margin-right: 15px;
    margin-bottom: 0;
}
.my-account li {
    display: inline-block;
    font-size: 14px;
    color: #000;
    margin-left: 30px;
}
.my-account li:first-child{
    margin-left: 11px;
}*/
.mast_nav a,.mast_nav a:hover {
    color: #fff;
    text-decoration: none;
}
.broadcast-msg {
    position: relative;
}
.header-section .navbar-collapse {
    margin-top: 10px;
}
.header-section img{
    /*height: 69px;*/ 
    width: auto;
    margin-right: auto;
}
.header-section .icon_txt {
    width: 27px;
    height: 27px;
    border-radius: 100%;
    margin-right: 3px;
    margin-top: -2px;
    object-fit: cover;
    object-position: center;
    border: 1px solid #b3b3b3;
}
.content-section{
    padding: 10px 15px;
}
.content-section .heading{
    font-weight: 800;
    font-size: 36px;
    line-height: 46px;
    width: 75%;
    color: #001c3a;
}
.content-section .text{
    font-size: 17.4px;
    color: #001c3a;
    margin-top: 48px;
    font-weight: 500;
    margin-bottom: 48px;
}
.content-section .details{
    margin-top: 20px;
}
.content-section .details p{
    font-size: 17.4px;
    color: #001c3a;
    margin-bottom: 0;
    font-weight: 500;
}
.content-section .details p strong{
    font-weight: 800;
}

/* .header-section .navbar .navbar-nav .nav-item{
    min-width: 145px;
    text-align: right;
} */
/* .header-section .navbar-nav .nav-item .nav-link{
    display: block;
    float: right;
} */
/* admin-dasboard */
.mainpoint-header .container-fluid{
    background-color: #fff;
}
.admin-heading{
    height: auto;
    padding:40px 0px 25px 0px;
    min-height: calc(100vh - 192px);
}
.heading-height{
    min-height: 160px;
}
.admin-heading h4,.content-section h4.main-heading{
    font-weight: 400;
    color: #000;
    font-size: 48px;
    line-height: 56px;
    margin-top: 0rem;
    margin-bottom: 0rem;
    /*font-family: 'Roboto Slab', serif;*/
}
.admin-heading .custom-btn{    
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
	border-radius: 0px;
    /*text-transform: uppercase;*/
    /*width: 180px;*/
     font-size: 15px;
    border-radius: 20px;
    padding: 8px 20px;
    line-height: 19px;
}
.icon_txt_dashbord {
    width: 24px;
    margin-top: -3px;
}   
.admin-heading h4 .custom-btn{
    background-color: #001c3a !important;
    border-color: #001c3a !important;
	border-radius: 0px;
    /*text-transform: uppercase;*/
    /*font-family: 'Work Sans', sans-serif;*/
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 10px;
    width: 230px;
}
.admin-heading .custom-btn:hover{
    background-color: #d64521 !important;
}
/*.admin-table{
    padding: 0px 15px 30px 15px;
}*/
.admin-table .table,.table-responsive1 .table{
    /*max-width: 1290px;*/
    margin: 0 auto;
	margin-bottom: 15px;
        /*border: 1px solid #dee2e6;*/
        margin: 0px !important;
        /*border-collapse:collapse !Important;*/
            border-spacing: 0px;
}
.header-section .navbar-brand{
     /* margin-left: 30px;    */
     margin-left: 10px;  
     height:auto;
     margin-top: 12px;
}
.header-section .navbar-brand img{
    /*height: 32px;*/
    width:52px;
}
table.table-bordered.dataTable th, table.table-bordered.dataTable td{
    vertical-align: middle;
}
.table-responsive td p{
    margin-bottom: 5px;
}
.admin-table .table-striped tbody tr:nth-of-type(even){
    background-color: #fff;
}
/*.admin-table .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.015);
}*/
.admin-table .table thead th{ 
    background-color: #0e4777;
    color: #fff;
    /*text-align: left !important;*/
    font-size: 13px;
    padding-bottom: 11px;
    padding-top: 11px;
    font-weight: 600;
    letter-spacing: 0px;
    cursor: default !important;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
    outline: 1px solid #bebebe;
   
}
.table-responsive .table thead th{
    position: sticky !important;
    top: 0px;
    z-index: 9; 
    font-weight:bold;
    outline: 1px solid #bebebe;
}
.admin-table .table tfoot td{
    background-color: #0e4777;
    color: #fff;
    /*text-transform: uppercase;*/
    text-align: center;
    font-size: 13px !important;
    padding-bottom: 11px;
    padding-top: 11px;
    white-space: nowrap;
    letter-spacing: 1px;
    cursor: default !important;
    padding-left: 5px;
    padding-right: 5px;
}

.admin-table .table thead th.sorting:after, table.dataTable thead th.sorting:after{
    /*display: none !important;*/
    content: '\f0d7' !important;
	font-family: 'FontAwesome' !important;
}
.admin-table .table thead th.sorting_desc:after, table.dataTable thead th.sorting_desc:after{
    /*display: none !important;*/
    content: '\f0d7' !important;
	font-family: 'FontAwesome' !important;
    position: absolute;
    right: 5px;
    top: calc(30% + 8px);
    opacity: 1;
}
.admin-table .table thead th.sorting_desc:before, table.dataTable thead th.sorting_desc:before{
    /*display: none !important;*/
    content: "\f0d8" !important;
	font-family: 'FontAwesome' !important;
    position: absolute;
    right: 5px;
    top: 30%;
    opacity: 0.4;
}
.admin-table .table thead th.sorting_asc:after, table.dataTable thead th.sorting_asc:after{
    /*display: none !important;*/
    content: "\f0d8" !important;
	font-family: 'FontAwesome' !important;
    position: absolute;
    right: 5px;
    top: 30%;
    opacity: 1;
}
.admin-table .table thead th.sorting_asc:before, table.dataTable thead th.sorting_asc:before{
    content: '\f0d7' !important;
    font-family: 'FontAwesome' !important;
    position: absolute;
    right: 5px;
    top: calc(30% + 8px);
    opacity: 0.4;
}
.admin-table .table thead th.sorting::after, table.dataTable thead th.sorting::after{
    content: "\f0d8" !important;
    font-family: 'FontAwesome' !important;
    position: absolute;
    right: 5px;
    top: 18%;
}
.admin-table .table thead th.sorting::before, table.dataTable thead th.sorting::before{
    content: '\f0d7' !important;
    font-family: 'FontAwesome' !important;
    position: absolute;
    right: 5px;
    top: calc(30% + 3px);
}
.admin-table .table thead th{
    position: relative;
}

.admin-table .table thead th.project-thead{
    width: 220px; text-align:left !important;
}

.textLeft{ text-align:left !important;}
/* .admin-table .table thead th:first-child{
    width: 384px;
}
.admin-table .table thead th:nth-child(2){
    width: 384px;
} */
td span.services {
    text-align: left;
    display: inline-block;
    width: 100%;
    line-height: 18px;
    font-size: 14px;
    white-space: nowrap;
}
.services .crmrequest{
    vertical-align: middle;
    font-size: 20px;
}
.submit-by {
    width: 275px; 
}
.brand-thead{
    min-width: 60px;
}
.project-client-name{max-width:60px;}
.textCenter{text-align:center !important;}
.admin-table .table tbody td{
    font-size: 14px;
    color: #000;
    /* text-align: center; */
    vertical-align: middle;
/*    border-bottom: none;
    border-top: none;*/
    /* padding-left: 5px;
    padding-right: 5px; */
}
/* .admin-table .table tbody td:first-child{
    text-align: left;
} */
.admin-table .table tbody td p{
    font-weight: 500;
    /* line-height: 20px; */
    margin-bottom: 0;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
}
.admin-table .table tbody td p strong{
    font-weight: 700;
}
.admin-table .table tbody td .text-danger{
    color: #D7373C !important;
}
.admin-table .table tbody td .text-info{
    color: #175f99 !important;
}
.admin-table .table tbody td .form-group{
    margin: 10px 0;
}
.admin-table .table tbody td .form-control{
    /*border-radius: 0px;*/
    border-color: #9b9b9b;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    /* width: 209px; */
    width: 110px;
    height: 40px;
    margin: auto;
    /*font-family: 'Work Sans', sans-serif;*/
    appearance: none;
    background-color: #fff;
}
.admin-table .table tbody td select.form-control{
    -webkit-appearance: none;
    /* background: url(../images/arrow.png) no-repeat 97% center; */
    background: url(../images/down-arrow.svg) no-repeat 97% center;
    background-size: 10px;
    background-color: #fff;
	padding-right: 25px;
}
.admin-table .table tbody td .btn-primary{
    /*border-radius: 0px;*/
    background-color: var(--color-primary);
    border-color: var(--color-primary);
/*    text-transform: uppercase;
    font-family: 'Work Sans', sans-serif;*/
    font-weight: 600;
    font-size: 15px;
    /*letter-spacing: 1px;*/
    padding: .375rem .75rem;
    width: auto;
	vertical-align: middle;
    /*min-width: 43px;*/ 
    /* margin-left: 5px; */
}
.admin-table .table tbody td .btn-portal{
    background-color: #051c38;
    border-color: #051c38;
    height: 34px !important;
    padding: 0px !important;
    margin-left: 5px;
    padding-left: 5px !important;
    padding-right: 5px !important;  
}
.admin-table .table tbody td .btn-portal[disabled]{
	cursor: not-allowed;
	opacity: 0.4;
}
.admin-table .table tbody td .btn-portal img{
    width: 20px;
    margin-right: 6px;
}

.admin-table .table tbody td .btn-danger{
	border-radius: 0px;
/*    text-transform: uppercase;
    font-family: 'Work Sans', sans-serif;*/
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 10px;
    width: 100px;
	margin-top: 10px;
	
}
strong.projectName{text-decoration:none; color:#175f99 !important ;}
.admin-table .table tbody td a:hover{
	text-decoration: none;
}
.admin-table .table tbody td .date{
    white-space: nowrap;
    font-weight: 700;
}

.admin-table .table tbody td p.change-text {
    color: #001c3a;
}
.admin-body .dataTables_info{
    float: left;
    width: 50%;
    margin-top: 10px !important;
    padding-left: 5px;
}
.admin-table .table tbody td .action-clm-btn .btn-search{
    width: 43px;
    padding: 8px;
    background-color: var(--color-primary);

}
.admin-table .table tbody td .action-clm-btn .btn-search:hover{
    color: var(--color-secondary);
}
.admin-table .table tbody td .action-clm-btn .chat-icon{
    width: 43px;
    padding: 8px;
    background-color: var(--color-primary);
/*    text-transform: uppercase;*/
    margin-top: 0;
    margin-left: 5px;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
}
.admin-table .table tbody td .action-clm-btn .chat-icon:hover{
    color: var(--color-secondary);
}
/*.admin-body*/ .dataTables_paginate{
    float: right;
    width: 50%;
    margin-top: 15px !important;
    padding-right: 0px;
}
/*.admin-body*/ .dataTables_paginate .paginate_button {
    padding: 5px 10px;
    border: 0px solid #b3b3b3;
    margin-left: -1px;
    cursor: pointer;
    color: #000;
    transition: 0.4s ease all;
    -webkit-transition: 0.4s ease all;
     font-size: 18px;
    line-height:26px;
    /* color:141413; */
}
/*.admin-body*/ .dataTables_paginate .paginate_button.current,
/*.admin-body*/ .dataTables_paginate .paginate_button:hover{
    /*background-color: var(--color-primary);*/
    /*color: #fff;*/
    border-left-color: #fff;
    border-right-color: #fff;
}
/*.admin-body*/ 
.dataTables_paginate .paginate_button.disabled{
    /*background-color: #cacaca;*/
    cursor: not-allowed;
    color: #b3b3b3;
    border: 0px solid #cacaca;
}
.dataTables_paginate .paginate_button.disabled:hover{
    background-color: transparent !important;
}
/*.admin-body*/ 
.dataTables_paginate .paginate_button.disabled:hover{
    border-left-color: #cacaca;
    border-right-color: #cacaca;
}
/*div.dataTables_wrapper div.dataTables_length label{
    text-transform: capitalize;
}*/

.add-user-table .row{
	width: 100%;
}
.add-user-table .row .col-sm-12{
	padding-left: 10px;
	padding-right: 10px;
}
.add-user-table .row .col-sm-6 .dataTables_length{
	float: left;
	margin-bottom: 10px;
}
.add-user-table .row .col-sm-6 .dataTables_filter{
	float: right;
	margin-bottom: 10px;
}
.add-user-table .dataTables_paginate{
	width: auto;
}
.add-user-table .table thead th{
    background-color: var(--color-third);
    color: #ffffff;
    font-size: 12px;
}
.add-user-table .table tbody td{
    font-size: 12px;
}
.user-add-form{
    /* border-radius: 0; */
    padding: 15px;
    background-color: #ffffff;
    margin-bottom: 30px;
    border: 1px solid #b3b3b3;
    border-radius: 5px;
}

/*#example_wrapper .dataTables_length,
#emp-001_wrapper .dataTables_length{
	width: 50%;
	float: left;
}*/
#example_wrapper .dataTables_length select,
#emp-001_wrapper .dataTables_length select{
	/*height: 30px;*/
        /*width: 60px;*/
}
.dataTables_filter input, .dataTables_length select{
        /*padding: 0.2rem 0.75rem;*/
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        border: 1px solid #ced4da;
        background-color: #fff;
}
#example_wrapper .dataTables_filter,
#emp-001_wrapper .dataTables_filter{
	width: 50%;
	float: right;
}
#example_wrapper .dataTables_filter label,
#emp-001_wrapper .dataTables_filter label{
	float: right;
}
.fit-content{
	height: fit-content !important;
	overflow-y: hidden;
}
div.dataTables_wrapper div.dataTables_filter input{
    height: 40px;
    width: 603px !important;
    outline: none;
    border: 1px solid #686868;
    padding: 10px;
    float:right;
    margin-left:0px !important;
    border-radius: 5px;
}


/* custom-checkbox */
.cust-check {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
  }
  .cust-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #cacaca;
  }
  /* .cust-check:hover input ~ .checkmark {
    background-color: #ccc;
  } */
  .cust-check input:checked ~ .checkmark {
    background-color: #fff;
	background-image: url(../images/cross-checkbox.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  .cust-check input:checked ~ .checkmark:after {
    display: block;
  }
  /* Style the checkmark/indicator  */
 /* .cust-check .checkmark:after {
    left: 6px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #888;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }*/

  /* popup edit and delete */
 
  #cboxOverlay{
      background-color: rgba(0,0,0,0.9) !important;
      background-image: none !important;
  }
  /* #cboxMiddleLeft, #cboxContent, #cboxLoadedContent{
    height: auto !important;
  } */
  #cboxMiddleLeft, 
  #cboxMiddleRight,
  #cboxBottomCenter,
  #cboxTopCenter,
  #cboxBottomLeft,
  #cboxBottomCenter,
  #cboxBottomLeft,
  #cboxBottomRight,
  #cboxTopLeft,
  #cboxTopCenter,
  #cboxTopRight{
      display: none !important;
  }
  /* #cboxContent{
      background-color: transparent !important;
  } */
  /* #cboxLoadedContent{
      height: auto !important;
      margin-bottom: 0 !important;
  } */
  /* #cboxClose{
      display: block !important;
  } */
  #cboxContent{
    border-radius: 5px;
  }
  .edit-popup{
      /* width: 100%; */
      display: block;
      background-color: #ffffff;
      position: relative;
      width: 100%;
      min-width: initial;
      margin: 0 auto;
          border-radius: 5px;
      /*border: 1px solid #000;*/
  }
  .edit-brief-form .form-group{
    min-height: 85px;
  }
  .modal-open .modal {
    background-color: rgba(0, 0, 0, 0.7);
}
  
#projectDetailsModal .modal-header .close{
    margin-top:0px !Important;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 0;
    /*color: #fff !important;*/
    opacity: 1;
}
.modal-content{
    border:0px solid #fff !important;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    
}
  .client-popup{
      width: 100%;
      display: block;
      background-color: #ffffff;
      position: relative;
      width: 100%;
      max-width: 1100px;
      margin: 10% auto;
      padding: 55px;
      border: 1px solid #000;
  }
   .w-900{
	max-width: 1000px;
  }
  .w-1100{
	  max-width: 100%;
  }
  .edit-table{
      padding: 15px;
      margin: 5% auto;
       width: calc(100% - 68%); 
      /*width: 100%;*/
      padding: 55px 86px;
          border-radius: 5px;
  }
  .edit-table .myClose{
	margin-top: -10px;
  }
  #colorbox {
	  width: 100% !important;
  }
  #mypopid .btn-primary{
          width: 191px;
    font-size: 15px;
    padding: 8px;
  }
  .margBtm10{
	  margin-bottom:20px;
  }
  .updateBtn{
      background-color: var(--color-primary) !important;
      border-radius:20px;
      font-size: 15px; 
      min-width: 100px;background-color:  var(--color-primary) !important; 
      border-color:  var(--color-primary) !important;
      
    }

  .cancleBtn{
      background-color: #b3b3b3;
      border:none; 
      border-radius:20px;
      font-size: 15px;
          min-width: 100px;
          color:#000 !important;
    }
    .cancleBtn:hover{
            background-color: #cccccc;
            border-color:#ccc;
    }
  .edit-popup div.dataTables_wrapper div.dataTables_paginate{
	display: block;
    width: 100%;
    margin-bottom: 20px;
  }
  .trend-box{
	  padding: 55px 15px;
	  max-width: 700px;
  }
  
  .audit-box{
	  padding: 55px 15px;
	  max-width: 900px;
  }
  .edit-popup h2{
      text-align: center;
      font-size: 25px;
      color: #000;
      font-weight: 800;
      margin-top: 0;
      margin-bottom: 25px;
      /*font-family: 'Roboto Slab', serif;*/
  }
  .client-popup h2{
      text-align: center;
      font-size: 25px;
      color: #000;
      font-weight: 800;
      margin-top: 0;
      margin-bottom: 25px;
      /*font-family: 'Roboto Slab', sans-serif;*/
  }
  .edit-popup .form-group label{
    font-weight: 500;
    color: #000;
    margin-bottom: 0;
    font-size: 12px;
  }
  .edit-popup .form-group .multiselect-container label{
      font-size: 14px;
          color: #141413 !Important;
  }
  .edit-popup .form-group label .required{
      color: #ff0000;
  }
  .client-popup .form-group label .required{
      color: #ff0000;
  }
  .edit-popup .form-group input.form-control{
      /*border-radius: 0;*/
      height: 40px !important;
      border: 1px solid #bbbbbb;
      color: #000;
      font-weight: 500;
  }
  .edit-popup .form-group .form-control.multiselect-search{
      height: 35px !important;
      background-color: rgba(231, 231, 231, 0.5);
       /* border: 0px solid #bbbbbb; */
        padding-left:30px;
        border: 0px solid #fff !important;
  }
   .form-control.multiselect-search:focus{
      background-color: #E7E7E7;
  }
  .client-popup .form-group .form-control{
      border-radius: 0;
      height: 40px !important;
      border: 1px solid #bbbbbb;
      color: #000;
      font-weight: 500;
  }
  .edit-popup .form-group select.form-control{
    -webkit-appearance: none;
    /* background: url(../images/arrow.png) no-repeat 97% center; */
    background-image: url(../../images/down-arrow.svg);
    background-position: right 10px center;
    background-size: 10px;
    background-color: #fff;
    padding-right: 21px;
    box-shadow: none;
  }
  .client-popup .form-group select.form-control{
    -webkit-appearance: none;
    background-image: url(../../images/down-arrow.svg);
    background-position: right 10px center;
    background-size: 10px;
    background-color: #fff;
    padding-right: 21px;
    box-shadow: none;
  }
  .edit-popup .btn-save{
      display: block;
      margin: 40px auto 20px auto;
      border-radius: 0;
      width: 180px;
      /* height: 40px; */
      background-color: var(--color-primary);
      /*text-transform: uppercase;*/
      font-weight: 700;
      font-size: 16px;
      color: #ffffff;
      height: 50px;
  }
  .client-popup .btn-save{
      display: block;
      margin: 40px auto 20px auto;
      border-radius: 0;
      width: 180px;
      /* height: 40px; */
      background-color: var(--color-primary);
      /*text-transform: uppercase;*/
      font-weight: 700;
      font-size: 16px;
      color: #ffffff;
      height: 50px;
      margin-bottom: 15px;
  }

  .edit-popup .btn-close{
      display: block;
      /* margin: 40px auto 20px auto; */
      border-radius: 0;
      color: var(--color-primary) ;
      border: 2px solid var(--color-primary);
      width: 180px;
      /* height: 40px; */
      background-color: #ffffff;
      /*text-transform: uppercase;*/
      font-weight: 700;
      height: 50px;
      font-size: 16px;
      margin-bottom: 15px;
  }

  .edit-popup .btn-close:hover{
    color: var(--color-primary) ;
  }
  
  .edit-popup .btn-save:hover{
    color: #fff;
    background-color: #407bb8;
    border-color: #407bb8;
  }
  .client-popup .btn-save:hover{
    color: #fff;
    background-color: #407bb8;
    border-color: #407bb8;
  }
  .edit-popup .btn-cancel{
      display: block;
      width: 100px;
      height: 50px;
      background-color: #0e4777;
      border-color: #0e4777;
      border-radius: 0;
      font-weight: 700;
      font-size: 16px;
      margin: 0px auto 0px auto;
      /*text-transform: uppercase;*/
  }
  .client-popup .btn-cancel{
      display: block;
      width: 100px;
      height: 40px;
      background-color: #0e4777;
      border-color: #0e4777;
      border-radius: 0;
      font-weight: 500;
      font-size: 12px;
      margin: 0px auto 0px auto;
      /*text-transform: uppercase;*/
  }
  .edit-popup .btn-cancel:hover{
      color: #fff;
      background-color: #0e4777;
    border-color: #0e4777;
  }
  .client-popup .btn-cancel:hover{
      color: #fff;
      background-color: #0e4777;
    border-color: #0e4777;
  }
  .edit-popup .text-danger{
        color: #ed2b2e !important;
  }
  .client-popup .text-danger{
        color: #ed2b2e !important;
  }
  .vendor-table tr th{
	border-top: 1px solid #ddd !important;
  }
  .tright{text-align:right !important;}
  .tcenter{text-align:center !important;}
  .tleft{text-align:left !important;}
  .vendor-table tr th label{
	font-weight: 500;
	    font-size: 13px;
    white-space: nowrap;
	color: #000;

  }
   .vendor-table tr th label .required{
	   color: #ff0000;
   }
  .project-details{
      width: 100%;
      max-width: initial;
      padding: 0px;
  }
  #projectDetailsModal .modal-dialog{
      /*max-width: 600px;*/
      /*width:600px;*/
      -webkit-transform: translate(0,0)!Important;
      transform: translate(0,0) !Important;
  }
/*  #projectDetailsModal #add-files .modal-dialog{
      max-width: 680px;
  }*/
#add-files.modal,#delete-files.modal{
    overflow: hidden !important;
}
  .modal-content{
   border-radius: 0px;   
  }
  .project-details h3{
      margin-bottom: 15px;
  }
  .project-details .details-text{
      margin-bottom: 23px;
  }
  .project-details .details-text h4{
      color: #00082d;
      font-weight: 700;
      font-size: 16.5px;
      margin: 0;
      margin-bottom: 3px;
  }
  .project-details .details-text p{
    color: #000000;	/*#00082d*/
    font-weight: 500;
    font-size: 16.5px;
      margin: 0;
  }
  .project-details .details-text p.project-name strong{
    color: #004588;
    font-weight: 700;
  }


  /* ====Send mail popup==== */
  .email-popup{
    position: absolute;
    right: 51px;
    top: 7px;
    font-size: 23px;
    color: #ffffff;
  }
  .email-popup:hover,
  .email-popup:active,
  .email-popup:focus{
    color: #fafafa;
  }
  .dash-popup {
      background-color: rgba(0,0,0,0.8);
  }
  .delete-popup .modal-dialog,
  .dash-popup .modal-dialog{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .dash-popup .modal-body{
    background-image: linear-gradient(to bottom, #4472c4 0%,#90ce52 100%);
    border-radius: 4px;
    position: relative;
    border: 5px solid #ffffff;
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .dash-popup .modal-body h3{
        color: #ffffff;
  }
  .dash-popup .modal-body .form-group label{
        color: #ffffff;
        font-weight: 500;
  }
  .dash-popup .modal-body .btn{
      min-width: 110px;
      /*text-transform: uppercase;*/
      font-weight: 600;
      margin-left: 7px;
      margin-right: 7px;
      margin-top: 15px;
  }
  .dash-popup .modal-body .btn-primary:hover{
    background-color: #005bbb !important;
    border-color: #005bbb !important;
  }
  .dash-popup .modal-body .close{
      position: absolute;
      right: 5px;
      top: 5px;
      color: #ffffff;
      opacity: 1;
  }
    .dash-popup .btn-light{
        background-color: transparent !important;
        float: none;
        font-size: 14px;
        font-weight: 400;
        color: #ffffff !important;
        opacity: 1;
        line-height: 20px;
        right: inherit !important;
        top: inherit !important;
        border: 2px solid #fff;
    }
    .dash-popup .btn-light:hover{
        opacity: 1;
        background-color: rgba(255,255,255,0.4) !important;
        border-color: #ffffff !important;
    }

  /* ====Delete Popup==== */
  .delete-popup{
    background-color: rgba(0,0,0,0.8);
  }
  .delete-popup .btn{
      min-width: 100px;
  }
  .delete-popup .btn-light{
      background-color: #dedede !important;
      float: none;
      font-size: 14px;
      font-weight: 400;
      color: #000 !important;
      opacity: 1;
      line-height: 20px;
  }
  .delete-popup .btn-light:hover{
    opacity: 1;
  }

    .multiple-file{
        font-size: 11px;
        font-weight: 500;
        display: inline-block;
        width: 100%;
    }

    /* ==== Copy to clipboard popup ==== */
    .copy-clipboard .modal-dialog{
        max-width: 650px;
    }
    .copy-clipboard textarea{
        min-height: 230px;
        background-color: #eeeeee;
    }
    .copy-clipboard textarea:focus{
        background-color: #eeeeee;
    }

    /* === Share Brief Popup === */
    .copy-clipboard{
        overflow-y: auto;
    }
    .share-brief{
        background-color: rgba(0,0,0,0.8);
        /*font-family: 'Roboto', sans-serif !important;*/
    }
    .share-brief .modal-dialog{
        /*min-width: 650px;*/
        display: flex;
        height: 100%;
        justify-content: center;
        align-items: center;
    }
    .share-brief .modal-dialog .modal-content{
        border-radius: 0px;
        text-align: left;
        /*padding: 30px;*/
        position: relative;
    }
/*    .share-brief .close{
        position: absolute;
        right: -20px;
        top: -20px;
        color: #000000;
        opacity: 1;
    }*/
    .share-brief .share-title{
        color: #000000;
        font-size: 28px;
        /* font-weight: 300; */
        letter-spacing: 0;
        margin-bottom: 20px;
        /*font-family: 'Roboto Slab', sans-serif;*/
        font-weight: 700;
    }
    .share-brief .input-form-ctrl label, .share-brief .input-form-ctrl label strong{
        font-size: 16px;
        font-weight: 400;
    }
    .share-brief .modal-content .select2-selection{
        border-radius: 0;
        min-height: 50px;
        border: none;
        background-color: #eeeeee;
    }
    .share-brief .section-button .btn{
        max-width: 200px;
        float: none;
        border-radius: 5px;
    }
    .share-brief .btn-light{
        right: 0;
        top: 0;
        color: #000;
        text-shadow: none;
    }
/*    .share-brief .close:hover{
        color: #fff;
    }*/
    .btn-primary:hover{
        background-color:#d64521 !important;
    }
    .share-brief .select2 .select2-search__field{
        padding: 13px 10px !important;
        margin: 0 !important;
    }
    .share-btn .btn-share{
        max-width: 158px;
    }
    .cancel-project.share-brief .close1{
        position: absolute;
        right: -9px;
        top: -9px;
        color: #000000;
        opacity: 1;
        font-size: 21px;
    }
    .cancel-project.share-brief .close1:hover{
        opacity: 0.5;
    }

    @media screen and (max-width: 767px){
        .share-brief .modal-dialog{
            margin: auto;
            min-width: auto;
        }
    }

  /* ====Add Attachment==== */
  #add_attachment.btn{
    min-width: 120px;
    margin-top: 4px;
  }
  #add_attachment.btn:hover{
    background-color: #d64521 !important;
    /* border-color: var(--hover-primary) !important; */
    /*color: var(--color-secondary);*/
  }
/* custom file upload css */
.custom-file{
       height: 50px;
  }
  .custom-file input[type="file"]{
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    z-index: 9999;
    width: 100%;
    cursor: pointer;
  }
  .inputfile {
	/* width: 0.1px;
	height: 0.1px; */
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: 1;
        height: 50px;
        width: 100%;
  }
  
  .inputfile + label {
	width: 100%;
	font-size: 17px;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	position: relative;
	font-weight: 500;
	margin: 0px;
	height: 50px;
  }
  
  .no-js .inputfile + label {
	display: none;
  }
  
  
  .inputfile + label {
	padding: 0;
	background-color: #eeeeee;
  }
  
  
  .inputfile + label .archive-name,
  .inputfile + label .btn-inputfile {
	padding: 8px 10px;
	height: 32px;
	font-style: normal;
  }
  
  .inputfile + label .archive-name {
	width: calc(100% - 81px);
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: top;
	font-weight: 400;
	line-height: 35px;
        color: #000000;
        font-size: 16px;
        height: 100%;
  }
  #content .gform_wrapper .gform_button:hover,.start_pro_txt .btn-primary:hover{
        background-color: #d64521 !important;
    }
    .start_pro_txt .btn-primary{
        font-size: 15px;
        border-radius: 20px;
         padding: 8px 20px;
         line-height: 19px;
        width: 160px;
    }
  .inputfile + label .btn-inputfile {
	color: #ffffff;
	display: inline-block;
	position: absolute;
	right: 0;
	/* font-size: 12px; */
	padding: 9px 15px;
	background-color: var(--color-primary);
	height: 50px;
    line-height: 32px;
    font-size: 16px;
  }
  
  .inputfile:focus + label .btn-inputfile,
  .inputfile.has-focus + label .btn-inputfile,
  .inputfile + label:hover .btn-inputfile {
	background-color: #d1d1d1;
	color: #000000;
  }

/* dropdown menu */
/*.header-section .navbar{
    margin-left: auto;
    padding: 0;
}*/
.bt-header .navbar-nav .nav-item a {
    color: #fff;
    font-size: 16px;
    /*text-transform: capitalize;*/
    padding: 10px 10px;
    cursor: pointer;
    
}
.bt-header .navbar-nav .nav-item a.single_tab:hover{
        text-decoration: underline;
}
.single_tab .dropdown-menu a:hover{
    text-decoration: none;
}
.mast_nav{
    font-size: 16px;
    text-transform: capitalize;
    padding: 10px 10px;
    cursor: pointer;
    /*margin-top:3px;*/
}
.mast_nav1{
    font-size: 16px;
    text-transform: capitalize;
    padding: 10px 10px;
    cursor: pointer;
    margin-left:20px;
}
.mast_nav a{
    color:#fff;
    padding:0px;
}
.menu-text{
    color: #141413; 
}
.header-section .navbar .dropdown-menu {
    background-color: #fff !important;
    border-radius: 5px !important;
}
.header-section .navbar-nav>li>a {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
/*.header-section .navbar .navbar-nav li a.dropdown-toggle{
    border: 2px solid #ffffff;
    min-height: 50px;
    padding-left: 16px;
    padding-right: 16px;
    min-width: 291px;
    position: relative;
    padding-right: 40px;
    line-height: 28px;
}
.header-section .navbar .navbar-nav li a.dropdown-toggle:hover{
    border: 2px solid #9a9a9a;
    color: #9a9a9a;
}
.header-section .navbar .navbar-nav li a.dropdown-toggle::after{
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
}*/
/*.header-section .dropdown-menu{
    top: 47px;
    right: 0;
    left: 0;
    border-radius: 0;
    padding: 0;
    position: absolute;
     display: block !important; 
    background-color: #ffffff;
     border: 2px solid #ffffff; 
    box-shadow: 3px 2px 10px #595959;
    z-index: 999999;
}*/
.bt-header .navbar-nav .dropdown-menu {
    padding: 0;
    border-radius: 0;
    top: 51px;
      
    /* box-shadow: 0 0 5px #888888; */
}
.bt-header #navbarSupportedContent .navbar-nav .dropdown-menu{
      left: -86%;
          padding: 8px 10px;
}
.bt-header #navbarSupportedContent .navbar-nav .dropdown-menu::before{
    content:'';
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #fff;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #fff;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    transform: rotate(45deg) skew(10deg, 10deg);
    left: 43%;
    top: -7px;
    background-color: #fff;
}
.header-section .dropdown-menu .dropdown-item{
    border: none !important;
    color: #61605F;
    padding: 15px 32px 0px 32px;
}
/*.header-section .dropdown-menu .dropdown-item:last-child{
    padding-bottom: 15px;
}*/
.header-section .dropdown-menu a{
    /* color: #000; */
    border-top: 1px solid #ccc;
    color: #fff;
}
.header-section .dropdown-menu a:hover{
    background-color: #ffffff;
    color: rgba(255,255,255,0.6)
}


/* admin portal */
.admin-heading .portal-heading{
    float: left;
    display: inline;
    padding: 60px 60px 60px 75px;
}
.admin-heading .panel-img img{
    height: 100%;
    margin-right: 60px;
}

.full-section-main{
    float: left;
    width: 100%;
}
.full-section-main{

}
.admin-table .nopad .title-heading{
    margin-bottom: 20px;
}

.left-portal-panel .left-details{
    float: left;
    width: 100%;
}
.left-portal-panel .white-box{
    display: inline-block;
}
.table-block-padding{
    padding: 119px 54px 20px 60px;
}
.admin-table .portal-block{
    /*max-width: 1290px;*/
    margin: 0 auto;
}
.admin-table .white-box{
    padding: 15px 10px;
    border: 1px solid #ccc;
    box-shadow: 0px 1px 10px #ccc;
}
.left-portal-panel .row-padding{
    padding: 35px 15px 0px 15px;
}
.nopad h5{
    font-size: 13px;
    font-weight: 500;
}
.nopad h5 strong{
    font-weight: 600;
}
.admin-table .custom-btn{
    border-radius: 0px;
    background-color: #407bb8;
    border-color: #407bb8;
    /*text-transform: uppercase;*/
    /*font-family: 'Work Sans', sans-serif;*/
    /*font-weight: 600;*/
    /*letter-spacing: 1px;*/
    width: 180px;
    padding: 0.25rem 0.5rem;
    font-size: 16px;
    line-height: 1.5;
}
/* table{
    float: left;
    width: 100%;
    display: block;
} */
.admin-table .table thead th.sorting:after{
    opacity: 0.9;
}
.cust-table{
	border: 1px solid #ccc;
	width: 100%;
	margin-top: 15px;

}
.pro-list{
	padding: 0px;
	margin-top: 5px;
    text-transform: capitalize;
    margin-bottom: 0px;
    min-width: 120px;
}
.pro-list li{
	list-style: none;
    text-align: left;
    font-size: 14px;
    /*border: 1px solid #ccc;*/
    padding: 6px 0 0 0;
    margin-top: -1px;
}
.borderTopClass {
    border-top: 1px solid gray;
}
/*.tright{float:right !important}*/
.admin-table .table-striped tbody tr:nth-of-type(even) .cust-table tr{
	background-color: transparent !important;
	border-bottom: 1px solid #ccc;
	
}
.admin-table .table-striped tbody tr:nth-of-type(odd) .cust-table tr{
	background-color: transparent !important;
	border-bottom: 1px solid #ccc;
}

  .loader{
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background-color: rgb(255, 255, 255, 0.5);
      /* background-image: url('../../images/loder5.gif'); */
      background-image: url('../../images/d_loader.svg');
      background-repeat: no-repeat;
      background-position: center;
      z-index: 9999;
  }


  /* ==Portal Deatails== */
a:hover{
    text-decoration: none;
}
.portal-details select.form-control {
    -webkit-appearance: none;
    background: url(../images/arrow.png) no-repeat 98% center;
    background-size: 10px;
    background-color: #fff;
    border-radius: 0;
    border: 1px solid #a9a9a9;
    color: #000;
    font-weight: 500;
    font-size: 14px;
}
.padding-15{
    padding: 15px;
}
.portal-details{
    border-bottom: 1px solid #ababab;
	margin-bottom: 20px;
}
.portal-details h1{
    font-size: 20px;
    color: #000;
    font-weight: 700;
    margin-bottom: 20px;
	margin-top: 20px;
}
.portal-details h1 a{
    color: #000;
}
.portal-details .desc-box{
    border: 1px solid #d6d6d6;
    padding: 15px;
    font-weight: 500;
    color: #000;
    font-size: 16px;
    margin-bottom: 20px;
}
.portal-details .padding-15 .btn-primary{
    border-radius: 0px;
    background-color: #407bb8;
    border-color: #407bb8;
/*    text-transform: uppercase;
    font-family: 'Work Sans', sans-serif;*/
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 10px;
    width: 200px;
}
.portal-details .first-box{
    min-height: 375px;
}
.portal-details .second-box{
    min-height: 115px;
}
.grey-box{
    background-color: #efefef;
    padding: 15px 20px;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}
.grey-box h5{
    font-size: 20px;
    color: #000;
    font-weight: 700;
    margin: 0;
    cursor: pointer;
}
.grey-box .form-group{
    margin-bottom: 10px;
    margin-top: 15px;
}
.portal-details .form-group label{
    color: #000;
    font-weight: 500;
}

.greybox-text .form-control{
	max-width: 90%;
	float: left;
	border-radius: 0px;
	font-weight: 500;
        padding: 5px;
        margin-left: -5px;
}
.refresh-icon{
	display: block;
	margin: 7px 0;
}
.portal-details .btn-cat{
    border-radius: 0px;
    background-color: #407bb8;
    border-color: #407bb8;
/*    text-transform: uppercase;
    font-family: 'Work Sans', sans-serif;*/
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 10px;
    width: 230px;
	color: #fff !important;
}
.portal-details textarea.form-control{
    max-height: 85px;
    max-width: 100%;
    resize: none;
    color: #000;
}
.grey-bar{
    background-color: #d6d6d6;
    padding: 10px 20px;
    margin-bottom: 5px;
    display: inline-block;
    width: 100%;
}
.grey-bar p{
    margin: 0;
    color: #000;
    font-weight: 500;
}
.grey-bar span .fa,
.grey-box span .fa{
    float: right;
    font-size: 16px;
    color: #000;
	margin-left: 15px;
    margin-top: 6px;
    margin-bottom: 6px;
}
.grey-bar span .fa,
.grey-box span .fa{
	cursor: pointer;
    transition: 0.4s ease all;
    -webkit-transition: 0.4s ease all;
}
.grey-bar span .fa:hover,
.grey-box span .fa:hover{
   color: #407bb8;
}
.grey-box span .fa-times:hover,
.grey-bar span .fa-times:hover{
    color: #ff0000;
}
.grey-box span .fa-trash-o:hover,
.grey-bar span .fa-trash-o:hover{
    color: #ff0000;
}
.portal-details .collapsing{
    width: 100%;
    margin: 0;
    padding: 0;
}
.grey-bar p.greybox-text{
    font-size: 18px;
}
.btn-portal-save{
    border-radius: 0px;
    background-color: #407bb8;
    border-color: #407bb8;
/*    text-transform: uppercase;
    font-family: 'Work Sans', sans-serif;*/
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 10px;
    min-width: 235px;
    margin-bottom: 100px;
}
.btn-portal-save:disabled{
	background-color: #888;
	border-color: #888;
	cursor: not-allowed;
}
.btn-portal-save:disabled:hover{
	background-color: #888;
	border-color: #888;
}
.btn-portal-save:hover{
    background-color: #407bb8;
    border-color: #407bb8;
}

.portal-details .edit-btn{
    display: inline;
    float: right;
}
.portal-details .custom-btn-edit{
    float: right;
    background-color: transparent;
}
.portal-details .custom-btn-edit .fa{
    font-size: 18px;
}
.programbriefspantwo, 
.programdatesspantwo,
.programdetailsspantwo{
    margin-bottom: 20px;
    display: inline-block;
}

.icon{
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.down-triangle{
    width: 0px;
    height: 0px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #9b9b9b;
    margin-left: 5px;
    margin-bottom: 0px;
}
.up-triangle{
    width: 0px;
    height: 0px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #9b9b9b;
    margin-left: 5px;
    margin-bottom: 4px;
}
.mb-20{
    margin-bottom: 20px;
}
form{
    margin: 0;
}

/* The custom radio */
.cust-radio {
    display: inline;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 20px;
    font-weight: 500;
    vertical-align: middle;
  }
  .cust-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }
  .cust-radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 50%;
  }
  .cust-radio:hover input ~ .checkmark {
    background-color: #fff;
  }
  .cust-radio input:checked ~ .checkmark {
    background-color: #fff;
  }
  .cust-radio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  .cust-radio input:checked ~ .checkmark:after {
    display: block;
  }
  .cust-radio .checkmark:after {
       top: 4px;
      left: 4px;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #000;
  }
.border-dark{
	border: 2px solid #000;
}

.image-grid{
	background-color: #f0f0f0;
}
.image-grid img{
	max-width: 100%;
	width: auto;
}
.image-grid .default-img{
	max-height: 200px;
	object-fit: cover;
}
.image-grid h4{
	padding: 25px 15px;
	text-align: left;
	font-size: 18px;
	color: #000;
}
  
.email-form{
    padding: 0;
    padding-top: 0px;
    width: 670px;
    max-width: 670px;
    border: 0;
}
.form-send{
    padding: 25px 15px;
    
}
.form-send .form-group{
    margin-bottom: 5px;
}
.form-send .form-group input.form-control{ 
    height: 27px !important;
    margin-left: 3px;
    font-weight: 400;
    font-size: 14px;
    padding: 5px;
    border-radius: 0px;
}
.form-send .form-group .form-control[readonly],
.form-send .form-group .form-control[disabled]{
    background-color: #fff;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.form-send .form-group .form-control:focus{
    box-shadow: none;
}
/*.form-send .form-group .border-trans{
    border: 1px solid #fff;
}*/
.form-send .form-group .button{
    width: 65px;
    border: 1px solid #ccc;
    font-size: 14px;
    padding: 0px;
    line-height: 23px;
}
.form-send .form-group .button:focus{
    box-shadow: none;
    outline: none;
}
#viewEmailTemplateModal .modal-lg {
    max-width: 680px;
}
#viewEmailTemplateModal .modal-body{
    padding:0px;
}
#viewEmailTemplateModal .email-form{
        width: 640px;
    max-width: 640px;
}
.form-send .form-group .label-text{
    width: 65px;
    font-size: 14px;
    padding: 0px;
    line-height: 23px;
    border: 1px solid #ccc;
}
.bordered-email{
    border: 1px solid #ccc;
    margin: 0px 15px;
    padding-top: 10px;
    padding-bottom: 5px;
	display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
	/*margin-bottom: 25px;*/
}
.bordered-email table{
    /*width: 100% !important;*/
    width: 100%;
}
.d-flex{
    display: flex;
}
.flex-wrap{
    display: flex;
    flex-wrap: wrap;
}
#employee-grid{
    width: 100% !important;
}
.search-filter{
    background-color: #f0f0f0;
    margin-left: 0px !important;
    margin-right: 0px !important;
    /* margin-bottom: 108px; */
/*    margin-bottom: 55px;
    padding: 0 93px 0 93px;*/
}
.search-filter label{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.015em;
    color: var(--color-secondary);
}
.search-filter .btn-search{
	background-color: var(--color-primary);
	border: 1px solid var(--color-primary) !important;
    /*height: 35px;*/
	border-radius: 0;
    width: 190px;
    /*text-transform: uppercase;*/
    height: 50px;
    /*font-weight: 600;*/
}
.search-filter .btn-search:hover{
    color: #fff;
}
.search-filter #reportrange{
    height: 37px;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}
.search-filter  .date-range-cls{
    line-height: 33px;
    background-image: url(../../img/down-arrow.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px;
}
.search-filter  .date-range-cls .fa-caret-down{
    display: none;
}
.search-filter #reportrange .fa-caret-down{
    float: right;
    margin-top: 3px;
}
.minus-margin{
    margin-left: -15px !important;
    margin-right: -15px !important;
}
.img-width{
	max-width: 60px !important;
}
  
 /*Email FLow Chart*/

.email-flow-section{
    width: 100%;
    padding: 30px 30px 30px 0 !important;
}
.flow-width{
    /* min-width: 1920px; */
    min-width: 1300px;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}
#flow-header{
    transition: 0.4s ease all;
    -webkit-transition: 0.4s ease all;
    /* background-color: #fff; */
    background-color: #f8f7f5;
    z-index: 99;
}
#flow-header.fixed-head{
    position: fixed;
    top: 0;
    left: -10px;
    right: -10px;
    padding: 20px 0 10px 0;
    display: inline-flex;
    border-bottom: 1px solid #ccc;
    box-shadow: 0px 11px 16px -20px #111;
    -webkit-box-shadow: 0px 11px 16px -20px #111;
}
#flow-header.fixed-head .chart-head-width{
    padding-left: 5px;
    padding-right: 65px;
}
.chart-head-width{
    /* min-width: 1270px; */
    min-width: 1300px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px;
    padding-right: 75px;
}
.heading-first{
    /*background-color: #e5e5e5;*/
    padding: 5px;
}
.heading-first h5{
    color: #001c3a;
    font-weight: 600;
}
.heading-first h5 small{
    font-weight: 400;
}
.ml-6{
    margin-left: 6rem;
}
.scroll-chart{
    display: block;
    width: 100%;
    /*overflow-x: auto;
    -webkit-overflow-scrolling: touch;*/
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
}
.email-flow-section{
    display: block;
    width: 100%;
}
.flow-chart-container{
    display: table;
}
.row-chart{
    float: left;
    width: 100%;
    margin-left: 25px;
    margin-right: 25px;
}


.box {
    padding: 10px 10px;   
}
.box-01{
	width: 170px;
    background: #001e38;
    text-align: center;
    color: #ffffff;
   	margin-top: 105px;
    vertical-align: middle;
    min-height: 65px;
    position: relative;
    float: left;
    border-radius: 0px;
}
.box-01:after{
	position: absolute;
	content: '';
	height: 1px;
	/* border-top: 1px dashed #000; */
    border-top: 2px solid #7A97AB;
	width: 80px;
	right: -80px;
	top: 50%;
}
.box-01 span{
	display: table-cell;
	vertical-align: middle;
	height: 65px;
	width: 170px;
}
.box-02{
	width: 170px;
    background: #033561;
    text-align: center;
    color: #ffffff;
    /*margin-top: 105px;*/
	margin-top: 65px;
    /* vertical-align: middle; */
    /* min-height: 65px; */
    position: relative;
    margin-left: 80px;
    float: left;
    border-radius: 0px;
	min-height: 160px;
    display: table;
    vertical-align: middle
}
.box-02 span{
	display: table-cell;
	vertical-align: middle;
	height: 65px;
	width: 170px;
}
.box-02:after{
	position: absolute;
	content: '';
	height: 1px;
	/* border-top: 1px dashed #000; */
    border-top: 2px solid #7A97AB;
	width: 80px;
	right: -80px;
	top: 50%;
}
.box-03{
	width: 170px;
    background: #0a4f8c;
    text-align: center;
    color: #ffffff;
    margin-top: 105px;
    vertical-align: middle;
    min-height: 65px;
    position: relative;
    margin-left: 80px;
    float: left;
    border-radius: 0px;
	height: 85px;
    padding: 6px;
}
.box-03 span{
	display: table-cell;
	vertical-align: middle;
	height: 65px;
	width: 170px;
}
.box-03:after{
	position: absolute;
	content: '';
	height: 1px;
	/* border-top: 1px dashed #000; */
    border-top: 2px solid #7A97AB;
	width: 40px;
	right: -40px;
	top: 50%;
}

.three-box{
	margin-left: 80px;
	float: left;
}

.box-3-1{
	width: 170px;
    background: #065fad;
    text-align: center;
    color: #ffffff;
    vertical-align: middle;
    min-height: 65px;
    position: relative;	
	margin-bottom: 10px;
    display: block;
    border-radius: 0px;
}
.box-3-1 span{
	height: 65px;
	width: 170px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.box-3-1:before{
	position: absolute;
	content: '';
	/* height: 1px; */
	/* border-top: 1px dashed #000; */
    border-top: 2px solid #7A97AB;
	width: 40px;
	left: -40px;
	top: 50%;
	/* border-left: 1px dashed #000; */
    border-left: 2px solid #7A97AB;
	height: 99px;
}

.box-3-1:last-child:before{
	content: '';
    border-left: none;
    height: 0;
}
.three-box-2{
	margin-left: 0px;
	float: left;	
}
.box-3-12{
	width: 170px;
    background: #0e4677;
    text-align: center;
    color: #ffffff;
    vertical-align: middle;
    min-height: 65px;
    position: relative;
    margin-left: 80px;
    margin-bottom: 10px;
    border-radius: 0px;
/*	text-transform: uppercase;
    font-family: 'Work Sans', sans-serif;*/
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 1px;
}
.box-3-12 span{
	display: table-cell;
	vertical-align: middle;
	height: 65px;
	width: 170px;
}
.box-3-12:after{
	position: absolute;
	content: '';
	height: 1px;
	/* border-top: 1px dashed #000; */
    border-top: 2px solid #7A97AB;
	width: 80px;
	left: -80px;
	top: 50%;
}

/* row 2nd */
.row-chart-02 .box-3-1{
    margin-top: 10px;
}
.row-chart-02 .box-3-1:before{
    height: 98px;
}
.row-chart-02 .box-3-12{
    margin-top: 10px;
    margin-bottom: 0px;
}
.row-chart-02 .box-vender{
    /* margin-top: 50px; */
}
.mt-50{
    margin-top: 65px !important;
}
.row-chart-02 .box-01,
.row-chart-02 .box-02,
.row-chart-02 .box-03{
    margin-top: 85px;
}
.row-chart-02 .box-vender:after{
    position: absolute;
    content: '';
    height: 1px;
    /* border-top: 1px dashed #000; */
    border-top: 2px solid #7A97AB;
    width: 40px;
    right: -40px;
    top: 50%;
}
.row-chart-02 .three-box .h-150:before{
    height: 150px;
}
.h-150:before{
	height: 150px;
}
/* row 3rd */
.mt-95{
    margin-top: 95px !important;
}
.mt-130{
    margin-top: 160px !important;
}
.row-chart-02 .three-box .h-160:before{
    height: 180px;
}
.row-chart-03 .h-95:before{
    content: '';
    height: 97px !important;
}
.row-chart-03 .box-3-1:before{
    height: 111px;
}



.status-change{
    top: 75px;
    position: absolute;
    bottom: 0;
    left: -45px;
    font-size: 12px;
    line-height: 14px;
}
.project-type{
    position: absolute;
    bottom: 18px;
    left: -45px;
    font-size: 12px;
    line-height: 14px;
}
/* row 4th */
.row-chart-04 .box-02:last-child:after{
    content: none;
}
.row-chart-04 .h-150:before{
    height: 111px;
}
.row-chart .bg-info{
    transition: 0.4s ease all;
    -webkit-transition: 0.4s ease all;
    background-color: #407bb8 !important;
/*	text-transform: uppercase;
    font-family: 'Work Sans', sans-serif;*/
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 1px;
	border-radius:0px;
}
.row-chart .bg-info:hover{
    background-color: #0e4677 !important;
    box-shadow: 1px 1px 5px #888;
}


/* margin-top */
.mt-125{
    margin-top: 125px !important;
}
.mt-45{
    margin-top: 45px !important;
}
.mt-185{
    margin-top: 185px !important;
}
.mt-30{
    margin-top: 30px !important;
}
.mt-25{
    margin-top: 25px !important;
}
.mt-20{
    margin-top: 24px !important;
} 
  
.box-02 img{
    width: auto !important;
    height: 20px;
}



/* row 1 */
.row-chart:nth-child(1) .three-box .box-3-1.box-vender{
margin-top: 43px !important;
}
.row-chart:nth-child(1) .three-box .box-3-1:before{
height: 133px;
}
/* row 2 */
.row-chart:nth-child(2) .box-01{
margin-top: 0px !important;
}
.row-chart:nth-child(2) .box-02.mt-25{
margin-top: 0px !important;
}
.row-chart:nth-child(2) .box-3-1.box-vender.mt-25{
margin-top: 21px !important;
}
/* row 3 */
.row-chart:nth-child(3) .three-box .box-3-1.box-vender.h-150:before{
height: 154px;
}
.row-chart:nth-child(3) .three-box .box-3-1.box-vender:nth-child(2){
margin-top: 70px !important;
}

.row-chart:nth-child(3) .three-box-2 .box-3-1{
margin-left: 80px;
}
.row-chart:nth-child(3) .three-box-2 .box-3-1:before{
height: 150px;
}

.row-chart:nth-child(3) .box-01.mt-25,
.row-chart:nth-child(3) .box-03.mt-25,
.row-chart:nth-child(3) .three-box .box-3-1.mt-25,
.row-chart:nth-child(3) .three-box-2 .box-3-12.mt-25{
margin-top: 65px !important;
}

/* row 4 */
.row-chart:nth-child(4) .three-box .box-3-1:before{
height: 114px;
}
.row-chart:nth-child(4) .three-box-2 .three-box .box-3-1:before{
height: 97px;
}

/* row 5 */
.row-chart:nth-child(5) .three-box-2 .box-part .three-box{
margin-left: 0;
}
.row-chart:nth-child(5) .three-box-2 .box-part .three-box .bg-info{
width: 170px;
background: #0e4677;
text-align: center;
color: #ffffff;
vertical-align: middle;
min-height: 65px;
position: relative;
margin-left: 80px;
margin-bottom: 10px;
border-radius: 0px;
/*text-transform: uppercase;
font-family: 'Work Sans', sans-serif;*/
font-weight: 600;
font-size: 12px;
letter-spacing: 1px;
}
.row-chart:nth-child(5) .three-box-2 .box-part .three-box .bg-info::before{
position: absolute;
content: '';
/* height: 1px; */
/* border-top: 1px dashed #000; */
border-top: 2px solid #7A97AB;
width: 40px;
left: -40px;
top: 50%;
/* border-left: 1px dashed #000; */
border-left: 2px solid #7A97AB;
height: 95px;
}
.row-chart:nth-child(5) .three-box-2 .box-part .three-box .bg-info:last-child::before{
height: 0;
}


/* Email flowchart 1 */
.row-chart:nth-child(1){
    margin-top: 80px;
}
.row-chart:nth-child(1) .three-box-2{
    margin-left: 80px;
    margin-top: -94px;
}
.row-chart:nth-child(1) .three-box .box:first-child::after{
    position: absolute;
    content: '';
    height: 1px;
    /* border-top: 1px dashed #000; */
    border-top: 2px solid #7A97AB;
    width: 40px;
    right: -40px;
    top: 50%;
    border-left: 1px dashed #000;
}
.row-chart:nth-child(1) .box:last-child{
    display: inline-block;
}
.row-chart:nth-child(1) .three-box .box-3-1:before {
    height: 122px;
}
.row-chart:nth-child(1) .three-box .box-3-1.box-vender {
    margin-top: 115px !important;
}
  
  /* media query */
  @media screen and (max-width: 991px){
    .btn-div{
            margin-top: 20px;
    }
    .header-section{
        padding-left: 0;
        padding-right: 30px;
    }
    .search-filter{
        padding-left: 0px;
        padding-right: 0px;
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
    .search-filter .btn-search{
        width: 90px;
    }
    .search-btn-flex .form-control {
        width: calc(100% - 90px);
    }
    .admin-heading{
        padding-left: 30px;
        padding-right: 30px;
    }
    #adminTable_wrapper .dataTables_length, .dataTables_length{
        position: relative !important;
        top: 0 !important;
        margin-top: 10px;
    }
    .dashboard-tab .nav-tabs .nav-link{
        margin-bottom: 8px;
    }
    .scroll-chart{
        width: 100%;
        overflow-x: auto;
    }
    #flow-header.fixed-head{
        position: relative;
        top: inherit;
        left: inherit;
        right: inherit;
        padding: inherit;
        display: block;
        box-shadow: none;
        border: none;
    }
    .email-form {
        max-width: 100%;
        width: 100%;
        min-width: 500px;
    }
    .head_white{
        padding-left: 45px !important;
        padding-right: 45px !important;
           margin: 0px;
    }
    .header-section{
        padding-left: 45px !important;
        padding-right: 45px !important;
         
    }
    .edit-table{
        max-width: calc(100% - 38%);
    }


  }
  @media screen and (max-width: 767px){
    .admin-table, .table-block-padding{
        padding: 20px;
    }
    .header-section{
        min-height: 50px;
        height: auto;
        float: left;
        width: 100%;
    }
    .admin-heading h4{
        margin-bottom: 15px;
    }
    .portal-details h1{
        font-size: 18px;
    }
    .grey-box h5 {
        font-size: 16px;
    }
    span .fa {
        font-size: 18px;
    }
    .admin-heading{
        height: auto;
        display: inline-block;
        width: 100%;
        padding: 60px 20px 60px 20px;
    }
    .grey-bar p.greybox-text {
        font-size: 16px;
    }
    .admin-heading h4 .custom-btn{
            margin-top: 20px;
    }
    .admin-body .dataTables_info,
    .admin-body .dataTables_paginate{
        width: 100%;
    }
    .cancleBtn{
        margin-bottom: 15px;
    }
  }
  @media screen and (max-width: 575px){
    /* .header-section .dropdown-menu{
        top: 30px;
    } */
    .btn-portal-save{
        margin-bottom: 20px;
    }
    .dashboard-tab .nav-tabs .nav-item{
        width: 100%;
        text-align: center;
    }
    
    .header-section .navbar .navbar-nav li a.dropdown-toggle{
        min-width: 200px;
    }
    #example_wrapper .dataTables_length, #emp-001_wrapper .dataTables_length{
        width: 100%;
    }
     .site-footer{
            padding: 10px;
 }
 }
  
  @media screen and (max-width: 500px){
    .edit-popup{
        padding: 45px 5px;
    }
	.client-popup{
        padding: 45px 5px;
    }
    /* #colorbox, #cboxLoadedContent, #cboxContent, #cboxWrapper{
        width: 100% !important;
    } */
    /* #colorbox{
        left: 0 !important;
    } */
    .edit-popup .btn-save{
        width: 150px;
    }
    .greybox-text .form-control{
        width: 80%;
    }
    .bordered-email{
        margin: 0px 5px;
        padding-left: 5px;
        padding-right: 5px;
    }
    
  }
  
  @media screen and (max-width: 500px){
    .greybox-text .form-control {
        width: 70%;
    }
    
  }
  
.red{color:#F00 !important;}



/* responsive email template */
.responsive-mail{
    max-width: 600px;
    margin: 0 auto;
}
.email-logo-section{
    height: 50px;
    background-color: #001c3a;
    padding: 0 20px;
    float: left;
    width: 100%;
}
.email-logo-section img{
    width: 91px;
    margin-top: 10px;
}
.responsive-mail .body-section{
    padding-top: 50px;
    padding-right: 38px;
    padding-left: 50px;
    padding-bottom: 37px;
    background-color: #fff;
    float: left;
    width: 100%;
}
.responsive-mail .body-section h1{
    color: #001c3a;
    font-size: 36.6px;
    font-weight: 700;
    width: 85%;
    line-height: 46px;
    letter-spacing: -0.5px;
    margin: 0;
    padding: 0;
    margin-bottom: 50px;
    display: block;
}
.responsive-mail .body-section .email-text{
    margin-bottom: 24px;
}
.responsive-mail .body-section .email-text p{
    margin: 0;
    color: #001c3a;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    width: 99.5%;
    text-shadow: 0 0 #001c3a;
}
.responsive-mail .body-section .email-text p a{
    text-decoration: underline;
    color: #0000ee;
}
.responsive-mail .body-section h5{
    margin: 0;
    color: #ed2c2f;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: -1px;
}
.responsive-mail .body-section .btn-div{
    margin-top: 25px;
}
.body-section .btn-div .btn-primary{
    width: 250px;
    height: 44px;
    background: #407bb8;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
    /*text-transform: uppercase;*/
    letter-spacing: 0.9285714px;
    display: block;
    text-decoration: none;
    border-radius: 0;
    border: none;
}
/*.body-section .height-410{
    height: 410px;
    padding: 0px 38px 0px 50px;
}*/

.project-subhead{
    margin-top: 50px;
}
.project-subhead p{
    margin: 0;
    color: #001c3a;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 24px;
    text-shadow: 0 0 #001c3a;
}
.responsive-mail .h-80{
    height: 80px;
    display: block;
    width: 100%;
}

@media screen and (max-width: 600px){
    .responsive-mail .body-section{
        padding-left: 15px;
        padding-right: 15px;
    }
    .responsive-mail .body-section h1{
        width: 100% !important;
    }
    .responsive-mail .body-section .email-text p a{
        word-break: break-word;
    }
    .body-section .btn-div .btn-primary{
        width: 178px;
        font-size: 12px;
    }
    .email-form {
        max-width: 100%;
        width: 100%;
        min-width: 420px;
    }
}

.mt-68{
margin-top: 68px !important;
}
.mt-105{
margin-top: 105px !important;
}
.line-40:after{
position: absolute;
content: '';
height: 1px;
/* border-top: 1px dashed #000; */
border-top: 2px solid #7A97AB;
width: 40px;
right: -40px;
top: 50%;
}
.line-80:before{
position: absolute;
content: '';
height: 1px;
/* border-top: 1px dashed #000; */
border-top: 2px solid #7A97AB;
width: 80px;
left: -80px;
top: 50%;
}

tfoot {
    display: table-header-group;
}

.box-solid {
    position: relative;
    border-radius: 5px;
    background: #ffffff;
    border-top: 0px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 8px 16px 0 rgba(40,40,90,.09), 0 3px 6px 0 rgba(0,0,0,.065);
    padding: 10px;
}
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav-stacked>li.a-list {
    float: left;
    width: 100%;
}
.nav-stacked>li {
    float: none;
}
.box .nav-stacked>li {
    border-bottom: 1px solid #f4f4f4;
    margin: 0;
	background-color:#0e4777 !important;
	padding:10px;
}
.nav>li {
    /*border-bottom: 1px solid #0e4777;*/
    margin: 0;
	/*background-color:#0e4777 !important;*/
    position: relative;
    display: block;
	/*color:#fff !important;*/
	/*padding:10px;*/
}

/*.nav>li a{
   color:#fff !important;
}*/

.admin-table .nav .a-list.active{
	background-color: #001c3a  !important;
    position: relative;
    display: block;
	color:#fff !important;
}
.headingPadding{
    padding-top:15px;
    /*font-family: 'Roboto Slab' sans-serif;*/
}

.admin-table .nav-tabs .a-list.active{
	background-color: #001c3a  !important;
    position: relative;
    display: block;
	color:#fff !important;
}
.graph-tabs li{
	padding: 0;
	background-color: none !important;
	margin-right: 2px;
}
.graph-tabs li a{
	padding: 10px;
	display: inline-block;
	padding-left: 20px;
    padding-right: 20px;
}
.graph-tabs li .active{
	background-color: #001c3a  !important;
}
.saveBtnEdit{
	background-color: #001c3a;
    color: #fff;
    border-radius: 0px;
}
.cancelBtn{
	
    border-radius: 0px;
}
/*.nav>li.active>a, .nav>li.active>a:hover{
	
	padding:10px;
}*/
.input-form-ctrl .chosen-container-single{
	display: block;
    width: 100% !important;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    /* border-radius: .25rem; */
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-radius: 0;
    background-image: url(../../images/down-arrow.svg);
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 10px;
    height: 50px;
}
.input-form-ctrl .chosen-single{
	background-image: none !important;
	border: none !important;
	background-color: none !important;
	box-shadow: none !important;
}
.input-form-ctrl .chosen-single span{
    line-height: 35px !important;
}

/*css ab-29012020*/
/*.nav-tabs .nav-link{border-radius:0px;}*/
/*.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
  background-color: #b3b3b3;
  border-color: #b3b3b3;
}*/
/*.nav-fill .nav-item{
  background-color: #e6e6e6;
  color:#2d2926;
  border-color: #dee2e6 #dee2e6 #fff;
  margin-right:2px;
}*/
/*.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
  background-color: #b3b3b3;
}*/
.w-100{border-radius:0px;}
.margin-bottom{margin-bottom:0px;}
/*.img_s{width:28%;}*/
.img_s{
  width: 150px;
    object-fit: contain;
    height: 80;
}
.width200{width:200px;}

input[type=checkbox]
{
  
  /* -ms-transform: scale(1.6); 
  -moz-transform: scale(1.6); 
  -webkit-transform: scale(1.6);
  -o-transform: scale(1.6); 
  transform: scale(1.6); */
  position:relative;
  top:1px;
  padding: 10px;
 
}
/*css ab-29012020*/
.vendor-dashboard .text-area{
    height: 200px;
    resize: none;
}
.select2-container{
    width: 100% !important;
}
.vendor-dashboard .select2-selection{
    height: 38px !important;
}
.vendor-dashboard .select2-selection__rendered{
    line-height: 36px !important;
}
.vendor-dashboard .select2-selection__arrow{
    height: 36px !important;
}

/* ==== Select2  ==== */
.select2-container--default .select2-selection--multiple{
    min-height: 40px !important;
    border-radius: 5px !important;
    border: 1px solid #96918B !important;
}
.select2-selection{
	border: 1px solid #BBBBBB;
	background-image: url(../images/down-arrow.svg);
	background-repeat: no-repeat;
	background-position: right 7px center;
	background-size: 10px;
}
.select2-container--default .select2-search--inline .select2-search__field{
    line-height: 28px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    font-size: 12px;
    color:#000 !important;
}
.edit-popup .select2-container--default .select2-selection--multiple{
    min-height: 43px !important;
}
.edit-popup .multi-li .select2-search .select2-search__field{
    width: 1px !important;
}
.share-to-mail .select2-container--default .select2-selection--multiple{
    background-image: none;
}

/* custom checkbox */
.custom-check {
    display: block;
    position: relative;
    padding-left: 23px;
    margin-bottom: 4px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  /* Hide the browser's default checkbox */
  .custom-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  .custom-check .check-box {
    position: absolute;
    top: 0;
    left: 0;
    height: 17px;
    width: 17px;
    background-color: #eee;
    border: 1px solid #888888;
  }
  
  /* On mouse-over, add a grey background color */
  .custom-check:hover input ~ .check-box {
    background-color: #ccc;
  }
  
  /* When the checkbox is checked, add a blue background */
  .custom-check input:checked ~ .check-box {
    background-color: #eee;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .check-box:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .custom-check input:checked ~ .check-box:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .custom-check .check-box:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #3a3a3a;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  /* message box */
.list-message{
    font-size: 18px;
}
.list-message li{
    list-style: none;
    padding: 7px 10px;
    border-left: 2px solid transparent;
}
.list-message li.active{
    border-left: 2px solid #007bff;
}
.list-message li.active a{
    color: #007bff;
}
.list-message li a{
    color: #454545;
    transition: 0.4s ease all;
}
.list-message li a:hover{
    color: #007bff;
}
.list-message li a:hover .fa{
    transform: scale(1.3);
}
.custom-control-label::before{
    border: 1px solid #8c8c8c;
}
.table thead td{
    vertical-align: middle;
}
.mail-table{
    max-height: 60vh;
    overflow-y: auto;
    display: block;
}
.search-box{
    max-width: 350px;
    background-image: url('../../img/search.png');
    background-repeat: no-repeat;
    background-position: 4% center;
    background-size: 15px;
    padding-left: 40px;
}
.dot{
    height: 10px;
    width: 10px;
    border-radius: 100%;
    margin-left: auto;
    margin-top: 5px;
}
.right-mailbox{
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
}
.left-mailbox{
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
}
.bg-lightdark{
    background-color: #f5f5f5 !important;
}
.mar-1{
    margin-left: -1px !important;
}
.width-50{
    width: 50px;
}
.width-250{
    width: 250px;
}

/* == multi select == */
.btn-group{
    text-align: left;
    width: 100%;
}
button.multiselect, .btn-flat{
    text-align: left;
    background-color: #fff;
    border: 1px solid #ced4da;
    overflow: hidden;
    width: 100%;
}
.multiselect-selected-text{
    display: inline-block;
    width: 94%;
    overflow: hidden;
    line-height: 14px;
}
.multiselect-container.dropdown-menu{
    width: 100%;
    border-radius:0px !important;
    /*box-shadow: #cacaca 0px 6px 10px;*/
}
.multiselect-container .multiselect-filter{
    position: sticky !important;
    top: 0 !important;
    background-color: #f3f3f3 !important; 
    padding-top: 0px;
    padding-bottom: 2px;
    z-index: 9;
}
.multiselect-filter .input-group{
    width: 100% !important;
    margin:0px !Important;
}
.multiselect-filter .multiselect-clear-filter{
    border: 0px solid #ced4da;
    border-radius: 0px;
    margin-left: 0px;
    background-color: rgba(231, 231, 231, 0.5);
    height: 35px;
}
.multiselect-container label {
    font-size: 14px;
}
.glyphicon-remove-circle:before{
    content: "\f00d";
    font-family: 'FontAwesome';
    font-style: normal;
}
.multiselect-container>li>a>label{
    padding: 3px 10px 3px 10px !important;
    color: #000000;
    font-size: 14px;
}
.multiselect-container>li>a>label:focus{
    outline: none;
}
/* table responsive scoll custom */
.table-responsive::-webkit-scrollbar,
.mail-table::-webkit-scrollbar,
#projectDetailsModal .modal-body::-webkit-scrollbar,
.main_wrap_ad .project-filter .collapse.show::-webkit-scrollbar,
#terms_conditions .modal-body::-webkit-scrollbar,
.multiselect-container::-webkit-scrollbar,
div::-webkit-scrollbar{
    height: 10px;
    width: 8px;
    background-color: #cacaca;
    border-radius: 5px;
}
.table-responsive::-webkit-scrollbar-corner,
.mail-table::-webkit-scrollbar-corner,
#projectDetailsModal .modal-body::-webkit-scrollbar-corner,
.main_wrap_ad .project-filter .collapse.show::-webkit-scrollbar-corner,
#terms_conditions .modal-body::-webkit-scrollbar-corner,
.multiselect-container::-webkit-scrollbar-corner,
div::-webkit-scrollbar-corner{
    background: #cccccc;
    border-radius: 5px;
}
.table-responsive::-webkit-scrollbar-thumb,
.mail-table::-webkit-scrollbar-thumb,#projectDetailsModal .modal-body::-webkit-scrollbar-thumb,
.main_wrap_ad .project-filter .collapse.show::-webkit-scrollbar-thumb,
#terms_conditions .modal-body::-webkit-scrollbar-thumb,
.multiselect-container::-webkit-scrollbar-thumb,
div::-webkit-scrollbar-thumb{
    background: #606060;
    border: 1px solid #cccccc;
    border-radius: 5px;
}
.table-responsive::-webkit-scrollbar-thumb:hover,
.mail-table::-webkit-scrollbar-thumb:hover,
#projectDetailsModal .modal-body::-webkit-scrollbar-thumb:hover,
.main_wrap_ad .project-filter .collapse.show::-webkit-scrollbar-thumb:hover,
#terms_conditions .modal-body::-webkit-scrollbar-thumb:hover,
.multiselect-container::-webkit-scrollbar-thumb,
div::-webkit-scrollbar-thumb{
    background: #868686;
    border-radius: 5px;
}
.table-responsive::-webkit-scrollbar-track,
.mail-table::-webkit-scrollbar-track,#projectDetailsModal .modal-body::-webkit-scrollbar-track,
.main_wrap_ad .project-filter .collapse.show::-webkit-scrollbar-track,
#terms_conditions .modal-body::-webkit-scrollbar-track,
.multiselect-container::-webkit-scrollbar-track,
div::-webkit-scrollbar-track{
    border: 1px solid #cccccc;
    background-color: #cccccc;
    border-radius: 5px;
}
button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}
.table-responsive,
.mail-table,#projectDetailsModal .modal-body,.main_wrap_ad .project-filter .collapse.show, div, select{
      scrollbar-width: thin;
      /* border-radius: 5px; */
}
.required{
      color: #FF0000;
/*      font-size: 16px;
      margin-left: 4px;*/
}
/* === Chatting Screen === */
.club .search{
    /* padding: 6px; */
    font-size: 16px;
    border: 1px solid #bbbbbb;
    border-right: none;
    float: left;
    width: calc(100% - 150px);
    outline: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding: 10px 15px;
}
.club .search:focus{
    box-shadow: none !important;
    outline: none !important;
}

.club .searchbtn {
    float: left;
    width: 150px;
    height: 50px;
    padding: 9px;
    background: white;
    color: #ffffff;
    background-color: var(--color-primary);
    font-size: 16px;
    border: 1px solid var(--color-primary);
    cursor: pointer;
    /*text-transform: uppercase;*/
}
.club .searchbtn:hover{
    color: var(--color-secondary);
}
.club .searchbtn:focus{
    outline: none;
}
.club .search-chat{
    display: flex;
    width: 100%;
    margin: auto;
}
.msg{
    padding: 6px;
    font-size: 12px;
    border: 1px solid #000;
    border-right: 1px solid #000;
    float: left;
    width: 90%;
    height: 40px;
}
/* .msgs{
    border-radius: 5px;
    border:1px solid;
    padding: 10px;
    font-size: 12px;
} */
.chat-icon{
    display: inline-block;
    position: relative;
    color: #051c38;
    width:25px;
    margin-left: 0px;
    margin-right: auto;
    margin-top: 10px;
}
.chat-icon:hover{
  color: #051c38;
}
.chat-count{
    position: absolute;
    top: -9px;
    right: -1px;
    margin: auto;
    color: #fff;
    font-size: 12px;
    width: 18px;
    height: 18px;
    border: 1px solid #CF4500;
    border-radius: 100%;
    line-height: 21px;
    background-color: #CF4500;
    text-align: center;
    font-weight: bold;
}
.chat-count strong{
    font-weight: 500;
}
.chat-popup{
	background-color: rgba(0,0,0,0.8);
}
.chat-popup .modal-dialog{
    max-width: 600px;
}
.chat-popup .modal-content{
    background-color: transparent;
}
.chat-popup .modal-header{
    background-color: #F6F6F6;
    border-bottom: 0;
    position: relative;
    font-weight: 500;
    border-radius: 0;
    padding: 30px;
}
.chat-popup .close{
    opacity: 0.9;
    color: var(--color-secondary);
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 18px;
}
.chat-popup .modal-header .modal-title{
    max-width: calc(100% - 35px);
    font-size: 24px;
    line-height: 28px;
    color: var(--color-secondary);
    /*font-family: 'Roboto Slab', serif;*/
    display: flex;
    align-items: baseline;
    border-radius: 0;
}
.chat-popup .modal-header .modal-title .fa{
    margin-right: 5px;
}
.chat-popup .modal-body{
    overflow-y: auto;
    height: 370px;
    /* background-image: url(../../images/chat-bg.jpg); */
    position: relative;
    background-color: #fff;
    border-radius: 0;
}
.chat-popup .club{
    position: relative;
    /* top: 59px; */
    left: 0;
    right: 17px;
    background-color: #f6f6f6;
    z-index: 9;
    padding: 0 30px 30px 30px;
    /* border-bottom: 1px solid #000; */
    /* box-shadow: 0 3px 4px #676767; */
}
.chat-popup .receiver,
.chat-popup .sender{
    width: 100%;
    display: inline-block;
}
.chat-popup .receiver .msg-box{
    max-width: 92%;
    float: right;
}
.chat-popup .sender .msg-box{
    max-width: 92%;
    float: left;
}
.chat-popup .receiver .text-msg{
    background-color: #d3ffe3;
    padding: 9px;
    font-size: 13px;
    border-radius: 4px;
    border: 1px solid #65d48e;
    position: relative;
    margin-top: 4px;
    word-break: break-word;
}
.chat-popup .receiver .text-msg:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #65d48e;
    position: absolute;
    right: 10px;
    top: -7px;
}
.chat-popup .sender .text-msg{
    background-color: #d1ecff;
    padding: 9px;
    font-size: 13px;
    border-radius: 4px;
    border: 1px solid #4cb5ff;
    position: relative;
    margin-top: 4px;
    word-break: break-word;
}
.chat-popup .sender .text-msg:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #4cb5ff;
    position: absolute;
    left: 10px;
    top: -7px;
}
.users{
    font-size: 13px;
    font-weight: 600;
    color: #000000;
    text-shadow: 0 0px 0px #000;
}
.chat-time{
    font-size: 11px;
    color: #000000;
    text-shadow: 0 0 0 #000000;
    margin-top: 3px;
}
.chat-popup .modal-footer{
    background-color: #f3f3f3;
    border: 0;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding: 30px;
    display: block;
    border-radius: 0;
}
.send-btn-chat{
    display: flex;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.chat-popup .msg-type{
    border: 1px solid #BBBBBB;
    border-bottom-left-radius: 0;
    resize: none;
    font-size: 16px;
    height: 50px;
    margin: 0;
    width: 100%;
    border-top-left-radius: 0;
    /* padding: 6px; */
    color: var(--color-secondary);
    padding: 10px 15px;
}
.chat-popup .msg-type:focus{
    outline: none;
}
.sendBtn {
    float: left;
    color: #fff;
    font-size: 16px;
    border: 1px solid var(--color-primary);
    cursor: pointer;
    background-color: var(--color-primary);
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    height: 50px;
    /* display: flex; */
    /* align-items: center; */
    padding-left: 10px;
    padding-right: 10px;
    width: 150px;
    text-align: center;
}
.sendBtn:focus{
    outline: none;
}
.sendBtn:hover{
    color: var(--color-secondary);
}

/* ==== Product photos tab ==== */
.photos-tab{
/*    margin-bottom: 20px;
    border-bottom: 0px;
    padding: 4px 4px 0px 4px;
    background-color: #e9e9e9;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border: 1px solid #dddddd;*/
  }
  .photos-tab li{
    margin-right: 3px;
    padding: 0;
    background-color: transparent !important;
    border: 0;
  }
  .photos-tab li a,
  .photos-tab li a:hover{
    /*border: 1px solid #c5c5c5;*/
    background-color: var(--color-light-gray);
    font-weight: 500;
    font-size: 15px;
    padding: 8px 10px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    display: block;
    color: var(--color-dark-gray) !important;
   
  }
  .photos-tab li.active a,
  .photos-tab li.active a:focus,
  .photos-tab li.active a:hover{
    border: 1px solid var(--color-gray);
    background-color: var(--color-gray);
    color: #ffffff !important;
     font-weight:bold;
  }

  .ppt-img-wrapper{
     display: flex;
     justify-content: center;
     align-items: center; 
     height: 100%;
  }
  .ppt-image{
      max-width: 100px;
      height: auto;
  }
  
  .tab-section{
    display: inline-block;
    width: 100%;
/*    padding: 4px;
    border: 1px solid #c5c5c5;
    border-radius: 3px;*/
  }
  .tab-section .tab-content{
    padding: 25px;
  }

  .custom-file-label{
      overflow: hidden;
    font-size: 13px;
    height: 40px;
        line-height: 25px;
  }
  .custom-file-label::after{
          height: 40px;
          line-height: 25px;
  }
  .btn-template{
      background-color: #0e4777;
      border-color: #0e4677;
  }
  .btn-template:hover,
  .btn-template:focus{
      background-color: #003765 !important;
      border-color: #003765 !important;
  }


  /* ==== Switch button ==== */
  .stv-radio-tabs-wrapper {
    clear: both;
    display: inline-block;
    /* width: 100%; */
    position: relative;
    margin-bottom: 10px;
    /* border-radius: 30px; */
    /* overflow: hidden; */
    /* border: 2px solid #90ce53; */
  }
  
  input.stv-radio-tab {
    position: absolute;
    left: -99999em;
    top: -99999em;
  }
  input.stv-radio-tab + label {
    cursor: pointer;
    float: left;
    background-color: #fff;
    /* margin-right: -1px; */
    padding: .5em 1em;
    position: relative;
    margin: 0;
    font-size: 14px;
    /*text-transform: uppercase;*/
    font-weight: 600;
    transition: 0.4s linear;
    /* min-width: 120px; */
    text-align: center;
    min-width: 200px;
    margin-right: 5px;
    height: 40px;
    /* line-height: 28px; */
    line-height: 24px;
    border: 2px solid var(--color-secondary);
    opacity: 0.5;
  }
  input.stv-radio-tab + label:hover {
    background-color: #eee;
  }
  input.stv-radio-tab:checked + label {
    background-color: transparent;
    color: var(--color-secondary);
    z-index: 1;
    opacity: 1;
  }
  .stv-radio-tabs-wrapper label:first-child{
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
  }

  /* for header switch chat */
  .header-chatselect.stv-radio-tabs-wrapper{
    border: 2px solid #337ab7;
    margin-right: 35px;
    margin-top: 0px;
    margin-bottom: 0;
  }
  .header-chatselect input.stv-radio-tab + label{
      min-width: 20px;
      padding: 4px 9px;
  }
  .header-chatselect label img{
    width: 12px;
  }
  .header-chatselect input.stv-radio-tab:checked + label{
    background-color: #337ab7;
    color: #000000;
  }
  .header-chatselect input.stv-radio-tab:checked + label img{      
    filter: invert(1);
  }

  /* ====Broadcast config page==== */
  .broadcast-page .search-filter{
    margin-right: -15px !important;
    margin-left: -15px !important;
  }
  /* .broadcast-config label{
    color: #ffffff;
  } */
  .broadcast-config .btn-group .btn{
      border-radius: 4px !important;
  }
  .dark-red{
    color: #9c0000;
  }
  .broadcast-config .btn-primary{
      background-color: #4472c4;
  }

  .font-weight-semibold{
      font-weight: 500;
  }


  /* ==== Project submission page margin table ==== */
.border-table{
	margin-top: 10px;
	border-radius: 0px;
    border: 2px solid var(--color-secondary) !important;
}
.margin-table{
	font-size: 16px;
	margin-bottom: 0 !important;
	/* background-color: #4472c4; */
	color: #000000 !important;
    border-radius: 10px;
    margin: 0;
    border: none !important;
}
.margin-table thead tr th{
	font-weight: 600;
	border-bottom: 2px solid var(--color-secondary) !important;
	border-right: 2px solid var(--color-secondary);
	font-size: 14px;
    padding: 10px !important;
    border-left: 0px !important;
}
.margin-table thead tr th:last-child{
	border-right:0px;
}
.margin-table tbody tr td{
	font-weight: 400;
	border-right: 2px solid var(--color-secondary);
	border-bottom: 2px solid var(--color-secondary);
	padding: 10px !important;
    font-size: 16px;
    border-left: 0px !important;
}
.margin-table tbody tr td:first-child{
	font-weight: 600;
}
.margin-table tbody tr td:last-child{
	border-right:0px;
}
.margin-table tbody tr:last-child td{
	border-bottom: none;
}
.margin-table .services-td{
    /*font-family: 'Roboto Slab', sans-serif;*/
    font-size: 18px;
}

.hidechat{
  display: none;
}

.dataTables_wrapper{
    display: inline-block !important;
    width: 100%;
}
.dataTables_wrapper table{
    width: 100% !important;

}
.dataTables_length select{
    height: 40px;
    /*width: 60px !important;*/
    /*border-radius: 0px !important;*/
    -webkit-appearance: none;
    background-image: url(../images/down-arrow.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px;
    padding-right: 27px !important;
    border: 1px solid #BCBCBC;
    border-radius: 5px;
    text-align: center;
    font-size: 15px;
}
.active-proj tr td .form-group select.form-control{
    height: 24px !important;
    border-radius: 0px;
    font-size: 13px;
}


/* ====Project view carousel==== */
.attachement-section{
	margin-top: 25px;
}
.attachement-section .owl-carousel{
	color: #000000;
}
.attachement-section .owl-carousel .owl-item img{
	height: 200px;
	object-fit: cover;
	object-position: center;
}
.attachement-section .owl-carousel .owl-nav button.owl-next,
.attachement-section .owl-carousel .owl-nav button.owl-prev{
	position: absolute;
    top: 0;
    bottom: 0;
}
.attachement-section .owl-carousel .owl-nav button.owl-next{
	right: 0;
}
.attachement-section .owl-carousel .owl-nav button.owl-prev{
	left: 0;
}
.attachement-section .owl-carousel .owl-nav button.owl-next span,
.attachement-section .owl-carousel .owl-nav button.owl-prev span{
    filter: drop-shadow(0 0 5px #ffffff);
    font-size: 48px;
}
.owl-theme .owl-nav [class*=owl-]:hover{
	background-color: transparent;
}
.owl-theme .owl-nav [class*=owl-]:focus,
.owl-theme .owl-nav [class*=owl-]:active{
	border: none;
	outline: none;
}
/* .attached-img{
  width: 100px;
  height: 100px;
} */
.break-word{
	word-break: break-word;
}
.action-flex{
    display: flex;
    justify-content: center;
    align-items: center;
}
.divider{
    margin-left: 3px;
    margin-right: 3px;
}
td .attached-img{
    height: 80px !important;
    width: 80px !important;
    object-fit: contain;
    object-position: center;
}

.file-name{
    width: 300px;
}
.img-column{
    width: 100px;
}
.size-column{
    width: 80px;
}
.action-column{
    width: 70px;
}

/* Toaster */
.toast-top-right {
    top: 12px !important;
    right: 0 !important;
    left: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.toast{
    margin: auto !important;
    opacity: 0.95 !important;
}
.toast-success{
    background-color: #3b8ade !important;
    border-color: #3b8ade !important;
}
.toast-warning{
    background-color: #d0021b !important;
    border-color: #d0021b !important;
}


/* ==== New UI file box ==== */
.file-block{
	margin-bottom: 10px;
	margin-left: -7.5px !important;
    margin-right: -7.5px !important;
    margin-top: 15px;
}

.file-column{
	padding-left: 7.5px !important;
	padding-right: 7.5px !important;
}
.file-box{
	border: 2px solid var(--color-secondary);
	padding: 10px 10px;
	border-radius: 0px;
	display: flex;
	align-items: center;
	/* justify-content: center; */
    margin-bottom: 15px;
    background-color: #ffffff;
    height: calc(100% - 15px);
}
.file-box .fbox-download{
    margin-right: 15px; 
}
.file-box .fbox-download img{
    width: 15px;
}
.file-box .fbox-img{
	min-width: 50px;
}
.file-box .fbox-img img{
	height: 50px;
	width: 50px;
	object-fit: contain;
	object-position: center;
}
.file-box .fbox-name{
	color: #000000;
	margin-left: 15px;
	font-size: 16px;
    font-weight: 400;
    word-break: break-word;
}
.file-box .fbox-size{
	color: #a3a3a3;
	margin-left: 15px;
	margin-right: 5px;
	font-size: 16px;
    font-weight: 400;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 150px;
}
.file-box .fbox-close{
	margin-left: auto;
	margin-right: 5px;
	font-size: 16px;
}
.file-box .fbox-close a{
	color: var(--color-primary);
	
}

/* file list erros on popup dashboard file upload section */
/* ul-filebox */
ul.file-block{
	margin-top: 15px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
}
ul.file-block li{
    display: inline-block;
    margin-bottom: 7.5px;
    margin-right: 7.5px;
}
ul.file-block .file-box{
	padding: 5px 5px;
    margin-bottom: 0px;
    display: flex;
    height: auto;
        min-width: 100%;
        width:100%
}
.file-block li{
    width:100%;
}
ul.file-block .file-box .fbox-img{
	line-height: 20px;
}
ul.file-block .file-box .fbox-img img{
	height: 30px;
    width: 30px;
}
ul.file-block .file-box .fbox-name{
	font-size: 16px;
	font-weight: 400;
	margin-right: 10px;
	margin-left: 7px;
	/*word-break: break-word;*/
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 230px;
            width: 54%;
}

.file-add-project{
	margin-bottom: 15px;
}
.file-add-project ul.file-block li{
	margin-bottom: 10px;
	margin-right: 7px;
}

.brief-divider{
    display: inline-block;
    width: 100%;
    height: 5px;
    background-color: #EEEEEE;
    margin: 10px 0 5px 0;
}
.details-text #add_attachment{
    font-size: 16px;
    line-height: 36px;
    letter-spacing: 1.5px;
    font-weight: 600;
    /*text-transform: uppercase;*/
    width: auto;
    height: 50px;
    padding-left: 25px;
    padding-right: 25px;
    border-radius: 0;
    width: 100%;
    font-family: 'Lato', sans-serif;
}

/* proof upload */
.my-proof label{
    font-weight: 500;
    color: #000000;
}
.my-proof table{
    background-color: #ffffff;
}
.my-proof table th{
    background-color: #cacaca;
    color: #000000;
    font-weight: normal;
}
.my-proof table .proof-upload{
    width: 360px;
}
.admin-proof table .proof-upload{
    width: 160px;
}
.my-proof table .accept-column{
    width: 250px;
}
.my-proof table th,
.my-proof table td{
    vertical-align: middle !important;
}
.my-proof table td img{
    height: 75px;
    width: auto;
}
.my-proof table td .form-control{
    border-radius: 0;
}
.my-proof table td textarea{
    resize: none;
    height: 80px;
    border-radius: 0;
}
.my-proof .edit-delete{
    display: flex;
    width: 73px;
    margin: auto;
}
.my-proof .edit-delete .edit-icon{
    padding: 7px 9px;
    margin: auto;
    cursor: pointer;
    border-radius: 100%;
    color: #ffffff;
}
.my-proof .inputfile + label .archive-name{
    float: left;
    text-align: left;
    width: calc(100% - 60px);
}
.my-proof .custom-file{
    margin-bottom: 0px;
    width: 100%;
    float: left;
}
.my-proof .custom-file label{
    float: left;
    width: 100%;
}
.my-proof #proof_description,
.my-proof #proof_description_view{
    width: 100% !important;
    height: calc(100% - 45px);
    height: 225px;
    border: 1px solid #cacaca;
    padding: 3px;
    object-fit: contain;
    object-position: center;
}

/* ==== Brief popup ==== */
.brief-popup{
    background-color: #ffffff !important;
    background-image: none !important;
/*    max-width: 570px;
    padding: 55px 30px;
    font-family: 'Roboto', sans-serif !important;*/
}
.brief-popup .brief-text{
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 4px;
    color: #000;
    margin-top: 11px;
}
.brief-popup .popup-header{
    margin-bottom: 60px;
}
.brief-popup .details-text,
.brief-popup .details-text p, .brief-popup .details-text li, .brief-popup .details-text h4, .brief-popup .form-group label{
    color: #000000 !important;
}
.brief-popup .details-text ol, .brief-popup .details-text ul{
    padding-left: 15px;
}
.brief-popup .brief-heading{
    color: #000000;
    font-size: 28px;
    /* font-weight: 300; */
    letter-spacing: 0;
    margin-bottom: 20px;
    /*font-family: 'Roboto Slab', sans-serif;*/
    font-weight: 700;
}
.brief-popup .details-text h4{
    font-weight: 700;
    color: #404040;
    font-size: 18px;
    letter-spacing: 0;
    font-family: 'Lato', sans-serif;
}
.table-responsive{
    border-radius: 5px;
    border: 1px solid #686868;
}
.brief-popup .details-text p{
    color: #000000;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 0;
    line-height: 22px;
    font-family: 'Lato', sans-serif;
}
.brief-popup .myClose{
    /* color: var(--color-primary); */
    color: var(--color-secondary);
    margin-right: -25px;
}
.section-button .btn{
    font-size: 16px;
    line-height: 36px;
    /*letter-spacing: 1.5px;*/
    /*font-weight: 600;*/
    /*text-transform: uppercase;*/
    width: 100%;
    height: 50px;
    margin-bottom: 15px;
    border-radius: 0;
    font-family: 'Lato', sans-serif;
}
.section-button .btn-primary{
    background-color: #4472c4;
}
.section-button .btn-primary:hover{
     background-color: #d64521 !important; 
    /*color: var(--color-secondary) !important;*/
}
.section-button .btn-success{
    background-color: #7A97AB;
}
.section-button .btn-success:hover,
.section-button .btn-success:active,
.section-button .btn-success:focus{
    background-color: #3e7aa1;
}
.section-button .del-brief{
    padding-top: 20px;
}
.section-button .del-brief a{
    color: #61605F;
    /*text-transform: uppercase;*/
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1.5px;
    font-family: 'Lato', sans-serif;
}

/* ==== Dashboard Tab Section ==== */
.white-wrapper{
   border-radius: 0;
    /*padding: 15px;*/
    /*background-color: #ffffff;*/
    padding-bottom: 30px;
    /*border: 1px solid #b3b3b3;*/
    position: relative;
}
.dashboard-tab{
    margin-bottom: 10px;
}
.dashboard-tab .nav-tabs{
    border-bottom:  0px solid #001c3a;
    /*margin-bottom: 16px;*/
}
.dashboard-tab-content.tab-content,.tab_stur_sec,.tab-content{
    /* display: ; */
    /*background-color: transparent !important;*/
    border: 1px solid #686868;
    padding: 25px;
    background-color: #fff;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.tab_stur_sec{
   border-top-left-radius: 5px; 
}
.dashboard-tab-content label,.dataTables_filter label{
    color: var(--color-secondary) !important;
    position:relative;
    margin-bottom: 18px;
}
.dashboard-tab .nav-tabs .nav-item{
    /*margin-right: 2px;*/
    background-color: transparent !important;
    border: 0;
    padding: 0;
    margin-bottom:0px;
}
.dashboard-tab .nav-tabs .nav-link,.nav-fill .nav-item{
    background-color: var(--color-light-gray);
    transition: 0.4s ease;
    position: relative;
    color: var(--color-dark-gray); 
    font-size: 15px;
    padding: .5rem 0.5rem;
    height:40px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-right: 3px;
        line-height: 19.01px;
    
}
.nav-fill .nav-item{
   padding: .5rem; 
}
.dashboard-tab .nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
    opacity: 1;
    background-color: var(--color-gray);
    /* font-weight: bold; */
        color: #fff;
}
.dashboard-tab .nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    background-color: var(--color-gray);
    color:#fff;
    border-color: transparent;
    font-weight: bold;
    /*opacity: 1;*/
}
/* .dashboard-tab .nav-tabs .nav-link.active:after{
    content: '';
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #90ce53;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -7px;
} */
/*.dashboard-tab .tab-content .table tr th,
.dashboard-tab .tab-content .table tr td{
    text-align: left !important;
}*/

/* ==== Audit log page ==== */
.audit-log-table .table .dataTables_length{
    width: 50%;
    float: left;
}
.audit-log-table .dataTables_length label{
    color: #ffffff;
}
.audit-log-table .dataTables_length label select{
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.audit-log-table{
    position: relative;
}
.audit-log-table .btn-export{
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    /* margin-bottom: -33px; */
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 99;
    height: 40px;
    line-height: 22px;
    width: 150px;
    border-radius: 0;
}
.audit-log-table .btn-export:hover{
    color: var(--color-secondary);
}
@media screen and (max-width: 767px){
    .audit-log-table .btn-export{
        position: relative;
        top: 0;
        display: block;
    }
    .table-responsive{
        overflow-y: hidden;
    }
}

/* === cc action === */
.cc-action{
    display: flex;
    margin: auto;
    text-align: center;
    justify-content: left;
    align-items: center;
    margin-bottom: 5px;
}
.cc-action .chat-icon{
    /* margin-left: 0; */
    margin-right: 0;
    display: inline-block;
    width: 41px;
    padding: 8px;
    background-color: var(--color-primary);
    /*text-transform: uppercase;*/
    margin-top: 0;
    margin-left: 5px;
    color: #ffffff;
    font-weight: 700;
}
.cc-action .cc-link{
    margin-left: 5px;
    margin-right: 0;
    display: inline-block;
    /* height: 25px;
    width: 25px; */
    border-radius: 0;
    background-color: var(--color-primary);
    color: #ffffff;
    /* line-height: 26px; */
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    margin-top: 2px;
    /*font-family: 'Roboto Slab', sans-serif;*/
    height: 31px;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
}

/* colorbox title */
#cboxTitle{
    display: none !important;
}

/* ==== theme config page ==== */
.ch-bx{
    display: inline-block;
}
.ch-bx input{
    margin-right: 3px;
    margin-left: 5px;
}
.cust-file-upload{
    min-width: 220px;
}
/*.custom-file-label{
    height: 50px;
    margin-bottom: 0;
    line-height: 35px !important;
    font-size: 16px;
    padding-left: 15px;
}*/
/*.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse";
    height: px;
    line-height: 37px;
    background-color: var(--color-primary);
    border-radius: 0;
    color: #ffffff;
}*/
/* .cust-file-upload .custom-file-label::after{
    background-color: #001c3a;
    color: #fff;
} */
/*.theme-config-page .btn{
    border-radius: 0;
}*/
.theme-config-page .del-row{
    background-color: var(--color-primary);
    color: #ffffff;
}
.theme-config-page .custom-file{
    height: 38px;
}
.theme-config-page .custom-file-label{
    height: 38px;
    line-height: 23px !important;
    font-size: 14px;
    padding-right: 65px;    
    padding-left: 10px;
    /*border-radius: 0;*/
}
.theme-config-page .custom-file-input:lang(en)~.custom-file-label::after{
    height: 35px;
    line-height: 23px;
}
.theme-config-page .admin-table .table tbody td select.form-control,
.theme-config-page .admin-table .table tbody td .form-control{
    height: 38px !important;
    font-size: 14px;
}
.theme-config-page .admin-table .table tbody td textarea.form-control{
    height: auto !important;
    /* font-size: 13px; */
}
.theme-config-page .form-control{
    height: 38px !important;
    font-size: 14px;
}
.theme-config-page textarea.textarea-size{
    height: 300px !important;
}
.theme-config-page .search-filter label{
    font-size: 14px;
}
.theme-config-page .theme-config-cancel,
.theme-config-page .search-filter .btn-search,
.theme-config-page .btn-round{
    height: 38px;
    line-height: 23px;
    margin-bottom: 5px;
}
/* .theme-config-page .table-responsive{
    margin-top: 5px;
} */
.theme-config-page .search-filter{
    margin-bottom: 0;
}


/* ==== datepicker ==== */
.daterangepicker{
    font-family: 'Mark Offc For MC', sans-serif !important;
}
.daterangepicker .drp-buttons .btn{
    border-radius: 20px;
    /*text-transform: uppercase;*/
    /*font-family: 'Lato', sans-serif;*/
    font-weight: 600;
}

/* ==== Theme Config Cancel button ==== */
.theme-config-cancel{
    height: 50px;
    line-height: 35px;
    /*text-transform: uppercase;*/
}

/* Table Padding */
.table tr th,
.table tr td{
    padding-left: 6px !important;
}
/* #adminTable.table tr th{
    min-width: 80px;
} */
.minw-110{
    min-width: 90px !important;
    max-width: 90px !important;
    width: 90px !important;
}
.minw-120{
    min-width: 90px !important;
    width: 90px !important;
    
}
.minw-130{
    min-width: 110px !important;
    width: 110px !important;
    
}
.minw-134{
    min-width: 134px !important;
    width: 134px !important;
}
.minw-150{
    min-width: 150px !important;
    width: 150px !important;
}
.services-col-width{
    min-width: 120px;
}
.pepsico-client-name{
    min-width: 90px;
}
.brand-thead{
    min-width: 100px;
}
table.dataTable thead>tr>th.sorting_asc, 
table.dataTable thead>tr>th.sorting_desc, 
table.dataTable thead>tr>th.sorting, 
table.dataTable thead>tr>td.sorting_asc, 
table.dataTable thead>tr>td.sorting_desc, 
table.dataTable thead>tr>td.sorting{
    padding-right: 22px;
}


 /* ==== New used css === */
 .reassign-btn{
    width: 47px;
    margin-left: 3px !important;
    height: 35px !important;
    margin-top: 0 !important;
    line-height: 36px !important;
}

/* table wrapper for fixed header scrollbar */
.table-fixed{
    /* max-height: 504px; */
    width: 100%;
    overflow-y: auto;
    /*border-radius: 0;*/
    margin-bottom: 10px;
}
.table-fixed .table{
    margin: 0 !important;
    border: 0 !important;
    border-spacing: 0px;
}
.table-fixed .table .bg-primary{
    background-color: #ffffff !important;
}
.table-fixed .table thead, #organization-table thead th{
    background-color: #ffffff;
}
.m_das .table-fixed .table thead th{
    position: -webkit-sticky !important;
    position: sticky !important;
    top: -1px;
    z-index: 9;
    white-space: nowrap;
    color: #ffffff;
    outline: 1px solid #bebebe;
    /*background-color:  #263d6d !important;*/
}
/*.table-fixed .table tbody tr td, #organization-table tbody tr td a{
    color: #0070c0;
}*/
/* .table-fixed .table tbody tr td,
    .table-fixed .table thead tr th{
     border-color: #444444;
} */
.dataTables_wrapper .btn-primary{
    /*border-radius: 5px;*/
        padding: 8px;
}
.buttonBox .dt-buttons{
        float: right;
        margin-left: 5px;
}
.table-fixed .table tbody tr td:first-child,
.table-fixed .table thead tr th:first-child,
.table-fixed .table tfoot tr td:first-child,
.table-fixed .table tfoot tr th:first-child{
    position: -webkit-sticky !important;
    position: sticky !important;
    left: -1px !important;
    z-index: 9 !important;
    white-space: nowrap;
}
.table-fixed .table tbody tr td:first-child{
    background-color: #ffffff;
}
.table-fixed .table thead tr th:first-child{
   z-index: 999 !important;
   background-color: #0070c0;
}
.table-fixed .table-striped tbody tr:nth-of-type(even) td:first-child{
    background-color: #F3F2EE !important;
}


.m_das .table-fixed .table tbody tr td:last-child,
.m_das .table-fixed .table thead tr th:last-child,
.m_das .table-fixed .table tfoot tr td:last-child,
.m_das .table-fixed .table tfoot tr th:last-child{
    position: -webkit-sticky !important;
    position: sticky !important;
    right: 0px !important;
    z-index: 9 !important;
    white-space: nowrap;
    border-left: 1px solid #F3F2EE !important;
}
.m_das .table-fixed .table tbody tr td:last-child{
    background-color: #ffffff;
}
.m_das .table-fixed .table thead tr th:last-child{
   z-index: 99 !important;
   background-color: #0070c0;
}
.table-fixed .table-striped tbody tr:nth-of-type(even) td:last-child{
    background-color: #f8f7f5 !important;
}

.movable-handle{
    cursor: move;
}

/* === Email template flow chart === */
/* == 1st row == */
.flow-chart-container .row-chart:nth-child(1) .three-box-2{
    margin-left: 0px;
}
.flow-chart-container .row-chart:nth-child(1) .three-box .box-3-1.box-vender{
    margin-top: 30px !important;
}
.flow-chart-container .row-chart:nth-child(1) .three-box-2 .bg-info:nth-child(1){
    margin-top: 123.5px !important;
}
.flow-chart-container .row-chart:nth-child(1) .box-01{
    margin-top: 30px !important;
}
.flow-chart-container .row-chart:nth-child(1) .box-02{
    margin-top: 0px !important;
}
.flow-chart-container .row-chart:nth-child(1) .box-03{
    margin-top: 30px !important;
}

/* == 2nd row == */
.flow-chart-container .row-chart:nth-child(2) .box-01{
    margin-top: 30px !important;
}
.flow-chart-container .row-chart:nth-child(1) .three-box .box-3-1.box-vender{
    margin-top: 30px !important;
}
.flow-chart-container .row-chart:nth-child(2) .three-box .box-3-1.mt-25{
    margin-top: 24px !important;
}

/* ==== 3rd row ==== */
.flow-chart-container .row-chart:nth-child(3) .three-box{
    margin-top: 0 !important;
}
.flow-chart-container .row-chart:nth-child(3) .three-box-2{
    margin-top: 0 !important;
}
.flow-chart-container .row-chart:nth-child(3) .box-3-12.bg-info{
    display: inline-block;
}
.flow-chart-container .row-chart:nth-child(3) .three-box-2 .box-3-1:before{
    height: 97px;
}
.flow-chart-container .row-chart:nth-child(3) .three-box .box-vender::after{
    position: absolute;
    content: '';
    height: 1px;
    /* border-top: 1px dashed #000; */
    border-top: 2px solid #7A97AB;
    width: 40px;
    right: -40px;
    top: 50%;
}
.flow-chart-container .row-chart:nth-child(3) .three-box-2 .box-part .three-box .bg-info::before{
    content: '';
}
.flow-chart-container .row-chart:nth-child(3) .three-box .box-3-1.box-vender.h-150:before{
    height: 253px;
}
.flow-chart-container .row-chart:nth-child(3) .three-box .box-vender:nth-child(2){
    margin-top: 167px !important;
}
.flow-chart-container .row-chart:nth-child(3)   .three-box .box-3-1:after{
    content: '';
}
/* ==== 4th row ==== */
.flow-chart-container .row-chart:nth-child(4) .three-box .box-3-1:after{ 
    content: ''; 
}
/* ==== 5th ====*/
.row-chart:nth-child(5) .three-box .box-3-1::after{
    content: '';
}

.proj-width{
	width:130px;
    display:block;
    word-break: break-word;
}
.project-thead{
    width: 136px !important;
    max-width: 136px !important;
}
.alert-warning-msg{
	text-align: center;
	color: #ffffff;
	padding: 15px 20px;
	background-color: #d20f27;
	border-radius: 3px;
	width: auto;
	max-width: fit-content;
	margin: auto;
	margin-bottom: 10px;
	font-size: 16px;
	margin-top: -35px;


}

/* ==== 4th row ==== */
.flow-chart-container .row-chart:nth-child(4) .three-box .box-vender::after{
    content: '';
}
/*new css*/
.details-text h2{
    text-align: left;
        margin-top: 20px;
}
/*view projectsdetails*/
.prev_sec.panel-group .panel{
    border-radius:0px;
}
.prev_sec.panel-group .panel a:hover{
    text-decoration: none;
}

.first_panel .col_align,.proj_det .p_right_apnel,.second_panel .col_align,.third_panel .col_align{
    padding: 10px;
}
.third_panel .p_right_apnel{
    min-height:100px;
}
.proj_det .first_panel,.proj_det .second_panel{
    border-bottom: 1px solid #BBBBBB; 
}
.proj_det .p_right_apnel{
   border-left: 1px solid #BBBBBB; 
}
.proj_det .p_right_apnel .cust-checkbox{
    font-weight: normal;
}
.second_panel .wrap_box1{
   /*border: 1px solid #BBBBBB;*/ 
   overflow: auto;
    /*padding: 6px 10px;*/
    margin-bottom: 10px;
}
/*popup changes*/
#validate-msg .modal-dialog{
    min-width: 650px;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}
#validate-msg .modal-content{
    border-radius: 0px;
    text-align: left;
    padding: 30px;
    position: relative;
}
#validate-msg .close{
     position: absolute;
    right: -20px;
    top: -20px;
    color: #000000;
    opacity: 1;
}
#validate-msg .btn-primary {
    background-color: #C14628 !important;
    border-color: #C14628 !important;
}

.proj_det .p_right_apnel .wrap_box1 .cust-checkbox{
    padding: 0px 10px 0px 25px;
}
.proj_det .p_right_apnel .wrap_box1 .new_add{
    margin-left: -5px;
    padding-left: 5px;
    padding: 0px 10px;
}
.search-filter table th,.search-filter table td{
    font-size: 14px;
    padding-bottom: 0.5rem;
}
.search-filter table{
    margin:0px 10px;
}
#nav-start_a_project .search-filter table th{
    background-color: #000;
    color: #fff;
    padding:10px !important;
    border: 1px solid #bcbcbc;
}
#nav-start_a_project .search-filter table th,#nav-start_a_project .search-filter table td{
     padding:5px 10px;
     border: 1px solid #bcbcbc;
}
/*dashbord new css*/
    /*.dataTables_wrapper{
        margin-top: 35px;
    }
    .dataTables_length{
        float: right;
        position: absolute;
        right: auto;
        top: -41px;
        left: 0px;
    }*/
.wd-25{
    width:20px;
}
.wd-20{
    width:20px;
}
table.dataTable{
    /*border-collapse: collapse !important;*/
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
/*.theme-config-page .tab-pane{
    border: 1px solid #bcbcbc;
    border-top:0px solid #fff;
}*/
.table-bordered td, .table-bordered th {
    border: 1px solid #bebebe;
}  
/*.start_pro_txt{
    position: absolute;
    top: 15px;
    right: 15px;
}*/

/*modal css*/
.modal-content .modal-header {
    padding:0px;
    border-radius: 5px;
    border-bottom: 0px;
}
.modal-content{
    border-radius: 5px !important;
    padding: 20px;
}
.close{
    color:#000;
    opacity: 1;
}
.close:hover{
    color:#000;
    opacity: 1;
}
.edit_custom .form-control:disabled, .edit_custom .form-control[readonly] {
    background-color: #fff;
    color: #141413;
    border: 0px solid #bcbcbc;
    font-size: 17px;
    padding: 0px;
    line-height: 21px;
    margin-bottom: 25px;
}
.dataTables_length{
    float:left;
}
.i_15 {
    width: 15px;
}
.input-group-prepend .input-group-text{
    border-radius: 0px;
    background-color:transparent;
    border:0px solid #000;
    padding: 12px 10px;

}
.input-group-prepend{
    position: absolute;
    right: 0px;
}
/*.btn,.select2-container--default .select2-selection--single{
    border-radius: 0px !important;
}*/
.multiselect-selected-text {
    display: inline-block;
    width: calc(100% - 15px);
    overflow: hidden;
    line-height: 30px;
    float: left;
    text-overflow: ellipsis;
    text-align: left;
    font-size: 14px;
}
.multiselect-native-select .multiselect {
    border-radius: 5px;
    height: 40px !important;
    border:1px solid #96918B;
    color: #000;
    font-weight: 500;
    padding:6px;
}
.edit-modal .form-group select.form-control {
    -webkit-appearance: none;
    background: url(../images/down-arrow.svg) no-repeat 97% center;
    background-size: 10px;
    background-color: #fff;
    padding-right: 21px;
}
.edit-modal .form-group .btn-group .btn{
    font-size: 14px;
}
/*.edit-modal{
        max-width: calc(100% - 150px);
    margin: 5% auto;
}*/

.edit-modal .select2-container .select2-selection--single,
.edit-modal .select2-container--default .select2-selection--single .select2-selection__arrow{
        height: 40px;
}
.edit-modal .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 39px;
}
.edit-modal .btn-light, .btn-light {
    background-color: #b3b3b3;
    border-color: #b3b3b3;
        border-radius: 20px;
}
#mypopiddecline .modal-header{
    border:0px solid #fff;
}
/*media querys*/
@media screen and (max-width: 1024px) {
    .start_pro_txt {
        top: -40px;
        right: 0;
    }
}
@media (max-width: 990px){
    .mx-sec .navbar-toggler {
        float: right;
        margin-top: 20px;
    }
    .mx-sec .col-md-3 {
        max-width: 100%;
        flex: auto;
    }
    .mx-sec .my-account {
        padding: 10px 10px;
    }
    .my-account li:first-child{
        margin-left:0px;
    }
}
.navbar-toggler .fa-bars.text-white {
    color: #000 !important;
}
.bt-header .navbar-nav .nav-item {
    /* margin-right: 15px; */
    margin-right: 27px;
    position: relative;
}
.bt-header .navbar-nav .nav-item.dropdown{
    margin-right: 42px;
}
.bt-header .navbar-nav .nav-item a:hover,
.bt-header .navbar-nav .nav-item a:focus,
.bt-header .navbar-nav .nav-item a:active,
.bt-header .navbar-nav .nav-item a:hover .menu-text,
.bt-header .navbar-nav .nav-item a:focus .menu-text,
.bt-header .navbar-nav .nav-item a:active .menu-text{
    color: #CF4500  !important;
    background-color: #fff  !important;
    border-radius: 5px !important;
}
.bt-header .navbar-nav a.single_tab:hover, .bt-header .navbar-nav a.single_tab:focus, .bt-header .navbar-nav a.single_tab:active {
        color: #fff !important;
    background-color: transparent !important;
}
.bt-header .nav-item.dropdown .dropdown-toggle:hover{
    background-color: transparent;
}
.bt-header .nav-item.dropdown .dropdown-toggle::after{
    border: 0 !important;
    background-image: url('../../images/dropdown-arrow.svg');
    content: "";
    height: 8px;
    width: 8px;
    background-repeat: no-repeat;
    position: absolute;
    right: -6px;
    background-size: 8px;
    top: 18px;
}
.dropdown:hover>.dropdown-menu {
  display: block !imoportant;
}
#delete-files .modal-dialog,#add-files .modal-dialog{
    top: -20%;
}
.action-div {
    justify-content: center;
    text-align: center;
}
.details-text .table thead th{
    background-color: #000 !important;
    color: #fff;
}

/* custom error popup start */
.ginput_container select,.ginput_container input,.ginput_container textarea{
    position: relative;
}
.msg_val{
    /*border: 1px solid #d4cfcf;*/
    /*padding: 10px 10px 10px 20px;*/
    width: auto;
    /* box-shadow: 0px 4px 9px 5px #ededed; */
    /*border-radius: 4px;*/
    /*color: #3f3c3c;*/
    /*font-family: sans-serif;*/
    font-size: 12px;
    /*text-align: center;*/
    /*background-color: #fff;*/
    /*margin-top: 2px;*/
    position: absolute;
    z-index: 1;
    display: none;

}

.msg_val p {
    position: relative;
    margin: 0px;
    line-height: 22px;
    float: left;
}
/*
.trang_sec {
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #b3b3b3;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #b3b3b3;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    transform: rotate(45deg) skew(10deg, 10deg);
    left: 5px;
    top: -15px;
    background-color: #fff;
}*/

.msg_val img {
    width: 20px;
    height: auto;
    float: left;
     margin-right: 10px;
}

.table thead th {
    background-color: #686868 !important;
    color:#fff;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 13px;
    line-height:16px;
}
#mypopid .edit_custom{
    width:100%;
}
.modal-header .modal-title{
       font-size: 36px; 
       line-height: 42px;
}
.snap_img{
    clear:both;
}
.select2-dropdown{
        border-radius: 0 !important;
}
.project-filter .filter-header {
    padding: 10px 15px;
    cursor: pointer;
    border: 1px solid #b3b3b3;
    color: #fff;
    /*text-transform: capitalize;*/
}
.new_fig .project-filter .filter-header{
     color: #000;
}
.filter-header {
    background-color: #b3b3b3;
}
.project-filter .filter-body {
    padding: 15px 15px 10px 15px;
    background-color: #ffffff;
/*    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;*/
    border: 1px solid #b3b3b3;
    border-top: none;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.filter-body label {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 10px;display: inline-block;
}
.filter-header.collapsed .fa-minus:before {
    content: "\f067";
}
.icon_portal{
    width: 20px;
}
.w_25{
    width:25px;
        margin-top: -7px;
}
/*program description*/
.main-heading {
    font-weight: 600;
    font-size: 22px;
}
.page-heading .breadcrumb {
    background-color: transparent;
}
.page-heading .breadcrumb li:first-child {
    margin-left: auto;
}
.project-content {
    border-radius: 5px;
    padding: 25px;
    background-color: #ffffff;
    margin-bottom: 30px;
    border: 1px solid #b3b3b3;
    position: relative;
}
/*.form-control-sm, .input-group-sm>.form-control, .input-group-sm>.input-group-append>.btn, .input-group-sm>.input-group-append>.input-group-text, .input-group-sm>.input-group-prepend>.btn, .input-group-sm>.input-group-prepend>.input-group-text, .btn-group-sm>.btn, .btn-sm, .project-content .nav-tabs .nav-item .nav-link, .modal-header, .dataTables_filter input, .dataTables_length select, .modal-content, .club .searchbtn, .club .search, .chat-popup .msg-type, .sendBtn, .form-control, .delete-popup .modal-content, .btn, div.dataTables_wrapper div.dataTables_filter input, .dataTables_filter .input-group-prepend .input-group-text, .card, .file-drop-area, .project-details, .input-group-text, .cke_chrome, .tab-section, .photos-tab li a, .photos-tab li a:hover, .custom-file-label, .subcategory-box, .cust_btn, .nav-tabs .nav-link, .dataTables_filter input, .dataTables_length select, .btn-group-sm>.btn, .btn-sm, .collapse-expand-section, .chat-popup .modal-footer, .alert, .project-content .nav-tabs .nav-item, .comboTreeInputBox, .select2-container--default .select2-selection--multiple {
    border-radius: 0 !important;
}*/
#printableArea .btn-info.disabled, #printableArea .btn-info:disabled {
    background-color: #e6e6e6;
    border-color:#b3b3b3;
    color: #000;
        border-radius: 20px;
}
#printableArea .btn-info {
    background-color:#b3b3b3;
    border-color: #b3b3b3;
    color: #000;
    border-radius: 20px;
}
#printableArea .alert-info {
    color: #000;
    background-color: #e6e6e6;
    border-color: #b3b3b3;
}
.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: #e6e6e6;
    border-color: #b3b3b3;
}
a .fa-people-arrows{
    color: #000000;
}

/*left panel filter*/
.search_btn {
    height: 32px;
    width: 64px;
    position: relative;
    text-align: right;
    font-size: 16px;
    color: #96918B;
    z-index: 1;
}
.search_btn #search {
    padding: 10px 5px;
    border-radius: 0px;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px;
    cursor: pointer;
    color: #96918B;
}
.l_collp_icon{
        padding-right: 20px;
        height:100%;
}
.l-wrapsec {
    position: relative;
    background-color: #fff;
    padding: 60px 13px 88px 13px;
    height:100%;
}

.toggle-filter {
    position: absolute;
    right: -20px;
      top:55px;
    z-index: 1;
}
.toggle-filter .toggle-filter-icon {
    height: 56px;
    width: 24px;
    display: inline-block;
    text-align: center;
    line-height: 14px;
    font-size: 12px !important;
    padding-top: 14px;
}
.admin-heading .right-content{
    padding-top:60px;
}
.admin-heading .right-content.padd_sec{
    padding-right:46px;
        padding-bottom: 88px;
}
.padd_sec.cust-right-wrap{
    margin-right:20px !important;
}
.padd_sec.cust-right-wrap .white-wrapper{
    margin-left:105px !Important;
}
.filt_bottom{
    border-bottom: 1px solid #B1ADA6;
    padding-bottom: 10px;
}
.clear_btnS{
    font-size: 16px;
    cursor: pointer;
    color: #96918B;
}

.right-toggle-filter {
    position: absolute;
    right: initial;
    top: 0px;
    left: 10px;
    float: left;
    height: 100%;
    background-color: #fff;
    padding: 10px;
}
.admin-table.right-content .right-toggle-filter {
    /*left: -35px;*/
    z-index: 2;
}
.head_sec_filter {
    padding: 0px;
    color: #444340;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 25px;
}
.main_wrap_ad .project-filter .filter-body {
    border: 1px solid #b3b3b3;
}
.filter-header {
    background-color: var(--color-dark-gray);
}
.l-wrapsec .project-filter .filter-header {
    padding: 13px 0px 13px 0;
    font-size: 16px;
}
.l-wrapsec .project-filter .filter-header .fa{
    font-size: 12px;
    float:right;
}
.project-filter .filter-body {
    padding: 15px 15px 10px 15px;
    background-color: #fff;
/*    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;*/
    border: 1px solid #b3b3b3;
    /*border-radius: 5px;*/
}
.project-filter h6{
    font-size: 15px;
}
.project-filter .filter-header{
    border: 1px solid #b3b3b3;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.main_wrap_ad .filter-header.collapsed{
       background-color: #f8f7f5; 
}
.main_wrap_ad .project-filter .filter-header,.main_wrap_ad .project-filter .filter-body{
   border: 0px solid #b3b3b3;
   background-color: #ffffff;
   color:#141413;
}
.main_wrap_ad .project-filter .filter-header,.main_wrap_ad .notification-panel .filter-header{
     color:#CF4500;
}
.main_wrap_ad .project-filter .filter-header.collapsed{
    color:#444340;
}
.main_wrap_ad .project-filter .filter-body {
    padding: 6px 5px 6px 5px;
}
.main_wrap_ad .filter-body label{
       padding-left: 30px; 
       margin-bottom: 15px;
}
.main_wrap_ad .custom-check:hover input ~ .checksign,.main_wrap_ad .checksign {
    background-color: #fff;
}
.filter-header {
    cursor: pointer;
}
.filter-header.collapsed {
    background-color: #e6e6e6;
    color:#000;
    border-radius: 5px;
}
.main_wrap_ad .project-filter .collapse.show{
        max-height: 200px;
    overflow: auto;
}
/* Create a custom radio button */
  .checkmark {
    position: absolute;
    top: -2px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 50%;
    border: 1px solid #27251F;
  }
  
  /* On mouse-over, add a grey background color */
  .custom-radio:hover input ~ .checkmark {
    background-color: #ccc;
  }
  
  /* When the radio button is checked, add a blue background */
  .custom-radio input:checked ~ .checkmark {
    background-color: var(--color-primary);
  }
  
  /* Create the indicator (the dot/circle - hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the indicator (dot/circle) when checked */
  .custom-radio input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the indicator (dot/circle) */
  .custom-radio .checkmark:after {
      top: 3px;
      left: 3px;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: white;
  }

  /* ==== Custom checkbox ==== */
  /* The container */
  .custom-check {
    display: block;
    position: relative;
    padding-left: 20px;
    /* margin-bottom: 12px; */
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 400;
    margin-bottom: 5px;
  }
  
  /* Hide the browser's default checkbox */
  .custom-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  .checksign {
    position: absolute;
    top: -3px;
    left: 0;
    height: 18px;
    width: 18px;
    /*background-color: #eee;*/
    border: 1px solid #444340;
    border-radius:2px;
  }
  
  /* On mouse-over, add a grey background color */
  .custom-check:hover input ~ .checksign {
    background-color: #ccc;
  }
  
  /* When the checkbox is checked, add a blue background */
  .custom-check input:checked ~ .checksign {
    background-color: #fff;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checksign:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .custom-check input:checked ~ .checksign:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .custom-check .checksign:after {
    left: 5px;
    top: 1px;
    width: 6px;
    height: 10px;
    border: solid #CF4500;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .main_wrap_ad .project-filter{
         border-bottom: 1px solid #B1ADA6; 
  }

  /* ==== Custom checkbox ends ==== */
.filter-header .fa-chevron-right:before {
    content: "\f077";
}
.filter-header.collapsed .fa-chevron-right:before {
    content: "\f054";
}
.main_wrap_ad .project-filter #keybord .filter-body{
        padding: 6px 0px 0px 0px;
}
.main_wrap_ad .project-filter #keybord .filter-body .form-control{
    background-color: #E7E7E7;
    border: 0px;
    border-radius: 0px;
    padding: 10px;
}
/*.main_wrap_ad .filter-header.collapsed .fa-chevron-right:before {
    content: "\f054";
}
.main_wrap_ad.filter-header .fa-chevron-right:before {
    content: "\f077";
}*/
.admin-heading .breadcrumb {
    background-color: transparent;
    font-size: 18px;
    font-weight: 400;
    color: #141413;
}
/*.admin-heading .breadcrumb li:first-child {
    margin-left: auto;
}*/
/*.Add_new_user_btn{
    position: absolute;
    right: 270px;
    top: 13px;
    z-index: 2;
}*/
.admin-heading .breadcrumb-item.active {
    color: var(--color-primary);
    font-weight: 600;
}
.admin-heading .breadcrumb li a {
    color: #000;
}
.dashboard-body{
    background-color: #f8f7f5;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff !important;
}
.table-striped tbody tr:nth-of-type(even) {
    background-color: var(--color-light-gray);
}
.wrap_sec_main{
    padding: 0px 30px;
        min-height: calc(100vh - 194px);
            margin-bottom: 20px;
}
.dataTables_paginate .paginate_button.current, .dataTables_paginate .paginate_button:hover {
    font-size: 18px;
    line-height:26px;
    color:#141413;
    position:relative;
    /*border-bottom:2px solid #CF4500;*/
    /*text-decoration: underline;*/
}
.dataTables_paginate .paginate_button.current:before{
    content:'';
    width:15px;
    height:2px;
    background-color: #CF4500;
    position:absolute;
    bottom:0px;
    left:30%;
}
.dataTables_paginate .paginate_button.current, .dataTables_paginate .paginate_button:hover {
    background-color: transparent !important;
}
.active-count {
        display: inline-block;
        background-color: var(--color-orange);
        font-size: 12px;
        /* text-align: center; */
        color: #ffffff;
        margin-left: 5px;
        padding: 2px 5px;
        text-align: center;
        font-weight: bold;
        border-radius: 5px;
}
.btn-primary{
    border-radius: 20px;
}
.footer_glob{
   background-color: #000000;
    color: #C4C4C4;
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    padding: 36px 50px;
        margin-top: 88px;
}
.link-wrapper a{
    margin-right:30px;
    color:#C4C4C4;
}
.m_das .dashboard-tab-content tr th:nth-child(2),.m_das .dashboard-tab-content tr th:last-child {
    position: sticky !important;
    left: 0;
    top: 0px;
    /*background-color: var(--color-black);*/
    border-left: 1px solid #bebebe !important;
    z-index: 10;
}
.m_das .dashboard-tab-content .odd td:nth-child(2),.m_das .dashboard-tab-content .odd td:last-child{
    position: sticky  !important;
    left: 0;
    border-left: 1px solid #bebebe !important;
    border-right: 1px solid #bebebe !important;
    z-index: 2;
}

.m_das .dashboard-tab-content .even td:nth-child(2),.m_das .dashboard-tab-content .even td:last-child{
     position: sticky  !important;
    left: 0;
    border-left: 1px solid #bebebe !important;
    border-right: 1px solid #bebebe !important;
    z-index: 2;
}
.m_das .dashboard-tab-content tr th:last-child,.m_das  .dashboard-tab-content .odd td:last-child,.m_das  .dashboard-tab-content .even td:last-child {
    right: 0px !important;
    left: auto;
}
a.Impersonation .fa-people-arrows{
    color:#fff;
}
.multiselect-container.dropdown-menu {
    /* border-radius: 0px !important; */
    width: 94% !important;
    /* border-radius: 0px !important; */
    margin-left: 12px !important;
    margin-top: -30px !important;
    padding-top: 0px;
    border-radius: 5px !important;
    box-shadow: 1px 18px 24px 5px rgb(0 0 0 / 15%);
}
.a:hover{
        text-decoration: none;
}
/*.new_fig .page-content{
        padding: 0px 15px 0px 15px;
}*/
.multiselect-container .multiselect-search{
        position: relative;
        background: url('../../images/search_multi.svg') no-repeat 10px 7px;
       
}
.filter-label #searchkeyword{
    padding:10px 35px !important;
}
.filter-label #searchkeyword{
   position: relative;
        background: url('../../images/search_multi.svg') no-repeat 10px 11px;  
}
/*radio button*/
.radio{
  display: inline-block;
  position: relative;
  padding: 0 6px;
  margin: 10px 0 0;
}

.radio input[type='radio'] {
  display: none;
}

label.radio{
  color: #666;
  font-weight: normal;
}

label.radio:before {
  content: " ";
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 5px 0 0;
  width: 18px;
  height: 18px;
  border-radius: 11px;
  border: 2px solid #54524F;
  background-color: transparent;
  cursor: pointer;
}
.radio input[type=radio]:checked{
    border-radius: 11px;
    width: 20px !important;
    height: 20px;
    position: absolute;
    top: 6px;
    left: 9px;
    content: " ";
    display: block;
    background: #CF4500;
    accent-color: #CF4500;
}
.multiselect-container.dropdown-menu>li>a {
    padding: 3px 0px;
}
.det_20{
    padding:20px;
}
#projectDetailsModal .modal-content{
    padding:0px;
        min-width: 350px;
}
#projectDetailsModal .modal-body,#terms_conditions .modal-body{
    overflow: auto;
    max-height: 100vh;
}
#projectDetailsModal .modal-content .modal-header{
        padding: 20px 20px 10px 20px;
}
/*bredcrump change*/
.sec_right{
    text-align: right;
}
.head_white{
    padding: 15px 40px;
    background-color: #fff;
    border-bottom: 1px solid #B1ADA6;
}
.head_white {
    padding-left: 108px;
    padding-right: 108px;  
}
.page_head{
    /*color:#444340;*/
    /*text-decoration: underline;*/
    font-size: 16px;
    line-height: 24px;
}
/*.page_head:hover{
     color:#CF4500;
     text-decoration: underline;
}*/
.start_btn a{
   color:#CF4500;
   font-size: 16px;
    line-height: 24px;
    border: 2px solid #CF4500;
    padding: 11px 20px;
    border-radius: 20px;
}
.bred_txt,.bred_txt a{
    font-size: 14px;
    line-height: 26px;
    color:#141413;
    font-weight: 400;
}
.head_white .breadcrumb{
    background-color: transparent;
}
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #b3b3b3;
    border-color: #b3b3b3;
}
#reportrange.form-control{
         padding: 6px !important;
        line-height: 27px;
}
.excel_exp{
    background-color: transparent !important;
    color: #000 !important;
    padding: 0px !important;
    margin: 2px 4px 2px 8px;
    border: 0px !important;
    background: transparent !important;
    font-size: 18px !important;
}
/* theme-config CSS Start by Navin */

.email-border{
    border: 1px solid #acacac;
    border-radius: 3px;
    padding: 2px 5px;
    margin:3px 16px;
    }
.email-border a{float: right;cursor: pointer;}  


.theme-config-page .form-control{margin-top: 2px;
    /*margin-bottom: 7px;*/
}

.add-dropdown-btn {    
    margin-top: 2px !important
}
.theme-config-page .dashboard-tab-content.tab-content,.theme-config-page  .tab_stur_sec, .tab-content{
padding: 3px 25px 25px 25px;
}

.theme-config-page .addmore-btn{border-radius:20px;color: #fff;
    background: #CF4500 !important;
    border: #CF4500 !important;
    padding: 6px 11px;
    margin: 10px 0;}

.theme-config-page .nav-fill .nav-item {font-size: 13px;}
.theme-config-page .search-filter .btn-search{padding: 7px;} 

/* .det_21{padding: 25px !important;} */


#add-currency .modal-header{padding: 0px 23px}
#add-currency .modal-content{padding: 25px;}

#add-dropdown-options .modal-header{padding: 0px 23px}
#add-dropdown-options .modal-content{padding: 25px;}

#add-product-status .modal-header{padding: 0px 23px}
#add-product-status .modal-content{padding: 25px;}

#add-project-brief .modal-header{padding: 0px 23px}
#add-project-brief .modal-content{padding: 25px;}

#addMenu .modal-header{padding: 0px 23px}
#addMenu .modal-content{padding: 25px;}

#addEmailtemplate .modal-header{padding: 0px 23px}
#addEmailtemplate .modal-content{padding: 25px;}

#showProductStatusConfiguration .modal-header{padding: 0px 23px}

#addProjectype .modal-header{padding: 0px 23px}
#addProjectype .modal-content{padding: 25px;}

.cancel-btn{padding: 0 30px !important}
.submit-btn{padding: 0 30px !important}  

.movable_scroll .det_21 { cursor: all-scroll;}
/* theme-config CSS Ends by Navin */

.fa.left_arrow:before{
    content:'';
    background: url(../../images/right_collaps.svg);
    width: 24px;
    height: 56px;
    position: absolute;
    left: 0px;
    top: 0px;
}
.fa.right_arrow:before{
    content:'';
    background: url(../../images/left_collaps.svg);
    width: 24px;
    height: 56px;
    position: absolute;
    left: 0px;
    top: 0px;
}
.toggle-filter .right_arrow_sec .toggle-filter-icon{
    top: 28px;
    position: absolute;
    left: 20px
}
.right_arrow_sec{
    position: relative;
    padding: 10px;
}
.fa.open_sec{
    position: relative;
}
.filter-header .fa.open_sec::before{
     content:'';
    background: url(../../images/min.svg);
    width: 16px;
    height: 2px;
    position: absolute;
    left: -20px;
    top: 14px;
}
.filter-header.collapsed .fa.open_sec::before{
    content:'';
    background: url(../../images/plus.svg);
    width: 16px;
    height: 16px;
    position: absolute;
    left: -20px;
    top: 8px;
}
.custom-file-label{
        border: 1px solid #96918B !important;
}
.textright{
    text-align: right;
}
.comm_bn{
    min-width: 120px;
    font-size: 15px;
    padding: 8px 15px;
    border-radius: 20px;
    line-height: 1.5;
    /*float:left;*/
    margin-right:10px;
}
.m_active{
    color: #CF4500;
    font-size: 22px;
}
.m_unactive{
    color: green;
    font-size: 22px;
}
/* theme config  QA issue css start by Navin */

.theme-config-page .thead-right{text-align: right;}
.theme-config-page .thead-Centered{text-align: center;}
#showheadercolumnid .modal-header{padding: 0px 23px}
#showheadercolumnid .modal-content{padding: 25px;}
.modal-custom{max-width:835px !important}


.theme-config-page .themeConfig-btns{padding: 40px 0;}
.theme-config-page .theme-config-submit-btn{
border-radius: 20px;
height: 38px;
line-height: 15px;
min-width: 150px;
background: #CF4500 !important;
border: #CF4500 !important;
}


.theme-config-page .theme-config-cancel-btn{border-radius: 20px;
    min-width: 150px;    border: 2px solid #cf4500 !important;
    background: #fff !important;
    color: #cf4500!important;
    }
.theme-config-page .cancel-btn-form-group{ margin: 0 7px;}
.theme-config-page .submi-btn-form-group{ margin: 0 7px;}  

.theme-config-page .theme-config-cancel{margin-bottom: 0;height: 36px !important;}
.theme-config-page .theme-config-submit{background: #CF4500 !important;
    border: #CF4500 !important;height: 36px !important;}

.themeConfig-popUp-btns{float: right !important;display: flex;align-items: center;}

@media only screen and (max-width: 991px) {
        .theme-config-page .cancel-btn-form-group{ margin: 0 10px;}
        .theme-config-page .submi-btn-form-group{ margin: 0 10px;} 
        .theme-config-page .theme-config-submit-btn{min-width: 120px;}
        .theme-config-page .theme-config-cancel-btn{min-width: 120px;}
  }

/* theme config  QA issue css End by Navin */ 

/* theme config new css by Navin date 28/02/22 */
.theme-config-page .themeConfig-top-btn{border-radius: 20px;margin-top: 2px;}
.theme-config-page .popUp-cancel-btn{border-radius: 20px; width: 120px !important;    border: 2px solid #c14628;
    color: #c14628 !important;;
    background: #fff !important;}
.theme-config-page .popUp-submit-btn{border-radius: 20px; width: 120px !important }
.theme-config-page .nav-fill .nav-item {/* max-width: 160px; */}
.theme-config-page .startProject-table{margin: 0 !important;}
.theme-config-page .startProject-table th{background-color: #686868;
    color: #fff;
    padding: 7px;
    border: 3px solid #fff;
    padding-bottom: 5px;
    border-bottom: 6px solid #fff;
    text-transform: uppercase;
    font-size: 13px;
}
.theme-config-page .project-table{border-radius: 3px;
    border: 1px solid #686868;}   
.theme-config-page .startProject-table td{padding: 7px;color: #000;}
.theme-config-page .startProject-table .form-control{margin: 0;}
.theme-config-page .dashboard-tab-content.tab-content, .theme-config-page .tab_stur_sec, .tab-content{
padding: 18px}
.theme-config-page #nav-tabContent .table-responsive{
    margin-top:18px;
}
#add-currency .form-group label {
    font-weight: 500;
    color: #000;
    margin-bottom: 0;
    font-size: 12px;}
#add-currency .modal-header .modal-title {
font-size: 36px;
line-height: 42px;}
#add-dropdown-options .form-group label {
    font-weight: 500;
    color: #000;
    margin-bottom: 0;
    font-size: 12px;}
#add-dropdown-options .modal-title {
    font-size: 36px;
    line-height: 42px;}  
#add-project-brief .form-group label {
    font-weight: 500;
    color: #000;
    margin-bottom: 0;
    font-size: 12px;}
#add-project-brief .modal-title {
    font-size: 36px;
    line-height: 42px;} 
#addMenu .form-group label {
    font-weight: 500;
    color: #000;
    margin-bottom: 0;
    font-size: 12px;}
#addMenu .modal-title {
    font-size: 36px;
    line-height: 42px;}
#addEmailtemplate .form-group label {
    font-weight: 500;
    color: #000;
    margin-bottom: 0;
    font-size: 12px;}
#addEmailtemplate .modal-title {
    font-size: 36px;
    line-height: 42px;}
#addProjectype .form-group label {
    font-weight: 500;
    color: #000;
    margin-bottom: 0;
    font-size: 12px;}
#addProjectype .modal-title {
    font-size: 36px;
    line-height: 42px;}
#showheadercolumnid .form-group label {
    font-weight: 500;
    color: #000;
    margin-bottom: 0;
    font-size: 12px;}
#showheadercolumnid .modal-title {
    font-size: 36px;
    line-height: 42px;}   
.multiselect-native-select .multiselect-container .form-control{
    border:0px solid #fff;
        padding-left: 30px;
}
.multiselect-native-select .multiselect-container .btn {
    color: #000;
}
.vender_sec .btn-sm{
    min-width: 130px;
    border-radius: 20px;
    padding: 7px;
    font-size: 16px;
    margin-left: 10px;
}
/* ==== Sidebar Search ==== */
.sticky-search{
    position: sticky;
    top: 0;
    background-color: #ffffff;
    z-index: 9;
}
.search-list{
    background-color: rgba(231, 231, 231, 0.5) !important;
    border: 1px solid rgba(231, 231, 231, 0.5) !important;
    position: relative;
    background: url(../../images/search_multi.svg) no-repeat 10px center;
    padding-left: 33px;
}
.sticky-search .input-group-append{
    background-color: rgba(231, 231, 231, 0.5) !important;
    border: 1px solid rgba(231, 231, 231, 0.5) !important;
    cursor: pointer;
}
.sticky-search .input-group-append .input-group-text{
    border: 0;
}
.search-list:focus{
    outline: none !important;
    box-shadow: none;
}
/* ==== Email Template edit ==== */
.edit-email-field{
    position: absolute;
    right: -20px;
    top: 20px;
    cursor: pointer;
    font-size: 18px;
}
/* Navin themeConfig btn css */

.theme-config-page .themeConfig-top-btn{border-radius: 20px;}
.chkvalidation{
    position:relative;
}
.chkvalidation label:first-child{
    color:#D7373C !Important;
}


.chkvalidation::before{
    content:'';
    background: url(../../images/validation_error.svg);
    width: 24px;
    height: 24px;
    position: absolute;
/*    top: 29px;
    right: 29px;*/
        top: 27px;
    right: 9px;
    z-index: 3;  
}

.chkvalidation .multiselect-container label{color:#000 !important;}
.user-add-form .chkvalidation::before{ right: 40px;}
.user-add-form .form-group.chkvalidation::before{right: 20px !important;}
.chkvalidation#streetaddressdiv { margin-bottom: 20px;}
.chkvalidation#zipcodediv { margin-bottom: 10px;}





.chkvalidation .error_ignitorsLead,.chkvalidation .error_status{
    color:#D7373C !important;
    font-size:12px;
}
.add_profi label,.user-add-form label{
    margin-bottom:0px;
    font-size: 12px;
}
.add_profi .chkvalidation::before {
    top: 28px;
    right: 9px;
}
.chkvalidation input,.chkvalidation .multiselect-native-select .multiselect,
.chkvalidation .multiselect.btn,.chkvalidation textarea{
    border:1px solid #D7373C !important;
}
.drop_se.chkvalidation::before{
        right: 23px;
}
.restrict .chkvalidation::before{
    right: 36px;
}
#mypopid .chkvalidation::before{
    top: 28px;
    right: 28px;
}
.sub_pre{
    font-size: 18px;
    font-weight:700;
    line-height: 26px;
     margin-bottom: 11px;
}
#terms_conditions p{
    font-size: 18px;
    line-height: 26px;
    color:#444340;
}
.link-wrapper a{
    cursor: pointer;
}
.align_pad{
    padding-left:40px !important;
    padding-right:40px !important;
}
#terms_conditions .modal-header{
    justify-content: left !Important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    color:#444340;
}


/*Two columns freeze*/ 

.m_das .padd_sec.admin-table #empTable.table thead tr th:nth-last-child(2),
.m_das .padd_sec.admin-table #allTable-0.table thead tr th:nth-last-child(2) {
    position: -webkit-sticky;
    position: sticky;
    z-index: 99;
    background-color: #524C49;
    border-collapse: separate;
    /*right:119px;*/
    width:138px;
   border-left: 1px solid #F3F2EE !important;
}
.m_das .padd_sec.admin-table #empTable.table tbody tr.even td:nth-last-child(2),
.m_das .admin-table #empTable.table tbody tr.even td:last-child,
.m_das .dashboard-tab-content  .even td:nth-child(2),
.m_das .padd_sec.admin-table #allTable-0.table tbody tr.even td:nth-last-child(2),
.m_das .admin-table #allTable-0.table tbody tr.even td:last-child{
   background-color: #f8f7f5 !important; 
}
.m_das .padd_sec.admin-table #empTable.table tbody tr.odd td:nth-last-child(2),
.m_das .admin-table #empTable.table tbody tr.odd td:last-child,
.m_das .dashboard-tab-content .odd td:nth-child(2),
.m_das .padd_sec.admin-table #allTable-0.table tbody tr.odd td:nth-last-child(2),
.m_das .admin-table #allTable-0.table tbody tr.odd td:last-child{
    background-color: #fff;
}
.m_das .padd_sec.admin-table #empTable.table tbody tr td:nth-last-child(2),
.m_das .padd_sec.admin-table #allTable-0.table tbody tr td:nth-last-child(2){
    position: -webkit-sticky;
    position: sticky !important;
    z-index: 9;
    border-collapse: separate;
     /*right:119px;*/
      width:138px;
         border-left: 1px solid #bebebe!important;
}
/*.padd_sec.admin-table #allTable-0.table tbody tr td:nth-last-child(2),
.padd_sec.admin-table #allTable-0.table thead tr th:nth-last-child(2){
    right:80px;
}*/
.m_das .padd_sec.admin-table .table thead tr th:last-child {
    position: -webkit-sticky;
    position: sticky;
    z-index: 99;
    background-color: #524C49;
    border-collapse: separate;
}

.m_das .padd_sec.admin-table .table tbody tr td:last-child {
    position: -webkit-sticky;
    position: sticky;
    z-index: 9;
    background-color: #ffffff;
    border-collapse: separate;
}
 /*Two Columns Freeze End*/ 
 .close_icon::before{
    content:'';
     background: url(../../images/close.svg);
        width: 24px; 
    height: 24px;
    position: absolute;
    top: 25px;
    right: 25px;
    z-index: 3;
    background-size: 100%;
}
button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}
.invalid_msg input.multiselect-search{
        border: 0px solid #D7373C !important;
}
.l-wrapsec .search-list{
        background-color: #E7E7E7 !important;
}
.l-wrapsec .input-group-text{
        background-color: #E7E7E7;
}


/* Modal popUp multiple select css starts by Navin */


.theme-config-page .multiselect-container .multiselect-search {
height: 35px !important;
background-color: rgba(231, 231, 231, 0.5);
 margin-top: 0 !important;}
 /*#showEmailtemplateid{overflow: auto;}*/
.theme-config-page .multiselect-native-select .multiselect{
border: 1px solid #96918B !important}
.theme-config-page .popUp-btn{padding-top: 32px;
}

/* Modal popUp multiple select css Ends by Navin */    

      
.right-content .row_cre{
    padding-left:65px;
}
.daterangepicker{
    font-family: 'Mark Offc For MC', sans-serif !important;
}

/* ==== Responsive section AVI 04-03-2022 ==== */
@media only screen and (max-width: 1200px) {
    div.dataTables_wrapper div.dataTables_filter input{
        max-width: 230px;
        min-width: 200px;
    }
    .dashboard-tab-content .odd td:nth-child(2),
    .dashboard-tab-content .odd td:last-child, 
    .dashboard-tab-content .even td:nth-child(2), 
    .dashboard-tab-content .even td:last-child,
    .dashboard-tab-content tr th:nth-child(2), 
    .dashboard-tab-content tr th:last-child,
    .table-fixed .table tbody tr td:last-child, 
    .table-fixed .table thead tr th:last-child, 
    .table-fixed .table tfoot tr td:last-child, 
    .table-fixed .table tfoot tr th:last-child,
    .padd_sec.admin-table #empTable.table tbody tr td:nth-last-child(2), 
    .padd_sec.admin-table #allTable-0.table tbody tr td:nth-last-child(2),
    .table-fixed .table thead th{
        position: initial !important;
    }
}
@media only screen and (max-width: 991.5px) {
    div.dataTables_wrapper div.dataTables_filter input,
    div.dataTables_wrapper div.dataTables_paginate{
        display: block !important;
        width: 100% !important;
    }
    .navbar-toggler{
        background-color: #ffffff !important;
        position: absolute;
        right: 0px;
        top: -45px;
        margin-top: 0 !important;
    }
    .navbar-collapse .d-flex{
        display: block !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .navbar .col-md-3, .navbar .col-md-9{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .navbar-collapse{
        position: absolute;
        background: rgb(0, 0, 0);
        z-index: 9;
        right: 0px;
        padding: 5px;
    }
    .mast_nav1{
        margin-left: 0;
    }
    .bt-header #navbarSupportedContent .navbar-nav .dropdown-menu::before{
        content: none;
    }
}
@media only screen and (max-width: 767.5px) {
    .toggle-filter{
        display: none;
    }
    .l_collp_icon{
        padding-right: 0;
    }
    .l-wrapsec{
        padding-right: 20px;
    }
    .left-filter{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .admin-heading .right-content.padd_sec{
        padding-left: 30px;
        padding-right: 15px;
    }
    .admin-heading .right-content{
        padding-top: 30px;
    }
    .white-wrapper{
        padding-bottom: 0;
    }
    .admin-heading .right-content{
        padding-bottom: 30px !important;
    }
    .admin-heading .row{
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .navbar-toggler{
        margin-top: 0px !important;
        background-color: #ffffff;
    }
    .header-section .navbar-collapse{
        margin-top: 0;
    }
}
 .movable_scroll .modal-header,.cancle_icon{
    cursor: all-scroll;
}

/* ==== multiselect dropdown checkbox ==== */
.checkbox {
    display: inline-block !important;
    width: 100%;
    position: relative;
    cursor: pointer !important;
    font-size: 14px !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 400 !important;
    margin-bottom: 2px !important;
    padding-left: 30px !important;
    line-height: 11px;
  }
  .custom-multicheck>li>a>label.checkbox{
    padding-left: 30px !important;
  }
  .custom-multicheck.dropdown-menu>li>a{
    display: block;
  }
  .custom-multicheck li{
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  
  .custom-multicheck .checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  .checktick {
    position: absolute;
    top: 0px;
    left: 0;
    height: 18px;
    width: 18px;
    border: 1px solid #444340;
    border-radius:2px;
  }
  
  .custom-multicheck .checkbox:hover input ~ .checktick {
    background-color: #ccc;
  }
  
  .custom-multicheck .checkbox input:checked ~ .checktick {
    background-color: #fff;
  }
  .custom-multicheck .disabled .checkbox input:checked ~ .checktick {
    background-color: #DDDDDD;
  }
  
  .checktick:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  .custom-multicheck .checkbox input:checked ~ .checktick:after {
    display: block;
  }
  
  .custom-multicheck .checkbox .checktick:after {
    left: 5px;
    top: 1px;
    width: 6px;
    height: 10px;
    border: solid #CF4500;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .custom-multicheck li.multiselect-filter{ 
    padding-left: 0 !important;
    padding-right: 0 !important;
  }


  /* ==== Core Assortment Page Starts ==== */

  /* === Hero Section === */
  .core-body-wrapper{
      min-height: 764px;
      background-image: url('../../images/our-brands-banner-2880.jpg');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      font-family: 'Mark Pro Light', sans-serif;
  }
  .core-banner-text{
      padding-top: 359px;
      margin-left: 108px;
      margin-right: 108px;
      padding-bottom: 40px;
      max-width: 496px;
      width: 100%;
      color: #ffffff;
  }
  .banner-small-heading{
      font-weight: 700;
      font-size: 12px;
      line-height: 16px;
      letter-spacing: 1.8px;
      margin-bottom: 12px;
  }
  .banner-main-heading{
    font-weight: 400;
    font-size: 48px;
    line-height: 56px;
    margin-bottom: 22px;
  }
  .banner-text{
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
  }

  /* === Categories Section === */
  .category-main-wrapper{
      padding: 104px;
      background-color: #141413;
      font-family: 'Mark Pro Light', sans-serif;
  }
  .category-heading{
    font-weight: 400;
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 36px;
    color: #ffffff;
  }
  .category-block-wrapper .category-row1{
      display: flex;
      flex-wrap: wrap;
  }
  .category-row1 .categories-box{
      width: 50%;
  }
  .category-row1 .categories-box .apparel{
      width: 100%;
  }
  .category-row1 .categories-box img{
      width: 100%;
      height: 100%;
  }
  .other-cat{
    display: flex;
    flex-wrap: wrap;
  }
  .other-cat .gifts, .other-cat .office, .other-cat .drinks, .other-cat .accessories{
    width: 50%;
  }
  .row-box{
      position: relative;
      display: block;
      overflow: hidden;
  }
  .row-box::before{
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.3);
      transition: 0.4s ease;
      z-index: 2;
  }
  .row-box:hover::before{
    background-color: rgba(0, 0, 0, 0);
  }
  .row-box img{
    transition: 0.4s ease;
  }
  .row-box:hover img{
      transform: scale(1.03);
  }
  /* .row-box:hover{
      text-shadow: 0 0 5px #000000;
  } */
  .link-div{
    color: #ffffff;
    position: absolute;
    left: 32px;
    bottom: 28px;
    z-index: 9;
    max-width: 230px;
  }
  .link-div h5{
    font-weight: 400;
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 9px;
    color: #ffffff;
    font-family: 'Mark Pro Light', sans-serif;
  }
  .link-div .learn-more{
      color: #ffffff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    transition: 0.4s ease;
    font-family: 'Mark Pro Light', sans-serif;
  }
  .link-div .learn-more .arrow{
      margin-left: 15px;
      transition: 0.4s ease;
  }
  .row-box:hover .learn-more .arrow{
    margin-left: 25px;
  }
  .product-popup .close{
    width: 26px;
    height: 28px;
    position: absolute;
    right: 20px;
    z-index: 9;
    top: 20px;
  }


.category-block-wrapper .category-row2{
    display: flex;
    flex-wrap: wrap;
}
.category-row2 .categories-box{
    width: 50%;
}
.technology-and-bags .technology, .technology-and-bags .bags{
    width: 50%;
}
.technology-and-bags .technology img, 
.technology-and-bags .bags img,
.tote-coolers .tote img{
    width: 100%;
}
.no-product{
    pointer-events: none;
}
.no-product::before {
    background-color: rgba(0, 0, 0, 0.8);
    cursor: not-allowed;
}

/* ==== Core Assortmetn Product Listing Page ==== */
.products-listing-banner{
    position: relative;
    min-height: 450px;
    background-image: url('../../images/09-listing-banner.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center right;
    font-family: 'Mark Pro Light', sans-serif;
}
.products-listing-banner .hero-head{
    position: absolute;
    left: 108px;
    top: 39%;
    top: 185px;
    color: #ffffff;
}
.products-listing-banner .hero-head h1{
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px;
}

.product-listing-wrapper{
    padding-left: 105px;
    padding-right: 105px;
    padding-top: 73px;
    background-color: #ffffff;
    font-family: 'Mark Pro Light', sans-serif;
}
.product-listing-wrapper .search-field{
    margin-top: 68px;
    margin-bottom: 48px;
    display: inline-block;
    width: 100%;
}
.product-listing-wrapper .search-field a{
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    color: #141414;
    transition: 0.4s ease;
}
.product-listing-wrapper .search-field a:hover{
    text-decoration: underline;
}
.product-listing-wrapper .search-field input{
    border-radius: 20px;
    background-color: #E7E7E780;
    border: 0;
    padding-left: 35px;
    background-image: url('../../images/search_multi.svg');
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 15px center;
    font-size: 14px;
    height: 40px;
    width: 496px;
    letter-spacing: 0.5px;
}
.product-listing-wrapper .main-listing{
    margin-bottom: 33px;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}
.main-listing .list-heading{
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 42px;
    color: #141414;
    margin-bottom: 30px;
}

.product-box{
    background-color: #F8F7F5;
    margin-bottom: 72px;
    display: block;
    height: calc(100% - 72px);
}
.product-box .img-section{
    background-color: #d8d8d8;
    position: relative;
}
.product-box .img-section img{
    width: 100%;
    /* height: 305px; */
    height: 230px;
    object-fit: contain;
    object-position: center;
    /* height: 40.5vh; */
    padding-top: 10px;
    padding-bottom: 10px;
}
.img-section .prod-division{
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 9;
    width: 32px;
}
.img-section .prod-division img{
    width: 31px;
    height: 31px;
    margin-bottom: 5px;
    padding: 0;
}
.modal .img-section .prod-division{
    right: -15px;
    top: 0;
    width: 41px;
}
.modal .img-section .prod-division img{
    width: 41px;
    height: 41px;
    margin-bottom: 15px;
}
.product-box .product-name{
    padding: 24px 16px 33px 16px;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    color: #141414;
    background-color: #F8F7F5;
    font-family: 'Mark Pro Light', sans-serif;
}
.img-section{
    position: relative;
}
.img-section .owl-carousel .owl-prev,
.img-section .owl-carousel .owl-next{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
.img-section .owl-carousel .owl-prev{
    left: 15px;
}
.img-section .owl-carousel .owl-next{
    right: 15px;
}
.img-section .owl-carousel .owl-prev span,
.img-section .owl-carousel .owl-next span{
    font-size: 45px;
    text-shadow: 0px 0px 6px #ffffff;
}
.owl-prev.disabled, .owl-next.disabled{
    opacity: 0.3;
    text-shadow: none;
}
#image-modal .modal-content{
    position: relative;
}
#image-modal .close{
    position: absolute;
    top: 27px;
    right: 33px;
    z-index: 9;
}
#image-modal .modal-dialog{
    max-width: 772px;
    max-height: 780px;
    height: auto;
}

/* ==== Core Assortment ==== */

  @media only screen and (max-width: 1024.5px) {
    .category-row1 .categories-box, .category-row2 .categories-box{
        width: 100%;
    }
    .core-banner-text{
        padding-top: 200px;
        margin-left: 55px;
        margin-right: 55px;
    }
    .category-main-wrapper{
        padding: 55px;
    }
    .core-body-wrapper{
        min-height: 560px;
    }
    .product-listing-wrapper{
        padding-left: 55px;
        padding-right: 55px;
    }
    .products-listing-banner .hero-head{
        left: 55px;
    }
  }
  @media only screen and (max-width: 991px) {
    .core-banner-text{
        padding-top: 200px;
        margin-left: 55px;
        margin-right: 55px;
    }
    .core-body-wrapper{
        min-height: 460px;
    }
    .core-banner-text{
        width: 75%;
    }
    .products-listing-banner{
        min-height: 330px;
    }
    .products-listing-banner .hero-head{
        top: 115px;
    }
    .main-listing .list-heading{
        font-size: 28px;
        margin-bottom: 20px;
    }
    .product-box .product-name{
        font-size: 20px;
        line-height: 25px;
    }
  }
  @media only screen and (max-width: 767.5px) {
    .core-body-wrapper{
        min-height: 360px;
    }
    .core-banner-text{
        padding-top: 100px;
        margin-left: 55px;
        margin-right: 55px;
    }
    .other-cat .gifts, 
    .other-cat .office, 
    .other-cat .drinks, 
    .other-cat .accessories,
    .technology-and-bags .technology, 
    .technology-and-bags .bags{
        width: 100%;
    }
}
/* pop up alighment css by Navin 09/03/2022 */

#add-currency .modal-body{padding: 0 8px !important}
#add-dropdown-options .modal-body{padding: 0 8px !important}
#add-project-brief .modal-body{padding: 0 8px !important}
#addMenu .modal-body{padding: 0 8px !important}
#addEmailtemplate .modal-body{padding: 0 8px !important}
#addProjectype .modal-body{padding: 0 8px!important}
#addHeadercolumn .modal-body{padding: 0 8px !important}

.popUp-btn-customize{margin-bottom: 7px !important;}
#showEmailtemplateid{overflow: auto;}
/* pop up alighment css ends by Navin 09/03/2022 */
.time_zone_check{
      position: relative;
      padding-right:20px;
  }
  .time_zone_check .checksign{
     top: 5px;
    left: auto;
    right: 0px;
  }
  .check_left .checksign{
    top: 5px;
    left: 0px;  
  }
  .check_left {
      margin-bottom: 0px;
  }
  .radio.them_con_radio input[type=radio]:checked{
      top: 4px;
    left: 5px;
  }
  .radio.them_con_radio{
      margin-top:0px;
  }
  .start_pro_sec .checksign{
       top: 0px;
  }
  .start_pro_sec{
      padding-left: 26px;
      line-height: 20px !important;
      font-weight: normal !important;
  }
  .wrap_check label{
      display:inline-block;
  }
  .wrap_check .custom-check{
      width: 20px;
    height: 20px;
  }
  .wrap_check .checksign{
          top: 4px;
  }
  .ico_align a,a.ico_align{
      font-size: 20px;
    margin-top: -2px;
    color:#676561;
  }
  a.ico_align{
       margin-top: 0px;
  }
  .ico_align a:hover,a.ico_align:hover{
       color:#676561;
  }
  .w_20{
          width: 20px;
    margin-top: -7px;
     cursor:pointer;
  }
  .w_20_a{
       width: 20px;
    margin-top: -2px;
    cursor:pointer;
  }
  .btn.btn-default.close-alert {
    background-color: #b3b3b3;
    border-radius: 20px;
}
  .dt-button.btn-primary,.dt-button{
          border: 1px solid #686868 !important;
          padding: 8px !important;
         background-color: #fff !important;
             background: #fff !important;
             border-radius: 5px !important;
                 cursor: pointer;
  }
.ali_ic{
  margin-top: -1px;
    margin-left: 5px;
    margin-right: 7px;
    text-align: center;
}
.sec_mag .modal-header {
        height: 40px;
}
.sec_mag .modal-header .close{
    right: 50px !important;
    top: 31px !important;
}
#all-projects #empTable_wrapper td:nth-child(13),#projects-0 #allTable-0_wrapper td:nth-child(13){
    text-align: center;
}
/*table th fixed*/
.table-responsive.table-fixed,.table-responsive{
        max-height: calc(100vh - 137px);
}
.table-fixed .table thead th{
    z-index: 99;
}
#report-filter .chkvalidation::before{
    top: 34px;
    right: 28px;
}

/* ==== Email flowchart New UI ==== */
.flowchart-bg-wrapper{
    /* position: fixed; */
    position: absolute;
    /* top: 220px; */
    top: 0px;
    left: 0;
    right: 0;
    /* width: 1310px; */
    /* width: 100%; */
    margin: auto;
    max-width: 100%;
    margin-left: 64px;
    margin-right: 37px;
}
.flowchart-bg-wrapper .email-new-header{
    /* width: 1310px; */
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: sticky;
    top: 0;
    z-index: 9;
}
.flowchart-bg-wrapper .email-new-header{
    display: flex;
}
.flowchart-bg-wrapper .reason-div{
    padding: 0px 10px;
    font-size: 16px;
    text-align: center;
}
.flowchart-bg-wrapper .reason-div h5{
    font-size: 14px;
    margin-top: 8px;
    margin-bottom: 8px;
    color: #ffffff;
    font-weight: 600;
}
.flowchart-bg-wrapper .when-div{
    background-color: #ed7036;
    /* width: 220px; */
    width: 240px;
    width: 16%;
}
.flowchart-bg-wrapper .why-div{
    background-color: #f7c94c;
    /* width: 500px; */
    /* width: 580px; */
    width: 45%;
}
.flowchart-bg-wrapper .who-div{
    background-color: #96b748;
    /* width: 240px; */
    /* width: 290px; */
    width: 23%;
}
.flowchart-bg-wrapper .what-div{
    background-color: #84817d;
    /* width: 230px; */
    /* width: 240px; */
    width: 16%;
}

.flowchart-bg-wrapper .email-bg-colors{
    height: 100vh;
    display: flex;
    /* max-width: 1190px; */
    /* width: 1310px; */
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.flowchart-bg-wrapper .email-bg{
    height: 100%;
}
.flowchart-bg-wrapper .when-bg{
    background-color: #fae2d3;
    /* width: 220px; */
    width: 240px;
    width: 16%;
}
.flowchart-bg-wrapper .why-bg{
    background-color: #fdf4d6;
    /* width: 500px; */
    width: 580px;
    width: 45%;
}
.flowchart-bg-wrapper .who-bg{
    background-color: #eaf0d7;
    /* width: 240px; */
    width: 290px;
    width: 23%;
}
.flowchart-bg-wrapper .what-bg{
    background-color: #f1efeb;
    /* width: 230px; */
    width: 240px;
    width: 16%;
}
.when-inner-div{
    background-color: #fae2d3;
    z-index: 9;
    position: sticky;
    top: 32px;
    min-height: 55px;
}
.who-inner-div{
    background-color: #eaf0d7;
    z-index: 9;
    position: sticky;
    top: 32px;
    min-height: 55px;
}
.what-inner-div{
    background-color: #f1efeb;
    z-index: 9;
    position: sticky;
    top: 32px;
    min-height: 55px;
}
.type-status-div{
    display: flex;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    background-color: #fdf4d6;
    z-index: 9;
    position: sticky;
    top: 32px;
    padding-bottom: 6px;
}
.type-status-div .type-div{
    background-color: #84817d;
    padding: 0px 10px;
    margin-right: 7.5px;
    width: 50%;
    text-align: center;
}
.type-status-div .type-div h5{
    font-size: 13px;
    margin-top: 8px;
    margin-bottom: 8px;
    color: #ffffff;
    font-weight: 600;
}
.type-status-div .status-div{
    background-color: #84817d;
    padding: 0px 10px;
    margin-left: 7.5px;
    width: 50%;
    text-align: center;
}
.type-status-div .status-div h5{
    font-size: 13px;
    margin-top: 8px;
    margin-bottom: 8px;
    color: #ffffff;
    font-weight: 600;
}
/* .new-ui-chart{
    overflow-x: auto;
} */
.new-ui-chart .highcharts-node{
    fill: none;
}
.new-ui-chart .highcharts-link{
    stroke-dasharray: 8;
}
.highcharts-label span div h4{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* flex-direction: column-reverse; */
}
.highcharts-label span div h4 img{
    width: 50px !important;
    margin-bottom: 10px;
    cursor: pointer;
    margin-top: 30px;
}
.highcharts-label .arrows{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -4px;
    height: 10px;
    width: auto;
    /* image-rendering: pixelated; */
}
.highcharts-label:first-child .arrows{
    display: none;
}
@media screen and (max-width: 1199px) {
    .new-ui-chart .flowchart-bg-wrapper{
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .new-ui-chart .email-flow-section{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

#checkmodal .comm_bn{
    padding: 10px;
    color: #fff;
    font-weight: normal;
    font-size: 15px; 
}

/* ==== Collapse expand for project detail view popup ==== */
.collpase-expand-section img{
    width: 18px;
}
.maxh-auto{
    max-height: initial !important;
}
.vender_sec .chkvalidation::before{
        right: 29px;
}
#email .btn-primary{
    border-radius: 5px !important;
    margin-left: 5px;
}
#email input{
    max-width: 320px;
    display: inline-block;
}
.search_add{
    position:relative;
    float:right
}
.search_add::before{
    content:'';
    background: url(../../images/search.svg) no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 11px;
    right: 10px;
}
.search_add .cust_search_icon{
        padding-right: 30px;
}
  .modal#projectDetailsModal{
        overflow-y: auto !important;
    }
.add-user-page table.dataTable{
    margin-top:0px !important;
    border-spacing: 0px;
}
.add-user-page .tab-content{
     padding: 25px;
}
.site-footer .site-info .column:last-of-type .links, .site-footer .site-info .column:last-of-type .copyright{
        font-family: 'Mark Offc For MC', sans-serif !important;
}
.admin-table .project-filter  .table tbody td .form-control{
    width:100%;
}
.popup_width_re{
     min-width: 660px;
}
#productTagsFrm .custom-file-label{
    line-height: 30px;
}
#productTagsFrm .custom-file-label::after{
    height: 40px !important;
        line-height: 30px;
}


/* ==== Master Card Broadcast Message ==== */
.broadcast-wrapper{
    background-color: #FDE8CC;
    padding: 20px 90px;
}
.broadcast-details{
    position: relative;
}
.broadcast-details h5{
    font-size: 28px;
    font-family: 'Mark Pro Light', sans-serif;
    display: flex;
    align-items: center;
}
.broadcast-details h5 img{
    height: 24px; width: auto; 
    margin: 0 !important; 
    padding: 0 !important;
    width: auto !important;
    display: block !important;
    margin-right: 15px !important;
}
.broadcast-details .details-text{
    padding-left: 43px;
}
.broadcast-slider{
    padding-left: 45px;
    padding-right: 45px;
}
.broadcast-slider.owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    left: 0;
    font-size: 52px;
    top: 0;
    bottom: 0;
}
.broadcast-slider.owl-carousel .owl-nav button.owl-next{
    position: absolute;
    right: 0;
    font-size: 52px;
    top: 0;
    bottom: 0;
}
.restrict-p{
    max-height: 56px;
    overflow: hidden;
    margin-bottom: 1rem;
    font-size: 18px !important;
    font-family: 'Mark Offc For MC', sans-serif !important;
}
.restrict-p p, .restrict-p ul, .restrict-p div{
    font-size: 18px !important;
}
.more-div{
    max-height: inherit;
    overflow: visible;
    margin-bottom: 0px;
}
.restrict-p p:last-child{
    margin-bottom: 0px !important;
}
.show-more{
    /* margin-left: 29px;
    color: #CF4500;
    cursor: pointer; */
    margin-left: 29px;
    color: #CF4500;
    cursor: pointer;
    position: absolute;
    right: 0;
    z-index: 9;
    bottom: 0;
    background-color: #fde8cc;
    padding-left: 9px;
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: 600;
    padding-top: 5px;
}
.show-more.relative-btn{
    position: relative;
}
.broadcast-slider.owl-carousel.owl-drag .owl-item{
    height: 60px !important;
}
.broadcast-slider.owl-carousel.owl-drag .owl-item.active{
    height: auto !important;
}
.msg-close{
    position: absolute;
    right: 0;
    top: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    text-align: center;
    border-radius: 100%;
    border: 1.5px solid #CF4500;
    line-height: 15px;
    font-size: 11px;
    display: block;
    z-index: 999;
    color: #CF4500;
    font-weight: 600;
    transition: 0.4s ease all;
    padding: 5px;
}
.msg-close:hover{
    background-color: #CF4500;
    color: #ffffff;
}
.bullhorn{
    position: relative;
}
.bullhorn .msg-count{
    position: absolute;
    right: -6px;
    top: -5px;
    height: 19px;
    width: 19px;
    background-color: var(--color-primary);
    text-align: center;
    border-radius: 100%;
    line-height: 19px;
    font-size: 9px;
    display: block;
    z-index: 999;
    color: #ffffff;
    font-weight: 600;
}
.bullhorn::after{
    content: none !important;
}
.broadcast-menu .dropdown-menu{
    width: 236px;
    margin-left: -40px;
}
.inner-dropdown{
    max-height: 182px;
    min-height: 100px;
    overflow-y: auto;
}
.broadcast-menu .dropdown-menu .dropdown-item{
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
}
.broadcast-menu .dropdown-menu .dropdown-item:hover .menu-text{
    color: var(--color-primary) !important;
}
.header-section .broadcast-menu .dropdown-menu a:hover{
	background-color: #ffffff  !important;
}
@media screen and (max-width: 991px){
    .broadcast-wrapper{
        padding-left: 45px;
        padding-right: 45px;
    }
}
.broadcase_sec .radio input[type=radio]:checked{
    top: 3px;
    left: 6px;
}
.broadcase_sec .radio input[type=radio]:disabled {
    top: 4px;
    left: 5px;
}
.broadcast_config .custom-multicheck li.multiselect-item.filter {
    padding-left: 0 !important;
    padding-right: 0 !important; 
    position: sticky !important;
    top: 0 !important;
    background-color: #f3f3f3 !important;
    padding-top: 0px;
    padding-bottom: 2px;
    z-index: 9;
}
.broadcast_config .multiselect-container .input-group{
    margin:0px !important
}
.broadcast_config .form-control.multiselect-search{
    border:0px solid #fff;
}
.broadcast_config .multiselect-container .multiselect-search {
    position: relative;
    background: url(../../images/search_multi.svg) no-repeat 10px 11px;
    padding-left: 35px;
}
.broadcast_config .multiselect-filter .multiselect-clear-filter {
    border: 0px solid #ced4da;
    border-radius: 0px;
    margin-left: 0px;
    background-color: rgba(231, 231, 231, 0.5);
    height: 35px;
}
/*select 2 use for global*/
.select2_css .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding-left: 22px !important;
}
.select2_css .select2-selection {
    background-image: url(../images/down-arrow.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px;
}
.select2_css .select2-container--default .select2-selection--multiple{
        border-radius: 4px !important;
}
.select2_css .select2 .select2-selection__rendered {
    line-height: 20px !important;
}
.select2_css .select2-selection--multiple {
    max-height: 80px;
    overflow-y: auto;
}
.select2_css .select2-container--default .select2-selection--multiple{
    height: auto !important;
}
.select2_css .select2-container .select2-search--inline .select2-search__field{
        margin-top: 5px;
        padding-left: 5px;
        height: 27px;
        width: 100% !important;
}

/* ==== Chat window popup ==== */
.chat-window .modal-dialog{
    max-width: 720px;
}
.chat-window .modal-header, .chat-window .modal-footer{
    padding: 30px;
    background-color: #F0EEEB;
}
.chat-window .modal-header .modal-title{
    font-family: 'Mark Pro Light', sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 42px;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 10px;
    display: flex;
}
.chat-window .modal-header .modal-title img{
    margin-right: 25px;
    width: 25px;
}
.chat-window .modal-header .search-chat{
    height: 50px !important;
    margin-top: 18px;
    border: 1px solid #686868;
    box-sizing: border-box;
    border-radius: 5px;
    padding-left: 20px;
    font-family: 'Mark Pro Light', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    background-image: url(../../images/search.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
}
.search-chat::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #BCBCBC;
    opacity: 1; /* Firefox */
}
  
.search-chat:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #BCBCBC;
}
  
.search-chat::-ms-input-placeholder { /* Microsoft Edge */
    color: #BCBCBC;
}
.chat-window .modal-body{
    padding: 30px;
    max-height: calc(100vh - 266px);
    overflow-y: auto;
    min-height: 350px;
}
.sender-chat{
    width: 100%;
}
.sender-chat .chat{
    padding: 15px;
    background-color: #FDE8CC;
    width: fit-content;
    max-width: 90%;
    margin-left: auto;
    border-radius: 15px;
}
.recieve-chat{
    width: 100%;
}
.recieve-chat .chat{
    padding: 15px;
    background-color: #F0EEEB;
    width: fit-content;
    max-width: 90%;
    margin-right: auto;
    border-radius: 15px;
}
.chat-div{
    margin-bottom: 10px;
}
.chat-div:last-child{
    margin-bottom: 0;
}
.chat-user{
    font-style: normal;
    font-weight: 700;
    font-size: 11px;
    line-height: 14px;
}
.chat-text{
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0px;
}
.chat-window .modal-footer h5{
    font-family: 'Mark Offc For MC', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 0px;
}
.chat-with{
    display: flex;
    flex-wrap: wrap;
}
.chat-with .radio{
    padding-left: 0;
    margin-left: 0;
    margin-right: 15px;
    font-family: 'Mark Offc For MC', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
}
.chat-with .radio input[type=radio]:checked{
    left: 0;
    top: 0px;
}
.chat-with label.radio:before{
    top: 1px;
}
.chat-form{
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}
.chat-form .chat-entered{
    width: calc(100% - 191px);
    height: 60px;
    resize: none;
}
.chat-form .btn-primary{
    margin-left: 25px;
    width: 166px;
    height: 40px;
    margin-top: 10px;
}
.invalid_msg label,.invalid_msg .msg_val{
    color: #D7373C !important;
}
.invalid_msg .select2-container--default .select2-selection--multiple,
.invalid_msg input.form-control,.invalid_msg .button.multiselect,.invalid_msg .btn-flat{
    border:1px solid #D7373C !important;
}
.msg_val_sec {
    width: auto;
    color: #D7373C;
    font-size: 12px;
    text-align: center;
     margin-top: 2px; 
    position: absolute;
    z-index: 1;
    padding-left: 5px;
    display: block; 
}
.invalid_msg::before {
    content: '';
    background: url(../../images/validation_error.svg);
    width: 24px;
    height: 24px;
    position: absolute;
    top: 36px;
    right: 21px;
    z-index: 3;
}
.date_sec .invalid_msg::before{
     top: 38px;
    right: 90px;
}
.msg_sec.invalid_msg::before{
     top: 70px;
    right: 24px;
}
.msgtitle_sec .msg_val_sec,.msg_sec .msg_val_sec{
        margin-top: -15px;
}
.broadcast_page .table-responsive td li{
    list-style: none;
}
.table.table-bordered{
    margin-bottom: 0px !important;
}
td.nested_loop{
    padding:0px;
    border:0px; 
    padding-bottom:8px;
}
.text-left.nested_loop.t1{
  width:100%; 
}
.text-center.t2.nested_loop{
       width: 60px;
    display: flex;
    padding-top: 10px;
}
/*chat-with popup UI & notification*/ 
.chat-with{
        padding-top: 10px;
}
.chat-with.nav-tabs .nav-link{
    /* border:1px solid var(--color-gray); */
    border:1px solid #c8c8c8;
    cursor: pointer;
    margin-right: 3px;
}
.chat-with.nav-tabs .nav-link:hover{
    color:#fff;
}
.notification-panel .head_sec_filter {
    padding: 10px 0px 10px 0;
    background-color: #fff;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
}
.l-wrapsec .notification-panel .filter-header .fa {
    font-size: 12px;
    float: right;
}
/* .notification-panel.card{
    border: 1px solid transparent;
} */
.notify_tab .nav-link{
    background-color: var(--color-light-gray);
    transition: 0.4s ease;
    position: relative;
    color: var(--color-dark-gray);
    font-size: 11px;
    padding: 4px 3px;
    /*height: 40px;*/
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-right: 3px;
    line-height: 19.01px;
}
.notification-panel .tab_sec_1{
       min-height: 210px;
       height: 246px;
      overflow-y: auto; 
      padding:0px;
}
.notification-panel .tab-content>.tab-pane {
    padding: 0px;
}
.main_wrap_ad .notification-panel .filter-header .head_sec_filter{
     color:#CF4500;padding-left: 4px;
}
.main_wrap_ad .notification-panel .filter-header.collapsed .head_sec_filter{
    color: #444340;
    
}
.notification-panel .search_sec .input-group-text {
    float: left;
    width: 37px;
    height: 33px;
    border: 1px solid #ffffff;
    border-radius: 0px;
    background: #fff;
    padding-left: 9px;
}
.search_sec{
    background-color: #E7E7E7;
    border: 0px;
    border-radius: 0px 
}

.search_sec .rounded-0 {
    float: left;
    width: calc(100% - 37px);
  }

.btn_unread:hover, .top_sec_ser .unread_icon:hover, .btn_unread.active, .top_sec_ser .unread_icon.active {
  background-color: var(--color-mid_gray);
}
.btn_unread {
  width: 10%;
  float: right;
  margin-right: 2px;
  color: var(--color-black);
  padding: 2px 1px;
  /* background-color: var(--color-light-gray); */
  cursor: pointer;
      height: 40px;
    line-height: 45px; text-align: center;
    margin-top: 0px;    overflow: hidden;
}

.btn_unread:hover, .top_sec_ser .unread_icon:hover, .btn_unread.active, .top_sec_ser .unread_icon.active {
  background-color: var(--color-gray);
}
.top_sec_ser .unread_icon {
  color: var(--color-black);
  cursor: pointer;
}
.top_sec_ser .unread_icon{
        padding:2px 4px !important;width: 31px !important;
    }
   .top_sec_ser{
    position:relative;
    overflow: auto;
    margin-bottom: 3px;
}
.top_sec_ser .search_sec {
    overflow: auto;
    float: left;
    width: 78%;
    border: 1px solid #686868;
    border-radius: 5px;
}
.top_sec_ser .unread_icon{
    float: right;
    width: 10%;
    color: var(--color-black);
    padding: 8px 9px;
    /* background-color: var(--color-light-gray); */
    cursor: pointer;
     height: 42px;
    line-height: 36px;    text-align: center;
    margin-top: 0px;
}
.top_sec_ser .unread_icon img{
    width:100%;
}
.wrap_notifi .search_sec .form-control {
    border: 0px solid #ffffff;
    background-color: #fff;
    height: 33px;
}

.wrap_notifi .alert.alert-warning, .wrap_notifi .alert.alert-success {
    position: relative;
    color: #27251F !important;
    background-color: #fff !important;
    border-color: #fff !important;
    border-bottom: 1px solid #B3B3B3 !important;
}
.notify-text p {
    font-size: 14px;
}
.notify-flex {
    display: flex;
}
.notify-flex .notify-text {
    width: calc(100% - 15px);
    line-height: 18px;
}
.notify-flex .notify-icon {
    width: 17px;
    padding-top: 5px;
}
.notify-text .notify-date {
    font-size: 11px;
    color: #b6b6b6;
}
.notify_tab .nav-link .active-count{
    display: inline-block;
    background-color: var(--color-orange);
    font-size: 9px;
    text-align: center;
    color: #ffffff;
    margin-left: 0px;
    padding: 2px;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
}
.notify-name {
    font-size: 13px !important;
    color: #27251F;
}
/*Dashbord tiles start*/
    .tiles_sec {
        border: 1px solid #686868;
        border-radius: 5px;
    }
    .tiles_sec .filter-header {
        background-color: #686868;
        padding: 10px;
        color: #fff;border-radius: 4px 4px 0px 0px;
    }
    .tiles_sec .tile-row {
        margin: 0px;
    }
    .tiles_sec .card {
        color: #000;
        border: none;
    }
    .tiles_sec .card-header {
        border-radius: 0px !important;
        border: 0px solid #fff !important;
        padding: 7px 10px !important;
    }
    .tiles_sec .card-header h6 {
        font-size: 13px;
    }
    .tiles_sec .red-tile {
        border: 2px solid #CF4500;
        min-height: 272px;
         border-radius: 5px; 
    }
    .th_red {
        background-color: #CF4500;
        color: #fff;
        padding: 10px;
        margin-bottom: 0px;
        margin-top: -1px;
        margin-left: -1px;
        margin-right: -1px;
        width: calc(100% + 2px);
        font-size: 16px;
        line-height: 20px;
    }
    .tile_1 table td.head_sec_t {
        padding: 5px;
        background-color: #f0f0f0;
        font-weight: bold;
        font-size: 13px;
    }
    .card.t_blue {
        border: 2px solid #686868;
         border-radius: 5px; 
        min-height: 400px;
    }
    .th_blue {
        background-color: #686868;
        color: #fff;
        padding: 10px;
        margin-bottom: 0px;
        margin-top: -1px;
        margin-left: -1px;
        margin-right: -1px;
        width: calc(100% + 2px);
        font-size: 16px;
        line-height: 20px;
    }
    .p_l {
        padding-left: 3px;
    }
    .tile-content .table tr th,.tile-content .table tr td {
        padding-left: 5px !important;
        line-height: 15px;
    }
    .tile_1 table th, .tile_1 table td {
        border: 0px solid #fff;
        padding: 5px !important;
    }
    .tile-content .table-responsive {
        border: 0;
    }
    .tiles_sec td a {
        text-align: right;
        font-weight: bold;
        color: #000;
        font-size: 12px;
    }
    .tile_1 table td span{
        font-size: 11px;
    }
    .tile_1 table td.head_sec_t {
        padding: 5px;
        background-color: #f0f0f0 !important;
        font-weight: bold;
        font-size: 13px;
    }
    .tile_1 table th {
        font-weight: bold;
        text-transform: uppercase;
        font-size: 11px;
        text-align: left;
    }
    .tiles_sec p b {
        font-size: 16px;
    }
    .padd_sec.cust-right-wrap .dasboard-tiles {
        margin-left: 70px !Important;
    }
    .p_r {
        padding-right: 3px;
    }
/*Dashbord tiles End*/
#ps-tbl-product-status tbody tr:not(:last-child) .plusic{
    display: none !important;
}
#ps-tbl-product-status tbody tr:last-child .plusic{
    display: block !important;
    margin-left: 10px;
    margin:0 auto;
}
/*clear filter buton*/
.nav li.last_li {
    margin-left: auto !important;
}
.last_li .clear-filter .btn{
        background-color: var(--color-gray);
        color: #fff;
        font-size: 12px;padding: 0.375rem 0.4rem;
}
.last_li .clear-filter .btn.disabled,.last_li .clear-filter .btn:disabled{
     background-color: var(--color-light-gray);
     color: var(--color-dark-gray);
     margin-top: 1px;
}
/*notifycation panel*/
#emailsViewPopup .bordered-email{
        display: block;
}
#emailsViewPopup .edit-popup{
     width: 640px;
    max-width: 640px;
}
#emailsViewPopup .modal-lg {
    max-width: 680px;
} 
#minorityBusinessEnterpriseDiv .multiselect-container li .checkbox{
  line-height: 20px;  
}
/*disabled added*/
.disab_sec .btn-group .multiselect{
    background-color: #e9ecef;
    opacity: 1;
}
#parentvendordiv .multiselect-container,#minorityBusinessEnterpriseDiv .multiselect-container{
     max-height:200px;
    overflow:auto;
}
  
.user-avatar {
    border-radius: 50%;
    height: 23px;
    width: 23px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    /*iconography*/
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 0.06em;
    flex-shrink: 0;
    position: relative;
    margin-right: 3px;
    margin-bottom: 0px;
    top: -2px;
    line-height: 2.2;
}
.bg-blue {
    background-color: #628020;
  }


.notification-panel.card {
border: none;}

.dotsset {
    height: 9px;
    width: 10px;
    background: #CF4500;
    border-radius: 50%;
    /* padding: 10px; */
    margin-right: 11px;
}

.wrap_notifi .alert.alert-warning, .wrap_notifi .alert.alert-success{ border-bottom: 1px solid #fff !important;padding-top: 7px;
    padding-bottom: 7px;}


.wrap_notifi .nav-tabs .nav-item{width: 25%;text-align: center;}
/* #div_projectStatuses table tr td:nth-child(3) {width: 22%;} */
#div_projectStatuses table tr th:nth-child(3) {width: 20%;}
#div_projectStatuses table tr th:nth-child(2) {width: 10%;}
#div_projectStatuses table tr th:nth-child(1) {width: 49%;}


.wrap_notifi .form-control:focus{box-shadow: unset;}

.mag-i {margin-bottom: -1px;}
.mag-r {margin-bottom: 4px;}

.add-user-page #myTabContent .table-fixed .table thead tr th:last-child{
    position: -webkit-sticky !important;
    position: sticky !important;
    right: 0px !important;
    white-space: nowrap;
    border-left: 1px solid #F3F2EE !important;z-index: 99 !important;
}
.add-user-page #myTabContent .table-fixed .table tbody tr td:last-child{position: -webkit-sticky !important;
    position: sticky !important;
    right: 0px !important;
    z-index: 9 !important;
    white-space: nowrap;
    border-left: 1px solid #f8f7f5 !important;  left: auto; background-color: #fff;outline: 1px solid #ccc;}

.add-user-page #myTabContent .table-fixed .table-striped tbody tr:nth-of-type(even) td:last-child {
    background-color: var(--color-light-gray) !important;}

    /* role permission  */
    .role_grid-item {width: 25%;padding: 0px 9px;}
    .subcheckallsrole {margin-left: 11px;}
    .rolepermissionmn .card-header h1 {
    font-size: 20px;
     font-weight: 600;margin-bottom: 0;    color: #fff;}
    .rolepermissionmn .card-header{background-color: #686868;}
    .checkallsrole {margin-bottom: 20px;}
    .rolepermissionmn .checksign{ top: -2px;}
    .checkallsrole h5 label.custom-check {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 13px;}
    .rolepermissionmn .custom-check{padding-left: 23px;    margin-bottom: 12px;}
    .rolepermissionmn .checkallmain .checksign {top: 0px;}
 /* end role permission  */

.twoeraa{position:unset;margin-top: -13px; margin-right:10px}
.twoeraa p {margin-right: 10px;}

/* pagination for li */
.paginate_button a{color: #141413;    font-family: 'Mark Offc For MC', sans-serif;}
.dataTables_paginate .paginate_button.active, .dataTables_paginate .paginate_button:hover {background-color: transparent !important;position: relative;}
.dataTables_paginate .paginate_button.active:before {
    content: '';
    width: 15px;
    height: 2px;
    background-color: #CF4500;
    position: absolute;
    bottom: 0px;
    left: 30%;
}
.dataTables_paginate .paginate_button.current a, .dataTables_paginate .paginate_button:hover, .dataTables_paginate .paginate_button.active a{border-bottom: unset !important;}
div.dataTables_wrapper div.dataTables_paginate ul.pagination{ justify-content: end;}
.dataTables_wrapper .dataTables_paginate .paginate_button.active a {
    color: #141413!important;    font-family: 'Mark Offc For MC', sans-serif;
}
/* End pagination for li */

.border-bt {border: 2px solid #cf4500 !important;color: #cf4500 !important; background: #fff !important;}

.notesclass {
    font-size: 12px;
    color: #D7373C;
}
.right-link {border: none !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0px;
    color: #444340;
    margin-left: 33px;
    margin-top: 8px;
    display: inline-block;}
.right-link:hover {color: var(--color-primary);}

.plus-icon {
    font-size: 20px;
    color: #c14628;}
 #api-configuration .form-control{font-size: 14px;}   
 .tbheight{max-height:400px;}



 /* API configaration */

	
 .apitablesinfo div.dataTables_wrapper div.dataTables_filter label{ margin-bottom: 20px;}
 .buttonsfortb{position:relative;}
 .buttondrowpdown {
     position: absolute;
     right: 21px;
 }
 .buttontb-link {
     border: none !important;
     font-size: 14px !important;
     font-weight: 400;
     line-height: 24px;
     letter-spacing: 0px;
     color: #444340;
     margin-left: 9px;
     margin-top: 8px;
     display: inline-block;
     background: #fff;
 }
 
 .buttonsfortb .buttonBox .dt-buttons {
     margin-right: 200px !important;
 }
 
 .buttonsfortb .buttons-link .d-inline-block .dropdown-menu::before {
     content: '';
     display: block;
     position: absolute;
     box-sizing: border-box;
     width: 14px;
     height: 14px;
     border-left-width: 1px;
     border-left-style: solid;
     border-left-color: #dcdcdc;
     border-top-width: 1px;
     border-top-style: solid;
     border-top-color: #dcdcdc;
     border-bottom-width: 3px;
     border-bottom-style: solid;
     border-bottom-color: transparent;
     transform: rotate(45deg) skew(10deg, 10deg);
     left: 43%;
     top: -7px;
     background-color: #fff;
 }
 .modal-lgg { max-width: 90% !important;}
 .tablemodelapi .form-inline label.radio{display: inline-block !important;;
     position: relative;
     padding: 0 6px !important;;
     margin: 10px 0 0 !important;;}
     .tablemodelapi .form-inline .multiselect-container li a label.radio input[type=radio]{    margin-left: unset;
     margin-right: unset;}
     .tablemodelapi .radio input[type="radio"]:checked {
         top: 4px;
     left: 5px;
 }
 /* .table-responsive11.tablemodelapi {
    max-height: 500px;
    overflow: auto;
} */
.table-responsive11.tablemodelapi .table thead th {
    position: sticky !important;
    top: 0px;
    z-index: 9;
    font-weight: bold;
}

.selectapidrop .buttondrowpdown {
    position: absolute;
    right: 5px;
}
.selectapidrop .buttonBox .dt-buttons {margin-right: 302px !important;}
.selectapidrop #apitables_filter {margin-right: 212px !important;}
.selectapidrop .dropdown.d-inline-block{width: unset;}
.selectapidrop button.btn.dropdown-toggle {width: 204px;background: #fff;}
.selectapidrop .dropdown-item {cursor: pointer;}
.responserd{word-break: break-word;  height: 400px;overflow: auto;}
/* #apishowall .table tbody td .form-control{width: 97%;height: 30px !important;} */
.apilogtables a.viewAjax{color: #CF4500;}
.apilogdetails .project-filter .filter-body{min-height: 431px;}
#reportrange .fa-caret-down { float: right; padding-top: 5px;}
.table-responsive.tablemultiad {min-height: 320px;}
.table-responsive.tablemultiad table.table-bordered.dataTable tbody td {border-bottom-width: 1px;}
/* model UI */
.entry_pop_det {font-size: 18px;}
.entry_pop_det .cancle_icon {padding: 20px 20px 0px 20px;}
.entry_pop_det .modal-header {padding: 38px 50px 0px 50px!important;}
.wrap_body .modal-body.new_sec_dev_sub {padding: 15px 50px;}
.wrap_body .modal-body{max-height: 100vh;overflow-y: auto;}
.entry_pop_det .table.table-bordered { margin-bottom: 20px !important;}
.responseboodydv {word-break: break-word;height: 400px;
    overflow: auto;    padding: 10px;}
/* End model UI */
.btn.btn-aapps {background: unset;}
.selectapidrop .dropdown-item.active, .selectapidrop .dropdown-item:active{background-color: #e8e8e8;}
  /* End  API configaration */


  /* ==== DateTimePicker css ==== */
.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th{
    background-color: #ffffff !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{
    box-shadow: none !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th{
    border: none !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{
    background: #628020 !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover{
    background-color: #E8E5E1 !important;
}
.xdsoft_calendar tbody td{
    border-radius: 100% !important;
    text-align: center !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td > div{
    padding-right: 0 !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today div{
    border: 1px solid #777470 !important;
    color: #000000 !important;
    border-radius: 100%;
}
/* ==== DateTimePicker css ==== */

 /*date range*/
 .daterangepicker .ranges li.active {
    background-color: #628020 !important;
}
.active.start-date, .active.end-date, .active.end-date.in-range {
    border-radius: 100% !important;
    background-color: #628020 !important;
    color: #ffffff !important;
}
.daterangepicker td.in-range {
    background-color: rgba(141, 185, 46, 0.15) !important;
}
 /*date range*/

 /* Benchmark */
 #project-level table.dataTable thead th.sorting:last-child::after{opacity:0}
#project-level table.dataTable thead th.sorting:last-child::before{opacity:0}
 /* Benchmark */
 .modal-content button.close{font-size: 21px;}
 .qu_pr {display: table;vertical-align: middle; width: 100%;}
 .qty-tires {
     white-space: nowrap;
     display: table-row;
     line-height: 22px !important;
 }
 .qty-tires .first-col {
     min-width: 51px;
     display: inline-block;
     overflow: hidden;
     display: table-cell;
     width: 100%;
 }
 .qty-tires .second-col {
     width: 10px;
     display: inline-block;
     text-align: center;
     margin-left: 5px;
     margin-right: 5px;
     overflow: hidden;
     display: table-cell;
     padding: 0px 5px;
 }
 .qty-tires .third-col {
     display: inline-block;
 }
 /* close program */

 /*.pop-widthlg .closeproslect{max-width: 40% !important;}*/
 .buttonreletive{position: relative;}
 .moveclosebtn{ position: absolute;right: 0px;z-index: 99;}
 #allProducttbl_filter {margin-right: 212px;}
 .checksign {background-color: #eee;}
 .pop-widthlg .btn-primary { width: unset !important;padding: 7px 14px !important;min-width: unset;}
 .pop-widthlg .btn {padding: 7px 10px;min-width: unset;}
 .close_product_div{position: relative;}
 .action_bulkbt{ position: absolute;right: 0px;z-index: 99;}
 div#close_product_tbl_filter {margin-right:166px;}
 #close_product_tbl_filter .dataTables_filter label{margin-bottom: 3px;}
 .totalpro {position: absolute;left: 0;top: 0px;width:293px;}
 #close_product_tbl .form-control{height: 28px;width: 91%;}
 /* .pop-widthlg #div_ignitorsLead{max-width: 40% !important;} */ 
 #earlier_closedProds .form-control { height: 28px !important;width: 91%;}
 #earlier_closedProds .quantityBreak5 {display: none;}
 #earlier_closedProds br.quantityBreak {display: none;}
 .totalimput { display: flex;    align-items: center;}
 .totalimput label { width: 50%;}
 .totalimput .inputtotal {width:160px;}

 /* end close program */

/* Breadcrumb Changes */
 .bg-none {background: unset;}
 .bread_newtxt { padding-bottom: 15px;padding-left: 63px;padding-top: 11px;}
 .head_white {min-height: 65px;}
/* End breadcrumb  */
/* lookup */
.category-box .llookupchange {max-width: 100% !important;}
input#txt_lookUpValues {width: 250px}
.txt_lookUpemailsdv{width: 250px;}
.multiemail .btn-group{width: 234px;margin-right: 11px;margin-left: 8px;}
.valueoneline { display: flex;flex-wrap: wrap;}
/* lookup */
#adminTablePartiallyClosed th.project_type_col { min-width: 213px !important;}

@media only screen and (max-width:1380px) {
 .top_sec_ser .unread_icon {width: 11% !important;}
 .dashboard-tab .nav-tabs .nav-link, .nav-fill .nav-item{font-size: 12px;}
 .last_li .clear-filter .btn {padding: 8px 8px;font-size: 12px;}
  }
  .btnapi {
    float: right;
    position: absolute;
    right: 0px;
}
/* Item submission Field mapping */
.product_starttb .iconSettings, ..product_starttb tr.shown td.details-control:before, ..product_starttb td.details-control:before {
margin-top: 5px;
margin-bottom: 10px;
font-size: 12px;
position: relative;
top: 1px;
display: inline-block;
font-family: "Glyphicons Halflings";
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
}

.product_starttb td.details-control, td.close-tr {
cursor: pointer;
text-align: center;
}
.product_starttb td.details-control:before {
    content: "+";
    font-weight: 600;
    font-size: 20px;
    text-shadow: 0 0 0 #000000;
    position: absolute;
    right: 10px;
    top: 10px;
    bottom: 0;
    margin: auto;
}

.product_starttb tr.shown td.close-tr:before {
    content: "−";
    font-weight: 600;
    font-size: 20px;
    text-shadow: 0 0 0 #000000;
    position: absolute;
    right: 9px;
    top: 2px;
    bottom: 0;
    margin: auto;
}

/* .table-outer tr.details-row td{
    padding: 0 !important;
}
.table-outer tr.details-row td table tr td{
    padding: 8px 10px !important;
}*/
.product_starttb .table{
    table-layout: fixed;
    border: 0 !important;}
.product_starttb .buttonBox {float: right;}
.toggle-row {font-size: 26px; cursor: pointer;    padding: 4px;}
.iconscollase {
position: absolute;
top: 16px;
left: 7px;cursor: pointer;}
.i_25 {width: 25px;}

.product_starttb .radio {display: inline-block !important;margin-top: 0;color: #000}
/*.product_starttb label.radio:before{ width: 14px;height: 14px;}*/
.product_starttb .radio input[type=radio]:checked{top: 5px;left: 6px;width: 22px !important;height: 22px  !important;}
.product_starttb div.dataTables_wrapper div.dataTables_filter{margin-bottom: 12px;}
.product_starttb .table tbody tr td:first-child{position:relative;}
.product_starttb .table tr td {padding: 9px 7px !important;}
.product_starttb{position: relative;} 
.gropwd { width: 250px !important;}
.firsttd {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;    gap: 9px;
}
.lastwd{min-width: 85px;}
/* Item submission Field mapping */
/* Start a project configurable */
.toggle-row-collapse{font-size: 25px; margin-left: 10px;cursor: pointer;}
.i_25{width:25px}
.dragdroptb table.dataTable thead .sorting{background-image: none !important;pointer-events: none;}
.btn-sam{cursor: pointer;}
.dragdroptb i.fa.fa-bars{cursor: pointer;}
.dragdroptb .table thead th.sorting::before, .dragdroptb table.dataTable thead th.sorting::before{opacity: 0;}
.dragdroptb .table thead th.sorting:after {opacity: 0;}
.theme-config-page .dragdroptb .table tbody td .form-control {height: auto !important;}

.form-control1 {
     border-radius: 5px; 
    border-color: #9b9b9b;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    margin: auto;
    min-height: 38px;
    resize: auto;
    width: 100%;
    }

.dragdroptb tr.dt-rowReorder-moving{outline: 1px solid #000;}
.toggle-row-collapse-selected{font-size: 25px; margin-left: 10px;cursor: pointer;}
.toggle-row-collapse-unselected{font-size: 25px; margin-left: 10px;cursor: pointer;}
.theme-config-page .admin-table .dragdroptb .table tbody td .form-control {height: auto !important;width: 80px;padding-right:0px;margin-right: auto !important;}

.select-multi .select2-selection__rendered {
    line-height: 22px !important;
}

.select-multi .select2-container--default .select2-selection--multiple .select2-selection__rendered{ height: initial !important; overflow-y: auto !important;}
.select-multi .select2-selection {
    height: inherit !important;}
.select-multi .select2-search__field{height: 23px !important;}
.select-multi .select2-container--default .select2-selection--multiple .select2-selection__choice{margin-bottom: 0px !important;}
.select-multi .select2-container--default .select2-selection--multiple .select2-selection__rendered li{margin-bottom: 0px !important;}
.invalid_msg .select-multi input.select2-search__field {
    border: unset !important;
}
 input.select2-search__field {
    border: unset !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4 !important;
    border: 1px solid #aaa !important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #979797 !important;}
/* Start a project configurable */

.widthmdpop{max-width: 1000px !important;width: 100% !important;}
.radioSet .radio input[type=radio]:checked {
    top: 5px;
    left: 5px;
}
.copyright a {color: #C4C4C4;}

/*Dashboard new layout css */
.tablelayoutscollaps .table {
    table-layout: fixed;
    border: 0 !important;
}

.tablelayoutscollaps {
    position: relative;
}

span.editiconclr {
    /* text-align: right; */
    float: right;
    margin-bottom: 5px;
}

.editiconclr img {
    width: 16px;
}

.topbtnstb {
    display: flex;
    justify-content: space-between;align-items: center;
}

.tdparadetails {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.dropdownselects {
    width: 90%;
}
.tablelayoutscollaps .select2-container .select2-search--inline .select2-search__field{    height: 23px;}
.gropwddset{ width: 190px !important;}
.dropdownselects .select2-container--default .select2-selection--multiple{overflow-x: hidden !important;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {padding-right: 4px;}
.select2-container--default .select2-selection--multiple{overflow-x: hidden !important;}
.actionall{
    display: flex;
justify-content: center;
align-items: center;
align-content: center;gap: 6px;
}
.action_dash{align-content: center;
    gap: 4px;
    align-items: center;}
.allthwidthset{width: 255px;} 
.feildeidth{ width: 140px;}


.tablefixedfstsec tr th:first-child{
    position: sticky !important;
    left: 0;
    top: 0px;
    /* border-left: 1px solid #bebebe !important; */
    z-index: 10;
}
.tablefixedfstsec td:first-child{
    position: sticky !important;
    left: 0;
    /* border-left: 1px solid #bebebe !important;
    border-right: 1px solid #bebebe !important; */
    z-index: 2;background: #fff;
}


.tablefixedfstsec tr th:nth-child(2){
    position: sticky !important;
    left:202px;
    top: 0px;
    /* border-left: 1px solid #bebebe !important; */
    z-index: 10;
}
.tablefixedfstsec td:nth-child(2){
    position: sticky !important;
    left: 202px;
    /* border-left: 1px solid #bebebe !important;
    border-right: 1px solid #bebebe !important; */
    z-index: 2;background: #fff;
}
/*Dashboard new layout css */

/* LPC */
.checkboxalign .cust_check .checkmark {top: 10px;left: -16px;}
.dragArea{padding: 1px 15px !important;}
.greenc li {background: #cecece !important;}
.greenc input{border: none;}
.colorthems{ background: #C14628 !important;}
.edit-modal .btn-light, .btn-light{border-radius: 30px !important;min-width: 92px;}
/* #tag-group-values td .form-check .cust_check .checkmark {left: -14px;}
#attribute-value td .form-check .cust_check .checkmark {left: -14px;} */
.skuconfig_page .filter-header {background-color:var(--color-light_gray);}
.filter-body label.text-white {color: #fff !important;}
.dragArea ul.sortable-list{height: 350px;overflow: auto;}
.previewname{font-size: 16px;margin-bottom: 0;}
.tableveridetails input.form-control {text-align: right !important;}
/* End LPC */

.onlydashboard .dataTables_filter {margin-right: 43px;}
.btnforall { position: absolute; right: 29px;z-index: 99; }	
  
.redcolor{color:#FF0000 !important}
.notetext{font-size:13px} 

/* Amortized Pricing  */
#pricing_conf .checksign {
    position: absolute;
    top: -7px;
    left: 39%;}
#pricing_conf .form-control:disabled { background-color: #e9ecef !important;}
/* end Amortized Pricing  */

.pricing_conftable .radio input[type=radio]:checked {left: 9px !important;top: 6px !important;}
.pricing_conftable .multiselect.btn{padding: 0.375rem 0.75rem;}
.mnppt {
    border: 1px solid #ccc;
    padding: 12px 11px;
}
.lgheaeddiv {
min-height: 132px;
border-bottom: 2px dotted #ccc;font-size: 16px;
}
.paralineicon h6{margin-top:20px}
.paralineicon h6 {
margin-top: 20px;

padding-bottom: 20px;
}
.btn-priviews {
width: 186px;
}
/* create a profile configurable */
.toggle-row-collapse_cp{font-size: 25px; margin-left: 10px;cursor: pointer;}

/* Multiclient Configuration  */
#tbl-multiclient-config tr.filters_searching th:first-child input {
    display: none;
}

#tbl-multiclient-config tr.filters_searching th:last-child input {
    display: none;}
#tbl-multiclient-config_wrapper .buttonBox .dt-buttons {margin-right: 145px !important;}
.leftsidebtn1 {
    position: absolute;
    right: 0px;
    z-index: 99;
}
.filters_searching input {
    width: 95%;
    margin: 0 auto;
    height: 26px;
}
.modal-width-acc{
    max-width: 75%;
}

.addmuliclientpop .radio.them_con_radio input[type=radio]:checked{ width: 22px !important;
    height: 22px;top: 5px;
    left: 6px;}
.addmuliclientpop .select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: block;
}
.borderclassmn{border: 1px solid #ccc;
    padding: 18px 13px;
    border-radius: 2px;}
/* End Multiclient Configuration  */



.main_wrap_ad .project-filter .collapsing{
	max-height: 200px;
	overflow: hidden;
}
.multiselect.dropdown-toggle::after {
    margin-top: 10px;
}
.tile-row .table-responsive.tile_1 {
    max-height: unset;
}
.custom-file-label::after{line-height: 28px;} 

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: block;
}

.textarea-size1 {
    width: 100%;
    min-height: 350px;
}

button#CrtnewFolder {
    min-width: 148px;
}
/* bootstrap 5 Changes */

.select2-dropdown{z-index: 1100 !important;}

.row > * {
    flex-shrink: 0;
    width: unset;
}
.left-filter .input-group-text{padding: 10.2px 0.75rem;}

.multiselect-container .input-group {
    flex-wrap: nowrap;
}
.start_pr .radio input[type=radio]:checked {
    left: 9px !important;
}
.datepicker-panel>ul>li{color: #000 !important;}
.select2-results__option{color: #000 !important;}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    background-color: #e9ecef;
    border-color: #7c7c7c;}
.btn-primary:hover{color: #fff;}
  /* bootstrap 5 Changes */

  .m_das .admin-heading .right-content.padd_sec{padding-bottom: 50px}
.m_das .padd_sec.admin-table .onlydashboard .table tbody tr td:last-child{outline: 1px solid #ccc;}
.m_das .admin-heading .right-content {padding-bottom: 41px;}
.hightautos {height: 100%;}
.hightautos_height {height: calc(100% - 38px);}


@media only screen and (max-width: 1400px) {
    .notify_tab .nav-link{ display: flex;justify-content: space-evenly; padding: 7px 1px;font-size: 10px;}
}
.submitQuoteSection .total-section {
    background-color: #f5f5f5;
    width: fit-content;
    padding: 10px;
    margin-left: auto;
}
.submitQuoteSection .total-section input{
    width: 150px;
}
.submitQuoteSection .total-section label{
    width: 170px;
    margin: 0px;
    text-align: right;
    padding-right: 10px;
}
.submitQuoteSection .buttonsDiv{
    width: fit-content;
    padding-bottom: 20px;
}
.tabs-section{
    margin: 20px 0 0 0;
}

.total-section .form-group.d-flex {
align-items: center;}
.charge-total-div {
    align-items: center;
    background: #e5e5e5;
    padding: 5px 11px;
    border-top: 1px solid #b6b6b6;
}
.price_inputs_stric {
    display: flex;
    align-items: center;
    gap: 8px;
}
.product-total-text {
font-size: 18px;
}
.dollosignlabel {
display: flex;
align-items: center;
flex-wrap: nowrap;
}
.total-section .form-group.d-flex {
align-items: center;}
.taxperdent input {
width: 46px !important;
padding: 3px 4px;
text-align: center;
}
.taxtperscet {
    display: flex;
    justify-content: flex-end;
    gap: 9px;align-items: center;
}

/* Quote to order */
#closeexampleDataOne_filter {margin-right: 151px}
div#closeexampleDataOne2_filter {margin-right: 141px;}
.create_quote_page .signinput {display: flex;align-items: center;gap: 4px;}
.charge-total-div {
    align-items: center;
    background: #e5e5e5;
    padding: 5px 11px;
    border-top: 1px solid #b6b6b6;
}
.price_inputs_stric {
    display: flex;
    align-items: center;
    gap: 8px;
}
.product-total-text {
font-size: 18px;
}
.dollosignlabel {
display: flex;
align-items: center;
flex-wrap: nowrap;
}
.total-section .form-group.d-flex {
align-items: center;}
.taxperdent input {
width: 50px !important;
padding: 3px 4px;
text-align: center;
}
.taxtperscet {
    display: flex;
    justify-content: flex-end;
    gap: 9px;align-items: center;
}

.photo_arrenge .img-responsive.w-100 {width: 50px !important;max-width: 100% !important;}
.imgae_widthsec .img-responsive.w-100 {width: 50px !important;max-width: 100% !important;}

.search_add_input {
    width: 307px;
    float: right;
    position: relative;}
.input-group-img {
    position: absolute;
    top: 0px;
    padding: 8px 15px;
    background: #ccc;}

.search_add_input input {
    height: 30px;
    padding-left: 49px;}
.class_view-bt {
height: 20px;
font-size: 10px;
padding: 0.15rem 0.5rem;
line-height: 20px;min-width: 59px !important;
}
.textareainput {
    border: 1px solid #cfcfcf;
    font-size: 14px;
    border-radius: 0px;
    padding: 8px;
    display: block;
    width: 100%;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
}

.table.fixed_search_tr thead tr:nth-child(2) th{top: 34px;}
table.dataTable thead .sorting:after { opacity: 0.9 !important;}
.table.fixed_search_tr thead tr th select {min-width: 100%;}
 /* Quote to order */  
 
 /* added by mohit */
 .chat-contents .recieve-chat .chat-text:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #646464;
    position: absolute;
    left: 10px;
    top: -7px;
  }
  .chat-contents .sender-chat .chat-text:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #646464;
    position: absolute;
    right: 10px;
    top: -7px;
  }



/***************************************
* Captch
*****************************************/
.capcha_images img#captchaImage {
    height: 40px;
    margin-top: 0px;
    width: unset;
    border-radius: 4px !important;
    border: 1px solid #96918B;
}

/***************************************
* Captch
*****************************************/

/* Single Quote Details */
.logsbtn {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 190px;
    gap: 10px;
    align-items: center;
    border-bottom: 1px solid #afa5a5;
    padding-bottom: 5px;padding-top: 5px;
    
}

.logsbtnname {
    font-size: 13px;
}

.logsbtn .logsview {
    font-size: 12px;
    color: #fff !important;
    padding: 2px 18px !important;
    background: #000 !important;
    border-radius: 2px !important;
}

.table.qoute_table thead tr th:last-child{
	position: -webkit-sticky !important;
    position: sticky !important;
    right: 0px !important;
    z-index: 99 !important;
    border-left: 1px solid #bebebe !important;
}



.table.qoute_table tbody tr td:last-child{
	position: -webkit-sticky !important;
    position: sticky !important;
    right: 0px !important;
    z-index: 9 !important;
    border-left: 1px solid #bebebe !important;
    background: #fff;
}



.table.qoute_table thead tr th:nth-last-child(2){
	position: -webkit-sticky !important;
    position: sticky !important;
    right: 204px !important;
    z-index: 99 !important;
    border-left: 1px solid #bebebe !important;
}


.table.qoute_table tbody tr td:nth-last-child(2){
	position: -webkit-sticky !important;
    position: sticky !important;
    right:204px !important;
    z-index: 9 !important;
    border-left: 1px solid #bebebe !important;
    background: #fff;
}

/* /Single Quote Details */

.chkvalidation .multiselect-container label:first-child{color:#000000!important;}
.multiselect-container li.disabled {background: #e9ecef;}