@font-face {

    font-family: 'Aeonik-Light';

    src: url(../fonts/Aeonik-Light.otf);

}

@font-face {

    font-family: 'OpenSansRegular';

    src: url(../fonts/OpenSansRegular.ttf);

}

@font-face {

    font-family: 'NunitoBold';

    src: url(../fonts/NunitoBold.ttf);

}

@font-face {

    font-family: 'GothamBook';

    src: url(../fonts/GothamBook.otf);

}

@font-face {

    font-family: 'GothamMedium';

    src: url(../fonts/GothamMedium.ttf);

}

@font-face {

    font-family: 'GothamBold';

    src: url(../fonts/GothamBold.otf);

}



/* Variables for color and font family Start */



:root

{

    /* Colors */

    --colorWhite: #fff;

    --whiteSmoke: #f4f4f4;

    --colorBlack: #000;

    --offBlack: #4a4a4a;

    --darkGrey: #868686;

    --darkGrey2: #7b7b7b;

    --warmGrey: #707070;

    --dimGrey: #727272;

    --lightGrey2: #e5e5e5;

    --lightGrey3: #d9d9d9;

    --lightGrey4: #c7c7c7;

    /* --lightGrey4: #bfbfbf; */

    --lynxWhite: #f7f7f7;

    --lightBlue: #41b8db;

    --dodgerBlue: #2699fb;

    --lightBlue: #7fc4fd;

    --lighBlue2: #10c8f4;

    --mediumGrey: #575757;

    --colorRed2: #e33c3c;

    --darkBlue: #0076bf;







    /* Font Family */

    --aeonikLight: 'Aeonik-Light';

    --opensansRegular: 'OpenSansRegular';

    --nunitoBold: 'NunitoBold';

    --gothamBook: 'GothamBook';

    --gothamMedium: 'GothamMedium';

    --gothamBold: 'GothamBold';

    

}



/* Variables for color and font family End */



h1,

h2,

h3,

h4,

h5,

h6,

p,

ul {

    padding: 0px;

    margin: 0px;

    list-style: none;

}

.row{

    /* display: inline-flex;

    width: 100%; */

}

button,

a {

    transition: all 0.35s ease 0s;

}



button:focus {

    outline: none;

}



a {

    outline: none !important;

    text-decoration: none;

}



a:hover,

a:focus {

    text-decoration: none;

}



.boxs {

    float: left;

    width: 100%;

    display: block;

}



h2{

    font-family: var(--gothamMedium);

    color: var(--colorBlack);

    line-height: normal;

}

.mainHeading{

    font-family: var(--aeonikLight);

    font-size: 34px;

    line-height: 40px;

    color: var(--colorBlack);

}

.mainHeading.mainHeading2{

    font-family: var(--gothamMedium);

    color: var(--warmGrey);

}

h2.headingSize {

    font-size: 38px;

}

.subMainHeading{

    font-family: var(--gothamBold);

    font-size: 28px;

    line-height: 34px;

    color: var(--warmGrey);

}

.subHeading{

    font-size: 24px;

    line-height: 29px;

    color: var(--warmGrey);

    font-family: var(--gothamBook);

}

.midHeading{

    font-size: 22px;

    line-height: 26px;

    color: var(--warmGrey);

}

.subHeading2{

    font-size: 18px;

    line-height: 24px;

    font-family: var(--gothamMedium);

}

.subHeading3{

    font-size: 16px;

    line-height: 20px;

    font-family: var(--gothamBold);

}

.smallFont{

    font-size: 14px;

    line-height: 18px;

    font-family: var(--gothamBook);

}

.smallFont2{

    font-size: 12px;

    line-height: 14px;

    font-family: var(--gothamBook);

    color: var(--warmGrey);

}



/* Header Start */

.loader-admin {

    position: fixed;

    left: 0px;

    top: 0px;

    width: 100% ;

    height: 100% ;

    z-index: 9999;

    background: url('../../user/images/loader.gif') 50% 50% no-repeat rgb(249, 249, 249);

    opacity: .8;

}



.header

{

    background-image: radial-gradient(circle at 47% 68%, #152969, #112154 87%);

    position: fixed;

    z-index: 999;

}

.fixedHeader

{

    position: fixed;

    z-index: 999;

}

.navbar-expand-md .navbar-nav .nav-item{

    padding: 0 10px;

    border-right: 1px solid var(--colorWhite);

}

.navbar-expand-md .navbar-nav  .nav-link

{

    padding: 0 0px;

    font-size: 15px;

    line-height: 14px;

    color: var(--colorWhite);

    font-family: var(--gothamBook);

}

.navbar-expand-md .navbar-nav .nav-item:last-child{

    padding-right: 0;

    border-right: 0;

}

/* .nav-item {

    margin-right: 40px;

} */



/* .nav-link:hover, .nav-link:focus, .nav-link.active

{

    border-bottom: 2px solid #2d8eff;

} */

/* .nav-link

{    

    text-transform: uppercase;

    font-family: var(--monserratSemibold);

    font-size: 14px;

    line-height: 31px;

    letter-spacing: normal;

    color: var(--colorWhite);

} */

/* .dropdown-item

{

    color: var(--colorBlue);

    margin-right: 0;

    padding: 0 10px;

    margin-bottom: 10px;

}

.dropdown-item:last-child

{

    margin-bottom: 0;

} */

.navbar,.navbar-brand

{

    padding: 0;

}



.navbar-expand-md

{

    width: 100%;

    padding: 0;

}

.navbar-expand-md .navbar-collapse

{

    display: block !important;

}

.navIcon{

    position: absolute;

    height: 3px;

    width: 30px;

    right: 0px;

    top: 50%;

    background: var(--colorWhite);

    transition-duration: 0.075s;

    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

}

.navIcon::before {

    position: absolute;

    content: '';

    top: -8px;

    left: 0;

    height: 3px;

    width: 30px;

    background: var(--colorWhite);

    transition: all 0.3s ease;

}

.navIcon::after {

    position: absolute;

    content: '';

    top: 8px;

    left: 0;

    height: 3px;

    width: 30px;

    background: var(--colorWhite);

    opacity: 1;

    transition: top 0.075s ease, opacity 0.075s 0.12s ease;

}

.navbar-toggler.active .navIcon:before

{

    top: 0;

    opacity: 0;

    transition: top 0.075s ease, opacity 0.075s 0.12s ease;

}

.navbar-toggler.active .navIcon

{

    transform: rotate(45deg);

    transition-delay: 0.12s;

    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

}

.navbar-toggler.active .navIcon::after

{

    top: 0px;

    transform: rotate(-90deg);

    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);

}



.navbar-expand-md .navbar-toggler {

    background: transparent;

    border: none;

    padding: 0;

}

/* Sidenav End */









.btnStyle{

    font-size: 12px;

    line-height: 12px;

    font-family: var(--nunitoBold);

    letter-spacing: 0.6px;

    padding: 15px 57px;

    border-radius: 24px;

    background-image: linear-gradient(to right, #1578cc, #0986d2, #1594d7, #2aa1db, #40aede);

    border: none;

    color: var(--colorWhite);

    text-transform: uppercase;

    cursor: pointer !important;

    display: inline-block;

    text-align: center;

    transition: 700ms ease-in-out;

}

.btnStyle:hover{

    background-image: linear-gradient(to right, #0076bf, #0076bf, #0076bf, #0076bf, #0076bf);

    transition: 700ms ease-in-out;

}



.btnStyle:hover,

.btnStyle:focus{

    color: var(--colorWhite);



}

.btnStyle.btnStyle2{

    padding: 15px 35px;

}

.btnStyle.btnStyle3{

    font-size: 13px;

    line-height: 13px;

    padding: 16px 13px;

    border-radius: 4px;

}

.btnStyle.btnStyle4{

    padding-left: 20px;

    padding-right: 20px;

}

.btnStyle.btnSize1{

    width: 163px;

    padding-left: 0;

    padding-right: 0;

}

.btnStyle.btnSize2{

    width: 130px;

    padding-left: 0;

    padding-right: 0;

}

.greyBtns{

    background: var(--lightGrey4)

}

.formStyle .form-control{

    font-size: 15px;

    line-height: 17px;

    height: auto;

    font-family: var(--opensansRegular);

    border-radius: 22.5px;

    border: solid 1px var(--lightGrey4);

    box-shadow: 0.4px 2px 27px 0 rgba(204, 204, 223, 0.15);

    background-color: var(--colorWhite);

    padding: 12px 29px;

}

.formStyle .form-control::placeholder{

    color: var(--darkGrey);

}

.formStyle .form-group{

    margin-bottom: 27px;

}

.btnTopMargin{

    margin-top: 18px;

}

.btnTopMargin2{

    margin-top: 30px;

}

.pageBody{

    margin: 90px 0;

}

.pageBody.pageBodyMargin{

    margin-top: 70px;

}

.pageBody.pageBodyMargin2{

    margin-bottom: 40px;

    margin-top: 0;

}

.pageBody .pageMainHead2{

    padding: 38px 0 24px;

    text-transform: uppercase;

}

.mainBanner{

    position: relative;

    background: url('../images/banner.png') no-repeat center center;

    background-size: cover;

    /* height: 406px; */

    padding: 93px 0 70px;

}

.mainBanner.mainBanner2{

    background: url('../images/banner2.png') no-repeat center center;

    padding: 26px 0 40px;

    background-size: cover;

}

.mainBanner.mainBanner3{

    background: url('../images/banner3.png') no-repeat center center;

    padding: 26px 0 40px;

    background-size: cover;

}



.bannerTop{

    width: 282px;

}

.bannerTop a{

    display: inline-block;

    width:100%;

}

.bannerTop.bannerTop2{

    width: 228px;

}

.mainBanner img{

    width: 100%;

}

.mainBanner2 .bannerInner{

    position: relative;

}

.mainBanner2 .bannerContent{

    position: absolute;

    right: 0;

    bottom: -40px;

}

.mainBanner2 .bannerContent h2{

    font-size: 37px;

    line-height: 37px;

    font-family: var(--gothamBold);

    color: var(--colorWhite);

    text-transform: uppercase;

}

/* Login Page Start */

.pageMainHead{

    margin-bottom: 50px;

}

.loginForm{

    width: 340px;

    float: unset;

    margin: 0 auto;

}

/* Login Page End */



/* Select Project Page Start */



/* Select2 Design Start */

.select2Box .select2-container{

    width: 100% !important;

}

.select2Box .select2-container .select2-selection--single,

.select2Box .select2-container--default .select2-selection--single .select2-selection__rendered{

    height: auto;

}

.select2Box .select2-container--default .select2-selection--single .select2-selection__rendered{

    line-height: 17px;

    text-align: left;

    font-size: 15px;

    font-family: var(--opensansRegular);

    padding: 0;

}

.select2Box .select2-container .select2-selection--single{

    padding: 13px 29px;

    border-radius: 22.5px;

    border: solid 1px var(--lightGrey4);

    box-shadow: 0.4px 2px 27px 0 rgba(204, 204, 223, 0.15);

    background-color: var(--colorWhite);

}

.select2Box .select2-container .select2-selection--single:focus,

.select2Box .select2-container--default .select2-search--dropdown .select2-search__field{

    outline: none;

}

.select2Box .select2-container--default .select2-selection--single .select2-selection__arrow{

    height: 100%;

    right: 10px;

}

/* Select2 Design End */

/* Select Project Page End */



/* Select Library Page Start */

.selectLibraryPage .libraryImage{

    width: 150px;

    height: 116px;

    margin: 0 auto;

    float: unset;

}

.selectLibraryPage .libraryImage img{

    width: 100%;

    height: 100%;

    object-fit: contain;

}

.selectLibraryPage .libraryType{

    padding: 0 20%;

}

/* Select Library Page End */



/* Document Library Start */

.docLibraryPage .pageMainHead{

    margin-bottom: 110px;

}

.docLibrary .libraryImage{

    height: 87px;

}

.docLibrary .libraryImage img{

    width: 100%;

    height: 100%;

    object-fit: contain;

}

.docLibrary .libraryBtm{

    margin-top: 20px;

}

.docLibrary .libraryBtm h3,

.docLibrary .libraryBtm p{

    color: var(--warmGrey);

}

.docLibrary .libraryBtm h3{

    margin-bottom: 7px;

    text-transform: uppercase;

}

/* Document Library End */



/* Document Search Page Start */

 .searchDocForm input{

    width: 324px;

    display: inline-block;

    margin-right: 25px;

    float: left;

}

 .searchDocForm button{

    display: inline-block;

    float: left;

}

.docSearchCheck ul li{

    display: inline-block;

    float: left;

    margin-right: 50px;

    margin-bottom: 5px;

}

.docSearchCheck ul li:last-child{

    margin-right: 0;

}

.searchedResult .pageMainHead2 .sliderBoxTop{

    display: inline-block;

    float: right;

}

.searchedResult .pageMainHead2 h2{

    display: inline-block;

    float: left;

}

.searchedResult .tagsPage{

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.searchDocsBox .formSecHeading{

    margin-bottom: 10px;

    color: var(--warmGrey);

}

.searchDocsBox .searchSection{

    margin-bottom: 35px;

}

.customCheckbox2.customCheck2 input[type="checkbox"] + label{

    padding-left: 0;

    padding-right: 30px;

    font-size: 14px;

    line-height: 17px;

}

.customCheckbox2.customCheck2 input[type="checkbox"]:checked + label:before, 

.customCheckbox2.customCheck2 input[type="checkbox"]:not(:checked) + label:before{

    left: initial;

    right: 0;

    height: 18px;

    width: 18px;

    border: 1px solid var(--darkGrey2);

}

.customCheckbox2.customCheck2 input[type="checkbox"]:checked + label:before{

    background: var(--dodgerBlue);

    border: 1px solid var(--dodgerBlue);

}

.customCheckbox2.customCheck2 input[type="checkbox"]:checked + label:after{

    left: initial;

    top: 2px;

    right: 6px;

    width: 6px;

    height: 11px;

    border-right: 2px solid var(--colorWhite);

    border-bottom: 2px solid var(--colorWhite);

}

.docsBtmTags .docTagsList{

    padding: 8px 11px;

    border: 1px solid var(--warmGrey);

}

.searchDocsBox .docTagsList ul li{

    padding: 5px 35px 5px 8px;

    background: var(--dimGrey);

    display: inline-block;

    float: left;

    color: var(--colorWhite);

    position: relative;

    border-radius: 4px;

    margin-right: 20px;

    margin-bottom: 8px;

    overflow: hidden;

}

.searchDocsBox .docTagsList ul li Span{

    position: absolute;

    right: 0px;

    top: 0px;

    cursor: pointer;

    height: 100%;

}

.searchDocsBox .docTagsList ul li Span a{

    width: 100%;

    height: 100%;

    padding: 0 5px;

    display: flex;

    align-items: center;

}

.searchDocsBox .docTagsList ul li Span a:hover{

    background: var(--colorBlack);

}

.docsBtmTags .docTagsList{

    margin-bottom: 20px;

}  

.docsBtmTags .docFilters .docSearchFilter{

    margin-bottom: 20px;

}

.select2Box.selectBox2 .select2-container .select2-selection--single{

    border-radius: 10px;

    border: solid 2px var(--lightGrey4);

    background-color: var(--whiteSmoke);

    padding: 12px 29px 12px 20px;

}

.select2Box.selectBox2 .select2-container--default .select2-selection--single .select2-selection__placeholder{

    color: var(--offBlack);

    /* font-family: var(--gothamMedium); */

    font-size: 16px;

    /* text-transform: uppercase; */

}

.searchDocsBox .searchSection:last-child{

    margin-bottom: 0;

}

.untaggedDocsPage .searchedBoxs .pageMainHead2.pageMainHead3{

    padding: 10px 0 2px;

}

.searchedBoxs .docsListBox{

    margin: 20px 0;

}

.docsListBox{

    display: inline-flex;

    flex-wrap: wrap;

}

.searchedBoxs h2{

    margin-bottom: 15px;

}

.searchedBoxs .subHeading3{

    color: var(--warmGrey);

}



/* Document Search Page End */



/* Untagged Documents Start */

.untaggedDocsPage .pageMainHead2{

    /*border-bottom: 1px solid var(--warmGrey);*/

}

.docsListBox .docsListInner{

    border-radius: 8px;

    border: solid 1px var(--lightGrey2);

    background-color: var(--colorWhite);

    width: 186px;

    min-height: 229px;

    margin-right: 36px;

    margin-bottom: 36px;

    position: relative;

    display: inline-block;

    float: left;

    height: 100%;

}

.docUntagBoxes .docsListBox .docsListInner{

    overflow: hidden;

}

.docsListBox .docsListInner:nth-child(5n+0){

    /* margin-right: 0; */

}

.docsListBox .docsListInner:nth-last-child(-n+5){

    margin-bottom: 0;

}

.docsListBox .docsListInner .docTypeImg{

    /* margin: 24px auto; */

    text-align: center;

    height: 168px;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

}

.docsListBox .docsListInner .docTypeImg img{

    height: 100%;

    width: 100%;

    object-fit: cover;

}

.docsListBox .docsListInner .docTypeInfo{

    padding: 12px;

}

.docsListBox .docsListInner .docTypeInfo .docFileName{

    margin-bottom: 6px;

}

.docsListBox .docsListInner .docTypeInfo ul{

    float: right;

}

.docsListBox .docsListInner .docTypeInfo ul li{

    display: inline-block;

    margin-right: 7px;

}

.docsListBox .docsListInner .docTypeInfo ul li:last-child{

    margin-right: 0;

}

.customCheckbox{

    position: absolute;

    top: 10px;

    left: 10px;

    height: 18px;

}

.untaggedDocsBox{

    margin: 40px 0;

}



/* Untagged Documents End */



/* Tags Page Start */

.tagsTopSlide{

    text-align: center;

    margin: 55px 0 15px;

}

.tagsPage .sliderBoxTop ul li{

    display: inline-block;

    margin-right: 35px;

}

 .sliderBoxTop ul li a{

    text-transform: uppercase;

    color: var(--mediumGrey);

    font-family: var(--gothamMedium);

    display: inline-block;

}

 .sliderBoxTop ul li a span{

    margin-right: 6px;

    color: var(--lighBlue2);

    /* height: 10px;

    width: 10px; */

    font-size: 10px;

    display: inline-block;

    float: left;

    



    height: 15px;

    width: 15px;

}

.sliderBoxTop ul li a:hover span{

    color: var(--darkBlue);

}

.tagsPage .sliderBoxTop ul li:last-child{

    margin-right: 0;

}

.sliderBoxMid{

    margin: 40px 0;

}

.tagsTopSlide .tagsSlider{

    margin: 0px auto;

    width: 383px;

    height: 428px;

    min-height: 428px;

}

.slick-slider .slick-list{

    height: 428px;

    overflow: hidden;

}

.tagslidItem{

    height:320px;

        position: relative;

    z-index: 8;

}

.sliderBoxBtm {

    position: relative;

    z-index: 99;

    padding-top: 20px;

}

.tagsTopSlide .tagsSlider .slick-slide .tagslidItem img{

    height: 100%;

    object-fit: contain;

    border-radius: 15px;

    margin: 0 auto;

}

.sliderBoxTop ul{

display: flex;

    align-items: flex-end;

    padding-bottom: 30px;

    justify-content: center;

}

.sliderBoxTop ul li{

    display:inline-flex;

    margin-right: 35px;

    min-width: max-content;

}

.sliderBoxTop ul li:last-child{

    margin-right: 0;

}

.sliderBoxTop ul li a{

    display: inline-flex;

        align-items: center;

}

.tagsTopSlide .tagsSlider .slick-prev,

.tagsTopSlide .tagsSlider .slick-next{

    height: 50px;

    width: 50px;

    border-radius: 10px;

    background: var(--lightGrey3);

}

.tagsTopSlide .tagsSlider .slick-prev{

    left: -170px;

}

.tagsTopSlide .tagsSlider .slick-next{

    right: -170px;

}

.tagsTopSlide .tagsSlider .slick-prev:before,

.tagsTopSlide .tagsSlider .slick-next:before{

    font-family: "Font Awesome 5 Free";

    font-size: 12px;

    color: var(--colorBlack);

    font-weight: 900;

}

.tagsTopSlide .tagsSlider .slick-prev:before{

    content: '\f053';

}

.tagsTopSlide .tagsSlider .slick-next:before{

    content: '\f054';

}

.sliderBoxBtm p{

    color: var(--warmGrey);

    font-family: var(--gothamBook);

}

.tagsListsInner .pageMainHead2 h2{

    font-family: var(--gothamBold);

}

.tagsListsInner .tagsListsBox .tagHeading h3{

    font-family: var(--gothamBold);

    text-transform: uppercase;

    margin-bottom: 20px;

}

.tagsListsBox .tagsSections{

    margin: 40px 0 20px;

}

.tagsPage .requestBox{

    margin-top: 35px;

}

 .requestBox .requestForm{

    display: flex;

    align-items: center;

    justify-content: center;

}

 .requestBox .requestForm .form-control{

    width: 320px;

    font-size: 16px;

    line-height: 19px;

    height: auto;

    border: solid 1px var(--lightBlue);

    background-color: var(--colorWhite);

    padding: 12px 11px;

    font-family: var(--gothamBook);

    color: var(--warmGrey);

    border-radius: 0;

    display: inline-block;

    margin-right: 15px;

}

.tagsPage .requestBox .requestForm input::placeholder{

    color: rgba(112, 112, 112, 0.58);

}

form .form-control:focus{

    outline: none;

    box-shadow: none;

}

.requestBox .select2Box{

    width: 320px;

    margin-right: 30px;   

}

.requestBox .select2Box .select2-container .select2-selection--single{

    border-radius: 0;

    border: solid 1px var(--lightBlue); 

}

.requestBox.libraryForms form{

    display: inline-flex;

    align-self: center;

    justify-content: space-between;

}

/* Tags Page End */



/* Modal Start */

.modalTops h3{

    text-transform: uppercase;

}

.modalBody .downloadImgs img{

    height: 100%;

    width: 100%;

    object-fit: contain;

}

.modal .closeBtn{

    position: absolute;

    top: 15px;

    right: 15px;

}

.modal-open .modal{

    padding-right: 0 !important;

}

.modal .close{

    font-size: 16px;

    line-height: 16px;

    color: var(--warmGrey);

    opacity: 1;

}

.modal-content{

    border-radius: 16px;

}

.modal .modal-body{

    padding: 50px 50px;

}

.marginTop{

    margin-top: 40px;

}

.modalTops{

    margin-bottom: 30px;

}

/* Download Modal Start */

.downloadModal .modal-dialog{

    max-width: 508px;

}

.modalBody .downloadImgs{

    width: 171px;

    height: 191px;

    border-radius: 10px;

    border: 1px solid #ccc;

}

.downloadModal .modalBody .downloadImgs{

    margin: 0 auto 27px;

}

.downloadImageModal .modalBody .downloadImgs{

    margin: 0 auto 27px;

}

/* Download Modal End */



/* Add Folder Modal Start */

.saveFolderModal .modal-dialog{

    max-width: 814px;

}

.saveImageFolderModal .modal-dialog{

    max-width: 814px;

}

.saveMultipleImagesFolder .modal-dialog{

    max-width: 814px;

}

.saveFolderModal .modalTops{

    margin-bottom: 15px;

}

.saveImageFolderModal .modalTops{

    margin-bottom: 15px;

}

.saveMultipleImagesFolder .modalTops{

    margin-bottom: 15px;

}



.saveMultipleImagesFolder .modalTops{

    margin-bottom: 15px;

}

.folderListInner.addToFolder .folderListBox{

    max-height: 191px;

}

.saveFolderModal .modalLeft{

    margin-top: 20px;

}

.saveImageFolderModal .modalLeft{

    margin-top: 20px;

}

.saveMultipleImagesFolder .modalLeft{

    margin-top: 20px;

}

.saveFolderModal .modalLeft .downloadImgs{

    margin-bottom: 32px;

}

.saveImageFolderModal .modalLeft .downloadImgs{

    margin-bottom: 32px;

}

.saveMultipleImagesFolder .modalLeft .downloadImgs{

    margin-bottom: 32px;

}

.saveFolderModal .modalLeft .saveImgName{

    padding-bottom: 15px;

    margin-bottom: 15px;

    border-bottom: 1px solid var(--warmGrey);

}

.saveImageFolderModal .modalLeft .saveImgName{

    padding-bottom: 15px;

    margin-bottom: 15px;

    border-bottom: 1px solid var(--warmGrey);

}



.saveMultipleImagesFolder .modalLeft .saveImgName{

    padding-bottom: 15px;

    margin-bottom: 15px;

    border-bottom: 1px solid var(--warmGrey);

}

.saveFolderModal .modalLeft .saveImgName p{

    color: var(--warmGrey);

}

.saveImageFolderModal .modalLeft .saveImgName p{

    color: var(--warmGrey);

}

.saveMultipleImagesFolder .modalLeft .saveImgName p{

    color: var(--warmGrey);

}

.saveImgInfos p,

.saveImgInfos ul li{

    font-size: 8px;

    line-height: 8px;

    font-family: var(--gothamBook);

    color: var(--warmGrey);

    display: inline-block;

    float: left;

    margin-bottom: 3px;

    text-transform: uppercase;

}

.saveImgInfos ul li{

    /* padding: 0 5px; */

    padding-right: 5px;

    margin-right: 5px;

    border-right: 1px solid var(--warmGrey);

}

.createFolderBox a{

    color: var(--warmGrey);

}

.createFolderBox span{

    margin-left: 10px;

}

/* Add Folder Modal End */





/* Modal End */



/* Folder Search Page Start */

.searchFolderInner{

    /* width: 562px; */

    padding-right: 72px;

    border-right: 1px solid var(--warmGrey);

    margin-top: 45px;

    padding-bottom: 60px;

}

.searchFolderPage .pageBody .pageMainHead2{

    padding-top: 20px;

}

.searchFolderBox .select2Box{

    width: 150px;

    min-width: 150px;

    margin-right: 22px;

    display: none;

}

.searchFolderBox .select2Box.selectBox2 .select2-container .select2-selection--single{

    background-color: var(--dimGrey);

    border-color: var(--dimGrey);

    border-radius: 4px;

}

.searchFolderBox .select2Box.selectBox2 .select2-container--default .select2-selection--single .select2-selection__placeholder{

    color: var(--colorWhite);

}

.searchFolderBox .select2-container--default .select2-selection--single .select2-selection__arrow b{

    border-color: #fff transparent transparent transparent;

}

.searchFolderBox .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{

    border-color: transparent transparent #fff transparent;

}

.selectBox3 .select2-container--default .select2-selection--single .select2-selection__rendered{

    color: var(--colorWhite);

}

.searchFolderBox .folderInput{

    width: 100%;

}

.searchFolderBox .folderInput .form-control{

    border-radius: 0;

    padding: 13px 20px;

}

.searchFolderBox .folderDropdown{

    display: flex;

    align-items: flex-start;

    width: 100%;

}

.folderListInner .subHeading3{

    color: var(--warmGrey);

    padding-left: 15px;

}

.folderListInner .folderListBox{

    border: solid 1px var(--warmGrey);

    background-color: var(--colorWhite);

    padding: 5px 10px;

    height: 294px;

    max-height: 294px;

    overflow: auto;

}

.folderListInner .folderListBox ul li{

    padding: 2px 5px;

    display: inline-block;

    width: 100%;

    float: left;

    background-color: transparent;

    margin-bottom: 1px;

}

.folderListInner .folderListBox .foldersList{

    display: flex;

    width: 100%;

}

/* .folderListInner .folderListBox ul li:hover{

    background-color: var(--lightBlue);

}

.folderListInner .folderListBox ul li:hover input{

    color: var(--colorWhite);

} */

.folderListInner .folderListBox ul li.active{

    background-color: var(--lightBlue);

}

.folderListInner .folderListBox ul li input{

    border: none;

    background-color: transparent;

    color: var(--warmGrey);

    font-size: 15px;

    line-height: 17px;

    width: 100%;

    font-family: var(--gothamBook);

}

.folderListInner .folderListBox ul li input:focus{

    outline: 0;

    box-shadow: none;

}

.folderListInner .folderInputBox{

    width: 100%;

}

.folderListInner .folderListBox  ul li.editFolder input{

    border: 1px solid var(--colorWhite);

    padding: 0 5px;

}

.folderListInner .folderListBox ul li.active input{

    color: var(--colorWhite);

}

.folderListInner .folderListBox ul li .folderAction{

    float: right;

    margin-left: 20px;

    display: none;

    min-width: fit-content;

}

.folderListInner .folderListBox ul li.active .folderAction{

    display: block;

}

.folderListInner .folderListBox .folderAction a{

    display: inline-block;

    float: left;

    margin-right: 10px;

    color: var(--colorWhite);

    font-size: 12px;

    line-height: 24px;

} 

.folderListInner .folderListBox .folderAction a:last-child{

    margin-right: 0;

}

/* Folder Search Page End */



/* Custom Checkbox Start */

.customCheckbox input{

    display: none;

}

.customCheckbox input[type="checkbox"] + label{

    position: relative;

    cursor: pointer;

    margin: 0; 

    height: 18px;

}

.customCheckbox input[type="checkbox"]:checked + label:before,

.customCheckbox input[type="checkbox"]:not(:checked) + label:before{

    content: '';

    position: absolute;

    height: 17px;

    width: 17px;

    border-radius: 50%;

    border: 1px solid var(--warmGrey);

    background: var(--lynxWhite);

}

.customCheckbox input[type="checkbox"]:checked + label:after{

    content: '';

    position: absolute;

    width: 5px;

    height: 9px;

    top: 3px;

    left: 6px;

    transform: rotate(45deg);

    border-right: 2px solid var(--colorBlack);

    border-bottom: 2px solid var(--colorBlack);

}

/* Custom Checkbox End */



/* Custom Checkbox 2 Start */

.customCheckbox2 input{

    display: none;

}

.tagsChecks .customCheckbox2 input[type="checkbox"] + label{

    /* height: 23px;     */

    display: inline-flex;

    width: auto;

    /*align-items: center;*/



}

.customCheckbox2 input[type="checkbox"] + label{

    position: relative;

    cursor: pointer;

    margin: 0; 

    padding-left: 35px;

    font-size: 16px;

    line-height: 20px;

    color: var(--warmGrey);

    font-family: var(--gothamBook);

}

.customCheckbox2 input[type="checkbox"]:checked + label:before,

.customCheckbox2 input[type="checkbox"]:not(:checked) + label:before{

    content: '';

    position: absolute;

    height: 23px;

    width: 23px;

    left: 0;

    border-radius: 4px;

    border: 2px solid var(--darkGrey2);

    background: var(--colorWhite);

}

.customCheckbox2 input[type="checkbox"]:checked + label:after{

    content: '';

    position: absolute;

    width: 8px;

    height: 13px;

    /* top: 1.9px; */

    top: 3px;

    left: 7.6px;

    transform: rotate(45deg);

    border-right: 3px solid var(--dodgerBlue);

    border-bottom: 3px solid var(--dodgerBlue);

}

/* Custom Checkbox 2 End */





/* Image Library Page Start */

.searchSection .gotoFolder .btnStyle{

    font-size: 10px;

    line-height: 12px;

    padding-left: 22px;

    padding-right: 22px;

    min-width: max-content;

}

.imgLibraryBox .searchDocForm{

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

}

/* Image Library Page End */



/* Untagged Images Page Start */

.imgListBox.docsListBox .docsListInner{

    border: none;

    width: 256px;

    min-height: 201px;

    margin-right: 21px;

    margin-bottom: 36px;

}

.imgListBox.docsListBox .docsListInner:nth-child(5n+0){

    /*margin-right: 27px;*/

}

.imgListBox.docsListBox .docsListInner:nth-last-child(-n+5){

    margin-bottom: 36px;

}

/*.imgListBox.docsListBox .docsListInner:nth-last-child(-n+4){

    margin-bottom: 0px;

}*/

.imgListBox.docsListBox .docsListInner .docTypeImg{

    height: 163px;

}

.imgListBox.docsListBox .docsListInner .docTypeInfo{

    padding-left: 0;

    padding-right: 0;

    /*display: flex;*/

}

.docTypeInfo.docTypeInfo2{

    /*display: flex;

    align-items: flex-start;*/

}

.docTypeInfo .docFileName{

    margin-bottom: 0;

    word-break: break-all;

}

.docTypeInfo .imgsAction{

    line-height: 10px;

    /*margin-left: 10px;*/

    /*min-width: max-content;*/

    text-align: center;

    display: block;

    width: 100%;

    float: left;

    margin-top: 5px;

}

.docsListBox .docsListInner .docTypeInfo ul{

        float: unset;

}

.docTypeInfo .imgsAction ul li{

    font-size: 10px;

    margin-left: 5px;

    margin-right: 0;

}

.docTypeInfo .imgsAction ul li a{

    color: #1578cc;

}

/* Untagged Images Page End */

/* Tags Image Start */

.innperPadding{

    padding: 0 104px;

}

.tagImgsBox.untaggedDocsPage .pageMainHead2.pageMainHeadTop{

    border: none;

    padding-bottom: 0;

}

.tagImgsBox .imgListBox.docsListBox .docsListInner{

    width: 32%;

    margin-right: 17px;

}

.tagImgsBox .imgListBox.docsListBox .docsListInner .docTypeImg {

    height: 205px;

}

.tagImgsBox .imgListBox.docsListBox .docsListInner:nth-last-child(-n+4) {

    margin-bottom: 36px;

}

.tagImgsBox .imgListBox.docsListBox .docsListInner:nth-last-child(-n+3) {

    margin-bottom: 0px;

}

/*.tagImgsBox .imgListBox.docsListBox .docsListInner:nth-child(4n+0) {

    margin-right: 17px;

}*/

/*.tagImgsBox .imgListBox.docsListBox .docsListInner:nth-child(3n+0) {

    margin-right: 0px;

}*/

.tagImgsBox .tagImagesBox .tagImageView{

    height: 588px;

}

.tagImgsBox .tagImagesBox .tagImageView img{

    height: 100%;

    width: 100%;

}

.tagImgsBox .pageBody{

    margin-top: 38px;

}

.tagImageViewBox .docTypeInfo{

    padding: 12px 0;

}

/* Tags Image End */

/* Image Search Modals Start */

.downloadModal.downloadModal2 .modal-dialog{

    max-width: 700px;

}

.downloadImageModal.downloadModal2 .modal-dialog{

    max-width: 700px;

}

.downloadModal2 .modalBody{

    width: 364px;

    float: unset;

    margin: 0 auto;

}

.downloadModal.downloadModal2 .modalBody .downloadImgs{

    width: 100%;

    border: none;

    border-radius: 0;

    height: 233px;

    margin-bottom: 0;

}  

.downloadImageModal.downloadModal2 .modalBody .downloadImgs{

    width: 100%;

    border: none;

    border-radius: 0;

    height: 233px;

    margin-bottom: 0;

}   

.downloadModal.downloadModal2 .modalBody .downloadImgs img{

    height: 100%;

    width: 100%;

    object-fit: contain;

}

.downloadImageModal.downloadModal2 .modalBody .downloadImgs img{

    height: 100%;

    width: 100%;

    object-fit: contain;

}

.downloadModal.downloadModal2 .modalBody .tagImageViewBox{

    border-bottom: 1px solid var(--warmGrey);

}

.downloadImageModal.downloadModal2 .modalBody .tagImageViewBox{

    border-bottom: 1px solid var(--warmGrey);

}

.modalBtn a.btnStyle{

    margin-right: 15px;

}

.modalBtn a.btnStyle:last-child{

    margin-right: 0px;

}

.saveFolderModal2 .modalBody .downloadImgs{

    width: 100%;

    border: none;

    border-radius: 0;

    margin-bottom: 0;

}

/* Image Search Modals End */

/* Untagged Images Page2 Start */

.untaggedDocsPage.untaggedImgPage .pageMainHead2{

    padding-bottom: 0;

    border-bottom: none;

}

.imgsSearchBox .tagsPage .requestBox .requestForm{

    justify-content: flex-end;

}

.imgsSearchBox .tagsPage .requestBox .requestForm .form-control{

    border: solid 1px #a5a5a5;

}

.navTabsBox .nav-tabs{

    border: none;

}

.navTabsBox .nav-tabs .nav-link{

    padding: 0px;

    border-radius: 0;

    transition: none;

    border: none;

    color: #617986;

    font-size: 14px;

    line-height: 24px;

    font-family: var(--gothamMedium);

}

.navTabsBox .nav-tabs .nav-item{

    padding: 0 20px;

    border-right: 1px solid var(--warmGrey);

}

.navTabsBox .nav-tabs .nav-item:last-child{

    padding-right: 0;

    border-right: none;

}

.navTabsBox .nav-tabs .nav-link.active{

    border: none;

    color: #3ebcff;

}

.boxFlex{

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.untaggedImgPage .untaggedImgsTabs{

    display: flex;

    flex-wrap: wrap;

}

/* Untagged Images Page2 End */

/* Image Search Folder Start */

.searchFolderPage .folderSearchPath{

    margin-bottom: 13px;

}

.searchFolderPage .folderSearchPath ul li{

    display: inline-block;

    float: left;

    padding: 0 5px;

    border-right: 1px solid var(--warmGrey);

    font-size: 18px;

    line-height: 17px;

    font-family: var(--gothamMedium);

    color: var(--dimGrey);

}

.searchFolderPage .folderSearchPath ul li.active{

    color: #4ebdef;

}

.searchFolderPage .folderSearchPath ul li:first-child{

    padding-left: 0;

}

.searchFolderPage .folderSearchPath ul li:last-child{

    padding-right: 0;

    border-right: none;

}

.searchFolderPage .folderImages{

    padding: 17px 4.5px;

    border-top: 1px solid var(--warmGrey);

    border-bottom: 1px solid var(--warmGrey);

    max-height: 460px;

    overflow-y: auto;

}

.searchFolderPage .folderImages .searchedImg{

    position: relative;

    width: 44.9%;

    display: inline-block;

    float: left;

    margin: 0 12.5px;

    margin-bottom: 25px;

    

}

.searchFolderPage .folderImages .searchedImg img{

    height: 170px;

}

.searchFolderPage .folderImages .searchedImg .docTypeInfo{

    margin-top: 3px;

}

/* .searchFolderPage .folderImages .searchedImg:nth-last-child(-n+2){

    margin-bottom: 0;

} */

.searchFolderPage .folderImages .deleteImgs{

    position: absolute;

    top: -8px;

    right: -8px;

}

.searchFolderPage .folderImages .deleteImgs a{

    background-color: var(--colorBlack);

    display: inline-block;

    height: 20px;

    width: 20px;

    border-radius: 50%;

    overflow: hidden;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 10px;

    color: var(--colorWhite);

}

.searchFolderPage .searchFolderBtm{

    padding: 9px 17px;

}

.searchFolderPage .searchFolderBtm a{

    color: var(--warmGrey);

}

.searchFolderPage .searchFolderBtm a span{

    color: var(--lightBlue);

    margin-right: 10px;

    font-size: 15px;

}

.searchFolderPage .searchFolderBtm .addSlides span{

    font-size: 10px;

    margin-right: 5px;

}

.searchFolderPage .searchedFolderBox{

    margin-top: 45px;

}

.searchFolderPage .searchedFolderBox .searchFolderInner{

    margin-top: 0;

    height: 100%;

}

.searchFolderPage .searchedFolder{

    padding-left: 32px;

}

/* Image Search Folder End */



/* Custom Scrollbar Start */



/* width */

.scrollbar::-webkit-scrollbar {

    width: 3px;

  }

  

  /* Track */

  .scrollbar::-webkit-scrollbar-track {

    background: var(--lightGrey4);

    border-right: 8px;

  }

  

  /* Handle */

  .scrollbar::-webkit-scrollbar-thumb {

    background: #888;

  }

  

  /* Handle on hover */

  .scrollbar::-webkit-scrollbar-thumb:hover {

    background: #555;

  }



  /* Custom Scrollbar End */

  .docTypeImg.docTypeOther{

    padding: 15px;

    }

    .docTypeImg.docTypeOther img{

    object-fit: contain !important;

    }

 /* Upload Page Start */

    

    .uploadPageBox .dragdropIcon{

    margin-bottom: 20px;

    }

    .uploadPageBox .dragdropIcon img{

    width: 65px;

    }

    .uploadPageBox .dragDropText .subMainHeading{

    font-family: var(--gothamBook);

    text-transform: uppercase;

    }

    

    .uploadPageBox button.btnStyle{

    /* margin-bottom: 30px; */

    }

    .dropzone{

    border: none;

    background: var(--colorWhite);

    padding: 0;

    }

    .dropzone .dz-message {

    background: var(--colorWhite);

    border-radius: 5px;

    margin: 0 auto;

    padding: 0 0;

    height: auto;

    min-height: 50px;

    border: 1px solid #b5b5b5;

    padding: 60px 30px;

    float: left;

    width: 100%;

    margin-bottom: 20px;

    }

    .dropzone .dz-preview{

    border: 1px solid var(--lightGrey3);

    width: 100%;

    height: 50px;

    min-height: 50px;

    margin: 0;

    margin-bottom: 20px;

    z-index: 8;

    }

    .dropzone .dz-preview .dz-image{

    height: 48px;

    width: 48px;

    border-radius: 0 !important;

    }

    .dropzone .dz-preview .dz-image img{

    height: 100%;

    width: 100%;

    }

    .dropzone .dz-preview .dz-details{

    height: 48px;

    min-height: 48px;

    padding:0;

    padding-left: 55px;

    text-align: left;

    display: flex;

    align-items: center;

    opacity: 1;

    justify-content: space-between;

    }

    .dropzone .dz-preview .dz-details .dz-filename:hover span,

    .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{

    border: none;

    }

    

    .dropzone .dz-preview .dz-details .dz-size{

    display: none;

    }

    .dropzone .dz-preview.image__open .dz-details{

    padding-left: 55px;

    /* padding-right: 45px; */

    }

    .dropzone .dz-preview .dz-progress{

    left: 0;

    right: 0;

    margin: 0;

    top: -16px;

    height: 15px;

    width: auto;

    border-radius: 0;

    }

    .dropzone .dz-preview .dz-progress .dz-upload{

    background-image: linear-gradient(to right, #1578cc, #0986d2, #1594d7, #2aa1db, #40aede);

    }

    .dropzone .dz-preview .dz-details .dz-filename{

        display:inline-block;

        margin-right: 50px;

    }

    .dropzone .dz-preview:hover .dz-image img{

    -webkit-transform:none;

    -moz-transform:none;

    -ms-transform:none;

    -o-transform:none;

    transform:none;

    -webkit-filter: none;

    filter: none;

    }

    

    .dropzone .dz-preview .dz-remove{

    color: #396E90;

    text-decoration: none;

    padding: 0 25px;

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    z-index: 999999;

    }

    .dropzone .dz-preview .dz-remove:hover{

    text-decoration: none;

    }

    .dropzone .dz-preview .dz-remove{

        font-size: 0;

        /* position: absolute; */

        margin-left: 10px;

    }

    .dropzone .dz-preview .dz-remove:before{

        position: absolute;

        content: '\f2ed';

        font-family: 'Font Awesome 5 Free';

        font-size: 20px;

        color: var(--colorRed2);

        top: -14px;

        right: 15px;

        font-weight: 900;

    }

    .dropzone .dz-preview.image__open .dz-image{display: block;}

    .dropzone .dz-preview.image__open .uploading{display: none;}

    

    .dropzone.dz-started .dz-message{

    display: block;

    }

    

    /* Upload Page End */



  /* Image Search Select Start */



.customMultiSelect{

position: relative;

margin-bottom: 30px;

}



.multiSelectList {

border: 1px solid #d6d6d6;

width: 100%;

display: none;

padding: 18px 13px 17px 13px;

border-radius: 6px;

border: solid 1px #c7c7c7;

background-color: #f4f4f4;

position: absolute;

z-index: 99;

max-height: 280px;

overflow: auto;

}



.multiBtns {

border: 1px solid #d6d6d6;

width: 100%;

border-radius: 2px;

position: relative;

text-align: left;

padding: 10px 15px;

border-radius: 6px;

border: solid 1px #c7c7c7;

cursor: pointer;

background-color: #727272;

font-size: 16px;

line-height:19px;

color: var(--colorWhite);

}

fieldset label {

font-weight: bold;

}



.multiSelectList input {

width: 14px;

height: 14px;

margin: 10px 9px 11px 1px;

border-radius: 3px;

border: solid 0.5px rgba(0, 0, 0, 0.25);

background-image: linear-gradient(to bottom, #dbdbdb, var(--white) 35%);

}



.multiBtns i {

position: absolute;

right: 12px;

top: 38%;

color: rgb(255 255 255 / 67%);

transition: transform .2s ease-out, color .2s ease-out;

font-size: 13px;

}



.showDropBox .multiBtns i{

transform: rotate(-180deg) translate(0, 2px);

color: #404040;

}



/* Image Search Select End */



.folderInputBox2{

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

}

.folderInputBox2 input{

    font-size: 12px;

    line-height: 14px;

    font-family: var(--gothamBook);

    color: var(--warmGrey);

    background: transparent;

    border: none;

    width: 100%;

}

.folderInputBox2 input:focus{

    outline: none;

}

.saveImgInfos ul li a.moreOption{

    color: var(--dodgerBlue);

}

.saveImgInfos ul li:last-child{

    border-right: none;

}



/* Sumo Select Style Start */

.SumoSelect{

    width: 100%;

}

.SumoSelect .CaptionCont{

    padding: 9px 20px 9px 20px;

    border-radius: 10px;

    border: solid 2px var(--lightGrey4);

    background-color: var(--whiteSmoke);

}

.SumoSelect.open .CaptionCont, 

.SumoSelect:focus .CaptionCont, 

.SumoSelect:hover .CaptionCont{

    box-shadow: none;

    outline: none;

    border: solid 2px var(--lightGrey4);

}

.SumoSelect .CaptionCont span{

    font-size: 16px;

    line-height: 22px;

    color: var(--offBlack);

    font-family: var(--opensansRegular);

}

.SumoSelect.open .optWrapper{

    top: 44px;

}

.SumoSelect .optWrapper .options li.opt label,

.SumoSelect .CaptionCont label{

    margin-bottom: 0;

}

.SumoSelect .optWrapper.multiple .options li.opt.selected span i{

    background-color: var(--dodgerBlue);

}

.SumoSelect .CaptionCont label i{

    background-image: none;

    border-color: #888 transparent transparent transparent;

    border-style: solid;

    border-width: 5px 4px 0 4px;

    height: 0;

    left: 50%;

    margin-left: -4px;

    margin-top: -2px;

    position: absolute;

    top: 50%;

    width: 0;

}



.addToFolder .searchFoldersBox .form-group{

    margin-bottom: 0;

}

.addToFolder .searchFoldersBox{

    position: relative;

    margin-bottom: 20px;

}

.addToFolder .searchFoldersInner button{

    position: absolute;

    right: 0;

    top: 0;

    height: 100%;

    border: none;

    background-color: transparent;

    padding: 0 5px;

    color: var(--colorWhite);

}

.addToFolder .searchFoldersInner button span{

    height: 37px;

    width: 37px;

    border-radius: 50%;

    background-image: linear-gradient(to right, #1578cc, #0986d2, #1594d7, #2aa1db, #40aede);

    display: inline-block;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

}

.addToFolder .searchFoldersInner input{

    font-size: 16px;

    line-height: 17px;

    font-family: var(--opensansRegular);

    padding: 12px 60px 12px 20px;

    border: solid 1px var(--warmGrey);

    box-shadow: 0.4px 2px 27px 0 rgba(204, 204, 223, 0.15);

    background-color: var(--colorWhite);

    border-radius: 0;

}

.error{

    color: red;

}







.searchFolderPage .folderSearchPage .folderImages .searchedImg{

    text-align: center;

    padding: 20px;

    border: 1px solid #ccc;

    border-radius: 8px;

}

.searchFolderPage .folderSearchPage .folderImages .searchedImg img{

    margin-bottom: 10px;

}



.imageTagsModal .modal-dialog{

    max-width: 700px;

}



.documentTagsModal .modal-dialog{

    max-width: 700px;

}



.untaggedImgsTabs{

    display: flex;

    flex-wrap: wrap;

}



.uploadDocsBox form input{

    display: none;

}

.uploadDocsBox form label{

    display: block;

    width: 100%;

    height: 100%;

    border: 1px solid #b5b5b5;

    border-radius: 5px;

    cursor: pointer;

    padding: 50px;

    text-align: center;

    float: left;

}

.uploadDocsBox form label span h3{

    font-family: var(--gothamBook);

    text-transform: uppercase;

    margin-top: 20px;

}







/*.deleteFilesBoxs{

    position: absolute;

    top: 10px;

    right: 10px;

    height: 16px;

    width: 16px;

    border-radius: 50%;

    overflow: hidden;

    background: var(--colorWhite);

    display: flex;

    align-items: center;

    justify-content: center;

}

.deleteFilesBoxs a{

    color: var(--colorBlack);

}*/



.sliderBoxTop2 ul{

    padding-bottom: 0;

}



.sliderBoxTop3 ul{

    justify-content: flex-end;

}



.edit_image_name{

    height: 13px;

    width: 13px;

    display: inline-block;

}



.SumoSelect.selectedSumo .CaptionCont{

    border-color: var(--dodgerBlue);

}



.downloadBtns button{

    border: none;

    background: transparent;

    text-transform: uppercase;

    color: var(--mediumGrey);

    font-family: var(--gothamMedium);

    cursor: pointer;

}

.downloadBtns button img{

    margin-right: 6px;

}

.untaggedDocsBox.untaggedDocsBoxNew{

    margin-top: 0;

}

.untaggedDocsBox.untaggedDocsBoxNew .sliderBoxTop{

    margin-bottom: 30px;

}





.imgThumbContainer{

    display: inline-block;

    float: left;

    margin-right: 15px;

    margin-top: 15px;

    position: relative;

}

.imgThumbContainer .IMGthumbnail{

    height: 100px;

    width: 100px;

    border: 1px solid #ddd;

}

.imgThumbContainer .IMGthumbnail img{

    height: 100%;

    width: 100%;

    object-fit: contain;

}



.imgThumbContainer .imgName{

    font-size: 14px;

    line-height: 18px;

    font-family: var(--opensansRegular);

    margin-top: 3px;

}

.imgThumbContainer i{

    position: absolute;

    right: 0;

    top: 0;

    height: 20px;

    width: 20px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #aaa;

    background: #fff;

    display: none;

    font-size: 12px;

    line-height: 12px;

    cursor: pointer;

}

.imgThumbContainer:hover i{

    display: inline-flex;

}



.mainPagination{

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.pagination{

        justify-content: center;

}

select:focus{

    outline: none;

}

.perPageFilter label{

    margin-right: 10px;

}



.deleteFilesBoxs{

    position: absolute;

    top: -8px;

    right: -8px;

}

.deleteFilesBoxs a{

    background-color: var(--colorBlack);

    display: inline-block;

    height: 20px;

    width: 20px;

    border-radius: 50%;

    overflow: hidden;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 10px;

    color: var(--colorWhite);

}

.deleteFilesBoxs a:hover{

    background-color: #929292;

}

.searchDocForm.searchDocForm2{

    align-items: center;

    justify-content: space-between;

}

.searchDocForm2 .formStyle{

    width: 100%;

}

.searchDocForm2 .formStyle input{

    width: 100%;

}

.searchDocForm2 .gotoFolder{

    margin-left: 25px;

}

.searchDocsBox2 .searchFormInner2{

    position: relative;

}

.searchDocsBox2 .searchFormInner2 button{

    position: absolute;

    right: 0;

    top: 0;

    border: none;

    background: transparent;

    height: 100%;

    padding: 0 20px;

    cursor: pointer;

}

.searchButton.searchButton2{

    margin-bottom: 20px;

    margin-top: 20px;

}

.docTypeInfo3 .imgsAction2 ul{

    display: flex;

    align-items: center;

    justify-content: center;

}

.docTypeInfo3 .imgsAction2 ul li{

    margin-right: 7px;

}

.modalImages{

    margin-bottom: 30px;

}

.modalImages .docTypeImg{

    margin-bottom: 10px;

}

.customBtnsBox .slick-prev, 

.customBtnsBox .slick-next{

    height: 35px;

    width: 35px;

    border-radius: 10px;

    background: var(--lightGrey3);

    top: 42%;

}

.customBtnsBox .slick-prev:before, 

.customBtnsBox .slick-next:before {

    font-family: "Font Awesome 5 Free";

    font-size: 12px;

    color: var(--colorBlack);

    font-weight: 900;

}

.customBtnsBox .slick-next:before {

    content: '\f054';

}

.customBtnsBox .slick-prev:before {

    content: '\f053';

}

.modalImagesSlider .slick-list{

    margin: 0 50px;

}

.modalImagesSlider .docTypeImg img{

    margin: 0 auto;

    height: 100%;

    width: 100%;

    object-fit: cover;

}

.modalImagesSlider .docsListInner{

    height: 320px;

}

.modalImagesSlider.slick-slider .slick-list

{

    height: 380px;

}

.modalImagesSlider .docTypeImg{

    height: 100%;

}



.tagsListsBox2{

    max-height: 300px;

    overflow-y: auto;

    padding-right: 15px;

}



.imageTagsModal2 .pageMainHead2{

    margin-bottom: 20px;

    padding-bottom: 20px;

    border-bottom: 1px solid var(--warmGrey);

}

.imageTagsModal2 .tagsListsBox .tagsSections{

    margin: 5px 0 5px;

}

.requestBox2 .requestBoxInner2{

    display: flex;

    align-items: center;

    justify-content: center;

}

.requestBox.requestBox2{

    margin-top: 20px;

    padding-top: 20px;

    border-top: 1px solid var(--warmGrey);

}

.requestBox.requestBox2 .select2Box{

    width: 230px;

    margin-right: 15px;

}

.requestBox.requestBox2 .requestForm .form-control{

    width: 230px;

}

.btmBtns button{

    display: inline-block;

    float: left;

    margin-right: 15px;

}

.btmBtns button:last-child{

    margin-right: 0;

}

.modal .closeBtn {

    position: absolute;

    top: -20px;

    right: -20px;

}

.modal .closeBtn button{

    background: var(--colorBlack);

    height: 40px;

    width: 40px;

    border: 1px solid var(--colorBlack);

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

}

.modal .closeBtn span{

    color: var(--colorWhite);

}



.downloadBtns button{

    padding: 0;

}

.SumoSelect.open .search-txt{

    padding-bottom: 0;

    padding-top: 0;

    height: 100%;

}



.modalImagesSlider{

    margin-bottom: 20px;

}

.modalImagesSlider .docFileName{

    width: auto;

}

.modalImagesSlider .docTypeInfo.docTypeInfo2{

    align-items: center;

}





.docTypeInfo .imgsAction.imgsAction3 ul li a span{

    color: var(--lighBlue2);

}





.untaggedDocsPage2 .sliderBoxTop{

    display: block;

    width: 100%;

    float: left;

}



.imageTagsModal .tagsListsInner .tagsListsBox .tagHeading h3{

    color: var(--warmGrey);

    font-family: var(--gothamBold);

}



.col-sm-3.box{

    /*display: none;*/

}



.typesSelectOptions select{

    width: 100%;

    box-shadow: none;

    outline: none;

    border: solid 2px var(--lightGrey4);

    padding: 9px 20px 9px 20px;

    border-radius: 10px;

    font-size: 16px;

    line-height: 22px;

    color: var(--offBlack);

    font-family: var(--opensansRegular);

    background-color: var(--whiteSmoke);

}


.phide
{
    display: none !important;
}