* {
	padding:0;
	margin:0;
	text-decoration:none;
	border:0;
}

html, body {
    height:100%;
    width:100%;
}

body {
	font-family: verdana,sans-serif;
	font-size:12px;
}

a:visited {
    color: #0000ff;
}

.clear {
	clear:both;
}

.left {
    float: left;
}

.txt-left {
    text-align: left !important;
}



.loginTop {
    height:359px;
    width:100%;
    position:absolute;
    top:0;
    background:#608dbe;
    background:#366fac;
    background:-moz-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(54,111,172,1)),color-stop(100%,rgba(24,75,130,1)));
    background:-webkit-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:-o-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:-ms-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#366fac',endColorstr='#184b82',GradientType=0);
    border-bottom:1px solid #0d3259;
    box-shadow:0 2px 5px rgba(17,16,13,0.5)    
}

.loginGradient {
    position:absolute;
    width:100%;
    top:360px;
    height:270px;
    background:#e3e3e3;
    background:-moz-linear-gradient(top,#e3e3e3 0,#fafafa 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e3e3e3),color-stop(100%,#fafafa));
    background:-webkit-linear-gradient(top,#e3e3e3 0,#fafafa 100%);
    background:-o-linear-gradient(top,#e3e3e3 0,#fafafa 100%);
    background:-ms-linear-gradient(top,#e3e3e3 0,#fafafa 100%);
    background:linear-gradient(top,#e3e3e3 0,#fafafa 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3',endColorstr='#fafafa',GradientType=0)    
}


.loginContent {
    
}

.loginContent h1 {
    position:absolute;
    top:60px;
    left:0;
    right:0;
    margin:0;
    z-index:101;
    color:#fff;
    font-size:40px;
    font-weight:bold;
    text-align:center;
    text-shadow:0 0 5px rgba(10,50,92,0.75)    
}

.loginTitleBg {
    z-index:99;
    position:absolute;
    top:0;
    left:0;
    right:0;
    margin:0 auto;
    width:790px;
    height:167px;
    background:url(images/header.png)
}

.loginBoxWrapper {
    position:absolute;
    width:400px;
    top:250px;
    left:0;
    right:0;
    margin:0 auto;
    z-index:101
}

.loginBox {
    z-index:110;
    margin:0 auto;
    position:relative;
}

.loginHeader {
    background:#78b1ed;
    background:-moz-linear-gradient(top,rgba(120,177,237,1) 0,rgba(65,123,181,1) 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(120,177,237,1)),color-stop(100%,rgba(65,123,181,1)));
    background:-webkit-linear-gradient(top,rgba(120,177,237,1) 0,rgba(65,123,181,1) 100%);
    background:-o-linear-gradient(top,rgba(120,177,237,1) 0,rgba(65,123,181,1) 100%);
    background:-ms-linear-gradient(top,rgba(120,177,237,1) 0,rgba(65,123,181,1) 100%);
    background:linear-gradient(top,rgba(120,177,237,1) 0,rgba(65,123,181,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#78b1ed',endColorstr='#417bb5',GradientType=0);
    height:34px;
    line-height:34px;
    border-radius:3px 3px 0 0;
    border-bottom:0;
    box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.5);
    background:url(images/bg-header.png);
    filter:none;
    border:1px solid #c8c8c8;
}

.loginHeader img {
    display:inline-block;margin:9px auto;margin-left:8px;float:left;-moz-user-select:none
}

.loginHeader h3 {
    color:#383838;
    text-shadow:none;
    font-size:13px;
    font-weight:700;
    float:left;
    display:inline-block;
    margin:0;
    padding:0;
    margin-left:8px;
    padding-left:10px;
    background:url(images/divider-header.png) top left no-repeat!important
}

form {
    margin:0;
    padding:0;
}

form .section {
    border-bottom:1px solid #e7e7e7;
    border-top:1px solid #fff;
    margin:0;
    width:100%;
    background:#f6f6f6;
    background:-moz-linear-gradient(top,rgba(246,246,246,1) 0,rgba(241,241,241,1) 100%);
    background:linear-gradient(top,rgba(246,246,246,1) 0,rgba(241,241,241,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6',endColorstr='#f1f1f1',GradientType=0)    ;
    display:inline;
    float:left;
}

form .section label {
    float:left;
    margin-left:10px;
    margin-top: 11px;
    width:16%;
    font-size:12px;
    line-height:24px;
    font-weight:700;
    color:#666;
}

.loginBox input {
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    display: block;
    margin: 10px 0;
    outline: 0 none;
    padding: 5px 0;
    width:100%;
    box-shadow: 0 2px 3px 0 rgba(18, 16, 11, 0.13) inset;

}

.section75 {
    width:75%;
    float:right;
    border-left: 1px solid #e7e7e7;
    padding: 0 10px 0 1%;
}

.actions {
    border:1px solid #c8c8c8;
    background:url(images/bg-action.png) repeat-x #f7f7f7;
    border-radius:0 0 3px 3px
}

.actions-left {
    
}

.actions-right {
    float: right;
    margin: 5px 10px 5px 5px;
}

.actions:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.actions input {
    margin:0;
}

.content:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.content {
    padding: 0;
    border-bottom: 0 none;
    border-raius: 0;
}


button, input[type="submit"], input[type="reset"], a.button, a.btn, .btn2 {
    display:block;
    height:25px;
    line-height:20px;
    width:auto;
    padding:0 10px !important;
    border:1px solid #c7c7c7 !important;
    background:url(images/bg.png);
    border-radius:5px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    -webkit-box-shadow:0 1px 1px 0 rgba(18,16,11,0.1) !important;
    -moz-box-shadow:0 1px 1px 0 rgba(18,16,11,0.1) !important;
    box-shadow:0 1px 1px 0 rgba(18,16,11,0.1) !important;
    cursor: pointer;
    margin-top: 5px;
    color: #777;
    
}


a.btn, .btn2 {
    line-height: 24px;
    height:23px;
    margin:5px;
}

button:hover,
input[type="submit"]:hover, 
input[type="reset"]:hover, 
a.button:hover,
a.btn:hover,
.btn2:hover {
    border-color:#2462a0;
    color:#fff;
    background-image:url(images/hover_bg.png);
    -webkit-box-shadow:0 1px 1px 0 rgba(18,16,11,0.1),inset 0 0 1px 0 rgba(255,255,255,0.42);
    -moz-box-shadow:0 1px 1px 0 rgba(18,16,11,0.1),inset 0 0 1px 0 rgba(255,255,255,0.42);
    box-shadow:0 1px 1px 0 rgba(18,16,11,0.1),inset 0 0 1px 0 rgba(255,255,255,0.42);
}

.btn.disabled, .btn:disabled {
    opacity: 0.5;
}

.btn.disabled:hover, .btn:disabled:hover {
    border:1px solid #c7c7c7 !important;
    color: #777;
    cursor: not-allowed;
    box-shadow: none;
}

.loginBoxShadow {
    width:372px;
    height:18px;
    bottom:-10px;
    margin:0 auto;
    margin-top:-7px;
    background:url(images/box-shadow.png);
    z-index:99;
}








#mainBg {
	height:200px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	margin-top:250px;
	background-color:#000;
	width:100%;
}

#wrapper {
	width:100%;
	margin: 0;
}

#contentWrapper {
    width:1355px;
}

#contentWrapperFluid {
    width:100%;
}

.wideWrapperClass {
    width:1500px !important;
}



.innerShadow {
    -moz-box-shadow: inset 0 0 3px #000000;
    -webkit-box-shadow: inset 0 0 3px #000000;
    box-shadow: inset 0 0 3px #000000;
}

.shadow {
    -moz-box-shadow: 0 0 3px #000000;
    -webkit-box-shadow: 0 0 3px #000000;
    box-shadow: 0 0 3px #000000;
}

.popup-shadow {
    -moz-box-shadow: 0 0 8px #000000;
    -webkit-box-shadow: 0 0 8px #000000;
    box-shadow: 0 0 8px #000000;
}

.big-shadow {
    -moz-box-shadow: 0 0 20px #000000;
    -webkit-box-shadow: 0 0 20px #000000;
    box-shadow: 0 0 20px #000000;
}

.light-shadow {
    -moz-box-shadow: 0 0 5px #333;
    -webkit-box-shadow: 0 0 5px #333;
    box-shadow: 0 0 5px #333;
}



#loginBox {
	background-image: url(images/box_bg_y.gif);
	background-repeat: repeat-x;
	height:95px;
	width:300px;
	margin:45px auto;
	margin-top:-25px;
	border:1px solid #000;
	padding:10px 20px;
}

.blockTitle {
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:2px;
	line-height:20px;
	text-align:center;
}

.loginForm {
	padding:15px 10px;
}

.loginForm label {
	width:80px;
	font-size:10px;
	letter-spacing:1px;
	display:block;
	float:left;
	line-height:18px;
	padding-bottom:6px;
}

.loginForm input {
	width:100px;
	padding:2px 4px;
	border:1px solid #333;
	float:left;
}

.loginForm .submitBtn {
	border:1px solid #333;
	padding:1px 4px;
	line-height:18px;
	background-image: url(images/btn_bg_y.gif);
	background-repeat: repeat-x;
	width:80px;
	margin-left:10px;
}

.renderTime {
    clear:both;
    text-align: center;
    margin-bottom: -5px;
    color:#aaa;
    font-size: 10px;
}

.adminTopLine {
/*    
    background-image: url(images/box_bg_y.gif);
    background-repeat: repeat-x;
    height:30px;
    width:966px;
    border:1px solid #000;
    padding:10px 20px;
    text-align: right;
    margin-top:-2px;
*/    
    background:#608dbe;
    background:#366fac;
    background:-moz-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(54,111,172,1)),color-stop(100%,rgba(24,75,130,1)));
    background:-webkit-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:-o-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:-ms-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#366fac',endColorstr='#184b82',GradientType=0);
    border-bottom:1px solid #0d3259;
    box-shadow:0 2px 5px rgba(17,16,13,0.5);   
    height:40px;
    padding:0 20px 0 0;
    text-align: right;
    color: #fff;
}

.adminTopLine #menuToggleBtn {
    cursor: pointer;
    padding-top: 5px;
}

.adminTopLine div {
    float:left;
    border-right:1px solid #0d3259;
    overflow:hidden;
    height: 30px;
    padding: 5px 20px;
}

.adminTopLine div#logo {
    letter-spacing:5px;
    line-height: 30px;
    text-shadow: 3px 3px 3px #0d3259;
    
}

.adminTopLine div#logo img {
    float:left;
    margin-right:10px;
    margin-top:-12px;
}


.adminTopLine div#logo i {
    float:left;
    margin-top:-2px;
    margin-right:10px;
}

.adminTopLine div#action a{
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    line-height: 24px;
}

.adminTopLine div#action a:hover {
    text-decoration: underline;
}

.adminTopLine div#action a img {
    float:left;
    margin:2px 0px 2px 10px;
}
.adminTopLine div#action a span {
    line-height:30px;
}


.adminTopLine div#userInfo img {
    float:left;
    margin-right:10px;
}

.adminTopLine div#userInfo {
    font-size:12px;
    text-align: left;
    line-height: 30px;
    width:250px;
    padding-left:10px;
}

.adminTopLine div#userInfo a {
    font-weight: bold;
}

.adminTopLine div#userInfo a:hover {
    text-decoration: underline;
}

.adminTopLine div#dateBlock {
    font-size:12px;
    letter-spacing:3px;
    float:right;
    line-height: 16px;
    width:150px;
    text-align: center;
    border-right:0px solid #0d3259;
    border-left:1px solid #0d3259;
}

.adminTopLine div#dateBlock #clock {
    font-weight:bold;
}

.adminTopLine div#action {
    float:right;
    border-right:0px solid #0d3259;
    border-left:1px solid #0d3259;
    
}

.adminTopLine .dashboardLink {
    color:#fff;
    font-weight:bold;
    font-size:24px;
}

.adminTopLine form {
    float:right;
}

#leftBar {
    width:160px;
    height:100%;
    float:left;
    margin-top:50px;
    text-align: center;
    position: relative;
    z-index: 0;
}

#leftBarFluid {
    width:160px;
    height:100%;
    float:left;
    margin-top:50px;
    text-align: center;
    position: relative;
    z-index: 100;
}

.floatingMenu {
    border-right:1px solid #000;
    border-bottom: 1px solid #000;
    -moz-box-shadow: 0 0 20px #000000;
    -webkit-box-shadow: 0 0 20px #000000;
    box-shadow: 0 0 20px #000000;
    margin-top:1px !important;
    display:block;
    z-index: 1000 !important;
}

#leftBar1 a {
    border:1px solid #fff;
    background-image: url(images/menu_bg.gif);
    width:130px;
    display:block;
    text-decoration: none;
    color: #f4f4f4;
    font-weight:bold;
    padding:6px 4px;
    margin:4px auto;
}

#leftBar1 a:hover {
    background-image: url(images/menuSel_bg.gif);
}

#contentBox {
    width:1190px;
    overflow:auto;
    margin-top:10px;
    margin-left:0px;
    border:1px solid #000;
    background-color: #f4f4f4;
    min-height:800px;
    float:left;
    position: relative;
}

#contentBoxFluid {
    width:100%;
    overflow:auto;
    margin-top:10px;
    margin-left:0px;
    border:1px solid #000;
    background-color: #f4f4f4;
    min-height:800px;
    float:left;
    position: relative;
    box-sizing: border-box;
    padding:0 20px;


}

#contentBoxWrapper {
    padding-left:160px;
    padding-right:10px;
}

.wideContentBox {
    width:1200px !important;
    overflow:auto;
    margin-top:25px;
    margin-left:0px;
    border:1px solid #000;
    background-color: #f4f4f4;
    min-height:800px;
    float:left;
}


#contentBox .contentTable {
    margin-left:20px;
    margin-top:20px;
    width: 1100px;
}

#contentBoxFluid .contentTable {
    margin-left:20px;
    margin-top:20px;
    width: 100%;
}

#contentBox input, #contentBox textarea,
#contentBoxFluid input, #contentBoxFluid textarea{
    border:1px solid #777;
    padding:3px;
    margin:5px;
    -moz-box-shadow:  0 0 3px #777;
    -webkit-box-shadow: 0 0 3px #777;
    box-shadow: 0 0 3px #777;
}

#contentBox input:disabled, #contentBox textarea:disabled,
#contentBoxFluid input:disabled, #contentBoxFluid textarea:disabled {
    background: #ccc !important;
}

#contentBox select, #contentBoxFluid select {
    border:1px solid #777;
    padding:3px;
    margin:5px;
    -moz-box-shadow:  0 0 3px #777;
    -webkit-box-shadow: 0 0 3px #777;
    box-shadow: 0 0 3px #777;
    width:150px;
    height:26px;
}


#contentBox option {
    padding:2px 3px 0px 3px;
}

#contentBox input[type="radio"] {
    margin:10px 0px 10px 10px;
}

.formInputError {
    border:1px solid #cc0a0c !important;
    -moz-box-shadow:  0 0 3px #cc0a0c !important;
    -webkit-box-shadow: 0 0 3px #cc0a0c !important;
    box-shadow: 0 0 3px #cc0a0c !important;
    background-color: #fef8f6;
    
}

#contentBox th,
#contentBoxFluid th{
    text-align: right;
    font-size:12px;
    width:175px;
    padding:2px 5px;
    color: #333;
    letter-spacing: 1px;
}

#contentBox td label {
    text-align: right;
    font-size:10px;
    width:70px;
    padding:2px 5px;
    display:block;
    float:left;
    line-height: 30px;
}


#contentBox .commandBlock,
#contentBoxFluid .commandBlock{
    float:right;
    padding:10px;
}

#contentBox .floatingCommandBlock {
    padding:10px;
    position: fixed;
    z-index: 1000;
    border:1px solid #333;
    background-color: #eee;
    width:130px;
    top:150px;
    left:750px;
    text-align:center;
    
    -moz-box-shadow: 0 0 3px #000000;
    -webkit-box-shadow: 0 0 3px #000000;
    box-shadow: 0 0 3px #000000;    
}

#contentBox .floatingCommandBlock input {
    width:120px;
}

#contentBox .floatingCommandBlock a {
    width:100px;
}


#contentBox .contentViewTable .formBlockSeparator,
#contentBoxFluid .contentViewTable .formBlockSeparator {
    font-weight: bold;
    font-size: 12px !important;
    color: #fff !important;
    letter-spacing: 2px;
    line-size:20px;
    padding:4px 10px;
    border-bottom: 1px dotted #555;
    background:#608dbe;
    background:#366fac;
    background:-moz-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(54,111,172,1)),color-stop(100%,rgba(24,75,130,1)));
    background:-webkit-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:-o-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:-ms-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#366fac',endColorstr='#184b82',GradientType=0);
}

#contentBox .contentTable .formBlockSeparator {
    font-weight: bold;
    font-size: 14px !important;
    letter-spacing: 2px;
    line-size:20px;
    padding:20px 10px 4px 10px;
    border-bottom: 1px dotted #555;
    
    
}

.formBlockSeparator {
    font-weight: bold;
    font-size: 14px !important;
    letter-spacing: 2px;
    line-size:20px;
    padding:20px 10px 4px 10px;
    border-bottom: 1px dotted #555;
    margin:10px 20px;
}

#contentBox .companyContactWrapper {
    display:block;
    border:1px solid transparent;
    overflow:hidden;
}

#contentBox .companyContactBlock {
    border:1px solid #ddd;
    padding:5px;
    margin-top:10px;
    float:left;
}

#contentBox .contactBlock {
    border:1px solid #red;
    padding:5px;
    margin-top:10px;
}

#contentBox .contactRow {
    border:1px solid transparent;
    display:block;
    clear:both;
}

#contentBox #addContactBtnBlock {
    clear:both;
    margin-left: 80px;
}

#contentBox #addCompanyContactBtnBlock {
    clear:both;
    margin-top: 10px;
}

#contentBox .contactBlock .contactTypeSelector {
    float:left;
    margin-left:80px;
}


.msgBox {
    margin:10px auto;
    width:400px;
    border:1px solid #cc0a0c;
    padding:10px 10px 10px 70px;
    background: url(images/error2.png) no-repeat 10px;
    background-color: #fef8f6;
    margin-bottom: 10px;
    color: #cc0a0c;
    min-height: 40px;
}


.msgBoxInfo {
    margin:10px auto;
    width:400px;
    border:1px solid #8cce3b;
    padding:10px 10px 10px 70px;
    background: url(images/ok.png) no-repeat 10px;
    background-color: #f4fcea;
    margin-bottom: 10px;
    color: #8cce3b;
    min-height: 40px;
}

.contentTitle {
    background-image: url(images/menuSel_bg.gif);
    width:250px;
    color: #fff;
    margin: -5px auto 0px;
    text-align:center;
    padding:8px 10px;
    letter-spacing: 2px;
    font-weight: bold;
    text-transform: uppercase;
    -moz-box-shadow:  0 0 3px #000;
    -webkit-box-shadow: 0 0 3px #000;
    box-shadow: 0 0 3px #000;
    border:1px solid #000;
    -moz-border-radius: 0px 0px 8px 8px;
    -webkit-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
    background:#608dbe;
    background:#366fac;
    background:-moz-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(54,111,172,1)),color-stop(100%,rgba(24,75,130,1)));
    background:-webkit-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:-o-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:-ms-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#366fac',endColorstr='#184b82',GradientType=0);
    border-bottom:1px solid #0d3259;
    box-shadow:0 2px 5px rgba(17,16,13,0.5);   
    
}



.warningBox {
    font-size:10px;
    margin:-3px 0px 10px 10px;
}

.w1500 {
    width: 1500px !important;
}

.w1800 {
    width: 1800px !important;
}

.w1000 {
    width: 1000px !important;
}

.w1100 {
    width: 1100px !important;
}

.w125 {
    width: 125px !important;
}

.w150 {
    width: 150px !important;
}


.w100 {
    width: 100px !important;
}

.w50 {
    width: 50px !important;
}

.w75 {
    width: 75px !important;
}


.w30 {
    width: 30px !important;
}

.w20 {
    width: 20px !important;
}

.w175 {
    width: 175px !important;
}

.w200 {
    width: 200px !important;
}

.w250 {
    width: 250px !important;
}

.w300 {
    width: 300px !important;
}


.w400 {
    width: 400px !important;
}

.w500 {
    width: 500px !important;
}

.w600 {
    width: 600px !important;
}

.w700 {
    width: 700px !important;
}

.w800 {
    width: 800px !important;
}

.w900 {
	width: 900px !important;
}

.mw900 {
    max-width: 900px;
}

.wAuto {
    width:auto !important;
}

.w100p {
    width: 100% !important;
}

.h100 {
    height:100px !important;
}

.h125 {
    height:125px !important;
}

.maxH600 {
    max-height: 600px;
    overflow-y: auto;
}

.maxH500 {
    max-height: 500px;
    overflow-y: auto;
}

.mL-130 {
    margin-left:-130px !important;
}

.wideFilter label {
    width: 90px !important;
}


.dataGrid {
    clear:both;
    width:1150px;
    border:1px solid #ccc;
    border-collapse: collapse;
    margin: 10px auto;
}

.fluidBox .dataGrid {
    width: 100%;
}

.centered td {
    text-align: center;
}

.dataGrid th a{
    color: #333;
}

.dataGrid th img{
    margin-bottom:-3px;
}

.dataGrid td {
    border:1px solid #ccc;
    border-collapse: collapse;
    padding:6px 4px;
    font-size:11px;
}

.dataGrid tr:hover {
    background-color: #608dbe;
    color: #fff;
}

.dataGrid tr:hover td {
    padding:6px 4px;
    font-size:11px;
}


.centered td {
    text-align: center;
}

.center {
    text-align: center;
}

.center-i {
    text-align: center !important;
}

.right, .counter {
    text-align: right;
}

.centered-div {
    margin:auto;
}

#contentBox .dataGrid th,
#contentBoxFluid .dataGrid th{
    border:1px solid #ccc;
    border-collapse: collapse;
    padding:6px 4px;
    font-size:12px;
    line-height:20px;
    text-align: center;
    font-weight: bold;
    width: auto;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(100%, #cccccc));
    background: -webkit-linear-gradient(#e6e6e6,#cccccc);
    background: -moz-linear-gradient(#e6e6e6,#cccccc);
    background: -o-linear-gradient(#e6e6e6,#cccccc);
    background: linear-gradient(#e6e6e6,#cccccc);    
    border: 1px solid #aaa;
    color: #444;
    -moz-box-shadow: #fff 0 1px 0 0 inset;
    box-shadow: #fff 0 1px 0 0 inset;
}

#contentBox .dataGrid.small-table th,
#contentBoxFluid .dataGrid.small-table th {
    padding:3px 2px;
    font-size:10px;
    line-height:12px;
    font-weight: 600;
}

.alternate {
    background-color: #ffffff;
}

.paginationBlock {
    padding:10px;
    overflow: hidden;
    margin-left:95px;
}

.paginationBlock a {
    text-decoration: none;
    
    display:block;
    float:left;
    padding:3px 7px;
    1background-image: url(images/menu_bg.gif);
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(100%, #cccccc));
    background: -webkit-linear-gradient(#e6e6e6,#cccccc);
    background: -moz-linear-gradient(#e6e6e6,#cccccc);
    background: -o-linear-gradient(#e6e6e6,#cccccc);
    background: linear-gradient(#e6e6e6,#cccccc);    
    border: 1px solid #aaa;
    
    border:1px solid #aaa;
    color: #333;
    margin:1px;
    1-moz-box-shadow:  0 0 3px #777;
    1-webkit-box-shadow: 0 0 3px #777;
    1box-shadow: 0 0 3px #777;
    
}

.paginationBlock a:hover {
/*    
    -moz-box-shadow: inset 0 0 3px #000000;
    -webkit-box-shadow: inset 0 0 3px #000000;
    box-shadow: inset 0 0 3px #000000;
*/

    border-color:#2462a0;
    color:#fff;
    background-image:url(images/hover_bg.png);
    -webkit-box-shadow:0 1px 1px 0 rgba(18,16,11,0.1),inset 0 0 1px 0 rgba(255,255,255,0.42);
    -moz-box-shadow:0 1px 1px 0 rgba(18,16,11,0.1),inset 0 0 1px 0 rgba(255,255,255,0.42);
    box-shadow:0 1px 1px 0 rgba(18,16,11,0.1),inset 0 0 1px 0 rgba(255,255,255,0.42);


}

.paginationLink{
}

.paginationLinkActive {
    display:block;
    float:left;
    padding:3px 7px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #373b44), color-stop(100%, #2c2f36));
    background-image: -webkit-linear-gradient(#373b44,#2c2f36);
    background-image: -moz-linear-gradient(#373b44,#2c2f36);
    background-image: -o-linear-gradient(#373b44,#2c2f36);
    background-image: linear-gradient(#373b44,#2c2f36);
    
    border:1px solid #aaa;
    color: #fff;
    margin:1px;
    -moz-box-shadow: inset 0 0 1px #000000;
    -webkit-box-shadow: inset 0 0 1px #000000;
    box-shadow: inset 0 0 1px #000000;
    


}

.paginationLinkMore {
    float:left;
    padding: 0px 5px;
    font-weight:bold;
    letter-spacing: 2px;
}

#contentBox .contentViewTable {
    clear:both;
    width:1100px;
    border:3px solid #777;
    border-collapse: collapse;
    margin: 30px auto 10px;
}

#contentBoxFluid .contentViewTable {
    clear:both;
    width:100%;
    border:3px solid #777;
    border-collapse: collapse;
    margin: 30px auto 10px;
}

#contentBox .contentViewTable td,
#contentBoxFluid .contentViewTable td{
    border:1px solid #ccc;
    border-collapse: collapse;
    padding:6px 4px;
    font-size:11px;
}

#contentBox .contentViewTable th,
#contentBoxFluid .contentViewTable th {
    border:1px solid #ccc;
    border-collapse: collapse;
    padding:6px 4px;
    font-size:11px;
    font-weight:bold;
}

.btn1 {
    font-size: 10px !important;
    font-weight:bold !important;
    font-family: verdana;
    text-align: center !important;
    line-height: 16px;
    color:#f4f4f4 !important;
	border:1px solid #333 !important;
	padding:0px 4px 1px 4px !important;
	_background-image: url(images/menuSel_bg.gif);
	background-repeat: repeat-x;
    display: block;
}

.btn1:hover {
    cursor: pointer;
    -moz-box-shadow: inset 0 0 5px #000000 !important;
	-webkit-box-shadow: inset 0 0 5px #000000 !important;
    box-shadow: inset 0 0 5px #000000 !important;      
}



#accordian {
    /*background: #004050;*/
    width: 160px;
    color: white;
    /*box-shadow: 0 5px 15px 1px rgba(0, 0, 0, 0.6), 0 0 200px 1px rgba(255, 255, 255, 0.5); */
    overflow: auto;
}
/*heading styles*/
#accordian h3 {
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 34px;
    padding: 0 10px;
    cursor: pointer;
    
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #373b44), color-stop(100%, #2c2f36));
    background-image: -webkit-linear-gradient(#373b44,#2c2f36);
    background-image: -moz-linear-gradient(#373b44,#2c2f36);
    background-image: -o-linear-gradient(#373b44,#2c2f36);
    background-image: linear-gradient(#373b44,#2c2f36);

    border-bottom: 1px solid #090a0c;
    border-top: 1px solid #40454f;

}
/*heading hover effect*/
#accordian h3:hover {
	text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}
/*iconfont styles*/
#accordian h3 span {
	font-size: 16px;
	margin-right: 10px;
}
/*list items*/
#accordian li {
    list-style-type: none;
}

#accordian ul ul li, #accordian .standalone {
    border-top: 1px solid #f6f6f6;
    border-bottom: 1px solid #c9c9c9; 
    background-color: #eee; 
}

/*links*/
#accordian ul ul li a, #accordian .standalone a {
	color: #333;
	text-decoration: none;
	font-size: 13px;
	line-height: 27px;
	display: block;
	padding: 0 10px;
	/*transition for smooth hover animation*/
	transition: all 0.15s;
        text-align: left;
}
/*hover effect on links*/
#accordian ul ul li a:hover, #accordian .standalone a:hover {
	background: #fff;
	border-left: 5px solid #aaa;
}
/*Lets hide the non active LIs by default*/
#accordian ul ul {
	display: none;
}
#accordian li.active ul {
	display: block;
}


.historyTable  {
    border-collapse: collapse;
    margin: 10px 0px 10px 25px;
    width:300px;
}

.historyTable th {
    background: #f2f2f2;
    text-align: center !important;
    width:auto !important;
}

.viewInternalTable  {
    border-collapse: collapse;
    margin: 10px 0px 10px 10px;
    width:1070px;
}

.viewInternalTable th {
    text-align: center !important;
    background-color: #e4e4e4;
    width:auto !important;
}


.sortable-list {
	
	list-style: none;
	margin: 0;
	min-height: 60px;
	padding: 10px;
}














.contactWrapper {
    border: 1px solid #333;
    background-color: #ddd;
    padding:5px;
    margin:5px 0px;
}
.contactWrapper h3{
    font-size:12px;
    padding-top:10px;
}
.contactContent {
    width:450px;
}
.contactAction {
    
}

.contactRow {
    margin-left: 80px;
    border:1px solid transparent;
    padding-bottom: 3px;
}

.contactRow select, .contactRow input {
    font-size: 10px;
    padding:1px !important;
}

.contactRow select {
    width:80px !important;
    float:left;
    margin-top: 6px !important;
    height: 20px !important;
}

.contactRow input {
    width:120px !important;
    float:left;
    margin-top: 7px !important;
    padding: 2px !important;
}

.addContactRow {
    margin-left:85px;
    clear: both;
}

.addContactRow button, .contactRow button {
    font-size: 10px !important;
    padding:1px !important;
    line-height: 15px !important;
    height: 20px !important;
}



.fastBlock {
    border:1px solid transparent;
    width: 1100px;
    margin:10px auto;
    padding: 20px;
    overflow:hidden;
    text-align: center;
}

.fastBlock a {
    padding:10px 5px 0px 10px;
    width:125px;
    font-size: 12px;
    border-radius: 3px;
     
    color: #626262;
    display: block;
    font-weight: bold;     
    background: linear-gradient(to bottom, #fafafc 0%, #efefef 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #d5d5d5;
    box-shadow: 0 0 0 1px #fff inset;
    display: inline-block;
    margin: 11px 5px 0;
    text-align: center;     
}

.fastBlock a:hover {
    background-color: #fff;
    box-shadow: inset 0 0 3px #000000;
}

.fastBlock span {
    display: block;
    margin:5px;
}

.leftBlock {
    border:1px solid #000;
    width: 300px;
    margin: 20px;
    padding:10px;
    float:left;
    overflow:hidden;
    min-height:50px;
}

.rightBlock {
    float:left;
    border:1px solid #000;
    width: 300px;
    margin: 20px;
    padding:10px;
    float:left;
    overflow:hidden;
    min-height:50px;
}

.dragContainer li {
    list-style: none;
    border:1px dotted #444;
    margin: 5px;
    padding :4px 10px;
    background-color:#eee;
    color: #444;
    cursor: move;
}

.dragContainer .commonProc {
    background-color: #d2e4bd !important;
}

.dragContainer .projProc {
    background-color: #bdc2e4 !important;
}


.placeholder {
	background-color: #BFB;
	border: 0px solid #666 !important;
        height:30px;
}

.left {
    float:left;
}

.fright {
    float: right !important;
}

.dragContainer {
    border:1px solid #777;
    -moz-box-shadow: inset  0 0 1px #000;
    -webkit-box-shadow: inset 0 0 1px #000;
    box-shadow:inset 0 0 1px #000;
    background-color: #fff;
    width: 300px;
    margin: 20px;
    padding:10px;
    float:left;
    overflow:hidden;
    min-height:50px;
    
}

.dragContainer legend {
    font-size:10px;
    font-weight:bold;
    padding:2px 20px 3px 10px;
    letter-spacing: 1px;
    border: 1px solid #000;
    color: #fff;
    background:#608dbe;
    background:#366fac;
    background:-moz-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(54,111,172,1)),color-stop(100%,rgba(24,75,130,1)));
    background:-webkit-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:-o-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:-ms-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#366fac',endColorstr='#184b82',GradientType=0);
    
}

.dragContainer hr {
    border-bottom: 1px dotted #333;
    padding-top:5px;
}

#contentBox .innerTable {
    border:1px solid #777;
    border-collapse: collapse;
}

#contentBox .innerTable th {
    text-align: center;
    background: linear-gradient(#e6e6e6, #cccccc) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border:1px solid #777;
    line-height: 24px;
}

#contentBox .innerTable td {
    border:1px dotted #777;
    text-align: center;
}

#contentBox .innerTable td.highlighted {
    background-color: #bbb;
}

#contentBox .innerTable tr.block2,
#contentBox .innerTable tr.block3,
#contentBox .innerTable tr.block4,
#contentBox .innerTable tr.block5,
#contentBox .innerTable tr.block6 {
    display:none;
}

.right {
    text-align: right;
}

.hidden {
    display:none;
}

#tabContainer {
    margin:10px;
    border:1px sild red;
}

#tabContainer .tabSheet {
    padding:20px 10px;
    border:0px solid red;
}

#innerTabContainer {
    
}

.randomTable, .normalTable {
    border:3px solid #40454f;
    border-collapse: collapse;
}

.randomTable tr, .normalTable tr {
    background-color: #ccc;
}

.randomTable tr:nth-child(even), .normalTable tr:nth-child(even) {
    background-color: #eee;
}

.randomTable tr:hover, .randomTable tr:hover .screenhint {
    background-color: #608dbe;
    color: #fff;
}

.randomTable .hl, .normalTable .hl {
    border-right: 2px solid #40454f;
}

.randomTable th, .normalTable th {
    background: -moz-linear-gradient(center top , rgba(54, 111, 172, 1) 0px, rgba(24, 75, 130, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(54,111,172,1)),color-stop(100%,rgba(24,75,130,1)));
    background:-webkit-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:-o-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:-ms-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#366fac',endColorstr='#184b82',GradientType=0);
    color: #fff !important;
    border:1px solid #fff;
    border-collapse: collapse;
    text-align:center !important;
    line-height:20px;
}

.randomTable td, .normalTable td {
    
    border:1px solid #fff;
    border-collapse: collapse;
    text-align:center;
    font-size:10px !important;
    padding:0px 2px !important;
}

.randomTable td {
    font-size:11px !important;
    1padding:4px 4px !important;
}

#contentBox .randomTable input {
    margin:4px 0px 1px 0px !important;
    padding:1px 2px !important;
    text-align:right;
}

.randomTable .screenhint,
.screenplanTable .screenhint{
    font-size: 10px;
    color: #777;
    margin-bottom: 2px;
}

.screenplanTable input {
    margin: 4px 0px 1px 0px !important;
    padding: 1px 2px !important;
    text-align: right;
}

.screenplanTable td.inputCell {
    padding: 0 4px !important;
    text-align: center;
}

.screenplanTable tr.highlighted, .screenplanTable tr.highlighted th {
    background: #ddd !important;
}

.screenplanTable tr.highlighted th {
    border-color: #ccc;
}

.screenplanTable .noRightBorder {
    border-right: 1px solid transparent;
}

.randomTable input:disabled, input:read-only {
    background-color: #ccc !important;
}

.matchingLeft {
    width:300px;
    border:0px solid red;
    margin:20px;
    letter-spacing: 1px;
    line-height: 20px;
    float:left;
}

.matchingLeft .value {
    font-weight: bold;
}

.matchingRight {
    margin:20px;
    border:0px solid red;
    width:600px;
    float:right;
    letter-spacing: 1px;
    line-height: 20px;
    
    
}

.matchingRight .value {
    font-size:14px;
    font-weight:bold;
}

.matchingRight .processDetail {
    text-align:right;
    margin-right:300px;
    font-weight: normal;
}

.matchingRight .processDetail span {
    font-weight:bold;
}

.required {
    font-size:14px;
    font-weight:bold;
    color: red;
    padding-right:3px;
}

.formRow {
    clear: both;
    border: 0px solid red;
}

.formRow2 {
    clear: both;
    border: 0px solid red;
    overflow:hidden;
    margin-left:-81px;
}

.statusPTS {
    background-color: #DA8028;
    color: #fff;
}

.statusTS {
    background-color: #608dbe;
    color: #fff;
}

.statusREC {
    background-color: #78b1ed;
    color: #fff;
}

.statusONGO {
    background-color: #8cce3b;
    color: #fff;
}

.statusCOMPL {
    background-color: #f0c350;
    color: #000;
}


.red {
    background-color: #df6865 !important;
}

.red2 {
    background-color: #e9322d !important;
}

.redText {
    color: #e9322d !important;
}

.greenText {
    color: #8cce3b !important;
}

.yellow {
    background-color: #f0c350 !important;
}

#filterBlock fieldset, .formRow2 fieldset {
    border:1px solid #777;
    -moz-box-shadow: inset  0 0 1px #000;
    -webkit-box-shadow: inset 0 0 1px #000;
    box-shadow:inset 0 0 1px #000;
    background-color: #fff;
    width: 400px;
    margin: 10px 10px 10px 108px;
    padding:10px;
    float:left;
    overflow:hidden;
    min-height:50px;
    
}

.formRow2 fieldset {
    margin-left:25px;
    background-color: transparent;
}

.toggleBtn {
    font-size: 10px;
    padding:2px;
    background-color: #9ecb2d;
}

.toggleTitle {
    cursor: pointer;

}

#filterBlock legend, .formRow2 legend {
    font-size:10px;
    font-weight:bold;
    padding:2px 20px 3px 10px;
    letter-spacing: 1px;
    border: 1px solid #000;
    color: #fff;
    background:#608dbe;
    background:#366fac;
    background:-moz-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(54,111,172,1)),color-stop(100%,rgba(24,75,130,1)));
    background:-webkit-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:-o-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:-ms-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#366fac',endColorstr='#184b82',GradientType=0);
    
}

#filterBlock label {
    float:left;
    width:120px;
    margin-top:10px;
}

.internalTable {
    width:100%;
    padding:0px;
    border-collapse:collapse;
}

.internalTable td {
    text-align: left;
}

td.visitOk {
    background-color: #8cce3b !important;
}

td.visitFailed {
    background-color: #cc0a0c !important;
}

td.visitPending {
    background-color: #bbb !important;
    
}

td.visitOkPlanned {
    background-color: #bfff6e !important;
}

td.visitFailedPlanned {
    background-color: #ff4d3f !important;
}

td.visitPendingPlanned {
    background-color: #555 !important;
}

td.visitVirtual {
    background-color: #f0c350 !important;
}

td.visitBooked {
    background-color: #4bb1cf !important;
}

td.visitMissing {
    background-color: #f0c350 !important;
}

a.followupVisit {
    background-color: yellow;
}

a.noIpVisit {
    background-color: pink;
}

a.followupVisit.noIpVisit {
    background-color: aqua;
}

a.colorCoding {
    display:block;
    width:220px;
    padding:2px;
    float:left;
    margin-left:5px;
    border:1px solid #ccc;
    color: #555;
}


.cruDataTable th {
    border-right:1px solid #111 !important;
    border-top:1px solid #111 !important;
    border-collapse: collapse;
    padding:6px 4px;
    font-size:12px;
    line-height:20px;
    text-align: center;
    font-weight: bold;
    width: auto;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(100%, #cccccc));
    background: -webkit-linear-gradient(#e6e6e6,#cccccc);
    background: -moz-linear-gradient(#e6e6e6,#cccccc);
    background: -o-linear-gradient(#e6e6e6,#cccccc);
    background: linear-gradient(#e6e6e6,#cccccc);    
    color: #444;
    -moz-box-shadow: #fff 0 1px 0 0 inset;
    box-shadow: #fff 0 1px 0 0 inset;
}

    .cruDataTable td {
        border-right:1px solid #ddd;
        border-collapse:collapse;
        color: #555 !important;
    }
    .cruDataTable th {
        text-align:center !important;
    }
    
    .cruDataTable .odd .summaryCell {
        background-color: #d9d9d9;
        font-weight:bold;
        color: #000 !important;
    }
    
    .cruDataTable .even .summaryCell {
        background-color: #e9e9e9;
        font-weight:bold;
        color: #000 !important;
    }
    
    .cruDataTable .borderRight {
        border-right: 1px solid #111 !important;
    }
    
    .cruDataTable .fixed {
        color: #000 !important;
    }
    
    .cruDataTable .first {
        border-left: 1px solid #111 !important;
    }   
    
    .cruDataTable .noRightBorder {
        border-right:1px solid transparent !important;
    }
    
    .bold {
        font-weight:bold !important;
    }
    
    #forecastTable {
        overflow:hidden;
    }
    
 
    #graphTable {
        margin: 34px 10px 10px 20px;
        border:1px solid #111 !important;
        border-collapse: collapse;
        
    }
    
    #graphTable td {
        border:1px solid #ddd;
        border-collapse: collapse;
        padding:5px 10px 5px 0px;
    }
    
    #graphTable th {
        border:1px solid #111;
        border-collapse: collapse;
        padding:10px;
        text-align: center;
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(100%, #cccccc));
        background: -webkit-linear-gradient(#e6e6e6,#cccccc);
        background: -moz-linear-gradient(#e6e6e6,#cccccc);
        background: -o-linear-gradient(#e6e6e6,#cccccc);
        background: linear-gradient(#e6e6e6,#cccccc);    
        -moz-box-shadow: #fff 0 1px 0 0 inset;
        box-shadow: #fff 0 1px 0 0 inset;
        height:24px;
    }
    
    #graphTable .graphBar {
        /*background-color: #a5d24a;*/
        background-color: #dff0d8;
        border-top:1px solid #83b028;
        border-right:1px solid #83b028;
        border-bottom:1px solid #83b028;
        height:20px;
    } 
    
    #bookingRowId label, #nextVisitBookingRowId label {
        width:120px !important;
    }
    
    ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #ccc;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #ccc;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #ccc;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #ccc;
}
    
.visitCounter {
    font-size: 10px;
    display:block;
}    
    

.filterRow th {
    padding:0px !important;
    background: none !important;
    background-color: #eee !important;
}

.filterRow input {
    maring:0 !important;
    padding:0 !important;
    box-shadow: none !important;
    
}

.panel-default {
    margin:15px;
}

.panel-heading {
    
}

.panel-title {
    font-size:12px;
    font-weight:bold;
    background-image: url(images/menuSel_bg.gif);
    margin-left:-5px;
    width:350px;
    color: #fff;
    padding:4px 10px;
    letter-spacing: 2px;
    -moz-box-shadow:  0 0 3px #000;
    -webkit-box-shadow: 0 0 3px #000;
    box-shadow: 0 0 3px #000;
    border:1px solid #000;
    background:#608dbe;
    background:#366fac;
    background:-moz-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(54,111,172,1)),color-stop(100%,rgba(24,75,130,1)));
    background:-webkit-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:-o-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:-ms-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#366fac',endColorstr='#184b82',GradientType=0);
    border-bottom:1px solid #0d3259;
    box-shadow:0 2px 5px rgba(17,16,13,0.5);       
}

.panel-body {
    
}

.dataGrid td .control a {
    color: #0000ff !important;
}

.dataGrid td.control {
    text-align: center;
}

.dataGrid td.control2 {
    text-align: center;
    opacity: 0.5;
    padding: 0;
}

.dataGrid tr:hover td.control2 {
    padding:0;
}

.dataGrid td.control2 a {
    color: #999;
}

.dataGrid td.control2:hover {
    opacity: 1;
}

.dataGrid td.control2:hover a {
    color: #fff !important;
}


.span2 {
    display:block;
    float:left;
    width:160px;
    vertical-align: top;
    overflow:hidden;
}

.span3 {
    display:block;
    float:left;
    width:240px;
    overflow:hidden;
    vertical-align: top;
}

.span4 {
    display:block;
    float:left;
    width:320px;
    overflow:hidden;
    vertical-align: top;
}

.span5 {
    display:block;
    float:left;
    width:400px;
    overflow:hidden;
    vertical-align: top;
}

.span6 {
    display:block;
    float:left;
    width:480px;
    overflow:hidden;
    vertical-align: top;
}

.span7 {
    display:block;
    float:left;
    width:560px;
    overflow:hidden;
    vertical-align: top;
}

.span8 {
    display:block;
    float:left;
    width:640px;
    overflow:hidden;
    vertical-align: top;
}

.span_275 {
    float:left;
    width:275px;
}

.innerRow td, .innerRow th {
    background-color: #fff;
    border-top:1px solid #333;
    border-bottom: 1px solid #333;
    border-collapse: collapse;
}

.toggleRow {
    display:none;
}


/* highlight results */
.ui-autocomplete span.hl_results {
    background-color: #ffff66;
}
 
/* loading - the AJAX indicator */
.ui-autocomplete-loading {
    background: white url('images/ajax-loader.gif') right center no-repeat;
}
 
/* scroll results */
.ui-autocomplete {
    max-height: 250px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding for vertical scrollbar */
    padding-right: 5px;
}
 
.ui-autocomplete li {
    font-size: 16px;
}
 
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
    height: 250px;
}


.dashboardTable th {
    padding:4px !important;
}

.dashboardTable tr:nth-child(even) {
    background-color: #f5f5f5;
}

.dashboardTable tr:nth-child(even).visitOk {
    background-color: #8cce3b;
}

.dashboardTable tr:nth-child(even).visitFailed {
    background-color: #cc0a0c;
}


.dashboardTable tr:nth-child(even):hover {
    background-color: #608dbe;
    color: #fff;
}

.col-m1 {
    width: 8.33%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.col-m2 {
    width: 16.66%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.col-m3 {
    width: 25%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.col-m4 {
    width:33.33%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.col-m5 {
    width:41.66%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.col-m6 {
    width:50%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.col-m7 {
    width:58.33%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.col-m8 {
    width:66.66%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.col-m9 {
    width:75%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.col-m10 {
    width:83.33%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.col-m11 {
    width:91.66%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.col-m12 {
    width:100%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.colTitle {
    text-align: right;
    font-weight: bold;
}

.col-row {
    clear:both;
}

.p5 {
    padding:5px !important;
}

.p0 {
    padding:0 !important;
}

.pt5 {
    padding-top:5px;
}

.pl5 {
    padding-left:5px;
}

.pr5 {
    padding-right:5px;
}

.pb5 {
    padding-bottom:5px;
}

.ml0 {
    margin-left:0 !important;
}

.m5 {
    margin:5px;
}

.mt5 {
    margin-top:5px;
}

.ml5 {
    margin-left:5px;
}

.ml5i {
    margin-left:5px !important;
}

.mr5 {
    margin-right:5px;
}

.mb5 {
    margin-bottom:5px;
}

.p10 {
    padding:10px;
}

.pt10 {
    padding-top:10px;
}

.pt50 {
    padding-top:50px;
}

.pl10 {
    padding-left:10px;
}

.pr10 {
    padding-right:10px;
}

.pb10 {
    padding-bottom:10px;
}

.m10 {
    margin:10px;
}

.m25 {
    margin:25px !important;
}


.mt10 {
    margin-top:10px !important;
}

.mt-10 {
    margin-top:-10px !important;
}

.mt15 {
    margin-top:15px !important;
}

.mt25 {
    margin-top:30px !important;
}

.mt50 {
    margin-top:50px !important;
}

.ml0 {
    margin-left:0px !important;
}

.ml10 {
    margin-left:10px !important;
}

.mr10 {
    margin-right:10px !important;
}

.mb10 {
    margin-bottom:10px;
}

.mr17 {
    margin-right:17px !important;
}

.mr20 {
    margin-right:20px !important;
}

.mr200 {
    margin-right:200px;
}

.blockTitle {
    text-align: left;
    margin-left:-50px;
    margin-top:10px;
}

.tinymce-content p {
    padding: 0;
    margin: 2px 0;
}

.textEditor {
    position:relative;
}

.tinyTemplateSelector {
    position: absolute;
    z-index: 100;
    top:3px;
    left:82px;
}

.tinyTemplateSelector.btn {
    border: 0 !important;
    border-radius: 0 !important;
}

.tinyTemplateSelector.btn:hover {
    background: none;
}

.tinyTemplateSelectorList {
    position: absolute;
    border:1px solid #ddd;
    top:29px;
    left:85px;
}

.tinyTemplateSelectorList .templateItem {
    padding:5px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}

.tinyTemplateSelectorList .templateItem:hover {
    background: #f2f2f2;
}

.mce-placeholder {
    border:0 !important;
    width:0 !important;
    margin-right:100px !important;
    overflow: hidden !important;
}

.textContent {
    background: #fff;
    color: #333;
    border:1px solid #ddd;
    padding:5px;
    cursor: pointer;
    min-height: 25px;
    position: relative;
}

.textContentFix {
    background: #f1f1f1;
    color: #333;
    border:1px solid #ddd;
    padding:5px;
    min-height: 25px;
    position: relative;
}

.textContent ul, .textContent ol, .textContentFix ul, .textContentFix ol {
    padding-left:15px;
}

.textContentEditInfo {
    position: absolute;
    z-index: 10;
    font-size: 14px;
    display: none;
    top:10px;
    right:10px;
    color: #ccc;
    font-style: italic;
}

.textContent:hover {
    background: #ffffd3;
}

.textContent:hover .textContentEditInfo {
    display: block;
}


.h250 {
    height:250px;
}

.btn, .btn-ng {
    display: inline-block;
    border:1px solid #ccc;
    border-radius: 3px;
    padding:5px 10px;
    cursor: pointer;
}

.btn-ng {
    padding: 2px 15px !important;
}

.btn-ng-lg {
    padding: 5px 25px !important;
}

.btn:hover {
    background: #fff;
}

.btn-ng:hover {
    background: #4bb1cf;
}

.btnNoBorder {
    display: inline-block;
    border:none;
    padding:5px 10px;
    cursor: pointer;
}

.iconBtnNoBorder {
    display: inline-block;
    border:none;
    padding:3px 0 3px 3px;
    cursor: pointer;
}


.btnNoBorder2 {
    display: inline-block;
    border:none;
    padding:5px 0px;
    cursor: pointer;
}


.tred {
    color: red;
}

.tgreen {
    color: green;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}


.acBlock {

}

.acResultList {
    display:none;
    position: absolute;
    border: 1px solid #777;
    z-index: 500;
    background: #fff;
    margin-top:-6px;
    margin-left:5px;
    width:406px;
    height:200px;
    overflow:auto;
}

.acResultList .acItem {
    padding: 3px;
    border-bottom: 1px solid #c0c0c0;
}

.acResultList .acItem:last-child {
    border-bottom: 0px;
}

.acResultList .acItem:hover {
    background-color: #f2f2f2;
    cursor: pointer;
}

.acResultList .acItem.selected {
    background-color: #d2d2d2;
}

.tooltipIcon {
    cursor: pointer;
    color: #aaa;
}
.tooltip {
    background: #fff;
    color: #333;
    margin:8px;
    padding:8px;
    border:1px solid #777;
    border-radius: 3px;
    position: absolute;
    z-index: 50001;
    font-size:12px;
    line-height: 16px;
    overflow: hidden;
}

.tooltip table {
    border-collapse: collapse;
    padding: 0;
}

.tooltip th {
    padding:4px;
}
.tooltip .leftTh th {
    text-align: right;
    margin-right: 5px;
}
.tooltip .leftTh td {
    border:0;
}

.tooltip td {
    margin:0;
    padding:4px;
    border:1px solid #ccc;
    border-collapse: collapse;
    color:#444;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
}

.trow {
    clear:both;
    border-top:1px solid #ccc;
    overflow: hidden;
    padding:5px;
}

.trow:nth-child(2n) {
    background-color: #f5f5f5;
}

.ttask {
    font-weight:bold;
    font-size: 11px;
    float:left;
    width:100px;
    margin-right:10px;
    overflow:hidden;
}

.tname {
    font-style: italic;
    float:left;
    width:200px;
    overflow:hidden;
}

.tcomment {
    float:left;
    width:700px;
    overflow:hidden;
    color: #606060;
}

.mt5 {
    margin-top:5px;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.label-txt {
    border-radius: 3px;
    padding:3px;
    text-align: center;
}

.label-txt-wide {
    border-radius: 3px;
    padding:2px 5px;
    text-align: center;
}

.label-ng {
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 20px;
}

.label-green {
    background-color: #91ca55 !important;
}

.label-green-active.active {
    background-color: #91ca55 !important;
}

.label-ng-green {
    background-color: #91ca55 !important;
    border:1px solid #426231 !important;
}

.label-turkise {
    background-color: #4ccac5 !important;
}

.label-lightgreen {
    background-color: #e1fab5 !important;
}


.color-green {
    color: #91ca55 !important;
}

.color-darkgreen {
    color: #518a15 !important;
}


.label-green a, .label-tan a, .label-orange a{
    text-decoration: underline !important;
    color: #111 !important;
    font-style: italic;
}

.label-lightblue, .risiko-copd {
    background-color: #bfd4f2 !important;
}

.color-lightblue {
    color: #bfd4f2 !important;
}


.label-red, .risiko-infarctus {
    background-color: #ee3f46 !important;
}

.label-red-active.active {
    background-color: #ee3f46 !important;
}

.label-ng-red {
    background-color: #ee3f46 !important;
    border:1px solid #7d272b !important;
}

.color-red {
    color: #ee3f46 !important;
}

.label-tan, .risiko-asthma {
    background-color: #fef2c0 !important;
}

.color-tan {
    color: #fef2c0 !important;
}


.label-orange, .risiko-diabetes {
    background-color: #ffc274 !important;
}

.color-orange {
    color: #ffc274 !important;
}

.label-purple, .risiko-stroke {
    background-color: #cc317c !important;
    color: #f1f1f1;
}

.color-purple {
    color: #cc317c !important;
}


.label-blue, .risiko-tumor {
    background-color: #5ebeff !important;
}

.color-blue {
    color: #5ebeff !important;
}

.color-dark-blue {
    color: #366fac !important;
}

.label-yellow, .risiko-constipation {
    background-color: #fbca04 !important;
}

.color-yellow {
    color: #fbca04 !important;
}

.label-dark-orange {
    background-color: #f57c00 !important;
}

.label-gray, .risiko-smoke {
    background-color: #d2dae1 !important;
}

.label-ng-gray {
    background-color: #d2dae1 !important;
    border:1px solid #838b92 !important;
}

.color-gray {
    color: #d2dae1 !important;
}

.color-middle-gray {
    color: #aaaaaa !important;
}

.color-dark-gray {
    color: #555 !important;
}

.calendar {
    width:272px;
    margin:10px 0px 20px 20px;
    float:left;
    border-collapse: collapse;
}

.calendar th {
    text-align: center !important;
    padding: 8px 0px !important;
    width:35px !important;
    border:1px solid #ccc;
    border-collapse: collapse;
    background-color: #e5e5e5;
}

.calendar th.thMain {
    background: rgba(0, 0, 0, 0) linear-gradient(#e6e6e6, #cccccc) repeat scroll 0 0
}

.calendar td {
    padding: 0 !important;
    width:35px;
    border:1px solid #ccc;
    text-align: center;
    background-color: #fff;
    color: #555;
}

.calendar td:hover {
    /*background-color: #608dbe;*/
}

.calendar a {
    display: block;
    padding: 8px 0px;
    color: #555 !important;
}

.calendar a:hover {
    background-color: #608dbe;
    display:block;
}

#personCheckResult {
    position:absolute;
    left:550px;
    float:left;
    width:500px;
    border:1px solid #cc0a0c !important;
    background-color: #fef8f6;
    padding:5px;
    overflow: hidden;
    display:none;
}

#personCheckResult ol {
    margin-left:25px;
}

#personCheckResult ol li {
    padding: 5px 0px;
}

#personCheckResult .title {
    text-align: center;
    font-weight: bold;
    padding-bottom: 3px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #ccc;
}

.errorBlock {
    width:500px;
    border:1px solid #cc0a0c !important;
    background-color: #fef8f6;
    padding:20px 5px;
    overflow: hidden;
    margin:20px auto;
    color: #cc0a0c !important;
    font-weight: bold;
    text-align: center;
}

.mment {
    font-size: 10px;
    line-height: 30px;
    padding: 2px;
    width:50px;
}

.patientInfo {
    position: absolute;
    z-index: 1000;
    min-width: 300px;
    min-height: 150px;
    width: auto;
    height: auto;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #333;
    color: #fff;
    padding:5px;
    display:none;
}

.patientInfo table th {
    width:auto !important;
    text-align: right !important;
}

.patientInfo table td {
    color: #333;
}

.textLeft {
    text-align: left !important;
}

.textRight {
    text-align: right !important;
}

.visitBtnContainer {
    width:150px;
    height:50px;
}

.visitBtnContainer .visitBtn {
    width:120px;
    height:40px;
    border:1px solid #ccc;
    overflow: hidden;
    background: #f1f1f1;
    text-align: center;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 40px;
    cursor: pointer;
    color: #999;
}

.visitBtnContainer .visitBooked.active {
    background: #4bb1cf;
    color: #fff;
    font-weight: bold;
    -moz-box-shadow: inset 0 0 3px #000000;
    -webkit-box-shadow: inset 0 0 3px #000000;
    box-shadow: inset 0 0 3px #000000;
}

.visitBtnContainer .visitArrived.active {
    background: #bbb;
    color: #fff;
    font-weight: bold;
    -moz-box-shadow: inset 0 0 3px #000000;
    -webkit-box-shadow: inset 0 0 3px #000000;
    box-shadow: inset 0 0 3px #000000;
}

.visitBtnContainer .visitCancelled.active {
    background: #f0c350;
    color: #fff;
    font-weight: bold;
    -moz-box-shadow: inset 0 0 3px #000000;
    -webkit-box-shadow: inset 0 0 3px #000000;
    box-shadow: inset 0 0 3px #000000;
}

.visitBtnContainer .visitOK.active {
    background: #8cce3b;
    color: #fff;
    font-weight: bold;
    -moz-box-shadow: inset 0 0 3px #000000;
    -webkit-box-shadow: inset 0 0 3px #000000;
    box-shadow: inset 0 0 3px #000000;
}

.visitBtnContainer .visitFailed.active {
    background: #cc0a0c;
    color: #fff;
    font-weight: bold;
    -moz-box-shadow: inset 0 0 3px #000000;
    -webkit-box-shadow: inset 0 0 3px #000000;
    box-shadow: inset 0 0 3px #000000;
}

.relative {
    position:relative !important;
}

#contentBox #visitTable th {
    text-align: center !important;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(100%, #cccccc));
    background: -webkit-linear-gradient(#e6e6e6,#cccccc);
    background: -moz-linear-gradient(#e6e6e6,#cccccc);
    background: -o-linear-gradient(#e6e6e6,#cccccc);
    background: linear-gradient(#e6e6e6,#cccccc);
    border: 1px solid #aaa;
    color: #444;
}

.visitStatus {
    color: #fff;
    font-weight: normal;
    font-size: 11px;
    -moz-box-shadow: inset 0 0 3px #000000;
    -webkit-box-shadow: inset 0 0 3px #000000;
    box-shadow: inset 0 0 3px #000000;
    width:55px;
    border-radius: 3px;
    padding:3px 5px;
    text-align: center;
}

.visitBooked {
    background: #4bb1cf;
}

.visitOk {
    background: #8cce3b;
}

.visitFailed {
    background: #cc0a0c;
}

.visitArrived {
    background: #bbb;
}

.visitCancelled {
    background: #f0c350;
}

/* Radio toggle */
div.toggle-custom {
    position: relative;
    margin: 6px 0 10px;
    width:140px;
    float:left;
}

div.toggle-custom.form {
    width: auto;
}

div.toggle-custom label.toggle {
    width: 50px !important;
    position: relative;
    display: inline-block;
    padding: 0;
    height: 22px;
    vertical-align: top;
    min-height: 22px;
    margin-bottom: 0;
    margin-top: 0 !important;
    font-weight: normal !important;
    cursor: pointer;
}

div.toggle-custom.form label.toggle {
    width: 70px !important;
    height: 24px;
    min-height: 24px;
}

div.toggle-custom label.toggle:after, div.toggle-custom label.toggle:before {
    top: 1px;
    width: 25px;
    font-size: 10px;
    color: #333333;
    position: absolute;
    line-height: 22px;
    text-align: center;
    z-index: 1;
}

div.toggle-custom.form label.toggle:after, div.toggle-custom label.toggle:before {
    width: 30px;
    line-height: 24px;
    font-size: 12px;
    color: #444;
}


div.toggle-custom label.toggle:before {
    content: attr(data-on);
    left: 1px;
}

div.toggle-custom label.toggle input[type="checkbox"],
div.toggle-custom label.toggle input[type="radio"] {
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

div.toggle-custom label.toggle input[type="checkbox"]:checked + .button-checkbox,
div.toggle-custom label.toggle input[type="radio"]:checked + .button-checkbox,
div.toggle-custom label.toggle input[type="checkbox"]:checked + .button-radio,
div.toggle-custom label.toggle input[type="radio"]:checked + .button-radio {
    border-color: #20b426;
}

div.toggle-custom.form label.toggle input[type="checkbox"]:checked + .button-checkbox,
div.toggle-custom.form label.toggle input[type="radio"]:checked + .button-checkbox,
div.toggle-custom.form label.toggle input[type="checkbox"]:checked + .button-radio,
div.toggle-custom.form label.toggle input[type="radio"]:checked + .button-radio {
    border-color: #5b81af;
}


div.toggle-custom label.toggle .button-checkbox,
div.toggle-custom label.toggle .button-radio {
    background: #ffffff;
    border: 1px solid #aaa;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 0px;
}

div.toggle-custom label.toggle input[type="checkbox"]:checked + .button-checkbox:after,
div.toggle-custom label.toggle input[type="radio"]:checked + .button-checkbox:after,
div.toggle-custom label.toggle input[type="checkbox"]:checked + .button-radio:after,
div.toggle-custom label.toggle input[type="radio"]:checked + .button-radio:after {
    left: 24px;
    /*background-image: linear-gradient(to bottom, #84a758 0%, #a5c96f 100%);*/
    /*background-repeat: repeat-x;*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff84a758', endColorstr='#ffa5c96f', GradientType=0);*/
    background-color: #20b426;
}

div.toggle-custom.form label.toggle input[type="checkbox"]:checked + .button-checkbox:after,
div.toggle-custom.form label.toggle input[type="radio"]:checked + .button-checkbox:after,
div.toggle-custom.form label.toggle input[type="checkbox"]:checked + .button-radio:after,
div.toggle-custom.form label.toggle input[type="radio"]:checked + .button-radio:after {
    left: 37px;
    /*background-image: linear-gradient(to bottom, #84a758 0%, #a5c96f 100%);*/
    /*background-repeat: repeat-x;*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff84a758', endColorstr='#ffa5c96f', GradientType=0);*/
    background-color: #5b81af;
}

div.toggle-custom label.toggle input[type="checkbox"] + .button-checkbox:after,
div.toggle-custom label.toggle input[type="radio"] + .button-checkbox:after,
div.toggle-custom label.toggle input[type="checkbox"] + .button-radio:after,
div.toggle-custom label.toggle input[type="radio"] + .button-radio:after {
    content: '';
    position: absolute;
    z-index: 2;
    display: block;
    top: 1px;
    bottom: 1px;
    left: 1px;
    width: 23px;
    /*
    background-image: linear-gradient(to bottom, #dd6a47 0%, #ed8157 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdd6a47', endColorstr='#ffed8157', GradientType=0);
    */
    background-color: #bbb;
    transition: all;
    transition-duration: 0.4s;
}

div.toggle-custom.form label.toggle input[type="checkbox"] + .button-checkbox:after,
div.toggle-custom.form label.toggle input[type="radio"] + .button-checkbox:after,
div.toggle-custom.form label.toggle input[type="checkbox"] + .button-radio:after,
div.toggle-custom.form label.toggle input[type="radio"] + .button-radio:after {
    width: 30px;
}

div.toggle-custom label.toggle:after, div.toggle-custom label.toggle:before {
    top: 1px;
    width: 25px;
    font-size: 10px;
    color: #333333;
    position: absolute;
    line-height: 22px;
    text-align: center;
    z-index: 1;
}

div.toggle-custom.form label.toggle:after, div.toggle-custom label.toggle:before {
    font-size: 12px;
    width: 30px;
    line-height: 22px;
}

div.toggle-custom label.toggle:after {
    content: attr(data-off);
    right: 1px;
}

div.toggle-custom label.toggle + label {
    font-weight: normal;
    cursor: pointer;
    min-height: 22px;
    padding-left: 5px;
    padding-right: 10px;
    padding-top: 1px;
    margin-bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 20px;
}

div.toggle-custom.form label.toggle + label {
    min-height: 24px;
    line-height: 22px;
}

div.toggle-custom label {
    display: inline-block;
    max-width: 100%;
    text-align: right;
    width:75px !important;
    margin-bottom: 5px;
    margin-top: 0 !important;
    font-weight: bold !important;
}

div.toggle-custom label.text-left {
    text-align: left !important;
}

.sliderBox {
    width:500px;
    float:left;
    margin-top:-13px;
    margin-left:20px;
}



.label-disabled {
    color: #aaa;
}

.label-enabled {
    color: #333;
}

.panel-group .panel .panel-heading.content-in {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.panel-group .panel, .panel-group .panel .panel-heading {
  border-radius: 2px;
}

.collapse-panel .panel-heading {
  background-image: linear-gradient(rgb(255, 255, 255) 0px, rgb(243, 243, 243) 100%);
  background-repeat: repeat-x;
}

.collapse-panel .panel-heading {
    height: auto;
    position: relative;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    box-shadow: rgb(255, 255, 255) 0px 1px 0px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(196, 196, 196);
    padding: 10px;
    cursor: pointer;
}

.panel-content {
    padding:20px;
    margin-top:1px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    box-shadow: rgb(255, 255, 255) 0px 1px 0px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(196, 196, 196);

    background-color: #fff;
}

.risiko {
    /*float:left;*/
    display: inline-block;
    font-weight: normal;
    font-size: 11px;
    -moz-box-shadow: inset 0 0 3px #000000;
    -webkit-box-shadow: inset 0 0 3px #000000;
    box-shadow: inset 0 0 3px #000000;
    width:55px;
    border-radius: 3px;
    padding:3px 5px;
    margin-right:3px;
    margin-bottom: 3px;
    text-align: center;
}

.downloadBtnBlock {
    margin-bottom: -28px;
    position: relative;
    z-index: 1000;
}


/* Ensure that the table scrolls */
.dataTables_wrapper th,
.dataTables_wrapper td {
    white-space: nowrap;
}

div.dataTables_wrapper {
    width: 100%;
    margin: 0 auto;
}

.dataTables_scroll {
    border:0 solid #333;
    border-collapse:collapse;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    overflow-y: hidden;
}

.DTFC_LeftBodyWrapper {
    /*border-left:1px solid #000;*/
    box-sizing: border-box;
    /*margin-right:-1px;*/
}

.DTFC_LeftBodyLiner {
    overflow: hidden;
}

table.dataTable.compact thead th,
table.dataTable.compact thead td {
    padding: 4px;
}

.chartTitle {
    text-align: center;
    padding: 10px;

}

.smallText {
    font-size: 8px;
    font-weight: normal;
}

.small10Text {
    font-size: 10px;
    font-weight: normal;
}

tr.highlighted th {
    padding:5px !important;
    background: #555;
}

#feedbackBlock {
    position: fixed;
    bottom: 0;
    left: 0;
    background:-moz-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(54,111,172,1)),color-stop(100%,rgba(24,75,130,1)));
    background:-webkit-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:-o-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:-ms-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#366fac',endColorstr='#184b82',GradientType=0);

    border-top:1px solid #0d3259;
    border-right:1px solid #0d3259;

    padding: 5px;
    border-radius: 0 8px 0 0;
    color: #fff;
    cursor: pointer;
}
#feedbackBlock span {
    line-height: 16px;
    letter-spacing: 0.5px;
}

#popupModalBg{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    opacity: 0.65;
    background: #000;
    display:none;
}

#jiraFeedbackForm, #eventForm, #eventListEditor, .popup-dialog {
    background: #f1f1f1;
    border: 0px solid #777;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 75px auto;
    z-index: 50000;
    border-radius: 5px;
    overflow: hidden;
    width: 600px;
    display: none;
}


.modal-panel-header {
    padding:10px;
    background:-moz-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(54,111,172,1)),color-stop(100%,rgba(24,75,130,1)));
    background:-webkit-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:-o-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:-ms-linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    background:linear-gradient(top,rgba(54,111,172,1) 0,rgba(24,75,130,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#366fac',endColorstr='#184b82',GradientType=0);

    color: #fff;
    letter-spacing: 0.1px;
}

.modal-panel-header h3 {
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    text-shadow: rgba(0,0,0,0.5) 0px 1px 1px;
    letter-spacing: 1px;
    text-transform: capitalize;
    font-weight: normal;
}

.modal-panel-header-close {
    position:absolute;
    top:7px;
    right:8px;
    opacity: 0.5;
    cursor: pointer;
}

.modal-panel-header-close:hover {
    opacity: 1;
}

.modal-panel-footer {
    padding:10px;
    background: #fff;
    border-top:1px solid #777;
}

.modal-panel-footer input {
    float: right;
}

.link {
    color: blue;
    cursor: pointer;
    opacity: 0.75;
}

.link:hover {
    opacity: 1;
}

.modal-panel-footer .link {
    display: block;
    float: right;
    line-height: 16px;
}

.modal-panel-content {
    letter-spacing: 0.1px;

}

.modal-panel-content label{
    display: inline-block;
    color: #555;
    text-align: right;
    padding-right:10px;
    vertical-align: top;
    padding-top: 5px;
}

.modal-panel-content input,
.modal-panel-content select,
.modal-panel-content textarea{
    padding:3px;
    border:1px solid #bbb;
    border-radius: 3px;
    color: #333;
}

.css-required:after {
    content:"*";
    color:red;
}


/* Booking calendar styles */
.bookingCalendar {
    width:100%;
    border:1px solid #999;
    border-collapse: collapse;
    min-width: 700px;
}

.bookingCalendar th {
    height: 30px;
    border:1px dotted #ccc;
    border-right: 1px solid #bbb;
    border-collapse: collapse;
    background-color: #fff;
    font-weight: bold;
    text-align: center;
}

.bookingCalendar td {
    height: 20px;
    padding: 2px;
    border:1px dotted #ccc;
    border-right: 1px solid #bbb;
    border-collapse: collapse;
    background-color: #fff;
}

.bookingCalendar td.disabledCell {
    background: #e1e1e1;
    cursor: not-allowed;
}

.bookingCalendar td.disabledCell:hover {
    background: #e1e1e1;
    cursor: not-allowed;
}

.bookingCalendar tr td:first-child {
    width:40px;
    text-align: center;
    font-weight: bold;
    background-color: #f1f1f1;
    cursor: not-allowed;
}

.bookingCalendar td:hover {
    background-color: #fef2c0;
    cursor: pointer;
}

.bookingCalendar tr:nth-child(4n) td {
    border-bottom: 1px solid #bbb;
}

.calendarScrollContainer {
    height: 700px;
    overflow-y: scroll;
    position: relative;
    z-index: 0;
}

.bookedEvent {
    background-color: #4bb1cf;
    height: 40px;
    position: absolute;
    z-index: 90;
    border-radius: 3px;
    padding:3px;
    box-sizing: border-box;
    line-height: 18px;
    overflow: hidden;
}


.buttonGroup {

}

.buttonGroup div {
    text-align: center;
    1float:left;
    display:inline-block;
    margin: 0;
    padding: 5px 25px;
    border-top:1px solid #999;
    border-bottom:1px solid #999;
    border-right:1px solid #999;
    background: #fff;
    cursor: pointer;
    color: #888;
}

.buttonGroup div.btn-small {
    padding:3px 5px;
}

.buttonGroup div:first-child {
    border-left:1px solid #999;
    border-radius: 3px 0px 0px 3px;
}

.buttonGroup div:last-child {
    border-radius: 0px 3px 3px 0px;
}


.buttonGroup div.active {
    background-color: #4bb1cf;
    font-weight: normal;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    color: #000;
}

.date-step {
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -129px;
    top: 14px;
    font-weight: bold;
    border:1px solid #ccc;
    background: #fff;
    padding: 2px 15px;
    border-radius: 3px;

}

.date-step .ds-icon, .date-step .ds-div {
    display: inline-block;
    line-height: 24px;
}

.date-step .ds-icon {
    color: #4bb1cf;
    cursor: pointer;
}

.date-step .ds-div {
    text-align: center;
    width:180px;
}

.eventContextMenuIcon {
    position: absolute;
    top: 35px;
    right: 12px;
    opacity: 0.5;
    cursor: pointer;
}

.eventContextMenuIcon:hover {
    opacity: 1;
}

.eventAddNewIcon {
    position: absolute;
    top: 5px;
    right: 5px;
    /* opacity: 0.5; */
    cursor: pointer;
    background: #f1f1f1;
    padding: 2px 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: green;
}

.eventAddNewIcon:hover {
    opacity: 1;
    background: #fff;
}

.event-summary-line {
    position:absolute;
    bottom: 2px;
    left:0;
    text-align: center;
    color:#fff;
    width:100%;
    display:inline-block;
}

.event-summary-line .eventInfo span{
    cursor: pointer;
}

.event-summary-line .badge {
    background: #fff;
    color:#333;
    border-radius: 8px;
    padding: 0 4px;
}

.eventContextMenu {
    display:none;
    width: 100px;
    border:1px solid #ccc;
    border-radius: 3px;
    background: #f1f1f1;
    position: absolute;
    top:20px;
    right:5px;
    z-index: 1000;
}

.eventColor-alert {
    background: #dd9999;
}

.eventColor-warning {
    background: #f0d370;
}

.eventColor-normal {
    background: #9bc1ef;
}

.contextMenuItem i{
    padding-right: 5px;
    padding-left:5px;

}

.contextMenuItem {
    line-height: 20px;
    cursor: pointer;
}

.contextMenuItem:hover {
    background: #fef2c0;
}

.contextMenuItem:first-child{
    border-bottom: 1px solid #ccc;
}

.ac-line {
    font-size: 11px !important;
}

.ac-main {
    font-size: 11px !important;
    font-weight: bold;
    width:150px;
    float:left;
}

.ac-option {
    font-size: 10px !important;
    font-weight: normal;
    float:left;
}

.ac-command {
    float: right;
    color: red;
    font-size: 18px !important;
    margin-top: -5px;
    margin-right:5px;
}

.ac-command .fa-times {
    cursor: pointer;
}

.ac-remove {
    color: red;
    position: absolute;
    z-index: 10000;
    top:5px;
    right:5px;
}

.simple-line {
    border-bottom: 1px dotted #333;
    margin: 10px 0;
}

.modal-panel-content .formRow input,
.modal-panel-content .formRow textarea {
    margin-top: 1px !important;
}

.eventBtn {
    border:1px solid #999;
}

.middleLoader {
    position: absolute;
    top: 50%;
    left:50%;
    margin-top:-80px;
    margin-left:-160px;
    text-align: center;
    width: 320px;
    height: 120px;
    padding-top:15px;
    border:1px solid #000;
    background-color: #333;
    opacity: 0.5;
}

.linkIcon {
    cursor: pointer;
    color: blue;
}

.linkIconLight {
    cursor: pointer;
    color: #999;
    opacity: 0.5;
}

.linkIconLight:hover {
    opacity: 1;
    color: #fff;
}

.popup-info-box-container {
    position: absolute;
    z-index: 5000;
    top: 0;
    left: 0;
}

.popup-info-box {
    position: absolute;
    z-index: 5000;
    top: 0;
    left: 0;

    background: #f1f1f1;
    border: 1px solid #777;
    border-radius: 5px;
    overflow: hidden;
    width: 375px;
    height:auto;
}

.popup-close {
    position:absolute;
    top:2px;
    right:2px;
    border-radius: 20px;
    padding:5px;
    line-height: 10px;
    background: #000;
    color:#fff;
    cursor: pointer;
}

#demoPinter {
    position: absolute;
    z-index: 10000;
    top:0;
    left:0;
    width:50px;
    height: 50px;
    border:1px solid #000;
    background: #ccc;
}

.compact-tooltip-info tr {
    font-size: 10px;
    padding:4px 2px;
}

.compact-tooltip-info li, .compact-tooltip-info ul {
    list-style-type: none;
}

.mini-list li {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    padding:1px;
    width: 2000px;
}

.mini-list li.event-data:hover {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    cursor: default;
    color: #fff;
}

.eventColor-warning .mini-list li.event-data:nth-child(2n) {
    background: #e0c360;
}

.eventColor-warning .mini-list li.event-data:hover {
    background: #b09330;
}

.eventColor-normal .mini-list li.event-data:nth-child(2n) {
    background: #8bb1df;
}

.eventColor-normal .mini-list li.event-data:hover {
    background: #5b81af;
}

.eventColor-alert .mini-list li.event-data:nth-child(2n) {
    background: #cd8989;
}

.eventColor-alert .mini-list li.event-data:hover {
    background: #8d5959;
}


.mini-popup-list li {
    border-bottom: 1px solid #ddd;
}

.mini-popup-list .list-row {
    padding:5px;
}

.mini-popup-list li:nth-child(2n) {
    background: #fff;
}

.mini-popup-list li:last-child {
    border-bottom: 0 solid #ddd;
}

.booked-event-content {
    height: 90px;
    overflow: hidden;
    margin-right:30px;
}

.more-items {
    font-size: 10px;
    font-weight: bold;
}

.badge-label {
    font-size:9px;
    font-weight: normal;
    background: #cc0a0c;
    margin-top:-3px;
    padding:1px 3px 2px 3px;
    border:1px solid #000;
    border-radius:0px;
    color:#fff;
}

.day-info {
    color:#999;
    font-size: 11px;
    font-weight: normal;
}

.calendar-month-day {
    position:relative;
    height:100%;
    padding:5px 5px 5px 5px;
    font-size: 11px;
    color: #333;
}

.month-day-info {
    position: absolute;
    top: -3px;
    right: -3px;
    width: 15px;
    background: #f1f1f1;
    padding: 5px;
    text-align: center;
    border: 1px solid #ccc;
    color: #555;
}

.day-summary-row {
    margin-bottom: 3px;
    padding:0px;
    border-radius: 5px;
    border: 1px solid #777;
}

.day-summary-title {
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
    padding-right: 5px;
    padding-left: 5px;
    padding-top:2px;
    color: #333;
}

.day-summary-title div {
    display: inline-block;
    margin-top:-2px;
}

.day-summary-title .badge-label {
    padding: 1px 3px 1px 3px;
    vertical-align: top;
}

.day-summary-title .title-simple {
    font-weight: normal;
    padding-top:3px;
}

.day-summary-title .title-high {
    padding-top:3px;
    padding-left: 5px;
    color: #333;
}


.day-summary-value {
    border-top: 1px solid #f1f1f1;
    text-align: center;
    line-height: 18px;
    color: #000;
    font-weight: bold;
}

.list-table-container {
    padding: 20px;
}

.data-table-left-control {
    position: absolute;
    top:88px;
    z-index: 50000;
    width: 600px;
}

.cell-label {
    margin-top: 9px;
    font-weight: bold;
    margin-right: 10px;
}

.tab-badge {
    float:right;
    background: #5ebeff;
    width:16px;
    height:16px;
    text-align: center;
    margin-left:5px;
    border-radius: 10px;
    color: #fff;
    font-size: 10px;
    line-height: 16px;
}

.tab-empty-badge {
    float:right;
    width:16px;
    height:16px;
    text-align: center;
    margin-left:5px;
    border-radius: 10px;
    color: #fff;
    font-size: 10px;
    line-height: 16px;
}

.tab-link {
    float:left;
}

.ui-tabs .ui-tabs-nav li a {
    padding:7px 5px 7px 8px !important;
}

.tab-toggleable {
    display: none;
}

.tab-weekend a, .tab-weekend div {
    opacity: 0.4;
}

.visit-completed {
    display: none;
}

.table-cell-badge {
    background: #ccc;
    padding:3px;
    border-radius: 3px;
    color: #fff;
}

.panel-title-link {
    cursor: pointer;
}

.matching-filter {
    position: absolute;
    top: -34px;
    right: 25px;
}

.matching-filter .btn {
    background: #fff;
}

.matching-filter .btn:hover {
    cursor: pointer;
    border-color: #2462a0;
    color: #fff;
    background-image: url(images/hover_bg.png);
}

.day-panel {
    overflow: hidden;
}

.finance-fee-block {
    position:absolute;
    top:3px;
    left:325px;
    padding:5px 10px;
    border:1px solid #ccc;
    background: #f1f1f1;
    display:none;
}

.color-pale {
    opacity: 0.4;
}

.color-normal {
    opacity: 1;
}

.td-ps td {
    padding:6px 3px !important;
}

.movable {
    cursor: move;
}

.month-booked-value {
    padding:5px 10px;
    margin-left:20px;
    border:1px solid #ccc;
    background: #fff;
}

.input-block {
    margin:5px;
    float:left;
}

.input-block-flex {
    margin:5px;
    float:none;
    display: flex;
    align-items: center;
}

.flex-postfix {
    padding-left:5px;
    color: #CCCCCC;
    display:flex;
    align-items: center;
}

.input-block .input-label {
    line-height: 28px;
    font-weight: bold;
    margin-left: 20px;
}

#contentBox .input-block input,
#contentBoxFluid .input-block input,
#contentBox .input-block textarea,
#contentBoxFluid .input-block textarea,
.flatInput,
#contentBoxFluid .flatInput,
#contentBox .flatInput {
    border: 1px solid #aaa;
    padding: 0 8px;
    margin:0;
    box-shadow: none;
    line-height: 26px;
    color: #444;
    background: #fff;
    box-sizing: border-box;
}

.radio-btn-group {
    display:inline-block;
}

.radio-btn-group .btn-group-btn {
    border:1px solid #aaa;
    border-left:0;
    float:left;
    padding:0px 8px;
    line-height: 26px;
    cursor: pointer;
    background: #fff;
    color: #444;
    box-sizing: border-box;
    transition: border 0.2s linear 0s, color 0.2s linear 0s;
}

.radio-btn-group .btn-group-btn:first-child {
    border-left:1px solid #aaa;
}

.radio-btn-group .btn-group-btn.active {
    background: #5b81af;
    color: #fff;
}

tr.currency-line {
    background: #ccc;
}

.cleanTable {
    border-spacing: 0;
    border-collapse: collapse;
}

.small-textarea {
    width:300px;
    height:80px;
}

input[type="radio"], input[type="checkbox"] {
    box-sizing: border-box;
    cursor: pointer;
    line-height: normal;
}

.clip-check {
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 0;
}
.clip-check label {
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    margin-right: 15px;
    padding-left: 30px !important;
    position: relative;
    line-height: 23px !important;
    /* transition: border 0.2s linear 0s, color 0.2s linear 0s; */
    white-space: nowrap;
    text-align: left !important;
}
.clip-check label:before {
    background-color: #ffffff;
    border: 1px solid #c8c7cc;
    content: "";
    display: inline-block;
    height: 20px;
    left: 0;
    margin-right: 10px;
    position: absolute;
    width: 20px;
    border-radius: 0;
    top: 1px;
    transition: border 0.2s linear 0s, color 0.2s linear 0s;
}
.clip-check label:after {
    display: inline-block;
    font-size: 11px;
    height: 19px;
    left: 4px;
    position: absolute;
    top: -1px;
    transition: border 0.2s linear 0s, color 0.2s linear 0s;
    width: 19px;
}
.clip-check input[type="checkbox"] {
    display: none;
}
.clip-check input[type="checkbox"]:checked + label:before {
    border-width: 10px;
}
.clip-check input[type="checkbox"]:checked + label:after {
    color: #fff;
    content: "\f00c";
    font-family: "FontAwesome";
}
.clip-check input[type="checkbox"][disabled] + label {
    opacity: 0.65;
}
.clip-check input[type="checkbox"][disabled] + label:before {
    background-color: #F8F8F8;
}

.clip-check input[type="checkbox"]:checked + label:before {
    border-color: #5b81af;
}

.clip-check :before,
.clip-check :after {
    box-sizing: border-box;
}

.field-postfix {
    margin-top: 10px;
    color: #444;
    float:left;
}

.width45p {
    width: 45%;
    box-sizing: border-box;
}

.width55p {
    width: 55%;
    box-sizing: border-box;
}

.width30p {
    width: 30%;
    box-sizing: border-box;
}

.width70p {
    width: 70%;
    box-sizing: border-box;
}


#filterBlock fieldset.width-50-filter {
    margin:0;
    width: 100%;
    box-sizing: border-box;
}

#filterBlock fieldset.width-50-filter label {
    width: 90px;
}

.label-right label {
    text-align: right;
}

.label-right-new label {
    margin-top: 7px !important;
    margin-right: 5px !important;
}

.fieldset-summary-table {
    width: 100%;
    border-collapse: collapse;
}

.fieldset-summary-table th {
    width:auto !important;
}

.fieldset-summary-table tr:nth-child(2n) {
    background: #f1f1f1;
}

.fieldset-summary-table td
{
    border:1px solid #ccc;
    padding:6px 3px;
}

.fieldset-summary-table th {
    border:1px solid #ccc;
    padding:6px 3px !important;
}

.mini-list-editor {
    position: absolute;
    z-index: 20000;
    width:400px;
    top:200px;
    left:300px;
    background: #f1f1f1;
    border: 1px solid #333;
    overflow: hidden;
}

#accountToggleIcon {
    float:left;
    padding-top: 3px;
    cursor: pointer;
    opacity: 0.7;
}

#accountToggleIcon:hover {
    opacity: 1;
}

.dataGrid tr.tr-selected {
    opacity: 0.1;
}

.filter-separator {
    border-top:1px dotted #999;
    margin-top:10px;
    margin-bottom: 5px;
    color: #999;
}

.separator-content {
    float:right;
    margin-top: -10px;
    background: #fff;
    cursor: pointer;
    padding-left:5px;
}

.cash-type {
    background: #fff2cc !important;
    opacity: 0.7;
}

.fluidBox .wFull {
    width: 100% !important;
}

.compact .input-block {
    margin: 0 !important;
}

table.alternate tr:nth-child(even) {
    background: #fff;
}

table.alternate tr:nth-child(odd) {
    background: #f1f1f1;
}

table.alternate tr:hover {
    background-color: #608dbe;
    color: #fff;
}

.required-field:after {
    content: '*';
    color: red;
}

.cellTitle {
    font-weight: bold;
    color: #111;
}

.cellExtra {
    color: #888;
    font-weight: normal;
    font-size: 12px;
}

.highlighted-box {
    border:1px solid #ccc;
    padding:5px 20px;
    background: #fff;
    display: inline-block;
    min-width: 150px;
}

#timeLockBlock {
    line-height: 30px;
}

.info-table {
    border-collapse: collapse;
    border:1px solid #ccc;
    width:100%;
}

.info-table th {
    padding:5px !important;
    text-align: center !important;
    font-weight: bold;
    border-collapse: collapse;
    border:1px solid #ccc;
    width:auto !important;
}

.info-table td {
    border-collapse: collapse;
    border:1px solid #ccc;
    padding:5px;
}

.info-table tr:nth-child(odd) {
    background-color: #fff;
}



.loader-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

.loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #e74c3c;
    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

.loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #f9c922;
    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

.loader-wrapper .loader-text {
    font-size: 10px;
    text-align: center;
    margin-top:0px;
    color: #777;
    letter-spacing: 0.4px;
}

@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}

@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}

.alternateRows tr:nth-child(odd) {
     background: #fff;
 }

.alternateRows tr:nth-child(odd):hover {
    color: #fff;
    background: #608dbe;
}

.cell-error {
    background-color: #cc0a0c !important;
}

.cell-warning {
    background-color: #DA8028 !important;
}

.cell-ok {
    background-color: #8cce3b !important;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    border-radius: 0 !important;
    outline:none;
}

.tab-date {
    width:76px;
}

.uploader-wrapper-block {
    width: 100%;
    max-width: 800px;
    padding-right: 20px;
    box-sizing: border-box;
}

.plupload_header {
    display:none;
}

.plupload_filelist .plupload_file_name {
    width:400px !important;
}

.plupload_start {
    display:none !important;
}

.fixed-layout {
    table-layout: fixed;
}

.plupload_filelist li {
    background: #fff !important;
}

.plupload_container {
    padding:0 !important;
    border:1px solid #aaa !important;
}

.plupload_progress {
    width: 200px !important;
}

.pdf-preview {
    width: 100%;
    height: 500px;
}

.doc-confirm-checkbox {
    margin-top: -25px;
    margin-left: 40px;
}

.cost-row, .edit-row {
    clear:both;
}

.date-calendar {
    float: left;
    border: 1px solid #aaa;
    padding: 5px 8px;
    border-left: 0;
    background: #f1f1f1;
    cursor: pointer;
    height:16px;
}

.small-title {
    font-weight:bold;
    color:#aaa;
}

.documentFilter .filterCommandBlock {
    margin-top:10px;
    border-top:1px solid #aaa;
    padding-top:5px;
}

.audit-row-header td {
    background: #e7ebfb !important;
}

.inline-message {
    border:1px solid #ccc;
    margin:5px;
    padding:5px;
    display:inline-block;
}

.inline-message.wide{
    display: block;
}

.inline-message.error {
    border:1px solid #cc0a0c !important;
    background-color: #fef8f6;
    color: #cc0a0c;
}

.inline-message.ok {
    border:1px solid #0ab500 !important;
    background-color: #edfef1;
    color: #0ab500;
}

.inline-message.full {
    border:none;
    margin:0;
    padding:10px;
    display: block;
}

.inline-message.full.error {
    background-color: #da190b;
    color: #fff;
}

.audit-block {

}

.audit-table {
    font-size: 10px;
    border-collapse: collapse;
}

.audit-table th {
    text-align: center !important;
    padding:5px !important;
}

.audit-table tbody tr:nth-child(odd) {
    background: #fff;
}

.audit-table th,
.audit-table td {
    border:1px solid #CCCCCC;
    border-collapse: collapse;
    padding:3px;
    text-align: center;
}

.info-line {
    padding:10px 5px;
    margin: 20px 5px;
    line-height: 16px;
    font-weight: bold;
    box-sizing: border-box;
    display: inline-block;
}

.info-line-ok {
    border:1px solid #8cce3b;
    background-color: #f4fcea;
    color: #8cce3b;
}

.info-line-error {
    border:1px solid #cc0a0c;
    background-color: #fef8f6;
    color: #cc0a0c;
}


.info-line-default {
    border:1px solid #bce8f1;
    background-color: #d9edf7;
    color: #31708f;
}

.info-line-yellow {
    border:1px solid #a69716;
    background-color: #f9efad;
    color: blue;
}

.js-ip-management {
    display: none;
}

.container-cell {
    padding: 0px !important;
}

.no-hover:hover {
    background: #ffffff !important;
    color: #333333 !important;
}

.container-cell th {
    background: #d0e4f5 !important;
}

.select2-selection--multiple input {
    border: none !important;
}

.select2-selection--multiple .select2-selection__choice {
    padding: 2px 4px !important;
    border-radius: 0 !important;
    background: #5b81af !important;
    color: #ffffff !important;
}

.select2-selection--multiple .select2-selection__choice__remove {
    color:#aaaaaa !important;
    border-right:1px solid #aaaaaa;
    padding-right:4px;
    margin-right: 4px !important;
}

.select2-selection--multiple .select2-selection__choice__remove:hover {
    color:#ee3f46  !important;
}

.bordered-simple-text {
    padding: 5px;
    border:1px solid #aaaaaa;
    background-color: #dddddd;
    min-height: 15px;
}

.bordered-simple-text.danger {
    background-color: #ee3f46;
    border-color: #cc0a0c;
    color: #ffffff;
}

.bordered-simple-text.success {
    background-color: #91ca55;
    border-color: #518a15;
    color: #ffffff;
}

.base-border {
    border:1px solid #aaaaaa;
    border-radius: 0;
}

.white-block {
    border:1px dotted #CCCCCC;
    background: #ffffff;
}

.js-click-to-edit {
    border:1px dotted #CCCCCC;
    background: #fafafa;
}

.js-click-to-edit:hover {
    background: #ffffd3;
    cursor: pointer;
}

.js-click-to-edit:hover:after {
    content: ' Click to edit';
    font-style: italic;
    color: #ccc;
    padding-left:10px;
}

.flatIconBtn {
    border-radius: 3px;
    line-height: 22px;
    margin-top: 3px;
    margin-left: 5px;
    color: #fff;
    width:25px;
    text-align: center;
    cursor: pointer;
}

.simple-table {
    border-collapse: collapse;
}

.simple-table th {
    border: 1px solid #cccccc;
    border-collapse: collapse;
    padding: 6px 4px !important;
    font-size: 11px !important;
    font-weight: bold;
    background: #d0e4f5;
    width:auto !important;
    text-align: center !important;
}

.simple-table td {
    border: 1px solid #cccccc;
    border-collapse: collapse;
    padding: 6px 4px;
    font-size: 11px;
    font-weight: normal;
    color:#555;
    width:auto;
    text-align: center;
}

.flex-row {
    display: flex;
}

.flex-col-1 {
    flex:1;
}
.flex-col-2 {
    flex:2;
}
.flex-col-3 {
    flex:3;
}
.flex-col-4 {
    flex:4;
}
.flex-col-5 {
    flex:5;
}
.flex-col-6 {
    flex:6;
}
.flex-col-7 {
    flex:7;
}
.flex-col-8 {
    flex:8;
}

.flex-centered {
    margin: auto;
    text-align: center;
}

.requestResult {
    1border:5px solid #ffffff;
}


.tabContainer {
    padding: 0 !important;
    background: none !important;
    border-width: 0 !important;
    margin:10px;
    outline: none;

}

.tabContainer .ui-tabs-nav {
    padding-left: 0!important;
    background: transparent!important;
    border-width: 0 0 1px 0!important;
    -moz-border-radius: 0!important;
    -webkit-border-radius: 0!important;
    border-radius: 0!important;
}

.tabContainer .ui-tabs-panel {
    background: #fff !important;
    border-width: 0 1px 1px 1px !important;
}

.tabContainer .ui-state-default a {
    color: #555 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.tabContainer .ui-state-active a {
    color: #000 !important;
    border-bottom: 1px solid #fff !important;
    margin-bottom: -1px !important;
    outline: none !important;
}

.tabContainer .ui-tabs-nav li {
    width: 100px !important;
    text-align: center !important;
    margin-bottom: -4px !important;
    margin-top: 3px !important;
}

.tabContainer .ui-tabs-nav li.w125 {
    width: 125px !important;
}

.tabContainer .ui-tabs-nav .ui-state-default,
.tabContainer .ui-tabs-nav .ui-widget-content .ui-state-default,
.tabContainer .ui-tabs-nav .ui-widget-header .ui-state-default {
    border: 0 !important;
    background: none !important;
    font-weight: normal !important;
    color: #555555 !important;
    outline: none !important;
}

.tabContainer .ui-tabs-nav .ui-state-active,
.tabContainer .ui-tabs-nav .ui-widget-content .ui-state-active,
.tabContainer .ui-tabs-nav .ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa !important;
    background: #ffffff !important;
    outline: none !important;
}

.btn-loading {
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 5px;
    background: #d2dae1 url(images/ajax-loader.gif) right center no-repeat;
}

.btn-no-loading {
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 5px;
    background: none;
}

.small-loader {
    width: 16px;
    height: 16px;
    background: url(images/ajax-loader.gif) right center no-repeat;
}

.btn-with-loader {
    padding-right: 31px;
}

.hidden-forced {
    display: none !important;
}

.flatInput--square{
    border-radius: 0 !important;
    border-color: #c8c7cc !important;
}

.filter-label {
    font-weight: bold;
    padding-right: 10px;
    color:#333;
}

.calendar-container {
    display: flex;
    flex-wrap: wrap;
}

.calendar td.js-day {
    cursor: pointer;
}

.calendar td.js-day a:hover {
    //font-weight: bold;
    background-color: #fff !important;
}


.calendar td.day-WORK {
    //padding: 8px 5px !important;
    background-color: #608dbe;
    color: #fff;
}

.calendar td.day-REST {
    //padding: 8px 5px !important;
    background-color: #91ca55;
    color: #fff;
}

.working-hour-container {
    padding: 20px;
    width: 1000px;
    margin: 0 auto;
}

.working-hour-table {
    border-collapse: collapse;
    width: 100%;
}

.working-hour-table tr {
    background-color: #ffffff !important;
}

.working-hour-table tr.rest-day {
    background-color: #f1f1f1 !important;
}

.working-hour-table tr.holiday {
    background-color: #ebe8c3 !important;
}


.working-hour-table td,
.working-hour-table th {
    border:1px solid #cccccc;
    padding: 8px 5px !important;
    text-align: center;
}

.working-hour-table th.light-cell {
    font-weight: normal;
}

.working-hour-table thead tr:last-child {
    border-bottom: 3px solid #aaa;
}

.working-hour-command-block {
    padding: 20px;
}

.working-hour-command-block btn-ng {

}

.working-hour-header {
    text-align: center;
    padding-bottom: 10px;
}

.working-hour-header h2 {
    padding-bottom: 5px;
}

@media print
{
    .no-print, .no-print *
    {
        display: none !important;
    }
}

.filter-container {
    width:100%;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    background-color: #fafaff;
    padding:10px;
    margin-top: 10px;
    display: flex;
    box-sizing: border-box;
    color: #777;
}

.filter-row {
    display: flex;
}

.filter-element {
    display: flex;
    align-items: center;
    //border:1px solid red;
    margin-right: 10px;
}

.filter-action-element {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.filter-action-element span {
    cursor: pointer;
    font-size: 20px;
    color: #CCCCCC;
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.filter-action-element span:hover {
    border:1px solid #CCCCCC;
    background-color: #ffffff;
}

#contentBox .filter-element input,
#contentBoxFluid .filter-element input,
#contentBox .filter-element select,
#contentBoxFluid .filter-element input,
.filter-element input,
.filter-element select {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border:1px solid #aaa;
    line-height: 26px;
    padding: 0 3px;
}

#contentBox .filter-element input.focus, #contentBox .filter-element input:focus,
#contentBoxFluid .filter-element input.focus, #contentBoxFluid .filter-element input:focus,
#contentBox .filter-element select.focus, #contentBox .filter-element select:focus,
#contentBoxFluid .filter-element select.focus, #contentBoxFluid .filter-element select:focus,
.filter-element input.focus, .filter-element input:focus,
.filter-element select.focus, .filter-element select:focus {
    outline: 0;
    border-color: #333;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: none !important;
    background-color: #fafafa !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: none !important;
    background-color: #2462a0 !important;
    color: #fff !important;
    border-color: #000000 !important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #000000 !important;
    background: #CCCCCC !important;
    font-weight: normal/*{fwDefault}*/;
    color: #212121/*{fcHover}*/;
}

a.btn-nx, .btn-nx {
    border-radius: 0;
    padding: 5px 10px !important;
    background-color: #03A9F4;
    color: #fff;
    border: 1px solid #025e87 !important;
    cursor: pointer;
    text-decoration: none;
}

a.btn-nx:hover, .btn-nx:hover {
    background-color: #0392de;
    border: 1px solid #023154 !important;
}

.wrapCenteredCell {
    white-space: normal !important;
    text-align: center;
}

.labor-container {
    width:100%;
    display: flex;
    flex-wrap: wrap;
}

.labor-item {
    width:300px;
}

.labor-item label {
    width: 100px !important;
}