@font-face {
      font-family: "OpenSans-Regular";
      src: url("fonts/OpenSans-Regular.ttf");
      }
  @font-face {
      font-family: "OpenSans-Semibold";
      src: url("fonts/OpenSans-Semibold.ttf");
      }
html,body {
font-size: 14px;
font-family: "OpenSans-Regular";
width: 100%;
}
h1 { font-size: 2rem; font-weight: normal; }
h2 { font-size: 1.7rem;font-weight: 100; }
h3 { font-size: 1.285rem; font-weight: normal;}
h4 { font-size: 1.142rem; font-weight: normal;}
h5 { font-size: .83rem; font-weight: normal;}
h6 { font-size: .75rem; font-weight: normal;}

.h4, .h5, .h6, h4, h5, h6 { margin-top: 0.714rem;margin-bottom: 0.714rem}
.h1, .h2, .h3, h1, h2, h3 {margin-top: 1.4rem;margin-bottom: 0.714rem}
strong,b {font-family: "Opensans-Semibold";}
p {margin: 0 0 0.714rem;}
.f15{font-size: 14px;}
/* .f15::first-letter{text-transform: uppercase;} */
.f20 {font-size:16px;}
ul {list-style-type: none;}
label {font-weight: normal;}
a {text-decoration: none !important;color: #3e7fdd;font-size: 14px;font-family: "OpenSans-Semibold";cursor:pointer; background-color: transparent !important;outline:none;}
ul {padding-left:0px;margin-bottom:0px ;list-style-type: none;}

.defaultCursor {
  cursor: default;
}

textarea{resize:vertical;}
a.view-more {border-bottom:1px solid; cursor:pointer;}
.view-more {border-bottom:1px solid; cursor:pointer;}
.inline-block {display:inline-block;}
.clearfix {float:none;}
.clearBoth {clear:both;}
li.active , a.active {cursor:default! important;}
.nav-tabs {border-bottom:0px;}
.container {margin:0 auto; padding-left:0px; padding-right:0px ;width:100%; display:flex;}
.container-fluid {padding-left:0px; padding-right:0px;}
.main-content {padding:20px;background-color: #f4f5f7; min-height: calc(100vh - 153px);}
.right-main-content {backface-visibility: hidden;background-color:white; min-width: calc(100% - 62px); position:relative;transform: translate3d(0px , 0px , 0px);transition:transform .5s linear;z-index:600;height:100vh}

.right-main-content.IE-fallback {
  transition: all .5s linear;
}

.addTransition{
  transition: all .5s linear;
}

#reasonType{
  padding: 5px;
    width: 100%;
    background-color: white;
    margin-bottom: 9px;
}
#loginReason{
  width: 100%;
}

#loginReasonBlock {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.paddingSet {
  padding-bottom: 4px;
  margin: 0;
}

.overflowText {overflow: hidden;display: block;text-overflow:ellipsis;white-space: nowrap;    font-size: 14px;font-family: "OpenSans-Regular";color: #333333;}
.oauth-details-table .overflowText {overflow: hidden;display: inline-block;text-overflow:ellipsis;white-space: normal;}
.wordbreakText {white-space: pre-wrap;word-break: break-all;word-wrap: break-word;}
.modal-content {border-radius:0px;border: none;}
.modal-header {background-color: #51585e; color:white; font-weight:bold;}
.modal-header .modal-title b{font-size: 16px;
  font-family: "Opensans-Regular";
  color: white;
  font-weight: normal;max-width:300px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; vertical-align: -6px;}
.modal-header .close {color:white;opacity:1;}
.modal-body {padding: 16px; color:#2c343f; height:auto;min-height: 100px; /*overflow-y:auto;*/ line-height:2.5; max-height:calc(100vh - 20rem);}
.modal-footer .positiveButton , .modal-footer .negativeButton {border-radius:0px; float:left;}
.modal-footer .positiveButton , .positiveLink {background-color: #51585e; color:white;}
.modal-footer .negativeButton {background-color: white; color:#2c343f;}

.resetpasswordwrap p{
  position: relative;
  margin:10px 0px 5px 0px;
}

.resetpasswordwrap input[type="password"], .resetpasswordwrap input[type="text"]{
  border: 0.5px solid #c1c1c1;
  height: 2.85rem;
  background-color: #fcfcfc;
  padding-left: 0.714rem;
  font-size: 1.07rem;
  font-weight: normal;
  color: #2c343f;
  width: 60%;
}

.labelpassword {
  width: 35%;
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
}

/* css is same as of default button used by bootstrap */
.positiveLink {padding: 6px 12px; font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;background-color: #51585e !important;}
a.positiveLink:active , a.positiveLink:hover , a.positiveLink:focus , a.positiveLink:visited {color:white;}
.prelative {position:relative;}
table {width:100%;}
input[type=checkbox], input[type=radio] {margin : 0px;}
table.commonTableCSS
{
  width: 100%;
}
table.slackTableCSS {width:100%;}
span.dataSortContent {
  font-size: 14px;
  color: #333333;
  font-family: "OpenSans-Regular";
}
.commonTableCSS tr th{font-family: "OpenSans-Semibold";color: #333333;font-size: 14px;padding:10px 1rem 10px 0px;vertical-align: top;display: inline-block; border-bottom:1px solid #f9f9f9;}
.commonTableCSS tr td{ font-family: "OpenSans-Regular";color: #333333;font-size: 14px;padding:10px 1rem 10px 0px;vertical-align: top;display: inline-block; border-bottom:1px solid #f9f9f9;}
.commonTableCSS thead th {border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:15px 0px; outline: 0;}
.commonTableCSS thead th[direction] {cursor:pointer;}
.commonTableCSS tbody {display:block; overflow-y: auto; width:100%; overflow-x: hidden;}
.commonTableCSS  tr {width: 100%; display: inline-flex;}
.commonTableCSS { margin-top: 5px;}
.commonTableCSS thead th img { width: 11px; height:13px ;}

.alternateColumnTable th:nth-child(even) .header,
.alternateColumnTable tr td:nth-child(even) {
  background-color: rgba(243, 243, 243, 0.5);
}

/*.selectedRow {background-color: #f3f3f3;}*/
.commnoInputElementDiv label {width: 40%;float: left;color: rgb(44, 52, 63);font-weight: lighter;}
.commnoInputElementDiv span {width: 2%;float: left;}
.commnoInputElementDiv input , .commnoInputElementDiv select {border: 1px solid #f3f3f3;width: 58%;height: 2.6rem;padding-left: 0.5rem;color: rgb(44, 52, 63);font-size: 1.07rem;background-color: #fcfcfc;}
input.commmCheckboxRadioButton {opacity: 0;height: 1rem !important;width: 1rem !important;}
input.commmCheckboxRadioButton:checked + span {background: url("../images/cloud services/tick.png") no-repeat center;}
input.commmCheckboxRadioButton + span {width: 1rem !important;height: 1rem;display: inline-block;border: 1px solid #c2c2c2;margin-left: -1rem;margin-right: 1rem;}
input.commonRadioButton + span , input.commonRadioButton  {border-radius:50%; height: 1.2rem !important;width: 1.2rem !important;}
input.commonRadioButton + span {margin-left: -1.2rem;margin-right: 0.2rem;}
.progressIndicationAjaxCallGrey {background-color:#dcdedf ; height: 4px; display:block; width: 100% ;}
.progressIndicationAjaxCallGreen{background-color: #56c78d; height: 4px; display:block; width: 2px; margin-top:-4px;}
.flashMessagePreogressbarWrapper {position: absolute; color:white; display:none; width: 100%;z-index: 2;left: 0px;top:0px;}
.flashMessageWrapper , .flashMessageWrapperActions { line-height:5rem; background-color:#51585e;text-align:center;display:block;}
.successFlashMessage{color:#56c98e; font-size:1.07rem;}
.errorFlashMessage{color:#f0676f; font-size:1.07rem; }
.popupFileDownalodError{display: none;text-align: center; }
.successFlashMessage span , .errorFlashMessage span{margin-right:1.357rem;}
.fixedPositionFlashMessage {position:fixed; left:calc(62px + 1.42rem) ; width:calc(100% - 62px - 2.84rem);}
.disabledActions {background-color: #f3f3f3;opacity: 0.7;pointer-events: none;}
.visibilityHidden {visibility:hidden;}
.commomSearchCSS {float:left;}
.commomSearchCSS input {border: 0.5px solid #c1c1c1; height:2.8rem; padding-left:0.7rem; width:21.42rem; float:left;padding-right:37px;background-color: #fff;font-size: 14px;font-family: "OpenSans-Regular";color: #333333;}
.commomSearchCSS li.tokenSearch input{background: transparent;}
#crossIcon {float:left;height:2.8rem; width:2.8rem;padding:0.9rem;margin-left:-2.8rem; cursor:pointer;line-height:0.7;}
#searchIcon {float:left; background-color:#51585e; height:2.8rem; width:2.8rem;padding:0.8rem;line-height:1;}
.seaarchCS {float:left;}
.seaarchCS input {height:2.8rem; padding-left:0.7rem; width:21.42rem; float:left; border: 0.5px solid #c1c1c1;}
#crossIcon {float:left;height:2.8rem; width:2.8rem;padding:0.9rem;margin-left:-2.8rem; cursor:pointer;line-height:0.7;display:none;}
#crossIconAuto {position: relative;left:197px;height:1.8rem; width:2.8rem;padding:0.9rem; cursor:pointer;line-height:0.7;display: none;}
#searchIcon {float:left; background-color:#51585e; height:2.8rem; width:2.8rem;padding:0.8rem;line-height:1;}
.outerCircle {display: inline-block;
    border-radius: 50%;
    height: 12px;
    width: 12px;
    background-color: #51585e;
    vertical-align: inherit;
    margin-right: 10px;
    position: relative;}

.innerCircle{
	display: inline-block;
    border-radius: 50%;
    height: 6px;
    width: 6px;
    background-color: white;
    position: absolute;
    top: 3px;
    left: 3px;
}
.wrap-enable {
	word-break: break-word;
	white-space: -moz-pre-wrap;
	word-wrap: break-word;
    word-break: break-all;
}

@supports (-webkit-appearance:none) {
	.commonTableCSS tbody.overflowInChrome { width:calc(100% + 10px); }

}
.centralise{
	position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.panel-body {padding:0px;}
.panel-group .panel-heading+.panel-collapse>.panel-body {border-top:none;}
.commomPanelClass.panel-default , .panel-group .panel {border-radius: 0px;}
.commomPanelClass.panel-default>.panel-heading {padding: 1.5rem 0rem 1.5rem 1.78rem;background-color: rgb(81, 88, 94);vertical-align: middle;color: white;border-radius: 0;}
.commomPanelClass .panel-body {padding: 2.5rem 0 2.5rem 1.78rem;}

.increment-change, .decrement-change {
	font-family: 'FontAwesome';
	font-weight: normal;
}

.increment-change:before {
	content: '\f062';
	color: #56c98e;
}
.decrement-change:before {
	content: '\f063 ';
	color: #f0676f;
}
.none{display: none;}
.commonTableCSS tr td.no-data , .commonTableCSS tr td:first-child.no-data ,
.intermediariesAlertsDetailSummary .commonTableCSS tr td:first-child.no-data ,
.individualRules .commonTableCSS tr td:first-child.no-data,
.individualMonitors .commonTableCSS tr td:first-child.no-data,
.commonTableCSS tr td.table-error-message , .commonTableCSS tr td:first-child.table-error-message , .apiReportRiskDetailsWrapper .riskTable .commonTableCSS tr td:first-child.no-data {
	width: 100%;
}
.no-data-center{ text-align: center; position: relative; margin-top: 20%; }
.no-data-image {margin-right: 8px;}

/* Pagination  */
.paginate_button {border: 1px solid transparent;margin:0px  2px;color:#666;background:#eee;padding: 0px 6px;font-size: 11px;}
.paginate_button.current {color:white; background-color:#51585e;}
.dataTables_info, .dataTables_paginate {display: inline-block;margin: 1rem 0;font-size:14px;}
.dataTables_paginate {float: right;text-align: right;}
.dataTables_paginate span a,.dataTables_paginate a{background:none !important;line-height: 21px;display:inline-block;}
.dataTables_paginate span a.current{background:none !important;color:#000;border: 1px solid #ccc;font-weight: bold;}
.dataTables_paginate a:hover{color: #000; border: 1px solid #ccc;}
.dataTables_paginate a.disabled:hover{color: #000; border: 1px solid transparent;cursor:not-allowed;}
.dataTables_paginate a.next{width:auto;height:auto;}
.select-info{margin-left:0.5rem;}
.commonTableCSS tr td.dataTables_empty, .commonTableCSS tr td:first-child.dataTables_empty{width:100% !important;}
.dataTables_paginate a.disabled{color: #777;background: #fff;border-color: #ddd;cursor: not-allowed;}
.dataTables_paginate a.paginate_button{color: #666;padding: 0px 8px;line-height: 26px;font-size:12px;display: inline-block;}
.dataTables_paginate a.first,.dataTables_paginate a.previous,.dataTables_paginate a.next,.dataTables_paginate a.last{background: #eee !important;}

.user-activity-table a.paginate_button {color: #666;padding: 0px 6px;line-height: 21px;font-size: 11px;display: inline-block;border:0px;margin:0px 2px;}
.user-activity-table a.paginate_button.current {color: #000;border: 1px solid #ccc;font-weight: bold;}
.user-activity-table a.paginate_button.previous,.user-activity-table a.paginate_button.next,.user-activity-table a.paginate_button.first,.user-activity-table a.paginate_button.last{background: #eee !important;height:auto;width:auto;}
.user-activity-table .dataTables_paginate .ellipsis,.user-activity-table .dataTables_paginate span a:last-child{display:none;}


::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}
::-webkit-scrollbar-thumb {
	background-color:rgba(50,50,50,0.25);
	border: 2px solid transparent;
	border-radius: 10px;
	background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover{
	background-color:rgba(50,50,50,0.5);
}
::-webkit-scrollbar-track {
	background-color:rgba(50,50,50,0.05);
}

/*table filter active selections*/
.filtered-selections span {
    cursor: pointer;
    background-color: rgb(16, 142, 233);
    margin-bottom: 5px;
}
.filtered-selectionsWrap{
    margin:15px 0px;
    width:auto;
}

.noMatchingRecordsFound{padding: 1rem 0;}
.input-description {width: 58%;float: right;font-size: 12px;font-style: italic;color: #999;margin-top: 5px;}
.loading-txt{
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    visibility: hidden;
    transition: none;
}
table tr td span.sprite_mm.delIcon{margin-left: 0.5rem;}
.oldAdminTxt{padding:15px 0px 0px 3px;font-size:11px;display:inline-block;}
.optionsTabs {
    border-bottom:1px solid #d0d0d0;
    float:left;
    width:100%;
    padding-top: 10px;
}
.optionsTabs li,.categoryWrap li{
    display: inline-block;
    color: rgb(64, 70, 75);

    cursor: pointer;
    float:left;
}
.optionsTabs li:first-child, .categoryWrap li:first-child{
  margin-left:1.5rem;
}
#fileDetailPopup .optionsTabs li, #fileFolderInfoModal .optionsTabs li{
  margin-left:1.5rem;
}
.optionsTabs>li> span,.optionsTabs>li> a,.categoryWrap li label{
    color:#4a4a4a;
    padding:0.5rem 1rem;
    float:left;
    border:1px solid transparent;
    border-bottom:0px;
    line-height:20px;
}
#fileDetailPopup .optionsTabs>li> a, #fileFolderInfoModal .optionsTabs>li> a{padding: 0.5rem 0.5rem}
#header-password-modal .modal-title {color: #fff;}
.optionsTabs>li> a{font-size: 14px;color: #333333;font-family: "OpenSans-Semibold";}
.optionsTabs>li> a::first-letter{text-transform: uppercase;}
.optionsTabs>li.active> span,.optionsTabs>li.active> a,.optionsTabs>li.active>span:focus,.optionsTabs>li.active>span:hover,.optionsTabs>li.active>a:focus,.optionsTabs>li.active>a:hover,.categoryWrap li.highlightGraphSelected label,.categoryWrap li.highlightGraphSelected label:hover,.categoryWrap li.highlightGraphSelected label:focus{
    border: 1px solid #D0D0D0;
    border-bottom:1px solid transparent;
    margin-bottom: -1px;
    background:#fff !important;
    float:left;
}
.optionsTabs>li >span:focus,.optionsTabs>li >span:hover,.optionsTabs>li >a:focus,.optionsTabs>li >a:hover,.categoryWrap li label:focus,.categoryWrap li label:hover {
    border: 1px solid #D0D0D0;
    background:#fafafa;
    border-bottom:0px;

}
.optionsTabs>li >a:focus,.optionsTabs>li >a:hover {
	background:#fafafa !important;
}
.overlay{
  background:rgba(0,0,0,0.5);
  width:100%;
  height:100%;
  position:fixed;
  top:0px;
  left:0px;
}
.overlayInModal{
  background:#fff;
  width:100%;
  height:100%;
  position:absolute;
  top:0px;
  left:0px;
  z-index:1;
}
.loader{
  position:absolute;
  top:calc(50% - 21px);
  left:calc(50% - 21px);
  z-index:99999999;
}
.overlayInModal .loader{
  left: calc(50% - 20px);
}
.readonly{
	background-color: rgb(241, 241, 241);
}

.filter-box{height: 2.8rem;border: 1px solid #3e7fdd;float: left;width: 7.8rem;padding: 0.55rem 0 0 1rem;cursor: pointer;display: table;}
.filter-box span:first-child{padding-right: 1rem;}
/* pre-loading of images */ 
body:after { position:absolute; width:0; height:0; overflow:hidden; z-index:-1;content: url(../images/editSuccessful.png) url(../images/errorFlash.png);}
.paginationList{list-style-type:none;margin:10px 0px 0px;}
.paginationList li{display:inline-block;margin:0px 2px;}
.paginationList li.bg{background:#eee;}
.paginationList li a{color:#666;padding:0px 8px;line-height:26px;font-size:12px;display:inline-block;border:1px solid transparent;}
/*.paginationList li.active a{color:#000;border:1px solid #999;}*/
.paginationList li a:hover{color:#000;border:1px solid #ccc;}
.paginationList li a.active{color:#000;border:1px solid #ccc;font-weight:bold;}
.paginationList li a.disabled{color: #777;background: #fff;border-color: #ddd;cursor: not-allowed;}
.boldClass{ font-weight: bold}
.bold500Class{font-weight: 500;}

/* pop over border changes */
.popover {border: 1px solid #eee;}
.popover.bottom>.arrow:after {top:7px;border-bottom-color: #fff;}
.popover.bottom>.arrow { margin-left:-5px;border-bottom-color: #fff;margin-top:-5px;}
.popover.left>.arrow:after {top:-10px;border-left-#eee;}
.popover.left>.arrow {margin-left:-5px;border-left-color:#eee;margin-top:-5px;}
.popover.right>.arrow:after {left: 1px;bottom: -10px;}
.popover.right>.arrow {left: -10px;margin-top: -12px;border-right-color:#eee;}
.popover>.arrow {border-width: 10px;}
.actionMonitors {padding-left:20px;float: left;}
.actionMonitors > div { margin-right:0.5rem;}
.actionMonitors > div{cursor: pointer;border: 1px solid #c2c2c2;margin-right:10px;height: 2.8rem;width: 2.8rem;padding: 0.59rem;display: table-cell;text-align: center;vertical-align: middle;float:left;}
input[type="checkbox"] {opacity: 0;height: 1rem;width: 1rem;position: relative;cursor: pointer;}
input[type="checkbox"] + span {width: 1rem;height: 1rem;display: block;background:#fff;border: 1px solid #c2c2c2;}
.filterOptionsWrapper input[type="checkbox"] + span + label {margin-left:-10px;}
input:checked + span {background: url("../images/cloud services/tick.png") no-repeat center;    background-color: #fff;}


/* multiselect styles */
.tokenize  {position: relative; display: inline-block;zoom: 1;width:100%;float:left;}
.tokenize ul, .tokenizeES ul  {list-style: none;padding: 0;margin: 0;}
.tokenize ul.tokensContainer {cursor: text;padding: 0 0px 0px 0;overflow-y: auto;background-color: #fff;border:1px solid #c1c1c1;}
.tokenize ul.tokensContainer.on-focus { border: none; }
.tokenize ul.tokensContainer li.token, div.tokenize ul.tokensContainer li.tokenSearch {float: left;margin:5px 0px 5px 5px;line-height:28px;}
div.tokenize ul.tokensContainer li.tokenSearch input,div.tokenizeInput ul.tokensContainerInput li.tokenSearchInput input{height:27px;}
div.tokenize ul.tokensContainer li.tokenSearch input:focus,div.tokenizeInput ul.tokensContainerInput li.tokenSearchInput input:focus,.advancedConditions .tokenize input:focus {outline:none;}
.tokenize ul.tokensContainer li.token {border:1px solid #ccc;background-color:#f3f3f3;padding:0 5px;line-height:25px;}
.tokenize ul li, .tokenizeES ul li{white-space: nowrap;}
.tokenize ul.dropdownList,.tokenizeES ul.dropdownListES , .tokenizeInput ul.dropdownListInput{ box-shadow: 0px 3px 2px 0px #c2c2c2; display:none;max-height:120px;width:100%;padding:5px 0;margin:-1px 0 0 0;position:absolute;background:#fff;overflow-y:auto;z-index: 20;}
.tokenize ul.dropdownList li,.tokenizeES ul.dropdownListES li,.tokenizeInput ul.dropdownListInput li  {padding:2px 10px;overflow:hidden;cursor:pointer;color:#666;}
.tokenize ul.dropdownList li.disabled,.tokenizeES ul.dropdownListES li.disabled,,.tokenizeInput ul.dropdownListInput li.disabled{color:#ccc;cursor:default;}
.advancedConditions .tokenize input{height:auto;padding:0px;border:0px;width:100px;background:none;}
.token .close{font-family: Arial, Helvetica, sans-serif !important;font-size:11px !important;line-height:25px;float:right;margin:1px 0 0 10px;padding:0;cursor:pointer;color:#000;font-weight:bold;}
/* Third level tabs */
.levelThreeTabs {border-bottom:1px solid rgb(208, 208, 208);padding:10px 0px 0px 10px;clear:both;overflow:hidden;width:100%;}
.levelThreeTabs li{display: inline-block; color: rgb(64, 70, 75);margin-right:20px;}
.levelThreeTabs.nav-tabs>li> a  , .levelThreeTabs.nav-tabs>li >a:focus, .levelThreeTabs.nav-tabs>li >a:hover { border:none; border-bottom:2px solid transparent;color:rgb(40, 48, 60)! important;display:inline-block;line-height:25px;padding:5px 0px;}
.levelThreeTabs.nav-tabs>li.active>a  ,.levelThreeTabs.nav-tabs>li.active>a:focus, .levelThreeTabs.nav-tabs>li.active>a:hover {border-bottom: 2px solid #fcbd00;}
/* Note */
.note{color: #ff6a6a;padding: 0px;margin: 0px;line-height: 15px;font-size:13px;}
/* shares and owners modal popup */
.modalTabsWrap{clear:both;overflow:hidden;width:100%;}
.modalTabsWrap .ownerShareTabs{border-bottom:1px solid #d7d7d7;padding-top:10px;background:#f3f3f3;float:left;width:100%;}
.modalTabsWrap .ownerShareTabs li{list-style-type:none;display:inline-block;float:left;}
.modalTabsWrap .ownerShareTabs li:first-child{padding-left:15px;}
.modalTabsWrap .ownerShareTabs li a{color:#666;border:1px solid transparent;display:inline-block;border-bottom:0px;padding:0px 15px;float:left;}
.modalTabsWrap .ownerShareTabs li a.selected{border: 1px solid #D0D0D0;border-bottom: 1px solid transparent;margin-bottom:-1px;background:#fff !important;}
.modalTabsWrap .ownerShareTabs li a:hover{border: 1px solid #D0D0D0;margin-bottom:-1px;background:#f3f3f3 !important;}
.listCmnShareOwner{clear:both;width:100%;padding:5px 15px;display:none;max-height:350px;overflow-y:auto;}
.listCmnShareOwner.selected{display:block;}
.listCmnShareOwner > ul{clear:both;overflow:hidden;width:100%;}
.listCmnShareOwner > ul li{color:#666;line-height:20px;padding:0px;width:calc(50% - 8px);display:inline-block;max-width:280px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding:0px 8px;}
.listCmnShareOwner > ul li:nth-of-type(2n+1){padding-left:0px;}
.listCmnShareOwner > ul li:nth-of-type(2n){padding-right:0px;}


.bootstrap-datetimepicker-widget table td.day, .bootstrap-datetimepicker-widget table td span.month,
.bootstrap-datetimepicker-widget table td span.year, .bootstrap-datetimepicker-widget table td span.decade,
.bootstrap-datetimepicker-widget table td.second, .bootstrap-datetimepicker-widget table td.minute, 
.bootstrap-datetimepicker-widget table td.hour
{color:#999;}
.bootstrap-datetimepicker-widget table th{color:#333;}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover{background:#f3f3f3;color:#666;}
.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second{color:#999;}
.modal-footer{border-top:1px solid #e5e5e5; clear: both;}
/* span.sprite_mm.helpIon {
    margin-left: 5px;
} */
div.tooltip-inner {
    max-width: 500px !important;
    word-break: break-word;
}
/* File Selectoe Css */

#inputfile-box {
  
  width: 50%;
}

#file-selector {
  display: none;
}
div#fileSelectorWrraper
{
  position: relative;
  width: 58%;
  display: inline-block;
  float: left;
}
.container {
  display: inline-block;
  width: 100%;
}
.labelforchoosefile
{
  position: relative;
    width: 100%;
    height: 40px;
}
.file-box {
  display: inline-block;
  white-space: nowrap;
  width: 70%;
  height: 100%;
  border: 1px solid #c1c1c1;
  padding: 8px 0px 5px 10px;
  box-sizing: border-box;
  text-overflow: ellipsis;
  overflow: hidden;
  float: left;
}

.file-button {
  float: left;
  background-color:#fff;
  border: 1px solid #3e7fdd;
  color: #3e7fdd;
  width: 100%; 
  height: 100%;
  line-height: 38px;
  text-align: center;
}
label[for="file-selector"]{
  width: 30%;
}
table tbody span.fileNameText:hover,table tbody span.colorBlue:hover,table span.attachmentRecipient:hover,table span.overflowText:hover,table span.colorTextbold:hover,span#risk-property:hover,span.colorBlue:hover,.teamDriveInfoList h3:hover,#showScheduledReport:hover,.indvInfoBlk a:hover,a.colorBlue:hover,a#policyTabLink:hover,.sub-header .sub-tabs li.backLink a:hover,#emailReportPopup .addDescription:hover,.apiReportDetailsWrapper .contentDiv p span.count:hover,.colorTextbold:hover,a.appauthorizedScope-js:hover,p.ptagClass.reportStatusP a:hover,.apiReportDetailsWrapper .contentDiv p span.email:hover{
  color: #23527c;
}
 
/* removing bootstrap modal box shadow */
.modal-content,.popover{box-shadow:none !important;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;}
.popover{ max-width:300px;}
@media all  and (min-width: 1280px) {
	html,body{font-size: 14px;}
}
@media all and (max-width: 1000px) and (min-width: 769px) {  
	html,body{font-size: 12px;}
}
@media all   and (max-width: 768px) {
	html,body{font-size: 10px;}
}
.radioButtonWrapper .input-description {
	width: 98%;
}

.commonFormElementsDiv {
	display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.actionspriteWrap .tooltip-inner{ max-width:300px !important; min-width: 200px !important; padding:3px 8px; color:#535A63 !important; text-align:center; text-decoration:none; background-color:#E0E0E0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-size: 14px !important;}
.actionspriteWrap .tooltip.top .tooltip-arrow{ bottom:0; left:50%; margin-left:-5px; border-left:5px solid transparent; border-right:5px solid transparent;border-top:5px solid #E0E0E0;}
.actionspriteWrap .tooltip.in{opacity:1;filter:alpha(opacity=100)}  
.actionspriteWrap .tooltip{z-index: 10000;}

/* Walk through CSS */
.introjs-helperNumberLayer{background: linear-gradient(to bottom, #c2b7b5 0%, #151515 100%) !important;}
.introjs-bullets {display: none !important;}
.custom-introjs-button{float: left;}
.introjs-tooltip {min-width: 300px !important;}
.text-input-upper{text-transform:uppercase;}
/* #inputFile{padding-top: 8px;} */
.breadcrumb-container,.sub-header,.main-content{color:#4a4a4a;}
.colorTextbold{font-size: 14px;font-family: "OpenSans-Semibold";color: #3e7fdd;}
/* .nonclickableTextBold{color:#97a0af;} */
.nonclickableTextBold{font-size: 14px;font-family: "OpenSans-Regular";color: #333333;}
/* .nonclickableTextBold{color:#4a4a4a;} */
.backtext a{text-transform: capitalize !important;}
.filter-box span a{font-size:14px; font-family: "OpenSans-Regular";}
.searchSelect{font-size: 14px;color: #333333;font-family: "OpenSans-Semibold";} 
.searchBy{font-size: 14px;color: #333333;font-family: "OpenSans-Regular";}
.searchFilesNFolders{font-size: 12px; font-family: "OpenSans-Regular";}
.flashMessageHide{display:none;}
#master-tab-content #modal-secondary-tabs.optionsTabs  li a{float:none !important;}
.filesFolderListWrap .optionsTabs li a {padding:10px; display:block; margin-bottom: -1px;}
.filesFolderListWrap .optionsTabs li a:hover,.filesFolderListWrap .optionsTabs li a:active,.filesFolderListWrap .optionsTabs>li.active> a,
.filesFolderListWrap .optionsTabs li a{float:none;border:0px;}
.filesFolderListWrap .optionsTabs li{border:1px solid transparent; border-bottom: 0px;}
.filesFolderListWrap .optionsTabs>li.active,.filesFolderListWrap .optionsTabs>li:hover{border-color:#D0D0D0;}
.filesFolderListWrap .optionsTabs>li:hover{background: #FAFAFA;}
#myModalLabel {color: white;}

#activityAuditDownload .modal-body{min-height: 200px;overflow-y: auto;}
#activityAuditDownload .durationcntnt{display: inline-block;}
#activityAuditDownload .duration-dropdown{padding: 5px;height: 35px;border-radius: 2px;background-color: #f8f8f8;}
#activityAuditDownload .activitycntnt{ width: 200px;border-radius: 2px; display: inline-block;margin: 15px 0px;}
#activityAuditDownload .activitycntnt input{border: none;background-color: #fcfcfc;}
#activityAuditDownload .tokenize ul.dropdownList li {
  line-height: 20px;
}
#activityAuditDownload .tokenize ul.dropdownList li:hover{
  background-color: #f3f3f3;
}
#activityAuditDownload .modalContentWrap{overflow: unset;}

#sendEmailModal .contentWrap .theDivs{display:flex; margin:20px auto;}
#sendEmailModal .contentWrap .theDivs.datamaskDiv{display:flex;position:relative;}
#sendEmailModal .contentWrap .theDivs.datamaskDiv .radioLabel{cursor:pointer; margin-left: 5px;margin-bottom: -32px;position: absolute;top: 1px;}
#sendEmailModal .contentWrap .datamaskDiv .firstRadio{margin-left:5px;}
#sendEmailModal .contentWrap .datamaskDiv .secondRadio{margin-left:30px;}
.radioDiv {margin-right: 25px;margin-top:3px;cursor:pointer;}
#sendEmailModal .contentWrap .theDivs:last-of-type{margin:0 auto;}
#sendEmailModal .contentWrap .theDivs .labels{width: 20%;display:inline-block;}
#sendEmailModal .contentWrap .theDivs .inputs{width: 80%;padding-left: 10px;border: 1px solid #c1c1c1;}
#sendEmailModal .mandatoryCheck{color: red;}
#sendEmailModal .contentWrap .errorMsg{margin-top:-11px;display:none;color:red;font-size:12px;margin-left:22%;}
#sendEmailModal .contentWrap .maxLimit{font-size: 11px; line-height: 15px;font-style: italic;}
#sendEmailModal .modal-body .loaderDiv{height: 40px; top: 48%;left: 0;}
#sendEmailModal .modal-body .afterApi{text-align:center;margin-top:15%;}
#sendEmailModal .modal-body .characterLimit{margin: 0;text-align: right;color: grey;font-size: 9px;}
#sendEmailModal .helpIon {margin-left: 5px;}
#sendEmailModal .colonSpan{width: 2%;}
#sendEmailModal .modal-body{overflow-y:auto;}

/* No Permission Css */
.noPermission{opacity: 0.5;cursor: not-allowed !important;}
.permissionLoader{z-index: 9999;}
.cursorPointer{cursor: pointer; text-align: center;}
.loading-txt img, .loaderInTable img, .loaderInDiv img {position: absolute;top: calc(50% - 20px);left: calc(50% - 20px);width: 40px;height: 40px;}
#visibleCssLoader{visibility: hidden;display: unset;}
.liveUserName{font: 12px "OpenSans-Regular";opacity: 0.8; margin-left: 10px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-word;display: inline-block;white-space: nowrap;}
span.liveUserName strong {
    font-weight: 900;
}
.autoSuggestionWrap{
  border-bottom: 1px solid #ccc;
  height: 40px;
}
.autoSuggestionWrap li {
  position: relative;
  bottom: 10px;
  text-overflow: ellipsis;
}
.liveSearchDropdown :first-child span.liveUserName{
  margin-top: 0;
}
#liveAutoSuggestion{
  max-height: 202px;
  overflow-y: scroll;
  overflow-x: hidden;
}
div.autoSuggestionWrap:last-child {
  border-bottom: none;
  height: 32px;
}

#autoDisabled{
  color: #ccc;
  cursor: not-allowed;
}

.autoShareVia ul.dropdownList.liveSearchDropdown{
  width: 74.3%;
  position: absolute;
  z-index: 999;
  top: 75px;
  right: 16px;
  background: #fff;
  border: 1px solid #ccc;
  border-top: none;
}

.autoShareVia ul#liveAutoSuggestion .autoSuggestionWrap li,.autoEmailAudit ul#liveAutoSuggestion .autoSuggestionWrap li,.autoOfficeActivity ul#liveAutoSuggestion .autoSuggestionWrap li{
    cursor: pointer;
    position: relative;
    bottom: 25px;
    text-overflow: ellipsis;
    left: 10px;
}
.autoShareVia div.autoSuggestionWrap:last-child ,.autoEmailAudit div.autoSuggestionWrap:last-child,.autoOfficeActivity div.autoSuggestionWrap:last-child{
  height: 46px;
}
.autoErrorMsg{
  display: none;
  color: red;
  position: relative;
  left: 256px;
  bottom: 5px;
  margin: 0;
  font-size: 12px;
  border: 1px solid;
  width: 32.2%;
  padding: 5px 5px 5px 10px;
  background: bisque;
  border-radius: 5px;
}
.autoErrorIcon{
  float: left;
  margin-top: 2px;
}
#wrongEmailCheck li.redTile,.multiselectMoreList li.redTile, .tokenize ul.linkEmailContainer.linkEmailContainer li.redTile{color: #fff;background-color: rgba(252, 22, 6,0.7);}
.multiselectMoreList.increseMultiMoreHgt{top: 72px;}
.autoErrorMsg .cancelIcon{cursor: default;}
.commomSearchCSS div ul.tokensContainer{
  overflow-x: auto !important;
}
.autoSearchChildInput{
  min-width: 197px;
}

.autoEmailAudit ul.dropdownList.liveSearchDropdown{
  width: 66.2%;
  position: absolute;
  z-index: 999;
  top: 69px;
  right: 83px;
  background: #fff;
  border: 1px solid #ccc;
  border-top: none;}

  .autoOfficeActivity ul.dropdownList.liveSearchDropdown {
    width: 70%;
    position: absolute;
    z-index: 999;
    top: 40px;
    right: 17px;
    background: #fff;
    border: 1px solid #ccc;
    border-top: none;
  }
  /* Login Analyzer Btn */
  .loginAnalyzerWrap {
    display: inline-block;
    margin: 5px 0 0 30px;
    border: 1px solid #999999;
    padding: 3px 15px 5px;
    cursor: pointer;
    font-family: "OpenSans-Regular"; 
    border-radius: 2px; 
    background-color: #fff !important;
}
.loginAnalyzerWrap:hover{
  background-color: #3d86c6 !important;
  color: #fff;
}
.resetpasswordwrap + .characterLimit{
  padding-right: 20px;
  float: right;
  margin: 0;
  line-height: normal;
  font-size: 12px;
}
.cursorPointer{
  cursor: pointer;
}