body.login-layout {background-image: url('/backoffice/assets/img/login-bg.jpg') !important;background-repeat: no-repeat !important;background-size: cover !important;background-color: #027eba !important;}
.admin-login-logo {display: table;margin: 0 auto;max-width: 140px;}
.login-container .white {color: #017fbc !important;display: table;margin: 14px auto 0 auto;}
.login-layout .header{margin: 20px auto;color: #027eba !important;border-bottom: 2px solid #027eba;}
.login-layout .col-sm-10.col-sm-offset-1 {position: absolute;top: 50%;left:0;right:0;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.login-layout .main-container:before{background-color: rgba(0, 0, 0, 0.57);}
.login-layout .input-icon.input-icon-right > input{border: 1px solid #ddd;padding-left:12px}
.login-layout .input-icon > input:focus + .ace-icon{color:#027eba;}
.login-layout .input-icon > input:focus{border-color: #999;}
.login-layout .main-container:before{position: fixed;}

body{background-color: #f4f7f9;}
.page-content{min-height:80vh}
.showing {font-size: 14px;}
i.highlight{font-style:normal;font-weight:700;color:#027eba}
.div-data{display:table;width:100%;float:left;margin:10px 0 0}
.data-title,.div-data ul{display:table;margin:0;padding:10px 15px;list-style:none;width:100%;background:#eaeef0;
border:1px solid #ddd}
.data-title li,.div-data ul li{display:inline-block;vertical-align:top;width:16.6666%;text-transform:uppercase;
font-weight:600;color:#668290}
.page-content{background-color:#f4f7f9}
.div-data ul.data-descr{background:0 0;padding:10px 0;border:none}
.div-data ul.data-descr>li{width:100%;background:#fff;margin:0 0 5px;box-shadow:0 5px 10px #f4f7f9;transition:.2s all linear}
.div-data ul.data-descr>li:hover{box-shadow:0 5px 10px #e7e7e7;}
.div-data ul.data-descr>li:hover ul{border-color:#bbb;background:#fff}
.div-data ul.data-dynamic{background:#fefefe}
.div-data ul.data-dynamic li{font-weight:400;text-transform:none;white-space:normal;overflow:hidden;text-overflow:ellipsis;padding-right:20px;display:table-cell;vertical-align:middle;max-width:150px;cursor:pointer}
.action-btns a{text-decoration:none;}
.action-btns .action-btn-div{cursor:pointer;    margin-right: 20px;text-align: center;font-weight: normal;font-size: 14px;display: inline-block;margin-bottom: 5px;}
.action-btns .action-btn-div .btn {border-radius: 99%;outline: none;height: 22px;width: 22px;padding: 0;position: relative;}
.action-btns .action-btn-div span {font-size:12px;display: table;text-align: center;margin: 5px 0 0 0;color:#666}
.action-btns .action-btn-div .fa {font-size: 10px;margin: 0;position: absolute;top: 50%;left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);}
.action-btns .action-btn-div:hover .btn{transform:scale(1.1);transition:0.2s all linear}
.action-btns .action-btn-div:hover .btn-success{background-color: #629b58 !important;border-color: #87b87f;}
.action-btns .action-btn-div:hover .btn-info{background-color: #4f99c6 !important;border-color: #6fb3e0;}
.action-btns .action-btn-div:hover .btn-danger{background-color: #b74635 !important;border-color: #d15b47;}

/*file Input Jasny-bootstrap*/
.btn-file,.fileinput .thumbnail{overflow:hidden;vertical-align:middle}
.btn-file,.fileinput .btn,.fileinput .thumbnail{vertical-align:middle}
.fileinput{margin-bottom:9px;display:inline-block}
.fileinput .thumbnail{display:inline-block;margin-bottom:5px;text-align:center;cursor:pointer}
.btn-file{position:relative}.fileinput-exists .fileinput-new,.fileinput-new .fileinput-exists{display:none}
.btn-file>input{position:absolute;top:0;right:0;margin:0;opacity:0;filter:alpha(opacity=0);font-size:23px;height:100%;width:100%;direction:ltr;cursor:pointer}
input[type=file]{display:block}
.fileinput .btn{color: #666;}


/*edit applications*/
.edit-part-start .tab-content{background:#fff}
.custom-input:focus, .custom-input:hover {border-color: #4c8fbd !important;}
.custom-input {border: 1px solid #ddd !important;}
.security-tab .profile-info-row {display: inline-block;vertical-align: top;}
.security-tab .profile-info-name {border: none !important;}
.bootstrap-validator-form .security-tab .profile-info-value {border: none !important;}
.security-tab input[type='text'],.security-tab input[type='password'] {width:100%}
.btn.btn-round {border-bottom-width: 5px;}
.tab-content > .active{display:table;width:100%}
.basic-info-tab .profile-user-info{width:100%}
.basic-info-tab .profile-info-name{width:150px}
.profile-user-info-striped .profile-info-name{padding: 5px 12px 6px 12px;}
.profile-user-info-full-main {border-top-color: #f7fbff;}
.profile-user-info-full-main .profile-info-name.wid80 {width: 80%;display: table-cell;text-align: left;}
.profile-user-info-full-main .profile-info-value.wid20 {width: 20%;display: table-cell;text-align: left;border: none;
padding:4px 6px;}
.pic-btns{display: block;margin: 0 auto;text-align: center;margin-top: 5px;margin-bottom: -5px;}
.pic-btns .btn{border-radius:99%}
span.img_title{position:absolute;bottom:0;left:0;width:100%;background:#777;padding:7px 10px;color:#fff;text-align:center}
.edit-picss .img-thumbnail{position:relative;padding-bottom:40px;margin-right:10px;margin-bottom:10px}
.edit-picss .img-thumbnail .thumbnail {position:relative;z-index:0}
.examination-photos .img-thumbnail{padding-bottom:10px;vertical-align:top}
.img-thumbnail .fileinput-preview.thumbnail:before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;
background: rgba(255,255,255,0.2);opacity:0}
.img-thumbnail .fileinput-preview.thumbnail:hover:before {opacity:1}
.add-photo .pe-7s-photo{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);opacity: 0.3;
font-size: 420% !important;}
/*Eror Popup*/
#gritter-notice-wrapper{position:fixed;top:20px;right:20px;width:301px;z-index:9999}#gritter-notice-wrapper.top-left{left:20px;right:auto}#gritter-notice-wrapper.bottom-right{top:auto;left:auto;bottom:20px;right:20px}#gritter-notice-wrapper.bottom-left{top:auto;right:auto;bottom:20px;left:20px}.gritter-item-wrapper{position:relative;margin:0 0 10px;background:url(../images/ie-spacer.gif)}.gritter-top{background:url(../images/gritter.png) left -30px no-repeat;height:10px}.hover .gritter-top{background-position:right -30px}.gritter-bottom{background:url(../images/gritter.png) left bottom no-repeat;height:8px;margin:0}.hover .gritter-bottom{background-position:bottom right}.gritter-item{display:block;background:url(../images/gritter.png) left -40px no-repeat;color:#eee;padding:2px 11px 8px;font-size:11px;font-family:verdana}.hover .gritter-item{background-position:right -40px}.gritter-item p{padding:0;margin:0;word-wrap:break-word}.gritter-close{display:none;position:absolute;top:5px;left:3px;background:url(../images/gritter.png) left top no-repeat;cursor:pointer;width:30px;height:30px;text-indent:-9999em}.gritter-title{font-size:14px;font-weight:700;padding:0 0 7px;display:block;text-shadow:1px 1px 0 #000}.gritter-image{width:48px;height:48px;float:left}.gritter-with-image,.gritter-without-image{padding:0}.gritter-with-image{width:220px;float:right}.gritter-light .gritter-bottom,.gritter-light .gritter-close,.gritter-light .gritter-item,.gritter-light .gritter-top{background-image:url(../images/gritter-light.png);color:#222}.gritter-light .gritter-title{text-shadow:none}
.gitter-custom.gritter-item-wrapper {max-width: 280px;position: fixed;right: 0;bottom: 0;margin: 15px;}
.gitter-custom .gritter-item {padding: 20px 15px 10px 15px;}
.git-close {position: absolute;top: 0;right: 0;}
.white-bg{background:#fff !important}
.main-content-dashboard .page-content {background: #fff;}
input[readonly], textarea[readonly] {color: #444;;background: #f5f5f5 !important;cursor: default;}
.coming-soon:before {content: 'coming soon';position: absolute;top: 0;right: 0;height: auto;width: auto;color: #fff;font-size: 12px;background: #777;padding: 2px 5px;z-index: 1;}
.coming-soon:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,.6);}
.radio.disabled:before {background: rgba(230, 230, 230, 0.45);content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.radio.disabled {margin: 0;padding: 10px 0;border: 1px solid #ddd;}
.checkbox label input[type=checkbox].ace:checked + .lbl, .radio label input[type=radio].ace:checked + .lbl {z-index: 999;}
.disabled-photos .examination-photos .img-thumbnail{padding:5px}
.disabled-photos .examination-photos .thumbnail{margin:0}
.disabled-photos .examination-photos .fileinput{margin:0}
.edit-picss a.thumbnail:hover, .edit-picss a.thumbnail:focus, .edit-picss a.thumbnail.active{    border-color: #aaa}
a.box-a {display: inline-block;margin: 5px 5px;float: left;}
.table-students .dataTables_wrapper label{margin-bottom: 0;margin-top: 0;}
.table-students .dataTables_wrapper {border: 1px solid #ddd;padding: 10px 15px;background: #f3f3f3;color: #666;}
.table-students .dataTables_wrapper .row:first-child{background-color: transparent;}
.table-students .dataTables_wrapper .row:last-child{background-color: transparent;border:none}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {color: #777 !important;}
.table-students .dataTables_wrapper.no-footer .dataTables_filter{float:right}
.dataTables_wrapper input[type=text], .dataTables_wrapper input[type=search], .dataTables_wrapper select{border: 1px solid #ccc;}
.img-thumbnail .fileinput-preview.thumbnail:after{content:'';background:url(/img/svg/gallery.svg) center no-repeat;background-size:60px;height:100%;width:100%;position:absolute;left:0;top:0;opacity:.14;z-index:-1}
.edit-picss.examination-photos .img-thumbnail .fileinput-preview.thumbnail:after{display:none}
.add-nu-btn {display:table;margin:0 0 0 25px;}
.reomve-photo,.reomve-photo-db {position: absolute;right: 0;z-index: 10;top: 0;}
.dataTables_length{margin-bottom:20px;}
.basic-info-tab .student-2-side .profile-info-row {display: table;float: left;width: 50%;padding: 0 15px 0 15px;}
.basic-info-tab .student-2-side .radio{margin-top: 6px;margin-bottom: 0;}
.extra-div .basic-info-tab .student-2-side.profile-user-info{padding: 15px 0;}
.student-2-side.profile-user-info-striped .profile-info-value{border: 1px dotted #ddd;border-top: 0;border-left: 0;}
.profile-info-row:nth-child(2) .profile-info-value{border-top: 1px dotted #ddd;}
.student-2-side.profile-user-info-striped .profile-info-value img{max-height:100%;max-width:initial}
.basic-info-tab .student-2-side .left-md .profile-info-row, .basic-info-tab .student-2-side .right-md .profile-info-row {width: 100%;padding: 0 10px;}
.left-md, .right-md {padding: 0 !important;}
.extra-div .table-students .profile-info-row .profile-info-name {border: none;}
.extra-div .basic-info-tab .student-2-side .profile-info-name{border:none;}
.extra-div .student-2-side.profile-user-info-striped .profile-info-value{border:none}
.table-students .profile-info-row:nth-child(2) .profile-info-value {border-top: none;}
.extra-div .bootstrap-validator-form .profile-user-info-striped{border: none;}
.table-students .profile-info-row .col-md-offset-5.col-md-6 {width: 100%;margin-left: 0;display: table;text-align: center;}
.table-students .col-md-12.padding {padding: 0;}
.basic-info-tab .student-2-side .profile-info-name {
    height: 47px;
    border: 1px dotted #ddd;
}
.basic-info-tab .student-2-side.profile-user-info {
    padding: 15px 0;
}
.profile-info-row:first-child .profile-info-value{    border-top: 1px dotted #ddd;}
.basic-info-tab .student-2-side .profile-info-name{height: 47px;
    border: 1px dotted #ddd;
    border-bottom: 0;}
.extra-div .basic-info-tab .student-2-side .profile-info-name{border:none}
.extra-div.table-students .profile-info-row .width-100 {max-width: 85% !important;}
.table-students form#password-form {width: 100%;max-width: 800px;margin: 0px auto;}
table.dataTable.nowrap th, table.dataTable.nowrap td{white-space: normal;min-height: 100%;word-break: normal;}
table.dataTable tbody th, table.dataTable tbody td{    padding: 8px 23px;}
.profile-user-info-striped .profile-info-name{    color: #336199;background-color: #EDF3F4;}
.extra-div .profile-user-info-striped .profile-info-name{    color: #336199;background-color: transparent;}
@media screen and (max-width:900px){
	.basic-info-tab .student-2-side .profile-info-row{width:100%}
}
@media screen and (max-width:480px){
	.profile-user-info-striped .profile-info-value{margin-left:0}
	.student-2-side.profile-user-info-striped .profile-info-value{padding: 5px 0 0 0;}
}