/**
  * THIN
 **/
@font-face {
    font-family: "Roboto";
    src: url(../fonts/roboto/Roboto-Thin.ttf) format('truetype');
	font-weight: 100;
}
/**
  * LIGHT
 **/
@font-face {
    font-family: "Roboto";
    src: url(../fonts/roboto/Roboto-Light.ttf) format('truetype');
	font-weight:lighter; 
}
@font-face {
    font-family: "Roboto";
    src: url(../fonts/roboto/Roboto-Light.ttf) format('truetype');
	font-weight: 300;
}
/**
  * NORMAL
 **/
@font-face {
    font-family: "Roboto";
    src: url(../fonts/roboto/Roboto-Regular.ttf) format('truetype');
	font-weight: normal;
}
@font-face {
    font-family: "Roboto";
    src: url(../fonts/roboto/Roboto-Regular.ttf) format('truetype');
	font-weight: 400;
}

/**
  * MEDIUM
 **/
@font-face {
    font-family: "Roboto";
    src: url(../fonts/roboto/Roboto-Medium.ttf) format('truetype');
	font-weight: 500;
}
/**
  * BOLD
 **/

@font-face {
    font-family: "Roboto";
    src: url(../fonts/roboto/Roboto-Bold.ttf) format('truetype');
	font-weight: bold;
}
@font-face {
    font-family: "Roboto";
    src: url(../fonts/roboto/Roboto-Bold.ttf) format('truetype');
	font-weight: 700;
}
/**
  * BLACK
 **/
/*@font-face {
    font-family: "Roboto";
    src: url(../fonts/roboto/Roboto-Black.ttf) format('truetype');
	font-weight: bolder;
}
*/
@font-face {
    font-family: "Roboto";
    src: url(../fonts/roboto/Roboto-Black.ttf) format('truetype');
	font-weight: 900;
}


.main-container#page{
	width:100%;
}

.static-input input[type=text]{
    border: none ;
    background: inherit ;
    -webkit-box-shadow: none ;  
    -moz-box-shadow: none ;  
    box-shadow: none ;
	padding: 0;
	margin: 0;
	cursor:default;
}
.standard-text-input-container input[type=text]
{
	border: 1px solid #e9e9e9;
	color: #7c7b7b;
	padding: 6px;
	border-radius: 2px;
	box-shadow: 0 5px 14px #F3F3F3 inset;
	margin: 3px 5px 0 3px;
}

.default-textInput-container input[type=text],
.default-textArea-container textarea
{
	-webkit-box-shadow: inset 0 5px 14px #f3f3f3;
	-moz-box-shadow: inset 0 5px 14px #f3f3f3;
	box-shadow: inset 0 5px 14px #f3f3f3;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	height: 30px;
	padding: 0 10px;	
	margin:0;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #e9e9e9;
	background: #fafafa;
	color: #7b7b7b;
	font-family: "Roboto" , sans-serif;
}
 
.default-textArea-container textarea{
	height:103px;
	padding: 10px;
}

.disbale-text-selection
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}

.same-height{
	padding-bottom: 500em;
	margin-bottom: -500em;
}

.errorMessage{color:red;}
.no-display{ display:none;}
.left {float: left;}
.right {float: right;}
.clearBoth {clear: both;}
.clearLeft{clear:left;}
.clearRight{clear:right;}
.no-clear{ clear:none;}
.text-center
{
	width:100%;
	text-align: center;
}
.relative{
	position:relative;
}
.absolute{
	position:absolute;
}
.fixed{
	position:fixed !important;
}
.tagvalue{
	display:none;
}

#debugField
{
	background: white;
	color:red;
	margin: 0;
}

/* Buttons */
.standardBtnTheme .standardBtn {
    display: block;
    padding: 8px 15px 8px 12px;
    border-radius: 5px;
    cursor: pointer;
}
.standardBtnTheme .standardBtn.disabled {
    cursor: default;
    opacity: 0.7;
}
.standardBtnTheme .standardBtn.standardBtnIcon {
    padding-bottom: 10px;
}
.standardBtnTheme .standardBtn.standardBtnIcon img {
    margin: 3px 8px -3px 0;
}
.standardBtnTheme .standardBtn.standardBtnGreen {
    color: #fff;
    border: 1px solid #dedede;
    background: #77e301; /* Old browsers */
    background: -moz-linear-gradient(top,  #77e301 0%, #63bb01 4%, #337d01 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#77e301), color-stop(4%,#63bb01), color-stop(100%,#337d01)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #77e301 0%,#63bb01 4%,#337d01 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #77e301 0%,#63bb01 4%,#337d01 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #77e301 0%,#63bb01 4%,#337d01 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #77e301 0%,#63bb01 4%,#337d01 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77e301', endColorstr='#337d01',GradientType=0 ); /* IE6-9 */
}
/* pool */

.clasicPoolTheme
{
	clear: both;
	width: auto;
	padding: 5px 3px 5px 4px;
	background: #fafafa;
	border: 1px solid #e8e8e8;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.08) inset;
	-mox-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.08) inset;
	-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.08) inset;
}
.clasicPoolTheme .item,
.clasicPoolThemeWrp .item
{
	margin: 1px 0 0 0;
	width: auto;
	height: 38px;
	border-top: 1px solid transparent;
	border-left: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	border-bottom: 1px solid #e4e4e4;
	background: #ffffff;
	color: #525252;
	text-align: center;
	vertical-align:middle;
	line-height: 40px;
	overflow: hidden;
}
.clasicPoolTheme .column,
.clasicPoolThemeWrp .column
{
	height:100%;
}

.clasicPoolTheme .jspVerticalBar
{
	padding: 0 1px 0 2px;
}
/* Buttons */
.button-standard {
    height: 35px;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
}
.button-standard.disabled {
    opacity: 0.5;
    cursor: default;
}
.button-standard.button-standard-green {
    background: url('../images/buttons/button-standard-green-bg.png');
}
.button-standard.button-standard-grey {
    background: url('../images/buttons/button-standard-grey-bg.png');
}
.button-standard.button-standard-limeGreen {
    background: url('../images/buttons/button-standard-limeGreen-bg.png');
}
.button-standard.button-standard-blue {
    background: url('../images/buttons/button-standard-blue-bg.png');
}
.button-standard.darkBorder {
    border: 1px solid #171b1c;
}
.button-standard.softBorder {
    border: 1px solid #cccccc;
}
.button-standard.limeGreenBorder{
    border: 1px solid #009e04;
}
.button-standard.darkBlueBorder {
    border: 1px solid #005d9e;
}
.button-standard .t {
    float: left;
    height: 25px;
    padding: 10px 13px 0 5px;
    font-size: 12px;
}

a.button-standard:hover,
a.button-standard:visited,
a.button-standard:active,
a.button-standard:focus,
a.button-standard:hover .t,
a.button-standard:visited .t,
a.button-standard:active .t
a.button-standard:focus .t
{
    color: #fff;
}
.button-standard .t.w {
    padding-left: 22px;
    padding-right: 22px;
}
.button-standard .icon {
    float: left;
}
.button-standard .icon.whitePlus {
    width: 12px;
    height: 12px;
    margin: 12px 5px 5px 12px;
    background: url('../images/buttons/button-white-plus.png');
}
.button-standard .icon.whiteCancel {
    width: 10px;
    height: 10px;
    margin: 13px 5px 5px 12px;
    background: url('../images/buttons/button-cancel.png');
}
.button-standard .icon.font {
    width: 19px;
    height: 13px;
    margin: 12px 5px 5px 12px;
    background: url('../images/buttons/button-fontIcon.png');
}
a.button-standard {
    display: block;
}
a.button-standard:hover {
    color: #fff;
}

/* Delete Confirm Dialog */
#deleteConfirmDialog {
    display: none;
	position: fixed;
	top: 0; left: 0;
	z-index: 1100;
	background-color: rgba(0,0,0,0.8);
	width: 100%;
	height: 100%;
}
#deleteConfirmDialog .popup-window{
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	margin: auto;
	height: 150px;
}
#tracy-wscalls-table tr.odd td {
    background: #e2ddc5;
}
#tracy-wscalls-table tr.odd:nth-child(2n) td {
    background: #eee9d1 !important;
}
#tracy-debug-panel-WsBarPanel {
    max-width: 1400px;
}
#translateErrorDlg .popup-window {
    height: 170px;
}
#translateErrorDlg.popup-window-container
{
	display: none;
	position: fixed;
	top: 0; left: 0;
	z-index: 1100;
	background-color: rgba(0,0,0,0.8);
	width: 100%;
	height: 100%;
}
#translateErrorDlg.popup-window-container .popup-window {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	margin: auto;
	height: 150px;
}
.disabledOp {
    opacity: 0.45 !important;
    cursor: default !important;
}
.disabledOp * {
    cursor: default !important;
}
.secDisabledOv {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: #fff;
    opacity: 0.55;
    z-index: 1500;
}
input[type="text"]:read-only {
   opacity: 0.65 !important;
}
.secHidedCl {
    display: none;
}
 /* Login Panel */
#login-panel-wrp {
    height: 37px;
    width: 100%;
    position: relative;
    background: #241654;
    z-index: 9999;
}
#login-panel-wrp .navbar {
    background: transparent;
    border: 0;
    box-shadow: none;
    width: 100%;
    margin: 0 auto;
    padding: 0 0px 0 0px;
}
#login-panel-wrp .login-panel {
    background: transparent;
}
#login-panel-wrp .login-form {
    position: absolute;
    top: 40px;
    z-index: 999;
    right: 5px;
    margin: 0;
}
#login-panel-wrp .user-menu-container {
    z-index: 99999;
}
#login-panel-wrp .navbar .user-menu {
    top: 35px;
}
#login-panel-wrp .twofa-login-box {
    position: relative;
    margin: 50px auto 0 auto;
    z-index: 9999;
}