#bg-text
{
    color:lightgrey;
    font-size:1em;
    transform:rotate(354deg);
    -webkit-transform:rotate(354deg);
}
#toast {
    visibility: hidden;
    max-width: 50px;
    height: 50px;
    /*margin-left: -125px;*/
    margin: auto;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;

    position: fixed;
    z-index: 1;
    left: 0;right:0;
    bottom: 30px;
    font-size: 17px;
    white-space: nowrap;
}
#toast #img{
	width: 50px;
	height: 50px;
    
    float: left;
    
    padding-top: 16px;
    padding-bottom: 16px;
    
    box-sizing: border-box;

    
    background-color: #111;
    color: #fff;
}
#toast #desc{
    color: #fff;
    padding: 16px;
    overflow: hidden;
	white-space: nowrap;
}

#toast.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, expand 0.5s 0.5s,stay 1s 1s, shrink 0.5s 2s, fadeout 0.5s 1.5s;
    animation: fadein 0.5s, expand 0.5s 0.5s,stay 1s 1s, shrink 0.5s 2s, fadeout 0.5s 3.5s;
}

@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;} 
    to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes expand {
    from {min-width: 50px} 
    to {min-width: 350px}
}

@keyframes expand {
    from {min-width: 50px}
    to {min-width: 350px}
}
@-webkit-keyframes stay {
    from {min-width: 350px} 
    to {min-width: 350px}
}

@keyframes stay {
    from {min-width: 350px}
    to {min-width: 350px}
}
@-webkit-keyframes shrink {
    from {min-width: 350px;} 
    to {min-width: 50px;}
}

@keyframes shrink {
    from {min-width: 350px;} 
    to {min-width: 50px;}
}

@-webkit-keyframes fadeout {
    from {bottom: 30px; opacity: 1;} 
    to {bottom: 60px; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 60px; opacity: 0;}
}

nav#sidebar {
  width:100px;
  height:100%;
}
ul.dots * {
  /* disable border-box from bootstrap */
  box-sizing: content-box;
  list-style-type: none;  
}
ul.dots a {
  text-decoration: none;
  font-size: 12px;
  color: #34495e;
}
ul.dots a:hover {
  text-decoration: none;
  font-size: 12px;
  color: #bdc3c7;
}
ul.dots li {
  display: box;
  position: relative;
  width: 100%;
  padding: 10px 0 ;  
}
ul.dots li span {
  display: block;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 30px; 
  background-color: #FFF;
  -webkit-box-shadow: 1px 1px 5px #808080;
  -moz-box-shadow: 1px 1px 5px #808080;
  box-shadow: 1px 1px 5px #808080;  
  padding: 10px;
  width: 10px;
  height: 10px;
  margin: 0 auto;
  line-height: 10px;
  text-align: center;
  position: relative;
}
ul.dots li mark {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;   
  border: 2px solid #FFF;
  width: 20px;
  height: 20px;  
  background-color: #FF6B6B;
  position: absolute;
  top: -5px;
  left: 20px;
  font-size: 10px;
  line-height: 20px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: #FFF;
  font-weight: 700;
}

ul.dots li mark.green {
  background-color: #27ae60;
}
ul.dots li mark.blue {
  background-color: #3498db;
}
ul.dots > li > a > span > mark {
  -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;   
-webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;  
}
ul.dots > li:hover > a > span > mark {
  -webkit-animation-name: bounce;
          animation-name: bounce;
}
ul.dots > li:hover > a > span > mark.rubberBand {
  -webkit-animation-name: rubberBand;
          animation-name: rubberBand;
}

ul.dots > li:hover > a > span > mark.swing {
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  -webkit-animation-name: swing;
          animation-name: swing;
}
ul.dots > li:hover > a > span > mark.tada {
  -webkit-animation-name: tada;
          animation-name: tada;
}
ul.dots > li:hover > a > span > mark.wobble {
  -webkit-animation-name: wobble;
          animation-name: wobble;
}
li {
  list-style-type: circle;
  list-style-type: none;
}

code {
  background: #ecf0f1;
}

/* animation keyframes */
@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 1;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.btn-group button {
  background: url('/images/Dots.png') repeat;
  background-color: #084c66;  
  border: 1px solid #168fbc;
  color: white;
  padding: 10px 24px;
  cursor: pointer;
  float: left;
  font-weight:600;
}
.btn-group button:not(:last-child) {
  border-right: none;
}
.btn-group:after {
  content: "";
  clear: both;
  display: table;
}
.btn-group button:hover {
  background: url('') repeat;
  background-color: #0e5a77;
  box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset;
}

.ProtocolInfo {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
	background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:3px 3px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}
.ProtocolInfo:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff));
	background:-moz-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0);
	background-color:#378de5;
}
.ProtocolInfo:active {
	position:relative;
	top:1px;
}

.pConstantes,.pPansement,.pDiabete,.pPilulier,.pAnticoagulant,.pSoinVieQuo,.pPerfusion
{
	background-image: linear-gradient(to right, #168fbc , #25dbe9);
}

.btnA{
    height:50px;
    line-height:50px;
    vertical-align:middle;
    text-align:center;
    padding:0 10px;
    background-image: linear-gradient(to right, #168fbc , #25dbe9);
    background-color:#007bff;
    position:relative;
    display:inline-block;
	color:white;
	text-decoration:none;
}
.btnAf{
    height:29px;
    width:0px;
    background-color:#007bff;
    position:relative;
    display:inline-block;
	
	text-decoration:none;
}
.btnAf:after{
    position:absolute;
    right:-20px;
    content:" ";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 25px 0 25px 20px;
    border-color: transparent transparent transparent #25dbe9;
}
.btnpf{
    height:29px;
    width:0px;
    background-color:#007bff;
    position:relative;
    display:inline-block;
	
	text-decoration:none;
}
.btnpf:before{
    position: absolute;
	width: 0px;
	height: 50px;
	border-top: 24px solid transparent;
	border-bottom: 24px solid transparent;
	border-right: 15px solid #25dbe9;
	right: 0px;
	content: " ";
}


.btnP{
    height:50px;
    line-height:50px;
    vertical-align:middle;
    text-align:center;
    padding:0 10px;
    background-image: linear-gradient(to right, #25dbe9 , #168fbc);
    background-color:#007bff;
    position:relative;
    display:inline-block;
	color:white;
	text-decoration:none;
}

.btnD {
  background: url("../images/Glow.png") no-repeat !important;
  background-size: 100% 100%;
  border: 0 !important;
  border-radius: 0;
  outline: none !important;
  box-shadow: none !important;
  line-height: 0.143;
  font-size: 20px;
  color:white;
  height:24px;
  float:left;  
}
.button4{
display:inline-block;
padding:0.3em 1.2em;
margin:0 0.3em 0.3em 0;
border-radius:2em;
box-sizing: border-box;
text-decoration:none;
font-family:'Roboto',sans-serif;
font-weight:300;
color:#FFFFFF;
background-color:#ef261f;
text-align:center;
transition: all 0.2s;
}
.button4:hover{
background-color:#a21a15;
}
@media all and (max-width:30em){
.button4{
display:block;
margin:0.2em auto;
}
}
.button3{
display:inline-block;
padding:0.3em 1.2em;
margin:0 0.3em 0.3em 0;
border-radius:2em;
box-sizing: border-box;
text-decoration:none;
font-family:'Roboto',sans-serif;
font-weight:300;
color:#FFFFFF;
background-color:#32dd13;
text-align:center;
transition: all 0.2s;
}
.button3:hover{
background-color:#66952e;
}
@media all and (max-width:30em){
.button3{
display:block;
margin:0.2em auto;
}
}
.InputTournee {
	background: transparent;
	border: none;	
	float: left;	
	font-size: 16px; 
    font-size: 4vw;	
	white-space: nowrap;
    width:auto;
	max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.InputTournee2 {
	background: transparent;
	border: none;	
	float: center;	
	font-size: 16px; 
	white-space: nowrap;
    width:auto;
	max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
#panzoom{
	min-height: 200px;
}
.zoom-div{
	z-index:999999;
	position:relative
}
.zoom-div button{
	background: #000 !important;
	padding: 10px 10px 5px 10px;
	border-radius: 0;
	border-color: #000;
	font-size: 20px !important;
	font-family: "ntailu";
	color: white;
	font-weight: bold;
	margin-left: 10px;
}
.styled-select {
   background: url(../images/15xvbd5.png) no-repeat 96% 0;
   height: 29px;
   overflow: hidden;
   width: 100%;
}

.styled-select select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 100%;
}

.styled-select.slate {
   background: url(../images/2e3ybe1.jpg) no-repeat right center;
   height: 34px;
   width: 240px;
}

.styled-select.slate select {
   border: 1px solid #ccc;
   font-size: 16px;
   height: 34px;
   width: 100%;
}

.semi-square {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

/* -------------------- Colors: Background */
.blue    { background-color: #3b8ec2; }

/* -------------------- Colors: Text */
.blue select    { color: #000; }


/* -------------------- Select Box Styles: danielneumann.com Method */
/* -------------------- Source: http://danielneumann.com/blog/how-to-style-dropdown-with-css-only/ */
#mainselection select {
   border: 0;
   color: #EEE;
   background: transparent;
   font-size: 20px;
   font-weight: bold;
   padding: 2px 10px;
   width: 378px;
   *width: 350px;
   *background: #58B14C;
   -webkit-appearance: none;
}

#mainselection {
   overflow:hidden;
   width:350px;
   -moz-border-radius: 9px 9px 9px 9px;
   -webkit-border-radius: 9px 9px 9px 9px;
   border-radius: 9px 9px 9px 9px;
   box-shadow: 1px 1px 11px #330033;
   background: #58B14C url("../images/15xvbd5.png") no-repeat scroll 319px center;
}


/* -------------------- Select Box Styles: stackoverflow.com Method */
/* -------------------- Source: http://stackoverflow.com/a/5809186 */
select#soflow, select#soflow-color {
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(../images/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   margin: 20px;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 300px;
}

select#soflow-color {
   color: #fff;
   background-image: url(../images/15xvbd5.png), -webkit-linear-gradient(#779126, #779126 40%, #779126);
   background-color: #779126;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   padding-left: 15px;
}
.alert-info {
    color: #31708f;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-radius: 4px;
}
.alert2{
    padding: 0px;
    margin-bottom: 10px;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-radius: 4px;
}
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.alert-warning2 {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
	height:100px;
	overflow: auto;
}
.g-recaptcha {
    display: inline-block;
}
@font-face {
  font-family: "taile";
  font-style: "null";
  font-weight: "null";
  src: url("../fonts/taile.ttf") format("truetype");
}
@font-face {
  font-family: "ntailu";
  font-style: "null";
  font-weight: "null";
  src: url("../fonts/ntailu.ttf") format("truetype");
}
@font-face {
  font-family: "Arial";
  font-style: "null";
  font-weight: "null";
  src: url("../fonts/arial.ttf") format("truetype");
}
@font-face {
  font-family: "Myriad";
  font-style: "null";
  font-weight: "null";
  src: url("../fonts/Myriad-Pro-Regular.ttf") format("truetype");
}
body {
  /*max-width:991px;
  margin-left: auto;
  margin-right: auto;*/
  font-family: "taile";
  background: url("../images/bg.png") no-repeat;
  background-size: 100% 100%;
  
  /*background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,253,255,1) 20%, rgba(228,237,242,1) 41%, rgba(197,219,231,1) 58%, rgba(121,173,204,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(20%, rgba(250,253,255,1)), color-stop(41%, rgba(228,237,242,1)), color-stop(58%, rgba(197,219,231,1)), color-stop(100%, rgba(121,173,204,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,253,255,1) 20%, rgba(228,237,242,1) 41%, rgba(197,219,231,1) 58%, rgba(121,173,204,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,253,255,1) 20%, rgba(228,237,242,1) 41%, rgba(197,219,231,1) 58%, rgba(121,173,204,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,253,255,1) 20%, rgba(228,237,242,1) 41%, rgba(197,219,231,1) 58%, rgba(121,173,204,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(250,253,255,1) 20%, rgba(228,237,242,1) 41%, rgba(197,219,231,1) 58%, rgba(121,173,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#79adcc', GradientType=0 );*/
}

/********* general styles *************/
a,
a:hover,
a:focus,
a:visit {
  transition: color 250ms;
  text-decoration: none !important;
}

.profile .btn, .modal .modal-body .btn, .login .btn {
  background: url("../images/Glow.png") no-repeat !important;
  background-size: 100% 100%;
  border: 0 !important;
  border-radius: 0;
  outline: none !important;
  box-shadow: none !important;
  line-height: 1.143;
  font-size: 20px;
}

.company-name {
  font-size: 50px;
  color: #132547;
  line-height: 1.2;
  text-align: center;
}
.company-name span {
  color: #168fbc;
}

header {
  background: #132547;
  font-size: 26px;
  font-family: "Arial";
  color: white;
  font-weight: bold;
  line-height: 1.2;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: right;
}
header img {
  max-width: 100px;
  vertical-align: -3px;
}

/****** profile header *****/
.profile-head {
  padding-top: 10px;
}
.profile-head .page-logo {
  width: 75px;
  margin-right: 10px;
}
.profile-head .btn {
  background: #168fbc;
  padding: 10px 25px 5px 25px;
  border-radius: 0;
  border-color: #168fbc;
  font-size: 24px;
  font-family: "ntailu";
  color: white;
  font-weight: bold;
  margin-left: 10px;
}
.profile-head .btn.trash {
  padding: 0 5px;
  margin-top: 15px;
  float: right;
}
.profile-head .btn.trash img {
  width: 38px;
}

.profile .btn {
  padding: 15px 25px 8px 25px;
  margin-bottom: 2em;
  margin-top: .5em;
}
.profile .btn.other {
  background: #1689b5 !important;
  padding: 10px 10px 5px 10px;
  border-radius: 0;
  border-color: #1689b5;
  font-size: 20px !important;
  font-family: "ntailu";
  color: white;
  font-weight: bold;
  margin-left: 10px;
}
.profile .btn.disabled  {
  background: url("../images/GlowD.png") no-repeat !important;
  background-size: 100% 100%;
  border: 0 !important;
  border-radius: 0;
  outline: none !important;
  box-shadow: none !important;
  line-height: 1.143;
  font-size: 20px;
}
.profile .form-group {
  /**
   * Custom file input
   */
}
.profile .form-group label {
  font-size: 18px;
  color: #132547;
  font-weight: 600;
  line-height: 1.328;
  margin-bottom: 0;
  width: 100%;
}
.profile .form-group label img {
  float: right;
  max-width: 26px;
}
.profile .form-group label img.plus {
  max-width: 20px;
  cursor: pointer;
}
.profile .form-group .form-control {
  /*   background: url("../images/Triangle.png") no-repeat bottom;
  background-size: 100% auto;*/
  background: url("../images/trai.png") no-repeat;
  background-position: bottom -7px right 0;
  border: 0;
  border-bottom: 1px solid #45a4c9;
  border-radius: 0;
  outline: 0 !important;
  box-shadow: none !important;
  color: #132547;
  font-weight: bold;
  line-height: 2.222;
}
.profile .form-group .form-input--file {
  position: relative;
  overflow: hidden;
  padding-right: 120px;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: rgba(255, 255, 255, 0.502);
  height: 45px;
}
.profile .form-group .form-input-file {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.profile .form-group .form-input-file2 {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.profile .form-group .form-input-file3 {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.profile .form-group .form-input-file4 {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.profile .form-group .form-input--file-button {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 0;
  padding: .24em 1em 0;
  background: #a9c9de;
}
.profile .form-group .form-input--file-text {
  width: 100%;
  line-height: 45px;
  padding-left: 6px;
}
.profile .form-group .custom-select {
  border-radius: 0;
  background: rgba(255, 255, 255, 0.502) url("../images/select.png") no-repeat right 0 center;
  background-size: auto 38px;
  border: 0;
}
.profile .form-group .custom-select option {
  background: rgba(255, 255, 255, 0.502);
}
.profile .form-group .row {
  margin: 0;
}
.profile .form-group.modify .select-holder .select-box {
  background-color: #8ac7dd;
}
.profile .form-group.modify .select-holder ul.choice-list {
  text-align: center;
}
.profile .form-group.modify .select-holder ul.choice-list li {
  border-top: 2px solid #fff;
}
.profile .form-group.hidden {
  display: none;
}
.profile form p {
  font-size: 16px;
  font-family: "ntailu";
  color: #132547;
  line-height: 1.25;
  margin-bottom: 0;
}
.profile form .empty {
  height: 100px;
}
.profile form .custom-control-label {
  margin-bottom: 5px;
}
.profile form .custom-control-label::before,
.profile form .custom-file-label,
.profile form .custom-select {
  border-radius: 0;
  width: 1.3rem;
  height: 1.3rem;
  border: 1px solid #000;
  background: #fff;
}
.profile form .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("../images/Tick.png");
}
.profile form .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #fff;
}
.profile form .custom-control-label::after {
  top: -8px;
  left: -36px;
  width: 2.5rem;
  height: 2.5rem;
}
.profile form .custom-control-label::before {
  left: -31px;
}

.select-holder {
  margin-top: 10px;
}
.select-holder .selected-choice {
  display: block;
  white-space: nowrap;
  width:auto;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.select-holder .selected-choice span {
  width: 25px;
  float: right;
  height: 25px;
  border: 1px solid #132547;
  margin-right: 40px;
}
.select-holder .selected-choice span.other-color {
  background: #00b3ee;
}
.select-holder .select-box {
  font-size: 18px;
  color: #132547;
  font-weight: 600;
  line-height: 1.328;
  width: 100%;
  padding: 10px 0px 10px 0px;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.502) url(../images/select.png) no-repeat right 0 center;
  background-size: auto 44px;
  padding-left: 10px;
}
.select-holder ul.choice-list {
  overflow:auto;
  height:auto;
  max-height:300px;
  display: none;
  width: calc(100% - 30px);
  margin: 0;
  padding-left: 0;
  list-style-type: none;
  background: #8ac7dd;
  cursor: pointer;
  right: 15px;
  position: absolute;
  z-index: 10;
  padding: 0 10px;
}
.select-holder ul.choice-list li {
  font-size: 18px;
  color: #132547;
  font-weight: 600;
  line-height: 1.328;
  padding-left: 5px;
  width: 100%;
  padding: 10px 0px 10px 0px;
  border-top: 2px solid #fff;
}
.select-holder ul.choice-list li:first-child {
  border: 0;
}
.select-holder ul.choice-list li span {
  width: 25px;
  float: right;
  height: 25px;
  border: 1px solid #132547;
  margin-right: 30px;
  background: #fff;
  margin-top: -21px
}
p.limited-text4{
  font-family: monospace;
  width: 1ch;
  overflow: hidden;
  white-space: nowrap;
  float:right;
}
p.limited-text5{
   white-space: nowrap;
    width:auto;
	max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
	font-size:1em;
}
p.limited-text{
    white-space: nowrap;
    width:auto;
	max-width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
}
p.limited-text2{
    white-space: nowrap;
    font-size: 16px; 
    font-size: 4vw;
	max-width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
}
p.limited-text3{
    white-space: nowrap;
    width:auto;
	max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
p.limited-textR{
    white-space: nowrap;
    width:auto;
	max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
	color:#FFF;
}
p.schedule-text{
    font-family: monospace;
	width: 3ch;
	overflow: hidden;
	white-space: nowrap;
	margin-bottom: 0px;
}
.select-holder ul.choice-list li span.yellow {
  background: #f8d21f;
}
.select-holder ul.choice-list li span.green {
  background: #43ab15;
}
.select-holder ul.choice-list li span.other-color {
  background: #00b3ee;
}
.select-holder ul.choice-list li span.Teal {
  background: #008080;
}
.select-holder ul.choice-list li span.BlanchedAlmond {
  background: #FFEBCD;
}
.select-holder ul.choice-list li span.Thistle {
  background: #D8BFD8;
}
.select-holder ul.choice-list li span.YellowGreen {
  background: #9ACD32;
}
.select-holder ul.choice-list li span.SlateBlue {
  background: #6A5ACD;
}
.select-holder ul.choice-list li span.SandyBrown {
  background: #F4A460;
}
.select-holder ul.choice-list li span.Sienna {
  background: #A0522D;
}
.select-holder ul.choice-list li span.PaleVioletRed {
  background: #DB7093;
}
.select-holder ul.choice-list li span.Orange {
  background: #FFA500;
}
.select-holder ul.choice-list li span.LightCoral {
  background: #F08080;
}
.select-holder ul.menu-open {
  display: block;
}

td span {
  background: #fff;
}
td span.yellow {
  background: #f8d21f;
}
td span.green {
  background: #43ab15;
}
td span.Teal {
  background: #008080;
}
td span.BlanchedAlmond {
  background: #FFEBCD;
}
td span.Thistle {
  background: #D8BFD8;
}
td span.YellowGreen {
  background: #9ACD32;
}
td span.SlateBlue {
  background: #6A5ACD;
}
td span.SandyBrown {
  background: #F4A460;
}
td span.Sienna {
  background: #A0522D;
}
td span.PaleVioletRed {
  background: #DB7093;
}
td span.Orange {
  background: #FFA500;
}
td span.LightCoral {
  background: #F08080;
}
  
td span.other-color {
  background: #00b3ee;
}

.modal {
  padding-right: 0 !important;
}
.modal.index-modal .modal-dialog {
  margin: 15% auto;
}
.modal .modal-content {
  padding: 0 15px;
  background: transparent;
  box-shadow: none;
  border: 0;
}
.modal .modal-body {
  background: url("../images/bg.png") no-repeat;
  background-size: 100% 100%;
  border-radius: 0;
  text-align: center;
}
.modal .modal-body p {
  font-size: 22px;
  color: #132547;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
}
.modal .modal-body .btn {
  width: 120px;
}
.modal .modal-body .btn2 {
    width: 50px;
    height: 30px;
	line-height: 29px;
}
.modal .modal-body .btn3 {
    width: 50px;
    height: 30px;
	background: rgb(27, 179, 11);
}
.modal .modal-body .btn3 {
    width: 50px;
    height: 30px;
	background: rgb(0, 146, 37);
}
.modal.select-color h3 {
  font-size: 20px;
  color: #132547;
  font-weight: bold;
  line-height: 1.429;
  margin-bottom: 20px;
}
.modal.select-color .form-group label {
  color: #132547;
  font-weight: bold;
  line-height: 2;
  text-align: center;
  margin-bottom: 0;
  font-size: 14px;
}
.modal.select-color .form-group .form-control {
  background: transparent;
  border: 0;
  box-shadow: none;
  outline: none !important;
  border-radius: 0;
  border-bottom: 1px solid #168fbc;
  padding: 0;
  margin: 0 auto;
  color: #132547;
  font-size: 16px;
}
.modal.select-color .form-group input {
  max-width: 200px;
}
.modal.select-color .table-bordered tr {
  height: 35px;
}
.modal.select-color .table-bordered td, .modal.select-color .table-bordered th {
  border: 3px solid #132547;
  background: #fff;
  transition: all 1s ease;
}
.modal.select-color .table-bordered td.active-cell {
  border: 4px solid rgba(255, 255, 255, 0.6);
}
.modal.select-color .btn {
  font-size: 24px;
  font-family: "ntailu";
  color: white;
  font-weight: bold;
  line-height: 1.143;
  text-align: center;
  width: auto;
  padding: 10px 20px 6px 20px;
  margin-right: 20px;
}


#chartdiv {
  width: 100%;
  height: 500px;
}

.map-marker {
  /* adjusting for the marker dimensions
  so that it is centered on coordinates */
  margin-left: -8px;
  margin-top: -8px;
}

.map-marker.map-clickable {
  cursor: pointer;
}

.pulse {
  width: 10px;
  height: 10px;
  border: 5px solid #f7f14c;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: #716f42;
  z-index: 10;
  position: absolute;
}

.map-marker .dot {
  border: 10px solid #fff601;
  background: transparent;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  -webkit-animation: pulse 3s ease-out;
  -moz-animation: pulse 3s ease-out;
  animation: pulse 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  top: -20px;
  left: -20px;
  z-index: 1;
  opacity: 0;
}

@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(0);
    opacity: 0.0;
  }
  25% {
    -moz-transform: scale(0);
    opacity: 0.1;
  }
  50% {
    -moz-transform: scale(0.1);
    opacity: 0.3;
  }
  75% {
    -moz-transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    -moz-transform: scale(1);
    opacity: 0.0;
  }
}
@-webkit-keyframes "pulse" {
  0% {
    -webkit-transform: scale(0);
    opacity: 0.0;
  }
  25% {
    -webkit-transform: scale(0);
    opacity: 0.1;
  }
  50% {
    -webkit-transform: scale(0.1);
    opacity: 0.3;
  }
  75% {
    -webkit-transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0.0;
  }
}
/******** login page style*******/
.login {
  padding-top: 6em;
  padding-bottom: 6em;
  text-align: center;
 /* background-image: linear-gradient(to top, #79adcc 0%, #a3bfdb 10%, #c7d2e7 20%, #e6e8f3 35%, #ffffff);
*/
  
}
.login h1 {
  margin-bottom: 1.5em;
}
.login p {
  font-size: 22px;
  color: #010101;
  line-height: 1.2;
}
.login .login-form {
  padding-top: 2em;
  font-family: "ntailu";
  color: #8ae9e9;
}
.login .login-form .form-group {
  text-align: left;
}
.login .login-form .form-group .form-control {
  border-radius: 0;
  font-size: 20px;
  border: 0;
  border-bottom: 1px solid #168fbc;
  color: #010101;
  padding-left: 25px;
  background: transparent;
  padding-bottom: 0;
}
.login .login-form .form-group .form-control:focus {
  border-color: #8ae9e9;
  outline: 0;
  box-shadow: none;
}
.login .login-form .form-group .form-control::-webkit-input-placeholder {
  color: #8ae9e9;
}
.login .login-form .form-group .form-control::-moz-placeholder {
  color: #8ae9e9;
}
.login .login-form .form-group .form-control:-ms-input-placeholder {
  color: #8ae9e9;
}
.login .login-form .form-group .form-control::-webkit-input-placeholder {
  color: #8ae9e9;
}
.login .login-form .form-group .form-control::placeholder {
  color: #8ae9e9;
}
.login .login-form .form-group .form-control.text-center {
  line-height: 1.143;
  margin-bottom: 4.5em;
  font-size: 24px;
}
.login .login-form .form-group img {
  margin-bottom: -55px;
  max-width: 17px;
}
.login .btn {
  width: 200px;
  padding: 15px 5px 8px 5px;
  margin-bottom: 2em;
  margin-top: .5em;
}
.login a {
  font-size: 20px;
  color: #132547;
  line-height: 1.432;
  font-family: "Myriad";
  transition: color 250ms;
}
.login a:hover {
  text-decoration: none;
  color: #8ae9e9;
}
.login .or {
  font-family: "Myriad";
  color: #132547;
  font-size: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.login .or span::before,
.login .or span::after {
  display: inline-block;
  content: "";
  border-bottom: 2px solid #132547;
  width: calc((100% - 90px)/2);
  margin: -14px 1rem;
  transform: translateY(-1rem);
}
.login .free-register {
  background: rgba(255, 255, 255, 0.502);
  max-width: 400px;
  margin: 20px auto;
  padding: 15px;
}
.login .free-register p {
  font-size: 22px;
  line-height: 1.377;
  font-family: "ntailu";
}

/******** index page style ********/
.index {
  padding-top: 20px;
  
}
.index .menu-div {
  text-align: center;
  margin-bottom: 6em;
}
.index .menu-div .menu {
  background: url("../images/menu.png") no-repeat;
  background-size: 100% 100%;
}
.index .menu-div .menu .card {
  background: none;
  border: 0;
}
.index .menu-div .menu .card .card-header {
  padding: 0 15px;
  background: none;
  border: 0;
}
.index .menu-div .menu .card .card-header h5 {
  border-top: 3px solid #fff;
  padding: 15px 0 10px 0;
}
.index .menu-div .menu .card .card-header h5 .btn {
  font-size: 2.0vw;
  color: #132547;
  font-weight: bold;
  line-height: 1.2;
  transition: color 250ms;
  text-decoration: none !important;
}
.index .menu-div .menu .card .card-body {
  background: #fdffff;
  padding: 0 10px;
}
.index .menu-div .menu .card .card-body ul {
  margin: 0;
  padding: 0;
}
.index .menu-div .menu .card .card-body ul li {
  background: #ddf3f8;
  border-top: 1px solid #e2e5e6;
  border-bottom: 2px solid #f3f7f8;
  padding: 10px 0 5px 0;
}
.index .menu-div .menu .card .card-body ul li a {
  font-size: 2.0vw;
}
.index .menu-div .menu h3 {
  font-size: 2.5vw;
  color: white;
  font-weight: bold;
  line-height: 1.2;
  padding-top: 10px;
  padding-bottom: 10px;
}
.index .menu-div .menu ul {
  list-style-type: none;
  list-style: none;
  padding: 0;
}
.index .menu-div .menu ul li {
  border-top: 3px solid #fff;
  padding: 20px 0 15px 0;
}
.index .menu-div .menu ul li a {
  font-size: 24px;
  color: #132547;
  font-weight: bold;
  line-height: 1.2;
  transition: color 250ms;
  text-decoration: none !important;
}
.index .menu-div .menu ul li a:hover {
  color: #fff;
}
.index .index-logo {
  text-align: center;
  margin-bottom: 6em;
}
.index .index-logo h3 {
  font-size: 50px;
  color: #010101;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 1em;
}
.index .index-logo img {
  max-width: 250px;
  width: 250px;
  margin-bottom: 30px;
}
.index .bottom-menu {
  padding-bottom: 4em;
  margin: 0;
}
.index .bottom-menu div {
  background: rgba(255, 255, 255, 0.502);
  border-right: 2px solid #132547;
}
.index .bottom-menu div:last-child {
  border: 0;
}
.index .bottom-menu div a {
  font-size: 30px;
  color: black;
  line-height: 1.2;
  text-align: center;
  text-decoration: none !important;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
  width: 100%;
}

/********* profile page style *************/
.profile {
  margin-top: 30px;
  font-family: "ntailu";
}
.profile h1 {
  font-size: 60px;
  color: #132547;
  font-weight: bold;
  text-align: center;
}
.profile .divider {
  width: 80%;
  height: 2px;
  background: #152748;
  margin: 5px auto 20px auto;
}
.profile .table-responsive {
  margin-bottom: 15px;
}
.profile table {
  font-family: "taile";
  color: #132547;
  line-height: 1.2;
  text-align: center;
  /* td.focus { background-color:Blue; }*/
}
#SmallText {
    font-size: 1em;
    font-weight: bold;
}
.profile table thead th {
  font-size: 26px;
  font-weight: bold;
}
.profile table thead th.unborder {
  border: 0;
}
.profile table tbody th {
  text-align: right;
  border: 0;
}
.profile table td, .profile table th {
  border: 2px solid #168fbc;
  height: 70px;
}
.profile table td {
  padding: 0;
}

.profile table input {
  height: 70px;
  background: transparent;
  border: 0;
  outline: none;
}
.profile table td span {
  display: block;
  width: 100%;
}
.profile .table-div div {
  font-family: "taile";
  color: #132547;
  line-height: 1.2;
  text-align: center;
}
.profile .table-div div.row-name {
  font-size: 20px;
}

footer img {
  width: 100%;
  max-height: 65px;
}

@media (min-width: 800px) {
  .profile .table-responsive {
    width: 90%;
  }
}
@media (max-width: 767px) {
  .container {
    max-width: 98%;
  }

  .index .menu-div .menu h3 {
    font-size: 20px;
  }
  .index .menu-div .menu ul li a {
    font-size: 18px;
  }
  .index .index-logo h3 {
    font-size: 30px;
  }
  .index .bottom-menu div a {
    font-size: 18px;
  }

  .modal .modal-dialog {
    margin: 35% auto;
  }

  .form-group label,
  .form-group .form-control {
    font-size: 16px;
    color: #134198;
    font-weight: 300;
  }

  .btn.other {
    font-size: 18px !important;
    font-family: "ntailu";
    color: white;
    font-weight: 300;
    margin-left: 0;
  }

  .profile-head .btn {
    padding: 10px 10px 5px 10px;
    font-size: 16px;
  }

  .profile-head .btn.trash img {
    width: 30px;
  }

  .profile-head .page-logo {
    width: 60px;
    margin-right: 0px;
  }

  .profile h1 {
    font-size: 35px;
  }

  .profile .btn.other {
    margin-left: 0;
    font-size: 16px !important;
    font-weight: 500;
  }

  .select-holder .select-box {
    background-size: auto 34px;
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  .profile .form-group label, .form-group label, .form-group .form-control {
    font-size: 12px;
  }

  .profile .form-group label img.plus {
    max-width: 14px;
  }

  .profile .form-group label img {
    max-width: 16px;
  }

  .form-input--file-button img {
    margin-top: 10px;
  }
}
@media (max-width: 530px) {
  .index .menu-div {
    margin-bottom: 2em;
  }
  .index .menu-div .col-4 {
    padding: 0 3px;
  }
  .index .menu-div .menu h3 {
    font-size: 16px;
  }
  .index .menu-div .menu ul li {
    padding: 10px 0 5px 0;
  }
  .index .menu-div .menu ul li a {
    font-size: 14px;
  }
  .index .index-logo {
    margin-bottom: 2em;
  }
  .index .index-logo h3 {
    font-size: 30px;
  }
  .index .bottom-menu div a {
    font-size: 16px;
  }
}
@media (max-width: 450px) {
  .login {
    padding-top: 3em;
    padding-bottom: 3em;
  }
  .login h1 {
    margin-bottom: 0.5em;
  }
  .login .login-form h3 {
    margin-bottom: 1.5em;
  }
  .login .free-register p {
    font-size: 16px;
  }

  .company-name {
    font-size: 40px;
  }

  .index .bottom-menu div {
    padding: 0 5px;
  }
  .index .bottom-menu div a {
    font-size: 14px;
  }

  .index .menu-div .menu {
    padding: 0px 5px;
  }

  .index .index-logo img {
    width: 175px;
  }

  .profile-head .page-logo {
    width: 40px;
  }

  .profile-head .btn.trash {
    margin-top: 10px;
  }

  .profile-head .btn.trash img {
    width: 18px;
  }

  .profile-head .btn {
    padding: 4px 5px 0px 5px;
    font-size: 14px;
  }

  .profile-head .btn {
    margin-left: 0;
  }
}


/*# sourceMappingURL=style.css.map */