@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&lang=en");
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@import url('lib/bootstrap.min.css');
@import url('lib/metisMenu.min.css');
@import url('lib/sb-admin-2.min.css');
@import url('lib/jquery-ui.min.css');
@import url('lib/jquery-ui.theme.css');
@import url('lib/ui.jqgrid.min.css');
@import url('lib/font-awesome.min.css');
@import url('lib/summernote.css');
@import url('lib/bootstrap-tokenfield.css');
@import url('lib/iosOverlay.css');
@import url('lib/bootstrap-spinner.css');
@import url('width.css');

body {
  background-color: #ffffff;
}

.fleetup-logo {
  float: left;
  padding: 10px;
}

.count-info .label {
  line-height: 12px;
  padding: 2px 5px;
  position: absolute;
  right: 6px;
  top: 12px;
}

.noteDiv{
				display : inline-table;
				height : 450px !important;
			    font-size : 35px;
			    width : 100%;
			    color : #1693e1;
			    vertical-align: middle;
			    text-align: center;
}
.noteDiv > .noteDiv2 {
	display:table-cell;
				vertical-align: middle;
			    text-align: center;
}
[contentEditable=true]:empty:not(:focus):before{
			    content:attr(data-text);
			    /* display:table-cell; */
			    font-size : 35px;
			    color : #1693e1;
			    vertical-align: middle !important;
			    text-align: center !important;
			}

[contentEditable=true]:empty:not(:focus):before{

			}

.btn-page{ clear:both !important;  position:relative;vertical-align:middle; text-align:center !important; margin-top:0;}

.input-file{ opacity:0 ; filter:alpha(opacity=0); position:absolute; left:0; top:0; width:92px; height:34px; }

/*20151016 modify*/
.down-sorted {margin-left:10px; cursor:pointer; padding:0 0 2px; box-sizing:border-box !important; vertical-align:middle;}
.up-sorted {margin-left:10px; cursor:pointer; padding:1px 0 0 ; box-sizing:border-box !important; vertical-align:middle;}
.un-sorted {margin-left:10px; cursor:pointer; padding:0 0 1px; box-sizing:border-box !important; vertical-align:middle;}

.table-bordered tfoot { color:#F60;}
.table-bordered tfoot th,.table-bordered tfoot td{ background:#efefef; font-weight:600 !important; border-top:2px solid #999 !important;}

.btn-right{position:relative;vertical-align:middle; text-align:right !important; margin-bottom:5px; z-index:10; width:auto !important; }
.btn-right a{color:#999; }
.cursor { cursor:pointer;}

/**********20150827 added************/
.logo { position: relative; height:40px; background:#7ee7ff; border-top:3px solid #1c84c6; border-bottom:1px solid #444; margin-right:-15px;margin-left:-15px; padding:0 0 0 15px;}
.logo span{ float:right; margin:10px 30px 0 0; font-size:0.8em; color:#1586b5;}
.serch { position:relative; clear:both !important; float:right; padding:5px 30px 0 0;box-sizing:border-box;  border-top:1px solid #ededed !important; width:100%; text-align:right;}
.serch2 {border-left:1px solid #ededed !important; text-align:center;}


.overflow-auto { overflow:auto !important;}
.scrollauto-table { overflow:auto !important; margin-left:-1px; border-right:1px solid #ddd; float:left;}

.hr-line-dashed {
  border-top: 1px dashed #dedede;
  color: #ffffff;
  background-color: #ffffff;
  height: 1px;
  margin: 0 0 10px;
  clear:both;
  position:relative;
}

.ibox {
  clear: both;
  margin-bottom: 25px;
  margin-top: 0;
  padding: 0;
}

.ibox h4 {font-size:1.15em; font-weight:600 !important; color:#039;}

.ibox-title {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #cfdff2;
  border-color: #818181 #999  transparent;
  border-image: none;
  border-style: solid solid none;
  border-width: 4px 1px 0;
  color:#222222;
  margin-bottom: 0;
  padding: 10px 15px 5px;
  min-height: 40px;
}

.d-ibox-title {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #fff;
  border-color: #999;
  border-image: none;
  border-style: solid solid none;
  border-width: 4px 1px 0;
  color:#555;
  margin-bottom: 0;
  padding: 10px 15px 5px;
  min-height: 40px;
}
.ibox-title h5{
  font-size:1.25em !important;
}

.ibox-content {
  background-color: #ffffff;
  color: inherit;
  padding: 10px 15px;
  box-sizing:border-box;
  border-image: none;
  margin-bottom:20px;
  border-color: #999;
  border-style: solid solid solid;
  border-width: 1px 1px 1px;
  border-radius:2px;
  -webkit-box-shadow:1px 0 5px 1px rgba(0,0,0,.3);-moz-box-shadow:1px 0 5px 1px rgba(0,0,0,.3);box-shadow:1px 0 5px 1px rgba(0,0,0,.3);
}

.ibox-footer {
  color: inherit;
  border-top: 1px solid #e7eaec;
  font-size: 90%;
  background: #ffffff;
  padding: 10px 15px;
}

/* Chat view */
.message-input {
  height: 90px !important;
}
.chat-avatar {
  white: 36px;
  height: 36px;
  float: left;
  margin-right: 10px;
}
.chat-user-name {
  padding: 10px;
}
.chat-user {
  padding: 8px 10px;
  border-bottom: 1px solid #e7eaec;
}
.chat-user a {
  color: inherit;
}
.chat-view {
  z-index: 20012;
}
.chat-users,
.chat-statistic {
  margin-left: -30px;
}
@media (max-width: 992px) {
  .chat-users,
  .chat-statistic {
    margin-left: 0px;
  }
}
.chat-view .ibox-content {
  padding: 0;
}
.chat-message {
  padding: 10px 20px;
}
.message-avatar {
  height: 48px;
  width: 48px;
  border: 1px solid #e7eaec;
  border-radius: 30px;
  margin-top: 1px;
}
.chat-discussion .chat-message.left .message-avatar {
  float: left;
  margin-right: 10px;
}
.chat-discussion .chat-message.right .message-avatar {
  float: right;
  margin-left: 10px;
}
.message {
  background-color: #fff;
  border: 1px solid #e7eaec;
  text-align: left;
  display: block;
  padding: 10px 20px;
  position: relative;
  border-radius: 4px;
}

.message::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid white;
}

.chat-discussion .chat-message.left .message-date {
  float: right;
}
.chat-discussion .chat-message.right .message-date {
  float: left;
}
.chat-discussion .chat-message.left .message {
  text-align: left;
  margin-left: 55px;
}
.chat-discussion .chat-message.right .message {
  text-align: right;
  margin-right: 55px;
}
.message-date {
  font-size: 10px;
  color: #888888;
}
.message-content {
  display: block;
}
.chat-discussion {
  background: #eee;
  padding: 15px;
  height: 350px;
  overflow-y: auto;
  position:relative;
  border:1px solid #ddd;
}
.chat-users {
  overflow-y: auto;
  height: 400px;
}
.chat-message-form .form-group {
  margin-bottom: 0;
}


/******** chat right align added 20150831**************/
.message-r {
  background-color: #fff;
  border: 1px solid #e7eaec;
  text-align: left;
  display: block;
  padding: 10px 20px;
  position: relative;
  border-radius: 4px;
}

.message-r::before {
  content: '';
  position: absolute;
  top: 16px;
  left: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-left: 7px solid white;
}

.chat-discussion .chat-message.left .message-r {
  text-align: right;
  margin-left: 55px;
}
.chat-discussion .chat-message.right .message-r {
  text-align: right;
  margin-right: 55px;
}

.chat-photo { position:relative;  width:45px; height:45px; overflow:hidden; border-radius:50%; margin:0;}
.chat-photo img{width:100%; height:auto;}
.check {font-size:0; padding:0 !important; box-sizing:border-box; height:13px !important; width:15px !important;}

/*2015.10.08 added*/
.panel-basic {
  border-color: #c6c6c6;
}
.panel-basic > .panel-heading {
  background-color: #f2f2f2;
  border-color: #d3d3d3;
  color:#555;
  font-size:1.15em;
  font-weight:bold;
}
.panel-basic a {
  background-color:#fff !important;
  color:#555;
}
.panel-basic a:active,.panel-basic a:hover {
  background-color:#f9f9f9 !important; color:#333 !important; font-weight:bold !important;
}
/*2015.10.08 added*/



.panel-primary a,.panel-warning a,.panel-success a,.panel-danger a {
  background-color:#414d5d !important;
}
.panel-primary a:active,.panel-warning a:active,.panel-success a:active,.panel-danger a:active,.panel-primary a:hover,.panel-warning a:hover,.panel-success a:hover,.panel-danger a:hover {
  background-color:#585858 !important; color:#fff !important; font-weight:bold !important;
}

.folder-list li a {
  color: #666666;
  display: block;
  padding: 5px 0;
}
.folder-list li {
  border-bottom: 1px solid #e7eaec;
  display: block;
}
.folder-list li i {
  margin-right: 8px;
  color: #3d4d5d;
}


/* SEARCH PAGE */

.search-form {
  margin-top: 10px;
}
.search-result {
 padding:0 15px;
 box-sizing:border-box;
}

.search-result h2 {
  font-size:1.6em;
  font-weight:600;
}

.search-result h2 span {
  color:#F60;
}

.search-result h3 {
  margin-bottom: 0;
  color: #555555;
  font-size:1.2em;
  font-weight:600;
}
.search-result .search-link {
  color: #006621;
}
.search-result p {
  font-size: 12px;
  margin-top: 5px;
}
.task-list {margin: 5px 0 0;}
.task-list a{color:#0088b5;}
.task-list a:hover {color:#0e438e;}

.hr-line-search {
  border-top: 1px dashed #dedede;
  color: #ffffff;
  background-color: #ffffff;
  height: 1px;
  margin: 15px 0;
  clear:both;
  position:relative;
}

 /* detail view style */
.detail {margin:0px;}
.detail table{width:100%;margin:0 0 3px 0;table-layout:fixed;border-collapse:collapse;border-top:1px solid #ddd; font-size:1.0em !important; border-spacing:0; border-collapse:collapse;}
.detail table th,.detail table td{padding:2px 4px; box-sizing:border-box; border:1px solid #ddd;line-height:1.423em;}
.detail table thead th{color:#444444;text-align:center; font-weight:bold; height:30px; background:#f2f2f2; padding:5px 0;}
.detail table tbody th{padding-left:13px;text-align:right; color:#444444; font-weight:bold; height:30px; background:#f2f2f2; padding:5px 10px !important; box-sizing:border-box;}
.detail table th p,.detail table td p{padding-left:15px;text-align:left;}
.detail table td p.price{margin:0;padding:0;padding-right:10px;text-align:right !important;}
.detail table td{ padding-left:5px; padding-right:5px; vertical-align:middle; word-break:break-all;}
.detail table .userphoto {width:auto; height:150px;}

.datepicker, .datepicker-dropdown, .dropdown-menu, .datepicker-orient-left, .datepicker-orient-top {z-index:99999999999999999999999999 !important}

.overflow-auto { overflow:auto !important;}

 /* Tree style */
.tree {text-align:left !important;}
.tree i{margin-left:3px !important;}


/* ERROR & LOGIN & LOCKSCREEN*/
.middle-box { background:url(../img/login-bg.png) 0 180px no-repeat;
  max-width:450px;
  z-index: 100;
  margin:0 auto 0;
  padding:20px 30px 50px 40px;
  text-align:center;
  height:900px;
}

.middle-box h3 { font-size:18px; font-weight:600 !important; color:#fff !important; margin:0; padding:0 0 15px 0;}
.middle-box p { color:#fff !important;}
.middle-box a{color:#333;text-decoration:none}
.middle-box a:focus,.middle-box a:hover{color:#23527c;text-decoration:underline}

.logo-name {
  color: #fff;
  font-size: 175px;
  font-weight: 800;
  letter-spacing: -10px;
  margin-bottom: 0px;
}

#loginbg {background-size:cover; background:url(../img/bg/3.jpg);}

.utilmenu { position:relative; background:#555; height:25px; width:100%; padding:0 0 0 5px; box-sizing:border-box; overflow:hidden; border-bottom:1px solid #444;}
.utilmenu .btn {margin:4px 0 0 -4px !important; border:1px solid #555 !important;}

.alert a {padding:0 5px; color:#9f580c;}
.alert a:focus,.alert a:hover{color:#333;text-decoration:none !important; font-weight:600;}
.alert li { display:inline;}
.listinfo {float:left; color:#df5138; padding:0 5px; font-size:1.0em;}

.reply-num {color:#C60; padding:0 10px;}

.v-align {vertical-align:middle !important}

.form-group label{padding:8px 0 0 0 !important; white-space:nowrap; box-sizing:border-box; text-align:right;}

.pd-none {padding:0 !important}


a.pro-blue, a:active.pro-blue, a:hover.pro-blue {color:#337abd !important;}
a.pro-red, a:active.pro-red, a:hover.pro-red {color:red !important;}
a.pro-dark, a:active.pro-dark, a:hover.pro-dark {color:#000 !important;}
a.pro-green, a:active.pro-green, a:hover.pro-green {color:#44b235 !important;}
a.pro-line {text-decoration:line-through;}


.cal_table {margin:0px;}
.cal_table table{width:100%;margin:0 0 3px 0;table-layout:fixed;border-collapse:collapse;border-top:1px solid #ddd; font-size:1.0em !important; border-spacing:0; border-collapse:collapse;}
.cal_table table th,.cal_table table td{padding:2px 4px; box-sizing:border-box; border:1px solid #ddd;line-height:1.423em;}
.cal_table table thead th{border-bottom:2px solid #ed4e2a !important; color:#444444;text-align:center; font-weight:bold; height:30px; background:#e6e6e6; padding:5px 0;}
.cal_table table tbody th{padding-left:13px;text-align:right; color:#444444; font-weight:bold; height:30px; background:#f2f2f2; padding:5px 10px !important; box-sizing:border-box;}
.cal_table table tbody td{padding-left:13px; height:130px; padding:5px 10px !important; box-sizing:border-box;}
.cal_table table td{ padding-left:5px; padding-right:5px; vertical-align:top; word-break:break-all;}
.cal_table table .no_day{background:url(../img/cal_bg.gif) !important; color:#CACACA;}
.cal_table table .d_day{background:#ffd6d6 !important; font-weight:600;}

.cal_table table ul{margin:0; padding:0; box-sizing:border-box;}
.cal_table table li{ display:block; text-align:center; list-style:none; height:30px; line-height:30px; margin:2px 0;}
.cal_table table .days { text-align:right;}
.cal_table table .line{ border:1px solid #ddd !important}

.cal_table table .end { border:1px solid #ddd; width:100%; padding:0 5px !important; box-sizing:border-box; border-radius:3px; border-left:5px solid #ed4e2a !important; text-align:left !important; margin:2px 0; background-color:#efefef}
.cal_table table .end a{ color:#ed4e2a !important;}
.cal_table table .name { border:1px solid #ddd; width:100%;padding:0 5px !important; box-sizing:border-box; border-radius:3px; border-left:5px solid #5bbfff !important; text-align:left !important; margin:2px 0; background-color:#efefef}
.cal_table table .application { border:1px solid #ddd; width:100%;padding:0 5px !important; box-sizing:border-box; border-radius:3px; border-left:5px solid #a0d468 !important; text-align:left !important; margin:2px 0; background-color:#ebffd5}

.btn-darkgray,.btn-darkgray:focus{background-color:#a2a2a2 !important;border-color:#a2a2a2;color:#fff}
.btn-darkgray:hover{color:#fff}
.btn-darkgray.dropdown-toggle{border-left-color:#c3c3c3 !important}
.btn-darkgray.active{background-color:#949494 !important;border-color:#959595}
.btn-darkgray.shiny{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlZjY5NGIiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RhNDExZiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);background-image:-webkit-linear-gradient(linear,left top,left bottom,from(#c2c2c2),to(#949494));background-image:-moz-linear-gradient(linear,left top,left bottom,from(#c2c2c2),to(#949494));background-image:-o-linear-gradient(linear,left top,left bottom,from(#c2c2c2),to(#949494));background-image:linear-gradient(linear,left to bottom,left bottom,from(#c2c2c2),to(#949494))}
.btn-darkgray:hover,.open .btn-darkgray.dropdown-toggle{background-color:#c2c2c2 !important;border-color:#c2c2c2;color:#fff}
.btn-darkgray.disabled,.btn-darkgray[disabled],fieldset[disabled] .btn-darkgray,.btn-darkgray.disabled:hover,.btn-darkgray[disabled]:hover,fieldset[disabled] .btn-darkgray:hover,.btn-darkgray.disabled:focus,.btn-darkgray[disabled]:focus,fieldset[disabled] .btn-darkgray:focus,.btn-darkgray.disabled:active,.btn-darkgray[disabled]:active,fieldset[disabled] .btn-darkgray:active,.btn-darkgray.disabled.active,.btn-darkgray[disabled].active,fieldset[disabled] .btn-darkgray.active{background-color:#a2a2a2 !important;border-color:#a2a2a2;zoom:1;filter:alpha(opacity=50);-webkit-opacity:.5;-moz-opacity:.5;opacity:.5}

.hday-box{/*background-color:#fff;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);*/margin:50px auto 10px; width:95%; clear:both;}
.hday-box .box-header{background-color:#fff;padding:20px;position:relative}
.hday-box .box-header .deadline{position:absolute;top:0;right:0;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.15);-moz-box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:0 1px 2px rgba(0,0,0,.15);padding:5px 10px;border-top:3px solid #2dc3e8;color:#999;font-size:12px}
.hday-box .box-progress{padding:0;position:relative}
.hday-box .box-progress .progress{margin-bottom:0}
.hday-box .box-progress .progress .progress-bar{position:relative}
.hday-box .box-progress .progress .progress-bar:after{content:'';width:9px;height:9px;position:absolute;right:0;top:0;background-color:#a0d468}
.hday-box .box-progress .progress-handle{position:absolute;top:-31px;-lh-property:0;margin-left:-35px; width:80px;height:25px;background-color:#2dc3e8;padding:2px 5px;font-size:11px;line-height:20px;text-align:center;text-transform:uppercase;color:#fff;-webkit-border-radius:3px;-webkit-background-clip:padding-box;-moz-border-radius:3px;-moz-background-clip:padding;border-radius:3px;background-clip:padding-box}
.hday-box .box-progress .progress-handle:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;content:" ";bottom:-13px;left:23px;border-bottom-width:0;border-top-color:#2dc3e8;border-width:7px}

.overflow-hidden { overflow:hidden !important;}

.form-group .space {padding:0 2px 0 0 !important}

.notice_info {margin:0; padding:0; width:100%; text-align:right;}
.notice_info ul{margin:0; padding:2px 0;}
.notice_info li{ display:inline; list-style:none; margin:0 0 0 10px; padding:0; font-size:0.925em; line-height:1.0em;}

.download {line-height:14px;
margin:5px 0;
padding:9px 20px;
color:#646464;
font-size:0.925em;
font-weight:400;
background-color:#fff;
position:absolute;
right:30px;
-webkit-border-radius:0 2px 2px 0;
-webkit-background-clip:padding-box;
-moz-border-radius:0 2px 2px 0;
-moz-background-clip:padding;
border-radius:10px;
background-clip:padding-box;
-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);
-moz-box-shadow:0 0 3px rgba(0,0,0,.3);
box-shadow:0 0 3px rgba(0,0,0,.3);
border-left:3px solid #F60;
border-right:3px solid #F60;
}

.bg_total th{ background:#fbf6db !important; color:#fa6e52 !important;}
.bg_total td{ text-align:right; background:#fbf6db; color:#fa6e52;}

.smenu {background:#fbfbfb url(../img/smenu_bg.gif);-webkit-box-shadow:1px 0 5px 1px rgba(0,0,0,.3);-moz-box-shadow:1px 0 5px 1px rgba(0,0,0,.3);box-shadow:1px 0 5px 1px rgba(0,0,0,.3);padding:12px 12px 10px 190px; box-sizing:border-box; display:none; }
.smenu dl { margin:0; padding:0 0 0 15px; border-left:1px solid #c9c9c9;}
.smenu dt {font-size:1.25em; line-height:1.6em; }
.smenu dd {line-height:1.6em; padding:0 0 0 20px; }

.circle_progress {
  width: 100px;
  margin: 6px 6px 20px;
  display: inline-block;
  position: relative;
  text-align: center;
  line-height: 1.2;
}

.circle_progress canvas {
  vertical-align: top;
}

.circle_progress .progress_timer {
  position: absolute;
  top: 3px;
  left: -2px;
  width: 100%;
  text-align: center;
  line-height: 50px;
  font-weight:bold;
  font-size:x-large;
}


.input-full td {
	position: relative;
}

.input-full td select {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	border: none;
	padding: 8px;
	box-sizing: border-box;
	background: transparent;
}

.input-full td input {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	border: none;
	padding: 8px;
	box-sizing: border-box;
	background: transparent;
	/*box-shadow: 0 0 0 2px rgba(0,0,0,.1) inset;*/
}


/* FLEET UP */
.btn-fleetup, .btn-fleetup:disabled{
	color: #fff;
	background-color: #236294;
	border-color: transparent;
}

.btn-fleetup:hover{
	color: #FEB846;
	background-color: #236294;
	border-color: inheritance;
}

.ui-jqgrid td input, select{
   color:black;
}

.no-close .ui-dialog-titlebar-close {display: none }

.bg-fleetup th{
	background-color: #236294;
	color: white;
	text-align:center;
	vertical-align:middle;
}

.bg-fleetup td{
	background-color: white;
	text-align:right;
	height:20px;
	padding-right:3px;
	padding-left:3px;
}

.btn-fleetup-confirm, .btn-fleetup-confirm:disabled{
	color: #236294;
	background-color: white;
	border-color: #236294;
}

.btn-fleetup-cancle, .btn-fleetup-cancle:disabled{
	color: red;
	background-color: white;
	border-color: red;
}

.btn-fleetup-cancle:hover{
	color: white;
	background-color: #D7544B;
	border-color: transparent;
}


/* SWITCH BUTTON UI */
.switch-button-label {
    float: left;

    font-size: 10pt;
    cursor: pointer;
}

.switch-button-label.off {
    color: #adadad;
}

.switch-button-label.on {
    color: #0088CC;
}

.switch-button-background {
    float: left;
    position: relative;

    background: #ccc;
    border: 1px solid #aaa;

    margin: 1px 10px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    cursor: pointer;
}

.switch-button-button {
    position: absolute;

    left: -1px;
    top : -1px;

    background: #FAFAFA;
    border: 1px solid #aaa;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

hr {
	margin:0 0 0 0;
}

.bootstrap-tagsinput{
	border:0px;
	width:100%;
}

.tokenfield.form-control{
	border:0px;
}
.form-control:focus, .tokenfield.focus{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.form-control[disabled],
.tokenfield.disabled{
	background-color:#ffffff;
}

.ui-dialog .ui-dialog-content { overflow: visible; }

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
 }

 /* Onboarding Checklist feature */

  /* flexbox to display 2 columns */
  .flex-grid-twos {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .flex-grid-twos .col1 {
    width: 30%;
    margin: -10px 0 10px -20px;
  }
  .flex-grid-twos .col2 {
    width: 70%;
    margin: -10px 0 10px 0;
  }

  /* flexbox to display 3 columns */
  .flex-grid-thirds {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .flex-grid-thirds .col {
    width: 32%;
    margin: 0 0 10px 0;
  }

  /* Resize modal to fill up 95% of the vertical height */
  .modal-dialog,
  .modal-content {
      /* 95% of window height */
      height: 95%;
  }
  .modal-body {
      /* 100% = dialog height, 120px = header + footer */
      max-height: calc(100% - 165px);
      overflow-y: scroll;
  }

  /* The Checklist */
  #todo-list{
  width:800px;
  margin:0 auto 20px auto;
  padding:0px;
  background:white;
  position:relative;
  }

  .todo-wrap{
  display:block;
  position:relative;
  padding-left:35px;
  }

  input[type="checkbox"]{
  position:absolute;
  height:0;
  width:0;
  opacity:0;
  top:-600px;
  display:none; /* this prevents jumping to top of page when clicking checkbox */
  }
  .todo{
  display:inline-block;
  font-weight:200;
  padding:10px 5px;
  height:27px;
  position:relative;
  }

  .todo:before{ /* strikethrough */
  content:'';
  display:block;
  position:absolute;
  top:calc(50% + 6px);
  left:0;
  width:0%;
  height:1px;
  background:#444444; /* 008acf */
  /*transition*/
  -webkit-transition:.25s ease-in-out;
    -moz-transition:.25s ease-in-out;
      -o-transition:.25s ease-in-out;
          transition:.25s ease-in-out;
  }
  .todo:after{
  content:'';
  display:block;
  position:absolute;
  z-index:0;
  height:18px;
  width:18px;
  top:9px;
  left:-25px;
  /*box-shadow*/
  -webkit-box-shadow:inset 0 0 0 2px #d8d8d8;
    -moz-box-shadow:inset 0 0 0 2px #d8d8d8;
          box-shadow:inset 0 0 0 2px #d8d8d8;
  /*transition*/
  -webkit-transition:.25s ease-in-out;
    -moz-transition:.25s ease-in-out;
      -o-transition:.25s ease-in-out;
          transition:.25s ease-in-out;
  /*border-radius*/
  -webkit-border-radius:4px;
    -moz-border-radius:4px;
          border-radius:4px;
  }
  .todo:hover:after{
  /*box-shadow*/
  -webkit-box-shadow:inset 0 0 0 2px #949494;
    -moz-box-shadow:inset 0 0 0 2px #949494;
          box-shadow:inset 0 0 0 2px #949494;
  }
  .todo .fa-check{
  position:absolute;
  z-index:1;
  left:-31px;
  top:0;
  font-size:1px;
  line-height:36px;
  width:36px;
  height:36px;
  text-align:center;
  color:transparent;
  text-shadow:1px 1px 0 white, -1px -1px 0 white;
  }
  /* https://www.w3schools.com/cssref/trysel.asp?selector=:checked
  https://css-tricks.com/almanac/selectors/c/checked/ */
  :checked + .todo{
  color:#717171;
  }
  :checked + .todo:before{
  width:100%;
  }
  :checked + .todo:after{
  /*box-shadow*/
  -webkit-box-shadow:inset 0 0 0 2px #008000;
    -moz-box-shadow:inset 0 0 0 2px #008000;
          box-shadow:inset 0 0 0 2px #008000;
  }
  :checked + .todo .fa-check{
  font-size:20px;
  line-height:35px;
  color:#008000;
  }

  .todo-global,
  .todo-global-fail { /* For Mark as Complete and Fail checkbox */
  display:inline-block;
  font-weight:200;
  padding:10px 5px;
  height:27px;
  position:relative;
  }

  .todo-global:after,
  .todo-global-fail:after{
  content:'';
  display:block;
  position:absolute;
  z-index:0;
  height:22px;
  width:22px;
  top:9px;
  left:-28px;
  /*box-shadow*/
  -webkit-box-shadow:inset 0 0 0 2px #d8d8d8;
    -moz-box-shadow:inset 0 0 0 2px #d8d8d8;
          box-shadow:inset 0 0 0 2px #d8d8d8;
  /*transition*/
  -webkit-transition:.25s ease-in-out;
    -moz-transition:.25s ease-in-out;
      -o-transition:.25s ease-in-out;
          transition:.25s ease-in-out;
  /*border-radius*/
  -webkit-border-radius:4px;
    -moz-border-radius:4px;
          border-radius:4px;
  }

  .todo-global:hover:after,
  .todo-global-fail:hover:after{
  /*box-shadow*/
  -webkit-box-shadow:inset 0 0 0 2px #949494;
    -moz-box-shadow:inset 0 0 0 2px #949494;
          box-shadow:inset 0 0 0 2px #949494;
  }
  .todo-global .fa-check,
  .todo-global-fail .fa-check{
  position:absolute;
  z-index:1;
  left:-31px;
  top:0;
  font-size:1px;
  line-height:36px;
  width:36px;
  height:36px;
  text-align:center;
  color:transparent;
  text-shadow:1px 1px 0 white, -1px -1px 0 white;
  }

  :checked + .todo-global,
  :checked + .todo-global-fail{
    color:#717171;
    }
  :checked + .todo:before{
  width:100%;
  }
  :checked + .todo-global:after{
  /*box-shadow*/
  -webkit-box-shadow:inset 0 0 0 2px #008000; /* 0d72bf */
    -moz-box-shadow:inset 0 0 0 2px #008000;
          box-shadow:inset 0 0 0 2px #008000;
  }
  :checked + .todo-global-fail:after{
  /*box-shadow*/
  -webkit-box-shadow:inset 0 0 0 2px red;
    -moz-box-shadow:inset 0 0 0 2px red;
          box-shadow:inset 0 0 0 2px red;
  }
  :checked + .todo-global .fa-check{
  font-size:25px;
  line-height:35px;
  color:#008000;
  }
  :checked + .todo-global-fail .fa-check{
  font-size:25px;
  line-height:35px;
  color: red;
  }

  .sub-header {
    font-size: 26px;
    color:#236294;
    margin-top: 30px !important;
  }