/* START BASIC CSS */
html { height:100%; margin:0; padding:0; }
body { margin:0; padding:0; height:100%; font-family:'Open Sans'; font-weight:normal; font-size:14px; color:#393939; background-color: #ECF0F1; }
.tbl { display:table; content:''; clear:both; width:100%; }
.align-right { text-align:right !important; }
.align-center { text-align:center !important; }
.valign-middle { vertical-align: middle !important; }
.valign-top { vertical-align: top !important; }
.fa-pad-left { margin-left:8px !important;}
.fa-pad-right { margin-right:8px !important;}
.fa-pad-left-sm { margin-left:4px !important;}
.fa-pad-right-sm { margin-right:4px !important;}
.pad-all { padding:20px;}
.no-right { padding-right: 0px !important; }
.no-left { padding-left: 0px !important; }
.no-bottom { padding-bottom: 0px !important; }
.no-all { padding-right: 0px !important; padding-left: 0px !important; }
.all-margin { margin: 15px !important; }
.top-margin { margin-top:15px !important;}
.right-margin { margin-right:65px !important;}
.no-both { margin-left: 0px !important; margin-right: 0px !important;}
.itals { font-style:italic;}
.no-resize { resize: none !important; }
.label-title { font-weight: 300 !important; padding:4px 6px !important; float:right;}
.page-btns {position:absolute !important; right:20px !important; top:117px !important}
#function-modal .modal-dialog, #feature-modal .modal-dialog, #login-modal .modal-dialog { width:400px;}
.pull-btns { position: absolute; right:75px; top:6px;}
.pull-btns .btn { padding: 3px 6px 4px 6px !important; font-size:11px !important; margin-left:5px; }
.app-debug { display:none !important; margin-top:30px !important;}
.debug .app-debug { display:block !important; margin-top:30px !important;}
.check-label { color: #777 !important;}
.panel-toggle { color:#CCC !important; background:none !important; width:100% !important; font-size:12px !important; padding:10px 0px !important; text-align: center !important; font-weight:300 !important; position: relative; top:-20px; margin-bottom:25px;}
.panel-toggle:hover { color:#FFF !important;}
.modal { position:fixed; top:50px; z-index:999999 !important;}
/*.modal-backdrop { z-index:999999 !important; }*/
.tbl.generate { padding:50px;}
.main .head .fa.fa-user { margin-right:8px;}
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.trim-info {
  max-width: 70px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 15px;
  position: relative;
}
.modal-body .form-alert { top:0px !important; margin-bottom:15px !important;}
.tbl.generate button { padding:20px 40px; font-size:28px;}
.table thead td { background-color: #f0f2f1; border-bottom:1px solid #DDD !important;}
code { border-radius: 2px; }
.bg-default { background-color: #FFFFFF !important;}
.bg-primary { background-color: #1E8BC3 !important;}
.bg-success { background-color: #00B16A !important;}
.bg-info { background-color: #81CFE0 !important;}
.bg-warning { background-color: #F4B350 !important;}
.bg-danger { background-color: #D24D57 !important;}
.bg-soft { background-color: #9B59B6 !important;}
.bg-dark { background-color: #858987 !important;}
.bg-pink { background-color: #D2527F !important; }
.bg-asphalt { background-color: #67809F !important; }
.wdgt-form .form-group { margin-bottom:30px !important;}
input.ng-valid, textarea.ng-valid, select.ng-valid, div.ui-select-container.ng-valid { border-color:#00B16A !important;}
input.no-valid-border { border: 1px solid #D4D6D5 !important; }
.cost-label { font-weight:300 !important; margin-left:15px; font-size:13px;}
.tree-label { font-weight:300 !important;  font-size:13px;}
.tree-cost { margin:5px 0px !important; }
.table-height-sm tbody > tr > td {line-height:21px !important;}
.company-name { font-weight:400; font-size:16px;}
.text-default, .text-default:before, .text-default:after { color: #FFFFFF !important;}
.text-primary, .text-primary:before, .text-primary:after { color: #1E8BC3 !important;}
.text-success, .text-success:before, .text-success:after { color: #00B16A !important;}
.text-info, .text-info:before, .text-info:after { color: #81CFE0 !important;}
.text-warning, .text-warning:before, .text-warning:after { color: #F4B350 !important;}
.text-danger, .text-danger:before, .text-danger:after { color: #D24D57 !important;}
.text-soft, .text-soft:before, .text-soft:after { color: #9B59B6 !important;}
.text-dark, .text-dark:before, .text-dark:after { color: #858987 !important;}
.text-pink, .text-pink:before, .text-pink:after { color: #D2527F !important; }
.btn-xxs { font-size:10px; padding:0px 4px 1px 4px; margin-right:6px;}
.icon-list > div { height:30px; line-height: 30px; }
.icon-list > div:hover { background:#f0f2f1; }
.icon-list > div > i  { margin-right:10px; }
#map-canvas {width:100%;height:100px;}
.tbl-padded-temp { padding-bottom:20px !important; text-align: center !important; }

/* END BASIC CSS */

/* START BASIC CSS */
.main { width:100%; height:100%; padding:0; margin:0; }
.head { width:100%; height:50px; background: rgba(52, 73, 94, 1.0); color:#FFF; font-weight:300; position:absolute; top:0; z-index:1000; }
.head .logo { line-height: 50px; padding-left:10px; }

.head .logo-cloudgenera > .logo-icon { height:40px; margin-right:5px;}
.head .logo-cloudgenera > .logo-text { height:19px;}
.head .logo-cloudgenera { position:relative; }
.head .logo-blue > .logo-other { width:270px; height:81px; position:relative; top:-16px;}

.head-link { color:#DDD !important; padding-left: 20px; text-decoration: none; position: relative;top:1px;}
.head-link:hover { color:#CCC !important; text-decoration: none;}
.icn-link { position:relative; top:1px !important; cursor: pointer !important;}
.body { height:100%; position:absolute; top:0; }
.body > .left { width:250px; height:100%; display:table-cell; padding-top: 50px; background-color: #4E81A3; vertical-align: top; overflow-y:scroll;}
.body > .wzrd { width:90px; height:100%;  display:table-cell; padding-top: 90px; background-color: #848C93; vertical-align: top; }
.body > .right { display:table-cell; padding: 50px 5px 30px 5px;  vertical-align: top; }
.body > .right.right-map { padding: 50px 0px 0px 0px !important;}
.head .btns { line-height:46px; margin-right:20px; }
.head .btns > button { margin-left:10px;}
.head .btn-group { position: relative;top:-1px;}


.body > .wzrd > .step {
    display:block; width:90px; position:relative;  height:80px !important; line-height: 80px; text-align: center; color: rgba(255,255,255,0.43); cursor: pointer; font-size:36px;
    border-bottom:1px solid #747C83;
    border-top:1px solid #949CA3;
}
.body > .wzrd > .step:last-child { box-shadow: inset 0 -1px 0px #747C83; border-bottom:1px solid #949CA3; }
.body > .wzrd > .step.active {color:#FFF;  }
.body > .wzrd > .step:hover { color:#FFF !important; }
.body > .wzrd > .step.active:after {
    top: 34px; right: 0px; position: absolute;
    border-right: 10px solid #f0f2f1;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    content: ''; z-index:9999;
}
.head .btns .pipe { display:inline-block; width:1px; height:30px; line-height:30px; background:rgba(255,255,255,0.1); margin:0px 15px 0px 15px; position:relative; top:10px; }
.head .btns .locations { float:left;}
.head .btns a > img{ border:0px; height:34px; filter: alpha(opacity=85); opacity: 0.85; }
.head .btns a .fa { margin-right:7px; font-size:14px; position: relative;top: }
.head .btns a.text-link{ color:#ecf0f1; text-decoration:none !important; padding:0px 16px 0px 15px; margin-left:-4px; display:block; text-align:center; font-size:13px; line-height:50px; }
.head .btns a.text-link.active { color:#ecf0f1 !important; background:rgba(0,0,0,0.25) !important; text-decoration: none; }
.head .btns .locations:hover a.text-link {  background:none !important; }
.head .btns .locations:hover a.text-link:hover { color:#ecf0f1 !important; background:rgba(0,0,0,0.25) !important; text-decoration: none; }
.head .btns .dropdown-menu { box-shadow: 0px 1px 2px rgba(20,20,20,0.25) !important; border-radius:0px !important; border:0px !important; background:rgba(240, 240, 240, 0.95) !important; position:absolute; top:46px; }
.head .btns .dropdown-menu:after { position: absolute;top: -6px;right: 8px;display: inline-block;border-right: 6px solid transparent;border-bottom: 6px solid rgba(240, 240, 240, 0.95);border-left: 6px solid transparent;content: '';}
.head .btns .dropdown-menu li a { font-size:14px;  }
.head .btns .dropdown-menu li a:hover {font-size:14px;  }
.head .btns a.icn-link { box-shadow:none !important; -webkit-box-shadow: none !important; color:#ecf0f1; text-decoration: none !important; position:relative; top:2px; }
.head .btns a.icn-link .badge { font-weight:100 !important;position:absolute; top:-7px; left:10px; font-size:8px; background:#3498db !important; color:#ecf0f1; padding:3px 3px 3px 3px;  margin:0;}
.head .btns .dropdown-menu.notify {padding:0px !important; width:240px; background:none !important;}
.head .btns .dropdown-menu.notify:after { position: absolute;top: -6px;right: 8px;display: inline-block;border-right: 6px solid transparent;border-bottom: 6px solid #222222 !important;border-left: 6px solid transparent;content: '';}
.head .btns .dropdown-menu.notify .heading { text-align:center;background:#222222; font-family: 'Open Sans';  color:#ecf0f1; padding:0px 15px; line-height: 40px !important; }
.head .btns .dropdown-menu.notify .heading .fa { float:left; position:relative; top:14px;}
.head .btns .dropdown-menu.notify .heading .badge { float:right; font-weight:100 !important;position:relative; top:12px; right:0px; font-size:10px; background:#3498db !important; color:#ecf0f1; padding:3px 4px 3px 3px;  }
.head .btns .dropdown-menu.notify .type {display:table-cell; color:#ecf0f1; line-height:40px; width:40px; text-align:center; border-bottom:1px solid rbga(0,0,0,0.2);}
.head .btns .dropdown-menu.notify .desc { overflow:hidden !important; display:table-cell;color:#8E8E8E; line-height:40px; padding:0px 15px; font-size:12px !important; background:rgba(255,255,255,0.98) !important;}
.head .btns .dropdown-menu.notify .desc a { font-size:12px !important; }
.head .btns .dropdown-menu.notify .type, .head .btns .dropdown-menu.notify .desc { border-bottom:1px solid rgba(0,0,0,0.1) !important; }
.head .btns .dropdown-menu.notify .tbl:last-child .type, .head .btns .dropdown-menu.notify .tbl:last-child .desc:last-child { border-bottom:0px solid rgba(0,0,0,0.1) !important; }
/* RESIZING */
.left.left-medium { width:44px !important; overflow:hidden !important; }
.left.left-medium .panel-group { width:44px !important; overflow:hidden !important; }
.left.left-medium .user-holder { width:44px !important; overflow:hidden !important; }
/* END BASIC CSS */

/* START LEFT PANEL */
.filter-tree { position:relative; }
.filter-tree > input { border:0px !important; height:40px !important; padding:6px 12px 6px 32px; }
.filter-tree:before {
    top: 12px; left: 8px; position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 16px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f002"; z-index:9999;
    color:#858987;
}
.left .panel-group .panel { border:0 !important; margin:0; background: none; box-shadow: none !important; border-radius: 0px !important;}
.left .panel-heading, .left .panel-body { border:0 !important; margin:0; padding:0; background: none; box-shadow: none !important; border-radius: 0px !important; }
.left .panel-heading a, .left .panel-body a { cursor:pointer; font-size: 14px; color:#DADFE1; text-decoration:none; font-weight:normal; display:block; width:250px; padding:10px; line-height:20px; position:relative; }
.left .panel-heading a:hover, .left .panel-body a:hover { color:#FFF; font-weight:normal;}

.left .panel-heading a > .fa, .left .panel-body a > .fa { margin-right:10px; width:24px; font-size:14px; text-align:center; position:relative; top:1px; }

.left .panel-heading a > .fa-tasks, .left .panel-body a > .fa-tasks { margin-right:10px; width:24px; font-size:14px; text-align:center; position:relative; top:1px; }
.left .panel-heading a > .fa-plus-square, .left .panel-heading a > .fa-edit { margin-right:9px; width:23px; font-size:14px; text-align:center; position:relative; top:1px; }
.left .panel-heading a > .fa-copy, .left .panel-body a > .fa-copy { margin-right:10px; width:24px; font-size:14px; text-align:center; position:relative; top:1px; }


.left .panel-heading a > .fa-file-o, .left .panel-body a > .fa-file-o { margin-right:10px; width:24px; font-size:14px; text-align:center; }
.left .panel-heading a > .fa-hdd-o, .left .panel-body a > .fa-hdd-o { margin-right:10px; width:24px; font-size:14px; text-align:center; }
.left .panel-heading a > .fa-database, .left .panel-body a > .fa-database { margin-right:10px; width:24px; font-size:14px; text-align:center; }
.left .panel-heading a > .fa-globe, .left .panel-body a > .fa-globe { margin-right:10px; width:24px; font-size:14px; text-align:center; }
.left .panel-heading a > .fa-tags, .left .panel-body a > .fa-tags { margin-right:10px; width:24px; font-size:14px; text-align:center; }
.left .panel-heading a > .fa-cloud, .left .panel-body a > .fa-cloud { margin-right:10px; width:24px; font-size:14px; text-align:center; }

.fa-tree-angle-up:before {
  content: "\f103";
}

#templates .panel-heading a > .fa-tree-angle-up, #templates .panel-body a > .fa-tree-angle-up {
    margin-right:0px; width:20px; font-size:14px; text-align:center; float:right;line-height:20px; content: "\f102";
    position:absolute; top:12px; right:10px;
}
#templates .panel-heading a.collapsed .fa-tree-angle-up:before { content: "\f102"; }

.left .panel-heading a > .fa-angle-double-up, .left .panel-body a > .fa-angle-double-up {
    margin-right:0px; width:20px; font-size:14px; text-align:center; float:right;line-height:20px; content: "\f103";
    position:absolute; top:12px; right:10px;
}
.left .panel-heading a.collapsed .fa-angle-double-up:before { content: "\f103"; }

.left .panel-heading a > .fa-angle-up, .left .panel-body a > .fa-angle-up { margin-right:0px; width:20px; font-size:12px; text-align:center; float:right;line-height:20px; content: "\f1037"; }
.left .panel-heading a.collapsed .fa-angle-up:before { content: "\f107"; }

.left .panel-line {
    width:15px; height:1px;
    border-top: 1px dotted rgba(255,255,255,0.3);
    z-index:9999;content: '';
    display: inline-block;
    position:relative; left:-9px; top:-5px;
}
.left .panel-heading a.active, .left .panel-body a.active { color:#FFF; }

.left .panel-heading a.active:after, .left .panel-body a.active:after{
    top: 12px; right: 0px; position: absolute;
    border-right: 10px solid #f0f2f1;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    content: ''; z-index:9999;
}
#accordion > .panel > .panel-collapse, #templates > .panel > .panel-collapse { position:relative; }
#accordion > .panel > .panel-collapse:after, #templates > .panel > .panel-collapse:after{
    top: 0px !important; left: 20px; position: absolute !important;
    width:1px !important; height:100% !important;
    display:block !important; border-left: 1px dotted rgba(255,255,255,0.3) !important;
    z-index:1 !important;content: '' !important;
}

/*
::-webkit-scrollbar {
    width: 0 !important;
    -webkit-appearance: none;
}
*/

#templates { position:fixed; bottom:0; margin-bottom:0;}
#templates .panel-body > a:first-child { border-top:0px !important;}

.left .panel-body a { background-color:#5e91b3; font-size:13px; font-weight:300; padding-left: 30px; }
.left .panel-body a:hover { font-size:13px; font-weight:300; }

.left .tree-green { background:#47A669 !important; border-top:0px !important;}
.left .tree-green:hover { background:#4B996B !important; border-top:0px !important;}
/* END LEFT PANEL */

.form-actions { border-top:1px solid #DDD; width:100%; background:#f8f8f8; padding:15px;}

/* BUTTONS */
.btn { border: 0px solid transparent; border-radius: 0px; box-shadow: none; outline:transparent !important; }
.btn-default { color: #666666;background-color: #FFFFFF;}
.btn-primary { color: #FFFFFF;background-color: #1E8BC3;}
.btn-success { color: #FFFFFF;background-color: #00B16A;}
.btn-info { color: #FFFFFF;background-color: #81CFE0;}
.btn-warning { color: #FFFFFF;background-color: #F4B350;}
.btn-danger { color: #FFFFFF;background-color: #D24D57;}
.btn-soft { color: #FFFFFF;background-color: #9B59B6;}
.btn-dark { color: #FFFFFF;background-color: #858987;}
.btn-asphalt { color: #FFFFFF;background-color: #67809F;}
.btn-light { color: #FFFFFF;background-color: #A5A9A7;}
/* BUTTONS */

/* NEW BUTTONS */
.btn-dark {color: #ffffff;background-color: #858987;}
.btn-dark:hover,.btn-dark:focus,.btn-dark:active,.btn-dark.active,.open .dropdown-toggle.btn-dark {color: #ffffff;background-color: #757977;}
.btn-dark:active,.btn-dark.active,.open .dropdown-toggle.btn-dark {background-image: none;background-color: #858987;}
.btn-dark.disabled,.btn-dark[disabled],fieldset[disabled] .btn-dark,.btn-dark.disabled:hover,.btn-dark[disabled]:hover,
fieldset[disabled] .btn-dark:hover,.btn-dark.disabled:focus,.fieldset[disabled] .btn-dark:focus,.btn-dark.disabled:active,
.btn-dark[disabled]:active,fieldset[disabled] .btn-dark:active,.btn-dark.disabled.active,.btn-dark[disabled].active,
fieldset[disabled] .btn-dark.active { background-color: #858987;}
.btn-dark .badge {color: #858987;background-color: #fff;}

.btn-asphalt {color: #ffffff;background-color: #67809F;}
.btn-asphalt:hover,.btn-asphalt:focus,.btn-asphalt:active,.btn-asphalt.active,.open .dropdown-toggle.btn-asphalt {color: #ffffff;background-color: #57708F;}
.btn-asphalt:active,.btn-asphalt.active,.open .dropdown-toggle.btn-asphalt {background-image: none;background-color: #67809F;}
.btn-asphalt.disabled,.btn-asphalt[disabled],fieldset[disabled] .btn-asphalt,.btn-asphalt.disabled:hover,.btn-asphalt[disabled]:hover,
fieldset[disabled] .btn-asphalt:hover,.btn-asphalt.disabled:focus,.fieldset[disabled] .btn-asphalt:focus,.btn-asphalt.disabled:active,
.btn-asphalt[disabled]:active,fieldset[disabled] .btn-asphalt:active,.btn-asphalt.disabled.active,.btn-asphalt[disabled].active,
fieldset[disabled] .btn-asphalt.active { background-color: #67809F;}
.btn-asphalt .badge {color: #67809F;background-color: #fff;}

.btn-light {color: #808281;background-color: #D5D9D7;}
.btn-light:hover,.btn-light:focus,.btn-light:active,.btn-light.active,.open .dropdown-toggle.btn-light {color: #707271;background-color: #C5C9C7;}
.btn-light:active,.btn-light.active,.open .dropdown-toggle.btn-light {background-image: none;background-color: #D5D9D7;}
.btn-light.disabled,.btn-light[disabled],fieldset[disabled] .btn-light,.btn-light.disabled:hover,.btn-light[disabled]:hover,
fieldset[disabled] .btn-light:hover,.btn-light.disabled:focus,.fieldset[disabled] .btn-light:focus,.btn-light.disabled:active,
.btn-light[disabled]:active,fieldset[disabled] .btn-light:active,.btn-light.disabled.active,.btn-light[disabled].active,
fieldset[disabled] .btn-light.active { background-color: #D5D9D7;}
.btn-light .badge {color: #D5D9D7;background-color: #fff;}

.btn-soft {color: #ffffff;background-color: #9B59B6;}
.btn-soft:hover,.btn-soft:focus,.btn-soft:active,.btn-soft.active,.open .dropdown-toggle.btn-soft {color: #ffffff;background-color: #8B49c6;}
.btn-soft:active,.btn-soft.active,.open .dropdown-toggle.btn-soft {background-image: none;background-color: #9B59B6;}
.btn-soft.disabled,.btn-soft[disabled],fieldset[disabled] .btn-soft,.btn-soft.disabled:hover,.btn-soft[disabled]:hover,
fieldset[disabled] .btn-soft:hover,.btn-soft.disabled:focus,.fieldset[disabled] .btn-soft:focus,.btn-soft.disabled:active,
.btn-soft[disabled]:active,fieldset[disabled] .btn-soft:active,.btn-soft.disabled.active,.btn-soft[disabled].active,
fieldset[disabled] .btn-soft.active { background-color: #9B59B6;}
.btn-soft .badge {color: #9B59B6;background-color: #fff;}

/* END NEW BUTTONS */

/* START BREADCRUMBS */
.crumbs { margin-right: -5px; margin-left: -6px;}
.crumbs .breadcrumb { background: #DADFE1;color:#66686A; height:40px; line-height:40px; padding:0px; padding-left:15px; margin:0px; font-size:12px; border-radius:0px; }
.crumbs .breadcrumb.crumb-wzrd {  position:relative; left:-90px;   }
.crumbs li a { height:40px; padding:0px 0px; margin:0;  }
.crumbs li.active { color:#66686A; }
.crumbs li .icon { margin-right:6px; position:relative; top:2px; }
.crumbs li .fa { margin-right:6px; }
/* END BREADCRUMBS */

/* START HEADERS & PARAGRAPHS */
.title { font-family:'Open Sans'; font-weight:300; color:#66686A; margin:30px 0px 0px 0px; }
.title-underline { border-bottom:1px solid #E0E2E1; }
.title small { margin-left:10px; font-weight:300;}
.title > .fa { margin-right:10px;}
/* END HEADERS & PARAGRAPHS */

/* MORRIS (DO NOT TOUCH) */
.morris-hover{position:absolute;z-index:1000;}
.morris-hover.morris-default-style{border-radius:0px;padding:6px;color:#FFF;background:rgba(0,0,0,0.85);box-shadow: none; border:0px;font-family:sans-serif;font-size:13px;text-align:center;}
.morris-hover.morris-default-style .morris-hover-row-label{font-weight:300;margin:0.25em 0;}
.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0;}
/* END MORRIS */

/* START WDGTS */
.wdgt { margin-top:30px; }
.wdgt-title { font-size:14px; font-weight:500; border-bottom:1px dotted #ddd; padding:0px 0px 5px 0px; margin:0px 0px 15px 0px; color:#767877;}
.wdgt.wdgt-full { width:100%; height:100%; position:fixed; z-index:99999; top:0; left:0; margin:0; padding:0; overflow: auto;}
.wdgt-header{ padding:10px 10px; color:#66686A; font-size:14px; background: #DADFE1;position: relative; line-height:14px; }
.wdgt-header > .fa, .wdgt-header > .icon { margin-right:8px; }

.wdgt-header > .wdgt-btn { position:relative; top:-2px; right:65px; }

.wdgt-content { padding: 15px; font-size:13px; background: #FFF; color: #666;}
.wdgt-footer { padding: 20px 30px; font-size:13px; background: #f9fBfa; color: #666; text-align:right; border-top:1px solid #f0f2f1;}
.wdgt-footer > .btn { margin-left:10px;}
.wdgt-table { padding: 0px; background: #FFF; font-size:13px;  }
.wdgt-table table { margin:0; }
.wdgt-alert { background: rgba(0,0,0,0.8); color: rgba(255,255,255,0.9); padding:10px; font-size:12px; }
.wdgt-header .wbtns { position: absolute; top: 0; right: 0; -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none; }
.wdgt-header .wbtns .fa { height:33px; width:33px; text-align: center; line-height: 33px; cursor: pointer; border-left: 1px dotted rgba(30,30,30,0.15)}
.wdgt-header .wbtns .fa-chevron-up, .wdgt-header .wbtns .fa-chevron-down, .wdgt-header .wbtns .fa-times { font-size: 11px; position:relative; top:0px;}

.wdgt-header .wbtns .fa-edit { font-size: 12px; position:relative; top:0px; }

.wdgt-header .wbtns .fa:hover { background-color: #CDCFCE; }

.wdgt-header.bg-default .wbtns .fa:hover { background-color: #757977; }
.wdgt-header.bg-primary .wbtns .fa:hover { background-color: #0E7BB3; }
.wdgt-header.bg-info .wbtns .fa:hover { background-color: #71bFd0; }
.wdgt-header.bg-success .wbtns .fa:hover { background-color: #00a15A; }
.wdgt-header.bg-warning .wbtns .fa:hover { background-color: #e4a340; }
.wdgt-header.bg-danger .wbtns .fa:hover { background-color: #c23D47; }
.wdgt-header.bg-soft .wbtns .fa:hover { background-color: #8B49c6; }
.wdgt-header.bg-dark .wbtns .fa:hover { background-color: #757977; }
.wdgt-header.bg-pink .wbtns .fa:hover { background-color: #c2426F; }

.ui-sortable-placeholder { border: 1px dotted #CCC; visibility: visible !important; margin-left:15px; margin-right: 15px; height: 100px; background:rgba(230, 230, 230, 0.25) !important; box-shadow:none !important;}
.ui-sortable-placeholder * { visibility: hidden; }

/* Commented out as widgets are not currently draggable */
/* .wdgt-header { cursor:move; } */
.wdgt-header { cursor:auto; }

.wdgt.not-draggable > .wdgt-header { cursor:auto; }
.wdgt.wdgt-map { position:absolute; right:30px; top:90px; width:250px; margin-top:0px; }


/* END WDGTS */

/* START NOTES */
.note { color:#666 !important; background:#FFF; display:block; margin:25px 0px 0px 0px;border-left:5px solid transparent; padding:10px; font-size:12px; }
.note > .note-header { font-family:'Open Sans' !important; margin:0px 0px 5px 0px !important; padding:0px !important; }
.note-margin { margin-top:5px !important; }
.note-default { border-color: #999; }
.note-default > .note-header { color: #999; }
.note-primary { border-color: #1E8BC3; }
.note-primary > .note-header { color: #1E8BC3; }
.note-success  { border-color: #00B16A;  }
.note-success > .note-header { color: #00B16A; }
.note-info { border-color: #81CFE0; }
.note-info > .note-header { color: #81CFE0; }
.note-warning  { border-color: #F4B350; }
.note-warning > .note-header { color: #F4B350; }
.note-danger { border-color: #D24D57; }
.note-danger > .note-header { color: #D24D57; }
.note-dark { border-color: #858987; }
.note-dark > .note-header { color: #858987; }
.note-soft  { border-color: #9B59B6; }
.note-soft > .note-header { color: #9B59B6; }
.note-pink  { border-color: #D2527F; }
.note-pink > .note-header { color: #D2527F; }
.note-asphalt  { border-color: #67809F; }
.note-asphalt > .note-header { color: #67809F; }
/* END NOTES */

/* START MODALS */
.modal-header button { position:relative; top:3px; right: 5px;}
.modal,.modal-header, .modal-footer, .modal-content { border-radius:0px !important;  }
.modal-footer { padding: 9px 10px 10px 10px; }
.modal-header { padding: 10px; }
.modal-header h4 { font-family:'Open Sans' !important; font-weight:300 !important; font-size:15px !important; font-weight:300; }
.modal-body label { color:#777 !important; }
/* END MODALS */

/* START CALENDAR */
.fc > .fc-toolbar { margin-bottom:0;}
.fc > .fc-toolbar > .fc-left > h2 { height:50px; line-height:50px; padding-left: 15px; font-size:18px; font-weight: 400; }
.fc > .fc-toolbar > .fc-right { padding:12px 15px 13px 15px;  }
.fc .fc-widget-header { background: #f9f9f9 !important;}
.fc .fc-widget-header, .fc .fc-widget-content { border-left:0px !important; border-right:0px !important; border-bottom:0px !important;}
.fc tr > .fc-day { border-right: 1px solid #DDD !important;}
.event-default { color:#666666 !important; background:#F0F0F0 !important; border:0px !important; padding: 4px 5px !important; border-radius:0px !important; }
.event-primary { color:#FFFFFF !important; background:#5C9BD1 !important; border:0px !important; padding: 4px 5px !important; border-radius:0px !important; }
.event-warning { color:#FFFFFF !important; background:#F2B866 !important; border:0px !important; padding: 4px 5px !important; border-radius:0px !important; }
.event-danger { color:#FFFFFF !important; background:#DE6B67 !important; border:0px !important; padding: 4px 5px !important; border-radius:0px !important; }
.event-success { color:#FFFFFF !important; background:#72C272 !important; border:0px !important; padding: 4px 5px !important; border-radius:0px !important; }
.event-info { color:#FFFFFF !important; background:#72C9E3 !important; border:0px !important; padding: 4px 5px !important; border-radius:0px !important; }
.event-dark { color:#FFFFFF !important; background:#666666 !important; border:0px !important; padding: 4px 5px !important; border-radius:0px !important; }
.event-soft { color:#FFFFFF !important; background:#8d79b7 !important; border:0px !important; padding: 4px 5px !important; border-radius:0px !important; }
.fc-event-container > .event-default { color:#666666 !important; background:#F0F0F0 !important; border:0px !important; padding: 4px 5px !important; border-radius:0px !important; }
.fc-event-container > .event-primary { color:#FFFFFF !important; background:#5C9BD1 !important; border:0px !important; padding: 4px 5px !important; border-radius:0px !important; }
.fc-event-container > .event-warning { color:#FFFFFF !important; background:#F2B866 !important; border:0px !important; padding: 4px 5px !important; border-radius:0px !important; }
.fc-event-container > .event-danger { color:#FFFFFF !important; background:#DE6B67 !important; border:0px !important; padding: 4px 5px !important; border-radius:0px !important; }
.fc-event-container > .event-success { color:#FFFFFF !important; background:#72C272 !important; border:0px !important; padding: 4px 5px !important; border-radius:0px !important; }
.fc-event-container > .event-info { color:#FFFFFF !important; background:#72C9E3 !important; border:0px !important; padding: 4px 5px !important; border-radius:0px !important; }
.fc-event-container > .event-dark { color:#FFFFFF !important; background:#666666 !important; border:0px !important; padding: 4px 5px !important; border-radius:0px !important; }
.fc-event-container > .event-soft { color:#FFFFFF !important; background:#8d79b7 !important; border:0px !important; padding: 4px 5px !important; border-radius:0px !important; }
/* END CALENDAR */


/* START PAGINATION */
.pagination {border-radius: 0px;}
.pagination > li:first-child > a,
.pagination > li:first-child > span {border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span {border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
/* END PAGINATION */


/* START TOOLTIPS */
.tooltip { position:fixed !important;}
.tooltip-inner { border-radius: 0px; padding: 5px 8px; }
.tooltip-primary .tooltip-inner { background:#0E7BB3 !important; }
.tooltip-primary.top .tooltip-arrow { border-top-color:#0E7BB3 !important;}
.tooltip-primary.bottom .tooltip-arrow { border-bottom-color:#0E7BB3 !important;}
.tooltip-primary.left .tooltip-arrow { border-left-color:#0E7BB3 !important;}
.tooltip-primary.right .tooltip-arrow { border-right-color:#0E7BB3 !important;}
.tooltip-info .tooltip-inner { background:#71bFd0 !important; }
.tooltip-info.top .tooltip-arrow { border-top-color:#71bFd0 !important;}
.tooltip-info.bottom .tooltip-arrow { border-bottom-color:#71bFd0 !important;}
.tooltip-info.left .tooltip-arrow { border-left-color:#71bFd0 !important;}
.tooltip-info.right .tooltip-arrow { border-right-color:#71bFd0 !important;}
.tooltip-success .tooltip-inner { background:#00a15A !important; }
.tooltip-success.top .tooltip-arrow { border-top-color:#00a15A !important;}
.tooltip-success.bottom .tooltip-arrow { border-bottom-color:#00a15A !important;}
.tooltip-success.left .tooltip-arrow { border-left-color:#00a15A !important;}
.tooltip-success.right .tooltip-arrow { border-right-color:#00a15A !important;}
.tooltip-warning .tooltip-inner { background:#e4a340 !important; }
.tooltip-warning.top .tooltip-arrow { border-top-color:#e4a340 !important;}
.tooltip-warning.bottom .tooltip-arrow { border-bottom-color:#e4a340 !important;}
.tooltip-warning.left .tooltip-arrow { border-left-color:#e4a340 !important;}
.tooltip-warning.right .tooltip-arrow { border-right-color:#e4a340 !important;}
.tooltip-danger .tooltip-inner { background:#c23D47 !important; }
.tooltip-danger.top .tooltip-arrow { border-top-color:#c23D47 !important;}
.tooltip-danger.bottom .tooltip-arrow { border-bottom-color:#c23D47 !important;}
.tooltip-danger.left .tooltip-arrow { border-left-color:#c23D47 !important;}
.tooltip-danger.right .tooltip-arrow { border-right-color:#c23D47 !important;}
.tooltip-dark .tooltip-inner { background:#757977 !important; }
.tooltip-dark.top .tooltip-arrow { border-top-color:#757977 !important;}
.tooltip-dark.bottom .tooltip-arrow { border-bottom-color:#757977 !important;}
.tooltip-dark.left .tooltip-arrow { border-left-color:#757977 !important;}
.tooltip-dark.right .tooltip-arrow { border-right-color:#757977 !important;}
.tooltip-soft .tooltip-inner { background:#8B49c6 !important; }
.tooltip-soft.top .tooltip-arrow { border-top-color:#8B49c6 !important;}
.tooltip-soft.bottom .tooltip-arrow { border-bottom-color:#8B49c6 !important;}
.tooltip-soft.left .tooltip-arrow { border-left-color:#8B49c6 !important;}
.tooltip-soft.right .tooltip-arrow { border-right-color:#8B49c6 !important;}
.tooltip-pink .tooltip-inner { background:#c2426F !important; }
.tooltip-pink.top .tooltip-arrow { border-top-color:#c2426F !important;}
.tooltip-pink.bottom .tooltip-arrow { border-bottom-color:#c2426F !important;}
.tooltip-pink.left .tooltip-arrow { border-left-color:#c2426F !important;}
.tooltip-pink.right .tooltip-arrow { border-right-color:#c2426F !important;}
/* END TOOLTIPS */



/* START RATINGS */
.rating{unicode-bidi:bidi-override;direction:rtl;font-size:20px; display:block; width:100%; text-align:left !important; margin-top:5px; margin-bottom:5px;}
.rating span {font-weight:normal;font-style:normal;display:inline-block; height:24px !important;}
.rating span.fa { font-family:FontAwesome !important; }
.rating span.icon { font-family:'Icons' !important; }
.rating span:hover{cursor:pointer}
.rating span:before{margin-right:0px;color:#999}
.rating span:hover:before,.rating span:hover~span:before{color:#e3cf7a}
.rating span.selected:before,.rating span.selected~span:before{color:#e3cf7a}
.rating-primary span:hover:before,.rating-primary span:hover~span:before{color:#5C9BD1 !important;}
.rating-primary span.selected:before,.rating-primary span.selected~span:before{color:#5C9BD1 !important;}
.rating-success span:hover:before,.rating-success span:hover~span:before{color:#72C272 !important;}
.rating-success span.selected:before,.rating-success span.selected~span:before{color:#72C272 !important;}
.rating-info span:hover:before,.rating-info span:hover~span:before{color:#72C9E3 !important;}
.rating-info span.selected:before,.rating-info span.selected~span:before{color:#72C9E3 !important;}
.rating-warning span:hover:before,.rating-warning span:hover~span:before{color:#F2B866 !important;}
.rating-warning span.selected:before,.rating-warning span.selected~span:before{color:#F2B866 !important;}
.rating-danger span:hover:before,.rating-danger span:hover~span:before{color:#DE6B67 !important;}
.rating-danger span.selected:before,.rating-danger span.selected~span:before{color:#DE6B67 !important;}
.rating-dark span:hover:before,.rating-dark span:hover~span:before{color:#666666 !important;}
.rating-dark span.selected:before,.rating-dark span.selected~span:before{color:#666666 !important;}
.rating-soft span:hover:before,.rating-soft span:hover~span:before{color:#8d79b7 !important;}
.rating-soft span.selected:before,.rating-soft span.selected~span:before{color:#8d79b7 !important;}
/* END RATINGS */


/* START BANNERS */
.banner {
    display: inline-block;
    height:34px;
    line-height:34px;
    padding: 0px 16px;
    font-size:14px;
    font-weight: normal;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    position:relative;
}

.banner.in-left { padding-left:20px !important; }
.banner.in-right { padding-right:20px !important; }
.banner.out-left { padding-left:12px !important; margin-left:9px; }
.banner.out-right { padding-right:12px !important; margin-right:9px; }

.banner.in-left::after  {
    position: absolute; content: '';
    top: 0px; left: 0px;
    border-left: 8px solid #FFF;
    border-bottom: 17px solid transparent;
    border-top: 17px solid transparent;
}
.banner.out-left::after  {
    position: absolute; content: '';
    top: 0px; left: -8px;
    border-right:8px solid transparent;
    border-bottom: 17px solid transparent;
    border-top: 17px solid transparent;
}
.banner.in-right::before  {
    position: absolute; content: '';
    top: 0px; right: 0px;
    border-right: 8px solid #FFF;
    border-bottom: 17px solid transparent;
    border-top: 17px solid transparent;
}
.banner.out-right::before  {
    position: absolute; content: '';
    top: 0px; right: -8px;
    border-left:8px solid transparent;
    border-bottom: 17px solid transparent;
    border-top: 17px solid transparent;
}

.banner.banner-lg { height:42px; line-height:42px; padding: 0px 24px; font-size:16px; }
.banner-lg.in-left { padding-left:30px !important; }
.banner-lg.in-right { padding-right:30px !important; }
.banner-lg.out-left { padding-left:18px !important; margin-left:9px; }
.banner-lg.out-right { padding-right:18px !important; margin-right:9px; }
.banner-lg.in-left::after  { border-left: 12px solid #FFF;border-bottom: 21px solid transparent;border-top: 21px solid transparent;}
.banner-lg.out-left::after  {left: -12px;border-right:12px solid transparent;border-bottom: 21px solid transparent;border-top: 21px solid transparent;}
.banner-lg.in-right::before   { border-right: 12px solid #FFF;border-bottom: 21px solid transparent;border-top: 21px solid transparent;}
.banner-lg.out-right::before  { right: -12px; border-left:12px solid transparent; border-bottom: 21px solid transparent; border-top: 21px solid transparent; }

.banner.banner-md { height:28px; line-height:28px; padding: 0px 12px; font-size:12px; }
.banner-md.in-left { padding-left:16px !important; }
.banner-md.in-right { padding-right:16px !important; }
.banner-md.out-left { padding-left:10px !important; margin-left:9px; }
.banner-md.out-right { padding-right:10px !important; margin-right:9px; }
.banner-md.in-left::after  { border-left: 6px solid #FFF;border-bottom: 14px solid transparent;border-top: 14px solid transparent;}
.banner-md.out-left::after  {left: -6px;border-right:6px solid transparent;border-bottom: 14px solid transparent;border-top: 14px solid transparent;}
.banner-md.in-right::before   { border-right: 6px solid #FFF;border-bottom: 14px solid transparent;border-top: 14px solid transparent;}
.banner-md.out-right::before  { right: -6px; border-left:6px solid transparent; border-bottom: 14px solid transparent; border-top: 14px solid transparent; }

.banner.banner-sm { height:24px; line-height:24px; padding: 0px 8px; font-size:11px; }
.banner-sm.in-left { padding-left:13px !important; }
.banner-sm.in-right { padding-right:13px !important; }
.banner-sm.out-left { padding-left:8px !important; margin-left:9px; }
.banner-sm.out-right { padding-right:8px !important; margin-right:9px; }
.banner-sm.in-left::after  { border-left: 5px solid #FFF;border-bottom: 12px solid transparent;border-top: 12px solid transparent;}
.banner-sm.out-left::after  {left: -5px;border-right:5px solid transparent;border-bottom: 12px solid transparent;border-top: 12px solid transparent;}
.banner-sm.in-right::before   { border-right: 5px solid #FFF;border-bottom: 12px solid transparent;border-top: 12px solid transparent;}
.banner-sm.out-right::before  { right: -5px; border-left:5px solid transparent; border-bottom: 12px solid transparent; border-top: 12px solid transparent; }

.banner.banner-xs { height:18px; line-height:18px; padding: 0px 4px; font-size:10px; }
.banner-xs.in-left { padding-left:10px !important; }
.banner-xs.in-right { padding-right:10px !important; }
.banner-xs.out-left { padding-left:6px !important; margin-left:9px; }
.banner-xs.out-right { padding-right:6px !important; margin-right:9px; }
.banner-xs.in-left::after  { border-left: 4px solid #FFF;border-bottom: 9px solid transparent;border-top: 9px solid transparent;}
.banner-xs.out-left::after  {left: -4px;border-right:4px solid transparent;border-bottom: 9px solid transparent;border-top: 9px solid transparent;}
.banner-xs.in-right::before   { border-right: 4px solid #FFF;border-bottom: 9px solid transparent;border-top: 9px solid transparent;}
.banner-xs.out-right::before  { right: -4px; border-left:4px solid transparent; border-bottom: 9px solid transparent; border-top: 9px solid transparent; }

.banner-default { background-color: #F0F0F0; color:#666; }
.banner-primary { background-color: #5C9BD1; }
.banner-success { background-color: #72C272;  }
.banner-info { background-color: #72C9E3; }
.banner-warning { background-color: #F2B866; }
.banner-danger { background-color: #DE6B67; }
.banner-dark { background-color: #666666; }
.banner-soft { background-color: #8d79b7; }

.banner-default.out-right::before, .banner-default.out-left::after {  border-left-color: #F0F0F0 !important; border-right-color: #F0F0F0 !important; }
.banner-primary.out-right::before, .banner-primary.out-left::after {  border-left-color: #5C9BD1 !important; border-right-color: #5C9BD1 !important; }
.banner-success.out-right::before, .banner-success.out-left::after {  border-left-color: #72C272 !important; border-right-color: #72C272 !important;  }
.banner-info.out-right::before, .banner-info.out-left::after {  border-left-color: #72C9E3 !important; border-right-color: #72C9E3 !important; }
.banner-warning.out-right::before, .banner-warning.out-left::after {  border-left-color: #F2B866 !important; border-right-color: #F2B866 !important; }
.banner-danger.out-right::before, .banner-danger.out-left::after {  border-left-color: #DE6B67 !important; border-right-color: #DE6B67 !important; }
.banner-dark.out-right::before, .banner-dark.out-left::after {  border-left-color: #666666 !important; border-right-color: #666666 !important; }
.banner-soft.out-right::before, .banner-soft.out-left::after {  border-left-color: #8d79b7 !important; border-right-color: #8d79b7 !important; }

/* END BANNERS */


/* START FORMS */
.form-control {
  color: #666;
  background-color: rgba(255, 255, 255, 1.0);
  border: 1px solid #D4D6D5;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    border-radius:0px !important;
    font-size:13px !important;
    font-weight:400;
}
.form-header {width:200px; height:20px !important; position:relative; top:-10px;}
.form-header input {height:28px !important;}
.form-header .input-group-addon { padding:6px 6px !important;}
.control-label { font-size: 13px; font-weight:500;}
.control-label.no-top { padding-top:2px !important;}
.check-boxes { padding:0px 20px; }
.check-label { margin-left:10px; position: relative; top:2px;}
.form-horizontal input[type=file] {
margin-top:7px;
}
.ui-select-multiple {height:auto !important;}
select.form-control { -webkit-appearance: none; -webkit-border-radius: 0px; cursor:pointer; }
.styled-select { position:relative; }
.styled-select:before {
    display: table; position: absolute; right:10px; top:15px;
    font: normal normal normal 12px/1 FontAwesome;
    content: "\f0d7"; z-index:100;
    color:#b4b6b5;
}
.styled-select:after {
    display: table; position: absolute; right:10px; top:8px;
    font: normal normal normal 12px/1 FontAwesome;
    content: "\f0d8"; z-index:100;
    color:#b4b6b5;
}
.spectrum-holder { display:block; clear:both; height:34px; }
.yes-bottom { margin-bottom: 15px !important; }
.yes-top { margin-bottom: 15px !important; }
.yes-bottom-lg { padding-bottom: 30px !important; }
.yes-top-lg { padding-top: 30px !important; }
.form-border { border: 1px solid;}
.form-default { border-color: #D4D6D5 !important;}
.form-primary { border-color: #1E8BC3 !important; }
.form-success  { border-color: #00B16A !important;  }
.form-info  { border-color: #81CFE0 !important; }
.form-warning  { border-color: #F4B350 !important; }
.form-danger  { border-color: #D24D57 !important; }
.form-dark  { border-color: #858987 !important; }
.form-soft { border-color: #9B59B6 !important; }
.form-pink { border-color: #D2527F !important; }
.input-group-addon { border-radius: 0px !important; border:0px !important; background: #D4D6D5; }
.input-group-addon.form-border-left { border: 1px solid #D4D6D5 !important; color:#868887; border-right: 1px dotted #D4D6D5 !important; background: none;}
.form-control.form-border-left { border-left: 0px !important;}
.input-group-addon.form-border-right { border: 1px solid #D4D6D5 !important; color:#868887; border-left: 1px dotted #D4D6D5 !important; background: none;}
.form-control.form-border-right { border-right: 0px !important;}
.form-control:focus { border: 1px solid #D4D6D5; webkit-box-shadow: none !important;box-shadow: none !important; }
.focus-default:focus  { border: 1px solid #D4D6D5 !important; webkit-box-shadow: none !important;box-shadow: none !important; }
.focus-primary:focus  { border: 1px solid #1E8BC3 !important; webkit-box-shadow: none !important;box-shadow: none !important; }
.focus-success:focus  { border: 1px solid #00B16A !important; webkit-box-shadow: none !important;box-shadow: none !important; }
.focus-info:focus  { border: 1px solid #81CFE0 !important; webkit-box-shadow: none !important;box-shadow: none !important; }
.focus-warning:focus  { border: 1px solid #F4B350 !important; webkit-box-shadow: none !important;box-shadow: none !important; }
.focus-danger:focus  { border: 1px solid #D24D57 !important; webkit-box-shadow: none !important;box-shadow: none !important; }
.focus-dark:focus  { border: 1px solid #858987 !important; webkit-box-shadow: none !important;box-shadow: none !important; }
.focus-soft:focus  { border: 1px solid #9B59B6 !important; webkit-box-shadow: none !important;box-shadow: none !important; }
.focus-pink:focus  { border: 1px solid #D2527F !important; webkit-box-shadow: none !important;box-shadow: none !important; }
/* We have text-success if we want to turn the color green
.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline, .has-success .checkbox-inline { color: #00B16A; }
*/
.has-success .form-control { border-color: #00B16A; }
.has-success .form-control:focus { border-color: #00B16A; }
.has-success .input-group-addon { border-color: #00B16A !important; }
.has-success .form-control-feedback { color: #00B16A; }
.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline, .has-warning .checkbox-inline { color: #F4B350; }
.has-warning .form-control { border-color: #F4B350; }
.has-warning .form-control:focus { border-color: #F4B350; }
.has-warning .input-group-addon { color: #F4B350; background-color: #dff0d8; border-color: #F4B350; }
.has-warning .form-control-feedback { color: #F4B350; }
.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline, .has-error .checkbox-inline { color: #D24D57; }
.has-error .form-control { border-color: #D24D57; }
.has-error .form-control:focus { border-color: #D24D57; }
.has-error .input-group-addon { color: #D24D57; background-color: #dff0d8; border-color: #D24D57; }
.has-error .form-control-feedback { color: #D24D57; }
/* END FORMS */


/* START TREE */
.tree ul { padding-top: 20px;position: relative; }
.tree li { float: left;text-align: center;list-style-type: none;position: relative;padding: 20px 5px 0 5px;}
.tree li::before,.tree li::after { content: '';position: absolute;top: 0;right: 50%;border-top: 1px solid #ccc;width: 50%;height: 20px; }
.tree li::after { right: auto;left: 50%;border-left: 1px solid #ccc; }
.tree li:only-child::after,.tree li:only-child::before { display: none; }
.tree li:only-child { padding-top: 0; }
.tree li:first-child::before,.tree li:last-child::after { border: 0 none; }
.tree li:last-child::before { border-right: 1px solid #ccc;border-radius: 0 3px 0 0;-webkit-border-radius: 0 3px 0 0;-moz-border-radius: 0 3px 0 0; }
.tree li:first-child::after { border-radius: 3px 0 0 0;-webkit-border-radius: 3px 0 0 0;-moz-border-radius: 3px 0 0 0; }
.tree ul ul::before { content: '';position: absolute;top: 0;left: 50%;border-left: 1px solid #ccc;width: 0;height: 20px; }
.tree li a { background: #DADFE1; padding:10px 10px;text-decoration: none;color: #65686A;font-size: 14px;display: inline-block;}
.tree li a:hover,.tree li a:hover+ul li a { background: #BDC3C7;color: #000; }
.tree li a:hover+ul li::after,.tree li a:hover+ul li::before,.tree li a:hover+ul::before,.tree li a:hover+ul ul::before { border-color: #94a0b4; }
.tree a { position:relative; text-align: center !important;}
.tree a.prnt {padding: 5px 24px 5px 10px; text-align: left !important;}
.tree a.prnt:before{
    top: 7px; right: 9px; position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 12px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0d7"; z-index:9999;
    color:#666;
}
.tree a.prnt.closed:before{
    top: 6px; right: 9px; position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 12px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0d8"; z-index:9999;
    color:#666;
}
.tree a .cost { display:block; color:#00B16A;}
/* END TREE */


/* START LABELS */
.label-default { background-color: #D4D6D5; color:#555; }
.label-default[href]:hover, .label-soft[href]:focus { background-color: #D4D6D5; }
.label-primary { background-color: #1E8BC3; }
.label-primary[href]:hover, .label-dark[href]:focus { background-color: #1E8BC3; }
.label-success { background-color: #00B16A;  }
.label-success[href]:hover, .label-burnt[href]:focus { background-color: #00B16A; }
.label-info { background-color: #81CFE0; }
.label-info[href]:hover, .label-soft[href]:focus { background-color: #81CFE0; }
.label-warning { background-color: #F4B350; }
.label-warning[href]:hover, .label-dark[href]:focus { background-color: #F4B350; }
.label-danger { background-color: #D24D57; }
.label-danger[href]:hover, .label-burnt[href]:focus { background-color: #D24D57; }
.label-dark { background-color: #858987; }
.label-dark[href]:hover, .label-burnt[href]:focus { background-color: #858987; }
.label-soft { background-color: #9B59B6; }
.label-soft[href]:hover, .label-burnt[href]:focus { background-color: #9B59B6; }
.label-pink { background-color: #D2527F; }
.label-pink[href]:hover, .label-burnt[href]:focus { background-color: #D2527F; }
/* END LABELS */


/* START EXPAND */
.expand, .expand > .btn { z-index:9999 !important;  }
.expand.tree-open { position:fixed; left:250px;  bottom:50px;}
.expand.tree-closed { position:fixed; left:0px; z-index:9999; bottom:50px;}
.expand.tree-open .fa:before { content: "\f100" !important; }
.expand.tree-closed .fa:before { content: "\f101" !important; }
.expand > .btn { background: #69727B; color:#B3b6b4; padding:9px 8px 9px 6px !important;}
.bot-margin { margin-bottom:15px !important;}
.expand > .btn:hover { background: #4F5861; color:#B3b6b4; padding:9px 8px 9px 6px !important;}
/* END EXPAND */


/* START APP DESIGN */
.modal-table tr.saver > td { padding:0px !important;}
.modal-table tr.saver > td .form-control { border:0px !important; height:29px !important; font-size: 12px !important; font-weight:300;}
.modal-table tr.saver > td .input-group-addon.form-border-left { border-left:0px !important;border-top:0px !important;border-bottom:0px !important;}
.modal-table tr.saver > td .input-group-addon.form-border-right { border-right:0px !important;border-top:0px !important;border-bottom:0px !important;}

.flot-tick-label { font-size:16px; font-weight:bold; color:#666; }
.modal-table .btn-xs { font-size:10px !important; }
.modal-table .my-width { width:140px !important;}
.modal-table .other-width { width:300px !important;}
.modal-table .closer { width:33px !important;}
.modal-table tbody, .modal-table thead { font-size:12px !important; }
.modal-table thead .label { position: relative; left:8px; top:-1px; font-weight:300 !important;}
.modal-table tbody { font-weight: 300 !important;  color:#777;}
.modal-table thead th { background:#f2f4f6; border-bottom:1px solid #ddd !important; color:#656667;}
.modal-wide .modal-dialog { width:800px !important;}
.modal-widest .modal-dialog { width:1000px !important;}
.modal-widest .modal-table .my-width { width:100px !important;}
.modal-widest select { -webkit-appearance: menulist !important; -webkit-border-radius: 0px; cursor:pointer; }
.modal-tabs {position:relative;}
.modal-tabs > ul { width:100%; display:block; position: absolute; padding:0; right:10px; top:-30px; }
.modal-tabs > ul > li { float: right;text-align: center;list-style-type: none;position: relative;padding: 0; margin:0; outline:none !important; }
.modal-tabs > ul > li a { display:block; background:rgba(255,255,255,0.2); color:#FFF; height:30px; font-size:12px; line-height:30px; padding:0px 10px; margin-left:5px; text-decoration:none; outline:none !important; }
.modal-tabs > ul > li a:hover { text-decoration: none; background:#FFF; color:#75787A; outline:none !important; }
.modal-tabs > ul > li.ui-state-active > a { text-decoration: none; background:#FFF; color:#75787A; outline:none !important; }
.tbl-nodes .wdgt-title, .modal-body .wdgt-title { font-weight:400;}
.tbl-padded { padding:0px 0px 10px 0px; margin-right:-15px;}
.tbl-padded-full { padding:0px 0px 40px 0px; margin-right:-15px;}
.tbl-padded-half { padding:0px 0px 20px 0px; margin-right:-15px;}
ul.node-list { width:100%; display:block; position: relative; text-align: left; padding:0;}
ul.node-list > li { float: left;text-align: center;list-style-type: none;position: relative;padding: 0; margin:10px 0px 10px 20px; width:75px;}
ul.node-list > li > .node-icon { color:#ddd !important; font-size:42px !important; height:60px; width:70px; background:#414F69 !important; padding:0px 0px 5px 0px;}
ul.node-list > li > .node-icon a { color:#ddd !important;}
ul.node-list > li > .node-icon img { width:50px;}
ul.node-list > li > .node-name { font-size:12px; font-weight:300;}
ul.node-list > li > .label { font-size:11px; font-weight:300; position: absolute; top:-5px; right:-5px;}
/* END APP DESIGN */


/* START FIXED */
.fixed > .head { position:fixed !important; z-index:2000;}
.fixed > .body > .left { position:fixed !important; z-index:1000; }
.fixed > .body > .wzrd { position:fixed !important; left:250px !important; z-index:1000;}
.fixed > .body > .right { padding-left: 345px !important;}

.wzrd-hide > .body > .wzrd { width:0px !important; overflow: hidden !important; }
.wzrd-hide > .body > .right { padding-left: 255px !important; }

.tree-hide > .body > .left { width:0px !important; overflow: hidden !important; }
.tree-hide > .body > .wzrd { left:0px !important; z-index:1000;}

.wzrd-hide.tree-hide > .body > .right { padding-left:5px !important; }
.wzrd-show.tree-hide > .body > .right { padding-left:90px !important; }
.wzrd-hide.tree-show > .body > .right { padding-left:255px !important; }
.wzrd-show.tree-show > .body > .right { padding-left:345px !important; }
input.ng-no-style { border-color: #D4D6D5 !important;}
/* END FIXED */


/* START ALERTS */
.form-alert { border:0px !important; border-radius:0px !important; margin:0 !important; position:relative; top:15px;}
.form-alert .fa { font-size:20px; position: relative;top:2px; margin-right:10px;}
.form-alert strong { margin-right:4px;}
.alert-danger { background-color: #D86670 !important; color:rgba(255,255,255,0.8) !important;}
.list-error { padding-left:40px;}
.error-list > .list-error:first-child { margin-top:10px;}
.error-list > .list-error:last-child { margin-bottom:5px;}
/* END ALERTS */

/* ANGULAR-UI-SELECT */

/* Shrink the X and center it vertically */
.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
  font-size: 16px;
  line-height: 1;
  margin:1px 2px 0px 1px;
}

/* Size the multi-select input and give multi-select proper margin */
.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
  margin-top: 2px;
  margin-bottom: 6px;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match .ui-select-match-item { margin:2px 2px; background:#FFFFFF; border:1px solid #DDD; color: #858786; }
.select-default .ui-select-match .ui-select-match-item { background:#FFFFFF !important; border:1px solid #DDD !important; color: #858786 !important; }
.select-primary .ui-select-match .ui-select-match-item { background:#1E8BC3 !important; color: rgba(255,255,255,0.9) !important; border:0px !important; }
.select-success .ui-select-match .ui-select-match-item { background:#00B16A !important; color: rgba(255,255,255,0.9) !important; border:0px !important;}
.select-info .ui-select-match .ui-select-match-item { background:#81CFE0 !important; color: rgba(255,255,255,0.9) !important; border:0px !important;}
.select-warning .ui-select-match .ui-select-match-item { background:#F4B350 !important; color: rgba(255,255,255,0.9) !important; border:0px !important;}
.select-danger .ui-select-match .ui-select-match-item { background:#D24D57 !important; color: rgba(255,255,255,0.9) !important; border:0px !important;}
.select-soft .ui-select-match .ui-select-match-item { background:#9B59B6 !important; color: rgba(255,255,255,0.9) !important; border:0px !important;}
.select-dark .ui-select-match .ui-select-match-item { background:#858987 !important; color: rgba(255,255,255,0.9) !important; border:0px !important;}
.select-pink .ui-select-match .ui-select-match-item { background:#D2527F !important; color: rgba(255,255,255,0.9) !important; border:0px !important;}
/* END ANGULAR-UI-SELECT */

/* ANGULAR-UI-SLIDER */
div.ui-slider-horizontal { position: relative; margin: 20px 55px 30px; border: 1px solid #DDD; height: 7px; background: #E5E7E9; }
.ui-slider .ui-slider-handle { position: absolute; width: 20px; height: 20px; background-color: #1E8BC3; margin-left: -10px; top: -7px; border-radius: 100%; cursor: pointer }
/* END ANGULAR-UI-SLIDER */

/* START CUSTOM STYLES */

iframe.twitter-timeline { width: 100% !important; }

/* Styles for table lists */
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}

tr:hover.table-row-hover-on { background-color: #c7deeb; }
tr.table-row-hover-off, tr:hover.table-row-hover-off { background-color: #f2f2f2 !important; }

.table-row-details {
  line-height: 25px;
  margin: 10px 10px 10px 10px;
}

/* Make sure all links use the pointer icon on hover */
a { cursor:pointer; }

pre.text-wrap {
  overflow-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-wrap: break-word;

  /* text wrapping specific to <pre> elements */
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
}
p.preserve-whitespace {
  overflow-wrap: break-word;
  word-break: keep-all !important;
  word-wrap: break-word !important;

  white-space: pre-line;
  white-space: pre-wrap;       /* css-3 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
}
.text-wrap {
  overflow-wrap: break-word;
  word-break: keep-all !important;
  word-wrap: break-word !important;
}
.text-hardwrap {
  word-break: break-all !important;
  word-wrap: break-word !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.truncate {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.modal-textarea {
  resize: none;
  overflow: auto;
}

/* Truncate long text in Breadcrumb links */
.breadcrumb li {
  max-width: 250px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* END CUSTOM STYLES */