@charset "utf-8";
@import(url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800));
@import url(icons.css);
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
}

html {
    height: 100%;
}

body {
    padding: 0;
    margin: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 11px;
    color: #666;
    background: #ffffff;
}

.icon-folder-home {
    /* vertical-align: bottom!important */
}

.icon-bookmark {
    /* vertical-align: bottom!important */
}

input,
textarea,
select {
    font-family: "Open Sans", sans-serif;
}

.btn-cart {
    /* background: url("../images/icon-cart.png") no-repeat scroll center center rgba(0, 0, 0, 0) !important; */
    border: medium none !important;
    height: 17px;
    margin: 0 !important;
    padding: 0 !important;
    width: 30px;
}


/** clear fix */

.cf:before,
.cf:after {
    content: "";
    /* 1 */
    display: table;
    /* 2 */
}

.cf:after {
    clear: both;
}

.cf {
    zoom: 1;
}

.hide {
    display: none;
}

fieldset {
    width: 100%;
    border: none;
    margin: 0 0 10px 0;
    padding: 0;
}

.fieldsetnew {
    border: solid 1px #cccccc78;
    padding-left: 3px;
    width: 97%;
    border-radius: 3px;
    margin-left: 10px;
}

.legend {
    background: #fff;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 16px !important;
}

.icon-remove_shopping_cart {
    color: #2585e5;
}

.cboxIframe body {
    background: none repeat scroll 0 0 #ffffff!important
}

.target {
    height: 200px;
}

.arrowTip {
    position: relative;
}

.input-LgrayBg {
    width: 99%;
    border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    background: #e6e6e6!important;
    padding: 6px!important;
    color: #b8b8b8;
    -moz-box-shadow: inset 1px 1px 2px -1px #333 !important;
    -webkit-box-shadow: inset 1px 1px 2px -1px #333 !important;
    box-shadow: inset 1px 1px 2px -1px #333 !important;
    border: 1px solid #ddd!important;
    font-size: 11px;
    font-weight: bold;
}

li {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    text-decoration: none;
    color: #333;
}

a:hover {
    text-decoration: none;
    color: #2679a8;
}

label {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    padding: 5px 0 3px 5px;
    display: inline-block;
}

.imageInfo label {
    padding: 3px 0 3px 0;
}

.imageInfo span {
    vertical-align: middle
}

input[type=text],
input[type=password],
textarea {
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 10px;
    outline: none;
    border: 0px solid #cecece;
    font-family: "Open Sans", sans-serif;
    height: 30px;
    border: 1px solid #ccc;
    font-size: 12px;
    font-weight: 400;
}

select {
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: inset 0 0 3px 0px #cecece;
    -webkit-box-shadow: inset 0 0 3px 0px #cecece;
    padding: 3px 1px;
    outline: none;
    border: 1px solid #cecece;
    background: #f1f1f1;
}

sup {
    color: #01a0c8;
}

.flexcroll {
    outline: none;
    padding: 0 5px;
}

.li-floating li {
    float: left;
}

.checkBoxGroup {
    margin: 10px 0;
}

.checkBoxGroup input[type=checkbox] {
    border: 1px solid gray;
    margin-bottom: -5px;
}

.checkBoxGroup label {
    color: #CCC;
    font-weight: normal;
    padding-top: -2px;
    font-size: 14px;
    vertical-align: top;
    padding: 0 !important;
}

.padding5-LR {
    padding: 0 5px;
}


/*.padding10-LR{padding:0 10px;}*/

.padding10-LR {
    margin: 20px 0 0 10px
}

.padding15-LR {
    padding: 0 15px;
}

.margin5-LR {
    margin: 0 5px;
}

.margin10-LR {
    margin: 0 10px;
}

.margin15-LR {
    margin: 0 15px;
}

.padding5-TB {
    padding: 5px 0;
}

.padding5 {
    padding: 5px;
}

.padding10-TB {
    padding: 10px 0;
}

.padding15-TB {
    padding: 15px 0;
}

.margin5-TB {
    margin: 5px 0;
}

.margin10-TB {
    margin: 10px 0;
}

.margin15-TB {
    margin: 15px 0;
}

.clear {
    clear: both;
    margin: 0;
    padding: 0;
    height: 0;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.alignCenter {
    text-align: center;
}

.alignLeft {
    text-align: left;
}

.alignRight {
    text-align: right;
}

.textSml {
    font-size: 10px;
    color: #8f8f8f;
}

.textSml-italic {
    font-size: 11px;
    font-style: italic;
    color: #8f8f8f;
}

.textDGray {
    color: #626262;
}

.textLGray {
    color: #cccccc;
}

.textBlue {
    color: #2679a8;
}

.textGreen {
    color: #70a707;
}

.textPink {
    color: #b74b7f;
}

.label {
    color: #666;
}

.blockDisplay {
    display: block;
    text-align: left;
    margin: 0;
    padding: 0;
}

.no-wrap {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.inCaps {
    text-transform: uppercase;
}

.inSmall {
    text-transform: uppercase;
}

.loader {
    z-index: 99999!important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.loader.inline-loader {
    color: #2585e4;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}

.loader.bg-loader {
    width: 40px;
    height: 40px;
    padding-top: 6px;
    position: absolute;
    top: 50%;
    left: 50%;
    line-height: 40px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 25px;
    text-align: center;
    border-radius: 3px;
}

.loaderFail {
    background: url(../images/icon-cross-red.png) no-repeat;
    width: 28px;
    height: 28px;
    position: absolute;
    z-index: 99999!important;
}

.loaderSuccess {
    background: url(../images/icon-tick.png) no-repeat;
    width: 28px;
    height: 28px;
    position: absolute;
    z-index: 99999!important;
}

.paddingTop-5 {
    padding-top: 5px;
}

.paddingTop-10 {
    padding-top: 10px;
}

.paddingTop-15 {
    padding-top: 15px;
}

.paddingTop-20 {
    padding-top: 20px;
}

.marginTop-5 {
    margin-top: 5px;
}

.marginTop-10 {
    margin-top: 10px;
}

.marginTop-15 {
    margin-top: 15px;
}

.marginTop-20 {
    margin-top: 20px;
}

.font-size10 {
    font-size: 10px!important;
    font-weight: normal!important;
}

.font-size11 {
    font-size: 11px!important;
    font-weight: normal!important;
}

.font-size12 {
    font-size: 12px!important;
    font-weight: normal!important;
}

.font-size13 {
    font-size: 13px!important;
    font-weight: normal!important;
}

.font-size14 {
    font-size: 14px!important;
    font-weight: normal!important;
}

.font-size14Bold {
    font-size: 14px!important;
    font-weight: bold!important;
}

.font-size15 {
    font-size: 15px!important;
    font-weight: normal!important;
}

.font-size18 {
    font-size: 18px!important;
    font-weight: normal!important;
}

.font-size20 {
    font-size: 20px!important;
    font-weight: normal!important;
}

.iconRight {
    margin-right: 0px;
}

.btnRow-Delete {
    background: url(../images/icon-minus.png) no-repeat center right!important;
    border: none!important;
    width: 20px!important;
    padding: 0!important;
}

.btnRow-Delete:hover {
    background: url(../images/icon-minus-over.png) no-repeat center right!important;
}

.btnRow-addMore {
    background: url(../images/icon-plus.png) no-repeat left center !important;
    padding-left: 25px!important;
    font-size: 11px!important;
    font-weight: bold;
    text-transform: none!important;
    box-shadow: none!important;
    border: none!important;
}

.btn-addGray {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 20px;
    background: url(../images/icon-plus-gray.png) no-repeat left center !important;
    font-size: 11px!important;
    font-weight: bold;
    text-transform: none!important;
    box-shadow: none!important;
    border: none!important;
}

.btn-deleteRed {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 20px;
    background: url(../images/icon-delete-red.png) no-repeat left center !important;
    font-size: 11px!important;
    font-weight: bold;
    text-transform: none!important;
    box-shadow: none!important;
    border: none!important;
}

.btnRow-addMore:hover {
    color: #2679a8!important;
}

.btn-moreDetails {
    color: #fff;
}

.btn-moreDetails {
    background: url(../images/icon-arrowDown.png) no-repeat left center !important;
    padding-left: 25px!important;
    font-size: 11px!important;
    font-weight: bold;
    text-transform: none!important;
    box-shadow: none!important;
    border: none!important;
}

.btn-moreDetails:hover {
    color: #2679a8!important;
}

.btn-moreDetails-hide {
    background: url(../images/icon-arrowLeft.png) no-repeat left center !important;
    padding-left: 25px!important;
    font-size: 11px!important;
    font-weight: 700;
    text-transform: none!important;
    box-shadow: none!important;
    border: none!important;
    color: #ccc;
}


/*.filterBox > div:first-child:before {
    content: "";
    border-bottom: 7px solid transparent;
    border-left: 7px solid #fff;
    border-top: 7px solid transparent;
    width: 0;
    height: 0;
    background: none;
    display: inline-block;
}*/

.btn-moreDetails-hide:hover {
    color: #2679a8!important;
}

.btnClose-search {
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 21px;
    height: 21px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btnClose-search:before,
.btnClose-search:after {
    content: "";
    background: #ccc;
    position: absolute;
}

.btnClose-search:before {
    width: 2px;
    height: 20px;
    left: 9px;
    top: 0;
}

.btnClose-search:after {
    width: 20px;
    height: 2px;
    left: 0;
    top: 9px;
}

.btnBlue {
    background: #2679a8!important;
    -moz-border-radius: 13px;
    border-radius: 13px;
    border: none;
    border-top: none!important;
    padding: 5px 20px!important;
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}

.btnBlue:hover {
    background: #2679a8!important;
    -moz-border-radius: 13px;
    border-radius: 13px;
    border: none;
    border-top: none!important;
    padding: 5px 20px!important;
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}


/*.btnGradientBlue{background:#aba9a9;background-image:linear-gradient(top, #b0ffff 0%, #2679a8 50%)!important;background-image:-o-linear-gradient(top, #b0ffff 0%, #2679a8 50%) !important;background-image:-moz-linear-gradient(top, #b0ffff 0%, #2679a8 50%) !important;background-image:-webkit-linear-gradient(top, #b0ffff 0%, #2679a8 50%) !important;background-image:-ms-linear-gradient(top, #b0ffff 0%, #2679a8 50%) !important;-moz-border-radius:12px;border-radius:12px;border:none;border-top:2px solid #aba9a9;padding:4px 30px;font-size:12px;color:#fff;font-weight:bold;text-transform:uppercase;cursor:pointer;}
.btnGradientBlue:hover{background:#aba9a9;background-image:linear-gradient(top, #03ffff 0%, #2679a8 50%)!important;background-image:-o-linear-gradient(top, #03ffff 0%, #2679a8 50%) !important;background-image:-moz-linear-gradient(top, #03ffff 0%, #2679a8 50%) !important;background-image:-webkit-linear-gradient(top, #03ffff 0%, #2679a8 50%) !important;background-image:-ms-linear-gradient(top, #03ffff 0%, #2679a8 50%) !important;}*/

.buttonSlick {
    border: none;
    border-top: 2px solid #aba9a9;
    padding: 2px 10px !important;
    font-size: 10px!important;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}

.btnGradientBlue {
    background-color: #3ca5e0;
    padding: 4px 30px;
    border: none;
    cursor: pointer;
    background-color: #2679a8 !important;
    color: #fff;
    display: inline-block;
    height: 30px;
    line-height: 23px;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    margin: 0 auto;
    font-family: "Open Sans", sans-serif;
    border: 2px solid #2679a8 !important;
    text-transform: uppercase;
    padding: 0 20px !important;
    margin: 0 5px;
    outline: none;
    text-align: center;
}

.BoxRounded_withShadow {
    background: none repeat scroll 0 0 #ffffff;
    position: relative;
    width: 100%;
}

.np-form-wrapper {
    background: none repeat scroll 0 0 #f2f2f2;
    position: relative;
    width: 100%;
}


/*.contents-area{margin-top: -15px!important}*/


/*.BoxRounded_withShadow{

background: none repeat scroll 0 0 #fff;

    margin-bottom: 10px;
    position: relative;
    width: 100%;
}*/

.BoxTitle_blue {
    background: none repeat scroll 0 0 #fff;
    color: #000;
    font-size: 16px;
    padding: 0 20px;
    position: fixed;
    text-transform: uppercase;
    top: 0;
    width: 100%;
    z-index: 999;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #eee;
}

.warning_error {
    background-color: #EA0005;
    width: calc(100% - 250px)!important;
    border: 1px solid #AE0000;
    color: #FFFFFF;
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
    font-family: tahoma, Arial, Verdana, Helvetica;
    bottom: 64%!important;
    ;
}

.ap-login-box .BoxTitle_blue_static {
    color: #fff
}

.BoxTitle_blue_static {
    background: none repeat scroll 0 0 #2679a8;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    padding: 15px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

#ADVANCED_SEARCH {
    color: #8f8f8f
}

.input-whiteBg {
    background: none repeat scroll 0 0 white !important;
    color: #999;
    /*     font-size: 11px;
    font-weight: bold; */
    padding: 6px !important;
    width: 99%;
    border: 1px solid #ccc;
    margin: 2px 0;
}

.BoxTitle_blue_noradius {
    background: #2679a8;
    text-transform: uppercase;
    color: #fff;
    padding: 6px 15px;
    font-weight: bold;
    font-size: 12px;
}

.boxContent {
    margin: 50px 15px 10px;
}

.boxContent li {
    margin: 0px 0;
}

select.selectMenu-rootFolder {
    width: 99%;
    border-radius: 11px !important;
    -moz-border-radius: 11px !important;
    -webkit-border-radius: 11px !important;
    background: #c5c5c5!important;
    padding: 6px!important;
    color: #333;
    font-weight: bold;
    -moz-box-shadow: inset 0px 1px 5px 0px #808080 !important;
    -webkit-box-shadow: inset 0px 1px 5px 0px #808080 !important;
    box-shadow: inset 0px 1px 1px 0px #808080 !important;
    border: 1px solid #CCC !important;
    font-size: 11px;
}

select.selectMenu-rootFolder-disabled {
    width: 99%;
    border-radius: 11px !important;
    -moz-border-radius: 11px !important;
    -webkit-border-radius: 11px !important;
    background: #e9e9e9!important;
    padding: 5px 6px!important;
    color: #333;
    font-weight: bold;
    -moz-box-shadow: inset 0px 1px 5px 0px #808080 !important;
    -webkit-box-shadow: inset 0px 1px 5px 0px #808080 !important;
    box-shadow: inset 0px 1px 1px 0px #808080 !important;
    border: 1px solid #CCC !important;
    font-size: 11px;
}

.button-circleType {
    width: 18px!important;
    height: 14px!important;
    border-radius: 28px;
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
    background: white!important;
    padding: 8px 6px!important;
    color: white;
    -moz-box-shadow: inset 0px 1px 5px 0px #808080;
    -webkit-box-shadow: inset 0px 1px 5px 0px #808080;
    box-shadow: inset 0px 1px 1px 0px #808080;
    border: 1px solid #CCC!important;
}

.button-circleSearch {
    cursor: pointer;
    height: 38px;
    width: 40px;
    line-height: 38px;
    text-align: center;
    color: #2679a8;
    font-size: 15px;
}

.button-Search {
    background: #2679a8;
    padding: 10px 8px 7px 8px!important;
    color: white;
    border: 1px solid #CCC!important;
    cursor: pointer;
    float: right;
}

.btnSearch {
    position: absolute;
    top: 1px;
    right: 0;
    background: #eee;
}

#ADVANCED_SEARCH_TEXT {
    display: inline-block;
    color: #fff;
    font-size: 10px;
}

#ADVANCED_SEARCH_TEXT:hover {
    color: #616161;
}

.link-circleType {
    display: inline-block;
    border-radius: 28px;
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
    background: white!important;
    padding: 8px 6px 8px 6px!important;
    color: white;
    -moz-box-shadow: inset 0px 1px 5px 0px #808080;
    -webkit-box-shadow: inset 0px 1px 5px 0px #808080;
    box-shadow: inset 0px 1px 1px 0px #808080;
    border: 1px solid #CCC!important;
}

.input-blue-browse {
    width: 210px;
    float: left;
    -moz-border-radius-topright: 0!important;
    border-top-right-radius: 0!important;
    -moz-border-radius-bottomright: 0!important;
    border-bottom-right-radius: 0!important;
    background: #2679a8 !important;
    padding: 5px 30px 5px 8px!important;
    color: #fff!important;
    -moz-box-shadow: inset 1px 1px 2px -1px #333 !important;
    -webkit-box-shadow: inset 1px 1px 2px -1px #333 !important;
    box-shadow: inset 1px 1px 2px -1px #333 !important;
    border: 1px solid #01a0c8!important;
    font-size: 11px;
    font-weight: bold;
    position: relative;
}

.iconBrowse-search {
    float: left;
    width: 35px;
    border-radius: 8px !important;
    -moz-border-radius-topleft: 0!important;
    border-top-left-radius: 0!important;
    -moz-border-radius-bottomleft: 0!important;
    border-bottom-left-radius: 0!important;
    background: #2679a8 url(../images/icon-browse.png) no-repeat 99% center !important;
    padding: 2px 12px 4px 8px !important;
    margin-left: -5px;
    height: 25px!important;
    color: #fff!important;
    -moz-box-shadow: inset 1px 1px 2px -1px #333 !important;
    -webkit-box-shadow: inset 1px 1px 2px -1px #333 !important;
    box-shadow: inset 1px 1px 2px -1px #333 !important;
    border: 1px solid #01a0c8!important;
    font-size: 11px;
    font-weight: bold;
    position: relative;
}

.input-blue {
    width: 98%;
    border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    background: #2679a8 url(../images/icon-browse.png) no-repeat 99% center !important;
    padding: 5px 30px 5px 8px!important;
    color: #fff!important;
    -moz-box-shadow: inset 1px 2px 2px 0 rgba(0, 0, 0, 0.4) !important;
    -webkit-box-shadow: inset 1px 2px 2px 0 rgba(0, 0, 0, 0.4) !important;
    box-shadow: inset 1px 2px 2px 0 rgba(0, 0, 0, 0.4) !important;
    font-size: 11px;
    font-weight: bold;
    position: relative;
}


/*.input-whiteBg{
	width:99%;
	border-radius:3px !important;
	-moz-border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	background:white!important;
	padding:0 10px!important;
	color:#999;
	border:1px solid #ebebeb!important;font-size:11px;
	font-weight: 700;
	height: 30px;
}*/

.input-grayBg {
    width: 99%;
    border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    background: #9c9c9c!important;
    padding: 6px!important;
    color: #fff;
    -moz-box-shadow: inset 1px 1px 2px -1px #333 !important;
    -webkit-box-shadow: inset 1px 1px 2px -1px #333 !important;
    box-shadow: inset 1px 1px 2px -1px #333 !important;
    border: 1px solid #ddd!important;
    font-size: 11px;
    font-weight: bold;
}

input[type=text].input-search {
    width: 100%;
    background: white!important;
    color: #000;
    border: 1px solid #CCC!important;
    font-size: 12px;
    font-weight: 300;
    padding-right: 200px;
    height: 40px;
}

.input-AdvSearch {
    border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    padding: 6px!important;
    color: #000;
    font-size: 11px;
    height: 40px;
}

.buttonSearch {
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, .1);
}

.wrapper {
    min-width: 1024px;
    width: 100%;
    margin: 0 auto;
    background: #f2f2f2;
    min-height: 1300px;
    box-sizing: border-box;
    height: 100%;
}

.top-header {
    background: #7f7f7f;
    line-height: 25px;
    padding: 0 20px;
    text-align: right;
}

.main-header {
    width: 100%;
    position: fixed;
    z-index: 9999;
    background: #f2f2f2;
    top: 0;
    left: 0;
    right: 0;
}

.header {
    background: #2679a8;
    height: 50px;
    min-width: 1024px;
    border-bottom: 1px solid #ccc;
    padding: 0 20px;
    position: relative;
}

.logo {
    float: left;
    white-space: nowrap;
    width: 155px;
}

.logo img {
    width: auto;
    height: auto;
    max-width: 150px;
    max-height: 50px;
}

div.navigation {
    float: left;
    white-space: nowrap;
    position: relative;
}

.menu {
    overflow: hidden;
}

.menu li {
    text-align: center;
    display: block;
    float: left;
    height: 50px;
    line-height: 50px;
    position: relative;
}

.menu li+li {
    margin-left: 30px;
}

.menu li a {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
}

.menu li .topLineBar {
    height: 5px;
    background: #2679a8;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.menu li .btmHalfCircle {
    height: 13px;
    width: 30px;
    border-radius: 30px 30px 0 0;
    -moz-border-radius: 30px 30px 0 0;
    -webkit-border-radius: 30px 30px 0 0;
    background: #c6c6c6;
    margin: 0 auto;
    padding-top: 3px;
    color: #fff;
    font-style: italic;
    font-size: 11px;
    font-weight: bold;
}

.menu li:hover .topLineBar,
.menu li.selected .topLineBar {
    background: #F2F2F2;
}

.menu li:hover .btmHalfCircle,
.menu li.selected .btmHalfCircle {
    height: 13px;
    width: 30px;
    border-radius: 30px 30px 0 0;
    -moz-border-radius: 30px 30px 0 0;
    -webkit-border-radius: 30px 30px 0 0;
    background: #2679a8;
    margin: 0 auto;
    padding-top: 3px;
    color: #fff;
    font-style: italic;
    font-size: 11px;
    font-weight: bold;
}

.topRightMenu li {
    display: inline-block;
    margin-left: 10px;
}

.welcome-bar {
    overflow: hidden;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: rgba(255, 255, 255, .7);
    font-size: 11px;
}

.welcome-bar strong {
    font-size: 10px;
    font-weight: bold;
}

.ap-usr-name {
    color: #fff;
    text-transform: uppercase;
    padding-left: 5px;
}

.ap-logout {
    color: rgba(255, 255, 255, .7);
    padding-left: 10px;
    margin-left: 10px;
}

.last-right {
    text-align: right;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 28%;
}


/*.topSearchSection{
	top: 0;
	right: 51px;
	border-right: 1px solid rgba(255, 255, 255, .2);
	height: 40px;
	padding: 5px 20px;
	position:absolute;
	text-align: right;
}*/

.topSearchSection {
    top: 0;
    right: 101px;
    border-right: 1px solid rgba(255, 255, 255, .2);
    height: 40px;
    padding: 5px 20px;
    position: absolute;
    text-align: right;
}

.topSearchSection ul {
    white-space: nowrap;
}

.topSearchSection li {
    display: inline-block;
}

.ap-search-within {
    position: absolute;
    top: 0;
    right: 40px;
    height: 40px;
    border-left: 1px solid #ccc;
    padding: 0 10px;
    width: 135px;
}

.ap-search-within>div {
    line-height: 36px;
    vertical-align: middle;
}

.ap-searchwithin-btn:after {
    content: "";
    border-top: 5px solid #ccc;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    display: inline-block;
    margin-left: 5px;
}

.persons.ap-searchwithin-btn:after {
    border-top-color: #fff;
}

#PERSONS_COUNT {
    width: 50px;
    height: 50px;
    text-align: center;
    cursor: pointer;
}

.ap-searchwithin-btn.persons:after {
    border-top-width: 4px;
    border-right-width: 4px;
    border-left-width: 4px;
    margin-left: 0;
}

.searchFolder {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 300;
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    width: 90px;
}

.searchFolderButton {
    display: inline-block;
    height: auto;
    height: 40px;
    position: relative;
    text-align: center;
    font-size: 20px;
    white-space: nowrap;
}

.searchFolderButton a {
    color: #999;
}

.advanceSearchBox {
    display: inline-block;
    position: relative;
    margin: 0 15px 0 0;
    width: 400px;
    height: 40px;
}

.searchOnHeader {
    float: right;
    width: 38%;
}

.halfCircle {
    height: 45px;
    width: 90px;
    border-radius: 90px 90px 0 0;
    -moz-border-radius: 90px 90px 0 0;
    -webkit-border-radius: 90px 90px 0 0;
    background: green;
}

.contents {
    width: 100%;
    clear: left;
    /* padding-top: 51px; */
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    top: 51px;
    bottom: 40px;
    left: 0;
    right: 0;
}

.open-adv-search .contents {
    top: 471px;
}

.contents-area {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    position: relative;
    overflow: hidden;
}

.chooseFolder {
    padding: 0 0 15px
}

.advSearch-fixed {}

.advSearchPanel {
    color: #e5e4e4;
    position: relative;
    background: #666;
    width: 100%!important;
    z-index: 0!important;
    -moz-box-shadow: inset -1px 10px 10px -11px #000000;
    -webkit-box-shadow: inset -1px 10px 10px -11px #000000;
    box-shadow: inset -1px 10px 10px -11px #000000;
}

.innerSectionAdvSearch {
    padding: 10px 0 20px 0;
    color: #e5e4e4;
}

.innerSectionAdvSearch form {
    max-width: 980px;
    margin: 0 auto;
}

.innerSectionAdvSearch a {
    color: #ffffff
}

.innerSectionAdvSearch a:hover {
    color: #D4FFFF;
}

#btn_search {
    border-radius: 3px;
    height: 30px;
    border: none;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
}

.searchOption {
    margin-top: 20px;
}

.searchOption li {
    float: left;
    margin-right: 20px;
}

.searchFilterSection {
    color: #e5e4e4;
    font-size: 12px;
    float: right;
}

.searchFilterSection .a7-btn {
    line-height: 28px;
}

.advSearch-panel * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.filterBox {
    padding: 0;
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding-top: 10px;
    margin-top: 10px;
}

.filterBox>div:first-child {
    padding-bottom: 10px;
}

.filterBox ul li {
    margin-bottom: 10px;
    position: relative;
    font-size: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.filterBox ul li+li {
    margin-top: 10px
}

.filterBox ul li>*,
.filterBox ul li>span[id^="main_block_"]>* {
    display: inline-block;
    height: 30px;
    vertical-align: top;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.filterBox ul li div {
    padding: 0 5px;
}

.filterBox ul li>div select {
    width: 100% !important;
}

.filterBox ul li>div:first-child {
    width: 20% !important;
}

.filterBox ul li>span[id^="main_block_"] {
    width: calc(80% - 10px) !important;
    margin-left: 10px;
}

.filterBox ul li>span[id^="main_block_"]>div:first-child {
    width: 20% !important;
}

.filterBox ul li>span[id^="main_block_"]>div:nth-child(2),
.filterBox ul li>span[id^="main_block_"]>table {
    width: 60% !important;
}

.filterBox ul li>span[id^="main_block_"]>table {
    padding: 0 5px;
}

.filterBox ul li>span[id^="main_block_"]>div:last-child {
    width: 20% !important;
}

.filterBox ul li div[id^="date_id"] {
    font-size: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.filterBox ul li div[id^="date_range_"] {
    padding-right: 0
}

.filterBox ul li div[id^="date_id"]>* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.filterBox ul li div[id^="date_id"] span {
    display: inline-block;
    vertical-align: top;
}

.filterBox ul li div[id^="date_id"] span.ap-date-input {
    width: calc(50% - 15px) !important;
}

.filterBox ul li div[id^="date_id"] span.ap-date-input input {
    width: 100% !important;
}

.filterBox ul li div[id^="date_id"] span:not(.ap-date-input) {
    width: 30px;
    font-size: 11px;
    line-height: 30px;
    text-align: center;
}

.filterBox ul li select {
    width: 100% !important;
}

.filterBox ul li input {
    width: 56% !important;
    margin: 0;
}

.filterBox .delete_block {
    position: absolute;
    margin: 0!important;
    right: -40px;
    width: 20px;
}

.advSearch-panel input#ADD_SEARCH_ROW {
    margin-bottom: 10px;
    color: #fff;
}

.actionMenu {
    clear: both;
    min-width: 700px;
    font-size: 10px;
    position: relative;
}

.actionMenu.fixed {}

.actionMenu.ViewFileMenu.fixed,
.no-left-panel .actionMenu.fixed {
    left: 0;
    width: 100%;
    padding: 0 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.no-header .actionMenu.fixed {
    top: 0;
}

.no-header.no-left-panel .actionMenu.fixed {
    top: -21px;
}

.actionMenu-section>ul {
    font-size: 0;
}

.actionMenu-section>ul#defaultActions>li {
    font-size: 10px;
}

.actionMenu-section>ul#defaultActions>li#refresh {
    font-size: 7px;
}

.actionMenu-section>ul#mainMenu>li {
    font-size: 10px;
}

.ap-actionMenu-wrap {
    width: calc(100% - 300px);
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
}

.actionMenu-section li {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.actionMenu-section li[title="More"] .popupDropDown {}

.actionMenu-section>ul>li+li {
    margin-left: 8px;
}

.actionMenu-section>ul>li>a,
.ap-btn {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 28px;
    background: #e9e9e9;
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 0 10px;
    color: #666;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
}

.actionMenu-section #mainMenu>li:last-child>a {
    background: #fff;
}

#MoreActions_dropdown #edit_menu {
    background: #eee;
    padding: 0 !important;
    margin-bottom: 10px;
    line-height: 25px;
}

.iconMetadata has-sub {
    border: none!important
}

#MoreActions_dropdown #edit_menu a {
    display: block;
    text-transform: uppercase;
    border: 1px solid #ccc;
    text-align: center;
    display: block;
    line-height: 25px;
}

.actionMenu-section a.has-sub:after,
.toolBar a.has-sub:after,
#MoreActions_dropdown li.has-sub>a:after {
    content: "";
    cursor: pointer;
    border-top: 4px solid #999;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    display: inline-block;
    margin: -3px 0 0 4px;
}

#MoreActions_dropdown li.has-sub>a:after {
    position: absolute;
    right: 5px;
    top: 50%;
}

.toolBar a.has-sub {
    line-height: 27px;
}

.toolBar .dropdown:hover>.sub {
    display: block;
}

.actionMenu-section li.has-sub {
    position: relative;
}

.actionMenu-section li.has-sub:hover>a {
    background: #fff;
    border-bottom-color: #fff;
}

.actionMenu-section li li.has-sub:hover>a {
    color: #2679a8;
    background: none!important;
}

.actionMenu-section li.has-sub:hover .sub-action {
    display: block;
}

.actionMenu-section li a:hover {
    border-color: #999;
}

#loginSubmit:hover {
    background: #2679a8;
}

#loginSubmit {
    background: #2679a8;
}

.actionMenu-section li a.ap-prim-action,
.ap-btn.ap-btn-prim {
    color: #fff;
    background: #ABC87C;
    border-color: transparent;
}

.actionMenu-section li a.ap-prim-action:hover {
    background: #abc86f;
    color: #616161
}

.actionMenu-section li a:before {
    font-family: "icomoon";
    margin-right: 0;
    font-size: 1.7em;
    vertical-align: middle;
    font-weight: normal;
}

.actionMenu-section li a.icon-only:before {
    margin-right: 0;
}

.actionMenu-section li a.iconNewFolder:before {
    content: "\e917";
}

.actionMenu-section li a.iconUploadFiles:before {
    content: "\e91e";
}

.actionMenu-section li a.iconRefresh:before {
    content: "\e90f";
}

.actionMenu-section li a.iconMoveFiles:before {
    content: "\e91d";
}

.actionMenu-section li a.iconStatus:before {
    content: "\e905";
}

.actionMenu-section li a.iconDownload:before {
    content: "\e915";
}

.actionMenu-section li a.iconDelete:before {
    content: "\e914";
}

.actionMenu-section li a.iconLink:before {
    content: "\e913";
}

.actionMenu-section li a.iconAdvanced:before {
    content: "\e90f";
}

.actionMenu-section li a.iconMetadata:before {
    content: "\e919";
}

.actionMenu-section li a.iconAddTo:before {
    content: "\e90c";
    font-size: 1em;
}

.actionMenu-section li a.iconBasketRemove:before {
    content: "\e92b";
}

.actionMenu-section li a.iconBasketAdd:before {
    content: "\e92c";
}

.actionMenu-section li a.iconCrop:before {
    content: "\e927";
}


/*.arrowTip{background:url(../images/arrow-cut.png) bottom center no-repeat;}*/

.InfoBoxContainer {
    /* display: block; */
    vertical-align: middle;
    font-weight: 700;
    text-transform: uppercase;
    float: left;
    line-height: 30px;
}


/*.iconSubSection{display:block;background:url(../images/icon_subsection.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconSubSection:hover, .iconSubSection.selected{display:block;background:url(../images/icon_subsectionhover.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconPrint{display:block;background:url(../images/print-gray.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconPrint:hover, .iconPrint.selected{display:block;background:url(../images/print-blue.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconShare{display:block;background:url(../images/share-gray.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconShare:hover, .iconShare.selected{display:block;background:url(../images/share-blue.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}*/


/*.iconBasketAdd{display:block;background:url(../images/basket_add-gray.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconBasketAdd:hover, .iconBasketAdd.selected{display:block;background:url(../images/basket_add-blue.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}*/


/*.iconBasketRemove{display:block;background:url(../images/basket_remove-gray.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconBasketRemove:hover, .iconBasketRemove.selected{display:block;background:url(../images/basket_remove-blue.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}*/


/*.iconBookmark{display:block;background:url(../images/bookmark-gray.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconBookmark:hover, .iconBookmark.selected{display:block;background:url(../images/bookmark-blue.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconUpload{display:block;background:url(../images/upload-gray.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconUpload:hover, .iconUpload.selected{display:block;background:url(../images/upload-blue.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconEdit{display:block;background:url(../images/edit-gray.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconEdit:hover, .iconEdit.selected{display:block;background:url(../images/edit-blue.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconFilter{display:block;background:url(../images/filter-gray.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconFilter:hover, .iconFilter.selected{display:block;background:url(../images/filter-blue.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconRename{display:block;background:url(../images/rename-gray.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconRename:hover, .iconRename.selected{display:block;background:url(../images/rename-blue.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}

.iconAdvMetadata{display:block;background:url(../images/advanced-metadata-gray.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconAdvMetadata:hover, .iconAdvMetadata.selected{display:block;background:url(../images/advanced-metadata-blue.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}

.iconSearch{display:block;background:url(../images/search-gray.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconSearch:hover, .iconSearch.selected{display:block;background:url(../images/search-blue.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconShareGuest{display:block;background:url(../images/share-guest-gray.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconShareGuest:hover, .iconShareGuest.selected{display:block;background:url(../images/share-guest-blue.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}


.iconHome{display:block;background:url(../images/home_gray.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconHome:hover, .iconHome.selected{display:block;background:url(../images/home_blue.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}*/


/*.iconMagazine{display:block;background:url(../images/mag7_normal.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconMagazine:hover{display:block;background:url(../images/mag7.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconLightBox{display:block;background:url(../images/icon-lightBox.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconLightBox:hover, .iconLightBox.selected{display:block;background:url(../images/icon-lightBox-over.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconCheckOut{background:url(../images/icon-checkOut.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconCheckOutOrange{background:url(../images/icon-checkOut-orange.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;display:block;}
.iconCheckOut:hover, .iconCheckOut.selected{background:url(../images/icon-checkOut-over.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconCheckIn{display:block;background:url(../images/icon-checkIn.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconCheckIn:hover,.iconCheckIn.selected{display:inline-block;background:url(../images/icon-checkIn-over.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconUpload1{display:block;background:url(../images/upload1-gray.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconUpload1:hover, .iconUpload1.selected{display:block;background:url(../images/upload1-blue.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconNewDoc{display:block;background:url(../images/iconNewDoc.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconNewDoc:hover, .iconNewDoc.selected{display:block;background:url(../images/iconNewDoc-over.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconRemLightbox{display:block;background:url(../images/iconRemLightbox-gray.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconRemLightbox:hover, .iconRemLightbox.selected{display:block;background:url(../images/iconRemLightbox.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconAddToJobTicket{display:block;background:url(../images/iconAddToJobTicket.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconAddToJobTicket:hover, .iconAddToJobTicket.selected{display:block;background:url(../images/iconAddToJobTicket-over.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconExport{display:block;background:url(../images/iconExport.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconExport:hover, .iconExport.selected{display:block;background:url(../images/iconExport-over.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconCancelCheckout{display:block;background:url(../images/iconCancelCheckout.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconCancelCheckout:hover, .iconCancelCheckout.selected{display:block;background:url(../images/iconCancelCheckout-over.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconLock{display:block;background:url(../images/iconLock.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconLock:hover, .iconLock.selected{display:block;background:url(../images/iconLock-over.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconGenerateSelection{display:block;background:url(../images/iconGenerateSelection.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconGenerateSelection:hover, .iconGenerateSelection.selected{display:block;background:url(../images/iconGenerateSelection-over.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconDetailedFrame{display:block;background:url(../images/iconDetailedFrame.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
.iconDetailedFrame:hover, .iconDetailedFrame.selected{display:block;background:url(../images/iconDetailedFrame-over.png) no-repeat top center;padding-top:30px;vertical-align:bottom;font-weight:bold;}
*/

.popupDropDown-tip {
    background: url(../images/tableTip-moreMenu.png) no-repeat;
    width: 30px;
    height: 12px;
    position: absolute;
    left: 131px;
    top: -12px;
}

.widepopupDropDown-tip {
    background: url(../images/tableTip-moreMenu.png) no-repeat;
    width: 30px;
    height: 12px;
    position: absolute;
    left: 188px;
    top: -12px;
}

.menu-items .popupDropDown-tip {
    left: 0px!important;
}

.popupDropDown {
    position: absolute;
    display: none;
    width: 183px;
    margin-right: 2px;
    z-index: 999;
}

.popupDropDown-listing {
    margin: 5px 0 5px 0;
}

.popupDropDown-listing li.selected,
.popupDropDown-listing li.selected a {
    background: #2679a8;
    color: #fff;
}

.popupDropDown-listing li a {
    color: #626262;
    padding: 0 5px;
    display: block;
    position: relative;
}

.popupDropDown-listing li {
    border-bottom: 1px dotted #ccc;
    cursor: pointer;
    display: block;
}

.popupDropDown-listing>li>a.selected {
    background: #eee;
    border-bottom: 1px solid #ccc;
}

.popupDropDown-listing li:last-child {
    border-bottom: 0px;
}

.bookmarksDropDown {
    position: absolute;
    display: none;
    width: 200px;
    margin-top: -5px;
    margin-right: 2px;
    z-index: 999;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.subsectionDropDown {
    position: absolute;
    display: none;
    width: 300px;
    left: 33px;
    margin-top: -5px;
    margin-right: 2px;
    z-index: 999;
}

.StyleDropDown-listing li span {
    display: block;
    width: 135px;
}

.StyleDropDown-listing {
    margin: 5px 0 15px 0;
    max-height: 470px;
    overflow: auto;
}

.StyleDropDown-listing li:hover,
.StyleDropDown-listing li:hover a {
    background: #2679a8;
    color: #fff;
}

.StyleDropDown-listing li a {
    font-size: 11px;
    font-weight: bold;
    color: #626262
}

.StyleDropDown-listing li {
    padding: 7px 15px;
    border-bottom: 1px solid #d5d5d5;
    cursor: pointer
}

.StyleDropDown-listing li:last-child {
    border-bottom: 0px;
}

.panel-section {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.PanelLeft {
    width: 250px;
    /* min-height:500px; */
    z-index: 999;
}

.PanelRight {
    min-width: 690px;
    z-index: 0;
    width: calc(100% - 290px);
}

.view_page .contentsArea {
    padding-top: 0;
    width: 100%;
    height: 100%;
    overflow: scroll;
    overflow-x: hidden;
}

.view_page .PanelLeft {
    /* width: 290px; */
}


/*.view_page .PanelRight{
	width: calc(100% - 470px) !important;
	padding: 0 0 0 20px;
}*/

.view_page .PanelRight {}

.view_page .PanelRight .BoxRounded_withShadow {
    background: none;
}

.viewFileRightPanel {
    border-left: 1px solid #ccc;
}

.viewFileRightPanel .titlebox-style:not(.titleTop-rBox) {
    border-top: 1px solid #ddd;
}

.FixedPanelLeft {
    width: 250px;
    z-index: 2;
    background: #fff;
    border-right: 1px solid #ccc;
    position: fixed;
    top: 51px;
    bottom: 40px;
    left: 0;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 20px;
    -webkit-transition: .5s left ease-in-out;
    -moz-transition: .5s left ease-in-out;
    -ms-transition: .5s left ease-in-out;
    -o-transition: .5s left ease-in-out;
    transition: .5s left ease-in-out;
    /* min-height: 0; */
}


/* .FixedPanelLeft:after {
        position: fixed;
        content: "";
        width: 250px;
        background: #fff;
        height: 100%;
        border-right: 1px solid #ccc;
        z-index: -1;
        left: 0;
        top:0;
}
 */

#MENU_FILTER_BY {
    background: #fff
}

.FixedPanelRight {
    position: fixed;
    top: 51px;
    bottom: 40px;
    left: 0;
    right: 0;
    min-width: 690px;
    z-index: 0;
    padding-top: 20px;
    padding-right: 320px;
    padding-left: 271px;
    width: 100%!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .5s all ease-in-out;
    -moz-transition: .5s all ease-in-out;
    -ms-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out;
}

.closeLeftPanel .FixedPanelRight {
    padding-left: 20px;
}

.closeRightPanel .view_page .FixedPanelRight {
    padding-right: 320px!important;
    padding-left: 0!important;
}

.closeRightPanel .FixedPanelRight {
    padding-right: 20px;
}

.collapseLP {
    margin: -10px 0 10px 10px;
    display: block;
    cursor: pointer;
}

.collapseLP:before {
    content: "";
    border-right: 4px solid #666;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    display: inline-block;
    margin-right: 5px;
}

.closeLeftPanel .collapseLP {
    right: -5px;
    position: absolute;
    top: 0;
    width: 5px;
    height: 100%;
    margin: 0;
    background: #ccc;
}

.closeLeftPanel .collapseLP span {
    display: none
}

.closeLeftPanel .collapseLP:before {
    border-width: 9px;
    border-right-color: #ccc;
    position: absolute;
    top: 5px;
    right: -14px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.closeLeftPanel .FixedPanelLeft {
    overflow: auto !important;
    left: -250px;
}

#quick-preview,
.side-panel {
    width: 300px;
    position: fixed;
    top: 50px;
    bottom: 40px;
    right: 0;
    overflow-y: auto;
    -webkit-transition: .5s right ease-in-out;
    -moz-transition: .5s right ease-in-out;
    -ms-transition: .5s right ease-in-out;
    -o-transition: .5s right ease-in-out;
    transition: .5s right ease-in-out;
    z-index: 999;
}

#quick-preview {
    background: rgba(0, 0, 0, .5);
    box-shadow: 1px 0 4px rgba(0, 0, 0, .5) inset;
}

.closeRightPanel #quick-preview {
    right: -300px;
}

#quick-preview * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#quick-preview .box-content label {
    color: #ccc;
}

#quick-preview .box-content h1 {
    color: #fff;
}

#quick-preview .box-content a {
    color: #fff;
}

#quick-preview .box-content .labelValue {
    color: #fff;
}

#quick-preview a.CollapseRightPanelBlock {
    height: 35px;
}

#quick-preview .titlebox-style {
    background: #555;
    color: #ccc;
    border-bottom: 1px solid #444;
    font-size: 11px;
    line-height: 35px;
}

#quick-preview .box-content {
    background: none;
}

.panel-title {
    background: rgba(0, 0, 0, .4);
    text-transform: uppercase;
    font-weight: 700;
    color: #ccc;
    position: relative;
    height: 36px;
    padding-left: 40px;
    line-height: 36px;
}

.panel-title a {
    display: block;
    color: #fff;
    text-transform: none;
    font-size: 10px;
    font-style: italic;
}

.panel-title .close {
    position: absolute;
    top: 50%;
    left: 8px;
    width: 30px;
    line-height: 30px;
    margin-top: -22px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    cursor: pointer;
}

.panel-title .close:hover {
    color: #fff;
}

#file-preview {
    height: 50%;
}

#file-preview .a7-btn {
    max-width: 50%;
    margin: 0 auto;
    display: block;
    margin-top: 5px;
}

#file-preview-data {
    background: rgba(0, 0, 0, .1);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2) inset;
}

#small-preview {
    height: calc(100% - 72px);
    text-align: center;
    padding: 10px;
    position: relative;
    overflow: hidden;
}

#small-preview .file_display {
    width: 100%;
    height: 100%;
}

#small-preview img {
    max-width: 100%;
    max-height: 100%;
}

.zoom-preview {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: rgba(0, 0, 0, .2);
    border-radius: 2px;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 999;
}

.zoom-preview:before {
    content: "\e90c";
    font-family: 'icomoon';
    font-size: 5px;
    position: absolute;
    top: -1px;
    left: 16px;
}

.zoom-preview:hover {
    color: #fff;
    background: rgba(0, 0, 0, .3);
}

.preview-pages-controls a {
    position: absolute;
    top: 50%;
    display: block;
    background: rgba(0, 0, 0, .3);
    width: 30px;
    height: 30px;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.preview-pages-controls a:hover {
    background: rgba(0, 0, 0, .5);
}

.preview-pages-controls a.prev {
    left: -55px;
}

.preview-pages-controls a.next {
    right: -55px;
}

#small-preview:hover .preview-pages-controls a.prev {
    left: 5px;
}

#small-preview:hover .preview-pages-controls a.next {
    right: 5px;
}

#small-preview:hover .zoom-preview {
    display: block;
}

#quick-preview #GoToPreviousFile,
#quick-preview #GoToNextFile {
    background: rgba(0, 0, 0, .3);
    width: 36px;
    height: 36px;
    margin: 0 1px;
}

#quick-preview #GoToPreviousFile span,
#quick-preview #GoToNextFile span {
    top: 14px;
}

.inPreviewMode a,
.inPreviewMode .iconMenu-strip a {
    color: #fff;
}

.inPreviewMode .ap-bloc-actions-list a {
    color: #666;
}

.inPreviewMode .roundedBoxComponents,
.inPreviewMode .roundedBoxComponents .lineTop-white {
    background: #555;
    color: #fff;
}

.inPreviewMode .icon-remove_shopping_cart,
.inPreviewMode .iconMenu-strip a:hover {
    color: #ccc;
}

.inPreviewMode .roundedBoxComponents:hover a.FolderIcon,
.inPreviewMode .roundedBoxComponents:hover .textGray {
    color: #fff;
}

.toRight {
    float: right!important;
}

.toLeft {
    float: right!important;
    width: 690px;
    min-width: 500px;
    z-index: 0;
    margin: -10px 10px 0 0;
}

.toLeft .box230x235 {
    float: right;
    width: 206px;
    height: 235px;
    margin: 5px 10px 0 0;
}

.labelWithBg-white {
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 7px 8px 3px 8px !important;
    outline: none;
    border: 0px solid #cecece;
    background: #fff!important;
    width: 100%!important;
    display: block;
    margin: 0;
    color: #333!important;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
}

.tipArrow {
    background: url(../images/icon-tip-arrow.png) no-repeat top left;
    width: 18px;
    height: 10px;
    margin-top: -7px;
    margin-left: 15px;
    position: absolute;
}

.leftNavigation-searchFilter {
    padding: 7px 0;
}

.leftNavigation-searchFilter li {
    font-weight: bold;
    padding: 4px 10px 2px 10px;
    margin: 5px 0;
}

.leftNavigation-searchFilter li a {
    display: block;
}

.leftNavigation-searchFilter li:hover,
.leftNavigation-searchFilter li.selected,
.leftNavigation-searchFilter li:hover a,
.leftNavigation-searchFilter li.selected a {
    background: #2679a8;
    color: #fff;
}

.leftNavigation-searchFilter li:hover .hoverTip,
.leftNavigation-searchFilter li.selected .hoverTip {
    background: url(../images/icon-listBg-over.png) no-repeat right center;
    width: 23px;
    height: 22px;
    position: absolute!important;
    z-index: 99;
    margin: -19px 0 0 96%;
}

.toRight .leftNavigation-searchFilter li:hover .hoverTip,
.toRight .leftNavigation-searchFilter li.selected .hoverTip {
    background: url(../images/icon-listBgLeft-over.png) no-repeat right center;
    width: 23px;
    height: 22px;
    position: absolute!important;
    z-index: 99;
    margin: -19px 0 0 -33px;
}

.leftNavigation-browseFolder li {
    padding: 5px 10px 5px 23px;
    position: relative;
}

.leftNavigation-browseFolder li:before {
    content: "\e923";
    font-family: "icomoon";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #bbb;
}

.leftNavigation-browseFolder li a {
    font-size: 11px;
    color: #626262;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.leftNavigation-browseFolder li:hover {
    background: #eee;
}

.leftNavigation-browseFolder li:hover:before {
    color: #2679a8;
}

.leftNavigation-browseFolder li+li {
    border-top: 1px dotted #ccc;
}

.leftNavigation-browseFolder sup {
    color: #fff;
    vertical-align: middle;
    background: #999;
    padding: 0 5px;
    border-radius: 2px;
    float: right;
    font-size: 9px;
    font-weight: 700;
}

.leftNavigation-infoFilter li {
    padding: 0 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 28px;
    position: relative;
    background: #fff;
}

.leftNavigation-infoFilter li+li {
    border-top: 1px solid #f2f2f2;
}

.leftNavigation-infoFilter li a {
    font-size: 12px;
    color: #898989;
}

.SubmenuBorder {
    margin-top: 20px
}

.leftNavigation-infoFilter li .optionMenu {
    background: white;
    position: absolute;
    top: 0;
    right: 10px;
    color: #bbb;
}

.leftNavigation-infoFilter .optionMenu a:hover {
    color: #2679a8;
}

.leftNavigation-infoFilter .optionMenu a {
    font-size: 15px;
}

.leftNavigation-infoFilter li a .icon-star-empty {
    color: #2679a8;
    font-size: 15px;
}

.leftPanelScroll .scrollWrapper>div+div {
    border-top: 1px solid #ddd;
}

.CollapseLeftPanelBlock a,
a.CollapseRightPanelBlock {
    display: block;
    width: 40px;
    height: 40px;
    position: relative;
}

.CollapseLeftPanelBlock a:before,
a.CollapseRightPanelBlock:before {
    content: "";
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    top: 15px;
    left: 15px;
}

.CollapseLeftPanelBlock a.ap-collapse-lp-block:before,
a.CollapseRightPanelBlock.ap-collapse-lp-block:before {
    border-bottom: 6px solid #999;
}

.CollapseLeftPanelBlock a.ap-expand-lp-block:before,
a.CollapseRightPanelBlock.ap-expand-lp-block:before {
    border-top: 6px solid #999;
}

.display_collections_scroll {
    padding-bottom: 20px;
}

.titleMid-rBox,
.titleTop-rBox {
    background: #f5f5f5;
    text-transform: uppercase;
    color: #626262;
    /* padding:0 10px; */
    font-size: 13px;
    line-height: 40px;
    overflow: hidden;
    position: relative;
}

.titleMid-rBox-blue {
    background: #2679a8;
    text-transform: uppercase;
    color: #626262;
    padding: 6px 10px;
    font-weight: bold;
    font-size: 12px;
    height: 15px;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
}

.optionMenu {
    display: none;
}

.leftNavigation-infoFilter li:hover .optionMenu {
    display: block;
    width: auto;
    white-space: nowrap;
    background-color: inherit;
}

.toolBar-left {
    float: left;
    text-align: left;
}

.toolBar-right {
    float: right;
    text-align: right;
}

.toolBar-right a.has-sub {
    font-size: 16px;
}

.searchFilterLeft {
    width: 100%;
    position: relative;
    margin-top: 0;
}

.searchFilterLeft i {
    position: absolute;
    top: 4px;
    font-size: 25px;
    left: 7px;
    color: #999;
}

.searchFilterLeft #SEARCH_FOLDERS {
    width: 100%;
    padding-left: 40px;
}

.backtofolderDiv {
    width: 250px;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
}

.toolBar {
    /*background-color:#E6E6E6;*/
    /*padding:4px 0 13px;*/
    /*width:100%;
	z-index:999;
	min-width:985px;*/
}

.contentsArea {
    clear: both;
    padding-top: 10px;
}

.box230x235 {
    float: left;
    width: 206px;
    margin: 10px 10px 0 0;
    position: relative;
    border: 4px solid #eee;
}

.box230x235.checked {
    border-color: #999;
}

.layout-thumb {
    float: left;
    width: 220px;
    margin: 10px 20px 0 0;
}

.boxSize-230 {
    width: 100%;
    height: auto;
}

.viewChangeMenu li {
    display: inline-block;
}

.viewChangeMenu li .thumbnailView {
    background: url(../images/icon-thumbdetail-disabled.png) no-repeat center;
    width: 30px;
    height: 22px;
}

.view-Tiles {
    background: url(../images/icon-verticaldetail-disabled.png) no-repeat center !important;
    width: 30px;
    height: 22px;
    padding: 0!important;
    margin: 0!important;
    border: none!important;
}

.view-Tiles:hover,
.view-Tiles.selected {
    background: url(../images/icon-verticaldetail.png) no-repeat center !important;
    width: 30px;
    height: 22px;
    padding: 0!important;
    margin: 0!important;
    border: none!important;
}

.advSearch-panel {
    width: 100%;
    max-width: 750px;
}

.roundedBoxComponents {
    background: #fff;
}

.roundedBoxComponents .tipCorner-gray-sml {
    z-index: 999;
    position: absolute;
    width: 7px;
    height: 7px;
    background: #c4c4c4;
    cursor: pointer;
    position: absolute;
}

.roundedBoxComponents .tipCorner-gray-mdm {
    z-index: 999;
    position: absolute;
    width: 12px;
    height: 12px;
    background: #c4c4c4;
    cursor: pointer;
    position: absolute;
}

.roundedBoxComponents .tipCorner-gray {
    width: 15px;
    height: 15px;
    background: #c4c4c4;
    cursor: pointer;
}

.roundedBoxComponents .tipCorner-gray:hover,
.CheckFile:hover {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
}

.roundedBoxComponents .lineTop-gray {
    float: left;
    width: 100%;
    height: 40px;
    background: #dcd9d9;
}

.roundedBoxComponents .tipCorner-white {
    float: left;
    width: 15px;
    height: 15px;
    background: #fff;
    cursor: pointer;
    position: absolute;
}

.roundedBoxComponents .tipCorner-white:hover {
    background: #f2f2f2;
}

.roundedBoxComponents .lineTop-white {
    float: left;
    width: 100%;
    height: 25px;
    background: #fff;
}

.roundedBoxComponents .tipCorner-pink {
    float: left;
    width: 15px;
    height: 15px;
    background: #bb4f82;
    cursor: pointer;
    position: absolute;
}

.roundedBoxComponents .tipCorner-pink:hover {
    background: #ec569d;
}

.roundedBoxComponents .lineTop-pink {
    float: left;
    width: 100%;
    height: 40px;
    background: #e46aa4;
}

.roundedBoxComponents .tipCorner-blue {
    float: left;
    width: 15px;
    height: 15px;
    background: #2679a8;
    cursor: pointer;
    position: absolute;
}

.roundedBoxComponents .tipCorner-blue:hover {
    background: #2679a8;
}

.roundedBoxComponents .lineTop-blue {
    float: left;
    width: 100%;
    height: 40px;
    background: #2679a8;
}

.roundedBoxComponents .tipCorner-green {
    float: left;
    width: 15px;
    height: 15px;
    background: #9C0;
    cursor: pointer;
    position: absolute;
}

.roundedBoxComponents .tipCorner-green:hover {
    background: #d0fa52;
}

.roundedBoxComponents .lineTop-green {
    float: left;
    width: 100%;
    height: 40px;
    background: #c9e299;
}

.layout-listing {
    width: 100%;
    min-height: 90px;
    margin: 10px 0 0 0;
    display: block;
    position: relative;
    border: 4px solid #eee;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.layout-listing.checked {
    border-color: #999;
}

.layout-listing .ListFileLink {
    padding-left: 30px;
}

.layout-listing a.FolderIcon {
    line-height: 90px;
    font-size: 40px;
    width: 100px;
}

.layout-listing li {
    float: left;
    height: auto;
}

.layout-listing .listingview-thumbs {
    text-align: center;
    margin: 5px 0 0 4px;
    padding-left: 0px;
}

.layout-listing .listingview-Info {
    width: 38%;
    text-align: left;
    margin: 0 0 0 4px;
    padding-top: 30px;
}

.layout-listing .listingview-Date {
    width: 10%;
    text-align: center;
    margin: 0px 0 0 4px;
    padding-top: 40px;
}

.layout-listing .listingview-Controls {
    width: 15%;
    text-align: center;
    margin: 0px 0 0 5px;
    padding-top: 35px;
}

.layout-listing .listingview-Input {
    width: 20%;
    margin: 0px 15px 0 5px;
    text-align: right;
    float: right;
    padding-top: 30px;
}

.roundedBoxComponents .lineLeft-gray {
    float: left;
    width: 15px;
    height: 100%;
    background: #dcd9d9;
    -moz-border-radius-topleft: 8px;
    border-top-left-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
}

.roundedBoxComponents .lineLeft-white {
    margin-top: 15px;
    width: 15px;
    height: 100%;
    background: #fff;
    filter: alpha(opacity=6);
    opacity: 0.6;
}

.roundedBoxComponents .lineLeft-pink {
    float: left;
    width: 15px;
    height: 100%;
    background: #e46aa4;
    -moz-border-radius-topleft: 8px;
    border-top-left-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-left-radius: 8px;
}

.roundedBoxComponents .lineLeft-blue {
    float: left;
    width: 15px;
    height: 100%;
    background: #2679a8;
    -moz-border-radius-topleft: 8px;
    border-top-left-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-left-radius: 8px;
}

.roundedBoxComponents .lineLeft-green {
    float: left;
    width: 15px;
    height: 100%;
    background: #c9e299;
    -moz-border-radius-topleft: 8px;
    border-top-left-radius: 8px;
    z-index: 0!important;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-left-radius: 8px;
}

.layout-detailview {
    width: 100%;
    height: 230px;
    margin: 10px 0px 0;
    display: block;
    position: relative;
}

.roundedBoxComponents .lineTopLeft-gray {
    float: left;
    width: 100%;
    height: 15px;
    background: #dcd9d9;
    -moz-border-radius-topleft: 8px;
    border-top-left-radius: 8px;
}

.roundedBoxComponents .lineTopLeft-white {
    float: left;
    width: 100%;
    height: 15px;
    background: #fff;
    filter: alpha(opacity=6);
    position: absolute;
    top: 0;
    height: 100%;
    left: 0px;
    width: 40px;
}

.roundedBoxComponents .lineTopLeft-pink {
    float: left;
    width: 100%;
    height: 15px;
    background: #e46aa4;
    -moz-border-radius-topleft: 8px;
    border-top-left-radius: 8px;
}

.roundedBoxComponents .lineTopLeft-blue {
    float: left;
    width: 100%;
    height: 15px;
    background: #2679a8;
    -moz-border-radius-topleft: 8px;
    border-top-left-radius: 8px;
}

.roundedBoxComponents .lineTopLeft-green {
    float: left;
    width: 100%;
    height: 15px;
    background: #c9e299;
    -moz-border-radius-topleft: 8px;
    border-top-left-radius: 8px;
    z-index: 0!important;
}

.layout-detailview li {
    float: left;
    height: auto;
}

.layout-detailview .detailview-thumbs {
    width: 250px;
    height: 180px;
    overflow: auto;
    text-align: center;
    padding-left: 15px;
    border-right: 1px solid #ccc;
}

.layout-detailview .detailview-thumbs li {
    width: 100%;
    height: 100px;
    text-align: center;
}

.layout-detailview .detailview-Info {
    width: 60%;
    height: 180px;
    margin: 0 0 0 4px;
    padding-left: 5px;
    overflow: hidden;
    height: 168px;
    margin: 5px 0;
}

.layout-detailview .detailview-Info p {
    font-size: 12px;
    padding: 2px 0;
}

.layout-detailview .detailview-bottomControl {
    padding: 0 10px;
    z-index: 0!important;
    background: #fff;
    border-top: 1px dotted #ccc;
}

.actionLeft-section {
    float: left;
    padding: 5px 0;
    text-align: center;
}

.actionRight-section {
    float: right;
    padding: 0px 0;
    text-align: right;
    width: 220px;
}

.detailInfo-left {
    float: left;
    width: 55%;
}

.detailInfo-left-ar {
    float: left;
    width: 55%;
    font-family: tahoma !important;
}

.detailInfo-ar {
    font-family: tahoma !important;
}

.detailInfo-right {
    float: left;
    width: 42%;
}

.detailInfo-right-ar {
    float: left;
    width: 42%;
    font-family: tahoma !important;
}

.detailInfo-summary {
    margin-top: 18px;
    margin-bottom: 15px;
    overflow: hidden;
}

.detailInfo-summary-ar {
    margin-top: 18px;
    margin-bottom: 15px;
    overflow: hidden;
    font-family: tahoma !important;
}

.detailInfo-left li {
    display: block;
    clear: left;
}

.detailInfo-right li {
    display: block;
    clear: left;
}

.detailInfo-left-ar li {
    display: block;
    clear: right;
}

.detailInfo-right-ar li {
    display: block;
    clear: right;
}

.roundedBoxComponents .boxContent-section {
    height: 185px;
    padding: 0px;
    overflow: hidden;
    padding-bottom: 0px !important;
    padding-top: 3px !important;
    margin: 1px;
    text-align: center;
    position: relative;
}

.boxContent-section {
    margin: 0 8px
}

.roundedBoxComponents .iconMenu-strip {
    border-top: 1px solid rgba(0, 0, 0, .1);
    text-align: center;
    line-height: 25px;
    font-size: 16px;
}

.detailview-bottomControl .withoutBorder {
    border: 0px !important;
}

.detailview-bottomControl .iconMenu-strip .withoutBackground {
    background: none !important;
}

.detailview-bottomControl .iconMenu-strip .withoutBackground:hover {
    background: none !important;
}

.detailview-thumbs .lineTopLeft-white {}

.detailview-thumbs .link-multi-view {
    height: 100px;
    margin-top: 10px;
}

.detailview-thumbs .fileNameDiv {
    margin-top: 20px;
}

.link-multi-view {
    text-decoration: none;
    height: 195px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.viewFileRightPanel .link-multi-view {
    height: 90px;
}

.iconMenu-strip a {
    color: #999;
    display: inline-block;
    cursor: pointer;
    padding: 0 5px;
}

.iconMenu-strip a:hover {
    color: #2585e5;
}

.roundedBoxComponents .box-footer {
    background: #e6e6e6;
    height: 25px;
    -moz-border-radius-bottomright: 8px 8px;
    border-bottom-right-radius: 8px 8px;
    -moz-border-radius-bottomleft: 8px 8px;
    border-bottom-left-radius: 8px 8px;
}

.roundedBoxComponents .box-footer select {
    border: none!important;
    background: #e6e6e6!important;
    width: 100%;
    color: #9e9e9e;
    text-transform: uppercase!important;
    font-size: 11px;
    font-weight: bold;
    -moz-box-shadow: inset 0 0 3px 0px #e6e6e6;
    -webkit-box-shadow: inset 0 0 3px 0px #e6e6e6;
    box-shadow: inset 3px 3px 5px 0px #e6e6e6;
}

.btn-checkOutGray {
    vertical-align: middle;
    background: url(../images/icon-view-page.png) no-repeat 0 0 !important;
    width: 30px;
    height: 21px;
    padding: 0!important;
    margin: 0!important;
    border: none!important;
}

.btn-checkOutOrange {
    background: url(../images/icon-box-checkIn-orange.png) no-repeat 0 0 !important;
    width: 30px;
    height: 17px;
    padding: 0!important;
    margin: 0!important;
    border: none!important;
    vertical-align: middle;
}

.btn-checkOutGray:hover {
    vertical-align: middle;
    background: url(../images/icon-view-page.png) no-repeat 0 -21px !important;
}

.btn-checkInGray {
    vertical-align: middle;
    background: url(../images/icon-view-page.png) no-repeat -30px 0 !important;
    width: 30px;
    height: 21px;
    padding: 0!important;
    margin: 0!important;
    border: none!important;
}

.btn-checkInGray:hover {
    vertical-align: middle;
    background: url(../images/icon-view-page.png) no-repeat -30px -21px !important;
}


/*.btn-cartGray{background:url(../images/icon-view-page.png) no-repeat -60px 0 !important;width:30px;height:21px;padding:0!important;margin:0!important;border:none!important;}
.btn-cartGray:hover{background:url(../images/icon-view-page.png) no-repeat -60px -21px !important;}*/


/*.btn-infoGray{background:url(../images/icon-view-page.png) no-repeat -90px 0 !important;width:30px;height:21px;padding:0!important;margin:0!important;border:none!important;}
.btn-infoGray:hover{background:url(../images/icon-view-page.png) no-repeat -90px -21px !important;}*/


/*.btn-linkGray{background:url(../images/icon-view-page.png) no-repeat -120px 0 !important;width:30px;height:21px;padding:0!important;margin:0!important;border:none!important;}
.btn-linkGray:hover{background:url(../images/icon-view-page.png) no-repeat -120px -21px !important;}*/

.btn-checkOut {
    background: url(../images/icon-box-checkout.png) no-repeat center !important;
    width: 30px;
    padding: 0!important;
    margin: 0!important;
    border: none!important;
}

.btn-checkOut:hover,
.btn-checkOut.selected {
    background: url(../images/icon-box-checkout-over.png) no-repeat center !important;
    width: 30px;
    padding: 0!important;
    margin: 0!important;
    border: none!important;
    display: inline-block;
}

.btn-checkIn {
    background: url(../images/icon-box-checkIn.png) no-repeat center !important;
    width: 30px;
    padding: 0!important;
    margin: 0!important;
    border: none!important;
    display: inline-block;
}

.btn-checkIn:hover,
.btn-checkIn.selected {
    background: url(../images/icon-box-checkIn-over.png) no-repeat center !important;
    width: 30px;
    padding: 0!important;
    margin: 0!important;
    border: none!important;
    display: inline-block;
}


/*.btn-cart{background:url(../images/icon-cart.png) no-repeat center !important;width:30px;height:17px;padding:0!important;margin:0!important;border:none!important;}
.btn-cart:hover, .btn-cart.selected{background:url(../images/icon-cart-over.png) no-repeat center !important;width:30px;height:17px;padding:0!important;margin:0!important;border:none!important;}*/


/*.btn-info{background:url(../images/icon-box-info.png) no-repeat center !important;width:30px;height:17px;padding:0!important;margin:0!important;border:none!important;}*/

.btn-bookmarkoff {
    background: url(../images/bookmark-off.png) no-repeat center !important;
    width: 30px;
    height: 17px;
    padding: 0!important;
    margin: 0!important;
    border: none!important;
}

.btn-bookmarkon {
    background: url(../images/bookmark-on.png) no-repeat center !important;
    width: 30px;
    height: 17px;
    padding: 0!important;
    margin: 0!important;
    border: none!important;
}


/*.btn-info:hover, .btn-info.selected{background:url(../images/icon-box-info-over.png) no-repeat center !important;width:30px;height:17px;padding:0!important;margin:0!important;border:none!important;}
.btn-link{background:url(../images/icon-box-link.png) no-repeat center !important;width:30px;height:17px;padding:0!important;margin:0!important;border:none!important;}*/


/*.btn-link:hover, .btn-link.selected{background:url(../images/icon-box-link-over.png) no-repeat center !important;width:30px;height:17px;padding:0!important;margin:0!important;border:none!important;}*/

.btn-prev {
    background: url(../images/icon-prevGray.png) no-repeat left bottom!important;
    width: 15px;
    height: 15px;
    padding: 0!important;
    margin: 0!important;
    border: none!important;
}

.btn-prev:hover {
    background: url(../images/icon-prev-over.png) no-repeat left bottom!important;
    width: 15px;
    height: 15px;
    padding: 0!important;
    margin: 0!important;
    border: none!important;
}

.btn-next {
    background: url(../images/icon-nextGray.png) no-repeat right bottom!important;
    width: 15px;
    height: 15px;
    padding: 0!important;
    margin: 0!important;
    border: none!important;
}

.btn-next:hover {
    background: url(../images/icon-next-over.png) no-repeat right bottom!important;
    width: 15px;
    height: 15px;
    padding: 0!important;
    margin: 0!important;
    border: none!important;
}

.paging {
    width: 57%;
    text-align: center;
    clear: both;
    white-space: nowrap;
}

.pagination {
    width: 30%;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    white-space: nowrap;
}

.pageNo {
    background: #fff;
    border: 1px solid #ccc;
    padding: 2px 25px 2px 5px;
    margin: 0 10px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: inset 0 0 3px 0px #cecece;
    -webkit-box-shadow: inset 0 0 3px 0px #cecece;
    box-shadow: inset 3px 3px 5px 0px #cecece;
}

.input-pgNo {
    background: none!important;
    width: 45px!important;
    box-shadow: none!important;
    text-align: right;
    font-size: 11px!important;
    font-weight: bold;
    color: #000!important;
}

.thumbnailPanel-left {
    float: left;
    width: 155px;
    height: 900px;
    overflow: hidden;
    border-right: 1px solid #ccc;
    padding-top: 50px;
}

.thumbnailPanel-left ul {
    width: 105px;
    height: 100%;
    margin: 0 auto;
}

.thumbnailPanel-left ul li {
    text-align: center;
    margin: 0 0 25px 0;
}

.thumbnailDisplay-right {
    float: left;
    min-width: 530px;
    height: 935px;
    overflow: hidden;
    text-align: center;
    border-left: 1px solid #999;
    padding-top: 50px;
}

.imageGallery {
    margin: 50px auto 0 auto;
}

.box-content {
    padding: 10px;
    background: #fff;
}

.box-content label {
    text-transform: none;
    font-size: 15px;
    color: #999;
    font-weight: 400;
}

.box-content .labelValue {
    color: #626262;
    font-weight: 700;
    word-wrap: break-word;
}

.comments {
    margin: 0px 0 10px 0;
}

.comments .commentsTitle {
    font-size: 11px;
    color: #333;
    font-weight: bold;
}

.comments p {
    padding: 2px 0;
}

.tip-viewComments {
    color: #999999;
    display: block;
    float: right;
    font-size: 10px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 20px;
    width: 30px;
    background: #2679a8;
    border-radius: 2px;
    height: 25px;
}

.tip-viewComments:after {
    content: "";
    border-top: 6px solid #2679a8;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    top: 100%;
    left: 9px;
}

.tip-viewComments .countComments {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 11px;
    color: #fff;
    display: block;
    line-height: 25px;
}

.tip-viewComments .clear {
    position: absolute;
    width: 100px;
    right: 0;
    text-align: right;
    top: 3px;
}

.buttonSlider {
    width: 30%;
    margin: 0 auto;
}

.galleryButtonBar {
    width: 80%;
    margin: 5px auto 0 auto;
    position: relative;
}

.galleryButtonBar li {
    display: inline-block;
}

.btn-gallery-prev-sml {
    display: block;
    width: 12px;
    height: 10px;
    background: url(../images/icon-prev-sml.png) no-repeat left top;
    cursor: pointer;
    margin-right: 5px;
}

.btn-gallery-prev-sml:hover {
    background: url(../images/icon-prev-sml-over.png) no-repeat left top;
    cursor: pointer;
}

.btn-gallery-next-sml {
    display: block;
    width: 12px;
    height: 10px;
    background: url(../images/icon-next-sml.png) no-repeat left top;
    cursor: pointer;
    margin-left: 5px;
}

.btn-gallery-next-sml:hover {
    background: url(../images/icon-next-sml-over.png) no-repeat left top;
    cursor: pointer;
}

.footer {
    font-size: 10px!important;
    color: #000000!important;
    height: 40px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background: #E6E6E6;
}

.footer .footersection-left {
    width: 450px;
    float: left;
}

.footer .footersection-right {
    width: 400px;
    float: right;
}

.jcarousel-skin-tango {
    min-width: 400px;
    width: 80%;
    height: auto;
    z-index: 9999;
    margin: 0 auto;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango ul li {
    padding: 0px;
    text-align: center;
    min-width: 490px!important;
    width: 700px;
}

.slidePrev {
    background: url(../images/icon-prev.png) no-repeat left center;
    width: 15px;
    height: 16px;
    display: block;
    padding: 10px;
}

.slidePrev:hover {
    background: url(../images/icon-prev-over.png) no-repeat left center;
    width: 15px;
    height: 16px;
}

.slideNext {
    background: url(../images/icon-next.png) no-repeat left center;
    width: 15px;
    height: 16px;
    display: block;
    padding: 10px;
}

.slideNext:hover {
    background: url(../images/icon-next-over.png) no-repeat left center;
    width: 15px;
    height: 16px;
}

.popup {
    position: relative;
}

.popup-transparentBg {
    background: url(../images/transparent-whitebg.png);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 8888!important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.popup-container {
    width: 100%;
    height: auto;
    z-index: 9999!important;
    position: absolute;
}

.popup-container .BoxRounded_withShadow {
    margin: 0% auto 0 auto;
    width: 868px;
}

\\ updated by mohamad mantach .fileType {
    width: 70%!important;
    border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    background: white!important;
    padding: 6px!important;
    color: #999;
    -moz-box-shadow: inset 2px 2px 1px -1px #969696 !important;
    -webkit-box-shadow: inset 2px 2px 1px -1px #969696 !important;
    box-shadow: inset 1px 1px 1px 0px #969696 !important;
    border: 1px solid #ebebeb!important;
    font-size: 11px;
    font-weight: bold;
}

.popup-close {
    background: #01a0c8;
    float: right;
    width: 25px;
    padding: 6px 0 5px 0;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-top: -26px;
    -moz-border-radius-topright: 8px;
    border-top-right-radius: 8px;
    cursor: pointer;
    font-size: 12px;
}

.popup-close:hover {
    background: #01a0c8;
}

.popup-contentBox {
    width: 98%;
    min-height: 200px;
    border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    background: #ebebeb!important;
    padding: 6px!important;
    color: #000!important;
    -moz-box-shadow: inset 1px 1px 2px -1px #666 !important;
    -webkit-box-shadow: inset 1px 1px 2px -1px #666 !important;
    box-shadow: inset 1px 1px 2px -1px #666 !important;
    border: 1px solid #ddd!important;
    font-size: 11px;
    font-weight: bold;
    position: relative;
    padding: 30px 10px 10px;
}

.popup-contentBox-tip {
    background: url(../images/arrow-tip-popup.png) no-repeat top left;
    width: 17px;
    height: 12px;
    margin: -14px 0 0 20px;
    position: absolute;
}

.tabs-popup {
    width: 100%;
    height: 40px;
    color: #626262;
    z-index: 0!important;
    position: relative;
}

.tabs-popup #cboxClose {
    top: 14px;
    right: 20px;
}

.tabs-popup ul {
    width: 100%;
}

.tabs-popup li {
    float: left;
    padding: 0 20px;
    text-transform: uppercase;
    font-weight: bold;
    border-right: 1px solid #fff;
    height: 40px;
    cursor: pointer;
    line-height: 40px;
    opacity: .7;
    box-sizing: border-box;
}

.tabs-popup li.selected {
    opacity: 1;
}


/* .tabs-popup li.tabs-closePopup{
	float:right;
	border:0;
	background:#878787;
	-moz-border-radius-topright:3px;
	border-top-right-radius:3px;
	z-index:0!important;
	padding:8px 13px;
	color:#fff;
	font-size:14px;
	cursor:pointer;
} */


/* .tabs-popup li.tabs-closePopup:hover{background:#2679a8;color:#fff;} */

.tabs-popup li.tabs-minimizePopup {
    background: url("../images/minimize.png") no-repeat scroll center center gray;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-size: 14px;
    height: 33px;
    margin: 0 37px 0 0;
    padding: 0;
    width: 36px;
    z-index: 0 !important;
}

.tabs-popup li.tabs-minimizePopup:hover {
    background: url("../images/minimize.png") no-repeat scroll center center #2679a8;
}

.tabs-popup li.tabs-minimizePopup.maximize {
    background: url("../images/maximize.png") no-repeat scroll center center gray;
}

.tabs-popup li.tabs-minimizePopup.maximize:hover {
    background: url("../images/maximize.png") no-repeat scroll center center #02B2DF;
}

.tabs-popup li:hover,
.tabs-popup li.selected {
    border-bottom: 3px solid #2679a8;
}

.tabs-ContentPopup {
    padding: 15px;
    z-index: 999!important;
    background: #fff;
    position: relative;
    box-shadow: -1px -1px 1px #CCCCCC !important;
    min-height: 300px;
}

.tab-content {
    text-align: left!important;
    padding-top: 0px;
    font-size: 13px;
}

.tab-content ul.colm2 {
    width: 38%;
    float: left;
}

.tab-content .imageBox {
    float: right;
    width: 22%;
    text-align: center;
}

.tab-content li {
    padding: 3px 0;
}

.tab-content li label {
    width: 45%;
    display: inline-block;
    font-weight: normal;
    text-transform: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0;
    font-weight: 700;
    vertical-align: middle;
}

.tab-content li span {
    width: 48%;
    display: inline-block;
    word-wrap: break-word;
}

.text-caps {
    text-transform: uppercase!important;
    overflow: visible!important;
}

.box-1Colms {
    width: 99%;
    float: left;
}

.box-2Colms {
    width: 50%;
    float: left;
}

.box-2-3Colms {
    width: 74%;
    float: left;
}

.box-3Colms {
    width: 29%;
    float: left;
    margin: 10px 10px 10px 0;
}

#date_from {
    height: 15px!important
}

#date_to {
    height: 15px!important
}

#keybord {
    height: 15px!important
}

.box-4Colms {
    width: 24.5%;
    float: left;
}

.box-2Colms .label-colmn {
    float: left;
    width: 100px!important;
    padding-top: 5px;
    height: 22px;
}

.box-2Colms .span-colmn {
    float: left;
    width: 68%!important;
    height: 34px;
}

.box-1Colms .label-colmn {
    float: left;
    width: 100px!important;
    padding-top: 0px;
}

.box-1Colms .span-colmn {
    float: left;
    width: 82%!important;
    height: 34px;
}

.approvalHistory {
    clear: left;
    width: 60%;
}

.approvalHistory li {
    margin-top: 5px;
    width: 98%;
    border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    background: #2679a8!important;
    padding: 2px 6px 0 8px!important;
    color: #fff!important;
    -moz-box-shadow: inset 1px 1px 2px -1px #333 !important;
    -webkit-box-shadow: inset 1px 1px 2px -1px #333 !important;
    box-shadow: inset 1px 1px 2px -1px #333 !important;
    border: 1px solid #ddd!important;
    font-size: 11px;
    font-weight: bold;
    position: relative;
}

.approvalHistory li.failed {
    width: 98%;
    border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    background: #EA0005!important;
    padding: 2px 6px 0 8px!important;
    color: #fff!important;
    -moz-box-shadow: inset 1px 1px 2px -1px #333 !important;
    -webkit-box-shadow: inset 1px 1px 2px -1px #333 !important;
    box-shadow: inset 1px 1px 2px -1px #333 !important;
    border: 1px solid #ddd!important;
    font-size: 11px;
    font-weight: bold;
    position: relative;
}

.approvalHistory li.approved {
    width: 98%;
    border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    background: #31C443!important;
    padding: 2px 6px 0 8px!important;
    color: #fff!important;
    -moz-box-shadow: inset 1px 1px 2px -1px #333 !important;
    -webkit-box-shadow: inset 1px 1px 2px -1px #333 !important;
    box-shadow: inset 1px 1px 2px -1px #333 !important;
    border: 1px solid #ddd!important;
    font-size: 11px;
    font-weight: bold;
    position: relative;
}

.approvalHistory li .approvalStatus {
    background: url(../images/icon-alert.png) no-repeat left center;
    display: inline-block;
    width: 72%;
    padding: 12px 0 10px 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.approvalHistory li .approvedStatus {
    background: url(../images/icon-tick.png) no-repeat left center;
    display: inline-block;
    width: 72%;
    padding: 12px 0 10px 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.approvalHistory li .message {
    border-left: 1px solid #FFFFFF;
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 33px;
    line-height: 33px;
    padding: 10px 0 10px 10px;
    width: 15%;
}

.approvalHistory li .message span {
    position: relative;
}

.approvalHistory li .message p {
    background-color: white;
    border: 1px solid gray;
    border-radius: 8px 8px 8px 8px;
    bottom: -10px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    color: #000000;
    display: none;
    font-weight: normal;
    left: 123px;
    line-height: 14px;
    padding: 5px;
    position: absolute;
    white-space: normal !important;
    width: 250px;
    z-index: 999;
}

.approvalHistory li .message span:hover p {
    display: block;
}

.DisabledStorage {
    background: url(../images/icon-storageFolder.png) no-repeat bottom center!important;
}

.storageFolder {
    padding: 35px 0;
    width: 60%;
    margin: 0 auto;
    text-align: center;
}

.storageFolder li a {
    display: inline-block;
    font-size: 10px;
    min-width: 100px;
    font-weight: bold;
    text-transform: uppercase;
    background: url(../images/icon-storageFolder.png) no-repeat bottom center;
    text-align: center;
    padding-bottom: 50px;
}

.storageFolder li {
    float: left;
    border-right: 1px solid #ccc;
    width: 24%;
}

.storageFolder li:last-child a {
    border-right: 0px solid #ccc;
}

.storageFolder a:hover,
.storageFolder a.selected {
    color: #2679a8;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    background: url(../images/icon-storageFolder-over.png) no-repeat bottom center;
    text-align: center;
    padding-bottom: 50px;
}

.control-panel {
    margin: 50px 0 0 0;
    padding-bottom: 50px;
    min-height: 300px;
}

.control-panel li {
    float: left;
    width: 17.5%;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
}

.control-panel li a {
    margin: 15px 35px;
    font-weight: bold;
    color: #666;
    height: 100px;
    display: block;
    text-align: center;
    width: 70%;
}

.control-panel li a:hover {
    font-weight: bold;
    color: #333;
}

.control-panel-2 {
    margin: 26px 0 0 0;
    padding: 0 10px 0px 10px;
    border-bottom: 1px solid #a7a7a7;
}

.control-panel-2 li {
    float: left;
    width: 8.8%;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    position: relative;
}

.divider {
    background: url(../images/line-divider.png) no-repeat right center;
    padding: 0 2px;
}

.control-panel-2 li a {
    margin: 0;
    color: #666;
    height: 80px;
    display: block;
    text-align: center;
    width: 100%;
}

.control-panel-2 li a:hover {
    color: #333;
}

.control-panel-2 li:hover {
    background: #2679a8;
    background-image: linear-gradient(top, #fff 5%, #d1d1d1 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #fff 5%, #d1d1d1 50%, #fff 100%);
    background-image: -moz-linear-gradient(top, #fff 5%, #d1d1d1 50%, #fff 100%);
    background-image: -webkit-linear-gradient(top, #fff 5%, #d1d1d1 50%, #fff 100%);
    background-image: -ms-linear-gradient(top, #fff 5%, #d1d1d1 50%, #fff 100%);
}

.control-panel-2 li:hover .menu-items {
    display: block;
    z-index: 999;
}

.menu-items {
    position: absolute;
    width: 180px;
    background: #fff;
    border: 1px solid #ccc;
    text-align: left;
    display: none;
    -moz-box-shadow: 0px 0px 4px 1px #cccccc;
    -webkit-box-shadow: 0px 0px 4px 1px #cccccc;
    box-shadow: 0px 0px 4px 1px #cccccc;
}

.menu-items .popupDropDown-tip {
    margin-left: 40px;
}

.menu-items li {
    margin: 0;
    padding: 2px 5px;
    display: block;
    float: none;
    width: auto;
    text-align: center;
    border-bottom: 1px solid #ccc;
}

.menu-items li:hover {
    background: none;
}

.menu-items li a {
    width: auto;
    height: auto;
    padding: 3px 0;
    font-size: 12px;
    text-transform: none;
    text-align: left;
}

.menu-items li a:hover {
    color: #2679a8;
}

.active {
    background: #2679a8;
    background-image: linear-gradient(top, #fff 5%, #d1d1d1 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #fff 5%, #d1d1d1 50%, #fff 100%);
    background-image: -moz-linear-gradient(top, #fff 5%, #d1d1d1 50%, #fff 100%);
    background-image: -webkit-linear-gradient(top, #fff 5%, #d1d1d1 50%, #fff 100%);
    background-image: -ms-linear-gradient(top, #fff 5%, #d1d1d1 50%, #fff 100%);
}

.icon-exchangeBranches {
    background: url(../images/icon-exchangeBranches.png) no-repeat center 35px
}

.iconPlus {
    background: #2679a8;
    display: inline-block;
    vertical-align: middle;
    margin: 10px;
    font-size: 8px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 2px;
    color: #fff;
}

.iconPlus:hover {
    background: #666;
    color: #fff;
}

.icon-exchangeBranches:hover {
    background: url(../images/icon-exchangeBranches-over.png) no-repeat center 35px
}

.icon-admin {
    background: url(../images/icon-admin.png) no-repeat center 35px
}

.icon-admin:hover {
    background: url(../images/icon-admin-over.png) no-repeat center 35px
}

.icon-configration {
    background: url(../images/icon-configration.png) no-repeat center 35px
}

.icon-configration:hover {
    background: url(../images/icon-configration-over.png) no-repeat center 35px
}

.icon-homepageThemes {
    background: url(../images/icon-homepageThemes.png) no-repeat center 35px
}

.icon-homepageThemes:hover {
    background: url(../images/icon-homepageThemes-over.png) no-repeat center 35px
}

.icon-layoutIntegrator {
    background: url(../images/icon-layoutIntegrator.png) no-repeat center 35px
}

.icon-layoutIntegrator:hover {
    background: url(../images/icon-layoutIntegrator-over.png) no-repeat center 35px
}

.icon-newspressAdmin {
    background: url(../images/icon-newspressAdmin.png) no-repeat center 35px
}

.icon-newspressAdmin:hover {
    background: url(../images/icon-newspressAdmin-over.png) no-repeat center 35px
}

.icon-notification {
    background: url(../images/icon-notification.png) no-repeat center 35px
}

.icon-notification:hover {
    background: url(../images/icon-notification-over.png) no-repeat center 35px
}

.icon-person {
    background: url(../images/icon-login.png) no-repeat center 35px
}

.icon-storagePermission {
    background: url(../images/icon-storagePermission.png) no-repeat center 35px
}

.icon-storagePermission:hover {
    background: url(../images/icon-storagePermission-over.png) no-repeat center 35px
}

.icon-tabsConfig {
    background: url(../images/icon-tabsConfig.png) no-repeat center 35px
}

.icon-tabsConfig:hover {
    background: url(../images/icon-tabsConfig-over.png) no-repeat center 35px
}

.icon-userManagement {
    background: url(../images/icon-userManagement.png) no-repeat center 35px
}

.icon-userManagement:hover {
    background: url(../images/icon-userManagement-over.png) no-repeat center 35px
}

.icon-searchManagement {
    background: url(../images/icon-search-gray.png) no-repeat center 35px
}

.icon-searchManagement:hover {
    background: url(../images/icon-search-over.png) no-repeat center 35px
}

.listingData {
    margin: 10px 0;
    font-size: 12px;
}

.data-header {
    background: #7d7d7d;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
}

.data-header.theme-blue {
    background: #2679a8!important;
}

.data-header.theme-blue li {
    display: inline-block;
    height: 20px;
    padding: 7px 0 1px 13px!important;
}

.data-header li {
    display: inline-block;
    height: 20px;
    padding: 7px 0 1px 15px!important;
}

.data-header li.dh-name {
    width: 25%;
    border-right: 1px solid #fff;
}

.data-header li.dh-desc {
    width: 40%;
}

.data-header li.dh-action {
    width: 25%;
    float: right;
    text-align: right;
}

.data-listing {
    border-bottom: 1px solid #999;
    clear: both;
    height: 45px;
}

.data-listing.theme-blue {
    border-bottom: none;
}

.data-listing.theme-blue ul {
    clear: left;
    border-bottom: 1px solid #ccc!important;
}

.data-listing.theme-blue li {
    padding: 10px 0 10px 15px!important;
}

.data-listing li {
    float: left;
    height: auto;
    padding: 7px 0 0 15px!important;
}

.data-listing li.dh-name {
    width: 25%;
    border-right: 1px solid #fff;
}

.data-listing li.dh-desc {
    width: 40%;
}

.data-listing li.dh-action {
    width: 25%;
    float: right;
    text-align: right;
    margin-right: 20px;
}

.data-listing li a {
    color: #2679a8;
    font-weight: bold;
}

.data-listing li .btnGray {
    margin-top: -1px;
    margin-right: 25px!important;
    padding: 2px 15px;
    !important;
}

.listingData-BlueHeader .data-header {
    background: #2679a8;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    -webkit-border-top-left-radius: 9px;
    -webkit-border-top-right-radius: 9px;
    -moz-border-radius-topleft: 9px;
    -moz-border-radius-topright: 9px;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}

.listingData-BlueHeader .data-header li {
    display: inline-block;
    height: 20px;
    padding: 15px 0 5px 15px!important;
}

.listingData-BlueHeader .data-header li.dh-name {
    width: 25%;
    border-right: 1px solid #fff!important;
}

.listingData-BlueHeader .data-header li.dh-desc {
    width: 40%;
}

.listingData-BlueHeader .data-header li.dh-action {
    width: 25%;
    float: right;
    text-align: right;
}

.listingData-BlueHeader .data-listing li {
    float: left;
    height: auto;
    padding: 10px 0 10px 15px!important;
}

.listingData-BlueHeader .data-listing li.dh-name {
    width: 25%;
    border-right: 1px solid #fff;
    font-weight: bold;
    padding-top: 20px!important;
}

.listingData-BlueHeader .data-listing li.dh-desc {
    width: 40%;
}

.listingData-BlueHeader .data-listing li.dh-action {
    width: 25%;
    float: right;
    text-align: right;
    margin-right: 20px;
}

.listingData-BlueHeader .data-listing li a {
    color: #2679a8;
    font-weight: bold;
}

.listingData-BlueHeader .data-listing li .btnGray {
    margin-top: -1px;
    margin-right: 25px!important;
    padding: 2px 15px!important;
}

.chatMessageBox {
    margin: 0 15px;
}

.chatBox-Self {
    float: left;
    width: 45%;
    border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    background: #2679a8!important;
    padding: 10px!important;
    color: #fff;
    -moz-box-shadow: inset 1px 1px 2px -1px #333 !important;
    -webkit-box-shadow: inset 1px 1px 2px -1px #333 !important;
    box-shadow: inset 1px 1px 2px -1px #333 !important;
    border: 1px solid #ddd!important;
    font-size: 11px;
    font-weight: bold;
    margin: 30px 0;
    position: relative;
    clear: left;
}

.chatBox-Self .tip {
    background: url(../images/chat-tip-blue.png) no-repeat;
    width: 14px;
    height: 18px;
    margin: -5px 0 0 -20px;
    position: absolute;
}

.chatBox-Self label {
    display: block;
    margin-top: -30px;
    font-weight: bold;
    color: #2679a8;
    position: absolute;
    text-transform: none;
}

.chatBox-Other {
    clear: right;
    float: right;
    width: 45%;
    border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    background: #a8a8a8!important;
    padding: 10px!important;
    color: #fff;
    -moz-box-shadow: inset 1px 1px 2px -1px #333 !important;
    -webkit-box-shadow: inset 1px 1px 2px -1px #333 !important;
    box-shadow: inset 1px 1px 2px -1px #333 !important;
    border: 1px solid #ddd!important;
    font-size: 11px;
    font-weight: bold;
    margin: 70px 0 20px 0;
    position: relative;
}

.chatBox-Other .tip {
    background: url(../images/chat-tip-gray.png) no-repeat;
    width: 14px;
    height: 18px;
    margin: -5px -10px 0 0px;
    right: 0;
    position: absolute;
}

.chatBox-Other label {
    display: block;
    margin-top: -30px;
    font-weight: bold;
    color: #999999;
    position: absolute;
    right: 0;
    text-transform: none;
}

.chatListing {
    border-bottom: 1px solid #2679a8;
    font-size: 11px;
    padding: 10px 0;
}

.chatListing li {
    padding: 0px 0;
    clear: left;
}

.chatListing li label {
    width: 10%;
    color: #2679a8;
    top: 0;
    float: left;
}

.chatListing li span {
    width: 45%;
    overflow: visible;
    white-space: normal;
    float: left;
}

.popup-team {
    margin: 15px 5px;
}

.teamList {
    float: left;
    width: 245px;
    overflow: hidden;
    border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    background: white!important;
    padding: 6px!important;
    color: #999;
    -moz-box-shadow: inset 2px 2px 1px -1px #969696 !important;
    -webkit-box-shadow: inset 2px 2px 1px -1px #969696 !important;
    box-shadow: inset 1px 1px 1px 0px #969696 !important;
    border: 1px solid #ebebeb!important;
    font-size: 11px;
    font-weight: bold;
    margin: 0 20px 10px 0;
}

.teamList li {
    margin: 0;
    padding: 0;
}

.teamAvatar {
    width: 42px;
    height: 63px;
    float: left;
    border: 1px dashed #f00;
    border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    background: #a8a8a8;
    text-align: center;
    border: 1px solid #a8a8a8;
    overflow: hidden;
    padding: 0;
    margin-left: 2px!important;
}

.teamInfo {
    width: 180px;
    height: 63px;
    float: right;
    position: relative;
}

.teamInfo label {
    font-size: 12px!important;
    font-weight: bold!important;
    color: #2679a8;
    text-transform: uppercase!important;
    width: 100%!important;
    margin-top: 7px;
}

.teamInfo p {
    font-size: 12px;
    font-weight: normal;
}

.teamInfo .btnDelete {
    width: 10px;
    height: 8px;
    right: 3px;
    position: absolute;
    font-size: 30px;
    font-weight: bold;
    color: #df2121;
    text-align: center;
    cursor: pointer;
    margin-top: -18px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.btnTabbed {
    padding: 4px 20px!important;
    width: 150px;
    background-color: #3ca5e0;
    color: #fff;
    border: 2px solid #3ca5e0;
}

.btnTabbed.selected {
    background: #2679a8;
    background-image: linear-gradient(top, #2679a8 0%, #2679a8 50%);
    background-image: -o-linear-gradient(top, #2679a8 0%, #2679a8 50%);
    background-image: -moz-linear-gradient(top, #2679a8 0%, #2679a8 50%);
    background-image: -webkit-linear-gradient(top, #2679a8 0%, #2679a8 50%);
    background-image: -ms-linear-gradient(top, #2679a8 0%, #2679a8 50%);
    padding: 4px 20px!important;
}

.newMember {
    margin-top: -3px;
    padding: 15px 10px;
}

.sendApproval {
    margin-top: -3px;
    padding: 15px 10px;
}

.selectAll {
    width: 93%;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background: #d8d9d9;
    padding: 7px 10px;
    box-shadow: inset 3px 3px 5px 0px #cecece;
}

.multiSelection {}

.multiSelection li {
    padding: 5px 10px;
}

.multiSelection li:hover,
.multiSelection li.selected {
    background: #d9d9d9;
}

.logs-section {}

.title-grayBg {
    background: #a8a8a8;
    font-weight: bold;
    color: #fff;
    padding: 5px 10px;
    font-size: 13px;
    text-transform: uppercase;
}

.grayBg {
    background-color: #eeeeee;
}

.logs {
    clear: left;
}

.logs li {
    width: 98%;
    border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    background: #a8a8a8!important;
    padding: 2px 6px 0 8px!important;
    color: #fff!important;
    -moz-box-shadow: inset 1px 1px 2px -1px #333 !important;
    -webkit-box-shadow: inset 1px 1px 2px -1px #333 !important;
    box-shadow: inset 1px 1px 2px -1px #333 !important;
    border: 1px solid #ddd!important;
    font-size: 11px;
    font-weight: bold;
    position: relative;
}

.logs li:nth-child(odd) {
    width: 98%;
    border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    background: #a8a8a8!important;
    padding: 2px 6px 0 8px!important;
    color: #fff!important;
    -moz-box-shadow: inset 1px 1px 2px -1px #333 !important;
    -webkit-box-shadow: inset 1px 1px 2px -1px #333 !important;
    box-shadow: inset 1px 1px 2px -1px #333 !important;
    border: 1px solid #ddd!important;
    font-size: 11px;
    font-weight: bold;
    position: relative;
}

.logs li.ok {
    width: 98%;
    border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    background: #2679a8!important;
    padding: 2px 6px 0 8px!important;
    color: #fff!important;
    -moz-box-shadow: inset 1px 1px 2px -1px #333 !important;
    -webkit-box-shadow: inset 1px 1px 2px -1px #333 !important;
    box-shadow: inset 1px 1px 2px -1px #333 !important;
    border: 1px solid #ddd!important;
    font-size: 11px;
    font-weight: bold;
    position: relative;
}

.logs li .logStatus {
    background: url(../images/icon-folder-whiteBg.png) no-repeat left center;
    display: inline-block;
    width: 25%;
    padding: 12px 0 10px 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.logs li .logStatusFailed {
    background: url(../images/icon-alert.png) no-repeat left center;
    display: inline-block;
    width: 24%;
    padding: 12px 0 10px 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.logs li .logStatusSuccess {
    background: url(../images/icon-tick.png) no-repeat left center;
    display: inline-block;
    width: 24%;
    padding: 12px 0 10px 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.logs li .logMessage {
    display: inline-block;
    width: 68%;
    padding: 10px 0 10px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-left: 1px solid #fff;
}

.roundedBoxComponents .tipCorner-gray.checked:before,
.CheckFile.UncheckAllFiles:before {
    content: "";
    position: absolute;
    border-left: 2px solid #999;
    border-bottom: 2px solid #999;
    width: 8px;
    height: 4px;
    background: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 5px;
    left: 4px;
}

.CheckFile.UncheckSelected:before {
    content: "";
    position: absolute;
    border-left: 2px solid #999;
    border-bottom: 2px solid #999;
    width: 8px;
    background: none;
    top: 8px;
    left: 5px;
}

.btn-cartGray {
    background: url(../images/icon-view-page.png) no-repeat -60px 0 !important;
    width: 30px;
    height: 21px;
    padding: 0!important;
    margin: 0!important;
    border: none!important;
    a
}

.btn-cartGray:hover {
    background: url(../images/icon-view-page.png) no-repeat -60px -21px !important;
}

.btn-cartGray.selected {
    background: url(../images/icon-view-page.png) no-repeat -60px -21px !important;
}

.btn-checkInGray.selected {
    background: url(../images/icon-view-page.png) no-repeat -30px -21px !important;
}

.btn-checkOutGray.selected {
    background: url(../images/icon-view-page.png) no-repeat 0 -21px !important;
}

.thumbnailDisplay-center {
    min-width: 530px;
    max-height: 935px;
    border-left: 1px solid #999;
    text-align: center
}

.roundedBoxComponents .tipCorner-gray,
.CheckFile {
    width: 14px;
    height: 14px;
    background: #eee;
    border: 1px solid #ccc;
    cursor: pointer;
    position: absolute;
    top: 6px;
    left: 10px;
    z-index: 2;
}

.td-h3 {
    height: 2px
}

.label {
    padding: 0 10px 0 0
}

.divider>a {
    font-family: "Open Sans", sans-serif!important
}

.dimmed {
    opacity: 0.3
}

.dimmed:hover {
    opacity: 0.7
}

.block230x235 {
    float: left;
    width: 230px;
    height: 235px;
    margin: 10px 10px 0 0;
}

.block230x235 .BoxRounded_withShadow {
    margin: 0!important;
}

.popupRelatedBox {
    width: 230px!important;
    height: 235px!important;
}

.roundedBoxComponents .boxContent-section li {
    width: 200px;
    height: 135px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 10px;
}


/*.roundedBoxComponents .iconMenu-strip{background:#cdcdcd;padding:3px 0;text-align:center;border-top:2px solid #bdbdbd;border-bottom:1px solid #aeaeae;}*/

.roundedBoxComponents .box-footer {
    background: #e6e6e6;
    height: 25px;
    -moz-border-radius-bottomright: 8px 8px;
    border-bottom-right-radius: 8px 8px;
    -moz-border-radius-bottomleft: 8px 8px;
    border-bottom-left-radius: 8px 8px;
}

.roundedBoxComponents .box-footer select {
    border: none!important;
    background: #e6e6e6!important;
    width: 100%;
    color: #9e9e9e;
    text-transform: uppercase!important;
    font-size: 10px;
    font-weight: bold;
    -moz-box-shadow: inset 0 0 3px 0px #e6e6e6;
    -webkit-box-shadow: inset 0 0 3px 0px #e6e6e6;
    box-shadow: inset 3px 3px 5px 0px #e6e6e6;
}

.btn-checkOutGray {
    background: url(../images/icon-view-page.png) no-repeat 0 0 !important;
    width: 30px;
    height: 21px;
    padding: 0!important;
    margin: 0!important;
    border: none!important;
}

.btn-checkOutGray:hover {
    background: url(../images/icon-view-page.png) no-repeat 0 -21px !important;
}

.btn-checkInGray {
    background: url(../images/icon-view-page.png) no-repeat -30px 0 !important;
    width: 30px;
    height: 21px;
    padding: 0!important;
    margin: 0!important;
    border: none!important;
}

.btn-checkInGray:hover {
    background: url(../images/icon-view-page.png) no-repeat -30px -21px !important;
}


/*.btn-cartGray{background:url(../images/icon-view-page.png) no-repeat -60px 0 !important;width:30px;height:21px;padding:0!important;margin:0!important;border:none!important;}
.btn-cartGray:hover{background:url(../images/icon-view-page.png) no-repeat -60px -21px !important;}
.btn-infoGray{background:url(../images/icon-view-page.png) no-repeat -90px 0 !important;width:30px;height:21px;padding:0!important;margin:0!important;border:none!important;}
.btn-infoGray:hover{background:url(../images/icon-view-page.png) no-repeat -90px -21px !important;}
.btn-linkGray{background:url(../images/icon-view-page.png) no-repeat -120px 0 !important;width:30px;height:21px;padding:0!important;margin:0!important;border:none!important;}
.btn-linkGray:hover{background:url(../images/icon-view-page.png) no-repeat -120px -21px !important;}*/

.btn-checkOut {
    background: url("../images/icon-box-checkout.png") no-repeat scroll center center rgba(0, 0, 0, 0.1) !important;
    width: 30px;
    padding: 0!important;
    height: 20px;
    margin: 0!important;
    border: none!important;
    display: inline-block;
}

.btn-checkOut:hover,
.btn-checkOut.selected {
    background: url(../images/icon-box-checkout-over.png) no-repeat center !important;
    width: 30px;
    padding: 0!important;
    height: 20px;
    margin: 0!important;
    border: none!important;
}

.btn-checkIn {
    background: url(../images/icon-box-checkIn.png) no-repeat center !important;
    width: 30px;
    padding: 0!important;
    margin: 0!important;
    border: none!important;
    height: 20px
}

.btn-checkIn:hover,
.btn-checkIn.selected {
    background: url(../images/icon-box-checkIn-over.png) no-repeat center !important;
    width: 30px;
    padding: 3px 0 !important;
    margin: 0!important;
    border: none!important;
    height: 18px;
    line-height: 18px;
    background-position: top !important;
    background-size: auto 20px !important;
}


/*.btn-cart{background:url(../images/icon-cart.png) no-repeat center !important;width:30px;height:17px;padding:0!important;margin:0!important;border:none!important;}
.btn-cart:hover, .btn-cart.selected{background:url(../images/icon-cart-over.png) no-repeat center !important;width:30px;height:17px;padding:0!important;margin:0!important;border:none!important;}
.btn-info{background:url(../images/icon-box-info.png) no-repeat center !important;width:30px;height:17px;padding:0!important;margin:0!important;border:none!important;}
.btn-info:hover, .btn-info.selected{background:url(../images/icon-box-info-over.png) no-repeat center !important;width:30px;height:17px;padding:0!important;margin:0!important;border:none!important;}
.btn-link{background:url(../images/icon-box-link.png) no-repeat center !important;width:30px;height:17px;padding:0!important;margin:0!important;border:none!important;}*/


/*.btn-link:hover, .btn-link.selected{background:url(../images/icon-box-link-over.png) no-repeat center !important;width:30px;height:17px;padding:0!important;margin:0!important;border:none!important;}*/

.btn-edit {
    background: url(../images/icon-edit.png) no-repeat 0 !important;
    width: 30px;
    height: 21px;
    padding: 0!important;
    margin: 0!important;
    border: none!important;
}

.btn-delete {
    background-image: url(../images/icon-cross-red.png);
    background-repeat: no-repeat;
    background-position: center !important;
    width: 30px;
    height: 21px;
    padding: 0!important;
    margin: 0!important;
    border: none!important;
}

.paging {
    width: 100%;
    text-align: center;
    clear: both;
    white-space: nowrap;
}

.pagination {
    width: 30%;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    white-space: nowrap;
}

.pageNo {
    background: #fff;
    border: 1px solid #ccc;
    padding: 2px 25px 2px 5px;
    margin: 0 10px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: inset 0 0 3px 0px #cecece;
    -webkit-box-shadow: inset 0 0 3px 0px #cecece;
    box-shadow: inset 3px 3px 5px 0px #cecece;
}

.input-pgNo {
    background: none!important;
    width: 45px!important;
    box-shadow: none!important;
    text-align: right;
    font-size: 11px!important;
    font-weight: bold;
    color: #000!important;
}

.thumbnailPanel-left {
    float: left;
    width: 155px;
    height: 900px;
    overflow: hidden;
    border-right: 1px solid #ccc;
    padding-top: 50px;
}

.thumbnailPanel-left ul {
    width: 105px;
    height: 100%;
    margin: 0 auto;
}

.thumbnailPanel-left ul li {
    text-align: center;
    margin: 0 0 25px 0;
}

.thumbnailDisplay-right {
    min-width: 530px;
    width: 70%;
    height: 935px;
    overflow: hidden;
    text-align: center;
    padding-top: 50px;
    margin: 0 auto;
}

.chatMessageBox {
    margin: 0 15px;
}

.chatBox-Self {
    float: left;
    width: 45%;
    border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    background: #2679a8!important;
    padding: 10px!important;
    color: #fff;
    -moz-box-shadow: inset 1px 1px 2px -1px #333 !important;
    -webkit-box-shadow: inset 1px 1px 2px -1px #333 !important;
    box-shadow: inset 1px 1px 2px -1px #333 !important;
    border: 1px solid #ddd!important;
    font-size: 11px;
    font-weight: bold;
    margin: 30px 0;
    position: relative;
    clear: left;
}

.chatBox-Self .tip {
    background: url(../images/chat-tip-blue.png) no-repeat;
    width: 14px;
    height: 18px;
    margin: -5px 0 0 -20px;
    position: absolute;
}

.chatBox-Self label {
    display: block;
    margin-top: -30px;
    font-weight: bold;
    color: #2679a8;
    position: absolute;
    text-transform: none;
}

.chatBox-Other {
    clear: right;
    float: right;
    width: 45%;
    border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    background: #a8a8a8!important;
    padding: 10px!important;
    color: #fff;
    -moz-box-shadow: inset 1px 1px 2px -1px #333 !important;
    -webkit-box-shadow: inset 1px 1px 2px -1px #333 !important;
    box-shadow: inset 1px 1px 2px -1px #333 !important;
    border: 1px solid #ddd!important;
    font-size: 11px;
    font-weight: bold;
    margin: 70px 0 20px 0;
    position: relative;
}

.chatBox-Other .tip {
    background: url(../images/chat-tip-gray.png) no-repeat;
    width: 14px;
    height: 18px;
    margin: -5px -10px 0 0px;
    right: 0;
    position: absolute;
}

.chatBox-Other label {
    display: block;
    margin-top: -30px;
    font-weight: bold;
    color: #999999;
    position: absolute;
    right: 0;
    text-transform: none;
}

.chatListing {
    border-bottom: 1px solid #2679a8;
    font-size: 11px;
    padding: 10px 0;
}

.chatListing li {
    padding: 0px 0;
    clear: left;
}

.chatListing li label {
    width: 10%;
    color: #2679a8;
    top: 0;
    float: left;
}

.chatListing li span {
    width: 45%;
    overflow: visible;
    white-space: normal;
    float: left;
}

.headerStrip {
    background: #a8a8a8;
    text-transform: uppercase;
    color: #fff;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 12px;
}

.fileNameDetails {
    margin: 4px 0;
    /* position:absolute; */
    te;
    */
    /* width: auto; */
}


/*.fileNameDetails{
	bottom: 14px;
	margin:10px 0;

	position:absolute;
	width:100%;}*/

.caption {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.roundedBoxComponents:hover .textGray {
    font-weight: 700;
    color: #2585e5;
}

div[id^=file_parent_].checked a.textGray {
    font-weight: bold;
    color: #2679a8;
}

.filesinTile .fileName {
    display: block;
    font-size: 11px;
    padding: 5px 0;
}

.filesinTile {
    width: 45%;
    height: 110px;
    padding: 2px;
    float: left;
    margin-bottom: 5px;
}

.multiplePages li {
    cursor: pointer;
}

.no-image {
    background-image: url('../images/no-image.jpg');
    height: 366px;
    width: 546px;
    margin: 0 auto;
    padding-top: 330px;
    background-repeat: no-repeat;
}

.roundedBoxComponents .boxContent-popup {
    padding-top: 20px;
    overflow: hidden;
    text-align: center;
    position: relative
}

.box230x235 div[id^=block_] {
    width: 100%;
    height: 100%;
}

.layout-listing div[id^=block_] {
    width: 100%;
    height: 100%;
}

.layout-detailview div[id^=block_] {
    width: 100%;
    height: 220px;
}

.fileType {
    width: 70%!important;
    border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    background: white!important;
    padding: 6px!important;
    color: #999;
    -moz-box-shadow: inset 2px 2px 1px -1px #969696 !important;
    -webkit-box-shadow: inset 2px 2px 1px -1px #969696 !important;
    box-shadow: inset 1px 1px 1px 0px #969696 !important;
    border: 1px solid #ebebeb!important;
    font-size: 11px;
    font-weight: bold;
}

.createDocumentMenu li {
    width: auto!important;
    height: 90px;
    overflow: hidden;
    float: left;
    display: block;
    padding: 0 20px!important;
    border-right: 1px solid #ccc;
}

.createDocumentMenu li {
    width: auto!important;
    height: 90px;
    overflow: hidden;
    float: left;
    display: block;
    padding: 0 20px!important;
    border-right: 1px solid #ccc;
}

.createDocumentMenu li a {
    padding: 0 10px;
}

.createDocumentMenu li label {
    display: block;
    text-align: center;
}

.createDocumentMenu li:last-child {
    border-right: none;
}

.blockThumb {
    position: absolute;
    right: 0;
}

.blockThumb img {
    height: 50px;
    margin-top: 10px;
    margin-right: 10px;
}

.headerBlock {
    border-bottom: 1px solid #d9d9d9;
    clear: left;
    padding-bottom: 10px;
}

.file_info_popup {
    background-color: #FFFFFF;
    position: absolute;
    z-index: 999999;
    border-radius: 0px;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, .5);
    max-width: 620px;
    overflow: hidden;
    padding-bottom: 5px;
}

.info_wrapper {
    margin: 5px;
}

.Listtip {
    left: 0;
    position: absolute;
    top: 0;
}

.Listline {
    width: 35px;
    height: 100%;
    background: #fff;
    filter: alpha(opacity=6);
    opacity: 0.6;
    position: absolute;
    height: 100%;
    top: 0;
}


/*.folderBG{background-image:url("../images/folderBG.jpg");background-position:45% 45%;background-repeat:no-repeat;}*/

.folderBG {
    background-image: url("../images/emptyfolder.png");
    background-position: 45% 45%;
    background-repeat: no-repeat;
}

.messagebox,
.inline-message {
    border-radius: 3px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    min-height: 37px;
    line-height: 37px;
    padding: 0 20px 0 40px;
    position: fixed;
    z-index: 9999;
    display: none;
    top: 163px;
    width: calc(100% - 350px);
    left: 270px;
}

.message_success,
.inline-message .green_message {
    background-color: #86d35d;
}

.warning_message {
    background-color: #ff7700;
}

.message_failed,
.inline-message .red_message {
    background-color: #ea0005;
}

.message_circle {
    left: 12px;
    position: absolute;
    top: 10px;
}

.message_success .message_circle {
    height: 7px;
    width: 15px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.warning_message .message_circle {
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 100%;
}

.warning_message .message_circle:before {
    content: "!";
    position: absolute;
    top: 0;
    line-height: 20px;
    color: #ff7700;
    text-align: center;
    width: 20px;
}

.message_failed .message_circle {
    left: 7px;
    top: 19px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.message_failed .message_circle:before {
    content: "\e90c";
    position: absolute;
    top: 0;
    line-height: 20px;
    color: #fff;
    text-align: center;
    width: 20px;
    font-family: "icomoon";
}

.titlebox-style {
    background-color: #F5F5F5;
}

.titlebox-style .edit,
.titlebox-style .pointer {
    position: absolute;
    top: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #aaa;
    font-size: 14px;
    border-left: 1px solid rgba(0, 0, 0, .1);
}

.titlebox-style .edit {
    right: 0;
}

.titlebox-style .pointer {
    right: 40px;
}

.titlebox-style .edit:hover,
.titlebox-style .pointer:hover {
    background: #2679a8;
    color: #fff;
}

.iconInfo {
    display: block;
    background: url(../images/icon-info.png) no-repeat top center;
    padding-top: 30px;
    vertical-align: bottom;
    font-weight: bold;
}

.iconInfo:hover,
.iconInfo.selected {
    display: block;
    background: url(../images/icon-info-over.png) no-repeat top center;
    padding-top: 30px;
    vertical-align: bottom;
    font-weight: bold;
}

.iconBasket {
    display: block;
    background: url(../images/icon-basket.png) no-repeat top center;
    padding-top: 30px;
    vertical-align: bottom;
    font-weight: bold;
}

.iconBasket:hover,
.iconBasket.selected {
    display: block;
    background: url(../images/icon-basket-over.png) no-repeat top center;
    padding-top: 30px;
    vertical-align: bottom;
    font-weight: bold;
}

#FileDisplayContainer {
    position: relative;
}

#AlternativeFileDisplayContainer {
    position: relative;
}

.viewFileLoader {
    background-color: white;
    background-image: url("../images/loader2.gif");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 100%;
    left: 0;
    opacity: 0.4;
    position: absolute;
    top: 0;
    width: 100%;
}

.nextFile {
    background-color: gray;
    border-radius: 5px 5px 5px 5px;
    float: right;
    height: 25px;
    margin-left: 5px;
    width: 25px;
}

#GoToPreviousFile {
    cursor: pointer;
}

#GoToNextFile {
    cursor: pointer;
}

#BackToFolder {
    width: 185px;
}

.photoGallery {
    width: 300px;
    float: left;
}

.notify {
    width: 110px;
    float: left;
    margin-left: 10px;
}

.notify label {
    margin-bottom: 7px;
}

.notify li {
    padding: 0;
    margin: 0;
}

.notes {
    width: 340px;
    float: right;
}

.notes label {
    margin-bottom: 7px;
}

.createDocumentMenu li {
    width: auto!important;
    height: 90px;
    overflow: hidden;
    float: left;
    display: block;
    padding: 0 20px!important;
    border-right: 1px solid #ccc;
}

.createDocumentMenu li a {
    padding: 0 10px;
}

.createDocumentMenu li label {
    display: block;
    text-align: center;
}

.createDocumentMenu li:last-child {
    border-right: none;
}

.blockThumb {
    position: absolute;
    right: 0;
}

.headerBlock {
    border-bottom: 1px solid #d9d9d9;
    clear: left;
    padding-bottom: 10px;
}

.stepSelector {
    margin-left: 20px;
}

.stepSelector ul {
    border-bottom: 1px solid #2679a8;
    height: 17px;
    width: 320px!important;
}

.stepSelector li {
    float: left;
    margin-left: 0px!important;
    margin-right: 70px!important;
    margin-top: 0;
}

.stepSelector li:last-child {
    float: right!important;
    margin-right: -20px!important;
}

.stepSelector li {
    -moz-border-radius: 20px;
    border-radius: 25px;
    width: 32px;
    height: 22px;
    background: #d3d3d3;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.stepSelector li.selected {
    line-height: 20px;
    -moz-border-radius: 20px;
    border-radius: 25px;
    width: 32px;
    height: 22px;
    background: #2679a8;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.stepSelector li.selectedDone {
    line-height: 20px;
    -moz-border-radius: 20px;
    border-radius: 25px;
    width: 32px;
    height: 22px;
    background: #3ca5e0;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.fileListing {
    margin-top: 10px;
}

.fileListing li {
    font-size: 11px;
    font-weight: bold;
    width: 23%;
    padding: 2px 0!important;
    margin: 2px 10px 2px 0!important;
    color: #969696;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.uploadSingleFile {
    margin: 15px;
    width: auto;
}

.uploadMultipleFile {
    width: 165px;
    height: 200px;
    float: left;
    margin: 15px 15px 0px 25px;
}

.actionButtons {
    text-align: right;
}

.actionButtons .btn-remove {
    font-size: 11px!important;
    background: url(../images/icon-delete-red.png) no-repeat left center!important;
    padding-left: 20px!important;
    color: #999!important;
    border: none!important;
    box-shadow: none!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
}

.actionButtons .btn-remove:hover {
    font-size: 11px!important;
}

.actionButtons .btn-add {
    font-size: 11px!important;
    background: url(../images/icon-plus-gray-sml.png) no-repeat left center!important;
    padding-left: 20px!important;
    color: #999!important;
    border: none!important;
    box-shadow: none!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
}

.actionButtons .btn-add:hover {
    font-size: 11px!important;
}

.actionButtons label {
    font-size: 11px!important;
}

.multipleFiles {
    margin-top: 7px;
    background: url(../images/tree.png) center no-repeat;
    width: 175px;
    height: 175px;
}

.insideBox {
    height: 480px!important
}

.location-list {
    margin: 10px 15px;
    font-weight: bold;
    font-size: 14px;
}

.groupIcon {
    background: url(../images/icon-usergroup.png) no-repeat center left;
    margin-left: 15px;
    width: 24%!important;
}

.groupIcon a {
    margin-left: 15px;
}

.no-padding {
    padding: 0!important;
}

.no-margin {
    margin: 0!important;
}

.listingData-BlueHeader {
    font-size: 12px;
}

.notifications {}

.request-notification {
    background-color: #ea0005;
    border-radius: 12px 12px 12px 12px;
    color: #fff;
    font-weight: bold;
    height: 16px;
    line-height: 17px;
    text-align: center;
    width: 16px;
    cursor: pointer;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    display: inline-block;
}

.request-notification a {
    color: lightGray;
}

.logins {
    background-color: #ea0005;
    border-radius: 12px 12px 12px 12px;
    color: #fff;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 20px;
    cursor: pointer;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
}

#navigation_controls>a {
    float: left;
    padding: 0 10px;
    margin-top: 5px;
    font-size: 10px;
    font-weight: bold;
    color: #626262;
}

#navigation_controls .dropdown>a {
    float: left;
    font-size: 10px;
    font-weight: bold;
    color: #626262;
}

#navigation_controls .dropdown>a>i {
    font-size: 16px;
}

#navigation_controls a:last-child {
    border-right: 0px;
}

.footer_links {
    float: right;
}

.copyrights {
    float: left;
    color: #666;
}

.auto-complete-floating-div {
    position: relative;
}

.auto-complete-floating-div select {
    position: initial;
    margin: 0!important;
    padding: 0 !important;
}

.ap-count {
    clear: both;
    padding: 10px 0;
}

.ap-count>b {
    margin-left: 10px;
}

.view-ap-count {
    position: fixed;
    left: 20px;
    top: 200px;
}

#TOTAL_COUNT {
    display: inline;
    font-weight: bold;
    font-size: 11px;
    height: 14px;
    text-transform: uppercase;
}

.listview .textGray {
    padding-left: 20px;
    font-size: 14px;
    font-weight: normal;
}

.fileNameDiv .icon {
    background-position: 0px;
    background-repeat: no-repeat;
    line-height: 28px;
    text-indent: 18px;
}

.fileNameDiv .text-lGray {
    color: #989898;
}

select#ORDER_BY {
    font-size: 9px;
}

.fileNameDiv .caption {
    font-size: 14px;
}

.emptyFolder {
    background-image: url("../images/emptyfolder.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 500px;
}

.emptySearch {
    background-image: url("../images/noresultsfound.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 500px;
}

.imageDisplayContainer {
    padding-top: 30px;
}

.multiplePages li,
.color3a {
    color: #3a3a3a;
}

.red {
    color: #EA0005
}

.box-header {
    font-size: 12px;
    padding: 10px 0;
    text-transform: uppercase;
    border-bottom: 1px solid #eee;
    margin: 0 10px;
}

.box-content.CategoriesBox {
    padding: 0px!important;
}

.floating_note {
    background-color: white;
    border-radius: 4px 4px 4px 4px;
    left: 660px;
    padding: 5px;
    position: absolute;
    top: 177px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    max-width: 250px;
}

.showLogs {
    margin-top: -3px;
    padding: 15px 10px;
}

.showMembers {
    margin-top: -3px;
    padding: 15px 10px;
}

.close_popup {
    background-color: gray;
    border-radius: 0 0px 0 0px;
    color: white;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 16px;
    z-index: 1;
}

.BoxTitle_blue_normal_static {
    background: #2679a8;
    text-transform: uppercase;
    color: #fff;
    padding: 6px 15px;
    font-weight: bold;
    font-size: 12px;
}

.DataGridHeader {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.DataSheetHeader {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.blueTable th {
    background-color: #7D7D7D;
    padding: 7px;
    border: 1px solid #fff;
    border-width: 0px 1px 0 0;
}

.GraybottomBorder {
    border-bottom: 1px solid #999999!important;
}

.blueTable tr {
    padding-bottom: 10px;
}

.blueTable th a {
    color: #ffffff
}

.btnGray {
    background: none repeat scroll 0 0 #2679a8 !important;
    border-bottom: medium none;
    border-left: medium none;
    border-top: medium none !important;
    padding: 5px 20px !important;
}

.btnGray:hover {
    background: #2679a8!important;
}

.gridAdd {
    color: #999999;
    display: inline-block;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    padding: 2px;
    cursor: pointer;
}

.TextBold {
    color: #2679a8!important
}

.noBorder {
    border-width: 0px!important;
}

.ProgressBox {
    background-color: #2679a8;
    border: 1px solid #03529D;
    color: #333333;
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
    font-family: Arial, Verdana, Helvetica;
}

.InfoBox {
    background-color: #fff9d7;
    border: 1px solid #e2c822;
    color: #333333;
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
    font-family: Arial, Verdana, Helvetica;
}

.ErrorBox {
    background-color: #EA0005;
    border: 1px solid #AE0000;
    color: #FFFFFF;
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
    font-family: tahoma, Arial, Verdana, Helvetica;
}

.SearchFolders {
    height: 34px;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    right: 0;
    width: 34px;
}

.SearchFolders:before {
    content: "";
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    top: 15px;
    left: 10px;
    border-top: 6px solid #999;
}

.OverLappingContentWindow {
    background-color: #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
    position: absolute;
    display: none;
    width: 250px;
    right: 150px;
}

.admin_contents {
    padding-top: 20px;
}

.div-closePopup {
    position: absolute!important;
    right: 0!important;
    border: 0!important;
    background: url("../images/icon-cross-white.png") no-repeat scroll 11px 9px #878787!important;
    -moz-border-radius-topright: 8px!important;
    border-top-right-radius: 8px!important;
    z-index: 0!important;
    padding: 5px 1px 0px 8px !important;
    color: #fff!important;
    font-size: 14px!important;
    cursor: pointer!important;
}

.div-closePopup:hover {
    background: url("../images/icon-cross-white.png") no-repeat scroll 11px 9px #2679a8!important;
    color: #fff!important;
}

.dhtmlwindow {
    background-color: #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    padding: 5px;
    position: absolute;
}

.relative_div {
    position: relative;
}

.SearchBookmarks-listing {
    width: 90%;
    margin: 0 auto;
}

.SearchBookmarks-listing li {
    clear: both;
    height: 15px;
}

.SearchBookmarks-listing li a {
    font-size: 11px;
    font-weight: bold;
    color: #626262
}

div[id^=file_parent_].checked a.FolderIcon {
    color: #2679a8;
}

a.FolderIcon {
    display: block;
    margin: 0px auto;
    cursor: pointer;
    font-size: 70px;
    color: #ddd;
    line-height: 140px;
}

.layout-detailview a.FolderIcon {
    line-height: 100px;
}

.boxContents {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #aaaaaa;
    padding: 15px;
}

.roundedBoxComponents:hover a.FolderIcon {
    color: #2585e5;
}

.btnLightGray {
    color: gray!important;
    font-weight: normal!important;
    padding: 0!important;
    margin: 0!important;
    background: 0!important;
    border: 0!important;
    font-size: 9px!important;
}

.myrestrictedsharspopup {
    background-color: #ffffe1!important;
    border: 1px solid #000!important;
    border-radius: 4px!important;
    box-shadow: 2px 2px 3px #999!important;
    display: inline!important;
    width: 200px!important;
    position: absolute!important;
    text-align: center!important;
    font-family: verdana!important;
    font-size: 11px!important;
    color: black!important;
    font-weight: normal!important;
}

.horz-line {
    width: 100%;
    height: 0px;
    font-size: 0px;
    line-height: 0px;
    border-bottom: 1px solid #959595;
    border-top: 1px solid #D7D7D7;
    clear: both;
}

.vert-line {
    height: 400px;
    ;
    width: 0px;
    border: 1px solid #9f9f9f;
}

.styled-select {
    overflow: hidden;
    background: url('../images/new_arrow_small.png') no-repeat 97% #ddd;
}

.styled-select select {
    background: transparent;
    width: 250px;
    font-size: 10px;
    font-weight: bold;
    border: 0px solid #ccc;
    -webkit-appearance: none;
    outline-style: none;
    vertical-align: bottom;
    border-radius: 0!important;
    color: #9E9E9E;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase !important;
    height: 30px;
}


/*.searchIcon{background:url("../images/icon-expand.png") no-repeat scroll 100% center #FFFFFF !important;}*/

.grayInfoBox {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-color: #C5C5C5 !important;
    background-origin: padding-box !important;
    background-position: 8px 3px !important;
    background-repeat: no-repeat !important;
    background-size: auto auto !important;
    border: 1px solid #EBEBEB !important;
    border-radius: 8px 8px 8px 8px !important;
    box-shadow: 1px 1px 1px 0 #969696 inset !important;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    height: 47px;
    padding: 6px 6px 6px 6px !important;
    margin-top: 17px;
    overflow: hidden;
    display: table-cell;
    height: 60px;
    padding-top: 15px;
    vertical-align: middle;
    width: 250px;
}

.InfoBoxFile {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-color: #C5C5C5 !important;
    background-image: url("../images/infoBoxFile.png");
    background-origin: padding-box !important;
    background-position: 8px 3px !important;
    background-repeat: no-repeat !important;
    background-size: auto auto !important;
    border: 1px solid #EBEBEB !important;
    border-radius: 8px 8px 8px 8px !important;
    box-shadow: 1px 1px 1px 0 #969696 inset !important;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    height: 47px;
    padding: 6px 6px 6px 35px !important;
    margin-top: 17px;
    overflow: hidden;
    display: table-cell;
    height: 60px;
    padding-top: 15px;
    vertical-align: middle;
    width: 250px;
}

.InfoBoxFilter {}


/*.InfoBoxLightbox{background-attachment:scroll !important;background-clip:border-box !important;background-color:#C5C5C5 !important;background-image:url("../images/infoBoxLightbox.png");background-origin:padding-box !important;background-position:8px 3px !important;background-repeat:no-repeat !important;background-size:auto auto !important;border:1px solid #EBEBEB !important;border-radius:8px 8px 8px 8px !important;box-shadow:1px 1px 1px 0 #969696 inset !important;color:#666666;font-size:11px;font-weight:bold;height:47px;padding:6px 6px 6px 35px !important;margin-top:17px;overflow:hidden;display:table-cell;height:60px;padding-top:15px;vertical-align:middle;width:250px;}*/

.InfoBoxSearch {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-color: #C5C5C5 !important;
    background-image: url("../images/infoBoxSearch.png");
    background-origin: padding-box !important;
    background-position: 8px 3px !important;
    background-repeat: no-repeat !important;
    background-size: auto auto !important;
    border: 1px solid #EBEBEB !important;
    border-radius: 8px 8px 8px 8px !important;
    box-shadow: 1px 1px 1px 0 #969696 inset !important;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    height: 47px;
    padding: 6px 6px 6px 35px !important;
    margin-top: 17px;
    overflow: hidden;
    display: table-cell;
    height: 60px;
    padding-top: 15px;
    vertical-align: middle;
    width: 250px;
}

.InfoBoxRelated {
    background-position: 8px 3px !important;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}


/*.InfoBoxRelated{background-attachment:scroll !important;background-clip:border-box !important;background-color:#ececec!important;background-image:url("../images/infoBoxRelated.png");background-origin:padding-box !important;background-position:8px 3px !important;background-repeat:no-repeat !important;background-size:auto auto !important;border:1px solid #EBEBEB !important;border-radius:8px 8px 8px 8px !important;box-shadow:1px 1px 1px 0 #969696 inset !important;color:#666666;font-size:11px;font-weight:bold;height:47px;padding:6px 6px 6px 35px !important;margin-top:17px;overflow:hidden;display:table-cell;height:60px;padding-top:15px;vertical-align:middle;width:250px;}
*/

.pathsStyle {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    color: #2679a8;
    font-weight: 300;
    padding-right: 10px;
}

.pathsStyleView {
    background: url("../images/paths_BG_view.png") no-repeat scroll 100% center #02B2DF !important;
    height: 16px;
    width: 208px;
}

.pathsDropdown {
    position: relative;
    float: left
}

.displayPaths {
    cursor: pointer;
    border-top: 6px solid #ccc;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    display: inline-block;
}

.pathsStyle span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
}

.upOneLevel {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    cursor: pointer;
    font-size: 20px;
    color: #2679a8;
}

.FloatingList {
    position: absolute;
    width: 250px;
    z-index: 2;
    margin-top: 28px;
    border-radius: 2px;
    padding: 10px;
}

.BlueBackground {
    background-color: #2679a8!important;
}

.paddingLeft10 {
    padding-left: 10px;
}

.tipArrowBlue {
    top: -8px;
    margin-left: 15px;
    position: absolute;
    border-bottom: 8px solid #2679a8;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

.leftNavigation-displayPaths {
    margin: 0 10px;
}

.leftNavigation-displayPaths li {
    padding: 5px 5px 5px 28px;
    background: url(../images/white-folder.png) no-repeat left top;
}

.leftNavigation-displayPaths li:last-child {
    padding: 5px 5px 5px 28px;
    background: none!important;
}

.leftNavigation-displayPaths li.storageIcon {
    padding: 5px 5px 5px 28px;
    background: url(../images/icon-dropBoxStoragePW-small.png) no-repeat left top;
}

.leftNavigation-displayPaths li.storageIcon:hover {
    padding: 5px 5px 5px 28px;
    background: url(../images/icon-dropBoxStorage-overPW-small.png) no-repeat left top;
}

.leftNavigation-displayPaths li a {
    font-size: 11px;
    color: #ffffff;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.leftNavigation-displayPaths li:hover {
    padding: 5px 5px 5px 28px;
    background: url(../images/white-folder.png) no-repeat left top;
}

.search_options {
    position: absolute;
}

#folder_search ul li {
    display: block;
    margin: 0 5px;
    cursor: pointer;
    opacity: 1;
}

#folder_search ul li+li {
    border-top: 1px solid #eee;
}

#folder_search ul li:hover {
    opacity: 1
}

#folder_search {
    position: absolute;
    top: 100%;
    z-index: 1001;
    left: -10px;
    padding: 0 10px;
    font-size: 11px;
    background: #fff;
    text-align: left;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
}

#folder_search i {
    font-size: 25px;
    width: 30px;
    display: inline-block;
    text-align: center;
}

.tipDown {
    background: url(../images/tip-down-gray.png) no-repeat 95% center;
    padding-right: 15px !important;
}

.dropdown {
    display: inline-block;
    margin-left: 9px;
    position: relative;
}

.titleStyle {
    font-size: 14px;
    font-weight: bolder;
}

.share_item {}

.share_item td:nth-child(1) a {
    border-left: 0;
}

.share_item td a {
    display: block;
    height: 146px;
    padding-top: 200px;
    width: 100%;
    border-left: 1px solid #ddd;
}

.view_file_popup {
    cursor: pointer;
}

.shareguest {
    background: url(../images/shareBigGray.png) no-repeat center 90px;
}

.shareguest:hover {
    background: url(../images/shareBigBlue.png) no-repeat center 90px;
}

.shareUser {
    background: url(../images/userBigGray.png) no-repeat center 90px;
}

.shareUser:hover {
    background: url(../images/userBigBlue.png) no-repeat center 90px;
}

.shareAdvanced {
    background: url(../images/advancedBigGray.png) no-repeat center 90px;
}

.shareAdvanced:hover {
    background: url(../images/advancedBigBlue.png) no-repeat center 90px;
}


/*.inline-message{background-color:#31C443;border:1px solid #999999;border-radius:8px 8px 8px 8px;box-shadow:0 0 18px rgba(0, 0, 0, 0.3);color:white;font-family:tahoma;font-weight:bold;left:40%;padding:10px 40px;position:fixed;top:40%;z-index:9999;}*/

.green_message {
    background-color: #31C443;
    width: calc(100% - 250px)!important;
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
    font-family: tahoma, Arial, Verdana, Helvetica;
    bottom: 64%!important;
    padding: 0px;
    padding-left: 2px;
}

.red_message {
    background-color: #EA0005;
}

.BoldText {
    font-size: 12px;
    font-weight: bold;
}

.pathDpAlign {
    padding-left: 10px;
    float: left;
    /* margin: -10px 0; */
    /* vertical-align: middle; */
    position: relative;
    /* display: inline-block; */
}

.folderMenu-section {}


/*.pathDpAlign{
	padding-left: 10px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
} */

.related_files_icon {
    width: 17px;
    height: 17px;
    background: url(../images/icon-link1.png) no-repeat 0 0;
    display: inline-block;
    cursor: pointer;
}

.related_files_icon:hover {
    background: url(../images/icon-link1-over.png) no-repeat 0 0;
}

.settingsContainer .settingsItem {
    background: -moz-linear-gradient(center top, #FFFFFF, #CDCDCD) repeat scroll 0 0 transparent;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    border-radius: 4px 4px 4px 4px;
    border: 1px solid gray;
    padding: 5px;
}

.editblock .settingsItem {
    margin: 5px 0 30px;
    padding: 5px;
}

.settingsItem form {
    padding: 0;
    margin: 0;
}

.settingsItem input[type=submit] {
    float: right;
}

.settingsItem ul {
    margin: 0;
    padding: 0;
}

.maintenance_settings_listing {
    margin: 5px 0;
    padding: 5px;
}

.maintenance_settings_listing li {
    float: left;
    padding: 5px 50px 5px 0;
}

.scriptsDisplay {
    border: 1px solid gray;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    cursor: move;
    margin: 4px 0;
}

.scriptsDisplay .info {
    float: left;
    padding: 10px;
    width: 70%;
}

.scriptsDisplay p {
    float: right;
    line-height: 20px;
    margin: 0;
    padding: 7px;
}

.nextPreviousButtons {
    float: right;
}

.nextPreviousButtons li {
    float: left;
}

.LimitTabContents {
    overflow: auto;
}

.icon_delete_related {
    color: red;
    background-image: url("../images/del.png");
    background-repeat: no-repeat;
    color: red;
    height: 13px;
    width: 13px;
    position: absolute;
    top: 2px;
    left: 2px;
    cursor: pointer;
    z-index: 1;
}

.selectionBox {
    background-color: #666666;
    border: 1px solid gray;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    margin: 0 0 3px;
    padding: 4px;
    min-width: 120px;
    height: 21px;
    line-height: 17px;
}

.selectionBox:hover {
    background-color: #333333;
}

.selectionBox.selected {
    background-color: #333333;
}

.selectionBoxText {
    color: white;
    font-family: tahoma;
    font-size: 11px;
}

.durationText {
    color: black;
    font-family: tahoma;
    font-size: 18px;
    border: 0px;
    width: 180px;
}

.floatLeft {
    float: left;
}

.clear {
    clear: both;
}

.selectionHolder {
    padding: 0;
    width: 500px;
}

.cueControl {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0 none;
    color: black;
    font-size: 11px;
    height: 23px;
    text-align: left;
    text-indent: 25px;
    width: 96px;
}

.startCue {
    background-image: url('../images/start.png');
}

.endCue {
    background-image: url('../images/end.png');
    display: none;
}

.commentBox {
    height: 17px;
    font-size: 11px;
    color: #666;
}

.delete {
    cursor: pointer;
}

.transparentTextbox {
    background-color: transparent!important;
    box-shadow: none!important;
    padding: 0px!important;
}

.whiteTextColor {
    color: white;
}

.folder_tree {
    background-color: #ffffff;
    width: 244px;
    height: 200px;
    position: absolute;
    display: none;
    overflow-y: scroll;
    border: 1px solid #9E9E9E;
    padding: 2px;
}

#status div {
    background-color: #00cc00;
    color: #000000;
    font-family: arial;
    font-size: 11px;
    height: 10px;
    padding: 5px;
    line-height: 10px;
    border-style: solid;
    border-width: 2px;
    margin: 1px;
    border-color: #007700 #003300 #008800
}

#status .done {
    background-color: #00cc00;
    color: #F9F9ff;
    border-color: #007700 #003300 #008800
}

#status .error {
    background-color: #ff0000;
    border-color: #770000 #330000 #880000;
    color: #000;
}

#status .current {
    background-color: #0000cc;
    color: #9C9CFC;
    border-color: #000077 #000033 #000088
}

#status .done span {
    color: #000;
    font-weight: bold;
}

#status .error span {
    color: #fff;
    font-weight: bold;
}

#status .current span {
    color: #fff;
    font-weight: bold;
}

.collapse {
    background-image: url(../images/icon-arrowLeft.png);
    background-repeat: no-repeat;
    text-indent: 8px;
}

.expand {
    background-image: url(../images/icon-arrowDown.png);
    background-repeat: no-repeat;
    text-indent: 8px;
}

.ulpad10px {
    list-style: none;
    padding: 5px;
}

.ulpad10px li {
    padding: 5px;
}


/*.numbox{background-color: #02B2DF;border-radius: 4px 4px 4px 4px;color: white;font-size: 14px;font-weight: bold;margin: 3px;padding: 3px;}
*/

.numbox {
    background-color: #2679a8;
    border-radius: 4px 4px 4px 4px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    margin: 3px;
    padding: 3px;
}

.links-table {
    margin: 26px 0 0
}

.login-bar {
    background-color: #2679a8;
    color: white !important;
    float: right;
    line-height: 50px;
    position: absolute;
    right: -560px;
    top: 0;
    width: 610px;
    text-align: center;
    height: 50px;
    z-index: 1000;
}

#LOGINS_COUNT i {
    font-size: 20px;
}

#LOGINS_COUNT span {
    position: absolute;
    display: block;
    background: #bb2839;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 20px;
    top: 7px;
    left: 27px;
}

#LOGINS_COUNT.loginsGray span {
    display: none;
}

.login-list {
    position: absolute;
    right: 0;
    top: 50px;
    width: 610px;
    z-index: 999;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    display: none;
}

.login-list ul {
    padding: 0;
    margin: 0;
}

.login-list ul li {
    color: #626262;
    border-bottom: 1px #ddd dotted;
    padding: 10px;
    cursor: pointer;
    background-color: #FFF;
}

.login-list ul li:hover {
    background-color: #eee;
}

.login-list ul li:last-child {
    border-bottom: 0px;
    border-radius: 0 0 4px 4px;
}

.textDarkGraySmlItalic {
    font-size: 10px;
    color: #626262;
    font-style: italic;
}

.notification-list .textDarkGraySmlItalic {
    color: rgba(255, 255, 255, .7);
}

.notification-bar:hover .notificationsGray {
    background: rgba(0, 0, 0, .1);
}

.loginsGray {
    color: #fff;
    position: relative;
    font-weight: 800;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px;
    cursor: pointer;
}

.notification-bar {
    background-color: #1d6186;
    color: white !important;
    float: right;
    line-height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    text-align: center;
    height: 50px;
    z-index: 1002;
}

#NOTIFICATIONS_COUNT i {
    font-size: 20px;
}

#NOTIFICATIONS_COUNT span {
    background: #bb2839 none repeat scroll 0 0;
    border-radius: 20px;
    display: block;
    height: 25px;
    left: 16px;
    line-height: 25px;
    position: absolute;
    text-align: center;
    top: 14px;
    width: 25px;
}

#NOTIFICATIONS_COUNT.notificationsGray span {
    display: none;
}

.notification-list {
    position: absolute;
    right: 0;
    top: 50px;
    width: 350px;
    z-index: 999;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
    /* display:none; */
    background: #1a5779;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .3s ease-in-out;
    -moz-transition: height .3s ease-in-out;
    -ms-transition: height .3s ease-in-out;
    -o-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out;
}

.notification-list ul {
    padding: 0;
    margin: 0;
}

.notification-list ul li {
    color: #fff;
    border-bottom: 1px dotted rgba(0, 0, 0, .5);
    padding: 10px;
    cursor: pointer;
    /* background-color: #FFF; */
    line-height: normal;
}

.notification-list ul li:hover {
    background-color: rgba(0, 0, 0, .1);
}

.notification-list ul li:last-child {
    border-bottom: 0px;
    border-radius: 0 0 4px 4px;
}

.textDarkGraySmlItalic {
    font-size: 10px;
    color: #626262;
    font-style: italic;
}

.notificationsGray {
    color: #fff;
    position: relative;
    font-weight: 800;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px;
    cursor: pointer;
}

.notification-bar:hover .notificationsGray {
    background: rgba(0, 0, 0, .1);
}

.notification-bar:hover .notification-list {
    height: auto;
}

.person-bar {
    background-color: #1d6186;
    color: white !important;
    /* float: right; */
    line-height: 50px;
    position: absolute;
    right: 51px;
    top: 0;
    width: 50px;
    text-align: center;
    height: 50px;
    /* z-index: 1100; */
    border-left: 1px solid rgba(255, 255, 255, .2);
    /* padding: 0 0 0 15px; */
}

#personS_COUNT i {
    font-size: 20px;
}

#personS_COUNT span {
    position: absolute;
    display: block;
    background: #bb2839;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 20px;
    top: 7px;
    left: 27px;
}

.person-list {
    position: absolute;
    right: 0;
    top: 50px;
    z-index: 9999;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    display: none;
    background: #1a5779;
}

.person-bar:hover #PERSONS_COUNT {
    background: rgba(0, 0, 0, .1);
}

.person-bar:hover .person-list {
    display: block;
}

.person-list ul {
    padding: 0;
    margin: 0;
    /* background: #1d6186; */
    color: #fff;
}

.person-list ul li:first-child {
    font-weight: 700;
    text-transform: uppercase;
}

.person-list ul li {
    color: #fff;
    border-bottom: 1px dotted rgba(0, 0, 0, .2);
    white-space: nowrap;
    margin: 5px;
}

.person-list a {
    display: block;
    padding: 10px;
    line-height: 25px;
}

.person-list a:hover {
    background: rgba(0, 0, 0, .1);
    color: #fff;
}

.person-list ul li:last-child {
    border-bottom: 0px;
    border-radius: 0 0 4px 4px
}

.person-list ul li a {
    color: #fff;
}

.personsGray {
    color: #fff;
    position: relative;
    font-weight: 800;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px;
    cursor: pointer;
}

.ClearSortBy {
    display: none;
    width: 11px;
    height: 11px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

#ORDER_BY li.selected .ClearSortBy {
    display: inline-block!important;
    opacity: 0.5;
    vertical-align: middle;
    width: 11px;
    height: 11px;
    margin-left: 10px;
}

#ORDER_BY li.selected .ClearSortBy:hover {
    opacity: 1;
}

.textLargeCentered {
    font-size: 20px;
    padding: 10px;
    text-align: center;
    color: #4D4D4D
}

.ClearSortBy:before,
.ClearSortBy:after {
    content: "";
    background: #e4225d;
    position: absolute;
}

.ClearSortBy:before {
    width: 2px;
    height: 10px;
    left: 4px;
    top: 0;
}

.ClearSortBy:after {
    width: 10px;
    height: 2px;
    left: 0;
    top: 4px;
}


/*********************** horizontal_form_2fields *******************************/

#horizontal_form_2fields {
    padding: 0;
    margin: 0
}

#horizontal_form_2fields li {
    float: left;
    margin: 5px;
    text-align: left;
    width: 20%;
}

#horizontal_form_2fields li input,
#horizontal_form_2fields li select,
#horizontal_form_2fields li textarea {
    width: 100%;
}

#horizontal_form_2fields li label {
    display: block;
}


/*********************** /horizontal_form_2fields *******************************/

.newdatasheet {
    position: relative;
}

.newdatasheet thead {}

.newdatasheet table {
    margin: 0;
    padding: 0 0px 10px 0px;
}

.newdatasheet td {
    padding: 5px 3px;
    /**border-left: 1px dotted #BBBBBB;*/
    font-size: 12px;
    text-align: left;
    border-bottom: 1px solid #ccc;
}

.newdatasheet tr.nostyle td {
    padding: 0px 0px;
    font-size: 12px;
}

.newdatasheet td.logsdatasheet {
    padding: 7px 5px !important;
}

.newdatasheet tr td:first-child {
    border-left: none;
}

.newdatasheet tr td[id*=cell_]:hover {
    cursor: pointer;
}

.newdatasheet table td a {
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.newdatasheet table td a:hover {
    text-decoration: underline;
}

.newdatasheet tr {
    height: 20px;
    border-bottom: 1px dotted #E9E9E9;
}

.newdatasheet tr.nostyle {
    border-bottom: solid 0px #FF0000 !important;
}

.newdatasheet tr.progress {
    border-bottom: solid 1px #e0e0e0 !important;
}

.newdatasheet tr.nostyle td {
    border-bottom: solid 0px #FF0000 !important;
}

.newdatasheet th {
    background: none repeat scroll 0 0 #E9E9E9;
    color: #6D6E71;
    text-align: left;
    padding: 3px;
    font-size: 11px;
    margin: 0;
    height: 28px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    text-transform: uppercase;
    box-shadow: none!important;
}

.newdatasheet table tr:hover {
    background-color: #ffaa56;
}

.newdatasheet table tr.nostyle:hover {
    background-color: transparent !important;
}

.newdatasheet table tr.progress:hover {
    background-color: transparent !important;
}

.newdatasheet .controls {
    padding: 0;
    margin: 0;
}

.newdatasheet .controls li {
    list-style: none;
    float: right;
    padding: 0 5px;
    cursor: pointer;
}

.newdatasheet .total_time {
    color: #DD4455;
    font-weight: bold;
    left: 0;
    padding: 5px;
    position: absolute;
    top: 0;
}

.newdatasheet table td div {
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.newdatasheet table img {
    cursor: pointer;
}

.paginate_list {
    width: 300px;
    margin: 0 auto;
    text-align: center;
}

.paginate_list li {
    display: inline-block;
}

.paginate_list a {
    background-color: #EEEEEE;
    float: left;
    height: 15px;
    text-align: center;
    width: 15px;
    border: 1px solid #CCCCCC;
}

.paginate_list a.current {
    background-color: #CCCCCC;
    border: 1px solid #EEEEEE;
    color: white;
}

.validate {
    background-color: #FFFAD0 !important;
}

.moreInfoUl label {
    width: 20%!important;
    float: left;
}

.moreInfoUl span {
    width: 79%!important;
}

.newulstyle {
    margin: 0;
    padding: 0;
    height: 45px;
    overflow: hidden;
}

.newulstyle li {
    text-align: left;
    float: left;
    width: 25%;
}

.newulstyle li.fullWidth {
    width: 100%
}

.newulstyle li label {
    font-size: 11px;
    color: #aaaaaa;
    font-weight: normal;
}

.newulstyle li span {
    font-size: 14px;
    color: #333333;
    font-weight: bold;
    padding-left: 5px;
}

.show_more {
    background: -moz-linear-gradient(center top, #f4f4f4 5%, #dddddd 100%) repeat scroll 0 0 #02B2DF;
    border-radius: 0 0 5px 5px;
    bottom: -22px;
    height: 14px;
    left: 45%;
    padding: 4px 10px;
    position: absolute;
    cursor: pointer;
}

.magTopView {
    border-radius: 15px 15px 15px 15px;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
    margin: 0 auto;
    position: relative;
    width: 85%;
    padding: 5px 20px;
}

.magBottomView {
    overflow-y: scroll;
}

.fixedFooter {
    position: fixed;
    width: 100%;
    bottom: 0;
    box-shadow: 0 3px 10px #333333;
    background-color: #E6E6E6;
    min-width: 1000px;
    z-index: 2;
}

.btn-checkOutBlack {
    background: url(../images/icon-box-checkIn-gray.png) no-repeat 0 0 !important;
    width: 30px;
    height: 17px;
    padding: 0!important;
    margin: 0!important;
    border: none!important;
}

.login_disabled {
    color: #cccccc !important;
    background: -moz-linear-gradient(center top, #ECECEC 0%, #ABA9A9 50%) repeat scroll 0 0 #ABA9A9 !important
}

.login_disabled:hover {
    color: #cccccc !important;
    background: -moz-linear-gradient(center top, #ECECEC 0%, #ABA9A9 50%) repeat scroll 0 0 #ABA9A9 !important
}

.job_bags_uploaded_files {}

.job_bags_uploaded_files ul {
    margin: 0;
    padding: 0;
}

.job_bags_uploaded_files ul li {
    padding-left: 8px;
    clear: both;
    height: 82px;
    cursor: pointer;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #ffffff;
}

.job_bags_uploaded_files ul li:hover,
.job_bags_uploaded_files ul li.selected {
    background-color: #01A0C8;
}

.job_bags_uploaded_files ul li input {
    float: left;
    margin-top: 35px;
    display: none;
}

.job_bags_uploaded_files ul li div.imageInfo {
    width: 210px;
    float: left;
    padding: 5px;
}

.job_bags_uploaded_files ul li div.imageStyle {
    width: 70px;
    float: left;
}

.job_bags_uploaded_files ul li div label {
    font-size: 10px;
}

.job_bags_uploaded_files ul li div span {}

.job_bags_uploaded_files ul li:hover div label,
.job_bags_uploaded_files ul li.selected div.imageInfo label {
    color: #ffffff;
}

.job_bags_uploaded_files ul li:hover div span,
.job_bags_uploaded_files ul li.selected div.imageInfo span {
    color: #ffffff;
}

.ulListing {
    margin: 0;
    padding: 0;
}

.ulListing li {
    height: 25px;
    line-height: 25px;
    padding: 0 5px;
}

.ulListing li:nth-child(even) {
    background-color: #eeeeee;
}

.ulListing li:nth-child(odd) {
    background-color: #ffffff;
}

.ulListing li div {
    float: left;
    width: 97%;
}

.ulListing li span {
    float: left;
    width: 3%;
}

.ulListing li span img {
    padding-top: 4px;
}

.ulListing {}

.ulListing {}

.tabContent {
    height: 565px;
}

.navigationContent {
    padding: 10px 0px 0px 0px;
    border-top: 1px solid #CCCCCC;
}

.headerStripLight {
    background: #ccc;
    text-transform: uppercase;
    color: #fff;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 12px;
}

.solidInput {
    border-radius: 0 0 0 0;
    box-shadow: none;
    font-size: 10px;
    margin: 0;
    padding: 2px;
    background-color: #fff
}

.print_style {
    margin: 0;
    padding: 20px;
    width: 827px;
    height: 1169px;
}

.print_style li {
    float: left;
    width: 125.14px;
    height: 100px;
    text-align: center;
    padding: 5px;
    border: 1px #ddd dashed;
}

.print_style li div {
    width: 125.14px;
    height: 90px;
}

.print_style li span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 125.14px;
}

.darkLink a {
    color: #626262;
}

.darkLink a:hover {
    color: #999999;
}

.related_lightboxes_list li a {
    background-image: url(../images/file_properties/16/lightbox.png);
    background-position: 5px center;
    background-repeat: no-repeat;
    height: 16px;
    border-bottom: 1px solid #EEEEEE;
    text-indent: 20px;
    padding: 5px;
    display: block;
}

.option_disabled {
    color: #CFCFCF;
    font-weight: lighter !important;
}

.option_enabled {
    color: #9E9E9E;
}

.PlanPages {
    width: 100%;
    height: 100%;
}

.PlanPages>li {
    float: left;
    margin-top: 12px;
}

.PageBlock {
    border: solid 1px #c0c0c0;
    width: 150px;
    height: 250px;
    float: left;
    cursor: pointer;
}

.PageBorder {
    border: solid 1px #FF0000;
}

.ColorCircle {
    width: 30px;
    height: 30px;
    border-radius: 999px 999px 999px 999px;
    -moz-border-radius: 999px 999px 999px 999px;
    -o-border-radius: 999px 999px 999px 999px;
    -webkit-border-radius: 999px 999px 999px 999px;
}

.PageThumb {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99;
    opacity: 0.7;
}

.ShowHideButton {
    height: 26px;
    width: 104px;
    position: fixed;
    top: 30%;
    left: 95%;
    z-index: 1000;
    background-color: #c0c0c0;
    color: black;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
    cursor: pointer;
}

.PageFormBlock {
    display: none;
}

.PageThumbsBlock {
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    display: none;
}

.PageBlocks .ui-selecting {
    border: solid 1px #FF0000;
}

.PageBlocks .ui-selected {
    border: solid 1px #FF0000;
}

.BodyReport {
    width: 100%;
    display: inline-block;
    height: 400px;
}

.FolderWarning {
    text-align: center;
    font-weight: bold;
    color: ff0000;
    font-size: 14px
}

.usedCountStyle {
    background-color: #02B2DF;
    border-radius: 10px 10px 10px 10px;
    color: white;
    height: 17px;
    padding: 2px;
    position: absolute;
    right: -3px;
    top: -3px;
    width: 17px;
    text-align: center;
    line-height: 17px;
}

.pointer {
    cursor: pointer;
}

.autocomplete-style {
    position: relative;
    background: none repeat scroll 0 0 #FAFAFA;
    border: 2px solid #CCCCCC;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 3px #CCCCCC inset;
    ine-height: 12px;
    padding: 3px;
    position: relative;
}

.autocomplete-style #TAGS {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
}

.autocomplete-style .tags_holder {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.autocomplete-style .tags_holder li {
    position: relative;
    float: left;
    background-color: #DEE7F8;
    border-radius: 6px;
    border: 1px solid #CAD8F3;
    margin: 0 2px 2px 0;
    line-height: 12px;
    padding: 0.2em 18px 0.2em 0.5em;
}

.autocomplete-style .tags_holder li:hover {
    background-color: #BBCEF1;
    border-color: #6D95E0;
}

.autocomplete-style .tags_holder li span {
    color: #555555;
}

.autocomplete-style .tags_holder li a {
    position: absolute;
    right: 5px;
    color: #999999;
    float: right;
}

.autocomplete-style .tags_holder li a:hover {
    color: #000000;
}

.autocomplete-style ul.dp {
    background-color: white;
    border: 1px solid lightgray;
    display: inline-block;
    left: 0;
    padding: 2px;
    position: absolute;
    top: 21px;
    width: 200px;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.autocomplete-style ul.dp li {
    border-bottom: 1px solid lightgray;
    padding: 3px;
    cursor: pointer;
}

.autocomplete-style ul.dp li:hover {
    background-color: lightgray;
}

.smallIcon {
    background: none no-repeat scroll 2px 2px #fff!important;
    width: 30px;
    height: 30px;
    text-indent: 1000px;
    margin: 0px;
    padding: 0px!important;
    border: 1px solid lightgray!important;
    border-radius: 5px!important;
    box-shadow: 1px 1px 0 lightgray;
}

.smallIcon:hover {
    background-color: #eee!important;
}

.treeBtn {
    background-image: url(../images/treebtn.png)!important;
}

.saveBtn {
    background-image: url(../images/savebtn.png)!important;
}

*[dir="ltr"] {
    direction: ltr;
    unicode-bidi: embed;
}

*[dir="rtl"] {
    direction: rtl;
    unicode-bidi: embed;
}

bdo[dir="ltr"] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

bdo[dir="rtl"] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

.wordwrap {
    white-space: pre-wrap;
    /* css-3 */
    white-space: -moz-pre-wrap;
    /* Mozilla, since 1999 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    word-wrap: break-word;
    /* Internet Explorer 5.5+ */
}

.clearable {
    padding: 3px 35px 3px 4px;
    /* USE the same right padding in jQ! */
    /*transition: background 0.4s; REMOVE THIS LINE IF YOU ENCOUNTER ISSUES IN Chrome (Bug 02.2014)*/
}

.clearable.x {
    background: url("../images/clear.png") no-repeat right 25px center !important;
    background-color: #FFF !important;
    border: 1px solid #999;
    border-radius: 3px;
    -moz-border-radius: 3px;
}

.clearable.onX {
    cursor: pointer;
}

.posLeft {
    left: 0px;
}

#display_subsection_scroll li.selected {
    background-color: #03b2dd;
    color: #ffffff;
}

.applyBtn {
    background: url(../images/save.png) no-repeat!important;
    width: 20px;
    height: 20px;
    border-radius: 0px!important;
    border: 0px!important;
    padding: 0px!important;
    margin: 0px!important;
}

.clearBtn {
    background: url(../images/del1.png) no-repeat!important;
    width: 20px;
    height: 20px;
    border-radius: 0px!important;
    border: 0px!important;
    padding: 0px!important;
    margin: 0px!important;
}

a.highlightAction:hover {
    color: #01a0c8!important;
}

.ap-leftpanel-wrap {
    width: 100%;
    margin-bottom: 10px;
    background: #fff;
    position: relative;
}


/*#AUTOCOMPLETE_FOLDER_CONTAINER{
    padding: 0 10px 15px;
}*/

#AUTOCOMPLETE_FOLDER_CONTAINER {
    padding: 0 10px 10px;
}

#files_container {
    overflow-y: scroll;
    height: calc(100vh - 245px);
    padding-bottom: 10px;
}

#files_container.view_page {
    margin-top: 0;
    padding-top: 0;
}

.files_container {
    clear: both;
}


/*.ap-folder-action{
    color: #237ba4;
    font-size: 10px;
    font-weight: 700;
    float: right;
    text-transform: uppercase;
    line-height: 30px;
}*/

.ap-folder-action {
    color: #2679a8;
    font-size: 10px;
    font-weight: 700;
    float: right;
    text-transform: uppercase;
    /* margin-top:-10px; */
}

.ap-folder-action+.ap-folder-action {
    margin-right: 25px;
}

.ap-folder-action i {
    color: #acacac;
    font-size: 2em;
    margin-right: 5px;
}

#SEE_MORE {
    background: #2679a8;
    text-align: center;
}

#SEE_MORE a {
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.second-li {}

.second-li a {
    font-weight: 700;
    text-transform: uppercase;
}

.ap-check-all {
    float: left;
    margin-top: 4px;
    width: 22px;
}

.inline-check {
    display: inline;
    margin-top: 4px;
    width: 22px;
    font-weight: bold;
}

.ap-check-all .CheckFile {
    background: #fff;
}

.ap-check-all .Checkfile {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.sec-btn {
    display: inline-block;
    border-radius: 2px;
    padding: 0 10px;
    font-size: 10px;
    line-height: 30px;
    background-color: #2679a8;
    font-weight: bold;
    color: #fff;
    background: -moz-linear-gradient(center top, #ececec 0%, #aba9a9 50%) repeat scroll 0 0 #aba9a9;
    margin-right: 10px;
}

.advSearchPanel select,
.advSearch-panel input[type="text"] {
    height: 30px;
    background: #fff;
}

.ap-actions-bar {
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    padding: 10px 0;
    margin: 20px 0 0;
    height: 30px;
}

.ViewFileMenu .ap-actions-bar {
    margin: 20px 0 0;
}

.ViewFileMenu .messagebox {
    left: 0px!important
}

.sub,
.sub-action {
    display: none;
}

.ap-actions-settings {
    width: calc(100% - 22px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

.ViewFileMenu .ap-actions-settings {
    width: 100%;
}

.sub-action,
.sub-settings {
    position: absolute;
    z-index: 3;
    background: #fff;
    padding: 5px 10px 0;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    width: 150px;
    right: -156px;
}


/*.sub-action,
.sub-settings{
    position: absolute;
    z-index: 3;
    margin-top: 100%;
    background: #fff;
    padding: 5px 10px 0;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
}*/

.sub-settings {
    right: 0;
    width: 100px;
    text-align: left;
    padding: 15px;
    top: 25px;
}

.connectMenus #MoreActions_dropdown .sub-action {
    position: static;
    padding: 0;
    height: 0;
    overflow: hidden;
    display: block;
    transform: none;
    box-shadow: none;
    background: #eee;
}

.connectMenus #MoreActions_dropdown .sub-action.active {
    height: auto;
    padding: 5px 10px 0;
}

#SORT_BY_TITLE+.sub-settings {
    width: 175px;
}

.sub-settings:before {
    content: "";
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    top: -8px;
    right: 1px;
}

.sub-settings .selected a {
    color: #2585e4;
}


/*.sub-action{
    left: 50%;
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    transform: translateX(-90%);

}*/

.sub-action {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    transform: translateX(-90%);
}

.sub-action a,
.sub-settings a {
    display: block;
    text-align: left;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 35px;
}


/*.sub-action a,
.sub-settings a {
    display: block;
    text-align: left;
    text-transform: uppercase;
    font-weight: 700;
    width:150px;
}*/

.sub-settings a {
    line-height: 25px;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.sub-settings a i {
    font-size: 20px;
    margin-right: 5px;
}

.sub-settings a.selected {
    color: #2679a8;
}

.sub-action a+a {
    border-top: 1px dotted #ccc;
}

.sub-group+.sub-group {
    border-top: 1px dotted #ccc;
    padding-top: 10px;
    margin-top: 10px;
}

.sub-settings li+li {
    border-top: 1px dotted #ccc;
    padding-top: 5px;
    margin-top: 5px;
}

.sub-group h2 {
    text-transform: uppercase;
    font-size: 11px;
    color: #999;
    margin-bottom: 5px;
}

.sub-group>* {
    display: block;
}

.ap-check-results {
    text-align: center;
    background: #bce6e6;
    line-height: 30px;
    font-weight: 400;
    font-size: 12px;
    margin-top: 10px;
}

.ap-check-results a {
    font-weight: 700;
    text-decoration: underline;
}

.ap-check-results span {
    font-weight: 700;
}

.dropdown #SORT_BY_TITLE span {
    display: inline-block;
    max-width: 80px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
}

.ap-bloc-actions {
    position: absolute;
    top: 7px;
    right: 5px;
    font-size: 14px;
    width: 20px;
    height: 20px;
    text-align: right;
    cursor: pointer;
}

.ap-bloc-actions:hover .sub-action {
    display: block;
}

.sub-action.block {
    display: block;
}

.ap-bloc-actions:hover>a {
    color: #2585e5;
}

.ap-bloc-actions>a {
    color: rgba(0, 0, 0, .3);
    cursor: pointer;
}

.ap-bloc-actions-list {
    display: none;
    width: 200px;
    position: absolute;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    z-index: 3;
    background: #eee;
    max-height: 255px;
    overflow: hidden;
    /* transform:translateX(-90%); */
    left: 50%;
    padding: 0;
}

.scroll {
    width: 200px;
    height: 400px;
    overflow-y: scroll;
    z-index: 10;
}


/* .scroll::-webkit-scrollbar {
    width: 12px;
}

.scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

.scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
.scroll::-webkit-scrollbar {
width: 12px;
}

.scroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px #fff);background:#000;}
.scroll::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px #fff;
background:#CCC;
} */

.layout-listing .ap-bloc-actions .sub-action,
.layout-detailview .ap-bloc-actions .sub-action {
    left: auto;
    right: 0;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
}

.ap-bloc-actions .sub-action a {
    font-size: 10px;
    padding: 0 10px;
    color: #666;
}

.ap-bloc-actions .sub-action a:hover {
    background: rgba(0, 0, 0, .05);
    color: #333;
}

.ap-bloc-img-wrap {
    background: none repeat scroll 0 0 #eee;
    border: 1px solid #ddd;
    display: table-cell;
    height: 140px;
    margin: 0px;
    text-align: center;
    vertical-align: middle;
    width: 200px;
}

ap-bloc-img-wrap img {
    position: relative;
    z-index: 1;
    width: auto;
    margin: auto;
}

.view_page .PanelRight {}

.ap-view-page {
    padding: 0 20px;
}

.ViewFileMenu .ap-actionMenu-wrap {
    padding-left: 0;
}

.ap-date-input {
    position: relative;
}

.ap-date-input .icon-date_range {
    position: absolute;
    right: 8px;
    top: 2px;
    line-height: 30px;
    color: #666;
    font-size: 20px;
}

.btnRow-addMore {
    margin: 10px 0;
}

#GoToPreviousFile,
#GoToNextFile {
    width: 30px;
    height: 30px;
    background: #ABC87C;
    position: relative;
    border-radius: 2px;
}

#GoToNextFile {
    margin-left: 5px;
}

.ap-icon-prev {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    transform-origin: top;
    position: absolute;
    left: 15px;
    top: 12px;
}

.ap-icon-next {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    transform-origin: top;
    position: absolute;
    top: 12px;
    right: 15px;
}

#ap-login-page {
    height: 100%;
}

.ap-login-box {
    box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
}

.ap-login-box * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ap-login-box input[type="text"],
.ap-login-box input[type="password"] {
    width: 100%;
}

.ap-login-box li {
    margin: 30px 0;
}

.ap-login-box label {
    display: block;
}

#SHARE_ITEM {
    display: none;
    text-transform: uppercase;
    margin-left: 20px;
}

#SHARE_ITEM i {
    color: #acacac;
    font-size: 2em;
    margin-right: 5px;
}

img.postloader {
    position: relative;
    z-index: 1;
}

.panzoom i.icon-spinner,
.postloader+i.icon-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 20px;
    display: block;
    margin: -10px 0 0 -10px;
    z-index: 0;
}

#FOLDERS_AUTO_COMPLETE {
    padding-top: 10px;
}

#FOLDERS_AUTO_COMPLETE .tipArrow {
    display: none;
}

#PathsList {
    z-index: 3
}

#cboxClose {
    display: block;
    position: absolute;
    top: 15px;
    width: 15px;
    height: 15px;
    text-indent: -9999px;
    cursor: pointer;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 10;
    padding: 0;
}

#cboxClose:before,
#cboxClose:after {
    content: "";
    position: absolute;
    background: #666;
}

#cboxClose:before {
    width: 2px;
    height: 16px;
    top: 0;
    left: 50%;
    margin-left: -1px;
}

#cboxClose:after {
    width: 16px;
    height: 2px;
    top: 50%;
    left: 0;
    margin-top: -1px;
}

#DID_YOU_MEAN {
    font-size: 12px;
}

#DID_YOU_MEAN span {
    color: rgb(38, 121, 168);
    cursor: pointer;
    font-style: italic;
}

input[type=button],
input[type=submit],
input[type=reset] {
    background-color: #2679a8;
    font-weight: bold;
    color: #fff;
    padding: 4px 30px;
    border: none;
}


/* PURE CSS CUSTOM SELECT */

.a7-slct-styled {
    border: 1px solid #ccc;
    width: 120px;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    position: relative;
    height: 30px;
}

.a7-slct-styled:after {
    content: "";
    width: 7px;
    height: 7px;
    border-left: 1px solid #666;
    border-bottom: 1px solid #666;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform-origin: center;
    -moz-transform-origin: center;
    -webkit-transform-origin: center;
    position: absolute;
    top: 50%;
    display: block;
    margin-top: -5px;
    z-index: 1;
    right: 10px;
}

body[dir="ltr"] .a7-slct-styled:after {
    right: 10px;
}

body[dir="rtl"] .a7-slct-styled:after {
    left: 10px;
}

.a7-slct-styled.isMulti {
    height: 100px;
    padding: 10px 0;
}

.a7-slct-styled.isMulti:after {
    display: none;
}

.a7-slct-styled.isMulti select {
    width: 100%!important;
    height: 100%;
}

.a7-slct-styled.isWide {
    width: 100%;
}

.a7-slct-styled select {
    cursor: pointer;
    padding: 0 10px;
    height: 28px;
    width: 120%;
    border: none;
    font-size: 11px;
    box-shadow: none;
    outline: 0;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    z-index: 1;
    font-family: "Open Sans", sans-serif;
}

.a7-slct-styled select:focus {
    outline: none;
}

.a7-slct-styled.isMulti {
    height: 100px;
    padding: 10px 0;
}

.a7-slct-styled.isMulti:after {
    display: none;
}

.a7-slct-styled.isMulti select {
    width: 100%!important;
    height: 100%;
}

.a7-btn {
    cursor: pointer;
    background-color: #2679a8 !important;
    color: #fff;
    display: inline-block;
    height: 30px;
    line-height: 23px;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    margin: 0 auto;
    font-family: "Open Sans", sans-serif;
    border: 2px solid #2679a8 !important;
    text-transform: uppercase;
    padding: 0 20px!important;
    margin: 0 5px;
    outline: none;
    text-align: center;
}

.a7-btn.isWhite {
    border-color: #fff!important;
    color: #fff!important;
}

.a7-btn.isXsmall {
    height: 25px;
    line-height: 20px;
    padding: 0 10px;
    font-size: 9px;
    font-weight: 600;
    border-width: 1px;
}

.a7-btn.isSmall {
    font-size: 10px;
    border-width: 1px;
    height: 25px;
    line-height: 23px;
    padding: 0 10px;
}

.a7-btn.isDark {
    background: #35404d;
    border: none;
}

.a7-btn.isDark:hover {
    background: #3d4958;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .2);
}

.a7-btn.a7-btn-secondary {
    background: none!important;
    color: #999;
    border-color: #999!important;
}

.a7-btn.a7-btn-primary:hover {
    border-color: #2679a8!important;
}

.a7-btn.a7-btn-secondary:hover {
    border-color: #2679a8;
    color: #2679a8;
}

.a7-btn.a7-btn-primary:focus {
    box-shadow: inset 0 0 15px rgba(0, 0, 0, .3);
    border-color: #2679a8;
}

.a7-btn.hasIcon {
    padding: 0 10px;
}

.a7-btn.hasIcon i {
    font-size: 18px;
    vertical-align: top;
    line-height: 25px;
    height: 26px;
}

.a7-btn.hasIcon input,
.a7-btn.hasIcon span {
    background: none;
    cursor: pointer;
    border: none;
    color: #fff;
    height: 26px;
    display: inline-block;
    text-transform: uppercase;
    vertical-align: top;
}


/* Date calendar overwriting the jscal plugin css */

.DynarchCalendar {
    background: #65778c;
    font-family: "Open Sans", sans-serif;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 0;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
}

.DynarchCalendar table {
    font-family: "Open Sans", sans-serif;
    color: #fff;
}

.DynarchCalendar-topBar,
.DynarchCalendar-focused .DynarchCalendar-topBar,
.DynarchCalendar-focused .DynarchCalendar-bottomBar {
    background: rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    padding: 10px 0;
}

.DynarchCalendar-focused .DynarchCalendar-body {
    background: none;
}

table.DynarchCalendar-titleCont {
    font-weight: normal;
    color: #fff;
}

.DynarchCalendar-dayNames div {
    color: #fff;
    font-weight: normal;
    text-shadow: none;
}

.DynarchCalendar-dayNames div,
.DynarchCalendar-day,
.DynarchCalendar-weekNumber {
    width: 1.5em;
    padding: 5px;
}

.DynarchCalendar-weekend {
    color: #bbfffb;
}

.DynarchCalendar-dayNames .DynarchCalendar-weekend {
    color: #bbfffb;
}

.DynarchCalendar-day {
    color: #fff;
    text-align: center;
}

.DynarchCalendar-day-othermonth {
    color: rgba(255, 255, 255, .3);
}

.DynarchCalendar-day-othermonth.DynarchCalendar-weekend {
    color: #bbfffb;
    opacity: .5;
}

.DynarchCalendar-bottomBar {
    background: rgba(0, 0, 0, .2);
    color: #fff;
    border-top: 0;
}

.DynarchCalendar-bottomBar-today {
    color: #fff;
    text-transform: uppercase;
    padding: 5px;
}

.DynarchCalendar-day-selected {
    background-image: none;
    margin: 0;
    background-color: #fff;
    color: #4d5a70 !important;
    border-radius: 2px;
}

.DynarchCalendar-hover-week,
.DynarchCalendar-focused .DynarchCalendar-hover-week {
    background: none;
}

.DynarchCalendar-day-othermonth.DynarchCalendar-hover-date {
    border: none;
    background: rgba(255, 255, 255, .2);
    color: #fff;
}

.DynarchCalendar-hover-date {
    background-color: rgba(255, 255, 255, .4);
    border: 0;
    margin: 0 !important;
    color: #fff;
}

.DynarchCalendar-navBtn div {
    background-color: #fff;
}

.DynarchCalendar-navBtn {
    top: 12px;
}

.DynarchCalendar-hover-navBtn div {
    border: 1px solid #fff;
}

.DynarchCalendar-menu table td div.DynarchCalendar-hover-navBtn.DynarchCalendar-menu-month {
    background-color: #fff;
    color: #333;
}

.DynarchCalendar-navBtn,
.DynarchCalendar-navBtn div {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.DynarchCalendar-hover-title div {
    background-color: rgba(255, 255, 255, .7);
    border: 0;
    border-radius: 2px;
    padding: 5px 17px;
}

.DynarchCalendar-hover-title,
.DynarchCalendar-hover-navBtn,
.DynarchCalendar-hover-bottomBar-today,
.DynarchCalendar-menu table td div.DynarchCalendar-hover-navBtn {
    background: none;
}

.DynarchCalendar-hover-bottomBar-today {
    border: 0;
    background-color: rgba(255, 255, 255, .4);
    padding: 5px;
}

.DynarchCalendar-menu {
    background: #343e4b;
}

.DynarchCalendar-menu-year {
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
    border: none;
}

.DynarchCalendar-pressed-title,
.DynarchCalendar-pressed-navBtn,
.DynarchCalendar-pressed-bottomBar-today,
.DynarchCalendar-menu table td div.DynarchCalendar-pressed-navBtn {
    background: none;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(fonts/OpenSans-Light.woff2) format('woff2');
    unicode-range: 'U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F';
}

.login-canvas {
    margin: 10% auto 0;
    width: 474px;
    position: relative;
    font-family: 'Open Sans', sans-serif;
}

.login-page {
    background: #f2f2f2;
}

.login-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.login-wrapper {
    background-color: #0070a2;
    position: relative;
    width: 100%;
    border-radius: 5px;
    padding: 0px 33px 36px;
}

.login-wrapper label {
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    padding: 0;
    padding-bottom: 8px;
}

.login-wrapper input[type=text],
.login-wrapper input[type=password] {
    width: 100%;
    height: 46px;
    line-height: 46px;
    border: 1px solid #e1e1e1;
    color: #666666;
    font-size: 18px;
}

.login-wrapper input[type=text] {
    margin-bottom: 25px;
}

.login-wrapper input[type=submit] {
    width: 100%;
    border: 1px solid #fff;
    border-radius: 3px;
    background-color: #0070a2;
    font-size: 20px;
    line-height: 33px;
    color: #fff;
    cursor: pointer;
    margin-top: 25px;
}

.login-wrapper .login-logo {
    width: 50%;
    padding-top: 34px;
    padding-bottom: 32px;
    position: relative;
    margin: 0 auto;
}

.login-wrapper .login-logo span {
    text-transform: uppercase;
    color: #fff;
    font-size: 28px;
    display: block;
    text-align: center;
}

.actions {
    text-align: center;
    padding: 10px 0;
}

.filename-title {
    padding: 15px;
    font-style: italic;
    font-size: 11px;
    font-weight: 400;
    background: #eee;
}

.tabs-minimizePopup {
    position: fixed;
    top: 13px;
    right: 60px;
    display: block;
    z-index: 2;
    width: 10px;
    height: 10px;
    border-left: 2px solid #666;
    border-bottom: 2px solid #666;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.maximize {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 19px;
}

.half-wide {
    width: 50%;
    display: block;
}

.half-wide input[type="text"] {
    width: 100%!important;
}

.date-input {
    position: relative;
}

.date-input .calendar-icon,
.date-input img {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
}

.wide {
    width: 100%;
}

.form-add {
    float: left!important;
    line-height: 32px;
    display: block;
    height: 32px;
}

.form-add img {
    margin: 7px
}

.image_preview_fs {
    background: rgba(255, 255, 255, .9);
    width: 100%;
    height: 100%;
    z-index: 9999;
    position: absolute;
    display: none;
}

.image_preview_fs .pv_image {
    display: inline-block;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.caption.icon.textGray.fileFolderName {
    background-position: 0 0;
}

.caption.textGray.fileFolderName {
    width: 170px;
    max-height: 40px;
    line-height: 18px !important;
    overflow: hidden;
    white-space: normal !important;
}

.floatLeft {
    float: left;
}

.margin10px0 {
    margin: 10px 0;
}

.tipCorner-gray.checked::before {
    content: "";
    position: absolute;
    border-left: 2px solid #999;
    border-bottom: 2px solid #999;
    width: 8px;
    height: 4px;
    background: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 5px;
    left: 4px;
}

.aSinglePreview {
    text-decoration: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (min-width: 990px) {
    .fieldsetnew {
        display: flex;
        flex-flow: wrap;
    }
    .fieldsetnew li.LI_ROW {
        width: 50% !important;
    }
    .SECONDARY_CATEGORY {
        width: 100%;
    }
    .SECONDARY_CATEGORY ul {
        width: 100%;
        display: flex;
        flex-flow: wrap;
    }
}