.dashboardTopHeader {
    float: left;
    width: 100%;
    height: 22px;
    background-color: rgba(14, 123, 161, 0.75);
}

#gridDashboardAlert1{
    height:340px;
}

.btnDashboard {
    padding: 14px 0px;
    width: 10%;
    align-items: center;
    margin: 0 5px;
    font-weight: 700;
    font-size: 15px;
    display: flex;
    justify-content: center;
}

.dashboardInnerPadding {
    padding: 0 10px;
    margin: 0px 0px 30px 0px;
}

.dashboardTabsContainer {
    margin: 10px 0px 0px 0px;
}

.dashboardExtraWidthBtn {
    width: 24%;
    margin: 0 2px 0px 0px;
    line-height: 30px;
    border-radius: 0px;
}

.dashboardBtnLastRowAlign {
    min-width: 85%;
    max-width: 95%;
    display: flex;
    height: fit-content;
    margin: auto;
    margin-bottom: 30px;
}

.dashboardAddSymbol {
    font-size: 30px;
    cursor: pointer;
}

.dashboardTotalAlertGridCol {
    float: left;
    width: 39%;
    margin-right: 10px;
}

.dashboardAlertGridCol2 {
    float: left;
    width: 60%;
}

.dashboardAlertDesc {
    float: left;
    width: 70%;
    font-size: 16px;
}

.dashboardAlertEditIcon {
    float: left;
    width: 30%;
}

.dashboardAlertCol1 {
    float: left;
    width: 60%;
}

.gridDashboard {
    float: left;
    width: 100%;
    height:310px;
}

.dashboardImportedDate {
    color: white;
    margin-right: 10px;
}

.alertDescHeadOptionCol1 {
    float: left;
    width: 45%;
}

.dashboardAlertCol1Modify{
    float:right;
    width:auto;
}

.alertDescHeadOptionCol2 {
    float: left;
    width: 45%;
}

.alertDescHeadOptionCol3 {
    float: left;
    width: 10%;
}

.currentlyActive {
    background-color: #0e7ba1;
}

.borderBottomActive{
    border-bottom: 2px solid #ffffff;
    position: relative;
    top: -1px;
}

.gridDescHeaderCol60 {
    float: left;
    width: 60%;
}

.gridDescHeaderCol40 {
    float: left;
    width: 40%;
}

.gridDescHeaderCol25 {
    float: left;
    width: 25%;
    padding: 0 5px;
}

.gridDescHeaderCol15 {
    float: left;
    width: 16%;
    margin-left: -40px;
    padding:3px;
}

.gridDescHeaderCol10 {
    float: left;
    width: 12%;
    text-align: center;
}

.dashboardRemainderDrpdown {
    width:43px;
    border: none;
    border-bottom: 1px solid #C0C0C0;
    padding: 2px;
}

    .dashboardRemainderDrpdown:focus {
        outline: none;
    }

.goBtnWidth {
    width: 30px;
    border-radius: 0px;
}

.grdRemainderPaginationCol {
    float: left;
    width: 90%;
}

.grdRemainderHeaderIconCol {
    float: left;
    width: 5%;
}

.delFontSize {
    font-size: 20px;
}

.editFontSize {
    font-size: 20px;
}

.addAlertMainMenu {
    float: left;
    position: absolute;
    z-index: 1000;
    top: 115px;
    width: 155px;
    left: 49%;
    background-color: white;
}

.createReminderModalWidth{
    width:65%;
}

.addAlertMainMenuContent {
    float: left;
    width: 98%;
    padding: 1%;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

    .addAlertMainMenuContent ul {
        width: 100%;
        float: left;
        padding-left: 5px;
        margin-bottom: 0px;
    }

    .addAlertMainMenuContent li {
        float: left;
        width: 96%;
        padding: 2%;
        list-style: none;
        cursor: pointer;
    }

        .addAlertMainMenuContent li:hover {
            background-color: rgba(14, 123, 161, 0.75);
            color: white;
        }

.alertGrdDrpDownCell {
    float: left;
    width: 100%;
    border: none;
    padding: 5.5px 0px;
    margin: 0px;
}

.alertGrdDrpDownCell option {
   background-color: #fff !important;
}

.readGreenColor {
    background-color: #5dfc6e;
}

.unreadRedColor {
    background-color: #ffb5b6;
}

.switchPositionAlign {
    margin: 5px;
}

.cmpltGreenColor {
    background-color: #63ff76;
}

.progressYellowColor {
    background-color: #fbfa6f;
}

.switchAlignAlertGrd {
    text-align: center;
    vertical-align: middle;
}

.accountGridMarginRyt {
    padding-right: 10px;
}

.marginNull {
    margin: 0px;
}

.accountNumberModalWidth {
    width: 25%;
}

.accountModalHeader {
    padding: 5px 10px;
    border-radius: 4px 4px 0 0;
}

.accountAlertTxtAlign {
    padding: 5px 10px;
}

.accountModalBtnCloseWidth {
    float: left;
    width: 70px;
    text-align: center;
    left: 40%;
    position: relative;
}

.ModalBoxContainerForName {
    border: 1px solid #7f7f7f;
    float: left;
    width: 70%;
    padding: 1px 10px;
    margin-bottom: 10px;
}

.ModalBoxContainer {
    border: 1px solid #7f7f7f;
    float: left;
    width: 95%;
    padding: 5px 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    height: 250px;
    overflow: auto;
}

.accountAlertCol {
    float: left;
    width: 28%;
}

.switchPosition {
    margin: 5px 10px;
    padding: 0px;
}

.addAlertName {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    border: none;
}

    .addAlertName:focus {
        border: none;
        outline: none;
    }

.alertCreateModalBtnSaveWidth {
    float: left;
    width: 70px;
    text-align: center;
    left: 25%;
    position: relative;
}

.alertCreateModalBtnCloseWidth {
    float: left;
    width: 70px;
    text-align: center;
    left: 30%;
    position: relative;
}

.customFieldName {
    margin-left: 5px;
}

.alertDashboardDateFrom {
    margin-left: 5px;
    width: 110px;
    border: none;
    border-bottom: 1px solid #C0C0C0;
}

    .alertDashboardDateFrom:focus {
        outline: none;
    }

.alertFromCalender {
    position: relative;
    left: -20px;
}

.reminderDashboardDateFrom{
    margin-left: 5px;
    width: 60%;
    border: none;
    border-bottom: 1px solid #C0C0C0;
}

.reminderDashboardDateFrom:focus{
    outline:none;
}

.createReminderRow{
    float:left;
    width:100%;
    padding:5px 10px;
}

.createReminderCol1{
    float:left;
    width:50%;
}

.createReminderCol2{
    float:left;
    width:49%;
    margin-left:1%;
}

.createReminderDescription{
    padding:2px 5px;
    font-size:13px;
}

.descriptionTxtArea{
    float:left;
    width:100%;
    padding:10px;
    resize:none;
    margin-top:-1px;
    height:200px;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.55);
box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.55);
}

.reminderCreateSaveBtn{
    width:70px;
}

.marginRytSaveBtn{
    margin-right:10px;
}

.reminderNameTxt{
    float:left;
    width:95%;
}

.createReminderColInside1{
    float:left;
    width:48%;
    margin-right:2%;
}

.createReminderColInside2{
    float:left;
    width:48%;
    margin-left:2%;
}

.reminderInnerRow{
    margin:10px 0px;
}

.createReminderDateTxt{
    float:left;
    width:90%;
    border:none;
    border-bottom:1px solid rgba(0,0,0,0.55);
}

.recurrenceHeadRow{
    float:left;
    width:100%;
    border-bottom:2px solid rgba(69, 171, 207, 0.75);
}

.widthForRadio1{
    float:left;
    width:30%;
    padding:5px 0px;
}

.widthForRadio2{
    float:left;
    width:70%;
    padding:5px 0px;
}

.recurrenceCol1{
    float:left;
    width:30%;
}

.recurrenceCol2{
    float:left;
    width:70%;
}

.numberTxt{
    width:50px;
    border:none;
    border:1px solid rgba(0,0,0,0.55);
}

.reminderColWidth33{
    float:left;
    width:33.33%;
}

.reminderRecurrenceInnerMargin{
    margin:5px 0px;
}

.txtAlign{
    position:relative;
    top:3px;
}

.clockFontSymbol{
    font-size:20px;
}

.width90{
    float:left;
    width:90%;
}

md-switch.md-checked.md-primary .md-bar {
    background-color: #60b0ab !important;
}

 md-switch.md-checked.md-primary .md-thumb {
    background-color: rgba(14, 123, 161, 0.75) !important;
}
/*
 .btnDashboard_Acc{
     padding:25px;
 }*/

 .fontSize_ShowAll{
     font-size:16px;
 }

 .modal-dialog-center {
    margin: 200px auto !important;
  }

 .alertCriteriaModalBtnSaveWidth {
    float: right;
    width: 70px;
    text-align: center;
    left: -35%;
    position: relative;
}

 .criteriaFilterModalWidth{
    width:65%;
}

 .customfieldsDiv{
     width: 90%;
     max-height: 280px;
     min-height: 280px;
 }

 .accountModalBtnBackWidth {
    float: right;
    width: 70px;
    text-align: center;
    left: 7%;
    position: relative;
}

 .customFieldAlign{
     width: 28%;
     padding-top: 10px;
 }

 .criteriabtnAlign{
     float:right;
     position:absolute;
     bottom:0px;
     margin-left: 625px;
     padding: 6px;
 }
 .div_criterialist{
     float:left;
     position:relative;
     width:70%;
     padding-top: 30px;
     height:280px;
     overflow:auto;
 }

 .div_customField{
      float:left;
      width: 30%;
 }

 .align_AlertRadio{
        margin-left: 8px;
 }

 .recurDropdownWidth{
     width:40px;
 }

 .closeBtnCriteria{
     left: 36%;
 }
 
 .alertCriteriaDiv_height{
     height: 430px;
 }

 .descriptionAlert{
     padding:5px 10px;
 }

 .txtareaAlertDes{
     width:80%;
     resize:none;
 }

 .desAlertAlignTxt{
     line-height:3;
 }