.bold{ font-weight: bold; font-size: 16px; } #containerDiv{ margin: 20px 0px; } .padding{ padding-left:5px; padding-right: 5px; } .color-black{ color:#000; } .date{ position: absolute; font-size: 14px; padding: 10px; right:0; width: 100px; color:#969696; } .transaction-list{ margin-top:20px; } .date-container{ margin:0px 20px; } .colBold{ font-size: 12px; } .label{ font-size: 12px; // margin-left: 15px; color: #a2a5a6 !important; display: block; overflow: hidden; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; /* font-size: inherit; */ // text-overflow: ellipsis; // white-space: nowrap; white-space: normal; // padding-top: 10px; padding: 5px 0px; padding-left: 10px !important; margin: 10px auto; } .Field-en{ border-radius: 30px; border: 1px solid #a2a5a6!important; margin-bottom: 15px; padding-left: 10px !important; padding-top: 6px !important; color: #999999 !important; } .Field-ar{ border-radius: 30px; border: 1px solid #a2a5a6!important; margin-bottom: 20px; padding-right: 20px !important; padding-top: 6px !important; color: #999999 !important; } select{ width: 85% !important; border: none !important; position: relative; bottom: 5px; background: transparent; } .delete-icon{ position: absolute; right: 20px; bottom: -10px; color: #d60505; font-weight: bold; } .phoneContainer{ position: relative; margin-top: 15px; padding: 20px; border-radius: 10px; box-shadow: 0px 0px 3px 0px #ccc } .new-row{ text-align: center; color: #259CB8; font-weight: bold; } .add-new-row-card{ box-shadow: none; background: #d6d6d652; border: 1px solid #ccc; } .add-icons{ height: 22px; width: 22px; display: inline-flex; background: #259CB8; padding: 4px; border-radius: 5px; top: 5px; position: relative; } .icons-delete{ height: 16px; width: 13px; position: relative; display: inline-block; }