#authPage {
    background-color: #fff !important;
    background-image: none !important;
}
.auth-sbl, .auth-dbl {
    text-align: left;
}
.auth-sg-name {
    font-family: Roboto;
    font-weight: 600;
    text-shadow: none;
    font-size: 22px;
}
.auth-res-link {
    text-shadow: none;
    text-decoration: none;
    margin-bottom: -8px;
}
.si-sb-links {
    margin-top: 20px;
}
.text-or {
    font-size: 13px;
    text-transform: uppercase;
    padding-top: 0px;
    padding-bottom: 8px;
}

.ext-idp-wrapper {
    padding-top: 8px;
    padding-bottom: 8px;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.ext-idp-wrapper .auth-btn {
    width: 100%;
    white-space: nowrap;
    height: 44px;
    display: block;
    margin-bottom: 3px;
    position: relative;
    text-shadow: none;
    cursor: pointer;
    padding-top: 11px;
}
.auth-btn-xyz {
    width: 100%;
}
.et-form .et-button .slabel {
    font-size: 16px;
}
#auth {
    margin-left:auto;
    margin-right:auto;
}
.auth-btn-xyz button.ui-btn-inner {
    font-size: 16px;
    font-weight: 600;
    padding: 9px 12px;
    padding-left: 4px;
    background: transparent;
    max-width: 218px;
    overflow: hidden;
}
.auth-btn-xyz button.dropdown-toggle {
    float: right;
    background: transparent;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 9px 12px;
}
.auth-btn-xyz ul.dropdown-menu {
    width: 100%;
    text-align: left;
}
.auth-btn-xyz .dropdown-menu>li>a {
    padding: 6px 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.auth-btn-xyz .ui-btn-bl-inner {
    position: relative;
}
.auth-btn-xyz .btn:focus {
    outline: none !important;
}
.auth-btn-xyz .ui-btn-bl-inner > .sicon {
    display: block;
    width: 23px;
    height: 23px;
    float: left;
    margin: 11px 11px 8px 11px;
}
.auth-btn-xyz .dropdown-menu a > .sicon {
    display: block;
    width: 23px;
    height: 23px;
    float: left;
    margin-left: -9px;
    margin-right: 6px;
}
.auth-btn-xyz .ic-google {
    background: url('../images/btn_google.png') -3px -5px no-repeat;
    background-size: 30px;
}
.auth-btn-xyz .ic-adfs {
    background: url('../images/btn_active_directory.png') 0px -1px no-repeat;
    background-size: 23px;
}
.auth-content {
    padding:0px;
    text-align:center;
    width:100%;
    min-height: 600px;
}
.auth-btn-gl {
    background: #fff;
    color: #444;
    border-radius: 5px;
    border: thin solid #888;
    box-shadow: 1px 1px 4px rgba(82, 82, 82, 0.64);
}
.auth-btn-fb {
    background: #4666a0;
    color: #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 4px rgba(82, 82, 82, 0.64);
}
.auth-btn-fb:hover {
    background: #5c76aa;
}
.auth-btn-gl:before, .auth-btn-fb:before {
    content: '';
    position: absolute;
    left: 14px;
    top: 10px;
    height: 24px;
    width: 24px;
}
.auth-btn-gl:before {
    background: url('../images/btn_google_signin_light.png') -9px -9px no-repeat;
}
.auth-btn-fb:before {
    background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyIKCSB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iUEFibHFULnRpZl8xXyI+Cgk8Zz4KCQk8cGF0aCBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTEyLjgsMjRjLTQsMC03LjksMC0xMS45LDBjLTAuNC0wLjItMC44LTAuNS0xLTFDMCwxNS43LDAsOC4zLDAsMWMwLjItMC40LDAuNS0wLjgsMS0xCgkJCUM4LjMsMCwxNS43LDAsMjMsMGMwLjQsMC4yLDAuOCwwLjUsMSwxYzAsNy40LDAsMTQuNywwLDIyLjFjLTAuMiwwLjQtMC41LDAuOC0xLDFjLTIuMiwwLTQuMywwLTYuNSwwYzAsMCwwLTAuMSwwLTAuMQoJCQljMC0zLDAtNS45LDAtOC45YzAtMC4xLDAtMC4yLDAuMS0wLjNjMSwwLDIsMCwzLDBjMC4yLTEuMiwwLjMtMi40LDAuNS0zLjZjLTEuMiwwLTIuNCwwLTMuNiwwYzAtMSwwLTEuOSwwLTIuOAoJCQljMC0wLjcsMC41LTEuMSwxLjItMS4yYzAuNy0wLjEsMS4zLDAsMi0wLjFjMC4yLDAsMC4zLDAsMC41LDBjMC0xLjEsMC0yLjEsMC0zLjJjLTEuMi0wLjEtMi40LTAuMi0zLjUtMC4xCgkJCWMtMiwwLjItMy41LDEuNi0zLjgsMy42Yy0wLjIsMS4xLDAsMi4yLTAuMSwzLjRjMCwwLjEsMCwwLjMtMC4xLDAuNGMtMSwwLTIsMC0zLjEsMGMwLDEuMiwwLDIuNCwwLDMuNmMxLDAsMi4xLDAsMy4xLDAKCQkJYzAsMC43LDAsMS4zLDAsMkMxMi44LDE5LjEsMTIuOCwyMS42LDEyLjgsMjR6Ii8+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==') no-repeat;
}

.auth-btn span.buttonText {
    vertical-align: middle;
    padding-left: 22px;
    padding-right: 10px;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
}

.lictext {
    font-size:9pt;
    width:100%;
    height:330px;
    overflow-y: scroll;
}

.ui-overlay {
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #464646;
    opacity: 0.4;
    z-index: 2000;
}
.spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    height:60px;
    width:60px;
    margin:0px auto;
    margin-left: -30px;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left: 6px solid rgba(161, 255, 39, 0.15);
    border-right: 6px solid rgba(161, 255, 39,.15);
    border-bottom: 6px solid rgba(161, 255, 39,.15);
    border-top: 6px solid rgba(161, 255, 39, 0.8);
    border-radius:100%;
}
option {
    background-color: #fff;
    color: #505051;
}
.ui-content .text-cont {
    min-height: 315px;
}
.modal-content {
    overflow: hidden;
    border-radius: 6px !important;
}
@-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
    from {-o-transform: rotate(0deg);}
    to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
    from {transform: rotate(0deg);}
    to {transform: rotate(359deg);}
}
.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.5) !important;
}
.modal {
    overflow-y: auto !important;
}
.alert {
    padding: 15px;
    margin-bottom: 4px !important;
    margin-top: 3px;
    border: 1px solid transparent;
    border-radius: 4px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    min-width: 600px;
}
.glob-header {
	margin:0px;
	height:79px;
}

.resthumbnail {
	float: left;
	width: 120px;
	margin: 0 15px 1px 0;
	padding: 5px;
	height: 100px;
	text-align: center;
	position: relative;
}
.ui-page-ng {
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    position: relative;
    border: 0;
}
.ui-header-userinfo {
    position: absolute;
    right: 120px;
    top: 7px;
    font-size: 14px;
}
.ui-header-userinfo .c-username {
    font-weight: bold;
    text-align: right;
}
.resthumbnail .ui-link {
	font-size: 15px;
	font-weight: bold;
	font-family: Helvetica,Arial,san-serif;
	text-overflow: ellipsis;
	overflow: hidden;
	text-shadow: 0 1px 1px #111;
    line-height: 14px;
}
.resthumbnail img {

}
.resthumbnail .ui-link > .res-title {
    max-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.resthumbnail .ui-body-c, .resthumbnail .ui-link  {
	color: #F2F3F3;
	text-decoration: none!important;
}

.tooltip {
	display:none;
	position:absolute;
	border:1px solid #eee;
	background-color:#f6f6f6;
	border-radius:5px;
	padding:10px;
	color:#666;
	font-size:12px;
	font-family: Helvetica,Arial,san-serif;
}

.iconsTitle h3 {
	margin-top: 9px;
	margin-left: 10px;
	margin-bottom: 9px;
}

.ui-hidden {
    display: none;
}
.ui-icon {
    width: 18px;
    height: 18px;
}
.ui-icon-int-logout {
	background-image: url("../images/passport_header_logout.png");
}
.ui-icon-update {
	background-image: url("../images/icon_edit_white.png");
}
.ui-icon-community {
	background-image: url("../images/icon_comm_white.png");
}
.ui-icon-lock {
	background-image: url("../images/icon_lock_white.png");
}
.ui-icon-empty {
    background-image: none !important;
}
.ui-btn-up-a {
    border: 1px solid #b3bba5;
}
.ui-btn-hover-a {
    border: 1px solid #b3bba5;
}
.ui-btn-up-a, .ui-btn-hover-a, .ui-btn-down-a {
    font-family: Helvetica, Arial, sans-serif;
    text-decoration: none !important;
}
.ui-btn-up-a {
    border: none;
    background: #fff;
    font-weight: normal;
    color: #656566;
    text-shadow: none;
    background-image: none;
}
.ui-btn-up-a:visited,
.ui-btn-up-a a.ui-link-inherit {
    color: #656566;
}
.ui-btn-hover-a {
    border: none;
    background: #fff;
    font-weight: normal;
    color: #656566;
    text-shadow: none;
    background-image: none;
}
.ui-btn-hover-a:visited,
.ui-btn-hover-a:hover,
.ui-btn-hover-a a.ui-link-inherit {
    color: #2f3e46;
    background-color: #f7f7f7;
}
.ui-btn-up-b, .ui-btn-hover-b, .ui-btn-down-b {
    font-family: Helvetica, Arial, sans-serif;
    text-decoration: none !important;
}
.ui-btn-icon-left > .ui-btn-inner > .ui-icon, .ui-btn-icon-right > .ui-btn-inner > .ui-icon {
    z-index: 5;
}
.ui-header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.chv_auth {
	width:500px;
	height:500px;
	position:absolute;
	left:50%;
	top:290px;
	margin:-250px 0 0 -250px;
}
.chv_chpassword {
	width:500px;
	height:360px;
	position:absolute;
	left:50%;
	top:290px;
	margin:-170px 0 0 -250px;
}
.authCont {
    min-width:300px;
    max-width:450px;
    width:35%;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
}
.arrow-down {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #ccc;
    margin-top:6px;
    margin-left:2px;
    cursor: pointer;
}
.arrow-down:hover {
    border-top: 10px solid #ececec;
}
.arrow-border {
    padding-top: 4px;
    height:20px;
    width:20px;
    display: block;
}
.arrow-border:hover {

}
.dd-edge {

}
.main-dropdown-menu {
    min-width: 220px !important;
    text-align: left;
    padding: 0 !important;
}
.menu-items {
    margin: 0 !important;
    padding: 0 !important;
}
.menu-items li:hover {

}
.connector-context-menu {

}
.connector-context-menu li {
    text-align: left;
}
.contMenuPoint {
	position: absolute !important;
	left:90px;
	top:0;
}
.header-info-block {
    float:right;
    width:395px;
    position: relative;
}
.header_links {
	color: #c0ecff;
	box-shadow: none !important;
	text-shadow: none;
    margin-top:52px;
    text-align:right;
    margin-right:10px;
    font-size: 16px;
}
.header_links .ui-link {
    font-weight: bold;
    color: #0e3147;
    text-decoration: none;
    padding: 0 6px 1px 0px;
    margin-left: 4px;
}
.home_bt, .logout, .mainMenuItem, .consoleMenuItem {
    white-space: nowrap;
}
.headerContainer {
	height: 85px;
}
.header_user_name {
	margin-top: 17px;
	color: #C0ECFF !important;
	text-align: right;
	margin-right: 16px;
	font-size: 15px;
}
.empty {
	clear: both;
	line-height: 0;
}
.placeholder {
    color: #aaa;
}
.passwordBackgroundField_en {
    background-image: url('../images/bg_password.png') !important;
    background-repeat: no-repeat;
}
.passwordBackgroundField_pt {
    background-image: url('../images/bg_password_pt.png') !important;
    background-repeat: no-repeat;
}
.passwordBackgroundField_es {
    background-image: url('../images/bg_password_es.png') !important;
    background-repeat: no-repeat;
}
.passwordBackgroundField_ar {
    background-image: url('../images/bg_password_ar.png') !important;
    background-repeat: no-repeat;
    background-position-x: 0px;
}

.iconUploader {
    width: 650px;
}

.icuContainer {
    height: 400px;
    /*background-color: #ececec;*/
    position: relative;
}

.icuUploadedImage {
    /*background-color: #ececec;*/
    padding-left: 70px;
    padding-top: 13px;
}
.icuToolContainer {
    height: 90px;
    /*background-color: #ececec;
    margin-bottom: 2px;*/
    display:block;
}
.page-container {
    padding: 10px;
}
.page-container-folders {
    padding: 10px !important;
    padding-top: 0 !important;
}
.icuUploadTool {
    padding: 10px;
}
.icuCropTool {
    padding: 10px;
}
.alert-cont {
    position: fixed;
    z-index: 10800;
    width: 50%;
    top: 3px;
    text-shadow: none;
    left: 50%;
    margin-left: -25%;
}
#progress p
{
display: block;
padding: 2px 5px;
margin: 2px 0;
border: 1px inset #446;
border-radius: 5px;
}
#progress p.success
{
	background: #076BB9 none 0 0 no-repeat;
}
#progress p.failed
{
	background: #c00 none 0 0 no-repeat;
}
.copyrightDiv {
    margin-left:auto;
    margin-right:auto;
    position:absolute;
    text-align:center;
    margin-bottom:10px;
    color:#666;
    font-size:12px;
    font-family:Helvetica,Arial;
    bottom:0;
    left: 0;
    width: 99.9%;
    text-shadow: none;
}
* {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -o-user-select: text;
    user-select: text;
}

input:lang(ar) {
    text-align: right;
}
.dialog-errors {
    padding-bottom: 10px;
    color: #f00;
}
.force-active {
    display: block !important;
    z-index: 9000 !important;
}

.header-icons {
    position: absolute;
    top: 8px;
    right: 15px;
    z-index: 999;
}
.header-icon {
    background-color: rgba(255, 255, 255, 0.8);
    color: #9E9E9E;
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    line-height: 28px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    box-shadow: 1px 1px 3px #999;
    text-shadow: none;
}
.lang-curr {
    background-color: rgba(255, 255, 255, 1) !important;
    color: #000;
}
.header-icon:hover {
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 1px 1px 6px #999;
}

.listview-icons .res-icon {
    background-image: url('../../images/spinner.gif');
    background-position: 50% 50%;
    height: 66px;
    background-repeat: no-repeat;
    width: 66px;
}
.folders-cont .icon-waiting {
    background-image: url('../../images/spinner.gif');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.icon-place-default {

}
.listview-icons .res-icon img {
    height: 60px;
    width: 60px;
}
.res-icon {
    border-radius: 10px;
    background-color: #e6e6e6;
    border: none;
    width: 66px;
    height: 66px;
    padding-top: 3px;
    padding-left: 3px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    position: relative;
	border-bottom: 1px solid #c7c7c7;
    border-right: 1px solid #d0d0d0;
}
.res-icon:hover {
    background-color: #cde5ed;
}
.res-icon-folder {
    overflow: hidden;
}
/*.res-icon-folder {
    border-radius: 10px;
    background-color: #e6e6e6;
    border: none;
    width: 66px;
    height: 66px;
    padding-top: 4px;
    padding-left: 2px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    position: relative;
    box-shadow: none;
	border-bottom: 1px solid #c7c7c7;
    border-right: 1px solid #d0d0d0;
}*/
/*.res-icon-folder:hover {
    background-color: #cde5ed;
}*/
.res-tile-icon .ui-link {
    position: relative;
}
.res-icon-sys, .res-icon-folder-sys {
    /*background-image: url('../images/dots-mini-strong.png');
    background-size: 50px;*/
    background: #93adcc;
    background: -webkit-linear-gradient(left top, #93adcc, #e6e6e6);
    background: -o-linear-gradient(bottom right, #93adcc, #e6e6e6);
    background: -moz-linear-gradient(bottom right, #93adcc, #e6e6e6);
    background: linear-gradient(to bottom right, #93adcc, #e6e6e6);
    border-bottom: 1px solid #90aee4;
    border-right: 1px solid #acbad0;
}
.res-icon-sys:hover, .res-icon-folder-sys:hover {
    background: #adc4e0;
    background: -webkit-linear-gradient(left top, #d3deec, #cde5ed);
    background: -o-linear-gradient(bottom right, #d3deec, #cde5ed);
    background: -moz-linear-gradient(bottom right, #d3deec, #cde5ed);
    background: linear-gradient(to bottom right, #d3deec, #cde5ed);
}
.icon-wait-hide {
    background-image: none !important;
}
.icon-place-default {
    background-image: url('../images/spinner.gif');
    background-position: 50% 50%;
    height: 72px;
    background-repeat: no-repeat;
    width: 72px;
}
.bm-cont {
    padding: 0;
    margin: 0;
    width: 60px;
    height: 60px;
}
.bm-icon {
    width: 60px;
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.bm-letter-icon {
    background-color: #008433;
    width: 57px;
    height: 57px;
    top: 4px;
    left: 4px;
    position: absolute;
    border-radius: 50%;
    color: #fff;
    text-shadow: none;
    font-size: 35px;
    line-height: 35px;
    padding: 11px;
}
.bm-folder-icon .bm-cont, .bm-folder-icon .bm-icon {
    width: 29px !important;
    height: 29px !important;
}
.bm-folder-icon .bm-letter-icon {
    width: 27px !important;
    height: 27px !important;
    left: 0;
    top: 0;
    font-size: 14px;
    line-height: 14px;
    padding: 6px;
}
.bm-folder-icon {
    width: 29px;
    height: 29px;
    background-size: 100%;
}
.folder-popup .pu-name {
    clear: both;
    text-align: center;
    width: 200px;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    text-overflow: clip;
    white-space: nowrap;
    color: #999;
    margin-left: auto;
    margin-right: auto;
    text-shadow: none;
}
.folder-popup .pu-name > .text {
    width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.bm-label {
    position: absolute;
    height: 7px;
    width: 7px;
    background-color: rgba(0, 117, 255, 0.62);
    border-radius: 50%;
    top: 4px;
    left: 4px;
    box-shadow: inset 1px 1px 0px rgba(0, 0, 0, 0.41), 1px 1px 0px rgba(255, 255, 255, 0.68);
}
.bm-label .fa {
    display: none;
}
.res-tile-icon .ui-link {
    line-height: 15px;
    position: relative;
}
.res-tile-icon .ui-link > .res-title {
    max-height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #b5b5b5;
    text-shadow: none;
    padding-top: 3px;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 600;
    width: 110px;
    margin-left: auto;
    margin-right: auto;
}

/* ********** Intro.js ********* */
.introjs-tooltiptext {
    text-shadow: none;
    color: #555;
}
.introjs-tooltip {
    max-width: 500px !important;
}
.introjs-folder-create {
    width: 367px;
    height: 155px;
    background-image: url('images/intro/folder-create.gif');
}
/* ********** Intro.js ********* */

/* ********** D&D ********* */
.res-tile {
    width: 120px;
    height: 120px;
    display: inline-block;
    vertical-align: top;
}
.res-tile .drag {
    background-color: transparent;
}
.tile-dd-drag {
    background-color: transparent;
    opacity: 0.9;
    position: absolute;
}
.res-tile  .over  .res-icon-folder {
    box-shadow: 0 0 0px 12px rgba(0, 227, 252, 0.6);
}
.res-tile  .over  .res-icon {
    box-shadow: 0 0 0px 12px rgba(0, 227, 252, 0.6);
}
.res-tile  .anyover  .res-lock-icon {
    opacity: 1;
}
.res-lock-icon {
    left: -53px;
    bottom: -50px;
    font-size: 71px;
    margin-left: -6px;
    color: #ffffff;
    text-shadow: 0 0 4px #8a8582;
    display: block !important;
    background: #878787c4;
    background: -webkit-linear-gradient(bottom left, #878787c4, #ffffff00);
    background: -o-linear-gradient(bottom left, #878787c4, #ffffff00);
    background: -moz-linear-gradient(bottom left, #878787c4, #ffffff00);
    background: radial-gradient(at bottom left, #878787c4, #ffffff00);
    padding: 29px 70px;
    border-radius: 50%;
    z-index: 200;
    opacity: 0;
    position: absolute;
}

.bor-lock-icon {
    display: none;
    position: absolute;
}
/*.listview-icons .res-icon img, .listview-icons .resthumbnail .ui-link {
    -webkit-user-drag: none;
    pointer-events: none;
    cursor: pointer;
}*/
.resthumbnail .ui-link > .res-title {
    cursor: pointer;
}
.header-dd-tools {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 0px;
    z-index: 2;
    text-align: center;
    padding-top: 12px;
    font-size: 22px;
    color: #ffb6b6;
    background-image: -webkit-gradient(linear, center top, center bottom, from(rgb(255, 0, 0)), to(rgba(255, 0, 0, 0)));
    background-image: -moz-linear-gradient(rgb(249, 0, 0) 0%, rgba(255, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff0000, endColorstr=#ffd8d8);

    transition-property: all;
    transition-duration: 0.5s;
    /*transition-timing-function: cubic-bezier(0, 1, 0.5, 1);*/
    visibility: hidden;
    opacity: 0.01;
    z-index: 1000;
}
.header-dd-zone {
    display: inline-block;
    width: 32%;
    border-radius: 5px;
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.header-dd-tools-open {
    height: 72px;
    visibility: visible;
    opacity: 1;
}
.glob-header .over, .header-dd-tools-over {
    background-color: red;
    background-image: none;
}
.listview-icons {
    position: relative;
    clear: both;
    display: inline-block;
    width: 100%;
    min-height: 80px;
}
.page-container-folders .folders-cont {
    border-radius: 4px;
    border: 2px solid transparent;
}
.page-container-folders .over .folders-cont {
    border: 2px solid #999 !important;
}
#applications {
    /* height: calc(100vh - 130px); */
}
/*.folder-dd-over {
}*/
/*[draggable=true] {
    -khtml-user-drag: element;
}*/
/* ********** D&D ********* */
/**


/* ********** FLOAT BUTTON ********* */

.fl-btn-cont {
    position: fixed;
    bottom: 90px;
    right: 50px;
}
.fl-btn-primary {
    background-color: #ff493b;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    padding-left: 21px;
    padding-top: 19px;
    box-shadow: 4px 7px 27px #999;
    cursor: pointer;
}
.fl-btn-primary:hover {
    background-color: red;
}
.fl-btn-primary i {
    font-size: 23px;
    line-height: 23px;
    text-shadow: none;
}

/* ********** FLOAT BUTTON ********* */


.force-active {
    display: block !important;
    z-index: 9000 !important;
}
.force-active {
    display: block !important;
    z-index: 9000 !important;
}

.introjs-tooltiptext {
    min-width: 350px;
}
.introjs-tooltiptext h4, .introjs-tooltiptext p {
    font-size: 18px;
}
.introjs-tooltiptext h4 {
    font-weight: 600;
}
.introjs-tooltiptext p {
    color: #777;
}

@media (min-width: 768px) {

    .modal-dialog {
        width: 800px !important;
        margin: 30px auto;
    }
}

@media (max-width: 600px) {

    .headerContainer {
        height: 115px;
    }
    .header_links {
        margin-top: 85px;
    }
}

/* Fix modal window on Safari */
.fade.in {
    -webkit-animation-name: none;
}

.org-logo-cont {
    height: 256px;
    display: block;
}
.pan-header .org-logo-cont, .ajc-cont .org-logo-cont {
    height: 93px;
}
.logo-wh-1 {
    background-repeat: no-repeat;
    background-position: center;
}
.logo-wh-22 {
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    width: 460px;
    height: 91px;
    position: absolute;
    left: 14px;
    cursor: pointer;
}

#qrcode-content {
    position: relative;
}

#switch-camera-btn {
    position: absolute;
    top: calc(1rem + 24px);
    right: calc(1rem + 24px);
    z-index: 2;
    color: inherit;
    background: transparent;
    padding: 0;
    min-width: 0;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    line-height: 40px;
    border-radius: 50%;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    border: none;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: baseline;
    text-align: center;
    margin: 0;
    overflow: visible;
    appearance: none;
    text-transform: none;
}

#switch-camera-input {
    width: 40px;
    padding: 4px;
    background: rgb(125, 125, 106, 0.40);
    border-radius: 4px;
    outline-offset: 0px;
    outline: none;
}

#switch-camera-input:active {
    background-color: rgb(173, 173, 163, 0.40)!important;
}

.school-passport-logo {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: transparent url(https://dejb1k265ab05.cloudfront.net/static/svg/icon-default.svg) no-repeat center center;
    background-size: contain;
}

.pan-item .school-passport-logo {
    filter: grayscale(100%);
    width: 18px;
    height: 18px;
    margin: 0 13px -2px -3px;
}

.pan-item:hover .school-passport-logo {
    filter: brightness(0) invert(1);
}