@charset "utf-8";
/* CSS Document */

body {
  /*min-height: 2000px;*/
  padding-top: 70px;
}

.footer {
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}

.footer .container {
  width: auto;
  max-width: 1170px;
  padding: 0 15px;
  text-align:right;
}
.footer .container .text-muted {
  margin: 20px 0;
}

table {
        width: 100%;
    }

/*thead, tbody, tr, td, th { display: block; }*/

tr:after {
    content: ' ';
   /* display: block;*/
    visibility: hidden;
    clear: both;
}

thead th {
    height: 30px;

    /*text-align: left;*/
}

tbody {
   /* height: 400px;*/
    overflow-y: auto;
}

thead {
    /* fallback */
}

.table > thead > tr > th {
	border:none!important;
	height:44px;
}

tbody td, thead th {
    width: auto;
   /* float: left;*/
	font-size:13px;
	line-height: 1.5!important;
}


/********************************************************** modal custom width ************************************************/
@media screen and (min-width: 768px) {
    .modal_width_700px {
        width: 700px;
        /* either % (e.g. 60%) or px (400px) */
    }
}

/****************************************************************************************************************************/

/********************************************************** modal error styling ************************************************/
.modal-myTitle {
	display:inline-block;
	padding-left:10px;
	font-size: 16px!important;
}
.modal-errorMessage,
.modal-warningMessage {
	text-align: center;
	padding-bottom: 10px;
	font-size: 12px;
}
.modal-byUser-text,
.modal-updaterTime-text,
.modal-userTime-text,
.modal-updaterUser-text {
	width: 60%;
	display: block;
	float: left;
	text-align: right;
	padding-right: 2%;
	font-size: 12px;
}
.modal-byUser-result,
.modal-updaterTime-result,
.modal-userTime-result,
.modal-updaterUser-result {
	width: 30%;
	display: block;
	float: left;
	color:#c9302c;
	font-size: 12px;
}
.modal-warning-text-1,
.modal-warning-text-2 {
	width: 60%;
	display: block;
	float: left;
	text-align: right;
	padding-right: 2%;
	font-size: 12px;
}
.modal-warning-result-1,
.modal-warning-result-2 {
	width: 40%;
	display: block;
	float: left;
	color:#c9302c;
	font-size: 12px;
}

.modal-normalRow {
    text-align: left;
    padding-bottom: 10px;
    font-size: 12px;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 10px;
    margin-top: 10px;
}

.modal-boxed {
    border: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
	font-size: 12px;
}

.modal-boxed-header {
    display: block;
	background: #dedede;
	padding: 5px 20px;
	margin-bottom: 10px;
	text-align:center;
}
.modal-boxed-header-left {
    display: block;
	background: #dedede;
	padding: 5px 20px;
	margin-bottom: 10px;
	text-align:left;
}
.modal-boxed-header-right {
    display: block;
	background: #dedede;
	padding: 5px 20px;
	margin-bottom: 10px;
	text-align:right;
}
/********************************************************** widths **********************************************************/
.width_2 {
	width:2%;
}
.width_3 {
	width:3%!important;
}
.width_5 {
	width:5%;
}
.width_6 {
	width:6%;
}
.width_7 {
	width:7%;
}
.width_8 {
	width:8%;
}
.width_9 {
	width:9%;
}
.width_10 {
	width:10%;
}
.width_11 {
	width:11%;
}
.width_12 {
	width:12%;
}
.width_13 {
	width:13%;
}
.width_14 {
	width:14%;
}
.width_15 {
	width:15%;
}
.width_18 {
	width:18%;
}
.width_20 {
	width:20%;
}
.width_23 {
	width:23%;
}
.width_27 {
	width:27%;
}
.width_30 {
	width:30%;
}
.width_32 {
	width:32%;
}
.width_33 {
	width:33%;
}
.width_35 {
	width:35%;
}
.width_38 {
	width:38%;
}
.width_40 {
	width:40%;
}
.width_49 {
	width:49%;
}
.width_50 {
	width:50%;
}
.width_55 {
	width:55%;
}
.width_60 {
	width:60%;
}
.width_60 {
	width:60%;
}
.width_63 {
	width:63%;
}
.width_70 {
	width:70%;
}
.width_80 {
	width:80%;
}
.width_85 {
	width:85%;
}
.width_90 {
	width:90%;
}
.width_100 {
	width:100%;
}

.width_200px {
	width:200px;
}


.width_Label_100 {
	display:block;
}

.maxWidth_800 {
	max-width:800px!important;
}
/********************************************************** heights **********************************************************/
.height_80px {
	height: 80px!important;
}
.height_84px {
	height: 84px!important;
}
.height_104px {
	height: 104px!important;
}
.height_138px {
	height: 138px!important;
}
.height_146px {
	height: 146px!important;
}
.height_151px {
	height: 151px!important;
}
.height_158px {
	height: 158px!important;
}
.height_168px {
	height: 168px!important;
}
.height_186px {
	height: 186px;
}
.height_196px {
	height: 196px;
}
.height_208px {
	height: 208px!important;
}
.height_216px {
	height: 216px;
}
.height_221px {
	height: 221px;
}
.height_235px {
	height: 235px;
}
.height_241px {
	height: 241px;
}
.height_254px {
	height: 254px;
}
.height_258px {
	height: 258px;
}
.height_264px {
	height: 264px;
}
.height_274px {
	height: 274px;
}
.height_278px {
	height: 278px!important;
}
.height_280px {
	height: 280px;
}
.height_286px {
	height: 286px!important;
}
.height_306px {
	height: 306px;
}
.height_320px {
	height: 320px;
}
.height_324px {
	height: 324px;
}
.height_331px {
	height: 331px;
}
.height_338px {
	height: 338px;
}
.height_342px {
	height: 342px;
}
.height_347px {
	height: 347px;
}
.height_354px {
	height: 354px;
}
.height_361px {
	height: 361px;
}
.height_369px {
	height: 369px;
}
.height_371px {
	height: 371px;
}
.height_372px {
	height: 372px;
}
.height_376px {
	height: 376px;
}
.height_380px {
	height: 380px;
}
.height_384px {
	height: 384px;
}
.height_388px {
	height: 388px;
}
.height_394px {
	height: 394px;
}
.height_400px {
	height: 400px;
}
.height_410px {
	height: 410px;
}
.height_416px {
	height: 416px;
}
.height_418px {
	height: 418px;
}
.height_424px {
	height: 424px;
}
.height_430px {
	height: 430px;
}
.height_432px {
	height: 432px;
}
.height_433px {
	height: 433px;
}
.height_448px {
	height: 448px;
}
.height_454px {
	height: 454px;
}
.height_456px {
	height: 456px;
}
.height_460px {
	height: 460px;
}
.height_464px {
	height: 464px;
}
.height_470px {
	height: 470px;
}
.height_478px {
	height: 478px;
}
.height_482px {
	height: 482px;
}
.height_487px {
	height: 487px;
}
.height_492px {
	height: 492px;
}
.height_500px {
	height: 500px;
}
.height_507px {
	height: 507px;
}
.height_512px {
	height: 512px;
}
.height_528px {
	height: 528px;
}
.height_530px {
	height: 530px;
}
.height_544px {
	height: 544px;
}
.height_550px {
	height: 550px;
}
.height_570px {
	height: 570px;
}
.height_636px {
	height: 636px;
}
.height_682px {
	height: 682px;
}

.minHeight_347px {
	min-height: 347px;
}
.minHeight_433px {
	min-height: 433px;
}
.minHeight_443px {
	min-height: 443px;
}
.maxHeight_260 {
	max-height:260px!important;
}
.maxHeight_284 {
	max-height:284px!important;
}
.maxHeight_360 {
	max-height:360px!important;
}
.maxHeight_440 {
	max-height:440px!important;
}



/********************************************************** paddings **********************************************************/
.padding_0px {
	padding:0px!important;
}
.padding_5px {
	padding:5px!important;
}
.padding_6px {
	padding:6px!important;
}
.padding_10px {
	padding:10px!important;
}
.padding_11px {
	padding:11px!important;
}
.padding_15px {
	padding:15px!important;
}
.padding_20px {
	padding:20px!important;
}

.padding_6_2px {
	padding:6px 2px!important;
}
.padding_0_30px {
	padding:0px 30px!important;
}


.paddingRight_2px {
	padding-right:2px!important;
}
.paddingRight_5px {
	padding-right:5px!important;
}
.paddingRight_10px {
	padding-right:10px!important;
}
.paddingRight_12px {
	padding-right:10px!important;
}
.paddingRight_15px {
	padding-right:15px!important;
}
.paddingRight_20px {
	padding-right:20px!important;
}

.paddingLeft_2px {
	padding-left:2px!important;
}
.paddingLeft_5px {
	padding-left:5px!important;
}
.paddingLeft_10px {
	padding-left:10px!important;
}
.paddingLeft_12px {
	padding-right:10px!important;
}
.paddingLeft_15px {
	padding-left:15px!important;
}
.paddingLeft_20px {
	padding-left:20px!important;
}
.paddingLeft_40px {
	padding-left:40px!important;
}
.paddingLeft_80px {
	padding-left:80px!important;
}
.paddingLeft_120px {
	padding-left:120px!important;
}
.paddingTop_5px {
	padding-top:5px!important;
}
.paddingTop_10px {
	padding-top:10px!important;
}
.paddingTop_15px {
	padding-top:15px!important;
}
.paddingTop_20px {
	padding-top:20px!important;
}
.paddingBottom_5px {
	padding-bottom:5px!important;
}
.paddingBottom_8px {
	padding-bottom:8px!important;
}
.paddingBottom_10px {
	padding-bottom:10px!important;
}
.paddingBottom_15px {
	padding-bottom:15px!important;
}
.paddingBottom_19px {
	padding-bottom:19px!important;
}
.paddingBottom_20px {
	padding-bottom:20px!important;
}



.paddingLeft_0px {
	padding-left:0px!important;
}
.paddingRight_0px {
	padding-right:0px!important;
}
.paddingTopBottom_0px {
	padding-top:0px!important;
	padding-bottom:0px!important;
}
.paddingTopBottom_20px {
	padding-top:20px!important;
	padding-bottom:20px!important;
}
.paddingLeftRight_0px {
	padding-left:0px!important;
	padding-right:0px!important;
}
.paddingLeftRight_2px {
	padding-left:2px!important;
	padding-right:2px!important;
}
.paddingLeftRight_5px {
	padding-left:5px!important;
	padding-right:5px!important;
}
.paddingLeftRight_20px {
	padding-left:20px!important;
	padding-right:20px!important;
}
/********************************************************** text aligns **********************************************************/
.textAlign_left {
	text-align:left!important;
}
.textAlign_right {
	text-align:right!important;
}
.textAlign_center {
	text-align:center!important;
}


/********************************************************** margins **********************************************************/
.marginRight_2 {
	margin-right:2%;
}
.marginRight_2px {
	margin-right:2px;
}
.marginRight_10px {
	margin-right:10px;
}

.marginLeft_2 {
	margin-left:2%!important;
}
.marginLeft_10px {
	margin-left:10px!important;
}
.marginLeft_-30px {
	margin-left:-30px!important;
}
.marginLeft_-45px {
	margin-left:-45px!important;
}

.marginTop_0px {
	margin-top:0px!important;
}
.marginTop_9px {
	margin-top:9px;
}
.marginTop_15px {
	margin-top:15px;
}
.marginTop_25px {
	margin-top:25px;
}
.marginTop_30px {
	margin-top:30px;
}
.marginTop_120px {
	margin-top:120px;
}

.marginBottom_0px {
	margin-bottom:0px!important;
}
.marginBottom_5px {
	margin-bottom:5px;
}
.marginBottom_6px {
	margin-bottom:6px!important;
}
.marginBottom_8px {
	margin-bottom:8px!important;
}
.marginBottom_10px {
	margin-bottom:10px;
}
.marginBottom_11px {
	margin-bottom:11px;
}
.marginBottom_15px {
	margin-bottom:15px;
}
.marginBottom_20px {
	margin-bottom:20px;
}
.marginBottom_23px {
	margin-bottom:23px;
}
.marginBottom_25px {
	margin-bottom:25px;
}
.marginBottom_30px {
	margin-bottom:30px;
}
.marginBottom_120px {
	margin-bottom:120px;
}


.marginTop_-2px {
	margin-top:-2px;
}
.marginTop_-5px {
	margin-top:-5px;
}
.marginTop_-7px {
	margin-top:-7px;
}
.marginTop_-20px {
	margin-top:-20px;
}
.marginBottom_-5px {
	margin-bottom:-5px;
}
.marginBottom_-7px {
	margin-bottom:-7px;
}

.marginLeftRight_20px {
	margin: 0 20px!important;
}
.marginLeftRight_30px {
	margin: 0 30px!important;
}

/********************************************************** colors **********************************************************/

.color_FFFFFF {
	color:#FFFFFF;
}
.color_5A55A3 {
	color:#5A55A3;
}
.color_000000 {
	color:#000000;
}
.color_faebcc {
	color:#faebcc;
}
.color_449d44 { /*green*/
	color:#449d44;
}
.color_c9302c { /*red*/
	color:#c9302c;
}
.color_0454CC { /*blue*/
	color:#0454CC;
}
.color_ec971f { /*orange*/
	color:#ec971f;
}

/********************************************************** background **********************************************************/

.backTrans_FDE5C2 {
    background-color: rgba(253, 229, 194, 0.2);
}

.backTrans_BFF5C2 {
	background-color: rgba(191, 245, 194, 0.2);
}

.backColor_FB6565 {
	background-color: #FB6565!important;
}


/********************************************************** fonts **********************************************************/
.fontWeight_Normal {
	font-weight:normal!important;
}
.fontSize_100 {
	font-size:100%!important;
}
.fontSize_120 {
	font-size:120%!important;
}
.fontSize_140 {
	font-size:140%!important;
}
.fontSize_13px {
	font-size:13px!important;
}
.fontSize_12px {
	font-size:12px!important;
}
.fontSize_11px {
	font-size:11px!important;
}

/********************************************************** borders **********************************************************/

.borderNon_5 {
	border-radius:5px;
}
.borderLeft_ddd {
	border-left: 1px solid #ddd;
}
.borderRight_ddd {
	border-right: 1px solid #ddd;
}
.borderBottom_ddd {
	border-bottom: 1px solid #ddd;
}
.borderLeft_000 {
	border-left: 1px solid #000;
}
.borderRight_000 {
	border-right: 1px solid #000;
}
.borderBottom_000 {
	border-bottom: 1px solid #000;
}


/********************************************************** floats **********************************************************/

.floatRight {
	float:right;
}
.floatLeft {
	float:left;
}

/********************************************************** lists **********************************************************/
.controlList_250px {
	height:250px;
	overflow-y:scroll;
}



/********************************************************** labels **********************************************************/
.label_20_18 {
    height: 21px;
    line-height: 18px;
}


/********************************************************** others **********************************************************/
.myVisibility_Hidden {
	visibility:hidden!important;
}
.nyDisplay_Hidden {
	 display: none!important;
}

/********************************************************** blocks **********************************************************/

.sidePanel_orders {
    float: left;
    min-width: 280px!important;
	max-width: 280px!important;
    margin-left: 20px;
}

/********************************************************** table th **********************************************************/

.myTh_30H_2M {
    height: 30px!important;
    margin-bottom: 2px;
	line-height:1!important;
}

.myTh_38H_2M {
    heiht: 38px!important;
    margin-bottom: 2px;
}

/********************************************************  specific boxes *********************************************************/

.outer {
    margin: 1%;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 2%;
}

.monthBox {
    display: block;
    text-align: center;
    font-weight: normal;
    font-size: 12px;
}
.sales_Box {
	width:100%!important;
	text-align:center!important;

}

.unitBox {
	margin-bottom:8px!important;
	padding:6px 0!important;
	font-size:12px!important;
	font-size:1vw!important;
}
.totBox {
	margin-bottom:8px!important;
	padding:6px 0!important;
	font-size:12px!important;
	font-size:1vw!important;
}
.costBox {
	padding:6px 0!important;
	font-size:12px!important;
	font-size:1vw!important;
	background:#fcfcfc;
}
.totalsBox {
	margin-bottom:8px!important;
	padding:6px 0!important;
	font-size:12px!important;
	font-size:1vw!important;
}

button.multiselect {
	padding:7px 9px!important;
}

div.year > div > button.multiselect,
div.month > div > button.multiselect,
div.company > div > button.multiselect,
div.district > div > button.multiselect {
	padding:7px 30px 7px 9px!important;
}

.salesErrorSign > .glyphicon  {
	padding-right: 12px!important;
}

.multiselect-container {
	max-height:250px;
	overflow-y:auto;
	overflow-x:hidden;
	min-width:200px!important;
}

.myMarginAuto {
	margin:auto;
}

.myMargin_30px_Auto {
	margin:30px auto;
}

.controlSearch {
	display:inline-block;
	width:90%;
}

.myConfirmModal_left {
    margin-left: 30px;
    width: 170px;
    display: table-cell;
    text-align: right;
    padding-right: 10px;
}

.myConfirmModal_right {
	display: table-cell;
}

.icon-span-filestyle {
	padding-right:5px;
}

.myInstallationsTable tbody {
	height: 436px!important;
}

.clear {
    width: 1%;
    display: table-cell;
    padding-left: 3px;
    vertical-align: middle; }
	

.myCustomListOuter {
    display: block;
    overflow-y: scroll;
}

.myCustomRowNoClick:nth-of-type(2n+1) {
    background-color: #f9f9f9!important;

}
.myCustomRowNoClick {
	border-top:1px solid #ddd!important;
}

.myCustomRow:nth-of-type(2n+1) {
    background-color: #f9f9f9!important;

}
.myCustomRow {
	border-top:1px solid #ddd!important;
	cursor:pointer;
}

.myCustomListCell {
	font-size: 13px;
	line-height: 1.5 !important;
	padding: 8px;
}

.myCustomListCell_padding_0 {
	font-size: 13px;
	line-height: 1.5 !important;
	padding: 0px;
}

.myCustomListCell_11px {
	font-size: 11px;
	line-height: 1.5 !important;
	padding: 8px;
}

.myCustomListCell_12px_padding_0_8 {
	font-size: 12px;
	line-height: 2 !important;
	padding: 0px 8px;
}

.myCustomListCell_11px_0px {
	font-size: 11px;
	line-height: 0 !important;
	padding: 8px;
}

.myCustomListCell_11px_0px_4px {
	font-size: 11px;
	line-height: 0 !important;
	padding: 4px;
}

.myCustomListCell_11px_modal {
	font-size: 11px;
	line-height: 0 !important;
	padding: 14px 8px 14px 0px;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

.myCustomListCell_12px {
	font-size: 12px;
	line-height: 1.5 !important;
	padding: 8px;
}

.myCustomListHeaders {
	padding-right: 33px!important;
	background: #f2dede!important;
	margin-bottom: 5px!important;
}

.internalHeightControl {
	overflow-y: auto;
	overflow-x: hidden;
}

.myCustomRowInternal:nth-of-type(2n+1) {
    background-color: #f9f9f9!important;

}
.myCustomRowInternal {
	border-top:1px solid #ddd!important;
}

.myCustomRowInternal_papersList {
	border-bottom: 1px solid #dedede;
	display: block;
	height: 30px;
	margin-top: 20px;
	font-size: 12px;
}

.btn-myCustomRowInternal {
  	width: 20px !important;
	height: 20px !important;
	padding: 2px 4px;
}

.btn-myCustomRowInternal-long {
  	width: 140px !important;
	height: 24px !important;
	padding: 0px 4px;
}


#internalHeightControl {
	overflow-y: auto;
	overflow-x: hidden;
}

.fieldSet_paroxes {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin:0 20px 20px 20px;
	padding:20px;
	border: 1px solid #ddd;
}

.fieldSet_paroxes_legend {
    width:inherit; /* Or auto */
    padding:0 10px; /* To give a bit of padding on the left and right */
    border-bottom:none;
	margin-bottom: 0px !important;
	font-weight: 700;
	font-size: 14px;
}

.boxHelpersInfo {
	border: 1px solid rgb(221, 221, 221);
	padding: 10px 20px;
	border-radius: 4px;
}

.boxHelpersInfo_li {
    margin-bottom: 5px;
    display: block;
    background: #f2dede;
    padding: 10px 20px;
    border: #f2dede;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;	
    border-radius: 4px;
}

.disabled {
        pointer-events: none;
        cursor: default;
        opacity: 0.6;
}

.loading {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  width: 194px;
  height: 194px;
}

/******************************************************** buttons control *********************************************************/

.btn-sq-lg {
  width: 150px !important;
  height: 150px !important;
}

.btn-sq {
  width: 100px !important;
  height: 100px !important;
  font-size: 10px;
}

.btn-sq-sm {
  width: 50px !important;
  height: 50px !important;
  font-size: 10px;
}

.btn-sq-xs {
  width: 25px !important;
  height: 25px !important;
  padding:2px;
}

/******************************************************** dual list control *********************************************************/


.leftListBox_Outer,
.rightListBox_Outer {
    float: left;
    width: 40%;
}

.leftListBox_OuterNormal {
	float: left;
	width: 50%;
	text-align: right;
	padding-right: 10px;
	line-height: 34px;
}

.leftListBox_OuterLarge {
	float: left;
	width: 60%;
	text-align: right;
	padding-right: 10px;
	line-height: 34px;
}

.leftListBox_Outer select,
.rightListBox_Outer select {
    height:250px!important;
}

.listBoxArrows {
    float: left;
    width: 20%;
	padding: 0 2%;
}

.listButtons {
    width: 90%;
    margin-bottom: 5px;
}

.upwards > ul {
	bottom:70%!important;
	top:auto!important;
}
.controlMeList_360 > ul {
	width:360px!important;
}
.controlMeList_360 > ul li{
	font-size:12px!important;
}

.typeahead-search-container.result,
.typeahead-search-container.filter {
    z-index: 999;
}


/******************************************************** hide dots around href *********************************************************/
.hideDots {
	outline: none!important;
}


hr {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #EEEEEE -moz-use-text-color #FFFFFF;
  border-style: solid none;
  border-width: 1px 0;
  margin: 16px 0;
}

/******************************************************** control A to Z order list*********************************************************/
.myAtoZlist {
	float:right;
	right:20px;
	position:absolute
}


/******************************************************** control popup backdrop (getting darker)********************************************************
.modal-backdrop {display:none}
.modal-backdrop:last-child {display:block}*/



/********************************************************** control sub-menu **********************************************************/
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;min-width: 180px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}
.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

/******************************************************** control typehead list *********************************************************/
#patient_Specific .typeahead-list {
	width:450px!important;
}