.FileManager-file { display: inline-block; width: 200px; height: 190px; padding: 0; margin: 6px 4px 4px 4px; vertical-align: top; overflow: hidden; text-align: left; direction: ltr; border: 1px solid #e5f1e5; background-color: #eef5ee; } .FileManager-file-show { display: block; height: 126px; width: 800px; position: relative; top: 0; left: -301px; text-align: center; line-height: 100px; padding: 2px; } .FileManager-file-name { display: block; height: 32px; padding: 2px 4px 2px 4px; overflow: auto; text-align: center; direction: rtl; font-size: 12px; } .FileManager-file-tools { display: block; height: 30px; padding: 4px; text-align: left; font-size: 4px; background-color: #ddeedd; } .FileManager-file .btn-circle { height: 22px; width: 22px; margin: 1px; font-size: 12px; } .FileManager-file .btn-circle .fa { position: relative; top: -3px; } code { font-size: 14px; font-weight: normal; white-space: normal; } .btn-distance { margin: 1px 2px 1px 2px; } .morris-hover-row-label { direction: ltr; } #inline-input-title { padding: 15px 1px 1px 1px; } #inline-input-title i.fa { font-size: 70px; text-shadow: 0 1px 12px #555555; } #inline-input-body { padding: 7px 14px 14px 7px; } #inline-input-body-element { text-align: right; padding: 14px 14px 4px 14px; } #inline-input-body-element div#listSelect { text-align: center !important; min-height: 90px !important; } div.swal2-container { direction: ltr !important; } div.swal2-popup.swal2-modal.swal2-show { direction: rtl !important; } #inline-input-body-element div.table-responsive table td { text-align: right; } .onoffswitch-label { border: 2px solid #1ab394; } .onoffswitch-switch { border: 2px solid #1ab394; } .onoffswitch-inner:before ,.onoffswitch-inner:after { height: 20px; padding: 3px 10px 3px 10px; font-size: 14px; } .onoffswitch-inner:after { background-color: #f8bbd0; color: #c2185b; } /*-------------------/ list-selector /---*/ .list-selector { display: inline-block; width: 22px; height: 22px; border: 1px solid #88bcd4; color: #ffffff; text-align: center; font-size: 16px; font-weight: normal; line-height: 3px; } .list-selector span { position: absolute; left: auto; right: auto; width: 1px; height: 1px; } .list-selector span i { position: relative; top: 2px; } .list-selector:hover span i { top: 1px; } .list-selector[mode="indeterminate"], .list-selector[mode="check"] { border: 1px solid #00bcd4; background-color: #00bcd4; } .list-selector:hover, .list-selector[mode="indeterminate"]:hover, .list-selector[mode="check"]:hover { border: 2px solid #00bcd4; } .list-selector[mode="indeterminate"] i { left: 6px; } .list-selector[mode="check"] i { left: 8px; } /*-------------------/ btn /---*/ .btn-circle { height: 24px; width: 24px; font-size: 14px; } .btn-circle .fa { position: relative; top: -3px; } /*-------------------/ filters /---*/ .filters { display: inline-block; padding: 5px 15px; margin: 5px; background-color: #fafafa; box-shadow: 0 1px 5px #cccccc; border-radius: 20px; } .filters label { color: #888888; font-style: italic; font-weight: normal; line-height: 12px; } .filters select { display: inline; background-color: transparent; width: auto; padding: 1px; border-top: 0; border-left: 0; border-right: 0; height: 22px; margin: 0; } .filters input.time { text-align: center; display: inline; background-color: transparent; width: 110px; padding: 1px; height: 22px; border-top: 0; border-left: 0; border-right: 0; margin: 0; } .filters input.search { text-align: center; display: inline; width: 300px; border-top: 0; border-left: 0; border-right: 0; box-shadow: 0 1px 7px #dddddd; margin: 1px 12px; } .filters div.listSelect { display: inline-block; line-height: 22px; } /*-------------------/ setting /---*/ div.setting { border: 1px solid transparent; padding: 0; margin: 0; text-align: center; } div.setting label { color: #999999; font-size: 12px; font-style: italic; } div.setting input { text-align: center; display: inline; width: 110px; height: 22px; border-radius: 12px; border-left: 0; border-right: 0; margin: 0 0 0 12px; padding: 3px 12px; } div.setting select { display: inline; width: auto; border-radius: 12px; border-left: 0; border-right: 0; height: 22px; margin: 0 0 0 12px; padding: 3px 12px; } /*-------------------/ sort /---*/ .sort { display: inline-block; padding: 3px 4px 3px 4px; margin: 1px 4px 1px 4px; background-color: #f8f8f8; } .sort select { display: inline; background-color: transparent; width: auto; padding: 1px 12px 1px 12px; border-left: 0; border-right: 0; text-shadow: 0 0 1px #cc4444; margin: 0; } /*-------------------/ i-checks /---*/ div.i-checks { display: inline-block; border: 1px solid #f0f0f0; background-color: #f0f0f0; margin: 12px 3px 12px 3px; padding: 1px; border-radius: 30px; cursor: pointer; } div.i-checks label { display: inline-block; padding: 2px 8px 2px 8px; margin: 0; cursor: pointer; } div.i-checks label span { padding: 2px 8px 2px 8px; cursor: pointer; } /*-------------------/ table-fields /---*/ .field-ltr { direction: ltr; text-align: right; } /*-------------------/ listSelect /---*/ div.listSelect { padding: 3px; cursor: pointer; } div.listSelect span { display: inline-block; border-radius: 50px; padding: 3px 12px 3px 12px; margin: 3px; background-color: #e0eee0; } /*-------------------/ form-group /---*/ .form-group div.listSelect { background-color: #FFFFFF; border: 1px solid #e5e6e7; border-radius: 1px; padding: 6px 12px; } .form-control[disabled], .form-control[readonly], div.listSelect[disabled], div.listSelect[readonly] { background-color: #fcfcfc; border: 1px solid #e1e2e3; opacity: 1; cursor: default; } /*-------------------/ chip /---*/ .chip { display: inline-block; padding: 2px 12px; margin: 3px; background-color: #ffffff; border-radius: 20px; text-shadow: 0 0 3px #aaaaaa; box-shadow: 0 0 2px #cccccc; } /*-------------------/ box-chip /---*/ .box-chip { padding: 3px 7px; margin: 3px; background-color: #ffffff; border-radius: 10px; text-shadow: 0 0 3px #aaaaaa; box-shadow: 0 0 2px #cccccc; } /*-------------------/ show-data /---*/ .show-data { text-align: right; direction: rtl; } .show-data table, table.show-data { display: inline-table; } .show-data td { padding: 12px; vertical-align: top; text-align: right; } .show-data tr td:first-child { text-align: left; } .show-data td label { font-size: 14px; font-style: italic; color: #aaaaaa; text-align: left; display: inline-block; } .show-data td span { font-size: 15px; color: #555555; text-shadow: 0 0 1px #444444; display: inline-block; } /*-------------------/ ibox-content /---*/ div.ibox-content { overflow-x: auto; } #pop-up.modal { z-index: 17100 !important; } .modal-backdrop { z-index: 17050 !important; } .modal-sm { width: 40%; } .modal-md { width: 55%; } .modal-lg { width: 75%; } .modal-xl { width: 90%; } @media screen and (max-width: 1000px) { .modal-sm { width: 48%; } .modal-md { width: 64%; } .modal-lg { width: 80%; } .modal-xl { width: 95%; } } @media screen and (max-width: 800px) { .modal-sm { width: 95%; } .modal-md { width: 95%; } .modal-lg { width: 95%; } .modal-xl { width: 95%; } } #pop-up #pop-up-tools { position: absolute; width: 100%; height: 1px; left: 0; z-index: 17150 !important; } /*-------------------/ pop-up-box /---*/ .pop-up-box, .pop-up-box-different { margin: 12px 0; border: 1px dashed #eeeeee; padding: 6px; background-color: #fcfcfc; box-shadow: 0 1px 7px #dddddd; } .pop-up-box-different { box-shadow: 0 1px 14px #ef9a9a; border-radius: 7px; } div.screen-shot { border: 1px dashed #e0e0e0; padding: 7px 3px 20px 3px; margin: 12px 0 14px 0; text-align: center; } .carousel .carousel-inner div.screen-shot { margin: 0; border: 0; } div.screen-shot label { display: block; padding: 7px; } div.screen-shot div { display: inline-block; width: 300px; max-width: 100%; min-width: 80px; min-height: 15px; } div.screen-shot div img, div.screen-shot div video { width: 100%; box-shadow: 0 1px 7px #212121; }