body .wide-modal {width: 900px; margin-left: -450px;}
body .extra-wide-modal {width: 1000px; margin-left: -500px;}
table.modal-table input,
table.modal-table .select2-container {margin-bottom: 5px;}
div.modal-form-section { float: left; clear: none; width: 100%; }
div.modal-form-section label { float: left; clear: both; width: 200px; padding-top: 3px; padding-bottom: 3px; margin-top: 3px;}
div.modal-form-section p,
div.modal-form-section input { float: right; clear: none; padding-top: 3px; padding-bottom: 3px; margin-top: 3px; margin-bottom: 0;}
div.modal-form-section textarea { float: right; clear: none; margin-top: 3px; width: 250px; }
div.modal-form-section div.select2-container { float: right; clear: none; margin-top: 3px; } 
input.ng-valid,select.ng-valid,textarea.ng-valid,div.ng-valid { box-shadow: none !important;}
/* to make popup modal vertical center aligned.*/
.modal {text-align: center;padding: 0!important;}
.modal:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px;}
.modal-dialog {display: inline-block;text-align: left;vertical-align: middle;}
.error-background {background: #DB3B00;color: #fff;}
.error-background .fa {color: #fff;font-size: 40px;margin-top: 20px;margin-bottom: 20px;}
.warning-background {background: #D8D9D6;}
.warning-background .fa {font-size: 40px;margin-top: 20px;margin-bottom: 20px;}
.close-modal {margin: 15px 5px !Important;font-size: 30px;opacity: 1;color: #000;line-height: 11px;}
.close-modal span {font-size: 12px;float: left;text-shadow: none;margin: 2px 5px;}
.round-modal .modal-body {padding: 10px 0 0 0 !important;}
.round-modal.small .modal-body {min-height: 120px;}
.round-modal .modal-content {border-radius: 5px;overflow: hidden;border: 1px solid #ccc;}
.text-uppercase {text-transform: uppercase;}
/* CERTAIN FONTS */
@font-face {font-family: 'certain-fonts-icons';src:  url('../fonts/certain-fonts-icons.eot?8lpe6y');src:  url('../fonts/certain-fonts-icons.eot?8lpe6y#iefix') format('embedded-opentype'),url('../fonts/certain-fonts-icons.ttf?8lpe6y') format('truetype'),url('../fonts/certain-fonts-icons.woff?8lpe6y') format('woff'),url('../fonts/certain-fonts-icons.svg?8lpe6y#certain-fonts-icons') format('svg');font-weight: normal;font-style: normal;}[class^="cfi-"], [class*=" cfi-"] {/* use !important to prevent issues with browser extensions that change fonts */font-family: 'certain-fonts-icons' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;/* Better Font Rendering =========== */-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .cfi-grid:before {content: "\e900";}.cfi-eye:before {
  content: "\e901";
}
.uploadBox {
     width: 100%;
     height: 200px;
     padding-top: 30px;
     border-radius: 10px;
     text-align: center;
     border: 2px dashed #ddd;
     background: #fff;
     font-size: 18px;
     font-weight: bold;
     color: #ddd;
 }
 .import_modal_header {
     padding: 10px 15px;
 }
 .import_modal_body {
     padding: 5px 15px;
     border-bottom: 1px solid #EDEDED;
     max-height: 70vh;
     overflow-y: auto;
 }
 .importSuccess {
     border: 1px dashed #00A85D;
     padding: 25px;
 }
 .importDefaultHeader {
     background-color: #dbd9d6 !important;
 }
 .tLeft {
     text-align: left;
 }

.grabbable {
   cursor: move; /* fallback if grab cursor is unsupported */
   cursor: grab;
   cursor: -moz-grab;
   cursor: -webkit-grab;
}

/* (Optional) Apply a "closed-hand" cursor during drag operation. */
.grabbable:active { 
   cursor: grabbing;
   cursor: -moz-grabbing;
   cursor: -webkit-grabbing;
}
.truncate {
 width: 120px;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
[draggable] {
 -moz-user-select: none;
 -khtml-user-select: none;
 -webkit-user-select: none;
 user-select: none;
}
#unschedule-instance-list {
   padding:0px 10px;
   margin-top: 50px;
   position: absolute;
   left:calc(100% - 235px);
   width:235px;
}
.unScheduleInstanceList-view {
   height: 35px;
   text-align: center;
   background-color: #e0e0e0;
   color: #2fb36d;
   font-weight: bold;
   cursor: pointer;
}
.unScheduleInstanceList-icon {
   float: left;
   margin-left: 0;
   width: 40px;
}
.unScheduleInstanceList-content {
   cursor: pointer;
   float: right;
   width: calc(100% - 40px);
   text-align: left;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   display: block;
   cursor: pointer;
   margin-top: 8px;
}
.over-drag {
   list-style: none;padding:0;
   margin:0;height: 580px !important;
}
.drag-item {
   background-color: rgb(245, 245, 245)
}
.badge-style {
   background-color: #2fb36d;
   margin-top: -17px;
}
#instance-list-panel {
   padding:0px 10px;
   margin-top: 47px;
   position: absolute;
   left:calc(100% - 77px);
   width:47px;
   display: none;
   height: 580px !important;
   background-color: #aaa;
   color: #fff;
   cursor: pointer;
}
.close-text {
     font-size: 14px !important;
}
.close-cross {
     font-size: 22px !important;
     color: #9B9B9B;
     line-height: 0;
}
.help-pointer{
  cursor : help;
}
.textGreen {
    color: #2fb36d;
}
.ml130{
   margin-left: 130px;
}
.upArrow {
   min-height: 20px;
   padding-top: 5px;
   padding-bottom: 5px;
   cursor: pointer;
}

.downArrow {
   height: 20px;
   cursor: pointer;
   padding-top: 5px;
   padding-bottom: 5px;
}

.scrollForms {
	height: auto;
	max-height: 360px;
	overflow: hidden;
}
.lh40 {
   line-height: 40px;
}
.strength-meter-progress {
     height: 0px;
     margin-top: 0px;
     display: none;
}

.strength-meter-progress-bar {
     width: 0%; 
     background-color: rgb(238, 17, 51);
}