ok
Mini Shell
span.logo-lg img {
width: 95%; margin-right: -6px; margin-left: 0;
}
@media (max-width:767px){
span.logo-lg img {width: auto;}
input.form-control.search-form {border-radius: 0px 30px 30px 0px !important}
.main-header .logo {float: none !important; }
.sidebar-open .main-sidebar, .sidebar-open .left-side {
-webkit-transform: translate(-200, 0);
-ms-transform: translate(-200, 0);
-o-transform: translate(-200, 0);
transform: translate(-200, 0);
}
.sidebar-open .content-wrapper, .sidebar-open .right-side, .sidebar-open .main-footer {
-webkit-transform: translate(0px, 0) !important;
-ms-transform: translate(0px, 0) !important;
-o-transform: translate(0px, 0) !important;
transform: translate(0px, 0) !important;
}
}
.sidebar-session {
padding-right: 25px !important;}
input[type=file] {
display: block;
border: none;
outline: 0;
margin-top: 5px;
}
.alert-warning{background-color: #ffe7c1 !important;
border:1px solid #f3c7a7 !important;
color: #e67e22 !important;}
.alert-info{background-color: #dae8f2 !important;
border-color: #a3c8e3 !important;
color: #3498db !important;}
.alert-success{background-color: #daf2e4;
border-color: #91d5ad;
color: #27ae60 !important;}
.alert-danger{ background-color: #ffd1cc;
border-color: #ffb8b0;
color: #e74c3c !important;}
.pharses_edit{ padding:3px 10px;}
.form-loading{ position:relative; width:97%;}
.loading{position:absolute; right:-25px; top:25px; width:24px;}
.loading img{ width:24px; height:auto; display:none;}
.btn-success:hover, .btn-success:active, .btn-success.hover {
background-color: #008d4c !important; }
.btn-success{border:1px solid #398439 !important;}
/*add 20 october*/
p.text.text-danger{ color:#a94442 !important; font-weight:normal !important; font-size: 12px !important;height:100%;
font-family: 'Roboto','Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif; margin:0;}
p.text.text-info{ color:#333 !important; font-weight:normal !important; font-size: 12px !important;height:100%;
font-family: 'Roboto','Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif; margin:0;}
input.form-control.search-form.search-form3{ border-radius: 0px !important;}
.search-form button{border-radius: 30px 0px 0px 30px !important;}
/*.btn {float: left;}*/
i.fa.fa-angle-double-right {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
text-align: left;
}
.nav-tabs-custom>.nav-tabs>li.header{ float: right !important }
.text-left {text-align: right;}
a.btn.btn-primary.pull-right { margin-right: 5px;}
.removehover{display: block; background: transparent !important; color: #333}
.removehover:hover{display: block; background: transparent !important; color: #333}
.removehover{/*padding: 12px 20px 12px 5px !important;*/
display: block;
/* color: #393939 !important;*/}
.sidebar-toggle{position: absolute;z-index: 1; left: auto; right: 0}
/*.ptbnull {
padding-top: 0 !important;
padding-bottom: 0 !important;
}*/
.pull-right22{float:left;}
.dataTables_wrapper .dataTables_filter {
float: left;
text-align: left;
}
.chosebtn {
padding: 2px 12px !important;
border-radius: 0 !important;
margin-left: 0px;
margin-top: 0px;
height: 28px;
width: 35%;
float: left;
}
.bright{border-right:1px solid #d2d6de !important;}
.padszero{padding-bottom: 0 !important}
.wellscroll{height: 190px;
overflow-y: auto; overflow-x: hidden;}
.pull-right a{display: inline-block;}
.pagetitleh {
background: #424242;
margin: 0;
font-size: 16px;
padding: 8px 14px;
color: #fff;
}
.bordertopgray{border-top:1px solid rgba(66, 66, 66, 0.69) !important;}
.borgray{border:1px solid rgba(66, 66, 66, 0.23);}
.tmb0{margin-bottom: 0 !important;}
.bgtgray{background:rgba(66, 66, 66, 0.20); overflow: hidden;
border:1px solid rgba(66, 66, 66, 0.23);
border-top:0;}
.mb25{margin-bottom: 25px;}
.pagetitleh2 {
background: #ececed;
margin: 0;
font-size: 16px;
padding: 8px 14px;
color: #000;
/*box-shadow: 0 0px 2px rgba(0, 0, 0, 0.2);*/
border: 1px solid #d7dfe3;
}
.around10{padding: 10px;}
/*.tshadow{box-shadow:0 2px 10px rgba(0, 0, 0, 0.2); border:1px solid #d7dfe3;}*/
.bootstrap-filestyle{width:100%;}
.bootstrap-filestyle:focus{outline: none;}
.bootstrap-filestyle input{height: 28px;}
.input-large{padding-left: 12px;width: 64.666%;}
@media (max-width: 767px) {
.pull-right22 {float: none;}
.dataTables_wrapper .dataTables_filter {float: none;text-align: center !important;}
}
.verttop{padding-top: 60px;}
.verttop38{padding-top: 38px;}
.fixedmenu{position: fixed; z-index:2; width: 200px; background: #424242;}
.sessionul{margin: 0;padding: 12px 15px 0px; list-style: none; color:#fff; border-bottom: solid 1px rgba(0, 0, 0, 0.25);}
.drop5{padding-bottom: 5px; padding-top: 5px; display: block;}
.verticalmenu{margin-right:195px;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.43);
top:-12px; border:1px solid #f4f4f4;
-webkit-overflow-scrolling: touch;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;}
/*.verticalmenu:before{content: "";
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-right: 12px solid #fff;
position: absolute;
top:10px;
left: -12px;
z-index: 10;}*/
.verticalmenu:before {
content: "";
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-right: 12px solid #fff;
position: absolute;
top: 10px;
left: -12px;
z-index: 10;
}
/* .verticalmenu{margin-right: 200px !important;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.43);
top:-12px; border:1px solid #f4f4f4;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-o-transition: all 2s ease;
-ms-transition: all 2s ease;
transition: all 2s ease;}
.verticalmenu:before{content: "";
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-left: 12px solid #fff;
border-right: 0;
position: absolute;
top:10px;
right: -12px; left: auto;
z-index: 10;}*/
.sessionul .dropdown-menu {
right: 0 !important; left: auto;}
.removehover a i {
opacity: 0;
padding-top: 5px !important;
padding-right: 3px;
padding-left: 0;
margin-left:0 !important;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.fixedmenu li.open .dropdown-menu {
box-shadow: -10px 3px 12px 0 rgba(0, 0, 0, 0.26);
visibility: visible;
display: block;
width: auto;
}
.menuboxshadow:before {
content: "";
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid #fff;
position: absolute;
top: -10px;
left: 12px;
right: auto !important;
}
@media(max-width:767px){
.fixedmenu{position: relative !important;}
.verttop, .verttop38{padding-top:0px;}
.verticalmenu{margin-left: -15px !important; top: 35px !important;}
/*.verticalmenu:before{display: none;}*/
.affix#alert2{padding-top: 50px !important;}
.fixedmenu li.open .dropdown-menu {
box-shadow: 10px 3px 12px 0 rgba(0, 0, 0, 0.26);
visibility: visible;
-moz-transform: translateX(0px);
-webkit-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
opacity:1;
left:0;
top: 30px !important;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
display:block;
width:auto;
}
.fixedmenu li .dropdown-menu {
-moz-transform: translateY(10px) !important;
-webkit-transform: translateY(10px) !important;
-o-transform: translateY(10px) !important;
-ms-transform: translateY(10px) !important;
transform: translateY(10px) !important;
opacity:0;top:0 !important;}
.sessionul .dropdown-menu {left: 3px !important;right: auto !important;}
.verticalmenu:before{
border-top: 0 !important;
left: 43.5% !important;
top: -11px !important;
border-left: 12px solid transparent;
border-right: 12px solid transparent !important;
border-bottom: 12px solid #ffffff !important;}
.fixedmenu .btn-sm {margin-top: -2px !important;}
}
@media (max-width:767px){
/*.mleft50{margin-left: 50px;}*/
.navbar-nav .open .dropdown-menu{border-color: #eee;
border-radius: 4px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
-webkit-transition: all 150ms linear;
-moz-transition: all 150ms linear;
-o-transition: all 150ms linear;
-ms-transition: all 150ms linear;
transition: all 150ms linear;
padding: 5px;}
ul.clsradio label {padding: 2px 15px;}
.slide-content2 {max-height: 200px;overflow-y: auto;}
.fixedmenu .popover.right {margin-left:0px !important;
position: absolute; left: 0 !important; top:28px !important;}
.fixedmenu{position: relative !important;}
.verttop, .verttop38{padding-top:0px !important;}
.verticalmenu{margin-left: -15px !important; top: 35px !important;}
.verticalmenu:before{
border-top: 0 !important;
left: 43.5% !important;
top: -11px !important;
border-left: 12px solid transparent;
border-right: 12px solid transparent !important;
border-bottom: 12px solid #ffffff !important;}
.fixedmenu .btn-sm {margin-top: -2px !important;}
.fixedmenu .popover.right .arrow,
.fixedmenu .popover.right .arrow:after{display: none;}
.fixedmenu .popover.right .form-control{width: 93px; display: inline-block;}
.fixedmenu .popover-content::after {
border-bottom: 10px solid #fff;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
width: 0;
height: 0;
content: "";
display: block;
position: absolute;
bottom: 100%;
left:45%;}
}
.btn-group2 {
position: relative;
z-index: 1;
padding-right: 0px;
padding-left: 0px;
float: right !important;
}
.dropi18 {
font-size: 18px;
padding-left: 5px;
vertical-align: text-bottom;
}
.table.dataTable thead>tr>th.sorting:last-child {
padding-right: 10px !important;
text-align: left;
}
.impbtn{position: absolute;left: 14px;top: 13px; right: auto;}
.minh45{min-height: 45px;}
.switch-inline{float: right;clear: both;}
.switch-inline label{float: right;padding-right: 0px;padding-left: 15px;}
.mediarow .row{margin-right: -5px;margin-left: -5px;}
.img_div_modal{padding-right: 5px;padding-left: 5px;}
.removegraybtn {
background-color: #727272;
border-color: #525252;
transition: .3s;
color: #fff;
border-radius: 3px 0 0px 3px !important;
}
.staffleft-box {float: right;padding-right: 0px;}
.staffleft-content{float:right;overflow: hidden;}
/*.stafficons{display: block;text-align: center;padding-right: 100px; padding-left: 0;}*/
.staffleft-content{float: right;overflow: hidden;padding-right: 10px;}
.hideeye {
position: absolute;
left: 10px;
color: #424242;
top: 10px;
font-size: 15px;
right: auto;
}
.boxplus i:active{color: #000;}
.boxplus i{float: left;vertical-align: top;font-size: 14px;color: #97a0b3;padding-top: 8px;}
.boxplus{
width: 100%;
font-size: 18px;
background: transparent;
text-align: right;
outline: 0 !important;
box-shadow: none !important;
padding: 0;
border:0;
color: #444;
}
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-radius: 0;}
.fa-angle-right{
font-size: 12px !important;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);}
.fa-angle-left{
font-size: 12px !important;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);}
.chosebtn:hover{background: #000;}
.fa-arrow-left {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.studentsideopen {
position: fixed;
left: 20px;
right:auto;
cursor: pointer;
top: 60px;
color: #000;
font-size: 24px;
z-index: 1;
}
.studentsidebar {
margin-top: 0px;
width: 250px;
position: fixed;
right:auto;
left:-270px;
height: 100vh;
z-index: 1050;
box-shadow:10px 3px 12px 0 rgba(0, 0, 0, 0.26);
background: #fff;
color: #000;
transition: all 0.3s;
overflow-y: scroll;
}
.studentsidebar.active {right:auto;left:0;}
.studentsideclose{float: left;color: #fff;}
.studentname .icon {float: right;padding-left: 5px;}
.plusign {
background: #727272;
border: 1px solid #525252;
border-radius: 3px;
float: left;
color: #fff;
outline: 0;
transition: all 0.5s ease;
padding: 0px 5px;
}
.payrollbox input {
text-align: left;
font-size: 20px;
font-family: 'Roboto-Bold';
}
.rotatetest {
text-transform: uppercase;
-moz-transform: rotate(-90.0deg);
-o-transform: rotate(-90.0deg);
-webkit-transform: rotate(-90.0deg);
position: absolute;
padding: 4px 3px 3px 4px;
border-top: 1px solid #dadada;
}
.letest {
/* overflow: hidden; */
position: absolute;
right: -45px;
top: 43px;
bottom: 0;
font-size: 14px;
letter-spacing: 2px;
text-align: center;
left: auto;
}
.padd-en-rtl33{padding-right: 33px;}
.staffprofile .icon {
position: absolute;
top: 0px;
left: 10px;
z-index: 0;
font-size: 46px;
color: rgb(169, 166, 166);
right: auto;
}
.halfday{padding-top:5px;}
.halfday b{display: inline-block;}
.lateday{padding-top: 5px; text-align: left}
.lateday b{display: inline-block;}
.sess18 {padding-left: 10px;float: right;}
.sessyearbox{float: right;}
th{font-family: 'Roboto-Bold';}
.description-text{display: inline-block;}
.cardleft {width: 20%;float: right !important;}
.cardright {width: 76% !important;float: left !important;}
.stlist li{text-align: right !important;}
table.dataTable {width: 100% !important;}
.pr20{padding-right: 0px;}
ul.wysihtml5-toolbar>li:first-child{margin-right: 0;}
ul.wysihtml5-toolbar>li {
float: right !important;
display: list-item;
list-style: none;
margin: 0 5px 10px 0;
}
.modal-footer .btn+.btn {margin-left: 5px;}
#timelineform {background: #fff; overflow: hidden;}
.sspass i{padding-left: 6px;padding-right: 0 !important;}
.fc-toolbar.fc-header-toolbar {margin-bottom: 1em !important;}
.skin-blue .sidebar-menu>li>a {border-radius: 30px 0px 0px 30px !important;}
.main-header .sidebar-session {padding: 10px 40px 10px 0px !important; color: #333 !important;}
.sidebar-menu .treeview-menu>li>a {border-radius: 30px 0px 0px 30px !important;}
.sidebar-menu .treeview-menu {padding: 0 0px 0 0!important;}
.main-header .sidebar-toggle {padding: 18px 15px 13px !important;}
.langselect {margin-left: 0px;margin-right: 5px;border-radius: 0 !important;}
.search-form .topsidesearchbtn,
.search-form .input-group{border-radius: 0 !important;}
/*.form-control{padding-right: 0;}*/
button#search-btn {border-radius: 0 !important;}
.pl25 {padding-left: 0px !important; padding-right: 25px !important}
@media (max-width:767px){
.row.display-flex {display: block !important;}
.radio-img input:checked + img{border: 1px solid #65ac26;}
}
.langdiv .dropdown-menu.open{left: 0;}
#frame #sidepanel #bottom-bar {right: auto !important;left: 10px;}
#frame #sidepanel #contacts ul li.contact .wrap img{float: right !important;margin-right: 0px !important; margin-left: 10px;}
#frame .chatcontent .message-input .wrap button {right: auto !important;left: 5px;}
#frame .chatcontent .contact-profile p {float: right !important;}
#frame .chatcontent .contact-profile img {float: right !important;}
.nav-tabs-custom>.nav-tabs>li.active{border-top:0px !important;}
.more-less {float: left !important}
.langdiv {float: right !important;}
.bootstrap-select.btn-group .dropdown-menu li>a {padding-right: 10px;}
.table .pull-right{width: auto !important;text-align: right;}
.classlist {text-align: initial;text-align: left !important;}
span.section_id_error{float: left;padding-top: 3px;}
#topic_result span,
#lesson_result span{float: left; padding-top: 3px;}
.topicstaus tr td h4 span, .topicstaus li h5 i, .topicstaus li span {float: left !important;}
.topicstaus li ul {padding-left: 0 !important;padding-right: 15px;}
.classlist li+li {margin-right: 15px;margin-left: 0 !important;}
.user_sessionmodal_body label, .sessionmodal_body label {text-align: left !important;}
.rltpaddleft{padding-left: 0 !important; padding-right: 30px;}
.smallbtn28{height: 28px;line-height: 17px;}
input[type=checkbox].question_chk{ margin-right: 0 !important;margin-left: auto;}
.material-switch {right: auto !important;left: 0;}
.list-group-item-sort>.sort-action {float: left !important;}
.impbtntitle{right:auto !important;left: 10px;}
.no-print{text-align: left !important;}
table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable td:last-child,
table.table-bordered.dataTable td:last-child {text-align: left !important;}
.commentForm .input-group-addon {
right: auto !important;top: 5px !important;left: 15px;border: 0;}
.addbtnright {right: auto !important;left: 5px;}
.input-group .input-group-addon {background-color: transparent !important;}
@media (max-width: 767px) {
.main-sidebar, .left-side {
-webkit-transform: translate(0px, 0) !important;
-ms-transform: translate(0px, 0) !important;
-o-transform: translate(0px, 0) !important;
transform: translate(0px, 0) !important;
}
.main-sidebar, .main-sidebar:before {
margin-right: -200px;
margin-left: 0;
right: 0 !important;}
}
/*.sidebar-collapse .main-sidebar, .sidebar-collapse .main-sidebar:before {
margin-left: -200px;
}*/
/*.main-sidebar {
left: auto;
right: 0;
}*/
@media (max-width: 767px) {
.sidebar-open .main-sidebar, .sidebar-open .main-sidebar:before {
margin-right: 200px;
z-index: 2;
right:0;
}
}
Zerion Mini Shell 1.0