@import "lib/wm/common/themes/rapunzel/theme.css";

/* print CSS for calendar */
@media print {
    body, html, #wrapper {
     width: 100%;
    }
   div {
     overflow: visible !important;      
    }

}

button, body {
    font-family: Source Sans Pro, sans-serif;
    font-size: 10pt;
}

/* TOASTR CSS */
.toast-top-center { 
    /*top: 110px; 
    text-align: center; */
    font-size: 16px;
} 

/* DATATABLES CSS */
.dataTables_scrollHeadInner {
  font-size: 16px;
}

@-webkit-keyframes blink {  
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}

/* BOOTSTRAP TRICK FOR IE9 and below */
.container {
    display:table;
    width: 100%;
}
.row {
    height: 100%;
    display: table-row;
}
.col-sm-4 {
    display: table-cell;
}

.form-control::-webkit-input-placeholder { color: #a1a1a1; }
.form-control:-moz-placeholder { color: #a1a1a1; }
.form-control::-moz-placeholder { color: #a1a1a1; }
.form-control:-ms-input-placeholder { color: #a1a1a1; }

.blink {
  -webkit-animation-name: blink;  
  -webkit-animation-iteration-count: infinite;  
  -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  -webkit-animation-duration: 1s; 
}

/* BOOTSTRAP TOGGLE BUTTON */
label.btn.btn-default.active.toggle-off  {
    padding-top: 10px;
    font-size: 16px;
}

label.btn.btn-success.toggle-on {
    padding-top: 10px;
    font-size: 16px;
}

/* ------------------------------------------
INTRO-JS CUSTOM CSS
------------------------------------------ */
.introjs-tooltip.bmmintro {
    background-color: black;
    min-width: 400px;
}
/* intro background arrow */
.introjs-arrow {
    border: 5px solid black;
    content: '';
    position: absolute;
}
.introjs-arrow.top {
    border-bottom-color: black;
}
.introjs-arrow.left {
    border-right-color: black;
}
.introjs-arrow.right {
    border-left-color: black;
}
.introjs-arrow.bottom {
    border-top-color: black;
}
/* text */
.introjs-tooltiptext {
    color: wheat;
    font-size: 14px;
    font-weight: 100;
}
/* exit button */
.introjs-skipbutton {
    box-sizing: content-box;
    margin-right: 10px;
    color: white;
}
/* bullets */
.introjs-bullets ul li a.active {
    background: #5bc0de;
}

/* ------------------------------------------
LOGIN PAGE CSS
------------------------------------------ */
#resetbtn {
    width: 120px;
}

html.WMApp body .lbxDeskLogin {
    /*background: url(resources/images/background/city1.jpg) no-repeat right top fixed;
    background-size: cover;*/
    background-color: rgb(29, 45, 60);
}

html.WMApp body .panSocial {
    background-color: #444;
    background: rgba(0, 0, 0, 0.3);
}

html.WMApp body .htmlSocialIcons {
    font-size: 40px;
}

.fa-inverse:hover, .fa-inverse:focus {
    color: #009dc7;
}

/* ------------------------------------------
REGISTRATION PAGE CSS
------------------------------------------ */
#reg {
  background: #009dc7;
  color: #fff;
  text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
  font-family: Roboto, sans-serif;
}

#reg:hover, #reg:focus, #reg:active {
    background: #0083aa;
}
/* LOGIN FIELD PANEL */
#login_pcLogin_desktopLogin_loginInputPanel {
    text-align: center;
}

/* button text color */
.ui-btn-text {
    font-family: Source Sans Pro, sans-serif;
    font-size: 16pt;
    color: white;
}

/* green button CSS 
https://gist.github.com/mastergizmo/1127876
*/

.ui-btn-up-g, .ui-btn-hover-g, .ui-btn-down-g
{
    color: white;
	/*font-weight: bold;*/
	text-decoration: none;
}
 
.ui-btn-up-g
{
	border: 1px solid #397114;
	background: #5aab25;
	/*text-shadow: 0 -1px 1px #397114;*/
	background-image: -moz-linear-gradient(top, #7ec44f, #5aab25);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #87c45e), color-stop(1, #619e39));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#7ec44f', EndColorStr='#5aab25')";
}
 
.ui-btn-hover-g
{
	border: 1px solid #2c6e00;
	background: #75b54a;
	text-shadow: 0 -1px 1px #2a6901;
	background-image: -moz-linear-gradient(top, #99d472, #75b54a);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #99d472), color-stop(1, #75b54a));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99d472', EndColorStr='#75b54a')";
}
 
.ui-btn-down-g
{
	border: 1px solid #457823;
	background: #7ec44f;
	text-shadow: 0 -1px 1px #457823;
	background-image: -moz-linear-gradient(top, #619e39, #7ec44f);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #619e39), color-stop(1, #7ec44f));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#619e39', EndColorStr='#7ec44f')";
}
 
.ui-btn-up-g, .ui-btn-hover-g, .ui-btn-down-g
{
	color: white;
	font-weight: bold;
	text-decoration: none;
}

/* ------------------------------------------
SETTING page CSS
------------------------------------------ */
.set1 {
    width: 170px;
}
.set2 {
    width: 87px;
}
.set3 {
    width: 110px;
}
.set4 {
    width: 30px   
}
/* ------------------------------------------
INVENTORY PAGE CSS
------------------------------------------ */

td.dia-header{
    text-align: center;
    font-size: 16px;
    color: rgb(0, 156, 203);
}
tbody tr:hover tr.nohover { 
    background-color: #fff !important;
}
.invdialog {
    float: right;
    padding-right: 20px;
    border: 1px solid #dddddd;
    width: 350px;
}
table.invdialog.selected { 
    background-color: #fff !important;
}
.invmode {
    width: 120px;
}
.invamount {
    width: 60px;
}
.invcost {
    width: 75px;
}
.changebtn {
    width: 75px;
    height: 30px
}
#ordcontainer {
    width: 160px;
}
select.invorderno {
    display: inline;
    float: left;
    width: 120px;
}
.invorder {
    display: inline;
    float: right;
    width: 30px;
}
button.invamountsave {
  float: left;
  width: 58px;
}
button.invamountedit {
  float: right;
  width: 58px;
}

/* ------------------------------------------
INVENTORY ORDER PAGE CSS
------------------------------------------ */
#invorder tbody > tr > td { 
    font-size: 16px; 
}
#invorder div.dataTables_scrollHeadInner thead {
    height: 3em;
    line-height: 3em;
    white-space: nowrap;
}
#invorder tbody tr { 
    height: 50px; 
}

/* ------------------------------------------
INVENTORY CATEGORY PAGE CSS
------------------------------------------ */
#invcat tbody > tr > td { 
    font-size: 16px; 
}
#invcat tbody tr { 
    height: 50px; 
}
#invcat div.dataTables_scrollHeadInner thead {
    height: 3em;
    line-height: 3em;
    white-space: nowrap;
}

/* ------------------------------------------
SUPPLIER PAGE CSS
------------------------------------------ */
#supplier tbody > tr > td { 
    font-size: 16px; 
}
#supplier tbody tr { 
    height: 50px; 
}
#supplier div.dataTables_scrollHeadInner thead {
    height: 3em;
    line-height: 3em;
    white-space: nowrap;
}
/* ------------------------------------------
QUOTE PAGE CSS
------------------------------------------ */
.sendbtn {
    width: 75px;
    height: 30px
}
.printbutton, .sendbutton, .photobutton {
    text-align: center;
}
/* ------------------------------------------
INVOICE PAGE CSS
------------------------------------------ */

.infobutton, .paidbutton {
    text-align: center;
}

/* ------------------------------------------
PHOTO MANAGEMENT PAGE CSS
------------------------------------------ */
/* Vertical upload / download spinner */
.filespinner {
  width: 100%;
  height: 22px;
  /*border: 1px solid #2980b9;*/
  /*border-radius: 3px;*/
  background-image: 
    repeating-linear-gradient(
      -45deg,
      #2980b9,
      #2980b9 11px,
      #eee 10px,
      #eee 20px /* determines size */
    );
  background-size: 28px 28px;
  animation: move .5s linear infinite;
}

@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 28px 0;
  }
}

/* ------------------------------------------
BOOKING PAGE CSS
------------------------------------------ */

/*** DND CSS SETTINGS ***/

.dojoDndItem {
    background-color: #DBEBFF;
    margin: 5px;
    padding:3px;
    box-shadow: 1px 1px 1px #888888;
    -moz-box-shadow: 1px 1px 1px #888888;
    -webkit-box-shadow: 1px 1px 1px #888888;
}

.dojoDndItemOver {
    background-color: #444444;
    cursor:pointer;
    color: #ffffff;
}

.dojoDndItemSelected {
    background-color: #000000; 
    color: #ffffff;
}

.dojoDndItemAnchor {
    background-color: rgb(0, 156, 203); 
    color: #ffffff;
}

.dojoDndAvatar {
	border:2px solid #b5b5b5;
}

.dojoDndAvatarHeader {
	background-color: #ffffff;
}

.dojoDndAvatarItem {
	/*background-color: #b0b4cf;*/
	border-bottom:1px solid #b5b5b5;
}

.dojoDndAvatarItem .itemText {
    /*background-color: #b0b4cf;*/
	font-size: 12px;
}

/*** FULL CALENDAR HEADER BUTTON (ORANGE) ***/
html .fc, .fc table {
    font-size: 1.2em;
}
.headerbutton {
    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
	border-radius: .5em;
	-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);
}
.normalheader {
    background: #009ccb;
    color: white;
    vertical-align: middle;
}
background: #ccc #bbb #aaa;
    height: 12px;
}
/* the side strip with the time */
.fc-agenda-axis.fc-widget-header {
    background-color: #aec4cb;
    height: 12px;
}
/* set cell height */
.fc-agenda-slots td div {
     height: 25px !important;
}

tr.fc-first.fc-last {
    height: 32px;
}

.fc-widget-header.headerbutton {
    vertical-align: middle;
}
/* Clear Icon in autocomplete */
#clearac, #clearlc {
    width: 20px;
    font-size: 23px;
    color: #ccc;
    margin-left: 204px;
    margin-top: 3px;
}

/* ------------------------------------------
MOBILE MAIN PAGE CSS
------------------------------------------ */

.sidemenu {
    text-align: left;
    margin-left: 20px;
    margin-top: 10px;
}

/* ------------------------------------------
MOBILE BOOKING PAGE CSS
------------------------------------------ */

.ui-menu-item {
    font-size: 20px;
}
.ui-autocomplete > li {
    padding: 3px 20px;
}
.fixed-table-container tbody .selected td {
    background-color: #009ccb;
}
.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th {
    background-color: #009ccb;
}

/* ------------------------------------------
MOBILE CLIENT PAGE CSS
------------------------------------------ */

/* search field */
#cmsea {
    width: 230px;  
    height: 25px;
}
#searchclear {
    font-size: 23px;
    color: #ccc;
    margin-left: 105px;
    margin-top: 6px;
}
/* cient edit fields */
.bsmfield {
    height: 25px !important;  
    font-size: 20px !important;
    font-weight: 100 !important;
}
.bsmselect {
    height: 35px !important;
    font-size: 20px !important;
    width: 95%;
}
.bsmarea {
    font-size: 20px !important;
}
.datepicker {
  font-size: 18px;
}


/* ------------------------------------------
CONTROL PAGE CSS
------------------------------------------ */
#main_pcBase_oldMain_pcMain_control_message {
    cursor: pointer;
    box-shadow: 4px 4px 4px #888888;
    -moz-box-shadow: 4px 4px 4px #888888;
    -webkit-box-shadow: 4px 4px 4px #888888;
}

/* red iPhone like notification circle with white numbers for SMS */
.badge {
    background: radial-gradient( 5px -9px, circle, white 8%, red 26px );
    background: -moz-radial-gradient( 5px -9px, circle, white 8%, red 26px );
    background: -ms-radial-gradient( 5px -9px, circle, white 8%, red 26px );
    background: -o-radial-gradient( 5px -9px, circle, white 8%, red 26px );
    background: -webkit-radial-gradient( 5px -9px, circle, white 8%, red 26px );
    background-color: red;
    border: 2px solid white;
    border-radius: 12px; /* one half of ( (border * 2) + height + padding ) */
    box-shadow: 1px 1px 1px black;
    color: white;
    font: bold 15px/13px Helvetica, Verdana, Tahoma;
    height: 16px; 
    padding: 4px 3px 0 3px;
    text-align: center;
    min-width: 14px;
    z-index: 1000; 
    position:relative;
}
.rbadge {
    background: radial-gradient( 5px -9px, circle, white 8%, red 26px );
    background: -moz-radial-gradient( 5px -9px, circle, white 8%, red 26px );
    background: -ms-radial-gradient( 5px -9px, circle, white 8%, red 26px );
    background: -o-radial-gradient( 5px -9px, circle, white 8%, red 26px );
    background: -webkit-radial-gradient( 5px -9px, circle, white 8%, red 26px );
    background-color: red;
    border: 2px solid white;
    border-radius: 12px; /* one half of ( (border * 2) + height + padding ) */
    box-shadow: 1px 1px 1px black;
    color: white;
    font: bold 15px/13px Helvetica, Verdana, Tahoma;
    height: 16px; 
    padding: 4px 3px 0 3px;
    text-align: center;
    min-width: 14px;
    z-index: 1000; 
    position:relative;
    margin: 0px 5px 0 0; 
}

/*** SMS DIALOG SETTINGS ***/

ul, menu, dir {
    display: block;
    list-style-type: none !important;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.taskbadge {
    padding-right: 9px;
    padding-left: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    display: inline-block;
    font-size: 11.844px;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999999;
}

.list-group-item>.taskbadge {
    float: right;
}

/* ------------------------------------------
app pages CSS
------------------------------------------ */



.dijitArrowButton {
    background-color: #b1b1b1;
}

#chart_div {
 overflow-x: hidden; 
 overflow-y: scroll;    
 width: 500px;
 height: 550px;
}

.wmtablayers-tabbar .wmTabLayers-tabsControl {
    position: absolute; 
    border: 0px solid rgb(51, 51, 51); 
    margin: 0px; 
    padding: 9px 0px 0px; 
    overflow: hidden; 
    left: 0px; 
    top: 0px; 
    width: 686px; 
    height: 32px; 
    line-height: normal;    
}


.hoverclazz {
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius:14px;
    border-radius: 14px;
    background: -webkit-gradient(linear, center top, center bottom, from(#e7e7e9), color-stop(57%,#fdfdfe), to(#fdfdfe));
    background: -moz-linear-gradient(top, #e7e7e9 0%,#fdfdfe 57%,#fdfdfe 100%);
    background: -o-linear-gradient(top, #e7e7e9 0%,#fdfdfe 57%,#fdfdfe 100%);
    background: -ms-linear-gradient(top, #e7e7e9 0%,#fdfdfe 57%,#fdfdfe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e9', endColorstr='#fdfdfe',GradientType=0);
    background-color: #e7e7e9;
}

.hoverclazz:hover {
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius:14px;
    border-radius: 14px;
    background: -webkit-gradient(linear, center top, center bottom, from(#6fadca), color-stop(57%,#75b8d5), to(#94c4d9));
    background: -moz-linear-gradient(top, #6fadca 0%,#75b8d5 57%,#94c4d9 100%);
    background: -o-linear-gradient(top, #6fadca 0%,#75b8d5 57%,#94c4d9 100%);
    background: -ms-linear-gradient(top, #6fadca 0%,#75b8d5 57%,#94c4d9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fadca', endColorstr='#94c4d9',GradientType=0);
    background-color: #6fadca;
}




/* ------------------------------------------
PURE CSS SPEECH BUBBLES
by Nicolas Gallagher
- http://nicolasgallagher.com/pure-css-speech-bubbles/

http://nicolasgallagher.com
http://twitter.com/necolas

Created: 02 March 2010
Version: 1.2 (03 March 2011)

Dual licensed under MIT and GNU GPLv2 ? Nicolas Gallagher 
------------------------------------------ */

#sendBubbleHolder {
    width: 448px;
    height: 200px;
    overflow: auto;
}

.sendbubble {
    position:relative;
	margin:1em 0 3em;
	color:#fff;
	background:#075698; /* default background for browsers without gradient support */
	/* css3 */
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
	background:-moz-linear-gradient(#2e88c4, #075698);
	background:-o-linear-gradient(#2e88c4, #075698);
	background:linear-gradient(#2e88c4, #075698);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
    padding: 10px 10px 15px 20px; 
    width: 400px;
}

.sendbubble.right {
	margin-right:40px;
	background:#075698;
}

.sendbubble:after {
	content:"";
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:50px; /* controls horizontal position */
	border-width:20px 0 0 20px; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#075698 transparent; 
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* ALL CSS FOR TASK BOX */

.previoustask {
    background-color: #aec4cb;
    margin: 5px;
    padding:3px;    
}

/* ALL CSS FOR THE RECEIVE SMS BUBBLE */

#receiveBubbleHolder {
    width: 448px;
    height: 307px;
    overflow: auto;
}

#archiveBubbleHolder {
    width: 448px;
    height: 307px;
    overflow: auto;
}

html.WMApp body .height {
    height: 100px;
}

html.WMApp body .panCal {
    overflow-x: scroll;
    overflow-y: scroll;
}

/* SMS RECEIVE BUBBLE */

.bubble {
    box-sizing: border-box;
    position: relative;
    clear: both;
    background: #e2e2e2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 10px 20px;
    color: #000;
    text-shadow: 0 1px 1px rgba(255,255,255,0.8);
    word-wrap: break-word;
    width: 400px;
    margin: 10px 0 0 20px;
}
.bubble:before, .bubble:after {
    border-radius: 20px / 5px;
    content: '';
    display: block;
    position: absolute;
}
.bubble:before {
    border: 10px solid transparent;
    bottom: 0px;
    left: -7px;
    z-index: -2;
}
.bubble:after {
    border: 8px solid transparent;
    border-bottom-color: #e2e2e2; /* arrow color */
    bottom: 1px;
    left: -5px;
}
.bubble-alt {
    float: right;
}
.bubble-alt:before {
    left: auto;
    right: -7px;
}
.bubble-alt:after {
    left: auto;
    right: -5px;
}


.senderinfo {
    color: #009ccb;
}
.bubblebtn {
    margin-left: 240px;
}
.bubbledelbtn {
    width: 150px;
    margin-left: 200px;
}
html.WMApp body .panTablet {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}