/* ------------------ Common for all action Start -------------------------- */

.actions_mainContent {
    padding: 20px;
    background-color: #f3f3f3;
    min-height: calc(100vh - 10.5rem);
    /*min-height:200px;*/
    overflow-y:auto;
}
.actionsWrapper {
    padding: 1.5rem;
    background: #fff;
    margin-bottom: 15px;
}
.actionsWrapper2 {
    padding:10px;
    background-color: white;
}
.wrapperActions {
    padding:15px;
    background: #fff;
    margin-bottom: 15px;
    position : relative;
}
.wrapperActions h2{margin-top:0px;}
.commomPanelClass .pannelActionNextCancel , .addIntermediaryAction .pannelActionNextCancel , .formFooterActionButton {padding-top:2rem;}
.commomPanelClass .pannelActionNextCancel .negativeButton, .commomPanelClass .pannelActionNextCancel .positiveButton, .addIntermediaryAction .pannelActionNextCancel .negativeButton, .addIntermediaryAction .pannelActionNextCancel .positiveButton, .formFooterActionButton .positiveButton , .formFooterActionButton .negativeButton {border-radius:0px; float:left;} 
.commomPanelClass .pannelActionNextCancel .positiveButton, .addIntermediaryAction .pannelActionNextCancel .positiveButton, .formFooterActionButton .positiveButton {background-color: #51585e; color:white;}
.commomPanelClass .pannelActionNextCancel .negativeButton  , .addIntermediaryAction .pannelActionNextCancel .negativeButton, .formFooterActionButton .negativeButton {margin-left: 0.5rem ;  color:#2c343f;}

.emailReportModal .timeSlotDiv > div {width:16.6%; float:left;}
.emailReportModal input[type="text"] , .emailReportModal input {box-shadow:none; border:1px solid #f3f3f3; width:77%;height:2.6rem;line-height:2.6rem;padding-left:0.5rem;color:rgb(44, 52, 63); font-size:1.07rem;background-color:#fcfcfc;}
.emailReportModal  div.modal-body > div  label {width: 20%;}
.emailReportModal  div.modal-body .emailAddressDiv {padding-top:2rem;}
.emailReportModal  div.modal-body .error-msg ,.emailReportModal  div.modal-body .input-description {margin-top: 0px;margin-bottom:0px; float:right;width:77%;margin-right:0.5rem;}
.emailReportModal .modal-body {overflow-y:initial; max-height: initial;}
.emailReportModal .customTimeselectionDiv {display:none;}
.emailReportModal div.modal-body > div.filteredData label{width:auto;}


.treeSelectionModal input label , .emailReportModal input label {font-weight:lighter; color:rgb(44, 52, 63); }
.emailReportModal input[type="radio"], .treeSelectionModal input[type="checkbox"] {opacity:0; height:1rem ;width:1rem;display: initial;}
.emailReportModal input[type="radio"] + span , .treeSelectionModal input[type="checkbox"] + span , .emailReportModal input[type="checkbox"].commmCheckboxRadioButton + span {width: 1rem; height: 1rem; display: inline-block;border:1px solid #c2c2c2; margin-left:-1.3rem; margin-right:5px;}
.emailReportModal input[type="radio"]:checked + span  , .treeSelectionModal input:checked + span {background:url("../images/cloud services/tick.png") no-repeat center; }
.treeSelectionModal h4.modal-title {display:inline-block;}
.treeSelectionModal input#selectAll[type="checkbox"] + span {width: 1rem; height: 1rem; display: inline-block;border:1px solid #c2c2c2; margin-left:-1.3rem; margin-right:1rem;background-color: white;}
.emailReportModal input[type="radio"]{float:left;margin-top:4px;}
.emailReportModal input[type="radio"] + span{float:left;margin-top:4px;}
.emailReportModal input[type="radio"] + span + label{float:left;margin-bottom:10px;line-height:25px;}

.onoffswitch {position: relative; width: 7.14rem;-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;float: left;}
.onoffswitch-checkbox {display: none;}
label.onoffswitch-label {display: block; overflow: hidden; cursor: pointer;border: 2px solid #FFFFFF; border-radius: 1.2rem;width:100%;}
.onoffswitch-inner {display: block; width: 200%; margin-left: -100%;transition: margin 0.3s ease-in 0s;}
.onoffswitch-inner:before, .onoffswitch-inner:after {display: block; float: left; width: 50%; height: 2.14rem; padding: 0; line-height: 2.14rem;font-size: 1rem; color: white;  box-sizing: border-box;}
.onoffswitch-inner:before {content: "Disabled";padding-left: 1rem;background-color: #999; color: #FFFFFF;}
.onoffswitch-inner:after {content: "Enabled";padding-right: .6rem;background:#56c98e; color: #FFFFFF;text-align: right;}
.onoffswitch-switch {display: block; width: 1.28rem; margin: .5rem;background: #FFFFFF;position: absolute; bottom: 0.3rem;right: 4.714rem;border: 2px solid #FFFFFF; border-radius: 1.21rem;transition: all 0.3s ease-in 0s; height:1.5rem;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {margin-left: 0;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {right: 0px; }

table tbody tr:hover { 
    background-color: rgba(206, 227, 251, 0.5);
}

table tbody tr:hover input{ background-color:white;}
@keyframes hideFilter {
        from {opacity:1;z-index:998;}
        to {opacity: 0;z-index:-1;}
}
@keyframes showFilter {
        from {opacity: 0;z-index:-1;}
        to {opacity: 1;z-index:998;}
}
.filterOptionsWrapper {background-color:#51585e ; color:white; padding:1.2rem 1rem 0px; margin-top:1rem; opacity: 0;position:absolute;width:calc(100% - 30px);animation: hideFilter 500ms ease-in-out both;left:-3000px;}
.filterOptionsWrapper.showFilter{animation: showFilter 500ms ease-in-out both;opacity: 1;}
.filterOptionsWrapper.border_filterOptions{position:absolute;}
.filterOptions input[type="checkbox"] {opacity:0; height:1rem ;width:1rem;}
.filterOptions input[type="checkbox"] + span {width: 1rem; height: 1rem; display: inline-block; background:#51585e;border:1px solid #c2c2c2; margin-left:-1.3rem; margin-right:1rem;}
.filterOptions input:checked + span {background:url("../images/cloud services/tickWhite.png") no-repeat center; }
#applyFilters , #resetFilters {width:6.4rem; background-color:transparent;  border: 1px solid #c2c2c2; line-height:2.35;}
.filterOptions .clearfix{float:none;}
.applyResetButtons {margin: 1.1rem calc(50% - 6.6rem) 1rem;}

.border_filterOptions {position: relative;background: #51585e;border: 4px solid #51585e;}
.border_filterOptions:after, .border_filterOptions:before {bottom: 100%;left:  calc(100% - 3rem);border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.filterAlign .border_filterOptions:after, .filterAlign .border_filterOptions:before {left:  calc(100% - 10.5rem);}
.border_filterOptions:after {border-color: rgba(81, 88, 94, 0);border-bottom-color: #51585e;border-width: 1rem;margin-left: -1rem;}
.border_filterOptions:before {border-color: rgba(81, 88, 94, 0);border-bottom-color: #51585e;border-width: 1rem;margin-left: -1rem;}

 
/* ------------------ Common for all action end -------------------------- */

/*...................Add report css starts.............................*/

.addReportAction{
    padding-top: 2rem;
}
.addReportAction .form-body > div  {padding-bottom:1rem;}

.addReportAction label {color: rgb(44, 52, 63);font-weight:lighter;}
.addReportAction .inputElements > div > div {padding-bottom :1rem;}
.addReportAction .inputElements label , .CSTree label {width:40%;float:left; }
.addReportAction .inputElements label + span , .CSTree label + span {width:2%;vertical-align: top;padding-top: 3px;float: left;}
.addReportAction .inputElements input , .inputElements textarea , .inputElements input , .inputElements 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;}
.addReportAction .inputElements select { width: 16.5%; margin-right: 0.4rem;}
.addReportAction .inputElements textarea {height:7.9rem;}

.addReportAction .CSTree label  , .addReportAction .ClientTree label  {width:39%;}
.addReportAction .CSTree label + span , .addReportAction .ClientTree label + span  {padding-top:0px;}
.addReportAction .CSTree , .addReportAction .ClientTree {width: 50%;}

.addReportAction .inputElements label.onoffswitch-label {width: 7.14rem;}

.addReportAction .scheduledPeriodReport .radioGroup input[type="radio"] {width:0%;display:none;}
.addReportAction .scheduledPeriodReport .radioGroup label {line-height: 3.571;margin-left:2% ; width:29%; float:left; border:1px dotted #f3f3f3; text-align:center;}
.addReportAction .scheduledPeriodReport .radioGroup label:first-of-type{margin-left:0%;}
.addReportAction .radioGroup {float: left;width:57%; }
.addReportAction .scheduledPeriodReport .radioGroup input[type="radio"]:checked + label {background-color: #51585e ; color:white;}
.addReportAction .scheduledPeriodReport .radioGroup input[type="radio"] + label span{width: 2rem;display: inline-block;height: 1rem; background: url("../images/cloud services/tick.png") no-repeat center;}
.addReportAction .scheduledPeriodReport .radioGroup input[type="radio"]:checked + label span{background: url("../images/greenTick.png") no-repeat center;}

.addReportAction .classSummary input[type="checkbox"] {opacity:0; height:1rem ;width:1rem;}
.addReportAction .classSummary input[type="checkbox"] + span {width: 1rem; height: 1rem; display: inline-block;border:1px solid #c2c2c2; margin-left:-1.3rem; margin-right:1rem;}
.addReportAction .classSummary input:checked + span {background:url("../images/cloud services/tick.png") no-repeat center; }

.addReport .datePickerWrap .error-msg {width: 100%;}
/*...................Add report css ends.............................*/




/* ------------------ Move Client Action Start  -------------------------- */
.moveClient {padding: 0px;}
.moveClient .top{border-bottom: 1px solid #c2c2c2;}
.moveClient .topContent, .moveClient .bottomContent{padding: 2rem;}
.moveClient .topContent{padding-bottom: 0;}
.moveClient .topContent .innerHeading p > span:first-child{font-weight: bold;}
.moveClient .tabOptions{width: 100%;padding-top: 1rem;}
.moveClient .tabOptions li{display: inline-block;cursor: pointer;margin: 0rem 1.42rem -0.07143rem 0rem;}
.moveClient .tabOptions li.active {border-bottom: 2px solid #000;font-weight: bold;color: #3d86c6;}
.moveClient .createNewGroupDiv label, .moveClient .selectExistingGroupDiv label{ float:left; width: 10%;}

.moveClient .radioGroup {float: left;width:89%; }
.moveClient .radioGroup input[type="radio"] {width:0%;display:none;}
.moveClient .radioGroup label {margin-left:2% ; width:20%; float:left; border:1px solid #f3f3f3; text-align:center; line-height: 2.8rem;}
.moveClient .radioGroup input[type="radio"]:checked + label {background-color: #51585e ; color:white;}
.moveClient .radioGroup input[type="radio"] + label span{width: 2rem;display: inline-block;height: 1rem; background: url("../images/cloud services/tick.png") no-repeat center;}
.moveClient .radioGroup input[type="radio"]:checked + label span{background: url("../images/greenTick.png") no-repeat center;}

/* ------------------ Move Client Action    -------------------------- */



/* ------------------ Edit multiple Clients Action    -------------------------- */
 
.servieDetailsTable {background-color:white; padding:1.5rem 1.07rem;     line-height: 2.5rem;}
.servieDetailsTable tr td {width:calc(100%/5); min-width:calc(100%/5); padding: 10px 5px;}
.servieDetailsTable tr th {width:calc((100% - 10px)/5); min-width:calc((100% - 10px)/5); padding: 10px 5px; border-bottom:1px solid #ccc; outline: 0;}
.servieDetailsTable tbody { max-height: 26rem ;min-height:200px;  width:100%; overflow-y: auto;}
.servieDetailsTable .commonTableCSS {margin-top:2.64rem; margin-bottom: 2rem;}


/* ------------------ Edit multiple Clients Action End   -------------------------- */



/* ------------------ Delete multiple Clients Action && assing cloud services to monitor starts  -------------------------- */

.deleteMultipleClients .heading , 
.sanctionCSToMonitor .heading {
 font-weight: bold;
}

.deleteMultipleClients .clientsListBorderDiv, .sanctionCSToMonitor .cloudServicesListBorderDiv{
    padding: 1rem; border:1px solid #ccc; min-height: 10rem;
}

.deleteMultipleClients .clientBox,
.sanctionCSToMonitor .cloudServiceBox{
    width: 33%; float:left;
}
.deleteMultipleClients .searchDiv {font-weight:normal; padding-bottom: 2rem;}
.deleteMultipleClients .deleteClientList , .sanctionCSToMonitor .cloudServiceList{padding: 2rem 1rem 0 1rem; max-height: 26rem;min-height:100px;  overflow-y: auto;}
.deleteMultipleClients .deleteClientList input[type="checkbox"],.sanctionCSToMonitor .cloudServiceList input[type="checkbox"] {opacity: 0; height:1rem; width:1rem;}
.deleteMultipleClients .deleteClientList input[type="checkbox"] + span , .sanctionCSToMonitor .cloudServiceList input[type="checkbox"] + span {width: 1rem; height: 1rem; display: inline-block;border:1px solid #c2c2c2; margin-left:-1.3rem; margin-right:1rem;}
.deleteMultipleClients .deleteClientList input:checked + span , .sanctionCSToMonitor .cloudServiceList input:checked + span {background:url("../images/cloud services/tick.png") no-repeat center; }
.deleteMultipleClients .deleteClientList label, .sanctionCSToMonitor .cloudServiceList label { width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle;}


/* ------------------ Delete multiple Clients Action && assing cloud services to monitor ends  -------------------------- */



/* ------------------ Add New Client Action  starts  -------------------------- */

.addNewClient .clientDataField{padding-bottom: 0.7rem;}
.addNewClient label {color: rgb(44, 52, 63);font-weight:lighter;line-height: 3.571;}

.addNewClient .inputElements label {width:40%;float:left; }
.addNewClient .inputElements label + span {width:2%;vertical-align: top;padding-top: 3px;float: left;}
.addNewClient .inputElements input ,.addNewClient .inputElements textarea{width:58%;height:2.6rem;padding-left:0.5rem;color:rgb(44, 52, 63); font-size:1.07rem;background-color:#fcfcfc;border: 0.5px solid #c1c1c1;}
.addNewClient .inputElements textarea {height:7.9rem;}

/* ------------------ Add New Client Action  ends  -------------------------- */



/* ------------------ Add Client Group Action Start    -------------------------- */

.addClientGroup .createNewGroupDiv label{ float:left; width: 10%;}
.addClientGroup .clientsToAddStatement{padding: 1rem 0;font-weight: bold;}
.addClientGroup .searchDiv{padding-bottom: 2rem;}
.addClientGroup .clientsListBorderDiv{padding: 1rem; border:1px solid #ccc; min-height: 10rem;}
.addClientGroup .clientsToAddList{padding: 2rem 1rem 0 1rem; max-height: 26rem; overflow-y: auto;}
.addClientGroup .clientCheckbox{width: 33%;display: inline-block;}
.addClientGroup .clientCheckbox input[type="checkbox"] {opacity: 0;height:1rem;width:1rem;}
.addClientGroup .newGroupName{background-color: rgba(238, 238, 238, 0.54);border: none;padding: 3px 12px;line-height: 2.2rem;width: 20%;}
.addClientGroup .clientCheckbox input[type="checkbox"] + span {width: 1rem; height: 1rem; display: inline-block;border:1px solid #c2c2c2; margin-left:-1.3rem; margin-right:1rem;}
.addClientGroup .clientCheckbox input:checked + span {background:url("../images/cloud services/tick.png") no-repeat center; }
.addClientGroup .clientCheckbox label { width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle;}


/* new group page styles */
.newClientGroupWrap{clear:both;overflow:hidden;width:100%:}
.grpName{clear:both;overflow:hidden;width:45%;margin:0px 0px 2rem 0px;}
.grpName label{font-weight:bold;color:#000;padding-right:10px;display:inline-block;width:120px;color:#444;}
.grpName input.groupNameInput{border:1px solid #eee;line-height:40px;padding:0px 10px;background:#fafafa;display:inline-block;width:calc(100% - 110px - 14px);color:#333;}
.grpName input.groupNameInput.readonly{background-color: rgb(241, 241, 241);}
.grpColoumnsWrap{clear:both;overflow:hidden;width:100%;margin:0px 0px 2rem;}
.width45{width:45%;}
.grpColoumns{border:1px solid #ccc;padding:1rem 5px 1rem 1rem;}
.grpColoumns ul.treeList{height:calc(100vh - 32rem);overflow:auto;width:100%;margin:18px 0px 0px;}
.grpColoumns ul.treeList li{list-style-type:none;padding-bottom:1rem;line-height:30px;}
.grpColoumns ul.treeList li:last-child{padding:0px;}
.grpColoumns ul.treeList li span{display:inline-block;}
.listGroupName{margin:0px 10px;color:#333;font-size:14px;cursor:pointer;}
.grpColoumns ul.treeList ul{margin:0.5rem 0px 0px 23px;display:none;}
.selectedGrpnClients{height:calc(100vh - 32rem + 2.8rem + 18px);}
.selectedGrpnClients p{font-weight:bold;color:#999;margin:0px;}
.selectedGrpnClients ul{padding-top:10px;width:100%;height:100%;overflow:auto;}
.selectedGrpnClients ul li{list-style-type:none;padding-bottom:1rem;line-height:30px;position:relative;float:left;width:50%;padding-right:1rem;}
.selectedGrpnClients ul li input[type="text"]{height: 2.8rem;padding-left: 0.7rem;float: left;width:100%;border:1px solid #ccc;color:#333;text-overflow:ellipsis;padding-right:30px;}
.selectedGrpnClients ul li span.cross_img{position:absolute;right:calc(1rem + 10px);top:14px;cursor:pointer;}
.newClientGroupWrap .formFooterActionButton{padding:0px;margin-bottom:20px;}
.minusIcon,.plusIcon{cursor:pointer;margin:-2px 0px 0px 0px;}
.grpColoumns ul.treeList li span.check{margin-top:-2px;}
.clientSelectedWrap{margin-top:0px;border-top:1px solid #ccc;margin-top:10px;padding-top:5px;}
.grpSelectedWrap,.clientSelectedWrap{height:50%;overflow:hidden;}
/* ------------------ Add Client Group Action End  -------------------------- */



/* ------------------ Edit Client Group Action Start    -------------------------- */

.editClientGroup .groupName label{ float:left; width: 10%; font-size: 1rem;}
.editClientGroup .clientsToAddStatement{padding: 1rem 0;font-weight: bold;}
.editClientGroup .searchDiv{padding-bottom: 2rem;}
.editClientGroup .clientsListBorderDiv{padding: 1rem; border:1px solid #ccc; min-height: 10rem;}
.editClientGroup .clientsToAddList{padding: 2rem 1rem 0 1rem; max-height: 26rem; overflow-y: auto;}
.editClientGroup .clientCheckbox{width: 33%;display: inline-block;}
.editClientGroup .clientCheckbox input[type="checkbox"] {opacity: 0;height:1rem;width:1rem;}
.editClientGroup .newGroupName{background-color: rgba(238, 238, 238, 0.54);border: none;padding: 3px 12px;line-height: 2.2rem;width: 20%;}
.editClientGroup .clientCheckbox input[type="checkbox"] + span {width: 1rem; height: 1rem; display: inline-block;border:1px solid #c2c2c2; margin-left:-1.3rem; margin-right:1rem;}
.editClientGroup .clientCheckbox input:checked + span {background:url("../images/cloud services/tick.png") no-repeat center; }
.editClientGroup .clientCheckbox label { width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle;}

/* ------------------ Edit Client Group Action End  -------------------------- */


/* ------------------ View Email Address Action Start  -------------------------- */

.clientEmailList .emailClientList{padding: 1rem;}
.clientEmailList .emailBox{display: inline-block;width: 30%;}

/* ------------------ View Email Address Action End  -------------------------- */


/* ------------------ Sanction CS for Client Group  Action Start    -------------------------- */

.sanctionCSToClientGroup .sanctionCSFromClientGroupStatement label{ float:left; width: 100%; font-size: 1.2rem;}
.sanctionCSToClientGroup .heading{padding: 1rem 0; font-weight: bold;}

.sanctionCSToClientGroup .searchDiv{ padding-bottom: 2rem;}
.sanctionCSToClientGroup .cloudServiceListBorderDiv{padding: 1rem; border:1px solid #ccc; min-height: 10rem;}
.sanctionCSToClientGroup .cloudServiceList{padding: 2rem 1rem 0 1rem; max-height: 26rem; overflow-y: auto;}

.sanctionCSToClientGroup .cloudServiceList input[type="checkbox"] {opacity: 0; height:1rem; width:1rem;}
.sanctionCSToClientGroup .cloudServiceList input[type="checkbox"] + span{width: 1rem; height: 1rem; display: inline-block;border:1px solid #c2c2c2; margin-left:-1.3rem; margin-right:1rem;}
.sanctionCSToClientGroup .cloudServiceList input:checked + span {background:url("../images/cloud services/tick.png") no-repeat center; }
.sanctionCSToClientGroup .cloudServiceList label{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:80%; vertical-align: middle;}
.sanctionCSToClientGroup .cloudServiceBox {width: 33%;display: inline-block;}


/* ------------------ Sanction CS for Client Group  Action End    -------------------------- */


/* ------------------ Delete Client Group Action Start    -------------------------- */

.deleteClientGroup .deleteClientGroupStatement label{ float:left; width: 100%; font-size: 1.2rem;}

/* ------------------ Delete Client Group Action End  -------------------------- */


/* ------------------ Move Client Group Action Start    -------------------------- */

.moveClientGroup .moveClientGroupStatement label{ float:left; width: 100%; font-size: 1.2rem;}
.moveClientGroup .selectExistingGroupDiv {padding-top: 2rem;}
.moveClientGroup .selectExistingGroupDiv label{ float:left; width: 10%;}

.moveClientGroup .radioGroup {float: left;width:89%; height: 25rem; overflow: auto;}
.moveClientGroup .radioGroup input[type="radio"] {width:0%;display:none;}
.moveClientGroup .radioGroup label {margin-left:2% ; width:22%; float:left; border:1px solid #f3f3f3; text-align:center; line-height: 2.8rem;}
.moveClientGroup .radioGroup input[type="radio"]:checked + label {background-color: #51585e ; color:white;}
.moveClientGroup .radioGroup input[type="radio"] + label span{width: 2rem;display: inline-block;height: 1rem; background: url("../images/cloud services/tick.png") no-repeat center;}
.moveClientGroup .radioGroup input[type="radio"]:checked + label span{background: url("../images/greenTick.png") no-repeat center;}

/* ------------------ Move Client Group Action End  -------------------------- */



/* ------------------ Delete Client Action Start    -------------------------- */

.deleteClient .deleteClientStatement label{ float:left; width: 100%; font-size: 1.2rem;}
.deleteClient .warningStatements div > label, .deleteClient .warningStatements div > span > img{display: inline-block;}

/* ------------------ Delete Client Action End  -------------------------- */


/* ------------------ Contact User Action Start    -------------------------- */

.contactUser .inputElements .fieldData{float: none;}
.contactUser label {color: rgb(44, 52, 63);font-weight:lighter;line-height: 3.571;}
.contactUser .inputElements label {width:20%;float:left; }
.contactUser .inputElements label + span{width:2%;vertical-align: top;padding-top: 3px;float: left;}
.contactUser .inputElements input , .contactUser  .inputElements textarea{width:58%;height:2.6rem;padding-left:0.5rem;color:rgb(44, 52, 63); font-size:1.07rem;background-color:#fcfcfc; border:#f3f3f3;}
.contactUser .inputElements textarea {height:7.9rem;}
.contactUser .error-msg{float: right;width: 78%;}

/* ------------------ Contact User Action End   -------------------------- */


/* ------------------ Block Client Action Start    -------------------------- */

.blockCSFromClient .blockCSFromClientStatement label{ float:left; width: 100%; font-size: 1.2rem;}
.blockCSFromClient .heading{padding-top: 1rem;}
.blockCSFromClient .servicesContentDiv{padding: 1rem 0;}
.blockCSFromClient .firewallList{ padding: 1rem; }
.blockCSFromClient .cloudServiceList{padding: 1rem 1rem; max-height: 16rem;min-height:100px;  overflow-y: auto; }

.blockCSFromClient .firewallList input[type="checkbox"], .blockCSFromClient .cloudServiceList input[type="checkbox"]  {opacity: 0; height:1rem; width:1rem;}
.blockCSFromClient .firewallList input[type="checkbox"] + span, .blockCSFromClient .cloudServiceList input[type="checkbox"] + span  {width: 1rem; height: 1rem; display: inline-block;border:1px solid #c2c2c2; margin-left:-1.3rem; margin-right:1rem;}
.blockCSFromClient .firewallList input:checked + span, .blockCSFromClient .cloudServiceList input:checked + span  {background:url("../images/cloud services/tick.png") no-repeat center; }
.blockCSFromClient .firewallBox{width: 24%;display: inline-block;}
.blockCSFromClient .cloudServiceBox{width: 33%;display: inline-block;}
.addIntermediary .formWrapper, .editIntermediary .formWrapper{background:#fff; padding: 15px;}
.addIntermediaryAction .pageProgressBar{padding:0px 0px 10px 0px;clear:both;overflow:hidden;width:100%;border-bottom:1px solid #ccc;position:relative;margin-bottom:10px;}
.addIntermediaryAction .divPipe{height:1px;width:100%;background:#333;top:16px;left:0px;position:absolute;z-index:4}
.addIntermediaryAction .pageProgressBar ul{z-index:5;position:relative;}
.addIntermediaryAction .pageProgressBar ul li{width:calc(100% / 4);padding:0px 0px 10px 0px;float:left;text-align:center;position:relative;}
.addIntermediaryAction .pageProgressBar ul li.twoDivision{width:calc(100% / 2);}
.addIntermediaryAction .pageProgressBar ul li.threeDivision{width:calc(100% / 3);}
.addIntermediaryAction .pageProgressBar ul li > div{background:#fff;padding:0rem 1.2rem;display:inline-block;}
.addIntermediaryAction .pageProgressBar ul li:first-child{text-align:left;}
.addIntermediaryAction .pageProgressBar ul li:last-child{text-align:right;}
.addIntermediaryAction .pageProgressBar ul li:first-child div{padding-left:0px;}
.addIntermediaryAction .pageProgressBar ul li:last-child div{padding-right:0px;}
.addIntermediaryAction .pageProgressBar ul li a,.addIntermediaryAction .pageProgressBar ul li span.count{display:inline-block;line-height:30px;}
.addIntermediaryAction .pageProgressBar ul li span.count{color:#fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;width:30px;height:30px;text-align:center;background:#51585e;}
.addIntermediaryAction .pageProgressBar ul li a{color:#333;line-height:30px;padding-left:5px;font-weight:bold;}
.addIntermediaryAction .pageProgressBar ul li .subText{font-size:10px;line-height:10px;color:#333;display:block;padding-left:42px;margin-top:-4px;}
.addIntermediaryAction .pageProgressBar ul li.selected a{color:#3d86c6;}
.addIntermediaryAction .pageProgressBar ul li.selected span.count{background:#fcbd00;}
.addIntermediaryAction .pageProgressBar ul li.done a{color:#56c78c;}
.addIntermediaryAction .pageProgressBar ul li.disabled div div {opacity: 0.2; pointer-events:none; }
.addIntermediaryAction .pageProgressBar ul li.done span.editSuccessful{transform: scale(0.9);}
.addIntermediaryAction .pageProgressBar ul li.done div div{pointer-events:none;}

.addIntermediaryAction .settingsInfoAndButtons{
    width: 100%;
    padding:0px 0px 15px 0px;
}
.addIntermediaryAction .monitorTypeText > span:nth-child(1) {
    width: 24%; 
    display:inline-block;
    font-weight: 600;
}
.addIntermediaryAction .monitorTypeText {
    /*padding-bottom:2rem; */
    width: 60%; 
    display: inline-block;
}
.addIntermediaryAction .pannelActionNextCancel {
    padding-top:0rem; 
    padding-left:2px; 
    margin: 0;
} 
.addIntermediaryAction .nextButton, .addIntermediaryAction .saveButton{
    margin-left: 0.5rem;
}
.addIntermediaryAction #monitorTypeContent .monitorType {
    position:relative; 
    width:33.33%; 
    display:inline-block; 
    float:left;
    padding-right:10px;
    padding-bottom:10px;
}
.addIntermediaryAction #monitorTypeContent .thirdDivision{
    padding-right: 0rem;
}
.monitorTypeWrapper{padding-left:12px;}
.addIntermediaryAction #monitorTypeContent .panel-body, 
.addIntermediaryAction #monitorsettings .panel-body, 
.addIntermediaryAction #thresholdsettings .panel-body, 
.addIntermediaryAction #baselinesettings .panel-body{
    padding:1.5rem 0rem 0px;
}
.addIntermediaryAction #monitorTypeContent .monitorType > div {
    cursor:pointer; 
    text-align:left; 
    padding: 2.14rem 1.42rem; 
    background-color:#fcfcfc; 
    border: solid 2px #f3f3f3; 
    min-height: 10.57rem; 
    height:10.57rem;
}
.addIntermediaryAction .formDivision{
    display:none;  clear: both;margin:0px;
}
.addIntermediaryAction .formDivision.active{
    display:block;
}
.addIntermediaryAction #monitorTypeContent .monitorType > div > p:nth-child(1) , .monitorTypeText > span:nth-child(1){font-weight:500;color:#51585e;}
.addIntermediaryAction #monitorTypeContent .monitorType > div > p:nth-child(2) , .monitorTypeText > span:nth-child(2) {color:#2c343f; font-weight:lighter;}
.addIntermediaryAction #monitorTypeContent .monitorType.selectedMonitorType > div {border : 2px solid rgb(81, 88, 94); }
.addIntermediaryAction #monitorTypeContent .monitorType.selectedMonitorType > div:before {content:"";background: url(../images/sprites/sprites.png) no-repeat -232px -281px;display:inline-block;vertical-align: middle;width: 30px;height: 29px; position:absolute; left:calc(0rem - 13px); }
.addIntermediaryAction #monitorTypeContent .monitorType.selectedMonitorType {pointer-events:none;}
.addIntermediaryAction .formElementsDiv > div {
    width:50%; 
    float:left; 
    display:inline-block; 
    padding-right:4.17rem;
    padding-bottom:0.714rem;
}
.addIntermediaryAction .formElementsDiv > div > label{
    font-weight:lighter; 
    color: #2c343f; 
    width:40%; 
    float:left;
}
.addIntermediaryAction .formElementsDiv > div > span {
    font-weight:lighter; 
    color: #2c343f; 
    width:2%;
    float:left
}
.addIntermediaryAction .formElementsDiv > div > input , 
.addIntermediaryAction .formElementsDiv > div > select , 
.addIntermediaryAction .formElementsDiv > div > textarea {
    border:1px solid #f3f3f3 ; height: 2.85rem; 
    background-color:#fcfcfc; padding-left: 0.714rem; 
    float:left; font-size: 1.07rem; font-weight:normal; 
    color: #2c343f; width:58%
}
.addIntermediaryAction .formElementsDiv > div > input[type="checkbox"]{
    margin-top:5px;
}
.addIntermediaryAction .formElementsDiv > div > input[type="checkbox"] + span{
    margin-top:5px;
}
.addIntermediaryAction .formElementsDiv > div > textarea {height:8rem;}
.addIntermediaryAction #thresholdsettings .formElementsDiv > div {width:100%; float:none; padding-right:1.78rem;padding-bottom:0.714rem;}
.addIntermediaryAction #thresholdsettings .formElementsDiv > div > span {font-weight:lighter; color: #2c343f; width:28%; float:left; display:inline-block;}
.addIntermediaryAction #thresholdsettings .formElementsDiv > div > span:nth-child(1) {width:16%;}
.addIntermediaryAction .formElementsDiv > div > span > input , 
.addIntermediaryAction .formElementsDiv > div > span > select {
    border:1px solid #f3f3f3 ; height: 2.85rem; 
    background-color:#fcfcfc; padding-left: 0.714rem; 
    float:left; font-size: 1.07rem; font-weight:normal; 
    color: #2c343f; width:calc(100% - 0.714rem);
    margin-right: 0.714rem; 
}




/* ---------------------Add monitor ends------------------------*/

/* ---------------------Add rule starts------------------------*/
.addRuleAction #ruleTypeCloudServices .ruleType {position:relative; width:33.33%; display:inline-block; float:left;padding-right:1.78rem;padding-bottom:1.78rem;}
.addRuleAction #ruleTypeCloudServices .panel-body, .addRuleAction #rulesettings .panel-body{padding:2.5rem 0 2.5rem 1.78rem;}
.addRuleAction #ruleTypeCloudServices .ruleType > div {cursor:pointer; text-align:left; padding: 2.14rem 1.42rem ; background-color:#fcfcfc ; border: solid 2px #f3f3f3; min-height: 10.57rem; height:10.57rem;}
.addRuleAction #ruleTypeCloudServices .ruleType > div > p:nth-child(1) , .ruleTypeText > span:nth-child(1){font-weight:500;color:#51585e;}
.addRuleAction #ruleTypeCloudServices .ruleType > div > p:nth-child(2) , .ruleTypeText > span:nth-child(2) {color:#2c343f; font-weight:lighter;}
.addRuleAction #ruleTypeCloudServices .ruleType.selectedRuleType > div {border : 2px solid rgb(81, 88, 94); }
.addRuleAction #ruleTypeCloudServices .ruleType.selectedRuleType > div:before {content: url(../images/TickCircle.png);position:absolute; left:calc(0rem - 13px); }
.addRuleAction #ruleTypeCloudServices .ruleType.selectedRuleType {pointer-events:none;}
.ruleTypeText > span:nth-child(1) {width: 8.14rem; display:inline-block;}
.ruleTypeText {padding-bottom:2.5rem;padding-left:2px;}
.addRuleAction .pannelActionNextCancel {padding-top:0rem; padding-left:2px;} 

.addRuleAction .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;}
.addRuleAction .panel-group .panel {margin-bottom:0.714rem;}

.addRuleAction .formElementsDiv > div {width:50%; float:left; display:inline-block; padding-right:4.17rem;padding-bottom:0.714rem;}
.addRuleAction .formElementsDiv > div > label{font-weight:lighter; color: #2c343f; width:40%; float:left;}
.addRuleAction .formElementsDiv > div > span {font-weight:lighter; color: #2c343f; width:2%; float:left}
.addRuleAction .formElementsDiv > div > input , .addRuleAction .formElementsDiv > div > select , .addRuleAction .formElementsDiv > div > textarea {border:1px solid #f3f3f3 ; height: 2.85rem; background-color:#fcfcfc; padding-left: 0.714rem; float:left; font-size: 1.07rem; font-weight:normal; color: #2c343f; width:58%}
.addRuleAction .formElementsDiv > div > textarea {height:8rem;}
.addRuleAction #thresholdsettings .formElementsDiv > div {width:100%; float:none; padding-right:1.78rem;padding-bottom:0.714rem;}
.addRuleAction #thresholdsettings .formElementsDiv > div > span {font-weight:lighter; color: #2c343f; width:28%; float:left; display:inline-block;}
.addRuleAction #thresholdsettings .formElementsDiv > div > span:nth-child(1) {width:16%;}
.addRuleAction .formElementsDiv > div > span > input , .addRuleAction .formElementsDiv > div > span > select {border:1px solid #f3f3f3 ; height: 2.85rem; background-color:#fcfcfc; padding-left: 0.714rem; float:left; font-size: 1.07rem; font-weight:normal; color: #2c343f; width:calc(100% - 0.714rem);margin-right: 0.714rem; }
.addRuleAction .error-msg {float:right;}

.addRuleAction .classSummary input[type="checkbox"] {opacity:0; height:1rem ;width:1rem;}
.addRuleAction .classSummary input[type="checkbox"] + span {width: 1rem; height: 1rem; display: inline-block;border:1px solid #c2c2c2; margin-left:-1.3rem; margin-right:1rem;}
.addRuleAction .classSummary input:checked + span {background:url("../images/cloud services/tick.png") no-repeat center; }


/* ---------------------Add rule ends------------------------*/

/* ---------------------Add alert starts------------------------*/
.addAlertAction #alertTypeCloudServices .alertType {position:relative; width:33.33%; display:inline-block; float:left;padding-right:1.78rem;padding-bottom:1.78rem;}
.addAlertAction #alertTypeCloudServices .panel-body, .addAlertAction #alertsettings .panel-body{padding:2.5rem 0 2.5rem 1.78rem;}
.addAlertAction #alertTypeCloudServices .alertType > div {cursor:pointer; text-align:left; padding: 2.14rem 1.42rem ; background-color:#fcfcfc ; border: solid 2px #f3f3f3; min-height: 15rem; height:15rem;}
.addAlertAction #alertTypeCloudServices .alertType > div > p:nth-child(1) , .alertTypeText > span:nth-child(1){font-weight:500;color:#51585e;}
.addAlertAction #alertTypeCloudServices .alertType > div > p:nth-child(2) , .alertTypeText > span:nth-child(2) {color:#2c343f; font-weight:lighter;}
.addAlertAction #alertTypeCloudServices .alertType.selectedAlertType > div {border : 2px solid rgb(81, 88, 94); }
.addAlertAction #alertTypeCloudServices .alertType.selectedAlertType > div:before {content: url(../images/TickCircle.png);position:absolute; left:calc(0rem - 13px); }
.addAlertAction #alertTypeCloudServices .alertType.selectedAlertType {pointer-events:none;}
.alertTypeText > span:nth-child(1) {width: 8.14rem; display:inline-block;}
.alertTypeText {padding-bottom:2.5rem;padding-left:2px;}
.addAlertAction .pannelActionNextCancel {padding-top:0rem; padding-left:2px;} 

.addAlertAction .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;}
.addAlertAction .panel-group .panel {margin-bottom:0.714rem;}

.addAlertAction .formElementsDiv > div {width:50%; float:left; display:inline-block; padding-right:4.17rem;padding-bottom:0.714rem;}
.addAlertAction .formElementsDiv > div > label{font-weight:lighter; color: #2c343f; width:40%; float:left;}
.addAlertAction .formElementsDiv > div > span {font-weight:lighter; color: #2c343f; width:2%; float:left}
.addAlertAction .formElementsDiv > div > input , .addAlertAction .formElementsDiv > div > select , .addAlertAction .formElementsDiv > div > textarea {border:1px solid #f3f3f3 ; height: 2.85rem; background-color:#fcfcfc; padding-left: 0.714rem; float:left; font-size: 1.07rem; font-weight:normal; color: #2c343f; width:58%}
.addAlertAction .formElementsDiv > div > textarea {height:8rem;}
.addAlertAction #thresholdsettings .formElementsDiv > div {width:100%; float:none; padding-right:1.78rem;padding-bottom:0.714rem;}
.addAlertAction #thresholdsettings .formElementsDiv > div > span {font-weight:lighter; color: #2c343f; width:28%; float:left; display:inline-block;}
.addAlertAction #thresholdsettings .formElementsDiv > div > span:nth-child(1) {width:16%;}
.addAlertAction .formElementsDiv > div > span > input , .addAlertAction .formElementsDiv > div > span > select {border:1px solid #f3f3f3 ; height: 2.85rem; background-color:#fcfcfc; padding-left: 0.714rem; float:left; font-size: 1.07rem; font-weight:normal; color: #2c343f; width:calc(100% - 0.714rem);margin-right: 0.714rem; }


.addAlertAction .classSummary input[type="checkbox"] {opacity:0; height:1rem ;width:1rem;}
.addAlertAction .classSummary input[type="checkbox"] + span {width: 1rem; height: 1rem; display: inline-block;border:1px solid #c2c2c2; margin-left:-1.3rem; margin-right:1rem;}
.addAlertAction .classSummary input:checked + span {background:url("../images/cloud services/tick.png") no-repeat center; }


/* ---------------------Add alert ends------------------------*/

/* ------------------ Delete-Enable-Disable Monitor/Alert/Rule Action Start    -------------------------- */

.deleteReport .deleteReportStatement label{ float:left; width: 100%; font-size: 1.2rem;}
.deleteReport .warningStatements div > label, .deleteReport .warningStatements div > span > img{ display: inline-block;}
/* ------------------ Delete-Enable-Disable Monitor/Alert/Rule Action End  -------------------------- */






/* ---------------------------------------------- ADMIN ACTIONS  --------------------------------------------*/



/*----------------------Reset DB Starts-------------------------------*/
.resetDBCheckers input[type="checkbox"] {opacity:0; height:1rem ;width:1rem;}
.resetDBCheckers input[type="checkbox"] + span {width: 1rem; height: 1rem; display: inline-block;border:1px solid #c2c2c2; margin-left:-1.3rem; margin-right:1rem;}
.resetDBCheckers input:checked + span {background:url("../images/cloud services/tick.png") no-repeat center; }
.resetopt{padding-bottom:1rem;}

/*----------------------Reset DB Ends-------------------------------*/

/*-----------------------Get Server Info Starts--------------------*/
.serverInfoTxt {padding: 1rem 0;}
.serverInfoTxt > p.error {color : #ff585f;}
/*-----------------------Get Server Info Ends----------------------*/

/*-----------------------Get Server Health Starts--------------------*/
.serverHealthTxt{padding: 2rem 0;}
.serverHealthTxt > p.error {color : #ff585f;}

.serverHealthTxt .memoryInfo {
    border-right: 1px solid #ccc;
}
.memoryInfo .hiddenElement, .cpuInfo .hiddenElement{
    display: none;
}
.memoryInfo .pieChartWrapper, .cpuInfo .progressBarsWrapper{
    padding: 3rem 1rem;
}
.cpuInfo .progressBarsWrapper{
    line-height: 2.5rem;
}
.memoryInfo .legend  i{
  width: 0.8571rem;
  height: 0.8571rem;
  display: inline-block;
  margin: -2px 0px; 
  border-radius: 50%;
}
.memoryInfo .legend span {
    padding-left: 0.3571rem;
}
.memoryInfo .pie-legend-name {
  padding: 0;
  display: inline-block;
  width: 40%;
  overflow: hidden;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1rem;
}
.memoryInfo .pieChartCanvas{
  width: 45%;
  float: left;
}
.memoryInfo #pieLegend0 {
  float: right;
  text-align: left;
  width: 55%;
  padding-top: 4rem;
}
.memoryInfo .memoryDetails{
    text-align: center;
    font-size: 1rem;
}

.cpuInfo .cpuDetails{
    width: 90%;
}
.cpuInfo .cpuNumber{
    width: 15%;
    float: left;
    display: inline-block;
}
.cpuInfo .cpuBar {
  width:85%;
  background-color: rgba(0, 0, 0, 0);
  display: inline-block;
  color: white;
  padding: 0rem; 
}

.cpuInfo .progress {
  position: relative;
  display: inline-block;
  padding: 0;
  text-align: center;
  height: 30px;
}




/*-----------------------Get Server Health Ends----------------------*/

.error-msg{font-size: 0.7857rem;color: #ff585f;width: 58%;}
.auditEmailError{font-size: 0.7857rem;color: #ff585f;width: 83%;float: right;}
.addRuleAction .error-msg.afterAccordianErrorMessage,.addAlertAction .error-msg.afterAccordianErrorMessage,.addIntermediaryAction .error-msg.afterAccordianErrorMessage {width:initial;margin-bottom:2rem;}
.addAlertAction .error-msg,.addNewClient .error-msg, .addReport .error-msg , .addIntermediaryAction .error-msg{float: right;}
.editClientGroup .error-msg, .addClientGroup .error-msg{float:left;margin:10px 0px 0px 123px;}
.capitalise {text-transform: capitalize;}


/******************Add Oauth************************************/

.addOauthAction .oauthType {width:135px;min-height:152px;float: left;margin-right:8px;padding:1rem 0rem;border:1px solid #ebebeb;text-align: center;cursor:pointer;}
.addOauthAction .oauthType p.oauthName {padding:20px 0px 10px;margin:0px;}
.addOauthAction .oauthType.selectedOauthType {background: #f3f3f3;}
.addOauthAction .selectHeading {font-size: 1.2rem;}
.addOauthAction .oauthTypes {background:#fff;padding:15px;} 
.oauth-details .individual-form{background:#fff;padding:10px 20px 20px;}
.addOauthAction .oauthType p.oauth-name {padding:20px 0px 10px;margin:0px;}
/******************Add Oauth ends************************************/



/*-------------------------Add Firewall--------------------------------*/
.addFirewall .firewallTypeDiv{
    padding-top: 2rem;
    width: 50%;
}
.addFirewall .firewallTypeDiv > div{
    padding-right: 4.17rem;
}
.addFirewall .firewallTypeDiv > div > label{
    font-weight:lighter; 
    color: #2c343f; 
    width:40%; float:left;
    word-wrap: break-word;
}
.addFirewall .firewallTypeDiv > div > span {
    font-weight:lighter; 
    color: #2c343f; 
    width:2%; 
    float:left;
}

.addFirewall .firewallTypeDiv > div > select{
    border:1px solid #f3f3f3 ; 
    height: 2.85rem; 
    background-color:#fcfcfc; 
    padding-left: 0.714rem; 
    float:left; font-size: 1.07rem; 
    font-weight:normal; 
    color: #2c343f; 
    width:58%;
}

.addFirewall .firewallTypeDiv .input-description{
    width: 58%;
    float: right;
    font-size: 12px;
    font-style: italic;
    color: #999999;
    margin-top: 5px;
}

.addFirewall .allFirewallForms{
    padding-top: 2rem;
    min-height: 20rem;
}

.fileUploadControlContainer .uploadFile {
	display: none;
}

.fileUploadControlContainer {
	line-height: 1.5rem !important;
	width: 30% !important;
	margin-top: 5px;
}

/*-------------------------Edit Firewall--------------------------------*/
.editFirewall .firewallTypeDiv{
    padding-top: 2rem;
    width: 50%;
}
.editFirewall .firewallTypeDiv > div{
    padding-right: 4.17rem;
}
.editFirewall .firewallTypeDiv > div > label{
    font-weight:lighter; 
    color: #2c343f; 
    width:40%; float:left;
    word-wrap: break-word;
}
.editFirewall .firewallTypeDiv > div > span {
    font-weight:lighter; 
    color: #2c343f; 
    width:2%; 
    float:left;
}
.editFirewall .firewallTypeDiv > div > span:nth-child(3){
    font-size: 1.07rem; 
    font-weight:normal; 
    width:58%;
}
.editFirewall .formDivision{
    padding-top: 2rem;
    min-height: 20rem;
}

/* ---------------------------------------------- ADMIN ACTIONS  --------------------------------------------*/

/* ------------------------------------------- COMMON FORM ELEMENTS DIV CSS --------------------------------*/
.commonFormElementsDiv > div {
    width:50%; float:left; 
    display:inline-block; 
    padding-right:4.17rem;
    padding-bottom:0.714rem;
    position: relative;
}
.commonFormElementsDiv > div.dropdownWithStringControl select,.commonFormElementsDiv > div.dropdownWithMultiselect select{
    margin-bottom:10px;
}
.commonFormElementsDiv > div.dropdownWithStringControl .dropdownInputElement{
    float:right;
}
.commonFormElementsDiv > div > label, a.changePassImage{
    font-weight:lighter; 
    color: #2c343f; 
    width:40%; float:left;
    word-wrap: break-word;
    line-height:2.85rem;
}
a.changePassImage{
	color:#3d86c6 ;
	text-decoration : underline;
}
.commonFormElementsDiv > div > span {
    font-weight:lighter; 
    color: #2c343f; 
    width:2%; 
    float:left;
    line-height:2.85rem;
}

.commonFormElementsDiv > div input , 
.commonFormElementsDiv > div select , 
.commonFormElementsDiv > div textarea {
    border: 0.5px solid #c1c1c1; 
    height: 2.85rem; 
    background-color:#fcfcfc; 
    padding-left: 0.714rem; 
    float:left; font-size: 1.07rem; 
    font-weight:normal; 
    color: #2c343f; 
    width:58%;
    box-shadow:none;
}
.commonFormElementsDiv > div textarea {
    height:8rem;
    resize:vertical;
    line-height: 25px;
}
.commonFormElementsDiv .largeTextArea{
    height: 12rem;
}
.commonFormElementsDiv > div > span > input , 
.commonFormElementsDiv > div > span > select {
    border:1px solid #f3f3f3 ; 
    height: 2.85rem; 
    background-color:#fcfcfc; 
    padding-left: 0.714rem; 
    float:left; 
    font-size: 1.07rem; 
    font-weight:normal; 
    color: #2c343f; 
    width:calc(100% - 0.714rem);
    margin-right: 0.714rem; 
}
.commonFormElementsDiv .input-description{
    width: 58%;
    float: right;
    font-size: 12px;
    font-style: italic;
    color: #999999;
    margin-top: 5px;
}
.commonFormElementsDiv .error-msg{
    font-size: 0.7857rem;
    color: #ff585f;
    width: 58%;
    float: right;
}
.addIntermediaryAction .panel .collapse {
	height:calc(100vh - 10.5rem - 200px);
	overflow-y:auto;
}

/* ----------------------------------------- DELETE RISK & DELETE FIREWALL--------------------------------*/

.deleteRisk .deleteStatement label, .deleteFirewall .deleteStatement label{ 
    float:left; width: 100%; 
    font-size: 1.2rem;
}
.deleteRisk .warningStatements div > label, .deleteRisk .warningStatements div > span > img,
.deleteFirewall .warningStatements div > label, .deleteFirewall .warningStatements div > span > img{
    display: inline-block;
}


/* ------------------------------------------ FORM ELEMENTS GROUP DIVISION CSS ----------------------------------*/
.commonFormElementsGroupedDiv .uiRenderDiv {
    width:50%; float:left; 
    display:inline-block; 
    padding-right:4.17rem;
    padding-bottom:0.714rem;
    position: relative;
}
.commonFormElementsGroupedDiv .uiRenderDiv > label{
    font-weight:lighter; 
    color: #2c343f; 
    width:40%; float:left;
    word-wrap: break-word;
    line-height:2.85rem;
}
.commonFormElementsGroupedDiv .uiRenderDiv > span {
    font-weight:lighter; 
    color: #2c343f; 
    width:2%; 
    float:left;
    line-height:2.85rem;
}

.commonFormElementsGroupedDiv .uiRenderDiv input , 
.commonFormElementsGroupedDiv .uiRenderDiv select , 
.commonFormElementsGroupedDiv .uiRenderDiv textarea {
    border: 0.5px solid #c1c1c1; 
    height: 2.85rem; 
    background-color:#fcfcfc; 
    padding-left: 0.714rem; 
    float:left; font-size: 1.07rem; 
    font-weight:normal; 
    color: #2c343f; 
    width:58%;
    box-shadow:none;
}
.commonFormElementsGroupedDiv .uiRenderDiv input[type="checkbox"]{margin-top:14px;}
.commonFormElementsGroupedDiv .uiRenderDiv input[type="checkbox"] + span{margin-top:14px;}
.commonFormElementsGroupedDiv .uiRenderDiv textarea {
    height:8rem;
    resize:vertical;
    line-height: 25px;
}
.commonFormElementsGroupedDiv .largeTextArea{
    height: 12rem;
}
.commonFormElementsGroupedDiv .uiRenderDiv > span > input , 
.commonFormElementsGroupedDiv .uiRenderDiv > span > select {
    border:1px solid #f3f3f3 ; 
    height: 2.85rem; 
    background-color:#fcfcfc; 
    padding-left: 0.714rem; 
    float:left; 
    font-size: 1.07rem; 
    font-weight:normal; 
    color: #2c343f; 
    width:calc(100% - 0.714rem);
    margin-right: 0.714rem; 
}
.commonFormElementsGroupedDiv .input-description{
    width: 58%;
    float: right;
    font-size: 12px;
    font-style: italic;
    color: #999999;
    margin-top: 5px;
}
.commonFormElementsGroupedDiv .error-msg{
    font-size: 0.7857rem;
    color: #ff585f;
    width: 58%;
    float: right;
}
.commonFormElementsDiv > div > input[type="checkbox"]{
    margin-top:14px;
}
.commonFormElementsDiv > div > input[type="checkbox"] + span{
    margin-top:14px;
}
/*******add saas app***********/
/* styles for add SAAS page */
.addOauthAppContainer{position:relative;}
.addOauthAppContainer .addSaasWrap{background:#fff;padding:15px;}
.addOauthAppContainer .addSaasWrap h3{font-size:1.2rem;margin:0px 0px 10px 0px;}
.addOauthAppContainer .addSaasWrap h4{font-size:1.2rem;font-weight:bold;margin:20px 0px 5px 0px;}
.addOauthAppContainer .addSaasBoxCmn {clear:both;overflow:hidden;width:100%;}
.addOauthAppContainer .addSaasBoxCmn li {width:135px;min-height:152px;float:left;margin-right:8px;border: 1px solid #ebebeb;text-align: center;cursor: pointer;padding:25px 10px 10px;}
.addOauthAppContainer .addSaasBoxCmn li.selected{background:#f3f3f3; cursor:default;}
.addOauthAppContainer .addSaasBoxCmn li .oauthName{padding:20px 0px 10px 0px;margin:0px;}
.addOauthAppContainer .boxContentWrap{clear:both;overflow:hidden;width:100%}
.addOauthAppContainer .formAddSaas{margin-top:30px;}
.commonMultiSelect{float:right;width:58%;border: 1px solid transparent;}
.commonMultiSelect.on-focus, .tokenize ul.tokensContainer.common-tab-search.on-focus {
    border: 1px solid #4d90fe;
}
.commonFormElementsDiv > div .commonMultiSelect input{border:0px;background:0px;height:27px;width:auto;}
.addOauthAppContainer .addSaasWrap .title-wrapper{
    display: flex;
    justify-content: space-between;
}
.addOauthAppContainer .addSaasWrap .google-auth-section {
    display: flex;
    margin-right: 4rem;
}
.addOauthAppContainer .addSaasWrap .google-auth-section .view-auth-details{
    cursor: pointer;
}
.addOauthAppContainer .addSaasWrap .google-auth-section .auth-check-status{
    background: #e3e3e3;
    opacity: 0.4;
}
.addOauthAppContainer .addSaasWrap .google-auth-section .status-icon{
    border-right: 2px solid #e3e3e3;
    padding: 0 8px;
}
.addOauthAppContainer .addSaasWrap .google-auth-section .item{
    display: flex;
    align-items: center;
}
.addBorderToStatusSection{
    border: 2px solid #e3e3e3;
    border-radius: 5px;
}
.addOauthAppContainer .addSaasWrap .google-auth-section .current-status{
    padding:0 8px;
}

.addOauthAppContainer .addSaasWrap .google-auth-section .btn-view-auth-details{
    display: none;
}
.addOauthAppContainer .addSaasWrap .google-auth-section .onStatusHover:hover{
    color:#3e7fdd !important;
} 
#googleAuthCheckModal .descriptions .description-row{
display: flex;
/* justify-content: space-between; */
border: 1px solid #e3e3e3;
min-height: 3rem !important;
}
#googleAuthCheckModal .descriptions .description-row:not(:last-child) {
    border-bottom: none;
}

#googleAuthCheckModal .description-label{
    display: flex;
    align-items: center;
    background-color: #fafafa;
    /* flex-grow: 1; */
    justify-content: center;
    border-right: 1px solid #e3e3e3;
    min-width: 10rem;
}
#googleAuthCheckModal .description-content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width:100%;
} 
#googleAuthCheckModal .scopes-description-content{
    width: 100%;
}
#googleAuthCheckModal .description-content .section-value{
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

#googleAuthCheckModal .scrollContent{
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}
#googleAuthCheckModal .scope-label{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 1rem;
    margin-top:0.5rem;
    font-family: "OpenSans-Semibold";
}
#googleAuthCheckModal .scope-icon{
    margin-left:1rem;
}
#googleAuthCheckModal #btn-authenticate{
    border: 1px solid #3e7fdd;
    background: #fff;
    color: #3e7fdd;
    border-radius: 5px;
    padding: 0 1rem;
    margin-bottom: 0.5rem;
    
}
#googleAuthCheckModal #btn-authenticate:hover{
    background:#3e7fdd;
    color: #fff;
    cursor: pointer;
}
#googleAuthCheckModal #btn-authenticate:focus,#googleAuthCheckModal button{
    outline:none;
}

#googleAuthCheckModal .width12 {
    /* max-width: 12rem; */
}
#googleAuthCheckModal .flexGrow1{
    flex-grow:1;
    padding-left: 1rem;
    max-width: calc(100% - 10rem);
}
#googleAuthCheckModal .wrapper-anchor{
    display: flex;
    word-break: break-all;
    width: 95%;
    line-height: 2;
    padding-left:1rem;
    color:#000;
    font-weight: 200;
    font-family: "OpenSans-Regular";
}
#googleAuthCheckModal .modal-body,#googleAuthCheckModal .wrapper-anchor {
    font-size:0.9rem !important;
}
#googleAuthCheckModal .disableAuthorization{
    opacity: 0.4;
    cursor: not-allowed;
}
#googleAuthCheckModal .reauth-section button:disabled,
#googleAuthCheckModal .reauth-section button[disabled]{
  border: 1px solid #999999 !important;
  background-color: #cccccc !important;	
  color: #666666 !important;
  cursor: not-allowed !important;
}
#googleAuthCheckModal .reauth-section button[disabled]:hover{
  border: 1px solid #999999 !important;
  background-color: #cccccc !important;
  color: #666666 !important;
  cursor: not-allowed !important;
}
#googleAuthCheckModal .reauth-section{
    margin: 0.8rem 0;
}
#googleAuthCheckModal .reauth-section .auth-link-disabled{
    border: 1px solid #999999 !important;
    background-color: #cccccc !important;
    color: #666666 !important;
    cursor: not-allowed !important;
}
#googleAuthCheckModal .auth-footer-wrapper{
    margin-right: 1rem;
}
#googleAuthCheckModal .auth-footer-wrapper button{   
    border-radius: 5px;
    min-width: 8rem;
    height: 2.3rem;
    margin-left: 1rem;
    padding:0 !important;
}
#googleAuthCheckModal .auth-footer-wrapper #auth-action{
    background-color: #51585e;
    padding: 0 1rem !important;
    color: white;
}
#googleAuthCheckModal .auth-footer-wrapper #auth-cancel{
   min-width: 7rem !important;
}
#googleAuthCheckModal .auth-footer-wrapper .addAuthorizationClass{
    background: #1890ff !important;
    border: 1px solid #1890ff !important;
}
#googleAuthCheckModal  .last-check-section{
    display: flex;
    align-items: center;
    margin-top: 0.5rem;
}
#googleAuthCheckModal .last-check-section .last-check-date{
    opacity: 0.4;
    font-size: 0.9rem;
    margin-left: 0.5rem;
    font-family: "OpenSans-Semibold";
}
#googleAuthCheckModal .modal-body::-webkit-scrollbar {
    width: 8px !important;
    height: 8px !important;
}
#googleAuthCheckModal .scopes-description-content::-webkit-scrollbar{
    width: 4px !important;
    height: 8px !important;
    background-color: #fff !important; 
  }
  
  /* Add a thumb */
  #googleAuthCheckModal  .scopes-description-content::-webkit-scrollbar-thumb {
     background: #e3e3e3 !important; 
  }
  #googleAuthCheckModal .auth-helper-section{
      line-height: 1.8;
      font-size: 0.8rem !important;
  } #googleAuthCheckModal .auth-helper-section a{
      font-size: 0.8rem !important;
  }
  #googleAuthCheckModal .auth-helper-section ol{
      padding-left: 0 !important;
      margin-top:0.2rem;
      margin-left:1rem !important;
  }
  #googleAuthCheckModal .auth-helper-section .auth-note{
      margin-bottom: 1rem;
  }
  #googleAuthCheckModal .section-content{
      width: 100%;
      display:flex;
      justify-content: space-between;
      align-items: center;
  }
  #googleAuthCheckModal input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button !important;
   
  }
  #googleAuthCheckModal input[type="search"]{
    -webkit-appearance: textfield !important;
    padding-right: 0.5rem;
  }
/*********************** Add Schedule Report *******************************/

/* add report page theming */
.createReportWrap{clear:both;overflow:hidden;width:100%;background:#fff;}
.createReportWrap h2{margin-bottom:3px;}
.createReportWrap h3{}
.createReportWrap form.addReportAction{padding-top:0px;}
.createReportWrap .inputElements label,.createReportWrap .inputElements label + span{line-height:36px;}
.createReportWrap .inputElements label + span{padding-top:0px;}
.moduleTabsWrap{margin:20px 0px;}
.moduleTabsWrap .optionsTabs li:first-child{margin-left:0px;}
.tabsContent{clear:both;overflow:hidden;width:100%;margin-top:10px;display: none;position: relative; padding-right: 15px; padding-left: 15px;}
.tabsContent.active{
    display: block;
}
.tabsContent .radiosList{margin-bottom:20px;clear:both;overflow:hidden;width:100%;}
.tabsContent .radiosList input.commonRadioButton{float:left;}
.tabsContent .radiosList span{float:left;}
.tabsContent .radiosList label{float:left;margin:-2px 20px 0px 2px;}
.fieldsWrap,.filtersWrap{clear:both;overflow:hidden;margin-bottom:20px;}
.contentCmnCheckbox{border-top:1px solid #d0d0d0;}
.moduleGroup{float:left;width:230px;margin-right:20px;}
.moduleGroup .multiSelectCheckbox > label, .moduleGroup h4,.advancedConditions h4{font-size:14px;margin-top:15px;}
.modulesList{clear:both;width:100%;background:#fcfcfc;border:1px solid #f3f3f3;padding:5px 10px;height:137px;overflow-y:auto;}
.modulesList li input[type="checkbox"]{opacity:0;height:1rem;width:1rem;float:left;margin-top:3px;}
.modulesList li input[type="checkbox"] + span {width: 1rem;height: 1rem;display: inline-block;border: 1px solid #c2c2c2;margin:3px 10px 0px -1rem;float:left;}
.modulesList li input:checked + span {background: url("../images/cloud services/tick.png") no-repeat center;}
.modulesList li label {display: inline-block;max-width: 100%;margin-bottom: 5px;}

.advancedConditions h4{margin:0px 0px 20px 0px;}
.advancedConditions{clear:both;border:1px solid #d0d0d0;padding:10px;margin: 10px 0px;float:left;width:100%;}
.advancedConditions .singleRow{margin-bottom:20px;}

.advancedConditions select{
    border: 1px solid #f3f3f3;height: 2.85rem;
    background-color: #fcfcfc;padding-left: 0.714rem;
    float: left;font-size: 1.07rem;font-weight: normal;
    color: #2c343f;border-radius:0px;
    width: 25%; 
    margin-right: 15px;
}
.advancedConditions input{
    border:1px solid #f3f3f3; height:2.85rem;
    padding-left:0.5rem;color:rgb(44, 52, 63); 
    font-size:1.07rem;background-color:#fcfcfc;
    width:40%;
    margin-right: 15px;
}
.advancedConditions .includeIndividualCheckbox input{
    float: left;
    margin-right: 0px;
    margin-top: 3px;
}
.advancedConditions .includeIndividualCheckbox span{
    float: left;
    margin: 3px 10px 0px -1rem;
}

.advancedConditions .deleteCondition{
    cursor: pointer;
    float: right;
    width: 3%;
    margin-top:10px;
}

/*.advancedConditions .coloumn2 select{width:calc((100% - 15px) /2);margin-right:15px;}
.advancedConditions .coloumn2 select:last-child{margin-right:0px;}*/

.advancedConditions.last{border-top:0px;}
.btnBlk button.positiveButton{border-radius: 0px;float: left;background:#51585e;color:#fff;border-color:#51585e;}
.createReportWrap .formFooterActionButton{padding-top:0px;clear:both;overflow:hidden;margin:0px;}
.advancedConditions .noAdvancedCondition{
    display: none;
}
.advancedParametersForm .createReportWrap .formFooterActionButton{
    padding-top: 2rem;
}


/* for schedule Report */
.dayListWrap,.datePickerWrap,.hourReport,.emailAddressReport p{margin-left:42%;}
.dayList{clear:both;width:100%;}
.dayList li{display:inline-block;border:1px solid #f3f3f3;
    border-radius:50%;-weblit-border-radius:50%;-moz-border-radius:50%;
    background:#fcfcfc;height:30px;width:30px;line-height:27px;
    text-align:center;margin-right:10px;
}
.dayList li:last-child{margin-right:0px;}
.dayList li a{color:#666;}
.dayList li.selected{background:#666;border-color:#666;}
.dayList li.selected a{color:#fff;}
.weeklyBlk p{margin-bottom:0px;}
.addReportAction .inputElements .scheduleBlk select,.addReportAction .inputElements .folderBlk select{width:58%;margin-right:0px;}
.addReportAction .inputElements .hourReport select{width:30% ;margin-right:12px;}
.addReportAction .inputElements .hourReport select:last-child{margin-right:0px;}
.addReportAction .inputElements .datePickerWrap input{width:100%;}
.addReportAction .inputElements .date-select-box {width:38%;}

.datePickerWrap{position:relative;}
.monthCalender{display:none;position:absolute;top:68px;left:0px;border:1px solid #f3f3f3;background:#fff;width:200px;padding:5px;z-index:2;-webkit-box-shadow: 0px 1px 10px 0px rgba(243,243,243,1);-moz-box-shadow: 0px 1px 10px 0px rgba(243,243,243,1);box-shadow: 0px 1px 10px 0px rgba(243,243,243,1);}
.monthCalender li{float:left;line-height:29px;width:30px;height:30px;text-align:center;border-radius:50%;-weblit-border-radius:50%;-moz-border-radius:50%;}
.monthCalender li:hover{background:#f0f0f0;}
.monthCalender li.selected{background:#666;color:#fff;}
.weeklyBlk,.monthlyBlk{display:none;}
.addNewFolder{text-align:right;text-decoration:underline !important;float:right;padding-top:5px;}
.font12{font-size:12px;}
.enableDisableText{padding-left:15px;}
.formWrapper .advanceParametersDiv{display: none;}
p.includeIndividualCheckbox,.advancedContent p{clear:both;float:left;width:100%;}

/* for multi select */
.thirdEle-js{display:none;}
.rowconditionValue{float:left;width:43%;}
.advancedConditions .rowconditionValue input ,.advancedConditions  .rowconditionValue select{width:100%;}

.tokenize, .tokenizeInput {
	position: relative; display: inline-block; zoom: 1; width:100%; float:left;
}

.tokenize ul,.tokenizeInput ul {list-style: none;padding: 0;margin: 0;}

.tokenize ul.tokensContainer.on-focus, 
.tokenizeInput ul.tokensContainerInput.on-focus {
    border: 1px solid transparent;
}

.tokenize ul.tokensContainer, 
.tokenizeInput ul.tokensContainerInput {
	cursor: text;
	padding: 0;
	overflow-y: auto;
	background-color: #fcfcfc;
	max-height:78px;
    border: 1px solid #c1c1c1;
}

.tokenize ul.tokensContainer.common-tab-search {
    background-color: #fff;
}

.tokenize ul.tokensContainer li.token, 
div.tokenize ul.tokensContainer li.tokenSearch,
.tokenizeInput ul.tokensContainerInput li.token, 
div.tokenizeInput ul.tokensContainerInput li.tokenSearch {
	float: left; margin: 5px 0px 5px 5px; line-height:28px;
}

.tokenize ul.tokensContainer li.token, 
.tokenizeInput ul.tokensContainerInput li.token {
	border: 1px solid #ccc;
	background-color: #f3f3f3;
	padding: 0 5px;
	line-height: 25px;
	max-width: 280px;
	overflow: hidden;
	height: 28px;
}

.tokenize ul.tokensContainer li.token span,
.tokenizeInput ul.tokensContainerInput li.token span {
	width: calc(100% - 10px);
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	min-width: 50px;
}

.tokenize ul li, .tokenizeInput ul li {
	white-space: nowrap;
}

.tokenize ul.dropdownList, 
.tokenizeES ul.dropdownListES, 
.tokenizeInput ul.dropdownListInput {
	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; 
}

.tokenizeES ul.dropdownListES {
	display: none;
	max-height: 120px;
	width: inherit;
	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, 
.tokenizeInput ul.dropdownListInput li {
	padding: 2px 10px; 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, 
.advancedConditions .tokenizeInput input {
	height: auto; padding: 0px; border: 0px; width: 100px; background:none;
}

.advancedConditions .tokenize input:focus, 
.advancedConditions .tokenizeInput input:focus { 
	outline: 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;}

.advanceParametersDiv .titleReport label{
    width: 20%
}
.advanceParametersDiv .modulesHeading{
    font-weight: 600;
}
.multiselectMoreList li{min-width:100px;}
.multiselectMoreList li.token span.liName{white-space: nowrap;}

.disableActions {cursor: not-allowed !important;}

/* for multi select with User Input */
.tokenizeInput li.tokenSearchInput{clear: both;}

/** Radio button CSS **/
.commonFormElementsDiv > div input[type="radio"]{margin-top: 9px;} 
.commonFormElementsDiv input.commonRadioButton + span{margin-bottom: -3px;}
.fileActions{float: left;}
.fileActions + .radioButtonWrapper{float: left;width: 55%;}
.propertyWrapper{font-weight: bold;margin-right: 4.17rem;border-bottom: 1.5px solid #e3e3e3;padding-bottom: 5px;font-size: 16px;display: block;clear: both;padding-top: 10px;}
.padding20{padding-top: 20px;}
/* .optionsTabs{padding-top: 0px;} */

/* Hide UnHide Password Css */
.pwdHide {
    position: absolute;
    top: 0.9rem;
    right: 0.7rem;
    cursor: pointer;
}
.resetpasswordwrap .pwdHide{right: 2.7rem;}
.commonFormElementsDiv > div > span.hidePwd, .commonFormElementsDiv > div > span.eye, .commonFormElementsGroupedDiv .uiRenderDiv > span.hidePwd, .commonFormElementsGroupedDiv .uiRenderDiv > span.eye{
    width: 22px;
}
.moduleRadioSelection label {
    text-transform: capitalize;
}
.reportTypeSelection span, .reportTypeSelection input {
    float: left;
}
.reportTypeSelection .colon{
    margin-top: 1px;
}
.reportTypeSelection span{
    margin: 7px 3px 0px 0px;
}

.reportTypeSelection label:not(:first-child) {
    width: 22%;
    margin: 5px 0px 0px 5px;
}
.toxicSizeInfo{
    float: right;
    margin-top: 17px;
    font: 12px "OpenSans-Regular";
    color: #ffa500;
}