/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/

/*---- Overide Bootstrap Model CSS ----*/
.modal-body{
    max-height: calc(100vh - 200px); /* To add vertical scroll */
    overflow-y: auto !important; /* To add vertical scroll */
}
.c-modal-grey .modal-content{
	border-radius: 5px 5px 5px 5px !important;
	-moz-border-radius: 5px 5px 5px 5px !important;
	-webkit-border-radius: 5px 5px 5px 5px !important;
}
.c-modal-grey .modal-header{
	border-radius: 5px 5px 0 0 !important;
	-moz-border-radius: 5px 5px 0 0 !important;
	-webkit-border-radius: 5px 5px 0 0 !important;
	background: #f5f5f5;
	border-bottom: 1px solid #ccc;
}
.c-modal-grey .modal-footer{
	border-radius: 0 0 5px 5px !important;
	-moz-border-radius: 0 0 5px 5px !important;
	-webkit-border-radius: 0 0 5px 5px !important;
	background: #f5f5f5 ;
	border-top: 1px solid #ccc;
}

/*---- font family ----*/
.c-font-open  { font-family:"Open Sans",sans-serif !important; }

/*---- font color ----*/
.c-font-black { color:#000 !important; }
.c-font-red { color: #ff0002; }
.c-font-grey{ color: #666; }
.c-font-light-grey{ color: #888; }

/*---- global fonts ----*/
.c-font-6  { font-size:6px !important; }
.c-font-9  { font-size:9px !important; }
.c-font-10  { font-size:10px !important; }
.c-font-11 { font-size:11px !important; }
.c-font-12 { font-size:12px !important; }
.c-font-13 { font-size:13px !important; }
.c-font-14 { font-size:14px !important; }
.c-font-16 { font-size:16px !important; }
.c-font-20 { font-size:20px !important; }
.c-font-24 { font-size:24px !important; }

/*---- portlet related css ----*/
.c-portlet-title-sm {
	margin-bottom: 0px !important;
    min-height: 0px !important;
	padding:2px 4px 2px 4px !important;
}

/*---- report filters custom styles ----*/
.c-filter-border-left { border-left: 1px solid #cecece; }
.c-filter-bg-green { background-color: #d3dae3 !important; background-image: none !important; border-color: #d3dae3 !important; padding:8px; min-height:88px; }
.c-filter-height-1 { min-height:195px; }

/*---- top navigation custom styles ----*/
.c-heading-col { border-bottom: 1px solid #CCCCCC; }

/*---- forms custom styles ----*/
.c-checkbox-panel { border: 1px solid #e5e5e5; }
.c-inline-radio-padding { padding: 0px 0px 6px 35px; border: 1px solid #e5e5e5; }
.c-inline-checkbox-padding { padding: 5px 0px 0px 14px; border: 1px solid #e5e5e5; }
.c-checkbox-group { border: 1px solid #e5e5e5; padding:2px; height:105px; overflow:auto; }
.c-label-11 .control-label { font-size: 11px; }
.c-label-grey .control-label { color:#999; }

/*---- margins ----*/
.c-margin-0 { margin: 0px; }
.c-margin-top-1 { margin-top:1px; }
.c-margin-top-2 { margin-top:2px; }
.c-margin-top-3 { margin-top:3px !important; }
.c-margin-top-5 { margin-top:5px !important; }
.c-margin-top-8 { margin-top:8px; }
.c-margin-top-10 { margin-top:10px; }
.c-margin-top-15 { margin-top:15px; }
.c-margin-top-16 { margin-top:16px; }
.c-margin-right-2  { margin-right:2px; }
.c-margin-right-3  { margin-right:3px; }
.c-margin-right-5  { margin-right:5px; }
.c-margin-right-10 { margin-right:5px; }
.c-margin-right-25 { margin-right:25px; }
.c-margin-right-0 { margin-right:0 !important; }
.c-margin-left-30  { margin-left:30px; }
.c-margin-left-25  { margin-left:25px; }
.c-margin-left-20  { margin-left:20px; }
.c-margin-left-15  { margin-left:15px; }
.c-margin-left-12  { margin-left:12px; }
.c-margin-left-10  { margin-left:10px; }
.c-margin-left-8  { margin-left:8px; }
.c-margin-left-6  { margin-left:6px; }
.c-margin-left-5   { margin-left:5px; }
.c-margin-left-4   { margin-left:4px !important; }
.c-margin-left-3   { margin-left:3px !important; }
.c-margin-left-2   { margin-left:2px !important; }
.c-margin-left-1   { margin-left:1px !important; }
.c-margin-left-0   { margin-left:0px !important; }
.c-margin-bottom-3 { margin-bottom:3px; }
.c-margin-bottom-8 { margin-bottom:8px; }
.c-margin-bottom-5 { margin-bottom:5px; }
.c-margin-bottom-15 { margin-bottom:15px; }
.c-dataTable-margin-0 .table-scrollable{ margin:0px !important;}

.c-align-fa-icon { position:relative; top:1px; }

/*---- paddings ----*/
.c-padding-0 { padding: 0px !important; }
.c-padding-2 { padding: 2px; }
.c-padding-3 { padding: 3px; }
.c-padding-4 { padding: 4px !important; }
.c-padding-5 { padding: 5px; }
.c-padding-6 { padding: 6px; }
.c-padding-7 { padding: 7px; }
.c-padding-8 { padding: 8px; }
.c-padding-12 { padding: 12px; }
.c-padding-13 { padding: 13px; }
.c-padding-14 { padding: 14px; }
.c-padding-15 { padding: 15px; }
.c-padding-left-0 { padding-left : 0px; }
.c-padding-left-5 { padding-left : 5px; }
.c-padding-left-10 { padding-left: 10px; }
.c-padding-left-12 { padding-left: 12px; }
.c-padding-right-0 { padding-right : 0px; }
.c-padding-right-5 { padding-right : 5px; }
.c-padding-left-20 { padding-left: 20px; }
.c-padding-bottom-0 { padding-bottom: 0px; }
.c-padding-bottom-1 { padding-bottom: 1px !important; }
.c-padding-bottom-5 { padding-bottom: 5px !important; }
.c-padding-top-0{padding-top:0px !important;}
.c-padding-top-8 { padding-top:8px; }
.c-padding-top-5 { padding-top:5px; }
.c-padding-top-bottom-4{padding-top: 4px !important; padding-bottom: 4px !important;}
.c-padding-top-bottom-6{padding-top: 6px !important; padding-bottom: 6px !important;}
.c-padding-top-bottom-10{padding-top: 10px; padding-bottom: 10px;}
.c-padding-left-right-0 { padding-left: 0px; padding-right: 0px; }
.c-padding-left-right-1 { padding : 0px 1px; }
.c-padding-left-right-8 { padding: 0px 8px; }
.c-small-tabs .nav > li > a{ padding: 10px 7px; }

/*---- Display -----*/
.c-display-none{ display: none; }
.c-error{ border:1px solid #ebccd1; background-color: #f2dede;}

.c-min-width-100 { min-width:100px !important; }

/*---- Borders ----*/
.c-border-0{ border: 0px; }
.c-border-1 { border:1px solid #35aa47; }
.c-border-green { border:2px solid #35aa47; }
.c-border-grey-1 { border:1px solid #CCCCCC; }
.c-border-3 { border:3px solid #f3fbc8; }
.c-border-bottom-1{ border-bottom: 1px solid #ddd !important;}
.c-border-light-grey-1 {border: 1px solid #efefef;}

/*---- Cricles ----*/
.c-circle { 
	width: 30px;
    height: 30px;
    padding-top: 5px;
}

/*---- Hidden ----*/
.c-overflow-hidden-x{
	overflow-x: hidden !important;
}

/*---- our custom pagination styles ----*/
.c-pagination { margin-right:10px; }
.c-pagination ul li.inactive, .c-pagination ul li.inactive:hover{	background-color:#ededed; color:#bababa; border:1px solid #bababa; cursor: default;}
.data ul li{ list-style: none; font-family: verdana; margin: 5px 0 5px 0; color: #333;}
.c-pagination ul li{ list-style: none; float: left; border: 1px solid #006699; padding:2px 6px 2px 6px; margin: 0 3px 0 3px; font-family: Arial, Tahoma, Verdana; font-size: 10px; color: #006699;
    font-weight: bold; background-color: #f2f2f2; display:block;}
.c-pagination ul li:hover{ color: #fff; background-color: #006699; cursor: pointer;}
.c-pagination .go_button{ background-color:#f2f2f2; border:1px solid #006699;color:#cc0000; padding:2px; cursor:pointer; position:absolute; margin-top:-1px;}
.c-pagination .total{float:right;font-family:arial;color:#999;}
.c-pagination input.goto{ color:#333; padding:2px 1px 2px 1px; text-align:left; border: 1px solid #A09B96; font-family:Arial, helvetica, sans-serif; font-size:12px; width:20px; text-align:center }

/*---- grading bg colors ----*/
.c-badge-grade1 { background-color: #007e1c; background-image: none; }
.c-badge-grade2 { background-color: #004ef9; background-image: none; }
.c-badge-grade3 { background-color: #fe7352; background-image: none; }
.c-badge-grade4 { background-color: #ff4ff9; background-image: none; }
.c-badge-grade5 { background-color: #FB000D; background-image: none; }
.c-low-opacity { opacity: 0.1; }

/*---- custom panels css ----*/
.c-panel-purple-mdb {
  border-color: #bb3b73 ;
}
.c-panel-purple-mdb > .panel-heading {
  color: #FFFFFF;
  background-color: #bb3b73 ;
  border-color: #bb3b73 ;
}
.c-panel-purple-mdb > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #bb3b73 ;
}
.c-panel-purple-mdb > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #bb3b73 ;
}
.c-panel-blue-xml {
  border-color: #02a1d4 ;
}
.c-panel-blue-xml > .panel-heading {
  color: #FFFFFF;
  background-color: #02a1d4 ;
  border-color: #02a1d4 ;
}
.c-panel-blue-xml > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #02a1d4 ;
}
.c-panel-blue-xml > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #02a1d4 ;
}
.c-panel-green-xls {
  border-color: #59be57 ;
}
.c-panel-green-xls > .panel-heading {
  color: #FFFFFF;
  background-color: #59be57 ;
  border-color: #59be57 ;
}
.c-panel-green-xls > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #59be57 ;
}
.c-panel-green-xls > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #59be57 ;
}
.c-panel-red-pdf {
  border-color: #c11d2a ;
}
.c-panel-red-pdf > .panel-heading {
  color: #FFFFFF;
  background-color: #c11d2a ;
  border-color: #c11d2a ;
}
.c-panel-red-pdf > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #c11d2a ;
}
.c-panel-red-pdf > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #c11d2a ;
}
.c-panel-blue-isfc {
  border-color: #0b3647 ;
}
.c-panel-blue-isfc > .panel-heading {
  color: #FFFFFF;
  background-color: #0b3647 ;
  border-color: #0b3647 ;
}
.c-panel-blue-isfc > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #0b3647 ;
}
.c-panel-blue-isfc > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #0b3647 ;
}

.c-panel-blue-mp4 {
    border-color: #7093CC ;
}
.c-panel-blue-mp4 > .panel-heading {
    color: #FFFFFF;
    background-color: #7093CC ;
    border-color: #7093CC ;
}
.c-panel-blue-mp4 > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #7093CC ;
}
.c-panel-blue-mp4 > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #7093CC ;
}

/*---- view survey pipe css ----*/
.c-pipe-box	{  
	-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; 
	background: url("../img/pipe-icon.jpg") no-repeat scroll center center #FFFFFF; 
    width:506px; height:270px; margin-left: 0; padding-bottom: 12px; padding-right: 5px; padding-top: 11px; position: relative;  border-color: #E0E0E0;
}
.c-clear {clear:both;}
.c-pipe-text1 {width:102px; float:left; color:#fff; position:absolute; left:219px; top:29px; text-align:center; margin:0px auto;}
.c-pipe-text2 {width:126px; float:left; color:#fff; position:absolute; left:0px; top:88px; text-align:center; margin:0px auto;}
.c-pipe-text3 {color: #FFFFFF; float: left; padding-right: 4px; position: absolute; right:0px; top:88px; text-align: center; margin:0px auto; width: 112px;}
.c-pipe-text4 {width:101px; float:left; color:#fff; position:absolute; left:248px; top:114px; text-align:center; margin:0px auto;}
.c-pipe-text5 {width:115px; float:left; color:#fff; position:absolute; left:105px; top:151px; text-align:center; margin:0px auto;}
.c-pipe-text6 {width:135px; float:left; color:#fff; position:absolute; left:2px; top:207px; text-align:center; margin:0px auto;}
.c-pipe-text7 {width:137px; float:left; color:#fff; position:absolute; left:210px; top:215px; text-align:center; margin:0px auto;}
.c-pipe-disclaimer {float:left; position:absolute; top:260px; width:506px;}
.c-pipe-box div.c-pipe-disclaimer {font-size: 10px;}
.c-pipe-box div.c-pipe-disclaimer span {color: #333333;}
.c-pipe-box div {font-size: 10px;}
.c-pipe-box span {color: #CCCCCC;}

/*---- view survey general css ----*/
.c-survey-location-map { width:100%; margin-top:6px; height:420px; }
.c-survey-ob-table { max-height:500px; overflow:auto; }
.c-survey-ob-table2 { height:358px; overflow:auto; }

/*---- progress bar ----*/
.c-progress-green {
	background: #d84a38;
	background: -moz-linear-gradient(top,  #d84a38 0%, #e07163 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d84a38), color-stop(100%,#e07163));
	background: -webkit-linear-gradient(top,  #d84a38 0%,#e07163 100%);
	background: -o-linear-gradient(top,  #d84a38 0%,#e07163 100%);
	background: -ms-linear-gradient(top,  #d84a38 0%,#e07163 100%);
	background: linear-gradient(to bottom,  #d84a38 0%,#e07163 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d84a38', endColorstr='#e07163',GradientType=0 );
	border:0; height:26px; width:100%;
}
.c-progress-green div {
	background: #35aa47;
	background: -moz-linear-gradient(top,  #35aa47 0%, #4bc75e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#35aa47), color-stop(100%,#4bc75e));
	background: -webkit-linear-gradient(top,  #35aa47 0%,#4bc75e 100%);
	background: -o-linear-gradient(top,  #35aa47 0%,#4bc75e 100%);
	background: -ms-linear-gradient(top,  #35aa47 0%,#4bc75e 100%);
	background: linear-gradient(to bottom,  #35aa47 0%,#4bc75e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35aa47', endColorstr='#4bc75e',GradientType=0 );
	border:0; height:26px;
}
.c-progress-green2 {
	background: #d84a38;
	background: -moz-linear-gradient(top,  #d84a38 0%, #e07163 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d84a38), color-stop(100%,#e07163));
	background: -webkit-linear-gradient(top,  #d84a38 0%,#e07163 100%);
	background: -o-linear-gradient(top,  #d84a38 0%,#e07163 100%);
	background: -ms-linear-gradient(top,  #d84a38 0%,#e07163 100%);
	background: linear-gradient(to bottom,  #d84a38 0%,#e07163 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d84a38', endColorstr='#e07163',GradientType=0 );
	border:0; height:26px; width:100%;
}
.c-progress-green2 div {
	background: #45b6af;
	background: -moz-linear-gradient(top,  #45b6af 0%, #68c6c0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45b6af), color-stop(100%,#68c6c0));
	background: -webkit-linear-gradient(top,  #45b6af 0%,#68c6c0 100%);
	background: -o-linear-gradient(top,  #45b6af 0%,#68c6c0 100%);
	background: -ms-linear-gradient(top,  #45b6af 0%,#68c6c0 100%);
	background: linear-gradient(to bottom,  #45b6af 0%,#68c6c0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45b6af', endColorstr='#68c6c0',GradientType=0 );
	border:0; height:26px;
}
.c-progress-yellow-casablanca {
	background: #d84a38;
	background: -moz-linear-gradient(top,  #d84a38 0%, #e07163 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d84a38), color-stop(100%,#e07163));
	background: -webkit-linear-gradient(top,  #d84a38 0%,#e07163 100%);
	background: -o-linear-gradient(top,  #d84a38 0%,#e07163 100%);
	background: -ms-linear-gradient(top,  #d84a38 0%,#e07163 100%);
	background: linear-gradient(to bottom,  #d84a38 0%,#e07163 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d84a38', endColorstr='#e07163',GradientType=0 );
	border:0; height:26px; width:100%;
}
.c-progress-yellow-casablanca div {
	background: #ffb848;
	background: -moz-linear-gradient(top,  #ffb848 0%, #ffae2f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb848), color-stop(100%,#ffae2f));
	background: -webkit-linear-gradient(top,  #ffb848 0%,#ffae2f 100%);
	background: -o-linear-gradient(top,  #ffb848 0%,#ffae2f 100%);
	background: -ms-linear-gradient(top,  #ffb848 0%,#ffae2f 100%);
	background: linear-gradient(to bottom,  #ffb848 0%,#ffae2f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb848', endColorstr='#ffae2f',GradientType=0 );
	border:0; height:26px;
}

/*---- define bootstrap like switches labels ----*/
.c-bs-switch-label { 
	text-align: center; margin:0px auto; width:50px; box-sizing: border-box; display: inline-block !important; font-size: 12px; z-index: 1; 
	height: 100%; line-height: 20px; padding-bottom: 4px; padding-top: 4px;
}
.c-bs-swtich-blue { background: #428bca none repeat scroll 0 0; color: white; }
.c-bs-swtich-grey { background: #ececec none repeat scroll 0 0; color: #444444; }

/*---- Custom Statistics Boxes ----*/
.c-stats-box-primary { border:1px solid #428bca; }
.c-stats-box-primary .c-stats-head { background-color:#428bca; color:#FFFFFF; font-size:12px; padding: 4px 0px 4px 0px; }
.c-stats-box-primary .c-stats-content { color:#428bca; font-weight:600; font-size:16px; padding: 8px 0px 8px 0px; }

.c-stats-box-info { border:1px solid #89c4f4; }
.c-stats-box-info .c-stats-head { background-color:#89c4f4; color:#FFFFFF; font-size:12px; padding: 4px 0px 4px 0px; }
.c-stats-box-info .c-stats-content { color:#89c4f4; font-weight:600; font-size:16px; padding: 8px 0px 8px 0px; }

.c-stats-box-success { border:1px solid #45b6af; }
.c-stats-box-success .c-stats-head { background-color:#45b6af; color:#FFFFFF; font-size:12px; padding: 4px 0px 4px 0px; }
.c-stats-box-success .c-stats-content { color:#45b6af; font-weight:600; font-size:16px; padding: 8px 0px 8px 0px; }

.c-stats-box-danger { border:1px solid #f3565d; }
.c-stats-box-danger .c-stats-head { background-color:#f3565d; color:#FFFFFF; font-size:12px; padding: 4px 0px 4px 0px; }
.c-stats-box-danger .c-stats-content { color:#f3565d; font-weight:600; font-size:16px; padding: 8px 0px 8px 0px; }

.c-stats-box-warning { border:1px solid #ecbc29; }
.c-stats-box-warning .c-stats-head { background-color:#ecbc29; color:#FFFFFF; font-size:12px; padding: 4px 0px 4px 0px; }
.c-stats-box-warning .c-stats-content { color:#ecbc29; font-weight:600; font-size:16px; padding: 8px 0px 8px 0px; }

.c-stats-box-default { border:1px solid #c6c6c6; }
.c-stats-box-default .c-stats-head { background-color:#c6c6c6; color:#FFFFFF; font-size:12px; padding: 4px 0px 4px 0px; }
.c-stats-box-default .c-stats-content { color:#c6c6c6; font-weight:600; font-size:16px; padding: 8px 0px 8px 0px; }

.c-stats-box-green { border:1px solid #2b8b3a; }
.c-stats-box-green .c-stats-head { background-color:#2b8b3a; color:#FFFFFF; font-size:12px; padding: 4px 0px 4px 0px; }
.c-stats-box-green .c-stats-content { color:#2b8b3a; font-weight:600; font-size:16px; padding: 8px 0px 8px 0px; }

.c-stats-box-big-blue { background-color: #eafafa; border: 3px solid #2bb2cf; padding:4px 30px 10px 30px; width:auto; text-align:center; }
.c-stats-box-big-blue .c-value { font-size:36px; color:#2bb2cf; }
.c-stats-box-big-blue .c-description { font-size:15px; margin-top:3px; color:#2bb2cf; }

.c-stats-box-big-green { background-color: #effaf5; border: 3px solid #2b8b3a; padding:4px 30px 10px 30px; width:auto; text-align:center; }
.c-stats-box-big-green .c-value { font-size:36px; color:#2b8b3a; }
.c-stats-box-big-green .c-description { font-size:15px; margin-top:3px; color:#2b8b3a; }

.c-stats-box-big-red { background-color: #fbe6e2; border: 3px solid #d84a38; padding:4px 30px 10px 30px; width:auto; text-align:center; }
.c-stats-box-big-red .c-value { font-size:36px; color:#d84a38; }
.c-stats-box-big-red .c-description { font-size:15px; margin-top:3px; color:#d84a38; }

.c-stats-box-big-grey { background-color: #f5f5f5; border: 3px solid #acacac; padding:4px 30px 10px 30px; width:auto; text-align:center; }
.c-stats-box-big-grey .c-value { font-size:36px; color:#acacac; }
.c-stats-box-big-grey .c-description { font-size:15px; margin-top:3px; color:#acacac; }

.c-stats-box-big-mustard { background-color: #fff3c6; border: 3px solid #de8704; padding:4px 30px 10px 30px; width:auto; text-align:center; }
.c-stats-box-big-mustard .c-value { font-size:36px; color:#de8704; }
.c-stats-box-big-mustard .c-description { font-size:15px; margin-top:3px; color:#de8704; }

/*---- notes ----*/
.c-small-note { padding: 5px 15px 5px 15px; }



/*---- general ----*/
.c-no-border { border:0px solid transparent; }
.c-align-center-div { margin:0px auto; }
.c-align-center 	{ text-align:center; }
.c-grid-head	    { background-color:#f1f5f7; /* e3e8ed f3f5f7 */ }
.c-grid-head-red    { background-color:#efbfc0; /* e3e8ed f3f5f7 */ }
.c-grid-head-grey   { background-color: #bbd4de;}
.c-section-odd		{ background-color:#F5F5F5; }
.c-section-even		{ background-color:#FEFEFE; }
.c-section-highlight { background-color:#f3fbc8 !important; }
.c-invalid-survey	{ background-color:#e08283; color:#FFFFFF; }
.c-color-red		{ color:#FF0000; }
.c-alert-narrow     { padding:5px !important; margin-bottom: 0px !important; }
.c-search-date-option-links li a  { padding: 6px 6px; }
.c-search-result-cont { font-size:11px; height:350px; max-height: 350px; min-height: 350px; }
.c-col-centered         { float: none; margin: 0 auto; }
.c-search-no-img-div { height:230px;width: 100%;background-color:#F5F5F5; margin-bottom:3px; padding-top: 90px; }
.c-radio-inline     { display: inline-block !important; margin-right: 5px !important; cursor: pointer; }
.c-radio-inline input { cursor: pointer; }
.mapLabelMarker {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.50, #F3F3F3), color-stop(1, #F9F9F9) );
    background:-moz-linear-gradient( center top, #F3F3F3 50%, #F9F9F9 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F3F3', endColorstr='#F9F9F9');background-color:#F3F3F3;
    font-size: 10px; font-weight: bold; text-align: center; border: 1px solid #FF0000; white-space: nowrap; padding:2px; z-index: 1000;
}
.c-marker-color-a5492a{
	border:2px solid #a5492a;
	font-size:12px;
}
.c-marker-color-2a68a5{
	border:2px solid #2a68a5;
	font-size:12px;
}
.c-marker-color-ff0000{
	border:2px solid #ff0000;
	font-size:12px;
}
.c-marker-color-68379A{
	border:2px solid #68379A;
	font-size:12px;
}
.c-red { color: #ff0000; }
.c-green { color: green; }
.c-control-label { padding-top: 0px !important; }
.c-nav > li > a, .c-nav > li > a:active,.c-nav > li > a:hover { padding: 0px !important; color: #FF6400 !important; background: none !imporat; }
.c-dropdown-menu { min-width: 0px !important; }

.c-cell-clickable{ cursor:pointer !important;}
.c-pointer{ cursor:pointer;}

#sidebar-flow{ position:absolute;top:60px;right:0px;z-index:50;width:20px;border: 1px solid #d5d5d5;height: 250px;cursor: pointer;border-radius: 3px 0 0 3px;font-size: 11px;background: #FFFFFF; }

#gradings_filter{position:absolute;top:32px;right:0px;z-index:52;width:auto;margin: 0;background: #FFFFFF;}

.fc-event-time{ display : none; }
.fc-view { overflow: visible !important; }
#calendar .tooltip { z-index: 11112 !important; }
#calendar .tooltip-inner { max-width: 350px !important;width: 250px !important; text-align: left; }

.c-wrapword {
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    white-space: pre-wrap;       /* css-3 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
}

.c-inline-block {display:inline-block !important;}
.c-nomargin-row {margin-left: 0px !important; margin-right: 0px !important;}
.mrg-bottom-5px { margin-bottom:5px; }
.table > thead > tr > th, .table > tbody > tr > th,
.table > tfoot > tr > th, .table > thead > tr > td,
.table > tbody > tr > td, .table > tfoot > tr > td
{
	padding:8px 7px;
    /*vertical-align: middle;*/
}
table.dataTable thead .sorting {
	background-color:#f1f5f7 !important;
}
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc
{
	background-color:#dfe0e1 !important;
}
#dataTable_processing {
	padding:0;
} 
.dataTables_processing { min-width:100px !important;}

th.infonet_checkboxes.infonet_qc {
	display:none !important;
}

.c-background-progress {
	background-color: #E0E1DF; border: 1px solid #cbcbcb; color: #31708f; opacity: 1; transition: opacity 0.15s linear 0s; padding:3px 3px 3px 3px;
}

.c-text-overflow{
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.no-border {
	border:0px !important;
}

/***** tables inner borders only *****/
.c-inner-table{
    border: 0 !important;
	margin: 0;
}

.c-inner-table > tbody > tr > td{
	padding:5px;
}

.c-inner-table > tbody tr:first-child th,
.c-inner-table > tbody tr:first-child td{
    border-top: 0 !important;
}

.c-inner-table > tbody tr:last-child th,
.c-inner-table > tbody tr:last-child td{
    border-bottom: 0 !important;
}

.c-inner-table > tbody tr td:first-child,
.c-inner-table > tbody tr th:first-child {
    border-left: 0 !important;
}

.c-inner-table > tbody tr td:last-child,
.c-inner-table > tbody tr th:last-child {
    border-right: 0 !important;
}

.c-table-padding-0 tbody tr td{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

/**** manage roles permission page *****/
#c-permission_block {
    column-gap: 15px;
    margin: 0px auto;
}

#c-permission_block .c-pages-list{
    -webkit-column-break-inside:avoid;
    page-break-inside:avoid;
    column-break-inside:avoid;
    margin-bottom: 15px;
    padding:8px 15px;
    border: 1px solid #e5e5e5;
    background: #fcfcfc;
    transition: opacity .4s ease-in-out;
}

.c-list-heading{
    border-bottom: 1px solid #e5e5e5;
    font-size: 19px;
    margin-bottom: 5px;
}

.c-editable,
.c-editable:hover{
	text-decoration: none;
	border-bottom: dashed 1px #0088cc;
}

/************ Sevent Equal Columns CSS *******/
@media (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100%;
    *width: 100%;
  }
  .form_filters_section{
    position: relative;
  }
  .form_filters_section .btn-set{
    position: absolute;
    top:4px;
    right:0px;
  }
  .c-btn-positioning{
	  position: absolute;
	  top:-50px;
	  right:0px;
  }
  #c-permission_block {
	-webkit-column-width: 270px;
	-moz-column-width: 270px;
	column-width: 270px;
  }
}


@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }

  .c-md-padding-left-0{
      padding-left : 0px;
  }

  #c-permission_block {
	-webkit-column-width: 300px;
	-moz-column-width: 300px;
	column-width: 300px;
  }
}


@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }

  #c-permission_block {
	-webkit-column-width: 360px;
	-moz-column-width: 360px;
	column-width: 360px;
  }
}

@media (min-width: 1400px) {
	#c-permission_block {
		-webkit-column-width: 420px;
		-moz-column-width: 420px;
		column-width: 420px;
	}
}
/******** END **** Sevent Equal Columns CSS *******/

.c-red-active-link {border-bottom: 4px solid #F3565D !important; font-weight: bold !important;}
.c-search-options {list-style: none outside none !important;}
.c-search-options li {float:left; display:block; margin-right:8px;font-weight:bold;}

#advanced_search_link, #heat_map_link {cursor: pointer;}

#survey_components {
	  border-bottom: 1px solid #44b6ae !important;
	  padding-bottom: 2px !important;
}

#survey_components > li > a {
	  -webkit-border-radius: 5px !important;
  	  -moz-border-radius: 5px !important;
  	  border-radius: 5px !important;
}

#survey_components > .active > a {
	  border-color: #44b6ae !important;
	  background-image: none !important;
	  background-color: #44b6ae !important;
	  color: white !important;
}
/**  papertrial edit list  **/
 .c-paperTrialText{
	background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
    display: block;
    font-size: 11px;
    line-height: 1.42857;
 }
 .c-paperTrialComment{
	/*border-left: 5px solid #eee;*/
	border-radius: 4px;
	border: 1px solid #ccc;
	background-color: #eee;
    font-size: 11px;
    padding: 10px 20px;
 }

/*** Add More Field ***/
 .work-order-field .form-control{
 	width:90%;
	float:left;
	margin-bottom:5px;
 }
 .work-order-field .btn-danger{
 	width:10%;
	float:left;
	margin-bottom:5px;
	padding-top:8px;
	padding-bottom:9px;
 }
 .work-order-field .add-more{
 	width:10%;
	padding-top:8px;
	padding-bottom:9px;
 }
 .jobs-dropdown{
 	min-width:130px;
 }
 #job_received_div .table-scrollable,
 #job_not_received_div .table-scrollable,
 #job_extras_div .table-scrollable,
 #job_cancelled_div .table-scrollable{
 	/* overflow:visible; */
 }
 .form-horizontal .extras_link label{
 	margin-bottom:0px;
 }
 .form-horizontal .extras_link  .radio{
 	min-height:10px;
	padding:0px;
 }
 .form-horizontal .extras_link .radio > span{
 	margin-top:0px;
 }
 .extrasMapping{
    background-color: #e2edfe;
    color: #000;
    display: block;
    padding: 5px;
 }
 .table-striped > tbody > tr.rowLinkExtras td{
	background-color: #e2edfe; 
 }
 .commentRemoved {
    border-left: 5px solid #d84a38;
 }
 .project_work_list_frm .filterCollection label{
	display:block;
	font-size:11px;
	margin-bottom:4px;
 }
 .project_work_list_frm .form-group{
	margin-bottom:8px;
 }
 .formFilterblock{
	margin-bottom:10px;
 }
 
 /* Toggle Styles */

#report-wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#report-wrapper.toggled {
    padding-left: 250px;
}

#reportFilters {
    z-index: 1000;
    position: fixed;
    left: 250px;
    width: 0;
    height: 100%;
    margin-left: -430px;
	margin-top:-12px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#report-wrapper.toggled #reportFilters {
    width: 250px;
	margin-left:-250px;
}
.videoContainer .jwplayer {
	max-height:450px;
}
.dropdown-menu.place-right{
	right:5px;
	left:auto;
}

.videoContainer {
    margin-bottom: -4px;
}
.portlet-title .actions .form-control .select2-choice{
    padding-top:0px;
    height:28px;
}
.btn-group ul.text-left .btn{
    text-align: left;
}
.dropdown-menu.bottom-right{
    left:auto;
    right:0;
}

.c-no-label-margin label{
    margin:0px;
}
tr.folder.opened {
	background-color:#f8f8f8;
}
.form-wizard .steps > li > a.step  { padding:0px; }
@media (max-width: 990px){
    .c-sm-margin-bottom-5{
        margin-bottom:5px;
    }
    .c-sm-clear{
        clear:both;
    }
}
@media (min-width:400px) and (max-width: 768px){
    .c-sm-margin-bottom-5{
        margin-bottom:5px;
    }  
}

.c-video-player-height-1, .imageContainer { height: 230px; min-height:230px; }
.no-image .fa-image{
    line-height:230px;
    font-size:220px;
    color:#fff !important;
}

.invoiceTypeYrData { color:#606060; }
.invoiceTypeYrData span { color:#000; }

@media (min-width:481px){
    .table-scrollable .btn-group .yellow-stripe span{
        min-width: 50px;
        text-align: left;
        display:inline-block;
    }

    .stc25_jobs_received_frm .table-scrollable .btn-group .yellow-stripe span{
        min-width: 67px;
    }
}

/* Portlet Pink */
.portlet > .portlet-body.pink,
.portlet.pink {
    background-color: #FF69B4;
}

.portlet.solid.pink > .portlet-title,
.portlet.solid.pink > .portlet-body {
    border: 0;
    color: white;
}
.portlet.solid.pink > .portlet-title > .caption > i {
    color: white;
}

.portlet.box.pink {
    border: 1px solid #FF69B4;
    border-top: 0;
}
.portlet.box.pink > .portlet-title {
    background-color: #FF69B4;
}
.portlet.box.pink > .portlet-title > .caption {
    color: white;
}
.portlet.box.pink > .portlet-title > .caption > i {
    color: white;
}
.portlet.calendar .fc-button.fc-state-disabled{
    color:#fefefe;
}

.stc25_calendar.portlet.calendar .fc-button,
.stc25_calendar.portlet.calendar .fc-event .fc-event-title{
    font-weight:bold;
}

.well.well-custom {
	background-color: #fafafa;
    border: 1px solid #e0e0e0;
    color: #333333;
	padding:10px;
}

.well .uploadifive-button { position:relative; top:-9px; height:auto !important; }

.bootstrap-filestyle .form-control { height:32px; }
.table .btn-group .btn { margin-right:0px; }

#isSurveyCommencedFields_No .form-group { margin-bottom:0px; }
#isSurveyCommencedFields_No .commencedQuestions .form-group { margin-top:10px;}

.data-row { line-height:25px; }
.data-row .value { font-weight:bold;  }

.suveryAbortedAnswer { 
	background-color: #b7c7c8;
    color: #ffffff;
    font-weight: normal;
    margin-left: 30px;
    padding: 2px 9px;
	box-shadow: 1px 1px 0 #777777;
}

.stc25Thumbnail {border: 1px solid #efefef;
    margin-bottom: 15px;
    min-height: 200px;
    padding: 5px; }

.stc25Thumbnail .thumbnail > img {
	height:125px;
}



@media(max-width:768px) {
	.stc25Thumbnail .thumbnail > img {
		height:250px;
	}
	.stc25Thumbnail {
		min-height:325px;
	}
	.c-xs-padding-0{
		padding:0px;
	}
}

.font-purple { color:#8775a7; }
.bg-purple { background-color:#8775a7; }

.bg-pink-partial { background-color:#ff6666; }
.bg-green-partial { background-color:#35aa47; }
.bg-purple-partial { background-color:#8775a7; }
.bg-orange {
	border-color: #ffb822 !important;
	background-image: none !important;
	background-color: #ffb822 !important;
	color: #FFFFFF !important;
}

.btn-stack > .btn {
	
    
}
.btn-stack > .btn.btn-group {
	margin-bottom:8px;
    padding: 0px;
    
}

.btn-stack > .btn.btn-group > .btn {
    min-width: 130px;
}

.dropdown-menu li > a.bg-purple:hover { background-color:#A997C9; }

#tab_Survey_Photos .mix-grid .mix .mix-details{
    visibility: hidden;
}
#tab_Survey_Photos .mix-grid .mix:hover .mix-details{
    visibility: visible;
}

#tab_Survey_Photos .mix-grid .mix a.mix-link,
#tab_Survey_Photos .mix-grid .mix a.mix-preview {
	display: inline-block;
	position: initial;
}

.c-grey-row td{
    background-color: #666666 !important;
    background-image: none !important;
    border-color: #e5e5e5 !important;
    color: #333333 !important;
}

.c-green-col, .c-status-report .c-green-col{
    background-color: #9bbb59 !important;
}
.c-yellow-col{
    background-color: #faf9cc !important;
}
.c-amber-col, .c-status-report .c-amber-col{
    background-color: #fcd5b4 !important;
}
.c-amber-col-light{
	background-color: #fff2cd !important;
}
.c-red-col, .c-status-report .c-red-col{
    background-color: #fe0200 !important;
}
.c-blue-col{
    background-color: #d9edf7;
}
.c-grey-col{
	background-color: #a6a6a6;
}
.c-red-col-light{
	background-color: #FDE9E9;
}
.c-text-pink{
	color: #fd397a;
}
.c-panel-grid .panel-heading{
	background-color: #f1f5f7;
}

.c-panel-grid .panel-title{
	font-weight: 600;
}

.c-table-borderless{
	margin:0px;
}

.c-table-borderless,
.c-table-borderless tbody tr td,
.c-table-borderless tbody tr th{
	border:0px !important;
	padding: 4px 11px;
}

.c-overlay{
	position: relative;
}

.c-overlay > .c-overlay-section:before {
	position: absolute;
	top: -7px;
	right: 9px;
	display: inline-block !important;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #eee;
	border-left: 7px solid transparent;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	content: '';
}

.c-overlay > .c-overlay-section:after {
	position: absolute;
	top: -6px;
	right: 10px;
	display: inline-block !important;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	border-left: 6px solid transparent;
	content: '';
}

.c-overlay-section {
	position: absolute;
	width: 600px;
	top: calc(100% + 7px);
	right: 0;
	z-index: 100;
	display: none;
	padding:10px;
	margin: 0px;
	background-color: #ffffff;
	box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
	border: 1px solid #efefef;
}

.c-map-grading-filter{
  padding: 5px 7px;
	display: inline-block;
	margin-right: 5px;
	color: #fff;
}

/******* Resumable CSS Starts Here *****/
.c-resumable {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    background: rgba(0,0,0,0.02);
    padding: 1em;
    text-align: center;
    margin:20px auto;
    cursor: pointer;
    border: 3px dashed gray;
    border-radius: 3px !important;
}
.c-resumable.dragover {
    border-color: rgba(0,0,0,0.15);
    background: rgba(0,0,0,0.04);
}
.c-resumable .dz-message {
    background: url("../img/spritemap.png") no-repeat top center;
    width: 100%;
    height: 123px;
}
.c-resumable .c-resumable-text{
    margin: 30px auto 0 auto;
    max-width: 550px;
}
.c-resumable-full{
	box-sizing: border-box;
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 99999;
	background: rgba(0,0,0,0.02);
	border: 5px dashed gray;
}
.c-resumable-full.dragover {
	display: block;
}
.c-progress-sm{
	height: 7px;
	position: absolute;
	bottom: 0px;
	width: 100%;
	margin: 0px;
	z-index: 15;
}
.c-file-progress{
	border:1px solid #ccc;
	background: rgba(0,0,0,0.02);
	position: relative;
}
.c-file-type {
	text-align: center;
	padding: 40px 0;
}
.c-file-icon {
	font-weight: bold;
	font-size: 50px;
	line-height: 60px;
}
.c-filename {
	padding: 8px 5px 12px 5px;
	position: absolute;
	width: 100%;
	bottom: 0px;
	background: rgba(0, 0, 0, 0.4);
	z-index: 10;
	color: #fff;
	text-overflow: ellipsis;
	overflow: hidden;
	max-height:40px;
	white-space: nowrap;
	transition: max-height 0.5s ease-in;
	-moz-transition: max-height 0.5s ease-in;
	-webkit-transition: max-height 0.5s ease-in;

}
.c-file-progress:hover .c-filename{
	white-space: normal;
	height:auto;
	max-height: 150px;
	transition: max-height 1s ease-out;
	-moz-transition: max-height 1s ease-out;
	-webkit-transition: max-height 1s ease-out;

}
.c-delete-file {
	position: absolute;
	top: 2px;
	right: 2px;
	color: #ee2324;
	border:1px solid #ee2324;
	border-radius: 50% !important;
	padding: 2px 5px;
	cursor: pointer;
}
.c-file-success {
	position: absolute;
	top: 2px;
	right: 2px;
	color: #c0e48e;
	border:1px solid #c0e48e;
	border-radius: 50% !important;
	padding: 2px 5px;
	cursor: pointer;
}
.c-file-icon-70 {
	font-size: 70px;
	line-height: 80px;
	color:#ccc;
}
.c-staging-blocks{
	height: 132px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	cursor: pointer;
	overflow: hidden;
}
.c-video-thumbnail, .c-video-block, .c-video-thumbnail .img-responsive{
    width: 100%;
}
.c-play-btn{
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.c-play-btn .fa-play {
	font-size: 24px;
	line-height: 26px;
	opacity: 0.7;
	display: inline-block;
	padding: 8px 20px;
	background: #898585;
	border-radius: 6px;
	color: #fff;
}
.shadow {
	-webkit-box-shadow: 2px 3px 11px -4px rgba(130,128,130,1);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    2px 3px 11px -4px rgba(130,128,130,1);  /* Firefox 3.5 - 3.6 */
	box-shadow:         2px 3px 11px -4px rgba(130,128,130,1);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
    .c-resumable .dz-message {
        background-image: url("../img/spritemap@2x.png");
        -webkit-background-size: 280px 406px;
        -moz-background-size: 280px 406px;
        background-size: 280px 406px;
    }
}

@media(max-width: 767px){
    #tab_Survey_Photos div[id^="photo_frame"]:nth-child(2n+1){
        clear:both;
    }
}

@media(min-width: 768px) and (max-width: 990px){
    #tab_Survey_Photos div[id^="photo_frame"]:nth-child(3n+1){
        clear:both;
    }
}

@media(min-width: 990px){
	.c-asset-detail{
		margin: 0 0 0 -8px;
	}
}

@media(min-width: 990px) and (max-width: 1200px){
    #tab_Survey_Photos div[id^="photo_frame"]:nth-child(4n+1){
        clear:both;
    }
}
@media(min-width: 1200px){
    #tab_Survey_Photos div[id^="photo_frame"]:nth-child(6n+1){
        clear:both;
    }
}

.action_section{
    position:relative;
}
.excludedAnalysis {
    bottom: 0px;
    position: absolute;
    margin: 0 0 0 -7px;
    padding: 5px;
    text-align: center;
    width:100%;
}

.c-disabled-cell { background-color:#ddd; color:#666666; }
.c-locked-user-cell { background-color:#f9e8e8; }

table.last-row-height tr:last-child > td,
table tr.last-row-height > td {
	height: 280px !important; /* action menu was cut off on the last row */
}
table.last-row-height tr:last-child > td.dataTables_empty,
table tr.last-row-height.open > td {
	height: auto;
}

.c-asset-panel-title{
    padding: 17px 15px;
}

.c-asset-panel-min-height{
    min-height: 580px;
}
.search-btn-set > .bootstrap-select.btn-group:not(.input-group-btn){
  margin-bottom: 0 !important;
}
.report-note{
  float: left;
  margin-right: 15px;
}
.report-note > .note.note-info > span {
  text-transform: capitalize;
  font-weight: bold;
}
.report-note > .note{
	padding: 8px 30px 8px 15px !important;
}

/* History Log styling e.g. lam_planning_log */
.c-timeline {
	color: #777;
	font-size: 11px;
	line-height: 18px;
	padding:10px;
}
.c-timeline .c-tm-body {
	padding: 30px 0;
	position: relative;
}
.c-timeline .c-tm-body::after {
	background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%) repeat scroll 0 0;
	content: "";
	display: block;
	height: 100%;
	left: 100px;
	margin-left: -2px;
	opacity: 0.35;
	position: absolute;
	top: 0;
	width: 3px;
	z-index: 0;
}
.c-timeline .c-tm-title {
	background-color: #f0f0f0;
	border-radius: 3px;
	display: inline-block;
	margin: 0 52px !important;
	min-width:100px !important;
	padding:0px 4px;
	position: relative;
	text-align: center;
	z-index: 1;
	border: 1px solid #e3e3e3;
}
.c-timeline .c-tm-items {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
.c-timeline .c-tm-items > li {
	min-height: 35px;
	margin:10px 0;
	padding: 0 0 0 130px;
	position: relative;
	z-index: 1;
}
.c-timeline .c-tm-items > li .c-tm-icon {
	background-color: #ecedf0;
	border: 3px solid #0088cc;
	border-radius: 28px !important;
	color: #0088cc;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	margin-left: -28px;
	position: absolute;
	top: 26px;
	left: 112px;
	height: 31px;
	width: 32px;
	margin-top: -20px;
	padding: 4px;
	z-index: 2;
}
.c-timeline .c-tm-items > li .c-tm-datetime {
	height: 48px;
	left: 0;
	margin-top: -20px;
	position: absolute;
	text-align: right;
	top: 21px;
	width: 80px;
	z-index: 3;
}
.c-timeline .c-tm-items > li .c-tm-datetime .c-tm-datetime-time {
	color: #0088cc;
	font-size: 1.1rem;
	font-weight: 700;
	margin: 0;
	white-space: nowrap;
}
.c-timeline .c-tm-items > li .c-tm-box {
	background: #f5f5f5 none repeat scroll 0 0;
	border: 1px solid #e9e9e9;
	border-radius: 6px;
	padding: 5px 20px;
	position: relative;
}
.c-timeline .c-tm-items > li .c-tm-box::after {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: transparent #f5f5f5 transparent transparent;
	border-image: none;
	border-style: solid;
	border-width: 8px;
	content: " ";
	height: 0;
	margin-top: -8px;
	pointer-events: none;
	position: absolute;
	right: 100%;
	top: 18px;
	width: 0;
	z-index: 2;
}
.c-timeline .c-tm-items > li .c-tm-box .c-tm-meta {
	margin: 10px 0 0;
}
.c-timeline .c-tm-items > li .c-tm-box .c-tm-meta span {
	display: inline-block;
	padding-right: 8px;
}
.c-tm-box p {
	margin: 3px 0;
}
.c-text-primary {
	color: #428bca;
}
.c-assets-circle{
	width: 40px;
	height: 40px;
	padding-top: 11px;
	margin: 8px 0;
	display: inline-block;
}
.c-line-marker-notes{
	display: inline-block;
	width: 30px;
	height: 3px;
	margin-right: 5px;
	position: relative;
	top: -2px;
}
.c-img-marker-notes{
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 5px;
	position: relative;
	top: 3px;
}

.c-pwl-header .popover{
	max-width: 500px;
	z-index: 9999;
}
.c-pwl-header .details td{
	padding: 6px 10px;
}
.c-placeholder-11::placeholder{
	font-size: 11px !important;
}
.c-under-development{
	border:dashed 3px gray;
	border-radius:3px !important;
	padding:150px 30px;
	background-color:#fafafa;
	text-align:center;
	font-size: 32px;
	font-style:italic;
	font-weight:bold;
}
.c-pastel-green{
	background-color: #ecf2e1; /*ecf2e1*/
}
.c-pastel-amber{
	background-color: #fff6e5; /*ffeecb*/
}
.c-pastel-red{
	background-color: #f9e4e4; /*f9e4e4*/
}
div .ri-Report .number{
	padding-top: 6px !important;
}
div.radio span{
	vertical-align: middle;
}
.incident-age{
	overflow: hidden;
}
.incident-age label{
	border-left: 1px solid #FFF;
	float: left;
}
.incident-age label span {
	vertical-align: middle;
}
.c-report-tab-blocks{
	height: 132px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	cursor: pointer;
	overflow: hidden;
}
.c-ri-attachment-tab{
	border: 1px solid #efefef;
}
.c-incident-comment,
.c-attachment-comment{
	height: 51px;
	border: 0px;
	padding: 0px;
	resize: none;
	background: #FFF !important;
}
.c-width-36-per{
	width: 36%;
}
div.c-cross-icon {
	text-align: right;
	padding: 11px 0 10px;
}
div.c-cross-icon i {
	cursor: pointer;
	font-size: 18px;
}
/*div.tabs-left >ul{
	width: 100%;
}*/
.btn.btn-bold {
	font-weight: 600;
}
.col-workType > span.btn.btn-sm {
	font-size: 11px;
	margin: 0;
	cursor: text;
}
.btn.btn-label-success {
	background-color: rgba(10, 187, 135, 0.1);
	color: #0abb87;

}
.btn.btn-label-warning {
	background-color: rgba(255, 184, 34, 0.1);
	color: #ffb822;
}
.btn.btn-label-brand {
	background-color: rgba(93, 120, 255, 0.1);
	color: #5d78ff;
}
/* Dashboard Panels */
.c-activity-log .portlet-title{
	position: sticky;
	top:45px;
	background: #fff;
	z-index: 99;
	overflow: hidden;
}

.c-productivity-graph{
	position: sticky;
	top:60px;
}
.c-hide-portlet-top{
	background: #fff;
	position: sticky;
	z-index: 100;
	top: 43px;
	height: 17px;
	margin: -10px;
	display: none;
}


/* Dashboard Timeline */
.c-dtm-timeline {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
.c-dtm-timeline .c-no-record {
	z-index: 100;
	position: relative;
}
.c-dtm-timeline .timeline-body > .clearfix{
	position: relative;
	min-height: 80px;
}
.c-dtm-timeline .c-dtm-leftbox{
	position: absolute;
	top: 0px;
	bottom: 0px;
	width: 100px;
	overflow: hidden;
	text-align: center;
	background-color: #fbfbfb;
	border-right: 2px solid #f0f0f0;
}
.c-dtm-timeline .c-dtm-rightbox{
	padding:8px;
	width:auto;
	overflow: hidden;
	margin-left:100px;
}
.c-dtm-timeline .c-dtm-logs{
	border: 2px solid #f0f0f0;
}
.c-dtm-timeline .c-dtm-logs .c-dtm-left-content {
	position: relative;
	top: calc(50% - 14px);
}
.c-dtm-timeline .c-dtm-logs .fa-sign-in,
.c-dtm-timeline .c-dtm-logs .fa-sign-out{
	font-size: 24px;
	line-height: 24px;
}
.c-dtm-timeline .c-dtm-valid-survey{
	border: 2px solid #95c478;
}
.c-dtm-timeline .c-dtm-valid-survey .c-dtm-leftbox{
	background-color: #d9ebce;
	border-right: 2px solid #95c478;
	font-size: 20px;
	font-weight: bold;
	color: #2b441d;
}
.c-dtm-timeline .c-dtm-extra-survey{
	border: 2px solid #4b77be;
}
.c-dtm-timeline .c-dtm-extra-survey .c-dtm-leftbox {
	background-color: #eaf2f7;
	border-right: 2px solid #4b77be;
	font-size: 20px;
	font-weight: bold;
	color: #4b77be;
}
.c-dtm-timeline .c-dtm-valid-survey .c-dtm-left-content,
.c-dtm-timeline .c-dtm-extra-survey .c-dtm-left-content{
	position: relative;
	top: calc(50% - 10px);
}

.c-dtm-timeline .c-dtm-invalid-survey{
	border: 2px solid #ffbdbe;
}
.c-dtm-timeline .c-dtm-invalid-survey .c-dtm-leftbox {
	background-color: #ff0002;
	border-right: 2px solid #ffbdbe;
	color: #fff;
}
.c-dtm-timeline .c-dtm-invalid-survey .c-dtm-left-content {
	position: relative;
	top: calc(50% - 30px);
}
.c-dtm-timeline address{
	margin: 0px;
	font-size: 14px;
	font-weight: 600;
	color: #444;
}
.c-dtm-timeline .c-dtm-dark{
	color: #444;
	font-weight: bold;
}
.c-dtm-timeline .c-dtm-light{
	color: #aaa;
}

/*updating timeLine css*/
.c-dtm-timeline:before {
	top: 3px;
	width: 4px;
	background: #eceaea;
	left: 83px;
}

.c-dtm-timeline > li .timeline-time {
	width: 60px;
}
.c-dtm-timeline > li .timeline-time span.time {
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
}
.c-dtm-timeline > li .timeline-body {
	margin: 0 0 0 90px;
	padding: 4px;
	color: #888;
}
.c-dtm-timeline > li .timeline-icon {
	width: 14px;
	height: 14px;
	background: #FFF;
	padding: 0;
	left: 68px;
	margin: 2px 0 0 0;
	border: 3px solid #0D71B1;
	box-shadow: none;
}
.c-dtm-timeline > li .timeline-body:after {
	border: none;
}
.c-dtm-timeline .timeline-body .tooltip-inner {
	max-width: 400px !important;
	min-width: 300px !important;
	text-align: left;
}
.c-img-wrap{
	position: relative;
	overflow: hidden;
	margin: 0;
	width:100%;
	height: 130px;
}
.c-img-wrap img {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	min-height: 100%;
	min-width: 100%;
	transform: translate(-50%, -50%);
    max-height: 100%;
}

/* Slider in Activity Panel*/
.c-carousel{
	background: #fbfbfb;
	/*border: 2px solid #e0e0e0;*/
	border-top:0px;
	margin-top:0px;
}
.c-carousel-control {
	width: 20px;
}
.c-carousel .c-img-wrap{
	height: 80px;
}
.c-carousel-control.left,
.c-carousel-control.right {
	margin:0px;
	background: #888;
	opacity: 0.8;
	width: 14px;
}
.c-carousel-control > a > span {
	color: white;
	font-size: 14px !important;
	display: block;

}
.c-carousel-control .icon-prev, .c-carousel-control .icon-next{
	font-size: 24px !important;
	margin-top: -10px;
}

.c-summary-box{
	float:left;
	font-size: 12px;
	margin-right:12px;
	border:1px solid #f5f5f5;
}
.c-summary-box:last-child{
	margin-right: 0px;
}
.c-label-box{
	display: inline-block;
	padding:4px;
	background: #fafafa;
	width:90px;
}
.c-label-value{
	display: inline-block;
	padding:4px;
	font-weight: bold;
	text-align: center;
	min-width: 50px;
}
.c-summary-scroll{
	font-size: 12px;
	line-height: 14px;
	width: auto;
	overflow: hidden;
	margin-left: 100px;
}
.c-summary-scroll ul li{
	padding:4px;
	border:1px solid #f5f5f5;
	margin-right:4px;
	background: #fafafa;
}
.c-summary-label{
	position: absolute;
	width: 100px;
	padding:3px 0;
}

.c-pwl-highlight-container{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-wrap: wrap;
	justify-content: space-between;
}
.c-pwl-highlight-container .list-group-item{
    -webkit-box-flex: 0 1 calc(33.33% - 10px);      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 0 1 calc(33.33% - 10px);         /* OLD - Firefox 19- */
    -webkit-flex: 0 1 calc(33.33% - 10px);          /* Chrome */
    -ms-flex: 0 1 calc(33.33% - 10px);              /* IE 10 */
    flex: 0 1 calc(33.33% - 10px);  /* NEW, Spec - Opera 12.1, Firefox 20+ */

    width: calc(33.33% - 10px);     /* For old syntax, otherwise collapses. */
	padding-top: 8px;
	padding-bottom: 8px;
}
.c-pwl-highlight-container.c-commercial-container .list-group-item{
	padding-top: 5px;
	padding-bottom: 5px;
}
.c-desilt-container  .list-group-item {
    -webkit-box-flex: 0 1 calc(50% - 10px);      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 0 1 calc(50% - 10px);         /* OLD - Firefox 19- */
    -webkit-flex: 0 1 calc(50% - 10px);          /* Chrome */
    -ms-flex: 0 1 calc(50% - 10px);              /* IE 10 */
    flex: 0 1 calc(50% - 10px);  /* NEW, Spec - Opera 12.1, Firefox 20+ */

    flex: 0 1 calc(50% - 10px);
    width: calc(50% - 10px);
}
.c-pwl-highlight-container .c-bigger-box{
    -webkit-box-flex: 0 1 calc(66.66% - 5px);      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 0 1 calc(66.66% - 5px);         /* OLD - Firefox 19- */
    -webkit-flex: 0 1 calc(66.66% - 5px);          /* Chrome */
    -ms-flex: 0 1 calc(66.66% - 5px);              /* IE 10 */
    flex: 0 1 calc(66.66% - 5px);  /* NEW, Spec - Opera 12.1, Firefox 20+ */

    width: calc(66.66% - 5px);
}

.c-progress-container{
	overflow: hidden;
}

.c-list-item-padding-8 .list-group-item{
	padding-top:8px;
	padding-bottom:8px;
	line-height: 16px;
}
.c-custom-switch-size .bootstrap-switch .bootstrap-switch-handle-on,
.c-custom-switch-size .bootstrap-switch .bootstrap-switch-handle-off,
.c-custom-switch-size .bootstrap-switch .bootstrap-switch-label{
	padding-bottom: 6px;
	padding-top: 6px;
}

/*xs*/
@media (max-width: 767px) {
	.c-dtm-timeline > li{
		margin-bottom: 10px;
	}
	.c-dtm-timeline > li .timeline-time{
		padding:0px;
	}
	.c-dtm-timeline > li .timeline-body{
		margin:0px;
		padding:4px 0px;
	}
    .c-desilt-container  .list-group-item,
    .c-pwl-highlight-container .list-group-item,
    .c-pwl-highlight-container .c-bigger-box
    {
        -webkit-box-flex: 0 1 100%;      /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-flex: 0 1 100%;         /* OLD - Firefox 19- */
        -webkit-flex: 0 1 100%;          /* Chrome */
        -ms-flex: 0 1 100%;              /* IE 10 */
        flex: 0 1 100%;  /* NEW, Spec - Opera 12.1, Firefox 20+ */

        width: 100%;
    }
}
@media (min-width:768px) and (max-width: 990px){
	.c-activity-log .portlet-title {
		top: 0px;
	}
}
@media (min-width: 990px) {
	.c-ml-md-0{
		padding-left:0px;
	}
}
@media (min-width:1190px) and (max-width:1260px){
	.page-header.navbar .hor-menu .navbar-nav > li > a{
		padding: 13px 7px;
	}
}
/*auther ikram
daily log report
*/
.c-large-tooltip .tooltip-inner{
        max-width: 300px !important;
        text-align:left  !important;
}
.c-row-valign-mid{
  vertical-align: middle !important;
}
.c-disabled-checkbox{
	color:#b1b1b1;
	font-size: 17px;
}
.table .c-table-btn{
	margin-right:0px;
	margin-bottom:5px;
}
.c-tooltip-250 .tooltip-inner{
	max-width: 250px !important;
	text-align:left  !important;
}
.c-tooltip-450 .tooltip-inner{
	max-width: 450px !important;
	text-align:left  !important;
}
.c-survey-stats-chart{
	position: relative;
	top: -18px;
}
.c-sticky-left-div{
    position: sticky;
    left:20px;
}
.c-relative{ position: relative; }
.c-absolute{ position: absolute; }
.dsp-crew-container{
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 4px;
	color: #333;
	display: block;
	font-size: 11px;
	line-height: 1.42857;
	margin: 0px 5px 5px 5px;
}
#otherDsps{
	max-height: 200px;
	overflow: auto;
}
.c-checkbox-div{
	width:22px;
	float: left;
}
.c-checkbox-label{
	width: calc(100% - 28px);
	float: left;
}
.dsp-crew-container .col-md-3:nth-child(4n+1) {
	clear: both;
}
.c-full-width{
	width: 100%;
}

.c-checkbox-container{
	max-height: 82px;
}
.formFilterblock label {
	display: block;
}
.c-tab-filter .formFilterblock label strong{
	font-weight: normal;
}
.c-tab-filter .c-checkbox-container{
	max-height: 105px;
}
#tab_Survey_Photos .thumbnail{
	word-break: break-all;
}
.c-map-control{
	background-color: #4b77be;
	color: #fff;
	font:14px Roboto, Arial, sans-serif;
	line-height: 28px;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
	cursor: pointer;
	margin-top: 5px;
	margin-right: 7px;
	text-align: center;
	padding: 0px 17px;
	height: 28px;
}
.c-map-control:hover{
	background-color: #3b64a5;
}
.c-map-progress{
	width: 340px;
	margin-top: 7px;
}
.c-map-progress .c-outline-box{
	width: 165px;
	text-align: center;
	font-size: 14px;
	user-select: none;
	font-weight: normal;
	margin-left:3px;
	display: inline-block;
	background: #fff;
}
.c-map-progress .c-outline-box .c-outline-label{
	padding: 5px 5px 4px 5px;
	display: inline-block;
	width: 69%;
}
.c-map-progress .c-outline-box .c-outline-value{
	display: inline-block;
	padding: 5px 5px 4px 5px;
	font-weight: bold;
	width: 29%;
	float: right;
}
.c-map-progress .c-outline-blue{
	color: #4B77BE !important;
	border: 1px solid #4B77BE;
}
.c-map-progress .c-outline-blue .c-outline-value{
	background-color: rgba(75, 119, 190, 0.2)
}
.c-map-progress .c-outline-orange{
	color: #ffb822 !important;
	border: 1px solid #ffb822;
}
.c-map-progress .c-outline-orange .c-outline-value{
	background-color: rgba(255, 184, 34, 0.2)
}
/*pwl schedule calendar*/
.schedule-calendar-table thead {
	background-color: #E3E3E3;
}
.schedule-calendar-table thead tr th{
	text-align: center;
	height: 10px;
	line-height: 3px;
}
.table.schedule-calendar-table tbody tr th {
	border: 1px solid #D5D2D2;
}
.table.schedule-calendar-table tbody tr td {
	border: 1px solid #a7a7a7;
}
.table.schedule-calendar-table td {border: 1px solid #D0CCCC !important;}
.c-progress-bar-site-complete {
	background-color: #0abb87;
}
.c-progress-bar-access-issue {
	background-color: #e26a6a;
}
#scheduleCalendar .pagination-sm > li > a{
	padding:6px 10px !important;
	color: #333333;
	font-size: 11.5px;
	font-weight: bold;
}
.c-progress-bar-total-jobs {
	background-color: #ffb822;
}
.c-progress-bar-no-job {
	background-color: #fff;
	border: 1px solid #DDDCDC;
}
.c-no-crew-Job-assigned {
	color: #8A8A8A;
}
.c-tooltip-table{
	width: 100%;
}
.c-tooltip-table tr th,.c-tooltip-table tr td{
	padding: 1px 2px;
	border: 1px solid #c1bfbf;
	text-align: center;
}
.c-search-popover,.c-search-popover:hover{
	cursor: pointer;
	text-decoration: underline dotted;
}
.c-calendar-popover{
	position: relative;
}
.c-close-popover{
	position: absolute;
	right: -11px;
	top: -15px;
	cursor: pointer;
}
.irs-diapason {
	background: #1caf9a !important;
}

/* Ion Range Slider */
.c-tab-filter .irs{
	height: 34px;
}
.c-tab-filter .irs-line{
	top: 18px;
}
.c-tab-filter .irs-min, .c-tab-filter .irs-max{
	font-size: 9px;
	line-height: 1.23;
	top: -2px;
}
.c-tab-filter .irs-from, .c-tab-filter .irs-to, .c-tab-filter .irs-single{
	font-size: 9px;
	line-height: 1.233;
	top: -2px;
}
.c-tab-filter .irs-diapason {
	top: 18px;
}
.c-tab-filter .irs-slider {
	height: 21px;
	top: 12px;
}
.c-truncate{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.c-sticky-div {
	position: -webkit-sticky;
	position: sticky;
	top: 46px;
    z-index: 40;
	background-color: #fff;
}
.gm-style .gm-style-iw-d{
    max-height: 300px !important;
}
.gm-style-iw.gm-style-iw-c{
    max-height: 350px !important;
}
.c-batch-list{
	padding: 6px 10px;
	margin-bottom: 10px;
	background-color: #fff;
	border: 1px solid #ddd;
}
.c-table-sm tr td {
	padding: 5px !important;
}
.search-btn-set .btn-group{
	height: 32px;
}
.c-input-help-block{
	font-size: 9px;
	margin: 0px;
	display: block;
	color: #737373;
}
.c-coord-input{
	width: 49%;
	float:left;
}
.c-ribbon-box{
	left: -7px;
	position: absolute;
	top: -8px;
}
.c-ribbon-style{
	border-color: #ffb822 transparent transparent;
	border-style: solid;
	border-width: 12px 12px 0px 0px;
	height: 0px;
	width: 0px;
}