.wrappedHeaders{ float:left; width:100%; background-color:#e08107; }
.wrappedHeaders .innerWrappedHeaders{ padding-top:15px; padding-bottom:10px; padding-right:73px;font-weight: bold; }
.wrappedDailyContentItems {float:right;}
.ko-grid{ float:left; width:100%; }
.ko-grid .mainGrid{  float:left; border:1px solid #DDDFE0; /*width:100%;*/ }
.arrowToRedirect{ background-image: url(../pics/Images-rest.png); background-repeat: no-repeat; background-position:-240px -452px;  width: 19px; height: 19px; margin-top: 23px; margin-bottom: 10px; margin-right: 12px; margin-left: 10px;  float:right; }
.arrowUpForSort{ background-image:url('../pics/Images-rest.png'); float:left; background-position: -239px -572px; width:14px; height:14px;  padding-right:2px; }
.backButtonIMG {float:left;background-image: url(../pics/Images-rest.png);background-repeat: no-repeat;background-position: -239px -593px;width: 12px;height: 13px;margin-top:25px;margin-right:7px;}
.ko-grid-pageLinks{ display:none!important; }
.ko-grid-pageLinksOnMyPage{display: block; margin: auto; width: 23%; }
.ko-grid-pageLinksOnMyPage a{ margin-right:5px; text-decoration:none; }
.ko-grid-pageLinksOnMyPage a.selected{ color:#fc6803; }
.itemRow{ cursor:pointer; }
.inputClass {float:none;}
.ContainerRightSecIcons .reportIcon {width:inherit;}
.SearchCompFound.searchResCount1{ margin-left:inherit; }
.restContainerSearchImg {padding-top: 34px;padding-left:15px;}
.empItemBtnApp{ background-color:#e08107!important; cursor:pointer!important;font-size:17px;padding:10px;text-align:center;border-radius:7px;float:left;margin-bottom: 5px; }
.empItemBtnApp:hover{ background-color:#327eb4!important;  }
.teacherInnerBtnApp{ background-color:#e08107!important; cursor:pointer!important;width:25%;font-size:12px;padding:2px;text-align:center;border-radius:5px;float:left;margin-bottom: 5px;margin-top: 5px;color:#fff; }
.teacherInnerBtnApp:hover{ background-color:#327eb4!important;  }
.salaryItemBtn{ background-color:#e08107!important; cursor:pointer!important;width:100%;font-size:17px;padding:10px;text-align:center;border-radius:7px;float:left;margin-bottom: 5px; }
.salaryItemBtn:hover{ background-color:#327eb4!important;  }
.updateBtnApp{ background-color:#e08107!important; cursor:pointer!important;width:7%;font-size:17px;padding:10px;text-align:center;border-radius:7px;float:left;margin-bottom: 5px; }
.updateBtnApp:hover{ background-color:#327eb4!important;  }

.HeaderItem {float: left;width: 110px;text-align:right;}
.SortHeaderItem {float: left;width: 90px;text-align:right;}
.SortHeaderMainItem {float: left;width: 110px;text-align:right;}
.koheader.base_header {cursor: pointer;}
.arrowUpForSort {
    background-image: url('../Pics/Images-rest.png');
    background-position: -239px -572px;
    width: 14px;
    height: 14px;
    float: right;
}



/*HOURS ACTIVITY*/

.restDetailedDailyMainContainer {
    /*padding-right: 14%;*/
    width: 100%;
}

.mainGrid {
    margin-bottom: 6px;
    background-color:#fff;
}

    .mainGrid.restDetailedDaily {
        background-color: #fff;
        float: left;
        border: 1px solid #DDDFE0;
        /*width:90%;*/
        border: inherit;
    }

    .restRepFontProp {
    font-size: 13px;
    color: #ffffff;
    font-family: Arial;
    font-weight: normal;
    float:right;
}

.dailyContentItems {
    width: 100%;
    margin: auto;
    border-bottom: 1px solid #e7ecee;
    text-align:right;
}



.dailyContentRow {
    float: left;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 110px;
    min-width: 1px;
    border-left:1px solid #DDDFE0;
}

    .dailyContentRow input {
        text-align:right;
        width:90%;
        font-size:12px;
        height:30px;
        margin-right:4px;
    }

.actionsRow {
    float: right;
    border-left:1px solid #DDDFE0;
    width:70px;
    padding: 7px;
}
.empItemSelect select{ width:102px; height:25px; border-radius:3px;  border:1px solid #d2d3d5; }

.myPager.rest {
    background-color: transparent;
    width:100%;
    float: left;
    padding-top: 15px;
    /*padding-bottom: 15px;*/
}

.ko-grid-pageLinksOnMyPage {
    display: block;
    margin: auto;
    width: 100%;
}

.ko-grid-pageLinksOnMyPage a {
     margin-right: 5px;
     text-decoration: none;
}

.ko-grid-pageLinksOnMyPage a.selected {
      color: #fc6803;
}


/*hours_activity*/
.innerTopSecFileTemp.searchEmpTxt { margin-bottom: 10px; }
.innerTopSecFileTemp.searchEmpTxt input { width:120px; height:30px; text-align:right; }
.searchEmpTxt {
    float: right;
}

.searchEmpTxt input[type=text] {
    background: #fff;
    border: 1px solid #A9A9A9;
    height: 28px;
    /*width: 220px;*/
    border-radius: 3px;
    color: #4e4e4e;
    text-indent: 10px;
}

/*END HOURS ACTIVITY*/

/*Teacheher*/
.ko-grid .teacherGrid{  float:left; /*width:90%;*/ }

.teacherGrid.teachers {
        background-color: #fff;
        float: left;
        border: 1px solid #DDDFE0;
        /*width:87%;*/
        border: inherit;
    }

.teacherContentRow {
    float: right;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 4px;
    width: 110px;
    min-width: 1px;
}
.teacherHeaderItem {
    float: right;
    width: 110px;
    text-align:right;
    padding-right: 4px;
    color: #000;
    font-weight:bold;
}


.teacherContentRow input {
        text-align:right;
        width:100px;
        font-size:12px;
        height:30px;
        margin-right:4px;
}
.wrappedTeacherContentItems {float:right;position: relative;margin-bottom:50px;/*height: 400px;*/}
.firstHeader {
    float: right;
    padding-top: 15px;
    width: 63%;
    /*border-bottom:1px solid #9a9a9a;*/
}
.secondHeader {
    float: right; 
    top: 115px;
    width: 63%;
    /*border-bottom:1px solid #9a9a9a;*/
}
.thirdHeader {
    float: right;
    top: 115px;
    width: 63%;
    /*border-bottom:1px solid #9a9a9a;*/
}
.forthHeader {
    float: right;
    top: 115px;
    width: 63%;
    /*border-bottom:1px solid #9a9a9a;*/
}
.forthHeader1{
    float: right;
    top: 115px; 
    width: 100%;
    /*border-bottom:1px solid #9a9a9a;*/
}
.forthHeader2{
    float: right;
    top: 115px; 
    width: 100%;
    /*border-bottom:1px solid #9a9a9a;*/
}
.forthHeader3{
    float: right;
    top: 115px; 
    width: 100%;
    /*border-bottom:1px solid #9a9a9a;*/
}
.fifthHeader{
    /*float: right;*/
    margin-top: 1%; 
    top: 115px; 
    width: 36%;
    /*border-bottom:1px solid #9a9a9a;*/
}
.fifthHeader1{
    float: right;
    top: 115px; 
    width: 100%;
    /*border-bottom:1px solid #9a9a9a;*/
}
.sixHeader{
    /*float: right;*/
    width: 36%;
    /*border-bottom:1px solid #9a9a9a;*/
}
.sixHeader1{
    float: right;
    top: 115px; 
    width: 100%;
}
.sixHeader3{
    float: right;
    width: 38%;
}
.seventhHeader{
    /*float: right;*/
    width: 36%;
}
.eightHeader{
    /*float: right;*/
    width: 36%;
}




.tafkidim1Block{
    float:right;
    clear:both;  
}
.tafkidim2Block{
    float:right;
    clear:both;  
}
.tafkidim3Block{
    float:right;
    clear:both;  
}
.tafkidim4Block{
    float:right;
    clear:both;  
}
.horaa1Block{
    float:right;
    clear:both;  
}
.horaa2Block{
    float:right;
    clear:both;  
}
.horaa3Block{
    float:right;
    clear:both;  
}
.horaa4Block{
    float:right;
    clear:both;  
}
.horaa5Block{
    float:right;
    clear:both;  
}
#ResultArea{
    font-size: 12px;
    font-weight: bold;
    color: black;
    float: right;
    padding: 6px;
}
#ResultArea table{
    width:320px;
    text-align:right;
}
#ResultArea table td{
    border:1px solid #98d0f1;
    padding:5px;
}

/*SUB TABLES*/
#ChildrenArea{
    font-size: 12px;
    font-weight: bold;
    color: black;
    float: right;
    padding: 6px;
    width:320px;
}
#ChildrenArea table{
    width:440px;
    text-align:right;
}
#ChildrenArea table td{
    border:1px solid #98d0f1;
    padding:5px;
    width:50px;
}
#ChildrenArea table td input{
    width:110px;
    font-size:12px;
}

#DargotKidumArea{
    font-size: 12px;
    font-weight: bold;
    color: black;
    float: right;
    padding: 6px;
    width:320px;
    overflow-y:auto;
    max-height:200px;
    width:100%;
}
#DargotKidumArea table{
    width:470px;
    text-align:right;
}
#DargotKidumArea table td{
    border:1px solid #98d0f1;
    padding:5px;
    width:50px;
}
#DargotKidumArea table td input{
    width:70px;
    font-size:12px;
}
#DargotKidumArea table td select{
    width:70px;
    font-size:12px;
}
/*END*/


.childrenSection{
    float: right;
    top: 115px; 
    width:100%;  
}
.innerChildrenSection{
    float: right;
    width:30%;
    color:#000;
    font-weight:bold;
}

fieldset{
    border:1px solid #d2d2d2;
}
legend{
         
}
.TitleRow {
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
    color: #006dc3;
    text-align:right;
    font-weight:bold;
}
.teacherContentRow input {
  /*border: none;*/
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  padding: 0;
  border:1px solid #a6c7ff;
  padding: 4px;
  margin: 4px;
}



.wrappedHeaders .innerWrappedHeadersGeneral {
       padding-top:15px; padding-bottom:10px; padding-right:10px;font-weight: bold;
}

.wrappedHeaders .innerWrappedHeadersGeneral {
       padding-top:15px; padding-bottom:10px; padding-right:10px;font-weight: bold;
}


.GeneralGrid.grid {
    width:100%;
}
.wrappedHeadersSub{
    float:right;
    width: 100%;
    margin-right: 5px;
}
.headerItemSub{
    float:right;
    font-size: 12px;
    font-weight:bold;
    width:10%;
    color: #000;
    text-align: right;
}
.subContentItems{
    float:right;
    width: 100%;
    /*margin-right: 5px;*/
}
.subRow input{
    float:right;
    font-size: 12px;
    width:10%;
    text-align: right;
}


/*ddl*/
.ddlContentItem {
    float: left;
    /*padding-top: 10px;*/
    padding-bottom: 4px;
    padding-right: 5px;
    width: 110px;
    /*border-left:1px solid #DDDFE0;*/
}
   .ddlContentItem select {
        text-align:right;
        width:95%;
        font-size:12px;
        
    }



/*welcome list*/
.list-type5{
width:410px;
margin:0 auto;
}
.list-type5 ol {
list-style-type: none;
list-style-type: decimal !ie; /*IE 7- hack*/
margin: 0;
margin-left: 1em;
padding: 0;
counter-reset: li-counter;
}
.list-type5 ol li{
position: relative;
margin-bottom: 1.5em;
padding: 0.5em;
background-color: #F0D756;
padding-left: 58px;
}

.list-type5 a{
text-decoration:none;
color:black;
font-size:15px;
font-family: 'Raleway', sans-serif;
}

.list-type5 li:hover{
box-shadow:inset 22em 0 #6CD6CC;
-webkit-transition: box-shadow 0.5s; /* For Safari 3.1 to 6.0 */
transition: box-shadow 0.5s;
}

.list-type5 ol li:before {
position: absolute;
top: -0.2em;
left: 10.5em;
width: 1.8em;
height: 1.2em;
font-size: 2em;
line-height: 1.2;
font-weight: bold;
text-align: center;
color: white;
background-color: #6CD6CC;
transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
-webkit-transform: rotate(15deg);
z-index: 99;
overflow: hidden;
content: counter(li-counter);
counter-increment: li-counter;
}
#lastLi:before{
position: absolute;
top: -0.2em;
left: 10.5em;
width: 1.8em;
height: 1.2em;
font-size: 2em;
line-height: 1.2;
font-weight: bold;
text-align: center;
color: white;
background-color: #6CD6CC;
transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
-webkit-transform: rotate(15deg);
z-index: -999999;
overflow: hidden;
content: counter(li-counter);
counter-increment: li-counter;
}
/*end welcome list*/



/*welcome links*/
ul {
  list-style: none;
  padding: 0;
}
li.usefulLinksLI {
  padding-left: 1.3em;
}
li.usefulLinksLI:after {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: 0.2em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
.usefulLinksLI {
    margin-bottom:10px;
}