
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;}
.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;}