.mainTable tr td/*********************************** CloudBox CSS Start *****************************************************/ /* Global */ body{color: #333;} input[type="checkbox"], input[type="radio"]{border: none !important; outline: none;} .PosRel{position:relative;} .w_20px{width:20px;} .w_75px{width:75px;} .w_60px{width:60px;} /* added 21 Feb*/ .w_90px{width:90px;} .w_130px{width:130px;} .w_175px{width:175px;} /* added for list view */ .w_185px{width:185px;} /* added for Global Action Menu */ .w_189px{width:189px;} /* added for communications ilabelcon&listview menu popup*/ .w_170px{width:170px;} /* added for Global Action SubMenu */ .w_150px{width:150px} .w_Auto{width: auto!important} .w_98pr {width:98%} .w_2pr{width:2%;} .w_24pr{width:24%;} .w_220px{width:220px;} .pd_3px{padding:3px} .pd_135px{padding-left:135px} .mrgL_30px{margin-left:30px;} .mgT_4px{margin-top:4px;} .leftAlignedText{text-align:left} .rightAlignedText{text-align:right} .centerAlignedText{text-align:center} article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block} /* Header */ header{margin:0;padding:0;border-bottom: solid 2px #efefef;} .logout{margin-bottom:10px; border: solid 1px #99C332; background-color:#F5F6E6; padduserNameing:10px;} .logout a{margin:0px 5px;} .search{margin-top: 5px;text-align: right;} .inputSearch{width: 221px; border: none !important; position: relative; left: -1px; padding:6px 23px 7px 4px; outline: none;} .inputSearchsmall{width: 138px !important;} .searchoptionsIcon{background:url('/images/clouddrive/downArrow.png?1235') no-repeat 1px 0px;height:17px;width:14px;position:absolute;top:8px;right:22px; cursor: pointer;} .searchoptionsIcon:hover{background-position: -15px 0;} .searchoptionsIcon:active{background-position: -31px 0;} .searchIcon{background:url('/images/clouddrive/cleanBtn.png') no-repeat 0px 0px;height:17px;width:14px;position:absolute;top:5px;right:6px;} .searchIcon:hover{background-position: -20px 0;} .searchIcon:active{background-position: -40px 0;} .langSelectBox {border:1px solid #cccccc; margin-right: 40px; padding:5px;} .profilePic{float:left;margin-right:10px;} .boxOptionsMore{float:right;text-align:left;} .boxOptionsLess{float:right;text-align:left;padding-top:7px;} /* Left Container */ container{width:99.7%;} /*aside{float:left;width:19%;clear:both;margin:5px 0 0px 0;}*/ /* aside h2{margin:0px;} */ .rightContainer{float:right;width:99.7%;} .hidePanel{float:right;clear:both;display:none;color:#46861a} .breadcrumbList{background: url('/images/file-folders-sprite.png?1') no-repeat; background-position: 0 -31px; width: 45px; height: 45px; display: inline-block; z-index: 1;} .breadcrumbList ul{background-color: #fff; display: flex; flex-direction:column;-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3); padding: 5px;border: solid 1px #ccc;width: 200px;background: #fbfbfb; position: absolute;top: 38px;left: 0; align-items: flex-start; justify-content: flex-start; } .breadcrumbList ul li{padding: 0; cursor: pointer; width: 100% !important;display: flex;justify-content: flex-start; height: 40px;} .breadcrumbList ul li:hover{background-color: #eee;} .breadcrumbList ul li span{ background: url('/images/file-folders-sprite.png?1') no-repeat; background-position: 0 -33px; background-repeat: no-repeat; height: 40px; padding: 0 0 0 50px; margin: 0; display: block; line-height: 45px; } .breadcrumFilter{margin-left: 5px;} .filterDisplay{margin:0;word-wrap:break-word;padding: 0 12px;} .breadcrumbList ul li a:hover{pointer-events: none !important;} .breadcrumbMain{margin:0 0 0 5px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; flex:1;} .breadcrumb{font-size:14px; font-weight: bold; margin: 0 15px 0px 0;display:inline-block;word-wrap:break-word;width: calc( 100% - 40px);} .files{padding:10px;margin-bottom:10px;} .files a{font-size:13px;} .files ul li{padding:3px 0;} /* aside h2{padding:5px;font-size:13px;font-weight:bold;} */ .content ul{padding-left:23px;} /*.content ul li{cursor:pointer;}*/ .content ul li a{display:block;padding:0 5px;text-decoration:none;/* max-width:200px; */min-width:175px; cursor:auto} .content ul li a img{padding-right:5px;} .borderforTreebox{border:solid 1px #ccc;} .storage{padding:10px;text-align:center;} .storage a{font-size:13px;text-decoration:underline;margin:5px 0;display:inline-block;font-weight:bold;} .storageIndicator span{width:50%;display:block;height:12px;} /* Main Table */ .tableContainer{margin:0 auto;padding:23px 0 0 0;position:relative;/* For IE8 */overflow:hidden;z-index:0;width: 100%;} .tableHeaderBg{height:23px;left:0;right:0;top:0;position:absolute;margin:1px 1px 0 0;z-index:0} .tableScrollBar{overflow-x:hidden;overflow-y:auto;} .mainTable{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;clear:both;} .mainTable tr th{padding:0 1px 0 5px;text-align:left; vertical-align:top} .mainTable tr th.checkboxColHead{padding:0;width:26px;} .mainTable tr th.checkboxColHead .th_inner{line-height:normal;margin-left:-1px} .mainTable tr th.checkboxColHead input[type=checkbox]{margin:5px 0 8px 5px} .mainTable tr td{padding:5px;line-height: 15px; position: relative;background-clip: padding-box; font-size: 14px;} .mainTable .borderNone{border-right:transparent 0px solid} .mainTable tr table th{padding: 3px 0 3px 5px} .mainTable .borderRightNone,.table_1 .borderRightNone,.table_1 th.borderRightNone,.table_1 .borderRightNone,.table_1 tr td.borderRightNone,.table_1 td.borderRightNone,.softPhoneDevices td.borderRightNone{border-right:none} .th_inner{line-height:24px;margin:0 0 0 -5px;padding:0 15px 0 5px;position:absolute;text-align:left;top:0} .th_inner input{line-height:normal} .mainTable tr td input[type="checkbox"]{line-height:normal; border: none !important; outline: none !important; -ms-appearance: none;} .mainTable tr th input[type="checkbox"]{line-height:normal; border: none !important; outline: none !important; -ms-appearance: none;} .tableFirstColLeftBorderNone{border-left:transparent 1px solid;} .checkboxCol input[type=checkbox]{margin:3px 0 0 5px} .sortAndFilterPopup{background:url('/images/clouddrive/upanddown_arrows.png') no-repeat right 7px;padding:3px 28px 3px 3px;} .sortAndFilterPopup:hover{background:#ccc url('/images/clouddrive/upanddown_arrows.png') no-repeat right 7px;} .sorting{width:19px;margin-top:1px;position:absolute;top:0px;right:25px;height:23px;cursor:pointer;} .sorting:hover,.sortActive{background: #ccc;} .sorting span.clickPoint,.sortActive span.clickPoint{width:9px;height:5px;display:block;margin:9px 0 0 6px;} .sorting:hover,.sortActive{width:19px;margin-top:1px;position:absolute;top:0px;right:25px;;height:23px;cursor:pointer;} .sortingMain ul li:hover{background-color: #ccc;} .sortAndFilterPopup:hover{background-color: #ccc;} .sortingMain ul li a:hover{background-color: #ccc;} .sortingMain ul li a{padding:7px 0 7px 5px;text-decoration:none;display:block;font-weight:400;background-color:#fff } .sortingMain.ulOffLast{position:absolute;top:24px;left:-21px;padding:4px;z-index:10;} .sortingMain.ulOff select{padding:3px;margin:2px 0} .sortingMain.ulOff input{margin:2px 0} .sortingMain.ulOff img.CleanBtn{position:absolute;right:3px;top:5px;cursor:pointer} .sortingMain.ulOff .fieldArea{width:auto} /*.sortingMain.ulOff .fieldArea tr td{background:none;padding:0}*/ .sortingMain.ulOff .fieldArea tr td{padding:0;background: none} .sortingMain.ulOff .fieldArea tr td a, .sortingMain.ulOff .fieldArea tr td a:hover{border:none;background:none;padding:2px 0 0 3px} .sortingMain.ulOff .fieldArea .PosRel{display:inline-block} .sortingMain.ulOff a.toolTipAnchor:hover span.tooltip{top:-3px} .SortAscendingIcon{background-position:8px -169px;padding: 0 0 0 30px} .SortDescendingIcon{background-position:8px -194px;padding: 0 0 0 30px} .SortAscendingIcon a, .SortDescendingIcon a, .ascendingNumIcon a, .decendingNumIcon a{display:block;} .ascendingNumIcon{background-repeat:no-repeat;background-position:-140px -169px; padding:0 0 0 30px;} .decendingNumIcon{background-repeat:no-repeat;background-position:-140px -194px; padding:0 0 0 30px;} .ascendingIcon{background:url('/mages/clouddrive/mainsprite.png') no-repeat 3px -169px;} .decendingIcon{background:url('/mages/clouddrive/mainsprite.png') no-repeat 3px -194px;} .divider{height:1px;padding:0;margin:3px 0} .lastColumSort{right:21px;left:auto;} /* Total Filter Section */ .filterforGroup{background:url('/images/clouddrive/filter.png') no-repeat} .filterIcon{background-position:7px 4px;padding:0 0 0 30px;} .filterInputMain ul li input,.filterInputMain ul li select{margin-bottom:5px} .filterSection{border-left:none; padding-left:4px; margin:0 auto;} .customRange{border-left:none !important; width: 270px; margin:0 auto;} .datePickedLables{width:27px;display:inline-block} /* New Tooltip */ a.toolTipAnc{position:relative;font-weight:normal;color:#000000} a.toolTipAnc:hover span.tooltipMain{display:block;} a.toolTipAnc:hover span.tooltipArrow{display:block;background:url('/images/clouddrive/arrow-left.png') no-repeat 0 0;position:absolute;top:5px;left:-10px;width:20px;height:20px;} .tooltipMain{display:none;position:absolute;padding:10px;left:28px;top:-5px;min-width:250px;max-width:400px;text-align: left} a.toolTipAnc:hover span.tooltipMainNew{display:block;} .tooltipMainNew {display: none;position: absolute;padding: 10px;left: -138px; top: 22px; min-width: 250px; max-width: 400px;text-align: left;background-color:#f2f2f2;border:solid 1px #e0e0e0;-moz-box-shadow:4px 5px 3px #686868;-webkit-box-shadow:4px 5px 3px #686868;box-shadow:4px 5px 3px #686868;filter:progid:DXImageTransform.Microsoft.Shadow(color='#686868',direction='120',strength='5');} a.toolTipAnc:hover span.leftTooltipMain{display:block;} a.toolTipAnc:hover span.leftTooltipArrow{display:block;background:url('/images/clouddrive/arrow-left.png') no-repeat 0 0;position:absolute;top:-9px;left:197px;width:20px;height:20px;-moz-transform:rotate(90deg);} .leftTooltipMain{display:none;position:absolute;padding:10px;right:-4px;top:30px;min-width:200px;max-width:400px;text-align:left;} .rightzero{right:0px;left:auto!important} /*.normalButton{ padding: 4px 10px; margin: 0 5px; cursor: pointer; border: none; border-radius: 4px; outline: none; font-size: 14px;}*/ .normalButton:disabled{cursor:default} .buttonSpacing{margin-left: 5px;} /*.normalButton{font-weight:bold;-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;border-radius:5px;font-size:11px;padding:5px 6px} .normalButton:disabled{cursor:default}*/ .margin{margin-right: 5px;margin-top: 5px} .inputClear{padding:3px 20px 3px 3px;width:90px;} .inputfilterAlign{margin-bottom:1px;line-height:normal;padding:1px} /* Action Bar */ .actionBar{margin:5px 0;padding:5px 5px 1px 5px;} .actionBar img{vertical-align: middle;} .actionBar Ul li{list-style:none;float:left;} .actionBar input.input{padding:5px;} .moreActions{margin-top:12px;margin-left:20px;float:left;} .moreActions div div{float:left;position:relative;z-index:6;} .moreActions div div a.actionLink{padding:3px 23px 3px 7px;display:block;text-decoration:none;font-weight:bold;} .moreActions div div span{width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent;top:10px;right:7px;position:absolute} .moreActions div div ul{position:absolute;top:20px;left:0;z-index:5;padding:4px;min-width:112px} .moreActions div div ul li{padding:1px} .moreActions div div ul li a{padding:4px 8px;display:block;text-decoration:none;white-space:nowrap;} /* Detailed View */ .sortAndFilter{padding:5px 0 5px 0; width:100%;display: flex; flex-direction: row;} .sortSelectAll{display: flex;margin: 0 0 0 5px;flex: 1;align-items: center;} .sortFilterBy{display: flex; align-self: flex-end;} .sortFilter{min-width: 90px; position: relative;} .detailedView{float:left;} /*.detailedView div{text-align:left;display: inline-block;vertical-align: top;font-size:13px;word-wrap:break-word;padding:8px;float:left;height:32px;min-width:220px;max-width:220px; border: 1px solid #CCCCCC; margin: 6px 4px 3px 0;} edited 14 feb*/ .detailedView div { text-align:left;// height:71px; padding:5px 0; margin: 0; display: flex; justify-content: flex-start; align-items: center; width:100%; } .detailedView div img{text-align:center;} .detailedView div a{clear:both;} .detailedView div.activityMain{min-height: 60px;} /* List View */ .gridView div{position:relative;} .gridView{border-bottom:solid 1px #ccc;display: flex;flex-wrap: wrap;align-content: flex-start;} .gridView div{text-align:center;margin:5px;border:solid 1px #ccc;padding:10px; font-size:13px;word-wrap:break-word;width:90px;height:90px; display: flex; flex-direction: column; justify-content: center; align-items: center; } /* .gridView div{text-align:center;margin:5px;border:solid 1px #ccc;padding:10px;width:8%;display:inline-block;vertical-align: top;font-size:13px;word-wrap:break-word;width:90px;height:90px;} */ .gridView div img{text-align:center;} .gridView div a.icon{display:block;clear:both;height:45px;width:45px;position: relative;} .gridView div span.checkbox{position:absolute;top:7px;left:7px;} div.gridViewContainer{display: flex;flex-wrap: wrap;justify-content: initial;align-content: initial;width: initial;height: initial;flex-direction: inherit;margin: 0;padding: 0;border: none;} .pagingBuddies{position:absolute;left:40%} .pagingBuddies div{margin:3px 2px 0 2px} .pBuddiesPrevNext, .pBuddiesSelectedNav, .pBuddiesChosPg, .pBuddiesSelectedPg{padding:1px 5px} .pBuddiesChosPg:hover,.pBuddiesPrevNext:hover{cursor:pointer} .pBuddiesSelectedPg{border:none;font-weight:700} .PagingSection{overflow:auto;text-align:center;padding:12px 0px 0px 10px;} .PagingSection .PagingArrows{background:url(../images/PagingNavigation.gif) no-repeat} .PagingSection span{margin:0 10px 0 0} .PagingSection .PagingArrows.GoPrev{background-position:-30px -1px;cursor:pointer;height:10px;margin:0 5px;padding-left:10px} .PagingSection .PagingArrows.GoNext{background-position:-10px -1px;height:10px;width:10px;padding:0 3px;margin:0 5px;cursor:pointer} //.DividerLine{height:20px;margin:13px 0 6px 15px} .alertMessageMain h2 .alertIcon{background:url('/images/mainsprite.png') no-repeat -23px -41px;} /*.disableBody{background-position: center top;background-repeat:repeat-x;height:100%;left:0;opacity:0.6;position:fixed;top:0;width:100%;z-index:44;-ms-filter:"progidXImageTransform.Microsoft.Alpha(Opacity=30)";}*/ .disableBody{background-position: center top;background-repeat:repeat-x;height:100%;left:0;opacity:0.7;position:fixed;top:0;width:100%;z-index:44;-ms-filter:"Alpha(Opacity=60)";} /* .customAlert{left:0;position:absolute;top:50%; bottom: 50%; margin-bottom: 7%; width:100%;z-index:100} */ .customAlert{left:0;position:absolute;top:20%;width:100%;z-index:100} .customAlert_buttons{display:flex;margin-bottom:15px;} .mr_10{margin:0 15px 0 5px !important;} .streamUpload{left:0; right: 0; position:absolute;top:50%; bottom: 50%; width:100%; z-index:100;max-width: 650px; margin: 0 auto; margin-top:-250px; height: 157px;} .streamUpload_cnme{left:0; right: 0; position:absolute;top:0px; bottom: 0px; width:100%; z-index:100;display: flex;} .boxShadow{margin:auto;z-index:45;overflow:hidden;width:500px;-khtml-border-radius: 5px;border-radius:10px;-webkit-border-radius:10px;box-shadow:0px 0px 10px #636363;-webkit-box-shadow:0px 0px 10px #636363;filter: progid:DXImageTransform.Microsoft.Shadow(Color=#636363, Direction=135, Strength=3);z-index:45;background-color:#fff;} /* .customAlert .head{clear: both;width: 97%; float: left;padding: 8px 10px;line-height: 23px;margin-bottom: 5px;} */ .customAlert .head h2{font-size:16px; margin:2px 0;max-height: 35px; overflow: auto; word-wrap: break-word; float: left; width: 80%;} /* .customAlert .head a.popupcloseButton{float:right;display:block;margin:4px -1px 0 0;width:20px;height:19px;background: url("../../images/clouddrive/close_alert_small.png") no-repeat scroll 0 0 transparent;text-decoration:none;}*/ .customAlert .head a.popupExpandButton{ background: url("../../images/clouddrive/maximize _window.png?123") no-repeat scroll 0 0 transparent;display: block;float: right;height: 19px;margin: 1px 5px 0 0;text-decoration: none;width: 20px;} .customAlert .head a.popupCollapseButton{ background: url("../../images/clouddrive/minimize_window.png?123") no-repeat scroll 0 0 transparent;display: block;float: right;height: 19px;margin: 1px 5px 0 0;text-decoration: none;width: 20px;} .customAlert .head a.popupcloseButton{ background: url(/images/streams/stream-icons-sprite.png?t=12Dec17) no-repeat;display: block;float: right;height: 20px;margin: 1px 3px 0 0;text-decoration: none;width: 20px; opacity: 0.5;background-position: -69px -653px;} .customAlert .head a.popupcloseButton:hover{opacity: 0.8;} .customAlert .head a.popupminmizeButton{ background: url("../../images/clouddrive/minimize_alert_small.png?abc") no-repeat scroll 0 0 transparent;display: block;float: right;height: 19px;margin: 1px 5px 0 0;text-decoration: none;width: 20px;} .customAlert .contentArea{clear:both;width:96%;margin:0 auto 5px;border: solid 1px #ccc;margin-bottom: 10px;padding: 0 0 10px 10px;} .contentArea_cnme{overflow: auto; height: calc(100vh - 249px)} .customAlert .contentArea_Question{background:url("/images/clouddrive/question.png") no-repeat 18px 12px;padding:20px 15px 35px 53px;clear:both;float:left;width:332px;} .customAlert .contentArea_Error{background:url("/images/clouddrive/redalert.png") no-repeat 18px 12px;padding:20px 15px 35px 53px;clear:both;float:left;width:332px;} .customAlert .confirmationButtons{display:flex;text-align:left;width:auto;margin:1px auto 5px;padding-top:10px;padding-bottom:2px;clear:both;justify-content: center;} .confirmationButtons_moreOptions{display: flex;justify-content:center;} .uploadTable{max-height:190px;overflow-x:auto; width: 98%;} .uploadTable table{width:100%;border-collapse: collapse;border-spacing:0;table-layout:fixed;font-size:11px; border:solid 1px #999;} .uploadTable table.bodyContent {border-top:none;} .uploadTableThBorder{border-right: solid 1px #999;} .uploadTable tr th{text-align:left;padding:5px;font-size:12px;background: #ccc;} .uploadTable table tr td{word-wrap:break-word} .uploadTable table tr:last-child td {border-bottom: none!important;}/* added by ramanjaneyulu */ .uploadTable tr td{padding:5px; border-right:1px solid #999;border-top:1px solid #999;} .uploadTable tr:first-child td {border-top:none;} .uploadTable tr td.borderRightNone{ border-right: none!important;} .indicator{padding:15px 0;text-align: center;} .timeRemaining{left:0;margin:0 auto;position:absolute;top:5px;width:100%;} .uploadError{text-align:center;padding:5px 0;} .uploadPath{padding:6px 0;clear:both; font-size: 14px;} /*.folderIcon{background:url('/images/clouddrive/explorer_folderIcon.png') no-repeat 0px 0px;} edied 14 feb .syncfolderIcon{background:url('/images/clouddrive/syncFolder.png') no-repeat 0px 0px;} .pdfIcon{background:url('/images/clouddrive/pdf.png') no-repeat 0px 0px;} .pptIcon{background:url('/images/clouddrive/ppt.png?abc') no-repeat 0px 0px;} .docIcon{background:url('/images/clouddrive/word.png') no-repeat 0px 0px;} .imgIcon{background:url('/images/clouddrive/image.png') no-repeat 0px 0px;} .xlsIcon{background:url('/images/clouddrive/excel.png') no-repeat 0px 0px;} .audioIcon{background:url('/images/clouddrive/mp3.png') no-repeat 0px 0px;} .videoIcon{background:url('/images/clouddrive/video.png') no-repeat 0px 0px;} .xmlIcon{background:url('/images/clouddrive/xml.png') no-repeat 0px 0px;} .textIcon{background:url('/images/clouddrive/text.png') no-repeat 0px 0px;} .zipIcon{background:url('/images/clouddrive/zip.png') no-repeat 0px 0px;} .officeDbaseIcon{background:url('/images/clouddrive/openoffice-base_32.png') no-repeat 0px 0px;} .officeCalcIcon{background:url('/images/clouddrive/openoffice-calc_32.png') no-repeat 0px 0px;} .officeDrawIcon{background:url('/images/clouddrive/openoffice-draw_32.png') no-repeat 0px 0px;} .officeImpressIcon{background:url('/images/clouddrive/openoffice-impress_32.png') no-repeat 0px 0px;} .officeMathIcon{background:url('/images/clouddrive/openoffice-math_32.png') no-repeat 0px 0px;} .officeWriterIcon{background:url('/images/clouddrive/openoffice-writer_32.png') no-repeat 0px 0px;}*/ /* .folderIconEmpty,.folderIcon,.communicationFolderIcon,.zipIcon,.pdfIcon,.pptIcon,.docIcon,.imgIcon,.xlsIcon,.audioIcon,.videoIcon,.xmlIcon,.textIcon,.officeDbaseIcon,.officeCalcIcon,.officeDrawIcon,.officeImpressIcon,.officeMathIcon,.officeWriterIcon,.uknIcon,.trashIcon,.nonemptytrashIcon,.crACDInboundIcon,.crInboundIcon,.crOutboundIcon,.confIcon,.vmailIcon,.faxIcon,.vmailIconMp3 {background:url('/images/clouddrive/folderorfile_32.png')no-repeat;} .usersColumn.folderIconEmpty {background-position:-10px 0px;} .folderIcon {background-position:-10px -50px;} .communicationFolderIcon {background-position:-10px -100px;} .zipIcon {background-position:-10px -150px;} .pdfIcon {background-position:-10px -200px;} .pptIcon {background-position:-10px -250px;} .docIcon {background-position:-10px -300px;} .imgIcon {background-position:-10px -350px;} .xlsIcon {background-position:-10px -400px;} .audioIcon {background-position:-10px -450px;} .videoIcon {background-position:-10px -500px;} .xmlIcon{background-position:-10px -550px;} .textIcon {background-position:-10px -600px;} .officeDbaseIcon{background-position:-10px -650px;} .officeCalcIcon {background-position:-10px -700px;} .officeDrawIcon {background-position:-10px -750px;} .officeImpressIcon {background-position:-10px -800px;} .officeMathIcon {background-position:-10px -850px;} .officeWriterIcon {background-position:-10px -900px;} .uknIcon {background-position:-10px -950px;} .trashIcon {background-position:-10px -1000px;} .nonemptytrashIcon {background-position:-10px -1050px;} .crACDInboundIcon {background-position:-10px -1100px;} .crInboundIcon {background-position:-10px -1150px;} .crOutboundIcon {background-position:-10px -1200px;} .confIcon {background-position:-10px -1250px;} .vmailIcon {background-position:-10px -1300px;} .faxIcon {background-position:-10px -1350px;} .vmailIconMp3 {background-position:-10px -1400px;}*/ .treeStructureDiv .folderIconEmpty {background-position:-10px 4px;} .treeStructureDiv .folderIcon {background-position:-10px -46px;} .treeStructureDiv .communicationFolderIcon {background-position:-10px -96px;} .treeStructureDiv .zipIcon {background-position:-10px -146px;} .treeStructureDiv .pdfIcon {background-position:-10px -196px;} .treeStructureDiv .pptIcon {background-position:-10px -246px;} .treeStructureDiv .docIcon {background-position:-10px -296px;} .treeStructureDiv .imgIcon {background-position:-10px -346px;} .treeStructureDiv .xlsIcon {background-position:-10px -396px;} .treeStructureDiv .audioIcon {background-position:-10px -446px;} .treeStructureDiv .videoIcon {background-position:-10px -496px;} .treeStructureDiv .xmlIcon{background-position:-10px -546px;} .treeStructureDiv .textIcon {background-position:-10px -596px;} .treeStructureDiv .officeDbaseIcon{background-position:-10px -646px;} .treeStructureDiv .officeCalcIcon {background-position:-10px -696px;} .treeStructureDiv .officeDrawIcon {background-position:-10px -746px;} .treeStructureDiv .officeImpressIcon {background-position:-10px -796px;} .treeStructureDiv .officeMathIcon {background-position:-10px -846px;} .treeStructureDiv .officeWriterIcon {background-position:-10px -896px;} .treeStructureDiv .uknIcon {background-position:-10px -946px;} .treeStructureDiv .trashIcon {background-position:-10px -996px;} .treeStructureDiv .nonemptytrashIcon {background-position:-10px -1046px;} .treeStructureDiv .crACDInboundIcon {background-position:-10px -1096px;} .treeStructureDiv .crInboundIcon {background-position:-10px -1146px;} .treeStructureDiv .crOutboundIcon {background-position:-10px -1196px;} .treeStructureDiv .confIcon {background-position:-10px -1246px;} .treeStructureDiv .vmailIcon {background-position:-10px -1296px;} .treeStructureDiv .faxIcon {background-position:-10px -1346px;} .treeStructureDiv .vmailIconMp3 {background-position:-10px -1396px;} /*.uknIcon{background:url('/images/clouddrive/unknown.png') no-repeat 0px 0px;}*/ /* .trashIcon {background:url('/images/clouddrive/trashbin-empty.png') no-repeat 0px 0px; } */ /* .nonemptytrashIcon {background:url('/images/clouddrive/trashbin-filled.png') no-repeat 0px 0px; } */ .trashBin {padding: 10px 0 8px 45px;line-height: 35px;cursor: pointer;} a.trashBin {text-decoration: none;} /* .smallButtons {font-weight: normal;margin-left: 2px;padding: 0 3px;} .smallButtons.secondaryBtn{font-weight:normal;padding:0 3px} */ .smallButtons {font-weight: normal !important;margin-left: 2px !important;padding: 4px 4px !important; font-size: 12px !important;} /*edited on 26 Feb*/ /*.smallButtons.secondaryBtn{font-weight:normal;padding:0 3px; line-height: 17px;} /*edited on 26 Feb*/ .renameInputIconView{ width:94px;margin-bottom:7px; height: 20px;} .renameConfirmationButtons{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;margin-bottom: -7px; margin-left: 6px !important;} .smallProgressMain{width:100px;display:inline-block;} /*.smallButtons{padding:0 3px;font-weight:normal;margin-left:2px;}*/ .smallProgress{height:6px!important;} .smallTextPro{color: #000000!important;} .w_135px{width:135px;} .sortAs{ background-image: url("/images/mainsprite.png?abc=1");background-position:10px -169px;line-height: 24px;padding: 0 0 0 30px;position:absolute;top:0;display: inline-block;} .sortDs{ background-image: url("/images/mainsprite.png?abc=1");background-position:10px -194px;line-height: 24px;padding: 0 0 0 30px;position:absolute;top:0;display: inline-block;} .sortNumAs{ background-image: url("/images/clouddrive/mainsprite.png?abc=1");background-position:-140px -169px;line-height: 24px;padding: 0 0 0 30px;position:absolute;top:0;display: inline-block;} .sortNumDs{ background-image: url("/images/clouddrive/mainsprite.png?abc=1");background-position:-140px -194px;line-height: 24px;padding: 0 0 0 30px;position:absolute;top:0;display: inline-block;} img{border:0px;} .actionMessage {border-radius: 0 0 10px 10px;font-size: 12px;font-weight: bold;left: 45%;margin: 0 auto;padding: 10px;position: fixed; text-align: center;top: 0;width: 10%;z-index: 1000;} .SuccessAlertBoxMain{display: inline-block;font-size: 11px;margin: 1px;padding: 5px 10px 5px 30px;} .listView{float:left;} .listView div { border: 1px solid #CCCCCC; display: inline-block; float: left; font-size: 13px; height: 16px; margin: 6px 4px 3px 0; max-width: 220px; min-width: 220px; padding: 8px; text-align: left; vertical-align: top; /* word-wrap: break-word;*/ } /*edited */ .listView div img{text-align:center;} .listView div a{clear:both;} .selectedFiles{padding:2px 6px 6px 6px;clear:both;border:solid 1px #ccc;height:100px;overflow-x:auto} .selectedFiles ul li{padding:0; min-height: 30px;} .chooseFolder{padding:15px 0 5px 0;font-weight:bold; font-size: 14px;} .moveItem{text-decoration:none; max-width:100%;color:#333;cursor:default; position: relative;display: flex; align-items: center; height: 44px;} .selectPeople{float:left;width:100%;} .fromAccounts, .fromNonAccounts{padding:5px;width:100%;clear:both;-moz-box-sizing:border-box;box-sizing:border-box} .selectPeople h3{margin:0;padding:5px;font-size:14px;font-weight:bold;} .selectPeople input[type=text]{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:2px 2px 2px 2px; } .selectPeople input[type="checkbox"] {margin:0 8px} .forLineHeight ul li{padding:2px 0;} .selectPeople ul li{overflow:hidden;} .selectedSocialNet{padding:0 0 2px;float:left;width:100%;} .selectedItems{padding:5px 0;float:left;} .cloudBoxUrl{clear:both;padding-bottom:5px;} .cloudBoxUrl input{width: 85%; float: left; padding:6px 4px;-moz-box-sizing:border-box;box-sizing:border-box;} .addRemoveBtn{float:left;padding:152px 9px 0;text-align:center;} .selectedPeople{height:305px!important;} .pdTB_5px{padding:5px 0} .pdLR_10px{padding:0 10px;} .mgT_10px{margin-top:10px;} .mgL_4px{margin-left:4px!important;} .mgL_0px{margin-left:0px!important;} .w_620px{width:620px;} .clearBoth{clear:both;} .shareLink{display: block; clear: both; padding: 5px 0 0 0;} /* Old class need to update with this */ .customAlert .head{clear:both;width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;box-sizing:border-box;float:left;padding:10px 10px;position: relative;} .addBtn{border-radius: 5px 5px 5px 5px;cursor: pointer;font-size: 10px;margin-bottom: 4px;padding: 1px 7px 11px;text-decoration: none;width:100%;margin-bottom:5px;} .removeBtn{border-radius: 5px 5px 5px 5px;cursor: pointer; font-size: 10px;margin-bottom: 4px;padding: 1px 7px 11px;text-decoration: none;width:100%;margin-bottom:5px;} .secondaryBtn{padding: 5px 10px; margin: 0 5px; cursor: pointer; border: none; border-radius: 4px; outline: none; font-size: 14px;border: 1px solid #dbdbdb; background: #f0f0f0; color:#333;} .secondaryBtn:disabled{cursor:default} /* .secondaryBtn{font-family:Tahoma, Geneva, sans-serif;}*/ .secondaryBtn:disabled{background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#ccc));background: -moz-linear-gradient(top, #ccc, #ccc);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#cccccc');background-color:#ccc;color:#666666;border:1px solid #afafaf;} /* .secondaryBtn:disabled{background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#ccc));background: -moz-linear-gradient(top, #ccc, #ccc);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#cccccc');background-color:#ccc;color:#666666;border:1px solid #afafaf;} edited on 26 Feb*/ /* .secondaryBtn:disabled{background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#ccc));background: -moz-linear-gradient(top, #ccc, #ccc);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#ccc');background-color:#ccc;color:#666;border:1px solid #afafaf;} */ /* .setShare{position:relative;float:right;cursor:pointer;text-decoration:underline;font-size:11px;font-weight: bold;clear:both} .setSharePopup{position:absolute;z-index:1;font-size:11px;font-weight:normal;padding:5px;width:65px} .setSharePopup span{display:block;padding:5px;} .setSharePopup span:hover{cursor:pointer;}*/ .setShare{position:relative;padding-right:13px;float:right;cursor:pointer;text-decoration:underline;font-size:11px;} .setSharePopup{position:absolute;z-index:1;font-size:11px;font-weight:normal;padding:5px;width:75px;} .setSharePopup span{display:block;padding:3px;} .setSharePopup span:hover{cursor:pointer;} /*.textLimit{white-space: nowrap;overflow:hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;-icab-text-overflow: ellipsis;-khtml-text-overflow: ellipsis;-moz-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;display:block;}*/ .textLimit{white-space: nowrap;overflow:hidden;text-overflow: ellipsis;ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;-icab-text-overflow: ellipsis;-khtml-text-overflow: ellipsis;-moz-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;display:block;color: #333; font-size: 14px; font-weight: bold;} .txtLimit{white-space: nowrap;overflow:hidden;text-overflow: ellipsis;ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;-icab-text-overflow: ellipsis;-khtml-text-overflow: ellipsis;-moz-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;display:block;color: #333;font-size: 14px;} .gridView div a:hover{text-decoration: none;} .textLimit:hover{text-decoration: none;} .textLimitActiveReport{white-space:inherit;display:block;word-break: break-word;} .downloadBtn.normalButton{font-weight:bold;-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;border-radius:5px;font-size:16px;padding:16px 10px 15px 56px;position:relative;margin: 28px 0 8px;} .downloadBtn.normalButton:before{content:"";position:absolute;background:url(/images/clouddrive/downloadWinClientBtn.png) no-repeat;left:14px;right:0;top:10px;bottom:0} .SpriteIcons{background-image:url('/images/clouddrive/mainsprite.png');background-repeat:no-repeat;} .sortSelect{background-position:8px -426px;padding: 0 0 0 30px;cursor:pointer} .sortNormal{background-position:8px -479px;padding: 0 0 0 30px;cursor:pointer} .fs_13px{font-size:13px} .container{overflow: hidden;} aside h2{padding:5px;font-size:13px;font-weight:bold;} aside div.content {margin-bottom: 0px;overflow: auto;padding: 10px 10px 0px 10px;} aside div.content ul{padding-left:23px;} aside div.content ul li a{display: block; padding: 0 5px; text-decoration: none;} /*aside div.content ul li {padding: 1px 0;}*/ aside div.content ul li {padding: 1px 0; width:100px;} aside div.content ul li a img{padding-right:5px;} .mainStr{padding-left:15px;width:202px;} .mainIndicator{float:right;padding:3px 0px 0px;} .mainStrView{float:left;width:164px;} .storageIndicator{ padding:1px;position:relative; background: #010101; /* Old browsers */ background: -moz-linear-gradient(top, #010101 0%, #383838 42%, #1b1b1b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#010101), color-stop(42%,#383838), color-stop(100%,#1b1b1b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #010101 0%,#383838 42%,#1b1b1b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #010101 0%,#383838 42%,#1b1b1b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #010101 0%,#383838 42%,#1b1b1b 100%); /* IE10+ */ background: linear-gradient(to bottom, #010101 0%,#383838 42%,#1b1b1b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010101', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-8 */ -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .clearBothForText{line-height:5px;clear:both;} /*********************************** CloudBox CSS End *****************************************************/ .sortIndicator{height: 21px} .sortAndFilter .SpriteIcons.SortAscendingIcon{background-position: 8px -173px;} .sortAndFilter .SpriteIcons.SortDescendingIcon{background-position: 8px -198px;} .sortAndFilter .SpriteIcons.SortAsNumIcon{background-position: -142px -173px; width: 30px;} .sortAndFilter .SpriteIcons.SortDesNumIcon{background-position: -142px -197px;width: 30px;} .nameOfThefolder{color:#333} .nameOfThefolder:hover{text-decoration:none;} /*edited on 18Feb for copy up*/ .cursorPointer {cursor:pointer;color:#333} .shareContactsCheckBox{position:relative;top:3px} .shareContactCheckBox{position:relative;top:2px} .shareAttributes { position:relative;top:2px } .applyFutureCheckBox { padding:5px 0 5px 0} .applyFutureCheckBox input{ margin-left:0!important } .applyFutureCheckBox label{ position: relative;top: -2px} .listViewCheckBox { position:relative;top:-3px } /* List View,Detailed View */ /* .listViewIcons .sharedByMe,.listViewIcons .sharedByOthers,.listViewIcons .sync,.listViewIcons .synced,.listViewIcons .syncConflict,.listViewIcons .Locked,.listViewIcons .sharedByMeSync,.listViewIcons .sharedByMeSynced,.listViewIcons .sharedByMeConflict,.listViewIcons .sharedByMeLocked,.sharedByMeConflictLocked,.listViewIcons .sharedByMeErrorLocked,.listViewIcons .sharedByOthersSync,.listViewIcons .sharedByOthersSynced,.listViewIcons .sharedByOthersConflict,.listViewIcons .sharedByOthersLocked,.listViewIcons .sharedByOthersErrorLocked, .listViewIcons .sharedByOthersAndMe{background-image:url('../../images/clouddrive/statusoffolder.png');background-repeat:no-repeat;} /*.listViewIcons .spaceToLeft{padding: 10px 0 5px 44px;;cursor:pointer;}*/ /* .listViewIcons .spaceToLeft{padding: 18px 0 5px 44px;;cursor:pointer;display:block;margin-top:-4px;} .listViewIcons .sharedByOthersAndMe{background-position:-7px -1009px} .listViewIcons .sharedByMe{background-position:-3px 5px;} .listViewIcons .sharedByOthers{background-position:-3px -45px;} .listViewIcons .sync{background-position:-3px -95px;} .listViewIcons .synced{background-position:-3px -146px;} .listViewIcons .syncConflict{background-position:-3px -195px;} .listViewIcons .Locked{background-position:-3px -250px} .listViewIcons .sharedByMeSync{background-position:-3px -311px;} .listViewIcons .sharedByMeSynced{background-position:0 -366px;} .listViewIcons .sharedByMeConflict{background-position:0 -421px;} .listViewIcons .sharedByMeLocked{background-position:0 -476px;} .listViewIcons .sharedByMeConflictLocked{background-position:0 -518px;} .listViewIcons .sharedByOthersSync{background-position:-3px -601px;} .listViewIcons .sharedByOthersSynced{background-position:-3px -661px;} .listViewIcons .sharedByOthersConflict{background-position:-3px -724px;} .listViewIcons .sharedByOthersLocked{background-position:-3px -889px;} .listViewIcons .sharedByOthersConflictLocked{background-position:0px -949px;} */ /* For Folder /File Accordingly .trashIconBig {background:url('../../images/clouddrive/trashbin-empty_64x64.png') no-repeat center top;} .nonemptytrashIconBig {background:url('../../images/clouddrive/trashbin-filled_64x64.png') no-repeat center top;} .folderIconBig {background:url('../../images/clouddrive/filledfolder_64.png') no-repeat center top;} .pdfIconBig{background:url('../../images/clouddrive/iconview-pdf_64.png') no-repeat center top;} .emptyIconBig{background:url('../../images/clouddrive/iconview-empty_64.png') no-repeat center top;} .textIconBig{background:url('../../images/clouddrive/iconview-text_64.png') no-repeat center top;} .wordIconBig{background:url('../../images/clouddrive/iconview-word_64.png') no-repeat center top;} .xmlIconBig{background:url('../../images/clouddrive/iconview-xml_64.png') no-repeat center top;} .pptIConBig{background:url('../../images/clouddrive/iconview-ppt_64.png') no-repeat center top;} .xlsIconBig{background:url('../../images/clouddrive/iconview-excel_64.png') no-repeat center top;} .imgIconBig{background:url('../../images/clouddrive/iconview-img_64.png') no-repeat center top;} .mp3IconBig{background:url('../../images/clouddrive/iconview-mp3_64.png') no-repeat center top;} .videoIconBig{background:url('../../images/clouddrive/iconview-video_64.png') no-repeat center top;} .zipIconBig{background:url('../../images/clouddrive/iconview-zip_64.png') no-repeat center top;} .officeDBaseIconBig{background:url('../../images/clouddrive/openoffice-base_64.png') no-repeat center top;} .officeCalcIconBig{background:url('../../images/clouddrive/openoffice-calc_64.png') no-repeat center top;} .officeDrawIconBig{background:url('../../images/clouddrive/openoffice-draw_64.png') no-repeat center top;} .officeImpressIconBig{background:url('../../images/clouddrive/openoffice-impress_64.png') no-repeat center top;} .officeMathIconBig{background:url('../../images/clouddrive/openoffice-math_64.png') no-repeat center top;} .officeWriterIconBig{background:url('../../images/clouddrive/openoffice-writer_64.png') no-repeat center top;} */ .listViewIcons .spaceToLeft{padding: 18px 0 5px 44px;;cursor:pointer;display:block;margin-top:0;} .communicationBig,.emptyIconBig,.trashIconBig,.nonemptytrashIconBig,.folderIconBig,.pdfIconBig,.textIconBig,.wordIconBig,.xmlIconBig,.pptIConBig,.xlsIconBig,.imgIconBig,.mp3IconBig,.videoIconBig,.zipIconBig,.officeDBaseIconBig,.officeCalcIconBig,.officeDrawIconBig,.officeImpressIconBig,.officeMathIconBig,.officeWriterIconBig,.crACDInboundIconBig,.crInboundIconBig,.crOutboundIconBig,.confIconBig,.vmailIconBig,.faxIconBig,.vmailIconMp3Big {background-image: url('../../images/file-folders-sprite.png');} .folderIconEmptyBig {background-position:0px 0px;} .folderIconBig {background-position:0 -31px;} .zipIconBig {background-position:-200px 0px;} .communicationBig {background-position:-300px 0px;} .wordIconBig {background-position:-400px 0px;} .pptIConBig {background-position:-500px 0px;} .xlsIconBig {background-position:-600px 0px;} .pdfIconBig{background-position:-700px 0px;} .xmlIconBig{background-position:-800px 0px;} .imgIconBig{background-position:-900px 0px;} .videoIconBig{background-position:0px -100px;} .mp3IconBig{background-position:-89px -474px;} .textIconBig{background-position:-200px -100px;} .officeWriterIconBig{background-position:-300px -100px;} .officeDrawIconBig{background-position:-400px -100px;} .officeMathIconBig{background-position:-500px -100px;} .officeCalcIconBig{background-position:-600px -100px;} .officeImpressIconBig{background-position:-700px -100px;} .officeDBaseIconBig{background-position:-800px -100px;} .emptyIconBig{background-position:-900px -100px;} .trashIconBig{background-position:0px -200px;} .nonemptytrashIconBig{background-position:-100px -200px;} .crACDInboundIconBig{background-position:-200px -200px;} .crInboundIconBig{background-position:-300px -200px;} .crOutboundIconBig{background-position:-400px -200px;} .confIconBig{background-position:-500px -200px;} .vmailIconBig{background-position:-600px -200px;} .faxIconBig{background-position:-700px -200px;} .vmailIconMp3Big{background-position:-800px -200px;} .iconViewIcons .sharedByMe,.iconViewIcons .sharedByOthers,.iconViewIcons .sync,.iconViewIcons .synced,.iconViewIcons .syncConflict,.iconViewIcons .Locked,.iconViewIcons .sharedByMeSync,.iconViewIcons .sharedByMeSynced,.iconViewIcons .sharedByMeConflict,.iconViewIcons .sharedByMeLocked,.sharedByMeConflictLocked,.iconViewIcons .sharedByMeErrorLocked,.iconViewIcons .sharedByOthersSync,.iconViewIcons .sharedByOthersSynced,.iconViewIcons .sharedByOthersConflict,.iconViewIcons .sharedByOthersLocked,.iconViewIcons .sharedByOthersErrorLocked{background-image:url('../../images/clouddrive/statusoffolder_big.png');background-repeat:no-repeat; display:block;height:100%;width:100%;} .iconViewIcons .spaceToLeft{padding:0 0 0 32px;} .iconViewIcons .sharedByMe{background-position:14px 10px;} .iconViewIcons .sharedByOthers{background-position:14px -70px;} .iconViewIcons .sync{background-position:49px -150px;} .iconViewIcons .synced{background-position:49px -230px;} .iconViewIcons .syncConflict{background-position:49px -312px;} .iconViewIcons .Locked{background-position:37px -850px} .iconViewIcons .sharedByMeSync{background-position:15px -390px;} .iconViewIcons .sharedByMeSynced{background-position:15px -550px;} .iconViewIcons .sharedByMeConflict{background-position:15px -710px;} .iconViewIcons .sharedByMeLocked{background-position:-120px -550px;} .iconViewIcons .sharedByMeConflictLocked{background-position:-120px -710px;} .iconViewIcons .sharedByOthersSync{background-position:15px -470px;} .iconViewIcons .sharedByOthersSynced{background-position:15px -630px;} .iconViewIcons .sharedByOthersConflict{background-position:15px -790px;} .iconViewIcons .sharedByOthersLocked{background-position:-120px -631px;} .iconViewIcons .sharedByOthersConflictLocked{background-position:-120px -790px;} /* 19 Dec*/ .setShareOther{position:relative;float:right;cursor:pointer;font-size:11px;color:#333;border-left:1px solid #B0D652;margin-left:10px;padding-left:10px;padding-right:5px;} .setShareOther span{padding-top:5px;} .setSharePopup a{display:block;padding:5px;text-decoration:none;color:#333;} .setSharePopup a:hover{cursor:pointer;background-color:#E2E5BD;} /*.IM_BodyContent .sharedPeople {background-color: #C6CDA0;border-bottom: 1px solid #A3A984;}*/ .w_490px{width:490px;} .sharedPeople h3 input[type=checkbox], .accountBuddies input[type=checkbox]{margin:0 8px} .accountBuddies span.HeaderTitle{margin:0;padding:0} .accountBuddies ul li input[type=checkbox]{margin:0 8px} .sharedPeople img.HeaderIcon, .accountBuddies img.HeaderIcon{padding: 0;margin: -1px 4px 0 0} .accountBuddies .HeaderBar{padding:5px} .sharedContacts{margin:0 0 5px 0} .selectPeople .PRelative{margin-top:5px} .selectPeople .nonaccountBuddies .contacts{max-height:111px;overflow:auto;height: auto;} /* Changes on 19thDec by pavan .cloudBoxUrl input .selectPeople .IM_BodyContent .sharedPeople .w_490px .selectPeople .accountBuddies .selectPeople .nonaccountBuddies .localDevices h4 .localDevices ul li .customAlert .selectedSocialNet */ /* 15th January */ /* edited .selectPeople input[type="checkbox"] class, disableBody class */ .sharedMe{float:right;margin-right:10px;margin-left: 4px;padding:2px 7px;width:65px;border-left:solid 1px #ccc;} .showHideIcon{position:relative;top:2px;left:-2px;} .w_232px{width:232px!important;} /*.otherCon{position:relative;top:-2px;font-style: normal}*/ .otherCon{font-style: normal;max-width: 250px;overflow: hidden;float: right;text-overflow: ellipsis;} .nonWsContacts{position:relative;top:-3px;} .allContacts{overflow: hidden;max-width:150px;text-overflow:ellipsis;display: block;margin-left: 3px; white-space: nowrap;} .allContactsExpand{overflow: hidden;text-overflow:ellipsis;display: block;margin-left: 3px; white-space: nowrap;} .allContactsCheckBox{float: left} .selectPeople .nonaccountBuddies{overflow:auto;margin-top:1px;padding:5px;min-height:27px;max-height:125px;} .selectPeople .nonaccountBuddies span{margin:2px;padding:3px 20px 3px 0;display:inline-block;position:relative} .selectPeople .nonaccountBuddies span.invalidEmail{border:1px solid #fd8080;background-color:#fff7f7;} .nonaccountBuddies {margin-top: 5px;overflow: auto;padding: 2px;} .nonaccountBuddies span {display: inline-block;margin: 2px;padding: 3px 20px 3px 3px;position: relative;} .inputEmail{margin:5px auto; width:99%!important;} .readandWrite.columnFour{width:100px;background:url('../../images/clouddrive/sort_arrow.png') no-repeat right center} .readandWrite{float:right; padding:2px 7px;width:65px;background:url('../../images/clouddrive/sort_arrow.png') no-repeat 55px 7px; margin-right:10px;margin-left:4px;cursor:pointer;} .personalMesgColor{float:right; padding:2px 7px;width:59px;background:url('../../images/clouddrive/sort_arrow_sprite.png') no-repeat 60px 7px; margin-right:10px;margin-left:4px;cursor:pointer;} .personalMesgColor:hover{text-decoration: underline;} .PersonalMesgSortUp{width:200px;margin:0 0 4px;padding-left:2px;float:left;background-position:172px -7px} .PersonalMesgSortDown{width:200px;margin:0 0 4px;padding-left:2px;float:left;background-position :172px 8px} .selectPeople .accountBuddies{height:101px;overflow:auto;margin-top:5px} .selectPeople .accountBuddiesExp{overflow:auto;margin-top:5px} .selectPeople .accountBuddiesShardContacts {max-height: 101px;margin-top:5px;overflow: auto} .selectPeople .accountBuddiesShardContactsExp {margin-top:5px;overflow: auto} .accountBuddiesExp .HeaderBar {padding:5px 0 0 4px} .accountBuddiesExp {min-height:65px;overflow:auto;margin-top:5px} /* Local Devices */ .localDevices {margin: 0px; float:left; margin-top:5px; width:99.7%;padding:5px 0px 5px 0px; } .localDevices h4{margin:0px;font-weight:bold;float:left;} .localDevices ul li{display:block;float:left;list-style-type:none;margin:8px 10px 0px 2px} .localDevices ul li span{position:relative;top:-2px;} .localDevices ul li input{margin:0px!important;} .privateMessage{padding:0px 0px 5px 0px; clear:both;float:left;} .privateMessage textarea{width:100%;} .sendPersonalMeg{width:130px;background-position:right;margin:0 0 4px;padding-left:2px;float:left;} .alignGroupCheckbox{position:relative;top:3px;} /* edited :: .customAlert .head a.popupcloseButton*/ /*Social networking icon classes - 01/02/2013 by Ram*/ .disabledSocialIcon { background:url(../../images/clouddrive/social-network-icons-disabled.png);margin-left:10px;float:left;} .enabledSocialIcon {background:url(../../images/clouddrive/social-network-icons-enabled.png);margin-left:10px;float:left;} .email { width:23px; height:22px; background-position:0px 0px;} .facebook { width:23px; height:22px; background-position:-31px 0px;} .twitter { width:23px; height:22px; background-position:-62px 0px;} .linkedIn { width:23px; height:22px; background-position:-93px 0px;} /*Icon View Classes*/ /* SO=ShareOut SI=ShareIn SOImp=ShareOutImplicit SIImp=ShareInImplicit ImpSISO=Implicit SIImpSO=ShareOutImplicitShareIn SISO=ShareInShareOut SOImpSI=ShareOutImplicitShareIn*/ .iconViewIcons .SO,.iconViewIcons .SI,.iconViewIcons .SIImp, .iconViewIcons .SOImp, .iconViewIcons .ImpSISO, .iconViewIcons .SOImpSI, .iconViewIcons .SISO , .iconViewIcons .SIImpSO, .iconViewIcons .sync, .iconViewIcons .syncSO, .iconViewIcons .syncSI, .iconViewIcons .syncSIImp, .iconViewIcons .syncSOImp, .iconViewIcons .syncImpSISO, .iconViewIcons .syncSOImpSI, .iconViewIcons .syncSISO, .iconViewIcons .syncSIImpSO, .iconViewIcons .conflic, .iconViewIcons .conflicSO, .iconViewIcons .conflicSI, .iconViewIcons .conflicSIImp, .iconViewIcons .conflicSOImp, .iconViewIcons .conflicImpSISO, .iconViewIcons .conflicSOImpSI, .iconViewIcons .conflicSISO, .iconViewIcons .conflicSIImpSO, .iconViewIcons .Lock, .iconViewIcons .LockSO, .iconViewIcons .LockSI, .iconViewIcons .LockSIImp, .iconViewIcons .LockSOImp, .iconViewIcons .LockImpSISO, .iconViewIcons .LockSOImpSI, .iconViewIcons .LockSISO, .iconViewIcons .LockSIImpSO, .iconViewIcons .conflictLock, .iconViewIcons .conflictLockSO, .iconViewIcons .conflictLockSI, .iconViewIcons .conflictLockSIImp,.iconViewIcons .syncing, .iconViewIcons .syncingSO, .iconViewIcons .syncingSI, .iconViewIcons .syncingSIImp, .iconViewIcons .syncingSOImp, .iconViewIcons .syncingImpSISO,.iconViewIcons .syncingSIImpSO, .iconViewIcons .syncingSISO, .iconViewIcons .conflictLockSOImp, .iconViewIcons .conflictLockImpSISO, .iconViewIcons .conflictLockSOImpSI, .iconViewIcons .conflictLockSISO, .iconViewIcons .conflictLockSIImpSO, .iconViewIcons .syncLock, .iconViewIcons .syncLockSO, .iconViewIcons .syncLockSI, .iconViewIcons .syncLockSIImp, .iconViewIcons .syncLockSOImp, .iconViewIcons .syncLockImpSISO, .iconViewIcons .syncLockSOImpSI, .iconViewIcons .syncLockSISO, .iconViewIcons .syncLockSIImpSO,.iconViewIcons .sync_impLock,.iconViewIcons .sync_impLockSO,.iconViewIcons .sync_impLockSI,.iconViewIcons .sync_impLockSOImp,.iconViewIcons .sync_impLockSIImp,.iconViewIcons .sync_impImpLockSISO,.iconViewIcons .sync_impLockSIImpSO,.iconViewIcons .sync_impLockSISO,.iconViewIcons .sync_impLockSOImpSI,.iconViewIcons .sync_imp,.iconViewIcons .sync_impSO,.iconViewIcons .sync_impSI,.iconViewIcons .sync_impSOImp,.iconViewIcons .sync_impSIImp,.iconViewIcons .sync_impImpSISO,.iconViewIcons .sync_impSIImpSO,.iconViewIcons .sync_impSISO,.iconViewIcons .sync_impSOImpSI{background-image:url('/images/statusoffolder-icon.png');background-repeat:no-repeat; display:block;height:100%;width:100%;} /* SO SI */ .iconViewIcons .SO {background-position: 1px -3px;} .iconViewIcons .SOImp {background-position:-112px -4px;} .iconViewIcons .SI {background-position:-55px -3px;} .iconViewIcons .SIImp {background-position:-168px -4px;} .iconViewIcons .SISO {background-position:-335px -3px;} .iconViewIcons .SIImpSO {background-position:-280px -3px;} .iconViewIcons .SOImpSI {background-position:-391px -4px;} .iconViewIcons .ImpSISO {background-position:-224px -4px;} /* Sync */ .iconViewIcons .sync {background-position:5px -56px;} .iconViewIcons .syncSO {background-position:-51px -56px;} .iconViewIcons .syncSI {background-position:-107px -56px;} .iconViewIcons .syncSOImp {background-position:-163px -56px;} .iconViewIcons .syncSIImp {background-position:-219px -56px;} .iconViewIcons .syncImpSISO {background-position:-275px -56px;} .iconViewIcons .syncSIImpSO {background-position:-331px -56px;} .iconViewIcons .syncSISO {background-position:-387px -56px;} .iconViewIcons .syncSOImpSI {background-position:-443px -56px;} /* Conflic */ .iconViewIcons .conflic {background-position:5px -112px;} .iconViewIcons .conflicSO {background-position:-51px -112px;} .iconViewIcons .conflicSI {background-position:-107px -112px;} .iconViewIcons .conflicSOImp {background-position:-163px -112px;} .iconViewIcons .conflicSIImp {background-position:-219px -112px;} .iconViewIcons .conflicImpSISO {background-position:-275px -112px;} .iconViewIcons .conflicSIImpSO {background-position:-331px -112px;} .iconViewIcons .conflicSISO {background-position:-387px -112px;} .iconViewIcons .conflicSOImpSI {background-position:-443px -112px;} /* Lock */ .iconViewIcons .Lock {background-position:4px -165px; } .iconViewIcons .LockSO {background-position:-52px -165px;} .iconViewIcons .LockSI {background-position:-108px -165px;} .iconViewIcons .LockSOImp {background-position:-164px -165px;} .iconViewIcons .LockSIImp {background-position:-220px -165px;} .iconViewIcons .LockImpSISO {background-position:-276px -165px;} .iconViewIcons .LockSIImpSO {background-position:-332px -165px;} .iconViewIcons .LockSISO {background-position:-388px -165px;} .iconViewIcons .LockSOImpSI {background-position:-444px -165px;} /* Conflic Lock */ .iconViewIcons .conflicLock {background-position:4px -221px;} .iconViewIcons .conflicLockSO {background-position:-52px -221px;} .iconViewIcons .conflicLockSI {background-position:-108px -221px;} .iconViewIcons .conflicLockSOImp {background-position:-164px -221px;} .iconViewIcons .conflicLockSIImp {background-position:-220px -277px;} .iconViewIcons .conflicLockImpSISO {background-position:-276px -277px;} .iconViewIcons .conflicLockSIImpSO {background-position:-332px -277px;} .iconViewIcons .conflicLockSISO {background-position:-388px -277px;} .iconViewIcons .conflicLockSOImpSI {background-position:-444px -277px;} /* Sync Lock */ .iconViewIcons .syncLock {background-position:4px -277px;} .iconViewIcons .syncLockSO {background-position:-52px -277px;} .iconViewIcons .syncLockSI {background-position:-108px -277px;} .iconViewIcons .syncLockSOImp {background-position:-164px -277px;} .iconViewIcons .syncLockSIImp {background-position:-220px -277px;} .iconViewIcons .syncLockImpSISO {background-position:-276px -277px;} .iconViewIcons .syncLockSIImpSO {background-position:-332px -277px;} .iconViewIcons .syncLockSISO {background-position:-388px -277px;} .iconViewIcons .syncLockSOImpSI {background-position:-444px -277px;} /* .iconViewIcons .SO{background-position:-138px 11px;} .iconViewIcons .SI{background-position:-288px 11px;} .iconViewIcons .SOImp{background-position:-438px 11px;} .iconViewIcons .SIImp{background-position:-588px 11px;} .iconViewIcons .ImpSISO{background-position:-738px 11px;} .iconViewIcons .SIImpSO{background-position:-888px 11px;} .iconViewIcons .SISO{background-position:-1038px 11px;} .iconViewIcons .SOImpSI{background-position:-1188px 11px;} .iconViewIcons .sync{background-position:13px -89px;} .iconViewIcons .syncSO{background-position:-138px -89px;} .iconViewIcons .syncSI{background-position:-288px -89px;} .iconViewIcons .syncSOImp{background-position:-438px -89px;} .iconViewIcons .syncSIImp{background-position:-588px -89px;} .iconViewIcons .syncImpSISO{background-position:-738px -89px;} .iconViewIcons .syncSIImpSO{background-position:-888px -89px;} .iconViewIcons .syncSISO{background-position:-1038px -89px;} .iconViewIcons .syncSOImpSI{background-position:-1188px -89px;} .iconViewIcons .conflic{background-position:13px -189px;} .iconViewIcons .conflicSO{background-position:-138px -189px;} .iconViewIcons .conflicSI{background-position:-288px -189px;} .iconViewIcons .conflicSOImp{background-position:-438px -189px;} .iconViewIcons .conflicSIImp{background-position:-588px -189px;} .iconViewIcons .conflicImpSISO{background-position:-738px -189px;} .iconViewIcons .conflicSIImpSO{background-position:-888px -189px;} .iconViewIcons .conflicSISO{background-position:-1038px -189px;} .iconViewIcons .conflicSOImpSI{background-position:-1188px -189px;} .iconViewIcons .Lock{background-position:13px -289px;} .iconViewIcons .LockSO{background-position:-138px -289px;} .iconViewIcons .LockSI{background-position:-288px -289px;} .iconViewIcons .LockSOImp{background-position:-438px -289px;} .iconViewIcons .LockSIImp{background-position:-588px -289px;} .iconViewIcons .LockImpSISO{background-position:-738px -289px} .iconViewIcons .LockSIImpSO{background-position:-888px -289px} .iconViewIcons .LockSISO{background-position:-1038px -289px} .iconViewIcons .LockSOImpSI{background-position:-1188px -289px} .iconViewIcons .conflictLock{background-position:13px -389px} .iconViewIcons .conflictLockSO{background-position:-138px -389px;} .iconViewIcons .conflictLockSI {background-position:-288px -389px;} .iconViewIcons .conflictLockSOImp {background-position:-438px -389px;} .iconViewIcons .conflictLockSIImp {background-position:-588px -389px;} .iconViewIcons .conflictLockImpSISO {background-position:-738px -389px;} .iconViewIcons .conflictLockSIImpSO {background-position:-888px -389px;} .iconViewIcons .conflictLockSISO {background-position:-1038px -389px;} .iconViewIcons .conflictLockSOImpSI {background-position:-1188px -389px;} .iconViewIcons .syncLock {background-position:13px -489px;} .iconViewIcons .syncLockSO {background-position:-138px -489px;} .iconViewIcons .syncLockSI {background-position:-288px -489px;} .iconViewIcons .syncLockSOImp {background-position:-438px -489px;} .iconViewIcons .syncLockSIImp {background-position:-588px -489px;} .iconViewIcons .syncLockImpSISO {background-position:-738px -489px;} .iconViewIcons .syncLockSIImpSO {background-position:-888px -489px;} .iconViewIcons .syncLockSISO {background-position:-1038px -489px;} .iconViewIcons .syncLockSOImpSI {background-position:-1188px -489px;} .iconViewIcons .sync_impLock{background-position:13px -589px;} .iconViewIcons .sync_impLockSO{background-position:-138px -589px;} .iconViewIcons .sync_impLockSI{background-position:-288px -589px;} .iconViewIcons .sync_impLockSOImp{background-position:-438px -589px;} .iconViewIcons .sync_impLockSIImp{background-position:-588px -589px;} .iconViewIcons .sync_impImpLockSISO{background-position:-738px -589px;} .iconViewIcons .sync_impLockSIImpSO{background-position:-888px -589px;} .iconViewIcons .sync_impLockSISO{background-position:-1038px -589px;} .iconViewIcons .sync_impLockSOImpSI{background-position:-1188px -589px;} .iconViewIcons .sync_imp{background-position:13px -689px;} .iconViewIcons .sync_impSO{background-position:-138px -689px;} .iconViewIcons .sync_impSI{background-position:-288px -689px;} .iconViewIcons .sync_impSOImp{background-position:-438px -689px;} .iconViewIcons .sync_impSIImp{background-position:-588px -689px;} .iconViewIcons .sync_impImpSISO{background-position:-738px -689px;} .iconViewIcons .sync_impSIImpSO{background-position:-888px -689px;} .iconViewIcons .sync_impSISO{background-position:-1038px -689px;} .iconViewIcons .sync_impSOImpSI{background-position:-1188px -689px;} .iconViewIcons .overlayPosition {position:relative; top:-11px;} */ /*List View Classes*/ /* .listViewIcons .SO, .listViewIcons .SOImp, .listViewIcons .SI, .listViewIcons .SIImp, .listViewIcons .SISO, .listViewIcons .SIImpSO, .listViewIcons .SOImpSI, .listViewIcons .ImpSISO, .listViewIcons .sync, .listViewIcons .conflic, .listViewIcons .Lock, .listViewIcons .conflicLock, .listViewIcons .syncLock, .listViewIcons .syncSO, .listViewIcons .conflicSO, .listViewIcons .LockSO, .listViewIcons .conflicLockSO, .listViewIcons .syncLockSO, .listViewIcons .syncSOImp, .listViewIcons .conflicSOImp, .listViewIcons .LockSOImp, .listViewIcons .conflicLockSOImp, .listViewIcons .syncLockSOImp, .listViewIcons .syncSI, .listViewIcons .conflicSI, .listViewIcons .LockSI, .listViewIcons .conflicLockSI, .listViewIcons .syncLockSI, .listViewIcons .syncSIImp,.listViewIcons .syncing,.listViewIcons .syncingSO,.listViewIcons .syncingSOImp,.listViewIcons .syncingSI,.listViewIcons .syncingSIImp,.listViewIcons .conflicSIImp, .listViewIcons .LockSIImp, .listViewIcons .conflicLockSIImp, .listViewIcons .syncLockSIImp ,.listViewIcons .sync_impLock, .listViewIcons .sync_imp {background-image:url('../../images/clouddrive/statusoffolder.png');background-repeat:no-repeat; display:block;height:100%;} .listViewIcons .SO {background-position:-45px 7px;} .listViewIcons .SOImp {background-position:-45px -34px;} .listViewIcons .SI {background-position:-45px -73px;} .listViewIcons .SIImp {background-position:-45px -111px;} .listViewIcons .SISO {background-position:-45px -157px;} .listViewIcons .SIImpSO {background-position:-45px -209px;} .listViewIcons .SOImpSI {background-position:-45px -263px;} .listViewIcons .ImpSISO {background-position:-45px -317px;} .listViewIcons .syncing{ background-position:-45px -398px;} .listViewIcons .sync {background-position:-45px -447px;} .listViewIcons .sync_imp {background-position:-45px -396px;} .listViewIcons .conflic {background-position:-45px -504px;} .listViewIcons .Lock {background-position:-45px -578px;} .listViewIcons .conflicLock {background-position:-45px -629px;} .listViewIcons .syncLock {background-position:-45px -701px;} .listViewIcons .sync_impLock {background-position:-45px -750px} .listViewIcons .syncingSO {background-position:-45px -803px;} .listViewIcons .syncSO {background-position:-45px -860px;} .listViewIcons .conflicSO {background-position:-45px -919px;} .listViewIcons .LockSO {background-position:-45px -988px;} .listViewIcons .conflicLockSO {background-position:-45px -1042px;} .listViewIcons .syncLockSO {background-position:-45px -1114px;} .listViewIcons .syncingSOImp {background-position:-45px -1177px;} .listViewIcons .syncSOImp {background-position:-45px -1226px;} .listViewIcons .conflicSOImp {background-position:-45px -1283px;} .listViewIcons .LockSOImp {background-position:-45px -1356px;} .listViewIcons .conflicLockSOImp {background-position:-45px -1407px;} .listViewIcons .syncLockSOImp {background-position:-45px -1480px;} .listViewIcons .syncingSI {background-position:-45px -1554px;} .listViewIcons .syncSI {background-position:-45px -1608px;} .listViewIcons .conflicSI {background-position:-45px -1665px;} .listViewIcons .LockSI {background-position:-45px -1738px;} .listViewIcons .conflicLockSI {background-position:-45px -1789px;} .listViewIcons .syncLockSI {background-position:-45px -1862px;} .listViewIcons .syncingSIImp {background-position:-45px -1919px;} .listViewIcons .syncSIImp {background-position:-45px -1980px;} .listViewIcons .conflicSIImp {background-position:-45px -2036px;} .listViewIcons .LockSIImp {background-position:-45px -2110px;} .listViewIcons .conflicLockSIImp {background-position:-45px -2161px;} .listViewIcons .syncLockSIImp {background-position:-45px -2233px;} .listViewIcons .syncSISO, .listViewIcons .conflicSISO, .listViewIcons .LockSISO, .listViewIcons .conflicLockSISO, .listViewIcons .syncLockSISO, .listViewIcons .syncSIImpSO, .listViewIcons .conflicSIImpSO, .listViewIcons .LockSIImpSO, .listViewIcons .conflicLockSIImpSO, .listViewIcons .syncLockSIImpSO, .listViewIcons .syncSOImpSI, .listViewIcons .conflicSOImpSI, .listViewIcons .LockSOImpSI,.listViewIcons .syncingSISO,.listViewIcons .syncingSIImpSO, .listViewIcons .syncingSOImpSI,.listViewIcons .syncingImpSISO, .listViewIcons .conflicLockSOImpSI, .listViewIcons .syncLockSOImpSI, .listViewIcons .syncImpSISO, .listViewIcons .conflicImpSISO, .listViewIcons .LockImpSISO, .listViewIcons .conflicLockImpSISO, .listViewIcons .syncLockImpSISO {background-image:url('../../images/clouddrive/statusoffoldertwo.png');background-repeat:no-repeat; display:block;height:100%;} .listViewIcons .syncingSISO {background-position:-45px 6px;} .listViewIcons .syncSISO {background-position:-45px -44px;} .listViewIcons .conflicSISO {background-position:-45px -101px;} .listViewIcons .LockSISO {background-position:-45px -174px;} .listViewIcons .conflicLockSISO {background-position:-45px -225px;} .listViewIcons .syncLockSISO {background-position:-45px -298px;} .listViewIcons .syncingSIImpSO {background-position:-45px -383px;} .listViewIcons .syncSIImpSO {background-position:-45px -436px;} .listViewIcons .conflicSIImpSO {background-position:-45px -494px;} .listViewIcons .LockSIImpSO {background-position:-45px -566px;} .listViewIcons .conflicLockSIImpSO {background-position:-45px -618px;} .listViewIcons .syncLockSIImpSO {background-position:-45px -690px;} .listViewIcons .syncingSOImpSI {background-position:-45px -748px;} .listViewIcons .syncSOImpSI {background-position:-45px -801px;} .listViewIcons .conflicSOImpSI {background-position:-45px -858px;} .listViewIcons .LockSOImpSI {background-position:-45px -931px;} .listViewIcons .conflicLockSOImpSI {background-position:-45px -983px;} .listViewIcons .syncLockSOImpSI {background-position:-45px -1055px;} .listViewIcons .syncingImpSISO {background-position:-45px -1132px;} .listViewIcons .syncImpSISO {background-position:-45px -1183px;} .listViewIcons .conflicImpSISO {background-position:-45px -1241px;} .listViewIcons .LockImpSISO {background-position:-45px -1315px;} .listViewIcons .conflicLockImpSISO {background-position:-45px -1364px;} .listViewIcons .syncLockImpSISO {background-position:-45px -1437px;} .listViewIcons .sync_impSO,.listViewIcons .sync_impLockSO,.listViewIcons .sync_impSOImp,.listViewIcons .sync_impLockSOImp,.listViewIcons .sync_impSI,.listViewIcons .sync_impLockSI,.listViewIcons .sync_impSIImp,.listViewIcons .sync_impLockSIImp,.listViewIcons .sync_impSISO,.listViewIcons .sync_impLockSISO,.listViewIcons .sync_impSIImpSO,.listViewIcons .sync_impLockSIImpSO,.listViewIcons .sync_impSOImpSI,.listViewIcons .sync_impLockSOImpSI,.listViewIcons .sync_impImpSISO,.listViewIcons .sync_impLockImpSISO {background-image:url('../../images/clouddrive/statusoffolderthree.png');background-repeat:no-repeat; display:block;height:100%;} .listViewIcons .sync_impSO {background-position:-45px -10px;} .listViewIcons .sync_impLockSO {background-position:-45px -50px;} .listViewIcons .sync_impSOImp {background-position:-45px -100px;} .listViewIcons .sync_impLockSOImp {background-position:-45px -150px;} .listViewIcons .sync_impSI {background-position:-45px -200px;} .listViewIcons .sync_impLockSI {background-position:-45px -250px;} .listViewIcons .sync_impSIImp {background-position:-45px -300px;} .listViewIcons .sync_impSISO {background-position:-45px -350px;} .listViewIcons .sync_impLockSIImp {background-position:-45px -400px;} .listViewIcons .sync_impLockSISO {background-position:-45px -450px;} .listViewIcons .sync_impSIImpSO {background-position:-45px -500px;} .listViewIcons .sync_impLockSIImpSO {background-position:-45px -550px;} .listViewIcons .sync_impSOImpSI {background-position:-45px -600px;} .listViewIcons .sync_impLockSOImpSI {background-position:-45px -650px;} .listViewIcons .sync_impImpSISO {background-position:-45px -700px;} .listViewIcons .sync_impLockImpSISO {background-position:-45px -750px;} */ .fileOrFolder {min-height:34px;} /*added on 14 feb*/ /* explore area 15 Feb */ aside h2{padding:5px;font-size:13px;font-weight:bold;} aside div.content{padding:10px 10px 0px 10px;height:360px;overflow:auto;margin-bottom:0px;width: auto;} /*edited 19 Feb*/ aside div.content ul li a{display: block;text-decoration: none;} aside div.content ul li {padding: 1px 0;} aside div.content ul li {cursor: pointer;} aside div.content ul li a img{padding-right:5px;} /*.folderORfile{padding:0 0 0 28px;line-height:18px;margin-left:35px}*/ .folderORfile {cursor:pointer;padding: 10px 0 6px 45px;line-height:25px;margin-left:44px} .folderORfileForTree {width: 200px;min-height: 38px;} .folderForMoveCopy {min-height: 34px;} .folderIconForMoveCopy{min-height: 42px; background:url('/images/file-folders-sprite.png')no-repeat; background-position:0px -31px;} .moveStatusIcon{width: 45px;height: 45px;display: inline-block; float: left; position: absolute;top: 0;left: 0} .shared:before, .sharedOwner:before{content:"";position:absolute;left:0px;top:8px;background-image:url(/images/clouddrive/statusoffolder.png);z-index:1;height:11px;width:30px} .shared:before{background-position:-1px 24px;} .sharedOwner:before{background-position:3px 0px;} /* .expandIcon, .collapseIcon{width:15px;height:18px;margin-left:22px} .expandIcon, .collapseIcon {width: 15px;height: 34px;margin-left: 24px;box-shadow:6px 0px -1px white;} .expandIcon, .collapseIcon {width: 15px;margin-top: 5px;height: 25px;margin-left: 24px; box-shadow:5px -11px 0px white; -moz-box-shadow:5px -11px 0px white; -webkit-box-shadow:5px -11px 0px white; -o-box-shadow:5px -11px 0px white; progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=135,strength=5);}edited 22 feb .expandIcon, .collapseIcon {width: 15px;height: 34px;margin-left: 24px; box-shadow:5px 0px 0px white; -moz-box-shadow:5px 0px 0px white; -webkit-box-shadow:5px 0px 0px white; -o-box-shadow:5px 0px 0px white; progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=135,strength=5);}edited 22 feb .expandIcon{background:url(/images/clouddrive/expandTree.png) no-repeat center center} .collapseIcon{background:url(/images/clouddrive/collapseTree.png) no-repeat center center} */ .expandIcon, .collapseIcon {cursor: pointer;width: 15px;margin-top: 15px;height: 18px;margin-left: 24px; box-shadow:5px -8px 0px white; -moz-box-shadow:5px -8px 0px white; -webkit-box-shadow:5px -8px 0px white; -o-box-shadow:5px -8px 0px white; progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=135,strength=5);}/*edited 22 feb*/ .expandIcon{background-image:url(/images/streams/stream-icons-sprite.png?t=12Dec17);background-position: -825px -168px;-webkit-transform-origin: 50% 53%; -ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(90deg); transform-origin: 50% 53%; } .collapseIcon{background:url(/images/streams/stream-icons-sprite.png?t=12Dec17);background-position: -825px -168px;} .content{font-size:14px} .content ul{padding:0} ul.treeStructure li{background:url(/images/clouddrive/childTree.png) no-repeat left -39px;padding:2px 0} ul.treeStructure li:last-child{background:url(/images/clouddrive/childEndTree.png) no-repeat left -33px} ul.treeStructure li:last-child > ul{background:none} ul.treeStructure li ul{background:url(/images/clouddrive/treeLine.png) repeat-y left center;padding-left:24px;background-position: 2px 20px} ul.treeStructure > li:first-child{background:none;padding:0;margin-left:-45px} /* .expandBackGround {background:url(/images/clouddrive/treeLineExpand.png);background-position: -6px -13px;position: relative;top: 23px;left: -9px;padding: 10px;}*/ .expandBackGround {background:url(/images/clouddrive/treeLineExpand.png)no-repeat;background-position: -6px -7px;position: relative;top: 23px;left: -9px;padding: 20px 1px 0px 0px;} .leftMarginForFolder{white-space:nowrap;margin-left:44px; position: relative;} /* ul.treeStructure li, ul.treeStructure li:last-child, ul.treeStructure li ul{*background:none}*/ /* explore area */ .w_100px{width:100px;} .filterSection strong{font-size:12px;} .inputCal{padding:3px;width:90px !important; margin-right:4px!important;} .dividerLine{border-bottom:solid 1px #ccc;margin:6px 0;} .listOfUsers{border:solid 1px #ccc;position:absolute;z-index:1;background-color:#fff;top:23px; -webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, 1); -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, 1); box-shadow: 1px 1px 0px rgba(0, 0, 0, 1); } .listOfUsers ul li{padding:0 2px;} .listOfUsers ul li:hover{background-color:#3399ff!important;} .listOfUsers label{position:relative;top:-2px;padding-left:3px;} .w_145px{width: 145px} .mediumButtons {font-weight: normal;margin-left: 2px;padding: 2px 6px;} .filterIndication {background: url("../../images/clouddrive/filterIndication.png") no-repeat scroll center center transparent;cursor: pointer; display: inline-block; height: 100%; position: relative; width: 20px; } .selectContactsFrom{position:relative;padding:2px 4px;cursor:pointer;display:inline-block;background-color:#fff;border:1px solid #ccc;z-index:10} .selectContactsFrom .showArrowIndication{border-top:6px solid #666;border-left:5px solid transparent;border-right:5px solid transparent;float:right;margin:3px} .selectContactsFrom .displaySelectiveNames{min-width: 100px;max-width:119px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-right: 16px} .selectContactsFrom .selectiveList{position: absolute;top: 20px;left: -1px;border: 3px solid #fff;width: 138px;max-height: 138px; height: auto; overflow: auto;box-shadow: 0 0 4px #666;background-color:#fff} .selectContactsFrom .selectiveDeviceList{position: absolute;top: 20px;left: -1px;border: 3px solid #fff;width: 138px;max-height: 85px; height: auto; overflow: auto;box-shadow: 0 0 4px #666;background-color:#fff} .selectContactsFrom ul li{padding:5px 3px} .selectContactsFrom ul li:hover{background-color:#fff !important;cursor:default } .selectContactsFrom .optionsName{margin-left: 20px} .selectContactsFrom ul li input[type=checkbox]{float:left} .calendarAlign{position:relative;top:0;} /* copy pop up */ /*added on 18th feb*/ ul.copyTreeStructure li{padding:2px 0} /*ul.copyTreeStructure li:last-child{background:url(/images/clouddrive/childEndTree.png) no-repeat left -24px}*/ ul.copyTreeStructure li:last-child > ul{background:none} ul.copyTreeStructure li ul{padding-left:24px;background-position: 2px 21px} ul.copyTreeStructure > li:first-child{background:none;padding:0;margin-left:-15px} .detailedView .fileOrFolderForListView{ margin-left: 5px; clear: both; text-decoration: none; width: 45px; height: 45px; position: relative; } .detailedView .checkboxColForListView {margin:0px 0 0 5px} .listViewIcons .spaceToLeftForListView{padding: 0;cursor:pointer; align-items: center;} .listViewRename {padding: 9px 0px 0 42px;} .filterSection #vmlfDateDiv{top:24px!important;right:-20px!important } .filterSection #vmltDateDiv{bottom:24px!important;right:-20px!important;top:-190px!important; } .selectedRow { border: 1px solid #ffffff;} /*action bar sprite*/ /* .actionBar .FLeft .newFolder, .actionBar .FLeft .newFolder_hover, .actionBar .FLeft .newFolder_disable, .actionBar .FLeft .upload, .actionBar .FLeft .upload_hover, .actionBar .FLeft .upload_disable, .actionBar .FLeft .download, .actionBar .FLeft .download_hover, .actionBar .FLeft .download_disable, .actionBar .FLeft .rename, .actionBar .FLeft .rename_hover, .actionBar .FLeft .rename_disable, .actionBar .FLeft .move, .actionBar .FLeft .move_hover, .actionBar .FLeft .move_disable, .actionBar .FLeft .copy, .actionBar .FLeft .copy_hover, .actionBar .FLeft .copy_disable, .actionBar .FLeft .delete, .actionBar .FLeft .delete_hover, .actionBar .FLeft .delete_disable, .actionBar .FLeft .share, .actionBar .FLeft .share_hover, .actionBar .FLeft .share_disable, .actionBar .FLeft .sharedView, .actionBar .FLeft .sharedView_hover, .actionBar .FLeft .sharedView_disable, .actionBar .FLeft .trash-pd, .actionBar .FLeft .trash-pd_hover, .actionBar .FLeft .trash-pd_disable, .actionBar .FLeft .trash-restore, .actionBar .FLeft .trash-restore_hover, .actionBar .FLeft .trash-restore_disable, .actionBar .FLeft .settings, .actionBar .FLeft .settings_hover, .actionBar .FLeft .settings_disable, .actionBar .FRight .listView, .actionBar .FRight .listView_hover, .actionBar .FRight .listView_selected, .actionBar .FRight .iconView, .actionBar .FRight .iconView_hover, .actionBar .FRight .iconView_selected, .actionBar .FRight .detailView, .actionBar .FRight .detailView_hover, .actionBar .FRight .detailView_selected,.actionBar .FLeft .lock,.actionBar .FLeft .lock_hover,.actionBar .FLeft .lock_disable,.actionBar .FLeft .unlock,.actionBar .FLeft .unlock_hover,.actionBar .FLeft .unlock_disable,.actionBar .FLeft .rootShare,.actionBar .FLeft .rootShare_hover,.actionBar .FLeft .rootShare_disable,.actionBar .FLeft .properties,.actionBar .FLeft .properties_hover,.actionBar .FLeft .properties_disable,.actionBar .FLeft .unShareMe,.actionBar .FLeft .unShareMe_hover,.actionBar .FLeft .unShareMe_disable,.actionBar .FLeft .activityReport,.actionBar .FLeft .activityReport_hover{background:url(/images/clouddrive/Actionbar_sprite.png); height:40px; width:44px;} .actionBar .FLeft .newFolder { background-position:-10px -10px;} .actionBar .FLeft .newFolder_hover { background-position:-10px -100px;} .actionBar .FLeft .newFolder_disable { background-position:-10px -200px;} .actionBar .FLeft .upload { background-position:-100px -10px;} .actionBar .FLeft .upload_hover { background-position:-100px -100px;} .actionBar .FLeft .upload_disable { background-position:-100px -200px;} .actionBar .FLeft .download { background-position:-200px -10px;} .actionBar .FLeft .download_hover { background-position:-200px -100px;} .actionBar .FLeft .download_disable { background-position:-200px -200px;} .actionBar .FLeft .rename { background-position:-300px -10px; height:40px; width:50px;} .actionBar .FLeft .rename_hover { background-position:-300px -100px; height:40px; width:50px;} .actionBar .FLeft .rename_disable { background-position:-300px -200px; height:40px; width:50px;} .actionBar .FLeft .move { background-position:-400px -10px;} .actionBar .FLeft .move_hover { background-position:-400px -100px;} .actionBar .FLeft .move_disable { background-position:-400px -200px;} .actionBar .FLeft .copy { background-position:-500px -10px;} .actionBar .FLeft .copy_hover { background-position:-500px -100px;} .actionBar .FLeft .copy_disable { background-position:-500px -200px;} .actionBar .FLeft .delete { background-position:-600px -10px;} .actionBar .FLeft .delete_hover { background-position:-600px -100px;} .actionBar .FLeft .delete_disable { background-position:-600px -200px;} .actionBar .FLeft .share { background-position:-700px -10px;} .actionBar .FLeft .share_hover { background-position:-700px -100px;} .actionBar .FLeft .share_disable { background-position:-700px -200px;} .actionBar .FLeft .sharedView { background-position:-800px -10px;} .actionBar .FLeft .sharedView_hover { background-position:-800px -100px;} .actionBar .FLeft .sharedView_disable { background-position:-800px -200px;} .actionBar .FLeft .trash-pd { background-position:-900px -10px;} .actionBar .FLeft .trash-pd_hover { background-position:-900px -100px;} .actionBar .FLeft .trash-pd_disable { background-position:-900px -200px;} .actionBar .FLeft .trash-restore { background-position:-1000px -10px;} .actionBar .FLeft .trash-restore_hover { background-position:-1000px -100px;} .actionBar .FLeft .trash-restore_disable { background-position:-1000px -200px;} .actionBar .FLeft .settings { background-position:-1100px -10px;} .actionBar .FLeft .settings_hover { background-position:-1100px -100px;} .actionBar .FLeft .settings_disable { background-position:-1100px -200px;} .actionBar .FRight .listView { background-position:-1200px -10px;} .actionBar .FRight .listView_hover { background-position:-1200px -100px;} .actionBar .FRight .listView_selected { background-position:-1200px -200px;} .actionBar .FRight .iconView { background-position:-1300px -10px;} .actionBar .FRight .iconView_hover { background-position:-1300px -100px;} .actionBar .FRight .iconView_selected { background-position:-1300px -200px;} .actionBar .FRight .detailView { background-position:-1400px -10px;} .actionBar .FRight .detailView_hover { background-position:-1400px -100px;} .actionBar .FRight .detailView_selected { background-position:-1400px -200px;} .actionBar .FLeft .lock { background-position:-1500px -10px;} .actionBar .FLeft .lock_hover { background-position:-1500px -100px;} .actionBar .FLeft .lock_disable { background-position:-1500px -200px;} .actionBar .FLeft .unlock { background-position:-1600px -10px;} .actionBar .FLeft .unlock_hover { background-position:-1600px -100px;} .actionBar .FLeft .unlock_disable { background-position:-1600px -200px;} .actionBar .FLeft .rootShare { background-position:-1700px -10px;} .actionBar .FLeft .rootShare_hover { background-position:-1700px -100px;} .actionBar .FLeft .rootShare_disable { background-position:-1700px -200px;} .actionBar .FLeft .properties { background-position:-1800px -10px;} .actionBar .FLeft .properties_hover { background-position:-1800px -100px;} .actionBar .FLeft .properties_disable { background-position:-1800px -200px;} .actionBar .FLeft .unShareMe { background-position:-1900px -10px;} .actionBar .FLeft .unShareMe_hover { background-position:-1900px -100px;} .actionBar .FLeft .unShareMe_disable { background-position:-1900px -200px;} .actionBar .FLeft .activityReport { background-position:-2000px -10px;} .actionBar .FLeft .activityReport_hover { background-position:-2000px -100px;} */ .verticalDivider{border-left: #959595 1px solid; padding-left: 5px; margin-left: 5px; height: 37px} /* Email Notifications */ .CBoptionsImage {background:url(../../images/clouddrive/cloudboxoptions_sprite.png?a=1);width:30px;height:30px;Position:relative;top:0px;right:3px;background-position: -2px -15px;} .CBoptionsImage:hover {background-position: -2px -65px;cursor: pointer;} .FRight.marginRight {margin-right:50px;} .CBoptionsMenu { text-align:left; width:110px;position:absolute; right:10px; top:28px; z-index:3; box-shadow:4px 4px 4px #888888;} .CBoptionsMenu a {margin:5px; padding:3px;display:block; color: #333; cursor:pointer;} .searchBoxAndGobutton {margin: 5px 4px 0 0;} .settingsHeading{font-size:18px; padding:5px 10px; font-weight:bold;border-bottom: 2px solid #efefef;background-color: #efefef;} .settingsMenu {width:155px;} .settingsMenu a {padding:5px 8px;display:block;color: #333; cursor:pointer; text-decoration:none;} .settingsmenu a:hover{color:#7B9701;} /*.settingsMenu a:hover {background-color:#F5F6E6;}*/ /*commented on 9th April */ .settingsContent h1 { font-size:16px; font-weight:bold; margin-bottom:16px;} .settingsContent h2 { font-size:12px; font-weight:bold; margin-bottom:16px;} .settingsContent .container_tableNotifications{ margin-bottom:10px; width:100%;padding:1px} .tableNotifications {border-collapse:collapse;font-size: 14px;} .tableNotifications th {font-weight:bold; padding:10px 10px;border-left:1px solid #C2C2C2} .tableNotifications th:first-child, .tableNotifications td:first-child{border-left:none} .tableNotifications td {border-left:1px solid #C2C2C2;border-top:solid 1px #fff; border-bottom:solid 1px #fff; padding:10px 10px;} .tableNotifications tr:last-child td {border-bottom: none} .marginTop_10px {margin-top:10px;} .FLeft { float: left;} .closeExplicitShareReport {font-weight: bold;-moz-border-radius: 5px;-webkit-border-radius: 5px;cursor: pointer;border-radius: 5px;font-size: 11px;padding: 3px 6px;width: 30px} .info-box{ overflow:hidden; height: 3em; width: 300px; font-size: 1em; line-height: 1em; padding-right:20px; } .info-box span{ position:relative; top:31px; left:297px; display:inline-block; } /* For NONWS accounts */ .nonwsFileExplorertopMargin{height: 27px} /*Trash Bin settings*/ .trashBinGlobal { left: 0;position: absolute;top: 20%;width: 100%;z-index: 100; margin-top: 13%;} .trashBinSettings { padding:5px 0px 20px 0;float:left} .trashBinAlert { padding:0px 0px 20px 0px;float:left} .sucessmesgForTrash{float: left;padding: 5px} .sucessForTrashSettings{background-color:#eaf8e4;border:2px solid #8dc478;color:#3e642f;font-size:12px;font-weight:700;margin:0 0 6px 0;padding:7px;width: 300px;overflow: hidden} .personalSettings table tr td { padding:5px; text-align: right} .personalSettings table tr .leftAlign {text-align: left} .personalSettings table tr td label { font-weight: bold} .inputbgForPS {padding:5px 5px 5px 2px; } .sucess{background-color:#eaf8e4;border:3px solid #8dc478;color:#3e642f;font-size:12px;font-weight:700;margin:6px;overflow:hidden;padding:7px} .chooseFolderRestore { padding: 5px 0 5px 0; font-weight: bold} .sharePopupScroll{width: 100%;float: left;padding-right: 2px;overflow: auto} .w_505px{width: 505px} .langSelect {border-right:1px solid #C2C2C2; margin-right: 5px; margin-top:-2px; background: #eee;} .verticalDividerLang {border-left: #959595 1px solid; padding-left: 5px; margin-left: 5px;margin-right: 5px; height: 20px; margin-top:-2px} .textLimitUpload{white-space: nowrap;overflow:hidden;text-overflow: ellipsis;ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;-icab-text-overflow: ellipsis;-khtml-text-overflow: ellipsis;-moz-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;} .borderBottomNone {border-bottom:none!important;} .borderTopNone {border-top:none!important;} .playButton, .pauseButton{background:url(/images/clouddrive/play-pause.png)no-repeat 0px 0px; clear:none!important; cursor: pointer;} .pauseButton{background-position: -32px 0;} .playButtonListView {height: 30px;width: 30px;line-height: 22px;float: right;margin-top: 5px;} .playButtonIconView {height: 30px;width: 30px; margin: 2px 0 0 0;} .playOrPause {float:right;margin-top:7px;} .PlayOrPauseRecodings {float:right;margin-top:7px;} .textLimitForComm{white-space: nowrap;overflow:hidden;text-overflow: ellipsis;ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;-icab-text-overflow: ellipsis;-khtml-text-overflow: ellipsis;-moz-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;} .heightForCopyMove{height:200px;overflow:auto;} .disableBodyOverPopup{z-index: 200} .mailError{background-color:#FFF2F2;border:1px solid #CC0000;color:#333333;} .upLoadOptionsMenu { border:1px solid #99C332; width:130px;position:absolute; right:-88px; top:40px; z-index:3; background-color:white; box-shadow:4px 4px 4px #888888;} .upLoadOptionsMenu a {padding:5px; display:block; color: #333; cursor:pointer;} .upLoadOptionsMenu a:hover {background-color:#F5F6E6} .upLoadMenuArrow {background: url(/images/clouddrive/sort_arrow.png)no-repeat 0px 0px;width:20px; height:20px;margin: 32px 0px 0px 32px; } /* UCC integration related */ .collapsed{width:60px;} /* collapsed */ .expand{width: 300px;} /* expand */ .uccpara{margin: 0; padding: 0; text-align: center;} .textLimitForComm{white-space: nowrap;overflow:hidden;text-overflow: ellipsis;ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;-icab-text-overflow: ellipsis;-khtml-text-overflow: ellipsis;-moz-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;} /*Added as a part of UCC Integration*/ .uccpara{margin: 0; padding: 0; text-align: center;} .expandDivMainUCC {position: relative;margin-top: 11px;cursor: pointer;} .expandDivUCC {height: 42px; width:63px; text-align: center;border-radius: 7px 0 0 7px;opacity:1;-moz-opacity:1;-webkit-opacity:.5;ms-opacity:.5;} .exandDivContent{position: absolute;top: 3px;text-align: center;left: 0;height: 40px; width:62px;} .folderOrFileForUCC { color:#000000; -moz-transform:scale(0.70,0.70); -webkit-transform: scale(0.70); -ms-transform: scale(0.70); margin:-8px 0 0 -8px !important;} .fileControll {padding: 15px 0 5px 44px!important;text-decoration: none; isplay: block !important ; height:16px !important; margin-top: 0px !important; } .fontOfFolderOrFileForUCC {font-weight: bold;margin: 5px 0 0 -10px;width:250px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .fontOfFolderOrFileForUCC:hover {text-decoration: none;} .firstNameAndLastName{margin-right: 40px; padding-top: 7px;font-weight: bold;} .actionMenuHeader{padding:10px;font-weight: bold;cursor: default;} .actionBarMenuList{padding-left:10px;} .logoutBorder {border-top:1px solid #dddddd;} .notificationBlink{ height: 42px; width:63px; text-align: center;border-radius: 7px 0 0 7px;animation:blink 1.5s linear 1.5s infinite alternate;-webkit-animation:blink 1.5s linear 1.5s infinite alternate;} /* Share Attributes */ .shareAttributesDiv{border-top:1px solid #ccc;} .shareAttributesSubDiv {padding:5px 0px;clear:both;} .shareAttributesName { width:115px; float:left; text-align:right;margin-right:5px;margin-top:2px;} .shareAttributesEnabledDiv {margin:5px 0px 0px 120px;} .shareAttributesEnabledDiv p{margin:5px -5px 5px 0px; text-align:center;} .editURL {background:url(editurl.png); height: 18px;width: 18px;display:inline-block;margin:5px 3px -6px 3px;cursor:pointer;background-position:0px -20px;} .saveURL {background:url(editurl.png); height: 18px;width: 18px;display:inline-block;margin: -5px 3px;cursor:pointer;} .m_5px{margin:5px;} .brandLabel {float:left;width:70px; margin-top:3px;} .brandAttribute {margin-top:5px;} .brandText {width:250px; height:75px;max-height:75px; max-width:250px;} .w_220px {width:220px;} .logingAttribute { margin-top:5px;} .folderNotifications {clear:both; } .notificationsSave{margin:5px 0px;} .shareAttributesSortUp{width:130px;margin:0 0 4px;padding-left:2px;float:left;background-position:108px -7px} .shareAttributesSortDown{width:130px;margin:0 0 4px;padding-left:2px;float:left;background-position:110px 8px;} .specificNotificationSortUp{width:240px;margin:0 0 4px;padding-left:2px;float:left;background-position:233px -8px} .specificNotificationSortDown{width:240px;margin:0 0 4px;padding-left:2px;float:left;background-position:233px 8px} .sharespecificOption{margin:5px 0 } .shareSpecificradio{margin-right: 10px} /* SmartBox Global Action Menu Starts */ .actionMenuHeader{padding:3px;font-weight: bold;cursor: default;} .globalActionsMenu{background:url(/images/clouddrive/globalActionsMenu.png) no-repeat left top;width:33px;height:30px;cursor:pointer;z-index:7; background-position:0 -5px; margin-right:2px;} .globalActionsMenu:hover{background-position:0 -55px;} .menuForActions{position: absolute;left: -170px;top: 25px;} .menuForSubActions {z-index:5;position:absolute;left:-165px;} .globalActionsMenuDropDown{font-size:11px;padding:4px 4px 4px;text-align:left;overflow:visible} .globalActionsMenuDropDown ul li{background:none; line-height: 18px;} .globalActionsMenuDropDown ul li a{display:block;font-size:11px;text-decoration:none;background:none;padding:3px 4px 2px;cursor:pointer;word-wrap:break-word;} .inputelement ul li{padding:3px 4px 2px;} .globalActionsMenuDropDown ul li a:hover{font-weight:400!important} .cornerucc{background:url(/images/cornerucc.png) no-repeat bottom right;float:left;position:absolute;bottom:0;right:0;width:3px;height:4px} .uccbottomshadow{background:url(/images/bottom_ucc.png) no-repeat bottom left;height:4px;margin:0 3px} .globalActionsMenuDropDown .subMenu{left:0px;top:-6px!important;position: absolute;width:100px;z-index:2} .TabsPopout .globalActionsMenuDropDown li{float:none;margin:0;background:none} .TabsPopout .globalActionsMenuDropDown li a{padding:3px 4px 2px;background:none;float:none} .TabsPopout .globalActionsMenuDropDown li a, .TabsPopout .globalActionsMenuDropDown li span{color:#333} .globalSubMenuArrow{float:right; margin-top:6px;} /* SmartBox Global Action Menu Ends */ .w_250px {width:250px;} .w_65px {width:65px;} .playButtonTD {text-decoration:none!important;display:block;margin-right: 35px;} .shareReportsTab{display: inline-block; float: left;padding: 5px 10px 5px 10px;border-left: none;cursor: pointer; } .spanRightZero{right:19px} .typeTextAlign{width:10%;text-align: center;} .spanRight2px{right:2px} .sizeTextAlign{width:8%;text-align: center;} .sharepoupEmailError{position:absolute;top:5px;right:20px;cursor:pointer} .emailerrorClearButton {position:absolute;top:5px;right:3px;cursor:pointer} .resizeDiv {position: absolute; left:-12px; cursor: e-resize;top:0; width:20px} .sharePopupPassword{margin: 5px 0px 5px 155px;} .repeatPswd{display: block;margin-top: 5px;float: left} .sharepwdtooltip{min-width: 130px !important; z-index: 1000;} .sharepwdtooltipSmall{min-width: 88px !important; z-index: 1000;} .tableHeaderTextOverflow{overflow: hidden; text-overflow:ellipsis; float:left; white-space: nowrap} .sharePopupHelp {clear:both; font-size: 12px;overflow: hidden; padding:5px;} .sharePopUpBorderColor {padding: 5px;overflow: hidden;clear: both; margin: 0 10px 0 0; border: 2px solid #ccc;} .selectPeople h3.uccContbg{background-color:#eee;border-bottom:solid 1px #ccc;} .selectPeople h3.otherContbg{background-color:#ccc; border-bottom:solid 1px #ccc;} .fromAccounts, .fromNonAccounts{border: 1px solid #ccc;background-color: #fff;} .popupscrollBarHr{border-top: 1px solid #ccc;} /*For create share link & finish buttons*/ .createShareLinkButton{cursor:pointer;font-size:11px;padding:3px 6px;border-radius:5px;} .finishButton{font-weight:bold;cursor:pointer;font-size:11px;padding:5px 10px;border-radius:5px;} .finishButton:disabled{cursor:default} .minimizedPopUp { border-radius:2px;padding:1px;position: absolute; padding: 2px;right:400px;top: 2px; cursor: pointer;} .width_621px{width: 621px;} .w_650px{width: 650px;} .detailedView div:first-child{height: auto;padding:0;} /**************ULM Middle**************/ .ulmMainContent{overflow-y:auto;overflow-x:hidden;padding:10px;height:100%;} .expandMiddleArrow {background: url(/images/streams/stream-icons-sprite.png?t=12Dec17) no-repeat; height: 32px;width: 32px;display:flex;cursor:pointer;opacity:0.5;} .expandMiddleArrow{ background-position: -113px 0;} .expandMiddleArrow:hover{opacity:1;} .heading{display:flex;margin:8px 0; flex-direction:column;border-bottom:1px solid #dbdbdb;} .headingPerQueue{flex-direction:inherit; align-items:center; justify-content: space-between} .perQUnifiedOption{display: flex; align-items: center} .subHeading{font-size:16px;font-weight:bold;padding:5px 0;} .contentMain{display:flex;flex-wrap:wrap;} .userContentmain{position:relative} .userContent{display: flex;padding: 5px; cursor:pointer;flex-direction:column;border-bottom: 1px solid #dbdbdb;} .userContentActive{display: flex;padding: 5px;flex-direction:column;border-bottom: 1px solid #dbdbdb; cursor:pointer;} .usermain{display:flex;align-items:center;padding:5px 0;font-size:14px;} .usermain_ULMLeft{display:flex;padding:10px 5px;font-size:14px;} .user_details{display:flex;flex-direction:column;width:calc(100% - 50px);} .userName{font-size:14px;display:inline-block;overflow:hidden;text-overflow:ellipsis;nowrap;white-space: nowrap;font-weight: bold;margin:0 10px 8px 0; color: #333;} .userName_LoggedOut{font-size:14px;display:inline-block;overflow:hidden;text-overflow:ellipsis;nowrap;white-space: nowrap;font-weight: bold;margin:0 10px 8px 0;} .ulmTimer{white-space: nowrap; color: #333;} .userProfilePic{ border-radius: 50%;width: 40px;height: 40px;margin: 0 10px 0 0;position:relative;} .slaKpi{color:#fff;background:#ea292a;} .userinfo_more{background: url(/images/streams/stream-icons-sprite.png?t=12Dec17) no-repeat; height: 24px;width: 24px;background-position: -328px -68px; cursor:pointer;margin-left:4px;display:inline-block;} /*.userinfo_more:hover{opacity:0.6}*/ .softphone-sprite{margin-top:4px;position:relative; background:url(/images/streams/stream-icons-sprite.png?t=12Dec17) no-repeat;} .incall,.active,.iddlecall,.waiticon,.ulmOnthePhone{background:url(/images/streams/stream-icons-sprite.png?t=12Dec17) no-repeat;width:20px;height:20px;display:inline-block;} .active{background-position:-700px -1052px;} .incall{background-position:-799px -1052px;} .iddlecall{background-position:-782px -1106px;} .agentNonACDCallStatus { background: url(/images/stream-icons-sprite.png?t=12Dec17) no-repeat; display: inline-block; height: 20px; width: 20px; min-width: 20px;padding: 0 2px 0 0; background-position: -179px -1147px;;} .ulmOnthePhone{background-position: -181px -1146px;} .ulm_callpull{border: solid 1px rgba(255,255,255,0);margin-right:20px;width:32px;height:32px; background-position:-64px -1046px;} .ulm_callpull:hover{border: solid 1px #c2c2c2cc;background-color: #fff;border-radius: 5px;-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);cursor:pointer;} .ulm_callpull:active{border:1px solid #ffa200; background-color:#ffdda2cc;} _:-ms-lang(x), .ulm_callpull:hover{border: solid 1px #c2c2c2;background-color: #fff;border-radius: 5px;-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);cursor:pointer;} _:-ms-lang(x), .ulm_callpull:active{border:1px solid #ffa200; background-color:#ffdda2;} .ulm_callpush{border: solid 1px rgba(255,255,255,0);width:32px;height:32px; background-position:-96px -1046px;} .ulm_callpush:hover{border: solid 1px #c2c2c2cc;background-color: #fff;border-radius: 5px;-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);cursor:pointer;} .ulm_callpush:active{border:1px solid #ffa200cc; background-color:#ffdda2;} _:-ms-lang(x), .ulm_callpush:hover{border: solid 1px #c2c2c2;background-color: #fff;border-radius: 5px;-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);cursor:pointer;} _:-ms-lang(x), .ulm_callpush:active{border:1px solid #ffa200; background-color:#ffdda2;} .supervisoryPrivilages{margin-top:4px;} .ulm_silent{border: solid 1px rgba(255,255,255,0);width:32px;height:32px; background-position:-591px -1046px;} .ulm_silent:hover{border: solid 1px #c2c2c2cc;background-color: #fff;border-radius: 5px;-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);cursor:pointer;} .ulm_silent:active{ border:1px solid #ffa200cc; background-color:#ffdda2;} _:-ms-lang(x), .ulm_silent:hover{border: solid 1px #c2c2c2;background-color: #fff;border-radius: 5px;-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);cursor:pointer;} _:-ms-lang(x), .ulm_silent:active{ border:1px solid #ffa200; background-color:#ffdda2;} .ulm_whisper{margin:4px 20px 0 20px;border: solid 1px rgba(255,255,255,0);width:32px;height:32px; background-position:-624px -1046px;} .ulm_whisper:hover{border: solid 1px #c2c2c2cc;background-color: #fff;border-radius: 5px;-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);cursor:pointer;} .ulm_whisper:active{border:1px solid #ffa200cc; background-color:#ffdda2;} _:-ms-lang(x), .ulm_whisper:hover{border: solid 1px #c2c2c2;background-color: #fff;border-radius: 5px;-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);cursor:pointer;} _:-ms-lang(x), .ulm_whisper:active{border:1px solid #ffa200; background-color:#ffdda2;} .ulm_bargein{border: solid 1px rgba(255,255,255,0);width:32px;height:32px;background-position:-658px -1046px;} .ulm_bargein:hover{border: solid 1px #c2c2c2cc;background-color: #fff;border-radius: 5px;-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);cursor:pointer;} .ulm_bargein:active{border:1px solid #ffa200cc; background-color:#ffdda2;} _:-ms-lang(x), .ulm_bargein:hover{border: solid 1px #c2c2c2;background-color: #fff;border-radius: 5px;-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);cursor:pointer;} _:-ms-lang(x), .ulm_bargein:active{border:1px solid #ffa200; background-color:#ffdda2;} .ulm_recording{border: solid 1px rgba(255,255,255,0);margin-left:20px;width:32px;height:32px; background-position:-426px -1046px;} .ulm_recording:hover{border: solid 1px #c2c2c2cc;background-color: #fff;border-radius: 5px;-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);cursor:pointer;} _:-ms-lang(x), .ulm_recording:hover{border: solid 1px #c2c2c2;background-color: #fff;border-radius: 5px;-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);cursor:pointer;} /*.ulm_recording:active{border:1px solid #ffa200; background-color:#ffdda2;background-position:-724px -1046px;}*/ .ulm_stopRecording {border: solid 1px rgba(255,255,255,0);margin-left:20px;width:32px;height:32px; background-position:-723px -1046px;} .ulm_stopRecording:hover{border: solid 1px #c2c2c2cc;background-color: #fff;border-radius: 5px;-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);cursor:pointer;} _:-ms-lang(x), .ulm_stopRecording:hover{border: solid 1px #c2c2c2;background-color: #fff;border-radius: 5px;-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);cursor:pointer;} .ulm_disabledStopRecording {margin-left:20px;width:32px;height:32px;background-position:-757px -1046px;pointer-events:none;} .missedCallInfo{display:flex;align-items:center;flex-wrap:wrap;padding:5px 0;} .missedCallInfo .normal-button{margin: 4px 0;} .missedcalls_options{width:200px;margin: 10px 10px 10px 0; padding:5px;height:34px} .missedCallsCustomDate { text-align: center; margin-right:10px; } .missedCallsCustomDate ul { display: flex; justify-content: space-between; } .missedCallsCustomDate ul li { min-width: 162px; display: flex; align-items: center; justify-content: center; } .missedCallsCustomDate ul li input { padding: 5px; width: 130px; height: 34px; } .missedCallsCustomDate .padleftFive{padding-left: 3px;} .normalButton{cursor: pointer;color: #fff;border: none;border-radius: 4px;outline: none; font-size:14px;padding:5px 10px;margin-right:10px;} .normalButton:hover{box-shadow: 0 1px 3px rgba(0,0,0,0.5);} .secondaryButton{color: #000;border: 1px solid #b9b9b9;background: #f0f0f0;outline: none;cursor: pointer;padding: 5px;border-radius: 5px;font-size: 14px;} .secondaryButton:hover {box-shadow: 0 1px 3px rgba(0,0,0,0.5);} .callpush_popup{display:block;background:#fff;border:1px solid #dbdbdb;top:90px;left:155px;padding:10px;width:350px; margin: 0 auto;} .callpush_popup ul{padding:0;margin:0;} .callpush_popup ul li{display:flex;padding:10px;font-size:12px; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;align-items:center;} .buttons{display:flex;justify-content:center;margin-top:10px;} .radio_sprite{background:url(/images/streams/stream-icons-sprite.png?t=12Dec17)no-repeat; width:22px;height:22px; display:block;} .radioChecked{background-position:-10px -799px;} .radioUnchecked{background-position:-32px -799px;} .calloption{display:flex;position:relative;} .usermore{margin:0 10px;} .ulmvoicemailIcon{width:24px;height:24px;background:url(/images/streams/stream-icons-sprite.png?t=12Dec17)no-repeat;background-position:-268px -231px;display:inline-block;} .slakpiStatus{width:24px;height:24px;background:url(/images/streams/stream-icons-sprite.png?t=12Dec17)no-repeat;background-position:-902px -1100px;display:inline-block;} th{border:none;} ul{list-style:none;} .userCalldetails{margin:0;display:flex;justify-content:space-between;} .userCallStatus{display:inline-block;} .userCallStatus span{margin-right:10px} .d_flex{display:flex;align-items: center;} .table_missedCalls{text-align:left;border:1px solid #e1e1e1;font-size:14px; border-bottom: none;} .table_missedCalls th{background: #f0f0f0;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;} .table_missedCalls th:last-child{border-right: none;} .table_missedCalls td{border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;} .table_missedCalls td:last-child{border-right: none;} /**************callMonitor*****/ .callMonitoring_more{ top: 36px; right:0px; width:170px; border: solid 1px #eee; background: #fbfbfb; position: absolute; z-index: 1; font-size: 14px; height: auto; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3); color:#333; font-weight:normal; } .callMonitoring_more ul{list-style:none;padding:0;margin:0;} .callMonitoring_more ul li{margin: 5px;text-decoration:none; height: 32px; display: flex; justify-content: flex-start; align-items: center; padding:0 5px; color:#333;} .callMonitoringOptions{ top: 0; right: 170px; width:150px; border: solid 1px #eee; background: #fbfbfb; position: absolute; z-index: 1; font-size: 14px; height: auto; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3); color:#333;} .callMonitoringOptions ul{list-style:none;padding:0;margin:0;} .callMonitoringOptions ul li{text-decoration:none; height: 32px; display: flex; justify-content: flex-start; align-items: center; padding:0 5px; color:#333; margin: 5px;} .callMonitorIcon,.manageGroupsIcon,.acdAdminIcon,.acdReportsIcon,.RefreshULMIcon{ background-image: url(/images/streams/stream-icons-sprite.png?t=12Dec17); background-repeat: no-repeat; height: 32px; width: 32px; display: block; border: solid 1px rgba(255, 255, 255, 0); } .callMonitorIcon{background-position:-555px -1138px;} .manageGroupsIcon{background-position:-596px -1138px;} .acdAdminIcon{background-position:-634px -1138px;} .acdReportsIcon{background-position:-674px -1138px;} .RefreshULMIcon{background-position:-712px -1138px;} .ulm_popout_anchor{white-space: nowrap;cursor: pointer;margin-right: 25px;display: flex;align-items:center;} .ulm_popout_anchor:hover{text-decoration: underline;} .popoutULMIcon{width:24px;height:24px;display: inline-block;background:url(/images/streams/stream-icons-sprite.png?t=12Dec17) no-repeat;background-position: -394px -1142px; } /**************SLA/KPI**************/ .slakpiMain{width:100%; overflow-x: auto;overflow-y: hidden;} .slakpiMain table{text-align:left;} .slakpiMain table tr th{position: relative; min-height: 27px;word-wrap: break-word;} .slakpiMain table tr td{word-wrap: break-word;} .slakpiSortMain{width:100%;border-left:none !important;} .slakpiMetric .sorting{right:6px;} .slakpiMetric .sorting:hover{right:6px;} .slakpiMain .filterSection table tr td{min-width:inherit;border-right:none;border-bottom:none;} .slakpiMain .filterSection{border-left: 1px solid #ccc;} .slakpiMain .tooltipMain{font-weight: normal;color:#333;font-size:14px;} .tooltipMain_ulm{left:-246px;top:26px;} .tooltipArrow_ulm{top:-10px !important;left:242px !important;transform:rotate(90deg);} .slakpiMain .w_150px{min-width:150px;width:150px;max-width:150px} .slakpiMain .w_160px{min-width:160px;width:160px;max-width:160px;} .slakpiMain .w_140px{min-width:140px;width:140px;max-width:140px;} .slakpiMain .w_120px{min-width:120px;width:120px;max-width:120px;} .slakpiMain .w_125px{min-width:125px;width:125px;max-width:125px;} .slakpiMain .w_170px{min-width:170px;width:170px;max-width:170px;} .slakpiMain .w_230px{min-width:230px;width:230px;max-width:230px;} .table_slakpi{text-align:left;border:1px solid #e1e1e1;font-size:14px; border-bottom: none;} .table_slakpi th{background: #f0f0f0;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;} .table_slakpi th:last-child{border-right: none;} .table_slakpi td{border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;} .table_slakpi td:last-child{border-right: none} .slakpibody{overflow-y: auto;overflow-x: hidden;min-width:1389px;} .slakpihead{position:relative;min-width:1389px;} .slakpibody_perque{overflow-y: auto;overflow-x: hidden;min-width:1270px;} .slakpihead_perque{position:relative;min-width:1270px;} /*.slakpiMain .tableHeaderBg { background-color: #f0f0f0; border-bottom: solid 1px #e1e1e1; } .slakpiMain .tableHeaderBg { height: 27px; left: 0; right: 0; top: -1px; position: absolute; margin: 1px 1px 0 0; z-index: 0; width:calc(100% - 17px); } /**************SLA/KPI**************/ /**************ULM Left**************/ /*.container_ULM{width:100%;background:#fff;font-weight:bold;border:1px solid #dbdbdb;height:394px;overflow-x: hidden;overflow-y: auto;}*/ .HeaderBar {padding: 8px 0;cursor: pointer;position: relative;display: flex;justify-content: flex-start;align-items: center;overflow: visible; background-color: #f0f0f0;border-bottom: 1px solid #e1e1e1;color:#333;} .groupCollapse{background:url(/images/streams/stream-icons-sprite.png?t=12Dec17) no-repeat;width: 30px;height: 30px;font-size: 10px;text-decoration: none;display: block;background-position: -31px -342px;} .HeaderTitle{font-weight: 700;margin-left: 5px;font-size: 14px;flex:1;} .filteroption_main{display:flex;justify-content:flex-end;position: relative;} .filteroption{background:url(/images/streams/stream-icons-sprite.png?t=12Dec17) no-repeat;width: 32px;height: 32px;font-size: 10px;text-decoration: none;display: block;background-position: -850px -1100px;border: 1px solid transparent;} .filteroption:hover{border:1px solid #c2c2c2cc;border-radius: 5px;-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);} _:-ms-lang(x), .filteroption:hover{border:1px solid #c2c2c2;} .filteroptionFilter{background:url(/images/streams/stream-icons-sprite.png?t=12Dec17) no-repeat;width: 32px;height: 32px;font-size: 10px;text-decoration: none;display: block;background-position: -352px -1137px;border: 1px solid transparent;} .filteroptionFilter:hover{border:1px solid #c2c2c2;border-radius: 5px;-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);} .filteroptionFilter:hover{border:1px solid #c2c2c2cc;border-radius: 5px;-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);} _:-ms-lang(x), .filteroptionFilter:hover{border:1px solid #c2c2c2;} .callMonitorPosition{background: url(/images/streams/stream-icons-sprite.png?t=12Dec17) no-repeat; height: 32px;width: 32px;background-position: -328px -63px; cursor:pointer;margin-right:5px;display:inline-block;position:relative;border: 1px solid transparent;} .callMonitorPosition:hover{border:1px solid #c2c2c2cc;border-radius: 5px;-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);} _:-ms-lang(x), .callMonitorPosition:hover{border:1px solid #c2c2c2;} .ulmActiveStatus{background-color:#e1e1e1;} .contentLeft_ULM{height:70px;padding: 0 10px;margin:0;cursor: pointer;position: relative;display: flex;justify-content: flex-start;align-items: center;overflow: visible; background-color: #fff;border-bottom: 1px solid #e1e1e1;color:#333;} .contentLeft_ULM_active{height:70px;padding: 0 10px;margin:0;cursor: pointer;position: relative;display: flex;justify-content: flex-start;align-items: center;overflow: visible;border-bottom: 1px solid #e1e1e1;color:#333;} .contentmain_ulmleft{display:flex;} .userContent_ulmleft{border-bottom:1px solid #dbdbdb;width:100%;margin: 0;padding: 0;} .usermain{} .userProfilePic img{width:40px;height:40px;border-radius:50%} .user_details_ulmleft {display: flex;flex-direction: column;width:100%} .userName_ulmleft{max-width:171px;font-size:14px;display:inline-block;overflow:hidden;text-overflow:ellipsis;nowrap;white-space: nowrap;font-weight: bold;margin:0 4px 8px 0;} .waiticon{background-position:-235px -6px;margin-right:-2px;} .ulmOverlayMain{position: relative;} .outboundcall_ulm{background-position:-257px -1100px;width:28px; height:28px;display:inline-block;bottom:0;left:24px;position: absolute;} .inboundcall_ulm{background-position:-220px -1100px;width:28px; height:28px;display:inline-block;bottom:0;left:24px;position: absolute;} .record_ulm{background-position:-560px -1100px;width:28px; height:28px;display:inline-block;bottom:0;left:-4px;position: absolute;} .record_call{background-position:-560px -1100px;width:28px; height:28px;display:inline-block;bottom:-7px;left:2px;position: absolute;} .callPullWaitIcon{background:url(/images/streams/stream-icons-sprite.png?t=12Dec17);background-position:-258px -1134px;width:40px; height:40px;display:inline-block;} .callPushWaitIcon{background:url(/images/streams/stream-icons-sprite.png?t=12Dec17);background-position:-309px -1134px;width:40px; height:40px;display:inline-block;} .callBackIcon{background:url(/images/streams/stream-icons-sprite.png?t=12Dec17);background-position: -220px -1134px;width:30px; height:30px;display:inline-block;position: absolute;bottom:0;left:24px;} .ulmRecordingContainer{ width;auto;display: flex;flex-direction: column;align-items: center;margin: 25px auto;max-width: 630px;padding: 10px;border-radius: 10px;box-shadow: 0px 0px 10px #636363;background: #fff;max-height:auto;} .ulmRecordingMain{width:100%;;border:1px solid #dbdbdb;height:auto;margin:15px 0;} .ulmrecordHeader{width:100%;background:#f0f0f0;text-align:center;height:40px;display:flex;align-items:center;} .ulmrecordHeader ul{display:flex;justify-content:space-between;} .ulmrecordHeader ul li{min-width:162px; font-weight:700;height:40px;display:flex;justify-content:center;border-left:1px solid #ccc;align-items:center;} .ulmrecordHeader ul li:first-child{border-left:none;} .ulmrecordHeader ul li:last-child{min-width:141px;} .ulmrecordOptionsMain{min-height:60px;height:auto;overflow-x: hidden;overflow-y: auto;max-height:50%;} .ulmcallpushOptionsMain{height:auto;overflow-x: hidden;overflow-y: auto;max-height:50%;} .ulmrecordOptions{width:100%;text-align:center;height:45px;} .ulmrecordOptions ul{display:flex;justify-content:space-between;} .ulmrecordOptions ul li{min-width:162px; display:flex;align-items:center;justify-content:center;height:60px;border-right:1px solid #ccc;} .ulmrecordOptions ul li:last-child{border-right:none;min-width:141px;} .ulmrecordOptions ul li input{padding:5px 0;width:130px;} .popupHeading{font-size: 16px;font-weight: bold;display: flex;justify-content: space-between;} .popupHeading span{max-width:300px;display:inline-block;overflow:hidden;text-overflow:ellipsis;nowrap;white-space: nowrap;} .ulmCalender{margin-left:4px;display:inline-block;} /******************** ULM Queue Filter Start****************************/ .queueFilterIcon{background:url(/images/streams/stream-icons-sprite.png?t=12Dec17) no-repeat;width: 32px;height: 32px;font-size: 10px;text-decoration: none;display: block;background-position: -822px -1137px;border: 1px solid transparent;} .queueFilterIcon:hover{border:1px solid #c2c2c2cc;border-radius: 5px;-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);} _:-ms-lang(x), .queueFilterIcon:hover{border:1px solid #c2c2c2;} .searchUser_QueueFilter { margin: 0; padding: 0; display: flex; height: 35px; align-items: center; padding:0 5px; position: relative; } .searchfield_QueueFilter { margin: 2px 0; padding: 0 25px 0 5px; width: 100%; min-height: 27px; } .clearIcon_QueueFilter { width: 20px; height: 20px; display: inline-block; position: absolute; background-image: url(/images/streams/stream-icons-sprite.png?t=12Dec17); background-repeat: no-repeat; background-position: -142px -846px; right: 8px; top: 7px; cursor: pointer; } .ulmQueues{display:flex;align-items:center;justify-content:space-between;max-width:calc(100% - 2px);} .ulmQueues .radiobuttonsMain{margin:0 2px;} .mr_3px{margin-right:3px;} .queueName{display:inline-block;text-overflow: ellipsis;overflow: hidden;max-width:175px;white-space: nowrap;} .queueNameLeft{display:inline-block;text-overflow: ellipsis;overflow: hidden;max-width:340px;white-space: nowrap;} .mr_0px{margin-right:0px;} /******************** ULM Queue Filter End****************************/ /********************Per Queue Start****************************/ .perQueueHead{background-color:#e1e1e1;padding: 10px;font-size: 16px;font-weight: bold;margin: 5px 0 0 0; text-align: center;} .perQueueHead span{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width:380px;display:inline-block;} /******************** Per Queue End****************************/ /************loggedIn_more***************/ .loggedIn_more{ top: 30px; right: 175px; width:190px; border: solid 1px #eee; background: #fbfbfb; position: relative; z-index: 2; font-size: 14px; height: auto; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3); color:#333; } .loggedIn_more ul{list-style:none;padding:0;margin:0;} .loggedIn_more ul li{margin: 5px;} .loggedIn_more ul li a{text-decoration:none; height: 32px; display: flex; justify-content: flex-start; align-items: center; padding:0 5px; color:#333;} .recordOptions{ top: 0; right: 190px; width:150px; border: solid 1px #eee; background: #fbfbfb; position: absolute; z-index: 1; font-size: 14px; height: auto; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3); color:#333;} .recordOptions ul{list-style:none;padding:0;margin:0;} .recordOptions ul li{text-decoration:none; height: 32px; display: flex; justify-content: flex-start; align-items: center; padding:0 5px; color:#333; margin: 5px;} /***************Sort menu************************/ .filterPopup{ display: block; margin:5px 0 0 0; border: solid 1px #ccc; width:230px; background: #fbfbfb; position: absolute; z-index: 9; font-size:14px; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3); top:30px; right:20px; } .filterPopup ul { display: flex; flex-direction: column; margin: 0; padding:0; } .filterPopup ul li { width: auto; padding: 5px; display:flex; align-items:center; height:30px; border-bottom:1px solid #dbdbdb; } .filterPopup ul li:last-child{border-bottom:none;} .optionHeading{padding:5px;height:30px;display:flex;align-items:center;} .check_sprite_unchecked { background: url(/images/streams/stream-icons-sprite.png?t=12Dec17) no-repeat; background-position: 0 0; width: 20px; height: 20px; } .button_QueueFilter{ text-align: center; border-top: 1px solid #ccc; padding: 4px 0; } .mr_5px{margin-right: 5px;} /*.ulm_checkbox{background:url(/images/stream-icons-sprite.png?t=12Dec17) no-repeat; width:24px; height:24px; display:inline-block;} .checked{background-position:-31px -173px;} .unchecked{background-position:-8px -173px;}*/ /***************ULM right panels*******************/ .hrgreen{ height:4px; background:#46861a; border:none; } .reshareContainer{ overflow-x:hidden; overflow-y:auto; } .Headerbar{ background: #f0f0f0; font-size: 16px; font-weight: bold; display: flex; align-items: center; padding: 10px; justify-content: space-between; } .Headerbar_ulm{ background: #f0f0f0; font-size: 16px; font-weight: bold; display: flex; align-items: center; padding: 10px 0; justify-content: space-between; } .session_connect_main{ display:flex; font-size:14px; align-self:flex-start; margin:0 10px; } .session_connect_details1{ list-style:none; padding:0; width:100%; } .session_connect_details1 li{ margin:10px 0; display:flex; width:100%; align-items:center; } .session_connect_details2{ list-style:none; margin:10px; padding:0; } .session_connect_details2 li{ margin:10px 0; } .search_ULM_Main{position:relative;} .cross_select_user_search{ width:375px; height:30px; display:flex; margin:10px auto; font-size:14px; border:1px solid #dbdbdb; padding-left: 5px; } .clearIcon_ULM{width:20px;height:20px;display:inline-block;position:absolute; background:url(/images/streams/stream-icons-sprite.png?t=12Dec17) no-repeat; background-position: -142px -846px;right:25px;top:5px;cursor:pointer;} .Queue_main{ display: flex; align-items:center; list-style: none; font-weight: bold; margin: 18px 10px; font-size: 14px; padding:0; } .Queue_main_width{ flex:1; word-break:break-word; word-wrap:break-word; } .Queue_child{ display: flex; list-style: none; margin: 18px 10px; font-size: 14px; padding:0; } .Queue_child_heading{ width:42%; word-break:break-word;word-wrap:break-word; } .div_button_selecting_user { display: flex; flex-direction: row; margin-bottom: 12px; justify-content:center; } .user_info{ margin: 12px 0 12px 0; font-size: 14px; word-wrap:break-word; } .user_info li{ padding:10px; } .user_info ul{ list-style:none; padding:0; } .loader_ULM{width:34px; height:34px;display: flex; align-items: center;justify-content:center;} /*label{ flex:1; display:flex; align-items:center; font-weight:bold; }*/ .uploadcontentpopup{position:relative;animation:mymove 1s 1;-webkit-animation:mymove 1s 1; /*Safari and Chrome*/} /*move and copy popup increase related CSS*/ .box_MoveCopy{width:90%;max-width:90%;} div.alertpopMoveCopy{top:0;bottom:0;justify-content:center;align-items:center;display:flex;} div.sltdFilesMoveCopy{height:132px;} /*move and copy popup increase related CSS*/ @keyframes mymove{from {top:0px; opacity:1;}to {top:400px; opacity:0; display:none; width:200px;}} @-webkit-keyframes mymove /*Safari and Chrome*/{from {top:0px; opacity:1;}to {top:400px; opacity:0; display:none; width:200px;}} .share_hover_inline {background:url(/images/clouddrive/share_hover_inline.png) no-repeat; background-position: 0px -27px;width:26px; height:26px;} .share_hover_inline:hover {background:url(/images/clouddrive/share_hover_inline.png) no-repeat; background-position: 0px 0px;} .firstNameAndLastName1{margin-right: 40px; padding-top: 7px;font-weight: bold;} .w_720px{width:720px;} @media (max-width: 1400px) and (min-width: 700px) { .firstNameAndLastName1{margin-right: 40px; padding-top: 7px;font-weight: bold;} } @media (max-width: 550px) { .firstNameAndLastName1{clear:both;float: left;font-weight: bold;margin-left:80px;margin-top:-20px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;} .uccAdjustment {display:none;} } .firstNameAndLastName_web40{margin-right: 40px; padding-top: 7px;font-weight: bold;} @media (max-width: 1400px) and (min-width: 700px) { .firstNameAndLastName_web40{margin-right: 40px; padding-top: 7px;font-weight: bold;} } @media (max-width: 550px) { .firstNameAndLastName_web40{clear:both;float: left;font-weight: bold;margin: 0;padding: 0;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;} .uccAdjustment {display:none;} } .maxarrow{ background: url("../../images/clouddrive/uploadarrow.png?123") no-repeat scroll 0 0 transparent;display: block;float: left;height: 19px;margin: 1px 3px 0 0;text-decoration: none;width: 15px;} .maxcloseButton{ background: url("../../images/clouddrive/close_alert_small.png?123") no-repeat scroll 0 0 transparent;display: inline-block;float: right;height: 19px;margin: 1px 3px 0 0;text-decoration: none;width: 20px;} .maxExpandButton{ background: url("../../images/clouddrive/maximize _window.png?123") no-repeat scroll 0 0 transparent;display: inline-block;float: right;height: 19px;margin: 1px 5px 0 0;text-decoration: none;width: 20px;} .w_203px {width:203px;} .breadCrumbArrow{background:url('/images/clouddrive/breadcrumb-arrow.png');height:9px; width:8px;display: inline-block;} /* Version Control and History */ .versionHistory{height:182px;border:solid 1px #ccc;margin:5px 15px;padding:5px;overflow:hidden;overflow: auto;overflow-y: scroll;} .versionTable{width:100%;font-size:13px;} .versionTable tr{border-bottom:solid 1px #e8e6e6;display:block;padding:5px 0;position:relative;} .versionClearIcon{position:absolute;top:5px;right:0px;} .verisonIcons{height:45px; width:45px;} .versionNum{padding:4px 4px 0px 4px;margin-right:5px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position: relative;top:0;font-size: 13px;font-weight: normal; height: 13px; min-width: 13px;} .fileInfo span.versionNum {margin-left:5px;display:inline-block} .fileInfo span.metaTagIcon_streams {margin-left:5px;display:inline-block;margin-bottom:-8px;} .versionDeleteNum{background-color:#ccc;padding:2px 4px;margin-right:5px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .versionDate{padding:5px 0;} .versionDateDis{padding:5px 0;color:#999;} .versionName{color:#999;} .dropdownShare{background: url('/images/clouddrive/share-icon.png') no-repeat left bottom; display:inline-block; line-height:30px;padding-left:30px; font-style:normal;cursor: pointer;} .dropdownHistory{background: url('/images/clouddrive/version-icon.png') no-repeat left bottom; display:inline-block; line-height:30px;padding-left:30px; font-style: normal;cursor: pointer;} .versionHistoryLoading {width:100%; height: 100%;position: absolute; z-index: 10; background: #ffffff} .versionHistoryLoadingIMG {margin: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 10;} /*Downloads*/ .downloads{width:768px; border:1px solid #ccc; margin-bottom:10px; padding:10px;} .downloads ul{margin:0; padding:0;} .downloads ul li{list-style-position:inside;} .downloads a:link{text-decoration: none;} .downloads a:hover{ text-decoration: underline} .selectedTabSettings {font-weight:bold;} .heading{font-size:14px; font-weight:bold; margin-bottom: 10px;} .ml_5px{margin-left: 5px;} /*imports Classes*/ .imports{width:768px; border:1px solid #ccc; margin-bottom:10px; padding:10px;} .importStartingContent h1 { font-size:16px; font-weight:bold; margin-bottom:16px;} .importContent h1 { font-size:16px; font-weight:bold; margin-bottom:16px;} .importContent h2 { font-size:12px; font-weight:bold; margin-bottom:16px;} .importContent p {font-size:13px;} .importContent .container_tableNotifications{ margin-bottom:10px; width:100%;padding:1px} .fileInput {border: 1px solid #cccccc; padding:3px; } .sucessForTrashSettings.sucessForImortContacts {width:470px; margin:5px 0; } /*Added for other contacts email suggestion in share popup*/ .emaillistcont{max-height:110px;overflow:auto; margin-left: 6px;width:400px;position: absolute;z-index: 1;background: #ffffff; height:auto; border:solid 1px #ccc;-webkit-box-shadow: 0 2px 2px #E0E0E0, -2px 2px 2px #E0E0E0, 2px 2px 2px #E0E0E0;box-shadow: 0 2px 2px #E0E0E0, -2px 2px 2px #E0E0E0, 2px 2px 2px #E0E0E0;} .emaillistcont ul{padding:0; margin:0px 0 0 0px; list-style-type:none;} .emaillistcont ul li{background:none; padding:3px; border-bottom: solid 1px #ccc;} .emaillistcont ul li:hover{background:#e2e5bd; cursor:pointer;} .emaillistcont ul li:last-child{border-bottom: none;} .emaillistcont ul li span{padding:0 0 0 5px !important; background: none !important; border: none !important;} /* End Added for other contacts email suggestion in share popup*/ /* Added for Accounts Info*/ .accountInfoMain h1 { font-size:16px; font-weight:bold; margin-bottom:16px;} .account-info{width:768px; margin-bottom:10px; padding:10px; font-family: Tahoma, sans-serif; font-size:11px;} .account-info .heading{font-size:14px; font-weight:bold; margin-bottom: 10px; border-bottom: solid 1px; border-bottom-color:#CCC;} .account-info div {width:650px;} .account-info div label{width:130px; display:inline-block; height:20px; text-align:right; margin-right:5px;} .verticalTopAlign {vertical-align:top;} .userInfoTextArea {outline: none;resize:none; margin:4px 0 0 4px;width:400px;max-width:400px;height:150px; max-height:150px;overflow-y:auto;} .userInfoTextBox { width:400px;outline:none;padding:5px 1px; } .userInfo1{text-align: left !important;} .accountInfoNote {height:20px;} .multiSuperAdmins {display:inline-block; width: 450px;} .m_t_5px{margin-top: 5px;} /* End Added for Accounts Info*/ /* WorldSmart Alert Message */ .cancel_container{width:380px;margin:auto} .alt_topsection{height:31px;overflow:hidden} .alt_topleft{float:left;height:31px;width:9px} .alt_topright{-moz-user-select:none;float:right;height:31px;width:9px} .alt_topbgline{-moz-user-select:none;height:31px;margin:0 9px;position:relative;text-align:left} .alt_topbgline h2{font-size:14px;font-weight:700;padding-top:8px;margin:0} .alt_topbgline img{position:absolute;top:7px;right:-1px} .alt_content{padding:10px 20px} .alt_bottomleft{float:left;height:10px;width:10px} .alt_bottomright{-moz-user-select:none;float:right;height:10px;width:10px} .alt_bottombgline{-moz-user-select:none;height:9px;margin:0 10px} .alt_content .Download_ali{padding:10px 2px 15px;line-height:20px;text-align:left;font-size:12px} .alt_content .Download_ali img{margin:0 6px -9px 0} .alt_button{text-align:center} .alt_java_button{text-align:left;margin-left:36px;padding:6px 0 13px} .alt_flash_button{text-align:left;margin-left:36px;padding:6px 0 0} .alt_bottom{line-height:0px} .alt_spacer{margin-left:7px} .alt_messageTxt{margin:2px 0 0 36px} .alt_fadeout{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8} .twophaseauth{float: left;} /* End */ .successMessageForSettings{display: inline-block;background-color:#eaf8e4;border:2px solid #8dc478;color:#3e642f;font-size:12px;font-weight:700;margin:0 0 6px 0;padding:7px;overflow: hidden;margin-top: 5px} .successMessageSpan{padding: 5px 10px 5px 0;float: left} footer.footer_accountSettings{margin:0px;} /* CSS related to trial counter */ .days-left-on-trial { color: #333;font-family: Tahoma, sans-serif; font-size: 13px;font-weight: bold; padding: 5px;background: #eee;border: 1px solid #ccc;margin: auto; text-align: center;right: 250px; position:absolute; } .trial-period-ends-today { color: #f00;font-family: Tahoma, sans-serif; font-size: 13px;font-weight: bold; padding: 5px;background: #eee;border: 1px solid #ccc;margin: auto; text-align: center;right: 250px; position:absolute; } .trial-period-has-been-ended { color: #f00;font-family: Tahoma, sans-serif; font-size: 13px;font-weight: bold; padding: 5px;background: #eee;border: 1px solid #ccc;margin: auto; text-align: center;right: 250px; position:absolute; } /*Ends CSS related to trial counter */ /* Share popup Expand view 8th Mar 2014 - Om*/ /*Added for sharepopup maximization changes */ .contentAreaExpand{width:49%;float:right;padding-right:0.6%;} .expandLink, .collapsLink{font-weight:normal;} .expandLink{cursor: default;text-decoration: none;} .expandLink:hover{cursor: default;text-decoration:none;} .shareLocalDe{padding-top:10px;clear:both;} .bcccopyShare{text-align:left;float:left;} .SendcopyShareDivCll{margin-bottom:10px; text-align:left;float: left;margin-bottom: 10px;margin-left:10px;} .bccSendcopyShare{margin-left: 5px;position:relative;top:-2px} .SendcopyShareDiv{text-align:left;clear:both;margin-bottom:7px;} .expandedFinishButtons{position: absolute;width: 50%;bottom: 10px;} /* New Changes in Clouddrive.css related to Footer problems in Account Settings */ .settingsContentWrapper{margin:0; padding:0;min-width: 980px;} .copyrights_footer { display: flex; align-items: center; flex: 1; color: #333; margin-left: 4px; } footer{background-color: #dbdbdb;text-align:center;padding:7px 0;width:100%;position: absolute; bottom: 0px;display:flex; font-size: 12px; min-width: 900px;} footer a{color:#333;} .accountSettingsRightContant {border-left:1px solid #ccc; padding:0 0 0 20px;} .settingsContent{border: 1px solid #fff} /* delete imported contacts feature */ .deleteContantMain {margin:5px 10px 10px 10px; overflow: auto;} .deleteContacts {clear: both;} .deleteContacts ul{padding: 5px 0 5px 4px;max-height: 120px;background: #fff;list-style-type: none;overflow-y:auto;} .deleteContacts b {margin: 0 0 0 5px;position: relative;bottom: 2px;} .deleteContacts ul li {width: 210px;padding: 5px 5px 5px 0;margin: 3px 0 0 0;float: left;font-size: 11px;position: relative;} .deleteContacts p {padding:0; margin:0;} .deleteAcoountCheck {float:left;margin: 1px 5px 0 0;display: block;position: relative;} .sucess.deleteContactsSuccess {margin:0;} .error.deleteContactsError {margin:0;} .fromAccountsnew.deleteContantSub {margin-bottom: 14px;} .errorForImortContacts{width:390px; margin:5px auto; background-color:#fff2f2;border:3px solid #cc0000;color:#5F3939;font-size:12px;font-weight:700;overflow:hidden;padding:7px} /* Related to File/Folder action menu */ .dropdownDownload,.dropdownCopy,.dropdownDelete,.dropdownShare,.dropdownReports,.dropdownPermanentDelete,.dropdownRestore,.dropdownSettings,.dropdownLock,.dropdownUnLock,.dropdownInformation,.dropdownUnShare,.dropdownVersionHistory,.dropdownOpen,.dropdownMove,.dropdownRename{background-image: url('/images/hover_actionbar.png');display:inline-block; line-height:30px;padding-left:35px;background-repeat:no-repeat;cursor: pointer;} .dropdownVersionHistory{background-position:-6px -836px;} .dropdownDownload{background-position:-6px -6px;} .dropdownCopy{background-position:-6px -76px;} .dropdownDelete{background-position:-6px -144px;} .dropdownShare{background-position:-6px -210px;} .dropdownReports{background-position:-6px -279px;} .dropdownPermanentDelete{background-position:-6px -349px;} .dropdownRestore{background-position:-6px -419px;} .dropdownSettings{background-position:-6px -489px;} .dropdownLock{background-position:-6px -560px;} .dropdownUnLock{background-position:-6px -631px;} .dropdownInformation{background-position:-6px -700px;} .dropdownUnShare{background-position:-6px -769px;} .dropdownVersionHistory{background-position:-6px -837px;} .dropdownOpen{background-position:-6px -902px;} .dropdownMove{background-position:-6px -973px;} .dropdownRename{background-position:-6px -1042px;} .versionActionNormal{background: url('/images/clouddrive/version_arrow.png') no-repeat left bottom; height:30px;width:30px; cursor: pointer; display:block; position:absolute; top:2px;right:0px;} .sortingMain.ulOff{position:absolute;top:23px;left:0;min-width:140px;padding:4px;z-index:10;cursor:default;line-height:normal; border: solid 1px #ccc;} .replication{width:768px; font-family: Tahoma, sans-serif; font-size:11px; color: #333333;} .replication h1 {font-size: 16px; font-weight: bold;} .replication a:link{text-decoration:none; color:#7B9701;} .replication ul{margin:0 0 15px 0; list-style-type:decimal;} .replication ul li{margin:0 0 10px -20px;} .replicationnotes{background:#F2F2F2; height:auto; overflow:hidden; width:580px; padding:0 10px; margin-bottom:10px;} .replicationnotes ul{list-style-type:lower-alpha; margin:0; padding-bottom:10px;} .replicationnotes ul li{margin:0 0 10px -25px;} .replication select{font-size:11px;width:135px; height:25px;} .folderMain{position:relative; display: table; height: 44px; width: 100%;} .folderText{text-decoration:none; display:inline-block; max-width:100%; float:left; width: 45px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;height:45px;} .folderText_Streams{text-decoration:none; display:inline-block; max-width:100%; width: 40px; height:45px;min-width: 40px;} .td_file_strams_expanded{display: flex;align-items:center;} .versionAction{height: 32px;width: 32px;cursor: pointer;display: block; background-color: #fff;border: solid 1px #ccc;border-radius: 5px; position: relative;right: 0;} .versionActionActive{height:32px;width:32px; position: relative; cursor: pointer; display:block; border-radius: 5px; -webkit-box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.1);box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.1);background-color: #eee; border:solid 1px #c2c2c2; right: 0;} .fileOrFolderName{padding: 0 0 0 50px !important; display: table-cell; vertical-align: middle; position: relative; width: 100%; word-break:break-word;word-wrap:break-word; cursor: pointer; font-size: 14px; // line-height: 44px; } .faxResolution{margin: 4px 0;} .versionActionIcon {height:32px; width:32px; cursor: pointer; display:block; position:absolute; top:5px; right:5px !important; margin: auto;background-color: #fff;border: solid 1px #ccc;border-radius: 5px;} .versionActionIconClicked{height:32px;width:32px; cursor: pointer; display:block; position:absolute;float:right; top:5px; right:5px !important; margin: auto; border-radius: 5px;-webkit-box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.1); box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.1);background-color: #eee;border: solid 1px #ccc;} /*.versionActionDetail {height:26px; width:30px; cursor: pointer; display:block; position:absolute; top:0px; bottom: 0; right:3px !important; margin: auto;} .versionActionDetailClicked{height:26px;width:30px; cursor: pointer; display:block; position:absolute;float:right; top:0px; bottom: 0; right:3px !important; margin: auto;}*/ .versionActionSearch {height:26px; width:30px; cursor: pointer; display:block; position:absolute; top:0px; bottom: 0; right:3px !important; margin: auto;} .VersionSpace{padding-right: 27px !important;} /* Try SmartBox Today! & Login buttons for a non-SB user */ .normalButton.trySB_today {padding: 0 10px 0 10px;font-size: 18px;height: 40px;font-weight:bold;min-width:100px;} .normalButton.trySB_login {margin-left:-1px;padding: 0 10px 0 10px;font-size: 18px;height: 40px;font-weight:bold;min-width:100px;} .ButtonIconview { min-width: 42px; margin-bottom: 2px; font-weight: normal !important; margin-left: 2px !important; padding: 4px 4px !important; font-size: 12px !important; } /* share popup selected items text CSS */ .SPselectedItems{margin-bottom: 5px;} .SPselectedItems ul li{margin: 0 0 8px 10px; word-wrap: break-word;} .sharefilestext{width:auto;margin:0 0 4px;padding-left:2px;float:left; cursor: pointer;} .SParrowDown{vertical-align: middle; padding:2px 7px; width:5px; height: 5px; background:url('../../images/clouddrive/sort_arrow_sprite.png') no-repeat 4px 8px; cursor: pointer;} .SParrowUp{vertical-align: middle; padding:2px 7px; width:5px; height: 5px; background:url('../../images/clouddrive/sort_arrow_sprite.png') no-repeat 4px -7px; cursor: pointer;} /*metatags */ .propertieswindow textarea{margin:5px 0 0 0; width: 520px; height: 40px;resize:none; } .propertieswindow { overflow: hidden; -khtml-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; background-color: #f0f0f0; position: absolute; top: -70px; margin: 0 auto; right: 0; left: 0; } .taghead { width: 93% !important; } .metatags{width:98%; top:10px; position:relative; margin:0 auto; padding-bottom:20px;} .tagtab{list-style-type:none; padding:5px 0 0 0; margin:0; background-color:#ffffff; border-radius:5px 5px 0 0; border:solid 1px #ccc; width:80px; text-align:center; position:relative; top:1px; border-bottom:solid 1px #ffffff;} .systemtags{border:solid 1px #ccc; padding:5px 10px 5px 5px; overflow:hidden; background-color:#ffffff;} .systemtags table{margin-left:10px; font-size: 14px;} .systemtags table tr td.tagFilename{word-wrap: break-word; word-break: break-word;word-wrap:break-word;max-height: 40px; overflow: auto; display: block;} .systemtags table tr td:first-child{width: 18%;} .systemtags table tr th:first-child{width: 18%;} .globaltags{width:99%; padding:0px 0 0 10px; margin:0px 0 0 0;} .globaltags textarea{overflow: auto; width: 98%;} .tagsnote{width:100%; padding:0; margin:5px 0 10px 0;} .options{display:flex;justify-content:center;margin-bottom:10px;} .metaTagIcon {background: url('../../images/clouddrive/metatag_icon.png') 0 -4px; height: 18px; width: 25px;cursor:pointer;margin-bottom: -8px;} .metaTagIcon:hover {background-position:0 -29px;} .searchBG{display: inline-block; width: 250px; border: solid 1px #ccc; position: relative;} .searchPopup{width: 250px; height: 56px; border: solid 1px #ccc; text-align: left;position: absolute; background: #ffffff} .searchPopup a{width: 234px; padding: 6px; display: block; color: #333333; text-decoration: none; margin-top: 2px !important; margin: 0 auto;} .searchPopup a:hover{background: #ccc;} .selectedOption{width: 80px; height: 22px; background: #E2E2E2; position: absolute; top: 0; left: 0; z-index: 1; text-align: left; padding: 0px 0 0 2px; margin: 2px 0 0 2px; line-height: 22px; overflow: hidden;} .tagspopupcloseButton{ background: url("../../images/clouddrive/close_alert_small.png?123") no-repeat scroll 0 0 transparent;display: block; position: absolute; right: 9px; top: 3px; height: 19px;margin: 1px -5px 0 0;text-decoration: none;width: 20px;} .tagspopupcloseButton:hover{text-decoration: none;} /* tags end */ .clipboardcopy{ min-width: 20px !important; display: block; float: left; margin-left: 5px; text-align: center; } .copyMesssage{position: relative; right: 0px; float: right; color: #000000; display: inline-block; top: 1px; background: #99c332; padding: 5px;} /* Added Related to SB Shared FILE/FOLDER Activity */ .folderOrFileForSBSharedActivity {height:34px; width:34px; color:#000000; -moz-transform:scale(0.70,0.70); -webkit-transform: scale(0.70); -ms-transform: scale(0.70); margin:0!important;} .shredActivityTD {padding: 0} .removeFile{background:url('../../images/clouddrive/DeleteIcons.png'); width: 24px; border: none; outline: none; background-position: 0 -8px; cursor: pointer;} .removeFile:hover{width: 24px; border: none; background-position: -25px -8px; } /*.removeFileClicked{background:url('../../images/clouddrive/DeleteIcons.png'); width: 24px; border: none; outline: none; background-position: -47px -8px; cursor: pointer;}*/ .preMessage{font-size:14px;} .pagination{display:flex;align-items:center;justify-content:space-around; width: 80px; text-align:center; margin: 0 0 0 5px;} .pagination_next_disabled {background:url(/images/streams/stream-icons-sprite.png?t=12Dec17) no-repeat;background-position: -829px -168px;width:10px;height: 16px;display: inline-block; opacity: 0.5;} .pagination_next {background:url(/images/streams/stream-icons-sprite.png?t=12Dec17) no-repeat; background-position: -829px -168px; width:10px;height: 16px;display: inline-block;} .pagination_next:hover {background-position: -829px -168px;} .pagination_next_pressed {background:url(/images/streams/stream-icons-sprite.png?t=12Dec17) no-repeat; background-position: -829px -168px; width:10px;height: 16px;;display: inline-block;} .pagination_back_disabled {background:url(/images/streams/stream-icons-sprite.png?t=12Dec17) no-repeat; background-position: -799px -168px; width:10px;height: 16px; display: inline-block; opacity: 0.5;} .pagination_back {background:url(/images/streams/stream-icons-sprite.png?t=12Dec17) no-repeat; background-position: -799px -168px; width:10px; height: 16px; display: inline-block;} .pagination_back:hover {background-position: -799px -168px;} .pagination_back_pressed {background:url(/images/streams/stream-icons-sprite.png?t=12Dec17) no-repeat; background-position: -799px -168px;width:10px;height: 16px;display: inline-block;} .paginationCount{ padding: 0 5px 0 5px;} /* New search start */ .newSearchContainer{margin: 0px 5px 5px 5px;padding-top: 10px;} .newSearchContainer label{width: 100px;display: inline-block;text-align: right; font-size: 14px; font-weight: bold;} .newSearchContainer select{width: 370px; height:30px; background: #fff url('/images/clouddrive/downArrow.png?1235') no-repeat 352px 10px; -webkit-appearance: none; -moz-appearance: none; font-size: 14px;padding: 0 0 0 5px;color:#333;} .newSearchContainer select option{padding:0 0 0 5px; font-size: 14px;} .newSearchContainer select::-ms-expand {display: none;} .searchFolderOption{width: 363px; height: 20px; padding: 8px 0 0 5px; border: solid 1px #ccc; display: inline-block;} .searchFolderOption span{ width: 347px; overflow: hidden; display: inline-block; white-space: nowrap;text-overflow: ellipsis;font-size:14px;} .searchFiltersIcon{background:url('/images/clouddrive/downArrow.png?1235') no-repeat 1px 0px;height:17px;width:14px;position:absolute;top:9px;right:3px; cursor: pointer;} .searchFiltersIcon:hover{background-position: -15px 0;} .searchFiltersIcon:active{background-position: -31px 0;} .searchFilterPopup{width: 368px; height: auto; top: 28px; padding: 0 0 5px 0; border: solid 1px #ccc; text-align: left;position: absolute; background: #ffffff; z-index: 1;} .searchFilterPopup input[type="text"] {width: 353px;height: 20px;margin: 0 auto;display: block;margin-top: 5px; color: #ccc;} .searchFilterPopup input[type="submit"] {margin:0;} .searchFolderType{height: auto; max-height: 130px; overflow: auto;} .searchFolderType span{display: block; padding: 5px 7px 3px 5px;} .searchFolderType span:hover{cursor:pointer;background-color:#E2E5BD;} .searchFolderType span label:hover{cursor:pointer;} .searchFolderType span a{display:block;padding:5px;text-decoration:none;color:#333;} .searchFolderType span label{font-size: 11px; font-weight: normal; text-align: left;overflow-x: hidden;white-space: nowrap;text-overflow: ellipsis;width: 320px} .searchFolderType1{height: auto; max-height: 130px; overflow: auto;} .searchFolderType1 span{display: block; padding: 5px 7px 3px 5px;} .searchFolderType1 span:hover{cursor:pointer;background-color:#E2E5BD;} .searchFolderType1 span label:hover{cursor:pointer;} .searchFolderType1 span a{display:block;padding:5px;text-decoration:none;color:#333;} .searchFolderType1 span label{font-size: 14px; font-weight: normal; text-align: left;overflow-x: hidden;white-space: nowrap;text-overflow: ellipsis;width: 337px;} .searchFilterType{padding: 5px 0 0 5px; height: 130px; overflow: auto;} .searchFilterType span label{font-size: 14px; font-weight: normal; text-align: left;vertical-align: middle;} .searchFilterType span input[type="checkbox"]{position: relative; top: 0px;vertical-align: middle;} .searchFilterType span.folderTypes{display: block; padding: 5px 0 0 0;} .searchFilterType span:first-child.folderTypes{ padding: 0 0 0 0;} .searchTypeApply{display: inline-block;height:auto;padding: 7px;border: solid 1px #ccc;width: 354px;position: relative;bottom: -6px;left: -1px;} .searchModifieddate{overflow: auto;} .searchModifieddate span label{font-size: 14px; font-weight: normal; text-align: left;} .searchModifieddate span label:hover{cursor: pointer;} .searchModifieddate span input[type="checkbox"]{position: relative; top: 3px;} .searchModifieddate span.folderTypes{display: block; padding: 3px 0 3px 5px;} .searchModifieddate span:hover{cursor:pointer;background-color:#E2E5BD;} .searchModifieddate span a{display:block;padding:5px;text-decoration:none;color:#333;} .cutomDateRange{height:170px; margin-top:32px;} .cutomDateRange strong{display: inline-block; width: 35px; text-align: right;} .cutomDateRange input[type="text"]{width: 235px; height:20px;} .cutomDateRangebtns {clear:both; margin: 0 auto;width: auto; margin-top:10px; text-align: center;} /*.cutomDateRange a{background:url('/images/cal.gif') no-repeat 0px 0px; width: 16px;height: 17px;position: absolute;top: 4px;display: inline-block;right: 11px;}*/ .customDateRangeContaier{position: absolute; z-index: 100; right: 0px; margin: auto; top: 100px; bottom: 0px;} .searchFilterMain{display: inline-block;position: relative;} /* New search start */ .buttonRightSpacing{margin-right:5px;} .WSCDeviceMacIns {background:#ebebeb; border:1px solid #555555;padding:5px; } .WSCDeviceMacIns ol {padding-left: 25px;} .WSCDeviceMacIns ol li {list-style: decimal;} .activityDates{position: relative; top: 3px; font-size: 13px;} .activityDates input[type="text"]{padding:2px;} .activityDates img{cursor: pointer;} .ulmDefaultMsg{display:flex;justify-content:flex-start;width:100%;} /* Below classes are used for list view to fix issues of overlapping rename and save button while renaming button*/ .listViewRenameButtons {display:flex !important;line-height: 10px;margin: 4px 0 0 -5px !important;} .listViewReameTextFeild {display: inline-block; margin: 0 5px 0 0;width:140px;padding: 6px; height: 20px;} .detailsViewRenameButtons {display: inline-block; margin-top: 3px;} .tempshare{display: inline-block; position: relative; top: 4px;} .tempshareDateDiv { position: relative; margin: 5px 0px 0px 0;} .blackfont{color : #000!important} .copyRename{margin: 20px 0 0 0;} .fileName{margin:2px 0 0 1px; word-break: break-word; word-wrap: break-word;} .wordBreak{ word-break:normal; word-wrap:normal;} .moveTextLimit{overflow: initial;} .selectedFolder{width: 100%; background-color:#DDDFB8; display: inline-table;} .gridView div.gridViewMoreOptions {height: auto ; width:180px; padding:4px; position: absolute;} .filterSection #cfDateDiv{top:24px!important;right:-20px!important } .filterSection #ctDateDiv{bottom:24px!important;right:-20px!important;top:-190px!important; } /* Upload popup related*/ .uploadFilesMain{display: flex; align-items: center;justify-content: center;height:100px;min-width: 60px;border:1px solid #ccc;margin-right:5px;cursor: pointer;} .uploadFilesMain:hover{border: solid 1px #aeaeae;} .slideCount_files {height: 0px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;text-align: center;z-index: 1;} .slideCountInner_files { min-width: 45px;height: 45px;text-align: center;background: rgba(0, 0, 0, 0.5);border-radius: 100px;margin: auto;text-align: center;vertical-align: middle;color: #fff;display: inline-block;cursor: pointer;} .slideCountInner_files span {line-height: 50px;font-size: 24px;text-align: center;padding: 0 10px;} .previewImgName{display:flex;justify-content:center;align-items:center;color: #fff;position: absolute;top:0;z-index: 11;text-align: center;right: 0;font-size: 20px;left: 0;font-weight: bold;max-width: 65%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin: 0 auto;height:5%;} /* SB changes */ .fs_11px{font-size: 11px;} .w_540px{width:540px;} .th_inner{border-left:1px solid #ccc;} .mainTable tr td.bgCol{border-bottom: solid 1px #e1e1e1;border-left: solid 1px #e1e1e1;background-color: #fff;word-wrap: break-word;} /*ULM Related Classes*/ /*.activeCallUser {max-width: 140px;}*/ .activeCallUser, .activeCallQName {text-overflow: ellipsis; overflow: hidden; display: inline-block;white-space: nowrap;max-width:50%;} .activeCallTo {display: flex;width: calc(100% - 18px);} /*.activeCallQName {max-width: 80px;}*/ .UnifiedloginPop{width: 132px;left: inherit !important;right: -101px;top: 32px;} .UnifiedAvailPop{width: 140px;left: inherit !important;right: -109px;top: 31px;} .availableIcon_ULM,.unAvailableIcon_ULM,.logoutIcon_ULM,.recording_ULM,.loginIcon_ULM,.partiallogoutIcon_ULM,.partialavailableIcon_ULM{width:32px;height:32px;background:url(/images/streams/stream-icons-sprite.png?t=23June2020)no-repeat;display:inline-block;border: solid 1px transparent;position:relative;} .availableIcon_ULM{background-position: -4px -1183px;} .unAvailableIcon_ULM{background-position: -48px -1183px;} .timerDiv{display:flex;align-items-center;} .wrapicon{margin:0 0 0 6px;} .partialavailableIcon_ULM{background-position: -341px -1183px;} .logoutIcon_ULM{background-position: -92px -1183px;} .recording_ULM{background-position: -133px -1183px;} .loginIcon_ULM{background-position: -169px -1183px;} .partiallogoutIcon_ULM{background-position: -294px -1183px;} .availableIcon_ULM:hover,.unAvailableIcon_ULM:hover,.logoutIcon_ULM:hover,.recording_ULM:hover,.loginIcon_ULM:hover,.partialavailableIcon_ULM:hover,.partiallogoutIcon_ULM:hover{border-radius: 5px;-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);border: solid 1px #c2c2c2cc;background-color: #fff;} _:-ms-lang(x), .availableIcon_ULM:hover,_:-ms-lang(x), .unAvailableIcon_ULM:hover,_:-ms-lang(x), .logoutIcon_ULM:hover,_:-ms-lang(x), .recording_ULM:hover,_:-ms-lang(x), .loginIcon_ULM:hover{border-radius: 5px;-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);border: solid 1px #c2c2c2;background-color: #fff;} div.logOutMenu{left:0;position:absolute;} .mlr_5px{margin:0 5px;} .callStatus_ULM{overflow: hidden;white-space: nowrap;margin: 0 5px;text-overflow: ellipsis;display:inline-block;max-width:130px;} .mt_4px{margin-top:4px;} .ml_0px{margin-left:0px} .ciq_agent{white-space: nowrap;text-overflow: ellipsis;overflow: hidden; max-width: calc(100% - 155px);} .active_popup{border-radius: 5px;-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);border: solid 1px #c2c2c2cc;background-color: #fff;} .mainulmPopup{ display: block; margin:5px 0 0 0; width: 180px; padding: 3px 0 3px 0; position: absolute; z-index: 12; font-size:13px; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3); background:#fff; max-height: 200px; overflow: auto; } .unifiedLeftArrow{background-position: -78px -6px; height:21px; width:22px;} .ulmcontent ul { display: flex; flex-direction: column; margin: 0; padding: 0px; } .ulmcontent ul li { width: auto; padding: 5px; margin: 2px 5px 2px 5px; display: block; display: flex; align-items: center; font-weight: initial; cursor: pointer; } .ulmcontent ul li:hover{background:#ccc;} .agentstatuscomment { max-width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .unavailstatuscomment { max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } @media screen and (max-width:1400px){ .versionAction{right: 10px;} .versionActionActive{right: 10px;} .gridView div{width: 82px; height: 82px;} .detailViewVoicemail{height:90px !important;} div.gridViewContainer{ width: initial; height: initial;} .cross_select_user_search{width:305px;} .queueNameLeft{max-width:280px;} .h_auto{height: auto!important;} } @media screen and (max-width:650px){ .uploadThumbs{flex:1 !important;} .uploadDetails label{text-align:left !important ;width:auto !important;margin-bottom:2px;} .uploadDetails input{width:100% !important;} .nameTip{margin:5px 0 0 0 !important;} .uploadDetails textarea{width:100% !important;} .w_650px{width:calc(100% - 15px) !important;;} } .ivricon { background: url(/images/ivrprompt.png) no-repeat; height: 22px; width: 22px; background-size: 22px; margin: 0 5px 0 0; } .wraptimeIcon{background:url(/images/wrapuptime.svg) no-repeat;width: 32px;height: 32px;font-size: 10px;text-decoration: none;display: block; background-size: 26px; background-position: 3px 3px;border: 1px solid transparent;} .wraptimeIcon:hover{border: solid 1px #c2c2c2cc;background-color: #fff; border:1px solid #c2c2c2cc;border-radius: 5px;-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);}