.container.admin-area {
    padding-top: 20px;
}
.admin-area .col-lg-8 h2 {
    text-align: left;
    padding: 9px 10px 9px 22px;
    font-weight: 500;
    font-size: 2em;
    color: #FFF;
}
.admin-area .col-lg-8 h2 span {
 color:#f9d134;
}

.admin-right-menu h2 {
 font-weight: 500;
 text-align: left;
 font-size: 2em;

}
.admin-right-menu h2 span {
 color:#33646b;
}
.admin-area h3 {
 font-weight: 500;
 font-size: 1.5em;
}
.admin-area ul {
 list-style: none;
 margin-bottom: 20px;
}
ul li ul {
 display: none;
 padding-left: 20px;
 margin-bottom: 0px;
}
/*.admin-area ul li:hover ul {
 display: block;
}*/
.active-menu {
 display: block !important;
}
.admin-area ul li {
 margin: 6px 0px;
}
.admin-right-menu ul li a {
 color:black;
 text-decoration: none;
}

.arr-right {
    background-image: url(../images/arr-right.png);
    background-position: right top;
    padding-right: 15px;
    background-size: 14px;
    background-repeat: no-repeat;
}
.arr-down {
 background-image: url(../images/arr-down.png);
    background-position: right top;
    padding-right: 15px;
    background-size: 14px;
    background-repeat: no-repeat;
    color:#33646b !important;
}

.organization-block {
 text-align: center;
}
.certificates-block a {
 display: block;
 margin: 10px 0px; 
 text-decoration: none;
}
.certificates-block a p {
    padding-left: 60px;
    width: 180px;
    color: #000;
    text-decoration: none;
}
.certificates-block img {
    float: left;
    clear: both;
}

.filter-search-export {
    border: 1px solid #dcdcdc;
margin-top: 5px;
    display: inline-block;
    width: 100%;
}
.filter-third {
    float: left;
    width: 30%;
    margin-left: 22px;
    margin-top: 12px;
}

.search-third {
    float: left;
    width: 32%;
    margin-top: 12px;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    padding-left: 30px;
        height: 160px;
    padding-right: 30px;
        margin-bottom: 12px;
}
.search-third input[type=search] {
    width: 100%;
    padding: 5px 0px;
}
.search-third input[type=submit] {
 padding: 5px;
 margin-top: 5px;
}
.export-third {
 float:left;
 width: 34%;
    padding-left: 30px;
 margin-top: 12px;
}
.ref-table {
 border: 1px solid #dcdcdc;
 width: 100%;
 margin-bottom: 5px;
}
.tg  {border-collapse:collapse;border-spacing:0;border:none;}
.tg td{font-size:14px;padding:10px 25px;border-style:solid;border-width:0px;word-break:normal;}
.tg th{font-size:14px;font-weight:normal;padding:10px 25px;border-style:solid;border-width:0px;overflow:hidden;    word-break: normal;
}
.tg-9hbo {word-break: normal;}
.tg .tg-9hbo{font-weight:bold;vertical-align:top}
.tg .tg-yw4l{vertical-align:top}
table.tg {
    width: 100%;
}
.ref-table, .courses-table {
 width: 100%;
 overflow: auto;
}

.admin-area tr:nth-child(2n-1) {
 background-color: #EAEAED;
}
.admin-area tr:hover {
 background-color: #DDDDDD;
}

.courses-table {
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    width: 100%;
    margin-bottom: 0px;
}
.courses-unit-block {
 margin-bottom: 5px;
}

.sub-sect-head {
    background-color: #686868;
    width: 100%;
    padding-left: 22px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: inline-block;
    color:white;
    font-size:1.3em;
}
.sub-sect-head p:first-child {
 float:left;
}
.sub-sect-head p:last-child {
 float:right;
 padding-right: 22px;
}
.sub-sect-head p span {
 color:#f9d134;
}
.chart-area {
    width: 100%;
     border-bottom: 1px solid #dcdcdc;
         border-right: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    margin-bottom: 20px;
}
.chart-area img {
 width: 100%;
}

.admin-area .col-lg-3 div {
    width: 179px;
    padding: 10px 0px;
    border-bottom: 1px solid #dcdcdc;
}

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #FFF;
    border: 1px solid #808080;
    color: black;
    text-align: center;
    border-radius: 4px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    left: 29px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}
.admin-area .col-lg-8 i {
    float: right;
    font-size: 23px;
    margin-left: 9px;
    margin-top: 3px;

}
.filter-search-export i {
     color: #33646B;
}
.admin-area .col-lg-8 h3 {
 float:left;
 clear:both;
}
.courses-table .tooltip {
    position: relative;
    display: inline-block;
    / right: 670px; /
    float: right;
top: 0px;
    left: 0px;
    overflow: visible;
}
.export-third .tooltip span {
 left:-111px !important;
}
.courses-table .tooltip span {
    left: -111px !important;
}

.admin-area button.hide-mobile-button, .admin-area button.hide-desktop {    
 padding: 10px;
    text-align: center;
    margin: 0 auto;
    width: 180px;
    margin-top: 10px;
        margin-bottom: 10px;
    font-size: 13px;
    color: #FFF;
    background-color: #42413E;
    font-weight: 700;
    text-transform: uppercase; 
    }
    

.mobile-menu-toggler h2 {
     padding: 20px;
}
.mobile-menu-toggler .turq-font {
 color:white !important;
}
a.close-menu {
 text-decoration: none;
 color:white;
 text-align: center;
 font-weight: 700;
 background: #23676a;
}

.admin-area .col-lg-8 {
 overflow: hidden;
 padding-bottom: 25px;
}

.admin-area * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	padding-bottom: 2px;
	padding-top: 2px;
	list-style: none;
}

.cbp-spmenu {
    background: #424140;
    position: fixed;
    border-left:2px solid black;
}
.cbp-spmenu ul li a {
 color:white;
}
.cbp-spmenu-vertical a {
    border-bottom: 0px solid grey;
    padding: 1em;
}
#adminmobmenu .arr-right {
    background-image: url(../images/arr-right-white.png);
    background-position: right;
    padding-right: 15px;
    background-size: 34px;
    background-repeat: no-repeat;
        color:white !important;
}
#adminmobmenu .arr-down {
     background-image: url(../images/arr-down-white.png);
    background-position: right;
    padding-right: 15px;
    background-size: 34px;
    background-repeat: no-repeat;
    color:white !important;
}
.cbp-spmenu h3 {
    color: white;
    font-size: 1.9em;
    padding: 20px;
    margin: 0;
    font-weight: 300;
    background: inherit;
}
.cbp-spmenu a:hover {
    background: #23676a;
}

.hide-mobile-button {display: none;}
.hide-desktop {display: none;}

select#select-course-field {
    margin-left: 20px;
    width: 200px;
    position: relative;
    top: -2px;
}

.courses-table .tooltip {
 clear:both;
 float:left;
}
/*.courses-table table tbody tr:not(:first-child) p:first-of-type {
 padding-left: 10px;
}
.courses-table table tbody tr:not(:first-child) td:first-of-type {
    position: relative;
    top: 12px;
}*/

.admin-area table tbody {
 overflow: -moz-scrollbars-vertical; 
overflow-x: scroll;
}

/*29/03/2016*/
.admin-area.container, .admin-header {
    width: 1359px;
    }
.admin-home {
    border-right: 1px solid #808080;
    font-size: 20px;
    }
    nav.admin {
  font-size: 1.2em;
  float:right !important;
 }
 
 .yellow {
color: #f9d134 !important;
 }
.admin-header ul {
margin: 0px;
}
.admin-header {
 padding-top: 0px;
}
.admin-header img {
    float: left;
    margin: 18px 36px 0 18px !important;
}
.select-org {
 background-color: #686868;
 color:white;
 font-size: 1.3em;
 padding: 20px 0px;
}
.floatleft-select {float:left;}
.floatright-select {float:right;}
.floatleft-select {
    width: 51%;
    padding-left: 20px;
}
.floatright-select select {
    width: 80% !important;
}
.floatright-select {
    width: 45%;
    padding-top: 5px;
}
.floatleft-select p, .floatright-select p {
 float:left;
}
.floatleft-select select, .floatright-select select {
 float:right;
}
.select-org div p:first-child span {
 font-size: 1.44em;
 border-right: 1px solid white;
 padding-right: 7px;
}
    
.select-org #select-course-field {
    margin-left: 10px;
    width: 70%;
    position: relative;
    top: 6px;
    float: left;
}
.floatleft-select select {
 top: 11px !important;
}