/*@import url('style-blessed1.css?z=1448592491552');*/
@import url('bootstrap.css');
body {
    background: #ffffff no-repeat fixed center top;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding-top: 0;
}

body,caption,th,td,input,textarea,select,option,legend,fieldset{font-family:"Helvetica Neue", Helvetica, Arial,sans-serif;}
pre,code,kbd,samp,tt,var{font-family:"Courier New","DejaVu Sans Mono",monospace;}
h1{font-size:2em;line-height:1.5em;margin:0.75em 0;}
h2{font-size:1.5em;margin:1em 0;}
h3{font-size:1.3em;margin:1.154em 0;}
h4,h5,h6{font-size:1.1em;margin:1.364em 0;}
blockquote{margin-left:2em;margin-right:2em;}
pre{font-size:1.1em;margin:1.364em 0;}
hr{height:1px;border:1px solid #666;}
a,.tags a, .tags a.tag {color:#A3A300}
a:hover, a:focus{color:#CCCC4D;} 
p {
    margin: 10px 0;
}
h5.dash-h5 {font-size:1.4em;margin:0 0;}
/** TOP ****************************/  
.site-messages {
    position: relative; 
}
.top-wrapper {
    position: relative;
    background: #331933 none no-repeat scroll center bottom;
    border-bottom: 1px solid #401b09;
    height: 40px;
    width: 100%;
}
.top-wrapper .top-nav.navbar-nav {
    margin-top: 0;
}
.top-nav.navbar-nav  li  a {
    padding: 7px 15px;
    /*font-family: Verdana;*/
}
.top-wrapper .top-nav li a span {
    color: #ffffff;  
    font-size: 12px;
    line-height: 16px;
}
/** HEADER ****************************/
 .navbar-fixed-top {
    position: relative;
}
/*.header {
    background: rgba(0, 0, 0, 0) linear-gradient(#ffffff 91%, #808080 98%, #404040 100%) repeat scroll 0 0;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
    height: 80px;
    margin-bottom: 5px;
    width: 100%;
}*/
.header-search-form .form-control{
    background: #ffffff none repeat scroll 0 0;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.5);
    -moz-box-shadow:0px 0px 8px rgba(0,0,0,0.5);
}
.header-search-form .form-control {
    background: url(../images/ic-search1.png) no-repeat scroll 7px 7px;
    padding-left:35px;
    color: #777777;
    /*font-family: Verdana,Tahoma,"DejaVu Sans",sans-serif;*/
    font-size: 12px;
}
/** NAVIGATION ****************************/   
/*#main-nav {
    background: rgba(0, 0, 0, 0) linear-gradient(#ffffff 90%, #c0c0c0 100%) repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
    margin: 10px auto;
    width: 970px;
}*/

#main-nav ul{
    font-size: 13px;
    min-height: 30px;
    list-style: outside none none !important;
    margin: 0;
    padding: 0;
}

.navbar {
    min-height:30px;
}

.main-nav li {
    display: block;
    font-size: 13px;
    height: auto;
    margin: 0;
}
.main-nav .nav  li  a {
    border: medium none;
    font-size: 13px;
    padding: 5px 27px;
    border-radius:5px;
}
.main-nav .nav  li  a:focus, .main-nav .nav  li  a:hover {
    color: #000;
    background-color: #D4D4D4;
}
.main-nav .nav  li ul {
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    list-style-type: none;
    margin-left: -105px;
    padding: 0;
    position: absolute;
    top: 30px;
    white-space: nowrap;
    width: 210px;
    z-index: 999; 
    height: auto !important;
    left: -9999px;
}
.main-nav .nav ul li {
    border-bottom: 1px solid #dddddd;
}
.main-nav .nav ul li:hover, .main-nav .child-nav li a:focus, .main-nav .child-nav li a:hover {
    background: #D4D4D4 none repeat scroll 0 0;
}

.main-nav .child-nav a {
    color: #000;
}

.main-nav .nav li.open ul, .main-nav .nav li:hover ul.hidden-md {
    display:block !important;
    visibility: visible;
    left:0 !important;
}    
.main-nav .nav li.closed ul, .main-nav .nav li:hover ul.hidden-md {
    display:hidden !important;
    visibility: visible;
    left:0 !important;
}   
#main-nav .navbar-text {
    float: left;
    font-size: 13px;
    margin-bottom: 0;
    margin-top: 0; 
    margin-left: 15px;
    margin-right: 15px;
    padding: 5px 7px;
    line-height: 20px;
}
.adminnav .navbar-link:hover {
    color: #000000;
}
/** MAIN ****************************/
/*.main-content {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
}*/
#main-column-container h1{
    color: #000000;
    padding-bottom: 9.5px;
    border-bottom: 1px solid #ccc;
    /*font-family: verdana;*/
    font-size: 2em;
    font-weight: bold;
    line-height: 1.5em;
}
#logo-area .admin-site {
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
}
/** DASHBOARD ****/
.dashboard-widget-container .widget-heading {
    background-color: #eee;
    border-top: 3px solid #e7a314;
    height: 90px;
    padding: 13px 15px;
}
.dashboard-widget-container .circle-bg {
    background-color: #e7a314;    
}
.dashboard-widget-container .logged-in .widget-heading p {
    color: #e7a314;
}
.dashboard-widget-container .logged-in .widget-detail {
    background: #b37f0f;
}
.dashboard-widget-container .logged-in:hover .widget-detail {  
    margin-top: -90px;
}
.dashboard-widget-container .logged-in:hover .widget-detail p {
    color: #000;
}
.panel_button {
    float: left;
    width: 100px;
    text-align: center;
    margin: 10px;
}
.panel_button a:link {
    text-decoration: none;
    text-align: center;
    font-weight: bold;
}
.panel_button a:hover img{
    opacity: 0.7;
}
/** NAV****/ 
.nav-tabs {
    background: #331933 none repeat scroll 0 0;
    border-bottom: 0 solid #eeeeee;
    /*border-radius: 5px 5px 0 0;*/
}
.nav-tabs li.active {
    background: #E9890A;
    /*border-radius: 5px 5px 0 0;*/
}

.nav-tabs  li a { 
    /*font-family: Verdana;*/
    font-size: 12px;
    line-height: 16px;
    color: #ffffff;
    padding: 8px 10px;
    
}
.nav-tabs>li {
     margin-bottom: 0px;
}
.nav-tabs  li.active  a,.nav-tabs.nav li  a:focus, .nav-tabs.nav li  a:hover  {
    border-color: transparent; 
    border-width: 0px;
    color: #ffffff;
    padding: 8px 10px;
    border-radius: 5px;
    background: #E9890A;
    font-weight: 500;
    margin: 3px 7px; 
}


.arrow-bar {
    background-color: #331933;
    border-radius: 2px;
    color: #ffffff;
    display: block;
    line-height: 46px;
    margin-bottom: 30px;
    margin-top: 10px;
    overflow: hidden;
    width: 100%;
}
.arrow-bar .nav-inpage.nav  li  a, .arrow-bar .nav-inpage.nav  li  button {
    color: #fff;
}
.arrow-bar .arrow::after {
    border-left: 14px solid #E9890A;
}
.arrow-bar .arrow {
    background-color: #E9890A;
}
.arrow-bar .arrow .text {
    color: #fff;
    display: block;
    font-weight: 700;
}
.nav-inpage.nav > li.active > a, .nav-inpage.nav > li.active > button {
    background: #E9890A none repeat scroll 0 0;
    color: #fff;
}
.arrow-bar .nav-inpage.nav  li.active a, .arrow-bar .nav-inpage.nav  li.active button, 
.arrow-bar .nav-inpage.nav  li a:focus, .arrow-bar .nav-inpage.nav  li  a:hover, 
.arrow-bar .nav-inpage.nav > li  button:focus, .arrow-bar .nav-inpage.nav  li > button:hover {
     color: #fff;
}
.nav-inpage.nav  li button:focus, .nav-inpage.nav  li button:hover,
.nav-inpage.nav  li  a:focus, .nav-inpage.nav  li  a:hover {
    background: #E9890A;
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    background-color: #E9890A;
}

/*** BUTTONS *******/
/*.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 2px;
    -webkit-user-select: none;
    user-select: none;
}*/
.btn-group-top .btn {
    border-top: 1px solid;
    border-color: #ccc;
    margin-top: 1px;
}
/*.btn-primary {
    background-color: #B8B846;
    background-image: -moz-linear-gradient(center top , #2f92d4, #236d9f);
    border: 2px solid #9D9D3B;
    border-radius: 5px;
    box-shadow: 0 1px #CCCC4C inset;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: Arial,sans-serif;
    padding: 5px 15px;
    text-align: center;
    text-decoration: none;
     font-weight: bold;
}
.btn .btn-primary {
    background-color: #B8B846;
    background-image: -moz-linear-gradient(center top , #2f92d4, #236d9f);
    border: 2px solid #9D9D3B;
    border-radius: 5px;
    box-shadow: 0 1px #CCCC4C inset;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: Arial,sans-serif;
    padding: 5px 15px;
    text-align: center;
    text-decoration: none;
     font-weight: bold;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus,
.btn-primary.focus, .btn-primary.active, .btn-primary:hover, .btn-primary:focus, .btn.focus:active{
    background-color: #9D9D3B !important;
   background-image: none !important;
    border: 2px solid #70702F !important;
    box-shadow: 0 1px #B8B846 inset, 0 1px 8px rgba(0, 0, 0, 0.3) !important;
    color: #ffffff !important;
    outline: medium none;
}*/
.form-group.submitcancel .cancel {
    color: #938D8D;
    /*border: 2px solid #9D9D3B;;*/
    text-decoration:blink;
    box-shadow: none; 
}
.form-group.submitcancel .cancel:hover {
    color: #A3A300;
}
.primary.input-group-btn.button {
    margin-left: 5px;
}
.pieform .input-group .no-label {
    margin-top: 9px;
}
/***SEARCH***/
#editprofileform_profiletype_other:focus,
.form-control:focus {
    border-color: #CCCC4C;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

}
/***LINKS***/
.list-group a.text-link, .text-link {
    color: #33B2B2;
}
.list-group-item-link {
    padding: 0
}
.list-group-item-link a {
    font-size: 12px;
    display: block;
    padding: 10px 15px
}
.list-group-item-link a:hover {
    background: #efefef;
    color: #CCCC4D;
}
.list-group-item-link a small {
    color: #33B2B2
}
.list-group-item-heading {
    font-weight: 300
}
.pagination>.active>a, .pagination>.active>a:focus, 
.pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #A3A300;
    border-color: #858501;
}
.label-primary {
    background-color: #A3A300;
}
.label-primary[href]:focus,
.label-primary[href]:hover {
    background-color: #9D9D3B;
}
.label.label-default a:focus,
.label.label-default a:hover,
a.label.label-default:focus,
a.label.label-default:hover {
    background-color: #9D9D3B;
}
.panel.as-link.collapsible h4 a, .panel.as-link.collapsible h4 a.collapsed, .panel.as-link.collapsible legend h4 a, 
.panel.as-link.collapsible legend h4 a.collapsed, .pieform-fieldset.as-link.collapsible h4 a, 
.pieform-fieldset.as-link.collapsible h4 a.collapsed, .pieform-fieldset.as-link.collapsible legend h4 a, 
.pieform-fieldset.as-link.collapsible legend h4 a.collapsed {
    color: #A3A300;
}

/*** MESSAGES ***********/
.alert-success {
    background-color: #CCCC4C;
    border-color: #CCCC4C;
    color: #000000;
}
/***/
#content-footer {
    background: rgba(0, 0, 0, 0) linear-gradient(#ffffff 0%, #c0c0c0 60%, #404040 100%) repeat scroll 0 0;
    bottom: 0;
    height: 24px;
}
/** SIDEBLOCK ****************************/
.panel-default > .panel-heading {
    background-color: #eeeeee;
    border-color: #dddddd;
    color: #000;
}

/** FOOTER ****************************/
.footer .footer-inner {
    padding-bottom: 5px;
    padding-top: 5px; 
    margin-bottom: 0px;
}
.main-nav:not(.adminnav) ~ .container.footer {
    padding-top: 5px;
}
.footer a {
    color: #000;
    /*text-decoration: none;*/
    font-size: 13px;
    /*font-family: Verdana;*/
    line-height: 24px;
}
.admin .footer .footer-inner {
    background: transparent;
    border: 0 solid #dddddd;
    border-radius: 0;
    padding-bottom: 5px;
    padding-top: 5px;
}
/***** RESPONSIVE ***********/
@media only screen and (max-width : 800px)
{
    .top-nav.navbar-nav { background-color: #331933;   }
    .navbar-toggle { margin-top: 11px; }
    .header .admin-title { display: none;}
    .header .navbar-form.collapse.in form {margin-top: 13px;}
    .navbar-fixed-top .navbar-collapse, .navbar-default .navbar-form {border-color: rgba(0, 0, 0, 0);}
    .header-search-form .form-control { box-shadow: 0 1px 3px 0;}
    .main-content {border-radius: 0;}
    #main-nav { margin: 7px auto; border-radius: 0px;  background: #f8f8f8; box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);}
    #main-nav ul {height: auto;width:auto  }
    .main-nav .nav li ul { border-radius: 0;height: auto !important;left: 0;position: relative;top: 0;}
    .main-nav li {font-size: 13px;height: auto;}
    .main-nav .nav ul li { border-bottom: 0px solid #dddddd;}
    .navbar-inverse .navbar-nav .active a, .navbar-inverse .navbar-nav .active a:focus, .navbar-inverse .navbar-nav .active  a:hover {color: #000000;}
    .main-nav .nav li.active ul { background: #eeeeee}
    .main-nav .nav  li  a:focus, .main-nav .nav  li  a:hover {  
	color: #000;
	background-color: #D4D4D4;
    }
    .dashboard-widget-container .logged-in:hover .widget-detail {  margin-top: 0px;}
    .main-nav .child-nav .active > a {font-weight: normal;}
    .main-nav .nav li .dropdown-tertiary {box-shadow: 0 0 0;}
}
/**PAYMENTBUTTONS***/
.paymentbutton {
	line-height:70px;
	text-transform: uppercase;
	font-size: 20px;
	padding-left: 65px;
	display:block;
	width: 215px;
	height: 75px;
	border:0;
	background: url(../images/paymentbutton.jpg) 0px 5px  no-repeat;}
.paymentbutton:active{
	line-height:70px;
	text-transform: uppercase;
	font-size: 20px;
	padding-left: 65px;
	display:block;
	width: 215px;
	height: 75px;
	border:0;
	background: url(../images/paymentbutton.jpg) 0px -65px no-repeat;}
.paymentbuttonsmall {
	line-height:55px;
	text-transform: uppercase;
	font-size: 16px;
	padding-left: 45px;
	display:block;
	width: 150px;
	height: 50px;
	border:0;
	background: url(../images/paymentbuttonsmall.jpg) 0px 5px  no-repeat;}
.paymentbuttonsmall:active{
	line-height:55px;
	text-transform: uppercase;
	font-size: 16px;
	padding-left: 45px;
	display:block;
	width: 150x;
	height: 50px;
	border:0;
	background: url(../images/paymentbuttonsmall.jpg) 0px -47px no-repeat;}
/** SOCIAL AUTHORIZATION**/
.socialbuttons {
    position: relative;
}
.socialbuttons a {
    display: inline-block !important;
    margin: 3px 0 0 3px;
    padding: 0!important;
    width: 30px;
    height: 30px;
}
.btn-draggable span.help .btn-group-vertical>.btn,
.list-group.ui-sortable span.help .ui-draggable-dragging,
span.help .btn-draggable .btn-group-vertical>.btn,
span.help .icon,
span.help .list-group.ui-sortable .ui-draggable-dragging,
span.help .mce-ico.mce-i-icon.tooltoggle-icon,
span.help .modal-loading {
    color: #00A7A7;
    font-size: 20px;
    opacity: .8
}
.list-group-item-heading a:hover,
.list-group-item-heading a:hover .metadata {
    color: #CCCC4D;
}
.displaynone {
    display: none;
}
.nav-tabs+div.btn-group-top,
.page-header+.btn-action-list .btn-group-top,
.page-header~div.btn-group-top,
h1+.btn-action-list .btn-group-top,
h1~div.btn-group-top,
h1~div>.btn-group-top {
    margin-top: -22px
}
.modal-docked,
.modal-tinymce {
    background: rgba(0, 0, 0, .09);
    display: block !important;
}
.modal-docked .modal-content,
.modal-tinymce .modal-content {
    height: 90%
}
.modal-docked .modal-content,
.page-modal .modal-content {
    max-height: 100%
}
.modal-docked .modal-body,
.page-modal .modal-body {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    max-height: 90%;
    overflow: auto
}
.modal-docked .modal-body.flush,
.page-modal .modal-body.flush {
    padding: 0
}
.modal-docked .modal-body .list-group.flush,
.page-modal .modal-body .list-group.flush {
    margin: -15px
}
.modal-docked .modal-body.blockinstance-content,
.page-modal .modal-body.blockinstance-content {
    padding: 0 15px
}
.modal-docked .modal-dialog,
.page-modal .modal-dialog {
    height: 100%
}
.page-modal .modal-content {
    overflow: hidden;
    max-height: 90%
}
.modal-content {
    border-radius: 0
}
.modal-content h5 {
    margin: 0
}
.modal-content .btn.submit {
    margin-top: 15px
}
.mce-panel .mce-window-head,
.modal-header {
    background: #f9f9f9;
    padding: 10px 15px
}
.mce-panel .mce-window-head .mce-title,
.mce-panel .mce-window-head h4,
.modal-header .mce-title,
.modal-header h4 {
    font-weight: 300;
    font-size: 16px
}
.mce-panel .mce-window-head .close .times,
.mce-panel .mce-window-head .mce-close .times,
.modal-header .close .times,
.modal-header .mce-close .times {
    opacity: .8;
    font-size: 25px
}
.modal-docked {
    transition: visibility 0s .3s;
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0
}
.modal-docked .mce-tinymce {
    display: none
}
.modal-docked.active,
.modal-docked.in {
    visibility: visible;
    transition: visibility 0s .2s
}
.modal-docked.active .modal-dialog,
.modal-docked.in .modal-dialog {
    transition: right .3s ease-in-out;
    right: 0
}
.modal-docked.active .mce-tinymce,
.modal-docked.in .mce-tinymce {
    display: block
}
.modal-docked.closed .modal-dialog {
    transition: right .5s ease-in-out;
    right: -65%
}
.modal-docked .modal-dialog {
    width: 60%;
    margin: 0;
    position: fixed;
    top: 0;
    bottom: 0
}

.modal-docked .modal-header a,
.modal-docked .modal-header h4 {
    color: #fff
}
.modal-docked .modal-header .close {
    box-shadow: -2px 0 2px rgba(0, 0, 0, .3);
    border-radius: 3px 0 0 3px;
    opacity: 1;
    position: absolute;
    top: 1px;
    left: -29px;
    padding: 10px 7px 9px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-right: 0
}
.modal-docked .modal-header {
    background: #a3a300;
    padding: 10px 15px;
    color: #fff
}
.panel-heading a.has-user-icon,
.panel-heading a.has-user-icon.collapsed {
    padding-left: 65px !important;
}
.panel-body .with-user-icon-lg {
    padding-right: 67px !important;
}
.custom-dropdown>ul>li>span {
    display: block;
    background-color: #AAA;
    color: #fff;
    padding: 5px;
    cursor: default
}
.banner_adaptive_teach4teach {
    float: left;
    width: 200px;
    height: 200px;
    background: transparent url("../images/banner_teach4teach.jpg") center no-repeat;
    background-size:contain;
    outline: 2px solid #888;
    margin:5px;
}
.banner_adaptive_atbe {
    float: left;
    width: 200px;
    height: 200px;
    background: transparent url("../images/atbe-logo.png") center no-repeat;
    background-size:contain;
    outline: 2px solid #888;
    margin:5px;
}
.banner_adaptive_etutorium {
    float: left;
    width: 200px;
    height: 200px;
    /*background: transparent url("../images/disteduc.jpg") center no-repeat;*/
    background: transparent url("../images/etutorium.png") center no-repeat;
    background-size:contain;
    outline: 2px solid #888;
    margin:5px;
}
.banner_adaptive_infozn {
    float: left;
    width: 200px;
    height: 200px;
    background: transparent url("../images/infoznaika.jpg") center no-repeat;
    background-size:contain;
    outline: 2px solid #888;
    margin:5px;
}
.banner_adaptive_profido {
    float: left;
    width: 200px;
    height: 200px;
    background: transparent url("../images/profido-logo.png") center no-repeat;
    background-size:contain;
    outline: 2px solid #888;
    margin:5px;
}
.banner_adaptive_idpo {
    float: left;
    width: 200px;
    height: 200px;
    background: transparent url("../images/idpo/idpo_banner_w.png") center no-repeat;
    background-size:contain;
    outline: 2px solid #888;
    margin:5px;
}

.footer h4, .footercourses h4, .footercourses a:link, .footer li a:link, .footercourses a:visited, .footer li a:visited {
    color: #FFFFFF;
}

.footer  a:link, .footer a:visited {
    color: #A3A300;
}

.row.skins {
	margin-top: 30px;
}
.skin {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        width: 33.333333%;
		float: left;
}

@media screen and (max-width: 600px) {
	.skin {
		width: 50%;
	}
}
@media screen and (max-width: 320px) {
	.skin {
		width: 100%;
	}
}

.skin .panel-default > .panel-heading {
    height: 50px;
}

#checkbox1 {
    position: absolute;
    top: -9999px;
    left: -9999px;
}
#checkbox1:checked + .decryption {
    display: block;
    
}

#checkbox2 {
    position: absolute;
    top: -9999px;
    left: -9999px;
}
#checkbox2:checked + .decryption {
    display: block;
}

#checkbox3 {
    position: absolute;
    top: -9999px;
    left: -9999px;
}
#checkbox3:checked + .decryption {
    display: block;
}

#checkbox4 {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

#checkbox4:checked + .decryption {
    display: block;
}
#checkbox5 {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

#checkbox5:checked + .decryption {
    display: block;
}
#checkbox6 {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

#checkbox6:checked + .decryption {
    display: block;
}
#checkbox7 {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

#checkbox7:checked + .decryption {
    display: block;
}
#checkbox8 {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

#checkbox8:checked + .decryption {
    display: block;
}
#checkbox9 {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

#checkbox9:checked + .decryption {
    display: block;
}
#checkbox10 {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

#checkbox10:checked + .decryption {
    display: block;
}
#checkbox11 {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

#checkbox11:checked + .decryption {
    display: block;
}

#clickme {
    text-decoration: underline;
    color: #c2b83e;
    cursor: pointer;
}

.decryption {
    margin-top: 10px;
    display: none;
}

.skillset .item {
  margin-bottom: 15px;
  overflow: hidden;
}
.skillset .level-title {
  font-size: 14px;
  font-weight:600;
  margin-top: 0;
  margin-bottom: 12px;
}
.skillset .level {
  font-size: 14px;
  font-weight:600;
  margin-top: 0;
  margin-bottom: 12px;
}
.skillset .level-bar {
  height: 12px;
  background: #f5f5f5;
}
.skillset .level-bar-inner {
  height: 12px;
  background: #EB8B35;
}

@media (min-width: 992px) {
  .skillset .level-title {
    display: inline-block;
    float: left;
    font-weight:600;
    width: 30%;
    margin-bottom: 0;
  }
  .skillset .level {
    display: inline-block;
    float: left;
    font-weight:600;
    width: 10%;
    margin-bottom: 0;
  }
  .skillset .level-bar {
    display: inline-block;
    width: 60%;
    float: left;
    /*position: relative;
    top: 1px;*/
  }
}

.border-bottom {
    border-bottom:1px solid #ccc;
    min-height:230px;
}


.border-right {
    border-right:1px solid #ccc;
    min-height:230px;
}

.box-vacancy {
    text-align: center;
    background-color: #ffffff;
    border-radius: 3px;
    border: 1px solid #e1e1e1;
    padding-top: 15px;
    position: relative;
    margin-top: 40px;
    padding: 10px 10px;
    height: 250px;
}

.checkboxes .pseudolabel {
    font-weight:bold;
}

.ssrating thead {
    text-transform:capitalize!important;
}

.personabox {
    padding: 30px;
    position: relative;
    overflow: hidden;
    margin: 0 0 40px 0;
    background: #fff;
    box-shadow: 0 5px 26px 0 rgb(68 88 144 / 14%);
    transition: all 0.3s ease-in-out;
    text-align: center;
    border: 1px solid #fff;
    height:230px;
}

.persona-title h3::after {
    content: "";
    display: block;
    width: 40px;
    height: 3px;
    background: #68A4C4;
    margin: auto;
    margin-top:20px;
}

/*.persona-title h3::before {
    content: "";
    position: absolute;
    display: block;
    width: 120px;
    height: 1px;
    background: #ddd;
    bottom: 1px;
    left: calc(50% - 60px);
}*/