/*!
 * Theme Name: Default
 * Package : DashLite
 * Author: Softnio
 * Author URI: http://themeforest.net/user/softnio
 * Version	 :	1.0.0
 * Updated	 :	07.23.2020
**/


.generalHeading{display: block;width:100%;padding:10px 0px}
.generalHeading h2{font-size: 23px;color:#333}
.generalHeading p{font-size:13px;}


.card {background: white;border-radius: 8px;padding: 15px;box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
.card h2{font-size: 18px;color:#333}
.notificationCard.card h2 em{color:#435ff2;font-size: 20px;}
.liveExchangeCard.card h2 em{color: #469e4b;font-size: 20px;}
.todoCard.card h2 em{color: #469e4b;font-size: 20px;}
.cardScroll{max-height: 70vh;overflow: auto;}
.todoList{max-height: 54vh;overflow: auto;}
.notification {border-left: 5px solid;padding: 10px;margin-bottom: 10px;background: #f9f9f9;justify-content: space-between;}
.notification.success { border-color: #46b950;background-color: #f0faf0; }
.notification.warning { border-color: #eb6900;background-color: #faf5eb; }
.notification.danger  { border-color: #dc3545;background-color: #faebeb; }
.notification a {color: green;font-size: 0.9em;}
.notificationLeft p{margin-bottom: 5px;}
.notificationRight{align-items: flex-start;justify-content: center;}
.notificationRight input{margin: 5px 10px 0 0;}
.todoItem{border-left:3px solid transparent;margin-bottom: 15px;padding: 10px 0 10px 10px;display: flex;justify-content: space-between;}
.todoPriority{border: 1px solid #333;border-radius: 8px;padding: 0px 10px;font-size: 12px;margin:0;display: inline;}
.todoItem div{display: flex;font-size: 13px;color: #333;font-weight: bold;}
.todoItem div input[type="checkbox"]{margin-right: 10px;}
.todoItem.high{border-color:#dc3545;}
.todoItem.medium{border-color:#eb6900;}
.todoItem.low{border-color:#46b950;}

.todo-input {display: flex;gap: 5px;margin-bottom: 10px;}
.todo-input input,.todo-input select{border: 1px solid #ddd;border-radius: 5px;flex: 1;padding: 5px;}
.todo-input button {background: #000;color: white;border: none;padding: 0 10px;cursor: pointer;font-size: 1.2em;border-radius: 5px;}
.todoControls{display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin:10px 0 16px}
.todoControls .group{display:flex; gap:10px; align-items:center}
.todoControls .btn{border:1px solid var(--border); background:#0f1326; color:var(--text); padding:10px 14px; border-radius:10px; cursor:pointer; font-weight:600}
.todoControls .btn:hover{border-color:#2b3260}
.todoControls .btn.active{outline:2px solid var(--accent);}

.liveExchangeBox {padding: 10px; border: 1px solid #ddd;border-radius: 5px;margin-bottom: 20px;display: flex;justify-content: space-between;}
.liveExchangeBox p{width:100%;margin:0;}
.liveExchangeBoxLeft{width:60%}
.liveExchangeBoxLeft p{width:100%;font-size: 14px;color:#000;font-weight: bold;}
.liveExchangeBoxLeft h3{width: 100%;font-size: 20px;color:#000;margin: 5px 0;}
.liveExchangeBoxLeft small{width:100%;font-size: 13px;}
.liveExchangeBoxRight{text-align: end;}
.liveExchangeBox.positive .liveExchangeBoxRight small{ color: green;font-size: 14px; }
.liveExchangeBox.negative .liveExchangeBoxRight small{ color: red; font-size: 14px;}
.liveExchangeCard .note {font-size: 0.85em;color: #777;margin-top:0px;width: 100%;text-align: center;}