﻿body{font-size:12px;}
.m0 { margin:0px !important; }
.m10 { margin:10px !important; }
.mt0{ margin-top:0px !important; }
.mt5 { margin-top:5px !important; }
.mt8 { margin-top:8px !important; }
.mt10 { margin-top:10px !important; }
.mt12 { margin-top:12px !important; }
.mt14 { margin-top:14px !important; }
.mt15 { margin-top:15px !important; }
.mt17 { margin-top:17px !important; }
.mt20 { margin-top:20px !important; }
.mb5 { margin-bottom: 5px !important}
.mb8 { margin-bottom: 8px !important}
.mb10{ margin-bottom:10px !important; }
.mb30 { margin-bottom: 30px !important}
.mt23 { margin-top: 23px !important;}
.m1p_lr{margin:0 1%;}
.p0 { padding:0px !important; }
.p2 { padding:2px !important; }
.pt5 { padding-top:5px !important; }
.pt8 { padding-top:8px !important; }
.pt20 { padding-top:20px !important; }
.pb10 { padding-bottom:10px !important; }
.prl20 { padding:0 20px !important; }
.fs10 { font-size:10px !important; }
.fs11 { font-size:11px !important; }
.fs12 { font-size:12px !important; }
.fs13 { font-size:13px !important; }
.fs14 { font-size:14px !important; }
.fs15 { font-size:15px !important; }
.fs16 { font-size:16px !important; }
.fs17 { font-size:17px !important; }
.fs18 { font-size:18px !important; }
.fs20 { font-size:20px !important; }
.fs25 { font-size:25px !important; }
.gray{ color:#808080; }
.noFloat { float: none; }
.black{ color: #333 !important; }
.bold,.bld { font-weight: bold; }
.noBold { font-weight: normal !important; }
.breakWord{word-break:break-word;}
.center { text-align: center !important;}
.no-padding {padding:0 !important;}
.no-margin {margin:0 !important;}
.colorGreen {color: #99cc33 !important;}
.colorRed {color: red !important;}
.rlt { position: relative; }
.abs { position: absolute !important; }
.pointer { cursor: pointer !important; }
textarea { resize: none; }
.none {display: none;}
.uppercase { text-transform:uppercase;}
.inline { display: inline; }
.display-inline-block {display: inline-block;}
.height-100 { height: 100%; }
.borderRed { border: solid 1px red !important;}
.red-color{color: #E5053A !important;}
.hide-text-decoration{text-decoration:none !important;}
.fc:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
label { cursor: default; }
textarea:focus, input:focus{ outline: 0 !important; }
.portlet-body .imgContent,.portlet-body img{height:100px;}
.portlet-body .imgContent{overflow:hidden; }
.portlet-body .campInfo label { float:none; display:block; width:auto; font-size:15px; cursor:default;   }
.textMiddelLine {text-decoration:line-through;}
.campInfo .red {color:red;}
.campInfo .green {color:#99cc33;}
.campInfo .blue {color:blue;}
.hidden-580{display:none;}

/*body .container{max-width: 100%; }*/
label.maxwidth { width: 100% !important; }
.zi1{z-index:1;}
.zi10{z-index:10;}
.none{display:none;}
/*
    Css not related to the direction of the page
*/
.portlet.box > .portlet-title{text-align: center;}
.portlet.box > .portlet-title > .tools { margin-top: 0; }
.width-100 { width: 100%; }
.width-90 { width: 90%; }
.width-85 { width: 85%; }
.width-50 { width: 50%; }
.width-49 { width: 49%; }
.width-14 { width: 14%; }
.width-20 { width: 20%; }
.width-25 { width: 25%; }

.fRight{float:right !important;}
.fLeft{float:left !important; direction: ltr !important;}
.ml0 { margin-left:0px !important; }
.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml22 { margin-left:22px !important; }
.mr3 { margin-right:3px !important; }
.mr5 { margin-right:5px !important; }
.mr6p { margin-right:6% !important; }
.mr8 {margin-right:8px !important; }
.pl3 { padding-left:3px !important; }
.pl10 { padding-left:10px !important; }
.pl20 { padding-left:20px !important; }
.pl60{ padding-left:60px !important; }
.pr2 { padding-right:2px !important; }
.pr10 { padding-right:10px !important; }
.pr12 { padding-right:12px !important; }
.pr14 { padding-right:14px !important; }
.pr18 { padding-right:18px !important; }
.alignR { text-align: right; }
.alignL { text-align: left; }
.dir{direction: ltr; text-align: left;}
.rtl{direction:rtl;}
.ltr{direction:ltr;}
.right3{right:3px;}
.right20{right:20px;}
.left15{left:15px;}
.left-12{left:-12px;}

.loading{background:url(../Images/loader01.gif) no-repeat center center; width:100%; height:100%; background-color:#333; position:absolute; z-index:11111; display:none; background-attachment:fixed;}
.loadingMsg {width:100%; height:100%; background-color:#333; position:absolute; z-index:11111; display:none; background-attachment:fixed;}
#loadingInnerMsg { z-index: 9999999; font-size: 30px; color: #fff; }
.opacity1 {filter: alpha(opacity=75);    -khtml-opacity: 0.75;    -moz-opacity: 0.75;    opacity: 0.75;}
.opacity2 {filter: alpha(opacity=50);    -khtml-opacity: 0.50;    -moz-opacity: 0.50;    opacity: 0.50;}
client.form-ctrl {height:22px;padding: 0px 2px; vertical-align:middle}
body .form-control{
    height: 22px;
    width:330px;
    padding: 0px 2px;
    vertical-align:middle 
         

}
body .form-control1{height: 22px;width:108px; padding: 0px 2px;vertical-align:middle    !important;}
body .form-control2{height: 22px;width:330px; padding: 0px 2px;vertical-align:middle    !important;}
body .form-control3{height: 22px;width:160px; padding: 0px 2px;vertical-align:middle    !important;}
body .form-control4{height: 22px; padding: 0px 2px;vertical-align:middle    !important;}
body .form-control5{height: 22px;width:260px; padding: 0px 2px;vertical-align:middle    !important;}
body .form-control6{height: 22px;width:60px; padding-top: 2px !important; padding: 0px 2px;vertical-align:middle    !important;}
body .form-control7{height: 22px;width:300px; padding: 0px 2px;vertical-align:middle    !important;}
body .form-control8{height: 22px;width:220px; padding: 0px 2px;vertical-align:middle    !important;}
body .form-control9{height: 22px;width:200px; padding: 0px 2px;vertical-align:middle    !important;}
body .form-control10{height: 22px;width:350px; padding: 0px 0px 2px -25px;vertical-align:middle    !important;}
body .form-control11{height: 22px;width:100px; padding: 0px 2px;vertical-align:middle    !important;}
body .form-control12{height: 22px;width:90px; padding-top: 2px !important; padding: 0px 2px;vertical-align:middle    !important;}
body .form-contro20{height: 30px;width:100px; padding-top: 2px !important; padding: 0px 2px;vertical-align:central    !important;}

body  .tbl1 {border: thin solid #000080; padding: 5px}
body .prnfiled {width: 100px !important; }

body textarea.form-control{height: 42;}
body .btn{padding: 0 4px; height: 22px;}
body fieldset{margin-bottom: 5px;}
body fieldset legend{margin-bottom: 5px; font-size: 14px; background-color: #CCC; padding-left: 2px; font-weight: bold;}

.alert {
  padding: 8px 14px 8px 35px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

/* Alers Popups (from old bootstrap version) */
    .alert, .alert h4 { color: crimson; font-weight: bold; background-color: #aaa; }
.alert h4 { margin: 0; }
.alert .close { position: relative; top: -2px; left: -21px; line-height: 20px; }
.alert-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; }
.alert-success h4 { color: #468847; }
.alert-danger,.alert-error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; }
.alert-danger h4, .alert-error h4 { color: #b94a48; }
.alert-info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; }
.alert-info h4 { color: #3a87ad; }
.alert-block { padding-top: 14px; padding-bottom: 14px; }
.alert-block > p, .alert-block > ul { margin-bottom: 0; }
.alert-block p + p { margin-top: 5px; }

.icon-arrow-right { background: url() }
label.error{ color: red; }
input.error,select.error{border: solid 1px red;}
#log-user{ width: 96%; border: dashed 2px #333; padding: 5px; text-align: left; word-break: break-word; direction:ltr;}
.tooltip_popup{text-decoration: underline; color: #333; cursor: pointer;}
body fieldset .Step1 {background-color: #153a5a;color: #fefefe !important;}
body fieldset .Step2 {background-color: #153a5a; color: #fefefe !important; }
body fieldset .Step3 {background-color: #153a5a; color: #fefefe !important; }
body fieldset .Step4 {background-color: #153a5a; color: #fefefe !important; }

.navbar-inverse {border-bottom: solid 3px #fd7405;}
.login-container{ width: 430px; margin: 0 auto; }
.navbar-inverse .navbar-nav>li>a{font-size:16px; color: #DDD;}
.btn-excel{background-color: #85CB89; border: solid 1px #85CB89; color:#fff;}
.btn-excel:hover{color:#fff; background-color:#67BD6D;}
.ui-autocomplete { z-index: 9999 !important; }
tbl {
    margin:1%;
    padding: 0px 2px;
    valign: "top";
}
tbl1 {
    width: 1024PX;
    margin:1%;
    padding: 0px 2px;
    valign: "top";
}

/* dropdown-menu */
.my-dropdown-container a.btn.mini{margin: 6px 0 0 10px;}    
.my-dropdown-container.top a.btn.mini{margin: 5px 0 0 9px;} 
.my-dropdown-container .my-multi-dropdown-menu{ left:0; }
.my-dropdown-container .my-multi-dropdown-menu li{padding-left: 6px;}
.my-dropdown-container .my-multi-dropdown-menu li i{ margin-right: 4px;}
#my-dropdown-container-actions .my-dropdown-menu li, .my-dropdown-container-actions .my-dropdown-menu li{ text-align: left }
.my-dropdown-container-actions .my-dropdown-menu{ right:0;  margin-top: 4px; }

.my-dropdown-container { position: relative; width: 158px; }
    .my-dropdown-container.top { background-color: #FFF; }
    .my-dropdown-container .my-dropdown-menu, .my-dropdown-container .my-dropdown-button { width: 100%; }
    .my-dropdown-container.top .my-dropdown-button { border: 1px solid #2084A6; border-bottom: 0; background-color: #fff; }
    .my-dropdown-container a:hover { text-decoration: none; }

    .my-dropdown-container .my-dropdown-menu { display: none; position: absolute; padding: 2px 5px; top: 100%; list-style: none; text-shadow: none; margin: 0px; font-size: 14px; font-family: "Segoe UI",Helvetica, Arial, sans-serif; border: 1px solid #2084A6; z-index: 1; background-color: #FFF; width: 158px; border-top: 0 none; }
        .my-dropdown-container .my-dropdown-menu ul { padding: 0; margin: 0; }
        .my-dropdown-container .my-dropdown-menu li { list-style: none; border-bottom: 1px solid #DDD; margin: 10px 0; }    
        .my-dropdown-container .my-dropdown-menu li a{padding-left: 9px;}
.api-error{border: dashed 1px red; color: red; font-weight:bold;text-align: center; padding: 3px; margin: 10px 0; }

table tr.mark td{background-color: #CCC !important;}
.newNotifications{
    color:#fff;
        position: absolute;
    font-size: 11px !important;
    font-weight: 300;
    top: 8px;
    right: 1px;
    text-align: center;
    height: 17px;
    background-color: #e02222;
    padding: 0px 6px 6px 6px;
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 12px !important;
    text-shadow: none !important;}
body .apiUsers{top: 36px;}