/*=======================Global Helper==========================*/

  /*  */
.layout{height:100%}
.layout .page-title{
  font-size: 22px;
  color: #23527c
}
.layout .page-description{
  font-size: 14px;
  padding: 0 0 15px; 
  white-space: pre-wrap
}
.navbar li{
	position: relative;
}
.navbar li a .fa-circle{
	position: absolute;
	top: 35%;
	right: 30%;
	color: #ec3b47;
	font-size: 10px;
}
.btn.btn-purple{
  background: #a462ac;
  border: 0;
  border-radius: 2px !important;
  padding: 8px 35px;
  font-size: 16px;
  line-height: 1.5;
  color: #fff
}
.disp-inblck{
	display: inline-block;
}
.disp-blck{
	display: block !important	;
}
.disp-none{
	display: none;	
}
.pad-0{
	padding: 0 !important;
}
.z-index-999{
	z-index:999;
}
input{
	background: #FFF;
	color:#959595;
}
.htm, .html, .aspx {
    background: url(./../images/sprites.png) no-repeat scroll 0 -156px transparent;
    width: 32px;
    height: 15px;
    float: left;
    margin: 4px 10px 3px 0;
}

.pdf {
    background: url(./../images/sprites.png) no-repeat scroll 0 -187px transparent;
    width: 32px;
    height: 15px;
    float: left;
    margin: 4px 10px 3px 0;
}
.ipynb {
    background: url(./../images/python.png) no-repeat ;
    width: 32px;
    height: 15px;
    float: left;
    margin: 4px 10px 3px 0;
}
.xls, .xlsx, .csv {
    background: url(./../images/sprites.png) no-repeat scroll -74px -125px transparent;
    width: 32px;
    height: 15px;
    float: left;
    margin: 4px 10px 3px 0;
}
.txt {
    background: url(./../images/sprites.png) no-repeat scroll 0 -218px transparent;
    width: 32px;
    height: 15px;
    float: left;
    margin: 4px 10px 3px 0;
}
.zip {
  background: url(./../images/sprites.png) no-repeat scroll -74px -224px transparent;
  width: 32px;
  height: 15px;
  float: left;
  margin: 4px 10px 3px 0;
}

.chm {
  background: url(./../images/sprites.png) no-repeat scroll 0 -249px transparent;
  width: 32px;
  height: 15px;
  float: left;
  margin: 4px 10px 3px 0;
}

.doc,.docx,.default {
  background: url(./../images/sprites.png) no-repeat scroll 0 -125px transparent;
  width: 32px;
  height: 15px;
  float: left;
  margin: 4px 10px 3px 0;
}
.mp4 {
  background: url(./../images/sprites.png) no-repeat scroll -74px -191px transparent;
  width: 32px;
  height: 16px;
  float: left;
  margin: 4px 10px 3px 0;
}

.mov {
  background: url(./../images/sprites.png) no-repeat scroll -74px -187px transparent;
  width: 32px;
  height: 15px;
  float: left;
  margin: 4px 10px 3px 0;
}

/* The ribbons */

/*=========================================================*/
.ribbon {
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 125px;
    height: 125px;
    text-align: right;
}
.ribbon span {
    font-size: 12px;
    letter-spacing: 3px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 25px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 150px;
    display: block;
    background: #e43;
    background: linear-gradient(#e43 0,#e43 100%);
    box-shadow: 0 3px 10px -5px rgba(0,0,0,1);
    position: absolute;
    top: 33px;
    right: -29px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #79A70A;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #79A70A;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
#background{
  position:absolute;
  z-index:0;
  display: table;
  width: 100%;
  height: 35em;
}

#bg-text
{
  color: #d3d3d3;
  font-size: 80px;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  display: table-cell;
}


/* Colors */

.corner-ribbon.white{background: #f0f0f0; color: #555;}
.corner-ribbon.black{background: #333;}
.corner-ribbon.grey{background: #999;}
.corner-ribbon.blue{background: #39d;}
.corner-ribbon.green{background: #2c7;}
.corner-ribbon.turquoise{background: #1b9;}
.corner-ribbon.purple{background: #95b;}
.corner-ribbon.red{background: #e43;}
.corner-ribbon.orange{background: #e82;}
.corner-ribbon.yellow{background: #ec0;}


.search-box{display: table;width: 100%}
.search-box .search-box-wrapper{display: table-cell;}
.search-box .search-box-wrapper .pos-right{right: 0}
.search-box p{display: table-cell;}
.modal-body .prop{
  padding: 0 45px 0 0;
  display: inline-block;
}
.modal-body .prop input{vertical-align: top;}
.modal-body .top-section .prop label{display: inline-block !important;padding: 0 10px;}
.modal-body .top-section label{display: block;padding: 5px 0;}modal

/*=================================================*/
.current-folder-breadcrumb{
	font-family: helvetica-bold;
}
.search-text,.table{
	font-family: helvetica-light;
}
.table .table-heading{
	font-family: helvetica;
	overflow: hidden;
}
.toggle-wrapper{
	position: relative;
	display: inline-block;
}
input#toggle1, input#toggle2, input#toggle3 , input#toggle4 {
  max-height: 0;
  max-width: 0;
  opacity: 0;
  display: none;
} 
input#toggle1 + label, input#toggle2 + label, input#toggle3 + label , input#toggle4 + label{
  display: block;
  position: relative;
  box-shadow: inset 0 0 0px 1px #ababae;
  text-indent: -5000px;
  height: 16px;
  width: 40px;
  border-radius: 15px;
}

input#toggle1 + label:before, input#toggle2 + label:before, input#toggle3 + label:before , input#toggle4 + label:before{
  content: "";
  position: absolute;
  display: block;
  height: 15px;
  width: 20px;
  top: 0;
  left: 0;
  border-radius: 15px;
  background: rgba(19, 191, 17, 0);
  -moz-transition: .25s ease-in-out;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

input#toggle1 + label:after, input#toggle2 + label:after, input#toggle3 + label:after , input#toggle4 + label:after{
  content: "";
  position: absolute;
  display: block;
  height: 10px;
  width: 10px;
  top: 15%;
  left: 10%;
  border-radius: 15px;
  background: #ababae;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2), 0 2px 4px rgba(0, 0, 0, .2);
  -moz-transition: .25s ease-in-out;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
input#toggle1:checked + label:before, input#toggle2:checked + label:before, input#toggle3:checked + label:before , input#toggle4:checked + label:before {
  width: 40px;
  background: rgba(37, 90, 158, 1);
}

input#toggle1:checked + label:after, input#toggle2:checked + label:after, input#toggle3:checked + label:after , input#toggle4:checked + label:after{ 
  left: 25px;
  background: #FFF;
  box-shadow: inset 0 0 0 1px rgba(37, 90, 158, 1), 0 2px 4px rgba(0, 0, 0, .2);
}

/*=================================================*/
/*===========================Login==================*/
.loginScreen input{
	display: block;
}
.loginScreen a:focus{
	outline: none;
}
.loginScreen .banner-bg{
  	background: url('./../images/login-bg.png') center center no-repeat;
    background-size: cover;
    /*position: absolute;*/
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
}
.loginScreen .banner{
	background: #FFF;
	position: absolute;
	padding: 25px;
	left: 35%;
	/* right: 6%; */
	top: 40%;
}
.loginScreen .login-btn{
	/* background: #FFF; */
	position: absolute;
	padding: 25px;
	left: 43%;
	/* right: 6%; */
	top: 52%;
}
.loginScreen .login-err-msg{
	position: absolute;
	/* padding: 25px; */
	left: 31%;
	/* right: 6%; */
	top: 58%;
	width: 50%;
}
.loginScreen .wrapper {
	width: 100%;
	height:100%;
	min-height:600px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.loginScreen .margin{
	/* margin-top: 15px; */
	margin-bottom: 15px;
}
.loginScreen .login-btn{
	/* background: #FFF; */
	position: absolute;
	padding: 25px;
	left: 43%;
	/* right: 6%; */
	top: 52%;
}
.loginScreen .login-err-msg{
	position: absolute;
	/* padding: 25px; */
	left: 31%;
	/* right: 6%; */
	top: 58%;
	width: 50%;
}
.loginScreen .wrapper {
	width: 100%;
	height:100%;
	min-height:600px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
  }
.loginScreen .margin{
	/* margin-top: 15px; */
	margin-bottom: 15px;
}
.loginScreen input{
  width: 70%;
  padding: 8px;
  font-size: 16px;
  margin-top: 30px;
  border: 1px solid #e4e4e9; 
}
.loginScreen input[type='submit']{
	width: auto;
	margin-top: 40px;
	padding: 8px 60px;
}

.loginScreen .error-email,.error-box{
	background: #ec3b47;
	position: relative;
	display: inline-block;
	padding: 5px 10px;
	color: #FFF;
	margin-top: 2%;
	z-index: 1;
}
.loginScreen .error-email:before,.error-box:before{
	content: '';
  position: absolute;
  left: 10px;
  top: 0;
  width: 5%;
  background: #ec3b47;
  height: 15px;
  transform: rotate(45deg);
  z-index: -1;
}
.loginScreen .well{
	background-color : #f5f5f5d6;
}
.loginScreen .field-sec{
  position: absolute;
  width: 100%;
  top: 30%;
  margin: 0 10%;
}
.loginScreen .login-page .title{
	font-size: 18px; 
}
.loginScreen .login-panel{
	overflow: hidden;
}
.loginScreen .alert{
	width: 70%;
	display: block;
	margin-top: 20px;
	background: #e25660;
	color: #FFF;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
.loginScreen .login-details{
	width: 75%;
	padding: 10px 0 0;
	color: #959595; 
}
.loginScreen .forgot-pass{
	padding: 10px 0 0; 
}
.loginScreen .login-section p{
	font-size: 20px;
	font-weight: bold;
}
.loginScreen .login-section p span{
	font-size: 18px;
	font-weight: normal;
	color:#3E8EDE;
}
.loginScreen .field-sec.msg-section{
	width: 80%;
	top: 42%;
}

/*=======================Profile==========================*/
.user-profile{
	margin-top: 20px;
}
.user-profile .profile-btn{
	padding: 30px;
}
.user-profile .btn{
	padding: 8px 45px;
}

.user-profile .title label{
	font-size: 16px;
	color:#273240;
	margin-top: 35px;
	font-family: helvetica-bold; 
}
.user-profile form .field{
	display: inline-block;
	padding: 0 0 0 30px;
}
.user-profile form .field label{
	display: block;
	font-size: 14px;
	font-weight: normal;
}
.user-profile form .name .field{
	width: 42%;
}
.user-profile form .email{
	margin-top: 20px;
	width: 100%;
}
.user-profile form .error-box{
	width: 100%;
}
.user-profile form .email .field,.user-profile form.passProfile .field{
	width: 85%;
}
.user-profile form.passProfile .newPass, .user-profile form.passProfile .confirmPass {margin-top: 20px;}

.user-profile form .field input{
	width: 100%;
	padding: 8px;
	font-size: 16px;
}
/*=======================Manage User & Manage Report==========================*/
.table-docs .table{
	color: #45484b;
	position: relative;
}
.table-docs .table .table-head{
	background: #f7f7f7;
	overflow: hidden;
	padding: 10px 5px;
}
.manage-report .table .table-body .table-data{
	padding: 20px;
	font-size: 14px;
}
.table-docs .table.file-list-detail{
	/*border-left:2px solid #ccc; */
}
.table-docs .table.file-list-structure, .table-docs .table.file-list-detail{
    /*min-height: 48rem;*/
    /*max-height: 48rem;*/
    /*overflow: auto;*/
}
.table-docs .table.file-list-structure .table-body .col-heading{
	/* padding: 9px 25px 9px 20px; */
	padding: 2.3px 25px 10px 20px;
	word-break: break-all;	
}
.table-docs .table-heading .col-heading.wide {
	padding: 2px 25px;	
}
.table-docs .table.file-list-structure .table-row{
	/*background: #f0f2f3;*/
}
.table-docs .table.file-list-structure .table-row.collapsed{
	background: transparent;
}
.table-docs .table .item{
	/*background: #F9F9F9;*/
}
.table-docs .table.file-list-structure .item li{
	font-size: 15px;
	padding: 5px 35px;
	border:2px solid #f9f9f9;
	border-top: 0; 
}
.table-docs .table.file-list-structure .item ul{
	border-top: 3px solid #eee;
}
.table-docs .table .item li span.release-date{
	color: #999;
	font-size: 12px;
	padding: 0 2em; 
}
.table-docs .table.file-list-structure .table-row .up-down-arrow.collapsed:before,
.table-docs .table.file-list-structure .table-row.up-down-arrow.collapsed:before{
	content: "\f0da";	
}
.table-docs .table.file-list-structure .table-row .up-down-arrow:before,
.table-docs .table.file-list-structure .table-row.up-down-arrow:before{
	content: "\f0d7";
	position: absolute;
	font-family: 'FontAwesome';
	font-size: 20px;
	float: left;
	padding: 5px 0px;
	color: #255a9e;
	z-index: 1;
	cursor: pointer;
}
.table-docs .table .table-body .table-row:hover,.table-docs .table.file-list-structure .product-version .table-row:hover{
	background: rgba(240, 242, 243,0.8);
}
.table-docs .table .table-body .table-row:hover .delete,.table-docs .table .table-body .table-row:hover .out-of-cycle, .table-docs .table .table-body .table-row:hover .edit{
	display: inline;
}
.table-docs .table .table-body .table-row:hover .edit-setting{
	display: none;
}
.table-docs .table.open-detail{
	margin: 0 2%;
}
.table-docs .table.file-list-detail{
	/*padding: 0 2%;*/
}
.table-docs .table.open-detail{
	width:46%;
	float: left;

}
.table-docs .table.open-detail .table-body{
	font-size: 14px;
}

/*====================================================*/
.manage-user .table, .manage-report .table{
	color: #45484b;
}
.manage-user .search-box, .manage-report .search-box{
	display: table;
  width: 100%;
}
.manage-user .search-box .search-box-wrapper, .manage-report .search-box .search-box-wrapper{
	display: table-cell;
}
.manage-user .search-box i, .manage-report .search-box i{
	width:20px;
}
.manage-user .search-box .search-text, .manage-report .search-box .search-text{
	width:calc(100% - 45px);
}

.manage-user .search-box p, .manage-report .search-box p{
	width: 160px;
  display: table-cell;
}
.manage-user .table .table-head, .manage-report .table .table-head{
	background: #f7f7f7;
	overflow: hidden;
	padding: 10px 5px;
}
.manage-user .table .table-head .table-data, .manage-report .table .table-head .table-data{

}
.manage-user .table .table-body .table-data, .manage-report .table .table-body .table-data{
	padding: 20px;
	font-size: 14px;
}
.manage-user .table .table-body .table-row:hover, 
.manage-report .table .table-body .table-row:hover,
.modal .tabel-row:hover{
	background: #f0f2f3;
}
/*.modal#copy .tabel-row:hover, .modal#move .tabel-row:hover, .modal#extract .tabel-row:hover{
	background: #f0f2f3;
}*/
.display-hide{
	display: none;
}
.edit-setting, .edit, .delete,.out-of-cycle{
	padding: 0 8px;
	color: #45484b; 
}
.manage-user .table .table-body .table-row:hover .edit, .manage-report .table .table-body .table-row:hover .delete, .manage-report .table .table-body .table-row:hover .edit{
	display: inline;
}
.edit, .manage-user .table .table-body .table-row:hover .edit-setting, .delete, .manage-report .table .table-body .table-row:hover .edit-setting,.out-of-cycle{
	display: none;
}
#editManageReport .modal-dialog, #createManageReport .modal-dialog{
	margin:5% auto 2%;
}
#editManageUser .top-section .prop{
	display: inline-block;
	padding: 30px 20px 30px 0;
}
#editManageReport .top-section .prop, #createManageReport .top-section .prop{
	display: inline-block;
}
#editManageReport .modal-body, #createManageReport .modal-body{
  overflow: auto;
  /*height: 58vh;*/
}
#editManageReport .top-section .durationPanel, #createManageReport .top-section .durationPanel{
  padding: 15px 30px 0 0;
}
#editManageReport .top-section .durationPanel label, #createManageReport .top-section .durationPanel label{
	display: block;
}
#editManageReport .top-section .durationPanel .prop, #createManageReport .top-section .durationPanel .prop{
 padding: 0 45px 0 0;
}
#editManageReport .top-section .durationPanel .prop label, #createManageReport .top-section .durationPanel .prop label{
	overflow: hidden;
	padding: 0 5px;
	margin-bottom: 0;	
	display: inline-block;
}
#editManageUser .top-section .prop label{
	overflow: hidden;
	padding: 0 10px;
}
#editManageReport .top-section .prop .toggle-wrapper{
  vertical-align: top;
  margin: 5px 0;
}
#editManageReport .top-section .prop .toggle-wrapper input[type=radio]{
  margin: 0;
}
#editManageUser ul#windows_autofill, #editManageUser ul#linux_autofill{
	height: 95px;
	padding: 10px 20px;
}
#editManageReport ul.boundaries, #createManageReport ul.boundaries {
  min-height: 70px;
  max-height: 95px;
  padding: 10px 20px;
}
#editManageReport .user-list, #createManageReport .user-list{
	padding-top: 20px;
}
#editManageUser .linux-autofill, #editManageReport .linux-autofill{
	margin-top: 30px;
}
.tagit-choice{
  background: #dfedf2 !important;
}
.tagit-new{
	width: 100%;
} 
.ui-state-default .ui-icon {
    background-image: url(../images/ui-icons_666666_256x240.png) !important;
}
.tagit-label{font-weight: normal;}
#editManageReport .email-section .email-tag, #editManageReport .email-section .email-tag a,#createManageReport .email-section .email-tag, #createManageReport .email-section .email-tag a{
	display: inline-block;
}
#editManageReport .email-section .email-text-area{
	font-size: 16px;
}
#editManageReport .email-section .email-text-area, #createManageReport .email-section .email-text-area{
	min-width: 100%;
	height: 30px;
	border: none;
	overflow: hidden;
	margin: 0;
	vertical-align: bottom;
	font-family: Times-New-Roman;
	resize: none;
	max-width: 100%;
	padding: .2em 18px .2em .5em;
}
#editManageReport .email-section .email-tag, #createManageReport .email-section .email-tag{
		padding: .2em 18px .2em .5em;
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
}

#editManageReport .email-section, #createManageReport .email-section{
    border: 1px solid #dddddd;
    background: #ffffff url(../images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #444444;
    overflow: auto;
}
/*=======================Modal Overlay==========================*/
.form-control:focus{
	border-color: #255a9e;
  box-shadow: none;
}
/* .modal{
	overflow: auto !important;
	z-index: 9999999;
} */
.modal-footer{
	border-top: 1px solid #e4e4e9;;
	text-align: right;
}
.modal .modal-dialog{
	width: 745px;
	margin:5% auto;
}
.modal-l{
	margin: 5% auto 2%!important;
}
.modal-s{
	margin:12% auto 0!important;
}
.modal .modal-l .modal-body{
	/*max-height: 58vh;*/
  overflow: auto;
}
.modal .modal-title {
  color: #333;
  font-family: 'helvetica-bold';
}
.modal .modal-header{
  border-bottom: 1px solid #959595;	
}
.modal-header .close{
	opacity: 1;
}
.modal-header .close:hover{
	cursor: pointer;
}

.modal-header .close .glyphicon{
	top: 5px;
	font-size: 15px;
	color: #959595;
	cursor: pointer;
}
.modal .modal-footer .btn-sm.btn-primary{
	background: #a462ac;
	border:0; 
	border-radius: 2px !important;
}
.modal .modal-footer .btn-sm.btn-default{
	border:0; 
}
.modal .modal-footer .btn-sm.btn-default:hover{
	background: transparent;
}
.modal .btn-preview{
	margin: 10px 0 0px 0px;
	padding: 5px 20px;
}
.modal .input-preview{
/*	display: inline-block;
	width: 88%;*/
}
.modal .label-preview{
	display: block
}
.modal label{
	font-size: 14px;
	color:#545454;
	font-weight: normal;
}
#generateGoUrl.modal label{
  font-size: 18px;
  margin: 20px 0 0;
}
.modal .label{
	position: relative;
	font-weight: normal;
	background: #ec3b47;
}
.modal .label.error-msg.server-error:before{
  display: none
}
.modal .label.error-msg{
  padding: 8px 10px;
}
.modal .label.error-msg:before{
	content: '';
  position: absolute;
  left: 10px;
  top: -3px;
  width: 5%;
  background: #ec3b47;
  height: 15px;
  transform: rotate(45deg);
  z-index: -1;
}
.error-border-color{
  border-color: #ec3b47;
  /*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);*/
  /*box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);	*/
}
.modal .modal-content{
	padding-top:0;
	/*padding-bottom:25px;  */
}
.modal .modal-body .form-control{
	font-size: 16px;
	color: #959595;
}
#uploadfile .modal-body .form-control{
	color: #232323;
	display: inline;
	position: relative;
	z-index: 1;
	margin-left: -110px;
	padding-top: 0px;
	padding-left: 15px;
	width: 410px;
	vertical-align: middle;
}
#uploadfile .upload-button{
	font-size: 16px;
    vertical-align: middle;
    margin-left: 15px;
    font-family: 'helvetica-bold';
}
#angular-fileman-container .modal .modal-footer{
  margin-top: 4em;
}
.modal .modal-header{padding:15px 30px;} 
.modal .modal-body{padding:10px 30px 0;}	
.modal .modal-footer{
	padding: 6px 20px;
	margin-top: 1em;
}
.modal-footer .btn{
	font-size: 16px;
}
.modal-footer .btn-sm.btn-primary{padding: 5px 15px;}
.modal-footer .btn-sm.btn-default{padding: 8px 25px;}
.modal#delete .modal-footer .btn-sm.btn-primary{
	background: #EC3B47;
}
.modal#delete .modal-body{
	font-size: 20px;
}
.modal#delete .modal-body p{
	font-size: 16px;
	line-height: 2;
	margin-bottom: 0;
}
.modal#delete .modal-dialog{width: 545px}
.modal#createUser .modal-dialog{width:795px;	}
.modal#createUser .modal-body .input-field-group{
  width: 108%;
  padding: 15px 28px;
  background: #f5f5f5;
  margin: 0 0 0 -30px;
}
.modal#createUser .modal-body .label-field-group{
  width: 108%;
  padding: 15px 25px 0;
  margin: 0 0 0 -30px;
}
.modal#createUser .modal-body .input-field-group input{
	width: 100%;
  padding: 5px;
}
#editManageUser .error-email-invite{
	width: 100%;
  padding: 10px;
}
#editManageUser .error-email-invite:before{
	top: 0;
}
#editManageUser .modal-footer{
	padding-top: 30px;
  margin-top: 3em;
}
#createUser .error-email-invite{
	background: #ec3b47;
    position: absolute;
    display: inline-block;
    padding: 5px 10px;
    color: #FFF;
    margin-top: 2%;
    z-index: 1;
    float: none;
	/* right: 44px; */
	/* left: 30%; */
    bottom: -38px;
    width: 700px;
}
#createUser .error-email-invite:before{
	/* content: ''; */
    position: absolute;
    left: 10px;
    top: -5px;
    width: 5%;
    background: #ec3b47;
    height: 15px;
    transform: rotate(45deg);
    z-index: -1;
}
#uploadfile .modal-dialog{
	margin: 5% auto;
}
#uploadfile .modal-body{
	overflow: auto;
  	max-height: 360px;
}
#file_empty_upload{
	display: none;
	margin-top: 10px;
    padding: 10px;
    font-size: 14px;
    width: 410px;
    text-align: left;
}
#file_empty_upload .glyphicon-remove-circle{
	margin-left: 5px;
}
.modal#copy .modal-dialog,
/*.modal#compress .modal-dialog,*/
.modal#move .modal-dialog,
.modal#extract .modal-dialog{
	width: 745px;
	margin: 2% auto;
}
.modal#copy label,
/*.modal#compress label,*/
.modal#move label,
.modal#extract label{
	margin-top: 1em;
}
.modal input{
	font-size: 16px;
}
.modal .ReactTags__tagInput input{
	border: 0;
  padding: 5px; 
}
.modal#copy .search-box,
/*.modal#compress .search-box,*/
.modal#move .search-box,
.modal#extract .search-box{
	border: 1px solid #e4e4e4;
}
.modal#copy .search-text,
/*.modal#compress .search-text,*/
.modal#move .search-text,
.modal#extract .search-text{
	padding: 5px 0;
	font-size: 14px;
}
.modal#copy .search-box .fa-search,
/*.modal#compress .search-box .fa-search,*/
.modal#move .search-box .fa-search,
.modal#extract .search-box .fa-search{
  font-size: 14px;
  margin-right: 5px;
  margin-left: 10px;
}
.modal#copy .main-file-navigation,
/*.modal#compress .main-file-navigation,*/
.modal#move .main-file-navigation,
.modal#extract .main-file-navigation{
	/*padding-top: 10px;*/
  border: 1px solid #e4e4e4;
  border-top: 0;
  height:12em;

}
.modal#copy .tabel-row,
/*.modal#compress .tabel-row,*/
.modal#move .tabel-row,
.modal#extract .tabel-row{
	font-size: 14px;
	padding: 2px 10px ;
}
.modal#copy .tabel-row a,
/*.modal#compress .tabel-row a,*/
.modal#move .tabel-row a,
.modal#extract .tabel-row a{
	color: #45484b;
}
.modal#copy .tabel-row i{  }
.modal#copy .modal-content{ }
/*.modal#copy .modal-footer{
	padding: 15px 0;
}*/
/*.modal#copy .modal-footer .btn{font-size: 16px;}*/
.modal#copy .modal-footer .btn.btn-primary,
/*.modal#compress .modal-footer .btn.btn-primary,*/
.modal#move .modal-footer .btn.btn-primary,
.modal#extract .modal-footer .btn.btn-primary{
  padding: 5px 35px;
}
.modal#copy .main-file-navigation .table,
/*.modal#compress .main-file-navigation .table,*/
.modal#move .main-file-navigation .table,
.modal#extract .main-file-navigation .table{
	height: 12em;
	overflow: auto;
	margin-bottom: 0;
}
.modal#copy .modal-footer,
/*.modal#compress .modal-footer,*/
.modal#move .modal-footer,
.modal#extract .modal-footer{
	padding:20px 30px 0;
}
.modal#properties label.table-head{
	color:#255a9e;
	padding: 	10px 0;
}
.modal#properties label.table-data{
	color:#45484b;
	padding: 	5px 0;
}
.modal#properties label.table-data:first-child{
	width:75px;
	color: #959595
} 
.modal#properties .modal-footer{
	display: none
}
.modal input[type="file"] {
    display: none;
}
.modal .upload-file-title{
	font-size: 16px;
	margin-top: 30px; 
	margin-right:30px; 
}
#uploadfile .upload-file-title{
	font-size: 14px;
	margin-top: 20px;
}
#uploadfile .uploading-inprogress{
	color: #255a9e;
    vertical-align: middle;
    font-size: 16px;
    margin-left: 10px;
}
#uploadfile .uploading-inprogress .fa-spinner,#uploadfile .uploading-done .fa-check{
	margin-right: 5px;
}
#uploadfile .uploading-done{
	color: #00afa9;
    font-size: 16px;
    vertical-align: middle;
    margin-left: 15px;
}
#uploadfile .uploading-done .fa-check{
	color: #00afa9;
}
.modal .custom-file-upload{
  background: #255a9e;
  color: #FFF;
	padding: 4px 25px;
  font-size: 16px;
  border-radius: 2px !important;
  position: relative;
  z-index: 2;
  vertical-align: top;
}

/* Mozilla */
@-moz-document url-prefix() {
	.mac-os .modal .custom-file-upload{
  	padding: 4px 34px;
  }
  .mac-os #uploadfile .modal-body .form-control{
    margin-left: -124px;
  }		
}




/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
  .modal .custom-file-upload{
  	padding: 4px 34px;
  }
  #uploadfile .modal-body .form-control{
  	margin-left: -127px;
  	padding: 6px 12px;
  }

  .mac-os .modal .custom-file-upload{
  	padding: 4px 26px;
  }
  .mac-os #uploadfile .modal-body .form-control{
    margin-left: -110px;
    padding: 6px 10px;
  }


}

 /* Safari 7.1+ (9.0 is the latest version of Safari at this time) */ 

	_::-webkit-full-page-media, _:future, :root .mac-os #uploadfile .modal-body .form-control{
    margin-left: -115px;
    padding: 6px 15px;
  }

	_::-webkit-full-page-media, _:future, :root .mac-os .modal .custom-file-upload{
  	padding: 4px 32px;
  }


.modal .file-conflict-msg, .modal .file-conflict-files{
	background: #f5f5f5;
	padding: 20px 30px;
  margin: 30px -30px 0;
}
.modal .file-conflict-files{
	padding: 5px 30px 15px;
  margin: 0 -30px;
}
.modal .file-conflict-files label{
  font-family: helvetica-light;
  font-size: 16px !important;
  color: #273240 !important;
}
.modal .file-conflict-files hr{
  margin-top: 5px;
  margin-bottom: 15px;
  border-top: 1px solid #ddd;
}
.modal .file-conflict-files i{
	color: #255a9e;
	padding: 0 5px;
}
.modal .file-conflict-msg .c-title{
	font-size: 16px;
	color: #255a9e;
}
.modal .file-conflict-msg .c-subtitle{
	font-size: 14px;
	color: #959595;
	padding: 10px 0;
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover{
	background: transparent;
}

/*.modal.fade:not(.in) .modal-dialog {
    -webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0);
}*/

/*===========================left & right panel slide modal=====================*/
	.modal.left .modal-dialog,
	.modal.right .modal-dialog {
		position: fixed;
		top: 18%;
		margin: auto;
		width: 320px;
		height: 100%;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
	}
	.modal.right.notif-modal .modal-dialog{
		top: 9%;
	}
	.modal.right.user-report .modal-dialog{
		top:0;
	}

	.modal.left .modal-content,
	.modal.right .modal-content {
		height: 100%;
		overflow-y: auto;
	}
	
	.modal.left .modal-body,
	.modal.right .modal-body {
		padding: 15px 15px 0;
	}

/*Left*/
	.modal.left.fade .modal-dialog{
		left: -320px;
		-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, left 0.3s ease-out;
		        transition: opacity 0.3s linear, left 0.3s ease-out;
	}
	
	.modal.left.fade.in .modal-dialog{
		left: 0;
	}
        
/*Right*/
	.modal.right.fade .modal-dialog {
		right: -320px;
		-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
		        transition: opacity 0.3s linear, right 0.3s ease-out;
	}
	
	.modal.right.fade.in .modal-dialog {
		right: 0;
	}

/* ----- MODAL STYLE ----- */
	.modal-content {
		border-radius: 0;
		border: none;
	}

	.modal-header {
		border-bottom-color: #EEEEEE;
		background-color: #FFF;
		font-family: helvetica-bold;
	}
/*===========================End left & right panel slide modal=====================*/
.notifyjs-corner{
	bottom: 20px !important;
}
.notifyjs-success-msg-success,.notifyjs-inprocess-msg-info,.notifyjs-error-msg-error{
	position: relative !important;
    padding:15px 30px 15px 15px !important;
    color: #FFF !important;
    background: #01ADAC !important;
    min-width:200px; 
}
.notifyjs-container .fa-check-circle{
	color: #FFF !important;
    margin-right: 8px !important;
}
.fa-spinner.fa-spin{
	margin-left: 8px !important;
}
.fa-close.no{
	color: #fff !important;
    position: absolute !important;
    top: 5px !important;
    right: 5px !important;
    cursor: pointer !important;
    opacity: 0.8;
}
.fa-close.no:hover{
	opacity: 1;
}
.notifyjs-inprocess-msg-info{
	background: #255A9F !important;
}
.notifyjs-error-msg-error{
	background: #ec3b47 !important;
}
.completed{
	display: none;
	background: #01ADAC;
}
.completed i.fa-spinner{
	display: none;
}

.main-body .status i{
	color: #FFF;
}
.main-body .status i.fa-close{
	color: #333;
	position: absolute;
	top: 5px;
	right: 5px;
	cursor:pointer; 
}
.main-body .status span{
	padding: 5px 10px;
}
.ui-autocomplete{
	max-height: 150px;
	overflow: auto;
	position: absolute;
	
}
.ui-menu .ui-menu-item:hover{
	background: rgba(37,90,158,1);
}

/*===================================================REACT - Manage==============================================*/
#root, .app{
	height: 100%;
}
.left-sidebar button.orange{
	background: #255a9e;
	color: #FFF;
	border: 0; 
}
.left-sidebar button{
	width: 150px;
	margin: 10px 22px;
	text-align: left;
	padding: 5px 10px;
}
.left-sidebar button input{
	margin: 0 5px;
	vertical-align: middle;
}
.left-sidebar button i{
	padding: 0 5px
}
.left-sidebar .manage-user-option{
	margin-bottom: 10px; 
}
.left-sidebar .manage-user-option li{
  font-size: 14px;
}
.left-sidebar .manage-user-option li a{
	padding: 12px 22px;
	display: block;
	border-left: 5px solid #fff;
}
.left-sidebar .manage-user-option li a{
	color: #45484b;
}
.left-sidebar .manage-user-option li a:hover{
	background: #f0f2f3;
	border-left: 5px solid #f0f2f3;
}
.left-sidebar .manage-user-option li a.active{
	border-left: 5px solid #255a9e;
	color: #255a9e;
	font-family: 'helvetica-bold';
}






.addoverlay{
	position: absolute;
    z-index: 999999;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
.copy-path:hover + .hover-effect-copytoclipboard{
	display: block;
}
.hover-effect-copytoclipboard{
    position: absolute;
    top: 44px;
    left: -46px;
    width: 140px;
}
.copy-clipboard{
	position: relative;
}
.hover-effect-copytoclipboard:before{
	top: -10px;
    position: absolute;
    left: 51px;
    content: '';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #8ABCD4;
}

/* product version and product documnet page css*/
.table-docs .table.file-list-structure .product-version .table-row{
	background: transparent;
}
.table-docs .table.file-list-structure .product-version .table-row:before{
	content: no-close-quote;
}
.product-version-wrapper,.product-document-wrapper{
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding: 15px 25px;
}
.border-right-2px{
	border-right: 2px solid #e4e4e4;
}
.product-version-wrapper .category-link:hover,.product-version-wrapper .category-link-active{
	background: #255a9e !important;
	color: #fff;
}

.version-logs .description{
	color:#666;
	line-height: 0.8;
	font-size: 16px;
}
.version-logs .filter-section{
  /*overflow: hidden;*/
  margin: 1em 0;
}
.version-logs .filter-section a{
  text-align: center;
  color: #444;
  font-size: 14px;
	padding: 5px 5px;
	text-align: left;
	white-space: inherit;
}
.version-logs .filter-section a span.active, .version-logs .filter-section a span:hover{
  color: #255a9e;
  border-bottom: 2px solid;
  padding: 5px 0;
}

.category-wrapper .category-link:hover .edit,
.category-wrapper .category-link:hover .delete{
	color: #fff !important;
}
.subcategory-parent .table-row div{
	cursor: pointer !important;
}
.category-parent{
	width: 40%;
	padding: 0;
	padding-right: 25px;
}
.category-child{
	width: 60%;
	padding: 0;
	padding-left: 25px;
	border-left: 2px solid #e4e4e4;
  margin-left: -2px;
}
.subcategory-child .table-row{
	padding-left: 0 !important;
}
.child-category .subcategory-parent{
	padding-left: 15px;
}
.folder-cateogry{
	padding-left: 10px !important;
}
.category-wrapper .edit,.category-wrapper .delete{
	position: relative;
	z-index: 999;
}
.subcategory-parent .table-row .col-xs-9:before{
	top: 0;
	left: 0;
}
/*===================================================*/
/*unzip modal*/
/*===================================================*/
.unzip-modal .main-file-navigation{
		clear: 	both;
}
.unzip-modal .search-box .search-text{
	padding: 	5px 0;
}
.unzip-modal .search-box{
	border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.unzip-modal .main-file-navigation{
	border: 1px solid #e4e4e4;		
	height: 12em;
	overflow: auto;	
}
.unzip-modal .main-file-navigation .table{
  padding: 5px 0;
}
.unzip-modal .main-file-navigation .table li{
	padding: 5px 15px;
}
.edit-document-modal .modal-body .doctype, .unzip-modal .modal-body .doctype{
	border:1px solid #e4e4e4;
	display: 	inline-block;	
}
.edit-document-modal .modal-body button, .unzip-modal .modal-body button{
	border:0;
}
.edit-document-modal .modal-body button.active, .unzip-modal .modal-body button.active{
	background: #6daae6;
  color: #FFF;
}
.edit-document-modal .modal-body .field-panel p, .unzip-modal .modal-body .field-panel p{
  font-size: 12px;
  color: #999;
  padding: 5px 0;	
}
.unzip-modal .modal-body .create-panel{
	display: none;
}

.edit-document-modal .modal-body .field-panel{
	margin: 1em 0;
	overflow: hidden;
}
.edit-document-modal .modal-body .field-panel.name-suggestion{
  overflow: initial;
}

.edit-document-modal .modal-body .field-panel label{
	display: block;
}
.edit-document-modal .modal-body .field-panel span{
	border-radius: 0;
}
.edit-document-modal .modal-body .prop .toggle-wrapper label{
	padding: 0 5px;
	display: inline-block;
}
.edit-document-modal .modal-body .videoPanel{
	display: none;
}

.edit-document-modal .tag-list{
  width: 100%;
  height: 95px;
  border: 1px solid #e4e4e9;
  padding: 10px;
  overflow: auto;
}
.edit-document-modal .tag-list span.ReactTags__tag, .go-url-modal .single-row span.ReactTags__tag {
  display: inline-block;
  margin-bottom: 10px;
}
.go-url-modal .tag-list{
  overflow: auto;	
}
.add-lang {
	background: #F4F4F4;
	padding: 20px;
	margin: 10px 0;
	display: none;
}
.add-lang select{
	display: inline-block;
	width: 60%;
}
.add-lang button{
	margin:15px 0 15px 10px;
}
.add-lang-btn{
	background: #ddd;
  padding-bottom: 0px;
}

.version-logs .filter-section .active span {
	color: white !important;
}


.bootstrap-typeahead.form-control{
	padding: 0 5px ;
  box-shadow: none;
  border-radius: 0;
  background-color: transparent; 
}
.bootstrap-typeahead .dropdown-menu{
	min-width: 100%;
}
.bootstrap-typeahead .dropdown-menu li a span,.bootstrap-typeahead .dropdown-menu li a span:hover,.bootstrap-typeahead .dropdown-menu li a{
	border-bottom: 0;
  color: #545454;
  font-family: helvetica;
}
.bootstrap-typeahead .dropdown-menu li a{
	padding: 2px 6px;
	text-align: left;
}
.bootstrap-typeahead .dropdown-menu li a:hover{
  background: rgb(63, 149, 191);
  cursor: pointer;
}
.bootstrap-typeahead .dropdown-menu li a:hover span{
  color:#FFF !important;
}
.bootstrap-typeahead .bootstrap-typeahead-input input{
	border: 0;
  border-bottom: 1px solid #E4E4E4;
  box-shadow: none;
}
.bootstrap-typeahead.form-control .bootstrap-typeahead-input input{
	border-bottom: 0;
	height: 32px;
}

.loaderScreen{
	position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.5);
  z-index: 999;
}
.loaderScreen i.fa-spinner{
	position: absolute;
  top: 48%;
  left: 48%;
  font-size: 50px;
  color: #FFF;
}
.react-autocomplete input{
	font-size: 16px;
	color: #959595;
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	line-height: 1.42857143;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.path-tag{    
	/*position: absolute;*/
  font-size: 16px;
  color: #959595;
  padding: 6px 12px;
}
.field-section{
	overflow: hidden;
  padding: 5px 0;
  margin-top: 0; 
}
.field-section.m-field-description{
  overflow: initial;
}
.modal .field-section .label.error-msg{
	width: 100%
}
.modal .field-section .label.error-msg:before{
  top: 2px;
}
.note{
	color: #999;
	padding: 0;
}
.translated-doc{
	font-size: 12px;
  padding: 0 3px 10px 0;
}
.translated-doc span{
	padding: 0 10px;
}
.translated-doc a{
	color: #545454
}
.translated-doc a:hover{
	color: #337ab7
}
.translated-doc a i{
	padding:0 0 0 5px;
}
.userreportlist li{
	font-size: 16px;
  padding: 10px 0;
}
.userreportlist li a i{
	padding-right: 10px;
}
.userreportlist li a, .userreportlist li a i{
	color: #959595;
}
.userreportlist li a:hover, .userreportlist li a:hover i{
	color: #255a9e;
}
.userreportlist .allSelect{
  border-bottom: 1px solid #888;
  padding-bottom: 15px;
  margin-left: -15px;
  margin-right: -15px;
}
.userreportlist .allSelect button{
  margin: 0 0 0 15px;
}
.userreportlist input{
  margin: 0 5px;
}
.setting-list a i{
	color: #255a9e;
  font-size: 18px;
  margin-right: 10px;
}

/*==================suggestion list=========================*/
.addWidth{
	width: 51.5% !important;
}

.suggestionList{
  font-size: 16px;
  color: #333;
  border: 1px solid #ccc;
  overflow: hidden;
  position: absolute;
  width: 92%;
  background: #FFF;
  display: none;
  z-index: 1;
  max-height: 115px;
	overflow-y: auto;
}
.suggestionList li{
	list-style: none;
	padding: 2px 12px;
  cursor: pointer;
}
.suggestionList li:hover, .suggestionList li:focus,.suggestionList li.active{
	color: white;
  background: rgb(63, 149, 191);
}
.suggestion-name:focus + .suggestionList, .suggestionList:hover,.suggestionList:focus{
	display: block;
}
.suggestionList .li-folder{
	cursor: pointer;
	padding: 0;
}
.file-not-exist{
    padding: 2px 12px;
}

/*================select2==================*/
.search-box-wrapper .select2-container{
  margin-right:-9%;
  width: 80px !important; 
}
.search-box-wrapper .select2-container .select2-selection--single .select2-selection__rendered{
  text-align: left;
}
.search-box-wrapper .select2-container .select2-selection--single{
  height: 25px;
}
/*===========================================*/
.modal#generateGoUrl .pre-virtual-url,.modal#editGoUrl .pre-virtual-url{
  padding: 0;
  line-height: 1.8;
  font-size: 15px;
}
.modal#generateGoUrl .virtualurl,.modal#editGoUrl .virtualurl{
  font-size: 15px;
}
.modal#generateGoUrl .fa-clipboard, .modal#editGoUrl .fa-clipboard{
  padding:8px 15px
}
/*======================name suggestion documement modals====================*/
#modal .name-suggestion{
  overflow: initial;
}
#modal .name-suggestion .dropdown-menu{
  max-height: 150px !important;
}
/* .select2-container--default .select2-selection--multiple .select2-selection__choice {
  border: 1px solid #dddddd !important;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px !important;
  padding: 2px 5px !important;
  background: #dfedf2 !important;
  color: #0073ea !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #25599d !important;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 4px !important;
  font-size: 16px !important;
} 
.select2-container--default .select2-selection--multiple .select2-selection__rendered 
{
  height: 100px !important;
  overflow-y: auto !important;
}
 */
 .chosen-container-multi .chosen-choices {
  height: 98px !important;
  overflow-y: auto !important;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(1%,#eee),color-stop(15%,#fff));
  background-image: linear-gradient(#eee 1%,#fff 15%);
  cursor: text;
}
.chosen-container-multi .chosen-choices li.search-choice {
  background: #e9f9ff !important;
  color: #005fd6 !important;
  border: 1px solid #dddddd !important;
  border-radius: 4px !important;
  padding: 5px 20px 5px 5px !important;
}
 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  top: 6px !important;
}