body{
    margin:0;
    padding:0;
    font-family: 'arial', sans-serif;
    background:#fbfbfb;
    font-size:13px;
    color:#555555;
}
.form-control:focus, .btn:focus, .form-select:focus{
    box-shadow:none;
}
.form-select{
    background-position: right 2px center;
    padding-right: 20px;
    font-size:13px;
    color:#555555;
}
.btn{
    padding: 4px 10px;
}
.site-login  input[type=checkbox]{margin-top: 3px !important;}

input[type=checkbox]{
    margin-right:5px;
    margin-top:0px;
}
input[type=checkbox]:after {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #939598;
    border-radius: 0;
    background: #fff
}
input[type=checkbox]:checked:after {
    width: 15px;
    height: 15px;
    border: 1px solid #f7941d;
    content: '\2714';
    color: #fff;
    text-align: center;
    background: #f7941d;
    font-family: arial;
    line-height: 15px;
    top:-1px;
    position:relative;
}
.form-label{
    margin-bottom:0;
    font-weight:500;
}
.modal-header{
    border-bottom:0;
}
.modal-title{
    font-size:14px;
    min-width: 90%;
}
.modal-body{
    background: url("../images/hr_shades.png") repeat-x top center;
    padding-top: 5px;
    padding-bottom: 0;
}
.modal-lg{
    max-width:1000px;
}
.verticalshades{
    background:url("../images/vertical_shades.png") repeat-y right center;
}
hr {
    background-color: #ced4da;
    opacity: 1;
    margin-bottom: 10px;
}
.form-control{
    font-size:12px;
    color:#555555;
    line-height:normal;
}
.btn-orange{
    background:#f7941d;
    color:#ffffff;
    font-size: 13px;
    font-weight: 500;
}
.btn-orange:hover, .btn-orange:focus, .btn-orange:active{
    color:#ffffff !important;
    background:#f7941d !important;
    border-color: #f7941d !important;
}
.btnsmall{
    padding:4px 5px;
}
.accordion-button{
    padding: 8px 10px;
    font-size: 13px;
}
.accordion-button:not(.collapsed)::after{
    transform: rotate(360deg);
    margin-top: 0;
}
.accordion-button::after{
    background-size: 13px;
    transform: rotate(265deg);
    width: 15px;
    height: 15px;
    margin-top: -4px;
}
.accordion-button::after{
    fill:red;
}
.accordion-body {
    padding: 5px 10px;
}
input[type="text"].datepicker{
    background-image:url("../images/calender_icon.png");
    background-position:98% 3px;
    background-repeat:no-repeat;
}
.datepicker-days th{
    font-size:13px;
    font-weight:600;
    padding:3px 5px;
}
.datepicker-days td{
    font-size:13px;
    font-weight:400;
    padding:3px 5px;
    text-align:center;
}
.datepicker-days td.active{
    background:#f7941d;
    color:#ffffff;
    border-radius:5px;
    font-weight:600;
}
.bootstrap-tagsinput{
    min-width:100%;
}
.bootstrap-tagsinput .tag{
    background:#f3f3f3;
    color:#555555 !important;
    border:1px solid #e0e0e0;
    padding:2px 5px;
    border-radius:3px;
    font-size:12px;
}
.clear{
    clear:both;
}
.tableborderless tr th{
    border-bottom-width: 0;
}
.tableborderless tr th a{
    color: #555555;
    text-decoration: none;
}
/*** Switch Button css***/
.switchBtn.switch {
    position: relative;
    display: inline-block;
    width: 85px;
    height: 25px;
}
.switchBtn.switch input {
    display: none;
}
.switchBtn .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
    transition: 0.2s;
    border-radius: 99999px;
}
.switchBtn .slider::before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
    transition: 0.2s;
    border-radius: 50%;
}
.switchBtn input:checked + .slider {
    background-color: #5cb85c;
}
.switchBtn input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}
.switchBtn input:checked + .slider::before {
    transform: translateX(59px);
}
.switchBtn .slider::after {
    content: 'Inactive';
    display: block;
    position: absolute;
    transform: translate(-50%,-50%);
    transition: 0.2s;
    top: 50%;
    left: 60%;
    font-size: 12px;
    font-weight:normal;
}
.switchBtn input:checked + .slider::after {
    content: 'Active';
    color: white;
    left: 43%;
}


.switchBtn2.switch {
    position: relative;
    display: inline-block;
    width: 65px;
    height: 25px;
}
.switchBtn2.switch input {
    display: none;
}
.switchBtn2 .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
    transition: 0.2s;
    border-radius: 99999px;
}
.switchBtn2 .slider::before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
    transition: 0.2s;
    border-radius: 50%;
}
.switchBtn2 input:checked + .slider {
    background-color: #5cb85c;
}
.switchBtn2 input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}
.switchBtn2 input:checked + .slider::before {
    transform: translateX(39px);
}
.switchBtn2 .slider::after {
    content: 'Off';
    display: block;
    position: absolute;
    transform: translate(-50%,-50%);
    transition: 0.2s;
    top: 50%;
    left: 60%;
    font-size: 12px;
    font-weight:normal;
}
.switchBtn2 input:checked + .slider::after {
    content: 'On';
    color: white;
    left: 43%;
}

/****Header css start here*****/
header{
    width:100%;
    float:left;
    padding:5px 10px;
    border-bottom:1px solid #e2e2e2;
    background:#ffffff
}
header .logo{
    min-width:195px;
    float:left;
}
header .logo a{
    display:inline-block;
}
header .menu{
    width: auto;
    float:left;
    margin-top: 8px;
}
header .menu ul{
    margin:0;
    padding:0;
    list-style:none;
}
header .menu ul li{
    width:auto;
    display:inline-block;
    font-size:14px;
    font-weight:600;
    margin-right:30px;
}
header .menu ul li:last-child{
    margin-right:0;
}
header .menu ul li:first-child a{
    background:url('../images/portal_management_icon.png') no-repeat 0 5px;
    padding:5px 5px 5px 30px;
}
header .menu ul li:first-child:hover a, header .menu ul li:first-child.active a{
    background:url('../images/portal_management_icon_hvr.png') no-repeat 0 5px;
    padding:5px 5px 5px 30px;
    color:#f7941d;
}
header .menu ul li:nth-child(2) a{
    background:url('../images/cloud_share_icon.png') no-repeat 0 5px;
    padding:5px 5px 5px 30px;
}
header .menu ul li:nth-child(2):hover a, header .menu ul li:nth-child(2).active a{
    background:url('../images/cloud_share_icon_hvr.png') no-repeat 0 5px;
    padding:5px 5px 5px 30px;
    color:#f7941d;
}


header .menu ul li:nth-child(3) a{
    background:url('../images/roles_permissions_icon.png') no-repeat 0 5px;
    padding:5px 5px 5px 25px;
}
header .menu ul li:nth-child(3):hover a, header .menu ul li:nth-child(3).active a{
    background:url('../images/roles_permissions_icon_hvr.png') no-repeat 0 5px;
    padding:5px 5px 5px 25px;
    color:#f7941d;
}


header .menu ul li:nth-child(4) a{
    background:url('../images/activitylog_icon.png') no-repeat 0 5px;
    padding:5px 5px 5px 25px;
}
header .menu ul li:nth-child(4):hover a, header .menu ul li:nth-child(4).active a{
    background:url('../images/activitylog_icon_hvr.png') no-repeat 0 5px;
    padding:5px 5px 5px 25px;
    color:#f7941d;
}




header .menu ul li a{
    display:inline-block;
    color:#333;
    text-decoration:none;
}
header .menu ul li.active a{
    color:#f7941d;
}
header .menu.menu2{
    float:right;
    margin-top:6px;
}
header .menu.menu2 ul li a{
    background:none;
    padding:7px 0px 5px 0px;
    font-weight:500;
    font-size:13px;
}

header .menu.menu2 ul li.userName a{font-weight: 600; padding-right: 0;}
header .menu.menu2 ul li.userName:hover a{padding-right: 0;}
header .menu.menu2 ul li:hover a{
    background:none;
    padding:7px 5px 5px 0px;
  
}
header .menu.menu2 ul li:first-child:hover a, header .menu.menu2 ul li:first-child.active a{
    /* background:url('../images/myfav_icon_hvr.png') no-repeat 0 9px; */
    padding:7px 0px 5px 0px;
    color:#f7941d;
}
header .menu.menu2 ul li a .fa-heart{ color:#f7941d;}

header .menu.menu2 ul li.active:first-child a{
    /* background:url('../images/favorites_marked.png') no-repeat 0 9px; */
    padding:5px 5px 5px 0px;
    color:#f7941d;
    background: none;
}

header .user{
    float:right;
}
header .user .img{
    width:30px;
    height:30px;
    margin-left:5px;
    /* background:#eff1f3; */
    border-radius:50%;
    cursor:pointer;
    display:flex;
    justify-content:center;
    font-weight:700;
    align-items:center;
    font-family:arial;
    color:#f7941d;
    font-size:15px;
    text-transform:uppercase;
    border: 1px solid #f7941d;
    margin-top: 8px;
}

header .user{
    position:relative;
}
header .user ul{
    max-width: 200px;
}
header .user ul li a:hover{
    text-decoration:none !important;
}
header .user > .navbar-nav{
    position: absolute;
    right: 1px;
    background: #fff;
    top: 48px;
    font-size: 14px;
    display: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    z-index: 9999;
}
header .user ul li a:hover, header .user ul li a:focus, header .user .logout:hover, header .user .logout:focus {
    color: #f7941e;
    text-decoration:none;
}
header .user ul li{
    text-align: left;
    padding: 4px 10px;
    float:none;
    border-bottom:1px solid #ddd;
}
header .user ul li:last-child{
    border:0;
}
header .user ul li a:hover{
    background:none;
    text-decoration:none;
}
header .user ul li a{
    padding:4px 0;
    text-decoration:none;
}
header .user ul li button{
    padding:0;
    text-decoration:none;
}

header .user > .navbar-nav:before{
    font-family: 'FontAwesome';
    font-family: 'FontAwesome';
    content: "\f0d8";
    position: absolute;
    font-size: 25px;
    line-height: 24px;
    right: 5px;
    top: -15px !important;
    color: #ddd;
}
header .user .logout{
    color: #555555;
    padding: 0;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 185px;
}

/****Sub Header css start here*****/
.subHeader{
    width:100%;
    float:left;
    text-align:center;
    padding:10px 0;
    border-bottom:1px solid #e2e2e2;
    position: relative;
}
.subHeader ul{
    margin:0;
    padding:0;
    list-style:none;
}
.subHeader ul li{
    width:auto;
    font-size:13px;
    font-weight:400;
    margin-right:30px;
    margin-right:5px;
    display:inline-block;
}
.subHeader ul li:last-child{
    margin-right:0;
}
.subHeader ul li a{
    color:#555555;
    padding:5px 10px;
    display:inline-block;
    text-decoration:none;
    border:1px solid #cacaca;
    border-radius:3px;
}
.subHeader ul li.active a{
    color:#f7941d;
    border-color:#f7941d;
}

/****Content css start here*****/
.contentArea{
    display: flex;
    width: 100%;
    overflow: hidden;/*** due to scrolling hide in vertical and horizontal**/
}
.contentArea .showfolder{
    width: auto;
    float: left;
    margin-right: 8px;
}
body.leftOpened .leftMenu{
    margin-left:0;
}
.leftMenu{
    flex: 1;
    background:#ffffff;
    max-width:275px;
    border-right:1px solid #e2e2e2;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    margin-left:-275px;
}
.leftMenu .top{
    background:#f6f6f6;
    width: 100%;
    float: left;
    position:relative;
	min-height:43px;
}
.leftMenu .top .addfolder{
    font-size:13px;
    font-weight:500;
    margin:7px 0 7px 10px;
    float:left;
}
.leftMenu .top .addfolder span.plus img{ margin-top: -2px;}
.leftMenu .top .backBtn {
    background : url("../images/leftMenu_back.png") left center no-repeat;
    position: absolute;
    top: 12px;
    right: 5px;
    width: 15px;
    height: 20px;
    cursor:pointer;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
}
ul.tabsec  {
    margin:0;
    padding:0;
    list-style:none;
    display: inline-block;
    margin-left:10px;
    margin-top:7px;
}
ul.tabsec  li{
    display:inline-block;
}
ul.tabsec  li a{
    display:inline-block;
    padding:6px 8px 10px 8px;
    min-width:40px;
    text-align:center;
}
ul.tabsec  li.active a{
    background:#ffffff;
}
.leftMenu ul.folder{
    padding:0 5px 0 5px;
    margin-top:0px;
    margin-bottom:0px;
    width:100%;
    float:left;
    max-height: 700px;
    overflow-y: auto;
    min-height: 100%;
}
/*.leftMenu ul.folder li > div{ position: relative;}*/
.leftMenu ul.folder li > div .FolderAction{ position: absolute; right: 0; top: 0; padding: 0 5px; z-index: 99; cursor: pointer;}
.leftMenu ul.folder li > div .FolderAction + span{width: auto;float: right;background: #eee;padding: 5px 10px;border-radius: 3px;position: relative;z-index: 999;position: absolute;right: 0;border: 1px solid #ccc;}
.leftMenu ul.folder li > div .FolderAction + span svg:last-child{ margin-left: 10px;} 
.leftMenu ul.folder li > div .FolderAction + span .svg-inline--fa{ cursor: pointer;}
.leftMenu ul.folder li > div .FolderAction + span svg:hover{ color: #f7941d;}

.leftOpened .leftMenu ul.folder{max-height: 863px;}

.leftOpened.filterOpened .leftMenu ul.folder{
    max-height: 1207px;
}

.leftMenu ul.folder ul{
    padding:0 0 0 18px;
    float: left;
    width: 100%;
}
.leftMenu ul.folder ul li ul{
    display:none;
}
.leftMenu ul.folder  li{
    font-size:13px;
    list-style:none;
    margin: 5px 0 0 0;
    position:relative;
    display: block;
    width: 100%;
    float: left;
}

.leftMenu ul.folder li.active > a, .leftMenu ul.folder  li.active > div a{
    background: #e2e2e2 url("../images/folder_icon.png") 5px 3px no-repeat;
    border-radius: 2px;
}

.leftMenu ul.folder  li .plusMinus{
    position:absolute;
    left:-13px;
    top:0;
    cursor:pointer;
}
.leftMenu ul.folder  li a{
    text-decoration:none;
    color:#555555;
    background : url("../images/folder_icon.png") 5px 3px no-repeat;
    padding-left:27px;
    display: block;
    padding-right: 10px;
}


.leftMenu ul.folder  li.active.sharedFolder > a{background :#e2e2e2  url("../images/share_with_me.png") 5px 3px no-repeat;}

.leftMenu ul.folder  li.sharedFolder > a{
    text-decoration:none;
    color:#555555;
    background : url("../images/share_with_me.png") 5px 3px no-repeat;
    padding-left:27px;
    display: block;
    padding-right: 10px;
}

.leftMenu ul.folder  li.active.publicFolder > a{background :#e2e2e2  url("../images/publicFolders.png") 5px 3px no-repeat;}

.leftMenu ul.folder  li.publicFolder > a{
    text-decoration:none;
    color:#555555;
    background : url("../images/publicFolders.png") 5px 3px no-repeat;
    padding-left:27px;
    display: block;
    padding-right: 10px;
}

.leftMenu .oldestNew{
    padding:5px 10px;
    width:100%;
    float:left;
    font-size:12px;
    border-bottom:1px solid #e2e2e2;
}
.leftMenu .oldestNew ul{
    margin:0;
    padding:0;
    list-style:none;
    display: inline-block;
    width:100%;
}
.leftMenu .oldestNew ul li{
    display:inline-block;
    margin-right:10px;
    width:120px;
}
.leftMenu .oldestNew ul li:last-child{
    margin-right:0;
}
.leftMenu .oldestNew ul li a{
    background: #e2e2e2;
    display: block;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    border-radius: 3px;
    color: #555555;
    padding:2px 0;
}
.leftMenu .oldestNew ul li.active a{
    background:#589637;
    color:#ffffff;
}
body.leftOpened .showfolder{
    display: none;
}
.ContentSec{
    flex: 1;
    min-height:500px;
    padding:10px;
}
.searchSec{
    display:flex;
}
.search{
    width:40%;
    float:left;
   /* margin-left:5px;*/
    position:relative;
}
.search > .mb-3{ margin-bottom: 0 !important;}
.leftOpened .search, .filterOpened .search{ width:35%;}

.search input[type='text']{
    width:100%;
    font-size:13px;
}
.search .btnsearch{
    position:absolute;
    right:-2px;
    top: 6px;
    background:url("../images/search_icon.png") no-repeat left center;
    width:20px;
    height:20px;
    box-shadow:none;
    outline:0;
}
.search .btnsearch:focus, .search .btnsearch:visited,.search .btnsearch:active{outline:0;border: 0;}
.totalAssets{
    font-size:13px;
    font-weight:600;
    color:#333;
    margin: 5px 0 0 10px;
    float: left;
}
.totalAssets span{
    color:#f7941d
}
.filterSec{
    float:right;
}
.filterSec .g-3{
    float:left;
}
.filterSec select{
    min-width:110px;
}
.filterSec label{
    margin:0;
    padding:4px 5px 0  0;
    font-weight:500;
    font-size:13px;
}
.filterSec .col-auto{
    padding-right:0;
    float:left;
}
.views{
    width:26px;
    height:24px;
    float:left;
    margin-left:10px;
    margin-top:5px;
    cursor:pointer;
}
.views.tiles{
    background:url("../images/tiles_view.png") no-repeat 0 0;
    width: 21px;
}
.views.tiles:hover, .views.tiles.active{
    background:url("../images/tiles_view_hvr.png") no-repeat 0 0;
    width: 21px;
}
.views.list{
    background:url("../images/list_view.png") no-repeat 0 0;
    margin-left: 6px;
}
.views.list:hover, .views.list.active{
    background:url("../images/list_view_hvr.png") no-repeat 0 0;
    margin-left: 6px;
}
.views.filter{
    background:url("../images/filter_icon.png") no-repeat 0 0;
    width: 20px;
}
.views.filter:hover, .views.filter.active{
    background:url("../images/filter_icon_hvr.png") no-repeat 0 0;
    width: 20px;
}

.views.delete{
    background:url("../images/delete2.png") no-repeat 0 0;
    width: 18px;
    background-size: 14px !important;
    margin-top: 5px;
    height: 18px;
}
.views.delete:hover, .views.delete.active{
    background:url("../images/delete_hvr2.png") no-repeat 0 0 !important;
    width: 18px !important;
    background-size: 14px !important;
    margin-top: 5px;
    height: 18px;
}
.views.moveto{
    background:url("../images/moveto.png") no-repeat 0 0;
    width: 20px;
    margin-right:10px;
    margin-left:5px;
    background-size: 20px !important;
    margin-top: 5px;
}
.views.moveto:hover, .views.moveto.active{
    background:url("../images/moveto_hvr.png") no-repeat 0 0 !important;
    width: 20px;
    background-size: 20px !important;
    margin-top: 5px;
}

.AllfileSec{
    width:100%;
    float:left;
    margin-top:10px;
}
.AllfileSec ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    flex-wrap:wrap;
    gap:5px;
}
/*.leftOpened .AllfileSec ul li{width:24.62%; transition: all .5s ease 0s;  -webkit-transition: all .5s ease 0s;}*/
.leftOpened .AllfileSec ul> div{
    width:24.62%;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
}
.filterOpened .AllfileSec ul li{
    width:100%;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
}
/*.AllfileSec ul li{width:19.68%;  min-height:150px; background:#ffffff; box-shadow: 0 0 20px #cccc; transition: all .7s ease 0s;  -webkit-transition: all .7s ease 0s;}*/

 .AllfileSec ul > div{
    width:19.68%;
    /* max-width:19.68%; */
    min-height:150px;
    background:#ffffff;
    box-shadow: 0 0 20px #cccc;
    transition: all .7s ease 0s;
    -webkit-transition: all .7s ease 0s;
}
body.leftOpened.filterOpened .AllfileSec ul > div{
    width:32.8%;
   
}

body.filterOpened .AllfileSec ul > div{
    width:24.6%;
   
}
.AllfileSec ul li .imgSec{
    min-height:135px;
    position:relative;
}
.AllfileSec ul li .imgSec img{
    max-width:100%;
    max-height:100%;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    margin:auto;
}
.AllfileSec ul li .imgSec img.mp3bg{ top: inherit; margin: inherit; width: 100%; height: 30px;}
.AllfileSec ul li .imgSec img.mp3bg + .hover a{ display: none;}
.AllfileSec ul li .imgSec .hover{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:rgba(0,0,0, 0.7);
    display:none;
}
.AllfileSec ul li .imgSec video{
    max-height: 136px;
    object-fit: fill;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.AllfileSec ul li .imgSec .hover .view{
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-16px;
    background:url("../images/view_icon.png") no-repeat center center;
    width:16px;
    height:16px;
}
.AllfileSec ul li .imgSec .hover .view span{
    width:16px;
    height:16px;
    display:inline-block;
}
.AllfileSec ul li .imgSec .hover .view:hover{
    background:url("../images/view_icon_hvr.png") no-repeat center center;
}
.AllfileSec ul li .imgSec:hover .hover{
    display:inline-block;
    cursor:pointer;
}
.AllfileSec ul li .imgSec .hover .text{
    position:absolute;
    left:0;
    bottom:5px;
    width:100%;
    padding:0 10px;
    font-weight:500;
    z-index:999;
}
.AllfileSec ul li .imgSec .hover .text span{
    color:#b4b4b4;
}
.AllfileSec ul li .imgSec .hover .text .link{
    width:14px;
    height:14px;
    display:inline-block;
    margin:0 0 0 10px;
    float:right;
    margin-top:3px;
}
.AllfileSec ul li .imgSec .hover .text .link span{
    width:14px;
    height:14px;
    display:inline-block;
}
.AllfileSec ul li .imgSec .hover .text .fav{
    background:url("../images/myfav_icon2.png") no-repeat 0 0
}
.AllfileSec ul li .imgSec .hover .text .fav:hover{
    background:url("../images/myfav_icon_hvr.png") no-repeat 0 0
}
.AllfileSec ul li .imgSec .hover .text .download{
    background:url("../images/download.png") no-repeat 0 0
}
.AllfileSec ul li .imgSec .hover .text .download:hover{
    background:url("../images/download_hvr.png") no-repeat 0 0
}
.AllfileSec ul li .imgSec .hover .text .share{
    background:url("../images/share.png") no-repeat 0 0
}
.AllfileSec ul li .imgSec .hover .text .share:hover{
    background:url("../images/share_hvr.png") no-repeat 0 0
}
.AllfileSec ul li .imgSec .hover .text .delete{
    background:url("../images/delete.png") no-repeat 0 0
}
.AllfileSec ul li .imgSec .hover .text .delete:hover{
    background:url("../images/delete_hvr.png") no-repeat 0 0
}
.AllfileSec ul li .titleSec{
    position:relative;
}
.AllfileSec ul li .titleSec .title{
    width:100%;
    padding:5px 10px 0 10px;
    font-size:12px;
    font-weight:400;
}
.AllfileSec ul li .titleSec .title label{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 98%;
}
#uploadFileModal .modal-body{
    min-height:500px;
}
/*****Details page***/

.playSection{
    width:100%;
    float:left;
    position: relative;
    margin-bottom:5px;
    margin-top:8px;
    min-height:275px;
    max-height: 275px;
    position:relative;
    border: 1px solid #ced4da;
    border-radius: 3px;
}
.playSection img{
    position: absolute;
    max-height: 100%;
    max-width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top:0;
    margin: auto;
}
.playSection .my-video-dimensions{
    width:100%;
    height:273px;
}
.playSection video{
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    max-height:100%;
    max-width:100%;
    margin:auto;
    width:100%;
    border:0;
   /* object-fit: fill;*/
    border-radius: 3px;
    height: 100% !important;
    background: #000000;
}
.FilesDetails .link{
    width:14px;
    height:14px;
    display:inline-block;
    margin:0 0 0 5px;
    margin-top:3px;
}
.FilesDetails .fav{
    background:url("../images/myfav_icon2.png") no-repeat 0 0
}
.FilesDetails .fav:hover{
    background:url("../images/myfav_icon_hvr.png") no-repeat 0 0
}
.FilesDetails .download{
    background:url("../images/download.png") no-repeat 0 0
}
.FilesDetails .download:hover{
    background:url("../images/download_hvr.png") no-repeat 0 0
}
.FilesDetails .share{
    background:url("../images/share.png") no-repeat 0 0
}
.FilesDetails .share:hover{
    background:url("../images/share_hvr.png") no-repeat 0 0
}
.FilesDetails .delete{
    background:url("../images/delete.png") no-repeat 0 0
}
.FilesDetails .delete:hover{
    background:url("../images/delete_hvr.png") no-repeat 0 0
}

.detailsbuttSec {width: 100%;  float: left; margin-top: 5px;}
.detailsbuttSec .link:first-child{
    margin-left:0;
}

.edittile{
    width:20px;
    height:20px;
    background:url("../images/edit_icon.png") no-repeat 0 0;
    display:inline-block;
}
.edittile:hover, .edittile:focus{
    background:url("../images/edit_icon_hvr.png") no-repeat 0 0;
}

.FilesDetails .edittile{
    background-size: 16px;
    vertical-align: middle;
}
.FilesDetails .modal-title input[type="text"]{
    max-width:50%;
    display: inline-block;
}
.FilesDetails .fa-regular, .FilesDetails .fa-solid{
    font-size:18px;
    color:#555555;
    margin: 0px 0 0 5px;
    vertical-align: middle;
}
.FilesDetails .fa-regular:hover,.FilesDetails .fa-regular:focus, .FilesDetails .fa-solid:hover, .FilesDetails .fa-solid:focus{
    color:#f7941d;
}
.allowFiles.popfileDetails{
    margin-top:10px;
    margin-bottom: 10px;
}
.allowFiles.popfileDetails .text{
    padding-bottom:5px;
}
.allowFiles.popfileDetails .text strong{
    font-weight:500;
}
.allowFiles.popfileDetails .text strong span{
    color:#f7941f;
}
.allowFiles.popfileDetails .text strong.download{
    background:url("../images/download.png") no-repeat 0 2px;
    padding-left:20px;
}
.allowFiles.popfileDetails .text strong.shares{
    background:url("../images/share.png") no-repeat 0 2px;
    padding-left:20px;
}
.allowFiles.popfileDetails .text strong.view{
    background:url("../images/view_icon.png") no-repeat 0 2px;
    padding-left:20px;
}
.editDescription{
    width:16px;
    height:15px;
    background:url("../images/edit_icon.png") no-repeat 0 0px;
    display:inline-block;
    background-size: 15px !important;
}
.editDescription:hover, .editDescription:focus{
    background:url("../images/edit_icon_hvr.png") no-repeat 0 0px;
}
.description{
    display:inline-block;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
}

.edittile:hover, .edittile:focus{
    background-size: 16px;
}
.sliderNav{
    border:1px solid #ced4da;
    width:auto;
    float:right;
    border-radius:3px;
}
.sliderNav a{
    display:inline-block;
    background:url("../images/leftMenu_back.png") no-repeat center center;
    width:26px;
    height:26px;
    float: left;
}
.sliderNav a.slidePrev.disabled{
    opacity:0.6
}
.sliderNav a.slideNext{
    transform: rotate(178deg);
    border-right:1px solid #ced4da;
}

.sliderNav a.slideNext.disabled{
    opacity: 0.6;

}
/****sidebar filter css start here*****/
.sidebarFilter{
    flex: 1;
    background:#ffffff;
    max-width:275px;
    border-left:1px solid #e2e2e2;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    margin-right:-275px;
}
.sidebarFilter .top{
    background:#f6f6f6;
    width: 100%;
    float: left;
    position:relative;
}
.sidebarFilter .top .addfolder{
    font-size:13px;
    font-weight:500;
    margin:7px 0 7px 10px;
    float:left;
}
.sidebarFilter .top .backBtn {
    background : url("../images/leftMenu_back.png") left center no-repeat;
    position: absolute;
    top: 12px;
    right: 5px;
    width: 15px;
    height: 20px;
    cursor:pointer;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
}
.sidebarFilter .accordion-item{
    border-right:0;
    border-left:0;
    border-radius: 0;
}
.sidebarFilter .accordion-item .accordion-button:focus{
    outline:0;
    box-shadow:none;
}
.sidebarFilter .top {
    background: #f6f6f6;
    width: 100%;
    float: left;
    position: relative;
    padding:5px 10px;
}
.sidebarFilter .top .backBtn {
    background: url(../images/leftMenu_back.png) left center no-repeat;
    position: absolute;
    top: 12px;
    left: 5px;
    width: 15px;
    height: 20px;
    cursor: pointer;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    text-align:start;
    transform: rotate(180deg);
    top:9px;
}
.accordion-button{
    color:#555555;
    font-weight:600;
    font-size:13px;
}
.accordion-button:not(.collapsed){
    color: #f7941f;
    background-color: #ffffff;
    box-shadow: none;
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.sidebarFilter .top .link{
    color:#555555;
    font-weight:500;
    text-decoration:none;
    margin-right:10px;
    background: transparent;
    border: 0;
}
.sidebarFilter .accordion-item .accordion-body strong.subHeading{
    font-weight:500;
    display:block;
}
.sidebarFilter ul{
    list-style:none;
    margin:5px 0 0 0;
    padding:0;
}
.sidebarFilter ul li{
    max-width:49%;
    margin-bottom:5px;
    display:inline-block;
    width:100%;
}
.sidebarFilter ul li:nth-child(2){
    margin-left: -3px;
}
.sidebarFilter ul.cols3 li{
    width:36%;
}
.sidebarFilter ul.cols3 li:nth-child(3n){
    width:25%;
}
.sidebarFilter #customDatef .form-label{
    font-weight:400;
}
/****Upload file Popup css start here****/
.uploadTabs{
    margin-top:10px;
    border-color:#ced4da;
}
.uploadTabs li{
    padding:7px 15px;
    border:1px solid #ced4da;
    border-bottom:0;
    margin-right:10px;
    border-radius:3px 3px 0 0;
    cursor:pointer;
}
.uploadTabs li.active{
    border-color:#f7941d;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
    font-weight:600;
    color:#f7941d;
}
.uploadTabs li.active a{
    color:#f7941d;
}
.uploadTabs li a{
    color:#555555;
    text-decoration:none;
}
.uploadTabs li:last-child{
    margin-right:0;
}
.fileViwer {
    min-height: 300px;
    text-align: center;
    position: relative;
    border: 2px dotted #ccc;
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.fileViwer a{
    text-decoration:none;
}
.indicatorContainerWrap {
    width: 100%;
    height: 100%;
    display: inline-block;
}
.rad-cntnt {
    position: absolute;
    display: table;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px;
    line-height: 24px;
}
.indicatorContainerWrap .file-upload-message p {
    font-size: 32px;
    color: #ccc;
    margin:0;
}
.indicatorContainerWrap .file-upload-message p span {
    font-size: 14px;
    display: block;
    margin-top: 8px;
    color:#c8c8c8;
}
.indicatorContainerWrap .file-upload-message .selfilebtn {
    padding: 3px 15px 2px 1px;
    background: #f7941f;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    margin-top: 10px;
    font-size: 14px;
    height: 30px;
}
.indicatorContainerWrap .file-upload-message .selfilebtn span {
    background: #f7941f;
    padding: 6px 10px 6px 10px;
    border-radius: 3px;
    margin-right: 10px;
    border-right: 1px solid #fff;
    border-radius: 3px 0 0 3px;
}
.indicatorContainerWrap .file-upload-message  img{
    margin-top: -3px;
}
.indicatorContainerWrap .file-upload-message p {
    font-size: 18px;
    color: #555555;
}
.prgFileSelector {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    top: 0;
    left: 0;
    z-index: 10;
    cursor: pointer;
}
.prgFileSelector +canvas {
    margin-top: 50px;
}
.indicatorContainerWrap canvas {
    opacity: 0;
}
.file-upload-error, .upldfootermsg {
    display: none;
    font-size: 12px;
    margin-top: 10px;
}
.allowFiles{
    width:100%;
    float:left;
	border: 1px solid #ccc;
    padding: 5px 10px;
    border-radius: 3px;
}
.allowFiles .text{
    display:block;
    color:#555555;
    font-size:13px;
   /* padding-bottom: 10px;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.allowFiles .text strong{
    font-weight:600;
}
.RightaAtionSec{
    width: 100%;
    float: left;
    margin-top: 10px;
    border-bottom: 1px solid #ced4da;
    padding-bottom: 7px;
    margin-bottom:10px;
}
.categoryList {
    margin:0;
    padding:0;
    list-style:none;
}
.categoryList li{
    border-radius:20px;
    background:#e9e9e9;
    padding:5px 10px;
    display:inline-block;
    margin-bottom:3px;
}
.categoryList li.active{
    background:#f7941f;
    color:#ffffff;
}
/****Upload file Popup css end here****/


/****Move to css start here***/
.ImageName{
    font-weight:400;
}
.source{
    background:#fafafa url(../images/folder_icon.png) 10px  10px  no-repeat;
    margin-top:10px;
    display: inline-block;
    padding: 5px 10px 5px 35px;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.DestinationSource{
    display: inline-block;
    padding: 5px 10px 5px 0px;
    border-radius: 3px;
}
.DestinationSource span.arrow{
    transform:rotate(180deg);
    display:inline-block;
    padding: 0 5px;
}
.DestinationSource span.arrow img{
    width: 6px;
    vertical-align: middle;
}
.fileMoveTo ul.folder{
    padding:0 0 0 10px;
    width:100%;
    float:left;
}
.fileMoveTo ul.folder ul{
    padding:0 0 0 22px;
}
.fileMoveTo ul.folder ul li ul{
    display:none;
}
.fileMoveTo ul.folder  > li:first-child > a{
    color:#000000;
    font-weight:600;
}
.fileMoveTo ul.folder  li{
    font-size:13px;
    list-style:none;
    margin: 5px 0;
    position:relative;
}
.fileMoveTo ul.folder  li .plusMinus{
    position:absolute;
    left:-16px;
    top:0;
    cursor:pointer;
}
.fileMoveTo ul.folder  li a{
    text-decoration:none;
    color:#555555;
    background : url("../images/folder_icon.png") left center no-repeat;
    padding-left:22px;
}
.fileMoveTo ul.folder  li a.active{
    color:#f7941f;
}

/****share css start here***/
.fileShare .shareTypeBox{
    width:90px;
    height:90px;
    margin:0 5px;
    border-radius:5px;
    border:1px solid #ced4da;
    position:relative;
    display:inline-block;
}
.fileShare .shareTypeBox:hover{
    border-color:#f7941f;
}
.fileShare .shareTypeBox img {
    max-width:100%;
    max-height:100%;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto;
}
.fileShare .modal-body{
    min-height:250px;
}
.shareByEmail .modal-title img{
    width: 20px;
    float: left;
    margin: 4px 5px 0 0;
}
.shareBygoogleDrive .modal-title img{
    width: 18px;
    float: left;
    margin: 1px 5px 0 0;
}
.shareBygoogleDrive  ul.folder{
    padding:0 0 0 10px;
    width:100%;
    float:left;
}
.shareBygoogleDrive  ul.folder ul{
    padding:0 0 0 22px;
}
.shareBygoogleDrive  ul.folder ul li ul{
    display:none;
}
.shareBygoogleDrive  ul.folder  li{
    font-size:13px;
    list-style:none;
    margin: 5px 0;
    position:relative;
}
.shareBygoogleDrive  ul.folder  li .plusMinus{
    position:absolute;
    left:-16px;
    top:0;
    cursor:pointer;
}
.shareBygoogleDrive  ul.folder  li a{
    text-decoration:none;
    color:#555555;
    background : url("../images/folder_icon.png") left center no-repeat;
    padding-left:22px;
}
.shareBygoogleDrive  ul.folder  li a.active{
    color:#f7941f;
}
.shareBygoogleDrive .folder{
    min-height:250px;
}
.listViewSec{
    width:100%;
    float:left;
    border-radius:5px;
}
.listViewSec  #p0.grid-view{ border:1px solid #e2e2e2; border-radius: 5px;}
.listViewSec  #p0.grid-view .pptbg{ max-width: 90px;}
.listViewSec  #p0.grid-view tr th:first-child input{ display: none;}
.listViewSec  #p0.grid-view tr th:nth-child(2){ padding-left: 3%;}
.leftOpened .listViewSec #p0.grid-view tr th:nth-child(2){ padding-left: 4%;}
.leftOpened.filterOpened .listViewSec  #p0.grid-view tr th:nth-child(2){padding-left: 5%;}
.listViewSec .grid-view tr:hover td{ background-color: #fbfbfb;}
.table{
    margin-bottom:0;
}
.table thead tr th{
    background:#e2e2e2;
    color:#5f6368;
    font-weight:500;
}
.table thead tr th:first-child{
    border-radius:5px 0 0 0;
}
.table thead tr th:last-child{
    border-radius:0px 5px 0 0;
}
.table thead tr th, .table tbody tr td{
    vertical-align:middle;
    color:#5f6368;
}

.table thead tr th {
    background-color: #e2e2e2;
    color:#333 !important;
	font-weight:600;
	    padding: 10px 5px;
}

.table thead tr th a{    color:#5f6368 !important; position: relative;}

.table thead tr th a:before {    content: "\f0dc";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font: normal normal normal 13px/1 FontAwesome;
    position:absolute;
    top: 2px;
    right: -15px;

}

.table thead tr th a.desc:before{    content: "\f0dd" !important; top:0px !important;}
.table thead tr th a.asc:before{    content: "\f0de" !important; top: 6px !important;}

.table tbody tr td{
    border-bottom:1px solid #e2e2e2;
    padding:2px 5px;
    background:#ffffff;
}
.table tbody tr td:first-child{
    text-align:center;
}
.table tbody tr:last-child td{
    border-bottom:0;
}
.listViewSec .fileType{
    width:90px;
    height:50px;
    position:relative;
    background:#ffffff;
}
.listViewSec .fileType img, .listViewSec .fileType video{
    position:absolute;
    max-width:100%;
    max-height:100%;
    left:0;
    top:0;
    right:0;
    bottom:0;
    margin:auto;
}
#selectShareType + .mb-3{ margin: 0 !important;}
.listViewSec .table tbody tr td:first-child{ text-align: left; padding-left: 9px;    border-left: 1px solid #e2e2e2;}
.listViewSec .table tbody tr td:last-child{     border-right: 1px solid #e2e2e2;}
.listViewSec .table tbody tr:last-child td{     border-bottom: 1px solid #e2e2e2;}
.listViewSec .fileType video{ background: #000000;     height: 100%;}
.listViewSec .link{
    width:14px;
    height:14px;
    display:inline-block;
    margin:0 0 0 10px;
    margin-top:3px;
}
.listViewSec .fav{
    background:url("../images/myfav_icon2.png") no-repeat 0 0
}
.listViewSec .fav:hover{
    background:url("../images/myfav_icon_hvr.png") no-repeat 0 0
}
.listViewSec .download{
    background:url("../images/download.png") no-repeat 0 0
}
.listViewSec .download:hover{
    background:url("../images/download_hvr.png") no-repeat 0 0
}
.listViewSec .share{
    background:url("../images/share.png") no-repeat 0 0
}
.listViewSec .share:hover{
    background:url("../images/share_hvr.png") no-repeat 0 0
}
.listViewSec .delete{
    background:url("../images/delete.png") no-repeat 0 0
}
.listViewSec .delete:hover{
    background:url("../images/delete_hvr.png") no-repeat 0 0
}
.listViewSec .view{
    background:url("../images/view_icon.png") no-repeat 0 0;
    background-size:14px;
}
.listViewSec .edit{
    background:url("../images/edit_icon2.png") no-repeat 0 0;
    background-size:14px;
}
.listViewSec .edit:hover{
    background:url("../images/edit_icon_hvr.png") no-repeat 0 0;
	   background-size:14px;
}
.listViewSec .link span{
    width:14px;
    height:14px;
    display:inline-block;
}
.listViewSec .view:hover{
    background:url("../images/view_icon_hvr.png") no-repeat 0 0;
    background-size:14px;
}

/****User List View***/
.userList table tr td{
    padding: 10px 5px;
}
.userList table tr td a{
    color:#555555;
    text-decoration:none;
}
.userList table tr td a:hover{
    color:#f7941d;
    text-decoration:none;
}
.userList table tr:hover td{
    background:#fbfbfb;
}


.borderSec{
    border:1px solid #e2e2e2;
    width:100%;
    float:left;
    border-radius:5px;
}
.borderSec .headerTop{
    background:#e2e2e2;
    width:100%;
    float:left;
    padding:0px 10px;
}

.borderSec .headerTop div strong{
    font-weight:500;
    padding:10px 0px;
    display:inline-block;
    color:#5f6368;
}
.borderSec .headerTop div strong span{
    font-weight:500;
    color:#555555;
}
.borderSec .contentBox{
    padding:10px 15px;
    width: 100%;
    float: left;
    background: #fff;
}
.ContentSec	.fheading{
    margin-top:10px;
    display:inline-block;
    font-weight:600;
}

.rolesChckbox{
    width:100%;
    float:left;
}
.rolesChckbox ul{
    margin:0;
    padding:0;
    list-style:none;
}
.rolesChckbox ul li{
    width:33.33%;
    display:inline-block;
    border:1px solid #ccc;
    float:left;
    text-align:center;
	margin-left:-1px;
    cursor:pointer;
	margin-top:-1px;
}
.rolesChckbox ul li label{
    font-weight:500; /*margin-left:-10px; */
    cursor:pointer;
    padding:4px 10px;
    display:block;
}
.rolesChckbox ul li label input[type="radio"]{
    opacity:0;
    cursor:pointer;
}
.rolesChckbox ul li.active{
    background:#589637;
    color:#fff;
    border-color:#589637;
}
.rolesChckbox ul li.active label span{
    background:url("../images/checkIcons.png") no-repeat left 2px;
    padding-left:20px;
}/*
.rolesChckbox ul li:first-child{
    border-radius:3px 0 0 3px;
}
.rolesChckbox ul li:last-child{
    border-radius: 0  3px 3px 0;
    border-right:1px solid #ccc;
}*/
/***Roles***/
.Roles {
    width:100%;
    float:left;
}
.Roles ul{
    margin:20px 0 0 0;
    padding:0;
    list-style:none;
    text-align:center;
}
.Roles ul li {
    width: 19.398%;
    background: #ffffff;
    box-shadow: 0 0 20px #cccc;
    transition: all .7s ease 0s;
    -webkit-transition: all .7s ease 0s;
    display:inline-block;
    margin-right:10px;
    position:relative;
}
.Roles ul li .iconSect{
    min-height: 140px;
    background:url("../images/roles_1.png") no-repeat center center;
}
.Roles ul li:hover .iconSect{
    background:url("../images/roles_1_hvr.png") no-repeat center center;
}
.Roles ul li:nth-child(2) .iconSect{
    background:url("../images/roles_2.png") no-repeat center center;
}
.Roles ul li:nth-child(2):hover .iconSect{
    background:url("../images/roles_2_hvr.png") no-repeat center center;
}
.Roles ul li:nth-child(3) .iconSect{
    background:url("../images/roles_3.png") no-repeat center center;
}
.Roles ul li:nth-child(3):hover .iconSect{
    background:url("../images/roles_3_hvr.png") no-repeat center center;
}
.Roles ul li:nth-child(4) .iconSect{
    background:url("../images/roles_4.png") no-repeat center center;
}
.Roles ul li:nth-child(4):hover .iconSect{
    background:url("../images/roles_4_hvr.png") no-repeat center center;
}

.Roles ul li:nth-child(5) .iconSect{
    background:url("../images/roles_5.png") no-repeat center center;
}
.Roles ul li:nth-child(5):hover .iconSect{
    background:url("../images/roles_5_hvr.png") no-repeat center center;
}

.Roles ul li:nth-child(6) .iconSect{
    background:url("../images/roles_6.png") no-repeat center center;
}
.Roles ul li:nth-child(6):hover .iconSect{
    background:url("../images/roles_6_hvr.png") no-repeat center center;
}

.Roles ul li:nth-child(7) .iconSect{
    background:url("../images/roles_7.png") no-repeat center center;
}
.Roles ul li:nth-child(7):hover .iconSect{
    background:url("../images/roles_7_hvr.png") no-repeat center center;
}

.Roles ul li:nth-child(8) .iconSect{
    background:url("../images/roles_8.png") no-repeat center center;
}
.Roles ul li:nth-child(8):hover .iconSect{
    background:url("../images/roles_8_hvr.png") no-repeat center center;
}

.Roles ul li:hover .link{
    width:20px;
    height:20px;
    display:inline-block;
    position:absolute;
    right:15px;
    top:15px;
    background:url("../images/edit_icon_hvr.png") no-repeat 0 0;
}
.Roles ul li:hover .link span{
    width:14px;
    height:14px;
    display:inline-block;
    cursor:pointer;
}
.Roles ul li:last-child{
    margin-right:0;
}
.Roles ul li .rolesName{
    width:100%;
    float:left;
    background:#e2e2e2;
    padding:5px 0;
    font-size:14px;
    font-weight:500;
}
.Roles ul li:hover .rolesName{
    background:#f7941f;
    color:#ffffff;
}

/***Permissions css start here***/
.permissionTabs{
    border-bottom:0;
}
.permissionTabs  li{
    width:auto;
    float:left;
    border:1px solid #cacaca;
    border-radius:3px;
    font-size:13px;
    color:#555555;
    padding:5px 10px;
    cursor:pointer;
    margin-bottom:10px;
}
.tabHeading{
    border-bottom:1px solid #cacaca;
    font-weight:600;
    font-size:13px;
    margin-bottom:10px;
    padding-bottom:5px;
}
.permissions .headerTop{
    padding:0px 10px;
}
.borderSec.permissions .contentBox .col-3{
    border-bottom:1px solid #e2e2e2;
   /* padding-left:0;
    padding-right:0;*/
    padding-top: 10px;
    padding-bottom: 5px;
}
.ContentSec .permissionTab .fheading{ margin-top:0px;}
.contentBox.archives-section .row:first-child .col-3 .switchBtn2 {display:none;}
.contentBox.archives-section .row:first-child .col-3 {background: #eee; font-weight: bold; padding-top: 5px;}

.contentBox.archives-section .row:nth-child(9) .col-3 .switchBtn2, .contentBox.archives-section .row:nth-child(12) .col-3 .switchBtn2, .contentBox.archives-section .row:nth-child(15) .col-3 .switchBtn2{display:none;}
.contentBox.archives-section .row:nth-child(9) .col-3, .contentBox.archives-section .row:nth-child(12) .col-3 , .contentBox.archives-section .row:nth-child(15) .col-3 {background: #eee; font-weight: bold;padding-top: 5px;}

.borderSec.permissions .contentBox .row:last-child .col-3{ border-bottom:0;}
.removeBorder{
    position:absolute;
    left:0;
    top:45px;
    height:2px;
    background:#ffffff url("../images/permission_bg.png") repeat-y;
    width:48px;
}
.borderSec.permissions .contentBox .col-3:nth-child(3){
    padding-left:10px;
}
.borderSec.permissions .contentBox .col-3:nth-child(4){
    padding-left:20px;
}
.borderSec.permissions .contentBox .col-3.sublist{
    padding-left:50px;
    background-image: url("../images/permission_bg.png"), url("../images/permission_bg_arrow.png");
    background-position: left center, 27px 0;
    background-repeat: repeat-y, repeat-y;
    padding-top: 13px;
    position:relative;
}
/*
.borderSec.permissions .contentBox {
    padding:10px 25px;
}*/
.vtabs{
    width:100%;
    float:left;
   /* padding-right:1%;*/
}

.vtabs ul.permissionTabs{ display:none;}

 #myTabContent.tab-content{width:100% !important;}
 
 #myTabContent.tab-content .col-3{width: 11.1%;}
  
.vtabs ul li.active{
    border-color:#f7941f;
    color:#f7941f;
}
.tab-content{
    width:100%;
    float:left;
    flex: 0 0 auto;
}

/****Actvity Logs***/
.activitySearch{
    width:auto;
}
.activitySearch .optionBox{
    width:auto;
    float:left;
    background:#ffffff;
    border:1px solid #e2e2e2;
   /* border-right:0;*/
   margin-right:5px;
}
.activitySearch .optionBox select, .activitySearch input{ border: 0; outline: 0; box-shadow: none;}
.activitySearch .optionBox.role{
    min-width:200px;
}
.activitySearch .optionBox.area{
    min-width:210px;
}
.activitySearch .optionBox.website{
    min-width:190px;
}
.activitySearch .optionBox.sku{
    min-width:190px;
	border-right:0;
	margin-right:0;
}
.activitySearch .optionBox.buttonSec{
    border-color:#f7941d;
    border-radius:0px 3px 3px 0px;
    border: 0 !important;
}
.activitySearch form .optionBox.buttonSec .btn-orange{
    border-radius:0px 3px 3px 0px !important;
}
.activitySearch .optionBox label{
    padding-top: 4px;
    font-weight:600;
    padding-left:5px;
}
.activitySearch .optionBox .field-activitylogsearch-role{
    border:0;
    max-width:147px;
    display: inline-block;
	width:100%;
}
.activitySearch .optionBox .field-activitylogsearch-userby_id{
    border:0;
    max-width:130px;
    /*max-height:27px;*/
    display: inline-block;
}
.activitySearch .optionBox .field-activitylogsearch-area{
    border:0;
    /*max-height:27px;*/
    max-width:168px;
    display: inline-block;
    width: 100%;
}
.activitySearch .optionBox .field-activitylogsearch-website{
    border:0;
    max-width:122px;
    width: 100%;
    display: inline-block;
}
.activitySearch .optionBox .roles {
    border:0;
    min-height:27px;
    display: inline-block;
    max-width:150px;
}

.activitySearch .optionBox .sku {
    border:0;
    min-height:27px;
    display: inline-block;
    max-width:100px;
}
.activitySearch form{float: left;}
#logsGrid .table tr th a{text-decoration: none;}
#logsGrid .table tr th:nth-child(2){ width: 15%;} 
#logsGrid .table tr td:last-child .link{ margin-top: 0;}

.rolesLegend label{
    padding-right:25px;
    font-weight:600;
}
.rolesLegend label span{
    font-weight:400;
}
.rolesLegend label:last-child{
    padding-right:10px;
}

.topHeading{
    border-bottom:1px solid #e2e2e2;
    margin:10px 0 20px 0;
}
.logsSec{
    background: url("../images/border_bg.png") repeat-y center center;
    min-height:250px;
    margin-bottom:20px;
    position:relative;
    width:100%;
    float:left;
}
.logsSec .messageboxOuter{
    width:100%;
    float:left;
    margin-bottom:20px;
}
.logsSec > div:last-child .messageboxOuter{
    margin-bottom:0;
}
.logsSec .messageBox{
    width:50%;
    float:left;
    position:relative;
}

.logsSec .messageBox.right{
    float:right;
}
.logsSec .messageBox .message{
    margin-right:28px;
    border:1px solid #e2e2e2;
    padding:10px;
    border-radius:3px;
    background-color: #f9f9f9;
    word-wrap: break-word;
}
.logsSec .messageBox .message:before, .logsSec .messageBox .message:after {
    content: '';
    display: block;
    height: 8px;
    position: absolute;
    right: 19px;
    top: 12px;
    width: 10px;
    height:10px;
    background: url("../images/msg_arrow.png") repeat-y 0 0;
}
.logsSec > div:nth-child(odd) .messageboxOuter .messageBox{float:left;}
.logsSec > div:nth-child(even) .messageboxOuter .messageBox{float:right;}
.logsSec > div:nth-child(even) .messageboxOuter .messageBox .message{
    margin-left:28px;
    margin-right:0;
}
.logsSec > div:nth-child(even) .messageboxOuter .messageBox .message:before, .logsSec > div:nth-child(even) .messageboxOuter .messageBox .message:after {
    left: 19px;
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.logsSec > div:nth-child(even) .messageboxOuter .messageBox .actionType{
    left:-18px;
}

.logsSec > div:nth-child(even) .messageboxOuter .messageBox .actionType .svg-inline--fa, .logsSec > div:nth-child(odd) .messageboxOuter .messageBox .actionType .svg-inline--fa{position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    color: #f7941d;
}

.logsSec > div:nth-child(even) .messageboxOuter .messageBox .actionType .fa-plus, .logsSec > div:nth-child(even) .messageboxOuter .messageBox .actionType .fa-pencil-alt,
.logsSec > div:nth-child(odd) .messageboxOuter .messageBox .actionType .fa-plus, .logsSec > div:nth-child(odd) .messageboxOuter .messageBox .actionType .fa-pencil-alt
{ font-size: 15px;}

.logsSec > div:nth-child(even) .messageboxOuter .messageBox .actionType	.date{
    position: absolute;
    right: 24px;
    margin: 0;
    margin-top: 9px;
}

.logsSec .messageBox .message strong{
    font-weight:500;
}
.logsSec .messageBox .message a{
    color:#f7941d;
    text-decoration:none;
}
.actionType{
   /* position:absolute;
    right:-18px;
    top:0;*/
    width:24px;
    height:24px;
    border-radius:50%;
   /* border:1px solid #e2e2e2;*/
    background:#f7941d;
    text-align: center;
	display:inline-block;
	line-height:23px;
}
.activitiesLog tr td:last-child{ min-width:130px;}
.actionType .svg-inline--fa.fa-plus{font-size: 12px;}
.actionType .svg-inline--fa{color:#fff;font-size: 10px; font-weight: 600;}

.actionType .svg-inline--fa{}
.actionType img	{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}
.actionType	.date{
    margin-left: 24px;
    margin-top: 9px;
    font-size:12px;
    font-weight:400;
    min-width:150px;
}
.activitiesLog{ margin-bottom:15px;}
.activitiesLog tr td{ font-size:12px; color: #5f6368; padding: 5px 5px; vertical-align: middle;}
.activitiesLog tr td:nth-child(2){ text-align: center;}
.activitiesLog tr td strong{ font-weight:500 !important;}
.activitiesLog tr td span a {color: #f7941d; text-decoration:none;}
.activitiesLog  tr td:first-child {border-left: 1px solid #e2e2e2 !important;}
.activitiesLog  tr td:last-child {border-right: 1px solid #e2e2e2 !important;}
#activitypopup > .item{display:none ;}
#useractivitylogModal .topHeading{ margin-bottom:5px;}
.userbaseLogs .pagination{float: right; margin-top: 10px;}
.userbaseLogs .pagination li{    display: inline-block;background: #eee;color: #555555;padding: 0 5px; border-radius: 3px;     min-width: 20px;    text-align: center;width: auto !important;     margin-right: 3px;}
.userbaseLogs .pagination li a{ text-decoration: none; color: #555555;}
.userbaseLogs .pagination li.active{ background: #f7941d;}
.userbaseLogs .pagination li.active a {color:#ffffff;}
.userbaseLogs .pagination li:last-child{ margin-left:0;}


.changesDetails{
    border:1px solid #e2e2e2;
    width:100%;
    float:left;
    border-radius:3px;
    padding:8px 10px;
    margin-bottom:10px;
}
.changesDetails a{
    color:#f7941d;
    text-decoration:none;
}
.LogdetailsBox{
    border:1px solid #e2e2e2;
    width:100%;
    float:left;
    border-radius:3px;
    text-align:center;
    margin-bottom:15px;
}

.heading{
    background:#e2e2e2;
    color:#888;
    font-weight:600;
    padding:10px;
}
.paragraphp{
    color:#888;
    font-weight:400;
    padding:10px;
}


/*****Additional Css start here**/
#fileInfoModal .modal-body{
    min-height:500px;
}
.select2-container--krajee-bs5 .select2-selection--multiple .select2-selection__choice{
    font-size: 12px !important;
    color: #555  !important;
    border-radius: 15px !important;
    padding: 2px 5px 2px 10px !important;

}
.select2-container--krajee-bs5 .select2-selection--multiple .select2-selection__choice__remove{
    /*padding: 2px 0 0 3px !important;*/
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #f7941d !important;
    color: #fff;
}
.alert-success {
    font-size: 12px !important;
    padding: 5px !important;
    margin: 0 !important;
    width: 100%;
    float: left;
}

.alert-dismissible .btn-close{
    padding: 8px !important;
    background-size: 8px 8px !important;
}
.accordion .accordion-item{
    color:#555555;
}
body.filterOpened .sidebarFilter{
    margin-right: 0 !important;
}
.listViewSec .table tr th:last-child{
    width: 140px;
}
.listViewSec .table tr td:last-child .link{
    display: none;
}
.listViewSec .table tr:hover td:last-child .link, .listViewSec .table tr.active td:last-child .link{
    display: inline-block;
}
/*
#tilesViewSec + #listViewSec .table tr th:first-child{ width: 5%;}
#tilesViewSec + #listViewSec .table tr th:nth-child(2){ width: 12%;}
#tilesViewSec + #listViewSec .table tr th:nth-child(3){ width: 20%;}
#tilesViewSec + #listViewSec .table tr th:nth-child(4){ width: 20%;}
.leftOpened.filterOpened #tilesViewSec + #listViewSec .table tr th:nth-child(3){width: 25%;}
.leftOpened.filterOpened #tilesViewSec + #listViewSec .table tr th:nth-child(4){width: 15%;}
*/
body.filterOpened.leftOpened  #listViewSec.listViewSec .table tr th:last-child { width: 90px;}

.tagsearch #w4{ display: none;}
.fileName .fullname{ background: #f5f5f5;
    border: 1px solid #dbdbdb;
    width: 95%;
    margin-bottom: 3px;
    margin: 0 auto;
    display: block;
    margin-bottom: 3px;
    border-radius: 10px;}
.playImage + .video-js + .hover a{ display: none;}
.AllfileSec .pagination{float: right; margin-top: 10px;}
.AllfileSec .pagination li{    display: inline-block;
background: #eee;
color: #555555;
padding: 0 5px; border-radius: 3px;     min-width: 20px;    text-align: center;width: auto !important;}
.AllfileSec .pagination li a{ text-decoration: none; color: #555555;}
.AllfileSec .pagination li.active{ background: #f7941d;}
.AllfileSec .pagination li.active a {color:#ffffff;}
.uploadFilePopup .file-upload-error{ font-size: 13px !important; color: #dc3545 !important;}
.AllfileSec ul li .imgSec .my-video-dimensions{width: 100%; max-height: 131px; overflow: hidden;}

.SearchFolder{width: 100%;  float: left;  padding:0 3px 5px 5px; border-bottom: 1px solid #e2e2e2;}
.SearchFolder .select2-container--krajee-bs5 .select2-selection--single{ height: 31px !important;     box-shadow: none !important;
    outline: 0 !important;}

 .select2-container--krajee-bs5 .select2-results__option--highlighted[aria-selected] {
        background-color: #f7941d !important;
        color: #ffffff !important;
    }
    .select2-results__option {
        padding: 4px 5px !important;
      
    }

    #collapseTwo  .select2-container .select2-selection__rendered {
       
        text-overflow: inherit !important; 
        white-space: normal !important;
    } 
    .select2-container--bootstrap .select2-selection--single .select2-selection__clear {
        right: 0.2rem !important;
    }
   /* #collapseTwo .select2-container--krajee-bs5 .select2-selection--multiple .select2-search--inline .select2-search__field{min-width: 125px;}*/

   #sharefile .select2-search.select2-search--inline .select2-search__field{ min-width: 125px;}
   .subHeader .alert{    position: absolute;left: 0;width: 100%;top: 5px; padding: 10px 0 !important;  border-radius: 0;}

#formEdit .loader1Outer{min-height: 441px; top: -5px;}
.select2-container--krajee-bs5 .select2-selection--single .select2-selection__clear, .select2-container--krajee-bs5 .select2-selection--multiple .select2-selection__clear {

    margin-right: 9px !important;
    width: 18px !important;
    height: 18px !important;
    line-height: 17px !important;
    text-align: center !important;
    border-radius: 50% !important;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
    font-weight: 500;
  
}
.email .mb-3.field-filessharesmd-user_ids{ margin-bottom: 0 !important;}
 .select2-container--bootstrap .select2-selection{ font-size: 13px !important;}
 .select2-selection__choice__remove{ float: right;margin-left: 5px;margin-right: -2px !important;}
 .select2-selection__choice{    background: #e7e7e7 !important;}
 .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field{ min-width: 160px !important;}
.audioPlaybg{
display: flex;
justify-content: center;
align-items: center;
background: #F8FFAE;
background: -webkit-linear-gradient(-65deg, #43C6AC, #F8FFAE);
background: linear-gradient(-65deg, #43C6AC, #F8FFAE);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}

.search #filesmdsearch-title::placeholder , .searchSec .search  input[type="text"]::placeholder , .search #productsearchmd-sku::placeholder {
color: #bbbbbb;
opacity: 1; /* Firefox */
}

.showfolder + form .search{ margin-left: 0;}

.search #filesmdsearch-title::-ms-input-placeholder,.searchSec .search  input[type="text"]::-ms-input-placeholder ,.search #productsearchmd-sku::-ms-input-placeholder { /* Edge 12-18 */
color: #bbbbbb;
}
.search #filesmdsearch-title, .search #productsearchmd-sku{ padding-right: 60px;}
.search #filesmdsearch-title::-webkit-search-cancel-button, .search #productsearchmd-sku::-webkit-search-cancel-button{
    position:relative;
    right: -40px;

}
#fileMoveModalContent #movefile{ margin-top: 10px;}
#userlist .table tr th:last-child, #userlist .table tr td:last-child{ text-align: center; width: 80px;}
#logsGrid .table tr th:last-child{ text-align: center;}
#listViewSec .tableborderless tr th:first-child input{ display: none;}
#popupdata .imgBox{    background: #eee;
    max-width: 250px;
    margin: 25px auto;
    border: 5px solid #ffffff;
    box-shadow: 0px 0px 10px #cccc;}
    .dropdown ul.dropdown-menu{ padding-left: 0px !important;}
    .dropdown ul.dropdown-menu li{ border-bottom: 1px solid #e2e2e2; margin-top: 0;}
    .dropdown ul.dropdown-menu li:last-child{ border-bottom: 0;}
.dropdown ul.dropdown-menu.show{ display: inline-block !important;}
.dropdown ul.dropdown-menu li a{ background: none; padding: 5px 10px !important;}
.dropdown ul.dropdown-menu li a:hover{color:#f7941d;}
#appendfolder .dropdown-toggle::after{ display: none;}
/****Footer css start*****/
.footer {
    left: 0;
    bottom: 0;
    width: 100%;
    color: #000000;
    text-align: center;
    float: left;
    background: url("../images/footerBg.png") repeat-x top center;
    padding: 20px 0;
}
.footer p {
    margin-bottom: 0;
    font-size: 13px !important;
}

footer .float-start{ float: none !important; text-align: center;}
.link.fa-heart{ margin-top: 0;     vertical-align: baseline; color:#b4b4b4; cursor: pointer;}
.link.fa-heart:hover{ color:#f7941d;}

#logsGrid tr td:last-child{ width: 5%; text-align: center;}
#logsGrid tr td:last-child .link{ margin-left: 0;}

#activitylogModal .bgOrange{ background-color: #f7941d !important; color:#ffffff ; padding: 5px 10px; font-size: 13px; font-weight: 500;}
#activitylogModal  .bgGreen{background: #4b7a3b !important; color:#ffffff !important; padding: 5px 10px; font-size: 13px; font-weight: 500;}
#activitylogModal  .table tbody tr td:first-child {
     text-align: left; 
    background: #fff3e4;
}
#activitylogModal  .table tbody tr td:last-child {
    text-align: left; 
   background: #c4d9bd;
}
#activitylogModal  .table tbody tr td strong{ font-weight: 500; }
#activitylogModal  .table tbody tr td  {border-color: #ffffff !important;}
#activitylogModal  .table tbody tr td  img{ max-width: 100%;}
#activitylogModal .table-borderless{ margin-bottom: 5px;}
#activitylogModal .table-borderless.tdbgnone td{ background: none !important;}
#activitylogModal .table-borderless.greybg td{ background: #fbfbfb !important;}

#folderRenameModal .modal-content{ min-height: 200px;}

.sidebarFilter .select2-selection li{max-width: initial;}

.sidebarFilter .select2-selection li .select2-search__field{ line-height: normal !important;}
#popupdata .topHeading{border-bottom: 1px solid #f7941d;}

/****Footer css End*****/

/****Login page css start here****/
.site-login h6{ color:#f7941d;  text-align:center; font-size:20px; padding-top: 40px;padding-bottom: 20px;}
.site-login .logo img {max-width:125px;}
.site-login{ width:100%; min-height: 400px;  max-width:400px;  background:#ffffff; padding:20px; border-radius:5px; box-shadow:0 0 20px #bbb;margin:0 auto; position:absolute; left:50%; top:50%; margin-top:-200px; margin-left:-200px; }
.site-login .logo{width:100%;text-align:center; padding:0px 0 10px 0; display:block; margin-top:-100px;}	
.signUpOuter.login{ margin-top:-175px;}
#login-form .submit {display: block;background: #4b7a3b;font-size: 16px;width: 100%;border-radius: 0px;font-weight: 600;border-color: #4b7a3b;padding: 10px 20px;color: #ffffff;margin-bottom:20px;}
.site-login .submit:hover, .submit:focus {  background:#7a993b;  border-color:#7a993b;  color:#ffffff;}
.site-login input[type=checkbox]:checked:after{top: -5px; left: -1px; width:16px; height:16px;}
#login-form .form-floating>label{ top:12px; padding-left:0; padding-right:0; font-size:16px; color:#555555;}
#login-form .form-floating input{ border-bottom:1px solid #c1c1c1; border-top:0; border-right:0; border-left:0; border-radius:0; padding-left:0; padding-right:0; box-shadow: none !important;}
#login-form .form-floating>.form-control:focus~label,#login-form .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {opacity: 1;font-size:14px;transform: scale(.85) translateY(-1.2rem) translateX(0rem);}
#login-form .field-loginform-rememberme{ text-align:center;}
#login-form .field-loginform-rememberme .form-check { display:inline-block;}
#login-form .field-loginform-rememberme  label {color:#555555;}
#login-form .login-button{ border-radius:0;}

/****Login page css end here****/


/***Landing page css***/

.buttonBox {
    align-items: center;
    justify-content: center;
    min-height: 600px;
    max-width: 400px;
    margin: 0 auto;
}
.buttonBox a {
    display: block;
    padding: 10px 20px;
    background: #ccc;
    margin: 5px 0;
    border-radius: 3px;
    font-size: 25px;
    font-weight: 600;
    text-align: center;
    color: #000000;
    text-decoration: none;
}

.portalBtnSec {
    margin: 125px 0;
    width: 100%;
    float: left;
    padding: 95px 0;
}
.portalBtnbox {
    max-width: 390px;
    margin: 0 auto;
}
.portalBtn {
    background: #f89621;
    color: #fff;
    font-size: 25px;
    width: 100%;
    float: left;
    border-radius: 10px;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
    text-decoration: none;
    border-radius: 35px;
    border: 2px solid #ffffff;
}
.portalBtn:first-child {
    margin-bottom: 25px;
}
.portalBtn:hover, .portalBtn:focus {
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    border-radius: 35px;
    border: 2px solid #ffffff;
}
.portalBtn span {
    float: left;
    padding: 10px 0px;

    width: 80px;
    text-align: center;
    position: relative;
    background: #de8115;
    border-radius: 35px 0 0 35px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
}
.portalBtn:hover span{ background: #4b7a3b;}
.portalBtn label {
    display: block;
    text-align: center;
    padding: 10px 0;
    margin-bottom: 0;
    cursor: pointer;
    position: relative;
    font-weight: normal !important;
}
.portalBtn {
    color: rgba(255,255,255,1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
}
.portalBtn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(88,150,55,1);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(1, 0.5);
    transform: scale(1, 0.5);
    border-radius: 35px;
}
.portalBtn:hover::before {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    border-radius: 35px;
}

.leftMenu ul.folder li.share_specific_user > div a{background: url(../images/shared_folder_icon.png) 5px 3px no-repeat;}
.leftMenu ul.folder li.active.share_specific_user > div a{background:#e2e2e2 url(../images/shared_folder_icon.png) 5px 3px no-repeat;}
#folder-form .mb-3.field-foldersmd-folder_visibility{ margin-bottom: 0px !important;}
#folder-form .mb-3.field-foldersmd-folder_visibility label{ color:#555555 !important;}
#foldersmd-folder_visibility .form-check, #foldersmd-folder_visibility .chekcboxrow {display: inline-block;vertical-align: text-top; padding-right: 30px;}
#folder-form  .shared_user_ids{ margin-bottom: 5px;}
#folderRenameModal  .shared_user_ids{ margin-bottom: 15px;}

#addFolderModalContent{padding-bottom: 15px;}

.publicFolder span.searchFolder, .sharedFolder span.searchFolder, .myFolder span.searchFolder, .allFolder span.searchFolder  { width: 20px;  height: 20px;    float: right;    background: url(../images/search_icon.png) no-repeat center center; cursor: pointer;}

#me_all_user_type{ float: left;  width: 100%;  padding: 5px 10px 3px; border-bottom: 1px solid #e2e2e2;   background: #eee;}
#me_all_user_type label:first-child{margin-right: 20px;}
/*
#allfolder  > li > div a {
    text-decoration: none;
    color: #555555;
    background: url(../images/lc_folder_user.png) 5px 3px no-repeat;
    padding-left: 22px;
    display: block;
    padding-right: 10px;
    background-size: 12px;

}*/

#allfolder .allusericon b {
    text-decoration: none;
    color: #555555;
    background:url(../images/lc_folder_user.png) 5px 3px no-repeat;
    padding-left: 22px;
    display: block;
    padding-right: 10px;
    background-size: 12px;

}
#allfolder .allusericon{    width: 100%;display: block ; float: left; margin-bottom: 2px;}
.leftMenu #allfolder .usersGroup li{margin: 0px 0 2px 0;}
.leftMenu #allfolder .usersGroup li:first-child{ margin-top:3px;}
#allfolder .allusericon b {font-weight:normal; position:relative;}
#allfolder .usersGroup{float: left; width:100%; padding-left:15px; display: none; border-top: 1px solid #ccc;}

/*
#allfolder .allusericon b:before,#allfolder .allusericon b:after {
border-right: 2px solid;
content: '';
display: block;
height: 8px;
margin-top: -4px;
position: absolute;
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
right: 5px;
top: 50%;
width: 0;
}

#allfolder .allusericon b:after {  margin-top: -0px;
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
*/


#allfolder .allusericon b:before {
    color: #555555;
    border-right: 2px solid currentcolor;
    border-bottom: 2px solid currentcolor;
    content: '';
    position: absolute;
    width: 8px;
    height: 8px
}

#allfolder .allusericon b:before {
    right: 5px;
    transform: rotate(-45deg);
    top: 5px;
}

#allfolder .allusericon.open b:before {
    right: 5px;
    transform: rotate(45deg);
    top: 5px;
}

#shared_user_ids .select2  .select2-search__field{min-width: 100px;}   

#shared_user_ids .select2-container .select2-selection--multiple .select2-selection__rendered {white-space:normal !important;}
/***Landing page css end here**/

/***Tooltips Color Changes***/
.leftMenu ul.folder li a b{ font-weight:400;}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before {
margin-top:3px;
    border-width: 5px 15px 5px 0 !important;
   
}
.bs-tooltip-auto[data-popper-placement^=right]{ margin-top:5px !important;}

.tooltip-inner {

    background-color: #f7941d !important;
	margin-top:5px;

}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {
    top: -1px;
    border-left-color: #f7941d !important;
}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
    top: -1px;
    border-top-color: #f7941d !important;
}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before {
    right:-5px;
    border-right-color: #f7941d !important;
}


/*****Tooltips Color End***/

/*****Loader css start here***/
.loader1Outer{ position: absolute; z-index: 999;    background: rgba(255,255,255,0.5);  height:100% ; width: 100%; top:0;left: 0; }
.loader1 {
    width: 100%;
    height: 4.8px;
    display: inline-block;
    position: relative;
    background: rgba(247, 148, 29, 0.5);
    overflow: hidden;
  }
  .loader1::after {
    content: '';
    width: 192px;
    height: 4.8px;
    background: #589637;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    animation: animloader 2s linear infinite;
  }
  

  @keyframes animloader {
    0% {
      left: 0;
      transform: translateX(-100%);
    }
    100% {
      left: 100%;
      transform: translateX(0%);
    }
  }
/*****Loader css start here***/

/**to hide the bottom scroll when hide the filter section**/
.tagsearch #w8.form-control{ display: none;}

 .select2-hidden-accessible.is-invalid + span .select2-selection {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
 .select2-hidden-accessible.is-invalid + span + .field-foldersmd-shared_user_ids .invalid-feedback{ display:block;}

/***Remove management and viewer switch button for admin start**/
.borderSec.permissions .contentBox .row:first-child .col-3:nth-child(3) .switchBtn2,
 .borderSec.permissions .contentBox .row:first-child .col-3:nth-child(4) .switchBtn2,
 .borderSec.permissions .contentBox .row:first-child .col-3:nth-child(5) .switchBtn2,
 .borderSec.permissions .contentBox .row:first-child .col-3:nth-child(6) .switchBtn2,
 .borderSec.permissions .contentBox .row:first-child .col-3:nth-child(7) .switchBtn2,
 .borderSec.permissions .contentBox .row:first-child .col-3:nth-child(8) .switchBtn2,
 .borderSec.permissions .contentBox .row:first-child .col-3:nth-child(9) .switchBtn2  
{
    display: none;
}
/***Remove management and viewer switch button for admin end**/

/****File Size Range Slider Css start here***/

.range_container input[type=number]::-webkit-inner-spin-button, 
.range_container input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

.range_container input[type=number]::-moz-inner-spin-button, 
.range_container input[type=number]::-moz-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

.range_container input[type=number] {
    -moz-appearance:textfield;
}
.range_container {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 10px;

}

.range_container .sliders_control {
  position: relative;
  min-height: 15px;
}

.range_container .form_control {
  position: relative;
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  color: #635a5a;
}

.range_container input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  pointer-events: all;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #e2e2e2;
  cursor: pointer;
  
}

.range_container input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  pointer-events: all;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #e2e2e2;
  cursor: pointer;
  
  
}
.range_container input[type="range" i] { margin:0;}
.range_container input[type=range]::-webkit-slider-thumb:hover {
  background: #f7f7f7;
}

.range_container input[type=range]::-webkit-slider-thumb:active {
  box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;
  -webkit-box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;
}

.range_container input[type="number"] {
  color: #555555;
  box-sizing: border-box;
  font-size: 13px;
  border: none;
  font-weight: 500;
}

.range_container input[type=number]::-webkit-inner-spin-button, 
.range_container input[type=number]::-webkit-outer-spin-button {  
   opacity: 1;
}

.range_container input[type="range"] {
  -webkit-appearance: none; 
  appearance: none;
  height: 5px;
  width: 100%;
  position: absolute;
  background-color: #e2e2e2;
  pointer-events: none;
}

#fromSlider {
  height: 0;
  z-index: 1;
  margin-top:3px;
}

/****File Size Range Slider CSS End here***/


/***to change White Image background **/
.AllfileSec ul li .imgSec.whiteImage, .playSection.whiteImage, .listViewSec .fileType.whiteImage{ background:#ccc;}

.uploadFilePopup .select2-container .select2-selection--multiple .select2-selection__rendered{white-space: normal !important; overflow:inherit;}
.uploadFilePopup .select2-container--krajee-bs5 .select2-selection--multiple .select2-selection__choice,.uploadFilePopup .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice{ /* margin:2px 5px !important;line-height: normal !important;*/    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;    line-height: 1rem !important;     margin: 5px 0 0 5px !important;}
.uploadFilePopup .select2-container--krajee-bs5{float: left;max-width: 100%;width: 100% !important;}
.uploadFilePopup .select2-container--krajee-bs5 .select2-selection{ float: left;width: 100%;}
.uploadFilePopup .select2-container--krajee-bs5 .select2-selection--multiple .select2-selection__rendered, .uploadFilePopup .select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered{width:100% !important; padding-top:2px; }
.uploadFilePopup .select2-selection--multiple .select2-search--inline{ overflow:hidden; width: 100%;  padding: 0 5px;}
.uploadFilePopup .select2-selection--multiple .select2-search--inline > input[type="search"]{width:100% !important;}
.uploadFilePopup .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice{font-size: 12px !important;color: #999999 !important;border-radius: 15px !important;padding: 2px 5px 2px 10px !important;}
.uploadFilePopup .select2-container--bootstrap .select2-selection__clear {margin-right: 9px !important;background: #f7941d !important;width: 18px !important;height: 18px !important;line-height: 17px !important;text-align: center !important;border-radius: 50% !important;position: absolute;color: #fff !important;text-shadow: 0 1px 0 #fff;opacity: 1;font-weight: 500;margin-top: 2px !important;margin-right: -8px !important;top: -10px;right: 0px !important;}

.uploadFilePopup .select2-container--krajee-bs5 .select2-selection--multiple .select2-selection__choice__remove{     text-shadow:none !important;     font-size: 1rem !important;
     opacity: 1 !important;     color: #999 !important;}
	.uploadFilePopup .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove{    line-height: 1rem !important;} 
.uploadFilePopup .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #999 !important;}
.uploadFilePopup.FilesDetails .select2-selection__choice__remove{line-height: 1rem !important; margin-left:0 !important;}
.uploadFilePopup .select2-selection__choice__remove{margin-left:3px !important; line-height: 1rem !important;}


.uploadFilePopup .select2-container--krajee-bs5 .select2-selection--single .select2-selection__clear,.uploadFilePopup .select2-container--krajee-bs5 .select2-selection--multiple .select2-selection__clear {
	background: #f7941d !important;
     color: #fff !important;
   position: absolute;
   top: -15px;
    right: -17px !important;
  
}
/****Products pages start *****/
.topHeaderBox {background: #e2e2e2;width: 100%;float: left;padding: 10px 15px;color: #555555;}
.topHeaderBox.portalMgment{padding: 5px 15px; position:relative;}
.topHeaderBox.portalMgment .pdtp5{ padding-top:5px;    padding-bottom: 5px;}
.topHeaderBox.portalMgment .pdtp5:nth-child(2){width: 13.666667%;}
.topHeaderBox.portalMgment .pdtp5:nth-child(4) +.col-sm-2{width: 19.666667%;  position: absolute; right: 10px; top: 5px; padding-right:0;}
.topHeaderBox strong {font-weight: 600;}
.mainImage {background: #ffffff;padding: 5px;position: relative;min-height: 333px;margin-top: 10px;box-shadow: 0 0 20px #cccc;margin-left:5px;}
.mainImage img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;max-width: 100%;max-height: 100%;margin: auto;}
.productDetails .detailsHeading{ margin-left:5px;}
.productImages {padding-left: 15px;min-height: 450px;}
.productImages .col-sm-3 {padding-left: 0;}
/*
.imgBox {position: relative;background: #ffffff;margin-top: 10px;padding: 10px;position: relative;min-height: 165px;box-shadow: 0 0 20px #cccc;}
.imgBox.active {border: 1px solid #589637;background: #fff url("../images/selected.png") no-repeat 96% 5px;}
*/
.imgBox {position: relative;background: #ffffff;margin-top: 10px;padding: 10px;position: relative;min-height: 165px;box-shadow: 0 0 20px #cccccc;}
.imgBox.active {border: 1px solid #589637;background-color: #fff;position: relative;}
/*.imgBox.active::before {content: url("../images/selected.png");position: absolute;top: 5px;right: 5px;width: auto; height: auto; background-repeat: no-repeat;z-index: 9;}*/
.imgBox.active::before {content: url("../images/pm_home_icon.png"); position: absolute;top: -8px;right: -8px;width: 18px; height: 18px; background-repeat: no-repeat;z-index: 9;     background: #5c973c; border-radius: 50%;  text-align: center;  vertical-align: middle;  display: flex;  justify-content: center;}

.imgBox img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;max-width: 100%;max-height: 100%;margin: auto;}
.imgBox:hover .hover {display: block;}
/*.imgBox.active .hover, .imgBox.active:hover .hover {display: none;}*/
.imgBox.active .hover .delete,.imgBox.active .hover .applyMainImagebtn, .imgBox.active:hover .hover .delete{display: none;}
.imgBox .hover {position: absolute;top: 0;right: 0;display: none;bottom: 0;left: 0;height: 100%;width: 100%;background: rgba(0,0,0, 0.5);}
.imgBox .hover .imgSize {color: #b4b4b4;display: inline-block;padding: 3px 0 0 5px;}
.imgBox .hover .fileDetails {position: absolute;bottom: 3px;color: #b4b4b4;width: 100%;}
.productDetails .detailsHeading strong{ font-weight:600;}
.imgBox .hover .fileType {width: 50%;float: left;padding-left: 10px;}
.hover .fileAction {width: 50%;float: left;text-align: right;padding-right: 10px;}
.productImages .imgBox .hover .link {width: 14px;height: 14px;display: inline-block;margin: 0 0 0 10px;float: right;margin-top: 3px;}
.productImages .imgBox .hover .download {background: url("../images/download.png") no-repeat 0 0;}
.productImages .imgBox .hover .download:hover {background: url("../images/download_hvr.png") no-repeat 0 0;}
.productImages .imgBox .hover .share {background: url("../images/share.png") no-repeat 0 0;}
.productImages .imgBox .hover .share:hover {background: url("../images/share_hvr.png") no-repeat 0 0;}
.productImages .imgBox .hover .delete {background: url("../images/delete.png") no-repeat 0 0;}
.productImages .imgBox .hover .delete:hover {background: url("../images/delete_hvr.png") no-repeat 0 0;}
.applyMainImagebtn, .applybtn {position: absolute;top: 50%;left: 50%;margin-left: -77px;margin-top: -10px;border-radius: 20px;}
.productDetails .col-sm-9 {position: relative;}
.productDetails .col-sm-9::before {content: "";display: block;height: 100%;border-left: 1px solid #ddd;position: absolute;top: 20px;left: 0;}
.topHeaderBox.portalMgment .pname{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 75%;display: inline-block;vertical-align: text-top;}
#Plist .table thead tr th:nth-child(2){ padding-left:2.5%;}	
#Plist div > .summary{ display:none;}
.productImagesList .imgBox.whiteImage{background: #ccc;}
/***modal border**/
.modal-content{border:1px solid #f7941f !important;}
.searchClear{position: absolute; right: 30px;  top: 7px;  color: #5f6368; font-size: 11px;}
.search input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;appearance: none;}
.search input[type="search"]::-ms-clear {display: none;width: 0;height: 0;}
/****Products pages end*****/

/***Loader css start here**/

.hrloader{background: rgba(255, 255, 255, 0.8);position: fixed;width: 100%;height: 100%;top: 0px;right: 0;bottom: 0;left: 0;z-index: 9999;margin: 0;padding: 0;}
.hrloaderbox {width: 100%;height: 4.8px;display: inline-block;position: relative;background: rgba(247, 148, 29, 0.5);overflow: hidden;top: -10px;}
.hrloaderbox::after {content: '';width: 192px;height: 4.8px;background: #589637;position: absolute;top: 0;left: 0;box-sizing: border-box;animation: animloaderhrloader 2s linear infinite;}
@keyframes animloaderhrloader {
	0% {left: 0;transform: translateX(-100%);}
	100% {left: 100%;transform: translateX(0%);}
}

.loader {position:absolute;     width: 120px; height: 120px; left:50%; top:50%; margin-top:-60px; margin-left:-60px;}
.loader img{ position:absolute; top:0; right:0; bottom:0; left:5px; margin:auto;}

@keyframes loaderImage {
  0% { opacity: 1 }
  100% { opacity: 0 }
}
.loaderImage div {
  left: 47px;
  top: 19.5px;
  position: absolute;
  animation: loaderImage linear 1s infinite;
  background: #f7941e;
  width: 6px;
  height: 17px;
  border-radius: 3px / 7.82px;
  transform-origin: 3px 30.5px;
}
.loaderImage div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -0.9230769230769231s;
  background: #f7941e;
}
.loaderImage div:nth-child(2) {
  transform: rotate(27.692307692307693deg);
  animation-delay: -0.8461538461538461s;
  background: #f7941e;
}
.loaderImage div:nth-child(3) {
  transform: rotate(55.38461538461539deg);
  animation-delay: -0.7692307692307693s;
  background: #f7941e;
}
.loaderImage div:nth-child(4) {
  transform: rotate(83.07692307692308deg);
  animation-delay: -0.6923076923076923s;
  background: #f7941e;
}
.loaderImage div:nth-child(5) {
  transform: rotate(110.76923076923077deg);
  animation-delay: -0.6153846153846154s;
  background: #f7941e;
}
.loaderImage div:nth-child(6) {
  transform: rotate(138.46153846153845deg);
  animation-delay: -0.5384615384615384s;
  background: #f7941e;
}
.loaderImage div:nth-child(7) {
  transform: rotate(166.15384615384616deg);
  animation-delay: -0.46153846153846156s;
  background: #f7941e;
}
.loaderImage div:nth-child(8) {
  transform: rotate(193.84615384615384deg);
  animation-delay: -0.38461538461538464s;
  background: #f7941e;
}
.loaderImage div:nth-child(9) {
  transform: rotate(221.53846153846155deg);
  animation-delay: -0.3076923076923077s;
  background: #f7941e;
}
.loaderImage div:nth-child(10) {
  transform: rotate(249.23076923076923deg);
  animation-delay: -0.23076923076923078s;
  background: #f7941e;
}
.loaderImage div:nth-child(11) {
  transform: rotate(276.9230769230769deg);
  animation-delay: -0.15384615384615385s;
  background: #f7941e;
}
.loaderImage div:nth-child(12) {
  transform: rotate(304.61538461538464deg);
  animation-delay: -0.07692307692307693s;
  background: #f7941e;
}
.loaderImage div:nth-child(13) {
  transform: rotate(332.3076923076923deg);
  animation-delay: 0s;
  background: #f7941e;
}

.loaderImage {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(0.72);
  backface-visibility: hidden;
  transform-origin: 0 0;
}
.loaderImage div { box-sizing: content-box; }

/***Loader css start here**/

/***Confirm Message popup css**/
#confirmOverlay,#deleteFolderconfirmOverlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background:url('ie.png');
	background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2);
	z-index:999999999;
}

#customConfirmModal, #deleteFoldercustomConfirmModal{
	background:#fff;
	width:460px;
	position:fixed;
	left:50%;
	top:50%;
	margin:-130px 0 0 -230px;
	border: 1px solid #f7941d;
	
	-moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
	-webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
	box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
        border-radius: 5px;
}
#customConfirmModal h1, #deleteFoldercustomConfirmModal h1 { background: url("../images/hr_shades.png") repeat-x bottom center; padding-bottom:25px !important;}
#customConfirmModal h1,#deleteFoldercustomConfirmModal h1,#customConfirmModal p ,#deleteFoldercustomConfirmModal p{
	    font-size: 14px;
   
    padding: 20px;
        color: #555555;
    border-radius: 5px 5px 0 0;
	margin:0;
}


#customConfirmModal p, #deleteFoldercustomConfirmModal p{
	background:none;
	font-size:14px;
	line-height:1.4;
	

}

#confirmButtons{
	padding: 10px 20px 15px;
    text-align: right;
    border-top: 1px solid #d1d3d4;
}

#customConfirmModal .blue, #deleteFoldercustomConfirmModal .blue{
	color: #fff;
    background-color: #f7941d;
    border-color: #f7941d;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
    text-decoration: none
}

#customConfirmModal .gray,  #deleteFoldercustomConfirmModal .gray{
	color: #333;
 
    border-color: #ccc;
    background: #ccc;
    display: inline-block;
    
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
   
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;h
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    text-decoration: none
}

/***Confirm Message popup css end**/



/***archive css start from here***/
.TopFilterSec select.form-control{-webkit-appearance: menulist!important;-moz-appearance: menulist!important;-ms-appearance: menulist!important;-o-appearance: menulist!important;appearance: menulist!important;}
.TopFilterSec{background: #d1d3d4;display: block;margin: 0 0 10px;padding: 5px 15px 3px;width: 100%;}
.leftNav{ margin:0; padding:0; list-style:none; width: 100%;float: left;}
.leftNav li{ border-bottom:1px solid #e2e2e2;}
.leftNav li a{ padding:15px 10px; display:block; color:#333; font-weight:600; text-decoration:none; font-size:14px;}
.leftNav li.active a, .leftNav li:hover a{  color:#ffffff;}
.leftNav li.product a{ background:url(../images/producticon.png) no-repeat 94% center;}
.leftNav li.product:hover a, .leftNav li.product.active a{background:#f7941d url(../images/producticon_hvr.png) no-repeat 94% center;}
.leftNav li.flavor a{ background:url(../images/flavoricon.png) no-repeat 94% center;}
.leftNav li.flavor:hover a, .leftNav li.flavor.active a{background:#f7941d url(../images/flavoricon_hvr.png) no-repeat 94% center;}
.leftNav li.category a{ background:url(../images/categoryicon.png) no-repeat 94% center;}
.leftNav li.category:hover a, .leftNav li.category.active a{background:#f7941d url(../images/categoryicon_hvr.png) no-repeat 94% center;}
.leftNav li.recipe a{ background:url(../images/recipe_icon.png) no-repeat 94% center;}
.leftNav li.recipe:hover a, .leftNav li.recipe.active a{background:#f7941d url(../images/recipe_icon_hvr.png) no-repeat 94% center;}
header .menu ul li.archives a {background: url(../images/archive.png) no-repeat 0 3px !important;padding: 5px 5px 5px 30px !important;color: #555555 !important;}
header .menu ul li.archives.active a, header .menu ul li.archives.active:hover a, header .menu ul li.archives:hover a {background: url(../images/archive_hvr.png) no-repeat 0 3px !important;padding: 5px 5px 5px 30px !important;color: #f7941d !important;}
.TopFilterSec .col-sm-2 {padding: 0 5px;margin-bottom: 5px;}
.contentArea .outerBox{ padding:0 10px; min-height:500px;}
.slideDiv{ position: absolute;background: #fbfbfb;z-index: 999;right: -2000px;top: 0;width: 100%;height: 100%; display:none;}
body ._listView {float: left;width: 100%;border: 1px solid #e2e2e2;min-height: 700px;padding: 10px;background: #fbfbfb;border-left: 0;border-top: 0;}
._listView  .topHead h5{ font-size:18px; font-weight:500;     margin-top: 5px; margin-bottom: 0; color:#589637;}
._listView  .topHead{width:100%; float:left; margin-bottom:10px;}
.whiteBgBox{ background:#fff; border:1px solid #e2e2e2; padding:10px; width:100%; float:left;}
.whiteBgBox .col-sm-6 > label{font-weight:600;}
body .leftMenu.archiveLeftMenu{margin-left: -220px; margin-right:1px;}

.productImageBox{width: 200px;height: 150px; position: relative; float:left; border:1px solid #ccc;}
.productImageBox img{    position: absolute;top: 0;right: 0;bottom: 0;left: 0;max-width: 100%;max-height: 100%;margin: auto;}
#formAccrodion .accordion-item  {border:0; outline:0;}
#formAccrodion .accordion-button{ border-bottom:0;     border-bottom: 1px solid #ccc; padding-left:0; padding-right:0; font-size: 16px; font-weight:400; margin-bottom: 10px; color: #333;}
#formAccrodion	.accordion-body{padding-left: 0;  padding-right: 0;}
#rolesAccrodion .accordion-button{ font-size: 16px; font-weight:400;  color: #333;}

.productImageOuter .mb-3{ margin-bottom:5px !important;}
.productImageOuter .filename{ margin-bottom:5px !important;}
.slideContent{width:100%; float:left; padding:15px 20px; background:eee;}
.slideContent .borderBtm{ border-bottom:1px solid #000;}
.slideContent .borderLeft{ border-left:1px solid #000;}
.SliderContHeading{ font-size:18px; color:#000000; font-weight:700; line-height:normal;}
.SliderContText{ font-size:18px; color:#333333; padding-bottom:20px; line-height:normal;}
.SliderContText2{ font-size:12px; color:#333333; padding-bottom:20px; line-height:normal;}
.slideFooter{ padding:10px 25px; /*background:#000000;*/ margin-bottom:15px;}
.slideFooter img{width:auto !important; height:auto !important;}
.productNumber{color:#000000; margin-top: -24px;}
.productNumber .swiper-pagination-fraction{ width:auto !important; bottom:inherit !important; left:inherit !important; top:inherit !important; display:inline;}
.productNumber .swiper-pagination-current{font-weight:700; color:#d95429;} 
#productSliderView .modal-header{padding-bottom: 10px; padding-top: 10px;}
#basicInfoDetails .row   label{font-weight:600;}
#productSliderView .swiper {width: 100%;height: 100%;}
#productSliderView .swiper-slide {width: 100%;float: left;}
#productSliderView .slideContent .col-sm-7, #productSliderView .slideContent .col-sm-8 .col-sm-4{ position:relative;}
 #productSliderView .slideContent .col-sm-8 .col-sm-4{min-height:350px;}
#productSliderView .slideContent .col-sm-7{min-height:350px;}
#productSliderView .swiper-slide img {display: block;    aspect-ratio: 3 / 2 auto;
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0; } 
.slideHeading{ color:#fff; background:#d95429; padding:15px 20px; display:block; font-weight:600; width:100%; font-size:20px;}
#productSliderView .modal-header .btn-close{position:relative; z-index:9999; box-shadow: none; filter: brightness(0) saturate(100%) invert(45%) sepia(86%) saturate(904%) hue-rotate(343deg) brightness(91%) contrast(98%);opacity:1 !important;transform: scale(1.05);
    transition: all 0.3s ease;}
/*
#productSliderView .mySwiper{ overflow:visible !important;}
#productSliderView .mySwiper > .swiper-wrapper{overflow:hidden;}
*/
#productSliderView  .swiper-button-next{ right:-50px !important;}
#productSliderView  .swiper-button-prev{ left:-50px !important;}

#productSliderView .swiper-button-next, #productSliderView .swiper-button-prev{color:#ffffff !important;}

.contentArea.productPage{ overflow:inherit;  min-height:700px;}
.contentArea.productPage .slideDiv ._listView{ border-bottom:0px;}

.imageDiv > .mb-3{ margin-bottom:5px !important;}
.productPage .listViewSec table tr th:nth-child(2){padding-left: 30px; width: 120px;}

.productPage form   label, .productPage form  .form-label{color:#333;font-weight:bold;}


.productPage input[type="text"].datepicker {background-position: 98% 3px !important;
    background-repeat: no-repeat;
background-size: 23px !important;}


.productPage .form-select.is-invalid:not([multiple]):not([size]),.productPage .form-select.is-invalid:not([multiple])[size="1"],.productPage .was-validated .form-select:invalid:not([multiple]):not([size]),.productPage .was-validated .form-select:invalid:not([multiple])[size="1"] {
    background-position: right 0.20rem center, center right 1.25rem;
  
}
.productPage .form-control.is-invalid:not([multiple]):not([size]),.productPage .form-select.is-invalid:not([multiple])[size="1"],.productPage .was-validated .form-select:invalid:not([multiple]):not([size]),.productPage .was-validated .form-select:invalid:not([multiple])[size="1"] {
    background-position: right 0.20rem center, center right 1.25rem;
  
}

.AllfileSec .listViewSec .pagination{ margin-bottom:10px;}



.accordion-button:not(.collapsed)::after{ background-image:url(../images/accordionArrowHover2.png); background-repeat:no-repeat;     background-position: 0px 5px;
    background-size: 16px;
    width: 20px;
    height: 15px;}
	
	.productPage .accordion-button[aria-expanded="false"]::after, #rolesAccrodion .accordion-button[aria-expanded="false"]::after{background-image:url(../images/accordionArrow.png); background-repeat:no-repeat;     background-position: 0px 4px;
    background-size: 16px;
    width: 20px;
    height: 15px;}
	.TopFilterSec .col-sm-4 { padding: 0 5px; margin-bottom: 5px;}
	.flavorFilter .select2-search__field{    padding: 0px 0 !important;
    margin: 0px 0 0px 0px !important;
    color: #555 !important;
    font-family: arial !important;
    font-size: 12px !important;}
	.flavorFilter .select2-search__field::placeholder{color:#555 !important;}
	.flavorFilter .select2-selection--multiple{min-height:28px !important;    line-height: 26px; font-family:Arial !important; color:#555 !important;}
	.flavorFilter .select2-selection__rendered{padding-left:3px !important;     overflow: visible !important; white-space: normal !important;}
	.flavorFilter .select2-selection__clear{    margin-top: 4px;}
	body  .flavorFilter  .selection .select2-selection__choice{line-height: 1rem !important;padding: 1px 5px 1px 10px !important; margin: 3px 2px !important;}
	.flavorFilter .select2-container--krajee-bs5 .select2-selection--single .select2-selection__clear, 	.flavorFilter .select2-container--krajee-bs5 .select2-selection--multiple .select2-selection__clear {
     width: 15px !important;
    height: 15px !important;}
		#recipeDetails .ReborderLeft{border-left:1px solid #ccc; text-align:center;}
	.recipeDetailsTble tr td:first-child{ color:#333; text-align:left !important;}
	.recipeDetailsTble tr td:last-child{ color:#555555 !important; text-align:left !important;}
	
	.productPage .listViewSec .table tr th:last-child { width: 100px;}
	.productPage .listViewSec .table tr th:nth-child(4){    min-width: 115px;}
	
#rolesAccrodion .vtabs .tabHeading {border-bottom:0; margin-bottom: 10px;}
.permissionTab .borderSec.permissions{ margin-bottom:10px;}
.formulaLinkRestricted{ font-size: 12px;margin-bottom: 15px;font-family: Arial;background: #ffe3e3 url(../images/formula_link_restricted.png) no-repeat 8px center;;padding: 4px 10px;border: 1px solid #ffb7b7;border-radius: 3px;color: #e24f4f;text-indent: 20px;}
	.emailpPDF i{font-size: 17px; color: #b4b4b4;}
	.emailpPDF:hover i, .emailpPDF:focus i{color: #f7941d;}
	
	/****Slider View Changes ***/
	
body.view2 .modal-dialog.modal-lg{  padding:0; max-width:100%; margin:0;}
body.view2 .slideContent{padding: 15px 50px 15px;}

body.view2 #productSliderView .swiper-button-prev {
left: 3px !important;
color:#d95429 !important;
padding: 10px;
}

body.view2 #productSliderView .slideContent .col-sm-8 .col-sm-4, body.view2 #productSliderView .swiper-slide .col-sm-7 {
min-height: 210px !important;
text-align: right;
padding-right:0;
}

body.view2 #productSliderView .swiper-slide .col-sm-4 img{ max-width:14vw; max-height:18vw;}
body.view2 #productSliderView .swiper-slide .col-sm-7 img{ max-width:14vw; max-height:18vw;}

body.view2 #productSliderView .swiper-button-next {
right: 3px !important;
color:#d95429 !important;
padding: 10px;
}
body.view2 #productSliderView .swiper-button-next::after, body.view2 #productSliderView .swiper-button-prev::after{ font-weight:500;}

body.view2 #productSliderView .swiper-slide img {
position: inherit; 
max-width: 100%; 
margin: auto; 
left: inherit; 
right:inherit; 
bottom: inherit;
top: inherit; 
float:right;
display:inherit !important;
}

 .daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #f7941d !important;
 
}
  .drp-buttons .applyBtn {color: #ffffff !important;
    background: #f7941d !important;  border-color: #f7941d !important;}
		
body.view2 #productSliderView .SliderContHeading{font-size: 2.8vh;}
body.view2 #productSliderView  .SliderContText {font-size: 2vh;}
body.view2 #productSliderView .SliderContText2 {font-size: 0.90vw;line-height: 2vh;}

body.view2 #productSliderView .SliderContText{padding-bottom: 1vw; margin-bottom:0 !important;}
body.view2 #productSliderView  .SliderContText2{padding-bottom: 1vw;    margin-bottom: 0;}
	body.view2 #productSliderView .leftWidth{width:20vw}
	body.view2 #productSliderView .rightWidthwidth{width:70vw}
	
		body.view2 #productSliderView  .leftwidth2{width:64vw}
		body.view2 #productSliderView  .rightwidth2{width:15vw}
		
		body.view2 #productSliderView  .slideHeading{    font-size: 1.5vw;}
		
				/*body.view2 #productSliderView .slideFooter img{    width: 6vw !important;
						height: 7vh !important;
}*/
	body.view2 #productSliderView .slideFooter{ margin-bottom:0; margin-top: -10vh; margin-left: 5.5vh;}
	body.view2 #productSliderView .modal-body{ padding:0;
    min-height: inherit !important;}
	body.view2 #productSliderView {}.swiper-wrapper{    min-height: 40vw;}
body.view2 #productSliderView  .rowbox:last-child .SliderContText, body.view2 #productSliderView  .rowbox:last-child .SliderContText2{ padding-bottom:0;}


body.view2 #productSliderView  .leftWidth3{ width: 60vw;}
body.view2 #productSliderView  .rightWidthwidth3{ width: 19vw;}

body.view2 #productSliderView .modal-content{ border:0 !important;     border-radius: 0;}
/***** for maintain the column width new experiment css code 17/03/2025***/
body.view2 #productSliderView .productNumber{    padding-left: 22px;}
body.view2 #productSliderView .productNumber > span{font-weight:600;}
body.view2 .slideContent >.row{    display: grid
;
    grid-template-columns: 15vw 85vw;
    gap: 0;
    overflow: hidden;}
	
	body.view2 .slideContent >.row > .leftWidth {width: 100% !important; min-height: 41vh;}
	body.view2 .slideContent >.row > .rightWidthwidth{width: 100% !important;}  
	
	body.view2	.swiper-button-next,body.view2 .swiper-button-prev{margin-top: -4px;}
	body.view2	.swiper-button-next::after,body.view2 .swiper-button-prev::after{font-weight:600 !important;}
	
	body.view2 .slideHeading{padding: 5px 20px}
	
	.productPage .listViewSec .table tbody tr td:last-child{min-width:125px;}