*{ margin: 0; padding: 0}
html,body{ font-family: 'Montserrat'; font-size: 14px; overflow-x: hidden}
a{ text-decoration: none; color: #333}
img{ border: none}

.login-panel{ background: url('../img/login-bg.jpg') no-repeat; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-size: cover}
#loginModal .modal-header{ text-align: center}
#loginModal .modal-header img{ width: 50px; height: 50px; border: 1px solid #929292; border-radius: 50%}
#loginModal .modal-body .form-group input{ padding-left: 35px}
#loginModal .modal-body .form-group i{ position: absolute; top: 10px; left: 10px;}

.modal-350{ max-width: 350px}

.logo{ width: 30px; height: 30px; border: 1px solid #929292; border-radius: 50%; margin-right: 10px}

.languageDropdown *{ font-size: 11px}
.languageDropdown .dropdown-menu{ padding: .5rem}
.languageDropdown img{ width: 21px; height: 13px}
.languageDropdown ul{ min-width: 85px}
.languageDropdown li{ cursor: pointer}
.languageDropdown li[data-lang-active="true"]{ display: none}

#nav-bar{ font-size: 12px}
#nav-bar ul{ margin: 0; padding: 0; list-style: none}
#nav-bar ul li span{ padding: 10px; border-left: 3px solid #fff; border-bottom: 1px solid #f1f1f1; display: block; cursor: pointer}
#nav-bar ul li span i{ font-size: 16px; color: #1056c0; float: left; margin-right: 7px}
#nav-bar ul li span:hover{ border-left: 3px solid #5c9dff; background: #fff}
#nav-bar ul li span.active{ border-left: 3px solid #5c9dff; background: #fff}
#nav-bar ul li ul{ display: none}
#nav-bar ul li ul li span{ border-left: 0px; border-left: 3px solid #fff;}
#nav-bar ul li ul li span a{ margin-left: 25px; display: block}


.max-500{ max-width: 500px}

.form-group{ margin-top: 10px}
.form-group > label{ margin-bottom: 5px}

.properties-list{ list-style: none; margin: 0; padding: 0; padding-left: 5px}

.user-group-access-area{ border: 1px dotted #bae2bc; border-radius: 5px; padding: 10px; background: #bae2bc50; height: 100%}
.user-group-access-area .access-module{ margin-bottom: 3px}

#userCroppedImageBox{ display: inline-block; padding: 5px; border: 1px dashed #333; border-radius: 5px}
#userCroppedImage{ overflow: hidden}
#userPhotoForCropped{ max-height: 230px; max-width: 100%}
.previewPhoto img{ width: 70px; height: 70px; border-radius: 50%}
.profilePhoto img{ width: 40px; height: 40px; border-radius: 50%; float: left; border: 1px solid #fff; padding: 1px; margin-right: 5px}

.show-password{ position: relative}
.show-password .show-pass{ position: absolute; right: 5px; top: 5px; cursor: pointer}

.organization-image{ _height: 120px}
.organization-favicon{ height:32px; width:32px; _margin: 25px auto; border: 1px solid #999; border-radius: 5px}
.organization-logo{ height: 50px; width:50px; margin: auto; border: 1px solid #999; border-radius: 5px}
.organization-banner{ max-height: 115px; width: 475px; margin: auto; border: 1px solid #999; border-radius: 5px}


#iconCroppedImageBox{ display: inline-block; padding: 5px; border: 1px dashed #333; border-radius: 5px}
#iconCroppedImage{ overflow: hidden}
#uploadIconForCropped{ max-height: 230px; max-width: 100%}
.previewUploadIcon img{ width: 40px; height: 40px; border-radius: 50%}

#bannerCroppedImageBox{ display: inline-block; padding: 5px; border: 1px dashed #333; border-radius: 5px}
#bannerCroppedImage{ overflow: hidden}
#uploadBannerForCropped{ max-height: 230px; max-width: 100%}
.previewUploadBanner img{ width: 400px; height: 40px; border-radius: 0%}

.icon-w-50{ max-width: 50px; max-height: 50px}
.icon-w-40{ max-width: 40px; max-height: 40px}
.fs-7{ font-size: 0.90rem}
.fs-8{ font-size: 0.80rem}
.fs-9{ font-size: 0.70rem}

.requestforlive, .putonlive, .removefromlive{ cursor: pointer}

/*Blink*/
blink { -webkit-animation: 2s linear infinite condemned_blink_effect; /* for Safari 4.0 - 8.0 */ animation: 2s linear infinite condemned_blink_effect}
/* for Safari 4.0 - 8.0 */
@-webkit-keyframes condemned_blink_effect {
    0% { visibility: hidden}
    50% { visibility: hidden}
    100% { visibility: visible}
}
@keyframes condemned_blink_effect {
    0% { visibility: hidden}
    50% { visibility: hidden}
    100% { visibility: visible}
}
/*Blink*/

.required-error{ border: 1px solid #ff0000; background: #ff000050}

.all-decision, .active-decision{ list-style: none; margin: 0; padding: 5px; height: 270px; overflow-y: scroll; border: 1px solid #333; border-radius: 3px}
.all-decision li, .active-decision li{ cursor: pointer; padding: 3px}
.active-decision li{ padding-left: 20px; background: url('../img/check.png') no-repeat left center;}
.check{ padding-left: 15px; background: url('../img/check.png') no-repeat left center; margin-bottom: 3px}

#search-bar{ cursor: pointer}
#search-panel{ display: none}