.panel-body table tbody tr td { font-size: 14px !important; text-align: center } .panel-body table thead tr th { font-size: 16px !important; text-align: center } .panel-default { border-radius: 15px !important; } .panel-group .panel { background: #d5e5e5; } .panel-heading { background-color: #1b9998 !important } h3 .panel-title { padding-left: 3px; font-size: 14px } h4 .panel-title { color: #edebeb !important; display: inline; } collapsed { display: inline; } .panel-body { padding-top: 15px; padding-bottom: 15px; } .btn-search1 { border-bottom-left-radius: 0px; border-top-left-radius: 0px; background-color: #1b9998; border-color: #1b9998; font-family: 'Web_Yekan' !important; margin-left: -3px } .btn-search1:hover { background-color: #1b9998; border-color: #1b9998; } .btn-observe { border-bottom-right-radius: 0px; border-top-right-radius: 0px; background-color: #545353; border-color: #545353; font-family: 'Web_Yekan' !important; } .btn-observe:hover { background-color: #545353; border-color: #545353; } .modal-dialog { transition: all 0.3s ease-in; transform: translateZ(0px) rotateX(0deg); } .tooltipfull-container { cursor: pointer; position: relative; display: inline-block; vertical-align: middle; } .tooltipfull { opacity: 0; z-index: 99; color: #fff; display: block; font-size: 12px; font-family: 'IranSans'; padding: 5px 10px; border-radius: 15px; text-align: center; background: #036205; border: 1px solid #036205; box-shadow: 0 0 3px rgba(0,0,0,0.5); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); position: absolute; right: -2px; bottom: 45px; white-space: nowrap; } .tooltipfull span { line-height: 1.3; } .tooltipfull:before, .tooltipfull:after { content: ''; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #036205; position: absolute; bottom: -10px; left: 50%; transform: translateX(-9px) translateY(-1.5px) scale(0.5); } .tooltipfull-container:hover .tooltipfull, a:hover .tooltipfull { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .text-ellipsis-code, .text-ellipsis-name { font-family: 'IranSans' !important; white-space: nowrap !important; max-width: 100%; width: 900px; overflow-x: hidden; text-overflow: ellipsis; } .text-ellipsis-name { width: 400px; text-align: right; } #datatable .op-btn { border-radius: 8px !important; padding: 4px 8px 4px 8px; margin: 0px 3px; } #datatable .op-btn i { font-size: 22px !important; }